1import{j as e,r as t}from"./google-maps-Dsi9asJS.js";import{C as s,g as r,S as a}from"./demoScript-aa69WnG7.js";import{M as l}from"./message-square-DmCX_jQ1.js";import{M as i}from"./mic-CRuDCHNN.js";import{C as n}from"./camera-D58AvPkk.js";import{V as o}from"./volume-2-BSjDZsVX.js";import{P as c}from"./phone-CwipcKSr.js";import{M as d}from"./maximize-2-Dy5EZUAj.js";import{C as h}from"./chevron-left-ClsFnUUH.js";import{c as m}from"./index-bG1liPr7.js";import{P as x}from"./play-DWaCLByM.js";import{C as u}from"./chevron-right-CCJU7NyZ.js";const p=m("pause",[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]]),g="#0B2B40",y="#B87A5F",f="/demo/grace-live-still.webp";function b(e){return e.advisorFirst??e.advisorName.split(" ")[0]??e.advisorName}function j(){return"undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}function w({order:t,children:s,className:r=""}){return e.jsx("div",{className:"demo-rise "+r,style:{animationDelay:120*t+"ms"},children:s})}function v({size:t="w-10 h-10"}){return e.jsx("div",{className:t+" rounded-full overflow-hidden shrink-0 shadow-md",children:e.jsx("img",{src:"/grace-avatar-face.png",alt:"Grace",className:"w-full h-full object-cover object-center"})})}const N="I've been the one holding everything together at work for 20 years. I'm scared about who I am when that stops.";function k(e,s,r=900){const[a,l]=t.useState(0);return t.useEffect(()=>{if(!s)return void l(0);if(j())return void l(e);let t=0;const a=performance.now(),i=s=>{const n=Math.min((s-a)/r,1);l(Math.round(e*(1-Math.pow(1-n,3)))),1>n&&(t=requestAnimationFrame(i))};return t=requestAnimationFrame(i),()=>cancelAnimationFrame(t)},[e,s,r]),a}function C({header:t,headerRight:s,controls:r,footer:a,children:l}){return e.jsxs("div",{className:"h-full aspect-[9/18] rounded-[1.6rem] shadow-[0_24px_60px_rgba(11,43,64,0.28)] overflow-hidden flex flex-col",style:{background:g},children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 shrink-0",children:[e.jsx("p",{className:"text-[10px] text-white/70",children:t}),s]}),e.jsx("div",{className:"flex-1 relative overflow-hidden mx-1 rounded-lg",children:l}),r&&e.jsx("div",{className:"flex items-center justify-center gap-2 py-2.5 shrink-0",children:r}),a&&e.jsx("p",{className:"text-[7px] leading-tight text-white/40 text-center px-4 pb-2 shrink-0",children:a})]})}const M="Grace is an AI assistant, not a licensed financial advisor. For personalized advice, consult a qualified professional.",S={"hub-hero":function({brand:t}){const s=[{title:"Align Your Plan With Purpose",desc:"Find your why before your what"},{title:"Social Security Plan",desc:"Your claiming decision, made clear"},{title:"Meeting Prep",desc:"Arrive ready for "+b(t)},{title:"Financial Literacy",desc:"A path built just for you"}];return e.jsxs("div",{className:"w-full h-full bg-white px-10 py-8 flex flex-col",children:[e.jsxs(w,{order:0,children:[e.jsx("p",{className:"text-sm font-medium",style:{color:y},children:t.brandLine}),e.jsx("h2",{className:"text-3xl font-semibold mt-1",style:{color:g},children:"Good evening, Leyli."}),e.jsx("p",{className:"text-gray-500 mt-1",children:"Your retirement wellness hub. Where would you like to begin tonight?"})]}),e.jsx("div",{className:"grid grid-cols-2 gap-4 mt-8",children:s.map((t,s)=>e.jsx(w,{order:s+1,children:e.jsxs("div",{className:"rounded-xl border border-gray-100 bg-white shadow-[0_8px_24px_rgba(11,43,64,0.08)] p-5 h-full",children:[e.jsx("h3",{className:"font-semibold",style:{color:g},children:t.title}),e.jsx("p",{className:"text-sm text-gray-500 mt-1",children:t.desc})]})},t.title))})]})},"purpose-emotional":function({active:s}){const[r,a]=t.useState(""),[l,i]=t.useState(!1);return t.useEffect(()=>{if(!s)return a(""),void i(!1);if(j())return a(N),void i(!0);let e=0;const t=window.setInterval(()=>{e+=3,a(N.slice(0,e)),110>e||(window.clearInterval(t),window.setTimeout(()=>i(!0),500))},40);return()=>window.clearInterval(t)},[s]),e.jsxs("div",{className:"w-full h-full bg-white px-14 py-10 flex flex-col justify-center",children:[e.jsx(w,{order:0,children:e.jsx("p",{className:"text-xs font-medium tracking-[0.2em] uppercase text-gray-400",children:"Purpose Discovery · Leyli, in her own words"})}),e.jsx("div",{className:"mt-6 min-h-[5.5rem]",children:r&&e.jsxs("p",{className:"text-2xl font-light italic leading-snug max-w-2xl",style:{color:g},children:['"',r,'"']})}),l&&e.jsxs("div",{className:"demo-fade mt-8 max-w-2xl",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(v,{size:"w-9 h-9"}),e.jsx("span",{className:"text-xs font-semibold tracking-[0.2em] uppercase",style:{color:y},children:"Grace hears the real question"}),e.jsx("span",{className:"flex-1 h-px",style:{background:"rgba(184,122,95,0.35)"}})]}),e.jsx("p",{className:"mt-4 text-base leading-relaxed text-gray-600",children:"That fear makes sense, Leyli. For twenty years, being the one who holds it together hasn't just been your job. It's been who you are."}),e.jsx("p",{className:"mt-3 text-base leading-relaxed font-medium",style:{color:g},children:"Retirement isn't asking you to give that up. It's asking where that strength goes next."})]})]})},"ss-intake":function(t){return e.jsxs("div",{className:"w-full h-full bg-white px-10 py-8 flex flex-col items-center justify-center",children:[e.jsxs(w,{order:0,className:"w-full max-w-md",children:[e.jsx("p",{className:"text-xs font-medium tracking-wide uppercase text-gray-400",children:"Social Security Plan · Question 1 of 6"}),e.jsx("div",{className:"mt-2 h-1.5 rounded-md bg-gray-100 overflow-hidden",children:e.jsx("div",{className:"h-full rounded-md",style:{width:"16%",background:y}})}),e.jsx("h2",{className:"text-2xl font-semibold mt-6",style:{color:g},children:"Are you making this decision with a partner?"}),e.jsx("p",{className:"text-gray-500 mt-2 text-sm",children:"Claiming together changes the math, especially for the one who lives longest."})]}),e.jsx("div",{className:"w-full max-w-md mt-6 space-y-3",children:["Married","Single","Widowed","Divorced"].map((t,s)=>e.jsx(w,{order:s+1,children:e.jsx("div",{className:"rounded-lg border px-4 py-3 text-sm font-medium "+("Married"===t?"text-white border-transparent shadow-md":"text-gray-700 border-gray-200 bg-white"),style:"Married"===t?{background:g}:void 0,children:"Married"===t?"Married â planning with Robert":t})},t))})]})},"breakeven-calculator":function({active:t}){const s=[{age:"62",monthly:k(2050,t),note:"Break-even vs 67: age 78"},{age:"67 · FRA",monthly:k(2800,t),note:"Leyli's plan",highlight:!0},{age:"70",monthly:k(3472,t),note:"Break-even vs 67: age 82"}];return e.jsxs("div",{className:"w-full h-full bg-white px-10 py-8 flex flex-col",children:[e.jsxs(w,{order:0,children:[e.jsx("h2",{className:"text-2xl font-semibold",style:{color:g},children:"Your claiming timeline, Leyli"}),e.jsx("p",{className:"text-gray-500 text-sm mt-1",children:"Benefit at 67: $2,800/mo · Robert: $3,120 at his FRA"})]}),e.jsx("div",{className:"grid grid-cols-3 gap-4 mt-6",children:s.map((t,s)=>e.jsx(w,{order:s+1,children:e.jsxs("div",{className:"rounded-xl p-5 text-center border "+(t.highlight?"border-transparent shadow-lg text-white":"border-gray-100 bg-white shadow-sm"),style:t.highlight?{background:g}:void 0,children:[e.jsxs("p",{className:"text-xs uppercase tracking-wide "+(t.highlight?"text-white/70":"text-gray-400"),children:["Claim at ",t.age]}),e.jsxs("p",{className:"text-3xl font-semibold mt-2",style:{color:t.highlight?y:g}
1,children:["$",t.monthly.toLocaleString()]}),e.jsx("p",{className:"text-xs mt-2 "+(t.highlight?"text-white/80":"text-gray-500"),children:t.note})]})},t.age))}),e.jsx("div",{className:"grid grid-cols-3 gap-4 mt-5",children:[{title:"Survivor benefit",body:"Claiming at 67 locks in a larger check for whichever of you lives longest. That protects Robert too."},{title:"Income bridge",body:"Retiring next year at 63? A short bridge from savings covers the gap until benefits start."},{title:"Consider if",body:"Family longevity runs long. Every year you wait past 62 pays you back by your late seventies."}].map((t,s)=>e.jsx(w,{order:s+4,children:e.jsxs("div",{className:"rounded-xl border border-gray-100 bg-gray-50 p-4 h-full",children:[e.jsx("p",{className:"text-sm font-semibold",style:{color:g},children:t.title}),e.jsx("p",{className:"text-xs text-gray-600 mt-1 leading-relaxed",children:t.body})]})},t.title))})]})},"avatar-call":function({active:s,brand:r}){const a=[`Hey Leyli, good to have you back. Tomorrow with ${b(r)}, when it goes really well, what do you want to walk out with?`,"You already know your answer on timing. Sixty-seven protects both of you. Say it in your own words first.","And if the survivor question comes up, you've already done that math."],[h,m]=t.useState(!0),[x,u]=t.useState(0),p=t.useRef(null);t.useEffect(()=>{const e=p.current;if(e&&h&&(s?e.play().catch(()=>{}):e.pause()),!s)return void u(0);if(j())return;const t=window.setInterval(()=>{u(e=>(e+1)%a.length)},4200);return()=>window.clearInterval(t)},[s,h]);const g=x%2==0;return e.jsx("div",{className:"w-full h-full bg-gray-50 flex items-center justify-center pb-10 pt-4",children:e.jsx(w,{order:0,className:"h-full py-1",children:e.jsxs(C,{header:g?"Grace is speaking":"Listening",headerRight:e.jsx(d,{className:"w-3 h-3 text-white/50"}),footer:M,controls:e.jsxs(e.Fragment,{children:[[l,i,n,o].map((t,s)=>e.jsx("span",{className:"w-8 h-8 rounded-full border border-white/15 bg-white/10 flex items-center justify-center",children:e.jsx(t,{className:"w-3.5 h-3.5 text-white"})},s)),e.jsxs("span",{className:"w-10 h-10 rounded-full bg-red-500 shadow-lg flex flex-col items-center justify-center",children:[e.jsx(c,{className:"w-3 h-3 text-white rotate-[135deg]"}),e.jsx("span",{className:"text-[5px] text-white leading-none mt-0.5",children:"End Call"})]})]}),children:[e.jsx("img",{src:f,alt:"Grace",className:"absolute inset-0 w-full h-full object-cover object-top",loading:"eager",fetchPriority:"high"}),h&&s&&e.jsx("video",{ref:p,src:"/demo/grace-live-talking.mp4",className:"absolute inset-0 w-full h-full object-cover",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,onError:()=>m(!1)}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 bg-black/60 px-3 py-2",children:e.jsx("p",{className:"demo-fade text-[10px] text-white leading-snug",children:a[x]},x)})]})})})},"call-recap":function({brand:t}){return e.jsxs("div",{className:"w-full h-full bg-gray-50 flex items-center justify-center gap-10 px-10 pb-10 pt-4",children:[e.jsx(w,{order:0,className:"h-full py-1 shrink-0",children:e.jsxs(C,{header:"Grace Live",footer:M,children:[e.jsx("img",{src:f,alt:"",className:"absolute inset-0 w-full h-full object-cover object-top opacity-30",loading:"eager"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-black/50 via-black/40 to-black/60"}),e.jsxs("div",{className:"relative h-full flex flex-col px-4 py-4",children:[e.jsx("h3",{className:"text-[13px] font-semibold text-white leading-snug",children:"Thank you for taking the time to meet with me."}),e.jsx("p",{className:"text-[9px] font-semibold text-white mt-2.5",children:"Here's what happens next:"}),e.jsxs("p",{className:"text-[9px] text-white/80 leading-relaxed mt-1.5",children:["Your meeting notes will be shared with ",t.advisorName," so they can best prepare for your conversation."]}),e.jsx("p",{className:"text-[9px] text-white/80 leading-relaxed mt-1.5",children:"I'll also send you a summary with key takeaways and suggested next steps."}),e.jsx("p",{className:"text-[9px] font-semibold text-white mt-2.5",children:"Thank y
1ou,"}),e.jsx("p",{className:"text-[9px]",style:{color:y},children:"Grace"}),e.jsx("div",{className:"flex-1"}),e.jsx("div",{className:"rounded-lg border border-white/25 py-2 text-center",children:e.jsx("span",{className:"text-[10px] text-white font-medium",children:"Start New Conversation"})})]})]})}),e.jsxs("div",{className:"w-72",children:[e.jsx(w,{order:1,children:e.jsx("p",{className:"text-xs font-medium tracking-[0.2em] uppercase text-gray-400",children:"My Calls"})}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-3",children:[{label:"Calls",value:"3"},{label:"Minutes",value:"24"},{label:"Last call",value:"Today"}].map((t,s)=>e.jsx(w,{order:s+2,children:e.jsxs("div",{className:"rounded-xl border border-gray-100 bg-white shadow-sm p-3 text-center",children:[e.jsx("p",{className:"text-xl font-semibold",style:{color:g},children:t.value}),e.jsx("p",{className:"text-[10px] text-gray-400 mt-0.5 uppercase tracking-wide",children:t.label})]})},t.label))}),e.jsx(w,{order:5,className:"mt-3",children:e.jsxs("div",{className:"rounded-xl border border-gray-100 bg-white shadow-sm px-4 py-3 flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium",style:{color:g},children:"Meeting prep with Grace"}),e.jsx("p",{className:"text-xs text-gray-400",children:"Today · 8 minutes"})]}),e.jsx("span",{className:"text-xs font-medium",style:{color:y},children:"Notes shared"})]})})]})]})},"client-email":function({brand:t}){return e.jsx("div",{className:"w-full h-full bg-gray-50 flex items-center justify-center px-10 pb-10 pt-4",children:e.jsxs("div",{className:"w-full max-w-lg rounded-xl bg-white shadow-[0_16px_48px_rgba(11,43,64,0.14)] border border-gray-100 overflow-hidden",children:[e.jsx(w,{order:0,children:e.jsxs("div",{className:"px-6 py-4",style:{background:g},children:[e.jsx("h2",{className:"text-white text-base font-semibold",children:"Hi Leyli,"}),e.jsx("p",{className:"text-xs mt-0.5",style:{color:y},children:"Here is a summary from your call with Grace"})]})}),e.jsxs("div",{className:"px-6 py-4 space-y-3.5",children:[e.jsxs(w,{order:1,children:[e.jsx("h3",{className:"text-xs font-semibold",style:{color:g},children:"Key Takeaways"}),e.jsx("ul",{className:"mt-1.5 space-y-1.5",children:["Claiming at 67 â your full retirement age â locks in $2,800/mo and the stronger survivor benefit for whichever of you lives longest.","Retiring next year at 63 means a short income bridge from savings until benefits begin. You've already seen that math.","Your priority for Thursday: walk in with your own answer on timing, and let your advisor pressure-test it."].map(t=>e.jsxs("li",{className:"text-xs text-gray-600 leading-relaxed flex gap-2",children:[e.jsx("span",{className:"mt-1.5 w-1 h-1 rounded-full shrink-0",style:{background:y}}),t]},t))})]}),e.jsxs(w,{order:2,children:[e.jsx("h3",{className:"text-xs font-semibold",style:{color:g},children:"Questions to Ask"}),e.jsx("ul",{className:"mt-1.5 space-y-1.5",children:["What does our plan look like if one of us outlives the other by ten years?","What's our healthcare coverage plan before Medicare kicks in?"].map(t=>e.jsxs("li",{className:"text-xs text-gray-600 leading-relaxed flex gap-2",children:[e.jsx("span",{className:"mt-1.5 w-1 h-1 rounded-full shrink-0",style:{background:y}}),t]},t))})]}),e.jsx(w,{order:3,children:e.jsxs("div",{className:"pt-3 border-t border-gray-100",children:[e.jsx("p",{className:"text-xs text-gray-600",children:"Warmly,"}),e.jsxs("p",{className:"text-xs font-semibold mt-0.5",style:{color:g},children:["Grace from ",t.org]}),e.jsx("p",{className:"text-[10px] text-gray-400 mt-0.5",children:"Your Retirement Wellness Co-Pilot"})]})})]})]})})},"literacy-path":function(t){return e.jsxs("div",{className:"w-full h-full px-10 py-8 flex flex-col",style:{background:g},children:[e.jsxs(w,{order:0,children:[e.jsx("p",{className:"text-xs uppercase tracking-wide",style:{color:y},children:"Financial Literacy"}),e.jsx("h2",{className:"text-2xl font-semibold text-white mt-1",children:"Built just for you, Leyli"}),e.jsx("p",{className:"text-white/60 text-sm mt-1",children:"An 11-lesson path shaped by your plan, not a generic course."})]}),e.jsxs("div",{className:"mt-6 space-y-3 max-w-lg",children:[[{n:1,title:"Your retirement paycheck",done:!0},{n:2,title:"Social Security timing for couples",done:!0},{n:3,title:"Healthcare before Medicare",done:!1},{n:4,title:"The identity shift no one plans for",done:!1}].map((t,s)=>e.jsx(w,{order:s+1,children:e.jsxs("div",{className:"rounded-xl bg-white/5 border border-white/10 px-4 py-3 flex items-center gap-4",children:[e.jsx("span",{className:"w-7 h-7 rounded-lg flex items-center justify-center text-xs font-semibold",style:t.done?{background:y,color:"white"}:{background:"rgba(255,255,255,0.1)",color:"white"},children:t.n}),e.jsx("p",{className:"text-sm text-white/90 flex-1",children:t.title}),e.jsx("span",{className:"text-xs text-white/40",children:t.done?"Done":"12 min"})]})},t.n)),e.jsx(w,{order:6,children:e.jsx("p",{className:"text-xs text-white/40 pl-1",children:"+ 7 more lessons, unlocked as Leyli's plan evolves"})})]})]})},"advisor-briefing":function({brand:t}){return e.jsx("div",{className:"w-full h-full bg-gray-50 px-10 py-8 flex items-center justify-center",children:e.jsxs("div",{className:"w-full max-w-xl rounded-xl bg-white shadow-[0_16px_48px_rgba(11,43,64,0.14)] border border-gray-100 overflow-hidden",children:[e.jsx("div",{className:"px-6 py-4 border-b border-gray-100",children:e.jsxs(w,{order:0,children:[e.jsxs("p",{className:"text-sm uppercase tracking-wide text-gray-500",children:["Meeting-prep briefing · Prepared for ",t.advisorName]}),e.jsx("h2",{className:"text-xl font-semibold mt-1",style:{color:g},children:"Leyli M. · Meets you Thursday, 10:00 AM"})]})}),e.jsxs("div",{className:"px-6 py-5 space-y-4",children:[e.jsxs(w,{order:1,children:[e.jsx("p",{className:"text-sm font-semibold uppercase tracking-wide",style:{color:y},children:"What Leyli chose to share"}),e.jsx("p",{className:"text-base text-gray-700 mt-1.5 leading-relaxed",children:"This next chapter is about more than money. After twenty years as the one holding it together at work, she wants Thursday's conversation to start with what comes next â not with the numbers."})]}),e.jsxs(w,{order:2,children:[e.jsx("p",{className:"text-sm font-semibold uppercase tracking-wide",style:{color:y},children:"What she wants to cover"}),e.jsx("p",{className:"text-base text-gray-700 mt-1.5 leading-relaxed",children:"Her claiming timeline and Robert's survivor benef
1it. She's bringing the question: \"If one of us outlives the other by ten years, which check keeps arriving?\""})]}),e.jsx(w,{order:3,children:e.jsxs("div",{className:"rounded-lg px-4 py-4",style:{background:g},children:[e.jsx("p",{className:"text-sm font-semibold uppercase tracking-wide text-white/70",children:"Recommended opening line"}),e.jsx("p",{className:"text-base text-white mt-1.5 leading-relaxed",children:'"Leyli, before we touch a single number, tell me about handing off, not stepping away."'})]})}),e.jsx(w,{order:4,children:e.jsx("p",{className:"text-sm text-gray-500 leading-relaxed",children:"Prepared only from what Leyli chose to share in her meeting prep. Nothing is passed along without her okay."})})]})]})})}};function P({cut:l="advisor",autoPlay:i=!0,brand:n,onTryPrompt:o,embed:c=!1,sampleLabel:d=!0,jumpTo:m,onSceneChange:g,aspectClass:y="aspect-video"}){const f=r(l),b={...s[l],...n},{index:j,step:w,isPlaying:v,progress:N,next:k,prev:C,goTo:M,togglePlay:P}=function(e,{autoPlay:s=!0,loop:r=!0}={}){const[a,l]=t.useState(0),[i,n]=t.useState(s),[o,c]=t.useState(0),d=t.useRef(0),h=t.useRef(null),m=t.useRef(null),x=e.length,u=Math.min(a,x-1),p=e[u],g=t.useCallback(e=>{d.current=0,c(0),l((e%x+x)%x)},[x]),y=t.useCallback(()=>{d.current=0,c(0),l(e=>x>e+1?e+1:r?0:(n(!1),e))},[x,r]),f=t.useCallback(()=>{d.current=0,c(0),l(e=>(e-1+x)%x)},[x]),b=t.useCallback(()=>{n(e=>!e)},[]),j=t.useCallback(()=>{d.current=0,c(0),l(0),n(!0)},[]);return t.useEffect(()=>{if(!i)return m.current=null,void(null!==h.current&&cancelAnimationFrame(h.current));const e=t=>{if(null!==m.current){const e=Math.min(t-m.current,250);d.current+=e}m.current=t;const s=p.holdMs;d.current<s?(c(d.current/s),h.current=requestAnimationFrame(e)):y()};return h.current=requestAnimationFrame(e),()=>{m.current=null,null!==h.current&&cancelAnimationFrame(h.current)}},[i,u,p.holdMs,y]),{index:u,step:p,isPlaying:i,progress:o,next:y,prev:f,goTo:g,togglePlay:b,restart:j}}(f,{autoPlay:i,loop:!0});t.useEffect(()=>{m&&M(m.index)},[null==m?void 0:m.ts]),t.useEffect(()=>{null==g||g(j,f[j].id)},[j]);const A=o?()=>{v&&P(),o(a[w.id])}:void 0;return e.jsxs("div",{className:"w-full max-w-4xl mx-auto select-none group",children:[e.jsx("style",{children:"\n .demo-rise {\n opacity: 0;\n transform: translateY(10px);\n animation: demoRise 500ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n .demo-fade {\n opacity: 0;\n animation: demoFadeIn 450ms ease-in-out forwards;\n }\n .demo-wave {\n height: 8px;\n animation: demoWave 900ms ease-in-out infinite;\n }\n @keyframes demoRise {\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes demoFadeIn {\n to { opacity: 1; }\n }\n @keyframes demoWave {\n 0%, 100% { height: 6px; }\n 50% { height: 22px; }\n }\n @media (prefers-reduced-motion: reduce) {\n .demo-rise, .demo-fade { animation: none; opacity: 1; transform: none; }\n .demo-wave { animation: none; height: 12px; }\n }\n "}),e.jsxs("div",{className:`relative w-full ${y} rounded-xl overflow-hidden bg-white shadow-[0_24px_64px_rgba(11,43,64,0.18)] border border-gray-100 ${A?"cursor-pointer":""}`,onClick:A,role:A?"button":void 0,"aria-label":A?"Try this in the chat":void 0,children:[f.map((t,s)=>{const r=S[t.id],a=s===j;return e.jsx("div",{className:"absolute inset-0 transition-all duration-[400ms] ease-in-out",style:{opacity:a?1:0,transform:a?"translateY(0)":"translateY(8px)",pointerEvents:"none"},"aria-hidden":!a,children:a?e.jsx(r,{active:!0,brand:b},"on"):e.jsx(r,{active:!1,brand:b},"off")},`${t.id}-${s}`)}),d&&e.jsx("div",{className:"absolute top-3 left-3 pointer-events-none",children:e.jsx("span",{className:"rounded-lg px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-white",style:{background:"rgba(11,43,64,0.55)",backdropFilter:"blur(6px)"},children:"Sample journey"})}),A&&e.jsx("div",{className:"absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none",children:e.jsx("span",{className:"rounded-lg px-3 py-1.5 text-xs font-medium text-white shadow-lg",style:{background:"rgba(11,43,64,0.92)"},children:"Click to ask Grace about this"})}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 pointer-events-none",children:e.jsx("div",{className:"mx-auto mb-4 w-fit max-w-[85%] rounded-lg px-5 py-2.5 shadow-lg",style:{background:"rgba(11,43,64,0.92)"},children:e.jsx("p",{className:"demo-fade text-white text-base font-medium text-center leading-snug",children:w.
1caption},`${w.id}-${j}`)})})]}),e.jsxs("div",{className:"flex items-center justify-between mt-4 px-1 "+(c?"opacity-0 group-hover:opacity-100 transition-opacity duration-300":""),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{type:"button",onClick:C,"aria-label":"Previous scene",className:"w-9 h-9 rounded-lg border border-gray-200 bg-white flex items-center justify-center text-gray-600 hover:bg-gray-50 transition-colors",children:e.jsx(h,{className:"w-4 h-4"})}),e.jsx("button",{type:"button",onClick:P,"aria-label":v?"Pause":"Play",className:"w-9 h-9 rounded-lg flex items-center justify-center text-white shadow-md transition-transform active:scale-95",style:{background:"#0B2B40"},children:v?e.jsx(p,{className:"w-4 h-4"}):e.jsx(x,{className:"w-4 h-4 ml-0.5"})}),e.jsx("button",{type:"button",onClick:k,"aria-label":"Next scene",className:"w-9 h-9 rounded-lg border border-gray-200 bg-white flex items-center justify-center text-gray-600 hover:bg-gray-50 transition-colors",children:e.jsx(u,{className:"w-4 h-4"})})]}),e.jsx("div",{className:"flex items-center gap-1.5",children:f.map((t,s)=>e.jsx("button",{type:"button",onClick:()=>M(s),"aria-label":"Go to scene "+(s+1),className:"h-1.5 rounded-md overflow-hidden transition-all duration-300",style:{width:s===j?36:14,background:"#E5E7EB"},children:s===j&&e.jsx("span",{className:"block h-full rounded-md",style:{width:Math.round(100*N)+"%",background:"#B87A5F"}})},`${t.id}-${s}`))})]})]})}export{P 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.