codexmate 0.1.15 → 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.15",
+  "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,

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

@@ -66,7 +66,8 @@ export function createPiConfigMethods({ api: apiClient }) {
             try {
                 const [providers] = await Promise.all([
                     this.loadPiProviders(),
-                    this.loadPiSettings()
+                    this.loadPiSettings(),
+                    this.loadPiFileJsons()
                 ]);
                 this.piProviders = providers || {};
                 this.piProviderIds = Object.keys(this.piProviders || {}).sort();
@@ -342,6 +343,88 @@ export function createPiConfigMethods({ api: apiClient }) {
             return [baseUrl, api].filter(Boolean).join(' • ') || 'Piper provider';
         }
         ,
+        piParseFileJsonDraft(draft, label) {
+            const name = label || 'JSON';
+            const text = String(draft || '').trim();
+            if (!text) return { ok: false, value: null, error: name + ' 内容不能为空' };
+            try {
+                const parsed = JSON.parse(text);
+                if (parsed === null || Array.isArray(parsed) || typeof parsed !== 'object') {
+                    return { ok: false, value: null, error: name + ' 必须是 JSON 对象' };
+                }
+                return { ok: true, value: parsed, error: '' };
+            } catch (e) {
+                return { ok: false, value: null, error: name + ' 解析失败：' + (e && e.message ? e.message : '') };
+            }
+        },
+        async loadPiFileJsons() {
+            const [modelsResult, settingsResult] = await Promise.all([
+                apiClient('read-pi-models'),
+                apiClient('read-pi-settings')
+            ]);
+            const modelsFile = isPiPlainObject(modelsResult && modelsResult.file) ? modelsResult.file : {};
+            const settings = isPiPlainObject(settingsResult && settingsResult.settings) ? settingsResult.settings : {};
+            this.piModelsJsonDraft = JSON.stringify(modelsFile, null, 2);
+            this.piSettingsJsonDraft = JSON.stringify(settings, null, 2);
+            this.piModelsJsonError = '';
+            this.piSettingsJsonError = '';
+        },
+        piSettingsJsonInput() {
+            const parsed = this.piParseFileJsonDraft(this.piSettingsJsonDraft, 'settings.json');
+            this.piSettingsJsonError = parsed.ok ? '' : parsed.error;
+        },
+        piModelsJsonInput() {
+            const parsed = this.piParseFileJsonDraft(this.piModelsJsonDraft, 'models.json');
+            this.piModelsJsonError = parsed.ok ? '' : parsed.error;
+        },
+        async savePiSettingsJson() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving || this.piFileJsonSaving) return;
+            const parsed = this.piParseFileJsonDraft(this.piSettingsJsonDraft, 'settings.json');
+            if (!parsed.ok) {
+                this.piSettingsJsonError = parsed.error;
+                this.message = parsed.error;
+                this.messageType = 'error';
+                return;
+            }
+            this.piFileJsonSaving = true;
+            try {
+                const result = await apiClient('write-pi-settings', { settings: parsed.value });
+                if (result && result.error) throw new Error(result.error);
+                this.piSettingsJsonError = '';
+                this.piSettingsJsonDraft = JSON.stringify(parsed.value, null, 2);
+                await this.loadPiSettings();
+                this.message = 'settings.json 已保存';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '保存 settings.json 失败';
+                this.messageType = 'error';
+            } finally {
+                this.piFileJsonSaving = false;
+            }
+        },
+        async savePiModelsJson() {
+            if (!this.isToolConfigWriteAllowed('pi') || this.piSaving || this.piFileJsonSaving) return;
+            const parsed = this.piParseFileJsonDraft(this.piModelsJsonDraft, 'models.json');
+            if (!parsed.ok) {
+                this.piModelsJsonError = parsed.error;
+                this.message = parsed.error;
+                this.messageType = 'error';
+                return;
+            }
+            this.piFileJsonSaving = true;
+            try {
+                const result = await apiClient('write-pi-models', { file: parsed.value });
+                if (result && result.error) throw new Error(result.error);
+                await this.loadPiSources();
+                this.message = 'models.json 已保存';
+                this.messageType = 'success';
+            } catch (e) {
+                this.message = e && e.message ? e.message : '保存 models.json 失败';
+                this.messageType = 'error';
+            } finally {
+                this.piFileJsonSaving = false;
+            }
+        },
         piParseEditorJsonDraft() {
             const provider = this.editingPiProvider;
             const draft = provider && provider.form ? String(provider.form.configJsonDraft || '').trim() : '';

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',
@@ -1350,6 +1354,10 @@ const en = Object.freeze({
     'pi.providers.json.desc': 'Live preview of the final provider record merged from form changes and extras; edits are merged into models.json on save.',
     'pi.providers.json.previewTitle': 'Preview',
     'pi.providers.json.editTitle': 'Edit JSON',
+    'pi.files.title': 'File JSON',
+    'pi.files.desc': 'View and edit Pi settings.json and models.json in full; JSON validity is checked before saving and invalid content is never written.',
+    'pi.files.settingsTitle': 'settings.json (active settings)',
+    'pi.files.modelsTitle': 'models.json (providers and models)',
     'pi.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': 'プロバイダーをクイック切替',
@@ -1351,6 +1355,10 @@ const ja = Object.freeze({
     'pi.providers.json.desc': 'フォーム変更と拡張フィールドを統合した最終レコードをリアルタイムにプレビュー。保存時に models.json へ統合します。',
     'pi.providers.json.previewTitle': 'プレビュー',
     'pi.providers.json.editTitle': 'JSON を編集',
+    'pi.files.title': 'ファイル JSON',
+    'pi.files.desc': 'Pi の settings.json と models.json を全文表示して直接編集します。保存前に JSON の正当性を検証し、不正な内容は書き込みません。',
+    'pi.files.settingsTitle': 'settings.json（有効な設定）',
+    'pi.files.modelsTitle': 'models.json（プロバイダーとモデル）',
     'pi.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',
@@ -1319,6 +1323,10 @@ const vi = Object.freeze({
     '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': '快速切換提供商',
@@ -1348,6 +1352,10 @@ const zhTw = Object.freeze({
     'pi.providers.json.desc': '即時預覽表單異動合併後的最終紀錄；儲存時併入 models.json。',
     'pi.providers.json.previewTitle': '預覽',
     'pi.providers.json.editTitle': '編輯 JSON',
+    'pi.files.title': '檔案 JSON',
+    'pi.files.desc': '完整展示並直接編輯 Pi 的 settings.json 與 models.json；儲存前校驗 JSON 合法性，非法內容不會寫入。',
+    'pi.files.settingsTitle': 'settings.json（生效設定）',
+    'pi.files.modelsTitle': 'models.json（供應商與模型）',
     'pi.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': '快速切换提供商',
@@ -1348,6 +1352,10 @@ const zh = Object.freeze({
     'pi.providers.json.desc': '实时预览表单改动合并后的最终记录；保存时并入 models.json。',
     'pi.providers.json.previewTitle': '预览',
     'pi.providers.json.editTitle': '编辑 JSON',
+    'pi.files.title': '文件 JSON',
+    'pi.files.desc': '完整展示并直接编辑 Pi 的 settings.json 与 models.json；保存前校验 JSON 合法性，非法内容不会写入。',
+    'pi.files.settingsTitle': 'settings.json（生效设置）',
+    'pi.files.modelsTitle': 'models.json（供应商与模型）',
     'pi.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

@@ -178,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", {
@@ -3598,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,