修复项目总控对话气泡布局

恢复消息列表块布局，避免执行过程卡收缩
调整用户气泡文字主题色，满足浅色和深色对比度
补充布局契约测试与工作台 PRD 验收口径

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 {

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',

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` 和窄容器中都必须完整可见。