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
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:
@@ -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 测试覆盖
|
||||
|
||||
|
||||
Reference in New Issue
Block a user