codexmate 0.1.1 → 0.1.2

package/web-ui/partials/index/panel-config-openclaw.html

@@ -11,6 +11,27 @@
                     <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
                 </div>
                 <div class="openclaw-layout">
+                    <section class="settings-card settings-card--wide openclaw-summary-card" aria-label="OpenClaw 当前摘要">
+                        <div class="settings-card-body">
+                            <div class="openclaw-summary-header">
+                                <div>
+                                    <div class="summary-eyebrow">OPENCLAW</div>
+                                    <div class="summary-title">配置与本地诊断</div>
+                                </div>
+                                <div class="summary-note">配置摘要</div>
+                            </div>
+                            <div class="openclaw-summary-grid">
+                                <div v-for="item in getOpenclawStatusSummaryItems()" :key="item.key" :class="['openclaw-summary-item', item.tone || '']">
+                                    <div class="summary-item-label">{{ item.label }}</div>
+                                    <div class="summary-item-value">{{ item.value }}</div>
+                                </div>
+                            </div>
+                            <div class="openclaw-diagnostic-note">
+                                本页仅管理配置与工作区文件。
+                            </div>
+                        </div>
+                    </section>
+
                     <section class="settings-card settings-card--wide openclaw-workspace-card">
                         <div class="settings-card-body">
                             <div class="openclaw-tools-grid">
@@ -18,27 +39,29 @@
                                     <div class="tool-icon">📄</div>
                                     <div class="tool-content">
                                         <div class="tool-title">AGENTS.md</div>
-                                        <div class="tool-meta">{{ agentsLoading ? t('config.modelLoading') : t('openclaw.agents.hint') }}</div>
+                                        <div class="tool-meta">{{ agentsLoading ? t('config.modelLoading') : 'Workspace file' }}</div>
                                     </div>
                                     <svg class="tool-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                         <path d="M9 18l6-6-6-6"/>
                                     </svg>
                                 </button>
 
-                                <div class="openclaw-workspace-card">
-                                    <label class="workspace-label" for="openclaw-workspace-file">{{ t('openclaw.workspaceFile') }}</label>
-                                    <div class="workspace-input-group">
-                                        <input
-                                            id="openclaw-workspace-file"
-                                            class="form-input"
-                                            v-model="openclawWorkspaceFileName"
-                                            :placeholder="t('openclaw.workspace.placeholder')">
-                                        <button class="btn-tool" @click="openOpenclawWorkspaceEditor" :disabled="loading || !!initError || agentsLoading">
-                                            {{ agentsLoading ? t('config.modelLoading') : t('openclaw.workspace.open') }}
-                                        </button>
+                                <button
+                                    v-for="fileName in getOpenclawQuickWorkspaceFiles()"
+                                    :key="fileName"
+                                    type="button"
+                                    class="openclaw-tool-btn"
+                                    @click="openOpenclawQuickWorkspaceFile(fileName)"
+                                    :disabled="loading || !!initError || agentsLoading">
+                                    <div class="tool-icon">📄</div>
+                                    <div class="tool-content">
+                                        <div class="tool-title">{{ fileName }}</div>
+                                        <div class="tool-meta">Workspace file</div>
                                     </div>
-                                    <div class="workspace-meta">{{ t('openclaw.workspace.hint') }}</div>
-                                </div>
+                                    <svg class="tool-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M9 18l6-6-6-6"/>
+                                    </svg>
+                                </button>
                             </div>
                         </div>
                     </section>
@@ -60,6 +83,11 @@
                                         <div class="card-content">
                                             <div class="card-title">{{ name }}</div>
                                             <div class="card-subtitle">{{ openclawSubtitle(config) }}</div>
+                                            <div v-if="openclawHasContent(config)" class="openclaw-config-summary-mini">
+                                                <span v-for="item in getOpenclawConfigSummary(config).slice(0, 3)" :key="item.key">
+                                                    {{ item.label }}: {{ item.value }}
+                                                </span>
+                                            </div>
                                         </div>
                                     </div>
                                     <div class="card-trailing">

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

