chordia-ui 3.5.0 → 3.5.2

package/dist/components/UpdatedInteractionDetails.es.js

@@ -1,8 +1,8 @@
-import { jsxs as n, Fragment as Bt, jsx as e } from "react/jsx-runtime";
-import me, { useState as F, useRef as L, useMemo as Be, useEffect as Pt } from "react";
-import { ShieldCheck as jt, TrendingUp as Ot, Lightbulb as $t, ThumbsUp as Qe, ChevronUp as ve, ChevronDown as xe, ThumbsDown as Nt, FileSignal as Ze, ScrollText as qt, PauseCircle as Kt, PlayCircle as Yt, Info as Vt, MessagesSquare as Qt, Check as Zt, CircleCheck as Xt, Ellipsis as Jt, CornerDownRight as Ut, ArrowLeft as Pe, ArrowRight as en, ClipboardList as tn, CalendarDays as nn, PhoneIncoming as on, Headset as rn, Repeat as ln, CircleUser as ue, ExternalLink as an, History as sn } from "lucide-react";
-import { U as dn } from "../UpdatedInteractionRecording.es.js";
-const z = {
+import { jsxs as n, Fragment as $t, jsx as e } from "react/jsx-runtime";
+import de, { useState as F, useRef as P, useMemo as we, useEffect as Nt } from "react";
+import { ShieldCheck as qt, TrendingUp as Kt, Lightbulb as Yt, ThumbsUp as nt, ChevronUp as Fe, ChevronDown as De, ThumbsDown as Vt, FileSignal as it, ScrollText as Zt, PauseCircle as Qt, PlayCircle as Jt, Info as rt, MessagesSquare as Xt, Check as Ut, CircleCheck as en, Ellipsis as tn, X as Ye, CornerDownRight as nn, ArrowLeft as Ve, ArrowRight as rn, ClipboardList as on, CalendarDays as ln, PhoneIncoming as an, Headset as sn, Repeat as dn, CircleUser as Ce, ExternalLink as cn, History as fn } from "lucide-react";
+import { U as pn } from "../UpdatedInteractionRecording.es.js";
+const M = {
   strong: "var(--Grey-Strong, #2E3236)",
   muted: "var(--Grey-Muted, #808183)",
   absent: "var(--Grey-absent, #D9D9D9)",
@@ -11,17 +11,17 @@ const z = {
   quoteLine: "var(--border-warm, #B2AEA8)",
   quoteText: "var(--text-subtle-warm, #767473)",
   iconBg: "var(--surface-hover, #F3F7F7)"
-}, cn = {
+}, gn = {
   effective: "Effective",
   strong: "Strong",
   needs_improvement: "Needs Improvement",
   mixed: "Mixed"
-}, je = "updated-coaching-synthesis-keyframes";
-function fn() {
-  if (typeof document > "u" || document.getElementById(je))
+}, Ze = "updated-coaching-synthesis-keyframes";
+function hn() {
+  if (typeof document > "u" || document.getElementById(Ze))
     return;
   const t = document.createElement("style");
-  t.id = je, t.textContent = `
+  t.id = Ze, t.textContent = `
     @keyframes updated-coaching-shimmer {
       0% { background-position: -200% 0; }
       100% { background-position: 200% 0; }
@@ -32,8 +32,8 @@ function fn() {
     }
   `, document.head.appendChild(t);
 }
-function pn({ overall: t }) {
-  const o = cn[t] || (t ? t.replace(/_/g, " ") : "");
+function yn({ overall: t }) {
+  const i = gn[t] || (t ? t.replace(/_/g, " ") : "");
   return /* @__PURE__ */ n("div", { style: {
     display: "flex",
     alignItems: "center",
@@ -43,7 +43,7 @@ function pn({ overall: t }) {
     /* @__PURE__ */ e("span", { style: {
       fontSize: 13,
       fontWeight: 400,
-      color: z.strong,
+      color: M.strong,
       fontFamily: "var(--font-sans)",
       lineHeight: 1.2
     }, children: "Overall:" }),
@@ -52,28 +52,28 @@ function pn({ overall: t }) {
       alignItems: "center",
       gap: 6
     }, children: [
-      /* @__PURE__ */ e(Qe, { size: 14, color: z.strong, strokeWidth: 1.5 }),
+      /* @__PURE__ */ e(nt, { size: 14, color: M.strong, strokeWidth: 1.5 }),
       /* @__PURE__ */ e("span", { style: {
         fontSize: 13,
         fontWeight: 600,
-        color: z.strong,
+        color: M.strong,
         fontFamily: "var(--font-sans)",
         lineHeight: 1.2
-      }, children: o })
+      }, children: i })
     ] })
   ] });
 }
-function gn({ item: t }) {
-  const o = typeof t == "string" ? t : (t == null ? void 0 : t.text) || "", l = typeof t == "object" ? t == null ? void 0 : t.quote : null;
+function un({ item: t }) {
+  const i = typeof t == "string" ? t : (t == null ? void 0 : t.text) || "", r = typeof t == "object" ? t == null ? void 0 : t.quote : null;
   return /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 14 }, children: [
     /* @__PURE__ */ e("div", { style: {
       fontSize: 14,
       fontWeight: 600,
-      color: z.itemText,
+      color: M.itemText,
       fontFamily: "var(--font-sans)",
       lineHeight: 1.5
-    }, children: o }),
-    l && /* @__PURE__ */ n("div", { style: {
+    }, children: i }),
+    r && /* @__PURE__ */ n("div", { style: {
       display: "flex",
       gap: 10
     }, children: [
@@ -81,24 +81,24 @@ function gn({ item: t }) {
         width: 1,
         flexShrink: 0,
         alignSelf: "stretch",
-        background: z.quoteLine
+        background: M.quoteLine
       } }),
       /* @__PURE__ */ n("div", { style: {
         fontSize: 14,
         fontWeight: 400,
-        color: z.quoteText,
+        color: M.quoteText,
         fontFamily: "var(--font-sans)",
         lineHeight: 1.5
       }, children: [
         "“",
-        l,
+        r,
         "”"
       ] })
     ] })
   ] });
 }
-function Oe({ icon: t, label: o, items: l }) {
-  return !l || l.length === 0 ? null : /* @__PURE__ */ n("div", { style: {
+function Qe({ icon: t, label: i, items: r }) {
+  return !r || r.length === 0 ? null : /* @__PURE__ */ n("div", { style: {
     flex: 1,
     display: "flex",
     flexDirection: "column",
@@ -117,26 +117,26 @@ function Oe({ icon: t, label: o, items: l }) {
         width: 24,
         height: 24,
         borderRadius: 9999,
-        background: z.iconBg,
+        background: M.iconBg,
         flexShrink: 0
       }, children: t }),
       /* @__PURE__ */ e("span", { style: {
         fontSize: 16,
         fontWeight: 600,
-        color: z.strong,
+        color: M.strong,
         fontFamily: "var(--font-sans)",
         lineHeight: "normal"
-      }, children: o })
+      }, children: i })
     ] }),
-    /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: l.map((a, r) => /* @__PURE__ */ e(gn, { item: a }, r)) })
+    /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: r.map((l, o) => /* @__PURE__ */ e(un, { item: l }, o)) })
   ] });
 }
-const hn = ({ data: t, loading: o, error: l }) => {
-  var u, g;
-  if (me.useEffect(() => {
-    fn();
-  }, []), o)
-    return /* @__PURE__ */ n(Bt, { children: [
+const mn = ({ data: t, loading: i, error: r }) => {
+  var x, v;
+  if (de.useEffect(() => {
+    hn();
+  }, []), i)
+    return /* @__PURE__ */ n($t, { children: [
       /* @__PURE__ */ e("style", { children: `
           @keyframes coaching-spinner-spin {
             from { transform: rotate(0deg); }
@@ -193,20 +193,20 @@ const hn = ({ data: t, loading: o, error: l }) => {
         ),
         /* @__PURE__ */ e("span", { style: {
           fontSize: 14,
-          color: z.muted,
+          color: M.muted,
           fontWeight: 500,
           textAlign: "center"
         }, children: "Synthesizing coaching summary..." })
       ] })
     ] });
-  if (l)
+  if (r)
     return /* @__PURE__ */ e("div", { style: {
       fontSize: 14,
-      color: z.muted
+      color: M.muted
     }, children: "Unable to generate coaching summary." });
   if (!t)
     return null;
-  const a = t.strengths || [], r = t.improvements || [], f = typeof t.one_liner == "string" ? t.one_liner : ((u = t.one_liner) == null ? void 0 : u.text) || "", y = typeof t.context == "string" ? t.context : ((g = t.context) == null ? void 0 : g.text) || "";
+  const l = t.strengths || [], o = t.improvements || [], c = typeof t.one_liner == "string" ? t.one_liner : ((x = t.one_liner) == null ? void 0 : x.text) || "", y = typeof t.context == "string" ? t.context : ((v = t.context) == null ? void 0 : v.text) || "";
   return /* @__PURE__ */ n("div", { style: {
     display: "flex",
     flexDirection: "column",
@@ -218,23 +218,23 @@ const hn = ({ data: t, loading: o, error: l }) => {
       alignItems: "center",
       gap: 8
     }, children: [
-      /* @__PURE__ */ e(jt, { size: 20, color: z.accent, strokeWidth: 2 }),
+      /* @__PURE__ */ e(qt, { size: 20, color: M.accent, strokeWidth: 2 }),
       /* @__PURE__ */ e("span", { style: {
         fontSize: 16,
         fontWeight: 600,
-        color: z.strong,
+        color: M.strong,
         fontFamily: "var(--font-sans)",
         lineHeight: 1.2,
         textTransform: "uppercase"
       }, children: "Coaching Summary" })
     ] }),
-    f && /* @__PURE__ */ e("div", { style: {
+    c && /* @__PURE__ */ e("div", { style: {
       fontSize: 14,
       fontWeight: 500,
-      color: z.strong,
+      color: M.strong,
       fontFamily: "var(--font-sans)",
       lineHeight: 1.5
-    }, children: f }),
+    }, children: c }),
     /* @__PURE__ */ n("div", { style: {
       display: "flex",
       alignItems: "flex-start",
@@ -244,43 +244,43 @@ const hn = ({ data: t, loading: o, error: l }) => {
       y && /* @__PURE__ */ e("div", { style: {
         fontSize: 14,
         fontWeight: 400,
-        color: z.muted,
+        color: M.muted,
         fontFamily: "var(--font-sans)",
         lineHeight: 1.5,
         flex: 1
       }, children: y }),
-      t.overall && /* @__PURE__ */ e(pn, { overall: t.overall })
+      t.overall && /* @__PURE__ */ e(yn, { overall: t.overall })
     ] }),
-    (a.length > 0 || r.length > 0) && /* @__PURE__ */ n("div", { style: {
+    (l.length > 0 || o.length > 0) && /* @__PURE__ */ n("div", { style: {
       display: "flex",
       gap: 24,
       paddingTop: 24,
-      borderTop: `1px solid ${z.absent}`
+      borderTop: `1px solid ${M.absent}`
     }, children: [
       /* @__PURE__ */ e(
-        Oe,
+        Qe,
         {
-          icon: /* @__PURE__ */ e(Ot, { size: 14, color: z.strong, strokeWidth: 1.5 }),
+          icon: /* @__PURE__ */ e(Kt, { size: 14, color: M.strong, strokeWidth: 1.5 }),
           label: "Key Strengths",
-          items: a
+          items: l
         }
       ),
       /* @__PURE__ */ e(
-        Oe,
+        Qe,
         {
-          icon: /* @__PURE__ */ e($t, { size: 14, color: z.strong, strokeWidth: 1.5 }),
+          icon: /* @__PURE__ */ e(Yt, { size: 14, color: M.strong, strokeWidth: 1.5 }),
           label: "Improvements",
-          items: r
+          items: o
         }
       )
     ] })
   ] });
 };
-function yn(t) {
-  const o = Math.floor(t / 60), l = Math.round(t % 60);
-  return `${o}:${l.toString().padStart(2, "0")}`;
+function vn(t) {
+  const i = Math.floor(t / 60), r = Math.round(t % 60);
+  return `${i}:${r.toString().padStart(2, "0")}`;
 }
-const un = {
+const xn = {
   display: "flex",
   justifyContent: "space-between",
   padding: "8px 8px 12px 8px",
@@ -291,51 +291,51 @@ const un = {
   fontWeight: 400,
   lineHeight: "normal",
   borderBottom: "1px solid var(--Grey-absent, #D9D9D9)"
-}, $e = {
+}, Je = {
   display: "flex",
   flexDirection: "column",
   flex: "1 0 0",
   gap: 0,
   minWidth: 0
-}, mn = ({
+}, bn = ({
   meta: t = {},
-  callPurpose: o = {},
-  classification: l = {},
-  dimensions: a = [],
-  outcomeQuality: r = "Neutral",
-  onMoreDetails: f,
+  callPurpose: i = {},
+  classification: r = {},
+  dimensions: l = [],
+  outcomeQuality: o = "Neutral",
+  onMoreDetails: c,
   moreDetails: y = [],
-  resolutionOutcome: u,
-  customerIntent: g
+  resolutionOutcome: x,
+  customerIntent: v
 }) => {
-  const [m, D] = F(!1), b = t.duration_seconds != null ? yn(t.duration_seconds) : null, c = t.message_count, x = o.interaction_driver, d = l.interaction_paradigm, p = (i) => a.find((T) => (T.key || "").toLowerCase().includes(i)), h = p("resolution_outcome"), C = p("customer_intent"), k = p("outcome_quality"), M = (i) => i ? i.replace(/_/g, " ").replace(/\b\w/g, (T) => T.toUpperCase()) : null, _ = r !== "Neutral" ? r : k ? M(k.value) : r, $ = u ?? (h ? M(h.value) : null), A = g ?? (C ? M(C.value) : null), B = new Set(["resolution_outcome", "customer_intent", "outcome_quality"].map((i) => `dim.${i}`)), W = a.filter((i) => !B.has(i.key)), I = [], P = [
+  const [b, z] = F(!1), S = t.duration_seconds != null ? vn(t.duration_seconds) : null, f = t.message_count, w = i.interaction_driver, m = r.interaction_paradigm, u = (s) => l.find((O) => (O.key || "").toLowerCase().includes(s)), G = u("resolution_outcome"), D = u("customer_intent"), C = u("outcome_quality"), T = (s) => s ? s.replace(/_/g, " ").replace(/\b\w/g, (O) => O.toUpperCase()) : null, E = o !== "Neutral" ? o : C ? T(C.value) : o, B = x ?? (G ? T(G.value) : null), H = v ?? (D ? T(D.value) : null), h = new Set(["resolution_outcome", "customer_intent", "outcome_quality"].map((s) => `dim.${s}`)), p = l.filter((s) => !h.has(s.key)), a = [], A = [
     [
-      b != null ? { label: "Duration", value: b } : null,
-      c != null ? { label: "Messages", value: c } : null
+      S != null ? { label: "Duration", value: S } : null,
+      f != null ? { label: "Messages", value: f } : null
     ],
     [
-      x != null ? { label: "Driver", value: x } : null,
-      d != null ? { label: "Paradigm", value: d } : null
+      w != null ? { label: "Driver", value: w } : null,
+      m != null ? { label: "Paradigm", value: m } : null
     ]
   ];
-  for (let i = 0; i < W.length; i += 2) {
-    const T = W[i] ? { label: W[i].display_name || W[i].label || W[i].key, value: M(W[i].value) } : null, Y = W[i + 1] ? { label: W[i + 1].display_name || W[i + 1].label || W[i + 1].key, value: M(W[i + 1].value) } : null;
-    P.push([T, Y]);
+  for (let s = 0; s < p.length; s += 2) {
+    const O = p[s] ? { label: p[s].display_name || p[s].label || p[s].key, value: T(p[s].value) } : null, R = p[s + 1] ? { label: p[s + 1].display_name || p[s + 1].label || p[s + 1].key, value: T(p[s + 1].value) } : null;
+    A.push([O, R]);
   }
-  P.push([
-    { label: "Outcome Quality", value: _ },
+  A.push([
+    { label: "Outcome Quality", value: E },
     { isMoreDetails: !0 }
-  ]), P.forEach((i) => I.push(i));
-  const j = [
-    $ != null && { label: "Resolution Outcome", value: $ },
-    A != null && { label: "Customer Intent", value: A },
+  ]), A.forEach((s) => a.push(s));
+  const N = [
+    B != null && { label: "Resolution Outcome", value: B },
+    H != null && { label: "Customer Intent", value: H },
     ...y || []
-  ].filter(Boolean), N = (i) => /* @__PURE__ */ n(
+  ].filter(Boolean), K = (s) => /* @__PURE__ */ n(
     "div",
     {
-      style: un,
+      style: xn,
       children: [
-        /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Strong, #2E3236)", whiteSpace: "nowrap", flexShrink: 0 }, children: i.label }),
+        /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Strong, #2E3236)", whiteSpace: "nowrap", flexShrink: 0 }, children: s.label }),
         /* @__PURE__ */ e("span", { style: {
           color: "var(--Grey-Muted, #808183)",
           textAlign: "right",
@@ -343,15 +343,15 @@ const un = {
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           minWidth: 0
-        }, children: i.value })
+        }, children: s.value })
       ]
     },
-    i.label
+    s.label
   ), Q = () => /* @__PURE__ */ n(
     "div",
     {
       onClick: () => {
-        D((i) => !i), f && !m && f();
+        z((s) => !s), c && !b && c();
       },
       style: {
         display: "flex",
@@ -369,7 +369,7 @@ const un = {
           fontWeight: 500,
           lineHeight: "normal"
         }, children: "More Details" }),
-        m ? /* @__PURE__ */ e(ve, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }) : /* @__PURE__ */ e(xe, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 })
+        b ? /* @__PURE__ */ e(Fe, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }) : /* @__PURE__ */ e(De, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 })
       ]
     },
     "more-details"
@@ -386,8 +386,8 @@ const un = {
         overflow: "visible"
       },
       children: [
-        I.map((i, T) => {
-          var Y;
+        a.map((s, O) => {
+          var R;
           return /* @__PURE__ */ n(
             "div",
             {
@@ -398,14 +398,14 @@ const un = {
                 alignSelf: "stretch"
               },
               children: [
-                /* @__PURE__ */ e("div", { style: $e, children: i[0] && !i[0].isMoreDetails ? N(i[0]) : /* @__PURE__ */ e("div", { style: { flex: 1 } }) }),
-                /* @__PURE__ */ e("div", { style: $e, children: i[1] && !i[1].isMoreDetails ? N(i[1]) : (Y = i[1]) != null && Y.isMoreDetails ? Q() : /* @__PURE__ */ e("div", { style: { flex: 1 } }) })
+                /* @__PURE__ */ e("div", { style: Je, children: s[0] && !s[0].isMoreDetails ? K(s[0]) : /* @__PURE__ */ e("div", { style: { flex: 1 } }) }),
+                /* @__PURE__ */ e("div", { style: Je, children: s[1] && !s[1].isMoreDetails ? K(s[1]) : (R = s[1]) != null && R.isMoreDetails ? Q() : /* @__PURE__ */ e("div", { style: { flex: 1 } }) })
               ]
             },
-            T
+            O
           );
         }),
-        m && j.length > 0 && /* @__PURE__ */ n(
+        b && N.length > 0 && /* @__PURE__ */ n(
           "div",
           {
             style: {
@@ -434,7 +434,7 @@ const un = {
                 borderBottom: "1px solid var(--Grey-absent, #D9D9D9)",
                 alignSelf: "stretch"
               }, children: "More details" }),
-              j.map((i) => /* @__PURE__ */ n(
+              N.map((s) => /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -450,7 +450,7 @@ const un = {
                     alignSelf: "stretch"
                   },
                   children: [
-                    /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Strong, #2E3236)", whiteSpace: "nowrap", flexShrink: 0 }, children: i.label }),
+                    /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Strong, #2E3236)", whiteSpace: "nowrap", flexShrink: 0 }, children: s.label }),
                     /* @__PURE__ */ e("span", { style: {
                       color: "var(--Grey-Muted, #808183)",
                       fontSize: 13,
@@ -458,10 +458,10 @@ const un = {
                       fontWeight: 400,
                       lineHeight: "120%",
                       textAlign: "right"
-                    }, children: i.value })
+                    }, children: s.value })
                   ]
                 },
-                i.label
+                s.label
               ))
             ]
           }
@@ -469,22 +469,22 @@ const un = {
       ]
     }
   );
-}, v = {
+}, k = {
   strong: "var(--Grey-Strong, #2E3236)",
   muted: "var(--Grey-Muted, #808183)",
   absent: "var(--Grey-absent, #D9D9D9)",
   white: "var(--Grey-White, #FFF)",
   cardBg: "var(--surface-warm-40, rgba(243, 241, 229, 0.40))"
-}, G = 1.2, Ne = 3, qe = (t) => t != null ? Math.round(t * 100) + "%" : "—", Ke = (t) => {
+}, _ = 1.2, Xe = 3, Ue = (t) => t != null ? Math.round(t * 100) + "%" : "—", et = (t) => {
   if (t == null)
     return "—";
-  const o = (t * 100).toFixed(1);
-  return t > 0 ? `+${o}pp` : `${o}pp`;
-}, vn = ({ outcomeLift: t, driverLabels: o = [] }) => {
-  var c;
+  const i = (t * 100).toFixed(1);
+  return t > 0 ? `+${i}pp` : `${i}pp`;
+}, kn = ({ outcomeLift: t, driverLabels: i = [] }) => {
+  var f;
   if (!t || t.lift == null)
     return null;
-  const l = t.p_expected, a = t.p_full, r = t.lift_raw ?? (a != null && l != null ? a - l : null), f = t.lift, y = (c = t.interpretation) != null && c.lift_band ? t.interpretation.lift_band.replace(/_/g, " ") : f >= 0 ? "Positive" : "Negative", u = y.charAt(0).toUpperCase() + y.slice(1), m = /negative/i.test(y) ? Nt : Qe, D = o.slice(0, Ne), b = o.length - Ne;
+  const r = t.p_expected, l = t.p_full, o = t.lift_raw ?? (l != null && r != null ? l - r : null), c = t.lift, y = (f = t.interpretation) != null && f.lift_band ? t.interpretation.lift_band.replace(/_/g, " ") : c >= 0 ? "Positive" : "Negative", x = y.charAt(0).toUpperCase() + y.slice(1), b = /negative/i.test(y) ? Vt : nt, z = i.slice(0, Xe), S = i.length - Xe;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -494,8 +494,8 @@ const un = {
         padding: 24,
         gap: 24,
         borderRadius: 8,
-        border: `1px solid ${v.absent}`,
-        background: v.cardBg,
+        border: `1px solid ${k.absent}`,
+        background: k.cardBg,
         alignSelf: "stretch"
       },
       children: [
@@ -517,9 +517,9 @@ const un = {
                     style: {
                       fontSize: 15,
                       fontWeight: 600,
-                      color: v.strong,
+                      color: k.strong,
                       fontFamily: "var(--font-sans)",
-                      lineHeight: G
+                      lineHeight: _
                     },
                     children: "Agent Lift Analysis"
                   }
@@ -534,8 +534,8 @@ const un = {
                       fontFamily: "var(--font-sans)"
                     },
                     children: [
-                      /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: v.strong, lineHeight: G }, children: "vs. Average Agent:" }),
-                      /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 600, color: v.strong, lineHeight: G }, children: Ke(f) }),
+                      /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: k.strong, lineHeight: _ }, children: "vs. Average Agent:" }),
+                      /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 600, color: k.strong, lineHeight: _ }, children: et(c) }),
                       /* @__PURE__ */ n(
                         "div",
                         {
@@ -544,11 +544,11 @@ const un = {
                             alignItems: "center",
                             gap: 6,
                             paddingLeft: 8,
-                            borderLeft: `1px solid ${v.absent}`
+                            borderLeft: `1px solid ${k.absent}`
                           },
                           children: [
-                            /* @__PURE__ */ e(m, { size: 14, color: v.strong }),
-                            /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: v.strong, lineHeight: G }, children: u })
+                            /* @__PURE__ */ e(b, { size: 14, color: k.strong }),
+                            /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: k.strong, lineHeight: _ }, children: x })
                           ]
                         }
                       )
