codexmate 0.0.32 → 0.0.33

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 (147) hide show
  1. package/README.md +147 -363
  2. package/README.zh.md +147 -371
  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 +551 -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 -69
  16. package/cli/session-convert-io.js +82 -82
  17. package/cli/session-convert.js +150 -150
  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/update.js +162 -0
  23. package/cli/zip-commands.js +510 -510
  24. package/cli.js +16023 -15829
  25. package/lib/automation.js +404 -404
  26. package/lib/cli-file-utils.js +151 -151
  27. package/lib/cli-models-utils.js +440 -440
  28. package/lib/cli-network-utils.js +190 -190
  29. package/lib/cli-path-utils.js +85 -85
  30. package/lib/cli-session-utils.js +121 -121
  31. package/lib/cli-sessions.js +427 -426
  32. package/lib/cli-utils.js +155 -155
  33. package/lib/cli-webhook.js +126 -126
  34. package/lib/download-artifacts.js +92 -92
  35. package/lib/mcp-stdio.js +453 -453
  36. package/lib/task-orchestrator.js +869 -869
  37. package/lib/text-diff.js +303 -303
  38. package/lib/win-tray.js +119 -0
  39. package/lib/workflow-engine.js +340 -340
  40. package/package.json +76 -76
  41. package/plugins/README.md +20 -20
  42. package/plugins/README.zh-CN.md +20 -20
  43. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  44. package/plugins/prompt-templates/computed.mjs +253 -253
  45. package/plugins/prompt-templates/index.mjs +8 -8
  46. package/plugins/prompt-templates/manifest.mjs +15 -15
  47. package/plugins/prompt-templates/methods.mjs +553 -553
  48. package/plugins/prompt-templates/overview.mjs +91 -91
  49. package/plugins/prompt-templates/ownership.mjs +19 -19
  50. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  51. package/plugins/prompt-templates/storage.mjs +64 -64
  52. package/plugins/registry.mjs +16 -16
  53. package/web-ui/app.js +650 -647
  54. package/web-ui/index.html +36 -36
  55. package/web-ui/logic.agents-diff.mjs +386 -386
  56. package/web-ui/logic.claude.mjs +168 -168
  57. package/web-ui/logic.codex.mjs +69 -69
  58. package/web-ui/logic.mjs +5 -5
  59. package/web-ui/logic.runtime.mjs +128 -128
  60. package/web-ui/logic.session-convert.mjs +70 -70
  61. package/web-ui/logic.sessions.mjs +781 -781
  62. package/web-ui/modules/api.mjs +90 -90
  63. package/web-ui/modules/app.computed.dashboard.mjs +248 -248
  64. package/web-ui/modules/app.computed.index.mjs +17 -17
  65. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  66. package/web-ui/modules/app.computed.session.mjs +735 -693
  67. package/web-ui/modules/app.constants.mjs +15 -15
  68. package/web-ui/modules/app.methods.agents.mjs +651 -651
  69. package/web-ui/modules/app.methods.claude-config.mjs +269 -200
  70. package/web-ui/modules/app.methods.codex-config.mjs +861 -861
  71. package/web-ui/modules/app.methods.index.mjs +94 -94
  72. package/web-ui/modules/app.methods.install.mjs +205 -205
  73. package/web-ui/modules/app.methods.navigation.mjs +774 -774
  74. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  75. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  76. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  77. package/web-ui/modules/app.methods.providers.mjs +575 -529
  78. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  79. package/web-ui/modules/app.methods.session-actions.mjs +591 -591
  80. package/web-ui/modules/app.methods.session-browser.mjs +1012 -1012
  81. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  82. package/web-ui/modules/app.methods.session-trash.mjs +438 -438
  83. package/web-ui/modules/app.methods.startup-claude.mjs +538 -537
  84. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  85. package/web-ui/modules/app.methods.webhook.mjs +79 -79
  86. package/web-ui/modules/config-mode.computed.mjs +124 -124
  87. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  88. package/web-ui/modules/i18n.dict.mjs +3192 -3177
  89. package/web-ui/modules/i18n.mjs +62 -62
  90. package/web-ui/modules/plugins.computed.mjs +3 -3
  91. package/web-ui/modules/plugins.methods.mjs +3 -3
  92. package/web-ui/modules/plugins.storage.mjs +11 -11
  93. package/web-ui/modules/provider-url-display.mjs +17 -17
  94. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  95. package/web-ui/modules/skills.computed.mjs +107 -107
  96. package/web-ui/modules/skills.methods.mjs +482 -482
  97. package/web-ui/partials/index/layout-footer.html +13 -13
  98. package/web-ui/partials/index/layout-header.html +499 -503
  99. package/web-ui/partials/index/modal-config-template-agents.html +185 -185
  100. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  101. package/web-ui/partials/index/modal-health-check.html +45 -45
  102. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  103. package/web-ui/partials/index/modal-skills.html +200 -200
  104. package/web-ui/partials/index/modals-basic.html +173 -162
  105. package/web-ui/partials/index/panel-config-claude.html +166 -136
  106. package/web-ui/partials/index/panel-config-codex.html +190 -196
  107. package/web-ui/partials/index/panel-config-codex.html.bak +337 -0
  108. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  109. package/web-ui/partials/index/panel-dashboard.html +186 -219
  110. package/web-ui/partials/index/panel-docs.html +114 -114
  111. package/web-ui/partials/index/panel-market.html +177 -177
  112. package/web-ui/partials/index/panel-orchestration.html +391 -391
  113. package/web-ui/partials/index/panel-plugins.html +253 -253
  114. package/web-ui/partials/index/panel-sessions.html +319 -313
  115. package/web-ui/partials/index/panel-settings.html +190 -190
  116. package/web-ui/partials/index/panel-trash.html +82 -82
  117. package/web-ui/partials/index/panel-usage.html +137 -137
  118. package/web-ui/res/json5.min.js +1 -1
  119. package/web-ui/res/vue.global.prod.js +13 -13
  120. package/web-ui/session-helpers.mjs +591 -591
  121. package/web-ui/source-bundle.cjs +233 -233
  122. package/web-ui/styles/base-theme.css +281 -281
  123. package/web-ui/styles/bridge-pool.css +197 -197
  124. package/web-ui/styles/controls-forms.css +433 -433
  125. package/web-ui/styles/dashboard.css +406 -406
  126. package/web-ui/styles/docs-panel.css +245 -245
  127. package/web-ui/styles/feedback.css +108 -108
  128. package/web-ui/styles/health-check-dialog.css +144 -144
  129. package/web-ui/styles/layout-shell.css +628 -638
  130. package/web-ui/styles/modals-core.css +499 -466
  131. package/web-ui/styles/navigation-panels.css +391 -391
  132. package/web-ui/styles/openclaw-structured.css +266 -266
  133. package/web-ui/styles/plugins-panel.css +564 -564
  134. package/web-ui/styles/responsive.css +392 -392
  135. package/web-ui/styles/sessions-list.css +683 -647
  136. package/web-ui/styles/sessions-preview.css +407 -407
  137. package/web-ui/styles/sessions-toolbar-trash.css +518 -518
  138. package/web-ui/styles/sessions-usage.css +588 -588
  139. package/web-ui/styles/settings-panel.css +349 -349
  140. package/web-ui/styles/skills-list.css +305 -305
  141. package/web-ui/styles/skills-market.css +429 -429
  142. package/web-ui/styles/task-orchestration.css +822 -822
  143. package/web-ui/styles/titles-cards.css +472 -472
  144. package/web-ui/styles/trash-panel.css +90 -90
  145. package/web-ui/styles/webhook.css +81 -81
  146. package/web-ui/styles.css +24 -24
  147. package/web-ui.html +17 -17
