chordia-ui 3.9.7 → 3.9.8

package/dist/PerformancePanel.es.js

@@ -1,15 +1,15 @@
-import { jsxs as l, jsx as e, Fragment as Ge } from "react/jsx-runtime";
-import S from "react";
-import { createPortal as ht } from "react-dom";
-import { ArrowLeft as yt, Download as Ke, CalendarDays as ke, ArrowRight as mt, Phone as ye, ShieldCheck as Je, Lightbulb as Ze, FolderKanban as qe, Layers as Qe, ChevronDown as Fe, TrendingDown as gt, TrendingUp as et, Check as xt, Signal as bt, ChevronLeft as vt, ChevronRight as kt } from "lucide-react";
-import { D as tt } from "./DataTable2.es.js";
-const Ae = {
+import { jsxs as l, jsx as e, Fragment as Xe } from "react/jsx-runtime";
+import L from "react";
+import { createPortal as pt } from "react-dom";
+import { ArrowLeft as ht, Download as Ge, CalendarDays as be, ArrowRight as yt, Phone as fe, ShieldCheck as Ke, Lightbulb as Je, FolderKanban as Ze, Layers as qe, ChevronDown as ze, TrendingDown as mt, TrendingUp as Qe, Check as gt, Signal as xt, ChevronLeft as bt, ChevronRight as vt } from "lucide-react";
+import { D as et } from "./DataTable2.es.js";
+const Fe = {
   "8h": 8 * 60 * 60 * 1e3,
   "1d": 24 * 60 * 60 * 1e3,
   "7d": 7 * 24 * 60 * 60 * 1e3,
   "30d": 30 * 24 * 60 * 60 * 1e3
-}, nt = void 0, wt = { month: "2-digit", day: "2-digit", year: "numeric" }, St = { hour: "numeric", minute: "2-digit", hour12: !0 };
-function me(t) {
+}, tt = void 0, kt = { month: "2-digit", day: "2-digit", year: "numeric" }, wt = { hour: "numeric", minute: "2-digit", hour12: !0 };
+function pe(t) {
   if (!t)
     return null;
   if (t instanceof Date)
@@ -22,95 +22,95 @@ function me(t) {
   const o = new Date(n);
   return Number.isNaN(o.getTime()) ? null : o;
 }
-function it(t, n) {
+function nt(t, n) {
   return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
 }
-function ee(t) {
-  const n = t instanceof Date ? t : me(t);
-  return n ? n.toLocaleDateString(nt, wt) : "";
+function Q(t) {
+  const n = t instanceof Date ? t : pe(t);
+  return n ? n.toLocaleDateString(tt, kt) : "";
 }
-function Te(t) {
-  return t.toLocaleTimeString(nt, St);
+function Ae(t) {
+  return t.toLocaleTimeString(tt, wt);
 }
-function oe(t) {
-  return `${ee(t)} ${Te(t)}`;
+function ie(t) {
+  return `${Q(t)} ${Ae(t)}`;
 }
-function Dt(t, n) {
-  const i = me(t), o = me(n);
-  return !i || !o ? "" : it(i, o) ? `${oe(i)} – ${Te(o)}` : `${oe(i)} – ${oe(o)}`;
+function St(t, n) {
+  const i = pe(t), o = pe(n);
+  return !i || !o ? "" : nt(i, o) ? `${ie(i)} – ${Ae(o)}` : `${ie(i)} – ${ie(o)}`;
 }
-function Lt(t, n) {
-  const i = me(t), o = me(n);
-  return !i || !o ? null : it(i, o) ? { from: oe(i), to: Te(o) } : { from: oe(i), to: oe(o) };
+function Dt(t, n) {
+  const i = pe(t), o = pe(n);
+  return !i || !o ? null : nt(i, o) ? { from: ie(i), to: Ae(o) } : { from: ie(i), to: ie(o) };
 }
-function ze(t) {
-  const n = Ae[t];
+function Le(t) {
+  const n = Fe[t];
   if (!n)
     return null;
   const i = /* @__PURE__ */ new Date();
   return { from: new Date(i.getTime() - n), to: i };
 }
-function zt(t) {
-  if (!Ae[t])
+function Lt(t) {
+  if (!Fe[t])
     return "";
-  const i = ze(t);
-  return i ? t === "8h" ? Dt(i.from, i.to) : `${ee(i.from)} – ${ee(i.to)}` : "";
+  const i = Le(t);
+  return i ? t === "8h" ? St(i.from, i.to) : `${Q(i.from)} – ${Q(i.to)}` : "";
 }
-const Ft = "M1.00049 13.5213C7.85975 11.7032 8.88149 4.73912 13.7838 4.73912C19.8344 4.73912 23.6237 17.166 29.1281 17.166C34.5998 17.166 37.4149 4.88121 43.4004 8.61051C47.9764 11.4616 50.6186 1.00024 50.6186 1.00024", At = "M1.00049 16.692C8.88149 15.6975 8.88149 7.79403 13.7838 7.79403C19.8344 7.79403 23.6237 21.4034 29.1281 21.4034C34.5998 21.4034 37.4149 8.93821 43.4004 12.7223C47.9764 15.6152 50.6186 5.00024 50.6186 5.00024V36.0002C50.6186 36.0002 10.8223 36.0002 1.00049 36.0002C1.00049 28.8653 1.00049 19.4871 1.00049 16.692Z";
-function lt(t) {
+const zt = "M1.00049 13.5213C7.85975 11.7032 8.88149 4.73912 13.7838 4.73912C19.8344 4.73912 23.6237 17.166 29.1281 17.166C34.5998 17.166 37.4149 4.88121 43.4004 8.61051C47.9764 11.4616 50.6186 1.00024 50.6186 1.00024", Ft = "M1.00049 16.692C8.88149 15.6975 8.88149 7.79403 13.7838 7.79403C19.8344 7.79403 23.6237 21.4034 29.1281 21.4034C34.5998 21.4034 37.4149 8.93821 43.4004 12.7223C47.9764 15.6152 50.6186 5.00024 50.6186 5.00024V36.0002C50.6186 36.0002 10.8223 36.0002 1.00049 36.0002C1.00049 28.8653 1.00049 19.4871 1.00049 16.692Z";
+function it(t) {
   if (!Array.isArray(t))
     return null;
   const n = t.map((i) => Array.isArray(i) ? Number(i[1]) : i == null || i === "" ? NaN : Number(i)).filter((i) => Number.isFinite(i));
   return n.length >= 2 ? n : null;
 }
-function Tt(t, n = 52, i = 36) {
-  const o = lt(t);
+function At(t, n = 52, i = 36) {
+  const o = it(t);
   if (!o)
     return null;
-  const d = Math.min(...o), s = Math.max(...o), c = 4, y = s - d || 1, w = i - c * 2 - 4, u = (L) => (o.length === 1 ? 0 : L / (o.length - 1) * (n - 2)) + 1, m = (L) => c + (1 - (L - d) / y) * w;
-  let v = "";
-  for (let L = 0; L < o.length; L++)
-    v += `${L === 0 ? "M" : "L"}${u(L).toFixed(2)},${m(o[L]).toFixed(2)}`;
-  const g = u(o.length - 1), x = u(0), I = `${v} L${g.toFixed(2)},${i} L${x.toFixed(2)},${i} Z`;
-  return { line: v, area: I };
+  const d = Math.min(...o), s = Math.max(...o), c = 4, y = s - d || 1, w = i - c * 2 - 4, u = (S) => (o.length === 1 ? 0 : S / (o.length - 1) * (n - 2)) + 1, g = (S) => c + (1 - (S - d) / y) * w;
+  let x = "";
+  for (let S = 0; S < o.length; S++)
+    x += `${S === 0 ? "M" : "L"}${u(S).toFixed(2)},${g(o[S]).toFixed(2)}`;
+  const b = u(o.length - 1), v = u(0), M = `${x} L${b.toFixed(2)},${i} L${v.toFixed(2)},${i} Z`;
+  return { line: x, area: M };
 }
-function We(t) {
-  const n = lt(t);
+function Te(t) {
+  const n = it(t);
   if (!n)
     return null;
   const i = n[0], o = n[n.length - 1];
   return o > i ? "up" : o < i ? "down" : "up";
 }
-const rt = "—";
-function $e(t) {
+const lt = "—";
+function We(t) {
   if (t == null)
     return !0;
   const n = String(t).trim();
   return !!(!n || /^[-−–—]$/.test(n) || /^(n\/a|null|undefined)$/i.test(n));
 }
-function Ie(t) {
-  return !$e(t);
+function $e(t) {
+  return !We(t);
 }
-function Wt(t, n = rt) {
-  return $e(t) ? n : String(t);
+function Tt(t, n = lt) {
+  return We(t) ? n : String(t);
 }
-function Be(t) {
+function Re(t) {
   return t != null && String(t).trim() !== "";
 }
 function U(t) {
-  return t ? Be(t.value) || Be(t.delta) ? !0 : Array.isArray(t.points) && t.points.length > 0 : !1;
+  return t ? Re(t.value) || Re(t.delta) ? !0 : Array.isArray(t.points) && t.points.length > 0 : !1;
 }
-function $t(t) {
-  if ($e(t))
+function Wt(t) {
+  if (We(t))
     return null;
   const n = String(t).trim(), i = n.match(/\(\s*([+-])?\s*([\d.]+)/);
   return i ? i[1] === "-" ? "down" : i[1] === "+" ? "up" : parseFloat(i[2]) < 0 ? "down" : "up" : /^[-−]/.test(n) ? "down" : /^\+/.test(n) ? "up" : /-\d/.test(n) ? "down" : null;
 }
-function Me(t, n) {
-  return $t(n) ?? (t === "down" ? "down" : "up");
+function Ie(t, n) {
+  return Wt(n) ?? (t === "down" ? "down" : "up");
 }
-function Jt(t, n, i) {
-  return We(i) ?? (Ie(n) ? Me(t, n) : t === "down" ? "down" : "up");
+function Kt(t, n, i) {
+  return Te(i) ?? ($e(n) ? Ie(t, n) : t === "down" ? "down" : "up");
 }
 const a = {
   ink: "var(--color-text)",
@@ -133,8 +133,8 @@ const a = {
   // Section accent colors are passed to SectionHeading via `iconColor`.
   railCompliance: "var(--rail-compliance)",
   accentYellow: "var(--accent-yellow)"
-}, ae = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", $ = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)";
-function It({ direction: t = "up", color: n = a.muted }) {
+}, le = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", W = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)";
+function $t({ direction: t = "up", color: n = a.muted }) {
   return /* @__PURE__ */ e("svg", { width: 18, height: 9.5, viewBox: "0 0 19 10", fill: "none", style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
     "path",
     {
@@ -146,7 +146,7 @@ function It({ direction: t = "up", color: n = a.muted }) {
     }
   ) });
 }
-function Ee(t) {
+function Be(t) {
   if (!t)
     return "";
   const n = { month: "2-digit", day: "2-digit", year: "numeric" };
@@ -158,7 +158,7 @@ function Ee(t) {
   const d = new Date(i);
   return Number.isNaN(d.getTime()) ? i : d.toLocaleDateString(void 0, n);
 }
-function Mt({ label: t, active: n = !1, onClick: i }) {
+function It({ label: t, active: n = !1, onClick: i }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -172,7 +172,7 @@ function Mt({ label: t, active: n = !1, onClick: i }) {
         border: n ? "none" : `1px solid ${a.borderSubtle}`,
         background: n ? a.black : a.white,
         color: n ? a.white : a.black,
-        fontFamily: $,
+        fontFamily: W,
         fontSize: 14,
         cursor: "pointer"
       },
@@ -180,7 +180,7 @@ function Mt({ label: t, active: n = !1, onClick: i }) {
     }
   );
 }
-function ue({
+function se({
   // When omitted, y-axis labels are auto-derived from `points` (5 evenly-spaced
   // ticks from max → min). Pass a custom array to override the formatting.
   yLabels: t,
@@ -196,11 +196,11 @@ function ue({
   xAxisLabel: d = "",
   yAxisLabel: s = ""
 }) {
-  const [c, y] = S.useState(null), w = 460, u = 110, m = Array.isArray(i) && i.length > 0, v = S.useId(), g = 6, x = Array.isArray(n) ? n : [], I = x.length <= g ? x : Array.from(
-    { length: g },
-    (h, b) => x[Math.round(b * (x.length - 1) / (g - 1))]
-  ), L = Math.max(2, I.length || g), _ = Array.from({ length: L }, (h, b) => b / (L - 1) * w);
-  if (!m)
+  const [c, y] = L.useState(null), w = 460, u = 110, g = Array.isArray(i) && i.length > 0, x = L.useId(), b = 6, v = Array.isArray(n) ? n : [], M = v.length <= b ? v : Array.from(
+    { length: b },
+    (p, m) => v[Math.round(m * (v.length - 1) / (b - 1))]
+  ), S = Math.max(2, M.length || b), R = Array.from({ length: S }, (p, m) => m / (S - 1) * w);
+  if (!g)
     return /* @__PURE__ */ l("div", { style: { display: "flex", gap: 8, height: 133, width: "100%" }, children: [
       /* @__PURE__ */ e("div", { style: { width: 24, flexShrink: 0 } }),
       /* @__PURE__ */ e("div", { style: { flex: 1, position: "relative", minWidth: 0 }, children: /* @__PURE__ */ e(
@@ -210,33 +210,33 @@ function ue({
           height: u + 14,
           viewBox: `0 0 ${w} ${u + 14}`,
           preserveAspectRatio: "none",
-          children: _.map((h, b) => /* @__PURE__ */ e(
+          children: R.map((p, m) => /* @__PURE__ */ e(
             "line",
             {
-              x1: h,
+              x1: p,
               y1: "0",
-              x2: h,
+              x2: p,
               y2: u,
               stroke: a.borderSubtle,
               strokeDasharray: "2 3",
               strokeWidth: "1",
               vectorEffect: "non-scaling-stroke"
             },
-            `grid-${b}`
+            `grid-${m}`
           ))
         }
       ) })
     ] });
-  const P = Array.isArray(i[0]) ? i : i.map((h, b) => [b, h]), X = P.map(([, h]) => h), O = Math.min(...X), R = Math.max(...X), G = R === O ? Math.max(Math.abs(R) * 0.1, 1) : (R - O) * 0.1, K = O - G, p = R + G, T = p - K || 1, M = (h) => (p - h) / T * u, W = P.map(([h, b]) => [h, M(b)]), j = t && t.length ? t : Array.from({ length: 5 }, (h, b) => {
-    const z = p - b / 4 * (p - K), A = Math.abs(z), q = A >= 100 ? 0 : A >= 10 ? 1 : 2;
-    return z.toFixed(q);
-  }), C = W[0][0], se = W[W.length - 1][0] - C || 1, ne = 8, J = Math.max(1, w - ne * 2), B = (h) => ne + (h - C) / se * J, E = (h) => {
-    const b = Number(h);
-    if (!Number.isFinite(b))
-      return String(h ?? "");
-    const z = Math.abs(b), A = z >= 100 ? 0 : z >= 10 ? 1 : 2;
-    return b.toFixed(A);
-  }, ie = W.map(([h, b], z) => `${z === 0 ? "M" : "L"}${B(h)},${b}`).join(" "), Z = `${ie} L${B(W[W.length - 1][0])},${u} L${B(W[0][0])},${u} Z`, Q = o ?? W.length - 1;
+  const H = Array.isArray(i[0]) ? i : i.map((p, m) => [m, p]), X = H.map(([, p]) => p), O = Math.min(...X), B = Math.max(...X), K = B === O ? Math.max(Math.abs(B) * 0.1, 1) : (B - O) * 0.1, J = O - K, h = B + K, A = h - J || 1, P = (p) => (h - p) / A * u, T = H.map(([p, m]) => [p, P(m)]), j = t && t.length ? t : Array.from({ length: 5 }, (p, m) => {
+    const $ = h - m / 4 * (h - J), I = Math.abs($), _ = I >= 100 ? 0 : I >= 10 ? 1 : 2;
+    return $.toFixed(_);
+  }), N = T[0][0], oe = T[T.length - 1][0] - N || 1, ee = 8, Z = Math.max(1, w - ee * 2), E = (p) => ee + (p - N) / oe * Z, C = (p) => {
+    const m = Number(p);
+    if (!Number.isFinite(m))
+      return String(p ?? "");
+    const $ = Math.abs(m), I = $ >= 100 ? 0 : $ >= 10 ? 1 : 2;
+    return m.toFixed(I);
+  }, q = T.map(([p, m], $) => `${$ === 0 ? "M" : "L"}${E(p)},${m}`).join(" "), te = `${q} L${E(T[T.length - 1][0])},${u} L${E(T[0][0])},${u} Z`, ne = o ?? T.length - 1;
   return /* @__PURE__ */ l("div", { style: { display: "flex", gap: 8, height: d ? 151 : 133, width: "100%" }, children: [
     s ? /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: /* @__PURE__ */ e(
       "span",
@@ -244,7 +244,7 @@ function ue({
         style: {
           writingMode: "vertical-rl",
           transform: "rotate(180deg)",
-          fontFamily: $,
+          fontFamily: W,
           fontSize: 10,
           fontWeight: 500,
           color: a.neutral800,
@@ -261,12 +261,12 @@ function ue({
           flexDirection: "column",
           justifyContent: "space-between",
           padding: "14px 0",
-          fontFamily: $,
+          fontFamily: W,
           fontSize: 10,
           color: a.neutral800,
           flexShrink: 0
         },
-        children: j.map((h) => /* @__PURE__ */ e("span", { children: h }, h))
+        children: j.map((p) => /* @__PURE__ */ e("span", { children: p }, p))
       }
     ),
     /* @__PURE__ */ l("div", { style: { flex: 1, position: "relative", minWidth: 0 }, children: [
@@ -286,7 +286,7 @@ function ue({
             minWidth: 60,
             padding: "8px 10px",
             boxShadow: "0 6px 16px rgba(0,0,0,0.18)",
-            fontFamily: $,
+            fontFamily: W,
             fontSize: 11,
             lineHeight: 1.25,
             whiteSpace: "nowrap",
@@ -322,29 +322,29 @@ function ue({
           preserveAspectRatio: "none",
           onMouseLeave: () => y(null),
           children: [
-            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: `area-${v}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: `area-${x}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
               /* @__PURE__ */ e("stop", { offset: "0%", style: { stopColor: a.black, stopOpacity: 0.08 } }),
               /* @__PURE__ */ e("stop", { offset: "100%", style: { stopColor: a.black, stopOpacity: 0 } })
             ] }) }),
-            _.map((h, b) => /* @__PURE__ */ e(
+            R.map((p, m) => /* @__PURE__ */ e(
               "line",
               {
-                x1: h,
+                x1: p,
                 y1: "0",
-                x2: h,
+                x2: p,
                 y2: u,
                 stroke: a.borderSubtle,
                 strokeDasharray: "2 3",
                 strokeWidth: "1",
                 vectorEffect: "non-scaling-stroke"
               },
-              `grid-${b}`
+              `grid-${m}`
             )),
-            /* @__PURE__ */ e("path", { d: Z, fill: `url(#area-${v})` }),
+            /* @__PURE__ */ e("path", { d: te, fill: `url(#area-${x})` }),
             /* @__PURE__ */ e(
               "path",
               {
-                d: ie,
+                d: q,
                 stroke: a.black,
                 strokeWidth: "1.5",
                 fill: "none",
@@ -353,29 +353,29 @@ function ue({
                 vectorEffect: "non-scaling-stroke"
               }
             ),
-            W.map(([h, b], z) => {
-              const A = z === Q;
+            T.map(([p, m], $) => {
+              const I = $ === ne;
               return /* @__PURE__ */ e(
                 "circle",
                 {
-                  cx: B(h),
-                  cy: b,
-                  r: A ? 4 : 3,
-                  fill: A ? a.black : a.white,
+                  cx: E(p),
+                  cy: m,
+                  r: I ? 4 : 3,
+                  fill: I ? a.black : a.white,
                   stroke: a.black,
                   strokeWidth: "1.5",
                   vectorEffect: "non-scaling-stroke",
                   onMouseEnter: () => {
-                    var q;
+                    var _;
                     y({
-                      xPct: B(h) / w * 100,
-                      yPct: b / (u + 28) * 100,
-                      label: x[z] || `Point ${z + 1}`,
-                      value: E((q = P[z]) == null ? void 0 : q[1])
+                      xPct: E(p) / w * 100,
+                      yPct: m / (u + 28) * 100,
+                      label: v[$] || `Point ${$ + 1}`,
+                      value: C((_ = H[$]) == null ? void 0 : _[1])
                     });
                   }
                 },
-                z
+                $
               );
             })
           ]
@@ -388,14 +388,14 @@ function ue({
             display: "flex",
             justifyContent: "space-between",
             paddingRight: 6,
-            fontFamily: $,
+            fontFamily: W,
             fontSize: 10,
             color: a.neutral800,
             marginTop: 8,
             marginBottom: 4,
             overflow: "hidden"
           },
-          children: I.map((h, b) => /* @__PURE__ */ e("span", { style: { whiteSpace: "nowrap" }, children: h }, b))
+          children: M.map((p, m) => /* @__PURE__ */ e("span", { style: { whiteSpace: "nowrap" }, children: p }, m))
         }
       ),
       d ? /* @__PURE__ */ e(
@@ -403,7 +403,7 @@ function ue({
         {
           style: {
             textAlign: "center",
-            fontFamily: $,
+            fontFamily: W,
             fontSize: 10,
             fontWeight: 500,
             color: a.neutral800
@@ -414,8 +414,8 @@ function ue({
     ] })
   ] });
 }
-function fe({ title: t, value: n, delta: i, children: o }) {
-  const d = Wt(n), s = Ie(i), c = s ? Me("up", i) : "up";
+function de({ title: t, value: n, delta: i, children: o }) {
+  const d = Tt(n), s = $e(i), c = s ? Ie("up", i) : "up";
   return /* @__PURE__ */ l(
     "div",
     {
@@ -437,7 +437,7 @@ function fe({ title: t, value: n, delta: i, children: o }) {
             "span",
             {
               style: {
-                fontFamily: ae,
+                fontFamily: le,
                 fontWeight: 600,
                 fontSize: 15,
                 color: a.ink,
@@ -453,7 +453,7 @@ function fe({ title: t, value: n, delta: i, children: o }) {
                 display: "inline-flex",
                 alignItems: "flex-end",
                 gap: 4,
-                fontFamily: ae,
+                fontFamily: le,
                 fontWeight: 600
               },
               children: [
@@ -470,7 +470,7 @@ function fe({ title: t, value: n, delta: i, children: o }) {
                       lineHeight: 1
                     },
                     children: [
-                      /* @__PURE__ */ e(It, { direction: c, color: a.neutral300 }),
+                      /* @__PURE__ */ e($t, { direction: c, color: a.neutral300 }),
                       i
                     ]
                   }
@@ -484,7 +484,7 @@ function fe({ title: t, value: n, delta: i, children: o }) {
     }
   );
 }
-function De({ icon: t, title: n, trailing: i, iconColor: o = a.ink, bordered: d = !1 }) {
+function Se({ icon: t, title: n, trailing: i, iconColor: o = a.ink, bordered: d = !1 }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -516,7 +516,7 @@ function De({ icon: t, title: n, trailing: i, iconColor: o = a.ink, bordered: d
           {
             style: {
               flex: 1,
-              fontFamily: ae,
+              fontFamily: le,
               fontWeight: 600,
               fontSize: 16,
               color: a.ink,
@@ -527,12 +527,12 @@ function De({ icon: t, title: n, trailing: i, iconColor: o = a.ink, bordered: d
             children: n
           }
         ),
-        i && /* @__PURE__ */ e("div", { style: { fontFamily: $, fontSize: 14, color: a.ink }, children: i })
+        i && /* @__PURE__ */ e("div", { style: { fontFamily: W, fontSize: 14, color: a.ink }, children: i })
       ]
     }
   );
 }
-function Pt({ text: t, bullet: n, citation: i, date: o, href: d }) {
+function Mt({ text: t, bullet: n, citation: i, date: o, href: d }) {
   const s = t ?? n ?? "";
   return /* @__PURE__ */ l(
     "div",
@@ -541,7 +541,7 @@ function Pt({ text: t, bullet: n, citation: i, date: o, href: d }) {
         display: "flex",
         justifyContent: "space-between",
         alignItems: "center",
-        fontFamily: $,
+        fontFamily: W,
         fontSize: 14,
         color: a.ink,
         lineHeight: "24px",
@@ -579,7 +579,7 @@ function Pt({ text: t, bullet: n, citation: i, date: o, href: d }) {
     }
   );
 }
-function _e({
+function Ee({
   title: t,
   summary: n,
   calls: i,
@@ -590,13 +590,13 @@ function _e({
   bullets: s,
   defaultExpanded: c = !1
 }) {
-  const [y, w] = S.useState(c), u = o ?? d, m = Ie(u), v = m ? String(u) : rt, x = (m ? Me("up", v) : "up") === "down" ? gt : et, I = Array.isArray(s) ? s : [];
+  const [y, w] = L.useState(c), u = o ?? d, g = $e(u), x = g ? String(u) : lt, v = (g ? Ie("up", x) : "up") === "down" ? mt : Qe, M = Array.isArray(s) ? s : [];
   return /* @__PURE__ */ l("div", { style: { borderTop: `1px solid ${a.border}` }, children: [
     /* @__PURE__ */ l(
       "button",
       {
         type: "button",
-        onClick: () => w((L) => !L),
+        onClick: () => w((S) => !S),
         "aria-expanded": y,
         style: {
           border: "none",
@@ -608,7 +608,7 @@ function _e({
           cursor: "pointer",
           width: "100%",
           textAlign: "left",
-          fontFamily: $
+          fontFamily: W
         },
         children: [
           /* @__PURE__ */ l("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 12, minWidth: 0 }, children: [
@@ -617,7 +617,7 @@ function _e({
                 "span",
                 {
                   style: {
-                    fontFamily: $,
+                    fontFamily: W,
                     fontWeight: 500,
                     fontSize: 14,
                     color: a.black,
@@ -626,34 +626,34 @@ function _e({
                   children: t
                 }
               ),
-              /* @__PURE__ */ e("span", { style: { fontFamily: $, fontSize: 14, color: a.muted, lineHeight: "24px" }, children: n })
+              /* @__PURE__ */ e("span", { style: { fontFamily: W, fontSize: 14, color: a.muted, lineHeight: "24px" }, children: n })
             ] }),
             /* @__PURE__ */ l("div", { style: { display: "flex", gap: 16 }, children: [
               /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-                /* @__PURE__ */ e(ye, { size: 12, color: a.ink, strokeWidth: 1.75 }),
-                /* @__PURE__ */ l("span", { style: { fontFamily: $, fontSize: 12, color: a.ink }, children: [
+                /* @__PURE__ */ e(fe, { size: 12, color: a.ink, strokeWidth: 1.75 }),
+                /* @__PURE__ */ l("span", { style: { fontFamily: W, fontSize: 12, color: a.ink }, children: [
                   i,
                   " Interactions"
                 ] })
               ] }),
               /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-                m ? /* @__PURE__ */ e(x, { size: 12, color: a.ink, strokeWidth: 1.75 }) : null,
+                g ? /* @__PURE__ */ e(v, { size: 12, color: a.ink, strokeWidth: 1.75 }) : null,
                 /* @__PURE__ */ e(
                   "span",
                   {
                     style: {
-                      fontFamily: $,
+                      fontFamily: W,
                       fontSize: 12,
-                      color: m ? a.ink : a.muted
+                      color: g ? a.ink : a.muted
                     },
-                    children: v
+                    children: x
                   }
                 )
               ] })
             ] })
           ] }),
           /* @__PURE__ */ e(
-            Fe,
+            ze,
             {
               size: 20,
               color: a.ink,
@@ -668,7 +668,7 @@ function _e({
         ]
       }
     ),
-    y && I.length > 0 && /* @__PURE__ */ e(
+    y && M.length > 0 && /* @__PURE__ */ e(
       "div",
       {
         style: {
@@ -677,12 +677,12 @@ function _e({
           gap: 12,
           padding: "0 16px 16px"
         },
-        children: I.map((L, _) => /* @__PURE__ */ e(Pt, { ...L }, _))
+        children: M.map((S, R) => /* @__PURE__ */ e(Mt, { ...S }, R))
       }
     )
   ] });
 }
-function Oe({ label: t, value: n }) {
+function _e({ label: t, value: n }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -692,7 +692,7 @@ function Oe({ label: t, value: n }) {
         alignItems: "center",
         padding: "8px 8px 12px",
         borderBottom: `1px solid ${a.border}`,
-        fontFamily: $,
+        fontFamily: W,
         fontSize: 13,
         lineHeight: "1.2"
       },
@@ -703,7 +703,7 @@ function Oe({ label: t, value: n }) {
     }
   );
 }
-function Ct({ value: t = 0, max: n = 5 }) {
+function Pt({ value: t = 0, max: n = 5 }) {
   const i = typeof t == "number" ? t : parseFloat(t) || 0, o = Math.floor(i), d = i % 1 > 0 && o < n;
   return /* @__PURE__ */ e("div", { style: { display: "flex", gap: 4 }, children: Array.from({ length: n }).map((s, c) => c < o ? /* @__PURE__ */ e(
     "span",
@@ -758,7 +758,7 @@ function Ct({ value: t = 0, max: n = 5 }) {
     c
   )) });
 }
-const Zt = [
+const Jt = [
   { id: "title", label: "Title", width: 220, sortable: !0, filterable: !0 },
   { id: "date", label: "Date", width: 170, sortable: !0 },
   { id: "duration", label: "Duration", width: 170, sortable: !0 },
@@ -772,12 +772,12 @@ const Zt = [
       const n = typeof t == "number" ? t : parseFloat(t) || 0;
       return /* @__PURE__ */ l("span", { style: { display: "inline-flex", alignItems: "center", gap: 12 }, children: [
         /* @__PURE__ */ e("span", { style: { minWidth: 32 }, children: t }),
-        /* @__PURE__ */ e(Ct, { value: n })
+        /* @__PURE__ */ e(Pt, { value: n })
       ] });
     }
   }
 ];
-function je({ icon: t, title: n }) {
+function Oe({ icon: t, title: n }) {
   return /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 16, width: "100%" }, children: [
     /* @__PURE__ */ e(
       "div",
@@ -799,7 +799,7 @@ function je({ icon: t, title: n }) {
       "span",
       {
         style: {
-          fontFamily: ae,
+          fontFamily: le,
           fontWeight: 600,
           fontSize: 16,
           color: a.ink,
@@ -810,7 +810,7 @@ function je({ icon: t, title: n }) {
     )
   ] });
 }
-function Ht({
+function Ct({
   agentName: t = "",
   startDate: n = "",
   endDate: i = "",
@@ -825,76 +825,76 @@ function Ht({
   // Each takes { value, delta, yLabels?, xLabels?, points? }.
   // points is an array of [x, y] pairs OR a flat array of y-numbers.
   baselineChart: u = { value: "", delta: "" },
-  agentLiftChart: m = { value: "", delta: "" },
-  scoreChart: v = { value: "", delta: "" },
-  csatChart: g = { value: "", delta: "" },
-  volumeChart: x = { value: "", delta: "" },
+  agentLiftChart: g = { value: "", delta: "" },
+  scoreChart: x = { value: "", delta: "" },
+  csatChart: b = { value: "", delta: "" },
+  volumeChart: v = { value: "", delta: "" },
   // Insight sections — titles and chart-card labels stay empty by default
   // so the library doesn't ship demo copy.
-  guidanceItems: I = [],
-  strengthItems: L = [],
-  callDrivers: _ = [],
-  callParadigms: P = [],
+  guidanceItems: M = [],
+  strengthItems: S = [],
+  callDrivers: R = [],
+  callParadigms: H = [],
   strengthsTitle: X = "",
   guidanceTitle: O = "",
-  callMixTitle: R = "",
-  driversTitle: G = "",
-  paradigmsTitle: K = "",
-  sessionsTitle: p = "",
-  baselineChartTitle: T = "",
-  agentLiftChartTitle: M = "",
-  scoreChartTitle: W = "",
+  callMixTitle: B = "",
+  driversTitle: K = "",
+  paradigmsTitle: J = "",
+  sessionsTitle: h = "",
+  baselineChartTitle: A = "",
+  agentLiftChartTitle: P = "",
+  scoreChartTitle: T = "",
   csatChartTitle: j = "",
-  volumeChartTitle: C = "",
+  volumeChartTitle: N = "",
   // Sessions table
-  sessions: ge = [],
-  sessionColumns: se = [],
-  initialPageSize: ne = 10,
+  sessions: he = [],
+  sessionColumns: oe = [],
+  initialPageSize: ee = 10,
   // Time-range chips state — mirrors PerformancePanel so the active chip /
   // Date Range highlight survives the navigation into the details page.
   // Callbacks are optional; when omitted the controls are display-only.
-  selectedWindow: J = "30d",
-  onWindowChange: B,
-  dateRange: E,
-  onDateRangeChange: ie,
+  selectedWindow: Z = "30d",
+  onWindowChange: E,
+  dateRange: C,
+  onDateRangeChange: q,
   // Server-side pagination for the sessions table. When all four are provided
   // the table switches to controlled / server-paginated mode and the host is
   // expected to refetch when the user changes page or page size.
-  sessionsTotal: Z = null,
-  sessionsPage: Q = null,
-  sessionsPageSize: h = null,
-  onSessionsPageChange: b,
-  onSessionsPageSizeChange: z,
+  sessionsTotal: te = null,
+  sessionsPage: ne = null,
+  sessionsPageSize: p = null,
+  onSessionsPageChange: m,
+  onSessionsPageSizeChange: $,
   // Fires when the user clicks the Export CSV button in the header. Disabled
   // if no handler is provided.
-  onExport: A,
+  onExport: I,
   // Fires when the user clicks a row in the sessions table.
-  onSessionClick: q,
+  onSessionClick: _,
   // Fires whenever the user toggles columns in the sessions table's column
   // picker — hosts can scope their CSV export to whatever the user has visible.
-  onSessionsVisibleColumnsChange: le
+  onSessionsVisibleColumnsChange: ye
 }) {
-  const re = !!(E != null && E.from && (E != null && E.to)), H = (() => {
-    if (re || J !== "8h")
+  const G = !!(C != null && C.from && (C != null && C.to)), Y = (() => {
+    if (G || Z !== "8h")
       return null;
-    const F = ze("8h");
-    return F ? Lt(F.from, F.to) : null;
-  })(), Y = (() => {
-    if (re || J === "8h")
+    const D = Le("8h");
+    return D ? Dt(D.from, D.to) : null;
+  })(), V = (() => {
+    if (G || Z === "8h")
       return null;
-    const F = ze(J);
-    return F ? {
-      from: ee(F.from),
-      to: ee(F.to)
+    const D = Le(Z);
+    return D ? {
+      from: Q(D.from),
+      to: Q(D.to)
     } : null;
-  })(), de = U(u) || U(m) || U(v), we = U(g) || U(x);
+  })(), ve = U(u) || U(g) || U(x), ke = U(b) || U(v);
   return /* @__PURE__ */ l(
     "div",
     {
       className: s,
       style: {
         background: a.white,
-        fontFamily: $,
+        fontFamily: W,
         color: a.ink,
         width: "100%",
         minWidth: 1192,
@@ -934,7 +934,7 @@ function Ht({
                     padding: 0,
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ e(yt, { size: 20, strokeWidth: 1.75 })
+                  children: /* @__PURE__ */ e(ht, { size: 20, strokeWidth: 1.75 })
                 }
               ),
               /* @__PURE__ */ e(
@@ -953,7 +953,7 @@ function Ht({
                     "h1",
                     {
                       style: {
-                        fontFamily: ae,
+                        fontFamily: le,
                         fontSize: 24,
                         fontWeight: 400,
                         color: a.ink,
@@ -970,8 +970,8 @@ function Ht({
                 "button",
                 {
                   type: "button",
-                  onClick: () => A == null ? void 0 : A(),
-                  disabled: !A,
+                  onClick: () => I == null ? void 0 : I(),
+                  disabled: !I,
                   style: {
                     display: "inline-flex",
                     alignItems: "center",
@@ -981,16 +981,16 @@ function Ht({
                     borderRadius: 10,
                     border: `1px solid ${a.neutralBorder}`,
                     background: a.white,
-                    cursor: A ? "pointer" : "not-allowed",
-                    opacity: A ? 1 : 0.5,
-                    fontFamily: $,
+                    cursor: I ? "pointer" : "not-allowed",
+                    opacity: I ? 1 : 0.5,
+                    fontFamily: W,
                     fontSize: 14,
                     lineHeight: "24px",
                     color: a.neutral800,
                     flexShrink: 0
                   },
                   children: [
-                    /* @__PURE__ */ e(Ke, { size: 18, strokeWidth: 1.75 }),
+                    /* @__PURE__ */ e(Ge, { size: 18, strokeWidth: 1.75 }),
                     "Export CSV"
                   ]
                 }
@@ -1021,40 +1021,40 @@ function Ht({
                   children: [
                     /* @__PURE__ */ l("div", { style: { display: "flex", gap: 16, alignItems: "center" }, children: [
                       /* @__PURE__ */ l("div", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
-                        /* @__PURE__ */ e(ke, { size: 14, color: a.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
+                        /* @__PURE__ */ e(be, { size: 14, color: a.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
                         /* @__PURE__ */ e(
                           "span",
                           {
                             style: {
-                              fontFamily: $,
+                              fontFamily: W,
                               fontSize: 12,
                               color: a.ink,
                               lineHeight: 1.5
                             },
-                            children: (H == null ? void 0 : H.from) ?? (Y == null ? void 0 : Y.from) ?? Ee(n)
+                            children: (Y == null ? void 0 : Y.from) ?? (V == null ? void 0 : V.from) ?? Be(n)
                           }
                         ),
-                        /* @__PURE__ */ e(mt, { size: 12, color: a.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
+                        /* @__PURE__ */ e(yt, { size: 12, color: a.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
                         /* @__PURE__ */ e(
                           "span",
                           {
                             style: {
-                              fontFamily: $,
+                              fontFamily: W,
                               fontSize: 12,
                               color: a.ink,
                               lineHeight: 1.5
                             },
-                            children: (H == null ? void 0 : H.to) ?? (Y == null ? void 0 : Y.to) ?? Ee(i)
+                            children: (Y == null ? void 0 : Y.to) ?? (V == null ? void 0 : V.to) ?? Be(i)
                           }
                         )
                       ] }),
                       /* @__PURE__ */ l("div", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
-                        /* @__PURE__ */ e(ye, { size: 14, color: a.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
+                        /* @__PURE__ */ e(fe, { size: 14, color: a.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
                         /* @__PURE__ */ e(
                           "span",
                           {
                             style: {
-                              fontFamily: $,
+                              fontFamily: W,
                               fontSize: 12,
                               color: a.ink,
                               lineHeight: 1.5
@@ -1070,23 +1070,23 @@ function Ht({
                         { id: "1d", label: "1d" },
                         { id: "7d", label: "7d" },
                         { id: "30d", label: "30d" }
-                      ].map((F) => /* @__PURE__ */ e(
-                        Mt,
+                      ].map((D) => /* @__PURE__ */ e(
+                        It,
                         {
-                          label: F.label,
-                          active: !re && F.id === J,
-                          onClick: () => B == null ? void 0 : B(F.id)
+                          label: D.label,
+                          active: !G && D.id === Z,
+                          onClick: () => E == null ? void 0 : E(D.id)
                         },
-                        F.id
+                        D.id
                       )),
-                      /* @__PURE__ */ e(dt, { value: E, onChange: ie })
+                      /* @__PURE__ */ e(st, { value: C, onChange: q })
                     ] })
                   ]
                 }
               ),
-              de && /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24 }, children: [
-                U(u) && /* @__PURE__ */ e(fe, { title: T, value: u.value, delta: u.delta, children: /* @__PURE__ */ e(
-                  ue,
+              ve && /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24 }, children: [
+                U(u) && /* @__PURE__ */ e(de, { title: A, value: u.value, delta: u.delta, children: /* @__PURE__ */ e(
+                  se,
                   {
                     yLabels: u.yLabels,
                     xLabels: u.xLabels,
@@ -1095,30 +1095,8 @@ function Ht({
                     yAxisLabel: u.yAxisLabel
                   }
                 ) }),
-                U(m) && /* @__PURE__ */ e(fe, { title: M, value: m.value, delta: m.delta, children: /* @__PURE__ */ e(
-                  ue,
-                  {
-                    yLabels: m.yLabels,
-                    xLabels: m.xLabels,
-                    points: m.points,
-                    xAxisLabel: m.xAxisLabel,
-                    yAxisLabel: m.yAxisLabel
-                  }
-                ) }),
-                U(v) && /* @__PURE__ */ e(fe, { title: W, value: v.value, delta: v.delta, children: /* @__PURE__ */ e(
-                  ue,
-                  {
-                    yLabels: v.yLabels,
-                    xLabels: v.xLabels,
-                    points: v.points,
-                    xAxisLabel: v.xAxisLabel,
-                    yAxisLabel: v.yAxisLabel
-                  }
-                ) })
-              ] }),
-              we && /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24 }, children: [
-                U(g) && /* @__PURE__ */ e(fe, { title: j, value: g.value, delta: g.delta, children: /* @__PURE__ */ e(
-                  ue,
+                U(g) && /* @__PURE__ */ e(de, { title: P, value: g.value, delta: g.delta, children: /* @__PURE__ */ e(
+                  se,
                   {
                     yLabels: g.yLabels,
                     xLabels: g.xLabels,
@@ -1127,8 +1105,8 @@ function Ht({
                     yAxisLabel: g.yAxisLabel
                   }
                 ) }),
-                U(x) && /* @__PURE__ */ e(fe, { title: C, value: x.value, delta: x.delta, children: /* @__PURE__ */ e(
-                  ue,
+                U(x) && /* @__PURE__ */ e(de, { title: T, value: x.value, delta: x.delta, children: /* @__PURE__ */ e(
+                  se,
                   {
                     yLabels: x.yLabels,
                     xLabels: x.xLabels,
@@ -1138,56 +1116,78 @@ function Ht({
                   }
                 ) })
               ] }),
+              ke && /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24 }, children: [
+                U(b) && /* @__PURE__ */ e(de, { title: j, value: b.value, delta: b.delta, children: /* @__PURE__ */ e(
+                  se,
+                  {
+                    yLabels: b.yLabels,
+                    xLabels: b.xLabels,
+                    points: b.points,
+                    xAxisLabel: b.xAxisLabel,
+                    yAxisLabel: b.yAxisLabel
+                  }
+                ) }),
+                U(v) && /* @__PURE__ */ e(de, { title: N, value: v.value, delta: v.delta, children: /* @__PURE__ */ e(
+                  se,
+                  {
+                    yLabels: v.yLabels,
+                    xLabels: v.xLabels,
+                    points: v.points,
+                    xAxisLabel: v.xAxisLabel,
+                    yAxisLabel: v.yAxisLabel
+                  }
+                ) })
+              ] }),
               /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24, marginTop: 8, alignItems: "flex-start" }, children: [
                 /* @__PURE__ */ l("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }, children: [
-                  /* @__PURE__ */ e(De, { icon: Je, title: X, iconColor: a.railCompliance }),
-                  /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: L.map((F, V) => /* @__PURE__ */ e(_e, { ...F }, V)) })
+                  /* @__PURE__ */ e(Se, { icon: Ke, title: X, iconColor: a.railCompliance }),
+                  /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: S.map((D, F) => /* @__PURE__ */ e(Ee, { ...D }, F)) })
                 ] }),
                 /* @__PURE__ */ l("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 16, minWidth: 0 }, children: [
-                  /* @__PURE__ */ e(De, { icon: Ze, title: O, iconColor: a.railCompliance }),
-                  /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: I.map((F, V) => /* @__PURE__ */ e(_e, { ...F }, V)) })
+                  /* @__PURE__ */ e(Se, { icon: Je, title: O, iconColor: a.railCompliance }),
+                  /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: M.map((D, F) => /* @__PURE__ */ e(Ee, { ...D }, F)) })
                 ] })
               ] }),
               /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 16, marginTop: 8 }, children: [
-                /* @__PURE__ */ e(De, { icon: ye, title: R, iconColor: a.railCompliance }),
+                /* @__PURE__ */ e(Se, { icon: fe, title: B, iconColor: a.railCompliance }),
                 /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24, alignItems: "flex-start" }, children: [
                   /* @__PURE__ */ l("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8, minWidth: 0 }, children: [
-                    /* @__PURE__ */ e(je, { icon: qe, title: G }),
-                    /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: _.map((F, V) => /* @__PURE__ */ e(Oe, { ...F }, V)) })
+                    /* @__PURE__ */ e(Oe, { icon: Ze, title: K }),
+                    /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: R.map((D, F) => /* @__PURE__ */ e(_e, { ...D }, F)) })
                   ] }),
                   /* @__PURE__ */ l("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8, minWidth: 0 }, children: [
-                    /* @__PURE__ */ e(je, { icon: Qe, title: K }),
-                    /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: P.map((F, V) => /* @__PURE__ */ e(Oe, { ...F }, V)) })
+                    /* @__PURE__ */ e(Oe, { icon: qe, title: J }),
+                    /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: H.map((D, F) => /* @__PURE__ */ e(_e, { ...D }, F)) })
                   ] })
                 ] })
               ] }),
               /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 16, marginTop: 8 }, children: [
-                p && /* @__PURE__ */ e(
+                h && /* @__PURE__ */ e(
                   "span",
                   {
                     style: {
-                      fontFamily: ae,
+                      fontFamily: le,
                       fontWeight: 600,
                       fontSize: 16,
                       color: a.ink,
                       lineHeight: 1.2
                     },
-                    children: p
+                    children: h
                   }
                 ),
                 /* @__PURE__ */ e(
-                  tt,
+                  et,
                   {
-                    data: ge,
-                    columns: se,
-                    initialPageSize: ne,
-                    totalCount: Z,
-                    page: Q,
-                    pageSize: h,
-                    onPageChange: b,
-                    onPageSizeChange: z,
-                    onRowClick: q,
-                    onVisibleColumnsChange: le
+                    data: he,
+                    columns: oe,
+                    initialPageSize: ee,
+                    totalCount: te,
+                    page: ne,
+                    pageSize: p,
+                    onPageChange: m,
+                    onPageSizeChange: $,
+                    onRowClick: _,
+                    onVisibleColumnsChange: ye
                   }
                 )
               ] })
@@ -1198,7 +1198,7 @@ function Ht({
     }
   );
 }
-const pe = { value: "", label: "", trend: "up" }, r = {
+const ce = { value: "", label: "", trend: "up" }, r = {
   ink: "var(--color-text)",
   muted: "var(--color-text-secondary)",
   border: "var(--grey-absent)",
@@ -1224,9 +1224,9 @@ const pe = { value: "", label: "", trend: "up" }, r = {
   shadowDropdown: "var(--shadow-dropdown)",
   railCompliance: "var(--rail-compliance)"
   // section icon accent
-}, te = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", D = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)";
-function ot({ trend: t = "up", points: n, width: i = 49.618, height: o = 35 }) {
-  const d = S.useId(), s = Tt(n), c = s ? s.line : Ft, y = s ? s.area : At, w = We(n) ?? t;
+}, re = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", z = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)";
+function rt({ trend: t = "up", points: n, width: i = 49.618, height: o = 35 }) {
+  const d = L.useId(), s = At(n), c = s ? s.line : zt, y = s ? s.area : Ft, w = Te(n) ?? t;
   return /* @__PURE__ */ l(
     "svg",
     {
@@ -1280,10 +1280,10 @@ function ot({ trend: t = "up", points: n, width: i = 49.618, height: o = 35 }) {
     }
   );
 }
-function at(t, n) {
-  return We(n) ?? (t === "down" ? "down" : "up");
+function ot(t, n) {
+  return Te(n) ?? (t === "down" ? "down" : "up");
 }
-function st({ direction: t = "up", color: n = r.muted }) {
+function at({ direction: t = "up", color: n = r.muted }) {
   return /* @__PURE__ */ e("svg", { width: 18, height: 9.5, viewBox: "0 0 19 10", fill: "none", style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
     "path",
     {
@@ -1295,8 +1295,8 @@ function st({ direction: t = "up", color: n = r.muted }) {
     }
   ) });
 }
-function Ye({ value: t, label: n, trend: i = "up", points: o, muted: d = !1, beigeBg: s = !1, style: c = {} }) {
-  const y = at(i, o);
+function je({ value: t, label: n, trend: i = "up", points: o, muted: d = !1, beigeBg: s = !1, style: c = {} }) {
+  const y = ot(i, o);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1313,15 +1313,15 @@ function Ye({ value: t, label: n, trend: i = "up", points: o, muted: d = !1, bei
       },
       children: [
         /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(ot, { trend: y, points: o }),
-          /* @__PURE__ */ e(st, { direction: y })
+          /* @__PURE__ */ e(rt, { trend: y, points: o }),
+          /* @__PURE__ */ e(at, { direction: y })
         ] }),
         /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 8, marginTop: 8 }, children: [
           /* @__PURE__ */ e(
             "div",
             {
               style: {
-                fontFamily: te,
+                fontFamily: re,
                 fontSize: 28,
                 fontWeight: 500,
                 lineHeight: "1.2",
@@ -1331,14 +1331,14 @@ function Ye({ value: t, label: n, trend: i = "up", points: o, muted: d = !1, bei
               children: t
             }
           ),
-          /* @__PURE__ */ e("div", { style: { fontFamily: D, fontSize: 13, color: r.ink, lineHeight: "1.2" }, children: n })
+          /* @__PURE__ */ e("div", { style: { fontFamily: z, fontSize: 13, color: r.ink, lineHeight: "1.2" }, children: n })
         ] })
       ]
     }
   );
 }
-function Le({ value: t, label: n, trend: i = "up", points: o, withDivider: d = !1 }) {
-  const s = at(i, o);
+function De({ value: t, label: n, trend: i = "up", points: o, withDivider: d = !1 }) {
+  const s = ot(i, o);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1353,15 +1353,15 @@ function Le({ value: t, label: n, trend: i = "up", points: o, withDivider: d = !
       },
       children: [
         /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(ot, { trend: s, points: o }),
-          /* @__PURE__ */ e(st, { direction: s })
+          /* @__PURE__ */ e(rt, { trend: s, points: o }),
+          /* @__PURE__ */ e(at, { direction: s })
         ] }),
         /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 8, marginTop: 8 }, children: [
           /* @__PURE__ */ e(
             "div",
             {
               style: {
-                fontFamily: te,
+                fontFamily: re,
                 fontSize: 28,
                 fontWeight: 500,
                 lineHeight: "1.2",
@@ -1371,13 +1371,13 @@ function Le({ value: t, label: n, trend: i = "up", points: o, withDivider: d = !
               children: t
             }
           ),
-          /* @__PURE__ */ e("div", { style: { fontFamily: D, fontSize: 13, color: r.ink, lineHeight: "1.2" }, children: n })
+          /* @__PURE__ */ e("div", { style: { fontFamily: z, fontSize: 13, color: r.ink, lineHeight: "1.2" }, children: n })
         ] })
       ]
     }
   );
 }
-function Nt({ icon: t, children: n, trailing: i }) {
+function Ht({ icon: t, children: n, trailing: i }) {
   return /* @__PURE__ */ l(
     "button",
     {
@@ -1392,7 +1392,7 @@ function Nt({ icon: t, children: n, trailing: i }) {
         border: `1px solid ${r.neutralBorder}`,
         background: r.white,
         cursor: "pointer",
-        fontFamily: D,
+        fontFamily: z,
         fontSize: 14,
         color: r.neutral800,
         whiteSpace: "nowrap"
@@ -1405,7 +1405,7 @@ function Nt({ icon: t, children: n, trailing: i }) {
     }
   );
 }
-const Rt = [
+const Nt = [
   "January",
   "February",
   "March",
@@ -1418,61 +1418,61 @@ const Rt = [
   "October",
   "November",
   "December"
-], Bt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function xe(t) {
+], Rt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function me(t) {
   const n = new Date(t);
   return n.setHours(0, 0, 0, 0), n;
 }
-function Et(t, n) {
+function Bt(t, n) {
   const o = new Date(t, n, 1).getDay(), d = new Date(t, n, 1 - o);
   return Array.from({ length: 42 }, (s, c) => {
     const y = new Date(d);
     return y.setDate(d.getDate() + c), y;
   });
 }
-function _t({ value: t, onApply: n, onClose: i, anchorRef: o }) {
-  const d = S.useRef(null), [s, c] = S.useState(t != null && t.from ? xe(t.from) : null), [y, w] = S.useState(t != null && t.to ? xe(t.to) : null), u = s || /* @__PURE__ */ new Date(), [m, v] = S.useState(u.getFullYear()), [g, x] = S.useState(u.getMonth()), [I, L] = S.useState({ top: 0, left: 0 });
-  S.useLayoutEffect(() => {
-    const p = () => {
+function Et({ value: t, onApply: n, onClose: i, anchorRef: o }) {
+  const d = L.useRef(null), [s, c] = L.useState(t != null && t.from ? me(t.from) : null), [y, w] = L.useState(t != null && t.to ? me(t.to) : null), u = s || /* @__PURE__ */ new Date(), [g, x] = L.useState(u.getFullYear()), [b, v] = L.useState(u.getMonth()), [M, S] = L.useState({ top: 0, left: 0 });
+  L.useLayoutEffect(() => {
+    const h = () => {
       if (!(o != null && o.current))
         return;
-      const T = o.current.getBoundingClientRect(), M = 320;
-      L({
-        top: T.bottom + 6,
-        left: Math.max(8, T.right - M)
+      const A = o.current.getBoundingClientRect(), P = 320;
+      S({
+        top: A.bottom + 6,
+        left: Math.max(8, A.right - P)
       });
     };
-    return p(), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
-      window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
+    return h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
+      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
-  }, [o]), S.useEffect(() => {
-    const p = (M) => {
-      var W, j;
-      (W = d.current) != null && W.contains(M.target) || (j = o == null ? void 0 : o.current) != null && j.contains(M.target) || i();
-    }, T = (M) => {
-      M.key === "Escape" && i();
+  }, [o]), L.useEffect(() => {
+    const h = (P) => {
+      var T, j;
+      (T = d.current) != null && T.contains(P.target) || (j = o == null ? void 0 : o.current) != null && j.contains(P.target) || i();
+    }, A = (P) => {
+      P.key === "Escape" && i();
     };
-    return document.addEventListener("mousedown", p), document.addEventListener("keydown", T), () => {
-      document.removeEventListener("mousedown", p), document.removeEventListener("keydown", T);
+    return document.addEventListener("mousedown", h), document.addEventListener("keydown", A), () => {
+      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", A);
     };
   }, [i, o]);
-  const _ = Et(m, g), P = xe(/* @__PURE__ */ new Date()), X = (p) => {
-    const T = xe(p);
-    T > P || (!s || s && y ? (c(T), w(null)) : T < s ? c(T) : w(T));
+  const R = Bt(g, b), H = me(/* @__PURE__ */ new Date()), X = (h) => {
+    const A = me(h);
+    A > H || (!s || s && y ? (c(A), w(null)) : A < s ? c(A) : w(A));
   }, O = () => {
-    g === 0 ? (x(11), v(m - 1)) : x(g - 1);
-  }, R = () => {
-    g === 11 ? (x(0), v(m + 1)) : x(g + 1);
-  }, G = (p) => s && y && p >= s && p <= y, K = (p) => s && p.getTime() === s.getTime() || y && p.getTime() === y.getTime();
-  return ht(
+    b === 0 ? (v(11), x(g - 1)) : v(b - 1);
+  }, B = () => {
+    b === 11 ? (v(0), x(g + 1)) : v(b + 1);
+  }, K = (h) => s && y && h >= s && h <= y, J = (h) => s && h.getTime() === s.getTime() || y && h.getTime() === y.getTime();
+  return pt(
     /* @__PURE__ */ l(
       "div",
       {
         ref: d,
         style: {
           position: "fixed",
-          top: I.top,
-          left: I.left,
+          top: M.top,
+          left: M.left,
           width: 320,
           background: r.white,
           border: `1px solid ${r.borderSubtle}`,
@@ -1480,43 +1480,43 @@ function _t({ value: t, onApply: n, onClose: i, anchorRef: o }) {
           boxShadow: r.shadowPopover,
           padding: 16,
           zIndex: 9999,
-          fontFamily: D
+          fontFamily: z
         },
         children: [
           /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 12 }, children: [
-            /* @__PURE__ */ e("button", { type: "button", onClick: O, style: Ve, "aria-label": "Previous month", children: /* @__PURE__ */ e(vt, { size: 18, strokeWidth: 1.75 }) }),
+            /* @__PURE__ */ e("button", { type: "button", onClick: O, style: Ye, "aria-label": "Previous month", children: /* @__PURE__ */ e(bt, { size: 18, strokeWidth: 1.75 }) }),
             /* @__PURE__ */ l("div", { style: { fontSize: 14, fontWeight: 600, color: r.ink }, children: [
-              Rt[g],
+              Nt[b],
               " ",
-              m
+              g
             ] }),
-            /* @__PURE__ */ e("button", { type: "button", onClick: R, style: Ve, "aria-label": "Next month", children: /* @__PURE__ */ e(kt, { size: 18, strokeWidth: 1.75 }) })
+            /* @__PURE__ */ e("button", { type: "button", onClick: B, style: Ye, "aria-label": "Next month", children: /* @__PURE__ */ e(vt, { size: 18, strokeWidth: 1.75 }) })
           ] }),
-          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: 4 }, children: Bt.map((p) => /* @__PURE__ */ e("div", { style: { textAlign: "center", fontSize: 12, color: r.muted, padding: "4px 0" }, children: p }, p)) }),
-          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: _.map((p) => {
-            const T = p.getMonth() === g, M = G(p), W = K(p), j = p.getTime() === P.getTime(), C = p > P;
+          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2, marginBottom: 4 }, children: Rt.map((h) => /* @__PURE__ */ e("div", { style: { textAlign: "center", fontSize: 12, color: r.muted, padding: "4px 0" }, children: h }, h)) }),
+          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 2 }, children: R.map((h) => {
+            const A = h.getMonth() === b, P = K(h), T = J(h), j = h.getTime() === H.getTime(), N = h > H;
             return /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => X(p),
-                disabled: C,
-                "aria-disabled": C,
+                onClick: () => X(h),
+                disabled: N,
+                "aria-disabled": N,
                 style: {
                   height: 36,
                   border: "none",
                   borderRadius: 8,
-                  background: W ? r.black : M ? r.hoverWarm40 : "transparent",
-                  color: W ? r.white : C ? r.textFaintGrey : T ? r.ink : r.muted,
-                  fontFamily: D,
+                  background: T ? r.black : P ? r.hoverWarm40 : "transparent",
+                  color: T ? r.white : N ? r.textFaintGrey : A ? r.ink : r.muted,
+                  fontFamily: z,
                   fontSize: 13,
                   fontWeight: j ? 500 : 400,
-                  cursor: C ? "not-allowed" : "pointer",
-                  opacity: C ? 0.6 : 1
+                  cursor: N ? "not-allowed" : "pointer",
+                  opacity: N ? 0.6 : 1
                 },
-                children: p.getDate()
+                children: h.getDate()
               },
-              p.toISOString()
+              h.toISOString()
             );
           }) }),
           /* @__PURE__ */ l("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginTop: 12, paddingTop: 12, borderTop: `1px solid ${r.borderSubtle}` }, children: [
@@ -1546,7 +1546,7 @@ function _t({ value: t, onApply: n, onClose: i, anchorRef: o }) {
                   borderRadius: 10,
                   height: 30,
                   padding: "0 16px",
-                  fontFamily: D,
+                  fontFamily: z,
                   fontSize: 14,
                   fontWeight: 600,
                   cursor: !s || !y ? "not-allowed" : "pointer"
@@ -1561,7 +1561,7 @@ function _t({ value: t, onApply: n, onClose: i, anchorRef: o }) {
     document.body
   );
 }
-const Ve = {
+const Ye = {
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
@@ -1573,9 +1573,9 @@ const Ve = {
   cursor: "pointer",
   color: r.ink
 };
-function dt({ value: t, onChange: n }) {
-  const [i, o] = S.useState(!1), d = S.useRef(null), s = !!(t != null && t.from && (t != null && t.to));
-  return /* @__PURE__ */ l(Ge, { children: [
+function st({ value: t, onChange: n }) {
+  const [i, o] = L.useState(!1), d = L.useRef(null), s = !!(t != null && t.from && (t != null && t.to));
+  return /* @__PURE__ */ l(Xe, { children: [
     /* @__PURE__ */ l(
       "button",
       {
@@ -1592,20 +1592,20 @@ function dt({ value: t, onChange: n }) {
           border: s ? "none" : `1px solid ${r.neutralBorder}`,
           background: s ? r.black : r.white,
           cursor: "pointer",
-          fontFamily: D,
+          fontFamily: z,
           fontSize: 14,
           color: s ? r.white : r.neutral800,
           fontWeight: s ? 600 : 400,
           whiteSpace: "nowrap"
         },
         children: [
-          /* @__PURE__ */ e(ke, { size: 18, strokeWidth: 1.75 }),
+          /* @__PURE__ */ e(be, { size: 18, strokeWidth: 1.75 }),
           "Date Range"
         ]
       }
     ),
     i && /* @__PURE__ */ e(
-      _t,
+      Et,
       {
         value: t,
         anchorRef: d,
@@ -1615,7 +1615,7 @@ function dt({ value: t, onChange: n }) {
     )
   ] });
 }
-function Ot({ label: t, active: n = !1, onClick: i }) {
+function _t({ label: t, active: n = !1, onClick: i }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -1629,7 +1629,7 @@ function Ot({ label: t, active: n = !1, onClick: i }) {
         border: n ? "none" : `1px solid ${r.borderSubtle}`,
         background: n ? r.black : r.white,
         color: n ? r.white : r.black,
-        fontFamily: D,
+        fontFamily: z,
         fontSize: 14,
         cursor: "pointer"
       },
@@ -1637,13 +1637,13 @@ function Ot({ label: t, active: n = !1, onClick: i }) {
     }
   );
 }
-const jt = [
+const Ot = [
   { id: "8h", label: "8h" },
   { id: "1d", label: "1d" },
   { id: "7d", label: "7d" },
   { id: "30d", label: "30d" }
 ];
-function Yt({ value: t = 0, max: n = 5 }) {
+function jt({ value: t = 0, max: n = 5 }) {
   const i = typeof t == "number" ? t : parseFloat(t) || 0, o = Math.floor(i), d = i % 1 > 0 && o < n;
   return /* @__PURE__ */ e("div", { style: { display: "flex", gap: 4 }, children: Array.from({ length: n }).map((s, c) => c < o ? /* @__PURE__ */ e(
     "span",
@@ -1698,7 +1698,7 @@ function Yt({ value: t = 0, max: n = 5 }) {
     c
   )) });
 }
-const qt = [
+const Zt = [
   { id: "agent", label: "Agent", width: 180, sortable: !0, filterable: !0 },
   { id: "supervisor", label: "Supervisor", width: 170, sortable: !0, filterable: !0 },
   { id: "calls", label: "Calls", width: 100, sortable: !0 },
@@ -1714,13 +1714,13 @@ const qt = [
     filterType: "number",
     render: (t) => /* @__PURE__ */ l("span", { style: { display: "inline-flex", alignItems: "center", gap: 12 }, children: [
       /* @__PURE__ */ e("span", { style: { minWidth: 32 }, children: t }),
-      /* @__PURE__ */ e(Yt, { value: typeof t == "number" ? t : 0 })
+      /* @__PURE__ */ e(jt, { value: typeof t == "number" ? t : 0 })
     ] })
   },
   { id: "totalDuration", label: "Total Duration", width: 150, sortable: !0, filterable: !0, filterType: "duration", filterShowPresets: !1 },
   { id: "avgDuration", label: "Average Duration", width: 170, sortable: !0, filterable: !0, filterType: "duration", filterShowPresets: !1 }
 ];
-function be({ icon: t, title: n, trailing: i, iconColor: o = r.ink, bordered: d = !1 }) {
+function ge({ icon: t, title: n, trailing: i, iconColor: o = r.ink, bordered: d = !1 }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1752,7 +1752,7 @@ function be({ icon: t, title: n, trailing: i, iconColor: o = r.ink, bordered: d
           {
             style: {
               flex: 1,
-              fontFamily: te,
+              fontFamily: re,
               fontWeight: 600,
               fontSize: 16,
               color: r.ink,
@@ -1763,12 +1763,12 @@ function be({ icon: t, title: n, trailing: i, iconColor: o = r.ink, bordered: d
             children: n
           }
         ),
-        i && /* @__PURE__ */ e("div", { style: { fontFamily: D, fontSize: 14, color: r.ink }, children: i })
+        i && /* @__PURE__ */ e("div", { style: { fontFamily: z, fontSize: 14, color: r.ink }, children: i })
       ]
     }
   );
 }
-function Ue({ icon: t, title: n }) {
+function Ve({ icon: t, title: n }) {
   return /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 16, width: "100%" }, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1790,7 +1790,7 @@ function Ue({ icon: t, title: n }) {
       "span",
       {
         style: {
-          fontFamily: te,
+          fontFamily: re,
           fontWeight: 600,
           fontSize: 16,
           color: r.ink,
@@ -1801,8 +1801,8 @@ function Ue({ icon: t, title: n }) {
     )
   ] });
 }
-function Xe({ title: t, summary: n, calls: i, percent: o, bullets: d, defaultExpanded: s = !1 }) {
-  const [c, y] = S.useState(s), w = Array.isArray(d) ? d : [];
+function Ue({ title: t, summary: n, calls: i, percent: o, bullets: d, defaultExpanded: s = !1 }) {
+  const [c, y] = L.useState(s), w = Array.isArray(d) ? d : [];
   return /* @__PURE__ */ l("div", { style: { borderTop: `1px solid ${r.border}` }, children: [
     /* @__PURE__ */ l(
       "button",
@@ -1820,7 +1820,7 @@ function Xe({ title: t, summary: n, calls: i, percent: o, bullets: d, defaultExp
           cursor: "pointer",
           width: "100%",
           textAlign: "left",
-          fontFamily: D
+          fontFamily: z
         },
         children: [
           /* @__PURE__ */ l(
@@ -1839,7 +1839,7 @@ function Xe({ title: t, summary: n, calls: i, percent: o, bullets: d, defaultExp
                     "div",
                     {
                       style: {
-                        fontFamily: te,
+                        fontFamily: re,
                         fontWeight: 600,
                         fontSize: 14,
                         color: r.black,
@@ -1848,23 +1848,23 @@ function Xe({ title: t, summary: n, calls: i, percent: o, bullets: d, defaultExp
                       children: t
                     }
                   ),
-                  /* @__PURE__ */ e("div", { style: { fontFamily: D, fontSize: 14, color: r.muted, lineHeight: "24px" }, children: n })
+                  /* @__PURE__ */ e("div", { style: { fontFamily: z, fontSize: 14, color: r.muted, lineHeight: "24px" }, children: n })
                 ] }),
                 /* @__PURE__ */ l("div", { style: { display: "flex", gap: 16 }, children: [
                   /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-                    /* @__PURE__ */ e(ye, { size: 14, color: r.ink, strokeWidth: 1.75 }),
-                    /* @__PURE__ */ e("span", { style: { fontFamily: D, fontSize: 12, color: r.ink, lineHeight: 1.5 }, children: i })
+                    /* @__PURE__ */ e(fe, { size: 14, color: r.ink, strokeWidth: 1.75 }),
+                    /* @__PURE__ */ e("span", { style: { fontFamily: z, fontSize: 12, color: r.ink, lineHeight: 1.5 }, children: i })
                   ] }),
                   /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-                    /* @__PURE__ */ e(et, { size: 14, color: r.ink, strokeWidth: 1.75 }),
-                    /* @__PURE__ */ e("span", { style: { fontFamily: D, fontSize: 12, color: r.ink, lineHeight: 1.5 }, children: o })
+                    /* @__PURE__ */ e(Qe, { size: 14, color: r.ink, strokeWidth: 1.75 }),
+                    /* @__PURE__ */ e("span", { style: { fontFamily: z, fontSize: 12, color: r.ink, lineHeight: 1.5 }, children: o })
                   ] })
                 ] })
               ]
             }
           ),
           /* @__PURE__ */ e(
-            Fe,
+            ze,
             {
               size: 20,
               color: r.ink,
@@ -1888,14 +1888,14 @@ function Xe({ title: t, summary: n, calls: i, percent: o, bullets: d, defaultExp
           gap: 12,
           padding: "0 16px 16px"
         },
-        children: w.map((u, m) => /* @__PURE__ */ l(
+        children: w.map((u, g) => /* @__PURE__ */ l(
           "div",
           {
             style: {
               display: "flex",
               alignItems: "center",
               justifyContent: "space-between",
-              fontFamily: D,
+              fontFamily: z,
               fontSize: 14,
               color: r.ink,
               lineHeight: "24px",
@@ -1942,13 +1942,13 @@ function Xe({ title: t, summary: n, calls: i, percent: o, bullets: d, defaultExp
               ] })
             ]
           },
-          m
+          g
         ))
       }
     )
   ] });
 }
-function ve({ label: t, value: n }) {
+function xe({ label: t, value: n }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1958,7 +1958,7 @@ function ve({ label: t, value: n }) {
         alignItems: "center",
         padding: "12px 0",
         borderBottom: `1px solid ${r.border}`,
-        fontFamily: D,
+        fontFamily: z,
         fontSize: 13,
         lineHeight: "24px"
       },
@@ -1969,13 +1969,13 @@ function ve({ label: t, value: n }) {
     }
   );
 }
-function he({ message: t = "" }) {
+function ue({ message: t = "" }) {
   return t ? /* @__PURE__ */ e(
     "div",
     {
       style: {
         padding: "16px 0",
-        fontFamily: D,
+        fontFamily: z,
         fontSize: 13,
         color: r.muted,
         lineHeight: 1.5
@@ -1984,116 +1984,119 @@ function he({ message: t = "" }) {
     }
   ) : null;
 }
-function Qt({
+function qt({
   className: t = "",
   onAgentClick: n,
   // Header text — empty defaults so host apps don't see demo copy. Hosts pass
   // their own page title / subtitle (the gallery in dev/App.jsx demonstrates
   // the intended "Performance" / "Agent performance metrics..." wording).
-  title: i = "",
-  subtitle: o = "",
-  dateRangeLabel: d = "",
+  // Header — the host app renders the page title/subtitle (via its PageHeader
+  // component); this component only owns the control row + content.
+  dateRangeLabel: i = "",
   // View-by dropdown. `initialViewBy` seeds internal state on mount;
   // `onViewByChange(id)` fires when the user selects a different option.
-  viewByOptions: s = [],
-  initialViewBy: c = "",
-  onViewByChange: y,
+  viewByOptions: o = [],
+  initialViewBy: d = "",
+  onViewByChange: s,
   // Label rendered above the View-by option list inside the popover. Empty by
   // default; the gallery passes "Aggregated By" to reproduce the Figma copy.
-  aggregatedByLabel: w = "",
+  aggregatedByLabel: c = "",
   // KPI strip
-  volumeStat: u = pe,
-  compassStat: m = pe,
-  baselineSubStat: v = pe,
-  agentLiftSubStat: g = pe,
-  scoreSubStat: x = pe,
+  volumeStat: y = ce,
+  compassStat: w = ce,
+  baselineSubStat: u = ce,
+  agentLiftSubStat: g = ce,
+  scoreSubStat: x = ce,
   // Agent table
-  agentRows: I = [],
-  agentColumns: L = [],
-  initialPageSize: _ = 10,
+  agentRows: b = [],
+  agentColumns: v = [],
+  initialPageSize: M = 10,
   // Insight sections — all titles, empty-state copy, and the section icons /
   // colors are host-driven so the library renders nothing concrete by default.
-  guidanceItems: P = [],
-  strengthItems: X = [],
-  callDrivers: O = [],
-  callParadigms: R = [],
-  topSignalsLeft: G = [],
-  topSignalsRight: K = [],
-  topSignalsTrailing: p = "",
-  strengthsTitle: T = "",
-  guidanceTitle: M = "",
-  callMixTitle: W = "",
-  driversTitle: j = "",
-  paradigmsTitle: C = "",
-  topSignalsTitle: ge = "",
-  emptyStrengthsMessage: se = "",
-  emptyGuidanceMessage: ne = "",
-  emptyDriversMessage: J = "",
-  emptyParadigmsMessage: B = "",
-  emptyTopSignalsMessage: E = "",
+  guidanceItems: S = [],
+  strengthItems: R = [],
+  callDrivers: H = [],
+  callParadigms: X = [],
+  topSignalsLeft: O = [],
+  topSignalsRight: B = [],
+  topSignalsTrailing: K = "",
+  strengthsTitle: J = "",
+  guidanceTitle: h = "",
+  callMixTitle: A = "",
+  driversTitle: P = "",
+  paradigmsTitle: T = "",
+  topSignalsTitle: j = "",
+  emptyStrengthsMessage: N = "",
+  emptyGuidanceMessage: he = "",
+  emptyDriversMessage: oe = "",
+  emptyParadigmsMessage: ee = "",
+  emptyTopSignalsMessage: Z = "",
   // Time-range chips (8h / 1d / 7d / 30d). Override `rangeOptions` to customize.
   // `selectedWindow` is the currently-active option id; `onWindowChange(id)` fires
   // when the user picks a new chip.
-  rangeOptions: ie = jt,
-  selectedWindow: Z = "30d",
-  onWindowChange: Q,
+  rangeOptions: E = Ot,
+  selectedWindow: C = "30d",
+  onWindowChange: q,
   // Host-provided date-range picker node. Should render its own trigger button
   // and popover. When provided, replaces the built-in default picker.
   // (Same slot pattern as DataTableFilters2's `dateRangePicker` prop.)
-  dateRangePicker: h,
+  dateRangePicker: te,
   // Used by the built-in default picker when `dateRangePicker` is not provided.
   // `dateRange` is `{ from, to }` (Date objects); `onDateRangeChange` receives
   // the same shape when the user clicks Apply.
-  dateRange: b,
-  onDateRangeChange: z,
+  dateRange: ne,
+  onDateRangeChange: p,
   // Fires when the user clicks the Export CSV button in the header.
-  onExport: A,
+  onExport: m,
+  // When true the panel does NOT render its own Export CSV row — the host app
+  // renders Export in its page header instead (keeping it on the title row).
+  hideExport: $ = !1,
   // Fires whenever the user toggles columns in the table's column picker —
   // hosts can scope their CSV export to whatever the user has visible.
-  onVisibleColumnsChange: q
+  onVisibleColumnsChange: I
 }) {
-  var He, Ne;
-  const [le, re] = S.useState(null), [H, Y] = S.useState(!1), [de, we] = S.useState(c), [F, V] = S.useState(null), N = b !== void 0 ? b : F, Se = !!(N != null && N.from && (N != null && N.to)), ct = (f) => {
-    V(f), z == null || z(f);
-  }, ut = (f) => {
-    V(null), z == null || z(null), Q == null || Q(f);
-  }, Pe = S.useRef(null), Ce = S.useRef(null);
-  S.useEffect(() => {
-    if (!H)
+  var Ce, He;
+  const [_, ye] = L.useState(null), [G, Y] = L.useState(!1), [V, ve] = L.useState(d), [ke, D] = L.useState(null), F = ne !== void 0 ? ne : ke, we = !!(F != null && F.from && (F != null && F.to)), dt = (f) => {
+    D(f), p == null || p(f);
+  }, ct = (f) => {
+    D(null), p == null || p(null), q == null || q(f);
+  }, Me = L.useRef(null), Pe = L.useRef(null);
+  L.useEffect(() => {
+    if (!G)
       return;
     const f = (k) => {
-      var ce, Re;
-      (ce = Ce.current) != null && ce.contains(k.target) || (Re = Pe.current) != null && Re.contains(k.target) || Y(!1);
+      var ae, Ne;
+      (ae = Pe.current) != null && ae.contains(k.target) || (Ne = Me.current) != null && Ne.contains(k.target) || Y(!1);
     };
     return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
-  }, [H]);
-  const ft = ((He = s.find((f) => f.id === de)) == null ? void 0 : He.label) || (((Ne = s[0]) == null ? void 0 : Ne.label) ?? ""), pt = (f) => {
+  }, [G]);
+  const ut = ((Ce = o.find((f) => f.id === V)) == null ? void 0 : Ce.label) || (((He = o[0]) == null ? void 0 : He.label) ?? ""), ft = (f) => {
     if (n) {
       n(f);
       return;
     }
-    re(f);
+    ye(f);
   };
-  return /* @__PURE__ */ l(Ge, { children: [
-    le && (() => {
+  return /* @__PURE__ */ l(Xe, { children: [
+    _ && (() => {
       let f = null, k = null;
-      if (Se)
-        f = N.from, k = N.to;
+      if (we)
+        f = F.from, k = F.to;
       else {
-        const ce = Ae[Z];
-        ce && (k = /* @__PURE__ */ new Date(), f = new Date(k.getTime() - ce));
+        const ae = Fe[C];
+        ae && (k = /* @__PURE__ */ new Date(), f = new Date(k.getTime() - ae));
       }
       return /* @__PURE__ */ e(
-        Ht,
+        Ct,
         {
           className: t,
-          agentName: le.agent,
+          agentName: _.agent,
           startDate: f || "",
           endDate: k || "",
-          totalCalls: `${le.calls} Calls`,
-          onBack: () => re(null),
-          selectedWindow: Z,
-          dateRange: N
+          totalCalls: `${_.calls} Calls`,
+          onBack: () => ye(null),
+          selectedWindow: C,
+          dateRange: F
         }
       );
     })(),
@@ -2103,7 +2106,7 @@ function Qt({
         className: t,
         style: {
           background: r.white,
-          fontFamily: D,
+          fontFamily: z,
           color: r.ink,
           width: "100%",
           minWidth: 1192,
@@ -2113,34 +2116,17 @@ function Qt({
           gap: 24,
           // Hide (don't unmount) when drilling into agent details so DataTable2's
           // internal filter / sort / pagination state survives the round trip.
-          display: le ? "none" : "flex"
+          display: _ ? "none" : "flex"
         },
         children: [
-          /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "flex-start", gap: 8, paddingTop: 12 }, children: [
-            /* @__PURE__ */ l("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 4 }, children: [
-              /* @__PURE__ */ e(
-                "h1",
-                {
-                  style: {
-                    fontFamily: te,
-                    fontSize: 24,
-                    fontWeight: 500,
-                    color: r.ink,
-                    margin: 0,
-                    lineHeight: "1.2",
-                    letterSpacing: "-0.01em"
-                  },
-                  children: i
-                }
-              ),
-              /* @__PURE__ */ e("p", { style: { fontFamily: D, fontSize: 14, color: "var(--neutral-950)", margin: 0, lineHeight: "1.4" }, children: o })
-            ] }),
+          !$ && /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "flex-start", gap: 8, paddingTop: 12 }, children: [
+            /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 } }),
             /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
-                onClick: () => A == null ? void 0 : A(),
-                disabled: !A,
+                onClick: () => m == null ? void 0 : m(),
+                disabled: !m,
                 style: {
                   display: "inline-flex",
                   alignItems: "center",
@@ -2150,14 +2136,14 @@ function Qt({
                   borderRadius: 10,
                   border: `1px solid ${r.neutralBorder}`,
                   background: r.white,
-                  cursor: A ? "pointer" : "not-allowed",
-                  opacity: A ? 1 : 0.5,
-                  fontFamily: D,
+                  cursor: m ? "pointer" : "not-allowed",
+                  opacity: m ? 1 : 0.5,
+                  fontFamily: z,
                   fontSize: 14,
                   color: r.neutral800
                 },
                 children: [
-                  /* @__PURE__ */ e(Ke, { size: 18, strokeWidth: 1.75 }),
+                  /* @__PURE__ */ e(Ge, { size: 18, strokeWidth: 1.75 }),
                   "Export CSV"
                 ]
               }
@@ -2169,10 +2155,10 @@ function Qt({
                 "button",
                 {
                   type: "button",
-                  ref: Pe,
+                  ref: Me,
                   onClick: () => Y((f) => !f),
                   "aria-haspopup": "listbox",
-                  "aria-expanded": H,
+                  "aria-expanded": G,
                   style: {
                     display: "inline-flex",
                     alignItems: "center",
@@ -2183,21 +2169,21 @@ function Qt({
                     border: `1px solid ${r.neutralBorder}`,
                     background: r.white,
                     cursor: "pointer",
-                    fontFamily: D,
+                    fontFamily: z,
                     fontSize: 14,
                     lineHeight: "24px",
                     color: r.neutral800,
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    ft,
+                    ut,
                     /* @__PURE__ */ e(
-                      Fe,
+                      ze,
                       {
                         size: 20,
                         strokeWidth: 1.75,
                         style: {
-                          transform: H ? "rotate(180deg)" : "none",
+                          transform: G ? "rotate(180deg)" : "none",
                           transition: "transform 120ms ease"
                         }
                       }
@@ -2205,10 +2191,10 @@ function Qt({
                   ]
                 }
               ),
-              H && /* @__PURE__ */ l(
+              G && /* @__PURE__ */ l(
                 "div",
                 {
-                  ref: Ce,
+                  ref: Pe,
                   role: "listbox",
                   style: {
                     position: "absolute",
@@ -2222,25 +2208,25 @@ function Qt({
                     display: "flex",
                     flexDirection: "column",
                     minWidth: 144,
-                    fontFamily: D
+                    fontFamily: z
                   },
                   children: [
-                    w && /* @__PURE__ */ e(
+                    c && /* @__PURE__ */ e(
                       "div",
                       {
                         style: {
                           padding: 12,
-                          fontFamily: te,
+                          fontFamily: re,
                           fontWeight: 600,
                           fontSize: 13,
                           color: r.ink,
                           lineHeight: 1.2
                         },
-                        children: w
+                        children: c
                       }
                     ),
-                    s.map((f) => {
-                      const k = de === f.id;
+                    o.map((f) => {
+                      const k = V === f.id;
                       return /* @__PURE__ */ l(
                         "button",
                         {
@@ -2248,7 +2234,7 @@ function Qt({
                           role: "option",
                           "aria-selected": k,
                           onClick: () => {
-                            f.id !== de && (we(f.id), y == null || y(f.id)), Y(!1);
+                            f.id !== V && (ve(f.id), s == null || s(f.id)), Y(!1);
                           },
                           style: {
                             display: "flex",
@@ -2262,14 +2248,14 @@ function Qt({
                             background: "transparent",
                             cursor: "pointer",
                             textAlign: "left",
-                            fontFamily: D,
+                            fontFamily: z,
                             fontSize: 13,
                             lineHeight: 1.2,
                             color: r.ink,
                             width: "100%"
                           },
                           children: [
-                            k && /* @__PURE__ */ e(xt, { size: 20, color: r.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
+                            k && /* @__PURE__ */ e(gt, { size: 20, color: r.ink, strokeWidth: 1.75, style: { flexShrink: 0 } }),
                             /* @__PURE__ */ e("span", { children: f.label })
                           ]
                         },
@@ -2282,7 +2268,7 @@ function Qt({
             ] }),
             /* @__PURE__ */ l("div", { style: { display: "flex", gap: 10, alignItems: "center" }, children: [
               (() => {
-                const k = (Se ? `${ee(N.from)} – ${ee(N.to)}` : "") || zt(Z) || d;
+                const k = (we ? `${Q(F.from)} – ${Q(F.to)}` : "") || Lt(C) || i;
                 return k ? /* @__PURE__ */ l(
                   "span",
                   {
@@ -2290,38 +2276,38 @@ function Qt({
                       display: "inline-flex",
                       alignItems: "center",
                       gap: 6,
-                      fontFamily: D,
+                      fontFamily: z,
                       fontSize: 13,
                       color: r.ink
                     },
                     children: [
-                      /* @__PURE__ */ e(ke, { size: 16, strokeWidth: 1.75, color: r.muted }),
+                      /* @__PURE__ */ e(be, { size: 16, strokeWidth: 1.75, color: r.muted }),
                       k
                     ]
                   }
                 ) : null;
               })(),
-              ie.map((f) => /* @__PURE__ */ e(
-                Ot,
+              E.map((f) => /* @__PURE__ */ e(
+                _t,
                 {
                   label: f.label,
-                  active: !Se && f.id === Z,
-                  onClick: () => ut(f.id)
+                  active: !we && f.id === C,
+                  onClick: () => ct(f.id)
                 },
                 f.id
               )),
-              h ? /* @__PURE__ */ e(
-                S.Suspense,
+              te ? /* @__PURE__ */ e(
+                L.Suspense,
                 {
-                  fallback: /* @__PURE__ */ e(Nt, { icon: ke, children: "Date Range" }),
-                  children: h
+                  fallback: /* @__PURE__ */ e(Ht, { icon: be, children: "Date Range" }),
+                  children: te
                 }
-              ) : /* @__PURE__ */ e(dt, { value: N, onChange: ct })
+              ) : /* @__PURE__ */ e(st, { value: F, onChange: dt })
             ] })
           ] }),
           /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24 }, children: [
-            /* @__PURE__ */ e(Ye, { value: u.value, label: u.label, trend: u.trend, points: u.points, style: { width: 264, flexShrink: 0 } }),
-            /* @__PURE__ */ e(Ye, { value: m.value, label: m.label, trend: m.trend, points: m.points, style: { width: 264, flexShrink: 0 } }),
+            /* @__PURE__ */ e(je, { value: y.value, label: y.label, trend: y.trend, points: y.points, style: { width: 264, flexShrink: 0 } }),
+            /* @__PURE__ */ e(je, { value: w.value, label: w.label, trend: w.trend, points: w.points, style: { width: 264, flexShrink: 0 } }),
             /* @__PURE__ */ l(
               "div",
               {
@@ -2337,26 +2323,26 @@ function Qt({
                   boxSizing: "border-box"
                 },
                 children: [
-                  /* @__PURE__ */ e(Le, { value: v.value, label: v.label, trend: v.trend, points: v.points }),
-                  /* @__PURE__ */ e(Le, { value: g.value, label: g.label, trend: g.trend, points: g.points, withDivider: !0 }),
-                  /* @__PURE__ */ e(Le, { value: x.value, label: x.label, trend: x.trend, points: x.points, withDivider: !0 })
+                  /* @__PURE__ */ e(De, { value: u.value, label: u.label, trend: u.trend, points: u.points }),
+                  /* @__PURE__ */ e(De, { value: g.value, label: g.label, trend: g.trend, points: g.points, withDivider: !0 }),
+                  /* @__PURE__ */ e(De, { value: x.value, label: x.label, trend: x.trend, points: x.points, withDivider: !0 })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e(
-            tt,
+            et,
             {
-              data: I,
-              columns: L,
-              initialPageSize: _,
-              onRowClick: pt,
-              onVisibleColumnsChange: q
+              data: b,
+              columns: v,
+              initialPageSize: M,
+              onRowClick: ft,
+              onVisibleColumnsChange: I
             }
           ),
           /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24, alignItems: "flex-start" }, children: [
             /* @__PURE__ */ l("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 16 }, children: [
-              /* @__PURE__ */ e(be, { icon: Je, title: T, iconColor: "var(--rail-compliance)" }),
+              /* @__PURE__ */ e(ge, { icon: Ke, title: J, iconColor: "var(--rail-compliance)" }),
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -2367,12 +2353,12 @@ function Qt({
                     maxHeight: 480,
                     overflowY: "auto"
                   },
-                  children: X.length === 0 ? /* @__PURE__ */ e(he, { message: se }) : X.map((f, k) => /* @__PURE__ */ e(Xe, { ...f }, k))
+                  children: R.length === 0 ? /* @__PURE__ */ e(ue, { message: N }) : R.map((f, k) => /* @__PURE__ */ e(Ue, { ...f }, k))
                 }
               )
             ] }),
             /* @__PURE__ */ l("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 16 }, children: [
-              /* @__PURE__ */ e(be, { icon: Ze, title: M, iconColor: "var(--rail-compliance)" }),
+              /* @__PURE__ */ e(ge, { icon: Je, title: h, iconColor: "var(--rail-compliance)" }),
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -2383,29 +2369,29 @@ function Qt({
                     maxHeight: 480,
                     overflowY: "auto"
                   },
-                  children: P.length === 0 ? /* @__PURE__ */ e(he, { message: ne }) : P.map((f, k) => /* @__PURE__ */ e(Xe, { ...f }, k))
+                  children: S.length === 0 ? /* @__PURE__ */ e(ue, { message: he }) : S.map((f, k) => /* @__PURE__ */ e(Ue, { ...f }, k))
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
-            /* @__PURE__ */ e(be, { icon: ye, title: W, iconColor: "var(--rail-compliance)" }),
+            /* @__PURE__ */ e(ge, { icon: fe, title: A, iconColor: "var(--rail-compliance)" }),
             /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24, alignItems: "flex-start" }, children: [
               /* @__PURE__ */ l("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 8 }, children: [
-                /* @__PURE__ */ e(Ue, { icon: qe, title: j }),
-                /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: O.length === 0 ? /* @__PURE__ */ e(he, { message: J }) : O.map((f, k) => /* @__PURE__ */ e(ve, { ...f }, k)) })
+                /* @__PURE__ */ e(Ve, { icon: Ze, title: P }),
+                /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: H.length === 0 ? /* @__PURE__ */ e(ue, { message: oe }) : H.map((f, k) => /* @__PURE__ */ e(xe, { ...f }, k)) })
               ] }),
               /* @__PURE__ */ l("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 8 }, children: [
-                /* @__PURE__ */ e(Ue, { icon: Qe, title: C }),
-                /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: R.length === 0 ? /* @__PURE__ */ e(he, { message: B }) : R.map((f, k) => /* @__PURE__ */ e(ve, { ...f }, k)) })
+                /* @__PURE__ */ e(Ve, { icon: qe, title: T }),
+                /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", maxHeight: 480, overflowY: "auto" }, children: X.length === 0 ? /* @__PURE__ */ e(ue, { message: ee }) : X.map((f, k) => /* @__PURE__ */ e(xe, { ...f }, k)) })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
-            /* @__PURE__ */ e(be, { icon: bt, title: ge, iconColor: "var(--rail-compliance)", trailing: p, bordered: !0 }),
-            G.length === 0 && K.length === 0 ? /* @__PURE__ */ e(he, { message: E }) : /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24 }, children: [
-              /* @__PURE__ */ e("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: G.map((f, k) => /* @__PURE__ */ e(ve, { ...f }, k)) }),
-              /* @__PURE__ */ e("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: K.map((f, k) => /* @__PURE__ */ e(ve, { ...f }, k)) })
+            /* @__PURE__ */ e(ge, { icon: xt, title: j, iconColor: "var(--rail-compliance)", trailing: K, bordered: !0 }),
+            O.length === 0 && B.length === 0 ? /* @__PURE__ */ e(ue, { message: Z }) : /* @__PURE__ */ l("div", { style: { display: "flex", gap: 24 }, children: [
+              /* @__PURE__ */ e("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: O.map((f, k) => /* @__PURE__ */ e(xe, { ...f }, k)) }),
+              /* @__PURE__ */ e("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: B.map((f, k) => /* @__PURE__ */ e(xe, { ...f }, k)) })
             ] })
           ] })
         ]
@@ -2414,27 +2400,27 @@ function Qt({
   ] });
 }
 export {
-  qt as D,
-  rt as M,
-  Qt as P,
-  Ae as R,
-  Ht as a,
-  Zt as b,
-  zt as c,
-  Lt as d,
-  ee as e,
-  Dt as f,
-  ze as g,
-  Tt as h,
-  Wt as i,
+  Zt as D,
+  lt as M,
+  qt as P,
+  Fe as R,
+  Ct as a,
+  Jt as b,
+  Lt as c,
+  Dt as d,
+  Q as e,
+  St as f,
+  Le as g,
+  At as h,
+  Tt as i,
   U as j,
-  Ie as k,
-  $e as l,
-  Me as m,
-  lt as n,
-  $t as o,
-  dt as p,
-  Jt as r,
-  We as t
+  $e as k,
+  We as l,
+  Ie as m,
+  it as n,
+  Wt as o,
+  st as p,
+  Kt as r,
+  Te as t
 };
 //# sourceMappingURL=PerformancePanel.es.js.map