https://betteryouandfriends.com/assets/InsightCard-LNXc_ij2.js

1import{r as u,j as e,m as a,b as m,B as o,Z as g,T as y,d as b}from"./index-Dmv3B40E.js";import{S as h}from"./sparkles-YZTAn2eh.js";function j({insightData:d,isLoading:c,onContinue:s,onSkip:r}){const[n,x]=u.useState("Yes, this feels accurate enough to be useful."),p=()=>{s(n.trim()||void 0)},t=d||{operatingModes:["High Attunement","Adaptive Triage","Analytical Distance"],whatImSeeing:"Right now, your attention is organized around keeping several important threads alive at once. You move quickly to stabilize what feels most at risk, make progress where you can, and defer what does not demand immediate action. Direction tends to sharpen or blur depending on load rather than motivation.",costUnderPressure:"When load exceeds capacity, this pattern creates friction. Too many threads stay open. Clarity blurs. The same responsiveness that usually helps can start to feel scattered, making it harder to commit to a single direction.",carryForward:"I'm holding this as context, not identity. As we continue, I'll adjust to what I observe over time. Nothing here is fixed."};return e.jsxs("div",{className:"min-h-screen flex flex-col px-4 py-6 overflow-y-auto relative",style:{background:"linear-gradient(180deg, #0A4A45 0%, #0F6F68 30%, #0A4A45 100%)"},children:[e.jsx("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] pointer-events-none",style:{background:"radial-gradient(ellipse at center, rgba(255, 162, 76, 0.12) 0%, transparent 60%)"}}),e.jsx("div",{className:"absolute bottom-0 left-1/2 -translate-x-1/2 w-[500px] h-[300px] pointer-events-none",style:{background:"radial-gradient(ellipse at center, rgba(15, 111, 104, 0.2) 0%, transparent 60%)"}}),e.jsxs("div",{className:"w-full max-w-lg mx-auto relative z-10",children:[e.jsxs(a.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{duration:.6,ease:"easeOut"},className:"text-center mb-8",children:[e.jsxs(a.div,{initial:{scale:.8,opacity:0}

1,animate:{scale:1,opacity:1},transition:{duration:.5,delay:.1},className:"relative w-20 h-20 mx-auto mb-5",children:[e.jsx(a.div,{animate:{scale:[1,1.15,1],opacity:[.3,.5,.3]},transition:{duration:3,repeat:1/0,ease:"easeInOut"},className:"absolute inset-0 rounded-full",style:{background:"radial-gradient(circle, rgba(255, 162, 76, 0.4) 0%, transparent 70%)"}}),e.jsx("div",{className:"aloyou-ring aloyou-ring-active w-full h-full flex items-center justify-center",children:e.jsx(m,{size:"lg"})})]}),e.jsx(a.h1,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.2,duration:.5},className:"text-3xl font-bold mb-3 tracking-tight",style:{background:"linear-gradient(135deg, #FFFFFF 0%, #F6EDC8 50%, #FFA24C 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",color:"transparent",textShadow:"0 0 40px rgba(255, 162, 76, 0.3)"},children:"Your First Read"}),e.jsx(a.p,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.3},className:"text-sm tracking-wide",style:{color:"rgba(246, 237, 200, 0.8)"},children:"A first read of how your mind runs right now."}),e.jsx(a.p,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.4},className:"text-sm mt-3",style:{color:"rgba(246, 237, 200, 0.7)"},children:"Your Brain Map is next. This turns what I'm seeing into patterns you can actually use."})]}),c?e.jsxs(a.div,{initial:{opacity:0},animate:{opacity:1},className:"rounded-2xl p-10 flex flex-col items-center justify-center gap-5",style:{background:"rgba(255, 255, 255, 0.06)",backdropFilter:"blur(20px)",border:"1px solid rgba(255, 255, 255, 0.1)"},children:[e.jsxs("div",{className:"relative",children:[e.jsx(a.div,{animate:{rotate:360},transition:{duration:2,repeat:1/0,ease:"linear"},className:"w-16 h-16 rounded-full",style:{background:"conic-gradient(from 0deg, transparent, #FFA24C, #0F6F68, transparent)"}}),e.jsx("div",{className:"absolute inset-1 rounded-full flex items-center justify-center",style:{background:"#0A4A45"},children:e.jsx(o,{className:"w-6 h-6",style:{color:"#FFA24C"}})})]}),e.jsx("p",{className:"font-medium text-[14px]",style:{color:"rgba(246, 237, 200, 0.9)"},children:"Analyzing your cognitive patterns..."})]}):e.jsxs(e.Fragment,{children:[e.jsx(a.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.35,duration:.5},className:"flex flex-wrap justify-center gap-3 mb-6",children:t.operatingModes.slice(0,3).map((i,l)=>e.jsxs(a.div,{initial:{opacity:0,scale:.8,y:10},animate:{opacity:1,scale:1,y:0},transition:{delay:.4+l*.12,duration:.4},className:"relative group",children:[e.jsx("div",{className:"absolute inset-0 rounded-full blur-md opacity-60",style:{background:"linear-gradient(135deg, #FFA24C 0%, #0F6F68 100%)"}}),e.jsx("div",{className:"relative px-5 py-2.5 rounded-full text-[13px] font-bold tracking-wide uppercase",style:{background:"linear-gradient(135deg, #FFA24C 0%, #3D9A8C 100%)",color:"#FFFFFF",boxShadow:"0 4px 20px rgba(255, 162, 76, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2)",textShadow:"0 1px 2px rgba(0, 0, 0, 0.2)"},"data-testid":`tag-mode-${l}`,children:i})]},i))}),e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{delay:.7,duration:.5},className:"rounded-2xl p-5 mb-4 relative overflow-hidden",style:{background:"rgba(255, 255, 255, 0.95)",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(15, 111, 104, 0.1)"},children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-1",style:{background:"linear-gradient(90deg, #0F6F68 0%, #3D9A8C 50%, #FFA24C 100%)"}}),e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:"linear-gradient(135deg, #0F6F68 0%, #3D9A8C 100%)"},children:e.jsx(h,{className:"w-4 h-4 text-white"})}),e.jsx("span",{className:"text-xs font-bold uppercase tracking-wider",style:{color:"#0F6F68"},children:"What AloYou Is Seeing"})]}),e.jsx("p",{className:"text-[14px] leading-relaxed",style:{color:"#2D3436"},children:t.whatImSeeing})]}),e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{delay:.85,duration:.5},className:"rounded-2xl p-5 mb-4 relative overflow-hidden",style:{background:"rgba(255, 255, 255, 0.95)",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(217, 124, 64, 0.15)"},children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-1",style:{background:"linear-gradient(90deg, #D97C40 0%, #FFA24C 100%)"}}),e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:"linear-gradient(135deg, #D97C40 0%, #FFA24C 100%)"},children:e.jsx(g,{className:"w-4 h-4 text-white"})}),e.jsx("span",{className:"text-xs font-bold uppercase tracking-wider",style:{color:"#D97C40"},children:"This Pattern Under Pressure"})]}),e.jsx("p",{className:"text-[14px] leading-relaxed",style:{color:"#2D3436"},children:t.costUnderPressure})]}),e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{delay:1,duration:.5},className:"rounded-2xl p-5 mb-4 relative overflow-hidden",style:{background:"rgba(10, 50, 47, 0.85)",backdropFilter:"blur(10px)",border:"1px solid rgba(246, 237, 200, 0.15)",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.2)"},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("div",{className:"w-6 h-6 rounded-lg flex items-center justify-center",style:{background:"rgba(246, 237, 200, 0.15)"},children:e.jsx(o,{className:"w-3.5 h-3.5",style:{color:"#F6EDC8"}})}),e.jsx("span",{className:"text-xs font-bold uppercase tracking-wider",style:{color:"#F6EDC8"}

