@wix/himalaya-cli 0.1168.0 → 0.1169.0

package/dist/cli.mjs

@@ -8265,6 +8265,8 @@ var init_a11y_contract = __esm({
       StepIndicator: { role: "group", name: "required", state: ["step N of M", "current"], decorative: false },
       // ---- Status, feedback, and overlays -------------------------------------------------
       ProgressBar: { role: "progressbar", name: "conditional", state: ["value/pct or indeterminate"], decorative: false },
+      // The SPINNER's row: status + busy. A determinate ring (`value` / `valuePath`) is announced as a
+      // progressbar with its value instead — RFC 0058 §3.3 "STATUS / PROGRESSBAR" (#3260).
       ActivityIndicator: { role: "status", name: "conditional", state: ["busy"], decorative: false },
       Gauge: { role: "progressbar", name: "required", state: ["value + unit"], decorative: false },
       Skeleton: { role: "decorative", name: "none", state: [], decorative: true },
@@ -24516,7 +24518,6 @@ function shouldRevealError(args) {
 var EMAIL_RE, URL_HOST_RE, INTEGER_RE, NUMBER_RE;
 var init_validation = __esm({
   "../../core/ts/src/validation.ts"() {
-    "use strict";
     EMAIL_RE = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*\.[A-Za-z]{2,}$/;
     URL_HOST_RE = /^[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*(:[0-9]+)?$/;
     INTEGER_RE = /^[+-]?[0-9]+$/;
@@ -25176,7 +25177,6 @@ function validateWorkerSubtree(raw, slotId, policy, actionCatalog) {
 var WORKER_SUBTREE_CEILINGS, ID_PART, ACTION_ID;
 var init_worker_subtree = __esm({
   "../../core/ts/src/worker-subtree.ts"() {
-    "use strict";
     init_worker_subtree_safe_types_generated();
     WORKER_SUBTREE_CEILINGS = Object.freeze({
       maxEncodedBytes: 65536,
@@ -27540,6 +27540,9 @@ function assertSitePage(page) {
   if (!page || typeof page.id !== "string" || !PAGE_ID.test(page.id)) {
     throw new Error(`site page id ${JSON.stringify(page?.id)} must match ${PAGE_ID}`);
   }
+  if (page.id.startsWith("drawer_")) {
+    throw new Error(`site page id ${JSON.stringify(page.id)} must not start with "drawer_" (reserved for drawer and native rows)`);
+  }
   if (siteScreenId(page) === SITE_PAGE_SCREEN_ID) {
     throw new Error(`site page id "page" is reserved for the ${SITE_PAGE_SCREEN_ID} fallback screen`);
   }
@@ -27562,13 +27565,17 @@ function assertSiteShellConfig(site) {
     seen.add(page.id);
     sitePageUrl(site.origin, page.path);
   }
+  if (site.layout !== void 0 && !SITE_LAYOUTS.includes(site.layout)) {
+    throw new Error(`site layout ${JSON.stringify(site.layout)} must be one of ${SITE_LAYOUTS.join(", ")}`);
+  }
   if (!site.pages.some((page) => (page.placement ?? "tab") === "tab")) {
     throw new Error('a site shell needs at least one page with placement "tab"');
   }
 }
-var SITE_SHELL_MAX_TABS, SITE_SCREEN_PREFIX, SITE_PAGE_SCREEN_ID, PAGE_ID;
+var SITE_LAYOUTS, SITE_SHELL_MAX_TABS, SITE_SCREEN_PREFIX, SITE_PAGE_SCREEN_ID, PAGE_ID;
 var init_site_shell = __esm({
   "../../core/ts/src/site-shell.ts"() {
+    SITE_LAYOUTS = ["auto", "tabs", "drawer", "sidebar", "single"];
     SITE_SHELL_MAX_TABS = 4;
     SITE_SCREEN_PREFIX = "site_";
     SITE_PAGE_SCREEN_ID = "site_page";
@@ -31811,7 +31818,7 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
           onChange: (e) => setLink({ ...link, text: e.currentTarget.value })
         }
       ),
-      link.error && /* @__PURE__ */ jsx4("div", { role: "alert", style: { color: C("danger", "#E62214"), fontSize: 13 }, children: link.error }),
+      link.error && /* @__PURE__ */ jsx4("div", { role: "alert", style: { color: C("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" })
@@ -31841,7 +31848,7 @@ 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: C("danger", "#E62214"), fontSize: 13 }, children: "Couldn't add the image. Try again." }),
+    uploadError && /* @__PURE__ */ jsx4("div", { role: "status", "data-component-id": `${id}/upload_error`, style: { padding: "6px 8px", color: C("danger", "#E62214"), fontSize: pxToRem(13) }, children: "Couldn't add the image. Try again." }),
     status === "loading" && /* @__PURE__ */ jsx4(
       "div",
       {
@@ -31849,7 +31856,7 @@ function RichContentEditorView({ props, ctx, wrap, nodeId, renderChild, ...dom }
         role: "progressbar",
         "aria-label": "Loading editor",
         "aria-busy": "true",
-        style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", pointerEvents: "none", fontSize: 13, color: C("textSecondary", "#636B78") },
+        style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", pointerEvents: "none", fontSize: pxToRem(13), color: C("textSecondary", "#636B78") },
         children: "Loading editor\u2026"
       }
     )
@@ -31862,6 +31869,7 @@ var init_richContentEditor = __esm({
     init_formBag();
     init_modifiers();
     init_bindings2();
+    init_tokens2();
     init_protocol();
     init_paths3();
     init_host_session();
@@ -31994,7 +32002,7 @@ 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: 15, color: C("textPrimary", "#111") }, children: labelText(props.label, ctx) }),
+        props.label != null && /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#111") }, children: labelText(props.label, ctx) }),
         /* @__PURE__ */ jsx5(
           "button",
           {
@@ -32195,7 +32203,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: 15, color: C("textPrimary", "#13171e") }, children: labelText(props.label, ctx) })
+            props.label != null && /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#13171e") }, children: labelText(props.label, ctx) })
           ]
         }
       );
@@ -32250,10 +32258,10 @@ var init_controls = __esm({
             "aria-selected": on3,
             tabIndex: on3 ? 0 : -1,
             onClick: () => select(i),
-            style: { all: "unset", display: "flex", gap: 6, alignItems: "center", minWidth: 44, minHeight: 44, padding: "10px 0", fontFamily: FONT(ctx), fontWeight: 600, fontSize: 14, cursor: "pointer", color: on3 ? accentTextColor(ctx) : C("textSecondary", "#777"), borderBottom: on3 ? `2px solid ${C("accentPrimary", "#116DFF")}` : "2px solid transparent", marginBottom: -1 },
+            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: on3 ? accentTextColor(ctx) : C("textSecondary", "#777"), borderBottom: on3 ? `2px solid ${C("accentPrimary", "#116DFF")}` : "2px solid transparent", marginBottom: -1 },
             children: [
               asText2(t.label),
-              t.badge && /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { fontSize: 10, fontWeight: 700, background: C("surfaceTertiary", "#eee"), color: C("textSecondary", "#666"), padding: "1px 6px", borderRadius: 999 }, children: t.badge })
+              t.badge && /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { fontSize: pxToRem(10), fontWeight: 700, background: C("surfaceTertiary", "#eee"), color: C("textSecondary", "#666"), padding: "1px 6px", borderRadius: 999 }, children: t.badge })
             ]
           },
           t.id ?? i
@@ -32299,7 +32307,7 @@ var init_controls = __esm({
             "aria-checked": on3,
             tabIndex: on3 || selId == null && i === 0 ? 0 : -1,
             onClick: () => select(i),
-            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: 13, cursor: "pointer", boxSizing: "border-box", background: on3 ? C("surfacePrimary", "#fff") : seg.outlined ? C(pickRole(ctx.tokens.colors, seg.roles.inactive), "#eee") : "transparent", color: on3 ? C("textPrimary", "#111") : C("textSecondary", "#777"), boxShadow: on3 && !seg.outlined ? "0 1px 3px rgba(0,0,0,.12)" : "none", ...outlinedShape },
+            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: on3 ? C("surfacePrimary", "#fff") : seg.outlined ? C(pickRole(ctx.tokens.colors, seg.roles.inactive), "#eee") : "transparent", color: on3 ? C("textPrimary", "#111") : C("textSecondary", "#777"), boxShadow: on3 && !seg.outlined ? "0 1px 3px rgba(0,0,0,.12)" : "none", ...outlinedShape },
             children: [
               on3 && seg.selectedCheck ? /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: "\u2713 " }) : null,
               asText2(o.label ?? o.title ?? o.id) || `Option ${i + 1}`
@@ -32330,8 +32338,8 @@ var init_controls = __esm({
             children: [
               /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { display: "inline-flex", alignItems: "center", transition: "transform .15s", transform: open ? "rotate(90deg)" : "none", color: C("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: 15, fontWeight: 600, color: C("textPrimary", "#13171e") }, children: asText2(title) ?? "" }),
-                subtitle != null && /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: 13, color: C("textSecondary", "#888") }, children: asText2(subtitle) })
+                /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C("textPrimary", "#13171e") }, children: asText2(title) ?? "" }),
+                subtitle != null && /* @__PURE__ */ jsx5("span", { style: { fontFamily: FONT(ctx), fontSize: pxToRem(13), color: C("textSecondary", "#888") }, children: asText2(subtitle) })
               ] })
             ]
           }
