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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "anentrypoint-design",
3
- "version": "1.0.30",
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
- border-radius: var(--r-2);
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,
@@ -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 {