codexmate 0.0.38 → 0.0.40

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

@@ -1,5 +1,5 @@
 window.__CODEXMATE_WEB_UI_RENDER__ = (() => {
-const { toDisplayString: _toDisplayString, normalizeClass: _normalizeClass, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, renderList: _renderList, vShow: _vShow, withDirectives: _withDirectives, vModelSelect: _vModelSelect, vModelText: _vModelText, withKeys: _withKeys, withModifiers: _withModifiers, isMemoSame: _isMemoSame, withMemo: _withMemo, normalizeStyle: _normalizeStyle, vModelCheckbox: _vModelCheckbox, vModelDynamic: _vModelDynamic } = Vue
+const { toDisplayString: _toDisplayString, normalizeClass: _normalizeClass, createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, renderList: _renderList, vShow: _vShow, withDirectives: _withDirectives, vModelSelect: _vModelSelect, vModelText: _vModelText, withKeys: _withKeys, withModifiers: _withModifiers, isMemoSame: _isMemoSame, withMemo: _withMemo, normalizeStyle: _normalizeStyle, vModelDynamic: _vModelDynamic, vModelCheckbox: _vModelCheckbox } = Vue
 
 return function render(_ctx, _cache) {
   return (_openBlock(), _createElementBlock(_Fragment, null, [
@@ -127,35 +127,15 @@ return function render(_ctx, _cache) {
     (!_ctx.sessionStandalone)
       ? (_openBlock(), _createElementBlock("div", {
           key: 1,
-          class: "lang-fab",
-          role: "group",
-          "aria-label": _ctx.t('lang.label')
+          class: "lang-fab"
         }, [
-          _createElementVNode("div", {
-            class: "lang-choice",
-            role: "group",
-            "aria-label": _ctx.t('lang.label')
-          }, [
-            _createElementVNode("button", {
-              type: "button",
-              class: _normalizeClass(["lang-choice-btn", { active: (_ctx.lang || 'zh') === 'zh' }]),
-              "aria-pressed": (_ctx.lang || 'zh') === 'zh',
-              onClick: $event => (_ctx.setLang('zh'))
-            }, "ZH", 10 /* CLASS, PROPS */, ["aria-pressed", "onClick"]),
-            _createElementVNode("button", {
-              type: "button",
-              class: _normalizeClass(["lang-choice-btn", { active: (_ctx.lang || 'zh') === 'en' }]),
-              "aria-pressed": (_ctx.lang || 'zh') === 'en',
-              onClick: $event => (_ctx.setLang('en'))
-            }, "EN", 10 /* CLASS, PROPS */, ["aria-pressed", "onClick"]),
-            _createElementVNode("button", {
-              type: "button",
-              class: _normalizeClass(["lang-choice-btn", { active: (_ctx.lang || 'zh') === 'ja' }]),
-              "aria-pressed": (_ctx.lang || 'zh') === 'ja',
-              onClick: $event => (_ctx.setLang('ja'))
-            }, "日本語", 10 /* CLASS, PROPS */, ["aria-pressed", "onClick"])
-          ], 8 /* PROPS */, ["aria-label"])
-        ], 8 /* PROPS */, ["aria-label"]))
+          _createElementVNode("button", {
+            type: "button",
+            class: "language-settings-link",
+            "aria-label": _ctx.t('settings.language.sideLabel', { language: _ctx.currentLanguageLabel() }),
+            onClick: _ctx.openLanguageSettings
+          }, _toDisplayString(_ctx.t('settings.language.sideLabel', { language: _ctx.currentLanguageLabel() })), 9 /* TEXT, PROPS */, ["aria-label", "onClick"])
+        ]))
       : _createCommentVNode("v-if", true),
     _createElementVNode("div", {
       class: _normalizeClass(['app-shell', { standalone: _ctx.sessionStandalone }])
@@ -383,7 +363,7 @@ return function render(_ctx, _cache) {
                   _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.plugins.tools')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
                     _createElementVNode("span", null, _toDisplayString(_ctx.t('side.plugins.tools.meta')), 1 /* TEXT */),
-                    _createElementVNode("span", null, _toDisplayString(_ctx.promptTemplatesList.length) + " templates", 1 /* TEXT */)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.plugins.templatesCount', { count: _ctx.promptTemplatesList.length })), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
               ], 8 /* PROPS */, ["aria-label"]),
@@ -414,9 +394,9 @@ return function render(_ctx, _cache) {
                   onPointerdown: $event => (_ctx.onMainTabPointerDown('trash', $event)),
                   onClick: $event => (_ctx.onMainTabClick('trash', $event))
                 }, [
-                  _createElementVNode("div", { class: "side-item-title" }, "回收站"),
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('settings.trash.title')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, "已删除会话"),
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.trash.meta')), 1 /* TEXT */),
                     (_ctx.sessionTrashCount > 0)
                       ? (_openBlock(), _createElementBlock("span", {
                           key: 0,
@@ -432,42 +412,20 @@ return function render(_ctx, _cache) {
                 tabindex: "-1",
                 "aria-hidden": "true"
               }, [
-                _createElementVNode("div", { class: "side-item-title" }, "New Tab"),
+                _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.newTab')), 1 /* TEXT */),
                 _createElementVNode("div", { class: "side-item-meta" }, [
                   _createElementVNode("span", null, " ")
                 ])
               ])
             ]),
-            _createElementVNode("div", {
-              class: "side-rail-lang",
-              role: "group",
-              "aria-label": _ctx.t('lang.label')
-            }, [
-              _createElementVNode("div", {
-                class: "lang-choice",
-                role: "group",
-                "aria-label": _ctx.t('lang.label')
-              }, [
-                _createElementVNode("button", {
-                  type: "button",
-                  class: _normalizeClass(["lang-choice-btn", { active: (_ctx.lang || 'zh') === 'zh' }]),
-                  "aria-pressed": (_ctx.lang || 'zh') === 'zh',
-                  onClick: $event => (_ctx.setLang('zh'))
-                }, "ZH", 10 /* CLASS, PROPS */, ["aria-pressed", "onClick"]),
-                _createElementVNode("button", {
-                  type: "button",
-                  class: _normalizeClass(["lang-choice-btn", { active: (_ctx.lang || 'zh') === 'en' }]),
-                  "aria-pressed": (_ctx.lang || 'zh') === 'en',
-                  onClick: $event => (_ctx.setLang('en'))
-                }, "EN", 10 /* CLASS, PROPS */, ["aria-pressed", "onClick"]),
-                _createElementVNode("button", {
-                  type: "button",
-                  class: _normalizeClass(["lang-choice-btn", { active: (_ctx.lang || 'zh') === 'ja' }]),
-                  "aria-pressed": (_ctx.lang || 'zh') === 'ja',
-                  onClick: $event => (_ctx.setLang('ja'))
-                }, "日本語", 10 /* CLASS, PROPS */, ["aria-pressed", "onClick"])
-              ], 8 /* PROPS */, ["aria-label"])
-            ], 8 /* PROPS */, ["aria-label"])
+            _createElementVNode("div", { class: "side-rail-lang" }, [
+              _createElementVNode("button", {
+                type: "button",
+                class: "language-settings-link",
+                "aria-label": _ctx.t('settings.language.sideLabel', { language: _ctx.currentLanguageLabel() }),
+                onClick: _ctx.openLanguageSettings
+              }, _toDisplayString(_ctx.t('settings.language.sideLabel', { language: _ctx.currentLanguageLabel() })), 9 /* TEXT, PROPS */, ["aria-label", "onClick"])
+            ])
           ]))
         : _createCommentVNode("v-if", true),
       _createElementVNode("main", { class: "main-panel" }, [
@@ -694,6 +652,95 @@ return function render(_ctx, _cache) {
                   }, _toDisplayString(_ctx.healthCheckLoading ? _ctx.t('dashboard.doctor.checking') : _ctx.t('dashboard.doctor.runChecks')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                 ])
               ]),
+              _createElementVNode("div", { class: "doctor-status-row" }, [
+                _createElementVNode("div", {
+                  class: _normalizeClass(["doctor-status-chip", _ctx.inspectorHealthTone])
+                }, [
+                  _createElementVNode("span", null, _toDisplayString(_ctx.t('dashboard.status.health')), 1 /* TEXT */),
+                  _createElementVNode("strong", null, _toDisplayString(_ctx.inspectorHealthStatus), 1 /* TEXT */)
+                ], 2 /* CLASS */),
+                _createElementVNode("div", { class: "doctor-status-chip" }, [
+                  _createElementVNode("span", null, _toDisplayString(_ctx.t('dashboard.status.busy')), 1 /* TEXT */),
+                  _createElementVNode("strong", null, _toDisplayString(_ctx.inspectorBusyStatus), 1 /* TEXT */)
+                ]),
+                _createElementVNode("div", { class: "doctor-status-chip" }, [
+                  _createElementVNode("span", null, _toDisplayString(_ctx.t('dashboard.status.models')), 1 /* TEXT */),
+                  _createElementVNode("strong", null, _toDisplayString(_ctx.inspectorModelLoadStatus), 1 /* TEXT */)
+                ])
+              ]),
+              (_ctx.healthCheckResult)
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: _normalizeClass(["doctor-health-result", _ctx.healthCheckResult.ok ? 'ok' : 'error'])
+                  }, [
+                    _createElementVNode("div", { class: "doctor-health-title" }, [
+                      _createTextVNode(_toDisplayString(_ctx.healthCheckResult.ok ? _ctx.t('dashboard.health.ok') : _ctx.t('dashboard.health.fail')) + " ", 1 /* TEXT */),
+                      (_ctx.healthCheckResult.issues && _ctx.healthCheckResult.issues.length)
+                        ? (_openBlock(), _createElementBlock("span", { key: 0 }, "（" + _toDisplayString(_ctx.t('dashboard.health.issues', { count: _ctx.healthCheckResult.issues.length })) + "）", 1 /* TEXT */))
+                        : _createCommentVNode("v-if", true)
+                    ])
+                  ], 2 /* CLASS */))
+                : _createCommentVNode("v-if", true),
+              (_ctx.healthCheckResult && _ctx.healthCheckResult.report)
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 1,
+                    class: "doctor-action-list"
+                  }, [
+                    (_ctx.healthCheckResult.report.issues && _ctx.healthCheckResult.report.issues.length)
+                      ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(_ctx.healthCheckResult.report.issues, (issue) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: issue.id,
+                            class: "doctor-action-card"
+                          }, [
+                            _createElementVNode("div", { class: "doctor-action-head" }, [
+                              _createElementVNode("div", { class: "doctor-action-title" }, _toDisplayString(issue.problem || (issue.problemKey ? _ctx.t(issue.problemKey, issue.problemParams) : '')), 1 /* TEXT */),
+                              _createElementVNode("div", {
+                                class: _normalizeClass(['doctor-action-severity', issue.severity])
+                              }, _toDisplayString(issue.severityLabel || issue.severity), 3 /* TEXT, CLASS */)
+                            ]),
+                            _createElementVNode("div", { class: "doctor-action-impact" }, _toDisplayString(issue.impact || (issue.impactKey ? _ctx.t(issue.impactKey, issue.impactParams) : '')), 1 /* TEXT */),
+                            (issue.actions && issue.actions.some(action => action && action.type === 'navigate' && action.target))
+                              ? (_openBlock(), _createElementBlock("div", {
+                                  key: 0,
+                                  class: "doctor-action-buttons"
+                                }, [
+                                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(issue.actions, (action, index) => {
+                                    return (_openBlock(), _createElementBlock(_Fragment, {
+                                      key: issue.id + '-action-' + index
+                                    }, [
+                                      (action.type === 'navigate' && action.target)
+                                        ? (_openBlock(), _createElementBlock("button", {
+                                            key: 0,
+                                            type: "button",
+                                            class: "btn-tool btn-tool-compact",
+                                            onClick: $event => (action.target ? _ctx.switchMainTab(action.target) : null)
+                                          }, _toDisplayString(action.label || (action.labelKey ? _ctx.t(action.labelKey, action.labelParams) : _ctx.t('dashboard.doctor.open'))), 9 /* TEXT, PROPS */, ["onClick"]))
+                                        : _createCommentVNode("v-if", true)
+                                    ], 64 /* STABLE_FRAGMENT */))
+                                  }), 128 /* KEYED_FRAGMENT */))
+                                ]))
+                              : _createCommentVNode("v-if", true)
+                          ]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      : _createCommentVNode("v-if", true),
+                    _createElementVNode("div", { class: "doctor-action-footer" }, [
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
+                                        ? _ctx.downloadTextFile('codexmate-doctor.json', JSON.stringify(_ctx.healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
+                                        : null}
+                      }, _toDisplayString(_ctx.t('dashboard.doctor.export.json')), 9 /* TEXT, PROPS */, ["onClick"]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
+                                        ? _ctx.downloadTextFile('codexmate-doctor.md', String(_ctx.healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
+                                        : null}
+                      }, _toDisplayString(_ctx.t('dashboard.doctor.export.md')), 9 /* TEXT, PROPS */, ["onClick"])
+                    ])
+                  ]))
+                : _createCommentVNode("v-if", true),
               _createElementVNode("div", { class: "doctor-grid" }, [
                 _createElementVNode("button", {
                   type: "button",
@@ -835,113 +882,7 @@ return function render(_ctx, _cache) {
                       ]))
                     : _createCommentVNode("v-if", true)
                 ], 8 /* PROPS */, ["onClick", "disabled"])