@@ -32464,6 +32472,7 @@ var PULL_THRESHOLD, SWIPE_OPEN, PullToRefreshList, SwipeRow, DISMISS_THRESHOLD,
 var init_listGestures = __esm({
   "../../core/web-renderer/src/listGestures.tsx"() {
     "use strict";
+    init_tokens2();
     PULL_THRESHOLD = 56;
     SWIPE_OPEN = 76;
     PullToRefreshList = ({ onRefresh, accent, fg, surface, label: label2 = "Pull to refresh", fontFamily = '"Wix Madefor Text", system-ui', style, children }) => {
@@ -32589,7 +32598,7 @@ var init_listGestures = __esm({
             cursor: "pointer",
             color: "#fff",
             fontWeight: 600,
-            fontSize: 13,
+            fontSize: pxToRem(13),
             fontFamily,
             minWidth: SWIPE_OPEN,
             padding: "0 16px",
@@ -33663,7 +33672,7 @@ function hasInteractiveDescendant(node) {
     if (["MonthCalendar", "TimeGrid", "Agenda"].includes(nested.type) && (nested.props?.onSelect || nested.props?.onChange)) return true;
     if (nested.type === "ColorPicker" && nested.props?.onChange) return true;
     if (nested.type === "Fab" && nested.props?.onTap) return true;
-    const nestedModifierTap = nested.modifiers?.onTap ?? nested.modifiers?.on_tap;
+    const nestedModifierTap = nested.modifiers?.onTap ?? nested.modifiers?.on_tap ?? nested.modifiers?.onDoubleTap ?? nested.modifiers?.on_double_tap;
     const nestedTapDisabled = nested.props?.disabled === true || nested.props?.loading === true || nested.modifiers?.disabled === true || nested.modifiers?.hitTestable === false || nested.modifiers?.hit_testable === false;
     if (nestedModifierTap && !nestedTapDisabled) return true;
     return Object.values(nested.props ?? {}).some(visit);
@@ -34245,7 +34254,7 @@ function actionTextButton(ctx, action, label2, color, extra) {
     {
       type: "button",
       onClick,
-      style: { display: "block", margin: 0, padding: 0, appearance: "none", WebkitAppearance: "none", background: "none", border: "none", textAlign: "left", fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: 13, color, cursor: onClick ? "pointer" : "default", ...extra },
+      style: { display: "block", margin: 0, padding: 0, appearance: "none", WebkitAppearance: "none", background: "none", border: "none", textAlign: "left", fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(13), color, cursor: onClick ? "pointer" : "default", ...extra },
       children: label2
     }
   );
@@ -34527,6 +34536,27 @@ function renderNodeInner(node, ctx) {
   const a11yHidden = extra["aria-hidden"] === "true";
   const tap = node?.modifiers?.onTap ?? node?.modifiers?.on_tap;
   const tapDisabled = normalize(node).props?.disabled === true || normalize(node).props?.loading === true || node?.modifiers?.disabled === true || node?.modifiers?.hitTestable === false || node?.modifiers?.hit_testable === false;
+  const giveControlContract = (activate) => {
+    if (a11yHidden || isNativeInteractiveElement(el) || hasInteractiveDescendant(node)) return;
+    if (extra.role == null) {
+      extra.role = "button";
+      if (typeof el.type !== "string") extra[SYNTHETIC_TAP_ROLE] = true;
+    }
+    const defaultedTabIndex = extra.tabIndex == null || extra.tabIndex === -1 && extra[SYNTHETIC_TABINDEX] === true;
+    if (defaultedTabIndex) {
+      extra.tabIndex = 0;
+      if (typeof el.type !== "string") extra[SYNTHETIC_TABINDEX] = true;
+    }
+    const prevOnKeyDown = el.props.onKeyDown;
+    extra.onKeyDown = (e) => {
+      prevOnKeyDown?.(e);
+      if (e.defaultPrevented || e.target !== e.currentTarget || e.repeat) return;
+      if (e.key !== "Enter" && e.key !== " ") return;
+      e.preventDefault();
+      e.stopPropagation();
+      activate(e);
+    };
+  };
   if (tap && ctx.onAction && !tapDisabled) {
     const prevOnClick = el.props.onClick;
     extra.onClick = (e) => {
@@ -34534,27 +34564,10 @@ function renderNodeInner(node, ctx) {
       prevOnClick?.(e);
       ctx.onAction(resolveItemDeep2(tap, ctx));
     };
-    if (!a11yHidden && !isNativeInteractiveElement(el) && !hasInteractiveDescendant(node)) {
-      if (extra.role == null) {
-        extra.role = "button";
-        if (typeof el.type !== "string") extra[SYNTHETIC_TAP_ROLE] = true;
-      }
-      const defaultedTabIndex = extra.tabIndex == null || extra.tabIndex === -1 && extra[SYNTHETIC_TABINDEX] === true;
-      if (defaultedTabIndex) {
-        extra.tabIndex = 0;
-        if (typeof el.type !== "string") extra[SYNTHETIC_TABINDEX] = true;
-      }
-      const prevOnKeyDown = el.props.onKeyDown;
-      extra.onKeyDown = (e) => {
-        prevOnKeyDown?.(e);
-        if (e.defaultPrevented || e.target !== e.currentTarget || e.repeat) return;
-        if (e.key !== "Enter" && e.key !== " ") return;
-        e.preventDefault();
-        e.stopPropagation();
-        prevOnClick?.(e);
-        ctx.onAction(resolveItemDeep2(tap, ctx));
-      };
-    }
+    giveControlContract((e) => {
+      prevOnClick?.(e);
+      ctx.onAction(resolveItemDeep2(tap, ctx));
+    });
     ensurePressStyles();
     extra["data-himalaya-tap"] = "1";
     const idiomPressed = idiomPress(ctx, "tappable");
@@ -34566,6 +34579,16 @@ function renderNodeInner(node, ctx) {
       e.stopPropagation();
       ctx.onAction(resolveItemDeep2(dtap, ctx));
     };
+    if (!tap && !tapDisabled) {
+      giveControlContract(() => {
+        ctx.onAction(resolveItemDeep2(dtap, ctx));
+      });
+      extra.onClick = (e) => {
+        if (e.detail !== 0) return;
+        e.stopPropagation();
+        ctx.onAction(resolveItemDeep2(dtap, ctx));
+      };
+    }
   }
   const pf = node?.modifiers?.pressFeedback ?? node?.modifiers?.press_feedback;
   if (pf && pf !== "none" && !(ctx.reduceMotion() && (node?.modifiers?.respectReducedMotion ?? node?.modifiers?.respect_reduced_motion) !== false)) {
@@ -34896,7 +34919,7 @@ function renderInner(node, ctx) {
         ] });
       }
       return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 6, ...wrap }, children: [
-        !ctx.runtimeDegraded && /* @__PURE__ */ jsxs5("div", { style: { fontSize: 10, color: C("textSecondary", "#9aa2ad"), fontStyle: "italic" }, children: [
+        !ctx.runtimeDegraded && /* @__PURE__ */ jsxs5("div", { style: { fontSize: pxToRem(10), color: C("textSecondary", "#9aa2ad"), fontStyle: "italic" }, children: [
           "dynamic list",
           itemsPath ? ` \xB7 ${itemsPath.replace(/^\$service:/, "")}` : ""
         ] }),
@@ -34935,8 +34958,8 @@ function renderInner(node, ctx) {
     case "EmptyState":
       return /* @__PURE__ */ jsxs5("div", { style: { textAlign: "center", width: "100%", padding: 12, boxSizing: "border-box", ...wrap }, children: [
         /* @__PURE__ */ jsx8("div", { style: { width: 46, height: 46, borderRadius: 13, background: C("surfaceTertiary", "#eee"), display: "grid", placeItems: "center", margin: "0 auto 12px", color: C("textSecondary", "#9aa2ad") }, children: iconSvg(props.icon, { size: 24 }) }),
-        /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: 16, color: C("textPrimary", "#111") }, children: asBoundText(props.title, ctx) || "Empty" }),
-        props.subtitle && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 13, color: C("textSecondary", "#888"), marginTop: 3 }, children: txt(props.subtitle, ctx) }),
+        /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(16), color: C("textPrimary", "#111") }, children: asBoundText(props.title, ctx) || "Empty" }),
+        props.subtitle && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C("textSecondary", "#888"), marginTop: 3 }, children: txt(props.subtitle, ctx) }),
         actionTextButton(ctx, props.action, asBoundText(props.actionLabel, ctx) || "Take action", accentTextColor(ctx), { margin: "12px auto 0", textAlign: "center" })
       ] });
     // ───────────── atoms ─────────────
@@ -34977,13 +35000,13 @@ function renderInner(node, ctx) {
       const badgeLabel = m?.accessibilityLabel ?? m?.accessibility_label;
       const badgeRole = roleDeclared ? void 0 : liveCount ? "status" : typeof badgeLabel === "string" && badgeLabel.trim() !== "" ? "img" : void 0;
       const fg = _bt ? c : sevTextColor(ctx, props.style ?? "info");
-      return /* @__PURE__ */ jsx8("span", { role: badgeRole, style: { display: "inline-flex", alignItems: "center", padding: "3px 9px", borderRadius: 999, fontSize: 12, fontWeight: 700, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c} 16%, ${C("surfacePrimary", "#fff")})`, color: fg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Badge" });
+      return /* @__PURE__ */ jsx8("span", { role: badgeRole, style: { display: "inline-flex", alignItems: "center", padding: "3px 9px", borderRadius: 999, fontSize: pxToRem(12), fontWeight: 700, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c} 16%, ${C("surfacePrimary", "#fff")})`, color: fg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Badge" });
     }
     case "Tag": {
       const tagToken = boundTokenName(props.tokenPath, props.token, ctx);
       const c = C(tagToken ?? "accentPrimary", "#116DFF");
       const tagFg = tagToken ? c : accentTextColor(ctx);
-      return /* @__PURE__ */ jsx8("span", { style: { display: "inline-flex", alignItems: "center", padding: "5px 11px", borderRadius: 999, fontSize: 13, fontWeight: 600, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c} 14%, ${C("surfacePrimary", "#fff")})`, border: `1px solid color-mix(in srgb, ${c} 30%, transparent)`, color: tagFg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Tag" });
+      return /* @__PURE__ */ jsx8("span", { style: { display: "inline-flex", alignItems: "center", padding: "5px 11px", borderRadius: 999, fontSize: pxToRem(13), fontWeight: 600, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c} 14%, ${C("surfacePrimary", "#fff")})`, border: `1px solid color-mix(in srgb, ${c} 30%, transparent)`, color: tagFg, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Tag" });
     }
     case "ProgressBar":
       return /* @__PURE__ */ jsx8(ProgressBarNode, { props, ctx, wrap });
@@ -35015,7 +35038,7 @@ function renderInner(node, ctx) {
       } : void 0;
       const leadingEl = props.leading && /* @__PURE__ */ jsx8("div", { style: { flex: "none", display: "flex" }, children: renderNode(props.leading, ctx) });
       const textEl = /* @__PURE__ */ jsxs5("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 2 }, children: [
-        props.overline != null && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 11, fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C(props.overlineColor ?? "textSecondary", "#888"), ...ell }, children: txt(props.overline, ctx) }),
+        props.overline != null && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C(props.overlineColor ?? "textSecondary", "#888"), ...ell }, children: txt(props.overline, ctx) }),
         /* @__PURE__ */ jsx8("span", { style: { fontFamily: fontStack(titleF.family, ctx.idiom), fontSize: titleF.remSize, fontWeight: titleF.weight, color: C(props.titleColor ?? "textPrimary", "#13171e"), ...ell }, children: txt(props.title, ctx) ?? (ctx.empty ? "" : "") }),
         props.subtitle != null && /* @__PURE__ */ jsx8("span", { style: { fontFamily: fontStack(subF.family, ctx.idiom), fontSize: subF.remSize, color: C(props.subtitleColor ?? "textSecondary", "#888"), ...ell }, children: txt(props.subtitle, ctx) })
       ] });
@@ -35039,7 +35062,7 @@ function renderInner(node, ctx) {
           // 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__ */ jsx8("div", { onClick: (e) => e.stopPropagation(), style: { flex: "none", display: "flex", alignItems: "center" }, children: renderNode(props.trailing, ctx) })
-        ) : accessoryGlyph && /* @__PURE__ */ jsx8("span", { "aria-hidden": props.accessory === "chevron" ? true : void 0, style: { flex: "none", color: C("textTertiary", "#c0c4cc"), fontSize: 20, lineHeight: 1 }, children: accessoryGlyph })
+        ) : accessoryGlyph && /* @__PURE__ */ jsx8("span", { "aria-hidden": props.accessory === "chevron" ? true : void 0, style: { flex: "none", color: C("textTertiary", "#c0c4cc"), fontSize: pxToRem(20), lineHeight: 1 }, children: accessoryGlyph })
       ] });
     }
     case "Slider":
@@ -35056,7 +35079,7 @@ function renderInner(node, ctx) {
     case "Tooltip": {
       const rich = props.title != null && props.title !== "";
       return /* @__PURE__ */ jsxs5("div", { style: { display: "inline-flex", flexDirection: "column", alignItems: "flex-start", gap: 6, ...wrap }, children: [
-        /* @__PURE__ */ jsxs5("div", { role: "tooltip", style: { maxWidth: 240, width: "fit-content", background: C("textPrimary", "#13171e"), color: C("textOnAccent", "#fff"), borderRadius: 8, padding: rich ? "10px 12px" : "6px 10px", fontFamily: bodyFont(ctx), fontSize: 13, lineHeight: 1.35 }, children: [
+        /* @__PURE__ */ jsxs5("div", { role: "tooltip", style: { maxWidth: 240, width: "fit-content", background: C("textPrimary", "#13171e"), color: C("textOnAccent", "#fff"), borderRadius: 8, padding: rich ? "10px 12px" : "6px 10px", fontFamily: bodyFont(ctx), fontSize: pxToRem(13), lineHeight: 1.35 }, children: [
           rich && /* @__PURE__ */ jsx8("div", { style: { fontWeight: 700, marginBottom: 3 }, children: txt(props.title, ctx) }),
           txt(props.text, ctx)
         ] }),
@@ -35074,17 +35097,17 @@ function renderInner(node, ctx) {
     case "Section": {
       const inset = props.inset === true;
       return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", width: "100%", boxSizing: "border-box", ...wrap }, children: [
-        props.header != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 12, fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C("textSecondary", "#888"), padding: inset ? "0 4px 6px" : "6px 16px" }, children: txt(props.header, ctx) }),
+        props.header != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 600, letterSpacing: 0.4, textTransform: "uppercase", color: C("textSecondary", "#888"), padding: inset ? "0 4px 6px" : "6px 16px" }, children: txt(props.header, ctx) }),
         /* @__PURE__ */ jsx8("div", { style: inset ? { background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e8eaed")}`, borderRadius: 12, overflow: "hidden", padding: "2px 14px", boxSizing: "border-box" } : void 0, children: kids2(props.children, ctx) }),
-        props.footer != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 12, color: C("textSecondary", "#888"), padding: inset ? "6px 4px 0" : "6px 16px" }, children: txt(props.footer, ctx) })
+        props.footer != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C("textSecondary", "#888"), padding: inset ? "6px 4px 0" : "6px 16px" }, children: txt(props.footer, ctx) })
       ] });
     }
     case "DisclosureGroup":
       return /* @__PURE__ */ jsx8(DisclosureGroupNode, { props, ctx, wrap });
     case "LabeledContent": {
       return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, width: "100%", padding: "8px 2px", boxSizing: "border-box", ...wrap }, children: [
-        /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 15, color: C("textPrimary", "#13171e") }, children: txt(props.label, ctx) ?? "" }),
-        props.content ? /* @__PURE__ */ jsx8("div", { style: { flex: "none" }, children: renderNode(props.content, ctx) }) : /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 15, color: C("textSecondary", "#636b78"), textAlign: "right" }, children: txt(props.value, ctx) })
+        /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#13171e") }, children: txt(props.label, ctx) ?? "" }),
+        props.content ? /* @__PURE__ */ jsx8("div", { style: { flex: "none" }, children: renderNode(props.content, ctx) }) : /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textSecondary", "#636b78"), textAlign: "right" }, children: txt(props.value, ctx) })
       ] });
     }
     case "Label": {
@@ -35155,7 +35178,7 @@ function renderInner(node, ctx) {
       const onClick = ctx.onAction && props.action ? () => ctx.onAction(resolveItemDeep2(props.action, ctx)) : void 0;
       return /* @__PURE__ */ jsxs5("div", { onClick, style: { display: "inline-flex", alignItems: "center", justifyContent: "center", gap: extended ? 10 : 0, height: dim, width: extended ? void 0 : 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: onClick ? "pointer" : "default", ...wrap }, children: [
         props.icon && /* @__PURE__ */ jsx8("span", { style: { display: "inline-grid", placeItems: "center", width: isz, height: isz }, children: iconSvg(props.icon, { size: isz, color: fg }) }),
-        extended && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: 15 }, children: txt(props.label, ctx) })
+        extended && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(15) }, children: txt(props.label, ctx) })
       ] });
     }
     case "Map":
