codexmate 0.1.12 → 0.1.14

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

@@ -368,6 +368,27 @@ return function render(_ctx, _cache) {
                         _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.kilocode.meta')), 1 /* TEXT */)
                       ])
                     ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]))
+                  : _createCommentVNode("v-if", true),
+                (_ctx.isConfigModeVisible('pi'))
+                  ? (_openBlock(), _createElementBlock("button", {
+                      key: 5,
+                      id: "side-tab-config-pi",
+                      "data-main-tab": "config",
+                      "data-config-mode": "pi",
+                      "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'pi' ? 'page' : null,
+                      class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('pi') }]),
+                      onPointerdown: $event => (_ctx.onConfigTabPointerDown('pi', $event)),
+                      onClick: $event => (_ctx.onConfigTabClick('pi', $event))
+                    }, [
+                      _createElementVNode("span", {
+                        class: "side-item-icon",
+                        "aria-hidden": "true"
+                      }, "P"),
+                      _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.pi')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "side-item-meta" }, [
+                        _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.pi.meta')), 1 /* TEXT */)
+                      ])
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]))
                   : _createCommentVNode("v-if", true)
               ], 8 /* PROPS */, ["aria-label"]),
               _createElementVNode("div", {
@@ -3089,6 +3110,490 @@ return function render(_ctx, _cache) {
           ], 8 /* PROPS */, ["aria-labelledby"]), [
             [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'kilocode']
           ]),