@@ -567,10 +567,10 @@ const un = {
               },
               children: [
                 /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 16, alignItems: "center", flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: v.muted, fontFamily: "var(--font-sans)", lineHeight: G }, children: qe(l) }),
+                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: k.muted, fontFamily: "var(--font-sans)", lineHeight: _ }, children: Ue(r) }),
                   /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8, alignItems: "center", minHeight: 48 }, children: [
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: v.strong, fontFamily: "var(--font-sans)", lineHeight: G, whiteSpace: "nowrap" }, children: "Expected Outcome" }),
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: v.muted, fontFamily: "var(--font-sans)", lineHeight: G, textAlign: "center" }, children: "Based on call type & difficulty" })
+                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: k.strong, fontFamily: "var(--font-sans)", lineHeight: _, whiteSpace: "nowrap" }, children: "Expected Outcome" }),
+                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: k.muted, fontFamily: "var(--font-sans)", lineHeight: _, textAlign: "center" }, children: "Based on call type & difficulty" })
                   ] })
                 ] }),
                 /* @__PURE__ */ n("div", { style: {
@@ -579,14 +579,14 @@ const un = {
                   gap: 16,
                   alignItems: "center",
                   paddingLeft: 24,
-                  borderLeft: `1px solid ${v.absent}`,
+                  borderLeft: `1px solid ${k.absent}`,
                   flex: 1,
                   minWidth: 0
                 }, children: [
-                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: v.muted, fontFamily: "var(--font-sans)", lineHeight: G }, children: Ke(r) }),
+                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: k.muted, fontFamily: "var(--font-sans)", lineHeight: _ }, children: et(o) }),
                   /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8, alignItems: "center", minHeight: 48 }, children: [
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: v.strong, fontFamily: "var(--font-sans)", lineHeight: G, whiteSpace: "nowrap" }, children: "Agent Impact" }),
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: v.muted, fontFamily: "var(--font-sans)", lineHeight: G, textAlign: "center" }, children: "Behavior-driven change" })
+                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: k.strong, fontFamily: "var(--font-sans)", lineHeight: _, whiteSpace: "nowrap" }, children: "Agent Impact" }),
+                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: k.muted, fontFamily: "var(--font-sans)", lineHeight: _, textAlign: "center" }, children: "Behavior-driven change" })
                   ] })
                 ] }),
                 /* @__PURE__ */ n("div", { style: {
@@ -595,36 +595,36 @@ const un = {
                   gap: 16,
                   alignItems: "center",
                   paddingLeft: 24,
-                  borderLeft: `1px solid ${v.absent}`,
+                  borderLeft: `1px solid ${k.absent}`,
                   flex: 1,
                   minWidth: 0
                 }, children: [
-                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: v.strong, fontFamily: "var(--font-sans)", lineHeight: G }, children: qe(a) }),
+                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: k.strong, fontFamily: "var(--font-sans)", lineHeight: _ }, children: Ue(l) }),
                   /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8, alignItems: "center", minHeight: 48 }, children: [
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: v.strong, fontFamily: "var(--font-sans)", lineHeight: G, whiteSpace: "nowrap" }, children: "Predicted Outcome" }),
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: v.muted, fontFamily: "var(--font-sans)", lineHeight: G, textAlign: "center" }, children: "With agent behaviors" })
+                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: k.strong, fontFamily: "var(--font-sans)", lineHeight: _, whiteSpace: "nowrap" }, children: "Predicted Outcome" }),
+                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: k.muted, fontFamily: "var(--font-sans)", lineHeight: _, textAlign: "center" }, children: "With agent behaviors" })
                   ] })
                 ] })
               ]
             }
           )
         ] }),