@@ -35211,13 +35234,13 @@ function renderInner(node, ctx) {
       const fieldLabel = asBoundText(props.label, ctx);
       const showOwnError = !isTextKind && props.errorMessage;
       return /* @__PURE__ */ jsxs5("div", { style: { width: "100%", ...wrap }, children: [
-        (fieldLabel || props.required) && /* @__PURE__ */ jsxs5("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: 13, color: C("textPrimary", "#111"), marginBottom: 6 }, children: [
+        (fieldLabel || props.required) && /* @__PURE__ */ jsxs5("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(13), color: C("textPrimary", "#111"), marginBottom: 6 }, children: [
           fieldLabel,
           props.required && /* @__PURE__ */ jsx8("span", { style: { color: C("danger", "#e62214") }, children: " *" })
         ] }),
         renderNode(inner, ctx),
-        props.helpText && /* @__PURE__ */ jsx8("div", { style: { fontSize: 12, color: C("textSecondary", "#888"), marginTop: 4 }, children: txt(props.helpText, ctx) }),
-        showOwnError && /* @__PURE__ */ jsx8("div", { role: "alert", style: { fontSize: 12, color: C("danger", "#E62214"), marginTop: 4 }, children: txt(props.errorMessage, ctx) })
+        props.helpText && /* @__PURE__ */ jsx8("div", { style: { fontSize: pxToRem(12), color: C("textSecondary", "#888"), marginTop: 4 }, children: txt(props.helpText, ctx) }),
+        showOwnError && /* @__PURE__ */ jsx8("div", { role: "alert", style: { fontSize: pxToRem(12), color: C("danger", "#E62214"), marginTop: 4 }, children: txt(props.errorMessage, ctx) })
       ] });
     }
     case "FieldError":
@@ -35231,8 +35254,8 @@ function renderInner(node, ctx) {
       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__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: 6, width: "100%", ...wrap }, children: branch ? renderNode(props[branch], ctx) : cfg && typeof cfg === "object" ? /* @__PURE__ */ jsxs5("div", { style: { textAlign: "center", padding: "24px 12px", color: C("textSecondary", "#9aa2ad") }, children: [
-        cfg.title && /* @__PURE__ */ jsx8("div", { style: { fontSize: 15, fontWeight: 600, color: C("textPrimary", "#111") }, children: asText2(cfg.title) }),
-        (cfg.subtitle ?? cfg.message) && /* @__PURE__ */ jsx8("div", { style: { fontSize: 13, marginTop: 4 }, children: asText2(cfg.subtitle ?? cfg.message) }),
+        cfg.title && /* @__PURE__ */ jsx8("div", { style: { fontSize: pxToRem(15), fontWeight: 600, color: C("textPrimary", "#111") }, children: asText2(cfg.title) }),
+        (cfg.subtitle ?? cfg.message) && /* @__PURE__ */ jsx8("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 });
     }
@@ -35286,15 +35309,15 @@ function renderInner(node, ctx) {
       return /* @__PURE__ */ jsxs5("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%, ${C("surfacePrimary", "#fff")})`, border: `1px solid color-mix(in srgb, ${accent} 32%, transparent)`, ...wrap }, children: [
         /* @__PURE__ */ jsx8("div", { style: { width: 3, borderRadius: 3, background: accent, flex: "none" } }),
         /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: 14, color: C("textPrimary", "#111") }, children: txt(props.title, ctx) }),
-          props.message && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 13, lineHeight: 1.4, color: C("textSecondary", "#666"), marginTop: 2 }, children: txt(props.message, ctx) }),
+          /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(14), color: C("textPrimary", "#111") }, children: txt(props.title, ctx) }),
+          props.message && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), lineHeight: 1.4, color: C("textSecondary", "#666"), marginTop: 2 }, children: txt(props.message, ctx) }),
           actionTextButton(ctx, props.action, asBoundText(props.actionLabel, ctx) || "Take action", C("textPrimary", "#111"), { marginTop: 7, textDecoration: "underline" })
         ] })
       ] });
     }
     case "Snackbar": {
       const dot = sevColor(ctx, props.severity ?? "info");
-      return /* @__PURE__ */ jsxs5("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: 14, ...wrap }, children: [
+      return /* @__PURE__ */ jsxs5("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__ */ jsx8("span", { style: { width: 18, height: 18, borderRadius: "50%", background: dot, display: "grid", placeItems: "center", fontSize: 11, flex: "none" }, children: "\u2713" }),
         /* @__PURE__ */ jsx8("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" })
@@ -35310,11 +35333,11 @@ function renderInner(node, ctx) {
     // draws as its own modal dialog.
     case "AlertDialog":
       return /* @__PURE__ */ jsxs5("div", { role: "alertdialog", "aria-label": props.title != null ? asBoundText(props.title, ctx) : "Alert", style: { background: C("surfacePrimary", "#fff"), borderRadius: ctx.radius("lg", 14), padding: 18, width: "100%", boxSizing: "border-box", border: `1px solid ${C("border", "#e3e3e3")}`, boxShadow: "0 12px 30px -12px rgba(0,0,0,.4)", ...wrap }, children: [
-        /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: 17, color: C("textPrimary", "#111") }, children: txt(props.title, ctx) }),
-        /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 14, lineHeight: 1.45, color: C("textSecondary", "#666"), margin: "6px 0 16px" }, children: txt(props.message, ctx) }),
+        /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(17), color: C("textPrimary", "#111") }, children: txt(props.title, ctx) }),
+        /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(14), lineHeight: 1.45, color: C("textSecondary", "#666"), margin: "6px 0 16px" }, children: txt(props.message, ctx) }),
         /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: 10 }, children: [
-          props.cancelAction != null && /* @__PURE__ */ jsx8("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: 15, background: C("surfaceTertiary", "#eee"), color: C("textPrimary", "#111"), cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.cancelLabel, ctx) || "Cancel" }),
-          props.confirmAction != null && /* @__PURE__ */ jsx8("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: 15, background: props.destructive ? C("danger", "#E62214") : C("accentPrimary", "#116DFF"), color: "#fff", cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.confirmLabel, ctx) || (props.destructive ? "Delete" : "Confirm") })
+          props.cancelAction != null && /* @__PURE__ */ jsx8("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: C("surfaceTertiary", "#eee"), color: C("textPrimary", "#111"), cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.cancelLabel, ctx) || "Cancel" }),
+          props.confirmAction != null && /* @__PURE__ */ jsx8("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 ? C("danger", "#E62214") : C("accentPrimary", "#116DFF"), color: "#fff", cursor: ctx.onAction ? "pointer" : "default" }, children: asBoundText(props.confirmLabel, ctx) || (props.destructive ? "Delete" : "Confirm") })
         ] })
       ] });
     // ───────────── embeddable WebView ─────────────
@@ -35326,13 +35349,13 @@ function renderInner(node, ctx) {
       if (intent) return /* @__PURE__ */ jsx8("div", { style: { alignSelf: "stretch", ...wrap }, children: intent(props, ctx) });
       const childKeys = Object.entries(props).filter(([, v]) => isNodeLike(v) || Array.isArray(v) && v.some(isNodeLike));
       return /* @__PURE__ */ jsxs5("div", { "data-unknown-type": type, style: { display: "flex", flexDirection: "column", gap: 6, padding: 6, border: `1px dashed ${C("border", "#c5cdd6")}`, borderRadius: 6, ...wrap }, children: [
-        /* @__PURE__ */ jsx8("div", { style: { alignSelf: "flex-start", fontSize: 9, fontWeight: 700, letterSpacing: 0.4, padding: "1px 6px", borderRadius: 999, background: C("surfaceTertiary", "#f0f0f3"), color: C("textSecondary", "#9aa2ad"), fontFamily: "ui-monospace, monospace" }, children: type }),
+        /* @__PURE__ */ jsx8("div", { style: { alignSelf: "flex-start", fontSize: pxToRem(9), fontWeight: 700, letterSpacing: 0.4, padding: "1px 6px", borderRadius: 999, background: C("surfaceTertiary", "#f0f0f3"), color: C("textSecondary", "#9aa2ad"), fontFamily: "ui-monospace, monospace" }, children: type }),
         childKeys.map(([k, v]) => /* @__PURE__ */ jsx8(React7.Fragment, { children: Array.isArray(v) ? kids2(v.filter(isNodeLike), ctx) : renderNode(v, ctx) }, k))
       ] });
     }
   }
 }
