https://www.interviewghost.ai/assets/Version2InterviewPage-BF5utI3h.js

1import{j as e,r as b}from"./react-vendor-CJf-GESP.js";import{u as L,a as A}from"./useHrjobs-C9Cl_stH.js";import{k as h,w as m,cM as T,cN as B,cO as $,X as O,cP as D,cQ as G,cR as W,cS as U,cT as E,cU as q,cV as Y,cW as F,cX as N,cY as y,cZ as J,c_ as K,c$ as X,d0 as Z,d1 as Q,d2 as ee,d3 as se,d4 as te}from"./index-hgRx0Oxa.js";import{R as ae}from"./refresh-cw-BEum5CTT.js";import{M as v}from"./message-square-BUMfMRs6.js";import{S as R}from"./send-CTX87SVz.js";import{M}from"./mic-kuHZcm60.js";import{M as S}from"./mic-off-DNf_sH1B.js";import{V as le}from"./video-DGBYvHiV.js";import{S as re}from"./screen-share-DSsGoJx8.js";import{F as _}from"./file-text-I1apH4ji.js";import{C as ie}from"./calendar-BYl4Agnq.js";import{B as ne}from"./briefcase-DhoknmvJ.js";import{U as H}from"./user-BVIvnMzP.js";import{U as oe}from"./users-CUuGLKSN.js";import{S as de}from"./star-ZTr6Cd0z.js";import{I as ce}from"./info-Bd-NxHRO.js";import{C as xe}from"./circle-check-big-M-9MoFq8.js";import{A as V}from"./arrow-right-Dap82dkO.js";import{C as me}from"./clock-CQBMbVNM.js";import{P as pe}from"./plus-DoGA9N-Q.js";import{A as he}from"./arrow-left-DMD1JGOc.js";import{R as be}from"./rotate-ccw-B3KyQgh5.js";import{L as fe}from"./lock-B6tOsQTv.js";import{S as I}from"./search-C2SdPnqJ.js";import{B as ge}from"./bookmark-BwixjdAv.js";import{L as ue}from"./list-im81ixP4.js";import{B as je}from"./badge-check-BzmbN2G0.js";import{H as ye}from"./heart-BZd0DqOa.js";import{S as Ne}from"./share-2-RnVtJ59-.js";const ve=[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]],we=h("bell",ve);const Fe=[["path",{d:"M12 8V4H8",key:"hb8ula"}],["rect",{width:"16",height:"12",x:"4",y:"8",rx:"2",key:"enze0r"}],["path",{d:"M2 14h2",key:"vft8re"}],["path",{d:"M20 14h2",key:"4cs60a"}],["path",{d:"M15 13v2",key:"1xurst"}],["path",{d:"M9 13v2",key:"rq6x2g"}]],z=h("bot",Fe);const ke=[["rect",{width:"18",height:"14",x:"3",y:"5",rx:"2",ry:"2",key:"12ruh7"}],["path",{d:"M7 15h4M15 15h2M7 11h2M13 11h4",key:"1ueiar"}]],P=h("captions",ke);const Ce=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]],_e=h("ellipsis",Ce);const ze=[["path",{d:"M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2",key:"1fvzgz"}],["path",{d:"M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2",key:"1kc0my"}],["path",{d:"M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8",key:"10h0bg"}],["path",{d:"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15",key:"1s1gnw"}]],Me=h("hand",ze);const Se=[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"r6nss1"}]],Ae=h("house",Se);const Ee=[["path",{d:"M10.1 13.9a14 14 0 0 0 3.732 2.668 1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2 18 18 0 0 1-12.728-5.272",key:"1wngk7"}],["path",{d:"M22 2 2 22",key:"y4kqgn"}],["path",{d:"M4.76 13.582A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 .244.473",key:"10hv5p"}]],Ie=h("phone-off",Ee);const Te=[["path",{d:"m2 9 3-3 3 3",key:"1ltn5i"}],["path",{d:"M13 18H7a2 2 0 0 1-2-2V6",key:"1r6tfw"}],["path",{d:"m22 15-3 3-3-3",key:"4rnwn2"}],["path",{d:"M11 6h6a2 2 0 0 1 2 2v10",key:"2f72bc"}]],Be=h("repeat-2",Te);const De=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M8 14s1.5 2 4 2 4-2 4-2",key:"1y1vjs"}],["line",{x1:"9",x2:"9.01",y1:"9",y2:"9",key:"yxxnd0"}],["line",{x1:"15",x2:"15.01",y1:"9",y2:"9",key:"1p4y9e"}]],Re=h("smile",De);const He=[["path",{d:"M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196",key:"w8jjjt"}],["path",{d:"M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2",key:"1xawa7"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]],Ve=h("video-off",He);function Pe({suggestions:s,generatingMore:a,className:r,onGenerateMore:i}){return e.jsxs("div",{className:m("flex min-h-0 flex-1 flex-col gap-2.5 overflow-hidden rounded-[14px] border border-gray-200 bg-white p-3.5 shadow-[0_4px_16px_rgba(135,21,255,0.08)]",r),children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("div",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-[#F56000] to-[#8715FF]",children:e.jsx(z,{size:15,className:"text-white"})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"text-[13px] font-bold leading-tight text-gray-900",children:"AI Interview Copilot"}),e.jsx("div",{className:"mt-0.5 text-[10px] leading-tight text-gray-500",children:"AI silently listens and suggests questions"})]})]}),e.jsx("span",{className:"inline-flex self-start rounded-md bg-[#F56000] px-3 py-1 text-[10px] font-semibold text-white",children:"Observer"}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[11px] font-semibold text-gray-700",children:"AI Suggested Next Steps"}),e.jsx("button",{type:"button",className:"cursor-pointer border-none bg-transparent p-0.5 text-gray-400",children:e.jsx(ae,{size:11})})]}),e.jsx("div",{className:"flex min-h-0 flex-1 flex-col gap-1.5 overflow-y-auto",children:s.map(t=>e.jsxs("div",{className:"rounded-[10px] border border-gray-200 bg-[#FAFAFA] px-2.5 py-2",children:[e.jsxs("div",{className:"mb-1 flex items-center justify-between",children:[e.jsx("span",{className:"rounded px-1.5 py-0.5 text-[8px] font-bold tracking-wide",style:{color:t.labelColor,background:t.labelBg},children:t.label}),e.jsx("span",{className:"text-[9px] text-gray-400",children:t.time})]}),e.jsx("p",{className:"m-0 text-[10px] leading-relaxed text-gray-900",children:t.text})]},t.id))}),e.jsxs("button",{type:"button",onClick:i,disabled:a,className:"flex w-full shrink-0 cursor-pointer items-center justify-center gap-1 rounded-lg border-[1.5px] border-[#FDDCCC] bg-white py-2 text-[11px] font-semibold text-[#F56000] transition-colors disabled:bg-[#FFF4EE]",children:[e.jsx(z,{size:14}),a?"Generating…":"Generate More Suggestions"]})]})}function Le({onCancel:s,onConfirm:a}){return e.jsx("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/40",onClick:s,role:"presentation",children:e.jsxs("div",{className:"min-w-[340px] rounded-2xl bg-white px-8 py-7 text-center shadow-[0_24px_60px_rgba(0,0,0,0.2)]",onClick:r=>r.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":"end-call-title",children:[e.jsx("div",{className:"mx-auto mb-3.5 flex h-12 w-12 items-center justify-center rounded-full bg-red-100",children:e.jsx(Ie,{size:22,className:"text-[#EF233C]"})}),e.jsx("div",{id:"end-call-title",className:"mb-1.5 text-[17px] font-bold text-gray-900",children:"End Interview Call?"}),e.jsx("p",{className:"mb-5 text-[13px] leading-relaxed text-gray-500",children:"This will end the call for all participants. The session recording will be saved automatically."}),e.jsxs("div",{className:"flex justify-center gap-2.5",children:[e.jsx("button",{type:"button",onClick:s,className:"cursor-pointer rounded-lg border-[1.5px] border-gray-200 bg-white px-6 py-2 text-[13px] font-semibold text-gray-700",children:"Cancel"}),e.jsx("button",{type:"button",onClick:a,className:"cursor-pointer rounded-lg border-none bg-[#EF233C] px-6 py-2 text-[13px] font-semibold text-white shadow-[0_2px_8px_rgba(239,35,60,0.3)]",children:"End Call"})]})]})})}function $e({messages:s,chatInput:a,className:r,onInputChange:i,onSend:t}){return e.jsxs("div",{className:m("flex min-h-0 flex-1 flex-col overflow-hidden rounded-[14px] border border-gray-200 bg-white shadow-[0_4px_16px_rgba(135,21,255,0.06)]",r),children:[e.jsxs("div",{className:"flex items-center gap-1.5 border-b border-gray-100 px-3.5 py-3",children:[e.jsx(v,{size:13,className:"text-gray-900"}),e.jsx("span",{className:"flex-1 text-[13px] font-bold text-gray-900",children:"In-call Chat"})]}),e.jsx("div",{className:"flex flex-1 flex-col gap-2.5 overflow-y-auto p-3",children:s.map(l=>{const n=T[l.sender]??{bubble:"#F4F4F5",text:"#374151",name:"#6B7280"};return e.jsxs("div",{className:`flex flex-col gap-0.5 ${l.outgoing?"items-end":"items-start"}`,children:[!l.outgoing&&e.jsx("span",{className:"ml-7 text-[9px] font-bold",style:{color:n.name},children:l.sender}),e.jsxs("div",{className:`flex items-end gap-1 ${l.outgoing?"flex-row-reverse":"flex-row"}`,children:[!l.outgoing&&e.jsx("div",{className:"flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-full text-[8px] font-bold text-white",style:{background:n.name},children:l.sender[0]}),e.jsx("div",{className:"max-w-[170px] px-2 py-1.5 text-[11px] leading-snug",style:{background:n.bubble,color:n.text,borderRadius:l.outgoing?"12px 12px 2px 12px":"12px 12px 12px 2px"},children:l.text})]}),e.jsx("span",{className:`text-[9px] text-gray-400 ${l.outgoing?"":"ml-7"}`,children:l.time})]},l.id)})}),e.jsx("div",{className:"border-t border-gray-100 p-3",children:e.jsxs("div",{className:"flex items-center gap-1.5 rounded-full border border-gray-200 bg-gray-100 px-2.5 py-1.5",children:[e.jsx(Re,{size:13,className:"text-gray-400"}),e.jsx("input",{value:a,onChange:l=>i(l.target.value),onKeyDown:l=>l.key==="Enter"&&t(),placeholder:"Message everyone…",className:"flex-1 border-none bg-transparent text-[11px] text-gray-700 outline-none"}),e.jsx("button",{type:"button",onClick:t,className:`flex cursor-pointer items-center justify-center rounded-full border-none p-0.5 transition-colors ${a.trim()?"bg-[#8715FF]":"bg-transparent"}`,children:e.jsx(R,{size:12,className:a.trim()?"text-white":"text-gray-400"})})]})})]})}function g({icon:s,label:a,active:r,muted:i,onClick:t}){return e.jsxs("button",{type:"button",onClick:t,className:"flex min-w-[42px] curs

1or-pointer flex-col items-center gap-1 border-none bg-transparent px-1 font-inherit",children:[e.jsx("div",{className:m("flex h-[38px] w-[38px] items-center justify-center rounded-full border-[1.5px] transition-all duration-150",r&&"border-violet-300 bg-violet-100 shadow-[0_2px_8px_rgba(124,58,237,0.15)]",i&&"border-red-300 bg-red-100",!r&&!i&&"border-gray-200 bg-gray-100"),children:s}),e.jsx("span",{className:m("whitespace-nowrap text-[9px] font-medium",i?"text-red-500":"text-gray-500"),children:a})]})}function Oe({micOn:s,cameraOn:a,captionsVisible:r,screenShareActive:i,chatVisible:t,handRaised:l,copilotActive:n,messageCount:o,onToggleMic:c,onToggleCamera:p,onToggleCaptions:f,onToggleScreenShare:u,onToggleChat:d,onToggleHand:j,onToggleCopilot:w,onEndCall:x}){return e.jsxs("footer",{className:"relative z-40 flex h-[72px] shrink-0 items-center justify-center gap-1 border-t border-gray-200 bg-white px-6 shadow-[0_-4px_20px_rgba(135,21,255,0.08)]",children:[e.jsx(g,{icon:s?e.jsx(M,{size:17,className:"text-gray-900"}):e.jsx(S,{size:17,className:"text-red-500"}),label:"Mic",muted:!s,onClick:c}),e.jsx(g,{icon:a?e.jsx(le,{size:17,className:"text-gray-900"}):e.jsx(Ve,{size:17,className:"text-red-500"}),label:"Camera",muted:!a,onClick:p}),e.jsx("div",{className:"mx-1 h-[30px] w-px bg-gray-200"}),e.jsx(g,{icon:e.jsx(P,{size:17,className:r?"text-violet-600":"text-gray-700"}),label:"Captions",active:r,onClick:f}),e.jsx(g,{icon:e.jsx(Me,{size:17,className:l?"text-violet-600":"text-gray-700"}),label:"Raise Hand",active:l,onClick:j}),e.jsx(g,{icon:e.jsx(re,{size:17,className:i?"text-violet-600":"text-gray-700"}),label:"Share",active:i,onClick:u}),e.jsxs("div",{className:"relative",children:[e.jsx(g,{icon:e.jsx(v,{size:17,className:t?"text-violet-600":"text-gray-700"}),label:"Chat",active:t,onClick:d}),t&&e.jsx("div",{className:"absolute -right-0.5 -top-0.5 flex h-[15px] w-[15px] items-center justify-center rounded-full border-2 border-white bg-[#8715FF] text-[8px] font-bold text-white",children:o})]}),e.jsx(g,{icon:e.jsx(z,{size:17,className:n?"text-violet-600":"text-gray-700"}),label:"AI Copilot",active:n,onClick:w}),e.jsx("div",{className:"mx-1 h-[30px] w-px bg-gray-200"}),e.jsxs("button",{type:"button",onClick:x,style:{display:"flex",padding:"10px 20px",alignItems:"center",gap:"6px",borderRadius:"10px",background:"#EF233C",boxShadow:"0 2px 8px 0 rgba(239, 35, 60, 0.30)",color:"#FFF",textAlign:"center",fontFamily:"Inter",fontSize:"13px",fontStyle:"normal",fontWeight:600,lineHeight:"19.5px",border:"none",cursor:"pointer",whiteSpace:"nowrap"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 22 9",fill:"none",children:e.jsx("path",{d:"M2.70132 7.77336L1.11033 6.18237C0.962033 6.03527 0.846092 5.85882 0.769934 5.66433C0.693776 5.46983 0.659079 5.26157 0.668065 5.05288C0.677052 4.8442 0.729523 4.63969 0.82212 4.45246C0.914716 4.26523 1.0454 4.0994 1.20579 3.96559C3.01502 2.511 5.14023 1.50107 7.41065 1.01696C9.50626 0.549823 11.679 0.549823 13.7746 1.01696C16.0544 1.50421 18.1874 2.52164 20.0007 3.98681C20.1606 4.12021 20.291 4.28544 20.3835 4.47199C20.4761 4.65854 20.5288 4.86232 20.5382 5.07035C20.5477 5.27838 20.5138 5.4861 20.4386 5.68029C20.3634 5.87448 20.2486 6.05089 20.1015 6.19828L18.5105 7.78927C18.2556 8.04918 17.915 8.20755 17.552 8.23487C17.189 8.26219 16.8285 8.15659 16.5376 7.93776C15.9613 7.49576 15.3369 7.12038 14.6762 6.81877C14.415 6.7003 14.1933 6.50945 14.0372 6.26883C13.8812 6.02821 13.7974 5.7479 13.7958 5.46112V4.11408C11.7132 3.54133 9.51452 3.54133 7.43186 4.11408V5.46112C7.43026 5.7479 7.34648 6.02821 7.19045 6.26883C7.03442 6.50945 6.81269 6.7003 6.55152 6.81877C5.89082 7.12038 5.26636 7.49576 4.69006 7.93776C4.3961 8.15904 4.03107 8.26455 3.66439 8.23424C3.2977 8.20393 2.95495 8.0399 2.70132 7.77336Z",stroke:"#FFF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),"End Call"]})]})}function k({icon:s,title:a,children:r}){return e.jsxs("div",{className:"rounded-[14px] border border-gray-100 bg-white p-4 shadow-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsx("div",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-[#F0E8FF]",children:s}),e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wide text-gray-700",children:a})]}),r]})}function Ge({onClose:s}){const a=B;return e.jsxs("div",{className:"flex min-h-[420px] flex-col items-center justify-center px-10 py-[72px] text-center",children:[e.jsxs("div",{className:"relative mb-7",children:[e.jsx("div",{className:"flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br from-[#8715FF] to-[#C471ED] shadow-[0_0_0_12px_rgba(135,21,255,0.1),0_8px_24px_rgba(135,21,255,0.25)]",children:e.jsx(xe,{size:38,className:"text-white",strokeWidth:2})}),[["-22px","-8px",6],["28px","-14px",8],["-14px","28px",6],["32px","24px",8]].map(([r,i,t],l)=>e.jsx("div",{className:"absolute rounded-full opacity-70",style:{left:r,top:i,width:t,height:t,background:l%2===0?"#8715FF":"#F56000"}},`${r}-${i}`))]}),e.jsx("h2",{className:"mb-2.5 text-[26px] font-bold tracking-tight text-gray-900",children:"Thank y

1ou for your feedback!"}),e.jsx("p",{className:"mb-1.5 max-w-[480px] text-[15px] leading-relaxed text-gray-500",children:"Your feedback has been submitted successfully and shared with the hiring team."}),e.jsx("p",{className:"mb-9 text-[13px] text-gray-400",children:"This interview is now marked complete."}),e.jsxs("div",{className:"mb-9 flex items-center gap-3.5 rounded-[14px] border border-gray-100 bg-[#FAFAFA] px-7 py-4",children:[e.jsx("div",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-[10px] bg-[#F0E8FF]",children:e.jsx(_,{size:16,className:"text-[#8715FF]"})}),e.jsxs("div",{className:"text-left",children:[e.jsx("div",{className:"text-[13px] font-semibold text-gray-900",children:a.roundLabel}),e.jsxs("div",{className:"text-xs text-gray-500",children:[a.candidateName," · 20 Jun 2026"]})]}),e.jsxs("div",{className:"ml-5 flex items-center gap-1 rounded-full bg-green-100 px-2.5 py-1 text-[11px] font-semibold text-green-600",children:[e.jsx("div",{className:"h-1 w-1 rounded-full bg-green-600"}),"Feedback Submitted"]})]}),e.jsxs("button",{type:"button",onClick:s,className:"flex cursor-pointer items-center gap-2 rounded-xl border-none bg-gradient-to-br from-[#8715FF] to-[#A855F7] px-8 py-3.5 text-sm font-bold text-white shadow-[0_4px_14px_rgba(135,21,255,0.3)] transition-transform hover:-translate-y-px",children:["Back to Interviews",e.jsx(V,{size:15})]})]})}function We({onClose:s}){const a=B,[r,i]=b.useState(4),[t,l]=b.useState(0),[n,o]=b.useState(a.defaultFeedback),[c,p]=b.useState(!1),[f,u]=b.useState(!1),d=t||r,j=1500,w=()=>{!r||!n.trim()||(u(!0),setTimeout(()=>{u(!1),p(!0)},800))};return e.jsx("div",{className:"fixed inset-0 z-[300] flex items-center justify-center bg-[rgba(15,10,30,0.55)] p-5 backdrop-blur-sm",children:e.jsx("div",{className:"relative flex max-h-[calc(100vh-40px)] w-full max-w-[1140px] flex-col overflow-hidden rounded-[20px] bg-white shadow-[0_32px_80px_rgba(0,0,0,0.18),0_8px_24px_rgba(135,21,255,0.08)]",children:c?e.jsx(Ge,{onClose:s}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"pointer-events-none absolute -right-10 -top-10 h-[200px] w-[200px] rounded-full bg-[radial-gradient(circle,rgba(135,21,255,0.07)_0%,transparent_70%)]"}),e.jsx("div",{className:"pointer-events-none absolute -right-5 -top-5 h-[120px] w-[120px] rounded-full bg-[radial-gradient(circle,rgba(245,96,0,0.06)_0%,transparent_70%)]"}),e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsx("div",{className:"border-b border-gray-100 px-10 pb-6 pt-8",children:e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-2.5",children:[e.jsx("div",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-[10px] bg-gradient-to-br from-[#8715FF] to-[#C471ED]",children:e.jsx(_,{size:17,className:"text-white"})}),e.jsx("h1",{className:"m-0 text-2xl font-bold tracking-tight text-gray-900",children:"Interview Feedback Required"})]}),e.jsx("p",{className:"m-0 text-sm leading-relaxed text-gray-500",children:"Please submit your feedback to complete this interview."})]}),e.jsx("div",{className:"mt-1 shrink-0 opacity-15",children:e.jsxs("svg",{width:"72",height:"72",viewBox:"0 0 72 72",fill:"none","aria-hidden":!0,children:[e.jsx("circle",{cx:"36",cy:"36",r:"32",stroke:"#8715FF",strokeWidth:"2",strokeDasharray:"6 4"}),e.jsx("circle",{cx:"36",cy:"36",r:"20",fill:"#8715FF",fillOpacity:"0.3"}),e.jsx("circle",{cx:"36",cy:"36",r:"10",fill:"#8715FF",fillOpacity:"0.5"})]})})]})}),e.jsxs("div",{className:"px-10 pt-6",children:[e.jsxs("div",{className:"mb-4 grid grid-cols-3 gap-3.5",children:[e.jsxs(k,{icon:e.jsx(ne,{size:15,className:"text-[#8715FF]"}),title:"Interview Details",children:[e.jsx("div",{className:"mb-0.5 text-[13px] font-semibold text-gray-900",children:a.roundLabel}),e.jsxs("div",{className:"mb-2 flex items-center gap-1 text-xs text-gray-500",children:[e.jsx(ie,{size:11,className:"text-gray-400"}),a.interviewDate]}),e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-[10px] font-semibold text-green-600",children:[e.jsx("div",{className:"h-1 w-1 rounded-full bg-green-600"}),"Interview Completed"]})]}),e.jsx(k,{icon:e.jsx(H,{size:15,className:"text-[#8715FF]"}),title:"Candidate Details",children:e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-[#8715FF] to-[#C471ED] text-[13px] font-bold text-white",children:a.candidateInitials}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[13px] font-semibold text-gray-900",children:a.candidateName}),e.jsx("div",{className:"text-[11px] text-gray-500",children:a.candidateRole})]})]})}),e.jsx(k,{icon:e.jsx(oe,{size:15,className:"text-[#8715FF]"}),title:"Panelist Details",children:e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-[#F56000] to-[#FF8C42] text-[13px] font-bold text-white",children:a.panelistInitials}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[13px] font-semibold text-gray-900",children:a.panelistName}),e.jsx("div",{className:"text-[11px] text-gray-500",children:a.panelistRole}),e.jsx("div",{className:"text-[10px] text-gray-400",children:a.panelistTitle})]})]})})]}),e.jsxs("div",{className:"mb-5 flex items-start gap-3.5 rounded-[14px] border border-gray-100 bg-[#FAFAFA] p-5",children:[e.jsx("div",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-[10px] bg-[#F0E8FF]",children:e.jsx(_,{size:16,className:"text-[#8715FF]"})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"mb-1 text-xs font-bold uppercase tracking-wide text-gray-700",children:"Interview Summary"}),e.jsx("p",{className:"m-0 text-[13px] leading-relaxed text-gray-600",children:a.summary})]})]}),e.jsxs("div",{className:"mb-5",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsxs("span",{className:"text-[13px] font-bold text-gray-900",children:["Overall Rating ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs("div",{className:"rounded-full bg-gradient-to-br from-[#8715FF] to-[#A855F7] px-4 py-1 text-sm font-bold text-white shadow-[0_2px_8px_rgba(135,21,255,0.25)]",children:[d," / 5"]})]}),e.jsx("div",{className:"flex items-start gap-3",children:[1,2,3,4,5].map(x=>e.jsxs("button",{type:"button",className:"flex flex-1 cursor-pointer flex-col items-center gap-1.5 border-none bg-transparent p-0",onClick:()=>i(x),onMouseEnter:()=>l(x),onMouseLeave:()=>l(0),children:[e.jsx("div",{className:"transition-transform duration-100",style:{transform:d>=x?"scale(1.12)":"scale(1)"},children:e.jsx(de,{size:32,fill:d>

1=x?"#8715FF":"none",color:d>=x?"#8715FF":"#D1D5DB",strokeWidth:1.5})}),e.jsx("span",{className:`whitespace-nowrap text-[11px] transition-colors ${d>=x?"font-semibold text-[#8715FF]":"font-normal text-gray-400"}`,children:$[x-1]})]},x))})]}),e.jsxs("div",{className:"mb-6",children:[e.jsxs("label",{className:"mb-1 block text-[13px] font-bold text-gray-900",children:["Your Feedback ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("p",{className:"mb-2.5 text-xs text-gray-500",children:"Write your feedback about the candidate, including strengths, concerns, and your recommendation."}),e.jsxs("div",{className:"relative",children:[e.jsx("textarea",{value:n,onChange:x=>o(x.target.value.slice(0,j)),rows:6,className:"box-border w-full resize-y rounded-xl border-[1.5px] border-gray-200 bg-[#FAFAFA] px-4 py-3.5 text-[13px] leading-relaxed text-gray-700 outline-none transition-colors focus:border-[#8715FF]"}),e.jsxs("span",{className:`absolute bottom-2.5 right-3 text-[11px] ${n.length>j*.9?"text-red-500":"text-gray-400"}`,children:[n.length," / ",j]})]})]})]})]}),e.jsxs("div",{className:"flex shrink-0 items-center justify-between border-t border-gray-100 bg-white px-10 py-4",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-[#F0E8FF]",children:e.jsx(ce,{size:11,className:"text-[#8715FF]"})}),e.jsx("span",{className:"text-xs text-gray-500",children:"Feedback is mandatory to complete this interview."})]}),e.jsxs("button",{type:"button",onClick:w,disabled:f||!r,className:"flex cursor-pointer items-center gap-2 whitespace-nowrap rounded-xl border-none bg-gradient-to-br from-[#F56000] to-[#FF7A20] px-7 py-3 text-sm font-bold text-white shadow-[0_4px_14px_rgba(245,96,0,0.35)] transition-transform hover:-translate-y-px disabled:cursor-not-allowed disabled:opacity-80",children:[e.jsx(R,{size:15}),f?"Submitting…":"Submit Feedback"]})]})]})})})}function Ue({meta:s}){return e.jsxs("header",{className:"relative z-40 flex h-[52px] shrink-0 items-center gap-4 border-b border-gray-200 bg-white px-4",children:[e.jsx("div",{className:"flex items-center min-w-0",children:e.jsx("img",{src:"/logo2.png",alt:"Interview Ghost",className:"h-[38px] w-auto shrink-0 object-contain"})}),e.jsx("div",{className:"h-7 w-px bg-gray-200"}),e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:"text-[13px] font-semibold leading-tight text-gray-900",children:s.title}),e.jsxs("span",{className:"text-[11px] leading-tight text-gray-500",children:[s.company," · ",s.participantCount," participants"]})]}),e.jsxs("div",{className:"ml-auto flex items-center gap-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"h-1.5 w-1.5 rounded-full bg-[#00B85A]"}),e.jsx("span",{className:"text-xs font-semibold text-[#00B85A]",children:"Live"})]}),e.jsxs("div",{className:"flex items-center gap-1.5 rounded-md border border-[#FFD6DE] bg-[#FFF0F3] px-2 py-0.5",children:[e.jsx("div",{className:"h-1.5 w-1.5 rounded-full bg-[#EF233C]"}),e.jsx("span",{className:"text-[11px] font-medium text-[#EF233C]",children:"REC"})]}),e.jsxs("div",{className:"flex items-center gap-1.5 rounded-full border border-gray-200 bg-gray-100 px-2.5 py-1",children:[e.jsx(me,{size:11,className:"text-[#333333]"}),e.jsx("span",{className:"text-xs font-semibold text-gray-900",children:s.elapsedTime})]})]})]})}function qe({caption:s,speaker:a,onClose:r}){var t;const i=((t=T[a])==null?void 0:t.name)??"#6B7280";return e.jsxs("div",{className:"flex shrink-0 flex-col gap-1.5 rounded-[10px] border border-gray-200 bg-white p-3 shadow-[0_2px_8px_rgba(135,21,255,0.06)]",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"flex h-5 w-5 items-center justify-center rounded bg-gray-100",children:e.jsx(P,{size:11,className:"text-gray-900"})}),e.jsx("span",{className:"text-[9px] font-bold tracking-wider text-gray-900",children:"LIVE CAPTIONS"}),e.jsx("div",{className:"h-3.5 w-px bg-gray-200"}),e.jsx("span",{className:"text-[10px] font-semibold",style:{color:i},children:a})]}),e.jsx("button",{type:"button",onClick:r,className:"flex h-[18px] w-[18px] curs

1or-pointer items-center justify-center rounded-full border-none bg-gray-100",children:e.jsx(O,{size:9,className:"text-gray-500"})})]}),e.jsxs("p",{className:"m-0 min-h-[3.3em] text-[13px] leading-relaxed text-gray-800",children:["“",s,"”"]})]})}function Ye(){return e.jsxs("div",{className:"pointer-events-none absolute bottom-[86px] left-1/2 z-[200] flex -translate-x-1/2 items-center gap-2 whitespace-nowrap rounded-[10px] bg-gray-900 px-4 py-2 text-xs font-medium text-white shadow-[0_4px_16px_rgba(0,0,0,0.2)]",children:[e.jsx("span",{className:"text-[15px]",children:"✋"}),"You raised your hand — participants can see this"]})}function Je({presenterName:s}){return e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden rounded-t-xl border border-[#D1C4E9] bg-white shadow-[0_4px_24px_rgba(135,21,255,0.08)]",children:[e.jsxs("div",{className:"border-b border-gray-200 bg-[#F0EDF7] px-2.5 pt-1.5",children:[e.jsxs("div",{className:"mb-1 flex items-center gap-1.5",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-[#FF5F57]"}),e.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-[#FEBC2E]"}),e.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-[#28C840]"})]}),e.jsxs("div",{className:"ml-2 flex items-center gap-1",children:[e.jsxs("div",{className:"flex min-w-[100px] items-center gap-1 rounded-t-md border border-b-white border-gray-200 bg-white px-3 py-1 text-[10px] text-gray-700",children:[e.jsx("div",{className:"flex h-3 w-3 items-center justify-center rounded-sm bg-[#1DA1F2] text-[8px] font-bold text-white",children:"X"}),"Home / Twitter"]}),e.jsx("div",{className:"flex h-[22px] w-[22px] cursor-pointer items-center justify-center rounded-full text-gray-500",children:e.jsx(pe,{size:12})})]})]}),e.jsxs("div",{className:"flex items-center gap-1.5 pb-1.5",children:[e.jsxs("div",{className:"flex gap-1",children:[e.jsx("button",{type:"button",className:"flex h-[22px] w-[22px] items-center justify-center rounded-full text-gray-400",children:e.jsx(he,{size:11})}),e.jsx("button",{type:"button",className:"flex h-[22px] w-[22px] items-center justify-center rounded-full text-gray-400",children:e.jsx(V,{size:11})}),e.jsx("button",{type:"button",className:"flex h-[22px] w-[22px] items-center justify-center rounded-full text-gray-400",children:e.jsx(be,{size:10})})]}),e.jsxs("div",{className:"flex h-6 max-w-xs flex-1 items-center gap-1 rounded-full border border-gray-200 bg-white px-2.5",children:[e.jsx(fe,{size:9,className:"text-gray-400"}),e.jsx("span",{className:"text-[10px] text-gray-700",children:"twitter.com/home"})]})]})]}),e.jsxs("div",{className:"flex min-h-0 flex-1 overflow-hidden bg-white",children:[e.jsxs("aside",{className:"flex w-[200px] shrink-0 flex-col gap-0.5 border-r border-[#EFF3F4] p-4",children:[e.jsx("svg",{viewBox:"0 0 24 24",fill:"#1DA1F2",width:"30",height:"30",className:"mb-3",children:e.jsx("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.713 6.231z"})}),[{icon:e.jsx(Ae,{size:16}),label:"Home",active:!0},{icon:e.jsx(I,{size:16}),label:"Explore"},{icon:e.jsx(we,{size:16}),label:"Notifications"},{icon:e.jsx(v,{size:16}),label:"Messages"},{icon:e.jsx(ge,{size:16}),label:"Bookmarks"},{icon:e.jsx(ue,{size:16}),label:"Lists"},{icon:e.jsx(H,{size:16}),label:"Profile"},{icon:e.jsx(_e,{size:16}),label:"More"}].map(a=>e.jsxs("div",{className:`flex cursor-pointer items-center gap-3 rounded-full px-2.5 py-2 text-[13px] ${a.active?"bg-[#F7F9F9] font-bold text-[#0F1419]":"font-normal text-[#536471]"}`,children:[a.icon,a.label]},a.label)),e.jsx("div",{className:"mt-2 cursor-pointer rounded-full bg-[#1DA1F2] py-2.5 text-center text-sm font-bold text-white",children:"Tweet"})]}),e.jsxs("main",{className:"min-w-0 flex-1 overflow-hidden border-r border-[#EFF3F4]",children:[e.jsx("div",{className:"border-b border-[#EFF3F4] px-4 py-3",children:e.jsx("span",{className:"text-base font-bold text-[#0F1419]",children:"Home"})}

1),e.jsxs("div",{className:"flex gap-2.5 border-b border-[#EFF3F4] p-3",children:[e.jsx("div",{className:"h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-indigo-400 to-purple-600"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"mb-0.5 flex items-center gap-1",children:[e.jsx("span",{className:"text-xs font-bold text-[#0F1419]",children:"Joshua Earle"}),e.jsx(je,{size:12,className:"text-[#1DA1F2]"}),e.jsx("span",{className:"text-[11px] text-[#536471]",children:"@JoshuaEarlePhoto · 3h"})]}),e.jsx("p",{className:"mb-2 text-xs leading-snug text-[#0F1419]",children:"Day 3 of our big adventure and we finally made it to the desert! 🏜️ #TheBigTrip"}),e.jsxs("div",{className:"mb-2 flex gap-1",children:[e.jsx("img",{src:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=200&h=100&fit=crop",alt:"desert",className:"h-[100px] flex-1 rounded-[10px] object-cover"}),e.jsx("img",{src:"https://images.unsplash.com/photo-1509316785289-025f5b846b35?w=200&h=100&fit=crop",alt:"desert",className:"h-[100px] flex-1 rounded-[10px] object-cover"})]}),e.jsxs("div",{className:"flex gap-5 text-[11px] text-[#536471]",children:[e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(v,{size:12})," 24"]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(Be,{size:12})," 12"]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(ye,{size:12})," 189"]}),e.jsx(Ne,{size:12})]})]})]})]}),e.jsxs("aside",{className:"flex w-[220px] shrink-0 flex-col gap-2.5 overflow-hidden p-3",children:[e.jsxs("div",{className:"flex items-center gap-2 rounded-full bg-[#EFF3F4] px-3 py-1.5",children:[e.jsx(I,{size:12,className:"text-[#536471]"}),e.jsx("span",{className:"text-[11px] text-[#536471]",children:"Search Twitter"})]}),e.jsxs("div",{className:"rounded-xl border border-[#EFF3F4] bg-[#F7F9F9] p-3",children:[e.jsx("div",{className:"mb-2 text-sm font-bold text-[#0F1419]",children:"Montreal trends"}),["#DisneyPlus","Seinfeld","#MondayMotivation"].map(a=>e.jsxs("div",{className:"border-b border-[#EFF3F4] py-1 last:border-0",children:[e.jsx("div",{className:"text-[10px] text-[#536471]",children:"Trending"}),e.jsx("div",{className:"text-xs font-bold text-[#0F1419]",children:a})]},a))]})]})]}),e.jsx("div",{className:"relative",children:e.jsxs("div",{className:"absolute bottom-2 right-2.5 flex items-center gap-1 rounded-full bg-black/55 px-2 py-0.5 backdrop-blur-sm",children:[e.jsx("div",{className:"h-1.5 w-1.5 rounded-full bg-green-500"}),e.jsxs("span",{className:"text-[9px] font-semibold text-white",children:[s," is presenting"]})]})})]})}function Ke({participant:s,selected:a,showHand:r,onSelect:i,onToggleMute:t}){const l=D[s.name]??{bg:"#F3F4F6",text:"#6B7280"},n=s.name.split(" ").map(c=>c[0]).join(""),o=!s.camOff;return e.jsxs("div",{role:"button",tabIndex:0,onClick:i,onKeyDown:c=>c.key==="Enter"&&i(),className:m("relative aspect-video w-full cursor-pointer overflow-hidden rounded-[10px] bg-[#1a1a2e] transition-all duration-150",o?m("border-2 border-violet-600",a&&"shadow-[0_0_0_3px_rgba(124,58,237,0.25)]"):m("border border-gray-200 shadow-sm",a&&"border-[1.5px] border-[#8715FF] shadow-[0_0_0_3px_rgba(135,21,255,0.15)]")),children:[s.camOff?e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",style:{background:l.bg},children:e.jsx("div",{className:"flex h-[46px] w-[46px] items-center justify-center rounded-full text-base font-bold text-white",style:{background:l.text},children:n})}):e.jsx("img",{src:s.photo??void 0,alt:s.name,className:"absolute inset-0 h-full w-full object-cover object-[center_15%]"}),e.jsx("div",{className:"absolute bottom-[7px] left-[7px] rounded-full border border-white/50 bg-white/90 px-2 py-0.5 text-[9px] font-semibold text-gray-900 backdrop-blur-sm",children:s.name}),r&&e.jsx("div",{className:"absolute left-1.5 top-1.5 flex items-center gap-0.5 rounded-full bg-amber-500 px-1.5 py-0.5 text-[10px]",children:"✋"}),e.jsx("button",{type:"button",onClick:c=>{c.stopPropagation(),t()},className:m("absolute bottom-[7px] right-[7px] flex h-[22px] w-[22px] items-center justify-center rounded-full border-none cursor-pointer",s.muted?"bg-[#EF233C]":"bg-black/45"),children:s.muted?e.jsx(S,{size:10,

1className:"text-white"}):e.jsx(M,{size:10,className:"text-white"})})]})}function Xe({participants:s,selectedParticipantId:a,selfParticipantId:r,handRaised:i,compact:t=!1,onSelect:l,onToggleMute:n}){return e.jsx("div",{className:`flex shrink-0 flex-col gap-2 self-start transition-[width] duration-250 ease-in-out ${t?"w-[156px]":"w-[200px]"}`,children:s.map(o=>e.jsx(Ke,{participant:o,selected:a===o.id,showHand:o.id===r&&i,onSelect:()=>l(o.id),onToggleMute:()=>n(o.id)},o.id))})}function Ze({participants:s,selectedParticipantId:a,selfParticipantId:r,presenterName:i,handRaised:t,sidePanelOpen:l,onSelectParticipant:n,onToggleMute:o}){return e.jsxs("div",{className:"flex min-h-0 flex-1 gap-2",children:[e.jsx("div",{className:"relative flex min-h-0 min-w-0 flex-1 flex-col",children:e.jsx(Je,{presenterName:i})}),e.jsx(Xe,{participants:s,selectedParticipantId:a,selfParticipantId:r,handRaised:t,compact:l,onSelect:n,onToggleMute:o})]})}function C({participant:s,selected:a,showHand:r,className:i,onSelect:t,onToggleMute:l}){const n=D[s.name]??{bg:"#F3F4F6",text:"#6B7280"},o=s.name.split(" ").map(p=>p[0]).join(""),c=!s.camOff;return e.jsxs("div",{role:"button",tabIndex:0,onClick:t,onKeyDown:p=>p.key==="Enter"&&t(),className:m("relative h-full w-full min-h-0 cursor-pointer overflow-hidden rounded-[14px] bg-[#1a1a2e] transition-all duration-200 border-2",c?m("border-violet-600",a&&"shadow-[0_0_0_3px_rgba(124,58,237,0.25)]"):m("border-[#D1D5DB] shadow-[0_2px_12px_rgba(0,0,0,0.2)]",a&&"border-[#8715FF] shadow-[0_0_0_3px_rgba(135,21,255,0.2)]"),i),children:[s.camOff?e.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-3",style:{background:n.bg},children:[e.jsx("div",{className:"flex h-20 w-20 items-center justify-center rounded-full text-[28px] font-bold text-white",style:{background:n.text},children:o}),e.jsx("span",{className:"text-xs font-medium opacity-70",style:{color:n.text},children:s.name})]}):e.jsx("img",{src:s.photo??void 0,alt:s.name,className:"absolute inset-0 h-full w-full object-cover object-[center_20%]",draggable:!1}),r&&e.jsxs("div",{className:"absolute left-2.5 top-2.5 z-[2] flex items-center gap-1 rounded-full bg-amber-500 px-2.5 py-1 shadow-[0_2px_8px_rgba(0,0,0,0.2)]",children:[e.jsx("span",{children:"✋"}),e.jsx("span",{className:"text-[11px] font-semibold text-white",children:"Hand raised"})]}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 z-[1] flex items-end justify-between px-3 pb-2.5",children:[e.jsx("span",{className:"text-[13px] font-semibold text-white drop-shadow-[0_1px_3px_rgba(0,0,0,0.5)]",children:s.name}),e.jsx("button",{type:"button",onClick:p=>{p.stopPropagation(),l()},className:m("flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border-none backdrop-blur-sm",s.muted?"bg-[#EF233C]":"bg-white/[0.18]"),children:s.muted?e.jsx(S,{size:13,className:"text-white"}):e.jsx(M,{size:13,className:"text-white"})})]})]})}function Qe({participants:s,selectedParticipantId:a,handRaised:r,onSelectParticipant:i,onToggleMute:t}){const[l,n,o]=s;return!l||!n||!o?null:e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col gap-2.5",children:[e.jsxs("div",{className:"flex min-h-0 flex-1 gap-2.5",children:[e.jsx(C,{participant:l,selected:a===l.id,className:"min-h-0 flex-1",onSelect:()=>i(l.id),onToggleMute:()=>t(l.id)}),e.jsx(C,{participant:o,selected:a===o.id,className:"min-h-0 flex-1",onSelect:()=>i(o.id),onToggleMute:()=>t(o.id)})]}),e.jsx("div",{className:"flex min-h-0 flex-1 justify-center",children:e.jsx("div",{className:"h-full min-h-0 w-[calc(50%-5px)]",children:e.jsx(C,{participant:n,selected:a===n.id,showHand:r,className:"h-full w-full",onSelect:()=>i(n.id),onToggleMute:()=>t(n.id)})})})]})}function Ss(){const s=L(),{participants:a,messages:r,suggestions:i,ui:t}=A(G),l=A(W),n=(l==null?void 0:l.id)??"priya",o=!(l!=null&&l.muted),c=t.copilotActive||t.chatVisible;b.useEffect(()=>{if(!t.handNotice)return;const d=window.setTimeout(()=>s(U()),3e3);return()=>window.clearTimeout(d)},[t.handNotice,s]);const p=b.useCallback(()=>{s(E(!0)),window.setTimeout(()=>{s(q()),s(E(!1))},1e3)},[s]),f=b.useCallback(d=>{s(Y(t.selectedParticipantId===d?null:d))},[s,t.selectedParticipantId]),u=b.useCallback(()=>{s(F(n))},[s,n]);return e.jsxs("div",{className:"relative flex h-screen flex-col overflow-hidden bg-white font-sans",children:[e.jsx(Ue,{meta:N}),e.jsxs("main",{className:"flex min-h-0 flex-1 flex-col gap-2.5 px-2 py-3 sm:px-4 md:px-8 lg:flex-row lg:px-14",children:[e.jsxs("div",{className:"flex min-h-0 min-w-0 flex-1 flex-col gap-2",children:[e.jsx("div",{className:"flex min-h-0 flex-1 flex-col",children:t.screenShareActive?e.jsx(Ze,{participants:a,selectedParticipantId:t.selectedParticipantId,selfParticipantId:n,presenterName:N.presenterName,handRaised:t.handRaised,sidePanelOpen:c,onSelectParticipant:f,onToggleMute:d=>s(F(d))}):e.jsx(Qe,{participants:a,selectedParticipantId:t.selectedParticipantId,handRaised:t.handRaised,onSelectParticipant:f,onToggleMute:d=>s(F(d))})}),t.captionsVisible&&e.jsx(qe,{caption:N.liveCaption,speaker:N.captionSpeaker,onClose:()=>s(y({key:"captionsVisible",value:!1}))})]}),e.jsxs("aside",{className:`flex min-h-0 shrink-0 flex-col gap-2 self

1-stretch overflow-hidden transition-[width,max-height] duration-250 ease-in-out ${c?"w-full max-h-[45vh] lg:max-h-none lg:w-[252px]":"w-0 max-h-0 lg:max-h-none"}`,children:[t.copilotActive&&e.jsx("div",{className:"flex min-h-0 flex-1 flex-col",children:e.jsx(Pe,{suggestions:i,generatingMore:t.generatingMore,onGenerateMore:p,className:"h-full"})}),t.chatVisible&&e.jsx("div",{className:"flex min-h-0 flex-1 flex-col",children:e.jsx($e,{messages:r,chatInput:t.chatInput,onInputChange:d=>s(K(d)),onSend:()=>s(J()),className:"h-full"})})]})]}),e.jsx(Oe,{micOn:o,cameraOn:t.cameraOn,captionsVisible:t.captionsVisible,screenShareActive:t.screenShareActive,chatVisible:t.chatVisible,handRaised:t.handRaised,copilotActive:t.copilotActive,messageCount:r.length,onToggleMic:u,onToggleCamera:()=>s(Q()),onToggleCaptions:()=>s(y({key:"captionsVisible",value:!t.captionsVisible})),onToggleScreenShare:()=>s(y({key:"screenShareActive",value:!t.screenShareActive})),onToggleChat:()=>s(y({key:"chatVisible",value:!t.chatVisible})),onToggleHand:()=>s(Z()),onToggleCopilot:()=>s(y({key:"copilotActive",value:!t.copilotActive})),onEndCall:()=>s(X())}),t.handNotice&&e.jsx(Ye,{}),t.endCallModalOpen&&e.jsx(Le,{onCancel:()=>s(se()),onConfirm:()=>s(ee())}),t.feedbackOpen&&e.jsx(We,{onClose:()=>s(te())})]})}export{Ss as default};