@wix/himalaya-cli 0.1520.0 → 0.1522.0

package/dist/cli.mjs

@@ -11758,10 +11758,10 @@ function appBindingIssues(root, ctx, appActions, isNavItemHidden = (at2) => /^to
       continue;
     }
     if ((ref.key === "itemsPath" || ref.key === "optionsPath") && ctx?.appState) {
-      const bound = initialValue(own3(ctx.appState, parsed.service), parsed.path);
-      if (bound !== void 0 && !Array.isArray(bound)) {
+      const bound2 = initialValue(own3(ctx.appState, parsed.service), parsed.path);
+      if (bound2 !== void 0 && !Array.isArray(bound2)) {
         issues.push({
-          ...issue2(`${ref.key} "${ref.value}" resolves to ${bound === null ? "null" : typeof bound} in the app service's INITIAL state, not an array \u2014 the list renders no rows`),
+          ...issue2(`${ref.key} "${ref.value}" resolves to ${bound2 === null ? "null" : typeof bound2} in the app service's INITIAL state, not an array \u2014 the list renders no rows`),
           severity: ref.key === "itemsPath" || strict ? "error" : "warning"
         });
       }
@@ -12112,8 +12112,8 @@ function mountable(c2, inTemplate = false) {
     const pages2 = type === "Carousel" ? props.items : props.pages;
     const perPage = Array.isArray(pages2) ? pages2.map((p2) => isComponent(p2) ? mountable(p2) : 0) : [];
     const window2 = typeof props.liveWindow === "number" && props.liveWindow > 0 ? Math.floor(props.liveWindow) : 0;
-    const bound = type === "Carousel" && hasItemsPath(props);
-    if (bound) {
+    const bound2 = type === "Carousel" && hasItemsPath(props);
+    if (bound2) {
       const template = perPage[0] ?? 0;
       if (template === 0) return 0;
       return repeated(window2 > 0 ? template * (2 * window2 + 1) : Infinity);
@@ -12185,8 +12185,8 @@ function webViewEmbeddedFindings(descriptor) {
       });
     }
     if ((bridged || isPerInstance(props)) && !s2.inTemplate) {
-      const explicit = props.instanceId;
-      const effective = isLiteral(explicit) ? explicit : explicit === void 0 || explicit === "" ? effectiveWebViewInstanceId(screenId, void 0, s2.id) : null;
+      const explicit2 = props.instanceId;
+      const effective = isLiteral(explicit2) ? explicit2 : explicit2 === void 0 || explicit2 === "" ? effectiveWebViewInstanceId(screenId, void 0, s2.id) : null;
       if (effective !== null) {
         const first = seen.get(effective);
         if (first !== void 0) {
@@ -13300,8 +13300,8 @@ function deviceParityWithheldFrom(root) {
 function setDefaultEvaluator(evaluator) {
   defaultEvaluator = evaluator;
 }
-function resolveEvaluator(explicit) {
-  const chosen = explicit ?? defaultEvaluator;
+function resolveEvaluator(explicit2) {
+  const chosen = explicit2 ?? defaultEvaluator;
   if (!chosen) {
     throw new Error(
       "no RealmEvaluator installed \u2014 import validate-descriptor.js (node) or validate-descriptor.browser.js (browser), or pass `evaluator` explicitly"
@@ -13315,8 +13315,8 @@ function setBootEvaluator(evaluator) {
 function installedBootEvaluator() {
   return bootEvaluator;
 }
-function resolveBootEvaluator(explicit) {
-  return explicit ?? bootEvaluator ?? resolveEvaluator();
+function resolveBootEvaluator(explicit2) {
+  return explicit2 ?? bootEvaluator ?? resolveEvaluator();
 }
 function setActionEvaluator(evaluator) {
   actionEvaluator = evaluator;
@@ -13324,8 +13324,8 @@ function setActionEvaluator(evaluator) {
 function installedActionEvaluator() {
   return actionEvaluator;
 }
-function resolveActionEvaluator(explicit) {
-  return explicit ?? actionEvaluator ?? resolveEvaluator();
+function resolveActionEvaluator(explicit2) {
+  return explicit2 ?? actionEvaluator ?? resolveEvaluator();
 }
 function responseBytes(value) {
   try {
@@ -15129,13 +15129,13 @@ function validateScreenDescriptor(screenId, descriptor, opts = {}) {
         if (k2 === "itemsPath" && typeof val === "string") {
           const m2 = /^\$service:([A-Za-z0-9_-]+)\.([A-Za-z0-9_.[\]]+)/.exec(val);
           if (m2 && m2[1] in services) {
-            const bound = pathValue(services[m2[1]], m2[2]);
-            if (bound !== void 0 && !Array.isArray(bound)) {
+            const bound2 = pathValue(services[m2[1]], m2[2]);
+            if (bound2 !== void 0 && !Array.isArray(bound2)) {
               issues.push({
                 severity: "error",
                 pass: "bindings",
                 path: here,
-                message: `itemsPath must bind to an array \u2014 $service:${m2[1]}.${m2[2]} is ${bound === null ? "null" : typeof bound} in the bundle's initial state; initialize it as [] (see the dynamic-list recipe: himi docs recipe-dynamic-list)`
+                message: `itemsPath must bind to an array \u2014 $service:${m2[1]}.${m2[2]} is ${bound2 === null ? "null" : typeof bound2} in the bundle's initial state; initialize it as [] (see the dynamic-list recipe: himi docs recipe-dynamic-list)`
               });
             }
           }
@@ -15208,13 +15208,13 @@ function validateScreenDescriptor(screenId, descriptor, opts = {}) {
         if (OPTIONS_BINDING_PROPS.has(k2) && typeof val === "string") {
           const mm = /^\$service:([A-Za-z0-9_-]+)\.([A-Za-z0-9_.[\]]+)/.exec(val);
           if (mm && mm[1] in services) {
-            const bound = pathValue(services[mm[1]], mm[2]);
-            if (bound !== void 0 && !Array.isArray(bound)) {
+            const bound2 = pathValue(services[mm[1]], mm[2]);
+            if (bound2 !== void 0 && !Array.isArray(bound2)) {
               issues.push({
                 severity: strict ? "error" : "warning",
                 pass: "bindings",
                 path: here,
-                message: `\`${k2}\` must bind to a list of options \u2014 $service:${mm[1]}.${mm[2]} is ${bound === null ? "null" : typeof bound} in the bundle's initial state, so the component renders no bound options on device (it silently keeps its static list). Initialize it as \`[]\` and populate it in an action (see the dynamic-list recipe: himi docs recipe-dynamic-list).`
+                message: `\`${k2}\` must bind to a list of options \u2014 $service:${mm[1]}.${mm[2]} is ${bound2 === null ? "null" : typeof bound2} in the bundle's initial state, so the component renders no bound options on device (it silently keeps its static list). Initialize it as \`[]\` and populate it in an action (see the dynamic-list recipe: himi docs recipe-dynamic-list).`
               });
             }
           }
@@ -22307,7 +22307,6 @@ function resolveIdiom(tokens2, ctx = {}) {
 var IDIOM_CONTEXTS, UNSAFE_KEYS;
 var init_idiom = __esm({
   "../../core/ts/src/idiom.ts"() {
-    "use strict";
     IDIOM_CONTEXTS = {
       ios: { native: ["ios"] },
       android: { native: ["material"] },
@@ -29786,8 +29785,8 @@ function resolveServeBase() {
   return (raw ?? "").replace(/\/$/, "");
 }
 function resolvePlaneControlReadBase() {
-  const explicit = process.env.HIMALAYA_PLAYER_CONTROL_URL;
-  if (explicit) return explicit.replace(/\/$/, "");
+  const explicit2 = process.env.HIMALAYA_PLAYER_CONTROL_URL;
+  if (explicit2) return explicit2.replace(/\/$/, "");
   const override = process.env.HIMALAYA_PLAYER_SERVE_URL;
   if (override) {
     const base = resolveServeBase();
@@ -31104,10 +31103,10 @@ function servicePath(binding2) {
 }
 function useResolvedScalar(v2, ctx) {
   const isService = typeof v2 === "string" && isBinding(v2) && v2.startsWith("$service:");
-  const bound = useBoundValue(ctx, isService ? v2 : "");
+  const bound2 = useBoundValue(ctx, isService ? v2 : "");
   if (!isService) return resolveScalarStatic(v2, ctx);
   if (!ctx.provider) return void 0;
-  return bound ?? void 0;
+  return bound2 ?? void 0;
 }
 function useBoundValue(ctx, binding2) {
   const path2 = servicePath(binding2);
@@ -31182,8 +31181,8 @@ var init_bindings2 = __esm({
     };
     BoundList = ({ ctx, itemsPath, template, renderRow }) => {
       const local = itemsPath.startsWith("$item.");
-      const bound = useBoundValue(ctx, local ? "" : itemsPath);
-      const arr2 = local ? ctx.itemScope?.[itemsPath.slice("$item.".length)] : bound;
+      const bound2 = useBoundValue(ctx, local ? "" : itemsPath);
+      const arr2 = local ? ctx.itemScope?.[itemsPath.slice("$item.".length)] : bound2;
       const items = Array.isArray(arr2) ? arr2 : [];
       return /* @__PURE__ */ jsx3(Fragment, { children: items.map((item, i2) => {
         const scope2 = item && typeof item === "object" ? { ...item, __index: i2 } : { value: item, __index: i2 };
@@ -31348,10 +31347,10 @@ function clampDateFieldValue(encoded2, minUnix, maxUnix, mode) {
   return String(clampDateUnix(Number(encoded2), minUnix, maxUnix, mode));
 }
 function clampDateUnix(unix, minUnix, maxUnix, mode) {
-  const onDay = (bound) => {
-    if (typeof bound !== "number") return null;
-    if (mode !== "time") return bound;
-    const b2 = new Date(bound * 1e3);
+  const onDay = (bound2) => {
+    if (typeof bound2 !== "number") return null;
+    if (mode !== "time") return bound2;
+    const b2 = new Date(bound2 * 1e3);
     const d2 = new Date(unix * 1e3);
     d2.setHours(b2.getHours(), b2.getMinutes(), b2.getSeconds(), 0);
     return Math.floor(d2.getTime() / 1e3);
@@ -33069,8 +33068,8 @@ var init_controls = __esm({
     rowShareFloor = (style, rowStretch, floor2) => rowStretch ? { ...style, minWidth: floor2 } : style;
     A11ySwitch = ({ props, ctx, wrap }) => {
       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 bound2 = useResolvedScalar(props.valuePath, ctx);
+      const resolved2 = ctx.empty ? false : props.valuePath != null ? encodeToggleFieldValue(bound2) === "true" : encodeToggleFieldValue(props.value, props.on === true) === "true";
       const bag = React7.useContext(FormValuesContext);
       const fieldId = props.__formFieldId;
       const inForm = Boolean(bag && fieldId);
@@ -33081,7 +33080,7 @@ var init_controls = __esm({
         setFormOn(null);
       }, [resolved2]);
       const toggleServiceBound = typeof props.valuePath === "string" && props.valuePath.startsWith("$service:");
-      const toggleReady = !toggleServiceBound || bound !== void 0;
+      const toggleReady = !toggleServiceBound || bound2 !== void 0;
       React7.useEffect(() => {
         if (!bag || !fieldId) return;
         if (!toggleReady && !hasContributed(bag, fieldId)) return;
@@ -33145,18 +33144,18 @@ var init_controls = __esm({
       const min = props.min ?? 0, max = props.max ?? 1;
       const boundValue = useResolvedScalar(props.valuePath, ctx);
       const raw = props.valuePath != null ? boundValue : props.value;
-      const bound = typeof raw === "number" ? raw : (min + max) / 2;
+      const bound2 = typeof raw === "number" ? raw : (min + max) / 2;
       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] = React7.useState(bound);
-      const latestValue = React7.useRef(bound);
+      const [val, setVal] = React7.useState(bound2);
+      const latestValue = React7.useRef(bound2);
       const dragging = React7.useRef(false);
       React7.useEffect(() => {
         if (dragging.current) return;
-        latestValue.current = bound;
-        setVal(bound);
-      }, [bound]);
+        latestValue.current = bound2;
+        setVal(bound2);
+      }, [bound2]);
       const lastEmit = React7.useRef(void 0);
       const canFire = !!(ctx.onAction && props.onChange && !props.disabled);
       const commit = (nv) => {
@@ -33167,10 +33166,10 @@ var init_controls = __esm({
         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] = React7.useState(() => [Math.min(bound, props.upperValue ?? bound), Math.max(bound, props.upperValue ?? bound)]);
+      const [pair, setPair] = React7.useState(() => [Math.min(bound2, props.upperValue ?? bound2), Math.max(bound2, props.upperValue ?? bound2)]);
       React7.useEffect(() => {
-        if (range) setPair([Math.min(bound, props.upperValue), Math.max(bound, props.upperValue)]);
-      }, [range, bound, props.upperValue]);
+        if (range) setPair([Math.min(bound2, props.upperValue), Math.max(bound2, props.upperValue)]);
+      }, [range, bound2, props.upperValue]);
       if (range) {
         const [lo2, hi2] = pair;
         const thumbKey = (which) => (e2) => {
@@ -33407,8 +33406,8 @@ var init_controls = __esm({
       }
       return value;
     };
-    tabsActiveColorName = (raw, bound) => {
-      const name = typeof raw === "string" && isBinding(raw) ? bound : raw;
+    tabsActiveColorName = (raw, bound2) => {
+      const name = typeof raw === "string" && isBinding(raw) ? bound2 : raw;
       return typeof name === "string" && name.trim() ? name.trim() : void 0;
     };
     swipeTabPage = (pages2, tabId) => {
@@ -35022,6 +35021,448 @@ var init_pdfFetch = __esm({
   }
 });
 
+// ../../core/web-renderer/src/webviewBridge.ts
+function canonicalJson2(value, path2 = /* @__PURE__ */ new Set()) {
+  if (value === null || typeof value === "boolean" || typeof value === "string") return JSON.stringify(value);
+  if (typeof value === "number") {
+    if (!Number.isFinite(value)) throw new TypeError(`canonicalJson: ${value} is not representable in JSON`);
+    return String(value);
+  }
+  if (typeof value !== "object") throw new TypeError(`canonicalJson: a ${typeof value} is not JSON data`);
+  if (path2.has(value)) throw new TypeError("canonicalJson: a cyclic value is not JSON data");
+  path2.add(value);
+  try {
+    if (Array.isArray(value)) {
+      const parts = [];
+      for (let i2 = 0; i2 < value.length; i2++) {
+        if (!(i2 in value) || value[i2] === void 0) throw new TypeError(`canonicalJson: array element ${i2} is not JSON data`);
+        parts.push(canonicalJson2(value[i2], path2));
+      }
+      return `[${parts.join(",")}]`;
+    }
+    const proto = Object.getPrototypeOf(value);
+    if (proto !== Object.prototype && proto !== null) throw new TypeError("canonicalJson: not a plain object");
+    const rec = value;
+    const keys = Object.keys(rec).filter((k2) => rec[k2] !== void 0).sort(byCodeUnit2);
+    return `{${keys.map((k2) => `${JSON.stringify(k2)}:${canonicalJson2(rec[k2], path2)}`).join(",")}}`;
+  } finally {
+    path2.delete(value);
+  }
+}
+function canonicalScreenArgs2(args) {
+  if (!args) return "";
+  return Object.keys(args).filter((k2) => args[k2] !== void 0).sort(byCodeUnit2).map((k2) => `${encodeURIComponent(k2)}=${encodeURIComponent(canonicalJson2(args[k2]))}`).join("&");
+}
+function effectiveWebViewInstanceId2(screenId, args, componentId, explicitInstanceId) {
+  if (typeof explicitInstanceId === "string" && explicitInstanceId !== "") return explicitInstanceId;
+  return `${screenId}?${canonicalScreenArgs2(args)}/${componentId}`;
+}
+function webViewBridgePlan(input) {
+  if (input.inlineHtml != null && input.inlineHtml !== "") return { bridged: false, reason: "web_srcdoc_unbridged" };
+  const pageOrigin = input.pageOrigin === void 0 ? currentOrigin() : input.pageOrigin;
+  const target = input.url ? classifyEmbedUrl(input.url, pageOrigin) : null;
+  if (!target || !target.crossOrigin || target.protocol !== "https:" && target.protocol !== "http:") {
+    return { bridged: false, reason: "web_url_same_origin_unbridged" };
+  }
+  const origin = new URL(target.href).origin;
+  if (input.allowedOrigins.length === 0 || !webViewOriginAllowed(input.url ?? "", input.allowedOrigins)) {
+    return { bridged: false, reason: "web_url_not_app_controlled" };
+  }
+  return { bridged: true, trustOrigin: origin };
+}
+function webViewBridgeLimits(security) {
+  const sec = security && typeof security === "object" ? security : {};
+  const base = sec.profile === "app_content" ? APP_CONTENT_LIMITS : FLOOR_LIMITS;
+  return {
+    maxCalls: explicit(sec.rateLimitMaxCalls, base.maxCalls),
+    windowMs: explicit(sec.rateLimitWindowMs, base.windowMs),
+    maxStringLength: explicit(sec.maxArgStringLength, base.maxStringLength),
+    maxDepth: explicit(sec.maxArgDepth, base.maxDepth),
+    maxBytes: explicit(sec.maxMessageBytes, base.maxBytes),
+    allowsLineBreaks: base.allowsLineBreaks
+  };
+}
+function admitRaw(raw, limits, callTimes, now) {
+  while (callTimes.length > 0 && callTimes[0] < now - limits.windowMs) callTimes.shift();
+  if (callTimes.length >= limits.maxCalls) return "rate_limit";
+  callTimes.push(now);
+  if (utf83(raw) > limits.maxBytes) return "too_large";
+  return null;
+}
+function containsUnsafe(s2, allowsLineBreaks) {
+  const lower = s2.toLowerCase();
+  if (lower.includes("<script") || lower.includes("</script")) return true;
+  for (let i2 = 0; i2 < s2.length; i2++) {
+    const c2 = s2.charCodeAt(i2);
+    if (c2 === 9 || allowsLineBreaks && (c2 === 10 || c2 === 13)) continue;
+    if (c2 < 32 || c2 === 127) return true;
+    if (c2 >= 8234 && c2 <= 8238 || c2 >= 8294 && c2 <= 8297) return true;
+  }
+  return false;
+}
+function argsClean(value, depth, limits) {
+  if (depth > limits.maxDepth) return false;
+  if (typeof value === "string") return value.length <= limits.maxStringLength && !containsUnsafe(value, limits.allowsLineBreaks);
+  if (Array.isArray(value)) return value.every((v2) => argsClean(v2, depth + 1, limits));
+  if (value && typeof value === "object") return Object.values(value).every((v2) => argsClean(v2, depth + 1, limits));
+  return true;
+}
+function judged(payload) {
+  if (typeof payload !== "string") return payload;
+  try {
+    return JSON.parse(payload);
+  } catch {
+    return payload;
+  }
+}
+function pagePayloadJson(payload) {
+  if (payload === void 0 || payload === null) return "null";
+  return typeof payload === "string" ? payload : JSON.stringify(payload);
+}
+function scrubKind(kind) {
+  return kind.slice(0, 64).replace(/[\u0000-\u001f\u007f\u202a-\u202e\u2066-\u2069]/g, "");
+}
+function isConsoleEnvelope(payload) {
+  const j2 = judged(payload);
+  return !!j2 && typeof j2 === "object" && !Array.isArray(j2) && j2.sys === "console";
+}
+function consoleArgLength(limits) {
+  return Math.min(limits.maxStringLength, Math.max(16, Math.floor(limits.maxBytes / (CONSOLE_MAX_ARGS * 6))));
+}
+function admitConsole(budget, now) {
+  while (budget.consoleTimes.length > 0 && budget.consoleTimes[0] <= now - 1e3) budget.consoleTimes.shift();
+  if (budget.consoleTimes.length >= CONSOLE_MAX_PER_SECOND) {
+    budget.consoleDropped++;
+    return false;
+  }
+  budget.consoleTimes.push(now);
+  return true;
+}
+function lifecycleEnvelope(instanceId, state, detail) {
+  return JSON.stringify(detail === void 0 ? { iid: instanceId, state, sys: "lifecycle", v: 1 } : { detail, iid: instanceId, state, sys: "lifecycle", v: 1 });
+}
+var byCodeUnit2, FLOOR_LIMITS, APP_CONTENT_LIMITS, explicit, utf83, CONSOLE_MAX_PER_SECOND, CONSOLE_MAX_ARGS, ANNOUNCE, PORT, HOST_CONTROL, MAX_HELD, MAX_REPORTED, WebViewBridgeSession;
+var init_webviewBridge = __esm({
+  "../../core/web-renderer/src/webviewBridge.ts"() {
+    init_webviewFrame();
+    byCodeUnit2 = (a2, b2) => a2 < b2 ? -1 : a2 > b2 ? 1 : 0;
+    FLOOR_LIMITS = { maxCalls: 50, windowMs: 1e3, maxStringLength: 2048, maxDepth: 10, maxBytes: 1048576, allowsLineBreaks: false };
+    APP_CONTENT_LIMITS = { maxCalls: 200, windowMs: 1e3, maxStringLength: 262144, maxDepth: 32, maxBytes: 4194304, allowsLineBreaks: true };
+    explicit = (v2, base) => typeof v2 === "number" && Number.isFinite(v2) ? v2 : base;
+    utf83 = (s2) => new TextEncoder().encode(s2).byteLength;
+    CONSOLE_MAX_PER_SECOND = 20;
+    CONSOLE_MAX_ARGS = 16;
+    ANNOUNCE = "webview.announce";
+    PORT = "webview.port";
+    HOST_CONTROL = "webview.host";
+    MAX_HELD = 64;
+    MAX_REPORTED = 32;
+    WebViewBridgeSession = class {
+      constructor(opts) {
+        this.opts = opts;
+        this.active = opts.active !== false;
+        this.muted = opts.muted === true;
+      }
+      registration = null;
+      port = null;
+      boundDoc = null;
+      held = [];
+      loaded = false;
+      active;
+      muted;
+      stopped = false;
+      everBound = false;
+      boundTo = null;
+      reported = /* @__PURE__ */ new Set();
+      onWindowMessage = (event) => this.announce(event);
+      get instanceId() {
+        return this.opts.instanceId;
+      }
+      get bridged() {
+        return this.opts.plan.bridged;
+      }
+      /** Whether a page document ever took a port from this session (it then holds it, and stops announcing). */
+      get hasBoundPage() {
+        return this.everBound;
+      }
+      /** The frame window whose page holds this session's latest port (`null` if none ever bound). */
+      get boundWindow() {
+        return this.boundTo;
+      }
+      /** Mount: register with the worker's hub, tell it `mounted` (with the reason when unbridged), and
+       *  start listening for the page's announce. */
+      start() {
+        const { channel: channel3, instanceId, plan } = this.opts;
+        const registration = channel3.register(instanceId, (json8) => this.toPage(json8));
+        this.registration = registration;
+        channel3.deliverLifecycle(instanceId, registration.replacedLive ? lifecycleEnvelope(instanceId, "reloaded") : lifecycleEnvelope(instanceId, "mounted", plan.bridged ? { bridged: true } : { bridged: false, reason: plan.reason }));
+        if (!this.active) channel3.deliverLifecycle(instanceId, lifecycleEnvelope(instanceId, "inactive"));
+        if (plan.bridged) this.opts.win.addEventListener("message", this.onWindowMessage);
+      }
+      /** The iframe's `load`. Only the first one of a document epoch is `loaded`: an in-frame navigation
+       *  loads again, and that new document is announced (`reloaded`) when it binds its port. */
+      frameLoaded() {
+        if (this.stopped || this.loaded) return;
+        this.loaded = true;
+        this.opts.channel.deliverLifecycle(this.opts.instanceId, lifecycleEnvelope(this.opts.instanceId, "loaded"));
+      }
+      /** `active_path` changed. */
+      setActive(active) {
+        if (this.stopped || active === this.active) return;
+        this.active = active;
+        this.control("active", active);
+        this.opts.channel.deliverLifecycle(this.opts.instanceId, lifecycleEnvelope(this.opts.instanceId, active ? "active" : "inactive"));
+      }
+      /** `muted_path` changed: the page-side muted sweep, best effort. */
+      setMuted(muted) {
+        if (this.stopped || muted === this.muted) return;
+        this.muted = muted;
+        this.control("muted", muted);
+      }
+      /** `reload_key_path` changed: the caller remounts the iframe; this ends the old document. */
+      reloaded() {
+        if (this.stopped) return;
+        this.closePort();
+        this.boundDoc = null;
+        this.held = [];
+        this.loaded = false;
+        this.opts.channel.deliverLifecycle(this.opts.instanceId, lifecycleEnvelope(this.opts.instanceId, "reloaded"));
+      }
+      /** Unmount: close the port, unregister (THIS registration only) and tell the worker. */
+      stop() {
+        if (this.stopped) return;
+        this.stopped = true;
+        this.opts.win.removeEventListener("message", this.onWindowMessage);
+        this.closePort();
+        this.held = [];
+        const still = this.registration?.unregister() ?? false;
+        this.registration = null;
+        if (still) this.opts.channel.deliverLifecycle(this.opts.instanceId, lifecycleEnvelope(this.opts.instanceId, "unmounted"));
+      }
+      // ── page handshake ──
+      announce(event) {
+        if (this.stopped || !this.opts.plan.bridged) return;
+        const frame = this.opts.frameWindow();
+        if (!frame || event.source !== frame) return;
+        const data = event.data;
+        if (!data || typeof data !== "object" || data.himalaya !== ANNOUNCE || data.v !== 1) return;
+        const doc = typeof data.doc === "string" && data.doc.length > 0 && data.doc.length <= 64 ? data.doc : null;
+        if (!doc) return;
+        if (event.origin !== this.opts.plan.trustOrigin) {
+          this.deny("untrusted_origin", `origin ${event.origin}`, "-");
+          return;
+        }
+        if (doc === this.boundDoc) return;
+        if (this.port) {
+          this.closePort();
+          this.loaded = false;
+          this.opts.channel.deliverLifecycle(this.opts.instanceId, lifecycleEnvelope(this.opts.instanceId, "reloaded"));
+        }
+        const channel3 = this.opts.createChannel?.() ?? new MessageChannel();
+        const port = channel3.port1;
+        port.onmessage = (e2) => this.fromPage(e2.data);
+        port.start?.();
+        this.port = port;
+        this.boundDoc = doc;
+        this.everBound = true;
+        this.boundTo = frame;
+        const hello = {
+          himalaya: PORT,
+          v: 1,
+          doc,
+          active: this.active,
+          muted: this.muted,
+          console: this.opts.consoleForwarding ? { maxArgs: CONSOLE_MAX_ARGS, argLength: consoleArgLength(this.opts.limits) } : null
+        };
+        try {
+          frame.postMessage(hello, this.opts.plan.trustOrigin, [channel3.port2]);
+        } catch {
+          this.closePort();
+          this.boundDoc = null;
+          return;
+        }
+        const held = this.held;
+        this.held = [];
+        for (const json8 of held) this.toPage(json8);
+      }
+      // ── page → worker ──
+      fromPage(raw) {
+        if (this.stopped || !this.port) return;
+        const { channel: channel3, instanceId, limits } = this.opts;
+        if (typeof raw !== "string") {
+          this.deny("unsafe_args", "non-string");
+          return;
+        }
+        const budget = channel3.budget(instanceId);
+        const now = this.opts.now?.() ?? Date.now();
+        const rejected = admitRaw(raw, limits, budget.callTimes, now);
+        if (rejected) {
+          this.deny(rejected, rejected);
+          return;
+        }
+        let msg;
+        try {
+          msg = JSON.parse(raw);
+        } catch {
+          this.deny("unsafe_args", "unparsable");
+          return;
+        }
+        if (!msg || typeof msg !== "object" || Array.isArray(msg)) {
+          this.deny("unsafe_args", "not-object");
+          return;
+        }
+        const kind = typeof msg.kind === "string" ? msg.kind : "";
+        if (kind !== "worker.message") {
+          const shown2 = scrubKind(kind);
+          this.deny("bridged_action_path", `kind ${shown2}`, shown2);
+          return;
+        }
+        const payload = msg.payload;
+        const consoleLine = isConsoleEnvelope(payload);
+        if (consoleLine && !this.opts.consoleForwarding) return;
+        if (consoleLine && !admitConsole(budget, now)) return;
+        if (consoleLine) budget.callTimes.pop();
+        const parsed = typeof payload === "string" ? judged(payload) : void 0;
+        if (!argsClean(msg, 0, limits) || parsed !== void 0 && parsed !== payload && !argsClean(parsed, 1, limits)) {
+          this.deny("unsafe_args", "unsafe_args");
+          return;
+        }
+        if (consoleLine) {
+          const env = judged(payload);
+          (this.opts.log ?? ((line) => console.info(line)))(`[himalaya.webview] [${typeof env.level === "string" ? env.level : "log"}] ${JSON.stringify(env.args ?? [])}`);
+        }
+        channel3.deliverMessage(instanceId, pagePayloadJson(payload));
+      }
+      // ── worker → page ──
+      toPage(json8) {
+        if (this.stopped || !this.opts.plan.bridged) return;
+        if (!this.port) {
+          if (this.held.length < MAX_HELD) this.held.push(json8);
+          return;
+        }
+        try {
+          this.port.postMessage(json8);
+        } catch {
+        }
+      }
+      control(op, value) {
+        try {
+          this.port?.postMessage({ himalaya: HOST_CONTROL, v: 1, op, value });
+        } catch {
+        }
+      }
+      closePort() {
+        if (!this.port) return;
+        this.port.onmessage = null;
+        try {
+          this.port.close();
+        } catch {
+        }
+        this.port = null;
+      }
+      /** A refused page message. With `actionId` it is reported as `bridge_call_denied` (native reports the
+       *  origin gate and the action-path refusal); the caps (`rate_limit`, `too_large`, `unsafe_args`) are
+       *  only logged, as native logs them. Bounded per session either way. */
+      deny(reason, key3, actionId) {
+        const k2 = `${reason}:${key3}`;
+        if (this.reported.size >= MAX_REPORTED || this.reported.has(k2)) return;
+        this.reported.add(k2);
+        if (actionId !== void 0) this.opts.channel.reportDenied(reason, this.opts.instanceId, actionId);
+        else (this.opts.warn ?? ((line) => console.warn(line)))(`[himalaya.webview] message rejected: ${reason} (bridged) iid=${this.opts.instanceId}`);
+      }
+    };
+  }
+});
+
+// ../../core/web-renderer/src/webviewBridgeHost.tsx
+var webviewBridgeHost_exports = {};
+__export(webviewBridgeHost_exports, {
+  default: () => WebViewBridgeHost
+});
+import React10 from "react";
+function WebViewBridgeHost(p2) {
+  const { channel: channel3, props, ctx } = p2;
+  const explicit2 = useResolvedScalar(props.instanceId, ctx);
+  const explicitId = typeof explicit2 === "string" || typeof explicit2 === "number" ? String(explicit2) : "";
+  const active = useResolvedScalar(bound(props.activePath), ctx) !== false;
+  const muted = useResolvedScalar(bound(props.mutedPath), ctx) === true;
+  const cfg = props.config && typeof props.config === "object" ? props.config : {};
+  const consoleForwarding = cfg.consoleForwarding === true;
+  const security = JSON.stringify(cfg.bridgeSecurity ?? null);
+  const screenArgs = JSON.stringify(ctx.screenArgs ?? null);
+  const source = p2.htmlStr != null ? "\0html" : p2.urlStr ?? "";
+  const origins = p2.allowedOrigins.join("\n");
+  const sessionRef = React10.useRef(null);
+  const live3 = React10.useRef({ active, muted });
+  live3.current = { active, muted };
+  React10.useEffect(() => {
+    if (typeof window === "undefined") return;
+    if (p2.urlStr == null && p2.htmlStr == null) return;
+    let instanceId;
+    try {
+      instanceId = effectiveWebViewInstanceId2(ctx.screenId ?? "", ctx.screenArgs, p2.nodeId ?? "", explicitId || void 0);
+    } catch {
+      return;
+    }
+    const session = new WebViewBridgeSession({
+      instanceId,
+      channel: channel3,
+      plan: webViewBridgePlan({ url: p2.urlStr, inlineHtml: p2.htmlStr, allowedOrigins: p2.allowedOrigins }),
+      limits: webViewBridgeLimits(cfg.bridgeSecurity),
+      consoleForwarding,
+      win: window,
+      frameWindow: () => p2.frameRef.current?.contentWindow ?? null,
+      active: live3.current.active,
+      muted: live3.current.muted
+    });
+    session.start();
+    sessionRef.current = session;
+    p2.load.onLoad = () => session.frameLoaded();
+    const frame = p2.frameRef.current;
+    if (frame && p2.load.boundFrame === frame) {
+      p2.load.boundFrame = null;
+      p2.load.loaded = false;
+      if (frame.getAttribute("src")) frame.setAttribute("src", frame.getAttribute("src"));
+    } else if (p2.load.loaded) {
+      session.frameLoaded();
+    }
+    return () => {
+      const current = p2.frameRef.current;
+      p2.load.boundFrame = session.hasBoundPage && current && current.contentWindow === session.boundWindow ? current : null;
+      session.stop();
+      if (sessionRef.current === session) sessionRef.current = null;
+      p2.load.onLoad = void 0;
+    };
+  }, [channel3, ctx.screenId, screenArgs, p2.nodeId, explicitId, source, origins, security, consoleForwarding]);
+  React10.useEffect(() => {
+    sessionRef.current?.setActive(active);
+  }, [active]);
+  React10.useEffect(() => {
+    sessionRef.current?.setMuted(muted);
+  }, [muted]);
+  const first = React10.useRef(true);
+  useLayoutEffectInBrowser(() => {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    p2.load.loaded = false;
+    sessionRef.current?.reloaded();
+  }, [p2.reloadKey, p2.htmlStr]);
+  return null;
+}
+var useLayoutEffectInBrowser, bound;
+var init_webviewBridgeHost = __esm({
+  "../../core/web-renderer/src/webviewBridgeHost.tsx"() {
+    "use strict";
+    init_bindings2();
+    init_helpers();
+    init_webviewBridge();
+    useLayoutEffectInBrowser = typeof globalThis.document === "undefined" ? React10.useEffect : React10.useLayoutEffect;
+    bound = (v2) => typeof v2 === "string" && isBinding(v2) ? v2 : void 0;
+  }
+});
+
 // ../../core/web-renderer/src/pdfPainter.ts
 async function paintPdfDocument(document2, container, width = container.clientWidth || 600, startPage = 1, zoomPercent = 100, isCurrent = () => true, onPageCount) {
   if (!isCurrent()) return document2.numPages;
@@ -115630,7 +116071,7 @@ __export(pdfDocument_exports, {
   PdfDocument: () => PdfDocument,
   destroyPdfDocumentLoad: () => destroyPdfDocumentLoad
 });
-import React10 from "react";
+import React11 from "react";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 async function loadPdfDocument(src, ownerDocument) {
   const [pdfjs, pdfWorkerAsset] = await Promise.all([
@@ -115649,18 +116090,18 @@ async function destroyPdfDocumentLoad(loading) {
   }
 }
 function PdfDocument({ src, nativeSrc, title, height, startPage, zoomPercent, style, onPageCount, onFallback, loadDocument = loadPdfDocument }) {
-  const [pages2, setPages] = React10.useState(0);
-  const [failedRequest, setFailedRequest] = React10.useState(null);
+  const [pages2, setPages] = React11.useState(0);
+  const [failedRequest, setFailedRequest] = React11.useState(null);
   const request = JSON.stringify([src, zoomPercent]);
   const failed3 = failedRequest === request;
-  const containerRef = React10.useRef(null);
-  const frameRef = React10.useRef(null);
-  const startPageRef = React10.useRef(startPage);
+  const containerRef = React11.useRef(null);
+  const frameRef = React11.useRef(null);
+  const startPageRef = React11.useRef(startPage);
   startPageRef.current = startPage;
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     if (failed3) onFallback?.();
   }, [failed3, onFallback]);
-  React10.useEffect(() => {
+  React11.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;
@@ -115669,7 +116110,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]);
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     let live3 = true;
     let loading;
     const container = containerRef.current;
@@ -115731,7 +116172,7 @@ var init_pdfDocument = __esm({
 });
 
 // ../../core/web-renderer/src/renderNode.tsx
-import React11 from "react";
+import React12 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) {
@@ -115779,6 +116220,7 @@ function makeCtx(tokens2, scheme = "light", opts = {}) {
     emitTelemetry: opts.emitTelemetry,
     assetBaseUrl: opts.assetBaseUrl,
     runtimeDegraded: opts.runtimeDegraded,
+    screenArgs: opts.screenArgs,
     previewSurface: opts.previewSurface,
     debugUnknownComponents: opts.debugUnknownComponents,
     appId: opts.appId,
@@ -115823,8 +116265,8 @@ function isNumericLike(s2) {
   return NUMERIC_TEXT.test(s2.trim());
 }
 function useValueSwap(value, enabled) {
-  const prev = React11.useRef(value);
-  const gen = React11.useRef(0);
+  const prev = React12.useRef(value);
+  const gen = React12.useRef(0);
   if (prev.current !== value) {
     if (enabled && prev.current !== void 0 && value !== void 0) gen.current += 1;
     prev.current = value;
@@ -115892,9 +116334,9 @@ function revealOnFocusStyle(C2) {
   };
 }
 function FormFieldLabelIdScope({ render, fieldKey, ...extras }) {
-  const id = React11.useId().replace(/[^A-Za-z0-9_-]/g, "");
+  const id = React12.useId().replace(/[^A-Za-z0-9_-]/g, "");
   const el2 = render(`${fieldKey ? `${fieldKey}-` : ""}auto-${id}`);
-  return Object.keys(extras).length ? React11.cloneElement(el2, extras) : el2;
+  return Object.keys(extras).length ? React12.cloneElement(el2, extras) : el2;
 }
 function formFieldA11y(props) {
   const labelledBy = props.__labelledBy;
@@ -116629,9 +117071,9 @@ function sectionSlot(raw) {
   }
 }
 function useLoadingTiming(target, graceMs, floorMs) {
-  const [shown2, setShown] = React11.useState(() => target === "loading" && graceMs > 0 ? "pending" : target);
-  const loadingSince = React11.useRef(shown2 === "loading" ? Date.now() : null);
-  React11.useEffect(() => {
+  const [shown2, setShown] = React12.useState(() => target === "loading" && graceMs > 0 ? "pending" : target);
+  const loadingSince = React12.useRef(shown2 === "loading" ? Date.now() : null);
+  React12.useEffect(() => {
     if (target === shown2) return void 0;
     if (target === "loading") {
       if (graceMs <= 0) {
@@ -116670,8 +117112,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] = React11.useState(reduce);
-  React11.useEffect(() => {
+  const [shown2, setShown] = React12.useState(reduce);
+  React12.useEffect(() => {
     if (reduce || typeof requestAnimationFrame !== "function") {
       setShown(true);
       return;
@@ -116680,7 +117122,7 @@ function PreviewMenuOverlay({ label: label3, dialogRef, preview, ctx, onClose, a
     return () => cancelAnimationFrame(raf);
   }, [reduce]);
   const inScope = host != null && host !== host.ownerDocument.body;
-  const previewCtx = React11.useMemo(() => ctx.onAction ? { ...ctx, onAction: (a2) => {
+  const previewCtx = React12.useMemo(() => ctx.onAction ? { ...ctx, onAction: (a2) => {
     onClose();
     ctx.onAction(a2);
   } } : ctx, [ctx, onClose]);
@@ -116747,7 +117189,7 @@ function youtubeId(item) {
   }
 }
 function useResolvedMediaItems(items, ctx) {
-  const paths = React11.useMemo(() => {
+  const paths = React12.useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const it2 of items) {
       if (!it2 || typeof it2 !== "object") continue;
@@ -116759,17 +117201,17 @@ function useResolvedMediaItems(items, ctx) {
     return [...set];
   }, [items]);
   const key3 = paths.join("\0");
-  const [values, setValues] = React11.useState(() => {
+  const [values, setValues] = React12.useState(() => {
     const seed2 = {};
     if (ctx.provider) for (const p2 of paths) seed2[p2] = ctx.provider.value(p2);
     return seed2;
   });
-  React11.useEffect(() => {
+  React12.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 React11.useMemo(() => items.map((it2) => {
+  return React12.useMemo(() => items.map((it2) => {
     if (!it2 || typeof it2 !== "object") return it2;
     let out2 = null;
     for (const f2 of MEDIA_ITEM_BINDABLE) {
@@ -116796,9 +117238,24 @@ function sourceZoomPercent(fragment) {
   const zoom = match ? Number(match[1]) : NaN;
   return Number.isFinite(zoom) && zoom > 0 ? zoom : void 0;
 }
+function webViewChannelOf(provider) {
+  const host = provider;
+  return host && typeof host.webViewChannel === "function" ? host.webViewChannel() : null;
+}
+function reloadKeyOf(v2) {
+  if (v2 === void 0 || v2 === null) return null;
+  if (typeof v2 === "object") {
+    try {
+      return JSON.stringify(v2);
+    } catch {
+      return "?";
+    }
+  }
+  return String(v2);
+}
 function cloneWithKids(el2, props, kids3) {
-  if (kids3 === el2.props.children) return React11.cloneElement(el2, props);
-  return React11.cloneElement(el2, props, ...Array.isArray(kids3) ? kids3 : [kids3]);
+  if (kids3 === el2.props.children) return React12.cloneElement(el2, props);
+  return React12.cloneElement(el2, props, ...Array.isArray(kids3) ? kids3 : [kids3]);
 }
 function editA11yParts(node, edit) {
   if (Array.isArray(node)) {
@@ -116810,7 +117267,7 @@ function editA11yParts(node, edit) {
     });
     return changed ? out2 : node;
   }
-  if (!React11.isValidElement(node) || typeof node.type !== "string") return node;
+  if (!React12.isValidElement(node) || typeof node.type !== "string") return node;
   const own6 = node.props;
   if (own6["data-component-id"] != null) return node;
   const part3 = own6[A11Y_PART];
@@ -116854,8 +117311,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 React11.Children.toArray(el2.props.children).some((child) => {
-    if (!React11.isValidElement(child)) return false;
+  return React12.Children.toArray(el2.props.children).some((child) => {
+    if (!React12.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;
@@ -116931,8 +117388,8 @@ function trackActivatorName(activator) {
   activatorNameObservers.set(activator, observer);
 }
 function TapActivator({ label: label3, state, tabIndex = 0, role = "button", hint, initialFocus }) {
-  const ref = React11.useRef(null);
-  const hintId = `hm-tap-hint${React11.useId()}`;
+  const ref = React12.useRef(null);
+  const hintId = `hm-tap-hint${React12.useId()}`;
   useIsomorphicLayoutEffect(() => {
     const el2 = ref.current;
     if (!el2 || label3) return;
@@ -116971,9 +117428,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 (!React11.isValidElement(el2)) return /* @__PURE__ */ jsx11(Fragment4, { children: el2 });
+    if (!React12.isValidElement(el2)) return /* @__PURE__ */ jsx11(Fragment4, { children: el2 });
     if (el2.props[NODE_EXTRAS_TARGET] === "bottom-drawer-panel") {
-      return React11.cloneElement(el2, { [NODE_EXTRAS_TARGET]: void 0 });
+      return React12.cloneElement(el2, { [NODE_EXTRAS_TARGET]: void 0 });
     }
     const additive = addIntrinsicPadding(el2.props.style, wrap ?? {});
     const inferredDecorative = el2.props[INFERRED_DECORATIVE] === true;
@@ -116993,7 +117450,7 @@ function withExtras(name, render) {
         }, hasA11yParts ? editA11yParts(kids3, a11yPartEdit({}, false, () => {
         })) : kids3));
       }
-      return withCircleClipBorder(additive ? React11.cloneElement(el2, { style: additive }) : el2);
+      return withCircleClipBorder(additive ? React12.cloneElement(el2, { style: additive }) : el2);
     }
     const prev = el2.props;
     const next = { ...pass };
@@ -117094,7 +117551,7 @@ function withExtras(name, render) {
       }
       return withCircleClipBorder(cloneWithKids(el2, next, kids3));
     }
-    return withCircleClipBorder(React11.cloneElement(el2, next));
+    return withCircleClipBorder(React12.cloneElement(el2, next));
   };
   Wrapped.displayName = name;
   return Wrapped;
@@ -117202,7 +117659,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] = React11.useState(initial);
+  const [placed, setPlaced] = React12.useState(initial);
   useIsomorphicLayoutEffect(() => {
     if (!open) {
       setPlaced((previous) => previous.edge === edge && previous.x === 0 && previous.y === 0 && previous.maxWidth === Infinity ? previous : initial);
@@ -117996,7 +118453,7 @@ function renderNodeInner(node, ctx) {
     }
   }
   const el2 = renderInner(node, ctx);
-  if (!React11.isValidElement(el2)) return el2;
+  if (!React12.isValidElement(el2)) return el2;
   const extra = {};
   const material = node?.modifiers?.material;
   const materialName = typeof material === "string" ? material : material?.token ?? material?.name;
@@ -118159,10 +118616,10 @@ function renderNodeInner(node, ctx) {
   }
   {
     const mods = node?.modifiers;
-    const bound = mods ? boundPaddingInsets(mods, ctx) : {};
-    if (mods?.padding != null || bound.paddingTop != null || bound.paddingBottom != null) {
+    const bound2 = mods ? boundPaddingInsets(mods, ctx) : {};
+    if (mods?.padding != null || bound2.paddingTop != null || bound2.paddingBottom != null) {
       const style = extra.style ?? el2.props.style;
-      const modPad = { ...ctx.modStyle({ padding: mods?.padding, density: mods?.density }), ...bound };
+      const modPad = { ...ctx.modStyle({ padding: mods?.padding, density: mods?.density }), ...bound2 };
       const composed2 = addIntrinsicPadding(style, modPad);
       if (composed2) extra.style = composed2;
     }
@@ -118175,8 +118632,8 @@ function renderNodeInner(node, ctx) {
     const finalStyle = extra.style ?? el2.props.style;
     if (!finalStyle?.position) extra.style = { ...finalStyle ?? {}, position: "relative" };
   }
-  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);
+  let out2 = tapActivator ? React12.cloneElement(el2, extra, tapActivator, el2.props.children) : Object.keys(extra).length ? React12.cloneElement(el2, extra) : el2;
+  if (React12.isValidElement(out2)) out2 = withCircleClipBorder(out2);
   if (a11yHint && !tapActivator) {
     out2 = /* @__PURE__ */ jsx11(A11yHintDescription, { hint: a11yHint, idBase: componentId, children: out2 });
   }
@@ -118393,10 +118850,10 @@ function renderInner(node, ctx) {
             template: items[0],
             renderRow: (t2, ic) => {
               let row = renderNode(t2, asItem(ic));
-              if (boundStagger > 0 && React11.isValidElement(row)) {
+              if (boundStagger > 0 && React12.isValidElement(row)) {
                 const i2 = Number(ic.itemScope?.__index ?? 0);
                 const prev = row.props.style ?? {};
-                row = React11.cloneElement(row, { style: { ...prev, animationDelay: `${i2 * boundStagger}ms` } });
+                row = React12.cloneElement(row, { style: { ...prev, animationDelay: `${i2 * boundStagger}ms` } });
               }
               if (boundSwipe && ctx.onAction && !props.horizontal) {
                 const leading = resolveSwipeActions(boundSwipe.leading, ic);
@@ -118456,7 +118913,7 @@ function renderInner(node, ctx) {
         if (swipe && ctx.onAction && !props.horizontal) {
           const leading = swipe.leading ?? [];
           const trailing = swipe.trailing ?? [];
-          const arr2 = React11.Children.toArray(rendered);
+          const arr2 = React12.Children.toArray(rendered);
           body = arr2.map((child, i2) => /* @__PURE__ */ jsx11(
             SwipeRow,
             {
@@ -118514,8 +118971,8 @@ function renderInner(node, ctx) {
       const card2 = ctx.elevation("card");
       const elevation = card2 && ownSurface ? { border: card2.border } : card2;
       const wrapShadow = wrap.boxShadow;
-      const explicit = m2?.shadow != null || m2?.boxShadow != null || m2?.box_shadow != null;
-      const elevationShadow = !elevation ? wrapShadow : explicit ? elevationBoxShadow({ border: elevation.border, shadow: wrapShadow }) : [elevationBoxShadow(elevation), wrapShadow].filter(Boolean).join(", ") || void 0;
+      const explicit2 = m2?.shadow != null || m2?.boxShadow != null || m2?.box_shadow != null;
+      const elevationShadow = !elevation ? wrapShadow : explicit2 ? elevationBoxShadow({ border: elevation.border, shadow: wrapShadow }) : [elevationBoxShadow(elevation), wrapShadow].filter(Boolean).join(", ") || void 0;
       return /* @__PURE__ */ jsx11("div", { style: { display: "flex", flexDirection: "column", gap: props.spacing == null ? 8 : ctx.sp(props.spacing), padding: props.padding == null ? 12 : ctx.sp(props.padding), background: elevation?.tint ? mixColor(fill, elevation.tint.color, elevation.tint.alpha) : fill, borderRadius: ctx.radius(props.cornerRadius ?? "md", 10), overflow: "hidden", alignSelf: "stretch", ...props.alignment ? { alignItems: props.alignment === "center" ? "center" : props.alignment === "trailing" ? "flex-end" : "flex-start" } : {}, ...wrap, ...elevationShadow ? { boxShadow: elevationShadow } : {} }, children: kids2(props.children, ctx) });
     }
     case "SplitView":
@@ -118945,7 +119402,7 @@ function renderInner(node, ctx) {
       ] });
     // ───────────── embeddable WebView ─────────────
     case "WebView":
-      return /* @__PURE__ */ jsx11(WebViewNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx11(WebViewNode, { props, ctx, wrap, nodeId: resolvedComponentId(node.id, ctx) ?? "" });
     // ───────────── app intents + unknown ─────────────
     default: {
       const intent = pkg ? ctx.intents?.[`${pkg}.${type}`] : void 0;
@@ -118967,7 +119424,7 @@ function reportUnknownComponent(ctx, pkg, type) {
 function unknownComponentShowsDeveloperLabel(ctx) {
   return ctx.debugUnknownComponents ?? ctx.previewSurface != null;
 }
-var rowValue, 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, LOTTIE_RUNTIME_ATTRIBUTES, lottieAnims, 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_ANCHOR_CONTROL, MenuNode, MENU_LONG_PRESS_MS, menuOpensOnLongPress, 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 rowValue, loadPdfFetch, WebViewBridgeHost2, 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, LOTTIE_RUNTIME_ATTRIBUTES, lottieAnims, 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_ANCHOR_CONTROL, MenuNode, MENU_LONG_PRESS_MS, menuOpensOnLongPress, 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";
@@ -119016,11 +119473,12 @@ var init_renderNode = __esm({
     init_richContent();
     rowValue = (v2, ctx) => typeof v2 === "string" && v2.startsWith("$item") ? resolveScalarStatic(v2, ctx) : v2;
     loadPdfFetch = () => Promise.resolve().then(() => (init_pdfFetch(), pdfFetch_exports));
-    useIsomorphicLayoutEffect = typeof globalThis.document === "undefined" ? React11.useEffect : React11.useLayoutEffect;
+    WebViewBridgeHost2 = React12.lazy(() => Promise.resolve().then(() => (init_webviewBridgeHost(), webviewBridgeHost_exports)));
+    useIsomorphicLayoutEffect = typeof globalThis.document === "undefined" ? React12.useEffect : React12.useLayoutEffect;
     ResponsiveGrid = ({ base, medium, expanded, initialCols, seedWidth, spacing, extra, children }) => {
-      const [el2, setEl] = React11.useState(null);
-      const [cols, setCols] = React11.useState(initialCols);
-      React11.useEffect(() => {
+      const [el2, setEl] = React12.useState(null);
+      const [cols, setCols] = React12.useState(initialCols);
+      React12.useEffect(() => {
         if (!el2) return;
         const measure2 = () => {
           const w2 = seededWidth(el2.clientWidth, seedWidth);
@@ -119046,9 +119504,9 @@ var init_renderNode = __esm({
     SPLIT_EXPANDED_MIN_WIDTH = 840;
     SPLIT_COLUMN_GAP = 16;
     ResponsiveSplitView = ({ primary, detail, primaryMaxWidth, initialWide, seedWidth, extra }) => {
-      const ref = React11.useRef(null);
-      const [wide, setWide] = React11.useState(initialWide);
-      React11.useEffect(() => {
+      const ref = React12.useRef(null);
+      const [wide, setWide] = React12.useState(initialWide);
+      React12.useEffect(() => {
         const el2 = ref.current;
         if (!el2) return;
         const measure2 = () => {
@@ -119094,9 +119552,9 @@ var init_renderNode = __esm({
     revealRuntimeInjected = false;
     AMBIENT_HOST_STYLE = { display: "contents" };
     AmbientMotionBox = ({ spec, kind, children }) => {
-      const ref = React11.useRef(null);
+      const ref = React12.useRef(null);
       const { minGapMs, maxGapMs } = spec;
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         const el2 = ref.current?.firstElementChild;
         if (!el2 || typeof el2.animate !== "function") return;
         let timer;
@@ -119180,14 +119638,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(React11.Fragment, { children: renderNode(n2, ctx) }, n2?.id ?? i2)) : null;
+    kids2 = (arr2, ctx) => Array.isArray(arr2) ? arr2.map((n2, i2) => /* @__PURE__ */ jsx11(React12.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(React11.Fragment, { children: renderNode(n2, rowKidCtx(n2, ctx)) }, n2?.id ?? i2)) : null;
+    rowKids = (arr2, ctx) => Array.isArray(arr2) ? arr2.map((n2, i2) => /* @__PURE__ */ jsx11(React12.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 (!React11.isValidElement(el2)) return /* @__PURE__ */ jsx11(React11.Fragment, { children: el2 }, n2?.id ?? i2);
+      if (!React12.isValidElement(el2)) return /* @__PURE__ */ jsx11(React12.Fragment, { children: el2 }, n2?.id ?? i2);
       const prev = el2.props.style ?? {};
-      return React11.cloneElement(el2, { key: n2?.id ?? i2, style: { ...prev, animationDelay: `${i2 * staggerMs}ms` } });
+      return React12.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);
@@ -119197,19 +119655,19 @@ var init_renderNode = __esm({
       return isBinding(v2) ? asTextL10n(resolved2 ?? "", ctx) : asText2(v2);
     };
     InterpolatedTextView = ({ pattern, params, ctx }) => {
-      const bound = Object.entries(params).filter(
+      const bound2 = Object.entries(params).filter(
         ([, v2]) => typeof v2 === "string" && v2.startsWith("$service:")
       );
-      const [live3, setLive] = React11.useState(() => {
+      const [live3, setLive] = React12.useState(() => {
         const seed2 = {};
-        if (ctx.provider) for (const [k2, p2] of bound) seed2[k2] = ctx.provider.value(servicePath(p2));
+        if (ctx.provider) for (const [k2, p2] of bound2) seed2[k2] = ctx.provider.value(servicePath(p2));
         return seed2;
       });
-      const subKey = bound.map(([k2, p2]) => `${k2}=${p2}`).join("|");
-      React11.useEffect(() => {
+      const subKey = bound2.map(([k2, p2]) => `${k2}=${p2}`).join("|");
+      React12.useEffect(() => {
         const provider = ctx.provider;
         if (!provider) return;
-        const unsubs = bound.map(
+        const unsubs = bound2.map(
           ([k2, p2]) => provider.subscribe(servicePath(p2), (v2) => setLive((prev) => prev[k2] === v2 ? prev : { ...prev, [k2]: v2 }))
         );
         return () => unsubs.forEach((u2) => u2());
@@ -119248,11 +119706,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 = React11.useRef(selectedId);
-      const reportedUnknown = React11.useRef(/* @__PURE__ */ new Set());
-      const reportedInvalid = React11.useRef(/* @__PURE__ */ new Set());
-      const [announcement, setAnnouncement] = React11.useState("");
-      React11.useEffect(() => {
+      const previousId = React12.useRef(selectedId);
+      const reportedUnknown = React12.useRef(/* @__PURE__ */ new Set());
+      const reportedInvalid = React12.useRef(/* @__PURE__ */ new Set());
+      const [announcement, setAnnouncement] = React12.useState("");
+      React12.useEffect(() => {
         if (typeof discriminator === "string") {
           if (discriminator && !props.cases?.some((candidate) => candidate.id === discriminator) && !reportedUnknown.current.has(discriminator)) {
             reportedUnknown.current.add(discriminator);
@@ -119266,7 +119724,7 @@ var init_renderNode = __esm({
           }
         }
       }, [ctx, discriminator, props.cases, slotId]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (previousId.current !== selectedId) {
           const next = selected?.accessibilityAnnouncement ?? selected?.accessibility_announcement;
           setAnnouncement(typeof next === "string" ? next : "");
@@ -119280,7 +119738,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(React11.Fragment, { children: renderNode(selected.content, ctx) }, selectedId) : null,
+          selected?.content ? /* @__PURE__ */ jsx11(React12.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 })
         ] })
       );
@@ -119288,24 +119746,24 @@ var init_renderNode = __esm({
     FragmentSlotNode = withExtras("FragmentSlotNode", ({ props, ctx, wrap, nodeId }) => {
       const casePath = props.casePath ?? props.case_path;
       const isService = typeof casePath === "string" && casePath.startsWith("$service:");
-      const bound = useBoundValue(ctx, isService ? casePath : "");
-      const discriminator = isService ? bound : isEnvExpr(casePath) ? evalEnvExpr(casePath, ctxEnv(ctx)) : resolveScalarStatic(casePath, ctx);
+      const bound2 = useBoundValue(ctx, isService ? casePath : "");
+      const discriminator = isService ? bound2 : isEnvExpr(casePath) ? evalEnvExpr(casePath, ctxEnv(ctx)) : resolveScalarStatic(casePath, ctx);
       return fragmentSlotContent({ props, ctx, discriminator, slotId: nodeId, extra: wrap });
     });
     RichContentEditorNode = withExtras("RichContentEditorNode", ({ props, ctx, wrap, nodeId }) => /* @__PURE__ */ jsx11(RichContentEditorView, { props, ctx, wrap, nodeId, renderChild: (n2) => renderNode(n2, ctx) }));
     MediaFieldNode = withExtras("MediaFieldNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
       const servicePathStr = mediaFieldServicePath(props.valuePath);
-      const bound = useBoundValue(ctx, servicePathStr ? String(props.valuePath) : "");
-      const imageUrl = typeof bound === "string" ? bound : "";
+      const bound2 = useBoundValue(ctx, servicePathStr ? String(props.valuePath) : "");
+      const imageUrl = typeof bound2 === "string" ? bound2 : "";
       const fallbackPathStr = mediaFieldServicePath(props.fallbackTextPath);
       const fallbackBound = useBoundValue(ctx, fallbackPathStr ? String(props.fallbackTextPath) : "");
       const fallbackText = typeof fallbackBound === "string" ? fallbackBound : "";
-      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 [uploading, setUploading] = React12.useState(false);
+      const [failed3, setFailed] = React12.useState(false);
+      const fileRef = React12.useRef(null);
+      const previewRef = React12.useRef(null);
+      const [localPreview, setLocalPreview] = React12.useState("");
       const uploadService = typeof props.uploadService === "string" ? props.uploadService : "";
       const resolvedLabel = asText2(resolveScalarStatic(props.label, ctx));
       const name = mediaFieldName(resolvedLabel);
@@ -119350,7 +119808,7 @@ var init_renderNode = __esm({
           setUploading(false);
         }
       };
-      React11.useEffect(() => () => {
+      React12.useEffect(() => () => {
         const previewUrl = previewRef.current;
         if (previewUrl && typeof URL.revokeObjectURL === "function") URL.revokeObjectURL(previewUrl);
         previewRef.current = null;
@@ -119422,7 +119880,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 = React11.useMemo(() => {
+      const validation = React12.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" };
@@ -119432,8 +119890,8 @@ var init_renderNode = __esm({
           return { ok: false, reason: "typed_decode" };
         }
       }, [catalog3, policy, slotId, value]);
-      const reported = React11.useRef(/* @__PURE__ */ new Set());
-      React11.useEffect(() => {
+      const reported = React12.useRef(/* @__PURE__ */ new Set());
+      React12.useEffect(() => {
         const key3 = validation.ok ? `ok:${validation.treeHash}` : `bad:${validation.treeHash ?? validation.reason}`;
         if (reported.current.has(key3)) return;
         reported.current.add(key3);
@@ -119460,12 +119918,12 @@ var init_renderNode = __esm({
       const componentId = nodeId ?? "";
       const path2 = props.documentJsonPath ?? props.document_json_path;
       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 = React11.useMemo(() => layoutRichContentValue(raw), [raw]);
+      const bound2 = useResolvedScalar(hasPath ? path2 : void 0, ctx);
+      const raw = hasPath ? bound2 : props.documentJson ?? props.document_json;
+      const result = React12.useMemo(() => layoutRichContentValue(raw), [raw]);
       const reason = result && "rejected" in result ? result.rejected : void 0;
-      const reported = React11.useRef(/* @__PURE__ */ new Set());
-      React11.useEffect(() => {
+      const reported = React12.useRef(/* @__PURE__ */ new Set());
+      React12.useEffect(() => {
         if (!reason) return;
         const key3 = typeof raw === "string" ? `${reason}:${raw.length}:${richContentDocumentHash(raw)}` : `${reason}:non-string`;
         if (reported.current.has(key3)) return;
@@ -119559,17 +120017,17 @@ var init_renderNode = __esm({
     };
     withRootStyle = (content, style) => {
       if (Array.isArray(content)) return content.map((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)));
+      if (!React12.isValidElement(content)) return content;
+      if (content.type === React12.Fragment) {
+        return React12.cloneElement(content, {}, React12.Children.map(content.props.children, (child) => withRootStyle(child, style)));
       }
       const element = content;
-      return React11.cloneElement(element, { style: { ...element.props.style, ...style } });
+      return React12.cloneElement(element, { style: { ...element.props.style, ...style } });
     };
     ReactiveDirectScalars = ({ node, ctx, bindings, style }) => {
-      const [, rerender] = React11.useState(0);
+      const [, rerender] = React12.useState(0);
       const bindingKey = bindings.join("|");
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!ctx.provider) return;
         const unsubs = bindings.map((binding2) => ctx.provider.subscribe(servicePath(binding2), () => rerender((n2) => n2 + 1)));
         return () => unsubs.forEach((unsubscribe) => unsubscribe());
@@ -119582,14 +120040,14 @@ var init_renderNode = __esm({
       return /* @__PURE__ */ jsx11(ExitPresence, { hidden: hiddenBool(v2), exit: exit ?? null, children });
     };
     ExitPresence = ({ hidden, exit, children }) => {
-      const [prevHidden, setPrevHidden] = React11.useState(hidden);
-      const [exiting, setExiting] = React11.useState(false);
+      const [prevHidden, setPrevHidden] = React12.useState(hidden);
+      const [exiting, setExiting] = React12.useState(false);
       if (hidden !== prevHidden) {
         setPrevHidden(hidden);
         setExiting(hidden && exit != null);
       }
-      const ref = React11.useRef(null);
-      const exitRef = React11.useRef(exit);
+      const ref = React12.useRef(null);
+      const exitRef = React12.useRef(exit);
       exitRef.current = exit;
       useIsomorphicLayoutEffect(() => {
         if (!exiting) return void 0;
@@ -119617,13 +120075,13 @@ var init_renderNode = __esm({
       const C2 = ctx.color;
       const raw = props.state;
       const isBound = typeof raw === "string" && raw.startsWith("$service:");
-      const bound = useResolvedScalar(isBound ? raw : void 0, ctx);
+      const bound2 = useResolvedScalar(isBound ? raw : void 0, ctx);
       const legacy = isNodeLike(props.data) ? "data" : isNodeLike(props.loading) ? "loading" : props.state === "error" ? "error" : "empty";
-      const target = raw == null || raw === "" || isBound && !ctx.provider ? legacy : sectionSlot(isBound ? bound : raw);
+      const target = raw == null || raw === "" || isBound && !ctx.provider ? legacy : sectionSlot(isBound ? bound2 : 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 = React11.useRef(false);
-      const first = React11.useRef(shown2);
+      const changed = React12.useRef(false);
+      const first = React12.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) }),
@@ -119655,8 +120113,8 @@ var init_renderNode = __esm({
       }
       const animate = motionDefaultsAnimate(ctx);
       const fadeMs = motionDefaultsDuration(ctx.kit, 220);
-      const lastShown = React11.useRef(null);
-      const [outgoing, setOutgoing] = React11.useState(null);
+      const lastShown = React12.useRef(null);
+      const [outgoing, setOutgoing] = React12.useState(null);
       useIsomorphicLayoutEffect(() => {
         const was = lastShown.current;
         if (!animate || !was || was.slot === shown2 || was.node == null) return void 0;
@@ -119664,7 +120122,7 @@ var init_renderNode = __esm({
         const t2 = setTimeout(() => setOutgoing(null), fadeMs);
         return () => clearTimeout(t2);
       }, [shown2]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         lastShown.current = { slot: shown2, node: content };
       });
       if (changed.current && animate) {
@@ -119700,7 +120158,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] = React11.useState(false);
+      const [valueVisible, setValueVisible] = React12.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;
@@ -119714,20 +120172,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] = React11.useState(
+      const [local, setLocal] = React12.useState(
         isBound ? boundText ?? "" : literalText
       );
-      const [edited, setEdited] = React11.useState(false);
-      const [pristineRichValue, setPristineRichValue] = React11.useState(
+      const [edited, setEdited] = React12.useState(false);
+      const [pristineRichValue, setPristineRichValue] = React12.useState(
         serializeRichText ? isBound ? boundRawText : typeof valueBinding === "string" ? valueBinding : void 0 : void 0
       );
-      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(() => {
+      const focused = React12.useRef(false);
+      const [touched, setTouched] = React12.useState(false);
+      const [isFocused, setIsFocused] = React12.useState(false);
+      const pendingEdits = React12.useRef([]);
+      const previousBoundText = React12.useRef(boundText);
+      const previousBoundRawText = React12.useRef(boundRawText);
+      React12.useEffect(() => {
         if (!isBound || boundText === void 0) return;
         const boundTextChanged = previousBoundText.current !== boundText;
         const boundRawTextChanged = previousBoundRawText.current !== boundRawText;
@@ -119758,23 +120216,23 @@ var init_renderNode = __esm({
         }
         if (!focused.current && boundText !== local) setLocal(boundText);
       }, [boundText, serializeRichText ? boundRawText : void 0, isFocused, serializeRichText ? edited : false]);
-      const formBag = React11.useContext(FormValuesContext);
+      const formBag = React12.useContext(FormValuesContext);
       const fieldId = props.__formFieldId;
-      const previousBinding = React11.useRef(binding2);
+      const previousBinding = React12.useRef(binding2);
       const rule = props.validation ?? cfg.validation;
       const { "aria-labelledby": labelledBy } = formFieldA11y(props);
       const required3 = rule?.required === true || void 0;
-      const ruleKey = React11.useMemo(() => rule ? JSON.stringify(rule) : "", [rule]);
-      React11.useEffect(() => {
+      const ruleKey = React12.useMemo(() => rule ? JSON.stringify(rule) : "", [rule]);
+      React12.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;
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (formBag && fieldId) formBag.set(fieldId, formValue);
       }, [formValue, fieldId, formBag, binding2]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (previousBinding.current === binding2) return;
         previousBinding.current = binding2;
         pendingEdits.current = [];
@@ -119793,7 +120251,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 = React11.useMemo(
+      const validationCatalog = React12.useMemo(
         () => ctx.catalog ? new Proxy({}, { get: (_t2, k2) => typeof k2 === "string" ? ctx.catalog.get(k2) : void 0 }) : void 0,
         [ctx.catalog]
       );
@@ -119808,7 +120266,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] = React11.useState(false);
+      const [feedbackShown, setFeedbackShown] = React12.useState(false);
       const revealed = message !== null && shouldRevealError({
         rule,
         feedbackShown,
@@ -119817,11 +120275,11 @@ var init_renderNode = __esm({
         focused: isFocused,
         submitAttempted: formBag?.submitAttempted ?? false
       });
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (revealed) setFeedbackShown(true);
       }, [revealed]);
       const errored = erroredProp || revealed;
-      const generatedId = React11.useId();
+      const generatedId = React12.useId();
       const errorId = revealed ? `${componentId ?? generatedId}__error` : void 0;
       const emit = (v2) => {
         if (onChangeAction && ctx.onAction) {
@@ -119833,16 +120291,16 @@ var init_renderNode = __esm({
           });
         }
       };
-      const ownsPrivateDraft = React11.useRef(false);
-      React11.useEffect(() => {
+      const ownsPrivateDraft = React12.useRef(false);
+      React12.useEffect(() => {
         if (visibilityToggle && !isBound) ownsPrivateDraft.current = true;
       }, [visibilityToggle, isBound]);
-      const clearSensitiveDraft = React11.useRef(() => {
+      const clearSensitiveDraft = React12.useRef(() => {
       });
       clearSensitiveDraft.current = () => {
         if (ownsPrivateDraft.current && !isBound) emit("");
       };
-      React11.useEffect(() => () => clearSensitiveDraft.current(), []);
+      React12.useEffect(() => () => clearSensitiveDraft.current(), []);
       const onInput = (e2) => {
         const v2 = e2.currentTarget.value;
         setLocal(v2);
@@ -119874,7 +120332,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 = React11.useRef(null);
+      const inputRef = React12.useRef(null);
       useIsomorphicLayoutEffect(() => {
         const el2 = inputRef.current;
         const view = el2?.ownerDocument?.defaultView;
@@ -119889,8 +120347,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 = React11.useRef(void 0);
-      React11.useEffect(() => {
+      const lastFocusToken = React12.useRef(void 0);
+      React12.useEffect(() => {
         if (!focusBinding) return;
         const next = typeof focusTokenVal === "string" ? focusTokenVal : typeof focusTokenVal === "number" ? String(focusTokenVal) : "";
         if (!next || next === lastFocusToken.current) return;
@@ -119965,8 +120423,8 @@ var init_renderNode = __esm({
     };
     MENU_ANCHOR_CONTROL = 'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="button"], [role="link"]';
     MenuNode = withExtras("MenuNode", ({ props, ctx, wrap }) => {
-      const [open, setOpen] = React11.useState(false);
-      const hostRef = React11.useRef(null);
+      const [open, setOpen] = React12.useState(false);
+      const hostRef = React12.useRef(null);
       const context = menuOpensOnLongPress(props.style);
       const itemsPath = typeof props.itemsPath === "string" && props.itemsPath.startsWith("$service:") ? props.itemsPath : "";
       const boundItems = useBoundValue(ctx, itemsPath);
@@ -119974,7 +120432,7 @@ var init_renderNode = __esm({
       const previewMode = context && props.preview != null;
       const items = sourceItems.map((it2) => ({ ...it2, label: typeof it2?.label === "string" && it2.label.startsWith("$item") ? resolveItemDeep2(it2.label, ctx) : it2?.label, disabled: it2?.disabled === true || !it2?.action }));
       const C2 = ctx.color;
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!open) return;
         const onTop = () => menuRef.current != null && isWithinTopModal(menuRef.current);
         const onDown = (e2) => {
@@ -120000,11 +120458,11 @@ 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 = React11.useRef(null);
-      const menuRef = React11.useRef(null);
-      const dialogRef = React11.useRef(null);
-      const [popupAlignLeft, setPopupAlignLeft] = React11.useState(false);
-      const [popupAbove, setPopupAbove] = React11.useState(false);
+      const anchorRef = React12.useRef(null);
+      const menuRef = React12.useRef(null);
+      const dialogRef = React12.useRef(null);
+      const [popupAlignLeft, setPopupAlignLeft] = React12.useState(false);
+      const [popupAbove, setPopupAbove] = React12.useState(false);
       useIsomorphicLayoutEffect(() => {
         if (!open || !anchorRef.current || !menuRef.current) return;
         const anchor = anchorRef.current.getBoundingClientRect();
@@ -120026,8 +120484,8 @@ var init_renderNode = __esm({
         setPopupAlignLeft(anchor.right - popup.width < left);
         setPopupAbove(anchor.bottom + popup.height + 4 > bottom && anchor.top - popup.height - 4 >= top);
       });
-      const [innerControl, setInnerControl] = React11.useState(null);
-      const innerControlRef = React11.useRef(null);
+      const [innerControl, setInnerControl] = React12.useState(null);
+      const innerControlRef = React12.useRef(null);
       useIsomorphicLayoutEffect(() => {
         const anchor = anchorRef.current;
         const refresh = () => {
@@ -120043,7 +120501,7 @@ var init_renderNode = __esm({
         observer.observe(anchor, { childList: true, subtree: true, attributes: true, attributeFilter: ["disabled", "tabindex", "href", "role"] });
         return () => observer.disconnect();
       });
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!innerControl) return;
         innerControl.setAttribute("aria-haspopup", "menu");
         innerControl.setAttribute("aria-expanded", String(open));
@@ -120055,13 +120513,13 @@ var init_renderNode = __esm({
         };
       }, [innerControl, open]);
       const itemsKey = items.map((it2, i2) => `${it2?.id ?? i2}:${it2?.disabled ? 0 : 1}`).join("|");
-      React11.useEffect(() => {
+      React12.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]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!open || !modal) return;
         const layer = pushModalLayer(() => dialogRef.current);
         return () => {
@@ -120083,11 +120541,11 @@ var init_renderNode = __esm({
         e2.preventDefault();
         items2[next].focus();
       };
-      const pressTimer = React11.useRef(null);
-      const longPressed = React11.useRef(false);
-      const touchOrigin = React11.useRef(null);
-      const suppressNextClick = React11.useRef(false);
-      const suppressTimer = React11.useRef(null);
+      const pressTimer = React12.useRef(null);
+      const longPressed = React12.useRef(false);
+      const touchOrigin = React12.useRef(null);
+      const suppressNextClick = React12.useRef(false);
+      const suppressTimer = React12.useRef(null);
       const clearSuppress = () => {
         suppressNextClick.current = false;
         if (suppressTimer.current != null) {
@@ -120101,7 +120559,7 @@ var init_renderNode = __esm({
           pressTimer.current = null;
         }
       };
-      React11.useEffect(() => () => {
+      React12.useEffect(() => () => {
         cancelPress();
         clearSuppress();
       }, []);
@@ -120265,11 +120723,11 @@ var init_renderNode = __esm({
     LoadMoreSentinel = ({ ctx, pagination, style }) => {
       const raw = pagination?.cursor;
       const isBound = typeof raw === "string" && isBinding(raw);
-      const bound = useBoundValue(ctx, isBound ? raw : "");
-      const cursor = isBound ? typeof bound === "string" ? bound : "" : String(raw ?? "");
-      const ref = React11.useRef(null);
-      const fired = React11.useRef("");
-      React11.useEffect(() => {
+      const bound2 = useBoundValue(ctx, isBound ? raw : "");
+      const cursor = isBound ? typeof bound2 === "string" ? bound2 : "" : String(raw ?? "");
+      const ref = React12.useRef(null);
+      const fired = React12.useRef("");
+      React12.useEffect(() => {
         fired.current = "";
         const el2 = ref.current;
         if (!cursor || !ctx.onAction || !el2 || typeof IntersectionObserver === "undefined") return;
@@ -120289,8 +120747,8 @@ var init_renderNode = __esm({
       const literalErrorText = useBoundString(props.text ?? props.message, ctx);
       const C2 = ctx.color;
       const isBoundText = typeof props.textPath === "string" && isBinding(props.textPath);
-      const bound = useResolvedScalar(isBoundText ? props.textPath : void 0, ctx);
-      const text11 = isBoundText ? typeof bound === "string" || typeof bound === "number" ? String(bound) : "" : literalErrorText;
+      const bound2 = useResolvedScalar(isBoundText ? props.textPath : void 0, ctx);
+      const text11 = isBoundText ? typeof bound2 === "string" || typeof bound2 === "number" ? String(bound2) : "" : literalErrorText;
       if (props.visible === false) return null;
       if (isBoundText && !text11) return null;
       const c2 = (props.severity ?? "error") === "warning" ? C2("warning", "#E89F00") : C2("danger", "#E62214");
@@ -120300,11 +120758,11 @@ var init_renderNode = __esm({
       ] });
     });
     FormView = withExtras("FormView", ({ props, ctx, wrap }) => {
-      const bagRef = React11.useRef(null);
+      const bagRef = React12.useRef(null);
       if (!bagRef.current) bagRef.current = createFormBag();
       const bag = bagRef.current;
-      React11.useSyncExternalStore(
-        React11.useCallback((cb) => bag.subscribe(cb), [bag]),
+      React12.useSyncExternalStore(
+        React12.useCallback((cb) => bag.subscribe(cb), [bag]),
         () => bag.version,
         () => bag.version
       );
@@ -120321,7 +120779,7 @@ var init_renderNode = __esm({
           ctx.onAction?.({ ...action, args: merged });
         }
       };
-      const submitNode = React11.useMemo(() => {
+      const submitNode = React12.useMemo(() => {
         const node = props.submitButton;
         if (!node || valid) return node;
         if (node.body) return { ...node, body: { ...node.body, props: { ...node.body.props ?? {}, disabled: true } } };
@@ -120371,11 +120829,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] = React11.useState(initialIndex);
+      const [index, setIndex] = React12.useState(initialIndex);
       const queueReady = !itemsPath || Array.isArray(boundQueue);
       const seatKey = `${itemsPath ?? ""}|${startIndex}`;
-      const seated = React11.useRef(null);
-      React11.useEffect(() => {
+      const seated = React12.useRef(null);
+      React12.useEffect(() => {
         const last = Math.max(0, resolvedItems.length - 1);
         if (resolvedItems.length === 0) return;
         if (queueReady && seated.current !== seatKey) {
@@ -120390,19 +120848,19 @@ var init_renderNode = __esm({
         }
         setIndex((i2) => Math.min(Math.max(0, i2), last));
       }, [resolvedItems.length, startIndex, queueReady, seatKey]);
-      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 [status, setStatus] = React12.useState("idle");
+      const [position, setPosition] = React12.useState(initialStartPosition);
+      const [duration2, setDuration] = React12.useState(0);
+      const [buffered, setBuffered] = React12.useState(0);
+      const [rate, setRateState] = React12.useState(1);
+      const [fullscreen, setFullscreen] = React12.useState(false);
+      const [error, setError] = React12.useState("");
+      const mediaRef = React12.useRef(null);
+      const hostRef = React12.useRef(null);
+      const autoplayConsumed = React12.useRef(false);
       const item = resolvedItems[index];
       const mediaKey2 = `${index}:${item?.id ?? item?.url ?? ""}`;
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         const outgoing = mediaRef.current;
         return () => {
           try {
@@ -120416,7 +120874,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 = React11.useMemo(() => ({
+      const capabilities = React12.useMemo(() => ({
         seek: !isUnsupportedProvider && item?.live !== true,
         rate: !isUnsupportedProvider && item?.live !== true,
         queue: !isUnsupportedProvider && items.length > 1,
@@ -120444,9 +120902,9 @@ var init_renderNode = __esm({
         error,
         capabilities
       };
-      const slotProvider = React11.useMemo(() => new MediaSlotProvider(state), []);
-      React11.useEffect(() => slotProvider.set(state));
-      React11.useEffect(() => {
+      const slotProvider = React12.useMemo(() => new MediaSlotProvider(state), []);
+      React12.useEffect(() => slotProvider.set(state));
+      React12.useEffect(() => {
         if (!startPositionPath || typeof boundStartPosition !== "number" || !Number.isFinite(boundStartPosition) || status !== "idle") return;
         const next = Math.max(0, boundStartPosition);
         setPosition(next);
@@ -120457,7 +120915,7 @@ var init_renderNode = __esm({
           }
         }
       }, [startPositionPath, boundStartPosition, status]);
-      const emit = React11.useCallback((action, extra = {}) => {
+      const emit = React12.useCallback((action, extra = {}) => {
         if (!action || !ctx.onAction) return;
         const snapshot2 = {
           sessionId,
@@ -120476,13 +120934,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]);
-      React11.useEffect(() => {
+      React12.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 = React11.useCallback(async () => {
+      const play = React12.useCallback(async () => {
         if (isYouTube) return;
         if (isUnsupportedProvider) {
           setStatus("error");
@@ -120504,17 +120962,17 @@ var init_renderNode = __esm({
           emit(props.onError, { state: "blocked", status: "blocked", error: message, code: "playback_blocked" });
         }
       }, [isYouTube, isUnsupportedProvider, emit, props.onError]);
-      const pause = React11.useCallback(() => {
+      const pause = React12.useCallback(() => {
         mediaRef.current?.pause();
         setStatus("paused");
       }, []);
-      const seek = React11.useCallback((seconds) => {
+      const seek = React12.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 = React11.useCallback((next) => {
+      const select2 = React12.useCallback((next) => {
         if (resolvedItems.length === 0) return;
         const normalized = (next % resolvedItems.length + resolvedItems.length) % resolvedItems.length;
         const nextItem = resolvedItems[normalized];
@@ -120536,7 +120994,7 @@ var init_renderNode = __esm({
           error: ""
         });
       }, [resolvedItems, emit, props.onItemChange]);
-      const toggleFullscreen = React11.useCallback(async () => {
+      const toggleFullscreen = React12.useCallback(async () => {
         if (props.fullscreen === "disabled") return;
         const host = hostRef.current;
         try {
@@ -120546,7 +121004,7 @@ var init_renderNode = __esm({
           setFullscreen((value) => !value);
         }
       }, [props.fullscreen]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         const listener = (event) => {
           const detail = event.detail;
           if (!detail || detail.sessionId !== sessionId) return;
@@ -120594,7 +121052,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]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         const listener = () => {
           const value = document.fullscreenElement === hostRef.current;
           setFullscreen(value);
@@ -120603,14 +121061,14 @@ var init_renderNode = __esm({
         document.addEventListener("fullscreenchange", listener);
         return () => document.removeEventListener("fullscreenchange", listener);
       }, [emit, props.onFullscreenChange]);
-      React11.useEffect(() => {
+      React12.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]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (isYouTube || isUnsupportedProvider || props.autoplay === "never" || autoplayConsumed.current) return;
         if (props.autoplay === "once") {
           autoplayConsumed.current = true;
@@ -120812,15 +121270,15 @@ var init_renderNode = __esm({
         }
       );
     });
-    PdfDocumentCanvas = React11.lazy(() => Promise.resolve().then(() => (init_pdfDocument(), pdfDocument_exports)).then((module) => ({ default: module.PdfDocument })));
+    PdfDocumentCanvas = React12.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] = React11.useState(null);
-      React11.useEffect(() => {
+      const [retyped, setRetyped] = React12.useState(null);
+      React12.useEffect(() => {
         if (!retypeSrc) return;
         let live3 = true;
         let made = null;
@@ -120842,11 +121300,11 @@ var init_renderNode = __esm({
       }, [retypeSrc]);
       const settled = retyped && retyped.from === retypeSrc ? retyped : null;
       const wantsShare = props.allowShare === true;
-      const [fellBackFrom, setFellBackFrom] = React11.useState(null);
+      const [fellBackFrom, setFellBackFrom] = React12.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] = React11.useState(null);
-      React11.useEffect(() => {
+      const [direct, setDirect] = React12.useState(null);
+      React12.useEffect(() => {
         if (!directSrc) return;
         let live3 = true;
         let made = null;
@@ -120863,16 +121321,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] = React11.useState({ from: rawUrl, page: null, zoom: null });
+      const [nav, setNav] = React12.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] = React11.useState(null);
-      const onPageCount = React11.useCallback((count2) => {
+      const [canvasCount, setCanvasCount] = React12.useState(null);
+      const onPageCount = React12.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 = React11.useCallback(() => setFellBackFrom(src), [src]);
+      const onFallback = React12.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;
@@ -120922,7 +121380,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 object9 = 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(
+      const object9 = typeof window === "undefined" ? /* @__PURE__ */ jsx11("object", { "data-himalaya-pdf": "static-fallback", data, type: "application/pdf", "aria-label": label3, style: documentStyle }) : /* @__PURE__ */ jsx11(React12.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,
@@ -120986,7 +121444,7 @@ var init_renderNode = __esm({
         )
       ] });
     });
-    WebViewNode = withExtras("WebViewNode", ({ props, ctx, wrap }) => {
+    WebViewNode = withExtras("WebViewNode", ({ props, ctx, wrap, nodeId }) => {
       const boundUrl = useResolvedScalar(props.url != null && isBinding(props.url) ? props.url : void 0, ctx);
       const boundHtml = useResolvedScalar(props.inlineHtml != null && isBinding(props.inlineHtml) ? props.inlineHtml : void 0, ctx);
       const url = props.url != null && isBinding(props.url) ? boundUrl : props.url;
@@ -120998,26 +121456,63 @@ var init_renderNode = __esm({
       const htmlStr = rawHtml != null ? injectIntoInlineHtml(rawHtml, config, scrollEnabled) : void 0;
       const urlAllowed = urlStr != null && (config.allowedOrigins.length === 0 || webViewOriginAllowed(urlStr, config.allowedOrigins));
       const urlFrame = urlStr && urlAllowed ? webviewFrameSandbox(urlStr) : null;
-      const h2 = typeof props.height === "number" && props.height > 0 ? props.height : void 0;
+      const boundHeight = useResolvedScalar(props.heightPath != null && isBinding(props.heightPath) ? props.heightPath : void 0, ctx);
+      const fill = props.fill === true;
+      const h2 = typeof boundHeight === "number" && boundHeight > 0 ? boundHeight : typeof props.height === "number" && props.height > 0 ? props.height : void 0;
       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] = React11.useState(null);
+      const frameStyle = { width: "100%", boxSizing: "border-box", border: "none", borderRadius: ctx.radius("md", 8), background: "#fff", ...scrollEnabled ? {} : { overflow: "hidden" }, ...fill ? { flex: "1 1 0", minHeight: 0 } : h2 ? { height: h2 } : ar2 ? { aspectRatio: String(ar2) } : { height: 200 } };
+      const reloadValue = reloadKeyOf(useResolvedScalar(props.reloadKeyPath != null && isBinding(props.reloadKeyPath) ? props.reloadKeyPath : void 0, ctx));
+      const reloadState = React12.useRef({ base: null, epoch: 0 });
+      if (reloadValue !== null && reloadValue !== reloadState.current.base) {
+        if (reloadState.current.base !== null) reloadState.current.epoch++;
+        reloadState.current.base = reloadValue;
+      }
+      const reloadKey = reloadState.current.epoch > 0 ? String(reloadState.current.epoch) : "";
+      const sourceKey = htmlStr ?? urlFrame?.src ?? null;
+      const frameKey = sourceKey == null ? null : reloadKey ? `${sourceKey}\0${reloadKey}` : sourceKey;
+      const [loadedKey, setLoadedKey] = React12.useState(null);
       const loaded = loadedKey === frameKey;
+      const bridgeChannel = props.bridge === "worker" ? webViewChannelOf(ctx.provider) : null;
+      const frameRef = React12.useRef(null);
+      const bridgeLoad = React12.useRef({ loaded: false });
+      if (bridgeLoad.current.key !== frameKey) {
+        bridgeLoad.current.key = frameKey;
+        bridgeLoad.current.loaded = false;
+      }
       const frameProps = {
+        ref: frameRef,
         title: "webview",
         scrolling: scrollEnabled ? void 0 : "no",
         "data-scroll-enabled": scrollEnabled ? "true" : "false",
         allow: config.allow || void 0,
-        onLoad: () => setLoadedKey(frameKey),
+        onLoad: () => {
+          setLoadedKey(frameKey);
+          bridgeLoad.current.loaded = true;
+          bridgeLoad.current.onLoad?.();
+        },
         style: frameStyle
       };
       const showLoading = !loaded && (config.loadingText != null || config.showProgressBar) && (htmlStr != null || urlFrame != null);
       const rawBand = config.coverBandColor ?? props.coverBandColor;
       const bandColor = typeof rawBand === "string" && rawBand.length > 0 ? rawBand : void 0;
-      return /* @__PURE__ */ jsxs8("div", { style: { width: "100%", position: "relative", ...bandColor ? { background: bandColor, borderRadius: ctx.radius("md", 8), overflow: "hidden" } : {}, ...wrap }, children: [
+      return /* @__PURE__ */ jsxs8("div", { style: { width: "100%", position: "relative", ...fill ? { height: "100%", flex: "1 1 0", minHeight: 0, display: "flex", flexDirection: "column" } : {}, ...bandColor ? { background: bandColor, borderRadius: ctx.radius("md", 8), overflow: "hidden" } : {}, ...wrap }, children: [
         bandColor ? /* @__PURE__ */ jsx11("div", { "data-testid": "webview-cover-band", style: { height: 8, background: bandColor } }) : null,
-        htmlStr ? /* @__PURE__ */ jsx11("iframe", { ...frameProps, srcDoc: htmlStr, sandbox: "allow-scripts" }) : urlFrame ? /* @__PURE__ */ jsx11("iframe", { ...frameProps, src: urlFrame.src, sandbox: urlFrame.sandbox }) : /* @__PURE__ */ jsx11("div", { style: { ...frameStyle, display: "grid", placeItems: "center", color: "#999", fontFamily: "ui-monospace, monospace", fontSize: pxToRem(11), border: "1px dashed #ccc" }, children: urlStr ? "WebView (url not allowed)" : "WebView (no url)" }),
+        htmlStr ? /* @__PURE__ */ jsx11("iframe", { ...frameProps, srcDoc: htmlStr, sandbox: "allow-scripts" }, frameKey ?? void 0) : urlFrame ? /* @__PURE__ */ jsx11("iframe", { ...frameProps, src: urlFrame.src, sandbox: urlFrame.sandbox }, frameKey ?? void 0) : /* @__PURE__ */ jsx11("div", { style: { ...frameStyle, display: "grid", placeItems: "center", color: "#999", fontFamily: "ui-monospace, monospace", fontSize: pxToRem(11), border: "1px dashed #ccc" }, children: urlStr ? "WebView (url not allowed)" : "WebView (no url)" }),
+        bridgeChannel ? /* @__PURE__ */ jsx11(React12.Suspense, { fallback: null, children: /* @__PURE__ */ jsx11(
+          WebViewBridgeHost2,
+          {
+            channel: bridgeChannel,
+            props,
+            ctx,
+            nodeId,
+            urlStr,
+            htmlStr,
+            allowedOrigins: config.allowedOrigins,
+            reloadKey,
+            frameRef,
+            load: bridgeLoad.current
+          }
+        ) }) : null,
         showLoading ? /* @__PURE__ */ jsxs8("div", { "data-testid": "webview-loading", role: "status", "aria-live": "polite", "aria-label": config.loadingText ? void 0 : "Loading", style: { position: "absolute", left: 0, right: 0, top: bandColor ? 8 : 0, bottom: 0, display: "grid", placeItems: "center", pointerEvents: "none", fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: ctx.color("textSecondary", "#666") }, children: [
           config.showProgressBar ? /* @__PURE__ */ jsx11("div", { "aria-hidden": "true", style: { position: "absolute", left: 0, top: 0, height: 3, width: "40%", background: ctx.color("accentPrimary", "#116DFF") } }) : null,
           config.loadingText ?? null
@@ -121028,24 +121523,24 @@ var init_renderNode = __esm({
       const placeholderText = useBoundString(props.placeholder, ctx);
       const C2 = ctx.color;
       const optionsPath = props.optionsPath;
-      const bound = useBoundValue(ctx, typeof optionsPath === "string" && isBinding(optionsPath) ? optionsPath : "");
-      const opts = Array.isArray(bound) && bound.length ? bound : Array.isArray(props.options) ? props.options : [];
+      const bound2 = useBoundValue(ctx, typeof optionsPath === "string" && isBinding(optionsPath) ? optionsPath : "");
+      const opts = Array.isArray(bound2) && bound2.length ? bound2 : Array.isArray(props.options) ? props.options : [];
       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] = React11.useState(ctx.empty ? "" : String(selectedId ?? ""));
-      React11.useEffect(() => {
+      const [sel, setSel] = React12.useState(ctx.empty ? "" : String(selectedId ?? ""));
+      React12.useEffect(() => {
         if (!ctx.empty && selectedId != null) setSel(String(selectedId));
       }, [selectedId, ctx.empty]);
-      const pickerBag = React11.useContext(FormValuesContext);
+      const pickerBag = React12.useContext(FormValuesContext);
       const pickerFieldId = props.__formFieldId;
       const pickerRuleKey = props.validation ? JSON.stringify(props.validation) : "";
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!pickerBag || !pickerFieldId) return;
         pickerBag.register(pickerFieldId, props.validation);
         return () => pickerBag.unregister(pickerFieldId);
       }, [pickerFieldId, pickerBag, pickerRuleKey]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (pickerBag && pickerFieldId) pickerBag.set(pickerFieldId, sel);
       }, [sel, pickerFieldId, pickerBag]);
       const emitPick = (id) => {
@@ -121161,24 +121656,24 @@ var init_renderNode = __esm({
         const s2 = seedUnix();
         return s2 == null ? null : clampUnix(s2);
       };
-      const [val, setVal] = React11.useState(ctx.empty ? "" : toInput(shownSeed()));
+      const [val, setVal] = React12.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] = React11.useState(ctx.empty ? "" : clampDateFieldValue(encodeDateFieldValue(bagSource()), props.minUnix, props.maxUnix, props.mode));
-      React11.useEffect(() => {
+      const [dateBagVal, setDateBagVal] = React12.useState(ctx.empty ? "" : clampDateFieldValue(encodeDateFieldValue(bagSource()), props.minUnix, props.maxUnix, props.mode));
+      React12.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 = React11.useContext(FormValuesContext);
+      const dateBag = React12.useContext(FormValuesContext);
       const dateFieldId = props.__formFieldId;
       const dateRuleKey = props.validation ? JSON.stringify(props.validation) : "";
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!dateBag || !dateFieldId) return;
         dateBag.register(dateFieldId, props.validation);
         return () => dateBag.unregister(dateFieldId);
       }, [dateFieldId, dateBag, dateRuleKey]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (dateBag && dateFieldId) dateBag.set(dateFieldId, dateBagVal);
       }, [dateBagVal, dateFieldId, dateBag]);
       if (!ctx.onAction) {
@@ -121247,11 +121742,11 @@ var init_renderNode = __esm({
       const valueBinding = isBinding(props.value) ? props.value : void 0;
       const boundValue = useResolvedScalar(valueBinding, ctx);
       const initialValue2 = ctx.empty ? "" : valueBinding ? boundValue == null ? "" : String(boundValue) : String(props.value ?? "");
-      const [local, setLocal] = React11.useState(initialValue2);
-      React11.useEffect(() => {
+      const [local, setLocal] = React12.useState(initialValue2);
+      React12.useEffect(() => {
         if (!ctx.empty && valueBinding) setLocal(boundValue == null ? "" : String(boundValue));
       }, [boundValue, ctx.empty, valueBinding]);
-      const timer = React11.useRef(null);
+      const timer = React12.useRef(null);
       const dispatch = (action, v2) => {
         if (!action || !ctx.onAction) return;
         ctx.onAction({ ...action, params: { ...action.params ?? {}, value: v2 }, args: { ...action.args ?? {}, value: v2 } });
@@ -121293,33 +121788,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] = React11.useState(() => {
+      const [value, setValue] = React12.useState(() => {
         const seed2 = Number(fallbackValue);
         return Number.isFinite(seed2) ? Math.min(max, Math.max(min, seed2)) : 0;
       });
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         const next = Number(fallbackValue);
         if (Number.isFinite(next)) setValue(Math.min(max, Math.max(min, next)));
       }, [fallbackValue, min, max]);
-      const stepperBag = React11.useContext(FormValuesContext);
+      const stepperBag = React12.useContext(FormValuesContext);
       const stepperFieldId = props.__formFieldId;
       const stepperRuleKey = props.validation ? JSON.stringify(props.validation) : "";
-      React11.useEffect(() => {
+      React12.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] = React11.useState(() => serviceBound ? boundValue != null ? encodeStepperFieldValue(boundValue, { min, max }) : "" : encodeStepperFieldValue(value, { min, max }));
-      React11.useEffect(() => {
+      const [bagValue, setBagValue] = React12.useState(() => serviceBound ? boundValue != null ? encodeStepperFieldValue(boundValue, { min, max }) : "" : encodeStepperFieldValue(value, { min, max }));
+      React12.useEffect(() => {
         if (!serviceBound || boundValue == null) return;
         setBagValue(encodeStepperFieldValue(boundValue, { min, max }));
       }, [boundValue, serviceBound, min, max]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (serviceBound) return;
         setBagValue(encodeStepperFieldValue(value, { min, max }));
       }, [value, serviceBound, min, max]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (stepperBag && stepperFieldId) stepperBag.set(stepperFieldId, bagValue);
       }, [bagValue, stepperFieldId, stepperBag]);
       const dispatch = (next) => {
@@ -121334,7 +121829,7 @@ var init_renderNode = __esm({
         dispatch(next);
         return next;
       };
-      const [pressed, setPressed] = React11.useState({ text: "", count: 0 });
+      const [pressed, setPressed] = React12.useState({ text: "", count: 0 });
       const bump = (delta) => commit(value + delta);
       const press = (delta) => {
         const next = bump(delta);
@@ -121478,9 +121973,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) || !React11.isValidElement(el2)) return el2;
+        if (!(gridStagger > 0) || !React12.isValidElement(el2)) return el2;
         const prev = el2.props.style ?? {};
-        return React11.cloneElement(el2, { style: { ...prev, animationDelay: `${i2 * gridStagger}ms` } });
+        return React12.cloneElement(el2, { style: { ...prev, animationDelay: `${i2 * gridStagger}ms` } });
       };
       const inner = itemsPath && items[0] && ctx.provider ? /* @__PURE__ */ jsx11(
         BoundList,
@@ -121555,13 +122050,13 @@ var init_renderNode = __esm({
     revealProgress = /* @__PURE__ */ new Map();
     countWords = (s2) => s2.split(/\s+/).filter((t2) => t2 !== "").length;
     RevealText = ({ text: text11, reduce, markdownHtml }) => {
-      const tokens2 = React11.useMemo(() => text11.split(/(\s+)/).filter((t2) => t2 !== ""), [text11]);
-      const total = React11.useMemo(
+      const tokens2 = React12.useMemo(() => text11.split(/(\s+)/).filter((t2) => t2 !== ""), [text11]);
+      const total = React12.useMemo(
         () => markdownHtml != null ? revealHtml(markdownHtml, 0, void 0).total : countWords(text11),
         [text11, markdownHtml]
       );
-      const [shown2, setShown] = React11.useState(total);
-      const prevRef = React11.useRef(null);
+      const [shown2, setShown] = React12.useState(total);
+      const prevRef = React12.useRef(null);
       useIsomorphicLayoutEffect(() => {
         const prev = prevRef.current;
         prevRef.current = text11;
@@ -121637,9 +122132,9 @@ var init_renderNode = __esm({
         }
       }
       if (collapse) {
-        const bound = isBinding(props.text) && props.text.startsWith("$service:");
-        if (!bound || ctx.provider) {
-          const eff = bound ? resolvedForCollapse : isBinding(props.text) ? resolveScalarStatic(props.text, ctx) : props.text;
+        const bound2 = isBinding(props.text) && props.text.startsWith("$service:");
+        if (!bound2 || ctx.provider) {
+          const eff = bound2 ? resolvedForCollapse : isBinding(props.text) ? resolveScalarStatic(props.text, ctx) : props.text;
           const s2 = eff == null ? "" : String(eff).trim();
           if (s2 === "" || s2 === "\u2014") return null;
         }
@@ -121684,8 +122179,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] = React11.useState(null);
-      const imgRef = React11.useRef(null);
+      const [shownSrc, setShownSrc] = React12.useState(null);
+      const imgRef = React12.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;
@@ -121699,7 +122194,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] = React11.useState(null);
+      const [failedSrc, setFailedSrc] = React12.useState(null);
       const resolvedSrc = imgUrl && typeof imgUrl === "string" ? resolveAssetUrl(imgUrl, ctx.assetBaseUrl) : null;
       const imgShown = !fadeIn || resolvedSrc != null && shownSrc === resolvedSrc;
       useIsomorphicLayoutEffect(() => {
@@ -121732,7 +122227,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 React11.cloneElement(circle, alt ? { role: "img", "aria-label": alt, [SELF_RENDERED_LEAF]: true } : { [ROLE_WHEN_NAMED]: "img", [SELF_RENDERED_LEAF]: true });
+        return React12.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;
@@ -121747,13 +122242,13 @@ var init_renderNode = __esm({
       const reduce = ctx.reduceMotion();
       const servicePlayPath = typeof props.playPath === "string" && props.playPath.startsWith("$service:") ? props.playPath : void 0;
       const nonce = lottieNonce(useResolvedScalar(servicePlayPath, ctx));
-      const [replay, setReplay] = React11.useState({ plays: 0 });
-      const [gen, setGen] = React11.useState(0);
-      React11.useEffect(() => {
+      const [replay, setReplay] = React12.useState({ plays: 0 });
+      const [gen, setGen] = React12.useState(0);
+      React12.useEffect(() => {
         setReplay((s2) => ({ plays: s2.plays }));
         setGen((g2) => g2 + 1);
       }, [servicePlayPath, ctx.provider, props.source]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         setReplay((s2) => lottieReplayStep(s2, nonce, reduce));
       }, [nonce, servicePlayPath, ctx.provider, props.source]);
       return /* @__PURE__ */ jsx11(
@@ -121804,14 +122299,14 @@ var init_renderNode = __esm({
       const C2 = ctx.color;
       const effectStyle = useSymbolEffect(props.effect, ctx.reduceMotion);
       const size = props.size ?? 22;
-      const bound = useResolvedScalar(isBinding(props.name) ? props.name : void 0, ctx);
-      const iconName = isBinding(props.name) ? String(bound ?? "") : props.name;
+      const bound2 = useResolvedScalar(isBinding(props.name) ? props.name : void 0, ctx);
+      const iconName = isBinding(props.name) ? String(bound2 ?? "") : props.name;
       const contentDescription = useResolvedScalar(props.contentDescription, ctx);
       const described = contentDescription != null && String(contentDescription).trim() !== "";
       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 ? React11.cloneElement(glyph, { style: { ...glyph.props.style, ...swap.style, ...effectStyle }, key: swap.key }) : glyph;
+      const animatedGlyph = Object.keys(effectStyle).length || swap.key > 0 ? React12.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 = {
@@ -121996,14 +122491,14 @@ var init_renderNode = __esm({
     });
     OtpInputNode = withExtras("OtpInputNode", ({ props, ctx, wrap }) => {
       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] = React11.useState(void 0);
-      React11.useEffect(() => {
+      const bound2 = useResolvedScalar(props.valuePath, ctx);
+      const boundText = props.valuePath != null ? typeof bound2 === "string" ? bound2 : typeof bound2 === "number" ? String(bound2) : "" : void 0;
+      const [typed, setTyped] = React12.useState(void 0);
+      React12.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) : "";
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!ctx.provider || !otpPath) return;
         let subscribing = true;
         let active = true;
@@ -122094,10 +122589,10 @@ 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 [phase, setPhase] = React12.useState("shown");
       const hideAfter = ctx.empty ? void 0 : snackbarAutoHideMs(props.durationMs);
       const identity = snackbarIdentity(props);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         setPhase("shown");
         if (hideAfter === void 0) return;
         let fade;
@@ -122126,8 +122621,8 @@ var init_renderNode = __esm({
       const tint = C2(boundTokenName(props.tintPath, props.tint, ctx) ?? "accentPrimary", "#116DFF");
       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;
+      const bound2 = useResolvedScalar(props.valuePath, ctx);
+      const aiRaw = props.valuePath != null ? bound2 : props.value;
       const aiNum = typeof aiRaw === "number" ? aiRaw : typeof aiRaw === "string" && aiRaw.trim() !== "" ? Number(aiRaw) : void 0;
       const determinate = !props.indeterminate && aiNum !== void 0 && Number.isFinite(aiNum);
       if (determinate) {
@@ -122149,12 +122644,12 @@ var init_renderNode = __esm({
     ModalBottomSheetNode = withExtras("ModalBottomSheetNode", ({ props, ctx, wrap }) => {
       const sheetTitle = useBoundString(props.title, ctx);
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.presentedPath, ctx);
+      const bound2 = useResolvedScalar(props.presentedPath, ctx);
       const gated2 = props.presentedPath != null || props.presented != null;
-      const presented = props.presentedPath != null ? bound : props.presented;
+      const presented = props.presentedPath != null ? bound2 : props.presented;
       const gateOpen = !gated2 || presented === true || presented === "true";
-      const [dismissed, setDismissed] = React11.useState(false);
-      React11.useEffect(() => {
+      const [dismissed, setDismissed] = React12.useState(false);
+      React12.useEffect(() => {
         if (!gateOpen) setDismissed(false);
       }, [gateOpen]);
       const shown2 = gateOpen && !dismissed;
@@ -122162,26 +122657,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] = React11.useState(0);
-      React11.useEffect(() => {
+      const [detentIndex, setDetentIndex] = React12.useState(0);
+      React12.useEffect(() => {
         if (!shown2) setDetentIndex(0);
       }, [shown2]);
-      const dialogRef = React11.useRef(null);
+      const dialogRef = React12.useRef(null);
       const trapTab = useModalOverlay(dialogRef, shown2 && modal);
-      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss });
+      const latest = React12.useRef({ ctx, onDismiss: props.onDismiss });
       latest.current = { ctx, onDismiss: props.onDismiss };
-      const closed = React11.useRef(false);
-      React11.useEffect(() => {
+      const closed = React12.useRef(false);
+      React12.useEffect(() => {
         if (shown2) closed.current = false;
       }, [shown2]);
-      const dismiss = React11.useCallback(() => {
+      const dismiss = React12.useCallback(() => {
         if (closed.current) return;
         closed.current = true;
         setDismissed(true);
         const { ctx: now, onDismiss } = latest.current;
         if (onDismiss != null) now.onAction?.(resolveItemDeep2(onDismiss, now));
       }, []);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!shown2 || !dismissible) return;
         const doc = dialogRef.current?.ownerDocument;
         if (!doc) return;
@@ -122195,11 +122690,11 @@ var init_renderNode = __esm({
         doc.addEventListener("keydown", onKey, true);
         return () => doc.removeEventListener("keydown", onKey, true);
       }, [shown2, dismissible, dismiss]);
-      const drag = React11.useRef(null);
+      const drag = React12.useRef(null);
       const reduceMotion = ctx.reduceMotion();
-      const [mounted, setMounted] = React11.useState(shown2);
-      const [entered, setEntered] = React11.useState(shown2 && ctx.staticRender === true);
-      React11.useEffect(() => {
+      const [mounted, setMounted] = React12.useState(shown2);
+      const [entered, setEntered] = React12.useState(shown2 && ctx.staticRender === true);
+      React12.useEffect(() => {
         if (shown2) {
           setMounted(true);
           if (reduceMotion || typeof requestAnimationFrame !== "function") {
@@ -122223,8 +122718,8 @@ var init_renderNode = __esm({
         const t2 = setTimeout(() => setMounted(false), DRAWER_EXIT_MS);
         return () => clearTimeout(t2);
       }, [shown2, reduceMotion]);
-      const scrimRef = React11.useRef(null);
-      const [rtl, setRtl] = React11.useState(false);
+      const scrimRef = React12.useRef(null);
+      const [rtl, setRtl] = React12.useState(false);
       useIsomorphicLayoutEffect(() => {
         const el2 = scrimRef.current;
         if (el2 && el2.ownerDocument.defaultView) setRtl(el2.ownerDocument.defaultView.getComputedStyle(el2).direction === "rtl");
@@ -122328,12 +122823,12 @@ var init_renderNode = __esm({
     BottomDrawerNode = withExtras("BottomDrawerNode", ({ props, ctx, wrap, nodeId, nodeExtras = {} }) => {
       const C2 = ctx.color;
       const label3 = useBoundString(props.label, ctx);
-      const bound = useResolvedScalar(props.presentedPath, ctx);
+      const bound2 = useResolvedScalar(props.presentedPath, ctx);
       const gated2 = props.presentedPath != null || props.presented != null;
-      const presented = props.presentedPath != null ? bound : props.presented;
+      const presented = props.presentedPath != null ? bound2 : props.presented;
       const gateOpen = !gated2 || presented === true || presented === "true";
-      const [dismissed, setDismissed] = React11.useState(false);
-      React11.useEffect(() => {
+      const [dismissed, setDismissed] = React12.useState(false);
+      React12.useEffect(() => {
         if (!gateOpen) setDismissed(false);
       }, [gateOpen]);
       const shown2 = gateOpen && !dismissed;
@@ -122341,18 +122836,18 @@ var init_renderNode = __esm({
       const autoMs = drawerAutoDismissMs(props.autoDismissMs);
       const placement = sheetPlacement(props.placement);
       const detents = sheetDetents(props.detents);
-      const [detentIndex, setDetentIndex] = React11.useState(0);
-      const [expanded, setExpanded] = React11.useState(false);
-      React11.useEffect(() => {
+      const [detentIndex, setDetentIndex] = React12.useState(0);
+      const [expanded, setExpanded] = React12.useState(false);
+      React12.useEffect(() => {
         if (!shown2) {
           setDetentIndex(0);
           setExpanded(false);
         }
       }, [shown2]);
       const reduceMotion = ctx.reduceMotion();
-      const [mounted, setMounted] = React11.useState(shown2);
-      const [entered, setEntered] = React11.useState(shown2 && ctx.staticRender === true);
-      React11.useEffect(() => {
+      const [mounted, setMounted] = React12.useState(shown2);
+      const [entered, setEntered] = React12.useState(shown2 && ctx.staticRender === true);
+      React12.useEffect(() => {
         if (shown2) {
           setMounted(true);
           if (reduceMotion || typeof requestAnimationFrame !== "function") {
@@ -122376,10 +122871,10 @@ var init_renderNode = __esm({
         const t2 = setTimeout(() => setMounted(false), DRAWER_EXIT_MS);
         return () => clearTimeout(t2);
       }, [shown2, reduceMotion]);
-      const anchorRef = React11.useRef(null);
-      const panelRef = React11.useRef(null);
-      const [host, setHost] = React11.useState(null);
-      const [hostTop, setHostTop] = React11.useState(true);
+      const anchorRef = React12.useRef(null);
+      const panelRef = React12.useRef(null);
+      const [host, setHost] = React12.useState(null);
+      const [hostTop, setHostTop] = React12.useState(true);
       useIsomorphicLayoutEffect(() => {
         if (!host) {
           setHostTop(true);
@@ -122407,7 +122902,7 @@ var init_renderNode = __esm({
         setHost(overlay ?? own6(DRAWER_HOST_ATTR));
       }, [mounted, placement]);
       const overHost = host?.hasAttribute(SHEET_OVERLAY_HOST_ATTR) ?? false;
-      const [regionPx, setRegionPx] = React11.useState(0);
+      const [regionPx, setRegionPx] = React12.useState(0);
       useIsomorphicLayoutEffect(() => {
         if (!detents.length || !mounted) return;
         const region = host ? overHost ? host.parentElement : host.previousElementSibling : null;
@@ -122434,38 +122929,38 @@ var init_renderNode = __esm({
           resizeObserver?.disconnect();
         };
       }, [host, overHost, mounted, detents.length]);
-      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss });
+      const latest = React12.useRef({ ctx, onDismiss: props.onDismiss });
       latest.current = { ctx, onDismiss: props.onDismiss };
-      const closed = React11.useRef(false);
-      const remaining = React11.useRef(autoMs ?? 0);
-      React11.useEffect(() => {
+      const closed = React12.useRef(false);
+      const remaining = React12.useRef(autoMs ?? 0);
+      React12.useEffect(() => {
         if (!shown2) return;
         closed.current = false;
         remaining.current = autoMs ?? 0;
       }, [shown2, autoMs]);
-      const close = React11.useCallback(() => {
+      const close = React12.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 = React11.useCallback((next, from) => {
+      const toDetent = React12.useCallback((next, from) => {
         if (next > from) setExpanded(true);
         setDetentIndex(next);
       }, []);
-      const [hover, setHover] = React11.useState(false);
-      const [pressed, setPressed] = React11.useState(false);
-      const [focusIn, setFocusIn] = React11.useState(false);
+      const [hover, setHover] = React12.useState(false);
+      const [pressed, setPressed] = React12.useState(false);
+      const [focusIn, setFocusIn] = React12.useState(false);
       const paused = hover || pressed || focusIn;
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!shown2) {
           setHover(false);
           setPressed(false);
           setFocusIn(false);
         }
       }, [shown2]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!shown2 || !hostTop || autoMs == null || paused || expanded) return;
         const since = Date.now();
         const t2 = setTimeout(() => {
@@ -122476,7 +122971,7 @@ var init_renderNode = __esm({
           remaining.current = drawerRemainingMs(remaining.current, Date.now() - since);
         };
       }, [shown2, hostTop, autoMs, paused, expanded, close]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!shown2 || !dismissible) return;
         const doc = panelRef.current?.ownerDocument;
         if (!doc) return;
@@ -122489,13 +122984,13 @@ var init_renderNode = __esm({
         doc.addEventListener("keydown", onKey, true);
         return () => doc.removeEventListener("keydown", onKey, true);
       }, [shown2, dismissible, close, host]);
-      const drag = React11.useRef(null);
-      const dragged = React11.useRef(false);
-      const [dragDy, setDragDy] = React11.useState(0);
-      React11.useEffect(() => {
+      const drag = React12.useRef(null);
+      const dragged = React12.useRef(false);
+      const [dragDy, setDragDy] = React12.useState(0);
+      React12.useEffect(() => {
         if (!shown2) setDragDy(0);
       }, [shown2]);
-      const dragState = React11.useRef({ index: 0, count: 0, dismissible });
+      const dragState = React12.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`;
@@ -122637,23 +123132,23 @@ var init_renderNode = __esm({
       const rich = title !== "";
       const trigger = resolveTooltipTrigger(props.trigger, "pointer");
       const edge = resolveOverlayEdge("Tooltip", props.edge);
-      const [open, setOpen] = React11.useState(false);
-      const anchorRef = React11.useRef(null);
-      const bubbleRef = React11.useRef(null);
-      const pressTimer = React11.useRef(null);
+      const [open, setOpen] = React12.useState(false);
+      const anchorRef = React12.useRef(null);
+      const bubbleRef = React12.useRef(null);
+      const pressTimer = React12.useRef(null);
       const placement = useFlippedEdge(edge, open, bubbleRef, anchorRef);
       const placed = placement.edge;
-      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss, open });
+      const latest = React12.useRef({ ctx, onDismiss: props.onDismiss, open });
       latest.current = { ctx, onDismiss: props.onDismiss, open };
-      const holding = React11.useRef({ hover: false, focus: false });
-      const [needsTabStop, setNeedsTabStop] = React11.useState(false);
+      const holding = React12.useRef({ hover: false, focus: false });
+      const [needsTabStop, setNeedsTabStop] = React12.useState(false);
       useIsomorphicLayoutEffect(() => {
         const el2 = anchorRef.current;
         const want = trigger === "hover" && el2 != null && !hasTabStop(el2);
         if (want !== needsTabStop) setNeedsTabStop(want);
       });
-      const show = React11.useCallback(() => setOpen(true), []);
-      const dismiss = React11.useCallback(() => {
+      const show = React12.useCallback(() => setOpen(true), []);
+      const dismiss = React12.useCallback(() => {
         holding.current = { hover: false, focus: false };
         const { ctx: now, onDismiss, open: wasOpen } = latest.current;
         if (!wasOpen) return;
@@ -122661,7 +123156,7 @@ var init_renderNode = __esm({
         setOpen(false);
         if (onDismiss != null) now.onAction?.(resolveItemDeep2(onDismiss, now));
       }, []);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!open) return;
         const doc = bubbleRef.current?.ownerDocument;
         if (!doc) return;
@@ -122685,7 +123180,7 @@ var init_renderNode = __esm({
           if (timer) clearTimeout(timer);
         };
       }, [open, trigger, dismiss]);
-      React11.useEffect(() => () => {
+      React12.useEffect(() => () => {
         if (pressTimer.current) clearTimeout(pressTimer.current);
       }, []);
       const cancelPress = () => {
@@ -122725,7 +123220,7 @@ var init_renderNode = __esm({
       };
       const hint = [title, text11].filter((s2) => s2 !== "").join(". ");
       const anchor = props.anchor ? renderNode(props.anchor, ctx) : null;
-      const wrapperHintId = `hm-tip-hint${React11.useId()}`;
+      const wrapperHintId = `hm-tip-hint${React12.useId()}`;
       useIsomorphicLayoutEffect(() => {
         const wrapper = anchorRef.current;
         if (!wrapper || !hint || needsTabStop) return;
@@ -122747,7 +123242,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 && React11.isValidElement(anchor) ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+        ] }) : hint && React12.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: [
@@ -122762,30 +123257,30 @@ var init_renderNode = __esm({
     });
     PopoverNode = withExtras("PopoverNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.presentedPath, ctx);
+      const bound2 = useResolvedScalar(props.presentedPath, ctx);
       const gated2 = props.presentedPath != null || props.presented != null;
-      const gate = props.presentedPath != null ? bound : props.presented;
+      const gate = props.presentedPath != null ? bound2 : props.presented;
       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] = React11.useState({ ...identity, opened: false, dismissed: false });
+      const [local, setLocal] = React12.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);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!gateOpen) setLocal((previous) => previous.dismissed ? { ...previous, dismissed: false } : previous);
       }, [gateOpen]);
       const shown2 = !gated2 || (gateOpen || current.opened) && !current.dismissed;
       const modal = gated2 && isOverlayModal("Popover", props.modal);
-      const dialogRef = React11.useRef(null);
-      const anchorRef = React11.useRef(null);
-      const boxRef = React11.useRef(null);
+      const dialogRef = React12.useRef(null);
+      const anchorRef = React12.useRef(null);
+      const boxRef = React12.useRef(null);
       const trapTab = useModalOverlay(dialogRef, shown2 && modal);
       const placement = useFlippedEdge(resolveOverlayEdge("Popover", props.edge), gated2 && shown2, dialogRef, boxRef, 6);
       const placed = placement.edge;
-      const latest = React11.useRef({ ctx, onDismiss: props.onDismiss });
+      const latest = React12.useRef({ ctx, onDismiss: props.onDismiss });
       latest.current = { ctx, onDismiss: props.onDismiss };
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!gated2 || !shown2) return;
         const doc = dialogRef.current?.ownerDocument;
         if (!doc) return;
@@ -122823,8 +123318,8 @@ var init_renderNode = __esm({
         if (shown2) return;
         setLocal({ ...identity, opened: true, dismissed: false });
       } : void 0;
-      const [anchorIsButton, setAnchorIsButton] = React11.useState(false);
-      const [needsSeparateOpener, setNeedsSeparateOpener] = React11.useState(false);
+      const [anchorIsButton, setAnchorIsButton] = React12.useState(false);
+      const [needsSeparateOpener, setNeedsSeparateOpener] = React12.useState(false);
       useIsomorphicLayoutEffect(() => {
         const el2 = anchorRef.current;
         const want = literal && el2 != null && !hasTabStop(el2);
@@ -122851,10 +123346,10 @@ var init_renderNode = __esm({
     });
     ChipsInputNode = withExtras("ChipsInputNode", ({ props, ctx, wrap }) => {
       const placeholderText = useBoundString(props.placeholder, ctx);
-      const [draft, setDraft] = React11.useState("");
+      const [draft, setDraft] = React12.useState("");
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.valuesPath, ctx);
-      const raw = props.valuesPath != null ? bound : props.values;
+      const bound2 = useResolvedScalar(props.valuesPath, ctx);
+      const raw = props.valuesPath != null ? bound2 : props.values;
       const values = Array.isArray(raw) ? raw : [];
       const hasAddField = props.onAdd != null;
       const canAdd = !!ctx.onAction && hasAddField && !props.disabled;
@@ -122943,9 +123438,9 @@ var init_renderNode = __esm({
     });
     TableNode = withExtras("TableNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.rowsPath, ctx);
+      const bound2 = useResolvedScalar(props.rowsPath, ctx);
       const cols = Array.isArray(props.columns) ? props.columns : [];
-      const rawRows = props.rowsPath != null ? bound : props.rows;
+      const rawRows = props.rowsPath != null ? bound2 : props.rows;
       const rows = Array.isArray(rawRows) ? rawRows : [];
       const cellStyle = (head) => ({ padding: "8px 12px", fontFamily: bodyFont(ctx), fontSize: pxToRem(14), textAlign: "left", borderBottom: `1px solid ${C2("border", "#eceef1")}`, color: head ? C2("textSecondary", "#636b78") : C2("textPrimary", "#13171e"), fontWeight: head ? 600 : 400, whiteSpace: "nowrap" });
       return /* @__PURE__ */ jsx11("div", { style: { width: "100%", boxSizing: "border-box", overflowX: "auto", border: `1px solid ${C2("border", "#e8eaed")}`, borderRadius: 10, ...wrap }, children: /* @__PURE__ */ jsxs8("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
@@ -122957,8 +123452,8 @@ var init_renderNode = __esm({
       ] }) });
     });
     GaugeRing = ({ ring, ctx, index, size, step, thick, track }) => {
-      const bound = useResolvedScalar(ring?.valuePath, ctx);
-      const rv = ring?.valuePath != null ? bound : ring?.value;
+      const bound2 = useResolvedScalar(ring?.valuePath, ctx);
+      const rv = ring?.valuePath != null ? bound2 : ring?.value;
       const rp = Math.max(0, Math.min(1, typeof rv === "number" && Number.isFinite(rv) ? rv : 0));
       const rt2 = ctx.color(ring?.tint ?? "accentPrimary", "#116DFF");
       const d2 = size - index * step, off = (size - d2) / 2;
@@ -122968,8 +123463,8 @@ var init_renderNode = __esm({
     GaugeNode = withExtras("GaugeNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
       const min = props.min ?? 0, max = props.max ?? 1;
-      const bound = useResolvedScalar(props.valuePath, ctx);
-      const gSource = props.valuePath != null ? bound : props.value;
+      const bound2 = useResolvedScalar(props.valuePath, ctx);
+      const gSource = props.valuePath != null ? bound2 : props.value;
       const gRaw = typeof gSource === "string" && gSource.trim() !== "" && Number.isFinite(Number(gSource)) ? Number(gSource) : gSource;
       const v2 = typeof gRaw === "number" ? gRaw : (min + max) / 2;
       const pct = max > min ? Math.max(0, Math.min(1, (v2 - min) / (max - min))) : 0;
@@ -123005,8 +123500,8 @@ var init_renderNode = __esm({
     ratingMetrics = (size) => size === "sm" ? RATING_METRICS.sm : RATING_METRICS.md;
     RatingNode = withExtras("RatingNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.valuePath, ctx);
-      const raw = props.valuePath != null ? bound : props.value;
+      const bound2 = useResolvedScalar(props.valuePath, ctx);
+      const raw = props.valuePath != null ? bound2 : props.value;
       const val = typeof raw === "number" ? raw : 0;
       const max = props.max ?? 5;
       const m2 = ratingMetrics(props.size);
@@ -123024,8 +123519,8 @@ var init_renderNode = __esm({
     AvatarStripNode = withExtras("AvatarStripNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
       const path2 = props.avatarsPath ?? props.avatars_path;
-      const bound = useResolvedScalar(path2, ctx);
-      const raw = path2 != null ? bound : props.avatars;
+      const bound2 = useResolvedScalar(path2, ctx);
+      const raw = path2 != null ? bound2 : props.avatars;
       const avatars = Array.isArray(raw) ? raw : [];
       const size = props.size ?? 36;
       const maxVisible = props.maxVisible ?? 4;
@@ -123044,7 +123539,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 ? React11.cloneElement(
+            const circle = photo ? React12.cloneElement(
               initials,
               { style: { ...initials.props.style, position: "relative", overflow: "hidden" } },
               initials.props.children,
@@ -123052,7 +123547,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: React11.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: React12.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: [
             "+",
@@ -123073,7 +123568,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 = React11.useMemo(
+      const seriesBindings = React12.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")]
@@ -123167,8 +123662,8 @@ var init_renderNode = __esm({
     donutSliceOpacity = (i2) => Math.max(1 - i2 * 0.18, 0.25);
     DonutChartNode = withExtras("DonutChartNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.slicesPath, ctx);
-      const slices = donutSlices(props.slicesPath != null ? bound : props.slices);
+      const bound2 = useResolvedScalar(props.slicesPath, ctx);
+      const slices = donutSlices(props.slicesPath != null ? bound2 : props.slices);
       const size = props.size ?? 160;
       const thickness = props.thickness ?? 28;
       const base = C2(String(resolveScalarStatic(props.color, ctx) ?? "accentPrimary"), "#116DFF");
@@ -123219,9 +123714,9 @@ var init_renderNode = __esm({
       ] }) });
     });
     ShapeNode = withExtras("ShapeNode", ({ props, ctx, wrap }) => {
-      const ref = React11.useRef(null);
-      const [box, setBox] = React11.useState(null);
-      React11.useEffect(() => {
+      const ref = React12.useRef(null);
+      const [box, setBox] = React12.useState(null);
+      React12.useEffect(() => {
         const el2 = ref.current;
         if (!el2) return;
         const measure2 = () => {
@@ -123297,8 +123792,8 @@ var init_renderNode = __esm({
     };
     LegendNode = withExtras("LegendNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.itemsPath, ctx);
-      const items = legendItems(props.itemsPath != null ? bound : props.items);
+      const bound2 = useResolvedScalar(props.itemsPath, ctx);
+      const items = legendItems(props.itemsPath != null ? bound2 : props.items);
       if (items.length === 0) return /* @__PURE__ */ jsx11("div", { style: { ...wrap } });
       const vertical = props.orientation === "vertical";
       return /* @__PURE__ */ jsx11("ul", { style: {
@@ -123363,8 +123858,8 @@ var init_renderNode = __esm({
       const boundState = useResolvedScalar(props.statePath, ctx);
       const boundDelivery = useResolvedScalar(props.deliveryPath, ctx);
       const boundRate = useResolvedScalar(props.ratePath, ctx);
-      const num4 = (bound, literal, dflt) => {
-        const v2 = bound !== void 0 && bound !== null ? bound : literal;
+      const num4 = (bound2, literal, dflt) => {
+        const v2 = bound2 !== void 0 && bound2 !== null ? bound2 : literal;
         const n2 = typeof v2 === "number" ? v2 : typeof v2 === "string" ? Number(v2) : NaN;
         return Number.isFinite(n2) ? n2 : dflt;
       };
@@ -123379,10 +123874,10 @@ var init_renderNode = __esm({
       const isPlayable = !isFailed && !isUploading;
       const isPlaying = state === "playing";
       const isLoading = state === "loading";
-      const [scrub, setScrub] = React11.useState(null);
-      const [seeked, setSeeked] = React11.useState(null);
+      const [scrub, setScrub] = React12.useState(null);
+      const [seeked, setSeeked] = React12.useState(null);
       const positionMs = Math.max(0, num4(props.positionMsPath != null ? boundPosition : void 0, props.positionMs, 0));
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         setSeeked(null);
       }, [positionMs]);
       const effectivePositionMs = seeked ?? positionMs;
@@ -123424,8 +123919,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] = React11.useState(null);
-      React11.useEffect(() => {
+      const [pickedRate, setPickedRate] = React12.useState(null);
+      React12.useEffect(() => {
         setPickedRate(null);
       }, [rate]);
       const effectiveRate = pickedRate ?? rate;
@@ -123576,8 +124071,8 @@ var init_renderNode = __esm({
     });
     TimelineNode = withExtras("TimelineNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.entriesPath, ctx);
-      const raw = props.entriesPath != null ? bound : props.entries;
+      const bound2 = useResolvedScalar(props.entriesPath, ctx);
+      const raw = props.entriesPath != null ? bound2 : props.entries;
       const entries = Array.isArray(raw) ? raw : [];
       return /* @__PURE__ */ jsx11("div", { style: { display: "flex", flexDirection: "column", width: "100%", ...wrap }, children: entries.map((e2, i2) => {
         const done = e2?.done === true;
@@ -123602,9 +124097,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] = React11.useState(requested);
-      const rail = React11.useRef(null);
-      const currentRef = React11.useRef(current);
+      const [current, setCurrent] = React12.useState(requested);
+      const rail = React12.useRef(null);
+      const currentRef = React12.useRef(current);
       const itemsPath = props.itemsPath ?? props.items_path;
       const boundRail = !!itemsPath && !!items[0] && !!ctx.provider;
       const select2 = (index) => {
@@ -123613,12 +124108,12 @@ var init_renderNode = __esm({
         setCurrent(index);
         if (props.onChange && ctx.onAction) ctx.onAction({ ...props.onChange, args: { ...props.onChange.args ?? {}, index } });
       };
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         currentRef.current = requested;
         setCurrent(requested);
         if (rail.current && !boundRail) rail.current.scrollLeft = requested * rail.current.clientWidth;
       }, [requested, boundRail, pages2.length]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         const interval = props.autoplayIntervalMs;
         if (props.__pager || boundRail || !Number.isFinite(interval) || interval <= 0 || pages2.length < 2 || ctx.reduceMotion()) return;
         const timer = setInterval(() => {
@@ -123661,19 +124156,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 = React11.useRef(null);
-      const settle = React11.useRef(void 0);
-      const pickerId = React11.useId();
+      const viewport = React12.useRef(null);
+      const settle = React12.useRef(void 0);
+      const pickerId = React12.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) } });
       };
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (viewport.current) viewport.current.scrollTop = selIdx * 32;
       }, [selIdx, opts.length]);
-      React11.useEffect(() => () => clearTimeout(settle.current), []);
+      React12.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(
@@ -123715,8 +124210,8 @@ var init_renderNode = __esm({
     });
     ColorPickerNode = withExtras("ColorPickerNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const bound = useResolvedScalar(props.valuePath, ctx);
-      const raw = props.valuePath != null ? bound : props.value;
+      const bound2 = useResolvedScalar(props.valuePath, ctx);
+      const raw = props.valuePath != null ? bound2 : props.value;
       const cur = typeof raw === "string" ? raw : "#116DFF";
       const swatches = Array.isArray(props.swatches) ? props.swatches : ["#116DFF", "#23924D", "#E89F00", "#E62214", "#8B5CF6", "#111827"];
       const onPick = (hex2) => ctx.onAction && props.onChange ? () => ctx.onAction({ ...props.onChange, args: { ...props.onChange?.args ?? {}, value: hex2 } }) : void 0;
@@ -123784,23 +124279,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 = React11.useMemo(() => shapesRaw.map((sh) => {
+      const shapes = React12.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 = 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 commandedCamera = React12.useMemo(() => decodeCamera(boundCameraRaw), [boundCameraRaw]);
+      const [box, setBox] = React12.useState({ w: 400, h: h2 });
+      const [tileStatus, setTileStatus] = React12.useState({});
+      const [userCam, setUserCam] = React12.useState(null);
+      const dragRef = React12.useRef(null);
+      const dragMovedRef = React12.useRef(false);
+      const regionReportedRef = React12.useRef(false);
+      const [boxEl, setBoxEl] = React12.useState(null);
+      const attachBox = React12.useCallback((el2) => setBoxEl(el2), []);
+      React12.useEffect(() => {
         const el2 = boxEl;
         if (!el2) return;
         const measure2 = () => {
@@ -123823,12 +124318,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] = React11.useState(null);
-      const [followBroken, setFollowBroken] = React11.useState(false);
-      React11.useEffect(() => {
+      const [userFix, setUserFix] = React12.useState(null);
+      const [followBroken, setFollowBroken] = React12.useState(false);
+      React12.useEffect(() => {
         if (follow) setFollowBroken(false);
       }, [follow]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!observeUserLocation || !usesTileArm) return;
         const geo = typeof navigator !== "undefined" ? navigator.geolocation : void 0;
         if (!geo || typeof geo.watchPosition !== "function") return;
@@ -123855,7 +124350,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;
-        React11.useEffect(() => {
+        React12.useEffect(() => {
           const resolved2 = resolveCamera(commandedCamera, cLat, cLng, z4);
           if (!resolved2) return;
           setFollowBroken(true);
@@ -123937,7 +124432,7 @@ var init_renderNode = __esm({
         const endDrag = () => {
           dragRef.current = null;
         };
-        React11.useEffect(() => {
+        React12.useEffect(() => {
           if (!boxEl || !usesTileArm || !interactive) return;
           const zoomOnWheel = (event) => {
             event.preventDefault();
@@ -123947,7 +124442,7 @@ var init_renderNode = __esm({
           boxEl.addEventListener("wheel", zoomOnWheel, { passive: false });
           return () => boxEl.removeEventListener("wheel", zoomOnWheel);
         }, [boxEl, usesTileArm, interactive, z4, cLat, cLng]);
-        React11.useEffect(() => {
+        React12.useEffect(() => {
           const action = props.onRegionChange;
           const fire = ctx.onAction;
           if (!usesTileArm || !action || !fire) return;
@@ -124084,30 +124579,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] = 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 [index, setIndex] = React12.useState(typeof props.currentIndex === "number" ? props.currentIndex : 0);
+      const indexRef = React12.useRef(index);
+      const trackRef = React12.useRef(null);
+      const [hovered, setHovered] = React12.useState(false);
+      const [focused, setFocused] = React12.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 = React11.useRef(onChange);
+      const onChangeRef = React12.useRef(onChange);
       onChangeRef.current = onChange;
-      const autoScrollRef = React11.useRef(null);
-      const endAutoScroll = React11.useCallback(() => {
+      const autoScrollRef = React12.useRef(null);
+      const endAutoScroll = React12.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));
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         endAutoScroll();
         indexRef.current = requestedIndex;
         setIndex(requestedIndex);
         if (trackRef.current) trackRef.current.scrollLeft = requestedIndex * trackRef.current.clientWidth;
       }, [requestedIndex, count2, endAutoScroll]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         const el2 = trackRef.current;
         el2?.addEventListener("scrollend", endAutoScroll);
         return () => {
@@ -124115,14 +124610,14 @@ var init_renderNode = __esm({
           endAutoScroll();
         };
       }, [endAutoScroll]);
-      const pageTo = React11.useCallback((page) => {
+      const pageTo = React12.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]);
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!autoplay || paused) return;
         const id = setInterval(() => {
           const next = (indexRef.current + 1) % count2;
@@ -124187,7 +124682,7 @@ var init_renderNode = __esm({
     });
     BannerNode = withExtras("BannerNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
-      const [dismissed, setDismissed] = React11.useState(false);
+      const [dismissed, setDismissed] = React12.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: [
@@ -124220,15 +124715,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] = React11.useState(null);
+      const [failedHero, setFailedHero] = React12.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 = React11.useRef(null);
-      const [offset, setOffset] = React11.useState(0);
-      React11.useEffect(() => {
+      const rootRef = React12.useRef(null);
+      const [offset, setOffset] = React12.useState(0);
+      React12.useEffect(() => {
         const el2 = rootRef.current;
         const win = el2?.ownerDocument?.defaultView;
         if (!el2 || !win) return;
@@ -124330,22 +124825,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] = React11.useState({ start: seedStart, end: seedEnd });
-      const lastRangeSeed = React11.useRef(`${seedStart}|${seedEnd}`);
-      React11.useEffect(() => {
+      const [range, setRange] = React12.useState({ start: seedStart, end: seedEnd });
+      const lastRangeSeed = React12.useRef(`${seedStart}|${seedEnd}`);
+      React12.useEffect(() => {
         const key3 = `${seedStart}|${seedEnd}`;
         if (lastRangeSeed.current === key3) return;
         lastRangeSeed.current = key3;
         setRange({ start: seedStart, end: seedEnd });
       }, [seedStart, seedEnd]);
-      const seed2 = React11.useMemo(
+      const seed2 = React12.useMemo(
         () => monthSeed(drivenYear ?? props.year, drivenMonth ?? props.month, selectedDate),
         [drivenYear, drivenMonth, props.year, props.month, selectedDate]
       );
-      const [view, setView] = React11.useState(seed2);
+      const [view, setView] = React12.useState(seed2);
       const seedKey = `${seed2.year}-${seed2.month}`;
-      const lastSeed = React11.useRef(seedKey);
-      React11.useEffect(() => {
+      const lastSeed = React12.useRef(seedKey);
+      React12.useEffect(() => {
         if (lastSeed.current === seedKey) return;
         lastSeed.current = seedKey;
         setView(seed2);
@@ -124355,18 +124850,18 @@ var init_renderNode = __esm({
       const boundMode = useResolvedScalar(props.displayModePath, ctx);
       const drivenMode = props.displayModePath != null && (boundMode === "week" || boundMode === "month") ? boundMode : void 0;
       const modeSeed = drivenMode ?? (props.displayMode === "week" ? "week" : "month");
-      const [mode, setMode] = React11.useState(modeSeed);
-      const lastModeSeed = React11.useRef(modeSeed);
-      React11.useEffect(() => {
+      const [mode, setMode] = React12.useState(modeSeed);
+      const lastModeSeed = React12.useRef(modeSeed);
+      React12.useEffect(() => {
         if (lastModeSeed.current === modeSeed) return;
         lastModeSeed.current = modeSeed;
         setMode(modeSeed);
       }, [modeSeed]);
       const isWeek = mode === "week";
       const weekSeed = calWeekStart(selectedDate ?? localDayKey(/* @__PURE__ */ new Date()), firstWeekday);
-      const [weekStart, setWeekStart] = React11.useState(weekSeed);
-      const lastWeekSeed = React11.useRef(weekSeed);
-      React11.useEffect(() => {
+      const [weekStart, setWeekStart] = React12.useState(weekSeed);
+      const lastWeekSeed = React12.useRef(weekSeed);
+      React12.useEffect(() => {
         if (lastWeekSeed.current === weekSeed) return;
         lastWeekSeed.current = weekSeed;
         setWeekStart(weekSeed);
@@ -124379,7 +124874,7 @@ var init_renderNode = __esm({
         return { date, day: parseLocalDate(date)?.getDate() ?? 0, inMonth: true, isToday: date === todayKey };
       })] : monthMatrix(year, month, firstWeekday);
       const heads = weekdayLabels(firstWeekday);
-      const gridRef = React11.useRef(null);
+      const gridRef = React12.useRef(null);
       const titleMonth = isWeek ? calWeekTitleMonth(weekStart) : { year, month };
       const monthLabel = new Date(titleMonth.year, titleMonth.month - 1, 1).toLocaleDateString(void 0, { month: "long", year: "numeric" });
       const expandable = props.expandable === true;
@@ -124554,7 +125049,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] = React11.useState(null);
+      const [pagedAnchor, setPagedAnchor] = React12.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();
@@ -124794,7 +125289,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 = React11.useMemo(() => {
+      const groups = React12.useMemo(() => {
         const buckets = /* @__PURE__ */ new Map();
         for (const ev of events) {
           if (!ev) continue;
@@ -124814,19 +125309,19 @@ 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 = React11.useRef(null);
-      const [visibleDays, setVisibleDays] = React11.useState(CAL_AGENDA_INITIAL_DAYS);
+      const containerRef = React12.useRef(null);
+      const [visibleDays, setVisibleDays] = React12.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;
-      React11.useEffect(() => {
+      React12.useEffect(() => {
         if (!scrollTarget) return;
         const block = groups[0]?.key === scrollTarget ? "nearest" : "start";
         containerRef.current?.querySelector(`[data-daygroup="${scrollTarget}"]`)?.scrollIntoView({ block });
       }, [scrollTarget, windowEnd]);
-      const sentinelRef = React11.useRef(null);
-      React11.useEffect(() => {
+      const sentinelRef = React12.useRef(null);
+      React12.useEffect(() => {
         if (!hasMore) return;
         const el2 = sentinelRef.current;
         if (!el2 || typeof IntersectionObserver === "undefined") return;
@@ -124943,26 +125438,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${React11.useId()}`;
+      const descId = `${idBase ?? "hm"}__hint${React12.useId()}`;
       const own6 = children.props;
       const next = { ...forwarded };
       if (forwarded.style) next.style = { ...own6.style ?? {}, ...forwarded.style };
       const ids = [own6["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: [
-        React11.cloneElement(children, next),
+        React12.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;
-      React11.useEffect(() => {
+      React12.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(React11.Fragment, { children: Array.isArray(v2) ? kids2(v2.filter(isNodeLike), ctx) : renderNode(v2, ctx) }, k2));
+      const renderProps = (entries) => entries.map(([k2, v2]) => /* @__PURE__ */ jsx11(React12.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");
@@ -124986,7 +125481,7 @@ var init_renderNode = __esm({
 });
 
 // ../../core/web-renderer/src/renderToHtml.tsx
-import React12 from "react";
+import React13 from "react";
 import { renderToStaticMarkup } from "react-dom/server";
 function renderDescriptorToHtml(payload, tokens2, scheme = "light", provider = null, width, chrome, opts) {
   const rtl = opts?.isRTL === true;
@@ -125006,7 +125501,7 @@ function renderDescriptorToHtml(payload, tokens2, scheme = "light", provider = n
   const withRenderStyles = (markup) => {
     if (!markup) return markup;
     if (!glassPreview) return FOCUS_STYLE_MARKUP + markup;
-    const scoped = renderToStaticMarkup(React12.createElement(
+    const scoped = renderToStaticMarkup(React13.createElement(
       "div",
       {
         className: "himi-ios-glass-preview",
@@ -125023,18 +125518,18 @@ function renderDescriptorToHtml(payload, tokens2, scheme = "light", provider = n
   const dir = rtl ? { dir: "rtl" } : {};
   if (header || footer) {
     return withRenderStyles(renderToStaticMarkup(
-      React12.createElement(
+      React13.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 ? React12.createElement(
+        header ? React13.createElement(
           "div",
           { "data-testid": "sticky-header", style: { position: "sticky", top: 0, zIndex: 10 } },
           renderNode(header, ctx)
         ) : null,
         renderNode(payload, ctx),
-        footer ? React12.createElement(
+        footer ? React13.createElement(
           "div",
           { "data-testid": "sticky-footer", style: { position: "sticky", bottom: 0, zIndex: 10, marginTop: "auto" } },
           renderNode(footer, ctx)
@@ -125044,11 +125539,11 @@ function renderDescriptorToHtml(payload, tokens2, scheme = "light", provider = n
   }
   if (rtl) {
     return withRenderStyles(renderToStaticMarkup(
-      React12.createElement("div", dir, renderNode(payload, ctx))
+      React13.createElement("div", dir, renderNode(payload, ctx))
     ));
   }
   return withRenderStyles(renderToStaticMarkup(
-    React12.createElement(React12.Fragment, null, renderNode(payload, ctx))
+    React13.createElement(React13.Fragment, null, renderNode(payload, ctx))
   ));
 }
 var init_renderToHtml = __esm({
@@ -132509,8 +133004,8 @@ function hasRowBinding(props) {
 }
 function declaredOptionIds(props, resolve81) {
   const literal = props.options ?? props.tabs ?? props.chips;
-  const bound = props.optionsPath !== void 0 ? resolved(props.optionsPath, resolve81) : void 0;
-  const raw = Array.isArray(bound) ? bound : literal;
+  const bound2 = props.optionsPath !== void 0 ? resolved(props.optionsPath, resolve81) : void 0;
+  const raw = Array.isArray(bound2) ? bound2 : literal;
   if (!Array.isArray(raw)) return [];
   const out2 = [];
   for (const o2 of raw) {
@@ -132577,9 +133072,9 @@ function synthesizeInput(control, resolve81, tokens2) {
   }
   if (!acceptsWords(props) || !acceptsWords(control.wrapper ?? {})) return null;
   const binding2 = typeof props.valuePath === "string" ? props.valuePath : typeof props.value === "string" && props.value.startsWith("$service:") ? props.value : void 0;
-  const bound = binding2 === void 0 ? void 0 : resolve81(binding2);
+  const bound2 = binding2 === void 0 ? void 0 : resolve81(binding2);
   const literal = typeof props.value === "string" && !props.value.startsWith("$") ? props.value : void 0;
-  const current = typeof bound === "string" ? bound : typeof bound === "number" ? String(bound) : literal ?? "";
+  const current = typeof bound2 === "string" ? bound2 : typeof bound2 === "number" ? String(bound2) : literal ?? "";
   const max = typeof props.maxLength === "number" && props.maxLength > 0 ? props.maxLength : void 0;
   const pick3 = tokens2().find((t2) => t2 !== current && (max === void 0 || t2.length <= max));
   if (pick3 === void 0) return null;
@@ -133240,12 +133735,12 @@ function collapsesWhenEmpty(n2, path2, ctx) {
   const props = body.props;
   if (!props || props.collapseWhenEmpty !== true) return false;
   const raw = props.text;
-  const bound = typeof raw === "string" && (raw.startsWith("$service:") || raw.startsWith("$item"));
-  if (bound && raw.startsWith("$item") && !ctx.scope) return false;
-  const eff = bound ? resolveNameBinding(raw, ctx) : raw;
+  const bound2 = typeof raw === "string" && (raw.startsWith("$service:") || raw.startsWith("$item"));
+  if (bound2 && raw.startsWith("$item") && !ctx.scope) return false;
+  const eff = bound2 ? resolveNameBinding(raw, ctx) : raw;
   const s2 = eff == null ? "" : String(eff).trim();
   if (s2 !== "" && s2 !== "\u2014") return false;
-  if (bound && typeof eff === "string" && s2 === "") {
+  if (bound2 && typeof eff === "string" && s2 === "") {
     ctx.emptied.push({ at: joinPath(path2, wire ? "body.props" : "props"), field: "text", binding: raw });
   }
   return true;
@@ -134016,11 +134511,11 @@ async function crawlScreenInner(opts) {
     for (const site of sites) {
       if (parseWorkerAction(site.actionId)) continue;
       const before = { ...site.params ?? {}, ...site.args ?? {} };
-      const bound = Object.entries(before).filter(([, v2]) => typeof v2 === "string" && v2.startsWith("$service:"));
-      if (!bound.length) continue;
+      const bound2 = Object.entries(before).filter(([, v2]) => typeof v2 === "string" && v2.startsWith("$service:"));
+      if (!bound2.length) continue;
       const resolved2 = resolveActionServiceParams({ actionId: site.actionId, params: site.params, args: site.args }, provider);
       const after = { ...resolved2.params ?? {}, ...resolved2.args ?? {} };
-      for (const [k2, v2] of bound) {
+      for (const [k2, v2] of bound2) {
         if (!(k2 in after)) {
           findings.push({
             screen: screenId,
@@ -134399,11 +134894,11 @@ function unverifiableNodes(screenId, payload) {
     const type = typeof body?.type === "string" ? body.type : void 0;
     if (type && BLANK_WHEN_BOUND[type]) {
       const props = body?.props ?? {};
-      const bound = BLANK_WHEN_BOUND[type].some((p2) => {
+      const bound2 = BLANK_WHEN_BOUND[type].some((p2) => {
         const v2 = props[p2];
         return typeof v2 === "string" && (v2.startsWith("$service:") || v2.startsWith("$item"));
       });
-      if (bound) {
+      if (bound2) {
         out2.push({
           screen: screenId,
           node: typeof rec.id === "string" ? `${type}#${rec.id}` : type,
@@ -146961,8 +147456,8 @@ function planTrim(src, keepIds, links) {
       validIds: sorted(app.routes.map((r3) => r3.label))
     });
   }
-  const explicit = new Set([...kept].filter((r3) => r3 !== app.home || keepIds.includes(app.home.label)));
-  const implicit = explicit.has(app.home) ? [] : [app.home];
+  const explicit2 = new Set([...kept].filter((r3) => r3 !== app.home || keepIds.includes(app.home.label)));
+  const implicit = explicit2.has(app.home) ? [] : [app.home];
   for (const id of navPinnedScreens(app.nav.value)) {
     const route = resolveIn(app, id);
     if (!route || kept.has(route)) continue;
@@ -158826,7 +159321,7 @@ function createLocalTestSandbox() {
       if (jsonBytes(input) > limits.maxRequestBytes) {
         throw new SandboxError("execution_failed", "request exceeds maxRequestBytes");
       }
-      const { MessageChannel, Worker: Worker2 } = await import("node:worker_threads");
+      const { MessageChannel: MessageChannel2, Worker: Worker2 } = await import("node:worker_threads");
       const started = Date.now();
       const workerSource = `
         import { parentPort, workerData } from "node:worker_threads";
@@ -158901,7 +159396,7 @@ function createLocalTestSandbox() {
         })();
       `;
       return await new Promise((resolve81, reject) => {
-        const { port1, port2 } = new MessageChannel();
+        const { port1, port2 } = new MessageChannel2();
         const serializableContext = {
           auth: context.auth,
           identity: context.identity,
@@ -165786,36 +166281,37 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/DashboardHost-pt94_sJ0.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 2916, sha256: "9ec016c8dd859201dddcd5c4bb9512141dcad5f5779b2e8595ec227dfc3c9928" },
-      { key: "assets/DevDrawer-Dru5uwQ1.js", contentType: "application/javascript; charset=utf-8", offset: 2924, length: 16744, sha256: "fedcb935aa289bc16141962ca59a9addda9b2182d6cda06f7f293b638abfcd8e" },
-      { key: "assets/IdiomCompare-BHh8tYPn.js", contentType: "application/javascript; charset=utf-8", offset: 19668, length: 1892, sha256: "4c79da854b06c53b397a34cb96eaa6c5fc9dddd2bd25e6408ac60c9fb756547f" },
-      { key: "assets/LightboxViewer-BSqDn-zJ.js", contentType: "application/javascript; charset=utf-8", offset: 21560, length: 8132, sha256: "f093543511ed4215ff0396614b4445fd14acf2eeb3fc87a6512c67144dc5f791" },
-      { key: "assets/PhonePreviewControl-Bmm8NkvS.js", contentType: "application/javascript; charset=utf-8", offset: 29692, length: 37729, sha256: "2ef06e297920432eb2f9132cc6f300c344c9b4d3dd7195fc7d86108b7745dde3" },
-      { key: "assets/SchemeCompare-C7y8epkX.js", contentType: "application/javascript; charset=utf-8", offset: 67421, length: 1824, sha256: "ef6af36144d34f5b6ef1004987aa80ffb5aad5ef55a9b27e7347b68dd88417ee" },
+      { key: "assets/DashboardHost-ccb_e_DP.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 2916, sha256: "9183bc77ce886be410e1a6a3d8b811365ba60c82c656f9ed8249c4ba12696620" },
+      { key: "assets/DevDrawer-_P2xA5Uo.js", contentType: "application/javascript; charset=utf-8", offset: 2924, length: 16744, sha256: "52a51a9937ae5736e37a2c6b383612dafe49ac82dd49817cecf2b87675470733" },
+      { key: "assets/IdiomCompare-B5rjJbc6.js", contentType: "application/javascript; charset=utf-8", offset: 19668, length: 1892, sha256: "c90292bfc15a84b60d4ad1820d79f51647feb45eaf6c5f7020efd5995edca0c2" },
+      { key: "assets/LightboxViewer-B9bXYaNa.js", contentType: "application/javascript; charset=utf-8", offset: 21560, length: 8132, sha256: "7dc5209784b7339538bf2e5af88099d94cd4fa4dada0a537025d8ab14b1782f0" },
+      { key: "assets/PhonePreviewControl-BbU25q3T.js", contentType: "application/javascript; charset=utf-8", offset: 29692, length: 37729, sha256: "7b5bf7361e18d9fab03c8195337dd7d7dbab40aceb81876363115dfd5b3506ca" },
+      { key: "assets/SchemeCompare-AdWcP5Op.js", contentType: "application/javascript; charset=utf-8", offset: 67421, length: 1824, sha256: "eaac412de580143ae5e2e3c75ffb2af3f507d8f39487681f56cdd51a61a3cd2a" },
       { key: "assets/glassPreviewBrowser-Bt5ZFmG4.js", contentType: "application/javascript; charset=utf-8", offset: 69245, length: 342, sha256: "20d73f97d38f6d9a0b79e68e24954cd6bbfe66833a6e6aecae00a9102e64cab3" },
-      { key: "assets/index-BBNqc5c4.js", contentType: "application/javascript; charset=utf-8", offset: 69587, length: 1325028, sha256: "f690d573405bb2463d7016a5ec27b573850793a3ccf84ee404c9a63876b16018" },
-      { key: "assets/pdf-D2NCB8kl.js", contentType: "application/javascript; charset=utf-8", offset: 1394615, length: 488199, sha256: "a7c9cf8b012ef43073746ec951644d51abad5427e442e6d14de5ec3f8f4b2409" },
-      { key: "assets/pdf.worker.min-BQa_JDET.js", contentType: "application/javascript; charset=utf-8", offset: 1882814, length: 73, sha256: "41bcfda4f3c8c0a81c785ea87c69afc8e7d0ed8c333324aee94c273d881bb6aa" },
-      { key: "assets/pdf.worker.min-BmVo14Nb.mjs", contentType: "application/javascript; charset=utf-8", offset: 1882887, length: 1317034, sha256: "a33cfe728c584fdba4fcc1fd54bcdc2f9f2f13889ddbb5b2bd1d0f8cbe49b84e" },
-      { key: "assets/pdfDocument--Lyea2Vc.js", contentType: "application/javascript; charset=utf-8", offset: 3199921, length: 3379, sha256: "1caa5dde639cdfa8164a2d5d6fc0d7016368568de98b3b9f0c3bdeee8a7206f7" },
-      { key: "assets/pdfFetch-Cc8i1I1h.js", contentType: "application/javascript; charset=utf-8", offset: 3203300, length: 2266, sha256: "1d21ad008921942217c9eac0c35b1713773b9d89c71e3ab4412781f7bb88f463" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 3205566, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 3210176, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 3698760, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 3789684, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 3880668, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 3971648, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 4062520, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 4153500, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 4262136, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 4371220, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 4480268, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 4587968, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "himi-sw.js", contentType: "application/javascript; charset=utf-8", offset: 4676076, length: 6748, sha256: "4a92459977d7cefa1a6a7e020c3a63509737f083b3f2773557c1a5771665811a" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 4682824, length: 4947, sha256: "c785a07e7efeec0f1cb1a22975db48cde368e37a64eacb76a9821f2c8d62928b" },
-      { key: "ios-glass-preview.css", contentType: "text/css; charset=utf-8", offset: 4687771, length: 7193, sha256: "a482f4796147c2a3893942e10ab225bd3b6f749f7125fe0330680d4c20ea0212" },
-      { key: "ios-glass-preview.svg", contentType: "image/svg+xml", offset: 4694964, length: 423, sha256: "b9cd5989d31464a0422f260a332af6be5add0b04de2148944de35158f3b75efc" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 4695387, length: 18080, sha256: "937286e50af2fc4e44f7fb35b277f35254e5eb24a3d364a70cfa914d4286d0d9" }
+      { key: "assets/index-vy60YTYP.js", contentType: "application/javascript; charset=utf-8", offset: 69587, length: 1332702, sha256: "8602e03a2d1f869963c76b634787d06e2a4f9ff8449f880a03079f2a98d42881" },
+      { key: "assets/pdf-6zNQxbtC.js", contentType: "application/javascript; charset=utf-8", offset: 1402289, length: 488199, sha256: "c32a381ff3c8da40d4ecc3653dd01e6aa2d2a7273486909aa66d4aa221915ff6" },
+      { key: "assets/pdf.worker.min-BQa_JDET.js", contentType: "application/javascript; charset=utf-8", offset: 1890488, length: 73, sha256: "41bcfda4f3c8c0a81c785ea87c69afc8e7d0ed8c333324aee94c273d881bb6aa" },
+      { key: "assets/pdf.worker.min-BmVo14Nb.mjs", contentType: "application/javascript; charset=utf-8", offset: 1890561, length: 1317034, sha256: "a33cfe728c584fdba4fcc1fd54bcdc2f9f2f13889ddbb5b2bd1d0f8cbe49b84e" },
+      { key: "assets/pdfDocument-CFatnBSm.js", contentType: "application/javascript; charset=utf-8", offset: 3207595, length: 3379, sha256: "50e909061e6bbd49c76392215686898570949f168a40cfc0cf30db5a49560939" },
+      { key: "assets/pdfFetch-Cc8i1I1h.js", contentType: "application/javascript; charset=utf-8", offset: 3210974, length: 2266, sha256: "1d21ad008921942217c9eac0c35b1713773b9d89c71e3ab4412781f7bb88f463" },
+      { key: "assets/webviewBridgeHost-BB3fp3uP.js", contentType: "application/javascript; charset=utf-8", offset: 3213240, length: 9781, sha256: "2f5f3427dffef435ba58ee1b7a47eed601d3aabc66648eda053081eaf99e456a" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 3223021, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 3227631, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 3716215, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 3807139, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 3898123, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 3989103, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 4079975, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 4170955, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 4279591, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 4388675, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 4497723, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 4605423, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "himi-sw.js", contentType: "application/javascript; charset=utf-8", offset: 4693531, length: 6748, sha256: "4a92459977d7cefa1a6a7e020c3a63509737f083b3f2773557c1a5771665811a" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 4700279, length: 4947, sha256: "dcada8e4b42e9583f4c6ebf2ea3898a3b9b13b53d0174305ca447aaabe18bdb3" },
+      { key: "ios-glass-preview.css", contentType: "text/css; charset=utf-8", offset: 4705226, length: 7193, sha256: "a482f4796147c2a3893942e10ab225bd3b6f749f7125fe0330680d4c20ea0212" },
+      { key: "ios-glass-preview.svg", contentType: "image/svg+xml", offset: 4712419, length: 423, sha256: "b9cd5989d31464a0422f260a332af6be5add0b04de2148944de35158f3b75efc" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 4712842, length: 18778, sha256: "ba734d58c88281c71c01d9a2842a991d06f3ed91bf03449427ef11c7f6d1605d" }
     ];
   }
 });
@@ -166002,7 +166498,7 @@ async function runPackage(source, opts = {}) {
   const server = nodeAdapter(handler);
   const first = await listen(server, opts.port ?? 0, host);
   const port = first.port;
-  const bound = [first.address];
+  const bound2 = [first.address];
   const servers = [server];
   if (lanHost) {
     const lanServer = nodeAdapter(handler);
@@ -166014,7 +166510,7 @@ async function runPackage(source, opts = {}) {
       if (resolved2.temp) rmSync23(resolved2.temp, { recursive: true, force: true });
       throw new Error(`himi run --lan could not listen on ${lanHost}:${port} (${e2.message}); drop --lan, or pass --port for a free one`);
     }
-    bound.push(lanBound);
+    bound2.push(lanBound);
     servers.push(lanServer);
   }
   const origin = `http://${host}:${port}`;
@@ -166028,7 +166524,7 @@ async function runPackage(source, opts = {}) {
     url,
     releaseRoot: resolved2.releaseRoot,
     origin,
-    bound,
+    bound: bound2,
     ...lanUrl ? { lanUrl } : {},
     warnings: resolved2.warnings,
     close: async () => {
@@ -167520,11 +168016,11 @@ function sortKeys(value) {
   const obj5 = value;
   return Object.fromEntries(Object.keys(obj5).sort().map((key3) => [key3, sortKeys(obj5[key3])]));
 }
-function canonicalJson2(value) {
+function canonicalJson3(value) {
   return JSON.stringify(sortKeys(value));
 }
 function sha256Digest(value) {
-  return `sha256:${createHash43("sha256").update(canonicalJson2(value)).digest("hex")}`;
+  return `sha256:${createHash43("sha256").update(canonicalJson3(value)).digest("hex")}`;
 }
 function manifestDigest(manifest) {
   return sha256Digest(manifest);
@@ -177121,8 +177617,8 @@ function buildVeloChapter(input) {
   if (owner?.git) source.push("git");
   const httpFunctions = dedupeHttp(httpFromFiles);
   const pages2 = veloPagesForBind(input.look);
-  const bound = bindVeloFiles(files.slice(0, 80), pages2);
-  const coded = new Set(bound.filter((f2) => f2.pageUrl).map((f2) => f2.pageId).filter(Boolean));
+  const bound2 = bindVeloFiles(files.slice(0, 80), pages2);
+  const coded = new Set(bound2.filter((f2) => f2.pageUrl).map((f2) => f2.pageId).filter(Boolean));
   const pagesOut = pages2.map((p2) => ({ ...p2, hasCode: p2.hasCode || !!p2.pageId && coded.has(p2.pageId) }));
   const gridAppId = owner?.gridAppId || hint?.gridAppId;
   const enabled = source.length > 0 || httpFunctions.length > 0;
@@ -177131,7 +177627,7 @@ function buildVeloChapter(input) {
     source,
     httpFunctions,
     pages: pagesOut,
-    files: bound
+    files: bound2
   };
   if (gridAppId) chapter.gridAppId = gridAppId;
   if (hint?.wixCodeFeatures.length) chapter.wixCodeFeatures = hint.wixCodeFeatures;
@@ -184969,8 +185465,8 @@ function buildMergedContract(options) {
     if (fonts.length) {
       branding.fonts = fonts;
       const chosen = overlayFontFamily;
-      const explicit = typeof chosen === "string" && chosen.trim() !== "";
-      if (!explicit) branding.fontFamily = fonts[0].family;
+      const explicit2 = typeof chosen === "string" && chosen.trim() !== "";
+      if (!explicit2) branding.fontFamily = fonts[0].family;
     }
   }
   merged.branding = branding;