-var useIsomorphicLayoutEffect, ResponsiveGrid, SPLIT_EXPANDED_MIN_WIDTH, SPLIT_COLUMN_GAP, ResponsiveSplitView, ABSOLUTE_URL_RE, appearKeyframesInjected, pressStylesInjected, FOCUS_RING_CSS, focusStylesInjected, HLIST_CHILD_CSS, hListStylesInjected, listAnimateRuntimeInstalled, transitionKeyframesInjected, countUpRuntimeInjected, MEASURE_PREFIX, measureRuntimeInjected, revealRuntimeInjected, vectorAnimStylesInjected, scrollProgressRuntimeInjected, confettiRuntimeInjected, lottieRuntimeInjected, riveRuntimeInjected, gradientKeyframesInjected, parallaxRuntimeInjected, spinKeyframesInjected, marqueeKeyframesInjected, alignItems, zJustifyItems, hAlignItems, bodyFont, kids2, rowKidCtx, rowKids, staggeredKids, asTextL10n, asBoundText, useBoundString, InterpolatedTextView, txt, selectFragmentCase, fragmentValueHash, fragmentSlotContent, FragmentSlotNode, RichContentEditorNode, WorkerSubtreeNode, RichContentNode, resolveItemDeep2, resolveSwipeActions, resolveModBindings, resolvedComponentId, directServiceBindings, ReactiveDirectScalars, HiddenGate, KEYBOARD_INPUT_MODES, AUTOCAPITALIZE_VALUES, ENTER_KEY_HINTS, AUTOGROW_CEILING, EditableField, MenuNode, LoadMoreSentinel, FieldErrorNode, FormView, MediaSlotProvider, MEDIA_ITEM_BINDABLE, MediaPlayerView, VideoNode, PdfViewNode, WebViewNode, InteractivePicker, InteractiveDatePicker, InteractiveSearchField, InteractiveStepper, SYNTHETIC_TAP_ROLE, SYNTHETIC_TABINDEX, INFERRED_DECORATIVE, SELF_RENDERED_LEAF, ROLE_WHEN_NAMED, AUTHORED_ROLE, PENDING_RANGE, RANGE_ROLES, NODE_A11Y_ATTRS, INTERACTIVE_ROLES, ALWAYS_INTERACTIVE_COMPONENT_TYPES, controlNode, ToggleNode, SliderNode, SelectionControlNode, TabsNode, SegmentedControlNode, DisclosureGroupNode, GridNode, SplitViewNode, TextNode, ImageNode, ANIMATION_LEAF, LottieNode, RiveNode, AvatarNode, IconNode, ButtonNode, OtpInputNode, ProgressBarNode, ActivityIndicatorNode, NATIVELY_TABBABLE, BottomSheetNode, PRESENTED_OVERLAY_ATTR, PopoverNode, ChipsInputNode, ChipNode, TableNode, GaugeRing, GaugeNode, RATING_METRICS, ratingMetrics, RatingNode, AvatarStripNode, CHART_STROKE_CYCLE, chartStrokeAt, chartBarCenter, ChartNode, donutSliceOpacity, DonutChartNode, LegendMarker, LegendNode, cellAlign, DataTableNode, voiceNoteState, voiceNoteDelivery, VOICE_NOTE_DEFAULT_BARS, clampBarCount, VoiceNoteNode, TimelineNode, WheelPickerNode, ColorPickerNode, FilterChipsNode, TILE_PX, MAX_MERCATOR_LAT, DEFAULT_TILE_MAX_ZOOM, CIRCLE_SEGMENTS, METRES_PER_DEG_LAT, MARKER_HIT_RADIUS, SHAPE_HIT_RADIUS, MapNode, CollapsingHeaderNode, UnsupportedOnSurface, CALENDAR_DATE_ONLY_RE, CAL_DEFAULT_MAX_DOTS, CAL_AGENDA_INITIAL_DAYS, CAL_AGENDA_PAGE_DAYS, CAL_DEFAULT_SNAP_MINUTES, CAL_UNASSIGNED_LANE_ID, MonthCalendarNode, TimeGridNode, AgendaNode, ARIA_ROLE, initialFocusScheduled, PRESENTED_SCOPE, focusRoots, A11yHintDescription, WebRenderer;
+var useIsomorphicLayoutEffect, ResponsiveGrid, SPLIT_EXPANDED_MIN_WIDTH, SPLIT_COLUMN_GAP, ResponsiveSplitView, ABSOLUTE_URL_RE, appearKeyframesInjected, pressStylesInjected, FOCUS_RING_CSS, focusStylesInjected, HLIST_CHILD_CSS, hListStylesInjected, listAnimateRuntimeInstalled, transitionKeyframesInjected, countUpRuntimeInjected, MEASURE_PREFIX, measureRuntimeInjected, revealRuntimeInjected, vectorAnimStylesInjected, scrollProgressRuntimeInjected, confettiRuntimeInjected, lottieRuntimeInjected, riveRuntimeInjected, gradientKeyframesInjected, parallaxRuntimeInjected, spinKeyframesInjected, marqueeKeyframesInjected, alignItems, zJustifyItems, hAlignItems, bodyFont, kids2, rowKidCtx, rowKids, staggeredKids, asTextL10n, asBoundText, useBoundString, InterpolatedTextView, txt, selectFragmentCase, fragmentValueHash, fragmentSlotContent, FragmentSlotNode, RichContentEditorNode, WorkerSubtreeNode, RichContentNode, resolveItemDeep2, resolveSwipeActions, resolveModBindings, resolvedComponentId, directServiceBindings, ReactiveDirectScalars, HiddenGate, KEYBOARD_INPUT_MODES, AUTOCAPITALIZE_VALUES, ENTER_KEY_HINTS, AUTOGROW_CEILING, EditableField, MenuNode, LoadMoreSentinel, FieldErrorNode, FormView, MediaSlotProvider, MEDIA_ITEM_BINDABLE, MediaPlayerView, VideoNode, PdfViewNode, WebViewNode, InteractivePicker, InteractiveDatePicker, InteractiveSearchField, InteractiveStepper, SYNTHETIC_TAP_ROLE, SYNTHETIC_TABINDEX, INFERRED_DECORATIVE, SELF_RENDERED_LEAF, ROLE_WHEN_NAMED, AUTHORED_ROLE, PENDING_RANGE, RANGE_ROLES, NODE_A11Y_ATTRS, INTERACTIVE_ROLES, ALWAYS_INTERACTIVE_COMPONENT_TYPES, controlNode, ToggleNode, SliderNode, SelectionControlNode, TabsNode, SegmentedControlNode, DisclosureGroupNode, GridNode, SplitViewNode, TextNode, ImageNode, ANIMATION_LEAF, LottieNode, RiveNode, AvatarNode, IconNode, ButtonNode, OtpInputNode, ProgressBarNode, ACTIVITY_DEFAULT_NAME, ActivityIndicatorNode, NATIVELY_TABBABLE, BottomSheetNode, PRESENTED_OVERLAY_ATTR, PopoverNode, ChipsInputNode, ChipNode, TableNode, GaugeRing, GaugeNode, RATING_METRICS, ratingMetrics, RatingNode, AvatarStripNode, CHART_STROKE_CYCLE, chartStrokeAt, chartBarCenter, ChartNode, donutSliceOpacity, DonutChartNode, LegendMarker, LegendNode, cellAlign, DataTableNode, voiceNoteState, voiceNoteDelivery, VOICE_NOTE_DEFAULT_BARS, clampBarCount, VoiceNoteNode, TimelineNode, WheelPickerNode, ColorPickerNode, FilterChipsNode, TILE_PX, MAX_MERCATOR_LAT, DEFAULT_TILE_MAX_ZOOM, CIRCLE_SEGMENTS, METRES_PER_DEG_LAT, MARKER_HIT_RADIUS, SHAPE_HIT_RADIUS, MapNode, CollapsingHeaderNode, UnsupportedOnSurface, CALENDAR_DATE_ONLY_RE, CAL_DEFAULT_MAX_DOTS, CAL_AGENDA_INITIAL_DAYS, CAL_AGENDA_PAGE_DAYS, CAL_DEFAULT_SNAP_MINUTES, CAL_UNASSIGNED_LANE_ID, MonthCalendarNode, TimeGridNode, AgendaNode, ARIA_ROLE, initialFocusScheduled, PRESENTED_SCOPE, focusRoots, A11yHintDescription, WebRenderer;
 var init_renderNode = __esm({
   "../../core/web-renderer/src/renderNode.tsx"() {
     "use strict";
@@ -35877,7 +35900,7 @@ var init_renderNode = __esm({
         e.preventDefault();
         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: 15, color: C("textPrimary", "#13171e"), resize: "none" };
+      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: C("textPrimary", "#13171e"), resize: "none" };
       const accIcon = (name) => /* @__PURE__ */ jsx8("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: C("surfacePrimary", "#fff"), border: `1px solid ${errored ? C("danger", "#E62214") : C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: multilineBox ? "11px 14px" : "0 14px", boxSizing: "border-box", minHeight: multilineBox ? 48 : 44, ...wrap };
       return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [
@@ -35892,7 +35915,7 @@ var init_renderNode = __esm({
           }, style: { display: "inline-grid", placeItems: "center", width: 18, height: 18, borderRadius: "50%", background: C("surfaceTertiary", "#e3e6ea"), color: muted, fontSize: 12, flex: "none", cursor: "pointer" }, children: "\xD7" }),
           props.trailingIcon && accIcon(props.trailingIcon)
         ] }),
-        revealed ? /* @__PURE__ */ jsx8("span", { id: errorId, role: "alert", style: { fontFamily: bodyFont(ctx), fontSize: 12, color: C("danger", "#E62214"), paddingLeft: 2 }, children: message }) : (props.helperText ?? cfg.helperText) != null ? /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 12, color: errored ? C("danger", "#E62214") : muted, paddingLeft: 2 }, children: txt(props.helperText ?? cfg.helperText, ctx) }) : null
+        revealed ? /* @__PURE__ */ jsx8("span", { id: errorId, role: "alert", style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C("danger", "#E62214"), paddingLeft: 2 }, children: message }) : (props.helperText ?? cfg.helperText) != null ? /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: errored ? C("danger", "#E62214") : muted, paddingLeft: 2 }, children: txt(props.helperText ?? cfg.helperText, ctx) }) : null
       ] });
     };
     MenuNode = withExtras("MenuNode", ({ props, ctx, wrap }) => {
@@ -36005,7 +36028,7 @@ var init_renderNode = __esm({
                   setOpen(false);
                   ctx.onAction(resolveItemDeep2(it.action, ctx));
                 } : void 0,
-                style: { display: "flex", alignItems: "center", gap: 10, padding: "9px 10px", borderRadius: 8, cursor: it?.disabled ? "default" : "pointer", opacity: it?.disabled ? 0.4 : 1, color: it?.destructive ? C("danger", "#E62214") : C("textPrimary", "#13171e"), fontFamily: bodyFont(ctx), fontSize: 15 },
+                style: { display: "flex", alignItems: "center", gap: 10, padding: "9px 10px", borderRadius: 8, cursor: it?.disabled ? "default" : "pointer", opacity: it?.disabled ? 0.4 : 1, color: it?.destructive ? C("danger", "#E62214") : C("textPrimary", "#13171e"), fontFamily: bodyFont(ctx), fontSize: pxToRem(15) },
                 children: [
                   it?.icon && /* @__PURE__ */ jsx8("span", { style: { display: "inline-grid", placeItems: "center", width: 20, height: 20 }, children: iconSvg(it.icon, { size: 18, color: it?.destructive ? C("danger", "#E62214") : C("textSecondary", "#636b78") }) }),
                   /* @__PURE__ */ jsx8("span", { children: asText2(it?.label) || "Item" })
@@ -36048,7 +36071,7 @@ var init_renderNode = __esm({
       if (props.visible === false) return null;
       if (isBoundText && !text8) return null;
       const c = (props.severity ?? "error") === "warning" ? C("warning", "#E89F00") : C("danger", "#E62214");
-      return /* @__PURE__ */ jsxs5("div", { role: "alert", style: { display: "flex", gap: 6, alignItems: "center", color: c, fontSize: 13, fontFamily: bodyFont(ctx), ...wrap }, children: [
+      return /* @__PURE__ */ jsxs5("div", { role: "alert", style: { display: "flex", gap: 6, alignItems: "center", color: c, fontSize: pxToRem(13), fontFamily: bodyFont(ctx), ...wrap }, children: [
         /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u26A0" }),
         text8
       ] });
@@ -36448,15 +36471,15 @@ var init_renderNode = __esm({
         return `${Math.floor(safe / 60)}:${String(Math.floor(safe % 60)).padStart(2, "0")}`;
       };
       const builtInControls = /* @__PURE__ */ jsxs5("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__ */ jsx8("button", { "aria-label": "Previous", onClick: () => select(index - 1), style: { color: "inherit", background: "transparent", border: 0, fontSize: 18 }, children: "\u25C0\u25C0" }),
+        items.length > 1 && /* @__PURE__ */ jsx8("button", { "aria-label": "Previous", onClick: () => select(index - 1), style: { color: "inherit", background: "transparent", border: 0, fontSize: pxToRem(18) }, children: "\u25C0\u25C0" }),
         /* @__PURE__ */ jsx8("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__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx8("span", { style: { fontSize: 11, whiteSpace: "nowrap" }, children: time(position) }),
+          /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(11), whiteSpace: "nowrap" }, children: time(position) }),
           /* @__PURE__ */ jsx8("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__ */ jsx8("span", { style: { fontSize: 11, whiteSpace: "nowrap" }, children: time(duration2) })
+          /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(11), whiteSpace: "nowrap" }, children: time(duration2) })
         ] }),
-        items.length > 1 && /* @__PURE__ */ jsx8("button", { "aria-label": "Next", onClick: () => select(index + 1), style: { color: "inherit", background: "transparent", border: 0, fontSize: 18 }, children: "\u25B6\u25B6" }),
-        props.fullscreen !== "disabled" && /* @__PURE__ */ jsx8("button", { "aria-label": "Fullscreen", onClick: () => void toggleFullscreen(), style: { color: "inherit", background: "transparent", border: 0, fontSize: 18 }, children: "\u26F6" })
+        items.length > 1 && /* @__PURE__ */ jsx8("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__ */ jsx8("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";
@@ -36515,7 +36538,7 @@ var init_renderNode = __esm({
         slot("audioBackground"),
         isUnsupportedProvider ? /* @__PURE__ */ jsxs5("div", { role: "status", style: { flex: 1, minHeight: 0, display: "grid", placeItems: "center", gap: 8, padding: 24, textAlign: "center", background: "#17191f", color: foreground }, children: [
           /* @__PURE__ */ jsx8("div", { style: { fontWeight: 700 }, children: "Provider playback unavailable" }),
-          /* @__PURE__ */ jsxs5("div", { style: { opacity: 0.75, fontSize: 13 }, children: [
+          /* @__PURE__ */ jsxs5("div", { style: { opacity: 0.75, fontSize: pxToRem(13) }, children: [
             "This course uses an unsupported provider adapter: ",
             provider,
             "."
@@ -36653,7 +36676,7 @@ var init_renderNode = __esm({
       const bandColor = typeof props.coverBandColor === "string" && props.coverBandColor.length > 0 ? props.coverBandColor : void 0;
       return /* @__PURE__ */ jsxs5("div", { style: { width: "100%", position: "relative", ...bandColor ? { background: bandColor, borderRadius: ctx.radius("md", 8), overflow: "hidden" } : {}, ...wrap }, children: [
         bandColor ? /* @__PURE__ */ jsx8("div", { "data-testid": "webview-cover-band", style: { height: 8, background: bandColor } }) : null,
-        htmlStr ? /* @__PURE__ */ jsx8("iframe", { title: "webview", srcDoc: htmlStr, sandbox: "allow-scripts", style: frameStyle }) : urlFrame ? /* @__PURE__ */ jsx8("iframe", { title: "webview", src: urlFrame.src, sandbox: urlFrame.sandbox, style: frameStyle }) : /* @__PURE__ */ jsx8("div", { style: { ...frameStyle, display: "grid", placeItems: "center", color: "#999", fontFamily: "ui-monospace, monospace", fontSize: 11, border: "1px dashed #ccc" }, children: urlStr ? "WebView (url not allowed)" : "WebView (no url)" })
+        htmlStr ? /* @__PURE__ */ jsx8("iframe", { title: "webview", srcDoc: htmlStr, sandbox: "allow-scripts", style: frameStyle }) : urlFrame ? /* @__PURE__ */ jsx8("iframe", { title: "webview", src: urlFrame.src, sandbox: urlFrame.sandbox, style: frameStyle }) : /* @__PURE__ */ jsx8("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)" })
       ] });
     });
     InteractivePicker = withExtras("InteractivePicker", ({ props, ctx, wrap }) => {
@@ -36684,7 +36707,7 @@ var init_renderNode = __esm({
         const staticSel = ctx.empty ? null : selectedId;
         return /* @__PURE__ */ jsx8("div", { style: { display: "flex", background: C("surfaceTertiary", "#eee"), borderRadius: ctx.radius("md", 8), padding: 3, width: "100%", boxSizing: "border-box", ...wrap }, children: opts.map((o, i) => {
           const on3 = o.id === staticSel;
-          return /* @__PURE__ */ jsx8("span", { style: { flex: 1, textAlign: "center", padding: "8px 4px", borderRadius: ctx.radius("sm", 6), fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: 14, background: on3 ? C("surfacePrimary", "#fff") : "transparent", color: on3 ? C("textPrimary", "#111") : C("textSecondary", "#777"), boxShadow: on3 ? "0 1px 3px rgba(0,0,0,.12)" : "none" }, children: asText2(o.label ?? o.title ?? o.id) }, o.id ?? i);
+          return /* @__PURE__ */ jsx8("span", { style: { flex: 1, textAlign: "center", padding: "8px 4px", borderRadius: ctx.radius("sm", 6), fontFamily: bodyFont(ctx), fontWeight: 600, fontSize: pxToRem(14), background: on3 ? C("surfacePrimary", "#fff") : "transparent", color: on3 ? C("textPrimary", "#111") : C("textSecondary", "#777"), boxShadow: on3 ? "0 1px 3px rgba(0,0,0,.12)" : "none" }, children: asText2(o.label ?? o.title ?? o.id) }, o.id ?? i);
         }) });
       }
       const emit = (id) => {
@@ -36699,7 +36722,7 @@ var init_renderNode = __esm({
           value: sel,
           onChange: (e) => emit(e.currentTarget.value),
           "aria-label": String(placeholderText || "Select"),
-          style: { width: "100%", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "11px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: 15, color: C("textPrimary", "#111"), ...wrap },
+          style: { width: "100%", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "11px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#111"), ...wrap },
           children: [
             props.placeholder && /* @__PURE__ */ jsx8("option", { value: "", disabled: true, children: placeholderText }),
             opts.map((o, i) => /* @__PURE__ */ jsx8("option", { value: o.id, children: asText2(o.label ?? o.title ?? o.id) }, o.id ?? i))
@@ -36751,9 +36774,9 @@ var init_renderNode = __esm({
           const d = new Date(props.valueUnix * 1e3);
           label2 = timeMode ? d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
         }
-        return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: 15, color: C("textPrimary", "#111"), ...wrap }, children: [
+        return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#111"), ...wrap }, children: [
           /* @__PURE__ */ jsx8("span", { children: label2 }),
-          /* @__PURE__ */ jsx8("span", { style: { fontSize: 18 }, children: "\u{1F4C5}" })
+          /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(18) }, children: "\u{1F4C5}" })
         ] });
       }
       const onChange = props.onChange;
@@ -36781,7 +36804,7 @@ var init_renderNode = __esm({
           value: val,
           onChange: (e) => emit(e.currentTarget.value),
           "aria-label": timeMode ? "Select time" : "Select date",
-          style: { width: "100%", boxSizing: "border-box", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", fontFamily: bodyFont(ctx), fontSize: 15, color: C("textPrimary", "#111"), ...wrap }
+          style: { width: "100%", boxSizing: "border-box", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#111"), ...wrap }
         }
       );
     });
@@ -36793,7 +36816,7 @@ var init_renderNode = __esm({
         /* @__PURE__ */ jsx8("circle", { cx: "11", cy: "11", r: "7" }),
         /* @__PURE__ */ jsx8("path", { d: "m21 21-4.3-4.3" })
       ] });
-      const box = { display: "flex", alignItems: "center", gap: 8, width: "100%", boxSizing: "border-box", background: C("surfaceTertiary", "#eee"), borderRadius: ctx.radius("md", 10), padding: "0 14px", minHeight: 44, color: muted, fontFamily: bodyFont(ctx), fontSize: 15, ...wrap };
+      const box = { display: "flex", alignItems: "center", gap: 8, width: "100%", boxSizing: "border-box", background: C("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__ */ jsxs5("div", { style: box, children: [
           icon,
@@ -36836,7 +36859,7 @@ var init_renderNode = __esm({
             },
             placeholder: String(placeholderText || "Search\u2026"),
             "aria-label": String(placeholderText || "Search"),
-            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: 15, color: C("textPrimary", "#13171e") }
+            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: C("textPrimary", "#13171e") }
           }
         ),
         local && /* @__PURE__ */ jsx8("span", { onClick: () => onInput(""), style: { display: "inline-grid", placeItems: "center", width: 18, height: 18, borderRadius: "50%", background: C("surfaceTertiary", "#e3e6ea"), color: muted, fontSize: 12, flex: "none", cursor: "pointer" }, children: "\xD7" })
@@ -36913,7 +36936,7 @@ var init_renderNode = __esm({
         background: C("surfacePrimary", "#fff"),
         display: "grid",
         placeItems: "center",
-        fontSize: 18,
+        fontSize: pxToRem(18),
         color: accentTextColor(ctx),
         // #3275 — a glyph on a neutral key
         border: `1px solid ${C("border", "#e3e3e3")}`,
@@ -36931,20 +36954,20 @@ var init_renderNode = __esm({
       if (ctx.empty) {
         return /* @__PURE__ */ jsxs5("div", { ...root, style: box, children: [
           /* @__PURE__ */ jsx8("span", { style: btn("min"), children: "\u2212" }),
-          /* @__PURE__ */ jsx8("b", { ...valueA11y, style: { fontSize: 16, minWidth: 24, textAlign: "center", color: C("textPrimary", "#111") }, children: "\u2014" }),
+          /* @__PURE__ */ jsx8("b", { ...valueA11y, style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C("textPrimary", "#111") }, children: "\u2014" }),
           /* @__PURE__ */ jsx8("span", { style: btn("max"), children: "+" })
         ] });
       }
       if (!ctx.onAction) {
         return /* @__PURE__ */ jsxs5("div", { ...root, style: box, children: [
           /* @__PURE__ */ jsx8("span", { style: btn("min"), children: "\u2212" }),
-          /* @__PURE__ */ jsx8("b", { ...valueA11y, "aria-valuenow": value, "aria-readonly": "true", style: { fontSize: 16, minWidth: 24, textAlign: "center", color: C("textPrimary", "#111") }, children: value }),
+          /* @__PURE__ */ jsx8("b", { ...valueA11y, "aria-valuenow": value, "aria-readonly": "true", style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C("textPrimary", "#111") }, children: value }),
           /* @__PURE__ */ jsx8("span", { style: btn("max"), children: "+" })
         ] });
       }
       return /* @__PURE__ */ jsxs5("div", { ...root, style: box, children: [
         /* @__PURE__ */ jsx8("button", { type: "button", tabIndex: -1, "aria-label": "Decrease", disabled: disabled("min"), onClick: () => press(-step), style: { ...btn("min"), font: "inherit" }, children: "\u2212" }),
-        /* @__PURE__ */ jsx8("b", { ...valueA11y, "aria-valuenow": value, tabIndex: 0, onKeyDown: onValueKeyDown, style: { fontSize: 16, minWidth: 24, textAlign: "center", color: C("textPrimary", "#111"), fontVariantNumeric: "tabular-nums" }, children: value }),
+        /* @__PURE__ */ jsx8("b", { ...valueA11y, "aria-valuenow": value, tabIndex: 0, onKeyDown: onValueKeyDown, style: { fontSize: pxToRem(16), minWidth: 24, textAlign: "center", color: C("textPrimary", "#111"), fontVariantNumeric: "tabular-nums" }, children: value }),
         /* @__PURE__ */ jsx8("button", { type: "button", tabIndex: -1, "aria-label": "Increase", disabled: disabled("max"), onClick: () => press(step), style: { ...btn("max"), font: "inherit" }, children: "+" }),
         /* @__PURE__ */ jsx8("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" : "") })
       ] });
@@ -37148,7 +37171,7 @@ var init_renderNode = __esm({
         const side2 = typeof w === "number" ? w : 40;
         return /* @__PURE__ */ jsx8("div", { style: { width: side2, height: side2, borderRadius: "50%", background: ph ?? C("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__ */ jsx8("div", { style: { width: w, height: boxHeight, aspectRatio: ar, borderRadius: r, background: ph ?? (hasSource ? `linear-gradient(135deg, ${C("surfaceTertiary", "#e6e6e6")}, ${C("surfaceSecondary", "#f2f2f2")})` : "transparent"), color: C("textSecondary", "#999"), display: "flex", alignItems: "center", justifyContent: "center", fontFamily: "ui-monospace, monospace", fontSize: 11, flex: "none", ...wrap }, children: banner || !hasSource ? "" : "\u2022" });
+      return /* @__PURE__ */ jsx8("div", { style: { width: w, height: boxHeight, aspectRatio: ar, borderRadius: r, background: ph ?? (hasSource ? `linear-gradient(135deg, ${C("surfaceTertiary", "#e6e6e6")}, ${C("surfaceSecondary", "#f2f2f2")})` : "transparent"), color: C("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 }) => {
@@ -37343,6 +37366,7 @@ var init_renderNode = __esm({
       };
       return /* @__PURE__ */ jsx8("div", { ...a11y, style: { width: "100%", height: 6, borderRadius: 999, background: C(boundTokenName(props.trackColorPath, props.trackColor, ctx) ?? "surfaceTertiary", "#eee"), overflow: "hidden", ...wrap }, children: /* @__PURE__ */ jsx8("div", { style: { width: `${Math.round((p ?? 0.4) * 100)}%`, height: "100%", borderRadius: 999, background: C(boundTokenName(props.tintPath, props.tint, ctx) ?? "accentPrimary", "#116DFF"), opacity: p == null ? 0.45 : 1, ...animatedFill ? { transition: ctx.motionTransition(ctx.kit?.motion) } : {} } }) });
     });
+    ACTIVITY_DEFAULT_NAME = "Loading";
     ActivityIndicatorNode = withExtras("ActivityIndicatorNode", ({ props, ctx, wrap }) => {
       const C = ctx.color;
       const size = props.size ?? 24;
@@ -37357,10 +37381,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__ */ jsx8("div", { role: "progressbar", ...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__ */ jsx8("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__ */ jsx8("div", { role: "progressbar", 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__ */ jsx8("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 }) => {
@@ -37444,11 +37468,11 @@ var init_renderNode = __esm({
       const raw = props.valuesPath != null ? bound : props.values;
       const values = Array.isArray(raw) ? raw : [];
       return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 6, width: "100%", minHeight: 44, padding: "8px 10px", boxSizing: "border-box", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), opacity: props.disabled ? 0.5 : 1, ...wrap }, children: [
-        values.map((v, i) => /* @__PURE__ */ jsxs5("span", { style: { display: "inline-flex", alignItems: "center", gap: 5, padding: "4px 9px", borderRadius: 999, fontFamily: bodyFont(ctx), fontSize: 13, background: C("surfaceTertiary", "#eef0f3"), color: C("textPrimary", "#13171e") }, children: [
+        values.map((v, i) => /* @__PURE__ */ jsxs5("span", { style: { display: "inline-flex", alignItems: "center", gap: 5, padding: "4px 9px", borderRadius: 999, fontFamily: bodyFont(ctx), fontSize: pxToRem(13), background: C("surfaceTertiary", "#eef0f3"), color: C("textPrimary", "#13171e") }, children: [
           asText2(v),
-          /* @__PURE__ */ jsx8("span", { onClick: ctx.onAction && props.onRemove ? () => ctx.onAction(resolveItemDeep2(props.onRemove, ctx)) : void 0, style: { opacity: 0.6, cursor: "pointer", fontSize: 13 }, children: "\xD7" })
+          /* @__PURE__ */ jsx8("span", { onClick: ctx.onAction && props.onRemove ? () => ctx.onAction(resolveItemDeep2(props.onRemove, ctx)) : void 0, style: { opacity: 0.6, cursor: "pointer", fontSize: pxToRem(13) }, children: "\xD7" })
         ] }, i)),
-        /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 14, color: C("textSecondary", "#888") }, children: values.length ? "" : placeholderText || "Add\u2026" })
+        /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(14), color: C("textSecondary", "#888") }, children: values.length ? "" : placeholderText || "Add\u2026" })
       ] });
     });
     ChipNode = withExtras("ChipNode", ({ props, ctx, wrap }) => {
@@ -37459,7 +37483,7 @@ var init_renderNode = __esm({
       const accent = C(boundTokenName(props.tokenPath, props.token, ctx) ?? "accentPrimary", "#116DFF");
       const onClick = ctx.onAction && props.onTap && !props.disabled ? () => ctx.onAction(resolveItemDeep2(props.onTap, ctx)) : void 0;
       const fg = selected ? C("textOnAccent", "#fff") : C("textPrimary", "#13171e");
-      return /* @__PURE__ */ jsxs5("span", { onClick, style: { display: "inline-flex", alignItems: "center", gap: 6, padding: "6px 12px", borderRadius: 999, fontFamily: bodyFont(ctx), fontSize: 14, cursor: onClick ? "pointer" : "default", opacity: props.disabled ? 0.5 : 1, color: fg, background: selected ? accent : C("surfaceSecondary", "#f2f3f5"), border: `1px solid ${selected ? accent : C("border", "#d8dce2")}`, boxShadow: props.elevated ? "0 1px 4px rgba(0,0,0,.14)" : "none", ...wrap }, children: [
+      return /* @__PURE__ */ jsxs5("span", { onClick, style: { 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 : C("surfaceSecondary", "#f2f3f5"), border: `1px solid ${selected ? accent : C("border", "#d8dce2")}`, boxShadow: props.elevated ? "0 1px 4px rgba(0,0,0,.14)" : "none", ...wrap }, children: [
         props.leadingAvatarUrl && !isBinding(props.leadingAvatarUrl) && /* @__PURE__ */ jsx8("img", { src: String(props.leadingAvatarUrl), alt: "", style: { width: 20, height: 20, borderRadius: "50%", objectFit: "cover", margin: "-2px 0 -2px -4px" } }),
         props.leadingIcon && /* @__PURE__ */ jsx8("span", { style: { display: "inline-grid", placeItems: "center", width: 16, height: 16 }, children: iconSvg(props.leadingIcon, { size: 15, color: fg }) }),
         /* @__PURE__ */ jsx8("span", { children: txt(props.label, ctx) }),
@@ -37475,7 +37499,7 @@ var init_renderNode = __esm({
       const cols = Array.isArray(props.columns) ? props.columns : [];
       const rawRows = props.rowsPath != null ? bound : props.rows;
       const rows = Array.isArray(rawRows) ? rawRows : [];
-      const cellStyle = (head) => ({ padding: "8px 12px", fontFamily: bodyFont(ctx), fontSize: 14, textAlign: "left", borderBottom: `1px solid ${C("border", "#eceef1")}`, color: head ? C("textSecondary", "#636b78") : C("textPrimary", "#13171e"), fontWeight: head ? 600 : 400, whiteSpace: "nowrap" });
+      const cellStyle = (head) => ({ padding: "8px 12px", fontFamily: bodyFont(ctx), fontSize: pxToRem(14), textAlign: "left", borderBottom: `1px solid ${C("border", "#eceef1")}`, color: head ? C("textSecondary", "#636b78") : C("textPrimary", "#13171e"), fontWeight: head ? 600 : 400, whiteSpace: "nowrap" });
       return /* @__PURE__ */ jsx8("div", { style: { width: "100%", boxSizing: "border-box", overflowX: "auto", border: `1px solid ${C("border", "#e8eaed")}`, borderRadius: 10, ...wrap }, children: /* @__PURE__ */ jsxs5("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
         cols.length > 0 && /* @__PURE__ */ jsx8("thead", { children: /* @__PURE__ */ jsx8("tr", { children: cols.map((c, i) => /* @__PURE__ */ jsx8("th", { style: cellStyle(true), children: asText2(c) }, i)) }) }),
         /* @__PURE__ */ jsx8("tbody", { children: rows.map((r, ri) => {
@@ -37515,7 +37539,7 @@ var init_renderNode = __esm({
       }
       if (props.kind === "linear") {
         return /* @__PURE__ */ jsxs5("div", { ...a11y, style: { width: "100%", ...wrap }, children: [
-          props.label != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 13, color: C("textSecondary", "#636b78"), marginBottom: 4 }, children: txt(props.label, ctx) }),
+          props.label != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C("textSecondary", "#636b78"), marginBottom: 4 }, children: txt(props.label, ctx) }),
           /* @__PURE__ */ jsx8("div", { style: { width: "100%", height: 8, borderRadius: 999, background: track, overflow: "hidden" }, children: /* @__PURE__ */ jsx8("div", { style: { width: `${pct * 100}%`, height: "100%", background: tint, ...gaugeAnim } }) })
         ] });
       }
@@ -37587,7 +37611,7 @@ var init_renderNode = __esm({
             overflow
           ] }) })
         ] }),
-        props.caption && /* @__PURE__ */ jsx8("div", { ...{ [A11Y_PART]: "derived-name" }, style: { fontSize: 13, color: C("textSecondary", "#888"), marginTop: 8 }, children: txt(props.caption, ctx) })
+        props.caption && /* @__PURE__ */ jsx8("div", { ...{ [A11Y_PART]: "derived-name" }, style: { fontSize: pxToRem(13), color: C("textSecondary", "#888"), marginTop: 8 }, children: txt(props.caption, ctx) })
       ] });
     });
     CHART_STROKE_CYCLE = ["solid", "dashed", "dotted"];
@@ -37739,8 +37763,8 @@ var init_renderNode = __esm({
           gap: 2,
           pointerEvents: "none"
         }, children: [
-          props.centerTitle && /* @__PURE__ */ jsx8("div", { style: { fontSize: 20, fontWeight: 600, color: C("textPrimary", "#111") }, children: txt(props.centerTitle, ctx) }),
-          props.centerSubtitle && /* @__PURE__ */ jsx8("div", { style: { fontSize: 12, color: C("textSecondary", "#888") }, children: txt(props.centerSubtitle, ctx) })
+          props.centerTitle && /* @__PURE__ */ jsx8("div", { style: { fontSize: pxToRem(20), fontWeight: 600, color: C("textPrimary", "#111") }, children: txt(props.centerTitle, ctx) }),
+          props.centerSubtitle && /* @__PURE__ */ jsx8("div", { style: { fontSize: pxToRem(12), color: C("textSecondary", "#888") }, children: txt(props.centerSubtitle, ctx) })
         ] })
       ] }) });
     });
@@ -37780,8 +37804,8 @@ var init_renderNode = __esm({
         ...wrap
       }, children: items.map((it, i) => /* @__PURE__ */ jsxs5("li", { style: { display: "flex", alignItems: "center", gap: 6, minWidth: 0 }, children: [
         /* @__PURE__ */ jsx8(LegendMarker, { marker: it.marker, color: it.color ? C(it.color, "#116DFF") : C("accentPrimary", "#116DFF") }),
-        /* @__PURE__ */ jsx8("span", { style: { fontSize: 13, color: C("textSecondary", "#888"), minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: txt(it.label, ctx) }),
-        it.value && /* @__PURE__ */ jsx8("span", { style: { fontSize: 13, fontWeight: 600, color: C("textPrimary", "#111") }, children: txt(it.value, ctx) })
+        /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(13), color: C("textSecondary", "#888"), minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: txt(it.label, ctx) }),
+        it.value && /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(13), fontWeight: 600, color: C("textPrimary", "#111") }, children: txt(it.value, ctx) })
       ] }, i)) });
     });
     cellAlign = (align) => align === "center" ? "center" : align === "trailing" ? "right" : "left";
@@ -37796,8 +37820,8 @@ var init_renderNode = __esm({
       const totalsRow = props.totalsPath != null ? boundTotals : props.totals;
       if (columns.length === 0) return /* @__PURE__ */ jsx8("div", { style: { ...wrap } });
       const totalWeight = columns.reduce((a, c) => a + c.weight, 0) || 1;
-      const th = { fontSize: 12, fontWeight: 600, color: C("textSecondary", "#888"), padding: "8px 10px", borderBottom: `1px solid ${C("border", "#e5e5e5")}` };
-      const td = { fontSize: 14, color: C("textPrimary", "#111"), padding: "8px 10px" };
+      const th = { fontSize: pxToRem(12), fontWeight: 600, color: C("textSecondary", "#888"), padding: "8px 10px", borderBottom: `1px solid ${C("border", "#e5e5e5")}` };
+      const td = { fontSize: pxToRem(14), color: C("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.
@@ -38009,9 +38033,9 @@ var init_renderNode = __esm({
             }
           ),
           /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", gap: 8, fontFamily: bodyFont(ctx) }, children: [
-            /* @__PURE__ */ jsx8("span", { style: { fontSize: 12, fontWeight: 500, fontVariantNumeric: "tabular-nums", color: isFailed ? danger : secondary }, children: voiceNoteClock(clockMs) }),
-            isUploading && /* @__PURE__ */ jsx8("span", { style: { fontSize: 12, color: secondary }, children: "Sending\u2026" }),
-            isFailed && /* @__PURE__ */ jsx8("span", { style: { fontSize: 12, color: danger }, children: "Not sent" }),
+            /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(12), fontWeight: 500, fontVariantNumeric: "tabular-nums", color: isFailed ? danger : secondary }, children: voiceNoteClock(clockMs) }),
+            isUploading && /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(12), color: secondary }, children: "Sending\u2026" }),
+            isFailed && /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(12), color: danger }, children: "Not sent" }),
             /* @__PURE__ */ jsx8("span", { style: { flex: 1 } }),
             rates.length > 0 && isPlayable && /* @__PURE__ */ jsx8(
               "button",
@@ -38027,7 +38051,7 @@ var init_renderNode = __esm({
                 style: {
                   border: "none",
                   cursor: "pointer",
-                  fontSize: 11,
+                  fontSize: pxToRem(11),
                   fontWeight: 600,
                   fontFamily: "inherit",
                   color: accentLabel,
@@ -38058,10 +38082,10 @@ var init_renderNode = __esm({
           ] }),
           /* @__PURE__ */ jsxs5("div", { style: { paddingBottom: last ? 0 : 14, minWidth: 0 }, children: [
             /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: 8, alignItems: "baseline" }, children: [
-              /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 15, fontWeight: 600, color: C("textPrimary", "#13171e") }, children: asText2(e?.title) }),
-              e?.time && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 12, color: C("textSecondary", "#888") }, children: asText2(e.time) })
+              /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C("textPrimary", "#13171e") }, children: asText2(e?.title) }),
+              e?.time && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C("textSecondary", "#888") }, children: asText2(e.time) })
             ] }),
