From 03690d3b4cd81e0feb2beba2a649e5cf331281a5 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 18 Mar 2026 16:14:53 +0000
Subject: [PATCH 1/2] Initial plan


From c32ed9cbb2492625cfa70562d3ae08c159ba6261 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 18 Mar 2026 16:19:15 +0000
Subject: [PATCH 2/2] Add quick search/filter to Glossary pages for faster
 navigation

Co-authored-by: LukasWallrich <60155545+LukasWallrich@users.noreply.github.com>
---
 layouts/glossary/list.html   | 20 ++++++++++++++++++++
 layouts/glossary/single.html | 20 ++++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/layouts/glossary/list.html b/layouts/glossary/list.html
index f3380590ad..8fd16cc00e 100644
--- a/layouts/glossary/list.html
+++ b/layouts/glossary/list.html
@@ -11,6 +11,22 @@
   }
 </style>
 
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    const searchInput = document.getElementById('glossary-search');
+    if (searchInput) {
+      searchInput.addEventListener('input', function() {
+        const query = this.value.toLowerCase();
+        document.querySelectorAll('#TableOfContents .nav-item').forEach(function(item) {
+          const link = item.querySelector('.nav-link');
+          const text = link ? link.textContent.toLowerCase() : '';
+          item.style.display = text.includes(query) ? '' : 'none';
+        });
+      });
+    }
+  });
+</script>
+
 <div class="container-fluid docs">
   <div class="row flex-xl-nowrap">
     <div class="col-12 col-xl-3 docs-toc glossary-toc">
@@ -18,6 +34,10 @@
         <li><a href="#" id="back_to_top" class="docs-toc-title">List of terms</a></li>
       </ul>
 
+      <input type="text" id="glossary-search" class="form-control form-control-sm mb-2"
+             placeholder="Filter terms..."
+             aria-label="Filter terms">
+
       <nav id="TableOfContents" class="nav flex-column">
         <ul>
           {{ $currentSection := .File.Dir }}
diff --git a/layouts/glossary/single.html b/layouts/glossary/single.html
index 1b828b8741..898c545137 100644
--- a/layouts/glossary/single.html
+++ b/layouts/glossary/single.html
@@ -4,6 +4,7 @@
 {{ $dictionary := dict
     "english" (dict
         "list_of_terms" "List of terms"
+        "filter_terms" "Filter terms..."
         "definition" "Definition"
         "alt_definition" "Alternative definition"
         "related_term" "Related term"
@@ -18,6 +19,7 @@
     )
     "german" (dict
         "list_of_terms" "Liste der Begriffe"
+        "filter_terms" "Begriffe filtern..."
         "definition" "Definition"
         "alt_definition" "Alternative Definition"
         "related_term" "Verwandter Begriff"
@@ -32,6 +34,7 @@
     )
     "arabic" (dict
         "list_of_terms" "قائمة المصطلحات"
+        "filter_terms" "تصفية المصطلحات..."
         "definition" "تعريف"
         "alt_definition" "تعريف بديل"
         "related_term" "مصطلح ذو صلة"
@@ -46,6 +49,7 @@
     )
     "turkish" (dict
         "list_of_terms" "Terimler listesi"
+        "filter_terms" "Terimleri filtrele..."
         "definition" "Tanım"
         "alt_definition" "Alternatif tanım"
         "related_term" "İlgili terim"
@@ -117,6 +121,18 @@
         }
       }
     });
+
+    const searchInput = document.getElementById('glossary-search');
+    if (searchInput) {
+      searchInput.addEventListener('input', function() {
+        const query = this.value.toLowerCase();
+        document.querySelectorAll('#TableOfContents .nav-item').forEach(function(item) {
+          const link = item.querySelector('.nav-link');
+          const text = link ? link.textContent.toLowerCase() : '';
+          item.style.display = text.includes(query) ? '' : 'none';
+        });
+      });
+    }
   });
 </script>
 
@@ -128,6 +144,10 @@
         <li><a href="#" id="back_to_top" class="docs-toc-title">{{ index (index $dictionary $lang) "list_of_terms" }}</a></li>
       </ul>
 
+      <input type="text" id="glossary-search" class="form-control form-control-sm mb-2"
+             placeholder="{{ index (index $dictionary $lang) "filter_terms" }}"
+             aria-label="{{ index (index $dictionary $lang) "filter_terms" }}">
+
       <nav id="TableOfContents" class="nav flex-column">
         <ul>
           {{ $currentSection := .File.Dir }}