codexmate 0.0.30 → 0.0.32

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 (144) hide show
  1. package/README.md +363 -421
  2. package/README.zh.md +371 -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 -402
  9. package/cli/config-health.js +454 -454
  10. package/cli/doctor-core.js +903 -903
  11. package/cli/import-skills-url.js +356 -356
  12. package/cli/local-bridge.js +324 -324
  13. package/cli/openai-bridge.js +1653 -1653
  14. package/cli/openclaw-config.js +629 -629
  15. package/cli/session-convert-args.js +69 -65
  16. package/cli/session-convert-io.js +82 -82
  17. package/cli/session-convert.js +150 -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 +15829 -15481
  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 +426 -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 +647 -645
  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 +781 -765
  60. package/web-ui/modules/api.mjs +90 -90
  61. package/web-ui/modules/app.computed.dashboard.mjs +248 -248
  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 +693 -999
  65. package/web-ui/modules/app.constants.mjs +15 -15
  66. package/web-ui/modules/app.methods.agents.mjs +651 -632
  67. package/web-ui/modules/app.methods.claude-config.mjs +200 -200
  68. package/web-ui/modules/app.methods.codex-config.mjs +861 -917
  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 -774
  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 -529
  76. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  77. package/web-ui/modules/app.methods.session-actions.mjs +591 -593
  78. package/web-ui/modules/app.methods.session-browser.mjs +1012 -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 +537 -534
  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 +3177 -3146
  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 -482
  95. package/web-ui/partials/index/layout-footer.html +13 -13
  96. package/web-ui/partials/index/layout-header.html +503 -500
  97. package/web-ui/partials/index/modal-config-template-agents.html +185 -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 +136 -194
  104. package/web-ui/partials/index/panel-config-codex.html +197 -337
  105. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  106. package/web-ui/partials/index/panel-dashboard.html +219 -219
  107. package/web-ui/partials/index/panel-docs.html +115 -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 +313 -308
  112. package/web-ui/partials/index/panel-settings.html +190 -190
  113. package/web-ui/partials/index/panel-trash.html +83 -88
  114. package/web-ui/partials/index/panel-usage.html +138 -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 +591 -594
  118. package/web-ui/source-bundle.cjs +233 -233
  119. package/web-ui/styles/base-theme.css +281 -281
  120. package/web-ui/styles/bridge-pool.css +197 -0
  121. package/web-ui/styles/controls-forms.css +433 -422
  122. package/web-ui/styles/dashboard.css +406 -406
  123. package/web-ui/styles/docs-panel.css +245 -271
  124. package/web-ui/styles/feedback.css +108 -108
  125. package/web-ui/styles/health-check-dialog.css +144 -144
  126. package/web-ui/styles/layout-shell.css +638 -626
  127. package/web-ui/styles/modals-core.css +466 -466
  128. package/web-ui/styles/navigation-panels.css +391 -391
  129. package/web-ui/styles/openclaw-structured.css +266 -266
  130. package/web-ui/styles/plugins-panel.css +564 -564
  131. package/web-ui/styles/responsive.css +392 -454
  132. package/web-ui/styles/sessions-list.css +647 -417
  133. package/web-ui/styles/sessions-preview.css +407 -407
  134. package/web-ui/styles/sessions-toolbar-trash.css +518 -334
  135. package/web-ui/styles/sessions-usage.css +588 -1040
  136. package/web-ui/styles/settings-panel.css +349 -349
  137. package/web-ui/styles/skills-list.css +305 -305
  138. package/web-ui/styles/skills-market.css +429 -429
  139. package/web-ui/styles/task-orchestration.css +822 -822
  140. package/web-ui/styles/titles-cards.css +472 -472
  141. package/web-ui/styles/trash-panel.css +90 -90
  142. package/web-ui/styles/webhook.css +81 -81
  143. package/web-ui/styles.css +24 -23
  144. 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>