chordia-ui 3.3.8 → 3.3.9

package/dist/pages/interactionDetails.es.js

@@ -1,21 +1,23 @@
-import { C as qt, M as Vt, O as Jt, S as Qt, a as Zt, b as Xt, c as Ut, d as en } from "../SummarySection.es.js";
+import { C as Vt, M as Jt, O as Qt, b as Zt, c as Xt, S as Ut, a as en, d as tn } 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, MessageSquare as rt, Zap as Me, Scale as it, FileText as ot, Target as qe, CheckCircle as Ve, CornerDownRight as at, Send as lt, Clock as st, ChevronRight as Je } from "lucide-react";
-import { C as ct, D as ae } from "../SmallButton.es.js";
+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 { 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";
 import "react-dom";
 import "../TourGuideTooltip.es.js";
 import "recharts";
 import "../UploadInteraction.es.js";
-/* empty css           */
+import "../colors.es.js";
 import "../UpdatedInteractionRecording.es.js";
-import { T as ut, a as gt } from "../Timeline.es.js";
+import { a as ut, T as gt } from "../Timeline.es.js";
+import "../Tooltip.es.js";
 const Oe = "coaching-synthesis-keyframes";
 function ft() {
-  if (typeof document > "u" || document.getElementById(Oe)) return;
+  if (typeof document > "u" || document.getElementById(Oe))
+    return;
   const n = document.createElement("style");
   n.id = Oe, n.textContent = `
     @keyframes coaching-shimmer {
@@ -82,7 +84,8 @@ function ht({ data: n, loading: a, error: l }) {
       color: "var(--text-faint)",
       fontFamily: "var(--font-sans)"
     }, children: "Unable to generate coaching summary." });
-  if (!n) return null;
+  if (!n)
+    return null;
   const s = n.strengths || [], i = n.improvements || [], m = n.organizational || n.organizational_insights || [], b = typeof n.one_liner == "string" ? n.one_liner : ((C = n.one_liner) == null ? void 0 : C.text) || "", y = typeof n.context == "string" ? n.context : ((I = n.context) == null ? void 0 : I.text) || "";
   return /* @__PURE__ */ o("div", { style: {
     display: "flex",
@@ -243,7 +246,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 jt({ scores: n }) {
+function Nt({ 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: [
@@ -253,15 +256,15 @@ function jt({ scores: n }) {
   }) }) }) : null;
 }
 const je = {
-  outcome: { label: "Outcome", icon: /* @__PURE__ */ e(qe, { size: 12 }), color: "var(--rail-outcome)" },
-  process: { label: "Process & Protocol", icon: /* @__PURE__ */ e(ot, { size: 12 }), color: "var(--rail-discovery)" },
+  outcome: { label: "Outcome", icon: /* @__PURE__ */ e(Ve, { 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(rt, { size: 12 }), color: "var(--rail-teal)" }
+  experience: { label: "Experience", icon: /* @__PURE__ */ e(ot, { size: 12 }), color: "var(--rail-teal)" }
 }, mt = {
   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(Ve, { size: 10 }), color: "var(--rail-teal)" }
+  excellence: { icon: /* @__PURE__ */ e(qe, { size: 10 }), color: "var(--rail-teal)" }
 };
 function bt({
   signals: n,
@@ -274,7 +277,8 @@ function bt({
   borderRadius: y
 }) {
   var I;
-  if (!((I = n == null ? void 0 : n.signals) != null && I.length)) return null;
+  if (!((I = n == null ? void 0 : n.signals) != null && I.length))
+    return null;
   const C = oe(() => {
     const k = {};
     for (const g of n.signals) {
@@ -455,7 +459,7 @@ 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(Ve, { size: 10 }), color: "var(--rail-teal)" }
+  excellence: { icon: /* @__PURE__ */ e(qe, { size: 10 }), color: "var(--rail-teal)" }
 };
 function vt({
   guidance: n,
@@ -544,7 +548,7 @@ function vt({
 function St({ 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(qe, { size: 12 }),
+    /* @__PURE__ */ e(Ve, { size: 12 }),
     " ",
     /* @__PURE__ */ e("strong", { style: { color: "var(--text-base)" }, children: l.action || l.title || "" }),
     l.rationale && ` — ${l.rationale}`
@@ -596,9 +600,11 @@ function wt({
   onTurnPlayPause: y
 }) {
   var k;
-  if (!((k = n == null ? void 0 : n.messages) != null && k.length)) return null;
+  if (!((k = n == null ? void 0 : n.messages) != null && k.length))
+    return null;
   const C = (g, S) => {
-    if (g == null) return;
+    if (g == null)
+      return;
     const u = (L) => {
       const D = Math.floor(L / 6e4), _ = Math.floor(L % 6e4 / 1e3);
       return `${D.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
@@ -646,11 +652,13 @@ const Le = {
   cursor: "pointer",
   fontFamily: "inherit"
 }, Qe = (n) => {
-  if (!n) return null;
+  if (!n)
+    return null;
   const a = String(n).toLowerCase();
   return a === "supervisor" ? "var(--rail-compliance)" : a === "admin" || a === "administrator" ? "var(--rail-discovery)" : a === "agent" ? "var(--rail-outcome)" : null;
 }, Ke = (n) => {
-  if (!n) return [];
+  if (!n)
+    return [];
   const a = [
     n.messages,
     n.comments,
@@ -685,11 +693,14 @@ const Le = {
     );
   }), s;
 }, Ct = (n) => {
-  if (!n) return "";
-  if (!/^\d{4}-\d{2}-\d{2}T/.test(n)) return n;
+  if (!n)
+    return "";
+  if (!/^\d{4}-\d{2}-\d{2}T/.test(n))
+    return n;
   try {
     const a = new Date(n);
-    if (Number.isNaN(a.getTime())) return n;
+    if (Number.isNaN(a.getTime()))
+      return n;
     const l = /* @__PURE__ */ new Date(), s = a.getFullYear() === l.getFullYear() && a.getMonth() === l.getMonth() && a.getDate() === l.getDate(), i = new Date(l);
     i.setDate(i.getDate() - 1);
     const m = a.getFullYear() === i.getFullYear() && a.getMonth() === i.getMonth() && a.getDate() === i.getDate(), b = a.toLocaleTimeString(void 0, {
@@ -754,7 +765,8 @@ function zt({
   ge(() => {
     i || s && _(s);
   }, [s, i]), ge(() => {
-    if (!i) return;
+    if (!i)
+      return;
     const t = Array.isArray(i.threads) ? i.threads : Array.isArray(i.items) ? i.items : [];
     if (t.length > 0) {
       const v = t.map((c, p) => {
@@ -785,7 +797,8 @@ function zt({
       )
     );
   }, [l]), ge(() => {
-    if (!ee.current || !D || D.length === 0) return;
+    if (!ee.current || !D || D.length === 0)
+      return;
     const t = ee.current.parentElement;
     t ? t.scrollTop = t.scrollHeight : ee.current.scrollIntoView({ behavior: "smooth", block: "end" });
   }, [D]);
@@ -810,7 +823,8 @@ function zt({
     ne(!1), se("");
   }, ve = async () => {
     const t = u.trim();
-    if (!t) return;
+    if (!t)
+      return;
     const f = t;
     x("");
     const v = `temp-${Date.now()}`, z = {
@@ -852,7 +866,8 @@ function zt({
     M(t.id), O(""), Y(null), Z(""), w(null), b == null || b(t);
   }, ke = async (t) => {
     const f = $.trim();
-    if (!f) return;
+    if (!f)
+      return;
     const v = `reply-${Date.now()}`, z = {
       id: v,
       author: ie,
@@ -899,7 +914,8 @@ function zt({
   }, Ce = (t) => {
     te(t), w(null);
   }, ze = async () => {
-    if (!le) return;
+    if (!le)
+      return;
     const t = le;
     te(null), _((f) => f.filter((v) => v.id !== t.id)), await (C == null ? void 0 : C(t));
   }, ue = (t, f = 0) => {
@@ -2656,11 +2672,13 @@ function Tt({
       actorColor: B ? "var(--rail-outcome)" : "var(--rail-discovery)"
     };
   })) || [], ne = oe(() => {
-    if (!w && F === 0) return -1;
+    if (!w && F === 0)
+      return -1;
     const r = H.messages || [], c = F * 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;
+      if (h != null && c >= h)
+        return p;
     }
     return -1;
   }, [F, w, H.messages]), X = (r) => {
@@ -2686,7 +2704,8 @@ function Tt({
   };
   ge(() => {
     const r = x.current;
-    if (!r) return;
+    if (!r)
+      return;
     const c = () => j(r.currentTime), p = () => K(!0), h = () => K(!1), B = () => K(!1);
     return r.addEventListener("timeupdate", c), r.addEventListener("play", p), r.addEventListener("pause", h), r.addEventListener("ended", B), () => {
       r.removeEventListener("timeupdate", c), r.removeEventListener("play", p), r.removeEventListener("pause", h), r.removeEventListener("ended", B);
@@ -2694,7 +2713,8 @@ function Tt({
   }, [a]);
   const U = (r, c) => {
     const p = x.current;
-    if (!p || r == null) return;
+    if (!p || r == null)
+      return;
     const h = r / 1e3;
     p.currentTime = h, j(h);
     const B = p.play();
@@ -2707,7 +2727,8 @@ function Tt({
     }
   }, ee = (r, c, p) => {
     const h = x.current;
-    if (!h || r == null) return;
+    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)) {
       h.pause();
@@ -2716,7 +2737,8 @@ function Tt({
     U(r, c), p != null && p.length && re(p);
   }, _e = (r, c) => {
     const h = (H.messages || [])[c], B = x.current;
-    if (!h || !B) return;
+    if (!h || !B)
+      return;
     const d = h.start ?? h.start_ms, W = h.end ?? h.end_ms;
     if (w && ne === c) {
       B.pause();
@@ -2734,7 +2756,8 @@ function Tt({
     });
   }, ye = ((z = A.call_purpose) == null ? void 0 : z.interaction_driver) || M.one_liner || "Interaction Detail", [xe, me] = T("signals"), ce = fe(null), [Re, De] = T(null);
   Ue(() => {
-    if (i || !ce.current) return;
+    if (i || !ce.current)
+      return;
     const r = () => {
       var h;
       const p = ((h = ce.current) == null ? void 0 : h.offsetHeight) || 0;
@@ -2939,10 +2962,10 @@ class It extends Ge.Component {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 }
-function Nt(n) {
+function Kt(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 }) });
 }
-function Kt({ pattern: n }) {
+function Yt({ 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.",
@@ -3443,23 +3466,23 @@ function Kt({ pattern: n }) {
 export {
   Xe as AgentLiftCard,
   ht as CoachingSynthesisCard,
-  qt as ConditionCard,
+  Vt as ConditionCard,
   Ye as EvidenceItem,
-  Kt as ExpandPatternComparison,
+  Yt as ExpandPatternComparison,
   xt as InteractionContext,
-  Nt as InteractionDetailPanel,
+  Kt as InteractionDetailPanel,
   vt as InteractionGuidance,
   St as InteractionNBA,
   kt as InteractionRecording,
-  jt as InteractionScores,
+  Nt as InteractionScores,
   bt as InteractionSignals,
   wt as InteractionTranscript,
-  Vt as ModelScoreCard,
-  Jt as ObservationCard,
-  Qt as ScoreDriverCard,
-  Zt as ScoreDriverCardVariant,
-  Xt as SignalCard,
-  Ut as SmallObservationCard,
-  en as SummarySection
+  Jt as ModelScoreCard,
+  Qt as ObservationCard,
+  Zt as ScoreDriverCard,
+  Xt as ScoreDriverCardVariant,
+  Ut as SignalCard,
+  en as SmallObservationCard,
+  tn as SummarySection
 };
 //# sourceMappingURL=interactionDetails.es.js.map