@metaboliccode-dev/widget 0.2.86 → 0.2.87

package/dist/index.js

@@ -5,7 +5,7 @@ import { useAgCharts as Gt, ensureAgChartsModules as fq } from "./ag-charts.js";
 import { c as Gq, g as BA, b as xl, a as Ll, d as vt, r as vq, e as Dq, f as wq, h as Mq, i as Yq, j as _q, M as $q, k as Wp } from "./entry-api-n7RYttkh.js";
 import { l as vc, m as Dc, n as wc, o as Mc, p as Yc, q as _c, s as $c, t as Ak, u as tk, v as lk, w as pk, S as Sk, x as qk, y as ak, z as Uk, A as Vk, B as rk, C as nk, D as Kk, E as ek, F as dk, G as ck, H as kk, I as uk, J as ok, K as Wk, L as Rk, N as bk, O as Jk, P as Ok, Q as Ik, R as jk, T as ik, U as Tk, V as yk, W as Ek, X as sk, Y as Hk, Z as mk, _ as Pk, $ as Qk, a0 as Nk, a1 as Ck, a2 as Zk, a3 as zk, a4 as Xk, a5 as xk, a6 as Lk, a7 as gk, a8 as Bk } from "./entry-api-n7RYttkh.js";
 import { jsx as t, jsxs as a, Fragment as lA } from "react/jsx-runtime";
-import { useId as hA, useRef as x, useState as y, useLayoutEffect as sl, useMemo as z, useEffect as h, useCallback as B, useContext as FA, createContext as ot, isValidElement as Aa, cloneElement as ta, lazy as PA, useReducer as la, Component as pa, Suspense as Sa, StrictMode as qa } from "react";
+import { useId as hA, useRef as x, useState as y, useLayoutEffect as sl, useMemo as z, useEffect as F, useCallback as B, useContext as FA, createContext as ot, isValidElement as Aa, cloneElement as ta, lazy as PA, useReducer as la, Component as pa, Suspense as Sa, StrictMode as qa } from "react";
 import { A as gl, a as aa } from "./vendor-ag-charts-W8mi59GS.js";
 import { createPortal as Bl } from "react-dom";
 import { createRoot as Ua } from "react-dom/client";
@@ -48,7 +48,7 @@ const Va = "data:image/webp;base64,UklGRirCBQBXRUJQVlA4TB7CBQAv38EcAY1AjGQrbDN3H
 function sS(A) {
   return ES[A];
 }
