From 70fdd186cfdd2b32792cebbaab1310a3411abcee Mon Sep 17 00:00:00 2001
From: Suzumiya <suzmii@qq.com>
Date: Mon, 7 Sep 2026 14:26:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E9=BB=98=E8=AE=A4=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A0=87=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ConversationModelSelect 记录 defaultModelId，在下拉选项中对默认模型显示「默认」小标签

首页与项目右侧对话共用同一组件，默认模型标识两处同时生效

补充默认模型标识的回归测试
---
 .../ConversationModelSelect.tsx                |  9 ++++++++-
 apps/ai-game-creator-shell/src/styles.css      | 18 ++++++++++++++++++
 .../tests/conversationModelSelect.test.tsx     | 13 +++++++++++++
 3 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/apps/ai-game-creator-shell/src/features/project-workspace/ConversationModelSelect.tsx b/apps/ai-game-creator-shell/src/features/project-workspace/ConversationModelSelect.tsx
index 6869ede23..88ba4836b 100644
--- a/apps/ai-game-creator-shell/src/features/project-workspace/ConversationModelSelect.tsx
+++ b/apps/ai-game-creator-shell/src/features/project-workspace/ConversationModelSelect.tsx
@@ -21,6 +21,7 @@ export function ConversationModelSelect({
 }) {
   const [models, setModels] = useState<ClientLlmModel[]>([]);
   const [selected, setSelected] = useState('');
+  const [defaultModelId, setDefaultModelId] = useState('');
   const [busy, setBusy] = useState(!lazy);
   const [error, setError] = useState('');
   const [open, setOpen] = useState(false);
@@ -38,6 +39,7 @@ export function ConversationModelSelect({
         invoke<GameCreatorAppConfigView>('read_game_creator_app_config'),
       ]);
       setModels(catalog.models);
+      setDefaultModelId(catalog.defaultModelId);
       const id = config.config.selectedModelId || catalog.defaultModelId;
       setSelected(id);
       const available = catalog.models.some((model) => model.id === id);
@@ -164,7 +166,12 @@ export function ConversationModelSelect({
                 void select(model.id);
               }}
             >
-              <span>{model.displayName}</span>
+              <span className="conversation-model-menu-option-main">
+                <span>{model.displayName}</span>
+                {model.id === defaultModelId ? (
+                  <em className="conversation-model-menu-default">默认</em>
+                ) : null}
+              </span>
               {model.id === selected ? (
                 <Check size={13} aria-hidden="true" />
               ) : null}
diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index bb1f1273d..f0f4782c5 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/apps/ai-game-creator-shell/src/styles.css
@@ -8482,6 +8482,24 @@ iframe.preview-frame {
   color: var(--platform-text-strong, #111827);
   outline: none;
 }
+.conversation-model-menu-option-main {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  overflow: hidden;
+}
+.conversation-model-menu-default {
+  flex: 0 0 auto;
+  padding: 0 5px;
+  border: 1px solid var(--platform-line-soft, #e2cbb8);
+  border-radius: 5px;
+  background: var(--platform-button-secondary-fill, rgba(255, 253, 250, 0.78));
+  color: var(--platform-text-soft, #988476);
+  font-size: 10px;
+  font-style: normal;
+  line-height: 1.7;
+}
 .conversation-model-menu-loading {
   display: flex;
   align-items: center;
diff --git a/apps/ai-game-creator-shell/tests/conversationModelSelect.test.tsx b/apps/ai-game-creator-shell/tests/conversationModelSelect.test.tsx
index d7199e22d..4edb9852c 100644
--- a/apps/ai-game-creator-shell/tests/conversationModelSelect.test.tsx
+++ b/apps/ai-game-creator-shell/tests/conversationModelSelect.test.tsx
@@ -5,6 +5,7 @@ import {
   render,
   screen,
   waitFor,
+  within,
 } from '@testing-library/react';
 import { afterEach, beforeEach, expect, test, vi } from 'vitest';
 
@@ -114,3 +115,15 @@ test('closes the menu on Escape', async () => {
     expect(screen.queryByRole('option', { name: '快速' })).toBeNull(),
   );
 });
+
+test('marks the default model in the menu', async () => {
+  const onReady = vi.fn();
+  render(<ConversationModelSelect disabled={false} onReady={onReady} />);
+  await screen.findByRole('button', { name: '对话模型' });
+  fireEvent.click(screen.getByRole('button', { name: '对话模型' }));
+
+  const qualityOption = screen.getByRole('option', { name: /高质量/ });
+  expect(within(qualityOption).getByText('默认')).not.toBeNull();
+  const fastOption = screen.getByRole('option', { name: '快速' });
+  expect(within(fastOption).queryByText('默认')).toBeNull();
+});