codexmate 0.1.15 → 0.1.17

package/cli/skills.js

@@ -24,6 +24,7 @@ const CLAUDE_DIR = path.join(os.homedir(), '.claude');
 const CODEX_SKILLS_DIR = path.join(CONFIG_DIR, 'skills');
 const CLAUDE_SKILLS_DIR = path.join(CLAUDE_DIR, 'skills');
 const AGENTS_SKILLS_DIR = path.join(os.homedir(), '.agents', 'skills');
+const PI_SKILLS_DIR = path.join(os.homedir(), '.pi', 'agent', 'skills');
 
 const MAX_UPLOAD_SIZE = 200 * 1024 * 1024;
 const MAX_SKILLS_ZIP_UPLOAD_SIZE = 20 * 1024 * 1024;
@@ -72,9 +73,24 @@ function getClaudeSkillsDir() {
     return resolveExistingDir([homeConfigDir], CLAUDE_SKILLS_DIR);
 }
 
+function getPiSkillsDir() {
+    const joinPath = (basePath, ...segments) => {
+        const base = typeof basePath === 'string' ? basePath.trim() : '';
+        const pathApi = base.includes('/') && !base.includes('\\') && path.posix ? path.posix : path;
+        return pathApi.join(base, ...segments);
+    };
+    const envPiDir = typeof process.env.PI_CODING_AGENT_DIR === 'string' ? process.env.PI_CODING_AGENT_DIR.trim() : '';
+    if (envPiDir) {
+        const target = joinPath(envPiDir, 'skills');
+        return resolveExistingDir([target], target);
+    }
+    return resolveExistingDir([PI_SKILLS_DIR], PI_SKILLS_DIR);
+}
+
 const SKILL_TARGETS = Object.freeze([
     Object.freeze({ app: 'codex', label: 'Codex', dir: getCodexSkillsDir() }),
-    Object.freeze({ app: 'claude', label: 'Claude Code', dir: getClaudeSkillsDir() })
+    Object.freeze({ app: 'claude', label: 'Claude Code', dir: getClaudeSkillsDir() }),
+    Object.freeze({ app: 'pi', label: 'Pi', dir: getPiSkillsDir() })
 ]);
 
 const SKILL_IMPORT_SOURCES = Object.freeze([
@@ -1119,6 +1135,7 @@ module.exports = {
     SKILL_IMPORT_SOURCES,
     getCodexSkillsDir,
     getClaudeSkillsDir,
+    getPiSkillsDir,
     normalizeSkillTargetApp,
     getSkillTargetByApp,
     resolveSkillTarget,

package/cli.js

@@ -1094,7 +1094,9 @@ function normalizeWebUiPreferences(value = {}) {
             mainTab: normalizeMainTabPreference(navigation.mainTab),
             configMode: normalizeConfigModePreference(navigation.configMode),
             settingsTab: normalizeSettingsTabPreference(navigation.settingsTab),
-            skillsTargetApp: navigation.skillsTargetApp === 'claude' ? 'claude' : 'codex',
+            skillsTargetApp: navigation.skillsTargetApp === 'claude' || navigation.skillsTargetApp === 'pi'
+                ? navigation.skillsTargetApp
+                : 'codex',
             promptTemplatesMode: navigation.promptTemplatesMode === 'manage' ? 'manage' : 'compose'
         }
     };
@@ -1222,28 +1224,35 @@ function readPiModels(params = {}) {
         const dir = getPiAgentDir();
         const filePath = path.join(dir, 'models.json');
         if (!fs.existsSync(filePath)) {
-            return { providers: {} };
+            return { providers: {}, file: {} };
         }
         const raw = fs.readFileSync(filePath, 'utf-8');
         const data = JSON.parse(raw);
         const providers = (data && typeof data === 'object' && data.providers && typeof data.providers === 'object')
             ? data.providers
             : {};
-        return { providers };
+        const file = data && typeof data === 'object' && !Array.isArray(data) ? data : { providers };
+        return { providers, file };
     } catch (e) {
         return { error: e && e.message ? e.message : '读取 Pi models.json 失败' };
     }
 }
 
 function writePiModels(params = {}) {
+    const file = params && typeof params.file === 'object' && params.file !== null && !Array.isArray(params.file) ? params.file : null;
     const providers = params && typeof params.providers === 'object' ? params.providers : null;
-    if (providers === null) {
-        return { error: 'providers 不能为空' };
+    if (!file && providers === null) {
+        return { error: '缺少可写入的内容' };
     }
     try {
         const dir = getPiAgentDir();
         fs.mkdirSync(dir, { recursive: true });
         const filePath = path.join(dir, 'models.json');
+        if (file) {
+            historyBackup('pi-models', filePath);
+            fs.writeFileSync(filePath, JSON.stringify(file, null, 2), 'utf-8');
+            return { success: true };
+        }
         let existing = {};
         if (fs.existsSync(filePath)) {
             try {
@@ -1294,16 +1303,22 @@ function readPiSettings(params = {}) {
 }
 
 function writePiSettings(params = {}) {
+    const fullSettings = params && typeof params.settings === 'object' && params.settings !== null && !Array.isArray(params.settings) ? params.settings : null;
     const updates = {};
     if (typeof (params && params.defaultProvider) === 'string') updates.defaultProvider = params.defaultProvider;
     if (typeof (params && params.defaultModel) === 'string') updates.defaultModel = params.defaultModel;
-    if (Object.keys(updates).length === 0) {
+    if (!fullSettings && Object.keys(updates).length === 0) {
         return { error: '缺少可写入的设置项' };
     }
     try {
         const dir = getPiAgentDir();
         fs.mkdirSync(dir, { recursive: true });
         const filePath = path.join(dir, 'settings.json');
+        if (fullSettings) {
+            historyBackup('pi-settings', filePath);
+            fs.writeFileSync(filePath, JSON.stringify(fullSettings, null, 2), 'utf-8');
+            return { success: true, settings: fullSettings };
+        }
         let existing = {};
         if (fs.existsSync(filePath)) {
             try {
@@ -1321,6 +1336,43 @@ function writePiSettings(params = {}) {
     }
 }
 
+function applyPiConfigHistory(params = {}) {
+    const target = typeof params.target === 'string' ? params.target.trim() : '';
+    if (target !== 'settings' && target !== 'models') {
+        return { error: '无效的历史记录目标' };
+    }
+    const bucket = target === 'settings' ? 'pi-settings' : 'pi-models';
+    const fileName = target === 'settings' ? 'settings.json' : 'models.json';
+    let entry;
+    try {
+        entry = readPromptHistory(bucket, String(params.id || ''));
+    } catch (_) {
+        return { error: '历史记录不存在或读取失败' };
+    }
+    const content = entry && typeof entry.content === 'string' ? entry.content : '';
+    let parsed = null;
+    if (content) {
+        try {
+            parsed = JSON.parse(content);
+        } catch (_) {
+            parsed = null;
+        }
+    }
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+        return { error: '历史记录内容不是有效的 JSON 对象' };
+    }
+    try {
+        const filePath = path.join(getPiAgentDir(), fileName);
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+        historyBackup(bucket, filePath);
+        fs.writeFileSync(filePath, JSON.stringify(parsed, null, 2), 'utf-8');
+    } catch (e) {
+        return { error: (e && e.message) || '应用历史记录失败' };
+    }
+    if (target === 'settings') return { success: true, settings: parsed };
+    return { success: true, file: parsed };
+}
+
 function setToolConfigPermission(params = {}) {
     const target = normalizeToolConfigTarget(params && params.target);
     if (!target) return { error: '未知配置对象' };
@@ -13304,6 +13356,10 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
                             result = writePiSettings(params || {});
                             break;
                         }
+                        case 'apply-pi-config-history': {
+                            result = applyPiConfigHistory(params || {});
+                            break;
+                        }
                         case 'fetch-pi-remote-models': {
                             result = await fetchPiRemoteModels(params || {});
                             break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/plugins/prompt-templates/computed.mjs

@@ -167,6 +167,11 @@ export function createPluginsComputed() {
                 .map((meta) => localizePluginMeta(meta, this.t));
         },
 
+        pluginsSidebarVisible() {
+            const catalog = Array.isArray(this.pluginsCatalog) ? this.pluginsCatalog : [];
+            return catalog.length > 1;
+        },
+
         pluginsActiveMeta() {
             const id = typeof this.pluginsActiveId === 'string' ? this.pluginsActiveId.trim() : '';
             const entry = pluginsRegistry.find((item) => item && item.id === id) || null;

package/web-ui/app.js

@@ -148,6 +148,18 @@ document.addEventListener('DOMContentLoaded', () => {
                 piActiveProvider: '',
                 piActiveModel: '',
                 piShowKey: false,
+                piSettingsJsonDraft: '',
+                piSettingsJsonError: '',
+                piModelsJsonDraft: '',
+                piModelsJsonError: '',
+                piFileJsonSaving: false,
+                piHistoryTarget: '',
+                piHistoryLoading: false,
+                piHistoryItems: [],
+                piHistoryPreviewId: '',
+                piHistoryPreviewContent: '',
+                piHistoryError: '',
+                piHistoryApplying: false,
                 // Plugins
                 pluginsActiveId: 'prompt-templates',
                 pluginsLoading: false,

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

@@ -896,26 +896,97 @@ export function createSessionComputed() {
             };
         },
 
-        usageHeroMainValue() {
+        usageKpiCards() {
             const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
                 ? this.sessionUsageCharts.summary
                 : null;
-            if (!summary) return '0';
-            return formatCompactUsageSummaryNumber(summary.totalTokens || 0);
+            if (!summary) return [];
+            const t = typeof this.t === 'function' ? this.t : null;
+            const totalTokens = summary.totalTokens || 0;
+            const activeDays = summary.activeDays || 0;
+            const dailyAvgTokens = activeDays > 0 ? Math.round(totalTokens / activeDays) : 0;
+            const noneLabel = t ? t('common.none') : '暂无';
+            const busiestDay = summary.busiestDay;
+            return [
+                {
+                    key: 'tokens',
+                    label: t ? t('usage.kpi.tokens') : '总 Token',
+                    value: formatCompactUsageSummaryNumber(totalTokens),
+                    title: formatUsageSummaryNumber(totalTokens),
+                    delta: this.usageHeroDelta,
+                    deltaClass: this.usageHeroDeltaClass
+                },
+                {
+                    key: 'sessions',
+                    label: t ? t('usage.kpi.sessions') : '会话数',
+                    value: formatUsageSummaryNumber(summary.totalSessions || 0)
+                },
+                {
+                    key: 'messages',
+                    label: t ? t('usage.kpi.messages') : '消息数',
+                    value: formatUsageSummaryNumber(summary.totalMessages || 0)
+                },
+                {
+                    key: 'daily-avg',
+                    label: t ? t('usage.kpi.dailyAvg') : '日均 Token',
+                    value: formatCompactUsageSummaryNumber(dailyAvgTokens),
+                    title: formatUsageSummaryNumber(dailyAvgTokens)
+                },
+                {
+                    key: 'busiest-day',
+                    label: t ? t('usage.kpi.busiestDay') : '最忙日',
+                    value: busiestDay && busiestDay.totalSessions > 0
+                        ? `${busiestDay.label} · ${busiestDay.totalSessions}`
+                        : noneLabel
+                }
+            ];
         },
-
-        usageHeroSubLabel() {
-            const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
-                ? this.sessionUsageCharts.summary
+        usageWaveHeaderSummary() {
+            const daily = this.sessionUsageDaily && typeof this.sessionUsageDaily === 'object'
+                ? this.sessionUsageDaily
                 : null;
-            if (!summary) return '';
+            const rows = daily && Array.isArray(daily.rows) ? daily.rows : [];
+            if (!rows.length) return '';
+            let totalTokens = 0;
+            let peakRow = rows[0];
+            for (const row of rows) {
+                const tokens = Number.isFinite(Number(row && row.tokenTotal)) ? Number(row.tokenTotal) : 0;
+                totalTokens += tokens;
+                if (tokens > (Number(peakRow.tokenTotal) || 0)) peakRow = row;
+            }
             const t = typeof this.t === 'function' ? this.t : null;
-            const sessionCount = summary.totalSessions || 0;
-            const rangeLabel = this.sessionsUsageTimeRange === '30d' ? '30天' : (this.sessionsUsageTimeRange === 'all' ? '全部' : '7天');
-            const rangeText = t ? t('usage.range.' + this.sessionsUsageTimeRange) : rangeLabel;
-            return `${formatUsageSummaryNumber(sessionCount)} sessions · ${rangeText}`;
+            const params = {
+                total: formatCompactUsageSummaryNumber(totalTokens),
+                peakDay: peakRow.key || '',
+                peakValue: formatCompactUsageSummaryNumber(peakRow.tokenTotal || 0)
+            };
+            return t
+                ? t('usage.wave.summary', params)
+                : `本期共 ${params.total} · 峰值 ${params.peakDay}（${params.peakValue}）`;
         },
 
+        usageRankedLists() {
+            const charts = this.sessionUsageCharts && typeof this.sessionUsageCharts === 'object'
+                ? this.sessionUsageCharts
+                : {};
+            const withBars = (list, pickValue) => {
+                const items = Array.isArray(list) ? list : [];
+                const max = items.reduce((acc, item) => Math.max(acc, pickValue(item) || 0), 0);
+                return items.map((item) => ({
+                    ...item,
+                    barPercent: max > 0
+                        ? Math.max(6, Math.round(((pickValue(item) || 0) / max) * 1000) / 10)
+                        : 0
+                }));
+            };
+            return {
+                topSessions: withBars(charts.topSessionsByMessages, (item) => item && item.messageCount),
+                recentSessions: withBars(charts.recentSessions, (item) => item && item.messageCount),
+                topPaths: withBars(charts.topPaths, (item) => item && item.count)
+            };
+        },
+
+
         usageHeroDelta() {
             const range = this.sessionsUsageTimeRange;
             if (range === 'all') return null;

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

@@ -108,7 +108,7 @@
         const mainTab = normalizeMainTab(mainTabSource);
         const configMode = typeof configModeSource === 'string' ? configModeSource.trim().toLowerCase() : '';
         const settingsTab = typeof vm.settingsTab === 'string' ? vm.settingsTab.trim().toLowerCase() : 'general';
-        const skillsTargetApp = typeof vm.skillsTargetApp === 'string' && (vm.skillsTargetApp === 'codex' || vm.skillsTargetApp === 'claude') ? vm.skillsTargetApp : 'codex';
+        const skillsTargetApp = typeof vm.skillsTargetApp === 'string' && (vm.skillsTargetApp === 'codex' || vm.skillsTargetApp === 'claude' || vm.skillsTargetApp === 'pi') ? vm.skillsTargetApp : 'codex';
         const promptTemplatesMode = typeof vm.promptTemplatesMode === 'string' && (vm.promptTemplatesMode === 'compose' || vm.promptTemplatesMode === 'manage') ? vm.promptTemplatesMode : 'compose';
         const snapshot = {
             settingsTab: settingsTab === 'data' ? 'data' : 'general',

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

@@ -66,7 +66,8 @@ export function createPiConfigMethods({ api: apiClient }) {
             try {
                 const [providers] = await Promise.all([
                     this.loadPiProviders(),
-                    this.loadPiSettings()
+                    this.loadPiSettings(),
+                    this.loadPiFileJsons()
                 ]);
                 this.piProviders = providers || {};
                 this.piProviderIds = Object.keys(this.piProviders || {}).sort();
@@ -342,6 +343,88 @@ export function createPiConfigMethods({ api: apiClient }) {
             return [baseUrl, api].filter(Boolean).join(' • ') || 'Piper provider';
         }
         ,
+        piParseFileJsonDraft(draft, label) {
+            const name = label || 'JSON';
+            const text = String(draft || '').trim();
+            if (!text) return { ok: false, value: null, error: name + ' 内容不能为空' };
+            try {
+                const parsed = JSON.parse(text);
+                if (parsed === null || Array.isArray(parsed) || typeof parsed !== 'object') {
+                    return { ok: false, value: null, error: name + ' 必须是 JSON 对象' };
+                }
+                return { ok: true, value: parsed, error: '' };
+            } catch (e) {
+                return { ok: false, value: null, error: name + ' 解析失败：' + (e && e.message ? e.message : '') };
+            }
+        },
+        async loadPiFileJsons() {
+            const [modelsResult, settingsResult] = await Promise.all([
+                apiClient('read-pi-models'),
+                apiClient('read-pi-settings')
+            ]);
+            const modelsFile = isPiPlainObject(modelsResult && modelsResult.file) ? modelsResult.file : {};
+            const settings = isPiPlainObject(settingsResult && settingsResult.settings) ? settingsResult.settings : {};
+            this.piModelsJsonDraft = JSON.stringify(modelsFile, null, 2);
+            this.piSettingsJsonDraft = JSON.stringify(settings, null, 2);
+            this.piModelsJsonError = '';
+            this.piSettingsJsonError = '';
+        },
+        piSettingsJsonInput() {
+            const parsed = this.piParseFileJsonDraft(this.piSettingsJsonDraft, 'settings.json');
+            this.piSettingsJsonError = parsed.ok ? '' : parsed.error;
+        },
+        piModelsJsonInput() {
+            const parsed = this.piParseFileJsonDraft(this.piModelsJsonDraft, 'models.json');
+            this.piModelsJsonError = parsed.ok ? '' : parsed.error;
+        },
+        async savePiSettingsJson() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving || this.piFileJsonSaving) return;
+            const parsed = this.piParseFileJsonDraft(this.piSettingsJsonDraft, 'settings.json');
+            if (!parsed.ok) {
+                this.piSettingsJsonError = parsed.error;
+                this.message = parsed.error;
+                this.messageType = 'error';
+                return;
+            }
+            this.piFileJsonSaving = true;
+            try {
+                const result = await apiClient('write-pi-settings', { settings: parsed.value });
+                if (result && result.error) throw new Error(result.error);
+                this.piSettingsJsonError = '';
+                this.piSettingsJsonDraft = JSON.stringify(parsed.value, null, 2);
+                await this.loadPiSettings();
+                this.message = 'settings.json 已保存';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '保存 settings.json 失败';
+                this.messageType = 'error';
+            } finally {
+                this.piFileJsonSaving = false;
+            }
+        },
+        async savePiModelsJson() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving || this.piFileJsonSaving) return;
+            const parsed = this.piParseFileJsonDraft(this.piModelsJsonDraft, 'models.json');
+            if (!parsed.ok) {
+                this.piModelsJsonError = parsed.error;
+                this.message = parsed.error;
+                this.messageType = 'error';
+                return;
+            }
+            this.piFileJsonSaving = true;
+            try {
+                const result = await apiClient('write-pi-models', { file: parsed.value });
+                if (result && result.error) throw new Error(result.error);
+                await this.loadPiSources();
+                this.message = 'models.json 已保存';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '保存 models.json 失败';
+                this.messageType = 'error';
+            } finally {
+                this.piFileJsonSaving = false;
+            }
+        },
         piParseEditorJsonDraft() {
             const provider = this.editingPiProvider;
             const draft = provider && provider.form ? String(provider.form.configJsonDraft || '').trim() : '';
@@ -392,6 +475,86 @@ export function createPiConfigMethods({ api: apiClient }) {
         piEditorJsonDraftInput() {
             const draft = this.piParseEditorJsonDraft();
             this.piEditorJsonError = draft.ok ? '' : draft.error;
+        },
+        piHistoryBucketFor(target) {
+            return target === 'settings' ? 'pi-settings' : 'pi-models';
+        },
+        async openPiConfigHistory(target) {
+            if (this.piHistoryLoading) return;
+            const tgt = target === 'settings' ? 'settings' : (target === 'models' ? 'models' : '');
+            if (!tgt) return;
+            this.piHistoryTarget = tgt;
+            this.piHistoryItems = [];
+            this.piHistoryPreviewId = '';
+            this.piHistoryPreviewContent = '';
+            this.piHistoryError = '';
+            this.piHistoryLoading = true;
+            try {
+                const res = await api('list-prompt-history', { bucket: this.piHistoryBucketFor(tgt) });
+                if (res && res.error) {
+                    this.piHistoryError = res.error;
+                    return;
+                }
+                this.piHistoryItems = Array.isArray(res) ? res : [];
+            } catch (e) {
+                this.piHistoryError = this.t('toast.load.fail');
+            } finally {
+                this.piHistoryLoading = false;
+            }
+        },
+        closePiConfigHistory() {
+            this.piHistoryTarget = '';
+            this.piHistoryItems = [];
+            this.piHistoryPreviewId = '';
+            this.piHistoryPreviewContent = '';
+            this.piHistoryError = '';
+            this.piHistoryLoading = false;
+        },
+        async viewPiConfigHistoryItem(item) {
+            if (!item || !item.id) return;
+            if (this.piHistoryLoading) return;
+            if (this.piHistoryPreviewId === item.id && this.piHistoryPreviewContent) return;
+            this.piHistoryPreviewId = item.id;
+            this.piHistoryPreviewContent = '';
+            try {
+                const res = await api('get-prompt-history', { bucket: this.piHistoryBucketFor(this.piHistoryTarget), id: item.id });
+                if (res && res.error) {
+                    this.piHistoryError = res.error;
+                    this.piHistoryPreviewId = '';
+                    return;
+                }
+                this.piHistoryPreviewContent = typeof res.content === 'string' ? res.content : '';
+            } catch (e) {
+                this.piHistoryError = this.t('toast.load.fail');
+                this.piHistoryPreviewId = '';
+            }
+        },
+        async applyPiConfigHistory() {
+            if (this.piHistoryApplying || this.piHistoryLoading) return;
+            if (!this.piHistoryTarget || !this.piHistoryPreviewId) return;
+            const confirmed = await this.requestConfirmDialog({
+                title: this.t('common.history'),
+                message: this.t('pi.history.confirm'),
+                confirmText: this.t('confirm.ok'),
+                cancelText: this.t('confirm.cancel'),
+                danger: true
+            });
+            if (!confirmed) return;
+            this.piHistoryApplying = true;
+            try {
+                const res = await api('apply-pi-config-history', { target: this.piHistoryTarget, id: this.piHistoryPreviewId });
+                if (res && res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.showMessage(this.t('pi.history.applied'), 'success');
+                this.closePiConfigHistory();
+                await this.loadPiSources();
+            } catch (e) {
+                this.showMessage(this.t('pi.history.applyFailed'), 'error');
+            } finally {
+                this.piHistoryApplying = false;
+            }
         }
     };
 }

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

@@ -102,13 +102,13 @@ function normalizeSessionSortMode(value) {
 }
 
 function normalizeNavigationSnapshot(vm, source = {}) {
-    const currentSkillsTargetApp = vm.skillsTargetApp === 'claude' ? 'claude' : 'codex';
+    const currentSkillsTargetApp = vm.skillsTargetApp === 'claude' || vm.skillsTargetApp === 'pi' ? vm.skillsTargetApp : 'codex';
     const currentPromptTemplatesMode = vm.promptTemplatesMode === 'manage' ? 'manage' : 'compose';
     return {
         mainTab: typeof source.mainTab === 'string' ? source.mainTab : vm.mainTab,
         configMode: typeof source.configMode === 'string' ? source.configMode : vm.configMode,
         settingsTab: typeof source.settingsTab === 'string' ? source.settingsTab : vm.settingsTab,
-        skillsTargetApp: source.skillsTargetApp === 'claude' || source.skillsTargetApp === 'codex'
+        skillsTargetApp: source.skillsTargetApp === 'claude' || source.skillsTargetApp === 'codex' || source.skillsTargetApp === 'pi'
             ? source.skillsTargetApp
             : currentSkillsTargetApp,
         promptTemplatesMode: source.promptTemplatesMode === 'manage' || source.promptTemplatesMode === 'compose'
@@ -477,7 +477,7 @@ export function createWebUiPreferencesMethods(options = {}) {
                             this.mainTab = nav.mainTab;
                         }
                     }
-                    if (nav.skillsTargetApp === 'codex' || nav.skillsTargetApp === 'claude') this.skillsTargetApp = nav.skillsTargetApp;
+                    if (nav.skillsTargetApp === 'codex' || nav.skillsTargetApp === 'claude' || nav.skillsTargetApp === 'pi') this.skillsTargetApp = nav.skillsTargetApp;
                     if (nav.promptTemplatesMode === 'compose' || nav.promptTemplatesMode === 'manage') this.promptTemplatesMode = nav.promptTemplatesMode;
                     if (typeof this.saveNavState === 'function') this.saveNavState();
                 }

package/web-ui/modules/i18n/locales/en.mjs

@@ -827,6 +827,12 @@ const en = Object.freeze({
     'usage.summary.avgMessagesPerSession': 'Avg messages/session',
     'usage.summary.busiestDay': 'Busiest day',
     'usage.summary.busiestHour': 'Peak hour',
+    'usage.kpi.tokens': 'Total tokens',
+    'usage.kpi.sessions': 'Sessions',
+    'usage.kpi.messages': 'Messages',
+    'usage.kpi.dailyAvg': 'Avg tokens / day',
+    'usage.kpi.busiestDay': 'Busiest day',
+    'usage.wave.summary': '{total} total · peak {peakDay} ({peakValue})',
     'usage.currentSession.title': 'Current session',
     'usage.currentSession.apiDuration': 'API duration',
     'usage.currentSession.totalDuration': 'Total duration',
@@ -1030,6 +1036,10 @@ const en = Object.freeze({
     'status.opencodeConfig': 'OpenCode config',
     'status.workspaceFile': 'Workspace file',
     'status.configMode': 'Config mode',
+    'status.kilocodeProvider': 'Kilocode provider',
+    'status.kilocodeModel': 'Kilocode model',
+    'status.piProvider': 'Pi provider',
+    'status.piModel': 'Pi model',
     'status.currentProvider': 'Current provider',
     'status.currentModel': 'Current model',
     'status.quickSwitchProvider': 'Quick switch provider',
@@ -1350,6 +1360,14 @@ const en = Object.freeze({
     'pi.providers.json.desc': 'Live preview of the final provider record merged from form changes and extras; edits are merged into models.json on save.',
     'pi.providers.json.previewTitle': 'Preview',
     'pi.providers.json.editTitle': 'Edit JSON',
+    'pi.files.title': 'File JSON',
+    'pi.files.desc': 'View and edit Pi settings.json and models.json in full; JSON validity is checked before saving and invalid content is never written.',
+    'pi.files.settingsTitle': 'settings.json (active settings)',
+    'pi.files.modelsTitle': 'models.json (providers and models)',
+    'pi.history.apply': 'Apply this record',
+    'pi.history.applied': 'History record applied',
+    'pi.history.applyFailed': 'Failed to apply history record',
+    'pi.history.confirm': 'Apply this history record to the file? The current file content will be snapshotted first.',
     'pi.providers.models.remove': 'Remove',
     'pi.providers.models.search': 'Search available models…',
     'pi.providers.models.remoteCount': '{count} models available, click to add',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -830,6 +830,12 @@ const ja = Object.freeze({
     'usage.summary.avgMessagesPerSession': 'セッションあたり平均メッセージ',
     'usage.summary.busiestDay': '最も忙しい日',
     'usage.summary.busiestHour': 'ピーク時間帯',
+    'usage.kpi.tokens': '合計 Token',
+    'usage.kpi.sessions': 'セッション数',
+    'usage.kpi.messages': 'メッセージ数',
+    'usage.kpi.dailyAvg': '1 日あたり Token',
+    'usage.kpi.busiestDay': '最も忙しい日',
+    'usage.wave.summary': '合計 {total} · ピーク {peakDay}（{peakValue}）',
     'usage.currentSession.title': '現在のセッション',
     'usage.currentSession.apiDuration': 'API 時間',
     'usage.currentSession.totalDuration': '総時間',
@@ -1033,6 +1039,10 @@ const ja = Object.freeze({
     'status.opencodeConfig': 'OpenCode 設定',
     'status.workspaceFile': 'ワークスペースファイル',
     'status.configMode': '設定モード',
+    'status.kilocodeProvider': 'Kilocode プロバイダー',
+    'status.kilocodeModel': 'Kilocode モデル',
+    'status.piProvider': 'Pi プロバイダー',
+    'status.piModel': 'Pi モデル',
     'status.currentProvider': '現在の Provider',
     'status.currentModel': '現在のモデル',
     'status.quickSwitchProvider': 'プロバイダーをクイック切替',
@@ -1351,6 +1361,14 @@ const ja = Object.freeze({
     'pi.providers.json.desc': 'フォーム変更と拡張フィールドを統合した最終レコードをリアルタイムにプレビュー。保存時に models.json へ統合します。',
     'pi.providers.json.previewTitle': 'プレビュー',
     'pi.providers.json.editTitle': 'JSON を編集',
+    'pi.files.title': 'ファイル JSON',
+    'pi.files.desc': 'Pi の settings.json と models.json を全文表示して直接編集します。保存前に JSON の正当性を検証し、不正な内容は書き込みません。',
+    'pi.files.settingsTitle': 'settings.json（有効な設定）',
+    'pi.files.modelsTitle': 'models.json（プロバイダーとモデル）',
+    'pi.history.apply': 'この履歴を適用',
+    'pi.history.applied': '履歴を適用しました',
+    'pi.history.applyFailed': '履歴の適用に失敗しました',
+    'pi.history.confirm': 'この履歴をファイルに適用しますか？現在の内容は先にスナップショット保存されます。',
     'pi.providers.models.remove': '削除',
     'pi.providers.models.search': '利用可能なモデルを検索…',
     'pi.providers.models.remoteCount': '{count} 個のモデルを取得しました。クリックで追加',