codexmate 0.0.22 → 0.0.23
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.
- package/README.md +1 -0
- package/README.zh.md +4 -3
- package/package.json +1 -1
- package/web-ui/app.js +54 -3
- package/web-ui/modules/app.computed.main-tabs.mjs +6 -2
- package/web-ui/modules/app.methods.install.mjs +16 -0
- package/web-ui/modules/app.methods.navigation.mjs +43 -0
- package/web-ui/modules/app.methods.session-browser.mjs +66 -1
- package/web-ui/modules/app.methods.startup-claude.mjs +12 -0
- package/web-ui/modules/app.methods.task-orchestration.mjs +96 -11
- package/web-ui/modules/i18n.mjs +214 -0
- package/web-ui/modules/plugins.computed.mjs +2 -219
- package/web-ui/modules/plugins.methods.mjs +2 -619
- package/web-ui/modules/plugins.storage.mjs +11 -37
- package/web-ui/modules/sessions-filters-url.mjs +85 -0
- package/web-ui/partials/index/layout-header.html +2 -2
- package/web-ui/partials/index/panel-config-claude.html +21 -0
- package/web-ui/partials/index/panel-config-codex.html +21 -0
- package/web-ui/partials/index/panel-orchestration.html +102 -111
- package/web-ui/partials/index/panel-plugins.html +34 -4
- package/web-ui/partials/index/panel-sessions.html +9 -3
- package/web-ui/partials/index/panel-usage.html +5 -5
- package/web-ui/styles/controls-forms.css +7 -0
- package/web-ui/styles/layout-shell.css +9 -3
- package/web-ui/styles/navigation-panels.css +8 -0
- package/web-ui/styles/plugins-panel.css +5 -0
- package/web-ui/styles/sessions-usage.css +28 -0
- package/web-ui/styles/skills-market.css +12 -2
- package/web-ui/styles/task-orchestration.css +57 -11
|
@@ -316,6 +316,13 @@
|
|
|
316
316
|
margin-top: var(--spacing-xs);
|
|
317
317
|
}
|
|
318
318
|
|
|
319
|
+
.selector-header .settings-tab-actions > .btn-tool + .btn-tool,
|
|
320
|
+
.selector-header .settings-tab-actions > .btn-tool-compact + .btn-tool,
|
|
321
|
+
.selector-header .settings-tab-actions > .btn-tool + .btn-tool-compact,
|
|
322
|
+
.selector-header .settings-tab-actions > .btn-tool-compact + .btn-tool-compact {
|
|
323
|
+
margin-top: 0;
|
|
324
|
+
}
|
|
325
|
+
|
|
319
326
|
.selector-header .trash-header-actions > .btn-tool + .btn-tool {
|
|
320
327
|
margin-top: 0;
|
|
321
328
|
}
|
|
@@ -73,7 +73,7 @@ body::after {
|
|
|
73
73
|
display: flex;
|
|
74
74
|
flex-direction: column;
|
|
75
75
|
gap: 4px;
|
|
76
|
-
padding:
|
|
76
|
+
padding: 6px;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.side-section + .side-section {
|
|
@@ -210,13 +210,19 @@ body::after {
|
|
|
210
210
|
z-index: 2;
|
|
211
211
|
margin-top: auto;
|
|
212
212
|
padding: 12px 10px;
|
|
213
|
-
background:
|
|
213
|
+
background: transparent;
|
|
214
214
|
border-top: 1px solid var(--color-border);
|
|
215
|
-
backdrop-filter:
|
|
215
|
+
backdrop-filter: none;
|
|
216
216
|
display: flex;
|
|
217
217
|
justify-content: center;
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
+
.side-rail-lang .lang-choice {
|
|
221
|
+
background: rgba(255, 253, 252, 0.9);
|
|
222
|
+
box-shadow: none;
|
|
223
|
+
backdrop-filter: none;
|
|
224
|
+
}
|
|
225
|
+
|
|
220
226
|
.lang-switch {
|
|
221
227
|
width: 100%;
|
|
222
228
|
border: none;
|
|
@@ -148,6 +148,14 @@
|
|
|
148
148
|
box-shadow: var(--shadow-input-focus);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
+
.provider-fast-switch-select:disabled {
|
|
152
|
+
cursor: not-allowed;
|
|
153
|
+
opacity: 0.72;
|
|
154
|
+
border-color: var(--color-border-soft);
|
|
155
|
+
background-color: var(--color-surface-alt);
|
|
156
|
+
box-shadow: none;
|
|
157
|
+
}
|
|
158
|
+
|
|
151
159
|
.main-panel {
|
|
152
160
|
min-width: 0;
|
|
153
161
|
background: var(--color-bg);
|
|
@@ -502,6 +502,11 @@
|
|
|
502
502
|
min-width: 0;
|
|
503
503
|
}
|
|
504
504
|
|
|
505
|
+
.prompt-var-input.is-missing {
|
|
506
|
+
border-color: var(--color-error);
|
|
507
|
+
box-shadow: 0 0 0 1px rgba(196, 69, 54, 0.18);
|
|
508
|
+
}
|
|
509
|
+
|
|
505
510
|
@media (max-width: 980px) {
|
|
506
511
|
.plugins-layout {
|
|
507
512
|
grid-template-columns: 1fr;
|
|
@@ -500,6 +500,34 @@
|
|
|
500
500
|
min-width: 0;
|
|
501
501
|
}
|
|
502
502
|
|
|
503
|
+
.usage-list-scroll {
|
|
504
|
+
max-height: 220px;
|
|
505
|
+
overflow-y: auto;
|
|
506
|
+
padding-right: 6px;
|
|
507
|
+
scrollbar-gutter: stable;
|
|
508
|
+
scrollbar-width: thin;
|
|
509
|
+
scrollbar-color: rgba(199, 116, 98, 0.72) rgba(199, 116, 98, 0.08);
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
.usage-list-scroll::-webkit-scrollbar {
|
|
513
|
+
width: 10px;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
.usage-list-scroll::-webkit-scrollbar-track {
|
|
517
|
+
background: linear-gradient(180deg, rgba(199, 116, 98, 0.04), rgba(199, 116, 98, 0.1));
|
|
518
|
+
border-radius: 999px;
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
.usage-list-scroll::-webkit-scrollbar-thumb {
|
|
522
|
+
background: linear-gradient(180deg, rgba(199, 116, 98, 0.68), rgba(180, 94, 78, 0.92));
|
|
523
|
+
border-radius: 999px;
|
|
524
|
+
border: 2px solid rgba(248, 243, 238, 0.96);
|
|
525
|
+
}
|
|
526
|
+
|
|
527
|
+
.usage-list-scroll::-webkit-scrollbar-thumb:hover {
|
|
528
|
+
background: linear-gradient(180deg, rgba(199, 116, 98, 0.82), rgba(180, 94, 78, 1));
|
|
529
|
+
}
|
|
530
|
+
|
|
503
531
|
.usage-list-row {
|
|
504
532
|
display: grid;
|
|
505
533
|
grid-template-columns: minmax(56px, 72px) minmax(0, 1fr) minmax(48px, auto);
|
|
@@ -215,11 +215,12 @@
|
|
|
215
215
|
|
|
216
216
|
.market-overview-header {
|
|
217
217
|
gap: var(--spacing-sm);
|
|
218
|
-
align-items:
|
|
218
|
+
align-items: center;
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
.market-header-actions {
|
|
222
|
-
flex-wrap:
|
|
222
|
+
flex-wrap: nowrap;
|
|
223
|
+
align-items: center;
|
|
223
224
|
}
|
|
224
225
|
|
|
225
226
|
/* 缩减顶部操作按钮尺寸(刷新概览 / 打开 Skills 管理),并确保两者对齐 */
|
|
@@ -236,6 +237,15 @@
|
|
|
236
237
|
justify-content: center;
|
|
237
238
|
}
|
|
238
239
|
|
|
240
|
+
@media (max-width: 720px) {
|
|
241
|
+
.market-overview-header {
|
|
242
|
+
align-items: flex-start;
|
|
243
|
+
}
|
|
244
|
+
.market-header-actions {
|
|
245
|
+
flex-wrap: wrap;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
|
|
239
249
|
.market-target-switch {
|
|
240
250
|
display: flex;
|
|
241
251
|
flex-wrap: wrap;
|
|
@@ -62,10 +62,6 @@
|
|
|
62
62
|
align-self: flex-start;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.task-hero-actions > .btn-tool-compact {
|
|
66
|
-
min-width: 108px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
65
|
.task-hero-actions > .btn-tool + .btn-tool,
|
|
70
66
|
.task-hero-actions > .btn-tool-compact + .btn-tool,
|
|
71
67
|
.task-hero-actions > .btn-tool + .btn-tool-compact,
|
|
@@ -73,6 +69,31 @@
|
|
|
73
69
|
margin-top: 0;
|
|
74
70
|
}
|
|
75
71
|
|
|
72
|
+
.task-section-header .task-header-actions > .btn-tool + .btn-tool,
|
|
73
|
+
.task-section-header .task-header-actions > .btn-tool-compact + .btn-tool,
|
|
74
|
+
.task-section-header .task-header-actions > .btn-tool + .btn-tool-compact,
|
|
75
|
+
.task-section-header .task-header-actions > .btn-tool-compact + .btn-tool-compact {
|
|
76
|
+
margin-top: 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.task-action-row > .btn-tool + .btn-tool,
|
|
80
|
+
.task-action-row > .btn-tool-compact + .btn-tool,
|
|
81
|
+
.task-action-row > .btn-tool + .btn-tool-compact,
|
|
82
|
+
.task-action-row > .btn-tool-compact + .btn-tool-compact,
|
|
83
|
+
.task-action-row-right > .btn-tool + .btn-tool,
|
|
84
|
+
.task-action-row-right > .btn-tool-compact + .btn-tool,
|
|
85
|
+
.task-action-row-right > .btn-tool + .btn-tool-compact,
|
|
86
|
+
.task-action-row-right > .btn-tool-compact + .btn-tool-compact {
|
|
87
|
+
margin-top: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.task-detail-toolbar > .btn-tool + .btn-tool,
|
|
91
|
+
.task-detail-toolbar > .btn-tool-compact + .btn-tool,
|
|
92
|
+
.task-detail-toolbar > .btn-tool + .btn-tool-compact,
|
|
93
|
+
.task-detail-toolbar > .btn-tool-compact + .btn-tool-compact {
|
|
94
|
+
margin-top: 0;
|
|
95
|
+
}
|
|
96
|
+
|
|
76
97
|
.task-hero-meta-strip {
|
|
77
98
|
display: flex;
|
|
78
99
|
flex-wrap: wrap;
|
|
@@ -230,6 +251,10 @@
|
|
|
230
251
|
align-items: stretch;
|
|
231
252
|
}
|
|
232
253
|
|
|
254
|
+
.task-composer-grid-inline {
|
|
255
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
256
|
+
}
|
|
257
|
+
|
|
233
258
|
.task-field-wide {
|
|
234
259
|
grid-column: 1 / -1;
|
|
235
260
|
}
|
|
@@ -401,11 +426,33 @@
|
|
|
401
426
|
}
|
|
402
427
|
|
|
403
428
|
.task-advanced-summary {
|
|
429
|
+
display: flex;
|
|
430
|
+
align-items: center;
|
|
431
|
+
justify-content: space-between;
|
|
404
432
|
cursor: pointer;
|
|
405
433
|
font-size: 13px;
|
|
406
434
|
font-weight: 700;
|
|
407
435
|
color: var(--color-text-primary);
|
|
408
436
|
list-style: none;
|
|
437
|
+
min-height: 36px;
|
|
438
|
+
padding: 0 10px;
|
|
439
|
+
border-radius: 12px;
|
|
440
|
+
background: rgba(255, 255, 255, 0.64);
|
|
441
|
+
border: 1px solid var(--color-border-soft);
|
|
442
|
+
transition:
|
|
443
|
+
border-color var(--transition-fast) var(--ease-smooth),
|
|
444
|
+
background var(--transition-fast) var(--ease-smooth),
|
|
445
|
+
box-shadow var(--transition-fast) var(--ease-smooth);
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.task-advanced-summary:hover {
|
|
449
|
+
border-color: var(--color-border-strong);
|
|
450
|
+
background: rgba(255, 255, 255, 0.86);
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
.task-advanced-panel[open] > .task-advanced-summary {
|
|
454
|
+
border-color: rgba(199, 116, 98, 0.4);
|
|
455
|
+
box-shadow: var(--shadow-subtle);
|
|
409
456
|
}
|
|
410
457
|
|
|
411
458
|
.task-advanced-summary::-webkit-details-marker {
|
|
@@ -471,11 +518,10 @@
|
|
|
471
518
|
}
|
|
472
519
|
|
|
473
520
|
.task-action-row > .btn-tool,
|
|
474
|
-
.task-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
height: 38px;
|
|
521
|
+
.task-action-row-right > .btn-tool {
|
|
522
|
+
width: auto;
|
|
523
|
+
min-height: 36px;
|
|
524
|
+
height: 36px;
|
|
479
525
|
display: inline-flex;
|
|
480
526
|
align-items: center;
|
|
481
527
|
justify-content: center;
|
|
@@ -483,7 +529,7 @@
|
|
|
483
529
|
}
|
|
484
530
|
|
|
485
531
|
.task-action-preview {
|
|
486
|
-
min-width:
|
|
532
|
+
min-width: 104px;
|
|
487
533
|
}
|
|
488
534
|
|
|
489
535
|
.task-action-row-right {
|
|
@@ -493,7 +539,7 @@
|
|
|
493
539
|
}
|
|
494
540
|
|
|
495
541
|
.task-action-row-right-prominent > .btn-tool {
|
|
496
|
-
min-width:
|
|
542
|
+
min-width: 104px;
|
|
497
543
|
}
|
|
498
544
|
|
|
499
545
|
.task-action-help-prominent,
|