@cccarv82/freya 1.0.39 → 1.0.40
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/cli/web-ui.css +48 -3
- package/package.json +1 -1
package/cli/web-ui.css
CHANGED
|
@@ -42,6 +42,23 @@
|
|
|
42
42
|
|
|
43
43
|
* { box-sizing: border-box; }
|
|
44
44
|
|
|
45
|
+
/* Subtle themed scrollbars (best-effort) */
|
|
46
|
+
* { scrollbar-color: rgba(17,24,39,.32) transparent; scrollbar-width: thin; }
|
|
47
|
+
[data-theme="dark"] * { scrollbar-color: rgba(229,231,235,.28) transparent; }
|
|
48
|
+
|
|
49
|
+
*::-webkit-scrollbar { width: 10px; height: 10px; }
|
|
50
|
+
*::-webkit-scrollbar-track { background: transparent; }
|
|
51
|
+
*::-webkit-scrollbar-thumb {
|
|
52
|
+
background: rgba(17,24,39,.18);
|
|
53
|
+
border: 3px solid transparent;
|
|
54
|
+
background-clip: content-box;
|
|
55
|
+
border-radius: 999px;
|
|
56
|
+
}
|
|
57
|
+
[data-theme="dark"] *::-webkit-scrollbar-thumb { background: rgba(229,231,235,.16); }
|
|
58
|
+
*::-webkit-scrollbar-thumb:hover { background: rgba(17,24,39,.28); }
|
|
59
|
+
[data-theme="dark"] *::-webkit-scrollbar-thumb:hover { background: rgba(229,231,235,.26); }
|
|
60
|
+
|
|
61
|
+
|
|
45
62
|
body {
|
|
46
63
|
margin: 0;
|
|
47
64
|
font-family: var(--sans);
|
|
@@ -193,14 +210,28 @@ body {
|
|
|
193
210
|
[data-theme="dark"] .chip { background: rgba(0,0,0,.20); }
|
|
194
211
|
.toggle { border: 1px solid var(--line); border-radius: 999px; background: var(--paper2); padding: 7px 10px; cursor: pointer; color: var(--muted); font-weight: 800; font-size: 12px; }
|
|
195
212
|
|
|
196
|
-
.centerBody {
|
|
213
|
+
.centerBody {
|
|
214
|
+
padding: 16px;
|
|
215
|
+
display: flex;
|
|
216
|
+
flex-direction: column;
|
|
217
|
+
min-height: 0;
|
|
218
|
+
overflow: hidden;
|
|
219
|
+
}
|
|
197
220
|
.centerHead { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 14px; }
|
|
198
221
|
.statusLine { display:flex; align-items:center; justify-content:flex-end; gap: 12px; }
|
|
199
222
|
|
|
200
223
|
h1 { margin: 0; font-size: 22px; letter-spacing: -.02em; }
|
|
201
224
|
.subtitle { margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.4; max-width: 860px; }
|
|
202
225
|
|
|
203
|
-
.midGrid {
|
|
226
|
+
.midGrid {
|
|
227
|
+
display: grid;
|
|
228
|
+
grid-template-columns: 1fr 1fr;
|
|
229
|
+
gap: 14px;
|
|
230
|
+
flex: 1;
|
|
231
|
+
min-height: 0;
|
|
232
|
+
overflow: auto;
|
|
233
|
+
padding-right: 2px; /* avoid scrollbar overlay clipping */
|
|
234
|
+
}
|
|
204
235
|
.midSpan { grid-column: 1 / -1; }
|
|
205
236
|
@media (max-width: 980px) {
|
|
206
237
|
.midGrid { grid-template-columns: 1fr; }
|
|
@@ -322,6 +353,7 @@ textarea:focus { box-shadow: var(--ring); border-color: rgba(37,99,235,.35); }
|
|
|
322
353
|
display: flex;
|
|
323
354
|
flex-direction: column;
|
|
324
355
|
gap: 10px;
|
|
356
|
+
overscroll-behavior: contain;
|
|
325
357
|
}
|
|
326
358
|
|
|
327
359
|
.bubble {
|
|
@@ -333,7 +365,20 @@ textarea:focus { box-shadow: var(--ring); border-color: rgba(37,99,235,.35); }
|
|
|
333
365
|
}
|
|
334
366
|
|
|
335
367
|
.bubble .bubbleMeta { font-size: 11px; font-weight: 900; color: var(--faint); margin-bottom: 6px; }
|
|
336
|
-
.bubble .bubbleBody {
|
|
368
|
+
.bubble .bubbleBody {
|
|
369
|
+
font-size: 13px;
|
|
370
|
+
line-height: 1.45;
|
|
371
|
+
color: var(--text);
|
|
372
|
+
overflow-wrap: anywhere;
|
|
373
|
+
word-break: break-word;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
/* Prevent horizontal scroll in chat bubbles when showing JSON/markdown/code */
|
|
377
|
+
.bubble pre, .bubble code {
|
|
378
|
+
white-space: pre-wrap;
|
|
379
|
+
word-break: break-word;
|
|
380
|
+
overflow-x: hidden;
|
|
381
|
+
}
|
|
337
382
|
|
|
338
383
|
.bubble.user {
|
|
339
384
|
align-self: flex-end;
|