@@ -1,219 +1,186 @@
1
- <div
2
- v-show="mainTab === 'dashboard'"
3
- class="mode-content"
4
- id="panel-dashboard"
5
- role="tabpanel"
6
- :aria-labelledby="'tab-dashboard'">
7
- <div class="selector-section doctor-hero">
8
- <div class="selector-header">
9
- <span class="selector-title">{{ t('dashboard.doctor.title') }}</span>
10
- <div class="selector-actions">
11
- <button
12
- class="btn-tool btn-tool-compact"
13
- @click="runHealthCheck"
14
- :disabled="loading || !!initError || healthCheckLoading">
15
- {{ healthCheckLoading ? t('dashboard.doctor.checking') : t('dashboard.doctor.runChecks') }}
16
- </button>
17
- </div>
18
- </div>
19
- <div class="doctor-grid">
20
- <button type="button" class="doctor-card" @click="switchMainTab('config')" :disabled="loading || !!initError">
21
- <div class="doctor-card-title">{{ t('dashboard.card.config') }}</div>
22
- <div class="doctor-card-meta">
23
- <span>{{ inspectorConfigModeLabel }}</span>
24
- <span>·</span>
25
- <span>{{ inspectorCurrentConfigLabel }}</span>
26
- </div>
27
- <div class="doctor-card-kv">
28
- <span>{{ t('dashboard.kv.model') }}</span>
29
- <span>{{ inspectorCurrentModelLabel }}</span>
30
- </div>
31
- </button>
32
- <button type="button" class="doctor-card" @click="switchMainTab('sessions')" :disabled="loading || !!initError">
33
- <div class="doctor-card-title">{{ t('dashboard.card.sessions') }}</div>
34
- <div class="doctor-card-meta">
35
- <span>{{ sessionsLoading ? t('dashboard.state.loading') : (sessionsLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
36
- <span>·</span>
37
- <span>{{ t('dashboard.sessions.count', { count: sessionsList.length }) }}</span>
38
- </div>
39
- <div class="doctor-card-kv" v-if="activeSessionDetailError">
40
- <span>{{ t('dashboard.kv.issue') }}</span>
41
- <span class="doctor-kv-error">{{ activeSessionDetailError }}</span>
42
- </div>
43
- <div class="doctor-card-kv" v-else>
44
- <span>{{ t('dashboard.kv.active') }}</span>
45
- <span>{{ activeSession ? (activeSession.title || activeSession.sessionId) : t('dashboard.none') }}</span>
46
- </div>
47
- </button>
48
- <button type="button" class="doctor-card" @click="switchMainTab('usage')" :disabled="loading || !!initError">
49
- <div class="doctor-card-title">{{ t('dashboard.card.usage') }}</div>
50
- <div class="doctor-card-meta">
51
- <span>{{ sessionsUsageLoading ? t('dashboard.state.loading') : (sessionsUsageLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
52
- <span>·</span>
53
- <span>{{ t('dashboard.usage.range', { value: (sessionsUsageTimeRange === 'all' ? t('usage.range.all') : (sessionsUsageTimeRange === '30d' ? t('usage.range.30d.short') : t('usage.range.7d.short'))) }) }}</span>
54
- </div>
55
- <div class="doctor-card-kv" v-if="sessionsUsageError">
56
- <span>{{ t('dashboard.kv.issue') }}</span>
57
- <span class="doctor-kv-error">{{ sessionsUsageError }}</span>
58
- </div>
59
- <div class="doctor-card-kv" v-else>
60
- <span>{{ t('dashboard.kv.sessions') }}</span>
61
- <span>{{ sessionUsageSummaryCards[0] ? sessionUsageSummaryCards[0].value : 0 }}</span>
62
- </div>
63
- <div class="doctor-card-kv"
64
- v-if="sessionsUsageLoadedOnce
65
- && sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length">
66
- <span>{{ t('dashboard.kv.missingModel') }}</span>
67
- <span>{{ sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length }}</span>
68
- </div>
69
- </button>
70
- <button
71
- v-if="taskOrchestrationTabEnabled"
72
- type="button"
73
- class="doctor-card"
74
- @click="switchMainTab('orchestration')"
75
- :disabled="loading || !!initError">
76
- <div class="doctor-card-title">{{ t('dashboard.card.tasks') }}</div>
77
- <div class="doctor-card-meta">
78
- <span>{{ taskOrchestration && taskOrchestration.loading ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
79
- <span>·</span>
80
- <span>{{ t('dashboard.tasks.queue', { running: taskOrchestrationQueueStats.running, queued: taskOrchestrationQueueStats.queued }) }}</span>
81
- </div>
82
- <div class="doctor-card-kv" v-if="taskOrchestration && taskOrchestration.planIssues && taskOrchestration.planIssues.length">
83
- <span>{{ t('dashboard.kv.blockers') }}</span>
84
- <span>{{ taskOrchestration.planIssues.length }}</span>
85
- </div>
86
- <div class="doctor-card-kv" v-else>
87
- <span>{{ t('dashboard.kv.runs') }}</span>
88
- <span>{{ taskOrchestration && taskOrchestration.runs ? taskOrchestration.runs.length : 0 }}</span>
89
- </div>
90
- </button>
91
- <button type="button" class="doctor-card" @click="switchMainTab('market')" :disabled="loading || !!initError">
92
- <div class="doctor-card-title">{{ t('dashboard.card.skills') }}</div>
93
- <div class="doctor-card-meta">
94
- <span>{{ skillsMarketBusy ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
95
- <span>·</span>
96
- <span>{{ t('dashboard.skills.count', { installed: skillsList.length, importable: skillsImportList.length }) }}</span>
97
- </div>
98
- <div class="doctor-card-kv">
99
- <span>{{ t('dashboard.kv.target') }}</span>
100
- <span>{{ skillsTargetLabel }}</span>
101
- </div>
102
- <div class="doctor-card-kv" v-if="skillsRootPath">
103
- <span>{{ t('dashboard.kv.root') }}</span>
104
- <span>{{ skillsRootPath }}</span>
105
- </div>
106
- </button>
107
- </div>
108
- <div class="doctor-status-row">
109
- <div class="doctor-status-chip" :class="inspectorHealthTone">
110
- <span>{{ t('dashboard.status.health') }}</span>
111
- <strong>{{ inspectorHealthStatus }}</strong>
112
- </div>
113
- <div class="doctor-status-chip">
114
- <span>{{ t('dashboard.status.busy') }}</span>
115
- <strong>{{ inspectorBusyStatus }}</strong>
116
- </div>
117
- <div class="doctor-status-chip">
118
- <span>{{ t('dashboard.status.models') }}</span>
119
- <strong>{{ inspectorModelLoadStatus }}</strong>
120
- </div>
121
- </div>
122
- <div v-if="providersHealthLoading || providersHealthResult" class="doctor-providers-health">
123
- <div class="doctor-providers-health-title">
124
- {{ t('dashboard.providersHealth.title') }}
125
- <span v-if="providersHealthResult" class="doctor-providers-health-summary">
126
- {{ providersHealthResult.summary.green }}/{{ providersHealthResult.summary.total }}
127
- </span>
128
- <span v-else class="doctor-providers-health-summary">{{ t('dashboard.providersHealth.checking') }}</span>
129
- </div>
130
- <div v-if="providersHealthResult" class="doctor-providers-grid">
131
- <div v-for="entry in providersHealthResult.providers"
132
- :key="entry.provider"
133
- class="doctor-provider-chip"
134
- :class="[entry.status]"
135
- :title="entry.provider + (entry.remote ? (entry.remote.ok ? ' OK' : ' ' + entry.remote.message) : '')">
136
- <span class="doctor-provider-name">
137
- {{ entry.provider }}
138
- <span v-if="entry.isCurrent" class="doctor-provider-current">{{ t('dashboard.providersHealth.current') }}</span>
139
- </span>
140
- <span class="doctor-provider-status-dot"></span>
141
- </div>
142
- </div>
143
- <div v-if="providersHealthResult && providersHealthResult.providers.some(e => e.issues && e.issues.length)" class="doctor-provider-issues">
144
- <div v-for="entry in providersHealthResult.providers.filter(e => e.issues && e.issues.length)"
145
- :key="entry.provider + '-issues'"
146
- class="doctor-provider-issue-card">
147
- <div class="doctor-provider-issue-name">{{ entry.provider }}</div>
148
- <div v-for="issue in entry.issues" :key="issue.code" class="doctor-provider-issue-row">
149
- <span class="doctor-provider-issue-text">{{ issue.message }}</span>
150
- <span v-if="issue.suggestion" class="doctor-provider-issue-fix">{{ issue.suggestion }}</span>
151
- </div>
152
- </div>
153
- </div>
154
- </div>
155
- <div v-if="healthCheckResult" class="doctor-health-result" :class="healthCheckResult.ok ? 'ok' : 'error'">
156
- <div class="doctor-health-title">
157
- {{ healthCheckResult.ok ? t('dashboard.health.ok') : t('dashboard.health.fail') }}
158
- <span v-if="healthCheckResult.issues && healthCheckResult.issues.length">({{ t('dashboard.health.issues', { count: healthCheckResult.issues.length }) }})</span>
159
- </div>
160
- </div>
161
- <div v-if="healthCheckResult && healthCheckResult.report && healthCheckResult.report.issues && healthCheckResult.report.issues.length" class="doctor-action-list">
162
- <div v-for="issue in healthCheckResult.report.issues" :key="issue.id" class="doctor-action-card">
163
- <div class="doctor-action-head">
164
- <div class="doctor-action-title">{{ issue.problem || (issue.problemKey ? t(issue.problemKey, issue.problemParams) : '') }}</div>
165
- <div :class="['doctor-action-severity', issue.severity]">{{ issue.severityLabel || issue.severity }}</div>
166
- </div>
167
- <div class="doctor-action-impact">{{ issue.impact || (issue.impactKey ? t(issue.impactKey, issue.impactParams) : '') }}</div>
168
- <div v-if="issue.actions && issue.actions.length" class="doctor-action-buttons">
169
- <template v-for="(action, index) in issue.actions" :key="issue.id + '-action-' + index">
170
- <button
171
- v-if="action.type === 'navigate'"
172
- type="button"
173
- class="btn-tool btn-tool-compact"
174
- @click="switchMainTab(action.target)">
175
- {{ action.label || (action.labelKey ? t(action.labelKey, action.labelParams) : t('dashboard.doctor.open')) }}
176
- </button>
177
- <button
178
- v-else-if="action.type === 'run-check'"
179
- type="button"
180
- class="btn-tool btn-tool-compact"
181
- @click="runHealthCheck({ doctor: true, forceRefresh: true })"
182
- :disabled="healthCheckLoading">
183
- {{ t('dashboard.doctor.runChecks') }}
184
- </button>
185
- <button
186
- v-else-if="action.type === 'export'"
187
- type="button"
188
- class="btn-tool btn-tool-compact"
189
- @click="healthCheckResult && healthCheckResult.report
190
- ? (action.format === 'md'
191
- ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
192
- : downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8'))
193
- : null">
194
- {{ action.format === 'md' ? t('dashboard.doctor.export.md') : t('dashboard.doctor.export.json') }}
195
- </button>
196
- </template>
197
- </div>
198
- </div>
199
- <div class="doctor-action-footer">
200
- <button
201
- type="button"
202
- class="btn-tool btn-tool-compact"
203
- @click="healthCheckResult && healthCheckResult.report
204
- ? downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
205
- : null">
206
- {{ t('dashboard.doctor.export.json') }}
207
- </button>
208
- <button
209
- type="button"
210
- class="btn-tool btn-tool-compact"
211
- @click="healthCheckResult && healthCheckResult.report
212
- ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
213
- : null">
214
- {{ t('dashboard.doctor.export.md') }}
215
- </button>
216
- </div>
217
- </div>
218
- </div>
219
- </div>
1
+ <div
2
+ v-show="mainTab === 'dashboard'"
3
+ class="mode-content"
4
+ id="panel-dashboard"
5
+ role="tabpanel"
6
+ :aria-labelledby="'tab-dashboard'">
7
+ <div class="selector-section doctor-hero">
8
+ <div class="selector-header">
9
+ <span class="selector-title">{{ t('dashboard.doctor.title') }}</span>
10
+ <div class="selector-actions">
11
+ <button
12
+ class="btn-tool btn-tool-compact"
13
+ @click="runHealthCheck"
14
+ :disabled="loading || !!initError || healthCheckLoading">
15
+ {{ healthCheckLoading ? t('dashboard.doctor.checking') : t('dashboard.doctor.runChecks') }}
16
+ </button>
17
+ </div>
18
+ </div>
19
+ <div class="doctor-grid">
20
+ <button type="button" class="doctor-card" @click="switchMainTab('config')" :disabled="loading || !!initError">
21
+ <div class="doctor-card-title">{{ t('dashboard.card.config') }}</div>
22
+ <div class="doctor-card-meta">
23
+ <span>{{ inspectorConfigModeLabel }}</span>
24
+ <span>·</span>
25
+ <span>{{ inspectorCurrentConfigLabel }}</span>
26
+ </div>
27
+ <div class="doctor-card-kv">
28
+ <span>{{ t('dashboard.kv.model') }}</span>
29
+ <span>{{ inspectorCurrentModelLabel }}</span>
30
+ </div>
31
+ </button>
32
+ <button type="button" class="doctor-card" @click="switchMainTab('sessions')" :disabled="loading || !!initError">
33
+ <div class="doctor-card-title">{{ t('dashboard.card.sessions') }}</div>
34
+ <div class="doctor-card-meta">
35
+ <span>{{ sessionsLoading ? t('dashboard.state.loading') : (sessionsLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
36
+ <span>·</span>
37
+ <span>{{ t('dashboard.sessions.count', { count: sessionsList.length }) }}</span>
38
+ </div>
39
+ <div class="doctor-card-kv" v-if="activeSessionDetailError">
40
+ <span>{{ t('dashboard.kv.issue') }}</span>
41
+ <span class="doctor-kv-error">{{ activeSessionDetailError }}</span>
42
+ </div>
43
+ <div class="doctor-card-kv" v-else>
44
+ <span>{{ t('dashboard.kv.active') }}</span>
45
+ <span>{{ activeSession ? (activeSession.title || activeSession.sessionId) : t('dashboard.none') }}</span>
46
+ </div>
47
+ </button>
48
+ <button type="button" class="doctor-card" @click="switchMainTab('usage')" :disabled="loading || !!initError">
49
+ <div class="doctor-card-title">{{ t('dashboard.card.usage') }}</div>
50
+ <div class="doctor-card-meta">
51
+ <span>{{ sessionsUsageLoading ? t('dashboard.state.loading') : (sessionsUsageLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
52
+ <span>·</span>
53
+ <span>{{ t('dashboard.usage.range', { value: (sessionsUsageTimeRange === 'all' ? t('usage.range.all') : (sessionsUsageTimeRange === '30d' ? t('usage.range.30d.short') : t('usage.range.7d.short'))) }) }}</span>
54
+ </div>
55
+ <div class="doctor-card-kv" v-if="sessionsUsageError">
56
+ <span>{{ t('dashboard.kv.issue') }}</span>
57
+ <span class="doctor-kv-error">{{ sessionsUsageError }}</span>
58
+ </div>
59
+ <div class="doctor-card-kv" v-else>
60
+ <span>{{ t('dashboard.kv.sessions') }}</span>
61
+ <span>{{ sessionUsageSummaryCards[0] ? sessionUsageSummaryCards[0].value : 0 }}</span>
62
+ </div>
63
+ <div class="doctor-card-kv"
64
+ v-if="sessionsUsageLoadedOnce
65
+ && sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length">
66
+ <span>{{ t('dashboard.kv.missingModel') }}</span>
67
+ <span>{{ sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length }}</span>
68
+ </div>
69
+ </button>
70
+ <button
71
+ v-if="taskOrchestrationTabEnabled"
72
+ type="button"
73
+ class="doctor-card"
74
+ @click="switchMainTab('orchestration')"
75
+ :disabled="loading || !!initError">
76
+ <div class="doctor-card-title">{{ t('dashboard.card.tasks') }}</div>
77
+ <div class="doctor-card-meta">
78
+ <span>{{ taskOrchestration && taskOrchestration.loading ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
79
+ <span>·</span>
80
+ <span>{{ t('dashboard.tasks.queue', { running: taskOrchestrationQueueStats.running, queued: taskOrchestrationQueueStats.queued }) }}</span>
81
+ </div>
82
+ <div class="doctor-card-kv" v-if="taskOrchestration && taskOrchestration.planIssues && taskOrchestration.planIssues.length">
83
+ <span>{{ t('dashboard.kv.blockers') }}</span>
84
+ <span>{{ taskOrchestration.planIssues.length }}</span>
85
+ </div>
86
+ <div class="doctor-card-kv" v-else>
87
+ <span>{{ t('dashboard.kv.runs') }}</span>
88
+ <span>{{ taskOrchestration && taskOrchestration.runs ? taskOrchestration.runs.length : 0 }}</span>
89
+ </div>
90
+ </button>
91
+ <button type="button" class="doctor-card" @click="switchMainTab('market')" :disabled="loading || !!initError">
92
+ <div class="doctor-card-title">{{ t('dashboard.card.skills') }}</div>
93
+ <div class="doctor-card-meta">
94
+ <span>{{ skillsMarketBusy ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
95
+ <span>·</span>
96
+ <span>{{ t('dashboard.skills.count', { installed: skillsList.length, importable: skillsImportList.length }) }}</span>
97
+ </div>
98
+ <div class="doctor-card-kv">
99
+ <span>{{ t('dashboard.kv.target') }}</span>
100
+ <span>{{ skillsTargetLabel }}</span>
101
+ </div>
102
+ <div class="doctor-card-kv" v-if="skillsRootPath">
103
+ <span>{{ t('dashboard.kv.root') }}</span>
104
+ <span>{{ skillsRootPath }}</span>
105
+ </div>
106
+ </button>
107
+ </div>
108
+ <div class="doctor-status-row">
109
+ <div class="doctor-status-chip" :class="inspectorHealthTone">
110
+ <span>{{ t('dashboard.status.health') }}</span>
111
+ <strong>{{ inspectorHealthStatus }}</strong>
112
+ </div>
113
+ <div class="doctor-status-chip">
114
+ <span>{{ t('dashboard.status.busy') }}</span>
115
+ <strong>{{ inspectorBusyStatus }}</strong>
116
+ </div>
117
+ <div class="doctor-status-chip">
118
+ <span>{{ t('dashboard.status.models') }}</span>
119
+ <strong>{{ inspectorModelLoadStatus }}</strong>
120
+ </div>
121
+ </div>
122
+ <div v-if="healthCheckResult" class="doctor-health-result" :class="healthCheckResult.ok ? 'ok' : 'error'">
123
+ <div class="doctor-health-title">
124
+ {{ healthCheckResult.ok ? t('dashboard.health.ok') : t('dashboard.health.fail') }}
125
+ <span v-if="healthCheckResult.issues && healthCheckResult.issues.length">({{ t('dashboard.health.issues', { count: healthCheckResult.issues.length }) }})</span>
126
+ </div>
127
+ </div>
128
+ <div v-if="healthCheckResult && healthCheckResult.report && healthCheckResult.report.issues && healthCheckResult.report.issues.length" class="doctor-action-list">
129
+ <div v-for="issue in healthCheckResult.report.issues" :key="issue.id" class="doctor-action-card">
130
+ <div class="doctor-action-head">
131
+ <div class="doctor-action-title">{{ issue.problem || (issue.problemKey ? t(issue.problemKey, issue.problemParams) : '') }}</div>
132
+ <div :class="['doctor-action-severity', issue.severity]">{{ issue.severityLabel || issue.severity }}</div>
133
+ </div>
134
+ <div class="doctor-action-impact">{{ issue.impact || (issue.impactKey ? t(issue.impactKey, issue.impactParams) : '') }}</div>
135
+ <div v-if="issue.actions && issue.actions.length" class="doctor-action-buttons">
136
+ <template v-for="(action, index) in issue.actions" :key="issue.id + '-action-' + index">
137
+ <button
138
+ v-if="action.type === 'navigate'"
139
+ type="button"
140
+ class="btn-tool btn-tool-compact"
141
+ @click="switchMainTab(action.target)">
142
+ {{ action.label || (action.labelKey ? t(action.labelKey, action.labelParams) : t('dashboard.doctor.open')) }}
143
+ </button>
144
+ <button
145
+ v-else-if="action.type === 'run-check'"
146
+ type="button"
147
+ class="btn-tool btn-tool-compact"
148
+ @click="runHealthCheck({ doctor: true, forceRefresh: true })"
149
+ :disabled="healthCheckLoading">
150
+ {{ t('dashboard.doctor.runChecks') }}
151
+ </button>
152
+ <button
153
+ v-else-if="action.type === 'export'"
154
+ type="button"
155
+ class="btn-tool btn-tool-compact"
156
+ @click="healthCheckResult && healthCheckResult.report
157
+ ? (action.format === 'md'
158
+ ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
159
+ : downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8'))
160
+ : null">
161
+ {{ action.format === 'md' ? t('dashboard.doctor.export.md') : t('dashboard.doctor.export.json') }}
162
+ </button>
163
+ </template>
164
+ </div>
165
+ </div>
166
+ <div class="doctor-action-footer">
167
+ <button
168
+ type="button"
169
+ class="btn-tool btn-tool-compact"
170
+ @click="healthCheckResult && healthCheckResult.report
171
+ ? downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
172
+ : null">
173
+ {{ t('dashboard.doctor.export.json') }}
174
+ </button>
175
+ <button
176
+ type="button"
177
+ class="btn-tool btn-tool-compact"
178
+ @click="healthCheckResult && healthCheckResult.report
179
+ ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
180
+ : null">
181
+ {{ t('dashboard.doctor.export.md') }}
182
+ </button>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </div>