anentrypoint-design 1.0.31 → 1.0.33
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/dist/247420.css +48 -1
- package/dist/247420.js +26 -26
- package/package.json +1 -1
- package/src/css/app-shell/chat-polish.css +48 -1
package/dist/247420.css
CHANGED
|
@@ -4690,7 +4690,11 @@
|
|
|
4690
4690
|
/* The composer sits bg-on-bg: the 14% --rule hairline is ~1.3:1 on paper,
|
|
4691
4691
|
leaving the primary input near-invisible at rest - use the strong rule. */
|
|
4692
4692
|
border: var(--bw-hair) solid var(--rule-strong);
|
|
4693
|
-
|
|
4693
|
+
/* --r-3 (14px), not --r-2 (10px): the reference composer's corners read
|
|
4694
|
+
as a soft-rounded rectangle, not a tight card-radius box - --r-3 is the
|
|
4695
|
+
largest token in the scale short of --r-pill (a stadium, wrong shape
|
|
4696
|
+
entirely for a ~720px-wide multi-row box). */
|
|
4697
|
+
border-radius: var(--r-3);
|
|
4694
4698
|
/* A flat hairline box on a flat background is the single most-repeated
|
|
4695
4699
|
"looks unfinished" tell in the chat surface - the one control the user
|
|
4696
4700
|
types into every turn had no more visual weight than a settings card.
|
|
@@ -4817,6 +4821,49 @@
|
|
|
4817
4821
|
margin-right: auto;
|
|
4818
4822
|
padding-top: var(--space-6);
|
|
4819
4823
|
}
|
|
4824
|
+
/* True empty-state canvas: matches the reference's near-empty page (a
|
|
4825
|
+
short lead question directly above a bare composer, nothing else visible
|
|
4826
|
+
until the first message lands) rather than centering the SAME bundled
|
|
4827
|
+
block that also carries the identity strip / suggestions / docs fold --
|
|
4828
|
+
margin:auto on that fuller block left too little spare height to move,
|
|
4829
|
+
which is why an earlier attempt at this still read top-heavy. This
|
|
4830
|
+
variant renders as its own minimal tree (see aicat/app.js), so centering
|
|
4831
|
+
it here actually has room to work: .app-main's flex-column parent gives
|
|
4832
|
+
this child top/bottom auto margins, and with only two short children the
|
|
4833
|
+
block is small enough to visibly float in the middle of the viewport. */
|
|
4834
|
+
.ds-247420 .aicat-empty-canvas {
|
|
4835
|
+
margin-top: auto;
|
|
4836
|
+
margin-bottom: auto;
|
|
4837
|
+
display: flex;
|
|
4838
|
+
flex-direction: column;
|
|
4839
|
+
align-items: center;
|
|
4840
|
+
gap: var(--space-4);
|
|
4841
|
+
}
|
|
4842
|
+
.ds-247420 .aicat-empty-lead {
|
|
4843
|
+
font-family: var(--ff-display);
|
|
4844
|
+
font-size: var(--fs-xl);
|
|
4845
|
+
font-weight: var(--fw-medium, 500);
|
|
4846
|
+
color: var(--fg);
|
|
4847
|
+
text-align: center;
|
|
4848
|
+
margin: 0;
|
|
4849
|
+
}
|
|
4850
|
+
/* Reference's Projects/General sidebar switcher: a two-pill row sitting
|
|
4851
|
+
above the tree, spaced off the tree below it like a real section header,
|
|
4852
|
+
not flush against it. Tighter side padding than --pad-x (round 4 widened
|
|
4853
|
+
that to 48px) -- two pills at natural width need more of the 256px rail
|
|
4854
|
+
than a 48px-each-side gutter leaves, so this row alone uses --space-3 to
|
|
4855
|
+
stay a single non-wrapping row like the reference, without touching the
|
|
4856
|
+
shared --pad-x token every other sidebar section still uses. */
|
|
4857
|
+
.ds-247420 .aicat-side-tabs {
|
|
4858
|
+
padding: var(--space-3) var(--space-3) var(--space-2);
|
|
4859
|
+
flex-wrap: nowrap;
|
|
4860
|
+
}
|
|
4861
|
+
.ds-247420 .ds-side-empty-note {
|
|
4862
|
+
padding: var(--space-2) var(--pad-x);
|
|
4863
|
+
color: var(--fg-3);
|
|
4864
|
+
font-size: var(--fs-sm);
|
|
4865
|
+
margin: 0;
|
|
4866
|
+
}
|
|
4820
4867
|
|
|
4821
4868
|
/* ============================================================
|
|
4822
4869
|
Composer attachment-detected badge, context line, hint, toolbar,
|