更新: 97 个文件 - 2026-03-17 02:30:01

08-threat-intel/generated/dashboard/docs/frontend-dashboard-design.html

@@ -82,7 +82,7 @@
   <main>
     <div class="panel">
       <div class="actions">
-        <a class="chip" href="../index.html">返回工作台</a>
+        <a class="chip" href="/overview/index.html">返回工作台</a>
       </div>
       <h1>本地前端工作台设计文档</h1>
       <div class="meta">工作台内置镜像页：前端交互、展示结构和视觉规范。</div>
@@ -108,7 +108,7 @@
 
 ### 2.1 页面名称
 
-- 页面名称：`Authorized Lab Dashboard`
+- 页面名称：`授权攻防实验工作台`
 - 页面语境：本地静态前端 + 本地文件 JSON 数据源
 - 非目标：在线 SaaS、多用户后端、生产管理台
 
@@ -119,7 +119,7 @@
 - 信息密度高，但必须可折叠、可筛选、可逐层展开
 - 日志与原始 JSON 必须能直接预览
 - 页面视觉应更生动，但不能牺牲扫描效率
-- 默认路由采用正式新 UI，同时保留 `legacy` 回退入口
+- 默认路由采用分板块 URL，同时保留 `legacy` 回退入口
 - 运行期不得依赖外部 HTML、字体 CDN 或图标 CDN
 
 ## 3. 信息架构
@@ -127,7 +127,8 @@
 ```mermaid
 flowchart LR
   A[&quot;Hero + Global Status&quot;] --&gt; B[&quot;Sidebar Filters&quot;]
-  A --&gt; C[&quot;Run Queue List&quot;]
+  A --&gt; B1[&quot;Top Section Nav&quot;]
+  B1 --&gt; C[&quot;Overview / Runs / Systems / Architecture / Docs / Data&quot;]
   C --&gt; D[&quot;Run Detail Hero&quot;]
   D --&gt; E[&quot;Progress Timeline&quot;]
   D --&gt; F[&quot;Attack Plan &amp; Reasoning&quot;]
@@ -150,6 +151,8 @@ flowchart LR
 - 自动刷新开关
 - 当前同步状态
 - 核心 metric cards
+- 顶部板块菜单
+- 顶部 chips 分类筛选
 
 视觉要求：
 
@@ -159,24 +162,22 @@ flowchart LR
 
 ### 4.2 左侧侧栏
 
-包含四块：
+改为按板块变化，不再固定使用长下拉：
 
-- Filters
+- Overview
   - 搜索
-  - system filter
-  - status filter
-  - profile filter
+  - 最近失败
+  - 最新运行
+  - 系统概览
+- Runs
+  - 搜索
+  - 最近失败
+  - 运行队列
 - Systems
-  - 系统覆盖度
-  - browser evidence 覆盖
-  - latest update
-- Recent Failures
-  - 最近 blocker
-  - status
-  - 原因摘要
-- Run Queue View
-  - 最近 run 卡片列表
-  - 可选中并切换到 detail panel
+  - 搜索
+  - 系统目录
+- Architecture / Docs / Data
+  - 对应目录、入口或结构列表
 
 ### 4.3 右侧 Detail Workspace
 
@@ -241,7 +242,7 @@ flowchart LR
 
 - 点击左侧 run card 后，右侧 detail panel 即时刷新
 - 当前选中项要有强视觉区别
-- URL hash 应保留 `#run=&lt;id&gt;`，方便直接打开特定 run
+- URL 应按板块进入不同入口，并通过 query 参数保留筛选与 `run=&lt;id&gt;`
 
 ### 5.3 Artifact 预览
 
@@ -387,7 +388,19 @@ flowchart LR
 ## 10. 路由与文档地址
 
 - `/index.html`
-  - 默认正式入口，使用本地化 Lovart UI 外壳
+  - 根入口别名
+- `/overview/index.html`
+  - 总览入口
+- `/runs/index.html`
+  - 运行中心
+- `/systems/index.html`
+  - 系统中心
+- `/architecture/index.html`
+  - 架构中心
+- `/docs/index.html`
+  - 文档中心
+- `/data/index.html`
+  - 数据中心
 - `/legacy/index.html`
   - 旧版 dashboard 回退入口
 - `/docs/project-features.html`
@@ -415,7 +428,8 @@ flowchart LR
 - 能折叠与展开各信息区
 - 能打开并预览 JSON / text / image / html artifact
 - 能看到失败原因、思路、来源、修复主题
-- 能筛选 system / status / profile
+- 能通过顶部 chips 筛选状态 / 板块 / 漏洞家族
+- 能通过分板块 URL 直接打开 overview / runs / systems / architecture / docs / data
 - 能在自动刷新开启时重新载入 dashboard 数据
 - 页面视觉比“普通表格页”更生动，但仍适合高密度阅读
 </pre>