  JianMiauandClaude Fable 5
|
aa6a8b8242
|
對話可切全螢幕,亦可縮回側邊面板回到辦公室
摘要：
LIVE 模式對話新增「⛶ 全螢幕」按鈕,展開為置中的全螢幕聊天卡片
(辦公室模糊在後);全螢幕內有「⊟ 回到辦公室」鈕、對話列有「縮小」,
按 Esc 亦可返回。
根本原因：
對話擠在 300px 側欄裡,長對話讀起來侷促,需要一個能專心對話的大畫面,
且要能隨時縮回辦公室繼續看小人。
影響：
新增純 UI 覆蓋層,不影響資料流;側欄與全螢幕共用同一對話元件,
狀態同步(同一 store thread)。取消選取或切換模式時自動關閉全螢幕。
修法：
- 抽出 ChatConversation 共用元件(variant: panel | full)
- ChatFullscreen 覆蓋層(頂欄 agent 資訊 + Esc 關閉)
- store 新增 chatFullscreen / setChatFullscreen;selectAgent(null) 與
clearWorld 時歸零;App 依 chatFullscreen && live && 已選取 渲染覆蓋層
- styles:.chat-full-overlay 毛玻璃背景、卡片版面、full variant 撐滿高度
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
2026-07-20 15:19:26 +08:00 |
|