codexmate 0.1.14 → 0.1.16

package/cli.js

@@ -1222,28 +1222,34 @@ function readPiModels(params = {}) {
         const dir = getPiAgentDir();
         const filePath = path.join(dir, 'models.json');
         if (!fs.existsSync(filePath)) {
-            return { providers: {} };
+            return { providers: {}, file: {} };
         }
         const raw = fs.readFileSync(filePath, 'utf-8');
         const data = JSON.parse(raw);
         const providers = (data && typeof data === 'object' && data.providers && typeof data.providers === 'object')
             ? data.providers
             : {};
-        return { providers };
+        const file = data && typeof data === 'object' && !Array.isArray(data) ? data : { providers };
+        return { providers, file };
     } catch (e) {
         return { error: e && e.message ? e.message : '读取 Pi models.json 失败' };
     }
 }
 
 function writePiModels(params = {}) {
+    const file = params && typeof params.file === 'object' && params.file !== null && !Array.isArray(params.file) ? params.file : null;
     const providers = params && typeof params.providers === 'object' ? params.providers : null;
-    if (providers === null) {
-        return { error: 'providers 不能为空' };
+    if (!file && providers === null) {
+        return { error: '缺少可写入的内容' };
     }
     try {
         const dir = getPiAgentDir();
         fs.mkdirSync(dir, { recursive: true });
         const filePath = path.join(dir, 'models.json');
+        if (file) {
+            fs.writeFileSync(filePath, JSON.stringify(file, null, 2), 'utf-8');
+            return { success: true };
+        }
         let existing = {};
         if (fs.existsSync(filePath)) {
             try {
@@ -1294,16 +1300,21 @@ function readPiSettings(params = {}) {
 }
 
 function writePiSettings(params = {}) {
+    const fullSettings = params && typeof params.settings === 'object' && params.settings !== null && !Array.isArray(params.settings) ? params.settings : null;
     const updates = {};
     if (typeof (params && params.defaultProvider) === 'string') updates.defaultProvider = params.defaultProvider;
     if (typeof (params && params.defaultModel) === 'string') updates.defaultModel = params.defaultModel;
-    if (Object.keys(updates).length === 0) {
+    if (!fullSettings && Object.keys(updates).length === 0) {
         return { error: '缺少可写入的设置项' };
     }
     try {
         const dir = getPiAgentDir();
         fs.mkdirSync(dir, { recursive: true });
         const filePath = path.join(dir, 'settings.json');
+        if (fullSettings) {
+            fs.writeFileSync(filePath, JSON.stringify(fullSettings, null, 2), 'utf-8');
+            return { success: true, settings: fullSettings };
+        }
         let existing = {};
         if (fs.existsSync(filePath)) {
             try {

package/package.json

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

package/web-ui/app.js

@@ -148,6 +148,11 @@ document.addEventListener('DOMContentLoaded', () => {
                 piActiveProvider: '',
                 piActiveModel: '',
                 piShowKey: false,
+                piSettingsJsonDraft: '',
+                piSettingsJsonError: '',
+                piModelsJsonDraft: '',
+                piModelsJsonError: '',
+                piFileJsonSaving: false,
                 // Plugins
                 pluginsActiveId: 'prompt-templates',
                 pluginsLoading: false,
@@ -819,10 +824,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 if (typeof this.persistWebUiPreferences === 'function') {
                     this.persistWebUiPreferences({ sysPromptMode: newVal });
                 }
-            }
-        },
-
-        watch: {
+            },
             configMode(newMode) {
                 if (newMode === 'pi' && typeof this.loadPiSources === 'function') {
                     this.loadPiSources();

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

@@ -471,6 +471,18 @@ export function createAgentsMethods(options = {}) {
                         .filter(Boolean)
                         .filter(function (v, i, a) { return a.indexOf(v) === i; });
                 }
+                if (this.promptsSubTab === 'claude-project'
+                    && this.mainTab === 'prompts'
+                    && Array.isArray(this.projectPathOptions)
+                    && this.projectPathOptions.length) {
+                    const currentPath = (this.projectClaudeMdPath || '').trim();
+                    if (currentPath && this.projectPathOptions.indexOf(currentPath) !== -1) {
+                        this.projectClaudeMdPath = currentPath;
+                    } else {
+                        this.projectClaudeMdPath = this.projectPathOptions[0];
+                    }
+                    if (typeof this.loadPromptsContent === 'function') this.loadPromptsContent();
+                }
             } catch (_) {
                 // silent
             } finally {
@@ -1015,7 +1027,11 @@ export function createAgentsMethods(options = {}) {
                     if (!this.projectPathOptions.length && !this.projectPathOptionsLoading && typeof this.loadProjectPathOptions === 'function') {
                         this.loadProjectPathOptions();
                     }
-                    const projectPath = (this.projectClaudeMdPath || '').trim();
+                    let projectPath = (this.projectClaudeMdPath || '').trim();
+                    if (!projectPath && Array.isArray(this.projectPathOptions) && this.projectPathOptions.length) {
+                        this.projectClaudeMdPath = this.projectPathOptions[0];
+                        projectPath = this.projectClaudeMdPath.trim();
+                    }
                     if (projectPath) {
                         rpcParams.baseDir = projectPath;
                     }

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

@@ -66,7 +66,8 @@ export function createPiConfigMethods({ api: apiClient }) {
             try {
                 const [providers] = await Promise.all([
                     this.loadPiProviders(),
-                    this.loadPiSettings()
+                    this.loadPiSettings(),
+                    this.loadPiFileJsons()
                 ]);
                 this.piProviders = providers || {};
                 this.piProviderIds = Object.keys(this.piProviders || {}).sort();
@@ -81,24 +82,13 @@ export function createPiConfigMethods({ api: apiClient }) {
             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;
+                const { merged, ok, error } = this.piBuildMergedEditorRecord();
+                if (!ok || !merged) {
+                    this.piEditorJsonError = error || '配置 JSON 不合法';
+                    this.message = this.piEditorJsonError;
+                    this.messageType = 'error';
+                    return;
+                }
 
                 await this.persistPiProvider(providerId, merged);
                 this.piProviders = { ...this.piProviders, [providerId]: merged };
@@ -232,6 +222,7 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.piRemoteModels = [];
             this.piRemoteModelError = '';
             this.piModelSearch = '';
+            this.piEditorJsonError = '';
             const provider = this.piProviders[providerId] || {};
             const knownKeys = ['id', 'name', 'title', 'baseUrl', 'api', 'apiKey', 'models', 'headers', 'configJson'];
             const extras = {};
@@ -269,6 +260,7 @@ export function createPiConfigMethods({ api: apiClient }) {
             this.piRemoteModels = [];
             this.piRemoteModelError = '';
             this.piModelSearch = '';
+            this.piEditorJsonError = '';
         },
         removePiProviderModel(index) {
             if (!this.editingPiProvider) return;
@@ -350,5 +342,139 @@ export function createPiConfigMethods({ api: apiClient }) {
             const api = provider.api || '';
             return [baseUrl, api].filter(Boolean).join(' • ') || 'Piper provider';
         }
+        ,
+        piParseFileJsonDraft(draft, label) {
+            const name = label || 'JSON';
+            const text = String(draft || '').trim();
+            if (!text) return { ok: false, value: null, error: name + ' 内容不能为空' };
+            try {
+                const parsed = JSON.parse(text);
+                if (parsed === null || Array.isArray(parsed) || typeof parsed !== 'object') {
+                    return { ok: false, value: null, error: name + ' 必须是 JSON 对象' };
+                }
+                return { ok: true, value: parsed, error: '' };
+            } catch (e) {
+                return { ok: false, value: null, error: name + ' 解析失败：' + (e && e.message ? e.message : '') };
+            }
+        },
+        async loadPiFileJsons() {
+            const [modelsResult, settingsResult] = await Promise.all([
+                apiClient('read-pi-models'),
+                apiClient('read-pi-settings')
+            ]);
+            const modelsFile = isPiPlainObject(modelsResult && modelsResult.file) ? modelsResult.file : {};
+            const settings = isPiPlainObject(settingsResult && settingsResult.settings) ? settingsResult.settings : {};
+            this.piModelsJsonDraft = JSON.stringify(modelsFile, null, 2);
+            this.piSettingsJsonDraft = JSON.stringify(settings, null, 2);
+            this.piModelsJsonError = '';
+            this.piSettingsJsonError = '';
+        },
+        piSettingsJsonInput() {
+            const parsed = this.piParseFileJsonDraft(this.piSettingsJsonDraft, 'settings.json');
+            this.piSettingsJsonError = parsed.ok ? '' : parsed.error;
+        },
+        piModelsJsonInput() {
+            const parsed = this.piParseFileJsonDraft(this.piModelsJsonDraft, 'models.json');
+            this.piModelsJsonError = parsed.ok ? '' : parsed.error;
+        },
+        async savePiSettingsJson() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving || this.piFileJsonSaving) return;
+            const parsed = this.piParseFileJsonDraft(this.piSettingsJsonDraft, 'settings.json');
+            if (!parsed.ok) {
+                this.piSettingsJsonError = parsed.error;
+                this.message = parsed.error;
+                this.messageType = 'error';
+                return;
+            }
+            this.piFileJsonSaving = true;
+            try {
+                const result = await apiClient('write-pi-settings', { settings: parsed.value });
+                if (result && result.error) throw new Error(result.error);
+                this.piSettingsJsonError = '';
+                this.piSettingsJsonDraft = JSON.stringify(parsed.value, null, 2);
+                await this.loadPiSettings();
+                this.message = 'settings.json 已保存';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '保存 settings.json 失败';
+                this.messageType = 'error';
+            } finally {
+                this.piFileJsonSaving = false;
+            }
+        },
+        async savePiModelsJson() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving || this.piFileJsonSaving) return;
+            const parsed = this.piParseFileJsonDraft(this.piModelsJsonDraft, 'models.json');
+            if (!parsed.ok) {
+                this.piModelsJsonError = parsed.error;
+                this.message = parsed.error;
+                this.messageType = 'error';
+                return;
+            }
+            this.piFileJsonSaving = true;
+            try {
+                const result = await apiClient('write-pi-models', { file: parsed.value });
+                if (result && result.error) throw new Error(result.error);
+                await this.loadPiSources();
+                this.message = 'models.json 已保存';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '保存 models.json 失败';
+                this.messageType = 'error';
+            } finally {
+                this.piFileJsonSaving = false;
+            }
+        },
+        piParseEditorJsonDraft() {
+            const provider = this.editingPiProvider;
+            const draft = provider && provider.form ? String(provider.form.configJsonDraft || '').trim() : '';
+            if (!draft) return { ok: true, extras: {} };
+            try {
+                const parsed = JSON.parse(draft);
+                if (parsed === null || Array.isArray(parsed) || typeof parsed !== 'object') {
+                    return { ok: false, extras: {}, error: '配置 JSON 必须是对象' };
+                }
+                return { ok: true, extras: parsed };
+            } catch (e) {
+                return { ok: false, extras: {}, error: e && e.message ? '配置 JSON 解析失败：' + e.message : '配置 JSON 解析失败' };
+            }
+        },
+        piBuildMergedEditorRecord() {
+            const provider = this.editingPiProvider;
+            if (!provider || !provider.form) return { merged: null, ok: false, error: '未在编辑供应商', extras: {} };
+            const draft = this.piParseEditorJsonDraft();
+            if (!draft.ok) return { merged: null, ok: false, error: draft.error, extras: {} };
+            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 merged = { ...extras };
+            if (merged.baseUrl === undefined) merged.baseUrl = values.baseUrl || '';
+            if (merged.api === undefined) merged.api = values.api || '';
+            if (merged.apiKey === undefined) merged.apiKey = values.apiKey || '';
+            if (merged.models === undefined) merged.models = mapModels(values.models);
+            if (isPiPlainObject(orig.headers)) merged.headers = orig.headers;
+            if (typeof orig.title === 'string') merged.title = orig.title;
+            else if (typeof orig.name === 'string') merged.name = orig.name;
+            if (isPiPlainObject(orig.configJson)) merged.configJson = orig.configJson;
+            return { merged, ok: true, error: '', extras };
+        },
+        piProviderPreviewJson() {
+            const { merged, ok } = this.piBuildMergedEditorRecord();
+            if (!ok || !merged) return '{}';
+            try {
+                return JSON.stringify(merged, null, 2);
+            } catch (_) {
+                return '{}';
+            }
+        },
+        piEditorJsonDraftInput() {
+            const draft = this.piParseEditorJsonDraft();
+            this.piEditorJsonError = draft.ok ? '' : draft.error;
+        }
     };
 }

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

@@ -1030,6 +1030,10 @@ const en = Object.freeze({
     'status.opencodeConfig': 'OpenCode config',
     'status.workspaceFile': 'Workspace file',
     'status.configMode': 'Config mode',
+    'status.kilocodeProvider': 'Kilocode provider',
+    'status.kilocodeModel': 'Kilocode model',
+    'status.piProvider': 'Pi provider',
+    'status.piModel': 'Pi model',
     'status.currentProvider': 'Current provider',
     'status.currentModel': 'Current model',
     'status.quickSwitchProvider': 'Quick switch provider',
@@ -1346,6 +1350,14 @@ const en = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': 'Models',
     'pi.providers.fields.configJson': 'Config JSON',
+    'pi.providers.json.title': 'Config JSON',
+    'pi.providers.json.desc': 'Live preview of the final provider record merged from form changes and extras; edits are merged into models.json on save.',
+    'pi.providers.json.previewTitle': 'Preview',
+    'pi.providers.json.editTitle': 'Edit JSON',
+    'pi.files.title': 'File JSON',
+    'pi.files.desc': 'View and edit Pi settings.json and models.json in full; JSON validity is checked before saving and invalid content is never written.',
+    'pi.files.settingsTitle': 'settings.json (active settings)',
+    'pi.files.modelsTitle': 'models.json (providers and models)',
     'pi.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

@@ -1033,6 +1033,10 @@ const ja = Object.freeze({
     'status.opencodeConfig': 'OpenCode 設定',
     'status.workspaceFile': 'ワークスペースファイル',
     'status.configMode': '設定モード',
+    'status.kilocodeProvider': 'Kilocode プロバイダー',
+    'status.kilocodeModel': 'Kilocode モデル',
+    'status.piProvider': 'Pi プロバイダー',
+    'status.piModel': 'Pi モデル',
     'status.currentProvider': '現在の Provider',
     'status.currentModel': '現在のモデル',
     'status.quickSwitchProvider': 'プロバイダーをクイック切替',
@@ -1347,6 +1351,14 @@ const ja = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': 'モデル',
     'pi.providers.fields.configJson': '設定 JSON',
+    'pi.providers.json.title': '設定 JSON',
+    'pi.providers.json.desc': 'フォーム変更と拡張フィールドを統合した最終レコードをリアルタイムにプレビュー。保存時に models.json へ統合します。',
+    'pi.providers.json.previewTitle': 'プレビュー',
+    'pi.providers.json.editTitle': 'JSON を編集',
+    'pi.files.title': 'ファイル JSON',
+    'pi.files.desc': 'Pi の settings.json と models.json を全文表示して直接編集します。保存前に JSON の正当性を検証し、不正な内容は書き込みません。',
+    'pi.files.settingsTitle': 'settings.json（有効な設定）',
+    'pi.files.modelsTitle': 'models.json（プロバイダーとモデル）',
     'pi.providers.models.remove': '削除',
     'pi.providers.models.search': '利用可能なモデルを検索…',
     'pi.providers.models.remoteCount': '{count} 個のモデルを取得しました。クリックで追加',

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

@@ -1128,6 +1128,10 @@ const vi = Object.freeze({
     'status.openclawConfig': 'Cấu hình OpenClaw',
     'status.workspaceFile': 'File không gian làm việc',
     'status.configMode': 'Chế độ cấu hình',
+    'status.kilocodeProvider': 'Nhà cung cấp Kilocode',
+    'status.kilocodeModel': 'Mô hình Kilocode',
+    'status.piProvider': 'Nhà cung cấp Pi',
+    'status.piModel': 'Mô hình Pi',
     'status.currentProvider': 'Nhà cung cấp hiện tại',
     'status.currentModel': 'Model hiện tại',
     'status.quickSwitchProvider': 'Chuyển nhanh nhà cung cấp',
@@ -1315,6 +1319,14 @@ const vi = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': 'Mô hình',
     'pi.providers.fields.configJson': 'Cấu hình JSON',
+    'pi.providers.json.title': 'Cấu hình JSON',
+    'pi.providers.json.desc': 'Xem trước bản ghi cuối từ thay đổi biểu mẫu; các chỉnh sửa được gộp vào models.json khi lưu.',
+    'pi.providers.json.previewTitle': 'Xem trước',
+    'pi.providers.json.editTitle': 'Chỉnh sửa JSON',
+    'pi.files.title': 'JSON tập tin',
+    '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.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

@@ -1029,6 +1029,10 @@ const zhTw = Object.freeze({
     'status.opencodeConfig': 'OpenCode 設定',
     'status.workspaceFile': '工作區文件',
     'status.configMode': '設定模式',
+    'status.kilocodeProvider': 'Kilocode 供應商',
+    'status.kilocodeModel': 'Kilocode 模型',
+    'status.piProvider': 'Pi 供應商',
+    'status.piModel': 'Pi 模型',
     'status.currentProvider': '目前 Provider',
     'status.currentModel': '目前模型',
     'status.quickSwitchProvider': '快速切換提供商',
@@ -1344,6 +1348,14 @@ const zhTw = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': '模型',
     'pi.providers.fields.configJson': '組態 JSON',
+    'pi.providers.json.title': '設定 JSON',
+    'pi.providers.json.desc': '即時預覽表單異動合併後的最終紀錄；儲存時併入 models.json。',
+    'pi.providers.json.previewTitle': '預覽',
+    'pi.providers.json.editTitle': '編輯 JSON',
+    'pi.files.title': '檔案 JSON',
+    'pi.files.desc': '完整展示並直接編輯 Pi 的 settings.json 與 models.json；儲存前校驗 JSON 合法性，非法內容不會寫入。',
+    'pi.files.settingsTitle': 'settings.json（生效設定）',
+    'pi.files.modelsTitle': 'models.json（供應商與模型）',
     'pi.providers.models.remove': '刪除',
     'pi.providers.models.search': '搜尋可用模型…',
     'pi.providers.models.remoteCount': '已取得 {count} 個可用模型，點擊新增',

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

@@ -1029,6 +1029,10 @@ const zh = Object.freeze({
     'status.opencodeConfig': 'OpenCode 配置',
     'status.workspaceFile': '工作区文件',
     'status.configMode': '配置模式',
+    'status.kilocodeProvider': 'Kilocode 提供商',
+    'status.kilocodeModel': 'Kilocode 模型',
+    'status.piProvider': 'Pi 提供商',
+    'status.piModel': 'Pi 模型',
     'status.currentProvider': '当前 Provider',
     'status.currentModel': '当前模型',
     'status.quickSwitchProvider': '快速切换提供商',
@@ -1344,6 +1348,14 @@ const zh = Object.freeze({
     'pi.providers.fields.apiKey': 'API Key',
     'pi.providers.fields.models': '模型',
     'pi.providers.fields.configJson': '配置 JSON',
+    'pi.providers.json.title': '配置 JSON',
+    'pi.providers.json.desc': '实时预览表单改动合并后的最终记录；保存时并入 models.json。',
+    'pi.providers.json.previewTitle': '预览',
+    'pi.providers.json.editTitle': '编辑 JSON',
+    'pi.files.title': '文件 JSON',
+    'pi.files.desc': '完整展示并直接编辑 Pi 的 settings.json 与 models.json；保存前校验 JSON 合法性，非法内容不会写入。',
+    'pi.files.settingsTitle': 'settings.json（生效设置）',
+    'pi.files.modelsTitle': 'models.json（供应商与模型）',
     'pi.providers.models.remove': '删除',
     'pi.providers.models.search': '搜索可用模型…',
     'pi.providers.models.remoteCount': '已拉取 {count} 个可用模型，点击添加',

package/web-ui/partials/index/layout-header.html

@@ -471,6 +471,26 @@
                                 <span class="value">{{ opencodeConfigPath || t('common.notSelected') }}</span>
                             </div>
                         </template>
+                        <template v-else-if="configMode === 'kilocode'">
+                            <div class="status-chip">
+                                <span class="label">{{ t('status.kilocodeProvider') }}</span>
+                                <span class="value">{{ kilocodeProvider || t('common.notSelected') }}</span>
+                            </div>
+                            <div class="status-chip">
+                                <span class="label">{{ t('status.kilocodeModel') }}</span>
+                                <span class="value">{{ kilocodeModel || t('common.notSelected') }}</span>
+                            </div>
+                        </template>
+                        <template v-else-if="configMode === 'pi'">
+                            <div class="status-chip">
+                                <span class="label">{{ t('status.piProvider') }}</span>
+                                <span class="value">{{ piActiveProvider || t('common.notSelected') }}</span>
+                            </div>
+                            <div class="status-chip">
+                                <span class="label">{{ t('status.piModel') }}</span>
+                                <span class="value">{{ piActiveModel || t('common.notSelected') }}</span>
+                            </div>
+                        </template>
                         <template v-else>
                             <div class="status-chip">
                                 <span class="label">{{ t('status.configMode') }}</span>

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

@@ -117,6 +117,25 @@
                             <div class="settings-tab-actions">
                                 <button type="button" class="btn-tool" @click="confirmDeletePiProvider" :disabled="!isToolConfigWriteAllowed('pi') || piSaving">{{ t('pi.providers.delete') }}</button>
                             </div>
+
+                        <section class="selector-section">
+                            <div class="selector-header">
+                                <span class="selector-title">{{ t('pi.providers.json.title') }}</span>
+                            </div>
+                            <p class="config-template-hint">{{ t('pi.providers.json.desc') }}</p>
+                            <label class="form-label">{{ t('pi.providers.json.previewTitle') }}</label>
+                            <pre class="config-json-preview">{{ piProviderPreviewJson() }}</pre>
+                            <label class="form-label">{{ t('pi.providers.json.editTitle') }}</label>
+                            <textarea
+                                class="template-textarea config-json-editor"
+                                v-model="editingPiProvider.form.configJsonDraft"
+                                spellcheck="false"
+                                autocomplete="off"
+                                :disabled="!isToolConfigWriteAllowed('pi')"
+                                @input="piEditorJsonDraftInput"
+                                placeholder="{}"></textarea>
+                            <p v-if="piEditorJsonError" class="config-template-hint error-text">{{ piEditorJsonError }}</p>
+                        </section>
                         </section>
 
                         <section class="selector-section" v-if="showAddPiProviderModal">
@@ -159,6 +178,38 @@
                                 </div>
                             </div>
                         </section>
+                        <section class="selector-section">
+                            <div class="selector-header">
+                                <span class="selector-title">{{ t('pi.files.title') }}</span>
+                            </div>
+                            <div class="config-template-hint">{{ t('pi.files.desc') }}</div>
+                            <label class="form-label">{{ t('pi.files.settingsTitle') }}</label>
+                            <textarea
+                                class="template-textarea config-json-editor"
+                                v-model="piSettingsJsonDraft"
+                                spellcheck="false"
+                                autocomplete="off"
+                                :disabled="!isToolConfigWriteAllowed('pi')"
+                                @input="piSettingsJsonInput"
+                                placeholder="{}"></textarea>
+                            <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>
+                            </div>
+                            <label class="form-label">{{ t('pi.files.modelsTitle') }}</label>
+                            <textarea
+                                class="template-textarea config-json-editor"
+                                v-model="piModelsJsonDraft"
+                                spellcheck="false"
+                                autocomplete="off"
+                                :disabled="!isToolConfigWriteAllowed('pi')"
+                                @input="piModelsJsonInput"
+                                placeholder="{}"></textarea>
+                            <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>
+                            </div>
+                        </section>
                         <div v-if="!isToolConfigWriteAllowed('pi')" class="tool-config-write-overlay">
                             <div class="tool-config-write-overlay-card">
                                 <div class="tool-config-write-overlay-title">{{ t('toolConfig.pi.lockedTitle') }}</div>

package/web-ui/res/web-ui-render.precompiled.js

@@ -661,13 +661,35 @@ return function render(_ctx, _cache) {
                               _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.opencodeConfigPath || _ctx.t('common.notSelected')), 1 /* TEXT */)
                             ])
                           ], 64 /* STABLE_FRAGMENT */))
-                        : (_openBlock(), _createElementBlock("div", {
-                            key: 4,
-                            class: "status-chip"
-                          }, [
-                            _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.configMode')), 1 /* TEXT */),
-                            _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.t('common.notSelected')), 1 /* TEXT */)
-                          ]))
+                        : (_ctx.configMode === 'kilocode')
+                          ? (_openBlock(), _createElementBlock(_Fragment, { key: 4 }, [
+                              _createElementVNode("div", { class: "status-chip" }, [
+                                _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.kilocodeProvider')), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.kilocodeProvider || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                              ]),
+                              _createElementVNode("div", { class: "status-chip" }, [
+                                _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.kilocodeModel')), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.kilocodeModel || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                              ])
+                            ], 64 /* STABLE_FRAGMENT */))
+                          : (_ctx.configMode === 'pi')
+                            ? (_openBlock(), _createElementBlock(_Fragment, { key: 5 }, [
+                                _createElementVNode("div", { class: "status-chip" }, [
+                                  _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.piProvider')), 1 /* TEXT */),
+                                  _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.piActiveProvider || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                                ]),
+                                _createElementVNode("div", { class: "status-chip" }, [
+                                  _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.piModel')), 1 /* TEXT */),
+                                  _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.piActiveModel || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                                ])
+                              ], 64 /* STABLE_FRAGMENT */))
+                            : (_openBlock(), _createElementBlock("div", {
+                                key: 6,
+                                class: "status-chip"
+                              }, [
+                                _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.configMode')), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.t('common.notSelected')), 1 /* TEXT */)
+                              ]))
               ]))
             : (!_ctx.sessionStandalone && _ctx.mainTab === 'sessions')
               ? (_openBlock(), _createElementBlock("div", {
@@ -3458,6 +3480,32 @@ return function render(_ctx, _cache) {
                           onClick: _ctx.confirmDeletePiProvider,
                           disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
                         }, _toDisplayString(_ctx.t('pi.providers.delete')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ]),
+                      _createElementVNode("section", { class: "selector-section" }, [
+                        _createElementVNode("div", { class: "selector-header" }, [
+                          _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.providers.json.title')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("p", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.json.desc')), 1 /* TEXT */),
+                        _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.json.previewTitle')), 1 /* TEXT */),
+                        _createElementVNode("pre", { class: "config-json-preview" }, _toDisplayString(_ctx.piProviderPreviewJson()), 1 /* TEXT */),
+                        _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.json.editTitle')), 1 /* TEXT */),
+                        _withDirectives(_createElementVNode("textarea", {
+                          class: "template-textarea config-json-editor",
+                          "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.configJsonDraft) = $event),
+                          spellcheck: "false",
+                          autocomplete: "off",
+                          disabled: !_ctx.isToolConfigWriteAllowed('pi'),
+                          onInput: _ctx.piEditorJsonDraftInput,
+                          placeholder: "{}"
+                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "disabled", "onInput"]), [
+                          [_vModelText, _ctx.editingPiProvider.form.configJsonDraft]
+                        ]),
+                        (_ctx.piEditorJsonError)
+                          ? (_openBlock(), _createElementBlock("p", {
+                              key: 0,
+                              class: "config-template-hint error-text"
+                            }, _toDisplayString(_ctx.piEditorJsonError), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true)
                       ])
                     ]))
                   : _createCommentVNode("v-if", true),
@@ -3572,6 +3620,64 @@ return function render(_ctx, _cache) {
                       ])
                     ]))
                   : _createCommentVNode("v-if", true),
+                _createElementVNode("section", { class: "selector-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.files.title')), 1 /* TEXT */)
+                  ]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.files.desc')), 1 /* TEXT */),
+                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.files.settingsTitle')), 1 /* TEXT */),
+                  _withDirectives(_createElementVNode("textarea", {
+                    class: "template-textarea config-json-editor",
+                    "onUpdate:modelValue": $event => ((_ctx.piSettingsJsonDraft) = $event),
+                    spellcheck: "false",
+                    autocomplete: "off",
+                    disabled: !_ctx.isToolConfigWriteAllowed('pi'),
+                    onInput: _ctx.piSettingsJsonInput,
+                    placeholder: "{}"
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "disabled", "onInput"]), [
+                    [_vModelText, _ctx.piSettingsJsonDraft]
+                  ]),
+                  (_ctx.piSettingsJsonError)
+                    ? (_openBlock(), _createElementBlock("p", {
+                        key: 0,
+                        class: "config-template-hint error-text"
+                      }, _toDisplayString(_ctx.piSettingsJsonError), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true),
+                  _createElementVNode("div", { class: "settings-tab-actions" }, [
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: "btn-tool",
+                      onClick: _ctx.savePiSettingsJson,
+                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piSettingsJsonError
+                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                  ]),
+                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.files.modelsTitle')), 1 /* TEXT */),
+                  _withDirectives(_createElementVNode("textarea", {
+                    class: "template-textarea config-json-editor",
+                    "onUpdate:modelValue": $event => ((_ctx.piModelsJsonDraft) = $event),
+                    spellcheck: "false",
+                    autocomplete: "off",
+                    disabled: !_ctx.isToolConfigWriteAllowed('pi'),
+                    onInput: _ctx.piModelsJsonInput,
+                    placeholder: "{}"
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "disabled", "onInput"]), [
+                    [_vModelText, _ctx.piModelsJsonDraft]
+                  ]),
+                  (_ctx.piModelsJsonError)
+                    ? (_openBlock(), _createElementBlock("p", {
+                        key: 1,
+                        class: "config-template-hint error-text"
+                      }, _toDisplayString(_ctx.piModelsJsonError), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true),
+                  _createElementVNode("div", { class: "settings-tab-actions" }, [
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: "btn-tool",
+                      onClick: _ctx.savePiModelsJson,
+                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piModelsJsonError
+                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                  ])
+                ]),
                 (!_ctx.isToolConfigWriteAllowed('pi'))
                   ? (_openBlock(), _createElementBlock("div", {
                       key: 2,

package/web-ui/styles/controls-forms.css

@@ -352,6 +352,28 @@
     margin-top: 2px;
 }
 
+.config-json-preview {
+    width: 100%;
+    max-height: 240px;
+    overflow: auto;
+    margin: 0 0 10px;
+    padding: 12px;
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-md);
+    background: rgba(0, 0, 0, 0.04);
+    color: var(--color-text-secondary);
+    font-family: var(--font-mono);
+    font-size: 12px;
+    line-height: 1.55;
+    white-space: pre;
+    box-shadow: var(--shadow-subtle);
+}
+
+.config-json-editor {
+    min-height: 180px;
+    margin-bottom: 8px;
+}
+
 /* ============================================
    按钮
    ============================================ */