anentrypoint-design 1.0.31 → 1.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/css/app-shell/chat-polish.css

@@ -456,7 +456,11 @@
   /* The composer sits bg-on-bg: the 14% --rule hairline is ~1.3:1 on paper,
      leaving the primary input near-invisible at rest - use the strong rule. */
   border: var(--bw-hair) solid var(--rule-strong);
-  border-radius: var(--r-2);
+  /* --r-3 (14px), not --r-2 (10px): the reference composer's corners read
+     as a soft-rounded rectangle, not a tight card-radius box - --r-3 is the
+     largest token in the scale short of --r-pill (a stadium, wrong shape
+     entirely for a ~720px-wide multi-row box). */
+  border-radius: var(--r-3);
   /* A flat hairline box on a flat background is the single most-repeated
      "looks unfinished" tell in the chat surface - the one control the user
      types into every turn had no more visual weight than a settings card.
@@ -583,6 +587,49 @@
   margin-right: auto;
   padding-top: var(--space-6);
 }
+/* True empty-state canvas: matches the reference's near-empty page (a
+   short lead question directly above a bare composer, nothing else visible
+   until the first message lands) rather than centering the SAME bundled
+   block that also carries the identity strip / suggestions / docs fold --
+   margin:auto on that fuller block left too little spare height to move,
+   which is why an earlier attempt at this still read top-heavy. This
+   variant renders as its own minimal tree (see aicat/app.js), so centering
+   it here actually has room to work: .app-main's flex-column parent gives
+   this child top/bottom auto margins, and with only two short children the
+   block is small enough to visibly float in the middle of the viewport. */
+.aicat-empty-canvas {
+  margin-top: auto;
+  margin-bottom: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-4);
+}
+.aicat-empty-lead {
+  font-family: var(--ff-display);
+  font-size: var(--fs-xl);
+  font-weight: var(--fw-medium, 500);
+  color: var(--fg);
+  text-align: center;
+  margin: 0;
+}
+/* Reference's Projects/General sidebar switcher: a two-pill row sitting
+   above the tree, spaced off the tree below it like a real section header,
+   not flush against it. Tighter side padding than --pad-x (round 4 widened
+   that to 48px) -- two pills at natural width need more of the 256px rail
+   than a 48px-each-side gutter leaves, so this row alone uses --space-3 to
+   stay a single non-wrapping row like the reference, without touching the
+   shared --pad-x token every other sidebar section still uses. */
+.aicat-side-tabs {
+  padding: var(--space-3) var(--space-3) var(--space-2);
+  flex-wrap: nowrap;
+}
+.ds-side-empty-note {
+  padding: var(--space-2) var(--pad-x);
+  color: var(--fg-3);
+  font-size: var(--fs-sm);
+  margin: 0;
+}
 
 /* ============================================================
    Composer attachment-detected badge, context line, hint, toolbar,