@wix/himalaya-cli 0.1294.0 → 0.1296.0

package/dist/cli.mjs

@@ -3165,11 +3165,11 @@ function interleave(data, ver) {
 }
 function alignmentPositions(ver) {
   if (ver === 1) return [];
-  const num3 = Math.floor(ver / 7) + 2;
+  const num4 = Math.floor(ver / 7) + 2;
   const size = ver * 4 + 17;
-  const step = Math.ceil((ver * 4 + 4) / (num3 * 2 - 2)) * 2;
+  const step = Math.ceil((ver * 4 + 4) / (num4 * 2 - 2)) * 2;
   const res = [6];
-  for (let pos = size - 7; res.length < num3; pos -= step) res.splice(1, 0, pos);
+  for (let pos = size - 7; res.length < num4; pos -= step) res.splice(1, 0, pos);
   return res;
 }
 function bchFormat(data) {
@@ -21336,6 +21336,98 @@ var init_builtins = __esm({
   }
 });
 
+// ../../core/sdk/capability-catalog/src/modules.ts
+function moduleForSpmProduct(product) {
+  return NATIVE_MODULES.find((m2) => m2.ios?.product === product);
+}
+function moduleForGradleProject(project) {
+  return NATIVE_MODULES.find((m2) => m2.android?.project === project);
+}
+function capabilitiesOfModule(module) {
+  const ios = [];
+  const android = [];
+  for (const [id, req] of Object.entries(CAPABILITY_NATIVE)) {
+    if (module.ios && req.ios?.spmProducts?.includes(module.ios.product)) ios.push(id);
+    if (module.android && req.android?.gradleDeps?.includes(module.android.project)) android.push(id);
+  }
+  return { ios: ios.sort(), android: android.sort() };
+}
+function modulesFor(buildSet2) {
+  const spm = /* @__PURE__ */ new Set();
+  const gradle = /* @__PURE__ */ new Set();
+  for (const raw of buildSet2) {
+    const req = CAPABILITY_NATIVE[catalogKey(raw)];
+    for (const p2 of req?.ios?.spmProducts ?? []) {
+      if (!moduleForSpmProduct(p2)) throw new Error(`capability-catalog: ${raw} links SPM product ${p2}, which NATIVE_MODULES does not define`);
+      spm.add(p2);
+    }
+    for (const g2 of req?.android?.gradleDeps ?? []) {
+      if (!moduleForGradleProject(g2)) throw new Error(`capability-catalog: ${raw} links Gradle project ${g2}, which NATIVE_MODULES does not define`);
+      gradle.add(g2);
+    }
+  }
+  const sorted2 = [...spm].sort();
+  return { spm: sorted2, gradle: [...gradle].sort(), macos: sorted2.filter((p2) => moduleForSpmProduct(p2).ios.macos) };
+}
+function linksModule(module, buildSet2) {
+  const set = new Set(buildSet2.map(catalogKey));
+  const caps = capabilitiesOfModule(module);
+  return [...caps.ios, ...caps.android].some((c2) => set.has(c2));
+}
+function unlinkedComponentModules(components2, buildSet2, map = COMPONENT_MODULES, modules = NATIVE_MODULES) {
+  const out2 = [];
+  for (const component of [...new Set(components2)].sort()) {
+    const id = map[component];
+    const module = id ? modules.find((m2) => m2.id === id) : void 0;
+    if (!module || linksModule(module, buildSet2)) continue;
+    const caps = capabilitiesOfModule(module);
+    out2.push({ component, module: module.id, capabilities: [.../* @__PURE__ */ new Set([...caps.ios, ...caps.android])].sort() });
+  }
+  return out2;
+}
+var NATIVE_MODULES, HAND_WIRED_MODULES, COMPONENT_MODULES;
+var init_modules = __esm({
+  "../../core/sdk/capability-catalog/src/modules.ts"() {
+    init_native_requirements();
+    NATIVE_MODULES = Object.freeze([
+      {
+        id: "health",
+        // macOS links it too and installs the honest UnavailableHealthBackend (no Health store on a Mac).
+        ios: { product: "HimalayaCoreHealth", path: "core/runtime/ios/HimalayaCoreHealth", macos: true },
+        android: {
+          project: ":core-runtime-health",
+          dir: "core/runtime/android/io/himalaya/health",
+          installer: "io.himalaya.health.HealthConnect"
+        }
+      },
+      {
+        // StoreKit 2 + Apple Pay (iap, wix_cashier) / Play Billing (iap). iOS-only package code: a Mac
+        // has no store module, so the macOS target does not link it and the verbs keep their
+        // platform answer.
+        id: "iap",
+        ios: { product: "HimalayaCoreIAP", path: "core/runtime/ios/HimalayaCoreIAP" },
+        android: {
+          project: ":core-runtime-iap",
+          dir: "core/runtime/android/io/himalaya/iap",
+          installer: "io.himalaya.iap.PlayBilling"
+        }
+      }
+    ]);
+    HAND_WIRED_MODULES = Object.freeze({
+      base44: "HimalayaCoreBase44 / :core-runtime-base44 SDK",
+      calls: "HimalayaCoreCalls / :himalaya-core-calls WebRTC engine",
+      godot: "Godot SPM product / :core-runtime-godot engine"
+    });
+    COMPONENT_MODULES = Object.freeze({
+      Video: "media",
+      MediaPlayer: "media",
+      CarBrowse: "media",
+      Lottie: "animation",
+      Rive: "animation"
+    });
+  }
+});
+
 // ../../core/sdk/capability-catalog/src/known.ts
 function isKnownCapability(id) {
   return KNOWN_CAPABILITY_IDS.includes(catalogKey(id));
@@ -21389,12 +21481,13 @@ function usageStringCopyFor(permissionCopy) {
   }
   return out2;
 }
-var BRIDGE_CAPABILITY_IDS, KNOWN_CAPABILITY_IDS, CAPABILITY_LITERAL, BRIDGE_MARKERS, NOT_DIST_ADDABLE;
+var BRIDGE_CAPABILITY_IDS, KNOWN_CAPABILITY_IDS, CAPABILITY_LITERAL, BRIDGE_MARKERS, NEEDS_BOOT_WIRING, NOT_DIST_ADDABLE;
 var init_known = __esm({
   "../../core/sdk/capability-catalog/src/known.ts"() {
     init_builtins();
     init_implications();
     init_native_requirements();
+    init_modules();
     BRIDGE_CAPABILITY_IDS = Object.freeze(["stream", "wix_api"]);
     KNOWN_CAPABILITY_IDS = Object.freeze(
       [
@@ -21412,19 +21505,9 @@ var init_known = __esm({
       ["wix_api", /himalaya\.wixApi\b|\bwixApi\.call\b/],
       ["webview", /himalaya\.webview\b/]
     ];
-    NOT_DIST_ADDABLE = Object.freeze({
+    NEEDS_BOOT_WIRING = Object.freeze({
       local_database: "registering it without the app's dataSchema writes declared-encrypted entities in plaintext (#1896) \u2014 the shell has to install the schema first",
       live_activity: "needs a WidgetKit extension target in the shell's project, which a build cannot add",
-      base44: "needs the opt-in HimalayaCoreBase44 / :core-runtime-base44 SDK linked into the shell",
-      // `health` IS dist-addable: gen-native-config fills the shell's generic himalaya:modules:*
-      // markers with HimalayaCoreHealth / :core-runtime-health when the release declares it (RFC 0044
-      // Phase 2), and the shell's boot installs the store only when those modules are linked
-      // (`#if canImport` / Class.forName).
-      godot: "needs the opt-in Godot SPM product linked into the shell",
-      // Hand-wired like base44 and godot until the RFC 0044 Phase 2 follow-up moves it onto the generic
-      // himalaya:modules:* blocks; a dist build cannot link the WebRTC engine, so it must not bake the
-      // microphone permission over a core whose verbs answer `not_linked`.
-      calls: "needs the opt-in HimalayaCoreCalls / :himalaya-core-calls WebRTC engine linked into the shell",
       wix_platform: "needs the shell's boot to configure it with a Wix API client and launch services",
       himi_apps: "is a multi-app host surface (Himi Player), not something one app's binary serves",
       // Both answer FOR an app id, which the shell's boot configures (`configure(appId:)`) before
@@ -21434,6 +21517,15 @@ var init_known = __esm({
       system_intents: "needs the shell to wire a SystemIntentsHost (app identity, deep-link routing and refresh), which no extensible shell does",
       release_control: "needs the shell's boot to configure it with the app id whose releases it switches, which a dist build's generic registration does not do"
     });
+    NOT_DIST_ADDABLE = Object.freeze({
+      ...NEEDS_BOOT_WIRING,
+      ...Object.fromEntries(
+        Object.entries(HAND_WIRED_MODULES).map(([id, module]) => [
+          id,
+          `needs the opt-in ${module} linked into the shell, which is still hand-wired (RFC 0044 Phase 2 follow-up), so a dist build cannot link it`
+        ])
+      )
+    });
   }
 });
 
@@ -21464,61 +21556,6 @@ var init_binary_core = __esm({
   }
 });
 
-// ../../core/sdk/capability-catalog/src/modules.ts
-function moduleForSpmProduct(product) {
-  return NATIVE_MODULES.find((m2) => m2.ios?.product === product);
-}
-function moduleForGradleProject(project) {
-  return NATIVE_MODULES.find((m2) => m2.android?.project === project);
-}
-function modulesFor(buildSet2) {
-  const spm = /* @__PURE__ */ new Set();
-  const gradle = /* @__PURE__ */ new Set();
-  for (const raw of buildSet2) {
-    const req = CAPABILITY_NATIVE[catalogKey(raw)];
-    for (const p2 of req?.ios?.spmProducts ?? []) {
-      if (!moduleForSpmProduct(p2)) throw new Error(`capability-catalog: ${raw} links SPM product ${p2}, which NATIVE_MODULES does not define`);
-      spm.add(p2);
-    }
-    for (const g2 of req?.android?.gradleDeps ?? []) {
-      if (!moduleForGradleProject(g2)) throw new Error(`capability-catalog: ${raw} links Gradle project ${g2}, which NATIVE_MODULES does not define`);
-      gradle.add(g2);
-    }
-  }
-  const sorted2 = [...spm].sort();
-  return { spm: sorted2, gradle: [...gradle].sort(), macos: sorted2.filter((p2) => moduleForSpmProduct(p2).ios.macos) };
-}
-var NATIVE_MODULES;
-var init_modules = __esm({
-  "../../core/sdk/capability-catalog/src/modules.ts"() {
-    init_native_requirements();
-    NATIVE_MODULES = Object.freeze([
-      {
-        id: "health",
-        // macOS links it too and installs the honest UnavailableHealthBackend (no Health store on a Mac).
-        ios: { product: "HimalayaCoreHealth", path: "core/runtime/ios/HimalayaCoreHealth", macos: true },
-        android: {
-          project: ":core-runtime-health",
-          dir: "core/runtime/android/io/himalaya/health",
-          installer: "io.himalaya.health.HealthConnect"
-        }
-      },
-      {
-        // StoreKit 2 + Apple Pay (iap, wix_cashier) / Play Billing (iap). iOS-only package code: a Mac
-        // has no store module, so the macOS target does not link it and the verbs keep their
-        // platform answer.
-        id: "iap",
-        ios: { product: "HimalayaCoreIAP", path: "core/runtime/ios/HimalayaCoreIAP" },
-        android: {
-          project: ":core-runtime-iap",
-          dir: "core/runtime/android/io/himalaya/iap",
-          installer: "io.himalaya.iap.PlayBilling"
-        }
-      }
-    ]);
-  }
-});
-
 // ../../core/sdk/capability-catalog/src/index.ts
 var init_src2 = __esm({
   "../../core/sdk/capability-catalog/src/index.ts"() {
@@ -21583,7 +21620,7 @@ function parseIconConfig(configTs) {
   if (!block) return {};
   const body = block[1];
   const str10 = (k2) => new RegExp(`\\b${k2}\\s*:\\s*["']([^"']+)["']`).exec(body)?.[1];
-  const num3 = (k2) => {
+  const num4 = (k2) => {
     const m2 = new RegExp(`\\b${k2}\\s*:\\s*(-?(?:\\d+\\.?\\d*|\\.\\d+)(?:[eE][+-]?\\d+)?)\\s*(?=[,}\\n]|$)`).exec(body);
     if (!m2) return void 0;
     const n2 = Number(m2[1]);
@@ -21597,7 +21634,7 @@ function parseIconConfig(configTs) {
   const glyph = str10("glyph");
   const accentColor = str10("accentColor");
   const backgroundColor = str10("backgroundColor");
-  const glyphScale = num3("glyphScale");
+  const glyphScale = num4("glyphScale");
   for (const [key2, parsed] of [
     ["source", source],
     ["glyph", glyph],
@@ -27034,7 +27071,7 @@ function didYouMean(id) {
   const best = KNOWN_CAPABILITY_IDS.map((k2) => [k2, editDistance2(id, k2)]).sort((x2, y2) => x2[1] - y2[1])[0];
   return best && best[1] <= 2 ? ` Did you mean "${best[0]}"?` : "";
 }
-function capabilityIssues(usage, shell, strict, lastDist) {
+function capabilityIssues(usage, shell, strict, lastDist, componentModules) {
   if (!usage) return [];
   const warn3 = strict ? "error" : "warning";
   const issues = [];
@@ -27097,6 +27134,25 @@ function capabilityIssues(usage, shell, strict, lastDist) {
       message: `"${id}" is declared by ${shown2} but not in config.ts capabilities \u2014 the app-level list is what a binary is built with, so a binary built from it would not serve "${id}". Add it: capabilities: [..., "${id}"].`
     });
   }
+  const buildIds = [...usage.app, ...usage.envelope ?? []];
+  const unlinkedByComponent = /* @__PURE__ */ new Map();
+  for (const s2 of usage.screens) {
+    for (const u2 of unlinkedComponentModules(s2.components ?? [], buildIds, componentModules)) {
+      const prev = unlinkedByComponent.get(u2.component) ?? { module: u2.module, capabilities: u2.capabilities, screens: [] };
+      prev.screens.push(s2.screenId);
+      unlinkedByComponent.set(u2.component, prev);
+    }
+  }
+  for (const [component, u2] of [...unlinkedByComponent].sort(([a2], [b2]) => a2.localeCompare(b2))) {
+    const shown2 = u2.screens.slice(0, 3).join(", ") + (u2.screens.length > 3 ? ` (+${u2.screens.length - 3} more)` : "");
+    issues.push({
+      screen: u2.screens.length === 1 ? u2.screens[0] : null,
+      pass: "capabilities",
+      severity: "error",
+      capability: u2.capabilities.join(","),
+      message: `${shown2} ${u2.screens.length === 1 ? "uses" : "use"} the ${component} component, which needs the native ${u2.module} module, but config.ts declares none of ${u2.capabilities.map((c2) => `"${c2}"`).join(", ")} \u2014 the binary is built without it and cannot render ${component}. Add one to capabilities (or capabilityEnvelope).`
+    });
+  }
   if (shell) {
     const s2 = SHELL_CAPABILITIES[shell];
     if (!s2) {
@@ -35209,6 +35265,150 @@ var init_icons = __esm({
   }
 });
 
+// ../../core/ts/src/picker-field.ts
+function hasVisual(o2) {
+  return pickerLeading(o2) !== "none";
+}
+function pickerPresentation(props, options = []) {
+  const p2 = props?.presentation;
+  if (p2 === "menu" || p2 === "wheel" || p2 === "sheet") return p2;
+  const field = props?.field;
+  if (field != null && typeof field === "object") return "menu";
+  return options.some(hasVisual) ? "menu" : "platform";
+}
+function pickerLeading(o2) {
+  if (!o2) return "none";
+  if (nonBlank(o2.swatch)) return "swatch";
+  if (nonBlank(o2.imageUrl)) return "image";
+  if (nonBlank(o2.icon)) return "icon";
+  return "none";
+}
+function pickerOptionPickable(o2) {
+  return !!o2 && o2.disabled !== true;
+}
+function pickerWheelOptions(options) {
+  return options.filter((o2) => pickerOptionPickable(o2));
+}
+function resolvePickerField(field, tokens2 = {}) {
+  const f2 = field ?? {};
+  const has = (name) => tokens2.color?.(name) !== void 0;
+  const borderColor = nonBlank(f2.borderColor) ? f2.borderColor : has("pickerFieldBorder") ? "pickerFieldBorder" : "border";
+  const placeholderColor = nonBlank(f2.placeholderColor) ? f2.placeholderColor : has("pickerFieldPlaceholder") ? "pickerFieldPlaceholder" : "textSecondary";
+  const borderWidth = num(f2.borderWidth) ?? num(tokens2.spacing?.("pickerFieldBorderWidth")) ?? PICKER_FIELD_DEFAULTS.borderWidth;
+  const cornerRadius = num(f2.cornerRadius) ?? num(tokens2.radius?.("pickerField")) ?? num(tokens2.radius?.("md")) ?? PICKER_FIELD_DEFAULTS.cornerRadius;
+  const minHeight = num(f2.minHeight) ?? num(tokens2.spacing?.("pickerFieldMinHeight")) ?? PICKER_FIELD_DEFAULTS.minHeight;
+  const padding = num(f2.padding) ?? num(tokens2.spacing?.("pickerFieldPadding")) ?? PICKER_FIELD_DEFAULTS.padding;
+  const chevronRaw = nonBlank(f2.chevronIcon) ? f2.chevronIcon.trim() : PICKER_FIELD_DEFAULTS.chevronIcon;
+  return {
+    borderColor,
+    borderWidth: nonNeg(borderWidth),
+    cornerRadius: nonNeg(cornerRadius),
+    minHeight: nonNeg(minHeight),
+    padding: nonNeg(padding),
+    chevronIcon: chevronRaw === "none" ? null : chevronRaw,
+    placeholderColor
+  };
+}
+var nonBlank, PICKER_FIELD_DEFAULTS, num, nonNeg;
+var init_picker_field = __esm({
+  "../../core/ts/src/picker-field.ts"() {
+    "use strict";
+    nonBlank = (v2) => typeof v2 === "string" && v2.trim().length > 0;
+    PICKER_FIELD_DEFAULTS = {
+      borderWidth: 1,
+      cornerRadius: 8,
+      minHeight: 44,
+      padding: 12,
+      chevronIcon: "chevron_down"
+    };
+    num = (v2) => typeof v2 === "number" && Number.isFinite(v2) ? v2 : void 0;
+    nonNeg = (v2) => v2 < 0 ? 0 : v2;
+  }
+});
+
+// ../../core/web-renderer/src/pickerField.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function pickerFieldLook(field, ctx) {
+  const t2 = ctx.tokens ?? {};
+  return resolvePickerField(field && typeof field === "object" ? field : null, {
+    color: (n2) => t2.colors?.[n2],
+    spacing: (n2) => t2.spacing?.[n2],
+    radius: (n2) => t2.radius?.[n2]
+  });
+}
+function PickerLeadingVisual({ option, ctx, size = 20 }) {
+  const iconName = useResolvedScalar(option?.icon, ctx);
+  switch (pickerLeading({ ...option, icon: iconName })) {
+    case "swatch":
+      return /* @__PURE__ */ jsx4(
+        "span",
+        {
+          "aria-hidden": true,
+          "data-picker-swatch": "",
+          style: { flex: "none", width: size, height: size, borderRadius: "50%", background: ctx.color(option.swatch, "#cccccc"), boxShadow: "inset 0 0 0 1px rgba(0,0,0,.12)" }
+        }
+      );
+    case "image":
+      return /* @__PURE__ */ jsx4(
+        "img",
+        {
+          "aria-hidden": true,
+          alt: "",
+          "data-picker-image": "",
+          src: String(option.imageUrl),
+          width: size,
+          height: size,
+          loading: "lazy",
+          decoding: "async",
+          style: { flex: "none", width: size, height: size, borderRadius: 4, objectFit: "cover" }
+        }
+      );
+    case "icon":
+      return /* @__PURE__ */ jsx4("span", { "aria-hidden": true, "data-picker-icon": "", style: { flex: "none", display: "inline-grid", placeItems: "center", width: size, height: size }, children: iconSvg(typeof iconName === "string" ? iconName : "", { size: size - 2, color: ctx.color("textSecondary", "#636b78") }) });
+    default:
+      return null;
+  }
+}
+function PickerFieldBox({ look, ctx, option, text: text8, isPlaceholder, font, style }) {
+  const C2 = ctx.color;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      "data-picker-field": "",
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 8,
+        width: "100%",
+        boxSizing: "border-box",
+        minHeight: look.minHeight,
+        padding: `0 ${look.padding}px`,
+        border: `${look.borderWidth}px solid ${C2(look.borderColor, "#e3e3e3")}`,
+        borderRadius: look.cornerRadius,
+        background: C2("surfacePrimary", "#fff"),
+        fontFamily: font,
+        fontSize: pxToRem(15),
+        ...style
+      },
+      children: [
+        !isPlaceholder && /* @__PURE__ */ jsx4(PickerLeadingVisual, { option, ctx }),
+        /* @__PURE__ */ jsx4("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: isPlaceholder ? C2(look.placeholderColor, "#888") : C2("textPrimary", "#111") }, children: text8 }),
+        look.chevronIcon && /* @__PURE__ */ jsx4("span", { "data-picker-chevron": "", style: { flex: "none", display: "inline-grid", placeItems: "center" }, children: iconSvg(look.chevronIcon, { size: 16, color: C2("textSecondary", "#636b78") }) })
+      ]
+    }
+  );
+}
+var init_pickerField = __esm({
+  "../../core/web-renderer/src/pickerField.tsx"() {
+    "use strict";
+    init_tokens2();
+    init_icons();
+    init_bindings2();
+    init_picker_field();
+  }
+});
+
 // ../../core/web-renderer/src/symbolEffects.ts
 import React3 from "react";
 function useSymbolEffect(effect, reduceMotion) {
@@ -35904,7 +36104,7 @@ var init_host_toolbar = __esm({
 
 // ../../core/web-renderer/src/richContentEditor.tsx
 import React4 from "react";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function effectiveTools(tools, uploadService) {
   return ricosEffectiveTools(tools, typeof uploadService === "string" && uploadService !== "");
 }
@@ -36073,14 +36273,14 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
   if (!live3) {
     const { paddingTop: _t2, paddingBottom: _b, paddingLeft: _l2, paddingRight: _r2, ...rootNoSides } = root;
     const own4 = { ...rootNoSides, border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: 8, padding: 12, boxSizing: "border-box" };
-    return /* @__PURE__ */ jsx4("div", { ...dom, style: addIntrinsicPadding(own4, wrap) ?? own4, children: /* @__PURE__ */ jsx4("span", { style: { color: C2("textSecondary", "#636B78") }, children: placeholder2 || "Rich text editor" }) });
+    return /* @__PURE__ */ jsx5("div", { ...dom, style: addIntrinsicPadding(own4, wrap) ?? own4, children: /* @__PURE__ */ jsx5("span", { style: { color: C2("textSecondary", "#636B78") }, children: placeholder2 || "Rich text editor" }) });
   }
   if (status === "unavailable") {
-    return /* @__PURE__ */ jsx4("div", { ...dom, style: root, children: /* @__PURE__ */ jsx4("div", { "data-component-id": `${id}/fallback`, children: props.fallback ? renderChild(props.fallback) : /* @__PURE__ */ jsx4("p", { style: { margin: 0, color: C2("textSecondary", "#636B78") }, children: "Editor unavailable" }) }) });
+    return /* @__PURE__ */ jsx5("div", { ...dom, style: root, children: /* @__PURE__ */ jsx5("div", { "data-component-id": `${id}/fallback`, children: props.fallback ? renderChild(props.fallback) : /* @__PURE__ */ jsx5("p", { style: { margin: 0, color: C2("textSecondary", "#636B78") }, children: "Editor unavailable" }) }) });
   }
   const ready = status === "ready";
-  return /* @__PURE__ */ jsxs("div", { ...dom, style: root, children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("div", { ...dom, style: root, children: [
+    /* @__PURE__ */ jsx5(
       "div",
       {
         role: "toolbar",
@@ -36090,7 +36290,7 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
         children: tools.map((tool) => {
           const isOn = ricosToolPressed(tool, toolbar);
           const disabled = ricosToolDisabled(tool, toolbar, ready);
-          return /* @__PURE__ */ jsx4(
+          return /* @__PURE__ */ jsx5(
             "button",
             {
               type: "button",
@@ -36118,8 +36318,8 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
         })
       }
     ),
-    link && /* @__PURE__ */ jsxs("div", { "data-component-id": `${id}/link_sheet`, role: "dialog", "aria-label": "Insert link", style: { display: "flex", flexDirection: "column", gap: 8, padding: 12, borderBottom: `1px solid ${C2("border", "#E3E3E3")}` }, children: [
-      /* @__PURE__ */ jsx4(
+    link && /* @__PURE__ */ jsxs2("div", { "data-component-id": `${id}/link_sheet`, role: "dialog", "aria-label": "Insert link", style: { display: "flex", flexDirection: "column", gap: 8, padding: 12, borderBottom: `1px solid ${C2("border", "#E3E3E3")}` }, children: [
+      /* @__PURE__ */ jsx5(
         "input",
         {
           "data-component-id": `${id}/link_url`,
@@ -36130,7 +36330,7 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
           onChange: (e2) => setLink({ ...link, url: e2.currentTarget.value, error: "" })
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "input",
         {
           "data-component-id": `${id}/link_text`,
@@ -36140,13 +36340,13 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
           onChange: (e2) => setLink({ ...link, text: e2.currentTarget.value })
         }
       ),
-      link.error && /* @__PURE__ */ jsx4("div", { role: "alert", style: { color: C2("danger", "#E62214"), fontSize: pxToRem(13) }, children: link.error }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-        /* @__PURE__ */ jsx4("button", { type: "button", "data-component-id": `${id}/link_apply`, onClick: applyLink, children: "Apply" }),
-        /* @__PURE__ */ jsx4("button", { type: "button", "data-component-id": `${id}/link_cancel`, onClick: () => setLink(null), children: "Cancel" })
+      link.error && /* @__PURE__ */ jsx5("div", { role: "alert", style: { color: C2("danger", "#E62214"), fontSize: pxToRem(13) }, children: link.error }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 8 }, children: [
+        /* @__PURE__ */ jsx5("button", { type: "button", "data-component-id": `${id}/link_apply`, onClick: applyLink, children: "Apply" }),
+        /* @__PURE__ */ jsx5("button", { type: "button", "data-component-id": `${id}/link_cancel`, onClick: () => setLink(null), children: "Cancel" })
       ] })
     ] }),
-    src && /* @__PURE__ */ jsx4(
+    src && /* @__PURE__ */ jsx5(
       "iframe",
       {
         ref: iframeRef,
@@ -36157,7 +36357,7 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
         style: { flex: "1 1 auto", width: "100%", border: 0, minHeight: fill ? 0 : minHeight, background: "transparent" }
       }
     ),
-    tools.includes("image") && /* @__PURE__ */ jsx4(
+    tools.includes("image") && /* @__PURE__ */ jsx5(
       "input",
       {
         ref: fileRef,
@@ -36170,8 +36370,8 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
         onChange: onPickFile
       }
     ),
-    uploadError && /* @__PURE__ */ jsx4("div", { role: "status", "data-component-id": `${id}/upload_error`, style: { padding: "6px 8px", color: C2("danger", "#E62214"), fontSize: pxToRem(13) }, children: "Couldn't add the image. Try again." }),
-    status === "loading" && /* @__PURE__ */ jsx4(
+    uploadError && /* @__PURE__ */ jsx5("div", { role: "status", "data-component-id": `${id}/upload_error`, style: { padding: "6px 8px", color: C2("danger", "#E62214"), fontSize: pxToRem(13) }, children: "Couldn't add the image. Try again." }),
+    status === "loading" && /* @__PURE__ */ jsx5(
       "div",
       {
         "data-component-id": `${id}/loading`,
@@ -36417,7 +36617,7 @@ var init_pdfSource = __esm({
 
 // ../../core/web-renderer/src/a11y/controls.tsx
 import React5 from "react";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function labelText(label2, ctx) {
   if (typeof label2 === "string" && isBinding(label2)) {
     const v2 = resolveScalarStatic(label2, ctx);
@@ -36507,9 +36707,9 @@ var init_controls = __esm({
         }
       } : void 0;
       const rowStretch = ctx.rowStretch === true;
-      return /* @__PURE__ */ jsxs2("div", { style: rowShareFloor({ display: "flex", alignItems: "center", justifyContent: "space-between", width: rowStretch ? "auto" : "100%", flex: rowStretch ? "1 1 0" : void 0, ...wrap }, rowStretch, "min-content"), children: [
-        props.label != null && /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#111") }, children: labelText(props.label, ctx) }),
-        /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsxs3("div", { style: rowShareFloor({ display: "flex", alignItems: "center", justifyContent: "space-between", width: rowStretch ? "auto" : "100%", flex: rowStretch ? "1 1 0" : void 0, ...wrap }, rowStretch, "min-content"), children: [
+        props.label != null && /* @__PURE__ */ jsx6("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#111") }, children: labelText(props.label, ctx) }),
+        /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -36519,7 +36719,7 @@ var init_controls = __esm({
             disabled: props.disabled === true,
             onClick: fire,
             style: { all: "unset", boxSizing: "border-box", width: w2, height: h2, borderRadius: 999, background: trackColor, ...outlineWidth > 0 ? { border: `${outlineWidth}px solid ${C2(role(roles.outline), "#79747e")}` } : {}, position: "relative", flex: "none", cursor: fire ? "pointer" : "default", display: "inline-block", outlineOffset: 2 },
-            children: /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { position: "absolute", top: thumbInset, [on4 ? "right" : "left"]: thumbInset, width: tSize, height: tSize, borderRadius: "50%", background: thumbColor, boxShadow: shape.thumbShadow ? "0 1px 3px rgba(0,0,0,.3)" : "none" } })
+            children: /* @__PURE__ */ jsx6("span", { "aria-hidden": true, style: { position: "absolute", top: thumbInset, [on4 ? "right" : "left"]: thumbInset, width: tSize, height: tSize, borderRadius: "50%", background: thumbColor, boxShadow: shape.thumbShadow ? "0 1px 3px rgba(0,0,0,.3)" : "none" } })
           }
         )
       ] });
@@ -36585,9 +36785,9 @@ var init_controls = __esm({
           }
         };
         const groupName = labelText(props.label, ctx) || void 0;
-        return /* @__PURE__ */ jsx5("div", { ...{ [A11Y_PART]: "root" }, role: "group", "aria-label": groupName, style: { width: "100%", padding: "12px 9px", boxSizing: "border-box", opacity: props.disabled ? 0.5 : 1, ...wrap }, children: /* @__PURE__ */ jsxs2("div", { style: { position: "relative", height: 4, borderRadius: 999, background: C2("surfaceTertiary", "#e3e6ea") }, children: [
-          /* @__PURE__ */ jsx5("div", { style: { position: "absolute", left: `${clampPct(lo2) * 100}%`, right: `${(1 - clampPct(hi2)) * 100}%`, top: 0, bottom: 0, borderRadius: 999, background: tint } }),
-          [lo2, hi2].map((p2, i2) => /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ jsx6("div", { ...{ [A11Y_PART]: "root" }, role: "group", "aria-label": groupName, style: { width: "100%", padding: "12px 9px", boxSizing: "border-box", opacity: props.disabled ? 0.5 : 1, ...wrap }, children: /* @__PURE__ */ jsxs3("div", { style: { position: "relative", height: 4, borderRadius: 999, background: C2("surfaceTertiary", "#e3e6ea") }, children: [
+          /* @__PURE__ */ jsx6("div", { style: { position: "absolute", left: `${clampPct(lo2) * 100}%`, right: `${(1 - clampPct(hi2)) * 100}%`, top: 0, bottom: 0, borderRadius: 999, background: tint } }),
+          [lo2, hi2].map((p2, i2) => /* @__PURE__ */ jsx6(
             "span",
             {
               ...i2 === 0 ? { [A11Y_PART]: "focus" } : {},
@@ -36657,7 +36857,7 @@ var init_controls = __esm({
         dragging.current = false;
         commit(valueAt(e2) ?? val);
       };
-      return /* @__PURE__ */ jsx5("div", { ...{ [A11Y_PART]: "root" }, style: { width: "100%", padding: "12px 9px", boxSizing: "border-box", opacity: props.disabled ? 0.5 : 1, ...wrap }, children: /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6("div", { ...{ [A11Y_PART]: "root" }, style: { width: "100%", padding: "12px 9px", boxSizing: "border-box", opacity: props.disabled ? 0.5 : 1, ...wrap }, children: /* @__PURE__ */ jsx6(
         "div",
         {
           ...{ [A11Y_PART]: "node" },
@@ -36674,9 +36874,9 @@ var init_controls = __esm({
           onPointerMove,
           onPointerUp,
           style: { position: "relative", height: 18, display: "flex", alignItems: "center", outlineOffset: 4, cursor: props.disabled ? "default" : "pointer", touchAction: "pan-y" },
-          children: /* @__PURE__ */ jsxs2("div", { style: { position: "relative", height: 4, width: "100%", borderRadius: 999, background: C2("surfaceTertiary", "#e3e6ea") }, children: [
-            /* @__PURE__ */ jsx5("div", { style: { position: "absolute", left: 0, width: `${pct * 100}%`, top: 0, bottom: 0, borderRadius: 999, background: tint } }),
-            /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { position: "absolute", left: `${pct * 100}%`, top: "50%", width: 18, height: 18, borderRadius: "50%", background: "#fff", border: `2px solid ${tint}`, transform: "translate(-50%, -50%)", boxShadow: "0 1px 3px rgba(0,0,0,.25)" } })
+          children: /* @__PURE__ */ jsxs3("div", { style: { position: "relative", height: 4, width: "100%", borderRadius: 999, background: C2("surfaceTertiary", "#e3e6ea") }, children: [
+            /* @__PURE__ */ jsx6("div", { style: { position: "absolute", left: 0, width: `${pct * 100}%`, top: 0, bottom: 0, borderRadius: 999, background: tint } }),
+            /* @__PURE__ */ jsx6("span", { "aria-hidden": true, style: { position: "absolute", left: `${pct * 100}%`, top: "50%", width: 18, height: 18, borderRadius: "50%", background: "#fff", border: `2px solid ${tint}`, transform: "translate(-50%, -50%)", boxShadow: "0 1px 3px rgba(0,0,0,.25)" } })
           ] })
         }
       ) });
@@ -36696,8 +36896,8 @@ var init_controls = __esm({
       } : void 0;
       const indeterminate = !isRadio && props.indeterminate === true && !on4;
       const marked = on4 || indeterminate;
-      const box = isRadio ? /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { width: 20, height: 20, borderRadius: "50%", border: `2px solid ${on4 ? accent : C2("border", "#c5cdd6")}`, display: "grid", placeItems: "center", flex: "none" }, children: on4 && /* @__PURE__ */ jsx5("span", { style: { width: 10, height: 10, borderRadius: "50%", background: accent } }) }) : /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { width: 20, height: 20, borderRadius: 5, border: `2px solid ${marked ? accent : C2("border", "#c5cdd6")}`, background: marked ? accent : "transparent", display: "grid", placeItems: "center", color: "#fff", fontSize: 13, fontWeight: 800, flex: "none" }, children: indeterminate ? "\u2013" : on4 ? "\u2713" : "" });
-      return /* @__PURE__ */ jsxs2(
+      const box = isRadio ? /* @__PURE__ */ jsx6("span", { "aria-hidden": true, style: { width: 20, height: 20, borderRadius: "50%", border: `2px solid ${on4 ? accent : C2("border", "#c5cdd6")}`, display: "grid", placeItems: "center", flex: "none" }, children: on4 && /* @__PURE__ */ jsx6("span", { style: { width: 10, height: 10, borderRadius: "50%", background: accent } }) }) : /* @__PURE__ */ jsx6("span", { "aria-hidden": true, style: { width: 20, height: 20, borderRadius: 5, border: `2px solid ${marked ? accent : C2("border", "#c5cdd6")}`, background: marked ? accent : "transparent", display: "grid", placeItems: "center", color: "#fff", fontSize: 13, fontWeight: 800, flex: "none" }, children: indeterminate ? "\u2013" : on4 ? "\u2713" : "" });
+      return /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -36709,7 +36909,7 @@ var init_controls = __esm({
           style: { all: "unset", display: "inline-flex", alignItems: "center", gap: 10, cursor: fire ? "pointer" : "default", opacity: props.disabled ? 0.5 : 1, outlineOffset: 2, ...wrap },
           children: [
             box,
-            props.label != null && /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: labelText(props.label, ctx) })
+            props.label != null && /* @__PURE__ */ jsx6("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: labelText(props.label, ctx) })
           ]
         }
       );
@@ -36794,9 +36994,9 @@ var init_controls = __esm({
       const accent = C2("accentPrimary", "#116DFF");
       const activeTint = activeName ? C2(activeName, accent) : accent;
       const activeLabel = activeName ? C2(activeName, accentTextColor(ctx)) : accentTextColor(ctx);
-      const strip3 = /* @__PURE__ */ jsx5("div", { role: "tablist", onKeyDown, style: { display: "flex", gap: 18, borderBottom: `1px solid ${C2("border", "#ddd")}`, width: "100%", ...pages ? {} : wrap }, children: tabs.map((t2, i2) => {
+      const strip3 = /* @__PURE__ */ jsx6("div", { role: "tablist", onKeyDown, style: { display: "flex", gap: 18, borderBottom: `1px solid ${C2("border", "#ddd")}`, width: "100%", ...pages ? {} : wrap }, children: tabs.map((t2, i2) => {
         const on4 = i2 === selIdx;
-        return /* @__PURE__ */ jsxs2(
+        return /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
@@ -36807,16 +37007,16 @@ var init_controls = __esm({
             style: { all: "unset", display: "flex", gap: 6, alignItems: "center", minWidth: 44, minHeight: 44, padding: "10px 0", fontFamily: FONT(ctx), fontWeight: 600, fontSize: pxToRem(14), cursor: "pointer", color: on4 ? activeLabel : C2("textSecondary", "#777"), borderBottom: on4 ? `2px solid ${activeTint}` : "2px solid transparent", marginBottom: -1 },
             children: [
               asText2(t2.label),
-              t2.badge && /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { fontSize: pxToRem(10), fontWeight: 700, background: C2("surfaceTertiary", "#eee"), color: C2("textSecondary", "#666"), padding: "1px 6px", borderRadius: 999 }, children: t2.badge })
+              t2.badge && /* @__PURE__ */ jsx6("span", { "aria-hidden": true, style: { fontSize: pxToRem(10), fontWeight: 700, background: C2("surfaceTertiary", "#eee"), color: C2("textSecondary", "#666"), padding: "1px 6px", borderRadius: 999 }, children: t2.badge })
             ]
           },
           t2.id ?? i2
         );
       }) });
       if (!pages) return strip3;
-      return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", width: "100%", ...wrap }, children: [
+      return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", width: "100%", ...wrap }, children: [
         strip3,
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "div",
           {
             ref: pagerRef,
@@ -36828,7 +37028,7 @@ var init_controls = __esm({
               return (
                 // An off-screen page is `inert`, not just `aria-hidden`: its controls must leave the
                 // tab order too, or Tab focuses a hidden control (axe `aria-hidden-focus`).
-                /* @__PURE__ */ jsx5("div", { role: "tabpanel", "aria-hidden": i2 !== selIdx, ...i2 !== selIdx ? { inert: "" } : {}, style: { flex: "0 0 100%", minWidth: 0, scrollSnapAlign: "start", scrollSnapStop: "always", boxSizing: "border-box" }, children: content ? renderChild(content) : null }, t2.id ?? i2)
+                /* @__PURE__ */ jsx6("div", { role: "tabpanel", "aria-hidden": i2 !== selIdx, ...i2 !== selIdx ? { inert: "" } : {}, style: { flex: "0 0 100%", minWidth: 0, scrollSnapAlign: "start", scrollSnapStop: "always", boxSizing: "border-box" }, children: content ? renderChild(content) : null }, t2.id ?? i2)
               );
             })
           }
@@ -36858,7 +37058,7 @@ var init_controls = __esm({
         e2.preventDefault();
         if (ni2 !== selIdx) select(ni2);
       };
-      return /* @__PURE__ */ jsx5("div", { role: "radiogroup", onKeyDown, style: { display: "flex", background: seg.outlined ? "transparent" : C2("surfaceTertiary", "#eee"), borderRadius: radius(seg.trackRadius, "md", 8), padding: seg.trackPadding, width: "100%", boxSizing: "border-box", ...wrap }, children: opts.map((o2, i2) => {
+      return /* @__PURE__ */ jsx6("div", { role: "radiogroup", onKeyDown, style: { display: "flex", background: seg.outlined ? "transparent" : C2("surfaceTertiary", "#eee"), borderRadius: radius(seg.trackRadius, "md", 8), padding: seg.trackPadding, width: "100%", boxSizing: "border-box", ...wrap }, children: opts.map((o2, i2) => {
         const on4 = o2.id === selId;
         const outerR = radius(seg.segmentRadius, "sm", 6);
         const outlinedShape = seg.outlined ? {
@@ -36866,7 +37066,7 @@ var init_controls = __esm({
           marginLeft: i2 > 0 ? -1 : 0,
           borderRadius: `${i2 === 0 ? outerR : 0}px ${i2 === opts.length - 1 ? outerR : 0}px ${i2 === opts.length - 1 ? outerR : 0}px ${i2 === 0 ? outerR : 0}px`
         } : {};
-        return /* @__PURE__ */ jsxs2(
+        return /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
@@ -36876,7 +37076,7 @@ var init_controls = __esm({
             onClick: () => select(i2),
             style: { all: "unset", flex: 1, minWidth: 44, minHeight: seg.height - 2 * seg.trackPadding, textAlign: "center", padding: "7px 4px", borderRadius: outerR, fontFamily: FONT(ctx), fontWeight: 600, fontSize: pxToRem(13), cursor: "pointer", boxSizing: "border-box", background: on4 ? C2("surfacePrimary", "#fff") : seg.outlined ? C2(pickRole(ctx.tokens.colors, seg.roles.inactive), "#eee") : "transparent", color: on4 ? C2("textPrimary", "#111") : C2("textSecondary", "#777"), boxShadow: on4 && !seg.outlined ? "0 1px 3px rgba(0,0,0,.12)" : "none", ...outlinedShape },
             children: [
-              on4 && seg.selectedCheck ? /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: "\u2713 " }) : null,
+              on4 && seg.selectedCheck ? /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: "\u2713 " }) : null,
               asText2(o2.label ?? o2.title ?? o2.id) || `Option ${i2 + 1}`
             ]
           },
@@ -36893,8 +37093,8 @@ var init_controls = __esm({
       const open = expanded === true;
       const fire = ctx.onAction && props.onToggle ? () => ctx.onAction(resolveRowAction(props.onToggle, ctx)) : void 0;
       const regionId = React5.useMemo(() => `himi-disclosure-${++disclosureSeq}`, []);
-      return /* @__PURE__ */ jsxs2("div", { style: { width: "100%", ...wrap }, children: [
-        /* @__PURE__ */ jsxs2(
+      return /* @__PURE__ */ jsxs3("div", { style: { width: "100%", ...wrap }, children: [
+        /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
@@ -36903,15 +37103,15 @@ var init_controls = __esm({
             onClick: fire,
             style: { all: "unset", display: "flex", alignItems: "center", gap: 8, padding: "13px 2px", width: "100%", boxSizing: "border-box", cursor: fire ? "pointer" : "default" },
             children: [
-              /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { display: "inline-flex", alignItems: "center", transition: "transform .15s", transform: open ? "rotate(90deg)" : "none", color: C2("textSecondary", "#888") }, children: iconSvg("chevron_right", { size: 16 }) }),
-              /* @__PURE__ */ jsxs2("span", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#13171e") }, children: asText2(title) ?? "" }),
-                subtitle != null && /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#888") }, children: asText2(subtitle) })
+              /* @__PURE__ */ jsx6("span", { "aria-hidden": true, style: { display: "inline-flex", alignItems: "center", transition: "transform .15s", transform: open ? "rotate(90deg)" : "none", color: C2("textSecondary", "#888") }, children: iconSvg("chevron_right", { size: 16 }) }),
+              /* @__PURE__ */ jsxs3("span", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ jsx6("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#13171e") }, children: asText2(title) ?? "" }),
+                subtitle != null && /* @__PURE__ */ jsx6("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#888") }, children: asText2(subtitle) })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx5("div", { id: regionId, role: "region", hidden: !open, style: open ? { padding: "2px 2px 8px 24px" } : void 0, children: open && (Array.isArray(props.content) ? props.content.map((c2, i2) => /* @__PURE__ */ jsx5(React5.Fragment, { children: renderChild(c2) }, c2?.id ?? i2)) : renderChild(props.content)) })
+        /* @__PURE__ */ jsx6("div", { id: regionId, role: "region", hidden: !open, style: open ? { padding: "2px 2px 8px 24px" } : void 0, children: open && (Array.isArray(props.content) ? props.content.map((c2, i2) => /* @__PURE__ */ jsx6(React5.Fragment, { children: renderChild(c2) }, c2?.id ?? i2)) : renderChild(props.content)) })
       ] });
     };
   }
@@ -37060,7 +37260,7 @@ var init_sheet = __esm({
 
 // ../../core/web-renderer/src/listGestures.tsx
 import { useRef, useState as useState2 } from "react";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var PULL_THRESHOLD, SWIPE_OPEN, PullToRefreshList, SwipeRow, DISMISS_THRESHOLD, SwipeDismissWrap;
 var init_listGestures = __esm({
   "../../core/web-renderer/src/listGestures.tsx"() {
@@ -37092,7 +37292,7 @@ var init_listGestures = __esm({
         setPull(0);
         startY.current = null;
       };
-      return /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsxs4(
         "div",
         {
           "data-himalaya-pull-host": true,
@@ -37101,7 +37301,7 @@ var init_listGestures = __esm({
           onTouchEnd,
           style: { position: "relative", overflowY: "auto", ...style },
           children: [
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
@@ -37127,7 +37327,7 @@ var init_listGestures = __esm({
                   opacity: busy || pull > 0 ? 1 : 0,
                   transition: startY.current == null && !busy ? "height .2s, opacity .2s" : void 0
                 },
-                children: /* @__PURE__ */ jsxs3(
+                children: /* @__PURE__ */ jsxs4(
                   "svg",
                   {
                     "aria-hidden": "true",
@@ -37137,14 +37337,14 @@ var init_listGestures = __esm({
                     viewBox: "0 0 16 16",
                     style: { display: "inline-block", transform: busy ? "rotate(360deg)" : `rotate(${pull * 4}deg)`, transition: busy ? "transform .7s linear" : void 0 },
                     children: [
-                      /* @__PURE__ */ jsx6("path", { d: "M13 8a5 5 0 1 1-1.46-3.54", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round" }),
-                      /* @__PURE__ */ jsx6("path", { d: "M13 2.5v3h-3", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round" })
+                      /* @__PURE__ */ jsx7("path", { d: "M13 8a5 5 0 1 1-1.46-3.54", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round" }),
+                      /* @__PURE__ */ jsx7("path", { d: "M13 2.5v3h-3", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round" })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx6("div", { style: { background: surface, color: fg }, children })
+            /* @__PURE__ */ jsx7("div", { style: { background: surface, color: fg }, children })
           ]
         }
       );
@@ -37153,7 +37353,7 @@ var init_listGestures = __esm({
       const [offset, setOffset] = useState2(0);
       const startX = useRef(null);
       const base = useRef(0);
-      if (!trailing.length && !leading.length) return /* @__PURE__ */ jsx6(Fragment2, { children });
+      if (!trailing.length && !leading.length) return /* @__PURE__ */ jsx7(Fragment2, { children });
       const fireAndClose = (a2) => {
         onAction(a2);
         setOffset(0);
@@ -37178,7 +37378,7 @@ var init_listGestures = __esm({
         } else setOffset(Math.abs(offset) >= SWIPE_OPEN * 0.5 ? Math.sign(offset) * SWIPE_OPEN : 0);
         startX.current = null;
       };
-      const actionBtn = (a2, i2, edge, hidden) => /* @__PURE__ */ jsx6(
+      const actionBtn = (a2, i2, edge, hidden) => /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -37201,10 +37401,10 @@ var init_listGestures = __esm({
         },
         `${edge}-${i2}`
       );
-      return /* @__PURE__ */ jsxs3("div", { style: { position: "relative", overflow: "hidden" }, children: [
-        leading.length > 0 && /* @__PURE__ */ jsx6("div", { "aria-hidden": offset <= 0, style: { position: "absolute", inset: 0, display: "flex", justifyContent: "flex-start" }, children: leading.map((a2, i2) => actionBtn(a2, i2, "leading", offset <= 0)) }),
-        trailing.length > 0 && /* @__PURE__ */ jsx6("div", { "aria-hidden": offset >= 0, style: { position: "absolute", inset: 0, display: "flex", justifyContent: "flex-end" }, children: trailing.map((a2, i2) => actionBtn(a2, i2, "trailing", offset >= 0)) }),
-        /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsxs4("div", { style: { position: "relative", overflow: "hidden" }, children: [
+        leading.length > 0 && /* @__PURE__ */ jsx7("div", { "aria-hidden": offset <= 0, style: { position: "absolute", inset: 0, display: "flex", justifyContent: "flex-start" }, children: leading.map((a2, i2) => actionBtn(a2, i2, "leading", offset <= 0)) }),
+        trailing.length > 0 && /* @__PURE__ */ jsx7("div", { "aria-hidden": offset >= 0, style: { position: "absolute", inset: 0, display: "flex", justifyContent: "flex-end" }, children: trailing.map((a2, i2) => actionBtn(a2, i2, "trailing", offset >= 0)) }),
+        /* @__PURE__ */ jsx7(
           "div",
           {
             onPointerDown,
@@ -37244,7 +37444,7 @@ var init_listGestures = __esm({
         start.current = null;
       };
       const transform2 = axis === "x" ? `translateX(${off}px)` : `translateY(${off}px)`;
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx7(
         "div",
         {
           "data-himalaya-swipe-dismiss": true,
@@ -37903,7 +38103,7 @@ var init_rich_text_field = __esm({
 
 // ../../core/web-renderer/src/richContent.tsx
 import React7 from "react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function richContentFollow(ctx, onLink) {
   return (url) => {
     if (!ctx.onAction) return;
@@ -37932,15 +38132,15 @@ function textStyle(ctx, token, color) {
 }
 function Spans({ spans, env }) {
   const accent = accentTextColor(env.ctx);
-  return /* @__PURE__ */ jsx7(Fragment3, { children: spans.map((s2, i2) => {
+  return /* @__PURE__ */ jsx8(Fragment3, { children: spans.map((s2, i2) => {
     const style = {
       fontWeight: s2.bold ? 700 : void 0,
       fontStyle: s2.italic ? "italic" : void 0,
       textDecoration: s2.underline || s2.link ? "underline" : void 0
     };
-    if (!s2.link) return /* @__PURE__ */ jsx7("span", { style, children: s2.text }, i2);
+    if (!s2.link) return /* @__PURE__ */ jsx8("span", { style, children: s2.text }, i2);
     const href = s2.link;
-    return /* @__PURE__ */ jsx7("a", { href, style: { ...style, color: accent }, onClick: (e2) => {
+    return /* @__PURE__ */ jsx8("a", { href, style: { ...style, color: accent }, onClick: (e2) => {
       e2.preventDefault();
       e2.stopPropagation();
       env.follow(href);
@@ -37951,7 +38151,7 @@ function LinkButton({ label: label2, url, env, testId }) {
   const { ctx } = env;
   const fg = accentTextColor(ctx);
   const f2 = ctx.font("bodyEmphasis");
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "button",
     {
       type: "button",
@@ -37991,7 +38191,7 @@ function LinkButton({ label: label2, url, env, testId }) {
 }
 function NamedImage({ node, alt, env }) {
   const img = env.render(node, env.ctx);
-  return alt ? /* @__PURE__ */ jsx7("div", { role: "img", "aria-label": alt, style: { width: "100%" }, children: img }) : /* @__PURE__ */ jsx7(Fragment3, { children: img });
+  return alt ? /* @__PURE__ */ jsx8("div", { role: "img", "aria-label": alt, style: { width: "100%" }, children: img }) : /* @__PURE__ */ jsx8(Fragment3, { children: img });
 }
 function Block({ b: b2, env, depth }) {
   const { ctx } = env;
@@ -38000,34 +38200,34 @@ function Block({ b: b2, env, depth }) {
   const border = ctx.color("border", "#e5e5e5");
   switch (b2.kind) {
     case "paragraph":
-      return /* @__PURE__ */ jsx7("p", { ...tid(env, b2.id, b2.kind), style: {
+      return /* @__PURE__ */ jsx8("p", { ...tid(env, b2.id, b2.kind), style: {
         ...textStyle(ctx, "body", text8),
         textAlign: b2.align,
         paddingInlineStart: b2.indent ? Math.min(b2.indent, 8) * 16 : void 0,
         minHeight: b2.spans.length ? void 0 : "1.5em"
-      }, children: /* @__PURE__ */ jsx7(Spans, { spans: b2.spans, env }) });
+      }, children: /* @__PURE__ */ jsx8(Spans, { spans: b2.spans, env }) });
     case "heading":
       return React7.createElement(
         `h${b2.level}`,
         { ...tid(env, b2.id, b2.kind), style: textStyle(ctx, RICH_CONTENT_HEADING_TOKENS[b2.level - 1], text8) },
-        /* @__PURE__ */ jsx7(Spans, { spans: b2.spans, env })
+        /* @__PURE__ */ jsx8(Spans, { spans: b2.spans, env })
       );
     case "list": {
       const Tag = b2.ordered ? "ol" : "ul";
-      return /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx8(
         Tag,
         {
           ...tid(env, b2.id, b2.kind),
           start: b2.ordered ? b2.start : void 0,
           style: { ...textStyle(ctx, "body", text8), paddingInlineStart: 24, listStyleType: b2.ordered ? "decimal" : depth % 2 ? "circle" : "disc" },
-          children: b2.items.map((item, i2) => /* @__PURE__ */ jsx7("li", { "data-component-id": `${env.componentId}/${item.id}`, id: `${env.componentId}/${item.id}`, style: { marginBottom: 6 }, children: /* @__PURE__ */ jsx7("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: item.blocks.map((child, j2) => /* @__PURE__ */ jsx7(Block, { b: child, env, depth: depth + 1 }, `${j2}:${child.id}`)) }) }, `${i2}:${item.id}`))
+          children: b2.items.map((item, i2) => /* @__PURE__ */ jsx8("li", { "data-component-id": `${env.componentId}/${item.id}`, id: `${env.componentId}/${item.id}`, style: { marginBottom: 6 }, children: /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: item.blocks.map((child, j2) => /* @__PURE__ */ jsx8(Block, { b: child, env, depth: depth + 1 }, `${j2}:${child.id}`)) }) }, `${i2}:${item.id}`))
         }
       );
     }
     case "quote":
-      return /* @__PURE__ */ jsx7("blockquote", { ...tid(env, b2.id, b2.kind), style: { margin: 0, paddingInlineStart: 12, borderInlineStart: `3px solid ${border}`, display: "flex", flexDirection: "column", gap: 8 }, children: b2.blocks.map((child, j2) => /* @__PURE__ */ jsx7(Block, { b: child, env, depth }, `${j2}:${child.id}`)) });
+      return /* @__PURE__ */ jsx8("blockquote", { ...tid(env, b2.id, b2.kind), style: { margin: 0, paddingInlineStart: 12, borderInlineStart: `3px solid ${border}`, display: "flex", flexDirection: "column", gap: 8 }, children: b2.blocks.map((child, j2) => /* @__PURE__ */ jsx8(Block, { b: child, env, depth }, `${j2}:${child.id}`)) });
     case "code":
-      return /* @__PURE__ */ jsx7("pre", { ...tid(env, b2.id, b2.kind), style: {
+      return /* @__PURE__ */ jsx8("pre", { ...tid(env, b2.id, b2.kind), style: {
         margin: 0,
         whiteSpace: "pre-wrap",
         overflowWrap: "anywhere",
@@ -38037,29 +38237,29 @@ function Block({ b: b2, env, depth }) {
         background: ctx.color("surfaceSecondary", "#f5f5f7"),
         padding: 10,
         borderRadius: 6
-      }, children: /* @__PURE__ */ jsx7("code", { children: b2.text }) });
+      }, children: /* @__PURE__ */ jsx8("code", { children: b2.text }) });
     case "divider":
-      return /* @__PURE__ */ jsx7(Fragment3, { children: env.render(richContentDividerNode(env.componentId, b2), env.ctx) });
+      return /* @__PURE__ */ jsx8(Fragment3, { children: env.render(richContentDividerNode(env.componentId, b2), env.ctx) });
     case "image":
-      return /* @__PURE__ */ jsxs4("figure", { ...tid(env, b2.id, b2.kind), style: { margin: 0, display: "flex", flexDirection: "column", gap: 6 }, children: [
-        /* @__PURE__ */ jsx7(NamedImage, { node: richContentImageNode(env.componentId, b2), alt: b2.alt, env }),
-        b2.caption ? /* @__PURE__ */ jsx7("figcaption", { style: textStyle(ctx, "caption", secondary), children: b2.caption }) : null
+      return /* @__PURE__ */ jsxs5("figure", { ...tid(env, b2.id, b2.kind), style: { margin: 0, display: "flex", flexDirection: "column", gap: 6 }, children: [
+        /* @__PURE__ */ jsx8(NamedImage, { node: richContentImageNode(env.componentId, b2), alt: b2.alt, env }),
+        b2.caption ? /* @__PURE__ */ jsx8("figcaption", { style: textStyle(ctx, "caption", secondary), children: b2.caption }) : null
       ] });
     case "gallery":
-      return /* @__PURE__ */ jsx7("div", { ...tid(env, b2.id, b2.kind), style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 8 }, children: b2.images.map((image, i2) => /* @__PURE__ */ jsx7(NamedImage, { node: richContentGalleryImageNode(env.componentId, b2.id, i2, image), alt: image.alt, env }, i2)) });
+      return /* @__PURE__ */ jsx8("div", { ...tid(env, b2.id, b2.kind), style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 8 }, children: b2.images.map((image, i2) => /* @__PURE__ */ jsx8(NamedImage, { node: richContentGalleryImageNode(env.componentId, b2.id, i2, image), alt: image.alt, env }, i2)) });
     case "video":
-      return /* @__PURE__ */ jsx7(Fragment3, { children: env.render(richContentVideoNode(env.componentId, b2), env.ctx) });
+      return /* @__PURE__ */ jsx8(Fragment3, { children: env.render(richContentVideoNode(env.componentId, b2), env.ctx) });
     case "button":
-      return /* @__PURE__ */ jsx7(LinkButton, { label: b2.label, url: b2.url, env, testId: `${env.componentId}/${b2.id}` });
+      return /* @__PURE__ */ jsx8(LinkButton, { label: b2.label, url: b2.url, env, testId: `${env.componentId}/${b2.id}` });
     case "table":
-      return /* @__PURE__ */ jsx7("table", { ...tid(env, b2.id, b2.kind), style: { width: "100%", borderCollapse: "collapse", ...textStyle(ctx, "body", text8) }, children: /* @__PURE__ */ jsx7("tbody", { children: b2.rows.map((row, r2) => /* @__PURE__ */ jsx7("tr", { children: row.map((cell2, c2) => /* @__PURE__ */ jsx7("td", { style: { border: `1px solid ${border}`, padding: 6, whiteSpace: "pre-wrap", verticalAlign: "top" }, children: cell2 }, c2)) }, r2)) }) });
+      return /* @__PURE__ */ jsx8("table", { ...tid(env, b2.id, b2.kind), style: { width: "100%", borderCollapse: "collapse", ...textStyle(ctx, "body", text8) }, children: /* @__PURE__ */ jsx8("tbody", { children: b2.rows.map((row, r2) => /* @__PURE__ */ jsx8("tr", { children: row.map((cell2, c2) => /* @__PURE__ */ jsx8("td", { style: { border: `1px solid ${border}`, padding: 6, whiteSpace: "pre-wrap", verticalAlign: "top" }, children: cell2 }, c2)) }, r2)) }) });
     case "card": {
       const title = richContentCardTitle(b2);
-      return /* @__PURE__ */ jsxs4("div", { ...tid(env, b2.id, b2.kind), role: "group", "aria-label": title, style: { border: `1px solid ${border}`, borderRadius: 8, padding: 12, display: "flex", flexDirection: "column", gap: 6 }, children: [
-        /* @__PURE__ */ jsx7("div", { style: textStyle(ctx, "bodyEmphasis", text8), children: title }),
-        b2.url ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-          /* @__PURE__ */ jsx7("div", { style: textStyle(ctx, "caption", secondary), children: richContentHost(b2.url) }),
-          /* @__PURE__ */ jsx7(LinkButton, { label: RICH_CONTENT_OPEN_LABEL, url: b2.url, env, testId: `${env.componentId}/${b2.id}/open` })
+      return /* @__PURE__ */ jsxs5("div", { ...tid(env, b2.id, b2.kind), role: "group", "aria-label": title, style: { border: `1px solid ${border}`, borderRadius: 8, padding: 12, display: "flex", flexDirection: "column", gap: 6 }, children: [
+        /* @__PURE__ */ jsx8("div", { style: textStyle(ctx, "bodyEmphasis", text8), children: title }),
+        b2.url ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsx8("div", { style: textStyle(ctx, "caption", secondary), children: richContentHost(b2.url) }),
+          /* @__PURE__ */ jsx8(LinkButton, { label: RICH_CONTENT_OPEN_LABEL, url: b2.url, env, testId: `${env.componentId}/${b2.id}/open` })
         ] }) : null
       ] });
     }
@@ -38067,7 +38267,7 @@ function Block({ b: b2, env, depth }) {
 }
 function RichContentBlocks({ blocks, componentId, onLink, ctx, render }) {
   const env = { ctx, componentId, follow: richContentFollow(ctx, onLink), render };
-  return /* @__PURE__ */ jsx7(Fragment3, { children: blocks.map((b2, i2) => /* @__PURE__ */ jsx7(Block, { b: b2, env, depth: 0 }, `${i2}:${b2.id}`)) });
+  return /* @__PURE__ */ jsx8(Fragment3, { children: blocks.map((b2, i2) => /* @__PURE__ */ jsx8(Block, { b: b2, env, depth: 0 }, `${i2}:${b2.id}`)) });
 }
 var tid;
 var init_richContent = __esm({
@@ -118691,7 +118891,7 @@ __export(pdfDocument_exports, {
   destroyPdfDocumentLoad: () => destroyPdfDocumentLoad
 });
 import React8 from "react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 async function loadPdfDocument(src, ownerDocument) {
   const [pdfjs, pdfWorkerAsset] = await Promise.all([
     Promise.resolve().then(() => (init_pdf(), pdf_exports)),
@@ -118757,11 +118957,11 @@ function PdfDocument({ src, nativeSrc, title, height, startPage, zoomPercent, st
     overflow: "auto"
   };
   if (failed2) {
-    return /* @__PURE__ */ jsx8("object", { "data-himalaya-pdf": "native-fallback", "data-himalaya-pdf-zoom": zoomPercent ?? 100, data: nativeSrc, type: "application/pdf", "aria-label": title, style: frame });
+    return /* @__PURE__ */ jsx9("object", { "data-himalaya-pdf": "native-fallback", "data-himalaya-pdf-zoom": zoomPercent ?? 100, data: nativeSrc, type: "application/pdf", "aria-label": title, style: frame });
   }
-  return /* @__PURE__ */ jsxs5("div", { "data-himalaya-pdf": "canvas-document", "data-himalaya-pdf-src": src, "data-himalaya-pdf-zoom": zoomPercent ?? 100, role: "group", "aria-label": title, "aria-busy": pages === 0, style: frame, children: [
-    /* @__PURE__ */ jsx8("div", { ref: containerRef, "data-himalaya-pdf-pages": "true" }),
-    pages ? /* @__PURE__ */ jsxs5("span", { "data-himalaya-pdf-page-count": "true", style: { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 }, children: [
+  return /* @__PURE__ */ jsxs6("div", { "data-himalaya-pdf": "canvas-document", "data-himalaya-pdf-src": src, "data-himalaya-pdf-zoom": zoomPercent ?? 100, role: "group", "aria-label": title, "aria-busy": pages === 0, style: frame, children: [
+    /* @__PURE__ */ jsx9("div", { ref: containerRef, "data-himalaya-pdf-pages": "true" }),
+    pages ? /* @__PURE__ */ jsxs6("span", { "data-himalaya-pdf-page-count": "true", style: { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 }, children: [
       pages,
       " pages"
     ] }) : null
@@ -118777,7 +118977,7 @@ var init_pdfDocument = __esm({
 
 // ../../core/web-renderer/src/renderNode.tsx
 import React9 from "react";
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function boundTokenName(path2, fallback, ctx) {
   if (typeof path2 === "string" && path2) {
     const r2 = resolveScalarStatic(path2, ctx);
@@ -119183,14 +119383,14 @@ function vectorAnimSvg(name, color, size, animated) {
   const common = { width: size, height: size, viewBox: "0 0 24 24" };
   if (name === "success") {
     const st3 = animated ? { strokeDasharray: 30, animation: "himalaya-vectoranim-success .6s ease forwards" } : {};
-    return /* @__PURE__ */ jsx9("svg", { ...common, fill: "none", stroke: color, strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx9("path", { d: "M4 12.5l5 5L20 6", style: st3 }) });
+    return /* @__PURE__ */ jsx10("svg", { ...common, fill: "none", stroke: color, strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx10("path", { d: "M4 12.5l5 5L20 6", style: st3 }) });
   }
   if (name === "loader") {
     const st3 = animated ? { transformOrigin: "center", animation: "himalaya-vectoranim-loader 1s linear infinite" } : {};
-    return /* @__PURE__ */ jsx9("svg", { ...common, fill: "none", stroke: color, strokeWidth: 3, strokeLinecap: "round", style: st3, children: /* @__PURE__ */ jsx9("circle", { cx: 12, cy: 12, r: 9, strokeDasharray: "42 22" }) });
+    return /* @__PURE__ */ jsx10("svg", { ...common, fill: "none", stroke: color, strokeWidth: 3, strokeLinecap: "round", style: st3, children: /* @__PURE__ */ jsx10("circle", { cx: 12, cy: 12, r: 9, strokeDasharray: "42 22" }) });
   }
   const st2 = animated ? { transformOrigin: "center", animation: "himalaya-vectoranim-pulse 1.2s ease-in-out infinite" } : {};
-  return /* @__PURE__ */ jsx9("svg", { ...common, children: /* @__PURE__ */ jsx9("circle", { cx: 12, cy: 12, r: 7, fill: color, style: st2 }) });
+  return /* @__PURE__ */ jsx10("svg", { ...common, children: /* @__PURE__ */ jsx10("circle", { cx: 12, cy: 12, r: 7, fill: color, style: st2 }) });
 }
 function nearestScroller(el2) {
   const doc = document.documentElement;
@@ -119496,7 +119696,7 @@ function autoGrowBox(contentHeight, lineHeight, verticalPadding, maxLines) {
   return { height: Math.max(floor2, Math.min(contentHeight, cap)), scrolls: contentHeight > cap };
 }
 function wrapModalMenu(modal, label2, placement, ref, menu) {
-  return modal ? /* @__PURE__ */ jsx9("div", { ref, role: "dialog", "aria-modal": "true", "aria-label": label2, style: placement, children: menu }) : menu;
+  return modal ? /* @__PURE__ */ jsx10("div", { ref, role: "dialog", "aria-modal": "true", "aria-label": label2, style: placement, children: menu }) : menu;
 }
 function bindMediaSlot(value, sessionId) {
   if (typeof value === "string") {
@@ -119730,7 +119930,7 @@ function TapActivator({ label: label2, state, tabIndex = 0, role = "button", hin
       activatorNameObservers.delete(el2);
     };
   }, [label2]);
-  const activator = /* @__PURE__ */ jsx9(
+  const activator = /* @__PURE__ */ jsx10(
     "span",
     {
       ref,
@@ -119751,15 +119951,15 @@ function TapActivator({ label: label2, state, tabIndex = 0, role = "button", hin
       }
     }
   );
-  return hint ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+  return hint ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
     activator,
-    /* @__PURE__ */ jsx9("span", { id: hintId, hidden: true, "data-hm-a11y-hint": "", children: hint })
+    /* @__PURE__ */ jsx10("span", { id: hintId, hidden: true, "data-hm-a11y-hint": "", children: hint })
   ] }) : activator;
 }
 function withExtras(name, render) {
   const Wrapped = ({ props, ctx, wrap, nodeId, gap, ...pass }) => {
     const el2 = render({ props, ctx, wrap, nodeId, gap });
-    if (!React9.isValidElement(el2)) return /* @__PURE__ */ jsx9(Fragment4, { children: el2 });
+    if (!React9.isValidElement(el2)) return /* @__PURE__ */ jsx10(Fragment4, { children: el2 });
     const additive = addIntrinsicPadding(el2.props.style, wrap ?? {});
     const inferredDecorative = el2.props[INFERRED_DECORATIVE] === true;
     const selfRenderedLeaf = el2.props[SELF_RENDERED_LEAF] === true;
@@ -119778,7 +119978,7 @@ function withExtras(name, render) {
         }, hasA11yParts ? editA11yParts(kids3, a11yPartEdit({}, false, () => {
         })) : kids3);
       }
-      return additive ? React9.cloneElement(el2, { style: additive }) : /* @__PURE__ */ jsx9(Fragment4, { children: el2 });
+      return additive ? React9.cloneElement(el2, { style: additive }) : /* @__PURE__ */ jsx10(Fragment4, { children: el2 });
     }
     const prev = el2.props;
     const next = { ...pass };
@@ -120061,8 +120261,8 @@ function regionArgs(centerLat, centerLng, z4, w2, h2) {
 function decodeCamera(v2) {
   if (!v2 || typeof v2 !== "object" || Array.isArray(v2)) return null;
   const o2 = v2;
-  const num3 = (k2) => typeof o2[k2] === "number" && Number.isFinite(o2[k2]) ? o2[k2] : void 0;
-  const out2 = { latitude: num3("latitude"), longitude: num3("longitude"), zoom: num3("zoom") };
+  const num4 = (k2) => typeof o2[k2] === "number" && Number.isFinite(o2[k2]) ? o2[k2] : void 0;
+  const out2 = { latitude: num4("latitude"), longitude: num4("longitude"), zoom: num4("zoom") };
   return out2.latitude === void 0 && out2.longitude === void 0 && out2.zoom === void 0 ? null : out2;
 }
 function resolveCamera(command, fallbackLatitude, fallbackLongitude, fallbackZoom) {
@@ -120359,7 +120559,7 @@ function actionClick(ctx, action) {
 function actionTextButton(ctx, action, label2, color, extra) {
   if (action == null) return null;
   const onClick = actionClick(ctx, action);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "button",
     {
       type: "button",
@@ -120574,7 +120774,7 @@ function renderNodeInner(node, ctx) {
     const key2 = `${node.body?.package ?? "himalaya"}.${type}`;
     const verdict = isComponentAllowed(ctx.previewSurface, key2);
     if (!verdict.allowed) {
-      return /* @__PURE__ */ jsx9(UnsupportedOnSurface, { type: key2, reason: verdict.reason ?? "unsupported", surface: ctx.previewSurface.id, ctx });
+      return /* @__PURE__ */ jsx10(UnsupportedOnSurface, { type: key2, reason: verdict.reason ?? "unsupported", surface: ctx.previewSurface.id, ctx });
     }
   }
   const hp = node?.modifiers?.hiddenPath ?? node?.modifiers?.hidden_path;
@@ -120589,7 +120789,7 @@ function renderNodeInner(node, ctx) {
       } else if (hp.startsWith("$service:")) {
         if (ctx.provider) {
           const bare = { ...node, modifiers: { ...node.modifiers, hiddenPath: void 0, hidden_path: void 0 } };
-          return /* @__PURE__ */ jsx9(HiddenGate, { ctx, binding: hp, children: renderNode(bare, ctx) });
+          return /* @__PURE__ */ jsx10(HiddenGate, { ctx, binding: hp, children: renderNode(bare, ctx) });
         }
         if (ctx.runtimeDegraded) return null;
       }
@@ -120668,7 +120868,7 @@ function renderNodeInner(node, ctx) {
           delete extra["data-himalaya-initial-focus"];
           if (extra.tabIndex === -1) delete extra.tabIndex;
         }
-        tapActivator = /* @__PURE__ */ jsx9(
+        tapActivator = /* @__PURE__ */ jsx10(
           TapActivator,
           {
             label: typeof authored2 === "string" ? authored2 : void 0,
@@ -120772,11 +120972,11 @@ function renderNodeInner(node, ctx) {
   }
   let out2 = tapActivator ? React9.cloneElement(el2, extra, tapActivator, el2.props.children) : Object.keys(extra).length ? React9.cloneElement(el2, extra) : el2;
   if (a11yHint && !tapActivator) {
-    out2 = /* @__PURE__ */ jsx9(A11yHintDescription, { hint: a11yHint, idBase: componentId, children: out2 });
+    out2 = /* @__PURE__ */ jsx10(A11yHintDescription, { hint: a11yHint, idBase: componentId, children: out2 });
   }
   const sd = node?.modifiers?.swipeDismiss ?? node?.modifiers?.swipe_dismiss;
   if (sd?.action && ctx.onAction) {
-    return /* @__PURE__ */ jsx9(SwipeDismissWrap, { action: sd.action, direction: sd.direction, onAction: ctx.onAction, children: out2 });
+    return /* @__PURE__ */ jsx10(SwipeDismissWrap, { action: sd.action, direction: sd.direction, onAction: ctx.onAction, children: out2 });
   }
   return out2;
 }
@@ -120798,7 +120998,7 @@ function boundPaddingInsets(modifiers, ctx) {
 function renderNode(node, ctx) {
   ensureFocusStyles();
   const bindings = directServiceBindings(node);
-  return bindings.length > 0 && ctx.provider ? /* @__PURE__ */ jsx9(ReactiveDirectScalars, { node, ctx, bindings }) : renderNodeInner(node, ctx);
+  return bindings.length > 0 && ctx.provider ? /* @__PURE__ */ jsx10(ReactiveDirectScalars, { node, ctx, bindings }) : renderNodeInner(node, ctx);
 }
 function renderInner(node, ctx) {
   if (!node || typeof node !== "object") return null;
@@ -120872,13 +121072,13 @@ function renderInner(node, ctx) {
       const inner = renderNode({ ...node, modifiers: { ...modifiers, transition: void 0, revealOnScroll: void 0 } }, itemCtx);
       const style = { opacity: 0, ...rowItem };
       if (spec.distance != null) style["--hm-d"] = `${spec.distance}px`;
-      return /* @__PURE__ */ jsx9("div", { "data-himalaya-reveal": spec.animation, style, children: inner });
+      return /* @__PURE__ */ jsx10("div", { "data-himalaya-reveal": spec.animation, style, children: inner });
     }
   }
   if (typeof modifiers?.parallax === "number" && modifiers.parallax !== 0 && !ctx.reduceMotion()) {
     ensureParallaxRuntime();
     const inner = renderNode({ ...node, modifiers: { ...modifiers, parallax: void 0 } }, itemCtx);
-    return /* @__PURE__ */ jsx9("div", { "data-himalaya-parallax": String(modifiers.parallax), style: rowItemHold ? rowItem : void 0, children: inner });
+    return /* @__PURE__ */ jsx10("div", { "data-himalaya-parallax": String(modifiers.parallax), style: rowItemHold ? rowItem : void 0, children: inner });
   }
   if (modifiers?.scrollProgress) {
     ensureScrollProgressRuntime();
@@ -120893,14 +121093,14 @@ function renderInner(node, ctx) {
       barStyle.top = 0;
       barStyle.zIndex = 1;
     }
-    return /* @__PURE__ */ jsx9("div", { "data-himalaya-scroll-progress": true, style: barStyle, children: inner });
+    return /* @__PURE__ */ jsx10("div", { "data-himalaya-scroll-progress": true, style: barStyle, children: inner });
   }
   if (typeof modifiers?.vectorAnim === "string" && modifiers.vectorAnim) {
     ensureVectorAnimStyles();
     const name = modifiers.vectorAnim;
     const col = C2(resolveScalarStatic(modifiers.color, ctx) ?? "accentPrimary", "#116DFF");
     const inner = renderNode({ ...node, modifiers: { ...modifiers, vectorAnim: void 0 } }, itemCtx);
-    return /* @__PURE__ */ jsxs6("div", { "data-himalaya-vectoranim": name, style: { position: "relative", display: "inline-flex", alignItems: "center", justifyContent: "center", ...rowItem }, children: [
+    return /* @__PURE__ */ jsxs7("div", { "data-himalaya-vectoranim": name, style: { position: "relative", display: "inline-flex", alignItems: "center", justifyContent: "center", ...rowItem }, children: [
       inner,
       vectorAnimSvg(name, col, 36, !ctx.reduceMotion())
     ] });
@@ -120908,9 +121108,9 @@ function renderInner(node, ctx) {
   if (modifiers?.confetti && !ctx.reduceMotion()) {
     ensureConfettiRuntime();
     const inner = renderNode({ ...node, modifiers: { ...modifiers, confetti: void 0 } }, itemCtx);
-    return /* @__PURE__ */ jsxs6("div", { style: { position: "relative", ...rowItem }, children: [
+    return /* @__PURE__ */ jsxs7("div", { style: { position: "relative", ...rowItem }, children: [
       inner,
-      /* @__PURE__ */ jsx9("div", { "data-himalaya-confetti": true, style: { position: "absolute", inset: 0, pointerEvents: "none", overflow: "hidden" } })
+      /* @__PURE__ */ jsx10("div", { "data-himalaya-confetti": true, style: { position: "absolute", inset: 0, pointerEvents: "none", overflow: "hidden" } })
     ] });
   }
   const gapScale = ctx.densityScale(modifiers?.density ?? ctx.kit?.density);
@@ -120918,20 +121118,20 @@ function renderInner(node, ctx) {
   switch (type) {
     // ───────────── layout ─────────────
     case "VStack":
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "column", gap: gap(props.spacing), alignItems: alignItems(props.alignment), alignSelf: "stretch", ...wrap }, children: kids2(swipeTabsAdoption(props.children), ctx) });
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", flexDirection: "column", gap: gap(props.spacing), alignItems: alignItems(props.alignment), alignSelf: "stretch", ...wrap }, children: kids2(swipeTabsAdoption(props.children), ctx) });
     case "HStack": {
       const rowFills = Array.isArray(props.children) && props.children.some((c2) => {
         const n2 = normalize(c2);
         return n2.type === "Spacer" || wantsRowStretch(c2) || Number(n2.modifiers?.weight ?? 0) > 0;
       });
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "row", gap: gap(props.spacing), alignItems: hAlignItems(props.alignment), ...rowFills ? { alignSelf: "stretch" } : {}, ...wrap }, children: rowKids(props.children, ctx) });
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", flexDirection: "row", gap: gap(props.spacing), alignItems: hAlignItems(props.alignment), ...rowFills ? { alignSelf: "stretch" } : {}, ...wrap }, children: rowKids(props.children, ctx) });
     }
     case "ZStack": {
       const hasW = modifiers?.width != null || modifiers?.fillMaxWidth === true;
       const hasH = modifiers?.height != null;
       const justifyItems = zJustifyItems(props.alignment);
       const fillsWidth = !hasW && !hListItem;
-      return /* @__PURE__ */ jsx9("div", { style: { position: "relative", display: "grid", justifyItems, alignItems: "center", ...fillsWidth ? { width: "100%" } : {}, ...hasH ? {} : { minHeight: 40 }, ...wrap }, children: (props.children ?? []).map((c2, i2) => /* @__PURE__ */ jsx9("div", { style: { gridArea: "1 / 1", display: "grid", justifyItems, alignItems: "center", width: "100%" }, children: renderNode(c2, ctx) }, c2?.id ?? i2)) });
+      return /* @__PURE__ */ jsx10("div", { style: { position: "relative", display: "grid", justifyItems, alignItems: "center", ...fillsWidth ? { width: "100%" } : {}, ...hasH ? {} : { minHeight: 40 }, ...wrap }, children: (props.children ?? []).map((c2, i2) => /* @__PURE__ */ jsx10("div", { style: { gridArea: "1 / 1", display: "grid", justifyItems, alignItems: "center", width: "100%" }, children: renderNode(c2, ctx) }, c2?.id ?? i2)) });
     }
     case "LazyList": {
       const itemsPath = props.itemsPath ?? props.items_path;
@@ -120963,7 +121163,7 @@ function renderInner(node, ctx) {
         const boundRefresh = props.onPullToRefresh ?? props.on_pull_to_refresh;
         const boundPagination = props.pagination;
         const boundStagger = ctx.reduceMotion() ? 0 : Number(props.staggerMs ?? props.stagger_ms ?? 0);
-        const boundBody = /* @__PURE__ */ jsx9(
+        const boundBody = /* @__PURE__ */ jsx10(
           BoundList,
           {
             ctx,
@@ -120980,7 +121180,7 @@ function renderInner(node, ctx) {
                 const leading = resolveSwipeActions(boundSwipe.leading, ic);
                 const trailing = resolveSwipeActions(boundSwipe.trailing, ic);
                 if (leading.length || trailing.length) {
-                  return /* @__PURE__ */ jsx9(
+                  return /* @__PURE__ */ jsx10(
                     SwipeRow,
                     {
                       leading,
@@ -120999,12 +121199,12 @@ function renderInner(node, ctx) {
             }
           }
         );
-        const withSentinel = /* @__PURE__ */ jsxs6(Fragment4, { children: [
+        const withSentinel = /* @__PURE__ */ jsxs7(Fragment4, { children: [
           boundBody,
-          boundPagination ? /* @__PURE__ */ jsx9(LoadMoreSentinel, { ctx, pagination: boundPagination }) : null
+          boundPagination ? /* @__PURE__ */ jsx10(LoadMoreSentinel, { ctx, pagination: boundPagination }) : null
         ] });
         if (boundRefresh && ctx.onAction && !props.horizontal) {
-          return /* @__PURE__ */ jsx9(
+          return /* @__PURE__ */ jsx10(
             PullToRefreshList,
             {
               onRefresh: () => ctx.onAction(resolveItemDeep2(boundRefresh, ctx)),
@@ -121017,7 +121217,7 @@ function renderInner(node, ctx) {
             }
           );
         }
-        return /* @__PURE__ */ jsx9("div", { style: listStyle, ...hListAttr, children: withSentinel });
+        return /* @__PURE__ */ jsx10("div", { style: listStyle, ...hListAttr, children: withSentinel });
       }
       if (!itemsPath && items.length) {
         const staggerMs = ctx.reduceMotion() ? 0 : Number(props.staggerMs ?? props.stagger_ms ?? 0);
@@ -121026,14 +121226,14 @@ function renderInner(node, ctx) {
         const animateItems = !ctx.reduceMotion() && (props.animateItems ?? props.animate_items) === true && !props.horizontal;
         if (animateItems) ensureListAnimateRuntime();
         const stickyHeader = props.stickyHeader ?? props.sticky_header;
-        const stickyEl = stickyHeader && !props.horizontal ? /* @__PURE__ */ jsx9("div", { style: { position: "sticky", top: 0, zIndex: 2, background: C2("surfacePrimary", "#fff") }, children: renderNode(stickyHeader, ctx) }) : null;
+        const stickyEl = stickyHeader && !props.horizontal ? /* @__PURE__ */ jsx10("div", { style: { position: "sticky", top: 0, zIndex: 2, background: C2("surfacePrimary", "#fff") }, children: renderNode(stickyHeader, ctx) }) : null;
         const rendered = staggerMs > 0 ? staggeredKids(items, asItem(ctx), staggerMs) : kids2(items, asItem(ctx));
         let body = rendered;
         if (swipe && ctx.onAction && !props.horizontal) {
           const leading = swipe.leading ?? [];
           const trailing = swipe.trailing ?? [];
           const arr = React9.Children.toArray(rendered);
-          body = arr.map((child, i2) => /* @__PURE__ */ jsx9(
+          body = arr.map((child, i2) => /* @__PURE__ */ jsx10(
             SwipeRow,
             {
               leading,
@@ -121049,7 +121249,7 @@ function renderInner(node, ctx) {
           ));
         }
         if (refresh && ctx.onAction && !props.horizontal) {
-          return /* @__PURE__ */ jsxs6(
+          return /* @__PURE__ */ jsxs7(
             PullToRefreshList,
             {
               onRefresh: () => ctx.onAction(resolveItemDeep2(refresh, ctx)),
@@ -121065,21 +121265,21 @@ function renderInner(node, ctx) {
             }
           );
         }
-        return /* @__PURE__ */ jsxs6("div", { style: listStyle, ...hListAttr, ...animateItems ? { "data-himalaya-animate-items": "1" } : {}, children: [
+        return /* @__PURE__ */ jsxs7("div", { style: listStyle, ...hListAttr, ...animateItems ? { "data-himalaya-animate-items": "1" } : {}, children: [
           stickyEl,
           body
         ] });
       }
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 6, ...wrap }, children: [
-        !ctx.runtimeDegraded && /* @__PURE__ */ jsxs6("div", { style: { fontSize: pxToRem(10), color: C2("textSecondary", "#9aa2ad"), fontStyle: "italic" }, children: [
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", gap: 6, ...wrap }, children: [
+        !ctx.runtimeDegraded && /* @__PURE__ */ jsxs7("div", { style: { fontSize: pxToRem(10), color: C2("textSecondary", "#9aa2ad"), fontStyle: "italic" }, children: [
           "dynamic list",
           itemsPath ? ` \xB7 ${itemsPath.replace(/^\$service:/, "")}` : ""
         ] }),
-        [0, 1, 2].map((i2) => /* @__PURE__ */ jsx9("div", { style: { height: 28, borderRadius: 6, background: C2("surfaceTertiary", "#f0f0f3") } }, i2))
+        [0, 1, 2].map((i2) => /* @__PURE__ */ jsx10("div", { style: { height: 28, borderRadius: 6, background: C2("surfaceTertiary", "#f0f0f3") } }, i2))
       ] });
     }
     case "Grid":
-      return /* @__PURE__ */ jsx9(GridNode, { props, ctx, wrap, gap });
+      return /* @__PURE__ */ jsx10(GridNode, { props, ctx, wrap, gap });
     case "Card": {
       const m2 = modifiers;
       const ownSurface = !!(m2?.backgroundGradient ?? m2?.background_gradient ?? m2?.material) || m2?.animatedGradient === true || m2?.meshGradient === true;
@@ -121089,15 +121289,15 @@ function renderInner(node, ctx) {
       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;
-      return /* @__PURE__ */ jsx9("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) });
+      return /* @__PURE__ */ jsx10("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":
-      return /* @__PURE__ */ jsx9(SplitViewNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(SplitViewNode, { props, ctx, wrap });
     case "Divider":
       if (ctx.rowDivider) {
-        return /* @__PURE__ */ jsx9("div", { style: { width: 1, alignSelf: "stretch", flexShrink: 0, margin: "4px 0", background: C2("border", "#e6edf3"), ...wrap } });
+        return /* @__PURE__ */ jsx10("div", { style: { width: 1, alignSelf: "stretch", flexShrink: 0, margin: "4px 0", background: C2("border", "#e6edf3"), ...wrap } });
       }
-      return /* @__PURE__ */ jsx9("div", { style: { height: 1, alignSelf: "stretch", width: "100%", background: C2("border", "#e6edf3"), ...wrap } });
+      return /* @__PURE__ */ jsx10("div", { style: { height: 1, alignSelf: "stretch", width: "100%", background: C2("border", "#e6edf3"), ...wrap } });
     case "Spacer": {
       if (props.collapseWhenEmpty === true) {
         const raw = props.value;
@@ -121105,33 +121305,33 @@ function renderInner(node, ctx) {
         const s2 = resolved2 == null ? "" : String(resolved2);
         if (!s2 || s2 === "\u2014") return null;
       }
-      return /* @__PURE__ */ jsx9("div", { style: { flex: 1 } });
+      return /* @__PURE__ */ jsx10("div", { style: { flex: 1 } });
     }
     case "EmptyState":
-      return /* @__PURE__ */ jsx9(EmptyStateNode, { props, ctx, wrap, nodeId: node.id });
+      return /* @__PURE__ */ jsx10(EmptyStateNode, { props, ctx, wrap, nodeId: node.id });
     // ───────────── atoms ─────────────
     case "Text":
-      return /* @__PURE__ */ jsx9(TextNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(TextNode, { props, ctx, wrap });
     case "RichText": {
       const runs = Array.isArray(props.runs) ? props.runs : [];
-      return /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), lineHeight: 1.5, overflowWrap: "break-word", color: C2(resolveScalarStatic(props.color, ctx) ?? "textPrimary", "#13171e"), ...wrap }, children: runs.map((r2, i2) => {
+      return /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), lineHeight: 1.5, overflowWrap: "break-word", color: C2(resolveScalarStatic(props.color, ctx) ?? "textPrimary", "#13171e"), ...wrap }, children: runs.map((r2, i2) => {
         const marks = Array.isArray(r2.marks) ? r2.marks : [];
         const f2 = ctx.font(r2.style);
-        return /* @__PURE__ */ jsx9("span", { style: { fontSize: f2.remSize, fontWeight: marks.includes("bold") ? 700 : f2.weight, fontStyle: marks.includes("italic") ? "italic" : void 0, textDecoration: marks.includes("underline") || marks.includes("link") ? "underline" : void 0, ...f2.family ? { fontFamily: fontStack(f2.family, ctx.idiom) } : {}, ...r2.color ? { color: C2(r2.color) } : marks.includes("link") ? { color: accentTextColor(ctx) } : {}, ...marks.includes("code") ? { fontFamily: "ui-monospace, monospace", background: C2("surfaceTertiary", "#eee"), padding: "1px 5px", borderRadius: 4 } : {} }, children: txt(r2.text, ctx) }, i2);
+        return /* @__PURE__ */ jsx10("span", { style: { fontSize: f2.remSize, fontWeight: marks.includes("bold") ? 700 : f2.weight, fontStyle: marks.includes("italic") ? "italic" : void 0, textDecoration: marks.includes("underline") || marks.includes("link") ? "underline" : void 0, ...f2.family ? { fontFamily: fontStack(f2.family, ctx.idiom) } : {}, ...r2.color ? { color: C2(r2.color) } : marks.includes("link") ? { color: accentTextColor(ctx) } : {}, ...marks.includes("code") ? { fontFamily: "ui-monospace, monospace", background: C2("surfaceTertiary", "#eee"), padding: "1px 5px", borderRadius: 4 } : {} }, children: txt(r2.text, ctx) }, i2);
       }) });
     }
     case "Image":
-      return /* @__PURE__ */ jsx9(ImageNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ImageNode, { props, ctx, wrap });
     case "Icon":
-      return /* @__PURE__ */ jsx9(IconNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(IconNode, { props, ctx, wrap });
     case "Button":
-      return /* @__PURE__ */ jsx9(ButtonNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ButtonNode, { props, ctx, wrap });
     case "MediaField":
-      return /* @__PURE__ */ jsx9(MediaFieldNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(MediaFieldNode, { props, ctx, wrap });
     case "TextField":
-      return /* @__PURE__ */ jsx9(EditableField, { props, ctx, wrap, multiline: false });
+      return /* @__PURE__ */ jsx10(EditableField, { props, ctx, wrap, multiline: false });
     case "RichTextField":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         EditableField,
         {
           props: { ...props, __formFieldId: props.id },
@@ -121146,11 +121346,11 @@ function renderInner(node, ctx) {
         }
       );
     case "Toggle":
-      return /* @__PURE__ */ jsx9(ToggleNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ToggleNode, { props, ctx, wrap });
     case "Stepper":
-      return /* @__PURE__ */ jsx9(InteractiveStepper, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(InteractiveStepper, { props, ctx, wrap });
     case "Avatar":
-      return /* @__PURE__ */ jsx9(AvatarNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(AvatarNode, { props, ctx, wrap });
     case "Badge": {
       const _bt = boundTokenName(props.tokenPath, props.token, ctx);
       const c2 = _bt ? C2(_bt, "#116DFF") : sevColor(ctx, props.style ?? "info");
@@ -121162,16 +121362,16 @@ function renderInner(node, ctx) {
       const badgeLabel = m2?.accessibilityLabel ?? m2?.accessibility_label;
       const badgeRole = roleDeclared ? void 0 : liveCount ? "status" : typeof badgeLabel === "string" && badgeLabel.trim() !== "" ? "img" : void 0;
       const fg = _bt ? c2 : sevTextColor(ctx, props.style ?? "info");
-      return /* @__PURE__ */ jsx9("span", { role: badgeRole, style: { display: "inline-flex", alignItems: "center", alignSelf: "flex-start", width: "fit-content", padding: "3px 9px", borderRadius: 999, fontSize: pxToRem(12), fontWeight: 700, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c2} 16%, ${C2("surfacePrimary", "#fff")})`, color: fg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Badge" });
+      return /* @__PURE__ */ jsx10("span", { role: badgeRole, style: { display: "inline-flex", alignItems: "center", alignSelf: "flex-start", width: "fit-content", padding: "3px 9px", borderRadius: 999, fontSize: pxToRem(12), fontWeight: 700, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c2} 16%, ${C2("surfacePrimary", "#fff")})`, color: fg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Badge" });
     }
     case "Tag": {
       const tagToken = boundTokenName(props.tokenPath, props.token, ctx);
       const c2 = C2(tagToken ?? "accentPrimary", "#116DFF");
       const tagFg = tagToken ? c2 : accentTextColor(ctx);
-      return /* @__PURE__ */ jsx9("span", { style: { display: "inline-flex", alignItems: "center", alignSelf: "flex-start", width: "fit-content", padding: "5px 11px", borderRadius: 999, fontSize: pxToRem(13), fontWeight: 600, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c2} 14%, ${C2("surfacePrimary", "#fff")})`, border: `1px solid color-mix(in srgb, ${c2} 30%, transparent)`, color: tagFg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Tag" });
+      return /* @__PURE__ */ jsx10("span", { style: { display: "inline-flex", alignItems: "center", alignSelf: "flex-start", width: "fit-content", padding: "5px 11px", borderRadius: 999, fontSize: pxToRem(13), fontWeight: 600, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c2} 14%, ${C2("surfacePrimary", "#fff")})`, border: `1px solid color-mix(in srgb, ${c2} 30%, transparent)`, color: tagFg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Tag" });
     }
     case "ProgressBar":
-      return /* @__PURE__ */ jsx9(ProgressBarNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ProgressBarNode, { props, ctx, wrap });
     // ───────────── controls & cells (RFC 0028) ─────────────
     case "ListItem": {
       const titleF = ctx.font(props.titleStyle ?? "body");
@@ -121198,20 +121398,20 @@ function renderInner(node, ctx) {
           e2.currentTarget.click();
         }
       } : void 0;
-      const leadingEl = props.leading && /* @__PURE__ */ jsx9("div", { style: { flex: "none", display: "flex" }, children: renderNode(props.leading, ctx) });
-      const textEl = /* @__PURE__ */ jsxs6("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 2 }, children: [
-        props.overline != null && /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C2(props.overlineColor ?? "textSecondary", "#888"), ...ell }, children: txt(props.overline, ctx) }),
-        /* @__PURE__ */ jsx9("span", { style: { fontFamily: fontStack(titleF.family, ctx.idiom), fontSize: titleF.remSize, fontWeight: titleF.weight, color: C2(props.titleColor ?? "textPrimary", "#13171e"), ...ell }, children: txt(props.title, ctx) ?? (ctx.empty ? "" : "") }),
-        props.subtitle != null && /* @__PURE__ */ jsx9("span", { style: { fontFamily: fontStack(subF.family, ctx.idiom), fontSize: subF.remSize, color: C2(props.subtitleColor ?? "textSecondary", "#888"), ...ell }, children: txt(props.subtitle, ctx) })
+      const leadingEl = props.leading && /* @__PURE__ */ jsx10("div", { style: { flex: "none", display: "flex" }, children: renderNode(props.leading, ctx) });
+      const textEl = /* @__PURE__ */ jsxs7("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 2 }, children: [
+        props.overline != null && /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C2(props.overlineColor ?? "textSecondary", "#888"), ...ell }, children: txt(props.overline, ctx) }),
+        /* @__PURE__ */ jsx10("span", { style: { fontFamily: fontStack(titleF.family, ctx.idiom), fontSize: titleF.remSize, fontWeight: titleF.weight, color: C2(props.titleColor ?? "textPrimary", "#13171e"), ...ell }, children: txt(props.title, ctx) ?? (ctx.empty ? "" : "") }),
+        props.subtitle != null && /* @__PURE__ */ jsx10("span", { style: { fontFamily: fontStack(subF.family, ctx.idiom), fontSize: subF.remSize, color: C2(props.subtitleColor ?? "textSecondary", "#888"), ...ell }, children: txt(props.subtitle, ctx) })
       ] });
-      return /* @__PURE__ */ jsxs6("div", { onClick, ...splitButton ? void 0 : buttonA11y, style: { display: "flex", alignItems: "center", gap: 12, width: "100%", padding: "10px 4px", boxSizing: "border-box", cursor: onClick ? "pointer" : void 0, ...wrap }, children: [
-        splitButton ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
-          leadingInteractive && /* @__PURE__ */ jsx9("div", { onClick: (e2) => e2.stopPropagation(), style: { flex: "none", display: "flex" }, children: leadingEl }),
-          /* @__PURE__ */ jsxs6("div", { ...buttonA11y, style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 12 }, children: [
+      return /* @__PURE__ */ jsxs7("div", { onClick, ...splitButton ? void 0 : buttonA11y, style: { display: "flex", alignItems: "center", gap: 12, width: "100%", padding: "10px 4px", boxSizing: "border-box", cursor: onClick ? "pointer" : void 0, ...wrap }, children: [
+        splitButton ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
+          leadingInteractive && /* @__PURE__ */ jsx10("div", { onClick: (e2) => e2.stopPropagation(), style: { flex: "none", display: "flex" }, children: leadingEl }),
+          /* @__PURE__ */ jsxs7("div", { ...buttonA11y, style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 12 }, children: [
             !leadingInteractive && leadingEl,
             textEl
           ] })
-        ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+        ] }) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
           leadingEl,
           textEl
         ] }),
@@ -121223,113 +121423,113 @@ function renderInner(node, ctx) {
           // makes the trailing slot fire ONLY its own action — and, because the
           // Menu popup renders inside this slot, menu-item clicks don't double-fire
           // the row either. Mirrors the Button node, which stops for the same reason.
-          /* @__PURE__ */ jsx9("div", { onClick: (e2) => e2.stopPropagation(), style: { flex: "none", display: "flex", alignItems: "center" }, children: renderNode(props.trailing, ctx) })
-        ) : accessoryGlyph && /* @__PURE__ */ jsx9("span", { "aria-hidden": props.accessory === "chevron" ? true : void 0, style: { flex: "none", color: C2("textTertiary", "#c0c4cc"), fontSize: pxToRem(20), lineHeight: 1 }, children: accessoryGlyph })
+          /* @__PURE__ */ jsx10("div", { onClick: (e2) => e2.stopPropagation(), style: { flex: "none", display: "flex", alignItems: "center" }, children: renderNode(props.trailing, ctx) })
+        ) : accessoryGlyph && /* @__PURE__ */ jsx10("span", { "aria-hidden": props.accessory === "chevron" ? true : void 0, style: { flex: "none", color: C2("textTertiary", "#c0c4cc"), fontSize: pxToRem(20), lineHeight: 1 }, children: accessoryGlyph })
       ] });
     }
     case "Slider":
-      return /* @__PURE__ */ jsx9(SliderNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(SliderNode, { props, ctx, wrap });
     case "SelectionControl":
-      return /* @__PURE__ */ jsx9(SelectionControlNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(SelectionControlNode, { props, ctx, wrap });
     case "ActivityIndicator":
-      return /* @__PURE__ */ jsx9(ActivityIndicatorNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ActivityIndicatorNode, { props, ctx, wrap });
     // ───────────── overlays & menus (RFC 0029) ─────────────
     case "BottomSheet":
-      return /* @__PURE__ */ jsx9(BottomSheetNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(BottomSheetNode, { props, ctx, wrap });
     case "Menu":
-      return /* @__PURE__ */ jsx9(MenuNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(MenuNode, { props, ctx, wrap });
     case "Tooltip": {
       const rich = props.title != null && props.title !== "";
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "inline-flex", flexDirection: "column", alignItems: "flex-start", gap: 6, ...wrap }, children: [
-        /* @__PURE__ */ jsxs6("div", { role: "tooltip", style: { maxWidth: 240, width: "fit-content", background: C2("textPrimary", "#13171e"), color: C2("textOnAccent", "#fff"), borderRadius: 8, padding: rich ? "10px 12px" : "6px 10px", fontFamily: bodyFont(ctx), fontSize: pxToRem(13), lineHeight: 1.35 }, children: [
-          rich && /* @__PURE__ */ jsx9("div", { style: { fontWeight: 700, marginBottom: 3 }, children: txt(props.title, ctx) }),
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "inline-flex", flexDirection: "column", alignItems: "flex-start", gap: 6, ...wrap }, children: [
+        /* @__PURE__ */ jsxs7("div", { role: "tooltip", style: { maxWidth: 240, width: "fit-content", background: C2("textPrimary", "#13171e"), color: C2("textOnAccent", "#fff"), borderRadius: 8, padding: rich ? "10px 12px" : "6px 10px", fontFamily: bodyFont(ctx), fontSize: pxToRem(13), lineHeight: 1.35 }, children: [
+          rich && /* @__PURE__ */ jsx10("div", { style: { fontWeight: 700, marginBottom: 3 }, children: txt(props.title, ctx) }),
           txt(props.text, ctx)
         ] }),
         props.anchor ? renderNode(props.anchor, ctx) : null
       ] });
     }
     case "Popover":
-      return /* @__PURE__ */ jsx9(PopoverNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(PopoverNode, { props, ctx, wrap });
     // ───────────── chips & selection (RFC 0030) ─────────────
     case "Chip":
-      return /* @__PURE__ */ jsx9(ChipNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ChipNode, { props, ctx, wrap });
     case "ChipsInput":
-      return /* @__PURE__ */ jsx9(ChipsInputNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ChipsInputNode, { props, ctx, wrap });
     // ───────────── structure & disclosure (RFC 0031) ─────────────
     case "Section": {
       const inset = props.inset === true;
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", width: "100%", boxSizing: "border-box", ...wrap }, children: [
-        props.header != null && /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C2("textSecondary", "#888"), padding: inset ? "0 4px 6px" : "6px 16px" }, children: txt(props.header, ctx) }),
-        /* @__PURE__ */ jsx9("div", { style: inset ? { background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e8eaed")}`, borderRadius: 12, overflow: "hidden", padding: "2px 14px", boxSizing: "border-box" } : void 0, children: kids2(props.children, ctx) }),
-        props.footer != null && /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("textSecondary", "#888"), padding: inset ? "6px 4px 0" : "6px 16px" }, children: txt(props.footer, ctx) })
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", width: "100%", boxSizing: "border-box", ...wrap }, children: [
+        props.header != null && /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C2("textSecondary", "#888"), padding: inset ? "0 4px 6px" : "6px 16px" }, children: txt(props.header, ctx) }),
+        /* @__PURE__ */ jsx10("div", { style: inset ? { background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e8eaed")}`, borderRadius: 12, overflow: "hidden", padding: "2px 14px", boxSizing: "border-box" } : void 0, children: kids2(props.children, ctx) }),
+        props.footer != null && /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("textSecondary", "#888"), padding: inset ? "6px 4px 0" : "6px 16px" }, children: txt(props.footer, ctx) })
       ] });
     }
     case "DisclosureGroup":
-      return /* @__PURE__ */ jsx9(DisclosureGroupNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(DisclosureGroupNode, { props, ctx, wrap });
     case "LabeledContent": {
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, width: "100%", padding: "8px 2px", boxSizing: "border-box", ...wrap }, children: [
-        /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: txt(props.label, ctx) ?? "" }),
-        props.content ? /* @__PURE__ */ jsx9("div", { style: { flex: "none" }, children: renderNode(props.content, ctx) }) : /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textSecondary", "#636b78"), textAlign: "right" }, children: txt(props.value, ctx) })
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, width: "100%", padding: "8px 2px", boxSizing: "border-box", ...wrap }, children: [
+        /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: txt(props.label, ctx) ?? "" }),
+        props.content ? /* @__PURE__ */ jsx10("div", { style: { flex: "none" }, children: renderNode(props.content, ctx) }) : /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textSecondary", "#636b78"), textAlign: "right" }, children: txt(props.value, ctx) })
       ] });
     }
     case "Label": {
       const f2 = ctx.font(props.style ?? "body");
       const col = C2(resolveScalarStatic(props.color, ctx) ?? "textPrimary", "#13171e");
-      return /* @__PURE__ */ jsxs6("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontFamily: fontStack(f2.family, ctx.idiom), fontSize: f2.remSize, fontWeight: f2.weight, color: col, ...wrap }, children: [
-        props.icon && /* @__PURE__ */ jsx9("span", { style: { display: "inline-grid", placeItems: "center", width: f2.size, height: f2.size }, children: iconSvg(props.icon, { size: f2.size, color: col }) }),
+      return /* @__PURE__ */ jsxs7("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontFamily: fontStack(f2.family, ctx.idiom), fontSize: f2.remSize, fontWeight: f2.weight, color: col, ...wrap }, children: [
+        props.icon && /* @__PURE__ */ jsx10("span", { style: { display: "inline-grid", placeItems: "center", width: f2.size, height: f2.size }, children: iconSvg(props.icon, { size: f2.size, color: col }) }),
         txt(props.text, ctx)
       ] });
     }
     case "Table":
-      return /* @__PURE__ */ jsx9(TableNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(TableNode, { props, ctx, wrap });
     // ───────────── display & data-viz (RFC 0032) ─────────────
     case "Gauge":
-      return /* @__PURE__ */ jsx9(GaugeNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(GaugeNode, { props, ctx, wrap });
     case "Rating":
-      return /* @__PURE__ */ jsx9(RatingNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(RatingNode, { props, ctx, wrap });
     case "Chart":
-      return /* @__PURE__ */ jsx9(ChartNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ChartNode, { props, ctx, wrap });
     // RFC 0057 — analytics data-viz.
     case "DonutChart":
-      return /* @__PURE__ */ jsx9(DonutChartNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(DonutChartNode, { props, ctx, wrap });
     case "Legend":
-      return /* @__PURE__ */ jsx9(LegendNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(LegendNode, { props, ctx, wrap });
     case "DataTable":
-      return /* @__PURE__ */ jsx9(DataTableNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(DataTableNode, { props, ctx, wrap });
     // RFC 0063 — Wix Ricos rich content (never a WebView; binding + fallback inside).
     case "RichContent":
-      return /* @__PURE__ */ jsx9(RichContentNode, { props, ctx, wrap, nodeId: resolvedComponentId(node.id, ctx) ?? "" });
+      return /* @__PURE__ */ jsx10(RichContentNode, { props, ctx, wrap, nodeId: resolvedComponentId(node.id, ctx) ?? "" });
     // Recorded-audio bubble (messenger design G4). Presentational: playback is
     // driven by the worker through `media_playback`, not by this node.
     case "VoiceNote":
-      return /* @__PURE__ */ jsx9(VoiceNoteNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(VoiceNoteNode, { props, ctx, wrap });
     case "Marquee": {
       ensureMarqueeKeyframes();
       const f2 = ctx.font(props.style ?? "body");
       const dur = props.durationMs ?? 8e3;
-      return /* @__PURE__ */ jsx9("div", { style: { width: "100%", overflow: "hidden", whiteSpace: "nowrap", ...wrap }, children: /* @__PURE__ */ jsx9("span", { style: { display: "inline-block", paddingLeft: "100%", fontFamily: fontStack(f2.family, ctx.idiom), fontSize: f2.remSize, color: C2(resolveScalarStatic(props.color, ctx) ?? "textPrimary", "#13171e"), animation: ctx.empty ? void 0 : `himalaya-marquee ${dur}ms linear infinite` }, children: txt(props.text, ctx) }) });
+      return /* @__PURE__ */ jsx10("div", { style: { width: "100%", overflow: "hidden", whiteSpace: "nowrap", ...wrap }, children: /* @__PURE__ */ jsx10("span", { style: { display: "inline-block", paddingLeft: "100%", fontFamily: fontStack(f2.family, ctx.idiom), fontSize: f2.remSize, color: C2(resolveScalarStatic(props.color, ctx) ?? "textPrimary", "#13171e"), animation: ctx.empty ? void 0 : `himalaya-marquee ${dur}ms linear infinite` }, children: txt(props.text, ctx) }) });
     }
     case "Timeline":
-      return /* @__PURE__ */ jsx9(TimelineNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(TimelineNode, { props, ctx, wrap });
     case "MonthCalendar":
-      return /* @__PURE__ */ jsx9(MonthCalendarNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(MonthCalendarNode, { props, ctx, wrap });
     case "TimeGrid":
-      return /* @__PURE__ */ jsx9(TimeGridNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(TimeGridNode, { props, ctx, wrap });
     case "Agenda":
-      return /* @__PURE__ */ jsx9(AgendaNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(AgendaNode, { props, ctx, wrap });
     case "PageControl": {
       const count2 = props.count ?? 0;
       const cur = props.currentIndex ?? 0;
       const accent = C2("accentPrimary", "#116DFF");
-      return /* @__PURE__ */ jsx9("div", { style: { display: "inline-flex", alignItems: "center", gap: 8, ...wrap }, children: Array.from({ length: count2 }).map((_2, i2) => /* @__PURE__ */ jsx9("span", { style: { width: i2 === cur ? 22 : 9, height: 9, borderRadius: 999, background: i2 === cur ? accent : C2("textTertiary", "#aab2bd"), transition: "width .2s" } }, i2)) });
+      return /* @__PURE__ */ jsx10("div", { style: { display: "inline-flex", alignItems: "center", gap: 8, ...wrap }, children: Array.from({ length: count2 }).map((_2, i2) => /* @__PURE__ */ jsx10("span", { style: { width: i2 === cur ? 22 : 9, height: 9, borderRadius: 999, background: i2 === cur ? accent : C2("textTertiary", "#aab2bd"), transition: "width .2s" } }, i2)) });
     }
     // ───────────── pickers & inputs (RFC 0033) ─────────────
     case "WheelPicker":
-      return /* @__PURE__ */ jsx9(WheelPickerNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(WheelPickerNode, { props, ctx, wrap });
     case "ColorPicker":
-      return /* @__PURE__ */ jsx9(ColorPickerNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(ColorPickerNode, { props, ctx, wrap });
     case "OtpInput":
-      return /* @__PURE__ */ jsx9(OtpInputNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(OtpInputNode, { props, ctx, wrap });
     // ───────────── cross-cutting & media (RFC 0035) ─────────────
     case "Fab": {
       const bg = C2(props.tint ?? "accentPrimary", "#116DFF");
@@ -121339,34 +121539,34 @@ function renderInner(node, ctx) {
       const extended = props.label != null && props.label !== "";
       const actionable = Boolean(props.action);
       const style = { display: "inline-flex", alignItems: "center", justifyContent: "center", gap: extended ? 10 : 0, alignSelf: "flex-start", height: dim, width: extended ? "fit-content" : dim, padding: extended ? "0 20px" : 0, borderRadius: extended ? dim / 2 : "50%", background: bg, color: fg, boxShadow: "0 4px 12px rgba(0,0,0,.22)", cursor: actionable ? "pointer" : "default", ...wrap };
-      const content = /* @__PURE__ */ jsxs6(Fragment4, { children: [
-        props.icon && /* @__PURE__ */ jsx9("span", { style: { display: "inline-grid", placeItems: "center", width: isz, height: isz }, children: iconSvg(props.icon, { size: isz, color: fg }) }),
-        extended && /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(15) }, children: txt(props.label, ctx) })
+      const content = /* @__PURE__ */ jsxs7(Fragment4, { children: [
+        props.icon && /* @__PURE__ */ jsx10("span", { style: { display: "inline-grid", placeItems: "center", width: isz, height: isz }, children: iconSvg(props.icon, { size: isz, color: fg }) }),
+        extended && /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(15) }, children: txt(props.label, ctx) })
       ] });
-      if (!actionable) return /* @__PURE__ */ jsx9("div", { style, children: content });
-      return /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": extended ? void 0 : props.icon || "Action", onClick: ctx.onAction ? (e2) => {
+      if (!actionable) return /* @__PURE__ */ jsx10("div", { style, children: content });
+      return /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": extended ? void 0 : props.icon || "Action", onClick: ctx.onAction ? (e2) => {
         e2.stopPropagation();
         ctx.onAction(resolveItemDeep2(props.action, ctx));
       } : void 0, style: { ...style, appearance: "none", border: 0, font: "inherit" }, children: content });
     }
     case "Map":
-      return /* @__PURE__ */ jsx9(MapNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(MapNode, { props, ctx, wrap });
     case "Video":
-      return /* @__PURE__ */ jsx9(VideoNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(VideoNode, { props, ctx, wrap });
     // Inline PDF document — see PdfViewNode: `url` must resolve through the
     // binding seam, so this delegates rather than reading props.url directly.
     case "PdfView":
-      return /* @__PURE__ */ jsx9(PdfViewNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(PdfViewNode, { props, ctx, wrap });
     case "MediaPlayer":
-      return /* @__PURE__ */ jsx9(MediaPlayerView, { nodeId: node.id, props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(MediaPlayerView, { nodeId: node.id, props, ctx, wrap });
     // Motion grammar (Batch 4 / Phase-2) — Lottie and Rive; see LottieNode / RiveNode.
     case "Lottie":
-      return /* @__PURE__ */ jsx9(LottieNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(LottieNode, { props, ctx, wrap });
     case "Rive":
-      return /* @__PURE__ */ jsx9(RiveNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(RiveNode, { props, ctx, wrap });
     // ───────────── forms ─────────────
     case "Form":
-      return /* @__PURE__ */ jsx9(FormView, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(FormView, { props, ctx, wrap });
     case "FormField": {
       const fieldRule = effectiveFieldRule({
         wrapper: props.validation,
@@ -121413,82 +121613,82 @@ function renderInner(node, ctx) {
           inner.modifiers = { ...inner.modifiers ?? {}, accessibilityHint: props.helpText };
         }
         const showOwnError = !isTextKind && props.errorMessage;
-        return /* @__PURE__ */ jsxs6("div", { style: { width: "100%", ...wrap }, children: [
-          (fieldLabel || props.required) && /* @__PURE__ */ jsxs6("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(13), color: C2("textPrimary", "#111"), marginBottom: 6 }, children: [
-            fieldLabel ? /* @__PURE__ */ jsx9("span", { id: labelId, children: fieldLabel }) : null,
-            props.required && /* @__PURE__ */ jsx9("span", { "aria-hidden": labelledBy ? "true" : void 0, style: { color: C2("danger", "#e62214") }, children: " *" })
+        return /* @__PURE__ */ jsxs7("div", { style: { width: "100%", ...wrap }, children: [
+          (fieldLabel || props.required) && /* @__PURE__ */ jsxs7("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(13), color: C2("textPrimary", "#111"), marginBottom: 6 }, children: [
+            fieldLabel ? /* @__PURE__ */ jsx10("span", { id: labelId, children: fieldLabel }) : null,
+            props.required && /* @__PURE__ */ jsx10("span", { "aria-hidden": labelledBy ? "true" : void 0, style: { color: C2("danger", "#e62214") }, children: " *" })
           ] }),
           renderNode(inner, ctx),
-          props.helpText && /* @__PURE__ */ jsx9("div", { style: { fontSize: pxToRem(12), color: C2("textSecondary", "#888"), marginTop: 4 }, children: txt(props.helpText, ctx) }),
-          showOwnError && /* @__PURE__ */ jsx9("div", { role: "alert", style: { fontSize: pxToRem(12), color: C2("danger", "#E62214"), marginTop: 4 }, children: txt(props.errorMessage, ctx) })
+          props.helpText && /* @__PURE__ */ jsx10("div", { style: { fontSize: pxToRem(12), color: C2("textSecondary", "#888"), marginTop: 4 }, children: txt(props.helpText, ctx) }),
+          showOwnError && /* @__PURE__ */ jsx10("div", { role: "alert", style: { fontSize: pxToRem(12), color: C2("danger", "#E62214"), marginTop: 4 }, children: txt(props.errorMessage, ctx) })
         ] });
       };
-      return ownKey ? renderField(ownKey) : /* @__PURE__ */ jsx9(FormFieldLabelIdScope, { render: renderField, fieldKey: typeof props.id === "string" && props.id ? props.id : void 0 });
+      return ownKey ? renderField(ownKey) : /* @__PURE__ */ jsx10(FormFieldLabelIdScope, { render: renderField, fieldKey: typeof props.id === "string" && props.id ? props.id : void 0 });
     }
     case "FieldError":
-      return /* @__PURE__ */ jsx9(FieldErrorNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(FieldErrorNode, { props, ctx, wrap });
     case "Picker":
-      return /* @__PURE__ */ jsx9(InteractivePicker, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(InteractivePicker, { props, ctx, wrap });
     case "DatePicker":
-      return /* @__PURE__ */ jsx9(InteractiveDatePicker, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(InteractiveDatePicker, { props, ctx, wrap });
     // ───────────── state envelopes ─────────────
     case "StatefulSection": {
       const branch = isNodeLike(props.data) ? "data" : isNodeLike(props.loading) ? "loading" : isNodeLike(props.error) ? "error" : null;
       const cfg = !branch ? props.state === "error" ? props.error ?? props.empty : props.empty ?? props.error : null;
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "column", gap: 6, width: "100%", ...wrap }, children: branch ? renderNode(props[branch], ctx) : cfg && typeof cfg === "object" ? /* @__PURE__ */ jsxs6("div", { style: { textAlign: "center", padding: "24px 12px", color: C2("textSecondary", "#9aa2ad") }, children: [
-        cfg.title && /* @__PURE__ */ jsx9("div", { style: { fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#111") }, children: asText2(cfg.title) }),
-        (cfg.subtitle ?? cfg.message) && /* @__PURE__ */ jsx9("div", { style: { fontSize: pxToRem(13), marginTop: 4 }, children: asText2(cfg.subtitle ?? cfg.message) }),
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", flexDirection: "column", gap: 6, width: "100%", ...wrap }, children: branch ? renderNode(props[branch], ctx) : cfg && typeof cfg === "object" ? /* @__PURE__ */ jsxs7("div", { style: { textAlign: "center", padding: "24px 12px", color: C2("textSecondary", "#9aa2ad") }, children: [
+        cfg.title && /* @__PURE__ */ jsx10("div", { style: { fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#111") }, children: asText2(cfg.title) }),
+        (cfg.subtitle ?? cfg.message) && /* @__PURE__ */ jsx10("div", { style: { fontSize: pxToRem(13), marginTop: 4 }, children: asText2(cfg.subtitle ?? cfg.message) }),
         actionTextButton(ctx, cfg.retry ?? cfg.action, asText2(cfg.retryLabel) || asText2(cfg.actionLabel) || (cfg.retry != null ? "Retry" : "Take action"), accentTextColor(ctx), { margin: "12px auto 0", textAlign: "center" })
       ] }) : null });
     }
     case "FragmentSlot":
-      return /* @__PURE__ */ jsx9(FragmentSlotNode, { props, ctx, wrap, nodeId: node.id });
+      return /* @__PURE__ */ jsx10(FragmentSlotNode, { props, ctx, wrap, nodeId: node.id });
     case "WorkerSubtree":
-      return /* @__PURE__ */ jsx9(WorkerSubtreeNode, { props, ctx, wrap, nodeId: node.id });
+      return /* @__PURE__ */ jsx10(WorkerSubtreeNode, { props, ctx, wrap, nodeId: node.id });
     case "RichContentEditor":
-      return /* @__PURE__ */ jsx9(RichContentEditorNode, { props, ctx, wrap, nodeId: node.id });
+      return /* @__PURE__ */ jsx10(RichContentEditorNode, { props, ctx, wrap, nodeId: node.id });
     case "Skeleton": {
       const count2 = typeof props.count === "number" ? props.count : 1;
-      if (count2 <= 1) return /* @__PURE__ */ jsx9("div", { style: { width: props.width ?? "100%", height: props.height ?? 14, borderRadius: props.cornerRadius ?? 6, background: C2("surfaceTertiary", "#f0f0f3"), flex: "none", ...wrap } });
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "column", gap: 10, width: "100%", ...wrap }, children: Array.from({ length: count2 }).map((_2, i2) => /* @__PURE__ */ jsx9("div", { style: { height: props.height ?? 22, width: `${100 - i2 * 8}%`, borderRadius: props.cornerRadius ?? 8, background: C2("surfaceTertiary", "#f0f0f3") } }, i2)) });
+      if (count2 <= 1) return /* @__PURE__ */ jsx10("div", { style: { width: props.width ?? "100%", height: props.height ?? 14, borderRadius: props.cornerRadius ?? 6, background: C2("surfaceTertiary", "#f0f0f3"), flex: "none", ...wrap } });
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", flexDirection: "column", gap: 10, width: "100%", ...wrap }, children: Array.from({ length: count2 }).map((_2, i2) => /* @__PURE__ */ jsx10("div", { style: { height: props.height ?? 22, width: `${100 - i2 * 8}%`, borderRadius: props.cornerRadius ?? 8, background: C2("surfaceTertiary", "#f0f0f3") } }, i2)) });
     }
     // ───────────── search & filter ─────────────
     case "SearchField":
-      return /* @__PURE__ */ jsx9(InteractiveSearchField, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(InteractiveSearchField, { props, ctx, wrap });
     case "FilterChips":
-      return /* @__PURE__ */ jsx9(FilterChipsNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(FilterChipsNode, { props, ctx, wrap });
     // ───────────── navigation ─────────────
     case "Tabs":
-      return /* @__PURE__ */ jsx9(TabsNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(TabsNode, { props, ctx, wrap });
     case "SegmentedControl":
-      return /* @__PURE__ */ jsx9(SegmentedControlNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(SegmentedControlNode, { props, ctx, wrap });
     case "Carousel":
     case "Pager": {
       const items = (type === "Carousel" ? props.items : props.pages) ?? [];
       const carItemsPath = props.itemsPath ?? props.items_path;
       if (carItemsPath && items[0] && ctx.provider) {
-        return /* @__PURE__ */ jsx9("div", { style: { width: "100%", ...wrap }, children: /* @__PURE__ */ jsx9("div", { style: { display: "flex", overflowX: "auto", gap: 12, width: "100%" }, children: /* @__PURE__ */ jsx9(BoundList, { ctx, itemsPath: carItemsPath, template: items[0], renderRow: (t2, ic) => /* @__PURE__ */ jsx9("div", { style: { flex: "0 0 auto" }, children: renderNode(t2, ic) }) }) }) });
+        return /* @__PURE__ */ jsx10("div", { style: { width: "100%", ...wrap }, children: /* @__PURE__ */ jsx10("div", { style: { display: "flex", overflowX: "auto", gap: 12, width: "100%" }, children: /* @__PURE__ */ jsx10(BoundList, { ctx, itemsPath: carItemsPath, template: items[0], renderRow: (t2, ic) => /* @__PURE__ */ jsx10("div", { style: { flex: "0 0 auto" }, children: renderNode(t2, ic) }) }) }) });
       }
-      if (type === "Carousel") return /* @__PURE__ */ jsx9(CarouselNode, { props, ctx, wrap });
-      return /* @__PURE__ */ jsx9(PagingNode, { props: { ...props, __pager: true }, ctx, wrap });
+      if (type === "Carousel") return /* @__PURE__ */ jsx10(CarouselNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(PagingNode, { props: { ...props, __pager: true }, ctx, wrap });
     }
     case "StepIndicator": {
       const steps = Array.isArray(props.steps) ? props.steps : [];
       const cur = props.currentIndex ?? 0;
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", alignItems: "center", gap: 8, width: "100%", justifyContent: "center", ...wrap }, children: steps.map((_2, i2) => /* @__PURE__ */ jsx9("span", { style: { height: 9, width: i2 === cur ? 22 : 9, borderRadius: 999, background: i2 <= cur ? C2("accentPrimary", "#116DFF") : C2("border", "#ccc") } }, i2)) });
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", alignItems: "center", gap: 8, width: "100%", justifyContent: "center", ...wrap }, children: steps.map((_2, i2) => /* @__PURE__ */ jsx10("span", { style: { height: 9, width: i2 === cur ? 22 : 9, borderRadius: 999, background: i2 <= cur ? C2("accentPrimary", "#116DFF") : C2("border", "#ccc") } }, i2)) });
     }
     case "CollapsingHeader":
-      return /* @__PURE__ */ jsx9(CollapsingHeaderNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(CollapsingHeaderNode, { props, ctx, wrap });
     case "AvatarStrip":
-      return /* @__PURE__ */ jsx9(AvatarStripNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(AvatarStripNode, { props, ctx, wrap });
     // ───────────── feedback ─────────────
     case "Banner":
-      return /* @__PURE__ */ jsx9(BannerNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(BannerNode, { props, ctx, wrap });
     case "Snackbar": {
       const dot = sevColor(ctx, props.severity ?? "info");
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 10, background: "#1c1f26", color: "#fff", borderRadius: ctx.radius("md", 10), padding: "12px 14px", width: "100%", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontWeight: 500, fontSize: pxToRem(14), ...wrap }, children: [
-        /* @__PURE__ */ jsx9("span", { style: { width: 18, height: 18, borderRadius: "50%", background: dot, display: "grid", placeItems: "center", fontSize: 11, flex: "none" }, children: "\u2713" }),
-        /* @__PURE__ */ jsx9("span", { style: { flex: 1, minWidth: 0 }, children: txt(props.message, ctx) }),
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 10, background: "#1c1f26", color: "#fff", borderRadius: ctx.radius("md", 10), padding: "12px 14px", width: "100%", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontWeight: 500, fontSize: pxToRem(14), ...wrap }, children: [
+        /* @__PURE__ */ jsx10("span", { style: { width: 18, height: 18, borderRadius: "50%", background: dot, display: "grid", placeItems: "center", fontSize: 11, flex: "none" }, children: "\u2713" }),
+        /* @__PURE__ */ jsx10("span", { style: { flex: 1, minWidth: 0 }, children: txt(props.message, ctx) }),
         actionTextButton(ctx, props.action, asBoundText(props.actionLabel, ctx) || "Take action", "#fff", { flex: "none", textDecoration: "underline" })
       ] });
     }
@@ -121501,25 +121701,25 @@ function renderInner(node, ctx) {
     // it. A presented alert is `presentation: "alert"` on a navigating Action, which the web host
     // draws as its own modal dialog.
     case "AlertDialog":
-      return /* @__PURE__ */ jsxs6("div", { role: "alertdialog", "aria-label": props.title != null ? asBoundText(props.title, ctx) : "Alert", style: { background: C2("surfacePrimary", "#fff"), borderRadius: ctx.radius("lg", 14), padding: 18, width: "100%", boxSizing: "border-box", border: `1px solid ${C2("border", "#e3e3e3")}`, boxShadow: "0 12px 30px -12px rgba(0,0,0,.4)", ...wrap }, children: [
-        /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(17), color: C2("textPrimary", "#111") }, children: txt(props.title, ctx) }),
-        /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(14), lineHeight: 1.45, color: C2("textSecondary", "#666"), margin: "6px 0 16px" }, children: txt(props.message, ctx) }),
-        /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 10 }, children: [
-          props.cancelAction != null && /* @__PURE__ */ jsx9("button", { type: "button", onClick: actionClick(ctx, props.cancelAction), style: { flex: 1, textAlign: "center", padding: 11, borderRadius: ctx.radius("md", 8), appearance: "none", WebkitAppearance: "none", border: "none", fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(15), background: C2("surfaceTertiary", "#eee"), color: C2("textPrimary", "#111"), cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.cancelLabel, ctx) || "Cancel" }),
-          props.confirmAction != null && /* @__PURE__ */ jsx9("button", { type: "button", onClick: actionClick(ctx, props.confirmAction), style: { flex: 1, textAlign: "center", padding: 11, borderRadius: ctx.radius("md", 8), appearance: "none", WebkitAppearance: "none", border: "none", fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(15), background: props.destructive ? C2("danger", "#E62214") : C2("accentPrimary", "#116DFF"), color: "#fff", cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.confirmLabel, ctx) || (props.destructive ? "Delete" : "Confirm") })
+      return /* @__PURE__ */ jsxs7("div", { role: "alertdialog", "aria-label": props.title != null ? asBoundText(props.title, ctx) : "Alert", style: { background: C2("surfacePrimary", "#fff"), borderRadius: ctx.radius("lg", 14), padding: 18, width: "100%", boxSizing: "border-box", border: `1px solid ${C2("border", "#e3e3e3")}`, boxShadow: "0 12px 30px -12px rgba(0,0,0,.4)", ...wrap }, children: [
+        /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(17), color: C2("textPrimary", "#111") }, children: txt(props.title, ctx) }),
+        /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(14), lineHeight: 1.45, color: C2("textSecondary", "#666"), margin: "6px 0 16px" }, children: txt(props.message, ctx) }),
+        /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: 10 }, children: [
+          props.cancelAction != null && /* @__PURE__ */ jsx10("button", { type: "button", onClick: actionClick(ctx, props.cancelAction), style: { flex: 1, textAlign: "center", padding: 11, borderRadius: ctx.radius("md", 8), appearance: "none", WebkitAppearance: "none", border: "none", fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(15), background: C2("surfaceTertiary", "#eee"), color: C2("textPrimary", "#111"), cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.cancelLabel, ctx) || "Cancel" }),
+          props.confirmAction != null && /* @__PURE__ */ jsx10("button", { type: "button", onClick: actionClick(ctx, props.confirmAction), style: { flex: 1, textAlign: "center", padding: 11, borderRadius: ctx.radius("md", 8), appearance: "none", WebkitAppearance: "none", border: "none", fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(15), background: props.destructive ? C2("danger", "#E62214") : C2("accentPrimary", "#116DFF"), color: "#fff", cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.confirmLabel, ctx) || (props.destructive ? "Delete" : "Confirm") })
         ] })
       ] });
     // ───────────── embeddable WebView ─────────────
     case "WebView":
-      return /* @__PURE__ */ jsx9(WebViewNode, { props, ctx, wrap });
+      return /* @__PURE__ */ jsx10(WebViewNode, { props, ctx, wrap });
     // ───────────── app intents + unknown ─────────────
     default: {
       const intent = pkg ? ctx.intents?.[`${pkg}.${type}`] : void 0;
-      if (intent) return /* @__PURE__ */ jsx9("div", { style: { alignSelf: "stretch", ...wrap }, children: intent(props, ctx) });
+      if (intent) return /* @__PURE__ */ jsx10("div", { style: { alignSelf: "stretch", ...wrap }, children: intent(props, ctx) });
       const childKeys = Object.entries(props).filter(([, v2]) => isNodeLike(v2) || Array.isArray(v2) && v2.some(isNodeLike));
-      return /* @__PURE__ */ jsxs6("div", { "data-unknown-type": type, style: { display: "flex", flexDirection: "column", gap: 6, padding: 6, border: `1px dashed ${C2("border", "#c5cdd6")}`, borderRadius: 6, ...wrap }, children: [
-        /* @__PURE__ */ jsx9("div", { style: { alignSelf: "flex-start", fontSize: pxToRem(9), fontWeight: 700, letterSpacing: 0.4, padding: "1px 6px", borderRadius: 999, background: C2("surfaceTertiary", "#f0f0f3"), color: C2("textSecondary", "#9aa2ad"), fontFamily: "ui-monospace, monospace" }, children: type }),
-        childKeys.map(([k2, v2]) => /* @__PURE__ */ jsx9(React9.Fragment, { children: Array.isArray(v2) ? kids2(v2.filter(isNodeLike), ctx) : renderNode(v2, ctx) }, k2))
+      return /* @__PURE__ */ jsxs7("div", { "data-unknown-type": type, style: { display: "flex", flexDirection: "column", gap: 6, padding: 6, border: `1px dashed ${C2("border", "#c5cdd6")}`, borderRadius: 6, ...wrap }, children: [
+        /* @__PURE__ */ jsx10("div", { style: { alignSelf: "flex-start", fontSize: pxToRem(9), fontWeight: 700, letterSpacing: 0.4, padding: "1px 6px", borderRadius: 999, background: C2("surfaceTertiary", "#f0f0f3"), color: C2("textSecondary", "#9aa2ad"), fontFamily: "ui-monospace, monospace" }, children: type }),
+        childKeys.map(([k2, v2]) => /* @__PURE__ */ jsx10(React9.Fragment, { children: Array.isArray(v2) ? kids2(v2.filter(isNodeLike), ctx) : renderNode(v2, ctx) }, k2))
       ] });
     }
   }
@@ -121543,6 +121743,8 @@ var init_renderNode = __esm({
     init_env();
     init_actionParams();
     init_icons();
+    init_picker_field();
+    init_pickerField();
     init_symbolEffects();
     init_webviewFrame();
     init_richContentEditor();
@@ -121576,7 +121778,7 @@ var init_renderNode = __esm({
         ro2.observe(el2);
         return () => ro2.disconnect();
       }, [base, medium, expanded, initialCols, seedWidth]);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         "div",
         {
           ref,
@@ -121605,7 +121807,7 @@ var init_renderNode = __esm({
         ro2.observe(el2);
         return () => ro2.disconnect();
       }, [initialWide, seedWidth]);
-      return /* @__PURE__ */ jsxs6(
+      return /* @__PURE__ */ jsxs7(
         "div",
         {
           ref,
@@ -121613,8 +121815,8 @@ var init_renderNode = __esm({
           "data-layout": wide ? "row" : "column",
           style: { display: "flex", flexDirection: wide ? "row" : "column", gap: SPLIT_COLUMN_GAP, width: "100%", alignItems: "stretch", ...extra },
           children: [
-            /* @__PURE__ */ jsx9("div", { "data-testid": "split-primary", style: wide ? { flex: `0 0 ${primaryMaxWidth}px`, maxWidth: primaryMaxWidth, minWidth: 0 } : { width: "100%" }, children: primary }),
-            /* @__PURE__ */ jsx9("div", { "data-testid": "split-detail", style: { flex: "1 1 0%", minWidth: 0 }, children: detail })
+            /* @__PURE__ */ jsx10("div", { "data-testid": "split-primary", style: wide ? { flex: `0 0 ${primaryMaxWidth}px`, maxWidth: primaryMaxWidth, minWidth: 0 } : { width: "100%" }, children: primary }),
+            /* @__PURE__ */ jsx10("div", { "data-testid": "split-detail", style: { flex: "1 1 0%", minWidth: 0 }, children: detail })
           ]
         }
       );
@@ -121623,7 +121825,7 @@ var init_renderNode = __esm({
     appearKeyframesInjected = false;
     pressStylesInjected = false;
     REVEAL_ON_FOCUS_ATTR = "data-hm-reveal-on-focus";
-    FOCUS_RING_CSS = `:where(button,a,[href],input,select,textarea,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--himi-accent,#116DFF);outline-offset:2px;border-radius:4px}[data-himalaya-tap-group]:has(>[data-himalaya-tap-activator]:focus-visible){outline:2px solid var(--himi-accent,#116DFF);outline-offset:2px}[${REVEAL_ON_FOCUS_ATTR}]:focus{width:auto!important;height:auto!important;margin:0!important;padding:2px 6px!important;clip:auto!important;clip-path:none!important;overflow:visible!important;top:2px;inset-inline-end:2px;z-index:2;border-radius:4px;outline:2px solid var(--himi-accent,#116DFF);outline-offset:1px}:has(>[${REVEAL_ON_FOCUS_ATTR}]:focus){overflow:visible!important;z-index:3}`;
+    FOCUS_RING_CSS = `:where(button,a,[href],input,select,textarea,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--himi-accent,#116DFF);outline-offset:2px;border-radius:4px}[data-hm-picker-focus]:has(> select:focus-visible) [data-picker-field]{outline:2px solid var(--himi-accent,#116DFF);outline-offset:2px;border-radius:4px}[data-himalaya-tap-group]:has(>[data-himalaya-tap-activator]:focus-visible){outline:2px solid var(--himi-accent,#116DFF);outline-offset:2px}[${REVEAL_ON_FOCUS_ATTR}]:focus{width:auto!important;height:auto!important;margin:0!important;padding:2px 6px!important;clip:auto!important;clip-path:none!important;overflow:visible!important;top:2px;inset-inline-end:2px;z-index:2;border-radius:4px;outline:2px solid var(--himi-accent,#116DFF);outline-offset:1px}:has(>[${REVEAL_ON_FOCUS_ATTR}]:focus){overflow:visible!important;z-index:3}`;
     focusStylesInjected = false;
     HLIST_CHILD_CSS = "[data-himalaya-hlist]>*{flex:0 0 auto}";
     hListStylesInjected = false;
@@ -121675,12 +121877,12 @@ var init_renderNode = __esm({
       }
     };
     bodyFont = (ctx) => fontStack(ctx.font("body").family, ctx.idiom);
-    kids2 = (arr, ctx) => Array.isArray(arr) ? arr.map((n2, i2) => /* @__PURE__ */ jsx9(React9.Fragment, { children: renderNode(n2, ctx) }, n2?.id ?? i2)) : null;
+    kids2 = (arr, ctx) => Array.isArray(arr) ? arr.map((n2, i2) => /* @__PURE__ */ jsx10(React9.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 = (arr, ctx) => Array.isArray(arr) ? arr.map((n2, i2) => /* @__PURE__ */ jsx9(React9.Fragment, { children: renderNode(n2, rowKidCtx(n2, ctx)) }, n2?.id ?? i2)) : null;
+    rowKids = (arr, ctx) => Array.isArray(arr) ? arr.map((n2, i2) => /* @__PURE__ */ jsx10(React9.Fragment, { children: renderNode(n2, rowKidCtx(n2, ctx)) }, n2?.id ?? i2)) : null;
     staggeredKids = (arr, ctx, staggerMs) => Array.isArray(arr) ? arr.map((n2, i2) => {
       const el2 = renderNode(n2, ctx);
-      if (!React9.isValidElement(el2)) return /* @__PURE__ */ jsx9(React9.Fragment, { children: el2 }, n2?.id ?? i2);
+      if (!React9.isValidElement(el2)) return /* @__PURE__ */ jsx10(React9.Fragment, { children: el2 }, n2?.id ?? i2);
       const prev = el2.props.style ?? {};
       return React9.cloneElement(el2, { key: n2?.id ?? i2, style: { ...prev, animationDelay: `${i2 * staggerMs}ms` } });
     }) : null;
@@ -121713,7 +121915,7 @@ var init_renderNode = __esm({
       for (const [k2, v2] of Object.entries(params)) {
         if (typeof v2 === "string" && v2.startsWith("$item")) resolved2[k2] = resolveScalarStatic(v2, ctx);
       }
-      return /* @__PURE__ */ jsx9(Fragment4, { children: formatInterpolated(pattern, params, resolved2, ctx) });
+      return /* @__PURE__ */ jsx10(Fragment4, { children: formatInterpolated(pattern, params, resolved2, ctx) });
     };
     txt = (v2, ctx) => {
       if (!isBinding(v2)) return asText2(v2);
@@ -121724,7 +121926,7 @@ var init_renderNode = __esm({
         if (resolved2 != null) return asTextL10n(resolved2, ctx);
         return ctx.itemScope ? null : bindingPlaceholder(v2, ctx);
       }
-      if (ctx.provider) return /* @__PURE__ */ jsx9(Bound, { ctx, binding: v2, render: (val) => asTextL10n(val, ctx) });
+      if (ctx.provider) return /* @__PURE__ */ jsx10(Bound, { ctx, binding: v2, render: (val) => asTextL10n(val, ctx) });
       return bindingPlaceholder(v2, ctx);
     };
     selectFragmentCase = (props, discriminator) => {
@@ -121774,9 +121976,9 @@ var init_renderNode = __esm({
         // padding adds OUTSIDE the 100% width, so the slot renders wider than its parent
         // 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__ */ jsxs6("div", { "data-fragment-slot": slotId ?? "", "data-fragment-case": selectedId, style: { width: "100%", boxSizing: "border-box", ...extra }, children: [
-          selected?.content ? /* @__PURE__ */ jsx9(React9.Fragment, { children: renderNode(selected.content, ctx) }, selectedId) : null,
-          /* @__PURE__ */ jsx9("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 })
+        /* @__PURE__ */ jsxs7("div", { "data-fragment-slot": slotId ?? "", "data-fragment-case": selectedId, style: { width: "100%", boxSizing: "border-box", ...extra }, children: [
+          selected?.content ? /* @__PURE__ */ jsx10(React9.Fragment, { children: renderNode(selected.content, ctx) }, selectedId) : null,
+          /* @__PURE__ */ jsx10("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 })
         ] })
       );
     };
@@ -121787,7 +121989,7 @@ var init_renderNode = __esm({
       const discriminator = isService ? bound : 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__ */ jsx9(RichContentEditorView, { props, ctx, wrap, nodeId, renderChild: (n2) => renderNode(n2, ctx) }));
+    RichContentEditorNode = withExtras("RichContentEditorNode", ({ props, ctx, wrap, nodeId }) => /* @__PURE__ */ jsx10(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);
@@ -121832,7 +122034,7 @@ var init_renderNode = __esm({
       };
       const f2 = ctx.font("bodyEmphasis");
       const radius = 12;
-      return /* @__PURE__ */ jsxs6(
+      return /* @__PURE__ */ jsxs7(
         "div",
         {
           role: "button",
@@ -121849,13 +122051,13 @@ var init_renderNode = __esm({
           },
           style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: 160, borderRadius: radius, overflow: "hidden", background: C2("surfaceSecondary", "#F2F3F5"), cursor: "pointer", boxSizing: "border-box", ...wrap },
           children: [
-            /* @__PURE__ */ jsx9("input", { ref: fileRef, type: "file", accept: "image/*", tabIndex: -1, "aria-hidden": "true", onChange: onPick, onClick: (e2) => e2.stopPropagation(), style: { display: "none" } }),
-            imageUrl ? /* @__PURE__ */ jsx9("img", { src: resolveAssetUrl(imageUrl, ctx.assetBaseUrl), alt: "", "aria-hidden": "true", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", display: "block" } }) : /* @__PURE__ */ jsxs6("div", { "aria-hidden": "true", style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, color: accentTextColor(ctx) }, children: [
+            /* @__PURE__ */ jsx10("input", { ref: fileRef, type: "file", accept: "image/*", tabIndex: -1, "aria-hidden": "true", onChange: onPick, onClick: (e2) => e2.stopPropagation(), style: { display: "none" } }),
+            imageUrl ? /* @__PURE__ */ jsx10("img", { src: resolveAssetUrl(imageUrl, ctx.assetBaseUrl), alt: "", "aria-hidden": "true", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", display: "block" } }) : /* @__PURE__ */ jsxs7("div", { "aria-hidden": "true", style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, color: accentTextColor(ctx) }, children: [
               iconSvg("camera", { size: 28, color: accentTextColor(ctx) }),
-              /* @__PURE__ */ jsx9("span", { style: { fontFamily: fontStack(f2.family, ctx.idiom), fontWeight: f2.weight, fontSize: f2.remSize }, children: name })
+              /* @__PURE__ */ jsx10("span", { style: { fontFamily: fontStack(f2.family, ctx.idiom), fontWeight: f2.weight, fontSize: f2.remSize }, children: name })
             ] }),
-            uploading ? /* @__PURE__ */ jsx9("div", { "aria-hidden": "true", "data-media-uploading": "true", style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.35)" } }) : null,
-            failed2 && !uploading ? /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", "data-media-upload-error": "true", style: { position: "absolute", left: 8, right: 8, bottom: 8, textAlign: "center", fontSize: pxToRem(13), color: C2("danger", "#E62214") }, children: MEDIA_FIELD_UPLOAD_FAILED }) : null
+            uploading ? /* @__PURE__ */ jsx10("div", { "aria-hidden": "true", "data-media-uploading": "true", style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.35)" } }) : null,
+            failed2 && !uploading ? /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", "data-media-upload-error": "true", style: { position: "absolute", left: 8, right: 8, bottom: 8, textAlign: "center", fontSize: pxToRem(13), color: C2("danger", "#E62214") }, children: MEDIA_FIELD_UPLOAD_FAILED }) : null
           ]
         }
       );
@@ -121899,7 +122101,7 @@ var init_renderNode = __esm({
       const component = validation.ok ? validation.component : fallback;
       const reason = validation.ok ? "accepted" : validation.reason;
       const maxHeight = Number.isInteger(policy?.maxHeight) && policy.maxHeight > 0 ? Math.min(policy.maxHeight, WORKER_SUBTREE_CEILINGS.maxHeight) : WORKER_SUBTREE_CEILINGS.maxHeight;
-      return /* @__PURE__ */ jsx9("div", { "data-worker-subtree": slotId ?? "", "data-worker-subtree-status": reason, style: { width: "100%", maxHeight, overflow: "hidden", ...extra }, children: component ? renderNode(component, ctx) : null });
+      return /* @__PURE__ */ jsx10("div", { "data-worker-subtree": slotId ?? "", "data-worker-subtree-status": reason, style: { width: "100%", maxHeight, overflow: "hidden", ...extra }, children: component ? renderNode(component, ctx) : null });
     });
     RichContentNode = withExtras("RichContentNode", ({ props, ctx, wrap, nodeId }) => {
       const componentId = nodeId ?? "";
@@ -121918,12 +122120,12 @@ var init_renderNode = __esm({
         ctx.emitTelemetry?.("rich_content_rejected", { componentId, reason }, ctx.screenId);
       }, [ctx, componentId, reason, raw]);
       const style = { width: "100%", display: "flex", flexDirection: "column", gap: 12, ...wrap };
-      if (result === null) return /* @__PURE__ */ jsx9("div", { "data-rich-content-status": "pending", style });
+      if (result === null) return /* @__PURE__ */ jsx10("div", { "data-rich-content-status": "pending", style });
       if ("rejected" in result) {
         const fallback = props.fallback;
-        return /* @__PURE__ */ jsx9("div", { "data-rich-content-status": result.rejected, style, children: fallback ? renderNode(fallback, ctx) : null });
+        return /* @__PURE__ */ jsx10("div", { "data-rich-content-status": result.rejected, style, children: fallback ? renderNode(fallback, ctx) : null });
       }
-      return /* @__PURE__ */ jsx9("div", { "data-rich-content-status": "ok", style, children: /* @__PURE__ */ jsx9(RichContentBlocks, { blocks: result.blocks, componentId, onLink: props.onLink ?? props.on_link, ctx, render: renderNode }) });
+      return /* @__PURE__ */ jsx10("div", { "data-rich-content-status": "ok", style, children: /* @__PURE__ */ jsx10(RichContentBlocks, { blocks: result.blocks, componentId, onLink: props.onLink ?? props.on_link, ctx, render: renderNode }) });
     });
     resolveItemDeep2 = (v2, ctx) => {
       if (typeof v2 === "string") return isBinding(v2) && v2.startsWith("$item") ? resolveScalarStatic(v2, ctx) : v2;
@@ -122020,11 +122222,11 @@ var init_renderNode = __esm({
         return () => unsubs.forEach((unsubscribe) => unsubscribe());
       }, [ctx.provider, bindingKey]);
       const rendered = renderNodeInner(node, ctx);
-      return /* @__PURE__ */ jsx9(Fragment4, { children: style ? withRootStyle(rendered, style) : rendered });
+      return /* @__PURE__ */ jsx10(Fragment4, { children: style ? withRootStyle(rendered, style) : rendered });
     };
     HiddenGate = ({ ctx, binding: binding2, children }) => {
       const v2 = useBoundValue(ctx, binding2);
-      return hiddenBool(v2) ? null : /* @__PURE__ */ jsx9(Fragment4, { children });
+      return hiddenBool(v2) ? null : /* @__PURE__ */ jsx10(Fragment4, { children });
     };
     KEYBOARD_INPUT_MODES = { email: "email", phone: "tel", number: "numeric", decimal: "decimal", url: "url" };
     AUTOCAPITALIZE_VALUES = /* @__PURE__ */ new Set(["none", "words", "sentences", "characters"]);
@@ -122252,24 +122454,24 @@ var init_renderNode = __esm({
         submit();
       };
       const inputBase = { flex: 1, minWidth: 0, minHeight: multilineBox ? 44 : void 0, alignSelf: "stretch", border: "none", outline: "none", background: "transparent", padding: multilineBox ? 0 : "11px 0", margin: 0, width: "100%", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e"), resize: "none" };
-      const accIcon = (name) => /* @__PURE__ */ jsx9("span", { style: { display: "inline-grid", placeItems: "center", width: 18, height: 18, flex: "none" }, children: iconSvg(name, { size: 17, color: muted }) });
+      const accIcon = (name) => /* @__PURE__ */ jsx10("span", { style: { display: "inline-grid", placeItems: "center", width: 18, height: 18, flex: "none" }, children: iconSvg(name, { size: 17, color: muted }) });
       const box = borderless ? { display: "flex", alignItems: "center", gap: 8, width: "100%", boxSizing: "border-box", ...wrap } : { display: "flex", alignItems: "center", gap: 8, width: "100%", background: C2("surfacePrimary", "#fff"), border: `1px solid ${errored ? C2("danger", "#E62214") : C2("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: multilineBox ? "11px 14px" : "0 14px", boxSizing: "border-box", minHeight: multilineBox ? 48 : 44, ...wrap };
       const composedBox = addIntrinsicPadding(box, wrap) ?? box;
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [
-        fieldLabel ? /* @__PURE__ */ jsx9("label", { htmlFor: fieldDomId, style: { fontSize: 12, color: C2("textSecondary", "#636b78") }, children: fieldLabel }) : null,
-        /* @__PURE__ */ jsxs6("div", { style: composedBox, children: [
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [
+        fieldLabel ? /* @__PURE__ */ jsx10("label", { htmlFor: fieldDomId, style: { fontSize: 12, color: C2("textSecondary", "#636b78") }, children: fieldLabel }) : null,
+        /* @__PURE__ */ jsxs7("div", { style: composedBox, children: [
           props.leadingIcon && accIcon(props.leadingIcon),
-          prefixText && /* @__PURE__ */ jsx9("span", { style: { color: muted, flex: "none" }, children: prefixText }),
-          multilineBox ? /* @__PURE__ */ jsx9("textarea", { "data-component-id": componentId, id: fieldDomId, "data-component-type": componentType, ...a11yFwd, ref: inputRef, value: local, onChange: onInput, onKeyDown, onFocus: onFieldFocus, onBlur: onFieldBlur, placeholder: placeholder2, rows: 2, "aria-label": ariaLabelProp ?? placeholderName, "aria-labelledby": labelledBy, "aria-required": required3, "aria-invalid": errored || void 0, "aria-describedby": [errorId, describedByProp].filter(Boolean).join(" ") || void 0, inputMode, autoCapitalize, maxLength, autoCorrect: suggestOff ? "off" : suggestOn ? "on" : void 0, spellCheck: suggestOff ? false : suggestOn ? true : void 0, autoComplete: suggestOff ? "off" : void 0, style: inputBase }) : /* @__PURE__ */ jsx9("input", { "data-component-id": componentId, id: htmlId, "data-component-type": componentType, ...a11yFwd, ref: inputRef, type: secure ? "password" : "text", value: local, onChange: onInput, onKeyDown, onFocus: onFieldFocus, onBlur: onFieldBlur, placeholder: placeholder2, "aria-label": ariaLabelProp ?? placeholderName, "aria-labelledby": labelledBy, "aria-required": required3, "aria-invalid": errored || void 0, "aria-describedby": [errorId, describedByProp].filter(Boolean).join(" ") || void 0, inputMode, autoCapitalize, maxLength, autoCorrect: suggestOff ? "off" : suggestOn ? "on" : void 0, spellCheck: suggestOff ? false : suggestOn ? true : void 0, autoComplete: suggestOff ? "off" : void 0, enterKeyHint, style: inputBase }),
-          suffixText && /* @__PURE__ */ jsx9("span", { style: { color: muted, flex: "none" }, children: suffixText }),
-          props.clearButton && local && /* @__PURE__ */ jsx9("span", { onClick: () => {
+          prefixText && /* @__PURE__ */ jsx10("span", { style: { color: muted, flex: "none" }, children: prefixText }),
+          multilineBox ? /* @__PURE__ */ jsx10("textarea", { "data-component-id": componentId, id: fieldDomId, "data-component-type": componentType, ...a11yFwd, ref: inputRef, value: local, onChange: onInput, onKeyDown, onFocus: onFieldFocus, onBlur: onFieldBlur, placeholder: placeholder2, rows: 2, "aria-label": ariaLabelProp ?? placeholderName, "aria-labelledby": labelledBy, "aria-required": required3, "aria-invalid": errored || void 0, "aria-describedby": [errorId, describedByProp].filter(Boolean).join(" ") || void 0, inputMode, autoCapitalize, maxLength, autoCorrect: suggestOff ? "off" : suggestOn ? "on" : void 0, spellCheck: suggestOff ? false : suggestOn ? true : void 0, autoComplete: suggestOff ? "off" : void 0, style: inputBase }) : /* @__PURE__ */ jsx10("input", { "data-component-id": componentId, id: htmlId, "data-component-type": componentType, ...a11yFwd, ref: inputRef, type: secure ? "password" : "text", value: local, onChange: onInput, onKeyDown, onFocus: onFieldFocus, onBlur: onFieldBlur, placeholder: placeholder2, "aria-label": ariaLabelProp ?? placeholderName, "aria-labelledby": labelledBy, "aria-required": required3, "aria-invalid": errored || void 0, "aria-describedby": [errorId, describedByProp].filter(Boolean).join(" ") || void 0, inputMode, autoCapitalize, maxLength, autoCorrect: suggestOff ? "off" : suggestOn ? "on" : void 0, spellCheck: suggestOff ? false : suggestOn ? true : void 0, autoComplete: suggestOff ? "off" : void 0, enterKeyHint, style: inputBase }),
+          suffixText && /* @__PURE__ */ jsx10("span", { style: { color: muted, flex: "none" }, children: suffixText }),
+          props.clearButton && local && /* @__PURE__ */ jsx10("span", { onClick: () => {
             setLocal("");
             setEdited(true);
             emit("");
           }, style: { display: "inline-grid", placeItems: "center", width: 18, height: 18, borderRadius: "50%", background: C2("surfaceTertiary", "#e3e6ea"), color: muted, fontSize: 12, flex: "none", cursor: "pointer" }, children: "\xD7" }),
           props.trailingIcon && accIcon(props.trailingIcon)
         ] }),
-        revealed ? /* @__PURE__ */ jsx9("span", { id: errorId, role: "alert", style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("danger", "#E62214"), paddingLeft: 2 }, children: message }) : (props.helperText ?? cfg.helperText) != null ? /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: errored ? C2("danger", "#E62214") : muted, paddingLeft: 2 }, children: txt(props.helperText ?? cfg.helperText, ctx) }) : null
+        revealed ? /* @__PURE__ */ jsx10("span", { id: errorId, role: "alert", style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("danger", "#E62214"), paddingLeft: 2 }, children: message }) : (props.helperText ?? cfg.helperText) != null ? /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: errored ? C2("danger", "#E62214") : muted, paddingLeft: 2 }, children: txt(props.helperText ?? cfg.helperText, ctx) }) : null
       ] });
     };
     MenuNode = withExtras("MenuNode", ({ props, ctx, wrap }) => {
@@ -122298,7 +122500,9 @@ var init_renderNode = __esm({
       }, [open]);
       const modal = isOverlayModal("Menu", props.modal);
       const anchorLabel = props.anchor?.modifiers?.accessibilityLabel || "More actions";
-      const popupPlacement = { position: "absolute", top: "100%", right: 0, zIndex: 20, marginTop: 4 };
+      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 = React9.useRef(null);
       const menuRef = React9.useRef(null);
       const dialogRef = React9.useRef(null);
@@ -122330,8 +122534,8 @@ var init_renderNode = __esm({
         e2.preventDefault();
         items2[next].focus();
       };
-      return /* @__PURE__ */ jsxs6("span", { ref: hostRef, style: { position: "relative", display: "inline-flex", ...wrap }, children: [
-        /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsxs7("span", { ref: hostRef, "data-menu-fill": fill ? "" : void 0, style: { position: "relative", display: fill ? "flex" : "inline-flex", ...wrap }, children: [
+        /* @__PURE__ */ jsx10(
           "span",
           {
             ref: anchorRef,
@@ -122351,11 +122555,11 @@ var init_renderNode = __esm({
                 setOpen((v2) => !v2);
               }
             },
-            style: { display: "inline-flex", alignItems: "center", justifyContent: "center", minWidth: 44, minHeight: 44, cursor: "pointer" },
-            children: props.anchor ? renderNode(props.anchor, ctx) : iconSvg("more", { size: 20, color: C2("textSecondary", "#636b78") })
+            style: { display: fill ? "flex" : "inline-flex", alignItems: "center", justifyContent: fill ? "stretch" : "center", ...fill ? { flex: "1 1 auto", width: "100%" } : {}, minWidth: 44, minHeight: 44, cursor: "pointer" },
+            children: props.anchor ? fill ? /* @__PURE__ */ jsx10("span", { style: { display: "block", flex: "1 1 auto", minWidth: 0 }, children: renderNode(props.anchor, ctx) }) : renderNode(props.anchor, ctx) : iconSvg("more", { size: 20, color: C2("textSecondary", "#636b78") })
           }
         ),
-        open && wrapModalMenu(modal, anchorLabel, popupPlacement, dialogRef, /* @__PURE__ */ jsx9(
+        open && wrapModalMenu(modal, anchorLabel, popupPlacement, dialogRef, /* @__PURE__ */ jsx10(
           "div",
           {
             ref: menuRef,
@@ -122363,7 +122567,7 @@ var init_renderNode = __esm({
             tabIndex: modal ? -1 : void 0,
             onKeyDown: trapTab,
             style: { ...modal ? {} : popupPlacement, display: "flex", flexDirection: "column", minWidth: 180, background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: 12, boxShadow: "0 6px 20px rgba(0,0,0,.12)", overflow: "hidden", padding: 4 },
-            children: items.map((it2, i2) => /* @__PURE__ */ jsxs6(
+            children: items.map((it2, i2) => /* @__PURE__ */ jsxs7(
               "div",
               {
                 role: "menuitem",
@@ -122384,8 +122588,8 @@ var init_renderNode = __esm({
                 } : void 0,
                 style: { display: "flex", alignItems: "center", gap: 10, padding: "9px 10px", borderRadius: 8, cursor: it2?.disabled ? "default" : "pointer", opacity: it2?.disabled ? 0.4 : 1, color: it2?.destructive ? C2("danger", "#E62214") : C2("textPrimary", "#13171e"), fontFamily: bodyFont(ctx), fontSize: pxToRem(15) },
                 children: [
-                  it2?.icon && /* @__PURE__ */ jsx9("span", { style: { display: "inline-grid", placeItems: "center", width: 20, height: 20 }, children: iconSvg(it2.icon, { size: 18, color: it2?.destructive ? C2("danger", "#E62214") : C2("textSecondary", "#636b78") }) }),
-                  /* @__PURE__ */ jsx9("span", { children: asText2(it2?.label) || "Item" })
+                  it2?.icon && /* @__PURE__ */ jsx10("span", { style: { display: "inline-grid", placeItems: "center", width: 20, height: 20 }, children: iconSvg(it2.icon, { size: 18, color: it2?.destructive ? C2("danger", "#E62214") : C2("textSecondary", "#636b78") }) }),
+                  /* @__PURE__ */ jsx10("span", { children: asText2(it2?.label) || "Item" })
                 ]
               },
               it2?.id ?? i2
@@ -122414,7 +122618,7 @@ var init_renderNode = __esm({
         return () => io2.disconnect();
       }, [cursor]);
       if (!cursor) return null;
-      return /* @__PURE__ */ jsx9("div", { ref, style: { height: 1 }, "aria-hidden": "true", "data-testid": "load-more-sentinel" });
+      return /* @__PURE__ */ jsx10("div", { ref, style: { height: 1 }, "aria-hidden": "true", "data-testid": "load-more-sentinel" });
     };
     FieldErrorNode = withExtras("FieldErrorNode", ({ props, ctx, wrap }) => {
       const literalErrorText = useBoundString(props.text ?? props.message, ctx);
@@ -122425,8 +122629,8 @@ var init_renderNode = __esm({
       if (props.visible === false) return null;
       if (isBoundText && !text8) return null;
       const c2 = (props.severity ?? "error") === "warning" ? C2("warning", "#E89F00") : C2("danger", "#E62214");
-      return /* @__PURE__ */ jsxs6("div", { role: "alert", style: { display: "flex", gap: 6, alignItems: "center", color: c2, fontSize: pxToRem(13), fontFamily: bodyFont(ctx), ...wrap }, children: [
-        /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u26A0" }),
+      return /* @__PURE__ */ jsxs7("div", { role: "alert", style: { display: "flex", gap: 6, alignItems: "center", color: c2, fontSize: pxToRem(13), fontFamily: bodyFont(ctx), ...wrap }, children: [
+        /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: "\u26A0" }),
         text8
       ] });
     });
@@ -122458,7 +122662,7 @@ var init_renderNode = __esm({
         if (node.body) return { ...node, body: { ...node.body, props: { ...node.body.props ?? {}, disabled: true } } };
         return { ...node, props: { ...node.props ?? {}, disabled: true } };
       }, [props.submitButton, valid]);
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "column", gap: 14, width: "100%", ...wrap }, children: /* @__PURE__ */ jsxs6(FormValuesContext.Provider, { value: bag, children: [
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", flexDirection: "column", gap: 14, width: "100%", ...wrap }, children: /* @__PURE__ */ jsxs7(FormValuesContext.Provider, { value: bag, children: [
         kids2(props.fields, ctx),
         submitNode && renderNode(submitNode, submitCtx)
       ] }) });
@@ -122810,7 +123014,7 @@ var init_renderNode = __esm({
       const chrome = props.controls ?? "builtIn";
       const poster = String(item?.artworkUrl ?? props.posterUrl ?? "");
       const mediaTracks = Array.isArray(item?.textTracks) ? item.textTracks.filter((track) => typeof track?.url === "string" && ["subtitles", "captions", "chapters"].includes(String(track.kind ?? "subtitles"))) : [];
-      const renderMediaTracks = () => mediaTracks.map((track, trackIndex) => /* @__PURE__ */ jsx9(
+      const renderMediaTracks = () => mediaTracks.map((track, trackIndex) => /* @__PURE__ */ jsx10(
         "track",
         {
           kind: String(track.kind ?? "subtitles"),
@@ -122825,16 +123029,16 @@ var init_renderNode = __esm({
         const safe = Number.isFinite(seconds) ? Math.max(0, seconds) : 0;
         return `${Math.floor(safe / 60)}:${String(Math.floor(safe % 60)).padStart(2, "0")}`;
       };
-      const builtInControls = /* @__PURE__ */ jsxs6("div", { "data-media-controls": "builtIn", style: { display: "grid", gridTemplateColumns: "auto auto 1fr auto auto", gap: 10, alignItems: "center", width: "100%", padding: "10px 12px", boxSizing: "border-box", color: foreground, background: "linear-gradient(transparent,rgba(0,0,0,.82))" }, children: [
-        items.length > 1 && /* @__PURE__ */ jsx9("button", { "aria-label": "Previous", onClick: () => select(index - 1), style: { color: "inherit", background: "transparent", border: 0, fontSize: pxToRem(18) }, children: "\u25C0\u25C0" }),
-        /* @__PURE__ */ jsx9("button", { "aria-label": status === "playing" ? "Pause" : "Play", onClick: () => status === "playing" ? pause() : void play(), style: { width: 38, height: 38, borderRadius: "50%", color: background, background: foreground, border: 0, fontSize: 18 }, children: status === "playing" ? "\u275A\u275A" : "\u25B6" }),
-        /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(11), whiteSpace: "nowrap" }, children: time(position) }),
-          /* @__PURE__ */ jsx9("input", { "aria-label": "Media position", type: "range", min: 0, max: Math.max(duration2, 1), step: 0.1, value: Math.min(position, Math.max(duration2, 1)), onChange: (event) => seek(Number(event.currentTarget.value)), style: { width: "100%", accentColor: accent } }),
-          /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(11), whiteSpace: "nowrap" }, children: time(duration2) })
+      const builtInControls = /* @__PURE__ */ jsxs7("div", { "data-media-controls": "builtIn", style: { display: "grid", gridTemplateColumns: "auto auto 1fr auto auto", gap: 10, alignItems: "center", width: "100%", padding: "10px 12px", boxSizing: "border-box", color: foreground, background: "linear-gradient(transparent,rgba(0,0,0,.82))" }, children: [
+        items.length > 1 && /* @__PURE__ */ jsx10("button", { "aria-label": "Previous", onClick: () => select(index - 1), style: { color: "inherit", background: "transparent", border: 0, fontSize: pxToRem(18) }, children: "\u25C0\u25C0" }),
+        /* @__PURE__ */ jsx10("button", { "aria-label": status === "playing" ? "Pause" : "Play", onClick: () => status === "playing" ? pause() : void play(), style: { width: 38, height: 38, borderRadius: "50%", color: background, background: foreground, border: 0, fontSize: 18 }, children: status === "playing" ? "\u275A\u275A" : "\u25B6" }),
+        /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(11), whiteSpace: "nowrap" }, children: time(position) }),
+          /* @__PURE__ */ jsx10("input", { "aria-label": "Media position", type: "range", min: 0, max: Math.max(duration2, 1), step: 0.1, value: Math.min(position, Math.max(duration2, 1)), onChange: (event) => seek(Number(event.currentTarget.value)), style: { width: "100%", accentColor: accent } }),
+          /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(11), whiteSpace: "nowrap" }, children: time(duration2) })
         ] }),
-        items.length > 1 && /* @__PURE__ */ jsx9("button", { "aria-label": "Next", onClick: () => select(index + 1), style: { color: "inherit", background: "transparent", border: 0, fontSize: pxToRem(18) }, children: "\u25B6\u25B6" }),
-        props.fullscreen !== "disabled" && /* @__PURE__ */ jsx9("button", { "aria-label": "Fullscreen", onClick: () => void toggleFullscreen(), style: { color: "inherit", background: "transparent", border: 0, fontSize: pxToRem(18) }, children: "\u26F6" })
+        items.length > 1 && /* @__PURE__ */ jsx10("button", { "aria-label": "Next", onClick: () => select(index + 1), style: { color: "inherit", background: "transparent", border: 0, fontSize: pxToRem(18) }, children: "\u25B6\u25B6" }),
+        props.fullscreen !== "disabled" && /* @__PURE__ */ jsx10("button", { "aria-label": "Fullscreen", onClick: () => void toggleFullscreen(), style: { color: "inherit", background: "transparent", border: 0, fontSize: pxToRem(18) }, children: "\u26F6" })
       ] });
       const customControls = chrome === "custom" ? slot("controls") : null;
       const showBuiltIn = chrome === "builtIn";
@@ -122888,34 +123092,34 @@ var init_renderNode = __esm({
           emit(props.onError, { state: "error", status: "error", error: message, code: "source_error" });
         }
       };
-      if (items.length === 0) return /* @__PURE__ */ jsx9("div", { "data-media-player": sessionId, style: { minHeight: props.height ?? 120, display: "grid", placeItems: "center", ...wrap }, children: slot("empty") ?? "No media" });
-      return /* @__PURE__ */ jsxs6("div", { ref: hostRef, "data-media-player": sessionId, "data-media-provider": provider, "data-media-status": status, "data-media-fullscreen": fullscreen ? "true" : "false", style: { position: hidden ? "fixed" : "relative", width: hidden ? 1 : "100%", height: hidden ? 1 : props.height, aspectRatio: hidden || props.height ? void 0 : String(ar2), overflow: "hidden", borderRadius: fullscreen ? 0 : ctx.radius("md", 8), background, color: foreground, display: hidden ? "block" : "flex", flexDirection: "column", isolation: "isolate", ...wrap }, children: [
+      if (items.length === 0) return /* @__PURE__ */ jsx10("div", { "data-media-player": sessionId, style: { minHeight: props.height ?? 120, display: "grid", placeItems: "center", ...wrap }, children: slot("empty") ?? "No media" });
+      return /* @__PURE__ */ jsxs7("div", { ref: hostRef, "data-media-player": sessionId, "data-media-provider": provider, "data-media-status": status, "data-media-fullscreen": fullscreen ? "true" : "false", style: { position: hidden ? "fixed" : "relative", width: hidden ? 1 : "100%", height: hidden ? 1 : props.height, aspectRatio: hidden || props.height ? void 0 : String(ar2), overflow: "hidden", borderRadius: fullscreen ? 0 : ctx.radius("md", 8), background, color: foreground, display: hidden ? "block" : "flex", flexDirection: "column", isolation: "isolate", ...wrap }, children: [
         slot("audioBackground"),
-        isUnsupportedProvider ? /* @__PURE__ */ jsxs6("div", { role: "status", style: { flex: 1, minHeight: 0, display: "grid", placeItems: "center", gap: 8, padding: 24, textAlign: "center", background: "#17191f", color: foreground }, children: [
-          /* @__PURE__ */ jsx9("div", { style: { fontWeight: 700 }, children: "Provider playback unavailable" }),
-          /* @__PURE__ */ jsxs6("div", { style: { opacity: 0.75, fontSize: pxToRem(13) }, children: [
+        isUnsupportedProvider ? /* @__PURE__ */ jsxs7("div", { role: "status", style: { flex: 1, minHeight: 0, display: "grid", placeItems: "center", gap: 8, padding: 24, textAlign: "center", background: "#17191f", color: foreground }, children: [
+          /* @__PURE__ */ jsx10("div", { style: { fontWeight: 700 }, children: "Provider playback unavailable" }),
+          /* @__PURE__ */ jsxs7("div", { style: { opacity: 0.75, fontSize: pxToRem(13) }, children: [
             "This course uses an unsupported provider adapter: ",
             provider,
             "."
           ] })
-        ] }) : isYouTube ? /* @__PURE__ */ jsx9("iframe", { title: String(item?.title ?? "YouTube video"), src: `https://www.youtube-nocookie.com/embed/${encodeURIComponent(youtubeId(item))}?playsinline=1&autoplay=${props.autoplay === "never" ? 0 : 1}&mute=${props.muted === true ? 1 : 0}&controls=${chrome === "none" ? 0 : 1}`, allow: "autoplay; encrypted-media; picture-in-picture; fullscreen", allowFullScreen: true, style: { border: 0, width: "100%", flex: 1, minHeight: 0 } }, mediaKey2) : isAudio ? /* @__PURE__ */ jsxs6("div", { style: { position: "relative", flex: 1, minHeight: 0, display: "grid", gridTemplateColumns: props.presentation === "compact" || props.presentation === "mini" ? "72px 1fr" : "1fr", alignItems: "center", gap: 16, padding: hidden ? 0 : 16, boxSizing: "border-box" }, children: [
-          poster && /* @__PURE__ */ jsx9("img", { src: poster, alt: "", style: chrome === "custom" ? { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", opacity: 0.62 } : { width: props.presentation === "compact" || props.presentation === "mini" ? 72 : "min(55%, 260px)", aspectRatio: "1", objectFit: "cover", borderRadius: ctx.radius("md", 8), justifySelf: "center" } }),
-          chrome === "custom" && /* @__PURE__ */ jsx9("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(transparent,rgba(0,0,0,.75))" } }),
-          !hidden && chrome !== "custom" && /* @__PURE__ */ jsxs6("div", { style: { textAlign: props.presentation === "compact" || props.presentation === "mini" ? "left" : "center", minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx9("div", { style: { fontWeight: 700, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: String(item?.title ?? "Untitled") }),
-            /* @__PURE__ */ jsx9("div", { style: { opacity: 0.7, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: String(item?.artist ?? item?.album ?? "") })
+        ] }) : isYouTube ? /* @__PURE__ */ jsx10("iframe", { title: String(item?.title ?? "YouTube video"), src: `https://www.youtube-nocookie.com/embed/${encodeURIComponent(youtubeId(item))}?playsinline=1&autoplay=${props.autoplay === "never" ? 0 : 1}&mute=${props.muted === true ? 1 : 0}&controls=${chrome === "none" ? 0 : 1}`, allow: "autoplay; encrypted-media; picture-in-picture; fullscreen", allowFullScreen: true, style: { border: 0, width: "100%", flex: 1, minHeight: 0 } }, mediaKey2) : isAudio ? /* @__PURE__ */ jsxs7("div", { style: { position: "relative", flex: 1, minHeight: 0, display: "grid", gridTemplateColumns: props.presentation === "compact" || props.presentation === "mini" ? "72px 1fr" : "1fr", alignItems: "center", gap: 16, padding: hidden ? 0 : 16, boxSizing: "border-box" }, children: [
+          poster && /* @__PURE__ */ jsx10("img", { src: poster, alt: "", style: chrome === "custom" ? { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", opacity: 0.62 } : { width: props.presentation === "compact" || props.presentation === "mini" ? 72 : "min(55%, 260px)", aspectRatio: "1", objectFit: "cover", borderRadius: ctx.radius("md", 8), justifySelf: "center" } }),
+          chrome === "custom" && /* @__PURE__ */ jsx10("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(transparent,rgba(0,0,0,.75))" } }),
+          !hidden && chrome !== "custom" && /* @__PURE__ */ jsxs7("div", { style: { textAlign: props.presentation === "compact" || props.presentation === "mini" ? "left" : "center", minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 700, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: String(item?.title ?? "Untitled") }),
+            /* @__PURE__ */ jsx10("div", { style: { opacity: 0.7, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: String(item?.artist ?? item?.album ?? "") })
           ] }),
-          /* @__PURE__ */ jsx9("audio", { ref: (el2) => {
+          /* @__PURE__ */ jsx10("audio", { ref: (el2) => {
             mediaRef.current = el2;
           }, ...commonMedia, children: renderMediaTracks() }, mediaKey2)
-        ] }) : /* @__PURE__ */ jsx9("video", { ref: (el2) => {
+        ] }) : /* @__PURE__ */ jsx10("video", { ref: (el2) => {
           mediaRef.current = el2;
         }, poster: poster || void 0, ...commonMedia, style: { width: "100%", flex: 1, minHeight: 0, display: "block", objectFit: props.contentMode === "fill" ? "cover" : "contain", background: "#000" }, children: renderMediaTracks() }, mediaKey2),
         status === "idle" && slot("poster"),
         slot("overlay"),
         status === "loading" && slot("loading"),
-        (status === "error" || status === "blocked") && (slot("error") ?? /* @__PURE__ */ jsx9("button", { onClick: () => void play(), style: { position: "absolute", inset: 0, margin: "auto", width: "fit-content", height: "fit-content", padding: "10px 16px", borderRadius: 999, border: 0 }, children: "Tap to play" })),
-        minimal && !isYouTube && /* @__PURE__ */ jsx9("button", { "aria-label": status === "playing" ? "Pause" : "Play", onClick: () => status === "playing" ? pause() : void play(), style: { position: "absolute", inset: 0, margin: "auto", width: 54, height: 54, borderRadius: "50%", border: 0, background: foreground, color: background, fontSize: 24 }, children: status === "playing" ? "\u275A\u275A" : "\u25B6" }),
+        (status === "error" || status === "blocked") && (slot("error") ?? /* @__PURE__ */ jsx10("button", { onClick: () => void play(), style: { position: "absolute", inset: 0, margin: "auto", width: "fit-content", height: "fit-content", padding: "10px 16px", borderRadius: 999, border: 0 }, children: "Tap to play" })),
+        minimal && !isYouTube && /* @__PURE__ */ jsx10("button", { "aria-label": status === "playing" ? "Pause" : "Play", onClick: () => status === "playing" ? pause() : void play(), style: { position: "absolute", inset: 0, margin: "auto", width: 54, height: 54, borderRadius: "50%", border: 0, background: foreground, color: background, fontSize: 24 }, children: status === "playing" ? "\u275A\u275A" : "\u25B6" }),
         !hidden && !isYouTube && !isUnsupportedProvider && (showBuiltIn ? builtInControls : customControls),
         fullscreen && slot("fullscreenOverlay")
       ] });
@@ -122929,7 +123133,7 @@ var init_renderNode = __esm({
       const ar2 = typeof props.aspectRatio === "number" && props.aspectRatio > 0 ? props.aspectRatio : 16 / 9;
       const srcStr = typeof url === "string" && !isBinding(url) ? url : void 0;
       const posterStr = typeof poster === "string" && !isBinding(poster) ? poster : void 0;
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         "video",
         {
           src: srcStr,
@@ -122984,7 +123188,7 @@ var init_renderNode = __esm({
         ...wrap
       };
       if (loading) {
-        return /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10(
           "div",
           {
             "data-himalaya-pdf": "loading",
@@ -122996,7 +123200,7 @@ var init_renderNode = __esm({
         );
       }
       if (!src) {
-        return /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10(
           "div",
           {
             "data-himalaya-pdf": "placeholder",
@@ -123013,7 +123217,7 @@ var init_renderNode = __esm({
       const nativeFragment = startPage ? fragmentWithPage(originalFragment, startPage) : originalFragment;
       const nativeSrc = src.split("#", 1)[0] + nativeFragment;
       if (typeof window === "undefined") {
-        return /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10(
           "object",
           {
             "data-himalaya-pdf": "static-fallback",
@@ -123024,7 +123228,7 @@ var init_renderNode = __esm({
           }
         );
       }
-      return /* @__PURE__ */ jsx9(React9.Suspense, { fallback: /* @__PURE__ */ jsx9("div", { "data-himalaya-pdf": "loading", role: "img", "aria-label": "loading document", "aria-busy": "true", style: { ...frame, background: "#f4f4f4" } }), children: /* @__PURE__ */ jsx9(PdfDocumentCanvas, { src, nativeSrc, title: typeof props.title === "string" && props.title ? props.title : "PDF document", height: ph, startPage, zoomPercent, style: frame }) });
+      return /* @__PURE__ */ jsx10(React9.Suspense, { fallback: /* @__PURE__ */ jsx10("div", { "data-himalaya-pdf": "loading", role: "img", "aria-label": "loading document", "aria-busy": "true", style: { ...frame, background: "#f4f4f4" } }), children: /* @__PURE__ */ jsx10(PdfDocumentCanvas, { src, nativeSrc, title: typeof props.title === "string" && props.title ? props.title : "PDF document", height: ph, startPage, zoomPercent, style: frame }) });
     });
     WebViewNode = withExtras("WebViewNode", ({ props, ctx, wrap }) => {
       const boundUrl = useResolvedScalar(props.url != null && isBinding(props.url) ? props.url : void 0, ctx);
@@ -123055,11 +123259,11 @@ var init_renderNode = __esm({
       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__ */ jsxs6("div", { style: { width: "100%", position: "relative", ...bandColor ? { background: bandColor, borderRadius: ctx.radius("md", 8), overflow: "hidden" } : {}, ...wrap }, children: [
-        bandColor ? /* @__PURE__ */ jsx9("div", { "data-testid": "webview-cover-band", style: { height: 8, background: bandColor } }) : null,
-        htmlStr ? /* @__PURE__ */ jsx9("iframe", { ...frameProps, srcDoc: htmlStr, sandbox: "allow-scripts" }) : urlFrame ? /* @__PURE__ */ jsx9("iframe", { ...frameProps, src: urlFrame.src, sandbox: urlFrame.sandbox }) : /* @__PURE__ */ jsx9("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)" }),
-        showLoading ? /* @__PURE__ */ jsxs6("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__ */ jsx9("div", { "aria-hidden": "true", style: { position: "absolute", left: 0, top: 0, height: 3, width: "40%", background: ctx.color("accentPrimary", "#116DFF") } }) : null,
+      return /* @__PURE__ */ jsxs7("div", { style: { width: "100%", position: "relative", ...bandColor ? { background: bandColor, borderRadius: ctx.radius("md", 8), overflow: "hidden" } : {}, ...wrap }, children: [
+        bandColor ? /* @__PURE__ */ jsx10("div", { "data-testid": "webview-cover-band", style: { height: 8, background: bandColor } }) : null,
+        htmlStr ? /* @__PURE__ */ jsx10("iframe", { ...frameProps, srcDoc: htmlStr, sandbox: "allow-scripts" }) : urlFrame ? /* @__PURE__ */ jsx10("iframe", { ...frameProps, src: urlFrame.src, sandbox: urlFrame.sandbox }) : /* @__PURE__ */ jsx10("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)" }),
+        showLoading ? /* @__PURE__ */ jsxs7("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__ */ jsx10("div", { "aria-hidden": "true", style: { position: "absolute", left: 0, top: 0, height: 3, width: "40%", background: ctx.color("accentPrimary", "#116DFF") } }) : null,
           config.loadingText ?? null
         ] }) : null
       ] });
@@ -123088,31 +123292,87 @@ var init_renderNode = __esm({
       React9.useEffect(() => {
         if (pickerBag && pickerFieldId) pickerBag.set(pickerFieldId, sel);
       }, [sel, pickerFieldId, pickerBag]);
-      if (!ctx.onAction) {
-        const staticSel = ctx.empty ? null : selectedId;
-        return /* @__PURE__ */ jsx9("div", { style: { display: "flex", background: C2("surfaceTertiary", "#eee"), borderRadius: ctx.radius("md", 8), padding: 3, width: "100%", boxSizing: "border-box", ...wrap }, children: opts.map((o2, i2) => {
-          const on4 = o2.id === staticSel;
-          return /* @__PURE__ */ jsx9("span", { style: { flex: 1, textAlign: "center", padding: "8px 4px", borderRadius: ctx.radius("sm", 6), fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(14), background: on4 ? C2("surfacePrimary", "#fff") : "transparent", color: on4 ? C2("textPrimary", "#111") : C2("textSecondary", "#777"), boxShadow: on4 ? "0 1px 3px rgba(0,0,0,.12)" : "none" }, children: asText2(o2.label ?? o2.title ?? o2.id) }, o2.id ?? i2);
-        }) });
-      }
-      const emit = (id) => {
+      const emitPick = (id) => {
+        if (!pickerOptionPickable(opts.find((option) => String(option?.id) === id))) return;
         setSel(id);
         if (onChange && ctx.onAction) {
           ctx.onAction({ ...onChange, params: { ...onChange.params ?? {}, selectedId: id }, args: { ...onChange.args ?? {}, selectedId: id } });
         }
       };
-      const pickerA11y = formFieldA11y(props);
-      return /* @__PURE__ */ jsxs6(
+      const mode = pickerPresentation(props, opts);
+      const labelOf = (o2) => asTextL10n(o2?.label ?? o2?.title ?? o2?.id, ctx);
+      const pickerA11yProps = formFieldA11y(props);
+      const pickerName = pickerA11yProps["aria-labelledby"] ? void 0 : String(placeholderText || "Select");
+      if (mode === "menu" || mode === "sheet") {
+        const look = pickerFieldLook(props.field, ctx);
+        const shownSel = ctx.onAction ? sel : ctx.empty ? null : selectedId;
+        const picked = opts.find((o2) => o2 != null && String(o2.id) === String(shownSel ?? ""));
+        const text8 = picked ? labelOf(picked) : String(placeholderText || "Select");
+        const box = /* @__PURE__ */ jsx10(PickerFieldBox, { look, ctx, option: picked, text: text8, isPlaceholder: !picked, font: bodyFont(ctx) });
+        if (!ctx.onAction) return /* @__PURE__ */ jsx10("div", { style: { width: "100%", ...wrap }, children: box });
+        return /* @__PURE__ */ jsxs7("div", { ...{ [A11Y_PART]: "root" }, "data-hm-picker-focus": "", style: { position: "relative", width: "100%", ...wrap }, children: [
+          box,
+          /* @__PURE__ */ jsxs7(
+            "select",
+            {
+              ...{ [A11Y_PART]: "node" },
+              tabIndex: 0,
+              value: picked ? String(picked.id) : "",
+              onChange: (e2) => {
+                const id = e2.currentTarget.value;
+                const o2 = opts.find((x2) => String(x2?.id) === id);
+                if (pickerOptionPickable(o2)) emitPick(id);
+              },
+              "aria-label": pickerName,
+              ...pickerA11yProps,
+              style: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", margin: 0, border: 0, fontSize: pxToRem(15) },
+              children: [
+                !picked && /* @__PURE__ */ jsx10("option", { value: "", disabled: true, children: text8 }),
+                opts.map((o2, i2) => /* @__PURE__ */ jsx10("option", { value: o2?.id, disabled: !pickerOptionPickable(o2), children: labelOf(o2) }, o2?.id ?? i2))
+              ]
+            }
+          )
+        ] });
+      }
+      if (mode === "wheel") {
+        const wheelOpts = pickerWheelOptions(opts);
+        const shownSel = ctx.onAction ? sel : ctx.empty ? "" : String(selectedId ?? "");
+        const wheelSelection = wheelOpts.some((o2) => String(o2.id) === shownSel) ? shownSel : "";
+        return /* @__PURE__ */ jsxs7(
+          "select",
+          {
+            size: Math.max(2, Math.min(5, wheelOpts.length)),
+            value: wheelSelection,
+            disabled: !ctx.onAction,
+            onChange: (e2) => emitPick(e2.currentTarget.value),
+            "aria-label": pickerName,
+            ...pickerA11yProps,
+            style: { width: "100%", background: C2("surfaceSecondary", "#f5f7fa"), border: "none", borderRadius: 12, padding: 6, boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(16), color: C2("textPrimary", "#111"), textAlign: "center", ...wrap },
+            children: [
+              wheelSelection === "" && /* @__PURE__ */ jsx10("option", { value: "", disabled: true, children: String(placeholderText || "Select") }),
+              wheelOpts.map((o2, i2) => /* @__PURE__ */ jsx10("option", { value: o2?.id, style: { padding: "6px 0" }, children: labelOf(o2) }, o2?.id ?? i2))
+            ]
+          }
+        );
+      }
+      if (!ctx.onAction) {
+        const staticSel = ctx.empty ? null : selectedId;
+        return /* @__PURE__ */ jsx10("div", { style: { display: "flex", background: C2("surfaceTertiary", "#eee"), borderRadius: ctx.radius("md", 8), padding: 3, width: "100%", boxSizing: "border-box", ...wrap }, children: opts.map((o2, i2) => {
+          const on4 = o2.id === staticSel;
+          return /* @__PURE__ */ jsx10("span", { style: { flex: 1, textAlign: "center", padding: "8px 4px", borderRadius: ctx.radius("sm", 6), fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(14), background: on4 ? C2("surfacePrimary", "#fff") : "transparent", color: on4 ? C2("textPrimary", "#111") : C2("textSecondary", "#777"), boxShadow: on4 ? "0 1px 3px rgba(0,0,0,.12)" : "none" }, children: labelOf(o2) }, o2.id ?? i2);
+        }) });
+      }
+      return /* @__PURE__ */ jsxs7(
         "select",
         {
           value: sel,
-          onChange: (e2) => emit(e2.currentTarget.value),
-          "aria-label": pickerA11y["aria-labelledby"] ? void 0 : String(placeholderText || "Select"),
-          ...pickerA11y,
+          onChange: (e2) => emitPick(e2.currentTarget.value),
+          "aria-label": pickerName,
+          ...pickerA11yProps,
           style: { width: "100%", background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "11px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#111"), ...wrap },
           children: [
-            props.placeholder && /* @__PURE__ */ jsx9("option", { value: "", disabled: true, children: placeholderText }),
-            opts.map((o2, i2) => /* @__PURE__ */ jsx9("option", { value: o2.id, children: asText2(o2.label ?? o2.title ?? o2.id) }, o2.id ?? i2))
+            props.placeholder && /* @__PURE__ */ jsx10("option", { value: "", disabled: true, children: placeholderText }),
+            opts.map((o2, i2) => /* @__PURE__ */ jsx10("option", { value: o2.id, disabled: !pickerOptionPickable(o2), children: labelOf(o2) }, o2.id ?? i2))
           ]
         }
       );
@@ -123171,9 +123431,9 @@ var init_renderNode = __esm({
           const d2 = new Date(props.valueUnix * 1e3);
           label2 = timeMode ? d2.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : dateTimeMode ? d2.toLocaleString(void 0, { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : d2.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
         }
-        return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#111"), ...wrap }, children: [
-          /* @__PURE__ */ jsx9("span", { children: label2 }),
-          /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(18) }, children: "\u{1F4C5}" })
+        return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#111"), ...wrap }, children: [
+          /* @__PURE__ */ jsx10("span", { children: label2 }),
+          /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(18) }, children: "\u{1F4C5}" })
         ] });
       }
       const onChange = props.onChange;
@@ -123196,7 +123456,7 @@ var init_renderNode = __esm({
         if (!onChange || !ctx.onAction) return;
         ctx.onAction({ ...onChange, params: { ...onChange.params ?? {}, value }, args: { ...onChange.args ?? {}, value } });
       };
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         "input",
         {
           type: timeMode ? "time" : dateTimeMode ? "datetime-local" : "date",
@@ -123214,13 +123474,13 @@ var init_renderNode = __esm({
       const placeholderText = useBoundString(props.placeholder, ctx);
       const C2 = ctx.color;
       const muted = C2("textSecondary", "#888");
-      const icon = /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { opacity: 0.6, flex: "none" }, children: [
-        /* @__PURE__ */ jsx9("circle", { cx: "11", cy: "11", r: "7" }),
-        /* @__PURE__ */ jsx9("path", { d: "m21 21-4.3-4.3" })
+      const icon = /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { opacity: 0.6, flex: "none" }, children: [
+        /* @__PURE__ */ jsx10("circle", { cx: "11", cy: "11", r: "7" }),
+        /* @__PURE__ */ jsx10("path", { d: "m21 21-4.3-4.3" })
       ] });
       const box = { display: "flex", alignItems: "center", gap: 8, width: "100%", boxSizing: "border-box", background: C2("surfaceTertiary", "#eee"), borderRadius: ctx.radius("md", 10), padding: "0 14px", minHeight: 44, color: muted, fontFamily: bodyFont(ctx), fontSize: pxToRem(15), ...wrap };
       if (!ctx.onAction) {
-        return /* @__PURE__ */ jsxs6("div", { style: box, children: [
+        return /* @__PURE__ */ jsxs7("div", { style: box, children: [
           icon,
           placeholderText || "Search\u2026"
         ] });
@@ -123246,9 +123506,9 @@ var init_renderNode = __esm({
         if (timer.current) clearTimeout(timer.current);
         timer.current = setTimeout(() => dispatch(onChange, v2), debounceMs);
       };
-      return /* @__PURE__ */ jsxs6("div", { style: box, children: [
+      return /* @__PURE__ */ jsxs7("div", { style: box, children: [
         icon,
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "input",
           {
             value: local,
@@ -123264,7 +123524,7 @@ var init_renderNode = __esm({
             style: { flex: 1, minWidth: 0, alignSelf: "stretch", border: "none", outline: "none", background: "transparent", padding: "11px 0", margin: 0, width: "100%", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }
           }
         ),
-        local && /* @__PURE__ */ jsx9("span", { onClick: () => onInput(""), style: { display: "inline-grid", placeItems: "center", width: 18, height: 18, borderRadius: "50%", background: C2("surfaceTertiary", "#e3e6ea"), color: muted, fontSize: 12, flex: "none", cursor: "pointer" }, children: "\xD7" })
+        local && /* @__PURE__ */ jsx10("span", { onClick: () => onInput(""), style: { display: "inline-grid", placeItems: "center", width: 18, height: 18, borderRadius: "50%", background: C2("surfaceTertiary", "#e3e6ea"), color: muted, fontSize: 12, flex: "none", cursor: "pointer" }, children: "\xD7" })
       ] });
     });
     InteractiveStepper = withExtras("InteractiveStepper", ({ props, ctx, wrap }) => {
@@ -123356,24 +123616,24 @@ var init_renderNode = __esm({
       };
       const root = { [A11Y_PART]: "root" };
       if (ctx.empty) {
-        return /* @__PURE__ */ jsxs6("div", { ...root, style: box, children: [
-          /* @__PURE__ */ jsx9("span", { style: btn("min"), children: "\u2212" }),
-          /* @__PURE__ */ jsx9("b", { ...valueA11y, style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C2("textPrimary", "#111") }, children: "\u2014" }),
-          /* @__PURE__ */ jsx9("span", { style: btn("max"), children: "+" })
+        return /* @__PURE__ */ jsxs7("div", { ...root, style: box, children: [
+          /* @__PURE__ */ jsx10("span", { style: btn("min"), children: "\u2212" }),
+          /* @__PURE__ */ jsx10("b", { ...valueA11y, style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C2("textPrimary", "#111") }, children: "\u2014" }),
+          /* @__PURE__ */ jsx10("span", { style: btn("max"), children: "+" })
         ] });
       }
       if (!ctx.onAction) {
-        return /* @__PURE__ */ jsxs6("div", { ...root, style: box, children: [
-          /* @__PURE__ */ jsx9("span", { style: btn("min"), children: "\u2212" }),
-          /* @__PURE__ */ jsx9("b", { ...valueA11y, "aria-valuenow": value, "aria-readonly": "true", style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C2("textPrimary", "#111") }, children: value }),
-          /* @__PURE__ */ jsx9("span", { style: btn("max"), children: "+" })
+        return /* @__PURE__ */ jsxs7("div", { ...root, style: box, children: [
+          /* @__PURE__ */ jsx10("span", { style: btn("min"), children: "\u2212" }),
+          /* @__PURE__ */ jsx10("b", { ...valueA11y, "aria-valuenow": value, "aria-readonly": "true", style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C2("textPrimary", "#111") }, children: value }),
+          /* @__PURE__ */ jsx10("span", { style: btn("max"), children: "+" })
         ] });
       }
-      return /* @__PURE__ */ jsxs6("div", { ...root, style: box, children: [
-        /* @__PURE__ */ jsx9("button", { type: "button", tabIndex: -1, "aria-label": "Decrease", disabled: disabled("min"), onClick: () => press(-step), style: { ...btn("min"), font: "inherit" }, children: "\u2212" }),
-        /* @__PURE__ */ jsx9("b", { ...valueA11y, "aria-valuenow": value, tabIndex: 0, onKeyDown: onValueKeyDown, style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C2("textPrimary", "#111"), fontVariantNumeric: "tabular-nums" }, children: value }),
-        /* @__PURE__ */ jsx9("button", { type: "button", tabIndex: -1, "aria-label": "Increase", disabled: disabled("max"), onClick: () => press(step), style: { ...btn("max"), font: "inherit" }, children: "+" }),
-        /* @__PURE__ */ jsx9("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: pressed.text + (pressed.count % 2 ? "\xA0" : "") })
+      return /* @__PURE__ */ jsxs7("div", { ...root, style: box, children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", tabIndex: -1, "aria-label": "Decrease", disabled: disabled("min"), onClick: () => press(-step), style: { ...btn("min"), font: "inherit" }, children: "\u2212" }),
+        /* @__PURE__ */ jsx10("b", { ...valueA11y, "aria-valuenow": value, tabIndex: 0, onKeyDown: onValueKeyDown, style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C2("textPrimary", "#111"), fontVariantNumeric: "tabular-nums" }, children: value }),
+        /* @__PURE__ */ jsx10("button", { type: "button", tabIndex: -1, "aria-label": "Increase", disabled: disabled("max"), onClick: () => press(step), style: { ...btn("max"), font: "inherit" }, children: "+" }),
+        /* @__PURE__ */ jsx10("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: pressed.text + (pressed.count % 2 ? "\xA0" : "") })
       ] });
     });
     SYNTHETIC_TAP_ROLE = "data-hm-synthetic-role";
@@ -123462,7 +123722,7 @@ var init_renderNode = __esm({
         const prev = el2.props.style ?? {};
         return React9.cloneElement(el2, { style: { ...prev, animationDelay: `${i2 * gridStagger}ms` } });
       };
-      const inner = itemsPath && items[0] && ctx.provider ? /* @__PURE__ */ jsx9(
+      const inner = itemsPath && items[0] && ctx.provider ? /* @__PURE__ */ jsx10(
         BoundList,
         {
           ctx,
@@ -123546,7 +123806,7 @@ var init_renderNode = __esm({
       }, [text8, reduce, total]);
       const fade = reduce ? void 0 : `opacity ${REVEAL_FADE_MS}ms ease-out`;
       if (markdownHtml != null) {
-        return /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10(
           "span",
           {
             "data-himalaya-reveal": `${Math.min(shown2, total)}/${total}`,
@@ -123555,10 +123815,10 @@ var init_renderNode = __esm({
         );
       }
       let w2 = 0;
-      return /* @__PURE__ */ jsx9("span", { "data-himalaya-reveal": `${Math.min(shown2, total)}/${total}`, children: tokens2.map((t2, i2) => {
+      return /* @__PURE__ */ jsx10("span", { "data-himalaya-reveal": `${Math.min(shown2, total)}/${total}`, children: tokens2.map((t2, i2) => {
         if (/^\s+$/.test(t2)) return t2;
         const visible = w2++ < shown2;
-        return /* @__PURE__ */ jsx9("span", { style: { opacity: visible ? 1 : 0, transition: fade }, children: t2 }, i2);
+        return /* @__PURE__ */ jsx10("span", { style: { opacity: visible ? 1 : 0, transition: fade }, children: t2 }, i2);
       }) });
     };
     TextNode = withExtras("TextNode", ({ props, ctx, wrap }) => {
@@ -123611,13 +123871,13 @@ var init_renderNode = __esm({
         return v2 == null ? null : String(v2);
       })();
       const revealMarkdown = props.markdown === true && revealSource != null ? mdSource ?? revealSource : null;
-      const content = countContent != null ? countContent : revealSource != null && revealSource !== "" ? /* @__PURE__ */ jsx9(RevealText, { text: revealSource, reduce: ctx.reduceMotion(), markdownHtml: revealMarkdown != null ? mdInline(revealMarkdown, accentTextColor(ctx)).__html : void 0 }) : icuPattern != null ? /* @__PURE__ */ jsx9(InterpolatedTextView, { pattern: icuPattern, params: props.template?.params ?? {}, ctx }) : mdSource != null ? /* @__PURE__ */ jsx9("span", { dangerouslySetInnerHTML: mdInline(mdSource, accentTextColor(ctx)) }) : txt(props.text, ctx);
+      const content = countContent != null ? countContent : revealSource != null && revealSource !== "" ? /* @__PURE__ */ jsx10(RevealText, { text: revealSource, reduce: ctx.reduceMotion(), markdownHtml: revealMarkdown != null ? mdInline(revealMarkdown, accentTextColor(ctx)).__html : void 0 }) : icuPattern != null ? /* @__PURE__ */ jsx10(InterpolatedTextView, { pattern: icuPattern, params: props.template?.params ?? {}, ctx }) : mdSource != null ? /* @__PURE__ */ jsx10("span", { dangerouslySetInnerHTML: mdInline(mdSource, accentTextColor(ctx)) }) : txt(props.text, ctx);
       const authoredDirection = props.textDirection === "auto" || props.textDirection === "ltr" || props.textDirection === "rtl";
       const dir = authoredDirection ? props.textDirection : "auto";
       const tAlign = props.textAlign === "center" ? "center" : props.textAlign === "trailing" ? authoredDirection ? "end" : "right" : props.textAlign === "justify" ? "justify" : props.textAlign === "leading" ? authoredDirection ? "start" : "left" : void 0;
       const tDecor = props.decoration === "strikethrough" ? "line-through" : props.decoration === "underline" ? "underline" : void 0;
       const ln2 = typeof props.lineSpacing === "number" ? pxToRem((f2.line ?? 1.4) * f2.size + props.lineSpacing) : f2.line;
-      return /* @__PURE__ */ jsx9("div", { ...countAttrs, dir, style: { fontFamily: fontStack(f2.family, ctx.idiom), fontSize: f2.remSize, fontWeight: f2.weight, ...props.monospacedDigits === true ? { fontVariantNumeric: "tabular-nums" } : {}, lineHeight: ln2, letterSpacing: f2.letterSpacing, color: C2(resolveScalarStatic(props.color, ctx) ?? "textPrimary", "#13171e"), whiteSpace: props.maxLines === 1 ? "nowrap" : "pre-wrap", overflowWrap: "anywhere", wordBreak: "break-word", minWidth: 0, ...tAlign ? { textAlign: tAlign } : {}, ...tDecor ? { textDecoration: tDecor } : {}, ...props.maxLines === 1 ? { overflow: "hidden", textOverflow: "ellipsis" } : props.maxLines ? { display: "-webkit-box", WebkitLineClamp: props.maxLines, WebkitBoxOrient: "vertical", overflow: "hidden" } : {}, ...wrap }, children: content == null || content === "" ? collapse ? null : "\xA0" : content });
+      return /* @__PURE__ */ jsx10("div", { ...countAttrs, dir, style: { fontFamily: fontStack(f2.family, ctx.idiom), fontSize: f2.remSize, fontWeight: f2.weight, ...props.monospacedDigits === true ? { fontVariantNumeric: "tabular-nums" } : {}, lineHeight: ln2, letterSpacing: f2.letterSpacing, color: C2(resolveScalarStatic(props.color, ctx) ?? "textPrimary", "#13171e"), whiteSpace: props.maxLines === 1 ? "nowrap" : "pre-wrap", overflowWrap: "anywhere", wordBreak: "break-word", minWidth: 0, ...tAlign ? { textAlign: tAlign } : {}, ...tDecor ? { textDecoration: tDecor } : {}, ...props.maxLines === 1 ? { overflow: "hidden", textOverflow: "ellipsis" } : props.maxLines ? { display: "-webkit-box", WebkitLineClamp: props.maxLines, WebkitBoxOrient: "vertical", overflow: "hidden" } : {}, ...wrap }, children: content == null || content === "" ? collapse ? null : "\xA0" : content });
     });
     ImageNode = withExtras("ImageNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
@@ -123648,9 +123908,9 @@ var init_renderNode = __esm({
         const tplTint = props.tint != null && renderingMode !== "original" ? C2(props.tint, "#000") : null;
         if (tplTint != null) {
           const mSize = objectFit === "cover" ? "cover" : "contain";
-          return /* @__PURE__ */ jsx9("div", { role: "img", "aria-label": asText2(boundAlt), style: { width: w2, height: boxHeight, aspectRatio: ar2, borderRadius: r2, display: "block", flex: "none", background: tplTint, WebkitMaskImage: `url("${src}")`, maskImage: `url("${src}")`, WebkitMaskSize: mSize, maskSize: mSize, WebkitMaskRepeat: "no-repeat", maskRepeat: "no-repeat", WebkitMaskPosition: "center", maskPosition: "center", ...wrap } });
+          return /* @__PURE__ */ jsx10("div", { role: "img", "aria-label": asText2(boundAlt), style: { width: w2, height: boxHeight, aspectRatio: ar2, borderRadius: r2, display: "block", flex: "none", background: tplTint, WebkitMaskImage: `url("${src}")`, maskImage: `url("${src}")`, WebkitMaskSize: mSize, maskSize: mSize, WebkitMaskRepeat: "no-repeat", maskRepeat: "no-repeat", WebkitMaskPosition: "center", maskPosition: "center", ...wrap } });
         }
-        return /* @__PURE__ */ jsx9("img", { src, alt: asText2(boundAlt), style: { width: w2, height: boxHeight, aspectRatio: ar2, objectFit, borderRadius: r2, display: "block", flex: "none", background: ph, ...wrap } });
+        return /* @__PURE__ */ jsx10("img", { src, alt: asText2(boundAlt), style: { width: w2, height: boxHeight, aspectRatio: ar2, objectFit, borderRadius: r2, display: "block", flex: "none", background: ph, ...wrap } });
       }
       if (imgInitials && typeof imgInitials === "string") {
         const alt = asText2(boundAlt).trim();
@@ -123659,15 +123919,15 @@ var init_renderNode = __esm({
       }
       if (props.icon != null && props.url == null && props.asset == null && imgInitials == null) {
         const side2 = typeof w2 === "number" ? w2 : 40;
-        return /* @__PURE__ */ jsx9("div", { style: { width: side2, height: side2, borderRadius: "50%", background: ph ?? C2("surfaceTertiary", "#e6e6e6"), display: "grid", placeItems: "center", flex: "none", ...wrap }, children: iconSvg(props.icon, { size: Math.max(14, Math.round(side2 * 0.5)), color: accentTextColor(ctx) }) });
+        return /* @__PURE__ */ jsx10("div", { style: { width: side2, height: side2, borderRadius: "50%", background: ph ?? C2("surfaceTertiary", "#e6e6e6"), display: "grid", placeItems: "center", flex: "none", ...wrap }, children: iconSvg(props.icon, { size: Math.max(14, Math.round(side2 * 0.5)), color: accentTextColor(ctx) }) });
       }
-      return /* @__PURE__ */ jsx9("div", { style: { width: w2, height: boxHeight, aspectRatio: ar2, borderRadius: r2, background: ph ?? (hasSource ? `linear-gradient(135deg, ${C2("surfaceTertiary", "#e6e6e6")}, ${C2("surfaceSecondary", "#f2f2f2")})` : "transparent"), color: C2("textSecondary", "#999"), display: "flex", alignItems: "center", justifyContent: "center", fontFamily: "ui-monospace, monospace", fontSize: pxToRem(11), flex: "none", ...wrap }, children: banner || !hasSource ? "" : "\u2022" });
+      return /* @__PURE__ */ jsx10("div", { style: { width: w2, height: boxHeight, aspectRatio: ar2, borderRadius: r2, background: ph ?? (hasSource ? `linear-gradient(135deg, ${C2("surfaceTertiary", "#e6e6e6")}, ${C2("surfaceSecondary", "#f2f2f2")})` : "transparent"), color: C2("textSecondary", "#999"), display: "flex", alignItems: "center", justifyContent: "center", fontFamily: "ui-monospace, monospace", fontSize: pxToRem(11), flex: "none", ...wrap }, children: banner || !hasSource ? "" : "\u2022" });
     });
     ANIMATION_LEAF = { "aria-hidden": "true", [INFERRED_DECORATIVE]: true, [SELF_RENDERED_LEAF]: true, [ROLE_WHEN_NAMED]: "img" };
     LottieNode = withExtras("LottieNode", ({ props, ctx, wrap }) => {
       ensureLottieRuntime();
       const lh = typeof props.height === "number" && props.height > 0 ? props.height : 160;
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         "div",
         {
           "data-himalaya-lottie": props.source ? String(props.source) : "",
@@ -123683,7 +123943,7 @@ var init_renderNode = __esm({
     RiveNode = withExtras("RiveNode", ({ props, ctx, wrap }) => {
       ensureRiveRuntime();
       const rh = typeof props.height === "number" && props.height > 0 ? props.height : 160;
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         "canvas",
         {
           "data-himalaya-rive": props.source ? String(props.source) : "",
@@ -123705,9 +123965,9 @@ var init_renderNode = __esm({
       const size = props.size ?? 48;
       const a11y = { [ROLE_WHEN_NAMED]: "img", [SELF_RENDERED_LEAF]: true };
       if (typeof imageUrl === "string" && imageUrl) {
-        return /* @__PURE__ */ jsx9("img", { ...a11y, src: resolveAssetUrl(imageUrl, ctx.assetBaseUrl), alt: "", style: { width: size, height: size, borderRadius: "50%", objectFit: "cover", flex: "none", ...wrap } });
+        return /* @__PURE__ */ jsx10("img", { ...a11y, src: resolveAssetUrl(imageUrl, ctx.assetBaseUrl), alt: "", style: { width: size, height: size, borderRadius: "50%", objectFit: "cover", flex: "none", ...wrap } });
       }
-      return /* @__PURE__ */ jsx9("div", { ...a11y, style: { width: size, height: size, borderRadius: "50%", background: C2("accentPrimary", "#116DFF"), color: C2("textOnAccent", "#fff"), display: "grid", placeItems: "center", fontWeight: 600, fontSize: size * 0.4, fontFamily: bodyFont(ctx), flex: "none", ...wrap }, children: (asText2(initials) || "?").slice(0, 2).toUpperCase() });
+      return /* @__PURE__ */ jsx10("div", { ...a11y, style: { width: size, height: size, borderRadius: "50%", background: C2("accentPrimary", "#116DFF"), color: C2("textOnAccent", "#fff"), display: "grid", placeItems: "center", fontWeight: 600, fontSize: size * 0.4, fontFamily: bodyFont(ctx), flex: "none", ...wrap }, children: (asText2(initials) || "?").slice(0, 2).toUpperCase() });
     });
     IconNode = withExtras("IconNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
@@ -123720,7 +123980,7 @@ var init_renderNode = __esm({
       const a11y = described ? { role: "img", "aria-label": String(contentDescription), [SELF_RENDERED_LEAF]: true } : { "aria-hidden": "true", [INFERRED_DECORATIVE]: true, [SELF_RENDERED_LEAF]: true, [ROLE_WHEN_NAMED]: "img" };
       const glyph = iconSvg(iconName, { size, color: C2(resolveScalarStatic(props.tint, ctx) ?? "textPrimary", "#636b78") });
       const animatedGlyph = Object.keys(effectStyle).length ? React9.cloneElement(glyph, { style: { ...glyph.props.style, ...effectStyle } }) : glyph;
-      return /* @__PURE__ */ jsx9("span", { ...a11y, style: { display: "inline-grid", placeItems: "center", width: size + 6, height: size + 6, lineHeight: 1, flex: "none", ...wrap }, children: animatedGlyph });
+      return /* @__PURE__ */ jsx10("span", { ...a11y, style: { display: "inline-grid", placeItems: "center", width: size + 6, height: size + 6, lineHeight: 1, flex: "none", ...wrap }, children: animatedGlyph });
     });
     EMPTY_STATE_SPACING = {
       padding: ["lg", 16],
@@ -123745,11 +124005,11 @@ var init_renderNode = __esm({
       const label2 = props.actionLabel;
       const hasAction = props.action != null && typeof label2 === "string" && label2.trim().length > 0;
       const padding = spacingToken(ctx, EMPTY_STATE_SPACING.padding);
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", width: "100%", padding, boxSizing: "border-box", ...wrap }, children: [
-        hasIcon2 && /* @__PURE__ */ jsx9("div", { "data-empty-state-part": "icon", "aria-hidden": "true", style: { width: 46, height: 46, borderRadius: 13, background: C2("surfaceTertiary", "#eee"), display: "grid", placeItems: "center", color: C2("textSecondary", "#9aa2ad"), flexShrink: 0 }, children: iconSvg(props.icon, { size: 24 }) }),
-        /* @__PURE__ */ jsx9("div", { "data-empty-state-part": "title", style: { ...fontCss(titleFont), color: C2("textPrimary", "#111"), marginTop: hasIcon2 ? spacingToken(ctx, EMPTY_STATE_SPACING.iconGap) : 0, overflowWrap: "anywhere" }, children: txt(props.title, ctx) }),
-        hasSubtitle && /* @__PURE__ */ jsx9("div", { "data-empty-state-part": "subtitle", style: { ...fontCss(subtitleFont), color: C2("textSecondary", "#888"), marginTop: spacingToken(ctx, EMPTY_STATE_SPACING.subtitleGap), overflowWrap: "anywhere" }, children: isBinding(props.subtitle) ? subtitleText : txt(props.subtitle, ctx) }),
-        hasAction && /* @__PURE__ */ jsx9("div", { "data-empty-state-part": "action", style: { marginTop: spacingToken(ctx, EMPTY_STATE_SPACING.actionGap), display: "flex", justifyContent: "center" }, children: renderNode({
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", width: "100%", padding, boxSizing: "border-box", ...wrap }, children: [
+        hasIcon2 && /* @__PURE__ */ jsx10("div", { "data-empty-state-part": "icon", "aria-hidden": "true", style: { width: 46, height: 46, borderRadius: 13, background: C2("surfaceTertiary", "#eee"), display: "grid", placeItems: "center", color: C2("textSecondary", "#9aa2ad"), flexShrink: 0 }, children: iconSvg(props.icon, { size: 24 }) }),
+        /* @__PURE__ */ jsx10("div", { "data-empty-state-part": "title", style: { ...fontCss(titleFont), color: C2("textPrimary", "#111"), marginTop: hasIcon2 ? spacingToken(ctx, EMPTY_STATE_SPACING.iconGap) : 0, overflowWrap: "anywhere" }, children: txt(props.title, ctx) }),
+        hasSubtitle && /* @__PURE__ */ jsx10("div", { "data-empty-state-part": "subtitle", style: { ...fontCss(subtitleFont), color: C2("textSecondary", "#888"), marginTop: spacingToken(ctx, EMPTY_STATE_SPACING.subtitleGap), overflowWrap: "anywhere" }, children: isBinding(props.subtitle) ? subtitleText : txt(props.subtitle, ctx) }),
+        hasAction && /* @__PURE__ */ jsx10("div", { "data-empty-state-part": "action", style: { marginTop: spacingToken(ctx, EMPTY_STATE_SPACING.actionGap), display: "flex", justifyContent: "center" }, children: renderNode({
           id: `${nodeId ?? "empty_state"}.action`,
           body: {
             package: "himalaya",
@@ -123802,13 +124062,13 @@ var init_renderNode = __esm({
       const glyph = bt2.icon ?? (props.size === "sm" ? 14 : props.size === "lg" ? 18 : 16);
       const visibleMin = props.iconOnly ? 44 : props.minHeight ?? bt2.height ?? 44;
       const slop = props.iconOnly ? 0 : buttonHitSlop(Math.max(visibleMin, 2 * vPad + Math.max(f2.size * (f2.line ?? 1.25), glyph)));
-      const ic = (name) => /* @__PURE__ */ jsx9("span", { style: { display: "inline-grid", placeItems: "center", width: glyph, height: glyph }, children: iconSvg(name, { size: glyph, color: fg }) });
+      const ic = (name) => /* @__PURE__ */ jsx10("span", { style: { display: "inline-grid", placeItems: "center", width: glyph, height: glyph }, children: iconSvg(name, { size: glyph, color: fg }) });
       const iconLabel = typeof resolvedLeadingIcon === "string" && resolvedLeadingIcon ? resolvedLeadingIcon.replace(/[_-]+/g, " ").replace(/\b\w/g, (c2) => c2.toUpperCase()) : "";
       const hasTitle = typeof resolvedTitle === "string" && resolvedTitle.length > 0 || typeof resolvedTitle === "number";
       const accessibleLabel = hasTitle ? String(resolvedTitle) : asText2(txt(props.title, ctx)) || (props.iconOnly ? iconLabel : "") || "Button";
       if (props.loading) ensureSpinKeyframes();
       const rowStretch = ctx.rowStretch === true && !props.iconOnly;
-      return /* @__PURE__ */ jsxs6(
+      return /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -123879,7 +124139,7 @@ var init_renderNode = __esm({
             ...wrap
           }, rowStretch, "fit-content"),
           children: [
-            props.loading && /* @__PURE__ */ jsx9("span", { style: { width: glyph, height: glyph, borderRadius: "50%", border: `2px solid ${rgba(fg, primary ? 0.4 : 0.35)}`, borderTopColor: fg, animation: ctx.empty ? void 0 : "himalaya-spin .7s linear infinite" } }),
+            props.loading && /* @__PURE__ */ jsx10("span", { style: { width: glyph, height: glyph, borderRadius: "50%", border: `2px solid ${rgba(fg, primary ? 0.4 : 0.35)}`, borderTopColor: fg, animation: ctx.empty ? void 0 : "himalaya-spin .7s linear infinite" } }),
             !props.loading && resolvedLeadingIcon && ic(String(resolvedLeadingIcon)),
             !props.iconOnly && (resolvedTitle != null && resolvedTitle !== "" ? String(resolvedTitle) : txt(props.title, ctx) || "Button"),
             !props.loading && !props.iconOnly && resolvedTrailingIcon && ic(String(resolvedTrailingIcon))
@@ -123892,10 +124152,10 @@ var init_renderNode = __esm({
       const bound = useResolvedScalar(props.valuePath, ctx);
       const val = props.valuePath != null ? typeof bound === "string" ? bound : typeof bound === "number" ? String(bound) : "" : typeof props.value === "string" ? props.value : "";
       const len = Math.max(0, props.length ?? 6);
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", gap: 8, width: "100%", maxWidth: len * 40 + Math.max(0, len - 1) * 8, ...wrap }, children: Array.from({ length: len }).map((_2, i2) => {
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", gap: 8, width: "100%", maxWidth: len * 40 + Math.max(0, len - 1) * 8, ...wrap }, children: Array.from({ length: len }).map((_2, i2) => {
         const ch2 = val[i2];
         const active = i2 === val.length;
-        return /* @__PURE__ */ jsx9("span", { style: { width: 40, minWidth: 0, flex: "1 1 40px", height: 48, display: "grid", placeItems: "center", borderRadius: 10, fontFamily: bodyFont(ctx), fontSize: 20, fontWeight: 600, color: C2("textPrimary", "#13171e"), background: ch2 ? C2("surfaceSecondary", "#f5f7fa") : C2("surfacePrimary", "#fff"), border: `2px solid ${active ? C2("accentPrimary", "#116DFF") : "#b8c0cb"}` }, children: ch2 ? props.secure ? "\u2022" : ch2 : "" }, i2);
+        return /* @__PURE__ */ jsx10("span", { style: { width: 40, minWidth: 0, flex: "1 1 40px", height: 48, display: "grid", placeItems: "center", borderRadius: 10, fontFamily: bodyFont(ctx), fontSize: 20, fontWeight: 600, color: C2("textPrimary", "#13171e"), background: ch2 ? C2("surfaceSecondary", "#f5f7fa") : C2("surfacePrimary", "#fff"), border: `2px solid ${active ? C2("accentPrimary", "#116DFF") : "#b8c0cb"}` }, children: ch2 ? props.secure ? "\u2022" : ch2 : "" }, i2);
       }) });
     });
     ProgressBarNode = withExtras("ProgressBarNode", ({ props, ctx, wrap }) => {
@@ -123919,7 +124179,7 @@ var init_renderNode = __esm({
         ...numP !== void 0 && Number.isFinite(numP) && p2 != null ? { "aria-valuenow": Math.round(p2 * 100) } : {},
         [SELF_RENDERED_LEAF]: true
       };
-      return /* @__PURE__ */ jsx9("div", { ...a11y, style: { width: "100%", height: 6, borderRadius: 999, background: C2(boundTokenName(props.trackColorPath, props.trackColor, ctx) ?? "surfaceTertiary", "#eee"), overflow: "hidden", ...wrap }, children: /* @__PURE__ */ jsx9("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) } : {} } }) });
+      return /* @__PURE__ */ jsx10("div", { ...a11y, style: { width: "100%", height: 6, borderRadius: 999, background: C2(boundTokenName(props.trackColorPath, props.trackColor, ctx) ?? "surfaceTertiary", "#eee"), overflow: "hidden", ...wrap }, children: /* @__PURE__ */ jsx10("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) } : {} } }) });
     });
     ACTIVITY_DEFAULT_NAME = "Loading";
     ActivityIndicatorNode = withExtras("ActivityIndicatorNode", ({ props, ctx, wrap }) => {
@@ -123936,10 +124196,10 @@ var init_renderNode = __esm({
         const pct = Math.max(0, Math.min(1, aiNum));
         const ringMask = `radial-gradient(farthest-side, transparent calc(100% - ${thick}px), #000 calc(100% - ${thick}px))`;
         const a11y = { "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(pct * 100) };
-        return /* @__PURE__ */ jsx9("div", { role: "progressbar", "aria-label": ACTIVITY_DEFAULT_NAME, ...a11y, style: { width: size, height: size, borderRadius: "50%", flex: "none", background: `conic-gradient(${tint} ${pct * 360}deg, ${track} 0deg)`, WebkitMask: ringMask, mask: ringMask, ...wrap } });
+        return /* @__PURE__ */ jsx10("div", { role: "progressbar", "aria-label": ACTIVITY_DEFAULT_NAME, ...a11y, style: { width: size, height: size, borderRadius: "50%", flex: "none", background: `conic-gradient(${tint} ${pct * 360}deg, ${track} 0deg)`, WebkitMask: ringMask, mask: ringMask, ...wrap } });
       }
       ensureSpinKeyframes();
-      return /* @__PURE__ */ jsx9("div", { role: "status", "aria-busy": "true", "aria-label": ACTIVITY_DEFAULT_NAME, style: { width: size, height: size, borderRadius: "50%", border: `${thick}px solid ${track}`, borderTopColor: tint, boxSizing: "border-box", flex: "none", animation: ctx.empty ? void 0 : "himalaya-spin 0.8s linear infinite", ...wrap } });
+      return /* @__PURE__ */ jsx10("div", { role: "status", "aria-busy": "true", "aria-label": ACTIVITY_DEFAULT_NAME, style: { width: size, height: size, borderRadius: "50%", border: `${thick}px solid ${track}`, borderTopColor: tint, boxSizing: "border-box", flex: "none", animation: ctx.empty ? void 0 : "himalaya-spin 0.8s linear infinite", ...wrap } });
     });
     NATIVELY_TABBABLE = 'a[href], area[href], button, input:not([type="hidden"]), select, textarea, iframe, object, embed, audio[controls], video[controls], summary, [contenteditable]:not([contenteditable="false"]), [tabindex]';
     BottomSheetNode = withExtras("BottomSheetNode", ({ props, ctx, wrap }) => {
@@ -124010,9 +124270,9 @@ var init_renderNode = __esm({
         // Rounded on the side that faces the screen — logical corners, so RTL flips them too.
         ...edge === "leading" ? { borderStartEndRadius: r2, borderEndEndRadius: r2 } : { borderStartStartRadius: r2, borderEndStartRadius: r2 }
       } : { width: "100%", borderRadius: `${r2} ${r2} 0 0`, boxShadow: "0 -4px 24px rgba(0,0,0,.12)", ...sized };
-      const handleBar = /* @__PURE__ */ jsx9("div", { style: { width: sheet.grabberWidth, height: sheet.grabberHeight, borderRadius: 999, background: C2("surfaceTertiary", "#d8dce2") } });
+      const handleBar = /* @__PURE__ */ jsx10("div", { style: { width: sheet.grabberWidth, height: sheet.grabberHeight, borderRadius: 999, background: C2("surfaceTertiary", "#d8dce2") } });
       const handleBox = { display: "flex", justifyContent: "center", padding: "8px 0 4px", flexShrink: 0 };
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         "div",
         {
           "data-sheet-scrim": "",
@@ -124024,8 +124284,8 @@ var init_renderNode = __esm({
             if (e2.target === e2.currentTarget) dismiss();
           } : void 0,
           style: { position: "absolute", inset: 0, background: "rgba(0,0,0,.35)", zIndex: 50, display: "flex", ...side2 ? { flexDirection: "row", justifyContent: edge === "leading" ? "flex-start" : "flex-end" } : { flexDirection: "column", justifyContent: "flex-end" }, ...wrap },
-          children: /* @__PURE__ */ jsxs6("div", { ref: dialogRef, role: "dialog", "data-sheet-edge": edge, "aria-modal": modal ? "true" : void 0, tabIndex: modal ? -1 : void 0, onKeyDown: modal ? trapTab : void 0, "aria-label": props.title != null ? sheetTitle : "Sheet", style: { background: C2("surfacePrimary", "#fff"), overflow: "hidden", ...shape }, children: [
-            grabber && (detents.length > 1 ? /* @__PURE__ */ jsx9(
+          children: /* @__PURE__ */ jsxs7("div", { ref: dialogRef, role: "dialog", "data-sheet-edge": edge, "aria-modal": modal ? "true" : void 0, tabIndex: modal ? -1 : void 0, onKeyDown: modal ? trapTab : void 0, "aria-label": props.title != null ? sheetTitle : "Sheet", style: { background: C2("surfacePrimary", "#fff"), overflow: "hidden", ...shape }, children: [
+            grabber && (detents.length > 1 ? /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
@@ -124054,8 +124314,8 @@ var init_renderNode = __esm({
                 style: { ...handleBox, width: "100%", border: "none", background: "transparent", cursor: "ns-resize", touchAction: "none" },
                 children: handleBar
               }
-            ) : /* @__PURE__ */ jsx9("div", { style: handleBox, children: handleBar })),
-            /* @__PURE__ */ jsx9("div", { style: { padding: side2 ? "16px" : "8px 16px 16px", ...side2 || detents.length ? { flex: 1, minHeight: 0, overflowY: "auto" } : {} }, children: props.content ? renderNode(props.content, ctx) : null })
+            ) : /* @__PURE__ */ jsx10("div", { style: handleBox, children: handleBar })),
+            /* @__PURE__ */ jsx10("div", { style: { padding: side2 ? "16px" : "8px 16px 16px", ...side2 || detents.length ? { flex: 1, minHeight: 0, overflowY: "auto" } : {} }, children: props.content ? renderNode(props.content, ctx) : null })
           ] })
         }
       );
@@ -124111,9 +124371,9 @@ var init_renderNode = __esm({
         };
       }, [gated, shown2]);
       const floating = gated ? { position: "absolute", left: 0, zIndex: 40, ...props.edge === "top" ? { bottom: "100%", marginBottom: 6 } : { top: "100%", marginTop: 6 } } : {};
-      return /* @__PURE__ */ jsxs6("div", { style: { ...gated ? { position: "relative" } : {}, display: "inline-flex", flexDirection: "column", alignItems: "flex-start", gap: 6, ...wrap }, children: [
-        props.anchor ? gated ? /* @__PURE__ */ jsx9("span", { ref: anchorRef, style: { display: "contents" }, children: renderNode(props.anchor, ctx) }) : renderNode(props.anchor, ctx) : null,
-        shown2 && /* @__PURE__ */ jsx9("div", { ref: dialogRef, role: "dialog", ...gated ? { [PRESENTED_OVERLAY_ATTR]: "" } : {}, "aria-modal": modal ? "true" : void 0, tabIndex: modal ? -1 : void 0, onKeyDown: modal ? trapTab : void 0, "aria-label": props.title != null ? asBoundText(props.title, ctx) : "Popover", style: { minWidth: 160, maxWidth: 280, background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: 12, boxShadow: "0 6px 20px rgba(0,0,0,.14)", padding: 12, ...floating }, children: props.content ? renderNode(props.content, ctx) : null })
+      return /* @__PURE__ */ jsxs7("div", { style: { ...gated ? { position: "relative" } : {}, display: "inline-flex", flexDirection: "column", alignItems: "flex-start", gap: 6, ...wrap }, children: [
+        props.anchor ? gated ? /* @__PURE__ */ jsx10("span", { ref: anchorRef, style: { display: "contents" }, children: renderNode(props.anchor, ctx) }) : renderNode(props.anchor, ctx) : null,
+        shown2 && /* @__PURE__ */ jsx10("div", { ref: dialogRef, role: "dialog", ...gated ? { [PRESENTED_OVERLAY_ATTR]: "" } : {}, "aria-modal": modal ? "true" : void 0, tabIndex: modal ? -1 : void 0, onKeyDown: modal ? trapTab : void 0, "aria-label": props.title != null ? asBoundText(props.title, ctx) : "Popover", style: { minWidth: 160, maxWidth: 280, background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: 12, boxShadow: "0 6px 20px rgba(0,0,0,.14)", padding: 12, ...floating }, children: props.content ? renderNode(props.content, ctx) : null })
       ] });
     });
     ChipsInputNode = withExtras("ChipsInputNode", ({ props, ctx, wrap }) => {
@@ -124123,16 +124383,16 @@ var init_renderNode = __esm({
       const bound = useResolvedScalar(props.valuesPath, ctx);
       const raw = props.valuesPath != null ? bound : props.values;
       const values = Array.isArray(raw) ? raw : [];
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 6, width: "100%", minHeight: 44, padding: "8px 10px", boxSizing: "border-box", background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), opacity: props.disabled ? 0.5 : 1, ...wrap }, children: [
-        values.map((v2, i2) => /* @__PURE__ */ jsxs6("span", { style: { display: "inline-flex", alignItems: "center", gap: 5, padding: "4px 9px", borderRadius: 999, fontFamily: bodyFont(ctx), fontSize: pxToRem(13), background: C2("surfaceTertiary", "#eef0f3"), color: C2("textPrimary", "#13171e") }, children: [
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 6, width: "100%", minHeight: 44, padding: "8px 10px", boxSizing: "border-box", background: C2("surfacePrimary", "#fff"), border: `1px solid ${C2("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), opacity: props.disabled ? 0.5 : 1, ...wrap }, children: [
+        values.map((v2, i2) => /* @__PURE__ */ jsxs7("span", { style: { display: "inline-flex", alignItems: "center", gap: 5, padding: "4px 9px", borderRadius: 999, fontFamily: bodyFont(ctx), fontSize: pxToRem(13), background: C2("surfaceTertiary", "#eef0f3"), color: C2("textPrimary", "#13171e") }, children: [
           asText2(v2),
-          props.onRemove && /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": `Remove ${asText2(v2)}`, disabled: !!props.disabled || !ctx.onAction, onClick: () => {
+          props.onRemove && /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": `Remove ${asText2(v2)}`, disabled: !!props.disabled || !ctx.onAction, onClick: () => {
             if (props.disabled || !ctx.onAction) return;
             const action = resolveItemDeep2(props.onRemove, ctx);
             ctx.onAction({ ...action, args: { ...action.args, value: v2, index: i2 } });
           }, style: { minWidth: 44, minHeight: 44, border: 0, background: "transparent", color: "inherit", opacity: 0.6, cursor: props.disabled ? "default" : "pointer", fontSize: pxToRem(13) }, children: "\xD7" })
         ] }, i2)),
-        props.onAdd ? /* @__PURE__ */ jsx9("input", { "aria-label": placeholderText || "Add a chip", placeholder: placeholderText || "Add\u2026", value: draft, disabled: !!props.disabled || !ctx.onAction, onChange: (event) => setDraft(event.currentTarget.value), onKeyDown: (event) => {
+        props.onAdd ? /* @__PURE__ */ jsx10("input", { "aria-label": placeholderText || "Add a chip", placeholder: placeholderText || "Add\u2026", value: draft, disabled: !!props.disabled || !ctx.onAction, onChange: (event) => setDraft(event.currentTarget.value), onKeyDown: (event) => {
           if (event.key !== "Enter" || event.nativeEvent.isComposing || props.disabled || !ctx.onAction) return;
           event.preventDefault();
           const value = draft.trim();
@@ -124140,7 +124400,7 @@ var init_renderNode = __esm({
           const action = resolveItemDeep2(props.onAdd, ctx);
           ctx.onAction({ ...action, args: { ...action.args, value } });
           setDraft("");
-        }, style: { minWidth: 80, minHeight: 44, flex: "1 1 100px", border: 0, background: "transparent", color: C2("textPrimary", "#13171e"), outlineOffset: 3, fontFamily: bodyFont(ctx), fontSize: pxToRem(14) } }) : /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(14), color: C2("textSecondary", "#888") }, children: values.length ? "" : placeholderText || "Add\u2026" })
+        }, style: { minWidth: 80, minHeight: 44, flex: "1 1 100px", border: 0, background: "transparent", color: C2("textPrimary", "#13171e"), outlineOffset: 3, fontFamily: bodyFont(ctx), fontSize: pxToRem(14) } }) : /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(14), color: C2("textSecondary", "#888") }, children: values.length ? "" : placeholderText || "Add\u2026" })
       ] });
     });
     ChipNode = withExtras("ChipNode", ({ props, ctx, wrap }) => {
@@ -124152,27 +124412,27 @@ var init_renderNode = __esm({
       const onClick = ctx.onAction && props.onTap && !props.disabled ? () => ctx.onAction(resolveItemDeep2(props.onTap, ctx)) : void 0;
       const fg = selected ? C2("textOnAccent", "#fff") : C2("textPrimary", "#13171e");
       const style = { position: "relative", alignSelf: "flex-start", width: "fit-content", display: "inline-flex", alignItems: "center", gap: 6, padding: "6px 12px", borderRadius: 999, fontFamily: bodyFont(ctx), fontSize: pxToRem(14), cursor: onClick ? "pointer" : "default", opacity: props.disabled ? 0.5 : 1, color: fg, background: selected ? accent : C2("surfaceSecondary", "#f2f3f5"), border: `1px solid ${selected ? accent : C2("border", "#d8dce2")}`, boxShadow: props.elevated ? "0 1px 4px rgba(0,0,0,.14)" : "none", ...wrap };
-      const hitArea = /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", style: { position: "absolute", left: 0, top: "50%", width: "100%", minWidth: 44, height: 44, transform: "translateY(-50%)" } });
-      const content = /* @__PURE__ */ jsxs6(Fragment4, { children: [
-        props.leadingAvatarUrl && !isBinding(props.leadingAvatarUrl) && /* @__PURE__ */ jsx9("img", { src: String(props.leadingAvatarUrl), alt: "", style: { width: 20, height: 20, borderRadius: "50%", objectFit: "cover", margin: "-2px 0 -2px -4px" } }),
-        props.leadingIcon && /* @__PURE__ */ jsx9("span", { style: { display: "inline-grid", placeItems: "center", width: 16, height: 16 }, children: iconSvg(props.leadingIcon, { size: 15, color: fg }) }),
-        /* @__PURE__ */ jsx9("span", { children: txt(props.label, ctx) })
+      const hitArea = /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", style: { position: "absolute", left: 0, top: "50%", width: "100%", minWidth: 44, height: 44, transform: "translateY(-50%)" } });
+      const content = /* @__PURE__ */ jsxs7(Fragment4, { children: [
+        props.leadingAvatarUrl && !isBinding(props.leadingAvatarUrl) && /* @__PURE__ */ jsx10("img", { src: String(props.leadingAvatarUrl), alt: "", style: { width: 20, height: 20, borderRadius: "50%", objectFit: "cover", margin: "-2px 0 -2px -4px" } }),
+        props.leadingIcon && /* @__PURE__ */ jsx10("span", { style: { display: "inline-grid", placeItems: "center", width: 16, height: 16 }, children: iconSvg(props.leadingIcon, { size: 15, color: fg }) }),
+        /* @__PURE__ */ jsx10("span", { children: txt(props.label, ctx) })
       ] });
       const pressed = props.selectedPath != null || props.selected != null ? selected : void 0;
-      if (!props.removable) return props.onTap ? /* @__PURE__ */ jsxs6("button", { type: "button", disabled: !!props.disabled || !ctx.onAction, "aria-pressed": pressed, onClick, style, children: [
+      if (!props.removable) return props.onTap ? /* @__PURE__ */ jsxs7("button", { type: "button", disabled: !!props.disabled || !ctx.onAction, "aria-pressed": pressed, onClick, style, children: [
         content,
         hitArea
-      ] }) : /* @__PURE__ */ jsx9("span", { style, children: content });
+      ] }) : /* @__PURE__ */ jsx10("span", { style, children: content });
       const remove = ctx.onAction && props.onRemove && !props.disabled ? (event) => {
         event.stopPropagation();
         ctx.onAction(resolveItemDeep2(props.onRemove, ctx));
       } : void 0;
-      return /* @__PURE__ */ jsxs6("span", { ...{ [A11Y_PART]: "root" }, style, children: [
-        props.onTap ? /* @__PURE__ */ jsxs6("button", { ...{ [A11Y_PART]: "node" }, type: "button", disabled: !!props.disabled || !ctx.onAction, "aria-pressed": pressed, onClick, style: { all: "unset", position: "relative", display: "inline-flex", alignItems: "center", gap: 6, cursor: onClick ? "pointer" : "default" }, children: [
+      return /* @__PURE__ */ jsxs7("span", { ...{ [A11Y_PART]: "root" }, style, children: [
+        props.onTap ? /* @__PURE__ */ jsxs7("button", { ...{ [A11Y_PART]: "node" }, type: "button", disabled: !!props.disabled || !ctx.onAction, "aria-pressed": pressed, onClick, style: { all: "unset", position: "relative", display: "inline-flex", alignItems: "center", gap: 6, cursor: onClick ? "pointer" : "default" }, children: [
           content,
           hitArea
         ] }) : content,
-        /* @__PURE__ */ jsxs6("button", { type: "button", "aria-label": `Remove ${txt(props.label, ctx) || "chip"}`, disabled: !remove, onClick: remove, style: { position: "relative", display: "inline-grid", placeItems: "center", width: 16, height: 16, padding: 0, border: 0, background: "transparent", color: "inherit", fontSize: 13, opacity: 0.7, cursor: remove ? "pointer" : "default" }, children: [
+        /* @__PURE__ */ jsxs7("button", { type: "button", "aria-label": `Remove ${txt(props.label, ctx) || "chip"}`, disabled: !remove, onClick: remove, style: { position: "relative", display: "inline-grid", placeItems: "center", width: 16, height: 16, padding: 0, border: 0, background: "transparent", color: "inherit", fontSize: 13, opacity: 0.7, cursor: remove ? "pointer" : "default" }, children: [
           "\xD7",
           hitArea
         ] })
@@ -124185,11 +124445,11 @@ var init_renderNode = __esm({
       const rawRows = props.rowsPath != null ? bound : 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__ */ jsx9("div", { style: { width: "100%", boxSizing: "border-box", overflowX: "auto", border: `1px solid ${C2("border", "#e8eaed")}`, borderRadius: 10, ...wrap }, children: /* @__PURE__ */ jsxs6("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
-        cols.length > 0 && /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { children: cols.map((c2, i2) => /* @__PURE__ */ jsx9("th", { style: cellStyle(true), children: asText2(c2) }, i2)) }) }),
-        /* @__PURE__ */ jsx9("tbody", { children: rows.map((r2, ri2) => {
+      return /* @__PURE__ */ jsx10("div", { style: { width: "100%", boxSizing: "border-box", overflowX: "auto", border: `1px solid ${C2("border", "#e8eaed")}`, borderRadius: 10, ...wrap }, children: /* @__PURE__ */ jsxs7("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+        cols.length > 0 && /* @__PURE__ */ jsx10("thead", { children: /* @__PURE__ */ jsx10("tr", { children: cols.map((c2, i2) => /* @__PURE__ */ jsx10("th", { style: cellStyle(true), children: asText2(c2) }, i2)) }) }),
+        /* @__PURE__ */ jsx10("tbody", { children: rows.map((r2, ri2) => {
           const cells = Array.isArray(r2?.cells) ? r2.cells : Array.isArray(r2) ? r2 : [];
-          return /* @__PURE__ */ jsx9("tr", { children: cells.map((cell2, ci2) => /* @__PURE__ */ jsx9("td", { style: cellStyle(false), children: asText2(cell2) }, ci2)) }, ri2);
+          return /* @__PURE__ */ jsx10("tr", { children: cells.map((cell2, ci2) => /* @__PURE__ */ jsx10("td", { style: cellStyle(false), children: asText2(cell2) }, ci2)) }, ri2);
         }) })
       ] }) });
     });
@@ -124200,7 +124460,7 @@ var init_renderNode = __esm({
       const rt2 = ctx.color(ring?.tint ?? "accentPrimary", "#116DFF");
       const d2 = size - index * step, off = (size - d2) / 2;
       const mask = `radial-gradient(farthest-side, transparent calc(100% - ${thick}px), #000 calc(100% - ${thick}px))`;
-      return /* @__PURE__ */ jsx9("div", { "aria-hidden": "true", style: { position: "absolute", top: off, left: off, width: d2, height: d2, borderRadius: "50%", background: `conic-gradient(${rt2} ${rp * 360}deg, ${track} 0deg)`, WebkitMask: mask, mask } });
+      return /* @__PURE__ */ jsx10("div", { "aria-hidden": "true", style: { position: "absolute", top: off, left: off, width: d2, height: d2, borderRadius: "50%", background: `conic-gradient(${rt2} ${rp * 360}deg, ${track} 0deg)`, WebkitMask: mask, mask } });
     };
     GaugeNode = withExtras("GaugeNode", ({ props, ctx, wrap }) => {
       const C2 = ctx.color;
@@ -124220,19 +124480,19 @@ var init_renderNode = __esm({
       const a11y = labelName || hasValue && max > min ? { role: "progressbar", ...named, ...range, [SELF_RENDERED_LEAF]: true } : { "aria-hidden": "true", [INFERRED_DECORATIVE]: true, [ROLE_WHEN_NAMED]: "progressbar", [PENDING_RANGE]: range, [SELF_RENDERED_LEAF]: true };
       if (Array.isArray(props.rings) && props.rings.length) {
         const size = 96, thick = 9, step = 22;
-        return /* @__PURE__ */ jsx9("div", { role: "group", ...named, ...{ [SELF_RENDERED_LEAF]: true }, style: { position: "relative", width: size, height: size, ...wrap }, children: props.rings.map((r2, i2) => /* @__PURE__ */ jsx9(GaugeRing, { ring: r2, ctx, index: i2, size, step, thick, track }, i2)) });
+        return /* @__PURE__ */ jsx10("div", { role: "group", ...named, ...{ [SELF_RENDERED_LEAF]: true }, style: { position: "relative", width: size, height: size, ...wrap }, children: props.rings.map((r2, i2) => /* @__PURE__ */ jsx10(GaugeRing, { ring: r2, ctx, index: i2, size, step, thick, track }, i2)) });
       }
       if (props.kind === "linear") {
-        return /* @__PURE__ */ jsxs6("div", { ...a11y, style: { width: "100%", ...wrap }, children: [
-          props.label != null && /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#636b78"), marginBottom: 4 }, children: txt(props.label, ctx) }),
-          /* @__PURE__ */ jsx9("div", { style: { width: "100%", height: 8, borderRadius: 999, background: track, overflow: "hidden" }, children: /* @__PURE__ */ jsx9("div", { style: { width: `${pct * 100}%`, height: "100%", background: tint, ...gaugeAnim } }) })
+        return /* @__PURE__ */ jsxs7("div", { ...a11y, style: { width: "100%", ...wrap }, children: [
+          props.label != null && /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#636b78"), marginBottom: 4 }, children: txt(props.label, ctx) }),
+          /* @__PURE__ */ jsx10("div", { style: { width: "100%", height: 8, borderRadius: 999, background: track, overflow: "hidden" }, children: /* @__PURE__ */ jsx10("div", { style: { width: `${pct * 100}%`, height: "100%", background: tint, ...gaugeAnim } }) })
         ] });
       }
       const ringMask = "radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 8px))";
       const capF = ctx.font("caption");
-      return /* @__PURE__ */ jsx9("div", { ...a11y, style: { display: "inline-flex", flexDirection: "column", alignItems: "center", gap: 4, ...wrap }, children: /* @__PURE__ */ jsxs6("div", { style: { position: "relative", width: 72, height: 72 }, children: [
-        /* @__PURE__ */ jsx9("div", { style: { width: 72, height: 72, borderRadius: "50%", background: `conic-gradient(${tint} ${pct * 360}deg, ${track} 0deg)`, WebkitMask: ringMask, mask: ringMask, ...gaugeAnim } }),
-        /* @__PURE__ */ jsx9("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center", fontFamily: fontStack(capF.family, ctx.idiom), fontSize: capF.remSize, fontWeight: capF.weight, color: C2("textPrimary", "#13171e") }, children: txt(props.label, ctx) || `${Math.round(pct * 100)}%` })
+      return /* @__PURE__ */ jsx10("div", { ...a11y, style: { display: "inline-flex", flexDirection: "column", alignItems: "center", gap: 4, ...wrap }, children: /* @__PURE__ */ jsxs7("div", { style: { position: "relative", width: 72, height: 72 }, children: [
+        /* @__PURE__ */ jsx10("div", { style: { width: 72, height: 72, borderRadius: "50%", background: `conic-gradient(${tint} ${pct * 360}deg, ${track} 0deg)`, WebkitMask: ringMask, mask: ringMask, ...gaugeAnim } }),
+        /* @__PURE__ */ jsx10("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center", fontFamily: fontStack(capF.family, ctx.idiom), fontSize: capF.remSize, fontWeight: capF.weight, color: C2("textPrimary", "#13171e") }, children: txt(props.label, ctx) || `${Math.round(pct * 100)}%` })
       ] }) });
     });
     RATING_METRICS = {
@@ -124253,9 +124513,9 @@ var init_renderNode = __esm({
       const filledCount = Math.round(val);
       const onClickStar = (i2) => ctx.onAction && props.interactive && props.onChange ? () => ctx.onAction({ ...props.onChange, params: { ...props.onChange?.params ?? {}, value: String(i2 + 1) }, args: { ...props.onChange?.args ?? {}, value: i2 + 1 } }) : void 0;
       const cv = Number.isFinite(val) ? Math.max(0, Math.min(max, val)) : 0, summary2 = `${Number.isInteger(cv) ? cv : cv.toFixed(1)} of ${max}`;
-      return /* @__PURE__ */ jsx9("span", { style: { display: "inline-flex", alignItems: "center", gap: m2.gap, ...wrap }, role: props.interactive ? "group" : "img", "aria-label": `Rating, ${summary2}`, "data-a11y-value": summary2, children: Array.from({ length: max }).map((_2, i2) => {
+      return /* @__PURE__ */ jsx10("span", { style: { display: "inline-flex", alignItems: "center", gap: m2.gap, ...wrap }, role: props.interactive ? "group" : "img", "aria-label": `Rating, ${summary2}`, "data-a11y-value": summary2, children: Array.from({ length: max }).map((_2, i2) => {
         const filled = i2 < filledCount;
-        return onClickStar(i2) ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": `Rate ${i2 + 1} ${i2 === 0 ? "star" : "stars"}`, "aria-pressed": i2 + 1 === Math.round(cv), onClick: onClickStar(i2), style: { display: "inline-grid", placeItems: "center", width: m2.cell, height: m2.cell, padding: 0, border: 0, background: "transparent", cursor: "pointer", opacity: filled ? 1 : 0.28 }, children: iconSvg(filled ? `${base}_fill` : base, { size: m2.glyph, color: col }) }, i2) : /* @__PURE__ */ jsx9("span", { style: { display: "inline-grid", placeItems: "center", width: m2.cell, height: m2.cell, opacity: filled ? 1 : 0.28 }, children: iconSvg(filled ? `${base}_fill` : base, { size: m2.glyph, color: col }) }, i2);
+        return onClickStar(i2) ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": `Rate ${i2 + 1} ${i2 === 0 ? "star" : "stars"}`, "aria-pressed": i2 + 1 === Math.round(cv), onClick: onClickStar(i2), style: { display: "inline-grid", placeItems: "center", width: m2.cell, height: m2.cell, padding: 0, border: 0, background: "transparent", cursor: "pointer", opacity: filled ? 1 : 0.28 }, children: iconSvg(filled ? `${base}_fill` : base, { size: m2.glyph, color: col }) }, i2) : /* @__PURE__ */ jsx10("span", { style: { display: "inline-grid", placeItems: "center", width: m2.cell, height: m2.cell, opacity: filled ? 1 : 0.28 }, children: iconSvg(filled ? `${base}_fill` : base, { size: m2.glyph, color: col }) }, i2);
       }) });
     });
     AvatarStripNode = withExtras("AvatarStripNode", ({ props, ctx, wrap }) => {
@@ -124273,8 +124533,8 @@ var init_renderNode = __esm({
       const count2 = shown2.length + overflow;
       const countText = count2 > 0 ? `${count2} ${count2 === 1 ? "person" : "people"}` : "";
       const groupName = [caption, countText].filter(Boolean).join(", ");
-      return /* @__PURE__ */ jsxs6("div", { role: "group", "aria-label": groupName || void 0, "data-a11y-value": countText || void 0, ...{ [SELF_RENDERED_LEAF]: true, [A11Y_PART]: "root" }, style: { width: "100%", ...wrap }, children: [
-        /* @__PURE__ */ jsxs6("div", { role: "list", style: { display: "flex" }, children: [
+      return /* @__PURE__ */ jsxs7("div", { role: "group", "aria-label": groupName || void 0, "data-a11y-value": countText || void 0, ...{ [SELF_RENDERED_LEAF]: true, [A11Y_PART]: "root" }, style: { width: "100%", ...wrap }, children: [
+        /* @__PURE__ */ jsxs7("div", { role: "list", style: { display: "flex" }, children: [
           shown2.map((a2, i2) => {
             const ring = props.ringGradient ? ctx.gradient(props.ringGradient) : void 0;
             const wrapStyle = ring ? { marginLeft: i2 === 0 ? 0 : -(size - shift), background: ring, padding: 2.5, borderRadius: "50%" } : { marginLeft: i2 === 0 ? 0 : -(size - shift), border: `2px solid ${C2("surfacePrimary", "#fff")}`, borderRadius: "50%" };
@@ -124285,18 +124545,18 @@ var init_renderNode = __esm({
               initials,
               { style: { ...initials.props.style, position: "relative", overflow: "hidden" } },
               initials.props.children,
-              /* @__PURE__ */ jsx9("img", { src: photo, alt: "", onError: (e2) => {
+              /* @__PURE__ */ jsx10("img", { src: photo, alt: "", onError: (e2) => {
                 e2.currentTarget.style.display = "none";
               }, style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover" } })
             ) : initials;
-            return who ? /* @__PURE__ */ jsx9("div", { role: "listitem", style: wrapStyle, children: React9.cloneElement(circle, { role: "img", "aria-label": who }) }, i2) : /* @__PURE__ */ jsx9("div", { "aria-hidden": "true", style: wrapStyle, children: circle }, i2);
+            return who ? /* @__PURE__ */ jsx10("div", { role: "listitem", style: wrapStyle, children: React9.cloneElement(circle, { role: "img", "aria-label": who }) }, i2) : /* @__PURE__ */ jsx10("div", { "aria-hidden": "true", style: wrapStyle, children: circle }, i2);
           }),
-          overflow > 0 && /* @__PURE__ */ jsx9("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__ */ jsxs6("span", { role: "img", "aria-label": `${overflow} more`, children: [
+          overflow > 0 && /* @__PURE__ */ jsx10("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__ */ jsxs7("span", { role: "img", "aria-label": `${overflow} more`, children: [
             "+",
             overflow
           ] }) })
         ] }),
-        props.caption && /* @__PURE__ */ jsx9("div", { ...{ [A11Y_PART]: "derived-name" }, style: { fontSize: pxToRem(13), color: C2("textSecondary", "#888"), marginTop: 8 }, children: txt(props.caption, ctx) })
+        props.caption && /* @__PURE__ */ jsx10("div", { ...{ [A11Y_PART]: "derived-name" }, style: { fontSize: pxToRem(13), color: C2("textSecondary", "#888"), marginTop: 8 }, children: txt(props.caption, ctx) })
       ] });
     });
     CHART_STROKE_CYCLE = ["solid", "dashed", "dotted"];
@@ -124341,7 +124601,7 @@ var init_renderNode = __esm({
         stroke: "solid"
       }];
       const drawable = series.filter((sr2) => sr2.values.length > 0);
-      if (drawable.length === 0) return /* @__PURE__ */ jsx9("div", { style: { width: "100%", height, ...wrap } });
+      if (drawable.length === 0) return /* @__PURE__ */ jsx10("div", { style: { width: "100%", height, ...wrap } });
       const W2 = 100;
       const H2 = 100;
       const all = drawable.flatMap((sr2) => sr2.values);
@@ -124352,14 +124612,14 @@ var init_renderNode = __esm({
       const xAt = (i2, n2) => n2 === 1 ? W2 / 2 : i2 / (n2 - 1) * W2;
       const bars = drawable.filter((sr2) => sr2.kind === "bar");
       const barGeom = chartBarLayout(bars.map((sr2) => sr2.values.length), W2);
-      return /* @__PURE__ */ jsx9("div", { style: { width: "100%", height, ...wrap }, role: "presentation", children: /* @__PURE__ */ jsx9("svg", { width: "100%", height: "100%", viewBox: `0 0 ${W2} ${H2}`, preserveAspectRatio: "none", role: "presentation", children: drawable.map((sr2, si2) => {
+      return /* @__PURE__ */ jsx10("div", { style: { width: "100%", height, ...wrap }, role: "presentation", children: /* @__PURE__ */ jsx10("svg", { width: "100%", height: "100%", viewBox: `0 0 ${W2} ${H2}`, preserveAspectRatio: "none", role: "presentation", children: drawable.map((sr2, si2) => {
         const n2 = sr2.values.length;
         if (sr2.kind === "bar") {
           const lane = Math.max(bars.indexOf(sr2), 0);
           const w2 = Math.max(barGeom.width, 0.5);
-          return /* @__PURE__ */ jsx9("g", { "data-series": sr2.label || si2, children: sr2.values.map((v2, i2) => {
+          return /* @__PURE__ */ jsx10("g", { "data-series": sr2.label || si2, children: sr2.values.map((v2, i2) => {
             const top = yAt(v2);
-            return /* @__PURE__ */ jsx9(
+            return /* @__PURE__ */ jsx10(
               "rect",
               {
                 x: barGeom.lefts[lane]?.[i2] ?? 0,
@@ -124374,8 +124634,8 @@ var init_renderNode = __esm({
         }
         const pts = sr2.values.map((v2, i2) => `${xAt(i2, n2)},${yAt(v2)}`).join(" ");
         const dash = chartDashArray(sr2.stroke);
-        return /* @__PURE__ */ jsxs6("g", { "data-series": sr2.label || si2, children: [
-          sr2.kind === "area" && /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsxs7("g", { "data-series": sr2.label || si2, children: [
+          sr2.kind === "area" && /* @__PURE__ */ jsx10(
             "polygon",
             {
               points: `${xAt(0, n2)},${H2} ${pts} ${xAt(n2 - 1, n2)},${H2}`,
@@ -124383,7 +124643,7 @@ var init_renderNode = __esm({
               opacity: 0.18
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "polyline",
             {
               points: pts,
@@ -124411,13 +124671,13 @@ var init_renderNode = __esm({
       const R2 = 50 - thickness / 2;
       const CIRC = 2 * Math.PI * R2;
       let offset = 0;
-      return /* @__PURE__ */ jsx9("div", { style: { width: size, maxWidth: "100%", ...wrap }, children: /* @__PURE__ */ jsxs6("div", { style: { position: "relative", width: "100%", aspectRatio: "1 / 1", maxWidth: "100%" }, children: [
-        /* @__PURE__ */ jsxs6("svg", { width: "100%", height: "100%", viewBox: "0 0 100 100", role: "presentation", children: [
-          /* @__PURE__ */ jsx9("circle", { cx: 50, cy: 50, r: R2, fill: "none", stroke: C2("surfaceSecondary", "#eee"), strokeWidth: thickness || 100 }),
+      return /* @__PURE__ */ jsx10("div", { style: { width: size, maxWidth: "100%", ...wrap }, children: /* @__PURE__ */ jsxs7("div", { style: { position: "relative", width: "100%", aspectRatio: "1 / 1", maxWidth: "100%" }, children: [
+        /* @__PURE__ */ jsxs7("svg", { width: "100%", height: "100%", viewBox: "0 0 100 100", role: "presentation", children: [
+          /* @__PURE__ */ jsx10("circle", { cx: 50, cy: 50, r: R2, fill: "none", stroke: C2("surfaceSecondary", "#eee"), strokeWidth: thickness || 100 }),
           total > 0 && slices.map((sl2, i2) => {
             const frac = sl2.value / total;
             const dash = `${frac * CIRC} ${CIRC}`;
-            const el2 = /* @__PURE__ */ jsx9(
+            const el2 = /* @__PURE__ */ jsx10(
               "circle",
               {
                 cx: 50,
@@ -124438,7 +124698,7 @@ var init_renderNode = __esm({
             return el2;
           })
         ] }),
-        (props.centerTitle || props.centerSubtitle) && /* @__PURE__ */ jsxs6("div", { style: {
+        (props.centerTitle || props.centerSubtitle) && /* @__PURE__ */ jsxs7("div", { style: {
           position: "absolute",
           inset: 0,
           display: "flex",
@@ -124448,15 +124708,15 @@ var init_renderNode = __esm({
           gap: 2,
           pointerEvents: "none"
         }, children: [
-          props.centerTitle && /* @__PURE__ */ jsx9("div", { style: { fontSize: pxToRem(20), fontWeight: 600, color: C2("textPrimary", "#111") }, children: txt(props.centerTitle, ctx) }),
-          props.centerSubtitle && /* @__PURE__ */ jsx9("div", { style: { fontSize: pxToRem(12), color: C2("textSecondary", "#888") }, children: txt(props.centerSubtitle, ctx) })
+          props.centerTitle && /* @__PURE__ */ jsx10("div", { style: { fontSize: pxToRem(20), fontWeight: 600, color: C2("textPrimary", "#111") }, children: txt(props.centerTitle, ctx) }),
+          props.centerSubtitle && /* @__PURE__ */ jsx10("div", { style: { fontSize: pxToRem(12), color: C2("textSecondary", "#888") }, children: txt(props.centerSubtitle, ctx) })
         ] })
       ] }) });
     });
     LegendMarker = ({ marker, color }) => {
-      if (marker === "square") return /* @__PURE__ */ jsx9("span", { style: { width: 10, height: 10, background: color, flex: "0 0 auto" } });
+      if (marker === "square") return /* @__PURE__ */ jsx10("span", { style: { width: 10, height: 10, background: color, flex: "0 0 auto" } });
       if (marker === "line" || marker === "dashed") {
-        return /* @__PURE__ */ jsx9("svg", { width: 16, height: 10, viewBox: "0 0 16 10", style: { flex: "0 0 auto" }, role: "presentation", children: /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10("svg", { width: 16, height: 10, viewBox: "0 0 16 10", style: { flex: "0 0 auto" }, role: "presentation", children: /* @__PURE__ */ jsx10(
           "line",
           {
             x1: 0,
@@ -124470,15 +124730,15 @@ var init_renderNode = __esm({
           }
         ) });
       }
-      return /* @__PURE__ */ jsx9("span", { style: { width: 10, height: 10, borderRadius: 5, background: color, flex: "0 0 auto" } });
+      return /* @__PURE__ */ jsx10("span", { style: { width: 10, height: 10, borderRadius: 5, background: color, flex: "0 0 auto" } });
     };
     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);
-      if (items.length === 0) return /* @__PURE__ */ jsx9("div", { style: { ...wrap } });
+      if (items.length === 0) return /* @__PURE__ */ jsx10("div", { style: { ...wrap } });
       const vertical = props.orientation === "vertical";
-      return /* @__PURE__ */ jsx9("ul", { style: {
+      return /* @__PURE__ */ jsx10("ul", { style: {
         display: "flex",
         flexDirection: vertical ? "column" : "row",
         flexWrap: vertical ? "nowrap" : "wrap",
@@ -124487,10 +124747,10 @@ var init_renderNode = __esm({
         padding: 0,
         listStyle: "none",
         ...wrap
-      }, children: items.map((it2, i2) => /* @__PURE__ */ jsxs6("li", { style: { display: "flex", alignItems: "center", gap: 6, minWidth: 0 }, children: [
-        /* @__PURE__ */ jsx9(LegendMarker, { marker: it2.marker, color: it2.color ? C2(it2.color, "#116DFF") : C2("accentPrimary", "#116DFF") }),
-        /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(13), color: C2("textSecondary", "#888"), minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: txt(it2.label, ctx) }),
-        it2.value && /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(13), fontWeight: 600, color: C2("textPrimary", "#111") }, children: txt(it2.value, ctx) })
+      }, children: items.map((it2, i2) => /* @__PURE__ */ jsxs7("li", { style: { display: "flex", alignItems: "center", gap: 6, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx10(LegendMarker, { marker: it2.marker, color: it2.color ? C2(it2.color, "#116DFF") : C2("accentPrimary", "#116DFF") }),
+        /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(13), color: C2("textSecondary", "#888"), minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: txt(it2.label, ctx) }),
+        it2.value && /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(13), fontWeight: 600, color: C2("textPrimary", "#111") }, children: txt(it2.value, ctx) })
       ] }, i2)) });
     });
     cellAlign = (align) => align === "center" ? "center" : align === "trailing" ? "right" : "left";
@@ -124503,28 +124763,28 @@ var init_renderNode = __esm({
       const max = Number(props.maxRows);
       const rows = Number.isFinite(max) && max > 0 ? rawRows.slice(0, max) : rawRows;
       const totalsRow = props.totalsPath != null ? boundTotals : props.totals;
-      if (columns.length === 0) return /* @__PURE__ */ jsx9("div", { style: { ...wrap } });
+      if (columns.length === 0) return /* @__PURE__ */ jsx10("div", { style: { ...wrap } });
       const totalWeight = columns.reduce((a2, c2) => a2 + c2.weight, 0) || 1;
       const th = { fontSize: pxToRem(12), fontWeight: 600, color: C2("textSecondary", "#888"), padding: "8px 10px", borderBottom: `1px solid ${C2("border", "#e5e5e5")}` };
       const td = { fontSize: pxToRem(14), color: C2("textPrimary", "#111"), padding: "8px 10px" };
       return (
         // Tables are the one shape allowed to exceed the content width, in their own
         // scroller — the page body must not scroll horizontally because of one.
-        /* @__PURE__ */ jsx9("div", { style: { width: "100%", overflowX: "auto", ...wrap }, children: /* @__PURE__ */ jsxs6("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [
-          !props.hideHeader && /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { children: columns.map((c2, i2) => /* @__PURE__ */ jsx9("th", { scope: "col", style: { ...th, textAlign: cellAlign(c2.align), width: `${c2.weight / totalWeight * 100}%` }, children: txt(c2.title, ctx) }, i2)) }) }),
-          /* @__PURE__ */ jsx9("tbody", { children: rows.map((r2, ri2) => {
+        /* @__PURE__ */ jsx10("div", { style: { width: "100%", overflowX: "auto", ...wrap }, children: /* @__PURE__ */ jsxs7("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [
+          !props.hideHeader && /* @__PURE__ */ jsx10("thead", { children: /* @__PURE__ */ jsx10("tr", { children: columns.map((c2, i2) => /* @__PURE__ */ jsx10("th", { scope: "col", style: { ...th, textAlign: cellAlign(c2.align), width: `${c2.weight / totalWeight * 100}%` }, children: txt(c2.title, ctx) }, i2)) }) }),
+          /* @__PURE__ */ jsx10("tbody", { children: rows.map((r2, ri2) => {
             const cells = dataTableCells(r2, columns);
             const id = r2 && typeof r2 === "object" && !Array.isArray(r2) ? r2.id : void 0;
-            return /* @__PURE__ */ jsx9(
+            return /* @__PURE__ */ jsx10(
               "tr",
               {
                 style: props.zebra && ri2 % 2 === 1 ? { background: C2("surfaceSecondary", "#fafafa") } : void 0,
-                children: cells.map((cell2, ci2) => /* @__PURE__ */ jsx9("td", { style: { ...td, textAlign: cellAlign(columns[ci2].align) }, children: txt(cell2, ctx) }, ci2))
+                children: cells.map((cell2, ci2) => /* @__PURE__ */ jsx10("td", { style: { ...td, textAlign: cellAlign(columns[ci2].align) }, children: txt(cell2, ctx) }, ci2))
               },
               typeof id === "string" && id ? id : ri2
             );
           }) }),
-          totalsRow != null && /* @__PURE__ */ jsx9("tfoot", { children: /* @__PURE__ */ jsx9("tr", { children: dataTableCells(totalsRow, columns).map((cell2, ci2) => /* @__PURE__ */ jsx9("td", { style: { ...td, fontWeight: 600, borderTop: `1px solid ${C2("border", "#e5e5e5")}`, textAlign: cellAlign(columns[ci2].align) }, children: txt(cell2, ctx) }, ci2)) }) })
+          totalsRow != null && /* @__PURE__ */ jsx10("tfoot", { children: /* @__PURE__ */ jsx10("tr", { children: dataTableCells(totalsRow, columns).map((cell2, ci2) => /* @__PURE__ */ jsx10("td", { style: { ...td, fontWeight: 600, borderTop: `1px solid ${C2("border", "#e5e5e5")}`, textAlign: cellAlign(columns[ci2].align) }, children: txt(cell2, ctx) }, ci2)) }) })
         ] }) })
       );
     });
@@ -124540,17 +124800,17 @@ var init_renderNode = __esm({
       const boundState = useResolvedScalar(props.statePath, ctx);
       const boundDelivery = useResolvedScalar(props.deliveryPath, ctx);
       const boundRate = useResolvedScalar(props.ratePath, ctx);
-      const num3 = (bound, literal, dflt) => {
+      const num4 = (bound, literal, dflt) => {
         const v2 = bound !== void 0 && bound !== null ? bound : literal;
         const n2 = typeof v2 === "number" ? v2 : typeof v2 === "string" ? Number(v2) : NaN;
         return Number.isFinite(n2) ? n2 : dflt;
       };
       const rawWave = props.waveformPath != null ? boundWave : props.waveform;
       const samples = Array.isArray(rawWave) ? rawWave.map(Number).filter((n2) => Number.isFinite(n2)) : [];
-      const durationMs = Math.max(0, num3(props.durationMsPath != null ? boundDuration : void 0, props.durationMs, 0));
+      const durationMs = Math.max(0, num4(props.durationMsPath != null ? boundDuration : void 0, props.durationMs, 0));
       const state = voiceNoteState(props.statePath != null ? boundState : props.state);
       const delivery = voiceNoteDelivery(props.deliveryPath != null ? boundDelivery : props.delivery);
-      const rate = num3(props.ratePath != null ? boundRate : void 0, props.rate, 1);
+      const rate = num4(props.ratePath != null ? boundRate : void 0, props.rate, 1);
       const isFailed = delivery === "failed";
       const isUploading = delivery === "uploading";
       const isPlayable = !isFailed && !isUploading;
@@ -124558,7 +124818,7 @@ var init_renderNode = __esm({
       const isLoading = state === "loading";
       const [scrub, setScrub] = React9.useState(null);
       const [seeked, setSeeked] = React9.useState(null);
-      const positionMs = Math.max(0, num3(props.positionMsPath != null ? boundPosition : void 0, props.positionMs, 0));
+      const positionMs = Math.max(0, num4(props.positionMsPath != null ? boundPosition : void 0, props.positionMs, 0));
       React9.useEffect(() => {
         setSeeked(null);
       }, [positionMs]);
@@ -124607,8 +124867,8 @@ var init_renderNode = __esm({
       }, [rate]);
       const effectiveRate = pickedRate ?? rate;
       const rateText = `${Math.round(effectiveRate * 100) / 100}\xD7`;
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 10, width: "100%", padding: "6px 0", boxSizing: "border-box", ...wrap }, children: [
-        /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 10, width: "100%", padding: "6px 0", boxSizing: "border-box", ...wrap }, children: [
+        /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -124626,7 +124886,7 @@ var init_renderNode = __esm({
               placeItems: "center",
               cursor: isUploading ? "default" : "pointer"
             },
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx10(
               "span",
               {
                 style: {
@@ -124643,7 +124903,7 @@ var init_renderNode = __esm({
                   // Reuses the motion-grammar loader keyframe rather than minting a new
                   // one — a name that no `ensure*Styles` injects is a spinner that never
                   // spins, and nothing in the DOM says so.
-                  /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(
                     "span",
                     {
                       "aria-hidden": true,
@@ -124659,19 +124919,19 @@ var init_renderNode = __esm({
                       }
                     }
                   )
-                ) : isFailed ? /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: onAccent, strokeWidth: "2.4", strokeLinecap: "round", "aria-hidden": true, children: [
-                  /* @__PURE__ */ jsx9("path", { d: "M20 11a8 8 0 1 0-2.3 5.7" }),
-                  /* @__PURE__ */ jsx9("path", { d: "M20 5v6h-6" })
-                ] }) : isPlaying ? /* @__PURE__ */ jsxs6("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: onAccent, "aria-hidden": true, children: [
-                  /* @__PURE__ */ jsx9("rect", { x: "5", y: "4", width: "5", height: "16", rx: "1.4" }),
-                  /* @__PURE__ */ jsx9("rect", { x: "14", y: "4", width: "5", height: "16", rx: "1.4" })
-                ] }) : /* @__PURE__ */ jsx9("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: onAccent, "aria-hidden": true, children: /* @__PURE__ */ jsx9("path", { d: "M7 4.5 19.5 12 7 19.5Z" }) })
+                ) : isFailed ? /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: onAccent, strokeWidth: "2.4", strokeLinecap: "round", "aria-hidden": true, children: [
+                  /* @__PURE__ */ jsx10("path", { d: "M20 11a8 8 0 1 0-2.3 5.7" }),
+                  /* @__PURE__ */ jsx10("path", { d: "M20 5v6h-6" })
+                ] }) : isPlaying ? /* @__PURE__ */ jsxs7("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: onAccent, "aria-hidden": true, children: [
+                  /* @__PURE__ */ jsx10("rect", { x: "5", y: "4", width: "5", height: "16", rx: "1.4" }),
+                  /* @__PURE__ */ jsx10("rect", { x: "14", y: "4", width: "5", height: "16", rx: "1.4" })
+                ] }) : /* @__PURE__ */ jsx10("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: onAccent, "aria-hidden": true, children: /* @__PURE__ */ jsx10("path", { d: "M7 4.5 19.5 12 7 19.5Z" }) })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxs6("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 4 }, children: [
-          /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs7("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ jsx10(
             "svg",
             {
               width: "100%",
@@ -124697,11 +124957,11 @@ var init_renderNode = __esm({
               children: bars.length === 0 ? (
                 // No envelope (an arm that could not meter, or a clip still uploading):
                 // a flat rule, never a fabricated waveform.
-                /* @__PURE__ */ jsx9("rect", { x: 0, y: H2 / 2 - 1.5, width: W2, height: 3, fill: accent, opacity: 0.28 })
+                /* @__PURE__ */ jsx10("rect", { x: 0, y: H2 / 2 - 1.5, width: W2, height: 3, fill: accent, opacity: 0.28 })
               ) : bars.map((v2, i2) => {
                 const cx = slot * (i2 + 0.5);
                 const bh = Math.max(4, v2 * H2);
-                return /* @__PURE__ */ jsx9(
+                return /* @__PURE__ */ jsx10(
                   "rect",
                   {
                     x: cx - barW / 2,
@@ -124717,12 +124977,12 @@ var init_renderNode = __esm({
               })
             }
           ),
-          /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 8, fontFamily: bodyFont(ctx) }, children: [
-            /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(12), fontWeight: 500, fontVariantNumeric: "tabular-nums", color: isFailed ? danger : secondary }, children: voiceNoteClock(clockMs) }),
-            isUploading && /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(12), color: secondary }, children: "Sending\u2026" }),
-            isFailed && /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(12), color: danger }, children: "Not sent" }),
-            /* @__PURE__ */ jsx9("span", { style: { flex: 1 } }),
-            rates.length > 0 && isPlayable && /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 8, fontFamily: bodyFont(ctx) }, children: [
+            /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(12), fontWeight: 500, fontVariantNumeric: "tabular-nums", color: isFailed ? danger : secondary }, children: voiceNoteClock(clockMs) }),
+            isUploading && /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(12), color: secondary }, children: "Sending\u2026" }),
+            isFailed && /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(12), color: danger }, children: "Not sent" }),
+            /* @__PURE__ */ jsx10("span", { style: { flex: 1 } }),
+            rates.length > 0 && isPlayable && /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
@@ -124756,21 +125016,21 @@ var init_renderNode = __esm({
       const bound = useResolvedScalar(props.entriesPath, ctx);
       const raw = props.entriesPath != null ? bound : props.entries;
       const entries = Array.isArray(raw) ? raw : [];
-      return /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "column", width: "100%", ...wrap }, children: entries.map((e2, i2) => {
+      return /* @__PURE__ */ jsx10("div", { style: { display: "flex", flexDirection: "column", width: "100%", ...wrap }, children: entries.map((e2, i2) => {
         const done = e2?.done === true;
         const last = i2 === entries.length - 1;
         const dotCol = done ? C2("accentPrimary", "#116DFF") : C2("surfaceTertiary", "#cdd2d9");
-        return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 12 }, children: [
-          /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", flex: "none" }, children: [
-            /* @__PURE__ */ jsx9("span", { style: { width: 12, height: 12, borderRadius: "50%", background: dotCol, border: `2px solid ${done ? dotCol : C2("border", "#cdd2d9")}`, marginTop: 4 } }),
-            !last && /* @__PURE__ */ jsx9("span", { style: { flex: 1, width: 2, background: C2("surfaceTertiary", "#e3e6ea"), minHeight: 18 } })
+        return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: 12 }, children: [
+          /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", flex: "none" }, children: [
+            /* @__PURE__ */ jsx10("span", { style: { width: 12, height: 12, borderRadius: "50%", background: dotCol, border: `2px solid ${done ? dotCol : C2("border", "#cdd2d9")}`, marginTop: 4 } }),
+            !last && /* @__PURE__ */ jsx10("span", { style: { flex: 1, width: 2, background: C2("surfaceTertiary", "#e3e6ea"), minHeight: 18 } })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { style: { paddingBottom: last ? 0 : 14, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 8, alignItems: "baseline" }, children: [
-              /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#13171e") }, children: asText2(e2?.title) }),
-              e2?.time && /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("textSecondary", "#888") }, children: asText2(e2.time) })
+          /* @__PURE__ */ jsxs7("div", { style: { paddingBottom: last ? 0 : 14, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: 8, alignItems: "baseline" }, children: [
+              /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#13171e") }, children: asText2(e2?.title) }),
+              e2?.time && /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("textSecondary", "#888") }, children: asText2(e2.time) })
             ] }),
-            e2?.subtitle && /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#636b78") }, children: asText2(e2.subtitle) })
+            e2?.subtitle && /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#636b78") }, children: asText2(e2.subtitle) })
           ] })
         ] }, i2);
       }) });
@@ -124805,8 +125065,8 @@ var init_renderNode = __esm({
         }, interval);
         return () => clearInterval(timer);
       }, [props.autoplayIntervalMs, props.__pager, boundRail, pages.length, props.onChange, ctx]);
-      return /* @__PURE__ */ jsxs6("div", { style: { width: "100%", ...wrap }, children: [
-        /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsxs7("div", { style: { width: "100%", ...wrap }, children: [
+        /* @__PURE__ */ jsx10(
           "div",
           {
             ref: rail,
@@ -124824,10 +125084,10 @@ var init_renderNode = __esm({
               if (!boundRail && event.currentTarget.clientWidth > 0) select(Math.max(0, Math.min(pages.length - 1, Math.round(event.currentTarget.scrollLeft / event.currentTarget.clientWidth))));
             },
             style: { display: "flex", overflowX: "auto", scrollSnapType: boundRail ? void 0 : "x mandatory", gap: boundRail ? 12 : void 0, width: "100%" },
-            children: boundRail ? /* @__PURE__ */ jsx9(BoundList, { ctx, itemsPath, template: items[0], renderRow: (template, itemCtx) => /* @__PURE__ */ jsx9("div", { style: { flex: "0 0 auto" }, children: renderNode(template, itemCtx) }) }) : pages.map((page, index) => /* @__PURE__ */ jsx9("div", { style: { minWidth: "100%", scrollSnapAlign: "start" }, children: renderNode(page, ctx) }, page?.id ?? index))
+            children: boundRail ? /* @__PURE__ */ jsx10(BoundList, { ctx, itemsPath, template: items[0], renderRow: (template, itemCtx) => /* @__PURE__ */ jsx10("div", { style: { flex: "0 0 auto" }, children: renderNode(template, itemCtx) }) }) : pages.map((page, index) => /* @__PURE__ */ jsx10("div", { style: { minWidth: "100%", scrollSnapAlign: "start" }, children: renderNode(page, ctx) }, page?.id ?? index))
           }
         ),
-        !boundRail && pages.length > 1 && (!props.__pager || props.showIndicator !== false) && /* @__PURE__ */ jsx9("div", { "aria-label": `Page ${current + 1} of ${pages.length}`, style: { display: "flex", gap: 6, justifyContent: "center", marginTop: 10 }, children: pages.map((_2, index) => /* @__PURE__ */ jsx9("span", { "aria-current": index === current ? "true" : void 0, style: { width: index === current ? 18 : 7, height: 7, borderRadius: 999, background: index === current ? ctx.color("accentPrimary", "#116DFF") : ctx.color("border", "#ccc") } }, index)) })
+        !boundRail && pages.length > 1 && (!props.__pager || props.showIndicator !== false) && /* @__PURE__ */ jsx10("div", { "aria-label": `Page ${current + 1} of ${pages.length}`, style: { display: "flex", gap: 6, justifyContent: "center", marginTop: 10 }, children: pages.map((_2, index) => /* @__PURE__ */ jsx10("span", { "aria-current": index === current ? "true" : void 0, style: { width: index === current ? 18 : 7, height: 7, borderRadius: 999, background: index === current ? ctx.color("accentPrimary", "#116DFF") : ctx.color("border", "#ccc") } }, index)) })
       ] });
     });
     WheelPickerNode = withExtras("WheelPickerNode", ({ props, ctx, wrap }) => {
@@ -124851,9 +125111,9 @@ var init_renderNode = __esm({
         if (viewport.current) viewport.current.scrollTop = selIdx * 32;
       }, [selIdx, opts.length]);
       React9.useEffect(() => () => clearTimeout(settle.current), []);
-      return /* @__PURE__ */ jsxs6("div", { style: { position: "relative", width: "100%", maxWidth: 220, height: 160, overflow: "hidden", background: C2("surfaceSecondary", "#f5f7fa"), borderRadius: 12, ...wrap }, children: [
-        /* @__PURE__ */ jsx9("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__ */ jsx9(
+      return /* @__PURE__ */ jsxs7("div", { style: { position: "relative", width: "100%", maxWidth: 220, height: 160, overflow: "hidden", background: C2("surfaceSecondary", "#f5f7fa"), borderRadius: 12, ...wrap }, children: [
+        /* @__PURE__ */ jsx10("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__ */ jsx10(
           "div",
           {
             ref: viewport,
@@ -124874,7 +125134,7 @@ var init_renderNode = __esm({
               settle.current = setTimeout(() => emit(Math.max(0, Math.min(opts.length - 1, Math.round((viewport.current?.scrollTop ?? 0) / 32)))), 120);
             },
             style: { position: "relative", height: "100%", overflowY: "auto", scrollbarWidth: "none", scrollSnapType: "y mandatory", padding: "64px 0", boxSizing: "border-box" },
-            children: opts.map((o2, index) => /* @__PURE__ */ jsx9(
+            children: opts.map((o2, index) => /* @__PURE__ */ jsx10(
               "div",
               {
                 id: `${pickerId}-${index}`,
@@ -124897,13 +125157,13 @@ var init_renderNode = __esm({
       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;
-      return /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 8, ...wrap }, children: [
-        /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
-          /* @__PURE__ */ jsx9("span", { style: { width: 28, height: 28, borderRadius: 8, background: C2(cur, cur), border: `1px solid ${C2("border", "#e3e3e3")}`, flex: "none" } }),
-          props.label != null && /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: txt(props.label, ctx) }),
-          /* @__PURE__ */ jsx9("span", { style: { marginLeft: "auto", fontFamily: "ui-monospace, monospace", fontSize: pxToRem(13), color: C2("textSecondary", "#636b78") }, children: asText2(cur) })
+      return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", gap: 8, ...wrap }, children: [
+        /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
+          /* @__PURE__ */ jsx10("span", { style: { width: 28, height: 28, borderRadius: 8, background: C2(cur, cur), border: `1px solid ${C2("border", "#e3e3e3")}`, flex: "none" } }),
+          props.label != null && /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: txt(props.label, ctx) }),
+          /* @__PURE__ */ jsx10("span", { style: { marginLeft: "auto", fontFamily: "ui-monospace, monospace", fontSize: pxToRem(13), color: C2("textSecondary", "#636b78") }, children: asText2(cur) })
         ] }),
-        /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: swatches.map((s2, i2) => /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": `Choose ${s2}`, "aria-pressed": s2 === cur, disabled: !onPick(s2), onClick: onPick(s2), style: { width: 44, height: 44, padding: 9, border: "none", background: "transparent", cursor: onPick(s2) ? "pointer" : "default", display: "grid", placeItems: "center" }, children: /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", style: { width: 26, height: 26, borderRadius: "50%", background: C2(s2, s2), boxShadow: s2 === cur ? `0 0 0 2px ${C2("surfacePrimary", "#fff")}, 0 0 0 4px ${C2(s2, s2)}` : "inset 0 0 0 1px rgba(0,0,0,.08)" } }) }, i2)) })
+        /* @__PURE__ */ jsx10("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: swatches.map((s2, i2) => /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": `Choose ${s2}`, "aria-pressed": s2 === cur, disabled: !onPick(s2), onClick: onPick(s2), style: { width: 44, height: 44, padding: 9, border: "none", background: "transparent", cursor: onPick(s2) ? "pointer" : "default", display: "grid", placeItems: "center" }, children: /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", style: { width: 26, height: 26, borderRadius: "50%", background: C2(s2, s2), boxShadow: s2 === cur ? `0 0 0 2px ${C2("surfacePrimary", "#fff")}, 0 0 0 4px ${C2(s2, s2)}` : "inset 0 0 0 1px rgba(0,0,0,.08)" } }) }, i2)) })
       ] });
     });
     FilterChipsNode = withExtras("FilterChipsNode", ({ props, ctx, wrap }) => {
@@ -124930,17 +125190,17 @@ var init_renderNode = __esm({
         // ONE horizontally scrolling row, like the iOS ScrollView(.horizontal) and the
         // Android LazyRow. Wrapping here turned a long filter set into a ragged grid and
         // pushed a sibling count onto two lines (#3080, #3004).
-        /* @__PURE__ */ jsx9("div", { role: "group", style: { display: "flex", gap: 8, flexWrap: "nowrap", overflowX: "auto", scrollbarWidth: "none", width: "100%", minWidth: 0, ...wrap }, children: chips.map((c2, i2) => {
+        /* @__PURE__ */ jsx10("div", { role: "group", style: { display: "flex", gap: 8, flexWrap: "nowrap", overflowX: "auto", scrollbarWidth: "none", width: "100%", minWidth: 0, ...wrap }, children: chips.map((c2, i2) => {
           const on4 = selected.includes(c2.id);
           const chipStyle = { display: "flex", flex: "none", whiteSpace: "nowrap", gap: 6, alignItems: "center", fontFamily: bodyFont(ctx), fontWeight: 500, fontSize: pxToRem(13), border: `1px solid ${on4 ? "transparent" : C2("border", "#ddd")}`, background: on4 ? C2("accentPrimary", "#116DFF") : "transparent", color: on4 ? C2("textOnAccent", "#fff") : C2("textSecondary", "#666"), padding: "6px 12px", borderRadius: 999 };
-          const inner = /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          const inner = /* @__PURE__ */ jsxs7(Fragment4, { children: [
             asText2(c2.label),
-            c2.count != null && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+            c2.count != null && /* @__PURE__ */ jsxs7(Fragment4, { children: [
               " ",
-              /* @__PURE__ */ jsx9("span", { style: { ...on4 ? {} : { opacity: 0.7 }, fontSize: pxToRem(11) }, children: c2.count })
+              /* @__PURE__ */ jsx10("span", { style: { ...on4 ? {} : { opacity: 0.7 }, fontSize: pxToRem(11) }, children: c2.count })
             ] })
           ] });
-          return interactive ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-pressed": on4, onClick: () => toggle(c2.id), style: { all: "unset", cursor: "pointer", boxSizing: "border-box", ...chipStyle }, children: inner }, c2.id ?? i2) : /* @__PURE__ */ jsx9("span", { style: chipStyle, children: inner }, c2.id ?? i2);
+          return interactive ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-pressed": on4, onClick: () => toggle(c2.id), style: { all: "unset", cursor: "pointer", boxSizing: "border-box", ...chipStyle }, children: inner }, c2.id ?? i2) : /* @__PURE__ */ jsx10("span", { style: chipStyle, children: inner }, c2.id ?? i2);
         }) })
       );
     });
@@ -125154,7 +125414,7 @@ var init_renderNode = __esm({
             });
           }
         }
-        if (usesTileArm) return /* @__PURE__ */ jsxs6(
+        if (usesTileArm) return /* @__PURE__ */ jsxs7(
           "div",
           {
             ref: attachBox,
@@ -125181,20 +125441,20 @@ var init_renderNode = __esm({
               ...wrap
             },
             children: [
-              tiles.map((t2) => /* @__PURE__ */ jsx9("img", { src: t2.src, alt: "", loading: "lazy", draggable: false, onLoad: () => setTileStatus((s2) => ({ ...s2, [t2.src]: "loaded" })), onError: () => setTileStatus((s2) => ({ ...s2, [t2.src]: "failed" })), style: { position: "absolute", left: t2.left, top: t2.top, width: TILE_PX, height: TILE_PX } }, t2.key)),
-              /* @__PURE__ */ jsxs6("svg", { viewBox: `0 0 ${W2} ${H2}`, preserveAspectRatio: "none", style: { position: "absolute", inset: 0, width: "100%", height: "100%", pointerEvents: "none" }, children: [
+              tiles.map((t2) => /* @__PURE__ */ jsx10("img", { src: t2.src, alt: "", loading: "lazy", draggable: false, onLoad: () => setTileStatus((s2) => ({ ...s2, [t2.src]: "loaded" })), onError: () => setTileStatus((s2) => ({ ...s2, [t2.src]: "failed" })), style: { position: "absolute", left: t2.left, top: t2.top, width: TILE_PX, height: TILE_PX } }, t2.key)),
+              /* @__PURE__ */ jsxs7("svg", { viewBox: `0 0 ${W2} ${H2}`, preserveAspectRatio: "none", style: { position: "absolute", inset: 0, width: "100%", height: "100%", pointerEvents: "none" }, children: [
                 shapes.map((sh, i2) => {
                   if (sh.kind === "unknown" || sh.points.length < 2) return null;
                   const stroke = C2(typeof sh.stroke === "string" && sh.stroke ? sh.stroke : "accentPrimary", accent);
                   const width = typeof sh.strokeWidth === "number" && sh.strokeWidth > 0 ? sh.strokeWidth : sh.kind === "line" ? 4 : 2;
                   const pts = sh.points.map((p2) => `${sx(p2)},${sy(p2)}`).join(" ");
                   if (sh.kind === "line") {
-                    return /* @__PURE__ */ jsx9("polyline", { points: pts, fill: "none", stroke, strokeWidth: width, strokeLinejoin: "round", strokeLinecap: "round" }, sh.id ?? `sh${i2}`);
+                    return /* @__PURE__ */ jsx10("polyline", { points: pts, fill: "none", stroke, strokeWidth: width, strokeLinejoin: "round", strokeLinecap: "round" }, sh.id ?? `sh${i2}`);
                   }
                   const fill = typeof sh.fill === "string" && sh.fill ? C2(sh.fill, stroke) : stroke;
-                  return /* @__PURE__ */ jsx9("polygon", { points: pts, fill, fillOpacity: typeof sh.fill === "string" && sh.fill ? 0.35 : 0.18, stroke, strokeWidth: width }, sh.id ?? `sh${i2}`);
+                  return /* @__PURE__ */ jsx10("polygon", { points: pts, fill, fillOpacity: typeof sh.fill === "string" && sh.fill ? 0.35 : 0.18, stroke, strokeWidth: width }, sh.id ?? `sh${i2}`);
                 }),
-                route.length > 1 && /* @__PURE__ */ jsx9(
+                route.length > 1 && /* @__PURE__ */ jsx10(
                   "polyline",
                   {
                     points: route.map((p2) => `${sx(p2)},${sy(p2)}`).join(" "),
@@ -125211,18 +125471,18 @@ var init_renderNode = __esm({
                   // `icon` adds a glyph from the SAME table the Icon component uses, so a name means
                   // one thing across the renderer; an unknown name yields the neutral "·" rather than
                   // an empty box.
-                  /* @__PURE__ */ jsxs6("g", { children: [
-                    /* @__PURE__ */ jsx9("circle", { cx: sx(m2), cy: sy(m2), r: typeof m2.icon === "string" && m2.icon ? 9 : 6, fill: typeof m2.tint === "string" && m2.tint ? C2(m2.tint, accent) : accent, stroke: "#fff", strokeWidth: 2 }),
-                    typeof m2.icon === "string" && m2.icon ? /* @__PURE__ */ jsx9("text", { x: sx(m2), y: sy(m2), textAnchor: "middle", dominantBaseline: "central", fontSize: 9, fill: "#fff", children: iconGlyph(m2.icon) }) : null
+                  /* @__PURE__ */ jsxs7("g", { children: [
+                    /* @__PURE__ */ jsx10("circle", { cx: sx(m2), cy: sy(m2), r: typeof m2.icon === "string" && m2.icon ? 9 : 6, fill: typeof m2.tint === "string" && m2.tint ? C2(m2.tint, accent) : accent, stroke: "#fff", strokeWidth: 2 }),
+                    typeof m2.icon === "string" && m2.icon ? /* @__PURE__ */ jsx10("text", { x: sx(m2), y: sy(m2), textAnchor: "middle", dominantBaseline: "central", fontSize: 9, fill: "#fff", children: iconGlyph(m2.icon) }) : null
                   ] }, i2)
                 )),
-                userFix && (props.showUserLocation === true || follow) ? /* @__PURE__ */ jsxs6("g", { "data-testid": "map-user-location", "data-following": followActive ? "true" : "false", children: [
-                  /* @__PURE__ */ jsx9("circle", { cx: sx({ latitude: userFix.lat, longitude: userFix.lng }), cy: sy({ latitude: userFix.lat, longitude: userFix.lng }), r: 14, fill: accent, fillOpacity: 0.18 }),
-                  /* @__PURE__ */ jsx9("circle", { cx: sx({ latitude: userFix.lat, longitude: userFix.lng }), cy: sy({ latitude: userFix.lat, longitude: userFix.lng }), r: 7, fill: accent, stroke: "#fff", strokeWidth: 2.5 })
+                userFix && (props.showUserLocation === true || follow) ? /* @__PURE__ */ jsxs7("g", { "data-testid": "map-user-location", "data-following": followActive ? "true" : "false", children: [
+                  /* @__PURE__ */ jsx10("circle", { cx: sx({ latitude: userFix.lat, longitude: userFix.lng }), cy: sy({ latitude: userFix.lat, longitude: userFix.lng }), r: 14, fill: accent, fillOpacity: 0.18 }),
+                  /* @__PURE__ */ jsx10("circle", { cx: sx({ latitude: userFix.lat, longitude: userFix.lng }), cy: sy({ latitude: userFix.lat, longitude: userFix.lng }), r: 7, fill: accent, stroke: "#fff", strokeWidth: 2.5 })
                 ] }) : null
               ] }),
-              tiles.length > 0 && tiles.every((t2) => tileStatus[t2.src] === "failed") && /* @__PURE__ */ jsx9("div", { role: "status", "data-map-tiles-unavailable": "", style: { position: "absolute", left: 8, right: 8, bottom: 20, padding: "8px 10px", borderRadius: 6, color: C2("textPrimary", "#13171E"), background: C2("surfacePrimary", "#fff"), fontSize: 12 }, children: "Map tiles unavailable. Connect to the internet to view streets; saved markers remain available." }),
-              /* @__PURE__ */ jsx9("div", { style: { position: "absolute", right: 2, bottom: 1, font: "10px/12px system-ui", color: "#333", background: "rgba(255,255,255,.7)", padding: "0 3px", borderRadius: 2 }, children: resolvedTileSource?.attribution ?? "\xA9 OpenStreetMap" })
+              tiles.length > 0 && tiles.every((t2) => tileStatus[t2.src] === "failed") && /* @__PURE__ */ jsx10("div", { role: "status", "data-map-tiles-unavailable": "", style: { position: "absolute", left: 8, right: 8, bottom: 20, padding: "8px 10px", borderRadius: 6, color: C2("textPrimary", "#13171E"), background: C2("surfacePrimary", "#fff"), fontSize: 12 }, children: "Map tiles unavailable. Connect to the internet to view streets; saved markers remain available." }),
+              /* @__PURE__ */ jsx10("div", { style: { position: "absolute", right: 2, bottom: 1, font: "10px/12px system-ui", color: "#333", background: "rgba(255,255,255,.7)", padding: "0 3px", borderRadius: 2 }, children: resolvedTileSource?.attribution ?? "\xA9 OpenStreetMap" })
             ]
           }
         );
@@ -125236,9 +125496,9 @@ var init_renderNode = __esm({
         const ny = (la2) => maxLa > minLa ? H2 - pad3 - (la2 - minLa) / (maxLa - minLa) * (H2 - 2 * pad3) : H2 / 2;
         const accent = C2("accentPrimary", "#116DFF");
         const poly = route.map((p2) => `${nx(p2.longitude)},${ny(p2.latitude)}`).join(" ");
-        return /* @__PURE__ */ jsx9("div", { style: { width: "100%", boxSizing: "border-box", height: h2, borderRadius: ctx.radius("md", 8), overflow: "hidden", border: `1px solid ${C2("border", "#e3e3e3")}`, background: C2("surfaceSecondary", "#eef1f5"), position: "relative", ...wrap }, children: /* @__PURE__ */ jsxs6("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", style: { width: "100%", height: "100%" }, children: [
-          route.length > 1 && /* @__PURE__ */ jsx9("polyline", { points: poly, fill: "none", stroke: accent, strokeWidth: 1.6, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: "3 2" }),
-          markers.map((m2, i2) => /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9("circle", { cx: nx(m2.longitude), cy: ny(m2.latitude), r: 2.6, fill: typeof m2.tint === "string" && m2.tint ? C2(m2.tint, accent) : accent, stroke: "#fff", strokeWidth: 0.8 }) }, i2))
+        return /* @__PURE__ */ jsx10("div", { style: { width: "100%", boxSizing: "border-box", height: h2, borderRadius: ctx.radius("md", 8), overflow: "hidden", border: `1px solid ${C2("border", "#e3e3e3")}`, background: C2("surfaceSecondary", "#eef1f5"), position: "relative", ...wrap }, children: /* @__PURE__ */ jsxs7("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", style: { width: "100%", height: "100%" }, children: [
+          route.length > 1 && /* @__PURE__ */ jsx10("polyline", { points: poly, fill: "none", stroke: accent, strokeWidth: 1.6, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: "3 2" }),
+          markers.map((m2, i2) => /* @__PURE__ */ jsx10("g", { children: /* @__PURE__ */ jsx10("circle", { cx: nx(m2.longitude), cy: ny(m2.latitude), r: 2.6, fill: typeof m2.tint === "string" && m2.tint ? C2(m2.tint, accent) : accent, stroke: "#fff", strokeWidth: 0.8 }) }, i2))
         ] }) });
       }
       const lat = typeof props.latitude === "number" ? props.latitude : 37.7749;
@@ -125247,7 +125507,7 @@ var init_renderNode = __esm({
       const d2 = 0.04 * Math.pow(2, 13 - zoom);
       const bbox = `${lng - d2},${lat - d2},${lng + d2},${lat + d2}`;
       const src = `https://www.openstreetmap.org/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${lat},${lng}`;
-      return /* @__PURE__ */ jsx9("div", { style: { width: "100%", boxSizing: "border-box", height: h2, borderRadius: ctx.radius("md", 8), overflow: "hidden", border: `1px solid ${C2("border", "#e3e3e3")}`, position: "relative", ...wrap }, children: /* @__PURE__ */ jsx9("iframe", { title: "map", src, style: { width: "100%", height: "100%", border: "none", pointerEvents: props.interactive === false ? "none" : "auto" }, loading: "lazy" }) });
+      return /* @__PURE__ */ jsx10("div", { style: { width: "100%", boxSizing: "border-box", height: h2, borderRadius: ctx.radius("md", 8), overflow: "hidden", border: `1px solid ${C2("border", "#e3e3e3")}`, position: "relative", ...wrap }, children: /* @__PURE__ */ jsx10("iframe", { title: "map", src, style: { width: "100%", height: "100%", border: "none", pointerEvents: props.interactive === false ? "none" : "auto" }, loading: "lazy" }) });
     });
     CAROUSEL_SETTLE_MS = 1e3;
     scrollCarouselTo = (el2, page) => {
@@ -125337,7 +125597,7 @@ var init_renderNode = __esm({
         if (event.type === "keydown") setFocused(true);
         else setHovered(true);
       };
-      return /* @__PURE__ */ jsxs6(
+      return /* @__PURE__ */ jsxs7(
         "div",
         {
           "data-carousel-index": index,
@@ -125349,15 +125609,15 @@ var init_renderNode = __esm({
           onBlur: onFocusOut,
           style: { width: "100%", ...wrap },
           children: [
-            /* @__PURE__ */ jsx9("div", { ref: trackRef, "data-page-rail": "", tabIndex: 0, "aria-label": "Carousel", onScroll, onPointerDown: userTakesOver, onTouchStart: userTakesOver, onWheel: userTakesOver, onKeyDown: (event) => {
+            /* @__PURE__ */ jsx10("div", { ref: trackRef, "data-page-rail": "", tabIndex: 0, "aria-label": "Carousel", onScroll, onPointerDown: userTakesOver, onTouchStart: userTakesOver, onWheel: userTakesOver, onKeyDown: (event) => {
               userTakesOver(event);
               if (event.target !== event.currentTarget || !["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) return;
               event.preventDefault();
               const next = event.key === "Home" ? 0 : event.key === "End" ? count2 - 1 : Math.max(0, Math.min(count2 - 1, indexRef.current + (event.key === "ArrowRight" ? 1 : -1)));
               if (trackRef.current) trackRef.current.scrollLeft = next * trackRef.current.clientWidth;
               pageTo(next);
-            }, style: { display: "flex", overflowX: "auto", scrollSnapType: "x mandatory", width: "100%" }, children: pages.map((pg, i2) => /* @__PURE__ */ jsx9("div", { style: { minWidth: "100%", scrollSnapAlign: "start" }, children: renderNode(pg, ctx) }, pg?.id ?? i2)) }),
-            count2 > 1 && /* @__PURE__ */ jsx9("div", { "aria-label": `Page ${index + 1} of ${count2}`, style: { display: "flex", gap: 6, justifyContent: "center", marginTop: 10 }, children: pages.map((_2, i2) => /* @__PURE__ */ jsx9("span", { "aria-current": i2 === index ? "true" : void 0, style: { width: i2 === index ? 18 : 7, height: 7, borderRadius: 999, background: i2 === index ? C2("accentPrimary", "#116DFF") : C2("border", "#ccc") } }, i2)) })
+            }, style: { display: "flex", overflowX: "auto", scrollSnapType: "x mandatory", width: "100%" }, children: pages.map((pg, i2) => /* @__PURE__ */ jsx10("div", { style: { minWidth: "100%", scrollSnapAlign: "start" }, children: renderNode(pg, ctx) }, pg?.id ?? i2)) }),
+            count2 > 1 && /* @__PURE__ */ jsx10("div", { "aria-label": `Page ${index + 1} of ${count2}`, style: { display: "flex", gap: 6, justifyContent: "center", marginTop: 10 }, children: pages.map((_2, i2) => /* @__PURE__ */ jsx10("span", { "aria-current": i2 === index ? "true" : void 0, style: { width: i2 === index ? 18 : 7, height: 7, borderRadius: 999, background: i2 === index ? C2("accentPrimary", "#116DFF") : C2("border", "#ccc") } }, i2)) })
           ]
         }
       );
@@ -125367,14 +125627,14 @@ var init_renderNode = __esm({
       const [dismissed, setDismissed] = React9.useState(false);
       if (dismissed) return null;
       const accent = sevColor(ctx, props.severity ?? "info");
-      return /* @__PURE__ */ jsxs6("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: [
-        /* @__PURE__ */ jsx9("div", { style: { width: 3, borderRadius: 3, background: accent, flex: "none" } }),
-        /* @__PURE__ */ jsxs6("div", { style: props.dismissible === true ? { flex: 1, minWidth: 0 } : void 0, children: [
-          /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(14), color: C2("textPrimary", "#111") }, children: txt(props.title, ctx) }),
-          props.message && /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), lineHeight: 1.4, color: C2("textSecondary", "#666"), marginTop: 2 }, children: txt(props.message, ctx) }),
+      return /* @__PURE__ */ jsxs7("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: [
+        /* @__PURE__ */ jsx10("div", { style: { width: 3, borderRadius: 3, background: accent, flex: "none" } }),
+        /* @__PURE__ */ jsxs7("div", { style: props.dismissible === true ? { flex: 1, minWidth: 0 } : void 0, children: [
+          /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(14), color: C2("textPrimary", "#111") }, children: txt(props.title, ctx) }),
+          props.message && /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), lineHeight: 1.4, color: C2("textSecondary", "#666"), marginTop: 2 }, children: txt(props.message, ctx) }),
           actionTextButton(ctx, props.action, asBoundText(props.actionLabel, ctx) || "Take action", C2("textPrimary", "#111"), { marginTop: 7, textDecoration: "underline" })
         ] }),
-        props.dismissible === true && /* @__PURE__ */ jsx9(
+        props.dismissible === true && /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -125385,7 +125645,7 @@ var init_renderNode = __esm({
               setDismissed(true);
             },
             style: { flex: "none", alignSelf: "flex-start", appearance: "none", WebkitAppearance: "none", border: "none", background: "transparent", padding: 0, minWidth: 24, minHeight: 24, display: "grid", placeItems: "center", color: C2("textSecondary", "#666"), fontSize: pxToRem(16), lineHeight: 1, cursor: "pointer" },
-            children: /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2715" })
+            children: /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: "\u2715" })
           }
         )
       ] });
@@ -125432,17 +125692,17 @@ var init_renderNode = __esm({
       const height = Math.round(expanded - (expanded - collapsed) * progress);
       const lost = expanded - height;
       const fade = 1 - progress * 0.7;
-      return /* @__PURE__ */ jsxs6("div", { ref: rootRef, ...{ [A11Y_PART]: "root" }, "data-collapsing-header-scroll": "", onScroll: (event) => setOffset(event.currentTarget.scrollTop), style: { width: "100%", maxHeight: items.length ? "min(640px, 100dvh)" : void 0, overflowY: items.length ? "auto" : void 0, overflowAnchor: "none", ...wrap }, children: [
-        /* @__PURE__ */ jsxs6("div", { "data-collapsing-header-hero": "", "data-collapse-progress": progress.toFixed(2), style: { position: "sticky", top: 0, zIndex: 1, height, borderRadius: ctx.radius("md", 10), overflow: "hidden", background: imageUrl ? C2("surfaceSecondary", "#eef1f5") : `linear-gradient(135deg, ${C2("accentPrimary", "#116DFF")}, ${C2("accentSecondary", "#0E5FE3")})` }, children: [
-          imageUrl && /* @__PURE__ */ jsx9("img", { src: imageUrl, alt: "", "data-testid": "collapsing-header-image", onError: () => setFailedHero(imageUrl), style: { position: "absolute", left: 0, top: 0, width: "100%", height: expanded, objectFit: "cover", ...lost > 0 ? { transform: `translateY(${-Math.round(lost * (1 - parallax))}px)` } : {} } }),
-          imageUrl && /* @__PURE__ */ jsx9("div", { "data-testid": "collapsing-header-scrim", "aria-hidden": "true", style: { position: "absolute", left: 0, right: 0, bottom: 0, height: "60%", background: "linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45))", pointerEvents: "none", ...progress > 0 ? { opacity: fade } : {} } }),
-          /* @__PURE__ */ jsxs6("div", { style: { position: "absolute", left: 14, bottom: 12, color: "#fff", textShadow: "0 1px 4px rgba(0,0,0,.5)", ...progress > 0 ? { opacity: fade } : {} }, children: [
-            /* @__PURE__ */ jsx9("div", { ...{ [A11Y_PART]: "node" }, role: "heading", "aria-level": 2, style: { fontFamily: ctx.font("title1").family || ctx.idiom && ctx.idiom !== "base" ? fontStack(ctx.font("title1").family, ctx.idiom) : '"Wix Madefor Display", system-ui', fontWeight: 700, fontSize: pxToRem(20) }, children: txt(props.title, ctx) }),
-            props.subtitle && /* @__PURE__ */ jsx9("div", { style: { fontSize: pxToRem(13), opacity: 0.9 }, children: txt(props.subtitle, ctx) })
+      return /* @__PURE__ */ jsxs7("div", { ref: rootRef, ...{ [A11Y_PART]: "root" }, "data-collapsing-header-scroll": "", onScroll: (event) => setOffset(event.currentTarget.scrollTop), style: { width: "100%", maxHeight: items.length ? "min(640px, 100dvh)" : void 0, overflowY: items.length ? "auto" : void 0, overflowAnchor: "none", ...wrap }, children: [
+        /* @__PURE__ */ jsxs7("div", { "data-collapsing-header-hero": "", "data-collapse-progress": progress.toFixed(2), style: { position: "sticky", top: 0, zIndex: 1, height, borderRadius: ctx.radius("md", 10), overflow: "hidden", background: imageUrl ? C2("surfaceSecondary", "#eef1f5") : `linear-gradient(135deg, ${C2("accentPrimary", "#116DFF")}, ${C2("accentSecondary", "#0E5FE3")})` }, children: [
+          imageUrl && /* @__PURE__ */ jsx10("img", { src: imageUrl, alt: "", "data-testid": "collapsing-header-image", onError: () => setFailedHero(imageUrl), style: { position: "absolute", left: 0, top: 0, width: "100%", height: expanded, objectFit: "cover", ...lost > 0 ? { transform: `translateY(${-Math.round(lost * (1 - parallax))}px)` } : {} } }),
+          imageUrl && /* @__PURE__ */ jsx10("div", { "data-testid": "collapsing-header-scrim", "aria-hidden": "true", style: { position: "absolute", left: 0, right: 0, bottom: 0, height: "60%", background: "linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45))", pointerEvents: "none", ...progress > 0 ? { opacity: fade } : {} } }),
+          /* @__PURE__ */ jsxs7("div", { style: { position: "absolute", left: 14, bottom: 12, color: "#fff", textShadow: "0 1px 4px rgba(0,0,0,.5)", ...progress > 0 ? { opacity: fade } : {} }, children: [
+            /* @__PURE__ */ jsx10("div", { ...{ [A11Y_PART]: "node" }, role: "heading", "aria-level": 2, style: { fontFamily: ctx.font("title1").family || ctx.idiom && ctx.idiom !== "base" ? fontStack(ctx.font("title1").family, ctx.idiom) : '"Wix Madefor Display", system-ui', fontWeight: 700, fontSize: pxToRem(20) }, children: txt(props.title, ctx) }),
+            props.subtitle && /* @__PURE__ */ jsx10("div", { style: { fontSize: pxToRem(13), opacity: 0.9 }, children: txt(props.subtitle, ctx) })
           ] })
         ] }),
-        lost > 0 && /* @__PURE__ */ jsx9("div", { "aria-hidden": "true", style: { height: lost } }),
-        items.length > 0 && /* @__PURE__ */ jsx9("div", { style: { paddingTop: 12, display: "flex", flexDirection: "column", gap: 12 }, children: kids2(items, ctx) })
+        lost > 0 && /* @__PURE__ */ jsx10("div", { "aria-hidden": "true", style: { height: lost } }),
+        items.length > 0 && /* @__PURE__ */ jsx10("div", { style: { paddingTop: 12, display: "flex", flexDirection: "column", gap: 12 }, children: kids2(items, ctx) })
       ] });
     });
     UnsupportedOnSurface = ({
@@ -125450,7 +125710,7 @@ var init_renderNode = __esm({
       reason,
       surface,
       ctx
-    }) => /* @__PURE__ */ jsxs6(
+    }) => /* @__PURE__ */ jsxs7(
       "div",
       {
         "data-testid": "unsupported-on-surface",
@@ -125466,11 +125726,11 @@ var init_renderNode = __esm({
           color: ctx.color("error", "#a8362a")
         },
         children: [
-          /* @__PURE__ */ jsxs6("strong", { style: { display: "block" }, children: [
+          /* @__PURE__ */ jsxs7("strong", { style: { display: "block" }, children: [
             "\u26A0 ",
             type
           ] }),
-          /* @__PURE__ */ jsxs6("span", { style: { opacity: 0.85 }, children: [
+          /* @__PURE__ */ jsxs7("span", { style: { opacity: 0.85 }, children: [
             "unsupported on ",
             surface,
             " \u2014 ",
@@ -125564,9 +125824,9 @@ var init_renderNode = __esm({
         e2.preventDefault();
         focusDay(localDayKey(new Date(d2.getFullYear(), d2.getMonth(), d2.getDate() + delta)));
       };
-      return /* @__PURE__ */ jsxs6("div", { style: { width: "100%", boxSizing: "border-box", ...wrap }, children: [
-        /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 10 }, children: [
-          /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsxs7("div", { style: { width: "100%", boxSizing: "border-box", ...wrap }, children: [
+        /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 10 }, children: [
+          /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -125577,8 +125837,8 @@ var init_renderNode = __esm({
               children: "\u2039"
             }
           ),
-          /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: monthLabel }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(15), color: C2("textPrimary", "#13171e") }, children: monthLabel }),
+          /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -125590,10 +125850,10 @@ var init_renderNode = __esm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx9("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 2, marginBottom: 4 }, children: heads.map((h2, i2) => /* @__PURE__ */ jsx9("div", { style: { textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, color: C2("textSecondary", "#888"), textTransform: "uppercase" }, children: h2 }, i2)) }),
-        /* @__PURE__ */ jsx9("div", { ref: gridRef, role: "grid", "aria-label": monthLabel, style: { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 2, width: "100%" }, children: rows.flatMap(
+        /* @__PURE__ */ jsx10("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 2, marginBottom: 4 }, children: heads.map((h2, i2) => /* @__PURE__ */ jsx10("div", { style: { textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, color: C2("textSecondary", "#888"), textTransform: "uppercase" }, children: h2 }, i2)) }),
+        /* @__PURE__ */ jsx10("div", { ref: gridRef, role: "grid", "aria-label": monthLabel, style: { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 2, width: "100%" }, children: rows.flatMap(
           (row, ri2) => row.map((cell2, ci2) => {
-            if (!cell2.inMonth && !showAdjacent) return /* @__PURE__ */ jsx9("div", { "aria-hidden": "true" }, `${ri2}-${ci2}`);
+            if (!cell2.inMonth && !showAdjacent) return /* @__PURE__ */ jsx10("div", { "aria-hidden": "true" }, `${ri2}-${ci2}`);
             const dec = decByDate.get(cell2.date);
             const disabled = dec?.disabled === true || !calWithinWindow(cell2.date, minDate, maxDate);
             const rangeStart = isRange && !!range.start && cell2.date === range.start;
@@ -125603,7 +125863,7 @@ var init_renderNode = __esm({
             const dotCount = Math.min(maxDots, typeof dec?.dotCount === "number" ? dec.dotCount : 0);
             const dotColor = C2(dec?.dotColorToken ?? "accentPrimary", "#116DFF");
             const tabbable = selected || !selectedDate && cell2.isToday;
-            return /* @__PURE__ */ jsxs6(
+            return /* @__PURE__ */ jsxs7(
               "button",
               {
                 type: "button",
@@ -125636,9 +125896,9 @@ var init_renderNode = __esm({
                   boxShadow: cell2.isToday && !selected ? `inset 0 0 0 1.5px ${C2("accentPrimary", "#116DFF")}` : "none"
                 },
                 children: [
-                  /* @__PURE__ */ jsx9("span", { children: cell2.day }),
-                  dotCount > 0 && /* @__PURE__ */ jsx9("span", { style: { display: "flex", gap: 2 }, children: Array.from({ length: dotCount }).map((_2, i2) => /* @__PURE__ */ jsx9("span", { style: { width: 4, height: 4, borderRadius: "50%", background: selected ? C2("textOnAccent", "#fff") : dotColor } }, i2)) }),
-                  dec?.badge != null && /* @__PURE__ */ jsx9("span", { style: { fontSize: pxToRem(9), lineHeight: 1, maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selected ? C2("textOnAccent", "#fff") : C2("textSecondary", "#888") }, children: asText2(dec.badge) })
+                  /* @__PURE__ */ jsx10("span", { children: cell2.day }),
+                  dotCount > 0 && /* @__PURE__ */ jsx10("span", { style: { display: "flex", gap: 2 }, children: Array.from({ length: dotCount }).map((_2, i2) => /* @__PURE__ */ jsx10("span", { style: { width: 4, height: 4, borderRadius: "50%", background: selected ? C2("textOnAccent", "#fff") : dotColor } }, i2)) }),
+                  dec?.badge != null && /* @__PURE__ */ jsx10("span", { style: { fontSize: pxToRem(9), lineHeight: 1, maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selected ? C2("textOnAccent", "#fff") : C2("textSecondary", "#888") }, children: asText2(dec.badge) })
                 ]
               },
               cell2.date
@@ -125701,9 +125961,9 @@ var init_renderNode = __esm({
       const nowKey = localDayKey(now);
       const showNow = props.showNowLine === true && nowMinutes >= startHour * 60 && nowMinutes <= endHour * 60;
       const rangeLabel = days.length > 1 ? `${days[0].toLocaleDateString(void 0, { month: "short", day: "numeric" })} \u2013 ${days[days.length - 1].toLocaleDateString(void 0, { month: "short", day: "numeric" })}` : days[0].toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
-      return /* @__PURE__ */ jsxs6("div", { style: { width: "100%", boxSizing: "border-box", overflowX: "auto", ...wrap }, children: [
-        /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 8 }, children: [
-          /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsxs7("div", { style: { width: "100%", boxSizing: "border-box", overflowX: "auto", ...wrap }, children: [
+        /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 8 }, children: [
+          /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -125714,8 +125974,8 @@ var init_renderNode = __esm({
               children: "\u2039"
             }
           ),
-          /* @__PURE__ */ jsx9("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(14), color: C2("textPrimary", "#13171e") }, children: rangeLabel }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(14), color: C2("textPrimary", "#13171e") }, children: rangeLabel }),
+          /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -125727,10 +125987,10 @@ var init_renderNode = __esm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx9("div", { style: { display: "flex", marginLeft: 44, minWidth: days.length * 90 }, children: laneMode ? laneCols.map((lane) => /* @__PURE__ */ jsx9("div", { "data-lane": lane.id, style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 600, color: C2("textSecondary", "#888"), padding: "4px 2px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: laneTitle(lane.id) }, lane.id)) : days.map((d2, i2) => /* @__PURE__ */ jsx9("div", { style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, color: dayKeys[i2] === nowKey ? accentTextColor(ctx) : C2("textSecondary", "#888") }, children: d2.toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, i2)) }),
-        days.some((_2, i2) => (byDay.get(dayKeys[i2])?.allDay.length ?? 0) > 0) && /* @__PURE__ */ jsx9("div", { style: { display: "flex", marginLeft: 44, gap: 2, marginBottom: 4, minWidth: days.length * 90 }, children: days.map((d2, i2) => /* @__PURE__ */ jsx9("div", { style: { flex: "1 1 0", minWidth: 0, display: "flex", flexDirection: "column", gap: 2, padding: "0 1px" }, children: (byDay.get(dayKeys[i2])?.allDay ?? []).map((ev, j2) => {
+        /* @__PURE__ */ jsx10("div", { style: { display: "flex", marginLeft: 44, minWidth: days.length * 90 }, children: laneMode ? laneCols.map((lane) => /* @__PURE__ */ jsx10("div", { "data-lane": lane.id, style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 600, color: C2("textSecondary", "#888"), padding: "4px 2px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: laneTitle(lane.id) }, lane.id)) : days.map((d2, i2) => /* @__PURE__ */ jsx10("div", { style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, color: dayKeys[i2] === nowKey ? accentTextColor(ctx) : C2("textSecondary", "#888") }, children: d2.toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, i2)) }),
+        days.some((_2, i2) => (byDay.get(dayKeys[i2])?.allDay.length ?? 0) > 0) && /* @__PURE__ */ jsx10("div", { style: { display: "flex", marginLeft: 44, gap: 2, marginBottom: 4, minWidth: days.length * 90 }, children: days.map((d2, i2) => /* @__PURE__ */ jsx10("div", { style: { flex: "1 1 0", minWidth: 0, display: "flex", flexDirection: "column", gap: 2, padding: "0 1px" }, children: (byDay.get(dayKeys[i2])?.allDay ?? []).map((ev, j2) => {
           const tappable = !!(ev?.onTap || props.onSelectEvent);
-          return /* @__PURE__ */ jsx9(
+          return /* @__PURE__ */ jsx10(
             "div",
             {
               onClick: () => onSelect(ev),
@@ -125743,12 +126003,12 @@ var init_renderNode = __esm({
             j2
           );
         }) }, i2)) }),
-        /* @__PURE__ */ jsxs6("div", { style: { display: "flex", position: "relative", minWidth: 44 + days.length * 90 }, children: [
-          /* @__PURE__ */ jsx9("div", { style: { width: 44, flex: "none" }, children: Array.from({ length: Math.max(0, endHour - startHour) }).map((_2, i2) => /* @__PURE__ */ jsxs6("div", { style: { height: HOUR_PX, boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(10), color: C2("textTertiary", "#aab2bd"), textAlign: "right", paddingRight: 6 }, children: [
+        /* @__PURE__ */ jsxs7("div", { style: { display: "flex", position: "relative", minWidth: 44 + days.length * 90 }, children: [
+          /* @__PURE__ */ jsx10("div", { style: { width: 44, flex: "none" }, children: Array.from({ length: Math.max(0, endHour - startHour) }).map((_2, i2) => /* @__PURE__ */ jsxs7("div", { style: { height: HOUR_PX, boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(10), color: C2("textTertiary", "#aab2bd"), textAlign: "right", paddingRight: 6 }, children: [
             String(startHour + i2).padStart(2, "0"),
             ":00"
           ] }, i2)) }),
-          /* @__PURE__ */ jsx9("div", { style: { display: "flex", flex: 1, minWidth: 0 }, children: (laneMode ? laneCols.map((l2) => ({ laneId: l2.id, key: dayKeys[0], timed: l2.events })) : days.map((_2, i2) => ({ laneId: void 0, key: dayKeys[i2], timed: byDay.get(dayKeys[i2])?.timed ?? [] }))).map(({ laneId, key: key2, timed }, i2) => {
+          /* @__PURE__ */ jsx10("div", { style: { display: "flex", flex: 1, minWidth: 0 }, children: (laneMode ? laneCols.map((l2) => ({ laneId: l2.id, key: dayKeys[0], timed: l2.events })) : days.map((_2, i2) => ({ laneId: void 0, key: dayKeys[i2], timed: byDay.get(dayKeys[i2])?.timed ?? [] }))).map(({ laneId, key: key2, timed }, i2) => {
             const withRange = timed.map((ev) => {
               const s2 = parseLocalDate(ev.start);
               if (!s2) return null;
@@ -125759,7 +126019,7 @@ var init_renderNode = __esm({
               return { ev, startMin, endMin: Math.max(startMin + 15, endMin) };
             }).filter((x2) => x2 != null);
             const positioned = packOverlaps(withRange);
-            return /* @__PURE__ */ jsxs6(
+            return /* @__PURE__ */ jsxs7(
               "div",
               {
                 "data-lane": laneId,
@@ -125775,7 +126035,7 @@ var init_renderNode = __esm({
                 } : void 0,
                 style: { flex: "1 1 0", minWidth: 0, position: "relative", borderLeft: `1px solid ${C2("border", "#e8eaed")}`, height: totalHeight, boxSizing: "border-box" },
                 children: [
-                  Array.from({ length: Math.max(0, endHour - startHour) }).map((_2, hi2) => /* @__PURE__ */ jsx9("div", { style: { position: "absolute", top: hi2 * HOUR_PX, left: 0, right: 0, borderTop: `1px solid ${C2("border", "#eef0f3")}` } }, hi2)),
+                  Array.from({ length: Math.max(0, endHour - startHour) }).map((_2, hi2) => /* @__PURE__ */ jsx10("div", { style: { position: "absolute", top: hi2 * HOUR_PX, left: 0, right: 0, borderTop: `1px solid ${C2("border", "#eef0f3")}` } }, hi2)),
                   positioned.map((p2, pi2) => {
                     const top = Math.max(0, (p2.startMin - startHour * 60) / 60 * HOUR_PX);
                     const height = Math.max(18, (p2.endMin - p2.startMin) / 60 * HOUR_PX);
@@ -125803,7 +126063,7 @@ var init_renderNode = __esm({
                       };
                       window.addEventListener("pointerup", onUp);
                     };
-                    return /* @__PURE__ */ jsxs6(
+                    return /* @__PURE__ */ jsxs7(
                       "div",
                       {
                         "data-event-block": p2.ev?.id ?? "",
@@ -125829,9 +126089,9 @@ var init_renderNode = __esm({
                           boxSizing: "border-box"
                         },
                         children: [
-                          /* @__PURE__ */ jsx9("div", { style: { fontWeight: 700, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: asText2(p2.ev?.title) }),
-                          editable && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-                            /* @__PURE__ */ jsx9(
+                          /* @__PURE__ */ jsx10("div", { style: { fontWeight: 700, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: asText2(p2.ev?.title) }),
+                          editable && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+                            /* @__PURE__ */ jsx10(
                               "button",
                               {
                                 type: "button",
@@ -125844,10 +126104,10 @@ var init_renderNode = __esm({
                                 },
                                 ...{ [REVEAL_ON_FOCUS_ATTR]: "" },
                                 style: revealOnFocusStyle(C2),
-                                children: /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: moveLabel || "Move\u2026" })
+                                children: /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: moveLabel || "Move\u2026" })
                               }
                             ),
-                            /* @__PURE__ */ jsx9(
+                            /* @__PURE__ */ jsx10(
                               "button",
                               {
                                 type: "button",
@@ -125860,10 +126120,10 @@ var init_renderNode = __esm({
                                 },
                                 ...{ [REVEAL_ON_FOCUS_ATTR]: "" },
                                 style: revealOnFocusStyle(C2),
-                                children: /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: resizeLabel || "Change time\u2026" })
+                                children: /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: resizeLabel || "Change time\u2026" })
                               }
                             ),
-                            /* @__PURE__ */ jsx9(
+                            /* @__PURE__ */ jsx10(
                               "div",
                               {
                                 "data-resize-handle": p2.ev?.id ?? "",
@@ -125877,7 +126137,7 @@ var init_renderNode = __esm({
                       pi2
                     );
                   }),
-                  showNow && key2 === nowKey && /* @__PURE__ */ jsx9("div", { style: { position: "absolute", top: Math.max(0, (nowMinutes - startHour * 60) / 60 * HOUR_PX), left: 0, right: 0, height: 2, background: C2("danger", "#E62214") } })
+                  showNow && key2 === nowKey && /* @__PURE__ */ jsx10("div", { style: { position: "absolute", top: Math.max(0, (nowMinutes - startHour * 60) / 60 * HOUR_PX), left: 0, right: 0, height: 2, background: C2("danger", "#E62214") } })
                 ]
               },
               i2
@@ -125936,7 +126196,7 @@ var init_renderNode = __esm({
         return () => io2.disconnect();
       }, [hasMore, windowEnd]);
       if (groups.length === 0) {
-        return /* @__PURE__ */ jsx9("div", { style: { width: "100%", padding: "28px 16px", boxSizing: "border-box", textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(14), color: C2("textSecondary", "#888"), ...wrap }, children: emptyLabel || "No events" });
+        return /* @__PURE__ */ jsx10("div", { style: { width: "100%", padding: "28px 16px", boxSizing: "border-box", textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(14), color: C2("textSecondary", "#888"), ...wrap }, children: emptyLabel || "No events" });
       }
       const sticky = props.stickyHeaders === true;
       const todayKey = localDayKey(/* @__PURE__ */ new Date());
@@ -125947,16 +126207,16 @@ var init_renderNode = __esm({
         const d2 = parseLocalDate(key2);
         return d2 ? d2.toLocaleDateString(void 0, { weekday: "short", month: "short", day: "numeric" }) : key2;
       };
-      return /* @__PURE__ */ jsxs6("div", { ref: containerRef, "data-agenda-days": shown2.length, style: { width: "100%", boxSizing: "border-box", ...wrap }, children: [
-        shown2.map((g2) => /* @__PURE__ */ jsxs6("div", { "data-daygroup": g2.key, children: [
-          /* @__PURE__ */ jsx9("div", { style: { position: sticky ? "sticky" : "static", top: 0, zIndex: 1, background: C2("surfacePrimary", "#fff"), fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 700, textTransform: "uppercase", letterSpacing: 0.4, color: C2("textSecondary", "#888"), padding: "8px 4px" }, children: dayHeaderLabel(g2.key) }),
+      return /* @__PURE__ */ jsxs7("div", { ref: containerRef, "data-agenda-days": shown2.length, style: { width: "100%", boxSizing: "border-box", ...wrap }, children: [
+        shown2.map((g2) => /* @__PURE__ */ jsxs7("div", { "data-daygroup": g2.key, children: [
+          /* @__PURE__ */ jsx10("div", { style: { position: sticky ? "sticky" : "static", top: 0, zIndex: 1, background: C2("surfacePrimary", "#fff"), fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 700, textTransform: "uppercase", letterSpacing: 0.4, color: C2("textSecondary", "#888"), padding: "8px 4px" }, children: dayHeaderLabel(g2.key) }),
           g2.items.map((ev, i2) => {
             const start = parseLocalDate(ev.start);
             const timeStr = ev.allDay === true ? "All day" : start ? localTimeLabel(start) : "";
             const tappable = !!(ev?.onTap || props.onSelectEvent);
             if (props.eventTemplate) {
               const itemCtx = { ...ctx, itemScope: calEventScope(ev, i2) };
-              return /* @__PURE__ */ jsx9(
+              return /* @__PURE__ */ jsx10(
                 "div",
                 {
                   "data-event-id": ev?.id ?? "",
@@ -125970,7 +126230,7 @@ var init_renderNode = __esm({
                 ev?.id ?? i2
               );
             }
-            return /* @__PURE__ */ jsxs6(
+            return /* @__PURE__ */ jsxs7(
               "div",
               {
                 onClick: () => onSelect(ev),
@@ -125979,11 +126239,11 @@ var init_renderNode = __esm({
                 tabIndex: ctx.onAction && tappable ? 0 : void 0,
                 style: { display: "flex", alignItems: "center", gap: 10, padding: "10px 4px", cursor: ctx.onAction && tappable ? "pointer" : "default" },
                 children: [
-                  /* @__PURE__ */ jsx9("div", { style: { width: 6, height: 6, borderRadius: "50%", background: C2(ev?.colorToken ?? "accentPrimary", "#116DFF"), flex: "none" } }),
-                  /* @__PURE__ */ jsx9("div", { style: { width: 52, flex: "none", fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("textSecondary", "#888") }, children: timeStr }),
-                  /* @__PURE__ */ jsxs6("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#13171e"), whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: asText2(ev?.title) }),
-                    ev?.subtitle != null && /* @__PURE__ */ jsx9("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#636b78") }, children: asText2(ev.subtitle) })
+                  /* @__PURE__ */ jsx10("div", { style: { width: 6, height: 6, borderRadius: "50%", background: C2(ev?.colorToken ?? "accentPrimary", "#116DFF"), flex: "none" } }),
+                  /* @__PURE__ */ jsx10("div", { style: { width: 52, flex: "none", fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C2("textSecondary", "#888") }, children: timeStr }),
+                  /* @__PURE__ */ jsxs7("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C2("textPrimary", "#13171e"), whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: asText2(ev?.title) }),
+                    ev?.subtitle != null && /* @__PURE__ */ jsx10("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C2("textSecondary", "#636b78") }, children: asText2(ev.subtitle) })
                   ] })
                 ]
               },
@@ -125994,7 +126254,7 @@ var init_renderNode = __esm({
         hasMore && // The sentinel is also the honest disclosure: a list that silently stopped
         // at day 14 would look complete. It says how much is left AND is the thing
         // whose visibility loads it.
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "div",
           {
             ref: sentinelRef,
@@ -126044,13 +126304,13 @@ var init_renderNode = __esm({
       const next = { ...forwarded };
       if (forwarded.style) next.style = { ...own4.style ?? {}, ...forwarded.style };
       next["aria-describedby"] = [own4["aria-describedby"], descId].filter(Boolean).join(" ");
-      return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      return /* @__PURE__ */ jsxs7(Fragment4, { children: [
         React9.cloneElement(children, next),
-        /* @__PURE__ */ jsx9("span", { id: descId, hidden: true, "data-hm-a11y-hint": "", children: hint })
+        /* @__PURE__ */ jsx10("span", { id: descId, hidden: true, "data-hm-a11y-hint": "", children: hint })
       ] });
     };
     WebRenderer = ({ node, tokens: tokens2, scheme = "light", opts }) => {
-      return /* @__PURE__ */ jsx9(Fragment4, { children: renderNode(node, makeCtx(tokens2, scheme, opts)) });
+      return /* @__PURE__ */ jsx10(Fragment4, { children: renderNode(node, makeCtx(tokens2, scheme, opts)) });
     };
   }
 });
@@ -134210,6 +134470,7 @@ __export(build_exports2, {
   buildRelease: () => buildRelease,
   buildReleaseFromContent: () => buildReleaseFromContent,
   bundleNameFromUrl: () => bundleNameFromUrl,
+  collectComponentTypes: () => collectComponentTypes,
   contentReleaseId: () => contentReleaseId,
   countingWixCall: () => countingWixCall,
   gitSha: () => gitSha,
@@ -134467,6 +134728,13 @@ function gitSha() {
 function logicBundleOf(descriptor) {
   return descriptor?.logicBundle ?? descriptor?.logic_bundle ?? null;
 }
+function collectComponentTypes(value, into = /* @__PURE__ */ new Set()) {
+  if (!value || typeof value !== "object") return into;
+  const obj3 = value;
+  if ((obj3.package === "himalaya" || obj3.package === "himalaya.core") && typeof obj3.type === "string") into.add(obj3.type);
+  for (const child of Object.values(obj3)) collectComponentTypes(child, into);
+  return into;
+}
 function collectNativeComponents(value, into) {
   if (!value || typeof value !== "object") return;
   const obj3 = value;
@@ -134803,9 +135071,9 @@ async function buildFromLoaded(preloaded, dest, opts = {}) {
     screens: [],
     bundles: {}
   };
-  const noteScreenCapabilities = (screenId, bundle, declared) => {
+  const noteScreenCapabilities = (screenId, bundle, declared, descriptor) => {
     const ids = Array.isArray(declared) ? declared.filter((c2) => typeof c2 === "string") : [];
-    capabilityUsage.screens.push({ screenId, bundle, declared: ids });
+    capabilityUsage.screens.push({ screenId, bundle, declared: ids, components: [...collectComponentTypes(descriptor)].sort() });
   };
   const requiredNativeComponents = /* @__PURE__ */ new Set();
   const tierScreens = [];
@@ -135026,7 +135294,9 @@ async function buildFromLoaded(preloaded, dest, opts = {}) {
         if (Array.isArray(declared)) {
           for (const capability of declared) if (typeof capability === "string") requiredCapabilities.add(capability);
         }
-        noteScreenCapabilities(screenId, bundleName, declared);
+        noteScreenCapabilities(screenId, bundleName, declared, descriptor);
+      } else {
+        noteScreenCapabilities(screenId, null, [], descriptor);
       }
       tierScreens.push(summarize3({ ...descriptor, ...lb ? { logicBundle: lb } : {} }));
       delete descriptor.etag;
@@ -135169,7 +135439,9 @@ async function buildFromLoaded(preloaded, dest, opts = {}) {
             if (Array.isArray(declared)) {
               for (const c2 of declared) if (typeof c2 === "string") requiredCapabilities.add(c2);
             }
-            noteScreenCapabilities(screenId, bundleName, declared);
+            noteScreenCapabilities(screenId, bundleName, declared, descriptor);
+          } else {
+            noteScreenCapabilities(screenId, null, [], descriptor);
           }
           delete descriptor.etag;
           if (typeof descriptor.screenId === "string" && descriptor.screenId !== screenId) descriptor.screenId = screenId;
@@ -136466,10 +136738,10 @@ function testRuns(dir) {
     runs.push({
       runId: r2.runId,
       ok: report3?.ok === true,
-      errors: num(obj(report3?.counts)?.errors),
-      screens: num(coverage?.screens),
-      actions: num(coverage?.actionsDispatched),
-      gaps: num(coverage?.gaps)
+      errors: num2(obj(report3?.counts)?.errors),
+      screens: num2(coverage?.screens),
+      actions: num2(coverage?.actionsDispatched),
+      gaps: num2(coverage?.gaps)
     });
   }
   return runs.sort((a2, b2) => a2.runId.localeCompare(b2.runId));
@@ -136632,7 +136904,7 @@ function buildView(dir, memory, now) {
     screens,
     focus,
     health: {
-      validate: validate3 && typeof validate3.ok === "boolean" ? { ok: validate3.ok, errors: num(validate3.errors), warnings: num(validate3.warnings), at: text(validate3.at) ?? now } : null,
+      validate: validate3 && typeof validate3.ok === "boolean" ? { ok: validate3.ok, errors: num2(validate3.errors), warnings: num2(validate3.warnings), at: text(validate3.at) ?? now } : null,
       test: last ? { ok: last.ok, screens: last.screens, actions: last.actions, gaps: last.gaps, prevGaps: prev ? prev.gaps : null, errors: last.errors, at: runTime(last.runId) } : null,
       ux: uxStatuses(dir),
       push: push && text(push.releaseId) && text(push.app) ? { app: text(push.app), releaseId: text(push.releaseId), draft: push.draft !== false, at: text(push.at) ?? now } : null
@@ -136700,7 +136972,7 @@ function writeStudioRecord(dir, record2, value) {
   } catch {
   }
 }
-var STUDIO_DIR, STUDIO_PAGE, STATE_FILE, MEMORY_FILE, VALIDATE_RECORD, PUSH_RECORD, EDGES_RECORD, MAP_RECORD, RUN_RECORD, MAX_TIMELINE, MAX_JOURNAL, MAX_NAV_EDGES, readJson3, obj, num, text, historyUrl, runTime, MAP_STATUSES, count, CHANGE_KINDS;
+var STUDIO_DIR, STUDIO_PAGE, STATE_FILE, MEMORY_FILE, VALIDATE_RECORD, PUSH_RECORD, EDGES_RECORD, MAP_RECORD, RUN_RECORD, MAX_TIMELINE, MAX_JOURNAL, MAX_NAV_EDGES, readJson3, obj, num2, text, historyUrl, runTime, MAP_STATUSES, count, CHANGE_KINDS;
 var init_studio = __esm({
   "src/studio.ts"() {
     init_studio_page();
@@ -136729,7 +137001,7 @@ var init_studio = __esm({
       }
     };
     obj = (v2) => v2 && typeof v2 === "object" && !Array.isArray(v2) ? v2 : null;
-    num = (v2, fallback = 0) => typeof v2 === "number" && Number.isFinite(v2) ? v2 : fallback;
+    num2 = (v2, fallback = 0) => typeof v2 === "number" && Number.isFinite(v2) ? v2 : fallback;
     text = (v2) => typeof v2 === "string" && v2 ? v2 : null;
     historyUrl = (fileName) => `../history/${fileName}`;
     runTime = (runId) => runId.replace(/-[0-9a-f]+$/i, "");
@@ -139911,20 +140183,20 @@ function testPostcardMessage(s2) {
 function testPostcardCounts(message) {
   const head = message.split(". ")[0];
   const counts = /* @__PURE__ */ new Map();
-  const num3 = (re2, label2) => {
+  const num4 = (re2, label2) => {
     const m2 = re2.exec(head);
     if (m2) counts.set(label2, Number(m2[1]));
   };
   if (head.startsWith("Test crawl in the browser: ")) {
-    num3(/ — (\d+) findings? to fix\.?$/, "findings");
+    num4(/ — (\d+) findings? to fix\.?$/, "findings");
     if (/ — no findings\.?$/.test(head)) counts.set("findings", 0);
     return counts;
   }
-  num3(/^Test crawl: (\d+) screens? and/, "screens");
-  num3(/ and (\d+) actions? exercised/, "actions");
-  num3(/, (\d+) broken links?[,— ]/, "broken links");
-  num3(/, (\d+) screens? nothing links to/, "unlinked screens");
-  num3(/ — (\d+) errors? to fix\.?$/, "errors");
+  num4(/^Test crawl: (\d+) screens? and/, "screens");
+  num4(/ and (\d+) actions? exercised/, "actions");
+  num4(/, (\d+) broken links?[,— ]/, "broken links");
+  num4(/, (\d+) screens? nothing links to/, "unlinked screens");
+  num4(/ — (\d+) errors? to fix\.?$/, "errors");
   if (/ — no errors\.?$/.test(head)) counts.set("errors", 0);
   return counts;
 }
@@ -147726,25 +147998,25 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/index-DJaMW2gx.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1236919, sha256: "f599cebe8d533356afc4d5d61020e457b8e000f1f08b20b6aed06a021b62bfac" },
-      { key: "assets/pdf-cDxh6PMt.js", contentType: "application/javascript; charset=utf-8", offset: 1236927, length: 488199, sha256: "d3f06b397ab4a2aaee6da237caa622e19d44619ed6eab3667c1ba89b2359b121" },
-      { key: "assets/pdf.worker.min-BQa_JDET.js", contentType: "application/javascript; charset=utf-8", offset: 1725126, length: 73, sha256: "41bcfda4f3c8c0a81c785ea87c69afc8e7d0ed8c333324aee94c273d881bb6aa" },
-      { key: "assets/pdf.worker.min-BmVo14Nb.mjs", contentType: "application/javascript; charset=utf-8", offset: 1725199, length: 1317034, sha256: "a33cfe728c584fdba4fcc1fd54bcdc2f9f2f13889ddbb5b2bd1d0f8cbe49b84e" },
-      { key: "assets/pdfDocument-Bf-juKPw.js", contentType: "application/javascript; charset=utf-8", offset: 3042233, length: 2858, sha256: "540540cbacf95f71a96e69e8a394c3bab8ffdb0ca97653eee07a5d4eea2ac3aa" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 3045091, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 3049701, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 3538285, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 3629209, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 3720193, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 3811173, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 3902045, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 3993025, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 4101661, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 4210745, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 4319793, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 4427493, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 4515601, length: 4947, sha256: "8d5fd6e06c2da7ff512add0f3752736d71ecbfd84b5240b612b14c6e5cec197c" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 4520548, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
+      { key: "assets/index-DI1RdmH2.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1242518, sha256: "0980dcdd25bb79d6d68e118668d2a0c8f870a46d11eddf60b0bc9b7f2e286434" },
+      { key: "assets/pdf-DqmwILqe.js", contentType: "application/javascript; charset=utf-8", offset: 1242526, length: 488199, sha256: "90808167378cb972ebc4a79918808a2a6741b1278ecf69907983c25c0f1cebe2" },
+      { key: "assets/pdf.worker.min-BQa_JDET.js", contentType: "application/javascript; charset=utf-8", offset: 1730725, length: 73, sha256: "41bcfda4f3c8c0a81c785ea87c69afc8e7d0ed8c333324aee94c273d881bb6aa" },
+      { key: "assets/pdf.worker.min-BmVo14Nb.mjs", contentType: "application/javascript; charset=utf-8", offset: 1730798, length: 1317034, sha256: "a33cfe728c584fdba4fcc1fd54bcdc2f9f2f13889ddbb5b2bd1d0f8cbe49b84e" },
+      { key: "assets/pdfDocument-CbbMJVov.js", contentType: "application/javascript; charset=utf-8", offset: 3047832, length: 2858, sha256: "1e0d119b99864bd42714dba55f09eccd195fbbb204c70f6347376007614b8765" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 3050690, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 3055300, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 3543884, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 3634808, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 3725792, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 3816772, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 3907644, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 3998624, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 4107260, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 4216344, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 4325392, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 4433092, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 4521200, length: 4947, sha256: "bfe9d8a8b4272b0fa4d7b439ccead268061630c5c244e7257281fcf98c60fc48" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 4526147, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
     ];
   }
 });
@@ -165915,7 +166187,7 @@ function parseFlags(argv) {
 var caveatLead = (ni2) => ni2.severity === "category" ? "WARNING \u2014 not implemented" : "NOTE \u2014 implemented, but these props are inert";
 var niEntries = (ni2) => ni2 == null ? [] : Array.isArray(ni2) ? ni2 : [ni2];
 var str9 = (v2) => typeof v2 === "string" ? v2 : void 0;
-var num2 = (v2) => typeof v2 === "string" && v2 !== "" && Number.isFinite(Number(v2)) ? Number(v2) : void 0;
+var num3 = (v2) => typeof v2 === "string" && v2 !== "" && Number.isFinite(Number(v2)) ? Number(v2) : void 0;
 function embeddedTemplateCatalog() {
   return availableTemplates().map((name) => {
     const path2 = join79(templateSourceDir(name), TEMPLATE_META_FILE);
@@ -172423,7 +172695,7 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
               screenId: str9(flags.screen) ?? str9(flags.screenId),
               event: str9(flags.type) ?? str9(flags.event),
               since: eventSince,
-              limit: num2(flags.limit),
+              limit: num3(flags.limit),
               crashesOnly: flags["crashes-only"] === true || flags.crashesOnly === true
             });
             if (!r2.ok) throw Object.assign(new Error("events_read_failed"), { response: r2 });
@@ -172436,7 +172708,7 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
               releaseId: release2,
               screenId: str9(flags.screen) ?? str9(flags.screenId),
               since: logSince,
-              limit: num2(flags.limit)
+              limit: num3(flags.limit)
             });
             if (!r2.ok) throw Object.assign(new Error("logs_read_failed"), { response: r2 });
             const rawLogs = r2.json?.logs ?? [];
@@ -172450,13 +172722,13 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
             out2.summary = r2.json;
           }
           if (includeCrashes) {
-            const r2 = await c2.telemetryCrashes(app, { releaseId: release2, limit: num2(flags.limit) });
+            const r2 = await c2.telemetryCrashes(app, { releaseId: release2, limit: num3(flags.limit) });
             if (!r2.ok) throw Object.assign(new Error("crashes_read_failed"), { response: r2 });
             out2.crashes = r2.json?.crashes ?? [];
           }
           const eventCount = out2.events?.length ?? 0;
           const logCount = out2.logs?.length ?? 0;
-          const narrowed = !!(level || str9(flags.screen) || str9(flags.screenId) || str9(flags.type) || str9(flags.event) || flags["crashes-only"] === true || flags.crashesOnly === true || num2(flags.limit) !== void 0 || eventSince !== void 0 || logSince !== void 0);
+          const narrowed = !!(level || str9(flags.screen) || str9(flags.screenId) || str9(flags.type) || str9(flags.event) || flags["crashes-only"] === true || flags.crashesOnly === true || num3(flags.limit) !== void 0 || eventSince !== void 0 || logSince !== void 0);
           const wholeChannels = includeEvents && includeLogs && !narrowed;
           if (wholeChannels && eventCount === 0 && logCount === 0 && !includeSummary && !includeCrashes) {
             out2.note = "no events and no worker console output on this release \u2014 open the web preview or Himi Player link for it, then retry or use --follow";
@@ -172469,13 +172741,13 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
         };
         try {
           if (flags.follow !== true) {
-            print(await readOnce(num2(flags.since), num2(flags["log-since"]) ?? num2(flags.since)));
+            print(await readOnce(num3(flags.since), num3(flags["log-since"]) ?? num3(flags.since)));
             return 0;
           }
-          const interval = num2(flags.interval) ?? 2e3;
-          const deadline = num2(flags.for) !== void 0 ? Date.now() + num2(flags.for) : Infinity;
-          let eventSince = num2(flags.since) ?? 0;
-          let logSince = num2(flags["log-since"]) ?? eventSince;
+          const interval = num3(flags.interval) ?? 2e3;
+          const deadline = num3(flags.for) !== void 0 ? Date.now() + num3(flags.for) : Infinity;
+          let eventSince = num3(flags.since) ?? 0;
+          let logSince = num3(flags["log-since"]) ?? eventSince;
           for (; ; ) {
             const out2 = await readOnce(includeEvents ? eventSince : void 0, includeLogs ? logSince : void 0);
             const events = out2.events ?? [];
@@ -172577,7 +172849,7 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
         const release2 = str9(flags.release);
         const level = str9(flags.level);
         const byLevel = (ls2) => level ? ls2.filter((l2) => l2.level === level) : ls2;
-        const num3 = (v2) => typeof v2 === "string" && v2 ? Number(v2) : void 0;
+        const num4 = (v2) => typeof v2 === "string" && v2 ? Number(v2) : void 0;
         const c2 = client2();
         if (flags.follow !== true) {
           let r2;
@@ -172585,8 +172857,8 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
             r2 = await c2.telemetryLogs(app, {
               releaseId: release2,
               screenId: str9(flags.screen) ?? str9(flags.screenId),
-              since: num3(flags.since),
-              limit: num3(flags.limit)
+              since: num4(flags.since),
+              limit: num4(flags.limit)
             });
           } catch (e2) {
             const target = targetName();
@@ -172602,15 +172874,15 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
           }
           const rawLogs = r2.json?.logs ?? [];
           const logs = byLevel(rawLogs);
-          const narrowed = !!(level || str9(flags.screen) || str9(flags.screenId) || num3(flags.since) !== void 0 || num3(flags.limit) !== void 0);
+          const narrowed = !!(level || str9(flags.screen) || str9(flags.screenId) || num4(flags.since) !== void 0 || num4(flags.limit) !== void 0);
           const scope = release2 ? "this release" : "this app";
           const note = logs.length > 0 ? void 0 : narrowed ? `no worker \`console.*\` lines matched this query${level && rawLogs.length ? ` (${rawLogs.length} line(s) were hidden by --level ${level})` : ""}. Drop --level/--screen/--since/--limit to see the whole console channel for ${scope}; the telemetry EVENT stream is a separate channel, read with \`himi telemetry\`.` : `no worker \`console.*\` output on ${scope}. This is the console channel \u2014 distinct from the telemetry EVENT stream, which \`himi telemetry --app <app> --release <id>\` reads: ${scope} can carry many events and no console lines \u2014 commonly because the worker never logged any, though an empty channel can also mean the lines aged out or never made it through ingestion. Boot-time \`console.log\` is visible via \`himi validate\` / \`himi render\`.`;
           print({ ok: true, logs, ...note ? { note } : {} });
           return 0;
         }
-        const interval = num3(flags.interval) ?? 2e3;
-        const deadline = num3(flags.for) !== void 0 ? Date.now() + num3(flags.for) : Infinity;
-        let since = num3(flags.since) ?? 0;
+        const interval = num4(flags.interval) ?? 2e3;
+        const deadline = num4(flags.for) !== void 0 ? Date.now() + num4(flags.for) : Infinity;
+        let since = num4(flags.since) ?? 0;
         for (; ; ) {
           const r2 = await c2.telemetryLogs(app, { releaseId: release2, screenId: str9(flags.screen) ?? str9(flags.screenId), since });
           if (r2.ok) {
@@ -172638,7 +172910,7 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
           return 2;
         }
         const percentGiven = flags.percent !== void 0;
-        const percent = num2(flags.percent);
+        const percent = num3(flags.percent);
         if (percentGiven && (percent === void 0 || percent < 0 || percent > 100)) {
           io2.error(JSON.stringify({ error: `--percent must be 0..100, got ${String(flags.percent)}` }));
           return 2;
@@ -173030,7 +173302,7 @@ default (no --glyph): ${DEFAULT_GLYPH2} \u2014 a mark that claims nothing, so th
         }
         if (sub === "ramp") {
           const percentGiven = flags.percent !== void 0;
-          const percent = num2(flags.percent);
+          const percent = num3(flags.percent);
           if (percentGiven && (percent === void 0 || percent < 0 || percent > 100)) {
             io2.error(JSON.stringify({ error: `--percent must be 0..100, got ${String(flags.percent)}` }));
             return 2;