-const GA = "#F2DC15", s = {
+const GA = "#F2DC15", H = {
   ui: {
     white: "#FFFFFF",
     black: "#000000",
@@ -156,49 +156,49 @@ const GA = "#F2DC15", s = {
     stageHeaderBackground: "#F0EBE3"
   }
 }, sa = {
-  "--mb-color-asset-orange": s.figmaAssets.orange[100],
-  "--mb-color-asset-orange-80": s.figmaAssets.orange[80],
-  "--mb-color-asset-orange-60": s.figmaAssets.orange[60],
-  "--mb-color-asset-orange-40": s.figmaAssets.orange[40],
-  "--mb-color-asset-blue": s.figmaAssets.blue[100],
-  "--mb-color-asset-blue-80": s.figmaAssets.blue[80],
-  "--mb-color-asset-blue-60": s.figmaAssets.blue[60],
-  "--mb-color-asset-blue-40": s.figmaAssets.blue[40],
-  "--mb-color-asset-green": s.figmaAssets.green[100],
-  "--mb-color-asset-green-80": s.figmaAssets.green[80],
-  "--mb-color-asset-green-60": s.figmaAssets.green[60],
-  "--mb-color-asset-green-40": s.figmaAssets.green[40],
-  "--mb-color-asset-red": s.figmaAssets.red[100],
-  "--mb-color-asset-red-80": s.figmaAssets.red[80],
-  "--mb-color-asset-red-60": s.figmaAssets.red[60],
-  "--mb-color-asset-red-40": s.figmaAssets.red[40],
-  "--mb-color-asset-purple": s.figmaAssets.purple[100],
-  "--mb-color-asset-purple-80": s.figmaAssets.purple[80],
-  "--mb-color-asset-purple-60": s.figmaAssets.purple[60],
-  "--mb-color-asset-purple-40": s.figmaAssets.purple[40],
-  "--mb-color-triad-1": s.triad[1],
-  "--mb-color-triad-2": s.triad[2],
-  "--mb-color-triad-3": s.triad[3],
-  "--mb-color-triad-4": s.triad[4],
-  "--mb-color-triad-5": s.triad[5],
-  "--mb-color-risk-low": s.risk.low,
-  "--mb-color-risk-moderate": s.risk.moderate,
-  "--mb-color-risk-high": s.risk.high,
-  "--mb-color-risk-low-track": s.risk.lowTrack,
-  "--mb-color-risk-moderate-track": s.risk.moderateTrack,
-  "--mb-color-risk-high-track": s.risk.highTrack,
-  "--mb-color-risk-low-tint": s.risk.lowTint,
-  "--mb-color-risk-moderate-tint": s.risk.moderateTint,
-  "--mb-color-risk-high-tint": s.risk.highTint,
-  "--mb-color-trend-panel-backdrop": s.trendPanel.backdrop,
-  "--mb-color-trend-panel-subtle-bg": s.trendPanel.subtleBackground,
-  "--mb-color-trend-panel-subtle-hover-bg": s.trendPanel.subtleHoverBackground,
-  "--mb-color-trend-panel-subtle-border": s.trendPanel.subtleBorder,
-  "--mb-color-trend-panel-video-bg": s.trendPanel.videoBackground,
-  "--mb-color-trend-panel-stage-bg": s.trendPanel.stageBackground,
-  "--mb-color-trend-panel-stage-header-bg": s.trendPanel.stageHeaderBackground,
-  "--mb-color-metric-badge-bg": s.ui.badgeBackground,
-  "--mb-color-welcome-banner-bg": s.ui.welcomeBannerBackground
+  "--mb-color-asset-orange": H.figmaAssets.orange[100],
+  "--mb-color-asset-orange-80": H.figmaAssets.orange[80],
+  "--mb-color-asset-orange-60": H.figmaAssets.orange[60],
+  "--mb-color-asset-orange-40": H.figmaAssets.orange[40],
+  "--mb-color-asset-blue": H.figmaAssets.blue[100],
+  "--mb-color-asset-blue-80": H.figmaAssets.blue[80],
+  "--mb-color-asset-blue-60": H.figmaAssets.blue[60],
+  "--mb-color-asset-blue-40": H.figmaAssets.blue[40],
+  "--mb-color-asset-green": H.figmaAssets.green[100],
+  "--mb-color-asset-green-80": H.figmaAssets.green[80],
+  "--mb-color-asset-green-60": H.figmaAssets.green[60],
+  "--mb-color-asset-green-40": H.figmaAssets.green[40],
+  "--mb-color-asset-red": H.figmaAssets.red[100],
+  "--mb-color-asset-red-80": H.figmaAssets.red[80],
+  "--mb-color-asset-red-60": H.figmaAssets.red[60],
+  "--mb-color-asset-red-40": H.figmaAssets.red[40],
+  "--mb-color-asset-purple": H.figmaAssets.purple[100],
+  "--mb-color-asset-purple-80": H.figmaAssets.purple[80],
+  "--mb-color-asset-purple-60": H.figmaAssets.purple[60],
+  "--mb-color-asset-purple-40": H.figmaAssets.purple[40],
+  "--mb-color-triad-1": H.triad[1],
+  "--mb-color-triad-2": H.triad[2],
+  "--mb-color-triad-3": H.triad[3],
+  "--mb-color-triad-4": H.triad[4],
+  "--mb-color-triad-5": H.triad[5],
+  "--mb-color-risk-low": H.risk.low,
+  "--mb-color-risk-moderate": H.risk.moderate,
+  "--mb-color-risk-high": H.risk.high,
+  "--mb-color-risk-low-track": H.risk.lowTrack,
+  "--mb-color-risk-moderate-track": H.risk.moderateTrack,
+  "--mb-color-risk-high-track": H.risk.highTrack,
+  "--mb-color-risk-low-tint": H.risk.lowTint,
+  "--mb-color-risk-moderate-tint": H.risk.moderateTint,
+  "--mb-color-risk-high-tint": H.risk.highTint,
+  "--mb-color-trend-panel-backdrop": H.trendPanel.backdrop,
+  "--mb-color-trend-panel-subtle-bg": H.trendPanel.subtleBackground,
+  "--mb-color-trend-panel-subtle-hover-bg": H.trendPanel.subtleHoverBackground,
+  "--mb-color-trend-panel-subtle-border": H.trendPanel.subtleBorder,
+  "--mb-color-trend-panel-video-bg": H.trendPanel.videoBackground,
+  "--mb-color-trend-panel-stage-bg": H.trendPanel.stageBackground,
+  "--mb-color-trend-panel-stage-header-bg": H.trendPanel.stageHeaderBackground,
+  "--mb-color-metric-badge-bg": H.ui.badgeBackground,
+  "--mb-color-welcome-banner-bg": H.ui.welcomeBannerBackground
 };
 function HS(A) {
   const { fonts: l, colors: p, radius: S, sizes: q, button: U, sideMenu: V, badge: r } = A;
@@ -273,7 +273,7 @@ function HS(A) {
     "--mb-category-panel-header-height": q.categoryPanelHeaderHeight
   };
 }
-const Ha = "18.125rem", g = s.ui, M = {
+const Ha = "18.125rem", g = H.ui, M = {
   title: "",
   logo: {
     src: bp.logo.full,
@@ -406,7 +406,7 @@ function Na() {
   };
 }
 function Ca(A) {
-  var c, d, u, o, b, e, R, O, J, i, j, I, H, X, E, P, Q, f, Z;
+  var c, e, u, W, j, d, o, b, J, i, I, O, E, X, s, P, Q, G, Z;
   if (!A)
     return Na();
   const l = {
@@ -415,26 +415,26 @@ function Ca(A) {
   }, p = ((c = A.card) == null ? void 0 : c.padding) ?? l.cardPadding ?? M.sizes.cardPadding, S = {
     ...M.button,
     ...A.button,
-    borderRadius: ((d = A.button) == null ? void 0 : d.borderRadius) ?? ((u = A.radius) == null ? void 0 : u.button) ?? M.button.borderRadius
+    borderRadius: ((e = A.button) == null ? void 0 : e.borderRadius) ?? ((u = A.radius) == null ? void 0 : u.button) ?? M.button.borderRadius
   }, q = {
     ...M.badge,
     ...A.badge,
-    borderRadius: ((o = A.badge) == null ? void 0 : o.borderRadius) ?? ((b = A.radius) == null ? void 0 : b.badge) ?? M.badge.borderRadius
+    borderRadius: ((W = A.badge) == null ? void 0 : W.borderRadius) ?? ((j = A.radius) == null ? void 0 : j.badge) ?? M.badge.borderRadius
   }, U = {
     ...M.colors,
     ...A.colors
-  }, V = ((e = A.colors) == null ? void 0 : e.sideMenuItemText) ?? U.textPrimary, r = ((R = A.colors) == null ? void 0 : R.sideMenuItemTextActive) ?? U.textPrimary, n = {
+  }, V = ((d = A.colors) == null ? void 0 : d.sideMenuItemText) ?? U.textPrimary, r = ((o = A.colors) == null ? void 0 : o.sideMenuItemTextActive) ?? U.textPrimary, n = {
     ...U,
     sideMenuItemText: V,
     sideMenuItemTextActive: r,
-    sideMenuIcon: ((O = A.colors) == null ? void 0 : O.sideMenuIcon) ?? V,
+    sideMenuIcon: ((b = A.colors) == null ? void 0 : b.sideMenuIcon) ?? V,
     sideMenuIconActive: ((J = A.colors) == null ? void 0 : J.sideMenuIconActive) ?? r,
     badgeText: ((i = A.colors) == null ? void 0 : i.badgeText) ?? U.textMuted,
-    badgeValueBackground: ((j = A.colors) == null ? void 0 : j.badgeValueBackground) ?? U.navHoverBackground,
-    badgeValueText: ((I = A.colors) == null ? void 0 : I.badgeValueText) ?? U.textPrimary,
-    badgeValueBorder: ((H = A.colors) == null ? void 0 : H.badgeValueBorder) ?? U.badgeValueBorder,
+    badgeValueBackground: ((I = A.colors) == null ? void 0 : I.badgeValueBackground) ?? U.navHoverBackground,
+    badgeValueText: ((O = A.colors) == null ? void 0 : O.badgeValueText) ?? U.textPrimary,
+    badgeValueBorder: ((E = A.colors) == null ? void 0 : E.badgeValueBorder) ?? U.badgeValueBorder,
     cardInlineButtonBackground: ((X = A.colors) == null ? void 0 : X.cardInlineButtonBackground) ?? U.cardBackground,
-    cardInlineButtonBorder: ((E = A.colors) == null ? void 0 : E.cardInlineButtonBorder) ?? U.cardBorder,
+    cardInlineButtonBorder: ((s = A.colors) == null ? void 0 : s.cardInlineButtonBorder) ?? U.cardBorder,
     cardInlineButtonText: ((P = A.colors) == null ? void 0 : P.cardInlineButtonText) ?? U.textPrimary,
     cardInlineButtonHoverBackground: ((Q = A.colors) == null ? void 0 : Q.cardInlineButtonHoverBackground) ?? U.navHoverBackground
   }, K = {
@@ -442,7 +442,7 @@ function Ca(A) {
     ...A.sideMenu
   }, k = {
     ...K,
-    borderRadius: ((f = A.sideMenu) == null ? void 0 : f.borderRadius) ?? (A.sideMenu === void 0 ? (Z = A.radius) == null ? void 0 : Z.navItem : void 0) ?? K.borderRadius
+    borderRadius: ((G = A.sideMenu) == null ? void 0 : G.borderRadius) ?? (A.sideMenu === void 0 ? (Z = A.radius) == null ? void 0 : Z.navItem : void 0) ?? K.borderRadius
   };
   return {
     title: A.title ?? M.title,
@@ -476,7 +476,7 @@ function mS() {
     document.body.style.overflow = U, window.scrollTo(l, p), A.scrollLeft = S, A.scrollTop = q;
   };
 }
-const { risk: qt } = s, Za = qt.low, za = qt.moderate, Xa = qt.high;
+const { risk: qt } = H, Za = qt.low, za = qt.moderate, Xa = qt.high;
 qt.lowTint;
 qt.moderateTint;
 qt.highTint;
@@ -499,7 +499,7 @@ const Kt = {
   { color: za, position: 50 },
   { color: Xa, position: 100 }
 ], La = "inline-flex cursor-pointer items-center gap-[var(--mb-button-gap)] rounded-[var(--mb-button-radius)] border border-[color:var(--mb-color-button-border)] [border-width:var(--mb-button-border-width)] bg-[color:var(--mb-color-button-bg)] px-[var(--mb-button-padding-x)] py-[var(--mb-button-padding-y)] [font-size:var(--mb-button-font-size)] [font-weight:var(--mb-button-font-weight)] text-[color:var(--mb-color-button-text)] shadow-[var(--mb-button-shadow)] transition hover:bg-[color:var(--mb-color-button-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--mb-color-focus-offset)] disabled:cursor-not-allowed disabled:opacity-50", ga = "inline-flex cursor-pointer items-center gap-[var(--mb-button-gap)] rounded-[var(--mb-button-radius)] border-0 bg-[color:var(--mb-color-nav-hover)] px-4 py-3.5 text-base font-[510] leading-normal text-[color:var(--mb-color-text)] shadow-none transition hover:bg-[color:var(--mb-color-nav-active)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--mb-color-focus-offset)] disabled:cursor-not-allowed disabled:opacity-50", Ba = "flex w-full min-w-0 shrink-0 cursor-pointer items-center justify-center gap-0 rounded-[var(--mb-side-menu-radius)] border border-transparent px-2 py-[var(--mb-side-menu-padding-y)] text-left font-[family-name:var(--mb-font-sans)] [font-size:var(--mb-side-menu-font-size)] [font-weight:var(--mb-side-menu-font-weight)] [border-width:var(--mb-side-menu-border-width)] shadow-[var(--mb-side-menu-shadow)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--mb-color-focus-offset)] disabled:cursor-not-allowed disabled:opacity-50 lg:justify-start lg:gap-[var(--mb-side-menu-gap)] lg:px-[var(--mb-side-menu-padding-x)]", ha = "flex h-8 w-full min-w-0 shrink-0 cursor-pointer items-center justify-center gap-2 rounded-[var(--mb-side-menu-radius)] border-0 bg-transparent px-3 py-0 text-left text-sm text-[color:var(--mb-color-text)] shadow-none transition-colors hover:bg-[color:var(--mb-color-nav-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--mb-color-focus-offset)] disabled:cursor-not-allowed disabled:opacity-50 lg:justify-start [&_svg]:block", Rt = "inline-flex shrink-0 cursor-pointer items-center gap-1.5 rounded-none rounded-br-[length:var(--mb-radius-button)] rounded-tr-[length:var(--mb-radius-button)] border-0 px-5 py-2.5 text-sm font-bold uppercase tracking-normal text-white shadow-none transition hover:brightness-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--mb-color-card-bg)] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:shrink-0 [&_svg]:text-white", Fa = `${Rt} ${Wt.optimal}`, fa = `${Rt} ${Wt.high}`, Ga = `${Rt} ${Wt.low}`, va = `${Rt} ${Wt.trending}`, Da = `${Rt} ${Wt.unknown}`;
-function F({
+function f({
   className: A = "",
   fullWidth: l = !1,
   align: p = "start",
@@ -680,7 +680,7 @@ function Fl({
     }
   );
 }
-const { risk: vA, ui: $a } = s, AU = [
+const { risk: vA, ui: $a } = H, AU = [
   { color: vA.high, position: 0 },
   { color: vA.high, position: 35 },
   { color: vA.moderate, position: 35 },
@@ -767,10 +767,10 @@ function PS({
   ] });
 }
 const aU = {
-  colorText: s.ui.textPrimaryFigma,
-  colorTextMuted: s.ui.chartTextMuted,
-  colorCardBorder: s.ui.cardBorder,
-  colorBadgeValueBg: s.ui.badgeBackground,
+  colorText: H.ui.textPrimaryFigma,
+  colorTextMuted: H.ui.chartTextMuted,
+  colorCardBorder: H.ui.cardBorder,
+  colorBadgeValueBg: H.ui.badgeBackground,
   fontFamily: "ui-sans-serif, system-ui, sans-serif"
 };
 function Hl(A) {
@@ -797,9 +797,9 @@ function UU(A, l) {
 }
 function VU(A, l) {
   const p = Hl(
-    l.trim() || s.ui.cardBackground
+    l.trim() || H.ui.cardBackground
   ), S = Hl(
-    A.trim() || s.ui.badgeBackground
+    A.trim() || H.ui.badgeBackground
   );
   return UU(S, p);
 }
@@ -808,7 +808,7 @@ function fl() {
   return sl(() => {
     const S = A.current;
     if (!S) return;
-    const q = getComputedStyle(S), U = q.getPropertyValue("--mb-color-text").trim() || s.ui.textPrimaryFigma, V = q.getPropertyValue("--mb-color-text-muted").trim() || s.ui.chartTextMuted, r = q.getPropertyValue("--mb-color-card-border").trim() || s.ui.cardBorder, n = q.getPropertyValue("--mb-color-badge-value-bg").trim() || s.ui.badgeBackground, K = q.getPropertyValue("--mb-color-card-bg").trim() || s.ui.cardBackground;
+    const q = getComputedStyle(S), U = q.getPropertyValue("--mb-color-text").trim() || H.ui.textPrimaryFigma, V = q.getPropertyValue("--mb-color-text-muted").trim() || H.ui.chartTextMuted, r = q.getPropertyValue("--mb-color-card-border").trim() || H.ui.cardBorder, n = q.getPropertyValue("--mb-color-badge-value-bg").trim() || H.ui.badgeBackground, K = q.getPropertyValue("--mb-color-card-bg").trim() || H.ui.cardBackground;
     p({
       colorText: Ip(U),
       colorTextMuted: Ip(V),
@@ -822,7 +822,7 @@ function fl() {
     themeReady: l !== null
   };
 }
-const ql = 78, al = s.score;
+const ql = 78, al = H.score;
 function Ul(A) {
   return `${A / 16}rem`;
 }
@@ -914,7 +914,7 @@ function Xt(A, {
   max: S
 } = {}) {
   const q = cU(A, p, S), [U, V] = y(0), r = x(0);
-  return h(() => {
+  return F(() => {
     if (dU()) {
       r.current = q, V(q);
       return;
@@ -922,11 +922,11 @@ function Xt(A, {
     const n = r.current, K = q - n;
     if (K === 0) return;
     let k = 0;
-    const c = window.performance.now(), d = (u) => {
-      const o = Math.min(1, (u - c) / l), b = n + K * eU(o);
-      r.current = b, V(b), o < 1 && (k = window.requestAnimationFrame(d));
+    const c = window.performance.now(), e = (u) => {
+      const W = Math.min(1, (u - c) / l), j = n + K * eU(W);
+      r.current = j, V(j), W < 1 && (k = window.requestAnimationFrame(e));
     };
-    return k = window.requestAnimationFrame(d), () => {
+    return k = window.requestAnimationFrame(e), () => {
       window.cancelAnimationFrame(k);
     };
   }, [l, q]), U;
@@ -939,7 +939,7 @@ function QS({
   threshold: l = 0.1
 } = {}) {
   const p = x(null), [S, q] = y(!1);
-  return h(() => {
+  return F(() => {
     if (S) return;
     if (kU()) {
       q(!0);
@@ -959,7 +959,7 @@ function QS({
     return V.observe(U), () => V.disconnect();
   }, [S, A, l]), { ref: p, isInView: S };
 }
-const ct = 1735, NS = 694, CS = 1041, jp = 7, uU = "h-[19.25rem]", oU = "max-w-[24.5rem]", WU = 118, RU = 308, bU = -3, JU = 50, OU = 50, IU = 49, ip = 24.5, Tp = 28.5, yp = 21.4, Ep = 24.9, jU = 0.88, iU = 32, TU = 24, yU = 20, EU = 16, sU = 0.875, HU = 2.1875, mU = 2.5, { metaflammation: PU } = s, { risk: $A } = s;
+const ct = 1735, NS = 694, CS = 1041, jp = 7, uU = "h-[19.25rem]", oU = "max-w-[24.5rem]", WU = 118, RU = 308, bU = -3, JU = 50, OU = 50, IU = 49, ip = 24.5, Tp = 28.5, yp = 21.4, Ep = 24.9, jU = 0.88, iU = 32, TU = 24, yU = 20, EU = 16, sU = 0.875, HU = 2.1875, mU = 2.5, { metaflammation: PU } = H, { risk: $A } = H;
 function QU(A, l) {
   return Math.min(l, Math.max(0, A));
 }
@@ -1346,7 +1346,7 @@ function LU({
     }
   );
 }
-const { risk: pA } = s, TA = [
+const { risk: pA } = H, TA = [
   { color: pA.highTrack, activeColor: pA.high, label: "Alert Low" },
   { color: pA.moderateTrack, activeColor: pA.moderate, label: "Low Normal" },
   { color: pA.lowTrack, activeColor: pA.low, label: "Optimal" },
@@ -1479,7 +1479,7 @@ function fA({
   Gt();
   const n = A.length, K = U !== void 0 ? Math.min(n - 1, Math.max(0, U)) : l === void 0 ? -1 : LS(l, n), k = z(() => GU(A, K, V), [A, K, V]);
   if (n === 0) return null;
-  const c = l === void 0 ? void 0 : Pp(l, n, S), d = p === void 0 ? void 0 : Pp(p, n, S), u = NA(ml), o = NA(ml + xS), b = NA(mp - hU), e = NA(mp + XS / 2), R = c === void 0 ? void 0 : `calc(${u} + (100% - ${o}) * ${c / 100})`, O = d === void 0 ? void 0 : `calc(${u} + (100% - ${o}) * ${d / 100})`, J = u, i = r ?? "leading-snug text-[color:var(--mb-color-text-muted)]";
+  const c = l === void 0 ? void 0 : Pp(l, n, S), e = p === void 0 ? void 0 : Pp(p, n, S), u = NA(ml), W = NA(ml + xS), j = NA(mp - hU), d = NA(mp + XS / 2), o = c === void 0 ? void 0 : `calc(${u} + (100% - ${W}) * ${c / 100})`, b = e === void 0 ? void 0 : `calc(${u} + (100% - ${W}) * ${e / 100})`, J = u, i = r ?? "leading-snug text-[color:var(--mb-color-text-muted)]";
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1503,22 +1503,22 @@ function fA({
                   style: { height: NA(rl), minHeight: NA(rl) }
                 }
               ),
-              q && O ? /* @__PURE__ */ t(
+              q && b ? /* @__PURE__ */ t(
                 lt,
                 {
-                  left: O,
+                  left: b,
                   startLeft: J,
-                  top: b,
+                  top: j,
                   size: BU,
                   variant: "previous"
                 }
               ) : null,
-              q && R ? /* @__PURE__ */ t(
+              q && o ? /* @__PURE__ */ t(
                 lt,
                 {
-                  left: R,
+                  left: o,
                   startLeft: J,
-                  top: e,
+                  top: d,
                   size: gU,
                   variant: "current"
                 }
@@ -1531,7 +1531,7 @@ function fA({
           {
             className: `mt-1.5 grid gap-x-0.5 gap-y-1 text-center text-[0.625rem] font-[700] uppercase ${i}`.trim(),
             style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
-            children: A.map((j) => /* @__PURE__ */ t("span", { className: "min-w-0 break-words px-0.5", children: j.label.toUpperCase() }, j.label))
+            children: A.map((I) => /* @__PURE__ */ t("span", { className: "min-w-0 break-words px-0.5", children: I.label.toUpperCase() }, I.label))
           }
         )
       ]
@@ -1765,18 +1765,18 @@ function tV({
   onSave: K
 }) {
   const k = hA(), c = x(null);
-  h(() => {
-    var E;
-    (E = c.current) == null || E.focus();
+  F(() => {
+    var s;
+    (s = c.current) == null || s.focus();
   }, []);
-  const [d, u] = y((A == null ? void 0 : A.text) ?? ""), [o, b] = y((A == null ? void 0 : A.status) ?? "draft"), [e, R] = y((A == null ? void 0 : A.visibility) ?? ""), [O, J] = y(), i = x(void 0), j = x((A == null ? void 0 : A.id) ?? crypto.randomUUID()), I = x(A == null ? void 0 : A.revision), H = () => {
+  const [e, u] = y((A == null ? void 0 : A.text) ?? ""), [W, j] = y((A == null ? void 0 : A.status) ?? "draft"), [d, o] = y((A == null ? void 0 : A.visibility) ?? ""), [b, J] = y(), i = x(void 0), I = x((A == null ? void 0 : A.id) ?? crypto.randomUUID()), O = x(A == null ? void 0 : A.revision), E = () => {
     U(!0), J(void 0);
   };
   async function X() {
     var Q;
-    if (!e || p || !d.trim()) return;
-    const E = { text: d.trim(), status: o, visibility: e }, P = JSON.stringify([
-      E,
+    if (!d || p || !e.trim()) return;
+    const s = { text: e.trim(), status: W, visibility: d }, P = JSON.stringify([
+      s,
       A == null ? void 0 : A.revision,
       l.target_id,
       l.section_key
@@ -1784,8 +1784,8 @@ function tV({
     ((Q = i.current) == null ? void 0 : Q.fingerprint) !== P && (i.current = {
       fingerprint: P,
       input: {
-        ...E,
-        note_id: j.current,
+        ...s,
+        note_id: I.current,
         operation_id: crypto.randomUUID(),
         expected_revision: A == null ? void 0 : A.revision,
         target_id: l.target_id,
@@ -1794,16 +1794,16 @@ function tV({
     });
     try {
       await K(A ? "update" : "create", i.current.input), U(!1), V();
-    } catch (f) {
-      J(f instanceof Error ? f.message : "The note could not be saved.");
+    } catch (G) {
+      J(G instanceof Error ? G.message : "The note could not be saved.");
     }
   }
   return /* @__PURE__ */ a(
     "form",
     {
       className: "mb-notes-editor",
-      onSubmit: (E) => {
-        E.preventDefault(), X();
+      onSubmit: (s) => {
+        s.preventDefault(), X();
       },
       children: [
         A ? null : /* @__PURE__ */ a("label", { htmlFor: `${k}-target`, children: [
@@ -1814,19 +1814,19 @@ function tV({
               id: `${k}-target`,
               value: `${l.section_key}|${l.target_id}`,
               disabled: p,
-              onChange: (E) => {
+              onChange: (s) => {
                 const P = S.find(
-                  (Q) => `${Q.section_key}|${Q.target_id}` === E.target.value
+                  (Q) => `${Q.section_key}|${Q.target_id}` === s.target.value
                 );
-                P && (q(P), H());
+                P && (q(P), E());
               },
-              children: S.map((E) => /* @__PURE__ */ t(
+              children: S.map((s) => /* @__PURE__ */ t(
                 "option",
                 {
-                  value: `${E.section_key}|${E.target_id}`,
-                  children: E.section_name
+                  value: `${s.section_key}|${s.target_id}`,
+                  children: s.section_name
                 },
-                `${E.section_key}|${E.target_id}`
+                `${s.section_key}|${s.target_id}`
               ))
             }
           )
@@ -1844,22 +1844,22 @@ function tV({
           {
             id: `${k}-text`,
             ref: c,
-            value: d,
+            value: e,
             maxLength: 1e4,
             required: !0,
             rows: 8,
             placeholder: "Document your clinical observations and next steps…",
-            onChange: (E) => {
-              u(E.target.value), H();
+            onChange: (s) => {
+              u(s.target.value), E();
             },
             disabled: p
           }
         ),
         /* @__PURE__ */ a("small", { className: "mb-notes-count", children: [
-          d.length.toLocaleString(),
+          e.length.toLocaleString(),
           " / 10,000"
         ] }),
-        A && A.revision !== I.current ? /* @__PURE__ */ a("aside", { className: "mb-notes-context", "aria-label": "Latest saved note", children: [
+        A && A.revision !== O.current ? /* @__PURE__ */ a("aside", { className: "mb-notes-context", "aria-label": "Latest saved note", children: [
           /* @__PURE__ */ t("strong", { children: "Latest saved note" }),
           /* @__PURE__ */ t("p", { className: "mb-notes-text", children: A.text }),
           /* @__PURE__ */ a("small", { children: [
@@ -1878,10 +1878,10 @@ function tV({
               "select",
               {
                 id: `${k}-status`,
-                value: o,
+                value: W,
                 disabled: p,
-                onChange: (E) => {
-                  b(E.target.value), H();
+                onChange: (s) => {
+                  j(s.target.value), E();
                 },
                 children: [
                   /* @__PURE__ */ t("option", { value: "draft", children: "Draft" }),
@@ -1897,10 +1897,10 @@ function tV({
               {
                 id: `${k}-visibility`,
                 required: !0,
-                value: e,
+                value: d,
                 disabled: p,
-                onChange: (E) => {
-                  R(E.target.value), H();
+                onChange: (s) => {
+                  o(s.target.value), E();
                 },
                 children: [
                   /* @__PURE__ */ t("option", { value: "", disabled: !0, children: "Choose visibility" }),
@@ -1914,12 +1914,12 @@ function tV({
         /* @__PURE__ */ t(
           "p",
           {
-            className: `mb-notes-visibility ${o === "published" && e === "external" ? "is-external" : ""}`,
-            children: e ? o === "published" && e === "external" ? "The patient will see this note after you save." : "Only authorized practitioners can see this note. Patients see published external notes." : "Choose who can see this note. External notes are shared with the patient only when published."
+            className: `mb-notes-visibility ${W === "published" && d === "external" ? "is-external" : ""}`,
+            children: d ? W === "published" && d === "external" ? "The patient will see this note after you save." : "Only authorized practitioners can see this note. Patients see published external notes." : "Choose who can see this note. External notes are shared with the patient only when published."
           }
         ),
-        O ? /* @__PURE__ */ a("div", { role: "alert", className: "mb-notes-error", children: [
-          O,
+        b ? /* @__PURE__ */ a("div", { role: "alert", className: "mb-notes-error", children: [
+          b,
           /* @__PURE__ */ t("button", { type: "button", onClick: () => void n(), children: "Reload latest notes" })
         ] }) : null,
         /* @__PURE__ */ a("div", { className: "mb-notes-footer", children: [
@@ -1929,8 +1929,8 @@ function tV({
             {
               type: "submit",
               className: "mb-notes-primary",
-              disabled: p || !d.trim() || !e,
-              children: p ? "Saving…" : A ? "Save changes" : o === "draft" ? "Save draft" : "Publish note"
+              disabled: p || !e.trim() || !d,
+              children: p ? "Saving…" : A ? "Save changes" : W === "draft" ? "Save draft" : "Publish note"
             }
           )
         ] })
@@ -2004,20 +2004,20 @@ function pV({
   mutate: n
 }) {
   var at;
-  const [K, k] = y(!1), c = x(!1), [d, u] = y(), [o, b] = y(), e = x(/* @__PURE__ */ new Map()), R = S || K, O = A.items.filter((T) => T.status === "draft"), J = hA(), i = x(null), j = x(!1), [I, H] = y(
+  const [K, k] = y(!1), c = x(!1), [e, u] = y(), [W, j] = y(), d = x(/* @__PURE__ */ new Map()), o = S || K, b = A.items.filter((T) => T.status === "draft"), J = hA(), i = x(null), I = x(!1), [O, E] = y(
     l && A.can_manage ? { target: l } : void 0
-  ), [X, E] = y(), [P, Q] = y(), [f, Z] = y(), [C, L] = y("all"), [$, D] = y("all"), [v, nA] = y("all"), [AA, G] = y("all"), [dA, oA] = y(""), [cA, kA] = y(
+  ), [X, s] = y(), [P, Q] = y(), [G, Z] = y(), [C, L] = y("all"), [$, D] = y("all"), [v, nA] = y("all"), [AA, h] = y("all"), [dA, oA] = y(""), [cA, kA] = y(
     l ? `${l.section_key}|${l.target_id}` : ""
   ), KA = x(void 0), uA = x(() => {
   });
   uA.current = () => {
-    R || (j.current ? E("close") : U());
-  }, h(() => {
+    o || (I.current ? s("close") : U());
+  }, F(() => {
     var It, cp;
     const T = p, Y = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     const aA = (OA) => {
-      j.current && OA.preventDefault();
+      I.current && OA.preventDefault();
     };
     window.addEventListener("beforeunload", aA), (cp = ((It = i.current) == null ? void 0 : It.querySelector("textarea")) ?? i.current) == null || cp.focus();
     const w = (OA) => {
@@ -2042,14 +2042,14 @@ function pV({
     ...new Map(A.items.map((T) => [T.context.target_id, T.context])).values()
   ], HA = [...new Map(A.items.map((T) => [T.author.id, T.author])).values()];
   async function N() {
-    if (!d || R || c.current || !A.can_manage) return;
+    if (!e || o || c.current || !A.can_manage) return;
     c.current = !0, k(!0), Z(void 0);
     let T = 0;
     try {
-      for (const Y of d) {
+      for (const Y of e) {
         const aA = `${Y.id}:${Y.revision}`;
-        let w = e.current.get(aA);
-        w || (w = crypto.randomUUID(), e.current.set(aA, w)), await n("update", {
+        let w = d.current.get(aA);
+        w || (w = crypto.randomUUID(), d.current.set(aA, w)), await n("update", {
           note_id: Y.id,
           operation_id: w,
           expected_revision: Y.revision,
@@ -2058,12 +2058,12 @@ function pV({
           visibility: Y.visibility
         }), T++;
       }
-      b(
+      j(
         `${T} draft ${T === 1 ? "note published" : "notes published"}.`
       );
     } catch (Y) {
       Z(
-        `${T} of ${d.length} notes published. Publication stopped. ${Y instanceof Error ? Y.message : "Please reload notes and try again."}`
+        `${T} of ${e.length} notes published. Publication stopped. ${Y instanceof Error ? Y.message : "Please reload notes and try again."}`
       );
     } finally {
       u(void 0), c.current = !1, k(!1);
@@ -2103,7 +2103,7 @@ function pV({
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": J,
-        className: `mb-notes-panel ${A.can_manage ? "is-practitioner" : ""} ${I ? "has-editor" : ""}`,
+        className: `mb-notes-panel ${A.can_manage ? "is-practitioner" : ""} ${O ? "has-editor" : ""}`,
         ref: i,
         tabIndex: -1,
         children: [
@@ -2132,7 +2132,7 @@ function pV({
                 {
                   type: "button",
                   className: "mb-notes-secondary",
-                  onClick: () => E(void 0),
+                  onClick: () => s(void 0),
                   children: "Keep editing"
                 }
               ),
@@ -2142,7 +2142,7 @@ function pV({
                   type: "button",
                   className: "mb-notes-danger",
                   onClick: () => {
-                    j.current = !1, X === "close" ? U() : H(void 0), E(void 0);
+                    I.current = !1, X === "close" ? U() : E(void 0), s(void 0);
                   },
                   children: "Discard changes"
                 }
@@ -2158,7 +2158,7 @@ function pV({
                     {
                       id: `${J}-context`,
                       value: cA,
-                      disabled: R || !!I || !!d,
+                      disabled: o || !!O || !!e,
                       onChange: (T) => kA(T.target.value),
                       children: [
                         /* @__PURE__ */ t("option", { value: "", children: "Choose a section or metric" }),
@@ -2178,12 +2178,12 @@ function pV({
                     {
                       type: "button",
                       className: "mb-notes-primary",
-                      disabled: R || !!I || !!d || !A.targets.length,
+                      disabled: o || !!O || !!e || !A.targets.length,
                       onClick: () => {
                         const Y = A.targets.find(
                           (aA) => `${aA.section_key}|${aA.target_id}` === cA
                         ) ?? A.targets.find((aA) => aA.target_id.startsWith("metric:triad")) ?? A.targets[0];
-                        Y && H({ target: Y });
+                        Y && E({ target: Y });
                       },
                       children: "Add note"
                     }
@@ -2242,7 +2242,7 @@ function pV({
                     {
                       "aria-label": "Filter by author",
                       value: AA,
-                      onChange: (T) => G(T.target.value),
+                      onChange: (T) => h(T.target.value),
                       children: [
                         /* @__PURE__ */ t("option", { value: "all", children: "All authors" }),
                         HA.map((T) => /* @__PURE__ */ t("option", { value: T.id, children: T.display_name }, T.id))
@@ -2255,7 +2255,7 @@ function pV({
                       type: "button",
                       className: "mb-notes-reset",
                       onClick: () => {
-                        L("all"), D("all"), nA("all"), G("all"), oA("");
+                        L("all"), D("all"), nA("all"), h("all"), oA("");
                       },
                       children: "Clear filters"
                     }
@@ -2271,9 +2271,9 @@ function pV({
                   /* @__PURE__ */ a("div", { children: [
                     /* @__PURE__ */ t("strong", { children: "Publish report notes" }),
                     /* @__PURE__ */ a("p", { children: [
-                      O.length,
+                      b.length,
                       " draft ",
-                      O.length === 1 ? "note" : "notes",
+                      b.length === 1 ? "note" : "notes",
                       " across this report. Each note keeps its visibility."
                     ] })
                   ] }),
@@ -2282,23 +2282,23 @@ function pV({
                     {
                       type: "button",
                       className: "mb-notes-primary",
-                      disabled: R || !!I || !!P || !!d || O.length === 0,
+                      disabled: o || !!O || !!P || !!e || b.length === 0,
                       onClick: () => {
-                        u([...O]), b(void 0), Z(void 0);
+                        u([...b]), j(void 0), Z(void 0);
                       },
                       children: K ? "Publishing…" : "Publish all notes"
                     }
                   )
                 ] }) : null,
-                d ? /* @__PURE__ */ a("div", { role: "alert", className: "mb-notes-confirm", children: [
+                e ? /* @__PURE__ */ a("div", { role: "alert", className: "mb-notes-confirm", children: [
                   /* @__PURE__ */ t("h3", { children: "Publish all draft notes?" }),
                   /* @__PURE__ */ a("p", { children: [
                     "This publishes all ",
-                    d.length,
+                    e.length,
                     " saved draft notes in this report, including notes hidden by filters."
                   ] }),
                   /* @__PURE__ */ a("p", { children: [
-                    d.filter((T) => T.visibility === "external").length,
+                    e.filter((T) => T.visibility === "external").length,
                     " external notes will become visible to the patient. Internal notes remain visible only to the care team."
                   ] }),
                   /* @__PURE__ */ t(
@@ -2306,7 +2306,7 @@ function pV({
                     {
                       type: "button",
                       className: "mb-notes-secondary",
-                      disabled: R,
+                      disabled: o,
                       onClick: () => u(void 0),
                       children: "Cancel publication"
                     }
@@ -2316,15 +2316,15 @@ function pV({
                     {
                       type: "button",
                       className: "mb-notes-primary",
-                      disabled: R,
+                      disabled: o,
                       onClick: () => void N(),
                       children: K ? "Publishing…" : "Publish drafts"
                     }
                   )
                 ] }) : null,
-                o ? /* @__PURE__ */ t("p", { role: "status", className: "mb-notes-context", children: o }) : null,
-                q || f ? /* @__PURE__ */ a("div", { role: "alert", className: "mb-notes-error", children: [
-                  f ?? q,
+                W ? /* @__PURE__ */ t("p", { role: "status", className: "mb-notes-context", children: W }) : null,
+                q || G ? /* @__PURE__ */ a("div", { role: "alert", className: "mb-notes-error", children: [
+                  G ?? q,
                   /* @__PURE__ */ t("button", { type: "button", onClick: () => void r(), children: "Retry" })
                 ] }) : null,
                 P ? /* @__PURE__ */ a("div", { role: "alert", className: "mb-notes-confirm", children: [
@@ -2334,7 +2334,7 @@ function pV({
                     "button",
                     {
                       type: "button",
-                      disabled: R,
+                      disabled: o,
                       className: "mb-notes-secondary",
                       onClick: () => {
                         Q(void 0), KA.current = void 0;
@@ -2346,10 +2346,10 @@ function pV({
                     "button",
                     {
                       type: "button",
-                      disabled: R,
+                      disabled: o,
                       className: "mb-notes-danger",
                       onClick: () => void qA(),
-                      children: R ? "Deleting…" : "Delete note"
+                      children: o ? "Deleting…" : "Delete note"
                     }
                   )
                 ] }) : null,
@@ -2358,8 +2358,8 @@ function pV({
                   {
                     notes: EA,
                     canManage: A.can_manage,
-                    disabled: R || !!I || !!d,
-                    onEdit: (T) => H({ note: T, target: T.context }),
+                    disabled: o || !!O || !!e,
+                    onEdit: (T) => E({ note: T, target: T.context }),
                     onDelete: (T) => {
                       Q(T), KA.current = void 0;
                     },
@@ -2369,91 +2369,91 @@ function pV({
                   }
                 )
               ] }),
-              I ? /* @__PURE__ */ a(
+              O ? /* @__PURE__ */ a(
                 "section",
                 {
                   className: "mb-notes-composer",
-                  "aria-label": I.note ? "Edit SOAP note" : "New SOAP note",
+                  "aria-label": O.note ? "Edit SOAP note" : "New SOAP note",
                   children: [
-                    /* @__PURE__ */ t("h3", { children: I.note ? "Edit note" : "New note" }),
+                    /* @__PURE__ */ t("h3", { children: O.note ? "Edit note" : "New note" }),
                     /* @__PURE__ */ t(
                       tV,
                       {
-                        ...I,
+                        ...O,
                         targets: A.targets,
                         onTargetChange: (T) => {
-                          H({ target: T }), kA(`${T.section_key}|${T.target_id}`);
+                          E({ target: T }), kA(`${T.section_key}|${T.target_id}`);
                         },
-                        busy: R,
+                        busy: o,
                         onDirty: (T) => {
-                          j.current = T;
+                          I.current = T;
                         },
-                        onSaved: () => H(void 0),
+                        onSaved: () => E(void 0),
                         onCancel: () => {
-                          j.current ? E("editor") : H(void 0);
+                          I.current ? s("editor") : E(void 0);
                         },
                         onSave: n,
                         onReload: async () => {
                           const T = await r(), Y = T == null ? void 0 : T.items.find((aA) => {
                             var w;
-                            return aA.id === ((w = I.note) == null ? void 0 : w.id);
+                            return aA.id === ((w = O.note) == null ? void 0 : w.id);
                           });
-                          Y && H({ note: Y, target: Y.context });
+                          Y && E({ note: Y, target: Y.context });
                         }
                       },
-                      ((at = I.note) == null ? void 0 : at.id) ?? "new"
+                      ((at = O.note) == null ? void 0 : at.id) ?? "new"
                     )
                   ]
                 }
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "mb-notes-live", role: "status", "aria-live": "polite", children: R ? "Saving note" : `${A.items.length} notes available` })
+          /* @__PURE__ */ t("div", { className: "mb-notes-live", role: "status", "aria-live": "polite", children: o ? "Saving note" : `${A.items.length} notes available` })
         ]
       }
     )
   ] });
 }
 function SV(A, l, p) {
-  const [S, q] = y(A != null && A.can_manage ? A : void 0), [U, V] = y(), [r, n] = y(!1), K = x(0), k = x(!0), c = x(!1), d = x(void 0), u = z(() => Gq(l, p), [l, p]), o = A != null && A.supported ? A.report_id : p ? l.reportId : void 0, b = B(async () => {
+  const [S, q] = y(A != null && A.can_manage ? A : void 0), [U, V] = y(), [r, n] = y(!1), K = x(0), k = x(!0), c = x(!1), e = x(void 0), u = z(() => Gq(l, p), [l, p]), W = A != null && A.supported ? A.report_id : p ? l.reportId : void 0, j = B(async () => {
     var J;
-    if (!o && !p || c.current) return;
-    const R = ++K.current;
-    (J = d.current) == null || J.abort();
-    const O = new AbortController();
-    d.current = O;
+    if (!W && !p || c.current) return;
+    const o = ++K.current;
+    (J = e.current) == null || J.abort();
+    const b = new AbortController();
+    e.current = b;
     try {
-      const i = await u(o, "list", void 0, O.signal);
-      return k.current && R === K.current && (q(i), V(void 0)), i;
+      const i = await u(W, "list", void 0, b.signal);
+      return k.current && o === K.current && (q(i), V(void 0)), i;
     } catch (i) {
-      k.current && R === K.current && (V(i instanceof Error ? i.message : "Notes could not be loaded."), q((j) => j != null && j.can_manage ? j : void 0));
+      k.current && o === K.current && (V(i instanceof Error ? i.message : "Notes could not be loaded."), q((I) => I != null && I.can_manage ? I : void 0));
     }
-  }, [u, o, p]);
-  h(() => {
-    k.current = !0, b();
-    const R = () => {
-      document.visibilityState === "visible" && b();
+  }, [u, W, p]);
+  F(() => {
+    k.current = !0, j();
+    const o = () => {
+      document.visibilityState === "visible" && j();
     };
-    return window.addEventListener("focus", R), document.addEventListener("visibilitychange", R), () => {
-      var O;
-      k.current = !1, (O = d.current) == null || O.abort(), K.current++, window.removeEventListener("focus", R), document.removeEventListener("visibilitychange", R);
+    return window.addEventListener("focus", o), document.addEventListener("visibilitychange", o), () => {
+      var b;
+      k.current = !1, (b = e.current) == null || b.abort(), K.current++, window.removeEventListener("focus", o), document.removeEventListener("visibilitychange", o);
     };
-  }, [b]);
-  const e = B(
-    async (R, O) => {
-      if (!o || !(S != null && S.can_manage) || c.current)
+  }, [j]);
+  const d = B(
+    async (o, b) => {
+      if (!W || !(S != null && S.can_manage) || c.current)
         throw new Error("Notes are not available for editing.");
       c.current = !0, K.current++, n(!0);
       try {
-        const J = await u(o, R, O);
+        const J = await u(W, o, b);
         k.current && (q(J), V(void 0));
       } finally {
         c.current = !1, k.current && n(!1);
       }
     },
-    [u, S == null ? void 0 : S.can_manage, o]
+    [u, S == null ? void 0 : S.can_manage, W]
   );
-  return { data: S, error: U, busy: r, reload: b, mutate: e };
+  return { data: S, error: U, busy: r, reload: j, mutate: d };
 }
 const Dl = ot({ activePage: "dashboard", open: () => {
 } });
@@ -2470,26 +2470,26 @@ function qV({
   const r = SV(A, l, p), n = z(
     () => r.data ? {
       ...r.data,
-      items: r.data.items.map((o) => {
-        var e;
-        const b = (e = r.data) == null ? void 0 : e.targets.find(
-          (R) => R.target_id === o.context.target_id && R.section_key === o.context.section_key
+      items: r.data.items.map((W) => {
+        var d;
+        const j = (d = r.data) == null ? void 0 : d.targets.find(
+          (o) => o.target_id === W.context.target_id && o.section_key === W.context.section_key
         );
-        return b ? { ...o, context: { ...o.context, section_name: b.section_name } } : o;
+        return j ? { ...W, context: { ...W.context, section_name: j.section_name } } : W;
       })
     } : void 0,
     [r.data]
-  ), [K, k] = y(), c = x(null), d = !!(K && ((u = r.data) != null && u.supported));
-  return h(() => {
-    c.current && (c.current.inert = d);
-  }, [d]), /* @__PURE__ */ a(
+  ), [K, k] = y(), c = x(null), e = !!(K && ((u = r.data) != null && u.supported));
+  return F(() => {
+    c.current && (c.current.inert = e);
+  }, [e]), /* @__PURE__ */ a(
     Dl.Provider,
     {
       value: {
         data: n,
         activePage: S,
-        open: (o) => k({
-          target: o,
+        open: (W) => k({
+          target: W,
           returnFocus: document.activeElement instanceof HTMLElement ? document.activeElement : null
         })
       },
@@ -2609,11 +2609,11 @@ function tA({ content: A, children: l, side: p = "top" }) {
   const S = hA(), q = x(null), U = x(null), [V, r] = y(!1), [n, K] = y(null), k = x(null), c = B(() => {
     k.current !== null && cancelAnimationFrame(k.current), k.current = requestAnimationFrame(() => {
       k.current = null;
-      const o = q.current, b = U.current;
-      if (!o || !b) return;
-      const e = o.getBoundingClientRect(), R = b.getBoundingClientRect(), O = 4, J = 12, i = window.innerWidth, j = window.innerHeight;
-      let I = p === "top" ? e.top - R.height - O : e.bottom + O, H = e.left + e.width / 2 - R.width / 2;
-      H = Math.max(J, Math.min(H, i - R.width - J)), p === "top" && I < J ? I = e.bottom + O : p === "bottom" && I + R.height > j - J && (I = e.top - R.height - O), I = Math.max(J, Math.min(I, j - R.height - J)), K({ top: I, left: H });
+      const W = q.current, j = U.current;
+      if (!W || !j) return;
+      const d = W.getBoundingClientRect(), o = j.getBoundingClientRect(), b = 4, J = 12, i = window.innerWidth, I = window.innerHeight;
+      let O = p === "top" ? d.top - o.height - b : d.bottom + b, E = d.left + d.width / 2 - o.width / 2;
+      E = Math.max(J, Math.min(E, i - o.width - J)), p === "top" && O < J ? O = d.bottom + b : p === "bottom" && O + o.height > I - J && (O = d.top - o.height - b), O = Math.max(J, Math.min(O, I - o.height - J)), K({ top: O, left: E });
     });
   }, [p]);
   sl(() => {
@@ -2627,27 +2627,27 @@ function tA({ content: A, children: l, side: p = "top" }) {
   }, [V, c]), sl(() => {
     V && c();
   });
-  const d = Aa(l) ? ta(l, {
+  const e = Aa(l) ? ta(l, {
     "aria-describedby": V ? S : void 0,
-    onMouseEnter: (o) => {
-      var b, e;
-      (e = (b = l.props).onMouseEnter) == null || e.call(b, o), r(!0);
+    onMouseEnter: (W) => {
+      var j, d;
+      (d = (j = l.props).onMouseEnter) == null || d.call(j, W), r(!0);
     },
-    onMouseLeave: (o) => {
-      var b, e;
-      (e = (b = l.props).onMouseLeave) == null || e.call(b, o), r(!1);
+    onMouseLeave: (W) => {
+      var j, d;
+      (d = (j = l.props).onMouseLeave) == null || d.call(j, W), r(!1);
     },
-    onFocus: (o) => {
-      var b, e;
-      (e = (b = l.props).onFocus) == null || e.call(b, o), r(!0);
+    onFocus: (W) => {
+      var j, d;
+      (d = (j = l.props).onFocus) == null || d.call(j, W), r(!0);
     },
-    onBlur: (o) => {
-      var b, e;
-      (e = (b = l.props).onBlur) == null || e.call(b, o), r(!1);
+    onBlur: (W) => {
+      var j, d;
+      (d = (j = l.props).onBlur) == null || d.call(j, W), r(!1);
     }
   }) : l, u = typeof document < "u" ? document.body : null;
   return /* @__PURE__ */ a(lA, { children: [
-    /* @__PURE__ */ t("span", { ref: q, className: "inline-flex", children: d }),
+    /* @__PURE__ */ t("span", { ref: q, className: "inline-flex", children: e }),
     V && u ? Bl(
       /* @__PURE__ */ t(
         "span",
@@ -2664,8 +2664,8 @@ function tA({ content: A, children: l, side: p = "top" }) {
             opacity: n ? 1 : 0,
             pointerEvents: "none",
             maxWidth: "min(17.5rem, calc(100vw - 1.5rem))",
-            backgroundColor: s.ui.textPrimaryFigma,
-            color: s.ui.white
+            backgroundColor: H.ui.textPrimaryFigma,
+            color: H.ui.white
           },
           className: "rounded-md px-2.5 py-1.5 text-left text-xs leading-snug shadow-lg transition-opacity duration-150",
           children: A
@@ -2700,25 +2700,25 @@ function VV(A, l, p, S) {
   if (p !== void 0 && Number.isFinite(p))
     return DA(p);
   if (A === null || !Number.isFinite(A)) return 50;
-  const q = (S == null ? void 0 : S.mapping) ?? "relativeTotal", U = l.filter((d) => d !== null && Number.isFinite(d));
+  const q = (S == null ? void 0 : S.mapping) ?? "relativeTotal", U = l.filter((e) => e !== null && Number.isFinite(e));
   if (q === "relativeTotal") {
     if (U.length === 0) return 50;
-    const d = Math.min(...U), u = Math.max(...U);
-    return u === d ? 50 : DA((A - d) / (u - d) * 100);
+    const e = Math.min(...U), u = Math.max(...U);
+    return u === e ? 50 : DA((A - e) / (u - e) * 100);
   }
   if (q === "absoluteLinear") {
-    const d = (S == null ? void 0 : S.scaleMin) ?? 0, u = (S == null ? void 0 : S.scaleMax) ?? 200;
-    return u === d ? 50 : DA((A - d) / (u - d) * 100);
+    const e = (S == null ? void 0 : S.scaleMin) ?? 0, u = (S == null ? void 0 : S.scaleMax) ?? 200;
+    return u === e ? 50 : DA((A - e) / (u - e) * 100);
   }
   const V = (S == null ? void 0 : S.thresholdLowBelow) ?? 100, r = (S == null ? void 0 : S.thresholdHighAbove) ?? 160;
   if (r <= V) return 50;
   const n = 100 / 3;
   if (A <= V) {
-    const d = V > 0 ? V : 1;
-    return DA(A / d * n);
+    const e = V > 0 ? V : 1;
+    return DA(A / e * n);
   }
   if (A <= r) {
-    const d = r - V, u = d > 0 ? (A - V) / d : 0;
+    const e = r - V, u = e > 0 ? (A - V) / e : 0;
     return DA(n + u * n);
   }
   const K = r - V, k = K > 0 ? K : 1, c = Math.min(1, (A - r) / k);
@@ -2809,7 +2809,7 @@ function zp({
   onClick: p
 }) {
   return /* @__PURE__ */ t(tA, { content: l, side: "bottom", children: /* @__PURE__ */ t(
-    F,
+    f,
     {
       type: "button",
       align: "center",
@@ -2877,16 +2877,16 @@ function Xp({
       /* @__PURE__ */ t("div", { className: "col-span-full border-b border-gray-200" }),
       l.map((k, c) => /* @__PURE__ */ a("div", { className: "contents", children: [
         /* @__PURE__ */ t("span", { className: `${r} ${k.labelClassName ?? ""}`.trim(), children: k.label }),
-        K(k).map(({ key: d, value: u, tone: o }) => /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-center self-center py-2.5", children: /* @__PURE__ */ t(
+        K(k).map(({ key: e, value: u, tone: W }) => /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-center self-center py-2.5", children: /* @__PURE__ */ t(
           Yl,
           {
             value: u,
             variant: k.valueVariant,
             size: "comparison",
-            tone: o,
+            tone: W,
             className: "shrink-0 tabular-nums"
           }
-        ) }, d)),
+        ) }, e)),
         c < l.length - 1 ? /* @__PURE__ */ t("div", { className: "col-span-full border-b border-gray-200" }) : null
       ] }, k.label))
     ] }),
@@ -3012,13 +3012,13 @@ function xp(A, l) {
 const yt = "color-mix(in srgb, var(--mb-color-card-border) 76%, transparent)", Et = "rgb(235, 235, 235)";
 function gA(A) {
   if (A.layout === "labAnalysis") {
-    const { title: e, markers: R, trendZone: O, onMarkerClick: J } = A, i = nl(O);
+    const { title: d, markers: o, trendZone: b, onMarkerClick: J } = A, i = nl(b);
     return /* @__PURE__ */ a(Ut, { borderColor: yt, children: [
-      /* @__PURE__ */ t(Vt, { title: e, headerBackground: Et }),
+      /* @__PURE__ */ t(Vt, { title: d, headerBackground: Et }),
       /* @__PURE__ */ t(
         cV,
         {
-          markers: R,
+          markers: o,
           onMarkerClick: J,
           rangeBar: {
             segments: Hp,
@@ -3031,19 +3031,19 @@ function gA(A) {
     ] });
   }
   if (A.layout === "labResults") {
-    const { category: e, onInfoClick: R } = A, O = e.indicatorPercent === void 0 ? void 0 : Kl(jA, e.indicatorPercent);
-    return /* @__PURE__ */ a(Ut, { trendColor: O, children: [
+    const { category: d, onInfoClick: o } = A, b = d.indicatorPercent === void 0 ? void 0 : Kl(jA, d.indicatorPercent);
+    return /* @__PURE__ */ a(Ut, { trendColor: b, children: [
       /* @__PURE__ */ t(
         Vt,
         {
-          title: e.title,
-          trendColor: O,
+          title: d.title,
+          trendColor: b,
           trailingInfo: /* @__PURE__ */ t(
             zp,
             {
-              ariaLabel: e.infoAriaLabel,
-              tooltip: e.infoTooltip ?? e.infoAriaLabel,
-              onClick: R
+              ariaLabel: d.infoAriaLabel,
+              tooltip: d.infoTooltip ?? d.infoAriaLabel,
+              onClick: o
             }
           )
         }
@@ -3051,13 +3051,13 @@ function gA(A) {
       /* @__PURE__ */ t(
         uV,
         {
-          normalRange: e.normalRange,
-          currentRange: e.currentRange,
-          previousRange: e.previousRange,
+          normalRange: d.normalRange,
+          currentRange: d.currentRange,
+          previousRange: d.previousRange,
           rangeBar: {
             segments: jA,
-            indicatorPercent: e.indicatorPercent,
-            previousIndicatorPercent: e.previousIndicatorPercent,
+            indicatorPercent: d.indicatorPercent,
+            previousIndicatorPercent: d.previousIndicatorPercent,
             indicatorPosition: "segmentCenter"
           }
         }
@@ -3066,34 +3066,34 @@ function gA(A) {
   }
   if (A.layout === "metricRows") {
     const {
-      title: e,
-      infoAriaLabel: R,
-      infoTooltip: O,
+      title: d,
+      infoAriaLabel: o,
+      infoTooltip: b,
       onInfoClick: J,
       showInfoButton: i = !0,
-      rows: j,
-      indicatorPercent: I,
-      indicatorPosition: H,
+      rows: I,
+      indicatorPercent: O,
+      indicatorPosition: E,
       segments: X = TA,
-      neutralFrame: E
-    } = A, P = I === void 0 ? void 0 : Kl(X, I);
+      neutralFrame: s
+    } = A, P = O === void 0 ? void 0 : Kl(X, O);
     return /* @__PURE__ */ a(
       Ut,
       {
-        trendColor: E ? void 0 : P,
-        borderColor: E ? yt : void 0,
+        trendColor: s ? void 0 : P,
+        borderColor: s ? yt : void 0,
         children: [
           /* @__PURE__ */ t(
             Vt,
             {
-              title: e,
-              trendColor: E ? void 0 : P,
-              headerBackground: E ? Et : void 0,
+              title: d,
+              trendColor: s ? void 0 : P,
+              headerBackground: s ? Et : void 0,
               trailingInfo: i ? /* @__PURE__ */ t(
                 zp,
                 {
-                  ariaLabel: R,
-                  tooltip: O ?? R,
+                  ariaLabel: o,
+                  tooltip: b ?? o,
                   onClick: J
                 }
               ) : void 0
@@ -3102,11 +3102,11 @@ function gA(A) {
           /* @__PURE__ */ t(
             dV,
             {
-              rows: j,
+              rows: I,
               rangeBar: {
                 segments: X,
-                indicatorPercent: I,
-                indicatorPosition: H
+                indicatorPercent: O,
+                indicatorPosition: E
               }
             }
           )
@@ -3116,28 +3116,28 @@ function gA(A) {
   }
   if (A.layout === "questionnaire") {
     const {
-      category: e,
-      currentRangeLabel: R = "Current Range",
-      previousRangeLabel: O = "Previous Range",
+      category: d,
+      currentRangeLabel: o = "Current Range",
+      previousRangeLabel: b = "Previous Range",
       onCategoryClick: J
-    } = A, i = xp(O, "Previous"), j = xp(R, "Current"), I = nl(e.trendZone), H = e.previousTrendZone === void 0 ? void 0 : nl(e.previousTrendZone), X = !!(J && e.organKey), E = X ? () => J == null ? void 0 : J(e) : void 0, P = {
+    } = A, i = xp(b, "Previous"), I = xp(o, "Current"), O = nl(d.trendZone), E = d.previousTrendZone === void 0 ? void 0 : nl(d.previousTrendZone), X = !!(J && d.organKey), s = X ? () => J == null ? void 0 : J(d) : void 0, P = {
       "data-mc-audit-kind": "questionnaire-category",
-      "data-mc-metric-name": e.title,
-      "data-mc-symptom-score": e.symptomScore,
-      "data-mc-previous-symptom-score": e.previousSymptom,
-      "data-mc-risk": e.riskLabel ?? e.trendZone,
-      "data-mc-trend-zone": e.trendZone,
-      "data-mc-previous-trend-zone": e.previousTrendZone,
-      "data-mc-indicator-percent": I,
-      "data-mc-previous-indicator-percent": H
+      "data-mc-metric-name": d.title,
+      "data-mc-symptom-score": d.symptomScore,
+      "data-mc-previous-symptom-score": d.previousSymptom,
+      "data-mc-risk": d.riskLabel ?? d.trendZone,
+      "data-mc-trend-zone": d.trendZone,
+      "data-mc-previous-trend-zone": d.previousTrendZone,
+      "data-mc-indicator-percent": O,
+      "data-mc-previous-indicator-percent": E
     }, Q = /* @__PURE__ */ a(Ut, { borderColor: yt, children: [
       /* @__PURE__ */ t(
         Vt,
         {
-          title: e.title,
+          title: d.title,
           headerBackground: Et,
           titleAccessoryPlacement: "inline",
-          titleAccessory: /* @__PURE__ */ t(tA, { content: e.infoTooltip ?? e.infoAriaLabel, side: "bottom", children: /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 text-[#1C2024]", "aria-hidden": !0, children: /* @__PURE__ */ t(_, { className: "size-4" }) }) }),
+          titleAccessory: /* @__PURE__ */ t(tA, { content: d.infoTooltip ?? d.infoAriaLabel, side: "bottom", children: /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 text-[#1C2024]", "aria-hidden": !0, children: /* @__PURE__ */ t(_, { className: "size-4" }) }) }),
           trailingInfo: /* @__PURE__ */ t(tt, { className: "size-4 shrink-0 text-[color:var(--mb-color-text)]" })
         }
       ),
@@ -3145,18 +3145,18 @@ function gA(A) {
         Xp,
         {
           variant: "questionnaire",
-          columnHeaders: [i, j],
+          columnHeaders: [i, I],
           rows: [
             {
               label: "Symptom Score",
-              current: e.symptomScore,
-              previous: e.previousSymptom
+              current: d.symptomScore,
+              previous: d.previousSymptom
             }
           ],
           rangeBar: {
             segments: Hp,
-            indicatorPercent: I,
-            previousIndicatorPercent: H,
+            indicatorPercent: O,
+            previousIndicatorPercent: E,
             indicatorPosition: "segmentCenter",
             dimInactiveSegments: !1,
             className: "mt-1",
@@ -3171,16 +3171,16 @@ function gA(A) {
         {
           type: "button",
           className: "w-full min-w-0 cursor-pointer rounded-lg border-0 bg-transparent p-0 text-left transition-colors hover:bg-[color:var(--mb-color-nav-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)]",
-          onClick: E,
-          "aria-label": `View ${e.title} details`,
+          onClick: s,
+          "aria-label": `View ${d.title} details`,
           ...P,
           children: Q
         }
       ),
-      /* @__PURE__ */ t(rA, { targetId: e.noteTargetId })
+      /* @__PURE__ */ t(rA, { targetId: d.noteTargetId })
     ] }) : /* @__PURE__ */ a("div", { className: "mb-note-surface", ...P, children: [
       Q,
-      /* @__PURE__ */ t(rA, { targetId: e.noteTargetId })
+      /* @__PURE__ */ t(rA, { targetId: d.noteTargetId })
     ] });
   }
   const {
@@ -3196,7 +3196,7 @@ function gA(A) {
     q,
     l.trendIndicatorPercent,
     U
-  ), K = Kl(jA, n), k = !!(V && l.organKey), c = k ? () => V == null ? void 0 : V(l) : void 0, d = l.infoAriaLabel ?? `${l.title} information`, u = l.infoTooltip ?? d, o = k ? "w-full min-w-0 cursor-pointer border-0 bg-transparent p-0 text-left transition-colors hover:bg-[color:var(--mb-color-nav-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)]" : "", b = /* @__PURE__ */ t(lA, { children: /* @__PURE__ */ a(
+  ), K = Kl(jA, n), k = !!(V && l.organKey), c = k ? () => V == null ? void 0 : V(l) : void 0, e = l.infoAriaLabel ?? `${l.title} information`, u = l.infoTooltip ?? e, W = k ? "w-full min-w-0 cursor-pointer border-0 bg-transparent p-0 text-left transition-colors hover:bg-[color:var(--mb-color-nav-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)]" : "", j = /* @__PURE__ */ t(lA, { children: /* @__PURE__ */ a(
     Ut,
     {
       trendColor: r ? void 0 : K,
@@ -3257,15 +3257,15 @@ function gA(A) {
       "button",
       {
         type: "button",
-        className: o,
+        className: W,
         onClick: c,
         "aria-label": `View ${l.title} details`,
-        children: b
+        children: j
       }
     ),
     /* @__PURE__ */ t(rA, { targetId: l.noteTargetId })
   ] }) : /* @__PURE__ */ a("div", { className: "mb-note-surface", children: [
-    b,
+    j,
     /* @__PURE__ */ t(rA, { targetId: l.noteTargetId })
   ] });
 }
@@ -3276,7 +3276,7 @@ const oV = {
   4: "text-[color:var(--mb-color-triad-4)]",
   5: "text-[color:var(--mb-color-triad-5)]"
 };
-({ ...s.triad });
+({ ...H.triad });
 function Nl({
   triadNumber: A,
   heading: l,
@@ -3288,7 +3288,7 @@ function Nl({
   infoTooltip: r,
   onInfoClick: n
 }) {
-  const K = V ?? `${l} information`, k = r ?? K, c = q ? "text-[color:var(--mb-color-text)]" : U ? oV[U] : "text-[color:var(--mb-color-text)]", d = q ? `var(--mb-color-risk-${q})` : "var(--mb-color-card-border)", u = q ? `var(--mb-color-risk-${q}-tint)` : "var(--mb-color-card-bg)", o = p.endsWith(":") ? p : `${p}:`;
+  const K = V ?? `${l} information`, k = r ?? K, c = q ? "text-[color:var(--mb-color-text)]" : U ? oV[U] : "text-[color:var(--mb-color-text)]", e = q ? `var(--mb-color-risk-${q})` : "var(--mb-color-card-border)", u = q ? `var(--mb-color-risk-${q}-tint)` : "var(--mb-color-card-bg)", W = p.endsWith(":") ? p : `${p}:`;
   return /* @__PURE__ */ a("div", { className: "mb-note-surface mb-6 flex min-w-0 flex-col items-stretch gap-3 @min-[30rem]:flex-row @min-[30rem]:items-center @min-[30rem]:justify-between @min-[30rem]:gap-4", children: [
     /* @__PURE__ */ t(rA, { targetId: `metric:triad${A}` }),
     /* @__PURE__ */ a("div", { className: "flex w-full min-w-0 items-center gap-2 @min-[30rem]:w-auto @min-[30rem]:flex-1", children: [
@@ -3296,7 +3296,7 @@ function Nl({
       /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
         /* @__PURE__ */ t("h2", { className: "m-0 min-w-0 break-words text-xl font-bold leading-tight text-[color:var(--mb-color-text)]", children: l }),
         /* @__PURE__ */ t(tA, { content: k, side: "bottom", children: /* @__PURE__ */ t(
-          F,
+          f,
           {
             type: "button",
             align: "center",
@@ -3309,12 +3309,12 @@ function Nl({
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex w-full min-w-0 items-center justify-between gap-2 @min-[30rem]:w-auto @min-[30rem]:shrink-0 @min-[30rem]:justify-start", children: [
-      /* @__PURE__ */ t("span", { className: "text-base font-bold text-[color:var(--mb-color-text)]", children: o }),
+      /* @__PURE__ */ t("span", { className: "text-base font-bold text-[color:var(--mb-color-text)]", children: W }),
       /* @__PURE__ */ t(
         "span",
         {
           className: `inline-flex max-w-full min-w-[4rem] items-center justify-center rounded-[length:var(--mb-badge-radius)] border px-3 py-1 text-[1.75rem] font-bold leading-none tabular-nums ${c}`,
-          style: { borderColor: d, backgroundColor: u },
+          style: { borderColor: e, backgroundColor: u },
           children: S
         }
       )
@@ -3332,9 +3332,9 @@ function WV(A) {
     descriptionParagraphs: r,
     descriptionPrimary: n,
     descriptionSecondary: K
-  } = A, k = U ?? [], [c, d] = y(
-    () => k.find((R) => R.statusExplanationPanel) ?? null
-  ), [u, o] = y(!1), b = r != null && r.length ? r : [n, K].filter((R) => !!R), e = mA();
+  } = A, k = U ?? [], [c, e] = y(
+    () => k.find((o) => o.statusExplanationPanel) ?? null
+  ), [u, W] = y(!1), j = r != null && r.length ? r : [n, K].filter((o) => !!o), d = mA();
   return /* @__PURE__ */ a(lA, { children: [
     /* @__PURE__ */ a(m, { className: "@container flex min-w-0 flex-col", children: [
       /* @__PURE__ */ t(
@@ -3354,25 +3354,25 @@ function WV(A) {
           title: q,
           markers: k,
           trendZone: V,
-          onMarkerClick: (R) => {
-            R.statusExplanationPanel && (d(R), o(!0));
+          onMarkerClick: (o) => {
+            o.statusExplanationPanel && (e(o), W(!0));
           }
         }
       ),
-      b.length > 0 ? /* @__PURE__ */ t("div", { className: "mt-5 space-y-4 text-sm leading-relaxed text-[color:var(--mb-color-text-muted)]", children: b.map((R) => /* @__PURE__ */ t(
+      j.length > 0 ? /* @__PURE__ */ t("div", { className: "mt-5 space-y-4 text-sm leading-relaxed text-[color:var(--mb-color-text-muted)]", children: j.map((o) => /* @__PURE__ */ t(
         "p",
         {
           className: "m-0",
-          children: R
+          children: o
         },
-        e(`${l}-${R}`, "lab-analysis-description")
+        d(`${l}-${o}`, "lab-analysis-description")
       )) }) : null
     ] }),
     c != null && c.statusExplanationPanel && c.status && u ? /* @__PURE__ */ t(
       JA,
       {
         open: !0,
-        onClose: () => o(!1),
+        onClose: () => W(!1),
         title: c.statusExplanationPanel.panelTitle ?? c.label,
         trendStatus: c.status,
         bodyParagraphs: c.statusExplanationPanel.bodyParagraphs ?? [],
@@ -3517,7 +3517,7 @@ function QA({
 }) {
   return /* @__PURE__ */ t("div", { className: l, role: "status", "aria-busy": "true", "aria-live": "polite", children: A });
 }
-function W({ className: A = "" }) {
+function R({ className: A = "" }) {
   return /* @__PURE__ */ t("div", { className: `mb-skeleton rounded-md ${A}`.trim(), "aria-hidden": !0 });
 }
 function gp({ className: A = "" }) {
@@ -3552,7 +3552,7 @@ function Cl({ size: A = "compact" }) {
     "span",
     {
       className: `inline-flex h-[2rem] ${A === "range" ? "w-[9rem]" : "w-[4.25rem]"} shrink-0 items-center justify-center rounded-[length:var(--mb-badge-radius)] bg-[#ebebeb] px-2`,
-      children: /* @__PURE__ */ t(W, { className: "h-3 w-7" })
+      children: /* @__PURE__ */ t(R, { className: "h-3 w-7" })
     }
   );
 }
@@ -3628,8 +3628,8 @@ function TV({ markerSlots: A }) {
       {
         className: "flex min-w-0 items-baseline gap-1 text-sm text-[color:var(--mb-color-text)]",
         children: [
-          /* @__PURE__ */ t(W, { className: "h-4 w-[min(100%,6rem)]" }),
-          /* @__PURE__ */ t(W, { className: "h-4 w-8 shrink-0" })
+          /* @__PURE__ */ t(R, { className: "h-4 w-[min(100%,6rem)]" }),
+          /* @__PURE__ */ t(R, { className: "h-4 w-8 shrink-0" })
         ]
       },
       `slot-${l}`
@@ -3688,35 +3688,35 @@ function Ic({ children: A }) {
 function yV(A) {
   if (A.variant === "questionnaire") {
     const {
-      triadNumber: O,
+      triadNumber: b,
       heading: J,
       aggregateScore: i,
-      aggregateTrendZone: j,
-      categories: I,
-      currentRangeLabel: H,
+      aggregateTrendZone: I,
+      categories: O,
+      currentRangeLabel: E,
       previousRangeLabel: X,
-      onCategoryInfoClick: E,
+      onCategoryInfoClick: s,
       onCategoryClick: P
     } = A;
     return /* @__PURE__ */ a(m, { className: "@container flex min-w-0 flex-col", children: [
       /* @__PURE__ */ t(
         Nl,
         {
-          triadNumber: O,
+          triadNumber: b,
           heading: J,
           scoreLabel: "Score",
           score: i,
-          scoreTone: j === "unknown" ? void 0 : j
+          scoreTone: I === "unknown" ? void 0 : I
         }
       ),
-      /* @__PURE__ */ t("div", { className: "grid min-w-0 grid-cols-1 gap-4 @min-[44rem]:grid-cols-2 @min-[72rem]:grid-cols-3", children: (I ?? []).map((Z) => /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { className: "grid min-w-0 grid-cols-1 gap-4 @min-[44rem]:grid-cols-2 @min-[72rem]:grid-cols-3", children: (O ?? []).map((Z) => /* @__PURE__ */ t(
         gA,
         {
           layout: "questionnaire",
           category: Z,
-          currentRangeLabel: H,
+          currentRangeLabel: E,
           previousRangeLabel: X,
-          onInfoClick: E,
+          onInfoClick: s,
           onCategoryClick: P
         },
         Z.title
@@ -3734,9 +3734,9 @@ function yV(A) {
     previousRangeLabel: K = "Previous Range",
     trendBar: k,
     categories: c,
-    onInfoClick: d,
+    onInfoClick: e,
     onCategoryClick: u
-  } = A, o = c ?? [], b = U === "unknown" ? void 0 : U, e = o.map((O) => wl(O.totalScore));
+  } = A, W = c ?? [], j = U === "unknown" ? void 0 : U, d = W.map((b) => wl(b.totalScore));
   return /* @__PURE__ */ a(m, { className: "@container flex min-w-0 flex-col", children: [
     /* @__PURE__ */ t(
       Nl,
@@ -3745,25 +3745,25 @@ function yV(A) {
         heading: S,
         scoreLabel: "Score",
         score: q,
-        scoreTone: b,
+        scoreTone: j,
         scoreFallbackTone: p,
         infoAriaLabel: V,
         infoTooltip: r ?? V,
-        onInfoClick: d
+        onInfoClick: e
       }
     ),
-    /* @__PURE__ */ t("div", { className: "grid min-w-0 grid-cols-1 gap-4 @min-[44rem]:grid-cols-2 @min-[72rem]:grid-cols-3", children: o.map((O) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { className: "grid min-w-0 grid-cols-1 gap-4 @min-[44rem]:grid-cols-2 @min-[72rem]:grid-cols-3", children: W.map((b) => /* @__PURE__ */ t(
       gA,
       {
         layout: "triadResiliency",
-        category: O,
+        category: b,
         currentRangeLabel: n,
         previousRangeLabel: K,
-        siblingTotals: e,
+        siblingTotals: d,
         trendBar: k,
         onCategoryClick: u
       },
-      O.title
+      b.title
     )) })
   ] });
 }
@@ -3782,7 +3782,7 @@ function EV({
     /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-1.5", children: [
       /* @__PURE__ */ t("h2", { className: "m-0 min-w-0 break-words p-0 text-xl font-bold text-[color:var(--mb-color-text)]", children: A }),
       q && n ? /* @__PURE__ */ t(tA, { content: n, children: /* @__PURE__ */ t(
-        F,
+        f,
         {
           type: "button",
           align: "center",
@@ -3856,15 +3856,15 @@ function NV({
   questionnaireLastLabel: K,
   labsRowLabel: k,
   labsLastLabel: c,
-  wearableRowLabel: d,
+  wearableRowLabel: e,
   wearableValueLabel: u,
-  className: o = ""
+  className: W = ""
 }) {
-  const b = r ?? V, e = !!(n && K), R = !!(k && c), O = !!(d && u), J = e || R || O, i = Xt(p, { min: 0, max: 100 }), j = Math.round(Xt(l, { min: 0, max: 100 }));
+  const j = r ?? V, d = !!(n && K), o = !!(k && c), b = !!(e && u), J = d || o || b, i = Xt(p, { min: 0, max: 100 }), I = Math.round(Xt(l, { min: 0, max: 100 }));
   return /* @__PURE__ */ a(
     m,
     {
-      className: `@container min-w-0 ${o}`.trim(),
+      className: `@container min-w-0 ${W}`.trim(),
       "data-mc-audit-kind": "overall-score",
       "data-mc-score": p,
       "data-mc-status": q,
@@ -3873,8 +3873,8 @@ function NV({
         /* @__PURE__ */ a("div", { className: "mb-4 flex min-w-0 flex-col items-stretch gap-2 @min-[30rem]:flex-row @min-[30rem]:items-start @min-[30rem]:justify-between @min-[30rem]:gap-4", children: [
           /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-1.5 @min-[30rem]:flex-1", children: [
             /* @__PURE__ */ t("h2", { className: "m-0 min-w-0 break-words p-0 text-xl font-bold text-[color:var(--mb-color-text)]", children: A }),
-            V && b ? /* @__PURE__ */ t(tA, { content: b, children: /* @__PURE__ */ t(
-              F,
+            V && j ? /* @__PURE__ */ t(tA, { content: j, children: /* @__PURE__ */ t(
+              f,
               {
                 type: "button",
                 align: "center",
@@ -3889,7 +3889,7 @@ function NV({
             {
               className: `max-w-full shrink-0 self-end text-[3.75rem] font-bold leading-none @min-[30rem]:self-auto ${S}`,
               children: [
-                j,
+                I,
                 "%"
               ]
             }
@@ -3906,7 +3906,7 @@ function NV({
           }
         ),
         J ? /* @__PURE__ */ a("ul", { className: "list-none p-0 mx-0 mb-0 mt-4", children: [
-          e ? /* @__PURE__ */ t(
+          d ? /* @__PURE__ */ t(
             At,
             {
               Icon: Dt,
@@ -3914,22 +3914,22 @@ function NV({
               badge: K
             }
           ) : null,
-          R ? /* @__PURE__ */ t(
+          o ? /* @__PURE__ */ t(
             At,
             {
               Icon: vl,
               label: k,
               badge: c,
-              bordered: e
+              bordered: d
             }
           ) : null,
-          O ? /* @__PURE__ */ t(
+          b ? /* @__PURE__ */ t(
             At,
             {
               Icon: Gl,
-              label: d,
+              label: e,
               badge: u,
-              bordered: e || R
+              bordered: d || o
             }
           ) : null
         ] }) : null
@@ -4034,7 +4034,7 @@ function zV(A) {
     imageSrc: S,
     imageAlt: q,
     scheduleRows: U
-  }, c = () => V == null ? void 0 : V(k), d = !!V;
+  }, c = () => V == null ? void 0 : V(k), e = !!V;
   return /* @__PURE__ */ a(
     m,
     {
@@ -4045,7 +4045,7 @@ function zV(A) {
       children: [
         /* @__PURE__ */ t(rA, { targetId: A.noteTargetId }),
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-wrap items-start gap-3 sm:gap-4", children: [
-          d ? /* @__PURE__ */ t(
+          e ? /* @__PURE__ */ t(
             "button",
             {
               type: "button",
@@ -4062,7 +4062,7 @@ function zV(A) {
             {
               type: "button",
               onClick: c,
-              disabled: !d,
+              disabled: !e,
               className: "relative mx-auto aspect-square w-full max-w-60 shrink-0 rounded-[length:var(--mb-radius-button)] border-0 bg-transparent p-0 transition enabled:cursor-pointer enabled:hover:bg-[color:var(--mb-color-nav-hover)] enabled:focus-visible:outline-none enabled:focus-visible:ring-2 enabled:focus-visible:ring-[color:var(--mb-color-focus-ring)] md:mx-0 md:w-44 md:max-w-44 md:basis-44 xl:w-40 xl:max-w-40 xl:basis-40 2xl:w-44 2xl:max-w-44 2xl:basis-44",
               "aria-label": `View ${l} product information`,
               children: /* @__PURE__ */ t(
@@ -4109,7 +4109,7 @@ function ic({
         title: A,
         trailingInline: !0,
         trailing: /* @__PURE__ */ t(tA, { content: p ?? l, children: /* @__PURE__ */ t(
-          F,
+          f,
           {
             type: "button",
             align: "center",
@@ -4123,7 +4123,7 @@ function ic({
     /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col justify-end", children: [
       /* @__PURE__ */ t($U, { labels: S, values: q, fill: U, stroke: V }),
       /* @__PURE__ */ t(
-        F,
+        f,
         {
           type: "button",
           variant: "soft",
@@ -4145,7 +4145,7 @@ function XV({
 }) {
   return /* @__PURE__ */ a(m, { className: "relative min-w-0 overflow-hidden !rounded-xl !border-0 !bg-[color:var(--mb-color-welcome-banner-bg)] !p-5 text-white sm:!p-6", children: [
     S ? /* @__PURE__ */ t(
-      F,
+      f,
       {
         type: "button",
         variant: "default",
@@ -4198,7 +4198,7 @@ function Tc({
       /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-2 sm:min-w-0 sm:flex-1", children: [
         /* @__PURE__ */ t("h2", { className: "min-w-0 flex-1 break-words text-xl font-bold leading-snug text-[color:var(--mb-color-text)]", children: A }),
         /* @__PURE__ */ t(tA, { content: S ?? p, children: /* @__PURE__ */ t(
-          F,
+          f,
           {
             type: "button",
             align: "center",
@@ -4405,7 +4405,7 @@ function DV({
                   className: "size-6 shrink-0 text-[color:var(--mb-color-text)]"
                 }
               ) : /* @__PURE__ */ t(tA, { content: r, children: /* @__PURE__ */ t(
-                F,
+                f,
                 {
                   type: "button",
                   align: "center",
@@ -4560,14 +4560,14 @@ function $V(A) {
     };
   });
 }
-const { risk: xA } = s;
+const { risk: xA } = H;
 function Ar(A, l, p) {
   const S = l.trim() || "Category", q = p == null ? void 0 : p.trim();
   if (q) {
-    const U = A === "high" || A === "low" ? xA.high : A === "trending" ? xA.moderate : A === "optimal" ? xA.low : s.ui.textMuted;
+    const U = A === "high" || A === "low" ? xA.high : A === "trending" ? xA.moderate : A === "optimal" ? xA.low : H.ui.textMuted;
     return { text: `Your ${S} is ${q}`, color: U };
   }
-  return A === "optimal" ? { text: `Your ${S} is Optimal`, color: xA.low } : A === "high" ? { text: `Your ${S} is High`, color: xA.high } : A === "low" ? { text: `Your ${S} is Low`, color: xA.high } : A === "trending" ? { text: `Your ${S} is Trending`, color: xA.moderate } : { text: `Your ${S} risk is unavailable`, color: s.ui.textMuted };
+  return A === "optimal" ? { text: `Your ${S} is Optimal`, color: xA.low } : A === "high" ? { text: `Your ${S} is High`, color: xA.high } : A === "low" ? { text: `Your ${S} is Low`, color: xA.high } : A === "trending" ? { text: `Your ${S} is Trending`, color: xA.moderate } : { text: `Your ${S} risk is unavailable`, color: H.ui.textMuted };
 }
 function Dp(A) {
   if (A === "optimal") return 16.67;
@@ -4731,7 +4731,7 @@ function t1({
 const Mp = HS(M), l1 = ["--mb-color-focus-ring", "--mb-color-focus-offset"];
 function MS() {
   const A = x(Mp), [, l] = y(0);
-  return h(() => {
+  return F(() => {
     const p = { ...Mp }, S = document.querySelector(".mb-root");
     if (S instanceof HTMLElement) {
       const q = getComputedStyle(S), U = (r) => {
@@ -4856,60 +4856,60 @@ function JA({
   organKey: K,
   organContent: k,
   patientGender: c,
-  alertLabDetail: d
+  alertLabDetail: e
 }) {
-  var nA, AA, G, dA, oA, cA, kA, KA, uA, EA, sA, HA;
-  const u = hA(), [o, b] = y(!1), [e, R] = y(A), [O, J] = y(!1), i = MS(), j = K && k ? k[K] : void 0, I = V != null ? {
+  var nA, AA, h, dA, oA, cA, kA, KA, uA, EA, sA, HA;
+  const u = hA(), [W, j] = y(!1), [d, o] = y(A), [b, J] = y(!1), i = MS(), I = K && k ? k[K] : void 0, O = V != null ? {
     ...V,
     currentDateLabel: ((nA = V.currentDateLabel) == null ? void 0 : nA.trim()) || (r == null ? void 0 : r.trim()) || void 0
-  } : void 0, H = ((AA = I == null ? void 0 : I.name) == null ? void 0 : AA.trim()) || p.trim() || "Category", X = Ar(S, H, I == null ? void 0 : I.riskLabel), E = n != null && ((G = I == null ? void 0 : I.name) != null && G.trim()) ? `Triad ${n}: ${I.name.trim()}` : n != null ? `Triad ${n}` : p, P = (dA = I == null ? void 0 : I.previousSymptomScore) == null ? void 0 : dA.trim(), Q = (oA = I == null ? void 0 : I.previousLabScore) == null ? void 0 : oA.trim(), f = (cA = I == null ? void 0 : I.previousTotalScore) == null ? void 0 : cA.trim(), Z = !!(P && P !== "—" && P !== "-" && P !== "–") || !!(Q && Q !== "—" && Q !== "-" && Q !== "–") || !!(f && f !== "—" && f !== "-" && f !== "–"), C = ((kA = I == null ? void 0 : I.previousDateLabel) == null ? void 0 : kA.trim()) || "Previous", L = ((KA = I == null ? void 0 : I.currentDateLabel) == null ? void 0 : KA.trim()) || "Current", $ = I != null && I.scoreLayout !== "questionnaire" && !!((uA = I.currentDateLabel) != null && uA.trim()) && !!((EA = I.previousDateLabel) != null && EA.trim()) && Z, D = S === "high" || S === "low" ? "high" : S === "trending" ? "moderate" : S === "optimal" ? "low" : "unknown", v = d ? /* @__PURE__ */ t("div", { className: "min-w-0", children: /* @__PURE__ */ t(S1, { detail: d }) }) : I ? /* @__PURE__ */ t("div", { className: "min-w-0", children: I.scoreLayout === "questionnaire" ? /* @__PURE__ */ t(
+  } : void 0, E = ((AA = O == null ? void 0 : O.name) == null ? void 0 : AA.trim()) || p.trim() || "Category", X = Ar(S, E, O == null ? void 0 : O.riskLabel), s = n != null && ((h = O == null ? void 0 : O.name) != null && h.trim()) ? `Triad ${n}: ${O.name.trim()}` : n != null ? `Triad ${n}` : p, P = (dA = O == null ? void 0 : O.previousSymptomScore) == null ? void 0 : dA.trim(), Q = (oA = O == null ? void 0 : O.previousLabScore) == null ? void 0 : oA.trim(), G = (cA = O == null ? void 0 : O.previousTotalScore) == null ? void 0 : cA.trim(), Z = !!(P && P !== "—" && P !== "-" && P !== "–") || !!(Q && Q !== "—" && Q !== "-" && Q !== "–") || !!(G && G !== "—" && G !== "-" && G !== "–"), C = ((kA = O == null ? void 0 : O.previousDateLabel) == null ? void 0 : kA.trim()) || "Previous", L = ((KA = O == null ? void 0 : O.currentDateLabel) == null ? void 0 : KA.trim()) || "Current", $ = O != null && O.scoreLayout !== "questionnaire" && !!((uA = O.currentDateLabel) != null && uA.trim()) && !!((EA = O.previousDateLabel) != null && EA.trim()) && Z, D = S === "high" || S === "low" ? "high" : S === "trending" ? "moderate" : S === "optimal" ? "low" : "unknown", v = e ? /* @__PURE__ */ t("div", { className: "min-w-0", children: /* @__PURE__ */ t(S1, { detail: e }) }) : O ? /* @__PURE__ */ t("div", { className: "min-w-0", children: O.scoreLayout === "questionnaire" ? /* @__PURE__ */ t(
     gA,
     {
       layout: "questionnaire",
       category: {
-        title: I.name,
-        infoAriaLabel: `${I.name} scores`,
-        symptomScore: I.symptomScore,
-        previousSymptom: I.previousSymptomScore,
-        trendZone: I.trendZone ?? D
+        title: O.name,
+        infoAriaLabel: `${O.name} scores`,
+        symptomScore: O.symptomScore,
+        previousSymptom: O.previousSymptomScore,
+        trendZone: O.trendZone ?? D
       },
-      currentRangeLabel: ((sA = I.currentDateLabel) == null ? void 0 : sA.trim()) || "Current Range",
-      previousRangeLabel: ((HA = I.previousDateLabel) == null ? void 0 : HA.trim()) || "Previous Range"
+      currentRangeLabel: ((sA = O.currentDateLabel) == null ? void 0 : sA.trim()) || "Current Range",
+      previousRangeLabel: ((HA = O.previousDateLabel) == null ? void 0 : HA.trim()) || "Previous Range"
     }
   ) : $ ? /* @__PURE__ */ t(
     gA,
     {
       layout: "triadResiliency",
       category: {
-        title: I.name,
-        symptomScore: I.symptomScore,
-        labScore: I.labScore ?? "—",
-        totalScore: I.totalScore ?? I.symptomScore,
-        previousSymptom: I.previousSymptomScore,
-        previousLab: I.previousLabScore,
-        previousTotal: I.previousTotalScore,
+        title: O.name,
+        symptomScore: O.symptomScore,
+        labScore: O.labScore ?? "—",
+        totalScore: O.totalScore ?? O.symptomScore,
+        previousSymptom: O.previousSymptomScore,
+        previousLab: O.previousLabScore,
+        previousTotal: O.previousTotalScore,
         trendIndicatorPercent: Dp(S),
         organKey: K
       },
       currentRangeLabel: L,
       previousRangeLabel: C,
-      siblingTotals: [wl(I.totalScore ?? I.symptomScore)],
+      siblingTotals: [wl(O.totalScore ?? O.symptomScore)],
       neutralFrame: !0
     }
   ) : /* @__PURE__ */ t(
     gA,
     {
       layout: "metricRows",
-      title: I.name,
-      infoAriaLabel: `${I.name} scores`,
+      title: O.name,
+      infoAriaLabel: `${O.name} scores`,
       showInfoButton: !1,
       rows: [
-        { label: "Symptom Score", value: I.symptomScore },
-        ...I.labScore ? [{ label: "Lab Score", value: I.labScore }] : [],
-        ...I.totalScore ? [
+        { label: "Symptom Score", value: O.symptomScore },
+        ...O.labScore ? [{ label: "Lab Score", value: O.labScore }] : [],
+        ...O.totalScore ? [
           {
             label: "Total",
-            value: I.totalScore,
+            value: O.totalScore,
             valueVariant: "total",
             labelEmphasis: !0
           }
@@ -4921,31 +4921,31 @@ function JA({
       neutralFrame: !0
     }
   ) }) : null;
-  return h(() => {
+  return F(() => {
     J(!0);
-  }, []), h(() => {
+  }, []), F(() => {
     if (A) {
-      R(!0);
+      o(!0);
       const qA = requestAnimationFrame(() => {
-        requestAnimationFrame(() => b(!0));
+        requestAnimationFrame(() => j(!0));
       });
       return () => cancelAnimationFrame(qA);
     }
-    b(!1);
+    j(!1);
     const N = window.setTimeout(() => {
-      R(!1);
+      o(!1);
     }, 300);
     return () => window.clearTimeout(N);
-  }, [A]), h(() => {
-    if (!e) return;
+  }, [A]), F(() => {
+    if (!d) return;
     const N = (qA) => {
       qA.key === "Escape" && l();
     };
     return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
-  }, [e, l]), h(() => {
-    if (e)
+  }, [d, l]), F(() => {
+    if (d)
       return mS();
-  }, [e]), !O || typeof document > "u" || !e ? null : Bl(
+  }, [d]), !b || typeof document > "u" || !d ? null : Bl(
     /* @__PURE__ */ t("div", { className: "mb-root", style: i, children: /* @__PURE__ */ a("div", { className: "fixed inset-0 z-[9999] overflow-hidden", role: "presentation", children: [
       /* @__PURE__ */ t(
         "button",
@@ -4954,7 +4954,7 @@ function JA({
           className: "absolute inset-0 z-0 transition-opacity duration-300",
           style: {
             backgroundColor: "var(--mb-color-trend-panel-backdrop)",
-            opacity: o ? 1 : 0
+            opacity: W ? 1 : 0
           },
           "aria-label": "Close panel",
           onClick: l
@@ -4969,7 +4969,7 @@ function JA({
           className: "absolute right-0 top-0 z-10 flex h-full w-full max-w-[min(100vw,72rem)] shrink-0 flex-col overflow-hidden rounded-l-2xl border border-solid border-[color:var(--mb-color-card-border)] shadow-xl transition-[clip-path] duration-300 ease-out",
           style: {
             backgroundColor: "#FFFFFF",
-            clipPath: o ? "inset(0 0 0 0)" : "inset(0 0 0 100%)",
+            clipPath: W ? "inset(0 0 0 0)" : "inset(0 0 0 100%)",
             willChange: "clip-path",
             backfaceVisibility: "hidden"
           },
@@ -4990,7 +4990,7 @@ function JA({
                         id: u,
                         className: "m-0 min-w-0 flex-1 text-xl font-[510] leading-snug",
                         style: { color: "var(--mb-color-text)" },
-                        children: E
+                        children: s
                       }
                     )
                   ] }),
@@ -5004,7 +5004,7 @@ function JA({
                       }
                     ),
                     /* @__PURE__ */ t(
-                      F,
+                      f,
                       {
                         type: "button",
                         variant: "soft",
@@ -5031,14 +5031,14 @@ function JA({
                 children: X.text
               }
             ),
-            /* @__PURE__ */ t("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 py-4 sm:px-6 sm:py-6", children: j ? /* @__PURE__ */ a("div", { className: "grid min-w-0 grid-cols-1 gap-5 lg:grid-cols-[minmax(18rem,27rem)_minmax(0,1fr)] lg:items-start lg:gap-6", children: [
+            /* @__PURE__ */ t("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 py-4 sm:px-6 sm:py-6", children: I ? /* @__PURE__ */ a("div", { className: "grid min-w-0 grid-cols-1 gap-5 lg:grid-cols-[minmax(18rem,27rem)_minmax(0,1fr)] lg:items-start lg:gap-6", children: [
               /* @__PURE__ */ t("div", { className: "min-w-0", children: /* @__PURE__ */ t(
                 t1,
                 {
                   organKey: K,
-                  bodyImageUrl: j == null ? void 0 : j.images.body_url,
-                  organImageUrl: j == null ? void 0 : j.images.organ_url,
-                  organName: H,
+                  bodyImageUrl: I == null ? void 0 : I.images.body_url,
+                  organImageUrl: I == null ? void 0 : I.images.organ_url,
+                  organName: E,
                   patientGender: c
                 }
               ) }),
@@ -5047,7 +5047,7 @@ function JA({
                 /* @__PURE__ */ t(
                   wV,
                   {
-                    organData: j,
+                    organData: I,
                     introParagraphs: q,
                     bodyParagraphs: U
                   }
@@ -5056,10 +5056,10 @@ function JA({
             ] }) : /* @__PURE__ */ a(
               "div",
               {
-                className: `mx-auto flex w-full flex-col gap-4 ${d ? "max-w-6xl" : "max-w-3xl"}`,
+                className: `mx-auto flex w-full flex-col gap-4 ${e ? "max-w-6xl" : "max-w-3xl"}`,
                 children: [
                   v,
-                  d ? /* @__PURE__ */ t(U1, { detail: d }) : null,
+                  e ? /* @__PURE__ */ t(U1, { detail: e }) : null,
                   q.length > 0 && /* @__PURE__ */ t(
                     "div",
                     {
@@ -5541,7 +5541,7 @@ const R1 = YS.Provider;
 function _S({ label: A = "Export All Reports" }) {
   const { onExportReports: l, exportReportsDisabled: p = !1 } = $t(), [S, q] = y(!1), U = l;
   return U ? /* @__PURE__ */ a(
-    F,
+    f,
     {
       type: "button",
       variant: "default",
@@ -5623,10 +5623,10 @@ function yc({ content: A }) {
   return /* @__PURE__ */ a(lA, { children: [
     /* @__PURE__ */ a("div", { className: "mx-auto w-full min-w-0 space-y-6", children: [
       /* @__PURE__ */ t(SA, { title: l.title, subtitle: l.subtitle }),
-      /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-col gap-6", children: q.map(({ category: k, title: c, rows: d }) => /* @__PURE__ */ a(m, { className: "min-w-0", children: [
+      /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-col gap-6", children: q.map(({ category: k, title: c, rows: e }) => /* @__PURE__ */ a(m, { className: "min-w-0", children: [
         /* @__PURE__ */ t("h2", { className: "mb-4 m-0 text-xl font-bold text-[color:var(--mb-color-text)]", children: c }),
         /* @__PURE__ */ t(Sp, {}),
-        /* @__PURE__ */ t(qp, { rows: d, onSelect: V })
+        /* @__PURE__ */ t(qp, { rows: e, onSelect: V })
       ] }, k)) })
     ] }),
     U ? /* @__PURE__ */ t(
@@ -5652,15 +5652,15 @@ function yc({ content: A }) {
 function I1() {
   return /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-col overflow-hidden rounded-[length:var(--mb-radius-button)] border border-solid border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] [border-width:0.0625rem] 2xl:flex-row 2xl:items-stretch", children: [
     /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-2 bg-[color:var(--mb-color-badge-bg)]/40 px-3 py-2.5 2xl:w-[20rem] 2xl:shrink-0", children: [
-      /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded" }),
-      /* @__PURE__ */ t(W, { className: "h-3.5 min-w-0 flex-1 max-w-[14rem] sm:h-4" })
+      /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded" }),
+      /* @__PURE__ */ t(R, { className: "h-3.5 min-w-0 flex-1 max-w-[14rem] sm:h-4" })
     ] }),
     /* @__PURE__ */ a("div", { className: "grid min-w-0 flex-1 grid-cols-1 gap-y-2 border-t border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] px-3 py-2 sm:grid-cols-3 sm:gap-x-3 sm:gap-y-0 2xl:border-t-0 2xl:px-16 2xl:py-1", children: [
-      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-start", children: /* @__PURE__ */ t(W, { className: "h-6 w-[min(100%,6.5rem)]" }) }),
-      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-start md:ml-16", children: /* @__PURE__ */ t(W, { className: "h-6 w-[min(100%,6.5rem)]" }) }),
-      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-start sm:justify-end", children: /* @__PURE__ */ t(W, { className: "h-6 w-[min(100%,6.5rem)]" }) })
+      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-start", children: /* @__PURE__ */ t(R, { className: "h-6 w-[min(100%,6.5rem)]" }) }),
+      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-start md:ml-16", children: /* @__PURE__ */ t(R, { className: "h-6 w-[min(100%,6.5rem)]" }) }),
+      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-start sm:justify-end", children: /* @__PURE__ */ t(R, { className: "h-6 w-[min(100%,6.5rem)]" }) })
     ] }),
-    /* @__PURE__ */ t(W, { className: "min-h-[3.25rem] w-full shrink-0 rounded-none rounded-br-[length:var(--mb-radius-button)] rounded-tr-[length:var(--mb-radius-button)] 2xl:w-[9rem] 2xl:min-h-0 2xl:self-stretch" })
+    /* @__PURE__ */ t(R, { className: "min-h-[3.25rem] w-full shrink-0 rounded-none rounded-br-[length:var(--mb-radius-button)] rounded-tr-[length:var(--mb-radius-button)] 2xl:w-[9rem] 2xl:min-h-0 2xl:self-stretch" })
   ] });
 }
 const j1 = [
@@ -5704,7 +5704,7 @@ function Bt({
     /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-2 @2xl:min-w-0", children: [
       /* @__PURE__ */ t("h2", { className: "min-w-0 break-words text-xl font-bold text-[color:var(--mb-color-text)] @2xl:truncate", children: A }),
       /* @__PURE__ */ t(tA, { content: l, children: /* @__PURE__ */ t(
-        F,
+        f,
         {
           type: "button",
           align: "center",
@@ -5727,7 +5727,7 @@ function Bt({
         )
       ] }) : /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "hidden @2xl:block" }),
       /* @__PURE__ */ a(
-        F,
+        f,
         {
           type: "button",
           variant: "default",
@@ -5864,17 +5864,17 @@ function s1({
   organContent: K,
   patientGender: k
 }) {
-  var R;
-  const [c, d] = y(!1), u = (q == null ? void 0 : q.bodyParagraphs) ?? [], o = ((R = q == null ? void 0 : q.panelTitle) == null ? void 0 : R.trim()) || A, b = q == null ? void 0 : q.organKey, e = q == null ? void 0 : q.alertLabDetail;
+  var o;
+  const [c, e] = y(!1), u = (q == null ? void 0 : q.bodyParagraphs) ?? [], W = ((o = q == null ? void 0 : q.panelTitle) == null ? void 0 : o.trim()) || A, j = q == null ? void 0 : q.organKey, d = q == null ? void 0 : q.alertLabDetail;
   return /* @__PURE__ */ a(lA, { children: [
     /* @__PURE__ */ a(
-      F,
+      f,
       {
         type: "button",
         variant: p,
         align: "center",
         className: `!relative !justify-center !gap-0 ${S ?? ""}`,
-        onClick: () => d(!0),
+        onClick: () => e(!0),
         "aria-expanded": c,
         "aria-haspopup": "dialog",
         children: [
@@ -5894,18 +5894,18 @@ function s1({
       JA,
       {
         open: c,
-        onClose: () => d(!1),
-        title: o,
+        onClose: () => e(!1),
+        title: W,
         trendStatus: l,
         introParagraphs: U,
         bodyParagraphs: u,
         rowData: V,
         labsDateLabel: r,
         triadNumber: n,
-        organKey: b,
+        organKey: j,
         organContent: K,
         patientGender: k,
-        alertLabDetail: e
+        alertLabDetail: d
       }
     )
   ] });
@@ -5924,7 +5924,7 @@ function m1({
   rowSize: K
 }) {
   var D;
-  const k = A.infoTooltip ?? A.infoAriaLabel, c = A.status === "optimal", d = A.status === "high", u = A.status === "low", o = A.status === "unknown", b = c ? Kt.low : d || u ? Kt.high : o ? "border-[color:var(--mb-color-card-border)]" : Kt.moderate, e = c ? et.low : d || u ? et.high : o ? "bg-[color:var(--mb-color-card-bg)]" : et.moderate, R = c ? "OPTIMAL" : d ? "HIGH" : u ? "LOW" : o ? "UNKNOWN" : "TRENDING", O = (D = A.riskLabel) == null ? void 0 : D.trim(), J = O ? O.toUpperCase() : R, i = c ? "trendRowStatusOptimal" : d ? "trendRowStatusHigh" : u ? "trendRowStatusLow" : o ? "trendRowStatusUnknown" : "trendRowStatusTrending", j = r === 2, I = K ? K === "wellness" : j, H = n ?? (j ? "2xl" : "xl"), X = j ? H === "2xl" ? "2xl:grid-cols-[minmax(10rem,16rem)_minmax(0,1fr)_minmax(8rem,9rem)]" : "xl:grid-cols-[minmax(10rem,16rem)_minmax(0,1fr)_minmax(8rem,9rem)]" : I ? H === "2xl" ? "2xl:grid-cols-[minmax(11rem,14rem)_minmax(0,1fr)_minmax(10rem,11rem)]" : "xl:grid-cols-[minmax(11rem,14rem)_minmax(0,1fr)_minmax(10rem,11rem)]" : H === "2xl" ? "2xl:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)_minmax(10rem,12rem)]" : "xl:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)_minmax(10rem,12rem)]", E = H === "2xl" ? `2xl:grid 2xl:items-stretch ${X}` : `xl:grid xl:items-stretch ${X}`, P = H === "2xl" ? "2xl:h-full" : "xl:h-full", Q = H === "2xl" ? "2xl:border-t-0 2xl:px-3 2xl:py-1" : "xl:border-t-0 xl:px-3 xl:py-1", f = H === "2xl" ? "2xl:w-auto" : "xl:w-auto", Z = V.some((v) => v.length > 8), C = j || Z ? "grid-cols-[minmax(3.5rem,auto)_minmax(0,1fr)] sm:grid-cols-[6.5rem_7.5rem] xl:grid-cols-[7rem_9rem]" : "grid-cols-[minmax(3.5rem,auto)_minmax(0,1fr)] sm:grid-cols-[4.5rem_7.5rem] xl:grid-cols-[5rem_9rem]", L = j ? "sm:gap-x-10" : Z ? "sm:gap-x-4" : "sm:gap-x-5", $ = (v, nA) => /* @__PURE__ */ a(
+  const k = A.infoTooltip ?? A.infoAriaLabel, c = A.status === "optimal", e = A.status === "high", u = A.status === "low", W = A.status === "unknown", j = c ? Kt.low : e || u ? Kt.high : W ? "border-[color:var(--mb-color-card-border)]" : Kt.moderate, d = c ? et.low : e || u ? et.high : W ? "bg-[color:var(--mb-color-card-bg)]" : et.moderate, o = c ? "OPTIMAL" : e ? "HIGH" : u ? "LOW" : W ? "UNKNOWN" : "TRENDING", b = (D = A.riskLabel) == null ? void 0 : D.trim(), J = b ? b.toUpperCase() : o, i = c ? "trendRowStatusOptimal" : e ? "trendRowStatusHigh" : u ? "trendRowStatusLow" : W ? "trendRowStatusUnknown" : "trendRowStatusTrending", I = r === 2, O = K ? K === "wellness" : I, E = n ?? (I ? "2xl" : "xl"), X = I ? E === "2xl" ? "2xl:grid-cols-[minmax(10rem,16rem)_minmax(0,1fr)_minmax(8rem,9rem)]" : "xl:grid-cols-[minmax(10rem,16rem)_minmax(0,1fr)_minmax(8rem,9rem)]" : O ? E === "2xl" ? "2xl:grid-cols-[minmax(11rem,14rem)_minmax(0,1fr)_minmax(10rem,11rem)]" : "xl:grid-cols-[minmax(11rem,14rem)_minmax(0,1fr)_minmax(10rem,11rem)]" : E === "2xl" ? "2xl:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)_minmax(10rem,12rem)]" : "xl:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)_minmax(10rem,12rem)]", s = E === "2xl" ? `2xl:grid 2xl:items-stretch ${X}` : `xl:grid xl:items-stretch ${X}`, P = E === "2xl" ? "2xl:h-full" : "xl:h-full", Q = E === "2xl" ? "2xl:border-t-0 2xl:px-3 2xl:py-1" : "xl:border-t-0 xl:px-3 xl:py-1", G = E === "2xl" ? "2xl:w-auto" : "xl:w-auto", Z = V.some((v) => v.length > 8), C = I || Z ? "grid-cols-[minmax(3.5rem,auto)_minmax(0,1fr)] sm:grid-cols-[6.5rem_7.5rem] xl:grid-cols-[7rem_9rem]" : "grid-cols-[minmax(3.5rem,auto)_minmax(0,1fr)] sm:grid-cols-[4.5rem_7.5rem] xl:grid-cols-[5rem_9rem]", L = I ? "sm:gap-x-10" : Z ? "sm:gap-x-4" : "sm:gap-x-5", $ = (v, nA) => /* @__PURE__ */ a(
     "span",
     {
       className: `grid w-full min-w-0 max-w-[14rem] items-center justify-center gap-x-2 sm:w-auto sm:shrink-0 ${C}`,
@@ -5944,7 +5944,7 @@ function m1({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `mb-note-surface flex min-w-0 flex-col overflow-hidden rounded-[length:var(--mb-radius-button)] border border-solid bg-[color:var(--mb-color-card-bg)] [border-width:0.0625rem] ${E} ${b}`,
+      className: `mb-note-surface flex min-w-0 flex-col overflow-hidden rounded-[length:var(--mb-radius-button)] border border-solid bg-[color:var(--mb-color-card-bg)] [border-width:0.0625rem] ${s} ${j}`,
       children: [
         /* @__PURE__ */ t(
           rA,
@@ -5955,11 +5955,11 @@ function m1({
         /* @__PURE__ */ a(
           "div",
           {
-            className: `grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-3 py-2 ${P} ${e}`,
+            className: `grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-3 py-2 ${P} ${d}`,
             children: [
               /* @__PURE__ */ t("span", { className: "min-w-0 whitespace-normal break-normal [overflow-wrap:anywhere] text-xs font-bold uppercase leading-snug tracking-normal text-[color:var(--mb-color-text)] sm:text-sm", children: A.name }),
               /* @__PURE__ */ t(tA, { content: k, children: /* @__PURE__ */ t(
-                F,
+                f,
                 {
                   type: "button",
                   align: "center",
@@ -5988,7 +5988,7 @@ function m1({
             badgeLabel: J,
             trendStatus: A.status,
             trendStatusVariant: i,
-            className: `flex !self-stretch !rounded-none rounded-br-[length:var(--mb-radius-button)] rounded-tr-[length:var(--mb-radius-button)] ${f}`,
+            className: `flex !self-stretch !rounded-none rounded-br-[length:var(--mb-radius-button)] rounded-tr-[length:var(--mb-radius-button)] ${G}`,
             statusExplanationPanel: A.statusExplanationPanel,
             panelIntroParagraphs: l,
             panelLabsDateLabel: p,
@@ -6096,15 +6096,15 @@ function C1({
   patientGender: p
 }) {
   const { onNavigateToNavItem: S } = $t(), [q, U] = y(0), [V, r] = y(null), n = Math.min(q, Math.max(0, A.triads.length - 1)), K = A.categoriesByTriadIndex[n] ?? [], k = A.triads.map(
-    (O, J) => O.trendZone ? O : {
-      ...O,
+    (b, J) => b.trendZone ? b : {
+      ...b,
       trendZone: N1(A.categoriesByTriadIndex[J] ?? [])
     }
-  ), c = A.infoTooltip ?? A.infoAriaLabel, d = A.triads[n], u = (d == null ? void 0 : d.descriptionParagraphs) ?? [], o = u.join(" "), b = V ? Ap(V.category.title) : "", e = V == null ? void 0 : V.category.organKey, R = (O) => (J) => {
-    J.organKey && l != null && l[J.organKey] && r({ triadCard: O, category: J });
+  ), c = A.infoTooltip ?? A.infoAriaLabel, e = A.triads[n], u = (e == null ? void 0 : e.descriptionParagraphs) ?? [], W = u.join(" "), j = V ? Ap(V.category.title) : "", d = V == null ? void 0 : V.category.organKey, o = (b) => (J) => {
+    J.organKey && l != null && l[J.organKey] && r({ triadCard: b, category: J });
   };
   if (A.triadCards) {
-    const O = A.triadCards[n] ?? A.triadCards[0];
+    const b = A.triadCards[n] ?? A.triadCards[0];
     return /* @__PURE__ */ a(lA, { children: [
       /* @__PURE__ */ a(m, { className: "min-w-0", children: [
         /* @__PURE__ */ t(
@@ -6130,13 +6130,13 @@ function C1({
             dimInactive: !1
           }
         ),
-        O ? /* @__PURE__ */ a("div", { className: "mb-note-surface mt-6", children: [
-          /* @__PURE__ */ t(rA, { targetId: `metric:triad${O.triadNumber}` }),
+        b ? /* @__PURE__ */ a("div", { className: "mb-note-surface mt-6", children: [
+          /* @__PURE__ */ t(rA, { targetId: `metric:triad${b.triadNumber}` }),
           /* @__PURE__ */ t(
             lp,
             {
-              card: O,
-              onCategoryClick: R(O)
+              card: b,
+              onCategoryClick: o(b)
             }
           )
         ] }) : null
@@ -6146,11 +6146,11 @@ function C1({
         {
           open: !0,
           onClose: () => r(null),
-          title: b,
+          title: j,
           trendStatus: _t(V.category),
           bodyParagraphs: [],
           rowData: {
-            name: b,
+            name: j,
             symptomScore: V.category.symptomScore,
             labScore: V.category.labScore,
             totalScore: V.category.totalScore,
@@ -6162,7 +6162,7 @@ function C1({
             riskLabel: V.category.riskLabel
           },
           triadNumber: V.triadCard.triadNumber,
-          organKey: e,
+          organKey: d,
           organContent: l,
           patientGender: p
         }
@@ -6192,19 +6192,19 @@ function C1({
       }
     ),
     /* @__PURE__ */ a("div", { children: [
-      o ? /* @__PURE__ */ t("p", { className: "mb-4 m-0 text-sm leading-relaxed text-[color:var(--mb-color-text)]", children: o }) : null,
-      /* @__PURE__ */ t("div", { className: "space-y-2", children: K.map((O) => /* @__PURE__ */ t(
+      W ? /* @__PURE__ */ t("p", { className: "mb-4 m-0 text-sm leading-relaxed text-[color:var(--mb-color-text)]", children: W }) : null,
+      /* @__PURE__ */ t("div", { className: "space-y-2", children: K.map((b) => /* @__PURE__ */ t(
         m1,
         {
-          row: O,
+          row: b,
           statusPanelIntroParagraphs: u,
           lastLabsLabel: A.lastLabsLabel,
-          triadNumber: d == null ? void 0 : d.triadNumber,
+          triadNumber: e == null ? void 0 : e.triadNumber,
           organContent: l,
           patientGender: p,
           rowSize: "wellness"
         },
-        O.name
+        b.name
       )) })
     ] })
   ] });
@@ -6377,8 +6377,8 @@ function Ec({ content: A }) {
     totalPredictiveTrends: K,
     wellnessIndicatorSummary: k,
     alertLabSummaryTable: c,
-    organContent: d
-  } = A, u = K ?? E1, o = (U == null ? void 0 : U.actions.filter((O) => O.id !== "export-reports")) ?? [], b = !!(V || r || n), e = !!((V || r) && n), R = c != null && c.rows.length ? c : void 0;
+    organContent: e
+  } = A, u = K ?? E1, W = (U == null ? void 0 : U.actions.filter((b) => b.id !== "export-reports")) ?? [], j = !!(V || r || n), d = !!((V || r) && n), o = c != null && c.rows.length ? c : void 0;
   return /* @__PURE__ */ a("div", { className: "w-full min-w-0 max-w-full space-y-4 lg:space-y-6", children: [
     /* @__PURE__ */ t(SA, { title: S.title, subtitle: S.subtitle }),
     U && l && (U.title || U.paragraphs.length > 0) ? /* @__PURE__ */ t(
@@ -6386,47 +6386,47 @@ function Ec({ content: A }) {
       {
         title: U.title,
         onDismiss: () => p(!1),
-        actions: o.map((O) => {
-          const J = L1[O.id];
+        actions: W.map((b) => {
+          const J = L1[b.id];
           return /* @__PURE__ */ a(
-            F,
+            f,
             {
               type: "button",
               variant: "default",
               className: "!h-11 !border-0 !bg-white !px-5 !py-2.5 !text-base !font-medium !text-[color:var(--mb-color-welcome-banner-bg)] !shadow-none hover:!bg-white/90 [&_svg]:!text-[color:var(--mb-color-welcome-banner-bg)]",
               children: [
                 /* @__PURE__ */ t(J, { className: "size-4 shrink-0" }),
-                O.label
+                b.label
               ]
             },
-            O.id
+            b.id
           );
         }),
-        children: U.paragraphs.map((O) => /* @__PURE__ */ t("p", { className: "m-0", children: O }, O))
+        children: U.paragraphs.map((b) => /* @__PURE__ */ t("p", { className: "m-0", children: b }, b))
       }
     ) : null,
-    b ? /* @__PURE__ */ a(
+    j ? /* @__PURE__ */ a(
       "div",
       {
-        className: `grid min-w-0 grid-cols-1 gap-4 xl:gap-6 [&>*]:min-w-0 ${e ? "xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] xl:items-stretch" : ""}`,
+        className: `grid min-w-0 grid-cols-1 gap-4 xl:gap-6 [&>*]:min-w-0 ${d ? "xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] xl:items-stretch" : ""}`,
         children: [
           V || r ? /* @__PURE__ */ a(
             "div",
             {
-              className: `min-w-0 space-y-4 ${e ? "xl:flex xl:h-[26.25rem] xl:flex-col xl:gap-6 xl:space-y-0" : ""}`,
+              className: `min-w-0 space-y-4 ${d ? "xl:flex xl:h-[26.25rem] xl:flex-col xl:gap-6 xl:space-y-0" : ""}`,
               children: [
                 V ? /* @__PURE__ */ t(Ql, { targetId: "metric:wellness", children: /* @__PURE__ */ t(
                   NV,
                   {
                     ...V,
-                    className: e ? "xl:h-[11.25rem]" : ""
+                    className: d ? "xl:shrink-0" : ""
                   }
                 ) }) : null,
                 r ? /* @__PURE__ */ t(
                   CV,
                   {
                     ...r,
-                    className: e ? "xl:flex-1 xl:overflow-hidden" : ""
+                    className: d ? "xl:flex-1 xl:overflow-hidden" : ""
                   }
                 ) : null
               ]
@@ -6436,7 +6436,7 @@ function Ec({ content: A }) {
             EV,
             {
               ...n,
-              className: e ? "xl:h-[26.25rem]" : ""
+              className: d ? "xl:h-[26.25rem]" : ""
             }
           ) }) : null
         ]
@@ -6446,16 +6446,16 @@ function Ec({ content: A }) {
       C1,
       {
         data: u,
-        organContent: d,
+        organContent: e,
         patientGender: q
       }
     ),
     k ? /* @__PURE__ */ t(x1, { data: k }) : null,
-    R ? /* @__PURE__ */ t(
+    o ? /* @__PURE__ */ t(
       y1,
       {
-        data: R,
-        organContent: d,
+        data: o,
+        organContent: e,
         patientGender: q
       }
     ) : null
@@ -6482,15 +6482,15 @@ const ul = "flex min-h-10 items-center justify-between gap-4 py-3.5 text-sm lead
 function Pt({ titleWidthClass: A }) {
   return /* @__PURE__ */ t("div", { className: "@container mb-5 w-full min-w-0", children: /* @__PURE__ */ a("div", { className: "flex w-full min-w-0 flex-wrap items-center gap-x-6 gap-y-3 @xl:min-h-9 @xl:flex-nowrap @xl:justify-between", children: [
     /* @__PURE__ */ a("div", { className: "flex min-w-0 shrink-0 items-center gap-2", children: [
-      /* @__PURE__ */ t(W, { className: `h-7 rounded ${A}` }),
-      /* @__PURE__ */ t(W, { className: "size-5 shrink-0 rounded" })
+      /* @__PURE__ */ t(R, { className: `h-7 rounded ${A}` }),
+      /* @__PURE__ */ t(R, { className: "size-5 shrink-0 rounded" })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex min-w-0 shrink-0 flex-wrap items-center gap-6 @xl:flex-1 @xl:justify-between", children: [
       /* @__PURE__ */ a("span", { className: "flex min-w-0 shrink-0 items-center gap-2 @xl:mx-auto", children: [
-        /* @__PURE__ */ t(W, { className: "h-4 w-[4.5rem]" }),
-        /* @__PURE__ */ t(W, { className: "h-7 min-w-[5.5rem] rounded-md" })
+        /* @__PURE__ */ t(R, { className: "h-4 w-[4.5rem]" }),
+        /* @__PURE__ */ t(R, { className: "h-7 min-w-[5.5rem] rounded-md" })
       ] }),
-      /* @__PURE__ */ t(W, { className: "h-9 min-w-[7.5rem] rounded-[var(--mb-button-radius)]" })
+      /* @__PURE__ */ t(R, { className: "h-9 min-w-[7.5rem] rounded-[var(--mb-button-radius)]" })
     ] })
   ] }) });
 }
@@ -6506,26 +6506,26 @@ function bl({ metricCount: A = 3 }) {
           {
             className: `flex min-w-0 items-center justify-between gap-3 px-3 py-3 opacity-60 lg:py-0 ${et.moderate}`,
             children: [
-              /* @__PURE__ */ t(W, { className: "h-4 min-w-0 flex-1 max-w-[10rem]" }),
-              /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded" })
+              /* @__PURE__ */ t(R, { className: "h-4 min-w-0 flex-1 max-w-[10rem]" }),
+              /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded" })
             ]
           }
         ),
         /* @__PURE__ */ a("div", { className: "hidden flex-col justify-center gap-2 pl-2 lg:flex", children: [
-          /* @__PURE__ */ t(W, { className: "h-3 w-12" }),
-          /* @__PURE__ */ t(W, { className: "h-3 w-14" })
+          /* @__PURE__ */ t(R, { className: "h-3 w-12" }),
+          /* @__PURE__ */ t(R, { className: "h-3 w-14" })
         ] }),
         l.map((p) => /* @__PURE__ */ a("div", { className: "hidden flex-col items-center justify-center gap-1.5 lg:flex", children: [
-          /* @__PURE__ */ t(W, { className: "h-6 min-w-[3rem] rounded" }),
-          /* @__PURE__ */ t(W, { className: "h-6 min-w-[3rem] rounded" })
+          /* @__PURE__ */ t(R, { className: "h-6 min-w-[3rem] rounded" }),
+          /* @__PURE__ */ t(R, { className: "h-6 min-w-[3rem] rounded" })
         ] }, p)),
         A === 1 ? ["metric-spacer-1", "metric-spacer-2"].map((p) => /* @__PURE__ */ t("span", { "aria-hidden": !0 }, p)) : null,
         /* @__PURE__ */ t("div", { className: "min-w-0 px-3 pb-3 lg:flex lg:items-center lg:p-0", children: /* @__PURE__ */ a("div", { className: "flex h-6 w-full min-w-0 overflow-hidden rounded-full", children: [
-          /* @__PURE__ */ t(W, { className: "h-full flex-1 rounded-none" }),
-          /* @__PURE__ */ t(W, { className: "h-full flex-1 rounded-none" }),
-          /* @__PURE__ */ t(W, { className: "h-full flex-1 rounded-none" })
+          /* @__PURE__ */ t(R, { className: "h-full flex-1 rounded-none" }),
+          /* @__PURE__ */ t(R, { className: "h-full flex-1 rounded-none" }),
+          /* @__PURE__ */ t(R, { className: "h-full flex-1 rounded-none" })
         ] }) }),
-        /* @__PURE__ */ t("div", { className: "hidden items-center justify-center lg:flex", children: /* @__PURE__ */ t(W, { className: "size-4 rounded" }) })
+        /* @__PURE__ */ t("div", { className: "hidden items-center justify-center lg:flex", children: /* @__PURE__ */ t(R, { className: "size-4 rounded" }) })
       ]
     }
   );
@@ -6541,17 +6541,17 @@ function v1() {
           {
             className: `flex min-w-0 items-center gap-2 px-3 py-2 opacity-60 xl:w-[10rem] xl:shrink-0 ${et.moderate}`,
             children: [
-              /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded" }),
-              /* @__PURE__ */ t(W, { className: "h-4 min-w-0 flex-1 max-w-[8rem]" })
+              /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded" }),
+              /* @__PURE__ */ t(R, { className: "h-4 min-w-0 flex-1 max-w-[8rem]" })
             ]
           }
         ),
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-5 gap-y-1.5 border-t border-[color:var(--mb-color-card-border)] px-3 py-2 xl:border-t-0 xl:border-l xl:border-[color:var(--mb-color-card-border)] xl:py-2 xl:pl-4 xl:pr-2", children: [
-          /* @__PURE__ */ t(W, { className: "h-6 w-[5.5rem] rounded-md" }),
-          /* @__PURE__ */ t(W, { className: "h-6 w-[5.5rem] rounded-md" }),
-          /* @__PURE__ */ t(W, { className: "h-6 w-[5.5rem] rounded-md" })
+          /* @__PURE__ */ t(R, { className: "h-6 w-[5.5rem] rounded-md" }),
+          /* @__PURE__ */ t(R, { className: "h-6 w-[5.5rem] rounded-md" }),
+          /* @__PURE__ */ t(R, { className: "h-6 w-[5.5rem] rounded-md" })
         ] }),
-        /* @__PURE__ */ t(W, { className: "h-11 w-full shrink-0 rounded-none border-t border-[color:var(--mb-color-card-border)] xl:h-auto xl:w-[7rem] xl:rounded-br-[length:var(--mb-radius-button)] xl:rounded-tr-[length:var(--mb-radius-button)] xl:border-l xl:border-t-0 xl:border-[color:var(--mb-color-card-border)]" })
+        /* @__PURE__ */ t(R, { className: "h-11 w-full shrink-0 rounded-none border-t border-[color:var(--mb-color-card-border)] xl:h-auto xl:w-[7rem] xl:rounded-br-[length:var(--mb-radius-button)] xl:rounded-tr-[length:var(--mb-radius-button)] xl:border-l xl:border-t-0 xl:border-[color:var(--mb-color-card-border)]" })
       ]
     }
   );
@@ -6570,20 +6570,20 @@ function D1({
           showExportButton: !1
         }
       ),
-      /* @__PURE__ */ a(F, { type: "button", variant: "default", className: Ml, disabled: !0, children: [
+      /* @__PURE__ */ a(f, { type: "button", variant: "default", className: Ml, disabled: !0, children: [
         /* @__PURE__ */ t(Mt, { className: "size-4 shrink-0" }),
         "Export All Reports"
       ] })
     ] }),
     /* @__PURE__ */ a(m, { className: "relative min-w-0 overflow-hidden !rounded-xl !border-0 !bg-[color:var(--mb-color-welcome-banner-bg)] !p-5 sm:!p-6", children: [
-      /* @__PURE__ */ t(W, { className: "absolute right-2 top-2 size-6 rounded-full bg-white/20" }),
+      /* @__PURE__ */ t(R, { className: "absolute right-2 top-2 size-6 rounded-full bg-white/20" }),
       /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-col gap-5 pr-8 lg:flex-row lg:items-center lg:justify-between lg:gap-8", children: [
         /* @__PURE__ */ a("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,16rem)] bg-white/20" }),
-          /* @__PURE__ */ t(W, { className: "h-4 w-full max-w-[105ch] bg-white/20" }),
-          /* @__PURE__ */ t(W, { className: "h-4 w-[min(100%,84ch)] bg-white/20" })
+          /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,16rem)] bg-white/20" }),
+          /* @__PURE__ */ t(R, { className: "h-4 w-full max-w-[105ch] bg-white/20" }),
+          /* @__PURE__ */ t(R, { className: "h-4 w-[min(100%,84ch)] bg-white/20" })
         ] }),
-        /* @__PURE__ */ t(W, { className: "h-11 w-[min(100%,11rem)] shrink-0 rounded-[var(--mb-button-radius)] bg-white/90" })
+        /* @__PURE__ */ t(R, { className: "h-11 w-[min(100%,11rem)] shrink-0 rounded-[var(--mb-button-radius)] bg-white/90" })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "grid min-w-0 grid-cols-1 gap-4 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] xl:items-stretch xl:gap-6 [&>*]:min-w-0", children: [
@@ -6594,7 +6594,7 @@ function D1({
               /* @__PURE__ */ t("span", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: "Overall Metabolic Score" }),
               /* @__PURE__ */ t("span", { className: "pointer-events-none opacity-70", "aria-hidden": !0, children: /* @__PURE__ */ t(_, { className: "size-4" }) })
             ] }),
-            /* @__PURE__ */ t(W, { className: "h-8 w-[3.25rem] shrink-0 rounded-md" })
+            /* @__PURE__ */ t(R, { className: "h-8 w-[3.25rem] shrink-0 rounded-md" })
           ] }),
           /* @__PURE__ */ t(nU, { score: 0, showIndicator: !1 })
         ] }),
@@ -6604,21 +6604,21 @@ function D1({
               /* @__PURE__ */ t("span", { className: Wl, "aria-hidden": !0, children: /* @__PURE__ */ t(Dt, { className: Rl }) }),
               /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: "Last Symptom Survey" })
             ] }),
-            /* @__PURE__ */ t(CA, { variant: "value", children: /* @__PURE__ */ t(W, { className: "h-3.5 w-16" }) })
+            /* @__PURE__ */ t(CA, { variant: "value", children: /* @__PURE__ */ t(R, { className: "h-3.5 w-16" }) })
           ] }),
           /* @__PURE__ */ a("li", { className: `${ul} ${lS}`, children: [
             /* @__PURE__ */ a("span", { className: ol, children: [
               /* @__PURE__ */ t("span", { className: Wl, "aria-hidden": !0, children: /* @__PURE__ */ t(vl, { className: Rl }) }),
               /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: "Last Labs" })
             ] }),
-            /* @__PURE__ */ t(CA, { variant: "value", children: /* @__PURE__ */ t(W, { className: "h-3.5 w-16" }) })
+            /* @__PURE__ */ t(CA, { variant: "value", children: /* @__PURE__ */ t(R, { className: "h-3.5 w-16" }) })
           ] }),
           /* @__PURE__ */ a("li", { className: `${ul} ${lS}`, children: [
             /* @__PURE__ */ a("span", { className: ol, children: [
               /* @__PURE__ */ t("span", { className: Wl, "aria-hidden": !0, children: /* @__PURE__ */ t(Gl, { className: Rl }) }),
               /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: "Wearable" })
             ] }),
-            /* @__PURE__ */ t(CA, { variant: "value", children: /* @__PURE__ */ t(W, { className: "h-3.5 w-12" }) })
+            /* @__PURE__ */ t(CA, { variant: "value", children: /* @__PURE__ */ t(R, { className: "h-3.5 w-12" }) })
           ] })
         ] }) })
       ] }),
@@ -6646,8 +6646,8 @@ function D1({
               ].join(" "),
               children: [
                 /* @__PURE__ */ t(gp, { className: "size-[6.5rem] max-w-full" }),
-                /* @__PURE__ */ t(W, { className: "h-3 w-[4.5rem]" }),
-                /* @__PURE__ */ t(W, { className: "h-8 w-12" })
+                /* @__PURE__ */ t(R, { className: "h-3 w-[4.5rem]" }),
+                /* @__PURE__ */ t(R, { className: "h-8 w-12" })
               ]
             },
             l.id
@@ -6687,8 +6687,8 @@ function D1({
               children: [
                 /* @__PURE__ */ a("div", { className: "flex shrink-0 flex-col items-center gap-1 xl:w-[9rem] xl:justify-center", children: [
                   /* @__PURE__ */ t(gp, { className: "size-16 shrink-0 xl:size-20" }),
-                  /* @__PURE__ */ t(W, { className: "h-3 w-24" }),
-                  /* @__PURE__ */ t(W, { className: "h-8 w-14" })
+                  /* @__PURE__ */ t(R, { className: "h-3 w-24" }),
+                  /* @__PURE__ */ t(R, { className: "h-8 w-14" })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: G1.map((p) => /* @__PURE__ */ t(v1, {}, p)) })
               ]
@@ -6723,16 +6723,16 @@ function M1({
     /* @__PURE__ */ t("div", { className: "space-y-6", children: w1.map((l) => /* @__PURE__ */ a(m, { className: "flex flex-col", children: [
       /* @__PURE__ */ a("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3", children: [
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ t(W, { className: "h-9 w-9 shrink-0 rounded-md" }),
-          /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,16rem)]" })
+          /* @__PURE__ */ t(R, { className: "h-9 w-9 shrink-0 rounded-md" }),
+          /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,16rem)]" })
         ] }),
-        /* @__PURE__ */ t(W, { className: "h-9 w-14" })
+        /* @__PURE__ */ t(R, { className: "h-9 w-14" })
       ] }),
       /* @__PURE__ */ t(_l, { variant: "labAnalysis" }),
       /* @__PURE__ */ a("div", { className: "mt-6 space-y-3", children: [
-        /* @__PURE__ */ t(W, { className: "h-3.5 w-full" }),
-        /* @__PURE__ */ t(W, { className: "h-3.5 w-full" }),
-        /* @__PURE__ */ t(W, { className: "h-3.5 w-[85%]" })
+        /* @__PURE__ */ t(R, { className: "h-3.5 w-full" }),
+        /* @__PURE__ */ t(R, { className: "h-3.5 w-full" }),
+        /* @__PURE__ */ t(R, { className: "h-3.5 w-[85%]" })
       ] })
     ] }, l)) })
   ] });
@@ -6803,51 +6803,51 @@ function Sn(A) {
   }));
 }
 function Hc({ content: A }) {
-  var R, O, J, i, j, I;
+  var o, b, J, i, I, O;
   const l = (A == null ? void 0 : A.groups) ?? Y1, p = z(() => Sn(l ?? []), [l]), [S, q] = y(0), [U, V] = y(
     null
   );
   if (!A) return null;
-  const { pageHeader: r, intro: n } = A, K = l.length > 0, k = Math.min(S, Math.max(0, p.length - 1)), c = p[k], d = (c == null ? void 0 : c.groups) ?? [], u = c == null ? n : c.triadNumber == null ? void 0 : ((R = A.intros) == null ? void 0 : R.find((H) => H.triadNumber === c.triadNumber)) ?? n, o = !!(u && (u.heading || (O = u.paragraphs) != null && O.length)), b = p.map((H) => ({
-    triadNumber: H.triadNumber ?? _1,
-    name: H.tabName,
-    aggregateScoreDisplay: H.tabDisplay
-  })), e = o || K;
+  const { pageHeader: r, intro: n } = A, K = l.length > 0, k = Math.min(S, Math.max(0, p.length - 1)), c = p[k], e = (c == null ? void 0 : c.groups) ?? [], u = c == null ? n : c.triadNumber == null ? void 0 : ((o = A.intros) == null ? void 0 : o.find((E) => E.triadNumber === c.triadNumber)) ?? n, W = !!(u && (u.heading || (b = u.paragraphs) != null && b.length)), j = p.map((E) => ({
+    triadNumber: E.triadNumber ?? _1,
+    name: E.tabName,
+    aggregateScoreDisplay: E.tabDisplay
+  })), d = W || K;
   return /* @__PURE__ */ a("div", { className: "mx-auto w-full min-w-0 space-y-6", children: [
     /* @__PURE__ */ t(SA, { title: r.title, subtitle: r.subtitle }),
     K ? /* @__PURE__ */ t(
       ht,
       {
-        triads: b,
+        triads: j,
         selectedIndex: k,
         onSelectIndex: q,
         showAggregateScore: !1
       }
     ) : null,
-    e ? /* @__PURE__ */ t(m, { className: "min-w-0", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-      o && u ? /* @__PURE__ */ t(BS, { ...u, embeddedInCard: !0 }) : null,
-      o && K ? /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
-      K ? /* @__PURE__ */ t("div", { className: "space-y-6", children: d.map((H) => /* @__PURE__ */ a(
+    d ? /* @__PURE__ */ t(m, { className: "min-w-0", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
+      W && u ? /* @__PURE__ */ t(BS, { ...u, embeddedInCard: !0 }) : null,
+      W && K ? /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
+      K ? /* @__PURE__ */ t("div", { className: "space-y-6", children: e.map((E) => /* @__PURE__ */ a(
         "div",
         {
           className: "min-w-0 space-y-3 rounded-[length:var(--mb-radius-card)] bg-[color:var(--mb-color-muted-section-bg)] p-3 sm:p-[length:var(--mb-card-padding)]",
           children: [
             /* @__PURE__ */ a("div", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [
-              /* @__PURE__ */ t("h2", { className: "m-0 text-xl font-bold text-[color:var(--mb-color-text)]", children: tn(H.title) }),
-              /* @__PURE__ */ t("span", { className: "text-center text-xl font-bold leading-7 tracking-[-0.005rem] text-[color:var(--mb-color-text)]", children: H.subtitle })
+              /* @__PURE__ */ t("h2", { className: "m-0 text-xl font-bold text-[color:var(--mb-color-text)]", children: tn(E.title) }),
+              /* @__PURE__ */ t("span", { className: "text-center text-xl font-bold leading-7 tracking-[-0.005rem] text-[color:var(--mb-color-text)]", children: E.subtitle })
             ] }),
             /* @__PURE__ */ t(Sp, { valueHeading: "Trend Chart" }),
             /* @__PURE__ */ t(
               qp,
               {
-                rows: (H.metrics ?? []).map(pn),
+                rows: (E.metrics ?? []).map(pn),
                 onSelect: V,
                 valueBadgeClassName: pp
               }
             )
           ]
         },
-        `${H.title}-${H.subtitle}`
+        `${E.title}-${E.subtitle}`
       )) }) : null
     ] }) }) : null,
     U ? /* @__PURE__ */ t(
@@ -6858,8 +6858,8 @@ function Hc({ content: A }) {
         title: ((J = U.statusExplanationPanel) == null ? void 0 : J.panelTitle) ?? U.name,
         trendStatus: U.status,
         bodyParagraphs: ((i = U.statusExplanationPanel) == null ? void 0 : i.bodyParagraphs) ?? [],
-        alertLabDetail: (j = U.statusExplanationPanel) == null ? void 0 : j.alertLabDetail,
-        rowData: (I = U.statusExplanationPanel) != null && I.alertLabDetail ? void 0 : {
+        alertLabDetail: (I = U.statusExplanationPanel) == null ? void 0 : I.alertLabDetail,
+        rowData: (O = U.statusExplanationPanel) != null && O.alertLabDetail ? void 0 : {
           name: U.name,
           symptomScore: U.symptomScore,
           labScore: U.labScore,
@@ -6883,14 +6883,14 @@ const qn = [
 function Un() {
   return /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-col overflow-hidden rounded-[length:var(--mb-radius-button)] border border-solid border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] [border-width:0.0625rem] 2xl:flex-row 2xl:items-stretch", children: [
     /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-2 bg-[color:var(--mb-color-badge-bg)]/40 px-3 py-2.5 2xl:w-[20rem] 2xl:shrink-0", children: [
-      /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded" }),
-      /* @__PURE__ */ t(W, { className: "h-3.5 min-w-0 flex-1 max-w-[10rem] sm:h-4" })
+      /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded" }),
+      /* @__PURE__ */ t(R, { className: "h-3.5 min-w-0 flex-1 max-w-[10rem] sm:h-4" })
     ] }),
     /* @__PURE__ */ a("div", { className: "grid min-w-0 flex-1 grid-cols-1 gap-y-2 border-t border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] px-3 py-2 sm:grid-cols-2 sm:gap-x-3 sm:gap-y-0 2xl:mx-auto 2xl:w-full 2xl:max-w-[50rem] 2xl:border-t-0 2xl:px-8 2xl:py-1", children: [
-      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-center", children: /* @__PURE__ */ t(W, { className: "h-6 w-[min(100%,7rem)]" }) }),
-      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-center", children: /* @__PURE__ */ t(W, { className: "h-6 w-[min(100%,7rem)]" }) })
+      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-center", children: /* @__PURE__ */ t(R, { className: "h-6 w-[min(100%,7rem)]" }) }),
+      /* @__PURE__ */ t("div", { className: "flex min-w-0 justify-center", children: /* @__PURE__ */ t(R, { className: "h-6 w-[min(100%,7rem)]" }) })
     ] }),
-    /* @__PURE__ */ t(W, { className: "min-h-[3.25rem] w-full shrink-0 rounded-none rounded-br-[length:var(--mb-radius-button)] rounded-tr-[length:var(--mb-radius-button)] 2xl:w-[9rem] 2xl:min-h-0 2xl:self-stretch" })
+    /* @__PURE__ */ t(R, { className: "min-h-[3.25rem] w-full shrink-0 rounded-none rounded-br-[length:var(--mb-radius-button)] rounded-tr-[length:var(--mb-radius-button)] 2xl:w-[9rem] 2xl:min-h-0 2xl:self-stretch" })
   ] });
 }
 function Vn({
@@ -6906,24 +6906,24 @@ function Vn({
       }
     ),
     /* @__PURE__ */ t("div", { className: "flex gap-3 overflow-x-auto", role: "presentation", "aria-hidden": !0, children: qn.map((l) => /* @__PURE__ */ a("div", { className: "flex min-w-[9rem] flex-1 flex-col items-center gap-3 px-5 py-4", children: [
-      /* @__PURE__ */ t(W, { className: "size-26 shrink-0 rounded-full" }),
-      /* @__PURE__ */ t(W, { className: "h-3 w-16" }),
-      /* @__PURE__ */ t(W, { className: "h-8 w-10" })
+      /* @__PURE__ */ t(R, { className: "size-26 shrink-0 rounded-full" }),
+      /* @__PURE__ */ t(R, { className: "h-3 w-16" }),
+      /* @__PURE__ */ t(R, { className: "h-8 w-10" })
     ] }, l)) }),
     /* @__PURE__ */ t(m, { className: "min-w-0", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
       /* @__PURE__ */ a("div", { className: "grid min-w-0 grid-cols-1 gap-6 xl:grid-cols-2 xl:items-stretch", children: [
         /* @__PURE__ */ a("div", { className: "min-w-0 space-y-4", children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ t(W, { className: "h-9 w-9 shrink-0 rounded-md" }),
-            /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,14rem)]" })
+            /* @__PURE__ */ t(R, { className: "h-9 w-9 shrink-0 rounded-md" }),
+            /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,14rem)]" })
           ] }),
           /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ t(W, { className: "h-3.5 w-full" }),
-            /* @__PURE__ */ t(W, { className: "h-3.5 w-full" }),
-            /* @__PURE__ */ t(W, { className: "h-3.5 w-[90%]" })
+            /* @__PURE__ */ t(R, { className: "h-3.5 w-full" }),
+            /* @__PURE__ */ t(R, { className: "h-3.5 w-full" }),
+            /* @__PURE__ */ t(R, { className: "h-3.5 w-[90%]" })
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex min-w-0 items-center", children: /* @__PURE__ */ t(W, { className: "aspect-video w-full rounded-lg" }) })
+        /* @__PURE__ */ t("div", { className: "flex min-w-0 items-center", children: /* @__PURE__ */ t(R, { className: "aspect-video w-full rounded-lg" }) })
       ] }),
       /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }),
       /* @__PURE__ */ t("div", { className: "space-y-6", children: an.map((l) => /* @__PURE__ */ a(
@@ -6932,8 +6932,8 @@ function Vn({
           className: "min-w-0 space-y-3 rounded-[length:var(--mb-radius-card)] bg-[color:var(--mb-color-muted-section-bg)] p-[length:var(--mb-card-padding)]",
           children: [
             /* @__PURE__ */ a("div", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [
-              /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,12rem)]" }),
-              /* @__PURE__ */ t(W, { className: "h-5 w-24 sm:h-6" })
+              /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,12rem)]" }),
+              /* @__PURE__ */ t(R, { className: "h-5 w-24 sm:h-6" })
             ] }),
             /* @__PURE__ */ t("div", { className: "space-y-2", children: l.rows.map((p) => /* @__PURE__ */ t(Un, {}, p)) })
           ]
@@ -6943,7 +6943,7 @@ function Vn({
     ] }) })
   ] });
 }
-const { risk: pS } = s;
+const { risk: pS } = H;
 pS.moderateTrack, pS.lowTrack;
 const SS = {
   1: [
@@ -7297,7 +7297,7 @@ function Pc({
         k.risk
       );
     }) }),
-    /* @__PURE__ */ t("div", { className: "flex justify-end", children: /* @__PURE__ */ t(F, { align: "center", disabled: p, onClick: S, children: p ? "Continuing..." : l }) })
+    /* @__PURE__ */ t("div", { className: "flex justify-end", children: /* @__PURE__ */ t(f, { align: "center", disabled: p, onClick: S, children: p ? "Continuing..." : l }) })
   ] }) });
 }
 function dn(A) {
@@ -7467,7 +7467,7 @@ function In({
   ] });
 }
 function jn({ onClick: A }) {
-  return /* @__PURE__ */ a(F, { type: "button", variant: "soft", onClick: A, align: "start", children: [
+  return /* @__PURE__ */ a(f, { type: "button", variant: "soft", onClick: A, align: "start", children: [
     /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "←" }),
     "Back"
   ] });
@@ -7661,28 +7661,28 @@ function Hn({
   answers: p
 }) {
   const S = hA(), [q, U] = y(!1), [V, r] = y(A), [n, K] = y(!1), k = MS();
-  return h(() => {
+  return F(() => {
     K(!0);
-  }, []), h(() => {
+  }, []), F(() => {
     if (A) {
       r(!0);
-      const d = requestAnimationFrame(() => {
+      const e = requestAnimationFrame(() => {
         requestAnimationFrame(() => U(!0));
       });
-      return () => cancelAnimationFrame(d);
+      return () => cancelAnimationFrame(e);
     }
     U(!1);
     const c = window.setTimeout(() => {
       r(!1);
     }, 300);
     return () => window.clearTimeout(c);
-  }, [A]), h(() => {
+  }, [A]), F(() => {
     if (!V) return;
-    const c = (d) => {
-      d.key === "Escape" && l();
+    const c = (e) => {
+      e.key === "Escape" && l();
     };
     return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
-  }, [V, l]), h(() => {
+  }, [V, l]), F(() => {
     if (V)
       return mS();
   }, [V]), !n || typeof document > "u" || !V ? null : Bl(
@@ -7757,12 +7757,12 @@ function Nc({
     organContent: q,
     questionnaireAnswers: U = [],
     showAnswersInlineWhenNoSections: V = !1
-  } = A, r = S ?? [], n = V && r.length === 0 && U.length > 0, [K, k] = y(null), [c, d] = y(!1), u = z(
-    () => (e) => (R) => {
-      R.organKey && q != null && q[R.organKey] && k({ section: e, category: R });
+  } = A, r = S ?? [], n = V && r.length === 0 && U.length > 0, [K, k] = y(null), [c, e] = y(!1), u = z(
+    () => (d) => (o) => {
+      o.organKey && q != null && q[o.organKey] && k({ section: d, category: o });
     },
     [q]
-  ), o = K ? mn(K.category.title) : "", b = K == null ? void 0 : K.category.organKey;
+  ), W = K ? mn(K.category.title) : "", j = K == null ? void 0 : K.category.organKey;
   return /* @__PURE__ */ a("div", { className: "mx-auto w-full min-w-0  space-y-6", children: [
     /* @__PURE__ */ t(
       SA,
@@ -7770,12 +7770,12 @@ function Nc({
         title: l.title,
         subtitle: l.subtitle,
         actions: n ? void 0 : /* @__PURE__ */ a(
-          F,
+          f,
           {
             type: "button",
             variant: "default",
             className: Ml,
-            onClick: () => d(!0),
+            onClick: () => e(!0),
             children: [
               /* @__PURE__ */ t(xU, { className: "size-[1.125rem] shrink-0" }),
               "Symptom Analysis Answers"
@@ -7785,14 +7785,14 @@ function Nc({
       }
     ),
     /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-      r.map((e) => /* @__PURE__ */ t(
+      r.map((d) => /* @__PURE__ */ t(
         yV,
         {
           variant: "questionnaire",
-          ...e,
-          onCategoryClick: u(e)
+          ...d,
+          onCategoryClick: u(d)
         },
-        `${e.triadNumber}-${e.heading}`
+        `${d.triadNumber}-${d.heading}`
       )),
       n ? /* @__PURE__ */ t(qq, { answers: U }) : null
     ] }),
@@ -7801,12 +7801,12 @@ function Nc({
       {
         open: !0,
         onClose: () => k(null),
-        title: o,
+        title: W,
         trendStatus: Pn(K.category.trendZone),
         bodyParagraphs: [],
         rowData: {
           scoreLayout: "questionnaire",
-          name: o,
+          name: W,
           symptomScore: K.category.symptomScore,
           previousSymptomScore: K.category.previousSymptom,
           currentDateLabel: K.section.currentRangeLabel,
@@ -7815,7 +7815,7 @@ function Nc({
           riskLabel: K.category.riskLabel
         },
         triadNumber: K.section.triadNumber,
-        organKey: b,
+        organKey: j,
         organContent: q,
         patientGender: p
       }
@@ -7824,7 +7824,7 @@ function Nc({
       Hn,
       {
         open: c,
-        onClose: () => d(!1),
+        onClose: () => e(!1),
         answers: U
       }
     )
@@ -7846,10 +7846,10 @@ function Cn({
     /* @__PURE__ */ t("div", { className: "space-y-6", children: Nn.map((l) => /* @__PURE__ */ a(m, { className: "flex flex-col", children: [
       /* @__PURE__ */ a("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3", children: [
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ t(W, { className: "h-9 w-9 shrink-0 rounded-md" }),
-          /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,18rem)]" })
+          /* @__PURE__ */ t(R, { className: "h-9 w-9 shrink-0 rounded-md" }),
+          /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,18rem)]" })
         ] }),
-        /* @__PURE__ */ t(W, { className: "h-9 w-14" })
+        /* @__PURE__ */ t(R, { className: "h-9 w-14" })
       ] }),
       /* @__PURE__ */ t("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3", children: Qn.map((p) => /* @__PURE__ */ t(
         _l,
@@ -7963,13 +7963,13 @@ function nq({
   product: p,
   purchaseButtonLabel: S
 }) {
-  var d, u, o, b;
-  const q = z(() => Xn(p), [p]), [U, V] = y(0), r = q[U] ?? q[0], n = xn(p), K = ((d = p.description) == null ? void 0 : d.trim()) || ((u = p.tagline) == null ? void 0 : u.trim()) || `${p.name} is suggested based on your Metabolic Code report.`, k = p.purchaseUrl ?? Up;
-  h(() => {
-    const e = (R) => {
-      R.key === "Escape" && A();
+  var e, u, W, j;
+  const q = z(() => Xn(p), [p]), [U, V] = y(0), r = q[U] ?? q[0], n = xn(p), K = ((e = p.description) == null ? void 0 : e.trim()) || ((u = p.tagline) == null ? void 0 : u.trim()) || `${p.name} is suggested based on your Metabolic Code report.`, k = p.purchaseUrl ?? Up;
+  F(() => {
+    const d = (o) => {
+      o.key === "Escape" && A();
     };
-    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+    return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [A]);
   const c = "inline-flex h-10 w-40 items-center justify-center rounded-md bg-[#27C163] px-6 text-base font-[510] text-white shadow-[var(--mb-button-shadow)] transition hover:bg-[#23A958] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#f4f4f4]";
   return /* @__PURE__ */ t(
@@ -8007,26 +8007,26 @@ function nq({
                 q.length
               ] }) : null
             ] }) }),
-            q.length > 1 ? /* @__PURE__ */ t("div", { className: "flex gap-3 overflow-x-auto pb-1", children: q.map((e, R) => /* @__PURE__ */ t(
+            q.length > 1 ? /* @__PURE__ */ t("div", { className: "flex gap-3 overflow-x-auto pb-1", children: q.map((d, o) => /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: () => V(R),
+                onClick: () => V(o),
                 className: [
                   "size-20 shrink-0 overflow-hidden rounded-lg border bg-white transition",
-                  R === U ? "border-[color:var(--mb-color-button-bg)]" : "border-[#ebebeb] opacity-50 hover:opacity-80"
+                  o === U ? "border-[color:var(--mb-color-button-bg)]" : "border-[#ebebeb] opacity-50 hover:opacity-80"
                 ].join(" "),
-                "aria-label": `View ${p.name} image ${R + 1}`,
+                "aria-label": `View ${p.name} image ${o + 1}`,
                 children: /* @__PURE__ */ t(
                   Lt,
                   {
-                    src: e.src,
-                    alt: e.alt ?? `${p.name} thumbnail ${R + 1}`,
+                    src: d.src,
+                    alt: d.alt ?? `${p.name} thumbnail ${o + 1}`,
                     className: "h-full w-full object-cover"
                   }
                 )
               },
-              e.src
+              d.src
             )) }) : null
           ] }),
           /* @__PURE__ */ t("aside", { className: "min-w-0 rounded-lg bg-[#f4f4f4] p-6 text-[color:var(--mb-color-text)]", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
@@ -8042,16 +8042,16 @@ function nq({
               /* @__PURE__ */ t("span", { children: n })
             ] }) : null,
             /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ t("h3", { className: "text-[2.1875rem] font-bold leading-10 text-[#1c2024]", children: ((o = p.matchedPartnerProduct) == null ? void 0 : o.name) ?? p.name }),
+              /* @__PURE__ */ t("h3", { className: "text-[2.1875rem] font-bold leading-10 text-[#1c2024]", children: ((W = p.matchedPartnerProduct) == null ? void 0 : W.name) ?? p.name }),
               /* @__PURE__ */ t("p", { className: "text-sm leading-5 text-[rgba(0,7,20,0.62)]", children: K })
             ] }),
-            (b = p.triadNumbers) != null && b.length ? /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-4", children: p.triadNumbers.map((e) => /* @__PURE__ */ t(
+            (j = p.triadNumbers) != null && j.length ? /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-4", children: p.triadNumbers.map((d) => /* @__PURE__ */ t(
               XA,
               {
-                triadNumber: e,
+                triadNumber: d,
                 className: "size-10"
               },
-              `triad-${e}`
+              `triad-${d}`
             )) }) : null,
             /* @__PURE__ */ a("div", { className: "space-y-1", children: [
               p.price ? /* @__PURE__ */ t("p", { className: "text-[2.1875rem] font-bold leading-10 text-[#1c2024]", children: p.price }) : null,
@@ -8091,30 +8091,30 @@ function Cc({ content: A }) {
       (N) => Vq(N, r == null ? void 0 : r.products)
     ),
     [A == null ? void 0 : A.products, r == null ? void 0 : r.products]
-  ), c = r == null ? void 0 : r.onPurchaseProduct, d = (r == null ? void 0 : r.purchaseButtonLabel) ?? "Purchase";
+  ), c = r == null ? void 0 : r.onPurchaseProduct, e = (r == null ? void 0 : r.purchaseButtonLabel) ?? "Purchase";
   if (!A) return null;
   const {
     pageHeader: u,
-    intro: o,
-    intros: b,
-    labTriadCards: e,
-    patientGender: R,
-    labSectionTitle: O,
+    intro: W,
+    intros: j,
+    labTriadCards: d,
+    patientGender: o,
+    labSectionTitle: b,
     labMetrics: J,
     symptomsSectionTitle: i,
-    symptoms: j,
-    productsSectionTitle: I
-  } = A, H = !!(o && (o.heading || (sA = o.paragraphs) != null && sA.length)), X = J ?? [], E = j ?? [], P = k.length > 0, Q = X.length > 0, f = e ?? [], Z = E.length > 0, C = f.length > 0, L = H || C || Q || Z || P, $ = C || (o == null ? void 0 : o.triadNumber) != null, D = $ && C ? f.map((N) => ({
+    symptoms: I,
+    productsSectionTitle: O
+  } = A, E = !!(W && (W.heading || (sA = W.paragraphs) != null && sA.length)), X = J ?? [], s = I ?? [], P = k.length > 0, Q = X.length > 0, G = d ?? [], Z = s.length > 0, C = G.length > 0, L = E || C || Q || Z || P, $ = C || (W == null ? void 0 : W.triadNumber) != null, D = $ && C ? G.map((N) => ({
     triadNumber: N.triadNumber,
     name: `Triad ${N.triadNumber}`,
     aggregateScoreDisplay: String(N.triadNumber)
-  })) : $ && o ? [
+  })) : $ && W ? [
     {
-      triadNumber: o.triadNumber,
-      name: `Triad ${o.triadNumber}`,
-      aggregateScoreDisplay: String(o.triadNumber)
+      triadNumber: W.triadNumber,
+      name: `Triad ${W.triadNumber}`,
+      aggregateScoreDisplay: String(W.triadNumber)
     }
-  ] : [], v = Math.min(l, Math.max(0, D.length - 1)), nA = (HA = D[v]) == null ? void 0 : HA.triadNumber, AA = (b == null ? void 0 : b.find((N) => N.triadNumber === nA)) ?? o, G = f.find((N) => N.triadNumber === nA), dA = Z || P || C || Q, oA = S ? Ap(S.category.title) : "", cA = S == null ? void 0 : S.category.organKey, kA = mA(), KA = mA(), uA = mA(), EA = mA();
+  ] : [], v = Math.min(l, Math.max(0, D.length - 1)), nA = (HA = D[v]) == null ? void 0 : HA.triadNumber, AA = (j == null ? void 0 : j.find((N) => N.triadNumber === nA)) ?? W, h = G.find((N) => N.triadNumber === nA), dA = Z || P || C || Q, oA = S ? Ap(S.category.title) : "", cA = S == null ? void 0 : S.category.organKey, kA = mA(), KA = mA(), uA = mA(), EA = mA();
   return /* @__PURE__ */ a(lA, { children: [
     /* @__PURE__ */ a("div", { className: "mx-auto w-full min-w-0 space-y-6", children: [
       /* @__PURE__ */ t(SA, { title: u.title, subtitle: u.subtitle }),
@@ -8128,10 +8128,10 @@ function Cc({ content: A }) {
         }
       ) : null,
       L ? /* @__PURE__ */ t(m, { className: "min-w-0", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-        H && AA ? /* @__PURE__ */ t(BS, { ...AA, embeddedInCard: !0 }) : null,
-        H && dA ? /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
+        E && AA ? /* @__PURE__ */ t(BS, { ...AA, embeddedInCard: !0 }) : null,
+        E && dA ? /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
         P ? /* @__PURE__ */ a("div", { className: "min-w-0 space-y-5 rounded-[length:var(--mb-radius-card)] bg-[color:var(--mb-color-muted-section-bg)] p-[length:var(--mb-card-padding)]", children: [
-          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: I }),
+          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: O }),
           /* @__PURE__ */ t("div", { className: "grid w-full min-w-0 grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6 xl:grid-cols-3 xl:gap-8", children: k.map((N) => /* @__PURE__ */ t(
             Ql,
             {
@@ -8170,7 +8170,7 @@ function Cc({ content: A }) {
         P && (Z || C || Q) ? /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
         Z ? /* @__PURE__ */ a("div", { className: "space-y-5", children: [
           /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: i }),
-          /* @__PURE__ */ t("div", { className: "space-y-0", children: Ln(E).map((N) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t("div", { className: "space-y-0", children: Ln(s).map((N) => /* @__PURE__ */ t(
             "div",
             {
               className: "grid grid-cols-1 gap-4 border-b border-gray-200 py-3 last:border-b-0 md:grid-cols-3 md:gap-6",
@@ -8190,17 +8190,17 @@ function Cc({ content: A }) {
           )) })
         ] }) : null,
         Z && (C || Q) ? /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
-        G ? /* @__PURE__ */ a("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: O }),
+        h ? /* @__PURE__ */ a("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: b }),
           /* @__PURE__ */ t(
             lp,
             {
-              card: G,
-              onCategoryClick: K(G)
+              card: h,
+              onCategoryClick: K(h)
             }
           )
         ] }) : Q ? /* @__PURE__ */ a("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: O }),
+          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: b }),
           /* @__PURE__ */ t("div", { className: "grid grid-cols-1 items-start gap-4 sm:grid-cols-2 xl:grid-cols-3 xl:gap-6", children: X.map((N) => /* @__PURE__ */ t(
             gA,
             {
@@ -8238,7 +8238,7 @@ function Cc({ content: A }) {
         triadNumber: S.triadCard.triadNumber,
         organKey: cA,
         organContent: n,
-        patientGender: R
+        patientGender: o
       }
     ) : null,
     U ? /* @__PURE__ */ t(
@@ -8249,7 +8249,7 @@ function Cc({ content: A }) {
           purchaseUrl: U.purchaseUrl ?? (r == null ? void 0 : r.defaultPurchaseUrl) ?? Up
         },
         onClose: () => V(null),
-        purchaseButtonLabel: d,
+        purchaseButtonLabel: e,
         onPurchase: c ? (N) => c(rq(N)) : void 0
       },
       U.id ?? U.sku ?? U.name
@@ -8276,45 +8276,45 @@ function Gn({
       }
     ),
     /* @__PURE__ */ t("div", { className: "flex gap-3 overflow-x-auto", role: "presentation", "aria-hidden": !0, children: Bn.map((l) => /* @__PURE__ */ a("div", { className: "flex min-w-[9rem] flex-1 flex-col items-center gap-3 px-5 py-4", children: [
-      /* @__PURE__ */ t(W, { className: "size-26 shrink-0 rounded-full" }),
-      /* @__PURE__ */ t(W, { className: "h-3 w-16" }),
-      /* @__PURE__ */ t(W, { className: "h-8 w-10" })
+      /* @__PURE__ */ t(R, { className: "size-26 shrink-0 rounded-full" }),
+      /* @__PURE__ */ t(R, { className: "h-3 w-16" }),
+      /* @__PURE__ */ t(R, { className: "h-8 w-10" })
     ] }, l)) }),
     /* @__PURE__ */ t(m, { className: "min-w-0", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
       /* @__PURE__ */ a("div", { className: "grid min-w-0 grid-cols-1 gap-6 xl:grid-cols-2 xl:items-stretch", children: [
         /* @__PURE__ */ a("div", { className: "min-w-0 space-y-4", children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ t(W, { className: "h-9 w-9 shrink-0 rounded-md" }),
-            /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,14rem)]" })
+            /* @__PURE__ */ t(R, { className: "h-9 w-9 shrink-0 rounded-md" }),
+            /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,14rem)]" })
           ] }),
           /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ t(W, { className: "h-3.5 w-full" }),
-            /* @__PURE__ */ t(W, { className: "h-3.5 w-full" }),
-            /* @__PURE__ */ t(W, { className: "h-3.5 w-[90%]" })
+            /* @__PURE__ */ t(R, { className: "h-3.5 w-full" }),
+            /* @__PURE__ */ t(R, { className: "h-3.5 w-full" }),
+            /* @__PURE__ */ t(R, { className: "h-3.5 w-[90%]" })
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex min-w-0 items-center", children: /* @__PURE__ */ t(W, { className: "aspect-video w-full rounded-lg" }) })
+        /* @__PURE__ */ t("div", { className: "flex min-w-0 items-center", children: /* @__PURE__ */ t(R, { className: "aspect-video w-full rounded-lg" }) })
       ] }),
       /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }),
       /* @__PURE__ */ a("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ t(W, { className: "h-7 w-32" }),
+        /* @__PURE__ */ t(R, { className: "h-7 w-32" }),
         /* @__PURE__ */ t("div", { className: "space-y-0", children: hn.map((l) => /* @__PURE__ */ t(
           "div",
           {
             className: "grid grid-cols-1 gap-4 border-b border-gray-200 py-3 last:border-b-0 md:grid-cols-3 md:gap-6",
-            children: Fn.map((p) => /* @__PURE__ */ t(W, { className: "h-10 w-full" }, p))
+            children: Fn.map((p) => /* @__PURE__ */ t(R, { className: "h-10 w-full" }, p))
           },
           l
         )) })
       ] }),
       /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }),
       /* @__PURE__ */ a("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,14rem)]" }),
-        /* @__PURE__ */ t("div", { className: "grid w-full min-w-0 grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6 xl:grid-cols-3 xl:gap-8", children: fn.map((l) => /* @__PURE__ */ t("div", { className: "flex min-w-0 w-full flex-col items-center", children: /* @__PURE__ */ t(W, { className: "aspect-[4/5] w-full max-w-[11rem] rounded-lg sm:max-w-[13rem] md:aspect-auto md:h-[20rem] md:max-w-none" }) }, l)) })
+        /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,14rem)]" }),
+        /* @__PURE__ */ t("div", { className: "grid w-full min-w-0 grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6 xl:grid-cols-3 xl:gap-8", children: fn.map((l) => /* @__PURE__ */ t("div", { className: "flex min-w-0 w-full flex-col items-center", children: /* @__PURE__ */ t(R, { className: "aspect-[4/5] w-full max-w-[11rem] rounded-lg sm:max-w-[13rem] md:aspect-auto md:h-[20rem] md:max-w-none" }) }, l)) })
       ] }),
       /* @__PURE__ */ t("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }),
       /* @__PURE__ */ a("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ t(W, { className: "h-7 w-[min(100%,18rem)]" }),
+        /* @__PURE__ */ t(R, { className: "h-7 w-[min(100%,18rem)]" }),
         /* @__PURE__ */ t("div", { className: "grid grid-cols-1 items-start gap-4 sm:grid-cols-2 xl:grid-cols-3 xl:gap-6", children: gn.map((l) => /* @__PURE__ */ t(
           _l,
           {
@@ -8337,12 +8337,12 @@ function vn(A) {
 }
 function Zc({ content: A }) {
   const [l, p] = y(null), S = Uq(), q = S == null ? void 0 : S.onPurchaseProduct, U = (S == null ? void 0 : S.purchaseButtonLabel) ?? "Purchase", V = B(
-    (d) => {
+    (e) => {
       p(
         Vq(
-          vn(d),
+          vn(e),
           S == null ? void 0 : S.products,
-          d.triadNumbers
+          e.triadNumbers
         )
       );
     },
@@ -8352,13 +8352,13 @@ function Zc({ content: A }) {
   const { pageHeader: r, practitionerNotes: n, cards: K } = A, k = K && K.length > 0, c = mA();
   return /* @__PURE__ */ a("div", { className: "w-full min-w-0 space-y-6", children: [
     /* @__PURE__ */ t(SA, { title: r.title, subtitle: r.subtitle }),
-    k ? /* @__PURE__ */ t("div", { className: "grid grid-cols-1 gap-6 xl:grid-cols-2", children: K.map((d) => /* @__PURE__ */ t(
+    k ? /* @__PURE__ */ t("div", { className: "grid grid-cols-1 gap-6 xl:grid-cols-2", children: K.map((e) => /* @__PURE__ */ t(
       zV,
       {
-        ...d,
+        ...e,
         onProductClick: V
       },
-      c(`${d.title}-${d.imageSrc ?? ""}`, "supplement")
+      c(`${e.title}-${e.imageSrc ?? ""}`, "supplement")
     )) }) : null,
     n ? /* @__PURE__ */ t(ZV, { ...n }) : null,
     l ? /* @__PURE__ */ t(
@@ -8370,7 +8370,7 @@ function Zc({ content: A }) {
         },
         onClose: () => p(null),
         purchaseButtonLabel: U,
-        onPurchase: q ? (d) => q(rq(d)) : void 0
+        onPurchase: q ? (e) => q(rq(e)) : void 0
       },
       l.id ?? l.sku ?? l.name
     ) : null
@@ -8397,22 +8397,22 @@ function Mn({
     ),
     /* @__PURE__ */ t("div", { className: "grid grid-cols-1 gap-6 xl:grid-cols-2", children: Dn.map((l) => /* @__PURE__ */ a(m, { className: "flex flex-col gap-4 overflow-hidden", children: [
       /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ t(W, { className: "h-7 w-1/2" }),
+        /* @__PURE__ */ t(R, { className: "h-7 w-1/2" }),
         /* @__PURE__ */ a("div", { className: "flex shrink-0 gap-2", children: [
-          /* @__PURE__ */ t(W, { className: "size-8 rounded-full" }),
-          /* @__PURE__ */ t(W, { className: "size-8 rounded-full" }),
-          /* @__PURE__ */ t(W, { className: "size-8 rounded-full" })
+          /* @__PURE__ */ t(R, { className: "size-8 rounded-full" }),
+          /* @__PURE__ */ t(R, { className: "size-8 rounded-full" }),
+          /* @__PURE__ */ t(R, { className: "size-8 rounded-full" })
         ] })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-4 md:flex-row", children: [
-        /* @__PURE__ */ t(W, { className: "mx-auto aspect-square w-full max-w-60 shrink-0 rounded-lg md:mx-0 md:basis-60" }),
+        /* @__PURE__ */ t(R, { className: "mx-auto aspect-square w-full max-w-60 shrink-0 rounded-lg md:mx-0 md:basis-60" }),
         /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ t("div", { className: "overflow-hidden", children: wn.map((p) => /* @__PURE__ */ a(
           "div",
           {
             className: "flex min-h-12 items-center justify-between gap-3 border-b border-[color:rgba(0,0,47,0.15)] px-3 last:border-b-0",
             children: [
               /* @__PURE__ */ t("span", { className: "text-sm text-[color:var(--mb-color-text)]", children: p }),
-              /* @__PURE__ */ t(W, { className: "h-5 w-24 shrink-0 rounded" })
+              /* @__PURE__ */ t(R, { className: "h-5 w-24 shrink-0 rounded" })
             ]
           },
           p
@@ -8422,17 +8422,17 @@ function Mn({
     /* @__PURE__ */ a(m, { className: "flex flex-col gap-2 overflow-hidden", children: [
       /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: "Practitioner Notes" }),
       /* @__PURE__ */ a("div", { className: "overflow-hidden", children: [
-        /* @__PURE__ */ t(W, { className: "my-3 h-3.5 w-full" }),
-        /* @__PURE__ */ t(W, { className: "my-3 h-3.5 w-full" }),
-        /* @__PURE__ */ t(W, { className: "my-3 h-3.5 w-[88%]" })
+        /* @__PURE__ */ t(R, { className: "my-3 h-3.5 w-full" }),
+        /* @__PURE__ */ t(R, { className: "my-3 h-3.5 w-full" }),
+        /* @__PURE__ */ t(R, { className: "my-3 h-3.5 w-[88%]" })
       ] })
     ] })
   ] });
 }
 function zc({ content: A }) {
   const { pageHeader: l, patientGender: p, triadCards: S, organContent: q } = A, U = S ?? [], [V, r] = y(null), n = z(
-    () => (c) => (d) => {
-      d.organKey && q != null && q[d.organKey] && r({ triadCard: c, category: d });
+    () => (c) => (e) => {
+      e.organKey && q != null && q[e.organKey] && r({ triadCard: c, category: e });
     },
     [q]
   ), K = V ? Ap(V.category.title) : "", k = V == null ? void 0 : V.category.organKey;
@@ -8484,48 +8484,48 @@ const Yn = ["triad-1", "triad-2", "triad-3"], _n = ["category-1", "category-2",
 function $n() {
   return /* @__PURE__ */ a("div", { className: "grid min-h-16 w-full min-w-0 grid-cols-1 overflow-hidden rounded-lg border border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] lg:grid-cols-[minmax(12rem,15rem)_5.25rem_repeat(3,minmax(4rem,5.5rem))_minmax(15rem,1fr)_1.5rem] lg:gap-x-3", children: [
     /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center justify-between gap-3 bg-[color:var(--mb-color-muted-section-bg)] px-3 py-3 lg:py-0", children: [
-      /* @__PURE__ */ t(W, { className: "h-4 w-32 max-w-full" }),
-      /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded-full" })
+      /* @__PURE__ */ t(R, { className: "h-4 w-32 max-w-full" }),
+      /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded-full" })
     ] }),
     /* @__PURE__ */ t("div", { className: "grid min-w-0 grid-cols-3 gap-2 px-3 py-3 lg:hidden", children: ["symptom", "lab", "total"].map((A) => /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-col items-center gap-1", children: [
-      /* @__PURE__ */ t(W, { className: "h-3 w-12" }),
-      /* @__PURE__ */ t(W, { className: "h-6 w-12 rounded" }),
-      /* @__PURE__ */ t(W, { className: "h-6 w-12 rounded" })
+      /* @__PURE__ */ t(R, { className: "h-3 w-12" }),
+      /* @__PURE__ */ t(R, { className: "h-6 w-12 rounded" }),
+      /* @__PURE__ */ t(R, { className: "h-6 w-12 rounded" })
     ] }, A)) }),
     /* @__PURE__ */ a("div", { className: "hidden min-w-0 lg:contents", children: [
       /* @__PURE__ */ a("div", { className: "flex flex-col justify-center gap-2 pl-2", children: [
-        /* @__PURE__ */ t(W, { className: "h-3 w-12" }),
-        /* @__PURE__ */ t(W, { className: "h-3 w-14" })
+        /* @__PURE__ */ t(R, { className: "h-3 w-12" }),
+        /* @__PURE__ */ t(R, { className: "h-3 w-14" })
       ] }),
       ["symptom", "lab", "total"].map((A) => /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center gap-1.5", children: [
-        /* @__PURE__ */ t(W, { className: "h-6 w-12 rounded" }),
-        /* @__PURE__ */ t(W, { className: "h-6 w-12 rounded" })
+        /* @__PURE__ */ t(R, { className: "h-6 w-12 rounded" }),
+        /* @__PURE__ */ t(R, { className: "h-6 w-12 rounded" })
       ] }, A))
     ] }),
-    /* @__PURE__ */ t("div", { className: "min-w-0 px-3 pb-3 lg:flex lg:items-center lg:p-0", children: /* @__PURE__ */ t(W, { className: "h-6 w-full rounded-full" }) }),
-    /* @__PURE__ */ t("div", { className: "hidden items-center justify-center lg:flex", children: /* @__PURE__ */ t(W, { className: "size-4 rounded" }) })
+    /* @__PURE__ */ t("div", { className: "min-w-0 px-3 pb-3 lg:flex lg:items-center lg:p-0", children: /* @__PURE__ */ t(R, { className: "h-6 w-full rounded-full" }) }),
+    /* @__PURE__ */ t("div", { className: "hidden items-center justify-center lg:flex", children: /* @__PURE__ */ t(R, { className: "size-4 rounded" }) })
   ] });
 }
 function AK({ index: A }) {
   return /* @__PURE__ */ a(m, { className: "grid min-w-0 gap-6 !p-6 lg:grid-cols-[8.5rem_minmax(0,1fr)] lg:items-center", children: [
     /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-4 lg:flex-col lg:justify-center lg:gap-2", children: [
-      /* @__PURE__ */ t(W, { className: "size-20 shrink-0 rounded-lg lg:size-30" }),
+      /* @__PURE__ */ t(R, { className: "size-20 shrink-0 rounded-lg lg:size-30" }),
       /* @__PURE__ */ a("div", { className: "min-w-0 flex-1 text-left lg:flex-none lg:text-center", children: [
-        /* @__PURE__ */ t(W, { className: "h-4 w-28 max-w-full" }),
-        /* @__PURE__ */ t(W, { className: "mt-2 h-10 w-20 rounded-md" })
+        /* @__PURE__ */ t(R, { className: "h-4 w-28 max-w-full" }),
+        /* @__PURE__ */ t(R, { className: "mt-2 h-10 w-20 rounded-md" })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "min-w-0 space-y-1.5", children: [
       /* @__PURE__ */ a("div", { className: "hidden min-w-0 grid-cols-[minmax(12rem,15rem)_5.25rem_repeat(3,minmax(4rem,5.5rem))_minmax(15rem,1fr)_1.5rem] items-end gap-x-3 lg:grid", children: [
         /* @__PURE__ */ t("span", { "aria-hidden": !0 }),
         /* @__PURE__ */ t("span", { "aria-hidden": !0 }),
-        /* @__PURE__ */ t(W, { className: "mx-auto h-3 w-20" }),
-        /* @__PURE__ */ t(W, { className: "mx-auto h-3 w-16" }),
-        /* @__PURE__ */ t(W, { className: "mx-auto h-3 w-12" }),
+        /* @__PURE__ */ t(R, { className: "mx-auto h-3 w-20" }),
+        /* @__PURE__ */ t(R, { className: "mx-auto h-3 w-16" }),
+        /* @__PURE__ */ t(R, { className: "mx-auto h-3 w-12" }),
         /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-3", children: [
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" }),
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" }),
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" })
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" }),
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" }),
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" })
         ] }),
         /* @__PURE__ */ t("span", { "aria-hidden": !0 })
       ] }),
@@ -8543,8 +8543,8 @@ function tK({
         /* @__PURE__ */ t("p", { className: "m-0 mt-2 text-sm leading-normal text-[color:var(--mb-color-text-muted)]", children: A.subtitle })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex shrink-0 flex-wrap gap-2", children: [
-        /* @__PURE__ */ t(W, { className: "h-10 w-44 rounded-md" }),
-        /* @__PURE__ */ t(W, { className: "h-10 w-44 rounded-md" })
+        /* @__PURE__ */ t(R, { className: "h-10 w-44 rounded-md" }),
+        /* @__PURE__ */ t(R, { className: "h-10 w-44 rounded-md" })
       ] })
     ] }),
     /* @__PURE__ */ t("div", { className: "space-y-6", children: Yn.map((l, p) => /* @__PURE__ */ t(AK, { index: p }, l)) })
@@ -8617,36 +8617,36 @@ const pK = [
 function SK() {
   return /* @__PURE__ */ a("div", { className: "grid min-h-16 min-w-0 grid-cols-1 overflow-hidden rounded-lg border border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] lg:grid-cols-[minmax(12rem,18rem)_5.25rem_minmax(5.5rem,7rem)_minmax(18rem,1fr)_1.5rem] lg:gap-x-3", children: [
     /* @__PURE__ */ a("div", { className: "mb-risk-tint-moderate flex min-w-0 items-center justify-between gap-3 px-3 py-3 lg:py-0", children: [
-      /* @__PURE__ */ t(W, { className: "h-4 w-[min(100%,12rem)]" }),
-      /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded-full" })
+      /* @__PURE__ */ t(R, { className: "h-4 w-[min(100%,12rem)]" }),
+      /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded-full" })
     ] }),
     /* @__PURE__ */ a("div", { className: "grid min-w-0 gap-y-1 px-3 py-3 lg:hidden", children: [
       /* @__PURE__ */ a("div", { className: "grid grid-cols-[5.25rem_minmax(4rem,1fr)] items-center gap-x-3", children: [
-        /* @__PURE__ */ t(W, { className: "h-3 w-14 justify-self-end" }),
-        /* @__PURE__ */ t(W, { className: "h-6 w-12 justify-self-center rounded" })
+        /* @__PURE__ */ t(R, { className: "h-3 w-14 justify-self-end" }),
+        /* @__PURE__ */ t(R, { className: "h-6 w-12 justify-self-center rounded" })
       ] }),
       /* @__PURE__ */ a("div", { className: "grid grid-cols-[5.25rem_minmax(4rem,1fr)] items-center gap-x-3", children: [
-        /* @__PURE__ */ t(W, { className: "h-3 w-16 justify-self-end" }),
-        /* @__PURE__ */ t(W, { className: "h-6 w-12 justify-self-center rounded" })
+        /* @__PURE__ */ t(R, { className: "h-3 w-16 justify-self-end" }),
+        /* @__PURE__ */ t(R, { className: "h-6 w-12 justify-self-center rounded" })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "hidden flex-col justify-center gap-2 pl-2 lg:flex", children: [
-      /* @__PURE__ */ t(W, { className: "h-3 w-14" }),
-      /* @__PURE__ */ t(W, { className: "h-3 w-16" })
+      /* @__PURE__ */ t(R, { className: "h-3 w-14" }),
+      /* @__PURE__ */ t(R, { className: "h-3 w-16" })
     ] }),
     /* @__PURE__ */ a("div", { className: "hidden flex-col items-center justify-center gap-1.5 lg:flex", children: [
-      /* @__PURE__ */ t(W, { className: "h-6 w-12 rounded" }),
-      /* @__PURE__ */ t(W, { className: "h-6 w-12 rounded" })
+      /* @__PURE__ */ t(R, { className: "h-6 w-12 rounded" }),
+      /* @__PURE__ */ t(R, { className: "h-6 w-12 rounded" })
     ] }),
     /* @__PURE__ */ t("div", { className: "min-w-0 px-3 pb-3 lg:flex lg:items-center lg:p-0", children: /* @__PURE__ */ a("div", { className: "w-full min-w-0", children: [
-      /* @__PURE__ */ t(W, { className: "h-6 w-full rounded-full" }),
+      /* @__PURE__ */ t(R, { className: "h-6 w-full rounded-full" }),
       /* @__PURE__ */ a("div", { className: "mt-1 grid grid-cols-3 gap-x-2", children: [
-        /* @__PURE__ */ t(W, { className: "h-2.5 w-full" }),
-        /* @__PURE__ */ t(W, { className: "h-2.5 w-full" }),
-        /* @__PURE__ */ t(W, { className: "h-2.5 w-full" })
+        /* @__PURE__ */ t(R, { className: "h-2.5 w-full" }),
+        /* @__PURE__ */ t(R, { className: "h-2.5 w-full" }),
+        /* @__PURE__ */ t(R, { className: "h-2.5 w-full" })
       ] })
     ] }) }),
-    /* @__PURE__ */ t("div", { className: "hidden items-center justify-center lg:flex", children: /* @__PURE__ */ t(W, { className: "size-4" }) })
+    /* @__PURE__ */ t("div", { className: "hidden items-center justify-center lg:flex", children: /* @__PURE__ */ t(R, { className: "size-4" }) })
   ] });
 }
 function qK({
@@ -8663,31 +8663,31 @@ function qK({
     ),
     /* @__PURE__ */ a(m, { className: "grid min-w-0 gap-4 md:grid-cols-[minmax(12rem,1fr)_minmax(18rem,1.25fr)] md:items-center", children: [
       /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ t(W, { className: "h-6 w-[min(100%,22rem)]" }),
-        /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded-full" })
+        /* @__PURE__ */ t(R, { className: "h-6 w-[min(100%,22rem)]" }),
+        /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded-full" })
       ] }),
       /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ t(W, { className: "h-8 w-full rounded-full" }),
+        /* @__PURE__ */ t(R, { className: "h-8 w-full rounded-full" }),
         /* @__PURE__ */ a("div", { className: "mt-1 grid grid-cols-3 gap-x-2", children: [
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" }),
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" }),
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" })
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" }),
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" }),
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ a(m, { className: "min-w-0", children: [
       /* @__PURE__ */ a("div", { className: "mb-5 flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ t(W, { className: "h-6 w-48" }),
-        /* @__PURE__ */ t(W, { className: "size-4 shrink-0 rounded-full" })
+        /* @__PURE__ */ t(R, { className: "h-6 w-48" }),
+        /* @__PURE__ */ t(R, { className: "size-4 shrink-0 rounded-full" })
       ] }),
       /* @__PURE__ */ a("div", { className: "hidden min-w-0 grid-cols-[minmax(12rem,18rem)_5.25rem_minmax(5.5rem,7rem)_minmax(18rem,1fr)_1.5rem] items-end gap-x-3 lg:grid", children: [
         /* @__PURE__ */ t("span", { "aria-hidden": !0 }),
         /* @__PURE__ */ t("span", { "aria-hidden": !0 }),
-        /* @__PURE__ */ t(W, { className: "h-3 w-full" }),
+        /* @__PURE__ */ t(R, { className: "h-3 w-full" }),
         /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-x-3", children: [
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" }),
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" }),
-          /* @__PURE__ */ t(W, { className: "h-3 w-full" })
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" }),
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" }),
+          /* @__PURE__ */ t(R, { className: "h-3 w-full" })
         ] }),
         /* @__PURE__ */ t("span", { "aria-hidden": !0 })
       ] }),
@@ -8999,30 +8999,30 @@ async function WA(A, l) {
       credentials: "include",
       signal: n
     });
-  } catch (o) {
-    throw dS(o) ? o : new Error(
-      `Network error fetching page "${A}": ${o instanceof Error ? o.message : String(o)}`,
-      { cause: o }
+  } catch (W) {
+    throw dS(W) ? W : new Error(
+      `Network error fetching page "${A}": ${W instanceof Error ? W.message : String(W)}`,
+      { cause: W }
     );
   }
-  let d;
+  let e;
   try {
-    d = await c.text();
-  } catch (o) {
-    throw dS(o) ? o : new Error(
-      `Failed to read response body for page "${A}" (HTTP ${c.status}): ${o instanceof Error ? o.message : String(o)}`,
-      { cause: o }
+    e = await c.text();
+  } catch (W) {
+    throw dS(W) ? W : new Error(
+      `Failed to read response body for page "${A}" (HTTP ${c.status}): ${W instanceof Error ? W.message : String(W)}`,
+      { cause: W }
     );
   }
   let u;
   try {
-    u = d ? JSON.parse(d) : null;
+    u = e ? JSON.parse(e) : null;
   } catch {
-    u = d;
+    u = e;
   }
   if (!c.ok) {
-    const b = (typeof u == "object" && u !== null && "error" in u && typeof u.error == "string" ? u.error : null) ?? `HTTP ${c.status}`, e = new Error(b);
-    throw e.status = c.status, e;
+    const j = (typeof u == "object" && u !== null && "error" in u && typeof u.error == "string" ? u.error : null) ?? `HTTP ${c.status}`, d = new Error(j);
+    throw d.status = c.status, d;
   }
   if (u === null || typeof u != "object" || Array.isArray(u))
     throw new Error(
@@ -9247,8 +9247,8 @@ function xK({
   onPointerEnter: K,
   onFocus: k
 }) {
-  const c = hA(), d = !!(V && n), u = /* @__PURE__ */ a(
-    F,
+  const c = hA(), e = !!(V && n), u = /* @__PURE__ */ a(
+    f,
     {
       variant: "sideMenu",
       type: U,
@@ -9257,9 +9257,9 @@ function xK({
       onPointerEnter: K,
       onFocus: k,
       "aria-current": p ? "page" : void 0,
-      "aria-describedby": d ? c : void 0,
+      "aria-describedby": e ? c : void 0,
       "aria-label": r && n ? `${A}. ${n}` : A,
-      title: d ? void 0 : A,
+      title: e ? void 0 : A,
       className: [
         V ? "text-[color:var(--mb-color-text-muted)]" : p ? "text-[color:var(--mb-color-side-menu-item-text-active)]" : "text-[color:var(--mb-color-side-menu-item-text)]",
         V ? "bg-transparent hover:bg-transparent" : p ? "bg-[color:var(--mb-color-nav-active)] hover:bg-[oklch(from_var(--mb-color-nav-active)_calc(l*0.8)_c_h)]" : "bg-transparent hover:bg-[color-mix(in_srgb,var(--mb-color-nav-active)_50%,transparent)]",
@@ -9286,7 +9286,7 @@ function xK({
       ]
     }
   );
-  return d ? /* @__PURE__ */ a("span", { className: "group relative block outline-none", children: [
+  return e ? /* @__PURE__ */ a("span", { className: "group relative block outline-none", children: [
     u,
     /* @__PURE__ */ t(
       "span",
@@ -9442,32 +9442,32 @@ function FK({
   onPreviousReportChange: K,
   showReportSelector: k = !0,
   className: c = "",
-  navClassName: d = "",
+  navClassName: e = "",
   items: u = ut,
-  activeItemId: o,
-  defaultActiveItemId: b = "dashboard",
-  onItemClick: e,
-  onNavItemPrefetch: R
+  activeItemId: W,
+  defaultActiveItemId: j = "dashboard",
+  onItemClick: d,
+  onNavItemPrefetch: o
 }) {
-  const O = o !== void 0, [J, i] = y(b), j = o ?? J, I = B(
+  const b = W !== void 0, [J, i] = y(j), I = W ?? J, O = B(
     (C) => {
-      e == null || e(C), O || i(C);
+      d == null || d(C), b || i(C);
     },
-    [O, e]
-  ), H = !!l, X = A != null && (typeof A != "string" || A.trim().length > 0), E = H || X, P = S == null ? void 0 : S.trim(), Q = U ?? q ?? [], f = !!k && !!n && !!K && !!(V != null && V.trim()) && ((q == null ? void 0 : q.length) ?? 0) > 1, Z = !!k && !f && !!P;
+    [b, d]
+  ), E = !!l, X = A != null && (typeof A != "string" || A.trim().length > 0), s = E || X, P = S == null ? void 0 : S.trim(), Q = U ?? q ?? [], G = !!k && !!n && !!K && !!(V != null && V.trim()) && ((q == null ? void 0 : q.length) ?? 0) > 1, Z = !!k && !G && !!P;
   return /* @__PURE__ */ a(
     "div",
     {
       className: `mb-root flex h-full min-h-0 flex-col p-2 lg:p-[var(--mb-side-menu-inset,1.5rem)] ${c}`.trim(),
       children: [
-        E ? /* @__PURE__ */ a("div", { className: "mb-4 flex min-w-0 shrink-0 flex-col items-center gap-2 lg:mb-8 lg:flex-row lg:items-center", children: [
-          H ? /* @__PURE__ */ t("div", { className: "flex w-full shrink-0 justify-center lg:w-auto lg:justify-start", children: l }) : null,
+        s ? /* @__PURE__ */ a("div", { className: "mb-4 flex min-w-0 shrink-0 flex-col items-center gap-2 lg:mb-8 lg:flex-row lg:items-center", children: [
+          E ? /* @__PURE__ */ t("div", { className: "flex w-full shrink-0 justify-center lg:w-auto lg:justify-start", children: l }) : null,
           X ? /* @__PURE__ */ t(
             "div",
             {
               className: [
                 "min-w-0 flex-1 text-sm font-normal tracking-normal text-[color:var(--mb-color-text)]",
-                H ? "text-center lg:pr-2 lg:text-left" : "hidden lg:block"
+                E ? "text-center lg:pr-2 lg:text-left" : "hidden lg:block"
               ].join(" "),
               children: A
             }
@@ -9476,7 +9476,7 @@ function FK({
         /* @__PURE__ */ a(
           "nav",
           {
-            className: `mt-2 flex min-h-0 flex-1 flex-col items-stretch gap-1 overflow-y-auto overflow-x-hidden lg:mt-4 ${d}`.trim(),
+            className: `mt-2 flex min-h-0 flex-1 flex-col items-stretch gap-1 overflow-y-auto overflow-x-hidden lg:mt-4 ${e}`.trim(),
             "aria-label": "Main",
             children: [
               u.map((C) => {
@@ -9486,18 +9486,18 @@ function FK({
                   {
                     label: C.label,
                     icon: C.icon,
-                    isActive: C.id === j,
+                    isActive: C.id === I,
                     disabled: L,
                     locked: C.locked,
                     disabledTooltip: C.disabledTooltip,
-                    onClick: L ? void 0 : () => I(C.id),
-                    onPointerEnter: L ? void 0 : () => R == null ? void 0 : R(C.id),
-                    onFocus: L ? void 0 : () => R == null ? void 0 : R(C.id)
+                    onClick: L ? void 0 : () => O(C.id),
+                    onPointerEnter: L ? void 0 : () => o == null ? void 0 : o(C.id),
+                    onFocus: L ? void 0 : () => o == null ? void 0 : o(C.id)
                   },
                   C.id
                 );
               }),
-              f && V && n && K && q ? /* @__PURE__ */ t(
+              G && V && n && K && q ? /* @__PURE__ */ t(
                 BK,
                 {
                   options: q,
@@ -9586,19 +9586,19 @@ function vK({
         S
       ].filter(Boolean).join(" "),
       children: /* @__PURE__ */ t("div", { className: "flex min-w-max items-stretch gap-[2rem]", children: A.map((c) => {
-        const d = c.disabled === !0, u = c.id === K;
+        const e = c.disabled === !0, u = c.id === K;
         return /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            disabled: d,
+            disabled: e,
             "aria-current": u ? "page" : void 0,
             "aria-label": c.locked && c.disabledTooltip ? `${c.label}. ${c.disabledTooltip}` : c.label,
-            title: d ? c.disabledTooltip : c.label,
-            className: GK({ isActive: u, disabled: d }),
-            onClick: d ? void 0 : () => k(c.id),
-            onPointerEnter: d ? void 0 : () => U == null ? void 0 : U(c.id),
-            onFocus: d ? void 0 : () => U == null ? void 0 : U(c.id),
+            title: e ? c.disabledTooltip : c.label,
+            className: GK({ isActive: u, disabled: e }),
+            onClick: e ? void 0 : () => k(c.id),
+            onPointerEnter: e ? void 0 : () => U == null ? void 0 : U(c.id),
+            onFocus: e ? void 0 : () => U == null ? void 0 : U(c.id),
             children: [
               c.locked ? /* @__PURE__ */ a("span", { className: "flex items-center gap-[0.5rem] opacity-55 blur-[1px]", children: [
                 /* @__PURE__ */ t("span", { className: "flex shrink-0 text-[color:var(--mb-color-text-muted)] [&_svg]:block", children: c.icon }),
@@ -9609,7 +9609,7 @@ function vK({
                   {
                     className: [
                       "flex shrink-0 [&_svg]:block",
-                      d ? "text-[color:var(--mb-color-text-muted)]" : u ? "text-[color:var(--mb-color-side-menu-icon-active)]" : "text-[color:var(--mb-color-side-menu-icon)]"
+                      e ? "text-[color:var(--mb-color-text-muted)]" : u ? "text-[color:var(--mb-color-side-menu-icon-active)]" : "text-[color:var(--mb-color-side-menu-icon)]"
                     ].join(" "),
                     children: c.icon
                   }
@@ -9666,19 +9666,19 @@ async function MK(A) {
     );
   }
   const c = await k.text();
-  let d;
+  let e;
   try {
-    d = c ? JSON.parse(c) : null;
+    e = c ? JSON.parse(c) : null;
   } catch {
-    d = c;
+    e = c;
   }
   if (!k.ok) {
-    const o = (typeof d == "object" && d !== null && "error" in d && typeof d.error == "string" ? d.error : null) ?? `HTTP ${k.status}`, b = new Error(o);
-    throw b.status = k.status, b;
+    const W = (typeof e == "object" && e !== null && "error" in e && typeof e.error == "string" ? e.error : null) ?? `HTTP ${k.status}`, j = new Error(W);
+    throw j.status = k.status, j;
   }
-  if (d === null || typeof d != "object" || Array.isArray(d) || !("report" in d) || !("pages" in d))
+  if (e === null || typeof e != "object" || Array.isArray(e) || !("report" in e) || !("pages" in e))
     throw new Error("Unexpected response shape for /report/full: missing 'report' or 'pages'");
-  return d;
+  return e;
 }
 function Zt(A) {
   return (A ?? "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
@@ -9788,7 +9788,7 @@ function Iq(A, l) {
 const Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   mapAlertLabSummaryDtoToTabContent: Iq
-}, Symbol.toStringTag, { value: "Module" })), { risk: il } = s, qe = 35, ae = 65, Ue = 694, Ve = 1041, re = "Use this dashboard as your metabolic command center. Start with your Overall Metabolic Score for the big picture, then review Total Predictive Trends, Wellness Indicators, Lab Results, Lab Analysis, and Symptom Analysis to understand what is driving your results. Use the supplement schedule to review next steps with your care team.";
+}, Symbol.toStringTag, { value: "Module" })), { risk: il } = H, qe = 35, ae = 65, Ue = 694, Ve = 1041, re = "Use this dashboard as your metabolic command center. Start with your Overall Metabolic Score for the big picture, then review Total Predictive Trends, Wellness Indicators, Lab Results, Lab Analysis, and Symptom Analysis to understand what is driving your results. Use the supplement schedule to review next steps with your care team.";
 function VA(A) {
   return A != null ? String(Math.round(A)) : "—";
 }
@@ -10372,60 +10372,60 @@ function Ge(A) {
   return l;
 }
 function mq(A, l, p, S, q, U) {
-  var b;
-  const V = A.triad_number ?? null, r = A.triad_name ?? null, n = (l == null ? void 0 : l.includes("lab-results")) ?? !0, K = [...(p == null ? void 0 : p.triads) ?? []].sort((e, R) => e.number - R.number), k = n ? K.map((e) => Kp(e, S)) : [], d = (K.length ? K.map((e) => ({ number: e.number, name: e.name })) : V != null ? [{ number: V, name: r ?? "" }] : []).map((e) => {
-    const R = q == null ? void 0 : q.find((O) => O.number === e.number);
+  var j;
+  const V = A.triad_number ?? null, r = A.triad_name ?? null, n = (l == null ? void 0 : l.includes("lab-results")) ?? !0, K = [...(p == null ? void 0 : p.triads) ?? []].sort((d, o) => d.number - o.number), k = n ? K.map((d) => Kp(d, S)) : [], e = (K.length ? K.map((d) => ({ number: d.number, name: d.name })) : V != null ? [{ number: V, name: r ?? "" }] : []).map((d) => {
+    const o = q == null ? void 0 : q.find((b) => b.number === d.number);
     return {
-      triadNumber: e.number,
-      heading: `Triad ${e.number}${e.name ? `: ${e.name}` : ""}`,
+      triadNumber: d.number,
+      heading: `Triad ${d.number}${d.name ? `: ${d.name}` : ""}`,
       videoAriaLabel: "Play introduction video",
-      paragraphs: (R == null ? void 0 : R.explainer_paragraphs) ?? tq(e.number)
+      paragraphs: (o == null ? void 0 : o.explainer_paragraphs) ?? tq(d.number)
     };
-  }), u = (V == null ? d[0] : d.find((e) => e.triadNumber === V)) ?? d[0], o = Ge(U);
+  }), u = (V == null ? e[0] : e.find((d) => d.triadNumber === V)) ?? e[0], W = Ge(U);
   return {
     pageHeader: {
       title: "Suggested Products",
       subtitle: Wq
     },
-    patientGender: ((b = p == null ? void 0 : p.patient) == null ? void 0 : b.gender) ?? null,
+    patientGender: ((j = p == null ? void 0 : p.patient) == null ? void 0 : j.gender) ?? null,
     organContent: S,
     intro: u,
-    intros: d,
+    intros: e,
     labTriadCards: k,
     labSectionTitle: "My Current Lab Values",
-    labMetrics: n ? A.organ_metrics.map((e) => ({
-      title: e.name.toUpperCase(),
-      infoAriaLabel: `${e.name} lab summary information`,
-      normalRange: Al(e.normal_range, ""),
-      currentRange: String(e.score),
-      previousRange: e.previous_score != null ? String(e.previous_score) : void 0,
-      indicatorPercent: Math.round(e.indicator_percent),
-      status: Fe(e.indicator_percent)
+    labMetrics: n ? A.organ_metrics.map((d) => ({
+      title: d.name.toUpperCase(),
+      infoAriaLabel: `${d.name} lab summary information`,
+      normalRange: Al(d.normal_range, ""),
+      currentRange: String(d.score),
+      previousRange: d.previous_score != null ? String(d.previous_score) : void 0,
+      indicatorPercent: Math.round(d.indicator_percent),
+      status: Fe(d.indicator_percent)
     })) : [],
     symptomsSectionTitle: "Symptoms",
     symptoms: [...A.symptoms],
     productsSectionTitle: "Suggested Products",
-    products: A.products.map((e) => {
-      const R = sq(e.triad_numbers) ?? o.get(Hq(e.name));
+    products: A.products.map((d) => {
+      const o = sq(d.triad_numbers) ?? W.get(Hq(d.name));
       return {
-        id: e.id ?? void 0,
-        sku: e.sku ?? void 0,
-        imageSrc: e.image_url ?? void 0,
-        imageAlt: e.name,
-        name: e.name,
-        tagline: e.tagline ?? void 0,
-        category: e.category ?? void 0,
-        categories: e.categories ? [...e.categories] : void 0,
-        badge: e.badge ?? void 0,
-        description: e.description ?? void 0,
-        price: e.price ?? void 0,
-        rating: e.rating ?? void 0,
-        reviewCount: e.review_count ?? void 0,
-        reviewsLabel: e.reviews_label ?? void 0,
-        stockLabel: e.stock_label ?? void 0,
-        triadNumbers: R,
-        galleryImages: fe(e.gallery_images),
-        purchaseUrl: e.purchase_url ?? void 0
+        id: d.id ?? void 0,
+        sku: d.sku ?? void 0,
+        imageSrc: d.image_url ?? void 0,
+        imageAlt: d.name,
+        name: d.name,
+        tagline: d.tagline ?? void 0,
+        category: d.category ?? void 0,
+        categories: d.categories ? [...d.categories] : void 0,
+        badge: d.badge ?? void 0,
+        description: d.description ?? void 0,
+        price: d.price ?? void 0,
+        rating: d.rating ?? void 0,
+        reviewCount: d.review_count ?? void 0,
+        reviewsLabel: d.reviews_label ?? void 0,
+        stockLabel: d.stock_label ?? void 0,
+        triadNumbers: o,
+        galleryImages: fe(d.gallery_images),
+        purchaseUrl: d.purchase_url ?? void 0
       };
     })
   };
@@ -10495,8 +10495,8 @@ function Qq(A, l, p, S) {
       currentRangeLabel: q,
       previousRangeLabel: U,
       categories: n.categories.map((K) => {
-        var d, u, o, b, e;
-        const k = JS(K.name), c = ((o = (u = (d = K.trend_markers) == null ? void 0 : d.current) == null ? void 0 : u.risk) == null ? void 0 : o.trim()) || K.interpretation || V.get(k);
+        var e, u, W, j, d;
+        const k = JS(K.name), c = ((W = (u = (e = K.trend_markers) == null ? void 0 : e.current) == null ? void 0 : u.risk) == null ? void 0 : W.trim()) || K.interpretation || V.get(k);
         return {
           title: K.name.toUpperCase(),
           noteTargetId: K.id ? `metric:${K.id}` : void 0,
@@ -10508,12 +10508,12 @@ function Qq(A, l, p, S) {
           previousLab: K.previous_lab_score != null ? String(K.previous_lab_score) : void 0,
           previousTotal: K.previous_total_score != null ? String(K.previous_total_score) : void 0,
           trendIndicatorPercent: Ft(
-            (b = K.trend_markers) == null ? void 0 : b.current,
+            (j = K.trend_markers) == null ? void 0 : j.current,
             K.indicator_percent,
             K.interpretation ?? V.get(k)
           ),
           previousTrendIndicatorPercent: Ft(
-            (e = K.trend_markers) == null ? void 0 : e.previous,
+            (d = K.trend_markers) == null ? void 0 : d.previous,
             K.previous_indicator_percent,
             K.previous_interpretation
           ),
@@ -10592,9 +10592,9 @@ function Nq(A, l) {
 const td = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   mapWellnessIndicatorsDtoToTabContent: Nq
-}, Symbol.toStringTag, { value: "Module" })), ld = 5e3, El = /* @__PURE__ */ new Map();
+}, Symbol.toStringTag, { value: "Module" })), ld = 3e5, El = /* @__PURE__ */ new Map();
 function pd(A, l, p, S, q, U) {
-  return `${A}|${l ?? ""}|${p ?? ""}|${S ?? ""}|${q ?? ""}|${U ?? ""}`;
+  return `${A}|${l}|${p ?? ""}|${S ?? ""}|${q ?? ""}|${U ?? ""}`;
 }
 function Cq(A) {
   const {
@@ -10609,107 +10609,107 @@ function Cq(A) {
     refreshAuthToken: K,
     refreshSession: k,
     onFullReportLoaded: c
-  } = A, d = V ?? BA(U), u = Ll({
+  } = A, e = V ?? BA(U), u = Ll({
     authToken: q,
     fetchImpl: n,
     refreshAuthToken: K,
     refreshSession: k
-  }), o = vt({
+  }), W = vt({
     authToken: q,
     json: !0,
     headers: S
-  }), b = `${A.userType ?? ""}|${A.userId ?? ""}|${JSON.stringify([...new Headers(S).entries()])}|` + pd(
-    np(d),
-    q,
+  }), j = `${A.userType ?? ""}|${A.userId ?? ""}|${JSON.stringify([...new Headers(S).entries()])}|` + pd(
+    np(e),
+    A.userId || l || r ? "" : q ?? "",
     U,
     l,
     p,
     r
-  ), e = (i) => (c && i.then(c, () => {
-  }), i), R = () => {
-    const i = El.get(b);
-    if (i && Date.now() < i.expiresAt) return e(i.promise);
-    const j = MK({
+  ), d = (i) => (c && i.then(c, () => {
+  }), i), o = () => {
+    const i = El.get(j);
+    if (i && Date.now() < i.expiresAt) return d(i.promise);
+    const I = MK({
       userType: A.userType,
-      baseUrl: d,
+      baseUrl: e,
       reportId: l,
       previousReportId: p,
       questionnaireResponseId: r,
-      headers: o,
+      headers: W,
       fetchImpl: u
     });
-    return j.catch(() => El.delete(b)), El.set(b, { promise: j, expiresAt: Date.now() + ld }), e(j);
+    return I.catch(() => El.delete(j)), El.set(j, { promise: I, expiresAt: Date.now() + ld }), d(I);
   };
-  R();
-  const O = (i) => R();
+  o();
+  const b = (i) => o();
   return {
     dashboard: async (i) => {
-      const j = await O();
+      const I = await b();
       return iq(
-        j.pages.dashboard,
-        j.organ_content,
-        j.alert_lab_content,
-        j.triad_content
+        I.pages.dashboard,
+        I.organ_content,
+        I.alert_lab_content,
+        I.triad_content
       );
     },
     "total-predictive-index": async (i) => {
-      const j = await O();
+      const I = await b();
       return Qq(
-        j.pages["total-predictive-index"],
-        j.organ_content,
-        j.cortisol_content,
-        j.pages.dashboard
+        I.pages["total-predictive-index"],
+        I.organ_content,
+        I.cortisol_content,
+        I.pages.dashboard
       );
     },
     "wellness-indicators": async (i) => {
-      const j = await O();
+      const I = await b();
       return Nq(
-        j.pages["wellness-indicators"],
-        j.pages.dashboard
+        I.pages["wellness-indicators"],
+        I.pages.dashboard
       );
     },
     "questionnaire-analysis": async (i) => {
-      const j = await O();
+      const I = await b();
       return Eq(
-        j.pages["questionnaire-analysis"],
-        j.organ_content,
-        j.pages.dashboard
+        I.pages["questionnaire-analysis"],
+        I.organ_content,
+        I.pages.dashboard
       );
     },
-    "supplement-schedule": async (i) => Pq((await O()).pages["supplement-schedule"]),
+    "supplement-schedule": async (i) => Pq((await b()).pages["supplement-schedule"]),
     "lab-results": async (i) => {
-      const j = await O();
+      const I = await b();
       return yq(
-        j.pages["lab-results"],
-        j.triad_content,
-        j.alert_lab_content
+        I.pages["lab-results"],
+        I.triad_content,
+        I.alert_lab_content
       );
     },
     "suggested-products": async (i) => {
-      const j = await O();
+      const I = await b();
       return mq(
-        j.pages["suggested-products"],
-        j.report.available_pages,
-        j.pages.dashboard,
-        j.organ_content,
-        j.triad_content,
-        j.pages["supplement-schedule"]
+        I.pages["suggested-products"],
+        I.report.available_pages,
+        I.pages.dashboard,
+        I.organ_content,
+        I.triad_content,
+        I.pages["supplement-schedule"]
       );
     },
     "lab-analysis": async (i) => {
-      const j = await O();
+      const I = await b();
       return Tq(
-        j.pages["lab-analysis"],
-        j.triad_content,
-        j.pages["lab-results"],
-        j.alert_lab_content
+        I.pages["lab-analysis"],
+        I.triad_content,
+        I.pages["lab-results"],
+        I.alert_lab_content
       );
     },
     "alert-lab-summary": async (i) => {
-      const j = await O();
+      const I = await b();
       return Iq(
-        j.pages["alert-lab-summary"],
-        j.alert_lab_content
+        I.pages["alert-lab-summary"],
+        I.alert_lab_content
       );
     }
   };
@@ -10770,22 +10770,22 @@ function rd(A) {
     refreshAuthToken: n,
     refreshSession: K
   });
-  return async (d) => {
-    const u = (d == null ? void 0 : d.reportId) ?? q, o = ad(k), b = xl({ reportId: u, questionnaireResponseId: U }), e = vt({
+  return async (e) => {
+    const u = (e == null ? void 0 : e.reportId) ?? q, W = ad(k), j = xl({ reportId: u, questionnaireResponseId: U }), d = vt({
       authToken: l,
       json: !0,
       headers: V
-    }), R = await c(o, {
+    }), o = await c(W, {
       method: "POST",
-      headers: e,
-      body: b,
+      headers: d,
+      body: j,
       credentials: "include",
-      signal: d == null ? void 0 : d.signal
+      signal: e == null ? void 0 : e.signal
     });
-    if (!R.ok)
-      throw new Error(`Failed to download report PDF (HTTP ${R.status})`);
-    const O = await R.blob(), J = Ud(R, u ? `report-${u}.pdf` : "report.pdf");
-    Vd(O, J);
+    if (!o.ok)
+      throw new Error(`Failed to download report PDF (HTTP ${o.status})`);
+    const b = await o.blob(), J = Ud(o, u ? `report-${u}.pdf` : "report.pdf");
+    Vd(b, J);
   };
 }
 const nd = /* @__PURE__ */ new Set(["mock-report", "dr-mock-1"]);
@@ -10848,19 +10848,19 @@ async function kd(A) {
     );
   }
   const c = await k.text();
-  let d;
+  let e;
   try {
-    d = c ? JSON.parse(c) : null;
+    e = c ? JSON.parse(c) : null;
   } catch {
-    d = c;
+    e = c;
   }
   if (!k.ok) {
-    const u = typeof d == "object" && d !== null && "error" in d && typeof d.error == "string" ? d.error : null;
+    const u = typeof e == "object" && e !== null && "error" in e && typeof e.error == "string" ? e.error : null;
     throw new Error(u ?? `Failed to fetch reports list (HTTP ${k.status})`);
   }
-  if (!Array.isArray(d))
+  if (!Array.isArray(e))
     throw new Error("Unexpected response shape for /reports: expected an array");
-  return d.map(cd).filter((u) => u != null);
+  return e.map(cd).filter((u) => u != null);
 }
 function jS(A, l) {
   return l ? { ...A, ...l } : A;
@@ -10886,80 +10886,82 @@ function Bc() {
 function od({
   children: A,
   fetchers: l,
-  ttlMs: p
+  ttlMs: p,
+  cacheKey: S
 }) {
-  const S = x(/* @__PURE__ */ new Map()), q = x(/* @__PURE__ */ new Map()), U = x(l);
-  U.current = l;
-  const V = x(0), [r, n] = y(0), K = B(
-    (b) => {
+  const q = x(/* @__PURE__ */ new Map()), U = x(/* @__PURE__ */ new Map()), V = x(l);
+  V.current = l;
+  const r = x(0), [n, K] = y(0), k = S ?? l, c = B(
+    (o) => {
       if (p <= 0) return;
-      const e = S.current.get(b);
-      if (e) {
-        if (Date.now() > e.expiresAt) {
-          S.current.delete(b);
+      const b = q.current.get(o);
+      if (b) {
+        if (Date.now() > b.expiresAt) {
+          q.current.delete(o);
           return;
         }
-        return e.data;
+        return b.data;
       }
     },
     [p]
-  ), k = B(
-    (b, e) => {
-      p <= 0 || S.current.set(b, { data: e, expiresAt: Date.now() + p });
+  ), e = B(
+    (o, b) => {
+      p <= 0 || q.current.set(o, { data: b, expiresAt: Date.now() + p });
     },
     [p]
   );
-  h(() => {
-    V.current += 1;
-    const b = V.current;
-    n(b), S.current.clear(), q.current.clear(), U.current = l;
-    const e = new AbortController();
-    return Object.keys(l).forEach((R) => {
-      const O = R;
-      l[O](e.signal).then((J) => {
-        V.current === b && k(O, J);
+  F(() => {
+    const o = k, b = V.current;
+    r.current += 1;
+    const J = r.current;
+    K(J), q.current.clear(), U.current.clear();
+    const i = new AbortController();
+    return Object.keys(b).forEach((I) => {
+      const O = I;
+      b[O](i.signal).then((E) => {
+        r.current === J && o === k && e(O, E);
       }).catch(() => {
       });
-    }), () => e.abort();
-  }, [l, k]);
-  const c = B((b) => {
-    b === void 0 ? S.current.clear() : S.current.delete(b);
-  }, []), d = B(
-    async (b, e) => {
-      const R = K(b);
-      if (R !== void 0) return R;
-      const O = q.current.get(b);
-      if (O) return O;
-      const J = V.current, i = (async () => {
+    }), () => i.abort();
+  }, [k, e]);
+  const u = B((o) => {
+    o === void 0 ? q.current.clear() : q.current.delete(o);
+  }, []), W = B(
+    async (o, b) => {
+      const J = c(o);
+      if (J !== void 0) return J;
+      const i = U.current.get(o);
+      if (i) return i;
+      const I = r.current, O = (async () => {
         try {
-          const j = await U.current[b](e);
-          return J === V.current && k(b, j), j;
+          const E = await V.current[o](b);
+          return I === r.current && e(o, E), E;
         } finally {
-          q.current.delete(b);
+          U.current.delete(o);
         }
       })();
-      return q.current.set(b, i), i;
+      return U.current.set(o, O), O;
     },
-    [K, k]
-  ), u = B(
-    (b) => {
-      if (!ep(b)) return;
-      const e = new AbortController();
-      d(b, e.signal).catch(() => {
+    [c, e]
+  ), j = B(
+    (o) => {
+      if (!ep(o)) return;
+      const b = new AbortController();
+      W(o, b.signal).catch(() => {
       });
     },
-    [d]
-  ), o = z(
+    [W]
+  ), d = z(
     () => ({
-      loadTab: d,
-      readValid: K,
-      invalidate: c,
-      prefetch: u,
-      generation: r
+      loadTab: W,
+      readValid: c,
+      invalidate: u,
+      prefetch: j,
+      generation: n
     }),
-    [d, K, c, u, r]
+    [W, c, u, j, n]
   );
-  return /* @__PURE__ */ t(dp.Provider, { value: o, children: A });
+  return /* @__PURE__ */ t(dp.Provider, { value: d, children: A });
 }
 function Wd(A) {
   return A instanceof DOMException && A.name === "AbortError" ? !0 : A instanceof Error && A.name === "AbortError";
@@ -10980,30 +10982,30 @@ function bd(A, l) {
   const r = zq(), n = (r == null ? void 0 : r.generation) ?? 0, K = B(() => {
     r == null || r.invalidate(A), S({ type: "loadStart" }), U((c) => c + 1);
   }, [r, A]), k = x(l.fetchers);
-  return k.current = l.fetchers, h(() => {
+  return k.current = l.fetchers, F(() => {
     let c = !0;
-    const d = new AbortController(), { signal: u } = d;
+    const e = new AbortController(), { signal: u } = e;
     return (async () => {
-      var b;
+      var j;
       if (r) {
-        const e = r.readValid(A);
-        if (e !== void 0) {
-          S({ type: "loadSuccess", data: e });
+        const d = r.readValid(A);
+        if (d !== void 0) {
+          S({ type: "loadSuccess", data: d });
           return;
         }
       }
       S({ type: "loadStart" });
       try {
-        const e = r ? await r.loadTab(A, u) : await k.current[A](u);
+        const d = r ? await r.loadTab(A, u) : await k.current[A](u);
         if (!c) return;
-        S({ type: "loadSuccess", data: e });
-      } catch (e) {
-        if (!c || Wd(e)) return;
-        const R = e instanceof Error ? e : new Error(String(e));
-        S({ type: "loadError", error: R }), (b = V.current) == null || b.call(V, { navItemId: A, error: R });
+        S({ type: "loadSuccess", data: d });
+      } catch (d) {
+        if (!c || Wd(d)) return;
+        const o = d instanceof Error ? d : new Error(String(d));
+        S({ type: "loadError", error: o }), (j = V.current) == null || j.call(V, { navItemId: A, error: o });
       }
     })(), () => {
-      c = !1, d.abort();
+      c = !1, e.abort();
     };
   }, [A, q, r, n]), { ...p, refetch: K, loadGeneration: q };
 }
@@ -11064,7 +11066,7 @@ function Id({ onRetry: A }) {
             /* @__PURE__ */ t("p", { className: "text-[0.9375rem] font-[510] leading-snug tracking-tight text-red-700 dark:text-red-300", children: "Couldn't load this section" }),
             /* @__PURE__ */ t("p", { className: "text-sm leading-relaxed text-[color:var(--mb-color-text-muted)]", children: "Check your connection and try again." })
           ] }),
-          /* @__PURE__ */ t(F, { type: "button", onClick: A, align: "center", className: "min-w-[8.5rem]", children: "Try again" })
+          /* @__PURE__ */ t(f, { type: "button", onClick: A, align: "center", className: "min-w-[8.5rem]", children: "Try again" })
         ] })
       ]
     }
@@ -11129,7 +11131,7 @@ function id({ onRetry: A }) {
             /* @__PURE__ */ t("p", { className: "text-[0.9375rem] font-[510] leading-snug tracking-tight text-red-700 dark:text-red-300", children: "Couldn't display this section" }),
             /* @__PURE__ */ t("p", { className: "text-sm leading-relaxed text-[color:var(--mb-color-text-muted)]", children: "Something went wrong while rendering. You can try again or reload the data." })
           ] }),
-          /* @__PURE__ */ t(F, { type: "button", onClick: A, align: "center", className: "min-w-[8.5rem]", children: "Try again" })
+          /* @__PURE__ */ t(f, { type: "button", onClick: A, align: "center", className: "min-w-[8.5rem]", children: "Try again" })
         ] })
       ]
     }
@@ -11229,22 +11231,22 @@ function md({
   selectedReportId: K,
   selectedPreviousReportId: k,
   onReportChange: c,
-  onPreviousReportChange: d,
+  onPreviousReportChange: e,
   navigationMode: u,
-  showReportSelector: o,
-  sideMenuClassName: b,
-  sideMenuItems: e,
-  activeItemId: R,
-  handleNavItemClick: O,
+  showReportSelector: W,
+  sideMenuClassName: j,
+  sideMenuItems: d,
+  activeItemId: o,
+  handleNavItemClick: b,
   shellClassName: J,
   sidebarWidthClassName: i,
-  mainAreaClassName: j,
-  mainContent: I
+  mainAreaClassName: I,
+  mainContent: O
 }) {
-  const H = zq(), X = `box-border ${j}`, E = l && H ? (Q) => {
-    ep(Q) && H.prefetch(Q);
-  } : void 0, P = u === "top" && o && !!c && !!d && !!(K != null && K.trim()) && ((r == null ? void 0 : r.length) ?? 0) > 1;
-  return u === "top" ? /* @__PURE__ */ t("div", { className: "mb-dashboard-root mb-root mb-sim-animate-in", style: A, children: /* @__PURE__ */ a(
+  const E = zq(), X = `box-border ${I}`, s = l && E ? (Q) => {
+    ep(Q) && E.prefetch(Q);
+  } : void 0, P = u === "top" && W && !!c && !!e && !!(K != null && K.trim()) && ((r == null ? void 0 : r.length) ?? 0) > 1;
+  return u === "top" ? /* @__PURE__ */ t("div", { className: "mb-dashboard-root mb-root", style: A, children: /* @__PURE__ */ a(
     "div",
     {
       className: [
@@ -11255,14 +11257,14 @@ function md({
         /* @__PURE__ */ t(
           vK,
           {
-            className: b,
-            items: e,
-            activeItemId: R,
-            onItemClick: O,
-            onNavItemPrefetch: E
+            className: j,
+            items: d,
+            activeItemId: o,
+            onItemClick: b,
+            onNavItemPrefetch: s
           }
         ),
-        P && K && c && d && r ? /* @__PURE__ */ t(
+        P && K && c && e && r ? /* @__PURE__ */ t(
           hK,
           {
             options: r,
@@ -11272,16 +11274,16 @@ function md({
             selectedReportId: K,
             selectedPreviousReportId: k,
             onReportChange: c,
-            onPreviousReportChange: d
+            onPreviousReportChange: e
           }
         ) : null,
         /* @__PURE__ */ t("main", { className: "flex min-h-0 min-w-0 flex-1 overflow-auto bg-[color:var(--mb-color-sidebar-bg)]", children: /* @__PURE__ */ a("div", { className: X, children: [
-          I,
+          O,
           /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "h-8 shrink-0" })
         ] }) })
       ]
     }
-  ) }) : /* @__PURE__ */ t("div", { className: "mb-dashboard-root mb-root mb-sim-animate-in", style: A, children: /* @__PURE__ */ t(
+  ) }) : /* @__PURE__ */ t("div", { className: "mb-dashboard-root mb-root", style: A, children: /* @__PURE__ */ t(
     kK,
     {
       sidebar: /* @__PURE__ */ t(
@@ -11297,19 +11299,19 @@ function md({
           selectedReportId: K,
           selectedPreviousReportId: k,
           onReportChange: c,
-          onPreviousReportChange: d,
-          showReportSelector: o,
-          className: b,
-          items: e,
-          activeItemId: R,
-          onItemClick: O,
-          onNavItemPrefetch: E
+          onPreviousReportChange: e,
+          showReportSelector: W,
+          className: j,
+          items: d,
+          activeItemId: o,
+          onItemClick: b,
+          onNavItemPrefetch: s
         }
       ),
       sidebarWidthClassName: i,
       className: J,
       children: /* @__PURE__ */ a("div", { className: X, children: [
-        I,
+        O,
         /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "h-8 shrink-0" })
       ] })
     }
@@ -11319,10 +11321,11 @@ function Pd({
   wrapTabContentCache: A,
   fetchers: l,
   cacheTtlMs: p,
-  viewProps: S
+  cacheKey: S,
+  viewProps: q
 }) {
-  const q = /* @__PURE__ */ t(md, { ...S });
-  return A ? /* @__PURE__ */ t(od, { fetchers: l, ttlMs: p, children: q }) : q;
+  const U = /* @__PURE__ */ t(md, { ...q });
+  return A ? /* @__PURE__ */ t(od, { fetchers: l, ttlMs: p, cacheKey: S, children: U }) : U;
 }
 const Qd = [
   { id: "sim-pt-001", label: "Alex Morgan" },
@@ -11367,7 +11370,7 @@ function zd({
       rootStyle: A,
       contentClassName: "items-center justify-start px-4 py-10 sm:px-8",
       children: /* @__PURE__ */ a("div", { className: "flex w-full max-w-[24rem] flex-col gap-6 sm:max-w-[26rem]", children: [
-        /* @__PURE__ */ t(F, { type: "button", variant: "soft", className: xq, onClick: p, children: "← Back" }),
+        /* @__PURE__ */ t(f, { type: "button", variant: "soft", className: xq, onClick: p, children: "← Back" }),
         /* @__PURE__ */ a("header", { className: "mb-sim-animate-in mb-sim-animate-delay-1", children: [
           /* @__PURE__ */ t("p", { className: "mb-sim-screen-eyebrow", children: "Simulation" }),
           /* @__PURE__ */ t("h1", { className: "mb-sim-screen-title", children: "Select a patient" }),
@@ -11379,7 +11382,7 @@ function zd({
             className: "mb-sim-animate-in",
             style: { animationDelay: `${0.2 + U * 0.055}s` },
             children: /* @__PURE__ */ t(
-              F,
+              f,
               {
                 type: "button",
                 fullWidth: !0,
@@ -11408,7 +11411,7 @@ function Xd({
       rootStyle: A,
       contentClassName: "items-center justify-start px-4 py-10 sm:px-8",
       children: /* @__PURE__ */ a("div", { className: "flex w-full max-w-[24rem] flex-col gap-6 sm:max-w-[26rem]", children: [
-        /* @__PURE__ */ t(F, { type: "button", variant: "soft", className: xq, onClick: p, children: "← Back" }),
+        /* @__PURE__ */ t(f, { type: "button", variant: "soft", className: xq, onClick: p, children: "← Back" }),
         /* @__PURE__ */ a("header", { className: "mb-sim-animate-in mb-sim-animate-delay-1", children: [
           /* @__PURE__ */ t("p", { className: "mb-sim-screen-eyebrow", children: "Simulation" }),
           /* @__PURE__ */ t("h1", { className: "mb-sim-screen-title", children: "Select a report date" }),
@@ -11420,7 +11423,7 @@ function Xd({
             className: "mb-sim-animate-in",
             style: { animationDelay: `${0.2 + U * 0.055}s` },
             children: /* @__PURE__ */ t(
-              F,
+              f,
               {
                 type: "button",
                 fullWidth: !0,
@@ -11477,7 +11480,7 @@ function Ld(A) {
       rootStyle: HS(p)
     };
   }, [A]);
-  return h(() => {
+  return F(() => {
     Pa(l.resolvedBranding.fonts.sans);
   }, [l.resolvedBranding.fonts.sans]), l;
 }
@@ -11494,16 +11497,15 @@ function Bd({
   patientAccessMode: V,
   simulationReportId: r
 }) {
-  const n = S === void 0 && q === void 0, [K, k] = y(), c = x(!1), d = x(null), u = x(null), [o, b] = y(), [e, R] = y(), O = x(void 0), J = z(() => {
+  const n = S === void 0 && q === void 0, [K, k] = y(), c = x(!1), e = x(null), u = x(null), [W, j] = y(), [d, o] = y(), b = x(void 0), J = z(() => {
     const Z = { ...A ?? {} };
     return r != null && (Z.reportId = r), Z;
   }, [A, r]), i = z(
     () => BA(J.backendRegion),
     [J.backendRegion]
-  ), j = J.baseUrl ?? i, I = z(
+  ), I = J.baseUrl ?? i, O = z(
     () => [
       J.userType ?? "",
-      J.authToken ?? J.apiKey ?? "",
       J.userId ?? "",
       JSON.stringify([...new Headers(J.headers).entries()]),
       J.backendRegion ?? "",
@@ -11514,8 +11516,6 @@ function Bd({
     ].join("|"),
     [
       J.userType,
-      J.authToken,
-      J.apiKey,
       J.userId,
       J.headers,
       J.backendRegion,
@@ -11524,30 +11524,30 @@ function Bd({
       J.previousReportId,
       J.questionnaireResponseId
     ]
-  ), H = x(I);
-  h(() => {
-    H.current = I, d.current = null, u.current = null, k(void 0), b(void 0);
-  }, [I]);
+  ), E = x(O);
+  F(() => {
+    E.current = O, e.current = null, u.current = null, k(void 0), j(void 0);
+  }, [O]);
   const X = B((Z) => {
     k(
       (C) => gd(C, Z) ? C : Z
     );
   }, []);
-  h(() => (c.current = !0, O.current && R(O.current), d.current && (X(d.current), d.current = null), u.current != null && (b(u.current || void 0), u.current = null), () => {
-    c.current = !1, d.current = null, u.current = null;
+  F(() => (c.current = !0, b.current && o(b.current), e.current && (X(e.current), e.current = null), u.current != null && (j(u.current || void 0), u.current = null), () => {
+    c.current = !1, e.current = null, u.current = null;
   }), [X]);
-  const E = B(
+  const s = B(
     (Z, C) => {
       var D, v;
-      if (H.current !== C) return;
+      if (E.current !== C) return;
       const L = [...Z.report.available_pages], $ = zA(
         ((D = Z.pages.dashboard) == null ? void 0 : D.questionnaire_last_date) ?? ((v = Z.pages.dashboard) == null ? void 0 : v.labs_last_date) ?? Z.report.effective_date
       ) ?? "";
       if (!c.current) {
-        O.current = { key: C, report: Z }, d.current = L, u.current = $;
+        b.current = { key: C, report: Z }, e.current = L, u.current = $;
         return;
       }
-      X(L), R({ key: C, report: Z }), b($ || void 0);
+      X(L), o({ key: C, report: Z }), j($ || void 0);
     },
     [X]
   ), P = z(() => {
@@ -11566,9 +11566,9 @@ function Bd({
         json: !0,
         headers: J.headers
       }), nA = zK(
-        async (AA, G) => G(),
+        async (AA, h) => h(),
         (AA) => ({
-          baseUrl: j,
+          baseUrl: I,
           reportId: J.reportId,
           previousReportId: J.previousReportId,
           questionnaireResponseId: J.questionnaireResponseId,
@@ -11584,15 +11584,15 @@ function Bd({
     }
     const Z = Cq({
       ...J,
-      onFullReportLoaded: (C) => E(C, I)
+      onFullReportLoaded: (C) => s(C, O)
     });
     return jS(Z, l);
   }, [
     l,
-    E,
+    s,
     V,
+    O,
     I,
-    j,
     J
   ]), Q = z(() => p || rd(J), [p, J]);
   return {
@@ -11601,11 +11601,11 @@ function Bd({
     resolvedExportReports: Q,
     resolvedCacheTtlMs: U ?? ud,
     availableReportPages: K,
-    currentReportLabel: o,
-    reportPagesApiBaseUrl: j,
+    currentReportLabel: W,
+    reportPagesApiBaseUrl: I,
     resolvedHttpConfig: J,
-    reportAvailabilityKey: I,
-    fullReport: (e == null ? void 0 : e.key) === I ? e.report : void 0
+    reportAvailabilityKey: O,
+    fullReport: (d == null ? void 0 : d.key) === O ? d.report : void 0
   };
 }
 function hd(A) {
@@ -11630,14 +11630,14 @@ function Gd(A, l, p = !0) {
   const S = A == null ? void 0 : A.reportId, q = A == null ? void 0 : A.previousReportId, [U, V] = y(S), [r, n] = y(
     q
   ), [K, k] = y([]);
-  h(() => {
+  F(() => {
     V(S), n(q);
-  }, [q, S]), h(() => {
+  }, [q, S]), F(() => {
     if (!p || !A) {
       k([]);
       return;
     }
-    const O = new AbortController();
+    const b = new AbortController();
     let J = !1;
     return kd({
       authToken: A.authToken,
@@ -11645,13 +11645,13 @@ function Gd(A, l, p = !0) {
       baseUrl: A.baseUrl,
       headers: A.headers,
       fetchImpl: A.fetchImpl,
-      signal: O.signal
+      signal: b.signal
     }).then((i) => {
       J || k(i);
     }).catch((i) => {
       J || i instanceof DOMException && i.name === "AbortError" || k([]);
     }), () => {
-      J = !0, O.abort();
+      J = !0, b.abort();
     };
   }, [
     p,
@@ -11662,44 +11662,44 @@ function Gd(A, l, p = !0) {
     A == null ? void 0 : A.headers,
     A == null ? void 0 : A.fetchImpl
   ]);
-  const c = B((O) => {
-    const J = O.trim();
+  const c = B((b) => {
+    const J = b.trim();
     J && (V(J), n((i) => i === J ? void 0 : i));
-  }, []), d = B(
-    (O) => {
-      const J = O.trim();
+  }, []), e = B(
+    (b) => {
+      const J = b.trim();
       J && n((i) => J === (U ?? S) ? i : J);
     },
     [S, U]
-  ), u = U ?? S, o = z(
+  ), u = U ?? S, W = z(
     () => Fd(K, u),
     [K, u, l]
-  ), b = z(
-    () => fd(o, u),
-    [o, u]
-  ), e = z(() => {
-    var O;
-    return p ? r && b.some((J) => J.id === r) ? r : (O = b[0]) == null ? void 0 : O.id : r ?? q;
-  }, [p, q, b, r]);
-  h(() => {
-    n(e);
-  }, [e]);
-  const R = z(() => {
+  ), j = z(
+    () => fd(W, u),
+    [W, u]
+  ), d = z(() => {
+    var b;
+    return p ? r && j.some((J) => J.id === r) ? r : (b = j[0]) == null ? void 0 : b.id : r ?? q;
+  }, [p, q, j, r]);
+  F(() => {
+    n(d);
+  }, [d]);
+  const o = z(() => {
     if (A)
       return {
         ...A,
         reportId: u ?? A.reportId,
-        previousReportId: e
+        previousReportId: d
       };
-  }, [A, u, e]);
+  }, [A, u, d]);
   return {
-    reportOptions: o,
-    previousReportOptions: b,
+    reportOptions: W,
+    previousReportOptions: j,
     selectedReportId: u,
-    selectedPreviousReportId: e,
+    selectedPreviousReportId: d,
     onReportChange: c,
-    onPreviousReportChange: d,
-    reportHttpConfigWithSelection: R
+    onPreviousReportChange: e,
+    reportHttpConfigWithSelection: o
   };
 }
 function vd(A) {
@@ -11762,7 +11762,7 @@ function Dd({
   return /* @__PURE__ */ a("div", { className: "flex w-full flex-col gap-2 rounded-lg border border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] p-2 shadow-[var(--mb-card-shadow)] lg:p-2.5", children: [
     /* @__PURE__ */ t("p", { className: "hidden text-xs leading-snug text-[color:var(--mb-color-text-muted)] lg:block lg:text-sm", children: S }),
     /* @__PURE__ */ a(
-      F,
+      f,
       {
         type: "button",
         fullWidth: !0,
@@ -11790,18 +11790,18 @@ function wd(A) {
       return S;
     if (l === "patient" && r != null)
       return r;
-  }, [l, S, r]), d = l === "practitioner" && S !== null || l === "patient" && r !== null, u = B(() => {
+  }, [l, S, r]), e = l === "practitioner" && S !== null || l === "patient" && r !== null, u = B(() => {
     p(Nt(A)), q(null), V(""), n(null), k("");
-  }, [A]), o = B(() => p("practitioner"), []), b = B(() => p("patient"), []), e = B(
+  }, [A]), W = B(() => p("practitioner"), []), j = B(() => p("patient"), []), d = B(
     () => p(Nt(A)),
     [A]
-  ), R = B(
+  ), o = B(
     () => p(Nt(A)),
     [A]
-  ), O = B((i, j) => {
-    q(i), V(j);
-  }, []), J = B((i, j) => {
-    n(i), k(j);
+  ), b = B((i, I) => {
+    q(i), V(I);
+  }, []), J = B((i, I) => {
+    n(i), k(I);
   }, []);
   return {
     simRole: l,
@@ -11815,13 +11815,13 @@ function wd(A) {
     simPatientReportLabel: K,
     setSimPatientReportLabel: k,
     simulationReportId: c,
-    simulationSessionReady: d,
+    simulationSessionReady: e,
     resetSimulationSession: u,
-    onChoosePractitioner: o,
-    onChoosePatient: b,
-    onBackFromPatientPicker: e,
-    onBackFromPatientReportPicker: R,
-    onSelectPatient: O,
+    onChoosePractitioner: W,
+    onChoosePatient: j,
+    onBackFromPatientPicker: d,
+    onBackFromPatientReportPicker: o,
+    onSelectPatient: b,
     onSelectPatientReport: J
   };
 }
@@ -11896,66 +11896,66 @@ function Bq({
   dashboardContentFetchers: K,
   onDashboardTabContentLoadError: k,
   onExportReports: c,
-  renderMainContent: d,
+  renderMainContent: e,
   activeNavItemId: u,
-  defaultActiveNavItemId: o = Jd,
-  onActiveNavItemChange: b,
-  shellClassName: e,
-  sideMenuClassName: R,
-  mainClassName: O,
+  defaultActiveNavItemId: W = Jd,
+  onActiveNavItemChange: j,
+  shellClassName: d,
+  sideMenuClassName: o,
+  mainClassName: b,
   sidebarWidthClassName: J,
   dashboardTabContentCacheTtlMs: i
 }) {
   var qA, at, T, Y, aA;
   fq();
-  const { resolvedBranding: j, rootStyle: I } = Ld(A), H = ((qA = A == null ? void 0 : A.layout) == null ? void 0 : qA.navigationMode) ?? "side", X = S === "full" && (((at = A == null ? void 0 : A.layout) == null ? void 0 : at.showReportSelector) ?? !0), E = z(
+  const { resolvedBranding: I, rootStyle: O } = Ld(A), E = ((qA = A == null ? void 0 : A.layout) == null ? void 0 : qA.navigationMode) ?? "side", X = S === "full" && (((at = A == null ? void 0 : A.layout) == null ? void 0 : at.showReportSelector) ?? !0), s = z(
     () => vq(l),
     [l]
   ), P = z(
     () => ({
-      ...pc(E == null ? void 0 : E.reportHttpConfig, n),
+      ...pc(s == null ? void 0 : s.reportHttpConfig, n),
       userType: (n == null ? void 0 : n.userType) ?? p
     }),
-    [n, E == null ? void 0 : E.reportHttpConfig, p]
+    [n, s == null ? void 0 : s.reportHttpConfig, p]
   ), Q = Gd(
     P,
     void 0,
     X
-  ), f = V ?? (E == null ? void 0 : E.sideMenuUserProfile), Z = u === void 0 ? (E == null ? void 0 : E.activeNavItemId) ?? o : o, C = E != null && E.error && r === void 0 && d === void 0 ? /* @__PURE__ */ t(
+  ), G = V ?? (s == null ? void 0 : s.sideMenuUserProfile), Z = u === void 0 ? (s == null ? void 0 : s.activeNavItemId) ?? W : W, C = s != null && s.error && r === void 0 && e === void 0 ? /* @__PURE__ */ t(
     Hd,
     {
-      message: E.error,
+      message: s.error,
       className: "max-w-full shrink-0"
     }
   ) : r, L = wd(p), { activeItemId: $, handleNavItemClick: D } = Md({
     activeNavItemIdProp: u,
     defaultActiveNavItemId: Z,
-    onActiveNavItemChange: b
+    onActiveNavItemChange: j
   }), v = S === "symptom-only" ? gq : $, nA = ((T = ut.find((w) => w.id === v)) == null ? void 0 : T.label) ?? v, AA = z(
-    () => U !== void 0 ? U : vd(j),
-    [j, U]
-  ), G = Bd({
+    () => U !== void 0 ? U : vd(I),
+    [I, U]
+  ), h = Bd({
     reportHttpConfig: Q.reportHttpConfigWithSelection,
     dashboardContentFetchers: K,
     onExportReports: c,
     content: C,
-    renderMainContent: d,
+    renderMainContent: e,
     dashboardTabContentCacheTtlMs: i,
     patientAccessMode: S,
     simulationReportId: L.simulationReportId
   }), dA = z(
     () => tc(
-      Ac(G.availableReportPages),
+      Ac(h.availableReportPages),
       S
     ),
-    [S, G.availableReportPages]
+    [S, h.availableReportPages]
   ), oA = B(async () => {
-    S !== "full" || Sc() || await G.resolvedExportReports();
-  }, [S, G.resolvedExportReports]), cA = z(
+    S !== "full" || Sc() || await h.resolvedExportReports();
+  }, [S, h.resolvedExportReports]), cA = z(
     () => new Set(dA.filter((w) => w.disabled).map((w) => w.id)),
     [dA]
   );
-  h(() => {
+  F(() => {
     if (cA.has(v)) {
       const w = dA.find((It) => !It.disabled);
       w && D(w.id);
@@ -11969,21 +11969,21 @@ function Bq({
   ), KA = z(
     () => [
       "flex min-h-0 min-w-0 w-full max-w-full flex-1 flex-col items-stretch gap-4 px-3 py-4 text-[color:var(--mb-color-text-muted)] sm:px-[max(1.25rem,var(--mb-main-padding,1.5rem))]",
-      O
+      b
     ].filter(Boolean).join(" "),
-    [O]
-  ), uA = G.useDefaultTabData, EA = /* @__PURE__ */ a(lA, { children: [
+    [b]
+  ), uA = h.useDefaultTabData, EA = /* @__PURE__ */ a(lA, { children: [
     /* @__PURE__ */ t(aV, {}),
     /* @__PURE__ */ t(
       sd,
       {
-        renderMainContent: d,
+        renderMainContent: e,
         content: C,
         activeItemId: v,
         activeLabel: nA,
-        resolvedDashboardContentFetchers: G.resolvedDashboardContentFetchers,
+        resolvedDashboardContentFetchers: h.resolvedDashboardContentFetchers,
         onDashboardTabContentLoadError: k,
-        sideMenuUserProfile: f
+        sideMenuUserProfile: G
       }
     )
   ] }), sA = /* @__PURE__ */ t(
@@ -11997,29 +11997,30 @@ function Bq({
     Pd,
     {
       wrapTabContentCache: uA,
-      fetchers: G.resolvedDashboardContentFetchers,
-      cacheTtlMs: G.resolvedCacheTtlMs,
+      fetchers: h.resolvedDashboardContentFetchers,
+      cacheTtlMs: h.resolvedCacheTtlMs,
+      cacheKey: h.reportAvailabilityKey,
       viewProps: {
-        rootStyle: I,
+        rootStyle: O,
         enableTabContentCache: uA,
-        menuTitle: q !== void 0 ? q : j.title,
+        menuTitle: q !== void 0 ? q : I.title,
         logo: AA,
-        sideMenuUserProfile: f,
+        sideMenuUserProfile: G,
         sideMenuFooterContent: sA,
-        currentReportLabel: G.currentReportLabel,
+        currentReportLabel: h.currentReportLabel,
         reportOptions: Q.reportOptions,
         previousReportOptions: Q.previousReportOptions,
         selectedReportId: Q.selectedReportId,
         selectedPreviousReportId: Q.selectedPreviousReportId,
         onReportChange: Q.onReportChange,
         onPreviousReportChange: Q.onPreviousReportChange,
-        navigationMode: H,
+        navigationMode: E,
         showReportSelector: X,
-        sideMenuClassName: R,
+        sideMenuClassName: o,
         sideMenuItems: dA,
         activeItemId: v,
         handleNavItemClick: kA,
-        shellClassName: e,
+        shellClassName: d,
         sidebarWidthClassName: J,
         mainAreaClassName: KA,
         mainContent: EA
@@ -12033,19 +12034,19 @@ function Bq({
     }),
     [kA, oA, S]
   );
-  return /* @__PURE__ */ t(_r, { value: G.reportPagesApiBaseUrl, children: /* @__PURE__ */ t(R1, { value: N, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(_r, { value: h.reportPagesApiBaseUrl, children: /* @__PURE__ */ t(R1, { value: N, children: /* @__PURE__ */ t(
     qV,
     {
-      initial: (Y = G.fullReport) == null ? void 0 : Y.soap_notes,
-      config: G.resolvedHttpConfig,
-      readPage: S === "symptom-only" && G.useDefaultTabData ? "questionnaire-analysis" : void 0,
+      initial: (Y = h.fullReport) == null ? void 0 : Y.soap_notes,
+      config: h.resolvedHttpConfig,
+      readPage: S === "symptom-only" && h.useDefaultTabData ? "questionnaire-analysis" : void 0,
       activePage: v,
       onNavigate: kA,
-      style: I,
+      style: O,
       children: /* @__PURE__ */ t(Zn, { value: A == null ? void 0 : A.suggestedProducts, children: /* @__PURE__ */ t(
         xd,
         {
-          rootStyle: I,
+          rootStyle: O,
           simulationSessionReady: L.simulationSessionReady,
           simRole: L.simRole,
           onSelectPatient: L.onSelectPatient,
@@ -12056,7 +12057,7 @@ function Bq({
         }
       ) })
     },
-    `${G.reportAvailabilityKey}|${((aA = G.fullReport) == null ? void 0 : aA.report.id) ?? ""}`
+    `${h.reportAvailabilityKey}|${((aA = h.fullReport) == null ? void 0 : aA.report.id) ?? ""}`
   ) }) });
 }
 const Ct = /* @__PURE__ */ new Map();
@@ -12109,7 +12110,7 @@ function Uc({
     () => U ? `${q ?? S ?? "us"}:${U}` : void 0,
     [q, S, U]
   ), [r, n] = y(() => !V);
-  h(() => {
+  F(() => {
     if (!U) {
       n(!0);
       return;
@@ -12124,13 +12125,13 @@ function Uc({
     );
   }, [q, S, U]);
   const K = B(
-    async ({ responseBody: c, status: d }) => {
+    async ({ responseBody: c, status: e }) => {
       if (!(l != null && l.embedToken)) return !1;
       const u = p ? Dq(
         await p({
           renderContext: l,
           responseBody: c,
-          status: d
+          status: e
         })
       ) : await wq({
         renderContext: l,
@@ -12181,11 +12182,11 @@ function nc({
         requestId: l.requestId,
         status: "loading"
       });
-      const d = new Headers(k == null ? void 0 : k.headers);
-      d.set("Authorization", `Bearer ${l.token}`), d.set("Content-Type", "application/json"), d.set("Accept", "application/json");
+      const e = new Headers(k == null ? void 0 : k.headers);
+      e.set("Authorization", `Bearer ${l.token}`), e.set("Content-Type", "application/json"), e.set("Accept", "application/json");
       const u = await fetch(Vc(l.backendBaseUrl), {
         method: "POST",
-        headers: d,
+        headers: e,
         body: JSON.stringify({
           simulation: {
             algorithmVersion: l.algorithmVersion,
@@ -12206,7 +12207,7 @@ function nc({
     };
     return Object.assign(n, { abort: () => V.abort() }), n;
   }, [p, l]);
-  h(
+  F(
     () => () => {
       var V;
       (V = S.abort) == null || V.call(S);
@@ -12272,7 +12273,7 @@ function Kc({
     },
     [U]
   );
-  return h(() => {
+  return F(() => {
     window.addEventListener("message", V);
     for (const r of U)
       window.parent.postMessage({ type: $q }, r);
@@ -12302,7 +12303,7 @@ export {
   yc as AlertLabSummaryTab,
   i1 as AlertLabSummaryTabSkeleton,
   CA as Badge,
-  F as Button,
+  f as Button,
   Zq as DASHBOARD_TAB_NAV_IDS,
   ll as DASHBOARD_TAB_PLUGINS,
   ud as DEFAULT_DASHBOARD_TAB_CONTENT_CACHE_TTL_MS,
@@ -12342,7 +12343,7 @@ export {
   $q as METABOLIC_REPORT_SIMULATION_READY_TYPE,
   lk as METABOLIC_REPORT_SIMULATION_SET_TYPE,
   Wp as METABOLIC_REPORT_SIMULATION_STATUS_TYPE,
-  s as METABOLIC_THEME_COLORS,
+  H as METABOLIC_THEME_COLORS,
   sa as METABOLIC_THEME_COLOR_CSS_VARIABLES,
   ES as METABOLIC_TRIAD_ICON_SRC,
   mc as MetabolicCodePatientProgress,
@@ -12380,7 +12381,7 @@ export {
   Lc as SideMenuFooter,
   xK as SideMenuNavButton,
   gp as SkeletonCircle,
-  W as SkeletonRect,
+  R as SkeletonRect,
   KK as SuggestedProductsIcon,
   Cc as SuggestedProductsTab,
   Gn as SuggestedProductsTabSkeleton,