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 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-family: var(--ff-mono); font-size: var(--fs-tiny); color: var(--fg-3); }
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: .03em; }
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: .03em;
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: 1.65; }
814
- .chat-msg-flat .chat-md p { margin: 8px 0; }
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: .04em;
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: .04em;
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-family: var(--ff-mono); font-size: var(--fs-tiny); color: var(--fg-3); }
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: .03em; }
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: .03em;
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: 1.65; }
7514
- .ds-247420 .chat-msg-flat .chat-md p { margin: 8px 0; }
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: .04em;
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: .04em;
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
  }