分屏模式

Yeaft 支持同时打开 多个对话面板（最多 3 个），并排展示。适合：跟两个不同项目的 Claude 同时对话、对照两份 Copilot 输出、监控一个长任务同时跟另一个 VP 讨论。

触发分屏

任何 session 的列表项悬停时，会显示一个 分屏图标（▥）：

• 点击该图标 → 在新面板打开此 session（而不是替换当前面板）
• 第一次点击就进入分屏模式（从 1 面板变 2 面板）
• 最多支持 3 个面板并排

面板布局

面板数	布局
1	占满全屏（默认）
2	左右两栏 50/50
3	三栏均分

每个面板完全独立：独立的滚动、独立的输入框、独立的工具调用展示。

活跃面板

只有一个面板是 活跃面板（高亮边框）：

• 点击面板任意区域 → 设为活跃
• sidebar 点击 session 时 — 在活跃面板打开（不是新开）
• 想新开必须再次用分屏图标

关闭面板

每个面板 header 上有 × 关闭按钮：

• 关闭后剩余面板自动重新均分宽度
• 关到只剩 1 个面板时，自动回到单面板模式

跨 backend 分屏

不同后端可以混合放在不同面板里：

• 面板 A：Claude Code Chat（项目 A）
• 面板 B：Copilot 会话（项目 B）
• 面板 C：Yeaft Code Agent（讨论组）

每个面板的状态独立持久化，刷新页面后保持分屏布局。

跟 Workbench 的关系

• Workbench 是独立的右侧工具面板，不占聊天面板槽位
• 当前 Web UI 在分屏模式下隐藏 Workbench，避免 Session-scoped 工具状态在不同 pane 之间漂移
• 退出分屏、回到单面板后才能打开 Workbench 能力选择页

移动端

移动端不支持分屏 — 屏幕太窄，强制单面板模式。分屏布局会保留但只渲染活跃面板。

常见用法

• 对照评审 — 两个 Copilot 会话用不同 model 跑同一个任务，对照输出
• 长任务监控 — 一个面板跑长任务（如 refactor），另一个面板继续讨论
• 跨 Agent — 一个面板连 Agent X，另一个面板连 Agent Y

性能建议

3 个面板都在跑长任务，浏览器 CPU / 内存负担会显著上升。如果电脑卡了：

• 关掉不用的面板
• 关 Workbench（特别是 Files 编辑器开了大文件）
• 浏览器其他 tab 关掉