From 977d8ab5e0616c6702dbb85f586d8a90c1a632c6 Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Sun, 12 Apr 2026 17:17:04 +0000
Subject: [PATCH] fix(sidebar): include component tag names in sidebar search
 filtering

---
 changelog.md                   | 6 ++++++
 ts_web/00_commitinfo_data.ts   | 2 +-
 ts_web/elements/wcc-sidebar.ts | 4 ++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/changelog.md b/changelog.md
index 7746a5b..8b2f3d5 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-04-12 - 3.8.3 - fix(sidebar)
+include component tag names in sidebar search filtering
+
+- Updates sidebar section and entry filtering to match search queries against each item's custom element tag name via the `is` field.
+- Keeps existing name and demo group matching behavior while making search results easier to find by tag.
+
 ## 2026-04-12 - 3.8.2 - fix(sidebar)
 restore search input focus after clearing the sidebar search
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index e12184b..100c881 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '3.8.2',
+  version: '3.8.3',
   description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
 }
diff --git a/ts_web/elements/wcc-sidebar.ts b/ts_web/elements/wcc-sidebar.ts
index 83b028b..45e6b2b 100644
--- a/ts_web/elements/wcc-sidebar.ts
+++ b/ts_web/elements/wcc-sidebar.ts
@@ -654,6 +654,8 @@ export class WccSidebar extends DeesElement {
       const entries = getSectionItems(section);
       const filteredEntries = entries.filter(([name, item]) => {
         if (this.matchesSearch(name)) return true;
+        const tagName = (item as any).is;
+        if (tagName && this.matchesSearch(tagName)) return true;
         const rawGroups = (item as any).demoGroups;
         if (!rawGroups) return false;
         const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups];
@@ -692,6 +694,8 @@ export class WccSidebar extends DeesElement {
     // Filter entries by search query
     const filteredEntries = entries.filter(([name, item]) => {
       if (this.matchesSearch(name)) return true;
+      const tagName = (item as any).is;
+      if (tagName && this.matchesSearch(tagName)) return true;
       const rawGroups = (item as any).demoGroups;
       if (!rawGroups) return false;
       const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups];