增加 dashboard 顶部折叠功能

08-threat-intel/generated/dashboard/index.html

@@ -13,58 +13,78 @@
       <div class="hero-glow hero-glow-left" aria-hidden="true"></div>
       <div class="hero-glow hero-glow-right" aria-hidden="true"></div>
 
-      <div class="hero-top">
-        <div class="hero-copy">
-          <div class="hero-eyebrow">
-            <svg class="icon"><use href="/assets/icons.svg#spark"></use></svg>
-            <span>授权攻防实验工作台</span>
-          </div>
-          <h1>本地攻防实证工作台</h1>
-        </div>
-
-        <div class="hero-actions">
-          <button id="refreshDashboard" class="button button-primary" type="button">
-            <svg class="icon"><use href="/assets/icons.svg#refresh"></use></svg>
-            <span>立即刷新</span>
-          </button>
-          <label class="toggle-card">
-            <span class="toggle-label">自动刷新</span>
-            <span class="toggle-switch">
-              <input id="autoRefresh" type="checkbox" checked>
-              <span class="toggle-slider"></span>
+      <div class="hero-collapse-bar">
+        <div class="hero-collapse-summary">
+          <div class="hero-summary-topline">
+            <span id="heroSectionChip" class="hero-section-chip">
+              <svg class="icon"><use href="/assets/icons.svg#spark"></use></svg>
+              <span>总览</span>
             </span>
-          </label>
-          <div id="syncState" class="sync-state">
-            <svg class="icon icon-sync"><use href="/assets/icons.svg#sync"></use></svg>
-            <div>
-              <strong>启动中</strong>
-              <span>正在载入本地生成数据</span>
-            </div>
-          </div>
-          <div class="hero-links">
-            <a class="button button-secondary" href="/docs/project-features.html" target="_blank" rel="noreferrer">
-              <svg class="icon"><use href="/assets/icons.svg#docs"></use></svg>
-              <span>功能文档</span>
-            </a>
-            <a class="button button-secondary" href="/docs/frontend-dashboard-design.html" target="_blank" rel="noreferrer">
-              <svg class="icon"><use href="/assets/icons.svg#playbook"></use></svg>
-              <span>前端设计</span>
-            </a>
-            <a class="button button-secondary" href="/docs/architecture-library.html" target="_blank" rel="noreferrer">
-              <svg class="icon"><use href="/assets/icons.svg#systems"></use></svg>
-              <span>架构镜像</span>
-            </a>
-            <a class="button button-secondary" href="/legacy/index.html" target="_blank" rel="noreferrer">
-              <svg class="icon"><use href="/assets/icons.svg#legacy"></use></svg>
-              <span>旧版工作台</span>
-            </a>
+            <span class="hero-eyebrow">授权攻防实验工作台</span>
           </div>
+          <strong id="heroSummaryTitle" class="hero-summary-title">总览 · 顶部操作区</strong>
+          <span id="heroSummaryDetail" class="hero-summary-detail">这里包含刷新、同步状态、指标卡、板块导航和顶部筛选。</span>
         </div>
+        <button id="toggleHeroCollapse" class="button button-secondary hero-collapse-button" type="button" data-hero-toggle="1" aria-expanded="true">
+          <svg class="icon hero-collapse-icon"><use href="/assets/icons.svg#chevron"></use></svg>
+          <span id="heroToggleLabel">折叠顶部</span>
+        </button>
       </div>
 
-      <div id="metricCards" class="metrics-row"></div>
-      <nav id="sectionNav" class="section-nav" aria-label="工作台板块导航"></nav>
-      <div id="topMenus" class="top-menus" aria-label="顶部筛选与分类菜单"></div>
+      <div class="hero-foldable">
+        <div class="hero-top">
+          <div class="hero-copy">
+            <div class="hero-eyebrow">
+              <svg class="icon"><use href="/assets/icons.svg#spark"></use></svg>
+              <span>授权攻防实验工作台</span>
+            </div>
+            <h1>本地攻防实证工作台</h1>
+          </div>
+
+          <div class="hero-actions">
+            <button id="refreshDashboard" class="button button-primary" type="button">
+              <svg class="icon"><use href="/assets/icons.svg#refresh"></use></svg>
+              <span>立即刷新</span>
+            </button>
+            <label class="toggle-card">
+              <span class="toggle-label">自动刷新</span>
+              <span class="toggle-switch">
+                <input id="autoRefresh" type="checkbox" checked>
+                <span class="toggle-slider"></span>
+              </span>
+            </label>
+            <div id="syncState" class="sync-state">
+              <svg class="icon icon-sync"><use href="/assets/icons.svg#sync"></use></svg>
+              <div>
+                <strong>启动中</strong>
+                <span>正在载入本地生成数据</span>
+              </div>
+            </div>
+            <div class="hero-links">
+              <a class="button button-secondary" href="/docs/project-features.html" target="_blank" rel="noreferrer">
+                <svg class="icon"><use href="/assets/icons.svg#docs"></use></svg>
+                <span>功能文档</span>
+              </a>
+              <a class="button button-secondary" href="/docs/frontend-dashboard-design.html" target="_blank" rel="noreferrer">
+                <svg class="icon"><use href="/assets/icons.svg#playbook"></use></svg>
+                <span>前端设计</span>
+              </a>
+              <a class="button button-secondary" href="/docs/architecture-library.html" target="_blank" rel="noreferrer">
+                <svg class="icon"><use href="/assets/icons.svg#systems"></use></svg>
+                <span>架构镜像</span>
+              </a>
+              <a class="button button-secondary" href="/legacy/index.html" target="_blank" rel="noreferrer">
+                <svg class="icon"><use href="/assets/icons.svg#legacy"></use></svg>
+                <span>旧版工作台</span>
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <div id="metricCards" class="metrics-row"></div>
+        <nav id="sectionNav" class="section-nav" aria-label="工作台板块导航"></nav>
+        <div id="topMenus" class="top-menus" aria-label="顶部筛选与分类菜单"></div>
+      </div>
     </header>
 
     <main class="main-container">