codexmate 0.1.10 → 0.1.13

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

@@ -264,96 +264,132 @@ return function render(_ctx, _cache) {
                 "aria-label": _ctx.t('side.config')
               }, [
                 _createElementVNode("div", { class: "side-section-title" }, _toDisplayString(_ctx.t('side.config')), 1 /* TEXT */),
-                _createElementVNode("button", {
-                  id: "side-tab-config-codex",
-                  "data-main-tab": "config",
-                  "data-config-mode": "codex",
-                  "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'codex' ? 'page' : null,
-                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('codex') }]),
-                  onPointerdown: $event => (_ctx.onConfigTabPointerDown('codex', $event)),
-                  onClick: $event => (_ctx.onConfigTabClick('codex', $event))
-                }, [
-                  _createElementVNode("span", {
-                    class: "side-item-icon",
-                    "aria-hidden": "true"
-                  }, "C"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.codex')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.codex.meta')), 1 /* TEXT */)
-                  ])
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
-                _createElementVNode("button", {
-                  id: "side-tab-config-claude",
-                  "data-main-tab": "config",
-                  "data-config-mode": "claude",
-                  "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'claude' ? 'page' : null,
-                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('claude') }]),
-                  onPointerdown: $event => (_ctx.onConfigTabPointerDown('claude', $event)),
-                  onClick: $event => (_ctx.onConfigTabClick('claude', $event))
-                }, [
-                  _createElementVNode("span", {
-                    class: "side-item-icon",
-                    "aria-hidden": "true"
-                  }, "A"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.claude')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.claude.meta')), 1 /* TEXT */)
-                  ])
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
-                _createElementVNode("button", {
-                  id: "side-tab-config-openclaw",
-                  "data-main-tab": "config",
-                  "data-config-mode": "openclaw",
-                  "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'openclaw' ? 'page' : null,
-                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('openclaw') }]),
-                  onPointerdown: $event => (_ctx.onConfigTabPointerDown('openclaw', $event)),
-                  onClick: $event => (_ctx.onConfigTabClick('openclaw', $event))
-                }, [
-                  _createElementVNode("span", {
-                    class: "side-item-icon",
-                    "aria-hidden": "true"
-                  }, "O"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.openclaw')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.openclaw.meta')), 1 /* TEXT */)
-                  ])
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
-                _createElementVNode("button", {
-                  id: "side-tab-config-opencode",
-                  "data-main-tab": "config",
-                  "data-config-mode": "opencode",
-                  "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'opencode' ? 'page' : null,
-                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('opencode') }]),
-                  onPointerdown: $event => (_ctx.onConfigTabPointerDown('opencode', $event)),
-                  onClick: $event => (_ctx.onConfigTabClick('opencode', $event))
-                }, [
-                  _createElementVNode("span", {
-                    class: "side-item-icon",
-                    "aria-hidden": "true"
-                  }, "N"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.opencode')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.opencode.meta')), 1 /* TEXT */)
-                  ])
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
-                _createElementVNode("button", {
-                  id: "side-tab-config-kilocode",
-                  "data-main-tab": "config",
-                  "data-config-mode": "kilocode",
-                  "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'kilocode' ? 'page' : null,
-                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('kilocode') }]),
-                  onPointerdown: $event => (_ctx.onConfigTabPointerDown('kilocode', $event)),
-                  onClick: $event => (_ctx.onConfigTabClick('kilocode', $event))
-                }, [
-                  _createElementVNode("span", {
-                    class: "side-item-icon",
-                    "aria-hidden": "true"
-                  }, "K"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.kilocode')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.kilocode.meta')), 1 /* TEXT */)
-                  ])
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
+                (_ctx.isConfigModeVisible('codex'))
+                  ? (_openBlock(), _createElementBlock("button", {
+                      key: 0,
+                      id: "side-tab-config-codex",
+                      "data-main-tab": "config",
+                      "data-config-mode": "codex",
+                      "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'codex' ? 'page' : null,
+                      class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('codex') }]),
+                      onPointerdown: $event => (_ctx.onConfigTabPointerDown('codex', $event)),
+                      onClick: $event => (_ctx.onConfigTabClick('codex', $event))
+                    }, [
+                      _createElementVNode("span", {
+                        class: "side-item-icon",
+                        "aria-hidden": "true"
+                      }, "C"),
+                      _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.codex')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "side-item-meta" }, [
+                        _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.codex.meta')), 1 /* TEXT */)
+                      ])
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]))
+                  : _createCommentVNode("v-if", true),
+                (_ctx.isConfigModeVisible('claude'))
+                  ? (_openBlock(), _createElementBlock("button", {
+                      key: 1,
+                      id: "side-tab-config-claude",
+                      "data-main-tab": "config",
+                      "data-config-mode": "claude",
+                      "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'claude' ? 'page' : null,
+                      class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('claude') }]),
+                      onPointerdown: $event => (_ctx.onConfigTabPointerDown('claude', $event)),
+                      onClick: $event => (_ctx.onConfigTabClick('claude', $event))
+                    }, [
+                      _createElementVNode("span", {
+                        class: "side-item-icon",
+                        "aria-hidden": "true"
+                      }, "A"),
+                      _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.claude')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "side-item-meta" }, [
+                        _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.claude.meta')), 1 /* TEXT */)
+                      ])
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]))
+                  : _createCommentVNode("v-if", true),
+                (_ctx.isConfigModeVisible('openclaw'))
+                  ? (_openBlock(), _createElementBlock("button", {
+                      key: 2,
+                      id: "side-tab-config-openclaw",
+                      "data-main-tab": "config",
+                      "data-config-mode": "openclaw",
+                      "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'openclaw' ? 'page' : null,
+                      class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('openclaw') }]),
+                      onPointerdown: $event => (_ctx.onConfigTabPointerDown('openclaw', $event)),
+                      onClick: $event => (_ctx.onConfigTabClick('openclaw', $event))
+                    }, [
+                      _createElementVNode("span", {
+                        class: "side-item-icon",
+                        "aria-hidden": "true"
+                      }, "O"),
+                      _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.openclaw')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "side-item-meta" }, [
+                        _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.openclaw.meta')), 1 /* TEXT */)
+                      ])
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]))
+                  : _createCommentVNode("v-if", true),
+                (_ctx.isConfigModeVisible('opencode'))
+                  ? (_openBlock(), _createElementBlock("button", {
+                      key: 3,
+                      id: "side-tab-config-opencode",
+                      "data-main-tab": "config",
+                      "data-config-mode": "opencode",
+                      "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'opencode' ? 'page' : null,
+                      class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('opencode') }]),
+                      onPointerdown: $event => (_ctx.onConfigTabPointerDown('opencode', $event)),
+                      onClick: $event => (_ctx.onConfigTabClick('opencode', $event))
+                    }, [
+                      _createElementVNode("span", {
+                        class: "side-item-icon",
+                        "aria-hidden": "true"
+                      }, "N"),
+                      _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.opencode')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "side-item-meta" }, [
+                        _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.opencode.meta')), 1 /* TEXT */)
+                      ])
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]))
+                  : _createCommentVNode("v-if", true),
+                (_ctx.isConfigModeVisible('kilocode'))
+                  ? (_openBlock(), _createElementBlock("button", {
+                      key: 4,
+                      id: "side-tab-config-kilocode",
+                      "data-main-tab": "config",
+                      "data-config-mode": "kilocode",
+                      "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'kilocode' ? 'page' : null,
+                      class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('kilocode') }]),
+                      onPointerdown: $event => (_ctx.onConfigTabPointerDown('kilocode', $event)),
+                      onClick: $event => (_ctx.onConfigTabClick('kilocode', $event))
+                    }, [
+                      _createElementVNode("span", {
+                        class: "side-item-icon",
+                        "aria-hidden": "true"
+                      }, "K"),
+                      _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.kilocode')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "side-item-meta" }, [
+                        _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", {
                 class: "side-section",
@@ -987,21 +1023,30 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "segmented-control"
                 }, [
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"])
+                  (_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)
                 ]))
               : _createCommentVNode("v-if", true),
             (_ctx.isCodexConfigMode && _ctx.shouldShowCliInstallPlaceholder('codex'))
