更新: 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 数据
 - 页面视觉比“普通表格页”更生动，但仍适合高密度阅读

docs/project-features.md

@@ -61,7 +61,8 @@
   - `report.md`, `report.html`, `timeline.mmd`, `assets/`, `logs/`
 - `08-threat-intel/generated/dashboard/`
   - 静态前端工作台
-  - `/index.html` 为本地化 Lovart 正式 UI
+  - `/index.html` 为根入口别名
+  - `/overview/index.html`, `/runs/index.html`, `/systems/index.html`, `/architecture/index.html`, `/docs/index.html`, `/data/index.html` 为分类入口
   - `/legacy/index.html` 为旧版工作台回退入口
   - `/docs/*.html` 为本地可访问的说明、真值配置与设计镜像页
   - `architecture.json` 为当前架构库结构化真值
@@ -156,6 +157,8 @@ python3 /Users/x/websafe/scripts/lab/main.py serve-dashboard --port 8734
 前端不只是“一个结果页”，而是本地实验控制台与证据阅读器。它需要：
 
 - 快速定位系统 / advisory / repro profile
+- 通过顶部板块菜单切换总览、运行、系统、架构、文档和数据中心
+- 使用顶部 chips 做状态 / 板块 / 漏洞家族筛选，不再依赖过长下拉
 - 折叠与展开 timeline、evidence、sources、raw JSON
 - 折叠与展开“当前架构库”，查看控制面、数据层、地址入口、授权边界和系统分组
 - 直接查看 compose、JSON、日志、截图、报告
@@ -169,7 +172,19 @@ python3 /Users/x/websafe/scripts/lab/main.py serve-dashboard --port 8734
 当前地址布局固定为：
 
 - `/index.html`
-  - 默认新 UI，基于本地化 Lovart 视觉壳层，绑定真实 dashboard JSON
+  - 根入口别名，默认进入概览
+- `/overview/index.html`
+  - 总览入口
+- `/runs/index.html`
+  - 运行中心
+- `/systems/index.html`
+  - 系统中心
+- `/architecture/index.html`
+  - 架构中心
+- `/docs/index.html`
+  - 文档中心
+- `/data/index.html`
+  - 数据中心
 - `/legacy/index.html`
   - 旧版工作台显式保留，用于快速回退和对照
 - `/docs/design-source.html`