codexmate 0.1.2 → 0.1.4

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

@@ -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' : (_ctx.configMode === 'opencode' ? 'panel-config-opencode' : 'panel-config-provider')),
+            "aria-controls": _ctx.configMode === 'claude' ? 'panel-config-claude' : (_ctx.configMode === 'openclaw' ? 'panel-config-openclaw' : (_ctx.configMode === 'opencode' ? 'panel-config-opencode' : (_ctx.configMode === 'kilocode' ? 'panel-config-kilocode' : '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"]),
@@ -284,7 +284,7 @@ return function render(_ctx, _cache) {
                   "data-main-tab": "config",
                   "data-config-mode": "codex",
                   "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'codex' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isConfigModeNavActive('codex') }]),
+                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('codex') }]),
                   onPointerdown: $event => (_ctx.onConfigTabPointerDown('codex', $event)),
                   onClick: $event => (_ctx.onConfigTabClick('codex', $event))
                 }, [
@@ -294,10 +294,7 @@ return function render(_ctx, _cache) {
                   }, "C"),
                   _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.codex')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.codex.meta')), 1 /* TEXT */),
-                    (_ctx.currentProvider)
-                      ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.t('common.current', { value: _ctx.currentProvider })), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.codex.meta')), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
                 _createElementVNode("button", {
@@ -305,7 +302,7 @@ return function render(_ctx, _cache) {
                   "data-main-tab": "config",
                   "data-config-mode": "claude",
                   "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'claude' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isConfigModeNavActive('claude') }]),
+                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('claude') }]),
                   onPointerdown: $event => (_ctx.onConfigTabPointerDown('claude', $event)),
                   onClick: $event => (_ctx.onConfigTabClick('claude', $event))
                 }, [
@@ -315,10 +312,7 @@ return function render(_ctx, _cache) {
                   }, "A"),
                   _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.claude')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.claude.meta')), 1 /* TEXT */),
-                    (_ctx.currentClaudeConfig)
-                      ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.t('common.current', { value: _ctx.currentClaudeConfig })), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.claude.meta')), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
                 _createElementVNode("button", {
@@ -326,7 +320,7 @@ return function render(_ctx, _cache) {
                   "data-main-tab": "config",
                   "data-config-mode": "openclaw",
                   "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'openclaw' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isConfigModeNavActive('openclaw') }]),
+                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('openclaw') }]),
                   onPointerdown: $event => (_ctx.onConfigTabPointerDown('openclaw', $event)),
                   onClick: $event => (_ctx.onConfigTabClick('openclaw', $event))
                 }, [
@@ -336,10 +330,7 @@ return function render(_ctx, _cache) {
                   }, "O"),
                   _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.openclaw')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.openclaw.meta')), 1 /* TEXT */),
-                    (_ctx.currentOpenclawConfig)
-                      ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.t('common.current', { value: _ctx.currentOpenclawConfig })), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.openclaw.meta')), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
                 _createElementVNode("button", {
@@ -347,7 +338,7 @@ return function render(_ctx, _cache) {
                   "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') }]),
+                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('opencode') }]),
                   onPointerdown: $event => (_ctx.onConfigTabPointerDown('opencode', $event)),
                   onClick: $event => (_ctx.onConfigTabClick('opencode', $event))
                 }, [
@@ -357,36 +348,34 @@ return function render(_ctx, _cache) {
                   }, "N"),
                   _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.opencode')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.opencode.meta')), 1 /* TEXT */),