@@ -1603,21 +1648,30 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "segmented-control"
                 }, [
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"])
+                  (_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)
                 ]))
               : _createCommentVNode("v-if", true),
             (_ctx.shouldShowCliInstallPlaceholder('claude'))
@@ -2131,21 +2185,30 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "segmented-control"
                 }, [
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"])
+                  (_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)
                 ]))
               : _createCommentVNode("v-if", true),
             _createElementVNode("div", { class: "openclaw-layout" }, [
@@ -2377,31 +2440,46 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "segmented-control"
                 }, [
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"])
+                  (_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)
                 ]))
               : _createCommentVNode("v-if", true),
             _createElementVNode("section", {
@@ -2770,31 +2848,46 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "segmented-control"
                 }, [
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"]),
-                  _createElementVNode("button", {
-                    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"])
+                  (_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)
                 ]))
               : _createCommentVNode("v-if", true),
             _createElementVNode("section", {
@@ -2923,91 +3016,575 @@ return function render(_ctx, _cache) {
                                   r: "3"
                                 })
                               ]))
-                            : (_openBlock(), _createElementBlock("svg", {
+                            : (_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"])
+                      ])
+                    ])
+                  ]),
+                  (_ctx.kilocodeError)
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "config-template-hint error-text"
+                      }, _toDisplayString(_ctx.kilocodeError), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true)
+                ]),
+                (_ctx.kilocodeProviders.length)
+                  ? (_openBlock(), _createElementBlock("section", {
+                      key: 0,
+                      class: "selector-section"
+                    }, [
+                      _createElementVNode("div", { class: "selector-header" }, [
+                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('kilocode.summary.title')), 1 /* TEXT */)
+                      ]),
+                      _createElementVNode("div", { class: "card-list" }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.kilocodeProviders, (provider) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: provider.name,
+                            class: _normalizeClass(['card', { active: _ctx.normalizeKilocodeProviderNameForUi(provider.name) === _ctx.normalizeKilocodeProviderNameForUi(_ctx.kilocodeProvider) }]),
+                            onDblclick: $event => (_ctx.selectKilocodeProvider(provider)),
+                            onKeydown: _withKeys(_withModifiers($event => (_ctx.selectKilocodeProvider(provider)), ["self","prevent"]), ["enter"]),
+                            tabindex: "0",
+                            role: "button",
+                            "aria-current": _ctx.normalizeKilocodeProviderNameForUi(provider.name) === _ctx.normalizeKilocodeProviderNameForUi(_ctx.kilocodeProvider) ? 'true' : null
+                          }, [
+                            _createElementVNode("div", { class: "card-leading" }, [
+                              _createElementVNode("div", { class: "card-icon" }, _toDisplayString(provider.name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                              _createElementVNode("div", { class: "card-content" }, [
+                                _createElementVNode("div", { class: "card-title" }, _toDisplayString(provider.name), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(provider.baseURL || provider.api || _ctx.t('config.url.unset')), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString((provider.models || []).join(', ') || _ctx.t('opencode.summary.noModel')), 1 /* TEXT */)
+                              ])
+                            ]),
+                            _createElementVNode("div", { class: "card-trailing" }, [
+                              _createElementVNode("span", {
+                                class: _normalizeClass(['pill', provider.hasKey ? 'configured' : 'empty'])
+                              }, _toDisplayString(provider.hasKey ? _ctx.t('common.configured') : _ctx.t('common.notConfigured')), 3 /* TEXT, CLASS */)
+                            ])
+                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onDblclick", "onKeydown", "aria-current"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ]))
+                  : _createCommentVNode("v-if", true),
+                _createElementVNode("section", { class: "selector-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('kilocode.configPreview.title')), 1 /* TEXT */)
+                  ]),
+                  _createElementVNode("textarea", {
+                    class: "template-textarea",
+                    value: _ctx.kilocodeContent,
+                    spellcheck: "false",
+                    readonly: "",
+                    "aria-readonly": "true"
+                  }, null, 8 /* PROPS */, ["value"]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('kilocode.configPreview.hint')), 1 /* TEXT */)
+                ]),
+                (!_ctx.isToolConfigWriteAllowed('kilocode'))
+                  ? (_openBlock(), _createElementBlock("div", {
+                      key: 1,
+                      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.kilocode.lockedTitle')), 1 /* TEXT */),
+                        _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.kilocode.lockedDesc')), 1 /* TEXT */),
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: "btn-tool",
+                          onClick: $event => (_ctx.setToolConfigPermission('kilocode', true)),
+                          disabled: _ctx.toolConfigPermissionSaving.kilocode
+                        }, _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 === '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,
-                                viewBox: "0 0 20 20",
-                                fill: "none",
-                                stroke: "currentColor",
-                                "stroke-width": "1.5",
-                                width: "16",
-                                height: "16"
+                                class: "card"
                               }, [
-                                _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" })
+                                (_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 */)
                               ]))
