{"version":3,"file":"Simulations.DBUo7eDr.mjs","names":["p","React"],"sources":["https:/framerusercontent.com/modules/5F1WjBNOvhZzfCmYvr3K/Z43fhaYZxtEXzoM45Zre/Simulations.js"],"sourcesContent":["// @ts-nocheck\n// AwSalesSimulations.tsx — Framer Code Component (lightweight)\n//\n// 3-scene looping animation:\n// 1. Playground with 3 agent cards (image-based orbs)\n// 2. Cursor opens \"...\" menu → clicks \"Simular diferentes cenários\"\n// 3. Switch to Simulations list, items go from loading → success\n//\n// Lightweight: orbs are elements (no SVG turbulence/animation),\n// so you can plug in your own pre-rendered orb images and the animation\n// stays smooth even on mobile.\n//\n// Per-scene durations are exposed as Framer controls.\n//\n// @framerSupportedLayoutWidth any\n// @framerSupportedLayoutHeight any\n// @framerIntrinsicWidth 1100\n// @framerIntrinsicHeight 800\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const{useState,useEffect,useRef,useLayoutEffect}=React;/* ─────────────────────────── Default copy ─────────────────────────── */const DEFAULT_SIMULATIONS=[{label:\"Cliente indeciso sobre plano premium\",sublabel:\"SDR \\xb7 B2B SaaS \\xb7 12 mensagens\"},{label:\"Negocia\\xe7\\xe3o de desconto agressiva\",sublabel:\"Closer \\xb7 E-commerce \\xb7 8 mensagens\"},{label:\"Obje\\xe7\\xe3o de pre\\xe7o em fechamento\",sublabel:\"Closer \\xb7 Financeiro \\xb7 15 mensagens\"},{label:\"Solicita\\xe7\\xe3o de reembolso ap\\xf3s prazo\",sublabel:\"Suporte \\xb7 Retail \\xb7 6 mensagens\"},{label:\"Lead frio vindo de inbound\",sublabel:\"SDR \\xb7 MarTech \\xb7 4 mensagens\"},{label:\"Cliente irritado com atraso de entrega\",sublabel:\"Suporte \\xb7 Log\\xedstica \\xb7 11 mensagens\"},{label:\"Qualifica\\xe7\\xe3o de lead corporativo\",sublabel:\"SDR \\xb7 Enterprise \\xb7 9 mensagens\"},{label:\"Upgrade de plano mensal\",sublabel:\"CS \\xb7 SaaS \\xb7 7 mensagens\"},{label:\"Cancelamento com reten\\xe7\\xe3o\",sublabel:\"Reten\\xe7\\xe3o \\xb7 Streaming \\xb7 14 mensagens\"},{label:\"Agendamento de demonstra\\xe7\\xe3o\",sublabel:\"SDR \\xb7 B2B \\xb7 5 mensagens\"},{label:\"D\\xfavida t\\xe9cnica sobre integra\\xe7\\xe3o\",sublabel:\"Suporte \\xb7 API \\xb7 10 mensagens\"},{label:\"Cross-sell para cliente ativo\",sublabel:\"CS \\xb7 FinTech \\xb7 6 mensagens\"}];/* ─────────────────────────── Easings ─────────────────────────── */function clamp01(t){return Math.max(0,Math.min(1,t));}function easeOutQuart(t){return 1-Math.pow(1-t,4);}function easeInOutCubic(t){return t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2;}function easeInOutQuart(t){return t<.5?8*t*t*t*t:1-Math.pow(-2*t+2,4)/2;}function easeOutBack(t){const c1=1.70158,c3=c1+1;return 1+c3*Math.pow(t-1,3)+c1*Math.pow(t-1,2);}function lerp(a,b,t){return a+(b-a)*t;}/* ─────────────────────────── Glass filter defs (shared) ─────────────────────────── */function GlassFilterDefs(){return /*#__PURE__*/_jsx(\"svg\",{width:\"0\",height:\"0\",style:{position:\"absolute\",pointerEvents:\"none\"},\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsxs(\"defs\",{children:[/*#__PURE__*/_jsxs(\"filter\",{id:\"sim-refract\",x:\"-10%\",y:\"-10%\",width:\"120%\",height:\"120%\",children:[/*#__PURE__*/_jsx(\"feTurbulence\",{type:\"fractalNoise\",baseFrequency:\"0.012 0.018\",numOctaves:\"2\",seed:\"5\",result:\"noise\"}),/*#__PURE__*/_jsx(\"feGaussianBlur\",{in:\"noise\",stdDeviation:\"1.2\",result:\"sn\"}),/*#__PURE__*/_jsx(\"feDisplacementMap\",{in:\"SourceGraphic\",in2:\"sn\",scale:\"10\",xChannelSelector:\"R\",yChannelSelector:\"G\"})]}),/*#__PURE__*/_jsxs(\"filter\",{id:\"sim-chroma\",x:\"-5%\",y:\"-5%\",width:\"110%\",height:\"110%\",children:[/*#__PURE__*/_jsx(\"feTurbulence\",{type:\"fractalNoise\",baseFrequency:\"0.006\",numOctaves:\"1\",seed:\"2\",result:\"n\"}),/*#__PURE__*/_jsx(\"feDisplacementMap\",{in:\"SourceGraphic\",in2:\"n\",scale:\"3\"})]})]})});}/* ─────────────────────────── Playground chat-bubble icon ─────────────────────────── */function PlaygroundIcon({size=18}){return /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v8c0 1.38-1.12 2.5-2.5 2.5H10l-4 3.5v-3.5H6.5C5.12 17 4 15.88 4 14.5v-8z\",stroke:\"rgba(255,255,255,0.85)\",strokeWidth:\"1.5\",fill:\"none\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"8\",y1:\"9\",x2:\"14\",y2:\"9\",stroke:\"rgba(255,255,255,0.85)\",strokeWidth:\"1.5\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"8\",y1:\"12\",x2:\"12\",y2:\"12\",stroke:\"rgba(255,255,255,0.85)\",strokeWidth:\"1.5\",strokeLinecap:\"round\"})]});}/* ─────────────────────────── Cursor ─────────────────────────── */function Cursor({x,y,opacity=1,pressed=false,scale=1}){return /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:x,top:y,width:22,height:22,opacity,transform:`scale(${scale*(pressed?.88:1)})`,transformOrigin:\"4px 4px\",pointerEvents:\"none\",zIndex:200,filter:\"drop-shadow(0 3px 6px rgba(0,0,0,0.55))\",transition:\"transform 80ms ease\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"22\",height:\"22\",viewBox:\"0 0 22 22\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M3.2 2.4 L3.2 17.5 L7.5 13.8 L10.2 19.6 L12.9 18.3 L10.2 12.6 L15.8 12.6 Z\",fill:\"#fff\",stroke:\"rgba(0,0,0,0.85)\",strokeWidth:\"1.2\",strokeLinejoin:\"round\"})})});}/* ─────────────────────────── Glass panel (outer window) ─────────────────────────── */function GlassPanel({children,style,refract=true,rounded=28}){return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:rounded,overflow:\"hidden\",isolation:\"isolate\",boxShadow:\"0 40px 80px -20px rgba(0,0,0,0.7), 0 12px 32px -8px rgba(0,0,0,0.5)\",...style},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",backdropFilter:\"blur(22px) saturate(1.4)\",WebkitBackdropFilter:\"blur(22px) saturate(1.4)\",zIndex:0}}),refract&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",backdropFilter:\"blur(2px)\",WebkitBackdropFilter:\"blur(2px)\",filter:\"url(#sim-refract)\",opacity:.45,zIndex:1,pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",background:\"linear-gradient(180deg, rgba(14,14,18,0.35) 0%, rgba(8,8,12,0.48) 100%)\",zIndex:2}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",boxShadow:\"inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(0,0,0,0.4)\",zIndex:3,pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:\"10%\",right:\"10%\",height:\"32%\",borderRadius:\"50%\",background:\"radial-gradient(100% 100% at 50% 0%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.03) 45%, transparent 75%)\",filter:\"blur(10px)\",zIndex:3,pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",padding:1,background:\"linear-gradient(140deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.04) 30%, rgba(255,255,255,0.02) 60%, rgba(255,255,255,0.06) 75%, rgba(255,255,255,0.22) 100%)\",WebkitMask:\"linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)\",WebkitMaskComposite:\"xor\",maskComposite:\"exclude\",pointerEvents:\"none\",zIndex:4}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",zIndex:5,width:\"100%\",height:\"100%\"},children:children})]});}/* ─────────────────────────── Inner \"message\" card (the 3 stacked cards) ─────────────────────────── */function MessageCard({style,active=false,highlight=0,shimmer=0,children}){// active = the 3rd card (current AI response being thought)\n// highlight = 0..1 white gradient from right (shimmer sweep)\n// shimmer = 0..1 pulsing breathing effect when \"thinking\"\nconst baseBg=active?\"linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.04) 100%)\":\"linear-gradient(180deg, rgba(30,30,34,0.38) 0%, rgba(18,18,22,0.55) 100%)\";return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",borderRadius:16,overflow:\"hidden\",boxShadow:active?`0 8px 22px -6px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,${.18+shimmer*.1})`:\"0 4px 14px -6px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08)\",...style},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",backdropFilter:active?\"blur(10px) saturate(1.3)\":\"blur(14px)\",WebkitBackdropFilter:active?\"blur(10px) saturate(1.3)\":\"blur(14px)\",zIndex:0}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",background:baseBg,zIndex:1}}),active&&highlight>0&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",background:`linear-gradient(100deg, transparent 0%, transparent ${Math.max(0,40-highlight*60)}%, rgba(255,255,255,${.35+shimmer*.15}) ${50+highlight*10}%, rgba(255,255,255,0.55) ${65+highlight*10}%, rgba(255,255,255,0.15) 90%, transparent 100%)`,zIndex:2,mixBlendMode:\"screen\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",padding:1,background:active?\"linear-gradient(135deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.25) 100%)\":\"linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.04) 50%, rgba(255,255,255,0.08) 100%)\",WebkitMask:\"linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)\",WebkitMaskComposite:\"xor\",maskComposite:\"exclude\",pointerEvents:\"none\",zIndex:3}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",zIndex:4,width:\"100%\",height:\"100%\"},children:children})]});}/* ─────────────────────────── Status: thinking dots ─────────────────────────── */function ThinkingLabel({text=\"Pensando...\",progress=0}){// staggered character pulse\nconst chars=text.split(\"\");return /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:24,bottom:22,fontSize:14,fontWeight:500,color:\"rgba(255,255,255,0.78)\",letterSpacing:\"-0.005em\",display:\"flex\",gap:0},children:chars.map((c,i)=>{const wave=Math.sin(progress*Math.PI*2*2-i*.32)*.5+.5;return /*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",opacity:.55+wave*.45,transform:`translateY(${wave*-1.2}px)`,transition:\"none\",whiteSpace:\"pre\"},children:c},i);})});}/* ─────────────────────────── \"Interromper\" floating button ─────────────────────────── */function InterruptButton({appear=0,press=0,label=\"Interromper e dar instru\\xe7\\xf5es\"}){const scale=.88+appear*.12-press*.05;const opacity=appear;const translateY=(1-appear)*14;return /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:\"50%\",bottom:60,transform:`translate(-50%, ${translateY}px) scale(${scale})`,opacity,pointerEvents:\"none\",zIndex:60},children:/*#__PURE__*/_jsx(\"div\",{style:{padding:\"11px 24px\",borderRadius:999,background:\"linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(240,240,244,0.9) 100%)\",color:\"#1a1a1c\",fontSize:14,fontWeight:500,letterSpacing:\"-0.005em\",boxShadow:\"0 8px 24px -4px rgba(0,0,0,0.6), 0 2px 6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.9)\",whiteSpace:\"nowrap\",border:\"1px solid rgba(255,255,255,0.3)\"},children:label})});}/* ─────────────────────────── Apple-style context menu (anchored to \"...\" dots) ─────────────────────────── */function DropdownMenu({appear=0,anchorX=720,anchorY=460,improveLabel=\"Melhorar resposta\",improvePress=0}){const scale=.94+appear*.06;const width=320;const left=anchorX-width+40// menu extends to the right, slightly past dots\n;const top=anchorY+16// just below dots\n;const pressBurst=improvePress>0&&improvePress<1?improvePress<.5?improvePress*2:(1-improvePress)*2:0;return /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left,top,width,opacity:appear,transform:`translateY(${(1-appear)*8}px) scale(${scale})`,transformOrigin:\"10% 0%\",zIndex:70,pointerEvents:\"none\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:20,overflow:\"hidden\",background:\"linear-gradient(180deg, rgba(34,34,38,0.88) 0%, rgba(22,22,26,0.92) 100%)\",backdropFilter:\"blur(48px) saturate(1.6)\",WebkitBackdropFilter:\"blur(48px) saturate(1.6)\",border:\"0.5px solid rgba(255,255,255,0.1)\",boxShadow:\"0 28px 64px -14px rgba(0,0,0,0.85), 0 2px 6px rgba(0,0,0,0.4), inset 0 0.5px 0 rgba(255,255,255,0.1)\",padding:8,display:\"flex\",flexDirection:\"column\",gap:6},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:14,padding:\"0 16px\",height:52,borderRadius:12,background:pressBurst>0?\"linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.09) 100%)\":\"linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.045) 100%)\",border:\"0.5px solid rgba(255,255,255,0.08)\",boxShadow:pressBurst>0?`inset 0 0.5px 0 rgba(255,255,255,0.15), 0 0 0 2px rgba(255,255,255,${.08*pressBurst})`:\"inset 0 0.5px 0 rgba(255,255,255,0.1)\",transform:pressBurst>0?`scale(${1-pressBurst*.01})`:\"none\"},children:[/*#__PURE__*/_jsx(ImproveGlyph,{}),/*#__PURE__*/_jsx(\"span\",{style:{flex:1,fontSize:17,fontWeight:500,letterSpacing:\"-0.015em\",color:\"rgba(255,255,255,0.98)\",whiteSpace:\"nowrap\"},children:improveLabel})]}),[{iw:20,ih:20,tw:138},{iw:20,ih:20,tw:172},{iw:20,ih:20,tw:112},{iw:20,ih:20,tw:156}].map((row,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:14,padding:\"0 16px\",height:42,borderRadius:10,filter:\"blur(3.5px)\",opacity:.38},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:row.iw,height:row.ih,borderRadius:5,background:\"linear-gradient(135deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.14) 100%)\",flexShrink:0}}),/*#__PURE__*/_jsx(\"div\",{style:{width:row.tw,height:10,borderRadius:3,background:\"linear-gradient(90deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.12) 100%)\"}})]},i))]})});}/* ─────────────────────────── Scenarios glyph (3 stacked offset cards) ─────────────────────────── */function ImproveGlyph(){// Kept name for backwards compat with DropdownMenu.\n// Visual: three offset rounded rectangles suggesting \"multiple scenarios\" running in parallel.\nreturn /*#__PURE__*/_jsxs(\"svg\",{width:\"22\",height:\"22\",viewBox:\"0 0 22 22\",fill:\"none\",\"aria-hidden\":\"true\",style:{flex:\"0 0 22px\"},children:[/*#__PURE__*/_jsx(\"rect\",{x:\"3\",y:\"6.5\",width:\"13\",height:\"9\",rx:\"2\",stroke:\"rgba(255,255,255,0.45)\",strokeWidth:\"1.2\",fill:\"rgba(255,255,255,0.05)\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"5\",y:\"5\",width:\"13\",height:\"9\",rx:\"2\",stroke:\"rgba(255,255,255,0.7)\",strokeWidth:\"1.3\",fill:\"rgba(0,0,0,0.35)\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"7\",y:\"3.5\",width:\"13\",height:\"9\",rx:\"2\",stroke:\"rgba(255,255,255,0.95)\",strokeWidth:\"1.4\",fill:\"rgba(0,0,0,0.55)\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12.5 6.5 L13.2 7.6 L14.3 8 L13.2 8.4 L12.5 9.5 L11.8 8.4 L10.7 8 L11.8 7.6 Z\",fill:\"rgba(255,255,255,0.85)\"})]});}/* ─────────────────────────── Agent Orb (living, breathing procedural sphere) ─────────────────────────── */const ORB_PALETTES={// Aurora: sky-blue + cyan + moss-green + cream (saturated watercolor — not pastel, not neon)\n// [deep base, sky-blue, cyan, moss-green, cream]\nAurora:[\"#3a7aa8\",\"#5BB8E8\",\"#7DD8D0\",\"#8BB87A\",\"#E8E0C8\"],Crepusculo:[\"#1a2450\",\"#4a2a78\",\"#b8467a\",\"#e88a7a\",\"#f3caa8\"],Brasa:[\"#2a1438\",\"#8a2a6a\",\"#d94a5a\",\"#f5a14a\",\"#f0d37a\"],Amanhecer:[\"#5d82b8\",\"#8bb39b\",\"#d7a66a\",\"#eec99b\",\"#f3d7b5\"],Oceano:[\"#1a2e6e\",\"#2a6e8a\",\"#6fb8a8\",\"#b6dba8\",\"#f0e9a8\"],Floresta:[\"#1a3a28\",\"#4a6a28\",\"#a8a04a\",\"#d8c48a\",\"#f0e8c8\"],Rosa:[\"#5a1a2c\",\"#b84868\",\"#e090a8\",\"#d8bae0\",\"#f3ead4\"],Monocromatico:[\"#1a1a1e\",\"#3a3e48\",\"#7a828e\",\"#b8bec8\",\"#eef0f4\"]};function AgentOrb({size=88,image=\"\",fallbackColor=\"#7B8FA8\",active=true}){// Lightweight orb — no SVG filters, no rAF, no turbulence.\n// If `image` is provided (URL), it's rendered as a circle. Otherwise a soft solid.\nreturn /*#__PURE__*/_jsxs(\"div\",{style:{width:size,height:size,flexShrink:0,position:\"relative\",borderRadius:\"50%\",overflow:\"hidden\",background:image?\"transparent\":`radial-gradient(circle at 38% 32%, rgba(255,255,255,0.22), rgba(255,255,255,0) 55%), ${fallbackColor}`,boxShadow:\"inset 0 0 0 0.5px rgba(255,255,255,0.10), inset 0 -8px 14px rgba(0,0,0,0.18)\"},children:[image&&/*#__PURE__*/_jsx(\"img\",{src:image,alt:\"\",draggable:false,style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\",userSelect:\"none\",pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"50%\",boxShadow:\"inset 0 0.5px 0 rgba(255,255,255,0.20), inset 0 0 0 0.5px rgba(0,0,0,0.10)\",pointerEvents:\"none\"}})]});}/* ─────────────────────────── Agent Card (ORB + name + description + \"...\" menu) ─────────────────────────── */function AgentCard({name,description,orbImage=\"\",orbColor=\"#7B8FA8\",dotsHot=0,dotsPress=0,ghost=false}){// dotsHot: 0..1 the cursor is about to click the dots (subtle highlight)\n// dotsPress: 0..1 while the cursor is pressing down\n// ghost: true → card is a blurred, pulled-back background agent\nconst dotsBg=dotsPress>0&&dotsPress<1?\"rgba(255,255,255,0.14)\":dotsHot>0?`rgba(255,255,255,${.04+dotsHot*.06})`:\"transparent\";return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",borderRadius:22,overflow:\"hidden\",boxShadow:ghost?\"0 8px 24px -10px rgba(0,0,0,0.4), inset 0 0.5px 0 rgba(255,255,255,0.08)\":\"0 12px 32px -8px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.14)\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",backdropFilter:\"blur(16px) saturate(1.4)\",WebkitBackdropFilter:\"blur(16px) saturate(1.4)\",zIndex:0}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",background:ghost?\"linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.02) 100%)\":\"linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%)\",zIndex:1}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderRadius:\"inherit\",padding:1,background:ghost?\"linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.04) 50%, rgba(255,255,255,0.1) 100%)\":\"linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.22) 100%)\",WebkitMask:\"linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)\",WebkitMaskComposite:\"xor\",maskComposite:\"exclude\",pointerEvents:\"none\",zIndex:3}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",zIndex:4,height:\"100%\",display:\"flex\",alignItems:\"center\",gap:22,padding:\"0 28px\"},children:[/*#__PURE__*/_jsx(AgentOrb,{image:orbImage,fallbackColor:orbColor,size:88,active:!ghost}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,minWidth:0,display:\"flex\",flexDirection:\"column\",gap:6},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:22,fontWeight:600,letterSpacing:\"-0.02em\",color:\"rgba(255,255,255,0.98)\",whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:name}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,fontWeight:400,lineHeight:1.4,letterSpacing:\"-0.005em\",color:\"rgba(255,255,255,0.62)\",display:\"-webkit-box\",WebkitLineClamp:2,WebkitBoxOrient:\"vertical\",overflow:\"hidden\"},children:description})]}),!ghost&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:14,right:14,width:32,height:32,borderRadius:10,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:3,background:dotsBg,border:dotsHot>.2?\"0.5px solid rgba(255,255,255,0.12)\":\"0.5px solid transparent\",transform:dotsPress>0&&dotsPress<1?\"scale(0.94)\":\"scale(1)\",transition:\"background 120ms ease, border 120ms ease\"},children:[0,1,2].map(k=>/*#__PURE__*/_jsx(\"div\",{style:{width:3.5,height:3.5,borderRadius:\"50%\",background:\"rgba(255,255,255,0.9)\",boxShadow:\"0 0 4px rgba(255,255,255,0.3)\"}},k))})]})]});}/* ─────────────────────────── OLD ImproveGlyph (kept but unused — actual glyph is above) ─────────────────────────── */function _UnusedImproveGlyph(){return /*#__PURE__*/_jsxs(\"svg\",{width:\"22\",height:\"22\",viewBox:\"0 0 22 22\",fill:\"none\",\"aria-hidden\":\"true\",style:{flex:\"0 0 22px\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M11 4.5 L11 13\",stroke:\"rgba(255,255,255,0.92)\",strokeWidth:\"1.6\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M7.5 8 L11 4.5 L14.5 8\",stroke:\"rgba(255,255,255,0.92)\",strokeWidth:\"1.6\",strokeLinecap:\"round\",strokeLinejoin:\"round\",fill:\"none\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M5 10 L5.6 11\",stroke:\"rgba(255,255,255,0.55)\",strokeWidth:\"1.2\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M17 10 L16.4 11\",stroke:\"rgba(255,255,255,0.55)\",strokeWidth:\"1.2\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M5 16.5 Q11 20 17 16.5\",stroke:\"rgba(255,255,255,0.7)\",strokeWidth:\"1.4\",strokeLinecap:\"round\",fill:\"none\"})]});}/* ─────────────────────────── Menu icons ─────────────────────────── */function MenuIcon({kind,color=\"rgba(255,255,255,0.85)\"}){const s={width:14,height:14,flex:\"0 0 14px\"};const stroke={stroke:color,strokeWidth:1.6,strokeLinecap:\"round\",strokeLinejoin:\"round\",fill:\"none\"};if(kind===\"improve\"){return /*#__PURE__*/_jsxs(\"svg\",{...s,viewBox:\"0 0 16 16\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"path\",{...stroke,d:\"M8 13.5 L8 3 M8 3 L4.5 6.5 M8 3 L11.5 6.5\"}),/*#__PURE__*/_jsx(\"path\",{...stroke,d:\"M3 13.5 L13 13.5\",opacity:\"0.6\"})]});}if(kind===\"copy\"){return /*#__PURE__*/_jsxs(\"svg\",{...s,viewBox:\"0 0 16 16\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"rect\",{...stroke,x:\"5\",y:\"5\",width:\"8\",height:\"8\",rx:\"1.6\"}),/*#__PURE__*/_jsx(\"path\",{...stroke,d:\"M3.5 10.5 L3.5 4 A1.5 1.5 0 0 1 5 2.5 L10.5 2.5\"})]});}if(kind===\"regen\"){return /*#__PURE__*/_jsxs(\"svg\",{...s,viewBox:\"0 0 16 16\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"path\",{...stroke,d:\"M13 8 A5 5 0 1 1 11.2 4.2\"}),/*#__PURE__*/_jsx(\"path\",{...stroke,d:\"M13 2.5 L13 5 L10.5 5\"})]});}if(kind===\"flag\"){return /*#__PURE__*/_jsxs(\"svg\",{...s,viewBox:\"0 0 16 16\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"path\",{...stroke,d:\"M4 13.5 L4 3\"}),/*#__PURE__*/_jsx(\"path\",{...stroke,d:\"M4 3.5 L12 4.5 L10 7 L12 9.5 L4 8.5\",fill:color,fillOpacity:\"0.15\"})]});}return null;}/* ─────────────────────────── Input field (scene 4) ─────────────────────────── */function InputField({morph=0,text=\"\",caret=false,sendPress=0,sent=0,focused=0,inputPress=0}){// morph 0..1: grows from nothing into big input at the bottom of the panel\n// focused 0..1: ramped up after the user clicks the bar\n// inputPress 0..1: brief click burst\nconst height=lerp(0,72,morph);const opacity=easeOutQuart(morph);const baseBorder=lerp(.12,.32,focused);const baseGlow=focused*.45;const burst=inputPress>0&&inputPress<1?inputPress<.5?inputPress*2:(1-inputPress)*2:0;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",left:28,right:28,bottom:28,height,opacity,borderRadius:999,overflow:\"hidden\",background:\"rgba(10,10,14,0.55)\",backdropFilter:\"blur(18px) saturate(1.3)\",WebkitBackdropFilter:\"blur(18px) saturate(1.3)\",border:`1px solid rgba(255,255,255,${baseBorder})`,boxShadow:`inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 20px -4px rgba(0,0,0,0.45), 0 0 0 ${2+burst*4}px rgba(99,140,255,${baseGlow*.3+burst*.2})`,display:\"flex\",alignItems:\"center\",padding:morph>.1?\"0 10px 0 28px\":0,zIndex:30},children:[/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,color:\"rgba(255,255,255,0.88)\",fontSize:16,fontWeight:400,letterSpacing:\"-0.005em\",overflow:\"hidden\",whiteSpace:\"nowrap\",opacity:morph>.6?1:0},children:[text.length>0?text:\"\",caret&&text.length>0&&/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",width:2,height:18,background:\"rgba(255,255,255,0.8)\",verticalAlign:\"text-bottom\",marginLeft:2,animation:\"sim-caret 0.9s steps(1) infinite\"}})]}),morph>.5&&/*#__PURE__*/_jsx(\"div\",{style:{width:44,height:44,borderRadius:\"50%\",background:`linear-gradient(180deg, rgba(255,255,255,${.95-sendPress*.1}) 0%, rgba(235,235,238,0.92) 100%)`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0,boxShadow:\"0 2px 6px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.8)\",transform:`scale(${1-sendPress*.08}) translateY(${sent*-40}px)`,opacity:1-sent,transition:\"none\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 19 L12 5 M12 5 L6 11 M12 5 L18 11\",stroke:\"#18181c\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})})]});}/* ─────────────────────────── Simulations list (scene 5) ─────────────────────────── *//* Apple Settings / Reminders style: grouped card, hairline dividers,\n monochrome rows with a small blue-tinted spinner on the active row and a\n soft green filled checkmark circle on success. */function SimCheck({size=22}){return /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 22 22\",fill:\"none\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"linearGradient\",{id:\"simCheckG\",x1:\"0\",y1:\"0\",x2:\"0\",y2:\"1\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:\"#3ED07A\"}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:\"#2FB568\"})]})}),/*#__PURE__*/_jsx(\"circle\",{cx:\"11\",cy:\"11\",r:\"10\",fill:\"url(#simCheckG)\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M6.6 11.2 L9.5 14 L15.2 8.4\",stroke:\"#fff\",strokeWidth:\"1.9\",strokeLinecap:\"round\",strokeLinejoin:\"round\",fill:\"none\"})]});}function SimSpinner({size=20}){// Apple-style arc spinner: 12 ticks fading in a trailing arc\nreturn /*#__PURE__*/_jsx(\"div\",{style:{width:size,height:size,animation:\"sim-spin 1s linear infinite\"},children:/*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 20 20\",fill:\"none\",\"aria-hidden\":\"true\",children:Array.from({length:12}).map((_,k)=>{const a=k/12*Math.PI*2-Math.PI/2;const x1=10+Math.cos(a)*5;const y1=10+Math.sin(a)*5;const x2=10+Math.cos(a)*8.2;const y2=10+Math.sin(a)*8.2;return /*#__PURE__*/_jsx(\"line\",{x1:x1,y1:y1,x2:x2,y2:y2,stroke:\"rgba(100,160,255,0.95)\",strokeWidth:\"1.6\",strokeLinecap:\"round\",opacity:.1+k/12*.9},k);})})});}function SimIdleDot(){return /*#__PURE__*/_jsx(\"div\",{style:{width:22,height:22,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:16,height:16,borderRadius:\"50%\",border:\"1.3px dashed rgba(255,255,255,0.22)\"}})});}function SimItem({label,sublabel,status,scroll,i,itemHeight=60,isLast=false}){const y=i*itemHeight-scroll;const isDone=status===\"success\";const isProgress=status===\"progress\";return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",left:0,right:0,top:y,height:itemHeight,display:\"flex\",alignItems:\"center\",padding:\"0 20px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{flex:\"0 0 22px\",width:22,height:22,marginRight:14,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:[isDone&&/*#__PURE__*/_jsx(SimCheck,{}),isProgress&&/*#__PURE__*/_jsx(SimSpinner,{}),!isDone&&!isProgress&&/*#__PURE__*/_jsx(SimIdleDot,{})]}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,minWidth:0,display:\"flex\",flexDirection:\"column\",gap:2},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:15,fontWeight:500,letterSpacing:\"-0.015em\",color:isDone?\"rgba(255,255,255,0.96)\":isProgress?\"rgba(255,255,255,0.94)\":\"rgba(255,255,255,0.55)\",whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\",transition:\"color 260ms ease\"},children:label}),sublabel&&/*#__PURE__*/_jsx(\"div\",{style:{fontSize:12,fontWeight:400,letterSpacing:\"-0.005em\",color:\"rgba(255,255,255,0.42)\",whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:sublabel})]}),/*#__PURE__*/_jsx(\"div\",{style:{flex:\"0 0 auto\",marginLeft:14,fontSize:13,fontWeight:500,letterSpacing:\"-0.01em\",color:isDone?\"rgba(60,210,130,0.95)\":isProgress?\"rgba(120,180,255,0.95)\":\"rgba(255,255,255,0.35)\",transition:\"color 260ms ease, opacity 260ms ease\",opacity:status===\"loading\"?.8:1},children:isDone?\"Sucesso\":isProgress?\"Em progresso\":\"Aguardando\"}),!isLast&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:56,right:20,bottom:0,height:.5,background:\"rgba(255,255,255,0.07)\"}})]});}function SimulationsList({progress,items,scrollRef}){const n=items.length;// Stagger completion across 80% of the scene so the final 20% sits on \"all done\"\nconst t=clamp01(progress/.85);const successCount=Math.floor(t*(n+1));const itemHeight=60;const totalH=n*itemHeight;// Pan the list so the active row stays roughly centered in the viewport\nconst viewportH=640// inside the grouped card\n;const focusIdx=Math.min(n-1,successCount);const targetScroll=Math.max(0,Math.min(totalH-viewportH,focusIdx*itemHeight-viewportH*.45));const scroll=targetScroll;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",inset:\"76px 24px 24px 24px\",display:\"flex\",flexDirection:\"column\",gap:14},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"baseline\",justifyContent:\"space-between\",padding:\"0 6px\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:11,fontWeight:600,letterSpacing:\"0.08em\",textTransform:\"uppercase\",color:\"rgba(255,255,255,0.42)\"},children:\"Simula\\xe7\\xf5es — Lote 14B\"}),/*#__PURE__*/_jsxs(\"div\",{style:{fontSize:12,fontWeight:500,letterSpacing:\"-0.005em\",color:\"rgba(255,255,255,0.5)\"},children:[Math.min(successCount,n),\" de \",n]})]}),/*#__PURE__*/_jsx(\"div\",{style:{flex:1,borderRadius:18,overflow:\"hidden\",background:\"linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.025) 100%)\",border:\"0.5px solid rgba(255,255,255,0.08)\",boxShadow:\"inset 0 0.5px 0 rgba(255,255,255,0.08), 0 1px 2px rgba(0,0,0,0.3)\",position:\"relative\"},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,overflow:\"hidden\",maskImage:\"linear-gradient(180deg, transparent 0%, #000 20px, #000 calc(100% - 28px), transparent 100%)\",WebkitMaskImage:\"linear-gradient(180deg, transparent 0%, #000 20px, #000 calc(100% - 28px), transparent 100%)\"},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",height:\"100%\"},children:items.map((it,i)=>{const label=typeof it===\"string\"?it:it.label;const sublabel=typeof it===\"string\"?null:it.sublabel;let status;if(i{const onKey=e=>{if(e.target&&/INPUT|TEXTAREA/.test(e.target.tagName))return;if(e.code===\"Space\"){e.preventDefault();setPlaying(v=>!v);}else if(e.key===\"ArrowLeft\"){seekBy(-2);}else if(e.key===\"ArrowRight\"){seekBy(2);}else if(e.key===\"h\"||e.key===\"H\"){setVisible(v=>!v);}else if(/^[1-3]$/.test(e.key)){const idx=parseInt(e.key,10);const t=sceneBoundaries[idx-1]+.001;setProgress(t);if(setProgressRef&&setProgressRef.current!==undefined)setProgressRef.current=t*duration;}};window.addEventListener(\"keydown\",onKey);return()=>window.removeEventListener(\"keydown\",onKey);},[duration,setPlaying,setProgress,setProgressRef,sceneBoundaries]);const seekBy=delta=>{const next=clamp01(progress+delta/totalDur);setProgress(next);if(setProgressRef&&setProgressRef.current!==undefined)setProgressRef.current=next*duration;};const fmt=t=>{const s=Math.floor(t);const ms=Math.floor((t-s)*10);return`${s}.${ms}s`;};const currentTime=progress*duration;const sceneNames=[\"Playground\",\"Menu\",\"Lista\"];const currentScene=(()=>{for(let i=sceneBoundaries.length-1;i>0;i--){if(progress>=sceneBoundaries[i-1])return i;}return 1;})();if(!visible){return /*#__PURE__*/_jsx(\"button\",{onClick:()=>setVisible(true),style:{position:\"absolute\",right:16,bottom:16,padding:\"8px 12px\",borderRadius:999,background:\"rgba(20,20,24,0.6)\",backdropFilter:\"blur(20px)\",WebkitBackdropFilter:\"blur(20px)\",border:\"0.5px solid rgba(255,255,255,0.14)\",color:\"rgba(255,255,255,0.75)\",fontSize:11,fontFamily:\"inherit\",letterSpacing:\"0.02em\",cursor:\"pointer\",zIndex:9999},children:\"Controles\"});}return /*#__PURE__*/_jsxs(\"div\",{onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),style:{position:\"absolute\",left:\"50%\",bottom:20,transform:\"translateX(-50%)\",display:\"flex\",flexDirection:\"column\",gap:8,padding:\"10px 14px 12px\",minWidth:480,maxWidth:\"min(720px, calc(100% - 32px))\",borderRadius:16,background:\"linear-gradient(180deg, rgba(30,30,34,0.78) 0%, rgba(18,18,22,0.82) 100%)\",backdropFilter:\"blur(30px) saturate(1.6)\",WebkitBackdropFilter:\"blur(30px) saturate(1.6)\",border:\"0.5px solid rgba(255,255,255,0.12)\",boxShadow:\"0 16px 40px -12px rgba(0,0,0,0.6), inset 0 0.5px 0 rgba(255,255,255,0.1)\",color:\"rgba(255,255,255,0.9)\",fontFamily:\"inherit\",fontSize:12,letterSpacing:\"-0.005em\",zIndex:9999,opacity:hovered?1:.85,transition:\"opacity 200ms ease\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:10},children:[/*#__PURE__*/_jsx(\"button\",{onClick:()=>setPlaying(v=>!v),\"aria-label\":playing?\"Pausar\":\"Reproduzir\",style:{width:30,height:30,borderRadius:\"50%\",background:\"rgba(255,255,255,0.1)\",border:\"0.5px solid rgba(255,255,255,0.15)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",color:\"#fff\",padding:0},children:playing?/*#__PURE__*/_jsxs(\"svg\",{width:\"10\",height:\"12\",viewBox:\"0 0 10 12\",fill:\"currentColor\",children:[/*#__PURE__*/_jsx(\"rect\",{x:\"0\",y:\"0\",width:\"3\",height:\"12\",rx:\"1\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"7\",y:\"0\",width:\"3\",height:\"12\",rx:\"1\"})]}):/*#__PURE__*/_jsx(\"svg\",{width:\"10\",height:\"12\",viewBox:\"0 0 10 12\",fill:\"currentColor\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M1 0 L10 6 L1 12 Z\"})})}),/*#__PURE__*/_jsxs(\"div\",{style:{fontVariantNumeric:\"tabular-nums\",fontWeight:500,fontSize:13,color:\"rgba(255,255,255,0.95)\",minWidth:82},children:[fmt(currentTime),\" \",/*#__PURE__*/_jsxs(\"span\",{style:{color:\"rgba(255,255,255,0.4)\"},children:[\"/ \",fmt(duration)]})]}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",gap:4,flex:1,justifyContent:\"center\"},children:sceneNames.map((name,i)=>{const sceneIdx=i+1;const active=currentScene===sceneIdx;return /*#__PURE__*/_jsxs(\"button\",{onClick:()=>{const t=sceneBoundaries[i]+.001;setProgress(t);if(setProgressRef&&setProgressRef.current!==undefined)setProgressRef.current=t*duration;},style:{padding:\"5px 10px\",borderRadius:8,fontSize:11,fontWeight:500,letterSpacing:\"-0.005em\",background:active?\"linear-gradient(180deg, rgba(99,140,255,0.92), rgba(72,112,240,0.95))\":\"rgba(255,255,255,0.05)\",color:active?\"#fff\":\"rgba(255,255,255,0.7)\",border:active?\"0.5px solid rgba(255,255,255,0.2)\":\"0.5px solid transparent\",cursor:\"pointer\",fontFamily:\"inherit\",boxShadow:active?\"0 1px 2px rgba(40,70,180,0.4)\":\"none\"},children:[sceneIdx,\". \",name]},i);})}),/*#__PURE__*/_jsx(\"button\",{onClick:()=>setVisible(false),title:\"Ocultar (H)\",style:{width:26,height:26,borderRadius:8,background:\"transparent\",border:\"0.5px solid rgba(255,255,255,0.12)\",color:\"rgba(255,255,255,0.55)\",cursor:\"pointer\",fontSize:14,lineHeight:1,padding:0},children:\"\\xd7\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",height:20,display:\"flex\",alignItems:\"center\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",left:0,right:0,height:4,top:8,borderRadius:999,background:\"rgba(255,255,255,0.08)\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:0,top:0,bottom:0,width:`${progress*100}%`,borderRadius:999,background:\"linear-gradient(90deg, rgba(99,140,255,0.9), rgba(140,180,255,0.95))\"}}),sceneBoundaries.slice(1,-1).map((b,i)=>/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:`${b*100}%`,top:-2,bottom:-2,width:1,background:\"rgba(255,255,255,0.18)\"}},i))]}),/*#__PURE__*/_jsx(\"input\",{type:\"range\",min:0,max:1e3,step:1,value:Math.round(progress*1e3),onMouseDown:()=>setScrub(progress),onMouseUp:()=>setScrub(null),onTouchStart:()=>setScrub(progress),onTouchEnd:()=>setScrub(null),onChange:e=>{const v=parseInt(e.target.value,10)/1e3;setScrub(v);setProgress(v);if(setProgressRef&&setProgressRef.current!==undefined)setProgressRef.current=v*duration;},style:{position:\"absolute\",left:0,right:0,top:0,bottom:0,width:\"100%\",height:\"100%\",background:\"transparent\",appearance:\"none\",WebkitAppearance:\"none\",cursor:\"pointer\",opacity:.001,margin:0}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:`calc(${progress*100}% - 7px)`,top:3,width:14,height:14,borderRadius:\"50%\",background:\"#fff\",boxShadow:\"0 2px 4px rgba(0,0,0,0.4), 0 0 0 0.5px rgba(0,0,0,0.1)\",pointerEvents:\"none\"}})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",gap:8,fontSize:10,color:\"rgba(255,255,255,0.4)\",letterSpacing:\"0.03em\",textTransform:\"uppercase\",fontWeight:500,whiteSpace:\"nowrap\"},children:[/*#__PURE__*/_jsx(\"span\",{children:\"␣ play\"}),/*#__PURE__*/_jsx(\"span\",{children:\"← → seek\"}),/*#__PURE__*/_jsx(\"span\",{children:\"1–3 cena\"}),/*#__PURE__*/_jsx(\"span\",{children:\"H ocultar\"})]})]});}/* ─────────────────────────── Main ─────────────────────────── */function AwSalesSimulationsInner({simulationsItems:rawSimulationsItems,playgroundDuration=3.5,menuDuration=5.5,listDuration=5.5,agentName=\"Support Specialist\",agentDescription=\"Atende tickets de suporte, responde d\\xfavidas frequentes e escala casos cr\\xedticos para o time humano.\",closerName=\"Closer Specialist\",closerDescription=\"Fecha vendas em negocia\\xe7\\xf5es complexas e acompanha leads at\\xe9 a convers\\xe3o final.\",onboardingName=\"Onboarding Specialist\",onboardingDescription=\"Conduz novos clientes pelos primeiros passos e garante ativa\\xe7\\xe3o completa do produto.\",supportOrbImage=\"\",closerOrbImage=\"\",onboardingOrbImage=\"\",scenariosLabel=\"Simular diferentes cen\\xe1rios\",hideDevControls=false}){// Per-scene durations (seconds) → normalized boundaries on the 0..1 progress timeline.\n// Declared at the TOP so hooks below can safely reference `totalDur` in their dep arrays.\n// Framer's Array control passes [] when nothing is set — fall back to defaults.\nconst simulationsItems=rawSimulationsItems&&rawSimulationsItems.length>0?rawSimulationsItems:DEFAULT_SIMULATIONS;const outroSec=.84;const totalDur1=Math.max(.5,playgroundDuration)+Math.max(.5,menuDuration)+Math.max(.5,listDuration)+outroSec;const s1end=playgroundDuration/totalDur1;const s2end=(playgroundDuration+menuDuration)/totalDur1;const s3end=(playgroundDuration+menuDuration+listDuration)/totalDur1;const containerRef=useRef(null);const[scale,setScale]=useState(1);// scale-to-fit\nuseLayoutEffect(()=>{const el=containerRef.current;if(!el)return;const compute=()=>{const r=el.getBoundingClientRect();if(r.width===0||r.height===0)return;// Use the LARGER scale so the component fills its block (cover-style).\n// The container clips overflow, so cropping is acceptable in exchange for filling.\nsetScale(Math.max(r.width/DESIGN_W,r.height/DESIGN_H));};compute();const ro=new ResizeObserver(compute);ro.observe(el);window.addEventListener(\"resize\",compute);return()=>{ro.disconnect();window.removeEventListener(\"resize\",compute);};},[]);// Timeline: 0..1 progress\nconst[progress,setProgress]=useState(0);const[playing,setPlaying]=useState(true);const[scrub,setScrub]=useState(null);const lastRef=useRef(null);const elapsedRef=useRef(0);useEffect(()=>{let raf=0;const tick=now=>{if(lastRef.current===null)lastRef.current=now;const dt=Math.min(.1,(now-lastRef.current)/1e3);lastRef.current=now;if(playing&&scrub===null){elapsedRef.current+=dt;setProgress(elapsedRef.current/totalDur1%1);}else if(scrub!==null){setProgress(scrub);elapsedRef.current=scrub*totalDur1;}raf=requestAnimationFrame(tick);};raf=requestAnimationFrame(tick);return()=>cancelAnimationFrame(raf);},[totalDur1,playing,scrub]);// Dev scrubber hookup\nuseEffect(()=>{const scrubEl=document.getElementById(\"scrub\");const tLabel=document.getElementById(\"t-label\");const playBtn=document.getElementById(\"play-toggle\");if(!scrubEl)return;const onInput=e=>{setScrub(parseFloat(e.target.value));setPlaying(false);playBtn.textContent=\"Play\";};const onChange=()=>{// resume\nsetTimeout(()=>{setScrub(null);setPlaying(true);playBtn.textContent=\"Pause\";},600);};const togglePlay=()=>{setPlaying(p=>{playBtn.textContent=p?\"Play\":\"Pause\";return!p;});};scrubEl.addEventListener(\"input\",onInput);scrubEl.addEventListener(\"change\",onChange);playBtn.addEventListener(\"click\",togglePlay);return()=>{scrubEl.removeEventListener(\"input\",onInput);scrubEl.removeEventListener(\"change\",onChange);playBtn.removeEventListener(\"click\",togglePlay);};},[]);// sync scrubber display\nuseEffect(()=>{const scrubEl=document.getElementById(\"scrub\");const tLabel=document.getElementById(\"t-label\");if(scrubEl&&scrub===null)scrubEl.value=progress.toString();if(tLabel)tLabel.textContent=progress.toFixed(3);},[progress,scrub]);// ───── Timeline breakdown ──────\n// Normalized progress points\nconst p=progress;// Scene 1: 0.00 - 0.22 — Agent card idle (orb breathing, cursor invisible)\n// Scene 2: 0.22 - 0.58 — cursor enters → clicks \"...\" → menu opens → clicks \"Simular diferentes cenários\"\n// Scene 3: 0.58 - 0.94 — Simulations list appears, items progress to success\n// Outro: 0.94 - 1.00 — fade out, loop back\n// ─── Scene 1 state ───\nconst s1=clamp01(p/s1end);const agentEnter=easeOutQuart(clamp01(s1/.5))// agent card fades/scales in at start\n;// ─── Scene 2 state: cursor → dots → click → menu → click \"Simular\" ───\nconst s2=clamp01((p-s1end)/(s2end-s1end));// 0.00-0.30 cursor travels to \"...\" dots\n// 0.30-0.42 dots click (press/release)\n// 0.38-0.62 menu appears\n// 0.62-0.82 cursor travels down into menu to \"Simular diferentes cenários\"\n// 0.82-0.92 click on Simular row\n// 0.92-1.00 menu + scene fade out\nconst s2CursorTravel=easeInOutCubic(clamp01(s2/.3));const s2DotsClick=clamp01((s2-.3)/.12)// 0..1 across click\n;const s2MenuAppear=easeOutQuart(clamp01((s2-.38)/.24));const s2MenuTravel=easeInOutCubic(clamp01((s2-.62)/.2));const s2SimularClick=clamp01((s2-.82)/.1)// click on Simular row\n;const s2Out=clamp01((s2-.92)/.08);// Dots highlight when cursor is near (from mid-travel onward, before click)\nconst dotsHot=clamp01((s2CursorTravel-.55)/.45)*(1-s2Out);// ─── Scene 3 state ───\nconst s3=clamp01((p-s2end)/(s3end-s2end));const s3Appear=easeOutQuart(clamp01(s3/.08));const s3Progress=clamp01((s3-.05)/.9);const listCursorT=easeInOutCubic(clamp01((s3-.1)/.7));// ─── Outro ───\nconst outro=clamp01((p-s3end)/(1-s3end));const fadeToStart=easeInOutCubic(outro);// ───── Cursor position computation ─────\n// Coordinates in STAGE space (0..880). Panel wrapper lives at (40,40)→(840,840).\n//\n// Agent card local panel position: left=100, top=310, width=600, height=150\n// card right = 700, card bottom = 460\n// \"...\" dots (top-right) center in card: (700-14-16, 14+16) = (670, 30)\n// panel coords: (100+560, 310+30) = (660, 340)\n// stage coords: (700, 380)\n//\n// Menu anchor passed to DropdownMenu is PANEL coords (menu rendered inside\n// the Playground scene div whose inset:0 is the panel). Anchor ≈ dots center.\n// anchorX=664, anchorY=334 → menu left = 664-320+40 = 384, top = 334+16 = 350\n// First row center (panel): left + width/2 = 384+160 = 544\n// top + 8 + 26 = 350+34 = 384\n// Stage coords for cursor target: (584, 424)\nlet cursorX=720,cursorY=780,cursorOpacity=0;if(p0&&s2DotsClick<1){const press=s2DotsClick<.5?s2DotsClick*2:(1-s2DotsClick)*2;cursorY-=press*3;}}else{// Travel down into the menu to \"Simular diferentes cenários\" row\ncursorX=lerp(dotsX,simularX,s2MenuTravel);cursorY=lerp(dotsY,simularY,s2MenuTravel);if(s2SimularClick>0&&s2SimularClick<1){const press=s2SimularClick<.5?s2SimularClick*2:(1-s2SimularClick)*2;cursorY-=press*3;}}cursorOpacity=1-s2Out*.5;}else if(p