chordia-ui 3.9.0 → 3.9.2

package/dist/pages/interactionDetails.es.js

@@ -1,8 +1,8 @@
-import { C as Zt, M as Xt, O as Ut, b as en, c as tn, S as nn, a as rn, d as on } from "../SummarySection.es.js";
+import { C as Xt, M as Ut, O as en, b as tn, c as nn, S as rn, a as on, d as an } from "../SummarySection.es.js";
 import { E as Ye, A as Xe } from "../AgentLiftCard.es.js";
 import { jsxs as o, jsx as e, Fragment as $e } from "react/jsx-runtime";
 import Ge, { useMemo as oe, useState as T, useRef as fe, useEffect as ge, useLayoutEffect as Ue } from "react";
-import { TrendingUp as et, Lightbulb as Ae, Building as tt, MessageSquareQuote as nt, ChevronDown as He, Zap as Me, CheckCircle as qe, Target as Ve, FileText as rt, Scale as it, MessageSquare as ot, CornerDownRight as at, Send as lt, Clock as st, ChevronRight as Je } from "lucide-react";
+import { TrendingUp as et, Lightbulb as Ae, Building as tt, MessageSquareQuote as nt, ChevronDown as He, Zap as Me, CheckCircle as Ve, Target as qe, FileText as rt, Scale as it, MessageSquare as ot, CornerDownRight as at, Send as lt, Clock as st, ChevronRight as Je } from "lucide-react";
 import { C as ct, a as ae } from "../SmallButton.es.js";
 import { S as dt, T as pt } from "../SectionLabel.es.js";
 import "../sortable.esm.es.js";
@@ -18,7 +18,13 @@ import "../UpdatedInteractionRecording.es.js";
 import { a as ut, T as gt } from "../Timeline.es.js";
 import "../Tooltip.es.js";
 const Oe = "coaching-synthesis-keyframes";