-                        ], 40 /* PROPS, NEED_HYDRATION */, ["onMousedown", "onClick", "title", "aria-label"])
+                            : _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"])
                       ])
-                    ])
-                  ]),
-                  (_ctx.kilocodeError)
-                    ? (_openBlock(), _createElementBlock("div", {
-                        key: 0,
-                        class: "config-template-hint error-text"
-                      }, _toDisplayString(_ctx.kilocodeError), 1 /* TEXT */))
-                    : _createCommentVNode("v-if", true)
-                ]),
-                (_ctx.kilocodeProviders.length)
+                    ]))
+                  : _createCommentVNode("v-if", true),
+                (_ctx.showAddPiProviderModal)
                   ? (_openBlock(), _createElementBlock("section", {
-                      key: 0,
+                      key: 1,
                       class: "selector-section"
                     }, [
                       _createElementVNode("div", { class: "selector-header" }, [
-                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('kilocode.summary.title')), 1 /* TEXT */)
+                        _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: "card-list" }, [
-                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.kilocodeProviders, (provider) => {
-                          return (_openBlock(), _createElementBlock("div", {
-                            key: provider.name,
-                            class: _normalizeClass(['card', { active: _ctx.normalizeKilocodeProviderNameForUi(provider.name) === _ctx.normalizeKilocodeProviderNameForUi(_ctx.kilocodeProvider) }]),
-                            onDblclick: $event => (_ctx.selectKilocodeProvider(provider)),
-                            onKeydown: _withKeys(_withModifiers($event => (_ctx.selectKilocodeProvider(provider)), ["self","prevent"]), ["enter"]),
-                            tabindex: "0",
-                            role: "button",
-                            "aria-current": _ctx.normalizeKilocodeProviderNameForUi(provider.name) === _ctx.normalizeKilocodeProviderNameForUi(_ctx.kilocodeProvider) ? 'true' : null
+                      _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("div", { class: "card-leading" }, [
-                              _createElementVNode("div", { class: "card-icon" }, _toDisplayString(provider.name.charAt(0).toUpperCase()), 1 /* TEXT */),
-                              _createElementVNode("div", { class: "card-content" }, [
-                                _createElementVNode("div", { class: "card-title" }, _toDisplayString(provider.name), 1 /* TEXT */),
-                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(provider.baseURL || provider.api || _ctx.t('config.url.unset')), 1 /* TEXT */),
-                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString((provider.models || []).join(', ') || _ctx.t('opencode.summary.noModel')), 1 /* TEXT */)
-                              ])
-                            ]),
-                            _createElementVNode("div", { class: "card-trailing" }, [
-                              _createElementVNode("span", {
-                                class: _normalizeClass(['pill', provider.hasKey ? 'configured' : 'empty'])
-                              }, _toDisplayString(provider.hasKey ? _ctx.t('common.configured') : _ctx.t('common.notConfigured')), 3 /* TEXT, CLASS */)
-                            ])
-                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onDblclick", "onKeydown", "aria-current"]))
-                        }), 128 /* KEYED_FRAGMENT */))
+                            _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('kilocode.configPreview.title')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("textarea", {
-                    class: "template-textarea",
-                    value: _ctx.kilocodeContent,
-                    spellcheck: "false",
-                    readonly: "",
-                    "aria-readonly": "true"
-                  }, null, 8 /* PROPS */, ["value"]),
-                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('kilocode.configPreview.hint')), 1 /* TEXT */)
-                ]),
-                (!_ctx.isToolConfigWriteAllowed('kilocode'))
+                (!_ctx.isToolConfigWriteAllowed('pi'))
                   ? (_openBlock(), _createElementBlock("div", {
-                      key: 1,
+                      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.kilocode.lockedTitle')), 1 /* TEXT */),
-                        _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.kilocode.lockedDesc')), 1 /* TEXT */),
+                        _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('kilocode', true)),
-                          disabled: _ctx.toolConfigPermissionSaving.kilocode
+                          onClick: $event => (_ctx.setToolConfigPermission('pi', true)),
+                          disabled: _ctx.toolConfigPermissionSaving.pi
                         }, _toDisplayString(_ctx.t('toolConfig.enableWrite')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                       ])
                     ]))