-            e?.subtitle && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 13, color: C("textSecondary", "#636b78") }, children: asText2(e.subtitle) })
+            e?.subtitle && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C("textSecondary", "#636b78") }, children: asText2(e.subtitle) })
           ] })
         ] }, i);
       }) });
@@ -38074,7 +38098,7 @@ var init_renderNode = __esm({
       const opts = Array.isArray(rawOpts) ? rawOpts : [];
       const selectedId = isBinding(props.selectedId) ? boundSel : props.selectedId;
       const selIdx = Math.max(0, opts.findIndex((o) => o?.id === selectedId));
-      const row = (o, dist) => /* @__PURE__ */ jsx8("div", { style: { height: 32, display: "flex", alignItems: "center", justifyContent: "center", fontFamily: bodyFont(ctx), fontSize: 16, fontWeight: dist === 0 ? 700 : 400, color: dist === 0 ? C("textPrimary", "#13171e") : C("textSecondary", "#9aa3ad"), opacity: 1 - Math.min(0.7, Math.abs(dist) * 0.35) }, children: asText2(o?.label) ?? asText2(o?.id) }, o?.id);
+      const row = (o, dist) => /* @__PURE__ */ jsx8("div", { style: { height: 32, display: "flex", alignItems: "center", justifyContent: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(16), fontWeight: dist === 0 ? 700 : 400, color: dist === 0 ? C("textPrimary", "#13171e") : C("textSecondary", "#9aa3ad"), opacity: 1 - Math.min(0.7, Math.abs(dist) * 0.35) }, children: asText2(o?.label) ?? asText2(o?.id) }, o?.id);
       const window_ = [-2, -1, 0, 1, 2].map((d) => ({ o: opts[selIdx + d], d })).filter((x) => x.o);
       return /* @__PURE__ */ jsxs5("div", { style: { position: "relative", width: "100%", maxWidth: 220, height: 160, overflow: "hidden", background: C("surfaceSecondary", "#f5f7fa"), borderRadius: 12, ...wrap }, children: [
         /* @__PURE__ */ jsx8("div", { style: { position: "absolute", top: "50%", left: 8, right: 8, transform: "translateY(-50%)", height: 32, background: C("surfacePrimary", "#fff"), borderRadius: 8, boxShadow: "inset 0 0 0 1px rgba(0,0,0,.06)" } }),
@@ -38091,8 +38115,8 @@ var init_renderNode = __esm({
       return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 8, ...wrap }, children: [
         /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
           /* @__PURE__ */ jsx8("span", { style: { width: 28, height: 28, borderRadius: 8, background: C(cur, cur), border: `1px solid ${C("border", "#e3e3e3")}`, flex: "none" } }),
-          props.label != null && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: 15, color: C("textPrimary", "#13171e") }, children: txt(props.label, ctx) }),
-          /* @__PURE__ */ jsx8("span", { style: { marginLeft: "auto", fontFamily: "ui-monospace, monospace", fontSize: 13, color: C("textSecondary", "#636b78") }, children: asText2(cur) })
+          props.label != null && /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#13171e") }, children: txt(props.label, ctx) }),
+          /* @__PURE__ */ jsx8("span", { style: { marginLeft: "auto", fontFamily: "ui-monospace, monospace", fontSize: pxToRem(13), color: C("textSecondary", "#636b78") }, children: asText2(cur) })
         ] }),
         /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: swatches.map((s, i) => /* @__PURE__ */ jsx8("span", { onClick: onPick(s), style: { width: 26, height: 26, borderRadius: "50%", background: C(s, s), cursor: onPick(s) ? "pointer" : "default", boxShadow: s === cur ? `0 0 0 2px ${C("surfacePrimary", "#fff")}, 0 0 0 4px ${C(s, s)}` : "inset 0 0 0 1px rgba(0,0,0,.08)" } }, i)) })
       ] });
