fix: ChatGPT OAuth probe + ModelSwitcher density + streamingLabel i18n

- connection-ipc: ChatGPT subscription wire (openai-codex-responses)
  has no /models endpoint; a generic Bearer probe always 401s and
  surfaces as misleading "API key 错误". Check the OAuth token store
  directly and return a login-specific hint instead.
- ModelSwitcher: raise search-input visibility threshold 8→12 (a 12-
  model list is still scannable); drop the per-provider header chrome
  in dropdown variant; tighten the search box (transparent bg, no
  border) so it reads as part of the menu, not a nested form.
- i18n: add chat.streamingLabel ("Assistant is typing" / "助手正在回复").

Signed-off-by: hqhq1025 <1506751656@qq.com>

Author: hqhq1025

apps/desktop/src/main/connection-ipc.ts

@@ -11,6 +11,7 @@ import {
   stripInferenceEndpointSuffix,
 } from '@open-codesign/shared';
 import { buildAuthHeaders, buildAuthHeadersForWire } from './auth-headers';
+import { getCodexTokenStore } from './codex-oauth-ipc';
 import { ipcMain } from './electron-runtime';
 import { getApiKeyForProvider, getCachedConfig } from './onboarding-ipc';
 import { isKeylessProviderAllowed } from './provider-settings';
@@ -414,7 +415,47 @@ function resolveActiveCredentials(): ActiveProviderCredentials | ConnectionTestE
   return resolveCredentialsForProvider(active);
 }
 
