codexmate 0.0.43 → 0.0.45

package/web-ui/logic.runtime.mjs

@@ -101,10 +101,6 @@ export function shouldForceCompactLayoutMode(options = {}) {
     const screenHeight = Number(options.screenHeight || 0);
     const shortEdge = Number(options.shortEdge || (screenWidth > 0 && screenHeight > 0 ? Math.min(screenWidth, screenHeight) : 0));
     const maxTouchPoints = Number(options.maxTouchPoints || 0);
-    const userAgent = typeof options.userAgent === 'string' ? options.userAgent : '';
-    const isMobileUa = typeof options.isMobileUa === 'boolean'
-        ? options.isMobileUa
-        : /(Android|iPhone|iPad|iPod|Mobile)/i.test(userAgent);
     const coarsePointer = !!options.coarsePointer;
     const noHover = !!options.noHover;
     const isSmallPhysicalScreen = shortEdge > 0 && shortEdge <= 920;
@@ -115,9 +111,6 @@ export function shouldForceCompactLayoutMode(options = {}) {
         if (!isNarrowViewport) {
             return false;
         }
-        if (isMobileUa) {
-            return true;
-        }
         return pointerSuggestsTouchOnly && maxTouchPoints > 0;
     }
 

package/web-ui/modules/app.computed.index.mjs

@@ -4,6 +4,7 @@ import { createSessionComputed } from './app.computed.session.mjs';
 import { createConfigModeComputed } from './config-mode.computed.mjs';
 import { createSkillsComputed } from './skills.computed.mjs';
 import { createPluginsComputed } from './plugins.computed.mjs';
+import { createPromptsComputed } from './app.computed.prompts.mjs';
 
 export function createAppComputed() {
     return {
@@ -12,6 +13,7 @@ export function createAppComputed() {
         ...createMainTabsComputed(),
         ...createSkillsComputed(),
         ...createPluginsComputed(),
-        ...createConfigModeComputed()
+        ...createConfigModeComputed(),
+        ...createPromptsComputed()
     };
 }

package/web-ui/modules/app.computed.main-tabs.mjs

@@ -151,6 +151,7 @@ export function createMainTabsComputed() {
             if (this.mainTab === 'plugins') return this.t('kicker.plugins');
             if (this.mainTab === 'docs') return this.t('kicker.docs');
             if (this.mainTab === 'trash') return this.t('kicker.trash');
+            if (this.mainTab === 'prompts') return this.t('kicker.prompts');
             return this.t('kicker.settings');
         },
         mainTabTitle() {
@@ -163,6 +164,7 @@ export function createMainTabsComputed() {
             if (this.mainTab === 'plugins') return this.t('title.plugins');
             if (this.mainTab === 'docs') return this.t('title.docs');
             if (this.mainTab === 'trash') return this.t('settings.trash.title');
+            if (this.mainTab === 'prompts') return this.t('title.prompts');
             return this.t('title.settings');
         },
         mainTabSubtitle() {
@@ -175,6 +177,7 @@ export function createMainTabsComputed() {
             if (this.mainTab === 'plugins') return this.t('subtitle.plugins');
             if (this.mainTab === 'docs') return this.t('subtitle.docs');
             if (this.mainTab === 'trash') return this.t('settings.trash.meta');
+            if (this.mainTab === 'prompts') return this.t('subtitle.prompts');
             return this.t('subtitle.settings');
         },
         taskOrchestrationSelectedRun() {

package/web-ui/modules/app.computed.prompts.mjs

@@ -0,0 +1,28 @@
+export function createPromptsComputed() {
+    return {
+        promptsContextHint() {
+            if (!this.agentsLoading && !this.agentsDiffVisible && this.hasAgentsContentChanged()) {
+                return { text: this.t('modal.agents.unsaved.detectedHint'), warn: true };
+            }
+            if (this.agentsDiffVisible && (this.agentsDiffLoading || this.agentsSaving)) {
+                return { text: this.t('diff.hint.busy'), warn: false };
+            }
+            if (this.agentsDiffVisible && this.agentsDiffError) {
+                return { text: this.t('diff.hint.failedBack'), warn: false };
+            }
+            if (this.agentsDiffVisible && !this.agentsDiffHasChanges) {
+                return { text: this.t('diff.hint.noChangesBack'), warn: false };
+            }
+            if (this.agentsDiffVisible && this.agentsDiffTruncated) {
+                return { text: this.t('diff.viewHint.truncated'), warn: false };
+            }
+            if (this.agentsDiffVisible) {
+                return { text: this.t('diff.viewHint.preview'), warn: false };
+            }
+            if (!this.agentsLoading) {
+                return { text: this.t('modal.agents.hint.twoStepSave'), warn: false };
+            }
+            return null;
+        }
+    };
+}

package/web-ui/modules/app.computed.session.mjs

@@ -777,7 +777,7 @@ export function createSessionComputed() {
                 ? this.sessionUsageDaily
                 : null;
             if (!daily || !Array.isArray(daily.rows) || daily.rows.length === 0) {
-                return { points: [], labels: [], linePath: '', areaPath: '', width: 800, maxTokens: 0 };
+                return { points: [], labels: [], linePath: '', areaPath: '', width: 800, maxTokens: 0, yTicks: [] };
             }
 
             const rows = daily.rows;
@@ -806,6 +806,27 @@ export function createSessionComputed() {
             const selectedKey = this.sessionsUsageSelectedDayKey;
             const selectedPoint = points.find(p => p.key === selectedKey) || points[points.length - 1] || null;
 
+            const yTicks = [];
+            if (maxTokens > 0) {
+                const rawStep = maxTokens / 4;
+                const magnitude = Math.pow(10, Math.floor(Math.log10(rawStep)));
+                const residual = rawStep / magnitude;
+                const niceStep = residual <= 1.5 ? magnitude : (residual <= 3.5 ? 2 * magnitude : 5 * magnitude);
+                const tickCount = Math.min(Math.ceil(maxTokens / niceStep), 8);
+                for (let i = 0; i <= tickCount; i++) {
+                    const value = i * niceStep;
+                    if (value > maxTokens + niceStep * 0.5) break;
+                    const normalized = value / maxTokens;
+                    const y = padding.top + chartHeight - (normalized * chartHeight);
+                    yTicks.push({
+                        value,
+                        label: formatCompactUsageSummaryNumber(value),
+                        y,
+                        percent: (((height - y) / height) * 100).toFixed(1)
+                    });
+                }
+            }
+
             return {
                 points,
                 labels: rows.map((row, index) => ({
@@ -817,6 +838,7 @@ export function createSessionComputed() {
                 width,
                 height,
                 maxTokens,
+                yTicks,
                 hoverX: selectedPoint ? selectedPoint.x : 0,
                 hoverY: selectedPoint ? selectedPoint.y : 0
             };

package/web-ui/modules/app.methods.agents.mjs

@@ -635,17 +635,63 @@ export function createAgentsMethods(options = {}) {
                     return;
                 }
                 const successLabel = this.agentsContext === 'openclaw-workspace'
-                    ? `工作区文件已保存${this.agentsWorkspaceFileName ? `: ${this.agentsWorkspaceFileName}` : ''}`
+                    ? this.t('toast.agents.saved.workspace', { name: this.agentsWorkspaceFileName || '' }).replace(/:\s*$/, '')
                     : (this.agentsContext === 'claude-md'
-                        ? 'CLAUDE.md 已保存'
-                        : (this.agentsContext === 'openclaw' ? 'OpenClaw AGENTS.md 已保存' : 'AGENTS.md 已保存'));
+                        ? this.t('toast.agents.saved.claudeMd')
+                        : (this.agentsContext === 'openclaw' ? this.t('toast.agents.saved.openclaw') : this.t('toast.agents.saved.agents')));
                 this.showMessage(successLabel, 'success');
-                this.closeAgentsModal({ force: true });
+                if (this.mainTab === 'prompts') {
+                    this.loadPromptsContent();
+                } else {
+                    this.closeAgentsModal({ force: true });
+                }
             } catch (e) {
                 this.showMessage(this.t('toast.save.fail'), 'error');
             } finally {
                 this.agentsSaving = false;
             }
+        },
+
+        switchPromptsSubTab(subTab) {
+            const normalized = subTab === 'claude-md' ? 'claude-md' : 'codex';
+            if (this.promptsSubTab === normalized) {
+                this.loadPromptsContent();
+                return;
+            }
+            this.promptsSubTab = normalized;
+        },
+
+        async loadPromptsContent() {
+            const requestToken = issueLatestRequestToken(this, '_agentsOpenRequestToken');
+            this.agentsLoading = true;
+            this.resetAgentsDiffState();
+            try {
+                const isClaude = this.promptsSubTab === 'claude-md';
+                const action = isClaude ? 'get-claude-md-file' : 'get-agents-file';
+                const res = await api(action);
+                if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
+                    return;
+                }
+                if (res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.agentsContent = res.content || '';
+                this.agentsOriginalContent = this.agentsContent;
+                this.agentsPath = res.path || '';
+                this.agentsExists = !!res.exists;
+                this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
+                this.agentsContext = isClaude ? 'claude-md' : 'codex';
+            } catch (e) {
+                if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
+                    return;
+                }
+                this.showMessage(this.t('toast.load.fail'), 'error');
+            } finally {
+                if (isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
+                    this.agentsLoading = false;
+                }
+            }
         }
     };
 }

package/web-ui/modules/app.methods.claude-config.mjs

@@ -23,6 +23,10 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
     const externalCredentialType = normalizeClaudeText(draft && draft.externalCredentialType);
     const baseUrl = normalizeClaudeBaseUrl(draft && draft.baseUrl);
     const model = normalizeClaudeText(draft && draft.model);
+    const targetApiRaw = normalizeClaudeText(draft && draft.targetApi).toLowerCase();
+    const targetApi = targetApiRaw === 'chat_completions' || targetApiRaw === 'chat-completions' || targetApiRaw === 'chat/completions'
+        ? 'chat_completions'
+        : (targetApiRaw === 'ollama' ? 'ollama' : 'responses');
     const errors = {
         name: '',
         apiKey: '',
@@ -36,7 +40,7 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
         errors.name = vm.t('validation.claude.nameExists');
     }
 
-    if (!apiKey && !externalCredentialType) {
+    if (!apiKey && !externalCredentialType && targetApi !== 'ollama') {
         errors.apiKey = vm.t('validation.claude.apiKeyRequired');
     }
 
@@ -57,6 +61,7 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
         externalCredentialType,
         baseUrl,
         model,
+        targetApi,
         errors,
         ok: !errors.name && !errors.apiKey && !errors.baseUrl && !errors.model
     };
@@ -88,7 +93,7 @@ export function createClaudeConfigMethods(options = {}) {
             this.claudeConfigs[name] = this.mergeClaudeConfig(existing, { model });
             this.saveClaudeConfigs();
             this.updateClaudeModelsCurrent();
-            if (!this.claudeConfigs[name].apiKey && !this.claudeConfigs[name].externalCredentialType) {
+            if (!this.claudeConfigs[name].apiKey && !this.claudeConfigs[name].externalCredentialType && this.claudeConfigs[name].targetApi !== 'ollama') {
                 this.showMessage(this.t('toast.claude.apiKeyRequired'), 'error');
                 return;
             }
@@ -115,8 +120,10 @@ export function createClaudeConfigMethods(options = {}) {
             this.newClaudeConfig = {
                 name: '',
                 apiKey: config.apiKey || '',
+                externalCredentialType: config.externalCredentialType || '',
                 baseUrl: config.baseUrl || '',
-                model: config.model || ''
+                model: config.model || '',
+                targetApi: config.targetApi || 'responses'
             };
             this.showAddClaudeConfigKey = false;
             this.showClaudeConfigModal = true;
@@ -144,7 +151,8 @@ export function createClaudeConfigMethods(options = {}) {
                 apiKey: config.apiKey || '',
                 externalCredentialType: config.externalCredentialType || '',
                 baseUrl: config.baseUrl || '',
-                model: config.model || ''
+                model: config.model || '',
+                targetApi: config.targetApi || 'responses'
             };
             this.showEditClaudeConfigKey = false;
             this.showEditConfigModal = true;
@@ -157,8 +165,10 @@ export function createClaudeConfigMethods(options = {}) {
             }
             const name = validation.name;
             this.editingConfig.apiKey = validation.apiKey;
+            this.editingConfig.externalCredentialType = validation.externalCredentialType;
             this.editingConfig.baseUrl = validation.baseUrl;
             this.editingConfig.model = validation.model;
+            this.editingConfig.targetApi = validation.targetApi;
             this.claudeConfigs[name] = this.mergeClaudeConfig(this.claudeConfigs[name], this.editingConfig);
             this.saveClaudeConfigs();
             this.showMessage(this.t('toast.operation.success'), 'success');
@@ -171,7 +181,7 @@ export function createClaudeConfigMethods(options = {}) {
         closeEditConfigModal() {
             this.showEditConfigModal = false;
             this.showEditClaudeConfigKey = false;
-            this.editingConfig = { name: '', apiKey: '', externalCredentialType: '', baseUrl: '', model: '' };
+            this.editingConfig = { name: '', apiKey: '', externalCredentialType: '', baseUrl: '', model: '', targetApi: 'responses' };
         },
 
         toggleEditClaudeConfigKey() {
@@ -185,13 +195,15 @@ export function createClaudeConfigMethods(options = {}) {
             }
             const name = validation.name;
             this.editingConfig.apiKey = validation.apiKey;
+            this.editingConfig.externalCredentialType = validation.externalCredentialType;
             this.editingConfig.baseUrl = validation.baseUrl;
             this.editingConfig.model = validation.model;
+            this.editingConfig.targetApi = validation.targetApi;
             this.claudeConfigs[name] = this.mergeClaudeConfig(this.claudeConfigs[name], this.editingConfig);
             this.saveClaudeConfigs();
 
             const config = this.claudeConfigs[name];
-            if (!config.apiKey) {
+            if (!config.apiKey && config.targetApi !== 'ollama') {
                 this.showMessage(this.t('toast.claude.savedWithoutKey'), 'info');
                 this.closeEditConfigModal();
                 if (name === this.currentClaudeConfig) {
@@ -200,9 +212,9 @@ export function createClaudeConfigMethods(options = {}) {
                 return;
             }
 
-            const _claudeKey = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
+            const _claudeKey = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}|${config.targetApi || "responses"}`;
             try {
-                const res = await api('apply-claude-config', { config });
+                const res = await api('apply-claude-config', { config: { ...config, name } });
                 if (res.error || res.success === false) {
                     this.showMessage(res.error || this.t('toast.apply.fail'), 'error');
                 } else {
@@ -226,8 +238,10 @@ export function createClaudeConfigMethods(options = {}) {
             }
             this.newClaudeConfig.name = validation.name;
             this.newClaudeConfig.apiKey = validation.apiKey;
+            this.newClaudeConfig.externalCredentialType = validation.externalCredentialType;
             this.newClaudeConfig.baseUrl = validation.baseUrl;
             this.newClaudeConfig.model = validation.model;
+            this.newClaudeConfig.targetApi = validation.targetApi;
             const name = validation.name;
             const duplicateName = this.findDuplicateClaudeConfigName(this.newClaudeConfig);
             if (duplicateName) {
@@ -271,16 +285,16 @@ export function createClaudeConfigMethods(options = {}) {
             this.refreshClaudeModelContext();
             const config = this.claudeConfigs[name];
 
-            if (!config.apiKey) {
+            if (!config.apiKey && config.targetApi !== 'ollama') {
                 if (config.externalCredentialType) {
                     return this.showMessage(this.t('toast.claude.externalAuth'), 'info');
                 }
                 return this.showMessage(this.t('toast.claude.apiKeyRequired'), 'error');
             }
 
-            const _claudeKey2 = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
+            const _claudeKey2 = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}|${config.targetApi || "responses"}`;
             try {
-                const res = await api('apply-claude-config', { config });
+                const res = await api('apply-claude-config', { config: { ...config, name } });
                 if (res.error || res.success === false) {
                     this.showMessage(res.error || this.t('toast.apply.fail'), 'error');
                 } else {
@@ -300,8 +314,10 @@ export function createClaudeConfigMethods(options = {}) {
             this.newClaudeConfig = {
                 name: '',
                 apiKey: '',
+                externalCredentialType: '',
                 baseUrl: '',
-                model: ''
+                model: '',
+                targetApi: 'responses'
             };
         },
 

package/web-ui/modules/app.methods.index.mjs

@@ -89,7 +89,7 @@ export function createAppMethods() {
             api,
             defaultOpenclawTemplate: DEFAULT_OPENCLAW_TEMPLATE
         }),
-        ...createInstallMethods(),
+        ...createInstallMethods({ api }),
         ...createRuntimeMethods({ api }),
         ...createTaskOrchestrationMethods({ api })
     };

package/web-ui/modules/app.methods.install.mjs

@@ -1,4 +1,5 @@
-export function createInstallMethods() {
+export function createInstallMethods(options = {}) {
+    const { api } = options;
     return {
         normalizeInstallPackageManager(value) {
             const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
@@ -16,6 +17,133 @@ export function createInstallMethods() {
             return 'install';
         },
 
+        normalizePackageVersion(value) {
+            const normalized = typeof value === 'string' ? value.trim().replace(/^v/i, '') : '';
+            return /^\d+(?:\.\d+){0,2}(?:[-+][0-9A-Za-z.-]+)?$/.test(normalized) ? normalized : '';
+        },
+
+        comparePackageVersions(left, right) {
+            const normalizeParts = (value) => {
+                const normalized = this.normalizePackageVersion(value);
+                if (!normalized) return null;
+                return normalized.split(/[+-]/)[0].split('.').map((part) => Number.parseInt(part, 10) || 0);
+            };
+            const a = normalizeParts(left);
+            const b = normalizeParts(right);
+            if (!a || !b) return 0;
+            for (let i = 0; i < 3; i += 1) {
+                const diff = (a[i] || 0) - (b[i] || 0);
+                if (diff < 0) return -1;
+                if (diff > 0) return 1;
+            }
+            return 0;
+        },
+
+        isAppUpdateAvailable() {
+            const current = this.normalizePackageVersion(this.appVersion);
+            const latest = this.normalizePackageVersion(this.appLatestVersion);
+            if (!current || !latest) return false;
+            return this.comparePackageVersions(current, latest) < 0;
+        },
+
+        isAppVersionStatusVisible() {
+            return !!(this.appVersion || this.appLatestVersion || this.appVersionStatusLoading || this.appVersionStatusChecked || this.appVersionStatusError);
+        },
+
+        appVersionStatusKind() {
+            if (this.appVersionStatusLoading) return 'loading';
+            if (this.appVersionStatusError) return 'error';
+            if (this.isAppUpdateAvailable()) return 'available';
+            if (this.appVersionStatusChecked) return 'current';
+            return 'idle';
+        },
+
+        appUpdateNoticeText() {
+            if (this.appVersionStatusLoading) return this.t('side.update.checking');
+            if (this.appVersionStatusError) return this.t('side.update.retry');
+            const latest = this.normalizePackageVersion(this.appLatestVersion);
+            if (this.isAppUpdateAvailable()) return latest
+                ? this.t('side.update.availableWithVersion', { version: latest })
+                : this.t('side.update.available');
+            if (this.appVersionStatusChecked) return this.t('side.update.upToDate');
+            return this.t('side.update.check');
+        },
+
+        appUpdateNoticeMeta() {
+            if (this.appVersionStatusLoading) return this.t('side.update.checkingMeta');
+            if (this.appVersionStatusError) return this.appVersionStatusError;
+            const current = this.normalizePackageVersion(this.appVersion);
+            const latest = this.normalizePackageVersion(this.appLatestVersion);
+            if (current && latest) {
+                return this.t('side.update.metaVersions', { current, latest });
+            }
+            if (current) {
+                return this.t('side.update.currentOnly', { current });
+            }
+            return this.t('side.update.meta');
+        },
+
+        appVersionStatusTitle() {
+            const source = typeof this.appVersionStatusSource === 'string' ? this.appVersionStatusSource.trim() : '';
+            const checkedAt = typeof this.appVersionStatusCheckedAt === 'string' ? this.appVersionStatusCheckedAt.trim() : '';
+            const suffix = [source, checkedAt].filter(Boolean).join(' · ');
+            const meta = this.appUpdateNoticeMeta();
+            return suffix ? `${meta} · ${suffix}` : meta;
+        },
+
+        handleAppVersionStatusClick() {
+            if (this.isAppUpdateAvailable()) {
+                this.openAppUpdateDocs();
+                return;
+            }
+            void this.loadAppVersionStatus({ silent: false, force: true });
+        },
+
+        async loadAppVersionStatus(options = {}) {
+            if (typeof api !== 'function') return false;
+            if (this.appVersionStatusLoading) return false;
+            this.appVersionStatusLoading = true;
+            this.appVersionStatusError = '';
+            try {
+                const res = await api('version-status', options.force ? { force: true } : {});
+                if (res && res.currentVersion && !this.appVersion) {
+                    this.appVersion = this.normalizePackageVersion(res.currentVersion) || String(res.currentVersion || '');
+                }
+                if (res && res.latestVersion) {
+                    this.appLatestVersion = this.normalizePackageVersion(res.latestVersion) || String(res.latestVersion || '');
+                }
+                if (res && typeof res.source === 'string') {
+                    this.appVersionStatusSource = res.source;
+                }
+                if (res && typeof res.checkedAt === 'string') {
+                    this.appVersionStatusCheckedAt = res.checkedAt;
+                }
+                if (res && res.error) {
+                    this.appVersionStatusError = res.error;
+                    this.appVersionStatusChecked = true;
+                    if (!options.silent) this.showMessage(res.error, 'error');
+                    return false;
+                }
+                this.appVersionStatusChecked = true;
+                return true;
+            } catch (e) {
+                const message = e && e.message ? e.message : this.t('side.update.checkFailed');
+                this.appVersionStatusError = message;
+                this.appVersionStatusChecked = true;
+                if (!options.silent) this.showMessage(message, 'error');
+                return false;
+            } finally {
+                this.appVersionStatusLoading = false;
+            }
+        },
+
+        openAppUpdateDocs() {
+            this.installCommandAction = 'update';
+            if (typeof this.switchMainTab === 'function') {
+                this.switchMainTab('docs');
+            }
+        },
+
         normalizeInstallRegistryPreset(value) {
             const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
             if (normalized === 'default' || normalized === 'npmmirror' || normalized === 'tencent' || normalized === 'custom') {

package/web-ui/modules/app.methods.navigation.mjs

@@ -15,7 +15,8 @@
         'plugins',
         'docs',
         'settings',
-        'trash'
+        'trash',
+        'prompts'
     ]);
     const loadDoctorOverview = async (vm, options = {}) => {
         if (!vm || typeof vm !== 'object') return false;

package/web-ui/modules/app.methods.session-actions.mjs

@@ -90,6 +90,10 @@ export function createSessionActionMethods(options = {}) {
             this.loadSessionStandalonePlain();
         },
 
+        canBuildStandaloneUrl(session) {
+            return !!this.buildSessionStandaloneUrl(session);
+        },
+
         buildSessionStandaloneUrl(session) {
             if (!session) return '';
             const source = typeof session.source === 'string' ? session.source.trim().toLowerCase() : '';
@@ -129,6 +133,12 @@ export function createSessionActionMethods(options = {}) {
             this.showMessage(this.t('toast.copy.fail'), 'error');
         },
 
+        openSessionLink(session) {
+            const url = this.buildSessionStandaloneUrl(session);
+            if (!url) { this.showMessage(this.t('toast.link.fail'), 'error'); return; }
+            window.open(url, '_blank', 'noopener,noreferrer');
+        },
+
         getSessionFilePath(session) {
             const filePath = typeof session?.filePath === 'string' ? session.filePath.trim() : '';
             return filePath;
@@ -412,11 +422,16 @@ export function createSessionActionMethods(options = {}) {
             const model = typeof payload.model === 'string' && payload.model.trim()
                 ? payload.model.trim()
                 : 'glm-4.7';
-            if (!baseUrl || !apiKey) return '';
+            const targetApiRaw = typeof payload.targetApi === 'string' ? payload.targetApi.trim().toLowerCase() : '';
+            const targetApi = targetApiRaw === 'chat_completions' || targetApiRaw === 'chat-completions' || targetApiRaw === 'chat/completions'
+                ? 'chat_completions'
+                : (targetApiRaw === 'ollama' ? 'ollama' : 'responses');
+            if (!baseUrl || (!apiKey && targetApi !== 'ollama')) return '';
             const urlArg = this.quoteShellArg(baseUrl);
             const keyArg = this.quoteShellArg(apiKey);
             const modelArg = this.quoteShellArg(model);
-            return `${this.getShareCommandPrefixInvocation()} claude ${urlArg} ${keyArg} ${modelArg}`;
+            const targetArg = targetApi !== 'responses' ? ` --target-api ${this.quoteShellArg(targetApi)}` : '';
+            return `${this.getShareCommandPrefixInvocation()} claude ${urlArg} ${keyArg} ${modelArg}${targetArg}`;
         },
 
         async copyProviderShareCommand(provider) {

package/web-ui/modules/app.methods.session-timeline.mjs

@@ -354,7 +354,6 @@ export function createSessionTimelineMethods() {
                 shortEdge,
                 maxTouchPoints: touchPoints,
                 userAgent,
-                isMobileUa,
                 coarsePointer,
                 noHover
             });

package/web-ui/modules/app.methods.startup-claude.mjs

@@ -1,6 +1,8 @@
 import {
     findDuplicateClaudeConfigName,
     getClaudeModelCatalogForBaseUrl,
+    isLikelyBuiltinClaudeProxySettingsEnv,
+    matchBuiltinClaudeProxyConfigFromSettings,
     matchClaudeConfigFromSettings,
     normalizeClaudeConfig,
     normalizeClaudeSettingsEnv,
@@ -241,6 +243,14 @@ export function createStartupClaudeMethods(options = {}) {
             return matchClaudeConfigFromSettings(this.claudeConfigs, env);
         },
 
+        matchBuiltinClaudeProxyConfigFromSettings(env) {
+            return matchBuiltinClaudeProxyConfigFromSettings(this.claudeConfigs, env, this.currentClaudeConfig);
+        },
+
+        shouldSuppressClaudeSettingsImport(env) {
+            return isLikelyBuiltinClaudeProxySettingsEnv(env);
+        },
+
         findDuplicateClaudeConfigName(config) {
             return findDuplicateClaudeConfigName(this.claudeConfigs, config);
         },
@@ -256,7 +266,8 @@ export function createStartupClaudeMethods(options = {}) {
                 baseUrl: next.baseUrl,
                 model: next.model || previous.model || 'glm-4.7',
                 hasKey: !!(next.apiKey || externalCredentialType),
-                externalCredentialType
+                externalCredentialType,
+                targetApi: next.targetApi || previous.targetApi || 'responses'
             };
         },
 
@@ -332,7 +343,8 @@ export function createStartupClaudeMethods(options = {}) {
                         }
                         return;
                     }
-                    const matchName = this.matchClaudeConfigFromSettings((res && res.env) || {});
+                    const settingsEnv = (res && res.env) || {};
+                    const matchName = this.matchClaudeConfigFromSettings(settingsEnv);
                     if (matchName) {
                         if (this.currentClaudeConfig !== matchName) {
                             this.currentClaudeConfig = matchName;
@@ -341,7 +353,18 @@ export function createStartupClaudeMethods(options = {}) {
                         this.refreshClaudeModelContext({ silentError: silentModelError });
                         return;
                     }
-                    const importedName = this.ensureClaudeConfigFromSettings((res && res.env) || {});
+                    const builtinProxyMatch = this.matchBuiltinClaudeProxyConfigFromSettings(settingsEnv);
+                    if (builtinProxyMatch) {
+                        if (this.currentClaudeConfig !== builtinProxyMatch) {
+                            this.currentClaudeConfig = builtinProxyMatch;
+                            try { localStorage.setItem('currentClaudeConfig', builtinProxyMatch); } catch (_) {}
+                        }
+                        this.refreshClaudeModelContext({ silentError: silentModelError });
+                        return;
+                    }
+                    const importedName = this.shouldSuppressClaudeSettingsImport(settingsEnv)
+                        ? ''
+                        : this.ensureClaudeConfigFromSettings(settingsEnv);
                     if (importedName) {
                         if (this.currentClaudeConfig !== importedName) {
                             this.currentClaudeConfig = importedName;