codexmate 0.1.16 → 0.1.18

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

@@ -1,9 +1,37 @@
 import { api } from './api.mjs';
+import { PI_PROVIDER_TEMPLATE_GROUPS } from './pi-provider-templates.mjs';
 
 function isPiPlainObject(value) {
     return value && typeof value === 'object' && !Array.isArray(value);
 }
 
+function normalizePiModelInput(value) {
+    if (!Array.isArray(value)) return [];
+    return value.filter((item) => item === 'text' || item === 'image');
+}
+
+function normalizePiModelNumber(value) {
+    if (typeof value === 'number') return Number.isFinite(value) ? value : '';
+    if (typeof value === 'string' && value.trim() !== '') {
+        const num = Number(value);
+        return Number.isFinite(num) ? num : '';
+    }
+    return '';
+}
+
+function normalizePiModelRecord(model) {
+    const record = model && typeof model === 'object' ? model : {};
+    const contextWindow = record.contextWindow !== undefined ? record.contextWindow : record.context_window;
+    const maxTokens = record.maxTokens !== undefined ? record.maxTokens : record.max_tokens;
+    return {
+        id: record.id == null ? '' : String(record.id),
+        name: record.name == null ? '' : String(record.name),
+        reasoning: !!record.reasoning,
+        contextWindow: normalizePiModelNumber(contextWindow),
+        maxTokens: normalizePiModelNumber(maxTokens),
+        input: normalizePiModelInput(record.input)
+    };
+}
 export function createPiConfigMethods({ api: apiClient }) {
     return {
         async loadPiProviders() {
@@ -79,9 +107,18 @@ export function createPiConfigMethods({ api: apiClient }) {
             }
         },
         async savePiProvider() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
+            const editor = this.editingPiProvider;
+            if (!editor || !editor.form) return;
+            const isNew = !!editor.isNew;
+            const baseUrl = (editor.form.baseUrl || '').trim();
+            if (isNew && !baseUrl) {
+                this.message = 'Base URL 不能为空';
+                this.messageType = 'error';
+                return;
+            }
             this.piSaving = true;
             try {
-                const providerId = this.editingPiProvider.id;
                 const { merged, ok, error } = this.piBuildMergedEditorRecord();
                 if (!ok || !merged) {
                     this.piEditorJsonError = error || '配置 JSON 不合法';
@@ -89,12 +126,23 @@ export function createPiConfigMethods({ api: apiClient }) {
                     this.messageType = 'error';
                     return;
                 }
-
+                const providerId = isNew ? this.derivePiProviderId(baseUrl) : editor.id;
+                if (isNew) {
+                    merged.id = providerId;
+                    if (merged.name === undefined) merged.name = providerId;
+                }
                 await this.persistPiProvider(providerId, merged);
                 this.piProviders = { ...this.piProviders, [providerId]: merged };
                 this.piProviderIds = Object.keys(this.piProviders).sort();
                 this.resetPiProviderEditing();
-                this.message = '配置已保存';
+                if (isNew) {
+                    this.showAddPiProviderModal = false;
+                    this.piProviderPickerQuery = '';
+                    this.piSelectedProviderTemplate = '';
+                    this.message = '供应商已添加';
+                } else {
+                    this.message = '配置已保存';
+                }
                 this.messageType = 'success';
             } catch (e) {
                 this.message = e && e.message ? e.message : '保存 Pi 配置失败';
@@ -103,45 +151,6 @@ export function createPiConfigMethods({ api: apiClient }) {
                 this.piSaving = false;
             }
         },
-        async addPiProviderFromModal() {
-            let createdId = null;
-            this.piSaving = true;
-            try {
-                const baseUrl = (this.addingPiProviderBaseUrl || '').trim();
-                if (!baseUrl) throw new Error('Base URL 不能为空');
-                const providerId = this.derivePiProviderId(baseUrl);
-                const modelId = (this.addingPiProviderModel || '').trim();
-                const values = {
-                    id: providerId,
-                    name: providerId,
-                    baseUrl,
-                    api: this.addingPiProviderApi || 'openai-completions',
-                    apiKey: (this.addingPiProviderApiKey || '').trim(),
-                    models: modelId ? [{
-                        id: modelId,
-                        name: modelId,
-                        reasoning: false,
-                        contextWindow: 128000,
-                        maxTokens: 32000,
-                        input: ''
-                    }] : []
-                };
-
-                await this.persistPiProvider(providerId, values);
-                this.piProviders = { ...this.piProviders, [providerId]: values };
-                this.piProviderIds = Object.keys(this.piProviders).sort();
-                this.cancelAddPiProviderModal();
-                this.message = '供应商已添加';
-                this.messageType = 'success';
-                createdId = providerId;
-            } catch (e) {
-                this.message = e && e.message ? e.message : '添加 Pi 供应商失败';
-                this.messageType = 'error';
-            } finally {
-                this.piSaving = false;
-                if (createdId) this.openEditPiProvider(createdId);
-            }
-        },
         derivePiProviderId(baseUrl) {
             let candidate = String(Date.now());
             while (this.piProviders[candidate]) candidate = String(Number(candidate) + 1);
@@ -150,79 +159,156 @@ export function createPiConfigMethods({ api: apiClient }) {
         piProviderUrlTitle() {
             return '';
         },
+        resetPiEditorTransientState() {
+            this.piRemoteModels = [];
+            this.piRemoteModelError = '';
+            this.piRemoteChecked = {};
+            this.piCatalogFillError = '';
+            this.piCatalogFillIndex = -1;
+            this.piModelSearch = '';
+            this.piEditorJsonError = '';
+        },
         startAddPiProvider() {
             if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
-            this.addingPiProviderId = '';
-            this.addingPiProviderName = '';
-            this.addingPiProviderBaseUrl = '';
-            this.addingPiProviderApi = 'openai-completions';
-            this.addingPiProviderApiKey = '';
-            this.addingPiProviderModel = '';
-            this.addingPiRemoteModels = [];
-            this.addingPiRemoteLoading = false;
-            this.addingPiRemoteError = '';
-            this.showAddPiProviderModal = true;
             this.editingPiProvider = null;
+            this.showAddPiProviderModal = true;
+            this.piProviderPickerQuery = '';
+            this.piSelectedProviderTemplate = '';
+            this.resetPiEditorTransientState();
         },
         cancelAddPiProviderModal() {
             this.showAddPiProviderModal = false;
-            this.addingPiProviderId = '';
-            this.addingPiProviderName = '';
-            this.addingPiProviderBaseUrl = '';
-            this.addingPiProviderApi = '';
-            this.addingPiProviderApiKey = '';
-            this.addingPiProviderModel = '';
-            this.addingPiRemoteModels = [];
-            this.addingPiRemoteLoading = false;
-            this.addingPiRemoteError = '';
-        },
-        async fetchAddingPiRemoteModels() {
-            const baseUrl = (this.addingPiProviderBaseUrl || '').trim();
-            if (!baseUrl || !/^https?:\/\//i.test(baseUrl)) {
-                this.addingPiRemoteModels = [];
-                this.addingPiRemoteError = '';
-                return;
+            this.piProviderPickerQuery = '';
+            this.piSelectedProviderTemplate = '';
+            if (this.editingPiProvider && this.editingPiProvider.isNew) this.editingPiProvider = null;
+            this.resetPiEditorTransientState();
+        },
+        piProviderTemplateGroups() {
+            const query = (this.piProviderPickerQuery || '').trim().toLowerCase();
+            if (!query) return PI_PROVIDER_TEMPLATE_GROUPS;
+            return PI_PROVIDER_TEMPLATE_GROUPS
+                .map((group) => ({
+                    id: group.id,
+                    i18nKey: group.i18nKey,
+                    templates: group.templates.filter((tpl) =>
+                        tpl.name.toLowerCase().includes(query) || tpl.id.toLowerCase().includes(query))
+                }))
+                .filter((group) => group.templates.length > 0);
+        },
+        selectPiProviderTemplate(tplId) {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
+            const tpl = PI_PROVIDER_TEMPLATE_GROUPS
+                .flatMap((group) => group.templates)
+                .find((item) => item.id === tplId);
+            if (!tpl) return;
+            this.piSelectedProviderTemplate = tpl.id;
+            this.startPiProviderDraft(tpl);
+        },
+        startPiProviderDraft(tpl) {
+            const template = isPiPlainObject(tpl) ? tpl : {};
+            this.resetPiEditorTransientState();
+            this.editingPiProvider = {
+                id: '',
+                isNew: true,
+                form: {
+                    id: '',
+                    baseUrl: template.baseUrl || '',
+                    api: template.api || 'openai-completions',
+                    apiKey: '',
+                    configJsonDraft: '',
+                    models: []
+                },
+                extras: {},
+                original: null
+            };
+            this.fetchPiRemoteModels();
+        },
+        resetPiProviderTemplateSelection() {
+            this.piSelectedProviderTemplate = '';
+            if (this.editingPiProvider && this.editingPiProvider.isNew) this.editingPiProvider = null;
+        },
+        piRemoteSelectableModels() {
+            const base = Array.isArray(this.piRemoteModels) ? this.piRemoteModels : [];
+            const form = this.editingPiProvider && this.editingPiProvider.form;
+            const existing = Array.isArray(form && form.models) ? form.models : [];
+            const added = new Set(existing.map((m) => String(m && m.id || '').trim().toLowerCase()));
+            const q = (this.piModelSearch || '').trim().toLowerCase();
+            return base
+                .filter((id) => {
+                    if (added.has(String(id).trim().toLowerCase())) return false;
+                    return !q || String(id).toLowerCase().includes(q);
+                })
+                .slice(0, 50);
+        },
+        isPiRemoteChecked(id) {
+            return !!this.piRemoteChecked[String(id)];
+        },
+        togglePiRemoteChecked(id) {
+            const key = String(id);
+            const next = { ...this.piRemoteChecked };
+            if (next[key]) delete next[key];
+            else next[key] = true;
+            this.piRemoteChecked = next;
+        },
+        piCheckedRemoteCount() {
+            return this.piRemoteSelectableModels().filter((id) => this.isPiRemoteChecked(id)).length;
+        },
+        piCreateModelRecord(id) {
+            const t = String(id || '').trim();
+            return {
+                id: t,
+                name: t,
+                reasoning: false,
+                contextWindow: 128000,
+                maxTokens: 32000,
+                input: []
+            };
+        },
+        addSelectedPiRemoteModels() {
+            if (!this.isToolConfigWriteAllowed('pi') || !this.editingPiProvider) return;
+            const form = this.editingPiProvider.form;
+            if (!form || !Array.isArray(form.models)) return;
+            const existing = new Set(form.models.map((m) => String(m && m.id || '').trim().toLowerCase()));
+            for (const id of this.piRemoteSelectableModels()) {
+                if (!this.isPiRemoteChecked(id)) continue;
+                const key = String(id).trim().toLowerCase();
+                if (existing.has(key)) continue;
+                form.models.push(this.piCreateModelRecord(id));
+                existing.add(key);
             }
-            this.addingPiRemoteLoading = true;
-            this.addingPiRemoteError = '';
+            this.piRemoteChecked = {};
+            this.piModelSearch = '';
+        },
+        async fillPiModelFromCatalog(index) {
+            if (!this.isToolConfigWriteAllowed('pi') || !this.editingPiProvider) return;
+            const models = this.editingPiProvider.form && this.editingPiProvider.form.models;
+            const model = Array.isArray(models) ? models[index] : null;
+            if (!model || !String(model.id || '').trim()) return;
+            if (this.piCatalogFillIndex !== -1) return;
+            this.piCatalogFillIndex = index;
+            this.piCatalogFillError = '';
             try {
-                const result = await apiClient('fetch-pi-remote-models', {
-                    baseUrl,
-                    apiKey: (this.addingPiProviderApiKey || '').trim()
+                const result = await apiClient('pi-models-catalog', {
+                    modelId: String(model.id).trim(),
+                    providerId: this.editingPiProvider.id,
+                    baseUrl: this.editingPiProvider.form.baseUrl || ''
                 });
-                if (!this.showAddPiProviderModal) return;
-                if (result && Array.isArray(result.models) && result.models.length > 0) {
-                    this.addingPiRemoteModels = result.models;
+                if (result && result.ok && isPiPlainObject(result.model)) {
+                    const info = result.model;
+                    if (model.name === '' && typeof info.name === 'string') model.name = info.name;
+                    if (model.contextWindow === '' && Number.isFinite(info.contextWindow)) model.contextWindow = info.contextWindow;
+                    if (model.maxTokens === '' && Number.isFinite(info.maxTokens)) model.maxTokens = info.maxTokens;
+                    model.reasoning = !!info.reasoning;
                 } else {
-                    this.addingPiRemoteModels = [];
-                    this.addingPiRemoteError = (result && result.error) || '未获取到可用模型';
+                    this.piCatalogFillError = (result && result.error) || 'models.dev 目录中未找到该模型';
                 }
-            } catch (e) {
-                if (!this.showAddPiProviderModal) return;
-                this.addingPiRemoteModels = [];
-                this.addingPiRemoteError = e && e.message ? e.message : '模型列表获取失败';
             } finally {
-                if (this.showAddPiProviderModal) this.addingPiRemoteLoading = false;
+                this.piCatalogFillIndex = -1;
             }
         },
-        onAddingPiEndpointChange() {
-            if (this.addingPiRemoteDebounce) clearTimeout(this.addingPiRemoteDebounce);
-            this.addingPiRemoteDebounce = setTimeout(() => {
-                this.addingPiRemoteDebounce = null;
-                this.fetchAddingPiRemoteModels();
-            }, 600);
-        },
-        piFilteredAddingRemoteModels() {
-            const query = (this.addingPiProviderModel || '').trim().toLowerCase();
-            if (!query) return [];
-            return this.addingPiRemoteModels.filter((id) => id.toLowerCase().includes(query)).slice(0, 50);
-        },
         openEditPiProvider(providerId) {
             if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
-            this.piRemoteModels = [];
-            this.piRemoteModelError = '';
-            this.piModelSearch = '';
-            this.piEditorJsonError = '';
+            this.resetPiEditorTransientState();
             const provider = this.piProviders[providerId] || {};
             const knownKeys = ['id', 'name', 'title', 'baseUrl', 'api', 'apiKey', 'models', 'headers', 'configJson'];
             const extras = {};
@@ -236,14 +322,7 @@ export function createPiConfigMethods({ api: apiClient }) {
                 apiKey: provider.apiKey || '',
                 configJsonDraft: JSON.stringify(extras, null, 2),
                 models: Array.isArray(provider.models) && provider.models.length
-                    ? provider.models.map((model) => ({
-                        id: model?.id || '',
-                        name: model?.name || '',
-                        reasoning: model?.reasoning || '',
-                        contextWindow: model?.contextWindow ?? model?.context_window ?? '',
-                        maxTokens: model?.maxTokens ?? model?.max_tokens ?? '',
-                        input: model?.input || ''
-                    }))
+                    ? provider.models.map((model) => ({ ...model, ...normalizePiModelRecord(model) }))
                     : []
             };
             this.editingPiProvider = {
@@ -259,9 +338,19 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.editingPiProvider = null;
             this.piRemoteModels = [];
             this.piRemoteModelError = '';
+            this.piRemoteChecked = {};
+            this.piCatalogFillError = '';
+            this.piCatalogFillIndex = -1;
             this.piModelSearch = '';
             this.piEditorJsonError = '';
         },
+        closePiProviderEditor() {
+            const editor = this.editingPiProvider;
+            if (!editor) return;
+            const wasNew = !!editor.isNew;
+            this.resetPiProviderEditing();
+            if (wasNew) this.piSelectedProviderTemplate = '';
+        },
         removePiProviderModel(index) {
             if (!this.editingPiProvider) return;
             const list = this.editingPiProvider.form.models;
@@ -280,13 +369,16 @@ export function createPiConfigMethods({ api: apiClient }) {
                 if (this.editingPiProvider !== provider) return;
                 if (result && Array.isArray(result.models) && result.models.length > 0) {
                     this.piRemoteModels = result.models;
+                    this.piRemoteChecked = {};
                 } else {
                     this.piRemoteModels = [];
+                    this.piRemoteChecked = {};
                     this.piRemoteModelError = (result && result.error) || '未获取到可用模型';
                 }
             } catch (e) {
                 if (this.editingPiProvider !== provider) return;
                 this.piRemoteModels = [];
+                this.piRemoteChecked = {};
                 this.piRemoteModelError = e && e.message ? e.message : '模型列表获取失败';
             } finally {
                 if (this.editingPiProvider === provider) this.piRemoteModelsLoading = false;
@@ -303,14 +395,10 @@ export function createPiConfigMethods({ api: apiClient }) {
             if (!trimmed) return;
             const list = this.editingPiProvider.form.models;
             if (!Array.isArray(list)) return;
-            list.splice(0, list.length, {
-                id: trimmed,
-                name: trimmed,
-                reasoning: false,
-                contextWindow: 128000,
-                maxTokens: 32000,
-                input: ''
-            });
+            const key = trimmed.toLowerCase();
+            const duplicated = list.some((m) => String(m && m.id || '').trim().toLowerCase() === key);
+            if (duplicated) return;
+            list.push(this.piCreateModelRecord(trimmed));
             this.piModelSearch = '';
         },
         async confirmDeletePiProvider() {
@@ -447,11 +535,11 @@ export function createPiConfigMethods({ api: apiClient }) {
             const values = provider.form || {};
             const extras = draft.extras || {};
             const orig = this.piProviders[provider.id] || {};
-            const mapModels = (xs) => (Array.isArray(xs) ? xs : []).map((model) => ({
-                ...model,
-                id: (model && model.id) || '',
-                name: (model && (model.name || model.id)) || ''
-            }));
+            const mapModels = (xs) => (Array.isArray(xs) ? xs : []).map((model) => {
+                const record = { ...(model && typeof model === 'object' ? model : {}), ...normalizePiModelRecord(model) };
+                if (!record.name) record.name = record.id;
+                return record;
+            });
             const merged = { ...extras };
             if (merged.baseUrl === undefined) merged.baseUrl = values.baseUrl || '';
             if (merged.api === undefined) merged.api = values.api || '';
@@ -475,6 +563,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,12 +1364,29 @@ 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',
     'pi.providers.models.remoteLoading': 'Fetching remote model list…',
     'pi.providers.models.remoteFailed': 'You can still type model IDs manually.',
     'pi.providers.models.noMatch': 'No matching models',
+    'pi.providers.models.importTitle': 'Import models from endpoint',
+    'pi.providers.models.addSelected': 'Add selected ({count})',
+    'pi.providers.models.name': 'Name',
+    'pi.providers.models.reasoning': 'Supports reasoning',
+    'pi.providers.models.contextWindow': 'Context window',
+    'pi.providers.models.maxTokens': 'Max output',
+    'pi.providers.models.catalogFill': 'Auto-fill',
+    'pi.providers.models.catalogFilling': 'Filling…',
+    'pi.picker.searchPlaceholder': 'Search providers…',
+    'pi.picker.group.custom': 'Custom endpoint',
+    'pi.picker.group.apiKey': 'API key providers',
+    'pi.picker.empty': 'No matching provider templates',
+    'pi.picker.back': 'Back to template selection',
     'pi.providers.delete': 'Delete Provider',
     'pi.providers.addModal.title': 'Add Provider',
     'pi.providers.addModal.subtitle': 'Create a new Piper provider',

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,12 +1365,29 @@ 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} 個のモデルを取得しました。クリックで追加',
     'pi.providers.models.remoteLoading': 'リモートモデル一覧を取得中…',
     'pi.providers.models.remoteFailed': 'モデル ID は手動入力できます。',
     'pi.providers.models.noMatch': '一致するモデルがありません',
+    'pi.providers.models.importTitle': 'エンドポイントからモデルをインポート',
+    'pi.providers.models.addSelected': '選択済みを追加（{count}）',
+    'pi.providers.models.name': '名前',
+    'pi.providers.models.reasoning': '推論をサポート',
+    'pi.providers.models.contextWindow': 'コンテキストウィンドウ',
+    'pi.providers.models.maxTokens': '最大出力',
+    'pi.providers.models.catalogFill': '自動入力',
+    'pi.providers.models.catalogFilling': '入力中…',
+    'pi.picker.searchPlaceholder': 'プロバイダーを検索…',
+    'pi.picker.group.custom': 'カスタムエンドポイント',
+    'pi.picker.group.apiKey': 'API キープロバイダー',
+    'pi.picker.empty': '一致するプロバイダーテンプレートがありません',
+    'pi.picker.back': 'テンプレート選択に戻る',
     'pi.providers.delete': 'プロバイダを削除',
     'pi.providers.addModal.title': 'プロバイダを追加',
     'pi.providers.addModal.subtitle': '新しい Piper プロバイダを作成',