diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index db1cc1f89..8a5a44455 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -6247,9 +6247,6 @@ iframe.preview-frame { } .game-workbench-chat .project-supervisor-message-list { - display: flex; - flex-direction: column; - align-items: flex-start; min-height: 96px; max-height: none; overflow-y: auto; @@ -6274,11 +6271,11 @@ iframe.preview-frame { } .game-workbench-chat .project-supervisor-message-list .message--user { - align-self: flex-end; + margin-left: auto; border: 1px solid var(--platform-button-primary-border); border-radius: 14px 14px 4px; background: var(--platform-warm-bg); - color: var(--platform-warm-text); + color: var(--platform-text-base); } .game-workbench-chat .agent-runtime-status { diff --git a/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts b/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts index 7d911c847..f0178131c 100644 --- a/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts +++ b/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts @@ -3482,6 +3482,37 @@ export function registerProjectWorkbenchFoundationTests() { ); }); + it('keeps workbench chat bubbles aligned without shrinking process cards', () => { + const styles = readFileSync( + resolve(process.cwd(), 'apps/ai-game-creator-shell/src/styles.css'), + 'utf8', + ); + const messageListRule = + styles.match( + /\.game-workbench-chat \.project-supervisor-message-list\s*\{([^}]*)\}/s, + )?.[1] ?? ''; + const messageRule = + styles.match( + /\.game-workbench-chat \.project-supervisor-message-list \.message\s*\{([^}]*)\}/s, + )?.[1] ?? ''; + const userMessageRule = + styles.match( + /\.game-workbench-chat \.project-supervisor-message-list \.message--user\s*\{([^}]*)\}/s, + )?.[1] ?? ''; + + expect(messageListRule).not.toBe(''); + expect(messageListRule).not.toContain('display: flex;'); + expect(messageListRule).not.toContain('align-items:'); + expect(messageRule).toContain('width: fit-content;'); + expect(messageRule).toContain('max-width: min(88%, 720px);'); + expect(userMessageRule).not.toBe(''); + expect(userMessageRule).toContain('margin-left: auto;'); + expect(userMessageRule).not.toContain('align-self:'); + expect(userMessageRule).toContain('border-radius: 14px 14px 4px;'); + expect(userMessageRule).toContain('background: var(--platform-warm-bg);'); + expect(userMessageRule).toContain('color: var(--platform-text-base);'); + }); + it('enables the run presentation and renders registered images in the resource viewer', async () => { const manifest = createGameCreationAppManifest( 'workbench-runnable', diff --git a/docs/prd/【AI游戏创作】项目开发工作台PRD-2026-07-20.md b/docs/prd/【AI游戏创作】项目开发工作台PRD-2026-07-20.md index bf17da26f..1210b16e9 100644 --- a/docs/prd/【AI游戏创作】项目开发工作台PRD-2026-07-20.md +++ b/docs/prd/【AI游戏创作】项目开发工作台PRD-2026-07-20.md @@ -1,6 +1,6 @@ # AI 游戏创作项目开发工作台 PRD -更新时间:`2026-08-15`(项目管理页紧凑表格与桌面可用性收口;资源卡预览、分区布局、非破坏性资源编辑及 Godot 双根合同保持不变) +更新时间:`2026-08-23`(右侧 Supervisor 对话气泡、可访问对比度与过程卡布局收口;资源卡预览、分区布局、非破坏性资源编辑及 Godot 双根合同保持不变) ## 1. 产品定位 @@ -108,6 +108,7 @@ - 第一批共享 chrome 固定覆盖画布动作按钮、工具栏、工具分组和分隔符。按钮的默认、悬停、键盘焦点、选中、禁用和主次色语义由共享层表达;宿主只提供图标、文案、事件与业务禁用条件。 - 主站账号、钱包、服务端项目、云端素材库和生成面板仍留在网站宿主;客户端本地项目、manifest、Runtime、审批、草稿、生成与正式提交仍留在 Tauri 宿主。共享视觉组件不得读取这些业务事实。 - 客户端 UI 对齐采用“同视觉、同组件、保留四区布局”,不复制主站整页布局。资源总览、运行视图和 Supervisor 对话继续是 Game Agent 工作台独有语义。 +- 右侧 Supervisor 对话中,用户消息使用右对齐、最大宽度受限的主题暖色气泡,assistant 消息保持左对齐;消息换行不得产生水平溢出,执行过程卡继续占满消息区可用宽度。气泡正文在 light / dark 平台主题下均须满足 WCAG AA 普通文本 `4.5:1` 对比度。 - 客户端正式产品仍只按最小 `1280×720` 横屏合同交付,并保留 `1280×800` 默认窗口与既有基线验收;更窄浏览器样式只负责不崩溃和开发兼容,不改成移动端创作工作台。 - 普通用户界面不默认展示内部错误码或本机绝对路径,也不展示 External Editor Base URL 或 Developer API Key;官方服务地址由客户端构建固定,远端编辑自动使用当前陶泥儿登录态。仅独立 standalone game-chat release 或显式高级自定义模式在隔离配置页维护 External v1 URL/Key,确需诊断的信息进入受控详情或开发模式。 - 素材画布的“素材名称”是用户可编辑的正式输出名称;“资源用途”是 manifest subtype,不向普通用户开放自由文本。新增资源默认“普通游戏美术”,可从普通游戏美术、统一视觉规范、游戏界面原型、核心美术图集四项中选择;精修资源继承源用途且不可改。导出格式继续限定 PNG/JPEG/WebP。工具动作与保存设置分层展示,“保存到项目”在 `1280×800` 和窄容器中都必须完整可见。