@@ -38123,12 +38147,12 @@ var init_renderNode = __esm({
         // pushed a sibling count onto two lines (#3080, #3004).
         /* @__PURE__ */ jsx8("div", { role: "group", style: { display: "flex", gap: 8, flexWrap: "nowrap", overflowX: "auto", scrollbarWidth: "none", width: "100%", minWidth: 0, ...wrap }, children: chips.map((c, i) => {
           const on3 = selected.includes(c.id);
-          const chipStyle = { display: "flex", flex: "none", whiteSpace: "nowrap", gap: 6, alignItems: "center", fontFamily: bodyFont(ctx), fontWeight: 500, fontSize: 13, border: `1px solid ${on3 ? "transparent" : C("border", "#ddd")}`, background: on3 ? C("accentPrimary", "#116DFF") : "transparent", color: on3 ? C("textOnAccent", "#fff") : C("textSecondary", "#666"), padding: "6px 12px", borderRadius: 999 };
+          const chipStyle = { display: "flex", flex: "none", whiteSpace: "nowrap", gap: 6, alignItems: "center", fontFamily: bodyFont(ctx), fontWeight: 500, fontSize: pxToRem(13), border: `1px solid ${on3 ? "transparent" : C("border", "#ddd")}`, background: on3 ? C("accentPrimary", "#116DFF") : "transparent", color: on3 ? C("textOnAccent", "#fff") : C("textSecondary", "#666"), padding: "6px 12px", borderRadius: 999 };
           const inner = /* @__PURE__ */ jsxs5(Fragment4, { children: [
             asText2(c.label),
             c.count != null && /* @__PURE__ */ jsxs5(Fragment4, { children: [
               " ",
-              /* @__PURE__ */ jsx8("span", { style: { ...on3 ? {} : { opacity: 0.7 }, fontSize: 11 }, children: c.count })
+              /* @__PURE__ */ jsx8("span", { style: { ...on3 ? {} : { opacity: 0.7 }, fontSize: pxToRem(11) }, children: c.count })
             ] })
           ] });
           return interactive ? /* @__PURE__ */ jsx8("button", { type: "button", "aria-pressed": on3, onClick: () => toggle(c.id), style: { all: "unset", cursor: "pointer", boxSizing: "border-box", ...chipStyle }, children: inner }, c.id ?? i) : /* @__PURE__ */ jsx8("span", { style: chipStyle, children: inner }, c.id ?? i);
@@ -38415,8 +38439,8 @@ var init_renderNode = __esm({
         /* @__PURE__ */ jsxs5("div", { style: { position: "relative", height: Math.min(props.expandedHeight ?? 120, 160), borderRadius: ctx.radius("md", 10), overflow: "hidden", background: imageUrl ? void 0 : `linear-gradient(135deg, ${C("accentPrimary", "#116DFF")}, ${C("accentSecondary", "#0E5FE3")})` }, children: [
           imageUrl && /* @__PURE__ */ jsx8("img", { src: imageUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } }),
           /* @__PURE__ */ jsxs5("div", { style: { position: "absolute", left: 14, bottom: 12, color: "#fff", textShadow: "0 1px 4px rgba(0,0,0,.5)" }, children: [
-            /* @__PURE__ */ jsx8("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: 20 }, children: txt(props.title, ctx) }),
-            props.subtitle && /* @__PURE__ */ jsx8("div", { style: { fontSize: 13, opacity: 0.9 }, children: txt(props.subtitle, ctx) })
+            /* @__PURE__ */ jsx8("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__ */ jsx8("div", { style: { fontSize: pxToRem(13), opacity: 0.9 }, children: txt(props.subtitle, ctx) })
           ] })
         ] }),
         items.length > 0 && /* @__PURE__ */ jsx8("div", { style: { paddingTop: 12 }, children: kids2(items, ctx) })
@@ -38550,11 +38574,11 @@ var init_renderNode = __esm({
               "aria-label": "Previous month",
               onClick: () => changeMonth(-1),
               disabled: !canPage,
-              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: 18, padding: 6, opacity: canPage ? 1 : 0.4 },
+              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: pxToRem(18), padding: 6, opacity: canPage ? 1 : 0.4 },
               children: "\u2039"
             }
           ),
-          /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: 15, color: C("textPrimary", "#13171e") }, children: monthLabel }),
+          /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(15), color: C("textPrimary", "#13171e") }, children: monthLabel }),
           /* @__PURE__ */ jsx8(
             "button",
             {
@@ -38562,12 +38586,12 @@ var init_renderNode = __esm({
               "aria-label": "Next month",
               onClick: () => changeMonth(1),
               disabled: !canPage,
-              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: 18, padding: 6, opacity: canPage ? 1 : 0.4 },
+              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: pxToRem(18), padding: 6, opacity: canPage ? 1 : 0.4 },
               children: "\u203A"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx8("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 2, marginBottom: 4 }, children: heads.map((h, i) => /* @__PURE__ */ jsx8("div", { style: { textAlign: "center", fontFamily: bodyFont(ctx), fontSize: 11, fontWeight: 600, color: C("textSecondary", "#888"), textTransform: "uppercase" }, children: h }, i)) }),
+        /* @__PURE__ */ jsx8("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 2, marginBottom: 4 }, children: heads.map((h, i) => /* @__PURE__ */ jsx8("div", { style: { textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, color: C("textSecondary", "#888"), textTransform: "uppercase" }, children: h }, i)) }),
         /* @__PURE__ */ jsx8("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, ri) => row.map((cell, ci) => {
             if (!cell.inMonth && !showAdjacent) return /* @__PURE__ */ jsx8("div", { "aria-hidden": "true" }, `${ri}-${ci}`);
@@ -38608,14 +38632,14 @@ var init_renderNode = __esm({
                   opacity: disabled ? 0.4 : 1,
                   cursor: disabled ? "default" : "pointer",
                   fontFamily: bodyFont(ctx),
-                  fontSize: 14,
+                  fontSize: pxToRem(14),
                   fontWeight: cell.isToday ? 700 : 400,
                   boxShadow: cell.isToday && !selected ? `inset 0 0 0 1.5px ${C("accentPrimary", "#116DFF")}` : "none"
                 },
                 children: [
                   /* @__PURE__ */ jsx8("span", { children: cell.day }),
                   dotCount > 0 && /* @__PURE__ */ jsx8("span", { style: { display: "flex", gap: 2 }, children: Array.from({ length: dotCount }).map((_, i) => /* @__PURE__ */ jsx8("span", { style: { width: 4, height: 4, borderRadius: "50%", background: selected ? C("textOnAccent", "#fff") : dotColor } }, i)) }),
-                  dec?.badge != null && /* @__PURE__ */ jsx8("span", { style: { fontSize: 9, lineHeight: 1, maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selected ? C("textOnAccent", "#fff") : C("textSecondary", "#888") }, children: asText2(dec.badge) })
+                  dec?.badge != null && /* @__PURE__ */ jsx8("span", { style: { fontSize: pxToRem(9), lineHeight: 1, maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selected ? C("textOnAccent", "#fff") : C("textSecondary", "#888") }, children: asText2(dec.badge) })
                 ]
               },
               cell.date
@@ -38687,11 +38711,11 @@ var init_renderNode = __esm({
               "aria-label": "Previous",
               onClick: () => shiftRange(-rangeStep),
               disabled: !canPage,
-              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: 18, opacity: canPage ? 1 : 0.4 },
+              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: pxToRem(18), opacity: canPage ? 1 : 0.4 },
               children: "\u2039"
             }
           ),
-          /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: 14, color: C("textPrimary", "#13171e") }, children: rangeLabel }),
+          /* @__PURE__ */ jsx8("span", { style: { fontFamily: bodyFont(ctx), fontWeight: 700, fontSize: pxToRem(14), color: C("textPrimary", "#13171e") }, children: rangeLabel }),
           /* @__PURE__ */ jsx8(
             "button",
             {
@@ -38699,12 +38723,12 @@ var init_renderNode = __esm({
               "aria-label": "Next",
               onClick: () => shiftRange(rangeStep),
               disabled: !canPage,
-              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: 18, opacity: canPage ? 1 : 0.4 },
+              style: { border: "none", background: "none", cursor: canPage ? "pointer" : "default", color: C("textSecondary", "#636b78"), fontSize: pxToRem(18), opacity: canPage ? 1 : 0.4 },
               children: "\u203A"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx8("div", { style: { display: "flex", marginLeft: 44, minWidth: days.length * 90 }, children: laneMode ? laneCols.map((lane) => /* @__PURE__ */ jsx8("div", { "data-lane": lane.id, style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: 12, fontWeight: 600, color: C("textSecondary", "#888"), padding: "4px 2px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: laneTitle(lane.id) }, lane.id)) : days.map((d, i) => /* @__PURE__ */ jsx8("div", { style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: 11, fontWeight: 600, color: dayKeys[i] === nowKey ? accentTextColor(ctx) : C("textSecondary", "#888") }, children: d.toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, i)) }),
+        /* @__PURE__ */ jsx8("div", { style: { display: "flex", marginLeft: 44, minWidth: days.length * 90 }, children: laneMode ? laneCols.map((lane) => /* @__PURE__ */ jsx8("div", { "data-lane": lane.id, style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 600, color: C("textSecondary", "#888"), padding: "4px 2px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: laneTitle(lane.id) }, lane.id)) : days.map((d, i) => /* @__PURE__ */ jsx8("div", { style: { flex: "1 1 0", minWidth: 0, textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, color: dayKeys[i] === nowKey ? accentTextColor(ctx) : C("textSecondary", "#888") }, children: d.toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, i)) }),
         days.some((_, i) => (byDay.get(dayKeys[i])?.allDay.length ?? 0) > 0) && /* @__PURE__ */ jsx8("div", { style: { display: "flex", marginLeft: 44, gap: 2, marginBottom: 4, minWidth: days.length * 90 }, children: days.map((d, i) => /* @__PURE__ */ jsx8("div", { style: { flex: "1 1 0", minWidth: 0, display: "flex", flexDirection: "column", gap: 2, padding: "0 1px" }, children: (byDay.get(dayKeys[i])?.allDay ?? []).map((ev, j) => {
           const tappable = !!(ev?.onTap || props.onSelectEvent);
           return /* @__PURE__ */ jsx8(
@@ -38714,14 +38738,14 @@ var init_renderNode = __esm({
               onKeyDown: calKeyActivate(!!ctx.onAction && tappable, () => onSelect(ev)),
               role: tappable ? "button" : void 0,
               tabIndex: ctx.onAction && tappable ? 0 : void 0,
-              style: { fontFamily: bodyFont(ctx), fontSize: 11, fontWeight: 600, padding: "2px 6px", borderRadius: 4, background: C(ev?.colorToken ?? "accentPrimary", "#116DFF"), color: C("textOnAccent", "#fff"), whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", cursor: ctx.onAction && tappable ? "pointer" : "default" },
+              style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(11), fontWeight: 600, padding: "2px 6px", borderRadius: 4, background: C(ev?.colorToken ?? "accentPrimary", "#116DFF"), color: C("textOnAccent", "#fff"), whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", cursor: ctx.onAction && tappable ? "pointer" : "default" },
               children: asText2(ev?.title)
             },
             j
           );
         }) }, i)) }),
         /* @__PURE__ */ jsxs5("div", { style: { display: "flex", position: "relative", minWidth: 44 + days.length * 90 }, children: [
-          /* @__PURE__ */ jsx8("div", { style: { width: 44, flex: "none" }, children: Array.from({ length: Math.max(0, endHour - startHour) }).map((_, i) => /* @__PURE__ */ jsxs5("div", { style: { height: HOUR_PX, boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: 10, color: C("textTertiary", "#aab2bd"), textAlign: "right", paddingRight: 6 }, children: [
+          /* @__PURE__ */ jsx8("div", { style: { width: 44, flex: "none" }, children: Array.from({ length: Math.max(0, endHour - startHour) }).map((_, i) => /* @__PURE__ */ jsxs5("div", { style: { height: HOUR_PX, boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(10), color: C("textTertiary", "#aab2bd"), textAlign: "right", paddingRight: 6 }, children: [
             String(startHour + i).padStart(2, "0"),
             ":00"
           ] }, i)) }),
@@ -38800,7 +38824,7 @@ var init_renderNode = __esm({
                           borderRadius: 6,
                           padding: "2px 5px",
                           fontFamily: bodyFont(ctx),
-                          fontSize: 11,
+                          fontSize: pxToRem(11),
                           overflow: "hidden",
                           cursor: ctx.onAction && tappable ? "pointer" : "default",
                           boxSizing: "border-box"
@@ -38909,7 +38933,7 @@ var init_renderNode = __esm({
         return () => io.disconnect();
       }, [hasMore, windowEnd]);
       if (groups.length === 0) {
-        return /* @__PURE__ */ jsx8("div", { style: { width: "100%", padding: "28px 16px", boxSizing: "border-box", textAlign: "center", fontFamily: bodyFont(ctx), fontSize: 14, color: C("textSecondary", "#888"), ...wrap }, children: emptyLabel || "No events" });
+        return /* @__PURE__ */ jsx8("div", { style: { width: "100%", padding: "28px 16px", boxSizing: "border-box", textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(14), color: C("textSecondary", "#888"), ...wrap }, children: emptyLabel || "No events" });
       }
       const sticky = props.stickyHeaders === true;
       const todayKey = localDayKey(/* @__PURE__ */ new Date());
@@ -38922,7 +38946,7 @@ var init_renderNode = __esm({
       };
       return /* @__PURE__ */ jsxs5("div", { ref: containerRef, "data-agenda-days": shown2.length, style: { width: "100%", boxSizing: "border-box", ...wrap }, children: [
         shown2.map((g) => /* @__PURE__ */ jsxs5("div", { "data-daygroup": g.key, children: [
-          /* @__PURE__ */ jsx8("div", { style: { position: sticky ? "sticky" : "static", top: 0, zIndex: 1, background: C("surfacePrimary", "#fff"), fontFamily: bodyFont(ctx), fontSize: 12, fontWeight: 700, textTransform: "uppercase", letterSpacing: 0.4, color: C("textSecondary", "#888"), padding: "8px 4px" }, children: dayHeaderLabel(g.key) }),
+          /* @__PURE__ */ jsx8("div", { style: { position: sticky ? "sticky" : "static", top: 0, zIndex: 1, background: C("surfacePrimary", "#fff"), fontFamily: bodyFont(ctx), fontSize: pxToRem(12), fontWeight: 700, textTransform: "uppercase", letterSpacing: 0.4, color: C("textSecondary", "#888"), padding: "8px 4px" }, children: dayHeaderLabel(g.key) }),
           g.items.map((ev, i) => {
             const start = parseLocalDate(ev.start);
             const timeStr = ev.allDay === true ? "All day" : start ? localTimeLabel(start) : "";
@@ -38953,10 +38977,10 @@ var init_renderNode = __esm({
                 style: { display: "flex", alignItems: "center", gap: 10, padding: "10px 4px", cursor: ctx.onAction && tappable ? "pointer" : "default" },
                 children: [
                   /* @__PURE__ */ jsx8("div", { style: { width: 6, height: 6, borderRadius: "50%", background: C(ev?.colorToken ?? "accentPrimary", "#116DFF"), flex: "none" } }),
-                  /* @__PURE__ */ jsx8("div", { style: { width: 52, flex: "none", fontFamily: bodyFont(ctx), fontSize: 12, color: C("textSecondary", "#888") }, children: timeStr }),
+                  /* @__PURE__ */ jsx8("div", { style: { width: 52, flex: "none", fontFamily: bodyFont(ctx), fontSize: pxToRem(12), color: C("textSecondary", "#888") }, children: timeStr }),
                   /* @__PURE__ */ jsxs5("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 15, fontWeight: 600, color: C("textPrimary", "#13171e"), whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: asText2(ev?.title) }),
-                    ev?.subtitle != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: 13, color: C("textSecondary", "#636b78") }, children: asText2(ev.subtitle) })
+                    /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(15), fontWeight: 600, color: C("textPrimary", "#13171e"), whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: asText2(ev?.title) }),
+                    ev?.subtitle != null && /* @__PURE__ */ jsx8("div", { style: { fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C("textSecondary", "#636b78") }, children: asText2(ev.subtitle) })
                   ] })
                 ]
               },
@@ -38973,7 +38997,7 @@ var init_renderNode = __esm({
             ref: sentinelRef,
             "data-agenda-more": groups.length - shown2.length,
             onClick: () => setVisibleDays((n) => n + CAL_AGENDA_PAGE_DAYS),
-            style: { padding: "12px 4px", textAlign: "center", fontFamily: bodyFont(ctx), fontSize: 13, color: C("textSecondary", "#888"), cursor: "pointer" },
+            style: { padding: "12px 4px", textAlign: "center", fontFamily: bodyFont(ctx), fontSize: pxToRem(13), color: C("textSecondary", "#888"), cursor: "pointer" },
             children: `${groups.length - shown2.length} more ${groups.length - shown2.length === 1 ? "day" : "days"}`
           }
         )
@@ -60218,21 +60242,21 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/index-CgEMkQNe.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1131220, sha256: "d0b5be86126447265c936cd40214f202c42599ced51615dc63f3fd997168c11f" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1131228, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1135838, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1624422, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1715346, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1806330, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1897310, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1988182, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2079162, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2187798, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2296882, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2405930, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2513630, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2601738, length: 4947, sha256: "bbb6379db6e3a9fee982a074008d4a860210436259db9f6f4d441d842fc7f74f" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2606685, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
+      { key: "assets/index-B1fE1B9T.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1131811, sha256: "ead747f6e5d3d289965dc0d3486f678d999616cec487643300b3103983bc9462" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1131819, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1136429, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1625013, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1715937, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1806921, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1897901, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1988773, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2079753, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2188389, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2297473, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2406521, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2514221, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2602329, length: 4947, sha256: "4c3de9771721e41385e297f5e97c0ecd9a76e557a3584d3e6e7820e4bc615c96" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2607276, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
     ];
   }
 });
@@ -68130,9 +68154,143 @@ function parsePublishedHtml2(html, base) {
   }
   return out2;
 }
+function codeMask(js) {
+  const code = new Uint8Array(js.length);
+  const templates = [];
+  let i = 0;
+  const inHole = () => templates.length > 0 && templates[templates.length - 1] >= 0;
+  let prev = "";
+  let word = "";
+  const regexMayStart = () => prev === "" || "(,=:[!&|?{};+-*%<>~^".includes(prev) || /^(?:return|typeof|case|do|else|in|of|new|delete|void|throw|instanceof|yield|await)$/.test(word);
+  while (i < js.length) {
+    const c = js[i];
+    if (templates.length > 0 && !inHole()) {
+      if (c === "\\") {
+        i += 2;
+        continue;
+      }
+      if (c === "`") {
+        templates.pop();
+        i++;
+        continue;
+      }
+      if (c === "$" && js[i + 1] === "{") {
+        templates[templates.length - 1] = 0;
+        i += 2;
+        continue;
+      }
+      i++;
+      continue;
+    }
+    if (c === '"' || c === "'") {
+      let j = i + 1;
+      while (j < js.length && js[j] !== c && js[j] !== "\n") j += js[j] === "\\" ? 2 : 1;
+      i = j + 1;
+      prev = c;
+      word = "";
+      continue;
+    }
+    if (c === "`") {
+      templates.push(-1);
+      i++;
+      prev = c;
+      word = "";
+      continue;
+    }
+    if (c === "/" && js[i + 1] === "*") {
+      const e = js.indexOf("*/", i + 2);
+      i = e < 0 ? js.length : e + 2;
+      continue;
+    }
+    if (c === "/" && js[i + 1] === "/") {
+      const e = js.indexOf("\n", i + 2);
+      i = e < 0 ? js.length : e;
+      continue;
+    }
+    if (c === "/" && regexMayStart()) {
+      let j = i + 1, cls = false;
+      for (; j < js.length && js[j] !== "\n"; j++) {
+        const r = js[j];
+        if (r === "\\") {
+          j++;
+          continue;
+        }
+        if (r === "[") cls = true;
+        else if (r === "]") cls = false;
+        else if (r === "/" && !cls) break;
+      }
+      i = j + 1;
+      prev = "/";
+      word = "";
+      continue;
+    }
+    if (inHole()) {
+      const t = templates.length - 1;
+      if (c === "{") templates[t]++;
+      else if (c === "}") {
+        if (templates[t] === 0) {
+          templates[t] = -1;
+          i++;
+          continue;
+        }
+        templates[t]--;
+      }
+    }
+    code[i] = 1;
+    if (!/\s/.test(c)) {
+      word = /[A-Za-z0-9_$]/.test(c) ? /[A-Za-z0-9_$]/.test(prev) ? word + c : c : "";
+      prev = c;
+    }
+    i++;
+  }
+  return code;
+}
+function enclosingObject(js, at2, code) {
+  let depth = 0;
+  let start = -1;
+  for (let i = at2; i >= Math.max(0, at2 - OBJECT_SCAN); i--) {
+    if (!code[i]) continue;
+    const c = js[i];
+    if (c === "}") depth++;
+    else if (c === "{") {
+      if (depth === 0) {
+        start = i;
+        break;
+      }
+      depth--;
+    }
+  }
+  if (start < 0) return void 0;
+  let out2 = "";
+  depth = 0;
+  for (let i = start; i < Math.min(js.length, start + 2 * OBJECT_SCAN); i++) {
+    const c = js[i];
+    if (code[i] && c === "{") {
+      depth++;
+      if (depth === 1) out2 += c;
+      else if (depth === 2) out2 += "{}";
+      continue;
+    }
+    if (code[i] && c === "}") {
+      depth--;
+      if (depth === 0) return out2 + c;
+      continue;
+    }
+    if (depth === 1) {
+      if (code[i]) out2 += c;
+      else if (code[i - 1]) out2 += '""';
+    }
+  }
+  return void 0;
+}
 function routesFromBundle(js) {
   const out2 = /* @__PURE__ */ new Set();
+  const code = codeMask(js);
   for (const m of js.matchAll(/\bpath\s*:\s*["'`](\/[A-Za-z0-9_\-/:.*]*|\*)["'`]/g)) {
+    if (!code[m.index]) continue;
+    const own3 = enclosingObject(js, m.index, code);
+    const before = js.slice(Math.max(0, m.index - 80), m.index);
+    if (!(own3 && ROUTE_KEY.test(own3)) && !NAV_LABEL_BEFORE.test(before)) continue;
     out2.add(m[1]);
     if (out2.size >= MAX_ROUTES) break;
   }
@@ -68209,7 +68367,7 @@ async function visitorPass(url, siteFetch) {
   }
   return { identity, routes: routes.slice(0, MAX_ROUTES), gaps };
 }
-var MAX_HTML_BYTES, MAX_BUNDLE_BYTES, MAX_BUNDLES, MAX_ROUTES, APP_ID2, attr2, decodeEntities;
+var MAX_HTML_BYTES, MAX_BUNDLE_BYTES, MAX_BUNDLES, MAX_ROUTES, APP_ID2, attr2, decodeEntities, ROUTE_KEY, OBJECT_SCAN, NAV_LABEL_BEFORE;
 var init_visitor = __esm({
   "src/base44-analyze/visitor.ts"() {
     init_write_artifacts();
@@ -68223,6 +68381,9 @@ var init_visitor = __esm({
       return m ? m[2] ?? m[3] : void 0;
     };
     decodeEntities = (s) => s.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").trim();
+    ROUTE_KEY = /[{,]\s*(?:element|Component|lazy|loader|children|errorElement|ErrorBoundary|index|action|handle)\s*:/;
+    OBJECT_SCAN = 1200;
+    NAV_LABEL_BEFORE = /\blabel\s*:\s*["'`][^"'`]*["'`]\s*,\s*$/;
   }
 });
 
@@ -73299,6 +73460,12 @@ function assertNotCommitted(path2, forbidden) {
     );
   }
 }
+function keepSiteLayout(prev, next) {
+  if (!next || typeof next !== "object" || Array.isArray(next)) return next;
+  const layout = prev && typeof prev === "object" ? prev.layout : void 0;
+  if (layout === void 0 || next.layout !== void 0) return next;
+  return { ...next, layout };
+}
 function mergeCustomerOwned(committed, overlay) {
   const CUSTOMER_OWNED = [
     "version",
@@ -73322,6 +73489,7 @@ function mergeCustomerOwned(committed, overlay) {
     if (value !== void 0) customer[key2] = value;
   }
   if (committed.site === void 0) delete customer.site;
+  customer.site = keepSiteLayout(committed.site, customer.site);
   const overlayBranding = { ...customer.branding ?? {} };
   delete overlayBranding.appIconPath;
   delete overlayBranding.fonts;
@@ -73710,8 +73878,9 @@ function isHomePage(page, mainPageId) {
 function pageId(c, used) {
   const fromPath = (c.path.split("/").filter(Boolean).pop() ?? "").toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
   const base = c.role !== "other" && c.role !== "home" && !used.has(c.role) ? c.role : fromPath || "page_1";
-  let id = base === "page" ? "page_1" : base;
-  for (let n = 2; used.has(id); n++) id = `${base}_${n}`;
+  const safe = base === "page" ? "page_1" : base.startsWith("drawer_") ? `page_${base}` : base;
+  let id = safe;
+  for (let n = 2; used.has(id); n++) id = `${safe}_${n}`;
   used.add(id);
   return id;
 }
@@ -73794,6 +73963,14 @@ function deriveSiteShell(input) {
       }
     }
   }
+  for (const p of placed) {
+    if (p.placement === "overflow" || !RESERVED_PAGE_IDS.has(p.id)) continue;
+    used.delete(p.id);
+    let id = `page_${p.id}`;
+    for (let n = 2; used.has(id); n++) id = `page_${p.id}_${n}`;
+    used.add(id);
+    p.id = id;
+  }
   const pages = [
     { id: "home", title: homeTitle, path: "/", icon: "home" },
     ...placed.map(({ c, id, placement }) => ({
@@ -73837,7 +74014,7 @@ function routeTitle(r) {
   const seg = r.path.split("/").filter(Boolean).pop() ?? r.path;
   return seg.replace(/[-_]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
-var DERIVED_SITE_MAX_PAGES, SITE_PAGE_TITLE_MAX, ROLE_ICON, TAB_ROLES, SYSTEM_SEGMENT, SYSTEM_TITLE, HOME_WORD, oneLine2;
+var DERIVED_SITE_MAX_PAGES, SITE_PAGE_TITLE_MAX, ROLE_ICON, TAB_ROLES, SYSTEM_SEGMENT, SYSTEM_TITLE, HOME_WORD, oneLine2, RESERVED_PAGE_IDS;
 var init_site_shell_derive = __esm({
   "src/site-analyze/site-shell-derive.ts"() {
     init_site_shell();
@@ -73865,6 +74042,7 @@ var init_site_shell_derive = __esm({
     SYSTEM_TITLE = /\b(thank you|\(popup\)|leave (a )?review|notifications|followers|side cart|order error|pending approval|my (rewards|subscriptions|bookings|orders|groups|wallet))\b|\b(group|service|product|project|collection|category|cart|payment request) pages?$|\b(event|experience|reservation|item) details\b/i;
     HOME_WORD = /^(home|home ?page|main|start|accueil|inicio|início|startseite|home ?sweet ?home|בית|דף הבית|ראשי|الرئيسية|ホーム|首页|홈)$/i;
     oneLine2 = (s) => s.replace(/[\u0000-\u001F\u007F\s]+/g, " ").trim();
+    RESERVED_PAGE_IDS = /* @__PURE__ */ new Set(["account", "notifications"]);
   }
 });
 
@@ -74556,7 +74734,15 @@ async function runSiteAnalyze(opts) {
       const routes = book?.routes;
       if (book?.skipped) result.warnings = [...result.warnings ?? [], book.skipped];
       const derived = deriveSiteShell({ siteUrl: result.book.input.siteUrl, look: result.book.look, kind, routes });
-      result.provisioningOverlay.site = derived.site;
+      const prevOverlayPath = resolve55(outDir, "provisioning.overlay.json");
+      const prevSite = existsSync71(prevOverlayPath) ? (() => {
+        try {
+          return JSON.parse(readFileSync88(prevOverlayPath, "utf8")).site;
+        } catch {
+          return void 0;
+        }
+      })() : void 0;
+      result.provisioningOverlay.site = keepSiteLayout(prevSite, derived.site);
       const warnings2 = (result.warnings ?? []).map(
         (w) => !opts.clientId?.trim() && w.startsWith("no --client-id:") ? `no --client-id: fine for --shell ${opts.shell} \u2014 a site shell binds no client, so --apply works without one. Only the vertical probes were skipped, so the catalog has no counts.` : w
       );