@@ -3015,7 +3592,7 @@ return function render(_ctx, _cache) {
               ])
             ], 2 /* CLASS */)
           ], 8 /* PROPS */, ["aria-labelledby"]), [
-            [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'kilocode']
+            [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'pi']
           ]),
           _createCommentVNode(" 会话浏览模式 "),
           _withDirectives(_createElementVNode("div", {
@@ -3812,7 +4389,33 @@ return function render(_ctx, _cache) {
                                                         _createElementVNode("div", {
                                                           class: "session-msg-content",
                                                           innerHTML: _ctx.highlightQueryText(msg.text) || ''
-                                                        }, null, 8 /* PROPS */, ["innerHTML"])
+                                                        }, null, 8 /* PROPS */, ["innerHTML"]),
+                                                        (msg.normalizedRole === 'user')
+                                                          ? (_openBlock(), _createElementBlock("button", {
+                                                              key: 0,
+                                                              type: "button",
+                                                              class: "session-msg-copy",
+                                                              onClick: $event => (_ctx.copySessionMessage(msg)),
+                                                              "aria-label": _ctx.t('sessions.preview.copyMessage'),
+                                                              title: _ctx.t('sessions.preview.copyMessage')
+                                                            }, [
+                                                              (_openBlock(), _createElementBlock("svg", {
+                                                                viewBox: "0 0 24 24",
+                                                                fill: "none",
+                                                                stroke: "currentColor",
+                                                                "stroke-width": "2"
+                                                              }, [
+                                                                _createElementVNode("rect", {
+                                                                  x: "8",
+                                                                  y: "8",
+                                                                  width: "12",
+                                                                  height: "12",
+                                                                  rx: "2"
+                                                                }),
+                                                                _createElementVNode("path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" })
+                                                              ]))
+                                                            ], 8 /* PROPS */, ["onClick", "aria-label", "title"]))
+                                                          : _createCommentVNode("v-if", true)
                                                       ], 10 /* CLASS, PROPS */, ["data-message-key"]))
                                                       _item.memo = _memo
                                                       return _item
