codexmate 0.0.20 → 0.0.22

package/web-ui/app.js

@@ -6,6 +6,7 @@ import {
 } from './modules/app.constants.mjs';
 import { createAppComputed } from './modules/app.computed.index.mjs';
 import { createAppMethods } from './modules/app.methods.index.mjs';
+import { loadConfigTemplateDiffConfirmEnabledFromStorage } from './modules/config-template-confirm-pref.mjs';
 
 document.addEventListener('DOMContentLoaded', () => {
     if (typeof Vue === 'undefined') {
@@ -28,7 +29,9 @@ document.addEventListener('DOMContentLoaded', () => {
     const app = createApp({
         data() {
             return {
-                mainTab: 'config',
+                lang: 'zh',
+                // 默认选中首个主标签：Docs
+                mainTab: 'docs',
                 configMode: 'codex',
                 currentProvider: '',
                 currentModel: '',
@@ -63,7 +66,24 @@ document.addEventListener('DOMContentLoaded', () => {
                 showHealthCheckDialog: false,
                 showAgentsModal: false,
                 showSkillsModal: false,
-                showInstallModal: false,
+                // Plugins
+                pluginsActiveId: 'prompt-templates',
+                pluginsLoading: false,
+                promptTemplatesListRaw: [],
+                promptTemplatesLoadedOnce: false,
+                promptTemplatesKeyword: '',
+                promptTemplateSelectedId: '',
+                promptTemplateDraftRaw: null,
+                promptTemplateVarValuesRaw: {},
+                promptTemplatesMode: 'compose',
+                promptComposerCommand: '',
+                promptComposerPickerVisible: false,
+                promptComposerPickerKeyword: '',
+                promptComposerSelectedTemplateId: '',
+                promptComposerVarValuesRaw: {},
+                showPromptTemplateVarModal: false,
+                promptTemplateVarDraftName: '',
+                promptTemplateVarDraftError: '',
                 showConfirmDialog: false,
                 confirmDialogTitle: '',
                 confirmDialogMessage: '',
@@ -75,10 +95,24 @@ document.addEventListener('DOMContentLoaded', () => {
                 confirmDialogResolver: null,
                 configTemplateContent: '',
                 configTemplateApplying: false,
+                configTemplateDiffVisible: false,
+                configTemplateDiffLoading: false,
+                configTemplateDiffError: '',
+                configTemplateDiffLines: [],
+                configTemplateDiffStats: {
+                    added: 0,
+                    removed: 0,
+                    unchanged: 0
+                },
+                configTemplateDiffHasChangesValue: false,
+                configTemplateDiffFingerprint: '',
+                _configTemplateDiffPreviewRequestToken: null,
+                configTemplateDiffConfirmEnabled: true,
                 codexApplying: false,
                 _pendingCodexApplyOptions: null,
                 agentsContent: '',
                 agentsPath: '',
+                agentsPath: '',
                 agentsExists: false,
                 agentsLineEnding: '\n',
                 agentsLoading: false,
@@ -117,8 +151,18 @@ document.addEventListener('DOMContentLoaded', () => {
                 skillsMarketLocalLoadedOnce: false,
                 skillsMarketImportLoadedOnce: false,
                 sessionPinnedMap: {},
+                __mainTabSwitchState: {
+                    intent: '',
+                    pendingTarget: '',
+                    pendingConfigMode: '',
+                    ticket: 0
+                },
                 sessionsViewMode: 'browser',
                 sessionsUsageTimeRange: '7d',
+                sessionsUsageList: [],
+                sessionsUsageLoadedOnce: false,
+                sessionsUsageLoading: false,
+                sessionsUsageError: '',
                 sessionsList: [],
                 sessionsLoadedOnce: false,
                 sessionsLoading: false,
@@ -172,6 +216,9 @@ document.addEventListener('DOMContentLoaded', () => {
                 sessionPreviewHeaderEl: null,
                 sessionPreviewHeaderResizeObserver: null,
                 sessionListRenderEnabled: false,
+                sessionListVisibleCount: 0,
+                sessionListInitialBatchSize: 20,
+                sessionListLoadStep: 40,
                 sessionPreviewRenderEnabled: false,
                 sessionTabRenderTicket: 0,
                 sessionPreviewVisibleCount: 0,
@@ -192,12 +239,13 @@ document.addEventListener('DOMContentLoaded', () => {
                 claudeSpeedLoading: {},
                 claudeShareLoading: {},
                 providerShareLoading: {},
+                shareCommandPrefix: 'npm start',
                 providerSwitchInProgress: false,
                 pendingProviderSwitch: '',
                 providerSwitchDisplayTarget: '',
                 healthCheckDialogLockedProvider: '',
                 healthCheckDialogSelectedProvider: '',
-                healthCheckDialogPrompt: '请简短回复：当前提供商连接正常。',
+                healthCheckDialogPrompt: '请简短回复：连接正常。',
                 healthCheckDialogMessages: [],
                 healthCheckDialogSending: false,
                 healthCheckDialogLastResult: null,
@@ -227,7 +275,7 @@ document.addEventListener('DOMContentLoaded', () => {
                         error: ''
                     }
                 ],
-                newProvider: { name: '', url: '', key: '' },
+                newProvider: { name: '', url: '', key: '', useTransform: false },
                 resetConfigLoading: false,
                 editingProvider: { name: '', url: '', key: '', readOnly: false, nonEditable: false },
                 newModelName: '',
@@ -259,6 +307,8 @@ document.addEventListener('DOMContentLoaded', () => {
                 openclawConfigPath: '',
                 openclawConfigExists: false,
                 openclawLineEnding: '\n',
+                openclawAuthProfilesByProvider: {},
+                openclawPendingAuthProfileUpdates: {},
                 openclawFileLoading: false,
                 openclawSaving: false,
                 openclawApplying: false,
@@ -279,7 +329,16 @@ document.addEventListener('DOMContentLoaded', () => {
                 openclawQuick: {
                     providerName: '',
                     baseUrl: '',
+                    baseUrlReadOnly: false,
+                    baseUrlDisplayKind: 'missing',
                     apiKey: '',
+                    apiKeyReadOnly: false,
+                    apiKeyDisplayKind: 'missing',
+                    apiKeySourceKind: '',
+                    apiKeySourceProfileId: '',
+                    apiKeySourceWriteField: '',
+                    apiKeySourceOriginalValue: '',
+                    apiKeySourceCredentialType: '',
                     apiType: 'openai-responses',
                     modelId: '',
                     modelName: '',
@@ -303,6 +362,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 codexDownloadProgress: 0,
                 codexDownloadTimer: null,
                 settingsTab: 'backup',
+                sessionTrashEnabled: true,
                 sessionTrashItems: [],
                 sessionTrashVisibleCount: SESSION_TRASH_PAGE_SIZE,
                 sessionTrashTotalCount: 0,
@@ -321,13 +381,60 @@ document.addEventListener('DOMContentLoaded', () => {
                 claudeImportLoading: false,
                 codexImportLoading: false,
                 codexAuthProfiles: [],
-                forceCompactLayout: false
+                forceCompactLayout: false,
+                taskOrchestrationTabEnabled: false,
+                taskOrchestration: {
+                    loading: false,
+                    planning: false,
+                    running: false,
+                    queueAdding: false,
+                    queueStarting: false,
+                    retrying: false,
+                    target: '',
+                    title: '',
+                    notes: '',
+                    followUpsText: '',
+                    workflowIdsText: '',
+                    selectedEngine: 'codex',
+                    allowWrite: false,
+                    dryRun: false,
+                    concurrency: 2,
+                    autoFixRounds: 1,
+                    plan: null,
+                    planIssues: [],
+                    planWarnings: [],
+                    overviewWarnings: [],
+                    workflows: [],
+                    queue: [],
+                    runs: [],
+                    selectedRunId: '',
+                    workspaceTab: 'queue',
+                    selectedRunDetail: null,
+                    selectedRunLoading: false,
+                    selectedRunError: '',
+                    detailRequestToken: 0,
+                    lastLoadedAt: '',
+                    lastError: ''
+                },
+                _taskOrchestrationPollTimer: 0
             };
         },
 
         mounted() {
+            if (typeof this.initI18n === 'function') {
+                this.initI18n();
+            }
+            if (typeof this.t === 'function') {
+                this.confirmDialogConfirmText = this.t('confirm.ok');
+                this.confirmDialogCancelText = this.t('confirm.cancel');
+                this.agentsModalTitle = this.t('modal.agents.title');
+                this.agentsModalHint = this.t('modal.agents.hint');
+            }
             this.initSessionStandalone();
             this.updateCompactLayoutMode();
+            if (!this.taskOrchestrationTabEnabled && this.mainTab === 'orchestration') {
+                this.mainTab = 'config';
+            }
             const savedSessionYolo = localStorage.getItem('codexmateSessionResumeYolo');
             if (savedSessionYolo === '0' || savedSessionYolo === 'false') {
                 this.sessionResumeWithYolo = false;
@@ -336,6 +443,9 @@ document.addEventListener('DOMContentLoaded', () => {
             }
             this.restoreSessionFilterCache();
             this.restoreSessionPinnedMap();
+            this.shareCommandPrefix = this.normalizeShareCommandPrefix(localStorage.getItem('codexmateShareCommandPrefix'));
+            this.sessionTrashEnabled = this.normalizeSessionTrashEnabled(localStorage.getItem('codexmateSessionTrashEnabled'));
+            this.configTemplateDiffConfirmEnabled = loadConfigTemplateDiffConfirmEnabledFromStorage(localStorage);
             window.addEventListener('resize', this.onWindowResize);
             window.addEventListener('keydown', this.handleGlobalKeydown);
             window.addEventListener('beforeunload', this.handleBeforeUnload);
@@ -354,35 +464,103 @@ document.addEventListener('DOMContentLoaded', () => {
                     console.error('加载 Claude 配置失败:', e);
                 }
             }
-            void this.refreshClaudeSelectionFromSettings({ silent: true });
+            const normalizeOpenclawConfigs = (configs) => {
+                const source = configs && typeof configs === 'object' && !Array.isArray(configs)
+                    ? configs
+                    : {};
+                const defaultEntry = source['默认配置']
+                    && typeof source['默认配置'] === 'object'
+                    && !Array.isArray(source['默认配置'])
+                        ? source['默认配置']
+                        : { content: DEFAULT_OPENCLAW_TEMPLATE };
+                const normalized = {
+                    '默认配置': {
+                        content: typeof defaultEntry.content === 'string' ? defaultEntry.content : DEFAULT_OPENCLAW_TEMPLATE
+                    }
+                };
+                for (const [name, value] of Object.entries(source)) {
+                    if (name === '默认配置') continue;
+                    normalized[name] = value;
+                }
+                return normalized;
+            };
             const savedOpenclawConfigs = localStorage.getItem('openclawConfigs');
             if (savedOpenclawConfigs) {
                 try {
-                    this.openclawConfigs = JSON.parse(savedOpenclawConfigs);
-                    const configNames = Object.keys(this.openclawConfigs);
-                    if (configNames.length > 0) {
-                        this.currentOpenclawConfig = configNames[0];
-                    }
+                    this.openclawConfigs = normalizeOpenclawConfigs(JSON.parse(savedOpenclawConfigs));
                 } catch (e) {
                     console.error('加载 OpenClaw 配置失败:', e);
+                    this.openclawConfigs = normalizeOpenclawConfigs(this.openclawConfigs);
                 }
             } else {
-                const configNames = Object.keys(this.openclawConfigs);
-                if (configNames.length > 0) {
-                    this.currentOpenclawConfig = configNames[0];
+                this.openclawConfigs = normalizeOpenclawConfigs(this.openclawConfigs);
+            }
+            const configNames = Object.keys(this.openclawConfigs);
+            if (configNames.length > 0) {
+                this.currentOpenclawConfig = this.openclawConfigs['默认配置'] ? '默认配置' : configNames[0];
+            }
+            const runInitialLoad = () => {
+                const triggerLoad = async () => {
+                    this._initialLoadTimer = 0;
+                    const startupOk = await this.loadAll();
+                    if (!startupOk) {
+                        return;
+                    }
+                    void this.refreshClaudeSelectionFromSettings({ silent: true });
+                    void this.syncDefaultOpenclawConfigEntry({ silent: true });
+                };
+                if (typeof requestAnimationFrame === 'function') {
+                    this._initialLoadRafId = requestAnimationFrame(() => {
+                        this._initialLoadRafId = 0;
+                        if (typeof setTimeout === 'function') {
+                            this._initialLoadTimer = setTimeout(triggerLoad, 120);
+                            return;
+                        }
+                        triggerLoad();
+                    });
+                    return;
+                }
+                if (typeof setTimeout === 'function') {
+                    this._initialLoadTimer = setTimeout(triggerLoad, 120);
+                    return;
                 }
+                triggerLoad();
+            };
+            if (document.readyState === 'complete') {
+                runInitialLoad();
+            } else {
+                this._initialLoadOnWindowLoad = () => {
+                    if (typeof window !== 'undefined' && typeof window.removeEventListener === 'function') {
+                        window.removeEventListener('load', this._initialLoadOnWindowLoad);
+                    }
+                    this._initialLoadOnWindowLoad = null;
+                    runInitialLoad();
+                };
+                window.addEventListener('load', this._initialLoadOnWindowLoad, { once: true });
             }
-            this.loadAll();
         },
 
         beforeUnmount() {
             this.teardownSessionTabRender();
             this.cancelScheduledSessionTabDeferredTeardown();
             this.disconnectSessionPreviewHeaderResizeObserver();
+            if (this._initialLoadOnWindowLoad) {
+                window.removeEventListener('load', this._initialLoadOnWindowLoad);
+                this._initialLoadOnWindowLoad = null;
+            }
+            if (this._initialLoadRafId) {
+                cancelAnimationFrame(this._initialLoadRafId);
+                this._initialLoadRafId = 0;
+            }
+            if (this._initialLoadTimer) {
+                clearTimeout(this._initialLoadTimer);
+                this._initialLoadTimer = 0;
+            }
             window.removeEventListener('resize', this.onWindowResize);
             window.removeEventListener('keydown', this.handleGlobalKeydown);
             window.removeEventListener('beforeunload', this.handleBeforeUnload);
             this.applyCompactLayoutClass(false);
+            this.stopTaskOrchestrationPolling();
             this.sessionPreviewScrollEl = null;
             this.sessionPreviewContainerEl = null;
             this.sessionPreviewHeaderEl = null;

package/web-ui/index.html

@@ -6,7 +6,7 @@
     <title>Codex Mate</title>
     <link rel="icon" type="image/png" href="/res/logo.png">
     <link rel="apple-touch-icon" href="/res/logo.png">
-    <script src="/res/vue.global.js"></script>
+    <script src="/res/vue.global.prod.js"></script>
     <script src="/res/json5.min.js"></script>
     <link rel="stylesheet" href="/web-ui/styles.css">
 </head>
@@ -16,8 +16,12 @@
     <!-- @include ./partials/index/panel-config-claude.html -->
     <!-- @include ./partials/index/panel-config-openclaw.html -->
     <!-- @include ./partials/index/panel-sessions.html -->
+    <!-- @include ./partials/index/panel-usage.html -->
+    <!-- @include ./partials/index/panel-orchestration.html -->
+    <!-- @include ./partials/index/panel-docs.html -->
     <!-- @include ./partials/index/panel-settings.html -->
     <!-- @include ./partials/index/panel-market.html -->
+    <!-- @include ./partials/index/panel-plugins.html -->
     <!-- @include ./partials/index/layout-footer.html -->
     <!-- @include ./partials/index/modals-basic.html -->
     <!-- @include ./partials/index/modal-health-check.html -->

package/web-ui/logic.agents-diff.mjs

@@ -4,7 +4,7 @@ const LARGE_DIFF_LINE_LIMIT = 3000;
 const LARGE_DIFF_SYNC_LOOKAHEAD = 64;
 
 function measureUtf8ByteLength(input) {
-    const text = typeof input === 'string' ? input : String(input ?? '');
+    const text = typeof input === 'string' ? input : String(input == null ? '' : input);
     if (typeof TextEncoder === 'function') {
         return new TextEncoder().encode(text).length;
     }

package/web-ui/logic.claude.mjs

@@ -1,7 +1,67 @@
+const DEFAULT_CLAUDE_MODEL_CATALOG = Object.freeze([
+    'claude-opus-4-6',
+    'claude-opus-4-1',
+    'claude-opus-4',
+    'claude-sonnet-4-6',
+    'claude-sonnet-4-5',
+    'claude-sonnet-4',
+    'claude-haiku-4-5',
+    'claude-3-7-sonnet',
+    'claude-3-5-sonnet',
+    'claude-3-5-haiku',
+    'claude-3-opus',
+    'claude-3-sonnet',
+    'claude-3-haiku'
+]);
+
+const BIGMODEL_CLAUDE_EXTRA_MODELS = Object.freeze([
+    'glm-3-turbo',
+    'glm-4',
+    'glm-4-0520',
+    'glm-4-plus',
+    'glm-4-air',
+    'glm-4-airx',
+    'glm-4-flash',
+    'glm-4-flashx',
+    'glm-4v',
+    'glm-4v-flash',
+    'glm-4v-plus',
+    'glm-4v-plus-0111',
+    'glm-4.5',
+    'glm-4.5-air',
+    'glm-4.5v',
+    'glm-4.6',
+    'glm-4.6v',
+    'glm-4.7',
+    'glm-4.7-flash',
+    'glm-4.7-flashx',
+    'glm-5',
+    'glm-5-turbo',
+    'glm-5.1',
+    'glm-5v',
+    'glm-5v-turbo',
+    'glm-z1',
+    'glm-z1-air',
+    'glm-coding'
+]);
+
 export function normalizeClaudeValue(value) {
     return typeof value === 'string' ? value.trim() : '';
 }
 
+export function getClaudeModelCatalogForBaseUrl(baseUrl) {
+    const normalized = normalizeClaudeValue(baseUrl).toLowerCase().replace(/\/+$/g, '');
+    const models = [...DEFAULT_CLAUDE_MODEL_CATALOG];
+    if (normalized.includes('bigmodel.cn') && normalized.includes('/anthropic')) {
+        for (const model of BIGMODEL_CLAUDE_EXTRA_MODELS) {
+            if (!models.includes(model)) {
+                models.push(model);
+            }
+        }
+    }
+    return models;
+}
+
 export function normalizeClaudeConfig(config) {
     const safe = config && typeof config === 'object' ? config : {};
     const apiKey = normalizeClaudeValue(safe.apiKey);

package/web-ui/logic.runtime.mjs

@@ -108,16 +108,20 @@ export function shouldForceCompactLayoutMode(options = {}) {
     const coarsePointer = !!options.coarsePointer;
     const noHover = !!options.noHover;
     const isSmallPhysicalScreen = shortEdge > 0 && shortEdge <= 920;
-    const isNarrowViewport = viewportWidth > 0 && viewportWidth <= 960;
+    const isNarrowViewport = viewportWidth > 0 && viewportWidth <= 720;
     const pointerSuggestsTouchOnly = coarsePointer && noHover;
 
-    if (isMobileUa) {
-        return isNarrowViewport || isSmallPhysicalScreen;
-    }
-    if (!pointerSuggestsTouchOnly) {
-        return false;
+    if (viewportWidth > 0) {
+        if (!isNarrowViewport) {
+            return false;
+        }
+        if (isMobileUa) {
+            return true;
+        }
+        return pointerSuggestsTouchOnly && maxTouchPoints > 0;
     }
-    if (maxTouchPoints <= 0) {
+
+    if (!pointerSuggestsTouchOnly || maxTouchPoints <= 0) {
         return false;
     }
     return isSmallPhysicalScreen;