codexmate 0.0.20 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/README.en.md +349 -259
  2. package/README.md +284 -252
  3. package/cli/agents-files.js +162 -0
  4. package/cli/archive-helpers.js +446 -0
  5. package/cli/auth-profiles.js +359 -0
  6. package/cli/builtin-proxy.js +580 -0
  7. package/cli/claude-proxy.js +998 -0
  8. package/cli/config-bootstrap.js +384 -0
  9. package/cli/config-health.js +338 -338
  10. package/cli/openclaw-config.js +629 -0
  11. package/cli/skills.js +1141 -0
  12. package/cli/zip-commands.js +510 -0
  13. package/cli.js +13101 -13497
  14. package/lib/cli-file-utils.js +151 -151
  15. package/lib/cli-models-utils.js +419 -311
  16. package/lib/cli-network-utils.js +164 -164
  17. package/lib/cli-path-utils.js +69 -0
  18. package/lib/cli-session-utils.js +121 -121
  19. package/lib/cli-sessions.js +386 -0
  20. package/lib/cli-utils.js +155 -155
  21. package/lib/download-artifacts.js +77 -0
  22. package/lib/mcp-stdio.js +440 -440
  23. package/lib/task-orchestrator.js +869 -0
  24. package/lib/text-diff.js +303 -303
  25. package/lib/workflow-engine.js +340 -340
  26. package/package.json +74 -70
  27. package/res/json5.min.js +1 -1
  28. package/res/vue.global.prod.js +13 -0
  29. package/web-ui/app.js +530 -397
  30. package/web-ui/index.html +33 -30
  31. package/web-ui/logic.agents-diff.mjs +386 -386
  32. package/web-ui/logic.claude.mjs +168 -108
  33. package/web-ui/logic.mjs +5 -5
  34. package/web-ui/logic.runtime.mjs +124 -124
  35. package/web-ui/logic.sessions.mjs +581 -263
  36. package/web-ui/modules/api.mjs +90 -69
  37. package/web-ui/modules/app.computed.dashboard.mjs +113 -113
  38. package/web-ui/modules/app.computed.index.mjs +15 -13
  39. package/web-ui/modules/app.computed.main-tabs.mjs +195 -0
  40. package/web-ui/modules/app.computed.session.mjs +507 -141
  41. package/web-ui/modules/app.constants.mjs +15 -15
  42. package/web-ui/modules/app.methods.agents.mjs +493 -493
  43. package/web-ui/modules/app.methods.claude-config.mjs +174 -174
  44. package/web-ui/modules/app.methods.codex-config.mjs +640 -640
  45. package/web-ui/modules/app.methods.index.mjs +88 -86
  46. package/web-ui/modules/app.methods.install.mjs +149 -157
  47. package/web-ui/modules/app.methods.navigation.mjs +619 -478
  48. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -514
  49. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -337
  50. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -251
  51. package/web-ui/modules/app.methods.providers.mjs +363 -265
  52. package/web-ui/modules/app.methods.runtime.mjs +323 -323
  53. package/web-ui/modules/app.methods.session-actions.mjs +520 -457
  54. package/web-ui/modules/app.methods.session-browser.mjs +626 -435
  55. package/web-ui/modules/app.methods.session-timeline.mjs +448 -441
  56. package/web-ui/modules/app.methods.session-trash.mjs +422 -419
  57. package/web-ui/modules/app.methods.startup-claude.mjs +412 -406
  58. package/web-ui/modules/app.methods.task-orchestration.mjs +471 -0
  59. package/web-ui/modules/config-mode.computed.mjs +126 -124
  60. package/web-ui/modules/skills.computed.mjs +107 -107
  61. package/web-ui/modules/skills.methods.mjs +481 -481
  62. package/web-ui/partials/index/layout-footer.html +13 -69
  63. package/web-ui/partials/index/layout-header.html +402 -337
  64. package/web-ui/partials/index/modal-config-template-agents.html +125 -125
  65. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  66. package/web-ui/partials/index/modal-health-check.html +72 -72
  67. package/web-ui/partials/index/modal-openclaw-config.html +280 -275
  68. package/web-ui/partials/index/modal-skills.html +184 -184
  69. package/web-ui/partials/index/modals-basic.html +156 -196
  70. package/web-ui/partials/index/panel-config-claude.html +126 -100
  71. package/web-ui/partials/index/panel-config-codex.html +237 -237
  72. package/web-ui/partials/index/panel-config-openclaw.html +78 -84
  73. package/web-ui/partials/index/panel-docs.html +130 -0
  74. package/web-ui/partials/index/panel-market.html +174 -174
  75. package/web-ui/partials/index/panel-orchestration.html +397 -0
  76. package/web-ui/partials/index/panel-sessions.html +292 -387
  77. package/web-ui/partials/index/panel-settings.html +190 -166
  78. package/web-ui/partials/index/panel-usage.html +213 -0
  79. package/web-ui/session-helpers.mjs +559 -362
  80. package/web-ui/source-bundle.cjs +233 -233
  81. package/web-ui/styles/base-theme.css +271 -373
  82. package/web-ui/styles/controls-forms.css +360 -354
  83. package/web-ui/styles/docs-panel.css +182 -0
  84. package/web-ui/styles/feedback.css +108 -108
  85. package/web-ui/styles/health-check-dialog.css +144 -144
  86. package/web-ui/styles/layout-shell.css +376 -330
  87. package/web-ui/styles/modals-core.css +464 -449
  88. package/web-ui/styles/navigation-panels.css +348 -381
  89. package/web-ui/styles/openclaw-structured.css +266 -266
  90. package/web-ui/styles/responsive.css +450 -416
  91. package/web-ui/styles/sessions-list.css +400 -414
  92. package/web-ui/styles/sessions-preview.css +411 -405
  93. package/web-ui/styles/sessions-toolbar-trash.css +243 -243
  94. package/web-ui/styles/sessions-usage.css +628 -276
  95. package/web-ui/styles/skills-list.css +296 -298
  96. package/web-ui/styles/skills-market.css +335 -335
  97. package/web-ui/styles/task-orchestration.css +776 -0
  98. package/web-ui/styles/titles-cards.css +408 -407
  99. package/web-ui/styles.css +18 -16
  100. package/web-ui.html +17 -17
  101. package/res/screenshot.png +0 -0
  102. package/res/vue.global.js +0 -18552