@@ -4710,6 +5313,86 @@ return function render(_ctx, _cache) {
                       _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.timeline.style.hint')), 1 /* TEXT */)
                     ])
                   ])
+                ], 8 /* PROPS */, ["aria-label"]),
+                _createElementVNode("section", {
+                  class: "settings-card",
+                  "aria-label": _ctx.t('settings.configTabs.title')
+                }, [
+                  _createElementVNode("div", { class: "settings-card-main" }, [
+                    _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("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("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("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("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("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("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 */)
+                    ])
+                  ])
                 ], 8 /* PROPS */, ["aria-label"])
               ])
             ], 512 /* NEED_PATCH */), [
@@ -6035,6 +6718,23 @@ return function render(_ctx, _cache) {
                                 }),
                                 _createElementVNode("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" })
                               ]))
+                            ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                            _createElementVNode("button", {
+                              class: "btn-mini",
+                              onClick: _ctx.openPromptHistory,
+                              disabled: _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                              title: _ctx.t('common.history')
+                            }, [
+                              (_openBlock(), _createElementBlock("svg", {
+                                class: "btn-icon-sm",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                _createElementVNode("path", { d: "M12 8v4l3 2" }),
+                                _createElementVNode("path", { d: "M3 12a9 9 0 1 0 9-9 9 9 0 0 0-7.5 4M3 4v4h4" })
+                              ]))
                             ], 8 /* PROPS */, ["onClick", "disabled", "title"])
                           ]),
                           _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
