codexmate 0.1.12 → 0.1.13

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

@@ -0,0 +1,371 @@
+import { api } from './api.mjs';
+
+function isPiPlainObject(value) {
+    return value && typeof value === 'object' && !Array.isArray(value);
+}
+
+export function createPiConfigMethods({ api: apiClient }) {
+    return {
+        async loadPiProviders() {
+            const result = await apiClient('read-pi-models');
+            const providers = isPiPlainObject(result && result.providers) ? result.providers : {};
+            return providers;
+        },
+        async loadPiSettings() {
+            const result = await apiClient('read-pi-settings');
+            const settings = isPiPlainObject(result && result.settings) ? result.settings : {};
+            this.piActiveProvider = typeof settings.defaultProvider === 'string' ? settings.defaultProvider : '';
+            this.piActiveModel = typeof settings.defaultModel === 'string' ? settings.defaultModel : '';
+            return settings;
+        },
+        async switchPiActiveProvider(providerId) {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving) return;
+            const provider = this.piProviders[providerId];
+            if (!isPiPlainObject(provider)) return;
+            const firstModel = Array.isArray(provider.models) && provider.models.length > 0
+                ? (provider.models[0] && provider.models[0].id) || ''
+                : '';
+            const updates = { defaultProvider: providerId };
+            if (firstModel) updates.defaultModel = firstModel;
+            try {
+                const result = await apiClient('write-pi-settings', updates);
+                if (result && result.error) throw new Error(result.error);
+                await this.loadPiSettings();
+                this.message = '已切换为使用该供应商';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '切换默认供应商失败';
+                this.messageType = 'error';
+            }
+        },
+        async savePiProviders(providers) {
+            return apiClient('write-pi-models', { providers });
+        },
+        async removePiProvider(providerId) {
+            const providers = await this.loadPiProviders();
+            const existing = providers[providerId] || {};
+            const updated = { ...providers };
+            delete updated[providerId];
+            await this.savePiProviders(updated);
+            return { success: true, provider: existing };
+        },
+        async persistPiProvider(providerId, values) {
+            const providers = await this.loadPiProviders();
+            const existing = providers[providerId] || {};
+            const current = isPiPlainObject(values) ? values : {};
+
+            const updatedProvider = {
+                ...existing,
+                ...current
+            };
+
+            return this.savePiProviders({ ...providers, [providerId]: updatedProvider });
+        },
+        async loadPiSources() {
+            this.piProviderLoading = true;
+            try {
+                const [providers] = await Promise.all([
+                    this.loadPiProviders(),
+                    this.loadPiSettings()
+                ]);
+                this.piProviders = providers || {};
+                this.piProviderIds = Object.keys(this.piProviders || {}).sort();
+            } catch (e) {
+                this.message = e && e.message ? e.message : '读取 Pi 配置失败';
+                this.messageType = 'error';
+            } finally {
+                this.piProviderLoading = false;
+            }
+        },
+        async savePiProvider() {
+            this.piSaving = true;
+            try {
+                const providerId = this.editingPiProvider.id;
+                const values = this.editingPiProvider.form;
+                const extras = this.editingPiProvider.extras || {};
+                const provider = this.piProviders[providerId] || {};
+
+                const merged = {
+                    ...extras,
+                    baseUrl: values.baseUrl,
+                    api: values.api,
+                    apiKey: values.apiKey || '',
+                    models: (Array.isArray(values.models) ? values.models : []).map((model) => ({
+                        ...model,
+                        id: model.id || '',
+                        name: model.id || ''
+                    }))
+                };
+                if (isPiPlainObject(provider.headers)) merged.headers = provider.headers;
+                if (typeof provider.title === 'string') merged.title = provider.title;
+                else if (typeof provider.name === 'string') merged.name = provider.name;
+
+                await this.persistPiProvider(providerId, merged);
+                this.piProviders = { ...this.piProviders, [providerId]: merged };
+                this.piProviderIds = Object.keys(this.piProviders).sort();
+                this.resetPiProviderEditing();
+                this.message = '配置已保存';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '保存 Pi 配置失败';
+                this.messageType = 'error';
+            } finally {
+                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 = {
+                    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 base = '';
+            try {
+                base = new URL(baseUrl).hostname.replace(/^www\./, '');
+            } catch (_) {
+                base = '';
+            }
+            const candidate = (base || 'pi-provider').replace(/[^a-zA-Z0-9-]/g, '-')
+                .replace(/-+/g, '-').replace(/^-|-$/g, '') || 'pi-provider';
+            if (!this.piProviders[candidate]) return candidate;
+            let suffix = 2;
+            while (this.piProviders[`${candidate}-${suffix}`]) suffix += 1;
+            return `${candidate}-${suffix}`;
+        },
+        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;
+        },
+        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.addingPiRemoteLoading = true;
+            this.addingPiRemoteError = '';
+            try {
+                const result = await apiClient('fetch-pi-remote-models', {
+                    baseUrl,
+                    apiKey: (this.addingPiProviderApiKey || '').trim()
+                });
+                if (!this.showAddPiProviderModal) return;
+                if (result && Array.isArray(result.models) && result.models.length > 0) {
+                    this.addingPiRemoteModels = result.models;
+                } else {
+                    this.addingPiRemoteModels = [];
+                    this.addingPiRemoteError = (result && result.error) || '未获取到可用模型';
+                }
+            } catch (e) {
+                if (!this.showAddPiProviderModal) return;
+                this.addingPiRemoteModels = [];
+                this.addingPiRemoteError = e && e.message ? e.message : '模型列表获取失败';
+            } finally {
+                if (this.showAddPiProviderModal) this.addingPiRemoteLoading = false;
+            }
+        },
+        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 = '';
+            const provider = this.piProviders[providerId] || {};
+            const knownKeys = ['id', 'name', 'title', 'baseUrl', 'api', 'apiKey', 'models', 'headers', 'configJson'];
+            const extras = {};
+            Object.keys(provider).forEach((key) => {
+                if (!knownKeys.includes(key)) extras[key] = provider[key];
+            });
+            const form = {
+                id: provider.id || providerId,
+                baseUrl: provider.baseUrl || '',
+                api: provider.api || '',
+                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 || ''
+                    }))
+                    : []
+            };
+            this.editingPiProvider = {
+                id: providerId,
+                form,
+                extras,
+                original: provider
+            };
+            this.showAddPiProviderModal = false;
+            this.fetchPiRemoteModels();
+        },
+        resetPiProviderEditing() {
+            this.editingPiProvider = null;
+            this.piRemoteModels = [];
+            this.piRemoteModelError = '';
+            this.piModelSearch = '';
+        },
+        removePiProviderModel(index) {
+            if (!this.editingPiProvider) return;
+            const list = this.editingPiProvider.form.models;
+            if (Array.isArray(list)) list.splice(index, 1);
+        },
+        async fetchPiRemoteModels() {
+            const provider = this.editingPiProvider;
+            if (!provider) return;
+            this.piRemoteModelsLoading = true;
+            this.piRemoteModelError = '';
+            try {
+                const result = await apiClient('fetch-pi-remote-models', {
+                    baseUrl: provider.form.baseUrl || '',
+                    apiKey: provider.form.apiKey || ''
+                });
+                if (this.editingPiProvider !== provider) return;
+                if (result && Array.isArray(result.models) && result.models.length > 0) {
+                    this.piRemoteModels = result.models;
+                } else {
+                    this.piRemoteModels = [];
+                    this.piRemoteModelError = (result && result.error) || '未获取到可用模型';
+                }
+            } catch (e) {
+                if (this.editingPiProvider !== provider) return;
+                this.piRemoteModels = [];
+                this.piRemoteModelError = e && e.message ? e.message : '模型列表获取失败';
+            } finally {
+                if (this.editingPiProvider === provider) this.piRemoteModelsLoading = false;
+            }
+        },
+        piFilteredRemoteModels() {
+            const query = (this.piModelSearch || '').trim().toLowerCase();
+            if (!query) return [];
+            return this.piRemoteModels.filter((id) => id.toLowerCase().includes(query)).slice(0, 50);
+        },
+        addPiRemoteModel(modelId) {
+            if (!this.isToolConfigWriteAllowed('pi') || !this.editingPiProvider) return;
+            const trimmed = typeof modelId === 'string' ? modelId.trim() : '';
+            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: ''
+            });
+            this.piModelSearch = '';
+        },
+        async confirmDeletePiProvider() {
+            if (!this.editingPiProvider) return;
+            const providerId = this.editingPiProvider.id;
+            const confirmed = await this.requestConfirmDialog({
+                title: this.t('pi.providers.deleteTitle'),
+                message: this.t('pi.providers.deleteMessage', { name: this.piProviderName(providerId) }),
+                confirmText: this.t('confirm.ok'),
+                cancelText: this.t('confirm.cancel'),
+                danger: true
+            });
+            if (!confirmed) return;
+            await this.removePiProvider(providerId);
+            const updated = { ...this.piProviders };
+            delete updated[providerId];
+            this.piProviders = updated;
+            this.piProviderIds = Object.keys(this.piProviders).sort();
+            this.resetPiProviderEditing();
+            this.message = '供应商已删除';
+            this.messageType = 'success';
+        },
+        piProviderName(providerId) {
+            const provider = this.piProviders[providerId] || {};
+            if (provider.title || provider.name) return provider.title || provider.name;
+            const urlTitle = this.piProviderUrlTitle(provider);
+            return urlTitle || providerId;
+        },
+        piProviderUrlTitle(provider) {
+            const baseUrl = provider && provider.baseUrl ? String(provider.baseUrl) : '';
+            if (!baseUrl) return '';
+            try {
+                const hostname = new URL(baseUrl).hostname;
+                return hostname.replace(/^www\./, '');
+            } catch (e) {
+                return '';
+            }
+        },
+        piProviderSummary(providerId) {
+            const provider = this.piProviders[providerId] || {};
+            const baseUrl = provider.baseUrl || '';
+            const api = provider.api || '';
+            return [baseUrl, api].filter(Boolean).join(' • ') || 'Piper provider';
+        }
+    };
+}

