@justai/cuts 0.82.0 → 0.84.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justai/cuts",
-  "version": "0.82.0",
+  "version": "0.84.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}
@@ -187,6 +196,13 @@ const chrome = face === "page";
             <slot name="langPicker" slot="langPicker" />
           </Toolbar>
           <section class="cut kernel" id="kernel"><slot /></section>
+          {/* queries: where does the footer go · z-foot · content after the kernel
+              AFTER the kernel, still inside `.below`. The kernel is `min-height: 100dvh`, so anything
+              placed in its flow sits inside that screenful rather than below it — measured when
+              /files' footer was swept into the default slot and jumped 465px up the page. A named
+              slot is the difference between "after the kernel" and "at the end of the kernel", and
+              only the child knows which it meant. */}
+          <slot name="foot" />
         </div>
       </>
     ) : (