@@ -2243,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" }, [
@@ -2254,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",
@@ -2266,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 */))
                   ])
                 ])
               ]),
@@ -2315,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" }, [
@@ -7171,37 +7211,6 @@ return function render(_ctx, _cache) {
                 _createTextVNode(" " + _toDisplayString(_ctx.t('field.useBuiltinTransform')), 1 /* TEXT */)
               ])
             ]),
-            (_ctx.newProvider.useTransform)
-              ? (_openBlock(), _createElementBlock("div", {
-                  key: 0,
-                  class: "form-group"
-                }, [
-                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.transformMaxRetries')), 1 /* TEXT */),
-                  _withDirectives(_createElementVNode("input", {
-                    "onUpdate:modelValue": $event => ((_ctx.newProvider.openaiBridgeMaxRetries) = $event),
-                    type: "number",
-                    min: "2",
-                    max: "10",
-                    step: "1",
-                    class: _normalizeClass(['form-input', { invalid: !!_ctx.providerFieldError('add', 'openaiBridgeMaxRetries') }]),
-                    onBlur: $event => (_ctx.normalizeProviderDraft('add'))
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur"]), [
-                    [
-                      _vModelText,
-                      _ctx.newProvider.openaiBridgeMaxRetries,
-                      void 0,
-                      { number: true }
-                    ]
-                  ]),
-                  _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('hint.transformMaxRetries')), 1 /* TEXT */),
-                  (_ctx.providerFieldError('add', 'openaiBridgeMaxRetries'))
-                    ? (_openBlock(), _createElementBlock("div", {
-                        key: 0,
-                        class: "form-hint form-error"
-                      }, _toDisplayString(_ctx.providerFieldError('add', 'openaiBridgeMaxRetries')), 1 /* TEXT */))
-                    : _createCommentVNode("v-if", true)
-                ]))
-              : _createCommentVNode("v-if", true),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
                 class: "btn btn-cancel",
@@ -7314,37 +7323,6 @@ return function render(_ctx, _cache) {
                 ], 8 /* PROPS */, ["onClick", "title", "aria-label"])
               ])
             ]),
-            (_ctx.editingProvider.useTransform)
-              ? (_openBlock(), _createElementBlock("div", {
-                  key: 0,
-                  class: "form-group"
-                }, [
-                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('field.transformMaxRetries')), 1 /* TEXT */),
-                  _withDirectives(_createElementVNode("input", {
-                    "onUpdate:modelValue": $event => ((_ctx.editingProvider.openaiBridgeMaxRetries) = $event),
-                    type: "number",
-                    min: "2",
-                    max: "10",
-                    step: "1",
-                    class: _normalizeClass(['form-input', { invalid: !!_ctx.providerFieldError('edit', 'openaiBridgeMaxRetries') }]),
-                    onBlur: $event => (_ctx.normalizeProviderDraft('edit'))
-                  }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "onBlur"]), [
-                    [
-                      _vModelText,
-                      _ctx.editingProvider.openaiBridgeMaxRetries,
-                      void 0,
-                      { number: true }
-                    ]
-                  ]),
-                  _createElementVNode("div", { class: "form-hint" }, _toDisplayString(_ctx.t('hint.transformMaxRetries')), 1 /* TEXT */),
-                  (_ctx.providerFieldError('edit', 'openaiBridgeMaxRetries'))
-                    ? (_openBlock(), _createElementBlock("div", {
-                        key: 0,
-                        class: "form-hint form-error"
-                      }, _toDisplayString(_ctx.providerFieldError('edit', 'openaiBridgeMaxRetries')), 1 /* TEXT */))
-                    : _createCommentVNode("v-if", true)
-                ]))
-              : _createCommentVNode("v-if", true),
             _createElementVNode("div", { class: "btn-group" }, [
               _createElementVNode("button", {
                 class: "btn btn-cancel",
@@ -9234,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 */),
@@ -9244,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,
@@ -9343,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;