codexmate 0.0.44 → 0.0.47

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

@@ -1,5 +1,5 @@
 window.__CODEXMATE_WEB_UI_RENDER__ = (() => {
-const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, createElementVNode: _createElementVNode, normalizeClass: _normalizeClass, 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
+const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, createElementVNode: _createElementVNode, normalizeClass: _normalizeClass, Fragment: _Fragment, renderList: _renderList, vShow: _vShow, withDirectives: _withDirectives, vModelSelect: _vModelSelect, vModelText: _vModelText, withKeys: _withKeys, withModifiers: _withModifiers, vModelDynamic: _vModelDynamic, vModelCheckbox: _vModelCheckbox, isMemoSame: _isMemoSame, withMemo: _withMemo, normalizeStyle: _normalizeStyle } = Vue
 
 return function render(_ctx, _cache) {
   return (_openBlock(), _createElementBlock(_Fragment, null, [
@@ -71,7 +71,7 @@ return function render(_ctx, _cache) {
             "data-config-mode": _ctx.configMode,
             tabindex: _ctx.mainTab === 'config' ? 0 : -1,
             "aria-selected": _ctx.mainTab === 'config',
-            "aria-controls": _ctx.configMode === 'claude' ? 'panel-config-claude' : (_ctx.configMode === 'openclaw' ? 'panel-config-openclaw' : 'panel-config-provider'),
+            "aria-controls": _ctx.configMode === 'claude' ? 'panel-config-claude' : (_ctx.configMode === 'openclaw' ? 'panel-config-openclaw' : (_ctx.configMode === 'opencode' ? 'panel-config-opencode' : 'panel-config-provider')),
             onPointerdown: $event => (_ctx.onMainTabPointerDown('config', $event)),
             onClick: $event => (_ctx.onMainTabClick('config', $event))
           }, _toDisplayString(_ctx.t('tab.config')), 43 /* TEXT, CLASS, PROPS, NEED_HYDRATION */, ["data-config-mode", "tabindex", "aria-selected", "aria-controls", "onPointerdown", "onClick"]),
@@ -138,6 +138,18 @@ return function render(_ctx, _cache) {
             onPointerdown: $event => (_ctx.onMainTabPointerDown('plugins', $event)),
             onClick: $event => (_ctx.onMainTabClick('plugins', $event))
           }, _toDisplayString(_ctx.t('tab.plugins')), 43 /* TEXT, CLASS, PROPS, NEED_HYDRATION */, ["tabindex", "aria-selected", "onPointerdown", "onClick"]),
+          _createElementVNode("button", {
+            type: "button",
+            class: _normalizeClass(["top-tab", { active: _ctx.isMainTabNavActive('prompts') }]),
+            id: "tab-prompts",
+            role: "tab",
+            "data-main-tab": "prompts",
+            tabindex: _ctx.mainTab === 'prompts' ? 0 : -1,
+            "aria-selected": _ctx.mainTab === 'prompts',
+            "aria-controls": "panel-prompts",
+            onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
+            onClick: $event => (_ctx.onMainTabClick('prompts', $event))
+          }, _toDisplayString(_ctx.t('tab.prompts')), 43 /* TEXT, CLASS, PROPS, NEED_HYDRATION */, ["tabindex", "aria-selected", "onPointerdown", "onClick"]),
           _createElementVNode("button", {
             type: "button",
             class: _normalizeClass(["top-tab", { active: _ctx.isMainTabNavActive('settings') }]),
@@ -181,15 +193,7 @@ return function render(_ctx, _cache) {
                   alt: "Codex Mate logo"
                 }),
                 _createElementVNode("div", { class: "brand-copy" }, [
-                  _createElementVNode("div", { class: "brand-kicker" }, [
-                    _createTextVNode("Codex Mate"),
-                    (_ctx.appVersion)
-                      ? (_openBlock(), _createElementBlock("span", {
-                          key: 0,
-                          class: "brand-version"
-                        }, " v" + _toDisplayString(_ctx.appVersion), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true)
-                  ])
+                  _createElementVNode("div", { class: "brand-kicker" }, "Codex Mate")
                 ])
               ]),
               (_ctx.isAppVersionStatusVisible())
@@ -307,6 +311,58 @@ return function render(_ctx, _cache) {
                       ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.t('common.current', { value: _ctx.currentOpenclawConfig })), 1 /* TEXT */))
                       : _createCommentVNode("v-if", true)
                   ])
+                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
+                _createElementVNode("button", {
+                  id: "side-tab-config-opencode",
+                  "data-main-tab": "config",
+                  "data-config-mode": "opencode",
+                  "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'opencode' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isConfigModeNavActive('opencode') }]),
+                  onPointerdown: $event => (_ctx.onConfigTabPointerDown('opencode', $event)),
+                  onClick: $event => (_ctx.onConfigTabClick('opencode', $event))
+                }, [
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.opencode')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "side-item-meta" }, [
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.opencode.meta')), 1 /* TEXT */),
+                    (_ctx.opencodeModel)
+                      ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.t('common.current', { value: _ctx.opencodeModel })), 1 /* TEXT */))
+                      : _createCommentVNode("v-if", true)
+                  ])
+                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
+              ], 8 /* PROPS */, ["aria-label"]),
+              _createElementVNode("div", {
+                class: "side-section",
+                role: "navigation",
+                "aria-label": _ctx.t('side.prompts')
+              }, [
+                _createElementVNode("div", { class: "side-section-title" }, _toDisplayString(_ctx.t('side.prompts')), 1 /* TEXT */),
+                _createElementVNode("button", {
+                  id: "side-tab-prompts-agents",
+                  "data-main-tab": "prompts",
+                  "data-prompts-sub-tab": "codex",
+                  "aria-current": _ctx.mainTab === 'prompts' && _ctx.promptsSubTab === 'codex' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') && _ctx.promptsSubTab === 'codex' }]),
+                  onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
+                  onClick: $event => {_ctx.switchPromptsSubTab('codex'); _ctx.onMainTabClick('prompts')}
+                }, [
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts.agents')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "side-item-meta" }, [
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.agents.meta')), 1 /* TEXT */)
+                  ])
+                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
+                _createElementVNode("button", {
+                  id: "side-tab-prompts-claude",
+                  "data-main-tab": "prompts",
+                  "data-prompts-sub-tab": "claude-md",
+                  "aria-current": _ctx.mainTab === 'prompts' && _ctx.promptsSubTab === 'claude-md' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') && _ctx.promptsSubTab === 'claude-md' }]),
+                  onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
+                  onClick: $event => {_ctx.switchPromptsSubTab('claude-md'); _ctx.onMainTabClick('prompts')}
+                }, [
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts.claude')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "side-item-meta" }, [
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.claude.meta')), 1 /* TEXT */)
+                  ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
               ], 8 /* PROPS */, ["aria-label"]),
               _createElementVNode("div", {
@@ -523,13 +579,28 @@ return function render(_ctx, _cache) {
                             _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.openclawWorkspaceFileName || _ctx.t('common.notSelected')), 1 /* TEXT */)
                           ])
                         ], 64 /* STABLE_FRAGMENT */))