+async function testChatGPTCodexOAuth(): Promise<ConnectionTestResponse> {
+  let stored: Awaited<ReturnType<ReturnType<typeof getCodexTokenStore>['read']>>;
+  try {
+    stored = await getCodexTokenStore().read();
+  } catch (err) {
+    return {
+      ok: false,
+      code: '401',
+      message: err instanceof Error ? err.message : String(err),
+      hint: 'ChatGPT 订阅凭证读取失败，请到 Settings 重新登录',
+    };
+  }
+  if (stored === null) {
+    return {
+      ok: false,
+      code: '401',
+      message: 'No ChatGPT OAuth token stored',
+      hint: 'ChatGPT 订阅未登录，请到 Settings 登录',
+    };
+  }
+  if (stored.expiresAt < Date.now()) {
+    return {
+      ok: false,
+      code: '401',
+      message: 'ChatGPT OAuth token expired',
+      hint: 'ChatGPT 订阅登录已过期，请重新登录',
+    };
+  }
+  return { ok: true };
+}
+
 async function runProviderTest(creds: ActiveProviderCredentials): Promise<ConnectionTestResponse> {
+  // ChatGPT subscription uses OAuth + ChatGPT-Account-Id headers; its host
+  // has no `/models` endpoint that a generic Bearer probe can reach. A plain
+  // HTTP probe would return 401 here and render as the misleading "API key
+  // 错误或权限不足" hint — so we check the OAuth token store directly and
+  // surface a login-specific hint instead.
+  if (creds.wire === 'openai-codex-responses') {
+    return testChatGPTCodexOAuth();
+  }
+
   const { url } = buildEndpointForWire(creds.wire, creds.baseUrl);
   const headers = buildAuthHeadersForWire(
     creds.wire,

apps/desktop/src/renderer/src/components/ModelSwitcher.tsx

@@ -10,9 +10,10 @@ interface ModelSwitcherProps {
 }
 
 // Below this threshold the search input just adds UI chrome for no real win —
-// a user with 6 models can eyeball the list. Above it, scrolling becomes a
-// chore (community feedback: providers like DeepSeek/Zhipu return 40+ IDs).
-const SEARCH_VISIBILITY_THRESHOLD = 8;
+// a user with ~12 models can eyeball and scroll the list without filtering.
+// Above it, scrolling becomes a chore (community feedback: providers like
+// DeepSeek/Zhipu return 40+ IDs).
+const SEARCH_VISIBILITY_THRESHOLD = 12;
 
 function shortenModelLabel(model: string): string {
   const stripped = model.replace(/^(claude-|gpt-|gemini-)/, '');
@@ -182,20 +183,8 @@ export function ModelSwitcher({ variant }: ModelSwitcherProps) {
               : 'top-full mt-[var(--space-1)] right-0 min-w-[260px]'
           }`}
         >
-          {/* Header — show which provider preset these models belong to */}
-          {!isSidebar && (
-            <div className="px-[var(--space-3)] py-[var(--space-2)] border-b border-[var(--color-border-muted)]">
-              <p className="text-[10px] uppercase tracking-[0.1em] text-[var(--color-text-muted)] font-medium">
-                {t('topbar.modelSwitcher.fromProvider', { defaultValue: 'Provider' })}
-              </p>
-              <p className="text-[12px] text-[var(--color-text-primary)] mt-[2px]">
-                {providerLabel}
-              </p>
-            </div>
-          )}
-
           {showSearch && (
-            <div className="relative px-[var(--space-2)] py-[var(--space-1_5)] border-b border-[var(--color-border-muted)]">
+            <div className="relative p-[var(--space-2)] border-b border-[var(--color-border-muted)]">
               <Search
                 className="absolute left-[calc(var(--space-2)+var(--space-2))] top-1/2 -translate-y-1/2 w-[var(--size-icon-xs)] h-[var(--size-icon-xs)] text-[var(--color-text-muted)] pointer-events-none"
                 aria-hidden
@@ -211,7 +200,7 @@ export function ModelSwitcher({ variant }: ModelSwitcherProps) {
                 aria-label={t('topbar.modelSwitcher.searchAriaLabel', {
                   defaultValue: 'Filter models by name',
                 })}
-                className="w-full h-[var(--size-control-xs)] pl-[calc(var(--space-2)+var(--size-icon-xs)+var(--space-1_5))] pr-[var(--space-2)] rounded-[var(--radius-sm)] bg-[var(--color-surface)] border border-[var(--color-border)] text-[var(--text-xs)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
+                className="w-full h-[var(--size-control-xs)] pl-[calc(var(--space-2)+var(--size-icon-xs)+var(--space-1_5))] pr-[calc(var(--space-2)+var(--size-icon-sm))] rounded-[var(--radius-sm)] bg-transparent border-0 text-[var(--text-xs)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]"
                 style={{ fontFamily: 'var(--font-mono)' }}
               />
               {query.length > 0 && (
@@ -224,7 +213,7 @@ export function ModelSwitcher({ variant }: ModelSwitcherProps) {
                   aria-label={t('topbar.modelSwitcher.clearSearch', {
                     defaultValue: 'Clear search',
                   })}
-                  className="absolute right-[calc(var(--space-2)+var(--space-1_5))] top-1/2 -translate-y-1/2 inline-flex items-center justify-center w-[var(--size-icon-sm)] h-[var(--size-icon-sm)] rounded-full text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] transition-colors"
+                  className="absolute right-[calc(var(--space-2)+var(--space-1))] top-1/2 -translate-y-1/2 inline-flex items-center justify-center w-[var(--size-icon-sm)] h-[var(--size-icon-sm)] rounded-full text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] transition-colors"
                 >
                   <X className="w-[var(--size-icon-xs)] h-[var(--size-icon-xs)]" aria-hidden />
                 </button>

packages/i18n/src/locales/en.json

@@ -131,6 +131,7 @@
         "trigger": "Add context"
       },
       "thinking": "Thinking",
+      "streamingLabel": "Assistant is typing",
       "tokensLine": "~{{count}} tokens",
       "artifactDelivered": "delivered",
       "artifactDefaultLabel": "design.html",
@@ -1017,6 +1018,8 @@
     "PROVIDER_ABORTED": "Generation was cancelled.",
     "PROVIDER_RETRY_EXHAUSTED": "The provider failed after several retries. Check your connection and try again.",
     "CLAUDE_CODE_OAUTH_ONLY": "Your Claude Code login uses an Anthropic subscription (Pro/Max). Third-party apps cannot reuse the subscription quota — generate an API key at console.anthropic.com and use it here.",
+    "CODEX_TOKEN_PARSE_FAILED": "Local ChatGPT login is corrupted. Please re-login in Settings.",
+    "CODEX_TOKEN_NOT_LOGGED_IN": "ChatGPT subscription is not signed in. Please log in via Settings.",
     "INPUT_EMPTY_PROMPT": "The prompt cannot be empty.",
     "INPUT_EMPTY_COMMENT": "The comment cannot be empty.",
     "INPUT_EMPTY_HTML": "Existing HTML is required for this operation.",

packages/i18n/src/locales/zh-CN.json

@@ -131,6 +131,7 @@
         "trigger": "添加上下文"
       },
       "thinking": "正在思考",
+      "streamingLabel": "助手正在回复",
       "tokensLine": "约 {{count}} tokens",
       "artifactDelivered": "已生成",
       "artifactDefaultLabel": "design.html",
@@ -1013,6 +1014,8 @@
     "PROVIDER_ABORTED": "生成已取消。",
     "PROVIDER_RETRY_EXHAUSTED": "多次重试后 provider 仍然失败，请检查网络后重试。",
     "CLAUDE_CODE_OAUTH_ONLY": "你的 Claude Code 使用的是 Anthropic 订阅（Pro/Max），第三方应用无法复用订阅额度——请到 console.anthropic.com 生成 API key 后填入。",
+    "CODEX_TOKEN_PARSE_FAILED": "本地 ChatGPT 登录凭证已损坏，请到设置中重新登录。",
+    "CODEX_TOKEN_NOT_LOGGED_IN": "ChatGPT 订阅未登录，请到设置中登录。",
     "INPUT_EMPTY_PROMPT": "prompt 不能为空。",
     "INPUT_EMPTY_COMMENT": "评论内容不能为空。",
     "INPUT_EMPTY_HTML": "此操作需要已有的 HTML 内容。",