chordia-ui 3.3.4 → 3.3.5

package/dist/components/layout.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),s=require("lucide-react"),X=require("../IntegrationCard.cjs.js");function G({onUploadCall:S,onConnectSource:h,onUseSample:g,showExamples:d=!1}){const[f,C]=a.useState(null),[i,m]=a.useState(null),[u,k]=a.useState(null),[c,t]=a.useState(null),b=a.useRef(null),w=[{id:"five9",name:"Five9",status:"available",description:"Cloud contact center platform"},{id:"twilio",name:"Twilio Flex",status:"available",description:"Programmable contact center"},{id:"genesys",name:"Genesys Cloud",status:"available",description:"All-in-one cloud contact center"},{id:"zoom",name:"Zoom Phone",status:"coming-soon",description:"Cloud phone system"}],y=[{id:"retail-support",name:"Retail Customer Support",description:"Sample interactions from retail customer service team",interactions:24,dateRange:"Last 30 days"},{id:"healthcare-billing",name:"Healthcare Billing Inquiries",description:"Patient billing and insurance verification calls",interactions:18,dateRange:"Last 2 weeks"},{id:"financial-services",name:"Financial Services Compliance",description:"Banking and financial advisory interactions",interactions:32,dateRange:"Last 45 days"}],T=n=>{var x;const r=(x=n.target.files)==null?void 0:x[0];if(r){const o=r.type.startsWith("audio/"),W=r.type.startsWith("video/");o||W?(m({name:r.name,type:r.type,size:r.size,lastModified:new Date(r.lastModified)}),S?S(r):console.log("File uploaded:",r.name,r.type,`(${(r.size/1024/1024).toFixed(2)} MB)`)):alert("Please select an audio or video file.")}b.current&&(b.current.value="")},R=n=>{const r=w.find(x=>x.id===n);r&&r.status==="available"&&(k(r),h?h(r):console.log("Connected to:",r.name))},M=n=>{const r=y.find(x=>x.id===n);r&&(t(r),g?g(r):console.log("Selected project:",r.name))},l=()=>{b.current&&b.current.click()},v=()=>{d&&!c||g&&g(c||{id:"default",name:"Demo Project"})},z=()=>{d&&!u||h&&h(u||{id:"default",name:"Data Source"})},j=[{id:"upload",icon:s.Upload,title:"Upload an interaction",description:"Drop an audio or video recording to see what Compass surfaces",recommended:!1,onClick:l},{id:"sample",icon:s.Sparkles,title:"Explore a demonstration project",description:"See how Chordia Compass surfaces insights from real interaction data",recommended:!0,onClick:v},{id:"connect",icon:s.Link,title:"Connect a data source",description:"Link your existing system to automatically analyze interactions",recommended:!1,onClick:z}];return e.jsxs("div",{style:{minHeight:"100vh",background:"var(--surface-warm)",display:"flex",alignItems:"center",justifyContent:"center",padding:"32px"},children:[e.jsx("input",{ref:b,type:"file",accept:"audio/*,video/*",onChange:T,style:{display:"none"}}),e.jsxs("div",{style:{maxWidth:"680px",width:"100%"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:"48px"},children:[e.jsx("h1",{style:{fontSize:"32px",fontWeight:760,letterSpacing:"-0.02em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"12px",lineHeight:1.2},children:"Experience Compass with one interaction"}),e.jsx("p",{style:{fontSize:"15px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5,maxWidth:"520px",margin:"0 auto"},children:"Compass surfaces evidence, signals, and actionable insights from customer interactions. Start by exploring what it reveals."})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:j.map(n=>{const r=n.icon,x=f===n.id;return e.jsxs("button",{type:"button",onClick:n.onClick,onMouseEnter:()=>C(n.id),onMouseLeave:()=>C(null),style:{position:"relative",width:"100%",padding:"24px 28px",background:x?"rgba(255, 255, 255, 0.95)":"rgba(255, 255, 255, 0.85)",border:n.recommended?"2px solid rgba(184, 156, 106, 0.35)":x?"1px solid rgba(52, 58, 64, 0.20)":"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"16px",cursor:"pointer",textAlign:"left",transition:"all 0.2s ease",transform:x?"translateY(-2px)":"translateY(0)",boxShadow:x?"0 12px 28px rgba(30, 33, 37, 0.12)":"0 4px 12px rgba(30, 33, 37, 0.06)"},children:[n.recommended&&e.jsx("div",{style:{position:"absolute",top:"16px",right:"20px",fontSize:"10px",fontWeight:650,letterSpacing:"0.06em",textTransform:"uppercase",color:"rgba(184, 156, 106, 0.75)",background:"rgba(184, 156, 106, 0.12)",padding:"4px 8px",borderRadius:"6px",border:"1px solid rgba(184, 156, 106, 0.2)"},children:"Recommended"}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"18px"},children:[e.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:n.recommended?"rgba(184, 156, 106, 0.12)":"rgba(231, 212, 162, 0.20)",border:n.recommended?"1px solid rgba(184, 156, 106, 0.25)":"1px solid rgba(231, 212, 162, 0.35)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e.jsx(r,{size:22,style:{color:n.recommended?"rgba(184, 156, 106, 0.75)":"rgba(30, 33, 37, 0.52)"}})}),e.jsxs("div",{style:{flex:1,paddingTop:"2px"},children:[e.jsx("div",{style:{fontSize:"17px",fontWeight:680,letterSpacing:"-0.01em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"6px",lineHeight:1.3},children:n.title}),e.jsx("div",{style:{fontSize:"13.5px",color:"rgba(30, 33, 37, 0.62)",lineHeight:1.5},children:n.description})]})]})]},n.id)})}),e.jsx("div",{style:{marginTop:"32px",textAlign:"center",fontSize:"12px",color:"rgba(30, 33, 37, 0.52)",lineHeight:1.5},children:"Your workspace has been created automatically. You can configure settings and add teammates later."}),d&&e.jsxs("div",{style:{marginTop:"48px",paddingTop:"32px",borderTop:"1px solid rgba(52, 58, 64, 0.12)"},children:[e.jsx("h2",{style:{fontSize:"20px",fontWeight:680,letterSpacing:"-0.01em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"24px"},children:"Testing Examples"}),i&&e.jsxs("div",{style:{marginBottom:"24px",padding:"16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(s.CheckCircle2,{size:18,style:{color:"#1F8F5A"}}),e.jsx("span",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)"},children:"File Uploaded"})]}),e.jsx("button",{onClick:()=>m(null),style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"},children:e.jsx(s.X,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})})]}),e.jsxs("div",{style:{fontSize:"13px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5},children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Name:"})," ",i.name]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Type:"})," ",i.type]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Size:"})," ",(i.size/1024/1024).toFixed(2)," MB"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Uploaded:"})," ",i.lastModified.toLocaleString()]})]})]}),!c&&e.jsxs("div",{style:{marginBottom:"24px"},children:[e.jsx("h3",{style:{fontSize:"15px",fontWeight:650,color:"rgba(30, 33, 37, 0.82)",marginBottom:"12px"},children:"Select a Demonstration Project:"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:y.map(n=>e.jsxs("button",{onClick:()=>M(n.id),style:{padding:"12px 16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"8px",textAlign:"left",cursor:"pointer",transition:"all 0.15s ease"},onMouseEnter:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.95)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.20)"},onMouseLeave:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.85)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},children:[e.jsx("div",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)",marginBottom:"4px"},children:n.name}),e.jsx("div",{style:{fontSize:"12px",color:"rgba(30, 33, 37, 0.62)",marginBottom:"4px"},children:n.description}),e.jsxs("div",{style:{fontSize:"11px",color:"rgba(30, 33, 37, 0.52)"},children:[n.interactions," interactions · ",n.dateRange]})]},n.id))})]}),c&&e.jsxs("div",{style:{marginBottom:"24px",padding:"16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(s.CheckCircle2,{size:18,style:{color:"#1F8F5A"}}),e.jsxs("span",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)"},children:["Project Selected: ",c.name]})]}),e.jsx("button",{onClick:()=>t(null),style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"},children:e.jsx(s.X,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})})]}),e.jsxs("div",{style:{fontSize:"13px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5},children:[e.jsx("div",{children:c.description}),e.jsxs("div",{style:{marginTop:"4px"},children:[e.jsx("strong",{children:c.interactions})," interactions · ",e.jsx("strong",{children:c.dateRange})]})]})]}),!u&&e.jsxs("div",{style:{marginBottom:"24px"},children:[e.jsx("h3",{style:{fontSize:"15px",fontWeight:650,color:"rgba(30, 33, 37, 0.82)",marginBottom:"12px"},children:"Connect a Data Source:"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:w.map(n=>e.jsx("button",{onClick:()=>R(n.id),disabled:n.status==="coming-soon",style:{padding:"12px 16px",background:n.status==="coming-soon"?"rgba(255, 255, 255, 0.5)":"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"8px",textAlign:"left",cursor:n.status==="coming-soon"?"not-allowed":"pointer",transition:"all 0.15s ease",opacity:n.status==="coming-soon"?.6:1},onMouseEnter:r=>{n.status!=="coming-soon"&&(r.currentTarget.style.background="rgba(255, 255, 255, 0.95)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.20)")},onMouseLeave:r=>{n.status!=="coming-soon"&&(r.currentTarget.style.background="rgba(255, 255, 255, 0.85)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)")},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)",marginBottom:"4px"},children:n.name}),e.jsx("div",{style:{fontSize:"12px",color:"rgba(30, 33, 37, 0.62)"},children:n.description})]}),n.status==="coming-soon"&&e.jsx("span",{style:{fontSize:"10px",fontWeight:600,color:"rgba(30, 33, 37, 0.42)",background:"rgba(30, 33, 37, 0.08)",padding:"4px 8px",borderRadius:"4px"},children:"Coming Soon"})]})},n.id))})]}),u&&e.jsxs("div",{style:{marginBottom:"24px",padding:"16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(s.CheckCircle2,{size:18,style:{color:"#1F8F5A"}}),e.jsxs("span",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)"},children:["Connected: ",u.name]})]}),e.jsx("button",{onClick:()=>k(null),style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"},children:e.jsx(s.X,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})})]}),e.jsx("div",{style:{fontSize:"13px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5},children:u.description})]})]})]})]})}function N({onDismiss:S,onItemClick:h,completedItems:g=[]}){const[d,f]=a.useState(!1),[C,i]=a.useState(null),m=[{id:"name-project",title:"Name your workspace",description:"Give your default project a meaningful name",icon:s.FolderOpen,completed:g.includes("name-project"),optional:!0},{id:"evaluate-second-interaction",title:"Evaluate another interaction",description:"Upload or connect a second interaction to see patterns",icon:s.Sparkles,completed:g.includes("evaluate-second-interaction")},{id:"connect-source",title:"Connect a data source",description:"Link your system or platform for automatic evaluation",icon:s.Link,completed:g.includes("connect-source")},{id:"invite-team",title:"Add teammates",description:"Invite managers or QA team members to collaborate",icon:s.Users,completed:g.includes("invite-team"),optional:!0},{id:"learn-concepts",title:"Understand Chordia concepts",description:"Learn how conditions, evidence, and confidence work",icon:s.BookOpen,completed:g.includes("learn-concepts"),optional:!0},{id:"configure-scope",title:"Clarify evaluation scope",description:"Customize which signals and conditions matter for your team",icon:s.Settings,completed:g.includes("configure-scope"),optional:!0}],u=m.filter(t=>t.completed).length,k=m.length,c=u/k*100;return d?e.jsx("button",{type:"button",onClick:()=>f(!1),style:{width:"100%",padding:"14px 16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px",cursor:"pointer",textAlign:"left",transition:"all 0.15s ease",boxShadow:"0 2px 8px rgba(30, 33, 37, 0.04)"},onMouseEnter:t=>{t.currentTarget.style.background="rgba(255, 255, 255, 0.95)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.18)"},onMouseLeave:t=>{t.currentTarget.style.background="rgba(255, 255, 255, 0.85)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px"},children:[e.jsxs("div",{style:{fontSize:"13px",fontWeight:600,color:"rgba(30, 33, 37, 0.75)"},children:["Getting started (",u,"/",k,")"]}),e.jsx(s.ChevronRight,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})]})}):e.jsxs("div",{style:{background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"16px",overflow:"hidden",boxShadow:"0 4px 16px rgba(30, 33, 37, 0.06)"},children:[e.jsxs("div",{style:{padding:"18px 20px 16px",borderBottom:"1px solid rgba(52, 58, 64, 0.08)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"12px"},children:[e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{style:{fontSize:"15px",fontWeight:680,letterSpacing:"-0.01em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"6px",lineHeight:1.3},children:"Getting started with Chordia"}),e.jsxs("div",{style:{fontSize:"12px",color:"rgba(30, 33, 37, 0.58)",lineHeight:1.4},children:[u," of ",k," completed"]})]}),e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx("button",{type:"button",onClick:()=>f(!0),style:{width:"28px",height:"28px",borderRadius:"6px",background:"transparent",border:"1px solid rgba(52, 58, 64, 0.12)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.15s ease",color:"rgba(30, 33, 37, 0.52)"},onMouseEnter:t=>{t.currentTarget.style.background="rgba(231, 212, 162, 0.12)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.18)"},onMouseLeave:t=>{t.currentTarget.style.background="transparent",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},title:"Collapse",children:e.jsx(s.ChevronRight,{size:14})}),S&&e.jsx("button",{type:"button",onClick:S,style:{width:"28px",height:"28px",borderRadius:"6px",background:"transparent",border:"1px solid rgba(52, 58, 64, 0.12)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.15s ease",color:"rgba(30, 33, 37, 0.52)"},onMouseEnter:t=>{t.currentTarget.style.background="rgba(231, 212, 162, 0.12)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.18)"},onMouseLeave:t=>{t.currentTarget.style.background="transparent",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},title:"Dismiss checklist",children:e.jsx(s.X,{size:14})})]})]}),e.jsx("div",{style:{marginTop:"14px",height:"6px",background:"rgba(30, 33, 37, 0.08)",borderRadius:"999px",overflow:"hidden"},children:e.jsx("div",{style:{height:"100%",width:`${c}%`,background:"linear-gradient(90deg, rgba(184, 156, 106, 0.75) 0%, rgba(139, 157, 127, 0.75) 100%)",borderRadius:"999px",transition:"width 0.4s ease"}})})]}),e.jsx("div",{style:{padding:"8px"},children:m.map((t,b)=>{const w=t.icon,y=C===t.id;return e.jsx("button",{type:"button",onClick:()=>h==null?void 0:h(t.id),onMouseEnter:()=>i(t.id),onMouseLeave:()=>i(null),disabled:t.completed,style:{width:"100%",padding:"12px 14px",background:t.completed?"rgba(139, 157, 127, 0.06)":y?"rgba(231, 212, 162, 0.12)":"transparent",border:"none",borderRadius:"10px",cursor:t.completed?"default":"pointer",textAlign:"left",transition:"all 0.15s ease",marginBottom:b<m.length-1?"4px":"0",opacity:t.completed?.7:1},children:e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"12px"},children:[e.jsx("div",{style:{width:"20px",height:"20px",marginTop:"1px",flexShrink:0},children:t.completed?e.jsx(s.CheckCircle2,{size:20,style:{color:"rgba(139, 157, 127, 0.75)"}}):e.jsx(s.Circle,{size:20,style:{color:"rgba(30, 33, 37, 0.24)"}})}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"3px"},children:[e.jsx(w,{size:14,style:{color:"rgba(30, 33, 37, 0.52)",flexShrink:0}}),e.jsx("span",{style:{fontSize:"13px",fontWeight:600,color:t.completed?"rgba(30, 33, 37, 0.52)":"rgba(30, 33, 37, 0.85)",textDecoration:t.completed?"line-through":"none",lineHeight:1.3},children:t.title}),t.optional&&!t.completed&&e.jsx("span",{style:{fontSize:"9px",fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase",color:"rgba(30, 33, 37, 0.42)",background:"rgba(30, 33, 37, 0.06)",padding:"2px 5px",borderRadius:"4px"},children:"Optional"})]}),e.jsx("div",{style:{fontSize:"11.5px",color:"rgba(30, 33, 37, 0.52)",lineHeight:1.4,paddingLeft:"22px"},children:t.description})]}),!t.completed&&y&&e.jsx(s.ChevronRight,{size:16,style:{color:"rgba(30, 33, 37, 0.32)",marginTop:"2px",flexShrink:0}})]})},t.id)})}),e.jsx("div",{style:{padding:"12px 20px 16px",borderTop:"1px solid rgba(52, 58, 64, 0.08)"},children:e.jsxs("div",{style:{fontSize:"11px",color:"rgba(30, 33, 37, 0.52)",lineHeight:1.5,fontStyle:"italic"},children:["You can dismiss this checklist anytime. These steps help you get the most from Chordia, but ","aren't"," required."]})})]})}function Q({text:S="Demo Project",accentColor:h="#B89C6A",textColor:g="rgba(255, 255, 255, 0.95)",size:d="medium",position:f="fixed"}){const i={small:{width:140,height:140,fontSize:"11px",letterSpacing:"0.08em",fontWeight:650},medium:{width:180,height:180,fontSize:"12px",letterSpacing:"0.1em",fontWeight:680},large:{width:220,height:220,fontSize:"13px",letterSpacing:"0.12em",fontWeight:700}}[d];return e.jsxs("div",{style:{position:f,top:0,right:0,width:i.width,height:i.height,overflow:"hidden",zIndex:f==="fixed"?9999:1,pointerEvents:"none"},children:[e.jsx("div",{style:{position:"absolute",top:0,right:0,width:0,height:0,borderStyle:"solid",borderWidth:`0 ${i.width}px ${i.height}px 0`,borderColor:`transparent ${h} transparent transparent`,opacity:.92}}),e.jsx("div",{style:{position:"absolute",top:0,right:0,width:0,height:0,borderStyle:"solid",borderWidth:`0 ${i.width}px ${i.height}px 0`,borderColor:"transparent rgba(0, 0, 0, 0.08) transparent transparent"}}),e.jsx("div",{style:{position:"absolute",top:d==="small"?"28px":d==="medium"?"38px":"48px",right:d==="small"?"-32px":d==="medium"?"-42px":"-52px",width:d==="small"?"160px":d==="medium"?"200px":"240px",transform:"rotate(45deg)",transformOrigin:"center",textAlign:"center"},children:e.jsx("div",{style:{fontSize:i.fontSize,fontWeight:i.fontWeight,letterSpacing:i.letterSpacing,textTransform:"uppercase",color:g,textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)",whiteSpace:"nowrap",userSelect:"none"},children:S})}),e.jsx("div",{style:{position:"absolute",top:0,right:0,width:i.width,height:i.height,background:"linear-gradient(135deg, transparent 0%, rgba(0, 0, 0, 0.04) 100%)",pointerEvents:"none"}})]})}const V="../../assets/chordia-logo.png";function Z({title:S="Chordia",subtitle:h="Sign in to continue",logo:g,onLogin:d,loading:f=!1,error:C=null,footer:i,showLabels:m=!0,emailPlaceholder:u="you@company.com",passwordPlaceholder:k="Password",onForgotPassword:c,compact:t=!1}){const[b,w]=a.useState(""),[y,T]=a.useState(""),[R,M]=a.useState(!1),[l,v]=a.useState(null),z=o=>{o.preventDefault(),!(!b||!y||f)&&(d==null||d(b,y))},j=b&&y&&!f,n="var(--rail-compliance)",r="201, 138, 90",x=e.jsxs("div",{style:{width:"100%",maxWidth:400,background:"var(--paper-elevated)",border:"1px solid var(--border)",borderRadius:"var(--radius-lg)",padding:"44px 36px 36px",boxShadow:"0 8px 32px rgba(30, 33, 37, 0.06), 0 1px 3px rgba(30, 33, 37, 0.04)",position:"relative",overflow:"hidden"},children:[e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,height:3,background:`linear-gradient(90deg, var(--state-unknown), ${n})`,opacity:.6}}),e.jsx("div",{style:{textAlign:"center",marginBottom:32},children:g||e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"12px 24px",borderRadius:"var(--radius-lg)",background:"rgba(30, 33, 37, 0.92)",marginBottom:16},children:e.jsx("img",{src:V,alt:S,style:{height:28,display:"block"}})}),h&&e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-muted)",marginTop:4,marginBottom:0},children:h})]})}),e.jsxs("form",{onSubmit:z,children:[e.jsxs("div",{style:{marginBottom:18},children:[m&&e.jsx("label",{style:{display:"block",fontSize:"var(--text-sm)",fontWeight:550,color:"var(--text-strong)",marginBottom:6,fontFamily:"var(--font-sans)"},children:"Email"}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center"},children:[e.jsx(s.Mail,{size:15,style:{position:"absolute",left:12,color:l==="email"?`rgba(${r}, 0.7)`:"var(--text-faint)",pointerEvents:"none",transition:"color 0.2s ease"}}),e.jsx("input",{type:"email",value:b,onChange:o=>w(o.target.value),placeholder:u,required:!0,autoFocus:!0,autoComplete:"email",style:{width:"100%",padding:"11px 12px 11px 38px",fontSize:"var(--text-md)",border:"1px solid",borderColor:l==="email"?n:"var(--border)",borderRadius:"var(--radius)",backgroundColor:l==="email"?"rgba(255,255,255,0.95)":"var(--paper)",color:"var(--text-ink)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease",boxShadow:l==="email"?`0 0 0 3px rgba(${r}, 0.1)`:"none"},onFocus:()=>v("email"),onBlur:()=>v(null)})]})]}),e.jsxs("div",{style:{marginBottom:6},children:[m&&e.jsx("label",{style:{display:"block",fontSize:"var(--text-sm)",fontWeight:550,color:"var(--text-strong)",marginBottom:6,fontFamily:"var(--font-sans)"},children:"Password"}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center"},children:[e.jsx(s.Lock,{size:15,style:{position:"absolute",left:12,color:l==="password"?`rgba(${r}, 0.7)`:"var(--text-faint)",pointerEvents:"none",transition:"color 0.2s ease"}}),e.jsx("input",{type:R?"text":"password",value:y,onChange:o=>T(o.target.value),placeholder:k,required:!0,autoComplete:"current-password",style:{width:"100%",padding:"11px 42px 11px 38px",fontSize:"var(--text-md)",border:"1px solid",borderColor:l==="password"?n:"var(--border)",borderRadius:"var(--radius)",backgroundColor:l==="password"?"rgba(255,255,255,0.95)":"var(--paper)",color:"var(--text-ink)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease",boxShadow:l==="password"?`0 0 0 3px rgba(${r}, 0.1)`:"none"},onFocus:()=>v("password"),onBlur:()=>v(null)}),e.jsx("button",{type:"button",onClick:()=>M(!R),style:{position:"absolute",right:8,background:"none",border:"none",padding:4,cursor:"pointer",color:"var(--text-faint)",display:"flex",alignItems:"center",transition:"color 0.15s ease",borderRadius:"var(--radius-sm)"},tabIndex:-1,onMouseEnter:o=>{o.currentTarget.style.color="var(--text-muted)"},onMouseLeave:o=>{o.currentTarget.style.color="var(--text-faint)"},children:R?e.jsx(s.EyeOff,{size:16}):e.jsx(s.Eye,{size:16})})]})]}),c&&e.jsx("div",{style:{textAlign:"right",marginBottom:4},children:e.jsx("button",{type:"button",onClick:c,style:{background:"none",border:"none",padding:"2px 0",fontSize:"var(--text-xs)",color:"var(--text-muted)",cursor:"pointer",fontFamily:"var(--font-sans)",transition:"color 0.15s ease"},onMouseEnter:o=>{o.currentTarget.style.color="var(--text-strong)"},onMouseLeave:o=>{o.currentTarget.style.color="var(--text-muted)"},children:"Forgot password?"})}),C&&e.jsx("div",{style:{fontSize:"var(--text-sm)",color:"var(--text-strong)",marginTop:12,padding:"8px 12px",background:"color-mix(in srgb, var(--state-unknown) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--state-unknown) 25%, transparent)",borderRadius:"var(--radius-sm)",textAlign:"center",fontWeight:500},children:C}),e.jsx("button",{type:"submit",disabled:!j,style:{width:"100%",padding:"11px 0",marginTop:20,background:j?"var(--text-ink)":"var(--text-xfaint)",color:"#ffffff",border:"none",borderRadius:"var(--radius)",fontSize:"var(--text-md)",fontWeight:600,fontFamily:"var(--font-sans)",cursor:j?"pointer":"not-allowed",transition:"opacity 0.15s ease, transform 0.1s ease",display:"flex",alignItems:"center",justifyContent:"center",gap:8},onMouseEnter:o=>{j&&(o.currentTarget.style.opacity="0.85",o.currentTarget.style.transform="translateY(-1px)")},onMouseLeave:o=>{o.currentTarget.style.opacity="1",o.currentTarget.style.transform="translateY(0)"},onMouseDown:o=>{j&&(o.currentTarget.style.transform="translateY(0)")},onMouseUp:o=>{j&&(o.currentTarget.style.transform="translateY(-1px)")},children:f?"Signing in…":e.jsxs(e.Fragment,{children:["Sign In",e.jsx(s.ArrowRight,{size:16})]})})]}),i&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,margin:"24px 0 16px"},children:[e.jsx("div",{style:{flex:1,height:1,background:"var(--border)"}}),e.jsx("span",{style:{fontSize:"var(--text-xs)",color:"var(--text-faint)"},children:"or"}),e.jsx("div",{style:{flex:1,height:1,background:"var(--border)"}})]}),e.jsx("div",{style:{textAlign:"center",fontSize:"var(--text-xs)",color:"var(--text-faint)"},children:i})]})]});return t?x:e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"100vh",background:"var(--bg-chordia)",padding:"var(--spacing-6)"},children:x})}function _({left:S,right:h,defaultWidth:g=260,defaultRatio:d,minWidth:f=180,maxWidth:C=450,minRatio:i,maxRatio:m,collapsedWidth:u=0,collapsed:k,onCollapsedChange:c,collapseSide:t="left",collapseThreshold:b,dividerWidth:w=7,style:y}){const T=k!==void 0,[R,M]=a.useState(!1),l=T?k:R,v=a.useCallback(p=>{const B=typeof p=="function"?p(l):p;T||M(B),c==null||c(B)},[T,l,c]),z=a.useRef(null),[j,n]=a.useState(0),[r,x]=a.useState(g),[o,W]=a.useState(!1),[$,O]=a.useState(!1),E=a.useRef(0),L=a.useRef(0);a.useLayoutEffect(()=>{if(!z.current)return;const p=z.current.offsetWidth;n(p),!$&&p>0&&(d!=null&&x(Math.round(p*d)),O(!0))},[]),a.useEffect(()=>{if(!z.current)return;const p=new ResizeObserver(B=>{for(const F of B)n(F.contentRect.width)});return p.observe(z.current),()=>p.disconnect()},[]);const I=i!=null?Math.round(j*i):f,D=m!=null?Math.round(j*m):C,P=b??(t==="none"?0:I-40),U=a.useCallback(p=>{p.preventDefault(),E.current=p.clientX,L.current=l?u:r,W(!0)},[r,l,u]);a.useEffect(()=>{if(!o)return;const p=F=>{const q=F.clientX-E.current,H=L.current+q;if((t==="left"||t==="both")&&H<P){l||v(!0);return}l&&v(!1),x(Math.min(Math.max(H,I),D))},B=()=>W(!1);return document.addEventListener("mousemove",p),document.addEventListener("mouseup",B),document.body.style.userSelect="none",document.body.style.cursor="col-resize",()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",B),document.body.style.userSelect="",document.body.style.cursor=""}},[o,l,I,D,P,j,w,t,v]);const Y=a.useCallback(()=>{t!=="none"&&v(p=>!p)},[v,t]),A=l?u:r;return e.jsxs("div",{ref:z,style:{display:"flex",height:"100%",overflow:"hidden",position:"relative",...y},children:[(A>0||!l)&&e.jsx("div",{style:{width:A,flexShrink:0,overflow:"hidden",transition:o?"none":"width 0.2s ease",height:"100%",border:"1px solid",borderColor:"var(--border-subtle)"},children:!l&&S}),e.jsxs("div",{onMouseDown:U,onDoubleClick:Y,style:{width:`${w}px`,flexShrink:0,cursor:"col-resize",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:2},children:[e.jsx("div",{style:{width:"1px",height:"100%",background:o?"var(--rail-discovery, #5E88B0)":"var(--border, rgba(52,58,64,0.12))",transition:"background 0.15s ease"}}),e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"5px",height:"28px",borderRadius:"3px",background:o?"var(--rail-discovery, #5E88B0)":"var(--border, rgba(52,58,64,0.12))",opacity:o?1:0,transition:"opacity 0.15s ease, background 0.15s ease"},className:"splitpane-grip"}),e.jsx("style",{children:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),s=require("lucide-react"),X=require("../IntegrationCard.cjs.js");function G({onUploadCall:S,onConnectSource:h,onUseSample:g,showExamples:d=!1}){const[f,C]=a.useState(null),[i,m]=a.useState(null),[u,k]=a.useState(null),[c,t]=a.useState(null),b=a.useRef(null),w=[{id:"five9",name:"Five9",status:"available",description:"Cloud contact center platform"},{id:"twilio",name:"Twilio Flex",status:"available",description:"Programmable contact center"},{id:"genesys",name:"Genesys Cloud",status:"available",description:"All-in-one cloud contact center"},{id:"zoom",name:"Zoom Phone",status:"coming-soon",description:"Cloud phone system"}],y=[{id:"retail-support",name:"Retail Customer Support",description:"Sample interactions from retail customer service team",interactions:24,dateRange:"Last 30 days"},{id:"healthcare-billing",name:"Healthcare Billing Inquiries",description:"Patient billing and insurance verification calls",interactions:18,dateRange:"Last 2 weeks"},{id:"financial-services",name:"Financial Services Compliance",description:"Banking and financial advisory interactions",interactions:32,dateRange:"Last 45 days"}],T=n=>{var x;const r=(x=n.target.files)==null?void 0:x[0];if(r){const o=r.type.startsWith("audio/"),W=r.type.startsWith("video/");o||W?(m({name:r.name,type:r.type,size:r.size,lastModified:new Date(r.lastModified)}),S?S(r):console.log("File uploaded:",r.name,r.type,`(${(r.size/1024/1024).toFixed(2)} MB)`)):alert("Please select an audio or video file.")}b.current&&(b.current.value="")},R=n=>{const r=w.find(x=>x.id===n);r&&r.status==="available"&&(k(r),h?h(r):console.log("Connected to:",r.name))},B=n=>{const r=y.find(x=>x.id===n);r&&(t(r),g?g(r):console.log("Selected project:",r.name))},l=()=>{b.current&&b.current.click()},v=()=>{d&&!c||g&&g(c||{id:"default",name:"Demo Project"})},z=()=>{d&&!u||h&&h(u||{id:"default",name:"Data Source"})},j=[{id:"upload",icon:s.Upload,title:"Upload an interaction",description:"Drop an audio or video recording to see what Compass surfaces",recommended:!1,onClick:l},{id:"sample",icon:s.Sparkles,title:"Explore a demonstration project",description:"See how Chordia Compass surfaces insights from real interaction data",recommended:!0,onClick:v},{id:"connect",icon:s.Link,title:"Connect a data source",description:"Link your existing system to automatically analyze interactions",recommended:!1,onClick:z}];return e.jsxs("div",{style:{minHeight:"100vh",background:"var(--surface-warm)",display:"flex",alignItems:"center",justifyContent:"center",padding:"32px"},children:[e.jsx("input",{ref:b,type:"file",accept:"audio/*,video/*",onChange:T,style:{display:"none"}}),e.jsxs("div",{style:{maxWidth:"680px",width:"100%"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:"48px"},children:[e.jsx("h1",{style:{fontSize:"32px",fontWeight:760,letterSpacing:"-0.02em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"12px",lineHeight:1.2},children:"Experience Compass with one interaction"}),e.jsx("p",{style:{fontSize:"15px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5,maxWidth:"520px",margin:"0 auto"},children:"Compass surfaces evidence, signals, and actionable insights from customer interactions. Start by exploring what it reveals."})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:j.map(n=>{const r=n.icon,x=f===n.id;return e.jsxs("button",{type:"button",onClick:n.onClick,onMouseEnter:()=>C(n.id),onMouseLeave:()=>C(null),style:{position:"relative",width:"100%",padding:"24px 28px",background:x?"rgba(255, 255, 255, 0.95)":"rgba(255, 255, 255, 0.85)",border:n.recommended?"2px solid rgba(184, 156, 106, 0.35)":x?"1px solid rgba(52, 58, 64, 0.20)":"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"16px",cursor:"pointer",textAlign:"left",transition:"all 0.2s ease",transform:x?"translateY(-2px)":"translateY(0)",boxShadow:x?"0 12px 28px rgba(30, 33, 37, 0.12)":"0 4px 12px rgba(30, 33, 37, 0.06)"},children:[n.recommended&&e.jsx("div",{style:{position:"absolute",top:"16px",right:"20px",fontSize:"10px",fontWeight:650,letterSpacing:"0.06em",textTransform:"uppercase",color:"rgba(184, 156, 106, 0.75)",background:"rgba(184, 156, 106, 0.12)",padding:"4px 8px",borderRadius:"6px",border:"1px solid rgba(184, 156, 106, 0.2)"},children:"Recommended"}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"18px"},children:[e.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:n.recommended?"rgba(184, 156, 106, 0.12)":"rgba(231, 212, 162, 0.20)",border:n.recommended?"1px solid rgba(184, 156, 106, 0.25)":"1px solid rgba(231, 212, 162, 0.35)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e.jsx(r,{size:22,style:{color:n.recommended?"rgba(184, 156, 106, 0.75)":"rgba(30, 33, 37, 0.52)"}})}),e.jsxs("div",{style:{flex:1,paddingTop:"2px"},children:[e.jsx("div",{style:{fontSize:"17px",fontWeight:680,letterSpacing:"-0.01em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"6px",lineHeight:1.3},children:n.title}),e.jsx("div",{style:{fontSize:"13.5px",color:"rgba(30, 33, 37, 0.62)",lineHeight:1.5},children:n.description})]})]})]},n.id)})}),e.jsx("div",{style:{marginTop:"32px",textAlign:"center",fontSize:"12px",color:"rgba(30, 33, 37, 0.52)",lineHeight:1.5},children:"Your workspace has been created automatically. You can configure settings and add teammates later."}),d&&e.jsxs("div",{style:{marginTop:"48px",paddingTop:"32px",borderTop:"1px solid rgba(52, 58, 64, 0.12)"},children:[e.jsx("h2",{style:{fontSize:"20px",fontWeight:680,letterSpacing:"-0.01em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"24px"},children:"Testing Examples"}),i&&e.jsxs("div",{style:{marginBottom:"24px",padding:"16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(s.CheckCircle2,{size:18,style:{color:"#1F8F5A"}}),e.jsx("span",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)"},children:"File Uploaded"})]}),e.jsx("button",{onClick:()=>m(null),style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"},children:e.jsx(s.X,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})})]}),e.jsxs("div",{style:{fontSize:"13px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5},children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Name:"})," ",i.name]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Type:"})," ",i.type]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Size:"})," ",(i.size/1024/1024).toFixed(2)," MB"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Uploaded:"})," ",i.lastModified.toLocaleString()]})]})]}),!c&&e.jsxs("div",{style:{marginBottom:"24px"},children:[e.jsx("h3",{style:{fontSize:"15px",fontWeight:650,color:"rgba(30, 33, 37, 0.82)",marginBottom:"12px"},children:"Select a Demonstration Project:"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:y.map(n=>e.jsxs("button",{onClick:()=>B(n.id),style:{padding:"12px 16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"8px",textAlign:"left",cursor:"pointer",transition:"all 0.15s ease"},onMouseEnter:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.95)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.20)"},onMouseLeave:r=>{r.currentTarget.style.background="rgba(255, 255, 255, 0.85)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},children:[e.jsx("div",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)",marginBottom:"4px"},children:n.name}),e.jsx("div",{style:{fontSize:"12px",color:"rgba(30, 33, 37, 0.62)",marginBottom:"4px"},children:n.description}),e.jsxs("div",{style:{fontSize:"11px",color:"rgba(30, 33, 37, 0.52)"},children:[n.interactions," interactions · ",n.dateRange]})]},n.id))})]}),c&&e.jsxs("div",{style:{marginBottom:"24px",padding:"16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(s.CheckCircle2,{size:18,style:{color:"#1F8F5A"}}),e.jsxs("span",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)"},children:["Project Selected: ",c.name]})]}),e.jsx("button",{onClick:()=>t(null),style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"},children:e.jsx(s.X,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})})]}),e.jsxs("div",{style:{fontSize:"13px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5},children:[e.jsx("div",{children:c.description}),e.jsxs("div",{style:{marginTop:"4px"},children:[e.jsx("strong",{children:c.interactions})," interactions · ",e.jsx("strong",{children:c.dateRange})]})]})]}),!u&&e.jsxs("div",{style:{marginBottom:"24px"},children:[e.jsx("h3",{style:{fontSize:"15px",fontWeight:650,color:"rgba(30, 33, 37, 0.82)",marginBottom:"12px"},children:"Connect a Data Source:"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:w.map(n=>e.jsx("button",{onClick:()=>R(n.id),disabled:n.status==="coming-soon",style:{padding:"12px 16px",background:n.status==="coming-soon"?"rgba(255, 255, 255, 0.5)":"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"8px",textAlign:"left",cursor:n.status==="coming-soon"?"not-allowed":"pointer",transition:"all 0.15s ease",opacity:n.status==="coming-soon"?.6:1},onMouseEnter:r=>{n.status!=="coming-soon"&&(r.currentTarget.style.background="rgba(255, 255, 255, 0.95)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.20)")},onMouseLeave:r=>{n.status!=="coming-soon"&&(r.currentTarget.style.background="rgba(255, 255, 255, 0.85)",r.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)")},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)",marginBottom:"4px"},children:n.name}),e.jsx("div",{style:{fontSize:"12px",color:"rgba(30, 33, 37, 0.62)"},children:n.description})]}),n.status==="coming-soon"&&e.jsx("span",{style:{fontSize:"10px",fontWeight:600,color:"rgba(30, 33, 37, 0.42)",background:"rgba(30, 33, 37, 0.08)",padding:"4px 8px",borderRadius:"4px"},children:"Coming Soon"})]})},n.id))})]}),u&&e.jsxs("div",{style:{marginBottom:"24px",padding:"16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(s.CheckCircle2,{size:18,style:{color:"#1F8F5A"}}),e.jsxs("span",{style:{fontSize:"14px",fontWeight:650,color:"rgba(30, 33, 37, 0.92)"},children:["Connected: ",u.name]})]}),e.jsx("button",{onClick:()=>k(null),style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"},children:e.jsx(s.X,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})})]}),e.jsx("div",{style:{fontSize:"13px",color:"rgba(30, 33, 37, 0.65)",lineHeight:1.5},children:u.description})]})]})]})]})}function N({onDismiss:S,onItemClick:h,completedItems:g=[]}){const[d,f]=a.useState(!1),[C,i]=a.useState(null),m=[{id:"name-project",title:"Name your workspace",description:"Give your default project a meaningful name",icon:s.FolderOpen,completed:g.includes("name-project"),optional:!0},{id:"evaluate-second-interaction",title:"Evaluate another interaction",description:"Upload or connect a second interaction to see patterns",icon:s.Sparkles,completed:g.includes("evaluate-second-interaction")},{id:"connect-source",title:"Connect a data source",description:"Link your system or platform for automatic evaluation",icon:s.Link,completed:g.includes("connect-source")},{id:"invite-team",title:"Add teammates",description:"Invite managers or QA team members to collaborate",icon:s.Users,completed:g.includes("invite-team"),optional:!0},{id:"learn-concepts",title:"Understand Chordia concepts",description:"Learn how conditions, evidence, and confidence work",icon:s.BookOpen,completed:g.includes("learn-concepts"),optional:!0},{id:"configure-scope",title:"Clarify evaluation scope",description:"Customize which signals and conditions matter for your team",icon:s.Settings,completed:g.includes("configure-scope"),optional:!0}],u=m.filter(t=>t.completed).length,k=m.length,c=u/k*100;return d?e.jsx("button",{type:"button",onClick:()=>f(!1),style:{width:"100%",padding:"14px 16px",background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px",cursor:"pointer",textAlign:"left",transition:"all 0.15s ease",boxShadow:"0 2px 8px rgba(30, 33, 37, 0.04)"},onMouseEnter:t=>{t.currentTarget.style.background="rgba(255, 255, 255, 0.95)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.18)"},onMouseLeave:t=>{t.currentTarget.style.background="rgba(255, 255, 255, 0.85)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px"},children:[e.jsxs("div",{style:{fontSize:"13px",fontWeight:600,color:"rgba(30, 33, 37, 0.75)"},children:["Getting started (",u,"/",k,")"]}),e.jsx(s.ChevronRight,{size:16,style:{color:"rgba(30, 33, 37, 0.42)"}})]})}):e.jsxs("div",{style:{background:"rgba(255, 255, 255, 0.85)",border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"16px",overflow:"hidden",boxShadow:"0 4px 16px rgba(30, 33, 37, 0.06)"},children:[e.jsxs("div",{style:{padding:"18px 20px 16px",borderBottom:"1px solid rgba(52, 58, 64, 0.08)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"12px"},children:[e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{style:{fontSize:"15px",fontWeight:680,letterSpacing:"-0.01em",color:"rgba(30, 33, 37, 0.92)",marginBottom:"6px",lineHeight:1.3},children:"Getting started with Chordia"}),e.jsxs("div",{style:{fontSize:"12px",color:"rgba(30, 33, 37, 0.58)",lineHeight:1.4},children:[u," of ",k," completed"]})]}),e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx("button",{type:"button",onClick:()=>f(!0),style:{width:"28px",height:"28px",borderRadius:"6px",background:"transparent",border:"1px solid rgba(52, 58, 64, 0.12)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.15s ease",color:"rgba(30, 33, 37, 0.52)"},onMouseEnter:t=>{t.currentTarget.style.background="rgba(231, 212, 162, 0.12)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.18)"},onMouseLeave:t=>{t.currentTarget.style.background="transparent",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},title:"Collapse",children:e.jsx(s.ChevronRight,{size:14})}),S&&e.jsx("button",{type:"button",onClick:S,style:{width:"28px",height:"28px",borderRadius:"6px",background:"transparent",border:"1px solid rgba(52, 58, 64, 0.12)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.15s ease",color:"rgba(30, 33, 37, 0.52)"},onMouseEnter:t=>{t.currentTarget.style.background="rgba(231, 212, 162, 0.12)",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.18)"},onMouseLeave:t=>{t.currentTarget.style.background="transparent",t.currentTarget.style.borderColor="rgba(52, 58, 64, 0.12)"},title:"Dismiss checklist",children:e.jsx(s.X,{size:14})})]})]}),e.jsx("div",{style:{marginTop:"14px",height:"6px",background:"rgba(30, 33, 37, 0.08)",borderRadius:"999px",overflow:"hidden"},children:e.jsx("div",{style:{height:"100%",width:`${c}%`,background:"linear-gradient(90deg, rgba(184, 156, 106, 0.75) 0%, rgba(139, 157, 127, 0.75) 100%)",borderRadius:"999px",transition:"width 0.4s ease"}})})]}),e.jsx("div",{style:{padding:"8px"},children:m.map((t,b)=>{const w=t.icon,y=C===t.id;return e.jsx("button",{type:"button",onClick:()=>h==null?void 0:h(t.id),onMouseEnter:()=>i(t.id),onMouseLeave:()=>i(null),disabled:t.completed,style:{width:"100%",padding:"12px 14px",background:t.completed?"rgba(139, 157, 127, 0.06)":y?"rgba(231, 212, 162, 0.12)":"transparent",border:"none",borderRadius:"10px",cursor:t.completed?"default":"pointer",textAlign:"left",transition:"all 0.15s ease",marginBottom:b<m.length-1?"4px":"0",opacity:t.completed?.7:1},children:e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"12px"},children:[e.jsx("div",{style:{width:"20px",height:"20px",marginTop:"1px",flexShrink:0},children:t.completed?e.jsx(s.CheckCircle2,{size:20,style:{color:"rgba(139, 157, 127, 0.75)"}}):e.jsx(s.Circle,{size:20,style:{color:"rgba(30, 33, 37, 0.24)"}})}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"3px"},children:[e.jsx(w,{size:14,style:{color:"rgba(30, 33, 37, 0.52)",flexShrink:0}}),e.jsx("span",{style:{fontSize:"13px",fontWeight:600,color:t.completed?"rgba(30, 33, 37, 0.52)":"rgba(30, 33, 37, 0.85)",textDecoration:t.completed?"line-through":"none",lineHeight:1.3},children:t.title}),t.optional&&!t.completed&&e.jsx("span",{style:{fontSize:"9px",fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase",color:"rgba(30, 33, 37, 0.42)",background:"rgba(30, 33, 37, 0.06)",padding:"2px 5px",borderRadius:"4px"},children:"Optional"})]}),e.jsx("div",{style:{fontSize:"11.5px",color:"rgba(30, 33, 37, 0.52)",lineHeight:1.4,paddingLeft:"22px"},children:t.description})]}),!t.completed&&y&&e.jsx(s.ChevronRight,{size:16,style:{color:"rgba(30, 33, 37, 0.32)",marginTop:"2px",flexShrink:0}})]})},t.id)})}),e.jsx("div",{style:{padding:"12px 20px 16px",borderTop:"1px solid rgba(52, 58, 64, 0.08)"},children:e.jsxs("div",{style:{fontSize:"11px",color:"rgba(30, 33, 37, 0.52)",lineHeight:1.5,fontStyle:"italic"},children:["You can dismiss this checklist anytime. These steps help you get the most from Chordia, but ","aren't"," required."]})})]})}function Q({text:S="Demo Project",accentColor:h="#B89C6A",textColor:g="rgba(255, 255, 255, 0.95)",size:d="medium",position:f="fixed"}){const i={small:{width:140,height:140,fontSize:"11px",letterSpacing:"0.08em",fontWeight:650},medium:{width:180,height:180,fontSize:"12px",letterSpacing:"0.1em",fontWeight:680},large:{width:220,height:220,fontSize:"13px",letterSpacing:"0.12em",fontWeight:700}}[d];return e.jsxs("div",{style:{position:f,top:0,right:0,width:i.width,height:i.height,overflow:"hidden",zIndex:f==="fixed"?9999:1,pointerEvents:"none"},children:[e.jsx("div",{style:{position:"absolute",top:0,right:0,width:0,height:0,borderStyle:"solid",borderWidth:`0 ${i.width}px ${i.height}px 0`,borderColor:`transparent ${h} transparent transparent`,opacity:.92}}),e.jsx("div",{style:{position:"absolute",top:0,right:0,width:0,height:0,borderStyle:"solid",borderWidth:`0 ${i.width}px ${i.height}px 0`,borderColor:"transparent rgba(0, 0, 0, 0.08) transparent transparent"}}),e.jsx("div",{style:{position:"absolute",top:d==="small"?"28px":d==="medium"?"38px":"48px",right:d==="small"?"-32px":d==="medium"?"-42px":"-52px",width:d==="small"?"160px":d==="medium"?"200px":"240px",transform:"rotate(45deg)",transformOrigin:"center",textAlign:"center"},children:e.jsx("div",{style:{fontSize:i.fontSize,fontWeight:i.fontWeight,letterSpacing:i.letterSpacing,textTransform:"uppercase",color:g,textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)",whiteSpace:"nowrap",userSelect:"none"},children:S})}),e.jsx("div",{style:{position:"absolute",top:0,right:0,width:i.width,height:i.height,background:"linear-gradient(135deg, transparent 0%, rgba(0, 0, 0, 0.04) 100%)",pointerEvents:"none"}})]})}const V="../../assets/chordia-logo.png";function Z({title:S="Chordia",subtitle:h="Sign in to continue",logo:g,onLogin:d,loading:f=!1,error:C=null,footer:i,showLabels:m=!0,emailPlaceholder:u="you@company.com",passwordPlaceholder:k="Password",onForgotPassword:c,compact:t=!1}){const[b,w]=a.useState(""),[y,T]=a.useState(""),[R,B]=a.useState(!1),[l,v]=a.useState(null),z=o=>{o.preventDefault(),!(!b||!y||f)&&(d==null||d(b,y))},j=b&&y&&!f,n="var(--rail-compliance)",r="201, 138, 90",x=e.jsxs("div",{style:{width:"100%",maxWidth:400,background:"var(--paper-elevated)",border:"1px solid var(--border)",borderRadius:"var(--radius-lg)",padding:"44px 36px 36px",boxShadow:"0 8px 32px rgba(30, 33, 37, 0.06), 0 1px 3px rgba(30, 33, 37, 0.04)",position:"relative",overflow:"hidden"},children:[e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,height:3,background:`linear-gradient(90deg, var(--state-unknown), ${n})`,opacity:.6}}),e.jsx("div",{style:{textAlign:"center",marginBottom:32},children:g||e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"12px 24px",borderRadius:"var(--radius-lg)",background:"rgba(30, 33, 37, 0.92)",marginBottom:16},children:e.jsx("img",{src:V,alt:S,style:{height:28,display:"block"}})}),h&&e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-muted)",marginTop:4,marginBottom:0},children:h})]})}),e.jsxs("form",{onSubmit:z,children:[e.jsxs("div",{style:{marginBottom:18},children:[m&&e.jsx("label",{style:{display:"block",fontSize:"var(--text-sm)",fontWeight:550,color:"var(--text-strong)",marginBottom:6,fontFamily:"var(--font-sans)"},children:"Email"}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center"},children:[e.jsx(s.Mail,{size:15,style:{position:"absolute",left:12,color:l==="email"?`rgba(${r}, 0.7)`:"var(--text-faint)",pointerEvents:"none",transition:"color 0.2s ease"}}),e.jsx("input",{type:"email",value:b,onChange:o=>w(o.target.value),placeholder:u,required:!0,autoFocus:!0,autoComplete:"email",style:{width:"100%",padding:"11px 12px 11px 38px",fontSize:"var(--text-md)",border:"1px solid",borderColor:l==="email"?n:"var(--border)",borderRadius:"var(--radius)",backgroundColor:l==="email"?"rgba(255,255,255,0.95)":"var(--paper)",color:"var(--text-ink)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease",boxShadow:l==="email"?`0 0 0 3px rgba(${r}, 0.1)`:"none"},onFocus:()=>v("email"),onBlur:()=>v(null)})]})]}),e.jsxs("div",{style:{marginBottom:6},children:[m&&e.jsx("label",{style:{display:"block",fontSize:"var(--text-sm)",fontWeight:550,color:"var(--text-strong)",marginBottom:6,fontFamily:"var(--font-sans)"},children:"Password"}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center"},children:[e.jsx(s.Lock,{size:15,style:{position:"absolute",left:12,color:l==="password"?`rgba(${r}, 0.7)`:"var(--text-faint)",pointerEvents:"none",transition:"color 0.2s ease"}}),e.jsx("input",{type:R?"text":"password",value:y,onChange:o=>T(o.target.value),placeholder:k,required:!0,autoComplete:"current-password",style:{width:"100%",padding:"11px 42px 11px 38px",fontSize:"var(--text-md)",border:"1px solid",borderColor:l==="password"?n:"var(--border)",borderRadius:"var(--radius)",backgroundColor:l==="password"?"rgba(255,255,255,0.95)":"var(--paper)",color:"var(--text-ink)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease",boxShadow:l==="password"?`0 0 0 3px rgba(${r}, 0.1)`:"none"},onFocus:()=>v("password"),onBlur:()=>v(null)}),e.jsx("button",{type:"button",onClick:()=>B(!R),style:{position:"absolute",right:8,background:"none",border:"none",padding:4,cursor:"pointer",color:"var(--text-faint)",display:"flex",alignItems:"center",transition:"color 0.15s ease",borderRadius:"var(--radius-sm)"},tabIndex:-1,onMouseEnter:o=>{o.currentTarget.style.color="var(--text-muted)"},onMouseLeave:o=>{o.currentTarget.style.color="var(--text-faint)"},children:R?e.jsx(s.EyeOff,{size:16}):e.jsx(s.Eye,{size:16})})]})]}),c&&e.jsx("div",{style:{textAlign:"right",marginBottom:4},children:e.jsx("button",{type:"button",onClick:c,style:{background:"none",border:"none",padding:"2px 0",fontSize:"var(--text-xs)",color:"var(--text-muted)",cursor:"pointer",fontFamily:"var(--font-sans)",transition:"color 0.15s ease"},onMouseEnter:o=>{o.currentTarget.style.color="var(--text-strong)"},onMouseLeave:o=>{o.currentTarget.style.color="var(--text-muted)"},children:"Forgot password?"})}),C&&e.jsx("div",{style:{fontSize:"var(--text-sm)",color:"var(--text-strong)",marginTop:12,padding:"8px 12px",background:"color-mix(in srgb, var(--state-unknown) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--state-unknown) 25%, transparent)",borderRadius:"var(--radius-sm)",textAlign:"center",fontWeight:500},children:C}),e.jsx("button",{type:"submit",disabled:!j,style:{width:"100%",padding:"11px 0",marginTop:20,background:j?"var(--text-ink)":"var(--text-xfaint)",color:"#ffffff",border:"none",borderRadius:"var(--radius)",fontSize:"var(--text-md)",fontWeight:600,fontFamily:"var(--font-sans)",cursor:j?"pointer":"not-allowed",transition:"opacity 0.15s ease, transform 0.1s ease",display:"flex",alignItems:"center",justifyContent:"center",gap:8},onMouseEnter:o=>{j&&(o.currentTarget.style.opacity="0.85",o.currentTarget.style.transform="translateY(-1px)")},onMouseLeave:o=>{o.currentTarget.style.opacity="1",o.currentTarget.style.transform="translateY(0)"},onMouseDown:o=>{j&&(o.currentTarget.style.transform="translateY(0)")},onMouseUp:o=>{j&&(o.currentTarget.style.transform="translateY(-1px)")},children:f?"Signing in…":e.jsxs(e.Fragment,{children:["Sign In",e.jsx(s.ArrowRight,{size:16})]})})]}),i&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,margin:"24px 0 16px"},children:[e.jsx("div",{style:{flex:1,height:1,background:"var(--border)"}}),e.jsx("span",{style:{fontSize:"var(--text-xs)",color:"var(--text-faint)"},children:"or"}),e.jsx("div",{style:{flex:1,height:1,background:"var(--border)"}})]}),e.jsx("div",{style:{textAlign:"center",fontSize:"var(--text-xs)",color:"var(--text-faint)"},children:i})]})]});return t?x:e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"100vh",background:"var(--bg-chordia)",padding:"var(--spacing-6)"},children:x})}function _({left:S,right:h,defaultWidth:g=260,defaultRatio:d,minWidth:f=180,maxWidth:C=450,minRatio:i,maxRatio:m,collapsedWidth:u=0,collapsed:k,onCollapsedChange:c,collapseSide:t="left",collapseThreshold:b,dividerWidth:w=7,style:y}){const T=k!==void 0,[R,B]=a.useState(!1),l=T?k:R,v=a.useCallback(p=>{const M=typeof p=="function"?p(l):p;T||B(M),c==null||c(M)},[T,l,c]),z=a.useRef(null),[j,n]=a.useState(0),[r,x]=a.useState(g),[o,W]=a.useState(!1),[$,O]=a.useState(!1),E=a.useRef(0),L=a.useRef(0);a.useLayoutEffect(()=>{if(!z.current)return;const p=z.current.offsetWidth;n(p),!$&&p>0&&(d!=null&&x(Math.round(p*d)),O(!0))},[]),a.useEffect(()=>{if(!z.current)return;const p=new ResizeObserver(M=>{for(const F of M)n(F.contentRect.width)});return p.observe(z.current),()=>p.disconnect()},[]);const I=i!=null?Math.round(j*i):f,D=m!=null?Math.round(j*m):C,P=b??(t==="none"?0:I-40),U=a.useCallback(p=>{p.preventDefault(),E.current=p.clientX,L.current=l?u:r,W(!0)},[r,l,u]);a.useEffect(()=>{if(!o)return;const p=F=>{const q=F.clientX-E.current,H=L.current+q;if((t==="left"||t==="both")&&H<P){l||v(!0);return}l&&v(!1),x(Math.min(Math.max(H,I),D))},M=()=>W(!1);return document.addEventListener("mousemove",p),document.addEventListener("mouseup",M),document.body.style.userSelect="none",document.body.style.cursor="col-resize",()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",M),document.body.style.userSelect="",document.body.style.cursor=""}},[o,l,I,D,P,j,w,t,v]);const Y=a.useCallback(()=>{t!=="none"&&v(p=>!p)},[v,t]),A=l?u:r;return e.jsxs("div",{ref:z,style:{display:"flex",height:"100%",overflow:"hidden",position:"relative",...y},children:[(A>0||!l)&&e.jsx("div",{style:{width:A,flexShrink:0,overflow:"hidden",transition:o?"none":"width 0.2s ease",height:"100%",border:"1px solid",borderColor:"var(--border-subtle)"},children:!l&&S}),e.jsxs("div",{onMouseDown:U,onDoubleClick:Y,style:{width:`${w}px`,flexShrink:0,cursor:"col-resize",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:2},children:[e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"5px",height:"28px",borderRadius:"3px",background:o?"var(--rail-discovery, #5E88B0)":"var(--border, rgba(52,58,64,0.12))",opacity:o?1:0,transition:"opacity 0.15s ease, background 0.15s ease"},className:"splitpane-grip"}),e.jsx("style",{children:`
           div:hover > .splitpane-grip { opacity: 0.7 !important; }
         `})]}),e.jsx("div",{style:{flex:1,minWidth:0,overflow:"hidden",height:"100%"},children:h})]})}exports.IntegrationCard=X.IntegrationCard;exports.DemoProjectBanner=Q;exports.FirstCallScreen=G;exports.LoginForm=Z;exports.OnboardingChecklist=N;exports.SplitPane=_;
 //# sourceMappingURL=layout.cjs.js.map