-                      : (_openBlock(), _createElementBlock("div", {
-                          key: 3,
-                          class: "status-chip"
-                        }, [
-                          _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.configMode')), 1 /* TEXT */),
-                          _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.t('common.notSelected')), 1 /* TEXT */)
-                        ]))
+                      : (_ctx.configMode === 'opencode')
+                        ? (_openBlock(), _createElementBlock(_Fragment, { key: 3 }, [
+                            _createElementVNode("div", { class: "status-chip" }, [
+                              _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.opencodeProvider')), 1 /* TEXT */),
+                              _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.opencodeProvider || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                            ]),
+                            _createElementVNode("div", { class: "status-chip" }, [
+                              _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.opencodeModel')), 1 /* TEXT */),
+                              _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.opencodeModel || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                            ]),
+                            _createElementVNode("div", { class: "status-chip" }, [
+                              _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.opencodeConfig')), 1 /* TEXT */),
+                              _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.opencodeConfigPath || _ctx.t('common.notSelected')), 1 /* TEXT */)
+                            ])
+                          ], 64 /* STABLE_FRAGMENT */))
+                        : (_openBlock(), _createElementBlock("div", {
+                            key: 4,
+                            class: "status-chip"
+                          }, [
+                            _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.configMode')), 1 /* TEXT */),
+                            _createElementVNode("span", { class: "value" }, _toDisplayString(_ctx.t('common.notSelected')), 1 /* TEXT */)
+                          ]))
               ]))
             : (!_ctx.sessionStandalone && _ctx.mainTab === 'sessions')
               ? (_openBlock(), _createElementBlock("div", {
@@ -1058,16 +1129,6 @@ return function render(_ctx, _cache) {
                             ])
                           ]))
                         : _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 */),
@@ -1532,25 +1593,25 @@ return function render(_ctx, _cache) {
                               ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "tabindex", "aria-current"]))
                             }), 128 /* KEYED_FRAGMENT */))
                           ]))
+                        : _createCommentVNode("v-if", true),
+                      (!_ctx.isToolConfigWriteAllowed('codex'))
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 4,
+                            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)
-                    ]),
-                    (!_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"]), [
@@ -1821,17 +1882,6 @@ return function render(_ctx, _cache) {
                           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 */)
@@ -2071,25 +2121,25 @@ return function render(_ctx, _cache) {
                             ])
                           ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "aria-current"]))
                         }), 128 /* KEYED_FRAGMENT */))
-                      ])
-                    ]),
-                    (!_ctx.isToolConfigWriteAllowed('claude'))
-                      ? (_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.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"])
-                          ])
-                        ]))
-                      : _createCommentVNode("v-if", true)
+                      ]),
+                      (!_ctx.isToolConfigWriteAllowed('claude'))
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 1,
+                            class: "tool-config-write-overlay"
+                          }, [
+                            _createElementVNode("div", { class: "tool-config-write-overlay-card" }, [
+                              _createElementVNode("div", { class: "tool-config-write-overlay-title" }, _toDisplayString(_ctx.t('toolConfig.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"])
+                            ])
+                          ]))
+                        : _createCommentVNode("v-if", true)
+                    ])
                   ], 2 /* CLASS */)
                 ], 64 /* STABLE_FRAGMENT */))
           ], 8 /* PROPS */, ["aria-labelledby"]), [
@@ -2254,6 +2304,394 @@ return function render(_ctx, _cache) {
           ], 8 /* PROPS */, ["aria-labelledby"]), [
             [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'openclaw']
           ]),
