Advance UI and frontend for the S4 shell overhaul #145

Merged
weichen merged 6 commits from feature/s4-shell-overhaul into main 2026-10-02 01:06:34 +00:00
8 changed files with 49 additions and 5 deletions
@@ -28,3 +28,5 @@
- 影响与剩余项:Backend PR #38 已合入(merge 2079b2dfa851bd4cbe8f399a015126c842c441ec)。本分支推进 gitlink 到该提交。样例文档仍留在主检出 .tmp,不入库。工件卡片上的“设为默认模板”按钮仍不在本次范围。
| 同步前验收 | 6f7f4a0e7858c70261d7bbeb179f5eb59303f956 | 2e8b9face3542844319f4a545768b6cf04c126a5 | 2026-10-01T08:19:31Z |
| 同步前验收 | 6f7f4a0e7858c70261d7bbeb179f5eb59303f956 | f41ad95b1c5c9d2c415a12a64ac1f1551cd7b6af | 2026-10-01T08:20:22Z |
| 同步前验收 | 959179f88fafa06daeab121929112069d34e8419 | 6705d521f441b7bb558f6cd9c082f445cac192c3 | 2026-10-01T23:33:48Z |
| 同步前验收 | 959179f88fafa06daeab121929112069d34e8419 | 0f3ea6c8b545923a7dfaf46d938f682f0c879246 | 2026-10-01T23:48:16Z |
+27
View File
@@ -0,0 +1,27 @@
# feature/s4-shell-overhaul 任务卡
任务主记录:<PR 链接,task-finish 时填写>;状态:进行中;owner:weichen
## 基线与授权
- 权威仓:ssh://git@git-ssh.u1680832.nyat.app:31411/weichen/Agent-System-Dev.git;目标分支:main;R0(initial_base_sha)= 959179f88fafa06daeab121929112069d34e8419
- 工作区:/home/weichen/projects/Agent-System-Dev-wt-feature-s4-shell-overhaul(worktree);分支:feature/s4-shell-overhaul
- 授权与交付终点:按 S4 目标形态改造壳层与交互,提交 UI / Frontend / Dev 三仓 PR。不改后端与 Core 契约,不合入。
## 目标与非目标
- 目标:顶栏(项目 + 阶段徽章 + 待处理铃铛)、以项目为中心的左栏与体系工具、右栏全部/待处理筛选与收纳、对话整列拖拽与内联确认卡折叠/阻断、深读弹层的插件槽位、墨绿可选主题。
- 非目标:不移植演示脚本与假的追溯/需求/变更/文档/记忆数据;不改后端;领域弹层只在 `/api/workspaces` 有声明时出现。
## 同步记录
| 节点 | sync_base_sha | tested_head_sha | checked_at |
|---|---|---|---|
| 启动 | 959179f88fafa06daeab121929112069d34e8419 | 959179f88fafa06daeab121929112069d34e8419 | 2026-10-01T22:59:58Z |
| 验收前 | 959179f88fafa06daeab121929112069d34e8419 | 6705d521f4 | 2026-10-01T23:33:48Z |
## 结果与验证(完成后填写)
- 结果:壳层改为顶栏 + 项目左栏 + 卡片流右栏;内联确认卡支持阻断与决议后折叠;墨绿为可选主题。领域弹层仍只在工作区声明存在时出现。
- 验证:`make test` 通过(boundaries、core、backend、frontend 61、ui 79、agent-command)。mock 浏览器核对了主界面、待处理筛选、阻断卡、折叠行与墨绿主题。
- 影响与剩余项:命令确认卡的动作响应仍是决议前快照,前端在 confirm/cancel 后补拉一次卡片列表。未改后端。阶段徽章只在 `settings.stage` 有值时显示。
+15
View File
@@ -56,6 +56,21 @@ Agent-System-Dev 是桌面优先、Web 兼容的 AI 工作台。界面应**冷
- 语义:`--ok #46bf72`、`--warn #ff8a30`、`--err #ff5c5c`(浅色 `#1e8a3e/#e07b00/#e03131`)。
语义色只表语义;确认等待类统一绿色语言,不用红/橙装饰。
### 2.5 墨绿主题(可选,`data-theme='molv'`)
暖纸白工作区、深海军蓝左栏与顶栏、翠绿强调。只覆盖表面与语义色;字号标尺、圆角、间距沿用 §3–§5,不另起一套。左栏与顶栏消费 `--bg-sidebar` / `--text-sidebar*`(深色与浅色下别名到面板与正文,墨绿下翻成海军蓝)。
| 令牌 | 墨绿 | 用途 |
|---|---|---|
| `--bg-inset` | `#e0e0db` | 窗口间隙 |
| `--bg` | `#f2f2f0` | 对话主区 |
| `--bg-panel` | `#fbfbfa` | 右栏等面板 |
| `--bg-sidebar` | `#082d4f` | 左栏、顶栏 |
| `--text` | `#082d4f` | 主读文本 |
| `--text-sidebar` | `#e9f0f6` | 左栏与顶栏文字 |
| `--accent` | `#165f49` | 交互强调(翠绿) |
| `--primary` / `--primary-foreground` | `#082d4f` / `#f3f8f5` | 主按钮 |
## 3. 字号标尺(唯一字号体系)
全局唯一可调变量 `--ui-font-size`(默认 14px),派生: