anentrypoint-design 0.0.293 → 0.0.295

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.
Files changed (7) hide show
  1. package/app-shell.css +31 -20
  2. package/chat.css +12 -0
  3. package/dist/247420.css +43 -20
  4. package/dist/247420.js +15 -15
  5. package/package.json +1 -1
  6. package/src/components/sessions.js +13 -0
  7. package/src/components.js +1 -1
package/app-shell.css CHANGED
@@ -504,7 +504,7 @@ body.canvas-host { background: transparent !important; }
504
504
  .ds-icon-btn-ghost { background: transparent; }
505
505
  .ds-icon-btn-ghost:hover { background: var(--fg); color: var(--bg); }
506
506
  .ds-icon-btn-primary { background: var(--accent); color: var(--accent-fg); }
507
- .ds-icon-btn-primary:hover { background: var(--fg); color: var(--bg); }
507
+ .ds-icon-btn-primary:hover { background: var(--fg); color: var(--accent-ink); }
508
508
  /* warn = destructive ACTION tone; flame stays exclusively error STATUS. */
509
509
  .ds-icon-btn-danger { background: var(--warn); color: var(--on-color); }
510
510
  .ds-icon-btn-danger:hover { filter: brightness(0.92); }
@@ -523,19 +523,27 @@ body.canvas-host { background: transparent !important; }
523
523
  border-radius: var(--r-pill);
524
524
  background: var(--bg-3); color: var(--fg-2);
525
525
  }
526
- .ds-badge.tone-green { background: var(--green-tint); color: var(--green-deep); }
526
+ /* Canonical tone names are tone-success / tone-error / tone-neutral. Every
527
+ other tone name grouped into the same rule below (tone-green/tone-live,
528
+ tone-flame, tone-wip, tone-sun/tone-yellow, tone-ok/tone-miss) is a
529
+ true-synonym legacy alias, kept working but sharing one declaration so the
530
+ tone-family colors can't drift apart across names. */
531
+ .ds-badge.tone-green, .ds-badge.tone-live, .ds-badge.tone-success {
532
+ background: var(--green-tint); color: var(--green-deep);
533
+ }
534
+ .ds-badge.tone-flame, .ds-badge.tone-error {
535
+ background: var(--flame); color: var(--on-color);
536
+ }
537
+ .ds-badge.tone-wip, .ds-badge.tone-neutral {
538
+ background: var(--bg-3); color: var(--fg-2);
539
+ }
527
540
  .ds-badge.tone-purple { background: var(--purple-tint); color: var(--purple-deep); }
528
541
  .ds-badge.tone-mascot { background: var(--mascot-tint); color: var(--ink); }
529
- .ds-badge.tone-sun { background: var(--sun); color: var(--ink); }
530
- .ds-badge.tone-flame { background: var(--flame); color: var(--on-color); }
531
- .ds-badge.tone-live { background: var(--green-tint); color: var(--green-deep); }
532
- .ds-badge.tone-wip { background: var(--bg-3); color: var(--fg-2); }
533
- .ds-badge.tone-error { background: var(--flame); color: var(--on-color); }
534
- .ds-badge.tone-success { background: var(--green-tint); color: var(--green-deep); }
535
- .ds-badge.tone-neutral { background: var(--bg-3); color: var(--fg-2); }
542
+ .ds-badge.tone-sun, .ds-badge.tone-yellow {
543
+ background: var(--sun); color: var(--ink);
544
+ }
536
545
  .ds-badge.tone-blue { background: var(--accent-tint); color: var(--accent-ink); }
537
546
  .ds-badge.tone-orange { background: color-mix(in oklab, var(--flame) 30%, var(--sun) 70%); color: var(--ink); }
538
- .ds-badge.tone-yellow { background: var(--sun); color: var(--ink); }
539
547
 
540
548
  .chip {
541
549
  display: inline-flex; align-items: center; gap: 6px;
@@ -546,19 +554,22 @@ body.canvas-host { background: transparent !important; }
546
554
  letter-spacing: var(--tr-caps); text-transform: uppercase;
547
555
  border-radius: var(--r-pill);
548
556
  }