package/web-ui/modules/app.methods.session-actions.mjs

@@ -360,7 +360,7 @@ export function createSessionActionMethods(options = {}) {
         normalizeConfigModeVisibility(value) {
             const source = value && typeof value === 'object' && !Array.isArray(value) ? value : {};
             const result = {};
-            for (const mode of ['codex', 'claude', 'openclaw', 'opencode', 'kilocode']) {
+            for (const mode of ['codex', 'claude', 'openclaw', 'opencode', 'kilocode', 'pi']) {
                 result[mode] = typeof source[mode] === 'boolean' ? source[mode] : true;
             }
             return result;
@@ -374,8 +374,8 @@ export function createSessionActionMethods(options = {}) {
 
         setConfigModeVisibility(mode, visible) {
             const normalizedMode = typeof mode === 'string' ? mode.trim().toLowerCase() : '';
-            if (!normalizedMode || !['codex', 'claude', 'openclaw', 'opencode', 'kilocode'].includes(normalizedMode)) return;
-            const visibility = this.configModeVisibility || { codex: true, claude: true, openclaw: true, opencode: true, kilocode: true };
+            if (!normalizedMode || !['codex', 'claude', 'openclaw', 'opencode', 'kilocode', 'pi'].includes(normalizedMode)) return;
+            const visibility = this.configModeVisibility || { codex: true, claude: true, openclaw: true, opencode: true, kilocode: true, pi: true };
             const next = { ...visibility, [normalizedMode]: !!visible };
             const visibleCount = Object.values(next).filter(Boolean).length;
             if (visibleCount === 0) {
@@ -387,7 +387,7 @@ export function createSessionActionMethods(options = {}) {
                 this.persistWebUiPreferences({ configModeVisibility: next });
             }
             if (this.mainTab === 'config' && this.configMode === normalizedMode && !next[normalizedMode]) {
-                const fallback = ['codex', 'claude', 'openclaw', 'opencode', 'kilocode'].find(m => next[m] !== false);
+                const fallback = ['codex', 'claude', 'openclaw', 'opencode', 'kilocode', 'pi'].find(m => next[m] !== false);
                 if (fallback) this.switchConfigMode(fallback);
             }
         },

package/web-ui/modules/app.methods.startup-claude.mjs

@@ -145,7 +145,8 @@ export function createStartupClaudeMethods(options = {}) {
                             claude: statusRes.toolConfigPermissions.claude === true,
                             opencode: statusRes.toolConfigPermissions.opencode === true,
                             kilocode: statusRes.toolConfigPermissions.kilocode === true,
-                            openclaw: statusRes.toolConfigPermissions.openclaw === true
+                            openclaw: statusRes.toolConfigPermissions.openclaw === true,
+                            pi: statusRes.toolConfigPermissions.pi === true
                         };
                     }
                     this.providersList = listRes.providers;

package/web-ui/modules/app.methods.tool-config-permissions.mjs

@@ -3,7 +3,7 @@ export function createToolConfigPermissionMethods(options = {}) {
 
     function normalizeTarget(value) {
         const target = typeof value === 'string' ? value.trim().toLowerCase() : '';
-        return target === 'codex' || target === 'claude' || target === 'opencode' || target === 'kilocode' || target === 'openclaw' ? target : '';
+        return target === 'codex' || target === 'claude' || target === 'opencode' || target === 'kilocode' || target === 'openclaw' || target === 'pi' ? target : '';
     }
 
     function normalizePermissions(value) {
@@ -13,7 +13,8 @@ export function createToolConfigPermissionMethods(options = {}) {
             claude: source.claude === true,
             opencode: source.opencode === true,
             kilocode: source.kilocode === true,
-            openclaw: source.openclaw === true
+            openclaw: source.openclaw === true,
+            pi: source.pi === true
         };
     }
 

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

@@ -457,7 +457,8 @@ export function createWebUiPreferencesMethods(options = {}) {
                         claude: source.toolConfigPermissions.claude === true,
                         opencode: source.toolConfigPermissions.opencode === true,
                         kilocode: source.toolConfigPermissions.kilocode === true,
-                        openclaw: source.toolConfigPermissions.openclaw === true
+                        openclaw: source.toolConfigPermissions.openclaw === true,
+                        pi: source.toolConfigPermissions.pi === true
                     };
                 }
                 if (Array.isArray(source.deletedClaudeSettingsImports)) {

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

@@ -12,7 +12,8 @@ export const CONFIG_MODE_SET = new Set([
     'claude',
     'openclaw',
     'opencode',
-    'kilocode'
+    'kilocode',
+    'pi'
 ]);
 
 export function getProviderConfigModeMeta(mode) {

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

@@ -13,6 +13,7 @@ const en = Object.freeze({
     'common.paste': 'Paste',
     'common.edit': 'Edit',
     'common.install': 'Install',
+    'common.optional': 'optional',
     'common.update': 'Update',
     'common.uninstall': 'Uninstall',
     'common.official': 'Official',
@@ -135,6 +136,7 @@ const en = Object.freeze({
     'tab.config.claude': 'Claude',
     'tab.config.openclaw': 'OpenClaw',
     'tab.config.opencode': 'OpenCode',
+    'tab.config.pi': 'Pi',
     'tab.sessions': 'Sessions',
     'tab.usage': 'Usage',
     'tab.market': 'Skills',
@@ -1319,6 +1321,47 @@ const en = Object.freeze({
     'toolConfig.openclaw.confirmMessage': 'When enabled, actions in the OpenClaw tab can write openclaw.json and OpenClaw workspace files (AGENTS.md, SOUL.md, etc.).',
     'toolConfig.openclaw.lockedTitle': 'OpenClaw is read-only',
     'toolConfig.openclaw.lockedDesc': 'OpenClaw config is not written here. To apply configs or edit workspace files, enable write access on this tab first.',
+    'side.config.pi': 'Pi',
+    'side.config.pi.meta': 'Config',
+    'toolConfig.pi.title': 'Pi config writes',
+    'toolConfig.pi.desc': 'Read-only by default; enable to sync Pi config.',
+    'toolConfig.pi.lockedTitle': 'Read-only',
+    'toolConfig.pi.lockedDesc': 'Enable write access to sync Pi config.',
+    'toolConfig.pi.confirmMessage': 'When enabled, actions in the Pi tab can write the Pi config file (~/.pi/config.json or ./.pi/config.json).',
+    'pi.status.readOnly': 'Read-only',
+    'pi.config.openGlobal': 'Open global config',
+    'pi.providers.title': 'Pi Providers',
+    'pi.providers.subtitle': 'Manage Piper local providers and models',
+    'pi.providers.empty': 'No providers found. Click Add to start.',
+    'pi.providers.targetFile': 'Active Pi config file: {path}',
+    'pi.providers.editorTitle': 'Edit Provider',
+    'pi.providers.add': 'Add Provider',
+    'pi.providers.active': 'Active',
+    'pi.providers.setActive': 'Set Active',
+    'pi.providers.deleteTitle': 'Delete Pi Provider',
+    'pi.providers.deleteMessage': 'Delete provider "{name}"?',
+    'pi.providers.fields.name': 'Name',
+    'pi.providers.fields.baseUrl': 'Base URL',
+    'pi.providers.fields.api': 'API',
+    'pi.providers.fields.apiKey': 'API Key',
+    'pi.providers.fields.models': 'Models',
+    'pi.providers.fields.configJson': 'Config JSON',
+    '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.delete': 'Delete Provider',
+    'pi.providers.addModal.title': 'Add Provider',
+    'pi.providers.addModal.subtitle': 'Create a new Piper provider',
+    'pi.providers.addModal.fields.baseUrl': 'Base URL',
+    'pi.providers.addModal.fields.apiKey': 'API Key',
+    'pi.providers.addModal.api.openaiCompletions': 'OpenAI Chat Completions (most compatible)',
+    'pi.providers.addModal.api.openaiResponses': 'OpenAI Responses API',
+    'pi.providers.addModal.api.anthropicMessages': 'Anthropic Messages API',
+    'pi.providers.addModal.api.googleGenerativeAi': 'Google Generative AI',
+    'pi.providers.addModal.fields.api': 'API Format',
     'kilocode.providerModel.title': 'KiloCode provider / model',
     'kilocode.connection.title': 'KiloCode connection',
     'kilocode.targetFile': 'Active KiloCode config: {path} · {status}',

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

@@ -14,6 +14,7 @@ const ja = Object.freeze({
     'common.paste': 'ペースト',
     'common.edit': '編集',
     'common.install': 'インストール',
+    'common.optional': '任意',
     'common.update': 'アップグレード',
     'common.uninstall': 'アンインストール',
     'common.official': '公式',
@@ -136,6 +137,7 @@ const ja = Object.freeze({
     'tab.config.claude': 'Claude',
     'tab.config.openclaw': 'OpenClaw',
     'tab.config.opencode': 'OpenCode',
+    'tab.config.pi': 'Pi',
     'tab.sessions': 'セッション',
     'tab.usage': '使用量',
     'tab.market': 'Skills',
@@ -1320,6 +1322,47 @@ const ja = Object.freeze({
     'toolConfig.openclaw.confirmMessage': '有効化すると、OpenClaw タブ内の操作が openclaw.json およびワークスペースファイル（AGENTS.md、SOUL.md など）に書き込みできます。',
     'toolConfig.openclaw.lockedTitle': 'OpenClaw は読み取り専用です',
     'toolConfig.openclaw.lockedDesc': 'ここでは OpenClaw 設定を書き込みません。設定を適用またはワークスペースファイルを編集するには、このタブの書き込みスイッチを有効化してください。',
+    'side.config.pi': 'Pi',
+    'side.config.pi.meta': '設定',
+    'toolConfig.pi.title': 'Pi 設定の書き込み',
+    'toolConfig.pi.desc': '既定は読み取り専用。有効化すると Pi 設定を同期できます。',
+    'toolConfig.pi.lockedTitle': '読み取り専用',
+    'toolConfig.pi.lockedDesc': '書き込み権限を有効化すると、Pi 設定を同期できます。',
+    'toolConfig.pi.confirmMessage': '有効化すると、Pi タブ内の操作で ~/.pi/config.json または ./.pi/config.json に書き込むことができます。',
+    'pi.status.readOnly': '読み取り専用',
+    'pi.config.openGlobal': 'グローバル設定を開く',
+    'pi.providers.title': 'Pi プロバイダ',
+    'pi.providers.subtitle': 'Piper ローカルプロバイダとモデルを管理',
+    'pi.providers.empty': 'Piper プロバイダが見つかりません。「追加」をクリックして開始してください。',
+    'pi.providers.targetFile': 'Pi の有効な設定ファイル：{path}',
+    'pi.providers.editorTitle': 'プロバイダを編集',
+    'pi.providers.add': 'プロバイダを追加',
+    'pi.providers.active': '有効',
+    'pi.providers.setActive': '使用中に設定',
+    'pi.providers.deleteTitle': 'Pi 設定を削除',
+    'pi.providers.deleteMessage': 'プロバイダー「{name}」を削除しますか？',
+    'pi.providers.fields.name': '名前',
+    'pi.providers.fields.baseUrl': 'Base URL',
+    'pi.providers.fields.api': 'API 形式',
+    'pi.providers.fields.apiKey': 'API Key',
+    'pi.providers.fields.models': 'モデル',
+    'pi.providers.fields.configJson': '設定 JSON',
+    '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.delete': 'プロバイダを削除',
+    'pi.providers.addModal.title': 'プロバイダを追加',
+    'pi.providers.addModal.subtitle': '新しい Piper プロバイダを作成',
+    'pi.providers.addModal.fields.baseUrl': 'Base URL',
+    'pi.providers.addModal.fields.apiKey': 'API Key',
+    'pi.providers.addModal.api.openaiCompletions': 'OpenAI Chat Completions（最も互換性が高い）',
+    'pi.providers.addModal.api.openaiResponses': 'OpenAI Responses API',
+    'pi.providers.addModal.api.anthropicMessages': 'Anthropic Messages API',
+    'pi.providers.addModal.api.googleGenerativeAi': 'Google Generative AI',
+    'pi.providers.addModal.fields.api': 'API 形式',
     'kilocode.providerModel.title': 'KiloCode プロバイダー / モデル',
     'kilocode.connection.title': 'KiloCode 接続',
     'kilocode.targetFile': '有効な KiloCode 設定：{path} · {status}',

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

@@ -22,6 +22,7 @@ const vi = Object.freeze({
     'common.paste': 'Dán',
     'common.edit': 'Chỉnh sửa',
     'common.install': 'Cài đặt',
+    'common.optional': 'không bắt buộc',
     'common.update': 'Cập nhật',
     'common.uninstall': 'Gỡ cài đặt',
     'common.official': 'Chính thức',
@@ -95,6 +96,7 @@ const vi = Object.freeze({
     'tab.docs': 'Tài liệu',
     'tab.config': 'Cấu hình',
     'tab.config.opencode': 'OpenCode',
+    'tab.config.pi': 'Pi',
     'tab.sessions': 'Phiên',
     'tab.usage': 'Sử dụng',
     'tab.market': 'Skills',
@@ -1288,6 +1290,47 @@ const vi = Object.freeze({
     'toolConfig.openclaw.confirmMessage': 'Khi bật, các thao tác trong tab OpenClaw có thể ghi openclaw.json và các tệp workspace (AGENTS.md, SOUL.md, v.v.).',
     'toolConfig.openclaw.lockedTitle': 'OpenClaw đang ở chế độ chỉ đọc',
     'toolConfig.openclaw.lockedDesc': 'Không ghi cấu hình OpenClaw ở đây. Để áp dụng cấu hình hoặc sửa tệp workspace, hãy bật quyền ghi trên tab này trước.',
+    'side.config.pi': 'Pi',
+    'side.config.pi.meta': 'Cấu hình',
+    'toolConfig.pi.title': 'Ghi cấu hình Pi',
+    'toolConfig.pi.desc': 'Mặc định chỉ đọc; bật để đồng bộ cấu hình Pi.',
+    'toolConfig.pi.lockedTitle': 'Chế độ chỉ đọc',
+    'toolConfig.pi.lockedDesc': 'Bật quyền ghi để đồng bộ cấu hình Pi.',
+    'toolConfig.pi.confirmMessage': 'Khi bật, các thao tác trong tab Pi có thể ghi file cấu hình Pi (~/.pi/config.json hoặc ./.pi/config.json).',
+    'pi.status.readOnly': 'Chỉ đọc',
+    'pi.config.openGlobal': 'Mở cấu hình toàn cục',
+    'pi.providers.title': 'Nhà cung cấp Pi',
+    'pi.providers.subtitle': 'Quản lý nhà cung cấp và mô hình Piper cục bộ',
+    'pi.providers.empty': 'Chưa tìm thấy nhà cung cấp Piper. Nhấn Thêm để bắt đầu.',
+    'pi.providers.targetFile': 'Tệp cấu hình Pi đang dùng: {path}',
+    'pi.providers.editorTitle': 'Chỉnh sửa nhà cung cấp',
+    'pi.providers.add': 'Thêm nhà cung cấp',
+    'pi.providers.active': 'Đang bật',
+    'pi.providers.setActive': 'Đặt thành đang dùng',
+    'pi.providers.deleteTitle': 'Xóa cấu hình Pi',
+    'pi.providers.deleteMessage': 'Xóa nhà cung cấp "{name}"?',
+    'pi.providers.fields.name': 'Tên',
+    'pi.providers.fields.baseUrl': 'Base URL',
+    'pi.providers.fields.api': 'API',
+    'pi.providers.fields.apiKey': 'API Key',
+    'pi.providers.fields.models': 'Mô hình',
+    'pi.providers.fields.configJson': 'Cấu hình JSON',
+    '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',
+    'pi.providers.models.remoteLoading': 'Đang tải danh sách mô hình từ xa…',
+    'pi.providers.models.remoteFailed': 'Bạn vẫn có thể nhập ID mô hình thủ công.',
+    'pi.providers.models.noMatch': 'Không có mô hình phù hợp',
+    'pi.providers.delete': 'Xóa nhà cung cấp',
+    'pi.providers.addModal.title': 'Thêm nhà cung cấp',
+    'pi.providers.addModal.subtitle': 'Tạo nhà cung cấp Piper mới',
+    'pi.providers.addModal.fields.baseUrl': 'Base URL',
+    'pi.providers.addModal.fields.apiKey': 'API Key',
+    'pi.providers.addModal.api.openaiCompletions': 'OpenAI Chat Completions (tương thích nhất)',
+    'pi.providers.addModal.api.openaiResponses': 'OpenAI Responses API',
+    'pi.providers.addModal.api.anthropicMessages': 'Anthropic Messages API',
+    'pi.providers.addModal.api.googleGenerativeAi': 'Google Generative AI',
+    'pi.providers.addModal.fields.api': 'Định dạng API',
     'kilocode.providerModel.title': 'Nhà cung cấp / mô hình KiloCode',
     'kilocode.connection.title': 'Kết nối KiloCode',
     'kilocode.targetFile': 'Cấu hình KiloCode đang dùng: {path} · {status}',