-function ft() {
+function ft(n) {
+  if (n == null)
+    return null;
+  const a = String(n).trim();
+  return !a || a.toLowerCase() === "null" || a.toLowerCase() === "undefined" ? null : a;
+}
+function ht() {
   if (typeof document > "u" || document.getElementById(Oe))
     return;
   const n = document.createElement("style");
@@ -33,10 +39,10 @@ function ft() {
     }
   `, document.head.appendChild(n);
 }
-function ht({ data: n, loading: a, error: l }) {
+function yt({ data: n, loading: a, error: l }) {
   var C, I;
   if (Ge.useEffect(() => {
-    ft();
+    ht();
   }, []), a)
     return /* @__PURE__ */ o("div", { style: {
       padding: "20px 0",
@@ -108,7 +114,7 @@ function ht({ data: n, loading: a, error: l }) {
       lineHeight: 1.45
     }, children: y }),
     s.length > 0 && /* @__PURE__ */ e(
-      Fe,
+      We,
       {
         icon: /* @__PURE__ */ e(et, { size: 13 }),
         label: "Strengths",
@@ -117,7 +123,7 @@ function ht({ data: n, loading: a, error: l }) {
       }
     ),
     i.length > 0 && /* @__PURE__ */ e(
-      Fe,
+      We,
       {
         icon: /* @__PURE__ */ e(Ae, { size: 13 }),
         label: "Improvements",
@@ -126,7 +132,7 @@ function ht({ data: n, loading: a, error: l }) {
       }
     ),
     m.length > 0 && /* @__PURE__ */ e(
-      Fe,
+      We,
       {
         icon: /* @__PURE__ */ e(tt, { size: 13 }),
         label: "Organizational",
@@ -145,7 +151,7 @@ function ht({ data: n, loading: a, error: l }) {
     ] })
   ] });
 }
-function Fe({ icon: n, label: a, color: l, items: s }) {
+function We({ icon: n, label: a, color: l, items: s }) {
   return /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ o("div", { style: {
       display: "flex",
@@ -161,7 +167,7 @@ function Fe({ icon: n, label: a, color: l, items: s }) {
       a
     ] }),
     /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: s.map((i, m) => {
-      const b = typeof i == "string" ? i : (i == null ? void 0 : i.text) || "", y = typeof i == "object" ? i == null ? void 0 : i.quote : null;
+      const b = typeof i == "string" ? i : (i == null ? void 0 : i.text) || "", y = ft(typeof i == "object" ? i == null ? void 0 : i.quote : null);
       return /* @__PURE__ */ o("div", { style: { paddingLeft: 14 }, children: [
         /* @__PURE__ */ o("div", { style: {
           fontSize: "var(--text-base)",
@@ -204,11 +210,11 @@ function Fe({ icon: n, label: a, color: l, items: s }) {
     }) })
   ] });
 }
-function yt(n) {
+function xt(n) {
   const a = Math.floor(n / 60), l = Math.round(n % 60);
   return `${a}:${l.toString().padStart(2, "0")}`;
 }
-function xt({ title: n, meta: a, callPurpose: l, classification: s, dimensions: i }) {
+function mt({ title: n, meta: a, callPurpose: l, classification: s, dimensions: i }) {
   const m = l || {}, b = s || {};
   return /* @__PURE__ */ o(ct, { variant: "elevated", padding: "sm", children: [
     /* @__PURE__ */ e("div", { style: { fontSize: "var(--text-md)", fontWeight: 550, color: "var(--text-strong)", lineHeight: 1.375, marginBottom: 6 }, children: n }),
@@ -219,7 +225,7 @@ function xt({ title: n, meta: a, callPurpose: l, classification: s, dimensions:
       ] }),
       a.duration_seconds != null && /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "var(--text-faint)" }, children: "Duration" }),
-        /* @__PURE__ */ e("div", { style: { fontSize: 12, color: "var(--text-base)" }, children: yt(a.duration_seconds) })
+        /* @__PURE__ */ e("div", { style: { fontSize: 12, color: "var(--text-base)" }, children: xt(a.duration_seconds) })
       ] }),
       a.message_count && /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "var(--text-faint)" }, children: "Messages" }),
@@ -249,7 +255,7 @@ function xt({ title: n, meta: a, callPurpose: l, classification: s, dimensions:
     a.session_id && /* @__PURE__ */ e("div", { style: { fontSize: 10, color: "var(--text-faint)", fontFamily: "var(--font-mono)", marginTop: 4, userSelect: "all" }, children: a.session_id })
   ] });
 }
-function Gt({ scores: n }) {
+function Vt({ scores: n }) {
   return n != null && n.length ? /* @__PURE__ */ e(ae, { title: "Scores", children: /* @__PURE__ */ e("div", { style: { display: "flex", gap: 24, flexWrap: "wrap" }, children: n.map((a, l) => {
     const s = a.value != null ? Math.round(a.value) : null;
     return /* @__PURE__ */ o("div", { style: { textAlign: "center", minWidth: 48 }, children: [
@@ -259,17 +265,17 @@ function Gt({ scores: n }) {
   }) }) }) : null;
 }
 const je = {
-  outcome: { label: "Outcome", icon: /* @__PURE__ */ e(Ve, { size: 12 }), color: "var(--rail-outcome)" },
+  outcome: { label: "Outcome", icon: /* @__PURE__ */ e(qe, { size: 12 }), color: "var(--rail-outcome)" },
   process: { label: "Process & Protocol", icon: /* @__PURE__ */ e(rt, { size: 12 }), color: "var(--rail-discovery)" },
   compliance: { label: "Compliance", icon: /* @__PURE__ */ e(it, { size: 12 }), color: "var(--rail-compliance)" },
   customer_friction: { label: "Customer Friction", icon: /* @__PURE__ */ e(Me, { size: 12 }), color: "var(--rail-coral)" },
   experience: { label: "Experience", icon: /* @__PURE__ */ e(ot, { size: 12 }), color: "var(--rail-teal)" }
-}, mt = {
+}, bt = {
   risk: { icon: /* @__PURE__ */ e(Me, { size: 10 }), color: "var(--rail-signal-churn)" },
   opportunity: { icon: /* @__PURE__ */ e(Ae, { size: 10 }), color: "var(--state-unknown)" },
-  excellence: { icon: /* @__PURE__ */ e(qe, { size: 10 }), color: "var(--rail-teal)" }
+  excellence: { icon: /* @__PURE__ */ e(Ve, { size: 10 }), color: "var(--rail-teal)" }
 };
-function bt({
+function vt({
   signals: n,
   expandedSignals: a,
   toggleSignal: l,
@@ -298,8 +304,8 @@ function bt({
         /* @__PURE__ */ e("span", { children: S.label })
       ] }),
       /* @__PURE__ */ e("div", { style: { marginTop: 4, display: "flex", flexDirection: "column", gap: 6 }, children: g.map((u, x) => {
-        var E, F, j;
-        const R = u.display_name || u.key || "", L = (E = u.baseline) == null ? void 0 : E.delta, D = ((F = u.observations) == null ? void 0 : F.length) > 0, _ = a.has(u.key);
+        var E, W, j;
+        const R = u.display_name || u.key || "", F = (E = u.baseline) == null ? void 0 : E.delta, D = ((W = u.observations) == null ? void 0 : W.length) > 0, _ = a.has(u.key);
         return /* @__PURE__ */ o(
           "div",
           {
@@ -333,7 +339,7 @@ function bt({
                   },
                   title: [
                     u.confidence != null ? `Confidence: ${Math.round(u.confidence * 100)}%` : "",
-                    L != null ? `Δ baseline: ${L > 0 ? "+" : ""}${(L * 100).toFixed(1)}%` : ""
+                    F != null ? `Δ baseline: ${F > 0 ? "+" : ""}${(F * 100).toFixed(1)}%` : ""
                   ].filter(Boolean).join(" · "),
                   children: [
                     /* @__PURE__ */ o(
@@ -346,7 +352,7 @@ function bt({
                           whiteSpace: "nowrap"
                         },
                         children: [
-                          (j = mt[u.kind]) == null ? void 0 : j.icon,
+                          (j = bt[u.kind]) == null ? void 0 : j.icon,
                           /* @__PURE__ */ e("span", { children: R }),
                           D && /* @__PURE__ */ o(
                             "span",
@@ -382,7 +388,7 @@ function bt({
                 }
               ),
               _ && u.observations && /* @__PURE__ */ e("div", { style: { width: "100%", margin: "0 0 6px" }, children: u.observations.map((w, K) => {
-                var q;
+                var V;
                 return /* @__PURE__ */ e("div", { style: { marginBottom: 6 }, children: /* @__PURE__ */ o(
                   "div",
                   {
@@ -425,7 +431,7 @@ function bt({
                               }
                             ),
                             /* @__PURE__ */ e("div", { style: { marginBottom: 6, lineHeight: 1.4 }, children: w.reason || w.explanation || "" }),
-                            (q = w.evidence) == null ? void 0 : q.map((J, N) => {
+                            (V = w.evidence) == null ? void 0 : V.map((J, N) => {
                               const A = J.start_ms, M = J.end_ms;
                               let $ = !1;
                               if (A != null && i) {
@@ -462,9 +468,9 @@ function bt({
 const Ne = {
   risk: { icon: /* @__PURE__ */ e(Me, { size: 10 }), color: "var(--rail-signal-churn)" },
   opportunity: { icon: /* @__PURE__ */ e(Ae, { size: 10 }), color: "var(--state-unknown)" },
-  excellence: { icon: /* @__PURE__ */ e(qe, { size: 10 }), color: "var(--rail-teal)" }
+  excellence: { icon: /* @__PURE__ */ e(Ve, { size: 10 }), color: "var(--rail-teal)" }
 };
-function vt({
+function St({
   guidance: n,
   playEvidence: a,
   timelinePlaying: l,
@@ -525,22 +531,22 @@ function vt({
               ]
             }
           ),
-          (x = S.evidence) == null ? void 0 : x.map((R, L) => {
+          (x = S.evidence) == null ? void 0 : x.map((R, F) => {
             const D = R.start_ms, _ = R.end_ms;
             let E = !1;
             if (D != null && l) {
-              const F = D / 1e3, j = _ != null ? _ / 1e3 : F + 1, w = s ?? 0;
-              E = w >= F && w <= j + 0.25;
+              const W = D / 1e3, j = _ != null ? _ / 1e3 : W + 1, w = s ?? 0;
+              E = w >= W && w <= j + 0.25;
             }
             return /* @__PURE__ */ e(
               Ye,
               {
                 ev: R,
                 isPlaying: E,
-                onPlay: (F, j) => a == null ? void 0 : a(F, j, R.turn_ids),
+                onPlay: (W, j) => a == null ? void 0 : a(W, j, R.turn_ids),
                 onHighlight: i
               },
-              L
+              F
             );
           })
         ] }, u);
@@ -548,16 +554,16 @@ function vt({
     ] }, C);
   }) }) }) : null;
 }
-function St({ nba: n }) {
+function kt({ nba: n }) {
   const a = (n == null ? void 0 : n.recommendations) || (n == null ? void 0 : n.actions) || [];
   return a.length ? /* @__PURE__ */ e(ae, { title: "Next Best Actions", children: /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: a.slice(0, 8).map((l, s) => /* @__PURE__ */ o("div", { style: { fontSize: 11, color: "var(--text-muted)", display: "flex", alignItems: "center", gap: 4 }, children: [
-    /* @__PURE__ */ e(Ve, { size: 12 }),
+    /* @__PURE__ */ e(qe, { size: 12 }),
     " ",
     /* @__PURE__ */ e("strong", { style: { color: "var(--text-base)" }, children: l.action || l.title || "" }),
     l.rationale && ` — ${l.rationale}`
   ] }, s)) }) }) : null;
 }
-function kt({
+function wt({
   audioUrl: n,
   timelineSegments: a,
   durationSeconds: l,
@@ -592,7 +598,7 @@ function kt({
     /* @__PURE__ */ e("audio", { ref: g, preload: "none", style: { display: "none" }, children: /* @__PURE__ */ e("source", { src: n, type: "audio/mpeg" }) })
   ] }) : null;
 }
-function wt({
+function Ct({
   transcript: n,
   audioUrl: a,
   highlightedTurns: l,
@@ -608,8 +614,8 @@ function wt({
   const C = (g, S) => {
     if (g == null)
       return;
-    const u = (L) => {
-      const D = Math.floor(L / 6e4), _ = Math.floor(L % 6e4 / 1e3);
+    const u = (F) => {
+      const D = Math.floor(F / 6e4), _ = Math.floor(F % 6e4 / 1e3);
       return `${D.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
     }, x = u(g), R = S != null ? u(S) : x;
     return `${x}–${R}`;
@@ -625,9 +631,9 @@ function wt({
       observations: (m[S] || []).map((R) => ({
         ...R,
         onClick: () => {
-          b((L) => /* @__PURE__ */ new Set([...L, R.signalKey])), setTimeout(() => {
-            const L = document.getElementById(`signal-${R.signalKey}`);
-            L && L.scrollIntoView({ behavior: "smooth", block: "nearest" });
+          b((F) => /* @__PURE__ */ new Set([...F, R.signalKey])), setTimeout(() => {
+            const F = document.getElementById(`signal-${R.signalKey}`);
+            F && F.scrollIntoView({ behavior: "smooth", block: "nearest" });
           }, 100);
         }
       }))
@@ -645,7 +651,7 @@ function wt({
     }
   ) });
 }
-const Le = {
+const Fe = {
   padding: 0,
   border: "none",
   background: "transparent",
@@ -695,7 +701,7 @@ const Le = {
       ...Pe(i.replies, S, l + s.length)
     );
   }), s;
-}, Ct = (n) => {
+}, zt = (n) => {
   if (!n)
     return "";
   if (!/^\d{4}-\d{2}-\d{2}T/.test(n))
@@ -725,7 +731,7 @@ const Le = {
     return n;
   }
 };
-function zt({
+function Tt({
   sessionTitle: n,
   sessionSubtitle: a,
   threadLabel: l,
@@ -742,7 +748,7 @@ function zt({
   currentUser: g,
   isLoading: S = !1
 }) {
-  const [u, x] = T(""), [R, L] = T(!1), [D, _] = T(s || []), [E, F] = T(!1), [j, w] = T(null), [K, q] = T([]), [J, N] = T(null), [A, M] = T(null), [$, O] = T(""), [H, Y] = T(null), [P, Z] = T(""), [le, te] = T(null), [Te, ne] = T(!1), [X, se] = T(""), [V, he] = T(!1), [Ie, U] = T(/* @__PURE__ */ new Set()), ee = fe(null), _e = fe(null), re = g && g.role && String(g.role).toLowerCase() || "", ie = oe(() => {
+  const [u, x] = T(""), [R, F] = T(!1), [D, _] = T(s || []), [E, W] = T(!1), [j, w] = T(null), [K, V] = T([]), [J, N] = T(null), [A, M] = T(null), [$, O] = T(""), [H, Y] = T(null), [P, Z] = T(""), [le, te] = T(null), [Te, ne] = T(!1), [X, se] = T(""), [q, he] = T(!1), [Ie, U] = T(/* @__PURE__ */ new Set()), ee = fe(null), _e = fe(null), re = g && g.role && String(g.role).toLowerCase() || "", ie = oe(() => {
     if (!g)
       return {
         name: "You",
@@ -773,10 +779,10 @@ function zt({
     const t = Array.isArray(i.threads) ? i.threads : Array.isArray(i.items) ? i.items : [];
     if (t.length > 0) {
       const v = t.map((c, p) => {
-        const h = c.id || c.thread_id || `thread-${p + 1}`, B = c.label || c.title || (p === 0 ? l || "Session" : `Thread ${p + 1}`), d = Ke(c), W = Pe(d);
-        return { id: h, label: B, messages: W };
+        const h = c.id || c.thread_id || `thread-${p + 1}`, B = c.label || c.title || (p === 0 ? l || "Session" : `Thread ${p + 1}`), d = Ke(c), L = Pe(d);
+        return { id: h, label: B, messages: L };
       });
-      q(v);
+      V(v);
       const z = v.find((c) => (c.messages || []).length > 0) || v[0], r = (z == null ? void 0 : z.messages) || [];
       _(r), U(/* @__PURE__ */ new Set()), N((z == null ? void 0 : z.id) || null);
       return;
@@ -786,7 +792,7 @@ function zt({
       const v = Pe(f);
       _(v), U(/* @__PURE__ */ new Set());
       const z = i.id || "thread-1", r = i.title || l || "Thread 1";
-      q([
+      V([
         {
           id: z,
           label: r
@@ -794,7 +800,7 @@ function zt({
       ]), N(z);
     }
   }, [i, l]), ge(() => {
-    l && q(
+    l && V(
       (t) => t.map(
         (f, v) => v === 0 ? { ...f, label: l } : f
       )
@@ -811,7 +817,7 @@ function zt({
       he(!0);
       try {
         const f = `thread-${Date.now()}`;
-        q((v) => [
+        V((v) => [
           ...v,
           {
             id: f,
@@ -840,7 +846,7 @@ function zt({
       parentId: A || null
     };
     if (_((r) => [...r, z]), m) {
-      F(!0);
+      W(!0);
       try {
         await m({
           content: f,
@@ -853,7 +859,7 @@ function zt({
       } catch {
         _((r) => r.filter((c) => c.id !== v));
       } finally {
-        F(!1);
+        W(!1);
       }
       M(null);
       return;
@@ -863,7 +869,7 @@ function zt({
         (c) => c.id === v ? { ...c, isOptimistic: !1 } : c
       )
     ), M(null);
-  }, We = (t) => {
+  }, Le = (t) => {
     t.key === "Enter" && !t.shiftKey && (t.preventDefault(), ve());
   }, Se = (t) => {
     M(t.id), O(""), Y(null), Z(""), w(null), b == null || b(t);
@@ -880,7 +886,7 @@ function zt({
       isOptimistic: !m,
       parentId: t
     };
-    _((r) => [...r, z]), F(!0);
+    _((r) => [...r, z]), W(!0);
     try {
       m && (await m({
         content: f,
@@ -893,7 +899,7 @@ function zt({
     } catch {
       m && _((r) => r.filter((c) => c.id !== v));
     } finally {
-      F(!1);
+      W(!1);
     }
   }, we = (t) => {
     Y(t.id), Z(t.content || ""), M(null), O(""), w(null);
@@ -1016,7 +1022,7 @@ function zt({
                               fontFamily: "var(--default-mono-font-family)",
                               color: "rgba(30, 33, 37, 0.5)"
                             },
-                            children: Ct(t.timestamp)
+                            children: zt(t.timestamp)
                           }
                         ),
                         ((h = t.author) == null ? void 0 : h.role) && /* @__PURE__ */ e(
@@ -1068,7 +1074,7 @@ function zt({
                             onClick: (d) => {
                               d.preventDefault(), d.stopPropagation(), Se(t);
                             },
-                            style: Le,
+                            style: Fe,
                             children: "Reply"
                           }
                         ),
@@ -1079,7 +1085,7 @@ function zt({
                             onClick: (d) => {
                               d.preventDefault(), d.stopPropagation(), we(t);
                             },
-                            style: Le,
+                            style: Fe,
                             children: "Edit"
                           }
                         ),
@@ -1091,7 +1097,7 @@ function zt({
                               d.preventDefault(), d.stopPropagation(), Ce(t);
                             },
                             style: {
-                              ...Le,
+                              ...Fe,
                               color: "rgba(198, 99, 99, 0.9)"
                             },
                             children: "Delete"
@@ -1296,8 +1302,8 @@ function zt({
                 {
                   type: "button",
                   onClick: () => U((d) => {
-                    const W = new Set(d);
-                    return W.has(t.id) ? W.delete(t.id) : W.add(t.id), W;
+                    const L = new Set(d);
+                    return L.has(t.id) ? L.delete(t.id) : L.add(t.id), L;
                   }),
                   style: {
                     display: "inline-flex",
@@ -1619,7 +1625,7 @@ function zt({
                           t.key === "Enter" && !t.shiftKey && (t.preventDefault(), be());
                         },
                         placeholder: "Start a new thread...",
-                        disabled: V,
+                        disabled: q,
                         style: {
                           width: "100%",
                           minHeight: "64px",
@@ -1643,7 +1649,7 @@ function zt({
                         {
                           type: "button",
                           onClick: Be,
-                          disabled: V,
+                          disabled: q,
                           style: {
                             padding: "6px 14px",
                             fontSize: "12px",
@@ -1652,7 +1658,7 @@ function zt({
                             background: "rgba(30, 33, 37, 0.08)",
                             border: "none",
                             borderRadius: "6px",
-                            cursor: V ? "not-allowed" : "pointer"
+                            cursor: q ? "not-allowed" : "pointer"
                           },
                           children: "Cancel"
                         }
@@ -1662,18 +1668,18 @@ function zt({
                         {
                           type: "button",
                           onClick: be,
-                          disabled: !X.trim() || V,
+                          disabled: !X.trim() || q,
                           style: {
                             padding: "6px 14px",
                             fontSize: "12px",
                             fontWeight: 600,
                             color: "white",
-                            background: X.trim() && !V ? "#5e88b0" : "rgba(30, 33, 37, 0.25)",
+                            background: X.trim() && !q ? "#5e88b0" : "rgba(30, 33, 37, 0.25)",
                             border: "none",
                             borderRadius: "6px",
-                            cursor: X.trim() && !V ? "pointer" : "not-allowed"
+                            cursor: X.trim() && !q ? "pointer" : "not-allowed"
                           },
-                          children: V ? "Sending..." : "Send"
+                          children: q ? "Sending..." : "Send"
                         }
                       )
                     ] })
@@ -2533,9 +2539,9 @@ function zt({
                             ref: _e,
                             value: u,
                             onChange: (t) => x(t.target.value),
-                            onKeyDown: We,
-                            onFocus: () => L(!0),
-                            onBlur: () => L(!1),
+                            onKeyDown: Le,
+                            onFocus: () => F(!0),
+                            onBlur: () => F(!1),
                             placeholder: Ee ? "Type your reply..." : "Add a comment...",
                             style: {
                               width: "100%",
@@ -2621,7 +2627,7 @@ function zt({
 function G(n, a) {
   return n.find((l) => l.block_id === a);
 }
-function Tt({
+function It({
   data: n,
   audioUrl: a,
   coachingData: l,
@@ -2640,7 +2646,7 @@ function Tt({
   var Se, ke, we, de, pe, Ce, ze, ue, t, f, v, z;
   const u = n.blocks || [];
   n.evidence_index;
-  const x = fe(null), R = fe(null), [L, D] = T(/* @__PURE__ */ new Set()), [_, E] = T(/* @__PURE__ */ new Set()), [F, j] = T(0), [w, K] = T(!1), [q, J] = T(1), N = ((Se = G(u, "interaction-metadata")) == null ? void 0 : Se.payload) || {}, A = ((ke = G(u, "interaction-context")) == null ? void 0 : ke.payload) || {}, M = ((we = G(u, "interaction-summary")) == null ? void 0 : we.payload) || {};
+  const x = fe(null), R = fe(null), [F, D] = T(/* @__PURE__ */ new Set()), [_, E] = T(/* @__PURE__ */ new Set()), [W, j] = T(0), [w, K] = T(!1), [V, J] = T(1), N = ((Se = G(u, "interaction-metadata")) == null ? void 0 : Se.payload) || {}, A = ((ke = G(u, "interaction-context")) == null ? void 0 : ke.payload) || {}, M = ((we = G(u, "interaction-summary")) == null ? void 0 : we.payload) || {};
   (de = G(u, "interaction-scores")) != null && de.payload;
   const $ = ((pe = G(u, "interaction-signals")) == null ? void 0 : pe.payload) || {}, O = ((Ce = G(u, "interaction-guidance")) == null ? void 0 : Ce.payload) || {}, H = ((ze = G(u, "interaction-transcript")) == null ? void 0 : ze.payload) || {}, Y = ((ue = G(u, "interaction-nba")) == null ? void 0 : ue.payload) || {}, Z = ((((t = G(u, "interaction-dimensions")) == null ? void 0 : t.payload) || {}).dimensions || []).filter((r) => r.value), le = ((f = G(u, "interaction-outcome-lift")) == null ? void 0 : f.payload) || {}, te = oe(() => {
     var p;
@@ -2654,9 +2660,9 @@ function Tt({
     for (const h of $.signals || []) {
       const B = c[h.group] || {};
       for (const d of h.observations || [])
-        for (const W of d.evidence || [])
-          if ((p = W.turn_ids) != null && p.length)
-            for (const Q of W.turn_ids)
+        for (const L of d.evidence || [])
+          if ((p = L.turn_ids) != null && p.length)
+            for (const Q of L.turn_ids)
               r[Q] || (r[Q] = []), r[Q].some((Ze) => Ze.label === (d.key || h.display_name || h.key)) || r[Q].push({
                 label: d.key || h.display_name || h.key,
                 reason: d.reason || d.explanation || "",
@@ -2666,8 +2672,8 @@ function Tt({
     }
     return r;
   }, [$.signals]), Te = ((v = H.messages) == null ? void 0 : v.map((r, c) => {
-    var W, Q;
-    const p = r.start ?? r.start_ms ? (r.start ?? r.start_ms) / 1e3 : 0, h = r.end ?? r.end_ms ? (r.end ?? r.end_ms) / 1e3 : p + 1, B = r.actor === "agent", d = B ? ((W = H.actor_map) == null ? void 0 : W.agent) || "Agent" : ((Q = H.actor_map) == null ? void 0 : Q.customer) || "Customer";
+    var L, Q;
+    const p = r.start ?? r.start_ms ? (r.start ?? r.start_ms) / 1e3 : 0, h = r.end ?? r.end_ms ? (r.end ?? r.end_ms) / 1e3 : p + 1, B = r.actor === "agent", d = B ? ((L = H.actor_map) == null ? void 0 : L.agent) || "Agent" : ((Q = H.actor_map) == null ? void 0 : Q.customer) || "Customer";
     return {
       startTime: p,
       endTime: h,
@@ -2675,16 +2681,16 @@ function Tt({
       actorColor: B ? "var(--rail-outcome)" : "var(--rail-discovery)"
     };
   })) || [], ne = oe(() => {
-    if (!w && F === 0)
+    if (!w && W === 0)
       return -1;
-    const r = H.messages || [], c = F * 1e3;
+    const r = H.messages || [], c = W * 1e3;
     for (let p = r.length - 1; p >= 0; p--) {
       const h = r[p].start ?? r[p].start_ms;
       if (h != null && c >= h)
         return p;
     }
     return -1;
-  }, [F, w, H.messages]), X = (r) => {
+  }, [W, w, H.messages]), X = (r) => {
     x.current && (x.current.currentTime = r, j(r));
   }, se = () => {
     if (x.current)
@@ -2695,7 +2701,7 @@ function Tt({
         r !== void 0 && r.catch(() => {
         }), K(!0);
       }
-  }, V = () => {
+  }, q = () => {
     x.current && (x.current.currentTime = Math.max(0, x.current.currentTime - 15));
   }, he = () => {
     if (x.current) {
@@ -2723,17 +2729,17 @@ function Tt({
     const B = p.play();
     if (B !== void 0 && B.catch(() => {
     }), R.current && (p.removeEventListener("timeupdate", R.current), R.current = null), c != null) {
-      const d = c / 1e3, W = () => {
+      const d = c / 1e3, L = () => {
         p.currentTime >= d && (p.pause(), R.current && (p.removeEventListener("timeupdate", R.current), R.current = null));
       };
-      R.current = W, p.addEventListener("timeupdate", W);
+      R.current = L, p.addEventListener("timeupdate", L);
     }
   }, ee = (r, c, p) => {
     const h = x.current;
     if (!h || r == null)
       return;
-    const B = r / 1e3, d = c != null ? c / 1e3 : B + 1, W = h.currentTime;
-    if (w && W >= B && (d == null || W <= d + 0.25)) {
+    const B = r / 1e3, d = c != null ? c / 1e3 : B + 1, L = h.currentTime;
+    if (w && L >= B && (d == null || L <= d + 0.25)) {
       h.pause();
       return;
     }
@@ -2742,12 +2748,12 @@ function Tt({
     const h = (H.messages || [])[c], B = x.current;
     if (!h || !B)
       return;
-    const d = h.start ?? h.start_ms, W = h.end ?? h.end_ms;
+    const d = h.start ?? h.start_ms, L = h.end ?? h.end_ms;
     if (w && ne === c) {
       B.pause();
       return;
     }
-    d != null && U(d, W);
+    d != null && U(d, L);
   }, re = (r) => {
     D(new Set(r));
     const c = document.getElementById("transcript-container");
@@ -2788,7 +2794,7 @@ function Tt({
       await I(r);
       return;
     }
-  }, We = s && Object.keys(s).length > 0 ? s : void 0;
+  }, Le = s && Object.keys(s).length > 0 ? s : void 0;
   return /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
     /* @__PURE__ */ o(
       "div",
@@ -2814,7 +2820,7 @@ function Tt({
               },
               children: [
                 /* @__PURE__ */ e(
-                  xt,
+                  mt,
                   {
                     title: ye,
                     meta: N,
@@ -2825,7 +2831,7 @@ function Tt({
                 ),
                 /* @__PURE__ */ e(Xe, { outcomeLift: le }),
                 (i || l || m) && /* @__PURE__ */ e(ae, { title: "Coaching Summary", children: /* @__PURE__ */ e(
-                  ht,
+                  yt,
                   {
                     data: l,
                     loading: i,
@@ -2873,29 +2879,29 @@ function Tt({
                     },
                     children: [
                       xe === "signals" ? /* @__PURE__ */ e(
-                        bt,
+                        vt,
                         {
                           signals: $,
                           expandedSignals: _,
                           toggleSignal: ie,
                           playEvidence: ee,
                           timelinePlaying: w,
-                          currentTimeSeconds: F,
+                          currentTimeSeconds: W,
                           highlightTurns: re,
                           borderRadius: "0px 0px 12px 12px"
                         }
                       ) : /* @__PURE__ */ e(
-                        vt,
+                        St,
                         {
                           guidance: O,
                           playEvidence: ee,
                           timelinePlaying: w,
-                          currentTimeSeconds: F,
+                          currentTimeSeconds: W,
                           highlightTurns: re,
                           borderRadius: "0px 0px 12px 12px"
                         }
                       ),
-                      /* @__PURE__ */ e(St, { nba: Y })
+                      /* @__PURE__ */ e(kt, { nba: Y })
                     ]
                   }
                 )
@@ -2906,28 +2912,28 @@ function Tt({
       }
     ),
     /* @__PURE__ */ e(
-      kt,
+      wt,
       {
         audioUrl: a,
         timelineSegments: Te,
         durationSeconds: N.duration_seconds,
-        currentTimeSeconds: F,
+        currentTimeSeconds: W,
         timelinePlaying: w,
-        playbackRate: q,
+        playbackRate: V,
         onSeek: X,
         onTogglePlay: se,
-        onSeekBack: V,
+        onSeekBack: q,
         onSeekForward: he,
         onSetPlaybackRate: Ie,
         audioRef: x
       }
     ),
     /* @__PURE__ */ e(
-      wt,
+      Ct,
       {
         transcript: H,
         audioUrl: a,
-        highlightedTurns: L,
+        highlightedTurns: F,
         activeTurnIndex: ne,
         timelinePlaying: w,
         turnObservations: te,
@@ -2936,10 +2942,10 @@ function Tt({
       }
     ),
     /* @__PURE__ */ e(
-      zt,
+      Tt,
       {
         sessionTitle: ye,
-        messageThread: We,
+        messageThread: Le,
         currentUser: S,
         isLoading: g,
         onSendMessage: Ee,
@@ -2951,7 +2957,7 @@ function Tt({
     )
   ] });
 }
-class It extends Ge.Component {
+class _t extends Ge.Component {
   constructor(a) {
     super(a), this.state = { hasError: !1 };
   }
@@ -2966,9 +2972,9 @@ class It extends Ge.Component {
   }
 }
 function qt(n) {
-  return /* @__PURE__ */ e(It, { fallback: /* @__PURE__ */ e("div", { style: { padding: 16, color: "var(--state-unknown)", fontSize: 12 }, children: "Error rendering detail." }), children: /* @__PURE__ */ e(Tt, { ...n }) });
+  return /* @__PURE__ */ e(_t, { fallback: /* @__PURE__ */ e("div", { style: { padding: 16, color: "var(--state-unknown)", fontSize: 12 }, children: "Error rendering detail." }), children: /* @__PURE__ */ e(It, { ...n }) });
 }
-function Vt({ pattern: n }) {
+function Jt({ pattern: n }) {
   const [a, l] = T(!1), s = {
     name: "Customer Escalation Likelihood",
     description: "Based on observed patterns, this session shows indicators consistent with potential escalation.",
@@ -3468,24 +3474,24 @@ function Vt({ pattern: n }) {
 }
 export {
   Xe as AgentLiftCard,
-  ht as CoachingSynthesisCard,
-  Zt as ConditionCard,
+  yt as CoachingSynthesisCard,
+  Xt as ConditionCard,
   Ye as EvidenceItem,
-  Vt as ExpandPatternComparison,
-  xt as InteractionContext,
+  Jt as ExpandPatternComparison,
+  mt as InteractionContext,
   qt as InteractionDetailPanel,
-  vt as InteractionGuidance,
-  St as InteractionNBA,
-  kt as InteractionRecording,
-  Gt as InteractionScores,
-  bt as InteractionSignals,
-  wt as InteractionTranscript,
-  Xt as ModelScoreCard,
-  Ut as ObservationCard,
-  en as ScoreDriverCard,
-  tn as ScoreDriverCardVariant,
-  nn as SignalCard,
-  rn as SmallObservationCard,
-  on as SummarySection
+  St as InteractionGuidance,
+  kt as InteractionNBA,
+  wt as InteractionRecording,
+  Vt as InteractionScores,
+  vt as InteractionSignals,
+  Ct as InteractionTranscript,
+  Ut as ModelScoreCard,
+  en as ObservationCard,
+  tn as ScoreDriverCard,
+  nn as ScoreDriverCardVariant,
+  rn as SignalCard,
+  on as SmallObservationCard,
+  an as SummarySection
 };
 //# sourceMappingURL=interactionDetails.es.js.map