-              ]),
-              _createElementVNode("div", { class: "doctor-status-row" }, [
-                _createElementVNode("div", {
-                  class: _normalizeClass(["doctor-status-chip", _ctx.inspectorHealthTone])
-                }, [
-                  _createElementVNode("span", null, _toDisplayString(_ctx.t('dashboard.status.health')), 1 /* TEXT */),
-                  _createElementVNode("strong", null, _toDisplayString(_ctx.inspectorHealthStatus), 1 /* TEXT */)
-                ], 2 /* CLASS */),
-                _createElementVNode("div", { class: "doctor-status-chip" }, [
-                  _createElementVNode("span", null, _toDisplayString(_ctx.t('dashboard.status.busy')), 1 /* TEXT */),
-                  _createElementVNode("strong", null, _toDisplayString(_ctx.inspectorBusyStatus), 1 /* TEXT */)
-                ]),
-                _createElementVNode("div", { class: "doctor-status-chip" }, [
-                  _createElementVNode("span", null, _toDisplayString(_ctx.t('dashboard.status.models')), 1 /* TEXT */),
-                  _createElementVNode("strong", null, _toDisplayString(_ctx.inspectorModelLoadStatus), 1 /* TEXT */)
-                ])
-              ]),
-              (_ctx.healthCheckResult)
-                ? (_openBlock(), _createElementBlock("div", {
-                    key: 0,
-                    class: _normalizeClass(["doctor-health-result", _ctx.healthCheckResult.ok ? 'ok' : 'error'])
-                  }, [
-                    _createElementVNode("div", { class: "doctor-health-title" }, [
-                      _createTextVNode(_toDisplayString(_ctx.healthCheckResult.ok ? _ctx.t('dashboard.health.ok') : _ctx.t('dashboard.health.fail')) + " ", 1 /* TEXT */),
-                      (_ctx.healthCheckResult.issues && _ctx.healthCheckResult.issues.length)
-                        ? (_openBlock(), _createElementBlock("span", { key: 0 }, "（" + _toDisplayString(_ctx.t('dashboard.health.issues', { count: _ctx.healthCheckResult.issues.length })) + "）", 1 /* TEXT */))
-                        : _createCommentVNode("v-if", true)
-                    ])
-                  ], 2 /* CLASS */))
-                : _createCommentVNode("v-if", true),
-              (_ctx.healthCheckResult && _ctx.healthCheckResult.report && _ctx.healthCheckResult.report.issues && _ctx.healthCheckResult.report.issues.length)
-                ? (_openBlock(), _createElementBlock("div", {
-                    key: 1,
-                    class: "doctor-action-list"
-                  }, [
-                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.healthCheckResult.report.issues, (issue) => {
-                      return (_openBlock(), _createElementBlock("div", {
-                        key: issue.id,
-                        class: "doctor-action-card"
-                      }, [
-                        _createElementVNode("div", { class: "doctor-action-head" }, [
-                          _createElementVNode("div", { class: "doctor-action-title" }, _toDisplayString(issue.problem || (issue.problemKey ? _ctx.t(issue.problemKey, issue.problemParams) : '')), 1 /* TEXT */),
-                          _createElementVNode("div", {
-                            class: _normalizeClass(['doctor-action-severity', issue.severity])
-                          }, _toDisplayString(issue.severityLabel || issue.severity), 3 /* TEXT, CLASS */)
-                        ]),
-                        _createElementVNode("div", { class: "doctor-action-impact" }, _toDisplayString(issue.impact || (issue.impactKey ? _ctx.t(issue.impactKey, issue.impactParams) : '')), 1 /* TEXT */),
-                        (issue.actions && issue.actions.length)
-                          ? (_openBlock(), _createElementBlock("div", {
-                              key: 0,
-                              class: "doctor-action-buttons"
-                            }, [
-                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(issue.actions, (action, index) => {
-                                return (_openBlock(), _createElementBlock(_Fragment, {
-                                  key: issue.id + '-action-' + index
-                                }, [
-                                  (action.type === 'navigate')
-                                    ? (_openBlock(), _createElementBlock("button", {
-                                        key: 0,
-                                        type: "button",
-                                        class: "btn-tool btn-tool-compact",
-                                        onClick: $event => (_ctx.switchMainTab(action.target))
-                                      }, _toDisplayString(action.label || (action.labelKey ? _ctx.t(action.labelKey, action.labelParams) : _ctx.t('dashboard.doctor.open'))), 9 /* TEXT, PROPS */, ["onClick"]))
-                                    : (action.type === 'run-check')
-                                      ? (_openBlock(), _createElementBlock("button", {
-                                          key: 1,
-                                          type: "button",
-                                          class: "btn-tool btn-tool-compact",
-                                          onClick: $event => (_ctx.runHealthCheck({ doctor: true, forceRefresh: true })),
-                                          disabled: _ctx.healthCheckLoading
-                                        }, _toDisplayString(_ctx.t('dashboard.doctor.runChecks')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
-                                      : (action.type === 'export')
-                                        ? (_openBlock(), _createElementBlock("button", {
-                                            key: 2,
-                                            type: "button",
-                                            class: "btn-tool btn-tool-compact",
-                                            onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
-                                                ? (action.format === 'md'
-                                                    ? _ctx.downloadTextFile('codexmate-doctor.md', String(_ctx.healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
-                                                    : _ctx.downloadTextFile('codexmate-doctor.json', JSON.stringify(_ctx.healthCheckResult.report, null, 2), 'application/json;charset=utf-8'))
-                                                : null}
-                                          }, _toDisplayString(action.format === 'md' ? _ctx.t('dashboard.doctor.export.md') : _ctx.t('dashboard.doctor.export.json')), 9 /* TEXT, PROPS */, ["onClick"]))
-                                        : _createCommentVNode("v-if", true)
-                                ], 64 /* STABLE_FRAGMENT */))
-                              }), 128 /* KEYED_FRAGMENT */))
-                            ]))
-                          : _createCommentVNode("v-if", true)
-                      ]))
-                    }), 128 /* KEYED_FRAGMENT */)),
-                    _createElementVNode("div", { class: "doctor-action-footer" }, [
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-tool btn-tool-compact",
-                        onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
-                                        ? _ctx.downloadTextFile('codexmate-doctor.json', JSON.stringify(_ctx.healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
-                                        : null}
-                      }, _toDisplayString(_ctx.t('dashboard.doctor.export.json')), 9 /* TEXT, PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-tool btn-tool-compact",
-                        onClick: $event => {_ctx.healthCheckResult && _ctx.healthCheckResult.report
-                                        ? _ctx.downloadTextFile('codexmate-doctor.md', String(_ctx.healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
-                                        : null}
-                      }, _toDisplayString(_ctx.t('dashboard.doctor.export.md')), 9 /* TEXT, PROPS */, ["onClick"])
-                    ])
-                  ]))
-                : _createCommentVNode("v-if", true)
+              ])
             ])
           ], 512 /* NEED_PATCH */), [
             [_vShow, _ctx.mainTab === 'dashboard']
@@ -1006,483 +947,449 @@ return function render(_ctx, _cache) {
                   ])
                 ]))
               : (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
-                  (!_ctx.loading && !_ctx.initError)
-                    ? (_openBlock(), _createElementBlock("button", {
-                        key: 0,
-                        class: "btn-add",
-                        onClick: $event => (_ctx.showAddModal = true)
-                      }, [
-                        (_openBlock(), _createElementBlock("svg", {
-                          class: "icon",
-                          viewBox: "0 0 20 20",
-                          fill: "none",
-                          stroke: "currentColor",
-                          "stroke-width": "2"
-                        }, [
-                          _createElementVNode("path", { d: "M10 4v12M4 10h12" })
-                        ])),
-                        _createTextVNode(" " + _toDisplayString(_ctx.t('config.addProvider')), 1 /* TEXT */)
-                      ], 8 /* PROPS */, ["onClick"]))
-                    : _createCommentVNode("v-if", true),
-                  (_ctx.isCodexConfigMode && _ctx.codexProviderTemplates.length)
-                    ? (_openBlock(), _createElementBlock("div", {
-                        key: 1,
-                        class: "selector-section"
-                      }, [
+                  _createElementVNode("section", {
+                    class: "tool-config-write-card",
+                    "aria-label": _ctx.t('toolConfig.codex.title')
+                  }, [
+                    _createElementVNode("div", { class: "tool-config-write-copy" }, [
+                      _createElementVNode("div", { class: "tool-config-write-title" }, _toDisplayString(_ctx.t('toolConfig.codex.title')), 1 /* TEXT */),
+                      _createElementVNode("p", { class: "tool-config-write-desc" }, _toDisplayString(_ctx.t('toolConfig.codex.desc')), 1 /* TEXT */)
+                    ]),
+                    _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
+                      _createElementVNode("input", {
+                        type: "checkbox",
+                        checked: _ctx.isToolConfigWriteAllowed('codex'),
+                        disabled: _ctx.toolConfigPermissionSaving.codex,
+                        onChange: $event => (_ctx.setToolConfigPermission('codex', $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('codex')), 1 /* TEXT */)
+                    ])
+                  ], 8 /* PROPS */, ["aria-label"]),
+                  _createElementVNode("div", {
+                    class: _normalizeClass(["tool-config-write-scope", { locked: !_ctx.isToolConfigWriteAllowed('codex') }])
+                  }, [
+                    _createElementVNode("div", { class: "tool-config-write-body" }, [
+                      (!_ctx.loading && !_ctx.initError)
+                        ? (_openBlock(), _createElementBlock("button", {
+                            key: 0,
+                            class: "btn-add",
+                            onClick: $event => {_ctx.showAddProviderKey = false; _ctx.showAddModal = true},
+                            disabled: !_ctx.isToolConfigWriteAllowed('codex')
+                          }, [
+                            (_openBlock(), _createElementBlock("svg", {
+                              class: "icon",
+                              viewBox: "0 0 20 20",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "2"
+                            }, [
+                              _createElementVNode("path", { d: "M10 4v12M4 10h12" })
+                            ])),
+                            _createTextVNode(" " + _toDisplayString(_ctx.t('config.addProvider')), 1 /* TEXT */)
+                          ], 8 /* PROPS */, ["onClick", "disabled"]))
+                        : _createCommentVNode("v-if", true),
+                      (_ctx.isCodexConfigMode && _ctx.codexProviderTemplates.length)
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 1,
+                            class: "selector-section"
+                          }, [
+                            _createElementVNode("div", { class: "selector-header" }, [
+                              _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.providerTemplate.title')), 1 /* TEXT */)
+                            ]),
+                            _createElementVNode("div", {
+                              class: "btn-group",
+                              style: {"flex-wrap":"wrap","gap":"8px","margin-top":"0"}
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.codexProviderTemplates, (tpl) => {
+                                return (_openBlock(), _createElementBlock("button", {
+                                  key: tpl.name,
+                                  type: "button",
+                                  class: "btn-mini",
+                                  onClick: $event => {_ctx.newProvider.name = tpl.name; _ctx.newProvider.url = tpl.url; _ctx.newProvider.model = tpl.model || ''; _ctx.newProvider.useTransform = !!tpl.useTransform; _ctx.showAddProviderKey = false; _ctx.showAddModal = true}
+                                }, _toDisplayString(tpl.label), 9 /* TEXT, PROPS */, ["onClick"]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ])
+                          ]))
+                        : _createCommentVNode("v-if", true),
+                      _createElementVNode("div", { class: "selector-section" }, [
                         _createElementVNode("div", { class: "selector-header" }, [
-                          _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.providerTemplate.title')), 1 /* TEXT */)
+                          _createElementVNode("span", { class: "selector-title" }, "AGENTS.md")
                         ]),
-                        _createElementVNode("div", {
-                          class: "btn-group",
-                          style: {"flex-wrap":"wrap","gap":"8px","margin-top":"0"}
-                        }, [
-                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.codexProviderTemplates, (tpl) => {
-                            return (_openBlock(), _createElementBlock("button", {
-                              key: tpl.name,
-                              type: "button",
-                              class: "btn-mini",
-                              onClick: $event => {_ctx.newProvider.name = tpl.name; _ctx.newProvider.url = tpl.url; _ctx.newProvider._suggestedModel = tpl.model || ''; _ctx.newProvider.useTransform = !!tpl.useTransform; _ctx.showAddModal = true}
-                            }, _toDisplayString(tpl.label), 9 /* TEXT, PROPS */, ["onClick"]))
-                          }), 128 /* KEYED_FRAGMENT */))
-                        ])
-                      ]))
-                    : _createCommentVNode("v-if", true),
-                  _createElementVNode("div", { class: "selector-section" }, [
-                    _createElementVNode("div", { class: "selector-header" }, [
-                      _createElementVNode("span", { class: "selector-title" }, "AGENTS.md")
-                    ]),
-                    _createElementVNode("button", {
-                      class: "btn-tool",
-                      onClick: _ctx.openAgentsEditor,
-                      disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
-                    }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('config.agents.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                  ]),
-                  _createElementVNode("div", { class: "selector-section" }, [
-                    _createElementVNode("div", { class: "selector-header" }, [
-                      _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.models')), 1 /* TEXT */),
-                      _createElementVNode("div", { class: "selector-actions" }, [
-                        (_ctx.modelsSource === 'legacy')
-                          ? (_openBlock(), _createElementBlock("button", {
+                        _createElementVNode("button", {
+                          class: "btn-tool",
+                          onClick: _ctx.openAgentsEditor,
+                          disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
+                        }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('config.agents.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ]),
+                      _createElementVNode("div", { class: "selector-section" }, [
+                        _createElementVNode("div", { class: "selector-header" }, [
+                          _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.models')), 1 /* TEXT */),
+                          _createElementVNode("div", { class: "selector-actions" }, [
+                            (_ctx.modelsSource === 'legacy')
+                              ? (_openBlock(), _createElementBlock("button", {
+                                  key: 0,
+                                  class: "btn-icon",
+                                  onClick: $event => (_ctx.showModelModal = true),
+                                  "aria-label": _ctx.t('modal.modelAdd.title'),
+                                  title: _ctx.t('modal.modelAdd.title')
+                                }, "+", 8 /* PROPS */, ["onClick", "aria-label", "title"]))
+                              : _createCommentVNode("v-if", true),
+                            (_ctx.modelsSource === 'legacy')
+                              ? (_openBlock(), _createElementBlock("button", {
+                                  key: 1,
+                                  class: "btn-icon",
+                                  onClick: $event => (_ctx.showModelListModal = true),
+                                  "aria-label": _ctx.t('modal.modelManage.title'),
+                                  title: _ctx.t('modal.modelManage.title')
+                                }, "≡", 8 /* PROPS */, ["onClick", "aria-label", "title"]))
+                              : _createCommentVNode("v-if", true)
+                          ])
+                        ]),
+                        (_ctx.codexModelsLoading || _ctx.modelsSource === 'remote')
+                          ? _withDirectives((_openBlock(), _createElementBlock("select", {
                               key: 0,
-                              class: "btn-icon",
-                              onClick: $event => (_ctx.showModelModal = true),
-                              "aria-label": _ctx.t('modal.modelAdd.title'),
-                              title: _ctx.t('modal.modelAdd.title')
-                            }, "+", 8 /* PROPS */, ["onClick", "aria-label", "title"]))
+                              class: "model-select",
+                              "onUpdate:modelValue": $event => ((_ctx.currentModel) = $event),
+                              onChange: _ctx.onModelChange,
+                              disabled: _ctx.codexModelsLoading
+                            }, [
+                              (_ctx.codexModelsLoading)
+                                ? (_openBlock(), _createElementBlock("option", {
+                                    key: 0,
+                                    value: ""
+                                  }, _toDisplayString(_ctx.t('config.modelLoading')), 1 /* TEXT */))
+                                : (_openBlock(true), _createElementBlock(_Fragment, { key: 1 }, _renderList(_ctx.codexModelOptions, (model) => {
+                                    return (_openBlock(), _createElementBlock("option", {
+                                      key: model,
+                                      value: model
+                                    }, _toDisplayString(model), 9 /* TEXT, PROPS */, ["value"]))
+                                  }), 128 /* KEYED_FRAGMENT */))
+                            ], 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange", "disabled"])), [
+                              [_vModelSelect, _ctx.currentModel]
+                            ])
                           : _createCommentVNode("v-if", true),
-                        (_ctx.modelsSource === 'legacy')
-                          ? (_openBlock(), _createElementBlock("button", {
+                        (!_ctx.codexModelsLoading && (_ctx.modelsSource !== 'remote' || !_ctx.modelsHasCurrent))
+                          ? _withDirectives((_openBlock(), _createElementBlock("input", {
                               key: 1,
-                              class: "btn-icon",
-                              onClick: $event => (_ctx.showModelListModal = true),
-                              "aria-label": _ctx.t('modal.modelManage.title'),
-                              title: _ctx.t('modal.modelManage.title')
-                            }, "≡", 8 /* PROPS */, ["onClick", "aria-label", "title"]))
-                          : _createCommentVNode("v-if", true)
-                      ])
-                    ]),
-                    (_ctx.codexModelsLoading || _ctx.modelsSource === 'remote')
-                      ? _withDirectives((_openBlock(), _createElementBlock("select", {
-                          key: 0,
-                          class: "model-select",
-                          "onUpdate:modelValue": $event => ((_ctx.currentModel) = $event),
-                          onChange: _ctx.onModelChange,
-                          disabled: _ctx.codexModelsLoading
-                        }, [
-                          (_ctx.codexModelsLoading)
-                            ? (_openBlock(), _createElementBlock("option", {
-                                key: 0,
-                                value: ""
-                              }, _toDisplayString(_ctx.t('config.modelLoading')), 1 /* TEXT */))
-                            : (_openBlock(true), _createElementBlock(_Fragment, { key: 1 }, _renderList(_ctx.codexModelOptions, (model) => {
+                              class: "model-input",
+                              "onUpdate:modelValue": $event => ((_ctx.currentModel) = $event),
+                              onBlur: _ctx.onModelChange,
+                              onKeyup: _withKeys(_ctx.onModelChange, ["enter"]),
+                              placeholder: _ctx.activeProviderModelPlaceholder,
+                              list: _ctx.codexModelHasList ? 'codex-model-options' : null
+                            }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur", "onKeyup", "placeholder", "list"])), [
+                              [_vModelText, _ctx.currentModel]
+                            ])
+                          : _createCommentVNode("v-if", true),
+                        (_ctx.codexModelHasList)
+                          ? (_openBlock(), _createElementBlock("datalist", {
+                              key: 2,
+                              id: "codex-model-options"
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.codexModelOptions, (model) => {
                                 return (_openBlock(), _createElementBlock("option", {
                                   key: model,
                                   value: model
-                                }, _toDisplayString(model), 9 /* TEXT, PROPS */, ["value"]))
+                                }, null, 8 /* PROPS */, ["value"]))
                               }), 128 /* KEYED_FRAGMENT */))
-                        ], 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange", "disabled"])), [
-                          [_vModelSelect, _ctx.currentModel]
-                        ])
-                      : _createCommentVNode("v-if", true),
-                    (!_ctx.codexModelsLoading && (_ctx.modelsSource !== 'remote' || !_ctx.modelsHasCurrent))
-                      ? _withDirectives((_openBlock(), _createElementBlock("input", {
-                          key: 1,
-                          class: "model-input",
-                          "onUpdate:modelValue": $event => ((_ctx.currentModel) = $event),
-                          onBlur: _ctx.onModelChange,
-                          onKeyup: _withKeys(_ctx.onModelChange, ["enter"]),
-                          placeholder: _ctx.activeProviderModelPlaceholder,
-                          list: _ctx.codexModelHasList ? 'codex-model-options' : null
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur", "onKeyup", "placeholder", "list"])), [
-                          [_vModelText, _ctx.currentModel]
-                        ])
-                      : _createCommentVNode("v-if", true),
-                    (_ctx.codexModelHasList)
-                      ? (_openBlock(), _createElementBlock("datalist", {
-                          key: 2,
-                          id: "codex-model-options"
-                        }, [
-                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.codexModelOptions, (model) => {
-                            return (_openBlock(), _createElementBlock("option", {
-                              key: model,
-                              value: model
-                            }, null, 8 /* PROPS */, ["value"]))
-                          }), 128 /* KEYED_FRAGMENT */))
-                        ]))
-                      : _createCommentVNode("v-if", true),
-                    (_ctx.modelsSource === 'unlimited')
-                      ? (_openBlock(), _createElementBlock("div", {
-                          key: 3,
-                          class: "config-template-hint"
-                        }, _toDisplayString(_ctx.t('config.models.unlimited')), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true),
-                    (_ctx.modelsSource === 'error')
-                      ? (_openBlock(), _createElementBlock("div", {
-                          key: 4,
-                          class: "config-template-hint"
-                        }, _toDisplayString(_ctx.t('config.models.error')), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true),
-                    (_ctx.modelsSource === 'remote' && !_ctx.modelsHasCurrent)
-                      ? (_openBlock(), _createElementBlock("div", {
-                          key: 5,
-                          class: "config-template-hint"
-                        }, _toDisplayString(_ctx.isCodexConfigMode ? _ctx.t('config.models.notInList.codex') : _ctx.t('config.models.notInList.other')), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true),
-                    (_ctx.isCodexConfigMode)
-                      ? (_openBlock(), _createElementBlock("div", {
-                          key: 6,
-                          class: "config-template-hint"
-                        }, _toDisplayString(_ctx.t('config.template.editFirst')), 1 /* TEXT */))
-                      : (_ctx.activeProviderBridgeHint)
-                        ? (_openBlock(), _createElementBlock("div", {
-                            key: 7,
-                            class: "config-template-hint"
-                          }, _toDisplayString(_ctx.t('config.template.bridgeCodexOnly', { hint: _ctx.activeProviderBridgeHint })), 1 /* TEXT */))
-                        : _createCommentVNode("v-if", true),
-                    (_ctx.isCodexConfigMode)
-                      ? (_openBlock(), _createElementBlock("button", {
-                          key: 8,
-                          class: "btn-tool btn-template-editor",
-                          onClick: _ctx.openConfigTemplateEditor,
-                          disabled: _ctx.loading || !!_ctx.initError
-                        }, _toDisplayString(_ctx.t('config.template.openEditor')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
-                      : _createCommentVNode("v-if", true)
-                  ]),
-                  (_ctx.isCodexConfigMode)
-                    ? (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
-                        _createElementVNode("div", { class: "config-row" }, [
-                          _createElementVNode("div", {
-                            class: "selector-section",
-                            style: {"flex":"1"}
-                          }, [
-                            _createElementVNode("div", { class: "selector-header" }, [
-                              _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.serviceTier')), 1 /* TEXT */)
-                            ]),
-                            _withDirectives(_createElementVNode("select", {
-                              class: "model-select",
-                              "onUpdate:modelValue": $event => ((_ctx.serviceTier) = $event),
-                              onChange: _ctx.onServiceTierChange
-                            }, [
-                              _createElementVNode("option", { value: "fast" }, _toDisplayString(_ctx.t('config.serviceTier.fast')), 1 /* TEXT */),
-                              _createElementVNode("option", { value: "standard" }, _toDisplayString(_ctx.t('config.serviceTier.standard')), 1 /* TEXT */)
-                            ], 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange"]), [
-                              [_vModelSelect, _ctx.serviceTier]
-                            ]),
-                            _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.serviceTier.hint', { field: 'service_tier' })), 1 /* TEXT */)
-                          ]),
-                          _createElementVNode("div", {
-                            class: "selector-section",
-                            style: {"flex":"1"}
-                          }, [
-                            _createElementVNode("div", { class: "selector-header" }, [
-                              _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.reasoningEffort')), 1 /* TEXT */)
-                            ]),
-                            _withDirectives(_createElementVNode("select", {
-                              class: "model-select",
-                              "onUpdate:modelValue": $event => ((_ctx.modelReasoningEffort) = $event),
-                              onChange: _ctx.onReasoningEffortChange
-                            }, [
-                              _createElementVNode("option", { value: "high" }, "high"),
-                              _createElementVNode("option", { value: "medium" }, _toDisplayString(_ctx.t('config.reasoningEffort.medium')), 1 /* TEXT */),
-                              _createElementVNode("option", { value: "low" }, "low"),
-                              _createElementVNode("option", { value: "xhigh" }, "xhigh")
-                            ], 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange"]), [
-                              [_vModelSelect, _ctx.modelReasoningEffort]
+                            ]))
+                          : _createCommentVNode("v-if", true),
+                        (_ctx.modelsSource === 'unlimited')
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 3,
+                              class: "config-template-hint"
+                            }, _toDisplayString(_ctx.t('config.models.unlimited')), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true),
+                        (_ctx.modelsSource === 'error')
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 4,
+                              class: "config-template-hint"
+                            }, _toDisplayString(_ctx.t('config.models.error')), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true),
+                        (_ctx.modelsSource === 'remote' && !_ctx.modelsHasCurrent)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 5,
+                              class: "config-template-hint"
+                            }, _toDisplayString(_ctx.isCodexConfigMode ? _ctx.t('config.models.notInList.codex') : _ctx.t('config.models.notInList.other')), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true),
+                        (_ctx.isCodexConfigMode)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 6,
+                              class: "config-template-hint"
+                            }, _toDisplayString(_ctx.t('config.template.editFirst')), 1 /* TEXT */))
+                          : (_ctx.activeProviderBridgeHint)
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 7,
+                                class: "config-template-hint"
+                              }, _toDisplayString(_ctx.t('config.template.bridgeCodexOnly', { hint: _ctx.activeProviderBridgeHint })), 1 /* TEXT */))
+                            : _createCommentVNode("v-if", true),
+                        (_ctx.isCodexConfigMode)
+                          ? (_openBlock(), _createElementBlock("button", {
+                              key: 8,
+                              class: "btn-tool btn-template-editor",
+                              onClick: _ctx.openConfigTemplateEditor,
+                              disabled: _ctx.loading || !!_ctx.initError
+                            }, _toDisplayString(_ctx.t('config.template.openEditor')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
+                          : _createCommentVNode("v-if", true)
+                      ]),
+                      (_ctx.isCodexConfigMode)
+                        ? (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
+                            _createElementVNode("div", { class: "config-row" }, [
+                              _createElementVNode("div", {
+                                class: "selector-section",
+                                style: {"flex":"1"}
+                              }, [
+                                _createElementVNode("div", { class: "selector-header" }, [
+                                  _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.serviceTier')), 1 /* TEXT */)
+                                ]),
+                                _withDirectives(_createElementVNode("select", {
+                                  class: "model-select",
+                                  "onUpdate:modelValue": $event => ((_ctx.serviceTier) = $event),
+                                  onChange: _ctx.onServiceTierChange
+                                }, [
+                                  _createElementVNode("option", { value: "fast" }, _toDisplayString(_ctx.t('config.serviceTier.fast')), 1 /* TEXT */),
+                                  _createElementVNode("option", { value: "standard" }, _toDisplayString(_ctx.t('config.serviceTier.standard')), 1 /* TEXT */)
+                                ], 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange"]), [
+                                  [_vModelSelect, _ctx.serviceTier]
+                                ]),
+                                _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.serviceTier.hint', { field: 'service_tier' })), 1 /* TEXT */)
+                              ]),
+                              _createElementVNode("div", {
+                                class: "selector-section",
+                                style: {"flex":"1"}
+                              }, [
+                                _createElementVNode("div", { class: "selector-header" }, [
+                                  _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.reasoningEffort')), 1 /* TEXT */)
+                                ]),
+                                _withDirectives(_createElementVNode("select", {
+                                  class: "model-select",
+                                  "onUpdate:modelValue": $event => ((_ctx.modelReasoningEffort) = $event),
+                                  onChange: _ctx.onReasoningEffortChange
+                                }, [
+                                  _createElementVNode("option", { value: "high" }, "high"),
+                                  _createElementVNode("option", { value: "medium" }, _toDisplayString(_ctx.t('config.reasoningEffort.medium')), 1 /* TEXT */),
+                                  _createElementVNode("option", { value: "low" }, "low"),
+                                  _createElementVNode("option", { value: "xhigh" }, "xhigh")
+                                ], 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange"]), [
+                                  [_vModelSelect, _ctx.modelReasoningEffort]
+                                ]),
+                                _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.reasoningEffort.hint')), 1 /* TEXT */)
+                              ])
                             ]),
-                            _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.reasoningEffort.hint')), 1 /* TEXT */)
-                          ])
-                        ]),
-                        _createElementVNode("div", { class: "selector-section" }, [
-                          _createElementVNode("div", { class: "selector-header" }, [
-                            _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.contextBudget')), 1 /* TEXT */),
-                            _createElementVNode("div", { class: "selector-actions" }, [
-                              _createElementVNode("button", {
-                                class: "btn-tool btn-tool-compact",
-                                onClick: _ctx.resetCodexContextBudgetDefaults,
-                                disabled: _ctx.loading || !!_ctx.initError || _ctx.codexApplying
-                              }, _toDisplayString(_ctx.t('config.reset')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                            ])
-                          ]),
-                          _createElementVNode("div", { class: "codex-config-grid" }, [
-                            _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                              _createElementVNode("label", {
-                                class: "form-label",
-                                for: "codex-model-context-window"
-                              }, "model_context_window"),
-                              _withDirectives(_createElementVNode("input", {
-                                id: "codex-model-context-window",
-                                "onUpdate:modelValue": $event => ((_ctx.modelContextWindowInput) = $event),
-                                class: "form-input",
-                                inputmode: "numeric",
-                                autocomplete: "off",
-                                placeholder: _ctx.t('config.example', { value: 190000 }),
-                                onFocus: $event => (_ctx.editingCodexBudgetField = 'modelContextWindowInput'),
-                                onInput: $event => (_ctx.sanitizePositiveIntegerDraft('modelContextWindowInput')),
-                                onBlur: _ctx.onModelContextWindowBlur,
-                                onKeydown: _withKeys(_withModifiers(_ctx.onModelContextWindowBlur, ["prevent"]), ["enter"])
-                              }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onFocus", "onInput", "onBlur", "onKeydown"]), [
-                                [_vModelText, _ctx.modelContextWindowInput]
+                            _createElementVNode("div", { class: "selector-section" }, [
+                              _createElementVNode("div", { class: "selector-header" }, [
+                                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.contextBudget')), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "selector-actions" }, [
+                                  _createElementVNode("button", {
+                                    class: "btn-tool btn-tool-compact",
+                                    onClick: _ctx.resetCodexContextBudgetDefaults,
+                                    disabled: _ctx.loading || !!_ctx.initError || _ctx.codexApplying
+                                  }, _toDisplayString(_ctx.t('config.reset')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                ])
                               ]),
-                              _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('config.contextWindow.hint')), 1 /* TEXT */)
+                              _createElementVNode("div", { class: "codex-config-grid" }, [
+                                _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                                  _createElementVNode("label", {
+                                    class: "form-label",
+                                    for: "codex-model-context-window"
+                                  }, "model_context_window"),
+                                  _withDirectives(_createElementVNode("input", {
+                                    id: "codex-model-context-window",
+                                    "onUpdate:modelValue": $event => ((_ctx.modelContextWindowInput) = $event),
+                                    class: "form-input",
+                                    inputmode: "numeric",
+                                    autocomplete: "off",
+                                    placeholder: _ctx.t('config.example', { value: 190000 }),
+                                    onFocus: $event => (_ctx.editingCodexBudgetField = 'modelContextWindowInput'),
+                                    onInput: $event => (_ctx.sanitizePositiveIntegerDraft('modelContextWindowInput')),
+                                    onBlur: _ctx.onModelContextWindowBlur,
+                                    onKeydown: _withKeys(_withModifiers(_ctx.onModelContextWindowBlur, ["prevent"]), ["enter"])
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onFocus", "onInput", "onBlur", "onKeydown"]), [
+                                    [_vModelText, _ctx.modelContextWindowInput]
+                                  ]),
+                                  _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('config.contextWindow.hint')), 1 /* TEXT */)
+                                ]),
+                                _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                                  _createElementVNode("label", {
+                                    class: "form-label",
+                                    for: "codex-model-auto-compact-token-limit"
+                                  }, "model_auto_compact_token_limit"),
+                                  _withDirectives(_createElementVNode("input", {
+                                    id: "codex-model-auto-compact-token-limit",
+                                    "onUpdate:modelValue": $event => ((_ctx.modelAutoCompactTokenLimitInput) = $event),
+                                    class: "form-input",
+                                    inputmode: "numeric",
+                                    autocomplete: "off",
+                                    placeholder: _ctx.t('config.example', { value: 185000 }),
+                                    onFocus: $event => (_ctx.editingCodexBudgetField = 'modelAutoCompactTokenLimitInput'),
+                                    onInput: $event => (_ctx.sanitizePositiveIntegerDraft('modelAutoCompactTokenLimitInput')),
+                                    onBlur: _ctx.onModelAutoCompactTokenLimitBlur,
+                                    onKeydown: _withKeys(_withModifiers(_ctx.onModelAutoCompactTokenLimitBlur, ["prevent"]), ["enter"])
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onFocus", "onInput", "onBlur", "onKeydown"]), [
+                                    [_vModelText, _ctx.modelAutoCompactTokenLimitInput]
+                                  ]),
+                                  _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('config.autoCompact.hint')), 1 /* TEXT */)
+                                ])
+                              ])
                             ]),
-                            _createElementVNode("div", { class: "form-group codex-config-field" }, [
-                              _createElementVNode("label", {
-                                class: "form-label",
-                                for: "codex-model-auto-compact-token-limit"
-                              }, "model_auto_compact_token_limit"),
-                              _withDirectives(_createElementVNode("input", {
-                                id: "codex-model-auto-compact-token-limit",
-                                "onUpdate:modelValue": $event => ((_ctx.modelAutoCompactTokenLimitInput) = $event),
-                                class: "form-input",
-                                inputmode: "numeric",
-                                autocomplete: "off",
-                                placeholder: _ctx.t('config.example', { value: 185000 }),
-                                onFocus: $event => (_ctx.editingCodexBudgetField = 'modelAutoCompactTokenLimitInput'),
-                                onInput: $event => (_ctx.sanitizePositiveIntegerDraft('modelAutoCompactTokenLimitInput')),
-                                onBlur: _ctx.onModelAutoCompactTokenLimitBlur,
-                                onKeydown: _withKeys(_withModifiers(_ctx.onModelAutoCompactTokenLimitBlur, ["prevent"]), ["enter"])
-                              }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onFocus", "onInput", "onBlur", "onKeydown"]), [
-                                [_vModelText, _ctx.modelAutoCompactTokenLimitInput]
+                            _createElementVNode("div", { class: "selector-section" }, [
+                              _createElementVNode("div", { class: "selector-header" }, [
+                                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.health.title')), 1 /* TEXT */)
                               ]),
-                              _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('config.autoCompact.hint')), 1 /* TEXT */)
+                              _createElementVNode("button", {
+                                class: "btn-tool",
+                                onClick: _ctx.runHealthCheck,
+                                disabled: _ctx.healthCheckLoading || _ctx.loading || !!_ctx.initError
+                              }, _toDisplayString(_ctx.healthCheckLoading ? _ctx.t('config.health.running') : _ctx.t('config.health.run')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                              _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.health.hint')), 1 /* TEXT */)
                             ])
-                          ])
-                        ]),
-                        _createElementVNode("div", { class: "selector-section" }, [
-                          _createElementVNode("div", { class: "selector-header" }, [
-                            _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.health.title')), 1 /* TEXT */)
-                          ]),
-                          _createElementVNode("button", {
-                            class: "btn-tool",
-                            onClick: _ctx.runHealthCheck,
-                            disabled: _ctx.healthCheckLoading || _ctx.loading || !!_ctx.initError
-                          }, _toDisplayString(_ctx.healthCheckLoading ? _ctx.t('config.health.running') : _ctx.t('config.health.run')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-                          _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.health.hint')), 1 /* TEXT */)
-                        ])
-                      ], 64 /* STABLE_FRAGMENT */))
-                    : _createCommentVNode("v-if", true),
-                  (!_ctx.loading && !_ctx.initError)
-                    ? (_openBlock(), _createElementBlock("div", {
-                        key: 3,
-                        class: "card-list"
-                      }, [
-                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.displayProvidersList, (provider) => {
-                          return (_openBlock(), _createElementBlock("div", {
-                            key: provider.name,
-                            class: _normalizeClass(['card', { active: _ctx.displayCurrentProvider === provider.name, disabled: provider.name === 'local' && _ctx.isLocalProviderDisabled }]),
-                            onClick: $event => ((provider.name === 'local' && _ctx.isLocalProviderDisabled) ? null : _ctx.switchProvider(provider.name)),
-                            onKeydown: [
-                              _withKeys(_withModifiers($event => ((provider.name === 'local' && _ctx.isLocalProviderDisabled) ? null : _ctx.switchProvider(provider.name)), ["self","prevent"]), ["enter"]),
-                              _withKeys(_withModifiers($event => ((provider.name === 'local' && _ctx.isLocalProviderDisabled) ? null : _ctx.switchProvider(provider.name)), ["self","prevent"]), ["space"])
-                            ],
-                            tabindex: provider.name === 'local' && _ctx.isLocalProviderDisabled ? -1 : 0,
-                            role: "button",
-                            "aria-current": _ctx.displayCurrentProvider === provider.name ? 'true' : null
+                          ], 64 /* STABLE_FRAGMENT */))
+                        : _createCommentVNode("v-if", true),
+                      (!_ctx.loading && !_ctx.initError)
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 3,
+                            class: "card-list"
                           }, [
-                            _createElementVNode("div", { class: "card-leading" }, [
-                              _createElementVNode("div", { class: "card-icon" }, [
-                                _createTextVNode(_toDisplayString(provider.name.charAt(0).toUpperCase()), 1 /* TEXT */),
-                                (_ctx.isTransformProvider(provider))
-                                  ? (_openBlock(), _createElementBlock("span", {
-                                      key: 0,
-                                      class: "card-icon-dot",
-                                      title: "通过内建转换适配"
-                                    }))
-                                  : _createCommentVNode("v-if", true)
-                              ]),
-                              _createElementVNode("div", { class: "card-content" }, [
-                                (provider.name === 'local')
-                                  ? (_openBlock(), _createElementBlock("div", {
-                                      key: 0,
-                                      class: "bridge-pool-summary"
-                                    }, [
-                                      (_openBlock(), _createElementBlock("svg", {
-                                        class: "bridge-pool-summary-icon",
-                                        viewBox: "0 0 24 24",
-                                        fill: "none",
-                                        stroke: "currentColor",
-                                        "stroke-width": "2",
-                                        width: "12",
-                                        height: "12"
-                                      }, [
-                                        _createElementVNode("circle", {
-                                          cx: "6",
-                                          cy: "6",
-                                          r: "2"
-                                        }),
-                                        _createElementVNode("circle", {
-                                          cx: "18",
-                                          cy: "6",
-                                          r: "2"
-                                        }),
-                                        _createElementVNode("circle", {
-                                          cx: "12",
-                                          cy: "18",
-                                          r: "2"
-                                        }),
-                                        _createElementVNode("path", { d: "M6 8v4h6v4" }),
-                                        _createElementVNode("path", { d: "M18 8v4h-6v4" })
-                                      ])),
-                                      _createElementVNode("span", { class: "bridge-pool-summary-text" }, "已启用 " + _toDisplayString(_ctx.localBridgeCandidateProviders().filter(cp => !_ctx.isLocalBridgeExcluded(cp.name)).length) + " / " + _toDisplayString(_ctx.localBridgeCandidateProviders().length), 1 /* TEXT */)
-                                    ]))
-                                  : _createCommentVNode("v-if", true),
-                                _createElementVNode("div", { class: "card-title" }, [
-                                  _createElementVNode("span", null, _toDisplayString(provider.name), 1 /* TEXT */),
-                                  (provider.readOnly)
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.displayProvidersList, (provider) => {
+                              return (_openBlock(), _createElementBlock("div", {
+                                key: provider.name,
+                                class: _normalizeClass(['card', { active: _ctx.displayCurrentProvider === provider.name, disabled: provider.name === 'local' && _ctx.isLocalProviderDisabled }]),
+                                onClick: $event => ((provider.name === 'local' && _ctx.isLocalProviderDisabled) ? null : _ctx.switchProvider(provider.name)),
+                                onKeydown: [
+                                  _withKeys(_withModifiers($event => ((provider.name === 'local' && _ctx.isLocalProviderDisabled) ? null : _ctx.switchProvider(provider.name)), ["self","prevent"]), ["enter"]),
+                                  _withKeys(_withModifiers($event => ((provider.name === 'local' && _ctx.isLocalProviderDisabled) ? null : _ctx.switchProvider(provider.name)), ["self","prevent"]), ["space"])
+                                ],
+                                tabindex: provider.name === 'local' && _ctx.isLocalProviderDisabled ? -1 : 0,
+                                role: "button",
+                                "aria-current": _ctx.displayCurrentProvider === provider.name ? 'true' : null
+                              }, [
+                                _createElementVNode("div", { class: "card-leading" }, [
+                                  _createElementVNode("div", { class: "card-icon" }, [
+                                    _createTextVNode(_toDisplayString(provider.name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                                    (_ctx.isTransformProvider(provider))
+                                      ? (_openBlock(), _createElementBlock("span", {
+                                          key: 0,
+                                          class: "card-icon-dot",
+                                          title: _ctx.t('config.transformProvider.title')
+                                        }, null, 8 /* PROPS */, ["title"]))
+                                      : _createCommentVNode("v-if", true)
+                                  ]),
+                                  _createElementVNode("div", { class: "card-content" }, [
+                                    (provider.name === 'local')
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 0,
+                                          class: "bridge-pool-summary"
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            class: "bridge-pool-summary-icon",
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2",
+                                            width: "12",
+                                            height: "12"
+                                          }, [
+                                            _createElementVNode("circle", {
+                                              cx: "6",
+                                              cy: "6",
+                                              r: "2"
+                                            }),
+                                            _createElementVNode("circle", {
+                                              cx: "18",
+                                              cy: "6",
+                                              r: "2"
+                                            }),
+                                            _createElementVNode("circle", {
+                                              cx: "12",
+                                              cy: "18",
+                                              r: "2"
+                                            }),
+                                            _createElementVNode("path", { d: "M6 8v4h6v4" }),
+                                            _createElementVNode("path", { d: "M18 8v4h-6v4" })
+                                          ])),
+                                          _createElementVNode("span", { class: "bridge-pool-summary-text" }, _toDisplayString(_ctx.t('config.localBridge.enabledCount', { enabled: _ctx.localBridgeCandidateProviders().filter(cp => !_ctx.isLocalBridgeExcluded(cp.name)).length, total: _ctx.localBridgeCandidateProviders().length })), 1 /* TEXT */)
+                                        ]))
+                                      : _createCommentVNode("v-if", true),
+                                    _createElementVNode("div", { class: "card-title" }, [
+                                      _createElementVNode("span", null, _toDisplayString(provider.name), 1 /* TEXT */),
+                                      (provider.readOnly)
+                                        ? (_openBlock(), _createElementBlock("span", {
+                                            key: 0,
+                                            class: "provider-readonly-badge"
+                                          }, _toDisplayString(_ctx.t('config.badge.system')), 1 /* TEXT */))
+                                        : _createCommentVNode("v-if", true)
+                                    ]),
+                                    (provider.name !== 'local')
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 1,
+                                          class: "card-subtitle card-subtitle-model"
+                                        }, _toDisplayString(_ctx.activeProviderModel(provider.name) || _ctx.t('config.model.unset')), 1 /* TEXT */))
+                                      : _createCommentVNode("v-if", true),
+                                    (provider.name !== 'local')
+                                      ? (_openBlock(), _createElementBlock("div", {
+                                          key: 2,
+                                          class: "card-subtitle card-subtitle-url"
+                                        }, _toDisplayString(_ctx.displayProviderUrl(provider) || _ctx.t('config.url.unset')), 1 /* TEXT */))
+                                      : _createCommentVNode("v-if", true)
+                                  ])
+                                ]),
+                                _createElementVNode("div", { class: "card-trailing" }, [
+                                  (_ctx.speedResults[provider.name])
                                     ? (_openBlock(), _createElementBlock("span", {
                                         key: 0,
-                                        class: "provider-readonly-badge"
-                                      }, _toDisplayString(_ctx.t('config.badge.system')), 1 /* TEXT */))
-                                    : _createCommentVNode("v-if", true)
-                                ]),
-                                (provider.name !== 'local')
-                                  ? (_openBlock(), _createElementBlock("div", {
-                                      key: 1,
-                                      class: "card-subtitle card-subtitle-model"
-                                    }, _toDisplayString(_ctx.activeProviderModel(provider.name) || _ctx.t('config.model.unset')), 1 /* TEXT */))
-                                  : _createCommentVNode("v-if", true),
-                                (provider.name !== 'local')
-                                  ? (_openBlock(), _createElementBlock("div", {
-                                      key: 2,
-                                      class: "card-subtitle card-subtitle-url"
-                                    }, _toDisplayString(_ctx.displayProviderUrl(provider) || _ctx.t('config.url.unset')), 1 /* TEXT */))
-                                  : _createCommentVNode("v-if", true)
-                              ])
-                            ]),
-                            _createElementVNode("div", { class: "card-trailing" }, [
-                              (_ctx.speedResults[provider.name])
-                                ? (_openBlock(), _createElementBlock("span", {
-                                    key: 0,
-                                    class: _normalizeClass(['latency', _ctx.speedResults[provider.name].ok ? 'ok' : 'error'])
-                                  }, _toDisplayString(_ctx.formatLatency(_ctx.speedResults[provider.name])), 3 /* TEXT, CLASS */))
-                                : _createCommentVNode("v-if", true),
-                              _createElementVNode("span", {
-                                class: _normalizeClass(['pill', _ctx.providerPillConfigured(provider) ? 'configured' : 'empty'])
-                              }, _toDisplayString(_ctx.providerPillText(provider)), 3 /* TEXT, CLASS */),
-                              _createElementVNode("div", {
-                                class: "card-actions",
-                                onClick: _withModifiers(() => {}, ["stop"])
-                              }, [
-                                (provider.name === 'local')
-                                  ? (_openBlock(), _createElementBlock("button", {
-                                      key: 0,
-                                      class: "card-action-btn bridge-pool-trigger",
-                                      onClick: $event => (_ctx.showCodexBridgePoolModal = true),
-                                      "aria-label": '轮询池设置',
-                                      title: '轮询池设置'
-                                    }, [
-                                      (_openBlock(), _createElementBlock("svg", {
-                                        viewBox: "0 0 24 24",
-                                        fill: "none",
-                                        stroke: "currentColor",
-                                        "stroke-width": "2"
-                                      }, [
-                                        _createElementVNode("circle", {
-                                          cx: "6",
-                                          cy: "6",
-                                          r: "2"
-                                        }),
-                                        _createElementVNode("circle", {
-                                          cx: "18",
-                                          cy: "6",
-                                          r: "2"
-                                        }),
-                                        _createElementVNode("circle", {
-                                          cx: "12",
-                                          cy: "18",
-                                          r: "2"
-                                        }),
-                                        _createElementVNode("path", { d: "M6 8v4h6v4" }),
-                                        _createElementVNode("path", { d: "M18 8v4h-6v4" })
-                                      ]))
-                                    ], 8 /* PROPS */, ["onClick"]))
-                                  : _createCommentVNode("v-if", true),
-                                _createElementVNode("button", {
-                                  class: _normalizeClass(["card-action-btn", { loading: _ctx.speedLoading[provider.name] }]),
-                                  disabled: !!_ctx.speedLoading[provider.name],
-                                  onClick: $event => (_ctx.runSpeedTest(provider.name, { silent: true })),
-                                  "aria-label": _ctx.t('config.availabilityTestAria', { name: provider.name }),
-                                  title: _ctx.t('config.availabilityTest')
-                                }, [
-                                  (_openBlock(), _createElementBlock("svg", {
-                                    viewBox: "0 0 24 24",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    "stroke-width": "2"
-                                  }, [
-                                    _createElementVNode("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z" })
-                                  ]))
-                                ], 10 /* CLASS, PROPS */, ["disabled", "onClick", "aria-label", "title"]),
-                                _createElementVNode("button", {
-                                  class: "card-action-btn",
-                                  disabled: !_ctx.shouldShowProviderEdit(provider),
-                                  onClick: $event => (_ctx.openEditModal(provider)),
-                                  "aria-label": _ctx.t('config.provider.edit.aria', { name: provider.name }),
-                                  title: _ctx.shouldShowProviderEdit(provider) ? _ctx.t('common.edit') : _ctx.t('common.notEditable')
-                                }, [
-                                  (_openBlock(), _createElementBlock("svg", {
-                                    viewBox: "0 0 24 24",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    "stroke-width": "2"
+                                        class: _normalizeClass(['latency', _ctx.speedResults[provider.name].ok ? 'ok' : 'error'])
+                                      }, _toDisplayString(_ctx.formatLatency(_ctx.speedResults[provider.name])), 3 /* TEXT, CLASS */))
+                                    : _createCommentVNode("v-if", true),
+                                  _createElementVNode("span", {
+                                    class: _normalizeClass(['pill', _ctx.providerPillConfigured(provider) ? 'configured' : 'empty'])
+                                  }, _toDisplayString(_ctx.providerPillText(provider)), 3 /* TEXT, CLASS */),
+                                  _createElementVNode("div", {
+                                    class: "card-actions",
+                                    onClick: _withModifiers(() => {}, ["stop"])
                                   }, [
-                                    _createElementVNode("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-                                    _createElementVNode("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
-                                  ]))
-                                ], 8 /* PROPS */, ["disabled", "onClick", "aria-label", "title"]),
-                                (!provider.readOnly)
-                                  ? (_openBlock(), _createElementBlock("button", {
-                                      key: 1,
-                                      class: "card-action-btn",
-                                      onClick: $event => (_ctx.openCloneProviderModal(provider)),
-                                      "aria-label": _ctx.t('config.provider.clone.aria', { name: provider.name }),
-                                      title: _ctx.t('config.provider.clone')
-                                    }, [
-                                      (_openBlock(), _createElementBlock("svg", {
-                                        viewBox: "0 0 24 24",
-                                        fill: "none",
-                                        stroke: "currentColor",
-                                        "stroke-width": "2"
-                                      }, [
-                                        _createElementVNode("rect", {
-                                          x: "9",
-                                          y: "9",
-                                          width: "13",
-                                          height: "13",
-                                          rx: "2"
-                                        }),
-                                        _createElementVNode("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-                                      ]))
-                                    ], 8 /* PROPS */, ["onClick", "aria-label", "title"]))
-                                  : _createCommentVNode("v-if", true),
-                                (!provider.readOnly)
-                                  ? (_openBlock(), _createElementBlock("button", {
-                                      key: 2,
-                                      class: _normalizeClass(["card-action-btn", { loading: _ctx.providerShareLoading[provider.name], disabled: !_ctx.shouldAllowProviderShare(provider) }]),
-                                      disabled: _ctx.providerShareLoading[provider.name] || !_ctx.shouldAllowProviderShare(provider),
-                                      onClick: $event => (_ctx.copyProviderShareCommand(provider)),
-                                      title: _ctx.shouldAllowProviderShare(provider) ? _ctx.t('config.shareCommand') : _ctx.t('config.shareDisabled'),
-                                      "aria-label": _ctx.t('config.shareCommand.aria')
+                                    (provider.name === 'local')
+                                      ? (_openBlock(), _createElementBlock("button", {
+                                          key: 0,
+                                          class: "card-action-btn bridge-pool-trigger",
+                                          onClick: $event => (_ctx.showCodexBridgePoolModal = true),
+                                          "aria-label": _ctx.t('config.localBridge.poolSettings'),
+                                          title: _ctx.t('config.localBridge.poolSettings')
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("circle", {
+                                              cx: "6",
+                                              cy: "6",
+                                              r: "2"
+                                            }),
+                                            _createElementVNode("circle", {
+                                              cx: "18",
+                                              cy: "6",
+                                              r: "2"
+                                            }),
+                                            _createElementVNode("circle", {
+                                              cx: "12",
+                                              cy: "18",
+                                              r: "2"
+                                            }),
+                                            _createElementVNode("path", { d: "M6 8v4h6v4" }),
+                                            _createElementVNode("path", { d: "M18 8v4h-6v4" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "aria-label", "title"]))
+                                      : _createCommentVNode("v-if", true),
+                                    _createElementVNode("button", {
+                                      class: _normalizeClass(["card-action-btn", { loading: _ctx.speedLoading[provider.name] }]),
+                                      disabled: !!_ctx.speedLoading[provider.name],
+                                      onClick: $event => (_ctx.runSpeedTest(provider.name, { silent: true })),
+                                      "aria-label": _ctx.t('config.availabilityTestAria', { name: provider.name }),
+                                      title: _ctx.t('config.availabilityTest')
                                     }, [
                                       (_openBlock(), _createElementBlock("svg", {
                                         viewBox: "0 0 24 24",
@@ -1490,20 +1397,15 @@ return function render(_ctx, _cache) {
                                         stroke: "currentColor",
                                         "stroke-width": "2"
                                       }, [
-                                        _createElementVNode("path", { d: "M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7" }),
-                                        _createElementVNode("path", { d: "M16 6l-4-4-4 4" }),
-                                        _createElementVNode("path", { d: "M12 2v14" })
+                                        _createElementVNode("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z" })
                                       ]))
-                                    ], 10 /* CLASS, PROPS */, ["disabled", "onClick", "title", "aria-label"]))
-                                  : _createCommentVNode("v-if", true),
-                                (!provider.readOnly)
-                                  ? (_openBlock(), _createElementBlock("button", {
-                                      key: 3,
-                                      class: _normalizeClass(["card-action-btn delete", { disabled: !_ctx.shouldShowProviderDelete(provider) }]),
-                                      disabled: !_ctx.shouldShowProviderDelete(provider),
-                                      onClick: $event => (_ctx.deleteProvider(provider.name)),
-                                      "aria-label": _ctx.t('config.provider.delete.aria', { name: provider.name }),
-                                      title: _ctx.shouldShowProviderDelete(provider) ? _ctx.t('common.delete') : _ctx.t('common.notDeletable')
+                                    ], 10 /* CLASS, PROPS */, ["disabled", "onClick", "aria-label", "title"]),
+                                    _createElementVNode("button", {
+                                      class: "card-action-btn",
+                                      disabled: !_ctx.shouldShowProviderEdit(provider),
+                                      onClick: $event => (_ctx.openEditModal(provider)),
+                                      "aria-label": _ctx.t('config.provider.edit.aria', { name: provider.name }),
+                                      title: _ctx.shouldShowProviderEdit(provider) ? _ctx.t('common.edit') : _ctx.t('common.notEditable')
                                     }, [
                                       (_openBlock(), _createElementBlock("svg", {
                                         viewBox: "0 0 24 24",
@@ -1511,17 +1413,101 @@ return function render(_ctx, _cache) {
                                         stroke: "currentColor",
                                         "stroke-width": "2"
                                       }, [
-                                        _createElementVNode("path", { d: "M3 6h18" }),
-                                        _createElementVNode("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                                        _createElementVNode("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+                                        _createElementVNode("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
                                       ]))
-                                    ], 10 /* CLASS, PROPS */, ["disabled", "onClick", "aria-label", "title"]))
-                                  : _createCommentVNode("v-if", true)
-                              ], 8 /* PROPS */, ["onClick"])
-                            ])
-                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "tabindex", "aria-current"]))
-                        }), 128 /* KEYED_FRAGMENT */))
-                      ]))
-                    : _createCommentVNode("v-if", true)
+                                    ], 8 /* PROPS */, ["disabled", "onClick", "aria-label", "title"]),
+                                    (!provider.readOnly)
+                                      ? (_openBlock(), _createElementBlock("button", {
+                                          key: 1,
+                                          class: "card-action-btn",
+                                          onClick: $event => (_ctx.openCloneProviderModal(provider)),
+                                          "aria-label": _ctx.t('config.provider.clone.aria', { name: provider.name }),
+                                          title: _ctx.t('config.provider.clone')
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("rect", {
+                                              x: "9",
+                                              y: "9",
+                                              width: "13",
+                                              height: "13",
+                                              rx: "2"
+                                            }),
+                                            _createElementVNode("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "aria-label", "title"]))
+                                      : _createCommentVNode("v-if", true),
+                                    (!provider.readOnly)
+                                      ? (_openBlock(), _createElementBlock("button", {
+                                          key: 2,
+                                          class: _normalizeClass(["card-action-btn", { loading: _ctx.providerShareLoading[provider.name], disabled: !_ctx.shouldAllowProviderShare(provider) }]),
+                                          disabled: _ctx.providerShareLoading[provider.name] || !_ctx.shouldAllowProviderShare(provider),
+                                          onClick: $event => (_ctx.copyProviderShareCommand(provider)),
+                                          title: _ctx.shouldAllowProviderShare(provider) ? _ctx.t('config.shareCommand') : _ctx.t('config.shareDisabled'),
+                                          "aria-label": _ctx.t('config.shareCommand.aria')
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("path", { d: "M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7" }),
+                                            _createElementVNode("path", { d: "M16 6l-4-4-4 4" }),
+                                            _createElementVNode("path", { d: "M12 2v14" })
+                                          ]))
+                                        ], 10 /* CLASS, PROPS */, ["disabled", "onClick", "title", "aria-label"]))
+                                      : _createCommentVNode("v-if", true),
+                                    (!provider.readOnly)
+                                      ? (_openBlock(), _createElementBlock("button", {
+                                          key: 3,
+                                          class: _normalizeClass(["card-action-btn delete", { disabled: !_ctx.shouldShowProviderDelete(provider) }]),
+                                          disabled: !_ctx.shouldShowProviderDelete(provider),
+                                          onClick: $event => (_ctx.deleteProvider(provider.name)),
+                                          "aria-label": _ctx.t('config.provider.delete.aria', { name: provider.name }),
+                                          title: _ctx.shouldShowProviderDelete(provider) ? _ctx.t('common.delete') : _ctx.t('common.notDeletable')
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("path", { d: "M3 6h18" }),
+                                            _createElementVNode("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                                          ]))
+                                        ], 10 /* CLASS, PROPS */, ["disabled", "onClick", "aria-label", "title"]))
+                                      : _createCommentVNode("v-if", true)
+                                  ], 8 /* PROPS */, ["onClick"])
+                                ])
+                              ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "tabindex", "aria-current"]))
+                            }), 128 /* KEYED_FRAGMENT */))
+                          ]))
+                        : _createCommentVNode("v-if", true)
+                    ]),
+                    (!_ctx.isToolConfigWriteAllowed('codex'))
+                      ? (_openBlock(), _createElementBlock("div", {
+                          key: 0,
+                          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.codex.lockedTitle')), 1 /* TEXT */),
+                            _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.codex.lockedDesc')), 1 /* TEXT */),
+                            _createElementVNode("button", {
+                              type: "button",
+                              class: "btn-tool",
+                              onClick: $event => (_ctx.setToolConfigPermission('codex', true)),
+                              disabled: _ctx.toolConfigPermissionSaving.codex
+                            }, _toDisplayString(_ctx.t('toolConfig.enableWrite')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                          ])
+                        ]))
+                      : _createCommentVNode("v-if", true)
+                  ], 2 /* CLASS */)
                 ], 64 /* STABLE_FRAGMENT */))
           ], 8 /* PROPS */, ["aria-labelledby"]), [
             [_vShow, _ctx.mainTab === 'config' && _ctx.isProviderConfigMode]
@@ -1586,344 +1572,582 @@ return function render(_ctx, _cache) {
                   ])
                 ]))
               : (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
-                  (!_ctx.loading && !_ctx.initError)
-                    ? (_openBlock(), _createElementBlock("button", {
-                        key: 0,
-                        class: "btn-add",
-                        onClick: _ctx.openClaudeConfigModal
-                      }, [
-                        (_openBlock(), _createElementBlock("svg", {
-                          class: "icon",
-                          viewBox: "0 0 20 20",
-                          fill: "none",
-                          stroke: "currentColor",
-                          "stroke-width": "2"
-                        }, [
-                          _createElementVNode("path", { d: "M10 4v12M4 10h12" })
-                        ])),
-                        _createTextVNode(" " + _toDisplayString(_ctx.t('claude.addProvider')), 1 /* TEXT */)
-                      ], 8 /* PROPS */, ["onClick"]))
-                    : _createCommentVNode("v-if", true),
-                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('claude.applyDefault')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "selector-section" }, [
-                    _createElementVNode("div", { class: "selector-header" }, [
-                      _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('claude.presetProviders')), 1 /* TEXT */)
+                  _createElementVNode("section", {
+                    class: "tool-config-write-card",
+                    "aria-label": _ctx.t('toolConfig.claude.title')
+                  }, [
+                    _createElementVNode("div", { class: "tool-config-write-copy" }, [
+                      _createElementVNode("div", { class: "tool-config-write-title" }, _toDisplayString(_ctx.t('toolConfig.claude.title')), 1 /* TEXT */),
+                      _createElementVNode("p", { class: "tool-config-write-desc" }, _toDisplayString(_ctx.t('toolConfig.claude.desc')), 1 /* TEXT */)
                     ]),
-                    _createElementVNode("div", {
-                      class: "btn-group",
-                      style: {"flex-wrap":"wrap","gap":"8px","margin-top":"0"}
-                    }, [
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Claude Official'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.anthropic.com'; _ctx.newClaudeConfig.model = 'claude-sonnet-4'; _ctx.showClaudeConfigModal = true}
-                      }, "Claude Official", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'DeepSeek'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.deepseek.com/anthropic'; _ctx.newClaudeConfig.model = 'DeepSeek-V3.2'; _ctx.showClaudeConfigModal = true}
-                      }, "DeepSeek", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Zhipu GLM'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://open.bigmodel.cn/api/anthropic'; _ctx.newClaudeConfig.model = 'glm-5'; _ctx.showClaudeConfigModal = true}
-                      }, "Zhipu GLM", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Z.ai GLM'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.z.ai/api/anthropic'; _ctx.newClaudeConfig.model = 'glm-5'; _ctx.showClaudeConfigModal = true}
-                      }, "Z.ai GLM", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Qwen Coder'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://coding.dashscope.aliyuncs.com/apps/anthropic'; _ctx.newClaudeConfig.model = 'qwen3-coder'; _ctx.showClaudeConfigModal = true}
-                      }, "Qwen Coder", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Kimi k2'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.moonshot.cn/anthropic'; _ctx.newClaudeConfig.model = 'kimi-k2.5'; _ctx.showClaudeConfigModal = true}
-                      }, "Kimi k2", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Kimi For Coding'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.kimi.com/coding/'; _ctx.newClaudeConfig.model = 'kimi-k2.5'; _ctx.showClaudeConfigModal = true}
-                      }, "Kimi For Coding", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'KAT-Coder'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://vanchin.streamlake.ai/api/gateway/v1/endpoints/${ENDPOINT_ID}/claude-code-proxy'; _ctx.newClaudeConfig.model = 'KAT-Coder-Pro V1'; _ctx.showClaudeConfigModal = true}
-                      }, "KAT-Coder", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Longcat'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.longcat.chat/anthropic'; _ctx.newClaudeConfig.model = 'LongCat-Flash-Chat'; _ctx.showClaudeConfigModal = true}
-                      }, "Longcat", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'MiniMax'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.minimaxi.com/anthropic'; _ctx.newClaudeConfig.model = 'MiniMax-M2.7'; _ctx.showClaudeConfigModal = true}
-                      }, "MiniMax", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'MiniMax en'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.minimax.io/anthropic'; _ctx.newClaudeConfig.model = 'MiniMax-M2.7'; _ctx.showClaudeConfigModal = true}
-                      }, "MiniMax en", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'DouBaoSeed'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://ark.cn-beijing.volces.com/api/coding'; _ctx.newClaudeConfig.model = 'doubao-seed-2-0-code-preview-latest'; _ctx.showClaudeConfigModal = true}
-                      }, "DouBaoSeed", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'BaiLing'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.tbox.cn/api/anthropic'; _ctx.newClaudeConfig.model = 'Ling-2.5-1T'; _ctx.showClaudeConfigModal = true}
-                      }, "BaiLing", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'ModelScope'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api-inference.modelscope.cn'; _ctx.newClaudeConfig.model = 'ZhipuAI/GLM-5'; _ctx.showClaudeConfigModal = true}
-                      }, "ModelScope", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'AiHubMix'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://aihubmix.com'; _ctx.newClaudeConfig.model = 'glm-4.7'; _ctx.showClaudeConfigModal = true}
-                      }, "AiHubMix", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'DMXAPI'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://www.dmxapi.cn'; _ctx.newClaudeConfig.model = 'glm-4.7'; _ctx.showClaudeConfigModal = true}
-                      }, "DMXAPI", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'PackyCode'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://www.packyapi.com'; _ctx.newClaudeConfig.model = 'glm-4.7'; _ctx.showClaudeConfigModal = true}
-                      }, "PackyCode", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'AnyRouter'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://anyrouter.top'; _ctx.newClaudeConfig.model = 'claude-opus-4-7[1m]'; _ctx.showClaudeConfigModal = true}
-                      }, "AnyRouter", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Xiaomi MiMo'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.xiaomimimo.com/anthropic'; _ctx.newClaudeConfig.model = 'mimo-v2.5-pro'; _ctx.showClaudeConfigModal = true}
-                      }, "Xiaomi MiMo", 8 /* PROPS */, ["onClick"]),
-                      _createElementVNode("button", {
-                        type: "button",
-                        class: "btn-mini",
-                        onClick: $event => {_ctx.newClaudeConfig.name = 'Xiaomi Token Plan'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://token-plan-cn.xiaomimimo.com/anthropic'; _ctx.newClaudeConfig.model = 'mimo-v2.5-pro'; _ctx.showClaudeConfigModal = true}
-                      }, "Xiaomi Token Plan", 8 /* PROPS */, ["onClick"])
+                    _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
+                      _createElementVNode("input", {
+                        type: "checkbox",
+                        checked: _ctx.isToolConfigWriteAllowed('claude'),
+                        disabled: _ctx.toolConfigPermissionSaving.claude,
+                        onChange: $event => (_ctx.setToolConfigPermission('claude', $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('claude')), 1 /* TEXT */)
                     ])
-                  ]),
-                  _createElementVNode("div", { class: "selector-section" }, [
-                    _createElementVNode("div", { class: "selector-header" }, [
-                      _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('claude.model')), 1 /* TEXT */)
+                  ], 8 /* PROPS */, ["aria-label"]),
+                  _createElementVNode("div", {
+                    class: _normalizeClass(["tool-config-write-scope", { locked: !_ctx.isToolConfigWriteAllowed('claude') }])
+                  }, [
+                    _createElementVNode("div", { class: "tool-config-write-body" }, [
+                      (!_ctx.loading && !_ctx.initError)
+                        ? (_openBlock(), _createElementBlock("button", {
+                            key: 0,
+                            class: "btn-add",
+                            onClick: _ctx.openClaudeConfigModal,
+                            disabled: !_ctx.isToolConfigWriteAllowed('claude')
+                          }, [
+                            (_openBlock(), _createElementBlock("svg", {
+                              class: "icon",
+                              viewBox: "0 0 20 20",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "2"
+                            }, [
+                              _createElementVNode("path", { d: "M10 4v12M4 10h12" })
+                            ])),
+                            _createTextVNode(" " + _toDisplayString(_ctx.t('claude.addProvider')), 1 /* TEXT */)
+                          ], 8 /* PROPS */, ["onClick", "disabled"]))
+                        : _createCommentVNode("v-if", true),
+                      _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('claude.applyDefault')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "selector-section" }, [
+                        _createElementVNode("div", { class: "selector-header" }, [
+                          _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('claude.presetProviders')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("div", {
+                          class: "btn-group",
+                          style: {"flex-wrap":"wrap","gap":"8px","margin-top":"0"}
+                        }, [
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Claude Official'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.anthropic.com'; _ctx.newClaudeConfig.model = 'claude-sonnet-4'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Claude Official", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'DeepSeek'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.deepseek.com/anthropic'; _ctx.newClaudeConfig.model = 'DeepSeek-V3.2'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "DeepSeek", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Zhipu GLM'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://open.bigmodel.cn/api/anthropic'; _ctx.newClaudeConfig.model = 'glm-5'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Zhipu GLM", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Z.ai GLM'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.z.ai/api/anthropic'; _ctx.newClaudeConfig.model = 'glm-5'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Z.ai GLM", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Qwen Coder'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://coding.dashscope.aliyuncs.com/apps/anthropic'; _ctx.newClaudeConfig.model = 'qwen3-coder'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Qwen Coder", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Kimi k2'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.moonshot.cn/anthropic'; _ctx.newClaudeConfig.model = 'kimi-k2.5'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Kimi k2", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Kimi For Coding'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.kimi.com/coding/'; _ctx.newClaudeConfig.model = 'kimi-k2.5'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Kimi For Coding", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'KAT-Coder'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://vanchin.streamlake.ai/api/gateway/v1/endpoints/${ENDPOINT_ID}/claude-code-proxy'; _ctx.newClaudeConfig.model = 'KAT-Coder-Pro V1'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "KAT-Coder", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Longcat'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.longcat.chat/anthropic'; _ctx.newClaudeConfig.model = 'LongCat-Flash-Chat'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Longcat", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'MiniMax'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.minimaxi.com/anthropic'; _ctx.newClaudeConfig.model = 'MiniMax-M2.7'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "MiniMax", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'MiniMax en'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.minimax.io/anthropic'; _ctx.newClaudeConfig.model = 'MiniMax-M2.7'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "MiniMax en", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'DouBaoSeed'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://ark.cn-beijing.volces.com/api/coding'; _ctx.newClaudeConfig.model = 'doubao-seed-2-0-code-preview-latest'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "DouBaoSeed", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'BaiLing'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.tbox.cn/api/anthropic'; _ctx.newClaudeConfig.model = 'Ling-2.5-1T'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "BaiLing", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'ModelScope'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api-inference.modelscope.cn'; _ctx.newClaudeConfig.model = 'ZhipuAI/GLM-5'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "ModelScope", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'AiHubMix'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://aihubmix.com'; _ctx.newClaudeConfig.model = 'glm-4.7'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "AiHubMix", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'DMXAPI'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://www.dmxapi.cn'; _ctx.newClaudeConfig.model = 'glm-4.7'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "DMXAPI", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'PackyCode'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://www.packyapi.com'; _ctx.newClaudeConfig.model = 'glm-4.7'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "PackyCode", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'AnyRouter'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://anyrouter.top'; _ctx.newClaudeConfig.model = 'claude-opus-4-7[1m]'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "AnyRouter", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Xiaomi MiMo'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://api.xiaomimimo.com/anthropic'; _ctx.newClaudeConfig.model = 'mimo-v2.5-pro'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Xiaomi MiMo", 8 /* PROPS */, ["onClick"]),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-mini",
+                            onClick: $event => {_ctx.newClaudeConfig.name = 'Xiaomi Token Plan'; _ctx.newClaudeConfig.apiKey = ''; _ctx.newClaudeConfig.baseUrl = 'https://token-plan-cn.xiaomimimo.com/anthropic'; _ctx.newClaudeConfig.model = 'mimo-v2.5-pro'; _ctx.showAddClaudeConfigKey = false; _ctx.showClaudeConfigModal = true}
+                          }, "Xiaomi Token Plan", 8 /* PROPS */, ["onClick"])
+                        ])
+                      ]),
+                      _createElementVNode("div", { class: "selector-section" }, [
+                        _createElementVNode("div", { class: "selector-header" }, [
+                          _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('claude.model')), 1 /* TEXT */)
+                        ]),
+                        (_ctx.claudeModelHasList)
+                          ? _withDirectives((_openBlock(), _createElementBlock("input", {
+                              key: 0,
+                              class: "model-input",
+                              "onUpdate:modelValue": $event => ((_ctx.currentClaudeModel) = $event),
+                              onChange: _ctx.onClaudeModelChange,
+                              onBlur: _ctx.onClaudeModelChange,
+                              onKeyup: _withKeys(_ctx.onClaudeModelChange, ["enter"]),
+                              placeholder: _ctx.t('claude.model.placeholder'),
+                              readonly: _ctx.currentClaudeConfig === 'claude-local',
+                              list: "claude-model-options"
+                            }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange", "onBlur", "onKeyup", "placeholder", "readonly"])), [
+                              [_vModelText, _ctx.currentClaudeModel]
+                            ])
+                          : _createCommentVNode("v-if", true),
+                        (_ctx.claudeModelHasList)
+                          ? (_openBlock(), _createElementBlock("datalist", {
+                              key: 1,
+                              id: "claude-model-options"
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.claudeModelOptions, (model) => {
+                                return (_openBlock(), _createElementBlock("option", {
+                                  key: model,
+                                  value: model
+                                }, null, 8 /* PROPS */, ["value"]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ]))
+                          : _withDirectives((_openBlock(), _createElementBlock("input", {
+                              key: 2,
+                              class: "model-input",
+                              "onUpdate:modelValue": $event => ((_ctx.currentClaudeModel) = $event),
+                              onBlur: _ctx.onClaudeModelChange,
+                              onKeyup: _withKeys(_ctx.onClaudeModelChange, ["enter"]),
+                              placeholder: _ctx.t('claude.model.placeholder'),
+                              readonly: _ctx.currentClaudeConfig === 'claude-local'
+                            }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur", "onKeyup", "placeholder", "readonly"])), [
+                              [_vModelText, _ctx.currentClaudeModel]
+                            ]),
+                        _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('claude.model.hint')), 1 /* TEXT */),
+                        _createElementVNode("button", {
+                          class: "btn-tool btn-template-editor",
+                          onClick: _ctx.openClaudeConfigTemplateEditor,
+                          disabled: _ctx.loading || !!_ctx.initError
+                        }, _toDisplayString(_ctx.t('config.template.openEditor')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ]),
+                      _createElementVNode("div", { class: "selector-section" }, [
+                        _createElementVNode("div", { class: "selector-header" }, [
+                          _createElementVNode("span", { class: "selector-title" }, "CLAUDE.md")
+                        ]),
+                        _createElementVNode("button", {
+                          class: "btn-tool",
+                          onClick: _ctx.openClaudeMdEditor,
+                          disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
+                        }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('claude.md.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                        _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('claude.md.hint')), 1 /* TEXT */)
+                      ]),
+                      _createElementVNode("div", { class: "selector-section" }, [
+                        _createElementVNode("div", { class: "selector-header" }, [
+                          _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.health.title')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("button", {
+                          class: "btn-tool",
+                          onClick: _ctx.runHealthCheck,
+                          disabled: _ctx.healthCheckLoading || _ctx.loading || !!_ctx.initError
+                        }, _toDisplayString(_ctx.healthCheckLoading ? _ctx.t('config.health.running') : _ctx.t('config.health.run')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                        _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.health.hint')), 1 /* TEXT */)
+                      ]),
+                      _createElementVNode("div", { class: "card-list" }, [
+                        _createElementVNode("div", {
+                          class: _normalizeClass(['card', { active: _ctx.currentClaudeConfig === 'claude-local', disabled: _ctx.isClaudeLocalBridgeDisabled() }]),
+                          onClick: $event => (_ctx.isClaudeLocalBridgeDisabled() ? null : _ctx.applyClaudeLocalBridge()),
+                          onKeydown: [
+                            _withKeys(_withModifiers($event => (_ctx.isClaudeLocalBridgeDisabled() ? null : _ctx.applyClaudeLocalBridge()), ["self","prevent"]), ["enter"]),
+                            _withKeys(_withModifiers($event => (_ctx.isClaudeLocalBridgeDisabled() ? null : _ctx.applyClaudeLocalBridge()), ["self","prevent"]), ["space"])
+                          ],
+                          tabindex: _ctx.isClaudeLocalBridgeDisabled() ? -1 : 0,
+                          role: "button",
+                          "aria-current": _ctx.currentClaudeConfig === 'claude-local' ? 'true' : null
+                        }, [
+                          _createElementVNode("div", { class: "card-leading" }, [
+                            _createElementVNode("div", { class: "card-icon" }, "L"),
+                            _createElementVNode("div", { class: "card-content" }, [
+                              _createElementVNode("div", { class: "bridge-pool-summary" }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "bridge-pool-summary-icon",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2",
+                                  width: "12",
+                                  height: "12"
+                                }, [
+                                  _createElementVNode("circle", {
+                                    cx: "6",
+                                    cy: "6",
+                                    r: "2"
+                                  }),
+                                  _createElementVNode("circle", {
+                                    cx: "18",
+                                    cy: "6",
+                                    r: "2"
+                                  }),
+                                  _createElementVNode("circle", {
+                                    cx: "12",
+                                    cy: "18",
+                                    r: "2"
+                                  }),
+                                  _createElementVNode("path", { d: "M6 8v4h6v4" }),
+                                  _createElementVNode("path", { d: "M18 8v4h-6v4" })
+                                ])),
+                                _createElementVNode("span", { class: "bridge-pool-summary-text" }, _toDisplayString(_ctx.t('claude.localBridge.enabled')) + " " + _toDisplayString(_ctx.claudeLocalBridgeCandidateProviders().filter(cp => !_ctx.isClaudeLocalBridgeExcluded(cp.name)).length) + " / " + _toDisplayString(_ctx.claudeLocalBridgeCandidateProviders().length), 1 /* TEXT */)
+                              ]),
+                              _createElementVNode("div", { class: "card-title" }, [
+                                _createElementVNode("span", null, "local"),
+                                _createElementVNode("span", { class: "provider-readonly-badge" }, _toDisplayString(_ctx.t('config.badge.system')), 1 /* TEXT */)
+                              ])
+                            ])
+                          ]),
+                          _createElementVNode("div", { class: "card-trailing" }, [
+                            _createElementVNode("span", {
+                              class: _normalizeClass(['pill', _ctx.claudeLocalBridgeConfigured() ? 'configured' : 'empty'])
+                            }, _toDisplayString(_ctx.claudeLocalBridgeConfigured() ? _ctx.t('claude.configured') : _ctx.t('claude.notConfigured')), 3 /* TEXT, CLASS */),
+                            _createElementVNode("div", {
+                              class: "card-actions",
+                              onClick: _withModifiers(() => {}, ["stop"])
+                            }, [
+                              _createElementVNode("button", {
+                                class: "card-action-btn bridge-pool-trigger",
+                                onClick: $event => (_ctx.showClaudeBridgePoolModal = true),
+                                "aria-label": _ctx.t('claude.localBridge.poolTitle'),
+                                title: _ctx.t('claude.localBridge.poolTitle')
+                              }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2"
+                                }, [
+                                  _createElementVNode("circle", {
+                                    cx: "6",
+                                    cy: "6",
+                                    r: "2"
+                                  }),
+                                  _createElementVNode("circle", {
+                                    cx: "18",
+                                    cy: "6",
+                                    r: "2"
+                                  }),
+                                  _createElementVNode("circle", {
+                                    cx: "12",
+                                    cy: "18",
+                                    r: "2"
+                                  }),
+                                  _createElementVNode("path", { d: "M6 8v4h6v4" }),
+                                  _createElementVNode("path", { d: "M18 8v4h-6v4" })
+                                ]))
+                              ], 8 /* PROPS */, ["onClick", "aria-label", "title"])
+                            ], 8 /* PROPS */, ["onClick"])
+                          ])
+                        ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "tabindex", "aria-current"]),
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.claudeConfigs, (config, name) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: name,
+                            class: _normalizeClass(['card', { active: _ctx.currentClaudeConfig === name }]),
+                            onClick: $event => (_ctx.applyClaudeConfig(name)),
+                            onKeydown: [
+                              _withKeys(_withModifiers($event => (_ctx.applyClaudeConfig(name)), ["self","prevent"]), ["enter"]),
+                              _withKeys(_withModifiers($event => (_ctx.applyClaudeConfig(name)), ["self","prevent"]), ["space"])
+                            ],
+                            tabindex: "0",
+                            role: "button",
+                            "aria-current": _ctx.currentClaudeConfig === name ? 'true' : null
+                          }, [
+                            _createElementVNode("div", { class: "card-leading" }, [
+                              _createElementVNode("div", { class: "card-icon" }, _toDisplayString(name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                              _createElementVNode("div", { class: "card-content" }, [
+                                _createElementVNode("div", { class: "card-title" }, _toDisplayString(name), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle card-subtitle-model" }, _toDisplayString(config.model || _ctx.t('claude.model.unset')), 1 /* TEXT */),
+                                (config.baseUrl)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 0,
+                                      class: "card-subtitle card-subtitle-url"
+                                    }, _toDisplayString(config.baseUrl), 1 /* TEXT */))
+                                  : _createCommentVNode("v-if", true)
+                              ])
+                            ]),
+                            _createElementVNode("div", { class: "card-trailing" }, [
+                              (_ctx.claudeSpeedResults[name])
+                                ? (_openBlock(), _createElementBlock("span", {
+                                    key: 0,
+                                    class: _normalizeClass(['latency', _ctx.claudeSpeedResults[name].ok ? 'ok' : 'error'])
+                                  }, _toDisplayString(_ctx.formatLatency(_ctx.claudeSpeedResults[name])), 3 /* TEXT, CLASS */))
+                                : _createCommentVNode("v-if", true),
+                              _createElementVNode("span", {
+                                class: _normalizeClass(['pill', config.hasKey ? 'configured' : 'empty'])
+                              }, _toDisplayString(config.hasKey ? _ctx.t('claude.configured') : _ctx.t('claude.notConfigured')), 3 /* TEXT, CLASS */),
+                              _createElementVNode("div", {
+                                class: "card-actions",
+                                onClick: _withModifiers(() => {}, ["stop"])
+                              }, [
+                                _createElementVNode("button", {
+                                  class: "card-action-btn",
+                                  onClick: $event => (_ctx.openEditConfigModal(name)),
+                                  "aria-label": _ctx.t('claude.action.editAria', { name }),
+                                  title: _ctx.t('claude.action.edit')
+                                }, [
+                                  (_openBlock(), _createElementBlock("svg", {
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+                                    _createElementVNode("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
+                                  ]))
+                                ], 8 /* PROPS */, ["onClick", "aria-label", "title"]),
+                                _createElementVNode("button", {
+                                  class: "card-action-btn",
+                                  onClick: $event => (_ctx.openCloneClaudeConfigModal(name, config)),
+                                  "aria-label": _ctx.t('claude.action.cloneAria', { name }),
+                                  title: _ctx.t('claude.action.clone')
+                                }, [
+                                  (_openBlock(), _createElementBlock("svg", {
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("rect", {
+                                      x: "9",
+                                      y: "9",
+                                      width: "13",
+                                      height: "13",
+                                      rx: "2"
+                                    }),
+                                    _createElementVNode("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                  ]))
+                                ], 8 /* PROPS */, ["onClick", "aria-label", "title"]),
+                                _createElementVNode("button", {
+                                  class: _normalizeClass(["card-action-btn", { loading: _ctx.claudeShareLoading[name] }]),
+                                  onClick: $event => (_ctx.copyClaudeShareCommand(name)),
+                                  title: _ctx.t('config.shareCommand'),
+                                  "aria-label": _ctx.t('config.shareCommand.aria')
+                                }, [
+                                  (_openBlock(), _createElementBlock("svg", {
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("path", { d: "M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7" }),
+                                    _createElementVNode("path", { d: "M16 6l-4-4-4 4" }),
+                                    _createElementVNode("path", { d: "M12 2v14" })
+                                  ]))
+                                ], 10 /* CLASS, PROPS */, ["onClick", "title", "aria-label"]),
+                                _createElementVNode("button", {
+                                  class: "card-action-btn delete",
+                                  onClick: $event => (_ctx.deleteClaudeConfig(name)),
+                                  "aria-label": _ctx.t('claude.action.deleteAria', { name }),
+                                  title: _ctx.t('claude.action.delete')
+                                }, [
+                                  (_openBlock(), _createElementBlock("svg", {
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("path", { d: "M3 6h18" }),
+                                    _createElementVNode("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                                  ]))
+                                ], 8 /* PROPS */, ["onClick", "aria-label", "title"])
+                              ], 8 /* PROPS */, ["onClick"])
+                            ])
+                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "aria-current"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
                     ]),
-                    (_ctx.claudeModelHasList)
-                      ? _withDirectives((_openBlock(), _createElementBlock("input", {
+                    (!_ctx.isToolConfigWriteAllowed('claude'))
+                      ? (_openBlock(), _createElementBlock("div", {
                           key: 0,
-                          class: "model-input",
-                          "onUpdate:modelValue": $event => ((_ctx.currentClaudeModel) = $event),
-                          onChange: _ctx.onClaudeModelChange,
-                          onBlur: _ctx.onClaudeModelChange,
-                          onKeyup: _withKeys(_ctx.onClaudeModelChange, ["enter"]),
-                          placeholder: _ctx.t('claude.model.placeholder'),
-                          readonly: _ctx.currentClaudeConfig === 'claude-local',
-                          list: "claude-model-options"
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange", "onBlur", "onKeyup", "placeholder", "readonly"])), [
-                          [_vModelText, _ctx.currentClaudeModel]
-                        ])
-                      : _createCommentVNode("v-if", true),
-                    (_ctx.claudeModelHasList)
-                      ? (_openBlock(), _createElementBlock("datalist", {
-                          key: 1,
-                          id: "claude-model-options"
+                          class: "tool-config-write-overlay"
                         }, [
-                          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.claudeModelOptions, (model) => {
-                            return (_openBlock(), _createElementBlock("option", {
-                              key: model,
-                              value: model
-                            }, null, 8 /* PROPS */, ["value"]))
-                          }), 128 /* KEYED_FRAGMENT */))
+                          _createElementVNode("div", { class: "tool-config-write-overlay-card" }, [
+                            _createElementVNode("div", { class: "tool-config-write-overlay-title" }, _toDisplayString(_ctx.t('toolConfig.claude.lockedTitle')), 1 /* TEXT */),
+                            _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.claude.lockedDesc')), 1 /* TEXT */),
+                            _createElementVNode("button", {
+                              type: "button",
+                              class: "btn-tool",
+                              onClick: $event => (_ctx.setToolConfigPermission('claude', true)),
+                              disabled: _ctx.toolConfigPermissionSaving.claude
+                            }, _toDisplayString(_ctx.t('toolConfig.enableWrite')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                          ])
                         ]))
-                      : _withDirectives((_openBlock(), _createElementBlock("input", {
-                          key: 2,
-                          class: "model-input",
-                          "onUpdate:modelValue": $event => ((_ctx.currentClaudeModel) = $event),
-                          onBlur: _ctx.onClaudeModelChange,
-                          onKeyup: _withKeys(_ctx.onClaudeModelChange, ["enter"]),
-                          placeholder: _ctx.t('claude.model.placeholder'),
-                          readonly: _ctx.currentClaudeConfig === 'claude-local'
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur", "onKeyup", "placeholder", "readonly"])), [
-                          [_vModelText, _ctx.currentClaudeModel]
-                        ]),
-                    _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('claude.model.hint')), 1 /* TEXT */),
-                    _createElementVNode("button", {
-                      class: "btn-tool btn-template-editor",
-                      onClick: _ctx.openClaudeConfigTemplateEditor,
-                      disabled: _ctx.loading || !!_ctx.initError
-                    }, _toDisplayString(_ctx.t('config.template.openEditor')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                  ]),
-                  _createElementVNode("div", { class: "selector-section" }, [
-                    _createElementVNode("div", { class: "selector-header" }, [
-                      _createElementVNode("span", { class: "selector-title" }, "CLAUDE.md")
-                    ]),
+                      : _createCommentVNode("v-if", true)
+                  ], 2 /* CLASS */)
+                ], 64 /* STABLE_FRAGMENT */))
+          ], 8 /* PROPS */, ["aria-labelledby"]), [
+            [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'claude']
+          ]),
+          _createCommentVNode(" OpenClaw 配置模式 "),
+          _withDirectives(_createElementVNode("div", {
+            class: "mode-content mode-cards",
+            id: "panel-config-openclaw",
+            role: "tabpanel",
+            "aria-labelledby": _ctx.forceCompactLayout ? 'tab-config' : 'side-tab-config-openclaw'
+          }, [
+            (_ctx.forceCompactLayout && !_ctx.sessionStandalone)
+              ? (_openBlock(), _createElementBlock("div", {
+                  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"])
+                ]))
+              : _createCommentVNode("v-if", true),
+            _createElementVNode("div", { class: "openclaw-layout" }, [
+              _createElementVNode("section", { class: "settings-card settings-card--wide openclaw-workspace-card" }, [
+                _createElementVNode("div", { class: "settings-card-body" }, [
+                  _createElementVNode("div", { class: "openclaw-tools-grid" }, [
                     _createElementVNode("button", {
-                      class: "btn-tool",
-                      onClick: _ctx.openClaudeMdEditor,
+                      class: "openclaw-tool-btn",
+                      onClick: _ctx.openOpenclawAgentsEditor,
                       disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
-                    }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('claude.md.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-                    _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('claude.md.hint')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("div", { class: "selector-section" }, [
-                    _createElementVNode("div", { class: "selector-header" }, [
-                      _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('config.health.title')), 1 /* TEXT */)
-                    ]),
-                    _createElementVNode("button", {
-                      class: "btn-tool",
-                      onClick: _ctx.runHealthCheck,
-                      disabled: _ctx.healthCheckLoading || _ctx.loading || !!_ctx.initError
-                    }, _toDisplayString(_ctx.healthCheckLoading ? _ctx.t('config.health.running') : _ctx.t('config.health.run')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-                    _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('config.health.hint')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("div", { class: "card-list" }, [
-                    _createElementVNode("div", {
-                      class: _normalizeClass(['card', { active: _ctx.currentClaudeConfig === 'claude-local', disabled: _ctx.isClaudeLocalBridgeDisabled() }]),
-                      onClick: $event => (_ctx.isClaudeLocalBridgeDisabled() ? null : _ctx.applyClaudeLocalBridge()),
-                      onKeydown: [
-                        _withKeys(_withModifiers($event => (_ctx.isClaudeLocalBridgeDisabled() ? null : _ctx.applyClaudeLocalBridge()), ["self","prevent"]), ["enter"]),
-                        _withKeys(_withModifiers($event => (_ctx.isClaudeLocalBridgeDisabled() ? null : _ctx.applyClaudeLocalBridge()), ["self","prevent"]), ["space"])
-                      ],
-                      tabindex: _ctx.isClaudeLocalBridgeDisabled() ? -1 : 0,
-                      role: "button",
-                      "aria-current": _ctx.currentClaudeConfig === 'claude-local' ? 'true' : null
                     }, [
-                      _createElementVNode("div", { class: "card-leading" }, [
-                        _createElementVNode("div", { class: "card-icon" }, "L"),
-                        _createElementVNode("div", { class: "card-content" }, [
-                          _createElementVNode("div", { class: "bridge-pool-summary" }, [
-                            (_openBlock(), _createElementBlock("svg", {
-                              class: "bridge-pool-summary-icon",
-                              viewBox: "0 0 24 24",
-                              fill: "none",
-                              stroke: "currentColor",
-                              "stroke-width": "2",
-                              width: "12",
-                              height: "12"
-                            }, [
-                              _createElementVNode("circle", {
-                                cx: "6",
-                                cy: "6",
-                                r: "2"
-                              }),
-                              _createElementVNode("circle", {
-                                cx: "18",
-                                cy: "6",
-                                r: "2"
-                              }),
-                              _createElementVNode("circle", {
-                                cx: "12",
-                                cy: "18",
-                                r: "2"
-                              }),
-                              _createElementVNode("path", { d: "M6 8v4h6v4" }),
-                              _createElementVNode("path", { d: "M18 8v4h-6v4" })
-                            ])),
-                            _createElementVNode("span", { class: "bridge-pool-summary-text" }, _toDisplayString(_ctx.t('claude.localBridge.enabled')) + " " + _toDisplayString(_ctx.claudeLocalBridgeCandidateProviders().filter(cp => !_ctx.isClaudeLocalBridgeExcluded(cp.name)).length) + " / " + _toDisplayString(_ctx.claudeLocalBridgeCandidateProviders().length), 1 /* TEXT */)
-                          ]),
-                          _createElementVNode("div", { class: "card-title" }, [
-                            _createElementVNode("span", null, "local"),
-                            _createElementVNode("span", { class: "provider-readonly-badge" }, _toDisplayString(_ctx.t('config.badge.system')), 1 /* TEXT */)
-                          ])
-                        ])
+                      _createElementVNode("div", { class: "tool-icon" }, "📄"),
+                      _createElementVNode("div", { class: "tool-content" }, [
+                        _createElementVNode("div", { class: "tool-title" }, "AGENTS.md"),
+                        _createElementVNode("div", { class: "tool-meta" }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('openclaw.agents.hint')), 1 /* TEXT */)
                       ]),
-                      _createElementVNode("div", { class: "card-trailing" }, [
-                        _createElementVNode("span", {
-                          class: _normalizeClass(['pill', _ctx.claudeLocalBridgeConfigured() ? 'configured' : 'empty'])
-                        }, _toDisplayString(_ctx.claudeLocalBridgeConfigured() ? _ctx.t('claude.configured') : _ctx.t('claude.notConfigured')), 3 /* TEXT, CLASS */),
-                        _createElementVNode("div", {
-                          class: "card-actions",
-                          onClick: _withModifiers(() => {}, ["stop"])
-                        }, [
-                          _createElementVNode("button", {
-                            class: "card-action-btn bridge-pool-trigger",
-                            onClick: $event => (_ctx.showClaudeBridgePoolModal = true),
-                            "aria-label": _ctx.t('claude.localBridge.poolTitle'),
-                            title: _ctx.t('claude.localBridge.poolTitle')
-                          }, [
-                            (_openBlock(), _createElementBlock("svg", {
-                              viewBox: "0 0 24 24",
-                              fill: "none",
-                              stroke: "currentColor",
-                              "stroke-width": "2"
-                            }, [
-                              _createElementVNode("circle", {
-                                cx: "6",
-                                cy: "6",
-                                r: "2"
-                              }),
-                              _createElementVNode("circle", {
-                                cx: "18",
-                                cy: "6",
-                                r: "2"
-                              }),
-                              _createElementVNode("circle", {
-                                cx: "12",
-                                cy: "18",
-                                r: "2"
-                              }),
-                              _createElementVNode("path", { d: "M6 8v4h6v4" }),
-                              _createElementVNode("path", { d: "M18 8v4h-6v4" })
-                            ]))
-                          ], 8 /* PROPS */, ["onClick", "aria-label", "title"])
-                        ], 8 /* PROPS */, ["onClick"])
-                      ])
-                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "tabindex", "aria-current"]),
-                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.claudeConfigs, (config, name) => {
+                      (_openBlock(), _createElementBlock("svg", {
+                        class: "tool-chevron",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        _createElementVNode("path", { d: "M9 18l6-6-6-6" })
+                      ]))
+                    ], 8 /* PROPS */, ["onClick", "disabled"]),
+                    _createElementVNode("div", { class: "openclaw-workspace-card" }, [
+                      _createElementVNode("label", {
+                        class: "workspace-label",
+                        for: "openclaw-workspace-file"
+                      }, _toDisplayString(_ctx.t('openclaw.workspaceFile')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "workspace-input-group" }, [
+                        _withDirectives(_createElementVNode("input", {
+                          id: "openclaw-workspace-file",
+                          class: "form-input",
+                          "onUpdate:modelValue": $event => ((_ctx.openclawWorkspaceFileName) = $event),
+                          placeholder: _ctx.t('openclaw.workspace.placeholder')
+                        }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+                          [_vModelText, _ctx.openclawWorkspaceFileName]
+                        ]),
+                        _createElementVNode("button", {
+                          class: "btn-tool",
+                          onClick: _ctx.openOpenclawWorkspaceEditor,
+                          disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
+                        }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('openclaw.workspace.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ]),
+                      _createElementVNode("div", { class: "workspace-meta" }, _toDisplayString(_ctx.t('openclaw.workspace.hint')), 1 /* TEXT */)
+                    ])
+                  ])
+                ])
+              ]),
+              _createElementVNode("section", {
+                class: "settings-card settings-card--wide openclaw-configs-card",
+                "aria-labelledby": "openclaw-configs-title"
+              }, [
+                _createElementVNode("div", { class: "settings-card-body" }, [
+                  _createElementVNode("div", { class: "card-list openclaw-card-list" }, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.openclawConfigs, (config, name) => {
                       return (_openBlock(), _createElementBlock("div", {
                         key: name,
-                        class: _normalizeClass(['card', { active: _ctx.currentClaudeConfig === name }]),
-                        onClick: $event => (_ctx.applyClaudeConfig(name)),
+                        class: _normalizeClass(['card', { active: _ctx.currentOpenclawConfig === name }]),
+                        onClick: $event => (_ctx.applyOpenclawConfig(name)),
                         onKeydown: [
-                          _withKeys(_withModifiers($event => (_ctx.applyClaudeConfig(name)), ["self","prevent"]), ["enter"]),
-                          _withKeys(_withModifiers($event => (_ctx.applyClaudeConfig(name)), ["self","prevent"]), ["space"])
+                          _withKeys(_withModifiers($event => (_ctx.applyOpenclawConfig(name)), ["self","prevent"]), ["enter"]),
+                          _withKeys(_withModifiers($event => (_ctx.applyOpenclawConfig(name)), ["self","prevent"]), ["space"])
                         ],
                         tabindex: "0",
                         role: "button",
-                        "aria-current": _ctx.currentClaudeConfig === name ? 'true' : null
+                        "aria-label": _ctx.t('openclaw.action.applyAria', { name }),
+                        "aria-current": _ctx.currentOpenclawConfig === name ? 'true' : null
                       }, [
                         _createElementVNode("div", { class: "card-leading" }, [
                           _createElementVNode("div", { class: "card-icon" }, _toDisplayString(name.charAt(0).toUpperCase()), 1 /* TEXT */),
                           _createElementVNode("div", { class: "card-content" }, [
                             _createElementVNode("div", { class: "card-title" }, _toDisplayString(name), 1 /* TEXT */),
-                            _createElementVNode("div", { class: "card-subtitle card-subtitle-model" }, _toDisplayString(config.model || _ctx.t('claude.model.unset')), 1 /* TEXT */),
-                            (config.baseUrl)
-                              ? (_openBlock(), _createElementBlock("div", {
-                                  key: 0,
-                                  class: "card-subtitle card-subtitle-url"
-                                }, _toDisplayString(config.baseUrl), 1 /* TEXT */))
-                              : _createCommentVNode("v-if", true)
+                            _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(_ctx.openclawSubtitle(config)), 1 /* TEXT */)
                           ])
                         ]),
                         _createElementVNode("div", { class: "card-trailing" }, [
-                          (_ctx.claudeSpeedResults[name])
-                            ? (_openBlock(), _createElementBlock("span", {
-                                key: 0,
-                                class: _normalizeClass(['latency', _ctx.claudeSpeedResults[name].ok ? 'ok' : 'error'])
-                              }, _toDisplayString(_ctx.formatLatency(_ctx.claudeSpeedResults[name])), 3 /* TEXT, CLASS */))
-                            : _createCommentVNode("v-if", true),
                           _createElementVNode("span", {
-                            class: _normalizeClass(['pill', config.hasKey ? 'configured' : 'empty'])
-                          }, _toDisplayString(config.hasKey ? _ctx.t('claude.configured') : _ctx.t('claude.notConfigured')), 3 /* TEXT, CLASS */),
+                            class: _normalizeClass(['pill', _ctx.openclawHasContent(config) ? 'configured' : 'empty'])
+                          }, _toDisplayString(_ctx.openclawHasContent(config) ? _ctx.t('openclaw.configured') : _ctx.t('openclaw.notConfigured')), 3 /* TEXT, CLASS */),
                           _createElementVNode("div", {
                             class: "card-actions",
                             onClick: _withModifiers(() => {}, ["stop"])
                           }, [
                             _createElementVNode("button", {
                               class: "card-action-btn",
-                              onClick: $event => (_ctx.openEditConfigModal(name)),
-                              "aria-label": _ctx.t('claude.action.editAria', { name }),
-                              title: _ctx.t('claude.action.edit')
+                              onClick: $event => (_ctx.openOpenclawEditModal(name)),
+                              "aria-label": _ctx.t('openclaw.action.editAria', { name }),
+                              title: _ctx.t('openclaw.action.edit')
                             }, [
                               (_openBlock(), _createElementBlock("svg", {
                                 viewBox: "0 0 24 24",
@@ -1935,201 +2159,32 @@ return function render(_ctx, _cache) {
                                 _createElementVNode("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
                               ]))
                             ], 8 /* PROPS */, ["onClick", "aria-label", "title"]),
-                            _createElementVNode("button", {
-                              class: "card-action-btn",
-                              onClick: $event => (_ctx.openCloneClaudeConfigModal(name, config)),
-                              "aria-label": _ctx.t('claude.action.cloneAria', { name }),
-                              title: _ctx.t('claude.action.clone')
-                            }, [
-                              (_openBlock(), _createElementBlock("svg", {
-                                viewBox: "0 0 24 24",
-                                fill: "none",
-                                stroke: "currentColor",
-                                "stroke-width": "2"
-                              }, [
-                                _createElementVNode("rect", {
-                                  x: "9",
-                                  y: "9",
-                                  width: "13",
-                                  height: "13",
-                                  rx: "2"
-                                }),
-                                _createElementVNode("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-                              ]))
-                            ], 8 /* PROPS */, ["onClick", "aria-label", "title"]),
-                            _createElementVNode("button", {
-                              class: _normalizeClass(["card-action-btn", { loading: _ctx.claudeShareLoading[name] }]),
-                              onClick: $event => (_ctx.copyClaudeShareCommand(name)),
-                              title: _ctx.t('config.shareCommand'),
-                              "aria-label": _ctx.t('config.shareCommand.aria')
-                            }, [
-                              (_openBlock(), _createElementBlock("svg", {
-                                viewBox: "0 0 24 24",
-                                fill: "none",
-                                stroke: "currentColor",
-                                "stroke-width": "2"
-                              }, [
-                                _createElementVNode("path", { d: "M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7" }),
-                                _createElementVNode("path", { d: "M16 6l-4-4-4 4" }),
-                                _createElementVNode("path", { d: "M12 2v14" })
-                              ]))
-                            ], 10 /* CLASS, PROPS */, ["onClick", "title", "aria-label"]),
-                            _createElementVNode("button", {
-                              class: "card-action-btn delete",
-                              onClick: $event => (_ctx.deleteClaudeConfig(name)),
-                              "aria-label": _ctx.t('claude.action.deleteAria', { name }),
-                              title: _ctx.t('claude.action.delete')
-                            }, [
-                              (_openBlock(), _createElementBlock("svg", {
-                                viewBox: "0 0 24 24",
-                                fill: "none",
-                                stroke: "currentColor",
-                                "stroke-width": "2"
-                              }, [
-                                _createElementVNode("path", { d: "M3 6h18" }),
-                                _createElementVNode("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                              ]))
-                            ], 8 /* PROPS */, ["onClick", "aria-label", "title"])
+                            (!_ctx.isDefaultOpenclawConfig(name, config))
+                              ? (_openBlock(), _createElementBlock("button", {
+                                  key: 0,
+                                  class: "card-action-btn delete",
+                                  onClick: $event => (_ctx.deleteOpenclawConfig(name)),
+                                  "aria-label": _ctx.t('openclaw.action.deleteAria', { name }),
+                                  title: _ctx.t('openclaw.action.delete')
+                                }, [
+                                  (_openBlock(), _createElementBlock("svg", {
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2"
+                                  }, [
+                                    _createElementVNode("path", { d: "M3 6h18" }),
+                                    _createElementVNode("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                                  ]))
+                                ], 8 /* PROPS */, ["onClick", "aria-label", "title"]))
+                              : _createCommentVNode("v-if", true)
                           ], 8 /* PROPS */, ["onClick"])
                         ])
-                      ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "aria-current"]))
+                      ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "aria-label", "aria-current"]))
                     }), 128 /* KEYED_FRAGMENT */))
                   ])
-                ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, ["aria-labelledby"]), [
-            [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'claude']
-          ]),
-          _createCommentVNode(" OpenClaw 配置模式 "),
-          _withDirectives(_createElementVNode("div", {
-            class: "mode-content mode-cards",
-            id: "panel-config-openclaw",
-            role: "tabpanel",
-            "aria-labelledby": _ctx.forceCompactLayout ? 'tab-config' : 'side-tab-config-openclaw'
-          }, [
-            (_ctx.forceCompactLayout && !_ctx.sessionStandalone)
-              ? (_openBlock(), _createElementBlock("div", {
-                  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"])
-                ]))
-              : _createCommentVNode("v-if", true),
-            _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('openclaw.applyHint')), 1 /* TEXT */),
-            _createElementVNode("div", { class: "selector-section" }, [
-              _createElementVNode("div", { class: "selector-header" }, [
-                _createElementVNode("span", { class: "selector-title" }, "AGENTS.md")
-              ]),
-              _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('openclaw.agents.hint')), 1 /* TEXT */),
-              _createElementVNode("button", {
-                class: "btn-tool",
-                onClick: _ctx.openOpenclawAgentsEditor,
-                disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
-              }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('openclaw.agents.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-            ]),
-            _createElementVNode("div", { class: "selector-section" }, [
-              _createElementVNode("div", { class: "selector-header" }, [
-                _createElementVNode("label", {
-                  class: "selector-title",
-                  for: "openclaw-workspace-file"
-                }, _toDisplayString(_ctx.t('openclaw.workspaceFile')), 1 /* TEXT */)
-              ]),
-              _withDirectives(_createElementVNode("input", {
-                id: "openclaw-workspace-file",
-                class: "form-input",
-                "onUpdate:modelValue": $event => ((_ctx.openclawWorkspaceFileName) = $event),
-                placeholder: _ctx.t('openclaw.workspace.placeholder')
-              }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                [_vModelText, _ctx.openclawWorkspaceFileName]
-              ]),
-              _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('openclaw.workspace.hint')), 1 /* TEXT */),
-              _createElementVNode("button", {
-                class: "btn-tool",
-                onClick: _ctx.openOpenclawWorkspaceEditor,
-                disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
-              }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('openclaw.workspace.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-            ]),
-            _createElementVNode("div", { class: "card-list" }, [
-              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.openclawConfigs, (config, name) => {
-                return (_openBlock(), _createElementBlock("div", {
-                  key: name,
-                  class: _normalizeClass(['card', { active: _ctx.currentOpenclawConfig === name }]),
-                  onClick: $event => (_ctx.applyOpenclawConfig(name)),
-                  onKeydown: [
-                    _withKeys(_withModifiers($event => (_ctx.applyOpenclawConfig(name)), ["self","prevent"]), ["enter"]),
-                    _withKeys(_withModifiers($event => (_ctx.applyOpenclawConfig(name)), ["self","prevent"]), ["space"])
-                  ],
-                  tabindex: "0",
-                  role: "button",
-                  "aria-current": _ctx.currentOpenclawConfig === name ? 'true' : null
-                }, [
-                  _createElementVNode("div", { class: "card-leading" }, [
-                    _createElementVNode("div", { class: "card-icon" }, _toDisplayString(name.charAt(0).toUpperCase()), 1 /* TEXT */),
-                    _createElementVNode("div", { class: "card-content" }, [
-                      _createElementVNode("div", { class: "card-title" }, _toDisplayString(name), 1 /* TEXT */),
-                      _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(_ctx.openclawSubtitle(config)), 1 /* TEXT */)
-                    ])
-                  ]),
-                  _createElementVNode("div", { class: "card-trailing" }, [
-                    _createElementVNode("span", {
-                      class: _normalizeClass(['pill', _ctx.openclawHasContent(config) ? 'configured' : 'empty'])
-                    }, _toDisplayString(_ctx.openclawHasContent(config) ? _ctx.t('openclaw.configured') : _ctx.t('openclaw.notConfigured')), 3 /* TEXT, CLASS */),
-                    _createElementVNode("div", {
-                      class: "card-actions",
-                      onClick: _withModifiers(() => {}, ["stop"])
-                    }, [
-                      _createElementVNode("button", {
-                        class: "card-action-btn",
-                        onClick: $event => (_ctx.openOpenclawEditModal(name)),
-                        "aria-label": _ctx.t('openclaw.action.editAria', { name }),
-                        title: _ctx.t('openclaw.action.edit')
-                      }, [
-                        (_openBlock(), _createElementBlock("svg", {
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          stroke: "currentColor",
-                          "stroke-width": "2"
-                        }, [
-                          _createElementVNode("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-                          _createElementVNode("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
-                        ]))
-                      ], 8 /* PROPS */, ["onClick", "aria-label", "title"]),
-                      (name !== '默认配置')
-                        ? (_openBlock(), _createElementBlock("button", {
-                            key: 0,
-                            class: "card-action-btn delete",
-                            onClick: $event => (_ctx.deleteOpenclawConfig(name)),
-                            "aria-label": _ctx.t('openclaw.action.deleteAria', { name }),
-                            title: _ctx.t('openclaw.action.delete')
-                          }, [
-                            (_openBlock(), _createElementBlock("svg", {
-                              viewBox: "0 0 24 24",
-                              fill: "none",
-                              stroke: "currentColor",
-                              "stroke-width": "2"
-                            }, [
-                              _createElementVNode("path", { d: "M3 6h18" }),
-                              _createElementVNode("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                            ]))
-                          ], 8 /* PROPS */, ["onClick", "aria-label", "title"]))
-                        : _createCommentVNode("v-if", true)
-                    ], 8 /* PROPS */, ["onClick"])
-                  ])
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "aria-current"]))
-              }), 128 /* KEYED_FRAGMENT */))
+                ])
+              ])
             ])
           ], 8 /* PROPS */, ["aria-labelledby"]), [
             [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'openclaw']
@@ -4014,6 +4069,36 @@ return function render(_ctx, _cache) {
               "aria-labelledby": "settings-tab-general"
             }, [
               _createElementVNode("div", { class: "settings-grid" }, [
+                _createElementVNode("section", {
+                  id: "settings-language",
+                  class: "settings-card",
+                  "aria-label": _ctx.t('settings.language.title')
+                }, [
+                  _createElementVNode("div", { class: "settings-card-main" }, [
+                    _createElementVNode("div", { class: "settings-card-content" }, [
+                      _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.language.title')), 1 /* TEXT */),
+                      _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.language.meta')), 1 /* TEXT */),
+                      _createElementVNode("label", {
+                        class: "selector-label",
+                        for: "settings-language-select"
+                      }, _toDisplayString(_ctx.t('settings.language.label')), 1 /* TEXT */),
+                      _createElementVNode("select", {
+                        id: "settings-language-select",
+                        class: "model-select settings-language-select",
+                        value: _ctx.lang,
+                        onChange: $event => (_ctx.setLang($event.target.value))
+                      }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.languageOptions(), (option) => {
+                          return (_openBlock(), _createElementBlock("option", {
+                            key: option.code,
+                            value: option.code
+                          }, _toDisplayString(option.nativeName) + " · " + _toDisplayString(option.englishName), 9 /* TEXT, PROPS */, ["value"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ], 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange"]),
+                      _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.language.hint')), 1 /* TEXT */)
+                    ])
+                  ])
+                ], 8 /* PROPS */, ["aria-label"]),
                 _createElementVNode("section", {
                   class: "settings-card",
                   "aria-label": _ctx.t('settings.sharePrefix.title')
@@ -4064,17 +4149,17 @@ return function render(_ctx, _cache) {
                 ], 8 /* PROPS */, ["aria-label"]),
                 _createElementVNode("section", {
                   class: "settings-card",
-                  "aria-label": 'Webhook'
+                  "aria-label": _ctx.t('settings.webhook.title')
                 }, [
                   _createElementVNode("div", { class: "settings-card-main" }, [
                     _createElementVNode("div", { class: "settings-card-content" }, [
-                      _createElementVNode("div", { class: "settings-card-title" }, "Webhook"),
-                      _createElementVNode("p", { class: "settings-card-desc" }, "配置变更时外发通知"),
+                      _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.webhook.title')), 1 /* TEXT */),
+                      _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.webhook.meta')), 1 /* TEXT */),
                       _createElementVNode("div", { class: "webhook-status" }, [
                         _createElementVNode("span", {
                           class: _normalizeClass(["webhook-status-dot", { active: _ctx.webhookConfig.enabled }])
                         }, null, 2 /* CLASS */),
-                        _createElementVNode("span", { class: "webhook-status-label" }, _toDisplayString(_ctx.webhookConfig.enabled ? '已启用' : '已禁用'), 1 /* TEXT */),
+                        _createElementVNode("span", { class: "webhook-status-label" }, _toDisplayString(_ctx.webhookConfig.enabled ? _ctx.t('settings.webhook.enabled') : _ctx.t('settings.webhook.disabled')), 1 /* TEXT */),
                         (_ctx.webhookConfig.url)
                           ? (_openBlock(), _createElementBlock("code", {
                               key: 0,
@@ -4089,10 +4174,10 @@ return function render(_ctx, _cache) {
                     onClick: _ctx.openWebhookModal
                   }, [
                     (_ctx.webhookConfig.enabled)
-                      ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.webhookConfig.url ? '编辑' : '配置'), 1 /* TEXT */))
-                      : (_openBlock(), _createElementBlock("span", { key: 1 }, "启用"))
+                      ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.webhookConfig.url ? _ctx.t('settings.webhook.edit') : _ctx.t('settings.webhook.configure')), 1 /* TEXT */))
+                      : (_openBlock(), _createElementBlock("span", { key: 1 }, _toDisplayString(_ctx.t('settings.webhook.enable')), 1 /* TEXT */))
                   ], 10 /* CLASS, PROPS */, ["onClick"])
-                ])
+                ], 8 /* PROPS */, ["aria-label"])
               ])
             ], 512 /* NEED_PATCH */), [
               [_vShow, _ctx.settingsTab === 'general']
@@ -4174,7 +4259,7 @@ return function render(_ctx, _cache) {
                           onChange: $event => (_ctx.setSessionTrashRetentionDays(Number($event.target.value))),
                           class: "settings-retention-input"
                         }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange"]),
-                        _createElementVNode("span", null, "天")
+                        _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.trash.retentionUnit')), 1 /* TEXT */)
                       ]),
                       _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.trash.retentionHint')), 1 /* TEXT */)
                     ])
@@ -4204,7 +4289,7 @@ return function render(_ctx, _cache) {
           ], 512 /* NEED_PATCH */), [
             [_vShow, _ctx.mainTab === 'settings']
           ]),
-          _createCommentVNode(" 回收站面板 "),
+          _createCommentVNode(" Trash panel "),
           _withDirectives(_createElementVNode("div", {
             class: "mode-content",
             id: "panel-trash",
@@ -4216,7 +4301,7 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "trash-panel-shell"
                 }, [
-                  _createCommentVNode(" 空态 "),
+                  _createCommentVNode(" Empty state "),
                   (_ctx.getSessionTrashViewState() === 'empty')
                     ? (_openBlock(), _createElementBlock("div", {
                         key: 0,
@@ -4239,11 +4324,11 @@ return function render(_ctx, _cache) {
                           })
                         ])),
                         _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.empty')), 1 /* TEXT */),
-                        _createElementVNode("div", { class: "trash-empty-hint" }, "删除的会话保留 " + _toDisplayString(_ctx.sessionTrashRetentionDays) + " 天后自动清理", 1 /* TEXT */)
+                        _createElementVNode("div", { class: "trash-empty-hint" }, _toDisplayString(_ctx.t('settings.trash.emptyHint', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
                       ]))
                     : (_ctx.getSessionTrashViewState() === 'loading')
                       ? (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-                          _createCommentVNode(" 加载态 "),
+                          _createCommentVNode(" Loading state "),
                           _createElementVNode("div", { class: "trash-empty-state" }, [
                             _createElementVNode("div", { class: "trash-spinner" }),
                             _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.loading')), 1 /* TEXT */)
@@ -4251,7 +4336,7 @@ return function render(_ctx, _cache) {
                         ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
                       : (_ctx.getSessionTrashViewState() === 'retry')
                         ? (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
-                            _createCommentVNode(" 错误态 "),
+                            _createCommentVNode(" Error state "),
                             _createElementVNode("div", { class: "trash-empty-state" }, [
                               (_openBlock(), _createElementBlock("svg", {
                                 class: "trash-empty-svg",
@@ -4275,21 +4360,22 @@ return function render(_ctx, _cache) {
                               _createElementVNode("button", {
                                 class: "btn-tool",
                                 onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true }))
-                              }, "重试", 8 /* PROPS */, ["onClick"])
+                              }, _toDisplayString(_ctx.t('common.retry')), 9 /* TEXT, PROPS */, ["onClick"])
                             ])
                           ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
                         : (_openBlock(), _createElementBlock(_Fragment, { key: 3 }, [
-                            _createCommentVNode(" 列表态 "),
+                            _createCommentVNode(" List state "),
                             _createElementVNode("div", { class: "trash-toolbar" }, [
                               _createElementVNode("div", { class: "trash-toolbar-left" }, [
-                                _createElementVNode("span", { class: "trash-toolbar-count" }, _toDisplayString(_ctx.sessionTrashCount) + " 个已删除会话", 1 /* TEXT */),
-                                _createElementVNode("span", { class: "trash-toolbar-retention" }, _toDisplayString(_ctx.sessionTrashRetentionDays) + " 天后自动清理", 1 /* TEXT */)
+                                _createElementVNode("span", { class: "trash-toolbar-count" }, _toDisplayString(_ctx.t('settings.trash.count', { count: _ctx.sessionTrashCount })), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "trash-toolbar-retention" }, _toDisplayString(_ctx.t('settings.trash.retentionShort', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
                               ]),
                               _createElementVNode("div", { class: "trash-toolbar-right" }, [
                                 _createElementVNode("button", {
                                   class: "btn-mini",
                                   onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true })),
                                   disabled: _ctx.sessionTrashLoading,
+                                  "aria-label": _ctx.t('sessions.refresh'),
                                   title: _ctx.t('sessions.refresh')
                                 }, [
                                   (_openBlock(), _createElementBlock("svg", {
@@ -4301,12 +4387,12 @@ return function render(_ctx, _cache) {
                                   }, [
                                     _createElementVNode("path", { d: "M21 2v6h-6M3 12a9 9 0 0115-6.7L21 8M3 22v-6h6M21 12a9 9 0 01-15 6.7L3 16" })
                                   ]))
-                                ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                                ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
                                 _createElementVNode("button", {
                                   class: "btn-mini delete",
                                   onClick: _ctx.clearSessionTrash,
                                   disabled: _ctx.sessionTrashClearing || _ctx.sessionTrashLoading || !(Number(_ctx.sessionTrashCount) > 0)
-                                }, _toDisplayString(_ctx.sessionTrashClearing ? '清空中…' : '清空'), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                }, _toDisplayString(_ctx.sessionTrashClearing ? _ctx.t('settings.trash.clearing') : _ctx.t('settings.trash.clearShort')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                               ])
                             ]),
                             _createElementVNode("div", { class: "trash-list" }, [
@@ -4337,7 +4423,8 @@ return function render(_ctx, _cache) {
                                         class: "trash-action-btn restore",
                                         onClick: $event => (_ctx.restoreSessionTrash(item)),
                                         disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
-                                        title: _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? '恢复中…' : '恢复'
+                                        "aria-label": _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore'),
+                                        title: _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore')
                                       }, [
                                         (_openBlock(), _createElementBlock("svg", {
                                           viewBox: "0 0 24 24",
@@ -4348,12 +4435,13 @@ return function render(_ctx, _cache) {
                                           _createElementVNode("path", { d: "M3 12a9 9 0 119 9" }),
                                           _createElementVNode("path", { d: "M3 4v6h6" })
                                         ]))
-                                      ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                                      ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
                                       _createElementVNode("button", {
                                         class: "trash-action-btn delete",
                                         onClick: $event => (_ctx.purgeSessionTrash(item)),
                                         disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
-                                        title: _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? '删除中…' : '彻底删除'
+                                        "aria-label": _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge'),
+                                        title: _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge')
                                       }, [
                                         (_openBlock(), _createElementBlock("svg", {
                                           viewBox: "0 0 24 24",
@@ -4363,7 +4451,7 @@ return function render(_ctx, _cache) {
                                         }, [
                                           _createElementVNode("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6M10 11v6M14 11v6" })
                                         ]))
-                                      ], 8 /* PROPS */, ["onClick", "disabled", "title"])
+                                      ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"])
                                     ])
                                   ])
                                 ]))
@@ -4377,7 +4465,7 @@ return function render(_ctx, _cache) {
                                       class: "btn-tool btn-tool-compact",
                                       onClick: _ctx.loadMoreSessionTrashItems,
                                       disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing
-                                    }, " 加载更多（" + _toDisplayString(_ctx.sessionTrashHiddenCount) + " 条） ", 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                    }, _toDisplayString(_ctx.t('settings.trash.loadMoreItems', { count: _ctx.sessionTrashHiddenCount })), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                                   ]))
                                 : _createCommentVNode("v-if", true)
                             ])
@@ -5280,15 +5368,81 @@ return function render(_ctx, _cache) {
                 : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "form-group" }, [
-              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.apiKey')), 1 /* TEXT */),
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.modelName')), 1 /* TEXT */),
               _withDirectives(_createElementVNode("input", {
-                "onUpdate:modelValue": $event => ((_ctx.newProvider.key) = $event),
-                class: "form-input",
-                type: "password",
-                placeholder: "sk-..."
-              }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                [_vModelText, _ctx.newProvider.key]
-              ])
+                "onUpdate:modelValue": $event => ((_ctx.newProvider.model) = $event),
+                class: _normalizeClass(['form-input', { invalid: !!_ctx.providerFieldError('add', 'model') }]),
+                placeholder: _ctx.t('placeholder.modelExample'),
+                autocomplete: "off",
+                spellcheck: "false",
+                onBlur: $event => (_ctx.normalizeProviderDraft('add'))
+              }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onBlur"]), [
+                [_vModelText, _ctx.newProvider.model]
+              ]),
+              (_ctx.providerFieldError('add', 'model'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.providerFieldError('add', 'model')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
+            ]),
+            _createElementVNode("div", { class: "form-group" }, [
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.apiKey')), 1 /* TEXT */),
+              _createElementVNode("div", { class: "input-with-toggle" }, [
+                _withDirectives(_createElementVNode("input", {
+                  "onUpdate:modelValue": $event => ((_ctx.newProvider.key) = $event),
+                  class: _normalizeClass(['form-input', { invalid: !!_ctx.providerFieldError('add', 'key') }]),
+                  type: _ctx.showAddProviderKey ? 'text' : 'password',
+                  placeholder: "sk-...",
+                  autocomplete: "off",
+                  spellcheck: "false",
+                  onBlur: $event => (_ctx.normalizeProviderDraft('add'))
+                }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "type", "onBlur"]), [
+                  [_vModelDynamic, _ctx.newProvider.key]
+                ]),
+                _createElementVNode("button", {
+                  type: "button",
+                  class: "input-toggle-btn",
+                  onClick: _ctx.toggleAddProviderKey,
+                  title: _ctx.showAddProviderKey ? _ctx.t('common.hide') : _ctx.t('common.show'),
+                  "aria-label": _ctx.showAddProviderKey ? _ctx.t('common.hide') : _ctx.t('common.show')
+                }, [
+                  (!_ctx.showAddProviderKey)
+                    ? (_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" })
+                      ]))
+                ], 8 /* PROPS */, ["onClick", "title", "aria-label"])
+              ]),
+              (_ctx.providerFieldError('add', 'key'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.providerFieldError('add', 'key')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "form-group" }, [
               _createElementVNode("label", { class: "form-label" }, [
@@ -5379,7 +5533,8 @@ return function render(_ctx, _cache) {
                   type: "button",
                   class: "input-toggle-btn",
                   onClick: _ctx.toggleEditProviderKey,
-                  title: _ctx.showEditProviderKey ? _ctx.t('common.hide') : _ctx.t('common.show')
+                  title: _ctx.showEditProviderKey ? _ctx.t('common.hide') : _ctx.t('common.show'),
+                  "aria-label": _ctx.showEditProviderKey ? _ctx.t('common.hide') : _ctx.t('common.show')
                 }, [
                   (!_ctx.showEditProviderKey)
                     ? (_openBlock(), _createElementBlock("svg", {
@@ -5409,7 +5564,7 @@ return function render(_ctx, _cache) {
                       }, [
                         _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" })
                       ]))
-                ], 8 /* PROPS */, ["onClick", "title"])
+                ], 8 /* PROPS */, ["onClick", "title", "aria-label"])
               ])
             ]),
             _createElementVNode("div", { class: "btn-group" }, [
@@ -5528,34 +5683,108 @@ return function render(_ctx, _cache) {
               _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.configName')), 1 /* TEXT */),
               _withDirectives(_createElementVNode("input", {
                 "onUpdate:modelValue": $event => ((_ctx.newClaudeConfig.name) = $event),
-                class: "form-input",
+                class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('add', 'name') }]),
                 placeholder: _ctx.t('placeholder.configNameExample')
-              }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+              }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "placeholder"]), [
                 [_vModelText, _ctx.newClaudeConfig.name]
-              ])
+              ]),
+              (_ctx.claudeConfigFieldError('add', 'name'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('add', 'name')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
             ]),
-            _createElementVNode("div", { class: "form-group" }, [
-              _createElementVNode("label", { class: "form-label" }, "API Key"),
-              _withDirectives(_createElementVNode("input", {
-                "onUpdate:modelValue": $event => ((_ctx.newClaudeConfig.apiKey) = $event),
-                class: "form-input",
-                type: "password",
-                autocomplete: "off",
-                spellcheck: "false",
-                placeholder: _ctx.t('placeholder.apiKeyExampleClaude')
-              }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                [_vModelText, _ctx.newClaudeConfig.apiKey]
-              ])
+            _createElementVNode("div", { class: "form-group" }, [
+              _createElementVNode("label", { class: "form-label" }, "API Key"),
+              _createElementVNode("div", { class: "input-with-toggle" }, [
+                _withDirectives(_createElementVNode("input", {
+                  "onUpdate:modelValue": $event => ((_ctx.newClaudeConfig.apiKey) = $event),
+                  class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('add', 'apiKey') }]),
+                  type: _ctx.showAddClaudeConfigKey ? 'text' : 'password',
+                  autocomplete: "off",
+                  spellcheck: "false",
+                  placeholder: _ctx.t('placeholder.apiKeyExampleClaude')
+                }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "type", "placeholder"]), [
+                  [_vModelDynamic, _ctx.newClaudeConfig.apiKey]
+                ]),
+                _createElementVNode("button", {
+                  type: "button",
+                  class: "input-toggle-btn",
+                  onClick: _ctx.toggleAddClaudeConfigKey,
+                  title: _ctx.showAddClaudeConfigKey ? _ctx.t('common.hide') : _ctx.t('common.show'),
+                  "aria-label": _ctx.showAddClaudeConfigKey ? _ctx.t('common.hide') : _ctx.t('common.show')
+                }, [
+                  (!_ctx.showAddClaudeConfigKey)
+                    ? (_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" })
+                      ]))
+                ], 8 /* PROPS */, ["onClick", "title", "aria-label"])
+              ]),
+              (_ctx.claudeConfigFieldError('add', 'apiKey'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('add', 'apiKey')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "form-group" }, [
               _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.baseUrl')), 1 /* TEXT */),
               _withDirectives(_createElementVNode("input", {
                 "onUpdate:modelValue": $event => ((_ctx.newClaudeConfig.baseUrl) = $event),
-                class: "form-input",
+                class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('add', 'baseUrl') }]),
                 placeholder: _ctx.t('placeholder.baseUrlExampleClaude')
-              }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+              }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "placeholder"]), [
                 [_vModelText, _ctx.newClaudeConfig.baseUrl]
-              ])
+              ]),
+              (_ctx.claudeConfigFieldError('add', 'baseUrl'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('add', 'baseUrl')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
+            ]),
+            _createElementVNode("div", { class: "form-group" }, [
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.modelName')), 1 /* TEXT */),
+              _withDirectives(_createElementVNode("input", {
+                "onUpdate:modelValue": $event => ((_ctx.newClaudeConfig.model) = $event),
+                class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('add', 'model') }]),
+                placeholder: _ctx.t('placeholder.modelExample'),
+                autocomplete: "off",
+                spellcheck: "false"
+              }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+                [_vModelText, _ctx.newClaudeConfig.model]
+              ]),
+              (_ctx.claudeConfigFieldError('add', 'model'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('add', 'model')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
@@ -5564,8 +5793,9 @@ return function render(_ctx, _cache) {
               }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick"]),
               _createElementVNode("button", {
                 class: "btn btn-confirm",
-                onClick: _ctx.addClaudeConfig
-              }, _toDisplayString(_ctx.t('common.add')), 9 /* TEXT, PROPS */, ["onClick"])
+                onClick: _ctx.addClaudeConfig,
+                disabled: !_ctx.canSubmitClaudeConfig('add')
+              }, _toDisplayString(_ctx.t('common.add')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
             ])
           ])
         ], 8 /* PROPS */, ["onClick"]))
@@ -5591,31 +5821,38 @@ return function render(_ctx, _cache) {
               _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.configName')), 1 /* TEXT */),
               _withDirectives(_createElementVNode("input", {
                 "onUpdate:modelValue": $event => ((_ctx.editingConfig.name) = $event),
-                class: "form-input",
+                class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('edit', 'name') }]),
                 placeholder: _ctx.t('field.configName'),
                 readonly: ""
-              }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+              }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "placeholder"]), [
                 [_vModelText, _ctx.editingConfig.name]
-              ])
+              ]),
+              (_ctx.claudeConfigFieldError('edit', 'name'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('edit', 'name')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "form-group" }, [
               _createElementVNode("label", { class: "form-label" }, "API Key"),
               _createElementVNode("div", { class: "input-with-toggle" }, [
                 _withDirectives(_createElementVNode("input", {
                   "onUpdate:modelValue": $event => ((_ctx.editingConfig.apiKey) = $event),
-                  class: "form-input",
+                  class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('edit', 'apiKey') }]),
                   type: _ctx.showEditClaudeConfigKey ? 'text' : 'password',
                   autocomplete: "off",
                   spellcheck: "false",
                   placeholder: _ctx.t('placeholder.apiKeyExampleClaude')
-                }, null, 8 /* PROPS */, ["onUpdate:modelValue", "type", "placeholder"]), [
+                }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "type", "placeholder"]), [
                   [_vModelDynamic, _ctx.editingConfig.apiKey]
                 ]),
                 _createElementVNode("button", {
                   type: "button",
                   class: "input-toggle-btn",
                   onClick: _ctx.toggleEditClaudeConfigKey,
-                  title: _ctx.showEditClaudeConfigKey ? _ctx.t('common.hide') : _ctx.t('common.show')
+                  title: _ctx.showEditClaudeConfigKey ? _ctx.t('common.hide') : _ctx.t('common.show'),
+                  "aria-label": _ctx.showEditClaudeConfigKey ? _ctx.t('common.hide') : _ctx.t('common.show')
                 }, [
                   (!_ctx.showEditClaudeConfigKey)
                     ? (_openBlock(), _createElementBlock("svg", {
@@ -5645,18 +5882,48 @@ return function render(_ctx, _cache) {
                       }, [
                         _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" })
                       ]))
-                ], 8 /* PROPS */, ["onClick", "title"])
-              ])
+                ], 8 /* PROPS */, ["onClick", "title", "aria-label"])
+              ]),
+              (_ctx.claudeConfigFieldError('edit', 'apiKey'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('edit', 'apiKey')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "form-group" }, [
               _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.baseUrl')), 1 /* TEXT */),
               _withDirectives(_createElementVNode("input", {
                 "onUpdate:modelValue": $event => ((_ctx.editingConfig.baseUrl) = $event),
-                class: "form-input",
+                class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('edit', 'baseUrl') }]),
                 placeholder: _ctx.t('placeholder.baseUrlExampleClaude')
-              }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+              }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "placeholder"]), [
                 [_vModelText, _ctx.editingConfig.baseUrl]
-              ])
+              ]),
+              (_ctx.claudeConfigFieldError('edit', 'baseUrl'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('edit', 'baseUrl')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
+            ]),
+            _createElementVNode("div", { class: "form-group" }, [
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.modelName')), 1 /* TEXT */),
+              _withDirectives(_createElementVNode("input", {
+                "onUpdate:modelValue": $event => ((_ctx.editingConfig.model) = $event),
+                class: _normalizeClass(['form-input', { invalid: !!_ctx.claudeConfigFieldError('edit', 'model') }]),
+                placeholder: _ctx.t('placeholder.modelExample'),
+                autocomplete: "off",
+                spellcheck: "false"
+              }, null, 10 /* CLASS, PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+                [_vModelText, _ctx.editingConfig.model]
+              ]),
+              (_ctx.claudeConfigFieldError('edit', 'model'))
+                ? (_openBlock(), _createElementBlock("div", {
+                    key: 0,
+                    class: "form-hint form-error"
+                  }, _toDisplayString(_ctx.claudeConfigFieldError('edit', 'model')), 1 /* TEXT */))
+                : _createCommentVNode("v-if", true)
             ]),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
