codexmate 0.0.26 → 0.0.27

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 (135) hide show
  1. package/README.md +421 -416
  2. package/README.zh.md +354 -349
  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 +1299 -1079
  7. package/cli/claude-proxy.js +1022 -1022
  8. package/cli/config-bootstrap.js +384 -384
  9. package/cli/config-health.js +338 -338
  10. package/cli/doctor-core.js +903 -903
  11. package/cli/import-skills-url.js +356 -356
  12. package/cli/openai-bridge.js +1091 -997
  13. package/cli/openclaw-config.js +629 -629
  14. package/cli/session-convert-args.js +65 -65
  15. package/cli/session-convert-io.js +82 -82
  16. package/cli/session-convert.js +43 -43
  17. package/cli/session-usage.concurrent.js +28 -28
  18. package/cli/session-usage.js +118 -118
  19. package/cli/session-usage.models.js +176 -176
  20. package/cli/skills.js +1141 -1141
  21. package/cli/zip-commands.js +510 -510
  22. package/cli.js +15251 -15218
  23. package/lib/automation.js +404 -404
  24. package/lib/cli-file-utils.js +151 -151
  25. package/lib/cli-models-utils.js +379 -379
  26. package/lib/cli-network-utils.js +190 -190
  27. package/lib/cli-path-utils.js +85 -85
  28. package/lib/cli-session-utils.js +121 -121
  29. package/lib/cli-sessions.js +417 -417
  30. package/lib/cli-utils.js +155 -155
  31. package/lib/download-artifacts.js +92 -92
  32. package/lib/mcp-stdio.js +453 -453
  33. package/lib/task-orchestrator.js +869 -869
  34. package/lib/text-diff.js +303 -303
  35. package/lib/workflow-engine.js +340 -340
  36. package/package.json +1 -1
  37. package/plugins/README.md +20 -20
  38. package/plugins/README.zh-CN.md +20 -20
  39. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  40. package/plugins/prompt-templates/computed.mjs +253 -253
  41. package/plugins/prompt-templates/index.mjs +8 -8
  42. package/plugins/prompt-templates/manifest.mjs +15 -15
  43. package/plugins/prompt-templates/methods.mjs +619 -619
  44. package/plugins/prompt-templates/overview.mjs +90 -90
  45. package/plugins/prompt-templates/ownership.mjs +19 -19
  46. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  47. package/plugins/prompt-templates/storage.mjs +64 -64
  48. package/plugins/registry.mjs +16 -16
  49. package/web-ui/app.js +634 -625
  50. package/web-ui/index.html +35 -35
  51. package/web-ui/logic.agents-diff.mjs +386 -386
  52. package/web-ui/logic.claude.mjs +168 -168
  53. package/web-ui/logic.mjs +5 -5
  54. package/web-ui/logic.runtime.mjs +128 -128
  55. package/web-ui/logic.session-convert.mjs +70 -70
  56. package/web-ui/logic.sessions.mjs +765 -709
  57. package/web-ui/modules/api.mjs +90 -90
  58. package/web-ui/modules/app.computed.dashboard.mjs +171 -171
  59. package/web-ui/modules/app.computed.index.mjs +17 -17
  60. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  61. package/web-ui/modules/app.computed.session.mjs +994 -946
  62. package/web-ui/modules/app.constants.mjs +15 -15
  63. package/web-ui/modules/app.methods.agents.mjs +632 -632
  64. package/web-ui/modules/app.methods.claude-config.mjs +184 -179
  65. package/web-ui/modules/app.methods.codex-config.mjs +860 -860
  66. package/web-ui/modules/app.methods.index.mjs +92 -92
  67. package/web-ui/modules/app.methods.install.mjs +205 -205
  68. package/web-ui/modules/app.methods.navigation.mjs +743 -743
  69. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  70. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  71. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  72. package/web-ui/modules/app.methods.providers.mjs +404 -404
  73. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  74. package/web-ui/modules/app.methods.session-actions.mjs +596 -596
  75. package/web-ui/modules/app.methods.session-browser.mjs +989 -985
  76. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  77. package/web-ui/modules/app.methods.session-trash.mjs +439 -424
  78. package/web-ui/modules/app.methods.startup-claude.mjs +526 -522
  79. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  80. package/web-ui/modules/config-mode.computed.mjs +124 -124
  81. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  82. package/web-ui/modules/i18n.dict.mjs +2131 -2113
  83. package/web-ui/modules/i18n.mjs +56 -56
  84. package/web-ui/modules/plugins.computed.mjs +3 -3
  85. package/web-ui/modules/plugins.methods.mjs +3 -3
  86. package/web-ui/modules/plugins.storage.mjs +11 -11
  87. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  88. package/web-ui/modules/skills.computed.mjs +107 -107
  89. package/web-ui/modules/skills.methods.mjs +481 -481
  90. package/web-ui/partials/index/layout-footer.html +13 -13
  91. package/web-ui/partials/index/layout-header.html +475 -475
  92. package/web-ui/partials/index/modal-config-template-agents.html +174 -174
  93. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  94. package/web-ui/partials/index/modal-health-check.html +45 -45
  95. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  96. package/web-ui/partials/index/modal-skills.html +200 -200
  97. package/web-ui/partials/index/modals-basic.html +165 -165
  98. package/web-ui/partials/index/panel-config-claude.html +187 -184
  99. package/web-ui/partials/index/panel-config-codex.html +283 -283
  100. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  101. package/web-ui/partials/index/panel-dashboard.html +186 -186
  102. package/web-ui/partials/index/panel-docs.html +147 -147
  103. package/web-ui/partials/index/panel-market.html +177 -177
  104. package/web-ui/partials/index/panel-orchestration.html +391 -391
  105. package/web-ui/partials/index/panel-plugins.html +279 -279
  106. package/web-ui/partials/index/panel-sessions.html +326 -326
  107. package/web-ui/partials/index/panel-settings.html +274 -258
  108. package/web-ui/partials/index/panel-usage.html +371 -342
  109. package/web-ui/res/json5.min.js +1 -1
  110. package/web-ui/res/vue.global.prod.js +13 -13
  111. package/web-ui/session-helpers.mjs +576 -576
  112. package/web-ui/source-bundle.cjs +233 -233
  113. package/web-ui/styles/base-theme.css +268 -268
  114. package/web-ui/styles/controls-forms.css +423 -423
  115. package/web-ui/styles/dashboard.css +274 -274
  116. package/web-ui/styles/docs-panel.css +247 -247
  117. package/web-ui/styles/feedback.css +108 -108
  118. package/web-ui/styles/health-check-dialog.css +144 -144
  119. package/web-ui/styles/layout-shell.css +603 -603
  120. package/web-ui/styles/modals-core.css +464 -464
  121. package/web-ui/styles/navigation-panels.css +390 -390
  122. package/web-ui/styles/openclaw-structured.css +266 -266
  123. package/web-ui/styles/plugins-panel.css +523 -523
  124. package/web-ui/styles/responsive.css +454 -454
  125. package/web-ui/styles/sessions-list.css +415 -415
  126. package/web-ui/styles/sessions-preview.css +411 -411
  127. package/web-ui/styles/sessions-toolbar-trash.css +330 -330
  128. package/web-ui/styles/sessions-usage.css +1040 -945
  129. package/web-ui/styles/settings-panel.css +185 -166
  130. package/web-ui/styles/skills-list.css +303 -303
  131. package/web-ui/styles/skills-market.css +406 -406
  132. package/web-ui/styles/task-orchestration.css +822 -822
  133. package/web-ui/styles/titles-cards.css +408 -408
  134. package/web-ui/styles.css +21 -21
  135. package/web-ui.html +17 -17
