ooodc/PicoBot
ooodc/PicoBot
1
0
Fork 0
Code Pull Requests Activity
568 Commits 1 Branch 0 Tags
Commit Graph

17 Commits

Author SHA1 Message Date
oudecheng
5e2bdaf757 perf(web): 子代理 stream_delta rAF 批处理 + 消息槽 memo 化 + base64 分块解码 
- useSubAgentView 镜像主视图：delta 累加到 ref，rAF 批量一次 setState，避免逐 token 重渲染
- 所有非 delta 消息处理前同步落盘 pending delta，保证顺序与内容完整性
- MessageList 消息 ID 映射 useMemo，稳定回调引用减少重渲染
- MessageBubble base64 下载改分块解码（32K），大附件峰值内存从数百 MB 降为单块级
 2026-08-17 09:55:11 +08:00
oudecheng
73c25e5a20 feat(web): Task 卡片差异显示子代理模型名 + 子代理完成状态转发修复 
- Task/tool 卡片头部在子代理模型与主代理不同（model 或 provider 任一不同）时显示模型徽章
- useChat 放行带 subagent_task_id 的 execution_completed 消息，更新卡片 running→completed 状态
 2026-08-15 15:35:32 +08:00
oudecheng
eaee29841d feat(web): 对齐 deepseek-harness 设计语言，重构前端视觉与三栏布局 
- 设计 token 重映射为 DeepSeek 调色板（深浅双主题），正文改无衬线字体栈，全面去霓虹化
- 移除顶部 Header，控件迁入左栏（Logo/连接/通道/会话/tabs/底部操作区），左右栏支持拖拽调宽并持久化，折叠为图标 rail
- 对话区对齐 DeepSeek 聊天风：hero/docked 状态机、736px 居中列、用户右对齐柔和气泡、助手无气泡平铺、composer 卡片与反差发送键；子智能体点击导航完整保留
- 全功能区同步换肤：侧栏列表、右栏面板、ConfigPage、弹窗、选择器等
- fix: 修复 virtual-core 3.17.x 陈旧行高导致消息行重叠（宽度变化/滚动停止后强制 resizeItem 重测）
- fix: 修复 ConfigPage/Modal 引用不存在的 fadeIn/scaleIn keyframes 致入场动画失效
 2026-08-14 19:15:45 +08:00
oudecheng
2367d87db6 perf(web): 消息列表虚拟化，长对话不再卡顿 
原实现 messages.map 渲染所有消息，500 条消息会产生 10000+ DOM
节点（每条 MessageBubble 含 ReactMarkdown 解析），导致首次渲染
卡顿、滚动掉帧、流式输出每 token 都全量 diff。

引入 @tanstack/react-virtual 实现虚拟化：
- 只渲染视口内 + overscan=6 条消息，DOM 节点数恒定
- measureElement 动态测量变高度消息（一行文本 vs 50 行代码块）
- estimateSize=120 提供初始估计，测量后自动校正
- Firefox 特殊处理 measureElement（getBoundingClientRect）

适配现有功能：
- 自动滚到底部：bottomRef.scrollIntoView 改为 virtualizer.scrollToIndex
- viewKey 滚动位置记忆：保留 scrollTop 保存/恢复逻辑
- highlightedMessageId：先 scrollToIndex 渲染目标项，rAF 后加 class
- newMessageCount：流式 delta 不计数（消息条数不变）
- space-y-6 改为每项 pb-6（虚拟化下相邻 margin 不生效）

性能对比（500 条消息）：
- DOM 节点：10000+ → ~200（仅可见+overscan）
- 首次渲染：数百 ms → <16ms
- 流式 diff：全量列表 → 仅可见项
 2026-08-07 08:34:07 +08:00
oudecheng
4e74d66a7c fix(web): 修复流式期间消息重渲染、WebSocket 无谓重连与新消息计数错误 
- MessageBubble 用 React.memo 包裹，流式 delta 只追加到最后一条消息，
  其余消息引用不变可被 memo 跳过，避免 N-1 条历史消息无谓重渲染
- useWebSocket 用 useRef 存储回调最新引用，connect 不再依赖回调引用，
  避免调用方回调变化触发 disconnect+connect 重连
- MessageList 用 prevMessageCountRef 追踪消息条数变化，仅当真正新增
  消息条数时才累加 newMessageCount；流式 delta 不增加条数不再误计数，
  滑到底部按钮触发的清零路径与时序经审查覆盖各种边界场景
 2026-08-05 08:10:44 +08:00
oudecheng
c724bbf864 chore(web): prettier 一次性格式化并在 CI 启用 format:check 
对 47 个前端文件统一执行 npm run format，消除存量格式差异。
随后在 CI 与 Makefile check 中启用 format:check，确保后续提交强制遵守 prettier 风格。
 2026-08-03 23:25:22 +08:00
