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

docs/frontend-dashboard-design.md

@@ -20,7 +20,7 @@
 
 ### 2.1 页面名称
 
-- 页面名称：`Authorized Lab Dashboard`
+- 页面名称：`授权攻防实验工作台`
 - 页面语境：本地静态前端 + 本地文件 JSON 数据源
 - 非目标：在线 SaaS、多用户后端、生产管理台
 
@@ -31,7 +31,7 @@
 - 信息密度高，但必须可折叠、可筛选、可逐层展开
 - 日志与原始 JSON 必须能直接预览
 - 页面视觉应更生动，但不能牺牲扫描效率
-- 默认路由采用正式新 UI，同时保留 `legacy` 回退入口
+- 默认路由采用分板块 URL，同时保留 `legacy` 回退入口
 - 运行期不得依赖外部 HTML、字体 CDN 或图标 CDN
 
 ## 3. 信息架构
@@ -39,7 +39,8 @@
 ```mermaid
 flowchart LR
   A["Hero + Global Status"] --> B["Sidebar Filters"]
-  A --> C["Run Queue List"]
+  A --> B1["Top Section Nav"]
+  B1 --> C["Overview / Runs / Systems / Architecture / Docs / Data"]
   C --> D["Run Detail Hero"]
   D --> E["Progress Timeline"]
   D --> F["Attack Plan & Reasoning"]
@@ -62,6 +63,8 @@ flowchart LR
 - 自动刷新开关
 - 当前同步状态
 - 核心 metric cards
+- 顶部板块菜单
+- 顶部 chips 分类筛选
 
 视觉要求：
 
@@ -71,24 +74,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
 
@@ -153,7 +154,7 @@ flowchart LR
 
 - 点击左侧 run card 后，右侧 detail panel 即时刷新
 - 当前选中项要有强视觉区别
-- URL hash 应保留 `#run=<id>`，方便直接打开特定 run
+- URL 应按板块进入不同入口，并通过 query 参数保留筛选与 `run=<id>`
 
 ### 5.3 Artifact 预览
 
@@ -299,7 +300,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`
@@ -327,6 +340,7 @@ flowchart LR
 - 能折叠与展开各信息区
 - 能打开并预览 JSON / text / image / html artifact
 - 能看到失败原因、思路、来源、修复主题
-- 能筛选 system / status / profile
+- 能通过顶部 chips 筛选状态 / 板块 / 漏洞家族
+- 能通过分板块 URL 直接打开 overview / runs / systems / architecture / docs / data
 - 能在自动刷新开启时重新载入 dashboard 数据
 - 页面视觉比“普通表格页”更生动，但仍适合高密度阅读