-        o.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignSelf: "stretch" }, children: [
+        i.length > 0 && /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignSelf: "stretch" }, children: [
           /* @__PURE__ */ e(
             "span",
             {
               style: {
                 fontSize: 12,
                 fontWeight: 600,
-                color: v.strong,
+                color: k.strong,
                 fontFamily: "var(--font-sans)",
-                lineHeight: G
+                lineHeight: _
               },
               children: "Key Drivers"
             }
           ),
           /* @__PURE__ */ n("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: [
-            D.map((x, d) => /* @__PURE__ */ e(
+            z.map((w, m) => /* @__PURE__ */ e(
               "div",
               {
                 style: {
@@ -633,8 +633,8 @@ const un = {
                   alignItems: "center",
                   justifyContent: "center",
                   borderRadius: 4,
-                  border: `1px solid ${v.absent}`,
-                  background: v.white
+                  border: `1px solid ${k.absent}`,
+                  background: k.white
                 },
                 children: /* @__PURE__ */ e(
                   "span",
@@ -642,21 +642,21 @@ const un = {
                     style: {
                       fontSize: 12,
                       fontWeight: 400,
-                      color: v.strong,
+                      color: k.strong,
                       fontFamily: "var(--font-sans)",
-                      lineHeight: G,
+                      lineHeight: _,
                       whiteSpace: "nowrap",
                       overflow: "hidden",
                       textOverflow: "ellipsis",
                       maxWidth: 200
                     },
-                    children: x
+                    children: w
                   }
                 )
               },
-              d
+              m
             )),
-            b > 0 && /* @__PURE__ */ e(
+            S > 0 && /* @__PURE__ */ e(
               "div",
               {
                 style: {
@@ -665,8 +665,8 @@ const un = {
                   alignItems: "center",
                   justifyContent: "center",
                   borderRadius: 4,
-                  border: `1px solid ${v.absent}`,
-                  background: v.white
+                  border: `1px solid ${k.absent}`,
+                  background: k.white
                 },
                 children: /* @__PURE__ */ n(
                   "span",
@@ -674,14 +674,14 @@ const un = {
                     style: {
                       fontSize: 12,
                       fontWeight: 400,
-                      color: v.strong,
+                      color: k.strong,
                       fontFamily: "var(--font-sans)",
-                      lineHeight: G,
+                      lineHeight: _,
                       whiteSpace: "nowrap"
                     },
                     children: [
                       "+ ",
-                      b
+                      S
                     ]
                   }
                 )
@@ -692,23 +692,23 @@ const un = {
       ]
     }
   );
-}, Ye = ({ children: t, size: o = 28, onClick: l, title: a }) => {
-  const [r, f] = F(!1);
+}, tt = ({ children: t, size: i = 28, onClick: r, title: l }) => {
+  const [o, c] = F(!1);
   return /* @__PURE__ */ e(
     "div",
     {
-      title: a,
-      onClick: l,
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => f(!1),
+      title: l,
+      onClick: r,
+      onMouseEnter: () => c(!0),
+      onMouseLeave: () => c(!1),
       style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        width: o,
-        height: o,
+        width: i,
+        height: i,
         borderRadius: 9999,
-        background: r ? "var(--surface-hover, #F3F7F7)" : "transparent",
+        background: o ? "var(--surface-hover, #F3F7F7)" : "transparent",
         cursor: "pointer",
         flexShrink: 0,
         transition: "background 0.15s"
@@ -716,24 +716,24 @@ const un = {
       children: t
     }
   );
-}, xn = ({
+}, Sn = ({
   signals: t = { signals: [], present_count: 0, total_signals_evaluated: 0 },
-  expandedSignals: o = /* @__PURE__ */ new Set(),
-  toggleSignal: l = () => {
+  expandedSignals: i = /* @__PURE__ */ new Set(),
+  toggleSignal: r = () => {
   },
-  playEvidence: a = () => {
+  playEvidence: l = () => {
   },
-  highlightTurns: r = () => {
+  highlightTurns: o = () => {
   },
-  onShowInTranscript: f = () => {
+  onShowInTranscript: c = () => {
   },
   timelinePlaying: y = !1,
-  currentTimeSeconds: u = 0
+  currentTimeSeconds: x = 0
 }) => {
-  const g = (t == null ? void 0 : t.signals) ?? [], m = (t == null ? void 0 : t.present_count) ?? g.length, D = (c) => {
-    const x = Math.floor(c / 6e4), d = Math.floor(c % 6e4 / 1e3);
-    return `${x.toString().padStart(2, "0")}:${d.toString().padStart(2, "0")}`;
-  }, b = (c) => y && c.start_ms != null && u * 1e3 >= c.start_ms && u * 1e3 <= (c.end_ms ?? c.start_ms + 5e3);
+  const v = (t == null ? void 0 : t.signals) ?? [], b = (t == null ? void 0 : t.present_count) ?? v.length, z = (f) => {
+    const w = Math.floor(f / 6e4), m = Math.floor(f % 6e4 / 1e3);
+    return `${w.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
+  }, S = (f) => y && f.start_ms != null && x * 1e3 >= f.start_ms && x * 1e3 <= (f.end_ms ?? f.start_ms + 5e3);
   return /* @__PURE__ */ n("div", { style: {
     display: "flex",
     flexDirection: "column",
@@ -757,7 +757,7 @@ const un = {
         borderRadius: 9999,
         background: "var(--surface-hover, #F3F7F7)",
         flexShrink: 0
-      }, children: /* @__PURE__ */ e(Ze, { size: 20, color: "#2E3236", strokeWidth: 1.5 }) }),
+      }, children: /* @__PURE__ */ e(it, { size: 20, color: "#2E3236", strokeWidth: 1.5 }) }),
       /* @__PURE__ */ n("div", { style: {
         display: "flex",
         alignItems: "center",
@@ -774,7 +774,7 @@ const un = {
           fontWeight: 500,
           color: "var(--Grey-Strong, #2E3236)"
         }, children: [
-          m,
+          b,
           " Signals Detected"
         ] })
       ] })
@@ -786,18 +786,18 @@ const un = {
       background: "var(--Grey-White, #FFF)",
       gap: 8
     }, children: [
-      g.length === 0 && /* @__PURE__ */ e("div", { style: {
+      v.length === 0 && /* @__PURE__ */ e("div", { style: {
         padding: "8px 0",
         fontSize: 14,
         color: "var(--Grey-Muted, #808183)"
       }, children: "No signals detected." }),
-      g.map((c, x) => {
-        var C, k, M;
-        const d = c.key ?? c.id ?? x, p = o.has(d), h = ((C = c.observations) == null ? void 0 : C.length) ?? 0;
+      v.map((f, w) => {
+        var D, C, T;
+        const m = f.key ?? f.id ?? w, u = i.has(m), G = ((D = f.observations) == null ? void 0 : D.length) ?? 0;
         return /* @__PURE__ */ n(
           "div",
           {
-            id: `signal-${d}`,
+            id: `signal-${m}`,
             style: {
               display: "flex",
               flexDirection: "column",
@@ -808,7 +808,7 @@ const un = {
               /* @__PURE__ */ n(
                 "button",
                 {
-                  onClick: () => l(d),
+                  onClick: () => r(m),
                   style: {
                     display: "flex",
                     padding: "8px 0",
@@ -830,28 +830,28 @@ const un = {
                       color: "var(--text-dark, #0B0A0A)",
                       lineHeight: 1.71
                     }, children: [
-                      c.display_name || ((k = c.key) == null ? void 0 : k.replace(/_/g, " ")),
-                      h > 0 && /* @__PURE__ */ n("span", { style: {
+                      f.display_name || ((C = f.key) == null ? void 0 : C.replace(/_/g, " ")),
+                      G > 0 && /* @__PURE__ */ n("span", { style: {
                         fontWeight: 600,
                         color: "var(--text-dark, #0B0A0A)",
                         marginLeft: 6
                       }, children: [
                         "(",
-                        h,
+                        G,
                         ")"
                       ] })
                     ] }),
-                    p ? /* @__PURE__ */ e(ve, { size: 20, color: "#767473" }) : /* @__PURE__ */ e(xe, { size: 20, color: "#767473" })
+                    u ? /* @__PURE__ */ e(Fe, { size: 20, color: "#767473" }) : /* @__PURE__ */ e(De, { size: 20, color: "#767473" })
                   ]
                 }
               ),
-              p && ((M = c.observations) == null ? void 0 : M.length) > 0 && /* @__PURE__ */ e("div", { style: {
+              u && ((T = f.observations) == null ? void 0 : T.length) > 0 && /* @__PURE__ */ e("div", { style: {
                 display: "flex",
                 flexDirection: "column",
                 alignSelf: "stretch",
                 gap: 0
-              }, children: c.observations.map((_, $) => {
-                var A, B, W;
+              }, children: f.observations.map((E, B) => {
+                var H, h, p;
                 return /* @__PURE__ */ n(
                   "div",
                   {
@@ -875,8 +875,8 @@ const un = {
                           fontWeight: 400,
                           color: "var(--text-subtle-warm, #767473)",
                           lineHeight: 1.5
-                        }, children: _.reason || _.explanation }),
-                        ((B = (A = _.evidence) == null ? void 0 : A[0]) == null ? void 0 : B.start_ms) != null && /* @__PURE__ */ n(
+                        }, children: E.reason || E.explanation }),
+                        ((h = (H = E.evidence) == null ? void 0 : H[0]) == null ? void 0 : h.start_ms) != null && /* @__PURE__ */ n(
                           "div",
                           {
                             style: {
@@ -887,14 +887,14 @@ const un = {
                             },
                             children: [
                               /* @__PURE__ */ e(
-                                Ye,
+                                tt,
                                 {
                                   size: 28,
                                   title: "Show in transcript",
-                                  onClick: (I) => {
-                                    I.stopPropagation(), f(_.evidence[0].start_ms);
+                                  onClick: (a) => {
+                                    a.stopPropagation(), c(E.evidence[0].start_ms);
                                   },
-                                  children: /* @__PURE__ */ e(qt, { size: 16, color: "#808183", strokeWidth: 1.5 })
+                                  children: /* @__PURE__ */ e(Zt, { size: 16, color: "#808183", strokeWidth: 1.5 })
                                 }
                               ),
                               /* @__PURE__ */ e("span", { style: {
@@ -903,38 +903,38 @@ const un = {
                                 color: "var(--Grey-Muted, #808183)",
                                 lineHeight: 1.2,
                                 whiteSpace: "nowrap"
-                              }, children: D(_.evidence[0].start_ms) })
+                              }, children: z(E.evidence[0].start_ms) })
                             ]
                           }
                         )
                       ] }),
-                      (W = _.evidence) == null ? void 0 : W.map((I, P) => {
-                        const j = I.start_ms != null && I.end_ms != null;
-                        return I.text && /* @__PURE__ */ n(
+                      (p = E.evidence) == null ? void 0 : p.map((a, A) => {
+                        const N = a.start_ms != null && a.end_ms != null;
+                        return a.text && /* @__PURE__ */ n(
                           "div",
                           {
-                            onClick: (N) => {
-                              N.stopPropagation(), j && a(I);
+                            onClick: (K) => {
+                              K.stopPropagation(), N && l(a);
                             },
-                            onMouseEnter: () => r(I.turn_ids ?? []),
-                            onMouseLeave: () => r([]),
+                            onMouseEnter: () => o(a.turn_ids ?? []),
+                            onMouseLeave: () => o([]),
                             style: {
                               display: "flex",
                               alignItems: "center",
                               gap: 8,
                               padding: "8px 0",
-                              cursor: j ? "pointer" : "default"
+                              cursor: N ? "pointer" : "default"
                             },
                             children: [
-                              j && /* @__PURE__ */ e(Ye, { size: 28, children: b(I) ? /* @__PURE__ */ e(
-                                Kt,
+                              N && /* @__PURE__ */ e(tt, { size: 28, children: S(a) ? /* @__PURE__ */ e(
+                                Qt,
                                 {
                                   size: 17,
                                   color: "var(--Grey-Muted, #808183)",
                                   strokeWidth: 1.5
                                 }
                               ) : /* @__PURE__ */ e(
-                                Yt,
+                                Jt,
                                 {
                                   size: 17,
                                   color: "var(--Grey-Muted, #808183)",
@@ -948,27 +948,27 @@ const un = {
                                 lineHeight: 1.2
                               }, children: [
                                 "“",
-                                I.text,
+                                a.text,
                                 "”"
                               ] })
                             ]
                           },
-                          P
+                          A
                         );
                       })
                     ]
                   },
-                  _.key ?? $
+                  E.key ?? B
                 );
               }) })
             ]
           },
-          d
+          m
         );
       })
     ] })
   ] });
-}, E = {
+}, L = {
   strong: "var(--Grey-Strong, #2E3236)",
   muted: "var(--Grey-Muted, #808183)",
   absent: "var(--Grey-absent, #D9D9D9)",
@@ -976,71 +976,71 @@ const un = {
   accent: "var(--rail-orange, #C98A5A)",
   track: "var(--rail-surface-2, #E3E1D7)",
   infoIcon: "var(--color-input-border, #ACACAD)"
-}, bn = ({ score: t = 4, maxScore: o = 10 }) => {
-  const m = Math.min(Math.round(t / o * 5), 5), D = 180 / 5, b = (d) => {
-    const p = d * Math.PI / 180;
+}, wn = ({ score: t = 4, maxScore: i = 10 }) => {
+  const b = Math.min(Math.round(t / i * 5), 5), z = 180 / 5, S = (m) => {
+    const u = m * Math.PI / 180;
     return {
-      x: 121.5 + 85 * Math.cos(p),
-      y: 123 - 85 * Math.sin(p)
+      x: 121.5 + 85 * Math.cos(u),
+      y: 123 - 85 * Math.sin(u)
     };
-  }, c = (d, p) => {
-    const h = b(d), C = b(p), k = d - p > 180 ? 1 : 0;
-    return `M ${h.x} ${h.y} A 85 85 0 ${k} 1 ${C.x} ${C.y}`;
-  }, x = 2;
-  return /* @__PURE__ */ e("svg", { width: "100%", viewBox: "0 0 243 130", fill: "none", style: { maxWidth: 243 }, children: Array.from({ length: 5 }, (d, p) => {
-    const h = 180 - p * D - (p > 0 ? x / 2 : 0), C = 180 - (p + 1) * D + (p < 5 - 1 ? x / 2 : 0), k = p < m;
+  }, f = (m, u) => {
+    const G = S(m), D = S(u), C = m - u > 180 ? 1 : 0;
+    return `M ${G.x} ${G.y} A 85 85 0 ${C} 1 ${D.x} ${D.y}`;
+  }, w = 2;
+  return /* @__PURE__ */ e("svg", { width: "100%", viewBox: "0 0 243 130", fill: "none", style: { maxWidth: 243 }, children: Array.from({ length: 5 }, (m, u) => {
+    const G = 180 - u * z - (u > 0 ? w / 2 : 0), D = 180 - (u + 1) * z + (u < 5 - 1 ? w / 2 : 0), C = u < b;
     return /* @__PURE__ */ e(
       "path",
       {
-        d: c(h, C),
-        stroke: k ? E.strong : E.track,
+        d: f(G, D),
+        stroke: C ? L.strong : L.track,
         strokeWidth: 30,
         strokeLinecap: "butt",
         fill: "none"
       },
-      p
+      u
     );
   }) });
-}, kn = ({ value: t = 0, maxValue: o = 5 }) => /* @__PURE__ */ e("div", { style: { display: "flex", gap: 2 }, children: Array.from({ length: o }, (l, a) => /* @__PURE__ */ e(
+}, Cn = ({ value: t = 0, maxValue: i = 5 }) => /* @__PURE__ */ e("div", { style: { display: "flex", gap: 2 }, children: Array.from({ length: i }, (r, l) => /* @__PURE__ */ e(
   "div",
   {
     style: {
       width: 22,
       height: 6,
       borderRadius: 1,
-      background: a < t ? E.strong : E.track
+      background: l < t ? L.strong : L.track
     }
   },
-  a
-)) }), Sn = {
+  l
+)) }), Fn = {
   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"
-}, wn = ({ text: t, children: o }) => {
-  const [l, a] = F(!1), r = L(null), [f, y] = F({ top: 0, left: 0 });
+}, Dn = ({ text: t, children: i }) => {
+  const [r, l] = F(!1), o = P(null), [c, y] = F({ top: 0, left: 0 });
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: r,
+      ref: o,
       style: { position: "relative", display: "inline-flex" },
       onMouseEnter: () => {
-        if (r.current) {
-          const g = r.current.getBoundingClientRect();
+        if (o.current) {
+          const v = o.current.getBoundingClientRect();
           y({
-            top: g.top - 8,
-            left: g.left + g.width / 2
+            top: v.top - 8,
+            left: v.left + v.width / 2
           });
         }
-        a(!0);
+        l(!0);
       },
-      onMouseLeave: () => a(!1),
+      onMouseLeave: () => l(!1),
       children: [
-        o,
-        l && /* @__PURE__ */ e("div", { style: {
+        i,
+        r && /* @__PURE__ */ e("div", { style: {
           position: "fixed",
-          top: f.top,
-          left: f.left,
+          top: c.top,
+          left: c.left,
           transform: "translate(-50%, -100%)",
           display: "flex",
           width: "max-content",
@@ -1061,7 +1061,7 @@ const un = {
       ]
     }
   );
-}, Cn = ({ label: t, value: o = 0, maxValue: l = 5 }) => /* @__PURE__ */ n("div", { style: {
+}, Wn = ({ label: t, value: i = 0, maxValue: r = 5 }) => /* @__PURE__ */ n("div", { style: {
   display: "flex",
   flexDirection: "column",
   gap: 8,
@@ -1076,188 +1076,183 @@ const un = {
     /* @__PURE__ */ e("span", { style: {
       fontSize: 12,
       fontWeight: 400,
-      color: E.strong,
+      color: L.strong,
       fontFamily: "var(--font-sans)",
       lineHeight: "normal"
     }, children: t }),
-    /* @__PURE__ */ e(wn, { text: Sn[t] || t, children: /* @__PURE__ */ e(Vt, { size: 14, color: E.infoIcon, strokeWidth: 1, style: { cursor: "pointer" } }) })
+    /* @__PURE__ */ e(Dn, { text: Fn[t] || t, children: /* @__PURE__ */ e(rt, { size: 14, color: L.infoIcon, strokeWidth: 1, style: { cursor: "pointer" } }) })
   ] }),
-  /* @__PURE__ */ e(kn, { value: o, maxValue: l })
-] }), Fn = ({
+  /* @__PURE__ */ e(Cn, { value: i, maxValue: r })
+] }), In = ({
   score: t = 83,
-  maxScore: o = 100,
-  predictedScore: l = 4,
-  predictedLabel: a = "Predicted Objective",
-  description: r = "",
-  legends: f = [
+  maxScore: i = 100,
+  predictedScore: r = 4,
+  predictedLabel: l = "Predicted Objective",
+  description: o = "",
+  legends: c = [
     { label: "CSAT", value: 3 },
     { label: "Resolution", value: 4 },
     { label: "Process Adherence", value: 5 },
     { label: "Communication", value: 3 }
   ]
-}) => {
-  const y = String(l).padStart(2, "0");
-  return /* @__PURE__ */ n("div", { style: {
+}) => (String(r).padStart(2, "0"), /* @__PURE__ */ n("div", { style: {
+  display: "flex",
+  flexDirection: "column",
+  padding: 24,
+  borderRadius: 8,
+  border: `1px solid ${L.absent}`,
+  background: L.white,
+  alignSelf: "stretch",
+  flex: 1,
+  gap: 24
+}, children: [
+  /* @__PURE__ */ n("div", { style: {
     display: "flex",
     flexDirection: "column",
-    padding: 24,
-    borderRadius: 8,
-    border: `1px solid ${E.absent}`,
-    background: E.white,
-    alignSelf: "stretch",
+    gap: 8
+  }, children: [
+    /* @__PURE__ */ e("span", { style: {
+      fontSize: 15,
+      fontWeight: 600,
+      color: L.strong,
+      fontFamily: "var(--font-sans)",
+      lineHeight: 1.2
+    }, children: "Compass Score" }),
+    /* @__PURE__ */ e("span", { style: {
+      fontSize: 14,
+      fontWeight: 400,
+      color: L.muted,
+      fontFamily: "var(--font-sans)",
+      lineHeight: "normal"
+    }, children: o })
+  ] }),
+  /* @__PURE__ */ n("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 24,
     flex: 1,
-    gap: 24
+    overflow: "hidden"
   }, children: [
     /* @__PURE__ */ n("div", { style: {
-      display: "flex",
+      position: "relative",
+      maxWidth: 243,
+      minWidth: 160,
+      flex: "0 1 243px",
       flexDirection: "column",
-      gap: 8
+      alignItems: "center",
+      display: "flex"
     }, children: [
-      /* @__PURE__ */ e("span", { style: {
-        fontSize: 15,
-        fontWeight: 600,
-        color: E.strong,
-        fontFamily: "var(--font-sans)",
-        lineHeight: 1.2
-      }, children: "Compass Score" }),
-      /* @__PURE__ */ e("span", { style: {
-        fontSize: 14,
+      /* @__PURE__ */ e(wn, { score: t, maxScore: i }),
+      (() => {
+        const v = -(180 - (i > 0 ? Math.min(t / i, 1) : 0) * 180 - 45);
+        return /* @__PURE__ */ n(
+          "svg",
+          {
+            width: "34",
+            height: "35",
+            viewBox: "0 0 34 35",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            style: {
+              marginTop: -24,
+              transform: `rotate(${v}deg)`,
+              transformOrigin: "center center"
+            },
+            children: [
+              /* @__PURE__ */ e("path", { d: "M16 25.2169C19.958 25.2169 23.1667 22.0083 23.1667 18.0503C23.1667 14.0922 19.958 10.8836 16 10.8836C12.042 10.8836 8.83334 14.0922 8.83334 18.0503C8.83334 22.0083 12.042 25.2169 16 25.2169Z", fill: "var(--rail-orange, #C98A5A)" }),
+              /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.4791 11.2328L33.4351 0L21.6888 3.09113C19.9212 2.41855 18.0036 2.05025 16 2.05025C7.16344 2.05025 0 9.2137 0 18.0503C0 26.8868 7.16344 34.0503 16 34.0503C24.8366 34.0503 32 26.8868 32 18.0503C32 15.6119 31.4546 13.301 30.4791 11.2328ZM16 30.5503C22.9036 30.5503 28.5 24.9538 28.5 18.0503C28.5 11.1467 22.9036 5.55025 16 5.55025C9.09644 5.55025 3.5 11.1467 3.5 18.0503C3.5 24.9538 9.09644 30.5503 16 30.5503Z", fill: "var(--rail-orange, #C98A5A)" })
+            ]
+          }
+        );
+      })(),
+      /* @__PURE__ */ e("div", { style: {
+        fontSize: 28,
         fontWeight: 400,
-        color: E.muted,
+        color: L.strong,
         fontFamily: "var(--font-sans)",
-        lineHeight: "normal"
-      }, children: r })
+        lineHeight: 1,
+        textAlign: "center",
+        marginTop: 8
+      }, children: t })
     ] }),
     /* @__PURE__ */ n("div", { style: {
       display: "flex",
+      flexDirection: "column",
+      gap: 8,
       alignItems: "center",
       justifyContent: "center",
-      gap: 24,
-      flex: 1,
-      overflow: "hidden"
+      flex: 1
     }, children: [
-      /* @__PURE__ */ n("div", { style: {
-        position: "relative",
-        maxWidth: 243,
-        minWidth: 160,
-        flex: "0 1 243px",
-        flexDirection: "column",
-        alignItems: "center",
-        display: "flex"
-      }, children: [
-        /* @__PURE__ */ e(bn, { score: t, maxScore: o }),
-        (() => {
-          const m = -(180 - (o > 0 ? Math.min(t / o, 1) : 0) * 180 - 45);
-          return /* @__PURE__ */ n(
-            "svg",
-            {
-              width: "34",
-              height: "35",
-              viewBox: "0 0 34 35",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              style: {
-                marginTop: -24,
-                transform: `rotate(${m}deg)`,
-                transformOrigin: "center center"
-              },
-              children: [
-                /* @__PURE__ */ e("path", { d: "M16 25.2169C19.958 25.2169 23.1667 22.0083 23.1667 18.0503C23.1667 14.0922 19.958 10.8836 16 10.8836C12.042 10.8836 8.83334 14.0922 8.83334 18.0503C8.83334 22.0083 12.042 25.2169 16 25.2169Z", fill: "var(--rail-orange, #C98A5A)" }),
-                /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.4791 11.2328L33.4351 0L21.6888 3.09113C19.9212 2.41855 18.0036 2.05025 16 2.05025C7.16344 2.05025 0 9.2137 0 18.0503C0 26.8868 7.16344 34.0503 16 34.0503C24.8366 34.0503 32 26.8868 32 18.0503C32 15.6119 31.4546 13.301 30.4791 11.2328ZM16 30.5503C22.9036 30.5503 28.5 24.9538 28.5 18.0503C28.5 11.1467 22.9036 5.55025 16 5.55025C9.09644 5.55025 3.5 11.1467 3.5 18.0503C3.5 24.9538 9.09644 30.5503 16 30.5503Z", fill: "var(--rail-orange, #C98A5A)" })
-              ]
-            }
-          );
-        })(),
-        /* @__PURE__ */ e("div", { style: {
-          fontSize: 28,
-          fontWeight: 400,
-          color: E.strong,
-          fontFamily: "var(--font-sans)",
-          lineHeight: 1,
-          textAlign: "center",
-          marginTop: 8
-        }, children: t })
-      ] }),
-      /* @__PURE__ */ n("div", { style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 8,
-        alignItems: "center",
-        justifyContent: "center",
-        flex: 1
-      }, children: [
-        /* @__PURE__ */ n("div", { style: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center"
-        }, children: [
-          /* @__PURE__ */ e("div", { style: {
-            fontSize: 28,
-            fontWeight: 400,
-            color: E.strong,
-            fontFamily: "var(--font-sans)",
-            lineHeight: 1,
-            textAlign: "center"
-          }, children: y }),
-          /* @__PURE__ */ e("div", { style: {
-            fontSize: 14,
-            fontWeight: 400,
-            color: E.muted,
-            fontFamily: "var(--font-sans)",
-            lineHeight: 1.43,
-            textAlign: "center"
-          }, children: a })
-        ] }),
-        /* @__PURE__ */ e("div", { style: {
-          width: "100%",
-          height: 1,
-          background: E.absent
-        } }),
-        f.map((u, g) => /* @__PURE__ */ e(
-          Cn,
-          {
-            label: u.label,
-            value: u.value
-          },
-          g
-        ))
-      ] })
+      /* @__PURE__ */ e("div", { style: {
+        fontSize: 15,
+        fontWeight: 500,
+        color: L.strong,
+        fontFamily: "var(--font-sans)",
+        lineHeight: 1.2,
+        textAlign: "center"
+      }, children: "Overall Score" }),
+      /* @__PURE__ */ e("div", { style: {
+        width: "100%",
+        height: 1,
+        background: L.absent
+      } }),
+      c.map((y, x) => /* @__PURE__ */ e(
+        Wn,
+        {
+          label: y.label,
+          value: y.value
+        },
+        x
+      ))
     ] })
-  ] });
-}, be = (t) => {
+  ] })
+] })), We = (t) => {
   if (!t)
     return null;
-  const o = String(t).toLowerCase();
-  return o === "supervisor" ? "var(--rail-compliance, #C98A5A)" : o === "admin" || o === "administrator" ? "var(--rail-discovery, #5E88B0)" : o === "agent" ? "var(--rail-outcome, #6B7C93)" : null;
-}, re = (t) => (t || "").split(" ").map((o) => o[0]).join("").toUpperCase() || "U", Dn = (t) => {
+  const i = String(t).toLowerCase();
+  return i === "supervisor" ? "var(--rail-compliance, #C98A5A)" : i === "admin" || i === "administrator" ? "var(--rail-discovery, #5E88B0)" : i === "agent" ? "var(--rail-outcome, #6B7C93)" : null;
+}, ce = (t) => (t || "").split(" ").map((i) => i[0]).join("").toUpperCase() || "U", zn = (t) => {
+  if (!t || t === "Just now")
+    return !0;
+  if (/^\d{4}-\d{2}-\d{2}T/.test(t))
+    try {
+      const r = /Z$|[+-]\d{2}:\d{2}$/.test(t) ? t : t + "Z", l = new Date(r);
+      return Number.isNaN(l.getTime()) ? !1 : Date.now() - l.getTime() < 15 * 60 * 1e3;
+    } catch {
+      return !1;
+    }
+  const i = t.match(/^(\d+)\s*min/);
+  return i ? parseInt(i[1], 10) < 15 : !(/\d+\s*h/.test(t) || /\d+\s*day/.test(t));
+}, Gn = (t) => {
   if (!t)
     return "";
   if (!/^\d{4}-\d{2}-\d{2}T/.test(t))
     return t;
   try {
-    const o = new Date(t);
-    if (Number.isNaN(o.getTime()))
+    const i = /Z$|[+-]\d{2}:\d{2}$/.test(t) ? t : t + "Z", r = new Date(i);
+    if (Number.isNaN(r.getTime()))
       return t;
-    const a = (/* @__PURE__ */ new Date()).getTime() - o.getTime(), r = Math.floor(a / 6e4), f = Math.floor(a / 36e5);
-    if (r < 1)
+    const o = (/* @__PURE__ */ new Date()).getTime() - r.getTime(), c = Math.floor(o / 6e4), y = Math.floor(o / 36e5);
+    if (c < 1)
       return "Just now";
-    if (r < 60)
-      return `${r} min`;
-    if (f < 24)
-      return `${f} h`;
-    const y = Math.floor(f / 24);
-    return y === 1 ? "1 day" : `${y} days`;
+    if (c < 60)
+      return `${c} min`;
+    if (y < 24)
+      return `${y} h`;
+    const x = Math.floor(y / 24);
+    return x === 1 ? "1 day" : `${x} days`;
   } catch {
     return t;
   }
-}, Xe = ({ name: t, initials: o, color: l, avatar: a, size: r = 36 }) => a ? /* @__PURE__ */ e(
+}, ot = ({ name: t, initials: i, color: r, avatar: l, size: o = 36 }) => l ? /* @__PURE__ */ e(
   "img",
   {
-    src: a,
+    src: l,
     alt: t,
     style: {
-      width: r,
-      height: r,
+      width: o,
+      height: o,
       borderRadius: "50%",
       objectFit: "cover",
       flexShrink: 0
@@ -1267,49 +1262,50 @@ const un = {
   "div",
   {
     style: {
-      width: r,
-      height: r,
+      width: o,
+      height: o,
       borderRadius: "50%",
-      background: l || "#6B7C93",
+      background: r || "#6B7C93",
       color: "#FFF",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      fontSize: r <= 32 ? "10px" : "11px",
+      fontSize: o <= 32 ? "10px" : "11px",
       fontWeight: 650,
       flexShrink: 0,
       fontFamily: "var(--default-font-family)",
       letterSpacing: "0.02em"
     },
     title: t,
-    children: o || re(t)
+    children: i || ce(t)
   }
-), Ve = ({
+), Mn = ({
   comment: t,
-  isReply: o = !1,
-  onReply: l,
-  onSendReply: a,
-  onEdit: r,
-  onDelete: f,
+  isReply: i = !1,
+  onReply: r,
+  onSendReply: l,
+  onEdit: o,
+  onDelete: c,
   onMenuClick: y,
-  showReply: u = !0
+  showReply: x = !0
 }) => {
-  const [g, m] = F(!1), [D, b] = F(!1), [c, x] = F(!1), [d, p] = F(""), [h, C] = F(!1), [k, M] = F(""), _ = L(null), $ = L(null), A = t.author || {}, B = A.name || t.author_name || "Unknown", W = A.initials || re(B), I = A.role || t.author_role, P = A.color || be(I) || "#6B7C93", j = A.avatar || t.avatar, N = Dn(t.timestamp || t.created_at), Q = Array.isArray(t.content) ? t.content : [t.content || t.text || ""];
-  return me.useEffect(() => {
-    if (!D)
+  var ie, pe;
+  const [v, b] = F(!1), [z, S] = F(!1), [f, w] = F(!1), [m, u] = F(""), [G, D] = F(!1), [C, T] = F(""), [E, B] = F(!1), H = P(null), h = P(null), p = t.author || {}, a = p.name || t.author_name || "Unknown", A = p.initials || ce(a), N = p.role || t.author_role, K = p.color || We(N) || "#6B7C93", Q = p.avatar || t.avatar, s = t.timestamp || t.created_at, O = Gn(s), R = zn(s), fe = Array.isArray(t.content) ? t.content : [t.content || t.text || ""];
+  return de.useEffect(() => {
+    if (!z)
       return;
-    const i = (T) => {
-      _.current && !_.current.contains(T.target) && b(!1);
+    const d = (J) => {
+      H.current && !H.current.contains(J.target) && S(!1);
     };
-    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
-  }, [D]), /* @__PURE__ */ n(
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+  }, [z]), /* @__PURE__ */ n(
     "div",
     {
-      onMouseEnter: () => m(!0),
-      onMouseLeave: () => m(!1),
+      onMouseEnter: () => b(!0),
+      onMouseLeave: () => b(!1),
       style: {
         display: "flex",
-        paddingLeft: o ? 48 : 0,
+        paddingLeft: i ? 48 : 0,
         alignItems: "flex-start",
         gap: 16,
         paddingTop: 8,
@@ -1317,12 +1313,12 @@ const un = {
       },
       children: [
         /* @__PURE__ */ e(
-          Xe,
+          ot,
           {
-            name: B,
-            initials: W,
-            color: P,
-            avatar: j
+            name: a,
+            initials: A,
+            color: K,
+            avatar: Q
           }
         ),
         /* @__PURE__ */ n("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -1347,7 +1343,7 @@ const un = {
                         lineHeight: "150%",
                         fontFamily: "var(--default-font-family)"
                       },
-                      children: B
+                      children: a
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1360,16 +1356,29 @@ const un = {
                         lineHeight: "150%",
                         fontFamily: "var(--default-font-family)"
                       },
-                      children: N
+                      children: O
+                    }
+                  ),
+                  (t.isEdited || t.is_edited) && /* @__PURE__ */ e(
+                    "span",
+                    {
+                      style: {
+                        fontSize: 12,
+                        fontWeight: 400,
+                        color: "var(--Grey-Muted, #808183)",
+                        lineHeight: "150%",
+                        fontFamily: "var(--default-font-family)"
+                      },
+                      children: "(Edited)"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n("div", { style: { position: "relative" }, ref: _, children: [
+                /* @__PURE__ */ n("div", { style: { position: "relative" }, ref: H, children: [
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      onClick: () => b((i) => !i),
+                      onClick: () => S((d) => !d),
                       style: {
                         padding: 2,
                         border: "none",
@@ -1379,14 +1388,14 @@ const un = {
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
-                        opacity: g || D ? 1 : 0,
+                        opacity: v || z ? 1 : 0,
                         transition: "opacity 0.15s",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ e(Jt, { size: 24, color: "var(--Grey-Muted, #808183)" })
+                      children: /* @__PURE__ */ e(tn, { size: 24, color: "var(--Grey-Muted, #808183)" })
                     }
                   ),
-                  D && /* @__PURE__ */ n(
+                  z && /* @__PURE__ */ n(
                     "div",
                     {
                       style: {
@@ -1406,12 +1415,12 @@ const un = {
                         overflow: "hidden"
                       },
                       children: [
-                        l && /* @__PURE__ */ e(
+                        r && /* @__PURE__ */ e(
                           "button",
                           {
                             type: "button",
                             onClick: () => {
-                              b(!1), x(!0);
+                              S(!1), D(!1), w(!0);
                             },
                             style: {
                               display: "flex",
@@ -1428,24 +1437,27 @@ const un = {
                               lineHeight: "150%",
                               textAlign: "left"
                             },
-                            onMouseEnter: (i) => {
-                              i.currentTarget.style.background = "var(--surface-hover, #F3F7F7)";
+                            onMouseEnter: (d) => {
+                              d.currentTarget.style.background = "var(--surface-hover, #F3F7F7)";
                             },
-                            onMouseLeave: (i) => {
-                              i.currentTarget.style.background = "transparent";
+                            onMouseLeave: (d) => {
+                              d.currentTarget.style.background = "transparent";
                             },
                             children: "Reply"
                           }
                         ),
-                        r && /* @__PURE__ */ e(
+                        o && /* @__PURE__ */ e(
                           "button",
                           {
                             type: "button",
+                            disabled: !R,
                             onClick: () => {
-                              b(!1);
-                              const i = Array.isArray(t.content) ? t.content.join(`
+                              if (!R)
+                                return;
+                              S(!1);
+                              const d = Array.isArray(t.content) ? t.content.join(`
 `) : t.content || t.text || "";
-                              M(i), C(!0), x(!1);
+                              T(d), D(!0), w(!1);
                             },
                             style: {
                               display: "flex",
@@ -1454,29 +1466,30 @@ const un = {
                               alignItems: "center",
                               border: "none",
                               background: "transparent",
-                              cursor: "pointer",
+                              cursor: R ? "pointer" : "not-allowed",
                               fontSize: 13,
                               fontWeight: 400,
-                              color: "var(--Grey-Strong, #2E3236)",
+                              color: R ? "var(--Grey-Strong, #2E3236)" : "var(--Grey-Muted, #808183)",
                               fontFamily: "var(--default-font-family)",
                               lineHeight: "150%",
-                              textAlign: "left"
+                              textAlign: "left",
+                              opacity: R ? 1 : 0.5
                             },
-                            onMouseEnter: (i) => {
-                              i.currentTarget.style.background = "var(--surface-hover, #F3F7F7)";
+                            onMouseEnter: (d) => {
+                              R && (d.currentTarget.style.background = "var(--surface-hover, #F3F7F7)");
                             },
-                            onMouseLeave: (i) => {
-                              i.currentTarget.style.background = "transparent";
+                            onMouseLeave: (d) => {
+                              d.currentTarget.style.background = "transparent";
                             },
                             children: "Edit"
                           }
                         ),
-                        f && /* @__PURE__ */ e(
+                        c && /* @__PURE__ */ e(
                           "button",
                           {
                             type: "button",
                             onClick: () => {
-                              b(!1), f(t);
+                              S(!1), B(!0);
                             },
                             style: {
                               display: "flex",
@@ -1493,11 +1506,11 @@ const un = {
                               lineHeight: "150%",
                               textAlign: "left"
                             },
-                            onMouseEnter: (i) => {
-                              i.currentTarget.style.background = "var(--surface-hover, #F3F7F7)";
+                            onMouseEnter: (d) => {
+                              d.currentTarget.style.background = "var(--surface-hover, #F3F7F7)";
                             },
-                            onMouseLeave: (i) => {
-                              i.currentTarget.style.background = "transparent";
+                            onMouseLeave: (d) => {
+                              d.currentTarget.style.background = "transparent";
                             },
                             children: "Delete"
                           }
@@ -1509,88 +1522,142 @@ const un = {
               ]
             }
           ),
-          h ? /* @__PURE__ */ n("div", { style: { marginTop: 4, display: "flex", flexDirection: "column", gap: 8, width: "100%" }, children: [
-            /* @__PURE__ */ e(
-              "textarea",
-              {
-                value: k,
-                onChange: (i) => M(i.target.value),
-                onKeyDown: (i) => {
-                  i.key === "Enter" && !i.shiftKey && (i.preventDefault(), k.trim() && (r == null || r({ ...t, content: k.trim() }), C(!1))), i.key === "Escape" && C(!1);
-                },
-                autoFocus: !0,
-                rows: 3,
-                style: {
-                  width: "100%",
-                  padding: "10px 12px",
-                  fontSize: 13,
-                  fontWeight: 400,
-                  color: "var(--text-ink, #1E2125)",
-                  fontFamily: "var(--default-font-family)",
-                  lineHeight: "160%",
-                  border: "1px solid var(--Grey-absent, #D9D9D9)",
-                  borderRadius: 8,
-                  background: "var(--Grey-White, #FFF)",
-                  outline: "none",
-                  resize: "vertical",
-                  boxSizing: "border-box"
-                }
-              }
-            ),
-            /* @__PURE__ */ n("div", { style: { display: "flex", gap: 8, justifyContent: "flex-end" }, children: [
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => C(!1),
-                  style: {
-                    display: "flex",
-                    padding: "6px 16px",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    fontSize: 13,
-                    fontWeight: 600,
-                    color: "var(--Grey-Muted, #808183)",
-                    background: "var(--grey-light, #e9e8e8a1)",
-                    border: "none",
-                    borderRadius: 6,
-                    cursor: "pointer",
-                    fontFamily: "var(--default-font-family)",
-                    lineHeight: "150%"
-                  },
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    k.trim() && (r == null || r({ ...t, content: k.trim() }), C(!1));
-                  },
-                  disabled: !k.trim(),
-                  style: {
-                    display: "flex",
-                    padding: "6px 16px",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    fontSize: 13,
-                    fontWeight: 600,
-                    color: k.trim() ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
-                    background: k.trim() ? "var(--Grey-Strong, #2E3236)" : "var(--grey-light, #e9e8e8a1)",
-                    border: "none",
-                    borderRadius: 6,
-                    cursor: k.trim() ? "pointer" : "not-allowed",
-                    fontFamily: "var(--default-font-family)",
-                    lineHeight: "150%"
-                  },
-                  children: "Save"
-                }
-              )
-            ] })
-          ] }) : (
+          G ? /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                display: "flex",
+                width: 662,
+                maxWidth: "100%",
+                padding: "8px 12px 12px 12px",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "flex-start",
+                gap: 24,
+                borderRadius: 8,
+                border: "1px solid var(--Grey-absent, #D9D9D9)",
+                background: "var(--Grey-White, #FFF)",
+                boxSizing: "border-box",
+                marginTop: 4
+              },
+              children: [
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      width: "100%"
+                    },
+                    children: [
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 13,
+                            fontWeight: 600,
+                            color: "var(--Grey-Muted, #808183)",
+                            fontFamily: "var(--default-font-family)",
+                            lineHeight: "normal"
+                          },
+                          children: [
+                            "“",
+                            " ",
+                            ((ie = t.author) == null ? void 0 : ie.name) || "Unknown"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => D(!1),
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            background: "none",
+                            border: "none",
+                            cursor: "pointer",
+                            padding: 0
+                          },
+                          children: /* @__PURE__ */ e(Ye, { size: 20, color: "var(--Grey-Muted, #808183)" })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 8,
+                      width: "100%"
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        "input",
+                        {
+                          value: C,
+                          onChange: (d) => T(d.target.value),
+                          onKeyDown: (d) => {
+                            d.key === "Enter" && !d.shiftKey && (d.preventDefault(), C.trim() && (o == null || o({ ...t, content: C.trim(), isEdited: !0 }), D(!1))), d.key === "Escape" && D(!1);
+                          },
+                          autoFocus: !0,
+                          style: {
+                            flex: 1,
+                            padding: "10px 12px",
+                            fontSize: 13,
+                            fontWeight: 400,
+                            color: "var(--text-ink, #1E2125)",
+                            fontFamily: "var(--default-font-family)",
+                            lineHeight: "160%",
+                            border: "none",
+                            background: "transparent",
+                            outline: "none",
+                            boxSizing: "border-box"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => {
+                            C.trim() && (o == null || o({ ...t, content: C.trim(), isEdited: !0 }), D(!1));
+                          },
+                          disabled: !C.trim(),
+                          style: {
+                            display: "flex",
+                            padding: "6px 16px",
+                            justifyContent: "center",
+                            alignItems: "center",
+                            fontSize: 13,
+                            fontWeight: 600,
+                            color: C.trim() ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
+                            background: C.trim() ? "var(--Grey-Strong, #2E3236)" : "var(--grey-light, #e9e8e8a1)",
+                            border: "none",
+                            borderRadius: 6,
+                            cursor: C.trim() ? "pointer" : "not-allowed",
+                            fontFamily: "var(--default-font-family)",
+                            flexShrink: 0,
+                            transition: "all 0.15s",
+                            lineHeight: "150%"
+                          },
+                          children: "Save"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ) : (
             /* Message bubbles — stacked, gap: 4px, fit content */
-            /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignItems: "flex-start" }, children: Q.map((i, T) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignItems: "flex-start" }, children: fe.map((d, J) => /* @__PURE__ */ e(
               "div",
               {
                 style: {
@@ -1600,20 +1667,92 @@ const un = {
                   lineHeight: "160%",
                   fontFamily: "var(--default-font-family)",
                   padding: "8px 12px",
-                  background: o ? "var(--surface-hover, #F3F7F7)" : "var(--surface-warm-40, rgba(243, 241, 229, 0.40))",
+                  background: i ? "var(--surface-hover, #F3F7F7)" : "var(--surface-warm-40, rgba(243, 241, 229, 0.40))",
                   borderRadius: 8,
                   wordBreak: "break-word"
                 },
-                children: i
+                children: d
               },
-              T
+              J
             )) })
           ),
-          u && l && !c && /* @__PURE__ */ n(
+          E && /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: 8,
+                marginTop: 8,
+                fontSize: 13,
+                fontFamily: "var(--default-font-family)"
+              },
+              children: [
+                /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Muted, #808183)", fontWeight: 400 }, children: "Confirm: delete this comment?" }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      B(!1), c == null || c(t);
+                    },
+                    style: {
+                      background: "var(--grey-light, #e9e8e8a1)",
+                      border: "none",
+                      cursor: "pointer",
+                      fontSize: 13,
+                      fontWeight: 600,
+                      color: "var(--text-ink, #1E2125)",
+                      fontFamily: "var(--default-font-family)",
+                      padding: "4px 10px",
+                      borderRadius: 6,
+                      transition: "background 0.15s"
+                    },
+                    onMouseEnter: (d) => {
+                      d.currentTarget.style.background = "var(--Grey-absent, #D9D9D9)";
+                    },
+                    onMouseLeave: (d) => {
+                      d.currentTarget.style.background = "var(--grey-light, #e9e8e8a1)";
+                    },
+                    children: "Yes"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => B(!1),
+                    style: {
+                      background: "none",
+                      border: "none",
+                      cursor: "pointer",
+                      fontSize: 13,
+                      fontWeight: 400,
+                      color: "var(--Grey-Muted, #808183)",
+                      fontFamily: "var(--default-font-family)",
+                      padding: "4px 10px",
+                      borderRadius: 6,
+                      transition: "background 0.15s"
+                    },
+                    onMouseEnter: (d) => {
+                      d.currentTarget.style.background = "var(--grey-light, #e9e8e8a1)";
+                    },
+                    onMouseLeave: (d) => {
+                      d.currentTarget.style.background = "none";
+                    },
+                    children: "No"
+                  }
+                )
+              ]
+            }
+          ),
+          x && r && !f && !E && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => x(!0),
+              onClick: () => {
+                D(!1), w(!0);
+              },
               style: {
                 display: "flex",
                 alignItems: "center",
@@ -1630,114 +1769,202 @@ const un = {
                 transition: "color 0.15s"
               },
               children: [
-                /* @__PURE__ */ e(Ut, { size: 20, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e(nn, { size: 20, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
                 "Reply"
               ]
             }
           ),
-          c && /* @__PURE__ */ n("div", { style: { marginTop: 12, display: "flex", flexDirection: "column", gap: 8 }, children: [
-            /* @__PURE__ */ e(
-              "textarea",
-              {
-                ref: $,
-                value: d,
-                onChange: (i) => p(i.target.value),
-                onKeyDown: (i) => {
-                  i.key === "Enter" && !i.shiftKey && (i.preventDefault(), d.trim() && (a == null || a({ content: d.trim(), parentId: t.id }), p(""), x(!1))), i.key === "Escape" && (p(""), x(!1));
-                },
-                autoFocus: !0,
-                placeholder: "Type your reply...",
-                rows: 3,
-                style: {
-                  width: "100%",
-                  padding: "10px 12px",
-                  fontSize: 13,
-                  fontWeight: 400,
-                  color: "var(--text-ink, #1E2125)",
-                  fontFamily: "var(--default-font-family)",
-                  lineHeight: "160%",
-                  border: "1px solid var(--Grey-absent, #D9D9D9)",
-                  borderRadius: 8,
-                  background: "var(--Grey-White, #FFF)",
-                  outline: "none",
-                  resize: "vertical",
-                  boxSizing: "border-box"
-                }
-              }
-            ),
-            /* @__PURE__ */ n("div", { style: { display: "flex", gap: 8, justifyContent: "flex-end" }, children: [
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    p(""), x(!1);
-                  },
-                  style: {
-                    display: "flex",
-                    padding: "6px 16px",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    fontSize: 13,
-                    fontWeight: 600,
-                    color: "var(--Grey-Muted, #808183)",
-                    background: "var(--grey-light, #e9e8e8a1)",
-                    border: "none",
-                    borderRadius: 6,
-                    cursor: "pointer",
-                    fontFamily: "var(--default-font-family)",
-                    lineHeight: "150%"
-                  },
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    d.trim() && (a == null || a({ content: d.trim(), parentId: t.id }), p(""), x(!1));
-                  },
-                  disabled: !d.trim(),
-                  style: {
-                    display: "flex",
-                    padding: "6px 16px",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    fontSize: 13,
-                    fontWeight: 600,
-                    color: d.trim() ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
-                    background: d.trim() ? "var(--Grey-Strong, #2E3236)" : "var(--grey-light, #e9e8e8a1)",
-                    border: "none",
-                    borderRadius: 6,
-                    cursor: d.trim() ? "pointer" : "not-allowed",
-                    fontFamily: "var(--default-font-family)",
-                    lineHeight: "150%"
-                  },
-                  children: "Reply"
-                }
-              )
-            ] })
-          ] })
+          f && /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                display: "flex",
+                width: 662,
+                maxWidth: "100%",
+                padding: "8px 12px 12px 12px",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "flex-start",
+                gap: 24,
+                borderRadius: 8,
+                border: "1px solid var(--Grey-absent, #D9D9D9)",
+                background: "var(--Grey-White, #FFF)",
+                boxSizing: "border-box",
+                marginTop: 12
+              },
+              children: [
+                /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8, width: "100%" }, children: [
+                  /* @__PURE__ */ n(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        width: "100%"
+                      },
+                      children: [
+                        /* @__PURE__ */ n(
+                          "span",
+                          {
+                            style: {
+                              fontSize: 13,
+                              fontWeight: 600,
+                              color: "var(--Grey-Muted, #808183)",
+                              fontFamily: "var(--default-font-family)",
+                              lineHeight: "normal"
+                            },
+                            children: [
+                              "“",
+                              " ",
+                              ((pe = t.author) == null ? void 0 : pe.name) || "Unknown"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => {
+                              u(""), w(!1);
+                            },
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              background: "none",
+                              border: "none",
+                              cursor: "pointer",
+                              padding: 0
+                            },
+                            children: /* @__PURE__ */ e(Ye, { size: 20, color: "var(--Grey-Muted, #808183)" })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        height: 36,
+                        padding: 16,
+                        alignItems: "center",
+                        gap: 5,
+                        borderRadius: "0 8px 8px 8px",
+                        background: "var(--Grey-Strong, #2E3236)",
+                        boxSizing: "border-box",
+                        width: "100%"
+                      },
+                      children: /* @__PURE__ */ e(
+                        "span",
+                        {
+                          style: {
+                            color: "var(--Grey-White, #FFF)",
+                            fontSize: 13,
+                            fontWeight: 400,
+                            fontFamily: "var(--default-font-family)",
+                            lineHeight: "normal",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap"
+                          },
+                          children: Array.isArray(t.content) ? t.content[0] : t.content
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 8,
+                      width: "100%"
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        "input",
+                        {
+                          ref: h,
+                          value: m,
+                          onChange: (d) => u(d.target.value),
+                          onKeyDown: (d) => {
+                            d.key === "Enter" && !d.shiftKey && (d.preventDefault(), m.trim() && (l == null || l({ content: m.trim(), parentId: t.id }), u(""), w(!1))), d.key === "Escape" && (u(""), w(!1));
+                          },
+                          autoFocus: !0,
+                          placeholder: "Add a reply",
+                          style: {
+                            flex: 1,
+                            padding: "10px 12px",
+                            fontSize: 13,
+                            fontWeight: 400,
+                            color: "var(--text-ink, #1E2125)",
+                            fontFamily: "var(--default-font-family)",
+                            lineHeight: "160%",
+                            border: "none",
+                            background: "transparent",
+                            outline: "none",
+                            boxSizing: "border-box"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => {
+                            m.trim() && (l == null || l({ content: m.trim(), parentId: t.id }), u(""), w(!1));
+                          },
+                          disabled: !m.trim(),
+                          style: {
+                            display: "flex",
+                            height: 28,
+                            padding: "8px 12px",
+                            justifyContent: "center",
+                            alignItems: "center",
+                            gap: 8,
+                            fontSize: 13,
+                            fontWeight: 600,
+                            color: m.trim() ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
+                            background: m.trim() ? "var(--Neutral-850, #272727)" : "var(--grey-light, #e9e8e8a1)",
+                            border: "none",
+                            borderRadius: 10,
+                            cursor: m.trim() ? "pointer" : "not-allowed",
+                            fontFamily: "var(--default-font-family)",
+                            lineHeight: "150%"
+                          },
+                          children: "Post"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
         ] })
       ]
     }
   );
-}, Wn = ({ currentUser: t, onSubmit: o }) => {
-  const [l, a] = F(""), [r, f] = F(!1), y = L(null), u = () => {
-    const c = l.trim();
-    c && (o == null || o(c), a(""));
-  }, g = (c) => {
-    c.key === "Enter" && !c.shiftKey && (c.preventDefault(), u());
-  }, m = (t == null ? void 0 : t.initials) || re(t == null ? void 0 : t.name), D = (t == null ? void 0 : t.color) || be(t == null ? void 0 : t.role) || "#6B7C93", b = t == null ? void 0 : t.avatar;
+}, En = ({ currentUser: t, onSubmit: i }) => {
+  const [r, l] = F(""), [o, c] = F(!1), y = P(null), x = () => {
+    const f = r.trim();
+    f && (i == null || i(f), l(""));
+  }, v = (f) => {
+    f.key === "Enter" && !f.shiftKey && (f.preventDefault(), x());
+  }, b = (t == null ? void 0 : t.initials) || ce(t == null ? void 0 : t.name), z = (t == null ? void 0 : t.color) || We(t == null ? void 0 : t.role) || "#6B7C93", S = t == null ? void 0 : t.avatar;
   return /* @__PURE__ */ n("div", { style: { display: "flex", gap: 16, alignItems: "flex-start" }, children: [
     /* @__PURE__ */ e(
-      Xe,
+      ot,
       {
         name: t == null ? void 0 : t.name,
-        initials: m,
-        color: D,
-        avatar: b
+        initials: b,
+        color: z,
+        avatar: S
       }
     ),
     /* @__PURE__ */ e(
@@ -1752,7 +1979,7 @@ const un = {
           alignItems: "flex-start",
           gap: 24,
           borderRadius: 8,
-          border: r ? "1px solid var(--Grey-Strong, #2E3236)" : "1px solid var(--Grey-absent, #D9D9D9)",
+          border: o ? "1px solid var(--Grey-Strong, #2E3236)" : "1px solid var(--Grey-absent, #D9D9D9)",
           background: "var(--Grey-White, #FFF)",
           transition: "border-color 0.15s"
         },
@@ -1770,11 +1997,11 @@ const un = {
                 "textarea",
                 {
                   ref: y,
-                  value: l,
-                  onChange: (c) => a(c.target.value),
-                  onFocus: () => f(!0),
-                  onBlur: () => f(!1),
-                  onKeyDown: g,
+                  value: r,
+                  onChange: (f) => l(f.target.value),
+                  onFocus: () => c(!0),
+                  onBlur: () => c(!1),
+                  onKeyDown: v,
                   placeholder: "Add a comment",
                   rows: 1,
                   style: {
@@ -1797,8 +2024,8 @@ const un = {
                 "button",
                 {
                   type: "button",
-                  onClick: u,
-                  disabled: !l.trim(),
+                  onClick: x,
+                  disabled: !r.trim(),
                   style: {
                     display: "flex",
                     padding: "6px 16px",
@@ -1806,11 +2033,11 @@ const un = {
                     alignItems: "center",
                     fontSize: 13,
                     fontWeight: 600,
-                    color: l.trim() ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
-                    background: l.trim() ? "var(--Grey-Strong, #2E3236)" : "var(--grey-light, #e9e8e8a1)",
+                    color: r.trim() ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
+                    background: r.trim() ? "var(--Grey-Strong, #2E3236)" : "var(--grey-light, #e9e8e8a1)",
                     border: "none",
                     borderRadius: 6,
-                    cursor: l.trim() ? "pointer" : "not-allowed",
+                    cursor: r.trim() ? "pointer" : "not-allowed",
                     fontFamily: "var(--default-font-family)",
                     transition: "all 0.15s",
                     flexShrink: 0,
@@ -1825,33 +2052,116 @@ const un = {
       }
     )
   ] });
-}, In = ({
+}, lt = ({ comment: t, depth: i = 0, onReply: r, onSendReply: l, onEdit: o, onDelete: c, onMenuClick: y }) => {
+  const x = t.replies && t.replies.length > 0, v = !x;
+  return /* @__PURE__ */ n(de.Fragment, { children: [
+    /* @__PURE__ */ e("div", { style: { paddingLeft: i > 0 ? Math.min(i * 32, 128) : 0 }, children: /* @__PURE__ */ e(
+      Mn,
+      {
+        comment: t,
+        isReply: i > 0,
+        onReply: r,
+        onSendReply: l,
+        onEdit: o,
+        onDelete: c,
+        onMenuClick: y,
+        showReply: v
+      }
+    ) }),
+    x && t.replies.map((b) => /* @__PURE__ */ e(
+      lt,
+      {
+        comment: b,
+        depth: i + 1,
+        onReply: r,
+        onSendReply: l,
+        onEdit: o,
+        onDelete: c,
+        onMenuClick: y
+      },
+      b.id
+    ))
+  ] });
+}, _n = ({
   comments: t = [],
-  totalComments: o,
-  onSendComment: l,
-  onReply: a,
-  onSendReply: r,
-  onEdit: f,
+  totalComments: i,
+  onSendComment: r,
+  onReply: l,
+  onSendReply: o,
+  onEdit: c,
   onDelete: y,
-  onMenuClick: u,
-  onMarkResolved: g,
-  currentUser: m,
-  isResolved: D = !1
+  onMenuClick: x,
+  onMarkResolved: v,
+  currentUser: b,
+  isResolved: z = !1
 }) => {
-  const b = Be(() => {
-    const d = t.filter((h) => !h.parentId), p = {};
-    return t.forEach((h) => {
-      h.parentId && (p[h.parentId] || (p[h.parentId] = []), p[h.parentId].push(h));
-    }), d.map((h) => ({
-      ...h,
-      replies: p[h.id] || []
-    }));
-  }, [t]), c = Be(() => {
-    if (!m)
+  const [S, f] = F([]), [w, m] = F(!1), u = we(() => {
+    const h = new Set(t.map((a) => a.id)), p = S.filter((a) => !h.has(a.id));
+    return [...t, ...p];
+  }, [t, S]);
+  de.useEffect(() => {
+    const h = new Set(t.map((p) => p.id));
+    f((p) => p.filter((a) => !h.has(a.id)));
+  }, [t]);
+  const G = we(() => {
+    if (!b)
       return { name: "You", initials: "YO", color: "#6B7C93" };
-    const d = m.name || "You", p = m.initials || re(d), h = m.role && String(m.role).toLowerCase(), C = m.color || be(h) || "#6B7C93";
-    return { ...m, name: d, initials: p, color: C };
-  }, [m]), x = o ?? t.length;
+    const h = b.name || "You", p = b.initials || ce(h), a = b.role && String(b.role).toLowerCase(), A = b.color || We(a) || "#6B7C93";
+    return { ...b, name: h, initials: p, color: A };
+  }, [b]), D = async ({ content: h, parentId: p }) => {
+    if (o) {
+      m(!0);
+      try {
+        await o({ content: h, parentId: p });
+      } finally {
+        m(!1);
+      }
+    } else {
+      const a = {
+        id: `temp-${Date.now()}`,
+        author: G,
+        content: h,
+        timestamp: "Just now",
+        parentId: p,
+        isOptimistic: !0
+      };
+      f((A) => [...A, a]);
+    }
+  }, C = async (h) => {
+    if (r) {
+      m(!0);
+      try {
+        await r(h);
+      } finally {
+        m(!1);
+      }
+    } else {
+      const p = {
+        id: `temp-${Date.now()}`,
+        author: G,
+        content: h,
+        timestamp: "Just now",
+        isOptimistic: !0
+      };
+      f((a) => [...a, p]);
+    }
+  }, T = (h) => {
+    f(
+      (p) => p.map((a) => a.id === h.id ? { ...a, content: h.content, isEdited: !0 } : a)
+    ), c == null || c(h);
+  }, E = (h) => {
+    f((p) => p.filter((a) => a.id !== h.id)), y == null || y(h);
+  }, B = we(() => {
+    const h = {};
+    u.forEach((a) => {
+      a.parentId && (h[a.parentId] || (h[a.parentId] = []), h[a.parentId].push(a));
+    });
+    const p = (a) => ({
+      ...a,
+      replies: (h[a.id] || []).map(p)
+    });
+    return u.filter((a) => !a.parentId).map(p);
+  }, [u]), H = i ?? u.length;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -1879,7 +2189,7 @@ const un = {
             },
             children: [
               /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-                /* @__PURE__ */ e(Qt, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e(Xt, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 1.5 }),
                 /* @__PURE__ */ n(
                   "span",
                   {
@@ -1893,12 +2203,12 @@ const un = {
                     },
                     children: [
                       "COMMENTS",
-                      x > 0 ? ` (${x < 10 ? "0" : ""}${x})` : ""
+                      H > 0 ? ` (${H < 10 ? "0" : ""}${H})` : ""
                     ]
                   }
                 )
               ] }),
-              D ? /* @__PURE__ */ n(
+              z ? /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -1913,7 +2223,7 @@ const un = {
                     flexShrink: 0
                   },
                   children: [
-                    /* @__PURE__ */ e(Zt, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 2 }),
+                    /* @__PURE__ */ e(Ut, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 2 }),
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -1929,11 +2239,11 @@ const un = {
                     )
                   ]
                 }
-              ) : g ? /* @__PURE__ */ n(
+              ) : v ? /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  onClick: g,
+                  onClick: v,
                   style: {
                     display: "flex",
                     alignItems: "center",
@@ -1952,7 +2262,7 @@ const un = {
                     flexShrink: 0
                   },
                   children: [
-                    /* @__PURE__ */ e(Xt, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
+                    /* @__PURE__ */ e(en, { size: 16, color: "var(--Grey-Strong, #2E3236)", strokeWidth: 1.5 }),
                     "Mark as Resolved"
                   ]
                 }
@@ -1972,78 +2282,130 @@ const un = {
               alignSelf: "stretch",
               borderTop: "1px solid var(--Grey-absent, #D9D9D9)"
             },
-            children: /* @__PURE__ */ n("div", { style: { width: 552, maxWidth: "100%" }, children: [
-              t.length > 0 && /* @__PURE__ */ e(
+            children: /* @__PURE__ */ n("div", { style: { width: 662, maxWidth: "100%" }, children: [
+              u.length > 0 && /* @__PURE__ */ e(
                 "div",
                 {
                   style: {
                     display: "flex",
                     flexDirection: "column",
                     gap: 0,
-                    marginBottom: 24
+                    marginBottom: 24,
+                    maxHeight: 600,
+                    overflowY: u.length > 6 ? "auto" : "visible"
+                  },
+                  children: B.map((h) => /* @__PURE__ */ e(
+                    lt,
+                    {
+                      comment: h,
+                      depth: 0,
+                      onReply: l,
+                      onSendReply: D,
+                      onEdit: T,
+                      onDelete: E,
+                      onMenuClick: x
+                    },
+                    h.id
+                  ))
+                }
+              ),
+              u.length > 0 && /* @__PURE__ */ n(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                    marginBottom: 16,
+                    marginLeft: 48
                   },
-                  children: b.map((d) => /* @__PURE__ */ n(me.Fragment, { children: [
+                  children: [
+                    /* @__PURE__ */ e(rt, { size: 16, color: "var(--Grey-Muted, #808183)" }),
                     /* @__PURE__ */ e(
-                      Ve,
+                      "span",
                       {
-                        comment: d,
-                        isReply: !1,
-                        onReply: a,
-                        onSendReply: r,
-                        onEdit: f,
-                        onDelete: y,
-                        onMenuClick: u,
-                        showReply: d.replies.length === 0
+                        style: {
+                          color: "var(--Grey-Muted, #808183)",
+                          fontSize: 13,
+                          fontStyle: "normal",
+                          fontWeight: 400,
+                          lineHeight: "normal"
+                        },
+                        children: "Comments can be edited within 15 minutes."
+                      }
+                    )
+                  ]
+                }
+              ),
+              w && /* @__PURE__ */ n(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 8,
+                    padding: "8px 0"
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        style: {
+                          width: 16,
+                          height: 16,
+                          border: "2px solid var(--Grey-absent, #D9D9D9)",
+                          borderTopColor: "var(--Grey-Strong, #2E3236)",
+                          borderRadius: "50%",
+                          animation: "spin 0.8s linear infinite"
+                        }
                       }
                     ),
-                    d.replies.map((p, h) => /* @__PURE__ */ e(
-                      Ve,
+                    /* @__PURE__ */ e(
+                      "span",
                       {
-                        comment: p,
-                        isReply: !0,
-                        onReply: a,
-                        onSendReply: r,
-                        onEdit: f,
-                        onDelete: y,
-                        onMenuClick: u,
-                        showReply: h === d.replies.length - 1
-                      },
-                      p.id
-                    ))
-                  ] }, d.id))
+                        style: {
+                          fontSize: 13,
+                          color: "var(--Grey-Muted, #808183)",
+                          fontFamily: "var(--default-font-family)"
+                        },
+                        children: "Sending..."
+                      }
+                    ),
+                    /* @__PURE__ */ e("style", { children: "@keyframes spin { to { transform: rotate(360deg); } }" })
+                  ]
                 }
               ),
-              /* @__PURE__ */ e(Wn, { currentUser: c, onSubmit: l })
+              /* @__PURE__ */ e(En, { currentUser: G, onSubmit: C })
             ] })
           }
         )
       ]
     }
   );
-}, U = ({ text: t, children: o }) => {
-  const [l, a] = F(!1), r = L(null), [f, y] = F({ top: 0, left: 0 });
+}, ne = ({ text: t, children: i }) => {
+  const [r, l] = F(!1), o = P(null), [c, y] = F({ top: 0, left: 0 });
   return t ? /* @__PURE__ */ n(
     "div",
     {
-      ref: r,
+      ref: o,
       style: { position: "relative", display: "inline-flex" },
       onMouseEnter: () => {
-        if (r.current) {
-          const g = r.current.getBoundingClientRect();
+        if (o.current) {
+          const v = o.current.getBoundingClientRect();
           y({
-            top: g.top - 2,
-            left: g.left + g.width / 2
+            top: v.top - 2,
+            left: v.left + v.width / 2
           });
         }
-        a(!0);
+        l(!0);
       },
-      onMouseLeave: () => a(!1),
+      onMouseLeave: () => l(!1),
       children: [
-        o,
-        l && /* @__PURE__ */ e("div", { style: {
+        i,
+        r && /* @__PURE__ */ e("div", { style: {
           position: "fixed",
-          top: f.top,
-          left: f.left,
+          top: c.top,
+          left: c.left,
           transform: "translate(-50%, -100%)",
           display: "flex",
           padding: 10,
@@ -2062,172 +2424,172 @@ const un = {
         }, children: t }) })
       ]
     }
-  ) : o;
-}, zn = [
+  ) : i;
+}, Tn = [
   { key: "overview", label: "Overview" },
   { key: "coaching", label: "Coaching Summary" },
   { key: "signals", label: "Signals & Recording" },
   { key: "comments", label: "Comments" }
-], Hn = ({
+], jn = ({
   title: t = "Wheel Stud Replacement Enquiry",
-  onBack: o,
+  onBack: i,
   // Data props — all optional with defaults for demo
-  data: l,
-  coachingData: a,
-  coachingLoading: r = !1,
-  audioUrl: f,
+  data: r,
+  coachingData: l,
+  coachingLoading: o = !1,
+  audioUrl: c,
   // Audio/playback props — pass these when the host app manages audio externally
   // (like InteractionDetailPanel does). If omitted, UpdatedInteractionRecording
   // manages its own audio element internally.
   audioRef: y,
-  currentTimeSeconds: u,
-  timelinePlaying: g,
-  playbackRate: m,
-  timelineSegments: D,
-  onSeek: b,
-  onTogglePlay: c,
-  onSeekBack: x,
-  onSeekForward: d,
-  onSetPlaybackRate: p,
+  currentTimeSeconds: x,
+  timelinePlaying: v,
+  playbackRate: b,
+  timelineSegments: z,
+  onSeek: S,
+  onTogglePlay: f,
+  onSeekBack: w,
+  onSeekForward: m,
+  onSetPlaybackRate: u,
   // Speaker names
-  agentName: h,
-  agentFullName: C,
-  customerName: k,
-  customerFullName: M,
+  agentName: G,
+  agentFullName: D,
+  customerName: C,
+  customerFullName: T,
   // Transcript props — pass real transcript data from the host app
-  transcript: _,
-  activeTurnIndex: $,
-  turnObservations: A,
-  highlightedTurns: B,
-  onTurnPlayPause: W,
+  transcript: E,
+  activeTurnIndex: B,
+  turnObservations: H,
+  highlightedTurns: h,
+  onTurnPlayPause: p,
   // Signal evidence playback — host app can provide to play audio segments from signals
-  onPlayEvidence: I,
-  onHighlightTurns: P,
+  onPlayEvidence: a,
+  onHighlightTurns: A,
   // Context props — pass from host app to override block-derived defaults
-  callPurpose: j,
-  classification: N,
+  callPurpose: N,
+  classification: K,
   outcomeQuality: Q,
   // Context "More Details" expandable section
-  resolutionOutcome: i,
-  customerIntent: T,
-  interactionId: Y,
-  moreDetails: Je,
+  resolutionOutcome: s,
+  customerIntent: O,
+  interactionId: R,
+  moreDetails: fe,
   // Compass score props
-  compassScore: Ue,
+  compassScore: ie,
   // gauge meter value — compass_score, range 1-5
-  compassMaxScore: Gn = 10,
-  predictedCsat: et,
+  compassMaxScore: pe = 10,
+  predictedCsat: d,
   // predicted objective number (e.g. compass_score) — shown as "03" top-right
-  predictedLabel: tt = "Predicted Objective",
-  compassLegends: nt,
+  predictedLabel: J = "Predicted Objective",
+  compassLegends: at,
   // Customer session dropdown
-  customerSessions: it,
-  customerSessionCount: ot,
-  onSessionClick: ke,
-  onViewAllSessions: Se,
+  customerSessions: st,
+  customerSessionCount: dt,
+  onSessionClick: Ie,
+  onViewAllSessions: ze,
   // Footer navigation
-  prevSessionDesc: rt,
-  prevSessionDisabled: ee = !1,
-  nextSessionDesc: lt,
-  nextSessionDisabled: te = !1,
-  onPreviousSession: we,
-  onNextSession: Ce,
+  prevSessionDesc: ct,
+  prevSessionDisabled: re = !1,
+  nextSessionDesc: ft,
+  nextSessionDisabled: oe = !1,
+  onPreviousSession: Ge,
+  onNextSession: Me,
   // Comments
-  comments: at,
-  currentUser: st,
-  onSendComment: dt,
-  onSendReply: ct,
-  onReply: ft,
-  onEdit: pt,
-  onDelete: gt,
-  onMenuClick: ht,
-  onMarkResolved: yt,
-  commentsResolved: ut
+  comments: Ee = [],
+  currentUser: pt,
+  onSendComment: gt,
+  onSendReply: ht,
+  onReply: yt,
+  onEdit: ut,
+  onDelete: mt,
+  onMenuClick: vt,
+  onMarkResolved: xt,
+  commentsResolved: bt
 }) => {
-  var He, Re;
-  const [le, Fe] = F("overview"), [mt, De] = F(/* @__PURE__ */ new Set()), [We, ae] = F(!1), [Ie, ze] = F(null), [vt, Ge] = F(!1), [xt, bt] = F(0), Z = L(null), se = L(null), de = L(null), ce = L(null), fe = L(null), kt = { overview: se, coaching: de, signals: ce, comments: fe }, pe = L(null), ge = L(!1);
-  Pt(() => {
-    const s = pe.current;
-    if (!s)
+  var Ne, qe;
+  const [ge, _e] = F("overview"), [kt, Te] = F(/* @__PURE__ */ new Set()), [He, he] = F(!1), [Ae, Re] = F(null), [St, Le] = F(!1), [wt, Ct] = F(0), X = P(null), ye = P(null), ue = P(null), me = P(null), ve = P(null), Ft = { overview: ye, coaching: ue, signals: me, comments: ve }, xe = P(null), be = P(!1);
+  Nt(() => {
+    const g = xe.current;
+    if (!g)
       return;
-    const S = ["overview", "coaching", "signals", "comments"], w = [se, de, ce, fe], R = ((V) => {
-      let O = V.parentElement;
-      for (; O; ) {
-        const { overflow: oe, overflowY: Le } = window.getComputedStyle(O);
-        if (/(auto|scroll)/.test(oe + Le))
-          return O;
-        O = O.parentElement;
+    const W = ["overview", "coaching", "signals", "comments"], I = [ye, ue, me, ve], j = ((Z) => {
+      let q = Z.parentElement;
+      for (; q; ) {
+        const { overflow: se, overflowY: Ke } = window.getComputedStyle(q);
+        if (/(auto|scroll)/.test(se + Ke))
+          return q;
+        q = q.parentElement;
       }
       return null;
-    })(s), K = () => {
-      if (ge.current)
+    })(g), V = () => {
+      if (be.current)
         return;
-      let V = S[0];
-      for (let O = w.length - 1; O >= 0; O--) {
-        const oe = w[O].current;
-        if (!oe)
+      let Z = W[0];
+      for (let q = I.length - 1; q >= 0; q--) {
+        const se = I[q].current;
+        if (!se)
           continue;
-        if (oe.getBoundingClientRect().top <= 150) {
-          V = S[O];
+        if (se.getBoundingClientRect().top <= 150) {
+          Z = W[q];
           break;
         }
       }
-      Fe(V);
+      _e(Z);
     };
-    return s.addEventListener("scroll", K, { passive: !0 }), R && R !== s && R.addEventListener("scroll", K, { passive: !0 }), window.addEventListener("scroll", K, { passive: !0, capture: !0 }), () => {
-      s.removeEventListener("scroll", K), R && R !== s && R.removeEventListener("scroll", K), window.removeEventListener("scroll", K, { capture: !0 });
+    return g.addEventListener("scroll", V, { passive: !0 }), j && j !== g && j.addEventListener("scroll", V, { passive: !0 }), window.addEventListener("scroll", V, { passive: !0, capture: !0 }), () => {
+      g.removeEventListener("scroll", V), j && j !== g && j.removeEventListener("scroll", V), window.removeEventListener("scroll", V, { capture: !0 });
     };
   }, []);
-  const St = (s) => {
-    var w;
-    Fe(s), ge.current = !0;
-    const S = (w = kt[s]) == null ? void 0 : w.current;
-    if (S) {
-      const q = pe.current;
-      if (q && q.scrollHeight > q.clientHeight) {
-        const R = q.getBoundingClientRect().top, V = S.getBoundingClientRect().top - R + q.scrollTop - 16;
-        q.scrollTo({ top: V, behavior: "smooth" });
+  const Dt = (g) => {
+    var I;
+    _e(g), be.current = !0;
+    const W = (I = Ft[g]) == null ? void 0 : I.current;
+    if (W) {
+      const Y = xe.current;
+      if (Y && Y.scrollHeight > Y.clientHeight) {
+        const j = Y.getBoundingClientRect().top, Z = W.getBoundingClientRect().top - j + Y.scrollTop - 16;
+        Y.scrollTo({ top: Z, behavior: "smooth" });
       } else {
-        const R = S.getBoundingClientRect().top + window.scrollY - 120;
-        window.scrollTo({ top: R, behavior: "smooth" });
+        const j = W.getBoundingClientRect().top + window.scrollY - 120;
+        window.scrollTo({ top: j, behavior: "smooth" });
       }
     }
     setTimeout(() => {
-      ge.current = !1;
+      be.current = !1;
     }, 800);
-  }, _e = it || [], wt = (s) => {
-    var w;
-    const S = s / 1e3;
-    (w = Z.current) != null && w.scrollToTranscript && Z.current.scrollToTranscript(S);
-  }, Ct = (s) => {
-    var S;
-    if (I)
-      I(s);
+  }, Be = st || [], Wt = (g) => {
+    var I;
+    const W = g / 1e3;
+    (I = X.current) != null && I.scrollToTranscript && X.current.scrollToTranscript(W);
+  }, It = (g) => {
+    var W;
+    if (a)
+      a(g);
     else {
-      const w = s.start_ms ?? s.startMs;
-      if (w != null && ((S = Z.current) != null && S.seekTo)) {
-        Z.current.seekTo(w / 1e3), Ge(!0), bt(w / 1e3);
-        const R = (s.end_ms ?? s.endMs ?? w + 5e3) - w;
-        setTimeout(() => Ge(!1), R);
+      const I = g.start_ms ?? g.startMs;
+      if (I != null && ((W = X.current) != null && W.seekTo)) {
+        X.current.seekTo(I / 1e3), Le(!0), Ct(I / 1e3);
+        const j = (g.end_ms ?? g.endMs ?? I + 5e3) - I;
+        setTimeout(() => Le(!1), j);
       }
     }
-  }, Ft = (s) => {
-    P && P(s);
-  }, Dt = (s) => {
-    De((S) => {
-      const w = new Set(S);
-      return w.has(s) ? w.delete(s) : w.add(s), w;
+  }, zt = (g) => {
+    A && A(g);
+  }, Gt = (g) => {
+    Te((W) => {
+      const I = new Set(W);
+      return I.has(g) ? I.delete(g) : I.add(g), I;
     });
-  }, Wt = (l == null ? void 0 : l.blocks) || [], X = (s) => {
-    var S;
-    return ((S = Wt.find((w) => w.block_id === s)) == null ? void 0 : S.payload) || {};
-  }, H = X("interaction-metadata"), ne = X("interaction-context"), ie = X("interaction-signals"), Ee = X("interaction-outcome-lift"), It = X("interaction-dimensions").dimensions || [], zt = ne.call_purpose || {}, Gt = ne.classification || {}, Me = { duration_seconds: 156, message_count: 25, ...H }, Ae = { interaction_driver: "General Information", interaction_direction: "inbound", ...zt }, _t = { interaction_paradigm: "Informational", ...Gt }, Et = { p_expected: 0.94, p_full: 0.83, lift_raw: -0.11, lift: 0.043, interpretation: { lift_band: "positive" }, ...Ee }, Mt = ((He = Ee.driver_signal_keys) == null ? void 0 : He.map((s) => s.replace(/^sig\./, "").replace(/_/g, " "))) || [
+  }, Mt = (r == null ? void 0 : r.blocks) || [], U = (g) => {
+    var W;
+    return ((W = Mt.find((I) => I.block_id === g)) == null ? void 0 : W.payload) || {};
+  }, $ = U("interaction-metadata"), ee = U("interaction-context"), le = U("interaction-signals"), je = U("interaction-outcome-lift"), Et = U("interaction-dimensions").dimensions || [], _t = ee.call_purpose || {}, Tt = ee.classification || {}, Pe = { duration_seconds: 156, message_count: 25, ...$ }, Oe = { interaction_driver: "General Information", interaction_direction: "inbound", ..._t }, Ht = { interaction_paradigm: "Informational", ...Tt }, At = { p_expected: 0.94, p_full: 0.83, lift_raw: -0.11, lift: 0.043, interpretation: { lift_band: "positive" }, ...je }, Rt = ((Ne = je.driver_signal_keys) == null ? void 0 : Ne.map((g) => g.replace(/^sig\./, "").replace(/_/g, " "))) || [
     "customer needs fully addressed",
     "call flow expectations set",
     "Opening expectations set",
     "Active listening demonstrated",
     "Resolution confirmed"
-  ], At = a || {
+  ], Lt = l || {
     one_liner: "David provided the customer with information on wheel stud replacement and pricing, but did not secure an appointment.",
     context: "The customer was seeking information on wheel stud replacement for a 2013 Chevy Bolt and was unsure about doing the repair themselves.",
     strengths: [
@@ -2240,7 +2602,7 @@ const un = {
       { text: "Frame solutions positively by leading with what can be done rather than limitations.", quote: "I don't have the alignment changeover the weekend." }
     ],
     overall: "effective"
-  }, Tt = (Re = ie == null ? void 0 : ie.signals) != null && Re.length ? ie : {
+  }, Bt = (qe = le == null ? void 0 : le.signals) != null && qe.length ? le : {
     present_count: 9,
     total_signals_evaluated: 146,
     signals: [
@@ -2266,14 +2628,14 @@ const un = {
       { key: "prototype_developed", display_name: "Prototype Developed", observations: [{ key: "obs8a", reason: "Prototype shared." }, { key: "obs8b", reason: "Testing initiated." }, { key: "obs8c", reason: "Feedback collected." }, { key: "obs8d", reason: "Iterations completed." }, { key: "obs8e", reason: "Usability tested." }, { key: "obs8f", reason: "Design finalized." }, { key: "obs8g", reason: "Stakeholder demo done." }] },
       { key: "user_testing", display_name: "User Testing Scheduled", observations: [{ key: "obs9a", reason: "Testing sessions planned." }, { key: "obs9b", reason: "Participants recruited." }, { key: "obs9c", reason: "Test scripts prepared." }, { key: "obs9d", reason: "Environment set up." }, { key: "obs9e", reason: "Accessibility testing included." }, { key: "obs9f", reason: "Results framework defined." }, { key: "obs9g", reason: "Timeline confirmed." }, { key: "obs9h", reason: "Backup plan discussed." }] }
     ]
-  }, he = h || H.agent_name || H.agent || ne.agent_name || "Agent", Ht = C || H.agent_full_name || H.agent_name || he, J = k || H.customer_name || H.customer || ne.customer_name || "Customer", Te = M || H.customer_full_name || H.customer_name || J, ye = ot ?? _e.length, Rt = H.evaluated_dt ? new Date(H.evaluated_dt).toLocaleString() : "3/29/2026, 8:30:00 AM", Lt = Ae.interaction_direction === "inbound" ? "Inbound" : "Outbound";
+  }, ke = G || $.agent_name || $.agent || ee.agent_name || "Agent", jt = D || $.agent_full_name || $.agent_name || ke, te = C || $.customer_name || $.customer || ee.customer_name || "Customer", $e = T || $.customer_full_name || $.customer_name || te, Se = dt ?? Be.length, ae = $.created_dt || (r == null ? void 0 : r.created_dt) || ee.created_dt || "", Pt = ae ? new Date(/Z$|[+-]\d{2}:\d{2}$/.test(ae) ? ae : ae + "Z").toLocaleString() : "", Ot = Oe.interaction_direction === "inbound" ? "Inbound" : "Outbound";
   return /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", width: "100%", height: "100%", background: "var(--Grey-White, #FFF)" }, children: [
     /* @__PURE__ */ n("div", { style: { position: "sticky", top: 0, zIndex: 20, background: "var(--Grey-White, #FFF)" }, children: [
       /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 12, padding: "24px 24px 0" }, children: [
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: o,
+            onClick: i,
             style: {
               display: "flex",
               alignItems: "center",
@@ -2284,7 +2646,7 @@ const un = {
               padding: 0,
               flexShrink: 0
             },
-            children: /* @__PURE__ */ e(Pe, { size: 24, color: "var(--Grey-Strong, #2E3236)" })
+            children: /* @__PURE__ */ e(Ve, { size: 24, color: "var(--Grey-Strong, #2E3236)" })
           }
         ),
         /* @__PURE__ */ e("div", { style: { width: 1, height: 28, background: "var(--Base-absent, #D9D9D9)" } }),
@@ -2297,12 +2659,12 @@ const un = {
           margin: 0,
           flex: 1
         }, children: t }),
-        (we || Ce) && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: [
-          /* @__PURE__ */ e(U, { text: rt, children: /* @__PURE__ */ n(
+        (Ge || Me) && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: [
+          /* @__PURE__ */ e(ne, { text: ct, children: /* @__PURE__ */ n(
             "button",
             {
-              onClick: ee ? void 0 : we,
-              disabled: ee,
+              onClick: re ? void 0 : Ge,
+              disabled: re,
               style: {
                 display: "flex",
                 alignItems: "center",
@@ -2310,11 +2672,11 @@ const un = {
                 padding: "4px 12px",
                 background: "none",
                 border: "none",
-                cursor: ee ? "default" : "pointer",
-                opacity: ee ? 0.4 : 1
+                cursor: re ? "default" : "pointer",
+                opacity: re ? 0.4 : 1
               },
               children: [
-                /* @__PURE__ */ e(Pe, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e(Ve, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 }),
                 /* @__PURE__ */ e("span", { style: {
                   color: "var(--Neutral-800, #323232)",
                   fontSize: 13,
@@ -2332,11 +2694,11 @@ const un = {
             background: "var(--Grey-absent, #D9D9D9)",
             flexShrink: 0
           } }),
-          /* @__PURE__ */ e(U, { text: lt, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ e(ne, { text: ft, children: /* @__PURE__ */ n(
             "button",
             {
-              onClick: te ? void 0 : Ce,
-              disabled: te,
+              onClick: oe ? void 0 : Me,
+              disabled: oe,
               style: {
                 display: "flex",
                 alignItems: "center",
@@ -2344,8 +2706,8 @@ const un = {
                 padding: "4px 12px",
                 background: "none",
                 border: "none",
-                cursor: te ? "default" : "pointer",
-                opacity: te ? 0.4 : 1
+                cursor: oe ? "default" : "pointer",
+                opacity: oe ? 0.4 : 1
               },
               children: [
                 /* @__PURE__ */ e("span", { style: {
@@ -2356,7 +2718,7 @@ const un = {
                   fontFamily: "var(--default-font-family)",
                   whiteSpace: "nowrap"
                 }, children: "Next Session" }),
-                /* @__PURE__ */ e(en, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 })
+                /* @__PURE__ */ e(rn, { size: 16, color: "var(--Neutral-800, #323232)", strokeWidth: 1.5 })
               ]
             }
           ) })
@@ -2369,10 +2731,10 @@ const un = {
         borderBottom: "1px solid var(--Grey-Faint, #ACADAD)",
         padding: "0 24px",
         marginTop: 8
-      }, children: zn.map((s) => /* @__PURE__ */ e(
+      }, children: Tn.map((g) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => St(s.key),
+          onClick: () => Dt(g.key),
           style: {
             display: "flex",
             padding: 16,
@@ -2380,21 +2742,21 @@ const un = {
             gap: 10,
             background: "none",
             border: "none",
-            borderBottom: le === s.key ? "3px solid var(--Grey-Strong, #2E3236)" : "3px solid transparent",
+            borderBottom: ge === g.key ? "3px solid var(--Grey-Strong, #2E3236)" : "3px solid transparent",
             cursor: "pointer",
             fontSize: 15,
-            fontWeight: le === s.key ? 500 : 400,
-            color: le === s.key ? "var(--Grey-Strong, #2E3236)" : "var(--Grey-Muted, #808183)",
+            fontWeight: ge === g.key ? 500 : 400,
+            color: ge === g.key ? "var(--Grey-Strong, #2E3236)" : "var(--Grey-Muted, #808183)",
             whiteSpace: "nowrap",
             transition: "border-color 0.2s ease, color 0.2s ease"
           },
-          children: s.label
+          children: g.label
         },
-        s.key
+        g.key
       )) })
     ] }),
-    /* @__PURE__ */ n("div", { ref: pe, style: { padding: 24, flex: 1, overflowY: "auto" }, children: [
-      /* @__PURE__ */ n("div", { ref: se, style: {
+    /* @__PURE__ */ n("div", { ref: xe, style: { padding: 24, flex: 1, overflowY: "auto" }, children: [
+      /* @__PURE__ */ n("div", { ref: ye, style: {
         display: "flex",
         flexDirection: "column",
         justifyContent: "flex-end",
@@ -2410,7 +2772,7 @@ const un = {
           alignSelf: "stretch"
         }, children: [
           /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1 }, children: [
-            /* @__PURE__ */ e(tn, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 2 }),
+            /* @__PURE__ */ e(on, { size: 24, color: "var(--rail-orange, #C98A5A)", strokeWidth: 2 }),
             /* @__PURE__ */ e("span", { style: {
               fontSize: 16,
               fontWeight: 600,
@@ -2421,12 +2783,12 @@ const un = {
           ] }),
           /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 16, flexShrink: 0 }, children: [
             /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0" }, children: [
-              /* @__PURE__ */ e(nn, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-              /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: Rt })
+              /* @__PURE__ */ e(ln, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: Pt })
             ] }),
             /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0" }, children: [
-              /* @__PURE__ */ e(on, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-              /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: Lt })
+              /* @__PURE__ */ e(an, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+              /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: Ot })
             ] }),
             /* @__PURE__ */ n("div", { style: {
               display: "flex",
@@ -2435,16 +2797,16 @@ const un = {
               paddingLeft: 16,
               borderLeft: "1px solid var(--Grey-absent, #D9D9D9)"
             }, children: [
-              /* @__PURE__ */ e(U, { text: Ht, children: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0", cursor: "default" }, children: [
-                /* @__PURE__ */ e(rn, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-                /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: he })
+              /* @__PURE__ */ e(ne, { text: jt, children: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 0", cursor: "pointer" }, children: [
+                /* @__PURE__ */ e(sn, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)", lineHeight: 1.2 }, children: ke })
               ] }) }),
-              /* @__PURE__ */ e(ln, { size: 16, color: "var(--color-input-border, #ACACAD)", strokeWidth: 1.5 }),
-              ye > 1 ? /* @__PURE__ */ n("div", { style: { position: "relative" }, children: [
-                /* @__PURE__ */ e(U, { text: Te, children: /* @__PURE__ */ n(
+              /* @__PURE__ */ e(dn, { size: 16, color: "var(--color-input-border, #ACACAD)", strokeWidth: 1.5 }),
+              Se > 1 ? /* @__PURE__ */ n("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ e(ne, { text: $e, children: /* @__PURE__ */ n(
                   "button",
                   {
-                    onClick: () => ae((s) => !s),
+                    onClick: () => he((g) => !g),
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -2455,18 +2817,18 @@ const un = {
                       cursor: "pointer"
                     },
                     children: [
-                      /* @__PURE__ */ e(ue, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                      /* @__PURE__ */ e(Ce, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
                       /* @__PURE__ */ n("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", lineHeight: 1.2 }, children: [
-                        J,
+                        te,
                         " (",
-                        ye,
+                        Se,
                         " Sessions)"
                       ] }),
-                      We ? /* @__PURE__ */ e(ve, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }) : /* @__PURE__ */ e(xe, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 })
+                      He ? /* @__PURE__ */ e(Fe, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }) : /* @__PURE__ */ e(De, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 })
                     ]
                   }
                 ) }),
-                We && /* @__PURE__ */ n("div", { style: {
+                He && /* @__PURE__ */ n("div", { style: {
                   position: "absolute",
                   top: "100%",
                   right: 0,
@@ -2485,40 +2847,40 @@ const un = {
                     gap: 8,
                     padding: 16
                   }, children: [
-                    /* @__PURE__ */ e(ue, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5, style: { marginTop: 2, flexShrink: 0 } }),
+                    /* @__PURE__ */ e(Ce, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5, style: { marginTop: 2, flexShrink: 0 } }),
                     /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
                       /* @__PURE__ */ e("span", { style: {
                         fontSize: 16,
                         fontWeight: 600,
                         color: "var(--Grey-Strong, #2E3236)",
                         lineHeight: 1
-                      }, children: J }),
+                      }, children: te }),
                       /* @__PURE__ */ n("span", { style: {
                         fontSize: 13,
                         fontWeight: 400,
                         color: "var(--Grey-Muted, #808183)",
                         lineHeight: 1
                       }, children: [
-                        ye,
+                        Se,
                         " Sessions in past"
                       ] })
                     ] })
                   ] }),
-                  _e.slice(0, 5).map((s, S) => /* @__PURE__ */ n(
+                  Be.slice(0, 5).map((g, W) => /* @__PURE__ */ n(
                     "div",
                     {
                       onClick: () => {
-                        ke && ke(s), ae(!1);
+                        Ie && Ie(g), he(!1);
                       },
-                      onMouseEnter: () => ze(S),
-                      onMouseLeave: () => ze(null),
+                      onMouseEnter: () => Re(W),
+                      onMouseLeave: () => Re(null),
                       style: {
                         display: "flex",
                         width: 264,
                         padding: "12px 16px",
                         justifyContent: "space-between",
                         alignItems: "center",
-                        background: Ie === S ? "var(--surface-hover, #F3F7F7)" : "var(--Grey-White, #FFF)",
+                        background: Ae === W ? "var(--surface-hover, #F3F7F7)" : "var(--Grey-White, #FFF)",
                         borderTop: "1px solid var(--Grey-absent, #D9D9D9)",
                         cursor: "pointer",
                         boxSizing: "border-box",
@@ -2531,18 +2893,18 @@ const un = {
                             fontWeight: 400,
                             color: "var(--Grey-Strong, #2E3236)",
                             lineHeight: 1
-                          }, children: s.title }),
+                          }, children: g.title }),
                           /* @__PURE__ */ e("span", { style: {
                             fontSize: 12,
                             fontWeight: 400,
                             color: "var(--Grey-Muted, #808183)",
                             lineHeight: 1
-                          }, children: s.date })
+                          }, children: g.date })
                         ] }),
-                        Ie === S && /* @__PURE__ */ e(an, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1, style: { flexShrink: 0 } })
+                        Ae === W && /* @__PURE__ */ e(cn, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1, style: { flexShrink: 0 } })
                       ]
                     },
-                    s.id || S
+                    g.id || W
                   )),
                   /* @__PURE__ */ e("div", { style: {
                     padding: 16,
@@ -2553,7 +2915,7 @@ const un = {
                     "button",
                     {
                       onClick: () => {
-                        Se && Se(), ae(!1);
+                        ze && ze(), he(!1);
                       },
                       style: {
                         display: "flex",
@@ -2568,7 +2930,7 @@ const un = {
                         cursor: "pointer"
                       },
                       children: [
-                        /* @__PURE__ */ e(sn, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                        /* @__PURE__ */ e(fn, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
                         /* @__PURE__ */ e("span", { style: {
                           fontSize: 14,
                           fontWeight: 600,
@@ -2578,9 +2940,9 @@ const un = {
                     }
                   ) })
                 ] })
-              ] }) : /* @__PURE__ */ e(U, { text: Te, children: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 4, padding: "8px 0", cursor: "default" }, children: [
-                /* @__PURE__ */ e(ue, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
-                /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", lineHeight: 1.2 }, children: J })
+              ] }) : /* @__PURE__ */ e(ne, { text: $e, children: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 4, padding: "8px 0", cursor: "pointer" }, children: [
+                /* @__PURE__ */ e(Ce, { size: 16, color: "var(--Grey-Muted, #808183)", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", lineHeight: 1.2 }, children: te })
               ] }) })
             ] })
           ] })
@@ -2592,13 +2954,13 @@ const un = {
           alignSelf: "stretch"
         }, children: [
           /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0, display: "flex" }, children: /* @__PURE__ */ e(
-            Fn,
+            In,
             {
-              score: Ue ?? 0,
+              score: ie ?? 0,
               maxScore: 5,
-              predictedScore: et ?? 0,
-              predictedLabel: tt,
-              legends: nt
+              predictedScore: d ?? 0,
+              predictedLabel: J,
+              legends: at
             }
           ) }),
           /* @__PURE__ */ n("div", { style: {
@@ -2611,31 +2973,31 @@ const un = {
             minWidth: 0
           }, children: [
             /* @__PURE__ */ e(
-              mn,
+              bn,
               {
-                meta: Me,
-                callPurpose: j || Ae,
-                classification: N || _t,
+                meta: Pe,
+                callPurpose: N || Oe,
+                classification: K || Ht,
                 outcomeQuality: Q || "Neutral",
-                dimensions: It,
-                resolutionOutcome: i,
-                customerIntent: T,
-                interactionId: Y ?? H.interaction_id,
-                moreDetails: Je
+                dimensions: Et,
+                resolutionOutcome: s,
+                customerIntent: O,
+                interactionId: R ?? $.interaction_id,
+                moreDetails: fe
               }
             ),
             /* @__PURE__ */ e(
-              vn,
+              kn,
               {
-                outcomeLift: Et,
-                driverLabels: Mt
+                outcomeLift: At,
+                driverLabels: Rt
               }
             )
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { ref: de, style: { paddingTop: 24 }, children: /* @__PURE__ */ e(hn, { data: r ? null : At, loading: r }) }),
-      /* @__PURE__ */ n("div", { ref: ce, style: {
+      /* @__PURE__ */ e("div", { ref: ue, style: { paddingTop: 24 }, children: /* @__PURE__ */ e(mn, { data: o ? null : Lt, loading: o }) }),
+      /* @__PURE__ */ n("div", { ref: me, style: {
         display: "flex",
         flexDirection: "column",
         gap: 16,
@@ -2647,7 +3009,7 @@ const un = {
           alignItems: "center",
           gap: 8
         }, children: [
-          /* @__PURE__ */ e(Ze, { size: 24, color: "#C98A5A", strokeWidth: 2 }),
+          /* @__PURE__ */ e(it, { size: 24, color: "#C98A5A", strokeWidth: 2 }),
           /* @__PURE__ */ e("span", { style: {
             fontSize: 16,
             fontWeight: 600,
@@ -2665,117 +3027,80 @@ const un = {
           borderTop: "1px solid #D9D9D9"
         }, children: [
           /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(
-            xn,
+            Sn,
             {
-              signals: Tt,
-              expandedSignals: mt,
-              toggleSignal: Dt,
-              playEvidence: Ct,
-              highlightTurns: Ft,
-              onShowInTranscript: wt,
-              timelinePlaying: g || vt,
-              currentTimeSeconds: u ?? xt
+              signals: Bt,
+              expandedSignals: kt,
+              toggleSignal: Gt,
+              playEvidence: It,
+              highlightTurns: zt,
+              onShowInTranscript: Wt,
+              timelinePlaying: v || St,
+              currentTimeSeconds: x ?? wt
             }
           ) }),
           /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(
-            dn,
+            pn,
             {
-              ref: Z,
-              audioUrl: f,
-              durationSeconds: Me.duration_seconds,
+              ref: X,
+              audioUrl: c,
+              durationSeconds: Pe.duration_seconds,
               audioRef: y,
-              agentName: he,
-              customerName: J.split(" ")[0],
-              currentTimeSeconds: u,
-              timelinePlaying: g,
-              playbackRate: m,
-              timelineSegments: D,
-              onSeek: b,
-              onTogglePlay: c,
-              onSeekBack: x,
-              onSeekForward: d,
-              onSetPlaybackRate: p,
-              transcript: _,
-              activeTurnIndex: $,
-              turnObservations: A,
-              highlightedTurns: B,
-              onTurnPlayPause: W,
-              setExpandedSignals: De
+              agentName: ke,
+              customerName: te.split(" ")[0],
+              currentTimeSeconds: x,
+              timelinePlaying: v,
+              playbackRate: b,
+              timelineSegments: z,
+              onSeek: S,
+              onTogglePlay: f,
+              onSeekBack: w,
+              onSeekForward: m,
+              onSetPlaybackRate: u,
+              transcript: E,
+              activeTurnIndex: B,
+              turnObservations: H,
+              highlightedTurns: h,
+              onTurnPlayPause: p,
+              setExpandedSignals: Te
             }
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { ref: fe, style: { paddingTop: 24 }, children: /* @__PURE__ */ e(
-        In,
+      /* @__PURE__ */ e("div", { ref: ve, style: { paddingTop: 24 }, children: /* @__PURE__ */ e(
+        _n,
         {
-          comments: at || [
-            {
-              id: "c1",
-              author: { name: "Lucy", initials: "LU", color: "var(--rail-compliance, #C98A5A)", role: "supervisor" },
-              content: "Demonstrated courtesy and professionalism throughout the call. Close the loop by restating the plan and confirming next steps to ensure customer certainty.",
-              timestamp: "2 days"
-            },
-            {
-              id: "c2",
-              author: { name: "David", initials: "DA", color: "var(--rail-outcome, #6B7C93)", role: "agent" },
-              content: "Sounds good! Please share link with me. Thanks",
-              timestamp: "51 min",
-              parentId: "c1"
-            },
-            {
-              id: "c3",
-              author: { name: "Lucy", initials: "LU", color: "var(--rail-compliance, #C98A5A)", role: "supervisor" },
-              content: "Sure, will do",
-              timestamp: "12 h",
-              parentId: "c2"
-            },
-            {
-              id: "c4",
-              author: { name: "Lucy", initials: "LU", color: "var(--rail-compliance, #C98A5A)", role: "supervisor" },
-              content: "Please follow guidelines thoroughly.",
-              timestamp: "12 h"
-            },
-            {
-              id: "c5",
-              author: { name: "David", initials: "DA", color: "var(--rail-outcome, #6B7C93)", role: "agent" },
-              content: [
-                "Sounds great! I will make sure to follow guidelines and make it even better in next conversations. Thanks for your feedback!",
-                "Please let me know if we need to connect?"
-              ],
-              timestamp: "51 min",
-              parentId: "c4"
-            }
-          ],
-          totalComments: 6,
-          currentUser: st,
-          onSendComment: dt || (() => {
+          comments: Ee,
+          totalComments: Ee.length,
+          currentUser: pt,
+          onSendComment: gt || (() => {
           }),
-          onSendReply: ct || (() => {
+          onSendReply: ht || (() => {
           }),
-          onReply: ft || (() => {
+          onReply: yt || (() => {
           }),
-          onEdit: pt || (() => {
+          onEdit: ut || (() => {
           }),
-          onDelete: gt || (() => {
+          onDelete: mt || (() => {
           }),
-          onMenuClick: ht || (() => {
+          onMenuClick: vt || (() => {
           }),
-          onMarkResolved: yt || (() => {
+          onMarkResolved: xt || (() => {
           }),
-          isResolved: ut
+          isResolved: bt
         }
       ) })
     ] })
   ] });
 };
 export {
-  hn as UpdatedCoachingSynthesisCard,
-  Fn as UpdatedCompassScore,
-  mn as UpdatedInteractionContext,
-  Hn as UpdatedInteractionDetails,
-  dn as UpdatedInteractionRecording,
-  vn as UpdatedInteractionScores,
-  xn as UpdatedInteractionSignals,
-  In as UpdatedThreads
+  mn as UpdatedCoachingSynthesisCard,
+  In as UpdatedCompassScore,
+  bn as UpdatedInteractionContext,
+  jn as UpdatedInteractionDetails,
+  pn as UpdatedInteractionRecording,
+  kn as UpdatedInteractionScores,
+  Sn as UpdatedInteractionSignals,
+  _n as UpdatedThreads
 };
 //# sourceMappingURL=UpdatedInteractionDetails.es.js.map