codexmate 0.0.19 → 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 -255
  2. package/README.md +284 -248
  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 -0
  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 +13129 -12973
  14. package/lib/cli-file-utils.js +151 -151
  15. package/lib/cli-models-utils.js +419 -152
  16. package/lib/cli-network-utils.js +164 -148
  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 -63
  27. package/res/json5.min.js +1 -1
  28. package/res/vue.global.prod.js +13 -0
  29. package/web-ui/app.js +530 -5548
  30. package/web-ui/index.html +33 -2246
  31. package/web-ui/logic.agents-diff.mjs +386 -0
  32. package/web-ui/logic.claude.mjs +168 -0
  33. package/web-ui/logic.mjs +5 -793
  34. package/web-ui/logic.runtime.mjs +124 -0
  35. package/web-ui/logic.sessions.mjs +581 -0
  36. package/web-ui/modules/api.mjs +90 -0
  37. package/web-ui/modules/app.computed.dashboard.mjs +113 -0
  38. package/web-ui/modules/app.computed.index.mjs +15 -0
  39. package/web-ui/modules/app.computed.main-tabs.mjs +195 -0
  40. package/web-ui/modules/app.computed.session.mjs +507 -0
  41. package/web-ui/modules/app.constants.mjs +15 -0
  42. package/web-ui/modules/app.methods.agents.mjs +493 -0
  43. package/web-ui/modules/app.methods.claude-config.mjs +174 -0
  44. package/web-ui/modules/app.methods.codex-config.mjs +640 -0
  45. package/web-ui/modules/app.methods.index.mjs +88 -0
  46. package/web-ui/modules/app.methods.install.mjs +149 -0
  47. package/web-ui/modules/app.methods.navigation.mjs +619 -0
  48. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -0
  49. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -0
  50. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -0
  51. package/web-ui/modules/app.methods.providers.mjs +363 -0
  52. package/web-ui/modules/app.methods.runtime.mjs +323 -0
  53. package/web-ui/modules/app.methods.session-actions.mjs +520 -0
  54. package/web-ui/modules/app.methods.session-browser.mjs +626 -0
  55. package/web-ui/modules/app.methods.session-timeline.mjs +448 -0
  56. package/web-ui/modules/app.methods.session-trash.mjs +422 -0
  57. package/web-ui/modules/app.methods.startup-claude.mjs +412 -0
  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 -0
  63. package/web-ui/partials/index/layout-header.html +402 -0
  64. package/web-ui/partials/index/modal-config-template-agents.html +125 -0
  65. package/web-ui/partials/index/modal-confirm-toast.html +32 -0
  66. package/web-ui/partials/index/modal-health-check.html +72 -0
  67. package/web-ui/partials/index/modal-openclaw-config.html +280 -0
  68. package/web-ui/partials/index/modal-skills.html +184 -0
  69. package/web-ui/partials/index/modals-basic.html +156 -0
  70. package/web-ui/partials/index/panel-config-claude.html +126 -0
  71. package/web-ui/partials/index/panel-config-codex.html +237 -0
  72. package/web-ui/partials/index/panel-config-openclaw.html +78 -0
  73. package/web-ui/partials/index/panel-docs.html +130 -0
  74. package/web-ui/partials/index/panel-market.html +174 -0
  75. package/web-ui/partials/index/panel-orchestration.html +397 -0
  76. package/web-ui/partials/index/panel-sessions.html +292 -0
  77. package/web-ui/partials/index/panel-settings.html +190 -0
  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 -0
  81. package/web-ui/styles/base-theme.css +271 -0
  82. package/web-ui/styles/controls-forms.css +360 -0
  83. package/web-ui/styles/docs-panel.css +182 -0
  84. package/web-ui/styles/feedback.css +108 -0
  85. package/web-ui/styles/health-check-dialog.css +144 -0
  86. package/web-ui/styles/layout-shell.css +376 -0
  87. package/web-ui/styles/modals-core.css +464 -0
  88. package/web-ui/styles/navigation-panels.css +348 -0
  89. package/web-ui/styles/openclaw-structured.css +266 -0
  90. package/web-ui/styles/responsive.css +450 -0
  91. package/web-ui/styles/sessions-list.css +400 -0
  92. package/web-ui/styles/sessions-preview.css +411 -0
  93. package/web-ui/styles/sessions-toolbar-trash.css +243 -0
  94. package/web-ui/styles/sessions-usage.css +628 -0
  95. package/web-ui/styles/skills-list.css +296 -0
  96. package/web-ui/styles/skills-market.css +335 -0
  97. package/web-ui/styles/task-orchestration.css +776 -0
  98. package/web-ui/styles/titles-cards.css +408 -0
  99. package/web-ui/styles.css +18 -4668
  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/panel-usage.html ADDED