-                    (_ctx.opencodeModel)
-                      ? (_openBlock(), _createElementBlock("span", { key: 0 }, _toDisplayString(_ctx.t('common.current', { value: _ctx.opencodeModel })), 1 /* TEXT */))
-                      : _createCommentVNode("v-if", true)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.opencode.meta')), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
                 _createElementVNode("button", {
-                  id: "side-tab-prompts",
-                  "data-main-tab": "prompts",
-                  "aria-current": _ctx.mainTab === 'prompts' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') }]),
-                  onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
-                  onClick: $event => (_ctx.onMainTabClick('prompts', $event))
+                  id: "side-tab-config-kilocode",
+                  "data-main-tab": "config",
+                  "data-config-mode": "kilocode",
+                  "aria-current": _ctx.mainTab === 'config' && _ctx.configMode === 'kilocode' ? 'page' : null,
+                  class: _normalizeClass(['side-item', 'side-item-compact', { active: _ctx.isConfigModeNavActive('kilocode') }]),
+                  onPointerdown: $event => (_ctx.onConfigTabPointerDown('kilocode', $event)),
+                  onClick: $event => (_ctx.onConfigTabClick('kilocode', $event))
                 }, [
                   _createElementVNode("span", {
                     class: "side-item-icon",
                     "aria-hidden": "true"
-                  }, "P"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts')), 1 /* TEXT */),
+                  }, "K"),
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.config.kilocode')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.meta')), 1 /* TEXT */)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.config.kilocode.meta')), 1 /* TEXT */)
                   ])
                 ], 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.sessions')
