codexmate 0.0.20 → 0.0.21

package/web-ui/modules/config-mode.computed.mjs

@@ -1,124 +1,126 @@
-export const PROVIDER_CONFIG_MODE_META = Object.freeze({
-    codex: Object.freeze({
-        label: 'Codex',
-        modelPlaceholder: '例如: gpt-5.3-codex',
-        statusConfigLabel: 'Codex 提供商',
-        statusModelLabel: 'Codex 模型'
-    })
-});
-
-export const CONFIG_MODE_SET = new Set([
-    ...Object.keys(PROVIDER_CONFIG_MODE_META),
-    'claude',
-    'openclaw'
-]);
-
-export function getProviderConfigModeMeta(mode) {
-    return PROVIDER_CONFIG_MODE_META[mode] || null;
-}
-
-export function createConfigModeComputed() {
-    return {
-        isProviderConfigMode() {
-            return !!getProviderConfigModeMeta(this.configMode);
-        },
-        isCodexConfigMode() {
-            return this.configMode === 'codex';
-        },
-        activeProviderModeMeta() {
-            return getProviderConfigModeMeta(this.configMode) || PROVIDER_CONFIG_MODE_META.codex;
-        },
-        activeProviderModeLabel() {
-            return this.activeProviderModeMeta.label;
-        },
-        activeProviderModelPlaceholder() {
-            return this.activeProviderModeMeta.modelPlaceholder;
-        },
-        activeProviderConfigChipLabel() {
-            return this.activeProviderModeMeta.statusConfigLabel;
-        },
-        activeProviderModelChipLabel() {
-            return this.activeProviderModeMeta.statusModelLabel;
-        },
-        activeProviderBridgeHint() {
-            if (!this.isProviderConfigMode || this.isCodexConfigMode) {
-                return '';
-            }
-            return `${this.activeProviderModeLabel} 当前复用 Codex Provider / Model 管理链路。`;
-        },
-        inspectorMainTabLabel() {
-            if (this.mainTab === 'config') return '配置中心';
-            if (this.mainTab === 'sessions') return '会话浏览';
-            if (this.mainTab === 'market') return '技能市场';
-            if (this.mainTab === 'settings') return '设置';
-            return '未知';
-        },
-        inspectorConfigModeLabel() {
-            if (this.mainTab !== 'config') return '--';
-            const providerMeta = getProviderConfigModeMeta(this.configMode);
-            if (providerMeta) return providerMeta.label;
-            if (this.configMode === 'claude') return 'Claude Code';
-            if (this.configMode === 'openclaw') return 'OpenClaw';
-            return '未选择';
-        },
-        inspectorCurrentConfigLabel() {
-            if (this.mainTab !== 'config') return '--';
-            if (getProviderConfigModeMeta(this.configMode)) {
-                const provider = typeof this.currentProvider === 'string' ? this.currentProvider.trim() : '';
-                return provider || '未选择';
-            }
-            if (this.configMode === 'claude') {
-                const config = typeof this.currentClaudeConfig === 'string' ? this.currentClaudeConfig.trim() : '';
-                return config || '未选择';
-            }
-            if (this.configMode === 'openclaw') {
-                const openclaw = typeof this.currentOpenclawConfig === 'string' ? this.currentOpenclawConfig.trim() : '';
-                return openclaw || '未选择';
-            }
-            return '未选择';
-        },
-        inspectorCurrentModelLabel() {
-            if (this.mainTab !== 'config') return '--';
-            if (getProviderConfigModeMeta(this.configMode)) {
-                const model = typeof this.currentModel === 'string' ? this.currentModel.trim() : '';
-                return model || '未选择';
-            }
-            if (this.configMode === 'claude') {
-                const model = typeof this.currentClaudeModel === 'string' ? this.currentClaudeModel.trim() : '';
-                return model || '未选择';
-            }
-            if (this.configMode === 'openclaw') {
-                const model = this.openclawStructured && typeof this.openclawStructured.agentPrimary === 'string'
-                    ? this.openclawStructured.agentPrimary.trim()
-                    : '';
-                return model || '按配置文件';
-            }
-            return '未选择';
-        },
-        inspectorTemplateStatus() {
-            if (this.mainTab !== 'config') return '--';
-            if (this.configMode === 'codex') {
-                if (this.configTemplateApplying || this.codexApplying) {
-                    return '模板应用中';
-                }
-                return '模板可编辑（手动确认应用）';
-            }
-            if (getProviderConfigModeMeta(this.configMode)) {
-                if (this.codexApplying) {
-                    return 'Provider / Model 应用中';
-                }
-                return '复用 Codex Provider / Model';
-            }
-            if (this.configMode === 'claude') {
-                return '即时写入 Claude settings';
-            }
-            if (this.configMode === 'openclaw') {
-                if (this.openclawApplying || this.openclawSaving) {
-                    return 'OpenClaw 保存/应用中';
-                }
-                return 'JSON5 可保存并应用';
-            }
-            return '未选择';
-        }
-    };
-}
+export const PROVIDER_CONFIG_MODE_META = Object.freeze({
+    codex: Object.freeze({
+        label: 'Codex',
+        modelPlaceholder: '例如: gpt-5.3-codex',
+        statusConfigLabel: 'Codex 提供商',
+        statusModelLabel: 'Codex 模型'
+    })
+});
+
+export const CONFIG_MODE_SET = new Set([
+    ...Object.keys(PROVIDER_CONFIG_MODE_META),
+    'claude',
+    'openclaw'
+]);
+
+export function getProviderConfigModeMeta(mode) {
+    return PROVIDER_CONFIG_MODE_META[mode] || null;
+}
+
+export function createConfigModeComputed() {
+    return {
+        isProviderConfigMode() {
+            return !!getProviderConfigModeMeta(this.configMode);
+        },
+        isCodexConfigMode() {
+            return this.configMode === 'codex';
+        },
+        activeProviderModeMeta() {
+            return getProviderConfigModeMeta(this.configMode) || PROVIDER_CONFIG_MODE_META.codex;
+        },
+        activeProviderModeLabel() {
+            return this.activeProviderModeMeta.label;
+        },
+        activeProviderModelPlaceholder() {
+            return this.activeProviderModeMeta.modelPlaceholder;
+        },
+        activeProviderConfigChipLabel() {
+            return this.activeProviderModeMeta.statusConfigLabel;
+        },
+        activeProviderModelChipLabel() {
+            return this.activeProviderModeMeta.statusModelLabel;
+        },
+        activeProviderBridgeHint() {
+            if (!this.isProviderConfigMode || this.isCodexConfigMode) {
+                return '';
+            }
+            return `${this.activeProviderModeLabel} 当前复用 Codex Provider / Model 管理链路。`;
+        },
+        inspectorMainTabLabel() {
+            if (this.mainTab === 'config') return '配置中心';
+            if (this.mainTab === 'sessions') return '会话浏览';
+            if (this.mainTab === 'usage') return 'Usage';
+            if (this.mainTab === 'market') return '技能市场';
+            if (this.mainTab === 'docs') return '文档';
+            if (this.mainTab === 'settings') return '设置';
+            return '未知';
+        },
+        inspectorConfigModeLabel() {
+            if (this.mainTab !== 'config') return '--';
+            const providerMeta = getProviderConfigModeMeta(this.configMode);
+            if (providerMeta) return providerMeta.label;
+            if (this.configMode === 'claude') return 'Claude Code';
+            if (this.configMode === 'openclaw') return 'OpenClaw';
+            return '未选择';
+        },
+        inspectorCurrentConfigLabel() {
+            if (this.mainTab !== 'config') return '--';
+            if (getProviderConfigModeMeta(this.configMode)) {
+                const provider = typeof this.currentProvider === 'string' ? this.currentProvider.trim() : '';
+                return provider || '未选择';
+            }
+            if (this.configMode === 'claude') {
+                const config = typeof this.currentClaudeConfig === 'string' ? this.currentClaudeConfig.trim() : '';
+                return config || '未选择';
+            }
+            if (this.configMode === 'openclaw') {
+                const openclaw = typeof this.currentOpenclawConfig === 'string' ? this.currentOpenclawConfig.trim() : '';
+                return openclaw || '未选择';
+            }
+            return '未选择';
+        },
+        inspectorCurrentModelLabel() {
+            if (this.mainTab !== 'config') return '--';
+            if (getProviderConfigModeMeta(this.configMode)) {
+                const model = typeof this.currentModel === 'string' ? this.currentModel.trim() : '';
+                return model || '未选择';
+            }
+            if (this.configMode === 'claude') {
+                const model = typeof this.currentClaudeModel === 'string' ? this.currentClaudeModel.trim() : '';
+                return model || '未选择';
+            }
+            if (this.configMode === 'openclaw') {
+                const model = this.openclawStructured && typeof this.openclawStructured.agentPrimary === 'string'
+                    ? this.openclawStructured.agentPrimary.trim()
+                    : '';
+                return model || '按配置文件';
+            }
+            return '未选择';
+        },
+        inspectorTemplateStatus() {
+            if (this.mainTab !== 'config') return '--';
+            if (this.configMode === 'codex') {
+                if (this.configTemplateApplying || this.codexApplying) {
+                    return '模板应用中';
+                }
+                return '模板可编辑（手动确认应用）';
+            }
+            if (getProviderConfigModeMeta(this.configMode)) {
+                if (this.codexApplying) {
+                    return 'Provider / Model 应用中';
+                }
+                return '复用 Codex Provider / Model';
+            }
+            if (this.configMode === 'claude') {
+                return '即时写入 Claude settings';
+            }
+            if (this.configMode === 'openclaw') {
+                if (this.openclawApplying || this.openclawSaving) {
+                    return 'OpenClaw 保存/应用中';
+                }
+                return 'JSON5 可保存并应用';
+            }
+            return '未选择';
+        }
+    };
+}

