fix: align codex models and session ui

Author: ymkiux

lib/cli-models-utils.js

@@ -48,44 +48,105 @@ const ANTHROPIC_CLAUDE_MODELS = Object.freeze([
     'claude-3-haiku'
 ]);
 
+const DEEPSEEK_CLAUDE_COMPAT_MODELS = Object.freeze([
+    'DeepSeek-V3.2',
+    'DeepSeek-V3',
+    'DeepSeek-R1',
+    'deepseek-chat'
+]);
+
+const QWEN_CLAUDE_COMPAT_MODELS = Object.freeze([
+    'qwen3-coder',
+    'qwen-max',
+    'qwen-plus',
+    'qwen-turbo'
+]);
+
+const MODELSCOPE_CLAUDE_COMPAT_MODELS = Object.freeze([
+    'ZhipuAI/GLM-5'
+]);
+
 function normalizeModelCatalogId(value) {
     return typeof value === 'string' ? value.trim().toLowerCase() : '';
 }
 
-function isBigModelClaudeCompatibleBaseUrl(baseUrl) {
+function hasPathSegment(baseUrl, segment) {
     const normalized = normalizeBaseUrl(baseUrl);
     if (!normalized) return false;
     try {
         const parsed = new URL(normalized);
-        const host = String(parsed.hostname || '').toLowerCase();
         const pathname = String(parsed.pathname || '').toLowerCase();
-        const isBigModelHost = host === 'bigmodel.cn' || host.endsWith('.bigmodel.cn');
-        const hasAnthropicSegment = /(^|\/)anthropic(\/|$)/.test(pathname);
-        return isBigModelHost && hasAnthropicSegment;
+        const escaped = String(segment || '').replace(/[.*+?^${}()|[\]\\]/g, '\\$&').toLowerCase();
+        return new RegExp(`(^|/)${escaped}(/|$)`).test(pathname);
     } catch (_) {
         return false;
     }
 }
 
-function isAnthropicBaseUrl(baseUrl) {
+function getBaseUrlHost(baseUrl) {
     const normalized = normalizeBaseUrl(baseUrl);
-    if (!normalized) return false;
+    if (!normalized) return '';
     try {
         const parsed = new URL(normalized);
-        const host = String(parsed.hostname || '').toLowerCase();
-        return host === 'api.anthropic.com' || host.endsWith('.anthropic.com');
+        return String(parsed.hostname || '').toLowerCase();
     } catch (_) {
-        return false;
+        return '';
     }
 }
 
+function isHostOrSubdomain(host, domain) {
+    return host === domain || host.endsWith(`.${domain}`);
+}
+
+function isBigModelClaudeCompatibleBaseUrl(baseUrl) {
+    const host = getBaseUrlHost(baseUrl);
+    return isHostOrSubdomain(host, 'bigmodel.cn') && hasPathSegment(baseUrl, 'anthropic');
+}
+
+function isAnthropicBaseUrl(baseUrl) {
+    const host = getBaseUrlHost(baseUrl);
+    return isHostOrSubdomain(host, 'anthropic.com');
+}
+
+function isDeepSeekClaudeCompatibleBaseUrl(baseUrl) {
+    const host = getBaseUrlHost(baseUrl);
+    return isHostOrSubdomain(host, 'deepseek.com') && hasPathSegment(baseUrl, 'anthropic');
+}
+
+function isQwenClaudeCompatibleBaseUrl(baseUrl) {
+    const host = getBaseUrlHost(baseUrl);
+    return isHostOrSubdomain(host, 'dashscope.aliyuncs.com') && hasPathSegment(baseUrl, 'anthropic');
+}
+
+function isZaiClaudeCompatibleBaseUrl(baseUrl) {
+    const host = getBaseUrlHost(baseUrl);
+    return isHostOrSubdomain(host, 'z.ai') && hasPathSegment(baseUrl, 'anthropic');
+}
+
+function isModelScopeBaseUrl(baseUrl) {
+    const host = getBaseUrlHost(baseUrl);
+    return isHostOrSubdomain(host, 'modelscope.cn');
+}
+
 function getSupplementalModelsForBaseUrl(baseUrl) {
     if (isBigModelClaudeCompatibleBaseUrl(baseUrl)) {
         return [...BIGMODEL_CLAUDE_COMPAT_MODELS];
     }
     if (isAnthropicBaseUrl(baseUrl)) {
         return [...ANTHROPIC_CLAUDE_MODELS];
     }
+    if (isDeepSeekClaudeCompatibleBaseUrl(baseUrl)) {
+        return [...DEEPSEEK_CLAUDE_COMPAT_MODELS];
+    }
+    if (isQwenClaudeCompatibleBaseUrl(baseUrl)) {
+        return [...QWEN_CLAUDE_COMPAT_MODELS];
+    }
+    if (isZaiClaudeCompatibleBaseUrl(baseUrl)) {
+        return [...BIGMODEL_CLAUDE_COMPAT_MODELS];
+    }
+    if (isModelScopeBaseUrl(baseUrl)) {
+        return [...MODELSCOPE_CLAUDE_COMPAT_MODELS];
+    }
     return [];
 }
 

tests/unit/cli-models-utils.test.mjs

@@ -32,9 +32,25 @@ test('getSupplementalModelsForBaseUrl returns Anthropic Claude models for offici
     assert(!models.includes('glm-5.1'));
 });
 
+test('getSupplementalModelsForBaseUrl returns provider-specific Claude-compatible Codex catalogs', () => {
+    const deepseekModels = getSupplementalModelsForBaseUrl('https://api.deepseek.com/anthropic');
+    const qwenModels = getSupplementalModelsForBaseUrl('https://coding.dashscope.aliyuncs.com/apps/anthropic');
+    const zaiModels = getSupplementalModelsForBaseUrl('https://api.z.ai/api/anthropic');
+    const modelscopeModels = getSupplementalModelsForBaseUrl('https://api-inference.modelscope.cn');
+
+    assert(deepseekModels.includes('DeepSeek-V3.2'));
+    assert(!deepseekModels.includes('qwen3-coder'));
+    assert(qwenModels.includes('qwen3-coder'));
+    assert(!qwenModels.includes('DeepSeek-V3.2'));
+    assert(zaiModels.includes('glm-5'));
+    assert(modelscopeModels.includes('ZhipuAI/GLM-5'));
+});
+
 test('getSupplementalModelsForBaseUrl does not match unrelated bigmodel hosts or paths', () => {
     assert.deepStrictEqual(getSupplementalModelsForBaseUrl('https://notbigmodel.cn/api/anthropic'), []);
     assert.deepStrictEqual(getSupplementalModelsForBaseUrl('https://open.bigmodel.cn/api/anthropicx'), []);
+    assert.deepStrictEqual(getSupplementalModelsForBaseUrl('https://api.deepseek.com/v1'), []);
+    assert.deepStrictEqual(getSupplementalModelsForBaseUrl('https://coding.dashscope.aliyuncs.com/apps/openai'), []);
 });
 
 test('mergeModelCatalog keeps remote order and appends missing Claude endpoint extras once', () => {

tests/unit/compact-layout-ui.test.mjs

@@ -62,7 +62,9 @@ test('styles keep desktop layout wide and session history readable on large scre
     assert.match(styles, /\.session-layout\s*\{[\s\S]*grid-template-columns:\s*minmax\(260px,\s*360px\)\s*minmax\(0,\s*1fr\);/);
     assert.match(styles, /\.session-preview-scroll\s*\{[\s\S]*padding-right:\s*52px;/);
     assert.match(styles, /\.session-timeline\s*\{[\s\S]*right:\s*4px;[\s\S]*width:\s*44px;/);
-    assert.match(styles, /\.session-item\s*\{[\s\S]*min-height:\s*80px;/);
+    assert.match(styles, /\.session-item\s*\{[\s\S]*min-height:\s*108px;[\s\S]*contain-intrinsic-size:\s*108px;/);
+    assert.match(styles, /\.session-item-cwd\s*\{[\s\S]*flex:\s*1 0 100%;[\s\S]*white-space:\s*normal;[\s\S]*overflow:\s*visible;[\s\S]*overflow-wrap:\s*anywhere;/);
+    assert.doesNotMatch(styles, /@media \(max-width: 540px\)\s*\{[\s\S]*\.session-item\s*\{[\s\S]*height:\s*75px;/);
 
     const html = readBundledWebUiHtml();
     assert.match(html, /class="brand-logo"\s+src="\/res\/logo-pack\.webp"/);

web-ui/styles/base-theme.css

@@ -4,34 +4,36 @@
    设计系统 - Design Tokens
    ============================================ */
 :root {
-    /* 色彩系统：中性灰（更贴近 craft/shadcn 观感）+ 品牌强调 */
-    --color-brand: #C77462;
-    --color-brand-dark: #B45E4E;
-    --color-brand-light: rgba(199, 116, 98, 0.12);
-    --color-brand-subtle: rgba(199, 116, 98, 0.18);
-
-    --color-bg: #FAFAFA;
-    --color-surface: #FFFFFF;
-    --color-surface-alt: #F4F4F5;
+    /* 色彩系统：低饱和暖色 + 桌面助理式柔和层级 */
+    --color-brand: #C87963;
+    --color-brand-dark: #A95845;
+    --color-brand-light: rgba(200, 121, 99, 0.13);
+    --color-brand-subtle: rgba(200, 121, 99, 0.2);
+
+    --color-bg: #F7F0E9;
+    --color-surface: #FFFDFC;
+    --color-surface-alt: #F7EFE8;
     --color-surface-elevated: #FFFFFF;
-    --color-surface-tint: rgba(255, 255, 255, 0.92);
-    --color-text-primary: #18181B;
-    --color-text-secondary: #3F3F46;
-    --color-text-tertiary: #71717A;
-    --color-text-muted: #A1A1AA;
-    --color-border: #E4E4E7;
-    --color-border-soft: rgba(24, 24, 27, 0.12);
-    --color-border-strong: rgba(24, 24, 27, 0.24);
+    --color-surface-tint: rgba(255, 253, 250, 0.86);
+    --color-text-primary: #241F1C;
+    --color-text-secondary: #5A504A;
+    --color-text-tertiary: #82746A;
+    --color-text-muted: #A99B91;
+    --color-border: rgba(137, 111, 94, 0.18);
+    --color-border-soft: rgba(137, 111, 94, 0.13);
+    --color-border-strong: rgba(137, 111, 94, 0.34);
 
     --color-success: #4B8B6A;
     --color-error: #C44536;
 
     --bg-warm-gradient:
-        linear-gradient(180deg, #FAFAFA 0%, #FAFAFA 100%);
+        radial-gradient(circle at 14% 8%, rgba(255, 219, 196, 0.5) 0%, rgba(255, 219, 196, 0) 32%),
+        radial-gradient(circle at 88% 0%, rgba(252, 239, 207, 0.58) 0%, rgba(252, 239, 207, 0) 30%),
+        linear-gradient(135deg, #FFF8F1 0%, #F7F0E9 46%, #F1E8DF 100%);
 
-    --color-bg-topbar-strong: rgba(250, 250, 250, 0.96);
-    --color-bg-topbar-soft: rgba(250, 250, 250, 0.9);
-    --color-bg-topbar-clear: rgba(250, 250, 250, 0);
+    --color-bg-topbar-strong: rgba(255, 248, 241, 0.96);
+    --color-bg-topbar-soft: rgba(255, 248, 241, 0.86);
+    --color-bg-topbar-clear: rgba(255, 248, 241, 0);
 
     /* 字体系统 */
     --font-family-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
@@ -64,24 +66,24 @@
     --spacing-xl: 64px;
 
     /* 圆角系统 */
-    --radius-sm: 8px;
-    --radius-md: 10px;
-    --radius-lg: 12px;
-    --radius-xl: 16px;
+    --radius-sm: 10px;
+    --radius-md: 14px;
+    --radius-lg: 18px;
+    --radius-xl: 24px;
     --radius-full: 50px;
 
-    /* 阴影系统 - 更偏中性与克制 */
-    --shadow-subtle: 0 1px 2px rgba(24, 24, 27, 0.04);
-    --shadow-card: 0 1px 3px rgba(24, 24, 27, 0.06);
-    --shadow-card-hover: 0 8px 26px rgba(24, 24, 27, 0.12);
-    --shadow-float: 0 14px 36px rgba(24, 24, 27, 0.16);
-    --shadow-raised: 0 8px 18px rgba(24, 24, 27, 0.12);
+    /* 阴影系统 - 柔和桌面浮层 */
+    --shadow-subtle: 0 1px 2px rgba(60, 47, 38, 0.05);
+    --shadow-card: 0 12px 30px rgba(92, 68, 52, 0.08);
+    --shadow-card-hover: 0 18px 44px rgba(92, 68, 52, 0.14);
+    --shadow-float: 0 22px 56px rgba(70, 51, 39, 0.18);
+    --shadow-raised: 0 14px 30px rgba(92, 68, 52, 0.14);
     --shadow-modal:
-        0 10px 30px rgba(24, 24, 27, 0.14),
-        0 28px 72px rgba(24, 24, 27, 0.12);
+        0 16px 42px rgba(70, 51, 39, 0.16),
+        0 34px 84px rgba(70, 51, 39, 0.16);
     --shadow-input-focus:
         0 0 0 3px var(--color-brand-light),
-        0 1px 2px rgba(24, 24, 27, 0.06);
+        0 1px 2px rgba(60, 47, 38, 0.06);
 
     /* 动画 - 更细腻的曲线 */
     --transition-instant: 100ms;
@@ -266,3 +268,14 @@ body {
     position: relative;
     overflow-x: hidden;
 }
+
+body::before {
+    content: "";
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    background:
+        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0) 26%),
+        radial-gradient(circle at 86% 18%, rgba(255, 232, 206, 0.36), rgba(255, 232, 206, 0) 30%);
+    z-index: 0;
+}