anentrypoint-design 0.0.195 → 0.0.196
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 -2
- package/dist/247420.css +13 -2
- package/dist/247420.js +12 -12
- package/package.json +1 -1
- package/src/components/agent-chat.js +5 -1
- package/src/components/chat.js +42 -8
- package/src/components/content.js +5 -2
package/app-shell.css
CHANGED
|
@@ -245,9 +245,14 @@ body.canvas-host { background: transparent !important; }
|
|
|
245
245
|
outline: 2px solid var(--accent);
|
|
246
246
|
outline-offset: 2px;
|
|
247
247
|
}
|
|
248
|
+
/* Active tab reads as a subtle tinted pill with an accent underline rather than
|
|
249
|
+
an oversized filled oval that sits taller than its inactive siblings and reads
|
|
250
|
+
as misaligned. Same height as the inactive links — only the tint + underline
|
|
251
|
+
change. */
|
|
248
252
|
.app-topbar nav a.active {
|
|
249
|
-
color: var(--accent
|
|
250
|
-
background: var(--accent);
|
|
253
|
+
color: var(--accent);
|
|
254
|
+
background: color-mix(in oklab, var(--accent) 16%, transparent);
|
|
255
|
+
box-shadow: inset 0 -2px 0 0 var(--accent);
|
|
251
256
|
font-weight: 600;
|
|
252
257
|
}
|
|
253
258
|
|
|
@@ -540,6 +545,9 @@ body.canvas-host { background: transparent !important; }
|
|
|
540
545
|
background: transparent; border-radius: 3px;
|
|
541
546
|
transition: background var(--dur-snap) var(--ease);
|
|
542
547
|
}
|
|
548
|
+
/* A clickable row (onClick -> role=button, or a link row) is interactive, so it
|
|
549
|
+
carries a pointer cursor; without this the click affordance is invisible. */
|
|
550
|
+
.row[role="button"], a.row { cursor: pointer; }
|
|
543
551
|
.row:hover { background: var(--bg-2); }
|
|
544
552
|
.row:hover::before { background: var(--rule-strong); }
|
|
545
553
|
.row.active { background: color-mix(in oklab, var(--accent) 10%, var(--bg-2)); }
|
|
@@ -588,6 +596,9 @@ a.row { text-decoration: none; }
|
|
|
588
596
|
Section grouping
|
|
589
597
|
============================================================ */
|
|
590
598
|
.ds-section { margin: var(--space-8) 0; }
|
|
599
|
+
/* Compact section (e.g. a PageHeader used as a page's first element): no large
|
|
600
|
+
leading margin, modest trailing margin — top-aligns without consumer overrides. */
|
|
601
|
+
.ds-section-compact { margin-top: 0; margin-bottom: var(--space-4); }
|
|
591
602
|
.ds-section > h3 {
|
|
592
603
|
font-family: var(--ff-body); font-weight: 600; font-size: var(--fs-h3);
|
|
593
604
|
margin: 0 0 var(--space-5);
|
package/dist/247420.css
CHANGED
|
@@ -646,9 +646,14 @@
|
|
|
646
646
|
outline: 2px solid var(--accent);
|
|
647
647
|
outline-offset: 2px;
|
|
648
648
|
}
|
|
649
|
+
/* Active tab reads as a subtle tinted pill with an accent underline rather than
|
|
650
|
+
an oversized filled oval that sits taller than its inactive siblings and reads
|
|
651
|
+
as misaligned. Same height as the inactive links — only the tint + underline
|
|
652
|
+
change. */
|
|
649
653
|
.ds-247420 .app-topbar nav a.active {
|
|
650
|
-
color: var(--accent
|
|
651
|
-
background: var(--accent);
|
|
654
|
+
color: var(--accent);
|
|
655
|
+
background: color-mix(in oklab, var(--accent) 16%, transparent);
|
|
656
|
+
box-shadow: inset 0 -2px 0 0 var(--accent);
|
|
652
657
|
font-weight: 600;
|
|
653
658
|
}
|
|
654
659
|
|
|
@@ -941,6 +946,9 @@
|
|
|
941
946
|
background: transparent; border-radius: 3px;
|
|
942
947
|
transition: background var(--dur-snap) var(--ease);
|
|
943
948
|
}
|
|
949
|
+
/* A clickable row (onClick -> role=button, or a link row) is interactive, so it
|
|
950
|
+
carries a pointer cursor; without this the click affordance is invisible. */
|
|
951
|
+
.ds-247420 .row[role="button"], .ds-247420 a.row { cursor: pointer; }
|
|
944
952
|
.ds-247420 .row:hover { background: var(--bg-2); }
|
|
945
953
|
.ds-247420 .row:hover::before { background: var(--rule-strong); }
|
|
946
954
|
.ds-247420 .row.active { background: color-mix(in oklab, var(--accent) 10%, var(--bg-2)); }
|
|
@@ -989,6 +997,9 @@
|
|
|
989
997
|
Section grouping
|
|
990
998
|
============================================================ */
|
|
991
999
|
.ds-247420 .ds-section { margin: var(--space-8) 0; }
|
|
1000
|
+
/* Compact section (e.g. a PageHeader used as a page's first element): no large
|
|
1001
|
+
leading margin, modest trailing margin — top-aligns without consumer overrides. */
|
|
1002
|
+
.ds-247420 .ds-section-compact { margin-top: 0; margin-bottom: var(--space-4); }
|
|
992
1003
|
.ds-247420 .ds-section > h3 {
|
|
993
1004
|
font-family: var(--ff-body); font-weight: 600; font-size: var(--fs-h3);
|
|
994
1005
|
margin: 0 0 var(--space-5);
|