@@ -5665,13 +5932,14 @@ return function render(_ctx, _cache) {
               }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick"]),
               _createElementVNode("button", {
                 class: "btn btn-confirm",
-                onClick: _ctx.saveAndApplyConfig
-              }, _toDisplayString(_ctx.t('common.saveApply')), 9 /* TEXT, PROPS */, ["onClick"])
+                onClick: _ctx.saveAndApplyConfig,
+                disabled: !_ctx.canSubmitClaudeConfig('edit')
+              }, _toDisplayString(_ctx.t('common.saveApply')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
             ])
           ])
         ], 8 /* PROPS */, ["onClick"]))
       : _createCommentVNode("v-if", true),
-    _createCommentVNode(" Codex 轮询池控制模态框 "),
+    _createCommentVNode(" Codex bridge pool modal "),
     (_ctx.showCodexBridgePoolModal)
       ? (_openBlock(), _createElementBlock("div", {
           key: 8,
@@ -5715,9 +5983,9 @@ return function render(_ctx, _cache) {
                 _createElementVNode("path", { d: "M6 8v4h6v4" }),
                 _createElementVNode("path", { d: "M18 8v4h-6v4" })
               ])),
-              _createTextVNode(" 轮询池设置 ")
+              _createTextVNode(" " + _toDisplayString(_ctx.t('config.localBridge.poolSettings')), 1 /* TEXT */)
             ]),
