chordia-ui 3.3.8 → 3.3.9

package/dist/UpdatedInteractionDetails.es.js

@@ -1,1310 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import te, { useState as R, useRef as ne } from "react";
-import { ShieldCheck as ie, TrendingUp as oe, Lightbulb as le, ThumbsUp as V, ExternalLink as re, FileSignal as Z, ChevronUp as se, ChevronDown as ae, ScrollText as de, PlayCircle as ce, Info as ge, ArrowLeft as fe, ClipboardList as pe, CalendarDays as he, PhoneIncoming as ye } from "lucide-react";
-import { U as $ } from "./UpdatedInteractionRecording.es.js";
-const g = {
-  strong: "var(--Grey-Strong, #2E3236)",
-  muted: "var(--Grey-Muted, #808183)",
-  absent: "var(--Grey-absent, #D9D9D9)",
-  accent: "var(--rail-orange, #C98A5A)",
-  itemText: "var(--text-item, #3F3F3F)",
-  quoteLine: "var(--border-warm, #B2AEA8)",
-  quoteText: "var(--text-subtle-warm, #767473)",
-  iconBg: "var(--surface-hover, #F3F7F7)"
-}, ue = {
-  effective: "Effective",
-  strong: "Strong",
-  needs_improvement: "Needs Improvement",
-  mixed: "Mixed"
-}, j = "updated-coaching-synthesis-keyframes";
-function me() {
-  if (typeof document > "u" || document.getElementById(j)) return;
-  const t = document.createElement("style");
-  t.id = j, t.textContent = `
-    @keyframes updated-coaching-shimmer {
-      0% { background-position: -200% 0; }
-      100% { background-position: 200% 0; }
-    }
-    @keyframes updated-coaching-pulse {
-      0%, 100% { opacity: 0.4; }
-      50% { opacity: 1; }
-    }
-  `, document.head.appendChild(t);
-}
-function ve({ overall: t }) {
-  const i = ue[t] || (t ? t.replace(/_/g, " ") : "");
-  return /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    gap: 8,
-    flexShrink: 0
-  }, children: [
-    /* @__PURE__ */ e("span", { style: {
-      fontSize: 13,
-      fontWeight: 400,
-      color: g.strong,
-      fontFamily: "var(--font-sans)",
-      lineHeight: 1.2
-    }, children: "Overall:" }),
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      gap: 6
-    }, children: [
-      /* @__PURE__ */ e(V, { size: 14, color: g.strong, strokeWidth: 1.5 }),
-      /* @__PURE__ */ e("span", { style: {
-        fontSize: 13,
-        fontWeight: 600,
-        color: g.strong,
-        fontFamily: "var(--font-sans)",
-        lineHeight: 1.2
-      }, children: i })
-    ] })
-  ] });
-}
-function xe({ item: t }) {
-  const i = typeof t == "string" ? t : (t == null ? void 0 : t.text) || "", l = 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: g.itemText,
-      fontFamily: "var(--font-sans)",
-      lineHeight: 1.5
-    }, children: i }),
-    l && /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      gap: 10
-    }, children: [
-      /* @__PURE__ */ e("div", { style: {
-        width: 1,
-        flexShrink: 0,
-        alignSelf: "stretch",
-        background: g.quoteLine
-      } }),
-      /* @__PURE__ */ n("div", { style: {
-        fontSize: 14,
-        fontWeight: 400,
-        color: g.quoteText,
-        fontFamily: "var(--font-sans)",
-        lineHeight: 1.5
-      }, children: [
-        "“",
-        l,
-        "”"
-      ] })
-    ] })
-  ] });
-}
-function P({ icon: t, label: i, items: l }) {
-  return !l || l.length === 0 ? null : /* @__PURE__ */ n("div", { style: {
-    flex: 1,
-    display: "flex",
-    flexDirection: "column",
-    gap: 16,
-    borderRadius: 12
-  }, children: [
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      gap: 16
-    }, children: [
-      /* @__PURE__ */ e("div", { style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: 24,
-        height: 24,
-        borderRadius: 9999,
-        background: g.iconBg,
-        flexShrink: 0
-      }, children: t }),
-      /* @__PURE__ */ e("span", { style: {
-        fontSize: 16,
-        fontWeight: 600,
-        color: g.strong,
-        fontFamily: "var(--font-sans)",
-        lineHeight: "normal"
-      }, children: i })
-    ] }),
-    /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: l.map((a, f) => /* @__PURE__ */ e(xe, { item: a }, f)) })
-  ] });
-}
-const O = ({ data: t, loading: i, error: l }) => {
-  var h, y;
-  if (te.useEffect(() => {
-    me();
-  }, []), i)
-    return /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 12
-    }, children: [
-      /* @__PURE__ */ n("div", { style: {
-        display: "flex",
-        alignItems: "center",
-        gap: 8
-      }, children: [
-        /* @__PURE__ */ e("div", { style: {
-          width: 6,
-          height: 6,
-          borderRadius: "50%",
-          background: g.accent,
-          animation: "updated-coaching-pulse 1.5s ease-in-out infinite"
-        } }),
-        /* @__PURE__ */ e("span", { style: {
-          fontSize: 14,
-          color: g.muted,
-          fontWeight: 500
-        }, children: "Synthesizing coaching summary..." })
-      ] }),
-      [180, 260, 220].map((u, b) => /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            height: 10,
-            width: u,
-            maxWidth: "100%",
-            borderRadius: 4,
-            background: `linear-gradient(90deg, ${g.absent} 25%, var(--shimmer-mid, #ECECEC) 50%, ${g.absent} 75%)`,
-            backgroundSize: "200% 100%",
-            animation: "updated-coaching-shimmer 1.8s ease-in-out infinite",
-            animationDelay: `${b * 0.2}s`
-          }
-        },
-        b
-      ))
-    ] });
-  if (l)
-    return /* @__PURE__ */ e("div", { style: {
-      fontSize: 14,
-      color: g.muted
-    }, children: "Unable to generate coaching summary." });
-  if (!t) return null;
-  const a = t.strengths || [], f = t.improvements || [], d = typeof t.one_liner == "string" ? t.one_liner : ((h = t.one_liner) == null ? void 0 : h.text) || "", x = typeof t.context == "string" ? t.context : ((y = t.context) == null ? void 0 : y.text) || "";
-  return /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 16,
-    background: "#FFF"
-  }, children: [
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      gap: 8
-    }, children: [
-      /* @__PURE__ */ e(ie, { size: 20, color: g.accent, strokeWidth: 2 }),
-      /* @__PURE__ */ e("span", { style: {
-        fontSize: 16,
-        fontWeight: 600,
-        color: g.strong,
-        fontFamily: "var(--font-sans)",
-        lineHeight: 1.2,
-        textTransform: "uppercase"
-      }, children: "Coaching Summary" })
-    ] }),
-    d && /* @__PURE__ */ e("div", { style: {
-      fontSize: 14,
-      fontWeight: 500,
-      color: g.strong,
-      fontFamily: "var(--font-sans)",
-      lineHeight: 1.5
-    }, children: d }),
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      alignItems: "flex-start",
-      gap: 16,
-      justifyContent: "space-between"
-    }, children: [
-      x && /* @__PURE__ */ e("div", { style: {
-        fontSize: 14,
-        fontWeight: 400,
-        color: g.muted,
-        fontFamily: "var(--font-sans)",
-        lineHeight: 1.5,
-        flex: 1
-      }, children: x }),
-      t.overall && /* @__PURE__ */ e(ve, { overall: t.overall })
-    ] }),
-    (a.length > 0 || f.length > 0) && /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      gap: 24,
-      paddingTop: 24,
-      borderTop: `1px solid ${g.absent}`
-    }, children: [
-      /* @__PURE__ */ e(
-        P,
-        {
-          icon: /* @__PURE__ */ e(oe, { size: 14, color: g.strong, strokeWidth: 1.5 }),
-          label: "Key Strengths",
-          items: a
-        }
-      ),
-      /* @__PURE__ */ e(
-        P,
-        {
-          icon: /* @__PURE__ */ e(le, { size: 14, color: g.strong, strokeWidth: 1.5 }),
-          label: "Improvements",
-          items: f
-        }
-      )
-    ] })
-  ] });
-};
-function be(t) {
-  const i = Math.floor(t / 60), l = Math.round(t % 60);
-  return `${i}:${l.toString().padStart(2, "0")}`;
-}
-const Se = {
-  display: "flex",
-  justifyContent: "space-between",
-  padding: "8px 8px 12px 8px",
-  alignItems: "center",
-  gap: 24,
-  fontFamily: "var(--font-sans)",
-  fontSize: 13,
-  fontWeight: 400,
-  lineHeight: "normal",
-  borderBottom: "1px solid var(--Grey-absent, #D9D9D9)"
-}, U = {
-  display: "flex",
-  flexDirection: "column",
-  flex: "1 0 0",
-  gap: 12,
-  minWidth: 0
-}, ke = ({
-  meta: t = {},
-  callPurpose: i = {},
-  classification: l = {},
-  dimensions: a = [],
-  outcomeQuality: f = "Neutral",
-  onMoreDetails: d
-}) => {
-  const x = t.duration_seconds != null ? be(t.duration_seconds) : null, h = t.message_count, y = i.interaction_driver, u = l.interaction_paradigm, b = [
-    x != null && { label: "Duration", value: x },
-    y != null && { label: "Driver", value: y },
-    ...a.filter((o, c) => c % 2 === 0).map((o) => ({ label: o.label || o.key, value: o.value })),
-    { label: "Outcome Quality", value: f }
-  ].filter(Boolean), w = [
-    h != null && { label: "Messages", value: h },
-    u != null && { label: "Paradigm", value: u },
-    ...a.filter((o, c) => c % 2 === 1).map((o) => ({ label: o.label || o.key, value: o.value })),
-    { label: "More Details", isLink: !0 }
-  ].filter(Boolean), s = (o) => o.isLink ? /* @__PURE__ */ n(
-    "div",
-    {
-      onClick: d,
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: 6,
-        padding: "8px 0 8px 0",
-        cursor: "pointer",
-        fontFamily: "var(--font-sans)"
-      },
-      children: [
-        /* @__PURE__ */ e(re, { size: 16, color: "#808183", strokeWidth: 1.5 }),
-        /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Strong, #2E3236)", fontSize: 13, fontWeight: 400 }, children: o.label })
-      ]
-    },
-    o.label
-  ) : /* @__PURE__ */ n(
-    "div",
-    {
-      style: Se,
-      children: [
-        /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Strong, #2E3236)", whiteSpace: "nowrap", flexShrink: 0 }, children: o.label }),
-        /* @__PURE__ */ e("span", { style: { color: "var(--Grey-Muted, #808183)", textAlign: "right" }, children: o.value })
-      ]
-    },
-    o.label
-  );
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "flex-start",
-        gap: 24,
-        alignSelf: "stretch"
-      },
-      children: [
-        /* @__PURE__ */ e("div", { style: U, children: b.map((o) => s(o)) }),
-        /* @__PURE__ */ e("div", { style: U, children: w.map((o) => s(o)) })
-      ]
-    }
-  );
-}, r = {
-  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))"
-}, v = 1.2, q = 3, N = (t) => t != null ? Math.round(t * 100) + "%" : "—", Y = (t) => {
-  if (t == null) return "—";
-  const i = (t * 100).toFixed(1);
-  return t > 0 ? `+${i}pp` : `${i}pp`;
-}, we = ({ outcomeLift: t, driverLabels: i = [] }) => {
-  var b;
-  if (!t || t.lift == null) return null;
-  const l = t.p_expected, a = t.p_full, f = t.lift_raw ?? (a != null && l != null ? a - l : null), d = t.lift, x = (b = t.interpretation) != null && b.lift_band ? t.interpretation.lift_band.replace(/_/g, " ") : d >= 0 ? "Positive" : "Negative", h = x.charAt(0).toUpperCase() + x.slice(1), y = i.slice(0, q), u = i.length - q;
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        padding: 24,
-        gap: 24,
-        borderRadius: 8,
-        border: `1px solid ${r.absent}`,
-        background: r.cardBg,
-        alignSelf: "stretch"
-      },
-      children: [
-        /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 32 }, children: [
-          /* @__PURE__ */ n(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                gap: 24,
-                alignSelf: "stretch"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  "span",
-                  {
-                    style: {
-                      fontSize: 15,
-                      fontWeight: 600,
-                      color: r.strong,
-                      fontFamily: "var(--font-sans)",
-                      lineHeight: v
-                    },
-                    children: "Agent Lift Analysis"
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: 8,
-                      fontFamily: "var(--font-sans)"
-                    },
-                    children: [
-                      /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: r.strong, lineHeight: v }, children: "vs. Average Agent:" }),
-                      /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 600, color: r.strong, lineHeight: v }, children: Y(d) }),
-                      /* @__PURE__ */ n(
-                        "div",
-                        {
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: 6,
-                            paddingLeft: 8,
-                            borderLeft: `1px solid ${r.absent}`
-                          },
-                          children: [
-                            /* @__PURE__ */ e(V, { size: 14, color: r.strong }),
-                            /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: r.strong, lineHeight: v }, children: h })
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ n(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "flex-end",
-                gap: 24
-              },
-              children: [
-                /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 16, alignItems: "center" }, children: [
-                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: r.muted, fontFamily: "var(--font-sans)", lineHeight: v }, children: N(l) }),
-                  /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: r.strong, fontFamily: "var(--font-sans)", lineHeight: v }, children: "Expected Outcome" }),
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: r.muted, fontFamily: "var(--font-sans)", lineHeight: v }, children: "Based on call type & difficulty" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ n("div", { style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  gap: 16,
-                  alignItems: "center",
-                  paddingLeft: 24,
-                  borderLeft: `1px solid ${r.absent}`
-                }, children: [
-                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: r.muted, fontFamily: "var(--font-sans)", lineHeight: v }, children: Y(f) }),
-                  /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: r.strong, fontFamily: "var(--font-sans)", lineHeight: v }, children: "Agent Impact" }),
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: r.muted, fontFamily: "var(--font-sans)", lineHeight: v }, children: "Behavior-driven change" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ n("div", { style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  gap: 16,
-                  alignItems: "center",
-                  paddingLeft: 24,
-                  borderLeft: `1px solid ${r.absent}`
-                }, children: [
-                  /* @__PURE__ */ e("span", { style: { fontSize: 28, fontWeight: 400, color: r.strong, fontFamily: "var(--font-sans)", lineHeight: v }, children: N(a) }),
-                  /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: r.strong, fontFamily: "var(--font-sans)", lineHeight: v }, children: "Predicted Outcome" }),
-                    /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 400, color: r.muted, fontFamily: "var(--font-sans)", lineHeight: v }, children: "With agent behaviors" })
-                  ] })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        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: r.strong,
-                fontFamily: "var(--font-sans)",
-                lineHeight: v
-              },
-              children: "Key Drivers"
-            }
-          ),
-          /* @__PURE__ */ n("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: [
-            y.map((w, s) => /* @__PURE__ */ e(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  padding: 8,
-                  alignItems: "center",
-                  justifyContent: "center",
-                  borderRadius: 4,
-                  border: `1px solid ${r.absent}`,
-                  background: r.white
-                },
-                children: /* @__PURE__ */ e(
-                  "span",
-                  {
-                    style: {
-                      fontSize: 12,
-                      fontWeight: 400,
-                      color: r.strong,
-                      fontFamily: "var(--font-sans)",
-                      lineHeight: v,
-                      whiteSpace: "nowrap",
-                      overflow: "hidden",
-                      textOverflow: "ellipsis",
-                      maxWidth: 200
-                    },
-                    children: w
-                  }
-                )
-              },
-              s
-            )),
-            u > 0 && /* @__PURE__ */ e(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  padding: 8,
-                  alignItems: "center",
-                  justifyContent: "center",
-                  borderRadius: 4,
-                  border: `1px solid ${r.absent}`,
-                  background: r.white
-                },
-                children: /* @__PURE__ */ n(
-                  "span",
-                  {
-                    style: {
-                      fontSize: 12,
-                      fontWeight: 400,
-                      color: r.strong,
-                      fontFamily: "var(--font-sans)",
-                      lineHeight: v,
-                      whiteSpace: "nowrap"
-                    },
-                    children: [
-                      "+ ",
-                      u
-                    ]
-                  }
-                )
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}, K = ({ children: t, size: i = 28, onClick: l, title: a }) => {
-  const [f, d] = R(!1);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      title: a,
-      onClick: l,
-      onMouseEnter: () => d(!0),
-      onMouseLeave: () => d(!1),
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: i,
-        height: i,
-        borderRadius: 9999,
-        background: f ? "var(--surface-hover, #F3F7F7)" : "transparent",
-        cursor: "pointer",
-        flexShrink: 0,
-        transition: "background 0.15s"
-      },
-      children: t
-    }
-  );
-}, Q = ({
-  signals: t = { signals: [], present_count: 0, total_signals_evaluated: 0 },
-  expandedSignals: i = /* @__PURE__ */ new Set(),
-  toggleSignal: l = () => {
-  },
-  playEvidence: a = () => {
-  },
-  highlightTurns: f = () => {
-  },
-  onShowInTranscript: d = () => {
-  },
-  timelinePlaying: x = !1,
-  currentTimeSeconds: h = 0
-}) => {
-  const y = (t == null ? void 0 : t.signals) ?? [], u = (t == null ? void 0 : t.present_count) ?? y.length, b = (s) => {
-    const o = Math.floor(s / 6e4), c = Math.floor(s % 6e4 / 1e3);
-    return `${o.toString().padStart(2, "0")}:${c.toString().padStart(2, "0")}`;
-  }, w = (s) => x && s.start_ms != null && h * 1e3 >= s.start_ms && h * 1e3 <= (s.end_ms ?? s.start_ms + 5e3);
-  return /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    alignSelf: "stretch",
-    width: "100%",
-    gap: 16
-  }, children: [
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      gap: 16,
-      width: "100%"
-    }, children: [
-      /* @__PURE__ */ e("div", { style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: 34,
-        height: 34,
-        borderRadius: 9999,
-        background: "var(--surface-hover, #F3F7F7)",
-        flexShrink: 0
-      }, children: /* @__PURE__ */ e(Z, { size: 20, color: "#2E3236", strokeWidth: 1.5 }) }),
-      /* @__PURE__ */ n("div", { style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        flex: 1
-      }, children: [
-        /* @__PURE__ */ e("span", { style: {
-          fontSize: 15,
-          fontWeight: 500,
-          color: "var(--Grey-Strong, #2E3236)"
-        }, children: "Signals" }),
-        /* @__PURE__ */ n("span", { style: {
-          fontSize: 14,
-          fontWeight: 500,
-          color: "var(--Grey-Strong, #2E3236)"
-        }, children: [
-          u,
-          " Signals Detected"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      flexDirection: "column",
-      alignSelf: "stretch",
-      background: "var(--Grey-White, #FFF)",
-      gap: 8
-    }, children: [
-      y.length === 0 && /* @__PURE__ */ e("div", { style: {
-        padding: "8px 0",
-        fontSize: 14,
-        color: "var(--Grey-Muted, #808183)"
-      }, children: "No signals detected." }),
-      y.map((s, o) => {
-        var _, W, z;
-        const c = s.key ?? s.id ?? o, p = i.has(c), k = ((_ = s.observations) == null ? void 0 : _.length) ?? 0;
-        return /* @__PURE__ */ n(
-          "div",
-          {
-            id: `signal-${c}`,
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              width: "100%",
-              gap: 8
-            },
-            children: [
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  onClick: () => l(c),
-                  style: {
-                    display: "flex",
-                    padding: "8px 0",
-                    alignItems: "center",
-                    gap: 12,
-                    alignSelf: "stretch",
-                    width: "100%",
-                    background: "none",
-                    border: "none",
-                    borderBottom: "1px solid var(--Grey-absent, #D9D9D9)",
-                    cursor: "pointer"
-                  },
-                  children: [
-                    /* @__PURE__ */ n("span", { style: {
-                      flex: 1,
-                      textAlign: "left",
-                      fontSize: 14,
-                      fontWeight: 600,
-                      color: "var(--text-dark, #0B0A0A)",
-                      lineHeight: 1.71
-                    }, children: [
-                      s.display_name || ((W = s.key) == null ? void 0 : W.replace(/_/g, " ")),
-                      k > 0 && /* @__PURE__ */ n("span", { style: {
-                        fontWeight: 600,
-                        color: "var(--text-dark, #0B0A0A)",
-                        marginLeft: 6
-                      }, children: [
-                        "(",
-                        k,
-                        ")"
-                      ] })
-                    ] }),
-                    p ? /* @__PURE__ */ e(se, { size: 20, color: "#767473" }) : /* @__PURE__ */ e(ae, { size: 20, color: "#767473" })
-                  ]
-                }
-              ),
-              p && ((z = s.observations) == null ? void 0 : z.length) > 0 && /* @__PURE__ */ e("div", { style: {
-                display: "flex",
-                flexDirection: "column",
-                alignSelf: "stretch",
-                gap: 0
-              }, children: s.observations.map((C, A) => {
-                var E, H, G;
-                return /* @__PURE__ */ n(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignSelf: "stretch",
-                      gap: 8
-                    },
-                    children: [
-                      /* @__PURE__ */ n("div", { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 12,
-                        padding: "8px 0",
-                        justifyContent: "space-between"
-                      }, children: [
-                        /* @__PURE__ */ e("span", { style: {
-                          flex: 1,
-                          fontSize: 14,
-                          fontWeight: 400,
-                          color: "var(--text-subtle-warm, #767473)",
-                          lineHeight: 1.5
-                        }, children: C.reason || C.explanation }),
-                        ((H = (E = C.evidence) == null ? void 0 : E[0]) == null ? void 0 : H.start_ms) != null && /* @__PURE__ */ n(
-                          "div",
-                          {
-                            style: {
-                              display: "flex",
-                              alignItems: "center",
-                              gap: 8,
-                              flexShrink: 0
-                            },
-                            children: [
-                              /* @__PURE__ */ e(
-                                K,
-                                {
-                                  size: 28,
-                                  title: "Show in transcript",
-                                  onClick: (I) => {
-                                    I.stopPropagation(), d(C.evidence[0].start_ms);
-                                  },
-                                  children: /* @__PURE__ */ e(de, { size: 16, color: "#808183", strokeWidth: 1.5 })
-                                }
-                              ),
-                              /* @__PURE__ */ e("span", { style: {
-                                fontSize: 13,
-                                fontWeight: 400,
-                                color: "var(--Grey-Muted, #808183)",
-                                lineHeight: 1.2,
-                                whiteSpace: "nowrap"
-                              }, children: b(C.evidence[0].start_ms) })
-                            ]
-                          }
-                        )
-                      ] }),
-                      (G = C.evidence) == null ? void 0 : G.map((I, T) => I.text && /* @__PURE__ */ n(
-                        "div",
-                        {
-                          onClick: (M) => {
-                            M.stopPropagation(), a(I);
-                          },
-                          onMouseEnter: () => f(I.turn_ids ?? []),
-                          onMouseLeave: () => f([]),
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: 8,
-                            padding: "8px 0",
-                            cursor: "pointer"
-                          },
-                          children: [
-                            /* @__PURE__ */ e(K, { size: 28, children: /* @__PURE__ */ e(
-                              ce,
-                              {
-                                size: 17,
-                                color: w(I) ? "var(--rail-orange, #C98A5A)" : "var(--Grey-Muted, #808183)",
-                                strokeWidth: 1
-                              }
-                            ) }),
-                            /* @__PURE__ */ n("span", { style: {
-                              fontSize: 13,
-                              fontWeight: 400,
-                              color: "var(--Grey-Strong, #2E3236)",
-                              lineHeight: 1.2
-                            }, children: [
-                              "“",
-                              I.text,
-                              "”"
-                            ] })
-                          ]
-                        },
-                        T
-                      ))
-                    ]
-                  },
-                  C.key ?? A
-                );
-              }) })
-            ]
-          },
-          c
-        );
-      })
-    ] })
-  ] });
-}, S = {
-  strong: "var(--Grey-Strong, #2E3236)",
-  muted: "var(--Grey-Muted, #808183)",
-  absent: "var(--Grey-absent, #D9D9D9)",
-  white: "var(--Grey-White, #FFF)",
-  track: "var(--rail-surface-2, #E3E1D7)",
-  infoIcon: "var(--color-input-border, #ACACAD)"
-}, Ce = ({ score: t = 4, maxScore: i = 10 }) => {
-  const u = Math.min(Math.round(t / i * 5), 5), b = 180 / 5, w = (c) => {
-    const p = c * Math.PI / 180;
-    return {
-      x: 121.5 + 85 * Math.cos(p),
-      y: 123 - 85 * Math.sin(p)
-    };
-  }, s = (c, p) => {
-    const k = w(c), _ = w(p), W = c - p > 180 ? 1 : 0;
-    return `M ${k.x} ${k.y} A 85 85 0 ${W} 1 ${_.x} ${_.y}`;
-  }, o = 2;
-  return /* @__PURE__ */ e("svg", { width: 243, height: 130, viewBox: "0 0 243 130", fill: "none", children: Array.from({ length: 5 }, (c, p) => {
-    const k = 180 - p * b - (p > 0 ? o / 2 : 0), _ = 180 - (p + 1) * b + (p < 4 ? o / 2 : 0), W = p < u;
-    return /* @__PURE__ */ e(
-      "path",
-      {
-        d: s(k, _),
-        stroke: W ? S.strong : S.track,
-        strokeWidth: 30,
-        strokeLinecap: "butt",
-        fill: "none"
-      },
-      p
-    );
-  }) });
-}, _e = ({ value: t = 0, maxValue: i = 5 }) => /* @__PURE__ */ e("div", { style: { display: "flex", gap: 2 }, children: Array.from({ length: i }, (l, a) => /* @__PURE__ */ e(
-  "div",
-  {
-    style: {
-      width: 22,
-      height: 6,
-      borderRadius: 1,
-      background: a < t ? S.strong : S.track
-    }
-  },
-  a
-)) }), Ie = ({ label: t, value: i = 0, maxValue: l = 5 }) => /* @__PURE__ */ n("div", { style: {
-  display: "flex",
-  flexDirection: "column",
-  gap: 8,
-  padding: 8,
-  alignItems: "center"
-}, children: [
-  /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    gap: 8
-  }, children: [
-    /* @__PURE__ */ e("span", { style: {
-      fontSize: 12,
-      fontWeight: 400,
-      color: S.strong,
-      fontFamily: "var(--font-sans)",
-      lineHeight: "normal"
-    }, children: t }),
-    /* @__PURE__ */ e(ge, { size: 14, color: S.infoIcon, strokeWidth: 1 })
-  ] }),
-  /* @__PURE__ */ e(_e, { value: i, maxValue: l })
-] }), Fe = ({
-  score: t = 83,
-  maxScore: i = 100,
-  predictedScore: l = 4,
-  predictedLabel: a = "Predicted Objective",
-  description: f = "",
-  legends: d = [
-    { label: "CSAT", value: 3 },
-    { label: "Resolution", value: 4 },
-    { label: "Process Adherence", value: 5 },
-    { label: "Communication", value: 3 }
-  ]
-}) => {
-  const x = String(l).padStart(2, "0");
-  return /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    flexDirection: "column",
-    padding: 24,
-    borderRadius: 8,
-    border: `1px solid ${S.absent}`,
-    background: S.white,
-    alignSelf: "stretch",
-    gap: 24
-  }, children: [
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 8
-    }, children: [
-      /* @__PURE__ */ e("span", { style: {
-        fontSize: 15,
-        fontWeight: 600,
-        color: S.strong,
-        fontFamily: "var(--font-sans)",
-        lineHeight: 1.2
-      }, children: "Compass Score" }),
-      /* @__PURE__ */ e("span", { style: {
-        fontSize: 14,
-        fontWeight: 400,
-        color: S.muted,
-        fontFamily: "var(--font-sans)",
-        lineHeight: "normal"
-      }, children: f })
-    ] }),
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: 48,
-      flex: 1
-    }, children: [
-      /* @__PURE__ */ n("div", { style: {
-        display: "flex",
-        width: 243,
-        flexDirection: "column",
-        alignItems: "center",
-        flexShrink: 0
-      }, children: [
-        /* @__PURE__ */ e(Ce, { score: t, maxScore: i }),
-        /* @__PURE__ */ n("svg", { width: "34", height: "35", viewBox: "0 0 34 35", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { marginTop: -24 }, 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: S.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: S.strong,
-            fontFamily: "var(--font-sans)",
-            lineHeight: 1,
-            textAlign: "center"
-          }, children: x }),
-          /* @__PURE__ */ e("div", { style: {
-            fontSize: 14,
-            fontWeight: 400,
-            color: S.muted,
-            fontFamily: "var(--font-sans)",
-            lineHeight: 1.43,
-            textAlign: "center"
-          }, children: a })
-        ] }),
-        /* @__PURE__ */ e("div", { style: {
-          width: "100%",
-          height: 1,
-          background: S.absent
-        } }),
-        d.map((h, y) => /* @__PURE__ */ e(
-          Ie,
-          {
-            label: h.label,
-            value: h.value
-          },
-          y
-        ))
-      ] })
-    ] })
-  ] });
-}, We = [
-  { key: "overview", label: "Overview" },
-  { key: "coaching", label: "Coaching Summary" },
-  { key: "signals", label: "Signals & Guidance" },
-  { key: "comments", label: "Comments" }
-], He = ({
-  title: t = "Wheel Stud Replacement Enquiry",
-  onBack: i,
-  // Data props — all optional with defaults for demo
-  data: l,
-  coachingData: a,
-  audioUrl: f
-}) => {
-  var L, B;
-  const [d, x] = R("overview"), [h, y] = R(/* @__PURE__ */ new Set()), u = ne(null), b = (m) => {
-    var F;
-    const D = m / 1e3;
-    (F = u.current) != null && F.seekTo && u.current.seekTo(D);
-  }, w = (m) => {
-    y((D) => {
-      const F = new Set(D);
-      return F.has(m) ? F.delete(m) : F.add(m), F;
-    });
-  }, s = (l == null ? void 0 : l.blocks) || [], o = (m) => {
-    var D;
-    return ((D = s.find((F) => F.block_id === m)) == null ? void 0 : D.payload) || {};
-  }, c = o("interaction-metadata"), p = o("interaction-context"), k = o("interaction-signals"), _ = o("interaction-outcome-lift"), W = p.call_purpose || {}, z = p.classification || {}, C = { duration_seconds: 156, message_count: 25, ...c }, A = { interaction_driver: "General Information", interaction_direction: "inbound", ...W }, E = { interaction_paradigm: "Informational", ...z }, H = { p_expected: 0.94, p_full: 0.83, lift_raw: -0.11, lift: 0.043, interpretation: { lift_band: "positive" }, ..._ }, G = ((L = _.driver_signal_keys) == null ? void 0 : L.map((m) => m.replace(/^sig\./, "").replace(/_/g, " "))) || [
-    "customer needs fully addressed",
-    "call flow expectations set",
-    "Opening expectations set",
-    "Active listening demonstrated",
-    "Resolution confirmed"
-  ], I = a || {
-    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: [
-      { text: "Anthony effectively scheduled the appointment and confirmed the details clearly.", quote: "Alright. That is all set up for Saturday, the twenty eighth, at 12:00." },
-      { text: "Handled customer objections well by explaining the need for a separate appointment for alignment.", quote: "I don't have the alignment changeover the weekend. So I would have to set up a separate appointment for the alignment." },
-      { text: "Demonstrated courtesy and professionalism throughout the call.", quote: "Have a great day." }
-    ],
-    improvements: [
-      { text: "Close the loop by restating the plan and confirming next steps to ensure customer certainty.", quote: "Alright. That is all set up for Saturday, the twenty eighth, at 12:00." },
-      { 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"
-  }, T = (B = k == null ? void 0 : k.signals) != null && B.length ? k : {
-    present_count: 9,
-    total_signals_evaluated: 146,
-    signals: [
-      {
-        key: "price_estimate_provided",
-        display_name: "Price Estimate Provided",
-        observations: [
-          { key: "obs1", reason: "Evidence shows a price estimate or quote was provided.", evidence: [
-            { start_ms: 92e3, end_ms: 97e3, text: "From Casper, you're probably looking at, like, a half hour labor plus a stud, so you'd probably be somewhere around $90 or something.", turn_ids: [8] }
-          ] }
-        ]
-      },
-      { key: "fee_or_cost_discussed", display_name: "Fee or Cost Discussed", observations: [{ key: "obs2", reason: "Agent discussed pricing details with the customer." }] },
-      { key: "engagement_budget", display_name: "Engagement Budget Discussed", observations: [{ key: "obs3a", reason: "Budget expectations were set." }, { key: "obs3b", reason: "Customer confirmed budget range." }] },
-      { key: "projected_revenue", display_name: "Projected Revenue Discussed", observations: [{ key: "obs4a", reason: "Revenue projection shared." }, { key: "obs4b", reason: "Timeline for revenue discussed." }, { key: "obs4c", reason: "Quarterly targets mentioned." }] },
-      { key: "market_analysis", display_name: "Market Analysis Completed", observations: [{ key: "obs5a", reason: "Market analysis referenced." }, { key: "obs5b", reason: "Competitive landscape discussed." }, { key: "obs5c", reason: "Market trends mentioned." }, { key: "obs5d", reason: "Regional analysis provided." }] },
-      { key: "target_audience", display_name: "Target Audience Defined", observations: [{ key: "obs6a", reason: "Target audience identified." }, { key: "obs6b", reason: "Demographics discussed." }, { key: "obs6c", reason: "Audience segmentation reviewed." }, { key: "obs6d", reason: "Persona mapping completed." }, { key: "obs6e", reason: "Channel preferences noted." }] },
-      { key: "concept_approval", display_name: "Concept Approval Received", observations: [{ key: "obs7a", reason: "Concept approved by stakeholder." }, { key: "obs7b", reason: "Feedback incorporated." }, { key: "obs7c", reason: "Sign-off confirmed." }, { key: "obs7d", reason: "Revisions requested." }, { key: "obs7e", reason: "Final version accepted." }, { key: "obs7f", reason: "Timeline approved." }] },
-      { 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." }] }
-    ]
-  }, M = "David", X = M.charAt(0), J = c.evaluated_dt ? new Date(c.evaluated_dt).toLocaleString() : "3/29/2026, 8:30:00 AM", ee = A.interaction_direction === "inbound" ? "Inbound" : "Outbound";
-  return /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", width: "100%", 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: i,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            background: "none",
-            border: "none",
-            cursor: "pointer",
-            padding: 0,
-            flexShrink: 0
-          },
-          children: /* @__PURE__ */ e(fe, { size: 24, color: "var(--Grey-Strong, #2E3236)" })
-        }
-      ),
-      /* @__PURE__ */ e("div", { style: { width: 1, height: 28, background: "var(--Base-absent, #D9D9D9)" } }),
-      /* @__PURE__ */ e("h1", { style: {
-        color: "var(--Grey-Strong, #2E3236)",
-        fontSize: 24,
-        fontStyle: "normal",
-        fontWeight: 400,
-        lineHeight: "normal",
-        margin: 0
-      }, children: t })
-    ] }),
-    /* @__PURE__ */ e("div", { style: {
-      display: "flex",
-      alignItems: "flex-start",
-      background: "var(--Grey-White, #FFF)",
-      borderBottom: "1px solid var(--Grey-Faint, #ACADAD)",
-      padding: "0 24px",
-      marginTop: 8
-    }, children: We.map((m) => /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => x(m.key),
-        style: {
-          display: "flex",
-          padding: 16,
-          alignItems: "center",
-          gap: 10,
-          background: "none",
-          border: "none",
-          borderBottom: d === m.key ? "3px solid var(--Grey-Strong, #2E3236)" : "3px solid transparent",
-          cursor: "pointer",
-          fontSize: 15,
-          fontWeight: d === m.key ? 500 : 400,
-          fontFamily: "var(--font-sans)",
-          color: d === m.key ? "var(--Grey-Strong, #2E3236)" : "var(--Grey-Muted, #808183)",
-          whiteSpace: "nowrap",
-          transition: "border-color 0.2s ease, color 0.2s ease"
-        },
-        children: m.label
-      },
-      m.key
-    )) }),
-    /* @__PURE__ */ n("div", { style: { padding: 24, flex: 1, overflowY: "auto" }, children: [
-      d === "overview" && /* @__PURE__ */ n("div", { style: {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "flex-end",
-        alignItems: "flex-start",
-        gap: 24,
-        alignSelf: "stretch"
-      }, children: [
-        /* @__PURE__ */ n("div", { style: {
-          display: "flex",
-          height: 40,
-          alignItems: "center",
-          gap: 16,
-          alignSelf: "stretch",
-          justifyContent: "space-between"
-        }, children: [
-          /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-            /* @__PURE__ */ e(pe, { size: 24, color: "#D2833A" }),
-            /* @__PURE__ */ e("span", { style: {
-              fontSize: 14,
-              fontWeight: 600,
-              fontFamily: "var(--font-sans)",
-              color: "var(--Grey-Strong, #2E3236)",
-              textTransform: "uppercase",
-              letterSpacing: "0.5px"
-            }, children: "Overview" })
-          ] }),
-          /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 16 }, children: [
-            /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-              /* @__PURE__ */ e("div", { style: {
-                width: 24,
-                height: 24,
-                borderRadius: "50%",
-                background: "var(--Grey-Strong, #2E3236)",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                fontSize: 12,
-                fontWeight: 600,
-                color: "var(--Grey-White, #FFF)",
-                fontFamily: "var(--font-sans)"
-              }, children: X }),
-              /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)" }, children: M })
-            ] }),
-            /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-              /* @__PURE__ */ e(he, { size: 16, color: "var(--Grey-Strong, #2E3236)" }),
-              /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)" }, children: J })
-            ] }),
-            /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-              /* @__PURE__ */ e(ye, { size: 16, color: "var(--Grey-Strong, #2E3236)" }),
-              /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 400, color: "var(--Grey-Strong, #2E3236)", fontFamily: "var(--font-sans)" }, children: ee })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ n("div", { style: {
-          display: "flex",
-          alignItems: "flex-start",
-          gap: 24,
-          alignSelf: "stretch"
-        }, children: [
-          /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(Fe, {}) }),
-          /* @__PURE__ */ n("div", { style: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "stretch",
-            justifyContent: "flex-end",
-            gap: 24,
-            flex: 1,
-            minWidth: 0
-          }, children: [
-            /* @__PURE__ */ e(
-              ke,
-              {
-                meta: C,
-                callPurpose: A,
-                classification: E,
-                outcomeQuality: "Neutral"
-              }
-            ),
-            /* @__PURE__ */ e(
-              we,
-              {
-                outcomeLift: H,
-                driverLabels: G
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ e(O, { data: I }),
-        /* @__PURE__ */ n("div", { style: {
-          display: "flex",
-          flexDirection: "column",
-          gap: 16,
-          alignSelf: "stretch"
-        }, children: [
-          /* @__PURE__ */ n("div", { style: {
-            display: "flex",
-            alignItems: "center",
-            gap: 8
-          }, children: [
-            /* @__PURE__ */ e(Z, { size: 24, color: "#C98A5A", strokeWidth: 2 }),
-            /* @__PURE__ */ e("span", { style: {
-              fontSize: 16,
-              fontWeight: 600,
-              fontFamily: "var(--font-sans)",
-              color: "var(--Grey-Strong, #2E3236)",
-              lineHeight: 1.2,
-              textTransform: "uppercase"
-            }, children: "Signals & Recording" })
-          ] }),
-          /* @__PURE__ */ n("div", { style: {
-            display: "flex",
-            alignItems: "flex-start",
-            gap: 24,
-            alignSelf: "stretch",
-            paddingTop: 16,
-            borderTop: "1px solid #D9D9D9"
-          }, children: [
-            /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(
-              Q,
-              {
-                signals: T,
-                expandedSignals: h,
-                toggleSignal: w,
-                onShowInTranscript: b
-              }
-            ) }),
-            /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(
-              $,
-              {
-                ref: u,
-                audioUrl: f,
-                durationSeconds: C.duration_seconds,
-                currentTimeSeconds: 0
-              }
-            ) })
-          ] })
-        ] })
-      ] }),
-      d === "coaching" && /* @__PURE__ */ e(O, { data: I }),
-      d === "signals" && /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: /* @__PURE__ */ n("div", { style: {
-        display: "flex",
-        alignItems: "flex-start",
-        gap: 24
-      }, children: [
-        /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(
-          Q,
-          {
-            signals: T,
-            expandedSignals: h,
-            toggleSignal: w,
-            onShowInTranscript: b
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e(
-          $,
-          {
-            ref: u,
-            audioUrl: f,
-            durationSeconds: C.duration_seconds,
-            currentTimeSeconds: 0
-          }
-        ) })
-      ] }) }),
-      d === "comments" && /* @__PURE__ */ e("div", { style: { fontSize: 14, color: "var(--Grey-Muted, #808183)", fontFamily: "var(--font-sans)" }, children: "No comments yet." })
-    ] })
-  ] });
-};
-export {
-  O as U,
-  Fe as a,
-  ke as b,
-  He as c,
-  we as d,
-  Q as e
-};
-//# sourceMappingURL=UpdatedInteractionDetails.es.js.map