@justai/cuts 0.124.0 → 0.125.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justai/cuts",
-  "version": "0.124.0",
+  "version": "0.125.0",
   "description": "A persona's named parts — the page shell that holds them, and the cuts themselves.",
   "license": "UNLICENSED",
   "repository": {
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@justai/core": "^0.32.0",
-    "@justai/ui": "^0.21.0",
+    "@justai/ui": "^0.21.1",
     "@justai/atrium": "^0.1.9"
   }
 }

package/src/Toolbar.astro

@@ -294,6 +294,45 @@ import AuthMount from "./AuthMount.astro";
    * there is nothing for an engine to compensate for — which is also why only a device ever showed
    * it: Blink scroll-anchors the step away and WebKit has no scroll anchoring. */
   .tb-slot { position: sticky; top: 0; z-index: 40; display: flow-root; }
+  /* queries: the title strip moves the fold · the page drifts after it lands · a band of posts under
+   *          the game · tb-slot min-height · the slot follows the bar · the strip pushes the page down
+   *
+   * ── THE BOX IS THE SLOT'S OWN, SO IT TRAVELS WITH THE SLOT ─────────────────────────────────────
+   *
+   * `position: sticky` never leaves flow: it reserves its full border box, so whatever the bar's LIVE
+   * height is at any instant, that is where everything under it sits. The strip opens and closes over
+   * 0.35s inside that box — so without a reserved height the shell breathes 26px and the whole
+   * document below it breathes with it. That is the drift the founder lost days to.
+   *
+   * IT LIVED IN `@justai/ui`'s base.css UNTIL 2026-08-06, and measured on pin.games that was the same
+   * as not existing: a persona that never imports base.css got the slot's structure from here and its
+   * BOX from a file it does not load, so the slot collapsed to the bar and posts moved 26px between
+   * the kernel and the profile. The first law again — a component brings its own ground — and the
+   * slot is this component's element, so its box is this component's business. The rule that keeps
+   * the whole strip safe cannot be the one rule that lives somewhere the strip does not.
+   *
+   * AND THE RESERVED BAND WEARS THE BAR'S OWN MATERIAL, not the room's. A slot taller than its bar is
+   * 26px of SOMETHING under the shelf whenever the strip is shut — the state at the profile, on
+   * screen, at rest. Painted in the persona's ground it was a hard black band between a light profile
+   * and a light kernel: the founder photographed it within a minute. It is the BAR'S box, so it takes
+   * the bar's fill, bleeding by the same `--edge` expression so the two cannot leave slivers. */
+  .tb-slot { min-height: var(--shell-top, 78px); }
+  .tb-slot::before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    inset-block: 0;
+    inset-inline:
+      calc(-1 * max(var(--edge, 16px), env(safe-area-inset-left)))
+      calc(-1 * max(var(--edge, 16px), env(safe-area-inset-right)));
+    background: var(--toolbar-bg, #1e202a);
+  }
+  /* The shelf's fill has two branches and so must its box: `--toolbar-bg` is one token but its
+     FALLBACK differs by scheme, and a band carrying only the dark default is a black strip on a light
+     page — which is exactly what the founder photographed a minute after the first attempt. */
+  @media (prefers-color-scheme: light) {
+    .tb-slot::before { background: var(--toolbar-bg, #fbfcfe); }
+  }
   .toolbar {
     /* position, top and z-index live on .tb-slot above — this element is static inside it now. */
     display: flex; flex-direction: column;