codexmate 0.0.20 → 0.0.21

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 (102) hide show
  1. package/README.en.md +349 -259
  2. package/README.md +284 -252
  3. package/cli/agents-files.js +162 -0
  4. package/cli/archive-helpers.js +446 -0
  5. package/cli/auth-profiles.js +359 -0
  6. package/cli/builtin-proxy.js +580 -0
  7. package/cli/claude-proxy.js +998 -0
  8. package/cli/config-bootstrap.js +384 -0
  9. package/cli/config-health.js +338 -338
  10. package/cli/openclaw-config.js +629 -0
  11. package/cli/skills.js +1141 -0
  12. package/cli/zip-commands.js +510 -0
  13. package/cli.js +13101 -13497
  14. package/lib/cli-file-utils.js +151 -151
  15. package/lib/cli-models-utils.js +419 -311
  16. package/lib/cli-network-utils.js +164 -164
  17. package/lib/cli-path-utils.js +69 -0
  18. package/lib/cli-session-utils.js +121 -121
  19. package/lib/cli-sessions.js +386 -0
  20. package/lib/cli-utils.js +155 -155
  21. package/lib/download-artifacts.js +77 -0
  22. package/lib/mcp-stdio.js +440 -440
  23. package/lib/task-orchestrator.js +869 -0
  24. package/lib/text-diff.js +303 -303
  25. package/lib/workflow-engine.js +340 -340
  26. package/package.json +74 -70
  27. package/res/json5.min.js +1 -1
  28. package/res/vue.global.prod.js +13 -0
  29. package/web-ui/app.js +530 -397
  30. package/web-ui/index.html +33 -30
  31. package/web-ui/logic.agents-diff.mjs +386 -386
  32. package/web-ui/logic.claude.mjs +168 -108
  33. package/web-ui/logic.mjs +5 -5
  34. package/web-ui/logic.runtime.mjs +124 -124
  35. package/web-ui/logic.sessions.mjs +581 -263
  36. package/web-ui/modules/api.mjs +90 -69
  37. package/web-ui/modules/app.computed.dashboard.mjs +113 -113
  38. package/web-ui/modules/app.computed.index.mjs +15 -13
  39. package/web-ui/modules/app.computed.main-tabs.mjs +195 -0
  40. package/web-ui/modules/app.computed.session.mjs +507 -141
  41. package/web-ui/modules/app.constants.mjs +15 -15
  42. package/web-ui/modules/app.methods.agents.mjs +493 -493
  43. package/web-ui/modules/app.methods.claude-config.mjs +174 -174
  44. package/web-ui/modules/app.methods.codex-config.mjs +640 -640
  45. package/web-ui/modules/app.methods.index.mjs +88 -86
  46. package/web-ui/modules/app.methods.install.mjs +149 -157
  47. package/web-ui/modules/app.methods.navigation.mjs +619 -478
  48. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -514
  49. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -337
  50. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -251
  51. package/web-ui/modules/app.methods.providers.mjs +363 -265
  52. package/web-ui/modules/app.methods.runtime.mjs +323 -323
  53. package/web-ui/modules/app.methods.session-actions.mjs +520 -457
  54. package/web-ui/modules/app.methods.session-browser.mjs +626 -435
  55. package/web-ui/modules/app.methods.session-timeline.mjs +448 -441
  56. package/web-ui/modules/app.methods.session-trash.mjs +422 -419
  57. package/web-ui/modules/app.methods.startup-claude.mjs +412 -406
  58. package/web-ui/modules/app.methods.task-orchestration.mjs +471 -0
  59. package/web-ui/modules/config-mode.computed.mjs +126 -124
  60. package/web-ui/modules/skills.computed.mjs +107 -107
  61. package/web-ui/modules/skills.methods.mjs +481 -481
  62. package/web-ui/partials/index/layout-footer.html +13 -69
  63. package/web-ui/partials/index/layout-header.html +402 -337
  64. package/web-ui/partials/index/modal-config-template-agents.html +125 -125
  65. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  66. package/web-ui/partials/index/modal-health-check.html +72 -72
  67. package/web-ui/partials/index/modal-openclaw-config.html +280 -275
  68. package/web-ui/partials/index/modal-skills.html +184 -184
  69. package/web-ui/partials/index/modals-basic.html +156 -196
  70. package/web-ui/partials/index/panel-config-claude.html +126 -100
  71. package/web-ui/partials/index/panel-config-codex.html +237 -237
  72. package/web-ui/partials/index/panel-config-openclaw.html +78 -84
  73. package/web-ui/partials/index/panel-docs.html +130 -0
  74. package/web-ui/partials/index/panel-market.html +174 -174
  75. package/web-ui/partials/index/panel-orchestration.html +397 -0
  76. package/web-ui/partials/index/panel-sessions.html +292 -387
  77. package/web-ui/partials/index/panel-settings.html +190 -166
  78. package/web-ui/partials/index/panel-usage.html +213 -0
  79. package/web-ui/session-helpers.mjs +559 -362
  80. package/web-ui/source-bundle.cjs +233 -233
  81. package/web-ui/styles/base-theme.css +271 -373
  82. package/web-ui/styles/controls-forms.css +360 -354
  83. package/web-ui/styles/docs-panel.css +182 -0
  84. package/web-ui/styles/feedback.css +108 -108
  85. package/web-ui/styles/health-check-dialog.css +144 -144
  86. package/web-ui/styles/layout-shell.css +376 -330
  87. package/web-ui/styles/modals-core.css +464 -449
  88. package/web-ui/styles/navigation-panels.css +348 -381
  89. package/web-ui/styles/openclaw-structured.css +266 -266
  90. package/web-ui/styles/responsive.css +450 -416
  91. package/web-ui/styles/sessions-list.css +400 -414
  92. package/web-ui/styles/sessions-preview.css +411 -405
  93. package/web-ui/styles/sessions-toolbar-trash.css +243 -243
  94. package/web-ui/styles/sessions-usage.css +628 -276
  95. package/web-ui/styles/skills-list.css +296 -298
  96. package/web-ui/styles/skills-market.css +335 -335
  97. package/web-ui/styles/task-orchestration.css +776 -0
  98. package/web-ui/styles/titles-cards.css +408 -407
  99. package/web-ui/styles.css +18 -16
  100. package/web-ui.html +17 -17
  101. package/res/screenshot.png +0 -0
  102. package/res/vue.global.js +0 -18552
