chore: minor fixes to pagination and search clear logic in index page

Author: myoshi2891

CLAUDE.md

@@ -27,6 +27,7 @@ bunx prettier -w .  # prettier 修正
 # 実行
 bunx tsx path/to/file.ts   # TypeScript実行
 make lab                   # JupyterLab起動
+python generate_index.py   # public/index.html 再生成
 ```
 
 パッケージマネージャは**Bun**。`npm`ではなく`bun install`を使用。
@@ -77,6 +78,19 @@ make lab                   # JupyterLab起動
 - **Prettier**: semi, singleQuote, tabWidth: 4, printWidth: 100
 - **Python**: ruff + black
 
+### インデックスページ生成
+
+- `public/index.html` は `python generate_index.py` で自動生成。直接編集禁止
+- テンプレートは `generate_index.py` 内に埋め込み（Python `.format()` 使用、`{{`/`}}` でブレースエスケープ）
+- `public/` 配下の全ファイルは生成物。変更は必ずジェネレータ側で行う
+- テンプレート内JS で `innerHTML` 禁止（セキュリティフックがブロック）→ `textContent` + DOM API を使用
+- HTML出力に埋め込む文字列は `html.escape()` 必須（XSS防止）
+
+### ブラウザテスト（Playwright MCP）
+
+- `file://` URLはブロックされる → `python -m http.server 8765 --directory public` でローカルサーバー起動
+- `ruff` / `black` はグローバル未インストールの場合あり → `python -c "import py_compile; ..."` でシンタックスチェック代替
+
 ## SVGフローチャートガイドライン
 
 `.agent/workflows/svg_flowchart_guidelines.md` に詳細あり。主要ポイント:

generate_index.py

@@ -177,6 +177,7 @@ def generate_index(self) -> None:
             'SQL': '\U0001F5C3\uFE0F',
         }
         total_count = sum(len(v) for v in structure.values())
+        domain_count = len(sorted_categories)
         current_time = datetime.datetime.now(datetime.timezone.utc).strftime("%Y-%m-%d %H:%M:%S UTC")
 
         # HTML Template — "Refined Lab" デザイン
@@ -598,7 +599,7 @@ def generate_index(self) -> None:
             \U0001F9EA Algorithm Study
             <span class="title-accent">Index</span>
         </h1>
-        <p class="site-subtitle">{total_count} interactive lessons across 6 domains</p>
+        <p class="site-subtitle">{total_count} interactive lessons across {domain_count} domains</p>
     </header>
 
     <div class="search-container">
@@ -677,17 +678,20 @@ def generate_index(self) -> None:
 
         function renderPaginationControls(tabId, totalPages, currentPage) {{
             const tab = document.getElementById(tabId);
-            let container = tab.querySelector('.pagination');
+            const existing = tab.querySelector('.pagination');
 
-            if (!container) {{
-                container = document.createElement('div');
+            if (totalPages <= 1) {{
+                if (existing) existing.remove();
+                return;
+            }}
+
+            const container = existing || document.createElement('div');
+            if (!existing) {{
                 container.className = 'pagination';
                 tab.appendChild(container);
             }}
             while (container.firstChild) container.removeChild(container.firstChild);
 
-            if (totalPages <= 1) return;
-
             const prevBtn = document.createElement('button');
             prevBtn.className = 'page-button';
             prevBtn.textContent = '\u00AB Prev';
@@ -755,7 +759,9 @@ def generate_index(self) -> None:
                 input.value = '';
                 document.getElementById('searchClear').style.display = 'none';
                 document.getElementById('searchCount').textContent = '';
-                clearSearchFilter(categoryName);
+                document.querySelectorAll('.tab-content').forEach(tc => {{
+                    clearSearchFilter(tc.id);
+                }});
             }}
 
             currentPages[categoryName] = currentPages[categoryName] || 1;
@@ -865,7 +871,9 @@ def generate_index(self) -> None:
             file_list_html = '<ul class="file-list">\n'
             for title, path in files:
                 encoded_path = urllib.parse.quote(path)
-                item_html = f'<li class="file-item" data-category="{css_cat}"><a class="file-link" href="{encoded_path}"><span class="card-header"><span class="card-icon">{icon}</span><span class="card-title">{title}</span></span><span class="file-path">{path}</span></a></li>\n'
+                safe_title = html.escape(title)
+                safe_path = html.escape(path)
+                item_html = f'<li class="file-item" data-category="{css_cat}"><a class="file-link" href="{encoded_path}"><span class="card-header"><span class="card-icon">{icon}</span><span class="card-title">{safe_title}</span></span><span class="file-path">{safe_path}</span></a></li>\n'
                 file_list_html += item_html
                 all_files_html += item_html
             file_list_html += '</ul>'
@@ -878,6 +886,7 @@ def generate_index(self) -> None:
             tab_contents=tab_contents_html,
             timestamp=current_time,
             total_count=total_count,
+            domain_count=domain_count,
         )
 
         output_index_path = os.path.join(output_dir, index_file)