codexmate 0.0.19 → 0.0.20

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

@@ -0,0 +1,406 @@
+import {
+    findDuplicateClaudeConfigName,
+    matchClaudeConfigFromSettings,
+    normalizeClaudeConfig,
+    normalizeClaudeSettingsEnv,
+    normalizeClaudeValue
+} from '../logic.mjs';
+
+export function createStartupClaudeMethods(options = {}) {
+    const {
+        api,
+        defaultModelContextWindow = 190000,
+        defaultModelAutoCompactTokenLimit = 185000
+    } = options;
+
+    return {
+        async loadAll(options = {}) {
+            const preserveLoading = !!options.preserveLoading;
+            let startupOk = false;
+            if (!preserveLoading) {
+                this.loading = true;
+            }
+            this.initError = '';
+            try {
+                const [statusRes, listRes] = await Promise.all([api('status'), api('list')]);
+
+                if (statusRes.error || (listRes && listRes.error)) {
+                    this.initError = statusRes.error || listRes.error;
+                } else {
+                    startupOk = true;
+                    this.currentProvider = statusRes.provider;
+                    this.currentModel = statusRes.model;
+                    {
+                        const tier = typeof statusRes.serviceTier === 'string'
+                            ? statusRes.serviceTier.trim().toLowerCase()
+                            : '';
+                        this.serviceTier = tier === 'fast' ? 'fast' : (tier ? 'standard' : 'fast');
+                    }
+                    {
+                        const effort = typeof statusRes.modelReasoningEffort === 'string'
+                            ? statusRes.modelReasoningEffort.trim().toLowerCase()
+                            : '';
+                        const allowedReasoningEfforts = new Set(['low', 'medium', 'high', 'xhigh']);
+                        this.modelReasoningEffort = allowedReasoningEfforts.has(effort) ? effort : 'medium';
+                    }
+                    {
+                        const contextWindow = this.normalizePositiveIntegerInput(
+                            statusRes.modelContextWindow,
+                            'model_context_window',
+                            defaultModelContextWindow
+                        );
+                        if (this.editingCodexBudgetField !== 'modelContextWindowInput') {
+                            this.modelContextWindowInput = contextWindow.ok && contextWindow.text
+                                ? contextWindow.text
+                                : String(defaultModelContextWindow);
+                        }
+                    }
+                    {
+                        const autoCompactTokenLimit = this.normalizePositiveIntegerInput(
+                            statusRes.modelAutoCompactTokenLimit,
+                            'model_auto_compact_token_limit',
+                            defaultModelAutoCompactTokenLimit
+                        );
+                        if (this.editingCodexBudgetField !== 'modelAutoCompactTokenLimitInput') {
+                            this.modelAutoCompactTokenLimitInput = autoCompactTokenLimit.ok && autoCompactTokenLimit.text
+                                ? autoCompactTokenLimit.text
+                                : String(defaultModelAutoCompactTokenLimit);
+                        }
+                    }
+                    this.providersList = listRes.providers;
+                    if (statusRes.configReady === false) {
+                        this.showMessage('配置已加载', 'info');
+                    }
+                    if (statusRes.initNotice) {
+                        this.showMessage('配置就绪', 'info');
+                    }
+                    this.maybeShowStarPrompt();
+                }
+            } catch (e) {
+                this.initError = '连接失败: ' + e.message;
+            } finally {
+                if (!preserveLoading) {
+                    this.loading = false;
+                }
+            }
+
+            if (startupOk) {
+                try {
+                    await this.loadModelsForProvider(this.currentProvider);
+                } catch (_) {}
+            }
+
+            try {
+                await this.loadCodexAuthProfiles();
+            } catch (_) {}
+        },
+
+        async loadModelsForProvider(providerName, options = {}) {
+            const silentError = !!options.silentError;
+            const targetProvider = typeof providerName === 'string' ? providerName.trim() : '';
+            const requestSeq = (Number(this.codexModelsRequestSeq) || 0) + 1;
+            this.codexModelsRequestSeq = requestSeq;
+            this.codexModelsLoading = true;
+            if (!targetProvider) {
+                this.models = [];
+                this.modelsSource = 'unlimited';
+                this.modelsHasCurrent = true;
+                this.codexModelsLoading = false;
+                return;
+            }
+            const isLatestRequest = () => {
+                const currentProvider = typeof this.currentProvider === 'string' ? this.currentProvider.trim() : '';
+                return requestSeq === Number(this.codexModelsRequestSeq || 0)
+                    && (!currentProvider || currentProvider === targetProvider);
+            };
+            try {
+                const res = await api('models', { provider: targetProvider });
+                if (!isLatestRequest()) {
+                    return;
+                }
+                if (res.unlimited) {
+                    this.models = [];
+                    this.modelsSource = 'unlimited';
+                    this.modelsHasCurrent = true;
+                    return;
+                }
+                if (res.error) {
+                    if (!silentError) {
+                        this.showMessage('获取模型列表失败', 'error');
+                    }
+                    this.models = [];
+                    this.modelsSource = 'error';
+                    this.modelsHasCurrent = true;
+                    return;
+                }
+                const list = Array.isArray(res.models) ? res.models : [];
+                this.models = list;
+                this.modelsSource = res.source || 'remote';
+                this.modelsHasCurrent = !!this.currentModel && list.includes(this.currentModel);
+            } catch (_) {
+                if (!isLatestRequest()) {
+                    return;
+                }
+                if (!silentError) {
+                    this.showMessage('获取模型列表失败', 'error');
+                }
+                this.models = [];
+                this.modelsSource = 'error';
+                this.modelsHasCurrent = true;
+            } finally {
+                if (requestSeq === Number(this.codexModelsRequestSeq || 0)) {
+                    this.codexModelsLoading = false;
+                }
+            }
+        },
+
+        getCurrentClaudeConfig() {
+            if (!this.currentClaudeConfig) return null;
+            return this.claudeConfigs[this.currentClaudeConfig] || null;
+        },
+
+        normalizeClaudeValue,
+
+        normalizeClaudeConfig(config) {
+            return normalizeClaudeConfig(config);
+        },
+
+        normalizeClaudeSettingsEnv(env) {
+            return normalizeClaudeSettingsEnv(env);
+        },
+
+        matchClaudeConfigFromSettings(env) {
+            return matchClaudeConfigFromSettings(this.claudeConfigs, env);
+        },
+
+        findDuplicateClaudeConfigName(config) {
+            return findDuplicateClaudeConfigName(this.claudeConfigs, config);
+        },
+
+        mergeClaudeConfig(existing = {}, updates = {}) {
+            const previous = this.normalizeClaudeConfig(existing);
+            const next = this.normalizeClaudeConfig({ ...existing, ...updates });
+            const externalCredentialType = next.apiKey
+                ? ''
+                : (next.externalCredentialType || previous.externalCredentialType || '');
+            return {
+                apiKey: next.apiKey,
+                baseUrl: next.baseUrl,
+                model: next.model || previous.model || 'glm-4.7',
+                hasKey: !!(next.apiKey || externalCredentialType),
+                externalCredentialType
+            };
+        },
+
+        buildClaudeImportedConfigName(baseUrl) {
+            const normalizedUrl = typeof baseUrl === 'string' ? baseUrl.trim() : '';
+            if (!normalizedUrl) return '导入配置';
+            try {
+                const parsed = new URL(normalizedUrl);
+                const host = typeof parsed.host === 'string' ? parsed.host.trim() : '';
+                if (host) return `导入-${host}`;
+            } catch (_) {}
+            return '导入配置';
+        },
+
+        ensureClaudeConfigFromSettings(env = {}) {
+            const normalized = this.normalizeClaudeSettingsEnv(env);
+            const hasCredential = !!(normalized.apiKey || normalized.authToken || normalized.useKey);
+            if (!normalized.baseUrl || !hasCredential) return '';
+
+            const duplicateName = this.findDuplicateClaudeConfigName(normalized);
+            if (duplicateName) return duplicateName;
+
+            const preferredName = this.buildClaudeImportedConfigName(normalized.baseUrl);
+            let candidateName = preferredName;
+            let suffix = 2;
+            const maxAttempts = 1000;
+            while (this.claudeConfigs[candidateName] && suffix <= maxAttempts) {
+                candidateName = `${preferredName}-${suffix}`;
+                suffix += 1;
+            }
+            if (this.claudeConfigs[candidateName]) {
+                return '';
+            }
+
+            this.claudeConfigs[candidateName] = this.mergeClaudeConfig({}, normalized);
+            this.saveClaudeConfigs();
+            return candidateName;
+        },
+
+        async refreshClaudeSelectionFromSettings(options = {}) {
+            const silent = !!options.silent;
+            const silentModelError = !!options.silentModelError || silent;
+            try {
+                const res = await api('get-claude-settings');
+                if (res && res.error) {
+                    if (!silent) {
+                        this.showMessage('读取配置失败', 'error');
+                    }
+                    return;
+                }
+                const matchName = this.matchClaudeConfigFromSettings((res && res.env) || {});
+                if (matchName) {
+                    if (this.currentClaudeConfig !== matchName) {
+                        this.currentClaudeConfig = matchName;
+                    }
+                    this.refreshClaudeModelContext({ silentError: silentModelError });
+                    return;
+                }
+                const importedName = this.ensureClaudeConfigFromSettings((res && res.env) || {});
+                if (importedName) {
+                    if (this.currentClaudeConfig !== importedName) {
+                        this.currentClaudeConfig = importedName;
+                    }
+                    this.refreshClaudeModelContext({ silentError: silentModelError });
+                    if (!silent) {
+                        this.showMessage(`检测到外部 Claude 配置，已自动导入：${importedName}`, 'success');
+                    }
+                    return;
+                }
+                this.currentClaudeConfig = '';
+                this.currentClaudeModel = '';
+                this.resetClaudeModelsState();
+                if (!silent) {
+                    const tip = res && res.exists
+                        ? '当前 Claude settings.json 与本地配置不匹配，已取消选中'
+                        : '未检测到 Claude settings.json，已取消选中';
+                    this.showMessage(tip, 'info');
+                }
+            } catch (_) {
+                if (!silent) {
+                    this.showMessage('读取配置失败', 'error');
+                }
+            }
+        },
+
+        syncClaudeModelFromConfig() {
+            const config = this.getCurrentClaudeConfig();
+            this.currentClaudeModel = config && config.model ? config.model : '';
+        },
+
+        refreshClaudeModelContext(options = {}) {
+            this.syncClaudeModelFromConfig();
+            return this.loadClaudeModels(options);
+        },
+
+        resetClaudeModelsState() {
+            this.claudeModels = [];
+            this.claudeModelsSource = 'idle';
+            this.claudeModelsHasCurrent = true;
+            this.claudeModelsLoading = false;
+        },
+
+        updateClaudeModelsCurrent() {
+            const currentModel = (this.currentClaudeModel || '').trim();
+            this.claudeModelsHasCurrent = !!currentModel && this.claudeModels.includes(currentModel);
+        },
+
+        async loadClaudeModels(options = {}) {
+            const silentError = !!options.silentError;
+            const config = this.getCurrentClaudeConfig();
+            const requestSeq = (Number(this.claudeModelsRequestSeq) || 0) + 1;
+            this.claudeModelsRequestSeq = requestSeq;
+            if (!config) {
+                this.resetClaudeModelsState();
+                return;
+            }
+            const currentConfigName = typeof this.currentClaudeConfig === 'string' ? this.currentClaudeConfig.trim() : '';
+            const baseUrl = (config.baseUrl || '').trim();
+            const apiKey = (config.apiKey || '').trim();
+            const externalCredentialType = typeof config.externalCredentialType === 'string'
+                ? config.externalCredentialType.trim()
+                : '';
+
+            if (!baseUrl) {
+                this.resetClaudeModelsState();
+                return;
+            }
+            if (!apiKey && externalCredentialType) {
+                this.claudeModels = [];
+                this.claudeModelsSource = 'unlimited';
+                this.claudeModelsHasCurrent = true;
+                this.claudeModelsLoading = false;
+                return;
+            }
+
+            this.claudeModelsLoading = true;
+            const isLatestRequest = () => {
+                if (requestSeq !== Number(this.claudeModelsRequestSeq || 0)) {
+                    return false;
+                }
+                const liveConfigName = typeof this.currentClaudeConfig === 'string' ? this.currentClaudeConfig.trim() : '';
+                if (currentConfigName && liveConfigName && liveConfigName !== currentConfigName) {
+                    return false;
+                }
+                const latestConfig = this.getCurrentClaudeConfig();
+                if (!latestConfig) {
+                    return false;
+                }
+                return (latestConfig.baseUrl || '').trim() === baseUrl
+                    && (latestConfig.apiKey || '').trim() === apiKey
+                    && (typeof latestConfig.externalCredentialType === 'string' ? latestConfig.externalCredentialType.trim() : '') === externalCredentialType;
+            };
+            try {
+                const res = await api('models-by-url', { baseUrl, apiKey });
+                if (!isLatestRequest()) {
+                    return;
+                }
+                if (res.unlimited) {
+                    this.claudeModels = [];
+                    this.claudeModelsSource = 'unlimited';
+                    this.claudeModelsHasCurrent = true;
+                    return;
+                }
+                if (res.error) {
+                    if (!silentError) {
+                        this.showMessage('获取模型列表失败', 'error');
+                    }
+                    this.claudeModels = [];
+                    this.claudeModelsSource = 'error';
+                    this.claudeModelsHasCurrent = true;
+                    return;
+                }
+                const list = Array.isArray(res.models) ? res.models : [];
+                this.claudeModels = list;
+                this.claudeModelsSource = res.source || 'remote';
+                this.updateClaudeModelsCurrent();
+            } catch (_) {
+                if (!isLatestRequest()) {
+                    return;
+                }
+                if (!silentError) {
+                    this.showMessage('获取模型列表失败', 'error');
+                }
+                this.claudeModels = [];
+                this.claudeModelsSource = 'error';
+                this.claudeModelsHasCurrent = true;
+            } finally {
+                if (requestSeq === Number(this.claudeModelsRequestSeq || 0)) {
+                    this.claudeModelsLoading = false;
+                }
+            }
+        },
+
+        openClaudeConfigModal() {
+            this.showClaudeConfigModal = true;
+        },
+
+        maybeShowStarPrompt() {
+            const storageKey = 'codexmateStarPrompted';
+            let shown = false;
+            try {
+                if (localStorage.getItem(storageKey)) {
+                    return;
+                }
+                this.showMessage('欢迎到 GitHub 点 Star', 'info');
+                shown = true;
+                localStorage.setItem(storageKey, '1');
+            } catch (_) {
+                if (!shown) {
+                    this.showMessage('欢迎到 GitHub 点 Star', 'info');
+                }
+            }
+        }
+    };
+}

