codexmate 0.1.17 → 0.1.19

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

@@ -819,11 +819,11 @@ return function render(_ctx, _cache) {
             "aria-labelledby": 'tab-dashboard'
           }, [
             _createElementVNode("div", { class: "selector-section doctor-hero" }, [
-              _createElementVNode("div", { class: "selector-header" }, [
+              _createElementVNode("div", { class: "selector-header doctor-header" }, [
                 _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('dashboard.doctor.title')), 1 /* TEXT */),
                 _createElementVNode("div", { class: "selector-actions" }, [
                   _createElementVNode("button", {
-                    class: "btn-tool btn-tool-compact",
+                    class: "btn-tool btn-tool-compact doctor-run-btn",
                     onClick: _ctx.runHealthCheck,
                     disabled: _ctx.loading || !!_ctx.initError || _ctx.healthCheckLoading
                   }, _toDisplayString(_ctx.healthCheckLoading ? _ctx.t('dashboard.doctor.checking') : _ctx.t('dashboard.doctor.runChecks')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
@@ -845,79 +845,87 @@ return function render(_ctx, _cache) {
                   _createElementVNode("strong", null, _toDisplayString(_ctx.inspectorModelLoadStatus), 1 /* TEXT */)
                 ])
               ]),
-              (_ctx.healthCheckResult)
-                ? (_openBlock(), _createElementBlock("div", {
-                    key: 0,
-                    class: _normalizeClass(["doctor-health-result", _ctx.healthCheckResult.ok ? 'ok' : 'error'])
-                  }, [
-                    _createElementVNode("div", { class: "doctor-health-title" }, [
-                      _createTextVNode(_toDisplayString(_ctx.healthCheckResult.ok ? _ctx.t('dashboard.health.ok') : _ctx.t('dashboard.health.fail')) + " ", 1 /* TEXT */),
-                      (_ctx.healthCheckResult.issues && _ctx.healthCheckResult.issues.length)
-                        ? (_openBlock(), _createElementBlock("span", { key: 0 }, "（" + _toDisplayString(_ctx.t('dashboard.health.issues', { count: _ctx.healthCheckResult.issues.length })) + "）", 1 /* TEXT */))
-                        : _createCommentVNode("v-if", true)
-                    ])
-                  ], 2 /* CLASS */))
-                : _createCommentVNode("v-if", true),
-              (_ctx.healthCheckResult && _ctx.healthCheckResult.report)
-                ? (_openBlock(), _createElementBlock("div", {
-                    key: 1,
-                    class: "doctor-action-list"
-                  }, [
-                    (_ctx.healthCheckResult.report.issues && _ctx.healthCheckResult.report.issues.length)
-                      ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(_ctx.healthCheckResult.report.issues, (issue) => {
-                          return (_openBlock(), _createElementBlock("div", {
-                            key: issue.id,
-                            class: "doctor-action-card"
+              _createElementVNode("div", { class: "doctor-result-section" }, [
+                (_ctx.healthCheckResult)
+                  ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [
+                      _createElementVNode("div", {
+                        class: _normalizeClass(["doctor-health-result", _ctx.healthCheckResult.ok ? 'ok' : 'error'])
+                      }, [
+                        _createElementVNode("div", { class: "doctor-health-title" }, [
+                          _createTextVNode(_toDisplayString(_ctx.healthCheckResult.ok ? _ctx.t('dashboard.health.ok') : _ctx.t('dashboard.health.fail')) + " ", 1 /* TEXT */),
+                          (_ctx.healthCheckResult.issues && _ctx.healthCheckResult.issues.length)
+                            ? (_openBlock(), _createElementBlock("span", { key: 0 }, "（" + _toDisplayString(_ctx.t('dashboard.health.issues', { count: _ctx.healthCheckResult.issues.length })) + "）", 1 /* TEXT */))
+                            : _createCommentVNode("v-if", true)
+                        ])
+                      ], 2 /* CLASS */),
+                      (_ctx.healthCheckResult.report)
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 0,
+                            class: "doctor-action-list"
                           }, [
-                            _createElementVNode("div", { class: "doctor-action-head" }, [
-                              _createElementVNode("div", { class: "doctor-action-title" }, _toDisplayString(issue.problem || (issue.problemKey ? _ctx.t(issue.problemKey, issue.problemParams) : '')), 1 /* TEXT */),
-                              _createElementVNode("div", {
-                                class: _normalizeClass(['doctor-action-severity', issue.severity])
-                              }, _toDisplayString(issue.severityLabel || issue.severity), 3 /* TEXT, CLASS */)
-                            ]),
-                            _createElementVNode("div", { class: "doctor-action-impact" }, _toDisplayString(issue.impact || (issue.impactKey ? _ctx.t(issue.impactKey, issue.impactParams) : '')), 1 /* TEXT */),
-                            (issue.actions && issue.actions.some(action => action && action.type === 'navigate' && action.target))
-                              ? (_openBlock(), _createElementBlock("div", {
-                                  key: 0,
-                                  class: "doctor-action-buttons"
-                                }, [
-                                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(issue.actions, (action, index) => {
-                                    return (_openBlock(), _createElementBlock(_Fragment, {
-                                      key: issue.id + '-action-' + index
-                                    }, [
-                                      (action.type === 'navigate' && action.target)
-                                        ? (_openBlock(), _createElementBlock("button", {
-                                            key: 0,
-                                            type: "button",
-                                            class: "btn-tool btn-tool-compact",
-                                            onClick: $event => (action.target ? _ctx.switchMainTab(action.target) : null)
-                                          }, _toDisplayString(action.label || (action.labelKey ? _ctx.t(action.labelKey, action.labelParams) : _ctx.t('dashboard.doctor.open'))), 9 /* TEXT, PROPS */, ["onClick"]))
-                                        : _createCommentVNode("v-if", true)
-                                    ], 64 /* STABLE_FRAGMENT */))
-                                  }), 128 /* KEYED_FRAGMENT */))
-                                ]))
-                              : _createCommentVNode("v-if", true)
+                            (_ctx.healthCheckResult.report.issues && _ctx.healthCheckResult.report.issues.length)
+                              ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(_ctx.healthCheckResult.report.issues, (issue) => {
+                                  return (_openBlock(), _createElementBlock("div", {
+                                    key: issue.id,
+                                    class: "doctor-action-card"
+                                  }, [
+                                    _createElementVNode("div", { class: "doctor-action-head" }, [
+                                      _createElementVNode("div", { class: "doctor-action-title" }, _toDisplayString(issue.problem || (issue.problemKey ? _ctx.t(issue.problemKey, issue.problemParams) : '')), 1 /* TEXT */),
+                                      _createElementVNode("div", {
+                                        class: _normalizeClass(['doctor-action-severity', issue.severity])
+                                      }, _toDisplayString(issue.severityLabel || issue.severity), 3 /* TEXT, CLASS */)
+                                    ]),
+                                    _createElementVNode("div", { class: "doctor-action-impact" }, _toDisplayString(issue.impact || (issue.impactKey ? _ctx.t(issue.impactKey, issue.impactParams) : '')), 1 /* TEXT */),
+                                    (issue.actions && issue.actions.some(action => action && action.type === 'navigate' && action.target))
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 0,
+                                          class: "doctor-action-buttons"
+                                        }, [
+                                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(issue.actions, (action, index) => {
+                                            return (_openBlock(), _createElementBlock(_Fragment, {
+                                              key: issue.id + '-action-' + index
+                                            }, [
+                                              (action.type === 'navigate' && action.target)
+                                                ? (_openBlock(), _createElementBlock("button", {
+                                                    key: 0,
+                                                    type: "button",
+                                                    class: "btn-tool btn-tool-compact",
+                                                    onClick: $event => (action.target ? _ctx.switchMainTab(action.target) : null)
+                                                  }, _toDisplayString(action.label || (action.labelKey ? _ctx.t(action.labelKey, action.labelParams) : _ctx.t('dashboard.doctor.open'))), 9 /* TEXT, PROPS */, ["onClick"]))
+                                                : _createCommentVNode("v-if", true)
+                                            ], 64 /* STABLE_FRAGMENT */))
+                                          }), 128 /* KEYED_FRAGMENT */))
+                                        ]))
+                                      : _createCommentVNode("v-if", true)
+                                  ]))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              : _createCommentVNode("v-if", true),
+                            _createElementVNode("div", { class: "doctor-action-footer" }, [
+                              _createElementVNode("button", {
+                                type: "button",
+                                class: "btn-tool btn-tool-compact",
+                                onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
+                                                ? _ctx.downloadTextFile('codexmate-doctor.json', JSON.stringify(_ctx.healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
+                                                : null}
+                              }, _toDisplayString(_ctx.t('dashboard.doctor.export.json')), 9 /* TEXT, PROPS */, ["onClick"]),
+                              _createElementVNode("button", {
+                                type: "button",
+                                class: "btn-tool btn-tool-compact",
+                                onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
+                                                ? _ctx.downloadTextFile('codexmate-doctor.md', String(_ctx.healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
+                                                : null}
+                              }, _toDisplayString(_ctx.t('dashboard.doctor.export.md')), 9 /* TEXT, PROPS */, ["onClick"])
+                            ])
                           ]))
-                        }), 128 /* KEYED_FRAGMENT */))
-                      : _createCommentVNode("v-if", true),
-                    _createElementVNode("div", { class: "doctor-action-footer" }, [
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-tool btn-tool-compact",
-                        onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
-                                        ? _ctx.downloadTextFile('codexmate-doctor.json', JSON.stringify(_ctx.healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
-                                        : null}
-                      }, _toDisplayString(_ctx.t('dashboard.doctor.export.json')), 9 /* TEXT, PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-tool btn-tool-compact",
-                        onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
-                                        ? _ctx.downloadTextFile('codexmate-doctor.md', String(_ctx.healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
-                                        : null}
-                      }, _toDisplayString(_ctx.t('dashboard.doctor.export.md')), 9 /* TEXT, PROPS */, ["onClick"])
-                    ])
-                  ]))
-                : _createCommentVNode("v-if", true),
+                        : _createCommentVNode("v-if", true)
+                    ], 64 /* STABLE_FRAGMENT */))
+                  : (_openBlock(), _createElementBlock("div", {
+                      key: 1,
+                      class: "doctor-result-empty"
+                    }, [
+                      _createElementVNode("span", { class: "doctor-result-empty-text" }, _toDisplayString(_ctx.t('dashboard.doctor.empty')), 1 /* TEXT */)
+                    ]))
+              ]),
               _createElementVNode("div", { class: "doctor-grid" }, [
                 _createElementVNode("button", {
                   type: "button",
@@ -3276,350 +3284,6 @@ return function render(_ctx, _cache) {
                       }, _toDisplayString(_ctx.t('pi.providers.empty')), 1 /* TEXT */))
                     : _createCommentVNode("v-if", true)
                 ]),