+                "aria-label": _ctx.t('side.workspace')
               }, [
-                _createElementVNode("div", { class: "side-section-title" }, _toDisplayString(_ctx.t('side.sessions')), 1 /* TEXT */),
+                _createElementVNode("div", { class: "side-section-title" }, _toDisplayString(_ctx.t('side.workspace')), 1 /* TEXT */),
                 _createElementVNode("button", {
                   id: "side-tab-sessions",
                   "data-main-tab": "sessions",
@@ -405,6 +394,23 @@ return function render(_ctx, _cache) {
                     _createElementVNode("span", null, _toDisplayString(_ctx.t('sessions.sourceLabel', { value: (_ctx.sessionFilterSource === 'all' ? _ctx.t('sessions.source.all') : (_ctx.sessionFilterSource === 'claude' ? 'Claude Code' : (_ctx.sessionFilterSource === 'gemini' ? 'Gemini CLI' : (_ctx.sessionFilterSource === 'codebuddy' ? 'CodeBuddy Code' : 'Codex')))) })), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
+                _createElementVNode("button", {
+                  id: "side-tab-prompts",
+                  "data-main-tab": "prompts",
+                  "aria-current": _ctx.mainTab === 'prompts' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') }]),
+                  onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
+                  onClick: $event => (_ctx.onMainTabClick('prompts', $event))
+                }, [
+                  _createElementVNode("span", {
+                    class: "side-item-icon",
+                    "aria-hidden": "true"
+                  }, "P"),
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "side-item-meta" }, [
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.meta')), 1 /* TEXT */)
+                  ])
+                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
                 _createElementVNode("button", {
                   id: "side-tab-usage",
                   "data-main-tab": "usage",
@@ -2243,6 +2249,28 @@ return function render(_ctx, _cache) {
                 ]))
               : _createCommentVNode("v-if", true),
             _createElementVNode("div", { class: "openclaw-layout" }, [
+              _createElementVNode("section", {
+                class: "tool-config-write-card",
+                "aria-label": _ctx.t('toolConfig.openclaw.title')
+              }, [
+                _createElementVNode("div", { class: "tool-config-write-copy" }, [
+                  _createElementVNode("div", { class: "tool-config-write-title" }, _toDisplayString(_ctx.t('toolConfig.openclaw.title')), 1 /* TEXT */),
+                  _createElementVNode("p", { class: "tool-config-write-desc" }, _toDisplayString(_ctx.t('toolConfig.openclaw.desc')), 1 /* TEXT */)
+                ]),
+                _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
+                  _createElementVNode("input", {
+                    type: "checkbox",
+                    autocomplete: "off",
+                    checked: _ctx.isToolConfigWriteAllowed('openclaw'),
+                    disabled: _ctx.toolConfigPermissionSaving.openclaw,
+                    onChange: $event => (_ctx.setToolConfigPermission('openclaw', $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('openclaw')), 1 /* TEXT */)
+                ])
+              ], 8 /* PROPS */, ["aria-label"]),
               _createElementVNode("section", {
                 class: "settings-card settings-card--wide openclaw-summary-card",
                 "aria-label": "OpenClaw 当前摘要"
@@ -2269,126 +2297,114 @@ return function render(_ctx, _cache) {
                   _createElementVNode("div", { class: "openclaw-diagnostic-note" }, " 本页仅管理配置与工作区文件。 ")
                 ])
               ]),
-              _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: "openclaw-tool-btn",
-                      onClick: _ctx.openOpenclawAgentsEditor,
-                      disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
-                    }, [
-                      _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') : 'Workspace file'), 1 /* TEXT */)
-                      ]),
-                      (_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"]),
-                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.getOpenclawQuickWorkspaceFiles(), (fileName) => {
-                      return (_openBlock(), _createElementBlock("button", {
-                        key: fileName,
-                        type: "button",
-                        class: "openclaw-tool-btn",
-                        onClick: $event => (_ctx.openOpenclawQuickWorkspaceFile(fileName)),
-                        disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
-                      }, [
-                        _createElementVNode("div", { class: "tool-icon" }, "📄"),
-                        _createElementVNode("div", { class: "tool-content" }, [
-                          _createElementVNode("div", { class: "tool-title" }, _toDisplayString(fileName), 1 /* TEXT */),
-                          _createElementVNode("div", { class: "tool-meta" }, "Workspace file")
-                        ]),
-                        (_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"]))
-                    }), 128 /* KEYED_FRAGMENT */))
-                  ])
-                ])
-              ]),
-              _createElementVNode("section", {
-                class: "settings-card settings-card--wide openclaw-configs-card",
-                "aria-labelledby": "openclaw-configs-title"
+              _createElementVNode("div", {
+                class: _normalizeClass(["tool-config-write-scope", { locked: !_ctx.isToolConfigWriteAllowed('openclaw') }])
               }, [
-                _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.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-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" }, _toDisplayString(_ctx.openclawSubtitle(config)), 1 /* TEXT */),
-                            (_ctx.openclawHasContent(config))
-                              ? (_openBlock(), _createElementBlock("div", {
-                                  key: 0,
-                                  class: "openclaw-config-summary-mini"
-                                }, [
-                                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.getOpenclawConfigSummary(config).slice(0, 3), (item) => {
-                                    return (_openBlock(), _createElementBlock("span", {
-                                      key: item.key
-                                    }, _toDisplayString(item.label) + ": " + _toDisplayString(item.value), 1 /* TEXT */))
-                                  }), 128 /* KEYED_FRAGMENT */))
-                                ]))
-                              : _createCommentVNode("v-if", true)
-                          ])
-                        ]),
-                        _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("div", { class: "tool-config-write-body" }, [
+                  _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: "openclaw-tool-btn",
+                          onClick: _ctx.openOpenclawAgentsEditor,
+                          disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading || !_ctx.isToolConfigWriteAllowed('openclaw')
+                        }, [
+                          _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') : 'Workspace file'), 1 /* TEXT */)
+                          ]),
+                          (_openBlock(), _createElementBlock("svg", {
+                            class: "tool-chevron",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            "stroke-width": "2"
                           }, [
-                            _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')
+                            _createElementVNode("path", { d: "M9 18l6-6-6-6" })
+                          ]))
+                        ], 8 /* PROPS */, ["onClick", "disabled"]),
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.getOpenclawQuickWorkspaceFiles(), (fileName) => {
+                          return (_openBlock(), _createElementBlock("button", {
+                            key: fileName,
+                            type: "button",
+                            class: "openclaw-tool-btn",
+                            onClick: $event => (_ctx.openOpenclawQuickWorkspaceFile(fileName)),
+                            disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading || !_ctx.isToolConfigWriteAllowed('openclaw')
+                          }, [
+                            _createElementVNode("div", { class: "tool-icon" }, "📄"),
+                            _createElementVNode("div", { class: "tool-content" }, [
+                              _createElementVNode("div", { class: "tool-title" }, _toDisplayString(fileName), 1 /* TEXT */),
+                              _createElementVNode("div", { class: "tool-meta" }, "Workspace file")
+                            ]),
+                            (_openBlock(), _createElementBlock("svg", {
+                              class: "tool-chevron",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "2"
                             }, [
-                              (_openBlock(), _createElementBlock("svg", {
-                                viewBox: "0 0 24 24",
-                                fill: "none",
-                                stroke: "currentColor",
-                                "stroke-width": "2"
+                              _createElementVNode("path", { d: "M9 18l6-6-6-6" })
+                            ]))
+                          ], 8 /* PROPS */, ["onClick", "disabled"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ])
+                  ]),
+                  _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.currentOpenclawConfig === name, disabled: !_ctx.isToolConfigWriteAllowed('openclaw') }]),
+                            onClick: $event => (_ctx.isToolConfigWriteAllowed('openclaw') && _ctx.applyOpenclawConfig(name)),
+                            onKeydown: [
+                              _withKeys(_withModifiers($event => (_ctx.isToolConfigWriteAllowed('openclaw') && _ctx.applyOpenclawConfig(name)), ["self","prevent"]), ["enter"]),
+                              _withKeys(_withModifiers($event => (_ctx.isToolConfigWriteAllowed('openclaw') && _ctx.applyOpenclawConfig(name)), ["self","prevent"]), ["space"])
+                            ],
+                            tabindex: _ctx.isToolConfigWriteAllowed('openclaw') ? 0 : -1,
+                            role: "button",
+                            "aria-label": _ctx.t('openclaw.action.applyAria', { name }),
+                            "aria-disabled": !_ctx.isToolConfigWriteAllowed('openclaw') ? 'true' : null,
+                            "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 */),
+                                (_ctx.openclawHasContent(config))
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 0,
+                                      class: "openclaw-config-summary-mini"
+                                    }, [
+                                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.getOpenclawConfigSummary(config).slice(0, 3), (item) => {
+                                        return (_openBlock(), _createElementBlock("span", {
+                                          key: item.key
+                                        }, _toDisplayString(item.label) + ": " + _toDisplayString(item.value), 1 /* TEXT */))
+                                      }), 128 /* KEYED_FRAGMENT */))
+                                    ]))
+                                  : _createCommentVNode("v-if", true)
+                              ])
+                            ]),
+                            _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("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"]),
-                            (!_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')
+                                _createElementVNode("button", {
+                                  class: "card-action-btn",
+                                  onClick: $event => (_ctx.openOpenclawEditModal(name)),
+                                  disabled: !_ctx.isToolConfigWriteAllowed('openclaw'),
+                                  "aria-label": _ctx.t('openclaw.action.editAria', { name }),
+                                  title: _ctx.t('openclaw.action.edit')
                                 }, [
                                   (_openBlock(), _createElementBlock("svg", {
                                     viewBox: "0 0 24 24",
@@ -2396,18 +2412,55 @@ 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" })
                                   ]))
-                                ], 8 /* PROPS */, ["onClick", "aria-label", "title"]))
-                              : _createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, ["onClick"])
+                                ], 8 /* PROPS */, ["onClick", "disabled", "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", "tabindex", "aria-label", "aria-disabled", "aria-current"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ])
+                  ]),
+                  (!_ctx.isToolConfigWriteAllowed('openclaw'))
+                    ? (_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.openclaw.lockedTitle')), 1 /* TEXT */),
+                          _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.openclaw.lockedDesc')), 1 /* TEXT */),
+                          _createElementVNode("button", {
+                            type: "button",
+                            class: "btn-tool",
+                            onClick: $event => (_ctx.setToolConfigPermission('openclaw', true)),
+                            disabled: _ctx.toolConfigPermissionSaving.openclaw
+                          }, _toDisplayString(_ctx.t('toolConfig.enableWrite')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                         ])
-                      ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onClick", "onKeydown", "aria-label", "aria-current"]))
-                    }), 128 /* KEYED_FRAGMENT */))
-                  ])
+                      ]))
+                    : _createCommentVNode("v-if", true)
                 ])