package/web-ui/partials/index/layout-footer.html

@@ -0,0 +1,69 @@
+            <!-- 加载状态 -->
+            <div v-if="loading" class="state-message">
+                加载配置中...
+            </div>
+
+            <div v-else-if="initError" class="state-message error">
+                <!-- 错误状态 -->
+                {{ initError }}
+            </div>
+        </div>
+
+            </main>
+            <aside class="status-inspector" v-if="!sessionStandalone" aria-label="当前状态检查器">
+                <div class="inspector-head">
+                    <div class="inspector-title">当前状态</div>
+                    <div class="inspector-subtitle">固定可见 · 实时同步</div>
+                </div>
+
+                <section class="inspector-group" aria-label="当前上下文">
+                    <div class="inspector-group-title">当前上下文</div>
+                    <div class="inspector-kv">
+                        <span class="key">主标签</span>
+                        <span class="value">{{ inspectorMainTabLabel }}</span>
+                        <span class="key">配置模式</span>
+                        <span class="value">{{ inspectorConfigModeLabel }}</span>
+                        <span class="key">当前配置</span>
+                        <span class="value">{{ inspectorCurrentConfigLabel }}</span>
+                        <span class="key">当前模型</span>
+                        <span class="value">{{ inspectorCurrentModelLabel }}</span>
+                    </div>
+                </section>
+
+                <section class="inspector-group" aria-label="生效与一致性">
+                    <div class="inspector-group-title">生效与一致性</div>
+                    <div class="inspector-kv">
+                        <span class="key">模板状态</span>
+                        <span class="value">{{ inspectorTemplateStatus }}</span>
+                        <span class="key">运行状态</span>
+                        <span class="value">{{ inspectorBusyStatus }}</span>
+                        <span class="key">最近提示</span>
+                        <span class="value">{{ inspectorMessageSummary }}</span>
+                    </div>
+                </section>
+
+                <section class="inspector-group" aria-label="会话摘要">
+                    <div class="inspector-group-title">会话摘要</div>
+                    <div class="inspector-kv">
+                        <span class="key">当前来源</span>
+                        <span class="value">{{ inspectorSessionSourceLabel }}</span>
+                        <span class="key">路径过滤</span>
+                        <span class="value">{{ inspectorSessionPathLabel }}</span>
+                        <span class="key">检索条件</span>
+                        <span class="value">{{ inspectorSessionQueryLabel }}</span>
+                        <span class="key">结果数量</span>
+                        <span class="value">{{ sessionsList.length }}</span>
+                    </div>
+                </section>
+
+                <section class="inspector-group" aria-label="健康提示">
+                    <div class="inspector-group-title">健康提示</div>
+                    <div class="inspector-kv">
+                        <span class="key">配置读取</span>
+                        <span :class="['value', 'tone-' + inspectorHealthTone]">{{ inspectorHealthStatus }}</span>
+                        <span class="key">模型加载</span>
+                        <span class="value">{{ inspectorModelLoadStatus }}</span>
+                    </div>
+                </section>
+            </aside>
+        </div>