@justai/cuts 0.15.0 → 0.17.0

package/package.json

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

package/src/Base.astro

@@ -184,6 +184,18 @@ const localePath = (l: string) => (l === defaultLocale ? "/" : `/${l}/`);
         ten that measure themselves exactly nothing. */}
     {gaId && (
     <script is:inline define:vars={{ gaId }}>
+      // A non-production page measures NOTHING. Found by the first read through the analytics MCP:
+      // 127.0.0.1 + localhost were the property's TOP "persona" (562 fake users in 28 days — local
+      // dev, plus every headless verification sweep loading the built HTML). The guard also covers
+      // the edge's dev- preview hosts: previews are rehearsals, not visits. gtag is still defined
+      // (as the same queue-stub) even on a silenced host, so the consent script can never hit
+      // "gtag is not defined" — the exact trap documented below. The whole block sits in an if
+      // rather than behind an early return: Astro 7's compiler rejects a top-level `return` in an
+      // inline script at BUILD time (the define:vars IIFE only exists later, at runtime).
+      window.gtag = window.gtag || function () { (window.dataLayer = window.dataLayer || []).push(arguments); };
+      var __h = location.hostname;
+      var __nonprod = __h === "localhost" || __h === "127.0.0.1" || __h === "::1" || __h === "[::1]" || __h.indexOf("dev-") === 0;
+      if (!__nonprod) {
       window.dataLayer = window.dataLayer || [];
       // gtag is put on WINDOW, not declared as `function gtag`, and this is load-bearing: `define:vars`
       // wraps this inline script in an IIFE to scope the injected `gaId`, so a `function gtag` here
@@ -213,6 +225,7 @@ const localePath = (l: string) => (l === defaultLocale ? "/" : `/${l}/`);
           document.head.appendChild(s);
         });
       });
+      }
     </script>
     )}
   </head>
@@ -263,6 +276,9 @@ const localePath = (l: string) => (l === defaultLocale ? "/" : `/${l}/`);
     <script is:inline>
       (function () {
         try {
+          // same non-production guard as the analytics block: no measurement → nothing to consent to
+          var h = location.hostname;
+          if (h === "localhost" || h === "127.0.0.1" || h === "::1" || h === "[::1]" || h.indexOf("dev-") === 0) return;
           if (localStorage.getItem("consent")) return;
           if (!document.getElementById("kernel")) return; // no kernel = not a content page (e.g. 404) — don't ask for consent on a dead end
           if ((Intl.DateTimeFormat().resolvedOptions().timeZone || "").indexOf("Europe/") !== 0) return;

package/src/Posts.astro

@@ -11,8 +11,9 @@
 // script framework-free in spirit: the day a Next persona (auth's home feed) wants the same feed, this
 // exact logic lifts into @justai/core unchanged. Until then, YAGNI — it stays an Astro cut.
 //
-// `avatarBg` is the only real per-persona knob (the post-avatar tile behind /icon.svg, matching the
-// profile). Everything else is shared.
+// The per-persona knobs are the post-avatar tile behind /icon.svg (matching the profile): `avatarBg`,
+// plus `avatarBgLight` when that ground is a dark gradient that must invert in light mode rather than
+// stay dark. Everything else is shared.
 //
 // THE SOCIAL LAYER is in here: a persona's feed carries replies from OTHER personas, and they must read
 // as themselves — their own icon (or glyph), their own name and @handle, and a link to their own
@@ -27,8 +28,13 @@ interface Props {
   footer: string; // the localized footer tagline after "justai.pro ·"
   displayHandle?: string; // the rendered @handle when it differs from the key (app.zone → @appzone)
   avatarBg?: string; // post-avatar tile background (default #fff)
+  avatarBgLight?: string; // light-scheme override for that tile (a dark gradient must invert, not stay dark)
 }
-const { handle, name, footer, displayHandle, avatarBg } = Astro.props;
+const { handle, name, footer, displayHandle, avatarBg, avatarBgLight } = Astro.props;
+const vars = [
+  avatarBg && `--feed-av-bg:${avatarBg}`,
+  avatarBgLight && `--feed-av-bg-light:${avatarBgLight}`,
+].filter(Boolean).join(";");
 ---
 
 <section
@@ -37,7 +43,7 @@ const { handle, name, footer, displayHandle, avatarBg } = Astro.props;
   data-persona={handle}
   data-handle={displayHandle ?? handle}
   data-name={name}
-  style={avatarBg ? `--feed-av-bg:${avatarBg}` : undefined}
+  style={vars || undefined}
 >
   <!-- filled at runtime by the loader below (lazy, on Posts-cut intersection) — single source: the console -->
   <div id="feed"></div>
@@ -65,6 +71,9 @@ const { handle, name, footer, displayHandle, avatarBg } = Astro.props;
   .rav { flex: none; width: 30px; height: 30px; border-radius: var(--radius-sm); display: grid; place-items: center; font-size: 15px; background: var(--feed-av-bg, #fff); border: 1px solid var(--border); overflow: hidden; }
   .pa :global(svg), .rav :global(svg) { display: block; }
   .pa .mk, .rav .mk { width: 100%; height: 100%; object-fit: cover; display: block; }
+  /* a dark tile must invert in light mode, not stay dark — personas whose avatar ground is a gradient
+     pass avatarBgLight; the rest fall back to their single background. */
+  @media (prefers-color-scheme: light) { .pa, .rav { background: var(--feed-av-bg-light, var(--feed-av-bg, #fff)); } }
 
   .ph { display: flex; align-items: center; gap: 5px; font-size: var(--fs-xs); flex-wrap: wrap; }
   .ph b { font-weight: 600; }