@metaboliccode-dev/widget 0.2.39 → 0.2.40

package/dist/index.js

@@ -3,7 +3,7 @@ var ME = (A, E, r) => E in A ? KE(A, E, { enumerable: !0, configurable: !0, writ
 var K3 = (A, E, r) => ME(A, typeof E != "symbol" ? E + "" : E, r);
 import { useAgCharts as d7, ensureAgChartsModules as fE } from "./ag-charts.js";
 import { jsx as I, jsxs as e, Fragment as _ } from "react/jsx-runtime";
-import { useId as q7, useRef as D, useState as s, useLayoutEffect as T7, useMemo as Y, useEffect as EA, useCallback as F, isValidElement as UE, cloneElement as sE, createContext as A3, useContext as Z7, lazy as ZA, useReducer as bE, Component as oE, Suspense as gE, StrictMode as BE } from "react";
+import { useId as q7, useRef as D, useState as s, useLayoutEffect as T7, useMemo as Y, useEffect as EA, useCallback as F, isValidElement as UE, cloneElement as sE, createContext as A3, useContext as Z7, lazy as qA, useReducer as bE, Component as oE, Suspense as gE, StrictMode as BE } from "react";
 import { g as TA, b as ZI, i as kE, M as GE } from "./entry-api-DLaOtREf.js";
 import { a as KV, c as MV, d as fV, e as UV, f as sV, h as bV, S as oV, j as gV, k as BV, l as kV, m as GV, n as YV, o as JV, p as cV, q as OV, r as jV, s as XV, t as FV, u as xV, v as NV, w as hV, x as yV, y as TV, z as PV, A as LV, B as wV, C as HV, D as DV, E as _V, F as $V, G as An, H as In, I as En, J as rn, K as zn, L as tn, N as en } from "./entry-api-DLaOtREf.js";
 import { A as I3, a as YE } from "./vendor-ag-charts-W8mi59GS.js";
@@ -282,7 +282,7 @@ const er = "18.125rem", B = Q.ui, J = {
     placeholder: !1
   },
   fonts: {
-    sans: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"'
+    sans: '"SF Pro", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"'
   },
   colors: {
     shellBackground: B.shellBackground,
@@ -337,7 +337,7 @@ const er = "18.125rem", B = Q.ui, J = {
     borderRadius: "0.5rem",
     borderWidth: "0.0625rem",
     fontSize: "1rem",
-    fontWeight: "500",
+    fontWeight: "510",
     gap: "0.75rem",
     shadow: "0 0.0625rem 0.125rem 0 rgb(0 0 0 / 0.05)"
   },
@@ -348,7 +348,7 @@ const er = "18.125rem", B = Q.ui, J = {
     borderRadius: "0.5rem",
     borderWidth: "0",
     fontSize: "1rem",
-    fontWeight: "500",
+    fontWeight: "400",
     gap: "0.75rem",
     shadow: "none"
   },
@@ -360,7 +360,7 @@ const er = "18.125rem", B = Q.ui, J = {
     borderRadius: "0.375rem",
     borderWidth: "0",
     fontSize: "0.875rem",
-    fontWeight: "500"
+    fontWeight: "510"
   }
 };
 function vr() {
@@ -387,7 +387,7 @@ function ar() {
   };
 }
 function ir(A) {
-  var d, l, u, Z, m, q, S, p, K, b, f, C, U, o, X, O, k, x, T;
+  var d, l, u, q, Z, m, S, p, K, o, f, C, U, b, X, O, k, x, T;
   if (!A)
     return ar();
   const E = {
@@ -400,21 +400,21 @@ function ir(A) {
   }, t = {
     ...J.badge,
     ...A.badge,
-    borderRadius: ((Z = A.badge) == null ? void 0 : Z.borderRadius) ?? ((m = A.radius) == null ? void 0 : m.badge) ?? J.badge.borderRadius
+    borderRadius: ((q = A.badge) == null ? void 0 : q.borderRadius) ?? ((Z = A.radius) == null ? void 0 : Z.badge) ?? J.badge.borderRadius
   }, v = {
     ...J.colors,
     ...A.colors
-  }, a = ((q = A.colors) == null ? void 0 : q.sideMenuItemText) ?? v.textPrimary, i = ((S = A.colors) == null ? void 0 : S.sideMenuItemTextActive) ?? v.textPrimary, V = {
+  }, a = ((m = A.colors) == null ? void 0 : m.sideMenuItemText) ?? v.textPrimary, i = ((S = A.colors) == null ? void 0 : S.sideMenuItemTextActive) ?? v.textPrimary, V = {
     ...v,
     sideMenuItemText: a,
     sideMenuItemTextActive: i,
     sideMenuIcon: ((p = A.colors) == null ? void 0 : p.sideMenuIcon) ?? a,
     sideMenuIconActive: ((K = A.colors) == null ? void 0 : K.sideMenuIconActive) ?? i,
-    badgeText: ((b = A.colors) == null ? void 0 : b.badgeText) ?? v.textMuted,
+    badgeText: ((o = A.colors) == null ? void 0 : o.badgeText) ?? v.textMuted,
     badgeValueBackground: ((f = A.colors) == null ? void 0 : f.badgeValueBackground) ?? v.navHoverBackground,
     badgeValueText: ((C = A.colors) == null ? void 0 : C.badgeValueText) ?? v.textPrimary,
     badgeValueBorder: ((U = A.colors) == null ? void 0 : U.badgeValueBorder) ?? v.badgeValueBorder,
-    cardInlineButtonBackground: ((o = A.colors) == null ? void 0 : o.cardInlineButtonBackground) ?? v.cardBackground,
+    cardInlineButtonBackground: ((b = A.colors) == null ? void 0 : b.cardInlineButtonBackground) ?? v.cardBackground,
     cardInlineButtonBorder: ((X = A.colors) == null ? void 0 : X.cardInlineButtonBorder) ?? v.cardBorder,
     cardInlineButtonText: ((O = A.colors) == null ? void 0 : O.cardInlineButtonText) ?? v.textPrimary,
     cardInlineButtonHoverBackground: ((k = A.colors) == null ? void 0 : k.cardInlineButtonHoverBackground) ?? v.navHoverBackground
@@ -476,7 +476,7 @@ const w = {
   { color: Vr, position: 0 },
   { color: nr, position: 50 },
   { color: Wr, position: 100 }
-], qr = "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", Zr = "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-medium 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", mr = "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-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)]", lr = "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", l7 = "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-wide 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", ur = `${l7} ${m7.optimal}`, Cr = `${l7} ${m7.high}`, Sr = `${l7} ${m7.low}`, Qr = `${l7} ${m7.trending}`;
+], qr = "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", Zr = "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", mr = "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-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)]", lr = "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", l7 = "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", ur = `${l7} ${m7.optimal}`, Cr = `${l7} ${m7.high}`, Sr = `${l7} ${m7.low}`, Qr = `${l7} ${m7.trending}`;
 function G({
   className: A = "",
   fullWidth: E = !1,
@@ -581,7 +581,7 @@ function E3({
     E
   ] }) : /* @__PURE__ */ I("h2", { className: `mb-2 ${U7} ${z}`.trim(), children: A });
 }
-function CA({
+function uA({
   size: A = 32,
   variant: E = "current"
 }) {
@@ -721,7 +721,7 @@ function SI({
             width: IA(s3),
             height: IA(b3)
           },
-          children: /* @__PURE__ */ I(CA, { size: s3 })
+          children: /* @__PURE__ */ I(uA, { size: s3 })
         }
       ) : null
     ] }),
@@ -886,15 +886,15 @@ function e7(A, {
     if (n === 0) return;
     let W = 0;
     const d = window.performance.now(), l = (u) => {
-      const Z = Math.min(1, (u - d) / E), m = V + n * jr(Z);
-      i.current = m, a(m), Z < 1 && (W = window.requestAnimationFrame(l));
+      const q = Math.min(1, (u - d) / E), Z = V + n * jr(q);
+      i.current = Z, a(Z), q < 1 && (W = window.requestAnimationFrame(l));
     };
     return W = window.requestAnimationFrame(l), () => {
       window.cancelAnimationFrame(W);
     };
   }, [E, t]), v;
 }
-const xr = 4e3, Nr = "h-[23.75rem]", hr = "max-w-[27.5rem]", yr = 118, Tr = 308, Pr = -3, Lr = 50, wr = 50, Hr = 24.5, Dr = 28.5, _r = 32, $r = 20, Az = 16, Iz = 0.875, Ez = 2.1875, rz = 2.5, zz = 0.5, tz = 0.75, { metaflammation: BA } = Q;
+const xr = 4e3, Nr = "h-[19.25rem]", hr = "max-w-[24.5rem]", yr = 118, Tr = 308, Pr = -3, Lr = 50, wr = 50, Hr = 24.5, Dr = 28.5, _r = 32, $r = 20, Az = 16, Iz = 0.875, Ez = 2.1875, rz = 2.5, zz = 0.5, tz = 0.75, { metaflammation: BA } = Q;
 function QI(A, E) {
   return Math.min(E, Math.max(0, A));
 }
@@ -982,7 +982,7 @@ function g3({
         transformOrigin: "0 0"
       },
       "aria-hidden": !0,
-      children: /* @__PURE__ */ I("span", { className: "block", style: { transform: t }, children: /* @__PURE__ */ I(CA, { size: _r, variant: r }) })
+      children: /* @__PURE__ */ I("span", { className: "block", style: { transform: t }, children: /* @__PURE__ */ I(uA, { size: _r, variant: r }) })
     }
   );
 }
@@ -1237,13 +1237,13 @@ function iz({
     }
   );
 }
