codexmate 0.0.29 → 0.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/README.md +421 -421
  2. package/README.zh.md +354 -354
  3. package/cli/agents-files.js +224 -224
  4. package/cli/archive-helpers.js +446 -446
  5. package/cli/auth-profiles.js +375 -375
  6. package/cli/builtin-proxy.js +1725 -1725
  7. package/cli/claude-proxy.js +1022 -1022
  8. package/cli/config-bootstrap.js +402 -384
  9. package/cli/config-health.js +454 -338
  10. package/cli/doctor-core.js +903 -903
  11. package/cli/import-skills-url.js +356 -356
  12. package/cli/local-bridge.js +324 -0
  13. package/cli/openai-bridge.js +1653 -1576
  14. package/cli/openclaw-config.js +629 -629
  15. package/cli/session-convert-args.js +65 -65
  16. package/cli/session-convert-io.js +82 -82
  17. package/cli/session-convert.js +43 -43
  18. package/cli/session-usage.concurrent.js +28 -28
  19. package/cli/session-usage.js +118 -118
  20. package/cli/session-usage.models.js +176 -176
  21. package/cli/skills.js +1141 -1141
  22. package/cli/zip-commands.js +510 -510
  23. package/cli.js +15481 -15340
  24. package/lib/automation.js +404 -404
  25. package/lib/cli-file-utils.js +151 -151
  26. package/lib/cli-models-utils.js +440 -440
  27. package/lib/cli-network-utils.js +190 -190
  28. package/lib/cli-path-utils.js +85 -85
  29. package/lib/cli-session-utils.js +121 -121
  30. package/lib/cli-sessions.js +417 -417
  31. package/lib/cli-utils.js +155 -155
  32. package/lib/cli-webhook.js +126 -126
  33. package/lib/download-artifacts.js +92 -92
  34. package/lib/mcp-stdio.js +453 -453
  35. package/lib/task-orchestrator.js +869 -869
  36. package/lib/text-diff.js +303 -303
  37. package/lib/workflow-engine.js +340 -340
  38. package/package.json +76 -76
  39. package/plugins/README.md +20 -20
  40. package/plugins/README.zh-CN.md +20 -20
  41. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  42. package/plugins/prompt-templates/computed.mjs +253 -253
  43. package/plugins/prompt-templates/index.mjs +8 -8
  44. package/plugins/prompt-templates/manifest.mjs +15 -15
  45. package/plugins/prompt-templates/methods.mjs +553 -553
  46. package/plugins/prompt-templates/overview.mjs +91 -91
  47. package/plugins/prompt-templates/ownership.mjs +19 -19
  48. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  49. package/plugins/prompt-templates/storage.mjs +64 -64
  50. package/plugins/registry.mjs +16 -16
  51. package/web-ui/app.js +645 -639
  52. package/web-ui/index.html +36 -36
  53. package/web-ui/logic.agents-diff.mjs +386 -386
  54. package/web-ui/logic.claude.mjs +168 -168
  55. package/web-ui/logic.codex.mjs +69 -69
  56. package/web-ui/logic.mjs +5 -5
  57. package/web-ui/logic.runtime.mjs +128 -128
  58. package/web-ui/logic.session-convert.mjs +70 -70
  59. package/web-ui/logic.sessions.mjs +765 -765
  60. package/web-ui/modules/api.mjs +90 -90
  61. package/web-ui/modules/app.computed.dashboard.mjs +248 -225
  62. package/web-ui/modules/app.computed.index.mjs +17 -17
  63. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  64. package/web-ui/modules/app.computed.session.mjs +999 -999
  65. package/web-ui/modules/app.constants.mjs +15 -15
  66. package/web-ui/modules/app.methods.agents.mjs +632 -632
  67. package/web-ui/modules/app.methods.claude-config.mjs +200 -200
  68. package/web-ui/modules/app.methods.codex-config.mjs +917 -892
  69. package/web-ui/modules/app.methods.index.mjs +94 -94
  70. package/web-ui/modules/app.methods.install.mjs +205 -205
  71. package/web-ui/modules/app.methods.navigation.mjs +774 -761
  72. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  73. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  74. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  75. package/web-ui/modules/app.methods.providers.mjs +529 -493
  76. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  77. package/web-ui/modules/app.methods.session-actions.mjs +593 -593
  78. package/web-ui/modules/app.methods.session-browser.mjs +984 -984
  79. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  80. package/web-ui/modules/app.methods.session-trash.mjs +438 -438
  81. package/web-ui/modules/app.methods.startup-claude.mjs +534 -533
  82. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  83. package/web-ui/modules/app.methods.webhook.mjs +79 -79
  84. package/web-ui/modules/config-mode.computed.mjs +124 -124
  85. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  86. package/web-ui/modules/i18n.dict.mjs +3146 -3131
  87. package/web-ui/modules/i18n.mjs +62 -62
  88. package/web-ui/modules/plugins.computed.mjs +3 -3
  89. package/web-ui/modules/plugins.methods.mjs +3 -3
  90. package/web-ui/modules/plugins.storage.mjs +11 -11
  91. package/web-ui/modules/provider-url-display.mjs +17 -17
  92. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  93. package/web-ui/modules/skills.computed.mjs +107 -107
  94. package/web-ui/modules/skills.methods.mjs +482 -481
  95. package/web-ui/partials/index/layout-footer.html +13 -13
  96. package/web-ui/partials/index/layout-header.html +500 -500
  97. package/web-ui/partials/index/modal-config-template-agents.html +174 -174
  98. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  99. package/web-ui/partials/index/modal-health-check.html +45 -45
  100. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  101. package/web-ui/partials/index/modal-skills.html +200 -200
  102. package/web-ui/partials/index/modals-basic.html +162 -162
  103. package/web-ui/partials/index/panel-config-claude.html +194 -194
  104. package/web-ui/partials/index/panel-config-codex.html +337 -323
  105. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  106. package/web-ui/partials/index/panel-dashboard.html +219 -186
  107. package/web-ui/partials/index/panel-docs.html +147 -147
  108. package/web-ui/partials/index/panel-market.html +177 -177
  109. package/web-ui/partials/index/panel-orchestration.html +391 -391
  110. package/web-ui/partials/index/panel-plugins.html +253 -253
  111. package/web-ui/partials/index/panel-sessions.html +308 -316
  112. package/web-ui/partials/index/panel-settings.html +190 -190
  113. package/web-ui/partials/index/panel-trash.html +88 -88
  114. package/web-ui/partials/index/panel-usage.html +371 -371
  115. package/web-ui/res/json5.min.js +1 -1
  116. package/web-ui/res/vue.global.prod.js +13 -13
  117. package/web-ui/session-helpers.mjs +594 -576
  118. package/web-ui/source-bundle.cjs +233 -233
  119. package/web-ui/styles/base-theme.css +281 -281
  120. package/web-ui/styles/controls-forms.css +422 -422
  121. package/web-ui/styles/dashboard.css +406 -274
  122. package/web-ui/styles/docs-panel.css +271 -271
  123. package/web-ui/styles/feedback.css +108 -108
  124. package/web-ui/styles/health-check-dialog.css +144 -144
  125. package/web-ui/styles/layout-shell.css +626 -626
  126. package/web-ui/styles/modals-core.css +466 -466
  127. package/web-ui/styles/navigation-panels.css +391 -391
  128. package/web-ui/styles/openclaw-structured.css +266 -266
  129. package/web-ui/styles/plugins-panel.css +564 -523
  130. package/web-ui/styles/responsive.css +454 -454
  131. package/web-ui/styles/sessions-list.css +417 -419
  132. package/web-ui/styles/sessions-preview.css +407 -411
  133. package/web-ui/styles/sessions-toolbar-trash.css +334 -330
  134. package/web-ui/styles/sessions-usage.css +1040 -1040
  135. package/web-ui/styles/settings-panel.css +349 -349
  136. package/web-ui/styles/skills-list.css +305 -303
  137. package/web-ui/styles/skills-market.css +429 -406
  138. package/web-ui/styles/task-orchestration.css +822 -822
  139. package/web-ui/styles/titles-cards.css +472 -472
  140. package/web-ui/styles/trash-panel.css +90 -90
  141. package/web-ui/styles/webhook.css +81 -81
  142. package/web-ui/styles.css +23 -23
  143. package/web-ui.html +17 -17