1,children:"Remember This"})]}),e.jsx("p",{className:"text-[14px] leading-relaxed font-medium",style:{color:"#FFFFFF"},children:t.carryForward})]}),e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{delay:1.15,duration:.5},className:"rounded-2xl p-5 mb-5",style:{background:"rgba(255, 255, 255, 0.06)",backdropFilter:"blur(10px)",border:"1px solid rgba(255, 255, 255, 0.1)"},children:[e.jsx("p",{className:"text-sm mb-3 font-medium",style:{color:"rgba(246, 237, 200, 0.85)"},children:"In one line: does this feel accurate enough to be useful?"}),e.jsx(y,{value:n,onChange:i=>x(i.target.value),className:"resize-none text-sm rounded-xl border-0",style:{backgroundColor:"rgba(255, 255, 255, 0.9)",color:"#1A1A1A",boxShadow:"inset 0 2px 4px rgba(0, 0, 0, 0.05)"},rows:2,"data-testid":"input-reflection"})]}),e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{delay:1.3,duration:.5},className:"pb-8",children:[e.jsxs("button",{onClick:p,className:"w-full flex items-center justify-center gap-3 h-14 roun

1ded-2xl text-white font-bold text-[15px] relative overflow-hidden active:scale-[0.98] transition-transform",style:{background:"linear-gradient(135deg, #FFA24C 0%, #D97C40 100%)",boxShadow:"0 8px 32px rgba(255, 162, 76, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset",border:"none"},"data-testid":"button-unlock-brainmap",children:[e.jsx(a.div,{animate:{x:["-100%","200%"]},transition:{duration:2,repeat:1/0,repeatDelay:3},className:"absolute inset-0 opacity-30",style:{background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent)",width:"50%"}}),e.jsx("span",{className:"relative z-10",children:"Continue to Your Brain Map"}),e.jsx(b,{className:"w-5 h-5 relative z-10"})]}),e.jsx("button",{onClick:()=>r?r():s(void 0),className:"w-full h-10 mt-3 rounded-xl active:scale-95 transition-transform",style:{background:"transparent",border:"none",color:"rgba(246, 237, 200, 0.6)"},"data-testid":"button-skip-reflection",children:e.jsx("span",{className:"text-[13px]",children:"Skip for now"})})]})]})]})]})}export{j as default};