@chrysb/alphaclaw 0.6.2-beta.5 → 0.6.2-beta.6

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 (16) hide show
  1. package/lib/public/css/cron.css +91 -39
  2. package/lib/public/js/components/cron-tab/cron-calendar.js +287 -164
  3. package/lib/public/js/components/cron-tab/cron-insights-panel.js +325 -0
  4. package/lib/public/js/components/cron-tab/cron-job-detail.js +38 -363
  5. package/lib/public/js/components/cron-tab/cron-job-settings-card.js +233 -0
  6. package/lib/public/js/components/cron-tab/cron-overview.js +40 -19
  7. package/lib/public/js/components/cron-tab/cron-prompt-editor.js +173 -0
  8. package/lib/public/js/components/cron-tab/cron-run-history-panel.js +69 -56
  9. package/lib/public/js/components/cron-tab/cron-runs-trend-card.js +20 -2
  10. package/lib/public/js/components/cron-tab/index.js +170 -78
  11. package/lib/public/js/components/file-viewer/editor-surface.js +5 -1
  12. package/lib/public/js/components/file-viewer/use-editor-line-number-sync.js +36 -0
  13. package/lib/public/js/components/file-viewer/use-file-viewer.js +7 -23
  14. package/lib/public/js/components/file-viewer/utils.js +1 -5
  15. package/lib/public/js/components/onboarding/welcome-pairing-step.js +88 -59
  16. package/package.json +1 -1
package/lib/public/css/cron.css CHANGED
@@ -10,26 +10,101 @@
10
10
  }
11
11
 
12
12
  .cron-tab-header {
13
- padding: 16px 20px 12px;
13
+ padding: 16px 0 12px;
14
14
  border-bottom: 1px solid var(--border);
15
15
  }
16
16
 
17
+ .cron-tab-header-content {
18
+ width: 100%;
19
+ max-width: 672px;
20
+ margin-left: auto;
21
+ margin-right: auto;
22
+ box-sizing: border-box;
23
+ display: flex;
24
+ flex-direction: column;
25
+ gap: 10px;
26
+ }
27
+
17
28
  .cron-tab-main {
18
29
  flex: 1;
19
30
  min-height: 0;
31
+ overflow-y: auto;
32
+ overflow-x: hidden;
33
+ }
34
+
35
+ .cron-tab-main-content {
36
+ width: min(100% - 40px, 672px);
37
+ margin-left: auto;
38
+ margin-right: auto;
39
+ padding: 0 0 24px;
40
+ min-height: 100%;
41
+ }
42
+
43
+ .cron-tab-selector-shell {
44
+ position: relative;
45
+ width: min(100%, 320px);
46
+ }
47
+
48
+ .cron-tab-selector-toggle {
49
+ width: 100%;
50
+ border: 1px solid var(--border);
51
+ border-radius: 10px;
52
+ background: rgba(255, 255, 255, 0.015);
53
+ color: var(--text);
54
+ text-align: left;
55
+ font: inherit;
56
+ padding: 8px 10px;
20
57
  display: flex;
58
+ align-items: center;
59
+ justify-content: space-between;
60
+ gap: 8px;
21
61
  }
22
62
 
23
- .cron-list-panel {
24
- min-width: 220px;
25
- max-width: 480px;
26
- border-right: 1px solid var(--border);
63
+ .cron-tab-selector-toggle:hover {
64
+ border-color: rgba(148, 163, 184, 0.45);
65
+ }
66
+
67
+ .cron-tab-selector-toggle.is-open {
68
+ border-color: rgba(99, 235, 255, 0.55);
69
+ background: rgba(99, 235, 255, 0.08);
70
+ }
71
+
72
+ .cron-tab-selector-title {
73
+ font-size: 14px;
74
+ font-weight: 700;
75
+ color: var(--text);
76
+ white-space: nowrap;
77
+ overflow: hidden;
78
+ text-overflow: ellipsis;
79
+ }
80
+
81
+ .cron-tab-selector-caret {
82
+ color: var(--text-dim);
83
+ transition: transform 0.12s ease;
84
+ }
85
+
86
+ .cron-tab-selector-toggle.is-open .cron-tab-selector-caret {
87
+ transform: rotate(180deg);
88
+ }
89
+
90
+ .cron-tab-selector-dropdown {
91
+ position: absolute;
92
+ top: calc(100% + 8px);
93
+ left: 0;
94
+ width: min(100vw - 40px, 420px);
95
+ max-height: min(70vh, 620px);
96
+ border: 1px solid var(--border);
97
+ border-radius: 12px;
27
98
  background: var(--bg-sidebar);
28
- overflow-y: auto;
99
+ box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
100
+ overflow: hidden;
101
+ z-index: 8;
29
102
  }
30
103
 
31
- .cron-list-panel-inner {
104
+ .cron-tab-selector-dropdown .cron-list-panel-inner {
32
105
  padding: 0 10px 10px;
106
+ max-height: min(70vh, 620px);
107
+ overflow-y: auto;
33
108
  }
34
109
 
35
110
  .cron-list-sticky-search {
@@ -168,49 +243,26 @@
168
243
  flex: 0 0 auto;
169
244
  }
170
245
 
171
- .cron-list-resizer {
172
- cursor: col-resize;
173
- position: relative;
174
- width: 6px;
175
- margin-left: -3px;
176
- z-index: 4;
177
- }
178
-
179
- .cron-list-resizer::after {
180
- content: "";
181
- position: absolute;
182
- left: 2px;
183
- top: 0;
184
- bottom: 0;
185
- width: 2px;
186
- background: transparent;
187
- transition: background 0.12s;
188
- }
189
-
190
- .cron-list-resizer:hover::after,
191
- .cron-list-resizer.is-resizing::after {
192
- background: rgba(99, 235, 255, 0.55);
193
- }
194
-
195
246
  .cron-detail-panel {
196
- flex: 1;
247
+ height: auto;
197
248
  min-width: 0;
198
- min-height: 0;
199
- overflow: hidden;
249
+ min-height: 100%;
250
+ overflow: visible;
200
251
  }
201
252
 
202
253
  .cron-detail-scroll {
203
- height: 100%;
204
- overflow-y: auto;
254
+ height: auto;
255
+ overflow: visible;
205
256
  }
206
257
 
207
258
  .cron-detail-content {
208
- padding: 16px 20px 24px;
259
+ padding: 16px 0 0;
209
260
  display: flex;
210
261
  flex-direction: column;
211
262
  gap: 12px;
212
263
  min-height: 100%;
213
- width: min(100%, 1024px);
264
+ width: 100%;
265
+ max-width: 672px;
214
266
  margin-left: auto;
215
267
  margin-right: auto;
216
268
  }
@@ -227,7 +279,7 @@
227
279
 
228
280
  .cron-prompt-editor-shell .file-viewer-editor-line-num-col {
229
281
  width: 44px;
230
- padding: 16px 8px 112px 0;
282
+ padding: 16px 10px 112px 0;
231
283
  }
232
284
 
233
285
  .cron-calendar-repeating-strip {