@justai/cuts 0.105.0 → 0.107.0

package/package.json

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

package/src/BackToZone.astro

@@ -48,17 +48,30 @@ interface Props {
 }
 const { apex = "app.zone" } = Astro.props;
 const href = `https://${apex}`;
----
 
-<a class="home" href={href} data-home aria-label={apex} title={apex}>
-  {apex === "pin.games" ? (
-  <svg class="pgmark" viewBox="287 266 482 491" aria-hidden="true">
+// queries: the home mark is missing arms · three of four arms gone · a4 arm · azmark broken ·
+//          the toolbar mark measures 12px · BackToZone ternary
+//
+// ── THE TWO MARKS ARE HTML, NOT JSX BRANCHES, AND THAT IS A SCAR ────────────────────────────
+//
+// This was `{apex === "pin.games" ? (<svg…/>) : (<svg…/>)}` for four versions, and it silently
+// dropped THREE OF THE FOUR PATHS in app.zone's mark. The surviving one came out with its classes
+// reordered — `a4 arm` where the source says `arm a1` — which is the tell: the compiler was not
+// carrying the multi-child branch through intact.
+//
+// Nothing errored. The build was green, the mark still drew SOMETHING, and the only instrument that
+// caught it was the shell's "every icon puts 20px of ink on screen" spec, which measured 12.1px on
+// the canary. Every app.zone persona that upgraded past 0.103.0 was serving a quarter of its home
+// mark.
+//
+// Strings and `set:html` are what the kernel already uses for `toolbarMark`, so this is the file
+// agreeing with the rest of the family rather than a workaround.
+const PG_MARK = `<svg class="pgmark" viewBox="287 266 482 491" aria-hidden="true">
     <rect class="arm a1" x="130" y="469" width="400" height="86" rx="43" transform="rotate(90 330 512)"/>
     <rect class="arm a2" x="317.3" y="363" width="455.5" height="86" rx="43" transform="rotate(26.25 545 406)"/>
     <rect class="arm a3" x="317.3" y="575" width="455.5" height="86" rx="43" transform="rotate(-26.25 545 618)"/>
-  </svg>
-  ) : (
-  <svg class="azmark" viewBox="-8.5 0 928 928" aria-hidden="true">
+  </svg>`;
+const AZ_MARK = `<svg class="azmark" viewBox="-8.5 0 928 928" aria-hidden="true">
     <path class="arm a4" d="M360.365 928.009C372.599 928.009 382.517 918.092 382.517 905.857V830.254C382.517 818.02 372.599 808.102 360.365 808.102L203.398 808.102C157.082 808.102 119.537 770.556 119.537 724.241L119.537 574.369C119.537 557.765 106.077 544.305 89.4732 544.305H22.152C9.91778 544.305 0 554.223 0 566.457L0 752.376C0 849.376 78.6338 928.009 175.634 928.009L360.365 928.009Z"/>
     <rect class="ctr" x="348.103" y="367.09" width="203.323" height="203.323" rx="16.614"/>
     <defs>
@@ -67,8 +80,11 @@ const href = `https://${apex}`;
       <linearGradient id="azHome3" x1="425.634" y1="1029.67" x2="904.671" y2="550.635" gradientUnits="userSpaceOnUse"><stop stop-color="#F8C24A"/><stop offset="1" stop-color="#EFA229"/></linearGradient>
       <linearGradient id="azHome4" x1="450.555" y1="993.674" x2="6.32921" y2="550.635" gradientUnits="userSpaceOnUse"><stop stop-color="#5285DC"/><stop offset="1" stop-color="#2E62C6"/></linearGradient>
     </defs>
-  </svg>
-  )}
+  </svg>`;
+---
+
+<a class="home" href={href} data-home aria-label={apex} title={apex}>
+  <Fragment set:html={apex === "pin.games" ? PG_MARK : AZ_MARK} />
 </a>
 
 <style>

package/src/Catalogue.astro

@@ -210,6 +210,17 @@ const isNew = (added: string): boolean => { const t0 = Date.parse(added || "");
       <section class="grid" id="grid" data-kind={kind} data-apex={apexHost} data-new-label={strings.new} data-cat-map={JSON.stringify(catLabels)} data-order={JSON.stringify(order)} data-taglines={JSON.stringify(taglines)}>
         {seed.map((app) => <CatalogueCard app={app} name={appName(app)} desc={appDesc(app)} isNew={isNew(app.added)} newLabel={strings.new} />)}
       </section>
+      {/* queries: runtime cards are unstyled · the card has no CSS · an apex with no seed · scope cid ·
+                   data-astro-cid · pin.games cards render as blue links
+          THE SCOPE, CARRIED IN AN INERT CARD. Cards appended at runtime are built as plain strings, so
+          they sit outside CatalogueCard's scoped CSS and have to be stamped with its `data-astro-cid-*`
+          by hand. That attribute was read off a SEEDED card — which works on any apex that ships a seed,
+          and fails completely on one that does not: pin.games opened with its only game rendered as bare
+          blue underlined links, because there was no card to read the scope from.
+          A <template> is the right home for it. Its content is parsed but never rendered, never matched
+          by a document query and never painted, while Astro still stamps the cid on it at build. So the
+          scope is available from the first paint whether or not this apex has ever seeded a card. */}
+      <template id="cardscope"><CatalogueCard app={{ id: "scope", url: "https://example.invalid", category: "", added: "" } as any} name="" desc="" isNew={false} newLabel="" /></template>
       {/* Both sentences ride data-attributes because the loader below is a BUNDLED script and
           cannot see props — the same seam Posts uses. */}
       <p class="empty" id="empty" hidden
@@ -421,8 +432,14 @@ const isNew = (added: string): boolean => { const t0 = Date.parse(added || "");
         try { return new URL(a.href).host; } catch { return ""; }
       }),
     );
-    // the appended cards must inherit AppCard's scoped styles → copy the cid attribute off a real card
-    const sample = grid.querySelector<HTMLElement>("a.card");
+    // The appended cards must inherit CatalogueCard's scoped styles → copy the cid off a real card, and
+    // fall back to the inert one in #cardscope when this apex ships no seed. Without that fallback an
+    // empty-seed storefront renders every runtime card as unstyled markup — measured on pin.games' first
+    // night, where the shelf's only game arrived as blue underlined links.
+    const scopeTpl = document.getElementById("cardscope") as HTMLTemplateElement | null;
+    const sample = grid.querySelector<HTMLElement>("a.card")
+      ?? scopeTpl?.content.querySelector<HTMLElement>("a.card")
+      ?? null;
     const scopeAttr = sample ? sample.getAttributeNames().find((n) => n.startsWith("data-astro-cid-")) || null : null;
 
     const esc = (s: unknown): string =>