codexmate 0.0.57 → 0.1.2

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

@@ -362,48 +362,22 @@ return function render(_ctx, _cache) {
                       ? (_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("span", {
-                    class: "side-item-icon",
-                    "aria-hidden": "true"
-                  }, "P"),
-                  _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-project",
+                  id: "side-tab-prompts",
                   "data-main-tab": "prompts",
-                  "data-prompts-sub-tab": "claude-project",
-                  "aria-current": _ctx.mainTab === 'prompts' && _ctx.promptsSubTab === 'claude-project' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') && _ctx.promptsSubTab === 'claude-project' }]),
+                  "aria-current": _ctx.mainTab === 'prompts' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('prompts') }]),
                   onPointerdown: $event => (_ctx.onMainTabPointerDown('prompts', $event)),
-                  onClick: $event => {_ctx.switchPromptsSubTab('claude-project'); _ctx.onMainTabClick('prompts')}
+                  onClick: $event => (_ctx.onMainTabClick('prompts', $event))
                 }, [
                   _createElementVNode("span", {
                     class: "side-item-icon",
                     "aria-hidden": "true"
-                  }, "M"),
-                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.prompts.claude')), 1 /* TEXT */),
+                  }, "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.claude.meta')), 1 /* TEXT */)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('side.prompts.meta')), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
               ], 8 /* PROPS */, ["aria-label"]),
@@ -2269,6 +2243,32 @@ return function render(_ctx, _cache) {
                 ]))
               : _createCommentVNode("v-if", true),
             _createElementVNode("div", { class: "openclaw-layout" }, [
+              _createElementVNode("section", {
+                class: "settings-card settings-card--wide openclaw-summary-card",
+                "aria-label": "OpenClaw 当前摘要"
+              }, [
+                _createElementVNode("div", { class: "settings-card-body" }, [
+                  _createElementVNode("div", { class: "openclaw-summary-header" }, [
+                    _createElementVNode("div", null, [
+                      _createElementVNode("div", { class: "summary-eyebrow" }, "OPENCLAW"),
+                      _createElementVNode("div", { class: "summary-title" }, "配置与本地诊断")
+                    ]),
+                    _createElementVNode("div", { class: "summary-note" }, "配置摘要")
+                  ]),
+                  _createElementVNode("div", { class: "openclaw-summary-grid" }, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.getOpenclawStatusSummaryItems(), (item) => {
+                      return (_openBlock(), _createElementBlock("div", {
+                        key: item.key,
+                        class: _normalizeClass(['openclaw-summary-item', item.tone || ''])
+                      }, [
+                        _createElementVNode("div", { class: "summary-item-label" }, _toDisplayString(item.label), 1 /* TEXT */),
+                        _createElementVNode("div", { class: "summary-item-value" }, _toDisplayString(item.value), 1 /* TEXT */)
+                      ], 2 /* CLASS */))
+                    }), 128 /* KEYED_FRAGMENT */))
+                  ]),
+                  _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" }, [
@@ -2280,7 +2280,7 @@ return function render(_ctx, _cache) {
                       _createElementVNode("div", { class: "tool-icon" }, "📄"),
                       _createElementVNode("div", { class: "tool-content" }, [
                         _createElementVNode("div", { class: "tool-title" }, "AGENTS.md"),
-                        _createElementVNode("div", { class: "tool-meta" }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('openclaw.agents.hint')), 1 /* TEXT */)
+                        _createElementVNode("div", { class: "tool-meta" }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : 'Workspace file'), 1 /* TEXT */)
                       ]),
                       (_openBlock(), _createElementBlock("svg", {
                         class: "tool-chevron",
@@ -2292,28 +2292,30 @@ return function render(_ctx, _cache) {
                         _createElementVNode("path", { d: "M9 18l6-6-6-6" })
                       ]))
                     ], 8 /* PROPS */, ["onClick", "disabled"]),