package/web-ui/partials/index/modal-openclaw-config.html CHANGED
@@ -1,280 +1,280 @@
1
- <div v-if="showOpenclawConfigModal" class="modal-overlay" @click.self="!(openclawSaving || openclawApplying) && closeOpenclawConfigModal()">
2
- <div class="modal modal-wide" role="dialog" aria-modal="true" aria-labelledby="openclaw-config-modal-title">
3
- <div class="modal-title" id="openclaw-config-modal-title">{{ openclawEditorTitle }}</div>
4
-
5
- <div class="form-group">
6
- <label class="form-label">{{ t('field.configName') }}</label>
7
- <input v-model="openclawEditing.name" class="form-input" :readonly="openclawEditing.lockName" :placeholder="t('placeholder.openclawConfigNameExample')">
8
- </div>
9
-
10
- <div class="form-group">
11
- <label class="form-label">{{ t('field.targetFile') }}</label>
12
- <div class="form-hint">
13
- {{ openclawConfigPath || t('common.notLoaded') }}
14
- <span v-if="openclawConfigPath">
15
- （{{ openclawConfigExists ? t('common.exists') : t('common.notExistsWillCreateOnApply') }}）
16
- </span>
17
- </div>
18
- <div class="btn-group" style="justify-content:flex-start;">
19
- <button class="btn btn-confirm secondary" @click="loadOpenclawConfigFromFile" :disabled="openclawFileLoading">
20
- {{ openclawFileLoading ? t('common.loading') : t('modal.openclaw.loadCurrent') }}
21
- </button>
22
- </div>
23
- </div>
24
-
25
- <div class="quick-section">
26
- <div class="quick-header">
27
- <div>
28
- <div class="quick-title">{{ t('modal.openclaw.quick.title') }}</div>
29
- <div class="form-hint">{{ t('modal.openclaw.quick.subtitle') }}</div>
30
- </div>
31
- <div class="quick-actions">
32
- <button class="btn-mini" @click="syncOpenclawQuickFromText">{{ t('modal.openclaw.quick.readFromEditor') }}</button>
33
- <button class="btn-mini" @click="resetOpenclawQuick">{{ t('common.clear') }}</button>
34
- </div>
35
- </div>
36
- <div class="quick-steps">
37
- <div class="quick-step"><span class="step-badge">1</span><span>{{ t('modal.openclaw.quick.step1') }}</span></div>
38
- <div class="quick-step"><span class="step-badge">2</span><span>{{ t('modal.openclaw.quick.step2') }}</span></div>
39
- <div class="quick-step"><span class="step-badge">3</span><span>{{ t('modal.openclaw.quick.step3') }}</span></div>
40
- </div>
41
- <div class="quick-grid">
42
- <div class="quick-card">
43
- <div class="structured-card-title">Provider</div>
44
- <div class="form-group">
45
- <label class="form-label">{{ t('field.providerName') }}</label>
46
- <input v-model="openclawQuick.providerName" class="form-input" placeholder="例如: custom-myapi">
47
- <div class="form-hint">{{ t('modal.openclaw.quick.providerHint') }}</div>
48
- </div>
49
- <div class="form-group">
50
- <label class="form-label">{{ t('field.baseUrl') }}</label>
51
- <input v-model="openclawQuick.baseUrl" class="form-input" placeholder="https://api.example.com/v1" :readonly="openclawQuick.baseUrlReadOnly">
52
- <div v-if="openclawQuick.baseUrlDisplayKind === 'builtin-default'" class="form-hint">{{ t('modal.openclaw.quick.baseUrlHintDefault') }}</div>
53
- <div v-else-if="openclawQuick.baseUrlReadOnly" class="form-hint">{{ t('modal.openclaw.quick.baseUrlHintReadonly') }}</div>
54
- </div>
55
- <div class="form-group">
56
- <label class="form-label">API Key</label>
57
- <div class="list-row">
58
- <input v-model="openclawQuick.apiKey" class="form-input" :readonly="openclawQuick.apiKeyReadOnly" :type="(openclawQuick.apiKeyReadOnly || openclawQuick.showKey) ? 'text' : 'password'" placeholder="sk-...">
59
- <button v-if="!openclawQuick.apiKeyReadOnly" class="btn-mini" @click="toggleOpenclawQuickKey">
60
- {{ openclawQuick.showKey ? t('common.hide') : t('common.show') }}
61
- </button>
62
- </div>
63
- <div v-if="openclawQuick.apiKeyDisplayKind === 'auth-profile-value'" class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintFromAuth') }}</div>
64
- <div v-else-if="openclawQuick.apiKeyReadOnly" class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintReadonly') }}</div>
65
- <div v-else class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintKeep') }}</div>
66
- </div>
67
- <div class="form-group">
68
- <label class="form-label">{{ t('field.apiType') }}</label>
69
- <input v-model="openclawQuick.apiType" class="form-input" list="openclawApiTypeList" :placeholder="t('placeholder.apiTypeExample')">
70
- <datalist id="openclawApiTypeList">
71
- <option value="openai-responses"></option>
72
- <option value="openai-chat"></option>
73
- <option value="anthropic"></option>
74
- <option value="custom"></option>
75
- </datalist>
76
- </div>
77
- </div>
78
-
79
- <div class="quick-card">
80
- <div class="structured-card-title">{{ t('modal.openclaw.quick.modelTitle') }}</div>
81
- <div class="form-group">
82
- <label class="form-label">{{ t('field.modelId') }}</label>
83
- <input v-model="openclawQuick.modelId" class="form-input" :placeholder="t('placeholder.modelIdExample')">
84
- </div>
85
- <div class="form-group">
86
- <label class="form-label">{{ t('field.displayName') }}</label>
87
- <input v-model="openclawQuick.modelName" class="form-input" :placeholder="t('placeholder.modelNameOptional')">
88
- </div>
89
- <div class="form-group">
90
- <label class="form-label">{{ t('field.contextAndMaxOutput') }}</label>
91
- <div class="list-row">
92
- <input v-model="openclawQuick.contextWindow" class="form-input" :placeholder="t('field.contextWindow')">
93
- <input v-model="openclawQuick.maxTokens" class="form-input" :placeholder="t('field.maxOutput')">
94
- </div>
95
- <div class="form-hint">{{ t('hint.emptyNoChange') }}</div>
96
- </div>
97
- </div>
98
-
99
- <div class="quick-card">
100
- <div class="structured-card-title">{{ t('modal.openclaw.quick.optionsTitle') }}</div>
101
- <label class="quick-option">
102
- <input type="checkbox" v-model="openclawQuick.setPrimary">
103
- {{ t('modal.openclaw.quick.setPrimary') }}
104
- </label>
105
- <label class="quick-option">
106
- <input type="checkbox" v-model="openclawQuick.overrideProvider">
107
- {{ t('modal.openclaw.quick.overrideProvider') }}
108
- </label>
109
- <label class="quick-option">
110
- <input type="checkbox" v-model="openclawQuick.overrideModels">
111
- {{ t('modal.openclaw.quick.overrideModels') }}
112
- </label>
113
- <div class="form-hint">{{ t('modal.openclaw.quick.optionsHint') }}</div>
114
- </div>
115
- </div>
116
- <div class="btn-group">
117
- <button class="btn btn-confirm" @click="applyOpenclawQuickToText">{{ t('modal.openclaw.quick.writeToEditor') }}</button>
118
- </div>
119
- </div>
120
-
121
- <div class="structured-section">
122
- <div class="structured-header">
123
- <span class="structured-title">结构化配置（高级）</span>
124
- <span class="form-hint">{{ t('modal.openclaw.structured.writeHint') }}</span>
125
- </div>
126
- <div class="structured-grid">
127
- <div class="structured-card">
128
- <div class="structured-card-title">Agents Defaults</div>
129
- <div class="form-group">
130
- <label class="form-label">主模型</label>
131
- <input v-model="openclawStructured.agentPrimary" class="form-input" placeholder="例如: provider/model">
132
- </div>
133
- <div class="form-group">
134
- <label class="form-label">备选模型</label>
135
- <div class="list-row" v-for="(item, index) in openclawStructured.agentFallbacks" :key="'fallback-' + index">
136
- <input v-model="openclawStructured.agentFallbacks[index]" class="form-input" placeholder="例如: provider/model">
137
- <button class="btn-mini delete" @click="removeOpenclawFallback(index)">删除</button>
138
- </div>
139
- <button class="btn-mini" @click="addOpenclawFallback">添加备选</button>
140
- </div>
141
- <div class="form-group">
142
- <label class="form-label">Workspace</label>
143
- <input v-model="openclawStructured.workspace" class="form-input" placeholder="例如: ~/.openclaw/workspace">
144
- </div>
145
- <div class="form-group">
146
- <label class="form-label">Timeout(s)</label>
147
- <input v-model="openclawStructured.timeout" class="form-input" placeholder="例如: 600">
148
- </div>
149
- <div class="form-group">
150
- <label class="form-label">Context Tokens</label>
151
- <input v-model="openclawStructured.contextTokens" class="form-input" placeholder="例如: 4096">
152
- </div>
153
- <div class="form-group">
154
- <label class="form-label">Max Concurrent</label>
155
- <input v-model="openclawStructured.maxConcurrent" class="form-input" placeholder="例如: 2">
156
- </div>
157
- </div>
158
-
159
- <div class="structured-card">
160
- <div class="structured-card-title">Env</div>
161
- <div class="form-group">
162
- <label class="form-label">环境变量</label>
163
- <div class="list-row" v-for="(item, index) in openclawStructured.envItems" :key="'env-' + index">
164
- <input v-model="item.key" class="form-input" placeholder="KEY">
165
- <input v-model="item.value" class="form-input" :type="item.show ? 'text' : 'password'" placeholder="VALUE">
166
- <button class="btn-mini" @click="toggleOpenclawEnvItem(index)">
167
- {{ item.show ? '隐藏' : '显示' }}
168
- </button>
169
- <button class="btn-mini delete" @click="removeOpenclawEnvItem(index)">删除</button>
170
- </div>
171
- <button class="btn-mini" @click="addOpenclawEnvItem">添加变量</button>
172
- </div>
173
- </div>
174
-
175
- <div class="structured-card">
176
- <div class="structured-card-title">Tools</div>
177
- <div class="form-group">
178
- <label class="form-label">Profile</label>
179
- <select v-model="openclawStructured.toolsProfile" class="form-input">
180
- <option value="default">default</option>
181
- <option value="strict">strict</option>
182
- <option value="permissive">permissive</option>
183
- <option value="custom">custom</option>
184
- </select>
185
- </div>
186
- <div class="form-group">
187
- <label class="form-label">Allow</label>
188
- <div class="list-row" v-for="(item, index) in openclawStructured.toolsAllow" :key="'allow-' + index">
189
- <input v-model="openclawStructured.toolsAllow[index]" class="form-input" placeholder="例如: fs.read*">
190
- <button class="btn-mini delete" @click="removeOpenclawToolsAllow(index)">删除</button>
191
- </div>
192
- <button class="btn-mini" @click="addOpenclawToolsAllow">添加 allow</button>
193
- </div>
194
- <div class="form-group">
195
- <label class="form-label">Deny</label>
196
- <div class="list-row" v-for="(item, index) in openclawStructured.toolsDeny" :key="'deny-' + index">
197
- <input v-model="openclawStructured.toolsDeny[index]" class="form-input" placeholder="例如: net.*">
198
- <button class="btn-mini delete" @click="removeOpenclawToolsDeny(index)">删除</button>
199
- </div>
200
- <button class="btn-mini" @click="addOpenclawToolsDeny">添加 deny</button>
201
- </div>
202
- </div>
203
-
204
- <div class="structured-card">
205
- <div class="structured-card-title">Providers（只读）</div>
206
- <div v-if="openclawProviders.length === 0" class="form-hint">
207
- 未发现 providers 配置（可能使用环境变量或外部配置）。
208
- </div>
209
- <div v-else class="provider-list">
210
- <div class="provider-item" v-for="(provider, index) in openclawProviders" :key="provider.key + '-' + provider.source + '-' + index">
211
- <div class="provider-header">
212
- <span class="provider-name">{{ provider.key }}</span>
213
- <span class="provider-source">来源: {{ provider.source }}</span>
214
- <span v-if="provider.isActive" class="pill configured">使用中</span>
215
- </div>
216
- <div v-if="provider.fields.length === 0" class="form-hint">未配置字段</div>
217
- <div v-else class="provider-fields">
218
- <div class="provider-field" v-for="field in provider.fields" :key="provider.key + '-' + field.key">
219
- <span class="provider-field-key">{{ field.key }}</span>
220
- <span class="provider-field-value">{{ field.value }}</span>
221
- </div>
222
- </div>
223
- </div>
224
- </div>
225
- <div v-if="openclawMissingProviders.length" class="form-hint">
226
- 使用中的 provider 未在配置中显示：{{ openclawMissingProviders.join(', ') }}。
227
- </div>
228
- </div>
229
-
230
- <div class="structured-card">
231
- <div class="structured-card-title">Agents（只读）</div>
232
- <div v-if="openclawAgentsList.length === 0" class="form-hint">
233
- 未发现 agents.list 配置。
234
- </div>
235
- <div v-else class="agent-list">
236
- <div class="agent-item" v-for="(agent, index) in openclawAgentsList" :key="agent.key + '-' + index">
237
- <div class="agent-header">
238
- <span class="agent-name">{{ agent.name }}</span>
239
- <span class="agent-id">ID: {{ agent.id }}</span>
240
- </div>
241
- <div class="agent-meta" v-if="agent.theme || agent.emoji || agent.avatar">
242
- <span v-if="agent.theme">主题: {{ agent.theme }}</span>
243
- <span v-if="agent.emoji">表情: {{ agent.emoji }}</span>
244
- <span v-if="agent.avatar">头像: {{ agent.avatar }}</span>
245
- </div>
246
- </div>
247
- </div>
248
- </div>
249
- </div>
250
- <div class="btn-group">
251
- <button class="btn btn-confirm secondary" @click="syncOpenclawStructuredFromText">从文本刷新</button>
252
- <button class="btn btn-confirm" @click="applyOpenclawStructuredToText">{{ t('common.writeToEditor') }}</button>
253
- </div>
254
- </div>
255
-
256
- <div class="form-group">
257
- <label class="form-label">OpenClaw 配置（JSON5）</label>
258
- <textarea
259
- v-model="openclawEditing.content"
260
- class="form-input template-editor"
261
- spellcheck="false"
262
- :readonly="openclawSaving || openclawApplying"
263
- placeholder="在这里编辑 OpenClaw 配置（JSON5）"></textarea>
264
- <div class="template-editor-warning">
265
- <span v-if="openclawEditing.lockName && openclawEditing.name === '默认配置'">默认配置始终映射当前 openclaw.json，请直接使用“保存并应用”。</span>
266
- <span v-else>保存仅写入本地配置库。点击“保存并应用”后会写入 openclaw.json。</span>
267
- </div>
268
- </div>
269
-
270
- <div class="btn-group">
271
- <button class="btn btn-cancel" @click="closeOpenclawConfigModal" :disabled="openclawSaving || openclawApplying">取消</button>
272
- <button class="btn btn-confirm" @click="saveOpenclawConfig" :disabled="openclawSaving || openclawApplying || (openclawEditing.lockName && openclawEditing.name === '默认配置')">
273
- {{ openclawSaving ? '保存中...' : '保存' }}
274
- </button>
275
- <button class="btn btn-confirm secondary" @click="saveAndApplyOpenclawConfig" :disabled="openclawSaving || openclawApplying">
276
- {{ openclawApplying ? '应用中...' : '保存并应用' }}
277
- </button>
278
- </div>
279
- </div>
280
- </div>
1
+ <div v-if="showOpenclawConfigModal" class="modal-overlay" @click.self="!(openclawSaving || openclawApplying) && closeOpenclawConfigModal()">
2
+ <div class="modal modal-wide" role="dialog" aria-modal="true" aria-labelledby="openclaw-config-modal-title">
3
+ <div class="modal-title" id="openclaw-config-modal-title">{{ openclawEditorTitle }}</div>
4
+
5
+ <div class="form-group">
6
+ <label class="form-label">{{ t('field.configName') }}</label>
7
+ <input v-model="openclawEditing.name" class="form-input" :readonly="openclawEditing.lockName" :placeholder="t('placeholder.openclawConfigNameExample')">
8
+ </div>
9
+
10
+ <div class="form-group">
11
+ <label class="form-label">{{ t('field.targetFile') }}</label>
12
+ <div class="form-hint">
13
+ {{ openclawConfigPath || t('common.notLoaded') }}
14
+ <span v-if="openclawConfigPath">
15
+ （{{ openclawConfigExists ? t('common.exists') : t('common.notExistsWillCreateOnApply') }}）
16
+ </span>
17
+ </div>
18
+ <div class="btn-group" style="justify-content:flex-start;">
19
+ <button class="btn btn-confirm secondary" @click="loadOpenclawConfigFromFile" :disabled="openclawFileLoading">
20
+ {{ openclawFileLoading ? t('common.loading') : t('modal.openclaw.loadCurrent') }}
21
+ </button>
22
+ </div>
23
+ </div>
24
+
25
+ <div class="quick-section">
26
+ <div class="quick-header">
27
+ <div>
28
+ <div class="quick-title">{{ t('modal.openclaw.quick.title') }}</div>
29
+ <div class="form-hint">{{ t('modal.openclaw.quick.subtitle') }}</div>
30
+ </div>
31
+ <div class="quick-actions">
32
+ <button class="btn-mini" @click="syncOpenclawQuickFromText">{{ t('modal.openclaw.quick.readFromEditor') }}</button>
33
+ <button class="btn-mini" @click="resetOpenclawQuick">{{ t('common.clear') }}</button>
34
+ </div>
35
+ </div>
36
+ <div class="quick-steps">
37
+ <div class="quick-step"><span class="step-badge">1</span><span>{{ t('modal.openclaw.quick.step1') }}</span></div>
38
+ <div class="quick-step"><span class="step-badge">2</span><span>{{ t('modal.openclaw.quick.step2') }}</span></div>
39
+ <div class="quick-step"><span class="step-badge">3</span><span>{{ t('modal.openclaw.quick.step3') }}</span></div>
40
+ </div>
41
+ <div class="quick-grid">
42
+ <div class="quick-card">
43
+ <div class="structured-card-title">Provider</div>
44
+ <div class="form-group">
45
+ <label class="form-label">{{ t('field.providerName') }}</label>
46
+ <input v-model="openclawQuick.providerName" class="form-input" placeholder="例如: custom-myapi">
47
+ <div class="form-hint">{{ t('modal.openclaw.quick.providerHint') }}</div>
48
+ </div>
49
+ <div class="form-group">
50
+ <label class="form-label">{{ t('field.baseUrl') }}</label>
51
+ <input v-model="openclawQuick.baseUrl" class="form-input" placeholder="https://api.example.com/v1" :readonly="openclawQuick.baseUrlReadOnly">
52
+ <div v-if="openclawQuick.baseUrlDisplayKind === 'builtin-default'" class="form-hint">{{ t('modal.openclaw.quick.baseUrlHintDefault') }}</div>
53
+ <div v-else-if="openclawQuick.baseUrlReadOnly" class="form-hint">{{ t('modal.openclaw.quick.baseUrlHintReadonly') }}</div>
54
+ </div>
55
+ <div class="form-group">
56
+ <label class="form-label">API Key</label>
57
+ <div class="list-row">
58
+ <input v-model="openclawQuick.apiKey" class="form-input" :readonly="openclawQuick.apiKeyReadOnly" :type="(openclawQuick.apiKeyReadOnly || openclawQuick.showKey) ? 'text' : 'password'" placeholder="sk-...">
59
+ <button v-if="!openclawQuick.apiKeyReadOnly" class="btn-mini" @click="toggleOpenclawQuickKey">
60
+ {{ openclawQuick.showKey ? t('common.hide') : t('common.show') }}
61
+ </button>
62
+ </div>
63
+ <div v-if="openclawQuick.apiKeyDisplayKind === 'auth-profile-value'" class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintFromAuth') }}</div>
64
+ <div v-else-if="openclawQuick.apiKeyReadOnly" class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintReadonly') }}</div>
65
+ <div v-else class="form-hint">{{ t('modal.openclaw.quick.apiKeyHintKeep') }}</div>
66
+ </div>
67
+ <div class="form-group">
68
+ <label class="form-label">{{ t('field.apiType') }}</label>
69
+ <input v-model="openclawQuick.apiType" class="form-input" list="openclawApiTypeList" :placeholder="t('placeholder.apiTypeExample')">
70
+ <datalist id="openclawApiTypeList">
71
+ <option value="openai-responses"></option>
72
+ <option value="openai-chat"></option>
73
+ <option value="anthropic"></option>
74
+ <option value="custom"></option>
75
+ </datalist>
76
+ </div>
77
+ </div>
78
+
79
+ <div class="quick-card">
80
+ <div class="structured-card-title">{{ t('modal.openclaw.quick.modelTitle') }}</div>
81
+ <div class="form-group">
82
+ <label class="form-label">{{ t('field.modelId') }}</label>
83
+ <input v-model="openclawQuick.modelId" class="form-input" :placeholder="t('placeholder.modelIdExample')">
84
+ </div>
85
+ <div class="form-group">
86
+ <label class="form-label">{{ t('field.displayName') }}</label>
87
+ <input v-model="openclawQuick.modelName" class="form-input" :placeholder="t('placeholder.modelNameOptional')">
88
+ </div>
89
+ <div class="form-group">
90
+ <label class="form-label">{{ t('field.contextAndMaxOutput') }}</label>
91
+ <div class="list-row">
92
+ <input v-model="openclawQuick.contextWindow" class="form-input" :placeholder="t('field.contextWindow')">
93
+ <input v-model="openclawQuick.maxTokens" class="form-input" :placeholder="t('field.maxOutput')">
94
+ </div>
95
+ <div class="form-hint">{{ t('hint.emptyNoChange') }}</div>
96
+ </div>
97
+ </div>
98
+
99
+ <div class="quick-card">
100
+ <div class="structured-card-title">{{ t('modal.openclaw.quick.optionsTitle') }}</div>
101
+ <label class="quick-option">
102
+ <input type="checkbox" v-model="openclawQuick.setPrimary">
103
+ {{ t('modal.openclaw.quick.setPrimary') }}
104
+ </label>
105
+ <label class="quick-option">
106
+ <input type="checkbox" v-model="openclawQuick.overrideProvider">
107
+ {{ t('modal.openclaw.quick.overrideProvider') }}
108
+ </label>
109
+ <label class="quick-option">
110
+ <input type="checkbox" v-model="openclawQuick.overrideModels">
111
+ {{ t('modal.openclaw.quick.overrideModels') }}
112
+ </label>
113
+ <div class="form-hint">{{ t('modal.openclaw.quick.optionsHint') }}</div>
114
+ </div>
115
+ </div>
116
+ <div class="btn-group">
117
+ <button class="btn btn-confirm" @click="applyOpenclawQuickToText">{{ t('modal.openclaw.quick.writeToEditor') }}</button>
118
+ </div>
119
+ </div>
120
+
121
+ <div class="structured-section">
122
+ <div class="structured-header">
123
+ <span class="structured-title">结构化配置（高级）</span>
124
+ <span class="form-hint">{{ t('modal.openclaw.structured.writeHint') }}</span>
125
+ </div>
126
+ <div class="structured-grid">
127
+ <div class="structured-card">
128
+ <div class="structured-card-title">Agents Defaults</div>
129
+ <div class="form-group">
130
+ <label class="form-label">主模型</label>
131
+ <input v-model="openclawStructured.agentPrimary" class="form-input" placeholder="例如: provider/model">
132
+ </div>
133
+ <div class="form-group">
134
+ <label class="form-label">备选模型</label>
135
+ <div class="list-row" v-for="(item, index) in openclawStructured.agentFallbacks" :key="'fallback-' + index">
136
+ <input v-model="openclawStructured.agentFallbacks[index]" class="form-input" placeholder="例如: provider/model">
137
+ <button class="btn-mini delete" @click="removeOpenclawFallback(index)">删除</button>
138
+ </div>
139
+ <button class="btn-mini" @click="addOpenclawFallback">添加备选</button>
140
+ </div>
141
+ <div class="form-group">
142
+ <label class="form-label">Workspace</label>
143
+ <input v-model="openclawStructured.workspace" class="form-input" placeholder="例如: ~/.openclaw/workspace">
144
+ </div>
145
+ <div class="form-group">
146
+ <label class="form-label">Timeout(s)</label>
147
+ <input v-model="openclawStructured.timeout" class="form-input" placeholder="例如: 600">
148
+ </div>
149
+ <div class="form-group">
150
+ <label class="form-label">Context Tokens</label>
151
+ <input v-model="openclawStructured.contextTokens" class="form-input" placeholder="例如: 4096">
152
+ </div>
153
+ <div class="form-group">
154
+ <label class="form-label">Max Concurrent</label>
155
+ <input v-model="openclawStructured.maxConcurrent" class="form-input" placeholder="例如: 2">
156
+ </div>
157
+ </div>
158
+
159
+ <div class="structured-card">
160
+ <div class="structured-card-title">Env</div>
161
+ <div class="form-group">
162
+ <label class="form-label">环境变量</label>
163
+ <div class="list-row" v-for="(item, index) in openclawStructured.envItems" :key="'env-' + index">
164
+ <input v-model="item.key" class="form-input" placeholder="KEY">
165
+ <input v-model="item.value" class="form-input" :type="item.show ? 'text' : 'password'" placeholder="VALUE">
166
+ <button class="btn-mini" @click="toggleOpenclawEnvItem(index)">
167
+ {{ item.show ? '隐藏' : '显示' }}
168
+ </button>
169
+ <button class="btn-mini delete" @click="removeOpenclawEnvItem(index)">删除</button>
170
+ </div>
171
+ <button class="btn-mini" @click="addOpenclawEnvItem">添加变量</button>
172
+ </div>
173
+ </div>
174
+
175
+ <div class="structured-card">
176
+ <div class="structured-card-title">Tools</div>
177
+ <div class="form-group">
178
+ <label class="form-label">Profile</label>
179
+ <select v-model="openclawStructured.toolsProfile" class="form-input">
180
+ <option value="default">default</option>
181
+ <option value="strict">strict</option>
182
+ <option value="permissive">permissive</option>
183
+ <option value="custom">custom</option>
184
+ </select>
185
+ </div>
186
+ <div class="form-group">
187
+ <label class="form-label">Allow</label>
188
+ <div class="list-row" v-for="(item, index) in openclawStructured.toolsAllow" :key="'allow-' + index">
189
+ <input v-model="openclawStructured.toolsAllow[index]" class="form-input" placeholder="例如: fs.read*">
190
+ <button class="btn-mini delete" @click="removeOpenclawToolsAllow(index)">删除</button>
191
+ </div>
192
+ <button class="btn-mini" @click="addOpenclawToolsAllow">添加 allow</button>
193
+ </div>
194
+ <div class="form-group">
195
+ <label class="form-label">Deny</label>
196
+ <div class="list-row" v-for="(item, index) in openclawStructured.toolsDeny" :key="'deny-' + index">
197
+ <input v-model="openclawStructured.toolsDeny[index]" class="form-input" placeholder="例如: net.*">
198
+ <button class="btn-mini delete" @click="removeOpenclawToolsDeny(index)">删除</button>
199
+ </div>
200
+ <button class="btn-mini" @click="addOpenclawToolsDeny">添加 deny</button>
201
+ </div>
202
+ </div>
203
+
204
+ <div class="structured-card">
205
+ <div class="structured-card-title">Providers（只读）</div>
206
+ <div v-if="openclawProviders.length === 0" class="form-hint">
207
+ 未发现 providers 配置（可能使用环境变量或外部配置）。
208
+ </div>
209
+ <div v-else class="provider-list">
210
+ <div class="provider-item" v-for="(provider, index) in openclawProviders" :key="provider.key + '-' + provider.source + '-' + index">
211
+ <div class="provider-header">
212
+ <span class="provider-name">{{ provider.key }}</span>
213
+ <span class="provider-source">来源: {{ provider.source }}</span>
214
+ <span v-if="provider.isActive" class="pill configured">使用中</span>
215
+ </div>
216
+ <div v-if="provider.fields.length === 0" class="form-hint">未配置字段</div>
217
+ <div v-else class="provider-fields">
218
+ <div class="provider-field" v-for="field in provider.fields" :key="provider.key + '-' + field.key">
219
+ <span class="provider-field-key">{{ field.key }}</span>
220
+ <span class="provider-field-value">{{ field.value }}</span>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ <div v-if="openclawMissingProviders.length" class="form-hint">
226
+ 使用中的 provider 未在配置中显示：{{ openclawMissingProviders.join(', ') }}。
227
+ </div>
228
+ </div>
229
+
230
+ <div class="structured-card">
231
+ <div class="structured-card-title">Agents（只读）</div>
232
+ <div v-if="openclawAgentsList.length === 0" class="form-hint">
233
+ 未发现 agents.list 配置。
234
+ </div>
235
+ <div v-else class="agent-list">
236
+ <div class="agent-item" v-for="(agent, index) in openclawAgentsList" :key="agent.key + '-' + index">
237
+ <div class="agent-header">
238
+ <span class="agent-name">{{ agent.name }}</span>
239
+ <span class="agent-id">ID: {{ agent.id }}</span>
240
+ </div>
241
+ <div class="agent-meta" v-if="agent.theme || agent.emoji || agent.avatar">
242
+ <span v-if="agent.theme">主题: {{ agent.theme }}</span>
243
+ <span v-if="agent.emoji">表情: {{ agent.emoji }}</span>
244
+ <span v-if="agent.avatar">头像: {{ agent.avatar }}</span>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ <div class="btn-group">
251
+ <button class="btn btn-confirm secondary" @click="syncOpenclawStructuredFromText">从文本刷新</button>
252
+ <button class="btn btn-confirm" @click="applyOpenclawStructuredToText">{{ t('common.writeToEditor') }}</button>
253
+ </div>
254
+ </div>
255
+
256
+ <div class="form-group">
257
+ <label class="form-label">OpenClaw 配置（JSON5）</label>
258
+ <textarea
259
+ v-model="openclawEditing.content"
260
+ class="form-input template-editor"
261
+ spellcheck="false"
262
+ :readonly="openclawSaving || openclawApplying"
263
+ placeholder="在这里编辑 OpenClaw 配置（JSON5）"></textarea>
264
+ <div class="template-editor-warning">
265
+ <span v-if="openclawEditing.lockName && openclawEditing.name === '默认配置'">默认配置始终映射当前 openclaw.json，请直接使用“保存并应用”。</span>
266
+ <span v-else>保存仅写入本地配置库。点击“保存并应用”后会写入 openclaw.json。</span>
267
+ </div>
268
+ </div>
269
+
270
+ <div class="btn-group">
271
+ <button class="btn btn-cancel" @click="closeOpenclawConfigModal" :disabled="openclawSaving || openclawApplying">取消</button>
272
+ <button class="btn btn-confirm" @click="saveOpenclawConfig" :disabled="openclawSaving || openclawApplying || (openclawEditing.lockName && openclawEditing.name === '默认配置')">
273
+ {{ openclawSaving ? '保存中...' : '保存' }}
274
+ </button>
275
+ <button class="btn btn-confirm secondary" @click="saveAndApplyOpenclawConfig" :disabled="openclawSaving || openclawApplying">
276
+ {{ openclawApplying ? '应用中...' : '保存并应用' }}
277
+ </button>
278
+ </div>
279
+ </div>
280
+ </div>