+          _createCommentVNode(" Pi 配置 "),
+          _withDirectives(_createElementVNode("div", {
+            class: "mode-content mode-cards",
+            id: "panel-config-pi",
+            role: "tabpanel",
+            "aria-labelledby": _ctx.forceCompactLayout ? 'tab-config' : 'side-tab-config-pi'
+          }, [
+            (_ctx.forceCompactLayout && !_ctx.sessionStandalone)
+              ? (_openBlock(), _createElementBlock("div", {
+                  key: 0,
+                  class: "segmented-control"
+                }, [
+                  (_ctx.isConfigModeVisible('codex'))
+                    ? (_openBlock(), _createElementBlock("button", {
+                        key: 0,
+                        type: "button",
+                        class: _normalizeClass(['segment', { active: _ctx.configMode === 'codex' }]),
+                        onClick: $event => (_ctx.switchConfigMode('codex'))
+                      }, _toDisplayString(_ctx.t('tab.config.codex')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]))
+                    : _createCommentVNode("v-if", true),
+                  (_ctx.isConfigModeVisible('claude'))
+                    ? (_openBlock(), _createElementBlock("button", {
+                        key: 1,
+                        type: "button",
+                        class: _normalizeClass(['segment', { active: _ctx.configMode === 'claude' }]),
+                        onClick: $event => (_ctx.switchConfigMode('claude'))
+                      }, _toDisplayString(_ctx.t('tab.config.claude')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]))
+                    : _createCommentVNode("v-if", true),
+                  (_ctx.isConfigModeVisible('openclaw'))
+                    ? (_openBlock(), _createElementBlock("button", {
+                        key: 2,
+                        type: "button",
+                        class: _normalizeClass(['segment', { active: _ctx.configMode === 'openclaw' }]),
+                        onClick: $event => (_ctx.switchConfigMode('openclaw'))
+                      }, _toDisplayString(_ctx.t('tab.config.openclaw')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]))
+                    : _createCommentVNode("v-if", true),
+                  (_ctx.isConfigModeVisible('opencode'))
+                    ? (_openBlock(), _createElementBlock("button", {
+                        key: 3,
+                        type: "button",
+                        class: _normalizeClass(['segment', { active: _ctx.configMode === 'opencode' }]),
+                        onClick: $event => (_ctx.switchConfigMode('opencode'))
+                      }, _toDisplayString(_ctx.t('tab.config.opencode')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]))
+                    : _createCommentVNode("v-if", true),
+                  (_ctx.isConfigModeVisible('kilocode'))
+                    ? (_openBlock(), _createElementBlock("button", {
+                        key: 4,
+                        type: "button",
+                        class: _normalizeClass(['segment', { active: _ctx.configMode === 'kilocode' }]),
+                        onClick: $event => (_ctx.switchConfigMode('kilocode'))
+                      }, _toDisplayString(_ctx.t('tab.config.kilocode')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]))
+                    : _createCommentVNode("v-if", true),
+                  (_ctx.isConfigModeVisible('pi'))
+                    ? (_openBlock(), _createElementBlock("button", {
+                        key: 5,
+                        type: "button",
+                        class: _normalizeClass(['segment', { active: _ctx.configMode === 'pi' }]),
+                        onClick: $event => (_ctx.switchConfigMode('pi'))
+                      }, _toDisplayString(_ctx.t('tab.config.pi')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]))
+                    : _createCommentVNode("v-if", true)
+                ]))
+              : _createCommentVNode("v-if", true),
+            _createElementVNode("section", {
+              class: "tool-config-write-card",
+              "aria-label": _ctx.t('toolConfig.pi.title')
+            }, [
+              _createElementVNode("div", { class: "tool-config-write-copy" }, [
+                _createElementVNode("div", { class: "tool-config-write-title" }, _toDisplayString(_ctx.t('toolConfig.pi.title')), 1 /* TEXT */),
+                _createElementVNode("p", { class: "tool-config-write-desc" }, _toDisplayString(_ctx.t('toolConfig.pi.desc')), 1 /* TEXT */)
+              ]),
+              _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
+                _createElementVNode("input", {
+                  type: "checkbox",
+                  autocomplete: "off",
+                  checked: _ctx.isToolConfigWriteAllowed('pi'),
+                  disabled: _ctx.toolConfigPermissionSaving.pi,
+                  onChange: $event => (_ctx.setToolConfigPermission('pi', $event.target.checked))
+                }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "disabled", "onChange"]),
+                _createElementVNode("span", { class: "toggle-track" }, [
+                  _createElementVNode("span", { class: "toggle-thumb" })
+                ]),
+                _createElementVNode("span", null, _toDisplayString(_ctx.toolConfigPermissionStatusLabel('pi')), 1 /* TEXT */)
+              ])
+            ], 8 /* PROPS */, ["aria-label"]),
+            _createElementVNode("div", {
+              class: _normalizeClass(["tool-config-write-scope", { locked: !_ctx.isToolConfigWriteAllowed('pi') }])
+            }, [
+              _createElementVNode("div", { class: "tool-config-write-body" }, [
+                _createElementVNode("section", { class: "selector-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.providers.title')), 1 /* TEXT */),
+                    _createElementVNode("button", {
+                      type: "button",
+                      class: "btn-tool",
+                      onClick: _ctx.startAddPiProvider,
+                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
+                    }, _toDisplayString(_ctx.t('pi.providers.add')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                  ]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.targetFile', { path: '~/.pi/agent/models.json' })), 1 /* TEXT */),
+                  (_ctx.piProviderIds.length)
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "card-list"
+                      }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.piProviderIds, (providerId) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: providerId,
+                            class: "card",
+                            role: "button",
+                            tabindex: "0",
+                            onClick: $event => (_ctx.openEditPiProvider(providerId))
+                          }, [
+                            _createElementVNode("div", { class: "card-leading" }, [
+                              _createElementVNode("div", { class: "card-icon" }, _toDisplayString(_ctx.piProviderName(providerId).charAt(0).toUpperCase()), 1 /* TEXT */),
+                              _createElementVNode("div", { class: "card-content" }, [
+                                _createElementVNode("div", { class: "card-title" }, _toDisplayString(_ctx.piProviderName(providerId)), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(_ctx.piProviderSummary(providerId)), 1 /* TEXT */)
+                              ])
+                            ]),
+                            _createElementVNode("div", { class: "card-trailing" }, [
+                              (_ctx.piActiveProvider === providerId)
+                                ? (_openBlock(), _createElementBlock("span", {
+                                    key: 0,
+                                    class: "pill configured"
+                                  }, _toDisplayString(_ctx.t('pi.providers.active')), 1 /* TEXT */))
+                                : (_openBlock(), _createElementBlock("button", {
+                                    key: 1,
+                                    type: "button",
+                                    class: "btn-tool",
+                                    onClick: _withModifiers($event => (_ctx.switchPiActiveProvider(providerId)), ["stop"]),
+                                    disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
+                                  }, _toDisplayString(_ctx.t('pi.providers.setActive')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
+                            ])
+                          ], 8 /* PROPS */, ["onClick"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ]))
+                    : _createCommentVNode("v-if", true),
+                  (!_ctx.piProviderIds.length)
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 1,
+                        class: "config-template-hint"
+                      }, _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"])
+                      ])
+                    ]))
+                  : _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),
+                (!_ctx.isToolConfigWriteAllowed('pi'))
+                  ? (_openBlock(), _createElementBlock("div", {
+                      key: 2,
+                      class: "tool-config-write-overlay"
+                    }, [
+                      _createElementVNode("div", { class: "tool-config-write-overlay-card" }, [
+                        _createElementVNode("div", { class: "tool-config-write-overlay-title" }, _toDisplayString(_ctx.t('toolConfig.pi.lockedTitle')), 1 /* TEXT */),
+                        _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.pi.lockedDesc')), 1 /* TEXT */),
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: "btn-tool",
+                          onClick: $event => (_ctx.setToolConfigPermission('pi', true)),
+                          disabled: _ctx.toolConfigPermissionSaving.pi
+                        }, _toDisplayString(_ctx.t('toolConfig.enableWrite')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ])
+                    ]))
+                  : _createCommentVNode("v-if", true)
+              ])
+            ], 2 /* CLASS */)
+          ], 8 /* PROPS */, ["aria-labelledby"]), [
+            [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'pi']
+          ]),
           _createCommentVNode(" 会话浏览模式 "),
           _withDirectives(_createElementVNode("div", {
             class: "mode-content",
@@ -4817,60 +5322,73 @@ return function render(_ctx, _cache) {
                     _createElementVNode("div", { class: "settings-card-content" }, [
                       _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.configTabs.title')), 1 /* TEXT */),
                       _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.configTabs.meta')), 1 /* TEXT */),
-                      _createElementVNode("label", { class: "settings-toggle-row" }, [
-                        _createElementVNode("input", {
-                          type: "checkbox",
-                          checked: _ctx.configModeVisibility.codex,
-                          onChange: $event => (_ctx.setConfigModeVisibility('codex', $event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
-                        _createElementVNode("span", { class: "toggle-track" }, [
-                          _createElementVNode("span", { class: "toggle-thumb" })
+                      _createElementVNode("div", { class: "settings-toggle-grid" }, [
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.configModeVisibility.codex,
+                            onChange: $event => (_ctx.setConfigModeVisibility('codex', $event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.codex')), 1 /* TEXT */)
                         ]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.codex')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("label", { class: "settings-toggle-row" }, [
-                        _createElementVNode("input", {
-                          type: "checkbox",
-                          checked: _ctx.configModeVisibility.claude,
-                          onChange: $event => (_ctx.setConfigModeVisibility('claude', $event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
-                        _createElementVNode("span", { class: "toggle-track" }, [
-                          _createElementVNode("span", { class: "toggle-thumb" })
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.configModeVisibility.claude,
+                            onChange: $event => (_ctx.setConfigModeVisibility('claude', $event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.claude')), 1 /* TEXT */)
                         ]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.claude')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("label", { class: "settings-toggle-row" }, [
-                        _createElementVNode("input", {
-                          type: "checkbox",
-                          checked: _ctx.configModeVisibility.openclaw,
-                          onChange: $event => (_ctx.setConfigModeVisibility('openclaw', $event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
-                        _createElementVNode("span", { class: "toggle-track" }, [
-                          _createElementVNode("span", { class: "toggle-thumb" })
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.configModeVisibility.openclaw,
+                            onChange: $event => (_ctx.setConfigModeVisibility('openclaw', $event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.openclaw')), 1 /* TEXT */)
                         ]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.openclaw')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("label", { class: "settings-toggle-row" }, [
-                        _createElementVNode("input", {
-                          type: "checkbox",
-                          checked: _ctx.configModeVisibility.opencode,
-                          onChange: $event => (_ctx.setConfigModeVisibility('opencode', $event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
-                        _createElementVNode("span", { class: "toggle-track" }, [
-                          _createElementVNode("span", { class: "toggle-thumb" })
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.configModeVisibility.opencode,
+                            onChange: $event => (_ctx.setConfigModeVisibility('opencode', $event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.opencode')), 1 /* TEXT */)
                         ]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.opencode')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("label", { class: "settings-toggle-row" }, [
-                        _createElementVNode("input", {
-                          type: "checkbox",
-                          checked: _ctx.configModeVisibility.kilocode,
-                          onChange: $event => (_ctx.setConfigModeVisibility('kilocode', $event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
-                        _createElementVNode("span", { class: "toggle-track" }, [
-                          _createElementVNode("span", { class: "toggle-thumb" })
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.configModeVisibility.kilocode,
+                            onChange: $event => (_ctx.setConfigModeVisibility('kilocode', $event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.kilocode')), 1 /* TEXT */)
                         ]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.kilocode')), 1 /* TEXT */)
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.configModeVisibility.pi,
+                            onChange: $event => (_ctx.setConfigModeVisibility('pi', $event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('tab.config.pi')), 1 /* TEXT */)
+                        ])
                       ]),
                       _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.configTabs.hint')), 1 /* TEXT */)
                     ])