oudecheng
cb0d3d932d feat: TodoPanel 改为常驻右边栏并支持点击跳转 
- TodoPanel 移除浮动定位与拖动逻辑，改为常驻右边栏
- 右边栏与左边栏对称的折叠/展开逻辑，localStorage 持久化
- 待办/记忆/技能三 Tab 切换
- 点击已完成 todo 滚动并高亮对应 tool 消息
- 修复 MessageBubble isMergedTool 分支缺失 data-message-id 导致跳转失效
- ChatContainer 移除 todoPanel prop
 2026-07-03 19:32:46 +08:00
oudecheng
4efc8b51e7 feat(todo): 添加待办项关联的创建消息ID并支持消息高亮 
- 在待办相关数据结构和存储中新增 created_by_message_id 字段
- 记录待办项创建时对应的消息ID，支持追溯来源
- 在前端待办列表项增加点击事件，点击后滚动并高亮对应消息
- 在消息列表组件中实现高亮动画及自动滚动功能
- 更新相关工具、协议和数据库查询，确保新字段正确传递和存储
- 增加 CSS 动画实现待办对应消息的高亮闪烁效果
- 优化前端状态管理，支持设置与获取高亮消息ID
 2026-06-22 14:50:37 +08:00
oudecheng
301506a3b1 feat(chat): 支持子智能体导航添加子智能体类型参数 
- 扩展 enterSubAgentView 方法，新增 subagentType 可选参数
- 更新相关回调 onNavigateToSubAgent，添加 subagentType 参数支持
- 调整 MessageBubble 组件触发子智能体导航时传递 subagentType
- 优化 MessageList 组件显示新消息计数及底部导航按钮交互
- 美化底部浮动导航按钮样式，增加新消息数字提示和动画
- TodoPanel 添加状态点样式，消息内容排版更紧凑
- 维护滚动位置状态，改进滚动时新消息计数逻辑
 2026-06-18 15:34:27 +08:00
oudecheng
8684ff9549 feat(chat): 实现多视图滚动位置保存与恢复功能 
- 在 App 组件中新增 viewKey，用于标识当前视图
- 通过属性链传递 viewKey 至 MessageList 以区分不同滚动上下文
- MessageList 中新增滚动位置缓存机制，使用 Map 保存各视图的滚动状态
- 在视图切换时自动恢复对应滚动位置，提升用户体验
- 保持消息新增时的自动滚动行为，兼顾视图切换与消息更新场景
 2026-06-18 15:02:25 +08:00
oudecheng
4487f1a490 feat: 添加思考过程显示功能，允许用户选择是否展示助手的思考内容 2026-06-11 17:15:03 +08:00
oudecheng
d0741ef4fc feat: 优化话题选择逻辑，避免用户手动选择后自动切换；重构消息列表滚动逻辑，提升用户体验 2026-06-08 18:01:32 +08:00
oudecheng
3f9bb22097 feat: 添加 favicon.svg 文件并在 index.html 中引用 2026-06-08 14:43:47 +08:00
ooodc
bd13cffe14 feat: 添加亮色/暗色主题切换功能 
- 在 index.css 中新增 html.light 亮色主题 CSS 变量和过渡动画
- 在 App.tsx Header 添加 Sun/Moon 主题切换按钮
- 主题偏好通过 localStorage 持久化，默认暗色主题
- 将所有组件中的硬编码 Tailwind 颜色值转换为 CSS 变量引用
- 状态色（emerald/amber/red/violet）保持不变，两种主题均适用
 2026-06-04 21:52:45 +08:00
oudecheng
2f529e96d0 feat: 添加滚动控制功能，支持回到顶部和回到底部的按钮 2026-06-04 16:00:43 +08:00
oudecheng
4cb26b5b67 feat: 子智能体任务消息查看，实时广播工具调用事件 
- 新增 LoadTaskMessages 命令，加载子智能体任务的历史消息
- SubAgentEmitter 通过 MessageBus 实时广播子智能体工具调用
- 前端新增子智能体视图，支持导航进入/退出子智能体会话
- 外部渠道过滤子智能体事件，避免推送到飞书/微信
- ToolCall/ToolResult 新增 subagent_task_id 字段

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-05-29 11:15:38 +08:00
oudecheng
624d8e8943 feat: 添加 React Web UI 前端界面 
- 使用 React 18 + TypeScript + Vite + Tailwind CSS 构建前端
- 实现 WebSocket 实时通信（useWebSocket hook）
- 添加聊天界面组件（MessageList, MessageBubble, MessageInput）
- 集成 Topic 管理（新建、列出、切换）
- 支持 Markdown 渲染（react-markdown + remark-gfm）
- 添加工具调用展示面板
- 实现深色科技主题（Tech Dark）
- 后端集成静态文件服务（tower-http）
- 添加 Makefile 和 build.sh 构建脚本
- 更新 .gitignore 忽略前端构建产物

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-05-26 17:43:15 +08:00