package/web-ui/modules/skills.computed.mjs

@@ -1,107 +1,107 @@
-export function createSkillsComputed() {
-    return {
-        skillsTargetLabel() {
-            return this.skillsTargetApp === 'claude' ? 'Claude Code' : 'Codex';
-        },
-        skillsDefaultRootPath() {
-            return this.skillsTargetApp === 'claude' ? '~/.claude/skills' : '~/.codex/skills';
-        },
-        filteredSkillsList() {
-            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
-            const keyword = typeof this.skillsKeyword === 'string' ? this.skillsKeyword.trim().toLowerCase() : '';
-            const status = typeof this.skillsStatusFilter === 'string' ? this.skillsStatusFilter : 'all';
-            return list.filter((item) => {
-                const safe = item && typeof item === 'object' ? item : {};
-                const hasSkillFile = !!safe.hasSkillFile;
-                if (status === 'with-skill-file' && !hasSkillFile) return false;
-                if (status === 'missing-skill-file' && hasSkillFile) return false;
-                if (!keyword) return true;
-                const fields = [
-                    safe.name,
-                    safe.displayName,
-                    safe.description,
-                    safe.path
-                ];
-                return fields.some((value) => typeof value === 'string' && value.toLowerCase().includes(keyword));
-            });
-        },
-        skillsSelectableNames() {
-            const list = Array.isArray(this.filteredSkillsList) ? this.filteredSkillsList : [];
-            return list
-                .map((item) => (item && typeof item.name === 'string' ? item.name.trim() : ''))
-                .filter(Boolean);
-        },
-        skillsConfiguredCount() {
-            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
-            return list.filter((item) => !!(item && item.hasSkillFile)).length;
-        },
-        skillsMissingSkillFileCount() {
-            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
-            return list.filter((item) => !(item && item.hasSkillFile)).length;
-        },
-        skillsFilterDirty() {
-            const keyword = typeof this.skillsKeyword === 'string' ? this.skillsKeyword.trim() : '';
-            const status = typeof this.skillsStatusFilter === 'string' ? this.skillsStatusFilter : 'all';
-            return keyword.length > 0 || status !== 'all';
-        },
-        skillsSelectedCount() {
-            const selected = Array.isArray(this.skillsSelectedNames) ? this.skillsSelectedNames : [];
-            return Array.from(new Set(selected.map((item) => String(item || '').trim()).filter(Boolean))).length;
-        },
-        skillsVisibleSelectedCount() {
-            const selectable = this.skillsSelectableNames;
-            const selectedSet = new Set(Array.isArray(this.skillsSelectedNames) ? this.skillsSelectedNames : []);
-            return selectable.filter((name) => selectedSet.has(name)).length;
-        },
-        skillsAllSelected() {
-            const selectable = this.skillsSelectableNames;
-            if (!selectable.length) return false;
-            const selectedSet = new Set(Array.isArray(this.skillsSelectedNames) ? this.skillsSelectedNames : []);
-            return selectable.every((name) => selectedSet.has(name));
-        },
-        skillsImportSelectableKeys() {
-            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
-            return list
-                .map((item) => this.buildSkillImportKey(item))
-                .filter(Boolean);
-        },
-        skillsImportSelectedCount() {
-            const selectable = this.skillsImportSelectableKeys;
-            const selectedSet = new Set(Array.isArray(this.skillsImportSelectedKeys) ? this.skillsImportSelectedKeys : []);
-            return selectable.filter((key) => selectedSet.has(key)).length;
-        },
-        skillsImportAllSelected() {
-            const selectable = this.skillsImportSelectableKeys;
-            if (!selectable.length) return false;
-            const selectedSet = new Set(Array.isArray(this.skillsImportSelectedKeys) ? this.skillsImportSelectedKeys : []);
-            return selectable.every((key) => selectedSet.has(key));
-        },
-        skillsImportConfiguredCount() {
-            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
-            return list.filter((item) => !!(item && item.hasSkillFile)).length;
-        },
-        skillsImportMissingSkillFileCount() {
-            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
-            return list.filter((item) => !(item && item.hasSkillFile)).length;
-        },
-        skillsMarketBusy() {
-            return !!(
-                this.skillsMarketLoading
-                || this.skillsLoading
-                || this.skillsDeleting
-                || this.skillsScanningImports
-                || this.skillsImporting
-                || this.skillsZipImporting
-                || this.skillsExporting
-            );
-        },
-        skillsMarketInstalledPreview() {
-            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
-            return list.slice(0, 6);
-        },
-        skillsMarketImportPreview() {
-            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
-            return list.slice(0, 6);
-        }
-    };
-}
+export function createSkillsComputed() {
+    return {
+        skillsTargetLabel() {
+            return this.skillsTargetApp === 'claude' ? 'Claude Code' : 'Codex';
+        },
+        skillsDefaultRootPath() {
+            return this.skillsTargetApp === 'claude' ? '~/.claude/skills' : '~/.codex/skills';
+        },
+        filteredSkillsList() {
+            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
+            const keyword = typeof this.skillsKeyword === 'string' ? this.skillsKeyword.trim().toLowerCase() : '';
+            const status = typeof this.skillsStatusFilter === 'string' ? this.skillsStatusFilter : 'all';
+            return list.filter((item) => {
+                const safe = item && typeof item === 'object' ? item : {};
+                const hasSkillFile = !!safe.hasSkillFile;
+                if (status === 'with-skill-file' && !hasSkillFile) return false;
+                if (status === 'missing-skill-file' && hasSkillFile) return false;
+                if (!keyword) return true;
+                const fields = [
+                    safe.name,
+                    safe.displayName,
+                    safe.description,
+                    safe.path
+                ];
+                return fields.some((value) => typeof value === 'string' && value.toLowerCase().includes(keyword));
+            });
+        },
+        skillsSelectableNames() {
+            const list = Array.isArray(this.filteredSkillsList) ? this.filteredSkillsList : [];
+            return list
+                .map((item) => (item && typeof item.name === 'string' ? item.name.trim() : ''))
+                .filter(Boolean);
+        },
+        skillsConfiguredCount() {
+            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
+            return list.filter((item) => !!(item && item.hasSkillFile)).length;
+        },
+        skillsMissingSkillFileCount() {
+            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
+            return list.filter((item) => !(item && item.hasSkillFile)).length;
+        },
+        skillsFilterDirty() {
+            const keyword = typeof this.skillsKeyword === 'string' ? this.skillsKeyword.trim() : '';
+            const status = typeof this.skillsStatusFilter === 'string' ? this.skillsStatusFilter : 'all';
+            return keyword.length > 0 || status !== 'all';
+        },
+        skillsSelectedCount() {
+            const selected = Array.isArray(this.skillsSelectedNames) ? this.skillsSelectedNames : [];
+            return Array.from(new Set(selected.map((item) => String(item || '').trim()).filter(Boolean))).length;
+        },
+        skillsVisibleSelectedCount() {
+            const selectable = this.skillsSelectableNames;
+            const selectedSet = new Set(Array.isArray(this.skillsSelectedNames) ? this.skillsSelectedNames : []);
+            return selectable.filter((name) => selectedSet.has(name)).length;
+        },
+        skillsAllSelected() {
+            const selectable = this.skillsSelectableNames;
+            if (!selectable.length) return false;
+            const selectedSet = new Set(Array.isArray(this.skillsSelectedNames) ? this.skillsSelectedNames : []);
+            return selectable.every((name) => selectedSet.has(name));
+        },
+        skillsImportSelectableKeys() {
+            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
+            return list
+                .map((item) => this.buildSkillImportKey(item))
+                .filter(Boolean);
+        },
+        skillsImportSelectedCount() {
+            const selectable = this.skillsImportSelectableKeys;
+            const selectedSet = new Set(Array.isArray(this.skillsImportSelectedKeys) ? this.skillsImportSelectedKeys : []);
+            return selectable.filter((key) => selectedSet.has(key)).length;
+        },
+        skillsImportAllSelected() {
+            const selectable = this.skillsImportSelectableKeys;
+            if (!selectable.length) return false;
+            const selectedSet = new Set(Array.isArray(this.skillsImportSelectedKeys) ? this.skillsImportSelectedKeys : []);
+            return selectable.every((key) => selectedSet.has(key));
+        },
+        skillsImportConfiguredCount() {
+            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
+            return list.filter((item) => !!(item && item.hasSkillFile)).length;
+        },
+        skillsImportMissingSkillFileCount() {
+            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
+            return list.filter((item) => !(item && item.hasSkillFile)).length;
+        },
+        skillsMarketBusy() {
+            return !!(
+                this.skillsMarketLoading
+                || this.skillsLoading
+                || this.skillsDeleting
+                || this.skillsScanningImports
+                || this.skillsImporting
+                || this.skillsZipImporting
+                || this.skillsExporting
+            );
+        },
+        skillsMarketInstalledPreview() {
+            const list = Array.isArray(this.skillsList) ? this.skillsList : [];
+            return list.slice(0, 6);
+        },
+        skillsMarketImportPreview() {
+            const list = Array.isArray(this.skillsImportList) ? this.skillsImportList : [];
+            return list.slice(0, 6);
+        }
+    };
+}