@@ -0,0 +1,213 @@
1
+ <!-- Usage 统计 -->
2
+ <div
3
+ v-show="mainTab === 'usage'"
4
+ class="mode-content"
5
+ id="panel-usage"
6
+ role="tabpanel"
7
+ :aria-labelledby="'tab-usage'">
8
+ <div class="usage-toolbar">
9
+ <div class="selector-header" style="padding:0;border:0;background:none;">
10
+ <span class="selector-title">Usage 概览</span>
11
+ </div>
12
+ <div class="usage-range-group" role="group" aria-label="Usage 时间范围">
13
+ <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === '7d' }" @click="sessionsUsageTimeRange = '7d'">近 7 天</button>
14
+ <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === '30d' }" @click="sessionsUsageTimeRange = '30d'">近 30 天</button>
15
+ <button type="button" class="usage-range-btn" :class="{ active: sessionsUsageTimeRange === 'all' }" @click="sessionsUsageTimeRange = 'all'">全部</button>
16
+ <button type="button" class="usage-range-btn" @click="loadSessionsUsage({ forceRefresh: true })" :disabled="sessionsUsageLoading">{{ sessionsUsageLoading ? '刷新中...' : '刷新统计' }}</button>
17
+ </div>
18
+ </div>
19
+
20
+ <div v-if="sessionsUsageLoading && !sessionsUsageList.length" class="session-empty">正在加载 Usage 统计...</div>
21
+ <div v-else-if="sessionsUsageError && !sessionsUsageList.length" class="usage-empty">{{ sessionsUsageError }}</div>
22
+ <div v-else-if="!sessionsUsageList.length" class="usage-empty">暂无可用于统计的会话数据</div>
23
+ <template v-else>
24
+ <div class="usage-summary-grid">
25
+ <div v-for="card in sessionUsageSummaryCards" :key="card.key" class="usage-summary-card">
26
+ <div class="usage-summary-label">{{ card.label }}</div>
27
+ <div class="usage-summary-value" :title="card.title || null">{{ card.value }}</div>
28
+ <div v-if="card.note" class="usage-summary-note">{{ card.note }}</div>
29
+ </div>
30
+ </div>
31
+
32
+ <div class="usage-chart-grid">
33
+ <section class="usage-card">
34
+ <div class="usage-card-title">会话趋势</div>
35
+ <div class="usage-legend">
36
+ <span><span class="usage-legend-dot" style="background:#4f8cff"></span>Codex</span>
37
+ <span><span class="usage-legend-dot" style="background:#b277ff"></span>Claude</span>
38
+ </div>
39
+ <div class="usage-bars">
40
+ <div v-for="bucket in sessionUsageCharts.buckets" :key="bucket.key" class="usage-bar-group">
41
+ <div class="usage-bar-stack">
42
+ <div class="usage-bar codex" :style="{ height: ((bucket.codex / Math.max(sessionUsageCharts.maxSessionBucket, 1)) * 100) + '%' }" :title="`Codex ${bucket.codex}`"></div>
43
+ <div class="usage-bar claude" :style="{ height: ((bucket.claude / Math.max(sessionUsageCharts.maxSessionBucket, 1)) * 100) + '%' }" :title="`Claude ${bucket.claude}`"></div>
44
+ </div>
45
+ <div class="usage-bar-label">{{ bucket.label }}</div>
46
+ </div>
47
+ </div>
48
+ </section>
49
+
50
+ <section class="usage-card">
51
+ <div class="usage-card-title">消息趋势</div>
52
+ <div class="usage-bars">
53
+ <div v-for="bucket in sessionUsageCharts.buckets" :key="bucket.key + '-messages'" class="usage-bar-group">
54
+ <div class="usage-bar-stack">
55
+ <div class="usage-bar codex" style="width:100%" :style="{ height: ((bucket.totalMessages / Math.max(sessionUsageCharts.maxMessageBucket, 1)) * 100) + '%' }" :title="`${bucket.totalMessages} messages`"></div>
56
+ </div>
57
+ <div class="usage-bar-label">{{ bucket.label }}</div>
58
+ </div>
59
+ </div>
60
+ </section>
61
+
62
+ <section class="usage-card">
63
+ <div class="usage-card-title">活跃时段</div>
64
+ <div class="usage-mini-bars">
65
+ <div v-for="item in sessionUsageCharts.hourActivity" :key="item.key" class="usage-mini-bar-group">
66
+ <div class="usage-mini-bar-track" :title="`${item.label}:00 · ${item.count} 次会话`">
67
+ <div class="usage-mini-bar-fill" :style="{ height: item.percent + '%' }"></div>
68
+ </div>
69
+ <div class="usage-mini-bar-label">{{ item.label }}</div>
70
+ </div>
71
+ </div>
72
+ </section>
73
+
74
+ <section class="usage-card">
75
+ <div class="usage-card-title">来源洞察</div>
76
+ <div class="usage-list">
77
+ <div v-for="item in sessionUsageCharts.sourceShare" :key="item.key" class="usage-list-row">
78
+ <div class="usage-list-label">{{ item.label }}</div>
79
+ <div class="usage-progress"><div class="usage-progress-fill" :style="{ width: item.percent + '%' }"></div></div>
80
+ <div class="usage-list-value">{{ item.percent }}%</div>
81
+ <div class="usage-list-subvalue">{{ item.value }} 会话 · {{ item.messageTotal }} 消息 · 均值 {{ item.avgMessages }}</div>
82
+ </div>
83
+ </div>
84
+ </section>
85
+
86
+ <section class="usage-card usage-card-models">
87
+ <div class="usage-card-head">
88
+ <div>
89
+ <div class="usage-card-title">使用模型</div>
90
+ <div class="usage-card-subtitle">只列真实落盘的 model 名。</div>
91
+ </div>
92
+ <div class="usage-card-kicker">已识别 {{ sessionUsageCharts.modelCoverage.modeledSessions }}/{{ sessionUsageCharts.modelCoverage.totalSessions }}</div>
93
+ </div>
94
+ <div class="usage-model-coverage-strip">
95
+ <div class="usage-model-coverage-item">
96
+ <strong>{{ sessionUsageCharts.usedModels.length }}</strong>
97
+ <span>模型数</span>
98
+ </div>
99
+ <div class="usage-model-coverage-item">
100
+ <strong>{{ sessionUsageCharts.modelCoverage.coveragePercent }}%</strong>
101
+ <span>会话覆盖率</span>
102
+ </div>
103
+ <div class="usage-model-coverage-item">
104
+ <strong>{{ sessionUsageCharts.modelCoverage.missingModelSessions }}</strong>
105
+ <span>缺 model</span>
106
+ </div>
107
+ </div>
108
+ <div v-if="!sessionUsageCharts.usedModels.length" class="usage-diagnostic-empty">
109
+ <div class="usage-diagnostic-title">当前范围没读到模型名</div>
110
+ <div class="usage-diagnostic-copy">
111
+ 已扫描 {{ sessionUsageCharts.modelCoverage.totalSessions }} 个会话，但原始记录里没有可识别的 model 字段。
112
+ </div>
113
+ <div v-if="sessionUsageCharts.modelCoverage.providerOnlySessions > 0" class="usage-diagnostic-meta">
114
+ 其中 {{ sessionUsageCharts.modelCoverage.providerOnlySessions }} 个旧会话只写了 provider。
115
+ </div>
116
+ </div>
117
+ <template v-else>
118
+ <div v-if="sessionUsageCharts.modelCoverage.providerOnlySessions > 0" class="usage-inline-note">
119
+ 另有 {{ sessionUsageCharts.modelCoverage.missingModelSessions }} 个会话没写模型名，未计入列表。
120
+ </div>
121
+ <div v-else-if="sessionUsageCharts.modelCoverage.missingModelSessions > 0" class="usage-inline-note">
122
+ 另有 {{ sessionUsageCharts.modelCoverage.missingModelSessions }} 个会话缺少 model，未计入列表。
123
+ </div>
124
+ <div v-if="sessionUsageCharts.modelCoverage.missingModelSessionsPreview.length" class="usage-diagnostic-list">
125
+ <div class="usage-diagnostic-list-title">仍缺模型名的会话</div>
126
+ <div
127
+ v-for="item in sessionUsageCharts.modelCoverage.missingModelSessionsPreview"
128
+ :key="item.key"
129
+ class="usage-diagnostic-row">
130
+ <div class="usage-diagnostic-row-main">
131
+ <div class="usage-diagnostic-row-title">{{ item.title }}</div>
132
+ <div class="usage-diagnostic-row-meta">
133
+ <span v-if="item.sessionId">{{ item.sessionId }}</span>
134
+ <span v-else-if="item.updatedAtLabel">{{ item.updatedAtLabel }}</span>
135
+ </div>
136
+ </div>
137
+ <div class="usage-diagnostic-row-side">
138
+ <span v-if="item.provider" class="usage-inline-tag">{{ item.provider }}</span>
139
+ <span class="usage-inline-stat">{{ item.reasonLabel }}</span>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ <div class="usage-model-list">
144
+ <div v-for="item in sessionUsageCharts.usedModels" :key="item.key" class="usage-model-chip" :title="`${item.model} · ${item.count} 会话 · ${item.messageTotal} 消息${item.tokenTotal ? ` · ${item.tokenTotal} token` : ''}`">
145
+ <div class="usage-model-name">{{ item.model }}</div>
146
+ <div class="usage-model-meta">{{ item.count }} 会话 · {{ item.messageTotal }} 消息<span v-if="item.tokenTotal"> · {{ item.tokenTotal.toLocaleString('en-US') }} token</span></div>
147
+ </div>
148
+ </div>
149
+ </template>
150
+ </section>
151
+
152
+ <section class="usage-card">
153
+ <div class="usage-card-title">工作日分布</div>
154
+ <div class="usage-list">
155
+ <div v-for="item in sessionUsageCharts.weekdayActivity" :key="item.key" class="usage-list-row usage-list-row-compact">
156
+ <div class="usage-list-label">{{ item.label }}</div>
157
+ <div class="usage-progress"><div class="usage-progress-fill" :style="{ width: item.percent + '%' }"></div></div>
158
+ <div class="usage-list-value">{{ item.count }}</div>
159
+ </div>
160
+ </div>
161
+ </section>
162
+
163
+ <section class="usage-card">
164
+ <div class="usage-card-title">高频路径</div>
165
+ <div v-if="!sessionUsageCharts.topPaths.length" class="usage-list-value">暂无路径数据</div>
166
+ <div v-else class="usage-list">
167
+ <div v-for="item in sessionUsageCharts.topPaths" :key="item.path" class="usage-list-row">
168
+ <div class="usage-list-label">{{ item.count }} 次</div>
169
+ <div class="usage-progress"><div class="usage-progress-fill" :style="{ width: ((item.count / Math.max((sessionUsageCharts.topPaths.length ? sessionUsageCharts.topPaths[0].count : 1), 1)) * 100) + '%' }"></div></div>
170
+ <div class="usage-list-value" :title="item.path">{{ item.path }}</div>
171
+ <div class="usage-list-subvalue">{{ item.messageTotal }} 消息<span v-if="item.updatedAtLabel"> · 最近 {{ item.updatedAtLabel }}</span></div>
172
+ </div>
173
+ </div>
174
+ </section>
175
+
176
+ <section class="usage-card">
177
+ <div class="usage-card-title">近期活跃会话</div>
178
+ <div v-if="!sessionUsageCharts.recentSessions.length" class="usage-list-value">暂无会话数据</div>
179
+ <div v-else class="usage-session-list">
180
+ <div v-for="item in sessionUsageCharts.recentSessions" :key="item.key" class="usage-session-item">
181
+ <div class="usage-session-row">
182
+ <div class="usage-session-title" :title="item.title">{{ item.title }}</div>
183
+ <span :class="['pill', item.source === 'codex' ? 'configured' : 'empty']">{{ item.sourceLabel }}</span>
184
+ </div>
185
+ <div class="usage-session-meta">
186
+ <span>{{ item.messageCount }} 消息</span>
187
+ <span v-if="item.updatedAtLabel">{{ item.updatedAtLabel }}</span>
188
+ </div>
189
+ <div v-if="item.cwd" class="usage-session-path" :title="item.cwd">{{ item.cwd }}</div>
190
+ </div>
191
+ </div>
192
+ </section>
193
+
194
+ <section class="usage-card">
195
+ <div class="usage-card-title">消息密度最高</div>
196
+ <div v-if="!sessionUsageCharts.topSessionsByMessages.length" class="usage-list-value">暂无会话数据</div>
197
+ <div v-else class="usage-session-list">
198
+ <div v-for="item in sessionUsageCharts.topSessionsByMessages" :key="item.key + '-messages'" class="usage-session-item">
199
+ <div class="usage-session-row">
200
+ <div class="usage-session-title" :title="item.title">{{ item.title }}</div>
201
+ <div class="usage-inline-stat">{{ item.messageCount }} 消息</div>
202
+ </div>
203
+ <div class="usage-session-meta">
204
+ <span>{{ item.sourceLabel }}</span>
205
+ <span v-if="item.updatedAtLabel">{{ item.updatedAtLabel }}</span>
206
+ </div>
207
+ <div v-if="item.cwd" class="usage-session-path" :title="item.cwd">{{ item.cwd }}</div>
208
+ </div>
209
+ </div>
210
+ </section>
211
+ </div>
212
+ </template>
213
+ </div>