feat(dashboard): 对话栏架构升级 —— streamdown + 七态状态机 + 组件拆分

[mirror29]

概述

基于 Omnigent 调研，提取可复用的流式架构改进，分三个 Phase 渐进式升级 Dashboard 对话栏。

改动

Phase 1：streamdown 替换 react-markdown（dae02d5）

• 新增 ChatStreamdown.tsx：封装 Streamdown，逐 token 渐进渲染 Markdown
• 新增 chat-streamdown-security.ts：禁用远程图片加载
• 流式 assistant 消息用 ChatStreamdown，历史消息保留 ChatMarkdown
• 安装 streamdown ^2.5.0 + @streamdown/cjk + @streamdown/code

Phase 2：工具调用七态状态机（8a5d796）

• 新增 tool-states.ts：定义 Pending/Running/Completed/Error/Denied/Awaiting Approval/Responded 七种 ToolState
• ToolChip 从 done 布尔值改为 state 驱动
• 中间态有 pulse 动画，错误态红色高亮，审批态有 clock 图标

Phase 3：ChatThread 组件拆分（0d4c14c）

• ChatThread.tsx 941 行 → 373 行（-60%）
• 拆分为 6 个独立组件：
  • ChatErrorBanner.tsx — 错误横幅
  • ChatHistoryPanel.tsx — 历史会话下拉面板
  • ChatToolChip.tsx — 工具调用 chip
  • ChatMessage.tsx — 单条消息渲染
  • ChatMessageList.tsx — 消息列表 + 自动滚动
  • ChatInput.tsx — 输入框 + 发送/停止 + 页面上下文胶囊

不做的事

• 不替换 CopilotKit 传输层（/api/copilotkit AG-UI 桥保持不变）
• 不引入 Vercel AI SDK / Zustand 等新大依赖
• 不删除现有 tool-views（K线卡片、回测绩效表、因子热力图等量化视图全部保留）

验证

• pnpm typecheck（orchestration + dashboard）零错误
• 现有对话栏功能不受影响

🤖 Generated with Claude Code

[cloudflare-workers-and-pages]

Deploying inalpha-web with    Cloudflare Pages

Latest commit:	bd5975b
Status:	✅  Deploy successful!
Preview URL:	https://e0e284ef.inalpha-web.pages.dev
Branch Preview URL:	https://feat-chat-streamdown-refacto.inalpha-web.pages.dev

View logs

[claude]

commit: bd5975b

本轮复查基于上一条评论（commit d6eb69f）剩余的 1 项 medium 逐条核实：bd5975b 已解决，细节如下。

必修（critical / major）

无。

可选优化（medium）

无遗留。核实结果：

• ChatMessage.tsx:114 完成态 / 历史消息已改为统一走 <ChatStreamdown streaming={isStreaming}>（mode 由 streaming prop 决定 static/streaming），不再有 isStreaming 翻转后切回 ChatMarkdown 纯等宽渲染的降级闪烁；ChatMarkdown.tsx 已整文件删除，ChatMessage.tsx 无残留 import，react-markdown 已从 package.json / pnpm-lock.yaml 移除且无其他消费方（lockfile 里剩的 react-markdown@8.0.7 是别的包的传递依赖，与本 PR 无关）——上一轮"高亮降级/闪烁"问题已修复，且顺带做到净减依赖。
• 完成态与流式态现在共用同一条 createSecureRehypePlugins()（allowedImagePrefixes: []）管线，不存在两套渲染管线各管一半安全策略的风险。
• 上一轮"streamdown 传递依赖 mermaid/shiki 是否拖累首屏 bundle"一项，commit message 里给出了核实结论（import() 动态分包，不进首屏），本地未装 node_modules 无法独立复现该验证，但改动本身（顶层仍是 import { Streamdown } from "streamdown" 静态导入 streamdown 核心）与结论一致，不再视为阻塞项。

其余部分（组件拆分、七态状态机接线、i18n 文案、fetch abort patch、ChatInput 自动聚焦、ChatToolChip/ChatMessageList 数据流）本轮未发现新增问题。

LGTM。