1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="94e39e2d-13ad-4f9c-a7a7-1cd968a23762",e._sentryDebugIdIdentifier="sentry-dbid-94e39e2d-13ad-4f9c-a7a7-1cd968a23762")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{889:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("sparkles",[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]])},8128:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("arrow-down-left",[["path",{d:"M17 7 7 17",key:"15tmo1"}],["path",{d:"M17 17H7V7",key:"1org7z"}]])},13210:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("file-chart-column",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M8 18v-1",key:"zg0ygc"}],["path",{d:"M12 18v-6",key:"17g6i2"}],["path",{d:"M16 18v-3",key:"j5jt4h"}]])},15212:(e,t,a)=>{Promise.resolve().then(a.bind(a,58532)),Promise.resolve().then(a.bind(a,88307)),Promise.resolve().then(a.bind(a,42376)),Promise.resolve().then(a.bind(a,45224)),Promise.resolve().then(a.bind(a,50671)),Promise.resolve().then(a.bind(a,45964)),Promise.resolve().then(a.bind(a,18445)),Promise.resolve().then(a.bind(a,76976)),Promise.resolve().then(a.t.bind(a,19664,23))},19760:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},27510:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("calendar-check-2",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"M21 14V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8",key:"bce9hv"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"m16 20 2 2 4-4",key:"13tcca"}]])},27534:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("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"}]])},31587:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("rotate-ccw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]])},34569:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("phone-call",[["path",{d:"M13 2a9 9 0 0 1 9 9",key:"1itnx2"}],["path",{d:"M13 6a5 5 0 0 1 5 5",key:"11nki7"}],["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]])},38756:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]])},42376:(e,t,a)=>{"use strict";a.d(t,{OpportunityCalculator:()=>d});var s=a(54568),n=a(7620),i=a(18445),l=a(13906);let r=52/12,o=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:0});function c(e){let{id:t,label:a,suffix:n,value:i,min:l,max:r,step:o=1,onChange:c}=e;return(0,s.jsxs)("label",{htmlFor:t,className:"block",children:[(0,s.jsx)("span",{className:"text-sm font-bold leading-5 text-[#0C1A2B]",children:a}),(0,s.jsxs)("span",{className:"mt-2 flex min-h-12 items-center rounded-xl border border-[#E5E0D8] bg-[#FAF8F4] px-4 shadow-sm transition focus-within:border-[#0C1A2B] focus-within:ring-2 focus-within:ring-[#0C1A2B]/15",children:[(0,s.jsx)("input",{id:t,type:"number",inputMode:"decimal",min:l,max:r,step:o,value:i,onChange:e=>{let t=Number(e.target.value);c(Number.isFinite(t)?Math.min(r,Math.max(l,t)):l)},className:"min-w-0 flex-1 bg-transparent py-3 text-lg font-bold tabular-nums text-[#0C1A2B] outline-none"}),n?(0,s.jsx)("span",{className:"ml-2 text-sm font-semibold text-[#5B6B7C]",children:n}):null]})]})}
1function d(){let[e,t]=(0,n.useState)(75),[a,d]=(0,n.useState)(40),[m,x]=(0,n.useState)(20),[h,p]=(0,n.useState)(30),[u,b]=(0,n.useState)(400),[f,g]=(0,n.useState)(!1),v=(0,n.useRef)(!1),y=(0,n.useRef)(!1),j=(0,n.useMemo)(()=>e*r*(a/100)*(m/100)*(h/100)*u,[h,u,m,a,e]);return(0,s.jsxs)("div",{className:"grid overflow-hidden rounded-[1.5rem] border border-[#E5E0D8] bg-[#FAF8F4] shadow-[0_24px_80px_rgba(12,26,43,0.10)] lg:grid-cols-[1.12fr_0.88fr]",children:[(0,s.jsxs)("div",{className:"order-2 p-5 sm:p-8 lg:order-1 lg:p-10",onFocusCapture:function(){v.current||(v.current=!0,(0,l.trackEvent)("calculator_started",{placement:"homepage"}))},onBlurCapture:function(e){e.currentTarget.contains(e.relatedTarget)||v.current&&!y.current&&(y.current=!0,(0,l.trackEvent)("calculator_completed",{placement:"homepage",modeled_monthly_opportunity:Math.round(j)}))},children:[(0,s.jsx)("p",{className:"mb-5 text-sm font-semibold leading-6 text-[#5B6B7C]",children:"Illustrative exampleâreplace these values with your numbers."}),(0,s.jsxs)("button",{type:"button","aria-expanded":f,"aria-controls":"opportunity-model-inputs",onClick:()=>g(e=>!e),className:"flex min-h-12 w-full items-center justify-between rounded-xl border border-[#E5E0D8] bg-[#FAF8F4] px-4 text-left font-bold text-[#0C1A2B] lg:hidden",children:["Adjust my model",(0,s.jsx)("span",{"aria-hidden":"true",className:"text-xl font-normal",children:f?"â":"+"})]}),(0,s.jsxs)("div",{id:"opportunity-model-inputs",className:(f?"mt-5 grid":"hidden")+" gap-5 sm:grid-cols-2 lg:mt-0 lg:grid",children:[(0,s.jsx)(c,{id:"weekly-calls",label:"Inbound calls each week",value:e,min:0,max:1e4,onChange:t}),(0,s.jsx)(c,{id:"new-work-share",label:"% of inbound calls that are new-work opportunities",suffix:"%",value:a,min:0,max:100,onChange:d}),(0,s.jsx)(c,{id:"missed-share",label:"% of those calls missed or sent to overflow",suffix:"%",value:m,min:0,max:100,onChange:x}),(0,s.jsx)(c,{id:"close-rate",label:"% of answered new-work calls that book",suffix:"%",value:h,min:0,max:100,onChange:p}),(0,s.jsx)("div",{className:"sm:col-span-2 sm:max-w-[calc(50%-0.625rem)]",children:(0,s.jsx)(c,{id:"average-job-value",label:"Average booked-job value",suffix:"USD",value:u,min:0,max:1e6,step:25,onChange:b})})]})]}),(0,s.jsxs)("div",{className:"order-1 flex flex-col justify-between bg-[#0C1A2B] p-6 text-[#FAF8F4] sm:p-8 lg:order-2 lg:p-10",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm font-bold uppercase tracking-[0.14em] text-[#FAF8F4]/60",children:"Modeled monthly booked-work value"}),(0,s.jsxs)("output",{htmlFor:"weekly-calls new-work-share missed-share close-rate average-job-value",className:"mt-4 block break-words text-[clamp(2.5rem,7vw,5.5rem)] font-bold leading-none tracking-[-0.06em] tabular-nums text-[#FAF8F4]",children:[o.format(j),"/month"]}),(0,s.jsxs)("p",{className:"mt-5 max-w-md text-base leading-7 text-[#FAF8F4]/70",children:["Based on these inputs, unanswered new-business calls represent approximately"," ",o.format(j)," in monthly booked-work opportunity."]}),(0,s.jsx)(i.TrackedLink,{href:"/audit",eventName:"cta_clicked",eventParams:{placement:"calculator_result"},className:"mt-6 inline-flex min-h-12 w-full items-center justify-center rounded-full bg-[#F59E0B] px-5 py-3 font-bold text-[#0C1A2B] transition-transform hover:-translate-y-0.5 sm:w-auto",children:"Get my front-office audit"})]}),(0,s.jsx)("p",{className:"mt-6 border-t border-[#FAF8F4]/15 pt-4 text-xs leading-5 text-[#FAF8F4]/60",children:"Modeled from your inputs. This is not revenue earned or guaranteed."})]})]})}},50671:(e,t,a)=>{"use strict";a.d(t,{ProductProofGallery:()=>ex});var s=a(54568),n=a(7620),i=a(18382);let l=(0,i.A)("activity",[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]]);var r=a(27534);let o=(0,i.A)("contact-round",[["path",{d:"M16 2v2",key:"scm5qe"}],["path",{d:"M17.915 22a6 6 0 0 0-12 0",key:"suqz9p"}],["path",{d:"M8 2v2",key:"pbkmx"}],["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",key:"12vinp"}]]);var c=a(27510),d=a(97152),m=a(13210),x=a(95429);
1let h=(0,i.A)("workflow",[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2",key:"by2w9f"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4",key:"xkn7yn"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2",key:"1cgmvn"}]]),p=(0,i.A)("users-round",[["path",{d:"M18 21a8 8 0 0 0-16 0",key:"3ypg7q"}],["circle",{cx:"10",cy:"8",r:"5",key:"o932ke"}],["path",{d:"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3",key:"10s06x"}]]),u=(0,i.A)("settings-2",[["path",{d:"M14 17H5",key:"gfn3mx"}],["path",{d:"M19 7h-9",key:"6i9tg"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]]);var b=a(34569),f=a(99935),g=a(29304);let v=(0,i.A)("pause",[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]]);var y=a(38756),j=a(31587);let w=(0,i.A)("skip-forward",[["path",{d:"M21 4v16",key:"7j8fe9"}],["path",{d:"M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z",key:"zs4d6"}]]);var N=a(19760),k=a(25703);let A={workspace:{name:"Brightwater Home Services",initials:"BH",phone:"(404) 555-0142",location:"Atlanta, GA"},contacts:[{id:"alex-morgan",name:"Alex Morgan",initials:"AM",phone:"(404) 555-0126",email:"[email protected]",stage:"Booked \xb7 paid",lastTouch:"2 min ago",source:"Inbound call"},{id:"jordan-lee",name:"Jordan Lee",initials:"JL",phone:"(404) 555-0131",email:"[email protected]",stage:"Recovered",lastTouch:"18 min ago",source:"Missed-call text"},{id:"maya-chen",name:"Maya Chen",initials:"MC",phone:"(404) 555-0158",email:"[email protected]",stage:"Rescheduled",lastTouch:"1 hr ago",source:"No-show recovery"},{id:"sam-rivera",name:"Sam Rivera",initials:"SR",phone:"(404) 555-0164",email:"[email protected]",stage:"Qualified",lastTouch:"Today",source:"Web chat"},{id:"priya-shah",name:"Priya Shah",initials:"PS",phone:"(404) 555-0170",email:"[email protected]",stage:"Awaiting deposit",lastTouch:"Yesterday",source:"Inbound call"},{id:"devon-brooks",name:"Devon Brooks",initials:"DB",phone:"(404) 555-0187",email:"[email protected]",stage:"Closed",lastTouch:"Yesterday",source:"SMS"},{id:"elena-ruiz",name:"Elena Ruiz",initials:"ER",phone:"(404) 555-0193",email:"[email protected]",stage:"Follow-up",lastTouch:"Mon",source:"Outbound reminder"}],conversations:[{id:"conversation-alex",contactId:"alex-morgan",contactName:"Alex Morgan",time:"6:41 PM",channel:"Phone",direction:"Inbound",status:"Booked",preview:"Warm air \xb7 Tuesday at 10:30 AM confirmed",unread:!0},{id:"conversation-jordan",contactId:"jordan-lee",contactName:"Jordan Lee",time:"9:23 AM",channel:"SMS",direction:"Outbound recovery",status:"Replied",preview:"Missed call recovered in 46 seconds",unread:!0},{id:"conversation-maya",contactId:"maya-chen",contactName:"Maya Chen",time:"8:52 AM",channel:"SMS",direction:"Outbound recovery",status:"Rescheduled",preview:"Moved Thursday appointment to 2:00 PM",unread:!1},{id:"conversation-sam",contactId:"sam-rivera",contactName:"Sam Rivera",time:"Yesterday",channel:"Web chat",direction:"Inbound",status:"Qualified",preview:"Needs a same-week diagnostic visit",unread:!1},{id:"conversation-priya",contactId:"priya-shah",contactName:"Priya Shah",time:"Yesterday",channel:"Phone",direction:"Inbound",status:"Payment sent",preview:"$125 deposit link delivered",unread:!1}],appointments:[{id:"appointment-alex",contactId:"alex-morgan",contactName:"Alex Morgan",when:"Tuesday \xb7 10:30 AM",service:"Emergency HVAC repair",assignee:"Morgan Ellis",status:"Confirmed",calendar:"Office calendar"},{id:"appointment-maya",contactId:"maya-chen",contactName:"Maya Chen",when:"Thursday \xb7 2:00 PM",service:"Diagnostic visit",assignee:"Chris Bennett",status:"Rescheduled",calendar:"Field calendar"},{id:"appointment-priya",contactId:"priya-shah",contactName:"Priya Shah",when:"Friday \xb7 11:00 AM",service:"Replacement estimate",assignee:"Morgan Ellis",status:"Awaiting deposit",calendar:"Office calendar"},{id:"appointment-elena",contactId:"elena-ruiz",contactName:"Elena Ruiz",when:"Monday \xb7 8:30 AM",service:"Seasonal maintenance",assignee:"Chris Bennett",status:"Reminder sent",calendar:"Field calendar"}],payments:[{id:"payment-alex",contactId:"alex-morgan",contactName:"Alex Morgan",amount:"$99 deposit",method:"Card ending 4242",status:"Provider confirmed",time:"6:48 PM"},{id:"payment-priya",contactId:"priya-shah",contactName:"Priya Shah",amount:"$125 deposit",method:"Secure payment link",status:"Awaiting payment",time:"Yesterday"},{id:"payment-devon",contactId:"devon-brooks",contactName:"Devon Brooks",amount:"$85 diagnostic fee",method:"Link expired",status:"Closed",time:"Yesterday"}],outcomes:{estimatedWorkValue:"$480",collectedCash:"$99",events:[{id:"outcome-booked-alex",contactId:"alex-morgan",contactName:"Alex Morgan",event:"HVAC repair booked",evidence:"Calendar event confirmed",amount:"$480 estimated",time:"6:45 PM"},{id:"outcome-paid-alex",contactId:"alex-morgan",contactName:"Alex Morgan",event:"Deposit collected",evidence:"Payment provider confirmed",amount:"$99 collected",time:"6:48 PM"},{id:"outcome-recovered-jordan",contactId:"jordan-lee",contactName:"Jordan Lee",event:"Missed call recovered",evidence:"Caller replied by text",amount:"Open opportunity",time:"9:24 AM"}]},channels:[{id:"business-phone",name:"Business phone",detail:"(404) 5
155-0142",status:"Connected",note:"Calls, transfers, and missed-call recovery"},{id:"business-sms",name:"Business SMS",detail:"Same business number",status:"Ready",note:"Two-way conversations and confirmations"},{id:"web-chat",name:"Website chat",detail:"brightwater.example",status:"Ready",note:"Shares the same contact memory"}],automations:[{id:"missed-call-text",name:"Missed-call text back",trigger:"Call ends unanswered",action:"Text within 60 seconds",status:"On"},{id:"booking-confirmation",name:"Booking confirmation",trigger:"Appointment confirmed",action:"Send time, location, and next step",status:"On"},{id:"appointment-reminder",name:"24-hour reminder",trigger:"One day before appointment",action:"Send confirmation request",status:"On"},{id:"no-show-recovery",name:"No-show recovery",trigger:"Team marks no-show",action:"Offer the next available time",status:"On"}],team:[{id:"morgan-ellis",name:"Morgan Ellis",initials:"ME",role:"Owner \xb7 on-call",coverage:"Escalations and estimates",status:"Available"},{id:"jamie-patel",name:"Jamie Patel",initials:"JP",role:"Office manager",coverage:"Appointments and payments",status:"In office"},{id:"chris-bennett",name:"Chris Bennett",initials:"CB",role:"Field technician",coverage:"Urgent dispatch",status:"On a job"}],settings:[{id:"hours",label:"Business hours",value:"MonâFri \xb7 7:00 AMâ6:00 PM",note:"Saturday \xb7 8:00 AMâ2:00 PM"},{id:"after-hours",label:"After-hours behavior",value:"Qualify, book, or escalate",note:"Emergency rules run before any promise"},{id:"booking-window",label:"Booking window",value:"Same dayâ90 days",note:"Uses confirmed calendar availability"},{id:"deposit-policy",label:"Deposit policy",value:"$99 for new consultations",note:"Collection requires provider confirmation"}]};var B=a(65202),C=a(69354),E=a(889),M=a(8128),F=a(58997),D=a(90432),S=a(6438);let P=(0,i.A)("user-round",[["circle",{cx:"12",cy:"8",r:"5",key:"1hypcn"}],["path",{d:"M20 21a8 8 0 0 0-16 0",key:"rfgkzh"}]]),I={conversations:"Conversations",contacts:"Contacts",appointments:"Appointments",payments:"Payments",outcomes:"Outcome ledger",channels:"Channels",automations:"Automations",team:"Team",settings:"Business settings"};function _(e){let{children:t,destination:a,kicker:n,scrollHint:i,subtitle:l}=e;return(0,s.jsxs)("div",{"data-testid":"demo-destination-panel",role:"region","aria-label":I[a],className:"h-full min-h-0 overflow-y-auto bg-[#FAF8F4]",children:[(0,s.jsx)("header",{className:"border-b border-[#E5E0D8] px-4 py-3 sm:px-5 sm:py-4",children:(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"text-[9px] font-bold uppercase tracking-[0.15em] text-[#94640D]",children:n}),(0,s.jsx)("h2",{className:"mt-1 text-lg font-bold tracking-[-0.03em] text-[#0C1A2B] sm:text-xl",children:I[a]}),(0,s.jsx)("p",{className:"mt-1 max-w-[55ch] text-[10px] leading-4 text-[#5B6B7C] sm:text-[11px]",children:l})]}),(0,s.jsxs)("div",{className:"flex shrink-0 flex-col items-end gap-1.5",children:[(0,s.jsx)("span",{className:"rounded-full border border-[#E5E0D8] bg-white px-2.5 py-1 text-[9px] font-semibold text-[#5B6B7C]",children:"Today"}),i?(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 text-[8px] font-bold text-[#94640D] md:hidden",children:[i,(0,s.jsx)("span",{"aria-hidden":"true",children:"â"})]}):null]})]})}),t]})}function T(e){let{children:t}=e;return(0,s.jsx)("span",{className:"inline-flex whitespace-nowrap rounded-full border border-[#0C1A2B]/10 bg-[#0C1A2B]/[0.045] px-2 py-1 text-[8px] font-bold text-[#0C1A2B]",children:t})}function R(e){let{label:t,value:a}=e;return(0,s.jsxs)("div",{className:"min-w-0 px-3 py-2.5 sm:px-4",children:[(0,s.jsx)("p",{className:"text-[8px] font-bold uppercase tracking-[0.12em] text-[#5B6B7C]",children:t}),(0,s.jsx)("p",{className:"mt-1 font-mono text-base font-bold tracking-[-0.04em] text-[#0C1A2B] sm:text-lg",children:a})]})}function O(){let e=A.conversations[0];return(0,s.jsx)(_,{destination:"conversations",kicker:"One inbox",subtitle:"Phone, text, and web conversations stay attached to the same customer record.",children:(0,s.jsxs)("div",{className:"grid min-h-[24rem] md:grid-cols-[minmax(15rem,0.88fr)_minmax(19rem,1.12fr)]",children:[(0,s.jsxs)("div",{className:"border-b border-[#
1E5E0D8] md:border-b-0 md:border-r",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between border-b border-[#E5E0D8] px-3 py-2",children:[(0,s.jsx)("span",{className:"text-[9px] font-bold uppercase tracking-[0.12em] text-[#5B6B7C]",children:"Open conversations"}),(0,s.jsx)("span",{className:"font-mono text-[9px] font-semibold text-[#0C1A2B]",children:"5 active"})]}),A.conversations.map((e,t)=>(0,s.jsxs)("div",{className:"border-b border-[#E5E0D8] px-3 py-2.5 ".concat(0===t?"bg-[#F59E0B]/[0.08]":"bg-white/40"),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,s.jsxs)("span",{className:"relative flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-[#0C1A2B] text-[8px] font-bold text-white",children:[e.contactName.split(" ").map(e=>e[0]).join(""),e.unread?(0,s.jsx)("span",{className:"absolute -right-0.5 -top-0.5 h-2 w-2 rounded-full border border-white bg-[#F59E0B]"}):null]}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"truncate text-[10px] font-bold text-[#0C1A2B]",children:e.contactName}),(0,s.jsxs)("p",{className:"truncate text-[8px] text-[#5B6B7C]",children:[e.channel," \xb7 ",e.direction]})]})]}),(0,s.jsx)("span",{className:"shrink-0 font-mono text-[8px] text-[#5B6B7C]",children:e.time})]}),(0,s.jsx)("p",{className:"mt-1.5 truncate pl-9 text-[9px] text-[#5B6B7C]",children:e.preview})]},e.id))]}),(0,s.jsxs)("div",{className:"flex min-h-[21rem] flex-col bg-white/55",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between border-b border-[#E5E0D8] px-4 py-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[11px] font-bold text-[#0C1A2B]",children:e.contactName}),(0,s.jsxs)("p",{className:"mt-0.5 text-[8px] text-[#5B6B7C]",children:["Inbound phone \xb7 ",e.time," \xb7 4m 12s"]})]}),(0,s.jsx)(T,{children:e.status})]}),(0,s.jsxs)("div",{className:"flex-1 space-y-3 p-4",children:[(0,s.jsxs)("div",{className:"max-w-[85%] rounded-xl rounded-tl-sm bg-[#0C1A2B]/[0.055] p-3",children:[(0,s.jsx)("p",{className:"text-sm leading-5 text-[#0C1A2B]",children:"My AC is running, but itâs only blowing warm air. Is anyone available tonight?"}),(0,s.jsx)("p",{className:"mt-1 font-mono text-[10px] text-[#5B6B7C]",children:"Alex \xb7 6:41 PM"})]}),(0,s.jsxs)("div",{className:"ml-auto max-w-[88%] rounded-xl rounded-tr-sm bg-[#0C1A2B] p-3 text-white",children:[(0,s.jsx)("p",{className:"text-sm leading-5",children:"I checked the service calendar. Tonight is full, and Tuesday at 10:30 AM is confirmed."}),(0,s.jsx)("p",{className:"mt-1 font-mono text-[10px] text-white/55",children:"Sockly \xb7 6:45 PM"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-lg border border-[#E5E0D8] bg-[#FAF8F4] px-3 py-2",children:[(0,s.jsx)(c.A,{className:"h-3.5 w-3.5 text-[#94640D]","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-xs font-semibold text-[#0C1A2B]",children:"Tuesday \xb7 10:30 AM \xb7 BW-1048 \xb7 calendar confirmed"})]})]})]})]})})}function z(){return(0,s.jsx)(_,{destination:"contacts",kicker:"Shared memory",subtitle:"Every interaction, booking, and payment resolves back to one person.",children:(0,s.jsxs)("div",{className:"p-3 sm:p-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3 rounded-lg border border-[#E5E0D8] bg-white px-3 py-2",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-2 text-[9px] text-[#5B6B7C]",children:[(0,s.jsx)(B.A,{className:"h-3.5 w-3.5","aria-hidden":"true"}),"Search people, phone, or email"]}),(0,s.jsx)("span",{className:"font-mono text-[8px] font-semibold text-[#5B6B7C]",children:"7 contacts"})]}),(0,s.jsxs)("div",{className:"mt-3 overflow-hidden rounded-xl border border-[#E5E0D8] bg-white/60",children:[(0,s.jsxs)("div",{className:"hidden grid-cols-[1.3fr_1fr_0.8fr_0.65fr] gap-3 border-b border-[#E5E0D8] px-3 py-2 text-[8px] font-bold uppercase tracking-[0.11em] text-[#5B6B7C] sm:grid",children:[(0,s.jsx)("span",{children:"Contact"}),(0,s.jsx)("span",{children:"Stage"}),(0,s.jsx)("span",{children:"Source"}),(0,s.jsx)("span",{children:"Last touch"})]}),A.contacts.map(e=>
1(0,s.jsxs)("div",{className:"grid gap-1 border-b border-[#E5E0D8] px-3 py-2.5 last:border-b-0 sm:grid-cols-[1.3fr_1fr_0.8fr_0.65fr] sm:items-center sm:gap-3",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-2.5",children:[(0,s.jsx)("span",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-[#0C1A2B] text-[8px] font-bold text-white",children:e.initials}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"truncate text-[10px] font-bold text-[#0C1A2B]",children:e.name}),(0,s.jsx)("p",{className:"truncate text-[8px] text-[#5B6B7C]",children:e.phone})]})]}),(0,s.jsx)("div",{className:"pl-9 sm:pl-0",children:(0,s.jsx)(T,{children:e.stage})}),(0,s.jsx)("p",{className:"hidden truncate text-[9px] text-[#5B6B7C] sm:block",children:e.source}),(0,s.jsx)("p",{className:"hidden font-mono text-[8px] text-[#5B6B7C] sm:block",children:e.lastTouch})]},e.id))]})]})})}function q(){return(0,s.jsxs)(_,{destination:"appointments",kicker:"Calendar control",subtitle:"Availability, customer context, and follow-up live in the same operating view.",children:[(0,s.jsxs)("div",{className:"grid grid-cols-4 divide-x divide-[#E5E0D8] border-b border-[#E5E0D8] bg-white/45",children:[(0,s.jsx)(R,{label:"Today",value:"4"}),(0,s.jsx)(R,{label:"Confirmed",value:"2"}),(0,s.jsx)(R,{label:"Pending",value:"1"}),(0,s.jsx)(R,{label:"Recovered",value:"1"})]}),(0,s.jsx)("div",{className:"p-3 sm:p-4",children:(0,s.jsx)("div",{className:"overflow-hidden rounded-xl border border-[#E5E0D8] bg-white/60",children:A.appointments.map((e,t)=>(0,s.jsxs)("div",{className:"grid gap-2 border-b border-[#E5E0D8] px-3 py-3 last:border-b-0 sm:grid-cols-[minmax(7rem,1fr)_7.5rem_minmax(8rem,1fr)_7rem] sm:items-center sm:gap-3",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"h-1.5 w-1.5 rounded-full ".concat(0===t?"bg-[#F59E0B]":"bg-[#0C1A2B]/25")}),(0,s.jsx)("p",{className:"truncate text-[10px] font-bold text-[#0C1A2B]",children:e.contactName})]}),(0,s.jsx)("p",{className:"mt-1 truncate pl-3.5 text-[8px] text-[#5B6B7C]",children:e.assignee})]}),(0,s.jsx)("p",{className:"font-mono text-[9px] font-bold text-[#0C1A2B]",children:e.when}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[9px] font-semibold text-[#0C1A2B]",children:e.service}),(0,s.jsx)("p",{className:"mt-0.5 text-[8px] text-[#5B6B7C]",children:e.calendar})]}),(0,s.jsx)("div",{children:(0,s.jsx)(T,{children:e.status})})]},e.id))})})]})}function H(){return(0,s.jsxs)(_,{destination:"payments",kicker:"Payment activity",subtitle:"Request deposits, track open links, and see exactly what cleared.",children:[(0,s.jsxs)("div",{className:"grid grid-cols-3 divide-x divide-[#E5E0D8] border-b border-[#E5E0D8] bg-white/45",children:[(0,s.jsx)(R,{label:"Collected",value:"$99"}),(0,s.jsx)(R,{label:"Requested",value:"$125"}),(0,s.jsx)(R,{label:"Open links",value:"1"})]}),(0,s.jsxs)("div",{className:"p-3 sm:p-4",children:[(0,s.jsx)("div",{className:"overflow-hidden rounded-xl border border-[#E5E0D8] bg-white/60",children:A.payments.map((e,t)=>(0,s.jsxs)("div",{className:"grid gap-2 border-b border-[#E5E0D8] px-3 py-3 last:border-b-0 sm:grid-cols-[1fr_0.85fr_1fr_7rem] sm:items-center sm:gap-3",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-2.5",children:[(0,s.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ".concat(0===t?"bg-[#F59E0B] text-[#0C1A2B]":"bg-[#0C1A2B]/[0.055] text-[#5B6B7C]"),children:(0,s.jsx)(d.A,{className:"h-3.5 w-3.5","aria-hidden":"true"})}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"truncate text-[10px] font-bold text-[#0C1A2B]",children:e.contactName}),(0,s.jsx)("p",{className:"mt-0.5 font-mono text-[8px] text-[#5B6B7C]",children:e.time})]})]}),(0,s.jsx)("p",{className:"pl-10 font-mono text-[10px] font-bold text-[#0C1A2B] sm:pl-0",children:e.amount}),(0,s.jsx)("p",{className:"pl-10 text-[9px] text-[#5B6B7C] sm:pl-0",children:e.method}),(0,s.jsx)("div",{className:"pl-10 sm:pl-0",children:(0,s.jsx)(T,{children:e.status})})]},e.id))}),(0,s.jsxs)("div",{className:"mt-3 flex items-start gap-2 rounded-lg border border-[#
1E5E0D8] bg-[#0C1A2B]/[0.025] px-3 py-2.5",children:[(0,s.jsx)(C.A,{className:"mt-0.5 h-3.5 w-3.5 shrink-0 text-[#94640D]","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-[9px] leading-4 text-[#5B6B7C]",children:"Collected cash updates from confirmed payment events."})]})]})]})}function L(){return(0,s.jsxs)(_,{destination:"outcomes",kicker:"Evidence ledger",subtitle:"Every dollar stays attached to the event that supports it.",children:[(0,s.jsxs)("div",{className:"grid gap-px border-b border-[#E5E0D8] bg-[#E5E0D8] sm:grid-cols-2",children:[(0,s.jsxs)("section",{role:"region","aria-label":"Estimated work value",className:"bg-[#FAF8F4] p-4 sm:p-5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-[#94640D]",children:[(0,s.jsx)(E.A,{className:"h-3.5 w-3.5","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-[9px] font-bold uppercase tracking-[0.12em]",children:"Estimated work value"})]}),(0,s.jsx)("p",{className:"mt-2 font-mono text-2xl font-bold tracking-[-0.05em] text-[#0C1A2B]",children:A.outcomes.estimatedWorkValue}),(0,s.jsx)("p",{className:"mt-1 text-[9px] text-[#5B6B7C]",children:"Estimated from call outcomes"})]}),(0,s.jsxs)("section",{role:"region","aria-label":"Collected cash",className:"bg-[#FAF8F4] p-4 sm:p-5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-[#0C1A2B]",children:[(0,s.jsx)(f.A,{className:"h-3.5 w-3.5","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-[9px] font-bold uppercase tracking-[0.12em]",children:"Collected cash"})]}),(0,s.jsx)("p",{className:"mt-2 font-mono text-2xl font-bold tracking-[-0.05em] text-[#0C1A2B]",children:A.outcomes.collectedCash}),(0,s.jsx)("p",{className:"mt-1 text-[9px] text-[#5B6B7C]",children:"Provider-confirmed payment events only"})]})]}),(0,s.jsx)("div",{className:"p-3 sm:p-4",children:(0,s.jsx)("div",{className:"overflow-hidden rounded-xl border border-[#E5E0D8] bg-white/60",children:A.outcomes.events.map(e=>(0,s.jsxs)("div",{className:"grid gap-1 border-b border-[#E5E0D8] px-3 py-3 last:border-b-0 sm:grid-cols-[1fr_1fr_0.8fr_4.5rem] sm:items-center sm:gap-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[10px] font-bold text-[#0C1A2B]",children:e.contactName}),(0,s.jsx)("p",{className:"mt-0.5 text-[8px] text-[#5B6B7C]",children:e.event})]}),(0,s.jsx)("p",{className:"text-[9px] text-[#5B6B7C]",children:e.evidence}),(0,s.jsx)("p",{className:"font-mono text-[9px] font-bold text-[#0C1A2B]",children:e.amount}),(0,s.jsx)("p",{className:"font-mono text-[8px] text-[#5B6B7C]",children:e.time})]},e.id))})})]})}function W(){return(0,s.jsxs)(_,{destination:"channels",kicker:"One front office",subtitle:"Every channel shares the same business rules, customer memory, and handoff path.",children:[(0,s.jsx)("div",{className:"grid gap-3 p-3 sm:grid-cols-3 sm:p-4",children:A.channels.map((e,t)=>{let a=0===t?b.A:1===t?x.A:M.A;return(0,s.jsxs)("section",{className:"rounded-xl border border-[#E5E0D8] bg-white/65 p-3.5",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,s.jsx)("span",{className:"flex h-8 w-8 items-center justify-center rounded-lg bg-[#0C1A2B] text-white",children:(0,s.jsx)(a,{className:"h-3.5 w-3.5","aria-hidden":"true"})}),(0,s.jsx)(T,{children:e.status})]}),(0,s.jsx)("h3",{className:"mt-4 text-[11px] font-bold text-[#0C1A2B]",children:e.name}),(0,s.jsx)("p",{className:"mt-1 font-mono text-[8px] text-[#5B6B7C]",children:e.detail}),(0,s.jsx)("p",{className:"mt-3 text-[9px] leading-4 text-[#5B6B7C]",children:e.note})]},e.id)})}),(0,s.jsxs)("div",{className:"mx-3 mb-3 flex items-center gap-3 rounded-xl bg-[#0C1A2B] p-3.5 text-white sm:mx-4 sm:mb-4",children:[(0,s.jsx)(F.A,{className:"h-4 w-4 shrink-0 text-[#F59E0B]","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-[9px] leading-4 text-white/72",children:"A caller can start on the phone, reply by text, and return through chat without creating three separate histories."})]})]})}function V(){return(0,s.jsx)(_,{destination:"automations",kicker:"Always-on follow-through",subtitle:"Triggers do the repetitive work while explicit guardrails control what happens next.",children:(0,s.jsxs)("div",{className:"p-3 sm:p-4",children:[(0,s.jsx)("div",{className:"overflow-hidden rounded-xl border border-[#
1E5E0D8] bg-white/60",children:A.automations.map(e=>(0,s.jsxs)("div",{className:"grid gap-2 border-b border-[#E5E0D8] px-3 py-3 last:border-b-0 sm:grid-cols-[1fr_0.9fr_1fr_3rem] sm:items-center sm:gap-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,s.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[#F59E0B]/15 text-[#94640D]",children:(0,s.jsx)(F.A,{className:"h-3.5 w-3.5","aria-hidden":"true"})}),(0,s.jsx)("p",{className:"text-[10px] font-bold text-[#0C1A2B]",children:e.name})]}),(0,s.jsx)("p",{className:"pl-10 text-[8px] text-[#5B6B7C] sm:pl-0",children:e.trigger}),(0,s.jsxs)("div",{className:"flex items-center gap-2 pl-10 sm:pl-0",children:[(0,s.jsx)(N.A,{className:"hidden h-3 w-3 shrink-0 text-[#94640D] sm:block","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-[9px] font-semibold text-[#0C1A2B]",children:e.action})]}),(0,s.jsx)("div",{className:"pl-10 sm:pl-0",children:(0,s.jsx)(T,{children:e.status})})]},e.id))}),(0,s.jsxs)("div",{className:"mt-3 grid grid-cols-[auto_1fr] gap-3 rounded-lg border border-[#E5E0D8] bg-[#0C1A2B]/[0.025] p-3",children:[(0,s.jsx)(D.A,{className:"h-4 w-4 text-[#94640D]","aria-hidden":"true"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[9px] font-bold text-[#0C1A2B]",children:"Quiet hours respected"}),(0,s.jsx)("p",{className:"mt-1 text-[8px] leading-4 text-[#5B6B7C]",children:"Non-urgent outbound messages wait until the next allowed contact window."})]})]})]})})}function $(){return(0,s.jsxs)(_,{destination:"team",kicker:"Human handoff",subtitle:"The agent knows who owns each decision and when a person must take over.",children:[(0,s.jsx)("div",{className:"grid gap-3 p-3 sm:grid-cols-3 sm:p-4",children:A.team.map((e,t)=>(0,s.jsxs)("section",{className:"rounded-xl border border-[#E5E0D8] bg-white/65 p-3.5",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,s.jsx)("span",{className:"flex h-9 w-9 items-center justify-center rounded-full text-[9px] font-bold ".concat(0===t?"bg-[#F59E0B] text-[#0C1A2B]":"bg-[#0C1A2B] text-white"),children:e.initials}),(0,s.jsx)(T,{children:e.status})]}),(0,s.jsx)("h3",{className:"mt-4 text-[11px] font-bold text-[#0C1A2B]",children:e.name}),(0,s.jsx)("p",{className:"mt-1 text-[8px] font-semibold text-[#94640D]",children:e.role}),(0,s.jsx)("p",{className:"mt-3 text-[9px] leading-4 text-[#5B6B7C]",children:e.coverage})]},e.id))}),(0,s.jsxs)("div",{className:"mx-3 mb-3 rounded-xl border border-[#E5E0D8] bg-white/55 p-3 sm:mx-4 sm:mb-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(b.A,{className:"h-3.5 w-3.5 text-[#94640D]","aria-hidden":"true"}),(0,s.jsx)("p",{className:"text-[9px] font-bold text-[#0C1A2B]",children:"Escalation order"})]}),(0,s.jsxs)("div",{className:"mt-2 flex flex-wrap items-center gap-2 text-[8px] font-semibold text-[#5B6B7C]",children:[(0,s.jsx)("span",{children:"1 \xb7 Morgan Ellis"}),(0,s.jsx)(N.A,{className:"h-3 w-3","aria-hidden":"true"}),(0,s.jsx)("span",{children:"2 \xb7 Jamie Patel"}),(0,s.jsx)(N.A,{className:"h-3 w-3","aria-hidden":"true"}),(0,s.jsx)("span",{children:"3 \xb7 Emergency services guidance"})]})]})]})}function U(){return(0,s.jsx)(_,{destination:"settings",kicker:"Business rules",scrollHint:"Scroll for more",subtitle:"Brightwater decides what the front office can do, when it acts, and when it escalates.",children:(0,s.jsxs)("div",{className:"grid gap-3 p-3 md:grid-cols-[minmax(0,1.15fr)_minmax(15rem,0.85fr)] sm:p-4",children:[(0,s.jsx)("div",{className:"overflow-hidden rounded-xl border border-[#E5E0D8] bg-white/60",children:A.settings.map(e=>(0,s.jsxs)("div",{className:"border-b border-[#E5E0D8] px-3 py-3 last:border-b-0",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[9px] font-bold text-[#0C1A2B]",children:e.label}),(0,s.jsx)("p",{className:"mt-1 text-[9px] text-[#5B6B7C]",children:e.value})]}),(0,s.jsx)(S.A,{className:"mt-0.5 h-3.5 w-3.5 shrink-0 text-[#94640D]","aria-hidden":"true"})]}),(0,s.jsx)("p",{className:"mt-1.5 text-[8px] leading-4 text-[#5B6B7C]",children:e.note})]},e.id))}),(0,s.jsxs)("aside",{className:"rounded-xl bg-[#0C1A2B] p-4 text-white",children:[(0,s.jsx)("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg bg-[#F59E0B] text-[#0C1A2B]",children:(0,s.jsx)(P,{className:"h-3.5 w-3.5","aria-hidden":"true"})}),(0,s.jsx)("h3",{className:"mt-4 text-[11px] font-bold",children:"Front-office behavior"}),(0,s.jsx)("ol",{className:"mt-3 space-y-2.5",children:["Answer in Brightwater's voice","Understand the caller's next step","Check the calendar before offering time","Escalate before promising human help"].map((e,t)=>(0,s.jsxs)("li",{className:"flex gap-2 text-[8px] leading-4 text-white/66",children:[(0,s.jsxs)("span",{className:"font-mono font-bold text-[#F59E0B]",children:["0",t+1]}),e]},e))})]})]})})}function Y(e){let{destination:t}=e;switch(t){case"conversations":return(0,s.jsx)(O,{});case"contacts":return(0,s.jsx)(z,{});case"appointments":return(0,s.jsx)(q,{});case"payments":return(0,s.jsx)(H,{});case"outcomes":return(0,s.jsx)(L,{});case"channels":return(0,s.jsx)(W,{});case"automations":return(0,s.jsx)(V,{});case"team":return(0,s.jsx)($,{});case"settings":return(0,s.jsx)(U,{})}}let J=[{id:"activity",label:"Activity feed",icon:l},{id:"conversations",label:"Conversations",icon:r.A},{id:"contacts",label:"Contacts",icon:o},{id:"appointments",label:"Appointments",icon:c.A},{id:"payments",label:"Payments",icon:d.A},{id:"outcomes",label:"Outcomes",icon:m.A}],Q=[{id:"channels",label:"Channels",icon:x.A},{id:"automations",label:"Automations",icon:h},{id:"team",label:"Team",icon:p},{id:"settings",label:"Settings",icon:u}],G=[...J,...Q],K=[{id:"conversation",label:"Conversation",time:"6:41 PM",status:"Listening",icon:b.A},{id:"qualified",label:"Qualified",time:"6:43 PM",status:"Rule matched",icon:f.A},{id:"booked",label:"Booked",time:"6:45 PM",status:"Calendar confirmed",icon:c.A},{id:"follow-up",label:"Follow-up",time:"6:46 PM",status:"Context delivered",icon:g.A},{id:"payment",label:"Payment",time:"6:48 PM",status:"Provider confirmed",icon:d.A}],Z=[{speaker:"Caller",time:"6:41 PM",text:"My AC is running, but itâs only blowing warm air. Is anyone available tonight?"}
1,{speaker:"Sockly",time:"6:42 PM",text:"I can help with that. What ZIP code are you in, and when did the problem start?"},{speaker:"Caller",time:"6:43 PM",text:"30318. It started this afternoon. If tonight is full, tomorrow morning works."}],X={conversation:{status:"Understanding the request",summary:"Messy caller language becomes a clear next action while the conversation is still happening.",turns:Z,fields:[{label:"Intent",value:"Emergency HVAC repair"},{label:"Urgency",value:"Same day"},{label:"System",value:"Running, not cooling"},{label:"Location",value:"Atlanta, 30318"},{label:"Rule",value:"After-hours emergency workflow"},{label:"Next action",value:"Check on-call availability"}]},qualified:{status:"Qualified against Brightwaterâs rules",summary:"The issue, service area, urgency, and operating rule are attached to one customer record.",turns:Z,fields:[{label:"Service type",value:"Emergency HVAC repair"},{label:"Urgency",value:"Same day"},{label:"Service area",value:"Atlanta, 30318"},{label:"Equipment",value:"AC running \xb7 warm air"},{label:"Operating rule",value:"After-hours emergency workflow"},{label:"Next action",value:"Check on-call availability"}]},booked:{status:"Confirmed calendar response received",summary:"Sockly states the appointment only after the connected calendar confirms it.",turns:[Z[0],Z[2],{speaker:"Sockly",time:"6:45 PM",text:"Tonight is full. I checked the service calendar and confirmed Tuesday at 10:30 AM. Your booking is BW-1048."}],fields:[{label:"Calendar",value:"Checked",detail:"Brightwater service calendar"},{label:"Confirmed time",value:"Tuesday \xb7 10:30 AM"},{label:"Booking ID",value:"BW-1048"},{label:"Service",value:"Emergency HVAC repair"},{label:"Location",value:"Atlanta, 30318"},{label:"Confirmation",value:"Calendar confirmed"}]},"follow-up":{status:"Customer and team updated",summary:"The customer gets the next step and the team gets the full reason behind it.",turns:[Z[0],{speaker:"Sockly",time:"6:46 PM",text:"Youâre confirmed for Tuesday at 10:30 AM. Iâll text the details now and ask the technician to text before arrival."}],fields:[{label:"Customer message",value:"Confirmation sent"},{label:"Team summary",value:"No cooling \xb7 30318 \xb7 Tuesday 10:30"},{label:"Owner",value:"Morgan Ellis"},{label:"Customer request",value:"Text before arrival"},{label:"Escalation",value:"On-call route closed"},{label:"Next action",value:"Technician dispatch"}]},payment:{status:"Payment evidence reconciled",summary:"The request, link delivery, and provider confirmation remain distinct events inside one payment stage.",turns:[{speaker:"Sockly",time:"6:46 PM",text:"Brightwater requires a $99 deposit for this visit. I can send the secure payment link by text."},{speaker:"Caller",time:"6:47 PM",text:"Yes, send it to this number."},{speaker:"Sockly",time:"6:48 PM",text:"Itâs paid and confirmed. Your Tuesday appointment remains booked as BW-1048."}],fields:[{label:"Payment status",value:"Provider confirmed"},{label:"Amount",value:"$99 deposit"},{label:"Method",value:"Card ending 4242"},{label:"Appointment",value:"BW-1048"},{label:"Estimated work",value:"$480"},{label:"Next action",value:"Technician dispatch"}]}},ee=[{view:"conversation",turn:Z[0],fields:[{label:"Intent",value:"Emergency HVAC repair"},{label:"System",value:"Running, not cooling"}],recordStatus:"Understanding the request"},{view:"conversation",turn:Z[1],fields:[{label:"Intent",value:"Emergency HVAC repair"},{label:"System",value:"Running, not cooling"},{label:"Next action",value:"Confirm location and urgency"}],recordStatus:"Asking the next useful question"},{view:"qualified",turn:Z[2],fields:[{label:"Intent",value:"Emergency HVAC repair"},{label:"Urgency",value:"Same day"},{label:"Location",value:"Atlanta, 30318"},{label:"System",value:"Running, not cooling"},{label:"Rule",value:"After-hours emergency workflow"},{label:"Next action",value:"Check confirmed availability"}],recordStatus:"Qualified against Brightwaterâs rules"},{view:"qualified",turn:{speaker:"Sockly",time:"6:44 PM",text:"Iâm checking Brightwaterâs confirmed service availability now."},fields:[{label:"Intent",value:"Emergency HVAC repair"},{label:"Urgency",value:"Same day"},{label:"Location",value:"Atlanta, 30318"},{label:"System",value:"Running, not cooling"},{label:"Rule",value:"After-hours emergency workflow"},{label:"Calendar",value:"Checking confirmed availability"}],recordStatus:"Waiting for the calendar response"}
1,{view:"booked",turn:{speaker:"Sockly",time:"6:45 PM",text:"Tuesday at 10:30 AM is confirmed. Your booking is BW-1048."},fields:[{label:"Calendar",value:"Confirmed",detail:"Brightwater service calendar"},{label:"Confirmed time",value:"Tuesday \xb7 10:30 AM"},{label:"Booking ID",value:"BW-1048"},{label:"Service",value:"Emergency HVAC repair"},{label:"Location",value:"Atlanta, 30318"},{label:"Next action",value:"Send the confirmation"}],recordStatus:"Calendar confirmed"},{view:"follow-up",turn:{speaker:"Sockly",time:"6:46 PM",text:"Iâll text the appointment details now and ask the technician to text before arrival."},fields:[{label:"Customer message",value:"Confirmation sent"},{label:"Team summary",value:"No cooling \xb7 30318 \xb7 Tuesday 10:30"},{label:"Owner",value:"Morgan Ellis"},{label:"Customer request",value:"Text before arrival"},{label:"Escalation",value:"On-call route closed"},{label:"Next action",value:"Technician dispatch"}],recordStatus:"Customer and team updated"}];function et(){return(0,s.jsxs)("div",{className:"flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-[#E5E0D8] bg-[#FAF8F4] px-3 sm:px-4",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-baseline gap-2.5",children:[(0,s.jsx)("span",{className:"font-mono text-xs font-bold tracking-[-0.02em] text-[#0C1A2B]",children:"Sockly"}),(0,s.jsx)("span",{className:"truncate text-xs font-semibold text-[#5B6B7C]",children:A.workspace.name})]}),(0,s.jsx)("span",{className:"shrink-0 rounded-full border border-[#E5E0D8] bg-white px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.1em] text-[#5B6B7C]",children:"Interactive sample"})]})}function ea(e){let{destination:t,direction:a,id:n,onChange:i,selected:l}=e,r=t.icon;return(0,s.jsxs)("button",{id:"".concat(n,"-").concat(a,"-").concat(t.id),type:"button","aria-current":l?"page":void 0,"aria-controls":"".concat(n,"-destination-panel"),onClick:()=>i(t.id),onKeyDown:e=>(function(e){var t,a;let s,{activeId:n,direction:i,event:l,id:r,onChange:o}=e,c=G.findIndex(e=>e.id===n);if("horizontal"===i&&"ArrowRight"===l.key||"vertical"===i&&"ArrowDown"===l.key?s=(c+1)%G.length:"horizontal"===i&&"ArrowLeft"===l.key||"vertical"===i&&"ArrowUp"===l.key?s=(c-1+G.length)%G.length:"Home"===l.key?s=0:"End"===l.key&&(s=G.length-1),void 0===s)return;l.preventDefault();let d=null==(t=G[s])?void 0:t.id;d&&(o(d),null==(a=document.getElementById("".concat(r,"-").concat(i,"-").concat(d)))||a.focus())})({activeId:t.id,direction:a,event:e,id:n,onChange:i}),className:(0,k.cn)("group flex items-center gap-2 whitespace-nowrap font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#F59E0B] focus-visible:ring-offset-1","vertical"===a?"min-h-9 w-full rounded-lg px-2.5 text-left text-[11px] focus-visible:ring-offset-[#0C1A2B]":"min-h-11 rounded-lg px-3 text-xs focus-visible:ring-offset-[#FAF8F4]",l?"vertical"===a?"bg-white text-[#0C1A2B]":"bg-[#0C1A2B] text-white":"vertical"===a?"text-white/65 hover:bg-white/[0.07] hover:text-white":"text-[#5B6B7C] hover:bg-[#0C1A2B]/[0.04] hover:text-[#0C1A2B]"),children:[(0,s.jsx)(r,{className:"h-3.5 w-3.5 shrink-0","aria-hidden":!0}),t.label]})}function es(e){let{activeDestination:t,id:a,onChange:n}=e;return(0,s.jsxs)("aside",{className:"hidden min-h-0 flex-col bg-[#0C1A2B] px-2.5 py-3 text-white lg:flex",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-2 pb-4",children:[(0,s.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[#F59E0B] text-[10px] font-black text-[#0C1A2B]",children:A.workspace.initials}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"truncate text-[11px] font-bold text-white",children:"Brightwater"}),(0,s.jsx)("p",{className:"truncate text-[10px] text-white/60",children:"Atlanta \xb7 Front office"})]})]}),(0,s.jsxs)("nav",{"aria-label":"Brightwater demo screens",className:"min-h-0 flex-1 overflow-y-auto",children:[(0,s.jsx)("p",{className:"px-2 text-[9px] font-bold uppercase tracking-[0.16em] text-white/55",children:"Workspace"}),(0,s.jsx)("div",{className:"mt-1.5 space-y-0.5",children:J.map(e=>(0,s.jsx)(ea,{destination:e,direction:"vertical",id:a,onChange:n,selected:t===e.id},e.id))}),(0,s.jsx)("div",{className:"my-3 h-px bg-white/10","aria-hidden":"true"}),(0,s.jsx)("p",{className:"px-2 text-[9px] font-bold uppercase tracking-[0.16em] text-white/55",children:"Configuration"}),(0,s.jsx)("div",{className:"mt-1.5 space-y-0.5",children:Q.map(e=>(0,s.jsx)(ea,{destination:e,direction:"vertical",id:a,onChange:n,selected:t===e.id},e.id))})]})]})}
1function en(e){let{activeDestination:t,id:a,onChange:n}=e;return(0,s.jsx)("nav",{"aria-label":"Brightwater demo screens, mobile",className:"shrink-0 overflow-x-auto border-b border-[#E5E0D8] bg-[#FAF8F4] px-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden lg:hidden",children:(0,s.jsx)("div",{className:"flex min-w-max gap-1 py-1",children:G.map(e=>(0,s.jsx)(ea,{destination:e,direction:"horizontal",id:a,onChange:n,selected:t===e.id},e.id))})})}function ei(e){let{activeView:t,id:a,onChange:n}=e;return(0,s.jsx)("div",{className:"shrink-0 border-t border-[#E5E0D8] bg-[#F4F1EB] px-2 py-2 sm:px-3",children:(0,s.jsx)("div",{role:"tablist","aria-label":"Customer journey",className:"grid grid-cols-5 gap-1",children:K.map((e,i)=>{let l=t===e.id,r=e.icon;return(0,s.jsxs)("button",{id:"".concat(a,"-").concat(e.id,"-tab"),type:"button",role:"tab","aria-label":e.label,"aria-selected":l,"aria-controls":"".concat(a,"-journey-panel"),tabIndex:l?0:-1,onClick:()=>n(e.id),onKeyDown:e=>(function(e){var t,a;let s,{currentIndex:n,event:i,id:l,onChange:r}=e;if("ArrowRight"===i.key||"ArrowDown"===i.key?s=(n+1)%K.length:"ArrowLeft"===i.key||"ArrowUp"===i.key?s=(n-1+K.length)%K.length:"Home"===i.key?s=0:"End"===i.key&&(s=K.length-1),void 0===s)return;i.preventDefault();let o=null==(t=K[s])?void 0:t.id;o&&(r(o),null==(a=document.getElementById("".concat(l,"-").concat(o,"-tab")))||a.focus())})({currentIndex:i,event:e,id:a,onChange:n}),className:(0,k.cn)("group min-w-0 rounded-lg px-1.5 py-2 text-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#F59E0B] sm:px-2",l?"bg-[#0C1A2B] text-white":"text-[#5B6B7C] hover:bg-white"),children:[(0,s.jsx)(r,{className:(0,k.cn)("mx-auto h-3.5 w-3.5",l?"text-[#F59E0B]":"text-[#5B6B7C]"),"aria-hidden":!0}),(0,s.jsx)("span",{className:"mt-1 block truncate text-[10px] font-bold sm:text-xs",children:e.label}),(0,s.jsx)("span",{className:(0,k.cn)("mt-0.5 hidden truncate font-mono text-[9px] lg:block",l?"text-white/55":"text-[#5B6B7C]"),children:e.time})]},e.id)})})})}function el(e){let{turns:t}=e;return(0,s.jsxs)("section",{role:"region","aria-label":"Customer conversation",className:"border-b border-[#E5E0D8] bg-white/55 p-4 md:border-b-0 md:border-r sm:p-5",children:[(0,s.jsx)("p",{className:"text-[10px] font-bold uppercase tracking-[0.16em] text-[#94640D]",children:"Customer conversation"}),(0,s.jsx)("div",{className:"mt-4 space-y-3.5",children:t.map((e,t)=>{let a="Sockly"===e.speaker;return(0,s.jsxs)("div",{className:(0,k.cn)("max-w-[92%]",a?"ml-auto":"mr-auto"),children:[(0,s.jsxs)("div",{className:"mb-1.5 flex items-baseline justify-between gap-3 px-1",children:[(0,s.jsx)("span",{className:"text-xs font-bold text-[#0C1A2B]",children:e.speaker}),(0,s.jsx)("span",{className:"font-mono text-[10px] text-[#5B6B7C]",children:e.time})]}),(0,s.jsx)("p",{className:(0,k.cn)("rounded-2xl px-3.5 py-3 text-[15px] leading-[1.5] sm:text-base",a?"rounded-tr-sm bg-[#0C1A2B] text-white":"rounded-tl-sm border border-[#E5E0D8] bg-[#FAF8F4] text-[#0C1A2B]"),children:e.text})]},"".concat(e.speaker,"-").concat(e.time,"-").concat(t))})})]})}function er(){return(0,s.jsxs)("section",{"aria-label":"Payment lifecycle",className:"mt-4 rounded-xl border border-[#E5E0D8] bg-white p-3.5",children:[(0,s.jsx)("p",{className:"text-[10px] font-bold uppercase tracking-[0.14em] text-[#5B6B7C]",children:"Payment lifecycle"}),(0,s.jsx)("ol",{className:"mt-3 grid gap-2 sm:grid-cols-3",children:[{label:"Not requested",time:"6:45 PM"},{label:"Link sent",time:"6:46 PM"},{label:"Provider confirmed",time:"6:48 PM"}].map(e=>(0,s.jsxs)("li",{className:"rounded-lg bg-[#F4F1EB] p-2.5",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(f.A,{className:"h-3.5 w-3.5 text-[#94640D]","aria-hidden":!0}),(0,s.jsx)("span",{className:"text-[13px] font-bold text-[#0C1A2B]",children:e.label})]}),(0,s.jsx)("p",{className:"mt-1 pl-[1.375rem] font-mono text-[10px] text-[#5B6B7C]",children:e.time})]},e.label))})]})}function eo(){return(0,s.jsxs)("div",{className:"mt-4 grid grid-cols-2 divide-x divide-[#
1E5E0D8] overflow-hidden rounded-xl border border-[#E5E0D8] bg-white",children:[(0,s.jsxs)("section",{role:"region","aria-label":"Estimated work value",className:"min-w-0 p-3",children:[(0,s.jsx)("p",{className:"text-[10px] font-bold uppercase tracking-[0.1em] text-[#5B6B7C]",children:"Estimated work value"}),(0,s.jsx)("p",{className:"mt-1 font-mono text-xl font-bold tracking-[-0.04em] text-[#0C1A2B]",children:"$480"}),(0,s.jsx)("p",{className:"mt-1 text-[11px] leading-4 text-[#5B6B7C]",children:"Estimated from the booked outcome."})]}),(0,s.jsxs)("section",{role:"region","aria-label":"Collected cash",className:"min-w-0 p-3",children:[(0,s.jsx)("p",{className:"text-[10px] font-bold uppercase tracking-[0.1em] text-[#5B6B7C]",children:"Collected cash"}),(0,s.jsx)("p",{className:"mt-1 font-mono text-xl font-bold tracking-[-0.04em] text-[#0C1A2B]",children:"$99"}),(0,s.jsx)("p",{className:"mt-1 text-[11px] leading-4 text-[#5B6B7C]",children:"Provider-confirmed payment only."})]})]})}function ec(e){let{activeView:t,fields:a,status:n}=e;return(0,s.jsxs)("section",{role:"region","aria-label":"What Sockly captured",className:"bg-[#FAF8F4] p-4 sm:p-5",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[10px] font-bold uppercase tracking-[0.16em] text-[#94640D]",children:"What Sockly captured"}),(0,s.jsx)("p",{className:"mt-1 text-sm font-semibold text-[#0C1A2B]",children:"Alex Morgan \xb7 one customer record"})]}),(0,s.jsx)("span",{className:"rounded-full border border-[#E5E0D8] bg-white px-2.5 py-1 text-[11px] font-bold text-[#0C1A2B]",children:null!=n?n:X[t].status})]}),(0,s.jsx)("dl",{className:"mt-4 grid gap-x-5 gap-y-3 sm:grid-cols-2",children:a.map(e=>(0,s.jsxs)("div",{className:"min-w-0 border-t border-[#E5E0D8] pt-2.5",children:[(0,s.jsx)("dt",{className:"text-[10px] font-bold uppercase tracking-[0.11em] text-[#5B6B7C]",children:e.label}),(0,s.jsx)("dd",{className:"mt-1 text-[14px] font-semibold leading-5 text-[#0C1A2B] sm:text-[15px]",children:e.value}),e.detail?(0,s.jsx)("p",{className:"mt-0.5 text-xs leading-4 text-[#5B6B7C]",children:e.detail}):null]},e.label))}),"payment"===t?(0,s.jsx)(er,{}):null,"payment"===t?(0,s.jsx)(eo,{}):null]})}function ed(e){var t,a,i;let{id:l,initialView:r}
1=e,[o,c]=(0,n.useState)(r),[d,m]=(0,n.useState)(0),[x,h]=(0,n.useState)("conversation"!==r),[p,u]=(0,n.useState)(0),[b,f]=(0,n.useState)("idle"),g=null!=(a=ee[p])?a:ee[0],A=x?o:g.view,B=x?X[A].turns:ee.slice(Math.max(0,p-2),p+1).map(e=>e.turn),C=x?X[A].fields:g.fields,E="booked"===A?["Calendar","Confirmed time","Booking ID","Service","Location","Next action"]:"follow-up"===A?["Customer message","Team summary","Owner","Customer request","Escalation","Next action"]:["Intent","System","Urgency","Location","Rule",C.some(e=>"Calendar"===e.label)?"Calendar":"Next action"],M=(x?C.map(e=>e.label):E).map(e=>({field:C.find(t=>t.label===e),label:e})),F=null==(t=C[C.length-1])?void 0:t.label,D=x?X[A].status:g.recordStatus,S=function(e){let t=Math.floor(e/60);return"".concat(String(t).padStart(2,"0"),":").concat(String(e%60).padStart(2,"0"))}(d),P="playing"===b?"Connected \xb7 ".concat(S):"paused"===b?"Paused \xb7 ".concat(S):"complete"===b?"Sample complete \xb7 ".concat(S):"Ready \xb7 ".concat(S);(0,n.useEffect)(()=>{if("playing"!==b)return;let e=window.setInterval(()=>{m(e=>e+1)},1e3),t=window.setInterval(()=>{u(e=>Math.min(e+1,ee.length-1))},2200);return()=>{window.clearInterval(e),window.clearInterval(t)}},[b]),(0,n.useEffect)(()=>{x||"playing"!==b||p!==ee.length-1||f("complete")},[x,p,b]);let I="playing"===b?"Pause walkthrough":"paused"===b?"Resume walkthrough":"complete"===b?"Replay walkthrough":"Run walkthrough",_="playing"===b?v:y.A,T=null!=(i=K.find(e=>e.id===A))?i:K[0];return(0,s.jsxs)("div",{"data-testid":"demo-destination-panel",role:"region","aria-label":"Activity feed",className:"flex flex-col bg-[#FAF8F4]",children:[(0,s.jsx)("div",{id:"".concat(l,"-journey-panel"),role:"tabpanel","aria-label":T.label,"aria-labelledby":"".concat(l,"-").concat(A,"-tab"),children:(0,s.jsxs)("div",{className:"grid min-h-[36rem] lg:grid-cols-[minmax(19rem,0.38fr)_minmax(0,0.62fr)]",children:[(0,s.jsxs)("section",{role:"region","aria-label":"Sample phone call",className:"flex min-h-[34rem] flex-col bg-[#07111F] px-5 py-6 text-white sm:px-8 sm:py-8 lg:min-h-[36rem] lg:px-8",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-4",children:[(0,s.jsx)("p",{className:"text-[11px] font-bold uppercase tracking-[0.16em] text-white/55",children:"Customer experience"}),(0,s.jsx)("p",{className:"text-[11px] font-semibold text-white/55",children:"Visual walkthrough \xb7 no audio"})]}),(0,s.jsxs)("div",{className:"mt-8 text-center sm:mt-10",children:[(0,s.jsx)("p",{className:"text-sm font-medium text-white/58",children:"Sample call"}),(0,s.jsx)("h2",{className:"mx-auto mt-2 max-w-[18rem] text-[clamp(1.75rem,3vw,2.4rem)] font-semibold leading-[1.08] tracking-[-0.035em] text-white",children:"Brightwater Home Services"}),(0,s.jsx)("p",{className:"mt-3 font-mono text-sm font-semibold tabular-nums text-[#F7B43C]",children:P})]}),(0,s.jsxs)("div",{role:"log","aria-label":"Sample call captions","aria-live":"polite",className:"mt-9 flex-1 space-y-2 sm:mt-10",children:[(0,s.jsx)("p",{className:"mb-3 text-[10px] font-bold uppercase tracking-[0.18em] text-white/44",children:"Call captions"}),B.map((e,t)=>{let a=t===B.length-1;return(0,s.jsxs)("div",{className:(0,k.cn)("grid grid-cols-[4rem_minmax(0,1fr)] gap-3 border-l-2 py-3 pl-3 pr-2 transition-colors duration-200 motion-reduce:transition-none sm:grid-cols-[4.5rem_minmax(0,1fr)]",a?"border-[#F59E0B] bg-white/[0.07]":"border-white/10"),children:[(0,s.jsx)("span",{className:(0,k.cn)("pt-0.5 text-[10px] font-bold uppercase tracking-[0.14em]",a?"text-[#F7B43C]":"text-white/42"),children:e.speaker}),(0,s.jsx)("p",{className:(0,k.cn)("text-[15px] leading-[1.55] sm:text-base",a?"text-white":"text-white/58"),children:e.text})]},"".concat(e.speaker,"-").concat(e.time,"-").concat(e.text))})]}),(0,s.jsxs)("div",{className:"mt-7 flex items-start justify-center gap-5 sm:gap-7",children:[(0,s.jsxs)("div",{className:"flex w-[4.5rem] flex-col items-center gap-2",children:[(0,s.jsx)("button",{type:"button","aria-label":"Restart walkthrough",onClick:function(){c("conversation"),m(0),h(!1),u(0),f("idle")},className:"flex h-12 w-12 items-center justify-center rounded-full border border-white/16 bg-white/[0.08] text-white transition-colors hover:bg-white/[0.14] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#F59E0B]",children:(0,s.jsx)(j.A,{className:"h-4.5 w-4.5","aria-hidden":!0})}),(0,s.jsx)("span",{className:"text-[10px] font-semibold text-white/50",children:"Restart"})]}),(0,s.jsxs)("div",{className:"flex w-[4.5rem] flex-col items-center gap-2",children:[(0,s.jsx)("button",{type:"button","aria-label":I,onClick:function(){if("playing"===b)return void f("paused");(x||"complete"===b)&&(c("conversation"),m(0),h(!1),u(0)),f("playing")},className:"flex h-14 w-14 items-center justify-center rounded-full bg-white text-[#07111F] shadow-[0_12px_32px_-14px_rgba(255,255,255,0.7)] transition-transform hover:scale-[1.04] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#F59E0B] motion-reduce:transform-none",children:(0,s.jsx)(_,{className:"h-5 w-5","aria-hidden":!0})}),(0,s.jsx)("span",{className:"text-[10px] font-semibold text-white/70",children:"playing"===b?"Pause":"Walkthrough"})]}),(0,s.jsxs)("div",{className:"flex w-[4.5rem] flex-col items-center gap-2",children:[(0,s.jsx)("button",{type:"button","aria-label":"Next moment",onClick:function(){let e=x?0:Math.min(p+1,ee.length-1),t=ee[e];h(!1),u(e),c(t.view),f(e===ee.length-1?"complete":"paused")},disabled:!x&&p===ee.length-1,className:"flex h-12 w-12 items-center justify-center rounded-full border border-white/16 bg-white/[0.08] text-white transition-colors hover:bg-white/[0.14] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#F59E0B] disabled:cursor-not-allowed disabled:opacity-35",children:(0,s.jsx)(w,{className:"h-4.5 w-4.5","aria-hidden":!0})}),(0,s.jsx)("span",{className:"text-[10px] font-semibold text-white/50",children:"Next"})]})]})]}),(0,s.jsxs)("section",{role:"region","aria-label":"What Sockly captured",className:"relative flex flex-col bg-[#FAF8F4] px-5 py-6 sm:px-8 sm:py-8 lg:px-10",children:[(0,s.jsx)("div",{className:"pointer-events-none absolute -left-4 top-[7.25rem] z-10 hidden h-8 w-8 items-center justify-center rounded-full border border-[#
1E5E0D8] bg-[#FAF8F4] text-[#94640D] lg:flex",children:(0,s.jsx)(N.A,{className:"h-4 w-4","aria-hidden":!0})}),(0,s.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-4 border-b border-[#E5E0D8] pb-5",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-[11px] font-bold uppercase tracking-[0.16em] text-[#94640D]",children:"Sockly front-office record"}),(0,s.jsx)("h2",{className:"mt-2 text-2xl font-semibold tracking-[-0.03em] text-[#0C1A2B] sm:text-3xl",children:"One conversation. Ready for action."}),(0,s.jsx)("p",{className:"mt-2 text-sm font-medium text-[#5B6B7C]",children:"Alex Morgan \xb7 one customer record"})]}),(0,s.jsx)("span",{className:"rounded-full border border-[#E5E0D8] bg-white px-3 py-1.5 text-[11px] font-bold text-[#0C1A2B]",children:D})]}),(0,s.jsx)("dl",{className:"mt-2 grid flex-1 content-start gap-x-8 sm:grid-cols-2",children:M.map(e=>{var t;let{field:a,label:n}=e,i=(null==a?void 0:a.label)===F;return(0,s.jsxs)("div",{className:(0,k.cn)("min-h-[4.75rem] min-w-0 border-b border-[#E5E0D8] py-4 transition-colors duration-200 motion-reduce:transition-none",i&&"border-b-[#D69A27] bg-[#F59E0B]/[0.05] px-2"),children:[(0,s.jsx)("dt",{className:"text-[10px] font-bold uppercase tracking-[0.13em] text-[#5B6B7C]",children:n}),(0,s.jsx)("dd",{className:(0,k.cn)("mt-1.5 text-[15px] font-semibold leading-5 sm:text-base",a?"text-[#0C1A2B]":"text-[#5B6B7C]"),children:null!=(t=null==a?void 0:a.value)?t:"Awaiting caller"}),(null==a?void 0:a.detail)?(0,s.jsx)("p",{className:"mt-1 text-xs leading-4 text-[#5B6B7C]",children:a.detail}):null]},n)})}),"payment"===A?(0,s.jsx)(er,{}):null,"payment"===A?(0,s.jsx)(eo,{}):null,(0,s.jsxs)("div",{className:"mt-6 flex items-center justify-between gap-4 border-t border-[#E5E0D8] pt-4",children:[(0,s.jsx)("p",{className:"max-w-[34rem] text-xs leading-5 text-[#5B6B7C] sm:text-[13px]",children:"The highlighted field is the latest structure produced from the highlighted caption."}),(0,s.jsxs)("span",{className:"hidden items-center gap-2 text-[11px] font-bold uppercase tracking-[0.12em] text-[#94640D] sm:flex",children:["Language",(0,s.jsx)(N.A,{className:"h-3.5 w-3.5","aria-hidden":!0}),"Action"]})]})]})]})}),(0,s.jsx)(ei,{activeView:A,id:l,onChange:function(e){c(e),h(!0),f("idle")}}),(0,s.jsx)("p",{className:"shrink-0 border-t border-[#E5E0D8] bg-white px-3 py-2 text-center text-[11px] leading-4 text-[#5B6B7C] sm:px-4 sm:text-xs",children:"Interactive sample conversationâfictional business and caller, demonstrating the intended workflow."})]})}function em(e){var t;let{activeView:a,constrained:n=!0,id:i,onChange:l}=e,r=X[a],o=null!=(t=K.find(e=>e.id===a))?t:K[0];return(0,s.jsxs)("div",{"data-testid":"demo-destination-panel",role:"region","aria-label":"Activity feed",className:(0,k.cn)("flex flex-col bg-[#FAF8F4]",n&&"h-full min-h-0"),children:[(0,s.jsxs)("div",{id:"".concat(i,"-journey-panel"),role:"tabpanel","aria-label":o.label,"aria-labelledby":"".concat(i,"-").concat(a,"-tab"),className:(0,k.cn)(n&&"min-h-0 flex-1 overflow-y-auto"),children:[(0,s.jsxs)("header",{className:"border-b border-[#E5E0D8] px-4 py-3 sm:px-5",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm font-bold text-[#0C1A2B]",children:"Alex Morgan \xb7 inbound phone"}),(0,s.jsxs)("p",{className:"mt-0.5 text-xs text-[#5B6B7C]",children:["Atlanta, GA \xb7 ",o.time]})]}),(0,s.jsx)("span",{className:"rounded-full bg-[#F59E0B]/15 px-2.5 py-1 text-[11px] font-bold text-[#94640D]",children:o.status})]}),(0,s.jsx)("p",{className:"mt-2 max-w-[74ch] text-[13px] leading-5 text-[#5B6B7C]",children:r.summary})]}),(0,s.jsxs)("div",{className:"grid min-h-0 md:grid-cols-2",children:[(0,s.jsx)(el,{turns:r.turns}),(0,s.jsx)(ec,{activeView:a,fields:r.fields})]})]}),(0,s.jsx)(ei,{activeView:a,id:i,onChange:l}),(0,s.jsx)("p",{className:"shrink-0 border-t border-[#E5E0D8] bg-white px-3 py-2 text-center text-[11px] leading-4 text-[#5B6B7C] sm:px-4 sm:text-xs",children:"Interactive sample conversationâfictional business and caller, demonstrating the intended workflow."})]})}function ex(e){let{ariaLabel:t="Sockly product preview",className:a,id:i="front-office-demo",initialView:l="conversation",variant:r="workspace"}
1=e,[o,c]=(0,n.useState)("activity"),[d,m]=(0,n.useState)(l),x=(0,n.useId)();return(0,s.jsxs)("section",{id:i,role:"region","aria-label":t,className:(0,k.cn)("relative flex flex-col overflow-hidden rounded-[1rem] border border-[#E5E0D8] bg-[#FAF8F4] shadow-[0_38px_100px_-34px_rgba(12,26,43,0.28)] sm:rounded-[1.15rem]",a),children:[(0,s.jsx)(et,{}),"workspace"===r?(0,s.jsx)(en,{activeDestination:o,id:x,onChange:c}):null,(0,s.jsxs)("div",{className:(0,k.cn)("grid min-h-0 flex-1","workspace"===r&&"lg:grid-cols-[12rem_minmax(0,1fr)]"),children:["workspace"===r?(0,s.jsx)(es,{activeDestination:o,id:x,onChange:c}):null,(0,s.jsx)("div",{id:"".concat(x,"-destination-panel"),className:"min-h-0",children:"focused"===r?(0,s.jsx)(ed,{id:x,initialView:l}):"activity"===o?(0,s.jsx)(em,{activeView:d,constrained:!0,id:x,onChange:m}):(0,s.jsx)(Y,{destination:o})})]})]})}},58532:(e,t,a)=>{"use strict";a.d(t,{HeroProductStage:()=>c});var s=a(54568);a(7620);var n=a(19760),i=a(34569),l=a(75830),r=a(50671),o=a(18445);function c(e){let{demoLineVerified:t}=e;return(0,s.jsx)("section",{"aria-labelledby":"sockly-hero-heading",className:"relative overflow-hidden border-b border-[#E5E0D8] bg-[#FAF8F4] px-5 pt-10 sm:px-8 sm:pt-12 lg:pt-14",children:(0,s.jsxs)("div",{className:"relative mx-auto max-w-[80.875rem]",children:[(0,s.jsxs)("div",{className:"relative z-10 max-w-[72rem] text-left",children:[(0,s.jsx)("p",{className:"text-[11px] font-bold uppercase tracking-[0.18em] text-[#94640D] sm:text-xs",children:"Done-for-you AI receptionist and front office"}),(0,s.jsx)("h1",{id:"sockly-hero-heading",className:"mt-4 max-w-[78rem] text-[clamp(2.7rem,4.8vw,4.25rem)] font-semibold leading-[0.98] tracking-[-0.035em] text-[#0C1A2B]",children:"When your team canât answer, Sockly keeps the customer moving."}),(0,s.jsx)("p",{className:"mt-5 max-w-[60rem] text-[17px] leading-7 text-[#5B6B7C] sm:text-xl sm:leading-8",children:"Sockly answers in your businessâs name, asks the right questions, books against your real availability, follows up, and gives your team the complete contextâusing your rules."}),(0,s.jsx)("p",{className:"mt-3 text-sm font-semibold tracking-[-0.01em] text-[#0C1A2B]/72 sm:text-base",children:"From first hello to finished work."}),(0,s.jsxs)("div",{className:"mt-6 flex flex-col items-stretch gap-3 sm:flex-row sm:items-center",children:[(0,s.jsxs)(o.TrackedLink,{href:"/audit",eventName:"hero_audit_clicked",eventParams:{placement:"hero"},className:"inline-flex min-h-12 items-center justify-center gap-2 rounded-full bg-[#F59E0B] px-6 py-3.5 text-base font-bold text-[#0C1A2B] transition-transform duration-200 hover:-translate-y-0.5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#0C1A2B]",children:["Get my front-office audit",(0,s.jsx)(n.A,{className:"h-4 w-4","aria-hidden":"true"})]}),(0,s.jsx)(o.TrackedLink,{href:t?"tel:+16789901866":"#front-office-demo",eventName:t?"demo_tapped":"cta_clicked",eventParams:{placement:"hero_secondary"},className:"inline-flex min-h-12 items-center justify-center gap-2 rounded-full border border-[#D8D2C8] bg-white/70 px-6 py-3.5 text-base font-bold text-[#0C1A2B] transition-colors hover:border-[#0C1A2B] hover:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#0C1A2B]",children:t?(0,s.jsxs)(s.Fragment,{children:["Call Sockly live",(0,s.jsx)(i.A,{className:"h-4 w-4","aria-hidden":"true"})]}):(0,s.jsxs)(s.Fragment,{children:["Watch the sample conversation",(0,s.jsx)(l.A,{className:"h-4 w-4","aria-hidden":"true"})]})})]}),(0,s.jsxs)("p",{className:"mt-4 hidden max-w-3xl text-xs font-semibold leading-5 text-[#5B6B7C] sm:block sm:text-sm",children:["Keep your number ",(0,s.jsx)("span",{"aria-hidden":"true",children:"\xb7"})," $0 setup"," ",(0,s.jsx)("span",{"aria-hidden":"true",children:"\xb7"})," No automatic overages"," ",(0,s.jsx)("span",{"aria-hidden":"true",children:"\xb7"})," 30-day guarantee begins after verified activation"]})]}),(0,s.jsx)(r.ProductProofGallery,{variant:"focused",className:"relative z-20 -mx-5 mt-8 h-auto w-[calc(100%+2.5rem)] rounded-none border-x-0 sm:mx-0 sm:mt-10 sm:w-full sm:rounded-[1.15rem] sm:border-x"})]})})}},58997:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]])},65202:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]])},75830:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("arrow-down",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]])},90432:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("clock-3",[["path",{d:"M12 6v6h4",key:"135r8i"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]])},97152:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});
1let s=(0,a(18382).A)("credit-card",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]])},99935:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(18382).A)("circle-check",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]])}},e=>{e.O(0,[9664,9932,2551,5224,7710,9482,587,1047,7358],()=>e(e.s=15212)),_N_E=e.O()}]);
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.