package/web-ui/styles/sessions-toolbar-trash.css CHANGED
@@ -1,243 +1,243 @@
1
- .session-toolbar {
2
- display: grid;
3
- grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
4
- gap: var(--spacing-xs);
5
- margin-bottom: var(--spacing-sm);
6
- align-items: end;
7
- }
8
-
9
- .session-toolbar-group {
10
- display: flex;
11
- align-items: center;
12
- gap: var(--spacing-xs);
13
- flex-wrap: wrap;
14
- min-width: 0;
15
- }
16
-
17
- .session-toolbar-grow {
18
- grid-column: 1 / -1;
19
- }
20
-
21
- .session-toolbar-actions {
22
- justify-content: flex-end;
23
- }
24
-
25
- .session-toolbar-footer {
26
- display: flex;
27
- align-items: center;
28
- justify-content: flex-end;
29
- gap: var(--spacing-xs);
30
- margin-top: -2px;
31
- padding-top: 6px;
32
- margin-bottom: 12px;
33
- border-top: 1px dashed var(--color-border-soft);
34
- }
35
-
36
- .session-toolbar-footer .quick-option {
37
- margin: 0;
38
- padding: 6px 10px;
39
- border-radius: var(--radius-sm);
40
- border: 1px solid var(--color-border-soft);
41
- background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 100%);
42
- box-shadow: inset 0 1px 2px rgba(31, 26, 23, 0.04);
43
- transition: all var(--transition-fast) var(--ease-spring);
44
- line-height: 1.2;
45
- }
46
-
47
- .session-toolbar-footer .quick-option:hover {
48
- border-color: var(--color-border-strong);
49
- }
50
-
51
- .session-source-select,
52
- .session-path-select,
53
- .session-query-input,
54
- .session-role-select,
55
- .session-time-select {
56
- flex: 1;
57
- min-width: 160px;
58
- padding: 10px 12px;
59
- border-radius: var(--radius-sm);
60
- border: 1px solid var(--color-border-soft);
61
- background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.92) 100%);
62
- color: var(--color-text-secondary);
63
- font-size: var(--font-size-body);
64
- font-family: var(--font-family);
65
- outline: none;
66
- transition: all var(--transition-fast) var(--ease-spring);
67
- box-shadow: inset 0 1px 2px rgba(31, 26, 23, 0.04);
68
- }
69
-
70
- .session-query-input {
71
- flex: 2;
72
- min-width: 220px;
73
- }
74
-
75
- .session-source-select:hover,
76
- .session-path-select:hover,
77
- .session-query-input:hover,
78
- .session-role-select:hover,
79
- .session-time-select:hover {
80
- border-color: var(--color-border-strong);
81
- }
82
-
83
- .session-source-select:focus,
84
- .session-path-select:focus,
85
- .session-query-input:focus,
86
- .session-role-select:focus,
87
- .session-time-select:focus {
88
- border-color: var(--color-brand);
89
- box-shadow: var(--shadow-input-focus);
90
- }
91
-
92
- .session-hint {
93
- font-size: var(--font-size-secondary);
94
- color: var(--color-text-tertiary);
95
- margin-bottom: 12px;
96
- line-height: 1.45;
97
- }
98
-
99
- .session-card {
100
- align-items: flex-start;
101
- cursor: default;
102
- }
103
-
104
- .session-card:hover {
105
- transform: none;
106
- box-shadow: var(--shadow-card);
107
- }
108
-
109
- .session-card .card-leading {
110
- align-items: flex-start;
111
- }
112
-
113
- .session-meta {
114
- margin-top: 6px;
115
- font-size: var(--font-size-caption);
116
- color: var(--color-text-tertiary);
117
- line-height: 1.4;
118
- word-break: break-all;
119
- }
120
-
121
- .session-actions {
122
- display: flex;
123
- gap: var(--spacing-xs);
124
- align-items: center;
125
- margin-left: var(--spacing-sm);
126
- flex-shrink: 0;
127
- }
128
-
129
- .session-source {
130
- font-size: var(--font-size-caption);
131
- color: var(--color-text-tertiary);
132
- border: 1px solid var(--color-border-soft);
133
- border-radius: 999px;
134
- padding: 2px 8px;
135
- background: var(--color-surface-alt);
136
- white-space: nowrap;
137
- }
138
-
139
- .session-count-badge {
140
- display: inline-flex;
141
- align-items: center;
142
- justify-content: center;
143
- min-width: 22px;
144
- height: 22px;
145
- padding: 0 7px;
146
- border-radius: 999px;
147
- background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
148
- color: #fff;
149
- font-size: var(--font-size-caption);
150
- font-weight: var(--font-weight-secondary);
151
- line-height: 1;
152
- box-shadow: 0 4px 10px rgba(208, 88, 58, 0.16);
153
- flex-shrink: 0;
154
- }
155
-
156
- .trash-list-footer {
157
- display: flex;
158
- justify-content: center;
159
- margin-top: var(--spacing-sm);
160
- }
161
-
162
- .btn-session-export,
163
- .btn-session-open,
164
- .btn-session-clone,
165
- .btn-session-refresh {
166
- border: 1px solid var(--color-border-soft);
167
- border-radius: var(--radius-sm);
168
- background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.9) 100%);
169
- color: var(--color-text-secondary);
170
- padding: 8px 12px;
171
- font-size: var(--font-size-secondary);
172
- font-weight: var(--font-weight-secondary);
173
- cursor: pointer;
174
- transition: all var(--transition-fast) var(--ease-spring);
175
- white-space: nowrap;
176
- box-shadow: var(--shadow-subtle);
177
- letter-spacing: -0.01em;
178
- }
179
-
180
- .btn-session-delete {
181
- border: 1px solid rgba(189, 70, 68, 0.45);
182
- border-radius: var(--radius-sm);
183
- background: linear-gradient(to bottom, rgba(255, 245, 245, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
184
- color: #b74545;
185
- padding: 8px 12px;
186
- font-size: var(--font-size-secondary);
187
- font-weight: var(--font-weight-secondary);
188
- cursor: pointer;
189
- transition: all var(--transition-fast) var(--ease-spring);
190
- white-space: nowrap;
191
- box-shadow: var(--shadow-subtle);
192
- letter-spacing: -0.01em;
193
- }
194
-
195
- .btn-session-refresh:hover {
196
- border-color: var(--color-brand);
197
- color: var(--color-brand);
198
- transform: translateY(-1px);
199
- }
200
-
201
- .btn-session-refresh:disabled {
202
- opacity: 0.5;
203
- cursor: not-allowed;
204
- transform: none;
205
- }
206
-
207
- .btn-session-export:hover,
208
- .btn-session-open:hover {
209
- border-color: var(--color-brand);
210
- color: var(--color-brand);
211
- transform: translateY(-1px);
212
- }
213
-
214
- .btn-session-export:disabled,
215
- .btn-session-open:disabled {
216
- opacity: 0.5;
217
- cursor: not-allowed;
218
- transform: none;
219
- }
220
-
221
- .btn-session-clone:hover {
222
- border-color: var(--color-brand);
223
- color: var(--color-brand);
224
- transform: translateY(-1px);
225
- }
226
-
227
- .btn-session-clone:disabled {
228
- opacity: 0.5;
229
- cursor: not-allowed;
230
- transform: none;
231
- }
232
-
233
- .btn-session-delete:hover {
234
- border-color: rgba(189, 70, 68, 0.8);
235
- color: #9f3b3b;
236
- transform: translateY(-1px);
237
- }
238
-
239
- .btn-session-delete:disabled {
240
- opacity: 0.5;
241
- cursor: not-allowed;
242
- transform: none;
243
- }
1
+ .session-toolbar {
2
+ display: grid;
3
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
4
+ gap: var(--spacing-xs);
5
+ margin-bottom: var(--spacing-sm);
6
+ align-items: end;
7
+ }
8
+
9
+ .session-toolbar-group {
10
+ display: flex;
11
+ align-items: center;
12
+ gap: var(--spacing-xs);
13
+ flex-wrap: wrap;
14
+ min-width: 0;
15
+ }
16
+
17
+ .session-toolbar-grow {
18
+ grid-column: 1 / -1;
19
+ }
20
+
21
+ .session-toolbar-actions {
22
+ justify-content: flex-end;
23
+ }
24
+
25
+ .session-toolbar-footer {
26
+ display: flex;
27
+ align-items: center;
28
+ justify-content: flex-end;
29
+ gap: var(--spacing-xs);
30
+ margin-top: -2px;
31
+ padding-top: 6px;
32
+ margin-bottom: 12px;
33
+ border-top: 1px dashed var(--color-border-soft);
34
+ }
35
+
36
+ .session-toolbar-footer .quick-option {
37
+ margin: 0;
38
+ padding: 6px 10px;
39
+ border-radius: var(--radius-sm);
40
+ border: 1px solid var(--color-border-soft);
41
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 100%);
42
+ box-shadow: inset 0 1px 2px rgba(31, 26, 23, 0.04);
43
+ transition: all var(--transition-fast) var(--ease-spring);
44
+ line-height: 1.2;
45
+ }
46
+
47
+ .session-toolbar-footer .quick-option:hover {
48
+ border-color: var(--color-border-strong);
49
+ }
50
+
51
+ .session-source-select,
52
+ .session-path-select,
53
+ .session-query-input,
54
+ .session-role-select,
55
+ .session-time-select {
56
+ flex: 1;
57
+ min-width: 160px;
58
+ padding: 10px 12px;
59
+ border-radius: var(--radius-sm);
60
+ border: 1px solid var(--color-border-soft);
61
+ background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.92) 100%);
62
+ color: var(--color-text-secondary);
63
+ font-size: var(--font-size-body);
64
+ font-family: var(--font-family);
65
+ outline: none;
66
+ transition: all var(--transition-fast) var(--ease-spring);
67
+ box-shadow: inset 0 1px 2px rgba(31, 26, 23, 0.04);
68
+ }
69
+
70
+ .session-query-input {
71
+ flex: 2;
72
+ min-width: 220px;
73
+ }
74
+
75
+ .session-source-select:hover,
76
+ .session-path-select:hover,
77
+ .session-query-input:hover,
78
+ .session-role-select:hover,
79
+ .session-time-select:hover {
80
+ border-color: var(--color-border-strong);
81
+ }
82
+
83
+ .session-source-select:focus,
84
+ .session-path-select:focus,
85
+ .session-query-input:focus,
86
+ .session-role-select:focus,
87
+ .session-time-select:focus {
88
+ border-color: var(--color-brand);
89
+ box-shadow: var(--shadow-input-focus);
90
+ }
91
+
92
+ .session-hint {
93
+ font-size: var(--font-size-secondary);
94
+ color: var(--color-text-tertiary);
95
+ margin-bottom: 12px;
96
+ line-height: 1.45;
97
+ }
98
+
99
+ .session-card {
100
+ align-items: flex-start;
101
+ cursor: default;
102
+ }
103
+
104
+ .session-card:hover {
105
+ transform: none;
106
+ box-shadow: var(--shadow-card);
107
+ }
108
+
109
+ .session-card .card-leading {
110
+ align-items: flex-start;
111
+ }
112
+
113
+ .session-meta {
114
+ margin-top: 6px;
115
+ font-size: var(--font-size-caption);
116
+ color: var(--color-text-tertiary);
117
+ line-height: 1.4;
118
+ word-break: break-all;
119
+ }
120
+
121
+ .session-actions {
122
+ display: flex;
123
+ gap: var(--spacing-xs);
124
+ align-items: center;
125
+ margin-left: var(--spacing-sm);
126
+ flex-shrink: 0;
127
+ }
128
+
129
+ .session-source {
130
+ font-size: var(--font-size-caption);
131
+ color: var(--color-text-tertiary);
132
+ border: 1px solid var(--color-border-soft);
133
+ border-radius: 999px;
134
+ padding: 2px 8px;
135
+ background: var(--color-surface-alt);
136
+ white-space: nowrap;
137
+ }
138
+
139
+ .session-count-badge {
140
+ display: inline-flex;
141
+ align-items: center;
142
+ justify-content: center;
143
+ min-width: 22px;
144
+ height: 22px;
145
+ padding: 0 7px;
146
+ border-radius: 999px;
147
+ background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
148
+ color: #fff;
149
+ font-size: var(--font-size-caption);
150
+ font-weight: var(--font-weight-secondary);
151
+ line-height: 1;
152
+ box-shadow: 0 4px 10px rgba(208, 88, 58, 0.16);
153
+ flex-shrink: 0;
154
+ }
155
+
156
+ .trash-list-footer {
157
+ display: flex;
158
+ justify-content: center;
159
+ margin-top: var(--spacing-sm);
160
+ }
161
+
162
+ .btn-session-export,
163
+ .btn-session-open,
164
+ .btn-session-clone,
165
+ .btn-session-refresh {
166
+ border: 1px solid var(--color-border-soft);
167
+ border-radius: var(--radius-sm);
168
+ background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.9) 100%);
169
+ color: var(--color-text-secondary);
170
+ padding: 8px 12px;
171
+ font-size: var(--font-size-secondary);
172
+ font-weight: var(--font-weight-secondary);
173
+ cursor: pointer;
174
+ transition: all var(--transition-fast) var(--ease-spring);
175
+ white-space: nowrap;
176
+ box-shadow: var(--shadow-subtle);
177
+ letter-spacing: -0.01em;
178
+ }
179
+
180
+ .btn-session-delete {
181
+ border: 1px solid rgba(189, 70, 68, 0.45);
182
+ border-radius: var(--radius-sm);
183
+ background: linear-gradient(to bottom, rgba(255, 245, 245, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
184
+ color: #b74545;
185
+ padding: 8px 12px;
186
+ font-size: var(--font-size-secondary);
187
+ font-weight: var(--font-weight-secondary);
188
+ cursor: pointer;
189
+ transition: all var(--transition-fast) var(--ease-spring);
190
+ white-space: nowrap;
191
+ box-shadow: var(--shadow-subtle);
192
+ letter-spacing: -0.01em;
193
+ }
194
+
195
+ .btn-session-refresh:hover {
196
+ border-color: var(--color-brand);
197
+ color: var(--color-brand);
198
+ transform: translateY(-1px);
199
+ }
200
+
201
+ .btn-session-refresh:disabled {
202
+ opacity: 0.5;
203
+ cursor: not-allowed;
204
+ transform: none;
205
+ }
206
+
207
+ .btn-session-export:hover,
208
+ .btn-session-open:hover {
209
+ border-color: var(--color-brand);
210
+ color: var(--color-brand);
211
+ transform: translateY(-1px);
212
+ }
213
+
214
+ .btn-session-export:disabled,
215
+ .btn-session-open:disabled {
216
+ opacity: 0.5;
217
+ cursor: not-allowed;
218
+ transform: none;
219
+ }
220
+
221
+ .btn-session-clone:hover {
222
+ border-color: var(--color-brand);
223
+ color: var(--color-brand);
224
+ transform: translateY(-1px);
225
+ }
226
+
227
+ .btn-session-clone:disabled {
228
+ opacity: 0.5;
229
+ cursor: not-allowed;
230
+ transform: none;
231
+ }
232
+
233
+ .btn-session-delete:hover {
234
+ border-color: rgba(189, 70, 68, 0.8);
235
+ color: #9f3b3b;
236
+ transform: translateY(-1px);
237
+ }
238
+
239
+ .btn-session-delete:disabled {
240
+ opacity: 0.5;
241
+ cursor: not-allowed;
242
+ transform: none;
243
+ }