From c187c6673742cbe51adf66951b28e81262b42311 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=BB=D1=8C=D1=8F=20=D0=91=D1=80=D0=B0=D1=82=D1=81?=
 =?UTF-8?q?=D0=BA=D0=B8=D1=85?= <ilya@bratskih.tech>
Date: Sun, 28 Jun 2026 14:43:45 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=B2=D0=BE=D1=80=D0=B0=D1=87=D0=B8?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20/=20=D1=80=D0=B0=D0=B7=D0=B2?=
 =?UTF-8?q?=D0=BE=D1=80=D0=B0=D1=87=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD=D1=82=D0=BE=D0=B2=20=D0=B4?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B5=D0=B2=D0=B0=20=D0=BF=D1=80=D0=B8=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=B8=D1=81=D0=BA=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 10 +++++++++-
 script.js  | 37 +++++++++++++++++++++++++++++++++++--
 2 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 25fd258..512345a 100644
--- a/index.html
+++ b/index.html
@@ -105,11 +105,19 @@
         <label class="toggle-row">
           <span>
             <strong>Показывать теги дерева</strong>
-            <small>Тип сервиса рядом с элементом</small>
+            <small>Поисковые теги рядом с элементом</small>
           </span>
           <input type="checkbox" data-show-tree-tags />
         </label>
 
+        <label class="toggle-row">
+          <span>
+            <strong>Авто раскрывать поиск</strong>
+            <small>Сворачивать ветки без совпадений</small>
+          </span>
+          <input type="checkbox" data-auto-collapse-search />
+        </label>
+
         <div class="control-group accent-group">
           <span>Акцент</span>
           <button
diff --git a/script.js b/script.js
index 2df7c57..41056c7 100644
--- a/script.js
+++ b/script.js
@@ -139,6 +139,7 @@ const defaultPreferences = {
   accent: "violet",
   showNumbers: false,
   showTreeTags: true,
+  autoCollapseSearch: true,
   sidebarWidth: 390,
 };
 const availableViews = ["cards", "list", "compact-cards", "compact-list"];
@@ -158,6 +159,7 @@ const viewButtons = document.querySelectorAll("[data-view]");
 const accentButtons = document.querySelectorAll("[data-accent]");
 const showNumbersInput = document.querySelector("[data-show-numbers]");
 const showTreeTagsInput = document.querySelector("[data-show-tree-tags]");
+const autoCollapseSearchInput = document.querySelector("[data-auto-collapse-search]");
 const emptyTemplate = document.querySelector("#empty-template");
 
 renderNavigationTree();
@@ -247,6 +249,13 @@ showTreeTagsInput.addEventListener("change", () => {
   savePreferences(preferences);
 });
 
+autoCollapseSearchInput.addEventListener("change", () => {
+  preferences.autoCollapseSearch = autoCollapseSearchInput.checked;
+  applyPreferences(preferences);
+  renderNavigationTree();
+  savePreferences(preferences);
+});
+
 sidebarResizer.addEventListener("pointerdown", (event) => {
   event.preventDefault();
   document.body.classList.add("is-resizing-sidebar");
@@ -423,15 +432,37 @@ function matchesQuery(item, group, section, query) {
   return haystack.includes(query);
 }
 
+function groupMatchesQuery(group, section, query) {
+  if (!query) {
+    return true;
+  }
+
+  return (
+    matchesText([group.number, group.title, group.description, section.title], query) ||
+    group.items.some((item) => matchesQuery(item, group, section, query))
+  );
+}
+
+function matchesText(values, query) {
+  if (!query) {
+    return true;
+  }
+
+  return normalize(values.join(" ")).includes(query);
+}
+
 function renderNavigationTree() {
   const query = normalize(searchInput.value);
+  const shouldAutoCollapse = Boolean(query && preferences.autoCollapseSearch);
   const fragment = document.createDocumentFragment();
 
   ecosystemSections.forEach((section) => {
+    const sectionOwnMatch = matchesText([section.number, section.title, section.description], query);
+    const sectionHasMatches = sectionOwnMatch || section.groups.some((group) => groupMatchesQuery(group, section, query));
     const sectionNode = document.createElement("details");
     sectionNode.className = "tree-section";
     sectionNode.dataset.collapseKey = getTreeSectionId(section);
-    sectionNode.open = getSavedOpenState(sectionNode.dataset.collapseKey);
+    sectionNode.open = shouldAutoCollapse ? sectionHasMatches : getSavedOpenState(sectionNode.dataset.collapseKey);
 
     const sectionSummary = document.createElement("summary");
     sectionSummary.innerHTML = `
@@ -443,10 +474,11 @@ function renderNavigationTree() {
     sectionNode.append(sectionSummary);
 
     section.groups.forEach((group) => {
+      const groupHasMatches = groupMatchesQuery(group, section, query);
       const groupNode = document.createElement("details");
       groupNode.className = "tree-group";
       groupNode.dataset.collapseKey = getTreeGroupId(group);
-      groupNode.open = getSavedOpenState(groupNode.dataset.collapseKey);
+      groupNode.open = shouldAutoCollapse ? groupHasMatches : getSavedOpenState(groupNode.dataset.collapseKey);
 
       const groupSummary = document.createElement("summary");
       groupSummary.innerHTML = `
@@ -576,6 +608,7 @@ function applyPreferences(nextPreferences) {
   document.documentElement.dataset.showTreeTags = String(Boolean(nextPreferences.showTreeTags));
   showNumbersInput.checked = Boolean(nextPreferences.showNumbers);
   showTreeTagsInput.checked = Boolean(nextPreferences.showTreeTags);
+  autoCollapseSearchInput.checked = Boolean(nextPreferences.autoCollapseSearch);
   setActiveButton(themeButtons, "theme", nextPreferences.theme);
   setActiveButton(viewButtons, "view", nextPreferences.view);
   setActiveButton(accentButtons, "accent", nextPreferences.accent);