549
- .chip.tone-green { background: var(--green-tint); color: var(--green-deep); }
557
+ /* Same canonical/legacy-alias grouping as .ds-badge above. */
558
+ .chip.tone-green, .chip.tone-live, .chip.tone-success, .chip.tone-ok {
559
+ background: var(--green-tint); color: var(--green-deep);
560
+ }
561
+ .chip.tone-flame, .chip.tone-error, .chip.tone-miss {
562
+ background: var(--flame); color: var(--on-color);
563
+ }
564
+ .chip.tone-wip, .chip.tone-neutral {
565
+ background: var(--bg-3); color: var(--fg-2);
566
+ }
550
567
  .chip.tone-purple { background: var(--purple-tint); color: var(--purple-deep); }
551
568
  .chip.tone-mascot { background: var(--mascot-tint); color: var(--ink); }
552
- .chip.tone-sun { background: var(--sun); color: var(--ink); }
553
- .chip.tone-flame { background: var(--flame); color: var(--on-color); }
554
- .chip.tone-live { background: var(--green-tint); color: var(--green-deep); }
555
- .chip.tone-wip { background: var(--bg-3); color: var(--fg-2); }
556
- .chip.tone-error { background: var(--flame); color: var(--on-color); }
557
- .chip.tone-success { background: var(--green-tint); color: var(--green-deep); }
569
+ .chip.tone-sun, .chip.tone-yellow {
570
+ background: var(--sun); color: var(--ink);
571
+ }
558
572
  .chip.tone-disabled { background: var(--bg-3); color: var(--fg-3); }
559
- .chip.tone-ok { background: var(--green-tint); color: var(--green-deep); }
560
- .chip.tone-miss { background: var(--flame); color: var(--on-color); }
561
- .chip.tone-neutral { background: var(--bg-3); color: var(--fg-2); }
562
573
  .chip.tone-blue { background: var(--accent-tint); color: var(--accent-ink); }
563
574
  .chip.tone-orange { background: color-mix(in oklab, var(--flame) 30%, var(--sun) 70%); color: var(--ink); }
564
575
  .chip.tone-yellow { background: var(--sun); color: var(--ink); }
package/chat.css CHANGED
@@ -967,6 +967,18 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
967
967
  }
968
968
  @keyframes ds-skel-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
969
969
 
970
+ /* Agent-picker list loading skeleton (shares the .ds-skel shimmer base above). */
971
+ .ds-agent-list-skeleton { display: flex; flex-direction: column; gap: var(--space-2); }
972
+ .ds-agent-row-skeleton { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); }
973
+ .ds-agent-row-skeleton .ds-skel { background: var(--bg-3); border-radius: var(--r-1); }
974
+ .ds-agent-row-skeleton .ds-skel-icon { height: 18px; width: 18px; flex: none; border-radius: var(--r-round, 50%); }
975
+ .ds-agent-row-skeleton .ds-skel-title { height: 12px; width: 40%; }
976
+ .ds-agent-row-skeleton .ds-skel-meta { height: 9px; width: 25%; margin-left: auto; }
977
+ .ds-agent-list-skeleton-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
978
+ @media (prefers-reduced-motion: no-preference) {
979
+ .ds-agent-row-skeleton .ds-skel { animation: ds-skel-shimmer 1.3s ease-in-out infinite; background: linear-gradient(90deg, var(--bg-3) 0%, var(--bg-2) 50%, var(--bg-3) 100%); background-size: 200% 100%; }
980
+ }
981
+
970
982
  /* File code preview: paint Prism tokens (the bundle scoped them to the chat
971
983
  block only) + an optional non-selectable line-number gutter. */
972
984
  .ds-preview-code code { color: var(--fg); }
package/dist/247420.css CHANGED
@@ -1041,7 +1041,7 @@
1041
1041
  .ds-247420 .ds-icon-btn-ghost { background: transparent; }
1042
1042
  .ds-247420 .ds-icon-btn-ghost:hover { background: var(--fg); color: var(--bg); }
1043
1043
  .ds-247420 .ds-icon-btn-primary { background: var(--accent); color: var(--accent-fg); }
