codexmate 0.0.22 → 0.0.24

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 (66) hide show
  1. package/README.md +5 -3
  2. package/README.zh.md +8 -5
  3. package/cli/auth-profiles.js +23 -7
  4. package/cli/doctor-core.js +903 -0
  5. package/cli/import-skills-url.js +334 -0
  6. package/cli.js +304 -208
  7. package/lib/cli-models-utils.js +0 -40
  8. package/lib/cli-network-utils.js +28 -2
  9. package/package.json +5 -2
  10. package/plugins/README.md +20 -0
  11. package/plugins/README.zh-CN.md +20 -0
  12. package/plugins/prompt-templates/comment-polish/index.mjs +25 -0
  13. package/plugins/prompt-templates/computed.mjs +253 -0
  14. package/plugins/prompt-templates/index.mjs +8 -0
  15. package/plugins/prompt-templates/manifest.mjs +15 -0
  16. package/plugins/prompt-templates/methods.mjs +619 -0
  17. package/plugins/prompt-templates/overview.mjs +90 -0
  18. package/plugins/prompt-templates/ownership.mjs +19 -0
  19. package/plugins/prompt-templates/rule-ack/index.mjs +21 -0
  20. package/plugins/prompt-templates/storage.mjs +64 -0
  21. package/plugins/registry.mjs +16 -0
  22. package/res/logo-pack.webp +0 -0
  23. package/web-ui/app.js +68 -34
  24. package/web-ui/index.html +4 -3
  25. package/web-ui/modules/app.computed.dashboard.mjs +22 -22
  26. package/web-ui/modules/app.computed.main-tabs.mjs +9 -2
  27. package/web-ui/modules/app.methods.agents.mjs +91 -3
  28. package/web-ui/modules/app.methods.codex-config.mjs +153 -164
  29. package/web-ui/modules/app.methods.install.mjs +16 -0
  30. package/web-ui/modules/app.methods.navigation.mjs +76 -0
  31. package/web-ui/modules/app.methods.runtime.mjs +24 -2
  32. package/web-ui/modules/app.methods.session-browser.mjs +73 -1
  33. package/web-ui/modules/app.methods.startup-claude.mjs +12 -0
  34. package/web-ui/modules/app.methods.task-orchestration.mjs +96 -11
  35. package/web-ui/modules/config-mode.computed.mjs +1 -3
  36. package/web-ui/modules/i18n.dict.mjs +2039 -0
  37. package/web-ui/modules/i18n.mjs +2 -1555
  38. package/web-ui/modules/plugins.computed.mjs +2 -219
  39. package/web-ui/modules/plugins.methods.mjs +2 -619
  40. package/web-ui/modules/plugins.storage.mjs +11 -37
  41. package/web-ui/modules/sessions-filters-url.mjs +85 -0
  42. package/web-ui/partials/index/layout-header.html +38 -34
  43. package/web-ui/partials/index/modal-config-template-agents.html +3 -4
  44. package/web-ui/partials/index/modal-health-check.html +33 -60
  45. package/web-ui/partials/index/panel-config-claude.html +56 -15
  46. package/web-ui/partials/index/panel-config-codex.html +68 -19
  47. package/web-ui/partials/index/panel-config-openclaw.html +8 -3
  48. package/web-ui/partials/index/panel-dashboard.html +186 -0
  49. package/web-ui/partials/index/panel-docs.html +1 -1
  50. package/web-ui/partials/index/panel-market.html +3 -0
  51. package/web-ui/partials/index/panel-orchestration.html +105 -111
  52. package/web-ui/partials/index/panel-plugins.html +48 -12
  53. package/web-ui/partials/index/panel-sessions.html +12 -3
  54. package/web-ui/partials/index/panel-settings.html +1 -1
  55. package/web-ui/partials/index/panel-usage.html +7 -6
  56. package/web-ui/styles/controls-forms.css +16 -2
  57. package/web-ui/styles/dashboard.css +274 -0
  58. package/web-ui/styles/layout-shell.css +11 -5
  59. package/web-ui/styles/navigation-panels.css +8 -0
  60. package/web-ui/styles/plugins-panel.css +5 -0
  61. package/web-ui/styles/sessions-list.css +3 -3
  62. package/web-ui/styles/sessions-usage.css +37 -0
  63. package/web-ui/styles/skills-market.css +12 -2
  64. package/web-ui/styles/task-orchestration.css +57 -11
  65. package/web-ui/styles.css +1 -0
  66. package/res/logo.png +0 -0
@@ -4,7 +4,12 @@
4
4
  class="mode-content mode-cards"
5
5
  id="panel-config-openclaw"
6
6
  role="tabpanel"
7
- :aria-labelledby="'tab-config-openclaw'">
7
+ :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-openclaw'">
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>
8
13
  <div class="config-template-hint">
9
14
  {{ t('openclaw.applyHint') }}
10
15
  </div>
@@ -59,13 +64,13 @@
59
64
  {{ openclawHasContent(config) ? t('openclaw.configured') : t('openclaw.notConfigured') }}
60
65
  </span>
61
66
  <div class="card-actions" @click.stop>
62
- <button class="card-action-btn" @click="openOpenclawEditModal(name)" :aria-label="`Edit OpenClaw config ${name}`" :title="t('openclaw.action.edit')">
67
+ <button class="card-action-btn" @click="openOpenclawEditModal(name)" :aria-label="t('openclaw.action.editAria', { name })" :title="t('openclaw.action.edit')">
63
68
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
64
69
  <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
65
70
  <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
66
71
  </svg>
67
72
  </button>
68
- <button v-if="name !== '默认配置'" class="card-action-btn delete" @click="deleteOpenclawConfig(name)" :aria-label="`Delete OpenClaw config ${name}`" :title="t('openclaw.action.delete')">
73
+ <button v-if="name !== '默认配置'" class="card-action-btn delete" @click="deleteOpenclawConfig(name)" :aria-label="t('openclaw.action.deleteAria', { name })" :title="t('openclaw.action.delete')">
69
74
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
70
75
  <path d="M3 6h18"/>
71
76
  <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"/>
@@ -0,0 +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="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>
@@ -95,7 +95,7 @@
95
95
  </div>
96
96
  </div>
97
97
  <div class="docs-command-row">
98
- <div class="docs-command-box" role="group" :aria-label="`${target.name} command`">
98
+ <div class="docs-command-box" role="group" :aria-label="t('docs.command.aria', { name: target.name })">
99
99
  <code class="install-command">{{ target.command }}</code>
100
100
  <button
101
101
  type="button"
@@ -17,6 +17,9 @@
17
17
  <button type="button" class="btn-tool btn-tool-compact" @click="openSkillsManager" :disabled="loading || !!initError || skillsMarketBusy">
18
18
  {{ t('market.openManager') }}
19
19
  </button>
20
+ <button type="button" class="btn-tool btn-tool-compact" @click="switchMainTab('dashboard')" :disabled="loading || !!initError || skillsMarketBusy">
21
+ {{ t('dashboard.doctor.title') }}
22
+ </button>
20
23
  </div>
21
24
  </div>
22
25