@justai/cuts 0.84.0 → 0.86.0

package/package.json

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

package/src/Toolbar.astro

@@ -350,6 +350,49 @@ 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; }
+
+  /* ── AND IT STARTS WHERE BackToZone STARTS ──────────────────────────────────────────────────
+   *
+   * queries: the first icon is further in on a child persona · the row starts in a different place ·
+   *          navParent inset · margin-inline-start -7px
+   *
+   * `BackToZone` pulls itself 7px left so the row begins flush with the bar's edge rather than a
+   * tap target's worth inside it. Anything standing in the first position has the same job and needs
+   * the same pull — measured on a live child before this landed: the parent's face sat 26px from the
+   * bar's edge where a persona's way out sits at 17. Nine pixels, and the founder saw it by opening
+   * one and then the other.
+   *
+   * Same selector as the size above, for the same reason: the first slot is a POSITION, and its two
+   * properties should be decided in one place or they will drift apart again. */
+  .tb-left > .tb-nav-group:first-child > .tb-nav:first-child { margin-inline-start: -7px; }
   .tb-nav :global(svg) { width: 19px; height: 19px; }
 
   /* ── EQUAL INK, TWO BOXES ────────────────────────────────────────────────────────────────────