801e551d8dcb008521723b1f4000e79e06997984
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).
Implement the three-column workbench frontend: resizable/collapsible nav with overshorthand collapse
Implement the three-column workbench frontend: resizable/collapsible nav with overshorthand collapse
Agent-System-Frontend
对话系统前端:React 19 + Vite + TypeScript 三栏工作台(项目会话 / 流式对话 / 计划与工件面板),含 HITL 卡片、sub-agent 追踪弹窗与 schema 驱动渲染;渲染协议由 agent-system-core 定义。
契约与架构见 Agent-System-Documents 设计方案与架构文档;开发规范见 development-guidelines(Dev 仓 development/guidelines)。本仓为 Agent-System 多仓组合的组成部分。
Description
对话系统前端:三栏工作台(项目会话 / 流式对话 / 计划与工件面板),含 HITL 卡片、sub-agent 追踪弹窗与 schema 驱动的设置/插件 UI 渲染;渲染协议由 Agent-System-Core 定义。
3.5 MiB
Languages
TypeScript
92.8%
CSS
6.8%
Shell
0.3%