-            _createElementVNode("div", { class: "bridge-pool-modal-hint" }, "勾选参与负载均衡的提供商"),
+            _createElementVNode("div", { class: "bridge-pool-modal-hint" }, _toDisplayString(_ctx.t('config.localBridge.poolHint')), 1 /* TEXT */),
             (_ctx.localBridgeCandidateProviders().length === 0)
               ? (_openBlock(), _createElementBlock("div", {
                   key: 0,
@@ -5733,7 +6001,7 @@ return function render(_ctx, _cache) {
                   }, [
                     _createElementVNode("path", { d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" })
                   ])),
-                  _createElementVNode("span", null, "暂无可用上游 provider，请先添加直连 provider")
+                  _createElementVNode("span", null, _toDisplayString(_ctx.t('config.localBridge.noProviders')), 1 /* TEXT */)
                 ]))
               : (_openBlock(), _createElementBlock("div", {
                   key: 1,
@@ -5747,7 +6015,7 @@ return function render(_ctx, _cache) {
                       _createElementVNode("span", { class: "bridge-pool-item-name" }, _toDisplayString(cp.name), 1 /* TEXT */),
                       _createElementVNode("span", {
                         class: _normalizeClass(["bridge-pool-item-status", { active: !_ctx.isLocalBridgeExcluded(cp.name) }])
-                      }, _toDisplayString(_ctx.isLocalBridgeExcluded(cp.name) ? '未启用' : '已启用'), 3 /* TEXT, CLASS */),
+                      }, _toDisplayString(_ctx.isLocalBridgeExcluded(cp.name) ? _ctx.t('common.disabled') : _ctx.t('common.enabled')), 3 /* TEXT, CLASS */),
                       _createElementVNode("input", {
                         type: "checkbox",
                         checked: !_ctx.isLocalBridgeExcluded(cp.name),
@@ -5858,7 +6126,7 @@ return function render(_ctx, _cache) {
           ])
         ], 8 /* PROPS */, ["onClick"]))
       : _createCommentVNode("v-if", true),
