@justai/cuts 0.94.0 → 0.96.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justai/cuts",
-  "version": "0.94.0",
+  "version": "0.96.0",
   "description": "A persona's named parts — the page shell that holds them, and the cuts themselves.",
   "license": "UNLICENSED",
   "repository": {
@@ -37,7 +37,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@justai/core": "^0.19.0",
+    "@justai/core": "^0.20.0",
     "@justai/ui": "^0",
     "@justai/atrium": "^0.1.9"
   }

package/src/Sheet.astro

@@ -34,9 +34,9 @@ import "./ground.css";
  * added: the sheet rises from the bottom edge at 390px and at 3840px alike.
  *
  * What a wide screen changes is only how much room surrounds it. **The persona's COLUMN is the
- * active view** — that is the founder's frame, and it is what the panel is sized to: 480px, which is
- * not a chosen number but the fleet's measured one (every persona's page column is `max-width:
- * 480px`). On a phone `min(100%, 480px)` is the whole screen; on a desk it is the persona's own
+ * active view** — that is the founder's frame, and it is what the panel is sized to: `--column`,
+ * which is not a chosen number but the one @justai/ui declares for the page itself. On a phone
+ * `min(100%, --column)` is the whole screen; on a desk it is the persona's own
  * width, centred, with the page dimmed around it. One rule, both cases, no query.
  *
  * NATIVE <dialog>, not a scrim div: the top layer, ::backdrop, Escape and focus containment are the
@@ -319,9 +319,11 @@ const doneIsOurs = doneDefault || done === true;
     display: flex;
     flex-direction: column;
     /* THE ONE SIZING RULE, and there is no media query anywhere in this file. The persona's column
-       is the active view: 480px is the fleet's measured page width, not a chosen breakpoint. On a
-       phone this is the whole screen; on a desk it is the persona's own width, centred. */
-    width: min(100%, var(--sheet-width, 480px));
+       is the active view, and its width is READ rather than repeated: `--column` is declared once in
+       @justai/ui and the page is sized from the same token. On a phone this is the whole screen; on a
+       desk it is the persona's own width, centred. It said 480 until 2026-08-04, in its own copy of
+       the number — so when the page became 768 the sheet stayed a phone's width on a tablet. */
+    width: min(100%, var(--sheet-width, var(--column, 768px)));
     max-height: min(92dvh, 100dvh - 24px);
     /* The material the fleet already agreed reads as legible glass (ConfirmSheet, 93%). */
     background: color-mix(in srgb, var(--bg) 93%, transparent);

package/src/Toolbar.astro

@@ -207,7 +207,7 @@ import AuthMount from "./AuthMount.astro";
               sees, rather than a duplicate face, which is a defect nobody reports. */}
           {Astro.slots.has("profileIcon")
             ? <slot name="profileIcon" />
-            : (!parent && <img src={avatar} alt="" width="19" height="19" loading="lazy" decoding="async" />)}
+            : (!parent && <img src={avatar} alt="" width="20" height="20" loading="lazy" decoding="async" />)}
         </a>
         {/* THE KERNEL IS ALWAYS THE BOLT. The founder's rule, and it is the shell's to draw rather
             than the persona's to remember.
@@ -346,16 +346,23 @@ import AuthMount from "./AuthMount.astro";
      misses. Same ink hook as everywhere the accent stops being paint. */
   .tb-nav.active { color: var(--accent-text, var(--accent)); }
 
-  /* A MARK IS NOT DIMMED, AND THE PROFILE CUT DOES NOT NEED IT TO BE.
-     It shipped dimmed at rest for one version, on the reasoning that a mark cannot take `currentColor`
-     and so needed opacity to say "you are here". Both halves of that were true and the conclusion was
-     still wrong, because the state was already being said, louder: `titleFor` in @justai/core returns an
-     empty string for `profile`, so the title strip CLOSES on this cut and opens — 26px of layout, naming
-     where you are — the moment you leave it. Against that, tinting an icon adds nothing.
-     And the two are not the same kind of thing. The three stroke icons are generic glyphs whose colour IS
-     a UI state; a mark is an identity. A faded logo does not read as "not current", it reads as disabled.
-     So the mark stays itself. Press feedback is not lost: `.tb-nav:active`'s scale applies to it like any
-     other item. `.tb-mark` remains, because the sizing rule below still needs to know an image is here. */
+  /* queries: should the persona mark be coloured · the mark is always accent · two icons look active
+     THE MARK IS A CUT ICON LIKE THE OTHER TWO — the founder's rule, 2026-08-03: the ACTIVE cut wears
+     the accent and no passive one does, the persona's own mark included.
+
+     This comment used to argue the opposite: *"the three stroke icons are generic glyphs whose colour
+     IS a UI state; a mark is an identity… a faded logo reads as disabled."* Kept, because it is a true
+     premise ageing into a wrong conclusion. It was true while the mark arrived as an `<img>`, which
+     cannot take `currentColor` — dimming was then the only way to say "not here", and a dimmed logo
+     does read as disabled. The premise expired when `toolbarMark` began deriving an inline SVG: an
+     inline mark can be INK, and ink is not dimming. `toolbarMark` neutralises its paint, so the two
+     rules below reach it exactly as they reach the bolt and the bubble.
+
+     A mark that keeps its colours while another cut is current is a second voice on the one channel
+     the accent has — measured, several passive marks were more coloured than the active icon. A
+     persona that wants its own gradient WHILE CURRENT re-points to it from its own CSS; the `<defs>`
+     survive the derivation for that. `.tb-mark` remains, because the sizing rule below still needs to
+     know a mark is here. */
   /* The shell sizes the mark and says NOTHING about `display`, deliberately. Two files arrive for the two
      themes — an SVG's internal `prefers-color-scheme` does not survive <img>, measured — and the persona
      hides one with a media query. A `display: block` here would be two classes deep against the persona's
@@ -472,6 +479,23 @@ import AuthMount from "./AuthMount.astro";
   // consumers each remembering a line is O(N), and the third one always forgets.
   if (document.getElementById("navParent")) adoptMark({ id: "navParent" });
 
+  // queries: the persona mark is an image · the golden rule does not apply · currentColor img ·
+  //          the mark keeps its colours when I did not pass profileIcon
+  //
+  // THE FALLBACK HAS TO OBEY THE RULE TOO. A persona that passes `profileIcon` hands over a mark
+  // derived at build time — ink, ground-less, sized. A persona that passes nothing gets the `<img>`
+  // above, and an image obeys nothing: it cannot take `currentColor`, so it wears its own colours
+  // while another cut is current, which is exactly what the accent must never do.
+  //
+  // It is the child persona's problem in a different costume — a mark known only as a URL — so it
+  // takes the child's answer: fetch it and derive it here. Same function, same three edits, and the
+  // row's own `.tb-nav` / `.tb-nav.active` rules reach it afterwards like any glyph.
+  //
+  // The build-time path stays the better one and stays the default advice: it costs no request and
+  // no frame of the wrong picture. This is the floor under a persona that has not got there yet.
+  const ownMark = document.querySelector("#navProfile img");
+  if (ownMark) adoptMark({ id: "navProfile" });
+
   // Both or neither — see the props above. When both are set the strip names the SECTIONS; core's
   // default, which names the persona and its handle, is left entirely alone otherwise. Nothing here
   // reproduces that default, which is the point: `.pname` and `.handle` stay core's business.