codexmate 0.1.16 → 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'
         }
     };
@@ -1247,6 +1249,7 @@ function writePiModels(params = {}) {
         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 };
         }
@@ -1312,6 +1315,7 @@ function writePiSettings(params = {}) {
         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 };
         }
@@ -1332,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: '未知配置对象' };
@@ -13315,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.16",
+  "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

@@ -153,6 +153,13 @@ document.addEventListener('DOMContentLoaded', () => {
                 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

@@ -475,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',
@@ -1358,6 +1364,10 @@ const en = Object.freeze({
     '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': '総時間',
@@ -1359,6 +1365,10 @@ const ja = Object.freeze({
     '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} 個のモデルを取得しました。クリックで追加',

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

@@ -1000,6 +1000,12 @@ const vi = Object.freeze({
     'usage.summary.avgMessagesPerSession': 'TB tin nhắn/phiên',
     'usage.summary.busiestDay': 'Ngày bận nhất',
     'usage.summary.busiestHour': 'Giờ cao điểm',
+    'usage.kpi.tokens': 'Tổng token',
+    'usage.kpi.sessions': 'Số phiên',
+    'usage.kpi.messages': 'Số tin nhắn',
+    'usage.kpi.dailyAvg': 'Token trung bình/ngày',
+    'usage.kpi.busiestDay': 'Ngày bận nhất',
+    'usage.wave.summary': 'Tổng {total} · đỉnh {peakDay} ({peakValue})',
     'usage.currentSession.title': 'Phiên hiện tại',
     'usage.currentSession.apiDuration': 'Thời gian API',
     'usage.currentSession.totalDuration': 'Tổng thời gian',
@@ -1327,6 +1333,10 @@ const vi = Object.freeze({
     'pi.files.desc': 'Hiển thị đầy đủ và chỉnh sửa trực tiếp settings.json và models.json của Pi; kiểm tra tính hợp lệ của JSON trước khi lưu, nội dung không hợp lệ sẽ không được ghi.',
     'pi.files.settingsTitle': 'settings.json (cài đặt đang dùng)',
     'pi.files.modelsTitle': 'models.json (nhà cung cấp và mô hình)',
+    'pi.history.apply': 'Áp dụng bản ghi này',
+    'pi.history.applied': 'Đã áp dụng lịch sử',
+    'pi.history.applyFailed': 'Áp dụng lịch sử thất bại',
+    'pi.history.confirm': 'Áp dụng bản ghi lịch sử này vào tệp? Nội dung hiện tại sẽ được chụp nhanh trước.',
     'pi.providers.models.remove': 'Xóa',
     'pi.providers.models.search': 'Tìm kiếm mô hình khả dụng…',
     'pi.providers.models.remoteCount': 'Đã lấy {count} mô hình, bấm để thêm',

package/web-ui/modules/i18n/locales/zh-tw.mjs

@@ -826,6 +826,12 @@ const zhTw = Object.freeze({
     'usage.summary.avgMessagesPerSession': '平均每會話消息',
     'usage.summary.busiestDay': '最忙日',
     'usage.summary.busiestHour': '高峰時段',
+    'usage.kpi.tokens': '總 Token',
+    'usage.kpi.sessions': '會話數',
+    'usage.kpi.messages': '訊息數',
+    'usage.kpi.dailyAvg': '日均 Token',
+    'usage.kpi.busiestDay': '最忙日',
+    'usage.wave.summary': '本期共 {total} · 峰值 {peakDay}（{peakValue}）',
     'usage.currentSession.title': '目前會話',
     'usage.currentSession.apiDuration': 'API時長',
     'usage.currentSession.totalDuration': '總時長',
@@ -1356,6 +1362,10 @@ const zhTw = Object.freeze({
     '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} 個可用模型，點擊新增',

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

@@ -826,6 +826,12 @@ const zh = Object.freeze({
     'usage.summary.avgMessagesPerSession': '平均每会话消息',
     'usage.summary.busiestDay': '最忙日',
     'usage.summary.busiestHour': '高峰时段',
+    'usage.kpi.tokens': '总 Token',
+    'usage.kpi.sessions': '会话数',
+    'usage.kpi.messages': '消息数',
+    'usage.kpi.dailyAvg': '日均 Token',
+    'usage.kpi.busiestDay': '最忙日',
+    'usage.wave.summary': '本期共 {total} · 峰值 {peakDay}（{peakValue}）',
     'usage.currentSession.title': '当前会话',
     'usage.currentSession.apiDuration': 'API时长',
     'usage.currentSession.totalDuration': '总时长',
@@ -1356,6 +1362,10 @@ const zh = Object.freeze({
     '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} 个可用模型，点击添加',

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

@@ -1,10 +1,14 @@
 export function createSkillsComputed() {
     return {
         skillsTargetLabel() {
-            return this.skillsTargetApp === 'claude' ? 'Claude Code' : 'Codex';
+            if (this.skillsTargetApp === 'claude') return 'Claude Code';
+            if (this.skillsTargetApp === 'pi') return 'Pi';
+            return 'Codex';
         },
         skillsDefaultRootPath() {
-            return this.skillsTargetApp === 'claude' ? '~/.claude/skills' : '~/.codex/skills';
+            if (this.skillsTargetApp === 'claude') return '~/.claude/skills';
+            if (this.skillsTargetApp === 'pi') return '~/.pi/agent/skills';
+            return '~/.codex/skills';
         },
         filteredSkillsList() {
             const list = Array.isArray(this.skillsList) ? this.skillsList : [];

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

@@ -12,7 +12,7 @@ export function createSkillsMethods({ api }) {
             if (app == null) {
                 return 'codex';
             }
-            if (app === 'codex' || app === 'claude') {
+            if (app === 'codex' || app === 'claude' || app === 'pi') {
                 return app;
             }
             throw createUnsupportedSkillsTargetAppError(app);

package/web-ui/partials/index/modal-skills.html

@@ -23,6 +23,14 @@
                                 @click="setSkillsTargetApp('claude', { silent: false })">
                                 Claude Code
                             </button>
+                            <button
+                                type="button"
+                                :class="['market-target-chip', { active: skillsTargetApp === 'pi' }]"
+                                :aria-pressed="skillsTargetApp === 'pi'"
+                                :disabled="loading || !!initError || skillsMarketBusy"
+                                @click="setSkillsTargetApp('pi', { silent: false })">
+                                Pi
+                            </button>
                         </div>
                         <button class="btn-mini" @click="refreshSkillsList({ silent: false })" :disabled="skillsLoading || skillsDeleting || skillsScanningImports || skillsImporting || skillsZipImporting || skillsExporting">
                             {{ skillsLoading ? t('common.refreshing') : t('common.refresh') }}

package/web-ui/partials/index/panel-config-pi.html

@@ -195,7 +195,29 @@
                             <p v-if="piSettingsJsonError" class="config-template-hint error-text">{{ piSettingsJsonError }}</p>
                             <div class="settings-tab-actions">
                                 <button type="button" class="btn-tool" @click="savePiSettingsJson" :disabled="!isToolConfigWriteAllowed('pi') || piSaving || piFileJsonSaving || !!piSettingsJsonError">{{ t('common.save') }}</button>
+                                <button type="button" class="btn-mini" @click="openPiConfigHistory('settings')" :disabled="piHistoryLoading">{{ t('common.history') }}</button>
                             </div>
+                            <details v-if="piHistoryTarget === 'settings'" class="prompt-history-panel" open>
+                                <summary class="prompt-history-summary">
+                                    <span>{{ t('common.history') }}</span>
+                                    <button type="button" class="btn-mini prompt-history-close" @click="closePiConfigHistory" :title="t('common.close')">✕</button>
+                                </summary>
+                                <div class="prompt-history-body">
+                                    <ul v-if="!piHistoryLoading && !piHistoryError && piHistoryItems.length" class="prompt-history-list">
+                                        <li v-for="item in piHistoryItems" :key="item.id" :class="['prompt-history-item', { active: piHistoryPreviewId === item.id }]" @click="viewPiConfigHistoryItem(item)">
+                                            <span class="prompt-history-time">{{ item.id }}</span>
+                                            <span class="prompt-history-size">{{ Math.round(item.size / 1024 * 10) / 10 }} KB</span>
+                                        </li>
+                                    </ul>
+                                    <div v-if="piHistoryLoading" class="state-message">{{ t('diff.generating') }}</div>
+                                    <div v-else-if="piHistoryError" class="state-message error">{{ piHistoryError }}</div>
+                                    <div v-else-if="!piHistoryItems.length" class="state-message">{{ t('toast.history.empty') }}</div>
+                                    <div v-if="piHistoryPreviewContent" class="prompt-history-preview-wrap">
+                                        <pre class="prompt-history-preview">{{ piHistoryPreviewContent }}</pre>
+                                        <button type="button" class="btn-mini btn-confirm-mini" @click="applyPiConfigHistory" :disabled="piHistoryApplying || !isToolConfigWriteAllowed('pi')">{{ t('pi.history.apply') }}</button>
+                                    </div>
+                                </div>
+                            </details>
                             <label class="form-label">{{ t('pi.files.modelsTitle') }}</label>
                             <textarea
                                 class="template-textarea config-json-editor"
@@ -208,7 +230,29 @@
                             <p v-if="piModelsJsonError" class="config-template-hint error-text">{{ piModelsJsonError }}</p>
                             <div class="settings-tab-actions">
                                 <button type="button" class="btn-tool" @click="savePiModelsJson" :disabled="!isToolConfigWriteAllowed('pi') || piSaving || piFileJsonSaving || !!piModelsJsonError">{{ t('common.save') }}</button>
+                                <button type="button" class="btn-mini" @click="openPiConfigHistory('models')" :disabled="piHistoryLoading">{{ t('common.history') }}</button>
                             </div>
+                            <details v-if="piHistoryTarget === 'models'" class="prompt-history-panel" open>
+                                <summary class="prompt-history-summary">
+                                    <span>{{ t('common.history') }}</span>
+                                    <button type="button" class="btn-mini prompt-history-close" @click="closePiConfigHistory" :title="t('common.close')">✕</button>
+                                </summary>
+                                <div class="prompt-history-body">
+                                    <ul v-if="!piHistoryLoading && !piHistoryError && piHistoryItems.length" class="prompt-history-list">
+                                        <li v-for="item in piHistoryItems" :key="item.id" :class="['prompt-history-item', { active: piHistoryPreviewId === item.id }]" @click="viewPiConfigHistoryItem(item)">
+                                            <span class="prompt-history-time">{{ item.id }}</span>
+                                            <span class="prompt-history-size">{{ Math.round(item.size / 1024 * 10) / 10 }} KB</span>
+                                        </li>
+                                    </ul>
+                                    <div v-if="piHistoryLoading" class="state-message">{{ t('diff.generating') }}</div>
+                                    <div v-else-if="piHistoryError" class="state-message error">{{ piHistoryError }}</div>
+                                    <div v-else-if="!piHistoryItems.length" class="state-message">{{ t('toast.history.empty') }}</div>
+                                    <div v-if="piHistoryPreviewContent" class="prompt-history-preview-wrap">
+                                        <pre class="prompt-history-preview">{{ piHistoryPreviewContent }}</pre>
+                                        <button type="button" class="btn-mini btn-confirm-mini" @click="applyPiConfigHistory" :disabled="piHistoryApplying || !isToolConfigWriteAllowed('pi')">{{ t('pi.history.apply') }}</button>
+                                    </div>
+                                </div>
+                            </details>
                         </section>
                         <div v-if="!isToolConfigWriteAllowed('pi')" class="tool-config-write-overlay">
                             <div class="tool-config-write-overlay-card">