-                    _createElementVNode("div", { class: "openclaw-workspace-card" }, [
-                      _createElementVNode("label", {
-                        class: "workspace-label",
-                        for: "openclaw-workspace-file"
-                      }, _toDisplayString(_ctx.t('openclaw.workspaceFile')), 1 /* TEXT */),
-                      _createElementVNode("div", { class: "workspace-input-group" }, [
-                        _withDirectives(_createElementVNode("input", {
-                          id: "openclaw-workspace-file",
-                          class: "form-input",
-                          "onUpdate:modelValue": $event => ((_ctx.openclawWorkspaceFileName) = $event),
-                          placeholder: _ctx.t('openclaw.workspace.placeholder')
-                        }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder"]), [
-                          [_vModelText, _ctx.openclawWorkspaceFileName]
+                    (_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")
                         ]),
-                        _createElementVNode("button", {
-                          class: "btn-tool",
-                          onClick: _ctx.openOpenclawWorkspaceEditor,
-                          disabled: _ctx.loading || !!_ctx.initError || _ctx.agentsLoading
-                        }, _toDisplayString(_ctx.agentsLoading ? _ctx.t('config.modelLoading') : _ctx.t('openclaw.workspace.open')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                      ]),
-                      _createElementVNode("div", { class: "workspace-meta" }, _toDisplayString(_ctx.t('openclaw.workspace.hint')), 1 /* TEXT */)
-                    ])
+                        (_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 */))
                   ])
                 ])
               ]),
