anentrypoint-design 0.0.288 → 0.0.290
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/app-shell.css +13 -0
- package/chat.css +7 -7
- package/dist/247420.css +20 -7
- package/dist/247420.js +14 -14
- package/package.json +1 -1
- package/src/components/files.js +4 -3
package/app-shell.css
CHANGED
|
@@ -1907,6 +1907,19 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
|
|
|
1907
1907
|
background: var(--accent); border-radius: var(--r-pill);
|
|
1908
1908
|
transition: width var(--dur-base) var(--ease);
|
|
1909
1909
|
}
|
|
1910
|
+
/* Indeterminate: percent is unknown mid-transfer (fetch gives no chunk-level
|
|
1911
|
+
progress) — a sliding marquee bar reads as "working", not stuck at 0%. */
|
|
1912
|
+
.ds-upload-bar.indeterminate .ds-upload-fill {
|
|
1913
|
+
width: 40%; transition: none;
|
|
1914
|
+
animation: ds-upload-marquee 1.1s ease-in-out infinite;
|
|
1915
|
+
}
|
|
1916
|
+
@keyframes ds-upload-marquee {
|
|
1917
|
+
0% { transform: translateX(-100%); }
|
|
1918
|
+
100% { transform: translateX(250%); }
|
|
1919
|
+
}
|
|
1920
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1921
|
+
.ds-upload-bar.indeterminate .ds-upload-fill { animation: none; width: 100%; opacity: 0.5; }
|
|
1922
|
+
}
|
|
1910
1923
|
.ds-upload-pct {
|
|
1911
1924
|
font-family: var(--ff-mono); font-size: var(--fs-micro);
|
|
1912
1925
|
color: var(--fg-3); text-align: right;
|
package/chat.css
CHANGED
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
.ds-session-title { font-size: var(--fs-sm); color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
415
415
|
.ds-session-sub { font-size: var(--fs-tiny); color: var(--fg-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
416
416
|
.ds-session-meta { display: flex; align-items: center; gap: var(--space-2); flex: 0 0 auto; }
|
|
417
|
-
.ds-session-agent { font-
|
|
417
|
+
.ds-session-agent { font-size: var(--fs-tiny); color: var(--fg-3); }
|
|
418
418
|
/* New-activity cue is a hollow accent RING so it stays shape-distinct from the
|
|
419
419
|
running live disc (a solid pulsing accent dot) for colour-blind / reduced-motion users. */
|
|
420
420
|
.ds-session-unread { width: 8px; height: 8px; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 2px var(--accent); display: inline-block; }
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
.ds-dash-card { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-2); }
|
|
447
447
|
.ds-dash-card.is-error { border-color: var(--flame); }
|
|
448
448
|
.ds-dash-card-head { display: flex; align-items: center; gap: var(--space-2); }
|
|
449
|
-
.ds-dash-status { font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing:
|
|
449
|
+
.ds-dash-status { font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tr-caps); }
|
|
450
450
|
/* running tone unified on --accent (the later is-running rule + the live disc all
|
|
451
451
|
use --accent); the dead var(--green) duplicate that lived here was removed. */
|
|
452
452
|
.ds-dash-status.is-error { color: var(--flame); }
|
|
@@ -774,7 +774,7 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
|
|
|
774
774
|
/* External (observed, not owned) session card: no stop control exists. */
|
|
775
775
|
.ds-dash-external {
|
|
776
776
|
padding: 1px 6px; border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-pill);
|
|
777
|
-
font-size: var(--fs-micro); color: var(--fg-3); text-transform: uppercase; letter-spacing:
|
|
777
|
+
font-size: var(--fs-micro); color: var(--fg-3); text-transform: uppercase; letter-spacing: var(--tr-caps);
|
|
778
778
|
}
|
|
779
779
|
.ds-dash-card.is-external { border-style: dashed; }
|
|
780
780
|
|
|
@@ -810,8 +810,8 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
|
|
|
810
810
|
paragraph and the .them tint hugged text flush. Restore reading rhythm + give
|
|
811
811
|
the tinted assistant row inner breathing room so it reads as a card. */
|
|
812
812
|
.chat-msg-flat .chat-role { margin-bottom: var(--space-2); }
|
|
813
|
-
.chat-msg-flat .chat-md { line-height:
|
|
814
|
-
.chat-msg-flat .chat-md p { margin:
|
|
813
|
+
.chat-msg-flat .chat-md { line-height: var(--lh-long); }
|
|
814
|
+
.chat-msg-flat .chat-md p { margin: var(--space-2) 0; }
|
|
815
815
|
.chat-msg-flat.them { padding-block: calc(var(--space-3) * var(--density, 1) + 2px); }
|
|
816
816
|
/* Inline backtick code (renderInline tags <code class=chat-tick>) - was a dead
|
|
817
817
|
class relying on the generic .chat-bubble code rule, so notices / non-bubble
|
|
@@ -866,7 +866,7 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
|
|
|
866
866
|
.chat-tool-label { color: var(--fg-3); font-size: var(--fs-tiny); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
|
|
867
867
|
.chat-tool-status {
|
|
868
868
|
margin-left: auto; flex: 0 0 auto;
|
|
869
|
-
font-size: var(--fs-micro); font-weight: 700; text-transform: uppercase; letter-spacing:
|
|
869
|
+
font-size: var(--fs-micro); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tr-caps);
|
|
870
870
|
color: var(--fg-3);
|
|
871
871
|
padding: 2px var(--space-2); border-radius: var(--r-pill);
|
|
872
872
|
background: color-mix(in oklab, var(--fg) 6%, transparent);
|
|
@@ -898,7 +898,7 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
|
|
|
898
898
|
.chat-code-lang {
|
|
899
899
|
position: absolute; top: 0; left: 0; z-index: 2;
|
|
900
900
|
padding: 2px var(--space-2); border-bottom-right-radius: var(--r-1);
|
|
901
|
-
font-family: var(--ff-mono); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing:
|
|
901
|
+
font-family: var(--ff-mono); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: var(--tr-caps);
|
|
902
902
|
color: var(--fg-3); background: color-mix(in oklab, var(--fg) 6%, transparent);
|
|
903
903
|
pointer-events: none;
|
|
904
904
|
}
|
package/dist/247420.css
CHANGED
|
@@ -2423,6 +2423,19 @@
|
|
|
2423
2423
|
background: var(--accent); border-radius: var(--r-pill);
|
|
2424
2424
|
transition: width var(--dur-base) var(--ease);
|
|
2425
2425
|
}
|
|
2426
|
+
/* Indeterminate: percent is unknown mid-transfer (fetch gives no chunk-level
|
|
2427
|
+
progress) — a sliding marquee bar reads as "working", not stuck at 0%. */
|
|
2428
|
+
.ds-247420 .ds-upload-bar.indeterminate .ds-upload-fill {
|
|
2429
|
+
width: 40%; transition: none;
|
|
2430
|
+
animation: ds-upload-marquee 1.1s ease-in-out infinite;
|
|
2431
|
+
}
|
|
2432
|
+
@keyframes ds-upload-marquee {
|
|
2433
|
+
0% { transform: translateX(-100%); }
|
|
2434
|
+
100% { transform: translateX(250%); }
|
|
2435
|
+
}
|
|
2436
|
+
@media (prefers-reduced-motion: reduce) {
|
|
2437
|
+
.ds-247420 .ds-upload-bar.indeterminate .ds-upload-fill { animation: none; width: 100%; opacity: 0.5; }
|
|
2438
|
+
}
|
|
2426
2439
|
.ds-247420 .ds-upload-pct {
|
|
2427
2440
|
font-family: var(--ff-mono); font-size: var(--fs-micro);
|
|
2428
2441
|
color: var(--fg-3); text-align: right;
|
|
@@ -7114,7 +7127,7 @@
|
|
|
7114
7127
|
.ds-247420 .ds-session-title { font-size: var(--fs-sm); color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
7115
7128
|
.ds-247420 .ds-session-sub { font-size: var(--fs-tiny); color: var(--fg-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
7116
7129
|
.ds-247420 .ds-session-meta { display: flex; align-items: center; gap: var(--space-2); flex: 0 0 auto; }
|
|
7117
|
-
.ds-247420 .ds-session-agent { font-
|
|
7130
|
+
.ds-247420 .ds-session-agent { font-size: var(--fs-tiny); color: var(--fg-3); }
|
|
7118
7131
|
/* New-activity cue is a hollow accent RING so it stays shape-distinct from the
|
|
7119
7132
|
running live disc (a solid pulsing accent dot) for colour-blind / reduced-motion users. */
|
|
7120
7133
|
.ds-247420 .ds-session-unread { width: 8px; height: 8px; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 2px var(--accent); display: inline-block; }
|
|
@@ -7146,7 +7159,7 @@
|
|
|
7146
7159
|
.ds-247420 .ds-dash-card { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-2); }
|
|
7147
7160
|
.ds-247420 .ds-dash-card.is-error { border-color: var(--flame); }
|
|
7148
7161
|
.ds-247420 .ds-dash-card-head { display: flex; align-items: center; gap: var(--space-2); }
|
|
7149
|
-
.ds-247420 .ds-dash-status { font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing:
|
|
7162
|
+
.ds-247420 .ds-dash-status { font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tr-caps); }
|
|
7150
7163
|
/* running tone unified on --accent (the later is-running rule + the live disc all
|
|
7151
7164
|
use --accent); the dead var(--green) duplicate that lived here was removed. */
|
|
7152
7165
|
.ds-247420 .ds-dash-status.is-error { color: var(--flame); }
|
|
@@ -7474,7 +7487,7 @@
|
|
|
7474
7487
|
/* External (observed, not owned) session card: no stop control exists. */
|
|
7475
7488
|
.ds-247420 .ds-dash-external {
|
|
7476
7489
|
padding: 1px 6px; border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-pill);
|
|
7477
|
-
font-size: var(--fs-micro); color: var(--fg-3); text-transform: uppercase; letter-spacing:
|
|
7490
|
+
font-size: var(--fs-micro); color: var(--fg-3); text-transform: uppercase; letter-spacing: var(--tr-caps);
|
|
7478
7491
|
}
|
|
7479
7492
|
.ds-247420 .ds-dash-card.is-external { border-style: dashed; }
|
|
7480
7493
|
|
|
@@ -7510,8 +7523,8 @@
|
|
|
7510
7523
|
paragraph and the .them tint hugged text flush. Restore reading rhythm + give
|
|
7511
7524
|
the tinted assistant row inner breathing room so it reads as a card. */
|
|
7512
7525
|
.ds-247420 .chat-msg-flat .chat-role { margin-bottom: var(--space-2); }
|
|
7513
|
-
.ds-247420 .chat-msg-flat .chat-md { line-height:
|
|
7514
|
-
.ds-247420 .chat-msg-flat .chat-md p { margin:
|
|
7526
|
+
.ds-247420 .chat-msg-flat .chat-md { line-height: var(--lh-long); }
|
|
7527
|
+
.ds-247420 .chat-msg-flat .chat-md p { margin: var(--space-2) 0; }
|
|
7515
7528
|
.ds-247420 .chat-msg-flat.them { padding-block: calc(var(--space-3) * var(--density, 1) + 2px); }
|
|
7516
7529
|
/* Inline backtick code (renderInline tags <code class=chat-tick>) - was a dead
|
|
7517
7530
|
class relying on the generic .chat-bubble code rule, so notices / non-bubble
|
|
@@ -7566,7 +7579,7 @@
|
|
|
7566
7579
|
.ds-247420 .chat-tool-label { color: var(--fg-3); font-size: var(--fs-tiny); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
|
|
7567
7580
|
.ds-247420 .chat-tool-status {
|
|
7568
7581
|
margin-left: auto; flex: 0 0 auto;
|
|
7569
|
-
font-size: var(--fs-micro); font-weight: 700; text-transform: uppercase; letter-spacing:
|
|
7582
|
+
font-size: var(--fs-micro); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tr-caps);
|
|
7570
7583
|
color: var(--fg-3);
|
|
7571
7584
|
padding: 2px var(--space-2); border-radius: var(--r-pill);
|
|
7572
7585
|
background: color-mix(in oklab, var(--fg) 6%, transparent);
|
|
@@ -7598,7 +7611,7 @@
|
|
|
7598
7611
|
.ds-247420 .chat-code-lang {
|
|
7599
7612
|
position: absolute; top: 0; left: 0; z-index: 2;
|
|
7600
7613
|
padding: 2px var(--space-2); border-bottom-right-radius: var(--r-1);
|
|
7601
|
-
font-family: var(--ff-mono); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing:
|
|
7614
|
+
font-family: var(--ff-mono); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: var(--tr-caps);
|
|
7602
7615
|
color: var(--fg-3); background: color-mix(in oklab, var(--fg) 6%, transparent);
|
|
7603
7616
|
pointer-events: none;
|
|
7604
7617
|
}
|