@wix/himalaya-cli 0.1477.0 → 0.1479.0

package/dist/cli.mjs

@@ -653,12 +653,12 @@ function validateDataResources(data, app) {
   }
   return issues;
 }
-function scopePrefix(scope) {
-  return `himi/data/${encodeURIComponent(scope.app)}/${encodeURIComponent(scope.siteId)}/${scope.environment}/`;
+function scopePrefix(scope2) {
+  return `himi/data/${encodeURIComponent(scope2.app)}/${encodeURIComponent(scope2.siteId)}/${scope2.environment}/`;
 }
-function kvResourceKey(scope, store) {
+function kvResourceKey(scope2, store) {
   if (!KV_NAME.test(store)) throw new Error(`KV store name must be lowercase kebab-case: ${JSON.stringify(store)}`);
-  return `${scopePrefix(scope)}kv/${encodeURIComponent(store)}`;
+  return `${scopePrefix(scope2)}kv/${encodeURIComponent(store)}`;
 }
 var WIX_COLLECTION_ID_MAX_LENGTH, SAFE_APP_ID, KV_NAME;
 var init_ownership2 = __esm({
@@ -2956,8 +2956,8 @@ function currentGitUntrackedHash(contentDir2) {
   const absolute = realpathSync.native(unresolved);
   const root = repoRoot(absolute);
   if (!root) return sourceTreeHash(absolute);
-  const scope = relative(root, absolute) || ".";
-  const listed = execFileSync2("git", ["-C", root, "ls-files", "--others", "--exclude-standard", "-z", "--", scope], {
+  const scope2 = relative(root, absolute) || ".";
+  const listed = execFileSync2("git", ["-C", root, "ls-files", "--others", "--exclude-standard", "-z", "--", scope2], {
     encoding: "utf8",
     maxBuffer: GIT_HASH_MAX_BUFFER
   });
@@ -5064,8 +5064,8 @@ function tsExtResolvePlugin() {
     }
   };
 }
-function importMetaUrlPlugin({ scope } = {}) {
-  const scopes = scope ? [.../* @__PURE__ */ new Set([realpathOrSelf(scope), resolve8(scope)])] : [];
+function importMetaUrlPlugin({ scope: scope2 } = {}) {
+  const scopes = scope2 ? [.../* @__PURE__ */ new Set([realpathOrSelf(scope2), resolve8(scope2)])] : [];
   const inScope = (p2) => scopes.some((r3) => p2 === r3 || p2.startsWith(r3 + sep3));
   return {
     name: "himalaya-import-meta-url",
@@ -8127,7 +8127,6 @@ function resolveTranslation(value, catalog3, sourceCatalog) {
 var BINDING_SIGILS, BINDING_SIGIL_RE, TRANSLATION_PREFIX, TRANSLATION_KEY_RE;
 var init_bindings = __esm({
   "../../core/ts/src/bindings.ts"() {
-    "use strict";
     BINDING_SIGILS = ["service", "flag", "item", "t"];
     BINDING_SIGIL_RE = new RegExp(
       `^\\$(?:${BINDING_SIGILS.filter((s2) => s2 !== "t").join("|")})\\b|^\\$t:`
@@ -10054,7 +10053,6 @@ function webViewOriginAllowed(url, origins) {
 }
 var init_webview_origin = __esm({
   "../../core/ts/src/webview-origin.ts"() {
-    "use strict";
   }
 });
 
@@ -11296,10 +11294,10 @@ function makeInert() {
 function withWorkerConsole(base, capture, now) {
   if (!capture) return freshNoopWorkerConsole();
   const sinkBase = { ...base, __himalayaSink: true };
-  const scope = { console: sinkBase };
+  const scope2 = { console: sinkBase };
   try {
     new Function("globalThis", "console", "__himalaya_console_frames", "__himalaya_console_now", WORKER_CONSOLE_SOURCE)(
-      scope,
+      scope2,
       sinkBase,
       BUNDLE_FILENAME,
       now
@@ -11325,7 +11323,7 @@ function withWorkerConsole(base, capture, now) {
       ])
     );
   }
-  return scope.console;
+  return scope2.console;
 }
 function pinnedNow(clock) {
   return clock === void 0 ? void 0 : () => Number(clock);
@@ -16167,9 +16165,9 @@ function ensureUmbrella(contentDir2, globalPath = globalUmbrella()) {
   if (umbrellaInstalled(contentDir2)) return true;
   if (!globalPath) return false;
   try {
-    const scope = join16(contentDir2, "node_modules", "@wix");
-    mkdirSync8(scope, { recursive: true });
-    const link = join16(scope, "himalaya");
+    const scope2 = join16(contentDir2, "node_modules", "@wix");
+    mkdirSync8(scope2, { recursive: true });
+    const link = join16(scope2, "himalaya");
     if (!existsSync16(link)) symlinkSync(globalPath, link, "dir");
     return existsSync16(join16(link, "package.json"));
   } catch {
@@ -20694,6 +20692,20 @@ function hexToRgb2(hex2) {
   const int2 = parseInt(h2, 16);
   return [int2 >> 16 & 255, int2 >> 8 & 255, int2 & 255];
 }
+function activityRingTrack(color, tint, opts = {}) {
+  return color("surfaceTertiary", translucent(tint, ACTIVITY_RING_TRACK_ALPHA, opts.cssMix === true));
+}
+function translucent(color, alpha2, cssMix) {
+  const c2 = color.trim();
+  if (c2.startsWith("#")) return rgba(c2, alpha2);
+  const m2 = /^rgba?\(\s*([\d.]+)\s*[,\s]\s*([\d.]+)\s*[,\s]\s*([\d.]+)\s*(?:[,/]\s*([\d.]+)(%?)\s*)?\)$/i.exec(c2);
+  if (m2) {
+    const own5 = m2[4] === void 0 ? 1 : Number(m2[4]) / (m2[5] === "%" ? 100 : 1);
+    const a2 = Math.round(Math.max(0, Math.min(1, own5)) * alpha2 * 1e3) / 1e3;
+    return `rgba(${Number(m2[1])}, ${Number(m2[2])}, ${Number(m2[3])}, ${a2})`;
+  }
+  return cssMix ? `color-mix(in srgb, ${c2} ${Math.round(alpha2 * 100)}%, transparent)` : `rgba(128, 128, 128, ${alpha2})`;
+}
 function rgba(color, alpha2) {
   let h2 = color.trim().replace(/^#/, "");
   let own5 = 1;
@@ -21050,7 +21062,7 @@ function makeTokenResolvers(source, scheme, idiom = WEB_IDIOM_CONTEXT) {
     scheme
   };
 }
-var REM_ROOT_PX, pxToRem, DEFAULT_FONT_STACK, SYSTEM_FONT_STACK, SERIF_FAMILY_RE, SPRING_MIN_RESPONSE, SPRING_MAX_RESPONSE, SPRING_MIN_DAMPING, SPRING_MAX_DAMPING, clampTo, finite, SPRING_SETTLE_TOLERANCE, SPRING_MAX_SECS, springCurves, WEB_IDIOM_CONTEXT;
+var REM_ROOT_PX, pxToRem, DEFAULT_FONT_STACK, SYSTEM_FONT_STACK, SERIF_FAMILY_RE, ACTIVITY_RING_TRACK_ALPHA, SPRING_MIN_RESPONSE, SPRING_MAX_RESPONSE, SPRING_MIN_DAMPING, SPRING_MAX_DAMPING, clampTo, finite, SPRING_SETTLE_TOLERANCE, SPRING_MAX_SECS, springCurves, WEB_IDIOM_CONTEXT;
 var init_tokens2 = __esm({
   "../../core/web-renderer/src/tokens.ts"() {
     init_idiom();
@@ -21061,6 +21073,7 @@ var init_tokens2 = __esm({
     DEFAULT_FONT_STACK = '"Wix Madefor Text", system-ui';
     SYSTEM_FONT_STACK = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
     SERIF_FAMILY_RE = /\b(georgia|times|garamond|palatino|baskerville|didot|charter|bodoni|caslon|cambria|constantia|rockwell|playfair|merriweather|lora|literata|spectral|serif)\b/i;
+    ACTIVITY_RING_TRACK_ALPHA = 0.2;
     SPRING_MIN_RESPONSE = 0.05;
     SPRING_MAX_RESPONSE = 10;
     SPRING_MIN_DAMPING = 0.1;
@@ -36473,9 +36486,9 @@ function parseTarget(target) {
 async function handleWixGateway(gw, app, adminUrl, req, res, wixClientId) {
   const url = req.url ?? "";
   const path2 = url.split("?")[0];
-  const scope = path2.startsWith("/__dev/wix/") ? "wix" : path2.startsWith("/__dev/net/") ? "net" : null;
-  if (!scope) return false;
-  const suffix = path2.slice(scope === "wix" ? "/__dev/wix/".length : "/__dev/net/".length);
+  const scope2 = path2.startsWith("/__dev/wix/") ? "wix" : path2.startsWith("/__dev/net/") ? "net" : null;
+  if (!scope2) return false;
+  const suffix = path2.slice(scope2 === "wix" ? "/__dev/wix/".length : "/__dev/net/".length);
   const method = (req.method ?? "GET").toUpperCase();
   if (suffix === "events" && method === "GET") {
     res.writeHead(200, {
@@ -36529,7 +36542,7 @@ data: ${JSON.stringify({ mode: gw.mode })}
       return json(res, 400, { error: "invalid_json" }), true;
     }
   }
-  if (scope === "wix" && suffix === "frog" && method === "POST") {
+  if (scope2 === "wix" && suffix === "frog" && method === "POST") {
     const body = await readBody(req).catch(() => "");
     recordWixTraffic(gw, app, adminUrl, {
       ts: Date.now(),
@@ -36579,7 +36592,7 @@ data: ${JSON.stringify({ mode: gw.mode })}
     return json(res, 200, { mode: gw.mode, rows: gw.traffic.slice(-limit) }), true;
   }
   if (suffix === "proxy") {
-    const hdr = (n2) => req.headers[`x-himalaya-${scope}-${n2}`] ?? "";
+    const hdr = (n2) => req.headers[`x-himalaya-${scope2}-${n2}`] ?? "";
     const target = hdr("target");
     const upstreamMethod = (hdr("method") || method).toUpperCase();
     const capability = hdr("capability") || void 0;
@@ -36672,7 +36685,7 @@ data: ${JSON.stringify({ mode: gw.mode })}
       status = 0;
       respText = JSON.stringify({ gatewayError: String(e2?.message ?? e2) });
     }
-    if (scope === "wix" && (status === 401 || status === 403)) {
+    if (scope2 === "wix" && (status === 401 || status === 403)) {
       try {
         const vt2 = await mintVisitor(wixClientId ?? WIX_DEV_CLIENT_ID);
         const retryHeaders = {};
@@ -38745,10 +38758,10 @@ function buildOpenApi(descriptors) {
     } : { "200": { description: "ok" } };
     paths[p2] = { [method]: { summary: summary2, responses } };
   }
-  for (const scope of ["net", "wix"]) {
-    paths[`/__dev/${scope}/rules`] = {
-      get: { summary: `Get ${scope} gateway rules.`, responses: { "200": { description: "rules" } } },
-      put: { summary: `Replace ${scope} gateway rules.`, responses: { "200": { description: "ok" }, "400": { description: "invalid_json" } } }
+  for (const scope2 of ["net", "wix"]) {
+    paths[`/__dev/${scope2}/rules`] = {
+      get: { summary: `Get ${scope2} gateway rules.`, responses: { "200": { description: "rules" } } },
+      put: { summary: `Replace ${scope2} gateway rules.`, responses: { "200": { description: "ok" }, "400": { description: "invalid_json" } } }
     };
   }
   return {
@@ -39761,8 +39774,8 @@ var init_bindings2 = __esm({
       const arr2 = local ? ctx.itemScope?.[itemsPath.slice("$item.".length)] : bound;
       const items = Array.isArray(arr2) ? arr2 : [];
       return /* @__PURE__ */ jsx3(Fragment, { children: items.map((item, i2) => {
-        const scope = item && typeof item === "object" ? { ...item, __index: i2 } : { value: item, __index: i2 };
-        const itemCtx = { ...ctx, itemScope: scope };
+        const scope2 = item && typeof item === "object" ? { ...item, __index: i2 } : { value: item, __index: i2 };
+        const itemCtx = { ...ctx, itemScope: scope2 };
         const key3 = item?.id ?? i2;
         return /* @__PURE__ */ jsx3(React2.Fragment, { children: renderRow(template, itemCtx) }, String(key3));
       }) });
@@ -39770,6 +39783,25 @@ var init_bindings2 = __esm({
   }
 });
 
+// ../../core/web-renderer/src/snackbarTiming.ts
+function snackbarAutoHideMs(durationMs) {
+  const ms2 = typeof durationMs === "number" && Number.isFinite(durationMs) ? durationMs : SNACKBAR_DEFAULT_DURATION_MS;
+  return ms2 > 0 ? ms2 : void 0;
+}
+function snackbarIdentity(props) {
+  return JSON.stringify(
+    [props.message ?? null, props.severity ?? null, props.action ?? null, props.actionLabel ?? null, props.durationMs ?? null],
+    (_key, value) => value && typeof value === "object" && !Array.isArray(value) ? Object.fromEntries(Object.keys(value).sort().map((key3) => [key3, value[key3]])) : value
+  );
+}
+var SNACKBAR_DEFAULT_DURATION_MS, SNACKBAR_FADE_MS;
+var init_snackbarTiming = __esm({
+  "../../core/web-renderer/src/snackbarTiming.ts"() {
+    SNACKBAR_DEFAULT_DURATION_MS = 4e3;
+    SNACKBAR_FADE_MS = 200;
+  }
+});
+
 // ../../core/web-renderer/src/formBag.ts
 import React3 from "react";
 function hasContributed(bag, fieldId) {
@@ -41443,8 +41475,97 @@ var init_mediaFieldUpload = __esm({
   }
 });
 
-// ../../core/web-renderer/src/a11y/controls.tsx
+// ../../core/web-renderer/src/a11y/radioGroups.ts
+function createRadioGroups() {
+  const owners = /* @__PURE__ */ new Map();
+  const members = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  let seq = 0;
+  const emit = () => {
+    for (const l2 of [...listeners]) l2();
+  };
+  return {
+    /** A fresh member identity — per mounted radio, not per component id (rows of one bound
+     *  template share an id and must each be their own member). */
+    newMember() {
+      seq += 1;
+      return `radio-${seq}`;
+    },
+    owner(group) {
+      return owners.get(group);
+    },
+    select(group, member) {
+      if (owners.get(group) === member) return;
+      owners.set(group, member);
+      emit();
+    },
+    /** A mount may seed an empty group, but never replaces a live choice. */
+    claimInitial(group, member, value) {
+      if (value && owners.get(group) === void 0) this.select(group, member);
+    },
+    join(group) {
+      members.set(group, (members.get(group) ?? 0) + 1);
+    },
+    /** `member` leaves `group`. The group's choice is forgotten when the departing member IS the
+     *  chosen radio (an owner that no longer exists would leave the group stuck — no live member
+     *  could ever be chosen again without a tap), or when no member is left. */
+    leave(group, member) {
+      const left = (members.get(group) ?? 1) - 1;
+      if (left > 0) members.set(group, left);
+      else members.delete(group);
+      if ((left <= 0 || owners.get(group) === member) && owners.delete(group)) emit();
+    },
+    /** The DESCRIPTOR (or worker) moved `member`'s value — not a press. Turning true takes the
+     *  group's choice; turning false while it holds the choice releases it. Without this a choice
+     *  the worker moved elsewhere stayed with the old radio, and a group-mate that remounted
+     *  selected was turned off by it. Called on CHANGES only: a radio mounting is not a change,
+     *  so a lazy row scrolling back in cannot steal a choice made by a tap since. */
+    adopt(group, member, value) {
+      if (value) {
+        this.select(group, member);
+        return;
+      }
+      if (owners.get(group) === member && owners.delete(group)) emit();
+    },
+    subscribe(l2) {
+      listeners.add(l2);
+      return () => {
+        listeners.delete(l2);
+      };
+    },
+    /** True when `member` must turn off: its group has a chosen radio and it is another one. */
+    deselects(owner, member) {
+      return owner != null && owner !== member;
+    },
+    /** Tests only — forget every group. */
+    reset() {
+      owners.clear();
+      members.clear();
+    }
+  };
+}
+var radioGroups;
+var init_radioGroups = __esm({
+  "../../core/web-renderer/src/a11y/radioGroups.ts"() {
+    radioGroups = createRadioGroups();
+  }
+});
+
+// ../../core/web-renderer/src/a11y/radioGroupScope.tsx
 import React6 from "react";
+var scope, RadioGroupScope, useRadioGroups;
+var init_radioGroupScope = __esm({
+  "../../core/web-renderer/src/a11y/radioGroupScope.tsx"() {
+    "use strict";
+    init_radioGroups();
+    scope = React6.createContext(radioGroups);
+    RadioGroupScope = scope.Provider;
+    useRadioGroups = () => React6.useContext(scope);
+  }
+});
+
+// ../../core/web-renderer/src/a11y/controls.tsx
+import React7 from "react";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function labelText(label3, ctx) {
   if (typeof label3 === "string" && isBinding(label3)) {
@@ -41453,6 +41574,10 @@ function labelText(label3, ctx) {
   }
   return asText2(label3);
 }
+function sliderShouldEmit(lastEmit, now, debounceMs) {
+  if (typeof debounceMs !== "number" || !(debounceMs > 0)) return false;
+  return lastEmit === void 0 || now - lastEmit >= debounceMs;
+}
 function resolveRowAction(action, ctx) {
   const resolved2 = resolveItemDeep(action, ctx);
   if (!resolved2 || typeof resolved2 !== "object" || Array.isArray(resolved2)) return resolved2;
@@ -41473,6 +41598,7 @@ var init_controls = __esm({
     init_bindings2();
     init_icons();
     init_formBag();
+    init_radioGroupScope();
     init_form_bag();
     useResolvedId = (v2, ctx) => {
       const r3 = useResolvedScalar(typeof v2 === "string" ? v2 : void 0, ctx);
@@ -41484,25 +41610,25 @@ var init_controls = __esm({
       const C2 = ctx.color;
       const bound = useResolvedScalar(props.valuePath, ctx);
       const resolved2 = ctx.empty ? false : props.valuePath != null ? encodeToggleFieldValue(bound) === "true" : encodeToggleFieldValue(props.value, props.on === true) === "true";
-      const bag = React6.useContext(FormValuesContext);
+      const bag = React7.useContext(FormValuesContext);
       const fieldId = props.__formFieldId;
       const inForm = Boolean(bag && fieldId);
-      const [formOn, setFormOn] = React6.useState(null);
-      const touchedField = React6.useRef(void 0);
-      React6.useEffect(() => {
+      const [formOn, setFormOn] = React7.useState(null);
+      const touchedField = React7.useRef(void 0);
+      React7.useEffect(() => {
         if (bag && fieldId && touchedField.current === fieldId) bag.set(fieldId, encodeToggleFieldValue(resolved2));
         setFormOn(null);
       }, [resolved2]);
       const toggleServiceBound = typeof props.valuePath === "string" && props.valuePath.startsWith("$service:");
       const toggleReady = !toggleServiceBound || bound !== void 0;
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         if (!bag || !fieldId) return;
         if (!toggleReady && !hasContributed(bag, fieldId)) return;
         bag.set(fieldId, encodeToggleFieldValue(resolved2));
       }, [toggleReady, resolved2, fieldId, bag]);
       const on4 = inForm && touchedField.current === fieldId && formOn !== null ? formOn : resolved2;
       const ruleKey = props.validation ? JSON.stringify(props.validation) : "";
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         if (!bag || !fieldId) return;
         bag.register(fieldId, props.validation);
         return () => bag.unregister(fieldId);
@@ -41562,21 +41688,26 @@ var init_controls = __esm({
       const tint = C2(props.tint ?? "accentPrimary", "#116DFF");
       const step = typeof props.step === "number" && props.step > 0 ? props.step : (max - min) / 100 || 0.01;
       const range = props.range === true && typeof props.upperValue === "number";
-      const [val, setVal] = React6.useState(bound);
-      React6.useEffect(() => {
+      const [val, setVal] = React7.useState(bound);
+      const latestValue = React7.useRef(bound);
+      const dragging = React7.useRef(false);
+      React7.useEffect(() => {
+        if (dragging.current) return;
+        latestValue.current = bound;
         setVal(bound);
       }, [bound]);
-      const dragging = React6.useRef(false);
+      const lastEmit = React7.useRef(void 0);
       const canFire = !!(ctx.onAction && props.onChange && !props.disabled);
       const commit = (nv) => {
+        latestValue.current = nv;
         setVal(nv);
         if (!canFire) return;
         const act = resolveRowAction(props.onChange, ctx);
         ctx.onAction({ ...act, args: { ...act.args ?? {}, value: nv } });
       };
       const clampPct = (n2) => max > min ? Math.max(0, Math.min(1, (n2 - min) / (max - min))) : 0;
-      const [pair, setPair] = React6.useState(() => [Math.min(bound, props.upperValue ?? bound), Math.max(bound, props.upperValue ?? bound)]);
-      React6.useEffect(() => {
+      const [pair, setPair] = React7.useState(() => [Math.min(bound, props.upperValue ?? bound), Math.max(bound, props.upperValue ?? bound)]);
+      React7.useEffect(() => {
         if (range) setPair([Math.min(bound, props.upperValue), Math.max(bound, props.upperValue)]);
       }, [range, bound, props.upperValue]);
       if (range) {
@@ -41673,17 +41804,33 @@ var init_controls = __esm({
         if (nv === void 0) return;
         dragging.current = true;
         e2.currentTarget.setPointerCapture?.(e2.pointerId);
+        latestValue.current = nv;
         setVal(nv);
       };
       const onPointerMove = (e2) => {
         if (!dragging.current) return;
         const nv = valueAt(e2);
-        if (nv !== void 0) setVal(nv);
+        if (nv === void 0) return;
+        latestValue.current = nv;
+        setVal(nv);
+        const now = Date.now();
+        if (canFire && sliderShouldEmit(lastEmit.current, now, props.debounceMs)) {
+          lastEmit.current = now;
+          const act = resolveRowAction(props.onChange, ctx);
+          ctx.onAction({ ...act, args: { ...act.args ?? {}, value: nv } });
+        }
       };
       const onPointerUp = (e2) => {
         if (!dragging.current) return;
         dragging.current = false;
-        commit(valueAt(e2) ?? val);
+        lastEmit.current = void 0;
+        commit(valueAt(e2) ?? latestValue.current);
+      };
+      const endDragWithoutRelease = () => {
+        if (!dragging.current) return;
+        dragging.current = false;
+        lastEmit.current = void 0;
+        commit(latestValue.current);
       };
       return /* @__PURE__ */ jsx7("div", { ...{ [A11Y_PART]: "root" }, style: { width: "100%", padding: "12px 9px", boxSizing: "border-box", opacity: props.disabled ? 0.5 : 1, ...wrap }, children: /* @__PURE__ */ jsx7(
         "div",
@@ -41701,6 +41848,8 @@ var init_controls = __esm({
           onPointerDown,
           onPointerMove,
           onPointerUp,
+          onPointerCancel: endDragWithoutRelease,
+          onLostPointerCapture: endDragWithoutRelease,
           style: { position: "relative", height: 18, display: "flex", alignItems: "center", outlineOffset: 4, cursor: props.disabled ? "default" : "pointer", touchAction: "pan-y" },
           children: /* @__PURE__ */ jsxs4("div", { style: { position: "relative", height: 4, width: "100%", borderRadius: 999, background: C2("surfaceTertiary", "#e3e6ea") }, children: [
             /* @__PURE__ */ jsx7("div", { style: { position: "absolute", left: 0, width: `${pct * 100}%`, top: 0, bottom: 0, borderRadius: 999, background: tint } }),
@@ -41710,17 +41859,53 @@ var init_controls = __esm({
       ) });
     };
     A11ySelectionControl = ({ props, ctx, wrap }) => {
+      const radioGroups2 = useRadioGroups();
       const C2 = ctx.color;
       const isRadio = props.kind === "radio";
       const boundValue = useResolvedScalar(props.valuePath, ctx);
       const raw = props.valuePath != null ? boundValue : props.value;
-      const on4 = ctx.empty ? false : raw === true;
+      const groupId = isRadio && typeof props.groupId === "string" && props.groupId !== "" ? props.groupId : void 0;
+      const [local, setLocal] = React7.useState(void 0);
+      React7.useEffect(() => {
+        setLocal(void 0);
+      }, [raw, radioGroups2, groupId]);
+      const localValue2 = local?.registry === radioGroups2 && local.groupId === groupId ? local.value : void 0;
+      const on4 = ctx.empty ? false : localValue2 ?? raw === true;
+      const member = React7.useMemo(() => radioGroups2.newMember(), [radioGroups2]);
+      const owner = React7.useSyncExternalStore(
+        radioGroups2.subscribe,
+        () => groupId ? radioGroups2.owner(groupId) : void 0,
+        () => void 0
+      );
+      React7.useEffect(() => {
+        if (!groupId) return;
+        radioGroups2.join(groupId);
+        return () => radioGroups2.leave(groupId, member);
+      }, [radioGroups2, groupId, member]);
+      const seenRaw = React7.useRef(null);
+      React7.useEffect(() => {
+        const prev = seenRaw.current;
+        seenRaw.current = { raw, groupId, registry: radioGroups2 };
+        if (!groupId) return;
+        if (prev === null || prev.groupId !== groupId || prev.registry !== radioGroups2) {
+          radioGroups2.claimInitial(groupId, member, raw === true);
+        } else if (prev.raw !== raw) {
+          radioGroups2.adopt(groupId, member, raw === true);
+        }
+      }, [radioGroups2, raw, groupId, member]);
+      React7.useEffect(() => {
+        if (groupId && radioGroups2.deselects(radioGroups2.owner(groupId), member)) setLocal({ value: false, registry: radioGroups2, groupId });
+      }, [radioGroups2, owner, member, groupId]);
       const accent = C2("accentPrimary", "#116DFF");
       const fire = ctx.onAction && props.onChange && !props.disabled ? (e2) => {
         e2?.stopPropagation?.();
         const act = resolveRowAction(props.onChange, ctx);
         const next = isRadio ? true : !on4;
-        ctx.onAction({ ...act, args: { ...act.args ?? {}, value: next } });
+        if (isRadio) {
+          setLocal({ value: true, registry: radioGroups2, groupId });
+          if (groupId) radioGroups2.select(groupId, member);
+        }
+        ctx.onAction({ ...act, args: { ...act.args ?? {}, value: next, ...groupId ? { groupId } : {} } });
       } : void 0;
       const indeterminate = !isRadio && props.indeterminate === true && !on4;
       const marked = on4 || indeterminate;
@@ -41780,8 +41965,8 @@ var init_controls = __esm({
       const selectedId = useResolvedId(props.selectedId, ctx);
       const tabs = Array.isArray(boundTabs) && boundTabs.length ? boundTabs : Array.isArray(props.tabs) ? props.tabs : [];
       const pages2 = props.style === "swipe" ? props.swipePages : void 0;
-      const [local, setLocal] = React6.useState(void 0);
-      React6.useEffect(() => {
+      const [local, setLocal] = React7.useState(void 0);
+      React7.useEffect(() => {
         setLocal(void 0);
       }, [selectedId]);
       const current = local != null && tabs.some((t2) => t2.id === local) ? local : selectedId;
@@ -41801,15 +41986,15 @@ var init_controls = __esm({
         e2.preventDefault();
         if (ni2 !== selIdx) select2(ni2);
       };
-      const pagerRef = React6.useRef(null);
-      const settle = React6.useRef(void 0);
-      React6.useEffect(() => {
+      const pagerRef = React7.useRef(null);
+      const settle = React7.useRef(void 0);
+      React7.useEffect(() => {
         const el2 = pagerRef.current;
         if (!el2 || !el2.clientWidth) return;
         const x2 = selIdx * el2.clientWidth;
         if (Math.abs(el2.scrollLeft - x2) > 1) el2.scrollTo?.({ left: x2, behavior: "smooth" });
       }, [selIdx, pages2]);
-      React6.useEffect(() => () => clearTimeout(settle.current), []);
+      React7.useEffect(() => () => clearTimeout(settle.current), []);
       const onPagerScroll = () => {
         clearTimeout(settle.current);
         settle.current = setTimeout(() => {
@@ -41920,7 +42105,7 @@ var init_controls = __esm({
       const expanded = useResolvedScalar(props.expandedPath ?? props.expanded, ctx);
       const open = expanded === true;
       const fire = ctx.onAction && props.onToggle ? () => ctx.onAction(resolveRowAction(props.onToggle, ctx)) : void 0;
-      const regionId = React6.useMemo(() => `himi-disclosure-${++disclosureSeq}`, []);
+      const regionId = React7.useMemo(() => `himi-disclosure-${++disclosureSeq}`, []);
       return /* @__PURE__ */ jsxs4("div", { style: { width: "100%", ...wrap }, children: [
         /* @__PURE__ */ jsxs4(
           "button",
@@ -41939,7 +42124,7 @@ var init_controls = __esm({
             ]
           }
         ),
-        /* @__PURE__ */ jsx7("div", { id: regionId, role: "region", hidden: !open, style: open ? { padding: "2px 2px 8px 24px" } : void 0, children: open && (Array.isArray(props.content) ? props.content.map((c2, i2) => /* @__PURE__ */ jsx7(React6.Fragment, { children: renderChild(c2) }, c2?.id ?? i2)) : renderChild(props.content)) })
+        /* @__PURE__ */ jsx7("div", { id: regionId, role: "region", hidden: !open, style: open ? { padding: "2px 2px 8px 24px" } : void 0, children: open && (Array.isArray(props.content) ? props.content.map((c2, i2) => /* @__PURE__ */ jsx7(React7.Fragment, { children: renderChild(c2) }, c2?.id ?? i2)) : renderChild(props.content)) })
       ] });
     };
   }
@@ -42016,10 +42201,10 @@ function sync() {
   const all = live();
   if (!all.length) return;
   const levels = /* @__PURE__ */ new Set();
-  for (const scope of new Set(all.map((l2) => l2.scope))) {
-    const top = topOf(all.filter((l2) => l2.scope === scope), all);
+  for (const scope2 of new Set(all.map((l2) => l2.scope))) {
+    const top = topOf(all.filter((l2) => l2.scope === scope2), all);
     let node = top.el;
-    while (node !== scope && node.parentElement) {
+    while (node !== scope2 && node.parentElement) {
       const parent = node.parentElement;
       levels.add(parent);
       for (const sibling of Array.from(parent.children)) {
@@ -43053,7 +43238,7 @@ var init_rich_text_field = __esm({
 });
 
 // ../../core/web-renderer/src/richContent.tsx
-import React8 from "react";
+import React9 from "react";
 import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function richContentFollow(ctx, onLink) {
   return (url) => {
@@ -43158,7 +43343,7 @@ function Block({ b: b2, env, depth }) {
         minHeight: b2.spans.length ? void 0 : "1.5em"
       }, children: /* @__PURE__ */ jsx9(Spans, { spans: b2.spans, env }) });
     case "heading":
-      return React8.createElement(
+      return React9.createElement(
         `h${b2.level}`,
         { ...tid(env, b2.id, b2.kind), style: textStyle(ctx, RICH_CONTENT_HEADING_TOKENS[b2.level - 1], text9) },
         /* @__PURE__ */ jsx9(Spans, { spans: b2.spans, env })
@@ -123974,7 +124159,7 @@ __export(pdfDocument_exports, {
   PdfDocument: () => PdfDocument,
   destroyPdfDocumentLoad: () => destroyPdfDocumentLoad
 });
-import React9 from "react";
+import React10 from "react";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 async function loadPdfDocument(src, ownerDocument) {
   const [pdfjs, pdfWorkerAsset] = await Promise.all([
@@ -123993,18 +124178,18 @@ async function destroyPdfDocumentLoad(loading) {
   }
 }
 function PdfDocument({ src, nativeSrc, title, height, startPage, zoomPercent, style, onPageCount, onFallback, loadDocument = loadPdfDocument }) {
-  const [pages2, setPages] = React9.useState(0);
-  const [failedRequest, setFailedRequest] = React9.useState(null);
+  const [pages2, setPages] = React10.useState(0);
+  const [failedRequest, setFailedRequest] = React10.useState(null);
   const request = JSON.stringify([src, zoomPercent]);
   const failed3 = failedRequest === request;
-  const containerRef = React9.useRef(null);
-  const frameRef = React9.useRef(null);
-  const startPageRef = React9.useRef(startPage);
+  const containerRef = React10.useRef(null);
+  const frameRef = React10.useRef(null);
+  const startPageRef = React10.useRef(startPage);
   startPageRef.current = startPage;
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (failed3) onFallback?.();
   }, [failed3, onFallback]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     const frame2 = frameRef.current;
     const page = Math.min(pages2, Math.max(1, Math.floor(startPage ?? 1) || 1));
     const canvas = pages2 ? containerRef.current?.querySelector(`[data-pdf-page="${page}"]`) : null;
@@ -124013,7 +124198,7 @@ function PdfDocument({ src, nativeSrc, title, height, startPage, zoomPercent, st
     const scale = frame2.offsetHeight > 0 && box.height > 0 ? box.height / frame2.offsetHeight : 1;
     frame2.scrollTop += (canvas.getBoundingClientRect().top - box.top) / scale;
   }, [startPage, pages2]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     let live3 = true;
     let loading;
     const container = containerRef.current;
@@ -124075,7 +124260,7 @@ var init_pdfDocument = __esm({
 });
 
 // ../../core/web-renderer/src/renderNode.tsx
-import React10 from "react";
+import React11 from "react";
 import { createPortal } from "react-dom";
 import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function boundTokenName(path2, fallback, ctx) {
@@ -124167,8 +124352,8 @@ function isNumericLike(s2) {
   return NUMERIC_TEXT.test(s2.trim());
 }
 function useValueSwap(value, enabled) {
-  const prev = React10.useRef(value);
-  const gen = React10.useRef(0);
+  const prev = React11.useRef(value);
+  const gen = React11.useRef(0);
   if (prev.current !== value) {
     if (enabled && prev.current !== void 0 && value !== void 0) gen.current += 1;
     prev.current = value;
@@ -124236,9 +124421,9 @@ function revealOnFocusStyle(C2) {
   };
 }
 function FormFieldLabelIdScope({ render, fieldKey, ...extras }) {
-  const id = React10.useId().replace(/[^A-Za-z0-9_-]/g, "");
+  const id = React11.useId().replace(/[^A-Za-z0-9_-]/g, "");
   const el2 = render(`${fieldKey ? `${fieldKey}-` : ""}auto-${id}`);
-  return Object.keys(extras).length ? React10.cloneElement(el2, extras) : el2;
+  return Object.keys(extras).length ? React11.cloneElement(el2, extras) : el2;
 }
 function formFieldA11y(props) {
   const labelledBy = props.__labelledBy;
@@ -124862,9 +125047,9 @@ function sectionSlot(raw) {
   }
 }
 function useLoadingTiming(target, graceMs, floorMs) {
-  const [shown2, setShown] = React10.useState(() => target === "loading" && graceMs > 0 ? "pending" : target);
-  const loadingSince = React10.useRef(shown2 === "loading" ? Date.now() : null);
-  React10.useEffect(() => {
+  const [shown2, setShown] = React11.useState(() => target === "loading" && graceMs > 0 ? "pending" : target);
+  const loadingSince = React11.useRef(shown2 === "loading" ? Date.now() : null);
+  React11.useEffect(() => {
     if (target === shown2) return void 0;
     if (target === "loading") {
       if (graceMs <= 0) {
@@ -124903,8 +125088,8 @@ function autoGrowBox(contentHeight, lineHeight, verticalPadding, maxLines) {
 function PreviewMenuOverlay({ label: label3, dialogRef, preview, ctx, onClose, anchorHost, children }) {
   const host = anchorHost?.closest(`[${MODAL_SCOPE_ATTR}]`) ?? (typeof document !== "undefined" ? document.body : null);
   const reduce = ctx.reduceMotion();
-  const [shown2, setShown] = React10.useState(reduce);
-  React10.useEffect(() => {
+  const [shown2, setShown] = React11.useState(reduce);
+  React11.useEffect(() => {
     if (reduce || typeof requestAnimationFrame !== "function") {
       setShown(true);
       return;
@@ -124913,7 +125098,7 @@ function PreviewMenuOverlay({ label: label3, dialogRef, preview, ctx, onClose, a
     return () => cancelAnimationFrame(raf);
   }, [reduce]);
   const inScope = host != null && host !== host.ownerDocument.body;
-  const previewCtx = React10.useMemo(() => ctx.onAction ? { ...ctx, onAction: (a2) => {
+  const previewCtx = React11.useMemo(() => ctx.onAction ? { ...ctx, onAction: (a2) => {
     onClose();
     ctx.onAction(a2);
   } } : ctx, [ctx, onClose]);
@@ -124980,7 +125165,7 @@ function youtubeId(item) {
   }
 }
 function useResolvedMediaItems(items, ctx) {
-  const paths = React10.useMemo(() => {
+  const paths = React11.useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const it2 of items) {
       if (!it2 || typeof it2 !== "object") continue;
@@ -124992,17 +125177,17 @@ function useResolvedMediaItems(items, ctx) {
     return [...set];
   }, [items]);
   const key3 = paths.join("\0");
-  const [values, setValues] = React10.useState(() => {
+  const [values, setValues] = React11.useState(() => {
     const seed2 = {};
     if (ctx.provider) for (const p2 of paths) seed2[p2] = ctx.provider.value(p2);
     return seed2;
   });
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     if (!ctx.provider || paths.length === 0) return;
     const unsubs = paths.map((p2) => ctx.provider.subscribe(p2, (v2) => setValues((prev) => prev[p2] === v2 ? prev : { ...prev, [p2]: v2 })));
     return () => unsubs.forEach((u2) => u2());
   }, [ctx.provider, key3]);
-  return React10.useMemo(() => items.map((it2) => {
+  return React11.useMemo(() => items.map((it2) => {
     if (!it2 || typeof it2 !== "object") return it2;
     let out2 = null;
     for (const f2 of MEDIA_ITEM_BINDABLE) {
@@ -125030,8 +125215,8 @@ function sourceZoomPercent(fragment) {
   return Number.isFinite(zoom) && zoom > 0 ? zoom : void 0;
 }
 function cloneWithKids(el2, props, kids3) {
-  if (kids3 === el2.props.children) return React10.cloneElement(el2, props);
-  return React10.cloneElement(el2, props, ...Array.isArray(kids3) ? kids3 : [kids3]);
+  if (kids3 === el2.props.children) return React11.cloneElement(el2, props);
+  return React11.cloneElement(el2, props, ...Array.isArray(kids3) ? kids3 : [kids3]);
 }
 function editA11yParts(node, edit) {
   if (Array.isArray(node)) {
@@ -125043,7 +125228,7 @@ function editA11yParts(node, edit) {
     });
     return changed ? out2 : node;
   }
-  if (!React10.isValidElement(node) || typeof node.type !== "string") return node;
+  if (!React11.isValidElement(node) || typeof node.type !== "string") return node;
   const own5 = node.props;
   if (own5["data-component-id"] != null) return node;
   const part3 = own5[A11Y_PART];
@@ -125087,8 +125272,8 @@ function isNativeInteractiveElement(el2) {
   return typeof el2.type === "string" && (["button", "input", "select", "textarea"].includes(el2.type) || el2.type === "a" && typeof props.href === "string");
 }
 function hasInteractiveReactDescendant(el2) {
-  return React10.Children.toArray(el2.props.children).some((child) => {
-    if (!React10.isValidElement(child)) return false;
+  return React11.Children.toArray(el2.props.children).some((child) => {
+    if (!React11.isValidElement(child)) return false;
     if (isNativeInteractiveElement(child)) return true;
     const props = child.props;
     if (typeof child.type === "string" && typeof props.role === "string" && INTERACTIVE_ROLES.has(props.role)) return true;
@@ -125164,8 +125349,8 @@ function trackActivatorName(activator) {
   activatorNameObservers.set(activator, observer);
 }
 function TapActivator({ label: label3, state, tabIndex = 0, role = "button", hint, initialFocus }) {
-  const ref = React10.useRef(null);
-  const hintId = `hm-tap-hint${React10.useId()}`;
+  const ref = React11.useRef(null);
+  const hintId = `hm-tap-hint${React11.useId()}`;
   useIsomorphicLayoutEffect(() => {
     const el2 = ref.current;
     if (!el2 || label3) return;
@@ -125204,9 +125389,9 @@ function TapActivator({ label: label3, state, tabIndex = 0, role = "button", hin
 function withExtras(name, render) {
   const Wrapped = ({ props, ctx, wrap, nodeId, gap, ...pass }) => {
     const el2 = render({ props, ctx, wrap, nodeId, gap, nodeExtras: pass });
-    if (!React10.isValidElement(el2)) return /* @__PURE__ */ jsx11(Fragment4, { children: el2 });
+    if (!React11.isValidElement(el2)) return /* @__PURE__ */ jsx11(Fragment4, { children: el2 });
     if (el2.props[NODE_EXTRAS_TARGET] === "bottom-drawer-panel") {
-      return React10.cloneElement(el2, { [NODE_EXTRAS_TARGET]: void 0 });
+      return React11.cloneElement(el2, { [NODE_EXTRAS_TARGET]: void 0 });
     }
     const additive = addIntrinsicPadding(el2.props.style, wrap ?? {});
     const inferredDecorative = el2.props[INFERRED_DECORATIVE] === true;
@@ -125226,7 +125411,7 @@ function withExtras(name, render) {
         }, hasA11yParts ? editA11yParts(kids3, a11yPartEdit({}, false, () => {
         })) : kids3));
       }
-      return withCircleClipBorder(additive ? React10.cloneElement(el2, { style: additive }) : el2);
+      return withCircleClipBorder(additive ? React11.cloneElement(el2, { style: additive }) : el2);
     }
     const prev = el2.props;
     const next = { ...pass };
@@ -125327,7 +125512,7 @@ function withExtras(name, render) {
       }
       return withCircleClipBorder(cloneWithKids(el2, next, kids3));
     }
-    return withCircleClipBorder(React10.cloneElement(el2, next));
+    return withCircleClipBorder(React11.cloneElement(el2, next));
   };
   Wrapped.displayName = name;
   return Wrapped;
@@ -125435,7 +125620,7 @@ function overlayEdgeStyle(edge, gap) {
 }
 function useFlippedEdge(edge, open, bubbleRef, anchorRef, gap = TOOLTIP_GAP) {
   const initial = { edge, x: 0, y: 0, maxWidth: Infinity };
-  const [placed, setPlaced] = React10.useState(initial);
+  const [placed, setPlaced] = React11.useState(initial);
   useIsomorphicLayoutEffect(() => {
     if (!open) {
       setPlaced((previous) => previous.edge === edge && previous.x === 0 && previous.y === 0 && previous.maxWidth === Infinity ? previous : initial);
@@ -125984,10 +126169,10 @@ function calKeyActivate(enabled, activate) {
 function focusRootOf(el2) {
   return el2.closest(`[${MODAL_SCOPE_ATTR}]`) ?? el2.ownerDocument.body;
 }
-function focusBelongsTo(active, scope) {
+function focusBelongsTo(active, scope2) {
   if (active == null || active === active.ownerDocument.body) return true;
   const from = focusRootOf(active);
-  return from === focusRootOf(scope) || from === active.ownerDocument.body;
+  return from === focusRootOf(scope2) || from === active.ownerDocument.body;
 }
 function focusRootState(root) {
   let state = focusRoots.get(root);
@@ -125997,13 +126182,13 @@ function focusRootState(root) {
   }
   return state;
 }
-function restoreFocusOnDismiss(scope, opener) {
-  const doc = scope.ownerDocument;
+function restoreFocusOnDismiss(scope2, opener) {
+  const doc = scope2.ownerDocument;
   const Observer = doc.defaultView?.MutationObserver;
   if (!Observer) return;
-  const root = focusRootOf(scope);
+  const root = focusRootOf(scope2);
   const state = focusRootState(root);
-  state.openers.set(scope, opener);
+  state.openers.set(scope2, opener);
   if (state.observer) return;
   const observer = new Observer(() => {
     for (const [s2, o2] of state.openers) {
@@ -126032,11 +126217,11 @@ function ensureInitialFocusRuntime() {
     let presented;
     let presentedScope = null;
     for (const t2 of fresh) {
-      const scope = t2.closest(PRESENTED_SCOPE);
-      if (!scope || active && scope.contains(active)) continue;
-      if (!unplaced && !focusBelongsTo(active, scope)) continue;
+      const scope2 = t2.closest(PRESENTED_SCOPE);
+      if (!scope2 || active && scope2.contains(active)) continue;
+      if (!unplaced && !focusBelongsTo(active, scope2)) continue;
       presented = t2;
-      presentedScope = scope;
+      presentedScope = scope2;
     }
     for (const t2 of fresh) focusRootState(focusRootOf(t2)).seen.add(t2);
     const el2 = presented ?? (unplaced ? fresh[0] : void 0);
@@ -126051,13 +126236,13 @@ function ensureInitialFocusRuntime() {
 }
 function enterAuthoredOrderOnTab(target) {
   const doc = target.ownerDocument;
-  const scope = target.closest(PRESENTED_SCOPE);
+  const scope2 = target.closest(PRESENTED_SCOPE);
   const renderRoot = focusRootOf(target);
-  const root = scope ?? renderRoot;
+  const root = scope2 ?? renderRoot;
   const onKeyDown = (e2) => {
     if (e2.key !== "Tab" || e2.shiftKey || e2.altKey || e2.ctrlKey || e2.metaKey || e2.defaultPrevented || e2.target !== target) return;
     if (target.tabIndex > 0) return;
-    const ordered = Array.from(root.querySelectorAll("[tabindex]")).filter((c2) => c2.tabIndex > 0 && c2.closest(PRESENTED_SCOPE) === scope && focusRootOf(c2) === renderRoot).sort((a2, b2) => a2.tabIndex - b2.tabIndex);
+    const ordered = Array.from(root.querySelectorAll("[tabindex]")).filter((c2) => c2.tabIndex > 0 && c2.closest(PRESENTED_SCOPE) === scope2 && focusRootOf(c2) === renderRoot).sort((a2, b2) => a2.tabIndex - b2.tabIndex);
     for (const c2 of ordered) {
       c2.focus();
       if (doc.activeElement === c2) {
@@ -126207,7 +126392,7 @@ function renderNodeInner(node, ctx) {
     }
   }
   const el2 = renderInner(node, ctx);
-  if (!React10.isValidElement(el2)) return el2;
+  if (!React11.isValidElement(el2)) return el2;
   const extra = {};
   const componentId = resolvedComponentId(node?.id, ctx);
   if (componentId) {
@@ -126381,8 +126566,8 @@ function renderNodeInner(node, ctx) {
     const finalStyle = extra.style ?? el2.props.style;
     if (!finalStyle?.position) extra.style = { ...finalStyle ?? {}, position: "relative" };
   }
-  let out2 = tapActivator ? React10.cloneElement(el2, extra, tapActivator, el2.props.children) : Object.keys(extra).length ? React10.cloneElement(el2, extra) : el2;
-  if (React10.isValidElement(out2)) out2 = withCircleClipBorder(out2);
+  let out2 = tapActivator ? React11.cloneElement(el2, extra, tapActivator, el2.props.children) : Object.keys(extra).length ? React11.cloneElement(el2, extra) : el2;
+  if (React11.isValidElement(out2)) out2 = withCircleClipBorder(out2);
   if (a11yHint && !tapActivator) {
     out2 = /* @__PURE__ */ jsx11(A11yHintDescription, { hint: a11yHint, idBase: componentId, children: out2 });
   }
@@ -126599,10 +126784,10 @@ function renderInner(node, ctx) {
             template: items[0],
             renderRow: (t2, ic) => {
               let row = renderNode(t2, asItem(ic));
-              if (boundStagger > 0 && React10.isValidElement(row)) {
+              if (boundStagger > 0 && React11.isValidElement(row)) {
                 const i2 = Number(ic.itemScope?.__index ?? 0);
                 const prev = row.props.style ?? {};
-                row = React10.cloneElement(row, { style: { ...prev, animationDelay: `${i2 * boundStagger}ms` } });
+                row = React11.cloneElement(row, { style: { ...prev, animationDelay: `${i2 * boundStagger}ms` } });
               }
               if (boundSwipe && ctx.onAction && !props.horizontal) {
                 const leading = resolveSwipeActions(boundSwipe.leading, ic);
@@ -126662,7 +126847,7 @@ function renderInner(node, ctx) {
         if (swipe && ctx.onAction && !props.horizontal) {
           const leading = swipe.leading ?? [];
           const trailing = swipe.trailing ?? [];
-          const arr2 = React10.Children.toArray(rendered);
+          const arr2 = React11.Children.toArray(rendered);
           body = arr2.map((child, i2) => /* @__PURE__ */ jsx11(
             SwipeRow,
             {
@@ -127122,14 +127307,8 @@ function renderInner(node, ctx) {
     // ───────────── feedback ─────────────
     case "Banner":
       return /* @__PURE__ */ jsx11(BannerNode, { props, ctx, wrap });
-    case "Snackbar": {
-      const dot = sevColor(ctx, props.severity ?? "info");
-      return /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 10, background: "#1c1f26", color: "#fff", borderRadius: ctx.radius("md", 10), padding: "12px 14px", width: "100%", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontWeight: 500, fontSize: pxToRem(14), ...wrap }, children: [
-        /* @__PURE__ */ jsx11("span", { style: { width: 18, height: 18, borderRadius: "50%", background: dot, display: "grid", placeItems: "center", fontSize: 11, flex: "none" }, children: "\u2713" }),
-        /* @__PURE__ */ jsx11("span", { style: { flex: 1, minWidth: 0 }, children: txt(props.message, ctx) }),
-        actionTextButton(ctx, props.action, asBoundText(props.actionLabel, ctx) || "Take action", "#fff", { flex: "none", textDecoration: "underline" })
-      ] });
-    }
+    case "Snackbar":
+      return /* @__PURE__ */ jsx11(SnackbarNode, { props, ctx, wrap });
     // RFC 0058 §4 — an INLINE card, drawn where the descriptor puts it, as iOS (`AlertDialogPreview`)
     // and Android (`SDUIAlertDialogPreview`) draw it. It is not presented over the screen, so a
     // screen that shows one inline (a cart's high-value confirm, a component gallery) keeps the rest
@@ -127171,7 +127350,7 @@ function reportUnknownComponent(ctx, pkg, type) {
 function unknownComponentShowsDeveloperLabel(ctx) {
   return ctx.debugUnknownComponents ?? ctx.previewSurface != null;
 }
-var loadPdfFetch, useIsomorphicLayoutEffect, ResponsiveGrid, SPLIT_EXPANDED_MIN_WIDTH, SPLIT_COLUMN_GAP, ResponsiveSplitView, ABSOLUTE_URL_RE, appearKeyframesInjected, valueSwapKeyframesInjected, NUMERIC_TEXT, shimmerKeyframesInjected, pressStylesInjected, REVEAL_ON_FOCUS_ATTR, FOCUS_RING_CSS, focusStylesInjected, HLIST_CHILD_CSS, hListStylesInjected, listAnimateRuntimeInstalled, transitionKeyframesInjected, countUpRuntimeInjected, MEASURE_PREFIX, measureRuntimeInjected, revealRuntimeInjected, AMBIENT_HOST_STYLE, AmbientMotionBox, vectorAnimStylesInjected, scrollProgressRuntimeInjected, confettiRuntimeInjected, lottieRuntimeInjected, riveRuntimeInjected, gradientKeyframesInjected, parallaxRuntimeInjected, spinKeyframesInjected, marqueeKeyframesInjected, alignItems, zJustifyItems, hAlignItems, bodyFont, kids2, rowKidCtx, rowKids, staggeredKids, asTextL10n, asFinalTextL10n, asBoundText, useBoundString, InterpolatedTextView, txt, selectFragmentCase, fragmentValueHash, fragmentSlotContent, FragmentSlotNode, RichContentEditorNode, MediaFieldNode, WorkerSubtreeNode, RichContentNode, resolveItemDeep2, resolveRowAction2, resolveSwipeActions, resolveModBindings, resolvedComponentId, directServiceBindings, withRootStyle, ReactiveDirectScalars, HiddenGate, ExitPresence, StatefulSectionNode, KEYBOARD_INPUT_MODES, AUTOCAPITALIZE_VALUES, ENTER_KEY_HINTS, AUTOGROW_CEILING, EditableField, MENU_LONG_PRESS_MS, MenuNode, LoadMoreSentinel, FieldErrorNode, FormView, MediaSlotProvider, MEDIA_ITEM_BINDABLE, MediaPlayerView, VideoNode, PdfDocumentCanvas, PdfViewNode, WebViewNode, InteractivePicker, InteractiveDatePicker, InteractiveSearchField, InteractiveStepper, NODE_EXTRAS_TARGET, SYNTHETIC_TAP_ROLE, SYNTHETIC_TABINDEX, INFERRED_DECORATIVE, SELF_RENDERED_LEAF, ROLE_WHEN_NAMED, AUTHORED_ROLE, PENDING_RANGE, RANGE_ROLES, NODE_A11Y_ATTRS, INTERACTIVE_ROLES, ALWAYS_INTERACTIVE_COMPONENT_TYPES, TAP_ACTIVATOR_ATTR, TAP_GROUP_ATTR, NESTED_CONTROL_SELECTOR, VISUALLY_HIDDEN, NAME_SKIP_SELECTOR, activatorNameObservers, ACTIVATOR_STATE_ATTRS, controlNode, ToggleNode, SliderNode, SelectionControlNode, TabsNode, SegmentedControlNode, DisclosureGroupNode, GridNode, SplitViewNode, REVEAL_RELEASE_MS, REVEAL_FADE_MS, REVEAL_BUFFER, revealProgress, countWords, RevealText, TextNode, ImageNode, ANIMATION_LEAF, LottieNode, RiveNode, AvatarNode, IconNode, EMPTY_STATE_SPACING, EmptyStateNode, ButtonNode, OtpInputNode, ProgressBarNode, ACTIVITY_DEFAULT_NAME, ActivityIndicatorNode, NATIVELY_TABBABLE, BottomSheetNode, BOTTOM_DRAWER_HOST_STACK_EVENT, ModalBottomSheetNode, BottomDrawerNode, PRESENTED_OVERLAY_ATTR, TooltipNode, PopoverNode, ChipsInputNode, ChipNode, TableNode, GaugeRing, GaugeNode, RATING_METRICS, ratingMetrics, RatingNode, AvatarStripNode, CHART_STROKE_CYCLE, chartStrokeAt, chartBarCenter, ChartNode, donutSliceOpacity, DonutChartNode, ShapeNode, LegendMarker, LegendNode, cellAlign, DataTableNode, voiceNoteState, voiceNoteDelivery, VOICE_NOTE_DEFAULT_BARS, clampBarCount, VoiceNoteNode, TimelineNode, PagingNode, WheelPickerNode, ColorPickerNode, FilterChipsNode, TILE_PX, MAX_MERCATOR_LAT, DEFAULT_TILE_MAX_ZOOM, CIRCLE_SEGMENTS, METRES_PER_DEG_LAT, MARKER_HIT_RADIUS, SHAPE_HIT_RADIUS, MapNode, CAROUSEL_SETTLE_MS, scrollCarouselTo, CarouselNode, BannerNode, CollapsingHeaderNode, UnsupportedOnSurface, CALENDAR_DATE_ONLY_RE, CAL_DEFAULT_MAX_DOTS, CAL_AGENDA_INITIAL_DAYS, CAL_AGENDA_PAGE_DAYS, CAL_DEFAULT_SNAP_MINUTES, CAL_UNASSIGNED_LANE_ID, MonthCalendarNode, TimeGridNode, AgendaNode, ARIA_ROLE, initialFocusScheduled, PRESENTED_SCOPE, focusRoots, A11yHintDescription, reportedUnknownComponents, UnknownComponentNode, WebRenderer;
+var loadPdfFetch, useIsomorphicLayoutEffect, ResponsiveGrid, SPLIT_EXPANDED_MIN_WIDTH, SPLIT_COLUMN_GAP, ResponsiveSplitView, ABSOLUTE_URL_RE, appearKeyframesInjected, valueSwapKeyframesInjected, NUMERIC_TEXT, shimmerKeyframesInjected, pressStylesInjected, REVEAL_ON_FOCUS_ATTR, FOCUS_RING_CSS, focusStylesInjected, HLIST_CHILD_CSS, hListStylesInjected, listAnimateRuntimeInstalled, transitionKeyframesInjected, countUpRuntimeInjected, MEASURE_PREFIX, measureRuntimeInjected, revealRuntimeInjected, AMBIENT_HOST_STYLE, AmbientMotionBox, vectorAnimStylesInjected, scrollProgressRuntimeInjected, confettiRuntimeInjected, lottieRuntimeInjected, riveRuntimeInjected, gradientKeyframesInjected, parallaxRuntimeInjected, spinKeyframesInjected, marqueeKeyframesInjected, alignItems, zJustifyItems, hAlignItems, bodyFont, kids2, rowKidCtx, rowKids, staggeredKids, asTextL10n, asFinalTextL10n, asBoundText, useBoundString, InterpolatedTextView, txt, selectFragmentCase, fragmentValueHash, fragmentSlotContent, FragmentSlotNode, RichContentEditorNode, MediaFieldNode, WorkerSubtreeNode, RichContentNode, resolveItemDeep2, resolveRowAction2, resolveSwipeActions, resolveModBindings, resolvedComponentId, directServiceBindings, withRootStyle, ReactiveDirectScalars, HiddenGate, ExitPresence, StatefulSectionNode, KEYBOARD_INPUT_MODES, AUTOCAPITALIZE_VALUES, ENTER_KEY_HINTS, AUTOGROW_CEILING, EditableField, MENU_LONG_PRESS_MS, MenuNode, LoadMoreSentinel, FieldErrorNode, FormView, MediaSlotProvider, MEDIA_ITEM_BINDABLE, MediaPlayerView, VideoNode, PdfDocumentCanvas, PdfViewNode, WebViewNode, InteractivePicker, InteractiveDatePicker, InteractiveSearchField, InteractiveStepper, NODE_EXTRAS_TARGET, SYNTHETIC_TAP_ROLE, SYNTHETIC_TABINDEX, INFERRED_DECORATIVE, SELF_RENDERED_LEAF, ROLE_WHEN_NAMED, AUTHORED_ROLE, PENDING_RANGE, RANGE_ROLES, NODE_A11Y_ATTRS, INTERACTIVE_ROLES, ALWAYS_INTERACTIVE_COMPONENT_TYPES, TAP_ACTIVATOR_ATTR, TAP_GROUP_ATTR, NESTED_CONTROL_SELECTOR, VISUALLY_HIDDEN, NAME_SKIP_SELECTOR, activatorNameObservers, ACTIVATOR_STATE_ATTRS, controlNode, ToggleNode, SliderNode, SelectionControlNode, TabsNode, SegmentedControlNode, DisclosureGroupNode, GridNode, SplitViewNode, REVEAL_RELEASE_MS, REVEAL_FADE_MS, REVEAL_BUFFER, revealProgress, countWords, RevealText, TextNode, ImageNode, ANIMATION_LEAF, LottieNode, RiveNode, AvatarNode, IconNode, EMPTY_STATE_SPACING, EmptyStateNode, ButtonNode, OtpInputNode, ProgressBarNode, SnackbarNode, ACTIVITY_DEFAULT_NAME, ACTIVITY_RING_ARC, ActivityIndicatorNode, NATIVELY_TABBABLE, BottomSheetNode, BOTTOM_DRAWER_HOST_STACK_EVENT, ModalBottomSheetNode, BottomDrawerNode, PRESENTED_OVERLAY_ATTR, TooltipNode, PopoverNode, ChipsInputNode, ChipNode, TableNode, GaugeRing, GaugeNode, RATING_METRICS, ratingMetrics, RatingNode, AvatarStripNode, CHART_STROKE_CYCLE, chartStrokeAt, chartBarCenter, ChartNode, donutSliceOpacity, DonutChartNode, ShapeNode, LegendMarker, LegendNode, cellAlign, DataTableNode, voiceNoteState, voiceNoteDelivery, VOICE_NOTE_DEFAULT_BARS, clampBarCount, VoiceNoteNode, TimelineNode, PagingNode, WheelPickerNode, ColorPickerNode, FilterChipsNode, TILE_PX, MAX_MERCATOR_LAT, DEFAULT_TILE_MAX_ZOOM, CIRCLE_SEGMENTS, METRES_PER_DEG_LAT, MARKER_HIT_RADIUS, SHAPE_HIT_RADIUS, MapNode, CAROUSEL_SETTLE_MS, scrollCarouselTo, CarouselNode, BannerNode, CollapsingHeaderNode, UnsupportedOnSurface, CALENDAR_DATE_ONLY_RE, CAL_DEFAULT_MAX_DOTS, CAL_AGENDA_INITIAL_DAYS, CAL_AGENDA_PAGE_DAYS, CAL_DEFAULT_SNAP_MINUTES, CAL_UNASSIGNED_LANE_ID, MonthCalendarNode, TimeGridNode, AgendaNode, ARIA_ROLE, initialFocusScheduled, PRESENTED_SCOPE, focusRoots, A11yHintDescription, reportedUnknownComponents, UnknownComponentNode, WebRenderer;
 var init_renderNode = __esm({
   "../../core/web-renderer/src/renderNode.tsx"() {
     "use strict";
@@ -127183,6 +127362,7 @@ var init_renderNode = __esm({
     init_shape();
     init_helpers();
     init_bindings2();
+    init_snackbarTiming();
     init_bindings();
     init_tokens();
     init_message_format();
@@ -127215,11 +127395,11 @@ var init_renderNode = __esm({
     init_rich_text_field();
     init_richContent();
     loadPdfFetch = () => Promise.resolve().then(() => (init_pdfFetch(), pdfFetch_exports));
-    useIsomorphicLayoutEffect = typeof globalThis.document === "undefined" ? React10.useEffect : React10.useLayoutEffect;
+    useIsomorphicLayoutEffect = typeof globalThis.document === "undefined" ? React11.useEffect : React11.useLayoutEffect;
     ResponsiveGrid = ({ base, medium, expanded, initialCols, seedWidth, spacing, extra, children }) => {
-      const ref = React10.useRef(null);
-      const [cols, setCols] = React10.useState(initialCols);
-      React10.useEffect(() => {
+      const ref = React11.useRef(null);
+      const [cols, setCols] = React11.useState(initialCols);
+      React11.useEffect(() => {
         const el2 = ref.current;
         if (!el2) return;
         const measure2 = () => {
@@ -127246,9 +127426,9 @@ var init_renderNode = __esm({
     SPLIT_EXPANDED_MIN_WIDTH = 840;
     SPLIT_COLUMN_GAP = 16;
     ResponsiveSplitView = ({ primary, detail, primaryMaxWidth, initialWide, seedWidth, extra }) => {
-      const ref = React10.useRef(null);
-      const [wide, setWide] = React10.useState(initialWide);
-      React10.useEffect(() => {
+      const ref = React11.useRef(null);
+      const [wide, setWide] = React11.useState(initialWide);
+      React11.useEffect(() => {
         const el2 = ref.current;
         if (!el2) return;
         const measure2 = () => {
@@ -127294,9 +127474,9 @@ var init_renderNode = __esm({
     revealRuntimeInjected = false;
     AMBIENT_HOST_STYLE = { display: "contents" };
     AmbientMotionBox = ({ spec, kind, children }) => {
-      const ref = React10.useRef(null);
+      const ref = React11.useRef(null);
       const { minGapMs, maxGapMs } = spec;
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const el2 = ref.current?.firstElementChild;
         if (!el2 || typeof el2.animate !== "function") return;
         let timer;
@@ -127378,14 +127558,14 @@ var init_renderNode = __esm({
       }
     };
     bodyFont = (ctx) => fontStack(ctx.font("body").family, ctx.idiom);
-    kids2 = (arr2, ctx) => Array.isArray(arr2) ? arr2.map((n2, i2) => /* @__PURE__ */ jsx11(React10.Fragment, { children: renderNode(n2, ctx) }, n2?.id ?? i2)) : null;
+    kids2 = (arr2, ctx) => Array.isArray(arr2) ? arr2.map((n2, i2) => /* @__PURE__ */ jsx11(React11.Fragment, { children: renderNode(n2, ctx) }, n2?.id ?? i2)) : null;
     rowKidCtx = (n2, ctx) => wantsRowStretch(n2) ? { ...ctx, rowStretch: true } : normalize(n2).type === "Divider" ? { ...ctx, rowDivider: true } : ctx;
-    rowKids = (arr2, ctx) => Array.isArray(arr2) ? arr2.map((n2, i2) => /* @__PURE__ */ jsx11(React10.Fragment, { children: renderNode(n2, rowKidCtx(n2, ctx)) }, n2?.id ?? i2)) : null;
+    rowKids = (arr2, ctx) => Array.isArray(arr2) ? arr2.map((n2, i2) => /* @__PURE__ */ jsx11(React11.Fragment, { children: renderNode(n2, rowKidCtx(n2, ctx)) }, n2?.id ?? i2)) : null;
     staggeredKids = (arr2, ctx, staggerMs) => Array.isArray(arr2) ? arr2.map((n2, i2) => {
       const el2 = renderNode(n2, ctx);
-      if (!React10.isValidElement(el2)) return /* @__PURE__ */ jsx11(React10.Fragment, { children: el2 }, n2?.id ?? i2);
+      if (!React11.isValidElement(el2)) return /* @__PURE__ */ jsx11(React11.Fragment, { children: el2 }, n2?.id ?? i2);
       const prev = el2.props.style ?? {};
-      return React10.cloneElement(el2, { key: n2?.id ?? i2, style: { ...prev, animationDelay: `${i2 * staggerMs}ms` } });
+      return React11.cloneElement(el2, { key: n2?.id ?? i2, style: { ...prev, animationDelay: `${i2 * staggerMs}ms` } });
     }) : null;
     asTextL10n = (v2, ctx) => typeof v2 === "string" && v2.startsWith(TRANSLATION_PREFIX) ? asText2(resolveTranslation(v2, ctx.catalog)) : asText2(v2);
     asFinalTextL10n = (v2, ctx) => typeof v2 === "string" ? v2.startsWith(TRANSLATION_PREFIX) ? asText2(resolveTranslation(v2, ctx.catalog)) : v2 : asText2(v2);
@@ -127398,13 +127578,13 @@ var init_renderNode = __esm({
       const bound = Object.entries(params).filter(
         ([, v2]) => typeof v2 === "string" && v2.startsWith("$service:")
       );
-      const [live3, setLive] = React10.useState(() => {
+      const [live3, setLive] = React11.useState(() => {
         const seed2 = {};
         if (ctx.provider) for (const [k2, p2] of bound) seed2[k2] = ctx.provider.value(servicePath(p2));
         return seed2;
       });
       const subKey = bound.map(([k2, p2]) => `${k2}=${p2}`).join("|");
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const provider = ctx.provider;
         if (!provider) return;
         const unsubs = bound.map(
@@ -127446,11 +127626,11 @@ var init_renderNode = __esm({
     fragmentSlotContent = ({ props, ctx, discriminator, slotId, extra }) => {
       const selected = selectFragmentCase(props, discriminator);
       const selectedId = typeof selected?.id === "string" ? selected.id : "";
-      const previousId = React10.useRef(selectedId);
-      const reportedUnknown = React10.useRef(/* @__PURE__ */ new Set());
-      const reportedInvalid = React10.useRef(/* @__PURE__ */ new Set());
-      const [announcement, setAnnouncement] = React10.useState("");
-      React10.useEffect(() => {
+      const previousId = React11.useRef(selectedId);
+      const reportedUnknown = React11.useRef(/* @__PURE__ */ new Set());
+      const reportedInvalid = React11.useRef(/* @__PURE__ */ new Set());
+      const [announcement, setAnnouncement] = React11.useState("");
+      React11.useEffect(() => {
         if (typeof discriminator === "string") {
           if (discriminator && !props.cases?.some((candidate) => candidate.id === discriminator) && !reportedUnknown.current.has(discriminator)) {
             reportedUnknown.current.add(discriminator);
@@ -127464,7 +127644,7 @@ var init_renderNode = __esm({
           }
         }
       }, [ctx, discriminator, props.cases, slotId]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (previousId.current !== selectedId) {
           const next = selected?.accessibilityAnnouncement ?? selected?.accessibility_announcement;
           setAnnouncement(typeof next === "string" ? next : "");
@@ -127478,7 +127658,7 @@ var init_renderNode = __esm({
         // and the right edge clips (branded-lite's home is a FragmentSlot → 32px cut in
         // the phone preview). Included before ...extra so a modifier can still override.
         /* @__PURE__ */ jsxs8("div", { "data-fragment-slot": slotId ?? "", "data-fragment-case": selectedId, style: { width: "100%", boxSizing: "border-box", ...extra }, children: [
-          selected?.content ? /* @__PURE__ */ jsx11(React10.Fragment, { children: renderNode(selected.content, ctx) }, selectedId) : null,
+          selected?.content ? /* @__PURE__ */ jsx11(React11.Fragment, { children: renderNode(selected.content, ctx) }, selectedId) : null,
           /* @__PURE__ */ jsx11("span", { "aria-live": "polite", style: { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", border: 0 }, children: announcement })
         ] })
       );
@@ -127499,11 +127679,11 @@ var init_renderNode = __esm({
       const fallbackPathStr = mediaFieldServicePath(props.fallbackTextPath);
       const fallbackBound = useBoundValue(ctx, fallbackPathStr ? String(props.fallbackTextPath) : "");
       const fallbackText = typeof fallbackBound === "string" ? fallbackBound : "";
-      const [uploading, setUploading] = React10.useState(false);
-      const [failed3, setFailed] = React10.useState(false);
-      const fileRef = React10.useRef(null);
-      const previewRef = React10.useRef(null);
-      const [localPreview, setLocalPreview] = React10.useState("");
+      const [uploading, setUploading] = React11.useState(false);
+      const [failed3, setFailed] = React11.useState(false);
+      const fileRef = React11.useRef(null);
+      const previewRef = React11.useRef(null);
+      const [localPreview, setLocalPreview] = React11.useState("");
       const uploadService = typeof props.uploadService === "string" ? props.uploadService : "";
       const resolvedLabel = asText2(resolveScalarStatic(props.label, ctx));
       const name = mediaFieldName(resolvedLabel);
@@ -127548,7 +127728,7 @@ var init_renderNode = __esm({
           setUploading(false);
         }
       };
-      React10.useEffect(() => () => {
+      React11.useEffect(() => () => {
         const previewUrl = previewRef.current;
         if (previewUrl && typeof URL.revokeObjectURL === "function") URL.revokeObjectURL(previewUrl);
         previewRef.current = null;
@@ -127620,7 +127800,7 @@ var init_renderNode = __esm({
       const value = useBoundValue(ctx, typeof path2 === "string" ? path2 : "");
       const policy = props.policy;
       const catalog3 = ctx.provider && typeof ctx.provider.listActions === "function" ? ctx.provider : null;
-      const validation = React10.useMemo(() => {
+      const validation = React11.useMemo(() => {
         if (value === void 0 || value === null) return { ok: false, reason: "unresolved" };
         if (typeof value !== "string") return { ok: false, reason: "value_type" };
         if (!policy || typeof policy !== "object") return { ok: false, reason: "typed_decode" };
@@ -127630,8 +127810,8 @@ var init_renderNode = __esm({
           return { ok: false, reason: "typed_decode" };
         }
       }, [catalog3, policy, slotId, value]);
-      const reported = React10.useRef(/* @__PURE__ */ new Set());
-      React10.useEffect(() => {
+      const reported = React11.useRef(/* @__PURE__ */ new Set());
+      React11.useEffect(() => {
         const key3 = validation.ok ? `ok:${validation.treeHash}` : `bad:${validation.treeHash ?? validation.reason}`;
         if (reported.current.has(key3)) return;
         reported.current.add(key3);
@@ -127660,10 +127840,10 @@ var init_renderNode = __esm({
       const hasPath = typeof path2 === "string" && path2 !== "";
       const bound = useResolvedScalar(hasPath ? path2 : void 0, ctx);
       const raw = hasPath ? bound : props.documentJson ?? props.document_json;
-      const result = React10.useMemo(() => layoutRichContentValue(raw), [raw]);
+      const result = React11.useMemo(() => layoutRichContentValue(raw), [raw]);
       const reason = result && "rejected" in result ? result.rejected : void 0;
-      const reported = React10.useRef(/* @__PURE__ */ new Set());
-      React10.useEffect(() => {
+      const reported = React11.useRef(/* @__PURE__ */ new Set());
+      React11.useEffect(() => {
         if (!reason) return;
         const key3 = typeof raw === "string" ? `${reason}:${raw.length}:${richContentDocumentHash(raw)}` : `${reason}:non-string`;
         if (reported.current.has(key3)) return;
@@ -127757,17 +127937,17 @@ var init_renderNode = __esm({
     };
     withRootStyle = (content, style) => {
       if (Array.isArray(content)) return content.map((child) => withRootStyle(child, style));
-      if (!React10.isValidElement(content)) return content;
-      if (content.type === React10.Fragment) {
-        return React10.cloneElement(content, {}, React10.Children.map(content.props.children, (child) => withRootStyle(child, style)));
+      if (!React11.isValidElement(content)) return content;
+      if (content.type === React11.Fragment) {
+        return React11.cloneElement(content, {}, React11.Children.map(content.props.children, (child) => withRootStyle(child, style)));
       }
       const element = content;
-      return React10.cloneElement(element, { style: { ...element.props.style, ...style } });
+      return React11.cloneElement(element, { style: { ...element.props.style, ...style } });
     };
     ReactiveDirectScalars = ({ node, ctx, bindings, style }) => {
-      const [, rerender] = React10.useState(0);
+      const [, rerender] = React11.useState(0);
       const bindingKey = bindings.join("|");
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!ctx.provider) return;
         const unsubs = bindings.map((binding2) => ctx.provider.subscribe(servicePath(binding2), () => rerender((n2) => n2 + 1)));
         return () => unsubs.forEach((unsubscribe) => unsubscribe());
@@ -127780,14 +127960,14 @@ var init_renderNode = __esm({
       return /* @__PURE__ */ jsx11(ExitPresence, { hidden: hiddenBool(v2), exit: exit ?? null, children });
     };
     ExitPresence = ({ hidden, exit, children }) => {
-      const [prevHidden, setPrevHidden] = React10.useState(hidden);
-      const [exiting, setExiting] = React10.useState(false);
+      const [prevHidden, setPrevHidden] = React11.useState(hidden);
+      const [exiting, setExiting] = React11.useState(false);
       if (hidden !== prevHidden) {
         setPrevHidden(hidden);
         setExiting(hidden && exit != null);
       }
-      const ref = React10.useRef(null);
-      const exitRef = React10.useRef(exit);
+      const ref = React11.useRef(null);
+      const exitRef = React11.useRef(exit);
       exitRef.current = exit;
       useIsomorphicLayoutEffect(() => {
         if (!exiting) return void 0;
@@ -127820,8 +128000,8 @@ var init_renderNode = __esm({
       const target = raw == null || raw === "" || isBound && !ctx.provider ? legacy : sectionSlot(isBound ? bound : raw);
       const { graceMs, floorMs } = loadingTiming(ctx.kit, props.loadingGraceMs ?? props.loading_grace_ms, props.loadingFloorMs ?? props.loading_floor_ms);
       const shown2 = useLoadingTiming(target, graceMs, floorMs);
-      const changed = React10.useRef(false);
-      const first = React10.useRef(shown2);
+      const changed = React11.useRef(false);
+      const first = React11.useRef(shown2);
       if (shown2 !== first.current) changed.current = true;
       const renderCfg = (cfg) => cfg && typeof cfg === "object" ? /* @__PURE__ */ jsxs8("div", { style: { textAlign: "center", padding: "24px 12px", color: C2("textSecondary", "#9aa2ad") }, children: [
         cfg.title && /* @__PURE__ */ jsx11("div", { style: { fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#111") }, children: asText2(cfg.title) }),
@@ -127853,8 +128033,8 @@ var init_renderNode = __esm({
       }
       const animate = motionDefaultsAnimate(ctx);
       const fadeMs = motionDefaultsDuration(ctx.kit, 220);
-      const lastShown = React10.useRef(null);
-      const [outgoing, setOutgoing] = React10.useState(null);
+      const lastShown = React11.useRef(null);
+      const [outgoing, setOutgoing] = React11.useState(null);
       useIsomorphicLayoutEffect(() => {
         const was = lastShown.current;
         if (!animate || !was || was.slot === shown2 || was.node == null) return void 0;
@@ -127862,7 +128042,7 @@ var init_renderNode = __esm({
         const t2 = setTimeout(() => setOutgoing(null), fadeMs);
         return () => clearTimeout(t2);
       }, [shown2]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         lastShown.current = { slot: shown2, node: content };
       });
       if (changed.current && animate) {
@@ -127898,7 +128078,7 @@ var init_renderNode = __esm({
       const onChangeAction = resolveRowAction2(props.onChange ?? cfg.onChange, ctx);
       const borderless = props.borderless === true || cfg.borderless === true;
       const secure = props.secure === true || cfg.secure === true;
-      const [valueVisible, setValueVisible] = React10.useState(false);
+      const [valueVisible, setValueVisible] = React11.useState(false);
       const visibilityToggle = secure && (props.visibilityToggle === true || cfg.visibilityToggle === true);
       const visibilityLabel = ctx.catalog?.get(valueVisible ? "auth.gate.password.hide" : "auth.gate.password.show") ?? (valueVisible ? "Hide password" : "Show password");
       const erroredProp = props.error === true || cfg.error === true;
@@ -127912,20 +128092,20 @@ var init_renderNode = __esm({
       const boundRawText = typeof boundVal === "string" ? boundVal : typeof boundVal === "number" ? String(boundVal) : void 0;
       const boundText = serializeRichText && boundRawText !== void 0 ? richTextHtmlToPlainText(boundRawText) : boundRawText;
       const literalText = typeof valueBinding === "string" ? serializeRichText ? richTextHtmlToPlainText(valueBinding) : valueBinding : "";
-      const [local, setLocal] = React10.useState(
+      const [local, setLocal] = React11.useState(
         isBound ? boundText ?? "" : literalText
       );
-      const [edited, setEdited] = React10.useState(false);
-      const [pristineRichValue, setPristineRichValue] = React10.useState(
+      const [edited, setEdited] = React11.useState(false);
+      const [pristineRichValue, setPristineRichValue] = React11.useState(
         serializeRichText ? isBound ? boundRawText : typeof valueBinding === "string" ? valueBinding : void 0 : void 0
       );
-      const focused = React10.useRef(false);
-      const [touched, setTouched] = React10.useState(false);
-      const [isFocused, setIsFocused] = React10.useState(false);
-      const pendingEdits = React10.useRef([]);
-      const previousBoundText = React10.useRef(boundText);
-      const previousBoundRawText = React10.useRef(boundRawText);
-      React10.useEffect(() => {
+      const focused = React11.useRef(false);
+      const [touched, setTouched] = React11.useState(false);
+      const [isFocused, setIsFocused] = React11.useState(false);
+      const pendingEdits = React11.useRef([]);
+      const previousBoundText = React11.useRef(boundText);
+      const previousBoundRawText = React11.useRef(boundRawText);
+      React11.useEffect(() => {
         if (!isBound || boundText === void 0) return;
         const boundTextChanged = previousBoundText.current !== boundText;
         const boundRawTextChanged = previousBoundRawText.current !== boundRawText;
@@ -127956,23 +128136,23 @@ var init_renderNode = __esm({
         }
         if (!focused.current && boundText !== local) setLocal(boundText);
       }, [boundText, serializeRichText ? boundRawText : void 0, isFocused, serializeRichText ? edited : false]);
-      const formBag = React10.useContext(FormValuesContext);
+      const formBag = React11.useContext(FormValuesContext);
       const fieldId = props.__formFieldId;
-      const previousBinding = React10.useRef(binding2);
+      const previousBinding = React11.useRef(binding2);
       const rule = props.validation ?? cfg.validation;
       const { "aria-labelledby": labelledBy } = formFieldA11y(props);
       const required3 = rule?.required === true || void 0;
-      const ruleKey = React10.useMemo(() => rule ? JSON.stringify(rule) : "", [rule]);
-      React10.useEffect(() => {
+      const ruleKey = React11.useMemo(() => rule ? JSON.stringify(rule) : "", [rule]);
+      React11.useEffect(() => {
         if (!formBag || !fieldId) return;
         formBag.register(fieldId, rule);
         return () => formBag.unregister(fieldId);
       }, [fieldId, formBag, ruleKey]);
       const formValue = serializeRichText && !edited && pristineRichValue !== void 0 ? pristineRichValue : serializeRichText ? richTextEditedHtml(pristineRichValue, pristineRichValue === void 0 ? "" : richTextHtmlToPlainText(pristineRichValue), local) : local;
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (formBag && fieldId) formBag.set(fieldId, formValue);
       }, [formValue, fieldId, formBag, binding2]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (previousBinding.current === binding2) return;
         previousBinding.current = binding2;
         pendingEdits.current = [];
@@ -127991,7 +128171,7 @@ var init_renderNode = __esm({
       const errorTextRaw = props.errorText ?? cfg.errorText;
       const errorTextResolved = useBoundString(errorTextRaw, ctx);
       const workerError = typeof boundError === "string" ? boundError : errorTextRaw == null ? void 0 : errorTextResolved;
-      const validationCatalog = React10.useMemo(
+      const validationCatalog = React11.useMemo(
         () => ctx.catalog ? new Proxy({}, { get: (_t2, k2) => typeof k2 === "string" ? ctx.catalog.get(k2) : void 0 }) : void 0,
         [ctx.catalog]
       );
@@ -128006,7 +128186,7 @@ var init_renderNode = __esm({
       const hasWorkerError = Boolean(workerError && workerError.trim());
       const painted2 = rawMessage === null ? "" : translateOnly(rawMessage);
       const message = !painted2.trim() || ruleMessagePending && !hasWorkerError ? null : painted2;
-      const [feedbackShown, setFeedbackShown] = React10.useState(false);
+      const [feedbackShown, setFeedbackShown] = React11.useState(false);
       const revealed = message !== null && shouldRevealError({
         rule,
         feedbackShown,
@@ -128015,11 +128195,11 @@ var init_renderNode = __esm({
         focused: isFocused,
         submitAttempted: formBag?.submitAttempted ?? false
       });
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (revealed) setFeedbackShown(true);
       }, [revealed]);
       const errored = erroredProp || revealed;
-      const generatedId = React10.useId();
+      const generatedId = React11.useId();
       const errorId = revealed ? `${componentId ?? generatedId}__error` : void 0;
       const emit = (v2) => {
         if (onChangeAction && ctx.onAction) {
@@ -128031,16 +128211,16 @@ var init_renderNode = __esm({
           });
         }
       };
-      const ownsPrivateDraft = React10.useRef(false);
-      React10.useEffect(() => {
+      const ownsPrivateDraft = React11.useRef(false);
+      React11.useEffect(() => {
         if (visibilityToggle && !isBound) ownsPrivateDraft.current = true;
       }, [visibilityToggle, isBound]);
-      const clearSensitiveDraft = React10.useRef(() => {
+      const clearSensitiveDraft = React11.useRef(() => {
       });
       clearSensitiveDraft.current = () => {
         if (ownsPrivateDraft.current && !isBound) emit("");
       };
-      React10.useEffect(() => () => clearSensitiveDraft.current(), []);
+      React11.useEffect(() => () => clearSensitiveDraft.current(), []);
       const onInput = (e2) => {
         const v2 = e2.currentTarget.value;
         setLocal(v2);
@@ -128072,7 +128252,7 @@ var init_renderNode = __esm({
       const submitLabelRaw = props.submitLabel ?? cfg.submitLabel;
       const onSubmitAction = props.onSubmit ?? cfg.onSubmit;
       const enterKeyHint = !multilineBox && ENTER_KEY_HINTS.has(submitLabelRaw) ? submitLabelRaw : !multilineBox && onSubmitAction ? "done" : void 0;
-      const inputRef = React10.useRef(null);
+      const inputRef = React11.useRef(null);
       useIsomorphicLayoutEffect(() => {
         const el2 = inputRef.current;
         const view = el2?.ownerDocument?.defaultView;
@@ -128087,8 +128267,8 @@ var init_renderNode = __esm({
       }, [local, multilineBox, maxLines]);
       const focusBinding = (typeof props.focusPath === "string" ? props.focusPath : typeof cfg.focusPath === "string" ? cfg.focusPath : void 0) ?? "";
       const focusTokenVal = useBoundValue(ctx, focusBinding);
-      const lastFocusToken = React10.useRef(void 0);
-      React10.useEffect(() => {
+      const lastFocusToken = React11.useRef(void 0);
+      React11.useEffect(() => {
         if (!focusBinding) return;
         const next = typeof focusTokenVal === "string" ? focusTokenVal : typeof focusTokenVal === "number" ? String(focusTokenVal) : "";
         if (!next || next === lastFocusToken.current) return;
@@ -128163,13 +128343,13 @@ var init_renderNode = __esm({
     };
     MENU_LONG_PRESS_MS = 500;
     MenuNode = withExtras("MenuNode", ({ props, ctx, wrap }) => {
-      const [open, setOpen] = React10.useState(false);
-      const hostRef = React10.useRef(null);
+      const [open, setOpen] = React11.useState(false);
+      const hostRef = React11.useRef(null);
       const context = props.style === "context";
       const previewMode = context && props.preview != null;
       const items = (Array.isArray(props.items) ? props.items : []).map((it2) => it2 && typeof it2.label === "string" && it2.label.startsWith("$item") ? { ...it2, label: resolveItemDeep2(it2.label, ctx) } : it2);
       const C2 = ctx.color;
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!open) return;
         const onTop = () => menuRef.current != null && isWithinTopModal(menuRef.current);
         const onDown = (e2) => {
@@ -128195,17 +128375,17 @@ var init_renderNode = __esm({
       const flexGrow = typeof wrap?.flex === "string" ? parseFloat(wrap.flex) : typeof wrap?.flex === "number" ? wrap.flex : Number(wrap?.flexGrow ?? 0);
       const fill = wrap?.width === "100%" || Number.isFinite(flexGrow) && flexGrow > 0;
       const popupPlacement = fill ? { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 20, marginTop: 4 } : { position: "absolute", top: "100%", right: 0, zIndex: 20, marginTop: 4 };
-      const anchorRef = React10.useRef(null);
-      const menuRef = React10.useRef(null);
-      const dialogRef = React10.useRef(null);
+      const anchorRef = React11.useRef(null);
+      const menuRef = React11.useRef(null);
+      const dialogRef = React11.useRef(null);
       const itemsKey = items.map((it2, i2) => `${it2?.id ?? i2}:${it2?.disabled ? 0 : 1}`).join("|");
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!open || !modal) return;
         const menu = menuRef.current;
         if (!menu || menu.contains(document.activeElement)) return;
         (menu.querySelector('[role="menuitem"][tabindex="0"]') ?? menu).focus();
       }, [open, modal, itemsKey]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!open || !modal) return;
         const layer = pushModalLayer(() => dialogRef.current);
         return () => {
@@ -128214,15 +128394,15 @@ var init_renderNode = __esm({
           if (active == null || active === document.body || !document.contains(active)) anchorRef.current?.focus();
         };
       }, [open, modal]);
-      const press = React10.useRef(null);
-      const pressFired = React10.useRef(false);
+      const press = React11.useRef(null);
+      const pressFired = React11.useRef(false);
       const cancelPress = () => {
         if (press.current) {
           clearTimeout(press.current.timer);
           press.current = null;
         }
       };
-      React10.useEffect(() => cancelPress, []);
+      React11.useEffect(() => cancelPress, []);
       const contextHandlers = context ? {
         onContextMenu: (e2) => {
           e2.preventDefault();
@@ -128337,9 +128517,9 @@ var init_renderNode = __esm({
       const isBound = typeof raw === "string" && isBinding(raw);
       const bound = useBoundValue(ctx, isBound ? raw : "");
       const cursor = isBound ? typeof bound === "string" ? bound : "" : String(raw ?? "");
-      const ref = React10.useRef(null);
-      const fired = React10.useRef("");
-      React10.useEffect(() => {
+      const ref = React11.useRef(null);
+      const fired = React11.useRef("");
+      React11.useEffect(() => {
         const el2 = ref.current;
         if (!cursor || !ctx.onAction || !el2 || typeof IntersectionObserver === "undefined") return;
         const io2 = new IntersectionObserver((entries) => {
@@ -128369,11 +128549,11 @@ var init_renderNode = __esm({
       ] });
     });
     FormView = withExtras("FormView", ({ props, ctx, wrap }) => {
-      const bagRef = React10.useRef(null);
+      const bagRef = React11.useRef(null);
       if (!bagRef.current) bagRef.current = createFormBag();
       const bag = bagRef.current;
-      React10.useSyncExternalStore(
-        React10.useCallback((cb) => bag.subscribe(cb), [bag]),
+      React11.useSyncExternalStore(
+        React11.useCallback((cb) => bag.subscribe(cb), [bag]),
         () => bag.version,
         () => bag.version
       );
@@ -128390,7 +128570,7 @@ var init_renderNode = __esm({
           ctx.onAction?.({ ...action, args: merged });
         }
       };
-      const submitNode = React10.useMemo(() => {
+      const submitNode = React11.useMemo(() => {
         const node = props.submitButton;
         if (!node || valid) return node;
         if (node.body) return { ...node, body: { ...node.body, props: { ...node.body.props ?? {}, disabled: true } } };
@@ -128440,11 +128620,11 @@ var init_renderNode = __esm({
       const startPositionPath = typeof props.startPositionSeconds === "string" && isBinding(props.startPositionSeconds) ? props.startPositionSeconds : "";
       const boundStartPosition = useResolvedScalar(startPositionPath || void 0, ctx);
       const initialStartPosition = startPositionPath && typeof boundStartPosition === "number" && Number.isFinite(boundStartPosition) ? Math.max(0, boundStartPosition) : Math.max(0, Number.isFinite(Number(props.startPositionSeconds)) ? Number(props.startPositionSeconds) : 0);
-      const [index, setIndex] = React10.useState(initialIndex);
+      const [index, setIndex] = React11.useState(initialIndex);
       const queueReady = !itemsPath || Array.isArray(boundQueue);
       const seatKey = `${itemsPath ?? ""}|${startIndex}`;
-      const seated = React10.useRef(null);
-      React10.useEffect(() => {
+      const seated = React11.useRef(null);
+      React11.useEffect(() => {
         const last = Math.max(0, resolvedItems.length - 1);
         if (resolvedItems.length === 0) return;
         if (queueReady && seated.current !== seatKey) {
@@ -128459,19 +128639,19 @@ var init_renderNode = __esm({
         }
         setIndex((i2) => Math.min(Math.max(0, i2), last));
       }, [resolvedItems.length, startIndex, queueReady, seatKey]);
-      const [status, setStatus] = React10.useState("idle");
-      const [position, setPosition] = React10.useState(initialStartPosition);
-      const [duration2, setDuration] = React10.useState(0);
-      const [buffered, setBuffered] = React10.useState(0);
-      const [rate, setRateState] = React10.useState(1);
-      const [fullscreen, setFullscreen] = React10.useState(false);
-      const [error, setError] = React10.useState("");
-      const mediaRef = React10.useRef(null);
-      const hostRef = React10.useRef(null);
-      const autoplayConsumed = React10.useRef(false);
+      const [status, setStatus] = React11.useState("idle");
+      const [position, setPosition] = React11.useState(initialStartPosition);
+      const [duration2, setDuration] = React11.useState(0);
+      const [buffered, setBuffered] = React11.useState(0);
+      const [rate, setRateState] = React11.useState(1);
+      const [fullscreen, setFullscreen] = React11.useState(false);
+      const [error, setError] = React11.useState("");
+      const mediaRef = React11.useRef(null);
+      const hostRef = React11.useRef(null);
+      const autoplayConsumed = React11.useRef(false);
       const item = resolvedItems[index];
       const mediaKey2 = `${index}:${item?.id ?? item?.url ?? ""}`;
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const outgoing = mediaRef.current;
         return () => {
           try {
@@ -128485,7 +128665,7 @@ var init_renderNode = __esm({
       const isYouTube = provider === "youtube";
       const isUnsupportedProvider = provider !== "direct" && !isYouTube;
       const isAudio = ["audio", "podcast", "radio"].includes(String(item?.kind ?? ""));
-      const capabilities = React10.useMemo(() => ({
+      const capabilities = React11.useMemo(() => ({
         seek: !isUnsupportedProvider && item?.live !== true,
         rate: !isUnsupportedProvider && item?.live !== true,
         queue: !isUnsupportedProvider && items.length > 1,
@@ -128513,9 +128693,9 @@ var init_renderNode = __esm({
         error,
         capabilities
       };
-      const slotProvider = React10.useMemo(() => new MediaSlotProvider(state), []);
-      React10.useEffect(() => slotProvider.set(state));
-      React10.useEffect(() => {
+      const slotProvider = React11.useMemo(() => new MediaSlotProvider(state), []);
+      React11.useEffect(() => slotProvider.set(state));
+      React11.useEffect(() => {
         if (!startPositionPath || typeof boundStartPosition !== "number" || !Number.isFinite(boundStartPosition) || status !== "idle") return;
         const next = Math.max(0, boundStartPosition);
         setPosition(next);
@@ -128526,7 +128706,7 @@ var init_renderNode = __esm({
           }
         }
       }, [startPositionPath, boundStartPosition, status]);
-      const emit = React10.useCallback((action, extra = {}) => {
+      const emit = React11.useCallback((action, extra = {}) => {
         if (!action || !ctx.onAction) return;
         const snapshot2 = {
           sessionId,
@@ -128545,13 +128725,13 @@ var init_renderNode = __esm({
         };
         ctx.onAction({ ...action, args: { ...action.args ?? {}, ...snapshot2, ...extra }, params: { ...action.params ?? {}, sessionId, index: String(index), ...Object.fromEntries(Object.entries(extra).map(([k2, v2]) => [k2, String(v2)])) } });
       }, [ctx.onAction, sessionId, status, index, position, duration2, item, buffered, rate, props.muted, fullscreen, error]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!isUnsupportedProvider || status === "error") return;
         setStatus("error");
         setError("provider_unsupported");
         emit(props.onError, { state: "error", status: "error", error: "provider_unsupported", code: "provider_unsupported" });
       }, [isUnsupportedProvider, status, emit, props.onError]);
-      const play = React10.useCallback(async () => {
+      const play = React11.useCallback(async () => {
         if (isYouTube) return;
         if (isUnsupportedProvider) {
           setStatus("error");
@@ -128573,17 +128753,17 @@ var init_renderNode = __esm({
           emit(props.onError, { state: "blocked", status: "blocked", error: message, code: "playback_blocked" });
         }
       }, [isYouTube, isUnsupportedProvider, emit, props.onError]);
-      const pause = React10.useCallback(() => {
+      const pause = React11.useCallback(() => {
         mediaRef.current?.pause();
         setStatus("paused");
       }, []);
-      const seek = React10.useCallback((seconds) => {
+      const seek = React11.useCallback((seconds) => {
         const media = mediaRef.current;
         if (!media || !Number.isFinite(seconds)) return;
         media.currentTime = Math.max(0, Math.min(seconds, Number.isFinite(media.duration) ? media.duration : seconds));
         setPosition(media.currentTime);
       }, []);
-      const select2 = React10.useCallback((next) => {
+      const select2 = React11.useCallback((next) => {
         if (resolvedItems.length === 0) return;
         const normalized = (next % resolvedItems.length + resolvedItems.length) % resolvedItems.length;
         const nextItem = resolvedItems[normalized];
@@ -128605,7 +128785,7 @@ var init_renderNode = __esm({
           error: ""
         });
       }, [resolvedItems, emit, props.onItemChange]);
-      const toggleFullscreen = React10.useCallback(async () => {
+      const toggleFullscreen = React11.useCallback(async () => {
         if (props.fullscreen === "disabled") return;
         const host = hostRef.current;
         try {
@@ -128615,7 +128795,7 @@ var init_renderNode = __esm({
           setFullscreen((value) => !value);
         }
       }, [props.fullscreen]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const listener = (event) => {
           const detail = event.detail;
           if (!detail || detail.sessionId !== sessionId) return;
@@ -128663,7 +128843,7 @@ var init_renderNode = __esm({
         window.addEventListener("himalaya-media-command", listener);
         return () => window.removeEventListener("himalaya-media-command", listener);
       }, [sessionId, index, play, pause, seek, select2, toggleFullscreen]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const listener = () => {
           const value = document.fullscreenElement === hostRef.current;
           setFullscreen(value);
@@ -128672,14 +128852,14 @@ var init_renderNode = __esm({
         document.addEventListener("fullscreenchange", listener);
         return () => document.removeEventListener("fullscreenchange", listener);
       }, [emit, props.onFullscreenChange]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const media = mediaRef.current;
         if (!media || isYouTube || isUnsupportedProvider) return;
         media.muted = props.muted === true;
         media.playbackRate = rate;
         if (position > 0) media.currentTime = position;
       }, [item?.url, isUnsupportedProvider]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (isYouTube || isUnsupportedProvider || props.autoplay === "never" || autoplayConsumed.current) return;
         if (props.autoplay === "once") {
           autoplayConsumed.current = true;
@@ -128881,15 +129061,15 @@ var init_renderNode = __esm({
         }
       );
     });
-    PdfDocumentCanvas = React10.lazy(() => Promise.resolve().then(() => (init_pdfDocument(), pdfDocument_exports)).then((module) => ({ default: module.PdfDocument })));
+    PdfDocumentCanvas = React11.lazy(() => Promise.resolve().then(() => (init_pdfDocument(), pdfDocument_exports)).then((module) => ({ default: module.PdfDocument })));
     PdfViewNode = withExtras("PdfViewNode", ({ props, ctx, wrap }) => {
       const boundUrl = useResolvedScalar(props.url != null && isBinding(props.url) ? props.url : void 0, ctx);
       const url = props.url != null && isBinding(props.url) ? boundUrl : props.url;
       const rawUrl = typeof url === "string" && !isBinding(url) ? url : "";
       const plan = rawUrl ? pdfEmbedPlan(rawUrl, void 0, typeof document !== "undefined" ? document.baseURI : void 0) : null;
       const retypeSrc = plan?.mode === "retype" ? plan.src : null;
-      const [retyped, setRetyped] = React10.useState(null);
-      React10.useEffect(() => {
+      const [retyped, setRetyped] = React11.useState(null);
+      React11.useEffect(() => {
         if (!retypeSrc) return;
         let live3 = true;
         let made = null;
@@ -128911,11 +129091,11 @@ var init_renderNode = __esm({
       }, [retypeSrc]);
       const settled = retyped && retyped.from === retypeSrc ? retyped : null;
       const wantsShare = props.allowShare === true;
-      const [fellBackFrom, setFellBackFrom] = React10.useState(null);
+      const [fellBackFrom, setFellBackFrom] = React11.useState(null);
       const directFellBack = plan?.mode === "direct" && fellBackFrom === plan.src;
       const directSrc = plan?.mode === "direct" && (wantsShare || props.showPageControls !== false && directFellBack) ? plan.src : null;
-      const [direct, setDirect] = React10.useState(null);
-      React10.useEffect(() => {
+      const [direct, setDirect] = React11.useState(null);
+      React11.useEffect(() => {
         if (!directSrc) return;
         let live3 = true;
         let made = null;
@@ -128932,16 +129112,16 @@ var init_renderNode = __esm({
       }, [directSrc, wantsShare]);
       const directDoc = direct && direct.from === directSrc ? direct : null;
       const fallbackPageCount = plan?.mode === "retype" ? settled?.pageCount ?? null : directDoc?.count ?? null;
-      const [nav, setNav] = React10.useState({ from: rawUrl, page: null, zoom: null });
+      const [nav, setNav] = React11.useState({ from: rawUrl, page: null, zoom: null });
       const view = nav.from === rawUrl ? nav : { from: rawUrl, page: null, zoom: null };
       const src = plan?.mode === "direct" ? plan.src : settled?.url ?? null;
-      const [canvasCount, setCanvasCount] = React10.useState(null);
-      const onPageCount = React10.useCallback((count2) => {
+      const [canvasCount, setCanvasCount] = React11.useState(null);
+      const onPageCount = React11.useCallback((count2) => {
         if (!Number.isInteger(count2) || count2 < 1) return;
         setCanvasCount((cur) => cur?.from === src && cur.count === count2 ? cur : { from: src, count: count2 });
       }, [src]);
       const pageCount = canvasCount?.from === src ? canvasCount.count : fallbackPageCount;
-      const onFallback = React10.useCallback(() => setFellBackFrom(src), [src]);
+      const onFallback = React11.useCallback(() => setFellBackFrom(src), [src]);
       const loading = plan?.mode === "retype" && !settled || directSrc != null && wantsShare && !directDoc && typeof window !== "undefined";
       const loadSrc = plan?.mode === "direct" && wantsShare ? directDoc?.blobUrl ?? src : src;
       const ph = typeof props.height === "number" && props.height > 0 ? props.height : void 0;
@@ -128991,7 +129171,7 @@ var init_renderNode = __esm({
       const data = base + pdfOpenFragment(sourceHash, { page, zoom: zoomable ? view.zoom : null, fitWidth: !zoomable });
       const label3 = typeof props.title === "string" && props.title ? props.title : "PDF document";
       const documentStyle = showPageControls || zoomable || allowShare ? { display: "block", width: "100%", flex: "1 1 auto", minHeight: ph ? 0 : 280, border: "none" } : frame;
-      const object7 = typeof window === "undefined" ? /* @__PURE__ */ jsx11("object", { "data-himalaya-pdf": "static-fallback", data, type: "application/pdf", "aria-label": label3, style: documentStyle }) : /* @__PURE__ */ jsx11(React10.Suspense, { fallback: /* @__PURE__ */ jsx11("div", { "data-himalaya-pdf": "loading", role: "img", "aria-label": "loading document", "aria-busy": "true", style: documentStyle }), children: /* @__PURE__ */ jsx11(
+      const object7 = typeof window === "undefined" ? /* @__PURE__ */ jsx11("object", { "data-himalaya-pdf": "static-fallback", data, type: "application/pdf", "aria-label": label3, style: documentStyle }) : /* @__PURE__ */ jsx11(React11.Suspense, { fallback: /* @__PURE__ */ jsx11("div", { "data-himalaya-pdf": "loading", role: "img", "aria-label": "loading document", "aria-busy": "true", style: documentStyle }), children: /* @__PURE__ */ jsx11(
         PdfDocumentCanvas,
         {
           src: loadSrc ?? src,
@@ -129071,7 +129251,7 @@ var init_renderNode = __esm({
       const ar2 = typeof props.aspectRatio === "number" && props.aspectRatio > 0 ? props.aspectRatio : void 0;
       const frameStyle = { width: "100%", boxSizing: "border-box", border: "none", borderRadius: ctx.radius("md", 8), background: "#fff", ...scrollEnabled ? {} : { overflow: "hidden" }, ...h2 ? { height: h2 } : ar2 ? { aspectRatio: String(ar2) } : { height: 200 } };
       const frameKey = htmlStr ?? urlFrame?.src ?? null;
-      const [loadedKey, setLoadedKey] = React10.useState(null);
+      const [loadedKey, setLoadedKey] = React11.useState(null);
       const loaded = loadedKey === frameKey;
       const frameProps = {
         title: "webview",
@@ -129102,19 +129282,19 @@ var init_renderNode = __esm({
       const onChange = props.onChange;
       const boundSel = useResolvedScalar(isBinding(props.selectedId) ? props.selectedId : void 0, ctx);
       const selectedId = isBinding(props.selectedId) ? boundSel : props.selectedId;
-      const [sel, setSel] = React10.useState(ctx.empty ? "" : String(selectedId ?? ""));
-      React10.useEffect(() => {
+      const [sel, setSel] = React11.useState(ctx.empty ? "" : String(selectedId ?? ""));
+      React11.useEffect(() => {
         if (!ctx.empty && selectedId != null) setSel(String(selectedId));
       }, [selectedId, ctx.empty]);
-      const pickerBag = React10.useContext(FormValuesContext);
+      const pickerBag = React11.useContext(FormValuesContext);
       const pickerFieldId = props.__formFieldId;
       const pickerRuleKey = props.validation ? JSON.stringify(props.validation) : "";
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!pickerBag || !pickerFieldId) return;
         pickerBag.register(pickerFieldId, props.validation);
         return () => pickerBag.unregister(pickerFieldId);
       }, [pickerFieldId, pickerBag, pickerRuleKey]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (pickerBag && pickerFieldId) pickerBag.set(pickerFieldId, sel);
       }, [sel, pickerFieldId, pickerBag]);
       const emitPick = (id) => {
@@ -129230,24 +129410,24 @@ var init_renderNode = __esm({
         const s2 = seedUnix();
         return s2 == null ? null : clampUnix(s2);
       };
-      const [val, setVal] = React10.useState(ctx.empty ? "" : toInput(shownSeed()));
+      const [val, setVal] = React11.useState(ctx.empty ? "" : toInput(shownSeed()));
       const dateServiceBound = typeof props.valuePath === "string" && props.valuePath.startsWith("$service:");
       const bagSource = () => dateServiceBound ? boundRaw : boundRaw !== void 0 && boundRaw !== null && boundRaw !== "" ? boundRaw : props.valueUnix;
-      const [dateBagVal, setDateBagVal] = React10.useState(ctx.empty ? "" : clampDateFieldValue(encodeDateFieldValue(bagSource()), props.minUnix, props.maxUnix, props.mode));
-      React10.useEffect(() => {
+      const [dateBagVal, setDateBagVal] = React11.useState(ctx.empty ? "" : clampDateFieldValue(encodeDateFieldValue(bagSource()), props.minUnix, props.maxUnix, props.mode));
+      React11.useEffect(() => {
         if (ctx.empty) return;
         setVal(toInput(shownSeed()));
         setDateBagVal(clampDateFieldValue(encodeDateFieldValue(bagSource()), props.minUnix, props.maxUnix, props.mode));
       }, [boundRaw, props.valueUnix, props.valuePath, ctx.empty]);
-      const dateBag = React10.useContext(FormValuesContext);
+      const dateBag = React11.useContext(FormValuesContext);
       const dateFieldId = props.__formFieldId;
       const dateRuleKey = props.validation ? JSON.stringify(props.validation) : "";
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!dateBag || !dateFieldId) return;
         dateBag.register(dateFieldId, props.validation);
         return () => dateBag.unregister(dateFieldId);
       }, [dateFieldId, dateBag, dateRuleKey]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (dateBag && dateFieldId) dateBag.set(dateFieldId, dateBagVal);
       }, [dateBagVal, dateFieldId, dateBag]);
       if (!ctx.onAction) {
@@ -129316,11 +129496,11 @@ var init_renderNode = __esm({
       const valueBinding = isBinding(props.value) ? props.value : void 0;
       const boundValue = useResolvedScalar(valueBinding, ctx);
       const initialValue = ctx.empty ? "" : valueBinding ? boundValue == null ? "" : String(boundValue) : String(props.value ?? "");
-      const [local, setLocal] = React10.useState(initialValue);
-      React10.useEffect(() => {
+      const [local, setLocal] = React11.useState(initialValue);
+      React11.useEffect(() => {
         if (!ctx.empty && valueBinding) setLocal(boundValue == null ? "" : String(boundValue));
       }, [boundValue, ctx.empty, valueBinding]);
-      const timer = React10.useRef(null);
+      const timer = React11.useRef(null);
       const dispatch = (action, v2) => {
         if (!action || !ctx.onAction) return;
         ctx.onAction({ ...action, params: { ...action.params ?? {}, value: v2 }, args: { ...action.args ?? {}, value: v2 } });
@@ -129362,33 +129542,33 @@ var init_renderNode = __esm({
       const boundValue = useResolvedScalar(props.valuePath, ctx);
       const effectiveValue = props.valuePath != null ? boundValue : props.value;
       const fallbackValue = effectiveValue ?? props.value ?? 0;
-      const [value, setValue] = React10.useState(() => {
+      const [value, setValue] = React11.useState(() => {
         const seed2 = Number(fallbackValue);
         return Number.isFinite(seed2) ? Math.min(max, Math.max(min, seed2)) : 0;
       });
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const next = Number(fallbackValue);
         if (Number.isFinite(next)) setValue(Math.min(max, Math.max(min, next)));
       }, [fallbackValue, min, max]);
-      const stepperBag = React10.useContext(FormValuesContext);
+      const stepperBag = React11.useContext(FormValuesContext);
       const stepperFieldId = props.__formFieldId;
       const stepperRuleKey = props.validation ? JSON.stringify(props.validation) : "";
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!stepperBag || !stepperFieldId) return;
         stepperBag.register(stepperFieldId, props.validation);
         return () => stepperBag.unregister(stepperFieldId);
       }, [stepperFieldId, stepperBag, stepperRuleKey]);
       const serviceBound = typeof props.valuePath === "string" && isBinding(props.valuePath) && props.valuePath.startsWith("$service:");
-      const [bagValue, setBagValue] = React10.useState(() => serviceBound ? boundValue != null ? encodeStepperFieldValue(boundValue, { min, max }) : "" : encodeStepperFieldValue(value, { min, max }));
-      React10.useEffect(() => {
+      const [bagValue, setBagValue] = React11.useState(() => serviceBound ? boundValue != null ? encodeStepperFieldValue(boundValue, { min, max }) : "" : encodeStepperFieldValue(value, { min, max }));
+      React11.useEffect(() => {
         if (!serviceBound || boundValue == null) return;
         setBagValue(encodeStepperFieldValue(boundValue, { min, max }));
       }, [boundValue, serviceBound, min, max]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (serviceBound) return;
         setBagValue(encodeStepperFieldValue(value, { min, max }));
       }, [value, serviceBound, min, max]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (stepperBag && stepperFieldId) stepperBag.set(stepperFieldId, bagValue);
       }, [bagValue, stepperFieldId, stepperBag]);
       const dispatch = (next) => {
@@ -129403,7 +129583,7 @@ var init_renderNode = __esm({
         dispatch(next);
         return next;
       };
-      const [pressed, setPressed] = React10.useState({ text: "", count: 0 });
+      const [pressed, setPressed] = React11.useState({ text: "", count: 0 });
       const bump = (delta) => commit(value + delta);
       const press = (delta) => {
         const next = bump(delta);
@@ -129545,9 +129725,9 @@ var init_renderNode = __esm({
       const items = Array.isArray(props.items) ? props.items : [];
       const gridStagger = ctx.reduceMotion() ? 0 : Number(props.staggerMs ?? props.stagger_ms ?? 0);
       const stagger = (el2, i2) => {
-        if (!(gridStagger > 0) || !React10.isValidElement(el2)) return el2;
+        if (!(gridStagger > 0) || !React11.isValidElement(el2)) return el2;
         const prev = el2.props.style ?? {};
-        return React10.cloneElement(el2, { style: { ...prev, animationDelay: `${i2 * gridStagger}ms` } });
+        return React11.cloneElement(el2, { style: { ...prev, animationDelay: `${i2 * gridStagger}ms` } });
       };
       const inner = itemsPath && items[0] && ctx.provider ? /* @__PURE__ */ jsx11(
         BoundList,
@@ -129601,13 +129781,13 @@ var init_renderNode = __esm({
     revealProgress = /* @__PURE__ */ new Map();
     countWords = (s2) => s2.split(/\s+/).filter((t2) => t2 !== "").length;
     RevealText = ({ text: text9, reduce, markdownHtml }) => {
-      const tokens2 = React10.useMemo(() => text9.split(/(\s+)/).filter((t2) => t2 !== ""), [text9]);
-      const total = React10.useMemo(
+      const tokens2 = React11.useMemo(() => text9.split(/(\s+)/).filter((t2) => t2 !== ""), [text9]);
+      const total = React11.useMemo(
         () => markdownHtml != null ? revealHtml(markdownHtml, 0, void 0).total : countWords(text9),
         [text9, markdownHtml]
       );
-      const [shown2, setShown] = React10.useState(total);
-      const prevRef = React10.useRef(null);
+      const [shown2, setShown] = React11.useState(total);
+      const prevRef = React11.useRef(null);
       useIsomorphicLayoutEffect(() => {
         const prev = prevRef.current;
         prevRef.current = text9;
@@ -129730,8 +129910,8 @@ var init_renderNode = __esm({
       const boundInitials = useResolvedScalar(props.initials != null && isBinding(props.initials) ? props.initials : void 0, ctx);
       const boundAlt = useResolvedScalar(contentDescription, ctx);
       const fadeIn = motionDefaultsAnimate(ctx);
-      const [shownSrc, setShownSrc] = React10.useState(null);
-      const imgRef = React10.useRef(null);
+      const [shownSrc, setShownSrc] = React11.useState(null);
+      const imgRef = React11.useRef(null);
       const hasSource = props.url != null || props.initials != null || props.asset != null || props.icon != null;
       const banner = fillWidth === true || props.width == null && props.height == null && !props.initials;
       const w2 = banner ? "100%" : props.width ?? 40;
@@ -129745,7 +129925,7 @@ var init_renderNode = __esm({
       const ph = props.placeholder ? C2(props.placeholder, "#e6e6e6") : void 0;
       const imgUrl = props.url != null && isBinding(props.url) ? boundUrl : props.url;
       const imgInitials = props.initials != null && isBinding(props.initials) ? boundInitials : props.initials;
-      const [failedSrc, setFailedSrc] = React10.useState(null);
+      const [failedSrc, setFailedSrc] = React11.useState(null);
       const resolvedSrc = imgUrl && typeof imgUrl === "string" ? resolveAssetUrl(imgUrl, ctx.assetBaseUrl) : null;
       const imgShown = !fadeIn || resolvedSrc != null && shownSrc === resolvedSrc;
       useIsomorphicLayoutEffect(() => {
@@ -129778,7 +129958,7 @@ var init_renderNode = __esm({
       if (imgInitials && typeof imgInitials === "string") {
         const alt = asText2(boundAlt).trim();
         const circle = avatarCircle(String(imgInitials), typeof w2 === "number" ? w2 : 40, C2, false, bodyFont(ctx));
-        return React10.cloneElement(circle, alt ? { role: "img", "aria-label": alt, [SELF_RENDERED_LEAF]: true } : { [ROLE_WHEN_NAMED]: "img", [SELF_RENDERED_LEAF]: true });
+        return React11.cloneElement(circle, alt ? { role: "img", "aria-label": alt, [SELF_RENDERED_LEAF]: true } : { [ROLE_WHEN_NAMED]: "img", [SELF_RENDERED_LEAF]: true });
       }
       if (props.icon != null && props.url == null && props.asset == null && imgInitials == null) {
         const side2 = typeof w2 === "number" ? w2 : 40;
@@ -129843,7 +130023,7 @@ var init_renderNode = __esm({
       const a11y = described ? { role: "img", "aria-label": String(contentDescription), [SELF_RENDERED_LEAF]: true } : { "aria-hidden": "true", [INFERRED_DECORATIVE]: true, [SELF_RENDERED_LEAF]: true, [ROLE_WHEN_NAMED]: "img" };
       const glyph = iconSvg(iconName, { size, color: C2(resolveScalarStatic(props.tint, ctx) ?? "textPrimary", "#636b78") });
       const swap = useIconSwap(iconName, ctx);
-      const animatedGlyph = Object.keys(effectStyle).length || swap.key > 0 ? React10.cloneElement(glyph, { style: { ...glyph.props.style, ...swap.style, ...effectStyle }, key: swap.key }) : glyph;
+      const animatedGlyph = Object.keys(effectStyle).length || swap.key > 0 ? React11.cloneElement(glyph, { style: { ...glyph.props.style, ...swap.style, ...effectStyle }, key: swap.key }) : glyph;
       return /* @__PURE__ */ jsx11("span", { ...a11y, style: { display: "inline-grid", placeItems: "center", width: size + 6, height: size + 6, lineHeight: 1, flex: "none", ...wrap }, children: animatedGlyph });
     });
     EMPTY_STATE_SPACING = {
@@ -130015,12 +130195,12 @@ var init_renderNode = __esm({
       const C2 = ctx.color;
       const bound = useResolvedScalar(props.valuePath, ctx);
       const boundText = props.valuePath != null ? typeof bound === "string" ? bound : typeof bound === "number" ? String(bound) : "" : void 0;
-      const [typed, setTyped] = React10.useState(void 0);
-      React10.useEffect(() => {
+      const [typed, setTyped] = React11.useState(void 0);
+      React11.useEffect(() => {
         setTyped(void 0);
       }, [boundText, props.value, props.valuePath, typeof props.valuePath === "string" && props.valuePath.startsWith("$service:") ? ctx.provider : null]);
       const otpPath = typeof props.valuePath === "string" && props.valuePath.startsWith("$service:") ? servicePath(props.valuePath) : "";
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!ctx.provider || !otpPath) return;
         let subscribing = true;
         let active = true;
@@ -130110,12 +130290,38 @@ var init_renderNode = __esm({
       };
       return /* @__PURE__ */ jsx11("div", { ...a11y, style: { width: "100%", height: 6, borderRadius: 999, background: C2(boundTokenName(props.trackColorPath, props.trackColor, ctx) ?? "surfaceTertiary", "#eee"), overflow: "hidden", ...wrap }, children: /* @__PURE__ */ jsx11("div", { style: { width: `${Math.round((p2 ?? 0.4) * 100)}%`, height: "100%", borderRadius: 999, background: C2(boundTokenName(props.tintPath, props.tint, ctx) ?? "accentPrimary", "#116DFF"), opacity: p2 == null ? 0.45 : 1, ...animatedFill ? { transition: ctx.motionTransition(ctx.kit?.motion) } : {} } }) });
     });
+    SnackbarNode = withExtras("SnackbarNode", ({ props, ctx, wrap }) => {
+      const [phase, setPhase] = React11.useState("shown");
+      const hideAfter = ctx.empty ? void 0 : snackbarAutoHideMs(props.durationMs);
+      const identity = snackbarIdentity(props);
+      React11.useEffect(() => {
+        setPhase("shown");
+        if (hideAfter === void 0) return;
+        let fade;
+        const hide = setTimeout(() => {
+          setPhase("fading");
+          fade = setTimeout(() => setPhase("gone"), SNACKBAR_FADE_MS);
+        }, hideAfter);
+        return () => {
+          clearTimeout(hide);
+          if (fade !== void 0) clearTimeout(fade);
+        };
+      }, [hideAfter, identity]);
+      if (phase === "gone") return null;
+      const dot = sevColor(ctx, props.severity ?? "info");
+      return /* @__PURE__ */ jsxs8("div", { "data-snackbar-phase": phase, style: { display: "flex", alignItems: "center", gap: 10, background: "#1c1f26", color: "#fff", borderRadius: ctx.radius("md", 10), padding: "12px 14px", width: "100%", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontWeight: 500, fontSize: pxToRem(14), ...wrap, ...phase === "fading" ? { opacity: 0, transition: `opacity ${SNACKBAR_FADE_MS}ms ease-out` } : {} }, children: [
+        /* @__PURE__ */ jsx11("span", { style: { width: 18, height: 18, borderRadius: "50%", background: dot, display: "grid", placeItems: "center", fontSize: 11, flex: "none" }, children: "\u2713" }),
+        /* @__PURE__ */ jsx11("span", { style: { flex: 1, minWidth: 0 }, children: txt(props.message, ctx) }),
+        actionTextButton(ctx, props.action, asBoundText(props.actionLabel, ctx) || "Take action", "#fff", { flex: "none", textDecoration: "underline" })
+      ] });
+    });
     ACTIVITY_DEFAULT_NAME = "Loading";
+    ACTIVITY_RING_ARC = 0.25;
     ActivityIndicatorNode = withExtras("ActivityIndicatorNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
       const size = props.size ?? 24;
       const tint = C2(boundTokenName(props.tintPath, props.tint, ctx) ?? "accentPrimary", "#116DFF");
-      const track = C2("surfaceTertiary", "#e3e6ea");
+      const track = activityRingTrack(C2, tint, { cssMix: true });
       const thick = Math.max(3, Math.round(size / 8));
       const bound = useResolvedScalar(props.valuePath, ctx);
       const aiRaw = props.valuePath != null ? bound : props.value;
@@ -130128,7 +130334,11 @@ var init_renderNode = __esm({
         return /* @__PURE__ */ jsx11("div", { role: "progressbar", "aria-label": ACTIVITY_DEFAULT_NAME, ...a11y, style: { width: size, height: size, borderRadius: "50%", flex: "none", background: `conic-gradient(${tint} ${pct * 360}deg, ${track} 0deg)`, WebkitMask: ringMask, mask: ringMask, ...wrap } });
       }
       ensureSpinKeyframes();
-      return /* @__PURE__ */ jsx11("div", { role: "status", "aria-busy": "true", "aria-label": ACTIVITY_DEFAULT_NAME, style: { width: size, height: size, borderRadius: "50%", border: `${thick}px solid ${track}`, borderTopColor: tint, boxSizing: "border-box", flex: "none", animation: ctx.empty ? void 0 : "himalaya-spin 0.8s linear infinite", ...wrap } });
+      if (props.ring === true) {
+        const ringMask = `radial-gradient(farthest-side, transparent calc(100% - ${thick}px), #000 calc(100% - ${thick}px))`;
+        return /* @__PURE__ */ jsx11("div", { role: "status", "aria-busy": "true", "aria-label": ACTIVITY_DEFAULT_NAME, "data-activity-look": "indeterminate-ring", style: { width: size, height: size, borderRadius: "50%", flex: "none", background: `conic-gradient(${tint} ${ACTIVITY_RING_ARC * 360}deg, ${track} 0deg)`, WebkitMask: ringMask, mask: ringMask, animation: ctx.empty || ctx.reduceMotion() ? void 0 : "himalaya-spin 0.8s linear infinite", ...wrap } });
+      }
+      return /* @__PURE__ */ jsx11("div", { role: "status", "aria-busy": "true", "aria-label": ACTIVITY_DEFAULT_NAME, style: { width: size, height: size, borderRadius: "50%", border: `${thick}px solid ${track}`, borderTopColor: tint, boxSizing: "border-box", flex: "none", animation: ctx.empty || ctx.reduceMotion() ? void 0 : "himalaya-spin 0.8s linear infinite", ...wrap } });
     });
     NATIVELY_TABBABLE = 'a[href], area[href], button, input:not([type="hidden"]), select, textarea, iframe, object, embed, audio[controls], video[controls], summary, [contenteditable]:not([contenteditable="false"]), [tabindex]';
     BottomSheetNode = (p2) => sheetIsNonModal(p2.props?.modal) ? /* @__PURE__ */ jsx11(BottomDrawerNode, { ...p2 }) : /* @__PURE__ */ jsx11(ModalBottomSheetNode, { ...p2 });
@@ -130140,8 +130350,8 @@ var init_renderNode = __esm({
       const gated = props.presentedPath != null || props.presented != null;
       const presented = props.presentedPath != null ? bound : props.presented;
       const gateOpen = !gated || presented === true || presented === "true";
-      const [dismissed, setDismissed] = React10.useState(false);
-      React10.useEffect(() => {
+      const [dismissed, setDismissed] = React11.useState(false);
+      React11.useEffect(() => {
         if (!gateOpen) setDismissed(false);
       }, [gateOpen]);
       const shown2 = gateOpen && !dismissed;
@@ -130149,26 +130359,26 @@ var init_renderNode = __esm({
       const dismissible = props.dismissible !== false;
       const edge = sheetEdge(props.edge);
       const detents = edge === "bottom" ? sheetDetents(props.detents) : [];
-      const [detentIndex, setDetentIndex] = React10.useState(0);
-      React10.useEffect(() => {
+      const [detentIndex, setDetentIndex] = React11.useState(0);
+      React11.useEffect(() => {
         if (!shown2) setDetentIndex(0);
       }, [shown2]);
-      const dialogRef = React10.useRef(null);
+      const dialogRef = React11.useRef(null);
       const trapTab = useModalOverlay(dialogRef, shown2 && modal);
-      const latest = React10.useRef({ ctx, onDismiss: props.onDismiss });
+      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss });
       latest.current = { ctx, onDismiss: props.onDismiss };
-      const closed = React10.useRef(false);
-      React10.useEffect(() => {
+      const closed = React11.useRef(false);
+      React11.useEffect(() => {
         if (shown2) closed.current = false;
       }, [shown2]);
-      const dismiss = React10.useCallback(() => {
+      const dismiss = React11.useCallback(() => {
         if (closed.current) return;
         closed.current = true;
         setDismissed(true);
         const { ctx: now, onDismiss } = latest.current;
         if (onDismiss != null) now.onAction?.(resolveItemDeep2(onDismiss, now));
       }, []);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!shown2 || !dismissible) return;
         const doc = dialogRef.current?.ownerDocument;
         if (!doc) return;
@@ -130182,11 +130392,11 @@ var init_renderNode = __esm({
         doc.addEventListener("keydown", onKey, true);
         return () => doc.removeEventListener("keydown", onKey, true);
       }, [shown2, dismissible, dismiss]);
-      const drag = React10.useRef(null);
+      const drag = React11.useRef(null);
       const reduceMotion = ctx.reduceMotion();
-      const [mounted, setMounted] = React10.useState(shown2);
-      const [entered, setEntered] = React10.useState(shown2 && ctx.staticRender === true);
-      React10.useEffect(() => {
+      const [mounted, setMounted] = React11.useState(shown2);
+      const [entered, setEntered] = React11.useState(shown2 && ctx.staticRender === true);
+      React11.useEffect(() => {
         if (shown2) {
           setMounted(true);
           if (reduceMotion || typeof requestAnimationFrame !== "function") {
@@ -130210,8 +130420,8 @@ var init_renderNode = __esm({
         const t2 = setTimeout(() => setMounted(false), DRAWER_EXIT_MS);
         return () => clearTimeout(t2);
       }, [shown2, reduceMotion]);
-      const scrimRef = React10.useRef(null);
-      const [rtl, setRtl] = React10.useState(false);
+      const scrimRef = React11.useRef(null);
+      const [rtl, setRtl] = React11.useState(false);
       useIsomorphicLayoutEffect(() => {
         const el2 = scrimRef.current;
         if (el2 && el2.ownerDocument.defaultView) setRtl(el2.ownerDocument.defaultView.getComputedStyle(el2).direction === "rtl");
@@ -130319,8 +130529,8 @@ var init_renderNode = __esm({
       const gated = props.presentedPath != null || props.presented != null;
       const presented = props.presentedPath != null ? bound : props.presented;
       const gateOpen = !gated || presented === true || presented === "true";
-      const [dismissed, setDismissed] = React10.useState(false);
-      React10.useEffect(() => {
+      const [dismissed, setDismissed] = React11.useState(false);
+      React11.useEffect(() => {
         if (!gateOpen) setDismissed(false);
       }, [gateOpen]);
       const shown2 = gateOpen && !dismissed;
@@ -130328,18 +130538,18 @@ var init_renderNode = __esm({
       const autoMs = drawerAutoDismissMs(props.autoDismissMs);
       const placement = sheetPlacement(props.placement);
       const detents = sheetDetents(props.detents);
-      const [detentIndex, setDetentIndex] = React10.useState(0);
-      const [expanded, setExpanded] = React10.useState(false);
-      React10.useEffect(() => {
+      const [detentIndex, setDetentIndex] = React11.useState(0);
+      const [expanded, setExpanded] = React11.useState(false);
+      React11.useEffect(() => {
         if (!shown2) {
           setDetentIndex(0);
           setExpanded(false);
         }
       }, [shown2]);
       const reduceMotion = ctx.reduceMotion();
-      const [mounted, setMounted] = React10.useState(shown2);
-      const [entered, setEntered] = React10.useState(shown2 && ctx.staticRender === true);
-      React10.useEffect(() => {
+      const [mounted, setMounted] = React11.useState(shown2);
+      const [entered, setEntered] = React11.useState(shown2 && ctx.staticRender === true);
+      React11.useEffect(() => {
         if (shown2) {
           setMounted(true);
           if (reduceMotion || typeof requestAnimationFrame !== "function") {
@@ -130363,10 +130573,10 @@ var init_renderNode = __esm({
         const t2 = setTimeout(() => setMounted(false), DRAWER_EXIT_MS);
         return () => clearTimeout(t2);
       }, [shown2, reduceMotion]);
-      const anchorRef = React10.useRef(null);
-      const panelRef = React10.useRef(null);
-      const [host, setHost] = React10.useState(null);
-      const [hostTop, setHostTop] = React10.useState(true);
+      const anchorRef = React11.useRef(null);
+      const panelRef = React11.useRef(null);
+      const [host, setHost] = React11.useState(null);
+      const [hostTop, setHostTop] = React11.useState(true);
       useIsomorphicLayoutEffect(() => {
         if (!host) {
           setHostTop(true);
@@ -130388,13 +130598,13 @@ var init_renderNode = __esm({
         };
       }, [host, mounted]);
       useIsomorphicLayoutEffect(() => {
-        const scope = anchorRef.current?.closest(`[${MODAL_SCOPE_ATTR}]`);
-        const own5 = (attr3) => Array.from(scope?.querySelectorAll(`[${attr3}]`) ?? []).find((el2) => el2.closest(`[${MODAL_SCOPE_ATTR}]`) === scope) ?? null;
+        const scope2 = anchorRef.current?.closest(`[${MODAL_SCOPE_ATTR}]`);
+        const own5 = (attr3) => Array.from(scope2?.querySelectorAll(`[${attr3}]`) ?? []).find((el2) => el2.closest(`[${MODAL_SCOPE_ATTR}]`) === scope2) ?? null;
         const overlay = placement === "overlay" ? own5(SHEET_OVERLAY_HOST_ATTR) : null;
         setHost(overlay ?? own5(DRAWER_HOST_ATTR));
       }, [mounted, placement]);
       const overHost = host?.hasAttribute(SHEET_OVERLAY_HOST_ATTR) ?? false;
-      const [regionPx, setRegionPx] = React10.useState(0);
+      const [regionPx, setRegionPx] = React11.useState(0);
       useIsomorphicLayoutEffect(() => {
         if (!detents.length || !mounted) return;
         const region = host ? overHost ? host.parentElement : host.previousElementSibling : null;
@@ -130404,38 +130614,38 @@ var init_renderNode = __esm({
         window.addEventListener("resize", measure2);
         return () => window.removeEventListener("resize", measure2);
       }, [host, overHost, mounted, detents.length]);
-      const latest = React10.useRef({ ctx, onDismiss: props.onDismiss });
+      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss });
       latest.current = { ctx, onDismiss: props.onDismiss };
-      const closed = React10.useRef(false);
-      const remaining = React10.useRef(autoMs ?? 0);
-      React10.useEffect(() => {
+      const closed = React11.useRef(false);
+      const remaining = React11.useRef(autoMs ?? 0);
+      React11.useEffect(() => {
         if (!shown2) return;
         closed.current = false;
         remaining.current = autoMs ?? 0;
       }, [shown2, autoMs]);
-      const close = React10.useCallback(() => {
+      const close = React11.useCallback(() => {
         if (closed.current) return;
         closed.current = true;
         setDismissed(true);
         const { ctx: now, onDismiss } = latest.current;
         if (onDismiss != null) now.onAction?.(resolveItemDeep2(onDismiss, now));
       }, []);
-      const toDetent = React10.useCallback((next, from) => {
+      const toDetent = React11.useCallback((next, from) => {
         if (next > from) setExpanded(true);
         setDetentIndex(next);
       }, []);
-      const [hover, setHover] = React10.useState(false);
-      const [pressed, setPressed] = React10.useState(false);
-      const [focusIn, setFocusIn] = React10.useState(false);
+      const [hover, setHover] = React11.useState(false);
+      const [pressed, setPressed] = React11.useState(false);
+      const [focusIn, setFocusIn] = React11.useState(false);
       const paused = hover || pressed || focusIn;
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!shown2) {
           setHover(false);
           setPressed(false);
           setFocusIn(false);
         }
       }, [shown2]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!shown2 || !hostTop || autoMs == null || paused || expanded) return;
         const since = Date.now();
         const t2 = setTimeout(() => {
@@ -130446,7 +130656,7 @@ var init_renderNode = __esm({
           remaining.current = drawerRemainingMs(remaining.current, Date.now() - since);
         };
       }, [shown2, hostTop, autoMs, paused, expanded, close]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!shown2 || !dismissible) return;
         const doc = panelRef.current?.ownerDocument;
         if (!doc) return;
@@ -130459,13 +130669,13 @@ var init_renderNode = __esm({
         doc.addEventListener("keydown", onKey, true);
         return () => doc.removeEventListener("keydown", onKey, true);
       }, [shown2, dismissible, close, host]);
-      const drag = React10.useRef(null);
-      const dragged = React10.useRef(false);
-      const [dragDy, setDragDy] = React10.useState(0);
-      React10.useEffect(() => {
+      const drag = React11.useRef(null);
+      const dragged = React11.useRef(false);
+      const [dragDy, setDragDy] = React11.useState(0);
+      React11.useEffect(() => {
         if (!shown2) setDragDy(0);
       }, [shown2]);
-      const dragState = React10.useRef({ index: 0, count: 0, dismissible });
+      const dragState = React11.useRef({ index: 0, count: 0, dismissible });
       if (!shown2 && !mounted) return /* @__PURE__ */ jsx11("span", { ref: anchorRef, "data-bottom-drawer-anchor": "", hidden: true, ...{ [NODE_EXTRAS_TARGET]: "bottom-drawer-panel" } });
       const sheet = idiomControls(ctx.idiom).sheet;
       const r3 = `${sheet.cornerRadius}px`;
@@ -130607,23 +130817,23 @@ var init_renderNode = __esm({
       const rich = title !== "";
       const trigger = resolveTooltipTrigger(props.trigger, "pointer");
       const edge = resolveOverlayEdge("Tooltip", props.edge);
-      const [open, setOpen] = React10.useState(false);
-      const anchorRef = React10.useRef(null);
-      const bubbleRef = React10.useRef(null);
-      const pressTimer = React10.useRef(null);
+      const [open, setOpen] = React11.useState(false);
+      const anchorRef = React11.useRef(null);
+      const bubbleRef = React11.useRef(null);
+      const pressTimer = React11.useRef(null);
       const placement = useFlippedEdge(edge, open, bubbleRef, anchorRef);
       const placed = placement.edge;
-      const latest = React10.useRef({ ctx, onDismiss: props.onDismiss, open });
+      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss, open });
       latest.current = { ctx, onDismiss: props.onDismiss, open };
-      const holding = React10.useRef({ hover: false, focus: false });
-      const [needsTabStop, setNeedsTabStop] = React10.useState(false);
+      const holding = React11.useRef({ hover: false, focus: false });
+      const [needsTabStop, setNeedsTabStop] = React11.useState(false);
       useIsomorphicLayoutEffect(() => {
         const el2 = anchorRef.current;
         const want = trigger === "hover" && el2 != null && !hasTabStop(el2);
         if (want !== needsTabStop) setNeedsTabStop(want);
       });
-      const show = React10.useCallback(() => setOpen(true), []);
-      const dismiss = React10.useCallback(() => {
+      const show = React11.useCallback(() => setOpen(true), []);
+      const dismiss = React11.useCallback(() => {
         holding.current = { hover: false, focus: false };
         const { ctx: now, onDismiss, open: wasOpen } = latest.current;
         if (!wasOpen) return;
@@ -130631,7 +130841,7 @@ var init_renderNode = __esm({
         setOpen(false);
         if (onDismiss != null) now.onAction?.(resolveItemDeep2(onDismiss, now));
       }, []);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!open) return;
         const doc = bubbleRef.current?.ownerDocument;
         if (!doc) return;
@@ -130655,7 +130865,7 @@ var init_renderNode = __esm({
           if (timer) clearTimeout(timer);
         };
       }, [open, trigger, dismiss]);
-      React10.useEffect(() => () => {
+      React11.useEffect(() => () => {
         if (pressTimer.current) clearTimeout(pressTimer.current);
       }, []);
       const cancelPress = () => {
@@ -130695,7 +130905,7 @@ var init_renderNode = __esm({
       };
       const hint = [title, text9].filter((s2) => s2 !== "").join(". ");
       const anchor = props.anchor ? renderNode(props.anchor, ctx) : null;
-      const wrapperHintId = `hm-tip-hint${React10.useId()}`;
+      const wrapperHintId = `hm-tip-hint${React11.useId()}`;
       useIsomorphicLayoutEffect(() => {
         const wrapper = anchorRef.current;
         if (!wrapper || !hint || needsTabStop) return;
@@ -130717,7 +130927,7 @@ var init_renderNode = __esm({
         /* @__PURE__ */ jsx11(OverlayAnchorClip, { wrap, children: needsTabStop ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
           anchor,
           hint && /* @__PURE__ */ jsx11("span", { id: wrapperHintId, hidden: true, "data-hm-a11y-hint": "", children: hint })
-        ] }) : hint && React10.isValidElement(anchor) ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+        ] }) : hint && React11.isValidElement(anchor) ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
           /* @__PURE__ */ jsx11(A11yHintDescription, { hint, children: anchor }),
           /* @__PURE__ */ jsx11("span", { id: wrapperHintId, hidden: true, "data-hm-a11y-hint": "", children: hint })
         ] }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
@@ -130738,24 +130948,24 @@ var init_renderNode = __esm({
       const gateOpen = gate === true || gate === "true";
       const literal = props.presentedPath == null && props.presented != null;
       const identity = { path: props.presentedPath, presented: props.presented, provider: ctx.provider };
-      const [local, setLocal] = React10.useState({ ...identity, opened: false, dismissed: false });
+      const [local, setLocal] = React11.useState({ ...identity, opened: false, dismissed: false });
       const sameGate = local.path === identity.path && local.presented === identity.presented && local.provider === identity.provider;
       const current = sameGate ? local : { ...identity, opened: false, dismissed: false };
       if (!sameGate) setLocal(current);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!gateOpen) setLocal((previous) => previous.dismissed ? { ...previous, dismissed: false } : previous);
       }, [gateOpen]);
       const shown2 = !gated || (gateOpen || current.opened) && !current.dismissed;
       const modal = gated && isOverlayModal("Popover", props.modal);
-      const dialogRef = React10.useRef(null);
-      const anchorRef = React10.useRef(null);
-      const boxRef = React10.useRef(null);
+      const dialogRef = React11.useRef(null);
+      const anchorRef = React11.useRef(null);
+      const boxRef = React11.useRef(null);
       const trapTab = useModalOverlay(dialogRef, shown2 && modal);
       const placement = useFlippedEdge(resolveOverlayEdge("Popover", props.edge), gated && shown2, dialogRef, boxRef, 6);
       const placed = placement.edge;
-      const latest = React10.useRef({ ctx, onDismiss: props.onDismiss });
+      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss });
       latest.current = { ctx, onDismiss: props.onDismiss };
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!gated || !shown2) return;
         const doc = dialogRef.current?.ownerDocument;
         if (!doc) return;
@@ -130793,8 +131003,8 @@ var init_renderNode = __esm({
         if (shown2) return;
         setLocal({ ...identity, opened: true, dismissed: false });
       } : void 0;
-      const [anchorIsButton, setAnchorIsButton] = React10.useState(false);
-      const [needsSeparateOpener, setNeedsSeparateOpener] = React10.useState(false);
+      const [anchorIsButton, setAnchorIsButton] = React11.useState(false);
+      const [needsSeparateOpener, setNeedsSeparateOpener] = React11.useState(false);
       useIsomorphicLayoutEffect(() => {
         const el2 = anchorRef.current;
         const want = literal && el2 != null && !hasTabStop(el2);
@@ -130821,7 +131031,7 @@ var init_renderNode = __esm({
     });
     ChipsInputNode = withExtras("ChipsInputNode", ({ props, ctx, wrap }) => {
       const placeholderText = useBoundString(props.placeholder, ctx);
-      const [draft, setDraft] = React10.useState("");
+      const [draft, setDraft] = React11.useState("");
       const C2 = ctx.color;
       const bound = useResolvedScalar(props.valuesPath, ctx);
       const raw = props.valuesPath != null ? bound : props.values;
@@ -131014,7 +131224,7 @@ var init_renderNode = __esm({
             const who = asText2(a2.initials).trim();
             const initials = avatarCircle(who || "?", size, C2, true, bodyFont(ctx));
             const photo = typeof a2.imageUrl === "string" && a2.imageUrl && !isBinding(a2.imageUrl) ? a2.imageUrl : "";
-            const circle = photo ? React10.cloneElement(
+            const circle = photo ? React11.cloneElement(
               initials,
               { style: { ...initials.props.style, position: "relative", overflow: "hidden" } },
               initials.props.children,
@@ -131022,7 +131232,7 @@ var init_renderNode = __esm({
                 e2.currentTarget.style.display = "none";
               }, style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover" } })
             ) : initials;
-            return who ? /* @__PURE__ */ jsx11("div", { role: "listitem", style: wrapStyle, children: React10.cloneElement(circle, { role: "img", "aria-label": who }) }, i2) : /* @__PURE__ */ jsx11("div", { "aria-hidden": "true", style: wrapStyle, children: circle }, i2);
+            return who ? /* @__PURE__ */ jsx11("div", { role: "listitem", style: wrapStyle, children: React11.cloneElement(circle, { role: "img", "aria-label": who }) }, i2) : /* @__PURE__ */ jsx11("div", { "aria-hidden": "true", style: wrapStyle, children: circle }, i2);
           }),
           overflow > 0 && /* @__PURE__ */ jsx11("div", { role: "listitem", style: { marginLeft: -(size - shift), width: size, height: size, borderRadius: "50%", border: `2px solid ${C2("surfacePrimary", "#fff")}`, background: C2("surfaceTertiary", "#e6e6e6"), color: C2("textPrimary", "#111"), display: "grid", placeItems: "center", fontSize: size * 0.32, fontWeight: 700, fontFamily: bodyFont(ctx) }, children: /* @__PURE__ */ jsxs8("span", { role: "img", "aria-label": `${overflow} more`, children: [
             "+",
@@ -131043,7 +131253,7 @@ var init_renderNode = __esm({
       const declared = Array.isArray(props.series) ? props.series : [];
       const multi = declared.length > 0;
       const singleBound = useBoundValue(ctx, typeof props.valuesPath === "string" && !multi ? props.valuesPath : "");
-      const seriesBindings = React10.useMemo(
+      const seriesBindings = React11.useMemo(
         () => declared.map((d2) => typeof d2?.valuesPath === "string" ? d2.valuesPath : ""),
         // eslint-disable-next-line react-hooks/exhaustive-deps
         [declared.map((d2) => String(d2?.valuesPath ?? "")).join("\0")]
@@ -131189,9 +131399,9 @@ var init_renderNode = __esm({
       ] }) });
     });
     ShapeNode = withExtras("ShapeNode", ({ props, ctx, wrap }) => {
-      const ref = React10.useRef(null);
-      const [box, setBox] = React10.useState(null);
-      React10.useEffect(() => {
+      const ref = React11.useRef(null);
+      const [box, setBox] = React11.useState(null);
+      React11.useEffect(() => {
         const el2 = ref.current;
         if (!el2) return;
         const measure2 = () => {
@@ -131349,10 +131559,10 @@ var init_renderNode = __esm({
       const isPlayable = !isFailed && !isUploading;
       const isPlaying = state === "playing";
       const isLoading = state === "loading";
-      const [scrub, setScrub] = React10.useState(null);
-      const [seeked, setSeeked] = React10.useState(null);
+      const [scrub, setScrub] = React11.useState(null);
+      const [seeked, setSeeked] = React11.useState(null);
       const positionMs = Math.max(0, num4(props.positionMsPath != null ? boundPosition : void 0, props.positionMs, 0));
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         setSeeked(null);
       }, [positionMs]);
       const effectivePositionMs = seeked ?? positionMs;
@@ -131394,8 +131604,8 @@ var init_renderNode = __esm({
       const barW = Math.max(0.6, slot * 0.58);
       const cut2 = progress * W2;
       const rates = Array.isArray(props.rates) ? props.rates.map(Number).filter((n2) => n2 > 0) : [];
-      const [pickedRate, setPickedRate] = React10.useState(null);
-      React10.useEffect(() => {
+      const [pickedRate, setPickedRate] = React11.useState(null);
+      React11.useEffect(() => {
         setPickedRate(null);
       }, [rate]);
       const effectiveRate = pickedRate ?? rate;
@@ -131572,9 +131782,9 @@ var init_renderNode = __esm({
       const items = (props.__pager ? props.pages : props.items) ?? [];
       const pages2 = items.filter((page) => isNodeLike(page) || page?.type);
       const requested = Math.max(0, Math.min(pages2.length - 1, props.currentIndex ?? 0));
-      const [current, setCurrent] = React10.useState(requested);
-      const rail = React10.useRef(null);
-      const currentRef = React10.useRef(current);
+      const [current, setCurrent] = React11.useState(requested);
+      const rail = React11.useRef(null);
+      const currentRef = React11.useRef(current);
       const itemsPath = props.itemsPath ?? props.items_path;
       const boundRail = !!itemsPath && !!items[0] && !!ctx.provider;
       const select2 = (index) => {
@@ -131583,12 +131793,12 @@ var init_renderNode = __esm({
         setCurrent(index);
         if (props.onChange && ctx.onAction) ctx.onAction({ ...props.onChange, args: { ...props.onChange.args ?? {}, index } });
       };
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         currentRef.current = requested;
         setCurrent(requested);
         if (rail.current && !boundRail) rail.current.scrollLeft = requested * rail.current.clientWidth;
       }, [requested, boundRail, pages2.length]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const interval = props.autoplayIntervalMs;
         if (props.__pager || boundRail || !Number.isFinite(interval) || interval <= 0 || pages2.length < 2 || ctx.reduceMotion()) return;
         const timer = setInterval(() => {
@@ -131631,19 +131841,19 @@ var init_renderNode = __esm({
       const opts = Array.isArray(rawOpts) ? rawOpts : [];
       const selectedId = isBinding(props.selectedId) ? boundSel : props.selectedId;
       const selIdx = Math.max(0, opts.findIndex((o2) => o2?.id === selectedId));
-      const viewport = React10.useRef(null);
-      const settle = React10.useRef(void 0);
-      const pickerId = React10.useId();
+      const viewport = React11.useRef(null);
+      const settle = React11.useRef(void 0);
+      const pickerId = React11.useId();
       const interactive = !!ctx.onAction && !!props.onChange;
       const emit = (index) => {
         const id = opts[index]?.id;
         if (!interactive || id == null || index === selIdx) return;
         ctx.onAction({ ...props.onChange, args: { ...props.onChange.args ?? {}, selectedId: String(id) } });
       };
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (viewport.current) viewport.current.scrollTop = selIdx * 32;
       }, [selIdx, opts.length]);
-      React10.useEffect(() => () => clearTimeout(settle.current), []);
+      React11.useEffect(() => () => clearTimeout(settle.current), []);
       return /* @__PURE__ */ jsxs8("div", { style: { position: "relative", width: "100%", maxWidth: 220, height: 160, overflow: "hidden", background: C2("surfaceSecondary", "#f5f7fa"), borderRadius: 12, ...wrap }, children: [
         /* @__PURE__ */ jsx11("div", { "aria-hidden": "true", style: { position: "absolute", top: 64, left: 8, right: 8, height: 32, background: C2("surfacePrimary", "#fff"), borderRadius: 8, boxShadow: "inset 0 0 0 1px rgba(0,0,0,.06)" } }),
         /* @__PURE__ */ jsx11(
@@ -131754,23 +131964,23 @@ var init_renderNode = __esm({
       const hasEvents = !!(props.onMapTap || props.onMarkerTap || props.onRegionChange || props.onShapeTap);
       const boundShapes = useResolvedScalar(props.shapesPath, ctx);
       const shapesRaw = Array.isArray(boundShapes) ? boundShapes : Array.isArray(props.shapes) ? props.shapes : [];
-      const shapes = React10.useMemo(() => shapesRaw.map((sh) => {
+      const shapes = React11.useMemo(() => shapesRaw.map((sh) => {
         const kind = parseShapeKind(sh?.kind);
         const pts = Array.isArray(sh?.points) ? sh.points.filter((p2) => p2 && typeof p2.latitude === "number" && typeof p2.longitude === "number") : [];
         const ring = kind === "circle" && pts.length ? circleRing(pts[0].latitude, pts[0].longitude, typeof sh.radiusM === "number" ? sh.radiusM : 0) : pts;
         return { ...sh, kind, points: ring };
       }), [JSON.stringify(shapesRaw)]);
       const boundCameraRaw = useResolvedScalar(props.cameraPath, ctx);
-      const commandedCamera = React10.useMemo(() => decodeCamera(boundCameraRaw), [boundCameraRaw]);
-      const [box, setBox] = React10.useState({ w: 400, h: h2 });
-      const [tileStatus, setTileStatus] = React10.useState({});
-      const [userCam, setUserCam] = React10.useState(null);
-      const dragRef = React10.useRef(null);
-      const dragMovedRef = React10.useRef(false);
-      const regionReportedRef = React10.useRef(false);
-      const [boxEl, setBoxEl] = React10.useState(null);
-      const attachBox = React10.useCallback((el2) => setBoxEl(el2), []);
-      React10.useEffect(() => {
+      const commandedCamera = React11.useMemo(() => decodeCamera(boundCameraRaw), [boundCameraRaw]);
+      const [box, setBox] = React11.useState({ w: 400, h: h2 });
+      const [tileStatus, setTileStatus] = React11.useState({});
+      const [userCam, setUserCam] = React11.useState(null);
+      const dragRef = React11.useRef(null);
+      const dragMovedRef = React11.useRef(false);
+      const regionReportedRef = React11.useRef(false);
+      const [boxEl, setBoxEl] = React11.useState(null);
+      const attachBox = React11.useCallback((el2) => setBoxEl(el2), []);
+      React11.useEffect(() => {
         const el2 = boxEl;
         if (!el2) return;
         const measure2 = () => {
@@ -131793,12 +132003,12 @@ var init_renderNode = __esm({
       const explicitSchematic = schematic && props.routeMode?.toLowerCase() === "schematic";
       const usesTileArm = !explicitSchematic && (otherTileReason || hasStaticMarkers) && (follow || !schematic);
       const pinsOnly = hasStaticMarkers && !otherTileReason;
-      const [userFix, setUserFix] = React10.useState(null);
-      const [followBroken, setFollowBroken] = React10.useState(false);
-      React10.useEffect(() => {
+      const [userFix, setUserFix] = React11.useState(null);
+      const [followBroken, setFollowBroken] = React11.useState(false);
+      React11.useEffect(() => {
         if (follow) setFollowBroken(false);
       }, [follow]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!observeUserLocation || !usesTileArm) return;
         const geo = typeof navigator !== "undefined" ? navigator.geolocation : void 0;
         if (!geo || typeof geo.watchPosition !== "function") return;
@@ -131825,7 +132035,7 @@ var init_renderNode = __esm({
         const z4 = userCam?.z ?? fitted;
         const cLat = followActive ? userFix.lat : userCam?.lat ?? baseLat;
         const cLng = followActive ? userFix.lng : userCam?.lng ?? baseLng;
-        React10.useEffect(() => {
+        React11.useEffect(() => {
           const resolved2 = resolveCamera(commandedCamera, cLat, cLng, z4);
           if (!resolved2) return;
           setFollowBroken(true);
@@ -131907,7 +132117,7 @@ var init_renderNode = __esm({
         const endDrag = () => {
           dragRef.current = null;
         };
-        React10.useEffect(() => {
+        React11.useEffect(() => {
           if (!boxEl || !usesTileArm || !interactive) return;
           const zoomOnWheel = (event) => {
             event.preventDefault();
@@ -131917,7 +132127,7 @@ var init_renderNode = __esm({
           boxEl.addEventListener("wheel", zoomOnWheel, { passive: false });
           return () => boxEl.removeEventListener("wheel", zoomOnWheel);
         }, [boxEl, usesTileArm, interactive, z4, cLat, cLng]);
-        React10.useEffect(() => {
+        React11.useEffect(() => {
           const action = props.onRegionChange;
           const fire = ctx.onAction;
           if (!usesTileArm || !action || !fire) return;
@@ -132054,30 +132264,30 @@ var init_renderNode = __esm({
       const items = Array.isArray(props.items) ? props.items : [];
       const pages2 = items.filter((p2) => isNodeLike(p2) || p2?.type);
       const count2 = pages2.length;
-      const [index, setIndex] = React10.useState(typeof props.currentIndex === "number" ? props.currentIndex : 0);
-      const indexRef = React10.useRef(index);
-      const trackRef = React10.useRef(null);
-      const [hovered, setHovered] = React10.useState(false);
-      const [focused, setFocused] = React10.useState(false);
+      const [index, setIndex] = React11.useState(typeof props.currentIndex === "number" ? props.currentIndex : 0);
+      const indexRef = React11.useRef(index);
+      const trackRef = React11.useRef(null);
+      const [hovered, setHovered] = React11.useState(false);
+      const [focused, setFocused] = React11.useState(false);
       const paused = hovered || focused;
       const interval = typeof props.autoplayIntervalMs === "number" && props.autoplayIntervalMs > 0 ? props.autoplayIntervalMs : 0;
       const autoplay = interval > 0 && count2 > 1 && !ctx.reduceMotion();
       const onChange = props.onChange;
-      const onChangeRef = React10.useRef(onChange);
+      const onChangeRef = React11.useRef(onChange);
       onChangeRef.current = onChange;
-      const autoScrollRef = React10.useRef(null);
-      const endAutoScroll = React10.useCallback(() => {
+      const autoScrollRef = React11.useRef(null);
+      const endAutoScroll = React11.useCallback(() => {
         if (autoScrollRef.current) clearTimeout(autoScrollRef.current.timer);
         autoScrollRef.current = null;
       }, []);
       const requestedIndex = Math.max(0, Math.min(count2 - 1, typeof props.currentIndex === "number" ? props.currentIndex : 0));
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         endAutoScroll();
         indexRef.current = requestedIndex;
         setIndex(requestedIndex);
         if (trackRef.current) trackRef.current.scrollLeft = requestedIndex * trackRef.current.clientWidth;
       }, [requestedIndex, count2, endAutoScroll]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         const el2 = trackRef.current;
         el2?.addEventListener("scrollend", endAutoScroll);
         return () => {
@@ -132085,14 +132295,14 @@ var init_renderNode = __esm({
           endAutoScroll();
         };
       }, [endAutoScroll]);
-      const pageTo = React10.useCallback((page) => {
+      const pageTo = React11.useCallback((page) => {
         if (page === indexRef.current) return;
         indexRef.current = page;
         setIndex(page);
         const action = onChangeRef.current;
         if (action && ctx.onAction) ctx.onAction({ ...action, args: { ...action.args ?? {}, index: page } });
       }, [ctx]);
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!autoplay || paused) return;
         const id = setInterval(() => {
           const next = (indexRef.current + 1) % count2;
@@ -132157,7 +132367,7 @@ var init_renderNode = __esm({
     });
     BannerNode = withExtras("BannerNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const [dismissed, setDismissed] = React10.useState(false);
+      const [dismissed, setDismissed] = React11.useState(false);
       if (dismissed) return null;
       const accent = sevColor(ctx, props.severity ?? "info");
       return /* @__PURE__ */ jsxs8("div", { style: { display: "flex", gap: 11, width: "100%", boxSizing: "border-box", borderRadius: ctx.radius("md", 10), padding: 13, background: `color-mix(in srgb, ${accent} 12%, ${C2("surfacePrimary", "#fff")})`, border: `1px solid color-mix(in srgb, ${accent} 32%, transparent)`, ...wrap }, children: [
@@ -132190,15 +132400,15 @@ var init_renderNode = __esm({
       const rawImageUrl = props.imageUrl != null && isBinding(props.imageUrl) ? boundImageUrl : props.imageUrl;
       const heroSrc = typeof rawImageUrl === "string" && rawImageUrl !== "" ? rawImageUrl : typeof props.imageAsset === "string" && isWebAssetPath(props.imageAsset) ? props.imageAsset : void 0;
       const resolvedHero = heroSrc ? resolveAssetUrl(heroSrc, ctx.assetBaseUrl) : void 0;
-      const [failedHero, setFailedHero] = React10.useState(null);
+      const [failedHero, setFailedHero] = React11.useState(null);
       const imageUrl = resolvedHero && resolvedHero !== failedHero ? resolvedHero : void 0;
       const expanded = Math.max(0, typeof props.expandedHeight === "number" && Number.isFinite(props.expandedHeight) ? props.expandedHeight : 280);
       const collapsed = Math.max(0, Math.min(expanded, typeof props.collapsedHeight === "number" && props.collapsedHeight > 0 ? props.collapsedHeight : 64));
       const parallax = typeof props.parallaxFactor === "number" && Number.isFinite(props.parallaxFactor) ? Math.max(0, Math.min(1, props.parallaxFactor)) : 0.5;
       const span = Math.max(1, expanded - collapsed);
-      const rootRef = React10.useRef(null);
-      const [offset, setOffset] = React10.useState(0);
-      React10.useEffect(() => {
+      const rootRef = React11.useRef(null);
+      const [offset, setOffset] = React11.useState(0);
+      React11.useEffect(() => {
         const el2 = rootRef.current;
         const win = el2?.ownerDocument?.defaultView;
         if (!el2 || !win) return;
@@ -132300,22 +132510,22 @@ var init_renderNode = __esm({
       const boundEnd = useResolvedScalar(props.selectedEndDatePath, ctx);
       const seedStart = (props.selectedStartDatePath != null ? typeof boundStart === "string" ? boundStart : "" : typeof props.selectedStartDate === "string" ? props.selectedStartDate : "") || "";
       const seedEnd = (props.selectedEndDatePath != null ? typeof boundEnd === "string" ? boundEnd : "" : typeof props.selectedEndDate === "string" ? props.selectedEndDate : "") || "";
-      const [range, setRange] = React10.useState({ start: seedStart, end: seedEnd });
-      const lastRangeSeed = React10.useRef(`${seedStart}|${seedEnd}`);
-      React10.useEffect(() => {
+      const [range, setRange] = React11.useState({ start: seedStart, end: seedEnd });
+      const lastRangeSeed = React11.useRef(`${seedStart}|${seedEnd}`);
+      React11.useEffect(() => {
         const key3 = `${seedStart}|${seedEnd}`;
         if (lastRangeSeed.current === key3) return;
         lastRangeSeed.current = key3;
         setRange({ start: seedStart, end: seedEnd });
       }, [seedStart, seedEnd]);
-      const seed2 = React10.useMemo(
+      const seed2 = React11.useMemo(
         () => monthSeed(drivenYear ?? props.year, drivenMonth ?? props.month, selectedDate),
         [drivenYear, drivenMonth, props.year, props.month, selectedDate]
       );
-      const [view, setView] = React10.useState(seed2);
+      const [view, setView] = React11.useState(seed2);
       const seedKey = `${seed2.year}-${seed2.month}`;
-      const lastSeed = React10.useRef(seedKey);
-      React10.useEffect(() => {
+      const lastSeed = React11.useRef(seedKey);
+      React11.useEffect(() => {
         if (lastSeed.current === seedKey) return;
         lastSeed.current = seedKey;
         setView(seed2);
@@ -132326,7 +132536,7 @@ var init_renderNode = __esm({
       for (const d2 of decorations) if (d2 && typeof d2.date === "string") decByDate.set(d2.date, d2);
       const rows = monthMatrix(year, month, firstWeekday);
       const heads = weekdayLabels(firstWeekday);
-      const gridRef = React10.useRef(null);
+      const gridRef = React11.useRef(null);
       const monthLabel = new Date(year, month - 1, 1).toLocaleDateString(void 0, { month: "long", year: "numeric" });
       const canPage = true;
       const changeMonth = (delta) => {
@@ -132449,7 +132659,7 @@ var init_renderNode = __esm({
       const events = Array.isArray(rawEvents) ? rawEvents : [];
       const boundAnchor = useResolvedScalar(props.anchorDatePath, ctx);
       const anchorRaw = props.anchorDatePath != null ? boundAnchor : props.anchorDate;
-      const [pagedAnchor, setPagedAnchor] = React10.useState(null);
+      const [pagedAnchor, setPagedAnchor] = React11.useState(null);
       const localAnchor = pagedAnchor && Object.is(pagedAnchor.raw, anchorRaw) && pagedAnchor.path === props.anchorDatePath && pagedAnchor.mode === props.mode && pagedAnchor.provider === ctx.provider ? pagedAnchor.date : null;
       if (pagedAnchor && !localAnchor) setPagedAnchor(null);
       const anchor = localAnchor ?? (typeof anchorRaw === "string" ? parseLocalDate(anchorRaw) : null) ?? /* @__PURE__ */ new Date();
@@ -132689,7 +132899,7 @@ var init_renderNode = __esm({
       const boundEvents = useResolvedScalar(props.eventsPath, ctx);
       const rawEvents = props.eventsPath != null ? boundEvents : props.events;
       const events = Array.isArray(rawEvents) ? rawEvents : [];
-      const groups = React10.useMemo(() => {
+      const groups = React11.useMemo(() => {
         const buckets = /* @__PURE__ */ new Map();
         for (const ev of events) {
           if (!ev) continue;
@@ -132709,18 +132919,18 @@ var init_renderNode = __esm({
       const onSelect = (ev) => dispatchCalendarAction(ctx, ev?.onTap ?? props.onSelectEvent, { eventId: ev?.id });
       const boundScrollTo = useResolvedScalar(props.scrollToDatePath, ctx);
       const scrollTarget = props.scrollToDatePath != null ? typeof boundScrollTo === "string" ? boundScrollTo : void 0 : typeof props.scrollToDate === "string" ? props.scrollToDate : void 0;
-      const containerRef = React10.useRef(null);
-      const [visibleDays, setVisibleDays] = React10.useState(CAL_AGENDA_INITIAL_DAYS);
+      const containerRef = React11.useRef(null);
+      const [visibleDays, setVisibleDays] = React11.useState(CAL_AGENDA_INITIAL_DAYS);
       const targetIndex = scrollTarget ? groups.findIndex((g2) => g2.key === scrollTarget) : -1;
       const windowEnd = Math.max(visibleDays, targetIndex >= 0 ? targetIndex + 1 : 0);
       const shown2 = groups.length > windowEnd ? groups.slice(0, windowEnd) : groups;
       const hasMore = groups.length > shown2.length;
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         if (!scrollTarget) return;
         containerRef.current?.querySelector(`[data-daygroup="${scrollTarget}"]`)?.scrollIntoView({ block: "start" });
       }, [scrollTarget, windowEnd]);
-      const sentinelRef = React10.useRef(null);
-      React10.useEffect(() => {
+      const sentinelRef = React11.useRef(null);
+      React11.useEffect(() => {
         if (!hasMore) return;
         const el2 = sentinelRef.current;
         if (!el2 || typeof IntersectionObserver === "undefined") return;
@@ -132837,26 +133047,26 @@ var init_renderNode = __esm({
     PRESENTED_SCOPE = '[aria-modal="true"], [role="dialog"], [role="alertdialog"], [role="menu"]';
     focusRoots = /* @__PURE__ */ new WeakMap();
     A11yHintDescription = ({ hint, idBase, children, ...forwarded }) => {
-      const descId = `${idBase ?? "hm"}__hint${React10.useId()}`;
+      const descId = `${idBase ?? "hm"}__hint${React11.useId()}`;
       const own5 = children.props;
       const next = { ...forwarded };
       if (forwarded.style) next.style = { ...own5.style ?? {}, ...forwarded.style };
       const ids = [own5["aria-describedby"], forwarded["aria-describedby"], descId].flatMap((v2) => v2 ? String(v2).split(/\s+/) : []).filter(Boolean);
       next["aria-describedby"] = Array.from(new Set(ids)).join(" ");
       return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-        React10.cloneElement(children, next),
+        React11.cloneElement(children, next),
         /* @__PURE__ */ jsx11("span", { id: descId, hidden: true, "data-hm-a11y-hint": "", children: hint })
       ] });
     };
     reportedUnknownComponents = /* @__PURE__ */ new Set();
     UnknownComponentNode = ({ pkg, type, props, ctx, wrap, ...extras }) => {
       const hasTelemetry = !!ctx.emitTelemetry;
-      React10.useEffect(() => {
+      React11.useEffect(() => {
         reportUnknownComponent(ctx, pkg, type);
       }, [ctx.appId, ctx.screenId, hasTelemetry, pkg, type]);
       const { style: extraStyle, children: extraChildren, ...attrs } = extras;
       const nodeProps = (entries) => entries.filter(([, v2]) => isNodeLike(v2) || Array.isArray(v2) && v2.some(isNodeLike));
-      const renderProps = (entries) => entries.map(([k2, v2]) => /* @__PURE__ */ jsx11(React10.Fragment, { children: Array.isArray(v2) ? kids2(v2.filter(isNodeLike), ctx) : renderNode(v2, ctx) }, k2));
+      const renderProps = (entries) => entries.map(([k2, v2]) => /* @__PURE__ */ jsx11(React11.Fragment, { children: Array.isArray(v2) ? kids2(v2.filter(isNodeLike), ctx) : renderNode(v2, ctx) }, k2));
       const childKeys = nodeProps(Object.entries(props ?? {}));
       if (!unknownComponentShowsDeveloperLabel(ctx)) {
         const contentKeys = childKeys.filter(([k2]) => k2 === "child" || k2 === "children");
@@ -132880,7 +133090,7 @@ var init_renderNode = __esm({
 });
 
 // ../../core/web-renderer/src/renderToHtml.tsx
-import React11 from "react";
+import React12 from "react";
 import { renderToStaticMarkup } from "react-dom/server";
 function renderDescriptorToHtml(payload, tokens2, scheme = "light", provider = null, width, chrome, opts) {
   const rtl = opts?.isRTL === true;
@@ -132900,18 +133110,18 @@ function renderDescriptorToHtml(payload, tokens2, scheme = "light", provider = n
   const dir = rtl ? { dir: "rtl" } : {};
   if (header || footer) {
     return withFocusRing(renderToStaticMarkup(
-      React11.createElement(
+      React12.createElement(
         "div",
         // F-22 — same footer pin as ScreenHost: a full-height flex column + margin-top:auto
         // keeps the footer at the bottom edge even when the payload is short.
         { "data-testid": "screen-host", ...dir, ...footer ? { style: { display: "flex", flexDirection: "column", minHeight: "100%", flexGrow: 1 } } : {} },
-        header ? React11.createElement(
+        header ? React12.createElement(
           "div",
           { "data-testid": "sticky-header", style: { position: "sticky", top: 0, zIndex: 10 } },
           renderNode(header, ctx)
         ) : null,
         renderNode(payload, ctx),
-        footer ? React11.createElement(
+        footer ? React12.createElement(
           "div",
           { "data-testid": "sticky-footer", style: { position: "sticky", bottom: 0, zIndex: 10, marginTop: "auto" } },
           renderNode(footer, ctx)
@@ -132921,11 +133131,11 @@ function renderDescriptorToHtml(payload, tokens2, scheme = "light", provider = n
   }
   if (rtl) {
     return withFocusRing(renderToStaticMarkup(
-      React11.createElement("div", dir, renderNode(payload, ctx))
+      React12.createElement("div", dir, renderNode(payload, ctx))
     ));
   }
   return withFocusRing(renderToStaticMarkup(
-    React11.createElement(React11.Fragment, null, renderNode(payload, ctx))
+    React12.createElement(React12.Fragment, null, renderNode(payload, ctx))
   ));
 }
 var init_renderToHtml = __esm({
@@ -139901,9 +140111,9 @@ function renderedNameGaps(descriptor, state) {
   const found = /* @__PURE__ */ new Map();
   const rowsJudged = /* @__PURE__ */ new Map();
   const rowTemplateOf = /* @__PURE__ */ new Map();
-  const judge = (root, base, scope, depth, inRow) => {
+  const judge = (root, base, scope2, depth, inRow) => {
     if (inRow) rowsJudged.set(base, (rowsJudged.get(base) ?? 0) + 1);
-    const ctx = { provider, scope, emptied: [], lists: [], unrendered: /* @__PURE__ */ new Set(), rowTemplates: [] };
+    const ctx = { provider, scope: scope2, emptied: [], lists: [], unrendered: /* @__PURE__ */ new Set(), rowTemplates: [] };
     const projected = projectRenderedNames(root, "", "", ctx);
     for (const g2 of accessibleNameGaps(projected)) {
       const rel = g2.at === "root" ? "" : g2.at;
@@ -151919,8 +152129,8 @@ function mergePushInputs(content, flags) {
   }
   return merged;
 }
-function missingPushInputs(i2, scope) {
-  const needed = scope === "push_and_signing" ? [...REQUIRED_ORDER, ...ASC_ORDER] : REQUIRED_ORDER;
+function missingPushInputs(i2, scope2) {
+  const needed = scope2 === "push_and_signing" ? [...REQUIRED_ORDER, ...ASC_ORDER] : REQUIRED_ORDER;
   return needed.filter((name) => !text3(i2[name]));
 }
 function ascGroupError(i2) {
@@ -152695,8 +152905,8 @@ async function ask(question, deps) {
     rl2.close();
   }
 }
-function defer(dir, input, scope, reason) {
-  return recordPushDeferral(dir, { reason, scope, missing: missingPushInputs(input, scope), identity: input, resume: resume(dir) });
+function defer(dir, input, scope2, reason) {
+  return recordPushDeferral(dir, { reason, scope: scope2, missing: missingPushInputs(input, scope2), identity: input, resume: resume(dir) });
 }
 function renderPushStatus(http2, refresh = false) {
   const body = http2.body ?? {};
@@ -152759,9 +152969,9 @@ function logOwnershipFailure(io2, ownership) {
     endpoint: endpoints[ownership.check]
   }));
 }
-async function collect(input, scope, io2, flags, deps) {
+async function collect(input, scope2, io2, flags, deps) {
   if (!io2.isTTY || flags.json === true) return true;
-  for (const name of missingPushInputs(input, scope)) {
+  for (const name of missingPushInputs(input, scope2)) {
     const answer = await ask(`${PROMPTS[name]} (or Later to continue building):`, deps);
     if (later(answer)) return false;
     input[name] = answer;
@@ -152786,27 +152996,27 @@ async function runNotifySetup(pos, flags, io2, deps = {}) {
   const content = pushInputsFromContent(dir);
   const input = mergePushInputs({ ...local.selection, ...progress?.identity, ...content }, flags);
   if (!input.initialized) return refuse4(io2, "app_not_initialized", "Create the app with himi init first. Credentials are optional during app creation.");
-  let scope = progress?.scope === "push_and_signing" || flags["apple-signing"] === true || input.ascKeyFile || input.ascKeyId || input.ascIssuerId ? "push_and_signing" : "push_only";
+  let scope2 = progress?.scope === "push_and_signing" || flags["apple-signing"] === true || input.ascKeyFile || input.ascKeyId || input.ascIssuerId ? "push_and_signing" : "push_only";
   if (operation === "setup" && flags["no-push-setup"] === true) {
-    io2.log(JSON.stringify(defer(dir, input, scope, "user_chose_later")));
+    io2.log(JSON.stringify(defer(dir, input, scope2, "user_chose_later")));
     return 0;
   }
-  if (operation === "setup" && io2.isTTY && flags.json !== true && flags.yes !== true && scope === "push_only") {
+  if (operation === "setup" && io2.isTTY && flags.json !== true && flags.yes !== true && scope2 === "push_only") {
     const choice = await ask("Apple signing: 1 Push only / 2 Push and automatic signing / Later:", deps);
     if (later(choice)) {
-      io2.log(JSON.stringify(defer(dir, input, scope, "user_chose_later")));
+      io2.log(JSON.stringify(defer(dir, input, scope2, "user_chose_later")));
       return 0;
     }
-    if (choice === "2") scope = "push_and_signing";
+    if (choice === "2") scope2 = "push_and_signing";
     else if (choice !== "1") return refuse4(io2, "invalid_setup_choice");
   }
-  if (operation === "setup" && !await collect(input, scope, io2, flags, deps)) {
-    io2.log(JSON.stringify(defer(dir, input, scope, "credentials_not_available")));
+  if (operation === "setup" && !await collect(input, scope2, io2, flags, deps)) {
+    io2.log(JSON.stringify(defer(dir, input, scope2, "credentials_not_available")));
     return 0;
   }
   const invalid = localIdentityRefusal(input);
   if (invalid) return refuse4(io2, invalid.code, invalid.message);
-  const missing = operation === "setup" ? missingPushInputs(input, scope) : !input.site ? ["site"] : [];
+  const missing = operation === "setup" ? missingPushInputs(input, scope2) : !input.site ? ["site"] : [];
   if (missing.length) {
     io2.error(JSON.stringify({ ok: false, error: "needs_input", missing, resume: resume(dir), hint: "Provide file paths, never key contents. Or use --no-push-setup to continue building." }));
     return 2;
@@ -152827,7 +153037,7 @@ async function runNotifySetup(pos, flags, io2, deps = {}) {
     const valid = validateApnsAuthKey(apns.text);
     if (!valid.ok) return refuse4(io2, valid.code, valid.reason);
     let ascKey;
-    if (scope === "push_and_signing") {
+    if (scope2 === "push_and_signing") {
       const asc = readKeyFile(input.ascKeyFile);
       if (!asc.ok) return refuse4(io2, asc.code, asc.reason);
       if (!isAppStoreConnectKey({ keyId: input.ascKeyId, issuerId: input.ascIssuerId, key: asc.text })) return refuse4(io2, "invalid_asc_key_file");
@@ -152845,7 +153055,7 @@ async function runNotifySetup(pos, flags, io2, deps = {}) {
       apnsKeyId: input.apnsKeyId,
       appleTeamId: input.appleTeamId,
       apnsEnvironment: input.apnsEnvironment,
-      scope,
+      scope: scope2,
       claimRequired: ownership.state === "not_claimed"
     };
     if (flags.yes !== true || flags["dry-run"] === true) {
@@ -152856,9 +153066,9 @@ async function runNotifySetup(pos, flags, io2, deps = {}) {
         return 2;
       }
       io2.error(JSON.stringify({ plan: { ...plan, ...config2 ? { config: config2 } : {} } }));
-      const answer = await ask("Configure this site's push credentials through Branded/Ping" + (scope === "push_and_signing" ? " and request Apple signing resources" : "") + "? yes / Later:", deps);
+      const answer = await ask("Configure this site's push credentials through Branded/Ping" + (scope2 === "push_and_signing" ? " and request Apple signing resources" : "") + "? yes / Later:", deps);
       if (answer.toLowerCase() !== "yes") {
-        io2.log(JSON.stringify(defer(dir, input, scope, "user_chose_later")));
+        io2.log(JSON.stringify(defer(dir, input, scope2, "user_chose_later")));
         return 0;
       }
     }
@@ -158251,20 +158461,20 @@ function collectionName(name) {
   if (typeof name !== "string" || !/^[A-Za-z0-9]+$/.test(name)) throw new Error(`collection name must be alphanumeric: ${JSON.stringify(name)}`);
 }
 function planResourceChange(input) {
-  const { scope, catalog: catalog3, request } = input;
+  const { scope: scope2, catalog: catalog3, request } = input;
   let normalizedRequest = structuredClone(request);
   let resource;
   const operations = [];
   if (request.kind === "put-kv") {
     if (!request.spec || typeof request.spec !== "object") throw new Error("invalid KV schema: spec is required");
-    const issues = validateDataResources({ kv: [request.spec] }, scope.app).filter((issue2) => issue2.severity === "error");
+    const issues = validateDataResources({ kv: [request.spec] }, scope2.app).filter((issue2) => issue2.severity === "error");
     if (issues.length) throw new Error(`invalid KV schema: ${issues.map((issue2) => issue2.message).join("; ")}`);
     resource = `kv:${request.spec.name}`;
     const existing = byName(catalog3, "kv", request.spec.name);
     if (existing?.status === "deleted") throw new Error(`resource name "${request.spec.name}" is reserved by a tombstone; restore it instead`);
     const spec = provisionedKvSpec(request.spec);
     normalizedRequest = { kind: "put-kv", spec };
-    const record2 = { kind: "kv", name: request.spec.name, physicalId: kvResourceKey(scope, request.spec.name), status: "active", version: existing ? existing.version + 1 : 1, spec };
+    const record2 = { kind: "kv", name: request.spec.name, physicalId: kvResourceKey(scope2, request.spec.name), status: "active", version: existing ? existing.version + 1 : 1, spec };
     if (!existing) operations.push({ kind: "create-kv", record: record2 });
     else if (JSON.stringify(existing.spec) !== JSON.stringify(spec)) operations.push({ kind: "update-kv", record: record2 });
   } else if (request.kind === "put-collection") {
@@ -158272,8 +158482,8 @@ function planResourceChange(input) {
     collectionName(request.name);
     const normalizedFields = request.fields.map((field) => ({ key: field?.key, displayName: field?.displayName, type: field?.type }));
     normalizedRequest = { kind: "put-collection", name: request.name, fields: normalizedFields };
-    const physical = `${namespacePrefix(scope.app)}${request.name}`;
-    const issues = validateCmsConfig({ collections: [{ id: physical, displayName: request.name, displayField: normalizedFields[0]?.key ?? "", readRole: "SITE_MEMBER", fields: normalizedFields }] }, scope.app).filter((issue2) => issue2.severity === "error");
+    const physical = `${namespacePrefix(scope2.app)}${request.name}`;
+    const issues = validateCmsConfig({ collections: [{ id: physical, displayName: request.name, displayField: normalizedFields[0]?.key ?? "", readRole: "SITE_MEMBER", fields: normalizedFields }] }, scope2.app).filter((issue2) => issue2.severity === "error");
     if (issues.length) throw new Error(`invalid collection schema: ${issues.map((issue2) => issue2.message).join("; ")}`);
     resource = `collection:${request.name}`;
     const existing = byName(catalog3, "collection", request.name);
@@ -158319,7 +158529,7 @@ function planResourceChange(input) {
     if (request.kind === "delete-resource" && existing.status === "active") operations.push({ kind: "tombstone-resource", resourceKind: request.resourceKind, name: request.name });
     if (request.kind === "restore-resource" && existing.status === "deleted") operations.push({ kind: "restore-resource", resourceKind: request.resourceKind, name: request.name });
   } else throw new Error(`unsupported resource change kind: ${String(request.kind)}`);
-  return finalize({ scope: { ...scope }, resource, baseVersion: catalog3.version, request: normalizedRequest, operations });
+  return finalize({ scope: { ...scope2 }, resource, baseVersion: catalog3.version, request: normalizedRequest, operations });
 }
 var init_plan3 = __esm({
   "../../core/data-resources/src/plan.ts"() {
@@ -158348,9 +158558,9 @@ function authorizeResourceAdminCaller(caller) {
   if (caller.identity !== "installation") throw new ResourceApplyError("forbidden", "installation identity is required");
   if (!caller.wixPermissions.includes("wix.data.manage")) throw new ResourceApplyError("forbidden", "wix.data.manage permission is required");
 }
-function verifyPlan(scope, plan) {
+function verifyPlan(scope2, plan) {
   const { hash: hash2, ...unsigned } = plan;
-  if (!equalScope(scope, plan.scope) || hashResourcePlan(unsigned) !== hash2) throw new ResourceApplyError("invalid_plan", "plan hash or app/site/environment scope does not match");
+  if (!equalScope(scope2, plan.scope) || hashResourcePlan(unsigned) !== hash2) throw new ResourceApplyError("invalid_plan", "plan hash or app/site/environment scope does not match");
   if (plan.operations.length > 100) throw new ResourceApplyError("invalid_plan", "a resource plan may contain at most 100 operations");
   const invalid = (message) => {
     throw new ResourceApplyError("invalid_plan", message);
@@ -158358,11 +158568,11 @@ function verifyPlan(scope, plan) {
   for (const operation of plan.operations) {
     if (operation.kind === "create-kv" || operation.kind === "update-kv") {
       const record2 = operation.record;
-      if (plan.resource !== `kv:${record2.name}` || record2.kind !== "kv" || record2.status !== "active" || record2.physicalId !== kvResourceKey(scope, record2.name) || record2.spec.name !== record2.name || record2.spec.seed !== void 0) invalid("KV operation is not normalized to this plan scope");
-      if (validateDataResources({ kv: [record2.spec] }, scope.app).some((issue2) => issue2.severity === "error")) invalid("KV operation has an invalid schema");
+      if (plan.resource !== `kv:${record2.name}` || record2.kind !== "kv" || record2.status !== "active" || record2.physicalId !== kvResourceKey(scope2, record2.name) || record2.spec.name !== record2.name || record2.spec.seed !== void 0) invalid("KV operation is not normalized to this plan scope");
+      if (validateDataResources({ kv: [record2.spec] }, scope2.app).some((issue2) => issue2.severity === "error")) invalid("KV operation has an invalid schema");
     } else if (operation.kind === "create-collection") {
       const record2 = operation.record;
-      if (plan.resource !== `collection:${record2.name}` || record2.kind !== "collection" || record2.status !== "active" || record2.version !== 1 || record2.physicalId !== `${namespacePrefix(scope.app)}${record2.name}` || !/^[A-Za-z0-9]+$/.test(record2.name)) invalid("collection operation is not normalized to this plan scope");
+      if (plan.resource !== `collection:${record2.name}` || record2.kind !== "collection" || record2.status !== "active" || record2.version !== 1 || record2.physicalId !== `${namespacePrefix(scope2.app)}${record2.name}` || !/^[A-Za-z0-9]+$/.test(record2.name)) invalid("collection operation is not normalized to this plan scope");
       const active = /* @__PURE__ */ new Set();
       for (const field of record2.fields) {
         const expectedPhysical = field.version === 1 ? field.logicalName : `${field.logicalName}__v${field.version}`;
@@ -158383,35 +158593,35 @@ function verifyPlan(scope, plan) {
   }
 }
 async function applyResourcePlan(input) {
-  const { scope, plan, expectedVersion, caller, store } = input;
+  const { scope: scope2, plan, expectedVersion, caller, store } = input;
   if (!input.idempotencyKey?.trim()) throw new ResourceApplyError("idempotency_required", "a non-empty idempotency key is required");
   if (input.idempotencyKey.length > 256 || /[\u0000-\u001f\u007f]/.test(input.idempotencyKey)) throw new ResourceApplyError("invalid_plan", "idempotency key must be at most 256 characters and contain no control characters");
-  verifyPlan(scope, plan);
+  verifyPlan(scope2, plan);
   authorizeResourceAdminCaller(caller);
-  const replay = await store.findIdempotency(scope, input.idempotencyKey);
+  const replay = await store.findIdempotency(scope2, input.idempotencyKey);
   if (replay) {
     if (replay.planHash !== plan.hash) throw new ResourceApplyError("idempotency_conflict", "idempotency key was already used for a different plan");
     return { ...replay.result, replayed: true };
   }
-  return store.withLock(scope, plan.resource, input.idempotencyKey, async () => {
-    const afterLockReplay = await store.findIdempotency(scope, input.idempotencyKey);
+  return store.withLock(scope2, plan.resource, input.idempotencyKey, async () => {
+    const afterLockReplay = await store.findIdempotency(scope2, input.idempotencyKey);
     if (afterLockReplay) {
       if (afterLockReplay.planHash !== plan.hash) throw new ResourceApplyError("idempotency_conflict", "idempotency key was already used for a different plan");
       return { ...afterLockReplay.result, replayed: true };
     }
-    const catalog3 = await store.read(scope);
+    const catalog3 = await store.read(scope2);
     if (expectedVersion !== plan.baseVersion || catalog3.version !== expectedVersion) throw new ResourceApplyError("stale_version", `expected ${expectedVersion}, current ${catalog3.version}, plan base ${plan.baseVersion}`);
     let replanned;
     try {
-      replanned = planResourceChange({ scope, catalog: catalog3, request: plan.request });
+      replanned = planResourceChange({ scope: scope2, catalog: catalog3, request: plan.request });
     } catch (error) {
       throw new ResourceApplyError("invalid_plan", `plan request is no longer valid: ${error instanceof Error ? error.message : String(error)}`);
     }
     if (replanned.hash !== plan.hash) throw new ResourceApplyError("invalid_plan", "plan operations are not the canonical transition for its request and current catalog");
     if (plan.operations.length === 0) return { catalog: catalog3, replayed: false, auditId: `noop:${plan.hash.slice(0, 16)}` };
     const now = (input.now ?? (() => /* @__PURE__ */ new Date()))().toISOString();
-    const event = { id: `${plan.hash.slice(0, 16)}:${input.idempotencyKey}`, at: now, scope: { ...scope }, actor: `fn:${caller.functionName}`, planHash: plan.hash, idempotencyKey: input.idempotencyKey, fromVersion: catalog3.version, toVersion: catalog3.version + 1, operations: structuredClone(plan.operations) };
-    return store.commit({ scope, expectedVersion, plan, idempotencyKey: input.idempotencyKey, event });
+    const event = { id: `${plan.hash.slice(0, 16)}:${input.idempotencyKey}`, at: now, scope: { ...scope2 }, actor: `fn:${caller.functionName}`, planHash: plan.hash, idempotencyKey: input.idempotencyKey, fromVersion: catalog3.version, toVersion: catalog3.version + 1, operations: structuredClone(plan.operations) };
+    return store.commit({ scope: scope2, expectedVersion, plan, idempotencyKey: input.idempotencyKey, event });
   });
 }
 var ResourceApplyError;
@@ -158905,12 +159115,12 @@ function makeFunctionsHandler(options) {
             throw new Error("KV provider is not configured");
           }
         };
-        const scope = { app: target.app, siteId: siteBinding.siteId, environment: siteBinding.environment };
-        const catalog3 = options.resourceStore ? await options.resourceStore.read(scope) : { version: 0, resources: [] };
-        const capability = createFunctionDataCapability({ scope, data: selected.functionDataResources, catalog: catalog3, kv: options.dataKvProvider ?? emptyKv, ...wixApi ? { wix: wixApi } : {} });
+        const scope2 = { app: target.app, siteId: siteBinding.siteId, environment: siteBinding.environment };
+        const catalog3 = options.resourceStore ? await options.resourceStore.read(scope2) : { version: 0, resources: [] };
+        const capability = createFunctionDataCapability({ scope: scope2, data: selected.functionDataResources, catalog: catalog3, kv: options.dataKvProvider ?? emptyKv, ...wixApi ? { wix: wixApi } : {} });
         dataApi = createFunctionDataRpc({
           capability,
-          scope,
+          scope: scope2,
           catalog: catalog3,
           capabilities: active.capabilities,
           ...active.capabilities.includes("resource_admin") && options.resourceStore ? {
@@ -162165,16 +162375,24 @@ ${releaseId}`;
         }
         const exchangeClient = wixClientIdOf(utf8Decode(exchangeCfg.bytes));
         if ("error" in exchangeClient) return json5(501, { error: `member_exchange_${exchangeClient.error}` }, noStore);
+        let rawBody;
+        try {
+          rawBody = await request.text();
+        } catch {
+          return json5(400, { error: "body_unreadable" }, noStore);
+        }
+        if (!rawBody) return json5(400, { error: "empty_body" }, noStore);
         let exchangeBody;
         try {
-          exchangeBody = await request.json();
+          exchangeBody = JSON.parse(rawBody);
         } catch {
-          return json5(400, { error: "bad_request" }, noStore);
+          return json5(400, { error: "invalid_json" }, noStore);
         }
-        if (!exchangeBody || typeof exchangeBody !== "object") return json5(400, { error: "bad_request" }, noStore);
+        if (!exchangeBody || typeof exchangeBody !== "object" || Array.isArray(exchangeBody)) return json5(400, { error: "invalid_body" }, noStore);
         const exchanged = await exchangeMemberSession({ clientId: exchangeClient.clientId, sessionToken: exchangeBody.sessionToken }, webwixFetch);
         if (exchanged.ok) return json5(200, { accessToken: exchanged.accessToken, expiresAt: exchanged.expiresAt }, noStore);
-        return json5(exchanged.code === "bad_request" ? 400 : 502, { error: exchanged.code, ...exchanged.status !== void 0 ? { status: exchanged.status } : {} }, noStore);
+        if (exchanged.code === "bad_request") return json5(400, { error: "invalid_session_token" }, noStore);
+        return json5(502, { error: exchanged.code, ...exchanged.status !== void 0 ? { status: exchanged.status } : {} }, noStore);
       }
       if (request.method === "POST" && path2 === "/v1/__webwix/call") {
         const served = { rung: "none" };
@@ -163252,33 +163470,33 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/DashboardHost-D0mvqhuP.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 2916, sha256: "50ccb0c80f7d58180ea4ebc4fdd8ce808eeae82ce08eb6bc820a96439e1bea0d" },
-      { key: "assets/DevDrawer-DiCOV7nR.js", contentType: "application/javascript; charset=utf-8", offset: 2924, length: 16744, sha256: "510c2b3e8c455f436fbd1e62eac1183b898aaa3a01850663e57ef04d209494b1" },
-      { key: "assets/IdiomCompare-B4n0TaQC.js", contentType: "application/javascript; charset=utf-8", offset: 19668, length: 1892, sha256: "c69e2e63891437c75a8590088abc6e5cad782bf00c97202e373107eb1ab75363" },
-      { key: "assets/LightboxViewer-DSCKZW9J.js", contentType: "application/javascript; charset=utf-8", offset: 21560, length: 8132, sha256: "d973386ff8b87ed6628879df733f321d5d55d2c0eec949f32c179d9b508585e3" },
-      { key: "assets/PhonePreviewControl-DPw27_19.js", contentType: "application/javascript; charset=utf-8", offset: 29692, length: 37729, sha256: "c5bb48cba2244024929344de2f2696b2c34e29a1ea226a6e2a0e7113cd61e8b5" },
-      { key: "assets/SchemeCompare-DXTQvgH8.js", contentType: "application/javascript; charset=utf-8", offset: 67421, length: 1824, sha256: "636e60a48ae8724015ac2c37e2b910018034e3093637af4b17b6cbdfa929f0c7" },
-      { key: "assets/index-CfM9xCA8.js", contentType: "application/javascript; charset=utf-8", offset: 69245, length: 1298089, sha256: "8dbbeae923b28302eadec54e81e95827238a8355754496bc0384af9eff1eb43e" },
-      { key: "assets/pdf-C6N-uMAD.js", contentType: "application/javascript; charset=utf-8", offset: 1367334, length: 488199, sha256: "dd4083dfaa586c8dbabe65b319aad2847d45a60b8dcd5cd84727019a5856f238" },
-      { key: "assets/pdf.worker.min-BQa_JDET.js", contentType: "application/javascript; charset=utf-8", offset: 1855533, length: 73, sha256: "41bcfda4f3c8c0a81c785ea87c69afc8e7d0ed8c333324aee94c273d881bb6aa" },
-      { key: "assets/pdf.worker.min-BmVo14Nb.mjs", contentType: "application/javascript; charset=utf-8", offset: 1855606, length: 1317034, sha256: "a33cfe728c584fdba4fcc1fd54bcdc2f9f2f13889ddbb5b2bd1d0f8cbe49b84e" },
-      { key: "assets/pdfDocument-PbWZbvnf.js", contentType: "application/javascript; charset=utf-8", offset: 3172640, length: 3379, sha256: "c9ecd46918bfe855a8ed2bf6cf8e4dd349ed2ab22ad4add55466ccb41ed5cf4b" },
-      { key: "assets/pdfFetch-Cc8i1I1h.js", contentType: "application/javascript; charset=utf-8", offset: 3176019, length: 2266, sha256: "1d21ad008921942217c9eac0c35b1713773b9d89c71e3ab4412781f7bb88f463" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 3178285, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 3182895, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 3671479, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 3762403, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 3853387, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 3944367, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 4035239, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 4126219, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 4234855, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 4343939, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 4452987, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 4560687, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "himi-sw.js", contentType: "application/javascript; charset=utf-8", offset: 4648795, length: 6748, sha256: "4a92459977d7cefa1a6a7e020c3a63509737f083b3f2773557c1a5771665811a" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 4655543, length: 4947, sha256: "69879b410888d65dba1671dfb08cae67705e103a2f1df244b819f56136571e53" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 4660490, length: 17786, sha256: "084107ca997628c248f1b0ba3a7494744850df39fad813546ab8bdb82a6058da" }
+      { key: "assets/DashboardHost-1jypScD2.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 2916, sha256: "73b7086df0cf3448a2bfe3ba276ec00a38c55542caebb2156675a36738a83fa3" },
+      { key: "assets/DevDrawer-BQ1xp__f.js", contentType: "application/javascript; charset=utf-8", offset: 2924, length: 16744, sha256: "d431422763f468ea57239ef416f3bce71549375b67f20e83d29511d75f15c46f" },
+      { key: "assets/IdiomCompare-CK_q192T.js", contentType: "application/javascript; charset=utf-8", offset: 19668, length: 1892, sha256: "59ca2d4f2faac878ecae8740faecf1d8e50136c0bb2ab28cb3ec12cd6df5d7bc" },
+      { key: "assets/LightboxViewer-COhqSEoj.js", contentType: "application/javascript; charset=utf-8", offset: 21560, length: 8132, sha256: "bf1696b76f086904f2e6f5aa88d73c809f0b75ccf0e2f85bb20170b4d4b93d43" },
+      { key: "assets/PhonePreviewControl-CJBzXYBw.js", contentType: "application/javascript; charset=utf-8", offset: 29692, length: 37729, sha256: "bafcaf544306b6c960671f01480b68b97b8d9f639f59f71bfe0a40d1630483c3" },
+      { key: "assets/SchemeCompare-s2ETtRsO.js", contentType: "application/javascript; charset=utf-8", offset: 67421, length: 1824, sha256: "c5f62861ae1843b28a961e2154c026e71e3f14b9bf933e3fb482eebaef2eb36f" },
+      { key: "assets/index-C4uN0_ln.js", contentType: "application/javascript; charset=utf-8", offset: 69245, length: 1301860, sha256: "b9728fe4fee91086095f4f6ccd03c4eb067e10b39c513a7c7e67ad07001f4919" },
+      { key: "assets/pdf-CJsqT7M-.js", contentType: "application/javascript; charset=utf-8", offset: 1371105, length: 488199, sha256: "5daa7c97dddee008bb1fc809bc405cb3b1fb6aad7392584218136961e503018d" },
+      { key: "assets/pdf.worker.min-BQa_JDET.js", contentType: "application/javascript; charset=utf-8", offset: 1859304, length: 73, sha256: "41bcfda4f3c8c0a81c785ea87c69afc8e7d0ed8c333324aee94c273d881bb6aa" },
+      { key: "assets/pdf.worker.min-BmVo14Nb.mjs", contentType: "application/javascript; charset=utf-8", offset: 1859377, length: 1317034, sha256: "a33cfe728c584fdba4fcc1fd54bcdc2f9f2f13889ddbb5b2bd1d0f8cbe49b84e" },
+      { key: "assets/pdfDocument-Cii5pAUm.js", contentType: "application/javascript; charset=utf-8", offset: 3176411, length: 3379, sha256: "bab1c624304f13d68d450b4bc8abd0574d394b1e4cddd3ac0d5ff6151debad24" },
+      { key: "assets/pdfFetch-Cc8i1I1h.js", contentType: "application/javascript; charset=utf-8", offset: 3179790, length: 2266, sha256: "1d21ad008921942217c9eac0c35b1713773b9d89c71e3ab4412781f7bb88f463" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 3182056, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 3186666, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 3675250, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 3766174, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 3857158, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 3948138, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 4039010, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 4129990, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 4238626, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 4347710, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 4456758, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 4564458, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "himi-sw.js", contentType: "application/javascript; charset=utf-8", offset: 4652566, length: 6748, sha256: "4a92459977d7cefa1a6a7e020c3a63509737f083b3f2773557c1a5771665811a" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 4659314, length: 4947, sha256: "f1696b9320a90e440ce6db5a9eb3cfc62260a1d7a8b32c0fa78c749b013359e0" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 4664261, length: 17786, sha256: "084107ca997628c248f1b0ba3a7494744850df39fad813546ab8bdb82a6058da" }
     ];
   }
 });
@@ -186013,27 +186231,27 @@ var HttpDataKvAdminProvider = class {
     if (!/^https?:\/\//.test(baseUrl)) throw new Error("data admin URL must be absolute http(s)");
     if (!token) throw new Error("data admin token is required");
   }
-  async request(method, scope, name, body) {
+  async request(method, scope2, name, body) {
     const url = new URL(`/v1/data/admin/kv/${encodeURIComponent(name)}`, this.baseUrl);
-    url.searchParams.set("app", scope.app);
-    url.searchParams.set("site", scope.siteId);
-    url.searchParams.set("environment", scope.environment);
+    url.searchParams.set("app", scope2.app);
+    url.searchParams.set("site", scope2.siteId);
+    url.searchParams.set("environment", scope2.environment);
     const serialized = body === void 0 ? void 0 : JSON.stringify(body);
-    const idempotencyKey = serialized === void 0 ? void 0 : createHash4("sha256").update(`${scope.app}\0${scope.siteId}\0${scope.environment}\0${method}\0${name}\0${serialized}`).digest("hex");
+    const idempotencyKey = serialized === void 0 ? void 0 : createHash4("sha256").update(`${scope2.app}\0${scope2.siteId}\0${scope2.environment}\0${method}\0${name}\0${serialized}`).digest("hex");
     const response = await this.fetchImpl(url, { method, headers: { authorization: `Bearer ${this.token}`, "content-type": "application/json", ...idempotencyKey ? { "idempotency-key": idempotencyKey } : {} }, ...serialized === void 0 ? {} : { body: serialized } });
     if (response.status === 404 && method === "GET") return { exists: false };
     if (!response.ok) throw new Error(`data admin ${method} failed (${response.status}): ${(await response.text()).slice(0, 256)}`);
     return await response.json();
   }
-  inspect(scope, name) {
-    return this.request("GET", scope, name);
+  inspect(scope2, name) {
+    return this.request("GET", scope2, name);
   }
-  async create(scope, spec) {
-    const result = await this.request("PUT", scope, spec.name, { spec });
+  async create(scope2, spec) {
+    const result = await this.request("PUT", scope2, spec.name, { spec });
     return result.status;
   }
-  async seed(scope, spec, values, options = {}) {
-    const result = await this.request("POST", scope, spec.name, { values, force: options.force ?? false });
+  async seed(scope2, spec, values, options = {}) {
+    const result = await this.request("POST", scope2, spec.name, { values, force: options.force ?? false });
     return result.inserted;
   }
 };
@@ -188379,8 +188597,8 @@ function previewTokenNote(expiresAt, now = Date.now(), viaHandover = false) {
   const minutes = Math.max(1, Math.round(seconds / 60));
   return `${carrier}, and it expires at ${expiresAt} \u2014 about ${minutes} minute${minutes === 1 ? "" : "s"} from now; run the \`previewRenew\` command printed beside this note \u2014 from the same plane and credentials as this call (any \`--serve-url\`/\`--control-url\`/token flags you passed) \u2014 for a fresh one.`;
 }
-function previewRenewCommand(app, release2, target, scope = {}) {
-  return `himi preview --app ${app} --release ${release2}` + (scope.screen ? ` --screen ${scope.screen}` : "") + (scope.surface ? ` --surface ${scope.surface}` : "") + (target !== "local" ? ` --target ${target}` : "");
+function previewRenewCommand(app, release2, target, scope2 = {}) {
+  return `himi preview --app ${app} --release ${release2}` + (scope2.screen ? ` --screen ${scope2.screen}` : "") + (scope2.surface ? ` --surface ${scope2.surface}` : "") + (target !== "local" ? ` --target ${target}` : "");
 }
 function previewPlayerLink(app, release2, screenId) {
   return buildPlayerPreviewUrl({ app, releaseId: release2, screenId, source: "cli" });
@@ -193569,8 +193787,8 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
           const rawLogs = r3.json?.logs ?? [];
           const logs = byLevel(rawLogs);
           const narrowed = !!(level || str10(flags.screen) || str10(flags.screenId) || num4(flags.since) !== void 0 || num4(flags.limit) !== void 0);
-          const scope = release2 ? "this release" : "this app";
-          const note = logs.length > 0 ? void 0 : narrowed ? `no worker \`console.*\` lines matched this query${level && rawLogs.length ? ` (${rawLogs.length} line(s) were hidden by --level ${level})` : ""}. Drop --level/--screen/--since/--limit to see the whole console channel for ${scope}; the telemetry EVENT stream is a separate channel, read with \`himi telemetry\`.` : `no worker \`console.*\` output on ${scope}. This is the console channel \u2014 distinct from the telemetry EVENT stream, which \`himi telemetry --app <app> --release <id>\` reads: ${scope} can carry many events and no console lines \u2014 commonly because the worker never logged any, though an empty channel can also mean the lines aged out or never made it through ingestion. Boot-time \`console.log\` is visible via \`himi validate\` / \`himi render\`.`;
+          const scope2 = release2 ? "this release" : "this app";
+          const note = logs.length > 0 ? void 0 : narrowed ? `no worker \`console.*\` lines matched this query${level && rawLogs.length ? ` (${rawLogs.length} line(s) were hidden by --level ${level})` : ""}. Drop --level/--screen/--since/--limit to see the whole console channel for ${scope2}; the telemetry EVENT stream is a separate channel, read with \`himi telemetry\`.` : `no worker \`console.*\` output on ${scope2}. This is the console channel \u2014 distinct from the telemetry EVENT stream, which \`himi telemetry --app <app> --release <id>\` reads: ${scope2} can carry many events and no console lines \u2014 commonly because the worker never logged any, though an empty channel can also mean the lines aged out or never made it through ingestion. Boot-time \`console.log\` is visible via \`himi validate\` / \`himi render\`.`;
           print({ ok: true, logs, ...note ? { note } : {} });
           return 0;
         }
@@ -194814,12 +195032,12 @@ ${label3}`);
             return 1;
           }
           const storedAt2 = saveControlToken(target, result.token);
-          let scope;
+          let scope2;
           let exp;
           let sub;
           try {
             const c2 = JSON.parse(Buffer.from(result.token.split(".")[0], "base64url").toString("utf8"));
-            scope = c2.apps;
+            scope2 = c2.apps;
             exp = c2.exp;
             sub = c2.sub;
           } catch {
@@ -194831,10 +195049,10 @@ ${label3}`);
             target,
             sub,
             exp,
-            scope,
+            scope: scope2,
             storedAt: storedAt2,
             ...swap2 ? { notice: swap2 } : {},
-            ...Array.isArray(scope) && scope.length === 0 ? { hint: "you own no apps yet \u2014 claim one with `himi apps claim <slug>`" } : {}
+            ...Array.isArray(scope2) && scope2.length === 0 ? { hint: "you own no apps yet \u2014 claim one with `himi apps claim <slug>`" } : {}
           });
           return 0;
         }
@@ -195387,9 +195605,9 @@ ${report3.ok ? "OK \u2014 data + serve plane reachable." : typeof report3.hint =
             throw new Error("KV admin not configured");
           } };
         }
-        const scope = { app, siteId: site, environment: environment2 };
+        const scope2 = { app, siteId: site, environment: environment2 };
         try {
-          const report3 = sub === "plan" ? await planData({ scope, data, kv, call }) : sub === "create" ? await createData({ scope, data, kv, call, dryRun: flags["dry-run"] === true }) : await seedData({ scope, data, kv, call, dir, dryRun: flags["dry-run"] === true, force: flags.force === true });
+          const report3 = sub === "plan" ? await planData({ scope: scope2, data, kv, call }) : sub === "create" ? await createData({ scope: scope2, data, kv, call, dryRun: flags["dry-run"] === true }) : await seedData({ scope: scope2, data, kv, call, dir, dryRun: flags["dry-run"] === true, force: flags.force === true });
           print(report3);
           return report3.ok ? 0 : 1;
         } catch (error) {