package/web-ui/partials/index/panel-config-claude.html CHANGED
@@ -1,184 +1,187 @@
1
- <!-- Claude Code 配置模式 -->
2
- <div
3
- v-show="mainTab === 'config' && configMode === 'claude'"
4
- class="mode-content mode-cards"
5
- id="panel-config-claude"
6
- role="tabpanel"
7
- :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-claude'">
8
- <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
9
- <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
10
- <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
11
- <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
12
- </div>
13
- <template v-if="shouldShowCliInstallPlaceholder('claude')">
14
- <div class="selector-section">
15
- <div class="empty-state">
16
- <div class="empty-state-title">{{ t('cli.missing.title', { name: 'Claude' }) }}</div>
17
- <div class="empty-state-subtitle">{{ t('cli.missing.subtitle', { name: 'Claude' }) }}</div>
18
- <div class="docs-command-row">
19
- <div class="docs-command-box" role="group" :aria-label="t('cli.missing.commandAria', { name: 'Claude' })">
20
- <code class="install-command">{{ getInstallCommand('claude', 'install') }}</code>
21
- <button
22
- type="button"
23
- class="btn-mini docs-copy-btn"
24
- :disabled="!getInstallCommand('claude', 'install')"
25
- @click="copyInstallCommand(getInstallCommand('claude', 'install'))">{{ t('common.copy') }}</button>
26
- </div>
27
- </div>
28
- <button type="button" class="btn-tool btn-tool-compact" @click="mainTab = 'docs'; setInstallCommandAction('install')">{{ t('cli.missing.openDocs') }}</button>
29
- </div>
30
- </div>
31
- </template>
32
- <template v-else>
33
- <!-- 添加提供商按钮 -->
34
- <button class="btn-add" @click="openClaudeConfigModal" v-if="!loading && !initError">
35
- <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
36
- <path d="M10 4v12M4 10h12"/>
37
- </svg>
38
- {{ t('claude.addProvider') }}
39
- </button>
40
- <div class="config-template-hint">
41
- {{ t('claude.applyDefault') }}
42
- </div>
43
-
44
- <div class="selector-section">
45
- <div class="selector-header">
46
- <span class="selector-title">{{ t('claude.presetProviders') }}</span>
47
- </div>
48
- <div class="btn-group" style="flex-wrap: wrap; gap: 8px;">
49
- <button type="button" class="btn-mini" @click="closeClaudeConfigModal(); showClaudeConfigModal = true">{{ t('claude.customConfig') }}</button>
50
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Claude Official'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.anthropic.com'; newClaudeConfig.model = 'claude-sonnet-4'; showClaudeConfigModal = true">Claude Official</button>
51
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DeepSeek'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.deepseek.com/anthropic'; newClaudeConfig.model = 'DeepSeek-V3.2'; showClaudeConfigModal = true">DeepSeek</button>
52
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Zhipu GLM'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://open.bigmodel.cn/api/anthropic'; newClaudeConfig.model = 'glm-5'; showClaudeConfigModal = true">Zhipu GLM</button>
53
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Z.ai GLM'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.z.ai/api/anthropic'; newClaudeConfig.model = 'glm-5'; showClaudeConfigModal = true">Z.ai GLM</button>
54
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Qwen Coder'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://coding.dashscope.aliyuncs.com/apps/anthropic'; newClaudeConfig.model = 'qwen3-coder'; showClaudeConfigModal = true">Qwen Coder</button>
55
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Kimi k2'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.moonshot.cn/anthropic'; newClaudeConfig.model = 'kimi-k2.5'; showClaudeConfigModal = true">Kimi k2</button>
56
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Kimi For Coding'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.kimi.com/coding/'; newClaudeConfig.model = 'kimi-k2.5'; showClaudeConfigModal = true">Kimi For Coding</button>
57
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'KAT-Coder'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://vanchin.streamlake.ai/api/gateway/v1/endpoints/${ENDPOINT_ID}/claude-code-proxy'; newClaudeConfig.model = 'KAT-Coder-Pro V1'; showClaudeConfigModal = true">KAT-Coder</button>
58
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Longcat'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.longcat.chat/anthropic'; newClaudeConfig.model = 'LongCat-Flash-Chat'; showClaudeConfigModal = true">Longcat</button>
59
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'MiniMax'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.minimaxi.com/anthropic'; newClaudeConfig.model = 'MiniMax-M2.7'; showClaudeConfigModal = true">MiniMax</button>
60
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'MiniMax en'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.minimax.io/anthropic'; newClaudeConfig.model = 'MiniMax-M2.7'; showClaudeConfigModal = true">MiniMax en</button>
61
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DouBaoSeed'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://ark.cn-beijing.volces.com/api/coding'; newClaudeConfig.model = 'doubao-seed-2-0-code-preview-latest'; showClaudeConfigModal = true">DouBaoSeed</button>
62
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'BaiLing'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.tbox.cn/api/anthropic'; newClaudeConfig.model = 'Ling-2.5-1T'; showClaudeConfigModal = true">BaiLing</button>
63
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'ModelScope'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api-inference.modelscope.cn'; newClaudeConfig.model = 'ZhipuAI/GLM-5'; showClaudeConfigModal = true">ModelScope</button>
64
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'AiHubMix'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://aihubmix.com'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">AiHubMix</button>
65
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DMXAPI'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://www.dmxapi.cn'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">DMXAPI</button>
66
- <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'PackyCode'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://www.packyapi.com'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">PackyCode</button>
67
- </div>
68
- </div>
69
-
70
- <div class="selector-section">
71
- <div class="selector-header">
72
- <span class="selector-title">{{ t('claude.model') }}</span>
73
- </div>
74
- <input
75
- v-if="claudeModelHasList"
76
- class="model-input"
77
- v-model="currentClaudeModel"
78
- @change="onClaudeModelChange"
79
- @blur="onClaudeModelChange"
80
- @keyup.enter="onClaudeModelChange"
81
- :placeholder="t('claude.model.placeholder')"
82
- list="claude-model-options"
83
- >
84
- <datalist v-if="claudeModelHasList" id="claude-model-options">
85
- <option v-for="model in claudeModelOptions" :key="model" :value="model"></option>
86
- </datalist>
87
- <input
88
- v-else
89
- class="model-input"
90
- v-model="currentClaudeModel"
91
- @blur="onClaudeModelChange"
92
- @keyup.enter="onClaudeModelChange"
93
- :placeholder="t('claude.model.placeholder')"
94
- >
95
- <div class="config-template-hint">
96
- {{ t('claude.model.hint') }}
97
- </div>
98
- </div>
99
-
100
- <div class="selector-section">
101
- <div class="selector-header">
102
- <span class="selector-title">CLAUDE.md</span>
103
- </div>
104
- <button class="btn-tool" @click="openClaudeMdEditor" :disabled="loading || !!initError || agentsLoading">
105
- {{ agentsLoading ? t('config.modelLoading') : t('claude.md.open') }}
106
- </button>
107
- <div class="config-template-hint">
108
- {{ t('claude.md.hint') }}
109
- </div>
110
- </div>
111
-
112
- <div class="selector-section">
113
- <div class="selector-header">
114
- <span class="selector-title">{{ t('claude.health.title') }}</span>
115
- </div>
116
- <button class="btn-tool" @click="runHealthCheck" :disabled="healthCheckLoading || loading || !!initError">
117
- {{ healthCheckLoading ? t('claude.health.running') : t('claude.health.run') }}
118
- </button>
119
- <div class="config-template-hint">{{ t('claude.health.hint') }}</div>
120
- <div v-if="healthCheckLoading && healthCheckBatchTotal" class="config-template-hint">
121
- {{ t('claude.health.progress', { done: healthCheckBatchDone, total: healthCheckBatchTotal, failed: healthCheckBatchFailed }) }}
122
- </div>
123
- <div v-if="healthCheckResult && !healthCheckLoading" class="config-template-hint">
124
- {{ healthCheckResult.ok ? t('config.health.ok') : t('config.health.fail') }} · {{ t('config.health.issues', { count: (healthCheckResult.issues || []).length }) }}
125
- </div>
126
- <button v-if="healthCheckResult && !healthCheckLoading" type="button" class="btn-mini" @click="showHealthCheckModal = true">
127
- {{ t('common.detail') }}
128
- </button>
129
- <div v-if="healthCheckResult && !healthCheckLoading && (healthCheckResult.issues || []).length">
130
- <div v-for="(issue, index) in healthCheckResult.issues" :key="issue.code || ('issue-' + index)" class="config-template-hint">
131
- {{ issue.message || issue.code || '' }}<span v-if="issue.suggestion"> · {{ issue.suggestion }}</span>
132
- </div>
133
- </div>
134
- </div>
135
-
136
- <div class="card-list">
137
- <div v-for="(config, name) in claudeConfigs" :key="name"
138
- :class="['card', { active: currentClaudeConfig === name }]"
139
- @click="applyClaudeConfig(name)"
140
- @keydown.enter.self.prevent="applyClaudeConfig(name)"
141
- @keydown.space.self.prevent="applyClaudeConfig(name)"
142
- tabindex="0"
143
- role="button"
144
- :aria-current="currentClaudeConfig === name ? 'true' : null">
145
- <div class="card-leading">
146
- <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
147
- <div class="card-content">
148
- <div class="card-title">{{ name }}</div>
149
- <div class="card-subtitle">{{ config.model || t('claude.model.unset') }}</div>
150
- </div>
151
- </div>
152
- <div class="card-trailing">
153
- <span v-if="claudeSpeedResults[name]" :class="['latency', claudeSpeedResults[name].ok ? 'ok' : 'error']">
154
- {{ formatLatency(claudeSpeedResults[name]) }}
155
- </span>
156
- <span :class="['pill', config.hasKey ? 'configured' : 'empty']">
157
- {{ config.hasKey ? t('claude.configured') : t('claude.notConfigured') }}
158
- </span>
159
- <div class="card-actions" @click.stop>
160
- <button class="card-action-btn" @click="openEditConfigModal(name)" :aria-label="t('claude.action.editAria', { name })" :title="t('claude.action.edit')">
161
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
162
- <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
163
- <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
164
- </svg>
165
- </button>
166
- <button class="card-action-btn" :class="{ loading: claudeShareLoading[name] }" @click="copyClaudeShareCommand(name)" disabled :title="t('claude.action.shareDisabled')" :aria-label="t('config.shareCommand.aria')">
167
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
168
- <path d="M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7"/>
169
- <path d="M16 6l-4-4-4 4"/>
170
- <path d="M12 2v14"/>
171
- </svg>
172
- </button>
173
- <button class="card-action-btn delete" @click="deleteClaudeConfig(name)" :aria-label="t('claude.action.deleteAria', { name })" :title="t('claude.action.delete')">
174
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
175
- <path d="M3 6h18"/>
176
- <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
177
- </svg>
178
- </button>
179
- </div>
180
- </div>
181
- </div>
182
- </div>
183
- </template>
184
- </div>
1
+ <!-- Claude Code 配置模式 -->
2
+ <div
3
+ v-show="mainTab === 'config' && configMode === 'claude'"
4
+ class="mode-content mode-cards"
5
+ id="panel-config-claude"
6
+ role="tabpanel"
7
+ :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-claude'">
8
+ <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
9
+ <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
10
+ <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
11
+ <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
12
+ </div>
13
+ <template v-if="shouldShowCliInstallPlaceholder('claude')">
14
+ <div class="selector-section">
15
+ <div class="empty-state">
16
+ <div class="empty-state-title">{{ t('cli.missing.title', { name: 'Claude' }) }}</div>
17
+ <div class="empty-state-subtitle">{{ t('cli.missing.subtitle', { name: 'Claude' }) }}</div>
18
+ <div class="docs-command-row">
19
+ <div class="docs-command-box" role="group" :aria-label="t('cli.missing.commandAria', { name: 'Claude' })">
20
+ <code class="install-command">{{ getInstallCommand('claude', 'install') }}</code>
21
+ <button
22
+ type="button"
23
+ class="btn-mini docs-copy-btn"
24
+ :disabled="!getInstallCommand('claude', 'install')"
25
+ @click="copyInstallCommand(getInstallCommand('claude', 'install'))">{{ t('common.copy') }}</button>
26
+ </div>
27
+ </div>
28
+ <button type="button" class="btn-tool btn-tool-compact" @click="mainTab = 'docs'; setInstallCommandAction('install')">{{ t('cli.missing.openDocs') }}</button>
29
+ </div>
30
+ </div>
31
+ </template>
32
+ <template v-else>
33
+ <!-- 添加提供商按钮 -->
34
+ <button class="btn-add" @click="openClaudeConfigModal" v-if="!loading && !initError">
35
+ <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
36
+ <path d="M10 4v12M4 10h12"/>
37
+ </svg>
38
+ {{ t('claude.addProvider') }}
39
+ </button>
40
+ <div class="config-template-hint">
41
+ {{ t('claude.applyDefault') }}
42
+ </div>
43
+
44
+ <div class="selector-section">
45
+ <div class="selector-header">
46
+ <span class="selector-title">{{ t('claude.presetProviders') }}</span>
47
+ </div>
48
+ <div class="btn-group" style="flex-wrap: wrap; gap: 8px;">
49
+ <button type="button" class="btn-mini" @click="closeClaudeConfigModal(); showClaudeConfigModal = true">{{ t('claude.customConfig') }}</button>
50
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Claude Official'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.anthropic.com'; newClaudeConfig.model = 'claude-sonnet-4'; showClaudeConfigModal = true">Claude Official</button>
51
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DeepSeek'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.deepseek.com/anthropic'; newClaudeConfig.model = 'DeepSeek-V3.2'; showClaudeConfigModal = true">DeepSeek</button>
52
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Zhipu GLM'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://open.bigmodel.cn/api/anthropic'; newClaudeConfig.model = 'glm-5'; showClaudeConfigModal = true">Zhipu GLM</button>
53
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Z.ai GLM'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.z.ai/api/anthropic'; newClaudeConfig.model = 'glm-5'; showClaudeConfigModal = true">Z.ai GLM</button>
54
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Qwen Coder'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://coding.dashscope.aliyuncs.com/apps/anthropic'; newClaudeConfig.model = 'qwen3-coder'; showClaudeConfigModal = true">Qwen Coder</button>
55
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Kimi k2'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.moonshot.cn/anthropic'; newClaudeConfig.model = 'kimi-k2.5'; showClaudeConfigModal = true">Kimi k2</button>
56
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Kimi For Coding'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.kimi.com/coding/'; newClaudeConfig.model = 'kimi-k2.5'; showClaudeConfigModal = true">Kimi For Coding</button>
57
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'KAT-Coder'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://vanchin.streamlake.ai/api/gateway/v1/endpoints/${ENDPOINT_ID}/claude-code-proxy'; newClaudeConfig.model = 'KAT-Coder-Pro V1'; showClaudeConfigModal = true">KAT-Coder</button>
58
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Longcat'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.longcat.chat/anthropic'; newClaudeConfig.model = 'LongCat-Flash-Chat'; showClaudeConfigModal = true">Longcat</button>
59
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'MiniMax'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.minimaxi.com/anthropic'; newClaudeConfig.model = 'MiniMax-M2.7'; showClaudeConfigModal = true">MiniMax</button>
60
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'MiniMax en'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.minimax.io/anthropic'; newClaudeConfig.model = 'MiniMax-M2.7'; showClaudeConfigModal = true">MiniMax en</button>
61
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DouBaoSeed'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://ark.cn-beijing.volces.com/api/coding'; newClaudeConfig.model = 'doubao-seed-2-0-code-preview-latest'; showClaudeConfigModal = true">DouBaoSeed</button>
62
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'BaiLing'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.tbox.cn/api/anthropic'; newClaudeConfig.model = 'Ling-2.5-1T'; showClaudeConfigModal = true">BaiLing</button>
63
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'ModelScope'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api-inference.modelscope.cn'; newClaudeConfig.model = 'ZhipuAI/GLM-5'; showClaudeConfigModal = true">ModelScope</button>
64
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'AiHubMix'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://aihubmix.com'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">AiHubMix</button>
65
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DMXAPI'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://www.dmxapi.cn'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">DMXAPI</button>
66
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'PackyCode'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://www.packyapi.com'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">PackyCode</button>
67
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'AnyRouter'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://anyrouter.top'; newClaudeConfig.model = 'claude-opus-4-7[1m]'; showClaudeConfigModal = true">AnyRouter</button>
68
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Xiaomi MiMo'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.xiaomimimo.com/anthropic'; newClaudeConfig.model = 'mimo-v2.5-pro'; showClaudeConfigModal = true">Xiaomi MiMo</button>
69
+ <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Xiaomi Token Plan'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://token-plan-cn.xiaomimimo.com/anthropic'; newClaudeConfig.model = 'mimo-v2.5-pro'; showClaudeConfigModal = true">Xiaomi Token Plan</button>
70
+ </div>
71
+ </div>
72
+
73
+ <div class="selector-section">
74
+ <div class="selector-header">
75
+ <span class="selector-title">{{ t('claude.model') }}</span>
76
+ </div>
77
+ <input
78
+ v-if="claudeModelHasList"
79
+ class="model-input"
80
+ v-model="currentClaudeModel"
81
+ @change="onClaudeModelChange"
82
+ @blur="onClaudeModelChange"
83
+ @keyup.enter="onClaudeModelChange"
84
+ :placeholder="t('claude.model.placeholder')"
85
+ list="claude-model-options"
86
+ >
87
+ <datalist v-if="claudeModelHasList" id="claude-model-options">
88
+ <option v-for="model in claudeModelOptions" :key="model" :value="model"></option>
89
+ </datalist>
90
+ <input
91
+ v-else
92
+ class="model-input"
93
+ v-model="currentClaudeModel"
94
+ @blur="onClaudeModelChange"
95
+ @keyup.enter="onClaudeModelChange"
96
+ :placeholder="t('claude.model.placeholder')"
97
+ >
98
+ <div class="config-template-hint">
99
+ {{ t('claude.model.hint') }}
100
+ </div>
101
+ </div>
102
+
103
+ <div class="selector-section">
104
+ <div class="selector-header">
105
+ <span class="selector-title">CLAUDE.md</span>
106
+ </div>
107
+ <button class="btn-tool" @click="openClaudeMdEditor" :disabled="loading || !!initError || agentsLoading">
108
+ {{ agentsLoading ? t('config.modelLoading') : t('claude.md.open') }}
109
+ </button>
110
+ <div class="config-template-hint">
111
+ {{ t('claude.md.hint') }}
112
+ </div>
113
+ </div>
114
+
115
+ <div class="selector-section">
116
+ <div class="selector-header">
117
+ <span class="selector-title">{{ t('claude.health.title') }}</span>
118
+ </div>
119
+ <button class="btn-tool" @click="runHealthCheck" :disabled="healthCheckLoading || loading || !!initError">
120
+ {{ healthCheckLoading ? t('claude.health.running') : t('claude.health.run') }}
121
+ </button>
122
+ <div class="config-template-hint">{{ t('claude.health.hint') }}</div>
123
+ <div v-if="healthCheckLoading && healthCheckBatchTotal" class="config-template-hint">
124
+ {{ t('claude.health.progress', { done: healthCheckBatchDone, total: healthCheckBatchTotal, failed: healthCheckBatchFailed }) }}
125
+ </div>
126
+ <div v-if="healthCheckResult && !healthCheckLoading" class="config-template-hint">
127
+ {{ healthCheckResult.ok ? t('config.health.ok') : t('config.health.fail') }} · {{ t('config.health.issues', { count: (healthCheckResult.issues || []).length }) }}
128
+ </div>
129
+ <button v-if="healthCheckResult && !healthCheckLoading" type="button" class="btn-mini" @click="showHealthCheckModal = true">
130
+ {{ t('common.detail') }}
131
+ </button>
132
+ <div v-if="healthCheckResult && !healthCheckLoading && (healthCheckResult.issues || []).length">
133
+ <div v-for="(issue, index) in healthCheckResult.issues" :key="issue.code || ('issue-' + index)" class="config-template-hint">
134
+ {{ issue.message || issue.code || '' }}<span v-if="issue.suggestion"> · {{ issue.suggestion }}</span>
135
+ </div>
136
+ </div>
137
+ </div>
138
+
139
+ <div class="card-list">
140
+ <div v-for="(config, name) in claudeConfigs" :key="name"
141
+ :class="['card', { active: currentClaudeConfig === name }]"
142
+ @click="applyClaudeConfig(name)"
143
+ @keydown.enter.self.prevent="applyClaudeConfig(name)"
144
+ @keydown.space.self.prevent="applyClaudeConfig(name)"
145
+ tabindex="0"
146
+ role="button"
147
+ :aria-current="currentClaudeConfig === name ? 'true' : null">
148
+ <div class="card-leading">
149
+ <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
150
+ <div class="card-content">
151
+ <div class="card-title">{{ name }}</div>
152
+ <div class="card-subtitle">{{ config.model || t('claude.model.unset') }}</div>
153
+ </div>
154
+ </div>
155
+ <div class="card-trailing">
156
+ <span v-if="claudeSpeedResults[name]" :class="['latency', claudeSpeedResults[name].ok ? 'ok' : 'error']">
157
+ {{ formatLatency(claudeSpeedResults[name]) }}
158
+ </span>
159
+ <span :class="['pill', config.hasKey ? 'configured' : 'empty']">
160
+ {{ config.hasKey ? t('claude.configured') : t('claude.notConfigured') }}
161
+ </span>
162
+ <div class="card-actions" @click.stop>
163
+ <button class="card-action-btn" @click="openEditConfigModal(name)" :aria-label="t('claude.action.editAria', { name })" :title="t('claude.action.edit')">
164
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
165
+ <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
166
+ <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
167
+ </svg>
168
+ </button>
169
+ <button class="card-action-btn" :class="{ loading: claudeShareLoading[name] }" @click="copyClaudeShareCommand(name)" disabled :title="t('claude.action.shareDisabled')" :aria-label="t('config.shareCommand.aria')">
170
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
171
+ <path d="M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7"/>
172
+ <path d="M16 6l-4-4-4 4"/>
173
+ <path d="M12 2v14"/>
174
+ </svg>
175
+ </button>
176
+ <button class="card-action-btn delete" @click="deleteClaudeConfig(name)" :aria-label="t('claude.action.deleteAria', { name })" :title="t('claude.action.delete')">
177
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
178
+ <path d="M3 6h18"/>
179
+ <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
180
+ </svg>
181
+ </button>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </template>
187
+ </div>