feat(desktop): DeerFlow visual redesign + stream hang fix + intelligence client
Some checks failed
CI / Lint & TypeCheck (push) Has been cancelled
CI / Unit Tests (push) Has been cancelled
CI / Build Frontend (push) Has been cancelled
CI / Rust Check (push) Has been cancelled
CI / Security Scan (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled

DeerFlow frontend visual overhaul:
- Card-style input box (white rounded card, textarea top, actions bottom)
- Dropdown mode selector (闪速/思考/Pro/Ultra with icons+descriptions)
- Colored quick-action chips (小惊喜/写作/研究/收集/学习)
- Minimal top bar (title + token count + export)
- Warm gray color system (#faf9f6 bg, #f5f4f1 sidebar, #e8e6e1 border)
- DeerFlow-style sidebar (新对话/对话/智能体 nav)
- Reasoning block, tool call chain, task progress visualization
- Streaming text, model selector, suggestion chips components
- Resizable artifact panel with drag handle
- Virtualized message list for 100+ messages

Bug fixes:
- Stream hang: GatewayClient onclose code 1000 now calls onComplete
- WebView2 textarea border: CSS !important override for UA styles
- Gateway stream event handling (response/phase/tool_call types)

Intelligence client:
- Unified client with fallback drivers (compactor/heartbeat/identity/memory/reflection)
- Gateway API types and type conversions
This commit is contained in:
iven
2026-04-01 22:03:07 +08:00
parent e3b93ff96d
commit 73ff5e8c5e
43 changed files with 4817 additions and 905 deletions

View File

@@ -3,7 +3,7 @@
> **分类**: 核心功能
> **优先级**: P0 - 决定性
> **成熟度**: L4 - 生产
> **最后更新**: 2026-03-25
> **最后更新**: 2026-04-01
> **验证状态**: ✅ 代码已验证
---
@@ -42,12 +42,20 @@
| 文件 | 路径 | 用途 |
|------|------|------|
| 主组件 | `desktop/src/components/ChatArea.tsx` | 聊天 UI |
| 主组件 | `desktop/src/components/ChatArea.tsx` | 聊天 UI (DeerFlow 风格) |
| 状态管理 | `desktop/src/store/chatStore.ts` | 消息和会话状态 |
| 消息渲染 | `desktop/src/components/MessageItem.tsx` | 单条消息 |
| Markdown | `desktop/src/components/MarkdownRenderer.tsx` | 轻量 Markdown 渲染 |
| 模式选择 | `desktop/src/components/ai/ChatMode.tsx` | 下拉式模式切换 (闪速/思考/Pro/Ultra) |
| 流式渲染 | `desktop/src/components/ai/StreamingText.tsx` | 打字机效果文本渲染 |
| 推理块 | `desktop/src/components/ai/ReasoningBlock.tsx` | 思考过程折叠展示 |
| 工具链 | `desktop/src/components/ai/ToolCallChain.tsx` | 工具调用步骤链 |
| 任务进度 | `desktop/src/components/ai/TaskProgress.tsx` | 子任务追踪 |
| 建议芯片 | `desktop/src/components/ai/SuggestionChips.tsx` | 快捷建议 |
| 模型选择 | `desktop/src/components/ai/ModelSelector.tsx` | 模型下拉选择 |
| 对话容器 | `desktop/src/components/ai/Conversation.tsx` | 消息滚动容器 |
| 全局样式 | `desktop/src/index.css` | 暖灰色系 + DeerFlow CSS |
| Tauri 网关 | `desktop/src/lib/tauri-gateway.ts` | Tauri 原生命令 |
| 内核客户端 | `desktop/src/lib/kernel-client.ts` | Kernel 通信 |
| Gateway 客户端 | `desktop/src/lib/gateway-client.ts` | WebSocket/REST 通信 |
---
@@ -79,6 +87,7 @@
| 项目 | 参考点 |
|------|--------|
| DeerFlow | 卡片式输入框、下拉模式选择器、彩色快捷芯片、极简顶栏、暖灰色系 |
| ChatGPT | 流式响应、Markdown 渲染 |
| Claude | 代码块复制、消息操作 |
| ZCLAW | 历史消息管理 |
@@ -254,6 +263,20 @@ case 'done':
- [x] 流式中断控制 (AbortController)
- [x] Agent 切换
- [x] 工具调用展示 (tool, hand, workflow 消息类型)
- [x] DeerFlow 视觉风格复刻 (2026-04-01)
- 卡片式输入框白色圆角卡片textarea 上部 + 操作栏底部
- 下拉式模式选择器闪速/思考/Pro/Ultra带图标+描述+勾选
- 彩色快捷操作芯片小惊喜/写作/研究/收集/学习
- 极简顶栏对话标题 + token 计数 + 导出按钮
- 暖灰色系全局样式#faf9f6 bg, #f5f4f1 sidebar, #e8e6e1 border
- DeerFlow 风格侧边栏Logo + 新对话/对话/智能体 导航
- 对话列表增强hover 操作栏内联重命名Markdown 导出
- 虚拟化消息列表100+ 条消息自动启用 react-window
- Artifact 右侧面板可拖拽分割480px
- 流式 thinking 指示器Thinking... 动画
- 推理过程折叠展示 (ReasoningBlock)
- 工具调用链可视化 (ToolCallChain)
- 子任务进度追踪 (TaskProgress)
### 5.2 测试覆盖

View File

@@ -1,9 +1,9 @@
# ZCLAW 功能全景文档
> **版本**: v0.8.1
> **更新日期**: 2026-03-30
> **项目状态**: 完整 Rust Workspace 架构10 个核心 Crates70 技能Pipeline DSL + Smart Presentation + Agent Growth System + SaaS 平台
> **整体完成度**: ~87% (核心功能完整SaaS 平台全面上线Worker + Scheduler 系统上线,记忆闭环接通)
> **版本**: v0.9.0
> **更新日期**: 2026-04-01
> **项目状态**: 完整 Rust Workspace 架构10 个核心 Crates70 技能Pipeline DSL + Smart Presentation + Agent Growth System + SaaS 平台 + DeerFlow 视觉风格
> **整体完成度**: ~89% (核心功能完整SaaS 平台全面上线,DeerFlow 前端视觉复刻完成,Worker + Scheduler 系统上线,记忆闭环接通)
---
@@ -167,6 +167,7 @@ zclaw-saas — 独立运行 (Axum + PostgreSQL, 端口 8080) — 97%
| 日期 | 版本 | 变更内容 |
|------|------|---------|
| 2026-04-01 | v0.9.0 | DeerFlow 前端视觉复刻:卡片式输入框、下拉模式选择器(闪速/思考/Pro/Ultra、彩色快捷操作芯片、极简顶栏+token计数+导出、暖灰色系全局样式(#faf9f6/#f5f4f1/#e8e6e1、DeerFlow 风格侧边栏、推理/工具链/子任务可视化、Artifact 右侧面板、虚拟化消息列表、Gateway 流式 hang 修复onclose code 1000 → onComplete、WebView2 textarea 边框修复CSS !important |
| 2026-03-30 | v0.8.1 | Sprint 5 "稳定清扫": Axum CLOSE_WAIT 修复 (CancellationToken + TCP keepalive + SO_LINGER)E2E 测试重新启用 (去掉 test.skip)dead code 注解审计 (36→<10) |
| 2026-03-29 | v0.8.0 | SaaS 后端架构重构完成Worker 系统 (5 Worker + mpsc 异步调度)声明式 Scheduler (TOML 配置)SQL 迁移系统 (Schema v6 + TIMESTAMPTZ)多环境配置 (ZCLAW_ENV)连接池优化 (50 max/5 min)速率限制优化 (无锁 AtomicU32)记忆闭环修复extraction_adapter.rs 实现 TauriExtractionDriverBREAK-01 已修复 |
| 2026-03-29 | v0.7.0 | 文档同步SKILL 数量 70, Tauri 命令 130+ ( Browser/Intelligence/Memory/CLI/SecureStorage), Hands 11 (9 启用+2 禁用), 智能层完成度修正 |