-    _createCommentVNode(" Webhook 配置模态框 "),
+    _createCommentVNode(" Webhook settings modal "),
     (_ctx.showWebhookModal)
       ? (_openBlock(), _createElementBlock("div", {
           key: 10,
@@ -5874,9 +6142,9 @@ return function render(_ctx, _cache) {
             _createElementVNode("div", {
               class: "modal-title",
               id: "webhook-modal-title"
-            }, "Webhook 配置"),
+            }, _toDisplayString(_ctx.t('settings.webhook.modalTitle')), 1 /* TEXT */),
             _createElementVNode("div", { class: "form-group" }, [
-              _createElementVNode("label", { class: "form-label" }, "启用状态"),
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('settings.webhook.enabledLabel')), 1 /* TEXT */),
               _createElementVNode("label", { class: "settings-toggle" }, [
                 _withDirectives(_createElementVNode("input", {
                   type: "checkbox",
@@ -5884,11 +6152,11 @@ return function render(_ctx, _cache) {
                 }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
                   [_vModelCheckbox, _ctx.webhookConfig.enabled]
                 ]),
-                _createElementVNode("span", null, "启用 Webhook")
+                _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.webhook.enableToggle')), 1 /* TEXT */)
               ])
             ]),
             _createElementVNode("div", { class: "form-group" }, [
-              _createElementVNode("label", { class: "form-label" }, "URL"),
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('settings.webhook.urlLabel')), 1 /* TEXT */),
               _withDirectives(_createElementVNode("input", {
                 "onUpdate:modelValue": $event => ((_ctx.webhookConfig.url) = $event),
                 class: "form-input",
@@ -5901,7 +6169,7 @@ return function render(_ctx, _cache) {
               ])
             ]),
             _createElementVNode("div", { class: "form-group" }, [
-              _createElementVNode("label", { class: "form-label" }, "事件"),
+              _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('settings.webhook.eventsLabel')), 1 /* TEXT */),
               _createElementVNode("div", { class: "webhook-events-checkbox-list" }, [
                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.webhookEventOptions, (ev) => {
                   return (_openBlock(), _createElementBlock("label", {
@@ -5922,12 +6190,12 @@ return function render(_ctx, _cache) {
               _createElementVNode("button", {
                 class: "btn btn-cancel",
                 onClick: _ctx.closeWebhookModal
-              }, "取消", 8 /* PROPS */, ["onClick"]),
+              }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick"]),
               _createElementVNode("button", {
                 class: "btn btn-confirm",
                 onClick: _ctx.saveWebhookSettings,
                 disabled: _ctx.webhookSaving
-              }, _toDisplayString(_ctx.webhookSaving ? '保存中...' : '保存'), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+              }, _toDisplayString(_ctx.webhookSaving ? _ctx.t('common.saving') : _ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
             ])
           ])
         ], 8 /* PROPS */, ["onClick"]))
@@ -5995,183 +6263,312 @@ return function render(_ctx, _cache) {
                   }, _toDisplayString(_ctx.t('common.clear')), 9 /* TEXT, PROPS */, ["onClick"])
                 ])
               ]),
