anentrypoint-design 1.0.30 → 1.0.32
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 +31 -1
- package/dist/247420.js +20 -20
- package/package.json +1 -1
- package/src/css/app-shell/chat-polish.css +31 -1
- package/src/kits/os/theme.css +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "anentrypoint-design",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.32",
|
|
4
4
|
"description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/247420.js",
|
|
@@ -456,7 +456,11 @@
|
|
|
456
456
|
/* The composer sits bg-on-bg: the 14% --rule hairline is ~1.3:1 on paper,
|
|
457
457
|
leaving the primary input near-invisible at rest - use the strong rule. */
|
|
458
458
|
border: var(--bw-hair) solid var(--rule-strong);
|
|
459
|
-
|
|
459
|
+
/* --r-3 (14px), not --r-2 (10px): the reference composer's corners read
|
|
460
|
+
as a soft-rounded rectangle, not a tight card-radius box - --r-3 is the
|
|
461
|
+
largest token in the scale short of --r-pill (a stadium, wrong shape
|
|
462
|
+
entirely for a ~720px-wide multi-row box). */
|
|
463
|
+
border-radius: var(--r-3);
|
|
460
464
|
/* A flat hairline box on a flat background is the single most-repeated
|
|
461
465
|
"looks unfinished" tell in the chat surface - the one control the user
|
|
462
466
|
types into every turn had no more visual weight than a settings card.
|
|
@@ -583,6 +587,32 @@
|
|
|
583
587
|
margin-right: auto;
|
|
584
588
|
padding-top: var(--space-6);
|
|
585
589
|
}
|
|
590
|
+
/* True empty-state canvas: matches the reference's near-empty page (a
|
|
591
|
+
short lead question directly above a bare composer, nothing else visible
|
|
592
|
+
until the first message lands) rather than centering the SAME bundled
|
|
593
|
+
block that also carries the identity strip / suggestions / docs fold --
|
|
594
|
+
margin:auto on that fuller block left too little spare height to move,
|
|
595
|
+
which is why an earlier attempt at this still read top-heavy. This
|
|
596
|
+
variant renders as its own minimal tree (see aicat/app.js), so centering
|
|
597
|
+
it here actually has room to work: .app-main's flex-column parent gives
|
|
598
|
+
this child top/bottom auto margins, and with only two short children the
|
|
599
|
+
block is small enough to visibly float in the middle of the viewport. */
|
|
600
|
+
.aicat-empty-canvas {
|
|
601
|
+
margin-top: auto;
|
|
602
|
+
margin-bottom: auto;
|
|
603
|
+
display: flex;
|
|
604
|
+
flex-direction: column;
|
|
605
|
+
align-items: center;
|
|
606
|
+
gap: var(--space-4);
|
|
607
|
+
}
|
|
608
|
+
.aicat-empty-lead {
|
|
609
|
+
font-family: var(--ff-display);
|
|
610
|
+
font-size: var(--fs-xl);
|
|
611
|
+
font-weight: var(--fw-medium, 500);
|
|
612
|
+
color: var(--fg);
|
|
613
|
+
text-align: center;
|
|
614
|
+
margin: 0;
|
|
615
|
+
}
|
|
586
616
|
|
|
587
617
|
/* ============================================================
|
|
588
618
|
Composer attachment-detected badge, context line, hint, toolbar,
|
package/src/kits/os/theme.css
CHANGED
|
@@ -1101,6 +1101,7 @@ html.ds-247420 { touch-action: pan-x pan-y; overscroll-behavior: none; -webkit-t
|
|
|
1101
1101
|
}
|
|
1102
1102
|
.tb-sess-modal-input:focus { outline: none; border-color: var(--os-accent); box-shadow: 0 0 0 3px color-mix(in oklab, var(--os-accent) 20%, transparent); }
|
|
1103
1103
|
.tb-sess-modal-hint { font-size: var(--fs-nano); opacity: 0.7; }
|
|
1104
|
+
.tb-sess-modal-hint.error { color: var(--danger); opacity: 1; }
|
|
1104
1105
|
.tb-sess-modal-msg { font-size: var(--fs-tiny); }
|
|
1105
1106
|
.tb-sess-modal-foot { display: flex; justify-content: flex-end; gap: var(--space-2); padding: var(--space-2-75) var(--space-3); border-top: 1px solid color-mix(in oklab, var(--fg) 8%, transparent); }
|
|
1106
1107
|
.tb-sess-modal-btn {
|