chordia-ui 4.0.0 → 4.0.2

package/dist/components/UpdatedInteractionDetails.es.js

@@ -1,10 +1,10 @@
-import { jsxs as i, Fragment as Be, jsx as t } from "react/jsx-runtime";
-import ke, { useState as I, useRef as $, useEffect as Ne, useMemo as Ie } from "react";
+import { jsxs as i, Fragment as Le, jsx as t } from "react/jsx-runtime";
+import Se, { useState as I, useRef as $, useEffect as Be, useMemo as We } from "react";
 import { u as ve } from "../useMediaQuery.es.js";
-import { ShieldCheck as Xn, TrendingUp as Jn, Lightbulb as Ut, ThumbsUp as en, ArrowLeftRight as Un, ArrowDown as Pe, ArrowUp as je, ChevronUp as st, ChevronDown as $e, Pencil as ei, FileSignal as tn, ScrollText as nn, PauseCircle as rn, PlayCircle as ln, Info as on, MessagesSquare as Et, Check as ti, CircleCheck as ni, Ellipsis as ii, X as Tt, CornerDownRight as ri, Target as an, ChevronRight as sn, AudioLines as li, Search as oi, Pause as At, ArrowRightLeft as ai, CircleDashed as si, MicOff as di, ClipboardCheck as ci, ArrowLeft as lt, ArrowRight as Rt, ClipboardList as fi, CalendarDays as Lt, PhoneOutgoing as Bt, PhoneIncoming as Nt, Headset as Pt, CircleUser as ot, History as pi, ExternalLink as gi, ThumbsDown as hi } from "lucide-react";
-import { U as ui } from "../UpdatedInteractionRecording.es.js";
-import { A as yi } from "../AgentLiftAnalysisCard.es.js";
-import { S as mi } from "../SideDrawer.es.js";
+import { ShieldCheck as Jn, TrendingUp as Un, Lightbulb as en, ThumbsUp as tn, ArrowLeftRight as ei, ArrowDown as Ne, ArrowUp as Pe, ChevronUp as at, ChevronDown as je, Pencil as ti, FileSignal as nn, ScrollText as rn, PauseCircle as ln, PlayCircle as on, Info as an, MessagesSquare as Tt, Check as ni, CircleCheck as ii, Ellipsis as ri, X as At, CornerDownRight as li, Target as sn, ChevronRight as dn, AudioLines as oi, Search as ai, Pause as Rt, ArrowRightLeft as si, CircleDashed as di, MicOff as ci, ClipboardCheck as fi, ArrowLeft as rt, ArrowRight as Lt, ClipboardList as pi, CalendarDays as Bt, PhoneOutgoing as Nt, PhoneIncoming as Pt, Headset as jt, CircleUser as lt, History as gi, ExternalLink as hi, ThumbsDown as ui } from "lucide-react";
+import { U as yi } from "../UpdatedInteractionRecording.es.js";
+import { A as mi } from "../AgentLiftAnalysisCard.es.js";
+import { S as vi } from "../SideDrawer.es.js";
 const O = {
   strong: "var(--Grey-Strong, #2E3236)",
   muted: "var(--Grey-Muted, #808183)",
@@ -14,17 +14,17 @@ const O = {
   quoteLine: "var(--border-warm, #B2AEA8)",
   quoteText: "var(--text-subtle-warm, #767473)",
   iconBg: "var(--surface-hover, #F3F7F7)"
-}, vi = {
+}, xi = {
   effective: "Effective",
   strong: "Strong",
   needs_improvement: "Needs Improvement",
   mixed: "Mixed"
-}, jt = "updated-coaching-synthesis-keyframes";
-function xi() {
-  if (typeof document > "u" || document.getElementById(jt))
+}, $t = "updated-coaching-synthesis-keyframes";
+function bi() {
+  if (typeof document > "u" || document.getElementById($t))
     return;
   const e = document.createElement("style");
-  e.id = jt, e.textContent = `
+  e.id = $t, e.textContent = `
     @keyframes updated-coaching-shimmer {
       0% { background-position: -200% 0; }
       100% { background-position: 200% 0; }
@@ -35,22 +35,22 @@ function xi() {
     }
   `, document.head.appendChild(e);
 }
-function bi({ overall: e }) {
+function wi({ overall: e }) {
   const n = { size: 14, color: O.strong, strokeWidth: 1.5 };
   switch (e) {
     case "strong":
     case "effective":
-      return /* @__PURE__ */ t(je, { ...n });
-    case "needs_improvement":
       return /* @__PURE__ */ t(Pe, { ...n });
+    case "needs_improvement":
+      return /* @__PURE__ */ t(Ne, { ...n });
     case "mixed":
-      return /* @__PURE__ */ t(Un, { ...n });
+      return /* @__PURE__ */ t(ei, { ...n });
     default:
-      return /* @__PURE__ */ t(en, { ...n });
+      return /* @__PURE__ */ t(tn, { ...n });
   }
 }
-function wi({ overall: e }) {
-  const n = vi[e] || (e ? e.replace(/_/g, " ") : "");
+function Si({ overall: e }) {
+  const n = xi[e] || (e ? e.replace(/_/g, " ") : "");
   return /* @__PURE__ */ i("div", { style: {
     display: "flex",
     alignItems: "center",
@@ -69,7 +69,7 @@ function wi({ overall: e }) {
       alignItems: "center",
       gap: 6
     }, children: [
-      /* @__PURE__ */ t(bi, { overall: e }),
+      /* @__PURE__ */ t(wi, { overall: e }),
       /* @__PURE__ */ t("span", { style: {
         fontSize: 13,
         fontWeight: 600,
@@ -80,14 +80,14 @@ function wi({ overall: e }) {
     ] })
   ] });
 }
-function Si(e) {
+function ki(e) {
   if (e == null)
     return null;
   const n = String(e).trim();
   return !n || n.toLowerCase() === "null" || n.toLowerCase() === "undefined" ? null : n;
 }
-function ki({ item: e }) {
-  const n = typeof e == "string" ? e : (e == null ? void 0 : e.text) || "", r = Si(typeof e == "object" ? e == null ? void 0 : e.quote : null);
+function Ci({ item: e }) {
+  const n = typeof e == "string" ? e : (e == null ? void 0 : e.text) || "", r = ki(typeof e == "object" ? e == null ? void 0 : e.quote : null);
   return /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: 14 }, children: [
     /* @__PURE__ */ t("div", { style: {
       fontSize: 14,
@@ -120,7 +120,7 @@ function ki({ item: e }) {
     ] })
   ] });
 }
-function $t({ icon: e, label: n, items: r }) {
+function Ot({ icon: e, label: n, items: r }) {
   return !r || r.length === 0 ? null : /* @__PURE__ */ i("div", { style: {
     flex: 1,
     display: "flex",
@@ -151,17 +151,17 @@ function $t({ icon: e, label: n, items: r }) {
         lineHeight: "normal"
       }, children: n })
     ] }),
-    /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: r.map((o, a) => /* @__PURE__ */ t(ki, { item: o }, a)) })
+    /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: r.map((o, a) => /* @__PURE__ */ t(Ci, { item: o }, a)) })
   ] });
 }
-const Ci = ({ data: e, loading: n, error: r }) => {
+const Fi = ({ data: e, loading: n, error: r }) => {
   var p, b;
-  ke.useEffect(() => {
-    xi();
+  Se.useEffect(() => {
+    bi();
   }, []);
   const o = ve("(max-width: 900px)");
   if (n)
-    return /* @__PURE__ */ i(Be, { children: [
+    return /* @__PURE__ */ i(Le, { children: [
       /* @__PURE__ */ t("style", { children: `
           @keyframes coaching-spinner-spin {
             from { transform: rotate(0deg); }
@@ -247,7 +247,7 @@ const Ci = ({ data: e, loading: n, error: r }) => {
           alignItems: "center",
           gap: 8
         }, children: [
-          /* @__PURE__ */ t(Xn, { size: 20, color: O.accent, strokeWidth: 2 }),
+          /* @__PURE__ */ t(Jn, { size: 20, color: O.accent, strokeWidth: 2 }),
           /* @__PURE__ */ t("span", { style: {
             fontSize: 16,
             fontWeight: 600,
@@ -278,7 +278,7 @@ const Ci = ({ data: e, loading: n, error: r }) => {
             lineHeight: 1.5,
             flex: 1
           }, children: f }),
-          e.overall && /* @__PURE__ */ t(wi, { overall: e.overall })
+          e.overall && /* @__PURE__ */ t(Si, { overall: e.overall })
         ] }),
         (a.length > 0 || l.length > 0) && /* @__PURE__ */ i("div", { style: {
           display: "flex",
@@ -288,17 +288,17 @@ const Ci = ({ data: e, loading: n, error: r }) => {
           borderTop: `1px solid ${O.absent}`
         }, children: [
           /* @__PURE__ */ t(
-            $t,
+            Ot,
             {
-              icon: /* @__PURE__ */ t(Jn, { size: 14, color: O.strong, strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ t(Un, { size: 14, color: O.strong, strokeWidth: 1.5 }),
               label: "Key Strengths",
               items: a
             }
           ),
           /* @__PURE__ */ t(
-            $t,
+            Ot,
             {
-              icon: /* @__PURE__ */ t(Ut, { size: 14, color: O.strong, strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ t(en, { size: 14, color: O.strong, strokeWidth: 1.5 }),
               label: "Improvements",
               items: l
             }
@@ -308,11 +308,11 @@ const Ci = ({ data: e, loading: n, error: r }) => {
     }
   );
 };
-function Fi(e) {
+function Wi(e) {
   const n = Math.floor(e / 60), r = Math.round(e % 60);
   return `${n}:${r.toString().padStart(2, "0")}`;
 }
-const Wi = {
+const Ii = {
   display: "flex",
   justifyContent: "space-between",
   // Extra top padding gives more breathing room between a row's bottom border
@@ -326,9 +326,9 @@ const Wi = {
   lineHeight: "normal",
   borderBottom: "1px solid var(--Grey-absent, #D9D9D9)"
 };
-function Ii({ text: e, style: n }) {
+function Di({ text: e, style: n }) {
   const r = $(null), [o, a] = I(!1);
-  return Ne(() => {
+  return Be(() => {
     const l = r.current;
     if (!l)
       return;
@@ -347,13 +347,13 @@ function Ii({ text: e, style: n }) {
     }
   );
 }
-const Ot = {
+const Yt = {
   display: "flex",
   flexDirection: "column",
   flex: "1 0 0",
   gap: 0,
   minWidth: 0
-}, Di = ({
+}, zi = ({
   meta: e = {},
   callPurpose: n = {},
   classification: r = {},
@@ -365,7 +365,7 @@ const Ot = {
   customerIntent: p,
   location: b,
   interactionId: w,
-  canShowEditButton: G = !1,
+  canShowEditButton: H = !1,
   onEditInteraction: g,
   // Agent view (Figma node 1798-5177): show every field flat in the two-column
   // grid with no "More Details" toggle / dropdown and no Edit button. The
@@ -373,7 +373,7 @@ const Ot = {
   // Customer Intent, Paradigm) plus a "Number" (interaction id) render inline.
   flatView: k = !1
 }) => {
-  const [S, W] = I(!1), D = $(null), L = ve("(max-width: 640px)"), C = e.duration_seconds != null ? Fi(e.duration_seconds) : null, z = e.message_count, T = n.interaction_driver, Y = r.interaction_paradigm, N = (h) => o.find((R) => (R.key || "").toLowerCase().includes(h)), q = N("resolution_outcome"), ee = N("customer_intent"), A = N("location"), y = N("outcome_quality"), m = (h) => h ? h.replace(/_/g, " ").replace(/\b\w/g, (R) => R.toUpperCase()) : null, u = a !== "Neutral" ? a : y ? m(y.value) : a, te = f ?? (q ? m(q.value) : null), re = p ?? (ee ? m(ee.value) : null), le = b ?? (A ? m(A.value) : null), ne = Y != null ? m(Y) : null, se = new Set(["resolution_outcome", "customer_intent", "location", "outcome_quality"].map((h) => `dim.${h}`)), B = o.filter((h) => !se.has(h.key)), xe = [], fe = [
+  const [S, W] = I(!1), D = $(null), L = ve("(max-width: 640px)"), C = e.duration_seconds != null ? Wi(e.duration_seconds) : null, z = e.message_count, T = n.interaction_driver, Y = r.interaction_paradigm, N = (h) => o.find((R) => (R.key || "").toLowerCase().includes(h)), q = N("resolution_outcome"), ee = N("customer_intent"), A = N("location"), y = N("outcome_quality"), m = (h) => h ? h.replace(/_/g, " ").replace(/\b\w/g, (R) => R.toUpperCase()) : null, u = a !== "Neutral" ? a : y ? m(y.value) : a, te = f ?? (q ? m(q.value) : null), re = p ?? (ee ? m(ee.value) : null), le = b ?? (A ? m(A.value) : null), ne = Y != null ? m(Y) : null, se = new Set(["resolution_outcome", "customer_intent", "location", "outcome_quality"].map((h) => `dim.${h}`)), B = o.filter((h) => !se.has(h.key)), xe = [], pe = [
     [
       C != null ? { label: "Duration", value: C } : null,
       z != null ? { label: "Messages", value: z } : null
@@ -386,13 +386,13 @@ const Ot = {
   ];
   for (let h = 0; h < B.length; h += 2) {
     const R = B[h] ? { label: B[h].display_name || B[h].label || B[h].key, value: m(B[h].value) } : null, he = B[h + 1] ? { label: B[h + 1].display_name || B[h + 1].label || B[h + 1].key, value: m(B[h + 1].value) } : null;
-    fe.push([R, he]);
+    pe.push([R, he]);
   }
-  fe.push([
+  pe.push([
     { label: "Outcome Quality", value: u },
     { isMoreDetails: !0 }
-  ]), fe.forEach((h) => xe.push(h));
-  const pe = [
+  ]), pe.forEach((h) => xe.push(h));
+  const de = [
     te != null && { label: "Resolution Outcome", value: te },
     re != null && { label: "Customer Intent", value: re },
     // resolvedLocation != null && { label: 'Location', value: resolvedLocation },
@@ -420,7 +420,7 @@ const Ot = {
       ge.push([h[R], h[R + 1] || null]);
   }
   const c = k ? ge : xe;
-  Ne(() => {
+  Be(() => {
     if (!S)
       return;
     const h = (R) => {
@@ -431,11 +431,11 @@ const Ot = {
   const Q = (h) => /* @__PURE__ */ i(
     "div",
     {
-      style: Wi,
+      style: Ii,
       children: [
         /* @__PURE__ */ t("span", { style: { color: "var(--Grey-Strong, #2E3236)", whiteSpace: "nowrap", flexShrink: 0 }, children: h.label }),
         /* @__PURE__ */ t(
-          Ii,
+          Di,
           {
             text: h.value,
             style: {
@@ -455,7 +455,7 @@ const Ot = {
       ]
     },
     h.label
-  ), Ye = () => /* @__PURE__ */ i(
+  ), Oe = () => /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -495,11 +495,11 @@ const Ot = {
             },
             children: [
               /* @__PURE__ */ t("span", { children: "More Details" }),
-              S ? /* @__PURE__ */ t(st, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }) : /* @__PURE__ */ t($e, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 })
+              S ? /* @__PURE__ */ t(at, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }) : /* @__PURE__ */ t(je, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 })
             ]
           }
         ),
-        G && /* @__PURE__ */ i(
+        H && /* @__PURE__ */ i(
           "button",
           {
             onClick: g || (() => {
@@ -521,7 +521,7 @@ const Ot = {
               flexShrink: 0
             },
             children: [
-              /* @__PURE__ */ t(ei, { size: 15, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ t(ti, { size: 15, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
               /* @__PURE__ */ t("span", { style: { fontSize: 13, lineHeight: "normal" }, children: "Edit" })
             ]
           }
@@ -557,14 +557,14 @@ const Ot = {
                 flexWrap: "nowrap"
               },
               children: [
-                /* @__PURE__ */ t("div", { style: Ot, children: h[0] && !h[0].isMoreDetails ? Q(h[0]) : /* @__PURE__ */ t("div", { style: { flex: 1 } }) }),
-                /* @__PURE__ */ t("div", { style: Ot, children: h[1] && !h[1].isMoreDetails ? Q(h[1]) : (he = h[1]) != null && he.isMoreDetails ? Ye() : /* @__PURE__ */ t("div", { style: { flex: 1 } }) })
+                /* @__PURE__ */ t("div", { style: Yt, children: h[0] && !h[0].isMoreDetails ? Q(h[0]) : /* @__PURE__ */ t("div", { style: { flex: 1 } }) }),
+                /* @__PURE__ */ t("div", { style: Yt, children: h[1] && !h[1].isMoreDetails ? Q(h[1]) : (he = h[1]) != null && he.isMoreDetails ? Oe() : /* @__PURE__ */ t("div", { style: { flex: 1 } }) })
               ]
             },
             R
           );
         }),
-        !k && S && pe.length > 0 && /* @__PURE__ */ i(
+        !k && S && de.length > 0 && /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -594,7 +594,7 @@ const Ot = {
                 borderBottom: "1px solid var(--Grey-absent, #D9D9D9)",
                 alignSelf: "stretch"
               }, children: "More details" }),
-              pe.map((h) => /* @__PURE__ */ i(
+              de.map((h) => /* @__PURE__ */ i(
                 "div",
                 {
                   style: {
@@ -629,7 +629,7 @@ const Ot = {
       ]
     }
   );
-}, Yt = ({ children: e, size: n = 28, onClick: r, title: o }) => {
+}, Kt = ({ children: e, size: n = 28, onClick: r, title: o }) => {
   const [a, l] = I(!1);
   return /* @__PURE__ */ t(
     "div",
@@ -653,7 +653,7 @@ const Ot = {
       children: e
     }
   );
-}, zi = ({
+}, Mi = ({
   signals: e = { signals: [], present_count: 0, total_signals_evaluated: 0 },
   expandedSignals: n = /* @__PURE__ */ new Set(),
   toggleSignal: r = () => {
@@ -670,7 +670,7 @@ const Ot = {
   const p = (e == null ? void 0 : e.signals) ?? [], b = (e == null ? void 0 : e.present_count) ?? p.length, w = (g) => {
     const k = Math.floor(g / 6e4), S = Math.floor(g % 6e4 / 1e3);
     return `${k.toString().padStart(2, "0")}:${S.toString().padStart(2, "0")}`;
-  }, G = (g) => d && g.start_ms != null && f * 1e3 >= g.start_ms && f * 1e3 <= (g.end_ms ?? g.start_ms + 5e3);
+  }, H = (g) => d && g.start_ms != null && f * 1e3 >= g.start_ms && f * 1e3 <= (g.end_ms ?? g.start_ms + 5e3);
   return /* @__PURE__ */ i("div", { style: {
     display: "flex",
     flexDirection: "column",
@@ -694,7 +694,7 @@ const Ot = {
         borderRadius: 9999,
         background: "var(--surface-hover, #F3F7F7)",
         flexShrink: 0
-      }, children: /* @__PURE__ */ t(tn, { size: 20, color: "#2E3236", strokeWidth: 1.5 }) }),
+      }, children: /* @__PURE__ */ t(nn, { size: 20, color: "#2E3236", strokeWidth: 1.5 }) }),
       /* @__PURE__ */ i("div", { style: {
         display: "flex",
         alignItems: "center",
@@ -780,7 +780,7 @@ const Ot = {
                         ")"
                       ] })
                     ] }),
-                    W ? /* @__PURE__ */ t(st, { size: 20, color: "#767473" }) : /* @__PURE__ */ t($e, { size: 20, color: "#767473" })
+                    W ? /* @__PURE__ */ t(at, { size: 20, color: "#767473" }) : /* @__PURE__ */ t(je, { size: 20, color: "#767473" })
                   ]
                 }
               ),
@@ -826,14 +826,14 @@ const Ot = {
                             },
                             children: [
                               /* @__PURE__ */ t(
-                                Yt,
+                                Kt,
                                 {
                                   size: 28,
                                   title: "Show in transcript",
                                   onClick: (A) => {
                                     A.stopPropagation(), l(T.evidence[0].start_ms);
                                   },
-                                  children: /* @__PURE__ */ t(nn, { size: 16, color: "#808183", strokeWidth: 1.5 })
+                                  children: /* @__PURE__ */ t(rn, { size: 16, color: "#808183", strokeWidth: 1.5 })
                                 }
                               ),
                               /* @__PURE__ */ t("span", { style: {
@@ -865,15 +865,15 @@ const Ot = {
                               cursor: m ? "pointer" : "default"
                             },
                             children: [
-                              m && /* @__PURE__ */ t(Yt, { size: 28, children: G(A) ? /* @__PURE__ */ t(
-                                rn,
+                              m && /* @__PURE__ */ t(Kt, { size: 28, children: H(A) ? /* @__PURE__ */ t(
+                                ln,
                                 {
                                   size: 17,
                                   color: "var(--Grey-Muted, #808183)",
                                   strokeWidth: 1.5
                                 }
                               ) : /* @__PURE__ */ t(
-                                ln,
+                                on,
                                 {
                                   size: 17,
                                   color: "var(--Grey-Muted, #808183)",
@@ -915,8 +915,8 @@ const Ot = {
   accent: "var(--rail-orange, #C98A5A)",
   track: "var(--rail-surface-2, #E3E1D7)",
   infoIcon: "var(--color-input-border, #ACACAD)"
-}, Mi = ({ score: e = 4, minScore: n = 0, maxScore: r = 5 }) => {
-  const w = Number(e), G = Number.isFinite(w) ? Math.min(Math.max(w, n), r) : n, g = r > n ? (G - n) / (r - n) * 5 : 0, k = 180 / 5, S = (L) => {
+}, Gi = ({ score: e = 4, minScore: n = 0, maxScore: r = 5 }) => {
+  const w = Number(e), H = Number.isFinite(w) ? Math.min(Math.max(w, n), r) : n, g = r > n ? (H - n) / (r - n) * 5 : 0, k = 180 / 5, S = (L) => {
     const C = L * Math.PI / 180;
     return {
       x: 121.5 + 85 * Math.cos(C),
@@ -953,7 +953,7 @@ const Ot = {
       )
     ] }, C);
   }) });
-}, _i = ({ value: e = 0, maxValue: n = 5 }) => {
+}, Hi = ({ value: e = 0, maxValue: n = 5 }) => {
   const r = Number(e), o = Number.isFinite(r) ? Math.min(Math.max(r, 0), n) : 0;
   return /* @__PURE__ */ t("div", { style: { display: "flex", gap: 2 }, children: Array.from({ length: n }, (a, l) => {
     const d = Math.max(0, Math.min(1, o - l));
@@ -981,12 +981,12 @@ const Ot = {
       l
     );
   }) });
-}, Gi = {
+}, _i = {
   CSAT: "Predicted Customer Satisfaction",
   Resolution: "Predicted Resolution: was the issue fully resolved?",
   "Process Adherence": "Process Adherence: Did the agent follow procedures?",
   Communication: "Predicted Communication Quality: Clarity, Empathy, Professionalism"
-}, Hi = ({ text: e, children: n }) => {
+}, Ei = ({ text: e, children: n }) => {
   const [r, o] = I(!1), a = $(null), [l, d] = I({ top: 0, left: 0 });
   return /* @__PURE__ */ i(
     "div",
@@ -1030,7 +1030,7 @@ const Ot = {
       ]
     }
   );
-}, Ei = ({ label: e, value: n = 0, maxValue: r = 5 }) => /* @__PURE__ */ i("div", { style: {
+}, Ti = ({ label: e, value: n = 0, maxValue: r = 5 }) => /* @__PURE__ */ i("div", { style: {
   display: "flex",
   flexDirection: "column",
   gap: 8,
@@ -1049,10 +1049,10 @@ const Ot = {
       fontFamily: "var(--font-sans)",
       lineHeight: "normal"
     }, children: e }),
-    /* @__PURE__ */ t(Hi, { text: Gi[e] || e, children: /* @__PURE__ */ t(on, { size: 14, color: V.infoIcon, strokeWidth: 1, style: { cursor: "pointer" } }) })
+    /* @__PURE__ */ t(Ei, { text: _i[e] || e, children: /* @__PURE__ */ t(an, { size: 14, color: V.infoIcon, strokeWidth: 1, style: { cursor: "pointer" } }) })
   ] }),
-  /* @__PURE__ */ t(_i, { value: n, maxValue: r })
-] }), Ti = ({
+  /* @__PURE__ */ t(Hi, { value: n, maxValue: r })
+] }), Ai = ({
   score: e = 4,
   minScore: n = 0,
   maxScore: r = 5,
@@ -1069,7 +1069,7 @@ const Ot = {
     { label: "Communication", value: 3 }
   ]
 }) => {
-  const p = ve("(max-width: 640px)"), b = Number(e), w = Number.isFinite(b) ? Math.min(Math.max(b, n), r) : n, G = w.toFixed(1), g = G.endsWith(".0") ? G.slice(0, -2) : G;
+  const p = ve("(max-width: 640px)"), b = Number(e), w = Number.isFinite(b) ? Math.min(Math.max(b, n), r) : n, H = w.toFixed(1), g = H.endsWith(".0") ? H.slice(0, -2) : H;
   return /* @__PURE__ */ i("div", { style: {
     display: "flex",
     flexDirection: "column",
@@ -1120,7 +1120,7 @@ const Ot = {
         alignItems: "center",
         display: "flex"
       }, children: [
-        /* @__PURE__ */ t(Mi, { score: e, minScore: n, maxScore: r }),
+        /* @__PURE__ */ t(Gi, { score: e, minScore: n, maxScore: r }),
         (() => {
           const W = -(180 - (r > n ? (w - n) / (r - n) : 0) * 180 - 45);
           return /* @__PURE__ */ i(
@@ -1196,7 +1196,7 @@ const Ot = {
           background: V.absent
         } }),
         f.map((k, S) => /* @__PURE__ */ t(
-          Ei,
+          Ti,
           {
             label: k.label,
             value: k.value
@@ -1206,12 +1206,12 @@ const Ot = {
       ] })
     ] })
   ] });
-}, dn = (e) => {
+}, cn = (e) => {
   if (!e)
     return null;
   const r = String(e).trim().toLowerCase().split(/[^a-z]+/).filter(Boolean);
   return r.includes("supervisor") ? "var(--rail-compliance, #C98A5A)" : r.includes("admin") || r.includes("administrator") || r.includes("superadmin") ? "var(--rail-discovery, #5E88B0)" : r.includes("agent") ? "var(--rail-outcome, #6B7C93)" : null;
-}, Ai = (e) => {
+}, Ri = (e) => {
   var o, a, l, d, f, p;
   if (!e)
     return null;
@@ -1224,12 +1224,12 @@ const Ot = {
     return n.name || n.value || n.label || null;
   const r = ((o = e.user) == null ? void 0 : o.role) ?? ((a = e.user) == null ? void 0 : a.userRole) ?? ((l = e.user) == null ? void 0 : l.user_role) ?? ((d = e.profile) == null ? void 0 : d.role) ?? ((f = e.profile) == null ? void 0 : f.userRole) ?? ((p = e.profile) == null ? void 0 : p.user_role);
   return typeof r == "string" ? r : Array.isArray(r) ? r.join(" ") : r && typeof r == "object" && (r.name || r.value || r.label) || null;
-}, cn = (e) => {
+}, fn = (e) => {
   if (!e)
     return "#6B7C93";
-  const n = Ai(e);
-  return dn(n) || e.color || "#6B7C93";
-}, Oe = (e) => (e || "").split(" ").map((n) => n[0]).join("").toUpperCase() || "U", Ri = (e) => {
+  const n = Ri(e);
+  return cn(n) || e.color || "#6B7C93";
+}, $e = (e) => (e || "").split(" ").map((n) => n[0]).join("").toUpperCase() || "U", Li = (e) => {
   if (!e || e === "Just now")
     return !0;
   if (/^\d{4}-\d{2}-\d{2}T/.test(e))
@@ -1241,7 +1241,7 @@ const Ot = {
     }
   const n = e.match(/^(\d+)\s*min/);
   return n ? parseInt(n[1], 10) < 15 : !(/\d+\s*h/.test(e) || /\d+\s*day/.test(e));
-}, Li = (e) => {
+}, Bi = (e) => {
   if (!e)
     return "";
   if (!/^\d{4}-\d{2}-\d{2}T/.test(e))
@@ -1262,7 +1262,7 @@ const Ot = {
   } catch {
     return e;
   }
-}, fn = ({ name: e, initials: n, color: r, avatar: o, size: a = 36 }) => o ? /* @__PURE__ */ t(
+}, pn = ({ name: e, initials: n, color: r, avatar: o, size: a = 36 }) => o ? /* @__PURE__ */ t(
   "img",
   {
     src: o,
@@ -1294,9 +1294,9 @@ const Ot = {
       letterSpacing: "0.02em"
     },
     title: e,
-    children: n || Oe(e)
+    children: n || $e(e)
   }
-), Bi = ({
+), Ni = ({
   comment: e,
   isReply: n = !1,
   isConsecutive: r = !1,
@@ -1307,23 +1307,23 @@ const Ot = {
   onMenuClick: f,
   showReply: p = !0
 }) => {
-  var pe, ge;
-  const [b, w] = I(!1), [G, g] = I(!1), [k, S] = I(!1), [W, D] = I(""), [L, C] = I(!1), [z, T] = I(""), [Y, N] = I(!1), q = $(null), ee = $(null), A = $(null), y = e.author || {}, m = y.name || e.author_name || "Unknown", u = y.initials || Oe(m), te = y.role || e.author_role, re = y.color || dn(te) || "#6B7C93", le = y.avatar || e.avatar, ne = e.timestamp || e.created_at, se = Li(ne), B = Ri(ne), xe = !!(e.isEdited || e.is_edited || e.edited), fe = Array.isArray(e.content) ? e.content : [e.content || e.text || ""];
-  return ke.useEffect(() => {
-    if (!G)
+  var de, ge;
+  const [b, w] = I(!1), [H, g] = I(!1), [k, S] = I(!1), [W, D] = I(""), [L, C] = I(!1), [z, T] = I(""), [Y, N] = I(!1), q = $(null), ee = $(null), A = $(null), y = e.author || {}, m = y.name || e.author_name || "Unknown", u = y.initials || $e(m), te = y.role || e.author_role, re = y.color || cn(te) || "#6B7C93", le = y.avatar || e.avatar, ne = e.timestamp || e.created_at, se = Bi(ne), B = Li(ne), xe = !!(e.isEdited || e.is_edited || e.edited), pe = Array.isArray(e.content) ? e.content : [e.content || e.text || ""];
+  return Se.useEffect(() => {
+    if (!H)
       return;
     const c = (Q) => {
       q.current && !q.current.contains(Q.target) && g(!1);
     };
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, [G]), ke.useEffect(() => {
+  }, [H]), Se.useEffect(() => {
     const c = ee.current;
     if (!c)
       return;
     c.style.height = "auto";
     const Q = 140;
     c.style.height = Math.min(c.scrollHeight, Q) + "px", c.style.overflowY = c.scrollHeight > Q ? "auto" : "hidden";
-  }, [W, k]), ke.useEffect(() => {
+  }, [W, k]), Se.useEffect(() => {
     const c = A.current;
     if (!c)
       return;
@@ -1345,7 +1345,7 @@ const Ot = {
       },
       children: [
         r ? /* @__PURE__ */ t("div", { style: { width: 36, flexShrink: 0 } }) : /* @__PURE__ */ t(
-          fn,
+          pn,
           {
             name: m,
             initials: u,
@@ -1420,14 +1420,14 @@ const Ot = {
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
-                        opacity: b || G ? 1 : 0,
+                        opacity: b || H ? 1 : 0,
                         transition: "opacity 0.15s",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ t(ii, { size: 24, color: "var(--Grey-Muted, #808183)" })
+                      children: /* @__PURE__ */ t(ri, { size: 24, color: "var(--Grey-Muted, #808183)" })
                     }
                   ),
-                  G && /* @__PURE__ */ i(
+                  H && /* @__PURE__ */ i(
                     "div",
                     {
                       style: {
@@ -1596,7 +1596,7 @@ const Ot = {
                           children: [
                             "“",
                             " ",
-                            ((pe = e.author) == null ? void 0 : pe.name) || "Unknown"
+                            ((de = e.author) == null ? void 0 : de.name) || "Unknown"
                           ]
                         }
                       ),
@@ -1614,7 +1614,7 @@ const Ot = {
                             cursor: "pointer",
                             padding: 0
                           },
-                          children: /* @__PURE__ */ t(Tt, { size: 20, color: "var(--Grey-Muted, #808183)" })
+                          children: /* @__PURE__ */ t(At, { size: 20, color: "var(--Grey-Muted, #808183)" })
                         }
                       )
                     ]
@@ -1700,7 +1700,7 @@ const Ot = {
             }
           ) : (
             /* Message bubbles — stacked, gap: 4px, fit content */
-            /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignItems: "flex-start" }, children: fe.map((c, Q) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignItems: "flex-start" }, children: pe.map((c, Q) => /* @__PURE__ */ t(
               "div",
               {
                 style: {
@@ -1813,7 +1813,7 @@ const Ot = {
                 transition: "color 0.15s"
               },
               children: [
-                /* @__PURE__ */ t(ri, { size: 20, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ t(li, { size: 20, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
                 "Reply"
               ]
             }
@@ -1881,7 +1881,7 @@ const Ot = {
                               cursor: "pointer",
                               padding: 0
                             },
-                            children: /* @__PURE__ */ t(Tt, { size: 20, color: "var(--Grey-Muted, #808183)" })
+                            children: /* @__PURE__ */ t(At, { size: 20, color: "var(--Grey-Muted, #808183)" })
                           }
                         )
                       ]
@@ -2004,9 +2004,9 @@ const Ot = {
       ]
     }
   );
-}, Ni = ({ currentUser: e, onSubmit: n }) => {
+}, Pi = ({ currentUser: e, onSubmit: n }) => {
   const [r, o] = I(""), [a, l] = I(!1), d = $(null);
-  Ne(() => {
+  Be(() => {
     const g = d.current;
     if (!g)
       return;
@@ -2023,15 +2023,15 @@ const Ot = {
         return;
       g.preventDefault(), f();
     }
-  }, b = (e == null ? void 0 : e.initials) || Oe(e == null ? void 0 : e.name), w = cn(e), G = e == null ? void 0 : e.avatar;
+  }, b = (e == null ? void 0 : e.initials) || $e(e == null ? void 0 : e.name), w = fn(e), H = e == null ? void 0 : e.avatar;
   return /* @__PURE__ */ i("div", { style: { display: "flex", gap: 16, alignItems: "flex-start" }, children: [
     /* @__PURE__ */ t(
-      fn,
+      pn,
       {
         name: e == null ? void 0 : e.name,
         initials: b,
         color: w,
-        avatar: G
+        avatar: H
       }
     ),
     /* @__PURE__ */ t(
@@ -2121,11 +2121,11 @@ const Ot = {
       }
     )
   ] });
-}, pn = ({ comment: e, depth: n = 0, isConsecutive: r = !1, onReply: o, onSendReply: a, onEdit: l, onDelete: d, onMenuClick: f }) => {
+}, gn = ({ comment: e, depth: n = 0, isConsecutive: r = !1, onReply: o, onSendReply: a, onEdit: l, onDelete: d, onMenuClick: f }) => {
   const p = e.replies && e.replies.length > 0, b = !p;
-  return /* @__PURE__ */ i(ke.Fragment, { children: [
+  return /* @__PURE__ */ i(Se.Fragment, { children: [
     /* @__PURE__ */ t("div", { style: { paddingLeft: n > 0 ? Math.min(n * 32, 128) : 0 }, children: /* @__PURE__ */ t(
-      Bi,
+      Ni,
       {
         comment: e,
         isReply: n > 0,
@@ -2139,7 +2139,7 @@ const Ot = {
       }
     ) }),
     p && e.replies.map((w) => /* @__PURE__ */ t(
-      pn,
+      gn,
       {
         comment: w,
         depth: n + 1,
@@ -2152,7 +2152,7 @@ const Ot = {
       w.id
     ))
   ] });
-}, Pi = ({
+}, ji = ({
   comments: e = [],
   totalComments: n,
   children: r,
@@ -2164,20 +2164,20 @@ const Ot = {
   onMenuClick: p,
   onMarkResolved: b,
   currentUser: w,
-  isResolved: G = !1
+  isResolved: H = !1
 }) => {
-  const [g, k] = I([]), [S, W] = I(!1), D = Ie(() => {
+  const [g, k] = I([]), [S, W] = I(!1), D = We(() => {
     const y = new Set(e.map((u) => u.id)), m = g.filter((u) => !y.has(u.id));
     return [...e, ...m];
   }, [e, g]);
-  ke.useEffect(() => {
+  Se.useEffect(() => {
     const y = new Set(e.map((m) => m.id));
     k((m) => m.filter((u) => !y.has(u.id)));
   }, [e]);
-  const L = Ie(() => {
+  const L = We(() => {
     if (!w)
       return { name: "You", initials: "YO", color: "#6B7C93" };
-    const y = w.name || "You", m = w.initials || Oe(y), u = cn(w);
+    const y = w.name || "You", m = w.initials || $e(y), u = fn(w);
     return { ...w, name: y, initials: m, color: u };
   }, [w]), C = async ({ content: y, parentId: m }) => {
     if (l) {
@@ -2222,7 +2222,7 @@ const Ot = {
     ), d == null || d(y);
   }, Y = (y) => {
     k((m) => m.filter((u) => u.id !== y.id)), f == null || f(y);
-  }, N = Ie(() => {
+  }, N = We(() => {
     const y = {};
     D.forEach((u) => {
       u.parentId && (y[u.parentId] || (y[u.parentId] = []), y[u.parentId].push(u));
@@ -2257,7 +2257,7 @@ const Ot = {
               alignSelf: "stretch"
             },
             children: [
-              /* @__PURE__ */ t(Et, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ t(Tt, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 1.5 }),
               /* @__PURE__ */ t(
                 "span",
                 {
@@ -2311,7 +2311,7 @@ const Ot = {
                             justifyContent: "center",
                             flexShrink: 0
                           },
-                          children: /* @__PURE__ */ t(Et, { style: { width: 20, height: 20, flexShrink: 0 }, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 })
+                          children: /* @__PURE__ */ t(Tt, { style: { width: 20, height: 20, flexShrink: 0 }, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 })
                         }
                       ),
                       /* @__PURE__ */ t(
@@ -2343,7 +2343,7 @@ const Ot = {
                           ]
                         }
                       ),
-                      G ? /* @__PURE__ */ i(
+                      H ? /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
@@ -2358,7 +2358,7 @@ const Ot = {
                             flexShrink: 0
                           },
                           children: [
-                            /* @__PURE__ */ t(ti, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 2 }),
+                            /* @__PURE__ */ t(ni, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 2 }),
                             /* @__PURE__ */ t(
                               "span",
                               {
@@ -2400,7 +2400,7 @@ const Ot = {
                             ...A ? { width: "100%", order: 1 } : {}
                           },
                           children: [
-                            /* @__PURE__ */ t(ni, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
+                            /* @__PURE__ */ t(ii, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
                             "Mark as Resolved"
                           ]
                         }
@@ -2423,7 +2423,7 @@ const Ot = {
                       var ne, se;
                       const u = m > 0 ? N[m - 1] : null, te = ((ne = u == null ? void 0 : u.author) == null ? void 0 : ne.name) || (u == null ? void 0 : u.author_name), re = ((se = y.author) == null ? void 0 : se.name) || y.author_name, le = u && te === re && (!u.replies || u.replies.length === 0);
                       return /* @__PURE__ */ t(
-                        pn,
+                        gn,
                         {
                           comment: y,
                           depth: 0,
@@ -2450,7 +2450,7 @@ const Ot = {
                       marginLeft: 48
                     },
                     children: [
-                      /* @__PURE__ */ t(on, { size: 16, color: "var(--Grey-Muted, #808183)" }),
+                      /* @__PURE__ */ t(an, { size: 16, color: "var(--Grey-Muted, #808183)" }),
                       /* @__PURE__ */ t(
                         "span",
                         {
@@ -2505,7 +2505,7 @@ const Ot = {
                     ]
                   }
                 ),
-                /* @__PURE__ */ t(Ni, { currentUser: L, onSubmit: z })
+                /* @__PURE__ */ t(Pi, { currentUser: L, onSubmit: z })
               ] }),
               /* @__PURE__ */ t(
                 "div",
@@ -2523,7 +2523,7 @@ const Ot = {
       ]
     }
   );
-}, _ = {
+}, G = {
   strong: "var(--Grey-Strong, #2E3236)",
   muted: "var(--Grey-Muted, #808183)",
   border: "var(--Grey-absent, #D9D9D9)",
@@ -2541,7 +2541,7 @@ const Ot = {
   impactPositiveInk: "var(--state-present, #25A372)",
   impactNegativeBg: "rgba(208, 74, 74, 0.12)",
   impactNegativeInk: "var(--color-red-strong, #D04A4A)"
-}, ji = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", Kt = ({ children: e, size: n = 24, onClick: r, title: o }) => {
+}, $i = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", Vt = ({ children: e, size: n = 24, onClick: r, title: o }) => {
   const [a, l] = I(!1);
   return /* @__PURE__ */ t(
     "div",
@@ -2557,7 +2557,7 @@ const Ot = {
         width: n,
         height: n,
         borderRadius: 9999,
-        background: a ? _.surfaceHover : "transparent",
+        background: a ? G.surfaceHover : "transparent",
         cursor: "pointer",
         flexShrink: 0,
         transition: "background 0.15s"
@@ -2565,19 +2565,19 @@ const Ot = {
       children: e
     }
   );
-}, $i = (e) => {
+}, Oi = (e) => {
   const n = Math.floor(e / 6e4), r = Math.floor(e % 6e4 / 1e3);
   return `${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
-}, Oi = ({
+}, Yi = ({
   icon: e
   /* tone — unused */
 }) => {
-  const n = { size: 16, color: _.strong, strokeWidth: 1.5 };
-  return e === "thumbs_down" ? /* @__PURE__ */ t(Pe, { ...n }) : e === "focus" ? /* @__PURE__ */ t(an, { ...n }) : /* @__PURE__ */ t(je, { ...n });
-}, Yi = ({ label: e, direction: n }) => {
+  const n = { size: 16, color: G.strong, strokeWidth: 1.5 };
+  return e === "thumbs_down" ? /* @__PURE__ */ t(Ne, { ...n }) : e === "focus" ? /* @__PURE__ */ t(sn, { ...n }) : /* @__PURE__ */ t(Pe, { ...n });
+}, Ki = ({ label: e, direction: n }) => {
   if (!e)
     return null;
-  const r = n === "negative" ? Pe : je;
+  const r = n === "negative" ? Ne : Pe;
   return /* @__PURE__ */ i(
     "span",
     {
@@ -2585,8 +2585,8 @@ const Ot = {
         display: "inline-flex",
         alignItems: "center",
         gap: 4,
-        background: _.surfaceHover,
-        color: _.strong,
+        background: G.surfaceHover,
+        color: G.strong,
         padding: "2px 8px",
         borderRadius: 9999,
         fontSize: 12,
@@ -2597,11 +2597,11 @@ const Ot = {
       },
       children: [
         e,
-        /* @__PURE__ */ t(r, { size: 12, color: _.strong, strokeWidth: 2 })
+        /* @__PURE__ */ t(r, { size: 12, color: G.strong, strokeWidth: 2 })
       ]
     }
   );
-}, Ki = ({
+}, Vi = ({
   evidence: e,
   onPlayEvidence: n,
   onShowInTranscript: r,
@@ -2617,7 +2617,7 @@ const Ot = {
         flexDirection: "column",
         gap: 6,
         paddingLeft: 12,
-        borderLeft: `2px solid ${_.warmBorder}`
+        borderLeft: `2px solid ${G.warmBorder}`
       },
       children: [
         /* @__PURE__ */ i(
@@ -2626,7 +2626,7 @@ const Ot = {
             style: {
               fontSize: 13,
               fontWeight: 400,
-              color: _.quoteText,
+              color: G.quoteText,
               lineHeight: 1.5,
               fontStyle: "italic",
               wordBreak: "break-word"
@@ -2654,43 +2654,43 @@ const Ot = {
                   style: {
                     fontSize: 12,
                     fontWeight: 500,
-                    color: _.muted,
+                    color: G.muted,
                     textTransform: "capitalize"
                   },
                   children: e.actor
                 }
               ),
-              f && /* @__PURE__ */ i(Be, { children: [
+              f && /* @__PURE__ */ i(Le, { children: [
                 /* @__PURE__ */ t(
-                  Kt,
+                  Vt,
                   {
                     size: 24,
                     title: b ? "Pause" : "Play evidence",
                     onClick: () => n == null ? void 0 : n({ start_ms: l, end_ms: d }),
                     children: b ? /* @__PURE__ */ t(
-                      rn,
+                      ln,
                       {
                         size: 16,
-                        color: _.strong,
+                        color: G.strong,
                         strokeWidth: 1.25
                       }
                     ) : /* @__PURE__ */ t(
-                      ln,
+                      on,
                       {
                         size: 16,
-                        color: _.muted,
+                        color: G.muted,
                         strokeWidth: 1.25
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ t(
-                  Kt,
+                  Vt,
                   {
                     size: 24,
                     title: "Show in transcript",
                     onClick: () => r == null ? void 0 : r(l),
-                    children: /* @__PURE__ */ t(nn, { size: 16, color: _.muted, strokeWidth: 1.5 })
+                    children: /* @__PURE__ */ t(rn, { size: 16, color: G.muted, strokeWidth: 1.5 })
                   }
                 ),
                 /* @__PURE__ */ t(
@@ -2699,11 +2699,11 @@ const Ot = {
                     style: {
                       fontSize: 12,
                       fontWeight: 400,
-                      color: _.muted,
+                      color: G.muted,
                       lineHeight: 1.2,
                       whiteSpace: "nowrap"
                     },
-                    children: $i(l)
+                    children: Oi(l)
                   }
                 )
               ] })
@@ -2713,7 +2713,7 @@ const Ot = {
       ]
     }
   );
-}, Vi = ({
+}, qi = ({
   signal: e,
   onPlayEvidence: n,
   onShowInTranscript: r,
@@ -2741,7 +2741,7 @@ const Ot = {
             },
             children: [
               /* @__PURE__ */ t(
-                Yi,
+                Ki,
                 {
                   label: e.impact_label,
                   direction: e.impact_direction
@@ -2762,11 +2762,11 @@ const Ot = {
                     cursor: "pointer",
                     fontSize: 12,
                     fontWeight: 500,
-                    color: _.muted,
+                    color: G.muted,
                     fontFamily: "inherit"
                   },
                   children: [
-                    f ? /* @__PURE__ */ t($e, { size: 14, color: _.muted, strokeWidth: 1.5 }) : /* @__PURE__ */ t(sn, { size: 14, color: _.muted, strokeWidth: 1.5 }),
+                    f ? /* @__PURE__ */ t(je, { size: 14, color: G.muted, strokeWidth: 1.5 }) : /* @__PURE__ */ t(dn, { size: 14, color: G.muted, strokeWidth: 1.5 }),
                     l.length,
                     " ",
                     l.length === 1 ? "quote" : "quotes"
@@ -2786,7 +2786,7 @@ const Ot = {
               paddingTop: 4
             },
             children: l.map((b, w) => /* @__PURE__ */ t(
-              Ki,
+              Vi,
               {
                 evidence: b,
                 onPlayEvidence: n,
@@ -2801,7 +2801,7 @@ const Ot = {
       ]
     }
   );
-}, qi = ({
+}, Qi = ({
   item: e,
   isLast: n,
   onPlayEvidence: r,
@@ -2818,7 +2818,7 @@ const Ot = {
         alignItems: "flex-start",
         gap: 12,
         padding: "16px 16px",
-        borderBottom: n ? "none" : `1px solid ${_.border}`
+        borderBottom: n ? "none" : `1px solid ${G.border}`
       },
       children: [
         /* @__PURE__ */ t(
@@ -2833,7 +2833,7 @@ const Ot = {
               flexShrink: 0,
               marginTop: 2
             },
-            children: /* @__PURE__ */ t(Oi, { icon: e.icon, tone: e.tone })
+            children: /* @__PURE__ */ t(Yi, { icon: e.icon, tone: e.tone })
           }
         ),
         /* @__PURE__ */ i(
@@ -2851,10 +2851,10 @@ const Ot = {
                 "span",
                 {
                   style: {
-                    fontFamily: ji,
+                    fontFamily: $i,
                     fontSize: 14,
                     fontWeight: 400,
-                    color: _.strong,
+                    color: G.strong,
                     lineHeight: "normal",
                     wordBreak: "break-word"
                   },
@@ -2870,7 +2870,7 @@ const Ot = {
                     gap: 12
                   },
                   children: d.map((f, p) => /* @__PURE__ */ t(
-                    Vi,
+                    qi,
                     {
                       signal: f,
                       onPlayEvidence: r,
@@ -2888,7 +2888,7 @@ const Ot = {
       ]
     }
   );
-}, Qi = ({ summary: e }) => {
+}, Zi = ({ summary: e }) => {
   if (!e || typeof e != "object")
     return null;
   const n = Number(e.focus_count) || 0, r = Number(e.opportunity_count) || 0, o = Number(e.excellence_count) || 0;
@@ -2899,22 +2899,22 @@ const Ot = {
       key: "excellence",
       label: "Excellence",
       count: o,
-      Icon: je,
-      color: _.strong
+      Icon: Pe,
+      color: G.strong
     },
     {
       key: "opportunity",
       label: "Opportunity",
       count: r,
-      Icon: Pe,
-      color: _.strong
+      Icon: Ne,
+      color: G.strong
     },
     {
       key: "focus",
       label: "Focus",
       count: n,
-      Icon: an,
-      color: _.strong
+      Icon: sn,
+      color: G.strong
     }
   ].filter((l) => l.count > 0);
   return /* @__PURE__ */ t(
@@ -2925,7 +2925,7 @@ const Ot = {
         alignItems: "center",
         gap: 16,
         padding: "8px 16px",
-        background: _.surfaceHover,
+        background: G.surfaceHover,
         borderRadius: 8
       },
       children: a.map(({ key: l, label: d, count: f, Icon: p, color: b }) => /* @__PURE__ */ i(
@@ -2940,7 +2940,7 @@ const Ot = {
                 style: {
                   fontSize: 13,
                   fontWeight: 600,
-                  color: _.strong,
+                  color: G.strong,
                   lineHeight: 1.2
                 },
                 children: f
@@ -2952,7 +2952,7 @@ const Ot = {
                 style: {
                   fontSize: 13,
                   fontWeight: 400,
-                  color: _.muted,
+                  color: G.muted,
                   lineHeight: 1.2
                 },
                 children: d
@@ -2964,7 +2964,7 @@ const Ot = {
       ))
     }
   );
-}, Zi = 5, Xi = ({
+}, Xi = 5, Ji = ({
   items: e = [],
   summary: n,
   guidanceCount: r,
@@ -2974,7 +2974,7 @@ const Ot = {
   timelinePlaying: d = !1,
   currentTimeSeconds: f = 0
 }) => {
-  const p = Array.isArray(e) ? e.filter(Boolean).slice(0, Zi) : [], b = r ?? p.length;
+  const p = Array.isArray(e) ? e.filter(Boolean).slice(0, Xi) : [], b = r ?? p.length;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -3003,17 +3003,17 @@ const Ot = {
                     width: 34,
                     height: 34,
                     borderRadius: 9999,
-                    background: _.surfaceHover,
+                    background: G.surfaceHover,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     flexShrink: 0
                   },
                   children: /* @__PURE__ */ t(
-                    Ut,
+                    en,
                     {
                       style: { width: 20, height: 20, flexShrink: 0 },
-                      color: _.strong,
+                      color: G.strong,
                       strokeWidth: 1.5
                     }
                   )
@@ -3026,7 +3026,7 @@ const Ot = {
                     flex: 1,
                     fontSize: 16,
                     fontWeight: 500,
-                    color: _.strong,
+                    color: G.strong,
                     lineHeight: 1.2
                   },
                   children: "Guidance"
@@ -3038,7 +3038,7 @@ const Ot = {
                   style: {
                     fontSize: 14,
                     fontWeight: 500,
-                    color: _.strong,
+                    color: G.strong,
                     lineHeight: 1.5,
                     whiteSpace: "nowrap"
                   },
@@ -3052,18 +3052,18 @@ const Ot = {
             ]
           }
         ),
-        /* @__PURE__ */ t(Qi, { summary: n }),
-        p.map((w, G) => /* @__PURE__ */ t(
-          qi,
+        /* @__PURE__ */ t(Zi, { summary: n }),
+        p.map((w, H) => /* @__PURE__ */ t(
+          Qi,
           {
             item: w,
-            isLast: G === p.length - 1,
+            isLast: H === p.length - 1,
             onPlayEvidence: a,
             onShowInTranscript: l,
             timelinePlaying: d,
             currentTimeSeconds: f
           },
-          G
+          H
         ))
       ]
     }
@@ -3074,32 +3074,32 @@ const Ot = {
   border: "var(--Grey-absent, #D9D9D9)",
   surface: "var(--Grey-White, #FFF)",
   surfaceHover: "var(--surface-hover, #F3F7F7)"
-}, Le = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", Ji = [
-  { key: "lookup_hold", label: "Lookup", Icon: oi },
-  { key: "formal_hold", label: "Hold", Icon: At },
-  { key: "extended_hold", label: "Extended", Icon: At },
-  { key: "transfer_hold", label: "Transfer", Icon: ai },
-  { key: "probable_hold", label: "Possible", Icon: si },
-  { key: "dead_air", label: "Dead air", Icon: di }
-], Ui = (e) => {
+}, Re = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", Ui = [
+  { key: "lookup_hold", label: "Lookup", Icon: ai },
+  { key: "formal_hold", label: "Hold", Icon: Rt },
+  { key: "extended_hold", label: "Extended", Icon: Rt },
+  { key: "transfer_hold", label: "Transfer", Icon: si },
+  { key: "probable_hold", label: "Possible", Icon: di },
+  { key: "dead_air", label: "Dead air", Icon: ci }
+], er = (e) => {
   if (e == null || Number.isNaN(e))
     return "—";
   const n = Number(e);
   return Number.isFinite(n) ? n >= 1e3 ? `${(n / 1e3).toFixed(1)}s` : `${Math.round(n)}ms` : "—";
-}, er = (e) => {
+}, tr = (e) => {
   if (e == null || Number.isNaN(e))
     return null;
   const n = Number(e);
   return Number.isFinite(n) ? `${(n * 100).toFixed(1)}%` : null;
-}, at = (e) => {
+}, ot = (e) => {
   if (e == null || Number.isNaN(e))
     return null;
   const n = Number(e);
   return Number.isFinite(n) ? n.toLocaleString() : null;
-}, tr = ({ holdTypeCounts: e }) => {
+}, nr = ({ holdTypeCounts: e }) => {
   if (!e || typeof e != "object")
     return null;
-  const n = Ji.map((r) => ({
+  const n = Ui.map((r) => ({
     ...r,
     count: Number(e[r.key]) || 0
   })).filter((r) => r.count > 0);
@@ -3125,7 +3125,7 @@ const Ot = {
               "span",
               {
                 style: {
-                  fontFamily: Le,
+                  fontFamily: Re,
                   fontSize: 13,
                   fontWeight: 600,
                   color: U.strong,
@@ -3138,7 +3138,7 @@ const Ot = {
               "span",
               {
                 style: {
-                  fontFamily: Le,
+                  fontFamily: Re,
                   fontSize: 13,
                   fontWeight: 400,
                   color: U.muted,
@@ -3153,11 +3153,11 @@ const Ot = {
       ))
     }
   );
-}, nr = ({ summary: e }) => {
-  const n = at(e == null ? void 0 : e.stall_count);
+}, ir = ({ summary: e }) => {
+  const n = ot(e == null ? void 0 : e.stall_count);
   if (!n)
     return null;
-  const r = er(e == null ? void 0 : e.stall_rate), o = at(e == null ? void 0 : e.stall_filler_count), a = at(e == null ? void 0 : e.stall_buying_time_count), l = [];
+  const r = tr(e == null ? void 0 : e.stall_rate), o = ot(e == null ? void 0 : e.stall_filler_count), a = ot(e == null ? void 0 : e.stall_buying_time_count), l = [];
   return o && l.push(`filler ${o}`), a && l.push(`buying time ${a}`), /* @__PURE__ */ i(
     "div",
     {
@@ -3166,7 +3166,7 @@ const Ot = {
         alignItems: "center",
         gap: 8,
         flexWrap: "wrap",
-        fontFamily: Le,
+        fontFamily: Re,
         fontSize: 13,
         lineHeight: 1.4
       },
@@ -3183,7 +3183,7 @@ const Ot = {
       ]
     }
   );
-}, Vt = ({ label: e, percentiles: n }) => {
+}, qt = ({ label: e, percentiles: n }) => {
   if (!n || typeof n != "object")
     return null;
   const r = [
@@ -3200,7 +3200,7 @@ const Ot = {
         alignItems: "baseline",
         gap: 12,
         flexWrap: "wrap",
-        fontFamily: Le,
+        fontFamily: Re,
         fontSize: 13,
         lineHeight: 1.4
       },
@@ -3219,12 +3219,12 @@ const Ot = {
         r.map((o) => /* @__PURE__ */ i("span", { style: { color: U.muted }, children: [
           /* @__PURE__ */ t("span", { style: { fontWeight: 500, color: U.strong }, children: o.label }),
           " ",
-          Ui(o.value)
+          er(o.value)
         ] }, o.key))
       ]
     }
   );
-}, ir = ({ summary: e }) => {
+}, rr = ({ summary: e }) => {
   if (!e || typeof e != "object")
     return null;
   const n = !!e.hold_type_counts && Object.values(e.hold_type_counts).some((d) => Number(d) > 0), r = (Number(e.stall_count) || 0) > 0, o = e.agent_response_percentiles_ms, a = e.customer_response_percentiles_ms, l = o && Object.values(o).some((d) => d != null) || a && Object.values(a).some((d) => d != null);
@@ -3263,7 +3263,7 @@ const Ot = {
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ t(li, { size: 20, color: U.strong, strokeWidth: 1.5 })
+                  children: /* @__PURE__ */ t(oi, { size: 20, color: U.strong, strokeWidth: 1.5 })
                 }
               ),
               /* @__PURE__ */ t(
@@ -3284,7 +3284,7 @@ const Ot = {
             ]
           }
         ),
-        n && /* @__PURE__ */ t(tr, { holdTypeCounts: e.hold_type_counts }),
+        n && /* @__PURE__ */ t(nr, { holdTypeCounts: e.hold_type_counts }),
         (r || l) && /* @__PURE__ */ i(
           "div",
           {
@@ -3297,10 +3297,10 @@ const Ot = {
               borderRadius: 8
             },
             children: [
-              r && /* @__PURE__ */ t(nr, { summary: e }),
-              l && /* @__PURE__ */ i(Be, { children: [
-                /* @__PURE__ */ t(Vt, { label: "Agent", percentiles: o }),
-                /* @__PURE__ */ t(Vt, { label: "Customer", percentiles: a })
+              r && /* @__PURE__ */ t(ir, { summary: e }),
+              l && /* @__PURE__ */ i(Le, { children: [
+                /* @__PURE__ */ t(qt, { label: "Agent", percentiles: o }),
+                /* @__PURE__ */ t(qt, { label: "Customer", percentiles: a })
               ] })
             ]
           }
@@ -3316,7 +3316,7 @@ const Ot = {
   // Section header icon — Figma uses the warm orange accent used for other
   // section markers (clipboard, compass) across the interaction details.
   iconAccent: "var(--rail-orange, #C98A5A)"
-}, De = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", qt = (e) => {
+}, Ie = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", Qt = (e) => {
   if (e == null)
     return null;
   if (typeof e == "string")
@@ -3326,12 +3326,12 @@ const Ot = {
     name: n,
     percent: e.percent != null ? e.percent : e.percentage != null ? e.percentage : null
   } : null;
-}, rr = (e) => {
+}, lr = (e) => {
   if (e == null)
     return null;
   const n = Number(e);
   return Number.isFinite(n) ? `${(Math.abs(n) <= 1 ? n * 100 : n).toFixed(1)} %` : null;
-}, lr = ({ name: e, percent: n }) => /* @__PURE__ */ i(
+}, or = ({ name: e, percent: n }) => /* @__PURE__ */ i(
   "div",
   {
     style: {
@@ -3349,7 +3349,7 @@ const Ot = {
           style: {
             flex: 1,
             minWidth: 0,
-            fontFamily: De,
+            fontFamily: Ie,
             fontSize: 13,
             fontWeight: 400,
             color: oe.strong,
@@ -3363,7 +3363,7 @@ const Ot = {
         "span",
         {
           style: {
-            fontFamily: De,
+            fontFamily: Ie,
             fontSize: 13,
             fontWeight: 400,
             color: oe.muted,
@@ -3371,12 +3371,12 @@ const Ot = {
             whiteSpace: "nowrap",
             flexShrink: 0
           },
-          children: rr(n)
+          children: lr(n)
         }
       )
     ]
   }
-), Qt = ({ title: e, items: n, initialVisibleCount: r }) => {
+), Zt = ({ title: e, items: n, initialVisibleCount: r }) => {
   const [o, a] = I(!1);
   if (!n.length)
     return null;
@@ -3409,7 +3409,7 @@ const Ot = {
                 style: {
                   flex: 1,
                   minWidth: 0,
-                  fontFamily: De,
+                  fontFamily: Ie,
                   fontSize: 15,
                   fontWeight: 600,
                   color: oe.strong,
@@ -3430,7 +3430,7 @@ const Ot = {
               alignItems: "flex-start",
               width: "100%"
             },
-            children: d.map((f, p) => /* @__PURE__ */ t(lr, { name: f.name, percent: f.percent }, p))
+            children: d.map((f, p) => /* @__PURE__ */ t(or, { name: f.name, percent: f.percent }, p))
           }
         ),
         l > 0 && /* @__PURE__ */ i(
@@ -3447,7 +3447,7 @@ const Ot = {
               background: "transparent",
               border: "none",
               cursor: "pointer",
-              fontFamily: De,
+              fontFamily: Ie,
               fontSize: 13,
               fontWeight: 600,
               color: oe.strong,
@@ -3456,14 +3456,14 @@ const Ot = {
             },
             children: [
               o ? "Show Less" : `${l} More`,
-              o ? /* @__PURE__ */ t(st, { size: 16, color: oe.strong, strokeWidth: 1.75 }) : /* @__PURE__ */ t($e, { size: 16, color: oe.strong, strokeWidth: 1.75 })
+              o ? /* @__PURE__ */ t(at, { size: 16, color: oe.strong, strokeWidth: 1.75 }) : /* @__PURE__ */ t(je, { size: 16, color: oe.strong, strokeWidth: 1.75 })
             ]
           }
         )
       ]
     }
   );
-}, or = ({
+}, ar = ({
   products: e = [],
   services: n = [],
   title: r = "Products & Services",
@@ -3471,7 +3471,7 @@ const Ot = {
   servicesTitle: a = "Services Discussed",
   initialVisibleCount: l = 4
 }) => {
-  const d = (e || []).map(qt).filter(Boolean), f = (n || []).map(qt).filter(Boolean);
+  const d = (e || []).map(Qt).filter(Boolean), f = (n || []).map(Qt).filter(Boolean);
   return !d.length && !f.length ? null : /* @__PURE__ */ i(
     "div",
     {
@@ -3506,12 +3506,12 @@ const Ot = {
                   minWidth: 0
                 },
                 children: [
-                  /* @__PURE__ */ t(ci, { size: 24, color: oe.iconAccent, strokeWidth: 1.5 }),
+                  /* @__PURE__ */ t(fi, { size: 24, color: oe.iconAccent, strokeWidth: 1.5 }),
                   /* @__PURE__ */ t(
                     "span",
                     {
                       style: {
-                        fontFamily: De,
+                        fontFamily: Ie,
                         fontSize: 16,
                         fontWeight: 600,
                         color: oe.strong,
@@ -3539,7 +3539,7 @@ const Ot = {
             },
             children: [
               /* @__PURE__ */ t(
-                Qt,
+                Zt,
                 {
                   title: o,
                   items: d,
@@ -3547,7 +3547,7 @@ const Ot = {
                 }
               ),
               /* @__PURE__ */ t(
-                Qt,
+                Zt,
                 {
                   title: a,
                   items: f,
@@ -3603,26 +3603,26 @@ const Ot = {
       ]
     }
   ) : n;
-}, Zt = [
+}, Xt = [
   { key: "overview", label: "Overview" },
   { key: "coaching", label: "Coaching Summary" },
   { key: "signals", label: "Signals & Recording" },
   { key: "comments", label: "Feedback" }
 ];
-function ar(e) {
+function sr(e) {
   return /\bagent\b/.test(String(e ?? "").toLowerCase());
 }
-function sr(e) {
+function dr(e) {
   return /(admin|superadmin|administrator)/.test(String(e ?? "").toLowerCase());
 }
-function dr(e, n) {
+function cr(e, n) {
   const r = (e == null ? void 0 : e.direction) ?? (e == null ? void 0 : e.interaction_direction) ?? (e == null ? void 0 : e.call_direction) ?? n;
   if (r == null || r === "")
     return null;
   const o = String(r).toLowerCase().trim();
   return o === "outbound" || o.startsWith("outbound") ? "outbound" : o === "inbound" || o.startsWith("inbound") ? "inbound" : null;
 }
-const xr = ({
+const br = ({
   title: e = "Wheel Stud Replacement Enquiry",
   onBack: n,
   // Data props — all optional with defaults for demo
@@ -3638,7 +3638,7 @@ const xr = ({
   timelinePlaying: p,
   playbackRate: b,
   timelineSegments: w,
-  onSeek: G,
+  onSeek: H,
   onTogglePlay: g,
   onSeekBack: k,
   onSeekForward: S,
@@ -3670,112 +3670,116 @@ const xr = ({
   // Compass score props
   compassScore: xe,
   // gauge meter value — compass_score, range 0.5-5
-  compassMaxScore: fe = 5,
-  predictedCsat: pe,
+  compassMaxScore: pe = 5,
+  // Compass score as a backend-computed percentage (0–100), shown in the
+  // bracket next to the score, e.g. "3.5 (62.5%)". Prefer this over any local
+  // score→percent conversion; null hides the bracket.
+  compassScorePct: de = null,
+  predictedCsat: ge,
   // predicted objective number (e.g. compass_score) — shown as "03" top-right
-  predictedLabel: ge = "Predicted Objective",
-  compassLegends: c,
+  predictedLabel: c = "Predicted Objective",
+  compassLegends: Q,
   // Customer session history drawer
-  customerSessions: Q,
-  customerSessionCount: Ye,
-  onSessionClick: h,
-  onViewAllSessions: R,
+  customerSessions: Oe,
+  customerSessionCount: h,
+  onSessionClick: R,
+  onViewAllSessions: he,
   // Footer navigation
-  prevSessionDesc: he,
-  prevSessionDisabled: de = !1,
+  prevSessionDesc: st,
+  prevSessionDisabled: ce = !1,
   nextSessionDesc: dt,
-  nextSessionDisabled: ce = !1,
-  onPreviousSession: ze,
-  onNextSession: Me,
+  nextSessionDisabled: fe = !1,
+  onPreviousSession: De,
+  onNextSession: ze,
   // Comments
   comments: ct = [],
-  guidance: gn = [],
+  guidance: hn = [],
   // Optional count summary for the Guidance section: { focus_count,
   // opportunity_count, excellence_count } — drives the small count bar above
   // the items.
-  guidanceSummary: hn,
+  guidanceSummary: un,
   // Optional `components.talk_patterns.summary` from the API — surfaces
   // hold_type_counts, stall metrics, and response-time percentiles. Renders
   // a "Talk Patterns" card next to the Guidance section. When absent the
   // card is suppressed entirely.
-  talkPatterns: un,
+  talkPatterns: yn,
   // Optional "PRODUCTS & SERVICES" section. Accepts the resolved lists from
   // the API ({ products: [...], services: [...] }, or two separate arrays).
   // Items may be raw strings or { name, percent } objects. When both lists
   // are empty the entire section is suppressed.
   productsServices: X,
-  productsDiscussed: Ke,
-  servicesDiscussed: Ve,
+  productsDiscussed: Ye,
+  servicesDiscussed: Ke,
   currentUser: K,
-  onSendComment: yn,
-  onSendReply: mn,
-  onReply: vn,
-  onEdit: xn,
-  onEditInteraction: bn,
-  onDelete: wn,
-  onMenuClick: Sn,
-  onMarkResolved: kn,
-  commentsResolved: Cn
+  onSendComment: mn,
+  onSendReply: vn,
+  onReply: xn,
+  onEdit: bn,
+  onEditInteraction: wn,
+  onDelete: Sn,
+  onMenuClick: kn,
+  onMarkResolved: Cn,
+  commentsResolved: Fn
 }) => {
-  var zt;
-  const [qe, _e] = I("overview"), [Fn, ft] = I(/* @__PURE__ */ new Set()), [Wn, Ge] = I(!1), [In, pt] = I(null), [gt, ht] = I(!1), [ut, Dn] = I(0), [yt, zn] = I(!1), H = ve("(max-width: 640px)"), ue = $(null), Qe = $(null), mt = $(null), He = $(null), vt = $(null), xt = $(null), bt = {
-    overview: Qe,
+  var Mt;
+  const [Ve, Me] = I("overview"), [Wn, ft] = I(/* @__PURE__ */ new Set()), [In, Ge] = I(!1), [Dn, pt] = I(null), [gt, ht] = I(!1), [ut, zn] = I(0), [yt, Mn] = I(!1), _ = ve("(max-width: 640px)"), ue = $(null), qe = $(null), mt = $(null), He = $(null), vt = $(null), xt = $(null), bt = {
+    overview: qe,
     coaching: mt,
     signals: He,
     products: vt,
     comments: xt
-  }, Ce = $(null), Ze = $(!1), wt = Ie(() => {
-    const s = (X == null ? void 0 : X.products) ?? Ke ?? [], v = (X == null ? void 0 : X.services) ?? Ve ?? [];
+  }, ke = $(null), Qe = $(!1), wt = We(() => {
+    const s = (X == null ? void 0 : X.products) ?? Ye ?? [], v = (X == null ? void 0 : X.services) ?? Ke ?? [];
     return s.length > 0 || v.length > 0;
-  }, [X, Ke, Ve]), Xe = Ie(() => {
+  }, [X, Ye, Ke]), Ze = We(() => {
     if (!wt)
-      return Zt;
+      return Xt;
     const s = [];
-    for (const v of Zt)
+    for (const v of Xt)
       v.key === "comments" && s.push({ key: "products", label: "Products & Services" }), s.push(v);
     return s;
   }, [wt]);
-  Ne(() => {
-    const s = Ce.current;
+  Be(() => {
+    const s = ke.current;
     if (!s)
       return;
-    const v = Xe.map((j) => j.key), x = v.map((j) => bt[j]), M = ((j) => {
+    const v = Ze.map((j) => j.key), x = v.map((j) => bt[j]), M = ((j) => {
       let ie = j.parentElement;
       for (; ie; ) {
-        const { overflow: Se, overflowY: ae } = window.getComputedStyle(ie);
-        if (/(auto|scroll)/.test(Se + ae))
+        const { overflow: we, overflowY: ae } = window.getComputedStyle(ie);
+        if (/(auto|scroll)/.test(we + ae))
           return ie;
         ie = ie.parentElement;
       }
       return null;
     })(s), P = () => {
-      var Se;
-      if (Ze.current)
+      var we;
+      if (Qe.current)
         return;
       let j = v[0];
       for (let ae = x.length - 1; ae >= 0; ae--) {
-        const it = x[ae].current;
-        if (!it)
+        const nt = x[ae].current;
+        if (!nt)
           continue;
-        if (it.getBoundingClientRect().top <= 150) {
+        if (nt.getBoundingClientRect().top <= 150) {
           j = v[ae];
           break;
         }
       }
-      _e(j);
-      const ie = ((Se = Qe.current) == null ? void 0 : Se.getBoundingClientRect().top) ?? Number.POSITIVE_INFINITY;
-      zn(ie <= 150);
+      Me(j);
+      const ie = ((we = qe.current) == null ? void 0 : we.getBoundingClientRect().top) ?? Number.POSITIVE_INFINITY;
+      Mn(ie <= 150);
     };
     return s.addEventListener("scroll", P, { passive: !0 }), M && M !== s && M.addEventListener("scroll", P, { passive: !0 }), window.addEventListener("scroll", P, { passive: !0, capture: !0 }), P(), () => {
       s.removeEventListener("scroll", P), M && M !== s && M.removeEventListener("scroll", P), window.removeEventListener("scroll", P, { capture: !0 });
     };
-  }, [Xe]);
-  const St = $(null), Mn = (s) => {
+  }, [Ze]);
+  const St = $(null), Gn = (s) => {
     var x;
-    _e(s), Ze.current = !0, St.current = s;
+    Me(s), Qe.current = !0, St.current = s;
     const v = (x = bt[s]) == null ? void 0 : x.current;
     if (v) {
-      const F = Ce.current;
+      const F = ke.current;
       if (F && F.scrollHeight > F.clientHeight) {
         const M = F.getBoundingClientRect().top, j = v.getBoundingClientRect().top - M + F.scrollTop - 16;
         F.scrollTo({ top: j, behavior: "smooth" });
@@ -3785,13 +3789,13 @@ const xr = ({
       }
     }
     setTimeout(() => {
-      Ze.current = !1, St.current = null;
+      Qe.current = !1, St.current = null;
     }, 1200);
-  }, Je = Q || [], Ue = Je.length > 1, kt = (s) => {
-    _e("signals");
+  }, Xe = Oe || [], Je = Xe.length > 1, kt = (s) => {
+    Me("signals");
     const v = He.current;
     if (v) {
-      const F = Ce.current;
+      const F = ke.current;
       if (F && F.scrollHeight > F.clientHeight) {
         const M = F.getBoundingClientRect().top, j = v.getBoundingClientRect().top - M + F.scrollTop - 16;
         F.scrollTo({ top: j, behavior: "smooth" });
@@ -3806,10 +3810,10 @@ const xr = ({
       (F = ue.current) != null && F.scrollToTranscript && ue.current.scrollToTranscript(x);
     }, 220);
   }, Ct = (s) => {
-    _e("signals");
+    Me("signals");
     const v = He.current;
     if (v) {
-      const F = Ce.current;
+      const F = ke.current;
       if (F && F.scrollHeight > F.clientHeight) {
         const M = F.getBoundingClientRect().top, j = v.getBoundingClientRect().top - M + F.scrollTop - 16;
         F.scrollTo({ top: j, behavior: "smooth" });
@@ -3824,29 +3828,29 @@ const xr = ({
       if (x != null && ((F = ue.current) != null && F.scrollToTranscript) && ue.current.scrollToTranscript(x / 1e3), A)
         A(s);
       else if (x != null && ((M = ue.current) != null && M.seekTo)) {
-        ue.current.seekTo(x / 1e3), ht(!0), Dn(x / 1e3);
+        ue.current.seekTo(x / 1e3), ht(!0), zn(x / 1e3);
         const j = (s.end_ms ?? s.endMs ?? x + 5e3) - x;
         setTimeout(() => ht(!1), j);
       }
     }, 220);
-  }, _n = (s) => {
+  }, Hn = (s) => {
     y && y(s);
-  }, Gn = (s) => {
+  }, _n = (s) => {
     ft((v) => {
       const x = new Set(v);
       return x.has(s) ? x.delete(s) : x.add(s), x;
     });
-  }, Hn = (r == null ? void 0 : r.blocks) || [], Fe = (s) => {
+  }, En = (r == null ? void 0 : r.blocks) || [], Ce = (s) => {
     var v;
-    return ((v = Hn.find((x) => x.block_id === s)) == null ? void 0 : v.payload) || {};
-  }, J = Fe("interaction-metadata"), be = Fe("interaction-context"), Ee = Fe("interaction-signals"), En = Fe("interaction-outcome-lift"), Tn = Fe("interaction-dimensions").dimensions || [], An = be.call_purpose || {}, Rn = be.classification || {}, Ft = J || {}, Te = m || An || {}, Ln = u || Rn || {}, we = En || {};
-  (we.driver_signal_keys || []).map((s) => s.replace(/^sig\./, "").replace(/_/g, " "));
-  const Bn = o || null, Nn = (zt = Ee == null ? void 0 : Ee.signals) != null && zt.length ? Ee : { present_count: 0, total_signals_evaluated: 0, signals: [] }, Wt = gn || [], et = D || J.agent_name || J.agent || be.agent_name || "Agent", Pn = L || J.agent_full_name || J.agent_name || et, We = C || J.customer_name || J.customer || be.customer_name || "Customer", It = z || J.customer_full_name || J.customer_name || We, Dt = String(
+    return ((v = En.find((x) => x.block_id === s)) == null ? void 0 : v.payload) || {};
+  }, J = Ce("interaction-metadata"), be = Ce("interaction-context"), _e = Ce("interaction-signals"), Tn = Ce("interaction-outcome-lift"), An = Ce("interaction-dimensions").dimensions || [], Rn = be.call_purpose || {}, Ln = be.classification || {}, Ft = J || {}, Ee = m || Rn || {}, Bn = u || Ln || {}, Wt = Tn || {};
+  (Wt.driver_signal_keys || []).map((s) => s.replace(/^sig\./, "").replace(/_/g, " "));
+  const Nn = o || null, Pn = (Mt = _e == null ? void 0 : _e.signals) != null && Mt.length ? _e : { present_count: 0, total_signals_evaluated: 0, signals: [] }, It = hn || [], Ue = D || J.agent_name || J.agent || be.agent_name || "Agent", jn = L || J.agent_full_name || J.agent_name || Ue, Fe = C || J.customer_name || J.customer || be.customer_name || "Customer", Dt = z || J.customer_full_name || J.customer_name || Fe, zt = String(
     (K == null ? void 0 : K.role) ?? (K == null ? void 0 : K.userRole) ?? (K == null ? void 0 : K.user_role) ?? (K == null ? void 0 : K.roleName) ?? (K == null ? void 0 : K.role_name) ?? ""
-  ).toLowerCase(), jn = sr(Dt), tt = ar(Dt), nt = Ye ?? Je.length, Ae = J.created_dt || (r == null ? void 0 : r.created_dt) || be.created_dt || "", $n = Ae ? new Date(/Z$|[+-]\d{2}:\d{2}$/.test(Ae) ? Ae : Ae + "Z").toLocaleString() : "", On = Te.interaction_direction === "inbound" ? "Inbound" : "Outbound";
-  return /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", width: "100%", maxWidth: "100%", height: "100%", background: "var(--Grey-White, #FFF)", overflowX: H ? "clip" : void 0 }, children: [
-    /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: H ? "column" : "row", alignItems: H ? "stretch" : "center", gap: 12, padding: H ? "16px 16px 0" : "18px 24px 0" }, children: [
-      /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 12, minWidth: 0, ...H ? { order: 2, width: "100%" } : { flex: 1 } }, children: [
+  ).toLowerCase(), $n = dr(zt), et = sr(zt), tt = h ?? Xe.length, Te = J.created_dt || (r == null ? void 0 : r.created_dt) || be.created_dt || "", On = Te ? new Date(/Z$|[+-]\d{2}:\d{2}$/.test(Te) ? Te : Te + "Z").toLocaleString() : "", Yn = Ee.interaction_direction === "inbound" ? "Inbound" : "Outbound";
+  return /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", width: "100%", maxWidth: "100%", height: "100%", background: "var(--Grey-White, #FFF)", overflowX: _ ? "clip" : void 0 }, children: [
+    /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: _ ? "column" : "row", alignItems: _ ? "stretch" : "center", gap: 12, padding: _ ? "16px 16px 0" : "18px 24px 0" }, children: [
+      /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 12, minWidth: 0, ..._ ? { order: 2, width: "100%" } : { flex: 1 } }, children: [
         /* @__PURE__ */ t(
           "button",
           {
@@ -3861,7 +3865,7 @@ const xr = ({
               padding: 0,
               flexShrink: 0
             },
-            children: /* @__PURE__ */ t(lt, { size: 24, color: "var(--Grey-Strong, #2E3236)" })
+            children: /* @__PURE__ */ t(rt, { size: 24, color: "var(--Grey-Strong, #2E3236)" })
           }
         ),
         /* @__PURE__ */ t("div", { style: { width: 1, height: 28, background: "var(--Base-absent, #D9D9D9)" } }),
@@ -3875,17 +3879,17 @@ const xr = ({
           flex: 1
         }, children: e })
       ] }),
-      (ze || Me) && (H || !yt) && /* @__PURE__ */ i("div", { style: {
+      (De || ze) && (_ || !yt) && /* @__PURE__ */ i("div", { style: {
         display: "flex",
         alignItems: "center",
         flexShrink: 0,
-        ...H ? { width: "100%", justifyContent: "space-between", order: 1 } : {}
+        ..._ ? { width: "100%", justifyContent: "space-between", order: 1 } : {}
       }, children: [
-        /* @__PURE__ */ t(me, { text: he, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ t(me, { text: st, children: /* @__PURE__ */ i(
           "button",
           {
-            onClick: de ? void 0 : ze,
-            disabled: de,
+            onClick: ce ? void 0 : De,
+            disabled: ce,
             style: {
               display: "flex",
               alignItems: "center",
@@ -3893,11 +3897,11 @@ const xr = ({
               padding: "4px 12px",
               background: "none",
               border: "none",
-              cursor: de ? "default" : "pointer",
-              opacity: de ? 0.4 : 1
+              cursor: ce ? "default" : "pointer",
+              opacity: ce ? 0.4 : 1
             },
             children: [
-              /* @__PURE__ */ t(lt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ t(rt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 }),
               /* @__PURE__ */ t("span", { style: {
                 color: "var(--Neutral-800, #323232)",
                 fontSize: 13,
@@ -3918,8 +3922,8 @@ const xr = ({
         /* @__PURE__ */ t(me, { text: dt, children: /* @__PURE__ */ i(
           "button",
           {
-            onClick: ce ? void 0 : Me,
-            disabled: ce,
+            onClick: fe ? void 0 : ze,
+            disabled: fe,
             style: {
               display: "flex",
               alignItems: "center",
@@ -3927,8 +3931,8 @@ const xr = ({
               padding: "4px 12px",
               background: "none",
               border: "none",
-              cursor: ce ? "default" : "pointer",
-              opacity: ce ? 0.4 : 1
+              cursor: fe ? "default" : "pointer",
+              opacity: fe ? 0.4 : 1
             },
             children: [
               /* @__PURE__ */ t("span", { style: {
@@ -3939,13 +3943,13 @@ const xr = ({
                 fontFamily: "var(--default-font-family)",
                 whiteSpace: "nowrap"
               }, children: "Next Interaction" }),
-              /* @__PURE__ */ t(Rt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 })
+              /* @__PURE__ */ t(Lt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 })
             ]
           }
         ) })
       ] })
     ] }),
-    !H && /* @__PURE__ */ t("div", { style: {
+    !_ && /* @__PURE__ */ t("div", { style: {
       position: "sticky",
       top: 0,
       zIndex: 30,
@@ -3962,17 +3966,17 @@ const xr = ({
       gap: 16,
       background: "#FFFFFF",
       borderBottom: "1px solid var(--Grey-Faint, #ACADAD)",
-      padding: H ? "0 16px" : "0 24px"
+      padding: _ ? "0 16px" : "0 24px"
     }, children: [
       /* @__PURE__ */ t(
         "div",
         {
           className: "custom-thin-scrollbar-hidden",
-          style: { display: "flex", alignItems: "flex-start", minWidth: 0, overflowX: H ? "auto" : "visible" },
-          children: Xe.map((s) => /* @__PURE__ */ t(
+          style: { display: "flex", alignItems: "flex-start", minWidth: 0, overflowX: _ ? "auto" : "visible" },
+          children: Ze.map((s) => /* @__PURE__ */ t(
             "button",
             {
-              onClick: () => Mn(s.key),
+              onClick: () => Gn(s.key),
               style: {
                 display: "flex",
                 padding: 16,
@@ -3981,11 +3985,11 @@ const xr = ({
                 flexShrink: 0,
                 background: "none",
                 border: "none",
-                borderBottom: qe === s.key ? "3px solid var(--Grey-Strong, #2E3236)" : "3px solid transparent",
+                borderBottom: Ve === s.key ? "3px solid var(--Grey-Strong, #2E3236)" : "3px solid transparent",
                 cursor: "pointer",
                 fontSize: 15,
-                fontWeight: qe === s.key ? 500 : 400,
-                color: qe === s.key ? "var(--Grey-Strong, #2E3236)" : "var(--Grey-Muted, #808183)",
+                fontWeight: Ve === s.key ? 500 : 400,
+                color: Ve === s.key ? "var(--Grey-Strong, #2E3236)" : "var(--Grey-Muted, #808183)",
                 whiteSpace: "nowrap",
                 transition: "border-color 0.2s ease, color 0.2s ease"
               },
@@ -3995,12 +3999,12 @@ const xr = ({
           ))
         }
       ),
-      (ze || Me) && yt && /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: [
-        /* @__PURE__ */ t(me, { text: he, children: /* @__PURE__ */ i(
+      (De || ze) && yt && /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: [
+        /* @__PURE__ */ t(me, { text: st, children: /* @__PURE__ */ i(
           "button",
           {
-            onClick: de ? void 0 : ze,
-            disabled: de,
+            onClick: ce ? void 0 : De,
+            disabled: ce,
             style: {
               display: "flex",
               alignItems: "center",
@@ -4008,11 +4012,11 @@ const xr = ({
               padding: "4px 12px",
               background: "none",
               border: "none",
-              cursor: de ? "default" : "pointer",
-              opacity: de ? 0.4 : 1
+              cursor: ce ? "default" : "pointer",
+              opacity: ce ? 0.4 : 1
             },
             children: [
-              /* @__PURE__ */ t(lt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ t(rt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 }),
               /* @__PURE__ */ t("span", { style: {
                 color: "var(--Neutral-800, #323232)",
                 fontSize: 13,
@@ -4033,8 +4037,8 @@ const xr = ({
         /* @__PURE__ */ t(me, { text: dt, children: /* @__PURE__ */ i(
           "button",
           {
-            onClick: ce ? void 0 : Me,
-            disabled: ce,
+            onClick: fe ? void 0 : ze,
+            disabled: fe,
             style: {
               display: "flex",
               alignItems: "center",
@@ -4042,8 +4046,8 @@ const xr = ({
               padding: "4px 12px",
               background: "none",
               border: "none",
-              cursor: ce ? "default" : "pointer",
-              opacity: ce ? 0.4 : 1
+              cursor: fe ? "default" : "pointer",
+              opacity: fe ? 0.4 : 1
             },
             children: [
               /* @__PURE__ */ t("span", { style: {
@@ -4054,14 +4058,14 @@ const xr = ({
                 fontFamily: "var(--default-font-family)",
                 whiteSpace: "nowrap"
               }, children: "Next Interaction" }),
-              /* @__PURE__ */ t(Rt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 })
+              /* @__PURE__ */ t(Lt, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 })
             ]
           }
         ) })
       ] })
     ] }) }),
-    /* @__PURE__ */ i("div", { ref: Ce, style: { padding: H ? 16 : 24, flex: 1, overflowY: "auto", ...H ? { minWidth: 0, overflowX: "hidden" } : {} }, children: [
-      /* @__PURE__ */ i("div", { ref: Qe, style: {
+    /* @__PURE__ */ i("div", { ref: ke, style: { padding: _ ? 16 : 24, flex: 1, overflowY: "auto", ..._ ? { minWidth: 0, overflowX: "hidden" } : {} }, children: [
+      /* @__PURE__ */ i("div", { ref: qe, style: {
         display: "flex",
         flexDirection: "column",
         justifyContent: "flex-end",
@@ -4071,14 +4075,14 @@ const xr = ({
       }, children: [
         /* @__PURE__ */ i("div", { style: {
           display: "flex",
-          flexWrap: H ? "wrap" : "nowrap",
-          height: H ? "auto" : 40,
-          alignItems: H ? "flex-start" : "center",
-          gap: H ? 8 : 16,
+          flexWrap: _ ? "wrap" : "nowrap",
+          height: _ ? "auto" : 40,
+          alignItems: _ ? "flex-start" : "center",
+          gap: _ ? 8 : 16,
           alignSelf: "stretch"
         }, children: [
           /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1 }, children: [
-            /* @__PURE__ */ t(fi, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 2 }),
+            /* @__PURE__ */ t(pi, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 2 }),
             /* @__PURE__ */ t("span", { style: {
               fontSize: 16,
               fontWeight: 600,
@@ -4087,30 +4091,30 @@ const xr = ({
               textTransform: "uppercase"
             }, children: "Overview" })
           ] }),
-          /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "row", flexWrap: H ? "wrap" : "nowrap", alignItems: "center", gap: H ? "8px 16px" : 16, flexShrink: 0, ...H ? { width: "100%" } : {} }, children: [
+          /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "row", flexWrap: _ ? "wrap" : "nowrap", alignItems: "center", gap: _ ? "8px 16px" : 16, flexShrink: 0, ..._ ? { width: "100%" } : {} }, children: [
             /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0" }, children: [
-              /* @__PURE__ */ t(Lt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-              /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: $n })
+              /* @__PURE__ */ t(Bt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: On })
             ] }),
             (() => {
-              const s = Te.interaction_direction === "outbound" ? Bt : Nt;
+              const s = Ee.interaction_direction === "outbound" ? Nt : Pt;
               return /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0" }, children: [
                 /* @__PURE__ */ t(s, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-                /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: On })
+                /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: Yn })
               ] });
             })(),
             /* @__PURE__ */ i("div", { style: {
               display: "flex",
-              flexWrap: H ? "wrap" : "nowrap",
+              flexWrap: _ ? "wrap" : "nowrap",
               alignItems: "center",
-              gap: H ? 12 : 16,
-              ...H ? { flexBasis: "100%", width: "100%" } : { paddingLeft: 16, borderLeft: "1px solid var(--Grey-absent, #D9D9D9)" }
+              gap: _ ? 12 : 16,
+              ..._ ? { flexBasis: "100%", width: "100%" } : { paddingLeft: 16, borderLeft: "1px solid var(--Grey-absent, #D9D9D9)" }
             }, children: [
-              /* @__PURE__ */ t(me, { text: Pn, children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0", cursor: "pointer" }, children: [
-                /* @__PURE__ */ t(Pt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-                /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: et })
+              /* @__PURE__ */ t(me, { text: jn, children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0", cursor: "pointer" }, children: [
+                /* @__PURE__ */ t(jt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: Ue })
               ] }) }),
-              nt > 1 ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(me, { text: It, children: /* @__PURE__ */ i(
+              tt > 1 ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(me, { text: Dt, children: /* @__PURE__ */ i(
                 "button",
                 {
                   onClick: () => Ge(!0),
@@ -4127,84 +4131,84 @@ const xr = ({
                   },
                   children: [
                     /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 4, minWidth: 0 }, children: [
-                      /* @__PURE__ */ t(ot, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
+                      /* @__PURE__ */ t(lt, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
                       /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", lineHeight: 1.2, whiteSpace: "nowrap" }, children: [
-                        /* @__PURE__ */ t("span", { style: { fontWeight: 600 }, children: We }),
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600 }, children: Fe }),
                         " ",
                         /* @__PURE__ */ i("span", { children: [
                           "(",
-                          nt,
+                          tt,
                           " Interactions)"
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ t(sn, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.7 })
+                    /* @__PURE__ */ t(dn, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.7 })
                   ]
                 }
-              ) }) }) : /* @__PURE__ */ t(me, { text: It, children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 4, padding: "8px 0", cursor: "pointer" }, children: [
-                /* @__PURE__ */ t(ot, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-                /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", lineHeight: 1.2 }, children: We })
+              ) }) }) : /* @__PURE__ */ t(me, { text: Dt, children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 4, padding: "8px 0", cursor: "pointer" }, children: [
+                /* @__PURE__ */ t(lt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", lineHeight: 1.2 }, children: Fe })
               ] }) })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ i("div", { style: {
           display: "flex",
-          flexDirection: H ? "column" : "row",
+          flexDirection: _ ? "column" : "row",
           alignItems: "stretch",
           gap: 24,
           alignSelf: "stretch"
         }, children: [
           /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0, display: "flex" }, children: /* @__PURE__ */ t(
-            Ti,
+            Ai,
             {
               score: xe ?? 0.5,
               minScore: 0,
-              maxScore: fe,
-              predictedScore: pe ?? 0.5,
-              predictedLabel: ge,
-              legends: c,
-              outcomePercent: (we == null ? void 0 : we.p_full) != null ? Math.round(we.p_full * 100) : null
+              maxScore: pe,
+              predictedScore: ge ?? 0.5,
+              predictedLabel: c,
+              legends: Q,
+              outcomePercent: de ?? null
             }
           ) }),
           /* @__PURE__ */ i("div", { style: {
             display: "flex",
             flexDirection: "column",
             alignItems: "stretch",
-            justifyContent: tt ? "flex-start" : "flex-end",
+            justifyContent: et ? "flex-start" : "flex-end",
             gap: 24,
             flex: 1,
             minWidth: 0
           }, children: [
             /* @__PURE__ */ t(
-              Di,
+              zi,
               {
                 meta: Ft,
-                callPurpose: Te,
-                classification: Ln,
+                callPurpose: Ee,
+                classification: Bn,
                 outcomeQuality: te || "Neutral",
-                dimensions: Tn,
+                dimensions: An,
                 resolutionOutcome: re,
                 customerIntent: le,
                 location: ne ?? J.location ?? J.location_name ?? be.location,
                 interactionId: se ?? J.interaction_id,
                 moreDetails: B,
-                canShowEditButton: jn,
-                onEditInteraction: bn,
-                flatView: tt
+                canShowEditButton: $n,
+                onEditInteraction: wn,
+                flatView: et
               }
             ),
-            !tt && (() => {
-              var Gt, Ht;
-              const s = we || {}, v = s.difficulty, x = s.difficulty_band, F = s.p_expected, M = s.score_impact ?? F, P = s.lift_raw, j = s.lift_display, ie = (Gt = s.interpretation) == null ? void 0 : Gt.lift_band, Se = s.p_full, ae = (Ht = s.interpretation) == null ? void 0 : Ht.description;
-              if (!(v != null || x != null || P != null || ie != null || Se != null || ae != null))
+            !et && (() => {
+              var _t, Et;
+              const s = Wt || {}, v = s.difficulty, x = s.difficulty_band, F = s.p_expected, M = s.score_impact ?? F, P = s.lift_raw, j = s.lift_display, ie = (_t = s.interpretation) == null ? void 0 : _t.lift_band, we = s.p_full, ae = (Et = s.interpretation) == null ? void 0 : Et.description;
+              if (!(v != null || x != null || P != null || ie != null || we != null || ae != null))
                 return null;
-              const rt = (ye, Re, Zn) => Math.max(Re, Math.min(Zn, ye)), Yn = v != null ? rt((v - 50) / 50, -1, 1) : 0, Kn = P != null ? rt(P * 3, -1, 1) : 0, Mt = M != null ? Math.round(M * 100) : null, _t = (ye) => {
+              const it = (ye, Ae, Xn) => Math.max(Ae, Math.min(Xn, ye)), Kn = v != null ? it((v - 50) / 50, -1, 1) : 0, Vn = P != null ? it(P * 3, -1, 1) : 0, Gt = M != null ? Math.round(M * 100) : null, Ht = (ye) => {
                 if (ye)
                   return String(ye).split("_").map(
-                    (Re) => Re.charAt(0).toUpperCase() + Re.slice(1).toLowerCase()
+                    (Ae) => Ae.charAt(0).toUpperCase() + Ae.slice(1).toLowerCase()
                   ).join(" ");
-              }, Vn = _t(x), qn = _t(ie), Qn = (() => {
+              }, qn = Ht(x), Qn = Ht(ie), Zn = (() => {
                 if (typeof j == "string") {
                   const ye = parseFloat(j.replace("%", ""));
                   if (Number.isFinite(ye))
@@ -4213,23 +4217,23 @@ const xr = ({
                 return P != null ? Math.round(P * 100) : null;
               })();
               return /* @__PURE__ */ t(
-                yi,
+                mi,
                 {
                   title: "Agent Lift Analysis",
                   interactionDifficulty: {
-                    value: v != null ? Yn : null,
-                    label: Vn,
+                    value: v != null ? Kn : null,
+                    label: qn,
                     sublabel: "Based on interaction type",
-                    footer: Mt != null ? `${Mt}% Score impact` : void 0
+                    footer: Gt != null ? `${Gt}% Score impact` : void 0
                   },
                   agentImpact: {
-                    value: P != null ? Kn : null,
-                    label: qn,
+                    value: P != null ? Vn : null,
+                    label: Qn,
                     // Sublabel slot (rendered immediately below the
                     // lift-band label) carries the API's
                     // `interpretation.description`.
                     sublabel: ae,
-                    impactPercent: Qn,
+                    impactPercent: Zn,
                     // When the API ships `lift_band: "learning"` the model
                     // doesn't have enough signal for this interaction type
                     // yet. The card swaps the gauge for a "Compass is
@@ -4242,7 +4246,7 @@ const xr = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { ref: mt, style: { paddingTop: 24 }, children: /* @__PURE__ */ t(Ci, { data: a ? null : Bn, loading: a }) }),
+      /* @__PURE__ */ t("div", { ref: mt, style: { paddingTop: 24 }, children: /* @__PURE__ */ t(Fi, { data: a ? null : Nn, loading: a }) }),
       /* @__PURE__ */ i("div", { ref: He, style: {
         display: "flex",
         flexDirection: "column",
@@ -4255,7 +4259,7 @@ const xr = ({
           alignItems: "center",
           gap: 8
         }, children: [
-          /* @__PURE__ */ t(tn, { size: 24, color: "#C98A5A", strokeWidth: 2 }),
+          /* @__PURE__ */ t(nn, { size: 24, color: "#C98A5A", strokeWidth: 2 }),
           /* @__PURE__ */ t("span", { style: {
             fontSize: 16,
             fontWeight: 600,
@@ -4266,40 +4270,40 @@ const xr = ({
         ] }),
         /* @__PURE__ */ i("div", { style: {
           display: "flex",
-          flexDirection: H ? "column" : "row",
-          alignItems: H ? "stretch" : "flex-start",
+          flexDirection: _ ? "column" : "row",
+          alignItems: _ ? "stretch" : "flex-start",
           gap: 24,
           alignSelf: "stretch",
           paddingTop: 16,
           borderTop: "1px solid #D9D9D9"
         }, children: [
           /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
-            zi,
+            Mi,
             {
-              signals: Nn,
-              expandedSignals: Fn,
-              toggleSignal: Gn,
+              signals: Pn,
+              expandedSignals: Wn,
+              toggleSignal: _n,
               playEvidence: Ct,
-              highlightTurns: _n,
+              highlightTurns: Hn,
               onShowInTranscript: kt,
               timelinePlaying: p || gt,
               currentTimeSeconds: f ?? ut
             }
           ) }),
           /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
-            ui,
+            yi,
             {
               ref: ue,
               audioUrl: l,
               durationSeconds: Ft.duration_seconds,
               audioRef: d,
-              agentName: et,
-              customerName: We,
+              agentName: Ue,
+              customerName: Fe,
               currentTimeSeconds: f,
               timelinePlaying: p,
               playbackRate: b,
               timelineSegments: w,
-              onSeek: G,
+              onSeek: H,
               onTogglePlay: g,
               onSeekBack: k,
               onSeekForward: S,
@@ -4315,13 +4319,13 @@ const xr = ({
         ] })
       ] }),
       (() => {
-        const s = (X == null ? void 0 : X.products) ?? Ke ?? [], v = (X == null ? void 0 : X.services) ?? Ve ?? [];
+        const s = (X == null ? void 0 : X.products) ?? Ye ?? [], v = (X == null ? void 0 : X.services) ?? Ke ?? [];
         return !s.length && !v.length ? null : (
           // ref={productsRef} so the "Products & Services" tab's click
           // handler and the scroll-spy can target this section like the
           // other top-level sections.
           /* @__PURE__ */ t("div", { ref: vt, style: { paddingTop: 24 }, children: /* @__PURE__ */ t(
-            or,
+            ar,
             {
               products: s,
               services: v
@@ -4330,48 +4334,48 @@ const xr = ({
         );
       })(),
       /* @__PURE__ */ t("div", { ref: xt, style: { paddingTop: 24 }, children: /* @__PURE__ */ i(
-        Pi,
+        ji,
         {
           comments: ct,
           totalComments: ct.length,
           currentUser: K,
-          onSendComment: yn || (() => {
+          onSendComment: mn || (() => {
           }),
-          onSendReply: mn || (() => {
+          onSendReply: vn || (() => {
           }),
-          onReply: vn || (() => {
+          onReply: xn || (() => {
           }),
-          onEdit: xn || (() => {
+          onEdit: bn || (() => {
           }),
-          onDelete: wn || (() => {
+          onDelete: Sn || (() => {
           }),
-          onMenuClick: Sn || (() => {
+          onMenuClick: kn || (() => {
           }),
-          onMarkResolved: kn || (() => {
+          onMarkResolved: Cn || (() => {
           }),
-          isResolved: Cn,
+          isResolved: Fn,
           children: [
             /* @__PURE__ */ t(
-              Xi,
+              Ji,
               {
-                items: Wt,
-                summary: hn,
-                guidanceCount: Wt.length,
+                items: It,
+                summary: un,
+                guidanceCount: It.length,
                 onPlayEvidence: Ct,
                 onShowInTranscript: kt,
                 timelinePlaying: p || gt,
                 currentTimeSeconds: f ?? ut
               }
             ),
-            /* @__PURE__ */ t(ir, { summary: un })
+            /* @__PURE__ */ t(rr, { summary: yn })
           ]
         }
       ) })
     ] }),
     /* @__PURE__ */ t(
-      mi,
+      vi,
       {
-        open: Wn,
+        open: In,
         onClose: () => Ge(!1),
         title: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 10, minWidth: 0 }, children: [
           /* @__PURE__ */ t("div", { style: {
@@ -4383,7 +4387,7 @@ const xr = ({
             alignItems: "center",
             justifyContent: "center",
             flexShrink: 0
-          }, children: /* @__PURE__ */ t(ot, { size: 20, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.7 }) }),
+          }, children: /* @__PURE__ */ t(lt, { size: 20, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.7 }) }),
           /* @__PURE__ */ t("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ t("div", { style: {
             fontSize: 16,
             fontWeight: 600,
@@ -4392,25 +4396,25 @@ const xr = ({
             whiteSpace: "nowrap",
             overflow: "hidden",
             textOverflow: "ellipsis"
-          }, children: We }) })
+          }, children: Fe }) })
         ] }),
-        subtitle: Ue ? /* @__PURE__ */ i("span", { style: {
+        subtitle: Je ? /* @__PURE__ */ i("span", { style: {
           fontSize: 13,
           fontWeight: 400,
           color: "var(--Grey-Muted, #808183)",
           lineHeight: 1.5
         }, children: [
-          nt,
+          tt,
           " Interactions"
         ] }) : null,
         width: 470,
         height: "100vh",
         topOffset: 70,
-        footer: Ue ? /* @__PURE__ */ t("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ i(
+        footer: Je ? /* @__PURE__ */ t("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ i(
           "button",
           {
             onClick: () => {
-              R && R(), Ge(!1);
+              he && he(), Ge(!1);
             },
             style: {
               display: "flex",
@@ -4425,7 +4429,7 @@ const xr = ({
               cursor: "pointer"
             },
             children: [
-              /* @__PURE__ */ t(pi, { size: 18, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ t(gi, { size: 18, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
               /* @__PURE__ */ t("span", { style: { fontSize: 15, fontWeight: 600, color: "var(--Grey-Strong, #2E3236)" }, children: "View All Interactions" })
             ]
           }
@@ -4438,16 +4442,16 @@ const xr = ({
               maxHeight: "100%",
               overflowY: "auto"
             },
-            children: Ue ? Je.map((s, v) => {
-              const x = !!s.isCurrent, F = !x && In === v, M = dr(
+            children: Je ? Xe.map((s, v) => {
+              const x = !!s.isCurrent, F = !x && Dn === v, M = cr(
                 s,
-                Te.interaction_direction
+                Ee.interaction_direction
               );
               return /* @__PURE__ */ i(
                 "div",
                 {
                   onClick: x ? void 0 : () => {
-                    h && h(s), Ge(!1);
+                    R && R(s), Ge(!1);
                   },
                   onMouseEnter: x ? void 0 : () => pt(v),
                   onMouseLeave: x ? void 0 : () => pt(null),
@@ -4483,7 +4487,7 @@ const xr = ({
                           },
                           children: [
                             M && /* @__PURE__ */ t(
-                              M === "outbound" ? Bt : Nt,
+                              M === "outbound" ? Nt : Pt,
                               {
                                 size: 16,
                                 color: "var(--Grey-Muted, #808183)",
@@ -4512,16 +4516,16 @@ const xr = ({
                       ] }),
                       /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 14, flexWrap: "wrap" }, children: [
                         /* @__PURE__ */ i("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: 13, fontWeight: 400, color: "var(--Grey-Muted, #808183)", lineHeight: 1.1 }, children: [
-                          /* @__PURE__ */ t(Lt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.8 }),
+                          /* @__PURE__ */ t(Bt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.8 }),
                           s.date
                         ] }),
                         (s.agent || s.agent_name) && /* @__PURE__ */ i("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: 13, fontWeight: 400, color: "var(--Grey-Muted, #808183)", lineHeight: 1.1 }, children: [
-                          /* @__PURE__ */ t(Pt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.8 }),
+                          /* @__PURE__ */ t(jt, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.8 }),
                           s.agent || s.agent_name
                         ] })
                       ] })
                     ] }),
-                    !x && F && /* @__PURE__ */ t(gi, { size: 20, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.7, style: { flexShrink: 0 } })
+                    !x && F && /* @__PURE__ */ t(hi, { size: 20, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.7, style: { flexShrink: 0 } })
                   ]
                 },
                 s.id || v
@@ -4554,17 +4558,17 @@ const xr = ({
   absent: "var(--Grey-absent, #D9D9D9)",
   white: "var(--Grey-White, #FFF)",
   cardBg: "var(--surface-warm-40, rgba(243, 241, 229, 0.40))"
-}, Z = 1.2, Xt = 3, Jt = (e) => e != null ? Math.round(e * 100) + "%" : "—", cr = (e) => {
+}, Z = 1.2, Jt = 3, Ut = (e) => e != null ? Math.round(e * 100) + "%" : "—", fr = (e) => {
   if (e == null)
     return "—";
   const n = (e * 100).toFixed(1);
   return e > 0 ? `+${n}pp` : `${n}pp`;
-}, br = ({ outcomeLift: e, driverLabels: n = [], showOutcomeOnly: r = !1 }) => {
+}, wr = ({ outcomeLift: e, driverLabels: n = [], showOutcomeOnly: r = !1 }) => {
   var S;
   const o = ve("(max-width: 640px)");
   if (!e || e.lift == null)
     return null;
-  const a = e.p_expected, l = e.p_full, d = e.lift_raw ?? (l != null && a != null ? l - a : null), f = e.lift, p = (S = e.interpretation) != null && S.lift_band ? e.interpretation.lift_band.replace(/_/g, " ") : f >= 0 ? "Positive" : "Negative", b = p.charAt(0).toUpperCase() + p.slice(1), G = /negative/i.test(p) ? hi : en, g = n.slice(0, Xt), k = n.length - Xt;
+  const a = e.p_expected, l = e.p_full, d = e.lift_raw ?? (l != null && a != null ? l - a : null), f = e.lift, p = (S = e.interpretation) != null && S.lift_band ? e.interpretation.lift_band.replace(/_/g, " ") : f >= 0 ? "Positive" : "Negative", b = p.charAt(0).toUpperCase() + p.slice(1), H = /negative/i.test(p) ? ui : tn, g = n.slice(0, Jt), k = n.length - Jt;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -4624,7 +4628,7 @@ const xr = ({
                           // borderLeft: `1px solid ${COLORS.absent}`,
                         },
                         children: [
-                          /* @__PURE__ */ t(G, { size: 14, color: E.strong }),
+                          /* @__PURE__ */ t(H, { size: 14, color: E.strong }),
                           /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 600, color: E.strong, lineHeight: Z }, children: b })
                         ]
                       }
@@ -4645,9 +4649,9 @@ const xr = ({
                 ...r ? { justifyContent: "center", width: "100%" } : {}
               },
               children: [
-                !r && /* @__PURE__ */ i(Be, { children: [
+                !r && /* @__PURE__ */ i(Le, { children: [
                   /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: 16, alignItems: "flex-start", flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ t("span", { style: { fontSize: 28, fontWeight: 400, color: E.muted, fontFamily: "var(--font-sans)", lineHeight: Z }, children: Jt(a) }),
+                    /* @__PURE__ */ t("span", { style: { fontSize: 28, fontWeight: 400, color: E.muted, fontFamily: "var(--font-sans)", lineHeight: Z }, children: Ut(a) }),
                     /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: 8, alignItems: "flex-start", minHeight: 48 }, children: [
                       /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: E.strong, fontFamily: "var(--font-sans)", lineHeight: Z, whiteSpace: "nowrap" }, children: "Expected Outcome" }),
                       /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: E.muted, fontFamily: "var(--font-sans)", lineHeight: Z, textAlign: "left" }, children: "Based on call type & difficulty" })
@@ -4660,7 +4664,7 @@ const xr = ({
                     alignItems: "flex-start",
                     ...o ? { paddingTop: 16, borderTop: `1px solid ${E.absent}`, width: "100%" } : { paddingLeft: 24, borderLeft: `1px solid ${E.absent}`, flex: 1, minWidth: 0 }
                   }, children: [
-                    /* @__PURE__ */ t("span", { style: { fontSize: 28, fontWeight: 400, color: E.muted, fontFamily: "var(--font-sans)", lineHeight: Z }, children: cr(d) }),
+                    /* @__PURE__ */ t("span", { style: { fontSize: 28, fontWeight: 400, color: E.muted, fontFamily: "var(--font-sans)", lineHeight: Z }, children: fr(d) }),
                     /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: 8, alignItems: "flex-start", minHeight: 48 }, children: [
                       /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: E.strong, fontFamily: "var(--font-sans)", lineHeight: Z, whiteSpace: "nowrap" }, children: "Agent Impact" }),
                       /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 400, color: E.muted, fontFamily: "var(--font-sans)", lineHeight: Z, textAlign: "left" }, children: "Behavior-driven change" })
@@ -4675,7 +4679,7 @@ const xr = ({
                   justifyContent: r ? "center" : void 0,
                   ...r ? {} : o ? { paddingTop: 16, borderTop: `1px solid ${E.absent}`, width: "100%" } : { paddingLeft: 24, borderLeft: `1px solid ${E.absent}`, flex: 1, minWidth: 0 }
                 }, children: [
-                  /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: /* @__PURE__ */ t("span", { style: { fontSize: 28, fontWeight: 400, color: E.strong, fontFamily: "var(--font-sans)", lineHeight: Z }, children: Jt(l) }) }),
+                  /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: /* @__PURE__ */ t("span", { style: { fontSize: 28, fontWeight: 400, color: E.strong, fontFamily: "var(--font-sans)", lineHeight: Z }, children: Ut(l) }) }),
                   /* @__PURE__ */ i("div", { style: {
                     display: "flex",
                     flexDirection: "column",
@@ -4783,15 +4787,15 @@ const xr = ({
   );
 };
 export {
-  Ci as UpdatedCoachingSynthesisCard,
-  Ti as UpdatedCompassScore,
-  Xi as UpdatedGuidance,
-  Di as UpdatedInteractionContext,
-  xr as UpdatedInteractionDetails,
-  ui as UpdatedInteractionRecording,
-  br as UpdatedInteractionScores,
-  zi as UpdatedInteractionSignals,
-  or as UpdatedProductsServices,
-  Pi as UpdatedThreads
+  Fi as UpdatedCoachingSynthesisCard,
+  Ai as UpdatedCompassScore,
+  Ji as UpdatedGuidance,
+  zi as UpdatedInteractionContext,
+  br as UpdatedInteractionDetails,
+  yi as UpdatedInteractionRecording,
+  wr as UpdatedInteractionScores,
+  Mi as UpdatedInteractionSignals,
+  ar as UpdatedProductsServices,
+  ji as UpdatedThreads
 };
 //# sourceMappingURL=UpdatedInteractionDetails.es.js.map