package/web-ui/partials/index/modals-basic.html CHANGED
@@ -1,196 +1,156 @@
1
- <!-- 添加提供商模态框 -->
2
- <div v-if="showAddModal" class="modal-overlay" @click.self="closeAddModal">
3
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-provider-modal-title">
4
- <div class="modal-title" id="add-provider-modal-title">添加提供商</div>
5
-
6
- <div class="form-group">
7
- <label class="form-label">名称</label>
8
- <input v-model="newProvider.name" class="form-input" placeholder="例如: myapi">
9
- </div>
10
- <div class="form-group">
11
- <label class="form-label">API 端点</label>
12
- <input v-model="newProvider.url" class="form-input" placeholder="https://api.example.com/v1">
13
- </div>
14
- <div class="form-group">
15
- <label class="form-label">认证密钥</label>
16
- <input v-model="newProvider.key" class="form-input" type="password" placeholder="sk-...">
17
- </div>
18
-
19
- <div class="btn-group">
20
- <button class="btn btn-cancel" @click="closeAddModal">取消</button>
21
- <button class="btn btn-confirm" @click="addProvider">添加</button>
22
- </div>
23
- </div>
24
- </div>
25
-
26
- <div v-if="showInstallModal" class="modal-overlay" @click.self="closeInstallModal">
27
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="install-cli-modal-title">
28
- <div class="modal-header">
29
- <div class="modal-title" id="install-cli-modal-title">CLI 安装</div>
30
- </div>
31
-
32
- <div class="list-row">
33
- <label class="form-label">包管理器</label>
34
- <select class="form-input" v-model="installPackageManager">
35
- <option value="npm">npm</option>
36
- <option value="pnpm">pnpm</option>
37
- <option value="bun">bun</option>
38
- </select>
39
- <label class="form-label">镜像源</label>
40
- <div class="install-action-tabs">
41
- <button class="btn-mini" :class="{ active: installRegistryPreset === 'default' }" @click="setInstallRegistryPreset('default')">官方</button>
42
- <button class="btn-mini" :class="{ active: installRegistryPreset === 'npmmirror' }" @click="setInstallRegistryPreset('npmmirror')">npmmirror</button>
43
- <button class="btn-mini" :class="{ active: installRegistryPreset === 'tencent' }" @click="setInstallRegistryPreset('tencent')">腾讯云</button>
44
- <button class="btn-mini" :class="{ active: installRegistryPreset === 'custom' }" @click="setInstallRegistryPreset('custom')">自定义</button>
45
- </div>
46
- <input
47
- v-if="installRegistryPreset === 'custom'"
48
- v-model="installRegistryCustom"
49
- class="form-input install-registry-input"
50
- placeholder="https://registry.example.com">
51
- <div class="form-hint install-registry-hint" v-if="installRegistryPreview">
52
- 命令将附加：--registry={{ installRegistryPreview }}
53
- </div>
54
- <div class="form-hint install-registry-hint" v-else-if="installRegistryPreset === 'custom'">
55
- 请输入完整 URL（含 http/https），将自动附加到命令。
56
- </div>
57
- <label class="form-label">操作</label>
58
- <div class="install-action-tabs">
59
- <button class="btn-mini" :class="{ active: installCommandAction === 'install' }" @click="setInstallCommandAction('install')">安装</button>
60
- <button class="btn-mini" :class="{ active: installCommandAction === 'update' }" @click="setInstallCommandAction('update')">升级</button>
61
- <button class="btn-mini" :class="{ active: installCommandAction === 'uninstall' }" @click="setInstallCommandAction('uninstall')">卸载</button>
62
- </div>
63
- </div>
64
-
65
- <div class="install-list">
66
- <div
67
- class="install-row"
68
- v-for="target in installTargetCards"
69
- :key="'install-command-' + target.id + '-' + installCommandAction">
70
- <div class="install-row-main">
71
- <div class="install-row-title">{{ target.name }}</div>
72
- <code class="install-command">{{ target.command }}</code>
73
- </div>
74
- <button class="btn-mini" :disabled="!target.command" @click="copyInstallCommand(target.command)">复制</button>
75
- </div>
76
- </div>
77
-
78
- <div class="install-help">
79
- <div class="form-label">常见问题</div>
80
- <ul class="install-help-list">
81
- <li v-for="tip in installTroubleshootingTips" :key="tip">{{ tip }}</li>
82
- </ul>
83
- </div>
84
- </div>
85
- </div>
86
-
87
- <!-- 编辑提供商模态框 -->
88
- <div v-if="showEditModal" class="modal-overlay" @click.self="closeEditModal">
89
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-provider-modal-title">
90
- <div class="modal-title" id="edit-provider-modal-title">编辑提供商</div>
91
-
92
- <div class="form-group">
93
- <label class="form-label">名称</label>
94
- <input v-model="editingProvider.name" class="form-input" placeholder="提供商名称" readonly>
95
- </div>
96
- <div class="form-group">
97
- <label class="form-label">API 端点</label>
98
- <input v-model="editingProvider.url" class="form-input" placeholder="https://api.example.com/v1">
99
- </div>
100
- <div class="form-group">
101
- <label class="form-label">认证密钥</label>
102
- <input v-model="editingProvider.key" class="form-input" type="password" placeholder="留空则保持不变">
103
- <div class="form-hint">留空表示不修改密钥</div>
104
- </div>
105
-
106
- <div class="btn-group">
107
- <button class="btn btn-cancel" @click="closeEditModal">取消</button>
108
- <button class="btn btn-confirm" @click="updateProvider">保存</button>
109
- </div>
110
- </div>
111
- </div>
112
-
113
- <!-- 添加模型模态框 -->
114
- <div v-if="showModelModal" class="modal-overlay" @click.self="closeModelModal">
115
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-model-modal-title">
116
- <div class="modal-title" id="add-model-modal-title">添加模型</div>
117
-
118
- <div class="form-group">
119
- <label class="form-label">模型名称</label>
120
- <input v-model="newModelName" class="form-input" placeholder="例如: gpt-5">
121
- </div>
122
-
123
- <div class="btn-group">
124
- <button class="btn btn-cancel" @click="closeModelModal">取消</button>
125
- <button class="btn btn-confirm" @click="addModel">添加</button>
126
- </div>
127
- </div>
128
- </div>
129
-
130
- <!-- 模型列表模态框 -->
131
- <div v-if="showModelListModal" class="modal-overlay" @click.self="showModelListModal = false">
132
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="manage-models-modal-title">
133
- <div class="modal-title" id="manage-models-modal-title">管理模型</div>
134
-
135
- <div class="model-list">
136
- <div v-for="model in models" :key="model" class="model-item">
137
- <span>{{ model }}</span>
138
- <button type="button" class="btn-remove-model" @click="removeModel(model)">删除</button>
139
- </div>
140
- </div>
141
-
142
- <div class="btn-group">
143
- <button class="btn btn-confirm" @click="showModelListModal = false">关闭</button>
144
- </div>
145
- </div>
146
- </div>
147
-
148
- <!-- 添加Claude配置模态框 -->
149
- <div v-if="showClaudeConfigModal" class="modal-overlay" @click.self="closeClaudeConfigModal">
150
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-claude-config-modal-title">
151
- <div class="modal-title" id="add-claude-config-modal-title">添加 Claude Code 配置</div>
152
-
153
- <div class="form-group">
154
- <label class="form-label">配置名称</label>
155
- <input v-model="newClaudeConfig.name" class="form-input" placeholder="例如: 智谱GLM">
156
- </div>
157
- <div class="form-group">
158
- <label class="form-label">API Key</label>
159
- <input v-model="newClaudeConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" placeholder="sk-ant-...">
160
- </div>
161
- <div class="form-group">
162
- <label class="form-label">Base URL</label>
163
- <input v-model="newClaudeConfig.baseUrl" class="form-input" placeholder="https://open.bigmodel.cn/api/anthropic">
164
- </div>
165
-
166
- <div class="btn-group">
167
- <button class="btn btn-cancel" @click="closeClaudeConfigModal">取消</button>
168
- <button class="btn btn-confirm" @click="addClaudeConfig">添加</button>
169
- </div>
170
- </div>
171
- </div>
172
-
173
- <!-- 编辑Claude配置模态框 -->
174
- <div v-if="showEditConfigModal" class="modal-overlay" @click.self="closeEditConfigModal">
175
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-claude-config-modal-title">
176
- <div class="modal-title" id="edit-claude-config-modal-title">编辑 Claude Code 配置</div>
177
-
178
- <div class="form-group">
179
- <label class="form-label">配置名称</label>
180
- <input v-model="editingConfig.name" class="form-input" placeholder="配置名称" readonly>
181
- </div>
182
- <div class="form-group">
183
- <label class="form-label">API Key</label>
184
- <input v-model="editingConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" placeholder="sk-ant-...">
185
- </div>
186
- <div class="form-group">
187
- <label class="form-label">Base URL</label>
188
- <input v-model="editingConfig.baseUrl" class="form-input" placeholder="https://open.bigmodel.cn/api/anthropic">
189
- </div>
190
-
191
- <div class="btn-group">
192
- <button class="btn btn-cancel" @click="closeEditConfigModal">取消</button>
193
- <button class="btn btn-confirm" @click="saveAndApplyConfig">保存并应用</button>
194
- </div>
195
- </div>
196
- </div>
1
+ <!-- 添加提供商模态框 -->
2
+ <div v-if="showAddModal" class="modal-overlay" @click.self="closeAddModal">
3
+ <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-provider-modal-title">
4
+ <div class="modal-title" id="add-provider-modal-title">添加提供商</div>
5
+
6
+ <div class="form-group">
7
+ <label class="form-label">名称</label>
8
+ <input
9
+ v-model="newProvider.name"
10
+ :class="['form-input', { invalid: !!providerFieldError('add', 'name') }]"
11
+ placeholder="例如: myapi"
12
+ autocomplete="off"
13
+ spellcheck="false"
14
+ @blur="normalizeProviderDraft('add')">
15
+ <div v-if="providerFieldError('add', 'name')" class="form-hint form-error">{{ providerFieldError('add', 'name') }}</div>
16
+ </div>
17
+ <div class="form-group">
18
+ <label class="form-label">API 端点</label>
19
+ <input
20
+ v-model="newProvider.url"
21
+ :class="['form-input', { invalid: !!providerFieldError('add', 'url') }]"
22
+ placeholder="https://api.example.com/v1"
23
+ autocomplete="off"
24
+ spellcheck="false"
25
+ @blur="normalizeProviderDraft('add')">
26
+ <div v-if="providerFieldError('add', 'url')" class="form-hint form-error">{{ providerFieldError('add', 'url') }}</div>
27
+ </div>
28
+ <div class="form-group">
29
+ <label class="form-label">认证密钥</label>
30
+ <input v-model="newProvider.key" class="form-input" type="password" placeholder="sk-...">
31
+ </div>
32
+
33
+ <div class="btn-group">
34
+ <button class="btn btn-cancel" @click="closeAddModal">取消</button>
35
+ <button class="btn btn-confirm" @click="addProvider" :disabled="!canSubmitProvider('add')">添加</button>
36
+ </div>
37
+ </div>
38
+ </div>
39
+
40
+ <!-- 编辑提供商模态框 -->
41
+ <div v-if="showEditModal" class="modal-overlay" @click.self="closeEditModal">
42
+ <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-provider-modal-title">
43
+ <div class="modal-title" id="edit-provider-modal-title">编辑提供商</div>
44
+
45
+ <div class="form-group">
46
+ <label class="form-label">名称</label>
47
+ <input v-model="editingProvider.name" class="form-input" placeholder="提供商名称" readonly>
48
+ </div>
49
+ <div class="form-group">
50
+ <label class="form-label">API 端点</label>
51
+ <input
52
+ v-model="editingProvider.url"
53
+ :class="['form-input', { invalid: !!providerFieldError('edit', 'url') }]"
54
+ placeholder="https://api.example.com/v1"
55
+ autocomplete="off"
56
+ spellcheck="false"
57
+ @blur="normalizeProviderDraft('edit')">
58
+ <div v-if="providerFieldError('edit', 'url')" class="form-hint form-error">{{ providerFieldError('edit', 'url') }}</div>
59
+ </div>
60
+ <div class="form-group">
61
+ <label class="form-label">认证密钥</label>
62
+ <input v-model="editingProvider.key" class="form-input" type="password" placeholder="留空则保持不变">
63
+ <div class="form-hint">留空表示不修改密钥</div>
64
+ </div>
65
+
66
+ <div class="btn-group">
67
+ <button class="btn btn-cancel" @click="closeEditModal">取消</button>
68
+ <button class="btn btn-confirm" @click="updateProvider" :disabled="!canSubmitProvider('edit')">保存</button>
69
+ </div>
70
+ </div>
71
+ </div>
72
+
73
+ <!-- 添加模型模态框 -->
74
+ <div v-if="showModelModal" class="modal-overlay" @click.self="closeModelModal">
75
+ <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-model-modal-title">
76
+ <div class="modal-title" id="add-model-modal-title">添加模型</div>
77
+
78
+ <div class="form-group">
79
+ <label class="form-label">模型名称</label>
80
+ <input v-model="newModelName" class="form-input" placeholder="例如: gpt-5">
81
+ </div>
82
+
83
+ <div class="btn-group">
84
+ <button class="btn btn-cancel" @click="closeModelModal">取消</button>
85
+ <button class="btn btn-confirm" @click="addModel">添加</button>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <!-- 模型列表模态框 -->
91
+ <div v-if="showModelListModal" class="modal-overlay" @click.self="showModelListModal = false">
92
+ <div class="modal" role="dialog" aria-modal="true" aria-labelledby="manage-models-modal-title">
93
+ <div class="modal-title" id="manage-models-modal-title">管理模型</div>
94
+
95
+ <div class="model-list">
96
+ <div v-for="model in models" :key="model" class="model-item">
97
+ <span>{{ model }}</span>
98
+ <button type="button" class="btn-remove-model" @click="removeModel(model)">删除</button>
99
+ </div>
100
+ </div>
101
+
102
+ <div class="btn-group">
103
+ <button class="btn btn-confirm" @click="showModelListModal = false">关闭</button>
104
+ </div>
105
+ </div>
106
+ </div>
107
+
108
+ <!-- 添加Claude配置模态框 -->
109
+ <div v-if="showClaudeConfigModal" class="modal-overlay" @click.self="closeClaudeConfigModal">
110
+ <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-claude-config-modal-title">
111
+ <div class="modal-title" id="add-claude-config-modal-title">添加 Claude Code 配置</div>
112
+
113
+ <div class="form-group">
114
+ <label class="form-label">配置名称</label>
115
+ <input v-model="newClaudeConfig.name" class="form-input" placeholder="例如: 智谱GLM">
116
+ </div>
117
+ <div class="form-group">
118
+ <label class="form-label">API Key</label>
119
+ <input v-model="newClaudeConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" placeholder="sk-ant-...">
120
+ </div>
121
+ <div class="form-group">
122
+ <label class="form-label">Base URL</label>
123
+ <input v-model="newClaudeConfig.baseUrl" class="form-input" placeholder="https://open.bigmodel.cn/api/anthropic">
124
+ </div>
125
+
126
+ <div class="btn-group">
127
+ <button class="btn btn-cancel" @click="closeClaudeConfigModal">取消</button>
128
+ <button class="btn btn-confirm" @click="addClaudeConfig">添加</button>
129
+ </div>
130
+ </div>
131
+ </div>
132
+
133
+ <!-- 编辑Claude配置模态框 -->
134
+ <div v-if="showEditConfigModal" class="modal-overlay" @click.self="closeEditConfigModal">
135
+ <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-claude-config-modal-title">
136
+ <div class="modal-title" id="edit-claude-config-modal-title">编辑 Claude Code 配置</div>
137
+
138
+ <div class="form-group">
139
+ <label class="form-label">配置名称</label>
140
+ <input v-model="editingConfig.name" class="form-input" placeholder="配置名称" readonly>
141
+ </div>
142
+ <div class="form-group">
143
+ <label class="form-label">API Key</label>
144
+ <input v-model="editingConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" placeholder="sk-ant-...">
145
+ </div>
146
+ <div class="form-group">
147
+ <label class="form-label">Base URL</label>
148
+ <input v-model="editingConfig.baseUrl" class="form-input" placeholder="https://open.bigmodel.cn/api/anthropic">
149
+ </div>
150
+
151
+ <div class="btn-group">
152
+ <button class="btn btn-cancel" @click="closeEditConfigModal">取消</button>
153
+ <button class="btn btn-confirm" @click="saveAndApplyConfig">保存并应用</button>
154
+ </div>
155
+ </div>
156
+ </div>