1import{j as e}from"./ui-vJ_D2TVO.js";import{r as d,L as xe}from"./vendor-BBv0OiA4.js";import{h as R,e as I,H as Q,v as L,i as Z,C as O,x as w,X as V,l as C,k,A as H,j as v,ax as y,P as M,S as ee,L as se,at as Re,m as U,n as Ve,G as re,aw as ze,r as Ye,aC as Ge}from"./index-kgmlHZGS.js";import{M as De}from"./mail-Ct815j3A.js";import{Z as te}from"./zap-BXdn8vWA.js";import{H as Pe}from"./heart-pulse-B047qUiz.js";import{U as z}from"./upload-COCCzIDN.js";import{C as ae}from"./calendar-days-C-eEhTGm.js";import{A as $}from"./award-Wv3FP9kJ.js";import{S as T}from"./settings-Bg73jt0X.js";import{E as We}from"./eye-off-DcV3ZUrs.js";import{T as Ae}from"./trending-up-D6DWruyY.js";import{P as Qe}from"./pause-Ca0Cbmmt.js";import{E as le}from"./eye-DwxiSP-2.js";import{G as ne}from"./gift-FdCS_8h5.js";import{E as _e}from"./external-link-CMXcX6hQ.js";import{M as Je}from"./message-circle-CHHpgote.js";import{T as qe}from"./target-Q3sC0Ur-.js";import{T as $e}from"./timer-Dg3tii2R.js";/** 2 * @license lucide-react v0.462.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const Ke=R("Bell",[["path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9",key:"1qo2s2"}],["path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0",key:"qgo35s"}]]);/** 7 * @license lucide-react v0.462.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const Fe=R("CircleHelp",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);/** 12 * @license lucide-react v0.462.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree. 16 */const Xe=R("FileDown",[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M12 18v-6",key:"17g6i2"}],["path",{d:"m9 15 3 3 3-3",key:"1npd3o"}]]);/** 17 * @license lucide-react v0.462.0 - ISC 18 * 19 * This source code is licensed under the ISC license. 20 * See the LICENSE file in the root directory of this source tree. 21 */const Ie=R("Flame",[["path",{d:"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z",key:"96xj49"}]]);/** 22 * @license lucide-react v0.462.0 - ISC 23 * 24 * This source code is licensed under the ISC license. 25 * See the LICENSE file in the root directory of this source tree. 26 */const Me=R("Inbox",[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]]);/** 27 * @license lucide-react v0.462.0 - ISC 28 * 29 * This source code is licensed under the ISC license. 30 * See the LICENSE file in the root directory of this source tree. 31 */const Ze=R("Square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]),es=["Veterinarian","Medical Director","Support Team","Practice Manager","Intern","Student"],ss=["General Practice","Emergency","Surgery","Dentistry","Internal Medicine","Dermatology","Cardiology","Behavior","Exotics","Equine","Oncology","Neurology","Ophthalmology"],rs=["English","French","Español"],ts=["Português","Deutsch","Italiano","æ¥æ¬èª","ä¸æ","íêµì´","à¹à¸à¸¢"],as=["Full-Time","Part-Time","Relief / Locum"],ls=["Concise","Standard","Detailed"],ns=["Suggest differential diagnoses","Prebuilt abbreviations","Physical exam normals"],os=[{name:"Bella",reason:"Vaccination",time:"Today, 2:30 PM"},{name:"Max",reason:"Skin infection",time:"Today, 11:15 AM"},{name:"Luna",reason:"Dental exam",time:"Yesterday, 4:00 PM"}],m=({children:t,label:s})=>e.jsxs("div",{className:"w-full max-w-[1080px] mx-auto mb-20",children:[e.jsx("p",{className:"text-xs font-semibold tracking-widest uppercase text-muted-foreground mb-4 pl-1",children:s}),e.jsx("div",{className:"rounded-2xl border border-border bg-card shadow-xl overflow-hidden",children:t})]}),is=()=>e.jsxs("div",{className:"absolute inset-0 flex bg-background",children:[e.jsxs("div",{className:"w-[180px] bg-[hsl(221_85%_53%)] flex flex-col shrink-0",children:[e.jsx("div",{className:"px-5 py-5",children:e.jsx("img",{src:L,alt:"VetRec",className:"h-5 brightness-0 invert"})}),e.jsx("nav",{className:"flex-1 px-3 space-y-1 mt-2",children:[{icon:ee,label:"Search"},{icon:k,label:"New Visit",active:!0},{icon:se,label:"Case Board"},{icon:ae,label:"Visits"},{icon:v,label:"Templates"}].map(({icon:t,label:s,active:r})=>e.jsxs("div",{className:`flex items-center gap-2.5 px-3 py-2 rounded-lg text-xs font-medium ${r?"bg-primary-foreground
31/20 text-primary-foreground":"text-primary-foreground/60"}`,children:[e.jsx(t,{className:"w-4 h-4"}),s]},s))}),e.jsxs("div",{className:"px-3 pb-3 space-y-1 mt-auto",children:[e.jsx("div",{className:"text-primary-foreground/50 text-[10px] font-semibold uppercase tracking-wider px-3 mb-1",children:"Configurations"}),[{icon:T,label:"Settings"},{icon:C,label:"VetRec IQ"},{icon:U,label:"Analytics"}].map(({icon:t,label:s})=>e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 text-xs font-medium text-primary-foreground/60",children:[e.jsx(t,{className:"w-4 h-4"}),s]},s))]})]}),e.jsxs("div",{className:"flex-1 flex flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between px-8 py-4 border-b border-border",children:[e.jsx("h2",{className:"text-lg font-bold text-foreground",children:"Scribe"}),e.jsx("div",{className:"flex items-center gap-3",children:e.jsx("span",{className:"text-xs text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:"New visit +"})})]}),e.jsxs("div",{className:"px-8 py-4 border-b border-border flex items-center gap-4",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("label",{className:"text-[10px] text-muted-foreground",children:"Patient name"}),e.jsx("div",{className:"h-9 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-sm text-muted-foreground/50",children:"Mr. Wiggles (optional)"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] text-muted-foreground",children:"Record as"}),e.jsx("div",{className:"h-9 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50 w-[120px]",children:"Dr. Smith"})]})]}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsxs("div",{className:"w-[220px] border-r border-border p-5 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs font-semibold text-foreground/70",children:[e.jsx(T,{className:"w-3.5 h-3.5"}),"Choose your template"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"text-xs font-medium text-foreground",children:"Medical Note"}),e.jsx("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50",children:"SOAP Note"})]})]}),e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center",children:[e.jsx("div",{className:"flex items-center gap-6 mb-12",children:[{icon:y,label:"Record",active:!0},{icon:M,label:"Phone",active:!1},{icon:z,label:"Upload",active:!1}].map(({icon:t,label:s,active:r})=>e.jsxs("div",{className:`flex items-center gap-1.5 text-xs font-medium pb-2 ${r?"text-primary border-b-2 border-primary":"text-muted-foreground"}`,children:[e.jsx(t,{className:"w-3.5 h-3.5"}),s]},s))}),e.jsx("div",{className:"w-36 h-36 rounded-full bg-primary/15 flex items-center justify-center mb-4",children:e.jsxs("div",{className:"w-28 h-28 rounded-full bg-primary flex flex-col items-center justify-center",children:[e.jsx("span",{className:"text-primary-foreground text-xs font-semibold mb-1",children:"Start Recording"}),e.jsx(y,{className:"w-5 h-5 text-primary-foreground"})]})}),e.jsxs("div",{className:"flex items-center gap-3 mt-6",children:[e.jsxs("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50 gap-1.5",children:["Detail Level: ",e.jsx("span",{className:"font-medium text-foreground/50",children:"Detailed"})]}),e.jsxs("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50 gap-1.5",children:[e.jsx(re,{className:"w-3 h-3"})," English (UK)"]})]})]})]})]})]}),Ee=({children:t,label:s,step:r,totalSteps:a})=>e.jsxs("div",{className:"w-full max-w-[1080px] mx-auto mb-20",children:[e.jsx("p",{className:"text-xs font-semibold tracking-widest uppercase text-muted-foreground mb-4 pl-1",children:s}),e.jsxs("div",{className:"rounded-2xl border border-border shadow-xl overflow-hidden relative",style:{minHeight:700},children:[e.jsx(is,{}
31),e.jsx("div",{className:"absolute inset-0 bg-foreground/10 backdrop-blur-[2px]"}),e.jsx("div",{className:"relative z-10 flex items-center justify-center p-8",style:{minHeight:700},children:e.jsxs("div",{className:"w-full max-w-[540px] bg-card rounded-2xl border border-border shadow-2xl p-8",children:[r&&a&&e.jsxs("div",{className:"flex items-center justify-center gap-3 mb-6",children:[Array.from({length:a},(o,n)=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`flex items-center justify-center w-7 h-7 rounded-full text-xs font-bold transition-colors ${n+1===r?"bg-primary text-primary-foreground":n+1<r?"bg-primary/20 text-primary":"bg-muted text-muted-foreground"}`,children:n+1}),n<a-1&&e.jsx("div",{className:`w-12 h-0.5 rounded-full ${n+1<r?"bg-primary/40":"bg-border"}`})]},n)),e.jsxs("span",{className:"ml-2 text-xs text-muted-foreground font-medium",children:["Step ",r," of ",a]})]}),t]})})]})]}),_=({onNext:t})=>e.jsx(m,{label:"Screen 1 â Account Creation",children:e.jsxs("div",{className:"min-h-[680px] flex items-center justify-center bg-background relative overflow-hidden p-8",children:[e.jsxs("div",{className:"absolute inset-0 pointer-events-none","aria-hidden":"true",children:[e.jsx("div",{className:"absolute -top-32 -right-32 w-[500px] h-[500px] rounded-full bg-primary/[0.04]"}),e.jsx("div",{className:"absolute -bottom-40 -left-40 w-[600px] h-[600px] rounded-full bg-primary/[0.03]"})]}),e.jsxs("div",{className:"w-full max-w-[420px] space-y-7 relative z-10",children:[e.jsx("div",{className:"flex justify-center",children:e.jsx("img",{src:L,alt:"VetRec",className:"h-8"})}),e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Create your free VetRec account"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Start generating SOAP notes in minutes"})]}),e.jsxs("button",{className:"w-full h-12 rounded-xl border border-border bg-card hover:bg-muted/50 transition-colors flex items-center justify-center gap-3 text-sm font-medium text-foreground shadow-sm",children:[e.jsxs("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),e.jsx("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),e.jsx("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",fill:"#FBBC05"}),e.jsx("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]}),"Continue with Google"]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"flex-1 h-px bg-border"}),e.jsx("span",{className:"text-xs text-muted-foreground font-medium",children:"OR"}),e.jsx("div",{className:"flex-1 h-px bg-border"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-xs font-medium text-muted-foreground mb-1.5 block",children:"First Name"}),e.jsx("input",{className:"w-full h-11 rounded-xl border border-border bg-card px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all shadow-sm",placeholder:"Jane"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs font-medium text-muted-foreground mb-1.5 block",children:"Last Name"}),e.jsx("input",{className:"w-full h-11 rounded-xl border border-border bg-card px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all shadow-sm",placeholder:"Smith"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs font-medium text-muted-foreground mb-1.5 block",children:"Email"}),e.jsx("input",{className:"w-full h-11 rounded-xl border border-border bg-card px-4 text-sm text-foreground placeholder:text-muted-foreground
31/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all shadow-sm",placeholder:"[email protected]",type:"email"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs font-medium text-muted-foreground mb-1.5 block",children:"Password"}),e.jsx("input",{className:"w-full h-11 rounded-xl border border-border bg-card px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all shadow-sm",placeholder:"8+ characters",type:"password"})]})]}),e.jsxs("label",{className:"flex items-start gap-3 cursor-pointer",children:[e.jsx("input",{type:"checkbox",className:"mt-0.5 w-4 h-4 rounded border-border accent-primary"}),e.jsxs("span",{className:"text-xs text-muted-foreground leading-relaxed",children:["By signing up, you agree to our"," ",e.jsx(xe,{to:"/privacy-policy",className:"text-primary font-medium hover:underline",children:"Privacy Policy"})," ","and"," ",e.jsx(xe,{to:"/terms-of-service",className:"text-primary font-medium hover:underline",children:"Terms & Conditions"}),"."]})]}),e.jsx("button",{onClick:t,className:"w-full h-12 rounded-xl bg-primary text-primary-foreground font-semibold text-sm hover:bg-primary/90 transition-colors shadow-md",children:"Create Free Account"}),e.jsxs("p",{className:"text-center text-sm text-muted-foreground",children:["Already have an account?"," ",e.jsx("span",{className:"text-primary font-medium cursor-pointer hover:underline",children:"Sign in"})]})]})]})}),F=({options:t,value:s,onChange:r})=>e.jsx("div",{className:"flex flex-wrap gap-2",children:t.map(a=>e.jsx("button",{onClick:()=>r(a),className:`px-5 py-2.5 rounded-full text-sm font-medium transition-all border ${s===a?"bg-primary text-primary-foreground border-primary shadow-md":"bg-card text-foreground border-border hover:border-primary/40"}`,children:a},a))}),ds=()=>{const[t,s]=d.useState("Veterinarian"),[r,a]=d.useState("General Practice"),[o,n]=d.useState("English"),[c,b]=d.useState(!1),[u,l]=d.useState("Full-Time"),[i,j]=d.useState("Standard"),[Y,G]=d.useState(["Suggest differential diagnoses","Physical exam normals"]),[P,A]=d.useState(""),[W,Ue]=d.useState("");return{role:t,setRole:s,specialty:r,setSpecialty:a,language:o,setLanguage:n,showOtherLang:c,setShowOtherLang:b,employment:u,setEmployment:l,noteStyle:i,setNoteStyle:j,assists:Y,setAssists:G,schoolName:P,setSchoolName:A,graduationYear:W,setGraduationYear:Ue}},cs=()=>{const[t,s]=d.useState(""),[r,a]=d.useState(""),[o,n]=d.useState(""),[c,b]=d.useState("Dr. Jane Smith"),[u,l]=d.useState(["DVM"]),[i,j]=d.useState(""),Y=P=>l(A=>A.includes(P)?A.filter(W=>W!==P):[...A,P]),G=`${c}${u.length?", "+u.join(", "):""}`;return{clinicName:t,setClinicName:s,clinicWebsite:r,setClinicWebsite:a,clinicPhone:o,setClinicPhone:n,displayName:c,setDisplayName:b,credentials:u,setCredentials:l,toggleCredential:Y,pims:i,setPims:j,namePreview:G}},xs=["Avimark","Cornerstone","eVetPractice","IDEXX Neo","Impromed","NaVetor","PetDesk","Shepherd","SmartFlow","Vetter","Other","Not sure"],ms=["DVM","VMD","BVSc","BVMS","MVB","RVT","CVT","LVT","VTS"],us=({language:t,showOtherLang:s,onSelect:r})=>e.jsxs("div",{className:"flex flex-wrap gap-2",children:[rs.map(a=>e.jsx("button",{onClick:()=>r(a,!1),className:`px-5 py-2.5 rounded-full text-sm font-medium transition-all border ${t===a&&!s?"bg-primary text-primary-foreground border-primary shadow-md":"bg-card text-foreground border-border hover:border-primary/40"}`,children:a},a)),e.jsxs("div",{className:"relative",children:[e.jsxs("select",{value:s?t:"",onChange:a=>r(a.target.value,!0),className:`appearance-none px-5 py-2.5 pr-8 rounded-full text-sm font-medium transition-all border cursor-pointer ${s?"bg-primary text-primary-foreground border-primary shadow-md":"bg-card text-foreground border-border hover:border-primary/40"}`,children:[e.jsx("option",{value:"",disabled:!0,children:"Choose anotherâ¦"}),ts.map(a=>e.jsx("option",{value:a,children:a},a))]}),e.jsx(w,{className:"absolute right-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 rotate-90 pointer-events-none opacity-60"})]})]}),J=({onNext:t})=>{const s=ds(),[r,a]=d.useState(1),o=4,n=l=>s.setAssists(i=>i.includes(l)?i.filter(j=>j!==l):[...i,l]),c=()=>{r<o?a(r+1):t()},b=()=>{r>1&&a(r-1)},u=()=>e.jsx("div",{className:"flex items-center justify-center gap-2 mb-6",children:Array.from({length:o},(l,i)=>e.jsx("div",{className:`h-1.5 rounded-full transition-all ${i+1===r?"w-8 bg-primary":i+1<r?"w-4 bg-primary/40":"w-4 bg-border"}`},i))});return e.jsx(Ee,{label:"Screen 2 â Quick Setup",step:1,totalSteps:2,children:e.jsxs("div",{className:"space-y-8",children:[e.jsx(u,{}),r===1&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 bg-primary/10 text-primary-strong text-xs font-semibold px-3 py-1.5 rounded-full mb-2",children:[e.jsx(Z,{className:"w-3.5 h-3.5"}),"20 seconds"]}),e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"About You"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Tell us your role and employment type."})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"What best describes you?"}),e.jsx(F,{options:es,value:s.role,onChange:s.setRole})]}),s.role==="Student"&&e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"School Name"}),e.jsx("input",{value:s.schoolName,onChange:l=>s.setSchoolName(l.target.value),placeholder:"e.g. Cornell University",className:"w-full h-11 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground
31/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"Graduation Year"}),e.jsx("input",{value:s.graduationYear,onChange:l=>s.setGraduationYear(l.target.value),placeholder:"e.g. 2026",className:"w-full h-11 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"Employment type"}),e.jsx(F,{options:as,value:s.employment,onChange:s.setEmployment})]})]}),r===2&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Your Specialty"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Select your primary area of practice."})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"Primary specialty"}),e.jsx(F,{options:ss,value:s.specialty,onChange:s.setSpecialty})]})]}),r===3&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Language & Notes"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set your preferred language and note detail level."})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"Default language"}),e.jsx(us,{language:s.language,showOtherLang:s.showOtherLang,onSelect:(l,i)=>{s.setLanguage(l),s.setShowOtherLang(i)}})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"Note Style"}),e.jsx("div",{className:"flex gap-3",children:ls.map(l=>e.jsxs("button",{onClick:()=>s.setNoteStyle(l),className:`flex items-center gap-2.5 px-5 py-3 rounded-xl text-sm font-medium transition-all border ${s.noteStyle===l?"bg-primary/5 text-primary border-primary":"bg-card text-foreground border-border hover:border-primary/40"}`,children:[e.jsx("div",{className:`w-4 h-4 rounded-full border-2 flex items-center justify-center ${s.noteStyle===l?"border-primary":"border-muted-foreground/30"}`,children:s.noteStyle===l&&e.jsx("div",{className:"w-2 h-2 rounded-full bg-primary"})}),l]},l))})]})]}),r===4&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"AI Assist"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Choose which smart features to enable."})]}),e.jsx("div",{className:"space-y-2",children:ns.map(l=>e.jsxs("button",{onClick:()=>n(l),className:`w-full flex items-center gap-3 px-5 py-3 rounded-xl text-sm font-medium transition-all border text-left ${s.assists.includes(l)?"bg-primary/5 text-foreground border-primary":"bg-card text-foreground border-border hover:border-primary/40"}`,children:[e.jsx("div",{className:`w-5 h-5 rounded-md border-2 flex items-center justify-center flex-shrink-0 ${s.assists.includes(l)?"bg-primary border-primary":"border-muted-foreground/30"}`,children:s.assists.includes(l)&&e.jsx(O,{className:"w-3 h-3 text-primary-foreground"})}),l]},l))})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[r>1&&e.jsx("button",{onClick:b,className:"flex-1 h-12 rounded-xl border border-border bg-card text-foreground font-semibold text-sm hover:bg-muted/50 transition-colors",children:"â Back"}),e.jsxs("button",{onClick:c,className:"flex-1 h-12 rounded-xl bg-primary text-primary-foreground font-semibold text-sm hover:bg-primary/90 transition-colors shadow-md flex items-center justify-center gap-2",children:[r===o?"Continue":"Next",e.jsx(w,{className:"w-4 h-4"})]})]})]})})},q=({onNext:t})=>
31{const s=cs(),[r,a]=d.useState(1),[o,n]=d.useState(!1),c=2,b=()=>{r<c?a(r+1):t()},u=()=>{r>1&&a(r-1)},l=()=>e.jsx("div",{className:"flex items-center justify-center gap-2 mb-6",children:Array.from({length:c},(i,j)=>e.jsx("div",{className:`h-1.5 rounded-full transition-all ${j+1===r?"w-8 bg-primary":j+1<r?"w-4 bg-primary/40":"w-4 bg-border"}`},j))});return e.jsx(Ee,{label:"Screen 2b â Your Clinic",step:2,totalSteps:2,children:e.jsxs("div",{className:"space-y-8",children:[e.jsx(l,{}),r===1&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Your Name & Credentials"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"How should your name appear on notes?"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("input",{value:s.displayName,onChange:i=>s.setDisplayName(i.target.value),placeholder:"e.g. Dr. Jane Smith",className:"w-full h-11 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"text-xs font-medium text-muted-foreground",children:"Credentials"}),e.jsx(F,{options:ms,value:s.credentials[0]||"",onChange:i=>s.setCredentials([i])})]}),e.jsxs("div",{className:"bg-muted/50 rounded-lg px-4 py-2.5 border border-border",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Preview: "}),e.jsx("span",{className:"text-sm font-semibold text-foreground",children:s.namePreview})]})]})]}),r===2&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"Your Clinic"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Tell us about your practice."})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"Clinic name"}),e.jsx("input",{value:s.clinicName,onChange:i=>s.setClinicName(i.target.value),placeholder:"e.g. Hometown Veterinary",className:"w-full h-11 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("label",{className:"text-sm font-semibold text-foreground",children:["Website ",e.jsx("span",{className:"text-muted-foreground font-normal text-xs",children:"(opt)"})]}),e.jsx("input",{value:s.clinicWebsite,onChange:i=>s.setClinicWebsite(i.target.value),placeholder:"www.myclinic.com",className:"w-full h-11 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("label",{className:"text-sm font-semibold text-foreground",children:["Phone ",e.jsx("span",{className:"text-muted-foreground font-normal text-xs",children:"(opt)"})]}),e.jsx("input",{value:s.clinicPhone,onChange:i=>s.setClinicPhone(i.target.value),placeholder:"(555) 123-4567",type:"tel",className:"w-full h-11 rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-semibold text-foreground",children:"Practice management system"}),e.jsx(F,{options:xs,value:s.pims,onChange:s.setPims})]})]}),e.jsxs("label",{className:"flex items-start gap-3 cursor-pointer bg-primary/5 border border-primary/20 rounded-xl px-5 py-4 hover:border-primary/40 transition-colors",children:[e.jsx("input",{type:"checkbox",checked:o,onChange:()=>n(!o),className:"mt-0.5 w-4 h-4 rounded border-border accent-primary"}),e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-semibold text-foreground",children:"Book a free walkthrough with a VetRec expert"}),e.jsx("p",{className:"text-xs text-muted-foreground mt-0.5",children:"We'll send you an email to schedule a personalized demo at your convenience."}),o&&e.jsxs("div",{className:"flex items-center gap-1.5 mt-2 text-xs text-primary font-medium",children:[e.jsx(De,{className:"w-3.5 h-3.5"}),"We'll email you within 24 hours to set up your walkthrough."]})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[r>1&&e.jsx("button",{onClick:u,className:"flex-1 h-12 rounded-xl border border-border bg-card text-foreground font-semibold text-sm hover:bg-muted/50 transition-colors",children:"â Back"}),e.jsxs("button",{onClick:b,className:"flex-1 h-12 rounded-xl bg-primary text-primary-foreground font-semibold text-sm hover:bg-primary/90 transition-colors shadow-md flex items-center justify-center gap-2",children:[r===c?"Start Using VetRec":"Next",e.jsx(w,{className:"w-4 h-4"})]})]}),e.jsx("button",{onClick:t,className:"w-full text-center text-sm font-medium text-muted-foreground hover:text-primary transition-colors py-2",children:"Skip for now â"})]})]})})},Be=[{label:"Account Created",description:"Your account is active",done:!0}
31,{label:"Clinic Profile Added",description:"Your clinic profile is configured",done:!0},{label:"Generate First AI Note",description:"Turn a client conversation into a SOAP note",done:!1,actionable:!0},{label:"Review & Edit a Note",description:"Approve an AI-generated note",done:!1,actionable:!0},{label:"Personalize Templates",description:"Optimize your documentation style",done:!1,actionable:!0},{label:"Phone Calling",description:"Set up phone-based recording",done:!1,actionable:!0},{label:"Records Recap",description:"AI-powered medical history summaries",done:!1,actionable:!0}],B=[{label:"Generate First AI Note",description:"Turn a client conversation into a SOAP note",done:!0},{label:"Review & Edit a Note",description:"Approve an AI-generated note",done:!1,actionable:!0},{label:"Personalize Templates",description:"Optimize your documentation style",done:!1,actionable:!0},{label:"Phone Calling",description:"Set up phone-based recording",done:!1,actionable:!0},{label:"Records Recap",description:"AI-powered medical history summaries",done:!1,actionable:!0}],ps=[{label:"Generate First AI Note",description:"Turn a client conversation into a SOAP note",done:!0},{label:"Review & Edit a Note",description:"Approve an AI-generated note",done:!0},{label:"Personalize Templates",description:"Optimize your documentation style",done:!0},{label:"Phone Calling",description:"Set up phone-based recording",done:!0},{label:"Records Recap",description:"AI-powered medical history summaries",done:!0}],D=({open:t,onToggle:s,steps:r})=>{const a=r||Be,o=a.filter(c=>c.done).length,n=o/a.length*100;return e.jsxs("button",{onClick:s,className:"flex items-center gap-2 px-3 py-1.5 rounded-full border border-border bg-card hover:bg-muted/50 transition-colors text-xs font-medium",children:[e.jsxs("svg",{className:"w-4 h-4 -rotate-90",viewBox:"0 0 20 20",children:[e.jsx("circle",{cx:"10",cy:"10",r:"8",fill:"none",stroke:"hsl(var(--border))",strokeWidth:"2.5"}),e.jsx("circle",{cx:"10",cy:"10",r:"8",fill:"none",stroke:"hsl(var(--primary))",strokeWidth:"2.5",strokeDasharray:`${n*.502} 100`,strokeLinecap:"round"})]}),e.jsxs("span",{className:"text-foreground",children:["Quick Start ",o,"/",a.length]}),e.jsx(w,{className:`w-3 h-3 text-muted-foreground transition-transform ${t?"rotate-180":""}`})]})},oe=({open:t,onClose:s,variant:r="default",calendlyUrl:a,steps:o})=>{if(!t)return null;const n=o||Be,c=n.filter(l=>l.done).length,b=c/n.length*100,u=e.jsxs(e.Fragment,{children:[r!=="bottom-right"&&e.jsx("div",{className:"h-1.5 bg-muted rounded-t-xl",children:e.jsx("div",{className:"h-full bg-primary rounded-full transition-all",style:{width:`${b}%`}})}),e.jsxs("div",{className:`${r==="compact"?"p-3 pb-1.5":"p-4 pb-2"} flex items-start justify-between`,children:[e.jsxs("div",{children:[e.jsx("h3",{className:`${r==="compact"?"text-xs":"text-sm"} font-bold text-foreground`,children:"Quick Start Guide"}),e.jsxs("p",{className:"text-[10px] text-muted-foreground",children:[c," of ",n.length," complete"]})]}),e.jsx("button",{onClick:s,className:"p-1 rounded-md hover:bg-muted text-muted-foreground hover:text-foreground transition-colors","aria-label":"Close Quick Start",children:e.jsx(V,{className:"w-3.5 h-3.5"})})]}),r==="bottom-right"&&e.jsx("div",{className:"px-3 pb-2",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex-1 h-2 bg-muted rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-gradient-to-r from-primary to-emerald-500 rounded-full transition-all",style:{width:`${b}%`}})}),e.jsxs("span",{className:"text-[10px] font-bold text-primary shrink-0",children:[Math.round(b),"%"]})]})}),e.jsx("div",{className:`${r==="compact"?"px-1.5 pb-1.5 space-y-0":"px-2 pb-2 space-y-0.5"} flex-1`,children:n.map(l=>e.jsxs("div",{className:`flex items-center gap-2.5 px-2.5 ${r==="compact"||r==="bottom-right"?"py-1.5":"py-2.5"} rounded-xl transition-colors ${l.actionable?"hover:bg-muted/50 cursor-pointer group":""}`,children:[e.jsx("div",{className:`${r==="compact"||r==="bottom-right"?"w-4 h-4":"w-5 h-5"} rounded-full flex items-center justify-center shrink-0 ${l.done?"bg-emerald-500 text-white":"border-2 border-border bg-background"}`,children:l.done&&e.jsx(O,{className:`${r==="compact"||r==="bottom-right"?"w-2.5 h-2.5":"w-3 h-3"}`})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:`${r==="compact"||r==="bottom-right"?"text-[10px]":"text-xs"} font-semibold text-foreground`,children:l.label}),r!=="compact"&&r!=="bottom-right"&&e.jsx("p",{className:"text-[10px] text-muted-foreground",children:l.description})]}),l.actionable&&e.jsx(w,{className:"w-3 h-3 text-muted-foreground shrink-0 group-hover:text-foreground transition-colors"})]},l.label))}),e.jsx("div",{className:`${r==="compact"?"px-2 pb-1.5":"px-3 pb-2"}`,children:e.jsxs("a",{href:a||"https://calendly.com/vetrec-connect/1-1-call-with-sales",target:"_blank",rel:"noopener noreferrer",className:`flex items-start gap-2 bg-primary/5 border border-primary/20 rounded-xl ${r==="compact"?"px-2.5 py-2":"px-3 py-3"}
31 cursor-pointer hover:border-primary/40 transition-colors no-underline`,children:[e.jsx(De,{className:`${r==="compact"?"w-3.5 h-3.5":"w-4 h-4"} text-primary shrink-0 mt-0.5`}),e.jsxs("div",{children:[e.jsx("p",{className:`${r==="compact"?"text-[10px]":"text-xs"} font-semibold text-foreground`,children:"Book a free walkthrough"}),r!=="compact"&&r!=="bottom-right"&&e.jsx("p",{className:"text-[10px] text-primary underline",children:"Click here to schedule a call"})]}),e.jsx(_e,{className:"w-3 h-3 text-muted-foreground shrink-0 mt-0.5 ml-auto"})]})}),e.jsx("div",{className:`${r==="compact"?"px-2 pb-2 pt-0.5":"px-3 pb-3 pt-1"}`,children:e.jsx("button",{className:`w-full ${r==="compact"?"py-2 text-[10px]":"py-2.5 text-xs"} rounded-xl bg-primary text-primary-foreground font-semibold shadow-md hover:bg-primary/90 transition-all`,children:"Continue Setup"})})]});return r==="bottom-right"?e.jsx("div",{className:"absolute bottom-3 right-3 w-[240px] bg-card border border-border rounded-xl shadow-xl z-10 flex flex-col",children:u}):r==="floating"?e.jsx("div",{className:"absolute top-2 right-2 w-[260px] bg-card border border-border rounded-xl shadow-xl z-10 flex flex-col max-h-[420px]",children:u}):e.jsx("div",{className:`${r==="compact"?"w-[220px]":"w-[280px]"} shrink-0 border-l border-border bg-card flex flex-col`,children:u})},p=()=>e.jsxs("div",{className:"w-[200px] bg-[hsl(221_85%_53%)] flex flex-col shrink-0",children:[e.jsx("div",{className:"px-5 py-5 flex items-center gap-2",children:e.jsx("img",{src:L,alt:"VetRec",className:"h-5 brightness-0 invert"})}),e.jsx("div",{className:"px-3 mb-2",children:e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-primary-foreground/10 text-primary-foreground/60 text-xs",children:[e.jsx(ee,{className:"w-3.5 h-3.5"}),"Search"]})}),e.jsx("nav",{className:"flex-1 px-3 space-y-0.5",children:[{icon:k,label:"New Visit",active:!0},{icon:se,label:"Case Board",badge:"New"},{icon:ae,label:"Visits"},{icon:v,label:"Templates"},{icon:Me,label:"Intake",badge:"New"}].map(({icon:t,label:s,active:r,badge:a})=>e.jsxs("div",{className:`flex items-center gap-2.5 px-3 py-2 rounded-lg text-xs font-medium ${r?"bg-primary-foreground/20 text-primary-foreground":"text-primary-foreground/60 hover:text-primary-foreground/80 hover:bg-primary-foreground/5"}`,children:[e.jsx(t,{className:"w-4 h-4"}),e.jsx("span",{className:"flex-1",children:s}),a&&e.jsx("span",{className:"text-[9px] font-bold bg-primary-foreground/20 text-primary-foreground px-1.5 py-0.5 rounded-full",children:a})]},s))}),e.jsxs("div",{className:"px-3 pb-2 mt-auto",children:[e.jsxs("button",{className:"flex items-center gap-1.5 text-primary-foreground/40 text-[10px] font-semibold uppercase tracking-wider px-3 mb-1 mt-3 hover:text-primary-foreground/60 transition-colors w-full",children:[e.jsx(Re,{className:"w-3 h-3"}),"Configurations"]}),[{icon:T,label:"Settings"},{icon:C,label:"VetRec IQ"},{icon:U,label:"Analytics"}].map(({icon:t,label:s})=>e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 text-xs font-medium text-primary-foreground/60 hover:text-primary-foreground/80 hover:bg-primary-foreground/5 rounded-lg",children:[e.jsx(t,{className:"w-4 h-4"}),s]},s))]}),e.jsxs("div",{className:"px-3 pb-4 pt-2 border-t border-primary-foreground/10 mt-2",children:[e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 text-xs font-medium text-primary-foreground/60 hover:text-primary-foreground/80 rounded-lg cursor-pointer",children:[e.jsx(ne,{className:"w-4 h-4"}),"Refer & Earn"]}),e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 text-xs font-medium text-primary-foreground/60 hover:text-primary-foreground/80 rounded-lg cursor-pointer",children:[e.jsx(Ke,{className:"w-4 h-4"}),"What's New"]}),e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2 mt-1",children:[e.jsx("div",{className:"w-7 h-7 rounded-full bg-primary-foreground/20 flex items-center justify-center",children:e.jsx("span",{className:"text-[10px] font-bold text-primary-foreground",children:"JS"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs font-medium text-primary-foreground truncate",children:"Dr. Jane Smith"}
31),e.jsx("p",{className:"text-[10px] text-primary-foreground/50 truncate",children:"Hometown Vet"})]})]})]})]}),h=({rightContent:t,showImpactButton:s})=>e.jsxs("div",{className:"flex items-center justify-between px-6 py-3 border-b border-border bg-background",children:[e.jsx("h2",{className:"text-base font-bold text-foreground",children:"Scribe"}),e.jsxs("div",{className:"flex items-center gap-3",children:[t,s&&e.jsxs("button",{className:"relative flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-primary-strong bg-primary/10 border border-primary/20 hover:bg-primary/15 transition-colors",children:[e.jsx(U,{className:"w-3.5 h-3.5"}),"Impact",e.jsx("span",{className:"absolute -top-1 -right-1 w-2 h-2 rounded-full bg-primary"})]}),e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",children:[e.jsx(Fe,{className:"w-3.5 h-3.5"}),"Help Center"]}),e.jsx("button",{className:"text-xs font-semibold text-primary-foreground bg-primary px-4 py-2 rounded-lg hover:bg-primary/90 transition-colors",children:"New visit +"})]})]}),g=()=>e.jsxs("div",{className:"px-6 py-3 border-b border-border flex items-center gap-4 bg-background",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("label",{className:"text-[10px] text-muted-foreground font-medium",children:"Patient name"}),e.jsx("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-sm text-muted-foreground/50",children:"Mr. Wiggles (optional)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("label",{className:"text-[10px] text-muted-foreground font-medium",children:"Multi-pet"}),e.jsx("div",{className:"w-8 h-4 rounded-full bg-muted border border-border relative",children:e.jsx("div",{className:"absolute left-0.5 top-0.5 w-3 h-3 rounded-full bg-muted-foreground/30 transition-all"})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] text-muted-foreground font-medium",children:"Record as"}),e.jsx("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50 w-[130px]",children:"Dr. Jane Smith"})]})]}),f=()=>e.jsxs("div",{className:"w-[200px] border-r border-border p-4 space-y-4 bg-background shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs font-semibold text-foreground/70",children:[e.jsx(T,{className:"w-3.5 h-3.5"}),"Choose your template"]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("span",{className:"text-xs font-medium text-foreground",children:"Medical Note"}),e.jsx("div",{className:"w-7 h-4 rounded-full bg-primary relative",children:e.jsx("div",{className:"absolute right-0.5 top-0.5 w-3 h-3 rounded-full bg-primary-foreground transition-all"})})]}),e.jsx("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50",children:"Feline Dental Copy"})]}),e.jsx("div",{children:e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("span",{className:"text-xs font-medium text-foreground",children:"Discharge"}),e.jsx("div",{className:"w-7 h-4 rounded-full bg-muted border border-border relative",children:e.jsx("div",{className:"absolute left-0.5 top-0.5 w-3 h-3 rounded-full bg-muted-foreground/30 transition-all"})})]})})]})]}),N=({onRecord:t})=>e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center",children:[e.jsx("div",{className:"flex items-center gap-6 mb-10",children:[{icon:y,label:"Record",active:!0},{icon:M,label:"Phone",active:!1},{icon:z,label:"Upload",active:!1}].map(({icon:s,label:r,active:a})=>e.jsxs("div",{className:`flex items-center gap-1.5 text-xs font-medium pb-2 cursor-pointer ${a?"text-primary border-b-2 border-primary":"text-muted-foreground hover:text-foreground"}`,children:[e.jsx(s,{className:"w-3.5 h-3.5"}),r]},r))}),e.jsxs("button",{onClick:t,className:"group relative mb-4",children:[e.jsx("div",{className:"w-32 h-32 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsxs("div",{className:"w-24 h-24 rounded-full bg-primary flex flex-col items-center justify-center group-hover:scale-105 transition-transform shadow-lg",children:[e.jsx("span",{className:"text-primary-foreground text-xs font-semibold mb-1",children:"Start Recording"}),e.jsx(y,{className:"w-5 h-5 text-primary-foreground"})]})}),e.jsx("div",{className:"absolute inset-0 rounded-full bg-primary/10 animate-ping opacity-0 group-hover:opacity-50 transition-opacity"})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-4 mb-4",children:[e.jsx(y,{className:"w-3 h-3 text-muted-foreground"}),e.jsx("span",{className:"text-[11px] text-muted-foreground",children:"Default Microphone"})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-2",children:[e.jsxs("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground
31/50 gap-1.5",children:["Detail Level: ",e.jsx("span",{className:"font-medium text-foreground/60",children:"Detailed"})]}),e.jsxs("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50 gap-1.5",children:[e.jsx(re,{className:"w-3 h-3"})," English (US)"]})]})]}),K=({onRecord:t})=>{const[s,r]=d.useState(!0),a=I();return e.jsx(m,{label:"Screen 3 â First-Time Scribe Dashboard",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"14"})]}),e.jsx(D,{open:s,onToggle:()=>r(!s)})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex relative",children:[e.jsx(f,{}),e.jsx(N,{onRecord:t}),e.jsx(oe,{open:s,onClose:()=>r(!1),variant:"bottom-right",calendlyUrl:a.calendlyUrl})]})]})]})})},me=()=>e.jsx(m,{label:"Screen 3b â Dashboard (Checklist Closed)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"14"})]}),e.jsx(D,{open:!1,onToggle:()=>{}})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(N,{})]})]})]})}),ue=()=>{const[t,s]=d.useState(!0),r=I();return e.jsx(m,{label:"Screen 3c â Quick Start Progressed (Account & Clinic steps removed)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"10"})]}),e.jsx(D,{open:t,onToggle:()=>s(!t),steps:B})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex relative",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsx(oe,{open:t,onClose:()=>s(!1),variant:"bottom-right",calendlyUrl:r.calendlyUrl,steps:B})]})]})]})})},pe=()=>{I();const t=B,s=t.filter(a=>a.done).length,r=s/t.length*100;return e.jsx(m,{label:"Screen 3f â Quick Start In Progress + VetRec Impact",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{showImpactButton:!0,rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"10"})]}),e.jsx(D,{open:!0,onToggle:()=>{},steps:B})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsxs("div",{className:"w-[260px] shrink-0 border-l border-border bg-muted/20 flex flex-col overflow-y-auto",children:[e.jsx("div",{className:"p-3",children:e.jsx(E,{notes:6,timeSaved:"48m",avgPerConsult:"~8 min",visits:6,pages:"~1.5 pages",stage:"early"})}),e.jsxs("div",{className:"bg-card border-t border-border flex flex-col mt-auto",children:[e.jsx("div",{className:"h-1.5 bg-muted",children:e.jsx("div",{className:"h-full bg-primary rounded-r-full transition-all",style:{width:`${r}%`}})}),e.jsxs("div",{className:"p-3 pb-1.5 flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-bold text-foreground",children:"Quick Start Guide"}),e.jsxs("p",{className:"text-[10px] text-muted-foreground",children:[s," of ",t.length," complete"]})]}),e.jsx("button",{className:"p-1 rounded-md hover:bg-muted text-muted-foreground hover:text-foreground transition-colors","aria-label":"Close",children:e.jsx(V,{className:"w-3.5 h-3.5"})})]}),e.jsx("div",{className:"px-1.5 pb-2 space-y-0",children:t.map(a=>e.jsxs("div",{className:`flex items-center gap-2 px-2.5 py-1.5 rounded-xl transition-colors ${a.actionable?"hover:bg-muted/50 cursor-pointer group":""}`,children:[e.jsx("div",{className:`w-4 h-4 rounded-full flex items-center justify-center shrink-0 ${a.done?"bg-emerald-500 text-white":"border-2 border-border bg-background"}`,children:a.done&&e.jsx(O,{className:"w-2.5 h-2.5"})}),e.jsx("p",{className:"flex-1 text-[10px] font-semibold text-foreground truncate",children:a.label}),a.actionable&&e.jsx(w,{className:"w-3 h-3 text-muted-foreground shrink-0 group-hover:text-foreground transition-colors"})]},a.label))}),e.jsx("div",{className:"px-3 pb-3",children:e.jsx("button",{className:"w-full py-2 text-[10px] rounded-xl bg-primary text-primary-foreground font-semibold shadow-md hover:bg-primary/90 transition-all",children:"Continue Setup"})})]})]})]})]})]})})},S=()=>e.jsxs("button",{className:"flex items-center gap-2 px-3 py-1.5 rounded-full border border-border bg-card hover:bg-muted/50 transition-colors text-xs font-medium",children:[e.jsxs("svg",{className:"w-4 h-4 -rotate-90",viewBox:"0 0 20 20",children:[e.jsx("circle",{cx:"10",cy:"10",r:"8",f
31ill:"none",stroke:"hsl(var(--border))",strokeWidth:"2.5"}),e.jsx("circle",{cx:"10",cy:"10",r:"8",fill:"none",stroke:"hsl(var(--primary))",strokeWidth:"2.5",strokeDasharray:"50.2 100",strokeLinecap:"round"})]}),e.jsx("span",{className:"text-foreground",children:"How-Tos"}),e.jsx(w,{className:"w-3 h-3 text-muted-foreground"})]}),hs=()=>{const t=[{label:"Generate an AI Note",description:"Record or upload a consultation",icon:y},{label:"Review & Edit a Note",description:"Approve AI-generated documentation",icon:le},{label:"Personalize Templates",description:"Customize your documentation style",icon:v},{label:"Phone Calling",description:"Set up phone-based recording",icon:M},{label:"Records Recap",description:"AI-powered medical history summaries",icon:Ge}];return e.jsxs("div",{className:"absolute bottom-3 right-3 w-[240px] bg-card border border-border rounded-xl shadow-xl z-10 flex flex-col",children:[e.jsxs("div",{className:"p-3 pb-2 flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-bold text-foreground",children:"How-Tos"}),e.jsx("p",{className:"text-[9px] text-muted-foreground",children:"Quick guides for every feature"})]}),e.jsx("button",{className:"p-1 rounded-md hover:bg-muted text-muted-foreground hover:text-foreground transition-colors","aria-label":"Close",children:e.jsx(V,{className:"w-3.5 h-3.5"})})]}),e.jsx("div",{className:"px-2 pb-2 space-y-0.5",children:t.map(({label:s,description:r,icon:a})=>e.jsxs("div",{className:"flex items-center gap-2.5 px-2.5 py-1.5 rounded-xl hover:bg-muted/50 cursor-pointer group transition-colors",children:[e.jsx("div",{className:"w-5 h-5 rounded-md bg-primary/10 flex items-center justify-center shrink-0",children:e.jsx(a,{className:"w-3 h-3 text-primary"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-[10px] font-semibold text-foreground",children:s}),e.jsx("p",{className:"text-[9px] text-muted-foreground leading-snug",children:r})]}),e.jsx(w,{className:"w-3 h-3 text-muted-foreground shrink-0 group-hover:text-foreground transition-colors"})]},s))})]})},he=()=>e.jsx(m,{label:"Screen 3d â Quick Start Complete (transition to How-Tos)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"5"})]}),e.jsx(D,{open:!1,onToggle:()=>{},steps:ps})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex relative",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsx("div",{className:"absolute bottom-3 right-3 w-[240px] z-10",children:e.jsxs("div",{className:"bg-card border border-emerald-500/20 rounded-xl shadow-xl overflow-hidden",children:[e.jsx("div",{className:"h-1.5 bg-gradient-to-r from-emerald-400 to-emerald-500 rounded-t-xl"}),e.jsxs("div",{className:"p-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-emerald-500 flex items-center justify-center",children:e.jsx(O,{className:"w-3.5 h-3.5 text-white"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("span",{className:"text-xs font-bold text-foreground",children:"Quick Start Complete! ð"}),e.jsx("p",{className:"text-[9px] text-muted-foreground",children:"All steps finished"})]})]}),e.jsx("div",{className:"bg-muted/40 rounded-lg px-3 py-2 mb-3",children:e.jsxs("p",{className:"text-[10px] text-foreground leading-relaxed",children:["Great work! Your Quick Start guide will now become ",e.jsx("span",{className:"font-bold text-primary",children:"How-Tos"})," â a permanent reference you can access anytime from the top bar."]})}),e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] text-muted-foreground mb-3",children:[e.jsx(C,{className:"w-3 h-3 text-primary"}),e.jsxs("span",{children:["Quick Start â ",e.jsx("span",{className:"font-semibold text-primary",children:"How-Tos"})]})]}),e.jsx("button",{className:"w-full py-2 rounded-lg bg-primary text-primary-foreground text-[10px] font-semibold hover:bg-primary/90 transition-colors",children:"Got it â"})]})]})})]})]})]})}),ge=()=>e.jsx(m,{label:"Screen 3e â How-Tos (permanent reference)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"5"})]}),e.jsx(S,{})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex relative",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsx(hs,{})]})]})]})}),fe=[{label:"Create account",description:"Sign up and verify your email",done:!0},{label:"Set up clinic profile",description:"Add your clinic details",done:!1,actionable:!0},{label:"Personalize templates",description:"Customize SOAP or POMR note formats",done:!1},{label:"Try phone calling",description:"Record a visit via phone",done:!1},{label:"Explore Records Recap",description:"Review AI-generated summaries",done:!1}],be=()=>
31{const[t,s]=d.useState(!0),r=I();return e.jsx(m,{label:"Screen 5a â First-Time Scribe Dashboard",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"14"})]}),e.jsx(D,{open:t,onToggle:()=>s(!t),steps:fe})]})}),e.jsx("div",{className:"px-6 py-5 border-b border-border bg-primary/[0.03]",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center shrink-0",children:e.jsx(C,{className:"w-6 h-6 text-primary"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h2",{className:"text-lg font-bold text-foreground",children:"Welcome back, Dr. Smith ð"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-0.5",children:"Here's the impact VetRec has had on your practice so far."})]}),e.jsx("button",{className:"text-xs font-medium text-muted-foreground hover:text-foreground",children:e.jsx(V,{className:"w-4 h-4"})})]})}),e.jsxs("div",{className:"flex-1 flex relative",children:[e.jsxs("div",{className:"flex-1 p-6",children:[e.jsxs("div",{className:"rounded-2xl border border-primary/20 bg-gradient-to-br from-primary/[0.06] via-primary/[0.02] to-background p-5 mb-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-7 h-7 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx(k,{className:"w-4 h-4 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-foreground",children:"Your VetRec Impact"}),e.jsx("p",{className:"text-[10px] text-muted-foreground",children:"Last 30 days"})]})]}),e.jsxs("button",{className:"text-[11px] font-semibold text-primary hover:underline flex items-center gap-1",children:["View details ",e.jsx(H,{className:"w-3 h-3"})]})]}),e.jsx("div",{className:"grid grid-cols-4 gap-3",children:[{value:"47",label:"Notes generated",icon:v},{value:"6h 12m",label:"Time saved",icon:Z},{value:"~8 min",label:"Saved per consult",icon:te},{value:"47",label:"Visits assisted",icon:Pe}].map(({value:a,label:o,icon:n})=>e.jsxs("div",{className:"rounded-xl bg-card border border-border px-3 py-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1.5",children:[e.jsx(n,{className:"w-3 h-3 text-primary"}),e.jsx("span",{className:"text-[9px] uppercase tracking-wide font-semibold text-muted-foreground",children:o})]}),e.jsx("p",{className:"text-xl font-extrabold text-foreground leading-none",children:a})]},o))}),e.jsxs("p",{className:"text-[11px] text-muted-foreground mt-3 leading-snug",children:["That's ",e.jsx("span",{className:"font-semibold text-foreground",children:"over 6 hours"})," returned to patient care this month. Keep it going."]})]}),e.jsx("div",{className:"grid grid-cols-3 gap-4 mb-6",children:[{icon:y,label:"Start Recording",desc:"Record a visit live",primary:!0},{icon:M,label:"Phone Calling",desc:"Record via phone",primary:!1},{icon:z,label:"Upload Audio",desc:"Drop in a recording",primary:!1}].map(({icon:a,label:o,desc:n,primary:c})=>e.jsxs("div",{className:`rounded-xl border p-5 flex flex-col items-center gap-3 cursor-pointer transition-all ${c?"border-primary bg-primary/5 hover:bg-primary/10 shadow-sm":"border-border bg-card hover:bg-muted/50"}`,children:[e.jsx("div",{className:`w-12 h-12 rounded-full flex items-center justify-center ${c?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground"}`,children:e.jsx(a,{className:"w-5 h-5"})}),e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:`text-sm font-semibold ${c?"text-primary":"text-foreground"}`,children:o}),e.jsx("p",{className:"text-[10px] text-muted-foreground mt-0.5",children:n})]})]},o))}),e.jsxs("div",{className:"rounded-xl border border-border bg-card overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border",children:[e.jsx("h3",{className:"text-sm font-bold text-foreground",children:"Recent visits"}),e.jsx("button",{className:"text-[11px] font-semibold text-primary hover:underline",children:"View all"})]}),e.jsx("div",{className:"divide-y divide-border",children:os.map(a=>e.jsxs("div",{className:"flex items-center gap-3 px-4 py-3 hover:bg-muted/40 transition-colors",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[11px] font-bold text-primary",children:a.name[0]})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs font-semibold text-foreground",children:a.name}),e.jsx("p",{className:"text-[10px] text-muted-foreground",children:a.reason})]}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:a.time}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wide text-emerald-600 bg-emerald-500/10 px-2 py-0.5 rounded-full",children:"Note ready"})]},a.name+a.time))})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 mt-6",children:[e.jsxs("div",{className:"rounded-xl border border-border bg-card p-4 flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-accent/10 flex items-center justify-center shrink-0",children:e.jsx(v,{className:"w-4 h-4 text-accent"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-foreground",children:"Customize your templates"}),e.jsx("p",{className:"text-[10px] text-muted-foreground mt-0.5",children:"Set up SOAP, POMR, or custom note templates to match your style."})]})]}),e.jsxs("div",{className:"rounded-xl border border-border bg-card p-4 flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",children:e.jsx(C,{className:"w-4 h-4 text-primary"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-foreground",children:"VetRec IQ learns your style"}),e.jsx("p",{className:"text-[10px] text-muted-foreground mt-0.5",children:"The more you record, the smarter your notes become."})]})]})]})]}),e.jsx(oe,{open:t,onClose:()=>s(!1),variant:"bottom-right",calendlyUrl:r.calendlyUrl,steps:fe})]})]})]})})},gs=[{icon:Je,label:"Client Talk-Time",value:"â",status:"Setup needed"},{icon:Pe,label:"Empathy Cues",value:"â",status:"Setup needed"},{icon:ze,label:"Jargon Translation",value:"â",status:"Setup needed"},{icon:Ye,label:"Safety Netting",value:"â",status:"Setup needed"},{icon:k,label:"History Gathering",value:"â",status:"Setup needed"},{icon:qe,label:"Shared Decisions",value:"â",status:"Setup needed"}],je=()=>e.jsx(m,{label:"Screen 5b â Coaching Feature (Amira Beta)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsxs("div",{className:"w-[200px] bg-[hsl(221_85%_53%)] flex flex-col shrink-0",children:[e.jsx("div",{className:"px-5 py-5 flex items-center gap-2",children:e.jsx("img",{src:L,alt:"VetRec",className:"h-5 brightness-0 invert"})}),e.jsx("div",{className:"px-3 mb-2",children:e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-primary-foreground
31/10 text-primary-foreground/60 text-xs",children:[e.jsx(ee,{className:"w-3.5 h-3.5"}),"Search"]})}),e.jsx("nav",{className:"flex-1 px-3 space-y-0.5",children:[{icon:k,label:"New Visit"},{icon:se,label:"Case Board",badge:"New"},{icon:ae,label:"Visits"},{icon:v,label:"Templates"},{icon:Me,label:"Intake",badge:"New"},{icon:$,label:"Coach",active:!0,badge:"Beta"}].map(({icon:t,label:s,active:r,badge:a})=>e.jsxs("div",{className:`flex items-center gap-2.5 px-3 py-2 rounded-lg text-xs font-medium ${r?"bg-primary-foreground/20 text-primary-foreground":"text-primary-foreground/60 hover:text-primary-foreground/80 hover:bg-primary-foreground/5"}`,children:[e.jsx(t,{className:"w-4 h-4"}),e.jsx("span",{className:"flex-1",children:s}),a&&e.jsx("span",{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full ${a==="Beta"?"bg-accent/30 text-primary-foreground":"bg-primary-foreground/20 text-primary-foreground"}`,children:a})]},s))}),e.jsxs("div",{className:"px-3 pb-2 mt-auto",children:[e.jsxs("button",{className:"flex items-center gap-1.5 text-primary-foreground/40 text-[10px] font-semibold uppercase tracking-wider px-3 mb-1 mt-3 w-full",children:[e.jsx(Re,{className:"w-3 h-3"}),"Configurations"]}),[{icon:T,label:"Settings"},{icon:C,label:"VetRec IQ"},{icon:U,label:"Analytics"}].map(({icon:t,label:s})=>e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 text-xs font-medium text-primary-foreground/60 rounded-lg",children:[e.jsx(t,{className:"w-4 h-4"}),s]},s))]}),e.jsx("div",{className:"px-3 pb-4 pt-2 border-t border-primary-foreground/10 mt-2",children:e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2 mt-1",children:[e.jsx("div",{className:"w-7 h-7 rounded-full bg-primary-foreground/20 flex items-center justify-center",children:e.jsx("span",{className:"text-[10px] font-bold text-primary-foreground",children:"JS"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs font-medium text-primary-foreground truncate",children:"Dr. Jane Smith"}),e.jsx("p",{className:"text-[10px] text-primary-foreground/50 truncate",children:"Hometown Vet"})]})]})})]}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-3 border-b border-border bg-background",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("h2",{className:"text-base font-bold text-foreground",children:"Coach"}),e.jsx("span",{className:"text-[9px] font-bold bg-accent/15 text-accent px-2 py-0.5 rounded-full uppercase tracking-wider",children:"Beta"})]}),e.jsx("div",{className:"flex items-center gap-3",children:e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",children:[e.jsx(Fe,{className:"w-3.5 h-3.5"}),"Learn more"]})})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsx("div",{className:"px-6 py-6 border-b border-border",children:e.jsxs("div",{className:"flex items-start gap-5",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-gradient-to-br from-accent/20 to-primary/20 flex items-center justify-center shrink-0 border border-accent/20",children:e.jsx($,{className:"w-8 h-8 text-accent"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsx("h2",{className:"text-lg font-bold text-foreground",children:"Meet Amira, Your AI Coach"})}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed max-w-lg",children:"Amira analyzes your consultations to help you become a better communicator â with personalized, private feedback after every visit."}),e.jsxs("div",{className:"flex items-center gap-4 mt-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] text-muted-foreground",children:[e.jsx(Ve,{className:"w-3 h-3"}),e.jsx("span",{children:"Only visible to you"})]}),e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] text-muted-foreground",children:[e.jsx(We,{className:"w-3 h-3"}),e.jsx("span",{children:"Never shared with management"})]})]})]})]})}),e.jsxs("div",{className:"px-6 py-5",children:[e.jsx("h3",{className:"text-xs font-bold uppercase tracking-widest text-muted-foreground mb-4",children:"How coaching works"}),e.jsx("div",{className:"grid grid-cols-3 gap-4 mb-6",children:[{icon:y,label:"Record as usual",desc:"Amira listens during your normal consultations â no extra steps."},{icon:Ae,label:"Get instant feedback",desc:"15-second post-visit summary with one win and one micro-tip."},{icon:$,label:"Track your growth",desc:"Daily digest shows trends across empathy, clarity, and clinical skills."}].map(({icon:t,label:s,desc:r})=>e.jsxs("div",{className:"rounded-xl border border-border bg-card p-4 flex flex-col items-center text-center",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center mb-3",children:e.jsx(t,{className:"w-5 h-5 text-primary"})}),e.jsx("p",{className:"text-xs font-semibold text-foreground mb-1",children:s}),e.jsx("p",{className:"text-[10px] text-muted-foreground leading-relaxed",children:r})]},s))}),e.jsx("h3",{className:"text-xs font-bold uppercase tracking-widest text-muted-foreground mb-3",children:"Choose your coaching focus"}),e.jsx("p",{className:"text-xs text-muted-foreground mb-4",children:"Select the communication skills you'd like Amira to track and coach you on."}),e.jsx("div",{className:"grid grid-cols-2 gap-3 mb-6",children:gs.map(({icon:t,label:s,status:r})=>e.jsxs("div",{className:"rounded-xl border border-border bg-card p-3.5 flex items-center gap-3 hover:border-primary/30 hover:bg-primary/[0.02] transition-all cursor-pointer group",children:[e.jsx("div",{className:"w-9 h-9 rounded-lg bg-muted flex items-center justify-center shrink-0 group-hover:bg-primary/10 transition-colors",children:e.jsx(t,{className:"w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs font-semibold text-foreground",children:s}),e.jsx("p",{className:"text-[10px] text-muted-foreground",children:r})]}),e.jsx("div",{className:"w-8 h-4 rounded-full bg-muted border border-border relative shrink-0",children:e.jsx("div",{className:"absolute left-0.5 top-0.5 w-3 h-3 rounded-full bg-muted-foreground
31/30 transition-all"})})]},s))}),e.jsxs("div",{className:"rounded-xl border border-primary/20 bg-primary/[0.03] p-5 flex items-center gap-4",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-sm font-bold text-foreground mb-1",children:"Ready to start coaching?"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Enable at least 2 metrics above, then record your next visit. Amira will deliver your first feedback within seconds."})]}),e.jsx("button",{className:"text-xs font-semibold text-primary-foreground bg-primary px-5 py-2.5 rounded-lg hover:bg-primary/90 transition-colors shadow-md whitespace-nowrap",children:"Enable Coach"})]})]})]})]})]})}),X=()=>{const t=[{time:"0:04",speaker:"Dr. Smith",text:"So Bella is here today for her annual vaccination. How has she been doing at home?"},{time:"0:12",speaker:"Owner",text:"She's been great, eating well, very active. No concerns really."},{time:"0:18",speaker:"Dr. Smith",text:"Perfect. On physical exam, heart and lungs sound clear. Temperature is 101.2, within normal range."},{time:"1:02",speaker:"Dr. Smith",text:"We'll go ahead with the DHPP and Rabies boosters today. I'll also recommend starting her on heartworm prevention."}];return e.jsx(m,{label:"Screen 4 â Recording State",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-destructive",children:[e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-destructive animate-pulse"}),e.jsx("span",{className:"text-xs font-semibold",children:"Recording"})]}),e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"14"})]}),e.jsx(S,{})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsxs("div",{className:"flex-1 flex flex-col items-center px-6 py-8",children:[e.jsx("div",{className:"relative mb-4",children:e.jsx("div",{className:"w-20 h-20 rounded-full bg-destructive/10 flex items-center justify-center",children:e.jsx("div",{className:"w-14 h-14 rounded-full bg-destructive/20 flex items-center justify-center animate-pulse",children:e.jsx("div",{className:"w-9 h-9 rounded-full bg-destructive flex items-center justify-center",children:e.jsx(y,{className:"w-4 h-4 text-primary-foreground"})})})})}),e.jsx("p",{className:"text-3xl font-mono font-bold text-foreground tracking-wider mb-1",children:"00:01:24"}),e.jsx("p",{className:"text-xs text-muted-foreground mb-6",children:"Bella â Vaccination Visit"}),e.jsxs("div",{className:"flex items-center gap-3 mb-8",children:[e.jsxs("button",{className:"flex items-center gap-2 px-5 py-2.5 rounded-xl border border-border bg-card text-foreground text-xs font-medium hover:bg-muted/50 transition-colors",children:[e.jsx(Qe,{className:"w-3.5 h-3.5"}),"Pause"]}),e.jsxs("button",{className:"flex items-center gap-2 px-5 py-2.5 rounded-xl bg-destructive text-primary-foreground text-xs font-semibold hover:bg-destructive/90 transition-colors shadow-md",children:[e.jsx(Ze,{className:"w-3.5 h-3.5"}),"Stop Recording"]})]}),e.jsxs("div",{className:"w-full max-w-xl",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(le,{className:"w-3.5 h-3.5 text-muted-foreground"}),e.jsx("h3",{className:"text-[10px] font-semibold uppercase tracking-widest text-muted-foreground",children:"Live Transcript"})]}),e.jsxs("div",{className:"space-y-3 rounded-xl border border-border bg-card p-5",children:[t.map((s,r)=>e.jsxs("div",{className:"flex gap-3",children:[e.jsx("span",{className:"text-[10px] text-muted-foreground font-mono mt-0.5 flex-shrink-0 w-7",children:s.time}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[10px] font-semibold text-primary",children:s.speaker}),e.jsx("p",{className:"text-xs text-foreground leading-relaxed",children:s.text})]})]},r)),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("span",{className:"text-[10px] text-muted-foreground font-mono mt-0.5 flex-shrink-0 w-7",children:"1:24"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-primary animate-bounce",style:{animationDelay:"0ms"}}),e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-primary animate-bounce",style:{animationDelay:"150ms"}}),e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-primary animate-bounce",style:{animationDelay:"300ms"}})]})]})]})]})]})]})]})]})})},ie=({daysRemaining:t=9})=>{const r=14-t,a=r/14*100;return e.jsxs("div",{className:"rounded-xl border border-border bg-card p-4 shadow-sm",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx($e,{className:"w-3.5 h-3.5 text-primary"}),e.jsx("span",{className:"text-xs font-semibold text-foreground",children:"14-day trial"})]}),e.jsxs("span",{className:"text-xs font-bold text-primary",children:[t," days remaining"]})]}),e.jsx("div",{className:"h-2 rounded-full bg-muted overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full bg-gradient-to-r from-primary to-primary/70 transition-all duration-500",style:{width:`${a}%`}})}),e.jsxs("div",{className:"flex items-center justify-between mt-2",children:[e.jsxs("span",{className:"text-[10px] text-muted-foreground",children:["Day ",r]}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:"Day 14"})]})]})},fs=({daysRemaining:t=9})=>{const r=14-t,a=r/14*100,o=2*Math.PI*32,n=o-a/100*o;
31return e.jsxs("div",{className:"flex items-center gap-4 rounded-xl border border-border bg-card p-4 shadow-sm",children:[e.jsxs("div",{className:"relative w-[76px] h-[76px] shrink-0",children:[e.jsxs("svg",{className:"w-full h-full -rotate-90",viewBox:"0 0 76 76",children:[e.jsx("circle",{cx:"38",cy:"38",r:"32",fill:"none",stroke:"hsl(var(--muted))",strokeWidth:"5"}),e.jsx("circle",{cx:"38",cy:"38",r:"32",fill:"none",stroke:"hsl(var(--primary))",strokeWidth:"5",strokeLinecap:"round",strokeDasharray:o,strokeDashoffset:n,className:"transition-all duration-500"})]}),e.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[e.jsx("span",{className:"text-lg font-bold text-foreground leading-none",children:t}),e.jsx("span",{className:"text-[9px] text-muted-foreground",children:"days left"})]})]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs font-semibold text-foreground mb-0.5",children:"Free Trial Active"}),e.jsxs("p",{className:"text-[10px] text-muted-foreground leading-relaxed",children:["Day ",r," of 14 · You've generated ",e.jsx("span",{className:"font-semibold text-foreground",children:"12 notes"})," so far"]})]})]})},Le=({message:t})=>e.jsxs("div",{className:"flex items-center justify-between px-5 py-2.5 bg-primary/[0.04] border-b border-primary/10",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(te,{className:"w-3.5 h-3.5 text-primary"}),e.jsxs("span",{className:"text-[11px] text-foreground",children:[e.jsx("span",{className:"font-semibold",children:t||"VetRec saved you ~45 minutes"})," of documentation this week."]})]}),e.jsxs("button",{className:"text-[10px] font-semibold text-primary hover:underline inline-flex items-center gap-1",children:["Upgrade ",e.jsx(H,{className:"w-3 h-3"})]})]}),de=({variant:t="speed"})=>{const r={speed:{icon:e.jsx(te,{className:"w-4 h-4 text-green-600"}),title:"SOAP note created in 6 seconds â¡",body:"VetRec saved you ~8 minutes of documentation on that visit.",accent:"bg-green-500/10"},stat:{icon:e.jsx(Ie,{className:"w-4 h-4 text-amber-600"}),title:"Nice! That's your 5th note today ð¥",body:"You've saved ~40 minutes of documentation today.",accent:"bg-amber-500/10"},milestone10:{icon:e.jsx($,{className:"w-4 h-4 text-primary"}),title:"ð 10 notes generated!",body:"That's about 1 hour of documentation saved.",accent:"bg-primary/10"},milestone5:{icon:e.jsx(Ae,{className:"w-4 h-4 text-primary"}),title:"ð 5 notes generated!",body:"VetRec saved you ~30 minutes so far. Keep going!",accent:"bg-primary/10"}}[t];return e.jsxs("div",{className:"rounded-xl border border-border bg-card shadow-sm px-4 py-3 flex items-center gap-3",children:[e.jsx("div",{className:`w-8 h-8 rounded-full flex items-center justify-center shrink-0 ${r.accent}`,children:r.icon}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-foreground",children:r.title}),e.jsx("p",{className:"text-[10px] text-muted-foreground mt-0.5",children:r.body})]})]})},bs=({hours:t=48})=>e.jsxs("div",{className:"flex items-center justify-between px-5 py-2 bg-amber-500/[0.08] border-b border-amber-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Ie,{className:"w-3.5 h-3.5 text-amber-600"}),e.jsxs("span",{className:"text-[11px] text-foreground",children:[e.jsxs("span",{className:"font-semibold",children:["Trial ending in ",t," hours"]})," â Upgrade now to keep using VetRec."]})]}),e.jsxs("button",{className:"text-[10px] font-bold text-amber-700 bg-amber-500/15 hover:bg-amber-500/25 px-3 py-1 rounded-lg transition-colors inline-flex items-center gap-1",children:["Upgrade Now ",e.jsx(H,{className:"w-3 h-3"})]})]}),E=({notes:t=18,timeSaved:s="2h 20m",avgPerConsult:r="~6 min",visits:a=18,pages:o="~4 pages",stage:n="mid",children:c})=>{const u={early:{headline:"You're off to a great start",body:"VetRec is already documenting your consultations. The time savings add up fast.",cta:"Upgrade to keep generating SOAP notes for your consultations."},mid:{headline:"VetRec is part of your workflow",body:`VetRec saved you ${s} across ${a} patient visits â time you put back into patient care.`,cta:"Upgrade to keep generating SOAP notes for your consultations."},high:{headline:"You're a VetRec power user",body:`${t} notes generated. VetRec saved you ${r} per consultation â it's part of how you practice.`,cta:"Upgrade to continue your workflow without interruption."},final:{headline:"Your trial is ending soon",body:`VetRec saved you ${s} across ${a} patient visits. Don't lose momentum.`,cta:"Upgrade now to keep your notes, templates, and workflow."}}[n],l=n==="final",i=l?"border-amber-500/25":"border-primary/15",j=l?"bg-amber-500/[0.03]":"bg-primary/[0.02]";return e.jsxs("div",{className:`rounded-xl border ${i} ${j} p-3 shadow-sm`,children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:`w-5 h-5 rounded-md flex items-center justify-center ${l?"bg-amber-500/10":"bg-primary/10"}`,children:e.jsx(k,{className:`w-3 h-3 ${l?"text-amber-600":"text-primary"}`})}),e.jsx("span",{className:"text-xs font-bold text-foreground flex-1",children:"Your VetRec Impact"}),e.jsx("button",{className:"p-1 rounded-md hover:bg-muted text-muted-foreground hover:text-foreground transition-colors","aria-label":"Dismiss",children:e.jsx(V,{className:"w-3.5 h-3.5"})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-1.5 mb-2",children:[e.jsxs("div",{className:`rounded-lg px-2.5 py-2 ${l?"bg-amber-500/[0.06] border border-amber-500/15":"bg-primary/[0.05] border border-primary/10"}`,children:[e.jsx("p",{className:`text-lg font-extrabold leading-none ${l?"text-amber-700":"text-primary"}`,children:t}),e.jsx("p",{className:"text-[9px] text-muted-foreground font-semibold mt-1 uppercase tracking-wide",children:"notes"})]}),e.jsxs("div",{className:`rounded-lg px-2.5 py-2 ${l?"bg-amber-500/[0.06] border border-amber-500/15":"bg-primary/[0.05] border border-primary/10"}`,children:[e.jsx("p",{className:`text-lg font-extrabold leading-none ${l?"text-amber-700":"text-primary"}`,children:s}),e.jsx("p",{className:"text-[9px] text-muted-foreground font-semibold mt-1 uppercase tracking-wide",children:"saved"})]})]}),e.jsxs("div",{className:"rounded-lg bg-card border border-border px-2.5 py-2 mb-2 space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[9px] text-muted-foreground",children:"Avg. per consult"}),e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:r})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[9px] text-muted-foreground",children:"Visits assisted"}),e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:a})]})]}),e.jsxs("div",{className:"mb-2",children:[e.jsx("p",{className:"text-[10px] font-semibold text-foreground",children:u.headline}),e.jsx("p",{className:"text-[9px] text-muted-foreground leading-snug mt-0.5",children:u.body})]}),e.jsx("button",{className:`w-full text-[10px] font-semibold py-2 rounded-lg transition-colors ${l?"text-primary-foreground bg-amber-600 hover:bg-amber-600/90":"text-primary-foreground bg-primary hover:bg-primary/90"}`,children:l?"Upgrade Now":"View Plans"}),c&&e.jsx("div",{className:"mt-3",children:c})]})},Ne=()=>
31e.jsx(m,{label:"Screen 6a â Value Locking: Early Trial (first few notes)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex relative",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{showImpactButton:!0,rightContent:e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"12"})]}),e.jsx(S,{})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsx("div",{className:"w-[240px] shrink-0 border-l border-border p-3 space-y-3 bg-muted/20 overflow-y-auto",children:e.jsxs(E,{notes:3,timeSaved:"24m",avgPerConsult:"~8 min",visits:3,pages:"~1 page",stage:"early",children:[e.jsx(ie,{daysRemaining:12}),e.jsx(de,{variant:"speed"})]})})]})]})]})}),ye=()=>e.jsx(m,{label:"Screen 6b â Value Locking: Mid Trial Milestone (10+ notes)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex relative",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(Le,{message:"VetRec saved you ~1h 36m"}),e.jsx(h,{showImpactButton:!0,rightContent:e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"7"})]}),e.jsx(S,{})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsx("div",{className:"w-[240px] shrink-0 border-l border-border p-3 space-y-3 bg-muted/20 overflow-y-auto",children:e.jsxs(E,{notes:12,timeSaved:"1h 36m",avgPerConsult:"~7 min",visits:12,pages:"~2.5 pages",stage:"mid",children:[e.jsx(fs,{daysRemaining:7}),e.jsx(de,{variant:"milestone10"})]})})]})]})]})}),ve=()=>e.jsx(m,{label:"Screen 6c â Value Locking: High Usage (15â20 notes)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex relative",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(Le,{message:"VetRec saved you ~2h 20m"}),e.jsx(h,{showImpactButton:!0,rightContent:e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"4"})]}),e.jsx(S,{})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsx("div",{className:"w-[240px] shrink-0 border-l border-border p-3 space-y-3 bg-muted/20 overflow-y-auto",children:e.jsxs(E,{notes:18,timeSaved:"2h 20m",avgPerConsult:"~6 min",visits:18,pages:"~4 pages",stage:"high",children:[e.jsx(ie,{daysRemaining:4}),e.jsx(de,{variant:"stat"})]})})]})]})]})}),we=()=>e.jsx(m,{label:"Screen 6d â Value Locking: Final 48 Hours",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(bs,{hours:48}),e.jsx(h,{showImpactButton:!0,rightContent:e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"text-xs font-medium text-amber-700 bg-amber-500/10 px-3 py-1.5 rounded-full border border-amber-500/20",children:["â° ",e.jsx("span",{className:"font-bold",children:"48h"})," remaining"]}),e.jsx(S,{})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(N,{}),e.jsxs("div",{className:"w-[240px] shrink-0 border-l border-border p-3 space-y-3 bg-muted/20 overflow-y-auto",children:[e.jsx(E,{notes:24,timeSaved:"3h 12m",avgPerConsult:"~6 min",visits:24,pages:"~5 pages",stage:"final"}),e.jsx(ie,{daysRemaining:2})]})]})]})]})}),ke=()=>e.jsx(m,{label:"Screen 6e â Value Locking: Card Dismissed (recoverable via top bar)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{showImpactButton:!0,rightContent:e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"text-xs font-medium text-muted-foreground bg-muted px-3 py-1.5 rounded-full",children:["Free days: ",e.jsx("span",{className:"text-primary font-bold",children:"7"})]}),e.jsx(S,{})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(N,{})]})]})]})}),ce=({hasComplimentary:t})=>e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center relative",children:[e.jsx("div",{className:"flex items-center gap-6 mb-10",children:[{icon:y,label:"Record",active:!0},{icon:M,label:"Phone",active:!1},{icon:z,label:"Upload",active:!1}].map(({icon:s,label:r,active:a})=>e.jsxs("div",{className:`flex items-center gap-1.5 text-xs font-medium pb-2 ${a?"text-muted-foreground
31/50 border-b-2 border-muted":"text-muted-foreground/30"}`,children:[e.jsx(s,{className:"w-3.5 h-3.5"}),r]},r))}),e.jsx("div",{className:"group relative mb-4",children:e.jsx("div",{className:"w-32 h-32 rounded-full bg-muted/40 flex items-center justify-center",children:e.jsxs("div",{className:"w-24 h-24 rounded-full bg-muted border-2 border-dashed border-border flex flex-col items-center justify-center",children:[e.jsx(Ve,{className:"w-5 h-5 text-muted-foreground/40 mb-1"}),e.jsx("span",{className:"text-muted-foreground/50 text-[10px] font-medium",children:"Trial Ended"})]})})}),e.jsx("div",{className:"bg-muted/60 border border-border rounded-xl px-4 py-2.5 mt-2 max-w-[280px] text-center",children:e.jsxs("p",{className:"text-xs text-muted-foreground",children:["Recording & AI generation are paused."," ",e.jsx("span",{className:"text-primary font-medium cursor-pointer hover:underline",children:"Upgrade to continue â"})]})}),t&&e.jsxs("div",{className:"mt-4 bg-accent/10 border border-accent/30 rounded-xl px-5 py-3 max-w-[320px] text-center",children:[e.jsxs("div",{className:"flex items-center justify-center gap-2 mb-1",children:[e.jsx(ne,{className:"w-4 h-4 text-accent-foreground"}),e.jsx("span",{className:"text-xs font-bold text-foreground",children:"1 Complimentary Note"})]}),e.jsx("p",{className:"text-[11px] text-muted-foreground mb-2",children:"Experience VetRec one more time before deciding."}),e.jsx("button",{className:"text-xs font-semibold text-primary-foreground bg-primary px-4 py-1.5 rounded-lg hover:bg-primary/90 transition-colors",children:"Use My Free Note"})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-4 opacity-40 pointer-events-none",children:[e.jsxs("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50 gap-1.5",children:["Detail Level: ",e.jsx("span",{className:"font-medium text-foreground/60",children:"Detailed"})]}),e.jsxs("div",{className:"h-8 rounded-lg border border-border bg-muted/30 px-3 flex items-center text-xs text-muted-foreground/50 gap-1.5",children:[e.jsx(re,{className:"w-3 h-3"})," English (US)"]})]})]}),Oe=()=>e.jsxs("div",{className:"bg-card border border-border rounded-xl p-3 space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx($,{className:"w-3.5 h-3.5 text-primary"}),e.jsx("h3",{className:"text-xs font-bold text-foreground flex-1",children:"Your VetRec Trial Summary"}),e.jsx("button",{className:"p-1 rounded-md hover:bg-muted text-muted-foreground hover:text-foreground transition-colors","aria-label":"Dismiss",children:e.jsx(V,{className:"w-3.5 h-3.5"})})]}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:[{value:"24",label:"Notes generated",icon:v},{value:"3h 12m",label:"Time saved",icon:Z},{value:"~6 min",label:"Per consult",icon:$e},{value:"24",label:"Visits assisted",icon:k}].map(({value:t,label:s,icon:r})=>e.jsxs("div",{className:"bg-muted/40 rounded-lg px-2.5 py-2 text-center",children:[e.jsx(r,{className:"w-3 h-3 text-primary mx-auto mb-0.5"}),e.jsx("p",{className:"text-sm font-bold text-foreground leading-none mb-0.5",children:t}),e.jsx("p",{className:"text-[9px] text-muted-foreground leading-tight",children:s})]},s))}),e.jsxs("div",{className:"border-t border-border pt-2 space-y-1.5",children:[e.jsx("p",{className:"text-[10px] text-muted-foreground text-center leading-relaxed",children:"Your trial has ended. Upgrade to continue generating AI SOAP notes."}),e.jsxs("button",{className:"w-full py-2 rounded-lg bg-primary text-primary-foreground text-[10px] font-semibold shadow-md hover:bg-primary/90 transition-all flex items-center justify-center gap-1.5",children:["Upgrade Now ",e.jsx(H,{className:"w-3 h-3"})]}),e.jsx("button",{className:"w-full py-1.5 rounded-lg border border-border text-[10px] font-medium text-foreground hover:bg-muted/50 transition-colors",children:"View Plans"}),e.jsx("p",{className:"text-[9px] text-muted-foreground text-center leading-relaxed",children:"If your org already has an account, contact your admin for access."})]})]}),He=()=>e.jsxs("div",{className:"bg-card border border-border rounded-xl p-3 space-y-1",children:[e.jsx("h4",{className:"text-[10px] font-bold text-foreground mb-1.5",children:"Still available to you"}),[{icon:le,label:"View past notes"},{icon:Xe,label:"Export notes"},{icon:v,label:"View templates"},{icon:T,label:"Access settings"}].map(({icon:t,label:s})=>e.jsxs("div",{className:"flex items-center gap-2 px-2 py-1 rounded-lg text-[10px] text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors cursor-pointer",children:[e.jsx(t,{className:"w-3 h-3"}),s]},s))]}),Se=()=>e.jsx(m,{label:"Trial Expired â Dashboard Lock State",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsx("span",{className:"text-xs font-medium text-destructive bg-destructive/10 px-3 py-1.5 rounded-full border border-destructive/20",children:"Trial ended"})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(ce,{}),e.jsxs("div",{className:"w-[240px] shrink-0 border-l border-border p-3 space-y-3 bg-muted/20 overflow-y-auto",children:[e.jsx(Oe,{}),e.jsx(He,{})]})]})]})]})}),Ce=()=>e.jsx(m,{label:"Trial Expired â 1 Complimentary Note Remaining",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{rightContent:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-medium text-accent-foreground bg-accent/20 px-3 py-1.5 rounded-full border border-accent/30 flex items-center gap-1.5",children:[e.jsx(ne,{className:"w-3 h-3"}),"1 free note remaining"]}),e.jsx("span",{className:"text-xs font-medium text-destructive bg-destructive/10 px-3 py-1.5 rounded-full border border-destructive/20",children:"Trial ended"})]})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(ce,{hasComplimentary:!0}),e.jsxs("div",{className:"w-[240px] shrink-0 border-l border-border p-3 space-y-3 bg-muted/20 overflow-y-auto",children:[e.jsx(Oe,{}),e.jsx(He,{})]})]})]})]})}),Te=()=>e.jsx(m,{label:"Trial Expired â Cards Dismissed (recoverable via top bar)",children:e.jsxs("div",{className:"min-h-[680px] bg-background flex",children:[e.jsx(p,{}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsx(h,{showImpactButton:!0,rightContent:e.jsx("span",{className:"text-xs font-medium text-destructive bg-destructive/10 px-3 py-1.5 rounded-full border border-destructive/20",children:"Trial ended"})}),e.jsx(g,{}),e.jsxs("div",{className:"flex-1 flex",children:[e.jsx(f,{}),e.jsx(ce,{})]})]})]})}),x=({children:t,label:s})=>e.jsxs("div",{className:"flex flex-col",children:[e.jsx("p",{className:"text-[9px] font-semibold tracking-widest uppercase text-muted-foreground mb-2 pl-1 truncate",children:s}),e.jsx("div",{className:"rounded-xl border border-border bg-card shadow-md overflow-hidden aspect-[16/10]",children:e.jsx("div",{className:"w-[1080px] origin-top-left",style:{transform:"scale(0.3)",width:"1080px",height:"680px"},children:t})})]}),Bs=()=>
31{const[t,s]=d.useState("signup"),[r,a]=d.useState("gallery");return I(),r==="interactive"?e.jsxs(e.Fragment,{children:[e.jsx(Q,{children:e.jsx("meta",{name:"robots",content:"noindex, nofollow"})}),e.jsxs("div",{className:"min-h-screen bg-muted/30 py-12 px-4",children:[e.jsxs("div",{className:"max-w-[1080px] mx-auto mb-8 flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-xl font-bold text-foreground",children:"VetRec Onboarding â Interactive Preview"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:"Click through each step of the flow"})]}),e.jsx("button",{onClick:()=>a("gallery"),className:"text-sm font-medium text-primary hover:underline",children:"â View all screens"})]}),t==="signup"&&e.jsx(_,{onNext:()=>s("setup")}),t==="setup"&&e.jsx(J,{onNext:()=>s("clinic")}),t==="clinic"&&e.jsx(q,{onNext:()=>s("dashboard")}),t==="dashboard"&&e.jsx(K,{onRecord:()=>s("recording")}),t==="recording"&&e.jsx(X,{})]})]}):r==="grid"?e.jsxs(e.Fragment,{children:[e.jsx(Q,{children:e.jsx("meta",{name:"robots",content:"noindex, nofollow"})}),e.jsxs("div",{className:"min-h-screen bg-muted/30 py-8 px-4",children:[e.jsxs("div",{className:"max-w-7xl mx-auto mb-8",children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("h1",{className:"text-xl font-bold text-foreground",children:"VetRec Onboarding â Grid View"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:()=>a("gallery"),className:"text-sm font-medium text-primary hover:underline",children:"List View"}),e.jsx("button",{onClick:()=>{a("interactive"),s("signup")},className:"text-sm font-semibold text-primary-foreground bg-primary px-4 py-2 rounded-xl hover:bg-primary/90 transition-colors shadow-md",children:"Interactive Flow â"})]})]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"All onboarding screens at a glance"})]}),e.jsxs("div",{className:"max-w-7xl mx-auto mb-8",children:[e.jsx("div",{className:"inline-flex items-center gap-2 bg-primary/10 text-primary-strong text-xs font-bold px-3 py-1.5 rounded-full mb-4",children:"Onboarding Flow"}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(x,{label:"1 â Sign Up",children:e.jsx(_,{onNext:()=>{}})}),e.jsx(x,{label:"2a â Quick Setup",children:e.jsx(J,{onNext:()=>{}})}),e.jsx(x,{label:"2b â Clinic Details",children:e.jsx(q,{onNext:()=>{}})}),e.jsx(x,{label:"3 â Dashboard",children:e.jsx(K,{onRecord:()=>{}})}),e.jsx(x,{label:"3b â Checklist Minimized",children:e.jsx(me,{})}),e.jsx(x,{label:"3c â Progressed",children:e.jsx(ue,{})}),e.jsx(x,{label:"3d â Complete Transition",children:e.jsx(he,{})}),e.jsx(x,{label:"3e â How-Tos",children:e.jsx(ge,{})}),e.jsx(x,{label:"3f â Quick Start + Impact",children:e.jsx(pe,{})}),e.jsx(x,{label:"4 â Recording",children:e.jsx(X,{})}),e.jsx(x,{label:"5a â First-Time Scribe",children:e.jsx(be,{})}),e.jsx(x,{label:"5b â Coach (Beta)",children:e.jsx(je,{})})]})]}),e.jsxs("div",{className:"max-w-7xl mx-auto mb-8",children:[e.jsx("div",{className:"inline-flex items-center gap-2 bg-primary/10 text-primary-strong text-xs font-bold px-3 py-1.5 rounded-full mb-4",children:'Value Locking â "Your VetRec Impact"'}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(x,{label:"6a â Early Trial",children:e.jsx(Ne,{})}),e.jsx(x,{label:"6b â Mid Trial",children:e.jsx(ye,{})}),e.jsx(x,{label:"6c â High Usage",children:e.jsx(ve,{})}),e.jsx(x,{label:"6d â Final 48h",children:e.jsx(we,{})}),e.jsx(x,{label:"6e â Card Dismissed",children:e.jsx(ke,{})})]})]}),e.jsxs("div",{className:"max-w-7xl mx-auto mb-8",children:[e.jsx("div",{className:"inline-flex items-center gap-2 bg-destructive/10 text-destructive text-xs font-bold px-3 py-1.5 rounded-full mb-4",children:"Trial Expired"}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(x,{label:"Expired â Lock State",children:e.jsx(Se,{})}),e.jsx(x,{label:"Expired â Complimentary Note",children:e.jsx(Ce,{})}),e.jsx(x,{label:"Expired â Dismissed",children:e.jsx(Te,{})})]})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Q,{children:e.jsx("meta",{name:"robots",content:"noindex, nofollow"})}),e.jsxs("div",{className:"min-h-screen bg-muted/30 py-12 px-4",children:[e.jsxs("div",{className:"max-w-[1080px] mx-auto mb-12",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground",children:"VetRec Onboarding Flow"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:()=>a("grid"),className:"text-sm font-semibold text-primary-strong border border-primary px-5 py-2.5 rounded-xl hover:bg-primary/5 transition-colors",children:"Grid View"}),e.jsx("button",{onClick:()=>{a("interactive"),s("signup")},className:"text-sm font-semibold text-primary-foreground bg-primary px-5 py-2.5 rounded-xl hover:bg-primary/90 transition-colors shadow-md",children:"Try Interactive Flow â"})]})]}),e.jsx("p",{className:"text-sm text-muted-foreground mb-1",children:"First-time user experience â onboarding flow"})]}),e.jsx(_,{onNext:()=>{}}),e.jsx(J,{onNext:()=>{}}),e.jsx(q,{onNext:()=>{}}),e.jsx(K,{onRecord:()=>{}}),e.jsx(me,{}),e.jsx(ue,{}),e.jsx(he,{}),e.jsx(ge,{}),e.jsx(pe,{}),e.jsx(X,{}),e.jsxs("div",{className:"max-w-[1080px] mx-auto mb-6 mt-12",children:[e.jsx("div",{className:"inline-flex items-center gap-2 bg-accent/10 text-accent text-sm font-bold px-4 py-2 rounded-full",children:"New Experiences"}),e.jsx("p",{className:"text-xs text-muted-foreground mt-2 pl-1",children:"First-time scribe dashboard and the new AI coaching feature (Amira) in beta."})]}),e.jsx(be,{}),e.jsx(je,{}),e.jsxs("div",{className:"max-w-[1080px] mx-auto mb-6 mt-12",children:[e.jsx("div",{className:"inline-flex items-center gap-2 bg-primary/10 text-primary-strong text-sm font-bold px-4 py-2 rounded-full",children:'Value Locking â "Your VetRec Impact"'}),e.jsx("p",{className:"text-xs text-muted-foreground mt-2 pl-1",children:"A progress-report style module that highlights real value received â framing upgrading as continuing the workflow, not paying for software."})]}),e.jsx(Ne,{}),e.jsx(ye,{}),e.jsx(ve,{}),e.jsx(we,{}),e.jsx(ke,{}),e.jsxs("div",{className:"max-w-[1080px] mx-auto mb-6 mt-12",children:[e.jsx("div",{className:"inline-flex items-center gap-2 bg-destructive/10 text-destructive text-sm font-bold px-4 py-2 rounded-full",children:"Trial Expired â Post-Trial Conversion"}),e.jsx("p",{className:"text-xs text-muted-foreground mt-2 pl-1",children:"Supportive expired-trial experience â dashboard remains visible with core AI features disabled. Reinforces value received and frames upgrading as continuing their workflow."})]}),e.jsx(Se,{}),e.jsx(Ce,{}),e.jsx(Te,{})]})]})};export{Bs as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.