@@ -2341,7 +2343,19 @@ return function render(_ctx, _cache) {
                           _createElementVNode("div", { class: "card-icon" }, _toDisplayString(name.charAt(0).toUpperCase()), 1 /* TEXT */),
                           _createElementVNode("div", { class: "card-content" }, [
                             _createElementVNode("div", { class: "card-title" }, _toDisplayString(name), 1 /* TEXT */),
-                            _createElementVNode("div", { class: "card-subtitle" }, _toDisplayString(_ctx.openclawSubtitle(config)), 1 /* TEXT */)
+                            _createElementVNode("div", { class: "card-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" }, [
@@ -6656,18 +6670,26 @@ return function render(_ctx, _cache) {
                 role: "tabpanel",
                 "aria-labelledby": "tab-prompts"
               }, [
-                _createElementVNode("div", { class: "segmented-control" }, [
+                _createElementVNode("div", {
+                  class: "prompts-md-tabs",
+                  role: "tablist",
+                  "aria-label": _ctx.t('tab.prompts')
+                }, [
                   _createElementVNode("button", {
                     type: "button",
-                    class: _normalizeClass(['segment', { active: _ctx.promptsSubTab === 'codex' }]),
+                    class: _normalizeClass(['prompts-md-tab', { active: _ctx.promptsSubTab === 'codex' }]),
+                    role: "tab",
+                    "aria-selected": _ctx.promptsSubTab === 'codex',
                     onClick: $event => (_ctx.switchPromptsSubTab('codex'))
-                  }, _toDisplayString(_ctx.t('prompts.subTab.codex')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]),
+                  }, _toDisplayString(_ctx.t('prompts.subTab.codex')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"]),
                   _createElementVNode("button", {
                     type: "button",
-                    class: _normalizeClass(['segment', { active: _ctx.promptsSubTab === 'claude-project' }]),
+                    class: _normalizeClass(['prompts-md-tab', { active: _ctx.promptsSubTab === 'claude-project' }]),
+                    role: "tab",
+                    "aria-selected": _ctx.promptsSubTab === 'claude-project',
                     onClick: $event => (_ctx.switchPromptsSubTab('claude-project'))
-                  }, _toDisplayString(_ctx.t('prompts.subTab.project')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
-                ]),
+                  }, _toDisplayString(_ctx.t('prompts.subTab.project')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"])
+                ], 8 /* PROPS */, ["aria-label"]),
                 (_ctx.promptsSubTab === 'claude-project')
                   ? (_openBlock(), _createElementBlock("div", {
                       key: 0,
@@ -6849,6 +6871,100 @@ return function render(_ctx, _cache) {
                       ])
                     ])
                   ]),
+                  _createElementVNode("div", { class: "prompt-presets-inline-row" }, [
+                    _createElementVNode("div", { class: "prompt-presets-inline-group" }, [
+                      _createElementVNode("label", { class: "prompt-presets-inline-label" }, _toDisplayString(_ctx.t('prompts.presets.title')), 1 /* TEXT */),
+                      _createElementVNode("select", {
+                        class: "form-input prompt-presets-select",
+                        disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible || !_ctx.promptPresets.length,
+                        title: _ctx.t('prompts.presets.title'),
+                        onChange: $event => (_ctx.applyPromptPresetSelection($event))
+                      }, [
+                        _createElementVNode("option", { value: "" }, _toDisplayString(_ctx.t('prompts.presets.selectPlaceholder')), 1 /* TEXT */),
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptPresets, (preset) => {
+                          return (_openBlock(), _createElementBlock("option", {
+                            key: preset.id,
+                            value: preset.id
+                          }, _toDisplayString(preset.name), 9 /* TEXT, PROPS */, ["value"]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ], 40 /* PROPS, NEED_HYDRATION */, ["disabled", "title", "onChange"])
+                    ]),
+                    _createElementVNode("div", { class: "prompt-presets-inline-group prompt-presets-inline-group--save" }, [
+                      _withDirectives(_createElementVNode("input", {
+                        type: "text",
+                        class: "form-input prompt-presets-name-input",
+                        "onUpdate:modelValue": $event => ((_ctx.promptPresetNameDraft) = $event),
+                        placeholder: _ctx.t('prompts.presets.namePlaceholder'),
+                        disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                        onKeydown: _withKeys(_withModifiers(_ctx.saveCurrentPromptAsPreset, ["prevent"]), ["enter"])
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "placeholder", "disabled", "onKeydown"]), [
+                        [_vModelText, _ctx.promptPresetNameDraft]
+                      ]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-mini btn-confirm-mini",
+                        onClick: _ctx.saveCurrentPromptAsPreset,
+                        disabled: _ctx.promptPresetSaving || _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
+                        title: _ctx.t('prompts.presets.saveCurrent')
+                      }, _toDisplayString(_ctx.t('prompts.presets.saveCurrent')), 9 /* TEXT, PROPS */, ["onClick", "disabled", "title"])
+                    ])
+                  ]),
+                  _createElementVNode("details", { class: "prompt-presets-panel" }, [
+                    _createElementVNode("summary", { class: "prompt-presets-summary" }, [
+                      _createElementVNode("span", null, _toDisplayString(_ctx.t('prompts.presets.title')), 1 /* TEXT */),
+                      _createElementVNode("small", null, _toDisplayString(_ctx.t('prompts.presets.hint')), 1 /* TEXT */)
+                    ]),
+                    _createElementVNode("div", { class: "form-group prompt-presets-body" }, [
+                      _createElementVNode("div", { class: "editor-frame prompt-presets-frame" }, [
+                        (!_ctx.promptPresets.length)
+                          ? (_openBlock(), _createElementBlock("div", {
+                              key: 0,
+                              class: "state-message prompt-presets-empty"
+                            }, _toDisplayString(_ctx.t('prompts.presets.empty')), 1 /* TEXT */))
+                          : (_openBlock(), _createElementBlock("div", {
+                              key: 1,
+                              class: "prompt-presets-list"
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptPresets, (preset) => {
+                                return (_openBlock(), _createElementBlock("article", {
+                                  key: preset.id,
+                                  class: "prompt-preset-row"
+                                }, [
+                                  _createElementVNode("div", { class: "prompt-preset-main" }, [
+                                    _createElementVNode("input", {
+                                      type: "text",
+                                      class: "form-input prompt-preset-name",
+                                      value: _ctx.getPromptPresetRenameDraft(preset),
+                                      onInput: $event => (_ctx.setPromptPresetRenameDraft(preset.id, $event.target.value)),
+                                      onKeydown: _withKeys(_withModifiers($event => (_ctx.renamePromptPreset(preset)), ["prevent"]), ["enter"]),
+                                      "aria-label": _ctx.t('prompts.presets.renameAria')
+                                    }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "onInput", "onKeydown", "aria-label"]),
+                                    _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('prompts.presets.updatedAt', { time: _ctx.formatPromptPresetTime(preset.updatedAt) })), 1 /* TEXT */),
+                                    _createElementVNode("pre", { class: "prompt-preset-preview" }, _toDisplayString(preset.content), 1 /* TEXT */)
+                                  ]),
+                                  _createElementVNode("div", { class: "prompts-editor-actions prompt-preset-actions" }, [
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini",
+                                      onClick: $event => (_ctx.renamePromptPreset(preset))
+                                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick"]),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini",
+                                      onClick: $event => (_ctx.applyPromptPresetToEditor(preset))
+                                    }, _toDisplayString(_ctx.t('common.paste')), 9 /* TEXT, PROPS */, ["onClick"]),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini btn-danger-mini",
+                                      onClick: $event => (_ctx.deletePromptPreset(preset))
+                                    }, _toDisplayString(_ctx.t('common.delete')), 9 /* TEXT, PROPS */, ["onClick"])
+                                  ])
+                                ]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ]))
+                      ])
+                    ])
+                  ]),
                   _createElementVNode("div", { class: "form-group" }, [
                     (_ctx.agentsDiffVisible)
                       ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
@@ -9096,8 +9212,10 @@ return function render(_ctx, _cache) {
                 }, _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" }, [
-              _createElementVNode("div", { class: "form-group" }, [
+            _createElementVNode("div", {
+              class: _normalizeClass(["modal-editor-body", { 'modal-editor-body--openclaw-workspace': _ctx.agentsContext === 'openclaw-workspace' }])
+            }, [
+              _createElementVNode("div", { class: "form-group agents-target-file-group" }, [
                 _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('modal.agents.targetFile')), 1 /* TEXT */),
                 _createElementVNode("div", { class: "form-hint" }, [
                   _createTextVNode(_toDisplayString(_ctx.agentsPath || _ctx.t('common.notLoaded')) + " ", 1 /* TEXT */),
@@ -9106,8 +9224,10 @@ return function render(_ctx, _cache) {
                     : _createCommentVNode("v-if", true)
                 ])
               ]),
-              _createElementVNode("div", { class: "form-group" }, [
-                _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t(_ctx.agentsContext === 'claude-project' ? 'modal.agents.contentLabel.claudeProject' : 'modal.agents.contentLabel')), 1 /* TEXT */),
+              _createElementVNode("div", { class: "form-group agents-content-group" }, [
+                _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.agentsContext === 'openclaw-workspace'
+                                ? `${_ctx.agentsWorkspaceFileName || '工作区文件'} 内容`
+                                : _ctx.t(_ctx.agentsContext === 'claude-project' ? 'modal.agents.contentLabel.claudeProject' : 'modal.agents.contentLabel')), 1 /* TEXT */),
                 (!_ctx.agentsLoading && (_ctx.hasAgentsContentChanged() || _ctx.agentsDiffVisible))
                   ? (_openBlock(), _createElementBlock("div", {
                       key: 0,
@@ -9205,7 +9325,7 @@ return function render(_ctx, _cache) {
                               }, _toDisplayString(_ctx.t('diff.viewHint.preview')), 1 /* TEXT */))
                 ])
               ])
-            ])
+            ], 2 /* CLASS */)
           ])
         ], 8 /* PROPS */, ["onClick"]))
       : _createCommentVNode("v-if", true),

