@chrysb/alphaclaw 0.4.1-beta.1 → 0.4.1-beta.2

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.
@@ -101,8 +101,18 @@
101
101
 
102
102
  .file-tree-wrap {
103
103
  width: 100%;
104
+ display: flex;
105
+ flex-direction: column;
106
+ min-height: 0;
107
+ flex: 1;
108
+ padding: 6px 0 0;
109
+ }
110
+
111
+ .file-tree-scroll {
112
+ flex: 1;
113
+ min-height: 0;
104
114
  overflow-y: auto;
105
- padding: 6px 0 8px;
115
+ padding-bottom: 8px;
106
116
  }
107
117
 
108
118
  .file-tree-wrap-loading {
@@ -111,9 +121,19 @@
111
121
  }
112
122
 
113
123
  .file-tree-search {
124
+ display: flex;
125
+ align-items: center;
126
+ gap: 4px;
114
127
  padding: 0 8px 6px;
115
128
  }
116
129
 
130
+ .file-tree-search-actions {
131
+ display: inline-flex;
132
+ align-items: center;
133
+ gap: 2px;
134
+ flex-shrink: 0;
135
+ }
136
+
117
137
  .file-tree-search-input {
118
138
  width: 100%;
119
139
  height: 28px;
@@ -136,15 +156,15 @@
136
156
  box-shadow: 0 0 0 1px rgba(99, 235, 255, 0.18);
137
157
  }
138
158
 
139
- .file-tree-wrap::-webkit-scrollbar {
159
+ .file-tree-scroll::-webkit-scrollbar {
140
160
  width: 6px;
141
161
  }
142
162
 
143
- .file-tree-wrap::-webkit-scrollbar-track {
163
+ .file-tree-scroll::-webkit-scrollbar-track {
144
164
  background: transparent;
145
165
  }
146
166
 
147
- .file-tree-wrap::-webkit-scrollbar-thumb {
167
+ .file-tree-scroll::-webkit-scrollbar-thumb {
148
168
  background: var(--border);
149
169
  border-radius: 3px;
150
170
  }
@@ -320,6 +340,138 @@
320
340
  color: var(--text-dim);
321
341
  }
322
342
 
343
+ .tree-folder-action {
344
+ display: inline-flex;
345
+ align-items: center;
346
+ justify-content: center;
347
+ width: 22px;
348
+ height: 22px;
349
+ padding: 0;
350
+ border: 0;
351
+ border-radius: 4px;
352
+ background: transparent;
353
+ color: var(--text-muted);
354
+ cursor: pointer;
355
+ transition: color 0.1s, background 0.1s;
356
+ }
357
+
358
+ .tree-folder-action:hover {
359
+ color: var(--text);
360
+ background: rgba(255, 255, 255, 0.08);
361
+ }
362
+
363
+ .tree-folder-action-icon {
364
+ width: 16px;
365
+ height: 16px;
366
+ display: block;
367
+ }
368
+
369
+ .tree-create-row {
370
+ display: flex;
371
+ align-items: center;
372
+ gap: 6px;
373
+ padding: 2px 10px 2px 18px;
374
+ }
375
+
376
+ .tree-create-input {
377
+ flex: 1;
378
+ min-width: 0;
379
+ height: 22px;
380
+ border-radius: 4px;
381
+ border: 1px solid rgba(99, 235, 255, 0.45);
382
+ background: rgba(0, 0, 0, 0.3);
383
+ color: var(--text);
384
+ font-size: 12px;
385
+ font-family: inherit;
386
+ padding: 0 6px;
387
+ outline: none;
388
+ }
389
+
390
+ .tree-create-input::placeholder {
391
+ color: var(--text-dim);
392
+ }
393
+
394
+ .tree-create-input:focus {
395
+ box-shadow: 0 0 0 1px rgba(99, 235, 255, 0.18);
396
+ }
397
+
398
+ .tree-create-icon {
399
+ flex-shrink: 0;
400
+ width: 15px;
401
+ height: 15px;
402
+ display: block;
403
+ color: var(--text-dim);
404
+ }
405
+
406
+ .tree-context-menu {
407
+ position: fixed;
408
+ z-index: 100;
409
+ min-width: 160px;
410
+ padding: 4px 0;
411
+ background: var(--bg-sidebar);
412
+ border: 1px solid var(--border);
413
+ border-radius: 8px;
414
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
415
+ }
416
+
417
+ .tree-context-menu-item {
418
+ display: flex;
419
+ align-items: center;
420
+ gap: 8px;
421
+ width: 100%;
422
+ padding: 6px 12px;
423
+ border: 0;
424
+ background: transparent;
425
+ color: var(--text-muted);
426
+ font-family: inherit;
427
+ font-size: 12px;
428
+ cursor: pointer;
429
+ text-align: left;
430
+ transition: background 0.1s, color 0.1s;
431
+ }
432
+
433
+ .tree-context-menu-item:hover {
434
+ background: var(--bg-hover);
435
+ color: var(--text);
436
+ }
437
+
438
+ .tree-context-menu-item.is-disabled {
439
+ color: var(--text-dim);
440
+ cursor: default;
441
+ pointer-events: none;
442
+ }
443
+
444
+ .tree-context-menu-item.is-danger {
445
+ color: #f87171;
446
+ }
447
+
448
+ .tree-context-menu-item.is-danger:hover {
449
+ background: rgba(239, 68, 68, 0.1);
450
+ color: #fca5a5;
451
+ }
452
+
453
+ .tree-context-menu-icon {
454
+ width: 14px;
455
+ height: 14px;
456
+ flex-shrink: 0;
457
+ }
458
+
459
+ .tree-context-menu-sep {
460
+ height: 1px;
461
+ margin: 4px 8px;
462
+ background: var(--border);
463
+ }
464
+
465
+ .tree-item.is-dragging {
466
+ opacity: 0.4;
467
+ }
468
+
469
+ .tree-folder.is-drop-target {
470
+ outline: 1px dashed var(--accent);
471
+ outline-offset: -1px;
472
+ background: rgba(99, 235, 255, 0.06);
473
+ }
474
+
323
475
  .tree-children {
324
476
  list-style: none;
325
477
  }