1044
- .ds-247420 .ds-icon-btn-primary:hover { background: var(--fg); color: var(--bg); }
1044
+ .ds-247420 .ds-icon-btn-primary:hover { background: var(--fg); color: var(--accent-ink); }
1045
1045
  /* warn = destructive ACTION tone; flame stays exclusively error STATUS. */
1046
1046
  .ds-247420 .ds-icon-btn-danger { background: var(--warn); color: var(--on-color); }
1047
1047
  .ds-247420 .ds-icon-btn-danger:hover { filter: brightness(0.92); }
@@ -1060,19 +1060,27 @@
1060
1060
  border-radius: var(--r-pill);
1061
1061
  background: var(--bg-3); color: var(--fg-2);
1062
1062
  }
1063
- .ds-247420 .ds-badge.tone-green { background: var(--green-tint); color: var(--green-deep); }
1063
+ /* Canonical tone names are tone-success / tone-error / tone-neutral. Every
1064
+ other tone name grouped into the same rule below (tone-green/tone-live,
1065
+ tone-flame, tone-wip, tone-sun/tone-yellow, tone-ok/tone-miss) is a
1066
+ true-synonym legacy alias, kept working but sharing one declaration so the
1067
+ tone-family colors can't drift apart across names. */
1068
+ .ds-247420 .ds-badge.tone-green, .ds-247420 .ds-badge.tone-live, .ds-247420 .ds-badge.tone-success {
1069
+ background: var(--green-tint); color: var(--green-deep);
1070
+ }
1071
+ .ds-247420 .ds-badge.tone-flame, .ds-247420 .ds-badge.tone-error {
1072
+ background: var(--flame); color: var(--on-color);
1073
+ }
1074
+ .ds-247420 .ds-badge.tone-wip, .ds-247420 .ds-badge.tone-neutral {
1075
+ background: var(--bg-3); color: var(--fg-2);
1076
+ }
1064
1077
  .ds-247420 .ds-badge.tone-purple { background: var(--purple-tint); color: var(--purple-deep); }
1065
1078
  .ds-247420 .ds-badge.tone-mascot { background: var(--mascot-tint); color: var(--ink); }
1066
- .ds-247420 .ds-badge.tone-sun { background: var(--sun); color: var(--ink); }
1067
- .ds-247420 .ds-badge.tone-flame { background: var(--flame); color: var(--on-color); }
1068
- .ds-247420 .ds-badge.tone-live { background: var(--green-tint); color: var(--green-deep); }
1069
- .ds-247420 .ds-badge.tone-wip { background: var(--bg-3); color: var(--fg-2); }
1070
- .ds-247420 .ds-badge.tone-error { background: var(--flame); color: var(--on-color); }
1071
- .ds-247420 .ds-badge.tone-success { background: var(--green-tint); color: var(--green-deep); }
1072
- .ds-247420 .ds-badge.tone-neutral { background: var(--bg-3); color: var(--fg-2); }
1079
+ .ds-247420 .ds-badge.tone-sun, .ds-247420 .ds-badge.tone-yellow {
1080
+ background: var(--sun); color: var(--ink);
1081
+ }
1073
1082
  .ds-247420 .ds-badge.tone-blue { background: var(--accent-tint); color: var(--accent-ink); }
1074
1083
  .ds-247420 .ds-badge.tone-orange { background: color-mix(in oklab, var(--flame) 30%, var(--sun) 70%); color: var(--ink); }
1075
- .ds-247420 .ds-badge.tone-yellow { background: var(--sun); color: var(--ink); }
1076
1084
 
1077
1085
  .ds-247420 .chip {
1078
1086
  display: inline-flex; align-items: center; gap: 6px;
@@ -1083,19 +1091,22 @@
1083
1091
  letter-spacing: var(--tr-caps); text-transform: uppercase;
1084
1092
  border-radius: var(--r-pill);
1085
1093
  }
