chordia-ui 3.3.6 → 3.3.7

package/dist/components/UpdatedInteractionDetails.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("react"),p=require("lucide-react"),M=require("../UpdatedInteractionRecording.cjs.js");require("../Timeline.cjs.js");const c={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)"},ne={effective:"Effective",strong:"Strong",needs_improvement:"Needs Improvement",mixed:"Mixed"},U="updated-coaching-synthesis-keyframes";function se(){if(typeof document>"u"||document.getElementById(U))return;const t=document.createElement("style");t.id=U,t.textContent=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),W=require("react"),h=require("lucide-react"),M=require("../UpdatedInteractionRecording.cjs.js");require("../Timeline.cjs.js");const c={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)"},ne={effective:"Effective",strong:"Strong",needs_improvement:"Needs Improvement",mixed:"Mixed"},U="updated-coaching-synthesis-keyframes";function se(){if(typeof document>"u"||document.getElementById(U))return;const t=document.createElement("style");t.id=U,t.textContent=`
     @keyframes updated-coaching-shimmer {
       0% { background-position: -200% 0; }
       100% { background-position: 200% 0; }
@@ -7,5 +7,5 @@
       0%, 100% { opacity: 0.4; }
       50% { opacity: 1; }
     }
-  `,document.head.appendChild(t)}function ie({overall:t}){const n=ne[t]||(t?t.replace(/_/g," "):"");return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexShrink:0},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.2},children:"Overall:"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(p.ThumbsUp,{size:14,color:c.strong,strokeWidth:1.5}),e.jsx("span",{style:{fontSize:13,fontWeight:600,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.2},children:n})]})]})}function oe({item:t}){const n=typeof t=="string"?t:(t==null?void 0:t.text)||"",i=typeof t=="object"?t==null?void 0:t.quote:null;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:14},children:[e.jsx("div",{style:{fontSize:14,fontWeight:600,color:c.itemText,fontFamily:"var(--font-sans)",lineHeight:1.5},children:n}),i&&e.jsxs("div",{style:{display:"flex",gap:10},children:[e.jsx("div",{style:{width:1,flexShrink:0,alignSelf:"stretch",background:c.quoteLine}}),e.jsxs("div",{style:{fontSize:14,fontWeight:400,color:c.quoteText,fontFamily:"var(--font-sans)",lineHeight:1.5},children:["“",i,"”"]})]})]})}function O({icon:t,label:n,items:i}){return!i||i.length===0?null:e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:16,borderRadius:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:9999,background:c.iconBg,flexShrink:0},children:t}),e.jsx("span",{style:{fontSize:16,fontWeight:600,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:"normal"},children:n})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:24},children:i.map((l,g)=>e.jsx(oe,{item:l},g))})]})}const L=({data:t,loading:n,error:i})=>{var y,j;if(C.useEffect(()=>{se()},[]),n)return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:c.accent,animation:"updated-coaching-pulse 1.5s ease-in-out infinite"}}),e.jsx("span",{style:{fontSize:14,color:c.muted,fontWeight:500},children:"Synthesizing coaching summary..."})]}),[180,260,220].map((x,v)=>e.jsx("div",{style:{height:10,width:x,maxWidth:"100%",borderRadius:4,background:`linear-gradient(90deg, ${c.absent} 25%, var(--shimmer-mid, #ECECEC) 50%, ${c.absent} 75%)`,backgroundSize:"200% 100%",animation:"updated-coaching-shimmer 1.8s ease-in-out infinite",animationDelay:`${v*.2}s`}},v))]});if(i)return e.jsx("div",{style:{fontSize:14,color:c.muted},children:"Unable to generate coaching summary."});if(!t)return null;const l=t.strengths||[],g=t.improvements||[],a=typeof t.one_liner=="string"?t.one_liner:((y=t.one_liner)==null?void 0:y.text)||"",h=typeof t.context=="string"?t.context:((j=t.context)==null?void 0:j.text)||"";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,background:"#FFF"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(p.ShieldCheck,{size:20,color:c.accent,strokeWidth:2}),e.jsx("span",{style:{fontSize:16,fontWeight:600,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.2,textTransform:"uppercase"},children:"Coaching Summary"})]}),a&&e.jsx("div",{style:{fontSize:14,fontWeight:500,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.5},children:a}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:16,justifyContent:"space-between"},children:[h&&e.jsx("div",{style:{fontSize:14,fontWeight:400,color:c.muted,fontFamily:"var(--font-sans)",lineHeight:1.5,flex:1},children:h}),t.overall&&e.jsx(ie,{overall:t.overall})]}),(l.length>0||g.length>0)&&e.jsxs("div",{style:{display:"flex",gap:24,paddingTop:24,borderTop:`1px solid ${c.absent}`},children:[e.jsx(O,{icon:e.jsx(p.TrendingUp,{size:14,color:c.strong,strokeWidth:1.5}),label:"Key Strengths",items:l}),e.jsx(O,{icon:e.jsx(p.Lightbulb,{size:14,color:c.strong,strokeWidth:1.5}),label:"Improvements",items:g})]})]})};function re(t){const n=Math.floor(t/60),i=Math.round(t%60);return`${n}:${i.toString().padStart(2,"0")}`}const le={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)"},q={display:"flex",flexDirection:"column",flex:"1 0 0",gap:12,minWidth:0},V=({meta:t={},callPurpose:n={},classification:i={},dimensions:l=[],outcomeQuality:g="Neutral",onMoreDetails:a})=>{const h=t.duration_seconds!=null?re(t.duration_seconds):null,y=t.message_count,j=n.interaction_driver,x=i.interaction_paradigm,v=[h!=null&&{label:"Duration",value:h},j!=null&&{label:"Driver",value:j},...l.filter((s,d)=>d%2===0).map(s=>({label:s.label||s.key,value:s.value})),{label:"Outcome Quality",value:g}].filter(Boolean),k=[y!=null&&{label:"Messages",value:y},x!=null&&{label:"Paradigm",value:x},...l.filter((s,d)=>d%2===1).map(s=>({label:s.label||s.key,value:s.value})),{label:"More Details",isLink:!0}].filter(Boolean),r=s=>s.isLink?e.jsxs("div",{onClick:a,style:{display:"flex",alignItems:"center",gap:6,padding:"8px 0 8px 0",cursor:"pointer",fontFamily:"var(--font-sans)"},children:[e.jsx(p.ExternalLink,{size:16,color:"#808183",strokeWidth:1.5}),e.jsx("span",{style:{color:"var(--Grey-Strong, #2E3236)",fontSize:13,fontWeight:400},children:s.label})]},s.label):e.jsxs("div",{style:le,children:[e.jsx("span",{style:{color:"var(--Grey-Strong, #2E3236)",whiteSpace:"nowrap",flexShrink:0},children:s.label}),e.jsx("span",{style:{color:"var(--Grey-Muted, #808183)",textAlign:"right"},children:s.value})]},s.label);return e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24,alignSelf:"stretch"},children:[e.jsx("div",{style:q,children:v.map(s=>r(s))}),e.jsx("div",{style:q,children:k.map(s=>r(s))})]})},o={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))"},m=1.2,N=3,Y=t=>t!=null?Math.round(t*100)+"%":"—",K=t=>{if(t==null)return"—";const n=(t*100).toFixed(1);return t>0?`+${n}pp`:`${n}pp`},X=({outcomeLift:t,driverLabels:n=[]})=>{var v;if(!t||t.lift==null)return null;const i=t.p_expected,l=t.p_full,g=t.lift_raw??(l!=null&&i!=null?l-i:null),a=t.lift,h=(v=t.interpretation)!=null&&v.lift_band?t.interpretation.lift_band.replace(/_/g," "):a>=0?"Positive":"Negative",y=h.charAt(0).toUpperCase()+h.slice(1),j=n.slice(0,N),x=n.length-N;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",padding:24,gap:24,borderRadius:8,border:`1px solid ${o.absent}`,background:o.cardBg,alignSelf:"stretch"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:32},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:24,alignSelf:"stretch"},children:[e.jsx("span",{style:{fontSize:15,fontWeight:600,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Agent Lift Analysis"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontFamily:"var(--font-sans)"},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.strong,lineHeight:m},children:"vs. Average Agent:"}),e.jsx("span",{style:{fontSize:14,fontWeight:600,color:o.strong,lineHeight:m},children:K(a)}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,paddingLeft:8,borderLeft:`1px solid ${o.absent}`},children:[e.jsx(p.ThumbsUp,{size:14,color:o.strong}),e.jsx("span",{style:{fontSize:13,fontWeight:600,color:o.strong,lineHeight:m},children:y})]})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",gap:24},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"center"},children:[e.jsx("span",{style:{fontSize:28,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:Y(i)}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Expected Outcome"}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:"Based on call type & difficulty"})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"center",paddingLeft:24,borderLeft:`1px solid ${o.absent}`},children:[e.jsx("span",{style:{fontSize:28,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:K(g)}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Agent Impact"}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:"Behavior-driven change"})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"center",paddingLeft:24,borderLeft:`1px solid ${o.absent}`},children:[e.jsx("span",{style:{fontSize:28,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:Y(l)}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:13,fontWeight:600,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Predicted Outcome"}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:"With agent behaviors"})]})]})]})]}),n.length>0&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4,alignSelf:"stretch"},children:[e.jsx("span",{style:{fontSize:12,fontWeight:600,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Key Drivers"}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:4},children:[j.map((k,r)=>e.jsx("div",{style:{display:"flex",padding:8,alignItems:"center",justifyContent:"center",borderRadius:4,border:`1px solid ${o.absent}`,background:o.white},children:e.jsx("span",{style:{fontSize:12,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:200},children:k})},r)),x>0&&e.jsx("div",{style:{display:"flex",padding:8,alignItems:"center",justifyContent:"center",borderRadius:4,border:`1px solid ${o.absent}`,background:o.white},children:e.jsxs("span",{style:{fontSize:12,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m,whiteSpace:"nowrap"},children:["+ ",x]})})]})]})]})},Q=({children:t,size:n=28,onClick:i,title:l})=>{const[g,a]=C.useState(!1);return e.jsx("div",{title:l,onClick:i,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),style:{display:"flex",alignItems:"center",justifyContent:"center",width:n,height:n,borderRadius:9999,background:g?"var(--surface-hover, #F3F7F7)":"transparent",cursor:"pointer",flexShrink:0,transition:"background 0.15s"},children:t})},B=({signals:t={signals:[],present_count:0,total_signals_evaluated:0},expandedSignals:n=new Set,toggleSignal:i=()=>{},playEvidence:l=()=>{},highlightTurns:g=()=>{},onShowInTranscript:a=()=>{},timelinePlaying:h=!1,currentTimeSeconds:y=0})=>{const j=(t==null?void 0:t.signals)??[],x=(t==null?void 0:t.present_count)??j.length,v=r=>{const s=Math.floor(r/6e4),d=Math.floor(r%6e4/1e3);return`${s.toString().padStart(2,"0")}:${d.toString().padStart(2,"0")}`},k=r=>h&&r.start_ms!=null&&y*1e3>=r.start_ms&&y*1e3<=(r.end_ms??r.start_ms+5e3);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",alignSelf:"stretch",width:"100%",gap:16},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,width:"100%"},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:34,height:34,borderRadius:9999,background:"var(--surface-hover, #F3F7F7)",flexShrink:0},children:e.jsx(p.FileSignal,{size:20,color:"#2E3236",strokeWidth:1.5})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",flex:1},children:[e.jsx("span",{style:{fontSize:15,fontWeight:500,color:"var(--Grey-Strong, #2E3236)"},children:"Signals"}),e.jsxs("span",{style:{fontSize:14,fontWeight:500,color:"var(--Grey-Strong, #2E3236)"},children:[x," Signals Detected"]})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignSelf:"stretch",background:"var(--Grey-White, #FFF)",gap:8},children:[j.length===0&&e.jsx("div",{style:{padding:"8px 0",fontSize:14,color:"var(--Grey-Muted, #808183)"},children:"No signals detected."}),j.map((r,s)=>{var I,W,z;const d=r.key??r.id??s,f=n.has(d),S=((I=r.observations)==null?void 0:I.length)??0;return e.jsxs("div",{id:`signal-${d}`,style:{display:"flex",flexDirection:"column",width:"100%",gap:8},children:[e.jsxs("button",{onClick:()=>i(d),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:[e.jsxs("span",{style:{flex:1,textAlign:"left",fontSize:14,fontWeight:600,color:"var(--text-dark, #0B0A0A)",lineHeight:1.71},children:[r.display_name||((W=r.key)==null?void 0:W.replace(/_/g," ")),S>0&&e.jsxs("span",{style:{fontWeight:600,color:"var(--text-dark, #0B0A0A)",marginLeft:6},children:["(",S,")"]})]}),f?e.jsx(p.ChevronUp,{size:20,color:"#767473"}):e.jsx(p.ChevronDown,{size:20,color:"#767473"})]}),f&&((z=r.observations)==null?void 0:z.length)>0&&e.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"stretch",gap:0},children:r.observations.map((w,A)=>{var E,H,G;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignSelf:"stretch",gap:8},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"8px 0",justifyContent:"space-between"},children:[e.jsx("span",{style:{flex:1,fontSize:14,fontWeight:400,color:"var(--text-subtle-warm, #767473)",lineHeight:1.5},children:w.reason||w.explanation}),((H=(E=w.evidence)==null?void 0:E[0])==null?void 0:H.start_ms)!=null&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexShrink:0},children:[e.jsx(Q,{size:28,title:"Show in transcript",onClick:_=>{_.stopPropagation(),a(w.evidence[0].start_ms)},children:e.jsx(p.ScrollText,{size:16,color:"#808183",strokeWidth:1.5})}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:"var(--Grey-Muted, #808183)",lineHeight:1.2,whiteSpace:"nowrap"},children:v(w.evidence[0].start_ms)})]})]}),(G=w.evidence)==null?void 0:G.map((_,R)=>_.text&&e.jsxs("div",{onClick:T=>{T.stopPropagation(),l(_)},onMouseEnter:()=>g(_.turn_ids??[]),onMouseLeave:()=>g([]),style:{display:"flex",alignItems:"center",gap:8,padding:"8px 0",cursor:"pointer"},children:[e.jsx(Q,{size:28,children:e.jsx(p.PlayCircle,{size:17,color:k(_)?"var(--rail-orange, #C98A5A)":"var(--Grey-Muted, #808183)",strokeWidth:1})}),e.jsxs("span",{style:{fontSize:13,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",lineHeight:1.2},children:["“",_.text,"”"]})]},R))]},w.key??A)})})]},d)})]})]})},b={strong:"var(--Grey-Strong, #2E3236)",muted:"var(--Grey-Muted, #808183)",absent:"var(--Grey-absent, #D9D9D9)",white:"var(--Grey-White, #FFF)",accent:"var(--rail-orange, #C98A5A)",track:"var(--rail-surface-2, #E3E1D7)",infoIcon:"var(--color-input-border, #ACACAD)"},ae=({score:t=4,maxScore:n=10})=>{const x=Math.min(Math.round(t/n*5),5),v=180/5,k=d=>{const f=d*Math.PI/180;return{x:121.5+85*Math.cos(f),y:123-85*Math.sin(f)}},r=(d,f)=>{const S=k(d),I=k(f),W=d-f>180?1:0;return`M ${S.x} ${S.y} A 85 85 0 ${W} 1 ${I.x} ${I.y}`},s=2;return e.jsx("svg",{width:243,height:130,viewBox:"0 0 243 130",fill:"none",children:Array.from({length:5},(d,f)=>{const S=180-f*v-(f>0?s/2:0),I=180-(f+1)*v+(f<5-1?s/2:0),W=f<x;return e.jsx("path",{d:r(S,I),stroke:W?b.strong:b.track,strokeWidth:30,strokeLinecap:"butt",fill:"none"},f)})})},de=({value:t=0,maxValue:n=5})=>e.jsx("div",{style:{display:"flex",gap:2},children:Array.from({length:n},(i,l)=>e.jsx("div",{style:{width:22,height:6,borderRadius:1,background:l<t?b.strong:b.track}},l))}),ce=({label:t,value:n=0,maxValue:i=5})=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,padding:8,alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{fontSize:12,fontWeight:400,color:b.strong,fontFamily:"var(--font-sans)",lineHeight:"normal"},children:t}),e.jsx(p.Info,{size:14,color:b.infoIcon,strokeWidth:1})]}),e.jsx(de,{value:n,maxValue:i})]}),J=({score:t=4,maxScore:n=10,description:i="Short description about this score and impact of interaction",scoreLabel:l="Predicted Objective",legends:g=[{label:"CSAT",value:3},{label:"Resolution",value:4},{label:"Process Adherence",value:5},{label:"Communication",value:3}]})=>{const a=t.toString().padStart(2,"0");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",padding:24,borderRadius:8,border:`1px solid ${b.absent}`,background:b.white,alignSelf:"stretch",gap:24},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:15,fontWeight:600,color:b.strong,fontFamily:"var(--font-sans)",lineHeight:1.2},children:"Compass Score"}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:b.muted,fontFamily:"var(--font-sans)",lineHeight:"normal"},children:i})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:48,flex:1},children:[e.jsxs("div",{style:{display:"flex",width:243,flexDirection:"column",alignItems:"center",gap:8,flexShrink:0},children:[e.jsx(ae,{score:t,maxScore:n}),e.jsxs("svg",{width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",style:{marginTop:-24},children:[e.jsx("circle",{cx:"17",cy:"17",r:"7.17",fill:b.accent}),e.jsx("circle",{cx:"17",cy:"17",r:"14",fill:"none",stroke:b.accent,strokeWidth:"3"}),e.jsx("path",{d:"M23.7 10.2 L30.4 0 L22.7 3",fill:b.accent})]}),e.jsx("div",{style:{fontSize:28,fontWeight:400,color:b.strong,fontFamily:"var(--font-sans)",lineHeight:1,textAlign:"center"},children:a}),e.jsx("div",{style:{fontSize:14,fontWeight:400,color:b.muted,fontFamily:"var(--font-sans)",lineHeight:"normal",textAlign:"center"},children:l})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:8,alignItems:"center",justifyContent:"center"},children:g.map((h,y)=>e.jsx(ce,{label:h.label,value:h.value},y))})]})]})},ge=[{key:"overview",label:"Overview"},{key:"coaching",label:"Coaching Summary"},{key:"signals",label:"Signals & Guidance"},{key:"comments",label:"Comments"}],fe=({title:t="Wheel Stud Replacement Enquiry",onBack:n,data:i,coachingData:l,audioUrl:g})=>{var $,P;const[a,h]=C.useState("overview"),[y,j]=C.useState(new Set),x=C.useRef(null),v=u=>{var F;const D=u/1e3;(F=x.current)!=null&&F.seekTo&&x.current.seekTo(D)},k=u=>{j(D=>{const F=new Set(D);return F.has(u)?F.delete(u):F.add(u),F})},r=(i==null?void 0:i.blocks)||[],s=u=>{var D;return((D=r.find(F=>F.block_id===u))==null?void 0:D.payload)||{}},d=s("interaction-metadata"),f=s("interaction-context"),S=s("interaction-signals"),I=s("interaction-outcome-lift"),W=f.call_purpose||{},z=f.classification||{},w={duration_seconds:156,message_count:25,...d},A={interaction_driver:"General Information",interaction_direction:"inbound",...W},E={interaction_paradigm:"Informational",...z},H={p_expected:.94,p_full:.83,lift_raw:-.11,lift:.043,interpretation:{lift_band:"positive"},...I},G=(($=I.driver_signal_keys)==null?void 0:$.map(u=>u.replace(/^sig\./,"").replace(/_/g," ")))||["customer needs fully addressed","call flow expectations set","Opening expectations set","Active listening demonstrated","Resolution confirmed"],_=l||{one_liner:"David provided the customer with information on wheel stud replacement and pricing, but did not secure an appointment.",context:"The customer was seeking information on wheel stud replacement for a 2013 Chevy Bolt and was unsure about doing the repair themselves.",strengths:[{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"},R=(P=S==null?void 0:S.signals)!=null&&P.length?S:{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."}]}]},T="David",Z=T.charAt(0),ee=d.evaluated_dt?new Date(d.evaluated_dt).toLocaleString():"3/29/2026, 8:30:00 AM",te=A.interaction_direction==="inbound"?"Inbound":"Outbound";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",width:"100%",background:"var(--Grey-White, #FFF)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"24px 24px 0"},children:[e.jsx("button",{onClick:n,style:{display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",cursor:"pointer",padding:0,flexShrink:0},children:e.jsx(p.ArrowLeft,{size:24,color:"var(--Grey-Strong, #2E3236)"})}),e.jsx("div",{style:{width:1,height:28,background:"var(--Base-absent, #D9D9D9)"}}),e.jsx("h1",{style:{color:"var(--Grey-Strong, #2E3236)",fontSize:24,fontStyle:"normal",fontWeight:400,lineHeight:"normal",margin:0},children:t})]}),e.jsx("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:ge.map(u=>e.jsx("button",{onClick:()=>h(u.key),style:{display:"flex",padding:16,alignItems:"center",gap:10,background:"none",border:"none",borderBottom:a===u.key?"3px solid var(--Grey-Strong, #2E3236)":"3px solid transparent",cursor:"pointer",fontSize:15,fontWeight:a===u.key?500:400,fontFamily:"var(--font-sans)",color:a===u.key?"var(--Grey-Strong, #2E3236)":"var(--Grey-Muted, #808183)",whiteSpace:"nowrap",transition:"border-color 0.2s ease, color 0.2s ease"},children:u.label},u.key))}),e.jsxs("div",{style:{padding:24,flex:1,overflowY:"auto"},children:[a==="overview"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"flex-end",alignItems:"flex-start",gap:24,alignSelf:"stretch"},children:[e.jsxs("div",{style:{display:"flex",height:40,alignItems:"center",gap:16,alignSelf:"stretch",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(p.ClipboardList,{size:24,color:"#D2833A"}),e.jsx("span",{style:{fontSize:14,fontWeight:600,fontFamily:"var(--font-sans)",color:"var(--Grey-Strong, #2E3236)",textTransform:"uppercase",letterSpacing:"0.5px"},children:"Overview"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx("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:Z}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",fontFamily:"var(--font-sans)"},children:T})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(p.CalendarDays,{size:16,color:"var(--Grey-Strong, #2E3236)"}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",fontFamily:"var(--font-sans)"},children:ee})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(p.PhoneIncoming,{size:16,color:"var(--Grey-Strong, #2E3236)"}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",fontFamily:"var(--font-sans)"},children:te})]})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24,alignSelf:"stretch"},children:[e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(J,{})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch",justifyContent:"flex-end",gap:24,flex:1,minWidth:0},children:[e.jsx(V,{meta:w,callPurpose:A,classification:E,outcomeQuality:"Neutral"}),e.jsx(X,{outcomeLift:H,driverLabels:G})]})]}),e.jsx(L,{data:_}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignSelf:"stretch"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(p.FileSignal,{size:24,color:"#C98A5A",strokeWidth:2}),e.jsx("span",{style:{fontSize:16,fontWeight:600,fontFamily:"var(--font-sans)",color:"var(--Grey-Strong, #2E3236)",lineHeight:1.2,textTransform:"uppercase"},children:"Signals & Recording"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24,alignSelf:"stretch",paddingTop:16,borderTop:"1px solid #D9D9D9"},children:[e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(B,{signals:R,expandedSignals:y,toggleSignal:k,onShowInTranscript:v})}),e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(M.UpdatedInteractionRecording,{ref:x,audioUrl:g,durationSeconds:w.duration_seconds,currentTimeSeconds:0})})]})]})]}),a==="coaching"&&e.jsx(L,{data:_}),a==="signals"&&e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:24},children:e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24},children:[e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(B,{signals:R,expandedSignals:y,toggleSignal:k,onShowInTranscript:v})}),e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(M.UpdatedInteractionRecording,{ref:x,audioUrl:g,durationSeconds:w.duration_seconds,currentTimeSeconds:0})})]})}),a==="comments"&&e.jsx("div",{style:{fontSize:14,color:"var(--Grey-Muted, #808183)",fontFamily:"var(--font-sans)"},children:"No comments yet."})]})]})};exports.UpdatedInteractionRecording=M.UpdatedInteractionRecording;exports.UpdatedCoachingSynthesisCard=L;exports.UpdatedCompassScore=J;exports.UpdatedInteractionContext=V;exports.UpdatedInteractionDetails=fe;exports.UpdatedInteractionScores=X;exports.UpdatedInteractionSignals=B;
+  `,document.head.appendChild(t)}function ie({overall:t}){const n=ne[t]||(t?t.replace(/_/g," "):"");return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexShrink:0},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.2},children:"Overall:"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(h.ThumbsUp,{size:14,color:c.strong,strokeWidth:1.5}),e.jsx("span",{style:{fontSize:13,fontWeight:600,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.2},children:n})]})]})}function oe({item:t}){const n=typeof t=="string"?t:(t==null?void 0:t.text)||"",i=typeof t=="object"?t==null?void 0:t.quote:null;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:14},children:[e.jsx("div",{style:{fontSize:14,fontWeight:600,color:c.itemText,fontFamily:"var(--font-sans)",lineHeight:1.5},children:n}),i&&e.jsxs("div",{style:{display:"flex",gap:10},children:[e.jsx("div",{style:{width:1,flexShrink:0,alignSelf:"stretch",background:c.quoteLine}}),e.jsxs("div",{style:{fontSize:14,fontWeight:400,color:c.quoteText,fontFamily:"var(--font-sans)",lineHeight:1.5},children:["“",i,"”"]})]})]})}function O({icon:t,label:n,items:i}){return!i||i.length===0?null:e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:16,borderRadius:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:9999,background:c.iconBg,flexShrink:0},children:t}),e.jsx("span",{style:{fontSize:16,fontWeight:600,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:"normal"},children:n})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:24},children:i.map((l,g)=>e.jsx(oe,{item:l},g))})]})}const L=({data:t,loading:n,error:i})=>{var p,y;if(W.useEffect(()=>{se()},[]),n)return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:c.accent,animation:"updated-coaching-pulse 1.5s ease-in-out infinite"}}),e.jsx("span",{style:{fontSize:14,color:c.muted,fontWeight:500},children:"Synthesizing coaching summary..."})]}),[180,260,220].map((x,b)=>e.jsx("div",{style:{height:10,width:x,maxWidth:"100%",borderRadius:4,background:`linear-gradient(90deg, ${c.absent} 25%, var(--shimmer-mid, #ECECEC) 50%, ${c.absent} 75%)`,backgroundSize:"200% 100%",animation:"updated-coaching-shimmer 1.8s ease-in-out infinite",animationDelay:`${b*.2}s`}},b))]});if(i)return e.jsx("div",{style:{fontSize:14,color:c.muted},children:"Unable to generate coaching summary."});if(!t)return null;const l=t.strengths||[],g=t.improvements||[],a=typeof t.one_liner=="string"?t.one_liner:((p=t.one_liner)==null?void 0:p.text)||"",v=typeof t.context=="string"?t.context:((y=t.context)==null?void 0:y.text)||"";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,background:"#FFF"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(h.ShieldCheck,{size:20,color:c.accent,strokeWidth:2}),e.jsx("span",{style:{fontSize:16,fontWeight:600,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.2,textTransform:"uppercase"},children:"Coaching Summary"})]}),a&&e.jsx("div",{style:{fontSize:14,fontWeight:500,color:c.strong,fontFamily:"var(--font-sans)",lineHeight:1.5},children:a}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:16,justifyContent:"space-between"},children:[v&&e.jsx("div",{style:{fontSize:14,fontWeight:400,color:c.muted,fontFamily:"var(--font-sans)",lineHeight:1.5,flex:1},children:v}),t.overall&&e.jsx(ie,{overall:t.overall})]}),(l.length>0||g.length>0)&&e.jsxs("div",{style:{display:"flex",gap:24,paddingTop:24,borderTop:`1px solid ${c.absent}`},children:[e.jsx(O,{icon:e.jsx(h.TrendingUp,{size:14,color:c.strong,strokeWidth:1.5}),label:"Key Strengths",items:l}),e.jsx(O,{icon:e.jsx(h.Lightbulb,{size:14,color:c.strong,strokeWidth:1.5}),label:"Improvements",items:g})]})]})};function re(t){const n=Math.floor(t/60),i=Math.round(t%60);return`${n}:${i.toString().padStart(2,"0")}`}const le={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)"},q={display:"flex",flexDirection:"column",flex:"1 0 0",gap:12,minWidth:0},V=({meta:t={},callPurpose:n={},classification:i={},dimensions:l=[],outcomeQuality:g="Neutral",onMoreDetails:a})=>{const v=t.duration_seconds!=null?re(t.duration_seconds):null,p=t.message_count,y=n.interaction_driver,x=i.interaction_paradigm,b=[v!=null&&{label:"Duration",value:v},y!=null&&{label:"Driver",value:y},...l.filter((s,d)=>d%2===0).map(s=>({label:s.label||s.key,value:s.value})),{label:"Outcome Quality",value:g}].filter(Boolean),k=[p!=null&&{label:"Messages",value:p},x!=null&&{label:"Paradigm",value:x},...l.filter((s,d)=>d%2===1).map(s=>({label:s.label||s.key,value:s.value})),{label:"More Details",isLink:!0}].filter(Boolean),r=s=>s.isLink?e.jsxs("div",{onClick:a,style:{display:"flex",alignItems:"center",gap:6,padding:"8px 0 8px 0",cursor:"pointer",fontFamily:"var(--font-sans)"},children:[e.jsx(h.ExternalLink,{size:16,color:"#808183",strokeWidth:1.5}),e.jsx("span",{style:{color:"var(--Grey-Strong, #2E3236)",fontSize:13,fontWeight:400},children:s.label})]},s.label):e.jsxs("div",{style:le,children:[e.jsx("span",{style:{color:"var(--Grey-Strong, #2E3236)",whiteSpace:"nowrap",flexShrink:0},children:s.label}),e.jsx("span",{style:{color:"var(--Grey-Muted, #808183)",textAlign:"right"},children:s.value})]},s.label);return e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24,alignSelf:"stretch"},children:[e.jsx("div",{style:q,children:b.map(s=>r(s))}),e.jsx("div",{style:q,children:k.map(s=>r(s))})]})},o={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))"},m=1.2,N=3,Y=t=>t!=null?Math.round(t*100)+"%":"—",K=t=>{if(t==null)return"—";const n=(t*100).toFixed(1);return t>0?`+${n}pp`:`${n}pp`},Z=({outcomeLift:t,driverLabels:n=[]})=>{var b;if(!t||t.lift==null)return null;const i=t.p_expected,l=t.p_full,g=t.lift_raw??(l!=null&&i!=null?l-i:null),a=t.lift,v=(b=t.interpretation)!=null&&b.lift_band?t.interpretation.lift_band.replace(/_/g," "):a>=0?"Positive":"Negative",p=v.charAt(0).toUpperCase()+v.slice(1),y=n.slice(0,N),x=n.length-N;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",padding:24,gap:24,borderRadius:8,border:`1px solid ${o.absent}`,background:o.cardBg,alignSelf:"stretch"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:32},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:24,alignSelf:"stretch"},children:[e.jsx("span",{style:{fontSize:15,fontWeight:600,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Agent Lift Analysis"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontFamily:"var(--font-sans)"},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.strong,lineHeight:m},children:"vs. Average Agent:"}),e.jsx("span",{style:{fontSize:14,fontWeight:600,color:o.strong,lineHeight:m},children:K(a)}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,paddingLeft:8,borderLeft:`1px solid ${o.absent}`},children:[e.jsx(h.ThumbsUp,{size:14,color:o.strong}),e.jsx("span",{style:{fontSize:13,fontWeight:600,color:o.strong,lineHeight:m},children:p})]})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",gap:24},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"center"},children:[e.jsx("span",{style:{fontSize:28,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:Y(i)}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Expected Outcome"}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:"Based on call type & difficulty"})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"center",paddingLeft:24,borderLeft:`1px solid ${o.absent}`},children:[e.jsx("span",{style:{fontSize:28,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:K(g)}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Agent Impact"}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:"Behavior-driven change"})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"center",paddingLeft:24,borderLeft:`1px solid ${o.absent}`},children:[e.jsx("span",{style:{fontSize:28,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:Y(l)}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:13,fontWeight:600,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Predicted Outcome"}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:o.muted,fontFamily:"var(--font-sans)",lineHeight:m},children:"With agent behaviors"})]})]})]})]}),n.length>0&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4,alignSelf:"stretch"},children:[e.jsx("span",{style:{fontSize:12,fontWeight:600,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m},children:"Key Drivers"}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:4},children:[y.map((k,r)=>e.jsx("div",{style:{display:"flex",padding:8,alignItems:"center",justifyContent:"center",borderRadius:4,border:`1px solid ${o.absent}`,background:o.white},children:e.jsx("span",{style:{fontSize:12,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:200},children:k})},r)),x>0&&e.jsx("div",{style:{display:"flex",padding:8,alignItems:"center",justifyContent:"center",borderRadius:4,border:`1px solid ${o.absent}`,background:o.white},children:e.jsxs("span",{style:{fontSize:12,fontWeight:400,color:o.strong,fontFamily:"var(--font-sans)",lineHeight:m,whiteSpace:"nowrap"},children:["+ ",x]})})]})]})]})},Q=({children:t,size:n=28,onClick:i,title:l})=>{const[g,a]=W.useState(!1);return e.jsx("div",{title:l,onClick:i,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),style:{display:"flex",alignItems:"center",justifyContent:"center",width:n,height:n,borderRadius:9999,background:g?"var(--surface-hover, #F3F7F7)":"transparent",cursor:"pointer",flexShrink:0,transition:"background 0.15s"},children:t})},B=({signals:t={signals:[],present_count:0,total_signals_evaluated:0},expandedSignals:n=new Set,toggleSignal:i=()=>{},playEvidence:l=()=>{},highlightTurns:g=()=>{},onShowInTranscript:a=()=>{},timelinePlaying:v=!1,currentTimeSeconds:p=0})=>{const y=(t==null?void 0:t.signals)??[],x=(t==null?void 0:t.present_count)??y.length,b=r=>{const s=Math.floor(r/6e4),d=Math.floor(r%6e4/1e3);return`${s.toString().padStart(2,"0")}:${d.toString().padStart(2,"0")}`},k=r=>v&&r.start_ms!=null&&p*1e3>=r.start_ms&&p*1e3<=(r.end_ms??r.start_ms+5e3);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",alignSelf:"stretch",width:"100%",gap:16},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,width:"100%"},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:34,height:34,borderRadius:9999,background:"var(--surface-hover, #F3F7F7)",flexShrink:0},children:e.jsx(h.FileSignal,{size:20,color:"#2E3236",strokeWidth:1.5})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",flex:1},children:[e.jsx("span",{style:{fontSize:15,fontWeight:500,color:"var(--Grey-Strong, #2E3236)"},children:"Signals"}),e.jsxs("span",{style:{fontSize:14,fontWeight:500,color:"var(--Grey-Strong, #2E3236)"},children:[x," Signals Detected"]})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignSelf:"stretch",background:"var(--Grey-White, #FFF)",gap:8},children:[y.length===0&&e.jsx("div",{style:{padding:"8px 0",fontSize:14,color:"var(--Grey-Muted, #808183)"},children:"No signals detected."}),y.map((r,s)=>{var C,F,z;const d=r.key??r.id??s,f=n.has(d),S=((C=r.observations)==null?void 0:C.length)??0;return e.jsxs("div",{id:`signal-${d}`,style:{display:"flex",flexDirection:"column",width:"100%",gap:8},children:[e.jsxs("button",{onClick:()=>i(d),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:[e.jsxs("span",{style:{flex:1,textAlign:"left",fontSize:14,fontWeight:600,color:"var(--text-dark, #0B0A0A)",lineHeight:1.71},children:[r.display_name||((F=r.key)==null?void 0:F.replace(/_/g," ")),S>0&&e.jsxs("span",{style:{fontWeight:600,color:"var(--text-dark, #0B0A0A)",marginLeft:6},children:["(",S,")"]})]}),f?e.jsx(h.ChevronUp,{size:20,color:"#767473"}):e.jsx(h.ChevronDown,{size:20,color:"#767473"})]}),f&&((z=r.observations)==null?void 0:z.length)>0&&e.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"stretch",gap:0},children:r.observations.map((w,A)=>{var E,H,R;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignSelf:"stretch",gap:8},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"8px 0",justifyContent:"space-between"},children:[e.jsx("span",{style:{flex:1,fontSize:14,fontWeight:400,color:"var(--text-subtle-warm, #767473)",lineHeight:1.5},children:w.reason||w.explanation}),((H=(E=w.evidence)==null?void 0:E[0])==null?void 0:H.start_ms)!=null&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexShrink:0},children:[e.jsx(Q,{size:28,title:"Show in transcript",onClick:I=>{I.stopPropagation(),a(w.evidence[0].start_ms)},children:e.jsx(h.ScrollText,{size:16,color:"#808183",strokeWidth:1.5})}),e.jsx("span",{style:{fontSize:13,fontWeight:400,color:"var(--Grey-Muted, #808183)",lineHeight:1.2,whiteSpace:"nowrap"},children:b(w.evidence[0].start_ms)})]})]}),(R=w.evidence)==null?void 0:R.map((I,G)=>I.text&&e.jsxs("div",{onClick:T=>{T.stopPropagation(),l(I)},onMouseEnter:()=>g(I.turn_ids??[]),onMouseLeave:()=>g([]),style:{display:"flex",alignItems:"center",gap:8,padding:"8px 0",cursor:"pointer"},children:[e.jsx(Q,{size:28,children:e.jsx(h.PlayCircle,{size:17,color:k(I)?"var(--rail-orange, #C98A5A)":"var(--Grey-Muted, #808183)",strokeWidth:1})}),e.jsxs("span",{style:{fontSize:13,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",lineHeight:1.2},children:["“",I.text,"”"]})]},G))]},w.key??A)})})]},d)})]})]})},j={strong:"var(--Grey-Strong, #2E3236)",muted:"var(--Grey-Muted, #808183)",absent:"var(--Grey-absent, #D9D9D9)",white:"var(--Grey-White, #FFF)",accent:"var(--rail-orange, #C98A5A)",track:"var(--rail-surface-2, #E3E1D7)",infoIcon:"var(--color-input-border, #ACACAD)"},ae=({score:t=4,maxScore:n=10})=>{const x=Math.min(Math.round(t/n*5),5),b=180/5,k=d=>{const f=d*Math.PI/180;return{x:121.5+85*Math.cos(f),y:123-85*Math.sin(f)}},r=(d,f)=>{const S=k(d),C=k(f),F=d-f>180?1:0;return`M ${S.x} ${S.y} A 85 85 0 ${F} 1 ${C.x} ${C.y}`},s=2;return e.jsx("svg",{width:243,height:130,viewBox:"0 0 243 130",fill:"none",children:Array.from({length:5},(d,f)=>{const S=180-f*b-(f>0?s/2:0),C=180-(f+1)*b+(f<5-1?s/2:0),F=f<x;return e.jsx("path",{d:r(S,C),stroke:F?j.strong:j.track,strokeWidth:30,strokeLinecap:"butt",fill:"none"},f)})})},de=({value:t=0,maxValue:n=5})=>e.jsx("div",{style:{display:"flex",gap:2},children:Array.from({length:n},(i,l)=>e.jsx("div",{style:{width:22,height:6,borderRadius:1,background:l<t?j.strong:j.track}},l))}),ce=({label:t,value:n=0,maxValue:i=5})=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,padding:8,alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{fontSize:12,fontWeight:400,color:j.strong,fontFamily:"var(--font-sans)",lineHeight:"normal"},children:t}),e.jsx(h.Info,{size:14,color:j.infoIcon,strokeWidth:1})]}),e.jsx(de,{value:n,maxValue:i})]}),X=({score:t=83,maxScore:n=100,predictedScore:i=4,predictedLabel:l="Predicted Objective",description:g="",legends:a=[{label:"CSAT",value:3},{label:"Resolution",value:4},{label:"Process Adherence",value:5},{label:"Communication",value:3}]})=>{const v=String(i).padStart(2,"0");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",padding:24,borderRadius:8,border:`1px solid ${j.absent}`,background:j.white,alignSelf:"stretch",gap:24},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("span",{style:{fontSize:15,fontWeight:600,color:j.strong,fontFamily:"var(--font-sans)",lineHeight:1.2},children:"Compass Score"}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:j.muted,fontFamily:"var(--font-sans)",lineHeight:"normal"},children:g})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:48,flex:1},children:[e.jsxs("div",{style:{display:"flex",width:243,flexDirection:"column",alignItems:"center",flexShrink:0},children:[e.jsx(ae,{score:t,maxScore:n}),e.jsxs("svg",{width:"34",height:"35",viewBox:"0 0 34 35",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginTop:-24},children:[e.jsx("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)"}),e.jsx("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)"})]}),e.jsx("div",{style:{fontSize:28,fontWeight:400,color:j.strong,fontFamily:"var(--font-sans)",lineHeight:1,textAlign:"center",marginTop:8},children:t})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,alignItems:"center",justifyContent:"center",flex:1},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[e.jsx("div",{style:{fontSize:28,fontWeight:400,color:j.strong,fontFamily:"var(--font-sans)",lineHeight:1,textAlign:"center"},children:v}),e.jsx("div",{style:{fontSize:14,fontWeight:400,color:j.muted,fontFamily:"var(--font-sans)",lineHeight:1.43,textAlign:"center"},children:l})]}),e.jsx("div",{style:{width:"100%",height:1,background:j.absent}}),a.map((p,y)=>e.jsx(ce,{label:p.label,value:p.value},y))]})]})]})},ge=[{key:"overview",label:"Overview"},{key:"coaching",label:"Coaching Summary"},{key:"signals",label:"Signals & Guidance"},{key:"comments",label:"Comments"}],fe=({title:t="Wheel Stud Replacement Enquiry",onBack:n,data:i,coachingData:l,audioUrl:g})=>{var $,P;const[a,v]=W.useState("overview"),[p,y]=W.useState(new Set),x=W.useRef(null),b=u=>{var _;const D=u/1e3;(_=x.current)!=null&&_.seekTo&&x.current.seekTo(D)},k=u=>{y(D=>{const _=new Set(D);return _.has(u)?_.delete(u):_.add(u),_})},r=(i==null?void 0:i.blocks)||[],s=u=>{var D;return((D=r.find(_=>_.block_id===u))==null?void 0:D.payload)||{}},d=s("interaction-metadata"),f=s("interaction-context"),S=s("interaction-signals"),C=s("interaction-outcome-lift"),F=f.call_purpose||{},z=f.classification||{},w={duration_seconds:156,message_count:25,...d},A={interaction_driver:"General Information",interaction_direction:"inbound",...F},E={interaction_paradigm:"Informational",...z},H={p_expected:.94,p_full:.83,lift_raw:-.11,lift:.043,interpretation:{lift_band:"positive"},...C},R=(($=C.driver_signal_keys)==null?void 0:$.map(u=>u.replace(/^sig\./,"").replace(/_/g," ")))||["customer needs fully addressed","call flow expectations set","Opening expectations set","Active listening demonstrated","Resolution confirmed"],I=l||{one_liner:"David provided the customer with information on wheel stud replacement and pricing, but did not secure an appointment.",context:"The customer was seeking information on wheel stud replacement for a 2013 Chevy Bolt and was unsure about doing the repair themselves.",strengths:[{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"},G=(P=S==null?void 0:S.signals)!=null&&P.length?S:{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."}]}]},T="David",J=T.charAt(0),ee=d.evaluated_dt?new Date(d.evaluated_dt).toLocaleString():"3/29/2026, 8:30:00 AM",te=A.interaction_direction==="inbound"?"Inbound":"Outbound";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",width:"100%",background:"var(--Grey-White, #FFF)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"24px 24px 0"},children:[e.jsx("button",{onClick:n,style:{display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",cursor:"pointer",padding:0,flexShrink:0},children:e.jsx(h.ArrowLeft,{size:24,color:"var(--Grey-Strong, #2E3236)"})}),e.jsx("div",{style:{width:1,height:28,background:"var(--Base-absent, #D9D9D9)"}}),e.jsx("h1",{style:{color:"var(--Grey-Strong, #2E3236)",fontSize:24,fontStyle:"normal",fontWeight:400,lineHeight:"normal",margin:0},children:t})]}),e.jsx("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:ge.map(u=>e.jsx("button",{onClick:()=>v(u.key),style:{display:"flex",padding:16,alignItems:"center",gap:10,background:"none",border:"none",borderBottom:a===u.key?"3px solid var(--Grey-Strong, #2E3236)":"3px solid transparent",cursor:"pointer",fontSize:15,fontWeight:a===u.key?500:400,fontFamily:"var(--font-sans)",color:a===u.key?"var(--Grey-Strong, #2E3236)":"var(--Grey-Muted, #808183)",whiteSpace:"nowrap",transition:"border-color 0.2s ease, color 0.2s ease"},children:u.label},u.key))}),e.jsxs("div",{style:{padding:24,flex:1,overflowY:"auto"},children:[a==="overview"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"flex-end",alignItems:"flex-start",gap:24,alignSelf:"stretch"},children:[e.jsxs("div",{style:{display:"flex",height:40,alignItems:"center",gap:16,alignSelf:"stretch",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(h.ClipboardList,{size:24,color:"#D2833A"}),e.jsx("span",{style:{fontSize:14,fontWeight:600,fontFamily:"var(--font-sans)",color:"var(--Grey-Strong, #2E3236)",textTransform:"uppercase",letterSpacing:"0.5px"},children:"Overview"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx("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:J}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",fontFamily:"var(--font-sans)"},children:T})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(h.CalendarDays,{size:16,color:"var(--Grey-Strong, #2E3236)"}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",fontFamily:"var(--font-sans)"},children:ee})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(h.PhoneIncoming,{size:16,color:"var(--Grey-Strong, #2E3236)"}),e.jsx("span",{style:{fontSize:14,fontWeight:400,color:"var(--Grey-Strong, #2E3236)",fontFamily:"var(--font-sans)"},children:te})]})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24,alignSelf:"stretch"},children:[e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(X,{})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch",justifyContent:"flex-end",gap:24,flex:1,minWidth:0},children:[e.jsx(V,{meta:w,callPurpose:A,classification:E,outcomeQuality:"Neutral"}),e.jsx(Z,{outcomeLift:H,driverLabels:R})]})]}),e.jsx(L,{data:I}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16,alignSelf:"stretch"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(h.FileSignal,{size:24,color:"#C98A5A",strokeWidth:2}),e.jsx("span",{style:{fontSize:16,fontWeight:600,fontFamily:"var(--font-sans)",color:"var(--Grey-Strong, #2E3236)",lineHeight:1.2,textTransform:"uppercase"},children:"Signals & Recording"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24,alignSelf:"stretch",paddingTop:16,borderTop:"1px solid #D9D9D9"},children:[e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(B,{signals:G,expandedSignals:p,toggleSignal:k,onShowInTranscript:b})}),e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(M.UpdatedInteractionRecording,{ref:x,audioUrl:g,durationSeconds:w.duration_seconds,currentTimeSeconds:0})})]})]})]}),a==="coaching"&&e.jsx(L,{data:I}),a==="signals"&&e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:24},children:e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:24},children:[e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(B,{signals:G,expandedSignals:p,toggleSignal:k,onShowInTranscript:b})}),e.jsx("div",{style:{flex:1,minWidth:0},children:e.jsx(M.UpdatedInteractionRecording,{ref:x,audioUrl:g,durationSeconds:w.duration_seconds,currentTimeSeconds:0})})]})}),a==="comments"&&e.jsx("div",{style:{fontSize:14,color:"var(--Grey-Muted, #808183)",fontFamily:"var(--font-sans)"},children:"No comments yet."})]})]})};exports.UpdatedInteractionRecording=M.UpdatedInteractionRecording;exports.UpdatedCoachingSynthesisCard=L;exports.UpdatedCompassScore=X;exports.UpdatedInteractionContext=V;exports.UpdatedInteractionDetails=fe;exports.UpdatedInteractionScores=Z;exports.UpdatedInteractionSignals=B;
 //# sourceMappingURL=UpdatedInteractionDetails.cjs.js.map