-const { risk: j } = Q, qA = [
+const { risk: j } = Q, dA = [
   { color: j.highTrack, activeColor: j.high, label: "Alert Low" },
   { color: j.moderateTrack, activeColor: j.moderate, label: "Low Normal" },
   { color: j.lowTrack, activeColor: j.low, label: "Optimal" },
   { color: j.moderateTrack, activeColor: j.moderate, label: "High Normal" },
   { color: j.highTrack, activeColor: j.high, label: "Alert High" }
-], WA = [
+], nA = [
   { color: j.lowTrack, activeColor: j.low, label: "Low Risk" },
   { color: j.moderateTrack, activeColor: j.moderate, label: "Moderate Risk" },
   { color: j.highTrack, activeColor: j.high, label: "High Risk" }
@@ -1331,7 +1331,7 @@ function oA({
   d7();
   const i = A.length, V = v !== void 0 ? Math.min(i - 1, Math.max(0, v)) : sI(E, i), n = Y(() => Rz(A, V, a), [A, V, a]);
   if (i === 0) return null;
-  const W = k3(E, i, z), d = r === void 0 ? void 0 : k3(r, i, z), l = pA(L7), u = pA(L7 + UI), Z = `calc(${l} + (100% - ${u}) * ${W / 100})`, m = d === void 0 ? void 0 : `calc(${l} + (100% - ${u}) * ${d / 100})`;
+  const W = k3(E, i, z), d = r === void 0 ? void 0 : k3(r, i, z), l = pA(L7), u = pA(L7 + UI), q = `calc(${l} + (100% - ${u}) * ${W / 100})`, Z = d === void 0 ? void 0 : `calc(${l} + (100% - ${u}) * ${d / 100})`;
   return /* @__PURE__ */ e("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "div",
@@ -1347,15 +1347,15 @@ function oA({
               style: { height: pA(k7), minHeight: pA(k7) }
             }
           ),
-          t && m ? /* @__PURE__ */ I(
+          t && Z ? /* @__PURE__ */ I(
             "div",
             {
               className: "pointer-events-none absolute z-20 -translate-x-1/2",
               style: {
-                left: m,
+                left: Z,
                 top: pA(1)
               },
-              children: /* @__PURE__ */ I(CA, { size: B3, variant: "previous" })
+              children: /* @__PURE__ */ I(uA, { size: B3, variant: "previous" })
             }
           ) : null,
           t ? /* @__PURE__ */ I(
@@ -1363,10 +1363,10 @@ function oA({
             {
               className: "pointer-events-none absolute z-20 -translate-x-1/2",
               style: {
-                left: Z,
+                left: q,
                 bottom: pA(5)
               },
-              children: /* @__PURE__ */ I(CA, { size: B3 })
+              children: /* @__PURE__ */ I(uA, { size: B3 })
             }
           ) : null
         ]
@@ -1377,7 +1377,7 @@ function oA({
       {
         className: "mt-1.5 grid gap-x-0.5 gap-y-1 text-center text-[0.625rem] leading-snug text-[color:var(--mb-color-text-muted)]",
         style: { gridTemplateColumns: `repeat(${i}, minmax(0, 1fr))` },
-        children: A.map((q) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words px-0.5", children: q.label }, q.label))
+        children: A.map((m) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words px-0.5", children: m.label }, m.label))
       }
     )
   ] });
@@ -1387,7 +1387,7 @@ function qz({
   dosage: E,
   isFirst: r = !1
 }) {
-  const z = (E == null ? void 0 : E.trim()) ?? "", t = z.length > 0, v = `inline-flex min-h-5 min-w-4 shrink-0 items-center justify-center rounded bg-[#ebebeb] px-2 py-0.5 text-center text-sm font-medium leading-5 text-[color:var(--mb-color-text)] ${t ? "whitespace-nowrap" : ""}`.trim();
+  const z = (E == null ? void 0 : E.trim()) ?? "", t = z.length > 0, v = `inline-flex min-h-5 min-w-4 shrink-0 items-center justify-center rounded bg-[#ebebeb] px-2 py-0.5 text-center text-sm font-[510] leading-5 text-[color:var(--mb-color-text)] ${t ? "whitespace-nowrap" : ""}`.trim();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1406,7 +1406,7 @@ function qz({
     }
   );
 }
-function RA() {
+function WA() {
   const A = /* @__PURE__ */ new Map();
   return (E, r = "item") => {
     const z = E.trim() || r, t = A.get(z) ?? 0;
@@ -1417,7 +1417,7 @@ const Zz = [1, 2, 3, 4];
 function mz({
   triadNumbers: A = Zz
 }) {
-  const E = RA();
+  const E = WA();
   return /* @__PURE__ */ I("div", { className: "flex shrink-0 items-center gap-2", children: A.map((r) => {
     const z = uI(r);
     return z ? /* @__PURE__ */ I(
@@ -1571,7 +1571,7 @@ function Hi(A) {
     riskRows: i,
     nutrientsLeadParagraph: V,
     nutrientRows: n
-  } = A, W = dz(qA, z);
+  } = A, W = dz(dA, z);
   return /* @__PURE__ */ e(M, { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ e("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
       /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: E }),
@@ -1580,7 +1580,7 @@ function Hi(A) {
     /* @__PURE__ */ I(
       oA,
       {
-        segments: qA,
+        segments: dA,
         indicatorPercent: z,
         indicatorPosition: "segmentCenter"
       }
@@ -1597,11 +1597,11 @@ function N({ content: A, children: E, side: r = "top" }) {
   const z = q7(), t = D(null), v = D(null), [a, i] = s(!1), [V, n] = s(null), W = D(null), d = F(() => {
     W.current !== null && cancelAnimationFrame(W.current), W.current = requestAnimationFrame(() => {
       W.current = null;
-      const Z = t.current, m = v.current;
-      if (!Z || !m) return;
-      const q = Z.getBoundingClientRect(), S = m.getBoundingClientRect(), p = 4, K = 12, b = window.innerWidth, f = window.innerHeight;
-      let C = r === "top" ? q.top - S.height - p : q.bottom + p, U = q.left + q.width / 2 - S.width / 2;
-      U = Math.max(K, Math.min(U, b - S.width - K)), r === "top" && C < K ? C = q.bottom + p : r === "bottom" && C + S.height > f - K && (C = q.top - S.height - p), C = Math.max(K, Math.min(C, f - S.height - K)), n({ top: C, left: U });
+      const q = t.current, Z = v.current;
+      if (!q || !Z) return;
+      const m = q.getBoundingClientRect(), S = Z.getBoundingClientRect(), p = 4, K = 12, o = window.innerWidth, f = window.innerHeight;
+      let C = r === "top" ? m.top - S.height - p : m.bottom + p, U = m.left + m.width / 2 - S.width / 2;
+      U = Math.max(K, Math.min(U, o - S.width - K)), r === "top" && C < K ? C = m.bottom + p : r === "bottom" && C + S.height > f - K && (C = m.top - S.height - p), C = Math.max(K, Math.min(C, f - S.height - K)), n({ top: C, left: U });
     });
   }, [r]);
   T7(() => {
@@ -1617,21 +1617,21 @@ function N({ content: A, children: E, side: r = "top" }) {
   });
   const l = UE(E) ? sE(E, {
     "aria-describedby": a ? z : void 0,
-    onMouseEnter: (Z) => {
-      var m, q;
-      (q = (m = E.props).onMouseEnter) == null || q.call(m, Z), i(!0);
+    onMouseEnter: (q) => {
+      var Z, m;
+      (m = (Z = E.props).onMouseEnter) == null || m.call(Z, q), i(!0);
     },
-    onMouseLeave: (Z) => {
-      var m, q;
-      (q = (m = E.props).onMouseLeave) == null || q.call(m, Z), i(!1);
+    onMouseLeave: (q) => {
+      var Z, m;
+      (m = (Z = E.props).onMouseLeave) == null || m.call(Z, q), i(!1);
     },
-    onFocus: (Z) => {
-      var m, q;
-      (q = (m = E.props).onFocus) == null || q.call(m, Z), i(!0);
+    onFocus: (q) => {
+      var Z, m;
+      (m = (Z = E.props).onFocus) == null || m.call(Z, q), i(!0);
     },
-    onBlur: (Z) => {
-      var m, q;
-      (q = (m = E.props).onBlur) == null || q.call(m, Z), i(!1);
+    onBlur: (q) => {
+      var Z, m;
+      (m = (Z = E.props).onBlur) == null || m.call(Z, q), i(!1);
     }
   }) : E, u = typeof document < "u" ? document.body : null;
   return /* @__PURE__ */ e(_, { children: [
@@ -1712,7 +1712,7 @@ function Qz(A, E, r, z) {
   const n = i - a, W = n > 0 ? n : 1, d = Math.min(1, (A - i) / W);
   return kA(2 * V + d * V);
 }
-const rA = "rounded-full p-0.5 text-[color:var(--mb-color-text-muted)] transition hover:text-[color:var(--mb-color-text)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)]", pz = "whitespace-nowrap !border-[color:var(--mb-color-card-inline-button-border)] !bg-[color:var(--mb-color-card-inline-button-bg)] !px-3 !py-2 !text-base !font-medium !text-[color:var(--mb-color-card-inline-button-text)] [&_svg]:!text-[color:var(--mb-color-card-inline-button-text)] !shadow-none hover:!bg-[color:var(--mb-color-card-inline-button-hover)]", bI = "whitespace-nowrap !border-[color:var(--mb-color-card-border)] !bg-transparent !px-3 !py-2 !text-base !font-medium !text-[color:var(--mb-color-text)] [&_svg]:!text-[color:var(--mb-color-text)] !shadow-none transition-[background-color,border-color] duration-150 ease-out hover:!border-[color:var(--mb-color-button-border)] hover:!bg-[color:var(--mb-color-card-inline-button-hover)] disabled:hover:!border-[color:var(--mb-color-card-border)] disabled:hover:!bg-transparent";
+const rA = "rounded-full p-0.5 text-[color:var(--mb-color-text-muted)] transition hover:text-[color:var(--mb-color-text)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)]", pz = "whitespace-nowrap !border-[color:var(--mb-color-card-inline-button-border)] !bg-[color:var(--mb-color-card-inline-button-bg)] !px-3 !py-2 !text-base !font-[510] !text-[color:var(--mb-color-card-inline-button-text)] [&_svg]:!text-[color:var(--mb-color-card-inline-button-text)] !shadow-none hover:!bg-[color:var(--mb-color-card-inline-button-hover)]", bI = "whitespace-nowrap !border-[color:var(--mb-color-card-border)] !bg-transparent !px-3 !py-2 !text-base !font-[510] !text-[color:var(--mb-color-text)] [&_svg]:!text-[color:var(--mb-color-text)] !shadow-none transition-[background-color,border-color] duration-150 ease-out hover:!border-[color:var(--mb-color-button-border)] hover:!bg-[color:var(--mb-color-card-inline-button-hover)] disabled:hover:!border-[color:var(--mb-color-card-border)] disabled:hover:!bg-transparent";
 function t3({
   value: A,
   variant: E = "default",
@@ -1731,8 +1731,7 @@ function t3({
     ) : /* @__PURE__ */ I(
       "span",
       {
-        className: `inline-flex h-6 min-w-[2.4375rem] shrink-0 items-center justify-center rounded-[0.25rem] px-2 py-0.5 text-center text-sm leading-5 tabular-nums ${i} ${V} ${E === "total" ? "font-bold" : "font-medium"} ${t}`.trim(),
-        style: { fontWeight: E === "total" ? 700 : 510 },
+        className: `inline-flex h-6 min-w-[2.4375rem] shrink-0 items-center justify-center rounded-[0.25rem] px-2 py-0.5 text-center text-sm font-[510] leading-5 tabular-nums ${i} ${V} ${t}`.trim(),
         children: A
       }
     );
@@ -1748,7 +1747,7 @@ function t3({
     sA,
     {
       variant: r === "range" ? "value" : "valueCompact",
-      className: `shrink-0 ${E === "total" ? "font-bold" : ""} ${t}`.trim(),
+      className: `shrink-0 ${t}`.trim(),
       children: A
     }
   );
@@ -1783,7 +1782,7 @@ function xA({
         height: "var(--mb-category-panel-header-height)"
       },
       children: [
-        /* @__PURE__ */ I("h3", { className: "min-w-0 break-words text-sm font-bold tracking-wide text-[color:var(--mb-color-text)] uppercase", children: A }),
+        /* @__PURE__ */ I("h3", { className: "min-w-0 break-words text-sm font-bold tracking-normal text-[color:var(--mb-color-text)] uppercase", children: A }),
         E ? /* @__PURE__ */ I("span", { className: "inline-flex shrink-0", children: E }) : null,
         r ? /* @__PURE__ */ I("span", { className: "inline-flex shrink-0", children: r }) : null
       ]
@@ -1909,14 +1908,14 @@ function Uz({
         children: z.map((v) => /* @__PURE__ */ e(
           "div",
           {
-            className: "flex w-full min-w-0 items-baseline gap-1.5 text-sm font-semibold text-[color:var(--mb-color-text)]",
+            className: "flex w-full min-w-0 items-baseline gap-1.5 text-sm font-[510] text-[color:var(--mb-color-text)]",
             children: [
               /* @__PURE__ */ I("span", { className: "min-w-0 break-words leading-snug", children: v.label }),
               /* @__PURE__ */ I(
                 "span",
                 {
                   role: "img",
-                  className: "shrink-0 whitespace-nowrap tabular-nums text-base font-semibold text-[color:var(--mb-color-text)]",
+                  className: "shrink-0 whitespace-nowrap tabular-nums text-base font-[510] text-[color:var(--mb-color-text)]",
                   "aria-label": `Trend ${v.arrows}`,
                   children: v.arrows
                 }
@@ -1965,13 +1964,13 @@ function sz({
 }
 function UA(A) {
   if (A.layout === "labAnalysis") {
-    const { title: m, markers: q, trendZone: S } = A, p = G7(S), K = NA(DA, p);
+    const { title: Z, markers: m, trendZone: S } = A, p = G7(S), K = NA(DA, p);
     return /* @__PURE__ */ e(FA, { trendColor: K, children: [
-      /* @__PURE__ */ I(xA, { title: m, trendColor: K }),
+      /* @__PURE__ */ I(xA, { title: Z, trendColor: K }),
       /* @__PURE__ */ I(
         Uz,
         {
-          markers: q,
+          markers: m,
           rangeBar: {
             segments: DA,
             indicatorPercent: p,
@@ -1983,19 +1982,19 @@ function UA(A) {
     ] });
   }
   if (A.layout === "labResults") {
-    const { category: m, onInfoClick: q } = A, S = NA(WA, m.indicatorPercent);
+    const { category: Z, onInfoClick: m } = A, S = NA(nA, Z.indicatorPercent);
     return /* @__PURE__ */ e(FA, { trendColor: S, children: [
       /* @__PURE__ */ I(
         xA,
         {
-          title: m.title,
+          title: Z.title,
           trendColor: S,
           trailingInfo: /* @__PURE__ */ I(
             c3,
             {
-              ariaLabel: m.infoAriaLabel,
-              tooltip: m.infoTooltip ?? m.infoAriaLabel,
-              onClick: q
+              ariaLabel: Z.infoAriaLabel,
+              tooltip: Z.infoTooltip ?? Z.infoAriaLabel,
+              onClick: m
             }
           )
         }
@@ -2003,12 +2002,12 @@ function UA(A) {
       /* @__PURE__ */ I(
         sz,
         {
-          normalRange: m.normalRange,
-          currentRange: m.currentRange,
-          previousRange: m.previousRange,
+          normalRange: Z.normalRange,
+          currentRange: Z.currentRange,
+          previousRange: Z.previousRange,
           rangeBar: {
-            segments: WA,
-            indicatorPercent: m.indicatorPercent,
+            segments: nA,
+            indicatorPercent: Z.indicatorPercent,
             indicatorPosition: "segmentCenter"
           }
         }
@@ -2017,27 +2016,27 @@ function UA(A) {
   }
   if (A.layout === "metricRows") {
     const {
-      title: m,
-      infoAriaLabel: q,
+      title: Z,
+      infoAriaLabel: m,
       infoTooltip: S,
       onInfoClick: p,
       showInfoButton: K = !0,
-      rows: b,
+      rows: o,
       indicatorPercent: f,
       indicatorPosition: C,
-      segments: U = qA
-    } = A, o = NA(U, f);
-    return /* @__PURE__ */ e(FA, { trendColor: o, children: [
+      segments: U = dA
+    } = A, b = NA(U, f);
+    return /* @__PURE__ */ e(FA, { trendColor: b, children: [
       /* @__PURE__ */ I(
         xA,
         {
-          title: m,
-          trendColor: o,
+          title: Z,
+          trendColor: b,
           trailingInfo: K ? /* @__PURE__ */ I(
             c3,
             {
-              ariaLabel: q,
-              tooltip: S ?? q,
+              ariaLabel: m,
+              tooltip: S ?? m,
               onClick: p
             }
           ) : void 0
@@ -2046,7 +2045,7 @@ function UA(A) {
       /* @__PURE__ */ I(
         fz,
         {
-          rows: b,
+          rows: o,
           rangeBar: {
             segments: U,
             indicatorPercent: f,
@@ -2058,17 +2057,17 @@ function UA(A) {
   }
   if (A.layout === "questionnaire") {
     const {
-      category: m,
-      currentRangeLabel: q = "Current Range",
+      category: Z,
+      currentRangeLabel: m = "Current Range",
       previousRangeLabel: S = "Previous Range",
       onCategoryClick: p
-    } = A, K = G7(m.trendZone), b = m.previousTrendZone === void 0 ? void 0 : G7(m.previousTrendZone), f = NA(DA, K), C = !!(p && m.organKey), U = C ? () => p == null ? void 0 : p(m) : void 0, o = /* @__PURE__ */ e(FA, { trendColor: f, children: [
+    } = A, K = G7(Z.trendZone), o = Z.previousTrendZone === void 0 ? void 0 : G7(Z.previousTrendZone), f = NA(DA, K), C = !!(p && Z.organKey), U = C ? () => p == null ? void 0 : p(Z) : void 0, b = /* @__PURE__ */ e(FA, { trendColor: f, children: [
       /* @__PURE__ */ I(
         xA,
         {
-          title: m.title,
+          title: Z.title,
           trendColor: f,
-          titleAccessory: /* @__PURE__ */ I(N, { content: m.infoTooltip ?? m.infoAriaLabel, side: "bottom", children: /* @__PURE__ */ I(
+          titleAccessory: /* @__PURE__ */ I(N, { content: Z.infoTooltip ?? Z.infoAriaLabel, side: "bottom", children: /* @__PURE__ */ I(
             "span",
             {
               className: "inline-flex shrink-0 text-[color:var(--mb-color-text-muted)]",
@@ -2083,18 +2082,18 @@ function UA(A) {
         O3,
         {
           variant: "questionnaire",
-          columnHeaders: [S, q],
+          columnHeaders: [S, m],
           rows: [
             {
               label: "Symptom Score",
-              current: m.symptomScore,
-              previous: m.previousSymptom
+              current: Z.symptomScore,
+              previous: Z.previousSymptom
             }
           ],
           rangeBar: {
             segments: DA,
             indicatorPercent: K,
-            previousIndicatorPercent: b,
+            previousIndicatorPercent: o,
             indicatorPosition: "segmentCenter",
             dimInactiveSegments: !1,
             className: "mt-1"
@@ -2108,10 +2107,10 @@ function UA(A) {
         type: "button",
         className: "w-full 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: U,
-        "aria-label": `View ${m.title} details`,
-        children: o
+        "aria-label": `View ${Z.title} details`,
+        children: b
       }
-    ) : o;
+    ) : b;
   }
   const {
     category: E,
@@ -2125,7 +2124,7 @@ function UA(A) {
     t,
     E.trendIndicatorPercent,
     v
-  ), V = NA(WA, i), n = !!(a && E.organKey), W = n ? () => a == null ? void 0 : a(E) : void 0, d = E.infoAriaLabel ?? `${E.title} information`, l = E.infoTooltip ?? d, u = n ? "w-full 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)]" : "", Z = /* @__PURE__ */ I(_, { children: /* @__PURE__ */ e(FA, { trendColor: V, children: [
+  ), V = NA(nA, i), n = !!(a && E.organKey), W = n ? () => a == null ? void 0 : a(E) : void 0, d = E.infoAriaLabel ?? `${E.title} information`, l = E.infoTooltip ?? d, u = n ? "w-full 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)]" : "", q = /* @__PURE__ */ I(_, { children: /* @__PURE__ */ e(FA, { trendColor: V, children: [
     /* @__PURE__ */ I(
       xA,
       {
@@ -2166,7 +2165,7 @@ function UA(A) {
           }
         ],
         rangeBar: {
-          segments: WA,
+          segments: nA,
           indicatorPercent: i,
           indicatorPosition: "segmentCenter"
         }
@@ -2180,9 +2179,9 @@ function UA(A) {
       className: u,
       onClick: W,
       "aria-label": `View ${E.title} details`,
-      children: Z
+      children: q
     }
-  ) : /* @__PURE__ */ I("div", { children: Z });
+  ) : /* @__PURE__ */ I("div", { children: q });
 }
 const bz = {
   1: "text-[color:var(--mb-color-triad-1)]",
@@ -2203,7 +2202,7 @@ function H7({
   infoTooltip: i,
   onInfoClick: V
 }) {
-  const n = a ?? `${E} information`, W = i ?? n, d = t ? "text-[color:var(--mb-color-text)]" : v ? bz[v] : "text-[color:var(--mb-color-text)]", l = t ? `var(--mb-color-risk-${t})` : "var(--mb-color-card-border)", u = t ? `var(--mb-color-risk-${t}-tint)` : "var(--mb-color-card-bg)", Z = r.endsWith(":") ? r : `${r}:`;
+  const n = a ?? `${E} information`, W = i ?? n, d = t ? "text-[color:var(--mb-color-text)]" : v ? bz[v] : "text-[color:var(--mb-color-text)]", l = t ? `var(--mb-color-risk-${t})` : "var(--mb-color-card-border)", u = t ? `var(--mb-color-risk-${t}-tint)` : "var(--mb-color-card-bg)", q = r.endsWith(":") ? r : `${r}:`;
   return /* @__PURE__ */ e("div", { className: "mb-6 flex min-w-0 flex-wrap items-center justify-between gap-4", children: [
     /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
       /* @__PURE__ */ I(OA, { triadNumber: A, className: "size-10" }),
@@ -2223,7 +2222,7 @@ function H7({
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-2", children: [
-      /* @__PURE__ */ I("span", { className: "text-base font-bold text-[color:var(--mb-color-text)]", children: Z }),
+      /* @__PURE__ */ I("span", { className: "text-base font-bold text-[color:var(--mb-color-text)]", children: q }),
       /* @__PURE__ */ I(
         "span",
         {
@@ -2246,7 +2245,7 @@ function oz(A) {
     descriptionParagraphs: i,
     descriptionPrimary: V,
     descriptionSecondary: n
-  } = A, W = i != null && i.length ? i : [V, n].filter((l) => !!l), d = RA();
+  } = A, W = i != null && i.length ? i : [V, n].filter((l) => !!l), d = WA();
   return /* @__PURE__ */ e(M, { className: "flex min-w-0 flex-col", children: [
     /* @__PURE__ */ I(
       H7,
@@ -2277,7 +2276,7 @@ function oz(A) {
     )) }) : null
   ] });
 }
-const gz = "flex items-baseline justify-between gap-3", Bz = "text-[color:var(--mb-color-text-muted)]", kz = "text-right font-medium text-[color:var(--mb-color-text)]";
+const gz = "flex items-baseline justify-between gap-3", Bz = "text-[color:var(--mb-color-text-muted)]", kz = "text-right font-[510] text-[color:var(--mb-color-text)]";
 function j3({ label: A, value: E }) {
   return /* @__PURE__ */ e("div", { className: gz, children: [
     /* @__PURE__ */ I("span", { className: Bz, children: A }),
@@ -2333,7 +2332,7 @@ function Di({
     /* @__PURE__ */ I(
       oA,
       {
-        segments: qA,
+        segments: dA,
         indicatorPercent: r,
         indicatorPosition: "segmentCenter"
       }
@@ -2373,7 +2372,7 @@ function oI({
     v ? /* @__PURE__ */ I("div", { className: "flex min-w-0 items-center", children: i }) : /* @__PURE__ */ I(M, { className: "flex min-w-0 xl:flex-1 xl:flex-col xl:justify-center", children: i })
   ] });
 }
-function mA({
+function ZA({
   children: A,
   className: E = "mx-auto w-full min-w-0  space-y-6"
 }) {
@@ -2394,7 +2393,7 @@ function A7({ title: A, showInfo: E }) {
     {
       className: `flex min-h-9 items-center bg-[color:var(--mb-color-nav-active)] px-4 py-2 ${E ? "justify-between gap-2" : ""}`,
       children: [
-        /* @__PURE__ */ I("h3", { className: "min-w-0 text-sm font-bold tracking-wide text-[color:var(--mb-color-text)] uppercase", children: A }),
+        /* @__PURE__ */ I("h3", { className: "min-w-0 text-sm font-bold tracking-normal text-[color:var(--mb-color-text)] uppercase", children: A }),
         E ? /* @__PURE__ */ I("span", { className: "shrink-0 text-[color:var(--mb-color-text-muted)]", "aria-hidden": !0, children: /* @__PURE__ */ I(c, { className: "size-4" }) }) : null
       ]
     }
@@ -2422,7 +2421,7 @@ function gI() {
   return /* @__PURE__ */ I("div", { className: "mt-4 w-full min-w-0", children: /* @__PURE__ */ I(
     oA,
     {
-      segments: WA,
+      segments: nA,
       indicatorPercent: 0,
       indicatorPosition: "segmentCenter",
       showIndicator: !1
@@ -2433,7 +2432,7 @@ function Yz() {
   return /* @__PURE__ */ I("div", { className: "mt-4 w-full min-w-0", children: /* @__PURE__ */ I(
     oA,
     {
-      segments: qA,
+      segments: dA,
       indicatorPercent: 0,
       indicatorPosition: "segmentCenter",
       showIndicator: !1
@@ -2546,11 +2545,11 @@ function Oz(A) {
       triadNumber: S,
       heading: p,
       aggregateScore: K,
-      aggregateTrendZone: b,
+      aggregateTrendZone: o,
       categories: f,
       currentRangeLabel: C,
       previousRangeLabel: U,
-      onCategoryInfoClick: o,
+      onCategoryInfoClick: b,
       onCategoryClick: X
     } = A;
     return /* @__PURE__ */ e(M, { className: "flex flex-col", children: [
@@ -2561,7 +2560,7 @@ function Oz(A) {
           heading: p,
           scoreLabel: "Score",
           score: K,
-          scoreTone: b
+          scoreTone: o
         }
       ),
       /* @__PURE__ */ I("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3", children: (f ?? []).map((k) => /* @__PURE__ */ I(
@@ -2571,7 +2570,7 @@ function Oz(A) {
           category: k,
           currentRangeLabel: C,
           previousRangeLabel: U,
-          onInfoClick: o,
+          onInfoClick: b,
           onCategoryClick: X
         },
         k.title
@@ -2591,7 +2590,7 @@ function Oz(A) {
     categories: d,
     onInfoClick: l,
     onCategoryClick: u
-  } = A, Z = d ?? [], m = Z.map((S) => S7(S.totalScore));
+  } = A, q = d ?? [], Z = q.map((S) => S7(S.totalScore));
   return /* @__PURE__ */ e(M, { className: "flex flex-col", children: [
     /* @__PURE__ */ I(
       H7,
@@ -2607,14 +2606,14 @@ function Oz(A) {
         onInfoClick: l
       }
     ),
-    /* @__PURE__ */ I("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3", children: Z.map((S) => /* @__PURE__ */ I(
+    /* @__PURE__ */ I("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3", children: q.map((S) => /* @__PURE__ */ I(
       UA,
       {
         layout: "triadResiliency",
         category: S,
         currentRangeLabel: V,
         previousRangeLabel: n,
-        siblingTotals: m,
+        siblingTotals: Z,
         trendBar: W,
         onCategoryClick: u
       },
@@ -2629,13 +2628,14 @@ function jz({
   previousValue: z,
   infoAriaLabel: t,
   infoTooltip: v,
-  centerValueColor: a
+  centerValueColor: a,
+  className: i = ""
 }) {
-  const i = v ?? t;
-  return /* @__PURE__ */ e(M, { className: "min-w-0 overflow-x-clip", children: [
-    /* @__PURE__ */ e("div", { className: "mb-4 flex min-w-0 items-center gap-1.5", children: [
+  const V = v ?? t;
+  return /* @__PURE__ */ e(M, { className: `flex min-w-0 flex-col overflow-x-clip ${i}`.trim(), children: [
+    /* @__PURE__ */ e("div", { className: "flex min-w-0 items-center gap-1.5", children: [
       /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)] m-0 p-0", children: A }),
-      t && i ? /* @__PURE__ */ I(N, { content: i, children: /* @__PURE__ */ I(
+      t && V ? /* @__PURE__ */ I(N, { content: V, children: /* @__PURE__ */ I(
         G,
         {
           type: "button",
@@ -2646,18 +2646,20 @@ function jz({
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ I(
-      pI,
-      {
-        value: E,
-        max: r,
-        previousValue: z,
-        centerValueColor: a
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "mt-4 flex min-w-0 flex-wrap items-center justify-center gap-x-8 gap-y-3", children: [
-      z != null ? /* @__PURE__ */ I(N3, { label: "Previous", value: z, tone: "previous" }) : null,
-      /* @__PURE__ */ I(N3, { label: "Current", value: E, tone: "current" })
+    /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-end gap-2 pt-2", children: [
+      /* @__PURE__ */ I(
+        pI,
+        {
+          value: E,
+          max: r,
+          previousValue: z,
+          centerValueColor: a
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-wrap items-center justify-center gap-x-8 gap-y-3", children: [
+        z != null ? /* @__PURE__ */ I(N3, { label: "Previous", value: z, tone: "previous" }) : null,
+        /* @__PURE__ */ I(N3, { label: "Current", value: E, tone: "current" })
+      ] })
     ] })
   ] });
 }
@@ -2671,7 +2673,7 @@ function N3({
     /* @__PURE__ */ I(
       "span",
       {
-        className: `inline-flex min-h-6 min-w-[3.25rem] items-center justify-center rounded px-2 text-sm font-medium leading-none tabular-nums ${r === "current" ? "bg-[color:var(--mb-color-text)] text-white" : "bg-[#ebebeb] text-[color:var(--mb-color-text)]"}`,
+        className: `inline-flex min-h-6 min-w-[3.25rem] items-center justify-center rounded px-2 text-sm font-[510] leading-none tabular-nums ${r === "current" ? "bg-[color:var(--mb-color-text)] text-white" : "bg-[#ebebeb] text-[color:var(--mb-color-text)]"}`,
         children: Math.round(E).toLocaleString("en-US", {
           useGrouping: !1,
           maximumFractionDigits: 0
@@ -2707,14 +2709,15 @@ function yz({
   labsRowLabel: V,
   labsLastLabel: n,
   wearableRowLabel: W,
-  wearableValueLabel: d
+  wearableValueLabel: d,
+  className: l = ""
 }) {
-  const l = v ?? t, u = !!(a && i), Z = !!(V && n), m = !!(W && d), q = u || Z || m, S = e7(r, { min: 0, max: 100 }), p = Math.round(e7(E, { min: 0, max: 100 }));
-  return /* @__PURE__ */ e(M, { className: "min-w-0", children: [
+  const u = v ?? t, q = !!(a && i), Z = !!(V && n), m = !!(W && d), S = q || Z || m, p = e7(r, { min: 0, max: 100 }), K = Math.round(e7(E, { min: 0, max: 100 }));
+  return /* @__PURE__ */ e(M, { className: `min-w-0 ${l}`.trim(), children: [
     /* @__PURE__ */ e("div", { className: "mb-4 flex items-start justify-between gap-4", children: [
       /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
         /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)] m-0 p-0", children: A }),
-        t && l ? /* @__PURE__ */ I(N, { content: l, children: /* @__PURE__ */ I(
+        t && u ? /* @__PURE__ */ I(N, { content: u, children: /* @__PURE__ */ I(
           G,
           {
             type: "button",
@@ -2726,7 +2729,7 @@ function yz({
         ) }) : null
       ] }),
       /* @__PURE__ */ e("span", { className: `shrink-0 text-[3.75rem] font-bold leading-none ${z}`, children: [
-        p,
+        K,
         "%"
       ] })
     ] }),
@@ -2734,12 +2737,12 @@ function yz({
       SI,
       {
         stops: sr,
-        indicatorPercent: S,
+        indicatorPercent: p,
         labels: br
       }
     ),
-    q ? /* @__PURE__ */ e("ul", { className: "list-none p-0 mx-0 mb-0 mt-4", children: [
-      u ? /* @__PURE__ */ I(
+    S ? /* @__PURE__ */ e("ul", { className: "list-none p-0 mx-0 mb-0 mt-4", children: [
+      q ? /* @__PURE__ */ I(
         GA,
         {
           Icon: u7,
@@ -2753,7 +2756,7 @@ function yz({
           Icon: MI,
           label: V,
           badge: n,
-          bordered: u
+          bordered: q
         }
       ) : null,
       m ? /* @__PURE__ */ I(
@@ -2762,7 +2765,7 @@ function yz({
           Icon: z3,
           label: W,
           badge: d,
-          bordered: u || Z
+          bordered: q || Z
         }
       ) : null
     ] }) : null
@@ -2774,11 +2777,12 @@ function Tz({
   labsRowLabel: r,
   labsLastLabel: z,
   wearableRowLabel: t,
-  wearableValueLabel: v
+  wearableValueLabel: v,
+  className: a = ""
 }) {
-  const a = !!(A && E), i = !!(r && z), V = !!(t && v);
-  return a || i || V ? /* @__PURE__ */ I(M, { className: "min-w-0", children: /* @__PURE__ */ e("ul", { className: "list-none p-0 m-0", children: [
-    a ? /* @__PURE__ */ I(
+  const i = !!(A && E), V = !!(r && z), n = !!(t && v);
+  return i || V || n ? /* @__PURE__ */ I(M, { className: `min-w-0 ${a}`.trim(), children: /* @__PURE__ */ e("ul", { className: "list-none p-0 m-0", children: [
+    i ? /* @__PURE__ */ I(
       GA,
       {
         Icon: u7,
@@ -2786,28 +2790,28 @@ function Tz({
         badge: E
       }
     ) : null,
-    i ? /* @__PURE__ */ I(
+    V ? /* @__PURE__ */ I(
       GA,
       {
         Icon: MI,
         label: r,
         badge: z,
-        bordered: a
+        bordered: i
       }
     ) : null,
-    V ? /* @__PURE__ */ I(
+    n ? /* @__PURE__ */ I(
       GA,
       {
         Icon: z3,
         label: t,
         badge: v,
-        bordered: a || i
+        bordered: i || V
       }
     ) : null
   ] }) }) : null;
 }
 function Pz({ title: A, items: E = [] }) {
-  const r = RA();
+  const r = WA();
   return /* @__PURE__ */ e(M, { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ I("h2", { className: "text-xl font-bold leading-7 tracking-[-0.005rem] text-[color:var(--mb-color-text)]", children: A }),
     /* @__PURE__ */ I("div", { className: "w-full overflow-hidden", children: E.map((z) => /* @__PURE__ */ I(
@@ -2828,7 +2832,7 @@ function $i({
   return /* @__PURE__ */ e(M, { className: "min-w-0", children: [
     A ? /* @__PURE__ */ I("h2", { className: "m-0 mb-4 p-0 text-xl font-bold text-[color:var(--mb-color-text)]", children: A }) : null,
     /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-col gap-4 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ I("div", { className: "mx-auto flex h-24 w-24 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-neutral-200 to-neutral-300 text-base font-semibold text-neutral-700 sm:mx-0", children: E }),
+      /* @__PURE__ */ I("div", { className: "mx-auto flex h-24 w-24 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-neutral-200 to-neutral-300 text-base font-[510] text-neutral-700 sm:mx-0", children: E }),
       /* @__PURE__ */ I("dl", { className: "w-full min-w-0 flex-1 space-y-2 text-sm sm:min-w-0", children: r.map(([z, t]) => /* @__PURE__ */ e(
         "div",
         {
@@ -2851,7 +2855,7 @@ function Lz({
   imageAlt: z,
   scheduleRows: t = []
 }) {
-  const v = r ?? BI, a = z ?? A, i = t.length > 0, V = RA();
+  const v = r ?? BI, a = z ?? A, i = t.length > 0, V = WA();
   return /* @__PURE__ */ e(M, { className: "flex min-w-0 flex-col gap-4 overflow-hidden", children: [
     /* @__PURE__ */ e("div", { className: "flex min-w-0 items-start justify-between gap-4", children: [
       /* @__PURE__ */ I("h2", { className: "min-w-0 text-xl font-bold leading-7 tracking-[-0.005rem] text-[color:var(--mb-color-text)] sm:flex-1", children: A }),
@@ -3008,7 +3012,7 @@ function IV({
     /* @__PURE__ */ e(
       "div",
       {
-        className: "mb-2.5 grid gap-x-0.5 gap-y-0.5 text-center text-[0.625rem] font-semibold leading-tight text-[color:var(--mb-color-text-muted)] sm:gap-1",
+        className: "mb-2.5 grid gap-x-0.5 gap-y-0.5 text-center text-[0.625rem] font-[510] leading-tight text-[color:var(--mb-color-text-muted)] sm:gap-1",
         style: { gridTemplateColumns: "repeat(3, minmax(0, 1fr))" },
         children: [
           /* @__PURE__ */ I("span", { className: "min-w-0 break-words px-0.5", children: Y7(t.low) }),
@@ -3020,7 +3024,7 @@ function IV({
     /* @__PURE__ */ I(
       oA,
       {
-        segments: WA,
+        segments: nA,
         indicatorPercent: i,
         indicatorPosition: "segmentCenter",
         highlightedSegmentIndex: Dz[a]
@@ -3032,10 +3036,10 @@ function h3({
   blocks: A,
   variant: E = "default"
 }) {
-  return E === "relationship" ? /* @__PURE__ */ I(At, { blocks: A }) : /* @__PURE__ */ I("div", { className: "space-y-3", children: SA(A, GI).map(({ item: r, key: z }) => r.type === "paragraph" ? /* @__PURE__ */ I("p", { className: "m-0", children: r.text }, z) : r.type === "subheading" ? /* @__PURE__ */ I("p", { className: "m-0 text-sm font-bold", children: r.text }, z) : r.type === "list" ? /* @__PURE__ */ I(rt, { items: r.items }, z) : r.type === "table" ? /* @__PURE__ */ I(kI, { rows: r.rows }, z) : null) });
+  return E === "relationship" ? /* @__PURE__ */ I(At, { blocks: A }) : /* @__PURE__ */ I("div", { className: "space-y-3", children: CA(A, GI).map(({ item: r, key: z }) => r.type === "paragraph" ? /* @__PURE__ */ I("p", { className: "m-0", children: r.text }, z) : r.type === "subheading" ? /* @__PURE__ */ I("p", { className: "m-0 text-sm font-bold", children: r.text }, z) : r.type === "list" ? /* @__PURE__ */ I(rt, { items: r.items }, z) : r.type === "table" ? /* @__PURE__ */ I(kI, { rows: r.rows }, z) : null) });
 }
 function At({ blocks: A }) {
-  const E = SA(A, GI);
+  const E = CA(A, GI);
   return /* @__PURE__ */ I("div", { className: "min-w-0", children: E.map(({ item: r, key: z }, t) => {
     const v = A[t - 1];
     return r.type === "paragraph" ? /* @__PURE__ */ I(
@@ -3073,12 +3077,12 @@ function It({
   items: A,
   className: E
 }) {
-  return /* @__PURE__ */ I("div", { className: `flex min-w-0 flex-col gap-1 ${E ?? ""}`, children: SA(A, v3).map(({ item: r, key: z }) => /* @__PURE__ */ I(Et, { item: r }, z)) });
+  return /* @__PURE__ */ I("div", { className: `flex min-w-0 flex-col gap-1 ${E ?? ""}`, children: CA(A, v3).map(({ item: r, key: z }) => /* @__PURE__ */ I(Et, { item: r }, z)) });
 }
 function Et({ item: A }) {
   return typeof A == "string" ? /* @__PURE__ */ I(J7, { text: A }) : /* @__PURE__ */ e("div", { className: "min-w-0", children: [
     /* @__PURE__ */ I(J7, { text: A.text }),
-    A.children.length > 0 ? /* @__PURE__ */ I("div", { className: "mt-1 flex min-w-0 flex-col gap-1 pl-6", children: SA(A.children, (E) => E).map(({ item: E, key: r }) => /* @__PURE__ */ I(J7, { text: E }, r)) }) : null
+    A.children.length > 0 ? /* @__PURE__ */ I("div", { className: "mt-1 flex min-w-0 flex-col gap-1 pl-6", children: CA(A.children, (E) => E).map(({ item: E, key: r }) => /* @__PURE__ */ I(J7, { text: E }, r)) }) : null
   ] });
 }
 function J7({ text: A }) {
@@ -3088,17 +3092,17 @@ function J7({ text: A }) {
   ] });
 }
 function rt({ items: A }) {
-  return /* @__PURE__ */ I("ul", { className: "m-0 list-disc space-y-1.5 pl-5", children: SA(A, v3).map(({ item: E, key: r }) => typeof E == "string" ? /* @__PURE__ */ I("li", { className: "text-sm leading-relaxed", children: E }, r) : /* @__PURE__ */ e("li", { className: "text-sm leading-relaxed", children: [
+  return /* @__PURE__ */ I("ul", { className: "m-0 list-disc space-y-1.5 pl-5", children: CA(A, v3).map(({ item: E, key: r }) => typeof E == "string" ? /* @__PURE__ */ I("li", { className: "text-sm leading-relaxed", children: E }, r) : /* @__PURE__ */ e("li", { className: "text-sm leading-relaxed", children: [
     E.text,
-    E.children && E.children.length > 0 && /* @__PURE__ */ I("ul", { className: "mt-1.5 list-disc pl-5", children: SA(E.children, (z) => z).map(({ item: z, key: t }) => /* @__PURE__ */ I("li", { children: z }, t)) })
+    E.children && E.children.length > 0 && /* @__PURE__ */ I("ul", { className: "mt-1.5 list-disc pl-5", children: CA(E.children, (z) => z).map(({ item: z, key: t }) => /* @__PURE__ */ I("li", { children: z }, t)) })
   ] }, r)) });
 }
 function kI({ rows: A }) {
-  return /* @__PURE__ */ I("div", { className: "overflow-x-auto", children: /* @__PURE__ */ I("table", { className: "w-full border-collapse text-sm leading-relaxed", children: /* @__PURE__ */ I("tbody", { children: SA(A, (E) => E.join("|")).map(({ item: E, key: r }) => {
+  return /* @__PURE__ */ I("div", { className: "overflow-x-auto", children: /* @__PURE__ */ I("table", { className: "w-full border-collapse text-sm leading-relaxed", children: /* @__PURE__ */ I("tbody", { children: CA(A, (E) => E.join("|")).map(({ item: E, key: r }) => {
     const [z, ...t] = E;
     return /* @__PURE__ */ e("tr", { className: "align-top", children: [
       /* @__PURE__ */ I("td", { className: "border border-[color:var(--mb-color-card-border)] p-2 font-normal", children: /* @__PURE__ */ I("strong", { className: "text-[color:var(--mb-color-text)]", children: z }) }),
-      SA(t, (v) => v).map(({ item: v, key: a }) => /* @__PURE__ */ I(
+      CA(t, (v) => v).map(({ item: v, key: a }) => /* @__PURE__ */ I(
         "td",
         {
           className: "border border-[color:var(--mb-color-card-border)] p-2 font-normal",
@@ -3115,7 +3119,7 @@ function GI(A) {
 function v3(A) {
   return typeof A == "string" ? A : `${A.text}:${A.children.join("|")}`;
 }
-function SA(A, E) {
+function CA(A, E) {
   const r = /* @__PURE__ */ new Map();
   return A.map((z) => {
     const t = E(z), v = r.get(t) ?? 0;
@@ -3550,7 +3554,7 @@ function de({ value: A }) {
     sA,
     {
       variant: "value",
-      className: "min-h-[1.875rem] min-w-[3.25rem] justify-center px-3 text-base font-semibold tabular-nums",
+      className: "min-h-[1.875rem] min-w-[3.25rem] justify-center px-3 text-base font-[510] tabular-nums",
       children: E ?? ""
     }
   );
@@ -3586,7 +3590,7 @@ function qe({
           /* @__PURE__ */ I("div", { className: "mt-5", children: /* @__PURE__ */ I(
             oA,
             {
-              segments: qA,
+              segments: dA,
               indicatorPercent: A.indicatorPercent,
               previousIndicatorPercent: A.previousIndicatorPercent,
               indicatorPosition: "continuous",
@@ -3657,11 +3661,11 @@ function vA({
   patientGender: d,
   alertLabDetail: l
 }) {
-  var VA, QA, zA, LA, wA, HA, jA, XA, g, nA, Q3, p3;
-  const u = q7(), [Z, m] = s(!1), [q, S] = s(A), [p, K] = s(!1), b = ne(), f = n && W ? W[n] : void 0, C = a != null ? {
+  var SA, QA, zA, LA, wA, HA, jA, XA, g, VA, Q3, p3;
+  const u = q7(), [q, Z] = s(!1), [m, S] = s(A), [p, K] = s(!1), o = ne(), f = n && W ? W[n] : void 0, C = a != null ? {
     ...a,
-    currentDateLabel: ((VA = a.currentDateLabel) == null ? void 0 : VA.trim()) || (i == null ? void 0 : i.trim()) || void 0
-  } : void 0, U = ((QA = C == null ? void 0 : C.name) == null ? void 0 : QA.trim()) || r.trim() || "Category", o = nt(z, U, C == null ? void 0 : C.riskLabel), X = V != null && ((zA = C == null ? void 0 : C.name) != null && zA.trim()) ? `Triad ${V}: ${C.name.trim()}` : V != null ? `Triad ${V}` : r, O = (LA = C == null ? void 0 : C.previousSymptomScore) == null ? void 0 : LA.trim(), k = (wA = C == null ? void 0 : C.previousLabScore) == null ? void 0 : wA.trim(), x = (HA = C == null ? void 0 : C.previousTotalScore) == null ? void 0 : HA.trim(), T = !!(O && O !== "—" && O !== "-" && O !== "–") || !!(k && k !== "—" && k !== "-" && k !== "–") || !!(x && x !== "—" && x !== "-" && x !== "–"), lA = ((jA = C == null ? void 0 : C.previousDateLabel) == null ? void 0 : jA.trim()) || "Previous", $ = ((XA = C == null ? void 0 : C.currentDateLabel) == null ? void 0 : XA.trim()) || "Current", iA = C != null && C.scoreLayout !== "questionnaire" && !!((g = C.currentDateLabel) != null && g.trim()) && !!((nA = C.previousDateLabel) != null && nA.trim()) && T, AA = z === "high" || z === "low" ? "high" : z === "trending" ? "moderate" : "low", uA = l ? /* @__PURE__ */ I("div", { className: "min-w-0", children: /* @__PURE__ */ I(qe, { detail: l, trendStatus: z }) }) : C ? /* @__PURE__ */ I("div", { className: "min-w-0", children: C.scoreLayout === "questionnaire" ? /* @__PURE__ */ I(
+    currentDateLabel: ((SA = a.currentDateLabel) == null ? void 0 : SA.trim()) || (i == null ? void 0 : i.trim()) || void 0
+  } : void 0, U = ((QA = C == null ? void 0 : C.name) == null ? void 0 : QA.trim()) || r.trim() || "Category", b = nt(z, U, C == null ? void 0 : C.riskLabel), X = V != null && ((zA = C == null ? void 0 : C.name) != null && zA.trim()) ? `Triad ${V}: ${C.name.trim()}` : V != null ? `Triad ${V}` : r, O = (LA = C == null ? void 0 : C.previousSymptomScore) == null ? void 0 : LA.trim(), k = (wA = C == null ? void 0 : C.previousLabScore) == null ? void 0 : wA.trim(), x = (HA = C == null ? void 0 : C.previousTotalScore) == null ? void 0 : HA.trim(), T = !!(O && O !== "—" && O !== "-" && O !== "–") || !!(k && k !== "—" && k !== "-" && k !== "–") || !!(x && x !== "—" && x !== "-" && x !== "–"), mA = ((jA = C == null ? void 0 : C.previousDateLabel) == null ? void 0 : jA.trim()) || "Previous", $ = ((XA = C == null ? void 0 : C.currentDateLabel) == null ? void 0 : XA.trim()) || "Current", iA = C != null && C.scoreLayout !== "questionnaire" && !!((g = C.currentDateLabel) != null && g.trim()) && !!((VA = C.previousDateLabel) != null && VA.trim()) && T, AA = z === "high" || z === "low" ? "high" : z === "trending" ? "moderate" : "low", lA = l ? /* @__PURE__ */ I("div", { className: "min-w-0", children: /* @__PURE__ */ I(qe, { detail: l, trendStatus: z }) }) : C ? /* @__PURE__ */ I("div", { className: "min-w-0", children: C.scoreLayout === "questionnaire" ? /* @__PURE__ */ I(
     UA,
     {
       layout: "questionnaire",
@@ -3691,7 +3695,7 @@ function vA({
         organKey: n
       },
       currentRangeLabel: $,
-      previousRangeLabel: lA,
+      previousRangeLabel: mA,
       siblingTotals: [S7(C.totalScore ?? C.symptomScore)]
     }
   ) : /* @__PURE__ */ I(
@@ -3715,7 +3719,7 @@ function vA({
       ],
       indicatorPercent: P3(z),
       indicatorPosition: "segmentCenter",
-      segments: WA
+      segments: nA
     }
   ) }) : null;
   return EA(() => {
@@ -3724,29 +3728,29 @@ function vA({
     if (A) {
       S(!0);
       const f7 = requestAnimationFrame(() => {
-        requestAnimationFrame(() => m(!0));
+        requestAnimationFrame(() => Z(!0));
       });
       return () => cancelAnimationFrame(f7);
     }
-    m(!1);
+    Z(!1);
     const gA = window.setTimeout(() => {
       S(!1);
     }, 300);
     return () => window.clearTimeout(gA);
   }, [A]), EA(() => {
-    if (!q) return;
+    if (!m) return;
     const gA = (f7) => {
       f7.key === "Escape" && E();
     };
     return window.addEventListener("keydown", gA), () => window.removeEventListener("keydown", gA);
-  }, [q, E]), EA(() => {
-    if (!q) return;
+  }, [m, E]), EA(() => {
+    if (!m) return;
     const gA = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = gA;
     };
-  }, [q]), !p || typeof document > "u" || !q ? null : mI(
-    /* @__PURE__ */ e("div", { className: "mb-root fixed inset-0 z-[9999]", role: "presentation", style: b, children: [
+  }, [m]), !p || typeof document > "u" || !m ? null : mI(
+    /* @__PURE__ */ e("div", { className: "mb-root fixed inset-0 z-[9999]", role: "presentation", style: o, children: [
       /* @__PURE__ */ I(
         "button",
         {
@@ -3754,7 +3758,7 @@ function vA({
           className: "absolute inset-0 z-0 transition-opacity duration-300",
           style: {
             backgroundColor: "var(--mb-color-trend-panel-backdrop)",
-            opacity: Z ? 1 : 0
+            opacity: q ? 1 : 0
           },
           "aria-label": "Close panel",
           onClick: E
@@ -3768,7 +3772,7 @@ function vA({
           "aria-labelledby": u,
           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-transform duration-300 ease-out",
           style: {
-            transform: Z ? "translateX(0)" : "translateX(100%)",
+            transform: q ? "translateX(0)" : "translateX(100%)",
             backgroundColor: "#FFFFFF"
           },
           children: [
@@ -3786,7 +3790,7 @@ function vA({
                       "h2",
                       {
                         id: u,
-                        className: "m-0 min-w-0 flex-1 text-xl font-semibold leading-snug",
+                        className: "m-0 min-w-0 flex-1 text-xl font-[510] leading-snug",
                         style: { color: "var(--mb-color-text)" },
                         children: X
                       }
@@ -3796,9 +3800,9 @@ function vA({
                     /* @__PURE__ */ I(
                       "p",
                       {
-                        className: "m-0 hidden max-w-[14rem] text-right text-sm font-semibold leading-snug sm:block sm:max-w-xs md:max-w-md",
-                        style: { color: o.color },
-                        children: o.text
+                        className: "m-0 hidden max-w-[14rem] text-right text-sm font-[510] leading-snug sm:block sm:max-w-xs md:max-w-md",
+                        style: { color: b.color },
+                        children: b.text
                       }
                     ),
                     /* @__PURE__ */ I(
@@ -3821,12 +3825,12 @@ function vA({
             /* @__PURE__ */ I(
               "p",
               {
-                className: "m-0 shrink-0 border-b border-solid px-4 py-2 text-sm font-semibold leading-snug sm:px-6 sm:hidden",
+                className: "m-0 shrink-0 border-b border-solid px-4 py-2 text-sm font-[510] leading-snug sm:px-6 sm:hidden",
                 style: {
-                  color: o.color,
+                  color: b.color,
                   borderColor: "var(--mb-color-card-border)"
                 },
-                children: o.text
+                children: b.text
               }
             ),
             /* @__PURE__ */ I("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 py-4 sm:px-6 sm:py-6", children: f ? /* @__PURE__ */ e("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: [
@@ -3841,7 +3845,7 @@ function vA({
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-col gap-5", children: [
-                uA,
+                lA,
                 /* @__PURE__ */ I(
                   et,
                   {
@@ -3856,7 +3860,7 @@ function vA({
               {
                 className: `mx-auto flex w-full flex-col gap-4 ${l ? "max-w-6xl" : "max-w-3xl"}`,
                 children: [
-                  uA,
+                  lA,
                   l ? /* @__PURE__ */ I(le, { detail: l }) : null,
                   t.length > 0 && /* @__PURE__ */ I(
                     "div",
@@ -3958,7 +3962,7 @@ function P({
   return /* @__PURE__ */ I(
     "span",
     {
-      className: `inline-flex h-6 min-w-[3rem] shrink-0 items-center justify-center rounded px-2 text-center text-sm font-bold leading-none tabular-nums ${E === "current" ? "bg-[color:var(--mb-color-text)] text-white" : "bg-[color:var(--mb-color-metric-badge-bg)] text-[color:var(--mb-color-text)]"} ${r ?? ""}`.trim(),
+      className: `inline-flex h-6 min-w-[3rem] shrink-0 items-center justify-center rounded px-2 text-center text-sm font-[510] leading-none tabular-nums ${E === "current" ? "bg-[color:var(--mb-color-text)] text-white" : "bg-[color:var(--mb-color-metric-badge-bg)] text-[color:var(--mb-color-text)]"} ${r ?? ""}`.trim(),
       children: z ? A : ""
     }
   );
@@ -3969,7 +3973,7 @@ function i3({
 }) {
   const r = Math.min(95, Math.max(5, A)), z = E == null ? void 0 : Math.min(95, Math.max(5, E));
   return /* @__PURE__ */ e("div", { className: "relative h-8 w-full min-w-0 py-1", children: [
-    /* @__PURE__ */ I("div", { className: "flex h-6 overflow-hidden rounded-full", children: WA.map((t) => /* @__PURE__ */ I(
+    /* @__PURE__ */ I("div", { className: "flex h-6 overflow-hidden rounded-full", children: nA.map((t) => /* @__PURE__ */ I(
       "span",
       {
         className: "h-full flex-1",
@@ -3984,7 +3988,7 @@ function i3({
         className: "pointer-events-none absolute top-[-0.25rem] -translate-x-1/2",
         style: { left: `${z}%` },
         "aria-hidden": !0,
-        children: /* @__PURE__ */ I(CA, { size: 24, variant: "previous" })
+        children: /* @__PURE__ */ I(uA, { size: 24, variant: "previous" })
       }
     ) : null,
     /* @__PURE__ */ I(
@@ -3993,13 +3997,13 @@ function i3({
         className: "pointer-events-none absolute bottom-0 -translate-x-1/2",
         style: { left: `${r}%` },
         "aria-hidden": !0,
-        children: /* @__PURE__ */ I(CA, { size: 32 })
+        children: /* @__PURE__ */ I(uA, { size: 32 })
       }
     )
   ] });
 }
 function pe() {
-  return /* @__PURE__ */ I("div", { className: "mt-1.5 grid grid-cols-3 gap-x-1 text-center text-[0.625rem] leading-snug text-[color:var(--mb-color-text-muted)]", children: WA.map((A) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words", children: A.label }, A.label)) });
+  return /* @__PURE__ */ I("div", { className: "mt-1.5 grid grid-cols-3 gap-x-1 text-center text-[0.625rem] leading-snug text-[color:var(--mb-color-text-muted)]", children: nA.map((A) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words", children: A.label }, A.label)) });
 }
 function O7({
   label: A,
@@ -4036,7 +4040,7 @@ function Ke({
             className: "flex min-w-0 items-center justify-between gap-3 px-3 py-3 @min-[56rem]:py-0",
             style: { backgroundColor: a.tint },
             children: [
-              /* @__PURE__ */ I("span", { className: "min-w-0 break-words text-sm font-bold uppercase leading-tight tracking-wide text-[color:var(--mb-color-text)]", children: A.title }),
+              /* @__PURE__ */ I("span", { className: "min-w-0 break-words text-sm font-bold uppercase leading-tight tracking-normal text-[color:var(--mb-color-text)]", children: A.title }),
               /* @__PURE__ */ I(
                 N,
                 {
@@ -4145,7 +4149,7 @@ function Me({
     /* @__PURE__ */ e("div", { className: "flex min-w-0 items-center gap-4 @min-[76rem]:flex-col @min-[76rem]:justify-center @min-[76rem]:gap-2", children: [
       /* @__PURE__ */ I(OA, { triadNumber: A.triadNumber, className: "size-20 @min-[76rem]:size-30" }),
       /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 text-left @min-[76rem]:flex-none @min-[76rem]:text-center", children: [
-        /* @__PURE__ */ I("p", { className: "m-0 text-sm font-bold uppercase leading-tight text-[color:var(--mb-color-text)]", children: Se(A.heading) }),
+        /* @__PURE__ */ I("p", { className: "m-0 text-[0.75rem] font-bold uppercase leading-4 tracking-normal text-[color:var(--mb-color-text)]", children: Se(A.heading) }),
         /* @__PURE__ */ I(
           "p",
           {
@@ -4182,7 +4186,7 @@ function oe({
 }) {
   const r = Math.min(95, Math.max(5, A ?? 50)), z = E == null ? void 0 : Math.min(95, Math.max(5, E));
   return /* @__PURE__ */ e("div", { className: "relative h-8 w-full min-w-0 py-1", children: [
-    /* @__PURE__ */ I("div", { className: "flex h-6 overflow-hidden rounded-full", children: qA.map((t) => /* @__PURE__ */ I(
+    /* @__PURE__ */ I("div", { className: "flex h-6 overflow-hidden rounded-full", children: dA.map((t) => /* @__PURE__ */ I(
       "span",
       {
         className: "h-full flex-1",
@@ -4197,7 +4201,7 @@ function oe({
         className: "pointer-events-none absolute top-[-0.25rem] -translate-x-1/2",
         style: { left: `${z}%` },
         "aria-hidden": !0,
-        children: /* @__PURE__ */ I(CA, { size: 24, variant: "previous" })
+        children: /* @__PURE__ */ I(uA, { size: 24, variant: "previous" })
       }
     ) : null,
     /* @__PURE__ */ I(
@@ -4206,13 +4210,13 @@ function oe({
         className: "pointer-events-none absolute bottom-[-0.25rem] -translate-x-1/2",
         style: { left: `${r}%` },
         "aria-hidden": !0,
-        children: /* @__PURE__ */ I(CA, { size: 32 })
+        children: /* @__PURE__ */ I(uA, { size: 32 })
       }
     )
   ] });
 }
 function ge() {
-  return /* @__PURE__ */ I("div", { className: "mt-1.5 grid grid-cols-5 gap-x-0.5 gap-y-1 text-center text-[0.625rem] leading-snug text-[color:var(--mb-color-text-muted)]", children: qA.map((A) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words px-0.5", children: A.label }, A.label)) });
+  return /* @__PURE__ */ I("div", { className: "mt-1.5 grid grid-cols-5 gap-x-0.5 gap-y-1 text-center text-[0.625rem] leading-snug text-[color:var(--mb-color-text-muted)]", children: dA.map((A) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words px-0.5", children: A.label }, A.label)) });
 }
 function H3({
   label: A,
@@ -4231,7 +4235,7 @@ function W3({ valueHeading: A = "Lab Score" }) {
     /* @__PURE__ */ I("span", { "aria-hidden": !0 }),
     /* @__PURE__ */ I("span", { className: "whitespace-nowrap text-center", children: A }),
     /* @__PURE__ */ I("span", { "aria-hidden": !0 }),
-    /* @__PURE__ */ I("span", { className: "grid grid-cols-5 text-center", children: qA.map((E) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words px-0.5", children: E.label }, E.label)) }),
+    /* @__PURE__ */ I("span", { className: "grid grid-cols-5 text-center", children: dA.map((E) => /* @__PURE__ */ I("span", { className: "min-w-0 break-words px-0.5", children: E.label }, E.label)) }),
     /* @__PURE__ */ I("span", { "aria-hidden": !0 })
   ] }) });
 }
@@ -4255,7 +4259,7 @@ function Be({
             className: `grid min-w-0 ${v} items-center gap-x-3 gap-y-2 px-3 py-3 @min-[56rem]:py-0 ${Ue(A.status)}`,
             children: [
               /* @__PURE__ */ e("span", { className: "grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-2", children: [
-                /* @__PURE__ */ I("span", { className: "min-w-0 break-normal hyphens-none text-sm font-bold uppercase leading-tight tracking-wide text-[color:var(--mb-color-text)]", children: be(A.name) }),
+                /* @__PURE__ */ I("span", { className: "min-w-0 break-normal hyphens-none text-sm font-bold uppercase leading-tight tracking-normal text-[color:var(--mb-color-text)]", children: be(A.name) }),
                 /* @__PURE__ */ I(N, { content: z, children: /* @__PURE__ */ I("span", { className: "inline-flex shrink-0 text-[color:var(--mb-color-text-muted)]", children: /* @__PURE__ */ I(c, { className: "size-4" }) }) })
               ] }),
               t.length > 0 ? /* @__PURE__ */ I("span", { className: "flex shrink-0 items-center justify-end gap-1.5", "aria-hidden": !0, children: t.map((a) => /* @__PURE__ */ I(OA, { triadNumber: a, className: "size-6" }, a)) }) : null
@@ -4468,7 +4472,7 @@ const Oe = [
 function je({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { children: [
+  return /* @__PURE__ */ e(ZA, { children: [
     /* @__PURE__ */ I(
       h,
       {
@@ -4659,7 +4663,7 @@ function Ne({
   patientGender: W
 }) {
   var S;
-  const [d, l] = s(!1), u = (t == null ? void 0 : t.bodyParagraphs) ?? [], Z = ((S = t == null ? void 0 : t.panelTitle) == null ? void 0 : S.trim()) || A, m = t == null ? void 0 : t.organKey, q = t == null ? void 0 : t.alertLabDetail;
+  const [d, l] = s(!1), u = (t == null ? void 0 : t.bodyParagraphs) ?? [], q = ((S = t == null ? void 0 : t.panelTitle) == null ? void 0 : S.trim()) || A, Z = t == null ? void 0 : t.organKey, m = t == null ? void 0 : t.alertLabDetail;
   return /* @__PURE__ */ e(_, { children: [
     /* @__PURE__ */ e(
       G,
@@ -4689,17 +4693,17 @@ function Ne({
       {
         open: d,
         onClose: () => l(!1),
-        title: Z,
+        title: q,
         trendStatus: E,
         introParagraphs: v,
         bodyParagraphs: u,
         rowData: a,
         labsDateLabel: i,
         triadNumber: V,
-        organKey: m,
+        organKey: Z,
         organContent: n,
         patientGender: W,
-        alertLabDetail: q
+        alertLabDetail: m
       }
     )
   ] });
@@ -4718,7 +4722,7 @@ function ye({
   rowSize: n
 }) {
   var iA;
-  const W = A.infoTooltip ?? A.infoAriaLabel, d = A.status === "optimal", l = A.status === "high", u = A.status === "low", Z = d ? w.low : l || u ? w.high : w.moderate, m = d ? H.low : l || u ? H.high : H.moderate, q = d ? "OPTIMAL" : l ? "HIGH" : u ? "LOW" : "TRENDING", S = (iA = A.riskLabel) == null ? void 0 : iA.trim(), p = S ? S.toUpperCase() : q, K = d ? "trendRowStatusOptimal" : l ? "trendRowStatusHigh" : u ? "trendRowStatusLow" : "trendRowStatusTrending", b = i === 2, f = n ? n === "wellness" : b, C = V ?? (b ? "2xl" : "xl"), U = b ? C === "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)]" : f ? C === "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)]" : C === "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)]", o = C === "2xl" ? `2xl:grid 2xl:items-stretch ${U}` : `xl:grid xl:items-stretch ${U}`, X = C === "2xl" ? "2xl:h-full" : "xl:h-full", O = C === "2xl" ? "2xl:border-t-0 2xl:px-3 2xl:py-1" : "xl:border-t-0 xl:px-3 xl:py-1", k = C === "2xl" ? "2xl:w-auto" : "xl:w-auto", x = a.some((AA) => AA.length > 8), T = b || x ? "grid-cols-[6.5rem_7.5rem] xl:grid-cols-[7rem_9rem]" : "grid-cols-[4.5rem_7.5rem] xl:grid-cols-[5rem_9rem]", lA = b ? "sm:gap-x-10" : x ? "sm:gap-x-4" : "sm:gap-x-5", $ = (AA, uA, VA) => /* @__PURE__ */ e(
+  const W = A.infoTooltip ?? A.infoAriaLabel, d = A.status === "optimal", l = A.status === "high", u = A.status === "low", q = d ? w.low : l || u ? w.high : w.moderate, Z = d ? H.low : l || u ? H.high : H.moderate, m = d ? "OPTIMAL" : l ? "HIGH" : u ? "LOW" : "TRENDING", S = (iA = A.riskLabel) == null ? void 0 : iA.trim(), p = S ? S.toUpperCase() : m, K = d ? "trendRowStatusOptimal" : l ? "trendRowStatusHigh" : u ? "trendRowStatusLow" : "trendRowStatusTrending", o = i === 2, f = n ? n === "wellness" : o, C = V ?? (o ? "2xl" : "xl"), U = o ? C === "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)]" : f ? C === "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)]" : C === "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)]", b = C === "2xl" ? `2xl:grid 2xl:items-stretch ${U}` : `xl:grid xl:items-stretch ${U}`, X = C === "2xl" ? "2xl:h-full" : "xl:h-full", O = C === "2xl" ? "2xl:border-t-0 2xl:px-3 2xl:py-1" : "xl:border-t-0 xl:px-3 xl:py-1", k = C === "2xl" ? "2xl:w-auto" : "xl:w-auto", x = a.some((AA) => AA.length > 8), T = o || x ? "grid-cols-[6.5rem_7.5rem] xl:grid-cols-[7rem_9rem]" : "grid-cols-[4.5rem_7.5rem] xl:grid-cols-[5rem_9rem]", mA = o ? "sm:gap-x-10" : x ? "sm:gap-x-4" : "sm:gap-x-5", $ = (AA, lA) => /* @__PURE__ */ e(
     "span",
     {
       className: `grid min-w-0 max-w-full shrink-0 items-center justify-center gap-x-2 ${T}`,
@@ -4728,8 +4732,8 @@ function ye({
           sA,
           {
             variant: "rowMetricValue",
-            className: `shrink-0 justify-self-start tabular-nums ${VA ? "font-bold" : ""}`,
-            children: uA
+            className: "shrink-0 justify-self-start tabular-nums",
+            children: lA
           }
         )
       ]
@@ -4738,14 +4742,14 @@ function ye({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `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] ${o} ${Z}`,
+      className: `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] ${b} ${q}`,
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: `grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-3 py-2 ${X} ${m}`,
+            className: `grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-3 py-2 ${X} ${Z}`,
             children: [
-              /* @__PURE__ */ I("span", { className: "min-w-0 whitespace-normal break-normal [overflow-wrap:anywhere] text-xs font-bold uppercase leading-snug tracking-wide text-[color:var(--mb-color-text)] sm:text-sm", children: A.name }),
+              /* @__PURE__ */ I("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__ */ I(N, { content: W, children: /* @__PURE__ */ I(
                 G,
                 {
@@ -4762,11 +4766,11 @@ function ye({
         /* @__PURE__ */ e(
           "div",
           {
-            className: `flex min-w-0 flex-1 flex-col content-center items-center justify-center gap-y-2 border-t border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] px-2 py-2 sm:flex-row sm:flex-wrap sm:px-3 ${lA} ${O}`,
+            className: `flex min-w-0 flex-1 flex-col content-center items-center justify-center gap-y-2 border-t border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-card-bg)] px-2 py-2 sm:flex-row sm:flex-wrap sm:px-3 ${mA} ${O}`,
             children: [
               /* @__PURE__ */ I("div", { className: "flex min-w-0 justify-center", children: $(a[0], A.symptomScore) }),
-              /* @__PURE__ */ I("div", { className: "flex min-w-0 justify-center", children: $(a[1], A.labScore, b) }),
-              i === 3 ? /* @__PURE__ */ I("div", { className: "flex min-w-0 justify-center", children: $(a[2], A.totalScore, !0) }) : null
+              /* @__PURE__ */ I("div", { className: "flex min-w-0 justify-center", children: $(a[1], A.labScore) }),
+              i === 3 ? /* @__PURE__ */ I("div", { className: "flex min-w-0 justify-center", children: $(a[2], A.totalScore) }) : null
             ]
           }
         ),
@@ -4844,7 +4848,7 @@ function i7({
             "span",
             {
               className: [
-                "text-center text-[0.75rem] font-semibold uppercase leading-tight tracking-wide",
+                "text-center text-[0.75rem] font-bold uppercase leading-4 tracking-normal",
                 n || !a ? "text-[color:var(--mb-color-text)]" : j7
               ].join(" "),
               children: W
@@ -4873,7 +4877,7 @@ function Le({
   organContent: E,
   patientGender: r
 }) {
-  const { onNavigateToNavItem: z } = p7(), [t, v] = s(0), [a, i] = s(null), V = Math.min(t, Math.max(0, A.triads.length - 1)), n = A.categoriesByTriadIndex[V] ?? [], W = A.infoTooltip ?? A.infoAriaLabel, d = A.triads[V], l = (d == null ? void 0 : d.descriptionParagraphs) ?? [], u = l.join(" "), Z = a ? a3(a.category.title) : "", m = a == null ? void 0 : a.category.organKey, q = (S) => (p) => {
+  const { onNavigateToNavItem: z } = p7(), [t, v] = s(0), [a, i] = s(null), V = Math.min(t, Math.max(0, A.triads.length - 1)), n = A.categoriesByTriadIndex[V] ?? [], W = A.infoTooltip ?? A.infoAriaLabel, d = A.triads[V], l = (d == null ? void 0 : d.descriptionParagraphs) ?? [], u = l.join(" "), q = a ? a3(a.category.title) : "", Z = a == null ? void 0 : a.category.organKey, m = (S) => (p) => {
     p.organKey && E != null && E[p.organKey] && i({ triadCard: S, category: p });
   };
   if (A.triadCards) {
@@ -4908,7 +4912,7 @@ function Le({
           V3,
           {
             card: S,
-            onCategoryClick: q(S)
+            onCategoryClick: m(S)
           }
         ) : null
       ] }),
@@ -4917,11 +4921,11 @@ function Le({
         {
           open: !0,
           onClose: () => i(null),
-          title: Z,
+          title: q,
           trendStatus: PA(a.category),
           bodyParagraphs: [],
           rowData: {
-            name: Z,
+            name: q,
             symptomScore: a.category.symptomScore,
             labScore: a.category.labScore,
             totalScore: a.category.totalScore,
@@ -4933,7 +4937,7 @@ function Le({
             riskLabel: a.category.riskLabel
           },
           triadNumber: a.triadCard.triadNumber,
-          organKey: m,
+          organKey: Z,
           organContent: E,
           patientGender: r
         }
@@ -5054,7 +5058,7 @@ function _e({
           {
             className: `flex min-w-0 items-center justify-between gap-3 px-3 py-3 @min-[56rem]:py-0 ${He(A.status)}`,
             children: [
-              /* @__PURE__ */ I("span", { className: "min-w-0 break-words text-sm font-bold uppercase leading-tight tracking-wide text-[color:var(--mb-color-text)]", children: A.name }),
+              /* @__PURE__ */ I("span", { className: "min-w-0 break-words text-sm font-bold uppercase leading-tight tracking-normal text-[color:var(--mb-color-text)]", children: A.name }),
               /* @__PURE__ */ I(N, { content: r, children: /* @__PURE__ */ I("span", { className: "inline-flex shrink-0 text-[color:var(--mb-color-text-muted)]", children: /* @__PURE__ */ I(c, { className: "size-4" }) }) })
             ]
           }
@@ -5151,7 +5155,7 @@ function rV({ content: A }) {
     wellnessIndicatorSummary: W,
     alertLabSummaryTable: d,
     organContent: l
-  } = A, u = n ?? xe, Z = (v == null ? void 0 : v.actions.filter((q) => q.id !== "export-reports")) ?? [], m = !!(a || i || V);
+  } = A, u = n ?? xe, q = (v == null ? void 0 : v.actions.filter((S) => S.id !== "export-reports")) ?? [], Z = !!(a || i || V), m = !!((a || i) && V);
   return /* @__PURE__ */ e("div", { className: "w-full min-w-0 max-w-full space-y-4 lg:space-y-6", children: [
     /* @__PURE__ */ I(h, { title: z.title, subtitle: z.subtitle }),
     v && E && (v.title || v.paragraphs.length > 0) ? /* @__PURE__ */ I(
@@ -5159,8 +5163,8 @@ function rV({ content: A }) {
       {
         title: v.title,
         onDismiss: () => r(!1),
-        actions: Z.map((q) => {
-          const S = I9[q.id];
+        actions: q.map((S) => {
+          const p = I9[S.id];
           return /* @__PURE__ */ e(
             G,
             {
@@ -5168,26 +5172,50 @@ function rV({ content: A }) {
               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__ */ I(S, { className: "size-4 shrink-0" }),
-                q.label
+                /* @__PURE__ */ I(p, { className: "size-4 shrink-0" }),
+                S.label
               ]
             },
-            q.id
+            S.id
           );
         }),
-        children: v.paragraphs.map((q) => /* @__PURE__ */ I("p", { className: "m-0", children: q }, q))
+        children: v.paragraphs.map((S) => /* @__PURE__ */ I("p", { className: "m-0", children: S }, S))
       }
     ) : null,
-    m ? /* @__PURE__ */ e(
+    Z ? /* @__PURE__ */ e(
       "div",
       {
-        className: `grid min-w-0 grid-cols-1 gap-4 xl:gap-6 [&>*]:min-w-0 ${(a || i) && V ? "xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]" : ""}`,
+        className: `grid min-w-0 grid-cols-1 gap-4 xl:gap-6 [&>*]:min-w-0 ${m ? "xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] xl:items-stretch" : ""}`,
         children: [
-          a || i ? /* @__PURE__ */ e("div", { className: "min-w-0 space-y-4", children: [
-            a ? /* @__PURE__ */ I(yz, { ...a }) : null,
-            i ? /* @__PURE__ */ I(Tz, { ...i }) : null
-          ] }) : null,
-          V ? /* @__PURE__ */ I(jz, { ...V }) : null
+          a || i ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: `min-w-0 space-y-4 ${m ? "xl:flex xl:h-[26.25rem] xl:flex-col xl:gap-6 xl:space-y-0" : ""}`,
+              children: [
+                a ? /* @__PURE__ */ I(
+                  yz,
+                  {
+                    ...a,
+                    className: m ? "xl:h-[11.25rem]" : ""
+                  }
+                ) : null,
+                i ? /* @__PURE__ */ I(
+                  Tz,
+                  {
+                    ...i,
+                    className: m ? "xl:flex-1 xl:overflow-hidden" : ""
+                  }
+                ) : null
+              ]
+            }
+          ) : null,
+          V ? /* @__PURE__ */ I(
+            jz,
+            {
+              ...V,
+              className: m ? "xl:h-[26.25rem]" : ""
+            }
+          ) : null
         ]
       }
     ) : null,
@@ -5308,7 +5336,7 @@ function i9() {
 function V9({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { className: "mx-auto w-full min-w-0 max-w-full space-y-4 lg:space-y-6", children: [
+  return /* @__PURE__ */ e(ZA, { className: "mx-auto w-full min-w-0 max-w-full space-y-4 lg:space-y-6", children: [
     /* @__PURE__ */ e("div", { className: "flex min-w-0 max-w-full flex-col gap-4 xl:flex-row xl:items-start xl:justify-between xl:gap-8", children: [
       /* @__PURE__ */ I(
         h,
@@ -5335,17 +5363,19 @@ function V9({
         /* @__PURE__ */ I(R, { className: "h-11 w-[min(100%,11rem)] shrink-0 rounded-[var(--mb-button-radius)] bg-white/90" })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "grid min-w-0 grid-cols-1 gap-4 xl:gap-6 [&>*]:min-w-0 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ e(M, { children: [
-        /* @__PURE__ */ e("div", { className: "mb-4 flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ e("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ I("span", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: "Overall Metabolic Score" }),
-            /* @__PURE__ */ I("span", { className: "pointer-events-none opacity-70", "aria-hidden": !0, children: /* @__PURE__ */ I(c, { className: "size-4" }) })
+    /* @__PURE__ */ e("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: [
+      /* @__PURE__ */ e("div", { className: "min-w-0 space-y-4 xl:flex xl:h-[26.25rem] xl:flex-col xl:gap-6 xl:space-y-0", children: [
+        /* @__PURE__ */ e(M, { className: "xl:h-[11.25rem]", children: [
+          /* @__PURE__ */ e("div", { className: "mb-4 flex items-start justify-between gap-4", children: [
+            /* @__PURE__ */ e("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+              /* @__PURE__ */ I("span", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: "Overall Metabolic Score" }),
+              /* @__PURE__ */ I("span", { className: "pointer-events-none opacity-70", "aria-hidden": !0, children: /* @__PURE__ */ I(c, { className: "size-4" }) })
+            ] }),
+            /* @__PURE__ */ I(R, { className: "h-8 w-[3.25rem] shrink-0 rounded-md" })
           ] }),
-          /* @__PURE__ */ I(R, { className: "h-8 w-[3.25rem] shrink-0 rounded-md" })
+          /* @__PURE__ */ I(cr, { score: 0, showIndicator: !1 })
         ] }),
-        /* @__PURE__ */ I(cr, { score: 0, showIndicator: !1 }),
-        /* @__PURE__ */ e("ul", { className: "list-none p-0 mx-0 mb-0 mt-4", children: [
+        /* @__PURE__ */ I(M, { className: "xl:flex-1 xl:overflow-hidden", children: /* @__PURE__ */ e("ul", { className: "list-none p-0 m-0", children: [
           /* @__PURE__ */ e("li", { className: AI, children: [
             /* @__PURE__ */ e("span", { className: II, children: [
               /* @__PURE__ */ I("span", { className: EI, "aria-hidden": !0, children: /* @__PURE__ */ I(u7, { className: rI }) }),
@@ -5360,9 +5390,9 @@ function V9({
             ] }),
             /* @__PURE__ */ I(sA, { variant: "value", children: /* @__PURE__ */ I(R, { className: "h-3.5 w-12" }) })
           ] })
-        ] })
+        ] }) })
       ] }),
-      /* @__PURE__ */ e(M, { className: "min-w-0 overflow-visible", children: [
+      /* @__PURE__ */ e(M, { className: "min-w-0 overflow-visible xl:h-[26.25rem]", children: [
         /* @__PURE__ */ e("div", { className: "mb-4 flex items-center gap-1.5", children: [
           /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: "Metaflammation Gauge" }),
           /* @__PURE__ */ I("span", { className: "pointer-events-none opacity-70", "aria-hidden": !0, children: /* @__PURE__ */ I(c, { className: "size-4" }) })
@@ -5451,7 +5481,7 @@ const n9 = ["triad-1", "triad-2", "triad-3"];
 function W9({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { children: [
+  return /* @__PURE__ */ e(ZA, { children: [
     /* @__PURE__ */ I(
       h,
       {
@@ -5517,25 +5547,25 @@ function tV({ content: A }) {
     null
   );
   if (!A) return null;
-  const { pageHeader: i, intro: V } = A, n = E.length > 0, W = Math.min(z, Math.max(0, r.length - 1)), d = r[W], l = (d == null ? void 0 : d.groups) ?? [], u = d == null ? V : d.triadNumber == null ? void 0 : ((S = A.intros) == null ? void 0 : S.find((K) => K.triadNumber === d.triadNumber)) ?? V, Z = !!(u && (u.heading || (p = u.paragraphs) != null && p.length)), m = r.map((K) => ({
+  const { pageHeader: i, intro: V } = A, n = E.length > 0, W = Math.min(z, Math.max(0, r.length - 1)), d = r[W], l = (d == null ? void 0 : d.groups) ?? [], u = d == null ? V : d.triadNumber == null ? void 0 : ((S = A.intros) == null ? void 0 : S.find((K) => K.triadNumber === d.triadNumber)) ?? V, q = !!(u && (u.heading || (p = u.paragraphs) != null && p.length)), Z = r.map((K) => ({
     triadNumber: K.triadNumber ?? d9,
     name: K.tabName,
     aggregateScoreDisplay: K.tabDisplay
-  })), q = Z || n;
+  })), m = q || n;
   return /* @__PURE__ */ e("div", { className: "mx-auto w-full min-w-0 space-y-6", children: [
     /* @__PURE__ */ I(h, { title: i.title, subtitle: i.subtitle }),
     n ? /* @__PURE__ */ I(
       i7,
       {
-        triads: m,
+        triads: Z,
         selectedIndex: W,
         onSelectIndex: t,
         showAggregateScore: !1
       }
     ) : null,
-    q ? /* @__PURE__ */ I(M, { className: "min-w-0", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: [
-      Z && u ? /* @__PURE__ */ I(oI, { ...u, embeddedInCard: !0 }) : null,
-      Z && n ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
+    m ? /* @__PURE__ */ I(M, { className: "min-w-0", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: [
+      q && u ? /* @__PURE__ */ I(oI, { ...u, embeddedInCard: !0 }) : null,
+      q && n ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
       n ? /* @__PURE__ */ I("div", { className: "space-y-6", children: l.map((K) => /* @__PURE__ */ e(
         "div",
         {
@@ -5604,7 +5634,7 @@ function C9() {
 function S9({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { children: [
+  return /* @__PURE__ */ e(ZA, { children: [
     /* @__PURE__ */ I(
       h,
       {
@@ -5701,7 +5731,7 @@ function K7(A, E) {
 function hA(A) {
   return !Number.isFinite(A) || Number.isInteger(A) ? String(A) : A.toFixed(2).replace(/\.?0+$/, "");
 }
-function dA(A, E) {
+function RA(A, E) {
   if (A == null) return "—";
   const r = E == null ? void 0 : E.trim(), z = typeof A == "number" ? hA(A) : A.trim();
   return z ? r ? `${z} ${r}` : z : "—";
@@ -5839,29 +5869,29 @@ function eV({
   const r = vI(A, "long_report");
   return /* @__PURE__ */ e("div", { className: "mb-root mx-auto w-full max-w-4xl space-y-6", children: [
     /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ I("div", { className: "text-sm font-semibold uppercase text-[color:var(--mb-color-text-muted)]", children: "Metabolic Code" }),
-      /* @__PURE__ */ I("h1", { className: "text-3xl font-semibold leading-tight text-[color:var(--mb-color-text)]", children: "Patient Progress" })
+      /* @__PURE__ */ I("div", { className: "text-sm font-[510] uppercase text-[color:var(--mb-color-text-muted)]", children: "Metabolic Code" }),
+      /* @__PURE__ */ I("h1", { className: "text-3xl font-[510] leading-tight text-[color:var(--mb-color-text)]", children: "Patient Progress" })
     ] }),
     /* @__PURE__ */ I("div", { className: "grid gap-4 sm:grid-cols-2", children: M9.map((z) => {
       var a;
       const t = vI(A, z.id), v = (a = A.milestones[z.id]) == null ? void 0 : a.completed_at;
       return /* @__PURE__ */ I(M, { className: "space-y-3", children: /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-3", children: [
         /* @__PURE__ */ e("div", { children: [
-          /* @__PURE__ */ I("div", { className: "text-lg font-semibold text-[color:var(--mb-color-text)]", children: z.title }),
+          /* @__PURE__ */ I("div", { className: "text-lg font-[510] text-[color:var(--mb-color-text)]", children: z.title }),
           v ? /* @__PURE__ */ I("div", { className: "mt-1 text-sm text-[color:var(--mb-color-text-muted)]", children: V7(v) }) : null
         ] }),
-        /* @__PURE__ */ I("span", { className: "rounded-[var(--mb-button-radius)] bg-[color:var(--mb-color-nav-hover)] px-3 py-1.5 text-sm font-semibold text-[color:var(--mb-color-text)]", children: t ? z.completedLabel : z.pendingLabel })
+        /* @__PURE__ */ I("span", { className: "rounded-[var(--mb-button-radius)] bg-[color:var(--mb-color-nav-hover)] px-3 py-1.5 text-sm font-[510] text-[color:var(--mb-color-text)]", children: t ? z.completedLabel : z.pendingLabel })
       ] }) }, z.id);
     }) }),
     r ? null : /* @__PURE__ */ e(M, { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
       /* @__PURE__ */ e("div", { children: [
-        /* @__PURE__ */ I("div", { className: "text-lg font-semibold text-[color:var(--mb-color-text)]", children: "Full Assessment" }),
+        /* @__PURE__ */ I("div", { className: "text-lg font-[510] text-[color:var(--mb-color-text)]", children: "Full Assessment" }),
         /* @__PURE__ */ I("div", { className: "mt-1 text-sm text-[color:var(--mb-color-text-muted)]", children: "Complete the full questionnaire to unlock the long report." })
       ] }),
       /* @__PURE__ */ I(
         "a",
         {
-          className: "inline-flex justify-center rounded-[var(--mb-button-radius)] border border-[color:var(--mb-color-button-border)] bg-[color:var(--mb-color-button-bg)] px-5 py-3 text-sm font-semibold text-[color:var(--mb-color-button-text)] shadow-[var(--mb-button-shadow)] transition hover:bg-[color:var(--mb-color-button-hover)]",
+          className: "inline-flex justify-center rounded-[var(--mb-button-radius)] border border-[color:var(--mb-color-button-border)] bg-[color:var(--mb-color-button-bg)] px-5 py-3 text-sm font-[510] text-[color:var(--mb-color-button-text)] shadow-[var(--mb-button-shadow)] transition hover:bg-[color:var(--mb-color-button-hover)]",
           href: E,
           children: "Start Full Assessment"
         }
@@ -5892,24 +5922,24 @@ function vV({
   const t = A.summary ?? A.overall, v = r7(t == null ? void 0 : t.score, "0"), a = r7(t == null ? void 0 : t.max_score, "10"), i = r7(t == null ? void 0 : t.yes_count, v), V = r7(t == null ? void 0 : t.total_questions, a), n = s9(t);
   return /* @__PURE__ */ I("div", { className: "mb-root mx-auto w-full max-w-3xl", children: /* @__PURE__ */ e(M, { className: "space-y-6", children: [
     /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ I("div", { className: "text-sm font-semibold uppercase text-[color:var(--mb-color-text-muted)]", children: "Short Assessment" }),
-      /* @__PURE__ */ I("h1", { className: "text-3xl font-semibold leading-tight text-[color:var(--mb-color-text)]", children: "Vitality Index" })
+      /* @__PURE__ */ I("div", { className: "text-sm font-[510] uppercase text-[color:var(--mb-color-text-muted)]", children: "Short Assessment" }),
+      /* @__PURE__ */ I("h1", { className: "text-3xl font-[510] leading-tight text-[color:var(--mb-color-text)]", children: "Vitality Index" })
     ] }),
     /* @__PURE__ */ e("div", { className: "rounded-[var(--mb-radius-card)] bg-[color:var(--mb-color-nav-hover)] p-5", children: [
       /* @__PURE__ */ e("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [
         /* @__PURE__ */ e("div", { children: [
-          /* @__PURE__ */ I("div", { className: "text-sm font-semibold text-[color:var(--mb-color-text-muted)]", children: "Your score" }),
+          /* @__PURE__ */ I("div", { className: "text-sm font-[510] text-[color:var(--mb-color-text-muted)]", children: "Your score" }),
           /* @__PURE__ */ e("div", { className: "mt-2 flex items-baseline gap-2 text-[color:var(--mb-color-text)]", children: [
-            /* @__PURE__ */ I("span", { className: "text-5xl font-semibold leading-none", children: v }),
-            /* @__PURE__ */ e("span", { className: "text-xl font-semibold text-[color:var(--mb-color-text-muted)]", children: [
+            /* @__PURE__ */ I("span", { className: "text-5xl font-[510] leading-none", children: v }),
+            /* @__PURE__ */ e("span", { className: "text-xl font-[510] text-[color:var(--mb-color-text-muted)]", children: [
               "/ ",
               a
             ] })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "rounded-[var(--mb-button-radius)] bg-[color:var(--mb-color-card-bg)] px-4 py-3 text-right", children: [
-          /* @__PURE__ */ I("div", { className: "text-xs font-semibold uppercase text-[color:var(--mb-color-text-muted)]", children: "Result" }),
-          /* @__PURE__ */ I("div", { className: "mt-1 text-lg font-semibold text-[color:var(--mb-color-text)]", children: U9(t) })
+          /* @__PURE__ */ I("div", { className: "text-xs font-[510] uppercase text-[color:var(--mb-color-text-muted)]", children: "Result" }),
+          /* @__PURE__ */ I("div", { className: "mt-1 text-lg font-[510] text-[color:var(--mb-color-text)]", children: U9(t) })
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "mt-4 text-sm font-medium text-[color:var(--mb-color-text-muted)]", children: [
@@ -5929,7 +5959,7 @@ function vV({
             d ? "border-[color:var(--mb-color-text)] bg-[color:var(--mb-color-card-bg)]" : "border-[color:var(--mb-color-card-border)] bg-[color:var(--mb-color-nav-hover)]"
           ].join(" "),
           children: [
-            /* @__PURE__ */ I("div", { className: "text-sm font-semibold text-[color:var(--mb-color-text)]", children: W.label }),
+            /* @__PURE__ */ I("div", { className: "text-sm font-[510] text-[color:var(--mb-color-text)]", children: W.label }),
             /* @__PURE__ */ I("div", { className: "mt-1 text-sm text-[color:var(--mb-color-text-muted)]", children: W.range })
           ]
         },
@@ -5977,7 +6007,7 @@ function TI({ blocks: A }) {
     ) : E.type === "subheading" ? /* @__PURE__ */ I(
       "h4",
       {
-        className: "mt-2 text-[0.875rem] font-semibold text-[color:var(--mb-color-text)]",
+        className: "mt-2 text-[0.875rem] font-[510] text-[color:var(--mb-color-text)]",
         children: E.text
       },
       r
@@ -5996,7 +6026,7 @@ function aI({ variant: A }) {
     /* @__PURE__ */ e("div", { className: "mb-3 flex items-center gap-3", children: [
       /* @__PURE__ */ I("img", { src: E, alt: "", className: "size-10 shrink-0 object-contain" }),
       /* @__PURE__ */ e("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-wide text-[color:var(--mb-color-text-muted)]", children: [
+        /* @__PURE__ */ e("p", { className: "text-xs font-[510] uppercase tracking-wide text-[color:var(--mb-color-text-muted)]", children: [
           A.heading,
           " · ",
           A.sub_heading
@@ -6004,7 +6034,7 @@ function aI({ variant: A }) {
         /* @__PURE__ */ I("h4", { className: "text-base font-bold leading-tight text-[color:var(--mb-color-text)]", children: A.lab_title })
       ] })
     ] }),
-    /* @__PURE__ */ I("ul", { className: "mb-3 flex flex-wrap gap-2 text-[0.6875rem] font-semibold uppercase tracking-wide", children: A.ranges.map((r) => /* @__PURE__ */ I(
+    /* @__PURE__ */ I("ul", { className: "mb-3 flex flex-wrap gap-2 text-[0.6875rem] font-[510] uppercase tracking-wide", children: A.ranges.map((r) => /* @__PURE__ */ I(
       "li",
       {
         className: "rounded bg-[color:var(--mb-color-nav-hover)] px-2 py-1 text-[color:var(--mb-color-text)]",
@@ -6059,7 +6089,7 @@ function c9({ stage: A }) {
     /* @__PURE__ */ e("div", { className: "mb-3 flex items-center gap-3", children: [
       /* @__PURE__ */ I("img", { src: E, alt: "", className: "size-12 shrink-0 object-contain" }),
       /* @__PURE__ */ e("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-wide text-[color:var(--mb-color-text-muted)]", children: [
+        /* @__PURE__ */ e("p", { className: "text-xs font-[510] uppercase tracking-wide text-[color:var(--mb-color-text-muted)]", children: [
           "Stage ",
           A.number
         ] }),
@@ -6214,7 +6244,7 @@ const N9 = ["ADRENAL", "THYROID", "PANCREAS"], h9 = ["triad-1", "triad-2", "tria
 function y9({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { children: [
+  return /* @__PURE__ */ e(ZA, { children: [
     /* @__PURE__ */ I(
       h,
       {
@@ -6252,8 +6282,8 @@ function T9(A) {
 function VV({ content: A }) {
   var jA, XA;
   const [E, r] = s(0), [z, t] = s(null), v = A == null ? void 0 : A.organContent, a = Y(
-    () => (g) => (nA) => {
-      nA.organKey && v != null && v[nA.organKey] && t({ triadCard: g, category: nA });
+    () => (g) => (VA) => {
+      VA.organKey && v != null && v[VA.organKey] && t({ triadCard: g, category: VA });
     },
     [v]
   );
@@ -6266,11 +6296,11 @@ function VV({ content: A }) {
     patientGender: d,
     labSectionTitle: l,
     labMetrics: u,
-    symptomsSectionTitle: Z,
-    symptoms: m,
-    productsSectionTitle: q,
+    symptomsSectionTitle: q,
+    symptoms: Z,
+    productsSectionTitle: m,
     products: S
-  } = A, p = !!(V && (V.heading || (jA = V.paragraphs) != null && jA.length)), K = u ?? [], b = m ?? [], f = S ?? [], C = K.length > 0, U = W ?? [], o = b.length > 0, X = f.length > 0, O = U.length > 0, k = p || O || C || o || X, x = O || (V == null ? void 0 : V.triadNumber) != null, T = x && O ? U.map((g) => ({
+  } = A, p = !!(V && (V.heading || (jA = V.paragraphs) != null && jA.length)), K = u ?? [], o = Z ?? [], f = S ?? [], C = K.length > 0, U = W ?? [], b = o.length > 0, X = f.length > 0, O = U.length > 0, k = p || O || C || b || X, x = O || (V == null ? void 0 : V.triadNumber) != null, T = x && O ? U.map((g) => ({
     triadNumber: g.triadNumber,
     name: `Triad ${g.triadNumber}`,
     aggregateScoreDisplay: String(g.triadNumber)
@@ -6280,7 +6310,7 @@ function VV({ content: A }) {
       name: `Triad ${V.triadNumber}`,
       aggregateScoreDisplay: String(V.triadNumber)
     }
-  ] : [], lA = Math.min(E, Math.max(0, T.length - 1)), $ = (XA = T[lA]) == null ? void 0 : XA.triadNumber, iA = (n == null ? void 0 : n.find((g) => g.triadNumber === $)) ?? V, AA = U.find((g) => g.triadNumber === $), uA = o || X || O || C, VA = z ? a3(z.category.title) : "", QA = z == null ? void 0 : z.category.organKey, zA = RA(), LA = RA(), wA = RA(), HA = RA();
+  ] : [], mA = Math.min(E, Math.max(0, T.length - 1)), $ = (XA = T[mA]) == null ? void 0 : XA.triadNumber, iA = (n == null ? void 0 : n.find((g) => g.triadNumber === $)) ?? V, AA = U.find((g) => g.triadNumber === $), lA = b || X || O || C, SA = z ? a3(z.category.title) : "", QA = z == null ? void 0 : z.category.organKey, zA = WA(), LA = WA(), wA = WA(), HA = WA();
   return /* @__PURE__ */ e(_, { children: [
     /* @__PURE__ */ e("div", { className: "mx-auto w-full min-w-0 space-y-6", children: [
       /* @__PURE__ */ I(h, { title: i.title, subtitle: i.subtitle }),
@@ -6288,16 +6318,16 @@ function VV({ content: A }) {
         i7,
         {
           triads: T,
-          selectedIndex: lA,
+          selectedIndex: mA,
           onSelectIndex: r,
           showAggregateScore: !1
         }
       ) : null,
       k ? /* @__PURE__ */ I(M, { className: "min-w-0", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: [
         p && iA ? /* @__PURE__ */ I(oI, { ...iA, embeddedInCard: !0 }) : null,
-        p && uA ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
+        p && lA ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
         X ? /* @__PURE__ */ e("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__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: q }),
+          /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: m }),
           /* @__PURE__ */ I("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: f.map((g) => /* @__PURE__ */ e(
             "div",
             {
@@ -6323,29 +6353,29 @@ function VV({ content: A }) {
             )
           )) })
         ] }) : null,
-        X && (o || O || C) ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
-        o ? /* @__PURE__ */ e("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: Z }),
-          /* @__PURE__ */ I("div", { className: "space-y-0", children: T9(b).map((g) => /* @__PURE__ */ I(
+        X && (b || O || C) ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
+        b ? /* @__PURE__ */ e("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: q }),
+          /* @__PURE__ */ I("div", { className: "space-y-0", children: T9(o).map((g) => /* @__PURE__ */ I(
             "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: g.map((nA) => /* @__PURE__ */ e(
+              children: g.map((VA) => /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex min-h-10 items-center gap-3",
                   children: [
                     /* @__PURE__ */ I("span", { className: "inline-flex size-4 shrink-0 items-center justify-center text-[color:var(--mb-color-text)]", children: /* @__PURE__ */ I(eA, { className: "size-4", "aria-hidden": !0 }) }),
-                    /* @__PURE__ */ I("span", { className: "text-sm leading-5 text-[color:var(--mb-color-text)]", children: nA })
+                    /* @__PURE__ */ I("span", { className: "text-sm leading-5 text-[color:var(--mb-color-text)]", children: VA })
                   ]
                 },
-                wA(nA, "symptom")
+                wA(VA, "symptom")
               ))
             },
             LA(g.join("|"), "symptom-row")
           )) })
         ] }) : null,
-        o && (O || C) ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
+        b && (O || C) ? /* @__PURE__ */ I("div", { className: "border-t border-[color:var(--mb-color-card-border)]" }) : null,
         AA ? /* @__PURE__ */ e("div", { className: "space-y-5", children: [
           /* @__PURE__ */ I("h2", { className: "text-xl font-bold text-[color:var(--mb-color-text)]", children: l }),
           /* @__PURE__ */ I(
@@ -6376,11 +6406,11 @@ function VV({ content: A }) {
       {
         open: !0,
         onClose: () => t(null),
-        title: VA,
+        title: SA,
         trendStatus: PA(z.category),
         bodyParagraphs: [],
         rowData: {
-          name: VA,
+          name: SA,
           symptomScore: z.category.symptomScore,
           labScore: z.category.labScore,
           totalScore: z.category.totalScore,
@@ -6409,7 +6439,7 @@ const P9 = ["GGT", "CRP", "GLUCOSE"], L9 = [
 function _9({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { children: [
+  return /* @__PURE__ */ e(ZA, { children: [
     /* @__PURE__ */ I(
       h,
       {
@@ -6472,7 +6502,7 @@ function _9({
 }
 function nV({ content: A }) {
   if (!A) return null;
-  const { pageHeader: E, practitionerNotes: r, cards: z } = A, t = z && z.length > 0, v = RA();
+  const { pageHeader: E, practitionerNotes: r, cards: z } = A, t = z && z.length > 0, v = WA();
   return /* @__PURE__ */ e("div", { className: "w-full min-w-0 space-y-6", children: [
     /* @__PURE__ */ I(h, { title: E.title, subtitle: E.subtitle }),
     t ? /* @__PURE__ */ I("div", { className: "grid grid-cols-1 gap-6 xl:grid-cols-2", children: z.map((a) => /* @__PURE__ */ I(
@@ -6495,7 +6525,7 @@ const $9 = ["card-1", "card-2"], Av = [
 function Iv({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { children: [
+  return /* @__PURE__ */ e(ZA, { children: [
     /* @__PURE__ */ I(
       h,
       {
@@ -6663,7 +6693,7 @@ function ev({ index: A }) {
 function vv({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { className: "w-full min-w-0 space-y-6", children: [
+  return /* @__PURE__ */ e(ZA, { className: "w-full min-w-0 space-y-6", children: [
     /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-col gap-4 sm:flex-row sm:items-start sm:justify-between", children: [
       /* @__PURE__ */ e("div", { className: "min-w-0", children: [
         /* @__PURE__ */ I("h1", { className: "m-0 text-3xl font-bold leading-tight tracking-normal text-[color:var(--mb-color-text)]", children: A.title }),
@@ -6779,7 +6809,7 @@ function Vv() {
 function nv({
   pageHeader: A
 }) {
-  return /* @__PURE__ */ e(mA, { children: [
+  return /* @__PURE__ */ e(ZA, { children: [
     /* @__PURE__ */ I(
       h,
       {
@@ -7211,25 +7241,25 @@ async function tA(A, E) {
     );
   return W;
 }
-const wI = "Your metabolic overview brings together triad priorities, key metrics, and next steps in one place.", HI = "Trends and predictive signals help you see how your metabolic trajectory may evolve over time.", DI = "Your Metabolic Code Vitality Index is the total value of how optimized your body chemistry is performing. Your metabolism is more than just how many calories you burn – it’s the sum total of all the biochemical reactions in all your organ systems that drive your mental and physical vigor.", _I = "Your answers are synthesized into themes and insights that inform your personalized recommendations.", $I = "Your personalized supplement timing helps you align intake with your metabolic rhythm and triad priorities.", AE = "Review your laboratory values with reference context and ordering details.", IE = "Discover products selected to support your metabolic goals and triad priorities.", EE = "Deeper interpretation connects your lab patterns to your overall metabolic picture.", rE = "Focus on labs that are out of range or flagged so you can address them with your care team.", kv = () => import("./dashboard-x4GA8cqi.js"), Gv = () => import("./totalPredictiveIndex-DQdWbzgU.js"), Yv = () => import("./wellnessIndicators-CNQcbuvH.js"), Jv = () => import("./questionnaireAnalysis-S3k2ZioO.js"), cv = () => import("./supplementSchedule-D8PmXo88.js"), Ov = () => import("./labResults-CV9K31Os.js"), jv = () => import("./suggestedProducts-DJlYkHhQ.js"), Xv = () => import("./labAnalysis-CaOCpV2g.js"), Fv = () => import("./alertLabSummary-BAIlZ2_U.js"), xv = ZA(
+const wI = "Your metabolic overview brings together triad priorities, key metrics, and next steps in one place.", HI = "Trends and predictive signals help you see how your metabolic trajectory may evolve over time.", DI = "Your Metabolic Code Vitality Index is the total value of how optimized your body chemistry is performing. Your metabolism is more than just how many calories you burn – it’s the sum total of all the biochemical reactions in all your organ systems that drive your mental and physical vigor.", _I = "Your answers are synthesized into themes and insights that inform your personalized recommendations.", $I = "Your personalized supplement timing helps you align intake with your metabolic rhythm and triad priorities.", AE = "Review your laboratory values with reference context and ordering details.", IE = "Discover products selected to support your metabolic goals and triad priorities.", EE = "Deeper interpretation connects your lab patterns to your overall metabolic picture.", rE = "Focus on labs that are out of range or flagged so you can address them with your care team.", kv = () => import("./dashboard-x4GA8cqi.js"), Gv = () => import("./totalPredictiveIndex-DQdWbzgU.js"), Yv = () => import("./wellnessIndicators-CNQcbuvH.js"), Jv = () => import("./questionnaireAnalysis-S3k2ZioO.js"), cv = () => import("./supplementSchedule-D8PmXo88.js"), Ov = () => import("./labResults-CV9K31Os.js"), jv = () => import("./suggestedProducts-DJlYkHhQ.js"), Xv = () => import("./labAnalysis-CaOCpV2g.js"), Fv = () => import("./alertLabSummary-BAIlZ2_U.js"), xv = qA(
   () => kv().then((A) => ({ default: A.DashboardTab }))
-), Nv = ZA(
+), Nv = qA(
   () => Gv().then((A) => ({ default: A.TotalPredictiveIndexTab }))
-), hv = ZA(
+), hv = qA(
   () => Yv().then((A) => ({ default: A.WellnessIndicatorsTab }))
-), yv = ZA(
+), yv = qA(
   () => Jv().then((A) => ({
     default: A.QuestionnaireAnalysisTab
   }))
-), Tv = ZA(
+), Tv = qA(
   () => cv().then((A) => ({ default: A.SupplementScheduleTab }))
-), Pv = ZA(
+), Pv = qA(
   () => Ov().then((A) => ({ default: A.LabResultsTab }))
-), Lv = ZA(
+), Lv = qA(
   () => jv().then((A) => ({ default: A.SuggestedProductsTab }))
-), wv = ZA(
+), wv = qA(
   () => Xv().then((A) => ({ default: A.LabAnalysisTab }))
-), Hv = ZA(
+), Hv = qA(
   () => Fv().then((A) => ({ default: A.AlertLabSummaryTab }))
 );
 const m3 = [
@@ -7482,25 +7512,25 @@ function $v({
   onItemClick: V,
   onNavItemPrefetch: n
 }) {
-  const W = a !== void 0, [d, l] = s(i), u = a ?? d, Z = F(
+  const W = a !== void 0, [d, l] = s(i), u = a ?? d, q = F(
     (p) => {
       V == null || V(p), W || l(p);
     },
     [W, V]
-  ), m = !!E, q = A != null && (typeof A != "string" || A.trim().length > 0), S = m || q;
+  ), Z = !!E, m = A != null && (typeof A != "string" || A.trim().length > 0), S = Z || m;
   return /* @__PURE__ */ e(
     "div",
     {
       className: `mb-root flex h-full min-h-0 flex-col p-2 lg:p-[var(--mb-side-menu-inset,1.5rem)] ${z}`.trim(),
       children: [
         S ? /* @__PURE__ */ e("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: [
-          m ? /* @__PURE__ */ I("div", { className: "flex w-full shrink-0 justify-center lg:justify-start", children: E }) : null,
-          q ? /* @__PURE__ */ I(
+          Z ? /* @__PURE__ */ I("div", { className: "flex w-full shrink-0 justify-center lg:justify-start", children: E }) : null,
+          m ? /* @__PURE__ */ I(
             "div",
             {
               className: [
-                "min-w-0 flex-1 text-sm font-semibold tracking-tight text-[color:var(--mb-color-text)]",
-                m ? "text-center lg:pr-2 lg:text-left" : "hidden lg:block"
+                "min-w-0 flex-1 text-sm font-normal tracking-normal text-[color:var(--mb-color-text)]",
+                Z ? "text-center lg:pr-2 lg:text-left" : "hidden lg:block"
               ].join(" "),
               children: A
             }
@@ -7521,7 +7551,7 @@ function $v({
                   isActive: p.id === u,
                   disabled: K,
                   disabledTooltip: p.disabledTooltip,
-                  onClick: K ? void 0 : () => Z(p.id),
+                  onClick: K ? void 0 : () => q(p.id),
                   onPointerEnter: K ? void 0 : () => n == null ? void 0 : n(p.id),
                   onFocus: K ? void 0 : () => n == null ? void 0 : n(p.id)
                 },
@@ -7547,12 +7577,12 @@ function Aa(A) {
 }
 function uV({ userProfile: A }) {
   return !A || zE(A) ? null : /* @__PURE__ */ I("div", { className: "mt-2 flex shrink-0 flex-col gap-2 border-t border-[color:var(--mb-color-sidebar-border)] pt-2 lg:mt-4 lg:pt-4", children: /* @__PURE__ */ e("div", { className: "flex w-full min-w-0 flex-col items-center gap-2 lg:flex-row lg:items-center lg:gap-3 lg:justify-start", children: [
-    /* @__PURE__ */ I("div", { className: "relative size-10 shrink-0 overflow-hidden rounded-[1.25rem] bg-[color:var(--mb-color-nav-hover)]", children: A.avatarSrc ? /* @__PURE__ */ I("img", { src: A.avatarSrc, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ I("span", { className: "flex size-full items-center justify-center text-sm font-medium text-[color:var(--mb-color-text)]", children: Aa(A.displayName) }) }),
+    /* @__PURE__ */ I("div", { className: "relative size-10 shrink-0 overflow-hidden rounded-[1.25rem] bg-[color:var(--mb-color-nav-hover)]", children: A.avatarSrc ? /* @__PURE__ */ I("img", { src: A.avatarSrc, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ I("span", { className: "flex size-full items-center justify-center text-sm font-normal text-[color:var(--mb-color-text)]", children: Aa(A.displayName) }) }),
     /* @__PURE__ */ e("div", { className: "flex min-w-0 max-w-full flex-col items-center gap-0.5 text-center lg:items-start lg:text-left", children: [
       /* @__PURE__ */ I(
         "p",
         {
-          className: "w-full max-w-[10rem] truncate text-xs font-semibold leading-snug text-[color:var(--mb-color-text)] lg:max-w-none lg:text-sm",
+          className: "w-full max-w-[10rem] truncate text-xs font-normal leading-snug text-[color:var(--mb-color-text)] lg:max-w-none lg:text-sm",
           title: A.displayName,
           children: A.displayName
         }
@@ -7671,8 +7701,8 @@ function Va(A, E) {
   return {
     metricTitle: A.name,
     normalRangeValue: K7(z, r),
-    currentRangeValue: dA(A.value, r),
-    previousRangeValue: dA(A.previous_value, r),
+    currentRangeValue: RA(A.value, r),
+    previousRangeValue: RA(A.previous_value, r),
     indicatorPercent: $7(
       A.indicator_percent ?? aa(A.status)
     ),
@@ -7697,9 +7727,9 @@ function vE(A, E) {
       triadNumbers: z.triad_numbers ? [...z.triad_numbers] : void 0,
       infoAriaLabel: `${z.name} information`,
       symptomScore: K7(z.normal_range, z.unit ?? ""),
-      labScore: dA(z.value, z.unit ?? ""),
-      previousLabScore: z.previous_value != null ? dA(z.previous_value, z.unit ?? "") : void 0,
-      totalScore: dA(z.previous_value, z.unit ?? ""),
+      labScore: RA(z.value, z.unit ?? ""),
+      previousLabScore: z.previous_value != null ? RA(z.previous_value, z.unit ?? "") : void 0,
+      totalScore: RA(z.previous_value, z.unit ?? ""),
       indicatorPercent: (v == null ? void 0 : v.indicatorPercent) ?? z.indicator_percent ?? void 0,
       previousIndicatorPercent: (v == null ? void 0 : v.previousIndicatorPercent) ?? z.previous_indicator_percent ?? void 0,
       status: z.status,
@@ -7921,8 +7951,8 @@ function sa(A, E) {
     triadNumbers: t.triad_numbers ? [...t.triad_numbers] : void 0,
     infoAriaLabel: `${t.name} information`,
     symptomScore: "—",
-    labScore: t.value != null ? dA(t.value, "") : "—",
-    previousLabScore: t.previous_value != null ? dA(t.previous_value, "") : void 0,
+    labScore: t.value != null ? RA(t.value, "") : "—",
+    previousLabScore: t.previous_value != null ? RA(t.previous_value, "") : void 0,
     totalScore: t.indicator_percent != null ? String(Math.round(t.indicator_percent)) : "—",
     indicatorPercent: t.indicator_percent ?? void 0,
     previousIndicatorPercent: t.previous_indicator_percent ?? void 0,
@@ -8014,8 +8044,8 @@ function ga(A) {
     title: A.name,
     infoAriaLabel: `${A.name} information`,
     normalRange: K7(A.normal_range, E),
-    currentRange: dA(A.value, E),
-    previousRange: A.previous_value != null ? dA(A.previous_value, E) : void 0,
+    currentRange: RA(A.value, E),
+    previousRange: A.previous_value != null ? RA(A.previous_value, E) : void 0,
     indicatorPercent: A.indicator_percent ?? 50,
     status: A.status,
     riskLabel: q3(A)
@@ -8118,15 +8148,15 @@ function Oa(A) {
 }
 function dE(A, E, r, z, t) {
   var u;
-  const v = A.triad_number ?? null, a = A.triad_name ?? null, i = (E == null ? void 0 : E.includes("lab-results")) ?? !0, V = [...(r == null ? void 0 : r.triads) ?? []].sort((Z, m) => Z.number - m.number), n = i ? V.map((Z) => u3(Z, z)) : [], d = (V.length ? V.map((Z) => ({ number: Z.number, name: Z.name })) : v != null ? [{ number: v, name: a ?? "" }] : []).map((Z) => {
-    const m = t == null ? void 0 : t.find((q) => q.number === Z.number);
+  const v = A.triad_number ?? null, a = A.triad_name ?? null, i = (E == null ? void 0 : E.includes("lab-results")) ?? !0, V = [...(r == null ? void 0 : r.triads) ?? []].sort((q, Z) => q.number - Z.number), n = i ? V.map((q) => u3(q, z)) : [], d = (V.length ? V.map((q) => ({ number: q.number, name: q.name })) : v != null ? [{ number: v, name: a ?? "" }] : []).map((q) => {
+    const Z = t == null ? void 0 : t.find((m) => m.number === q.number);
     return {
-      triadNumber: Z.number,
-      heading: `Triad ${Z.number}${Z.name ? `: ${Z.name}` : ""}`,
+      triadNumber: q.number,
+      heading: `Triad ${q.number}${q.name ? `: ${q.name}` : ""}`,
       videoAriaLabel: "Play introduction video",
-      paragraphs: (m == null ? void 0 : m.explainer_paragraphs) ?? yI(Z.number)
+      paragraphs: (Z == null ? void 0 : Z.explainer_paragraphs) ?? yI(q.number)
     };
-  }), l = (v == null ? d[0] : d.find((Z) => Z.triadNumber === v)) ?? d[0];
+  }), l = (v == null ? d[0] : d.find((q) => q.triadNumber === v)) ?? d[0];
   return {
     pageHeader: {
       title: "Suggested Products",
@@ -8138,23 +8168,23 @@ function dE(A, E, r, z, t) {
     intros: d,
     labTriadCards: n,
     labSectionTitle: "My Current Lab Values",
-    labMetrics: i ? A.organ_metrics.map((Z) => ({
-      title: Z.name.toUpperCase(),
-      infoAriaLabel: `${Z.name} lab summary information`,
-      normalRange: K7(Z.normal_range, ""),
-      currentRange: String(Z.score),
-      previousRange: Z.previous_score != null ? String(Z.previous_score) : void 0,
-      indicatorPercent: Math.round(Z.indicator_percent),
-      status: Oa(Z.indicator_percent)
+    labMetrics: i ? A.organ_metrics.map((q) => ({
+      title: q.name.toUpperCase(),
+      infoAriaLabel: `${q.name} lab summary information`,
+      normalRange: K7(q.normal_range, ""),
+      currentRange: String(q.score),
+      previousRange: q.previous_score != null ? String(q.previous_score) : void 0,
+      indicatorPercent: Math.round(q.indicator_percent),
+      status: Oa(q.indicator_percent)
     })) : [],
     symptomsSectionTitle: "Symptoms",
     symptoms: [...A.symptoms],
     productsSectionTitle: "Suggested Products",
-    products: A.products.map((Z) => ({
-      imageSrc: Z.image_url ?? void 0,
-      imageAlt: Z.name,
-      name: Z.name,
-      tagline: Z.tagline ?? void 0
+    products: A.products.map((q) => ({
+      imageSrc: q.image_url ?? void 0,
+      imageAlt: q.name,
+      name: q.name,
+      tagline: q.tagline ?? void 0
     }))
   };
 }
@@ -8221,7 +8251,7 @@ function ZE(A, E, r, z) {
       currentRangeLabel: t,
       previousRangeLabel: v,
       categories: V.categories.map((n) => {
-        var l, u, Z, m;
+        var l, u, q, Z;
         const W = dI(n.name), d = n.interpretation ?? a.get(W);
         return {
           title: n.name.toUpperCase(),
@@ -8233,7 +8263,7 @@ function ZE(A, E, r, z) {
           previousLab: n.previous_lab_score != null ? String(n.previous_lab_score) : void 0,
           previousTotal: n.previous_total_score != null ? String(n.previous_total_score) : void 0,
           trendIndicatorPercent: ((u = (l = n.trend_markers) == null ? void 0 : l.current) == null ? void 0 : u.indicator_percent) ?? n.indicator_percent ?? void 0,
-          previousTrendIndicatorPercent: ((m = (Z = n.trend_markers) == null ? void 0 : Z.previous) == null ? void 0 : m.indicator_percent) ?? n.previous_indicator_percent ?? void 0,
+          previousTrendIndicatorPercent: ((Z = (q = n.trend_markers) == null ? void 0 : q.previous) == null ? void 0 : Z.indicator_percent) ?? n.previous_indicator_percent ?? void 0,
           status: d ? d3(d) : void 0,
           riskLabel: M7(d),
           organKey: E != null && E[W] ? W : void 0
@@ -8340,78 +8370,78 @@ function uE(A) {
     z,
     t,
     v
-  ), d = (m) => (i && m.then(i, () => {
-  }), m), l = () => {
-    const m = y7.get(W);
-    if (m && Date.now() < m.expiresAt) return d(m.promise);
-    const q = ra({
+  ), d = (Z) => (i && Z.then(i, () => {
+  }), Z), l = () => {
+    const Z = y7.get(W);
+    if (Z && Date.now() < Z.expiresAt) return d(Z.promise);
+    const m = ra({
       baseUrl: V,
       reportId: E,
       headers: n,
       fetchImpl: a
     });
-    return q.catch(() => y7.delete(W)), y7.set(W, { promise: q, expiresAt: Date.now() + wa }), d(q);
+    return m.catch(() => y7.delete(W)), y7.set(W, { promise: m, expiresAt: Date.now() + wa }), d(m);
   };
   l();
-  const u = (m) => l();
+  const u = (Z) => l();
   return {
-    dashboard: async (m) => {
-      const q = await u();
+    dashboard: async (Z) => {
+      const m = await u();
       return VE(
-        q.pages.dashboard,
-        q.organ_content,
-        q.alert_lab_content,
-        q.triad_content
+        m.pages.dashboard,
+        m.organ_content,
+        m.alert_lab_content,
+        m.triad_content
       );
     },
-    "total-predictive-index": async (m) => {
-      const q = await u();
+    "total-predictive-index": async (Z) => {
+      const m = await u();
       return ZE(
-        q.pages["total-predictive-index"],
-        q.organ_content,
-        q.cortisol_content,
-        q.pages.dashboard
+        m.pages["total-predictive-index"],
+        m.organ_content,
+        m.cortisol_content,
+        m.pages.dashboard
       );
     },
-    "wellness-indicators": async (m) => {
-      const q = await u();
+    "wellness-indicators": async (Z) => {
+      const m = await u();
       return lE(
-        q.pages["wellness-indicators"],
-        q.pages.dashboard
+        m.pages["wellness-indicators"],
+        m.pages.dashboard
       );
     },
-    "questionnaire-analysis": async (m) => {
-      const q = await u();
+    "questionnaire-analysis": async (Z) => {
+      const m = await u();
       return RE(
-        q.pages["questionnaire-analysis"],
-        q.organ_content,
-        q.pages.dashboard
+        m.pages["questionnaire-analysis"],
+        m.organ_content,
+        m.pages.dashboard
       );
     },
-    "supplement-schedule": async (m) => qE((await u()).pages["supplement-schedule"]),
-    "lab-results": async (m) => {
-      const q = await u();
-      return WE(q.pages["lab-results"], q.triad_content);
+    "supplement-schedule": async (Z) => qE((await u()).pages["supplement-schedule"]),
+    "lab-results": async (Z) => {
+      const m = await u();
+      return WE(m.pages["lab-results"], m.triad_content);
     },
-    "suggested-products": async (m) => {
-      const q = await u();
+    "suggested-products": async (Z) => {
+      const m = await u();
       return dE(
-        q.pages["suggested-products"],
-        q.report.available_pages,
-        q.pages.dashboard,
-        q.organ_content,
-        q.triad_content
+        m.pages["suggested-products"],
+        m.report.available_pages,
+        m.pages.dashboard,
+        m.organ_content,
+        m.triad_content
       );
     },
-    "lab-analysis": async (m) => {
-      const q = await u();
-      return nE(q.pages["lab-analysis"], q.triad_content);
+    "lab-analysis": async (Z) => {
+      const m = await u();
+      return nE(m.pages["lab-analysis"], m.triad_content);
     },
-    "alert-lab-summary": async (m) => {
-      const q = await u();
+    "alert-lab-summary": async (Z) => {
+      const m = await u();
       return vE(
-        q.pages["alert-lab-summary"],
-        q.alert_lab_content
+        m.pages["alert-lab-summary"],
+        m.alert_lab_content
       );
     }
   };
@@ -8480,8 +8510,8 @@ function ri(A) {
     });
     if (!u.ok)
       throw new Error(`Failed to download report PDF (HTTP ${u.status})`);
-    const Z = await u.blob(), m = Ii(u, W ? `report-${W}.pdf` : "report.pdf");
-    Ei(Z, m);
+    const q = await u.blob(), Z = Ii(u, W ? `report-${W}.pdf` : "report.pdf");
+    Ei(q, Z);
   };
 }
 function zi(A, E) {
@@ -8515,29 +8545,29 @@ function vi({
   const a = D(0), i = F(
     (u) => {
       if (r <= 0) return;
-      const Z = z.current.get(u);
-      if (Z) {
-        if (Date.now() > Z.expiresAt) {
+      const q = z.current.get(u);
+      if (q) {
+        if (Date.now() > q.expiresAt) {
           z.current.delete(u);
           return;
         }
-        return Z.data;
+        return q.data;
       }
     },
     [r]
   ), V = F(
-    (u, Z) => {
-      r <= 0 || z.current.set(u, { data: Z, expiresAt: Date.now() + r });
+    (u, q) => {
+      r <= 0 || z.current.set(u, { data: q, expiresAt: Date.now() + r });
     },
     [r]
   );
   EA(() => {
     a.current += 1, z.current.clear(), t.current.clear(), v.current = E;
-    const u = new AbortController(), Z = a.current;
-    return Object.keys(E).forEach((m) => {
-      const q = m;
-      E[q](u.signal).then((S) => {
-        a.current === Z && V(q, S);
+    const u = new AbortController(), q = a.current;
+    return Object.keys(E).forEach((Z) => {
+      const m = Z;
+      E[m](u.signal).then((S) => {
+        a.current === q && V(m, S);
       }).catch(() => {
       });
     }), () => u.abort();
@@ -8545,14 +8575,14 @@ function vi({
   const n = F((u) => {
     u === void 0 ? z.current.clear() : z.current.delete(u);
   }, []), W = F(
-    async (u, Z) => {
-      const m = i(u);
-      if (m !== void 0) return m;
-      const q = t.current.get(u);
-      if (q) return q;
+    async (u, q) => {
+      const Z = i(u);
+      if (Z !== void 0) return Z;
+      const m = t.current.get(u);
+      if (m) return m;
       const S = a.current, p = (async () => {
         try {
-          const K = await v.current[u](Z);
+          const K = await v.current[u](q);
           return S === a.current && V(u, K), K;
         } finally {
           t.current.delete(u);
@@ -8564,8 +8594,8 @@ function vi({
   ), d = F(
     (u) => {
       if (!C3(u)) return;
-      const Z = new AbortController();
-      W(u, Z.signal).catch(() => {
+      const q = new AbortController();
+      W(u, q.signal).catch(() => {
       });
     },
     [W]
@@ -8603,23 +8633,23 @@ function Vi(A, E) {
     let W = !0;
     const d = new AbortController(), { signal: l } = d;
     return (async () => {
-      var Z;
+      var q;
       if (i) {
-        const m = i.readValid(A);
-        if (m !== void 0) {
-          z({ type: "loadSuccess", data: m });
+        const Z = i.readValid(A);
+        if (Z !== void 0) {
+          z({ type: "loadSuccess", data: Z });
           return;
         }
       }
       z({ type: "loadStart" });
       try {
-        const m = i ? await i.loadTab(A, l) : await n.current[A](l);
+        const Z = i ? await i.loadTab(A, l) : await n.current[A](l);
         if (!W) return;
-        z({ type: "loadSuccess", data: m });
-      } catch (m) {
-        if (!W || ai(m)) return;
-        const q = m instanceof Error ? m : new Error(String(m));
-        z({ type: "loadError", error: q }), (Z = a.current) == null || Z.call(a, { navItemId: A, error: q });
+        z({ type: "loadSuccess", data: Z });
+      } catch (Z) {
+        if (!W || ai(Z)) return;
+        const m = Z instanceof Error ? Z : new Error(String(Z));
+        z({ type: "loadError", error: m }), (q = a.current) == null || q.call(a, { navItemId: A, error: m });
       }
     })(), () => {
       W = !1, d.abort();
@@ -8699,7 +8729,7 @@ function Ri({ onRetry: A }) {
             }
           ),
           /* @__PURE__ */ e("div", { className: "flex max-w-2xl flex-col gap-2", children: [
-            /* @__PURE__ */ I("p", { className: "text-[0.9375rem] font-semibold leading-snug tracking-tight text-red-700 dark:text-red-300", children: "Couldn't load this section" }),
+            /* @__PURE__ */ I("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__ */ I("p", { className: "text-sm leading-relaxed text-[color:var(--mb-color-text-muted)]", children: "Check your connection and try again." })
           ] }),
           /* @__PURE__ */ I(G, { type: "button", onClick: A, align: "center", className: "min-w-[8.5rem]", children: "Try again" })
@@ -8764,7 +8794,7 @@ function qi({ onRetry: A }) {
             }
           ),
           /* @__PURE__ */ e("div", { className: "flex max-w-2xl flex-col gap-2", children: [
-            /* @__PURE__ */ I("p", { className: "text-[0.9375rem] font-semibold leading-snug tracking-tight text-red-700 dark:text-red-300", children: "Couldn't display this section" }),
+            /* @__PURE__ */ I("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__ */ I("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__ */ I(G, { type: "button", onClick: A, align: "center", className: "min-w-[8.5rem]", children: "Try again" })
@@ -8813,7 +8843,7 @@ function li({
       contentFetchers: r,
       onDashboardTabContentLoadError: z
     }
-  ) : /* @__PURE__ */ I("div", { children: /* @__PURE__ */ I("h1", { className: "text-2xl font-semibold tracking-tight text-[color:var(--mb-color-text)]", children: E }) });
+  ) : /* @__PURE__ */ I("div", { children: /* @__PURE__ */ I("h1", { className: "text-2xl font-[510] tracking-tight text-[color:var(--mb-color-text)]", children: E }) });
 }
 function ui({
   renderMainContent: A,
@@ -8856,7 +8886,7 @@ function Ci({
   mainAreaClassName: l,
   mainContent: u
 }) {
-  const Z = CE();
+  const q = CE();
   return /* @__PURE__ */ I(
     "div",
     {
@@ -8876,8 +8906,8 @@ function Ci({
               items: i,
               activeItemId: V,
               onItemClick: n,
-              onNavItemPrefetch: E && Z ? (q) => {
-                C3(q) && Z.prefetch(q);
+              onNavItemPrefetch: E && q ? (m) => {
+                C3(m) && q.prefetch(m);
               } : void 0
             }
           ),
@@ -9069,50 +9099,50 @@ function gi({
   dashboardTabContentCacheTtlMs: i,
   simulationReportId: V
 }) {
-  const n = E ?? (A == null ? void 0 : A.apiKey), W = kE(n), d = v === void 0 && a === void 0, [l, u] = s(), Z = Y(() => {
+  const n = E ?? (A == null ? void 0 : A.apiKey), W = kE(n), d = v === void 0 && a === void 0, [l, u] = s(), q = Y(() => {
     const C = { ...r ?? {} };
     return V != null && (C.reportId = V), C;
-  }, [r, V]), m = Y(
-    () => TA(Z.apiKey),
-    [Z.apiKey]
-  ), q = Y(
+  }, [r, V]), Z = Y(
+    () => TA(q.apiKey),
+    [q.apiKey]
+  ), m = Y(
     () => [
-      Z.apiKey ?? "",
-      Z.userId ?? "",
-      Z.reportId ?? "",
-      Z.questionnaireResponseId ?? ""
+      q.apiKey ?? "",
+      q.userId ?? "",
+      q.reportId ?? "",
+      q.questionnaireResponseId ?? ""
     ].join("|"),
     [
-      Z.apiKey,
-      Z.userId,
-      Z.reportId,
-      Z.questionnaireResponseId
+      q.apiKey,
+      q.userId,
+      q.reportId,
+      q.questionnaireResponseId
     ]
-  ), S = D(q);
+  ), S = D(m);
   EA(() => {
-    S.current = q, u(void 0);
-  }, [q]);
+    S.current = m, u(void 0);
+  }, [m]);
   const p = F((C, U) => {
     if (S.current !== U) return;
-    const o = [...C.report.available_pages];
+    const b = [...C.report.available_pages];
     u(
-      (X) => oi(X, o) ? X : o
+      (X) => oi(X, b) ? X : b
     );
   }, []), K = Y(() => {
     const C = uE({
-      ...Z,
-      onFullReportLoaded: (U) => p(U, q)
+      ...q,
+      onFullReportLoaded: (U) => p(U, m)
     });
     return zi(C, z);
-  }, [z, p, q, Z]), b = Y(() => t || ri(Z), [t, Z]);
+  }, [z, p, m, q]), o = Y(() => t || ri(q), [t, q]);
   return {
     apiKeyAccepted: W,
     useDefaultTabData: d,
     resolvedDashboardContentFetchers: K,
-    resolvedExportReports: b,
+    resolvedExportReports: o,
     resolvedCacheTtlMs: i ?? ei,
     availableReportPages: l,
-    reportPagesApiBaseUrl: m
+    reportPagesApiBaseUrl: Z
   };
 }
 function Bi(A) {
@@ -9196,16 +9226,16 @@ function Gi(A) {
       return i;
   }, [E, z, i]), l = E === "practitioner" && z !== null || E === "patient" && i !== null, u = F(() => {
     r(z7(A)), t(null), a(""), V(null), W("");
-  }, [A]), Z = F(() => r("practitioner"), []), m = F(() => r("patient"), []), q = F(
+  }, [A]), q = F(() => r("practitioner"), []), Z = F(() => r("patient"), []), m = F(
     () => r(z7(A)),
     [A]
   ), S = F(
     () => r(z7(A)),
     [A]
-  ), p = F((b, f) => {
-    t(b), a(f);
-  }, []), K = F((b, f) => {
-    V(b), W(f);
+  ), p = F((o, f) => {
+    t(o), a(f);
+  }, []), K = F((o, f) => {
+    V(o), W(f);
   }, []);
   return {
     simRole: E,
@@ -9221,9 +9251,9 @@ function Gi(A) {
     simulationReportId: d,
     simulationSessionReady: l,
     resetSimulationSession: u,
-    onChoosePractitioner: Z,
-    onChoosePatient: m,
-    onBackFromPatientPicker: q,
+    onChoosePractitioner: q,
+    onChoosePatient: Z,
+    onBackFromPatientPicker: m,
     onBackFromPatientReportPicker: S,
     onSelectPatient: p,
     onSelectPatientReport: K
@@ -9271,22 +9301,22 @@ function ji({
   renderMainContent: d,
   activeNavItemId: l,
   defaultActiveNavItemId: u = qI,
-  onActiveNavItemChange: Z,
-  shellClassName: m,
-  sideMenuClassName: q,
+  onActiveNavItemChange: q,
+  shellClassName: Z,
+  sideMenuClassName: m,
   mainClassName: S,
   sidebarWidthClassName: p,
   dashboardTabContentCacheTtlMs: K
 }) {
   var QA;
   fE();
-  const { resolvedBranding: b, rootStyle: f } = bi(A), C = Gi(r), { activeItemId: U, handleNavItemClick: o } = Yi({
+  const { resolvedBranding: o, rootStyle: f } = bi(A), C = Gi(r), { activeItemId: U, handleNavItemClick: b } = Yi({
     activeNavItemIdProp: l,
     defaultActiveNavItemId: u,
-    onActiveNavItemChange: Z
+    onActiveNavItemChange: q
   }), X = ((QA = n7.find((zA) => zA.id === U)) == null ? void 0 : QA.label) ?? U, O = Y(
-    () => t !== void 0 ? t : Bi(b),
-    [b, t]
+    () => t !== void 0 ? t : Bi(o),
+    [o, t]
   ), k = gi({
     config: A,
     apiKey: E,
@@ -9305,9 +9335,9 @@ function ji({
     [x]
   );
   EA(() => {
-    T.has(U) && o(qI);
-  }, [U, T, o]);
-  const lA = Y(
+    T.has(U) && b(qI);
+  }, [U, T, b]);
+  const mA = Y(
     () => [
       "flex min-h-0 min-w-0 w-full max-w-full flex-1 flex-col items-stretch gap-4 py-4 px-[max(1rem,var(--mb-main-padding,1.5rem))] text-[color:var(--mb-color-text-muted)] sm:px-[max(1.25rem,var(--mb-main-padding,1.5rem))]",
       S
@@ -9333,7 +9363,7 @@ function ji({
       patientLabel: C.simRole === "patient" ? C.simPatientReportLabel : C.simPractitionerPatientLabel,
       onChangeUser: C.resetSimulationSession
     }
-  ), uA = /* @__PURE__ */ I(
+  ), lA = /* @__PURE__ */ I(
     Si,
     {
       wrapTabContentCache: $,
@@ -9342,28 +9372,28 @@ function ji({
       viewProps: {
         rootStyle: f,
         enableTabContentCache: $,
-        menuTitle: z !== void 0 ? z : b.title,
+        menuTitle: z !== void 0 ? z : o.title,
         logo: O,
         sideMenuUserProfile: v,
         sideMenuFooterContent: AA,
-        sideMenuClassName: q,
+        sideMenuClassName: m,
         sideMenuItems: x,
         activeItemId: U,
-        handleNavItemClick: o,
-        shellClassName: m,
+        handleNavItemClick: b,
+        shellClassName: Z,
         sidebarWidthClassName: p,
-        mainAreaClassName: lA,
+        mainAreaClassName: mA,
         mainContent: iA
       }
     }
-  ), VA = Y(
+  ), SA = Y(
     () => ({
       onExportReports: k.resolvedExportReports,
-      onNavigateToNavItem: o
+      onNavigateToNavItem: b
     }),
-    [k.resolvedExportReports, o]
+    [k.resolvedExportReports, b]
   );
-  return /* @__PURE__ */ I(ee, { value: k.reportPagesApiBaseUrl, children: /* @__PURE__ */ I(ke, { value: VA, children: /* @__PURE__ */ I(
+  return /* @__PURE__ */ I(ee, { value: k.reportPagesApiBaseUrl, children: /* @__PURE__ */ I(ke, { value: SA, children: /* @__PURE__ */ I(
     si,
     {
       rootStyle: f,
@@ -9373,7 +9403,7 @@ function ji({
       onBackFromPatientPicker: C.onBackFromPatientPicker,
       onSelectPatientReport: C.onSelectPatientReport,
       onBackFromPatientReportPicker: C.onBackFromPatientReportPicker,
-      children: uA
+      children: lA
     }
   ) }) });
 }
@@ -9447,7 +9477,7 @@ export {
   vi as DashboardTabContentCacheProvider,
   V9 as DashboardTabSkeleton,
   SI as GradientRangeBar,
-  qA as LAB_METRIC_RANGE_BAR_SEGMENTS,
+  dA as LAB_METRIC_RANGE_BAR_SEGMENTS,
   Qv as LabAnalysisIcon,
   zV as LabAnalysisTab,
   W9 as LabAnalysisTabSkeleton,
@@ -9516,8 +9546,8 @@ export {
   Iv as SupplementScheduleTabSkeleton,
   qz as SupplementScheduleTableRow,
   mz as SupplementTriadMarkGroup,
-  WA as TRIAD_RESILIENCY_TREND_SEGMENTS,
-  mA as TabSkeletonRoot,
+  nA as TRIAD_RESILIENCY_TREND_SEGMENTS,
+  ZA as TabSkeletonRoot,
   N as Tooltip,
   WV as TotalPredictiveIndexTab,
   vv as TotalPredictiveIndexTabSkeleton,