-              _createElementVNode("div", { class: "quick-steps" }, [
-                _createElementVNode("div", { class: "quick-step" }, [
-                  _createElementVNode("span", { class: "step-badge" }, "1"),
-                  _createElementVNode("span", null, _toDisplayString(_ctx.t('modal.openclaw.quick.step1')), 1 /* TEXT */)
-                ]),
-                _createElementVNode("div", { class: "quick-step" }, [
-                  _createElementVNode("span", { class: "step-badge" }, "2"),
-                  _createElementVNode("span", null, _toDisplayString(_ctx.t('modal.openclaw.quick.step2')), 1 /* TEXT */)
-                ]),
-                _createElementVNode("div", { class: "quick-step" }, [
-                  _createElementVNode("span", { class: "step-badge" }, "3"),
-                  _createElementVNode("span", null, _toDisplayString(_ctx.t('modal.openclaw.quick.step3')), 1 /* TEXT */)
-                ])
-              ]),
-              _createElementVNode("div", { class: "quick-grid" }, [
-                _createElementVNode("div", { class: "quick-card" }, [
-                  _createElementVNode("div", { class: "structured-card-title" }, "Provider"),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.providerName')), 1 /* TEXT */),
-                    _withDirectives(_createElementVNode("input", {
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.providerName) = $event),
-                      class: "form-input",
-                      placeholder: "例如: custom-myapi"
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                      [_vModelText, _ctx.openclawQuick.providerName]
-                    ]),
-                    _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('modal.openclaw.quick.providerHint')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.baseUrl')), 1 /* TEXT */),
-                    _withDirectives(_createElementVNode("input", {
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.baseUrl) = $event),
-                      class: "form-input",
-                      placeholder: "https://api.example.com/v1",
-                      readonly: _ctx.openclawQuick.baseUrlReadOnly
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly"]), [
-                      [_vModelText, _ctx.openclawQuick.baseUrl]
+              _createCommentVNode(" Accordion Stepper "),
+              _createElementVNode("div", { class: "quick-accordion" }, [
+                _createCommentVNode(" Step 1: Provider "),
+                _createElementVNode("div", {
+                  class: _normalizeClass(['accordion-panel', { active: _ctx.openclawAccordionStep === 1, completed: _ctx.openclawAccordionStep > 1 }])
+                }, [
+                  _createElementVNode("button", {
+                    class: "accordion-trigger",
+                    onClick: $event => (_ctx.toggleAccordionStep(1)),
+                    type: "button"
+                  }, [
+                    _createElementVNode("span", { class: "accordion-step-badge" }, [
+                      (_ctx.openclawAccordionStep > 1)
+                        ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [
+                            _createTextVNode("✓")
+                          ], 64 /* STABLE_FRAGMENT */))
+                        : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                            _createTextVNode("1")
+                          ], 64 /* STABLE_FRAGMENT */))
                     ]),
-                    (_ctx.openclawQuick.baseUrlDisplayKind === 'builtin-default')
-                      ? (_openBlock(), _createElementBlock("div", {
+                    _createElementVNode("span", { class: "accordion-title" }, "Provider"),
+                    (_ctx.openclawQuick.providerName)
+                      ? (_openBlock(), _createElementBlock("span", {
                           key: 0,
-                          class: "form-hint"
-                        }, _toDisplayString(_ctx.t('modal.openclaw.quick.baseUrlHintDefault')), 1 /* TEXT */))
-                      : (_ctx.openclawQuick.baseUrlReadOnly)
-                        ? (_openBlock(), _createElementBlock("div", {
-                            key: 1,
-                            class: "form-hint"
-                          }, _toDisplayString(_ctx.t('modal.openclaw.quick.baseUrlHintReadonly')), 1 /* TEXT */))
-                        : _createCommentVNode("v-if", true)
-                  ]),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    _createElementVNode("label", { class: "form-label" }, "API Key"),
-                    _createElementVNode("div", { class: "list-row" }, [
+                          class: "accordion-status"
+                        }, _toDisplayString(_ctx.openclawQuick.providerName), 1 /* TEXT */))
+                      : _createCommentVNode("v-if", true),
+                    (_openBlock(), _createElementBlock("svg", {
+                      class: "accordion-chevron",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      _createElementVNode("path", { d: "M6 9l6 6 6-6" })
+                    ]))
+                  ], 8 /* PROPS */, ["onClick"]),
+                  _withDirectives(_createElementVNode("div", { class: "accordion-content" }, [
+                    _createElementVNode("div", { class: "form-group" }, [
+                      _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.providerName')), 1 /* TEXT */),
                       _withDirectives(_createElementVNode("input", {
-                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.apiKey) = $event),
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.providerName) = $event),
                         class: "form-input",
-                        readonly: _ctx.openclawQuick.apiKeyReadOnly,
-                        type: (_ctx.openclawQuick.apiKeyReadOnly || _ctx.openclawQuick.showKey) ? 'text' : 'password',
-                        placeholder: "sk-..."
-                      }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly", "type"]), [
-                        [_vModelDynamic, _ctx.openclawQuick.apiKey]
+                        placeholder: "例如: custom-myapi",
+                        onInput: _ctx.validateProviderName
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onInput"]), [
+                        [_vModelText, _ctx.openclawQuick.providerName]
                       ]),
-                      (!_ctx.openclawQuick.apiKeyReadOnly)
-                        ? (_openBlock(), _createElementBlock("button", {
-                            key: 0,
-                            class: "btn-mini",
-                            onClick: _ctx.toggleOpenclawQuickKey
-                          }, _toDisplayString(_ctx.openclawQuick.showKey ? _ctx.t('common.hide') : _ctx.t('common.show')), 9 /* TEXT, PROPS */, ["onClick"]))
-                        : _createCommentVNode("v-if", true)
+                      _createElementVNode("div", {
+                        class: _normalizeClass(["form-hint", { 'hint-error': !_ctx.openclawValidation.providerName.valid }])
+                      }, _toDisplayString(_ctx.openclawValidation.providerName.message || _ctx.t('modal.openclaw.quick.providerHint')), 3 /* TEXT, CLASS */)
                     ]),
-                    (_ctx.openclawQuick.apiKeyDisplayKind === 'auth-profile-value')
-                      ? (_openBlock(), _createElementBlock("div", {
-                          key: 0,
-                          class: "form-hint"
-                        }, _toDisplayString(_ctx.t('modal.openclaw.quick.apiKeyHintFromAuth')), 1 /* TEXT */))
-                      : (_ctx.openclawQuick.apiKeyReadOnly)
+                    _createElementVNode("div", { class: "form-group" }, [
+                      _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.baseUrl')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.baseUrl) = $event),
+                        class: "form-input",
+                        placeholder: "https://api.example.com/v1",
+                        readonly: _ctx.openclawQuick.baseUrlReadOnly
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly"]), [
+                        [_vModelText, _ctx.openclawQuick.baseUrl]
+                      ]),
+                      (_ctx.openclawQuick.baseUrlDisplayKind === 'builtin-default')
                         ? (_openBlock(), _createElementBlock("div", {
-                            key: 1,
+                            key: 0,
                             class: "form-hint"
-                          }, _toDisplayString(_ctx.t('modal.openclaw.quick.apiKeyHintReadonly')), 1 /* TEXT */))
-                        : (_openBlock(), _createElementBlock("div", {
-                            key: 2,
+                          }, _toDisplayString(_ctx.t('modal.openclaw.quick.baseUrlHintDefault')), 1 /* TEXT */))
+                        : (_ctx.openclawQuick.baseUrlReadOnly)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 1,
+                              class: "form-hint"
+                            }, _toDisplayString(_ctx.t('modal.openclaw.quick.baseUrlHintReadonly')), 1 /* TEXT */))
+                          : _createCommentVNode("v-if", true)
+                    ]),
+                    _createElementVNode("div", { class: "form-group" }, [
+                      _createElementVNode("label", { class: "form-label" }, "API Key"),
+                      _createElementVNode("div", { class: "list-row" }, [
+                        _withDirectives(_createElementVNode("input", {
+                          "onUpdate:modelValue": $event => ((_ctx.openclawQuick.apiKey) = $event),
+                          class: "form-input",
+                          readonly: _ctx.openclawQuick.apiKeyReadOnly,
+                          type: (_ctx.openclawQuick.apiKeyReadOnly || _ctx.openclawQuick.showKey) ? 'text' : 'password',
+                          placeholder: "sk-..."
+                        }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly", "type"]), [
+                          [_vModelDynamic, _ctx.openclawQuick.apiKey]
+                        ]),
+                        (!_ctx.openclawQuick.apiKeyReadOnly)
+                          ? (_openBlock(), _createElementBlock("button", {
+                              key: 0,
+                              class: "btn-mini",
+                              onClick: _ctx.toggleOpenclawQuickKey
+                            }, _toDisplayString(_ctx.openclawQuick.showKey ? _ctx.t('common.hide') : _ctx.t('common.show')), 9 /* TEXT, PROPS */, ["onClick"]))
+                          : _createCommentVNode("v-if", true)
+                      ]),
+                      (_ctx.openclawQuick.apiKeyDisplayKind === 'auth-profile-value')
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 0,
                             class: "form-hint"
-                          }, _toDisplayString(_ctx.t('modal.openclaw.quick.apiKeyHintKeep')), 1 /* TEXT */))
-                  ]),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.apiType')), 1 /* TEXT */),
-                    _withDirectives(_createElementVNode("input", {
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.apiType) = $event),
-                      class: "form-input",
-                      list: "openclawApiTypeList",
-                      placeholder: _ctx.t('placeholder.apiTypeExample')
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                      [_vModelText, _ctx.openclawQuick.apiType]
+                          }, _toDisplayString(_ctx.t('modal.openclaw.quick.apiKeyHintFromAuth')), 1 /* TEXT */))
+                        : (_ctx.openclawQuick.apiKeyReadOnly)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 1,
+                              class: "form-hint"
+                            }, _toDisplayString(_ctx.t('modal.openclaw.quick.apiKeyHintReadonly')), 1 /* TEXT */))
+                          : (_openBlock(), _createElementBlock("div", {
+                              key: 2,
+                              class: "form-hint"
+                            }, _toDisplayString(_ctx.t('modal.openclaw.quick.apiKeyHintKeep')), 1 /* TEXT */))
+                    ]),
+                    _createElementVNode("div", { class: "form-group" }, [
+                      _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.apiType')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.apiType) = $event),
+                        class: "form-input",
+                        list: "openclawApiTypeList",
+                        placeholder: _ctx.t('placeholder.apiTypeExample')
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+                        [_vModelText, _ctx.openclawQuick.apiType]
+                      ]),
+                      _createElementVNode("datalist", { id: "openclawApiTypeList" }, [
+                        _createElementVNode("option", { value: "openai-responses" }),
+                        _createElementVNode("option", { value: "openai-chat" }),
+                        _createElementVNode("option", { value: "anthropic" }),
+                        _createElementVNode("option", { value: "custom" })
+                      ])
                     ]),