1086
- .ds-247420 .chip.tone-green { background: var(--green-tint); color: var(--green-deep); }
1094
+ /* Same canonical/legacy-alias grouping as .ds-badge above. */
1095
+ .ds-247420 .chip.tone-green, .ds-247420 .chip.tone-live, .ds-247420 .chip.tone-success, .ds-247420 .chip.tone-ok {
1096
+ background: var(--green-tint); color: var(--green-deep);
1097
+ }
1098
+ .ds-247420 .chip.tone-flame, .ds-247420 .chip.tone-error, .ds-247420 .chip.tone-miss {
1099
+ background: var(--flame); color: var(--on-color);
1100
+ }
1101
+ .ds-247420 .chip.tone-wip, .ds-247420 .chip.tone-neutral {
1102
+ background: var(--bg-3); color: var(--fg-2);
1103
+ }
1087
1104
  .ds-247420 .chip.tone-purple { background: var(--purple-tint); color: var(--purple-deep); }
1088
1105
  .ds-247420 .chip.tone-mascot { background: var(--mascot-tint); color: var(--ink); }
1089
- .ds-247420 .chip.tone-sun { background: var(--sun); color: var(--ink); }
1090
- .ds-247420 .chip.tone-flame { background: var(--flame); color: var(--on-color); }
1091
- .ds-247420 .chip.tone-live { background: var(--green-tint); color: var(--green-deep); }
1092
- .ds-247420 .chip.tone-wip { background: var(--bg-3); color: var(--fg-2); }
1093
- .ds-247420 .chip.tone-error { background: var(--flame); color: var(--on-color); }
1094
- .ds-247420 .chip.tone-success { background: var(--green-tint); color: var(--green-deep); }
1106
+ .ds-247420 .chip.tone-sun, .ds-247420 .chip.tone-yellow {
1107
+ background: var(--sun); color: var(--ink);
1108
+ }
1095
1109
  .ds-247420 .chip.tone-disabled { background: var(--bg-3); color: var(--fg-3); }
1096
- .ds-247420 .chip.tone-ok { background: var(--green-tint); color: var(--green-deep); }
1097
- .ds-247420 .chip.tone-miss { background: var(--flame); color: var(--on-color); }
1098
- .ds-247420 .chip.tone-neutral { background: var(--bg-3); color: var(--fg-2); }
1099
1110
  .ds-247420 .chip.tone-blue { background: var(--accent-tint); color: var(--accent-ink); }
1100
1111
  .ds-247420 .chip.tone-orange { background: color-mix(in oklab, var(--flame) 30%, var(--sun) 70%); color: var(--ink); }
1101
1112
  .ds-247420 .chip.tone-yellow { background: var(--sun); color: var(--ink); }
@@ -7709,6 +7720,18 @@
7709
7720
  }
7710
7721
  @keyframes ds-skel-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
7711
7722
 
7723
+ /* Agent-picker list loading skeleton (shares the .ds-skel shimmer base above). */
7724
+ .ds-247420 .ds-agent-list-skeleton { display: flex; flex-direction: column; gap: var(--space-2); }
7725
+ .ds-247420 .ds-agent-row-skeleton { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); }
7726
+ .ds-247420 .ds-agent-row-skeleton .ds-skel { background: var(--bg-3); border-radius: var(--r-1); }
7727
+ .ds-247420 .ds-agent-row-skeleton .ds-skel-icon { height: 18px; width: 18px; flex: none; border-radius: var(--r-round, 50%); }
7728
+ .ds-247420 .ds-agent-row-skeleton .ds-skel-title { height: 12px; width: 40%; }
7729
+ .ds-247420 .ds-agent-row-skeleton .ds-skel-meta { height: 9px; width: 25%; margin-left: auto; }
7730
+ .ds-247420 .ds-agent-list-skeleton-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
7731
+ @media (prefers-reduced-motion: no-preference) {
7732
+ .ds-247420 .ds-agent-row-skeleton .ds-skel { animation: ds-skel-shimmer 1.3s ease-in-out infinite; background: linear-gradient(90deg, var(--bg-3) 0%, var(--bg-2) 50%, var(--bg-3) 100%); background-size: 200% 100%; }
7733
+ }
7734
+
7712
7735
  /* File code preview: paint Prism tokens (the bundle scoped them to the chat
7713
7736
  block only) + an optional non-selectable line-number gutter. */
7714
7737
  .ds-247420 .ds-preview-code code { color: var(--fg); }