-                (_ctx.editingPiProvider)
-                  ? (_openBlock(), _createElementBlock("section", {
-                      key: 0,
-                      class: "selector-section"
-                    }, [
-                      _createElementVNode("div", { class: "selector-header" }, [
-                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.providers.editorTitle')), 1 /* TEXT */),
-                        _createElementVNode("div", { class: "settings-tab-actions" }, [
-                          _createElementVNode("button", {
-                            type: "button",
-                            class: "btn-tool",
-                            onClick: _ctx.savePiProvider,
-                            disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
-                          }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                        ])
-                      ]),
-                      _createElementVNode("div", { class: "codex-config-grid" }, [
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.name')), 1 /* TEXT */),
-                          _createElementVNode("input", {
-                            class: "form-input",
-                            type: "text",
-                            value: _ctx.piProviderName(_ctx.editingPiProvider.id),
-                            readonly: ""
-                          }, null, 8 /* PROPS */, ["value"])
-                        ]),
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.baseUrl')), 1 /* TEXT */),
-                          _withDirectives(_createElementVNode("input", {
-                            class: "form-input",
-                            type: "url",
-                            "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.baseUrl) = $event),
-                            autocomplete: "off",
-                            spellcheck: "false",
-                            placeholder: "https://"
-                          }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                            [_vModelText, _ctx.editingPiProvider.form.baseUrl]
-                          ])
-                        ]),
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.api')), 1 /* TEXT */),
-                          _withDirectives(_createElementVNode("select", {
-                            class: "form-input",
-                            "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.api) = $event),
-                            disabled: !_ctx.isToolConfigWriteAllowed('pi')
-                          }, [
-                            _createElementVNode("option", { value: "openai-completions" }, "openai-completions — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.openaiCompletions')), 1 /* TEXT */),
-                            _createElementVNode("option", { value: "openai-responses" }, "openai-responses — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.openaiResponses')), 1 /* TEXT */),
-                            _createElementVNode("option", { value: "anthropic-messages" }, "anthropic-messages — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.anthropicMessages')), 1 /* TEXT */),
-                            _createElementVNode("option", { value: "google-generative-ai" }, "google-generative-ai — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.googleGenerativeAi')), 1 /* TEXT */),
-                            (!['openai-completions', 'openai-responses', 'anthropic-messages', 'google-generative-ai'].includes(_ctx.editingPiProvider.form.api))
-                              ? (_openBlock(), _createElementBlock("option", {
-                                  key: 0,
-                                  value: _ctx.editingPiProvider.form.api
-                                }, _toDisplayString(_ctx.editingPiProvider.form.api || '—'), 9 /* TEXT, PROPS */, ["value"]))
-                              : _createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, ["onUpdate:modelValue", "disabled"]), [
-                            [_vModelSelect, _ctx.editingPiProvider.form.api]
-                          ])
-                        ]),
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.apiKey')), 1 /* TEXT */),
-                          _createElementVNode("div", { class: "input-with-toggle" }, [
-                            _withDirectives(_createElementVNode("input", {
-                              class: "form-input",
-                              "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.apiKey) = $event),
-                              type: _ctx.piShowKey ? 'text' : 'password',
-                              autocomplete: "off",
-                              spellcheck: "false",
-                              placeholder: "sk-..."
-                            }, null, 8 /* PROPS */, ["onUpdate:modelValue", "type"]), [
-                              [_vModelDynamic, _ctx.editingPiProvider.form.apiKey]
-                            ]),
-                            _createElementVNode("button", {
-                              type: "button",
-                              class: "input-toggle-btn",
-                              onMousedown: _withModifiers(() => {}, ["prevent"]),
-                              onClick: $event => (_ctx.piShowKey = !_ctx.piShowKey),
-                              title: _ctx.piShowKey ? _ctx.t('common.hide') : _ctx.t('common.show'),
-                              "aria-label": _ctx.piShowKey ? _ctx.t('common.hide') : _ctx.t('common.show')
-                            }, [
-                              (!_ctx.piShowKey)
-                                ? (_openBlock(), _createElementBlock("svg", {
-                                    key: 0,
-                                    viewBox: "0 0 20 20",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    "stroke-width": "1.5",
-                                    width: "16",
-                                    height: "16"
-                                  }, [
-                                    _createElementVNode("path", { d: "M10 4C5 4 1.73 8.11 1 10c.73 1.89 4 6 9 6s8.27-4.11 9-6c-.73-1.89-4-6-9-6z" }),
-                                    _createElementVNode("circle", {
-                                      cx: "10",
-                                      cy: "10",
-                                      r: "3"
-                                    })
-                                  ]))
-                                : (_openBlock(), _createElementBlock("svg", {
-                                    key: 1,
-                                    viewBox: "0 0 20 20",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    "stroke-width": "1.5",
-                                    width: "16",
-                                    height: "16"
-                                  }, [
-                                    _createElementVNode("path", { d: "M2 2l16 16M8.2 4.2A9.9 9.9 0 0 1 10 4c5 0 8.27 4.11 9 6-.44.94-1.5 2.7-3.2 4.2M14.5 14.5A5.9 5.9 0 0 1 10 16c-5 0-8.27-4.11-9-6 .76-1.66 2.2-3.6 4.3-5" })
-                                  ]))
-                            ], 40 /* PROPS, NEED_HYDRATION */, ["onMousedown", "onClick", "title", "aria-label"])
-                          ])
-                        ])
-                      ]),
-                      _createElementVNode("div", { class: "form-group" }, [
-                        _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.models')), 1 /* TEXT */),
-                        (_ctx.piRemoteModelsLoading)
-                          ? (_openBlock(), _createElementBlock("p", {
-                              key: 0,
-                              class: "config-template-hint"
-                            }, _toDisplayString(_ctx.t('pi.providers.models.remoteLoading')), 1 /* TEXT */))
-                          : (_ctx.piRemoteModelError)
-                            ? (_openBlock(), _createElementBlock("p", {
-                                key: 1,
-                                class: "config-template-hint"
-                              }, _toDisplayString(_ctx.piRemoteModelError) + " · " + _toDisplayString(_ctx.t('pi.providers.models.remoteFailed')), 1 /* TEXT */))
-                            : _createCommentVNode("v-if", true),
-                        _createElementVNode("div", { class: "card-list" }, [
-                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.editingPiProvider.form.models, (model, index) => {
-                            return (_openBlock(), _createElementBlock("div", {
-                              class: "card",
-                              key: index
-                            }, [
-                              _createElementVNode("div", { class: "input-with-toggle" }, [
-                                _withDirectives(_createElementVNode("input", {
-                                  class: "form-input",
-                                  type: "text",
-                                  "onUpdate:modelValue": $event => ((model.id) = $event),
-                                  autocomplete: "off",
-                                  spellcheck: "false",
-                                  placeholder: "claude-sonnet-4",
-                                  disabled: !_ctx.isToolConfigWriteAllowed('pi'),
-                                  onInput: $event => (_ctx.piModelSearch = model.id)
-                                }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "disabled", "onInput"]), [
-                                  [_vModelText, model.id]
-                                ]),
-                                _createElementVNode("button", {
-                                  type: "button",
-                                  class: "btn-tool input-toggle-btn",
-                                  onClick: $event => (_ctx.editingPiProvider.form.models.splice(index, 1)),
-                                  disabled: !_ctx.isToolConfigWriteAllowed('pi')
-                                }, _toDisplayString(_ctx.t('pi.providers.models.remove')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                              ])
-                            ]))
-                          }), 128 /* KEYED_FRAGMENT */)),
-                          (_ctx.editingPiProvider.form.models.length === 0)
-                            ? (_openBlock(), _createElementBlock("div", {
-                                key: 0,
-                                class: "card"
-                              }, [
-                                _withDirectives(_createElementVNode("input", {
-                                  class: "form-input",
-                                  type: "text",
-                                  "onUpdate:modelValue": $event => ((_ctx.piModelSearch) = $event),
-                                  autocomplete: "off",
-                                  spellcheck: "false",
-                                  placeholder: _ctx.t('pi.providers.models.search'),
-                                  onKeydown: _withKeys(_withModifiers($event => (_ctx.addPiRemoteModel(_ctx.piModelSearch.trim())), ["prevent"]), ["enter"])
-                                }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onKeydown"]), [
-                                  [_vModelText, _ctx.piModelSearch]
-                                ])
-                              ]))
-                            : _createCommentVNode("v-if", true),
-                          (!_ctx.piRemoteModelsLoading && !_ctx.piRemoteModelError && _ctx.piModelSearch.trim() && _ctx.piFilteredRemoteModels().length > 0)
-                            ? (_openBlock(), _createElementBlock("div", {
-                                key: 1,
-                                class: "card"
-                              }, [
-                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.piFilteredRemoteModels(), (id) => {
-                                  return (_openBlock(), _createElementBlock("button", {
-                                    type: "button",
-                                    class: "btn-tool",
-                                    style: {"width":"100%","text-align":"left","justify-content":"flex-start"},
-                                    key: id,
-                                    onClick: $event => (_ctx.addPiRemoteModel(id))
-                                  }, _toDisplayString(id), 9 /* TEXT, PROPS */, ["onClick"]))
-                                }), 128 /* KEYED_FRAGMENT */)),
-                                _createElementVNode("p", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.models.remoteCount', { count: _ctx.piRemoteModels.length })), 1 /* TEXT */)
-                              ]))
-                            : _createCommentVNode("v-if", true),
-                          (!_ctx.piRemoteModelsLoading && !_ctx.piRemoteModelError && _ctx.piModelSearch.trim() && _ctx.piFilteredRemoteModels().length === 0)
-                            ? (_openBlock(), _createElementBlock("p", {
-                                key: 2,
-                                class: "config-template-hint"
-                              }, _toDisplayString(_ctx.t('pi.providers.models.noMatch')), 1 /* TEXT */))
-                            : _createCommentVNode("v-if", true)
-                        ])
-                      ]),
-                      _createElementVNode("div", { class: "settings-tab-actions" }, [
-                        _createElementVNode("button", {
-                          type: "button",
-                          class: "btn-tool",
-                          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),
-                (_ctx.showAddPiProviderModal)
-                  ? (_openBlock(), _createElementBlock("section", {
-                      key: 1,
-                      class: "selector-section"
-                    }, [
-                      _createElementVNode("div", { class: "selector-header" }, [
-                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.providers.addModal.title')), 1 /* TEXT */),
-                        _createElementVNode("div", { class: "settings-tab-actions" }, [
-                          _createElementVNode("button", {
-                            type: "button",
-                            class: "btn-tool",
-                            onClick: _ctx.addPiProviderFromModal,
-                            disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
-                          }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-                          _createElementVNode("button", {
-                            type: "button",
-                            class: "btn-tool",
-                            onClick: _ctx.cancelAddPiProviderModal
-                          }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick"])
-                        ])
-                      ]),
-                      _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.addModal.subtitle')), 1 /* TEXT */),
-                      _createElementVNode("div", { class: "codex-config-grid" }, [
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.addModal.fields.baseUrl')), 1 /* TEXT */),
-                          _withDirectives(_createElementVNode("input", {
-                            class: "form-input",
-                            type: "url",
-                            "onUpdate:modelValue": $event => ((_ctx.addingPiProviderBaseUrl) = $event),
-                            autocomplete: "off",
-                            spellcheck: "false",
-                            placeholder: "https://",
-                            onInput: _ctx.onAddingPiEndpointChange
-                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onInput"]), [
-                            [_vModelText, _ctx.addingPiProviderBaseUrl]
-                          ])
-                        ]),
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.addModal.fields.api')), 1 /* TEXT */),
-                          _withDirectives(_createElementVNode("select", {
-                            class: "form-input",
-                            "onUpdate:modelValue": $event => ((_ctx.addingPiProviderApi) = $event)
-                          }, [
-                            _createElementVNode("option", { value: "openai-completions" }, "openai-completions — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.openaiCompletions')), 1 /* TEXT */),
-                            _createElementVNode("option", { value: "openai-responses" }, "openai-responses — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.openaiResponses')), 1 /* TEXT */),
-                            _createElementVNode("option", { value: "anthropic-messages" }, "anthropic-messages — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.anthropicMessages')), 1 /* TEXT */),
-                            _createElementVNode("option", { value: "google-generative-ai" }, "google-generative-ai — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.googleGenerativeAi')), 1 /* TEXT */)
-                          ], 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                            [_vModelSelect, _ctx.addingPiProviderApi]
-                          ])
-                        ]),
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.addModal.fields.apiKey')), 1 /* TEXT */),
-                          _withDirectives(_createElementVNode("input", {
-                            class: "form-input",
-                            type: "password",
-                            "onUpdate:modelValue": $event => ((_ctx.addingPiProviderApiKey) = $event),
-                            autocomplete: "off",
-                            spellcheck: "false",
-                            placeholder: _ctx.t('common.optional'),
-                            onInput: _ctx.onAddingPiEndpointChange
-                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onInput"]), [
-                            [_vModelText, _ctx.addingPiProviderApiKey]
-                          ])
-                        ]),
-                        _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                          _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.models')), 1 /* TEXT */),
-                          (_ctx.addingPiRemoteLoading)
-                            ? (_openBlock(), _createElementBlock("p", {
-                                key: 0,
-                                class: "config-template-hint"
-                              }, _toDisplayString(_ctx.t('pi.providers.models.remoteLoading')), 1 /* TEXT */))
-                            : (_ctx.addingPiRemoteError)
-                              ? (_openBlock(), _createElementBlock("p", {
-                                  key: 1,
-                                  class: "config-template-hint"
-                                }, _toDisplayString(_ctx.addingPiRemoteError) + " · " + _toDisplayString(_ctx.t('pi.providers.models.remoteFailed')), 1 /* TEXT */))
-                              : _createCommentVNode("v-if", true),
-                          _withDirectives(_createElementVNode("input", {
-                            class: "form-input",
-                            type: "text",
-                            "onUpdate:modelValue": $event => ((_ctx.addingPiProviderModel) = $event),
-                            autocomplete: "off",
-                            spellcheck: "false",
-                            placeholder: _ctx.addingPiRemoteModels.length ? _ctx.t('pi.providers.models.search') : 'claude-sonnet-4'
-                          }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                            [_vModelText, _ctx.addingPiProviderModel]
-                          ]),
-                          (!_ctx.addingPiRemoteLoading && _ctx.addingPiProviderModel.trim() && _ctx.piFilteredAddingRemoteModels().length > 0)
-                            ? (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
-                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.piFilteredAddingRemoteModels(), (id) => {
-                                  return (_openBlock(), _createElementBlock("button", {
-                                    type: "button",
-                                    class: "btn-tool",
-                                    style: {"width":"100%","text-align":"left","justify-content":"flex-start","margin-top":"8px"},
-                                    key: id,
-                                    onClick: $event => (_ctx.addingPiProviderModel = id)
-                                  }, _toDisplayString(id), 9 /* TEXT, PROPS */, ["onClick"]))
-                                }), 128 /* KEYED_FRAGMENT */)),
-                                _createElementVNode("p", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.models.remoteCount', { count: _ctx.addingPiRemoteModels.length })), 1 /* TEXT */)
-                              ], 64 /* STABLE_FRAGMENT */))
-                            : (!_ctx.addingPiRemoteLoading && !_ctx.addingPiRemoteError && _ctx.addingPiProviderModel.trim() && _ctx.addingPiRemoteModels.length > 0)
-                              ? (_openBlock(), _createElementBlock("p", {
-                                  key: 3,
-                                  class: "config-template-hint"
-                                }, _toDisplayString(_ctx.t('pi.providers.models.noMatch')), 1 /* TEXT */))
-                              : _createCommentVNode("v-if", true)
-                        ])
-                      ])
-                    ]))
-                  : _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 */)
@@ -3824,7 +3488,7 @@ return function render(_ctx, _cache) {
                 ]),
                 (!_ctx.isToolConfigWriteAllowed('pi'))
                   ? (_openBlock(), _createElementBlock("div", {
-                      key: 2,
+                      key: 0,
                       class: "tool-config-write-overlay"
                     }, [
                       _createElementVNode("div", { class: "tool-config-write-overlay-card" }, [
@@ -3844,6 +3508,325 @@ return function render(_ctx, _cache) {
           ], 8 /* PROPS */, ["aria-labelledby"]), [
             [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'pi']
           ]),
+          _createCommentVNode(" Pi 新增供应商模板选择模态框 "),
+          (_ctx.showAddPiProviderModal && !_ctx.editingPiProvider)
+            ? (_openBlock(), _createElementBlock("div", {
+                key: 0,
+                class: "modal-overlay",
+                onClick: _withModifiers(_ctx.cancelAddPiProviderModal, ["self"])
+              }, [
+                _createElementVNode("div", {
+                  class: "modal modal-wide",
+                  role: "dialog",
+                  "aria-modal": "true",
+                  "aria-labelledby": "pi-provider-picker-modal-title"
+                }, [
+                  _createElementVNode("div", {
+                    class: "modal-title",
+                    id: "pi-provider-picker-modal-title"
+                  }, _toDisplayString(_ctx.t('pi.providers.addModal.title')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.addModal.subtitle')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "pi-picker" }, [
+                    _withDirectives(_createElementVNode("input", {
+                      class: "form-input",
+                      type: "text",
+                      "onUpdate:modelValue": $event => ((_ctx.piProviderPickerQuery) = $event),
+                      autocomplete: "off",
+                      spellcheck: "false",
+                      placeholder: _ctx.t('pi.picker.searchPlaceholder')
+                    }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+                      [_vModelText, _ctx.piProviderPickerQuery]
+                    ]),
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.piProviderTemplateGroups(), (group) => {
+                      return (_openBlock(), _createElementBlock("div", {
+                        class: "pi-picker-group",
+                        key: group.id
+                      }, [
+                        _createElementVNode("div", { class: "pi-picker-group-title" }, _toDisplayString(_ctx.t(group.i18nKey)), 1 /* TEXT */),
+                        _createElementVNode("div", { class: "pi-picker-grid" }, [
+                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(group.templates, (tpl) => {
+                            return (_openBlock(), _createElementBlock("button", {
+                              type: "button",
+                              class: "card pi-picker-card",
+                              key: tpl.id,
+                              onClick: $event => (_ctx.selectPiProviderTemplate(tpl.id))
+                            }, [
+                              _createElementVNode("span", { class: "card-icon" }, _toDisplayString(tpl.name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                              _createElementVNode("span", { class: "pi-picker-card-name" }, _toDisplayString(tpl.name), 1 /* TEXT */),
+                              (tpl.baseUrl)
+                                ? (_openBlock(), _createElementBlock("span", {
+                                    key: 0,
+                                    class: "pi-picker-card-url"
+                                  }, _toDisplayString(tpl.baseUrl), 1 /* TEXT */))
+                                : _createCommentVNode("v-if", true)
+                            ], 8 /* PROPS */, ["onClick"]))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        ])
+                      ]))
+                    }), 128 /* KEYED_FRAGMENT */)),
+                    (_ctx.piProviderPickerQuery.trim() && !_ctx.piProviderTemplateGroups().length)
+                      ? (_openBlock(), _createElementBlock("p", {
+                          key: 0,
+                          class: "config-template-hint"
+                        }, _toDisplayString(_ctx.t('pi.picker.empty')), 1 /* TEXT */))
+                      : _createCommentVNode("v-if", true)
+                  ]),
+                  _createElementVNode("div", { class: "btn-group" }, [
+                    _createElementVNode("button", {
+                      class: "btn btn-cancel",
+                      onClick: _ctx.cancelAddPiProviderModal
+                    }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick"])
+                  ])
+                ])
+              ], 8 /* PROPS */, ["onClick"]))
+            : _createCommentVNode("v-if", true),
+          _createCommentVNode(" Pi 供应商编辑器模态框 "),
+          (_ctx.editingPiProvider)
+            ? (_openBlock(), _createElementBlock("div", {
+                key: 1,
+                class: "modal-overlay",
+                onClick: _withModifiers(_ctx.closePiProviderEditor, ["self"])
+              }, [
+                _createElementVNode("div", {
+                  class: "modal modal-wide",
+                  role: "dialog",
+                  "aria-modal": "true",
+                  "aria-labelledby": "pi-provider-editor-modal-title"
+                }, [
+                  _createElementVNode("div", {
+                    class: "modal-title",
+                    id: "pi-provider-editor-modal-title"
+                  }, _toDisplayString(_ctx.editingPiProvider.isNew ? _ctx.t('pi.providers.addModal.title') : _ctx.t('pi.providers.editorTitle')), 1 /* TEXT */),
+                  (!_ctx.editingPiProvider.isNew)
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "form-group"
+                      }, [
+                        _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.name')), 1 /* TEXT */),
+                        _createElementVNode("input", {
+                          class: "form-input",
+                          type: "text",
+                          value: _ctx.piProviderName(_ctx.editingPiProvider.id),
+                          readonly: ""
+                        }, null, 8 /* PROPS */, ["value"])
+                      ]))
+                    : _createCommentVNode("v-if", true),
+                  _createElementVNode("div", { class: "form-group" }, [
+                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.baseUrl')), 1 /* TEXT */),
+                    _withDirectives(_createElementVNode("input", {
+                      class: "form-input",
+                      type: "url",
+                      "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.baseUrl) = $event),
+                      autocomplete: "off",
+                      spellcheck: "false",
+                      placeholder: "https://",
+                      onChange: _ctx.fetchPiRemoteModels
+                    }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange"]), [
+                      [_vModelText, _ctx.editingPiProvider.form.baseUrl]
+                    ])
+                  ]),
+                  _createElementVNode("div", { class: "form-group" }, [
+                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.api')), 1 /* TEXT */),
+                    _withDirectives(_createElementVNode("select", {
+                      class: "form-input",
+                      "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.api) = $event),
+                      disabled: !_ctx.isToolConfigWriteAllowed('pi')
+                    }, [
+                      _createElementVNode("option", { value: "openai-completions" }, "openai-completions — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.openaiCompletions')), 1 /* TEXT */),
+                      _createElementVNode("option", { value: "openai-responses" }, "openai-responses — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.openaiResponses')), 1 /* TEXT */),
+                      _createElementVNode("option", { value: "anthropic-messages" }, "anthropic-messages — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.anthropicMessages')), 1 /* TEXT */),
+                      _createElementVNode("option", { value: "google-generative-ai" }, "google-generative-ai — " + _toDisplayString(_ctx.t('pi.providers.addModal.api.googleGenerativeAi')), 1 /* TEXT */),
+                      (!['openai-completions', 'openai-responses', 'anthropic-messages', 'google-generative-ai'].includes(_ctx.editingPiProvider.form.api))
+                        ? (_openBlock(), _createElementBlock("option", {
+                            key: 0,
+                            value: _ctx.editingPiProvider.form.api
+                          }, _toDisplayString(_ctx.editingPiProvider.form.api || '—'), 9 /* TEXT, PROPS */, ["value"]))
+                        : _createCommentVNode("v-if", true)
+                    ], 8 /* PROPS */, ["onUpdate:modelValue", "disabled"]), [
+                      [_vModelSelect, _ctx.editingPiProvider.form.api]
+                    ])
+                  ]),
+                  _createElementVNode("div", { class: "form-group" }, [
+                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.apiKey')), 1 /* TEXT */),
+                    _createElementVNode("div", { class: "input-with-toggle" }, [
+                      _withDirectives(_createElementVNode("input", {
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.editingPiProvider.form.apiKey) = $event),
+                        type: _ctx.piShowKey ? 'text' : 'password',
+                        autocomplete: "off",
+                        spellcheck: "false",
+                        placeholder: "sk-...",
+                        onChange: _ctx.fetchPiRemoteModels
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "type", "onChange"]), [
+                        [_vModelDynamic, _ctx.editingPiProvider.form.apiKey]
+                      ]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "input-toggle-btn",
+                        onMousedown: _withModifiers(() => {}, ["prevent"]),
+                        onClick: $event => (_ctx.piShowKey = !_ctx.piShowKey),
+                        title: _ctx.piShowKey ? _ctx.t('common.hide') : _ctx.t('common.show'),
+                        "aria-label": _ctx.piShowKey ? _ctx.t('common.hide') : _ctx.t('common.show')
+                      }, [
+                        (!_ctx.piShowKey)
+                          ? (_openBlock(), _createElementBlock("svg", {
+                              key: 0,
+                              viewBox: "0 0 20 20",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "1.5",
+                              width: "16",
+                              height: "16"
+                            }, [
+                              _createElementVNode("path", { d: "M10 4C5 4 1.73 8.11 1 10c.73 1.89 4 6 9 6s8.27-4.11 9-6c-.73-1.89-4-6-9-6z" }),
+                              _createElementVNode("circle", {
+                                cx: "10",
+                                cy: "10",
+                                r: "3"
+                              })
+                            ]))
+                          : (_openBlock(), _createElementBlock("svg", {
+                              key: 1,
+                              viewBox: "0 0 20 20",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "1.5",
+                              width: "16",
+                              height: "16"
+                            }, [
+                              _createElementVNode("path", { d: "M2 2l16 16M8.2 4.2A9.9 9.9 0 0 1 10 4c5 0 8.27 4.11 9 6-.44.94-1.5 2.7-3.2 4.2M14.5 14.5A5.9 5.9 0 0 1 10 16c-5 0-8.27-4.11-9-6 .76-1.66 2.2-3.6 4.3-5" })
+                            ]))
+                      ], 40 /* PROPS, NEED_HYDRATION */, ["onMousedown", "onClick", "title", "aria-label"])
+                    ])
+                  ]),
+                  _createElementVNode("div", { class: "form-group" }, [
+                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.providers.fields.models')), 1 /* TEXT */),
+                    (_ctx.piRemoteModelsLoading)
+                      ? (_openBlock(), _createElementBlock("p", {
+                          key: 0,
+                          class: "config-template-hint"
+                        }, _toDisplayString(_ctx.t('pi.providers.models.remoteLoading')), 1 /* TEXT */))
+                      : (_ctx.piRemoteModelError)
+                        ? (_openBlock(), _createElementBlock("p", {
+                            key: 1,
+                            class: "config-template-hint"
+                          }, _toDisplayString(_ctx.piRemoteModelError) + " · " + _toDisplayString(_ctx.t('pi.providers.models.remoteFailed')), 1 /* TEXT */))
+                        : _createCommentVNode("v-if", true),
+                    _createElementVNode("div", { class: "card-list" }, [
+                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.editingPiProvider.form.models, (model, index) => {
+                        return (_openBlock(), _createElementBlock("div", {
+                          class: "card",
+                          key: index
+                        }, [
+                          _createElementVNode("div", { class: "input-with-toggle" }, [
+                            _withDirectives(_createElementVNode("input", {
+                              class: "form-input",
+                              type: "text",
+                              "onUpdate:modelValue": $event => ((model.id) = $event),
+                              autocomplete: "off",
+                              spellcheck: "false",
+                              placeholder: "claude-sonnet-4",
+                              disabled: !_ctx.isToolConfigWriteAllowed('pi')
+                            }, null, 8 /* PROPS */, ["onUpdate:modelValue", "disabled"]), [
+                              [_vModelText, model.id]
+                            ]),
+                            _createElementVNode("button", {
+                              type: "button",
+                              class: "btn-tool input-toggle-btn",
+                              onClick: $event => (_ctx.editingPiProvider.form.models.splice(index, 1)),
+                              disabled: !_ctx.isToolConfigWriteAllowed('pi')
+                            }, _toDisplayString(_ctx.t('pi.providers.models.remove')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                          ])
+                        ]))
+                      }), 128 /* KEYED_FRAGMENT */)),
+                      _createElementVNode("div", { class: "card" }, [
+                        _createElementVNode("div", { class: "input-with-toggle" }, [
+                          _withDirectives(_createElementVNode("input", {
+                            class: "form-input",
+                            type: "text",
+                            "onUpdate:modelValue": $event => ((_ctx.piModelSearch) = $event),
+                            autocomplete: "off",
+                            spellcheck: "false",
+                            placeholder: _ctx.t('pi.providers.models.search'),
+                            onKeydown: _withKeys(_withModifiers($event => (_ctx.addPiRemoteModel(_ctx.piModelSearch.trim())), ["prevent"]), ["enter"])
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onKeydown"]), [
+                            [_vModelText, _ctx.piModelSearch]
+                          ])
+                        ])
+                      ]),
+                      _createElementVNode("div", { class: "pi-model-import-section" }, [
+                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.providers.models.importTitle')), 1 /* TEXT */),
+                        (!_ctx.piRemoteModelsLoading && _ctx.piRemoteSelectableModels().length > 0)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 0,
+                              class: "pi-model-import-list"
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.piRemoteSelectableModels(), (id) => {
+                                return (_openBlock(), _createElementBlock("label", {
+                                  class: "pi-model-import-item",
+                                  key: id
+                                }, [
+                                  _createElementVNode("input", {
+                                    type: "checkbox",
+                                    checked: _ctx.isPiRemoteChecked(id),
+                                    onChange: $event => (_ctx.togglePiRemoteChecked(id)),
+                                    disabled: !_ctx.isToolConfigWriteAllowed('pi')
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange", "disabled"]),
+                                  _createElementVNode("span", { class: "pi-model-import-id" }, _toDisplayString(id), 1 /* TEXT */)
+                                ]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ]))
+                          : _createCommentVNode("v-if", true),
+                        (!_ctx.piRemoteModelsLoading && _ctx.piRemoteSelectableModels().length > 0)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 1,
+                              class: "settings-tab-actions"
+                            }, [
+                              _createElementVNode("button", {
+                                type: "button",
+                                class: "btn-tool",
+                                disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piCheckedRemoteCount() === 0,
+                                onClick: _ctx.addSelectedPiRemoteModels
+                              }, _toDisplayString(_ctx.t('pi.providers.models.addSelected', { count: _ctx.piCheckedRemoteCount() })), 9 /* TEXT, PROPS */, ["disabled", "onClick"])
+                            ]))
+                          : _createCommentVNode("v-if", true),
+                        (!_ctx.piRemoteModelsLoading && !_ctx.piRemoteModelError && _ctx.piRemoteModels.length)
+                          ? (_openBlock(), _createElementBlock("p", {
+                              key: 2,
+                              class: "config-template-hint"
+                            }, _toDisplayString(_ctx.t('pi.providers.models.remoteCount', { count: _ctx.piRemoteModels.length })), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true),
+                        (!_ctx.piRemoteModelsLoading && !_ctx.piRemoteModelError && _ctx.piModelSearch.trim() && _ctx.piRemoteSelectableModels().length === 0)
+                          ? (_openBlock(), _createElementBlock("p", {
+                              key: 3,
+                              class: "config-template-hint"
+                            }, _toDisplayString(_ctx.t('pi.providers.models.noMatch')), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true)
+                      ])
+                    ])
+                  ]),
+                  _createElementVNode("div", { class: "btn-group" }, [
+                    _createElementVNode("button", {
+                      class: "btn btn-cancel",
+                      onClick: _ctx.closePiProviderEditor
+                    }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick"]),
+                    (!_ctx.editingPiProvider.isNew)
+                      ? (_openBlock(), _createElementBlock("button", {
+                          key: 0,
+                          class: "btn btn-confirm btn-danger",
+                          onClick: _ctx.confirmDeletePiProvider,
+                          disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
+                        }, _toDisplayString(_ctx.t('pi.providers.delete')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
+                      : _createCommentVNode("v-if", true),
+                    _createElementVNode("button", {
+                      class: "btn btn-confirm",
+                      onClick: _ctx.savePiProvider,
+                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
+                    }, _toDisplayString(_ctx.t(_ctx.piSaving ? 'common.saving' : 'common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                  ])
+                ])
+              ], 8 /* PROPS */, ["onClick"]))
+            : _createCommentVNode("v-if", true),
           _createCommentVNode(" 会话浏览模式 "),
           _withDirectives(_createElementVNode("div", {
             class: "mode-content",
@@ -6874,7 +6857,7 @@ return function render(_ctx, _cache) {
           _createCommentVNode(" Prompts editor "),
           (_ctx.mainTab === 'prompts')
             ? (_openBlock(), _createElementBlock("div", {
-                key: 0,
+                key: 2,
                 class: "mode-content mode-cards",
                 id: "panel-prompts",
                 role: "tabpanel",
@@ -7698,12 +7681,12 @@ return function render(_ctx, _cache) {
           _createCommentVNode(" 加载状态 "),
           (_ctx.loading && _ctx.mainTab !== 'usage')
             ? (_openBlock(), _createElementBlock("div", {
-                key: 1,
+                key: 3,
                 class: "state-message"
               }, _toDisplayString(_ctx.t('app.loadingConfig')), 1 /* TEXT */))
             : (_ctx.initError)
               ? (_openBlock(), _createElementBlock("div", {
-                  key: 2,
+                  key: 4,
                   class: "state-message error"
                 }, [
                   _createCommentVNode(" 错误状态 "),