-                    _createElementVNode("datalist", { id: "openclawApiTypeList" }, [
-                      _createElementVNode("option", { value: "openai-responses" }),
-                      _createElementVNode("option", { value: "openai-chat" }),
-                      _createElementVNode("option", { value: "anthropic" }),
-                      _createElementVNode("option", { value: "custom" })
+                    _createElementVNode("div", { class: "accordion-actions" }, [
+                      _createElementVNode("button", {
+                        class: "btn btn-confirm btn-sm",
+                        onClick: _ctx.nextAccordionStep,
+                        disabled: !_ctx.openclawQuick.providerName
+                      }, " 下一步 → ", 8 /* PROPS */, ["onClick", "disabled"])
                     ])
+                  ], 512 /* NEED_PATCH */), [
+                    [_vShow, _ctx.openclawAccordionStep === 1]
                   ])
-                ]),
-                _createElementVNode("div", { class: "quick-card" }, [
-                  _createElementVNode("div", { class: "structured-card-title" }, _toDisplayString(_ctx.t('modal.openclaw.quick.modelTitle')), 1 /* TEXT */),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.modelId')), 1 /* TEXT */),
-                    _withDirectives(_createElementVNode("input", {
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.modelId) = $event),
-                      class: "form-input",
-                      placeholder: _ctx.t('placeholder.modelIdExample')
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                      [_vModelText, _ctx.openclawQuick.modelId]
-                    ])
-                  ]),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.displayName')), 1 /* TEXT */),
-                    _withDirectives(_createElementVNode("input", {
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.modelName) = $event),
-                      class: "form-input",
-                      placeholder: _ctx.t('placeholder.modelNameOptional')
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                      [_vModelText, _ctx.openclawQuick.modelName]
-                    ])
-                  ]),
-                  _createElementVNode("div", { class: "form-group" }, [
-                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.contextAndMaxOutput')), 1 /* TEXT */),
-                    _createElementVNode("div", { class: "list-row" }, [
+                ], 2 /* CLASS */),
+                _createCommentVNode(" Step 2: Model "),
+                _createElementVNode("div", {
+                  class: _normalizeClass(['accordion-panel', { active: _ctx.openclawAccordionStep === 2, completed: _ctx.openclawAccordionStep > 2 }])
+                }, [
+                  _createElementVNode("button", {
+                    class: "accordion-trigger",
+                    onClick: $event => (_ctx.toggleAccordionStep(2)),
+                    type: "button"
+                  }, [
+                    _createElementVNode("span", { class: "accordion-step-badge" }, [
+                      (_ctx.openclawAccordionStep > 2)
+                        ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [
+                            _createTextVNode("✓")
+                          ], 64 /* STABLE_FRAGMENT */))
+                        : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                            _createTextVNode("2")
+                          ], 64 /* STABLE_FRAGMENT */))
+                    ]),
+                    _createElementVNode("span", { class: "accordion-title" }, _toDisplayString(_ctx.t('modal.openclaw.quick.modelTitle')), 1 /* TEXT */),
+                    (_ctx.openclawQuick.modelId)
+                      ? (_openBlock(), _createElementBlock("span", {
+                          key: 0,
+                          class: "accordion-status"
+                        }, _toDisplayString(_ctx.openclawQuick.modelName || _ctx.openclawQuick.modelId), 1 /* TEXT */))
+                      : _createCommentVNode("v-if", true),
+                    (_openBlock(), _createElementBlock("svg", {
+                      class: "accordion-chevron",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      _createElementVNode("path", { d: "M6 9l6 6 6-6" })
+                    ]))
+                  ], 8 /* PROPS */, ["onClick"]),
+                  _withDirectives(_createElementVNode("div", { class: "accordion-content" }, [
+                    _createElementVNode("div", { class: "form-group" }, [
+                      _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.modelId')), 1 /* TEXT */),
                       _withDirectives(_createElementVNode("input", {
-                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.contextWindow) = $event),
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.modelId) = $event),
                         class: "form-input",
-                        placeholder: _ctx.t('field.contextWindow')
-                      }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                        [_vModelText, _ctx.openclawQuick.contextWindow]
+                        placeholder: _ctx.t('placeholder.modelIdExample'),
+                        onInput: _ctx.validateModelId
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "onInput"]), [
+                        [_vModelText, _ctx.openclawQuick.modelId]
                       ]),