+          _createCommentVNode(" OpenCode 配置 "),
+          _withDirectives(_createElementVNode("div", {
+            class: "mode-content mode-cards",
+            id: "panel-config-opencode",
+            role: "tabpanel",
+            "aria-labelledby": _ctx.forceCompactLayout ? 'tab-config' : 'side-tab-config-opencode'
+          }, [
+            (_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"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['segment', { active: _ctx.configMode === 'opencode' }]),
+                    onClick: $event => (_ctx.switchConfigMode('opencode'))
+                  }, _toDisplayString(_ctx.t('tab.config.opencode')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
+                ]))
+              : _createCommentVNode("v-if", true),
+            _createElementVNode("section", {
+              class: "tool-config-write-card",
+              "aria-label": _ctx.t('opencode.writeAria')
+            }, [
+              _createElementVNode("div", { class: "tool-config-write-copy" }, [
+                _createElementVNode("div", { class: "tool-config-write-title" }, _toDisplayString(_ctx.t('toolConfig.opencode.title')), 1 /* TEXT */),
+                _createElementVNode("p", { class: "tool-config-write-desc" }, _toDisplayString(_ctx.t('toolConfig.opencode.desc')), 1 /* TEXT */)
+              ]),
+              _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
+                _createElementVNode("input", {
+                  type: "checkbox",
+                  autocomplete: "off",
+                  checked: _ctx.isToolConfigWriteAllowed('opencode'),
+                  disabled: _ctx.toolConfigPermissionSaving.opencode,
+                  onChange: $event => (_ctx.setToolConfigPermission('opencode', $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('opencode')), 1 /* TEXT */)
+              ])
+            ], 8 /* PROPS */, ["aria-label"]),
+            _createElementVNode("div", {
+              class: _normalizeClass(["tool-config-write-scope", { locked: !_ctx.isToolConfigWriteAllowed('opencode') }])
+            }, [
+              _createElementVNode("div", { class: "tool-config-write-body" }, [
+                _createElementVNode("section", { class: "selector-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('opencode.providerModel.title')), 1 /* TEXT */),
+                    _createElementVNode("div", { class: "selector-actions opencode-provider-actions" }, [
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: $event => (_ctx.loadOpencodeConfig({ toast: true })),
+                        disabled: _ctx.opencodeLoading
+                      }, _toDisplayString(_ctx.opencodeLoading ? _ctx.t('common.refreshing') : _ctx.t('common.refresh')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: _ctx.applyOpencodeSelection,
+                        disabled: _ctx.opencodeApplying || _ctx.opencodeLoading || !_ctx.isToolConfigWriteAllowed('opencode')
+                      }, _toDisplayString(_ctx.opencodeApplying ? _ctx.t('common.applying') : _ctx.t('opencode.applySelection')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                    ])
+                  ]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('opencode.targetFile', { path: _ctx.opencodeConfigPath || '~/.config/opencode/opencode.jsonc', status: _ctx.opencodeConfigExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave') })), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('opencode.providerStoreFile', { path: _ctx.opencodeProviderStorePath || '~/.codexmate/opencode/providers.json' })), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "codex-config-grid" }, [
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "opencode-provider"
+                      }, _toDisplayString(_ctx.t('field.provider')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        id: "opencode-provider",
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.opencodeProvider) = $event),
+                        list: "opencode-provider-options",
+                        autocomplete: "off",
+                        spellcheck: "false",
+                        onChange: $event => (_ctx.fillOpencodeProvider(_ctx.opencodeProvider)),
+                        onBlur: $event => (_ctx.fillOpencodeProvider(_ctx.opencodeProvider)),
+                        placeholder: "anthropic / openai / gemini"
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onChange", "onBlur"]), [
+                        [_vModelText, _ctx.opencodeProvider]
+                      ]),
+                      _createElementVNode("datalist", { id: "opencode-provider-options" }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.opencodeProviderCatalog(), (provider) => {
+                          return (_openBlock(), _createElementBlock("option", {
+                            key: provider,
+                            value: provider
+                          }, null, 8 /* PROPS */, ["value"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "opencode-model"
+                      }, _toDisplayString(_ctx.t('field.model')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        id: "opencode-model",
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.opencodeModel) = $event),
+                        list: "opencode-model-options",
+                        autocomplete: "off",
+                        spellcheck: "false",
+                        placeholder: "claude-3.7-sonnet / gpt-4.1"
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                        [_vModelText, _ctx.opencodeModel]
+                      ]),
+                      _createElementVNode("datalist", { id: "opencode-model-options" }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.opencodeModelCatalogForProvider(_ctx.opencodeProvider), (model) => {
+                          return (_openBlock(), _createElementBlock("option", {
+                            key: model,
+                            value: model
+                          }, null, 8 /* PROPS */, ["value"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "opencode-agent"
+                      }, _toDisplayString(_ctx.t('opencode.field.agent')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        id: "opencode-agent",
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.opencodeAgent) = $event),
+                        list: "opencode-agent-options",
+                        autocomplete: "off",
+                        spellcheck: "false",
+                        placeholder: "build"
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                        [_vModelText, _ctx.opencodeAgent]
+                      ]),
+                      _createElementVNode("datalist", { id: "opencode-agent-options" }, [
+                        _createElementVNode("option", { value: "build" }),
+                        _createElementVNode("option", { value: "plan" }),
+                        _createElementVNode("option", { value: "general" }),
+                        _createElementVNode("option", { value: "summary" }),
+                        _createElementVNode("option", { value: "compaction" }),
+                        _createElementVNode("option", { value: "title" }),
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.opencodeAgents, (agent) => {
+                          return (_openBlock(), _createElementBlock("option", {
+                            key: agent.name,
+                            value: agent.name
+                          }, null, 8 /* PROPS */, ["value"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "opencode-api-key"
+                      }, _toDisplayString(_ctx.t('opencode.field.apiKeyKeep')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "input-with-toggle" }, [
+                        _withDirectives(_createElementVNode("input", {
+                          id: "opencode-api-key",
+                          class: "form-input",
+                          "onUpdate:modelValue": $event => ((_ctx.opencodeApiKey) = $event),
+                          type: _ctx.opencodeShowKey ? 'text' : 'password',
+                          autocomplete: "off",
+                          spellcheck: "false",
+                          placeholder: "sk-..."
+                        }, null, 8 /* PROPS */, ["onUpdate:modelValue", "type"]), [
+                          [_vModelDynamic, _ctx.opencodeApiKey]
+                        ]),
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: "input-toggle-btn",
+                          onClick: $event => (_ctx.opencodeShowKey = !_ctx.opencodeShowKey),
+                          title: _ctx.opencodeShowKey ? _ctx.t('common.hide') : _ctx.t('common.show')
+                        }, _toDisplayString(_ctx.opencodeShowKey ? _ctx.t('common.hide') : _ctx.t('common.show')), 9 /* TEXT, PROPS */, ["onClick", "title"])
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "opencode-max-tokens"
+                      }, _toDisplayString(_ctx.t('opencode.field.maxTokens')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        id: "opencode-max-tokens",
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.opencodeMaxTokens) = $event),
+                        inputmode: "numeric",
+                        autocomplete: "off",
+                        placeholder: "5000"
+                      }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                        [_vModelText, _ctx.opencodeMaxTokens]
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "opencode-reasoning-effort"
+                      }, _toDisplayString(_ctx.t('opencode.field.reasoningEffort')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("select", {
+                        id: "opencode-reasoning-effort",
+                        class: "model-select",
+                        "onUpdate:modelValue": $event => ((_ctx.opencodeReasoningEffort) = $event)
+                      }, [
+                        _createElementVNode("option", { value: "" }, _toDisplayString(_ctx.t('opencode.option.keepUnchanged')), 1 /* TEXT */),
+                        _createElementVNode("option", { value: "low" }, _toDisplayString(_ctx.t('opencode.option.reasoningLow')), 1 /* TEXT */),
+                        _createElementVNode("option", { value: "medium" }, _toDisplayString(_ctx.t('opencode.option.reasoningMedium')), 1 /* TEXT */),
+                        _createElementVNode("option", { value: "high" }, _toDisplayString(_ctx.t('opencode.option.reasoningHigh')), 1 /* TEXT */)
+                      ], 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                        [_vModelSelect, _ctx.opencodeReasoningEffort]
+                      ])
+                    ])
+                  ]),
+                  _createElementVNode("label", {
+                    class: "settings-toggle-row",
+                    style: {"margin-top":"12px"}
+                  }, [
+                    _withDirectives(_createElementVNode("input", {
+                      type: "checkbox",
+                      "onUpdate:modelValue": $event => ((_ctx.opencodeApplyToCoreAgents) = $event)
+                    }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                      [_vModelCheckbox, _ctx.opencodeApplyToCoreAgents]
+                    ]),
+                    _createElementVNode("span", { class: "toggle-track" }, [
+                      _createElementVNode("span", { class: "toggle-thumb" })
+                    ]),
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('opencode.applyToCoreAgents')), 1 /* TEXT */)
+                  ]),
+                  _createElementVNode("label", {
+                    class: "settings-toggle-row",
+                    style: {"margin-top":"8px"}
+                  }, [
+                    _withDirectives(_createElementVNode("input", {
+                      type: "checkbox",
+                      "onUpdate:modelValue": $event => ((_ctx.opencodeAutoCompact) = $event)
+                    }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                      [_vModelCheckbox, _ctx.opencodeAutoCompact]
+                    ]),
+                    _createElementVNode("span", { class: "toggle-track" }, [
+                      _createElementVNode("span", { class: "toggle-thumb" })
+                    ]),
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('opencode.enableAutoCompaction')), 1 /* TEXT */)
+                  ]),
+                  _createElementVNode("label", {
+                    class: "settings-toggle-row",
+                    style: {"margin-top":"8px"}
+                  }, [
+                    _withDirectives(_createElementVNode("input", {
+                      type: "checkbox",
+                      "onUpdate:modelValue": $event => ((_ctx.opencodeProviderDisabled) = $event)
+                    }, null, 8 /* PROPS */, ["onUpdate:modelValue"]), [
+                      [_vModelCheckbox, _ctx.opencodeProviderDisabled]
+                    ]),
+                    _createElementVNode("span", { class: "toggle-track" }, [
+                      _createElementVNode("span", { class: "toggle-thumb" })
+                    ]),
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('opencode.disableProvider')), 1 /* TEXT */)
+                  ])
+                ]),
+                _createElementVNode("section", { class: "selector-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('opencode.configFile.title')), 1 /* TEXT */),
+                    _createElementVNode("div", { class: "selector-actions" }, [
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: $event => (_ctx.$refs.opencodeImportInput && _ctx.$refs.opencodeImportInput.click())
+                      }, _toDisplayString(_ctx.t('opencode.importParse')), 9 /* TEXT, PROPS */, ["onClick"]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: _ctx.saveOpencodeConfig,
+                        disabled: _ctx.opencodeSaving || _ctx.opencodeLoading || !_ctx.isToolConfigWriteAllowed('opencode')
+                      }, _toDisplayString(_ctx.opencodeSaving ? _ctx.t('common.saving') : _ctx.t('opencode.saveConfig')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                    ])
+                  ]),
+                  _createElementVNode("input", {
+                    ref: "opencodeImportInput",
+                    class: "sr-only",
+                    type: "file",
+                    accept: ".json,.jsonc,.opencode",
+                    onChange: _ctx.handleOpencodeImportChange
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, ["onChange"]),
+                  (_ctx.opencodeImportFileName)
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "config-template-hint"
+                      }, _toDisplayString(_ctx.t('opencode.parsedFile', { file: _ctx.opencodeImportFileName })), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true),
+                  (_ctx.opencodeError || _ctx.opencodeImportError)
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 1,
+                        class: "config-template-hint error-text"
+                      }, _toDisplayString(_ctx.opencodeError || _ctx.opencodeImportError), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true),
+                  _withDirectives(_createElementVNode("textarea", {
+                    class: "template-textarea",
+                    "onUpdate:modelValue": $event => ((_ctx.opencodeContent) = $event),
+                    spellcheck: "false",
+                    readonly: _ctx.opencodeSaving || _ctx.opencodeLoading,
+                    placeholder: _ctx.t('opencode.textarea.placeholder')
+                  }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly", "placeholder"]), [
+                    [_vModelText, _ctx.opencodeContent]
+                  ]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('opencode.configFile.hint')), 1 /* TEXT */)
+                ]),
+                (_ctx.opencodeProviders.length || _ctx.opencodeAgents.length)
+                  ? (_openBlock(), _createElementBlock("section", {
+                      key: 0,
+                      class: "selector-section"
+                    }, [
+                      _createElementVNode("div", { class: "selector-header" }, [
+                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('opencode.summary.title')), 1 /* TEXT */)
+                      ]),
+                      _createElementVNode("div", { class: "card-list" }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.opencodeProviders, (provider) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: provider.name,
+                            class: "card"
+                          }, [
+                            _createElementVNode("div", { class: "card-leading" }, [
+                              _createElementVNode("div", { class: "card-icon" }, _toDisplayString(provider.name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                              _createElementVNode("div", { class: "card-content" }, [
+                                _createElementVNode("div", { class: "card-title" }, _toDisplayString(provider.name), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(provider.hasKey ? provider.apiKey : _ctx.t('opencode.summary.noApiKey')), 1 /* TEXT */)
+                              ])
+                            ]),
+                            _createElementVNode("div", { class: "card-trailing" }, [
+                              _createElementVNode("span", {
+                                class: _normalizeClass(['pill', provider.disabled ? 'empty' : 'configured'])
+                              }, _toDisplayString(provider.disabled ? _ctx.t('common.disabled') : _ctx.t('common.enabled')), 3 /* TEXT, CLASS */),
+                              _createElementVNode("span", { class: "pill empty" }, _toDisplayString(provider.source === 'codexmate' ? _ctx.t('opencode.summary.sourceCodexMate') : _ctx.t('opencode.summary.sourceOpenCode')), 1 /* TEXT */)
+                            ])
+                          ]))
+                        }), 128 /* KEYED_FRAGMENT */)),
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.opencodeAgents, (agent) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: agent.name,
+                            class: "card"
+                          }, [
+                            _createElementVNode("div", { class: "card-leading" }, [
+                              _createElementVNode("div", { class: "card-icon" }, "A"),
+                              _createElementVNode("div", { class: "card-content" }, [
+                                _createElementVNode("div", { class: "card-title" }, _toDisplayString(agent.name), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(agent.model || _ctx.t('opencode.summary.noModel')), 1 /* TEXT */)
+                              ])
+                            ]),
+                            _createElementVNode("div", { class: "card-trailing" }, [
+                              _createElementVNode("span", { class: "pill configured" }, _toDisplayString(_ctx.t('opencode.summary.agentType')), 1 /* TEXT */)
+                            ])
+                          ]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ]))
+                  : _createCommentVNode("v-if", true),
+                (!_ctx.isToolConfigWriteAllowed('opencode'))
+                  ? (_openBlock(), _createElementBlock("div", {
+                      key: 1,
+                      class: "tool-config-write-overlay"
+                    }, [
+                      _createElementVNode("div", { class: "tool-config-write-overlay-card" }, [
+                        _createElementVNode("div", { class: "tool-config-write-overlay-title" }, _toDisplayString(_ctx.t('toolConfig.opencode.lockedTitle')), 1 /* TEXT */),
+                        _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.opencode.lockedDesc')), 1 /* TEXT */),
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: "btn-tool",
+                          onClick: $event => (_ctx.setToolConfigPermission('opencode', true)),
+                          disabled: _ctx.toolConfigPermissionSaving.opencode
+                        }, _toDisplayString(_ctx.t('toolConfig.enableWrite')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ])
+                    ]))
+                  : _createCommentVNode("v-if", true)
+              ])
+            ], 2 /* CLASS */)
+          ], 8 /* PROPS */, ["aria-labelledby"]), [
+            [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'opencode']
+          ]),
           _createCommentVNode(" 会话浏览模式 "),
           _withDirectives(_createElementVNode("div", {
             class: "mode-content",
@@ -2650,31 +3088,163 @@ return function render(_ctx, _cache) {
                                         _createElementVNode("button", {
                                           class: "btn-session-refresh",
                                           onClick: _ctx.loadActiveSessionDetail,
-                                          disabled: _ctx.sessionDetailLoading || !_ctx.activeSession
-                                        }, _toDisplayString(_ctx.sessionDetailLoading ? _ctx.t('sessions.preview.loading') : _ctx.t('sessions.preview.refresh')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                                          disabled: _ctx.sessionDetailLoading || !_ctx.activeSession,
+                                          title: _ctx.sessionDetailLoading ? _ctx.t('sessions.preview.loading') : _ctx.t('sessions.preview.refresh'),
+                                          "aria-label": _ctx.sessionDetailLoading ? _ctx.t('sessions.preview.loading') : _ctx.t('sessions.preview.refresh')
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 16 16",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "1.8",
+                                            "stroke-linecap": "round",
+                                            "stroke-linejoin": "round"
+                                          }, [
+                                            _createElementVNode("path", { d: "M2.5 8a5.5 5.5 0 0 1 9.4-3.8" }),
+                                            _createElementVNode("path", { d: "M13.5 8a5.5 5.5 0 0 1-9.4 3.8" }),
+                                            _createElementVNode("polyline", { points: "2.5 2 2.5 5 5.5 5" }),
+                                            _createElementVNode("polyline", { points: "13.5 14 13.5 11 10.5 11" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]),
                                         (_ctx.isDeleteAvailable(_ctx.activeSession))
                                           ? (_openBlock(), _createElementBlock("button", {
                                               key: 0,
                                               class: "btn-session-delete",
                                               onClick: $event => (_ctx.deleteSession(_ctx.activeSession)),
-                                              disabled: !_ctx.activeSession || _ctx.sessionsLoading || _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)]
-                                            }, _toDisplayString((_ctx.activeSession && _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleting') : _ctx.t('sessions.preview.moving')) : (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleteHard') : _ctx.t('sessions.preview.moveToTrash'))), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
+                                              disabled: !_ctx.activeSession || _ctx.sessionsLoading || _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)],
+                                              title: (_ctx.activeSession && _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleting') : _ctx.t('sessions.preview.moving')) : (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleteHard') : _ctx.t('sessions.preview.moveToTrash')),
+                                              "aria-label": (_ctx.activeSession && _ctx.sessionDeleting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleting') : _ctx.t('sessions.preview.moving')) : (_ctx.sessionTrashEnabled === false ? _ctx.t('sessions.preview.deleteHard') : _ctx.t('sessions.preview.moveToTrash'))
+                                            }, [
+                                              (_openBlock(), _createElementBlock("svg", {
+                                                viewBox: "0 0 16 16",
+                                                fill: "none",
+                                                stroke: "currentColor",
+                                                "stroke-width": "1.8",
+                                                "stroke-linecap": "round",
+                                                "stroke-linejoin": "round"
+                                              }, [
+                                                _createElementVNode("polyline", { points: "3 4 4 4 13 4" }),
+                                                _createElementVNode("path", { d: "M5.5 4V2.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V4" }),
+                                                _createElementVNode("path", { d: "M12 4v9.5a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 13.5V4" })
+                                              ]))
+                                            ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]))
                                           : _createCommentVNode("v-if", true),
                                         _createElementVNode("button", {
                                           class: "btn-session-export",
                                           onClick: $event => (_ctx.exportSession(_ctx.activeSession)),
-                                          disabled: !_ctx.activeSession || _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)]
-                                        }, _toDisplayString((_ctx.activeSession && _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? _ctx.t('sessions.preview.exporting') : _ctx.t('sessions.preview.export')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-                                        _createElementVNode("button", {
-                                          class: "btn-session-open",
-                                          onClick: $event => (_ctx.copySessionLink(_ctx.activeSession)),
-                                          disabled: !_ctx.activeSession
-                                        }, _toDisplayString(_ctx.t('sessions.preview.copyLink')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                                          disabled: !_ctx.activeSession || _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)],
+                                          title: (_ctx.activeSession && _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? _ctx.t('sessions.preview.exporting') : _ctx.t('sessions.preview.export'),
+                                          "aria-label": (_ctx.activeSession && _ctx.sessionExporting[_ctx.getSessionExportKey(_ctx.activeSession)]) ? _ctx.t('sessions.preview.exporting') : _ctx.t('sessions.preview.export')
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 16 16",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "1.8",
+                                            "stroke-linecap": "round",
+                                            "stroke-linejoin": "round"
+                                          }, [
+                                            _createElementVNode("path", { d: "M8 2v8" }),
+                                            _createElementVNode("polyline", { points: "4 7 8 10.5 12 7" }),
+                                            _createElementVNode("path", { d: "M2.5 12v1.5a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V12" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]),
+                                        _createElementVNode("div", { class: "session-link-group" }, [
+                                          _createElementVNode("button", {
+                                            class: "btn-session-open",
+                                            onClick: $event => (_ctx.copySessionLink(_ctx.activeSession)),
+                                            disabled: !_ctx.activeSession || !_ctx.canBuildStandaloneUrl(_ctx.activeSession),
+                                            title: _ctx.t('sessions.preview.copyLink'),
+                                            "aria-label": _ctx.t('sessions.preview.copyLink')
+                                          }, [
+                                            (_openBlock(), _createElementBlock("svg", {
+                                              viewBox: "0 0 16 16",
+                                              fill: "none",
+                                              stroke: "currentColor",
+                                              "stroke-width": "1.8",
+                                              "stroke-linecap": "round",
+                                              "stroke-linejoin": "round"
+                                            }, [
+                                              _createElementVNode("rect", {
+                                                x: "6",
+                                                y: "2.5",
+                                                width: "4",
+                                                height: "2",
+                                                rx: "1"
+                                              }),
+                                              _createElementVNode("path", { d: "M4.5 4h7a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5" }),
+                                              _createElementVNode("line", {
+                                                x1: "6",
+                                                y1: "7.5",
+                                                x2: "10",
+                                                y2: "7.5"
+                                              }),
+                                              _createElementVNode("line", {
+                                                x1: "6",
+                                                y1: "10",
+                                                x2: "10",
+                                                y2: "10"
+                                              })
+                                            ]))
+                                          ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"]),
+                                          _createElementVNode("button", {
+                                            class: "btn-session-open",
+                                            onClick: $event => (_ctx.openSessionLink(_ctx.activeSession)),
+                                            disabled: !_ctx.activeSession || !_ctx.canBuildStandaloneUrl(_ctx.activeSession),
+                                            title: _ctx.t('sessions.preview.openLink'),
+                                            "aria-label": _ctx.t('sessions.preview.openLink')
+                                          }, [
+                                            (_openBlock(), _createElementBlock("svg", {
+                                              viewBox: "0 0 16 16",
+                                              fill: "none",
+                                              stroke: "currentColor",
+                                              "stroke-width": "1.8",
+                                              "stroke-linecap": "round",
+                                              "stroke-linejoin": "round"
+                                            }, [
+                                              _createElementVNode("path", { d: "M12 2h-8.5A1.5 1.5 0 0 0 2 3.5v8A1.5 1.5 0 0 0 3.5 13h8a1.5 1.5 0 0 0 1.5-1.5v-3" }),
+                                              _createElementVNode("path", { d: "M13 2v4h-4" }),
+                                              _createElementVNode("path", { d: "M13 2L7 8" })
+                                            ]))
+                                          ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"])
+                                        ]),
                                         _createElementVNode("button", {
                                           class: "btn-session-open",
                                           onClick: $event => (_ctx.copySessionPath(_ctx.activeSession)),
-                                          disabled: !_ctx.activeSession || !_ctx.getSessionFilePath(_ctx.activeSession)
-                                        }, _toDisplayString(_ctx.t('sessions.preview.copyPath')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                          disabled: !_ctx.activeSession || !_ctx.getSessionFilePath(_ctx.activeSession),
+                                          title: _ctx.t('sessions.preview.copyPath'),
+                                          "aria-label": _ctx.t('sessions.preview.copyPath')
+                                        }, [
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 16 16",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "1.8",
+                                            "stroke-linecap": "round",
+                                            "stroke-linejoin": "round"
+                                          }, [
+                                            _createElementVNode("rect", {
+                                              x: "6",
+                                              y: "2.5",
+                                              width: "4",
+                                              height: "2",
+                                              rx: "1"
+                                            }),
+                                            _createElementVNode("path", { d: "M4.5 4h7a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5" }),
+                                            _createElementVNode("line", {
+                                              x1: "6",
+                                              y1: "7.5",
+                                              x2: "10",
+                                              y2: "7.5"
+                                            }),
+                                            _createElementVNode("line", {
+                                              x1: "6",
+                                              y1: "10",
+                                              x2: "10",
+                                              y2: "10"
+                                            })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "disabled", "title", "aria-label"])
                                       ])
                                     ], 512 /* NEED_PATCH */),
                                     (_ctx.sessionDetailLoading && !_ctx.sessionPreviewLoadingMore)
@@ -2980,80 +3550,106 @@ return function render(_ctx, _cache) {
                           }, [
                             _createElementVNode("div", { class: "usage-card-title" }, _toDisplayString(_ctx.t('usage.daily.title')), 1 /* TEXT */),
                             _createElementVNode("div", { class: "usage-wave-container" }, [
-                              (_openBlock(), _createElementBlock("svg", {
-                                class: "usage-wave-chart",
-                                viewBox: "0 0 800 140",
-                                preserveAspectRatio: "none"
-                              }, [
-                                _createElementVNode("defs", null, [
-                                  _createElementVNode("linearGradient", {
-                                    id: 'wave-gradient-' + _ctx.sessionsUsageTimeRange,
-                                    x1: "0",
-                                    y1: "0",
-                                    x2: "0",
-                                    y2: "1"
-                                  }, [
-                                    _createElementVNode("stop", {
-                                      offset: "0%",
-                                      "stop-color": 'var(--color-brand)',
-                                      "stop-opacity": "0.35"
-                                    }),
-                                    _createElementVNode("stop", {
-                                      offset: "100%",
-                                      "stop-color": 'var(--color-brand)',
-                                      "stop-opacity": "0"
-                                    })
-                                  ], 8 /* PROPS */, ["id"])
-                                ]),
-                                _createElementVNode("path", {
-                                  d: _ctx.sessionUsageWave.areaPath,
-                                  fill: 'url(#wave-gradient-' + _ctx.sessionsUsageTimeRange + ')',
-                                  class: "usage-wave-area"
-                                }, null, 8 /* PROPS */, ["d", "fill"]),
-                                _createElementVNode("path", {
-                                  d: _ctx.sessionUsageWave.linePath,
-                                  fill: "none",
-                                  stroke: 'var(--color-brand)',
-                                  "stroke-width": "2.5",
-                                  "stroke-linecap": "round",
-                                  "stroke-linejoin": "round",
-                                  class: "usage-wave-line"
-                                }, null, 8 /* PROPS */, ["d"]),
-                                (_ctx.sessionsUsageSelectedDay)
-                                  ? (_openBlock(), _createElementBlock("line", {
-                                      key: 0,
+                              _createElementVNode("div", { class: "usage-wave-yaxis" }, [
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageWave.yTicks, (tick) => {
+                                  return (_openBlock(), _createElementBlock("span", {
+                                    key: tick.value,
+                                    class: "usage-wave-ytick",
+                                    style: _normalizeStyle({ bottom: tick.percent + '%' })
+                                  }, _toDisplayString(tick.label), 5 /* TEXT, STYLE */))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]),
+                              _createElementVNode("div", { class: "usage-wave-chart-area" }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "usage-wave-chart",
+                                  viewBox: "0 0 800 140",
+                                  preserveAspectRatio: "none"
+                                }, [
+                                  _createElementVNode("defs", null, [
+                                    _createElementVNode("linearGradient", {
+                                      id: 'wave-gradient-' + _ctx.sessionsUsageTimeRange,
+                                      x1: "0",
+                                      y1: "0",
+                                      x2: "0",
+                                      y2: "1"
+                                    }, [
+                                      _createElementVNode("stop", {
+                                        offset: "0%",
+                                        "stop-color": 'var(--color-brand)',
+                                        "stop-opacity": "0.35"
+                                      }),
+                                      _createElementVNode("stop", {
+                                        offset: "100%",
+                                        "stop-color": 'var(--color-brand)',
+                                        "stop-opacity": "0"
+                                      })
+                                    ], 8 /* PROPS */, ["id"])
+                                  ]),
+                                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageWave.yTicks, (tick) => {
+                                    return (_openBlock(), _createElementBlock("line", {
+                                      key: 'g-' + tick.value,
                                       x1: "0",
                                       x2: _ctx.sessionUsageWave.width,
-                                      y1: _ctx.sessionUsageWave.hoverY,
-                                      y2: _ctx.sessionUsageWave.hoverY,
+                                      y1: tick.y,
+                                      y2: tick.y,
                                       stroke: "currentColor",
-                                      "stroke-width": "1",
-                                      "stroke-dasharray": "4 4",
-                                      opacity: "0.5",
-                                      class: "usage-wave-hover-line"
+                                      "stroke-width": "0.5",
+                                      opacity: "0.12",
+                                      class: "usage-wave-gridline"
                                     }, null, 8 /* PROPS */, ["x2", "y1", "y2"]))
-                                  : _createCommentVNode("v-if", true),
-                                (_ctx.sessionsUsageSelectedDay)
-                                  ? (_openBlock(), _createElementBlock("circle", {
-                                      key: 1,
-                                      cx: _ctx.sessionUsageWave.hoverX,
-                                      cy: _ctx.sessionUsageWave.hoverY,
-                                      r: "5",
-                                      fill: 'var(--color-surface)',
-                                      stroke: 'var(--color-brand)',
-                                      "stroke-width": "2.5",
-                                      class: "usage-wave-hover-point"
-                                    }, null, 8 /* PROPS */, ["cx", "cy"]))
-                                  : _createCommentVNode("v-if", true)
-                              ])),
-                              _createElementVNode("div", { class: "usage-wave-labels" }, [
-                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageWave.labels, (label) => {
-                                  return (_openBlock(), _createElementBlock("span", {
-                                    key: label.key,
-                                    class: _normalizeClass(["usage-wave-label", { active: _ctx.sessionsUsageSelectedDay === label.key }]),
-                                    onClick: $event => (_ctx.selectSessionsUsageDay(label.key))
-                                  }, _toDisplayString(label.text), 11 /* TEXT, CLASS, PROPS */, ["onClick"]))
-                                }), 128 /* KEYED_FRAGMENT */))
+                                  }), 128 /* KEYED_FRAGMENT */)),
+                                  _createElementVNode("path", {
+                                    d: _ctx.sessionUsageWave.areaPath,
+                                    fill: 'url(#wave-gradient-' + _ctx.sessionsUsageTimeRange + ')',
+                                    class: "usage-wave-area"
+                                  }, null, 8 /* PROPS */, ["d", "fill"]),
+                                  _createElementVNode("path", {
+                                    d: _ctx.sessionUsageWave.linePath,
+                                    fill: "none",
+                                    stroke: 'var(--color-brand)',
+                                    "stroke-width": "2.5",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round",
+                                    class: "usage-wave-line"
+                                  }, null, 8 /* PROPS */, ["d"]),
+                                  (_ctx.sessionsUsageSelectedDay)
+                                    ? (_openBlock(), _createElementBlock("line", {
+                                        key: 0,
+                                        x1: "0",
+                                        x2: _ctx.sessionUsageWave.width,
+                                        y1: _ctx.sessionUsageWave.hoverY,
+                                        y2: _ctx.sessionUsageWave.hoverY,
+                                        stroke: "currentColor",
+                                        "stroke-width": "1",
+                                        "stroke-dasharray": "4 4",
+                                        opacity: "0.5",
+                                        class: "usage-wave-hover-line"
+                                      }, null, 8 /* PROPS */, ["x2", "y1", "y2"]))
+                                    : _createCommentVNode("v-if", true),
+                                  (_ctx.sessionsUsageSelectedDay)
+                                    ? (_openBlock(), _createElementBlock("circle", {
+                                        key: 1,
+                                        cx: _ctx.sessionUsageWave.hoverX,
+                                        cy: _ctx.sessionUsageWave.hoverY,
+                                        r: "5",
+                                        fill: 'var(--color-surface)',
+                                        stroke: 'var(--color-brand)',
+                                        "stroke-width": "2.5",
+                                        class: "usage-wave-hover-point"
+                                      }, null, 8 /* PROPS */, ["cx", "cy"]))
+                                    : _createCommentVNode("v-if", true)
+                                ])),
+                                _createElementVNode("div", { class: "usage-wave-labels" }, [
+                                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sessionUsageWave.labels, (label) => {
+                                    return (_openBlock(), _createElementBlock("button", {
+                                      key: label.key,
+                                      type: "button",
+                                      class: _normalizeClass(["usage-wave-label", { active: _ctx.sessionsUsageSelectedDay === label.key }]),
+                                      "aria-pressed": _ctx.sessionsUsageSelectedDay === label.key,
+                                      onClick: $event => (_ctx.selectSessionsUsageDay(label.key))
+                                    }, _toDisplayString(label.text), 11 /* TEXT, CLASS, PROPS */, ["aria-pressed", "onClick"]))
+                                  }), 128 /* KEYED_FRAGMENT */))
+                                ])
                               ])
                             ]),
                             (_ctx.sessionsUsageSelectedDaySummary)