-              ])
+              ], 2 /* CLASS */)
             ])
           ], 8 /* PROPS */, ["aria-labelledby"]), [
             [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'openclaw']
@@ -2443,7 +2496,12 @@ return function render(_ctx, _cache) {
                     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"])
+                  }, _toDisplayString(_ctx.t('tab.config.opencode')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['segment', { active: _ctx.configMode === 'kilocode' }]),
+                    onClick: $event => (_ctx.switchConfigMode('kilocode'))
+                  }, _toDisplayString(_ctx.t('tab.config.kilocode')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
                 ]))
               : _createCommentVNode("v-if", true),
             _createElementVNode("section", {
@@ -2800,6 +2858,265 @@ return function render(_ctx, _cache) {
           ], 8 /* PROPS */, ["aria-labelledby"]), [
             [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'opencode']
           ]),
+          _createCommentVNode(" KiloCode 配置 "),
+          _withDirectives(_createElementVNode("div", {
+            class: "mode-content mode-cards",
+            id: "panel-config-kilocode",
+            role: "tabpanel",
+            "aria-labelledby": _ctx.forceCompactLayout ? 'tab-config' : 'side-tab-config-kilocode'
+          }, [
+            (_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"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['segment', { active: _ctx.configMode === 'kilocode' }]),
+                    onClick: $event => (_ctx.switchConfigMode('kilocode'))
+                  }, _toDisplayString(_ctx.t('tab.config.kilocode')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
+                ]))
+              : _createCommentVNode("v-if", true),
+            _createElementVNode("section", {
+              class: "tool-config-write-card",
+              "aria-label": _ctx.t('toolConfig.kilocode.title')
+            }, [
+              _createElementVNode("div", { class: "tool-config-write-copy" }, [
+                _createElementVNode("div", { class: "tool-config-write-title" }, _toDisplayString(_ctx.t('toolConfig.kilocode.title')), 1 /* TEXT */),
+                _createElementVNode("p", { class: "tool-config-write-desc" }, _toDisplayString(_ctx.t('toolConfig.kilocode.desc')), 1 /* TEXT */)
+              ]),
+              _createElementVNode("label", { class: "settings-toggle-row tool-config-write-toggle" }, [
+                _createElementVNode("input", {
+                  type: "checkbox",
+                  autocomplete: "off",
+                  checked: _ctx.isToolConfigWriteAllowed('kilocode'),
+                  disabled: _ctx.toolConfigPermissionSaving.kilocode,
+                  onChange: $event => (_ctx.setToolConfigPermission('kilocode', $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('kilocode')), 1 /* TEXT */)
+              ])
+            ], 8 /* PROPS */, ["aria-label"]),
+            _createElementVNode("div", {
+              class: _normalizeClass(["tool-config-write-scope", { locked: !_ctx.isToolConfigWriteAllowed('kilocode') }])
+            }, [
+              _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('kilocode.providerModel.title')), 1 /* TEXT */)
+                  ]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('kilocode.targetFile', { path: _ctx.kilocodeConfigPath || '~/.config/kilo/kilo.jsonc', status: _ctx.kilocodeConfigExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave') })), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "codex-config-grid" }, [
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "kilocode-provider"
+                      }, _toDisplayString(_ctx.t('field.provider')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        id: "kilocode-provider",
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.kilocodeProvider) = $event),
+                        autocomplete: "off",
+                        spellcheck: "false",
+                        placeholder: "codexmate",
+                        onBlur: _ctx.autoSaveKilocodeConfig
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur"]), [
+                        [_vModelText, _ctx.kilocodeProvider]
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "kilocode-base-url"
+                      }, _toDisplayString(_ctx.t('field.url')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        id: "kilocode-base-url",
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.kilocodeBaseUrl) = $event),
+                        autocomplete: "off",
+                        spellcheck: "false",
+                        placeholder: "https://api.example.com/v1",
+                        onBlur: _ctx.autoSaveKilocodeConfig
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur"]), [
+                        [_vModelText, _ctx.kilocodeBaseUrl]
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "kilocode-model"
+                      }, _toDisplayString(_ctx.t('field.model')), 1 /* TEXT */),
+                      _withDirectives(_createElementVNode("input", {
+                        id: "kilocode-model",
+                        class: "form-input",
+                        "onUpdate:modelValue": $event => ((_ctx.kilocodeModel) = $event),
+                        autocomplete: "off",
+                        spellcheck: "false",
+                        placeholder: "gpt-5.3",
+                        onBlur: _ctx.autoSaveKilocodeConfig
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur"]), [
+                        [_vModelText, _ctx.kilocodeModel]
+                      ])
+                    ]),
+                    _createElementVNode("div", { class: "form-group codex-config-field" }, [
+                      _createElementVNode("label", {
+                        class: "form-label",
+                        for: "kilocode-api-key"
+                      }, _toDisplayString(_ctx.t('opencode.field.apiKeyKeep')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "input-with-toggle" }, [
+                        _withDirectives(_createElementVNode("input", {
+                          id: "kilocode-api-key",
+                          class: "form-input",
+                          "onUpdate:modelValue": $event => ((_ctx.kilocodeApiKey) = $event),
+                          type: _ctx.kilocodeShowKey ? 'text' : 'password',
+                          autocomplete: "off",
+                          spellcheck: "false",
+                          placeholder: "sk-...",
+                          onBlur: _ctx.autoSaveKilocodeConfig
+                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "type", "onBlur"]), [
+                          [_vModelDynamic, _ctx.kilocodeApiKey]
+                        ]),
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: "input-toggle-btn",
+                          onMousedown: _withModifiers(() => {}, ["prevent"]),
+                          onClick: $event => (_ctx.kilocodeShowKey = !_ctx.kilocodeShowKey),
+                          title: _ctx.kilocodeShowKey ? _ctx.t('common.hide') : _ctx.t('common.show'),
+                          "aria-label": _ctx.kilocodeShowKey ? _ctx.t('common.hide') : _ctx.t('common.show')
+                        }, [
+                          (!_ctx.kilocodeShowKey)
+                            ? (_openBlock(), _createElementBlock("svg", {
+                                key: 0,
+                                viewBox: "0 0 20 20",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "1.5",
+                                width: "16",
+                                height: "16"
+                              }, [
+                                _createElementVNode("path", { d: "M10 4C5 4 1.73 8.11 1 10c.73 1.89 4 6 9 6s8.27-4.11 9-6c-.73-1.89-4-6-9-6z" }),
+                                _createElementVNode("circle", {
+                                  cx: "10",
+                                  cy: "10",
+                                  r: "3"
+                                })
+                              ]))
+                            : (_openBlock(), _createElementBlock("svg", {
+                                key: 1,
+                                viewBox: "0 0 20 20",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "1.5",
+                                width: "16",
+                                height: "16"
+                              }, [
+                                _createElementVNode("path", { d: "M2 2l16 16M8.2 4.2A9.9 9.9 0 0 1 10 4c5 0 8.27 4.11 9 6-.44.94-1.5 2.7-3.2 4.2M14.5 14.5A5.9 5.9 0 0 1 10 16c-5 0-8.27-4.11-9-6 .76-1.66 2.2-3.6 4.3-5" })
+                              ]))
+                        ], 40 /* PROPS, NEED_HYDRATION */, ["onMousedown", "onClick", "title", "aria-label"])
+                      ])
+                    ])
+                  ]),
+                  (_ctx.kilocodeError)
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "config-template-hint error-text"
+                      }, _toDisplayString(_ctx.kilocodeError), 1 /* TEXT */))
+                    : _createCommentVNode("v-if", true)
+                ]),
+                (_ctx.kilocodeProviders.length)
+                  ? (_openBlock(), _createElementBlock("section", {
+                      key: 0,
+                      class: "selector-section"
+                    }, [
+                      _createElementVNode("div", { class: "selector-header" }, [
+                        _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('kilocode.summary.title')), 1 /* TEXT */)
+                      ]),
+                      _createElementVNode("div", { class: "card-list" }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.kilocodeProviders, (provider) => {
+                          return (_openBlock(), _createElementBlock("div", {
+                            key: provider.name,
+                            class: _normalizeClass(['card', { active: _ctx.normalizeKilocodeProviderNameForUi(provider.name) === _ctx.normalizeKilocodeProviderNameForUi(_ctx.kilocodeProvider) }]),
+                            onDblclick: $event => (_ctx.selectKilocodeProvider(provider)),
+                            onKeydown: _withKeys(_withModifiers($event => (_ctx.selectKilocodeProvider(provider)), ["self","prevent"]), ["enter"]),
+                            tabindex: "0",
+                            role: "button",
+                            "aria-current": _ctx.normalizeKilocodeProviderNameForUi(provider.name) === _ctx.normalizeKilocodeProviderNameForUi(_ctx.kilocodeProvider) ? 'true' : null
+                          }, [
+                            _createElementVNode("div", { class: "card-leading" }, [
+                              _createElementVNode("div", { class: "card-icon" }, _toDisplayString(provider.name.charAt(0).toUpperCase()), 1 /* TEXT */),
+                              _createElementVNode("div", { class: "card-content" }, [
+                                _createElementVNode("div", { class: "card-title" }, _toDisplayString(provider.name), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(provider.baseURL || provider.api || _ctx.t('config.url.unset')), 1 /* TEXT */),
+                                _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString((provider.models || []).join(', ') || _ctx.t('opencode.summary.noModel')), 1 /* TEXT */)
+                              ])
+                            ]),
+                            _createElementVNode("div", { class: "card-trailing" }, [
+                              _createElementVNode("span", {
+                                class: _normalizeClass(['pill', provider.hasKey ? 'configured' : 'empty'])
+                              }, _toDisplayString(provider.hasKey ? _ctx.t('common.configured') : _ctx.t('common.notConfigured')), 3 /* TEXT, CLASS */)
+                            ])
+                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onDblclick", "onKeydown", "aria-current"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ]))
+                  : _createCommentVNode("v-if", true),
+                _createElementVNode("section", { class: "selector-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('kilocode.configPreview.title')), 1 /* TEXT */)
+                  ]),
+                  _createElementVNode("textarea", {
+                    class: "template-textarea",
+                    value: _ctx.kilocodeContent,
+                    spellcheck: "false",
+                    readonly: "",
+                    "aria-readonly": "true"
+                  }, null, 8 /* PROPS */, ["value"]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('kilocode.configPreview.hint')), 1 /* TEXT */)
+                ]),
+                (!_ctx.isToolConfigWriteAllowed('kilocode'))
+                  ? (_openBlock(), _createElementBlock("div", {
+                      key: 1,
+                      class: "tool-config-write-overlay"
+                    }, [
+                      _createElementVNode("div", { class: "tool-config-write-overlay-card" }, [
+                        _createElementVNode("div", { class: "tool-config-write-overlay-title" }, _toDisplayString(_ctx.t('toolConfig.kilocode.lockedTitle')), 1 /* TEXT */),
+                        _createElementVNode("p", null, _toDisplayString(_ctx.t('toolConfig.kilocode.lockedDesc')), 1 /* TEXT */),
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: "btn-tool",
+                          onClick: $event => (_ctx.setToolConfigPermission('kilocode', true)),
+                          disabled: _ctx.toolConfigPermissionSaving.kilocode
+                        }, _toDisplayString(_ctx.t('toolConfig.enableWrite')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                      ])
+                    ]))
+                  : _createCommentVNode("v-if", true)
+              ])
+            ], 2 /* CLASS */)
+          ], 8 /* PROPS */, ["aria-labelledby"]), [
+            [_vShow, _ctx.mainTab === 'config' && _ctx.configMode === 'kilocode']
+          ]),
           _createCommentVNode(" 会话浏览模式 "),
           _withDirectives(_createElementVNode("div", {
             class: "mode-content",
@@ -5148,8 +5465,7 @@ return function render(_ctx, _cache) {
           }, [
             _createElementVNode("div", { class: "selector-section" }, [
               _createElementVNode("div", { class: "selector-header" }, [
-                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('docs.title')), 1 /* TEXT */),
-                _createElementVNode("div", { class: "skills-panel-note docs-section-note" }, _toDisplayString(_ctx.t('docs.subtitle')), 1 /* TEXT */)
+                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('docs.title')), 1 /* TEXT */)
               ]),
               _createElementVNode("div", { class: "docs-toolbar-grid" }, [
                 _createElementVNode("div", { class: "docs-toolbar-card" }, [
@@ -5248,8 +5564,7 @@ return function render(_ctx, _cache) {
             ]),
             _createElementVNode("div", { class: "selector-section" }, [
               _createElementVNode("div", { class: "selector-header" }, [
-                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('docs.section.commands')), 1 /* TEXT */),
-                _createElementVNode("div", { class: "skills-panel-note docs-section-note" }, _toDisplayString(_ctx.t('docs.section.commandsNote')), 1 /* TEXT */)
+                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('docs.section.commands')), 1 /* TEXT */)
               ]),
               _createElementVNode("div", { class: "install-list docs-install-list" }, [
                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.installTargetCards, (target) => {
@@ -5309,8 +5624,7 @@ return function render(_ctx, _cache) {
             ]),
             _createElementVNode("div", { class: "selector-section" }, [
               _createElementVNode("div", { class: "selector-header" }, [
-                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('docs.section.faq')), 1 /* TEXT */),
-                _createElementVNode("div", { class: "skills-panel-note docs-section-note" }, _toDisplayString(_ctx.t('docs.section.faqNote')), 1 /* TEXT */)
+                _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('docs.section.faq')), 1 /* TEXT */)
               ]),
               _createElementVNode("div", { class: "docs-help-grid" }, [
                 _createElementVNode("div", { class: "docs-note-card" }, [
@@ -5320,13 +5634,6 @@ return function render(_ctx, _cache) {
                       return (_openBlock(), _createElementBlock("li", { key: tip }, _toDisplayString(tip), 1 /* TEXT */))
                     }), 128 /* KEYED_FRAGMENT */))
                   ])
-                ]),
-                _createElementVNode("div", { class: "docs-note-card" }, [
-                  _createElementVNode("div", { class: "docs-note-title" }, _toDisplayString(_ctx.t('common.rules')), 1 /* TEXT */),
-                  _createElementVNode("ul", { class: "docs-static-list" }, [
-                    _createElementVNode("li", null, _toDisplayString(_ctx.t('docs.rule.1')), 1 /* TEXT */),
-                    _createElementVNode("li", null, _toDisplayString(_ctx.t('docs.rule.2')), 1 /* TEXT */)
-                  ])
                 ])
               ])
             ])