
7418andClaude Opus 4.6
4f4ba5f8eb
feat: 聊天分屏功能 — 支持多会话并排查看
新增聊天分屏功能,允许同时查看和操作多个聊天会话:
新增文件:
- src/hooks/useSplit.ts: SplitContext 和 useSplit hook,管理分屏会话列表、
活跃列、添加/移除/退出分屏等操作,状态通过 localStorage 持久化
- src/components/layout/SplitColumn.tsx: 单个分屏列组件,独立加载会话元数据
和消息,渲染紧凑标题栏 + ChatView,活跃列蓝色描边并同步 PanelContext
- src/components/layout/SplitChatContainer.tsx: 分屏容器,并排渲染多个
SplitColumn,列间以 1px 分隔线分隔
修改文件:
- AppShell.tsx: 新增分屏状态管理(splitSessions/activeColumnId),包裹
SplitContext.Provider,分屏激活时渲染 SplitChatContainer 替代路由页面,
URL 与活跃列同步,离开聊天路由自动退出分屏
- ChatListPanel.tsx: 聊天卡片 hover 交互重构 — 移除模式徽章(Code/Plan),
左侧 indent 区域 hover 显示分屏图标(点击将该会话加入分屏),右侧时间区域
hover 切换为删除图标;分屏激活时列表顶部显示灰色描边分屏组卡片,分屏中的
会话从常规列表过滤掉;所有元素始终存在于 DOM 中通过 opacity 切换,避免
hover 时布局跳动
- en.ts / zh.ts: 新增 split.splitScreen、split.closeSplit、
split.splitGroup、chatList.splitScreen 翻译
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-28 01:13:19 +08:00
..
2026-02-13 01:24:51 +08:00
2026-02-27 21:43:46 +08:00
2026-02-28 01:13:19 +08:00
2026-02-28 01:13:19 +08:00
2026-02-28 01:13:19 +08:00
2026-02-27 21:43:46 +08:00
2026-02-27 21:43:46 +08:00