@@ -6109,6 +6809,72 @@ return function render(_ctx, _cache) {
                           ])
                         ])
                       ]),
+                      (_ctx.promptHistoryVisible)
+                        ? (_openBlock(), _createElementBlock("details", {
+                            key: 0,
+                            class: "prompt-history-panel",
+                            open: ""
+                          }, [
+                            _createElementVNode("summary", { class: "prompt-history-summary" }, [
+                              _createElementVNode("span", null, _toDisplayString(_ctx.t('common.history')), 1 /* TEXT */),
+                              _createElementVNode("button", {
+                                type: "button",
+                                class: "btn-mini prompt-history-close",
+                                onClick: _ctx.closePromptHistory,
+                                title: _ctx.t('common.close')
+                              }, "✕", 8 /* PROPS */, ["onClick", "title"])
+                            ]),
+                            _createElementVNode("div", { class: "prompt-history-body" }, [
+                              (!_ctx.promptHistoryLoading && !_ctx.promptHistoryError && _ctx.promptHistoryItems.length)
+                                ? (_openBlock(), _createElementBlock("ul", {
+                                    key: 0,
+                                    class: "prompt-history-list"
+                                  }, [
+                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptHistoryItems, (item) => {
+                                      return (_openBlock(), _createElementBlock("li", {
+                                        key: item.id,
+                                        class: _normalizeClass(['prompt-history-item', { active: _ctx.promptHistoryPreviewId === item.id }]),
+                                        onClick: $event => (_ctx.viewPromptHistoryItem(item))
+                                      }, [
+                                        _createElementVNode("span", { class: "prompt-history-time" }, _toDisplayString(item.id), 1 /* TEXT */),
+                                        _createElementVNode("span", { class: "prompt-history-size" }, _toDisplayString(Math.round(item.size / 1024 * 10) / 10) + " KB", 1 /* TEXT */)
+                                      ], 10 /* CLASS, PROPS */, ["onClick"]))
+                                    }), 128 /* KEYED_FRAGMENT */))
+                                  ]))
+                                : _createCommentVNode("v-if", true),
+                              (_ctx.promptHistoryLoading)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 1,
+                                    class: "state-message"
+                                  }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
+                                : (_ctx.promptHistoryError)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 2,
+                                      class: "state-message error"
+                                    }, _toDisplayString(_ctx.promptHistoryError), 1 /* TEXT */))
+                                  : (!_ctx.promptHistoryItems.length)
+                                    ? (_openBlock(), _createElementBlock("div", {
+                                        key: 3,
+                                        class: "state-message"
+                                      }, _toDisplayString(_ctx.t('toast.history.empty')), 1 /* TEXT */))
+                                    : _createCommentVNode("v-if", true),
+                              (_ctx.promptHistoryPreviewContent)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 4,
+                                    class: "prompt-history-preview-wrap"
+                                  }, [
+                                    _createElementVNode("pre", { class: "prompt-history-preview" }, _toDisplayString(_ctx.promptHistoryPreviewContent), 1 /* TEXT */),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini btn-confirm-mini",
+                                      onClick: _ctx.applyPromptHistoryToEditor,
+                                      disabled: _ctx.agentsSaving || _ctx.agentsDiffVisible
+                                    }, _toDisplayString(_ctx.t('common.restoreToEditor')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                  ]))
+                                : _createCommentVNode("v-if", true)
+                            ])
+                          ]))
+                        : _createCommentVNode("v-if", true),
                       _createElementVNode("div", { class: "prompt-presets-inline-row" }, [
                         _createElementVNode("div", { class: "prompt-presets-inline-group" }, [
                           _createElementVNode("label", { class: "prompt-presets-inline-label" }, _toDisplayString(_ctx.t('prompts.presets.title')), 1 /* TEXT */),
@@ -6386,6 +7152,23 @@ return function render(_ctx, _cache) {
                                   }),
                                   _createElementVNode("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" })
                                 ]))