package/web-ui/styles/layout-shell.css

@@ -40,6 +40,7 @@ body::after {
 
 .app-shell.sidebar-collapsed {
     --side-rail-width: var(--side-rail-collapsed-width, 136px);
+    grid-template-columns: var(--side-rail-collapsed-width, 136px) minmax(0, 1fr);
 }
 
 .app-shell.standalone {

package/web-ui/styles/modals-core.css

@@ -61,6 +61,85 @@
     max-height: calc(100vh - 56px);
 }
 
+.agents-modal:has(.modal-editor-body--openclaw-workspace) {
+    width: min(94vw, 1040px);
+    max-height: calc(100vh - 40px);
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 246, 241, 0.96) 100%);
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .modal-editor-header {
+    padding: 18px 20px 12px;
+    border-bottom: 1px solid rgba(137, 111, 94, 0.10);
+    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(249, 244, 239, 0.82));
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .modal-title {
+    margin-bottom: 0;
+    font-size: 18px;
+    letter-spacing: -0.02em;
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .modal-header-actions {
+    gap: 6px;
+}
+
+.agents-modal .modal-editor-body--openclaw-workspace {
+    display: grid;
+    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
+    gap: 14px;
+    padding: 16px 20px 20px;
+    overflow: hidden;
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .agents-target-file-group {
+    align-self: start;
+    margin-bottom: 0;
+    padding: 14px;
+    border: 1px solid rgba(137, 111, 94, 0.12);
+    border-radius: var(--radius-lg);
+    background: rgba(255, 255, 255, 0.72);
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .agents-target-file-group .form-hint {
+    margin-top: 8px;
+    font-family: var(--font-family-mono);
+    font-size: 12px;
+    line-height: 1.55;
+    overflow-wrap: anywhere;
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .agents-content-group {
+    min-width: 0;
+    margin-bottom: 0;
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .agents-content-group > .form-label {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    font-size: 13px;
+    font-weight: 600;
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .template-editor,
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .agents-diff-editor {
+    min-height: min(64vh, 620px);
+    max-height: min(68vh, 680px);
+    border-radius: var(--radius-lg);
+    border-color: rgba(137, 111, 94, 0.14);
+    background: rgba(255, 255, 255, 0.88);
+    font-size: 13px;
+    line-height: 1.62;
+}
+
+.agents-modal:has(.modal-editor-body--openclaw-workspace) .template-editor-warning {
+    margin-top: 8px;
+    padding: 10px 12px;
+    border-radius: var(--radius-md);
+    background: rgba(137, 111, 94, 0.06);
+}
+
 .modal-editor-header {
     margin-bottom: 0;
     padding: var(--spacing-md) var(--spacing-md) 0;
@@ -693,3 +772,176 @@
     from { opacity: 0; transform: translateY(-8px); }
     to { opacity: 1; transform: translateY(0); }
 }
+
+.prompts-md-tabs {
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    margin: 0 0 12px;
+    border-bottom: 1px solid var(--color-border-soft);
+}
+
+.prompts-md-tab {
+    padding: 7px 10px 8px;
+    border: 0;
+    border-bottom: 2px solid transparent;
+    background: transparent;
+    box-shadow: none;
+    color: var(--color-text-secondary);
+    cursor: pointer;
+    font-size: var(--font-size-body);
+    font-weight: var(--font-weight-secondary);
+}
+
+.prompts-md-tab:hover {
+    color: var(--color-text-primary);
+    background: transparent;
+}
+
+.prompts-md-tab.active {
+    color: var(--color-brand-dark);
+    border-bottom-color: var(--color-brand);
+    background: transparent;
+    box-shadow: none;
+}
+
+.prompt-presets-inline-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin: 8px 0 12px;
+    padding: 10px 12px;
+    border: 1px solid var(--color-border-soft);
+    border-radius: var(--radius-md);
+    background: var(--color-bg-card);
+}
+
+.prompt-presets-inline-group {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+}
+
+.prompt-presets-inline-group--save {
+    flex: 1;
+    justify-content: flex-end;
+}
+
+.prompt-presets-inline-label {
+    flex-shrink: 0;
+    color: var(--color-text-secondary);
+    font-size: var(--font-size-small);
+}
+
+.prompt-presets-select {
+    min-width: 180px;
+}
+
+.prompt-presets-panel {
+    margin: 12px 0;
+    border: 1px solid var(--color-border-soft);
+    border-radius: var(--radius-md);
+    background: var(--color-bg-card);
+}
+
+.prompt-presets-summary {
+    display: flex;
+    align-items: baseline;
+    gap: 10px;
+    padding: 10px 12px;
+    cursor: pointer;
+    color: var(--color-text-primary);
+    font-weight: var(--font-weight-primary);
+}
+
+.prompt-presets-summary small {
+    color: var(--color-text-secondary);
+    font-weight: 400;
+}
+
+.prompt-presets-toolbar {
+    padding: 0 12px 10px;
+}
+
+.prompt-presets-save-row {
+    gap: 8px;
+}
+
+.prompt-presets-name-input {
+    width: min(340px, 34vw);
+}
+
+.prompt-presets-body {
+    min-height: 0;
+    margin: 0;
+    padding: 0 12px 12px;
+}
+
+.prompt-presets-frame {
+    max-height: 320px;
+    min-height: 0;
+    overflow: auto;
+    background: var(--color-bg-card);
+}
+
+.prompt-presets-empty {
+    margin: 0;
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: transparent;
+}
+
+.prompt-presets-list {
+    display: flex;
+    flex-direction: column;
+}
+
+.prompt-preset-row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 12px;
+    padding: 12px;
+    border-bottom: 1px solid var(--color-border-soft);
+    background: transparent;
+}
+
+.prompt-preset-row:last-child {
+    border-bottom: none;
+}
+
+.prompt-preset-main {
+    min-width: 0;
+}
+
+.prompt-preset-name {
+    font-weight: var(--font-weight-primary);
+}
+
+.prompt-preset-preview {
+    max-height: 180px;
+    margin: 8px 0 0;
+    padding: 10px;
+    overflow: auto;
+    white-space: pre-wrap;
+    word-break: break-word;
+    border-radius: var(--radius-sm);
+    background: var(--color-bg-subtle);
+    color: var(--color-text-secondary);
+    font-family: var(--font-family-mono);
+    font-size: 11px;
+}
+
+.prompt-preset-actions {
+    align-self: start;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    max-width: 260px;
+}
+
+.btn-danger-mini {
+    color: var(--color-danger);
+}