+                      _createElementVNode("div", {
+                        class: _normalizeClass(["form-hint", { 'hint-error': !_ctx.openclawValidation.modelId.valid }])
+                      }, _toDisplayString(_ctx.openclawValidation.modelId.message || '必填，例如: gpt-4'), 3 /* TEXT, CLASS */)
+                    ]),
+                    _createElementVNode("div", { class: "form-group" }, [
+                      _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.displayName')), 1 /* TEXT */),
                       _withDirectives(_createElementVNode("input", {
-                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.maxTokens) = $event),
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.modelName) = $event),
                         class: "form-input",
-                        placeholder: _ctx.t('field.maxOutput')
+                        placeholder: _ctx.t('placeholder.modelNameOptional')
                       }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                        [_vModelText, _ctx.openclawQuick.maxTokens]
-                      ])
+                        [_vModelText, _ctx.openclawQuick.modelName]
+                      ]),
+                      _createElementVNode("div", { class: "form-hint" }, "可选，用于显示")
+                    ]),
+                    _createElementVNode("div", { class: "form-group" }, [
+                      _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.contextAndMaxOutput')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "list-row" }, [
+                        _withDirectives(_createElementVNode("input", {
+                          "onUpdate:modelValue": $event => ((_ctx.openclawQuick.contextWindow) = $event),
+                          class: "form-input",
+                          placeholder: _ctx.t('field.contextWindow')
+                        }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+                          [_vModelText, _ctx.openclawQuick.contextWindow]
+                        ]),
+                        _withDirectives(_createElementVNode("input", {
+                          "onUpdate:modelValue": $event => ((_ctx.openclawQuick.maxTokens) = $event),
+                          class: "form-input",
+                          placeholder: _ctx.t('field.maxOutput')
+                        }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
+                          [_vModelText, _ctx.openclawQuick.maxTokens]
+                        ])
+                      ]),
+                      _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('hint.emptyNoChange')), 1 /* TEXT */)
                     ]),
-                    _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('hint.emptyNoChange')), 1 /* TEXT */)
+                    _createElementVNode("div", { class: "accordion-actions" }, [
+                      _createElementVNode("button", {
+                        class: "btn btn-cancel btn-sm",
+                        onClick: _ctx.prevAccordionStep
+                      }, " ← 上一步 ", 8 /* PROPS */, ["onClick"]),
+                      _createElementVNode("button", {
+                        class: "btn btn-confirm btn-sm",
+                        onClick: _ctx.nextAccordionStep,
+                        disabled: !_ctx.openclawQuick.modelId
+                      }, " 下一步 → ", 8 /* PROPS */, ["onClick", "disabled"])
+                    ])
+                  ], 512 /* NEED_PATCH */), [
+                    [_vShow, _ctx.openclawAccordionStep === 2]
                   ])
-                ]),
-                _createElementVNode("div", { class: "quick-card" }, [
-                  _createElementVNode("div", { class: "structured-card-title" }, _toDisplayString(_ctx.t('modal.openclaw.quick.optionsTitle')), 1 /* TEXT */),
-                  _createElementVNode("label", { class: "quick-option" }, [
-                    _withDirectives(_createElementVNode("input", {
-                      type: "checkbox",
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.setPrimary) = $event)
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                      [_vModelCheckbox, _ctx.openclawQuick.setPrimary]
+                ], 2 /* CLASS */),
+                _createCommentVNode(" Step 3: Options "),
+                _createElementVNode("div", {
+                  class: _normalizeClass(['accordion-panel', { active: _ctx.openclawAccordionStep === 3, completed: _ctx.openclawAccordionStep > 3 }])
+                }, [
+                  _createElementVNode("button", {
+                    class: "accordion-trigger",
+                    onClick: $event => (_ctx.toggleAccordionStep(3)),
+                    type: "button"
+                  }, [
+                    _createElementVNode("span", { class: "accordion-step-badge" }, [
+                      (_ctx.openclawAccordionStep > 3)
+                        ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [
+                            _createTextVNode("✓")
+                          ], 64 /* STABLE_FRAGMENT */))
+                        : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                            _createTextVNode("3")
+                          ], 64 /* STABLE_FRAGMENT */))
                     ]),
-                    _createTextVNode(" " + _toDisplayString(_ctx.t('modal.openclaw.quick.setPrimary')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("label", { class: "quick-option" }, [
-                    _withDirectives(_createElementVNode("input", {
-                      type: "checkbox",
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.overrideProvider) = $event)
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                      [_vModelCheckbox, _ctx.openclawQuick.overrideProvider]
+                    _createElementVNode("span", { class: "accordion-title" }, _toDisplayString(_ctx.t('modal.openclaw.quick.optionsTitle')), 1 /* TEXT */),
+                    _createElementVNode("span", { class: "accordion-status" }, "高级选项"),
+                    (_openBlock(), _createElementBlock("svg", {
+                      class: "accordion-chevron",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      _createElementVNode("path", { d: "M6 9l6 6 6-6" })
+                    ]))
+                  ], 8 /* PROPS */, ["onClick"]),
+                  _withDirectives(_createElementVNode("div", { class: "accordion-content" }, [
+                    _createElementVNode("label", { class: "quick-option" }, [
+                      _withDirectives(_createElementVNode("input", {
+                        type: "checkbox",
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.setPrimary) = $event)
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                        [_vModelCheckbox, _ctx.openclawQuick.setPrimary]
+                      ]),
+                      _createTextVNode(" " + _toDisplayString(_ctx.t('modal.openclaw.quick.setPrimary')), 1 /* TEXT */)
                     ]),
-                    _createTextVNode(" " + _toDisplayString(_ctx.t('modal.openclaw.quick.overrideProvider')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("label", { class: "quick-option" }, [
-                    _withDirectives(_createElementVNode("input", {
-                      type: "checkbox",
-                      "onUpdate:modelValue": $event => ((_ctx.openclawQuick.overrideModels) = $event)
-                    }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
-                      [_vModelCheckbox, _ctx.openclawQuick.overrideModels]
+                    _createElementVNode("label", { class: "quick-option" }, [
+                      _withDirectives(_createElementVNode("input", {
+                        type: "checkbox",
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.overrideProvider) = $event)
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                        [_vModelCheckbox, _ctx.openclawQuick.overrideProvider]
+                      ]),
+                      _createTextVNode(" " + _toDisplayString(_ctx.t('modal.openclaw.quick.overrideProvider')), 1 /* TEXT */)
                     ]),
-                    _createTextVNode(" " + _toDisplayString(_ctx.t('modal.openclaw.quick.overrideModels')), 1 /* TEXT */)
-                  ]),
-                  _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('modal.openclaw.quick.optionsHint')), 1 /* TEXT */)
-                ])
+                    _createElementVNode("label", { class: "quick-option" }, [
+                      _withDirectives(_createElementVNode("input", {
+                        type: "checkbox",
+                        "onUpdate:modelValue": $event => ((_ctx.openclawQuick.overrideModels) = $event)
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                        [_vModelCheckbox, _ctx.openclawQuick.overrideModels]
+                      ]),
+                      _createTextVNode(" " + _toDisplayString(_ctx.t('modal.openclaw.quick.overrideModels')), 1 /* TEXT */)
+                    ]),
+                    _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('modal.openclaw.quick.optionsHint')), 1 /* TEXT */),
+                    _createElementVNode("div", { class: "accordion-actions" }, [
+                      _createElementVNode("button", {
+                        class: "btn btn-cancel btn-sm",
+                        onClick: _ctx.prevAccordionStep
+                      }, " ← 上一步 ", 8 /* PROPS */, ["onClick"]),
+                      _createElementVNode("button", {
+                        class: "btn btn-confirm btn-sm",
+                        onClick: _ctx.finishAccordionStep
+                      }, " 完成 ✓ ", 8 /* PROPS */, ["onClick"])
+                    ])
+                  ], 512 /* NEED_PATCH */), [
+                    [_vShow, _ctx.openclawAccordionStep === 3]
+                  ])
+                ], 2 /* CLASS */)
               ]),
               _createElementVNode("div", { class: "btn-group" }, [
                 _createElementVNode("button", {
@@ -6490,7 +6887,7 @@ return function render(_ctx, _cache) {
                 [_vModelText, _ctx.openclawEditing.content]
               ]),
               _createElementVNode("div", { class: "template-editor-warning" }, [
-                (_ctx.openclawEditing.lockName && _ctx.openclawEditing.name === '默认配置')
+                (_ctx.openclawEditing.lockName && _ctx.isDefaultOpenclawConfig(_ctx.openclawEditing.name))
                   ? (_openBlock(), _createElementBlock("span", { key: 0 }, "默认配置始终映射当前 openclaw.json，请直接使用“保存并应用”。"))
                   : (_openBlock(), _createElementBlock("span", { key: 1 }, "保存仅写入本地配置库。点击“保存并应用”后会写入 openclaw.json。"))
               ])
@@ -6504,7 +6901,7 @@ return function render(_ctx, _cache) {
               _createElementVNode("button", {
                 class: "btn btn-confirm",
                 onClick: _ctx.saveOpenclawConfig,
-                disabled: _ctx.openclawSaving || _ctx.openclawApplying || (_ctx.openclawEditing.lockName && _ctx.openclawEditing.name === '默认配置')
+                disabled: _ctx.openclawSaving || _ctx.openclawApplying || (_ctx.openclawEditing.lockName && _ctx.isDefaultOpenclawConfig(_ctx.openclawEditing.name))
               }, _toDisplayString(_ctx.openclawSaving ? '保存中...' : '保存'), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
               _createElementVNode("button", {
                 class: "btn btn-confirm secondary",