+                              ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                              _createElementVNode("button", {
+                                class: "btn-mini",
+                                onClick: _ctx.openSysHistory,
+                                disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible,
+                                title: _ctx.t('common.history')
+                              }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "btn-icon-sm",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2"
+                                }, [
+                                  _createElementVNode("path", { d: "M12 8v4l3 2" }),
+                                  _createElementVNode("path", { d: "M3 12a9 9 0 1 0 9-9 9 9 0 0 0-7.5 4M3 4v4h4" })
+                                ]))
                               ], 8 /* PROPS */, ["onClick", "disabled", "title"])
                             ]),
                             _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
@@ -6460,6 +7243,72 @@ return function render(_ctx, _cache) {
                             ])
                           ])
                         ]),
+                        (_ctx.sysHistoryVisible)
+                          ? (_openBlock(), _createElementBlock("details", {
+                              key: 0,
+                              class: "prompt-history-panel",
+                              open: ""
+                            }, [
+                              _createElementVNode("summary", { class: "prompt-history-summary" }, [
+                                _createElementVNode("span", null, _toDisplayString(_ctx.t('common.history')), 1 /* TEXT */),
+                                _createElementVNode("button", {
+                                  type: "button",
+                                  class: "btn-mini prompt-history-close",
+                                  onClick: _ctx.closeSysHistory,
+                                  title: _ctx.t('common.close')
+                                }, "✕", 8 /* PROPS */, ["onClick", "title"])
+                              ]),
+                              _createElementVNode("div", { class: "prompt-history-body" }, [
+                                (!_ctx.sysHistoryLoading && !_ctx.sysHistoryError && _ctx.sysHistoryItems.length)
+                                  ? (_openBlock(), _createElementBlock("ul", {
+                                      key: 0,
+                                      class: "prompt-history-list"
+                                    }, [
+                                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sysHistoryItems, (item) => {
+                                        return (_openBlock(), _createElementBlock("li", {
+                                          key: item.id,
+                                          class: _normalizeClass(['prompt-history-item', { active: _ctx.sysHistoryPreviewId === item.id }]),
+                                          onClick: $event => (_ctx.viewSysHistoryItem(item))
+                                        }, [
+                                          _createElementVNode("span", { class: "prompt-history-time" }, _toDisplayString(item.id), 1 /* TEXT */),
+                                          _createElementVNode("span", { class: "prompt-history-size" }, _toDisplayString(Math.round(item.size / 1024 * 10) / 10) + " KB", 1 /* TEXT */)
+                                        ], 10 /* CLASS, PROPS */, ["onClick"]))
+                                      }), 128 /* KEYED_FRAGMENT */))
+                                    ]))
+                                  : _createCommentVNode("v-if", true),
+                                (_ctx.sysHistoryLoading)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 1,
+                                      class: "state-message"
+                                    }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
+                                  : (_ctx.sysHistoryError)
+                                    ? (_openBlock(), _createElementBlock("div", {
+                                        key: 2,
+                                        class: "state-message error"
+                                      }, _toDisplayString(_ctx.sysHistoryError), 1 /* TEXT */))
+                                    : (!_ctx.sysHistoryItems.length)
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 3,
+                                          class: "state-message"
+                                        }, _toDisplayString(_ctx.t('toast.history.empty')), 1 /* TEXT */))
+                                      : _createCommentVNode("v-if", true),
+                                (_ctx.sysHistoryPreviewContent)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 4,
+                                      class: "prompt-history-preview-wrap"
+                                    }, [
+                                      _createElementVNode("pre", { class: "prompt-history-preview" }, _toDisplayString(_ctx.sysHistoryPreviewContent), 1 /* TEXT */),
+                                      _createElementVNode("button", {
+                                        type: "button",
+                                        class: "btn-mini btn-confirm-mini",
+                                        onClick: _ctx.applySysHistoryToEditor,
+                                        disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible
+                                      }, _toDisplayString(_ctx.t('common.restoreToEditor')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                    ]))
+                                  : _createCommentVNode("v-if", true)
+                              ])
+                            ]))
+                          : _createCommentVNode("v-if", true),
                         _createElementVNode("div", { class: "form-group" }, [
                           (_ctx.sysPromptDiffVisible)
                             ? (_openBlock(), _createElementBlock("div", { key: 0 }, [