@justai/cuts 0.83.0 → 0.85.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justai/cuts",
-  "version": "0.83.0",
+  "version": "0.85.0",
   "description": "A persona's named parts — the page shell that holds them, and the cuts themselves.",
   "license": "UNLICENSED",
   "repository": {

package/src/ChildPersona.astro

@@ -110,9 +110,17 @@ interface Props {
   avatarPad?: string;
   /** The cover behind the profile. Defaults to the host persona's accent, which is the point. */
   cover?: string;
-  /** The host persona's face, if the page already resolved it server-side. Otherwise `childFace()`
-   *  fills it in at runtime from /api/face — see @justai/core. */
+  /** queries: the child persona knows its host already · server-side face · feed accent
+   *
+   *  THE HOST'S FACE WHEN THE PAGE ALREADY HAS IT. Two children fetch it in the browser because they
+   *  are one static bundle mounted on every host; the feed RENDERS per host and already read the
+   *  registry, so it knows before the first paint. Pass it and the accent is set server-side —
+   *  no flash of the platform default, and `childFace()` has nothing to do.
+   *  Leave it out and the runtime path applies, which is the ordinary case. */
   host?: { name?: string; avatar?: string; accent?: string };
+  /** Override the handle line. Defaults to `@<child>` — a child persona's own address. The feed says
+   *  `qr.app.zone · feed` instead, because it is the FEED OF a host rather than a room inside it. */
+  handle?: string;
   /** Where the parent's kernel is. Defaults to the host root, which is where a visitor came from. */
   parentHref?: string;
   parentLabel?: string;
@@ -126,6 +134,7 @@ interface Props {
 }
 const {
   child, name, bio, meta, host,
+  handle,
   parentHref = "/#kernel", parentLabel = "Home",
   sectionsLabel = "Sections", profileLabel, kernelLabel, face = "page",
   avatarBg = "linear-gradient(160deg, #1f2740, #11141f)",
@@ -144,7 +153,7 @@ const chrome = face === "page";
     IT RENDERS THE COLUMN ITSELF. An earlier draft styled `.pp .app` and left the consumer to emit
     the element, which is precisely the homework law 1 forbids: a shell whose geometry only works if
     somebody remembers a class name is a template, not a component. */}
-<div class="pp" id="pp" data-child={child} data-face={face}>
+<div class="pp" id="pp" data-child={child} data-face={face} style={host?.accent ? `--accent: ${host.accent}` : undefined}>
   <main class="app">
     {/* THE `sheet` FACE SHOWS NO PROFILE AND NO ROW. It is content inside somebody's chrome, and a
         biography there is the guest introducing itself while the host is mid-sentence. As a `page`
@@ -162,7 +171,7 @@ const chrome = face === "page";
             child's own words, correct if the lookup never returns. */}
         <Profile
           name={`<span id="pnName">${name}</span><span class="pro" id="pnFacet"></span>`}
-          handle={`<span id="pnHandle">@${child}</span>`}
+          handle={`<span id="pnHandle">${handle ?? "@" + child}</span>`}
           bio={bio ? `<span id="pnBio">${bio}</span>` : undefined}
           meta={`<span id="pnMeta">${meta ?? ""}</span>`}
           kernelLabel={name}

package/src/Toolbar.astro

@@ -350,6 +350,34 @@ import AuthMount from "./AuthMount.astro";
      inside the same 19px. If the row is ever to read level, the way there is to grow the GLYPHS, not to
      shrink the identity. */
   .tb-nav.tb-mark :global(img) { width: 19px; height: 19px; }
+
+  /* ── WHATEVER IS FIRST IN THE ROW READS AT 20; EVERYTHING AFTER IT AT 19 ────────────────────
+   *
+   * queries: toolbar icon sizes · why is the first icon bigger · 20 and 19 · first position
+   *
+   * The founder's rule, with app.zone's own mark as the reference every icon is measured against.
+   * It is POSITIONAL, not about which icon happens to be there — the row is saying that the first
+   * thing in it is not one of the sections, and that is true whatever fills the slot:
+   *
+   *   a persona          `BackToZone` — the way out to app.zone
+   *   a child persona    the parent's face — the way up
+   *   app.zone itself    its OWN mark, because there is no way out of the zone from the zone
+   *
+   * Written structurally for that reason. `BackToZone` sizes itself; when it is absent the nav group
+   * becomes the first child of `.tb-left`, and its first item is what a person sees first. Expressed
+   * as a selector rather than a list of ids, a fourth arrangement is right without anyone editing
+   * this file — which is what "positional" has to mean to be worth the words.
+   *
+   * Measured across nine live surfaces first: `home` was 20 on eleven personas and 19 on qr, which
+   * had overridden it; the three children's parent icon was 19; auth's was 19 because I set it there
+   * an hour earlier having read the drift backwards; app.zone's own mark was 19 while being the
+   * first thing in its row. `BackToZone`'s default was right the whole time.
+   *
+   * The first slot always holds a MARK — a drawing that fills its own viewBox — so a 20px box is
+   * 20px of ink. A glyph there would need 26.67 to read the same, and if one ever lands in that slot
+   * this rule is where the exception belongs. */
+  .tb-left > .tb-nav-group:first-child > .tb-nav:first-child :global(svg),
+  .tb-left > .tb-nav-group:first-child > .tb-nav:first-child :global(img) { width: 20px; height: 20px; }
   .tb-nav :global(svg) { width: 19px; height: 19px; }
 
   /* ── EQUAL INK, TWO BOXES ────────────────────────────────────────────────────────────────────