codexmate 0.0.18 → 0.0.20

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

@@ -1,11 +1,98 @@
-export function createSkillsMethods({ api }) {
+function createUnsupportedSkillsTargetAppError(app) {
+    return new Error(`Unsupported skills target app: ${String(app)}`);
+}
+
+function showUnsupportedSkillsTargetMessage(vm, app) {
+    vm.showMessage(`不支持的 Skills 安装目标：${String(app)}`, 'error');
+}
+
+export function createSkillsMethods({ api }) {
     return {
-        async openSkillsManager() {
+        normalizeSkillsTargetApp(app) {
+            if (app == null) {
+                return 'codex';
+            }
+            if (app === 'codex' || app === 'claude') {
+                return app;
+            }
+            throw createUnsupportedSkillsTargetAppError(app);
+        },
+
+        resetSkillsTargetState() {
             this.skillsSelectedNames = [];
             this.skillsKeyword = '';
             this.skillsStatusFilter = 'all';
+            this.skillsRootPath = '';
+            this.skillsList = [];
             this.skillsImportList = [];
             this.skillsImportSelectedKeys = [];
+            this.skillsMarketLocalLoadedOnce = false;
+            this.skillsMarketImportLoadedOnce = false;
+        },
+
+        async setSkillsTargetApp(app, options = {}) {
+            if (
+                this.skillsLoading
+                || this.skillsDeleting
+                || this.skillsScanningImports
+                || this.skillsImporting
+                || this.skillsZipImporting
+                || this.skillsExporting
+                || this.skillsMarketLoading
+            ) {
+                return false;
+            }
+            let nextTarget;
+            try {
+                nextTarget = this.normalizeSkillsTargetApp(app);
+            } catch (error) {
+                showUnsupportedSkillsTargetMessage(this, app);
+                return false;
+            }
+            const refresh = !(options && options.refresh === false);
+            const silent = !!(options && options.silent);
+            if (nextTarget !== this.skillsTargetApp) {
+                this.skillsTargetApp = nextTarget;
+                this.resetSkillsTargetState();
+            }
+            if (!refresh) {
+                return true;
+            }
+            return await this.loadSkillsMarketOverview({
+                forceRefresh: true,
+                silent
+            });
+        },
+
+        async openSkillsManager(options = {}) {
+            if (
+                this.skillsLoading
+                || this.skillsDeleting
+                || this.skillsScanningImports
+                || this.skillsImporting
+                || this.skillsZipImporting
+                || this.skillsExporting
+                || this.skillsMarketLoading
+            ) {
+                return false;
+            }
+            let targetApp;
+            try {
+                targetApp = this.normalizeSkillsTargetApp(options && options.targetApp ? options.targetApp : this.skillsTargetApp);
+            } catch (error) {
+                showUnsupportedSkillsTargetMessage(this, options && options.targetApp);
+                return false;
+            }
+            const targetChanged = targetApp !== this.skillsTargetApp;
+            if (targetChanged) {
+                this.skillsTargetApp = targetApp;
+                this.resetSkillsTargetState();
+            } else {
+                this.skillsSelectedNames = [];
+                this.skillsKeyword = '';
+                this.skillsStatusFilter = 'all';
+                this.skillsImportSelectedKeys = [];
+            }
             this.showSkillsModal = true;
             await this.refreshSkillsList({ silent: false });
         },
@@ -28,23 +115,25 @@
         async refreshSkillsList(options = {}) {
             this.skillsLoading = true;
             try {
-                const res = await api('list-codex-skills');
+                const res = await api('list-skills', {
+                    targetApp: this.skillsTargetApp
+                });
                 if (res.error) {
                     this.skillsRootPath = '';
                     this.skillsList = [];
                     this.skillsSelectedNames = [];
                     this.showMessage(res.error, 'error');
-                    return;
+                    return false;
                 }
                 const exists = res.exists !== false;
                 if (!exists) {
-                    this.skillsRootPath = '';
+                    this.skillsRootPath = res.root || '';
                     this.skillsList = [];
                     this.skillsSelectedNames = [];
                     if (!options.silent) {
-                        this.showMessage('skills 目录不存在，已按空列表显示', 'info');
+                        this.showMessage(`${this.skillsTargetLabel} skills 目录不存在，已按空列表显示`, 'info');
                     }
-                    return;
+                    return true;
                 }
                 this.skillsRootPath = res.root || '';
                 this.skillsList = Array.isArray(res.items) ? res.items : [];
@@ -53,16 +142,40 @@
                     .filter(Boolean));
                 this.skillsSelectedNames = (Array.isArray(this.skillsSelectedNames) ? this.skillsSelectedNames : [])
                     .filter((name) => currentNames.has(name));
+                return true;
             } catch (e) {
                 this.skillsRootPath = '';
                 this.skillsList = [];
                 this.skillsSelectedNames = [];
                 this.showMessage('加载 skills 失败', 'error');
+                return false;
             } finally {
                 this.skillsLoading = false;
             }
         },
 
+        async loadSkillsMarketOverview(options = {}) {
+            if (this.skillsMarketLoading) return false;
+            const silent = !!(options && options.silent);
+            const forceRefresh = !!(options && options.forceRefresh);
+            this.skillsMarketLoading = true;
+            let localLoaded = this.skillsMarketLocalLoadedOnce === true;
+            let importLoaded = this.skillsMarketImportLoadedOnce === true;
+            try {
+                if (forceRefresh || !localLoaded) {
+                    localLoaded = await this.refreshSkillsList({ silent });
+                    this.skillsMarketLocalLoadedOnce = localLoaded;
+                }
+                if (forceRefresh || !importLoaded) {
+                    importLoaded = await this.scanImportableSkills({ silent });
+                    this.skillsMarketImportLoadedOnce = importLoaded;
+                }
+                return !!(localLoaded && importLoaded);
+            } finally {
+                this.skillsMarketLoading = false;
+            }
+        },
+
         resetSkillsFilters() {
             this.skillsKeyword = '';
             this.skillsStatusFilter = 'all';
@@ -99,18 +212,20 @@
         },
 
         async scanImportableSkills(options = {}) {
-            if (this.skillsScanningImports || this.skillsImporting || this.skillsZipImporting || this.skillsExporting) return;
+            if (this.skillsDeleting || this.skillsScanningImports || this.skillsImporting || this.skillsZipImporting || this.skillsExporting) return false;
             const silent = !!(options && options.silent);
             this.skillsScanningImports = true;
             try {
-                const res = await api('scan-unmanaged-codex-skills');
+                const res = await api('scan-unmanaged-skills', {
+                    targetApp: this.skillsTargetApp
+                });
                 if (res.error) {
                     this.skillsImportList = [];
                     this.skillsImportSelectedKeys = [];
                     if (!silent) {
                         this.showMessage(res.error, 'error');
                     }
-                    return;
+                    return false;
                 }
                 this.skillsImportList = Array.isArray(res.items) ? res.items : [];
                 const availableKeys = new Set(this.skillsImportSelectableKeys);
@@ -121,19 +236,21 @@
                 } else if (!silent) {
                     this.showMessage(`扫描到 ${this.skillsImportList.length} 个可导入 skill`, 'success');
                 }
+                return true;
             } catch (e) {
                 this.skillsImportList = [];
                 this.skillsImportSelectedKeys = [];
                 if (!silent) {
                     this.showMessage('扫描可导入 skill 失败', 'error');
                 }
+                return false;
             } finally {
                 this.skillsScanningImports = false;
             }
         },
 
         async importSelectedSkills() {
-            if (this.skillsImporting || this.skillsZipImporting || this.skillsExporting) return;
+            if (this.skillsDeleting || this.skillsScanningImports || this.skillsImporting || this.skillsZipImporting || this.skillsExporting) return;
             const selectedSet = new Set(Array.isArray(this.skillsImportSelectedKeys) ? this.skillsImportSelectedKeys : []);
             const selectedItems = (Array.isArray(this.skillsImportList) ? this.skillsImportList : [])
                 .filter((item) => selectedSet.has(this.buildSkillImportKey(item)))
@@ -148,7 +265,10 @@
 
             this.skillsImporting = true;
             try {
-                const res = await api('import-codex-skills', { items: selectedItems });
+                const res = await api('import-skills', {
+                    targetApp: this.skillsTargetApp,
+                    items: selectedItems
+                });
                 if (res.error) {
                     this.showMessage(res.error, 'error');
                     return;
@@ -161,7 +281,7 @@
                     const first = res.failed[0] && res.failed[0].error ? res.failed[0].error : '导入失败';
                     this.showMessage(first, 'error');
                 } else {
-                    this.showMessage(`已导入 ${importedCount} 个 skill`, 'success');
+                    this.showMessage(`已导入 ${importedCount} 个 skill 到 ${this.skillsTargetLabel}`, 'success');
                 }
                 await this.refreshSkillsList({ silent: true });
             } catch (e) {
@@ -197,8 +317,8 @@
         async uploadSkillsZipStream(file) {
             const fileName = (file && typeof file.name === 'string' && file.name.trim())
                 ? file.name.trim()
-                : 'codex-skills.zip';
-            const response = await fetch('/api/import-codex-skills-zip', {
+                : `${this.skillsTargetApp}-skills.zip`;
+            const response = await fetch(`/api/import-skills-zip?targetApp=${encodeURIComponent(this.skillsTargetApp)}`, {
                 method: 'POST',
                 headers: {
                     'x-codexmate-file-name': encodeURIComponent(fileName)
@@ -222,7 +342,7 @@
         },
 
         async importSkillsFromZipFile(file) {
-            if (this.skillsZipImporting || this.skillsImporting || this.skillsExporting) return;
+            if (this.skillsDeleting || this.skillsScanningImports || this.skillsZipImporting || this.skillsImporting || this.skillsExporting) return;
             const maxSize = 20 * 1024 * 1024;
             if (file.size > maxSize) {
                 this.showMessage('ZIP 文件过大，限制 20MB', 'error');
@@ -244,7 +364,7 @@
                     const first = res.failed[0] && res.failed[0].error ? res.failed[0].error : '导入失败';
                     this.showMessage(first, 'error');
                 } else {
-                    this.showMessage(`已导入 ${importedCount} 个 skill`, 'success');
+                    this.showMessage(`已导入 ${importedCount} 个 skill 到 ${this.skillsTargetLabel}`, 'success');
                 }
                 await this.refreshSkillsList({ silent: true });
             } catch (e) {
@@ -257,7 +377,7 @@
         },
 
         async exportSelectedSkills() {
-            if (this.skillsExporting || this.skillsZipImporting || this.skillsImporting) return;
+            if (this.skillsDeleting || this.skillsExporting || this.skillsZipImporting || this.skillsImporting) return;
             const selected = Array.isArray(this.skillsSelectedNames)
                 ? Array.from(new Set(this.skillsSelectedNames.map((item) => String(item || '').trim()).filter(Boolean)))
                 : [];
@@ -267,7 +387,10 @@
             }
             this.skillsExporting = true;
             try {
-                const res = await api('export-codex-skills', { names: selected });
+                const res = await api('export-skills', {
+                    targetApp: this.skillsTargetApp,
+                    names: selected
+                });
                 if (res && res.error) {
                     this.showMessage(res.error, 'error');
                     return;
@@ -290,7 +413,7 @@
                 if (failedCount > 0) {
                     this.showMessage(`已导出 ${exportedCount} 个，失败 ${failedCount} 个`, 'error');
                 } else {
-                    this.showMessage(`已导出 ${exportedCount} 个 skill`, 'success');
+                    this.showMessage(`已从 ${this.skillsTargetLabel} 导出 ${exportedCount} 个 skill`, 'success');
                 }
             } catch (e) {
                 this.showMessage('导出 skill 失败', 'error');
@@ -301,6 +424,10 @@
 
         async deleteSelectedSkills() {
             if (this.skillsDeleting || this.skillsZipImporting || this.skillsExporting || this.skillsImporting) return;
+            if (this.skillsScanningImports) {
+                this.showMessage('正在扫描导入源，请稍后再试', 'error');
+                return;
+            }
             const selected = Array.isArray(this.skillsSelectedNames)
                 ? Array.from(new Set(this.skillsSelectedNames.map((item) => String(item || '').trim()).filter(Boolean)))
                 : [];
@@ -310,9 +437,10 @@
             }
             const confirmed = await this.requestConfirmDialog({
                 title: '删除 Skills',
-                message: `确认删除 ${selected.length} 个 skill 吗？此操作不可撤销。`,
+                message: `确认从 ${this.skillsTargetLabel} 删除 ${selected.length} 个 skill 吗？此操作不可撤销。`,
                 confirmText: '删除',
                 cancelText: '取消',
+                confirmDisabled: () => this.skillsDeleting || this.skillsScanningImports,
                 danger: true
             });
             if (!confirmed) {
@@ -321,7 +449,10 @@
 
             this.skillsDeleting = true;
             try {
-                const res = await api('delete-codex-skills', { names: selected });
+                const res = await api('delete-skills', {
+                    targetApp: this.skillsTargetApp,
+                    names: selected
+                });
                 if (res.error) {
                     this.showMessage(res.error, 'error');
                     return;
@@ -336,7 +467,7 @@
                     const first = failedList[0] && failedList[0].error ? failedList[0].error : '删除失败';
                     this.showMessage(first, 'error');
                 } else {
-                    this.showMessage(`已删除 ${deletedCount} 个 skill`, 'success');
+                    this.showMessage(`已从 ${this.skillsTargetLabel} 删除 ${deletedCount} 个 skill`, 'success');
                 }
                 await this.refreshSkillsList({ silent: true });
             } catch (e) {

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>