anentrypoint-design 0.0.361 → 0.0.363
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/chat.css +27 -0
- package/dist/247420.css +108 -0
- package/dist/247420.js +25 -25
- package/package.json +1 -1
- package/src/components/chat.js +25 -0
- package/src/components/editor-primitives.js +72 -0
- package/src/components/overlay-primitives.js +91 -0
- package/src/components.js +6 -3
package/chat.css
CHANGED
|
@@ -835,6 +835,33 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
|
|
|
835
835
|
/* Drag-over ring: token accent, never a hex. */
|
|
836
836
|
.chat-composer.dragover { outline: var(--focus-w) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); border-radius: var(--r-2); }
|
|
837
837
|
|
|
838
|
+
/* ChatSuggestions — blank-thread composer-priming CTA. */
|
|
839
|
+
.chat-suggestions {
|
|
840
|
+
display: flex; flex-direction: column; align-items: center; text-align: center;
|
|
841
|
+
gap: var(--space-2); padding: var(--space-6) var(--space-3);
|
|
842
|
+
max-width: 640px; margin: 0 auto;
|
|
843
|
+
}
|
|
844
|
+
.chat-suggestions-heading { margin: 0; font-size: var(--fs-xl); }
|
|
845
|
+
.chat-suggestions-subtext { margin: 0; color: var(--fg-2); font-size: var(--fs-sm); }
|
|
846
|
+
.chat-suggestions-list {
|
|
847
|
+
display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2);
|
|
848
|
+
margin-top: var(--space-2);
|
|
849
|
+
}
|
|
850
|
+
.chat-suggestions-chip {
|
|
851
|
+
appearance: none; background: var(--bg-2); border: var(--bw-hair) solid var(--rule);
|
|
852
|
+
border-radius: var(--r-pill, 999px); color: inherit; font: inherit; font-size: var(--fs-sm);
|
|
853
|
+
padding: var(--space-1-5) var(--space-3); cursor: pointer;
|
|
854
|
+
}
|
|
855
|
+
.chat-suggestions-chip:hover, .chat-suggestions-chip:focus-visible {
|
|
856
|
+
background: var(--panel-2, var(--rule)); outline: none;
|
|
857
|
+
}
|
|
858
|
+
.chat-suggestions-chip:focus-visible {
|
|
859
|
+
outline: var(--focus-w) solid var(--focus-color); outline-offset: var(--focus-offset);
|
|
860
|
+
}
|
|
861
|
+
@media (pointer: coarse) {
|
|
862
|
+
.chat-suggestions-chip { min-height: 44px; }
|
|
863
|
+
}
|
|
864
|
+
|
|
838
865
|
/* Per-bit composer context: only the bit that owns a control is a button. */
|
|
839
866
|
.chat-composer-context-bit {
|
|
840
867
|
display: inline; padding: 0; margin: 0;
|
package/dist/247420.css
CHANGED
|
@@ -8092,6 +8092,33 @@
|
|
|
8092
8092
|
/* Drag-over ring: token accent, never a hex. */
|
|
8093
8093
|
.ds-247420 .chat-composer.dragover { outline: var(--focus-w) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); border-radius: var(--r-2); }
|
|
8094
8094
|
|
|
8095
|
+
/* ChatSuggestions — blank-thread composer-priming CTA. */
|
|
8096
|
+
.ds-247420 .chat-suggestions {
|
|
8097
|
+
display: flex; flex-direction: column; align-items: center; text-align: center;
|
|
8098
|
+
gap: var(--space-2); padding: var(--space-6) var(--space-3);
|
|
8099
|
+
max-width: 640px; margin: 0 auto;
|
|
8100
|
+
}
|
|
8101
|
+
.ds-247420 .chat-suggestions-heading { margin: 0; font-size: var(--fs-xl); }
|
|
8102
|
+
.ds-247420 .chat-suggestions-subtext { margin: 0; color: var(--fg-2); font-size: var(--fs-sm); }
|
|
8103
|
+
.ds-247420 .chat-suggestions-list {
|
|
8104
|
+
display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2);
|
|
8105
|
+
margin-top: var(--space-2);
|
|
8106
|
+
}
|
|
8107
|
+
.ds-247420 .chat-suggestions-chip {
|
|
8108
|
+
appearance: none; background: var(--bg-2); border: var(--bw-hair) solid var(--rule);
|
|
8109
|
+
border-radius: var(--r-pill, 999px); color: inherit; font: inherit; font-size: var(--fs-sm);
|
|
8110
|
+
padding: var(--space-1-5) var(--space-3); cursor: pointer;
|
|
8111
|
+
}
|
|
8112
|
+
.ds-247420 .chat-suggestions-chip:hover, .ds-247420 .chat-suggestions-chip:focus-visible {
|
|
8113
|
+
background: var(--panel-2, var(--rule)); outline: none;
|
|
8114
|
+
}
|
|
8115
|
+
.ds-247420 .chat-suggestions-chip:focus-visible {
|
|
8116
|
+
outline: var(--focus-w) solid var(--focus-color); outline-offset: var(--focus-offset);
|
|
8117
|
+
}
|
|
8118
|
+
@media (pointer: coarse) {
|
|
8119
|
+
.ds-247420 .chat-suggestions-chip { min-height: 44px; }
|
|
8120
|
+
}
|
|
8121
|
+
|
|
8095
8122
|
/* Per-bit composer context: only the bit that owns a control is a button. */
|
|
8096
8123
|
.ds-247420 .chat-composer-context-bit {
|
|
8097
8124
|
display: inline; padding: 0; margin: 0;
|
|
@@ -9537,6 +9564,87 @@
|
|
|
9537
9564
|
.ds-247420 .ds-dropdown-trigger { min-height: 44px; }
|
|
9538
9565
|
}
|
|
9539
9566
|
|
|
9567
|
+
/* ---------------------------------------------------------------
|
|
9568
|
+
MenuButton — checkmarked select menu, mirrors Dropdown's chrome
|
|
9569
|
+
--------------------------------------------------------------- */
|
|
9570
|
+
.ds-247420 .ov-menubutton-menu { padding: var(--space-1); }
|
|
9571
|
+
.ds-247420 .ov-menubutton-list { display: flex; flex-direction: column; }
|
|
9572
|
+
.ds-247420 .ov-menubutton-item {
|
|
9573
|
+
display: flex; align-items: center; gap: var(--space-2);
|
|
9574
|
+
min-height: 30px;
|
|
9575
|
+
padding: var(--space-1-5) var(--space-2-75);
|
|
9576
|
+
background: transparent; border: 0;
|
|
9577
|
+
color: inherit; font: inherit; text-align: left;
|
|
9578
|
+
border-radius: var(--r-1, 4px);
|
|
9579
|
+
cursor: pointer;
|
|
9580
|
+
width: 100%;
|
|
9581
|
+
}
|
|
9582
|
+
.ds-247420 .ov-menubutton-item:hover,
|
|
9583
|
+
.ds-247420 .ov-menubutton-item:focus-visible {
|
|
9584
|
+
background: var(--panel-2, var(--rule));
|
|
9585
|
+
outline: none;
|
|
9586
|
+
}
|
|
9587
|
+
@media (pointer: coarse) {
|
|
9588
|
+
.ds-247420 .ov-menubutton-item { min-height: 44px; padding: var(--space-2) var(--space-3); }
|
|
9589
|
+
}
|
|
9590
|
+
.ds-247420 .ov-menubutton-item[aria-disabled="true"] {
|
|
9591
|
+
opacity: 0.5;
|
|
9592
|
+
pointer-events: none;
|
|
9593
|
+
cursor: not-allowed;
|
|
9594
|
+
}
|
|
9595
|
+
.ds-247420 .ov-menubutton-check { width: 16px; display: inline-flex; justify-content: center; flex-shrink: 0; color: var(--accent, currentColor); }
|
|
9596
|
+
.ds-247420 .ov-menubutton-label { flex: 1; min-width: 0; }
|
|
9597
|
+
.ds-247420 .ov-menubutton-empty { padding: var(--space-2) var(--space-2-75); color: var(--fg-muted); font-size: var(--fs-sm); }
|
|
9598
|
+
.ds-247420 .ov-menubutton-item.is-unavailable {
|
|
9599
|
+
display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
|
|
9600
|
+
padding: var(--space-1-5) var(--space-2-75);
|
|
9601
|
+
color: var(--fg-muted);
|
|
9602
|
+
}
|
|
9603
|
+
.ds-247420 .ov-menubutton-retry {
|
|
9604
|
+
appearance: none; background: transparent; border: 1px solid var(--rule);
|
|
9605
|
+
border-radius: var(--r-1, 4px); color: inherit; font: inherit; font-size: var(--fs-sm);
|
|
9606
|
+
padding: var(--space-hair) var(--space-1-5); cursor: pointer;
|
|
9607
|
+
}
|
|
9608
|
+
.ds-247420 .ov-menubutton-retry:hover, .ds-247420 .ov-menubutton-retry:focus-visible { background: var(--panel-2, var(--rule)); outline: none; }
|
|
9609
|
+
.ds-247420 .ov-menubutton-trigger {
|
|
9610
|
+
appearance: none;
|
|
9611
|
+
background: var(--panel-2, transparent);
|
|
9612
|
+
color: inherit; font: inherit;
|
|
9613
|
+
border: 1px solid var(--rule);
|
|
9614
|
+
border-radius: var(--r-1, 6px);
|
|
9615
|
+
padding: 0 var(--space-2-75);
|
|
9616
|
+
cursor: pointer;
|
|
9617
|
+
min-height: var(--ctl-sm); height: var(--ctl-sm);
|
|
9618
|
+
display: inline-flex; align-items: center;
|
|
9619
|
+
}
|
|
9620
|
+
@media (pointer: coarse) {
|
|
9621
|
+
.ds-247420 .ov-menubutton-trigger { min-height: 44px; }
|
|
9622
|
+
}
|
|
9623
|
+
|
|
9624
|
+
/* ---------------------------------------------------------------
|
|
9625
|
+
InfoRow / InfoSection / DiagnosticsPanel — static debug readouts
|
|
9626
|
+
--------------------------------------------------------------- */
|
|
9627
|
+
.ds-247420 .ds-ep-diagnostics { display: flex; flex-direction: column; gap: var(--space-3); }
|
|
9628
|
+
.ds-247420 .ds-ep-diagnostics-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
|
|
9629
|
+
.ds-247420 .ds-ep-diagnostics-title { margin: 0; font-size: var(--fs-lg); }
|
|
9630
|
+
.ds-247420 .ds-ep-diagnostics-refresh {
|
|
9631
|
+
appearance: none; background: var(--panel-2, transparent); color: inherit; font: inherit;
|
|
9632
|
+
border: 1px solid var(--rule); border-radius: var(--r-1, 6px);
|
|
9633
|
+
padding: var(--space-1) var(--space-2-75); cursor: pointer;
|
|
9634
|
+
}
|
|
9635
|
+
.ds-247420 .ds-ep-diagnostics-refresh:disabled { opacity: 0.6; cursor: not-allowed; }
|
|
9636
|
+
.ds-247420 .ds-ep-diagnostics-refresh:hover:not(:disabled), .ds-247420 .ds-ep-diagnostics-refresh:focus-visible { background: var(--panel-3, var(--rule)); outline: none; }
|
|
9637
|
+
.ds-247420 .ds-ep-infosection { border: 1px solid var(--rule); border-radius: var(--r-2, 8px); padding: var(--space-2-75); }
|
|
9638
|
+
.ds-247420 .ds-ep-infosection-title { margin: 0 0 var(--space-1-5); font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: 0.04em; color: var(--fg-muted); }
|
|
9639
|
+
.ds-247420 .ds-ep-infosection-rows { display: flex; flex-direction: column; gap: var(--space-1); }
|
|
9640
|
+
.ds-247420 .ds-ep-infosection-loading { padding: var(--space-2) 0; color: var(--fg-muted); font-size: var(--fs-sm); }
|
|
9641
|
+
.ds-247420 .ds-ep-inforow { display: flex; align-items: baseline; gap: var(--space-2); justify-content: space-between; }
|
|
9642
|
+
.ds-247420 .ds-ep-inforow-label { color: var(--fg-muted); font-size: var(--fs-sm); flex-shrink: 0; }
|
|
9643
|
+
.ds-247420 .ds-ep-inforow-value { font-family: var(--font-mono, monospace); font-size: var(--fs-sm); text-align: right; word-break: break-word; }
|
|
9644
|
+
|
|
9645
|
+
/* BatchProgressLabel */
|
|
9646
|
+
.ds-247420 .ds-ep-batchprogress { font-variant-numeric: tabular-nums; }
|
|
9647
|
+
|
|
9540
9648
|
/* Interaction primitives — drag/drop + keyboard shortcuts */
|
|
9541
9649
|
.ds-247420 .ds-reorderable { display: flex; gap: var(--space-1, 4px); }
|
|
9542
9650
|
.ds-247420 .ds-reorderable-vertical { flex-direction: column; }
|