Redesign the shell on Zai tokens: panels, admin zone, artifact convergence, chat motion #24

Merged
weichen merged 6 commits from feature/ui-tokens-v3 into main 2026-10-01 02:00:47 +00:00
Owner

Why: 前端重设计方案四阶段(Dev 仓任务 feature/ui-tokens-v3,用户批准):①Zai 视觉 v3(面板化三栏、单色反色主按钮、--fs-ui-* 标尺、MotionKit 接线);②IA 对话优先(撤左栏系统能力快捷条、AdminZone 全屏系统管理(用户/画像/插件/插件工作区声明式注册表)、设置瘦身为个人偏好、workspaceEntries 角色收窄);③工件收敛(store.requestPreview 唯一预览入口、每表面单下载、AgentTracker 去双层窗);④对话流(ToolBlock 契约、四处

迁 Collapsible(守护禁 details)、live 行扫光+已工作计时、进行中诚实占位)。合入主线 CF3 后把 .inbox-scope 裸色/离标尺字号归一(守护拦截生效)。

Evidence:

  • npx tsc -b 干净;npm test:39 passed(含宿主 design-guard 棘轮);npm run build 成功
  • 组合验证:Dev 仓 make test(go ok + frontend 39 + ui 68),同步后节点复跑全绿

Impact:

  • styles.css 全量令牌化(无裸色值/无 keyframes);新增 az-* 系统管理样式、tsb-wsstrip 移除
  • store ui.adminUsersOpen 更名 adminZoneOpen;AdminUsersModal 仅存改密弹窗;插件面板/工作区对普通用户不再占 ⌘1–9
  • 行为语义不变:后端 API 零改动,会话内串行 busy 语义如实呈现

Refs: UI PR #23(能力底座);Dev PR(父任务卡)。

Why: 前端重设计方案四阶段(Dev 仓任务 feature/ui-tokens-v3,用户批准):①Zai 视觉 v3(面板化三栏、单色反色主按钮、--fs-ui-* 标尺、MotionKit 接线);②IA 对话优先(撤左栏系统能力快捷条、AdminZone 全屏系统管理(用户/画像/插件/插件工作区声明式注册表)、设置瘦身为个人偏好、workspaceEntries 角色收窄);③工件收敛(store.requestPreview 唯一预览入口、每表面单下载、AgentTracker 去双层窗);④对话流(ToolBlock 契约、四处 <details> 迁 Collapsible(守护禁 details)、live 行扫光+已工作计时、进行中诚实占位)。合入主线 CF3 后把 .inbox-scope 裸色/离标尺字号归一(守护拦截生效)。 Evidence: - npx tsc -b 干净;npm test:39 passed(含宿主 design-guard 棘轮);npm run build 成功 - 组合验证:Dev 仓 make test(go ok + frontend 39 + ui 68),同步后节点复跑全绿 Impact: - styles.css 全量令牌化(无裸色值/无 keyframes);新增 az-* 系统管理样式、tsb-wsstrip 移除 - store ui.adminUsersOpen 更名 adminZoneOpen;AdminUsersModal 仅存改密弹窗;插件面板/工作区对普通用户不再占 ⌘1–9 - 行为语义不变:后端 API 零改动,会话内串行 busy 语义如实呈现 Refs: UI PR #23(能力底座);Dev PR(父任务卡)。
weichen added 6 commits 2026-09-30 19:32:39 +00:00
Why: Phase 1 of the approved frontend redesign: re-skin the shell to the
Zai look (floating rounded panels on an inset base with 4px gutters),
invert primary buttons to the mono scheme, and move every font size onto
the --fs-ui-* scale. Also wires @ui/motion.css and replaces local
keyframes with mk-* utilities.
Evidence: npx tsc -b clean; npm test -> 38 passed (new host-side
design-guard ratchet); npm run build succeeds. Combined Dev make test
recorded in the Dev task card.
Impact: styles.css fully re-tokenized (panel borders/radius, primary
button color-mix hover, login brand panel in near-mono navy); inline
fontSize literals in components replaced with scale tokens except one
decorative glyph in the ratchet baseline. No component class names or
behavior changed.
Refs: Agent-System-Dev task feature/ui-tokens-v3; DESIGN.md (parent repo).
Why: Approved redesign phase 2 (IA): normal users run projects entirely
through conversation; system capabilities (user management, agent profiles,
plugin management, plugin-declared workspaces) belong behind a dedicated
admin entry, not in the user-facing sidebar or settings. The sidebar
workspace strip is removed; artifacts stay reachable via the right-rail
tab and conversation chips.
Evidence: npx tsc -b clean; npm test -> 38 passed (design-guard ratchet
still green). Full combined run recorded in the Dev task card.
Impact: new AdminZone full-screen view with a declarative section registry
(users/profiles/plugins/plugin-workspaces via UIRenderer); sections moved
out of SettingsModal (now personal preferences only) and AdminUsersModal
(now password change only); store ui.adminUsersOpen renamed adminZoneOpen;
workspaceEntries narrowed by role so plugin entries no longer take Cmd1-9
for regular users; theme toggle moved into the account menu.
Refs: Agent-System-Dev task feature/ui-tokens-v3 (phase 2).
Why: Approved redesign phase 3: one artifact = one preview placement
(right rail by default; full-screen overlay as the only large-window form)
plus a single download button per surface. Removes the redundant
three-action chips/rows and the nested modal chrome in AgentTracker.
Evidence: npx tsc -b clean; npm test -> 38 passed. Combined runs recorded
in the Dev task card.
Impact: new store.requestPreview() is the single preview entry (Command
semantics; placement derived there); artifact chips and workspace rows
reduce to title-click = rail preview, eye = full preview, download;
docBridge card opens route through the same entry; AgentTracker drops its
inner .modal shell (OverlayHost is the only chrome). No API changes.
Refs: Agent-System-Dev task feature/ui-tokens-v3 (phase 3).
Why: Approved redesign phase 4: process folds, long-reply folds, thinking
blocks and context-observation fold move to the @ui Collapsible primitive
(two-layer height+fade animation, delayed unmount, open-state memory);
tool calls render as ToolBlock rows with running sweep and paired results;
the live bar gains the ZCode worked-time line with sweep; input placeholder
states the backend's honest busy semantics (serialized per conversation).
Evidence: npx tsc -b clean; npm test -> 39 passed (details-guard included);
npm run build succeeds; combined make test recorded in the Dev task card.
Impact: Conversation.tsx replaces all <details> usage (guard-enforced);
ProcessParts pairs tool_call with its trailing tool_result into ToolBlock;
styles.css rewrites fold selectors for the Collapsible structure and adds
message mount animation (mk-rise-in); no contract or API changes.
Refs: Agent-System-Dev task feature/ui-tokens-v3 (phase 4).
Why: Keep the task branch on the shared baseline before acceptance.
The merged CF3 code carried a bare hex fallback (#d8d8d8) and off-scale
font size in .inbox-scope — the design guard caught it; fixed to tokens
(--border / --radius-full / --fs-ui-sm / --bg-hover) per DESIGN.md.
Evidence: clean ort merge; npx tsc -b clean; npm test -> 39 passed
(guard green after the fix); npm run build succeeds.
Impact: brings the project inbox dual view into the branch with its
styles brought onto the token system; no behavior changes.
Refs: task feature/ui-tokens-v3.
weichen merged commit 7418e507a0 into main 2026-10-01 02:00:47 +00:00
Sign in to join this conversation.
No Reviewers
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: weichen/Agent-System-Frontend#24