@@ -5364,15 +5960,169 @@ return function render(_ctx, _cache) {
             style: {"display":"none"},
             onChange: _ctx.handlePromptTemplatesImportChange
           }, null, 40 /* PROPS, NEED_HYDRATION */, ["onChange"]),
-          _createCommentVNode(" 加载状态 "),
-          (_ctx.loading)
+          _createCommentVNode(" Prompts editor "),
+          (_ctx.mainTab === 'prompts')
             ? (_openBlock(), _createElementBlock("div", {
                 key: 1,
+                class: "mode-content mode-cards",
+                id: "panel-prompts",
+                role: "tabpanel",
+                "aria-labelledby": "tab-prompts"
+              }, [
+                _createElementVNode("div", { class: "segmented-control" }, [
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['segment', { active: _ctx.promptsSubTab === 'codex' }]),
+                    onClick: $event => (_ctx.switchPromptsSubTab('codex'))
+                  }, _toDisplayString(_ctx.t('prompts.subTab.codex')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['segment', { active: _ctx.promptsSubTab === 'claude-md' }]),
+                    onClick: $event => (_ctx.switchPromptsSubTab('claude-md'))
+                  }, _toDisplayString(_ctx.t('prompts.subTab.claude')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
+                ]),
+                _createElementVNode("div", { class: "prompts-editor" }, [
+                  _createElementVNode("div", { class: "prompts-editor-toolbar" }, [
+                    _createElementVNode("div", { class: "form-hint" }, [
+                      _createTextVNode(_toDisplayString(_ctx.agentsPath || _ctx.t('common.notLoaded')) + " ", 1 /* TEXT */),
+                      (_ctx.agentsPath)
+                        ? (_openBlock(), _createElementBlock("span", { key: 0 }, " （" + _toDisplayString(_ctx.agentsExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave')) + "） ", 1 /* TEXT */))
+                        : _createCommentVNode("v-if", true)
+                    ]),
+                    _createElementVNode("div", { class: "prompts-editor-actions" }, [
+                      _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--secondary" }, [
+                        _createElementVNode("button", {
+                          class: "btn-mini",
+                          onClick: _ctx.exportAgentsContent,
+                          disabled: _ctx.agentsLoading
+                        }, _toDisplayString(_ctx.t('modal.agents.export')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                        _createElementVNode("button", {
+                          class: "btn-mini",
+                          onClick: _ctx.copyAgentsContent,
+                          disabled: _ctx.agentsLoading
+                        }, _toDisplayString(_ctx.t('modal.agents.copy')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                        _createElementVNode("button", {
+                          class: "btn-mini",
+                          onClick: _ctx.pasteAgentsContent,
+                          disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible
+                        }, _toDisplayString(_ctx.t('common.paste')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ]),
+                      _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
+                        _createElementVNode("button", {
+                          class: "btn-mini",
+                          onClick: _ctx.loadPromptsContent,
+                          disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading
+                        }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                        (_ctx.agentsDiffVisible)
+                          ? (_openBlock(), _createElementBlock("button", {
+                              key: 0,
+                              class: "btn-mini",
+                              onClick: _ctx.resetAgentsDiffState,
+                              disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading
+                            }, _toDisplayString(_ctx.t('common.backToEdit')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
+                          : _createCommentVNode("v-if", true),
+                        _createElementVNode("button", {
+                          class: "btn-mini btn-confirm-mini",
+                          onClick: _ctx.applyAgentsContent,
+                          disabled: _ctx.agentsSaving || _ctx.agentsLoading || _ctx.agentsDiffLoading || (!_ctx.agentsDiffVisible && !_ctx.hasAgentsContentChanged()) || (_ctx.agentsDiffVisible && !_ctx.agentsDiffHasChanges)
+                        }, _toDisplayString(_ctx.agentsSaving ? (_ctx.agentsDiffVisible ? _ctx.t('common.saving') : _ctx.t('common.previewing')) : (_ctx.agentsDiffVisible ? _ctx.t('common.save') : _ctx.t('common.preview'))), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ])
+                    ])
+                  ]),
+                  _createElementVNode("div", { class: "form-group" }, [
+                    (_ctx.agentsDiffVisible)
+                      ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
+                          (!_ctx.agentsDiffLoading && !_ctx.agentsDiffError && !_ctx.agentsDiffTruncated && (_ctx.agentsDiffStats.added || _ctx.agentsDiffStats.removed))
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 0,
+                                class: "agents-diff-summary"
+                              }, [
+                                _createElementVNode("span", { class: "agents-diff-stat add" }, "+" + _toDisplayString(_ctx.agentsDiffStats.added), 1 /* TEXT */),
+                                _createElementVNode("span", { class: "agents-diff-stat del" }, "-" + _toDisplayString(_ctx.agentsDiffStats.removed), 1 /* TEXT */)
+                              ]))
+                            : _createCommentVNode("v-if", true),
+                          (_ctx.agentsDiffLoading)
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 1,
+                                class: "state-message"
+                              }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
+                            : (_ctx.agentsDiffError)
+                              ? (_openBlock(), _createElementBlock("div", {
+                                  key: 2,
+                                  class: "state-message error"
+                                }, _toDisplayString(_ctx.agentsDiffError), 1 /* TEXT */))
+                              : (_ctx.agentsDiffTruncated)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 3,
+                                    class: "agents-diff-empty"
+                                  }, _toDisplayString(_ctx.t('diff.tooLargeSkip')), 1 /* TEXT */))
+                                : (!_ctx.agentsDiffHasChanges)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 4,
+                                      class: "agents-diff-empty"
+                                    }, _toDisplayString(_ctx.t('diff.noChanges')), 1 /* TEXT */))
+                                  : (_openBlock(), _createElementBlock("div", {
+                                      key: 5,
+                                      class: "agents-diff-view agents-diff-editor"
+                                    }, [
+                                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.agentsDiffLines, (line, index) => {
+                                        return (_openBlock(), _createElementBlock("div", {
+                                          key: line.key || (line.type + '-' + index),
+                                          class: _normalizeClass(['agents-diff-line', line.type])
+                                        }, [
+                                          _createElementVNode("span", { class: "agents-diff-line-sign" }, _toDisplayString(line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ')), 1 /* TEXT */),
+                                          _createElementVNode("span", { class: "agents-diff-line-text" }, _toDisplayString(line.value), 1 /* TEXT */)
+                                        ], 2 /* CLASS */))
+                                      }), 128 /* KEYED_FRAGMENT */))
+                                    ]))
+                        ]))
+                      : _createCommentVNode("v-if", true),
+                    _createElementVNode("div", {
+                      class: _normalizeClass(['editor-frame', { 'editor-frame--loading': _ctx.agentsLoading }])
+                    }, [
+                      (_ctx.agentsLoading)
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 0,
+                            class: "editor-skeleton"
+                          }, [
+                            (_openBlock(), _createElementBlock(_Fragment, null, _renderList(6, (i) => {
+                              return _createElementVNode("div", {
+                                class: "skeleton-line",
+                                key: i
+                              })
+                            }), 64 /* STABLE_FRAGMENT */))
+                          ]))
+                        : _createCommentVNode("v-if", true),
+                      _withDirectives(_createElementVNode("textarea", {
+                        "onUpdate:modelValue": $event => ((_ctx.agentsContent) = $event),
+                        class: "form-input template-editor",
+                        spellcheck: "false",
+                        readonly: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                        onInput: _ctx.onAgentsContentInput,
+                        placeholder: _ctx.t(_ctx.promptsSubTab === 'claude-md' ? 'modal.agents.placeholder.claudeMd' : 'modal.agents.placeholder')
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onInput", "placeholder"]), [
+                        [_vModelText, _ctx.agentsContent]
+                      ])
+                    ], 2 /* CLASS */),
+                    (_ctx.promptsContextHint)
+                      ? (_openBlock(), _createElementBlock("div", {
+                          key: 1,
+                          class: _normalizeClass(['prompts-context-hint', { 'prompts-context-hint--warn': _ctx.promptsContextHint.warn }])
+                        }, _toDisplayString(_ctx.promptsContextHint.text), 3 /* TEXT, CLASS */))
+                      : _createCommentVNode("v-if", true)
+                  ])
+                ])
+              ]))
+            : _createCommentVNode("v-if", true),
+          _createCommentVNode(" 加载状态 "),
+          (_ctx.loading && _ctx.mainTab !== 'usage')
+            ? (_openBlock(), _createElementBlock("div", {
+                key: 2,
                 class: "state-message"
               }, _toDisplayString(_ctx.t('app.loadingConfig')), 1 /* TEXT */))
             : (_ctx.initError)
               ? (_openBlock(), _createElementBlock("div", {
-                  key: 2,
+                  key: 3,
                   class: "state-message error"
                 }, [
                   _createCommentVNode(" 错误状态 "),
@@ -7187,7 +7937,26 @@ return function render(_ctx, _cache) {
                   class: "btn-mini btn-modal-copy",
                   onClick: _ctx.pasteAgentsContent,
                   disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible
-                }, _toDisplayString(_ctx.t('common.paste')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                }, _toDisplayString(_ctx.t('common.paste')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                _createElementVNode("span", { class: "prompts-editor-actions-sep" }),
+                _createElementVNode("button", {
+                  class: "btn-mini",
+                  onClick: _ctx.closeAgentsModal,
+                  disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading
+                }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                (_ctx.agentsDiffVisible)
+                  ? (_openBlock(), _createElementBlock("button", {
+                      key: 0,
+                      class: "btn-mini",
+                      onClick: _ctx.resetAgentsDiffState,
+                      disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading
+                    }, _toDisplayString(_ctx.t('common.backToEdit')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
+                  : _createCommentVNode("v-if", true),
+                _createElementVNode("button", {
+                  class: "btn-mini btn-confirm-mini",
+                  onClick: _ctx.applyAgentsContent,
+                  disabled: _ctx.agentsSaving || _ctx.agentsLoading || _ctx.agentsDiffLoading || (_ctx.agentsDiffVisible && !_ctx.agentsDiffHasChanges)
+                }, _toDisplayString(_ctx.agentsSaving ? (_ctx.agentsDiffVisible ? _ctx.t('common.saving') : _ctx.t('common.previewing')) : (_ctx.agentsDiffVisible ? _ctx.t('common.save') : _ctx.t('common.preview'))), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
               ])
             ]),
             _createElementVNode("div", { class: "modal-editor-body" }, [
@@ -7299,26 +8068,6 @@ return function render(_ctx, _cache) {
                               }, _toDisplayString(_ctx.t('diff.viewHint.preview')), 1 /* TEXT */))
                 ])
               ])
-            ]),
-            _createElementVNode("div", { class: "btn-group modal-editor-footer" }, [
-              _createElementVNode("button", {
-                class: "btn btn-cancel",
-                onClick: _ctx.closeAgentsModal,
-                disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading
-              }, _toDisplayString(_ctx.t('common.cancel')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-              (_ctx.agentsDiffVisible)
-                ? (_openBlock(), _createElementBlock("button", {
-                    key: 0,
-                    class: "btn",
-                    onClick: _ctx.resetAgentsDiffState,
-                    disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading
-                  }, _toDisplayString(_ctx.t('common.backToEdit')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
-                : _createCommentVNode("v-if", true),
-              _createElementVNode("button", {
-                class: "btn btn-confirm",
-                onClick: _ctx.applyAgentsContent,
-                disabled: _ctx.agentsSaving || _ctx.agentsLoading || _ctx.agentsDiffLoading || (_ctx.agentsDiffVisible && !_ctx.agentsDiffHasChanges)
-              }, _toDisplayString(_ctx.agentsSaving ? (_ctx.agentsDiffVisible ? _ctx.t('common.applying') : _ctx.t('common.confirming')) : (_ctx.agentsDiffVisible ? _ctx.t('common.apply') : _ctx.t('common.confirm'))), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
             ])
           ])
         ], 8 /* PROPS */, ["onClick"]))