@johpaz/hive-agents 0.0.13 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -16
- package/dist/hive.cmd +7 -0
- package/dist/hive.js +8406 -1249
- package/dist/hive.ps1 +1 -0
- package/dist/ui/assets/index-BeZKpfnI.js +331 -0
- package/dist/ui/assets/index-CBiSYvHP.css +2 -0
- package/dist/ui/assets/react-CJr1g6q1.js +1 -0
- package/dist/ui/assets/ui-CHpVij2M.css +1 -0
- package/dist/ui/assets/ui-Dea4K2Mp.js +59 -0
- package/dist/ui/dist/assets/index-BeZKpfnI.js +331 -0
- package/dist/ui/dist/assets/index-CBiSYvHP.css +2 -0
- package/dist/ui/dist/assets/react-CJr1g6q1.js +1 -0
- package/dist/ui/dist/assets/ui-CHpVij2M.css +1 -0
- package/dist/ui/dist/assets/ui-Dea4K2Mp.js +59 -0
- package/dist/ui/dist/index.html +3 -2
- package/dist/ui/index.html +3 -2
- package/package.json +2 -3
- package/dist/ui/assets/index-B2j7g240.js +0 -317
- package/dist/ui/assets/index-m6wGl1uT.css +0 -2
- package/dist/ui/dist/assets/index-B2j7g240.js +0 -317
- package/dist/ui/dist/assets/index-m6wGl1uT.css +0 -2
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import{a as e,n as t,r as n,t as r}from"./react-CJr1g6q1.js";import{a as i,c as a,i as o,n as s,o as c,r as l,s as u,t as d}from"./index-BeZKpfnI.js";var f=180/Math.PI,p={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function m(e,t,n,r,i,a){var o,s,c;return(o=Math.sqrt(e*e+t*t))&&(e/=o,t/=o),(c=e*n+t*r)&&(n-=e*c,r-=t*c),(s=Math.sqrt(n*n+r*r))&&(n/=s,r/=s,c/=s),e*r<t*n&&(e=-e,t=-t,c=-c,o=-o),{translateX:i,translateY:a,rotate:Math.atan2(t,e)*f,skewX:Math.atan(c)*f,scaleX:o,scaleY:s}}var h;function g(e){let t=new(typeof DOMMatrix==`function`?DOMMatrix:WebKitCSSMatrix)(e+``);return t.isIdentity?p:m(t.a,t.b,t.c,t.d,t.e,t.f)}function _(e){return e==null||(h||=document.createElementNS(`http://www.w3.org/2000/svg`,`g`),h.setAttribute(`transform`,e),!(e=h.transform.baseVal.consolidate()))?p:(e=e.matrix,m(e.a,e.b,e.c,e.d,e.e,e.f))}function v(e,t,n,r){function i(e){return e.length?e.pop()+` `:``}function a(e,r,i,a,s,c){if(e!==i||r!==a){var l=s.push(`translate(`,null,t,null,n);c.push({i:l-4,x:o(e,i)},{i:l-2,x:o(r,a)})}else (i||a)&&s.push(`translate(`+i+t+a+n)}function s(e,t,n,a){e===t?t&&n.push(i(n)+`rotate(`+t+r):(e-t>180?t+=360:t-e>180&&(e+=360),a.push({i:n.push(i(n)+`rotate(`,null,r)-2,x:o(e,t)}))}function c(e,t,n,a){e===t?t&&n.push(i(n)+`skewX(`+t+r):a.push({i:n.push(i(n)+`skewX(`,null,r)-2,x:o(e,t)})}function l(e,t,n,r,a,s){if(e!==n||t!==r){var c=a.push(i(a)+`scale(`,null,`,`,null,`)`);s.push({i:c-4,x:o(e,n)},{i:c-2,x:o(t,r)})}else (n!==1||r!==1)&&a.push(i(a)+`scale(`+n+`,`+r+`)`)}return function(t,n){var r=[],i=[];return t=e(t),n=e(n),a(t.translateX,t.translateY,n.translateX,n.translateY,r,i),s(t.rotate,n.rotate,r,i),c(t.skewX,n.skewX,r,i),l(t.scaleX,t.scaleY,n.scaleX,n.scaleY,r,i),t=n=null,function(e){for(var t=-1,n=i.length,a;++t<n;)r[(a=i[t]).i]=a.x(e);return r.join(``)}}}var y=v(g,`px, `,`px)`,`deg)`),b=v(_,`, `,`)`,`)`),x=1e-12;function S(e){return((e=Math.exp(e))+1/e)/2}function C(e){return((e=Math.exp(e))-1/e)/2}function w(e){return((e=Math.exp(2*e))-1)/(e+1)}var T=(function e(t,n,r){function i(e,i){var a=e[0],o=e[1],s=e[2],c=i[0],l=i[1],u=i[2],d=c-a,f=l-o,p=d*d+f*f,m,h;if(p<x)h=Math.log(u/s)/t,m=function(e){return[a+e*d,o+e*f,s*Math.exp(t*e*h)]};else{var g=Math.sqrt(p),_=(u*u-s*s+r*p)/(2*s*n*g),v=(u*u-s*s-r*p)/(2*u*n*g),y=Math.log(Math.sqrt(_*_+1)-_);h=(Math.log(Math.sqrt(v*v+1)-v)-y)/t,m=function(e){var r=e*h,i=S(y),c=s/(n*g)*(i*w(t*r+y)-C(y));return[a+c*d,o+c*f,s*i/S(t*r+y)]}}return m.duration=h*1e3*t/Math.SQRT2,m}return i.rho=function(t){var n=Math.max(.001,+t),r=n*n;return e(n,r,r*r)},i})(Math.SQRT2,2,4),E=e(t()),D={screen:`provider-select`,perfil:null,meta:``,program:null,swarmProgress:null,agentStatuses:{},selectedProviderId:null,selectedModelId:null,sessionId:null,curriculoId:null,isGenerating:!1,sessionRestored:!1,nodoActualId:null,selectedNodeId:null,xpTotal:0,logrosDesbloqueados:[],nodosCompletados:[],tiempoInicioSesion:null,vidas:3,racha:0,xpFloat:null,respuestasEvaluacion:{},puntajeEvaluacion:null,lastFeedback:null},O=0,k=r((e,t)=>({...D,setScreen:t=>e({screen:t}),setSelectedProvider:t=>e({selectedProviderId:t}),setSelectedModel:t=>e({selectedModelId:t}),setPerfil:t=>e({perfil:t}),setMeta:t=>e({meta:t}),setProgram:t=>e({program:t,tiempoInicioSesion:Date.now(),nodoActualId:t.nodos[0]?.id??null}),setSwarmProgress:t=>e({swarmProgress:t}),setAgentStatus:(t,n)=>e(e=>({agentStatuses:{...e.agentStatuses,[t]:n}})),setSessionId:t=>e({sessionId:t}),setCurriculoId:t=>e({curriculoId:t}),setIsGenerating:t=>e({isGenerating:t}),completarNodo:(t,n)=>e(e=>{let r=e.program?.nodos??[],i=r.findIndex(e=>e.id===t),a=i>=0&&i<r.length-1?r[i+1].id:null;return{nodosCompletados:[...e.nodosCompletados,t],xpTotal:e.xpTotal+n,nodoActualId:a??e.nodoActualId,program:e.program?{...e.program,nodos:e.program.nodos.map((e,n)=>e.id===t?{...e,estado:`completado`}:n===i+1?{...e,estado:`disponible`}:e)}:null}}),desbloquearLogro:t=>e(e=>({logrosDesbloqueados:e.logrosDesbloqueados.includes(t)?e.logrosDesbloqueados:[...e.logrosDesbloqueados,t]})),setNodoActual:t=>e({nodoActualId:t}),setLastFeedback:t=>e({lastFeedback:t}),responderEvaluacion:(t,n)=>e(e=>({respuestasEvaluacion:{...e.respuestasEvaluacion,[t]:n}})),setPuntajeEvaluacion:t=>e({puntajeEvaluacion:t}),restoreSession:(t,n)=>e({program:t,sessionId:n.sessionId,xpTotal:n.xpTotal,nodosCompletados:n.nodosCompletados||[],tiempoInicioSesion:Date.now(),nodoActualId:t.nodos[0]?.id??null,sessionRestored:!0,screen:`canvas`}),reset:()=>e(D),selectNode:t=>e({selectedNodeId:t,lastFeedback:null}),deselectNode:()=>e({selectedNodeId:null,lastFeedback:null}),perderVida:()=>e(e=>({vidas:Math.max(0,e.vidas-1)})),incrementarRacha:()=>e(e=>({racha:e.racha+1})),resetRacha:()=>e({racha:0}),showXpFloat:(n,r)=>{let i=++O;e({xpFloat:{nodeId:n,xp:r,key:i}}),setTimeout(()=>{t().xpFloat?.key===i&&e({xpFloat:null})},1400)}})),A=u();function j(){let{selectedProviderId:e,selectedModelId:t,setSelectedProvider:n,setSelectedModel:r,setScreen:i}=k(),[a,o]=(0,E.useState)([]),[s,c]=(0,E.useState)([]),[l,u]=(0,E.useState)(!0),[d,f]=(0,E.useState)(null);(0,E.useEffect)(()=>{(async()=>{try{u(!0),f(null),o(((await(await fetch(`/api/providers`)).json()).providers||[]).filter(e=>e.enabled&&e.active)),c(((await(await fetch(`/api/models`)).json()).models||[]).filter(e=>e.enabled&&e.active))}catch(e){f(`Error al cargar proveedores y modelos. Verifica la conexión.`),console.error(`Error fetching providers/models:`,e)}finally{u(!1)}})()},[]);let p=s.filter(t=>t.provider_id===e),m=()=>{e&&t&&i(`profile`)},h=a.find(t=>t.id===e)?.name,g=s.find(e=>e.id===t)?.name;return l?(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-4 sm:p-6`,children:(0,A.jsxs)(`div`,{className:`text-center`,children:[(0,A.jsx)(`div`,{className:`text-5xl sm:text-6xl mb-3 sm:mb-4 animate-pulse`,children:`🐝`}),(0,A.jsx)(`h2`,{className:`text-xl sm:text-2xl font-bold text-amber-400 mb-2`,children:`Cargando...`}),(0,A.jsx)(`p`,{className:`text-sm sm:text-base text-gray-400`,children:`Obteniendo proveedores y modelos disponibles`})]})}):d?(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-4 sm:p-6`,children:(0,A.jsx)(`div`,{className:`w-full max-w-md bg-gray-900 rounded-xl sm:rounded-2xl border border-gray-800 p-4 sm:p-6 space-y-4`,children:(0,A.jsxs)(`div`,{className:`text-center`,children:[(0,A.jsx)(`div`,{className:`text-5xl sm:text-6xl mb-3`,children:`⚠️`}),(0,A.jsx)(`h2`,{className:`text-xl sm:text-2xl font-bold text-red-400 mb-2`,children:`Error`}),(0,A.jsx)(`p`,{className:`text-sm text-gray-400 mb-4`,children:d}),(0,A.jsx)(`button`,{onClick:()=>window.location.reload(),className:`rounded-lg sm:rounded-xl bg-amber-500 px-4 sm:px-6 py-2.5 text-sm font-bold text-black hover:bg-amber-400 transition-all`,children:`Reintentar`})]})})}):a.length===0?(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-4 sm:p-6`,children:(0,A.jsx)(`div`,{className:`w-full max-w-md bg-gray-900 rounded-xl sm:rounded-2xl border border-gray-800 p-4 sm:p-6 space-y-4`,children:(0,A.jsxs)(`div`,{className:`text-center`,children:[(0,A.jsx)(`div`,{className:`text-5xl sm:text-6xl mb-3`,children:`🔧`}),(0,A.jsx)(`h2`,{className:`text-xl sm:text-2xl font-bold text-amber-400 mb-2`,children:`Sin proveedores`}),(0,A.jsx)(`p`,{className:`text-sm text-gray-400 mb-4`,children:`No hay proveedores de IA configurados. Configura al menos uno en Settings > Providers.`}),(0,A.jsx)(`a`,{href:`/providers`,className:`inline-block rounded-lg sm:rounded-xl bg-amber-500 px-4 sm:px-6 py-2.5 text-sm font-bold text-black hover:bg-amber-400 transition-all`,children:`Ir a Providers`})]})})}):(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-4 sm:p-6`,children:(0,A.jsxs)(`div`,{className:`w-full max-w-md sm:max-w-lg`,children:[(0,A.jsxs)(`div`,{className:`text-center mb-6 sm:mb-8`,children:[(0,A.jsx)(`div`,{className:`text-5xl sm:text-6xl mb-2 sm:mb-3`,children:`🐝`}),(0,A.jsx)(`h1`,{className:`text-2xl sm:text-3xl font-bold text-amber-400`,children:`HiveLearn`}),(0,A.jsx)(`p`,{className:`text-sm sm:text-base text-gray-400 mt-1`,children:`Selecciona tu proveedor y modelo de IA`})]}),(0,A.jsxs)(`div`,{className:`bg-gray-900 rounded-xl sm:rounded-2xl border border-gray-800 p-4 sm:p-6 space-y-4 sm:space-y-5`,children:[(0,A.jsx)(`h2`,{className:`text-base sm:text-lg font-bold text-white`,children:`Configuración del modelo`}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`label`,{className:`block text-xs text-gray-400 mb-2`,children:`Proveedor de IA`}),(0,A.jsx)(`div`,{className:`grid grid-cols-1 gap-2 max-h-40 sm:max-h-48 overflow-y-auto`,children:a.map(t=>(0,A.jsxs)(`button`,{onClick:()=>{n(t.id),r(null)},className:`rounded-lg py-2.5 sm:py-3 px-3 sm:px-4 text-xs sm:text-sm font-medium border transition-all text-left
|
|
2
|
+
${e===t.id?`bg-amber-500/20 border-amber-500 text-amber-300`:`bg-gray-800 border-gray-700 text-gray-300 hover:border-amber-500/50`}`,children:[(0,A.jsx)(`div`,{className:`font-bold`,children:t.name}),(0,A.jsxs)(`div`,{className:`text-[10px] sm:text-xs text-gray-500 mt-1`,children:[`ID: `,t.id]})]},t.id))})]}),e&&(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`label`,{className:`block text-xs text-gray-400 mb-2`,children:`Modelo`}),p.length===0?(0,A.jsx)(`div`,{className:`bg-gray-800 border border-gray-700 rounded-lg p-3 text-xs sm:text-sm text-gray-400`,children:`No hay modelos disponibles para este proveedor`}):(0,A.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-2 max-h-40 sm:max-h-48 overflow-y-auto`,children:p.map(e=>(0,A.jsxs)(`button`,{onClick:()=>r(e.id),className:`rounded-lg py-2.5 sm:py-3 px-3 sm:px-4 text-xs sm:text-sm font-medium border transition-all text-left
|
|
3
|
+
${t===e.id?`bg-amber-500/20 border-amber-500 text-amber-300`:`bg-gray-800 border-gray-700 text-gray-300 hover:border-amber-500/50`}`,children:[(0,A.jsx)(`div`,{className:`font-bold`,children:e.name}),e.context_window&&(0,A.jsxs)(`div`,{className:`text-[10px] sm:text-xs text-gray-500 mt-1`,children:[`Contexto: `,(e.context_window/1e3).toFixed(0),`K tokens`]})]},e.id))})]}),e&&t&&(0,A.jsxs)(`div`,{className:`bg-amber-500/10 border border-amber-500/50 rounded-lg p-2.5 sm:p-3`,children:[(0,A.jsx)(`div`,{className:`text-[10px] sm:text-xs text-amber-400 mb-1`,children:`Selección actual:`}),(0,A.jsxs)(`div`,{className:`text-xs sm:text-sm text-white`,children:[(0,A.jsx)(`span`,{className:`font-bold`,children:h}),` → `,(0,A.jsx)(`span`,{className:`font-bold`,children:g})]})]}),(0,A.jsx)(`button`,{onClick:m,disabled:!e||!t,className:`w-full rounded-lg sm:rounded-xl bg-amber-500 py-2.5 sm:py-3 text-xs sm:text-sm font-bold text-black hover:bg-amber-400 disabled:opacity-40 disabled:cursor-not-allowed transition-all`,children:`Continuar →`})]})]})})}function M(e){return e<=12?`nino`:e<=17?`adolescente`:`adulto`}function N(){let{setPerfil:e,setScreen:t}=k(),[n,r]=(0,E.useState)({nombre:``,edad:16,tiempoSesion:30,nivelPrevio:`principiante`,estilo:`balanceado`}),i=()=>{n.nombre.trim()&&(e({alumnoId:`alumno-${Date.now()}`,nombre:n.nombre.trim(),edad:n.edad,rangoEdad:M(n.edad),tiempoSesion:n.tiempoSesion,nivelPrevio:n.nivelPrevio,estilo:n.estilo,sesionesTotal:0,xpAcumulado:0,nivelActual:`Aprendiz`}),t(`goal`))};return(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-6`,children:(0,A.jsxs)(`div`,{className:`w-full max-w-md`,children:[(0,A.jsxs)(`div`,{className:`text-center mb-8`,children:[(0,A.jsx)(`div`,{className:`text-6xl mb-3`,children:`🐝`}),(0,A.jsx)(`h1`,{className:`text-3xl font-bold text-amber-400`,children:`HiveLearn`}),(0,A.jsx)(`p`,{className:`text-gray-400 mt-1`,children:`Aprendizaje adaptativo, 100% offline`})]}),(0,A.jsxs)(`div`,{className:`bg-gray-900 rounded-2xl border border-gray-800 p-6 space-y-5`,children:[(0,A.jsx)(`h2`,{className:`text-lg font-bold text-white`,children:`¿Quién va a aprender hoy?`}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`label`,{className:`block text-xs text-gray-400 mb-1`,children:`Tu nombre`}),(0,A.jsx)(`input`,{className:`w-full rounded-lg bg-gray-800 border border-gray-700 px-3 py-2 text-white text-sm focus:border-amber-500 outline-none`,placeholder:`Ej: Valeria`,value:n.nombre,onChange:e=>r(t=>({...t,nombre:e.target.value})),onKeyDown:e=>e.key===`Enter`&&i()})]}),(0,A.jsxs)(`div`,{children:[(0,A.jsxs)(`label`,{className:`block text-xs text-gray-400 mb-1`,children:[`Edad: `,(0,A.jsxs)(`span`,{className:`text-amber-400 font-bold`,children:[n.edad,` años`]}),` `,`(`,M(n.edad)===`nino`?`🐣 Niño`:M(n.edad)===`adolescente`?`🚀 Adolescente`:`🎯 Adulto`,`)`]}),(0,A.jsx)(`input`,{type:`range`,min:6,max:60,value:n.edad,onChange:e=>r(t=>({...t,edad:Number(e.target.value)})),className:`w-full accent-amber-500`})]}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`label`,{className:`block text-xs text-gray-400 mb-2`,children:`Tiempo disponible`}),(0,A.jsx)(`div`,{className:`flex gap-2`,children:[15,30,45].map(e=>(0,A.jsxs)(`button`,{onClick:()=>r(t=>({...t,tiempoSesion:e})),className:`flex-1 rounded-lg py-2 text-sm font-bold border transition-all
|
|
4
|
+
${n.tiempoSesion===e?`bg-amber-500 border-amber-500 text-black`:`bg-gray-800 border-gray-700 text-gray-300 hover:border-amber-500/50`}`,children:[e,` min`]},e))})]}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`label`,{className:`block text-xs text-gray-400 mb-2`,children:`Nivel de experiencia`}),(0,A.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[[`principiante`,`🌱`,`Principiante`],[`principiante_base`,`🌿`,`Con bases`],[`intermedio`,`🌳`,`Intermedio`]].map(([e,t,i])=>(0,A.jsxs)(`button`,{onClick:()=>r(t=>({...t,nivelPrevio:e})),className:`rounded-lg py-2 text-xs font-medium border transition-all
|
|
5
|
+
${n.nivelPrevio===e?`bg-amber-500/20 border-amber-500 text-amber-300`:`bg-gray-800 border-gray-700 text-gray-400 hover:border-gray-500`}`,children:[(0,A.jsx)(`span`,{className:`block text-lg`,children:t}),i]},e))})]}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`label`,{className:`block text-xs text-gray-400 mb-2`,children:`¿Cómo aprendes mejor?`}),(0,A.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:[[`visual`,`🎨`,`Visual`],[`lectura`,`📖`,`Leyendo`],[`retos`,`🏆`,`Con retos`],[`balanceado`,`⚖️`,`Balanceado`]].map(([e,t,i])=>(0,A.jsxs)(`button`,{onClick:()=>r(t=>({...t,estilo:e})),className:`rounded-lg py-2 text-xs font-medium border transition-all flex items-center gap-2 px-3
|
|
6
|
+
${n.estilo===e?`bg-amber-500/20 border-amber-500 text-amber-300`:`bg-gray-800 border-gray-700 text-gray-400 hover:border-gray-500`}`,children:[(0,A.jsx)(`span`,{children:t}),i]},e))})]}),(0,A.jsx)(`button`,{onClick:i,disabled:!n.nombre.trim(),className:`w-full rounded-xl bg-amber-500 py-3 text-sm font-bold text-black hover:bg-amber-400 disabled:opacity-40 disabled:cursor-not-allowed transition-all`,children:`Continuar →`})]})]})})}function P(){let{setProgram:e,setSwarmProgress:t,setScreen:n,selectedProviderId:r,selectedModelId:i,setSessionId:a,setCurriculoId:o,setIsGenerating:s,setAgentStatus:c}=k();return{generateLesson:(0,E.useCallback)(async(l,u)=>{if(!r||!i){console.error(`HiveLearn: providerId y modelId son requeridos`);return}n(`loading`),s(!0),t({etapa:`tier0`,agenteActivo:`ProfileAgent`,porcentaje:2,mensaje:`Iniciando el enjambre de agentes...`});try{let d=await fetch(`/api/hivelearn/generate`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({perfil:l,meta:u,providerId:r,modelId:i})});if(!d.ok||!d.body)throw Error(`Error del servidor: ${d.status}`);let f=d.body.getReader(),p=new TextDecoder,m=``;for(;;){let{done:r,value:i}=await f.read();if(r)break;m+=p.decode(i,{stream:!0});let l=m.split(`
|
|
7
|
+
|
|
8
|
+
`);m=l.pop()??``;for(let r of l){if(!r.trim())continue;let i=`message`,l=``;for(let e of r.split(`
|
|
9
|
+
`))e.startsWith(`event: `)?i=e.slice(7).trim():e.startsWith(`data: `)&&(l=e.slice(6).trim());if(!l)continue;let u;try{u=JSON.parse(l)}catch{continue}switch(i){case`progress`:t(u);break;case`agent_started`:c(u.agentId,`running`);break;case`agent_completed`:c(u.agentId,`completed`);break;case`agent_failed`:c(u.agentId,`failed`);break;case`complete`:e(u),a(u.sessionId),o(u.curriculoId),s(!1),n(`canvas`);break;case`error`:throw Error(u.message??`Error desconocido del swarm`)}}}}catch(e){s(!1),t({etapa:`error`,agenteActivo:`Sistema`,porcentaje:0,mensaje:`Error: ${e.message}`})}},[e,t,n,r,i,a,o,s,c])}}var F=[`Quiero aprender JavaScript básico`,`Aprenderme Python desde cero`,`Entender qué es la inteligencia artificial`,`Aprender HTML y CSS para crear páginas web`,`Entender SQL y bases de datos`,`Aprender a hacer APIs con Node.js`];function I(){let{perfil:e,setMeta:t,setScreen:n}=k(),{generateLesson:r}=P(),[i,a]=(0,E.useState)(``),o=async()=>{!i.trim()||!e||(t(i.trim()),await r(e,i.trim()))},s=e=>{a(e)};return(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-6`,children:(0,A.jsxs)(`div`,{className:`w-full max-w-lg`,children:[(0,A.jsxs)(`div`,{className:`text-center mb-8`,children:[(0,A.jsxs)(`h2`,{className:`text-2xl font-bold text-white`,children:[`¡Hola, `,(0,A.jsx)(`span`,{className:`text-amber-400`,children:e?.nombre}),`! 👋`]}),(0,A.jsx)(`p`,{className:`text-gray-400 mt-1`,children:`¿Qué quieres aprender hoy?`})]}),(0,A.jsxs)(`div`,{className:`bg-gray-900 rounded-2xl border border-gray-800 p-6 space-y-4`,children:[(0,A.jsx)(`textarea`,{className:`w-full rounded-xl bg-gray-800 border border-gray-700 px-4 py-3 text-white text-sm focus:border-amber-500 outline-none resize-none h-24`,placeholder:`Ej: Quiero aprender JavaScript básico para crear mis primeros programas...`,value:i,onChange:e=>a(e.target.value)}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`p`,{className:`text-xs text-gray-500 mb-2`,children:`Sugerencias rápidas:`}),(0,A.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:F.map(e=>(0,A.jsx)(`button`,{onClick:()=>s(e),className:`rounded-full border border-gray-700 px-3 py-1 text-xs text-gray-400 hover:border-amber-500/50 hover:text-amber-400 transition-all`,children:e},e))})]}),(0,A.jsxs)(`div`,{className:`flex gap-3`,children:[(0,A.jsx)(`button`,{onClick:()=>n(`profile`),className:`rounded-xl border border-gray-700 px-4 py-2.5 text-sm text-gray-400 hover:border-gray-500`,children:`← Atrás`}),(0,A.jsx)(`button`,{onClick:o,disabled:!i.trim(),className:`flex-1 rounded-xl bg-amber-500 py-2.5 text-sm font-bold text-black hover:bg-amber-400 disabled:opacity-40 disabled:cursor-not-allowed transition-all`,children:`🐝 ¡Empezar a aprender!`})]})]})]})})}var L={"hl-profile-agent":{label:`Perfil`,icon:`👤`,accion:`Analizando perfil del alumno`},"hl-intent-agent":{label:`Intención`,icon:`🎯`,accion:`Extrayendo tema y nivel`},"hl-structure-agent":{label:`Estructura`,icon:`🗺️`,accion:`Diseñando programa de nodos`},"hl-explanation-agent":{label:`Explicación`,icon:`📖`,accion:`Generando explicación`},"hl-exercise-agent":{label:`Ejercicios`,icon:`✏️`,accion:`Creando ejercicio práctico`},"hl-quiz-agent":{label:`Quiz`,icon:`❓`,accion:`Preparando preguntas`},"hl-challenge-agent":{label:`Reto`,icon:`⚡`,accion:`Diseñando reto integrador`},"hl-code-agent":{label:`Código`,icon:`💻`,accion:`Generando código ejemplo`},"hl-svg-agent":{label:`Diagrama`,icon:`📊`,accion:`Dibujando diagrama SVG`},"hl-gif-agent":{label:`Animación`,icon:`🎞️`,accion:`Creando animación paso a paso`},"hl-infographic-agent":{label:`Infografía`,icon:`📈`,accion:`Construyendo infografía`},"hl-image-agent":{label:`Imagen`,icon:`🖼️`,accion:`Generando imagen educativa`},"hl-gamification-agent":{label:`Gamificación`,icon:`🏆`,accion:`Asignando XP y logros`},"hl-evaluation-agent":{label:`Evaluación`,icon:`📝`,accion:`Preparando evaluación final`}},R=[`hl-profile-agent`,`hl-intent-agent`,`hl-structure-agent`],z=[`hl-explanation-agent`,`hl-exercise-agent`,`hl-quiz-agent`,`hl-challenge-agent`,`hl-code-agent`,`hl-svg-agent`,`hl-gif-agent`,`hl-infographic-agent`],B=[`hl-gamification-agent`,`hl-evaluation-agent`];function V({agentId:e,status:t=`pending`,compact:n=!1}){let r=L[e]??{label:e,icon:`🤖`,accion:`Procesando...`},i=t===`running`,a=t===`completed`,o=t===`failed`,s=t===`pending`;return(0,A.jsxs)(`div`,{className:`
|
|
10
|
+
rounded-xl border transition-all duration-500 flex flex-col
|
|
11
|
+
${n?`p-2.5 gap-1`:`p-3 gap-1.5`}
|
|
12
|
+
${i?`bg-amber-500/10 border-amber-500/50 shadow-[0_0_12px_rgba(245,158,11,0.2)]`:``}
|
|
13
|
+
${a?`bg-green-500/8 border-green-500/30`:``}
|
|
14
|
+
${o?`bg-red-500/8 border-red-500/30`:``}
|
|
15
|
+
${s?`bg-white/[0.02] border-white/8 opacity-50`:``}
|
|
16
|
+
`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,A.jsx)(`span`,{className:`text-base flex-shrink-0 ${s?`grayscale opacity-50`:``} ${i?`animate-pulse`:``}`,children:r.icon}),(0,A.jsx)(`span`,{className:`text-xs font-bold truncate flex-1
|
|
17
|
+
${i?`text-amber-200`:a?`text-green-300`:o?`text-red-300`:`text-white/30`}
|
|
18
|
+
`,children:r.label}),i&&(0,A.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-amber-400 animate-pulse flex-shrink-0`}),a&&(0,A.jsx)(`span`,{className:`text-green-400 text-xs flex-shrink-0`,children:`✓`}),o&&(0,A.jsx)(`span`,{className:`text-red-400 text-xs flex-shrink-0`,children:`✗`})]}),!s&&(0,A.jsx)(`p`,{className:`text-[10px] leading-tight
|
|
19
|
+
${i?`text-amber-300/70`:a?`text-green-400/60`:`text-red-400/60`}
|
|
20
|
+
`,children:a?`✓ Listo`:o?`Error`:r.accion})]})}function H({num:e,label:t,description:n,children:r,className:i=``}){return(0,A.jsxs)(`div`,{className:`space-y-2 ${i}`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e!==void 0&&(0,A.jsx)(`div`,{className:`w-5 h-5 rounded-full bg-amber-500/20 border border-amber-500/40 text-amber-300 text-xs font-bold flex items-center justify-center flex-shrink-0`,children:e}),(0,A.jsx)(`span`,{className:`text-xs font-bold text-white/70 uppercase tracking-wider`,children:t}),n&&(0,A.jsx)(`span`,{className:`text-xs text-white/25`,children:n})]}),r]})}function U(){let{swarmProgress:e,meta:t,perfil:n,agentStatuses:r}=k(),i=e?.porcentaje??0,a=e?.mensaje??`Iniciando el enjambre de agentes...`;return(0,A.jsxs)(`div`,{className:`absolute inset-0 bg-gray-950 overflow-y-auto flex flex-col`,children:[(0,A.jsx)(`div`,{className:`fixed top-0 left-1/2 -translate-x-1/2 w-[600px] h-[300px] bg-amber-500/6 rounded-full blur-[100px] pointer-events-none`}),(0,A.jsxs)(`div`,{className:`flex-1 flex flex-col items-center px-4 py-8 gap-6 relative z-10 max-w-3xl mx-auto w-full`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsxs)(`div`,{className:`relative mx-auto w-16 h-16`,children:[(0,A.jsx)(`div`,{className:`absolute inset-0 rounded-full bg-amber-500/15 animate-ping`,style:{animationDuration:`2.5s`}}),(0,A.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center text-4xl select-none`,children:`🐝`})]}),(0,A.jsx)(`h2`,{className:`text-xl font-black text-white`,children:`Construyendo tu programa`}),t&&(0,A.jsxs)(`p`,{className:`text-amber-400 text-sm font-medium max-w-sm mx-auto truncate`,children:[`"`,t,`"`]}),n&&(0,A.jsxs)(`p`,{className:`text-white/25 text-xs`,children:[n.nombre,` · `,n.tiempoSesion,` min · `,(0,A.jsx)(`span`,{className:`capitalize`,children:n.rangoEdad})]})]}),(0,A.jsxs)(`div`,{className:`w-full space-y-1.5`,children:[(0,A.jsxs)(`div`,{className:`flex justify-between text-xs`,children:[(0,A.jsx)(`span`,{className:`text-white/40 truncate max-w-[80%]`,children:a}),(0,A.jsxs)(`span`,{className:`text-amber-400 font-bold tabular-nums ml-2`,children:[i,`%`]})]}),(0,A.jsx)(`div`,{className:`h-1.5 rounded-full bg-white/5 overflow-hidden`,children:(0,A.jsx)(`div`,{className:`h-full rounded-full bg-gradient-to-r from-amber-600 via-amber-400 to-yellow-300 transition-all duration-700`,style:{width:`${Math.max(i,2)}%`}})})]}),(0,A.jsx)(H,{num:1,label:`Análisis`,description:`secuencial`,className:`w-full`,children:(0,A.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:R.map(e=>(0,A.jsx)(V,{agentId:e,status:r[e]},e))})}),(0,A.jsxs)(`div`,{className:`w-full flex gap-3 items-start`,children:[(0,A.jsx)(H,{num:2,label:`Contenido`,description:`paralelo`,className:`flex-1 min-w-0`,children:(0,A.jsx)(`div`,{className:`grid grid-cols-4 gap-1.5`,children:z.map(e=>(0,A.jsx)(V,{agentId:e,status:r[e],compact:!0},e))})}),(0,A.jsx)(H,{label:`En paralelo`,className:`w-40 flex-shrink-0`,children:(0,A.jsx)(`div`,{className:`space-y-1.5`,children:B.map(e=>(0,A.jsx)(V,{agentId:e,status:r[e]},e))})})]}),(0,A.jsx)(`p`,{className:`text-xs text-white/15 text-center`,children:`Primera vez: ~2 min · Con caché: ~10s`})]})]})}function W(e){if(typeof e==`string`||typeof e==`number`)return``+e;let t=``;if(Array.isArray(e))for(let n=0,r;n<e.length;n++)(r=W(e[n]))!==``&&(t+=(t&&` `)+r);else for(let n in e)e[n]&&(t+=(t&&` `)+n);return t}var G={value:()=>{}};function ee(){for(var e=0,t=arguments.length,n={},r;e<t;++e){if(!(r=arguments[e]+``)||r in n||/[\s.]/.test(r))throw Error(`illegal type: `+r);n[r]=[]}return new te(n)}function te(e){this._=e}function ne(e,t){return e.trim().split(/^|\s+/).map(function(e){var n=``,r=e.indexOf(`.`);if(r>=0&&(n=e.slice(r+1),e=e.slice(0,r)),e&&!t.hasOwnProperty(e))throw Error(`unknown type: `+e);return{type:e,name:n}})}te.prototype=ee.prototype={constructor:te,on:function(e,t){var n=this._,r=ne(e+``,n),i,a=-1,o=r.length;if(arguments.length<2){for(;++a<o;)if((i=(e=r[a]).type)&&(i=re(n[i],e.name)))return i;return}if(t!=null&&typeof t!=`function`)throw Error(`invalid callback: `+t);for(;++a<o;)if(i=(e=r[a]).type)n[i]=ie(n[i],e.name,t);else if(t==null)for(i in n)n[i]=ie(n[i],e.name,null);return this},copy:function(){var e={},t=this._;for(var n in t)e[n]=t[n].slice();return new te(e)},call:function(e,t){if((i=arguments.length-2)>0)for(var n=Array(i),r=0,i,a;r<i;++r)n[r]=arguments[r+2];if(!this._.hasOwnProperty(e))throw Error(`unknown type: `+e);for(a=this._[e],r=0,i=a.length;r<i;++r)a[r].value.apply(t,n)},apply:function(e,t,n){if(!this._.hasOwnProperty(e))throw Error(`unknown type: `+e);for(var r=this._[e],i=0,a=r.length;i<a;++i)r[i].value.apply(t,n)}};function re(e,t){for(var n=0,r=e.length,i;n<r;++n)if((i=e[n]).name===t)return i.value}function ie(e,t,n){for(var r=0,i=e.length;r<i;++r)if(e[r].name===t){e[r]=G,e=e.slice(0,r).concat(e.slice(r+1));break}return n!=null&&e.push({name:t,value:n}),e}var ae={svg:`http://www.w3.org/2000/svg`,xhtml:`http://www.w3.org/1999/xhtml`,xlink:`http://www.w3.org/1999/xlink`,xml:`http://www.w3.org/XML/1998/namespace`,xmlns:`http://www.w3.org/2000/xmlns/`};function oe(e){var t=e+=``,n=t.indexOf(`:`);return n>=0&&(t=e.slice(0,n))!==`xmlns`&&(e=e.slice(n+1)),ae.hasOwnProperty(t)?{space:ae[t],local:e}:e}function se(e){return function(){var t=this.ownerDocument,n=this.namespaceURI;return n===`http://www.w3.org/1999/xhtml`&&t.documentElement.namespaceURI===`http://www.w3.org/1999/xhtml`?t.createElement(e):t.createElementNS(n,e)}}function ce(e){return function(){return this.ownerDocument.createElementNS(e.space,e.local)}}function le(e){var t=oe(e);return(t.local?ce:se)(t)}function ue(){}function de(e){return e==null?ue:function(){return this.querySelector(e)}}function fe(e){typeof e!=`function`&&(e=de(e));for(var t=this._groups,n=t.length,r=Array(n),i=0;i<n;++i)for(var a=t[i],o=a.length,s=r[i]=Array(o),c,l,u=0;u<o;++u)(c=a[u])&&(l=e.call(c,c.__data__,u,a))&&(`__data__`in c&&(l.__data__=c.__data__),s[u]=l);return new K(r,this._parents)}function pe(e){return e==null?[]:Array.isArray(e)?e:Array.from(e)}function me(){return[]}function he(e){return e==null?me:function(){return this.querySelectorAll(e)}}function ge(e){return function(){return pe(e.apply(this,arguments))}}function _e(e){e=typeof e==`function`?ge(e):he(e);for(var t=this._groups,n=t.length,r=[],i=[],a=0;a<n;++a)for(var o=t[a],s=o.length,c,l=0;l<s;++l)(c=o[l])&&(r.push(e.call(c,c.__data__,l,o)),i.push(c));return new K(r,i)}function ve(e){return function(){return this.matches(e)}}function ye(e){return function(t){return t.matches(e)}}var be=Array.prototype.find;function xe(e){return function(){return be.call(this.children,e)}}function Se(){return this.firstElementChild}function Ce(e){return this.select(e==null?Se:xe(typeof e==`function`?e:ye(e)))}var we=Array.prototype.filter;function Te(){return Array.from(this.children)}function Ee(e){return function(){return we.call(this.children,e)}}function De(e){return this.selectAll(e==null?Te:Ee(typeof e==`function`?e:ye(e)))}function Oe(e){typeof e!=`function`&&(e=ve(e));for(var t=this._groups,n=t.length,r=Array(n),i=0;i<n;++i)for(var a=t[i],o=a.length,s=r[i]=[],c,l=0;l<o;++l)(c=a[l])&&e.call(c,c.__data__,l,a)&&s.push(c);return new K(r,this._parents)}function ke(e){return Array(e.length)}function Ae(){return new K(this._enter||this._groups.map(ke),this._parents)}function je(e,t){this.ownerDocument=e.ownerDocument,this.namespaceURI=e.namespaceURI,this._next=null,this._parent=e,this.__data__=t}je.prototype={constructor:je,appendChild:function(e){return this._parent.insertBefore(e,this._next)},insertBefore:function(e,t){return this._parent.insertBefore(e,t)},querySelector:function(e){return this._parent.querySelector(e)},querySelectorAll:function(e){return this._parent.querySelectorAll(e)}};function Me(e){return function(){return e}}function Ne(e,t,n,r,i,a){for(var o=0,s,c=t.length,l=a.length;o<l;++o)(s=t[o])?(s.__data__=a[o],r[o]=s):n[o]=new je(e,a[o]);for(;o<c;++o)(s=t[o])&&(i[o]=s)}function Pe(e,t,n,r,i,a,o){var s,c,l=new Map,u=t.length,d=a.length,f=Array(u),p;for(s=0;s<u;++s)(c=t[s])&&(f[s]=p=o.call(c,c.__data__,s,t)+``,l.has(p)?i[s]=c:l.set(p,c));for(s=0;s<d;++s)p=o.call(e,a[s],s,a)+``,(c=l.get(p))?(r[s]=c,c.__data__=a[s],l.delete(p)):n[s]=new je(e,a[s]);for(s=0;s<u;++s)(c=t[s])&&l.get(f[s])===c&&(i[s]=c)}function Fe(e){return e.__data__}function Ie(e,t){if(!arguments.length)return Array.from(this,Fe);var n=t?Pe:Ne,r=this._parents,i=this._groups;typeof e!=`function`&&(e=Me(e));for(var a=i.length,o=Array(a),s=Array(a),c=Array(a),l=0;l<a;++l){var u=r[l],d=i[l],f=d.length,p=Le(e.call(u,u&&u.__data__,l,r)),m=p.length,h=s[l]=Array(m),g=o[l]=Array(m);n(u,d,h,g,c[l]=Array(f),p,t);for(var _=0,v=0,y,b;_<m;++_)if(y=h[_]){for(_>=v&&(v=_+1);!(b=g[v])&&++v<m;);y._next=b||null}}return o=new K(o,r),o._enter=s,o._exit=c,o}function Le(e){return typeof e==`object`&&`length`in e?e:Array.from(e)}function Re(){return new K(this._exit||this._groups.map(ke),this._parents)}function ze(e,t,n){var r=this.enter(),i=this,a=this.exit();return typeof e==`function`?(r=e(r),r&&=r.selection()):r=r.append(e+``),t!=null&&(i=t(i),i&&=i.selection()),n==null?a.remove():n(a),r&&i?r.merge(i).order():i}function Be(e){for(var t=e.selection?e.selection():e,n=this._groups,r=t._groups,i=n.length,a=r.length,o=Math.min(i,a),s=Array(i),c=0;c<o;++c)for(var l=n[c],u=r[c],d=l.length,f=s[c]=Array(d),p,m=0;m<d;++m)(p=l[m]||u[m])&&(f[m]=p);for(;c<i;++c)s[c]=n[c];return new K(s,this._parents)}function Ve(){for(var e=this._groups,t=-1,n=e.length;++t<n;)for(var r=e[t],i=r.length-1,a=r[i],o;--i>=0;)(o=r[i])&&(a&&o.compareDocumentPosition(a)^4&&a.parentNode.insertBefore(o,a),a=o);return this}function He(e){e||=Ue;function t(t,n){return t&&n?e(t.__data__,n.__data__):!t-!n}for(var n=this._groups,r=n.length,i=Array(r),a=0;a<r;++a){for(var o=n[a],s=o.length,c=i[a]=Array(s),l,u=0;u<s;++u)(l=o[u])&&(c[u]=l);c.sort(t)}return new K(i,this._parents).order()}function Ue(e,t){return e<t?-1:e>t?1:e>=t?0:NaN}function We(){var e=arguments[0];return arguments[0]=this,e.apply(null,arguments),this}function Ge(){return Array.from(this)}function Ke(){for(var e=this._groups,t=0,n=e.length;t<n;++t)for(var r=e[t],i=0,a=r.length;i<a;++i){var o=r[i];if(o)return o}return null}function qe(){let e=0;for(let t of this)++e;return e}function Je(){return!this.node()}function Ye(e){for(var t=this._groups,n=0,r=t.length;n<r;++n)for(var i=t[n],a=0,o=i.length,s;a<o;++a)(s=i[a])&&e.call(s,s.__data__,a,i);return this}function Xe(e){return function(){this.removeAttribute(e)}}function Ze(e){return function(){this.removeAttributeNS(e.space,e.local)}}function Qe(e,t){return function(){this.setAttribute(e,t)}}function $e(e,t){return function(){this.setAttributeNS(e.space,e.local,t)}}function et(e,t){return function(){var n=t.apply(this,arguments);n==null?this.removeAttribute(e):this.setAttribute(e,n)}}function tt(e,t){return function(){var n=t.apply(this,arguments);n==null?this.removeAttributeNS(e.space,e.local):this.setAttributeNS(e.space,e.local,n)}}function nt(e,t){var n=oe(e);if(arguments.length<2){var r=this.node();return n.local?r.getAttributeNS(n.space,n.local):r.getAttribute(n)}return this.each((t==null?n.local?Ze:Xe:typeof t==`function`?n.local?tt:et:n.local?$e:Qe)(n,t))}function rt(e){return e.ownerDocument&&e.ownerDocument.defaultView||e.document&&e||e.defaultView}function it(e){return function(){this.style.removeProperty(e)}}function at(e,t,n){return function(){this.style.setProperty(e,t,n)}}function ot(e,t,n){return function(){var r=t.apply(this,arguments);r==null?this.style.removeProperty(e):this.style.setProperty(e,r,n)}}function st(e,t,n){return arguments.length>1?this.each((t==null?it:typeof t==`function`?ot:at)(e,t,n??``)):ct(this.node(),e)}function ct(e,t){return e.style.getPropertyValue(t)||rt(e).getComputedStyle(e,null).getPropertyValue(t)}function lt(e){return function(){delete this[e]}}function ut(e,t){return function(){this[e]=t}}function dt(e,t){return function(){var n=t.apply(this,arguments);n==null?delete this[e]:this[e]=n}}function ft(e,t){return arguments.length>1?this.each((t==null?lt:typeof t==`function`?dt:ut)(e,t)):this.node()[e]}function pt(e){return e.trim().split(/^|\s+/)}function mt(e){return e.classList||new ht(e)}function ht(e){this._node=e,this._names=pt(e.getAttribute(`class`)||``)}ht.prototype={add:function(e){this._names.indexOf(e)<0&&(this._names.push(e),this._node.setAttribute(`class`,this._names.join(` `)))},remove:function(e){var t=this._names.indexOf(e);t>=0&&(this._names.splice(t,1),this._node.setAttribute(`class`,this._names.join(` `)))},contains:function(e){return this._names.indexOf(e)>=0}};function gt(e,t){for(var n=mt(e),r=-1,i=t.length;++r<i;)n.add(t[r])}function _t(e,t){for(var n=mt(e),r=-1,i=t.length;++r<i;)n.remove(t[r])}function vt(e){return function(){gt(this,e)}}function yt(e){return function(){_t(this,e)}}function bt(e,t){return function(){(t.apply(this,arguments)?gt:_t)(this,e)}}function xt(e,t){var n=pt(e+``);if(arguments.length<2){for(var r=mt(this.node()),i=-1,a=n.length;++i<a;)if(!r.contains(n[i]))return!1;return!0}return this.each((typeof t==`function`?bt:t?vt:yt)(n,t))}function St(){this.textContent=``}function Ct(e){return function(){this.textContent=e}}function wt(e){return function(){this.textContent=e.apply(this,arguments)??``}}function Tt(e){return arguments.length?this.each(e==null?St:(typeof e==`function`?wt:Ct)(e)):this.node().textContent}function Et(){this.innerHTML=``}function Dt(e){return function(){this.innerHTML=e}}function Ot(e){return function(){this.innerHTML=e.apply(this,arguments)??``}}function kt(e){return arguments.length?this.each(e==null?Et:(typeof e==`function`?Ot:Dt)(e)):this.node().innerHTML}function At(){this.nextSibling&&this.parentNode.appendChild(this)}function jt(){return this.each(At)}function Mt(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function Nt(){return this.each(Mt)}function Pt(e){var t=typeof e==`function`?e:le(e);return this.select(function(){return this.appendChild(t.apply(this,arguments))})}function Ft(){return null}function It(e,t){var n=typeof e==`function`?e:le(e),r=t==null?Ft:typeof t==`function`?t:de(t);return this.select(function(){return this.insertBefore(n.apply(this,arguments),r.apply(this,arguments)||null)})}function Lt(){var e=this.parentNode;e&&e.removeChild(this)}function Rt(){return this.each(Lt)}function zt(){var e=this.cloneNode(!1),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function Bt(){var e=this.cloneNode(!0),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function Vt(e){return this.select(e?Bt:zt)}function Ht(e){return arguments.length?this.property(`__data__`,e):this.node().__data__}function Ut(e){return function(t){e.call(this,t,this.__data__)}}function Wt(e){return e.trim().split(/^|\s+/).map(function(e){var t=``,n=e.indexOf(`.`);return n>=0&&(t=e.slice(n+1),e=e.slice(0,n)),{type:e,name:t}})}function Gt(e){return function(){var t=this.__on;if(t){for(var n=0,r=-1,i=t.length,a;n<i;++n)a=t[n],(!e.type||a.type===e.type)&&a.name===e.name?this.removeEventListener(a.type,a.listener,a.options):t[++r]=a;++r?t.length=r:delete this.__on}}}function Kt(e,t,n){return function(){var r=this.__on,i,a=Ut(t);if(r){for(var o=0,s=r.length;o<s;++o)if((i=r[o]).type===e.type&&i.name===e.name){this.removeEventListener(i.type,i.listener,i.options),this.addEventListener(i.type,i.listener=a,i.options=n),i.value=t;return}}this.addEventListener(e.type,a,n),i={type:e.type,name:e.name,value:t,listener:a,options:n},r?r.push(i):this.__on=[i]}}function qt(e,t,n){var r=Wt(e+``),i,a=r.length,o;if(arguments.length<2){var s=this.node().__on;if(s){for(var c=0,l=s.length,u;c<l;++c)for(i=0,u=s[c];i<a;++i)if((o=r[i]).type===u.type&&o.name===u.name)return u.value}return}for(s=t?Kt:Gt,i=0;i<a;++i)this.each(s(r[i],t,n));return this}function Jt(e,t,n){var r=rt(e),i=r.CustomEvent;typeof i==`function`?i=new i(t,n):(i=r.document.createEvent(`Event`),n?(i.initEvent(t,n.bubbles,n.cancelable),i.detail=n.detail):i.initEvent(t,!1,!1)),e.dispatchEvent(i)}function Yt(e,t){return function(){return Jt(this,e,t)}}function Xt(e,t){return function(){return Jt(this,e,t.apply(this,arguments))}}function Zt(e,t){return this.each((typeof t==`function`?Xt:Yt)(e,t))}function*Qt(){for(var e=this._groups,t=0,n=e.length;t<n;++t)for(var r=e[t],i=0,a=r.length,o;i<a;++i)(o=r[i])&&(yield o)}var $t=[null];function K(e,t){this._groups=e,this._parents=t}function en(){return new K([[document.documentElement]],$t)}function tn(){return this}K.prototype=en.prototype={constructor:K,select:fe,selectAll:_e,selectChild:Ce,selectChildren:De,filter:Oe,data:Ie,enter:Ae,exit:Re,join:ze,merge:Be,selection:tn,order:Ve,sort:He,call:We,nodes:Ge,node:Ke,size:qe,empty:Je,each:Ye,attr:nt,style:st,property:ft,classed:xt,text:Tt,html:kt,raise:jt,lower:Nt,append:Pt,insert:It,remove:Rt,clone:Vt,datum:Ht,on:qt,dispatch:Zt,[Symbol.iterator]:Qt};function q(e){return typeof e==`string`?new K([[document.querySelector(e)]],[document.documentElement]):new K([[e]],$t)}function nn(e){let t;for(;t=e.sourceEvent;)e=t;return e}function J(e,t){if(e=nn(e),t===void 0&&(t=e.currentTarget),t){var n=t.ownerSVGElement||t;if(n.createSVGPoint){var r=n.createSVGPoint();return r.x=e.clientX,r.y=e.clientY,r=r.matrixTransform(t.getScreenCTM().inverse()),[r.x,r.y]}if(t.getBoundingClientRect){var i=t.getBoundingClientRect();return[e.clientX-i.left-t.clientLeft,e.clientY-i.top-t.clientTop]}}return[e.pageX,e.pageY]}var rn={passive:!1},an={capture:!0,passive:!1};function on(e){e.stopImmediatePropagation()}function sn(e){e.preventDefault(),e.stopImmediatePropagation()}function cn(e){var t=e.document.documentElement,n=q(e).on(`dragstart.drag`,sn,an);`onselectstart`in t?n.on(`selectstart.drag`,sn,an):(t.__noselect=t.style.MozUserSelect,t.style.MozUserSelect=`none`)}function ln(e,t){var n=e.document.documentElement,r=q(e).on(`dragstart.drag`,null);t&&(r.on(`click.drag`,sn,an),setTimeout(function(){r.on(`click.drag`,null)},0)),`onselectstart`in n?r.on(`selectstart.drag`,null):(n.style.MozUserSelect=n.__noselect,delete n.__noselect)}var un=e=>()=>e;function dn(e,{sourceEvent:t,subject:n,target:r,identifier:i,active:a,x:o,y:s,dx:c,dy:l,dispatch:u}){Object.defineProperties(this,{type:{value:e,enumerable:!0,configurable:!0},sourceEvent:{value:t,enumerable:!0,configurable:!0},subject:{value:n,enumerable:!0,configurable:!0},target:{value:r,enumerable:!0,configurable:!0},identifier:{value:i,enumerable:!0,configurable:!0},active:{value:a,enumerable:!0,configurable:!0},x:{value:o,enumerable:!0,configurable:!0},y:{value:s,enumerable:!0,configurable:!0},dx:{value:c,enumerable:!0,configurable:!0},dy:{value:l,enumerable:!0,configurable:!0},_:{value:u}})}dn.prototype.on=function(){var e=this._.on.apply(this._,arguments);return e===this._?this:e};function fn(e){return!e.ctrlKey&&!e.button}function pn(){return this.parentNode}function mn(e,t){return t??{x:e.x,y:e.y}}function hn(){return navigator.maxTouchPoints||`ontouchstart`in this}function gn(){var e=fn,t=pn,n=mn,r=hn,i={},a=ee(`start`,`drag`,`end`),o=0,s,c,l,u,d=0;function f(e){e.on(`mousedown.drag`,p).filter(r).on(`touchstart.drag`,g).on(`touchmove.drag`,_,rn).on(`touchend.drag touchcancel.drag`,v).style(`touch-action`,`none`).style(`-webkit-tap-highlight-color`,`rgba(0,0,0,0)`)}function p(n,r){if(!(u||!e.call(this,n,r))){var i=y(this,t.call(this,n,r),n,r,`mouse`);i&&(q(n.view).on(`mousemove.drag`,m,an).on(`mouseup.drag`,h,an),cn(n.view),on(n),l=!1,s=n.clientX,c=n.clientY,i(`start`,n))}}function m(e){if(sn(e),!l){var t=e.clientX-s,n=e.clientY-c;l=t*t+n*n>d}i.mouse(`drag`,e)}function h(e){q(e.view).on(`mousemove.drag mouseup.drag`,null),ln(e.view,l),sn(e),i.mouse(`end`,e)}function g(n,r){if(e.call(this,n,r)){var i=n.changedTouches,a=t.call(this,n,r),o=i.length,s,c;for(s=0;s<o;++s)(c=y(this,a,n,r,i[s].identifier,i[s]))&&(on(n),c(`start`,n,i[s]))}}function _(e){var t=e.changedTouches,n=t.length,r,a;for(r=0;r<n;++r)(a=i[t[r].identifier])&&(sn(e),a(`drag`,e,t[r]))}function v(e){var t=e.changedTouches,n=t.length,r,a;for(u&&clearTimeout(u),u=setTimeout(function(){u=null},500),r=0;r<n;++r)(a=i[t[r].identifier])&&(on(e),a(`end`,e,t[r]))}function y(e,t,r,s,c,l){var u=a.copy(),d=J(l||r,t),p,m,h;if((h=n.call(e,new dn(`beforestart`,{sourceEvent:r,target:f,identifier:c,active:o,x:d[0],y:d[1],dx:0,dy:0,dispatch:u}),s))!=null)return p=h.x-d[0]||0,m=h.y-d[1]||0,function n(r,a,l){var g=d,_;switch(r){case`start`:i[c]=n,_=o++;break;case`end`:delete i[c],--o;case`drag`:d=J(l||a,t),_=o;break}u.call(r,e,new dn(r,{sourceEvent:a,subject:h,target:f,identifier:c,active:_,x:d[0]+p,y:d[1]+m,dx:d[0]-g[0],dy:d[1]-g[1],dispatch:u}),s)}}return f.filter=function(t){return arguments.length?(e=typeof t==`function`?t:un(!!t),f):e},f.container=function(e){return arguments.length?(t=typeof e==`function`?e:un(e),f):t},f.subject=function(e){return arguments.length?(n=typeof e==`function`?e:un(e),f):n},f.touchable=function(e){return arguments.length?(r=typeof e==`function`?e:un(!!e),f):r},f.on=function(){var e=a.on.apply(a,arguments);return e===a?f:e},f.clickDistance=function(e){return arguments.length?(d=(e=+e)*e,f):Math.sqrt(d)},f}var _n=0,vn=0,yn=0,bn=1e3,xn,Sn,Cn=0,wn=0,Tn=0,En=typeof performance==`object`&&performance.now?performance:Date,Dn=typeof window==`object`&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(e){setTimeout(e,17)};function On(){return wn||=(Dn(kn),En.now()+Tn)}function kn(){wn=0}function An(){this._call=this._time=this._next=null}An.prototype=jn.prototype={constructor:An,restart:function(e,t,n){if(typeof e!=`function`)throw TypeError(`callback is not a function`);n=(n==null?On():+n)+(t==null?0:+t),!this._next&&Sn!==this&&(Sn?Sn._next=this:xn=this,Sn=this),this._call=e,this._time=n,In()},stop:function(){this._call&&(this._call=null,this._time=1/0,In())}};function jn(e,t,n){var r=new An;return r.restart(e,t,n),r}function Mn(){On(),++_n;for(var e=xn,t;e;)(t=wn-e._time)>=0&&e._call.call(void 0,t),e=e._next;--_n}function Nn(){wn=(Cn=En.now())+Tn,_n=vn=0;try{Mn()}finally{_n=0,Fn(),wn=0}}function Pn(){var e=En.now(),t=e-Cn;t>bn&&(Tn-=t,Cn=e)}function Fn(){for(var e,t=xn,n,r=1/0;t;)t._call?(r>t._time&&(r=t._time),e=t,t=t._next):(n=t._next,t._next=null,t=e?e._next=n:xn=n);Sn=e,In(r)}function In(e){_n||(vn&&=clearTimeout(vn),e-wn>24?(e<1/0&&(vn=setTimeout(Nn,e-En.now()-Tn)),yn&&=clearInterval(yn)):(yn||=(Cn=En.now(),setInterval(Pn,bn)),_n=1,Dn(Nn)))}function Ln(e,t,n){var r=new An;return t=t==null?0:+t,r.restart(n=>{r.stop(),e(n+t)},t,n),r}var Rn=ee(`start`,`end`,`cancel`,`interrupt`),zn=[];function Bn(e,t,n,r,i,a){var o=e.__transition;if(!o)e.__transition={};else if(n in o)return;Wn(e,n,{name:t,index:r,group:i,on:Rn,tween:zn,time:a.time,delay:a.delay,duration:a.duration,ease:a.ease,timer:null,state:0})}function Vn(e,t){var n=Un(e,t);if(n.state>0)throw Error(`too late; already scheduled`);return n}function Hn(e,t){var n=Un(e,t);if(n.state>3)throw Error(`too late; already running`);return n}function Un(e,t){var n=e.__transition;if(!n||!(n=n[t]))throw Error(`transition not found`);return n}function Wn(e,t,n){var r=e.__transition,i;r[t]=n,n.timer=jn(a,0,n.time);function a(e){n.state=1,n.timer.restart(o,n.delay,n.time),n.delay<=e&&o(e-n.delay)}function o(a){var l,u,d,f;if(n.state!==1)return c();for(l in r)if(f=r[l],f.name===n.name){if(f.state===3)return Ln(o);f.state===4?(f.state=6,f.timer.stop(),f.on.call(`interrupt`,e,e.__data__,f.index,f.group),delete r[l]):+l<t&&(f.state=6,f.timer.stop(),f.on.call(`cancel`,e,e.__data__,f.index,f.group),delete r[l])}if(Ln(function(){n.state===3&&(n.state=4,n.timer.restart(s,n.delay,n.time),s(a))}),n.state=2,n.on.call(`start`,e,e.__data__,n.index,n.group),n.state===2){for(n.state=3,i=Array(d=n.tween.length),l=0,u=-1;l<d;++l)(f=n.tween[l].value.call(e,e.__data__,n.index,n.group))&&(i[++u]=f);i.length=u+1}}function s(t){for(var r=t<n.duration?n.ease.call(null,t/n.duration):(n.timer.restart(c),n.state=5,1),a=-1,o=i.length;++a<o;)i[a].call(e,r);n.state===5&&(n.on.call(`end`,e,e.__data__,n.index,n.group),c())}function c(){for(var i in n.state=6,n.timer.stop(),delete r[t],r)return;delete e.__transition}}function Gn(e,t){var n=e.__transition,r,i,a=!0,o;if(n){for(o in t=t==null?null:t+``,n){if((r=n[o]).name!==t){a=!1;continue}i=r.state>2&&r.state<5,r.state=6,r.timer.stop(),r.on.call(i?`interrupt`:`cancel`,e,e.__data__,r.index,r.group),delete n[o]}a&&delete e.__transition}}function Kn(e){return this.each(function(){Gn(this,e)})}function qn(e,t){var n,r;return function(){var i=Hn(this,e),a=i.tween;if(a!==n){r=n=a;for(var o=0,s=r.length;o<s;++o)if(r[o].name===t){r=r.slice(),r.splice(o,1);break}}i.tween=r}}function Jn(e,t,n){var r,i;if(typeof n!=`function`)throw Error();return function(){var a=Hn(this,e),o=a.tween;if(o!==r){i=(r=o).slice();for(var s={name:t,value:n},c=0,l=i.length;c<l;++c)if(i[c].name===t){i[c]=s;break}c===l&&i.push(s)}a.tween=i}}function Yn(e,t){var n=this._id;if(e+=``,arguments.length<2){for(var r=Un(this.node(),n).tween,i=0,a=r.length,o;i<a;++i)if((o=r[i]).name===e)return o.value;return null}return this.each((t==null?qn:Jn)(n,e,t))}function Xn(e,t,n){var r=e._id;return e.each(function(){var e=Hn(this,r);(e.value||={})[t]=n.apply(this,arguments)}),function(e){return Un(e,r).value[t]}}function Zn(e,t){var n;return(typeof t==`number`?o:t instanceof c?i:(n=c(t))?(t=n,i):l)(e,t)}function Qn(e){return function(){this.removeAttribute(e)}}function $n(e){return function(){this.removeAttributeNS(e.space,e.local)}}function er(e,t,n){var r,i=n+``,a;return function(){var o=this.getAttribute(e);return o===i?null:o===r?a:a=t(r=o,n)}}function tr(e,t,n){var r,i=n+``,a;return function(){var o=this.getAttributeNS(e.space,e.local);return o===i?null:o===r?a:a=t(r=o,n)}}function nr(e,t,n){var r,i,a;return function(){var o,s=n(this),c;return s==null?void this.removeAttribute(e):(o=this.getAttribute(e),c=s+``,o===c?null:o===r&&c===i?a:(i=c,a=t(r=o,s)))}}function rr(e,t,n){var r,i,a;return function(){var o,s=n(this),c;return s==null?void this.removeAttributeNS(e.space,e.local):(o=this.getAttributeNS(e.space,e.local),c=s+``,o===c?null:o===r&&c===i?a:(i=c,a=t(r=o,s)))}}function ir(e,t){var n=oe(e),r=n===`transform`?b:Zn;return this.attrTween(e,typeof t==`function`?(n.local?rr:nr)(n,r,Xn(this,`attr.`+e,t)):t==null?(n.local?$n:Qn)(n):(n.local?tr:er)(n,r,t))}function ar(e,t){return function(n){this.setAttribute(e,t.call(this,n))}}function or(e,t){return function(n){this.setAttributeNS(e.space,e.local,t.call(this,n))}}function sr(e,t){var n,r;function i(){var i=t.apply(this,arguments);return i!==r&&(n=(r=i)&&or(e,i)),n}return i._value=t,i}function cr(e,t){var n,r;function i(){var i=t.apply(this,arguments);return i!==r&&(n=(r=i)&&ar(e,i)),n}return i._value=t,i}function lr(e,t){var n=`attr.`+e;if(arguments.length<2)return(n=this.tween(n))&&n._value;if(t==null)return this.tween(n,null);if(typeof t!=`function`)throw Error();var r=oe(e);return this.tween(n,(r.local?sr:cr)(r,t))}function ur(e,t){return function(){Vn(this,e).delay=+t.apply(this,arguments)}}function dr(e,t){return t=+t,function(){Vn(this,e).delay=t}}function fr(e){var t=this._id;return arguments.length?this.each((typeof e==`function`?ur:dr)(t,e)):Un(this.node(),t).delay}function pr(e,t){return function(){Hn(this,e).duration=+t.apply(this,arguments)}}function mr(e,t){return t=+t,function(){Hn(this,e).duration=t}}function hr(e){var t=this._id;return arguments.length?this.each((typeof e==`function`?pr:mr)(t,e)):Un(this.node(),t).duration}function gr(e,t){if(typeof t!=`function`)throw Error();return function(){Hn(this,e).ease=t}}function _r(e){var t=this._id;return arguments.length?this.each(gr(t,e)):Un(this.node(),t).ease}function vr(e,t){return function(){var n=t.apply(this,arguments);if(typeof n!=`function`)throw Error();Hn(this,e).ease=n}}function yr(e){if(typeof e!=`function`)throw Error();return this.each(vr(this._id,e))}function br(e){typeof e!=`function`&&(e=ve(e));for(var t=this._groups,n=t.length,r=Array(n),i=0;i<n;++i)for(var a=t[i],o=a.length,s=r[i]=[],c,l=0;l<o;++l)(c=a[l])&&e.call(c,c.__data__,l,a)&&s.push(c);return new Yr(r,this._parents,this._name,this._id)}function xr(e){if(e._id!==this._id)throw Error();for(var t=this._groups,n=e._groups,r=t.length,i=n.length,a=Math.min(r,i),o=Array(r),s=0;s<a;++s)for(var c=t[s],l=n[s],u=c.length,d=o[s]=Array(u),f,p=0;p<u;++p)(f=c[p]||l[p])&&(d[p]=f);for(;s<r;++s)o[s]=t[s];return new Yr(o,this._parents,this._name,this._id)}function Sr(e){return(e+``).trim().split(/^|\s+/).every(function(e){var t=e.indexOf(`.`);return t>=0&&(e=e.slice(0,t)),!e||e===`start`})}function Cr(e,t,n){var r,i,a=Sr(t)?Vn:Hn;return function(){var o=a(this,e),s=o.on;s!==r&&(i=(r=s).copy()).on(t,n),o.on=i}}function wr(e,t){var n=this._id;return arguments.length<2?Un(this.node(),n).on.on(e):this.each(Cr(n,e,t))}function Tr(e){return function(){var t=this.parentNode;for(var n in this.__transition)if(+n!==e)return;t&&t.removeChild(this)}}function Er(){return this.on(`end.remove`,Tr(this._id))}function Dr(e){var t=this._name,n=this._id;typeof e!=`function`&&(e=de(e));for(var r=this._groups,i=r.length,a=Array(i),o=0;o<i;++o)for(var s=r[o],c=s.length,l=a[o]=Array(c),u,d,f=0;f<c;++f)(u=s[f])&&(d=e.call(u,u.__data__,f,s))&&(`__data__`in u&&(d.__data__=u.__data__),l[f]=d,Bn(l[f],t,n,f,l,Un(u,n)));return new Yr(a,this._parents,t,n)}function Or(e){var t=this._name,n=this._id;typeof e!=`function`&&(e=he(e));for(var r=this._groups,i=r.length,a=[],o=[],s=0;s<i;++s)for(var c=r[s],l=c.length,u,d=0;d<l;++d)if(u=c[d]){for(var f=e.call(u,u.__data__,d,c),p,m=Un(u,n),h=0,g=f.length;h<g;++h)(p=f[h])&&Bn(p,t,n,h,f,m);a.push(f),o.push(u)}return new Yr(a,o,t,n)}var kr=en.prototype.constructor;function Ar(){return new kr(this._groups,this._parents)}function jr(e,t){var n,r,i;return function(){var a=ct(this,e),o=(this.style.removeProperty(e),ct(this,e));return a===o?null:a===n&&o===r?i:i=t(n=a,r=o)}}function Mr(e){return function(){this.style.removeProperty(e)}}function Nr(e,t,n){var r,i=n+``,a;return function(){var o=ct(this,e);return o===i?null:o===r?a:a=t(r=o,n)}}function Pr(e,t,n){var r,i,a;return function(){var o=ct(this,e),s=n(this),c=s+``;return s??(c=s=(this.style.removeProperty(e),ct(this,e))),o===c?null:o===r&&c===i?a:(i=c,a=t(r=o,s))}}function Fr(e,t){var n,r,i,a=`style.`+t,o=`end.`+a,s;return function(){var c=Hn(this,e),l=c.on,u=c.value[a]==null?s||=Mr(t):void 0;(l!==n||i!==u)&&(r=(n=l).copy()).on(o,i=u),c.on=r}}function Ir(e,t,n){var r=(e+=``)==`transform`?y:Zn;return t==null?this.styleTween(e,jr(e,r)).on(`end.style.`+e,Mr(e)):typeof t==`function`?this.styleTween(e,Pr(e,r,Xn(this,`style.`+e,t))).each(Fr(this._id,e)):this.styleTween(e,Nr(e,r,t),n).on(`end.style.`+e,null)}function Lr(e,t,n){return function(r){this.style.setProperty(e,t.call(this,r),n)}}function Rr(e,t,n){var r,i;function a(){var a=t.apply(this,arguments);return a!==i&&(r=(i=a)&&Lr(e,a,n)),r}return a._value=t,a}function zr(e,t,n){var r=`style.`+(e+=``);if(arguments.length<2)return(r=this.tween(r))&&r._value;if(t==null)return this.tween(r,null);if(typeof t!=`function`)throw Error();return this.tween(r,Rr(e,t,n??``))}function Br(e){return function(){this.textContent=e}}function Vr(e){return function(){this.textContent=e(this)??``}}function Hr(e){return this.tween(`text`,typeof e==`function`?Vr(Xn(this,`text`,e)):Br(e==null?``:e+``))}function Ur(e){return function(t){this.textContent=e.call(this,t)}}function Wr(e){var t,n;function r(){var r=e.apply(this,arguments);return r!==n&&(t=(n=r)&&Ur(r)),t}return r._value=e,r}function Gr(e){var t=`text`;if(arguments.length<1)return(t=this.tween(t))&&t._value;if(e==null)return this.tween(t,null);if(typeof e!=`function`)throw Error();return this.tween(t,Wr(e))}function Kr(){for(var e=this._name,t=this._id,n=Zr(),r=this._groups,i=r.length,a=0;a<i;++a)for(var o=r[a],s=o.length,c,l=0;l<s;++l)if(c=o[l]){var u=Un(c,t);Bn(c,e,n,l,o,{time:u.time+u.delay+u.duration,delay:0,duration:u.duration,ease:u.ease})}return new Yr(r,this._parents,e,n)}function qr(){var e,t,n=this,r=n._id,i=n.size();return new Promise(function(a,o){var s={value:o},c={value:function(){--i===0&&a()}};n.each(function(){var n=Hn(this,r),i=n.on;i!==e&&(t=(e=i).copy(),t._.cancel.push(s),t._.interrupt.push(s),t._.end.push(c)),n.on=t}),i===0&&a()})}var Jr=0;function Yr(e,t,n,r){this._groups=e,this._parents=t,this._name=n,this._id=r}function Xr(e){return en().transition(e)}function Zr(){return++Jr}var Qr=en.prototype;Yr.prototype=Xr.prototype={constructor:Yr,select:Dr,selectAll:Or,selectChild:Qr.selectChild,selectChildren:Qr.selectChildren,filter:br,merge:xr,selection:Ar,transition:Kr,call:Qr.call,nodes:Qr.nodes,node:Qr.node,size:Qr.size,empty:Qr.empty,each:Qr.each,on:wr,attr:ir,attrTween:lr,style:Ir,styleTween:zr,text:Hr,textTween:Gr,remove:Er,tween:Yn,delay:fr,duration:hr,ease:_r,easeVarying:yr,end:qr,[Symbol.iterator]:Qr[Symbol.iterator]};function $r(e){return((e*=2)<=1?e*e*e:(e-=2)*e*e+2)/2}var ei={time:null,delay:0,duration:250,ease:$r};function ti(e,t){for(var n;!(n=e.__transition)||!(n=n[t]);)if(!(e=e.parentNode))throw Error(`transition ${t} not found`);return n}function ni(e){var t,n;e instanceof Yr?(t=e._id,e=e._name):(t=Zr(),(n=ei).time=On(),e=e==null?null:e+``);for(var r=this._groups,i=r.length,a=0;a<i;++a)for(var o=r[a],s=o.length,c,l=0;l<s;++l)(c=o[l])&&Bn(c,e,t,l,o,n||ti(c,t));return new Yr(r,this._parents,e,t)}en.prototype.interrupt=Kn,en.prototype.transition=ni;var ri=e=>()=>e;function ii(e,{sourceEvent:t,target:n,transform:r,dispatch:i}){Object.defineProperties(this,{type:{value:e,enumerable:!0,configurable:!0},sourceEvent:{value:t,enumerable:!0,configurable:!0},target:{value:n,enumerable:!0,configurable:!0},transform:{value:r,enumerable:!0,configurable:!0},_:{value:i}})}function ai(e,t,n){this.k=e,this.x=t,this.y=n}ai.prototype={constructor:ai,scale:function(e){return e===1?this:new ai(this.k*e,this.x,this.y)},translate:function(e,t){return e===0&t===0?this:new ai(this.k,this.x+this.k*e,this.y+this.k*t)},apply:function(e){return[e[0]*this.k+this.x,e[1]*this.k+this.y]},applyX:function(e){return e*this.k+this.x},applyY:function(e){return e*this.k+this.y},invert:function(e){return[(e[0]-this.x)/this.k,(e[1]-this.y)/this.k]},invertX:function(e){return(e-this.x)/this.k},invertY:function(e){return(e-this.y)/this.k},rescaleX:function(e){return e.copy().domain(e.range().map(this.invertX,this).map(e.invert,e))},rescaleY:function(e){return e.copy().domain(e.range().map(this.invertY,this).map(e.invert,e))},toString:function(){return`translate(`+this.x+`,`+this.y+`) scale(`+this.k+`)`}};var oi=new ai(1,0,0);si.prototype=ai.prototype;function si(e){for(;!e.__zoom;)if(!(e=e.parentNode))return oi;return e.__zoom}function ci(e){e.stopImmediatePropagation()}function li(e){e.preventDefault(),e.stopImmediatePropagation()}function ui(e){return(!e.ctrlKey||e.type===`wheel`)&&!e.button}function di(){var e=this;return e instanceof SVGElement?(e=e.ownerSVGElement||e,e.hasAttribute(`viewBox`)?(e=e.viewBox.baseVal,[[e.x,e.y],[e.x+e.width,e.y+e.height]]):[[0,0],[e.width.baseVal.value,e.height.baseVal.value]]):[[0,0],[e.clientWidth,e.clientHeight]]}function fi(){return this.__zoom||oi}function pi(e){return-e.deltaY*(e.deltaMode===1?.05:e.deltaMode?1:.002)*(e.ctrlKey?10:1)}function mi(){return navigator.maxTouchPoints||`ontouchstart`in this}function hi(e,t,n){var r=e.invertX(t[0][0])-n[0][0],i=e.invertX(t[1][0])-n[1][0],a=e.invertY(t[0][1])-n[0][1],o=e.invertY(t[1][1])-n[1][1];return e.translate(i>r?(r+i)/2:Math.min(0,r)||Math.max(0,i),o>a?(a+o)/2:Math.min(0,a)||Math.max(0,o))}function gi(){var e=ui,t=di,n=hi,r=pi,i=mi,a=[0,1/0],o=[[-1/0,-1/0],[1/0,1/0]],s=250,c=T,l=ee(`start`,`zoom`,`end`),u,d,f,p=500,m=150,h=0,g=10;function _(e){e.property(`__zoom`,fi).on(`wheel.zoom`,w,{passive:!1}).on(`mousedown.zoom`,E).on(`dblclick.zoom`,D).filter(i).on(`touchstart.zoom`,O).on(`touchmove.zoom`,k).on(`touchend.zoom touchcancel.zoom`,A).style(`-webkit-tap-highlight-color`,`rgba(0,0,0,0)`)}_.transform=function(e,t,n,r){var i=e.selection?e.selection():e;i.property(`__zoom`,fi),e===i?i.interrupt().each(function(){S(this,arguments).event(r).start().zoom(null,typeof t==`function`?t.apply(this,arguments):t).end()}):x(e,t,n,r)},_.scaleBy=function(e,t,n,r){_.scaleTo(e,function(){return this.__zoom.k*(typeof t==`function`?t.apply(this,arguments):t)},n,r)},_.scaleTo=function(e,r,i,a){_.transform(e,function(){var e=t.apply(this,arguments),a=this.__zoom,s=i==null?b(e):typeof i==`function`?i.apply(this,arguments):i,c=a.invert(s),l=typeof r==`function`?r.apply(this,arguments):r;return n(y(v(a,l),s,c),e,o)},i,a)},_.translateBy=function(e,r,i,a){_.transform(e,function(){return n(this.__zoom.translate(typeof r==`function`?r.apply(this,arguments):r,typeof i==`function`?i.apply(this,arguments):i),t.apply(this,arguments),o)},null,a)},_.translateTo=function(e,r,i,a,s){_.transform(e,function(){var e=t.apply(this,arguments),s=this.__zoom,c=a==null?b(e):typeof a==`function`?a.apply(this,arguments):a;return n(oi.translate(c[0],c[1]).scale(s.k).translate(typeof r==`function`?-r.apply(this,arguments):-r,typeof i==`function`?-i.apply(this,arguments):-i),e,o)},a,s)};function v(e,t){return t=Math.max(a[0],Math.min(a[1],t)),t===e.k?e:new ai(t,e.x,e.y)}function y(e,t,n){var r=t[0]-n[0]*e.k,i=t[1]-n[1]*e.k;return r===e.x&&i===e.y?e:new ai(e.k,r,i)}function b(e){return[(+e[0][0]+ +e[1][0])/2,(+e[0][1]+ +e[1][1])/2]}function x(e,n,r,i){e.on(`start.zoom`,function(){S(this,arguments).event(i).start()}).on(`interrupt.zoom end.zoom`,function(){S(this,arguments).event(i).end()}).tween(`zoom`,function(){var e=this,a=arguments,o=S(e,a).event(i),s=t.apply(e,a),l=r==null?b(s):typeof r==`function`?r.apply(e,a):r,u=Math.max(s[1][0]-s[0][0],s[1][1]-s[0][1]),d=e.__zoom,f=typeof n==`function`?n.apply(e,a):n,p=c(d.invert(l).concat(u/d.k),f.invert(l).concat(u/f.k));return function(e){if(e===1)e=f;else{var t=p(e),n=u/t[2];e=new ai(n,l[0]-t[0]*n,l[1]-t[1]*n)}o.zoom(null,e)}})}function S(e,t,n){return!n&&e.__zooming||new C(e,t)}function C(e,n){this.that=e,this.args=n,this.active=0,this.sourceEvent=null,this.extent=t.apply(e,n),this.taps=0}C.prototype={event:function(e){return e&&(this.sourceEvent=e),this},start:function(){return++this.active===1&&(this.that.__zooming=this,this.emit(`start`)),this},zoom:function(e,t){return this.mouse&&e!==`mouse`&&(this.mouse[1]=t.invert(this.mouse[0])),this.touch0&&e!==`touch`&&(this.touch0[1]=t.invert(this.touch0[0])),this.touch1&&e!==`touch`&&(this.touch1[1]=t.invert(this.touch1[0])),this.that.__zoom=t,this.emit(`zoom`),this},end:function(){return--this.active===0&&(delete this.that.__zooming,this.emit(`end`)),this},emit:function(e){var t=q(this.that).datum();l.call(e,this.that,new ii(e,{sourceEvent:this.sourceEvent,target:_,type:e,transform:this.that.__zoom,dispatch:l}),t)}};function w(t,...i){if(!e.apply(this,arguments))return;var s=S(this,i).event(t),c=this.__zoom,l=Math.max(a[0],Math.min(a[1],c.k*2**r.apply(this,arguments))),u=J(t);if(s.wheel)(s.mouse[0][0]!==u[0]||s.mouse[0][1]!==u[1])&&(s.mouse[1]=c.invert(s.mouse[0]=u)),clearTimeout(s.wheel);else if(c.k===l)return;else s.mouse=[u,c.invert(u)],Gn(this),s.start();li(t),s.wheel=setTimeout(d,m),s.zoom(`mouse`,n(y(v(c,l),s.mouse[0],s.mouse[1]),s.extent,o));function d(){s.wheel=null,s.end()}}function E(t,...r){if(f||!e.apply(this,arguments))return;var i=t.currentTarget,a=S(this,r,!0).event(t),s=q(t.view).on(`mousemove.zoom`,d,!0).on(`mouseup.zoom`,p,!0),c=J(t,i),l=t.clientX,u=t.clientY;cn(t.view),ci(t),a.mouse=[c,this.__zoom.invert(c)],Gn(this),a.start();function d(e){if(li(e),!a.moved){var t=e.clientX-l,r=e.clientY-u;a.moved=t*t+r*r>h}a.event(e).zoom(`mouse`,n(y(a.that.__zoom,a.mouse[0]=J(e,i),a.mouse[1]),a.extent,o))}function p(e){s.on(`mousemove.zoom mouseup.zoom`,null),ln(e.view,a.moved),li(e),a.event(e).end()}}function D(r,...i){if(e.apply(this,arguments)){var a=this.__zoom,c=J(r.changedTouches?r.changedTouches[0]:r,this),l=a.invert(c),u=a.k*(r.shiftKey?.5:2),d=n(y(v(a,u),c,l),t.apply(this,i),o);li(r),s>0?q(this).transition().duration(s).call(x,d,c,r):q(this).call(_.transform,d,c,r)}}function O(t,...n){if(e.apply(this,arguments)){var r=t.touches,i=r.length,a=S(this,n,t.changedTouches.length===i).event(t),o,s,c,l;for(ci(t),s=0;s<i;++s)c=r[s],l=J(c,this),l=[l,this.__zoom.invert(l),c.identifier],a.touch0?!a.touch1&&a.touch0[2]!==l[2]&&(a.touch1=l,a.taps=0):(a.touch0=l,o=!0,a.taps=1+!!u);u&&=clearTimeout(u),o&&(a.taps<2&&(d=l[0],u=setTimeout(function(){u=null},p)),Gn(this),a.start())}}function k(e,...t){if(this.__zooming){var r=S(this,t).event(e),i=e.changedTouches,a=i.length,s,c,l,u;for(li(e),s=0;s<a;++s)c=i[s],l=J(c,this),r.touch0&&r.touch0[2]===c.identifier?r.touch0[0]=l:r.touch1&&r.touch1[2]===c.identifier&&(r.touch1[0]=l);if(c=r.that.__zoom,r.touch1){var d=r.touch0[0],f=r.touch0[1],p=r.touch1[0],m=r.touch1[1],h=(h=p[0]-d[0])*h+(h=p[1]-d[1])*h,g=(g=m[0]-f[0])*g+(g=m[1]-f[1])*g;c=v(c,Math.sqrt(h/g)),l=[(d[0]+p[0])/2,(d[1]+p[1])/2],u=[(f[0]+m[0])/2,(f[1]+m[1])/2]}else if(r.touch0)l=r.touch0[0],u=r.touch0[1];else return;r.zoom(`touch`,n(y(c,l,u),r.extent,o))}}function A(e,...t){if(this.__zooming){var n=S(this,t).event(e),r=e.changedTouches,i=r.length,a,o;for(ci(e),f&&clearTimeout(f),f=setTimeout(function(){f=null},p),a=0;a<i;++a)o=r[a],n.touch0&&n.touch0[2]===o.identifier?delete n.touch0:n.touch1&&n.touch1[2]===o.identifier&&delete n.touch1;if(n.touch1&&!n.touch0&&(n.touch0=n.touch1,delete n.touch1),n.touch0)n.touch0[1]=this.__zoom.invert(n.touch0[0]);else if(n.end(),n.taps===2&&(o=J(o,this),Math.hypot(d[0]-o[0],d[1]-o[1])<g)){var s=q(this).on(`dblclick.zoom`);s&&s.apply(this,arguments)}}}return _.wheelDelta=function(e){return arguments.length?(r=typeof e==`function`?e:ri(+e),_):r},_.filter=function(t){return arguments.length?(e=typeof t==`function`?t:ri(!!t),_):e},_.touchable=function(e){return arguments.length?(i=typeof e==`function`?e:ri(!!e),_):i},_.extent=function(e){return arguments.length?(t=typeof e==`function`?e:ri([[+e[0][0],+e[0][1]],[+e[1][0],+e[1][1]]]),_):t},_.scaleExtent=function(e){return arguments.length?(a[0]=+e[0],a[1]=+e[1],_):[a[0],a[1]]},_.translateExtent=function(e){return arguments.length?(o[0][0]=+e[0][0],o[1][0]=+e[1][0],o[0][1]=+e[0][1],o[1][1]=+e[1][1],_):[[o[0][0],o[0][1]],[o[1][0],o[1][1]]]},_.constrain=function(e){return arguments.length?(n=e,_):n},_.duration=function(e){return arguments.length?(s=+e,_):s},_.interpolate=function(e){return arguments.length?(c=e,_):c},_.on=function(){var e=l.on.apply(l,arguments);return e===l?_:e},_.clickDistance=function(e){return arguments.length?(h=(e=+e)*e,_):Math.sqrt(h)},_.tapDistance=function(e){return arguments.length?(g=+e,_):g},_}var Y={error001:()=>`[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001`,error002:()=>`It looks like you've created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them.`,error003:e=>`Node type "${e}" not found. Using fallback type "default".`,error004:()=>`The React Flow parent container needs a width and a height to render the graph.`,error005:()=>`Only child nodes can use a parent extent.`,error006:()=>`Can't create edge. An edge needs a source and a target.`,error007:e=>`The old edge with id=${e} does not exist.`,error009:e=>`Marker type "${e}" doesn't exist.`,error008:(e,{id:t,sourceHandle:n,targetHandle:r})=>`Couldn't create edge for ${e} handle id: "${e===`source`?n:r}", edge id: ${t}.`,error010:()=>`Handle: No node id found. Make sure to only use a Handle inside a custom Node.`,error011:e=>`Edge type "${e}" not found. Using fallback type "default".`,error012:e=>`Node with id "${e}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,error013:(e=`react`)=>`It seems that you haven't loaded the styles. Please import '@xyflow/${e}/dist/style.css' or base.css to make sure everything is working properly.`,error014:()=>`useNodeConnections: No node ID found. Call useNodeConnections inside a custom Node or provide a node ID.`,error015:()=>`It seems that you are trying to drag a node that is not initialized. Please use onNodesChange as explained in the docs.`},_i=[[-1/0,-1/0],[1/0,1/0]],vi=[`Enter`,` `,`Escape`],yi={"node.a11yDescription.default":`Press enter or space to select a node. Press delete to remove it and escape to cancel.`,"node.a11yDescription.keyboardDisabled":`Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.`,"node.a11yDescription.ariaLiveMessage":({direction:e,x:t,y:n})=>`Moved selected node ${e}. New position, x: ${t}, y: ${n}`,"edge.a11yDescription.default":`Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.`,"controls.ariaLabel":`Control Panel`,"controls.zoomIn.ariaLabel":`Zoom In`,"controls.zoomOut.ariaLabel":`Zoom Out`,"controls.fitView.ariaLabel":`Fit View`,"controls.interactive.ariaLabel":`Toggle Interactivity`,"minimap.ariaLabel":`Mini Map`,"handle.ariaLabel":`Handle`},bi;(function(e){e.Strict=`strict`,e.Loose=`loose`})(bi||={});var xi;(function(e){e.Free=`free`,e.Vertical=`vertical`,e.Horizontal=`horizontal`})(xi||={});var Si;(function(e){e.Partial=`partial`,e.Full=`full`})(Si||={});var Ci={inProgress:!1,isValid:null,from:null,fromHandle:null,fromPosition:null,fromNode:null,to:null,toHandle:null,toPosition:null,toNode:null,pointer:null},wi;(function(e){e.Bezier=`default`,e.Straight=`straight`,e.Step=`step`,e.SmoothStep=`smoothstep`,e.SimpleBezier=`simplebezier`})(wi||={});var Ti;(function(e){e.Arrow=`arrow`,e.ArrowClosed=`arrowclosed`})(Ti||={});var X;(function(e){e.Left=`left`,e.Top=`top`,e.Right=`right`,e.Bottom=`bottom`})(X||={});var Ei={[X.Left]:X.Right,[X.Right]:X.Left,[X.Top]:X.Bottom,[X.Bottom]:X.Top};function Di(e){return e===null?null:e?`valid`:`invalid`}var Oi=e=>`id`in e&&`source`in e&&`target`in e,ki=e=>`id`in e&&`position`in e&&!(`source`in e)&&!(`target`in e),Ai=e=>`id`in e&&`internals`in e&&!(`source`in e)&&!(`target`in e),ji=(e,t=[0,0])=>{let{width:n,height:r}=ua(e),i=e.origin??t,a=n*i[0],o=r*i[1];return{x:e.position.x-a,y:e.position.y-o}},Mi=(e,t={nodeOrigin:[0,0]})=>e.length===0?{x:0,y:0,width:0,height:0}:qi(e.reduce((e,n)=>{let r=typeof n==`string`,i=!t.nodeLookup&&!r?n:void 0;return t.nodeLookup&&(i=r?t.nodeLookup.get(n):Ai(n)?n:t.nodeLookup.get(n.id)),Gi(e,i?Yi(i,t.nodeOrigin):{x:0,y:0,x2:0,y2:0})},{x:1/0,y:1/0,x2:-1/0,y2:-1/0})),Ni=(e,t={})=>{let n={x:1/0,y:1/0,x2:-1/0,y2:-1/0},r=!1;return e.forEach(e=>{(t.filter===void 0||t.filter(e))&&(n=Gi(n,Yi(e)),r=!0)}),r?qi(n):{x:0,y:0,width:0,height:0}},Pi=(e,t,[n,r,i]=[0,0,1],a=!1,o=!1)=>{let s={...na(t,[n,r,i]),width:t.width/i,height:t.height/i},c=[];for(let t of e.values()){let{measured:e,selectable:n=!0,hidden:r=!1}=t;if(o&&!n||r)continue;let i=e.width??t.width??t.initialWidth??null,l=e.height??t.height??t.initialHeight??null,u=Zi(s,Ji(t)),d=(i??0)*(l??0),f=a&&u>0;(!t.internals.handleBounds||f||u>=d||t.dragging)&&c.push(t)}return c},Fi=(e,t)=>{let n=new Set;return e.forEach(e=>{n.add(e.id)}),t.filter(e=>n.has(e.source)||n.has(e.target))};function Ii(e,t){let n=new Map,r=t?.nodes?new Set(t.nodes.map(e=>e.id)):null;return e.forEach(e=>{e.measured.width&&e.measured.height&&(t?.includeHiddenNodes||!e.hidden)&&(!r||r.has(e.id))&&n.set(e.id,e)}),n}async function Li({nodes:e,width:t,height:n,panZoom:r,minZoom:i,maxZoom:a},o){if(e.size===0)return Promise.resolve(!0);let s=sa(Ni(Ii(e,o)),t,n,o?.minZoom??i,o?.maxZoom??a,o?.padding??.1);return await r.setViewport(s,{duration:o?.duration,ease:o?.ease,interpolate:o?.interpolate}),Promise.resolve(!0)}function Ri({nodeId:e,nextPosition:t,nodeLookup:n,nodeOrigin:r=[0,0],nodeExtent:i,onError:a}){let o=n.get(e),s=o.parentId?n.get(o.parentId):void 0,{x:c,y:l}=s?s.internals.positionAbsolute:{x:0,y:0},u=o.origin??r,d=o.extent||i;if(o.extent===`parent`&&!o.expandParent)if(!s)a?.(`005`,Y.error005());else{let e=s.measured.width,t=s.measured.height;e&&t&&(d=[[c,l],[c+e,l+t]])}else s&&la(o.extent)&&(d=[[o.extent[0][0]+c,o.extent[0][1]+l],[o.extent[1][0]+c,o.extent[1][1]+l]]);let f=la(d)?Vi(t,d,o.measured):t;return(o.measured.width===void 0||o.measured.height===void 0)&&a?.(`015`,Y.error015()),{position:{x:f.x-c+(o.measured.width??0)*u[0],y:f.y-l+(o.measured.height??0)*u[1]},positionAbsolute:f}}async function zi({nodesToRemove:e=[],edgesToRemove:t=[],nodes:n,edges:r,onBeforeDelete:i}){let a=new Set(e.map(e=>e.id)),o=[];for(let e of n){if(e.deletable===!1)continue;let t=a.has(e.id),n=!t&&e.parentId&&o.find(t=>t.id===e.parentId);(t||n)&&o.push(e)}let s=new Set(t.map(e=>e.id)),c=r.filter(e=>e.deletable!==!1),l=Fi(o,c);for(let e of c)s.has(e.id)&&!l.find(t=>t.id===e.id)&&l.push(e);if(!i)return{edges:l,nodes:o};let u=await i({nodes:o,edges:l});return typeof u==`boolean`?u?{edges:l,nodes:o}:{edges:[],nodes:[]}:u}var Bi=(e,t=0,n=1)=>Math.min(Math.max(e,t),n),Vi=(e={x:0,y:0},t,n)=>({x:Bi(e.x,t[0][0],t[1][0]-(n?.width??0)),y:Bi(e.y,t[0][1],t[1][1]-(n?.height??0))});function Hi(e,t,n){let{width:r,height:i}=ua(n),{x:a,y:o}=n.internals.positionAbsolute;return Vi(e,[[a,o],[a+r,o+i]],t)}var Ui=(e,t,n)=>e<t?Bi(Math.abs(e-t),1,t)/t:e>n?-Bi(Math.abs(e-n),1,t)/t:0,Wi=(e,t,n=15,r=40)=>[Ui(e.x,r,t.width-r)*n,Ui(e.y,r,t.height-r)*n],Gi=(e,t)=>({x:Math.min(e.x,t.x),y:Math.min(e.y,t.y),x2:Math.max(e.x2,t.x2),y2:Math.max(e.y2,t.y2)}),Ki=({x:e,y:t,width:n,height:r})=>({x:e,y:t,x2:e+n,y2:t+r}),qi=({x:e,y:t,x2:n,y2:r})=>({x:e,y:t,width:n-e,height:r-t}),Ji=(e,t=[0,0])=>{let{x:n,y:r}=Ai(e)?e.internals.positionAbsolute:ji(e,t);return{x:n,y:r,width:e.measured?.width??e.width??e.initialWidth??0,height:e.measured?.height??e.height??e.initialHeight??0}},Yi=(e,t=[0,0])=>{let{x:n,y:r}=Ai(e)?e.internals.positionAbsolute:ji(e,t);return{x:n,y:r,x2:n+(e.measured?.width??e.width??e.initialWidth??0),y2:r+(e.measured?.height??e.height??e.initialHeight??0)}},Xi=(e,t)=>qi(Gi(Ki(e),Ki(t))),Zi=(e,t)=>{let n=Math.max(0,Math.min(e.x+e.width,t.x+t.width)-Math.max(e.x,t.x)),r=Math.max(0,Math.min(e.y+e.height,t.y+t.height)-Math.max(e.y,t.y));return Math.ceil(n*r)},Qi=e=>$i(e.width)&&$i(e.height)&&$i(e.x)&&$i(e.y),$i=e=>!isNaN(e)&&isFinite(e),ea=(e,t)=>{},ta=(e,t=[1,1])=>({x:t[0]*Math.round(e.x/t[0]),y:t[1]*Math.round(e.y/t[1])}),na=({x:e,y:t},[n,r,i],a=!1,o=[1,1])=>{let s={x:(e-n)/i,y:(t-r)/i};return a?ta(s,o):s},ra=({x:e,y:t},[n,r,i])=>({x:e*i+n,y:t*i+r});function ia(e,t){if(typeof e==`number`)return Math.floor((t-t/(1+e))*.5);if(typeof e==`string`&&e.endsWith(`px`)){let t=parseFloat(e);if(!Number.isNaN(t))return Math.floor(t)}if(typeof e==`string`&&e.endsWith(`%`)){let n=parseFloat(e);if(!Number.isNaN(n))return Math.floor(t*n*.01)}return console.error(`[React Flow] The padding value "${e}" is invalid. Please provide a number or a string with a valid unit (px or %).`),0}function aa(e,t,n){if(typeof e==`string`||typeof e==`number`){let r=ia(e,n),i=ia(e,t);return{top:r,right:i,bottom:r,left:i,x:i*2,y:r*2}}if(typeof e==`object`){let r=ia(e.top??e.y??0,n),i=ia(e.bottom??e.y??0,n),a=ia(e.left??e.x??0,t),o=ia(e.right??e.x??0,t);return{top:r,right:o,bottom:i,left:a,x:a+o,y:r+i}}return{top:0,right:0,bottom:0,left:0,x:0,y:0}}function oa(e,t,n,r,i,a){let{x:o,y:s}=ra(e,[t,n,r]),{x:c,y:l}=ra({x:e.x+e.width,y:e.y+e.height},[t,n,r]),u=i-c,d=a-l;return{left:Math.floor(o),top:Math.floor(s),right:Math.floor(u),bottom:Math.floor(d)}}var sa=(e,t,n,r,i,a)=>{let o=aa(a,t,n),s=(t-o.x)/e.width,c=(n-o.y)/e.height,l=Bi(Math.min(s,c),r,i),u=e.x+e.width/2,d=e.y+e.height/2,f=t/2-u*l,p=n/2-d*l,m=oa(e,f,p,l,t,n),h={left:Math.min(m.left-o.left,0),top:Math.min(m.top-o.top,0),right:Math.min(m.right-o.right,0),bottom:Math.min(m.bottom-o.bottom,0)};return{x:f-h.left+h.right,y:p-h.top+h.bottom,zoom:l}},ca=()=>typeof navigator<`u`&&navigator?.userAgent?.indexOf(`Mac`)>=0;function la(e){return e!=null&&e!==`parent`}function ua(e){return{width:e.measured?.width??e.width??e.initialWidth??0,height:e.measured?.height??e.height??e.initialHeight??0}}function da(e){return(e.measured?.width??e.width??e.initialWidth)!==void 0&&(e.measured?.height??e.height??e.initialHeight)!==void 0}function fa(e,t={width:0,height:0},n,r,i){let a={...e},o=r.get(n);if(o){let e=o.origin||i;a.x+=o.internals.positionAbsolute.x-(t.width??0)*e[0],a.y+=o.internals.positionAbsolute.y-(t.height??0)*e[1]}return a}function pa(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function ma(){let e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}function ha(e){return{...yi,...e||{}}}function ga(e,{snapGrid:t=[0,0],snapToGrid:n=!1,transform:r,containerBounds:i}){let{x:a,y:o}=Sa(e),s=na({x:a-(i?.left??0),y:o-(i?.top??0)},r),{x:c,y:l}=n?ta(s,t):s;return{xSnapped:c,ySnapped:l,...s}}var _a=e=>({width:e.offsetWidth,height:e.offsetHeight}),va=e=>e?.getRootNode?.()||window?.document,ya=[`INPUT`,`SELECT`,`TEXTAREA`];function ba(e){let t=e.composedPath?.()?.[0]||e.target;return t?.nodeType===1?ya.includes(t.nodeName)||t.hasAttribute(`contenteditable`)||!!t.closest(`.nokey`):!1}var xa=e=>`clientX`in e,Sa=(e,t)=>{let n=xa(e),r=n?e.clientX:e.touches?.[0].clientX,i=n?e.clientY:e.touches?.[0].clientY;return{x:r-(t?.left??0),y:i-(t?.top??0)}},Ca=(e,t,n,r,i)=>{let a=t.querySelectorAll(`.${e}`);return!a||!a.length?null:Array.from(a).map(t=>{let a=t.getBoundingClientRect();return{id:t.getAttribute(`data-handleid`),type:e,nodeId:i,position:t.getAttribute(`data-handlepos`),x:(a.left-n.left)/r,y:(a.top-n.top)/r,..._a(t)}})};function wa({sourceX:e,sourceY:t,targetX:n,targetY:r,sourceControlX:i,sourceControlY:a,targetControlX:o,targetControlY:s}){let c=e*.125+i*.375+o*.375+n*.125,l=t*.125+a*.375+s*.375+r*.125;return[c,l,Math.abs(c-e),Math.abs(l-t)]}function Ta(e,t){return e>=0?.5*e:t*25*Math.sqrt(-e)}function Ea({pos:e,x1:t,y1:n,x2:r,y2:i,c:a}){switch(e){case X.Left:return[t-Ta(t-r,a),n];case X.Right:return[t+Ta(r-t,a),n];case X.Top:return[t,n-Ta(n-i,a)];case X.Bottom:return[t,n+Ta(i-n,a)]}}function Da({sourceX:e,sourceY:t,sourcePosition:n=X.Bottom,targetX:r,targetY:i,targetPosition:a=X.Top,curvature:o=.25}){let[s,c]=Ea({pos:n,x1:e,y1:t,x2:r,y2:i,c:o}),[l,u]=Ea({pos:a,x1:r,y1:i,x2:e,y2:t,c:o}),[d,f,p,m]=wa({sourceX:e,sourceY:t,targetX:r,targetY:i,sourceControlX:s,sourceControlY:c,targetControlX:l,targetControlY:u});return[`M${e},${t} C${s},${c} ${l},${u} ${r},${i}`,d,f,p,m]}function Oa({sourceX:e,sourceY:t,targetX:n,targetY:r}){let i=Math.abs(n-e)/2,a=n<e?n+i:n-i,o=Math.abs(r-t)/2;return[a,r<t?r+o:r-o,i,o]}function ka({sourceNode:e,targetNode:t,selected:n=!1,zIndex:r=0,elevateOnSelect:i=!1,zIndexMode:a=`basic`}){return a===`manual`?r:(i&&n?r+1e3:r)+Math.max(e.parentId||i&&e.selected?e.internals.z:0,t.parentId||i&&t.selected?t.internals.z:0)}function Aa({sourceNode:e,targetNode:t,width:n,height:r,transform:i}){let a=Gi(Yi(e),Yi(t));return a.x===a.x2&&(a.x2+=1),a.y===a.y2&&(a.y2+=1),Zi({x:-i[0]/i[2],y:-i[1]/i[2],width:n/i[2],height:r/i[2]},qi(a))>0}var ja=({source:e,sourceHandle:t,target:n,targetHandle:r})=>`xy-edge__${e}${t||``}-${n}${r||``}`,Ma=(e,t)=>t.some(t=>t.source===e.source&&t.target===e.target&&(t.sourceHandle===e.sourceHandle||!t.sourceHandle&&!e.sourceHandle)&&(t.targetHandle===e.targetHandle||!t.targetHandle&&!e.targetHandle)),Na=(e,t,n={})=>{if(!e.source||!e.target)return Y.error006(),t;let r=n.getEdgeId||ja,i;return i=Oi(e)?{...e}:{...e,id:r(e)},Ma(i,t)?t:(i.sourceHandle===null&&delete i.sourceHandle,i.targetHandle===null&&delete i.targetHandle,t.concat(i))};function Pa({sourceX:e,sourceY:t,targetX:n,targetY:r}){let[i,a,o,s]=Oa({sourceX:e,sourceY:t,targetX:n,targetY:r});return[`M ${e},${t}L ${n},${r}`,i,a,o,s]}var Fa={[X.Left]:{x:-1,y:0},[X.Right]:{x:1,y:0},[X.Top]:{x:0,y:-1},[X.Bottom]:{x:0,y:1}},Ia=({source:e,sourcePosition:t=X.Bottom,target:n})=>t===X.Left||t===X.Right?e.x<n.x?{x:1,y:0}:{x:-1,y:0}:e.y<n.y?{x:0,y:1}:{x:0,y:-1},La=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-e.y)**2);function Ra({source:e,sourcePosition:t=X.Bottom,target:n,targetPosition:r=X.Top,center:i,offset:a,stepPosition:o}){let s=Fa[t],c=Fa[r],l={x:e.x+s.x*a,y:e.y+s.y*a},u={x:n.x+c.x*a,y:n.y+c.y*a},d=Ia({source:l,sourcePosition:t,target:u}),f=d.x===0?`y`:`x`,p=d[f],m=[],h,g,_={x:0,y:0},v={x:0,y:0},[,,y,b]=Oa({sourceX:e.x,sourceY:e.y,targetX:n.x,targetY:n.y});if(s[f]*c[f]===-1){f===`x`?(h=i.x??l.x+(u.x-l.x)*o,g=i.y??(l.y+u.y)/2):(h=i.x??(l.x+u.x)/2,g=i.y??l.y+(u.y-l.y)*o);let e=[{x:h,y:l.y},{x:h,y:u.y}],t=[{x:l.x,y:g},{x:u.x,y:g}];m=s[f]===p?f===`x`?e:t:f===`x`?t:e}else{let i=[{x:l.x,y:u.y}],o=[{x:u.x,y:l.y}];if(m=f===`x`?s.x===p?o:i:s.y===p?i:o,t===r){let t=Math.abs(e[f]-n[f]);if(t<=a){let r=Math.min(a-1,a-t);s[f]===p?_[f]=(l[f]>e[f]?-1:1)*r:v[f]=(u[f]>n[f]?-1:1)*r}}if(t!==r){let e=f===`x`?`y`:`x`,t=s[f]===c[e],n=l[e]>u[e],r=l[e]<u[e];(s[f]===1&&(!t&&n||t&&r)||s[f]!==1&&(!t&&r||t&&n))&&(m=f===`x`?i:o)}let d={x:l.x+_.x,y:l.y+_.y},y={x:u.x+v.x,y:u.y+v.y};Math.max(Math.abs(d.x-m[0].x),Math.abs(y.x-m[0].x))>=Math.max(Math.abs(d.y-m[0].y),Math.abs(y.y-m[0].y))?(h=(d.x+y.x)/2,g=m[0].y):(h=m[0].x,g=(d.y+y.y)/2)}let x={x:l.x+_.x,y:l.y+_.y},S={x:u.x+v.x,y:u.y+v.y};return[[e,...x.x!==m[0].x||x.y!==m[0].y?[x]:[],...m,...S.x!==m[m.length-1].x||S.y!==m[m.length-1].y?[S]:[],n],h,g,y,b]}function za(e,t,n,r){let i=Math.min(La(e,t)/2,La(t,n)/2,r),{x:a,y:o}=t;if(e.x===a&&a===n.x||e.y===o&&o===n.y)return`L${a} ${o}`;if(e.y===o){let t=e.x<n.x?-1:1,r=e.y<n.y?1:-1;return`L ${a+i*t},${o}Q ${a},${o} ${a},${o+i*r}`}let s=e.x<n.x?1:-1;return`L ${a},${o+i*(e.y<n.y?-1:1)}Q ${a},${o} ${a+i*s},${o}`}function Ba({sourceX:e,sourceY:t,sourcePosition:n=X.Bottom,targetX:r,targetY:i,targetPosition:a=X.Top,borderRadius:o=5,centerX:s,centerY:c,offset:l=20,stepPosition:u=.5}){let[d,f,p,m,h]=Ra({source:{x:e,y:t},sourcePosition:n,target:{x:r,y:i},targetPosition:a,center:{x:s,y:c},offset:l,stepPosition:u}),g=`M${d[0].x} ${d[0].y}`;for(let e=1;e<d.length-1;e++)g+=za(d[e-1],d[e],d[e+1],o);return g+=`L${d[d.length-1].x} ${d[d.length-1].y}`,[g,f,p,m,h]}function Va(e){return e&&!!(e.internals.handleBounds||e.handles?.length)&&!!(e.measured.width||e.width||e.initialWidth)}function Ha(e){let{sourceNode:t,targetNode:n}=e;if(!Va(t)||!Va(n))return null;let r=t.internals.handleBounds||Ua(t.handles),i=n.internals.handleBounds||Ua(n.handles),a=Ga(r?.source??[],e.sourceHandle),o=Ga(e.connectionMode===bi.Strict?i?.target??[]:(i?.target??[]).concat(i?.source??[]),e.targetHandle);if(!a||!o)return e.onError?.(`008`,Y.error008(a?`target`:`source`,{id:e.id,sourceHandle:e.sourceHandle,targetHandle:e.targetHandle})),null;let s=a?.position||X.Bottom,c=o?.position||X.Top,l=Wa(t,a,s),u=Wa(n,o,c);return{sourceX:l.x,sourceY:l.y,targetX:u.x,targetY:u.y,sourcePosition:s,targetPosition:c}}function Ua(e){if(!e)return null;let t=[],n=[];for(let r of e)r.width=r.width??1,r.height=r.height??1,r.type===`source`?t.push(r):r.type===`target`&&n.push(r);return{source:t,target:n}}function Wa(e,t,n=X.Left,r=!1){let i=(t?.x??0)+e.internals.positionAbsolute.x,a=(t?.y??0)+e.internals.positionAbsolute.y,{width:o,height:s}=t??ua(e);if(r)return{x:i+o/2,y:a+s/2};switch(t?.position??n){case X.Top:return{x:i+o/2,y:a};case X.Right:return{x:i+o,y:a+s/2};case X.Bottom:return{x:i+o/2,y:a+s};case X.Left:return{x:i,y:a+s/2}}}function Ga(e,t){return e&&(t?e.find(e=>e.id===t):e[0])||null}function Ka(e,t){return e?typeof e==`string`?e:`${t?`${t}__`:``}${Object.keys(e).sort().map(t=>`${t}=${e[t]}`).join(`&`)}`:``}function qa(e,{id:t,defaultColor:n,defaultMarkerStart:r,defaultMarkerEnd:i}){let a=new Set;return e.reduce((e,o)=>([o.markerStart||r,o.markerEnd||i].forEach(r=>{if(r&&typeof r==`object`){let i=Ka(r,t);a.has(i)||(e.push({id:i,color:r.color||n,...r}),a.add(i))}}),e),[]).sort((e,t)=>e.id.localeCompare(t.id))}var Ja=1e3,Ya=10,Xa={nodeOrigin:[0,0],nodeExtent:_i,elevateNodesOnSelect:!0,zIndexMode:`basic`,defaults:{}},Za={...Xa,checkEquality:!0};function Qa(e,t){let n={...e};for(let e in t)t[e]!==void 0&&(n[e]=t[e]);return n}function $a(e,t,n){let r=Qa(Xa,n);for(let n of e.values())if(n.parentId)io(n,e,t,r);else{let e=Vi(ji(n,r.nodeOrigin),la(n.extent)?n.extent:r.nodeExtent,ua(n));n.internals.positionAbsolute=e}}function eo(e,t){if(!e.handles)return e.measured?t?.internals.handleBounds:void 0;let n=[],r=[];for(let t of e.handles){let i={id:t.id,width:t.width??1,height:t.height??1,nodeId:e.id,x:t.x,y:t.y,position:t.position,type:t.type};t.type===`source`?n.push(i):t.type===`target`&&r.push(i)}return{source:n,target:r}}function to(e){return e===`manual`}function no(e,t,n,r={}){let i=Qa(Za,r),a={i:0},o=new Map(t),s=i?.elevateNodesOnSelect&&!to(i.zIndexMode)?Ja:0,c=e.length>0,l=!1;t.clear(),n.clear();for(let u of e){let e=o.get(u.id);if(i.checkEquality&&u===e?.internals.userNode)t.set(u.id,e);else{let n=Vi(ji(u,i.nodeOrigin),la(u.extent)?u.extent:i.nodeExtent,ua(u));e={...i.defaults,...u,measured:{width:u.measured?.width,height:u.measured?.height},internals:{positionAbsolute:n,handleBounds:eo(u,e),z:ao(u,s,i.zIndexMode),userNode:u}},t.set(u.id,e)}(e.measured===void 0||e.measured.width===void 0||e.measured.height===void 0)&&!e.hidden&&(c=!1),u.parentId&&io(e,t,n,r,a),l||=u.selected??!1}return{nodesInitialized:c,hasSelectedNodes:l}}function ro(e,t){if(!e.parentId)return;let n=t.get(e.parentId);n?n.set(e.id,e):t.set(e.parentId,new Map([[e.id,e]]))}function io(e,t,n,r,i){let{elevateNodesOnSelect:a,nodeOrigin:o,nodeExtent:s,zIndexMode:c}=Qa(Xa,r),l=e.parentId,u=t.get(l);if(!u){console.warn(`Parent node ${l} not found. Please make sure that parent nodes are in front of their child nodes in the nodes array.`);return}ro(e,n),i&&!u.parentId&&u.internals.rootParentIndex===void 0&&c===`auto`&&(u.internals.rootParentIndex=++i.i,u.internals.z=u.internals.z+i.i*Ya),i&&u.internals.rootParentIndex!==void 0&&(i.i=u.internals.rootParentIndex);let{x:d,y:f,z:p}=oo(e,u,o,s,a&&!to(c)?Ja:0,c),{positionAbsolute:m}=e.internals,h=d!==m.x||f!==m.y;(h||p!==e.internals.z)&&t.set(e.id,{...e,internals:{...e.internals,positionAbsolute:h?{x:d,y:f}:m,z:p}})}function ao(e,t,n){let r=$i(e.zIndex)?e.zIndex:0;return to(n)?r:r+(e.selected?t:0)}function oo(e,t,n,r,i,a){let{x:o,y:s}=t.internals.positionAbsolute,c=ua(e),l=ji(e,n),u=la(e.extent)?Vi(l,e.extent,c):l,d=Vi({x:o+u.x,y:s+u.y},r,c);e.extent===`parent`&&(d=Hi(d,c,t));let f=ao(e,i,a),p=t.internals.z??0;return{x:d.x,y:d.y,z:p>=f?p+1:f}}function so(e,t,n,r=[0,0]){let i=[],a=new Map;for(let n of e){let e=t.get(n.parentId);if(!e)continue;let r=Xi(a.get(n.parentId)?.expandedRect??Ji(e),n.rect);a.set(n.parentId,{expandedRect:r,parent:e})}return a.size>0&&a.forEach(({expandedRect:t,parent:a},o)=>{let s=a.internals.positionAbsolute,c=ua(a),l=a.origin??r,u=t.x<s.x?Math.round(Math.abs(s.x-t.x)):0,d=t.y<s.y?Math.round(Math.abs(s.y-t.y)):0,f=Math.max(c.width,Math.round(t.width)),p=Math.max(c.height,Math.round(t.height)),m=(f-c.width)*l[0],h=(p-c.height)*l[1];(u>0||d>0||m||h)&&(i.push({id:o,type:`position`,position:{x:a.position.x-u+m,y:a.position.y-d+h}}),n.get(o)?.forEach(t=>{e.some(e=>e.id===t.id)||i.push({id:t.id,type:`position`,position:{x:t.position.x+u,y:t.position.y+d}})})),(c.width<t.width||c.height<t.height||u||d)&&i.push({id:o,type:`dimensions`,setAttributes:!0,dimensions:{width:f+(u?l[0]*u-m:0),height:p+(d?l[1]*d-h:0)}})}),i}function co(e,t,n,r,i,a,o){let s=r?.querySelector(`.xyflow__viewport`),c=!1;if(!s)return{changes:[],updatedInternals:c};let l=[],u=window.getComputedStyle(s),{m22:d}=new window.DOMMatrixReadOnly(u.transform),f=[];for(let r of e.values()){let e=t.get(r.id);if(!e)continue;if(e.hidden){t.set(e.id,{...e,internals:{...e.internals,handleBounds:void 0}}),c=!0;continue}let s=_a(r.nodeElement),u=e.measured.width!==s.width||e.measured.height!==s.height;if(s.width&&s.height&&(u||!e.internals.handleBounds||r.force)){let p=r.nodeElement.getBoundingClientRect(),m=la(e.extent)?e.extent:a,{positionAbsolute:h}=e.internals;e.parentId&&e.extent===`parent`?h=Hi(h,s,t.get(e.parentId)):m&&(h=Vi(h,m,s));let g={...e,measured:s,internals:{...e.internals,positionAbsolute:h,handleBounds:{source:Ca(`source`,r.nodeElement,p,d,e.id),target:Ca(`target`,r.nodeElement,p,d,e.id)}}};t.set(e.id,g),e.parentId&&io(g,t,n,{nodeOrigin:i,zIndexMode:o}),c=!0,u&&(l.push({id:e.id,type:`dimensions`,dimensions:s}),e.expandParent&&e.parentId&&f.push({id:e.id,parentId:e.parentId,rect:Ji(g,i)}))}}if(f.length>0){let e=so(f,t,n,i);l.push(...e)}return{changes:l,updatedInternals:c}}async function lo({delta:e,panZoom:t,transform:n,translateExtent:r,width:i,height:a}){if(!t||!e.x&&!e.y)return Promise.resolve(!1);let o=await t.setViewportConstrained({x:n[0]+e.x,y:n[1]+e.y,zoom:n[2]},[[0,0],[i,a]],r),s=!!o&&(o.x!==n[0]||o.y!==n[1]||o.k!==n[2]);return Promise.resolve(s)}function uo(e,t,n,r,i,a){let o=i,s=r.get(o)||new Map;r.set(o,s.set(n,t)),o=`${i}-${e}`;let c=r.get(o)||new Map;if(r.set(o,c.set(n,t)),a){o=`${i}-${e}-${a}`;let s=r.get(o)||new Map;r.set(o,s.set(n,t))}}function fo(e,t,n){e.clear(),t.clear();for(let r of n){let{source:n,target:i,sourceHandle:a=null,targetHandle:o=null}=r,s={edgeId:r.id,source:n,target:i,sourceHandle:a,targetHandle:o},c=`${n}-${a}--${i}-${o}`;uo(`source`,s,`${i}-${o}--${n}-${a}`,e,n,a),uo(`target`,s,c,e,i,o),t.set(r.id,r)}}function po(e,t){if(!e.parentId)return!1;let n=t.get(e.parentId);return n?n.selected?!0:po(n,t):!1}function mo(e,t,n){let r=e;do{if(r?.matches?.(t))return!0;if(r===n)return!1;r=r?.parentElement}while(r);return!1}function ho(e,t,n,r){let i=new Map;for(let[a,o]of e)if((o.selected||o.id===r)&&(!o.parentId||!po(o,e))&&(o.draggable||t&&o.draggable===void 0)){let t=e.get(a);t&&i.set(a,{id:a,position:t.position||{x:0,y:0},distance:{x:n.x-t.internals.positionAbsolute.x,y:n.y-t.internals.positionAbsolute.y},extent:t.extent,parentId:t.parentId,origin:t.origin,expandParent:t.expandParent,internals:{positionAbsolute:t.internals.positionAbsolute||{x:0,y:0}},measured:{width:t.measured.width??0,height:t.measured.height??0}})}return i}function go({nodeId:e,dragItems:t,nodeLookup:n,dragging:r=!0}){let i=[];for(let[e,a]of t){let t=n.get(e)?.internals.userNode;t&&i.push({...t,position:a.position,dragging:r})}if(!e)return[i[0],i];let a=n.get(e)?.internals.userNode;return[a?{...a,position:t.get(e)?.position||a.position,dragging:r}:i[0],i]}function _o({dragItems:e,snapGrid:t,x:n,y:r}){let i=e.values().next().value;if(!i)return null;let a={x:n-i.distance.x,y:r-i.distance.y},o=ta(a,t);return{x:o.x-a.x,y:o.y-a.y}}function vo({onNodeMouseDown:e,getStoreItems:t,onDragStart:n,onDrag:r,onDragStop:i}){let a={x:null,y:null},o=0,s=new Map,c=!1,l={x:0,y:0},u=null,d=!1,f=null,p=!1,m=!1,h=null;function g({noDragClassName:g,handleSelector:_,domNode:v,isSelectable:y,nodeId:b,nodeClickDistance:x=0}){f=q(v);function S({x:e,y:n}){let{nodeLookup:i,nodeExtent:o,snapGrid:c,snapToGrid:l,nodeOrigin:u,onNodeDrag:d,onSelectionDrag:f,onError:p,updateNodePositions:g}=t();a={x:e,y:n};let _=!1,v=s.size>1,y=v&&o?Ki(Ni(s)):null,x=v&&l?_o({dragItems:s,snapGrid:c,x:e,y:n}):null;for(let[t,r]of s){if(!i.has(t))continue;let a={x:e-r.distance.x,y:n-r.distance.y};l&&(a=x?{x:Math.round(a.x+x.x),y:Math.round(a.y+x.y)}:ta(a,c));let s=null;if(v&&o&&!r.extent&&y){let{positionAbsolute:e}=r.internals,t=e.x-y.x+o[0][0],n=e.x+r.measured.width-y.x2+o[1][0],i=e.y-y.y+o[0][1],a=e.y+r.measured.height-y.y2+o[1][1];s=[[t,i],[n,a]]}let{position:d,positionAbsolute:f}=Ri({nodeId:t,nextPosition:a,nodeLookup:i,nodeExtent:s||o,nodeOrigin:u,onError:p});_=_||r.position.x!==d.x||r.position.y!==d.y,r.position=d,r.internals.positionAbsolute=f}if(m||=_,_&&(g(s,!0),h&&(r||d||!b&&f))){let[e,t]=go({nodeId:b,dragItems:s,nodeLookup:i});r?.(h,s,e,t),d?.(h,e,t),b||f?.(h,t)}}async function C(){if(!u)return;let{transform:e,panBy:n,autoPanSpeed:r,autoPanOnNodeDrag:i}=t();if(!i){c=!1,cancelAnimationFrame(o);return}let[s,d]=Wi(l,u,r);(s!==0||d!==0)&&(a.x=(a.x??0)-s/e[2],a.y=(a.y??0)-d/e[2],await n({x:s,y:d})&&S(a)),o=requestAnimationFrame(C)}function w(r){let{nodeLookup:i,multiSelectionActive:o,nodesDraggable:c,transform:l,snapGrid:f,snapToGrid:p,selectNodesOnDrag:m,onNodeDragStart:h,onSelectionDragStart:g,unselectNodesAndEdges:_}=t();d=!0,(!m||!y)&&!o&&b&&(i.get(b)?.selected||_()),y&&m&&b&&e?.(b);let v=ga(r.sourceEvent,{transform:l,snapGrid:f,snapToGrid:p,containerBounds:u});if(a=v,s=ho(i,c,v,b),s.size>0&&(n||h||!b&&g)){let[e,t]=go({nodeId:b,dragItems:s,nodeLookup:i});n?.(r.sourceEvent,s,e,t),h?.(r.sourceEvent,e,t),b||g?.(r.sourceEvent,t)}}let T=gn().clickDistance(x).on(`start`,e=>{let{domNode:n,nodeDragThreshold:r,transform:i,snapGrid:o,snapToGrid:s}=t();u=n?.getBoundingClientRect()||null,p=!1,m=!1,h=e.sourceEvent,r===0&&w(e),a=ga(e.sourceEvent,{transform:i,snapGrid:o,snapToGrid:s,containerBounds:u}),l=Sa(e.sourceEvent,u)}).on(`drag`,e=>{let{autoPanOnNodeDrag:n,transform:r,snapGrid:i,snapToGrid:o,nodeDragThreshold:f,nodeLookup:m}=t(),g=ga(e.sourceEvent,{transform:r,snapGrid:i,snapToGrid:o,containerBounds:u});if(h=e.sourceEvent,(e.sourceEvent.type===`touchmove`&&e.sourceEvent.touches.length>1||b&&!m.has(b))&&(p=!0),!p){if(!c&&n&&d&&(c=!0,C()),!d){let t=Sa(e.sourceEvent,u),n=t.x-l.x,r=t.y-l.y;Math.sqrt(n*n+r*r)>f&&w(e)}(a.x!==g.xSnapped||a.y!==g.ySnapped)&&s&&d&&(l=Sa(e.sourceEvent,u),S(g))}}).on(`end`,e=>{if(!(!d||p)&&(c=!1,d=!1,cancelAnimationFrame(o),s.size>0)){let{nodeLookup:n,updateNodePositions:r,onNodeDragStop:a,onSelectionDragStop:o}=t();if(m&&=(r(s,!1),!1),i||a||!b&&o){let[t,r]=go({nodeId:b,dragItems:s,nodeLookup:n,dragging:!1});i?.(e.sourceEvent,s,t,r),a?.(e.sourceEvent,t,r),b||o?.(e.sourceEvent,r)}}}).filter(e=>{let t=e.target;return!e.button&&(!g||!mo(t,`.${g}`,v))&&(!_||mo(t,_,v))});f.call(T)}function _(){f?.on(`.drag`,null)}return{update:g,destroy:_}}function yo(e,t,n){let r=[],i={x:e.x-n,y:e.y-n,width:n*2,height:n*2};for(let e of t.values())Zi(i,Ji(e))>0&&r.push(e);return r}var bo=250;function xo(e,t,n,r){let i=[],a=1/0,o=yo(e,n,t+bo);for(let n of o){let o=[...n.internals.handleBounds?.source??[],...n.internals.handleBounds?.target??[]];for(let s of o){if(r.nodeId===s.nodeId&&r.type===s.type&&r.id===s.id)continue;let{x:o,y:c}=Wa(n,s,s.position,!0),l=Math.sqrt((o-e.x)**2+(c-e.y)**2);l>t||(l<a?(i=[{...s,x:o,y:c}],a=l):l===a&&i.push({...s,x:o,y:c}))}}if(!i.length)return null;if(i.length>1){let e=r.type===`source`?`target`:`source`;return i.find(t=>t.type===e)??i[0]}return i[0]}function So(e,t,n,r,i,a=!1){let o=r.get(e);if(!o)return null;let s=i===`strict`?o.internals.handleBounds?.[t]:[...o.internals.handleBounds?.source??[],...o.internals.handleBounds?.target??[]],c=(n?s?.find(e=>e.id===n):s?.[0])??null;return c&&a?{...c,...Wa(o,c,c.position,!0)}:c}function Co(e,t){return e||(t?.classList.contains(`target`)?`target`:t?.classList.contains(`source`)?`source`:null)}function wo(e,t){let n=null;return t?n=!0:e&&!t&&(n=!1),n}var To=()=>!0;function Eo(e,{connectionMode:t,connectionRadius:n,handleId:r,nodeId:i,edgeUpdaterType:a,isTarget:o,domNode:s,nodeLookup:c,lib:l,autoPanOnConnect:u,flowId:d,panBy:f,cancelConnection:p,onConnectStart:m,onConnect:h,onConnectEnd:g,isValidConnection:_=To,onReconnectEnd:v,updateConnection:y,getTransform:b,getFromHandle:x,autoPanSpeed:S,dragThreshold:C=1,handleDomNode:w}){let T=va(e.target),E=0,D,{x:O,y:k}=Sa(e),A=Co(a,w),j=s?.getBoundingClientRect(),M=!1;if(!j||!A)return;let N=So(i,A,r,c,t);if(!N)return;let P=Sa(e,j),F=!1,I=null,L=!1,R=null;function z(){if(!u||!j)return;let[e,t]=Wi(P,j,S);f({x:e,y:t}),E=requestAnimationFrame(z)}let B={...N,nodeId:i,type:A,position:N.position},V=c.get(i),H={inProgress:!0,isValid:null,from:Wa(V,B,X.Left,!0),fromHandle:B,fromPosition:B.position,fromNode:V,to:P,toHandle:null,toPosition:Ei[B.position],toNode:null,pointer:P};function U(){M=!0,y(H),m?.(e,{nodeId:i,handleId:r,handleType:A})}C===0&&U();function W(e){if(!M){let{x:t,y:n}=Sa(e),r=t-O,i=n-k;if(!(r*r+i*i>C*C))return;U()}if(!x()||!B){G(e);return}let a=b();P=Sa(e,j),D=xo(na(P,a,!1,[1,1]),n,c,B),F||=(z(),!0);let s=Do(e,{handle:D,connectionMode:t,fromNodeId:i,fromHandleId:r,fromType:o?`target`:`source`,isValidConnection:_,doc:T,lib:l,flowId:d,nodeLookup:c});R=s.handleDomNode,I=s.connection,L=wo(!!D,s.isValid);let u=c.get(i),f=u?Wa(u,B,X.Left,!0):H.from,p={...H,from:f,isValid:L,to:s.toHandle&&L?ra({x:s.toHandle.x,y:s.toHandle.y},a):P,toHandle:s.toHandle,toPosition:L&&s.toHandle?s.toHandle.position:Ei[B.position],toNode:s.toHandle?c.get(s.toHandle.nodeId):null,pointer:P};y(p),H=p}function G(e){if(!(`touches`in e&&e.touches.length>0)){if(M){(D||R)&&I&&L&&h?.(I);let{inProgress:t,...n}=H,r={...n,toPosition:H.toHandle?H.toPosition:null};g?.(e,r),a&&v?.(e,r)}p(),cancelAnimationFrame(E),F=!1,L=!1,I=null,R=null,T.removeEventListener(`mousemove`,W),T.removeEventListener(`mouseup`,G),T.removeEventListener(`touchmove`,W),T.removeEventListener(`touchend`,G)}}T.addEventListener(`mousemove`,W),T.addEventListener(`mouseup`,G),T.addEventListener(`touchmove`,W),T.addEventListener(`touchend`,G)}function Do(e,{handle:t,connectionMode:n,fromNodeId:r,fromHandleId:i,fromType:a,doc:o,lib:s,flowId:c,isValidConnection:l=To,nodeLookup:u}){let d=a===`target`,f=t?o.querySelector(`.${s}-flow__handle[data-id="${c}-${t?.nodeId}-${t?.id}-${t?.type}"]`):null,{x:p,y:m}=Sa(e),h=o.elementFromPoint(p,m),g=h?.classList.contains(`${s}-flow__handle`)?h:f,_={handleDomNode:g,isValid:!1,connection:null,toHandle:null};if(g){let e=Co(void 0,g),t=g.getAttribute(`data-nodeid`),a=g.getAttribute(`data-handleid`),o=g.classList.contains(`connectable`),s=g.classList.contains(`connectableend`);if(!t||!e)return _;let c={source:d?t:r,sourceHandle:d?a:i,target:d?r:t,targetHandle:d?i:a};_.connection=c,_.isValid=o&&s&&(n===bi.Strict?d&&e===`source`||!d&&e===`target`:t!==r||a!==i)&&l(c),_.toHandle=So(t,e,a,u,n,!0)}return _}var Oo={onPointerDown:Eo,isValid:Do};function ko({domNode:e,panZoom:t,getTransform:n,getViewScale:r}){let i=q(e);function a({translateExtent:e,width:a,height:o,zoomStep:s=1,pannable:c=!0,zoomable:l=!0,inversePan:u=!1}){let d=e=>{if(e.sourceEvent.type!==`wheel`||!t)return;let r=n(),i=e.sourceEvent.ctrlKey&&ca()?10:1,a=-e.sourceEvent.deltaY*(e.sourceEvent.deltaMode===1?.05:e.sourceEvent.deltaMode?1:.002)*s,o=r[2]*2**(a*i);t.scaleTo(o)},f=[0,0],p=gi().on(`start`,e=>{(e.sourceEvent.type===`mousedown`||e.sourceEvent.type===`touchstart`)&&(f=[e.sourceEvent.clientX??e.sourceEvent.touches[0].clientX,e.sourceEvent.clientY??e.sourceEvent.touches[0].clientY])}).on(`zoom`,c?i=>{let s=n();if(i.sourceEvent.type!==`mousemove`&&i.sourceEvent.type!==`touchmove`||!t)return;let c=[i.sourceEvent.clientX??i.sourceEvent.touches[0].clientX,i.sourceEvent.clientY??i.sourceEvent.touches[0].clientY],l=[c[0]-f[0],c[1]-f[1]];f=c;let d=r()*Math.max(s[2],Math.log(s[2]))*(u?-1:1),p={x:s[0]-l[0]*d,y:s[1]-l[1]*d},m=[[0,0],[a,o]];t.setViewportConstrained({x:p.x,y:p.y,zoom:s[2]},m,e)}:null).on(`zoom.wheel`,l?d:null);i.call(p,{})}function o(){i.on(`zoom`,null)}return{update:a,destroy:o,pointer:J}}var Ao=e=>({x:e.x,y:e.y,zoom:e.k}),jo=({x:e,y:t,zoom:n})=>oi.translate(e,t).scale(n),Mo=(e,t)=>e.target.closest(`.${t}`),No=(e,t)=>t===2&&Array.isArray(e)&&e.includes(2),Po=e=>((e*=2)<=1?e*e*e:(e-=2)*e*e+2)/2,Fo=(e,t=0,n=Po,r=()=>{})=>{let i=typeof t==`number`&&t>0;return i||r(),i?e.transition().duration(t).ease(n).on(`end`,r):e},Io=e=>{let t=e.ctrlKey&&ca()?10:1;return-e.deltaY*(e.deltaMode===1?.05:e.deltaMode?1:.002)*t};function Lo({zoomPanValues:e,noWheelClassName:t,d3Selection:n,d3Zoom:r,panOnScrollMode:i,panOnScrollSpeed:a,zoomOnPinch:o,onPanZoomStart:s,onPanZoom:c,onPanZoomEnd:l}){return u=>{if(Mo(u,t))return u.ctrlKey&&u.preventDefault(),!1;u.preventDefault(),u.stopImmediatePropagation();let d=n.property(`__zoom`).k||1;if(u.ctrlKey&&o){let e=J(u),t=d*2**Io(u);r.scaleTo(n,t,e,u);return}let f=u.deltaMode===1?20:1,p=i===xi.Vertical?0:u.deltaX*f,m=i===xi.Horizontal?0:u.deltaY*f;!ca()&&u.shiftKey&&i!==xi.Vertical&&(p=u.deltaY*f,m=0),r.translateBy(n,-(p/d)*a,-(m/d)*a,{internal:!0});let h=Ao(n.property(`__zoom`));clearTimeout(e.panScrollTimeout),e.isPanScrolling?(c?.(u,h),e.panScrollTimeout=setTimeout(()=>{l?.(u,h),e.isPanScrolling=!1},150)):(e.isPanScrolling=!0,s?.(u,h))}}function Ro({noWheelClassName:e,preventScrolling:t,d3ZoomHandler:n}){return function(r,i){let a=r.type===`wheel`,o=!t&&a&&!r.ctrlKey,s=Mo(r,e);if(r.ctrlKey&&a&&s&&r.preventDefault(),o||s)return null;r.preventDefault(),n.call(this,r,i)}}function zo({zoomPanValues:e,onDraggingChange:t,onPanZoomStart:n}){return r=>{if(r.sourceEvent?.internal)return;let i=Ao(r.transform);e.mouseButton=r.sourceEvent?.button||0,e.isZoomingOrPanning=!0,e.prevViewport=i,r.sourceEvent?.type===`mousedown`&&t(!0),n&&n?.(r.sourceEvent,i)}}function Bo({zoomPanValues:e,panOnDrag:t,onPaneContextMenu:n,onTransformChange:r,onPanZoom:i}){return a=>{e.usedRightMouseButton=!!(n&&No(t,e.mouseButton??0)),a.sourceEvent?.sync||r([a.transform.x,a.transform.y,a.transform.k]),i&&!a.sourceEvent?.internal&&i?.(a.sourceEvent,Ao(a.transform))}}function Vo({zoomPanValues:e,panOnDrag:t,panOnScroll:n,onDraggingChange:r,onPanZoomEnd:i,onPaneContextMenu:a}){return o=>{if(!o.sourceEvent?.internal&&(e.isZoomingOrPanning=!1,a&&No(t,e.mouseButton??0)&&!e.usedRightMouseButton&&o.sourceEvent&&a(o.sourceEvent),e.usedRightMouseButton=!1,r(!1),i)){let t=Ao(o.transform);e.prevViewport=t,clearTimeout(e.timerId),e.timerId=setTimeout(()=>{i?.(o.sourceEvent,t)},n?150:0)}}}function Ho({zoomActivationKeyPressed:e,zoomOnScroll:t,zoomOnPinch:n,panOnDrag:r,panOnScroll:i,zoomOnDoubleClick:a,userSelectionActive:o,noWheelClassName:s,noPanClassName:c,lib:l,connectionInProgress:u}){return d=>{let f=e||t,p=n&&d.ctrlKey,m=d.type===`wheel`;if(d.button===1&&d.type===`mousedown`&&(Mo(d,`${l}-flow__node`)||Mo(d,`${l}-flow__edge`)))return!0;if(!r&&!f&&!i&&!a&&!n||o||u&&!m||Mo(d,s)&&m||Mo(d,c)&&(!m||i&&m&&!e)||!n&&d.ctrlKey&&m)return!1;if(!n&&d.type===`touchstart`&&d.touches?.length>1)return d.preventDefault(),!1;if(!f&&!i&&!p&&m||!r&&(d.type===`mousedown`||d.type===`touchstart`)||Array.isArray(r)&&!r.includes(d.button)&&d.type===`mousedown`)return!1;let h=Array.isArray(r)&&r.includes(d.button)||!d.button||d.button<=1;return(!d.ctrlKey||m)&&h}}function Uo({domNode:e,minZoom:t,maxZoom:n,translateExtent:r,viewport:i,onPanZoom:a,onPanZoomStart:o,onPanZoomEnd:c,onDraggingChange:l}){let u={isZoomingOrPanning:!1,usedRightMouseButton:!1,prevViewport:{x:0,y:0,zoom:0},mouseButton:0,timerId:void 0,panScrollTimeout:void 0,isPanScrolling:!1},d=e.getBoundingClientRect(),f=gi().scaleExtent([t,n]).translateExtent(r),p=q(e).call(f);y({x:i.x,y:i.y,zoom:Bi(i.zoom,t,n)},[[0,0],[d.width,d.height]],r);let m=p.on(`wheel.zoom`),h=p.on(`dblclick.zoom`);f.wheelDelta(Io);function g(e,t){return p?new Promise(n=>{f?.interpolate(t?.interpolate===`linear`?s:T).transform(Fo(p,t?.duration,t?.ease,()=>n(!0)),e)}):Promise.resolve(!1)}function _({noWheelClassName:e,noPanClassName:t,onPaneContextMenu:n,userSelectionActive:r,panOnScroll:i,panOnDrag:s,panOnScrollMode:d,panOnScrollSpeed:g,preventScrolling:_,zoomOnPinch:y,zoomOnScroll:b,zoomOnDoubleClick:x,zoomActivationKeyPressed:S,lib:C,onTransformChange:w,connectionInProgress:T,paneClickDistance:E,selectionOnDrag:D}){r&&!u.isZoomingOrPanning&&v();let O=i&&!S&&!r;f.clickDistance(D?1/0:!$i(E)||E<0?0:E);let k=O?Lo({zoomPanValues:u,noWheelClassName:e,d3Selection:p,d3Zoom:f,panOnScrollMode:d,panOnScrollSpeed:g,zoomOnPinch:y,onPanZoomStart:o,onPanZoom:a,onPanZoomEnd:c}):Ro({noWheelClassName:e,preventScrolling:_,d3ZoomHandler:m});if(p.on(`wheel.zoom`,k,{passive:!1}),!r){let e=zo({zoomPanValues:u,onDraggingChange:l,onPanZoomStart:o});f.on(`start`,e);let t=Bo({zoomPanValues:u,panOnDrag:s,onPaneContextMenu:!!n,onPanZoom:a,onTransformChange:w});f.on(`zoom`,t);let r=Vo({zoomPanValues:u,panOnDrag:s,panOnScroll:i,onPaneContextMenu:n,onPanZoomEnd:c,onDraggingChange:l});f.on(`end`,r)}let A=Ho({zoomActivationKeyPressed:S,panOnDrag:s,zoomOnScroll:b,panOnScroll:i,zoomOnDoubleClick:x,zoomOnPinch:y,userSelectionActive:r,noPanClassName:t,noWheelClassName:e,lib:C,connectionInProgress:T});f.filter(A),x?p.on(`dblclick.zoom`,h):p.on(`dblclick.zoom`,null)}function v(){f.on(`zoom`,null)}async function y(e,t,n){let r=jo(e),i=f?.constrain()(r,t,n);return i&&await g(i),new Promise(e=>e(i))}async function b(e,t){let n=jo(e);return await g(n,t),new Promise(e=>e(n))}function x(e){if(p){let t=jo(e),n=p.property(`__zoom`);(n.k!==e.zoom||n.x!==e.x||n.y!==e.y)&&f?.transform(p,t,null,{sync:!0})}}function S(){let e=p?si(p.node()):{x:0,y:0,k:1};return{x:e.x,y:e.y,zoom:e.k}}function C(e,t){return p?new Promise(n=>{f?.interpolate(t?.interpolate===`linear`?s:T).scaleTo(Fo(p,t?.duration,t?.ease,()=>n(!0)),e)}):Promise.resolve(!1)}function w(e,t){return p?new Promise(n=>{f?.interpolate(t?.interpolate===`linear`?s:T).scaleBy(Fo(p,t?.duration,t?.ease,()=>n(!0)),e)}):Promise.resolve(!1)}function E(e){f?.scaleExtent(e)}function D(e){f?.translateExtent(e)}function O(e){let t=!$i(e)||e<0?0:e;f?.clickDistance(t)}return{update:_,destroy:v,setViewport:b,setViewportConstrained:y,getViewport:S,scaleTo:C,scaleBy:w,setScaleExtent:E,setTranslateExtent:D,syncViewport:x,setClickDistance:O}}var Wo;(function(e){e.Line=`line`,e.Handle=`handle`})(Wo||={});function Go({width:e,prevWidth:t,height:n,prevHeight:r,affectsX:i,affectsY:a}){let o=e-t,s=n-r,c=[o>0?1:o<0?-1:0,s>0?1:s<0?-1:0];return o&&i&&(c[0]*=-1),s&&a&&(c[1]*=-1),c}function Ko(e){return{isHorizontal:e.includes(`right`)||e.includes(`left`),isVertical:e.includes(`bottom`)||e.includes(`top`),affectsX:e.includes(`left`),affectsY:e.includes(`top`)}}function qo(e,t){return Math.max(0,t-e)}function Jo(e,t){return Math.max(0,e-t)}function Yo(e,t,n){return Math.max(0,t-e,e-n)}function Xo(e,t){return e?!t:t}function Zo(e,t,n,r,i,a,o,s){let{affectsX:c,affectsY:l}=t,{isHorizontal:u,isVertical:d}=t,f=u&&d,{xSnapped:p,ySnapped:m}=n,{minWidth:h,maxWidth:g,minHeight:_,maxHeight:v}=r,{x:y,y:b,width:x,height:S,aspectRatio:C}=e,w=Math.floor(u?p-e.pointerX:0),T=Math.floor(d?m-e.pointerY:0),E=x+(c?-w:w),D=S+(l?-T:T),O=-a[0]*x,k=-a[1]*S,A=Yo(E,h,g),j=Yo(D,_,v);if(o){let e=0,t=0;c&&w<0?e=qo(y+w+O,o[0][0]):!c&&w>0&&(e=Jo(y+E+O,o[1][0])),l&&T<0?t=qo(b+T+k,o[0][1]):!l&&T>0&&(t=Jo(b+D+k,o[1][1])),A=Math.max(A,e),j=Math.max(j,t)}if(s){let e=0,t=0;c&&w>0?e=Jo(y+w,s[0][0]):!c&&w<0&&(e=qo(y+E,s[1][0])),l&&T>0?t=Jo(b+T,s[0][1]):!l&&T<0&&(t=qo(b+D,s[1][1])),A=Math.max(A,e),j=Math.max(j,t)}if(i){if(u){let e=Yo(E/C,_,v)*C;if(A=Math.max(A,e),o){let e=0;e=!c&&!l||c&&!l&&f?Jo(b+k+E/C,o[1][1])*C:qo(b+k+(c?w:-w)/C,o[0][1])*C,A=Math.max(A,e)}if(s){let e=0;e=!c&&!l||c&&!l&&f?qo(b+E/C,s[1][1])*C:Jo(b+(c?w:-w)/C,s[0][1])*C,A=Math.max(A,e)}}if(d){let e=Yo(D*C,h,g)/C;if(j=Math.max(j,e),o){let e=0;e=!c&&!l||l&&!c&&f?Jo(y+D*C+O,o[1][0])/C:qo(y+(l?T:-T)*C+O,o[0][0])/C,j=Math.max(j,e)}if(s){let e=0;e=!c&&!l||l&&!c&&f?qo(y+D*C,s[1][0])/C:Jo(y+(l?T:-T)*C,s[0][0])/C,j=Math.max(j,e)}}}T+=T<0?j:-j,w+=w<0?A:-A,i&&(f?E>D*C?T=(Xo(c,l)?-w:w)/C:w=(Xo(c,l)?-T:T)*C:u?(T=w/C,l=c):(w=T*C,c=l));let M=c?y+w:y,N=l?b+T:b;return{width:x+(c?-w:w),height:S+(l?-T:T),x:a[0]*w*(c?-1:1)+M,y:a[1]*T*(l?-1:1)+N}}var Qo={width:0,height:0,x:0,y:0},$o={...Qo,pointerX:0,pointerY:0,aspectRatio:1};function es(e){return[[0,0],[e.measured.width,e.measured.height]]}function ts(e,t,n){let r=t.position.x+e.position.x,i=t.position.y+e.position.y,a=e.measured.width??0,o=e.measured.height??0,s=n[0]*a,c=n[1]*o;return[[r-s,i-c],[r+a-s,i+o-c]]}function ns({domNode:e,nodeId:t,getStoreItems:n,onChange:r,onEnd:i}){let a=q(e),o={controlDirection:Ko(`bottom-right`),boundaries:{minWidth:0,minHeight:0,maxWidth:Number.MAX_VALUE,maxHeight:Number.MAX_VALUE},resizeDirection:void 0,keepAspectRatio:!1};function s({controlPosition:e,boundaries:s,keepAspectRatio:c,resizeDirection:l,onResizeStart:u,onResize:d,onResizeEnd:f,shouldResize:p}){let m={...Qo},h={...$o};o={boundaries:s,resizeDirection:l,keepAspectRatio:c,controlDirection:Ko(e)};let g,_=null,v=[],y,b,x,S=!1,C=gn().on(`start`,e=>{let{nodeLookup:r,transform:i,snapGrid:a,snapToGrid:o,nodeOrigin:s,paneDomNode:c}=n();if(g=r.get(t),!g)return;_=c?.getBoundingClientRect()??null;let{xSnapped:l,ySnapped:d}=ga(e.sourceEvent,{transform:i,snapGrid:a,snapToGrid:o,containerBounds:_});m={width:g.measured.width??0,height:g.measured.height??0,x:g.position.x??0,y:g.position.y??0},h={...m,pointerX:l,pointerY:d,aspectRatio:m.width/m.height},y=void 0,g.parentId&&(g.extent===`parent`||g.expandParent)&&(y=r.get(g.parentId),b=y&&g.extent===`parent`?es(y):void 0),v=[],x=void 0;for(let[e,n]of r)if(n.parentId===t&&(v.push({id:e,position:{...n.position},extent:n.extent}),n.extent===`parent`||n.expandParent)){let e=ts(n,g,n.origin??s);x=x?[[Math.min(e[0][0],x[0][0]),Math.min(e[0][1],x[0][1])],[Math.max(e[1][0],x[1][0]),Math.max(e[1][1],x[1][1])]]:e}u?.(e,{...m})}).on(`drag`,e=>{let{transform:t,snapGrid:i,snapToGrid:a,nodeOrigin:s}=n(),c=ga(e.sourceEvent,{transform:t,snapGrid:i,snapToGrid:a,containerBounds:_}),l=[];if(!g)return;let{x:u,y:f,width:C,height:w}=m,T={},E=g.origin??s,{width:D,height:O,x:k,y:A}=Zo(h,o.controlDirection,c,o.boundaries,o.keepAspectRatio,E,b,x),j=D!==C,M=O!==w,N=k!==u&&j,P=A!==f&&M;if(!N&&!P&&!j&&!M)return;if((N||P||E[0]===1||E[1]===1)&&(T.x=N?k:m.x,T.y=P?A:m.y,m.x=T.x,m.y=T.y,v.length>0)){let e=k-u,t=A-f;for(let n of v)n.position={x:n.position.x-e+E[0]*(D-C),y:n.position.y-t+E[1]*(O-w)},l.push(n)}if((j||M)&&(T.width=j&&(!o.resizeDirection||o.resizeDirection===`horizontal`)?D:m.width,T.height=M&&(!o.resizeDirection||o.resizeDirection===`vertical`)?O:m.height,m.width=T.width,m.height=T.height),y&&g.expandParent){let e=E[0]*(T.width??0);T.x&&T.x<e&&(m.x=e,h.x-=T.x-e);let t=E[1]*(T.height??0);T.y&&T.y<t&&(m.y=t,h.y-=T.y-t)}let F=Go({width:m.width,prevWidth:C,height:m.height,prevHeight:w,affectsX:o.controlDirection.affectsX,affectsY:o.controlDirection.affectsY}),I={...m,direction:F};p?.(e,I)!==!1&&(S=!0,d?.(e,I),r(T,l))}).on(`end`,e=>{S&&=(f?.(e,{...m}),i?.({...m}),!1)});a.call(C)}function c(){a.on(`.drag`,null)}return{update:s,destroy:c}}var rs=n((e=>{var n=t(),r=d();function i(e,t){return e===t&&(e!==0||1/e==1/t)||e!==e&&t!==t}var a=typeof Object.is==`function`?Object.is:i,o=r.useSyncExternalStore,s=n.useRef,c=n.useEffect,l=n.useMemo,u=n.useDebugValue;e.useSyncExternalStoreWithSelector=function(e,t,n,r,i){var d=s(null);if(d.current===null){var f={hasValue:!1,value:null};d.current=f}else f=d.current;d=l(function(){function e(e){if(!o){if(o=!0,s=e,e=r(e),i!==void 0&&f.hasValue){var t=f.value;if(i(t,e))return c=t}return c=e}if(t=c,a(s,e))return t;var n=r(e);return i!==void 0&&i(t,n)?(s=e,t):(s=e,c=n)}var o=!1,s,c,l=n===void 0?null:n;return[function(){return e(t())},l===null?void 0:function(){return e(l())}]},[t,n,r,i]);var p=o(e,d[0],d[1]);return c(function(){f.hasValue=!0,f.value=p},[p]),u(p),p}})),is=e(n(((e,t)=>{t.exports=rs()}))(),1),as=e=>{let t,n=new Set,r=(e,r)=>{let i=typeof e==`function`?e(t):e;if(!Object.is(i,t)){let e=t;t=r??(typeof i!=`object`||!i)?i:Object.assign({},t,i),n.forEach(n=>n(t,e))}},i=()=>t,a={setState:r,getState:i,getInitialState:()=>o,subscribe:e=>(n.add(e),()=>n.delete(e)),destroy:()=>{n.clear()}},o=t=e(r,i,a);return a},os=e=>e?as(e):as,{useDebugValue:ss}=E.default,{useSyncExternalStoreWithSelector:cs}=is.default,ls=e=>e;function us(e,t=ls,n){let r=cs(e.subscribe,e.getState,e.getServerState||e.getInitialState,t,n);return ss(r),r}var ds=(e,t)=>{let n=os(e),r=(e,r=t)=>us(n,e,r);return Object.assign(r,n),r},fs=(e,t)=>e?ds(e,t):ds;function Z(e,t){if(Object.is(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(let[n,r]of e)if(!Object.is(r,t.get(n)))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}let n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||!Object.is(e[r],t[r]))return!1;return!0}a();var ps=(0,E.createContext)(null),ms=ps.Provider,hs=Y.error001();function Q(e,t){let n=(0,E.useContext)(ps);if(n===null)throw Error(hs);return us(n,e,t)}function $(){let e=(0,E.useContext)(ps);if(e===null)throw Error(hs);return(0,E.useMemo)(()=>({getState:e.getState,setState:e.setState,subscribe:e.subscribe}),[e])}var gs={display:`none`},_s={position:`absolute`,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0px, 0px, 0px, 0px)`,clipPath:`inset(100%)`},vs=`react-flow__node-desc`,ys=`react-flow__edge-desc`,bs=`react-flow__aria-live`,xs=e=>e.ariaLiveMessage,Ss=e=>e.ariaLabelConfig;function Cs({rfId:e}){let t=Q(xs);return(0,A.jsx)(`div`,{id:`${bs}-${e}`,"aria-live":`assertive`,"aria-atomic":`true`,style:_s,children:t})}function ws({rfId:e,disableKeyboardA11y:t}){let n=Q(Ss);return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`div`,{id:`${vs}-${e}`,style:gs,children:t?n[`node.a11yDescription.default`]:n[`node.a11yDescription.keyboardDisabled`]}),(0,A.jsx)(`div`,{id:`${ys}-${e}`,style:gs,children:n[`edge.a11yDescription.default`]}),!t&&(0,A.jsx)(Cs,{rfId:e})]})}var Ts=(0,E.forwardRef)(({position:e=`top-left`,children:t,className:n,style:r,...i},a)=>(0,A.jsx)(`div`,{className:W([`react-flow__panel`,n,...`${e}`.split(`-`)]),style:r,ref:a,...i,children:t}));Ts.displayName=`Panel`;function Es({proOptions:e,position:t=`bottom-right`}){return e?.hideAttribution?null:(0,A.jsx)(Ts,{position:t,className:`react-flow__attribution`,"data-message":`Please only hide this attribution when you are subscribed to React Flow Pro: https://pro.reactflow.dev`,children:(0,A.jsx)(`a`,{href:`https://reactflow.dev`,target:`_blank`,rel:`noopener noreferrer`,"aria-label":`React Flow attribution`,children:`React Flow`})})}var Ds=e=>{let t=[],n=[];for(let[,n]of e.nodeLookup)n.selected&&t.push(n.internals.userNode);for(let[,t]of e.edgeLookup)t.selected&&n.push(t);return{selectedNodes:t,selectedEdges:n}},Os=e=>e.id;function ks(e,t){return Z(e.selectedNodes.map(Os),t.selectedNodes.map(Os))&&Z(e.selectedEdges.map(Os),t.selectedEdges.map(Os))}function As({onSelectionChange:e}){let t=$(),{selectedNodes:n,selectedEdges:r}=Q(Ds,ks);return(0,E.useEffect)(()=>{let i={nodes:n,edges:r};e?.(i),t.getState().onSelectionChangeHandlers.forEach(e=>e(i))},[n,r,e]),null}var js=e=>!!e.onSelectionChangeHandlers;function Ms({onSelectionChange:e}){let t=Q(js);return e||t?(0,A.jsx)(As,{onSelectionChange:e}):null}var Ns=typeof window<`u`?E.useLayoutEffect:E.useEffect,Ps=[0,0],Fs={x:0,y:0,zoom:1},Is=[...`nodes.edges.defaultNodes.defaultEdges.onConnect.onConnectStart.onConnectEnd.onClickConnectStart.onClickConnectEnd.nodesDraggable.autoPanOnNodeFocus.nodesConnectable.nodesFocusable.edgesFocusable.edgesReconnectable.elevateNodesOnSelect.elevateEdgesOnSelect.minZoom.maxZoom.nodeExtent.onNodesChange.onEdgesChange.elementsSelectable.connectionMode.snapGrid.snapToGrid.translateExtent.connectOnClick.defaultEdgeOptions.fitView.fitViewOptions.onNodesDelete.onEdgesDelete.onDelete.onNodeDrag.onNodeDragStart.onNodeDragStop.onSelectionDrag.onSelectionDragStart.onSelectionDragStop.onMoveStart.onMove.onMoveEnd.noPanClassName.nodeOrigin.autoPanOnConnect.autoPanOnNodeDrag.onError.connectionRadius.isValidConnection.selectNodesOnDrag.nodeDragThreshold.connectionDragThreshold.onBeforeDelete.debug.autoPanSpeed.ariaLabelConfig.zIndexMode`.split(`.`),`rfId`],Ls=e=>({setNodes:e.setNodes,setEdges:e.setEdges,setMinZoom:e.setMinZoom,setMaxZoom:e.setMaxZoom,setTranslateExtent:e.setTranslateExtent,setNodeExtent:e.setNodeExtent,reset:e.reset,setDefaultNodesAndEdges:e.setDefaultNodesAndEdges}),Rs={translateExtent:_i,nodeOrigin:Ps,minZoom:.5,maxZoom:2,elementsSelectable:!0,noPanClassName:`nopan`,rfId:`1`};function zs(e){let{setNodes:t,setEdges:n,setMinZoom:r,setMaxZoom:i,setTranslateExtent:a,setNodeExtent:o,reset:s,setDefaultNodesAndEdges:c}=Q(Ls,Z),l=$();Ns(()=>(c(e.defaultNodes,e.defaultEdges),()=>{u.current=Rs,s()}),[]);let u=(0,E.useRef)(Rs);return Ns(()=>{for(let s of Is){let c=e[s];c!==u.current[s]&&e[s]!==void 0&&(s===`nodes`?t(c):s===`edges`?n(c):s===`minZoom`?r(c):s===`maxZoom`?i(c):s===`translateExtent`?a(c):s===`nodeExtent`?o(c):s===`ariaLabelConfig`?l.setState({ariaLabelConfig:ha(c)}):s===`fitView`?l.setState({fitViewQueued:c}):s===`fitViewOptions`?l.setState({fitViewOptions:c}):l.setState({[s]:c}))}u.current=e},Is.map(t=>e[t])),null}function Bs(){return typeof window>`u`||!window.matchMedia?null:window.matchMedia(`(prefers-color-scheme: dark)`)}function Vs(e){let[t,n]=(0,E.useState)(e===`system`?null:e);return(0,E.useEffect)(()=>{if(e!==`system`){n(e);return}let t=Bs(),r=()=>n(t?.matches?`dark`:`light`);return r(),t?.addEventListener(`change`,r),()=>{t?.removeEventListener(`change`,r)}},[e]),t===null?Bs()?.matches?`dark`:`light`:t}var Hs=typeof document<`u`?document:null;function Us(e=null,t={target:Hs,actInsideInputWithModifier:!0}){let[n,r]=(0,E.useState)(!1),i=(0,E.useRef)(!1),a=(0,E.useRef)(new Set([])),[o,s]=(0,E.useMemo)(()=>{if(e!==null){let t=(Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).map(e=>e.replace(`+`,`
|
|
21
|
+
`).replace(`
|
|
22
|
+
|
|
23
|
+
`,`
|
|
24
|
+
+`).split(`
|
|
25
|
+
`));return[t,t.reduce((e,t)=>e.concat(...t),[])]}return[[],[]]},[e]);return(0,E.useEffect)(()=>{let n=t?.target??Hs,c=t?.actInsideInputWithModifier??!0;if(e!==null){let e=e=>{if(i.current=e.ctrlKey||e.metaKey||e.shiftKey||e.altKey,(!i.current||i.current&&!c)&&ba(e))return!1;let n=Gs(e.code,s);if(a.current.add(e[n]),Ws(o,a.current,!1)){let n=e.composedPath?.()?.[0]||e.target,a=n?.nodeName===`BUTTON`||n?.nodeName===`A`;t.preventDefault!==!1&&(i.current||!a)&&e.preventDefault(),r(!0)}},l=e=>{let t=Gs(e.code,s);Ws(o,a.current,!0)?(r(!1),a.current.clear()):a.current.delete(e[t]),e.key===`Meta`&&a.current.clear(),i.current=!1},u=()=>{a.current.clear(),r(!1)};return n?.addEventListener(`keydown`,e),n?.addEventListener(`keyup`,l),window.addEventListener(`blur`,u),window.addEventListener(`contextmenu`,u),()=>{n?.removeEventListener(`keydown`,e),n?.removeEventListener(`keyup`,l),window.removeEventListener(`blur`,u),window.removeEventListener(`contextmenu`,u)}}},[e,r]),n}function Ws(e,t,n){return e.filter(e=>n||e.length===t.size).some(e=>e.every(e=>t.has(e)))}function Gs(e,t){return t.includes(e)?`code`:`key`}var Ks=()=>{let e=$();return(0,E.useMemo)(()=>({zoomIn:t=>{let{panZoom:n}=e.getState();return n?n.scaleBy(1.2,t):Promise.resolve(!1)},zoomOut:t=>{let{panZoom:n}=e.getState();return n?n.scaleBy(1/1.2,t):Promise.resolve(!1)},zoomTo:(t,n)=>{let{panZoom:r}=e.getState();return r?r.scaleTo(t,n):Promise.resolve(!1)},getZoom:()=>e.getState().transform[2],setViewport:async(t,n)=>{let{transform:[r,i,a],panZoom:o}=e.getState();return o?(await o.setViewport({x:t.x??r,y:t.y??i,zoom:t.zoom??a},n),Promise.resolve(!0)):Promise.resolve(!1)},getViewport:()=>{let[t,n,r]=e.getState().transform;return{x:t,y:n,zoom:r}},setCenter:async(t,n,r)=>e.getState().setCenter(t,n,r),fitBounds:async(t,n)=>{let{width:r,height:i,minZoom:a,maxZoom:o,panZoom:s}=e.getState(),c=sa(t,r,i,a,o,n?.padding??.1);return s?(await s.setViewport(c,{duration:n?.duration,ease:n?.ease,interpolate:n?.interpolate}),Promise.resolve(!0)):Promise.resolve(!1)},screenToFlowPosition:(t,n={})=>{let{transform:r,snapGrid:i,snapToGrid:a,domNode:o}=e.getState();if(!o)return t;let{x:s,y:c}=o.getBoundingClientRect(),l={x:t.x-s,y:t.y-c},u=n.snapGrid??i;return na(l,r,n.snapToGrid??a,u)},flowToScreenPosition:t=>{let{transform:n,domNode:r}=e.getState();if(!r)return t;let{x:i,y:a}=r.getBoundingClientRect(),o=ra(t,n);return{x:o.x+i,y:o.y+a}}}),[])};function qs(e,t){let n=[],r=new Map,i=[];for(let t of e)if(t.type===`add`){i.push(t);continue}else if(t.type===`remove`||t.type===`replace`)r.set(t.id,[t]);else{let e=r.get(t.id);e?e.push(t):r.set(t.id,[t])}for(let e of t){let t=r.get(e.id);if(!t){n.push(e);continue}if(t[0].type===`remove`)continue;if(t[0].type===`replace`){n.push({...t[0].item});continue}let i={...e};for(let e of t)Js(e,i);n.push(i)}return i.length&&i.forEach(e=>{e.index===void 0?n.push({...e.item}):n.splice(e.index,0,{...e.item})}),n}function Js(e,t){switch(e.type){case`select`:t.selected=e.selected;break;case`position`:e.position!==void 0&&(t.position=e.position),e.dragging!==void 0&&(t.dragging=e.dragging);break;case`dimensions`:e.dimensions!==void 0&&(t.measured={...e.dimensions},e.setAttributes&&((e.setAttributes===!0||e.setAttributes===`width`)&&(t.width=e.dimensions.width),(e.setAttributes===!0||e.setAttributes===`height`)&&(t.height=e.dimensions.height))),typeof e.resizing==`boolean`&&(t.resizing=e.resizing);break}}function Ys(e,t){return qs(e,t)}function Xs(e,t){return qs(e,t)}function Zs(e,t){return{id:e,type:`select`,selected:t}}function Qs(e,t=new Set,n=!1){let r=[];for(let[i,a]of e){let e=t.has(i);!(a.selected===void 0&&!e)&&a.selected!==e&&(n&&(a.selected=e),r.push(Zs(a.id,e)))}return r}function $s({items:e=[],lookup:t}){let n=[],r=new Map(e.map(e=>[e.id,e]));for(let[r,i]of e.entries()){let e=t.get(i.id),a=e?.internals?.userNode??e;a!==void 0&&a!==i&&n.push({id:i.id,item:i,type:`replace`}),a===void 0&&n.push({item:i,type:`add`,index:r})}for(let[e]of t)r.get(e)===void 0&&n.push({id:e,type:`remove`});return n}function ec(e){return{id:e.id,type:`remove`}}var tc=e=>ki(e),nc=e=>Oi(e);function rc(e){return(0,E.forwardRef)(e)}function ic(e){let[t,n]=(0,E.useState)(BigInt(0)),[r]=(0,E.useState)(()=>ac(()=>n(e=>e+BigInt(1))));return Ns(()=>{let t=r.get();t.length&&(e(t),r.reset())},[t]),r}function ac(e){let t=[];return{get:()=>t,reset:()=>{t=[]},push:n=>{t.push(n),e()}}}var oc=(0,E.createContext)(null);function sc({children:e}){let t=$(),n=ic((0,E.useCallback)(e=>{let{nodes:n=[],setNodes:r,hasDefaultNodes:i,onNodesChange:a,nodeLookup:o,fitViewQueued:s,onNodesChangeMiddlewareMap:c}=t.getState(),l=n;for(let t of e)l=typeof t==`function`?t(l):t;let u=$s({items:l,lookup:o});for(let e of c.values())u=e(u);i&&r(l),u.length>0?a?.(u):s&&window.requestAnimationFrame(()=>{let{fitViewQueued:e,nodes:n,setNodes:r}=t.getState();e&&r(n)})},[])),r=ic((0,E.useCallback)(e=>{let{edges:n=[],setEdges:r,hasDefaultEdges:i,onEdgesChange:a,edgeLookup:o}=t.getState(),s=n;for(let t of e)s=typeof t==`function`?t(s):t;i?r(s):a&&a($s({items:s,lookup:o}))},[])),i=(0,E.useMemo)(()=>({nodeQueue:n,edgeQueue:r}),[]);return(0,A.jsx)(oc.Provider,{value:i,children:e})}function cc(){let e=(0,E.useContext)(oc);if(!e)throw Error(`useBatchContext must be used within a BatchProvider`);return e}var lc=e=>!!e.panZoom;function uc(){let e=Ks(),t=$(),n=cc(),r=Q(lc),i=(0,E.useMemo)(()=>{let e=e=>t.getState().nodeLookup.get(e),r=e=>{n.nodeQueue.push(e)},i=e=>{n.edgeQueue.push(e)},a=e=>{let{nodeLookup:n,nodeOrigin:r}=t.getState(),i=tc(e)?e:n.get(e.id),a=i.parentId?fa(i.position,i.measured,i.parentId,n,r):i.position;return Ji({...i,position:a,width:i.measured?.width??i.width,height:i.measured?.height??i.height})},o=(e,t,n={replace:!1})=>{r(r=>r.map(r=>{if(r.id===e){let e=typeof t==`function`?t(r):t;return n.replace&&tc(e)?e:{...r,...e}}return r}))},s=(e,t,n={replace:!1})=>{i(r=>r.map(r=>{if(r.id===e){let e=typeof t==`function`?t(r):t;return n.replace&&nc(e)?e:{...r,...e}}return r}))};return{getNodes:()=>t.getState().nodes.map(e=>({...e})),getNode:t=>e(t)?.internals.userNode,getInternalNode:e,getEdges:()=>{let{edges:e=[]}=t.getState();return e.map(e=>({...e}))},getEdge:e=>t.getState().edgeLookup.get(e),setNodes:r,setEdges:i,addNodes:e=>{let t=Array.isArray(e)?e:[e];n.nodeQueue.push(e=>[...e,...t])},addEdges:e=>{let t=Array.isArray(e)?e:[e];n.edgeQueue.push(e=>[...e,...t])},toObject:()=>{let{nodes:e=[],edges:n=[],transform:r}=t.getState(),[i,a,o]=r;return{nodes:e.map(e=>({...e})),edges:n.map(e=>({...e})),viewport:{x:i,y:a,zoom:o}}},deleteElements:async({nodes:e=[],edges:n=[]})=>{let{nodes:r,edges:i,onNodesDelete:a,onEdgesDelete:o,triggerNodeChanges:s,triggerEdgeChanges:c,onDelete:l,onBeforeDelete:u}=t.getState(),{nodes:d,edges:f}=await zi({nodesToRemove:e,edgesToRemove:n,nodes:r,edges:i,onBeforeDelete:u}),p=f.length>0,m=d.length>0;if(p){let e=f.map(ec);o?.(f),c(e)}if(m){let e=d.map(ec);a?.(d),s(e)}return(m||p)&&l?.({nodes:d,edges:f}),{deletedNodes:d,deletedEdges:f}},getIntersectingNodes:(e,n=!0,r)=>{let i=Qi(e),o=i?e:a(e),s=r!==void 0;return o?(r||t.getState().nodes).filter(r=>{let a=t.getState().nodeLookup.get(r.id);if(a&&!i&&(r.id===e.id||!a.internals.positionAbsolute))return!1;let c=Ji(s?r:a),l=Zi(c,o);return n&&l>0||l>=c.width*c.height||l>=o.width*o.height}):[]},isNodeIntersecting:(e,t,n=!0)=>{let r=Qi(e)?e:a(e);if(!r)return!1;let i=Zi(r,t);return n&&i>0||i>=t.width*t.height||i>=r.width*r.height},updateNode:o,updateNodeData:(e,t,n={replace:!1})=>{o(e,e=>{let r=typeof t==`function`?t(e):t;return n.replace?{...e,data:r}:{...e,data:{...e.data,...r}}},n)},updateEdge:s,updateEdgeData:(e,t,n={replace:!1})=>{s(e,e=>{let r=typeof t==`function`?t(e):t;return n.replace?{...e,data:r}:{...e,data:{...e.data,...r}}},n)},getNodesBounds:e=>{let{nodeLookup:n,nodeOrigin:r}=t.getState();return Mi(e,{nodeLookup:n,nodeOrigin:r})},getHandleConnections:({type:e,id:n,nodeId:r})=>Array.from(t.getState().connectionLookup.get(`${r}-${e}${n?`-${n}`:``}`)?.values()??[]),getNodeConnections:({type:e,handleId:n,nodeId:r})=>Array.from(t.getState().connectionLookup.get(`${r}${e?n?`-${e}-${n}`:`-${e}`:``}`)?.values()??[]),fitView:async e=>{let r=t.getState().fitViewResolver??ma();return t.setState({fitViewQueued:!0,fitViewOptions:e,fitViewResolver:r}),n.nodeQueue.push(e=>[...e]),r.promise}}},[]);return(0,E.useMemo)(()=>({...i,...e,viewportInitialized:r}),[r])}var dc=e=>e.selected,fc=typeof window<`u`?window:void 0;function pc({deleteKeyCode:e,multiSelectionKeyCode:t}){let n=$(),{deleteElements:r}=uc(),i=Us(e,{actInsideInputWithModifier:!1}),a=Us(t,{target:fc});(0,E.useEffect)(()=>{if(i){let{edges:e,nodes:t}=n.getState();r({nodes:t.filter(dc),edges:e.filter(dc)}),n.setState({nodesSelectionActive:!1})}},[i]),(0,E.useEffect)(()=>{n.setState({multiSelectionActive:a})},[a])}function mc(e){let t=$();(0,E.useEffect)(()=>{let n=()=>{if(!e.current||!(e.current.checkVisibility?.()??!0))return!1;let n=_a(e.current);(n.height===0||n.width===0)&&t.getState().onError?.(`004`,Y.error004()),t.setState({width:n.width||500,height:n.height||500})};if(e.current){n(),window.addEventListener(`resize`,n);let t=new ResizeObserver(()=>n());return t.observe(e.current),()=>{window.removeEventListener(`resize`,n),t&&e.current&&t.unobserve(e.current)}}},[])}var hc={position:`absolute`,width:`100%`,height:`100%`,top:0,left:0},gc=e=>({userSelectionActive:e.userSelectionActive,lib:e.lib,connectionInProgress:e.connection.inProgress});function _c({onPaneContextMenu:e,zoomOnScroll:t=!0,zoomOnPinch:n=!0,panOnScroll:r=!1,panOnScrollSpeed:i=.5,panOnScrollMode:a=xi.Free,zoomOnDoubleClick:o=!0,panOnDrag:s=!0,defaultViewport:c,translateExtent:l,minZoom:u,maxZoom:d,zoomActivationKeyCode:f,preventScrolling:p=!0,children:m,noWheelClassName:h,noPanClassName:g,onViewportChange:_,isControlledViewport:v,paneClickDistance:y,selectionOnDrag:b}){let x=$(),S=(0,E.useRef)(null),{userSelectionActive:C,lib:w,connectionInProgress:T}=Q(gc,Z),D=Us(f),O=(0,E.useRef)();mc(S);let k=(0,E.useCallback)(e=>{_?.({x:e[0],y:e[1],zoom:e[2]}),v||x.setState({transform:e})},[_,v]);return(0,E.useEffect)(()=>{if(S.current){O.current=Uo({domNode:S.current,minZoom:u,maxZoom:d,translateExtent:l,viewport:c,onDraggingChange:e=>x.setState(t=>t.paneDragging===e?t:{paneDragging:e}),onPanZoomStart:(e,t)=>{let{onViewportChangeStart:n,onMoveStart:r}=x.getState();r?.(e,t),n?.(t)},onPanZoom:(e,t)=>{let{onViewportChange:n,onMove:r}=x.getState();r?.(e,t),n?.(t)},onPanZoomEnd:(e,t)=>{let{onViewportChangeEnd:n,onMoveEnd:r}=x.getState();r?.(e,t),n?.(t)}});let{x:e,y:t,zoom:n}=O.current.getViewport();return x.setState({panZoom:O.current,transform:[e,t,n],domNode:S.current.closest(`.react-flow`)}),()=>{O.current?.destroy()}}},[]),(0,E.useEffect)(()=>{O.current?.update({onPaneContextMenu:e,zoomOnScroll:t,zoomOnPinch:n,panOnScroll:r,panOnScrollSpeed:i,panOnScrollMode:a,zoomOnDoubleClick:o,panOnDrag:s,zoomActivationKeyPressed:D,preventScrolling:p,noPanClassName:g,userSelectionActive:C,noWheelClassName:h,lib:w,onTransformChange:k,connectionInProgress:T,selectionOnDrag:b,paneClickDistance:y})},[e,t,n,r,i,a,o,s,D,p,g,C,h,w,k,T,b,y]),(0,A.jsx)(`div`,{className:`react-flow__renderer`,ref:S,style:hc,children:m})}var vc=e=>({userSelectionActive:e.userSelectionActive,userSelectionRect:e.userSelectionRect});function yc(){let{userSelectionActive:e,userSelectionRect:t}=Q(vc,Z);return e&&t?(0,A.jsx)(`div`,{className:`react-flow__selection react-flow__container`,style:{width:t.width,height:t.height,transform:`translate(${t.x}px, ${t.y}px)`}}):null}var bc=(e,t)=>n=>{n.target===t.current&&e?.(n)},xc=e=>({userSelectionActive:e.userSelectionActive,elementsSelectable:e.elementsSelectable,connectionInProgress:e.connection.inProgress,dragging:e.paneDragging});function Sc({isSelecting:e,selectionKeyPressed:t,selectionMode:n=Si.Full,panOnDrag:r,paneClickDistance:i,selectionOnDrag:a,onSelectionStart:o,onSelectionEnd:s,onPaneClick:c,onPaneContextMenu:l,onPaneScroll:u,onPaneMouseEnter:d,onPaneMouseMove:f,onPaneMouseLeave:p,children:m}){let h=$(),{userSelectionActive:g,elementsSelectable:_,dragging:v,connectionInProgress:y}=Q(xc,Z),b=_&&(e||g),x=(0,E.useRef)(null),S=(0,E.useRef)(),C=(0,E.useRef)(new Set),w=(0,E.useRef)(new Set),T=(0,E.useRef)(!1),D=e=>{if(T.current||y){T.current=!1;return}c?.(e),h.getState().resetSelectedElements(),h.setState({nodesSelectionActive:!1})},O=e=>{if(Array.isArray(r)&&r?.includes(2)){e.preventDefault();return}l?.(e)},k=u?e=>u(e):void 0;return(0,A.jsxs)(`div`,{className:W([`react-flow__pane`,{draggable:r===!0||Array.isArray(r)&&r.includes(0),dragging:v,selection:e}]),onClick:b?void 0:bc(D,x),onContextMenu:bc(O,x),onWheel:bc(k,x),onPointerEnter:b?void 0:d,onPointerMove:b?e=>{let{userSelectionRect:r,transform:a,nodeLookup:s,edgeLookup:c,connectionLookup:l,triggerNodeChanges:u,triggerEdgeChanges:d,defaultEdgeOptions:f,resetSelectedElements:p}=h.getState();if(!S.current||!r)return;let{x:m,y:g}=Sa(e.nativeEvent,S.current),{startX:_,startY:v}=r;if(!T.current){let n=t?0:i;if(Math.hypot(m-_,g-v)<=n)return;p(),o?.(e)}T.current=!0;let y={startX:_,startY:v,x:m<_?m:_,y:g<v?g:v,width:Math.abs(m-_),height:Math.abs(g-v)},b=C.current,x=w.current;C.current=new Set(Pi(s,y,a,n===Si.Partial,!0).map(e=>e.id)),w.current=new Set;let E=f?.selectable??!0;for(let e of C.current){let t=l.get(e);if(t)for(let{edgeId:e}of t.values()){let t=c.get(e);t&&(t.selectable??E)&&w.current.add(e)}}pa(b,C.current)||u(Qs(s,C.current,!0)),pa(x,w.current)||d(Qs(c,w.current)),h.setState({userSelectionRect:y,userSelectionActive:!0,nodesSelectionActive:!1})}:f,onPointerUp:b?e=>{e.button===0&&(e.target?.releasePointerCapture?.(e.pointerId),!g&&e.target===x.current&&h.getState().userSelectionRect&&D?.(e),h.setState({userSelectionActive:!1,userSelectionRect:null}),T.current&&(s?.(e),h.setState({nodesSelectionActive:C.current.size>0})))}:void 0,onPointerDownCapture:b?n=>{let{domNode:r}=h.getState();if(S.current=r?.getBoundingClientRect(),!S.current)return;let i=n.target===x.current;if(!i&&n.target.closest(`.nokey`)||!e||!(a&&i||t)||n.button!==0||!n.isPrimary)return;n.target?.setPointerCapture?.(n.pointerId),T.current=!1;let{x:o,y:s}=Sa(n.nativeEvent,S.current);h.setState({userSelectionRect:{width:0,height:0,startX:o,startY:s,x:o,y:s}}),i||(n.stopPropagation(),n.preventDefault())}:void 0,onClickCapture:b?e=>{T.current&&=(e.stopPropagation(),!1)}:void 0,onPointerLeave:p,ref:x,style:hc,children:[m,(0,A.jsx)(yc,{})]})}function Cc({id:e,store:t,unselect:n=!1,nodeRef:r}){let{addSelectedNodes:i,unselectNodesAndEdges:a,multiSelectionActive:o,nodeLookup:s,onError:c}=t.getState(),l=s.get(e);if(!l){c?.(`012`,Y.error012(e));return}t.setState({nodesSelectionActive:!1}),l.selected?(n||l.selected&&o)&&(a({nodes:[l],edges:[]}),requestAnimationFrame(()=>r?.current?.blur())):i([e])}function wc({nodeRef:e,disabled:t=!1,noDragClassName:n,handleSelector:r,nodeId:i,isSelectable:a,nodeClickDistance:o}){let s=$(),[c,l]=(0,E.useState)(!1),u=(0,E.useRef)();return(0,E.useEffect)(()=>{u.current=vo({getStoreItems:()=>s.getState(),onNodeMouseDown:t=>{Cc({id:t,store:s,nodeRef:e})},onDragStart:()=>{l(!0)},onDragStop:()=>{l(!1)}})},[]),(0,E.useEffect)(()=>{if(!(t||!e.current||!u.current))return u.current.update({noDragClassName:n,handleSelector:r,domNode:e.current,isSelectable:a,nodeId:i,nodeClickDistance:o}),()=>{u.current?.destroy()}},[n,r,t,a,e,i,o]),c}var Tc=e=>t=>t.selected&&(t.draggable||e&&t.draggable===void 0);function Ec(){let e=$();return(0,E.useCallback)(t=>{let{nodeExtent:n,snapToGrid:r,snapGrid:i,nodesDraggable:a,onError:o,updateNodePositions:s,nodeLookup:c,nodeOrigin:l}=e.getState(),u=new Map,d=Tc(a),f=r?i[0]:5,p=r?i[1]:5,m=t.direction.x*f*t.factor,h=t.direction.y*p*t.factor;for(let[,e]of c){if(!d(e))continue;let t={x:e.internals.positionAbsolute.x+m,y:e.internals.positionAbsolute.y+h};r&&(t=ta(t,i));let{position:a,positionAbsolute:s}=Ri({nodeId:e.id,nextPosition:t,nodeLookup:c,nodeExtent:n,nodeOrigin:l,onError:o});e.position=a,e.internals.positionAbsolute=s,u.set(e.id,e)}s(u)},[])}var Dc=(0,E.createContext)(null),Oc=Dc.Provider;Dc.Consumer;var kc=()=>(0,E.useContext)(Dc),Ac=e=>({connectOnClick:e.connectOnClick,noPanClassName:e.noPanClassName,rfId:e.rfId}),jc=(e,t,n)=>r=>{let{connectionClickStartHandle:i,connectionMode:a,connection:o}=r,{fromHandle:s,toHandle:c,isValid:l}=o,u=c?.nodeId===e&&c?.id===t&&c?.type===n;return{connectingFrom:s?.nodeId===e&&s?.id===t&&s?.type===n,connectingTo:u,clickConnecting:i?.nodeId===e&&i?.id===t&&i?.type===n,isPossibleEndHandle:a===bi.Strict?s?.type!==n:e!==s?.nodeId||t!==s?.id,connectionInProcess:!!s,clickConnectionInProcess:!!i,valid:u&&l}};function Mc({type:e=`source`,position:t=X.Top,isValidConnection:n,isConnectable:r=!0,isConnectableStart:i=!0,isConnectableEnd:a=!0,id:o,onConnect:s,children:c,className:l,onMouseDown:u,onTouchStart:d,...f},p){let m=o||null,h=e===`target`,g=$(),_=kc(),{connectOnClick:v,noPanClassName:y,rfId:b}=Q(Ac,Z),{connectingFrom:x,connectingTo:S,clickConnecting:C,isPossibleEndHandle:w,connectionInProcess:T,clickConnectionInProcess:E,valid:D}=Q(jc(_,m,e),Z);_||g.getState().onError?.(`010`,Y.error010());let O=e=>{let{defaultEdgeOptions:t,onConnect:n,hasDefaultEdges:r}=g.getState(),i={...t,...e};if(r){let{edges:e,setEdges:t}=g.getState();t(Na(i,e))}n?.(i),s?.(i)},k=e=>{if(!_)return;let t=xa(e.nativeEvent);if(i&&(t&&e.button===0||!t)){let t=g.getState();Oo.onPointerDown(e.nativeEvent,{handleDomNode:e.currentTarget,autoPanOnConnect:t.autoPanOnConnect,connectionMode:t.connectionMode,connectionRadius:t.connectionRadius,domNode:t.domNode,nodeLookup:t.nodeLookup,lib:t.lib,isTarget:h,handleId:m,nodeId:_,flowId:t.rfId,panBy:t.panBy,cancelConnection:t.cancelConnection,onConnectStart:t.onConnectStart,onConnectEnd:(...e)=>g.getState().onConnectEnd?.(...e),updateConnection:t.updateConnection,onConnect:O,isValidConnection:n||((...e)=>g.getState().isValidConnection?.(...e)??!0),getTransform:()=>g.getState().transform,getFromHandle:()=>g.getState().connection.fromHandle,autoPanSpeed:t.autoPanSpeed,dragThreshold:t.connectionDragThreshold})}t?u?.(e):d?.(e)},j=t=>{let{onClickConnectStart:r,onClickConnectEnd:a,connectionClickStartHandle:o,connectionMode:s,isValidConnection:c,lib:l,rfId:u,nodeLookup:d,connection:f}=g.getState();if(!_||!o&&!i)return;if(!o){r?.(t.nativeEvent,{nodeId:_,handleId:m,handleType:e}),g.setState({connectionClickStartHandle:{nodeId:_,type:e,id:m}});return}let p=va(t.target),h=n||c,{connection:v,isValid:y}=Oo.isValid(t.nativeEvent,{handle:{nodeId:_,id:m,type:e},connectionMode:s,fromNodeId:o.nodeId,fromHandleId:o.id||null,fromType:o.type,isValidConnection:h,flowId:u,doc:p,lib:l,nodeLookup:d});y&&v&&O(v);let b=structuredClone(f);delete b.inProgress,b.toPosition=b.toHandle?b.toHandle.position:null,a?.(t,b),g.setState({connectionClickStartHandle:null})};return(0,A.jsx)(`div`,{"data-handleid":m,"data-nodeid":_,"data-handlepos":t,"data-id":`${b}-${_}-${m}-${e}`,className:W([`react-flow__handle`,`react-flow__handle-${t}`,`nodrag`,y,l,{source:!h,target:h,connectable:r,connectablestart:i,connectableend:a,clickconnecting:C,connectingfrom:x,connectingto:S,valid:D,connectionindicator:r&&(!T||w)&&(T||E?a:i)}]),onMouseDown:k,onTouchStart:k,onClick:v?j:void 0,ref:p,...f,children:c})}var Nc=(0,E.memo)(rc(Mc));function Pc({data:e,isConnectable:t,sourcePosition:n=X.Bottom}){return(0,A.jsxs)(A.Fragment,{children:[e?.label,(0,A.jsx)(Nc,{type:`source`,position:n,isConnectable:t})]})}function Fc({data:e,isConnectable:t,targetPosition:n=X.Top,sourcePosition:r=X.Bottom}){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(Nc,{type:`target`,position:n,isConnectable:t}),e?.label,(0,A.jsx)(Nc,{type:`source`,position:r,isConnectable:t})]})}function Ic(){return null}function Lc({data:e,isConnectable:t,targetPosition:n=X.Top}){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(Nc,{type:`target`,position:n,isConnectable:t}),e?.label]})}var Rc={ArrowUp:{x:0,y:-1},ArrowDown:{x:0,y:1},ArrowLeft:{x:-1,y:0},ArrowRight:{x:1,y:0}},zc={input:Pc,default:Fc,output:Lc,group:Ic};function Bc(e){return e.internals.handleBounds===void 0?{width:e.width??e.initialWidth??e.style?.width,height:e.height??e.initialHeight??e.style?.height}:{width:e.width??e.style?.width,height:e.height??e.style?.height}}var Vc=e=>{let{width:t,height:n,x:r,y:i}=Ni(e.nodeLookup,{filter:e=>!!e.selected});return{width:$i(t)?t:null,height:$i(n)?n:null,userSelectionActive:e.userSelectionActive,transformString:`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]}) translate(${r}px,${i}px)`}};function Hc({onSelectionContextMenu:e,noPanClassName:t,disableKeyboardA11y:n}){let r=$(),{width:i,height:a,transformString:o,userSelectionActive:s}=Q(Vc,Z),c=Ec(),l=(0,E.useRef)(null);(0,E.useEffect)(()=>{n||l.current?.focus({preventScroll:!0})},[n]);let u=!s&&i!==null&&a!==null;if(wc({nodeRef:l,disabled:!u}),!u)return null;let d=e?t=>{e(t,r.getState().nodes.filter(e=>e.selected))}:void 0;return(0,A.jsx)(`div`,{className:W([`react-flow__nodesselection`,`react-flow__container`,t]),style:{transform:o},children:(0,A.jsx)(`div`,{ref:l,className:`react-flow__nodesselection-rect`,onContextMenu:d,tabIndex:n?void 0:-1,onKeyDown:n?void 0:e=>{Object.prototype.hasOwnProperty.call(Rc,e.key)&&(e.preventDefault(),c({direction:Rc[e.key],factor:e.shiftKey?4:1}))},style:{width:i,height:a}})})}var Uc=typeof window<`u`?window:void 0,Wc=e=>({nodesSelectionActive:e.nodesSelectionActive,userSelectionActive:e.userSelectionActive});function Gc({children:e,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:i,onPaneContextMenu:a,onPaneScroll:o,paneClickDistance:s,deleteKeyCode:c,selectionKeyCode:l,selectionOnDrag:u,selectionMode:d,onSelectionStart:f,onSelectionEnd:p,multiSelectionKeyCode:m,panActivationKeyCode:h,zoomActivationKeyCode:g,elementsSelectable:_,zoomOnScroll:v,zoomOnPinch:y,panOnScroll:b,panOnScrollSpeed:x,panOnScrollMode:S,zoomOnDoubleClick:C,panOnDrag:w,defaultViewport:T,translateExtent:E,minZoom:D,maxZoom:O,preventScrolling:k,onSelectionContextMenu:j,noWheelClassName:M,noPanClassName:N,disableKeyboardA11y:P,onViewportChange:F,isControlledViewport:I}){let{nodesSelectionActive:L,userSelectionActive:R}=Q(Wc,Z),z=Us(l,{target:Uc}),B=Us(h,{target:Uc}),V=B||w,H=B||b,U=u&&V!==!0,W=z||R||U;return pc({deleteKeyCode:c,multiSelectionKeyCode:m}),(0,A.jsx)(_c,{onPaneContextMenu:a,elementsSelectable:_,zoomOnScroll:v,zoomOnPinch:y,panOnScroll:H,panOnScrollSpeed:x,panOnScrollMode:S,zoomOnDoubleClick:C,panOnDrag:!z&&V,defaultViewport:T,translateExtent:E,minZoom:D,maxZoom:O,zoomActivationKeyCode:g,preventScrolling:k,noWheelClassName:M,noPanClassName:N,onViewportChange:F,isControlledViewport:I,paneClickDistance:s,selectionOnDrag:U,children:(0,A.jsxs)(Sc,{onSelectionStart:f,onSelectionEnd:p,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:i,onPaneContextMenu:a,onPaneScroll:o,panOnDrag:V,isSelecting:!!W,selectionMode:d,selectionKeyPressed:z,paneClickDistance:s,selectionOnDrag:U,children:[e,L&&(0,A.jsx)(Hc,{onSelectionContextMenu:j,noPanClassName:N,disableKeyboardA11y:P})]})})}Gc.displayName=`FlowRenderer`;var Kc=(0,E.memo)(Gc),qc=e=>t=>e?Pi(t.nodeLookup,{x:0,y:0,width:t.width,height:t.height},t.transform,!0).map(e=>e.id):Array.from(t.nodeLookup.keys());function Jc(e){return Q((0,E.useCallback)(qc(e),[e]),Z)}var Yc=e=>e.updateNodeInternals;function Xc(){let e=Q(Yc),[t]=(0,E.useState)(()=>typeof ResizeObserver>`u`?null:new ResizeObserver(t=>{let n=new Map;t.forEach(e=>{let t=e.target.getAttribute(`data-id`);n.set(t,{id:t,nodeElement:e.target,force:!0})}),e(n)}));return(0,E.useEffect)(()=>()=>{t?.disconnect()},[t]),t}function Zc({node:e,nodeType:t,hasDimensions:n,resizeObserver:r}){let i=$(),a=(0,E.useRef)(null),o=(0,E.useRef)(null),s=(0,E.useRef)(e.sourcePosition),c=(0,E.useRef)(e.targetPosition),l=(0,E.useRef)(t),u=n&&!!e.internals.handleBounds;return(0,E.useEffect)(()=>{a.current&&!e.hidden&&(!u||o.current!==a.current)&&(o.current&&r?.unobserve(o.current),r?.observe(a.current),o.current=a.current)},[u,e.hidden]),(0,E.useEffect)(()=>()=>{o.current&&=(r?.unobserve(o.current),null)},[]),(0,E.useEffect)(()=>{if(a.current){let n=l.current!==t,r=s.current!==e.sourcePosition,o=c.current!==e.targetPosition;(n||r||o)&&(l.current=t,s.current=e.sourcePosition,c.current=e.targetPosition,i.getState().updateNodeInternals(new Map([[e.id,{id:e.id,nodeElement:a.current,force:!0}]])))}},[e.id,t,e.sourcePosition,e.targetPosition]),a}function Qc({id:e,onClick:t,onMouseEnter:n,onMouseMove:r,onMouseLeave:i,onContextMenu:a,onDoubleClick:o,nodesDraggable:s,elementsSelectable:c,nodesConnectable:l,nodesFocusable:u,resizeObserver:d,noDragClassName:f,noPanClassName:p,disableKeyboardA11y:m,rfId:h,nodeTypes:g,nodeClickDistance:_,onError:v}){let{node:y,internals:b,isParent:x}=Q(t=>{let n=t.nodeLookup.get(e),r=t.parentLookup.has(e);return{node:n,internals:n.internals,isParent:r}},Z),S=y.type||`default`,C=g?.[S]||zc[S];C===void 0&&(v?.(`003`,Y.error003(S)),S=`default`,C=g?.default||zc.default);let w=!!(y.draggable||s&&y.draggable===void 0),T=!!(y.selectable||c&&y.selectable===void 0),E=!!(y.connectable||l&&y.connectable===void 0),D=!!(y.focusable||u&&y.focusable===void 0),O=$(),k=da(y),j=Zc({node:y,nodeType:S,hasDimensions:k,resizeObserver:d}),M=wc({nodeRef:j,disabled:y.hidden||!w,noDragClassName:f,handleSelector:y.dragHandle,nodeId:e,isSelectable:T,nodeClickDistance:_}),N=Ec();if(y.hidden)return null;let P=ua(y),F=Bc(y),I=T||w||t||n||r||i,L=n?e=>n(e,{...b.userNode}):void 0,R=r?e=>r(e,{...b.userNode}):void 0,z=i?e=>i(e,{...b.userNode}):void 0,B=a?e=>a(e,{...b.userNode}):void 0,V=o?e=>o(e,{...b.userNode}):void 0,H=n=>{let{selectNodesOnDrag:r,nodeDragThreshold:i}=O.getState();T&&(!r||!w||i>0)&&Cc({id:e,store:O,nodeRef:j}),t&&t(n,{...b.userNode})},U=t=>{if(!(ba(t.nativeEvent)||m)){if(vi.includes(t.key)&&T)Cc({id:e,store:O,unselect:t.key===`Escape`,nodeRef:j});else if(w&&y.selected&&Object.prototype.hasOwnProperty.call(Rc,t.key)){t.preventDefault();let{ariaLabelConfig:e}=O.getState();O.setState({ariaLiveMessage:e[`node.a11yDescription.ariaLiveMessage`]({direction:t.key.replace(`Arrow`,``).toLowerCase(),x:~~b.positionAbsolute.x,y:~~b.positionAbsolute.y})}),N({direction:Rc[t.key],factor:t.shiftKey?4:1})}}},G=()=>{if(m||!j.current?.matches(`:focus-visible`))return;let{transform:t,width:n,height:r,autoPanOnNodeFocus:i,setCenter:a}=O.getState();i&&(Pi(new Map([[e,y]]),{x:0,y:0,width:n,height:r},t,!0).length>0||a(y.position.x+P.width/2,y.position.y+P.height/2,{zoom:t[2]}))};return(0,A.jsx)(`div`,{className:W([`react-flow__node`,`react-flow__node-${S}`,{[p]:w},y.className,{selected:y.selected,selectable:T,parent:x,draggable:w,dragging:M}]),ref:j,style:{zIndex:b.z,transform:`translate(${b.positionAbsolute.x}px,${b.positionAbsolute.y}px)`,pointerEvents:I?`all`:`none`,visibility:k?`visible`:`hidden`,...y.style,...F},"data-id":e,"data-testid":`rf__node-${e}`,onMouseEnter:L,onMouseMove:R,onMouseLeave:z,onContextMenu:B,onClick:H,onDoubleClick:V,onKeyDown:D?U:void 0,tabIndex:D?0:void 0,onFocus:D?G:void 0,role:y.ariaRole??(D?`group`:void 0),"aria-roledescription":`node`,"aria-describedby":m?void 0:`${vs}-${h}`,"aria-label":y.ariaLabel,...y.domAttributes,children:(0,A.jsx)(Oc,{value:e,children:(0,A.jsx)(C,{id:e,data:y.data,type:S,positionAbsoluteX:b.positionAbsolute.x,positionAbsoluteY:b.positionAbsolute.y,selected:y.selected??!1,selectable:T,draggable:w,deletable:y.deletable??!0,isConnectable:E,sourcePosition:y.sourcePosition,targetPosition:y.targetPosition,dragging:M,dragHandle:y.dragHandle,zIndex:b.z,parentId:y.parentId,...P})})})}var $c=(0,E.memo)(Qc),el=e=>({nodesDraggable:e.nodesDraggable,nodesConnectable:e.nodesConnectable,nodesFocusable:e.nodesFocusable,elementsSelectable:e.elementsSelectable,onError:e.onError});function tl(e){let{nodesDraggable:t,nodesConnectable:n,nodesFocusable:r,elementsSelectable:i,onError:a}=Q(el,Z),o=Jc(e.onlyRenderVisibleElements),s=Xc();return(0,A.jsx)(`div`,{className:`react-flow__nodes`,style:hc,children:o.map(o=>(0,A.jsx)($c,{id:o,nodeTypes:e.nodeTypes,nodeExtent:e.nodeExtent,onClick:e.onNodeClick,onMouseEnter:e.onNodeMouseEnter,onMouseMove:e.onNodeMouseMove,onMouseLeave:e.onNodeMouseLeave,onContextMenu:e.onNodeContextMenu,onDoubleClick:e.onNodeDoubleClick,noDragClassName:e.noDragClassName,noPanClassName:e.noPanClassName,rfId:e.rfId,disableKeyboardA11y:e.disableKeyboardA11y,resizeObserver:s,nodesDraggable:t,nodesConnectable:n,nodesFocusable:r,elementsSelectable:i,nodeClickDistance:e.nodeClickDistance,onError:a},o))})}tl.displayName=`NodeRenderer`;var nl=(0,E.memo)(tl);function rl(e){return Q((0,E.useCallback)(t=>{if(!e)return t.edges.map(e=>e.id);let n=[];if(t.width&&t.height)for(let e of t.edges){let r=t.nodeLookup.get(e.source),i=t.nodeLookup.get(e.target);r&&i&&Aa({sourceNode:r,targetNode:i,width:t.width,height:t.height,transform:t.transform})&&n.push(e.id)}return n},[e]),Z)}var il=({color:e=`none`,strokeWidth:t=1})=>(0,A.jsx)(`polyline`,{className:`arrow`,style:{strokeWidth:t,...e&&{stroke:e}},strokeLinecap:`round`,fill:`none`,strokeLinejoin:`round`,points:`-5,-4 0,0 -5,4`}),al=({color:e=`none`,strokeWidth:t=1})=>(0,A.jsx)(`polyline`,{className:`arrowclosed`,style:{strokeWidth:t,...e&&{stroke:e,fill:e}},strokeLinecap:`round`,strokeLinejoin:`round`,points:`-5,-4 0,0 -5,4 -5,-4`}),ol={[Ti.Arrow]:il,[Ti.ArrowClosed]:al};function sl(e){let t=$();return(0,E.useMemo)(()=>Object.prototype.hasOwnProperty.call(ol,e)?ol[e]:(t.getState().onError?.(`009`,Y.error009(e)),null),[e])}var cl=({id:e,type:t,color:n,width:r=12.5,height:i=12.5,markerUnits:a=`strokeWidth`,strokeWidth:o,orient:s=`auto-start-reverse`})=>{let c=sl(t);return c?(0,A.jsx)(`marker`,{className:`react-flow__arrowhead`,id:e,markerWidth:`${r}`,markerHeight:`${i}`,viewBox:`-10 -10 20 20`,markerUnits:a,orient:s,refX:`0`,refY:`0`,children:(0,A.jsx)(c,{color:n,strokeWidth:o})}):null},ll=({defaultColor:e,rfId:t})=>{let n=Q(e=>e.edges),r=Q(e=>e.defaultEdgeOptions),i=(0,E.useMemo)(()=>qa(n,{id:t,defaultColor:e,defaultMarkerStart:r?.markerStart,defaultMarkerEnd:r?.markerEnd}),[n,r,t,e]);return i.length?(0,A.jsx)(`svg`,{className:`react-flow__marker`,"aria-hidden":`true`,children:(0,A.jsx)(`defs`,{children:i.map(e=>(0,A.jsx)(cl,{id:e.id,type:e.type,color:e.color,width:e.width,height:e.height,markerUnits:e.markerUnits,strokeWidth:e.strokeWidth,orient:e.orient},e.id))})}):null};ll.displayName=`MarkerDefinitions`;var ul=(0,E.memo)(ll);function dl({x:e,y:t,label:n,labelStyle:r,labelShowBg:i=!0,labelBgStyle:a,labelBgPadding:o=[2,4],labelBgBorderRadius:s=2,children:c,className:l,...u}){let[d,f]=(0,E.useState)({x:1,y:0,width:0,height:0}),p=W([`react-flow__edge-textwrapper`,l]),m=(0,E.useRef)(null);return(0,E.useEffect)(()=>{if(m.current){let e=m.current.getBBox();f({x:e.x,y:e.y,width:e.width,height:e.height})}},[n]),n?(0,A.jsxs)(`g`,{transform:`translate(${e-d.width/2} ${t-d.height/2})`,className:p,visibility:d.width?`visible`:`hidden`,...u,children:[i&&(0,A.jsx)(`rect`,{width:d.width+2*o[0],x:-o[0],y:-o[1],height:d.height+2*o[1],className:`react-flow__edge-textbg`,style:a,rx:s,ry:s}),(0,A.jsx)(`text`,{className:`react-flow__edge-text`,y:d.height/2,dy:`0.3em`,ref:m,style:r,children:n}),c]}):null}dl.displayName=`EdgeText`;var fl=(0,E.memo)(dl);function pl({path:e,labelX:t,labelY:n,label:r,labelStyle:i,labelShowBg:a,labelBgStyle:o,labelBgPadding:s,labelBgBorderRadius:c,interactionWidth:l=20,...u}){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`path`,{...u,d:e,fill:`none`,className:W([`react-flow__edge-path`,u.className])}),l?(0,A.jsx)(`path`,{d:e,fill:`none`,strokeOpacity:0,strokeWidth:l,className:`react-flow__edge-interaction`}):null,r&&$i(t)&&$i(n)?(0,A.jsx)(fl,{x:t,y:n,label:r,labelStyle:i,labelShowBg:a,labelBgStyle:o,labelBgPadding:s,labelBgBorderRadius:c}):null]})}function ml({pos:e,x1:t,y1:n,x2:r,y2:i}){return e===X.Left||e===X.Right?[.5*(t+r),n]:[t,.5*(n+i)]}function hl({sourceX:e,sourceY:t,sourcePosition:n=X.Bottom,targetX:r,targetY:i,targetPosition:a=X.Top}){let[o,s]=ml({pos:n,x1:e,y1:t,x2:r,y2:i}),[c,l]=ml({pos:a,x1:r,y1:i,x2:e,y2:t}),[u,d,f,p]=wa({sourceX:e,sourceY:t,targetX:r,targetY:i,sourceControlX:o,sourceControlY:s,targetControlX:c,targetControlY:l});return[`M${e},${t} C${o},${s} ${c},${l} ${r},${i}`,u,d,f,p]}function gl(e){return(0,E.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,sourcePosition:o,targetPosition:s,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,interactionWidth:_})=>{let[v,y,b]=hl({sourceX:n,sourceY:r,sourcePosition:o,targetX:i,targetY:a,targetPosition:s});return(0,A.jsx)(pl,{id:e.isInternal?void 0:t,path:v,labelX:y,labelY:b,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,interactionWidth:_})})}var _l=gl({isInternal:!1}),vl=gl({isInternal:!0});_l.displayName=`SimpleBezierEdge`,vl.displayName=`SimpleBezierEdgeInternal`;function yl(e){return(0,E.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,sourcePosition:p=X.Bottom,targetPosition:m=X.Top,markerEnd:h,markerStart:g,pathOptions:_,interactionWidth:v})=>{let[y,b,x]=Ba({sourceX:n,sourceY:r,sourcePosition:p,targetX:i,targetY:a,targetPosition:m,borderRadius:_?.borderRadius,offset:_?.offset,stepPosition:_?.stepPosition});return(0,A.jsx)(pl,{id:e.isInternal?void 0:t,path:y,labelX:b,labelY:x,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:h,markerStart:g,interactionWidth:v})})}var bl=yl({isInternal:!1}),xl=yl({isInternal:!0});bl.displayName=`SmoothStepEdge`,xl.displayName=`SmoothStepEdgeInternal`;function Sl(e){return(0,E.memo)(({id:t,...n})=>{let r=e.isInternal?void 0:t;return(0,A.jsx)(bl,{...n,id:r,pathOptions:(0,E.useMemo)(()=>({borderRadius:0,offset:n.pathOptions?.offset}),[n.pathOptions?.offset])})})}var Cl=Sl({isInternal:!1}),wl=Sl({isInternal:!0});Cl.displayName=`StepEdge`,wl.displayName=`StepEdgeInternal`;function Tl(e){return(0,E.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:p,markerStart:m,interactionWidth:h})=>{let[g,_,v]=Pa({sourceX:n,sourceY:r,targetX:i,targetY:a});return(0,A.jsx)(pl,{id:e.isInternal?void 0:t,path:g,labelX:_,labelY:v,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:p,markerStart:m,interactionWidth:h})})}var El=Tl({isInternal:!1}),Dl=Tl({isInternal:!0});El.displayName=`StraightEdge`,Dl.displayName=`StraightEdgeInternal`;function Ol(e){return(0,E.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,sourcePosition:o=X.Bottom,targetPosition:s=X.Top,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,pathOptions:_,interactionWidth:v})=>{let[y,b,x]=Da({sourceX:n,sourceY:r,sourcePosition:o,targetX:i,targetY:a,targetPosition:s,curvature:_?.curvature});return(0,A.jsx)(pl,{id:e.isInternal?void 0:t,path:y,labelX:b,labelY:x,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,interactionWidth:v})})}var kl=Ol({isInternal:!1}),Al=Ol({isInternal:!0});kl.displayName=`BezierEdge`,Al.displayName=`BezierEdgeInternal`;var jl={default:Al,straight:Dl,step:wl,smoothstep:xl,simplebezier:vl},Ml={sourceX:null,sourceY:null,targetX:null,targetY:null,sourcePosition:null,targetPosition:null},Nl=(e,t,n)=>n===X.Left?e-t:n===X.Right?e+t:e,Pl=(e,t,n)=>n===X.Top?e-t:n===X.Bottom?e+t:e,Fl=`react-flow__edgeupdater`;function Il({position:e,centerX:t,centerY:n,radius:r=10,onMouseDown:i,onMouseEnter:a,onMouseOut:o,type:s}){return(0,A.jsx)(`circle`,{onMouseDown:i,onMouseEnter:a,onMouseOut:o,className:W([Fl,`${Fl}-${s}`]),cx:Nl(t,r,e),cy:Pl(n,r,e),r,stroke:`transparent`,fill:`transparent`})}function Ll({isReconnectable:e,reconnectRadius:t,edge:n,sourceX:r,sourceY:i,targetX:a,targetY:o,sourcePosition:s,targetPosition:c,onReconnect:l,onReconnectStart:u,onReconnectEnd:d,setReconnecting:f,setUpdateHover:p}){let m=$(),h=(e,t)=>{if(e.button!==0)return;let{autoPanOnConnect:r,domNode:i,connectionMode:a,connectionRadius:o,lib:s,onConnectStart:c,cancelConnection:p,nodeLookup:h,rfId:g,panBy:_,updateConnection:v}=m.getState(),y=t.type===`target`;Oo.onPointerDown(e.nativeEvent,{autoPanOnConnect:r,connectionMode:a,connectionRadius:o,domNode:i,handleId:t.id,nodeId:t.nodeId,nodeLookup:h,isTarget:y,edgeUpdaterType:t.type,lib:s,flowId:g,cancelConnection:p,panBy:_,isValidConnection:(...e)=>m.getState().isValidConnection?.(...e)??!0,onConnect:e=>l?.(n,e),onConnectStart:(r,i)=>{f(!0),u?.(e,n,t.type),c?.(r,i)},onConnectEnd:(...e)=>m.getState().onConnectEnd?.(...e),onReconnectEnd:(e,r)=>{f(!1),d?.(e,n,t.type,r)},updateConnection:v,getTransform:()=>m.getState().transform,getFromHandle:()=>m.getState().connection.fromHandle,dragThreshold:m.getState().connectionDragThreshold,handleDomNode:e.currentTarget})},g=e=>h(e,{nodeId:n.target,id:n.targetHandle??null,type:`target`}),_=e=>h(e,{nodeId:n.source,id:n.sourceHandle??null,type:`source`}),v=()=>p(!0),y=()=>p(!1);return(0,A.jsxs)(A.Fragment,{children:[(e===!0||e===`source`)&&(0,A.jsx)(Il,{position:s,centerX:r,centerY:i,radius:t,onMouseDown:g,onMouseEnter:v,onMouseOut:y,type:`source`}),(e===!0||e===`target`)&&(0,A.jsx)(Il,{position:c,centerX:a,centerY:o,radius:t,onMouseDown:_,onMouseEnter:v,onMouseOut:y,type:`target`})]})}function Rl({id:e,edgesFocusable:t,edgesReconnectable:n,elementsSelectable:r,onClick:i,onDoubleClick:a,onContextMenu:o,onMouseEnter:s,onMouseMove:c,onMouseLeave:l,reconnectRadius:u,onReconnect:d,onReconnectStart:f,onReconnectEnd:p,rfId:m,edgeTypes:h,noPanClassName:g,onError:_,disableKeyboardA11y:v}){let y=Q(t=>t.edgeLookup.get(e)),b=Q(e=>e.defaultEdgeOptions);y=b?{...b,...y}:y;let x=y.type||`default`,S=h?.[x]||jl[x];S===void 0&&(_?.(`011`,Y.error011(x)),x=`default`,S=h?.default||jl.default);let C=!!(y.focusable||t&&y.focusable===void 0),w=d!==void 0&&(y.reconnectable||n&&y.reconnectable===void 0),T=!!(y.selectable||r&&y.selectable===void 0),D=(0,E.useRef)(null),[O,k]=(0,E.useState)(!1),[j,M]=(0,E.useState)(!1),N=$(),{zIndex:P,sourceX:F,sourceY:I,targetX:L,targetY:R,sourcePosition:z,targetPosition:B}=Q((0,E.useCallback)(t=>{let n=t.nodeLookup.get(y.source),r=t.nodeLookup.get(y.target);if(!n||!r)return{zIndex:y.zIndex,...Ml};let i=Ha({id:e,sourceNode:n,targetNode:r,sourceHandle:y.sourceHandle||null,targetHandle:y.targetHandle||null,connectionMode:t.connectionMode,onError:_});return{zIndex:ka({selected:y.selected,zIndex:y.zIndex,sourceNode:n,targetNode:r,elevateOnSelect:t.elevateEdgesOnSelect,zIndexMode:t.zIndexMode}),...i||Ml}},[y.source,y.target,y.sourceHandle,y.targetHandle,y.selected,y.zIndex]),Z),V=(0,E.useMemo)(()=>y.markerStart?`url('#${Ka(y.markerStart,m)}')`:void 0,[y.markerStart,m]),H=(0,E.useMemo)(()=>y.markerEnd?`url('#${Ka(y.markerEnd,m)}')`:void 0,[y.markerEnd,m]);if(y.hidden||F===null||I===null||L===null||R===null)return null;let U=t=>{let{addSelectedEdges:n,unselectNodesAndEdges:r,multiSelectionActive:a}=N.getState();T&&(N.setState({nodesSelectionActive:!1}),y.selected&&a?(r({nodes:[],edges:[y]}),D.current?.blur()):n([e])),i&&i(t,y)},G=a?e=>{a(e,{...y})}:void 0,ee=o?e=>{o(e,{...y})}:void 0,te=s?e=>{s(e,{...y})}:void 0,ne=c?e=>{c(e,{...y})}:void 0,re=l?e=>{l(e,{...y})}:void 0;return(0,A.jsx)(`svg`,{style:{zIndex:P},children:(0,A.jsxs)(`g`,{className:W([`react-flow__edge`,`react-flow__edge-${x}`,y.className,g,{selected:y.selected,animated:y.animated,inactive:!T&&!i,updating:O,selectable:T}]),onClick:U,onDoubleClick:G,onContextMenu:ee,onMouseEnter:te,onMouseMove:ne,onMouseLeave:re,onKeyDown:C?t=>{if(!v&&vi.includes(t.key)&&T){let{unselectNodesAndEdges:n,addSelectedEdges:r}=N.getState();t.key===`Escape`?(D.current?.blur(),n({edges:[y]})):r([e])}}:void 0,tabIndex:C?0:void 0,role:y.ariaRole??(C?`group`:`img`),"aria-roledescription":`edge`,"data-id":e,"data-testid":`rf__edge-${e}`,"aria-label":y.ariaLabel===null?void 0:y.ariaLabel||`Edge from ${y.source} to ${y.target}`,"aria-describedby":C?`${ys}-${m}`:void 0,ref:D,...y.domAttributes,children:[!j&&(0,A.jsx)(S,{id:e,source:y.source,target:y.target,type:y.type,selected:y.selected,animated:y.animated,selectable:T,deletable:y.deletable??!0,label:y.label,labelStyle:y.labelStyle,labelShowBg:y.labelShowBg,labelBgStyle:y.labelBgStyle,labelBgPadding:y.labelBgPadding,labelBgBorderRadius:y.labelBgBorderRadius,sourceX:F,sourceY:I,targetX:L,targetY:R,sourcePosition:z,targetPosition:B,data:y.data,style:y.style,sourceHandleId:y.sourceHandle,targetHandleId:y.targetHandle,markerStart:V,markerEnd:H,pathOptions:`pathOptions`in y?y.pathOptions:void 0,interactionWidth:y.interactionWidth}),w&&(0,A.jsx)(Ll,{edge:y,isReconnectable:w,reconnectRadius:u,onReconnect:d,onReconnectStart:f,onReconnectEnd:p,sourceX:F,sourceY:I,targetX:L,targetY:R,sourcePosition:z,targetPosition:B,setUpdateHover:k,setReconnecting:M})]})})}var zl=(0,E.memo)(Rl),Bl=e=>({edgesFocusable:e.edgesFocusable,edgesReconnectable:e.edgesReconnectable,elementsSelectable:e.elementsSelectable,connectionMode:e.connectionMode,onError:e.onError});function Vl({defaultMarkerColor:e,onlyRenderVisibleElements:t,rfId:n,edgeTypes:r,noPanClassName:i,onReconnect:a,onEdgeContextMenu:o,onEdgeMouseEnter:s,onEdgeMouseMove:c,onEdgeMouseLeave:l,onEdgeClick:u,reconnectRadius:d,onEdgeDoubleClick:f,onReconnectStart:p,onReconnectEnd:m,disableKeyboardA11y:h}){let{edgesFocusable:g,edgesReconnectable:_,elementsSelectable:v,onError:y}=Q(Bl,Z),b=rl(t);return(0,A.jsxs)(`div`,{className:`react-flow__edges`,children:[(0,A.jsx)(ul,{defaultColor:e,rfId:n}),b.map(e=>(0,A.jsx)(zl,{id:e,edgesFocusable:g,edgesReconnectable:_,elementsSelectable:v,noPanClassName:i,onReconnect:a,onContextMenu:o,onMouseEnter:s,onMouseMove:c,onMouseLeave:l,onClick:u,reconnectRadius:d,onDoubleClick:f,onReconnectStart:p,onReconnectEnd:m,rfId:n,onError:y,edgeTypes:r,disableKeyboardA11y:h},e))]})}Vl.displayName=`EdgeRenderer`;var Hl=(0,E.memo)(Vl),Ul=e=>`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;function Wl({children:e}){return(0,A.jsx)(`div`,{className:`react-flow__viewport xyflow__viewport react-flow__container`,style:{transform:Q(Ul)},children:e})}function Gl(e){let t=uc(),n=(0,E.useRef)(!1);(0,E.useEffect)(()=>{!n.current&&t.viewportInitialized&&e&&(setTimeout(()=>e(t),1),n.current=!0)},[e,t.viewportInitialized])}var Kl=e=>e.panZoom?.syncViewport;function ql(e){let t=Q(Kl),n=$();return(0,E.useEffect)(()=>{e&&(t?.(e),n.setState({transform:[e.x,e.y,e.zoom]}))},[e,t]),null}function Jl(e){return e.connection.inProgress?{...e.connection,to:na(e.connection.to,e.transform)}:{...e.connection}}function Yl(e){return e?t=>e(Jl(t)):Jl}function Xl(e){return Q(Yl(e),Z)}var Zl=e=>({nodesConnectable:e.nodesConnectable,isValid:e.connection.isValid,inProgress:e.connection.inProgress,width:e.width,height:e.height});function Ql({containerStyle:e,style:t,type:n,component:r}){let{nodesConnectable:i,width:a,height:o,isValid:s,inProgress:c}=Q(Zl,Z);return a&&i&&c?(0,A.jsx)(`svg`,{style:e,width:a,height:o,className:`react-flow__connectionline react-flow__container`,children:(0,A.jsx)(`g`,{className:W([`react-flow__connection`,Di(s)]),children:(0,A.jsx)($l,{style:t,type:n,CustomComponent:r,isValid:s})})}):null}var $l=({style:e,type:t=wi.Bezier,CustomComponent:n,isValid:r})=>{let{inProgress:i,from:a,fromNode:o,fromHandle:s,fromPosition:c,to:l,toNode:u,toHandle:d,toPosition:f,pointer:p}=Xl();if(!i)return;if(n)return(0,A.jsx)(n,{connectionLineType:t,connectionLineStyle:e,fromNode:o,fromHandle:s,fromX:a.x,fromY:a.y,toX:l.x,toY:l.y,fromPosition:c,toPosition:f,connectionStatus:Di(r),toNode:u,toHandle:d,pointer:p});let m=``,h={sourceX:a.x,sourceY:a.y,sourcePosition:c,targetX:l.x,targetY:l.y,targetPosition:f};switch(t){case wi.Bezier:[m]=Da(h);break;case wi.SimpleBezier:[m]=hl(h);break;case wi.Step:[m]=Ba({...h,borderRadius:0});break;case wi.SmoothStep:[m]=Ba(h);break;default:[m]=Pa(h)}return(0,A.jsx)(`path`,{d:m,fill:`none`,className:`react-flow__connection-path`,style:e})};$l.displayName=`ConnectionLine`;var eu={};function tu(e=eu){(0,E.useRef)(e),$(),(0,E.useEffect)(()=>{},[e])}function nu(){$(),(0,E.useRef)(!1),(0,E.useEffect)(()=>{},[])}function ru({nodeTypes:e,edgeTypes:t,onInit:n,onNodeClick:r,onEdgeClick:i,onNodeDoubleClick:a,onEdgeDoubleClick:o,onNodeMouseEnter:s,onNodeMouseMove:c,onNodeMouseLeave:l,onNodeContextMenu:u,onSelectionContextMenu:d,onSelectionStart:f,onSelectionEnd:p,connectionLineType:m,connectionLineStyle:h,connectionLineComponent:g,connectionLineContainerStyle:_,selectionKeyCode:v,selectionOnDrag:y,selectionMode:b,multiSelectionKeyCode:x,panActivationKeyCode:S,zoomActivationKeyCode:C,deleteKeyCode:w,onlyRenderVisibleElements:T,elementsSelectable:E,defaultViewport:D,translateExtent:O,minZoom:k,maxZoom:j,preventScrolling:M,defaultMarkerColor:N,zoomOnScroll:P,zoomOnPinch:F,panOnScroll:I,panOnScrollSpeed:L,panOnScrollMode:R,zoomOnDoubleClick:z,panOnDrag:B,onPaneClick:V,onPaneMouseEnter:H,onPaneMouseMove:U,onPaneMouseLeave:W,onPaneScroll:G,onPaneContextMenu:ee,paneClickDistance:te,nodeClickDistance:ne,onEdgeContextMenu:re,onEdgeMouseEnter:ie,onEdgeMouseMove:ae,onEdgeMouseLeave:oe,reconnectRadius:se,onReconnect:ce,onReconnectStart:le,onReconnectEnd:ue,noDragClassName:de,noWheelClassName:fe,noPanClassName:pe,disableKeyboardA11y:me,nodeExtent:he,rfId:ge,viewport:_e,onViewportChange:ve}){return tu(e),tu(t),nu(),Gl(n),ql(_e),(0,A.jsx)(Kc,{onPaneClick:V,onPaneMouseEnter:H,onPaneMouseMove:U,onPaneMouseLeave:W,onPaneContextMenu:ee,onPaneScroll:G,paneClickDistance:te,deleteKeyCode:w,selectionKeyCode:v,selectionOnDrag:y,selectionMode:b,onSelectionStart:f,onSelectionEnd:p,multiSelectionKeyCode:x,panActivationKeyCode:S,zoomActivationKeyCode:C,elementsSelectable:E,zoomOnScroll:P,zoomOnPinch:F,zoomOnDoubleClick:z,panOnScroll:I,panOnScrollSpeed:L,panOnScrollMode:R,panOnDrag:B,defaultViewport:D,translateExtent:O,minZoom:k,maxZoom:j,onSelectionContextMenu:d,preventScrolling:M,noDragClassName:de,noWheelClassName:fe,noPanClassName:pe,disableKeyboardA11y:me,onViewportChange:ve,isControlledViewport:!!_e,children:(0,A.jsxs)(Wl,{children:[(0,A.jsx)(Hl,{edgeTypes:t,onEdgeClick:i,onEdgeDoubleClick:o,onReconnect:ce,onReconnectStart:le,onReconnectEnd:ue,onlyRenderVisibleElements:T,onEdgeContextMenu:re,onEdgeMouseEnter:ie,onEdgeMouseMove:ae,onEdgeMouseLeave:oe,reconnectRadius:se,defaultMarkerColor:N,noPanClassName:pe,disableKeyboardA11y:me,rfId:ge}),(0,A.jsx)(Ql,{style:h,type:m,component:g,containerStyle:_}),(0,A.jsx)(`div`,{className:`react-flow__edgelabel-renderer`}),(0,A.jsx)(nl,{nodeTypes:e,onNodeClick:r,onNodeDoubleClick:a,onNodeMouseEnter:s,onNodeMouseMove:c,onNodeMouseLeave:l,onNodeContextMenu:u,nodeClickDistance:ne,onlyRenderVisibleElements:T,noPanClassName:pe,noDragClassName:de,disableKeyboardA11y:me,nodeExtent:he,rfId:ge}),(0,A.jsx)(`div`,{className:`react-flow__viewport-portal`})]})})}ru.displayName=`GraphView`;var iu=(0,E.memo)(ru),au=({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:i,height:a,fitView:o,fitViewOptions:s,minZoom:c=.5,maxZoom:l=2,nodeOrigin:u,nodeExtent:d,zIndexMode:f=`basic`}={})=>{let p=new Map,m=new Map,h=new Map,g=new Map,_=r??t??[],v=n??e??[],y=u??[0,0],b=d??_i;fo(h,g,_);let{nodesInitialized:x}=no(v,p,m,{nodeOrigin:y,nodeExtent:b,zIndexMode:f}),S=[0,0,1];if(o&&i&&a){let{x:e,y:t,zoom:n}=sa(Ni(p,{filter:e=>!!((e.width||e.initialWidth)&&(e.height||e.initialHeight))}),i,a,c,l,s?.padding??.1);S=[e,t,n]}return{rfId:`1`,width:i??0,height:a??0,transform:S,nodes:v,nodesInitialized:x,nodeLookup:p,parentLookup:m,edges:_,edgeLookup:g,connectionLookup:h,onNodesChange:null,onEdgesChange:null,hasDefaultNodes:n!==void 0,hasDefaultEdges:r!==void 0,panZoom:null,minZoom:c,maxZoom:l,translateExtent:_i,nodeExtent:b,nodesSelectionActive:!1,userSelectionActive:!1,userSelectionRect:null,connectionMode:bi.Strict,domNode:null,paneDragging:!1,noPanClassName:`nopan`,nodeOrigin:y,nodeDragThreshold:1,connectionDragThreshold:1,snapGrid:[15,15],snapToGrid:!1,nodesDraggable:!0,nodesConnectable:!0,nodesFocusable:!0,edgesFocusable:!0,edgesReconnectable:!0,elementsSelectable:!0,elevateNodesOnSelect:!0,elevateEdgesOnSelect:!0,selectNodesOnDrag:!0,multiSelectionActive:!1,fitViewQueued:o??!1,fitViewOptions:s,fitViewResolver:null,connection:{...Ci},connectionClickStartHandle:null,connectOnClick:!0,ariaLiveMessage:``,autoPanOnConnect:!0,autoPanOnNodeDrag:!0,autoPanOnNodeFocus:!0,autoPanSpeed:15,connectionRadius:20,onError:ea,isValidConnection:void 0,onSelectionChangeHandlers:[],lib:`react`,debug:!1,ariaLabelConfig:yi,zIndexMode:f,onNodesChangeMiddlewareMap:new Map,onEdgesChangeMiddlewareMap:new Map}},ou=({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:i,height:a,fitView:o,fitViewOptions:s,minZoom:c,maxZoom:l,nodeOrigin:u,nodeExtent:d,zIndexMode:f})=>fs((p,m)=>{async function h(){let{nodeLookup:e,panZoom:t,fitViewOptions:n,fitViewResolver:r,width:i,height:a,minZoom:o,maxZoom:s}=m();t&&(await Li({nodes:e,width:i,height:a,panZoom:t,minZoom:o,maxZoom:s},n),r?.resolve(!0),p({fitViewResolver:null}))}return{...au({nodes:e,edges:t,width:i,height:a,fitView:o,fitViewOptions:s,minZoom:c,maxZoom:l,nodeOrigin:u,nodeExtent:d,defaultNodes:n,defaultEdges:r,zIndexMode:f}),setNodes:e=>{let{nodeLookup:t,parentLookup:n,nodeOrigin:r,elevateNodesOnSelect:i,fitViewQueued:a,zIndexMode:o,nodesSelectionActive:s}=m(),{nodesInitialized:c,hasSelectedNodes:l}=no(e,t,n,{nodeOrigin:r,nodeExtent:d,elevateNodesOnSelect:i,checkEquality:!0,zIndexMode:o}),u=s&&l;a&&c?(h(),p({nodes:e,nodesInitialized:c,fitViewQueued:!1,fitViewOptions:void 0,nodesSelectionActive:u})):p({nodes:e,nodesInitialized:c,nodesSelectionActive:u})},setEdges:e=>{let{connectionLookup:t,edgeLookup:n}=m();fo(t,n,e),p({edges:e})},setDefaultNodesAndEdges:(e,t)=>{if(e){let{setNodes:t}=m();t(e),p({hasDefaultNodes:!0})}if(t){let{setEdges:e}=m();e(t),p({hasDefaultEdges:!0})}},updateNodeInternals:e=>{let{triggerNodeChanges:t,nodeLookup:n,parentLookup:r,domNode:i,nodeOrigin:a,nodeExtent:o,debug:s,fitViewQueued:c,zIndexMode:l}=m(),{changes:u,updatedInternals:d}=co(e,n,r,i,a,o,l);d&&($a(n,r,{nodeOrigin:a,nodeExtent:o,zIndexMode:l}),c?(h(),p({fitViewQueued:!1,fitViewOptions:void 0})):p({}),u?.length>0&&(s&&console.log(`React Flow: trigger node changes`,u),t?.(u)))},updateNodePositions:(e,t=!1)=>{let n=[],r=[],{nodeLookup:i,triggerNodeChanges:a,connection:o,updateConnection:s,onNodesChangeMiddlewareMap:c}=m();for(let[a,c]of e){let e=i.get(a),l=!!(e?.expandParent&&e?.parentId&&c?.position),u={id:a,type:`position`,position:l?{x:Math.max(0,c.position.x),y:Math.max(0,c.position.y)}:c.position,dragging:t};if(e&&o.inProgress&&o.fromNode.id===e.id){let t=Wa(e,o.fromHandle,X.Left,!0);s({...o,from:t})}l&&e.parentId&&n.push({id:a,parentId:e.parentId,rect:{...c.internals.positionAbsolute,width:c.measured.width??0,height:c.measured.height??0}}),r.push(u)}if(n.length>0){let{parentLookup:e,nodeOrigin:t}=m(),a=so(n,i,e,t);r.push(...a)}for(let e of c.values())r=e(r);a(r)},triggerNodeChanges:e=>{let{onNodesChange:t,setNodes:n,nodes:r,hasDefaultNodes:i,debug:a}=m();e?.length&&(i&&n(Ys(e,r)),a&&console.log(`React Flow: trigger node changes`,e),t?.(e))},triggerEdgeChanges:e=>{let{onEdgesChange:t,setEdges:n,edges:r,hasDefaultEdges:i,debug:a}=m();e?.length&&(i&&n(Xs(e,r)),a&&console.log(`React Flow: trigger edge changes`,e),t?.(e))},addSelectedNodes:e=>{let{multiSelectionActive:t,edgeLookup:n,nodeLookup:r,triggerNodeChanges:i,triggerEdgeChanges:a}=m();if(t){i(e.map(e=>Zs(e,!0)));return}i(Qs(r,new Set([...e]),!0)),a(Qs(n))},addSelectedEdges:e=>{let{multiSelectionActive:t,edgeLookup:n,nodeLookup:r,triggerNodeChanges:i,triggerEdgeChanges:a}=m();if(t){a(e.map(e=>Zs(e,!0)));return}a(Qs(n,new Set([...e]))),i(Qs(r,new Set,!0))},unselectNodesAndEdges:({nodes:e,edges:t}={})=>{let{edges:n,nodes:r,nodeLookup:i,triggerNodeChanges:a,triggerEdgeChanges:o}=m(),s=e||r,c=t||n,l=[];for(let e of s){if(!e.selected)continue;let t=i.get(e.id);t&&(t.selected=!1),l.push(Zs(e.id,!1))}let u=[];for(let e of c)e.selected&&u.push(Zs(e.id,!1));a(l),o(u)},setMinZoom:e=>{let{panZoom:t,maxZoom:n}=m();t?.setScaleExtent([e,n]),p({minZoom:e})},setMaxZoom:e=>{let{panZoom:t,minZoom:n}=m();t?.setScaleExtent([n,e]),p({maxZoom:e})},setTranslateExtent:e=>{m().panZoom?.setTranslateExtent(e),p({translateExtent:e})},resetSelectedElements:()=>{let{edges:e,nodes:t,triggerNodeChanges:n,triggerEdgeChanges:r,elementsSelectable:i}=m();if(!i)return;let a=t.reduce((e,t)=>t.selected?[...e,Zs(t.id,!1)]:e,[]),o=e.reduce((e,t)=>t.selected?[...e,Zs(t.id,!1)]:e,[]);n(a),r(o)},setNodeExtent:e=>{let{nodes:t,nodeLookup:n,parentLookup:r,nodeOrigin:i,elevateNodesOnSelect:a,nodeExtent:o,zIndexMode:s}=m();e[0][0]===o[0][0]&&e[0][1]===o[0][1]&&e[1][0]===o[1][0]&&e[1][1]===o[1][1]||(no(t,n,r,{nodeOrigin:i,nodeExtent:e,elevateNodesOnSelect:a,checkEquality:!1,zIndexMode:s}),p({nodeExtent:e}))},panBy:e=>{let{transform:t,width:n,height:r,panZoom:i,translateExtent:a}=m();return lo({delta:e,panZoom:i,transform:t,translateExtent:a,width:n,height:r})},setCenter:async(e,t,n)=>{let{width:r,height:i,maxZoom:a,panZoom:o}=m();if(!o)return Promise.resolve(!1);let s=n?.zoom===void 0?a:n.zoom;return await o.setViewport({x:r/2-e*s,y:i/2-t*s,zoom:s},{duration:n?.duration,ease:n?.ease,interpolate:n?.interpolate}),Promise.resolve(!0)},cancelConnection:()=>{p({connection:{...Ci}})},updateConnection:e=>{p({connection:e})},reset:()=>p({...au()})}},Object.is);function su({initialNodes:e,initialEdges:t,defaultNodes:n,defaultEdges:r,initialWidth:i,initialHeight:a,initialMinZoom:o,initialMaxZoom:s,initialFitViewOptions:c,fitView:l,nodeOrigin:u,nodeExtent:d,zIndexMode:f,children:p}){let[m]=(0,E.useState)(()=>ou({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:i,height:a,fitView:l,minZoom:o,maxZoom:s,fitViewOptions:c,nodeOrigin:u,nodeExtent:d,zIndexMode:f}));return(0,A.jsx)(ms,{value:m,children:(0,A.jsx)(sc,{children:p})})}function cu({children:e,nodes:t,edges:n,defaultNodes:r,defaultEdges:i,width:a,height:o,fitView:s,fitViewOptions:c,minZoom:l,maxZoom:u,nodeOrigin:d,nodeExtent:f,zIndexMode:p}){return(0,E.useContext)(ps)?(0,A.jsx)(A.Fragment,{children:e}):(0,A.jsx)(su,{initialNodes:t,initialEdges:n,defaultNodes:r,defaultEdges:i,initialWidth:a,initialHeight:o,fitView:s,initialFitViewOptions:c,initialMinZoom:l,initialMaxZoom:u,nodeOrigin:d,nodeExtent:f,zIndexMode:p,children:e})}var lu={width:`100%`,height:`100%`,overflow:`hidden`,position:`relative`,zIndex:0};function uu({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,className:i,nodeTypes:a,edgeTypes:o,onNodeClick:s,onEdgeClick:c,onInit:l,onMove:u,onMoveStart:d,onMoveEnd:f,onConnect:p,onConnectStart:m,onConnectEnd:h,onClickConnectStart:g,onClickConnectEnd:_,onNodeMouseEnter:v,onNodeMouseMove:y,onNodeMouseLeave:b,onNodeContextMenu:x,onNodeDoubleClick:S,onNodeDragStart:C,onNodeDrag:w,onNodeDragStop:T,onNodesDelete:D,onEdgesDelete:O,onDelete:k,onSelectionChange:j,onSelectionDragStart:M,onSelectionDrag:N,onSelectionDragStop:P,onSelectionContextMenu:F,onSelectionStart:I,onSelectionEnd:L,onBeforeDelete:R,connectionMode:z,connectionLineType:B=wi.Bezier,connectionLineStyle:V,connectionLineComponent:H,connectionLineContainerStyle:U,deleteKeyCode:G=`Backspace`,selectionKeyCode:ee=`Shift`,selectionOnDrag:te=!1,selectionMode:ne=Si.Full,panActivationKeyCode:re=`Space`,multiSelectionKeyCode:ie=ca()?`Meta`:`Control`,zoomActivationKeyCode:ae=ca()?`Meta`:`Control`,snapToGrid:oe,snapGrid:se,onlyRenderVisibleElements:ce=!1,selectNodesOnDrag:le,nodesDraggable:ue,autoPanOnNodeFocus:de,nodesConnectable:fe,nodesFocusable:pe,nodeOrigin:me=Ps,edgesFocusable:he,edgesReconnectable:ge,elementsSelectable:_e=!0,defaultViewport:ve=Fs,minZoom:ye=.5,maxZoom:be=2,translateExtent:xe=_i,preventScrolling:Se=!0,nodeExtent:Ce,defaultMarkerColor:we=`#b1b1b7`,zoomOnScroll:Te=!0,zoomOnPinch:Ee=!0,panOnScroll:De=!1,panOnScrollSpeed:Oe=.5,panOnScrollMode:ke=xi.Free,zoomOnDoubleClick:Ae=!0,panOnDrag:je=!0,onPaneClick:Me,onPaneMouseEnter:Ne,onPaneMouseMove:Pe,onPaneMouseLeave:Fe,onPaneScroll:Ie,onPaneContextMenu:Le,paneClickDistance:Re=1,nodeClickDistance:ze=0,children:Be,onReconnect:Ve,onReconnectStart:He,onReconnectEnd:Ue,onEdgeContextMenu:We,onEdgeDoubleClick:Ge,onEdgeMouseEnter:Ke,onEdgeMouseMove:qe,onEdgeMouseLeave:Je,reconnectRadius:Ye=10,onNodesChange:Xe,onEdgesChange:Ze,noDragClassName:Qe=`nodrag`,noWheelClassName:$e=`nowheel`,noPanClassName:et=`nopan`,fitView:tt,fitViewOptions:nt,connectOnClick:rt,attributionPosition:it,proOptions:at,defaultEdgeOptions:ot,elevateNodesOnSelect:st=!0,elevateEdgesOnSelect:ct=!1,disableKeyboardA11y:lt=!1,autoPanOnConnect:ut,autoPanOnNodeDrag:dt,autoPanSpeed:ft,connectionRadius:pt,isValidConnection:mt,onError:ht,style:gt,id:_t,nodeDragThreshold:vt,connectionDragThreshold:yt,viewport:bt,onViewportChange:xt,width:St,height:Ct,colorMode:wt=`light`,debug:Tt,onScroll:Et,ariaLabelConfig:Dt,zIndexMode:Ot=`basic`,...kt},At){let jt=_t||`1`,Mt=Vs(wt),Nt=(0,E.useCallback)(e=>{e.currentTarget.scrollTo({top:0,left:0,behavior:`instant`}),Et?.(e)},[Et]);return(0,A.jsx)(`div`,{"data-testid":`rf__wrapper`,...kt,onScroll:Nt,style:{...gt,...lu},ref:At,className:W([`react-flow`,i,Mt]),id:_t,role:`application`,children:(0,A.jsxs)(cu,{nodes:e,edges:t,width:St,height:Ct,fitView:tt,fitViewOptions:nt,minZoom:ye,maxZoom:be,nodeOrigin:me,nodeExtent:Ce,zIndexMode:Ot,children:[(0,A.jsx)(zs,{nodes:e,edges:t,defaultNodes:n,defaultEdges:r,onConnect:p,onConnectStart:m,onConnectEnd:h,onClickConnectStart:g,onClickConnectEnd:_,nodesDraggable:ue,autoPanOnNodeFocus:de,nodesConnectable:fe,nodesFocusable:pe,edgesFocusable:he,edgesReconnectable:ge,elementsSelectable:_e,elevateNodesOnSelect:st,elevateEdgesOnSelect:ct,minZoom:ye,maxZoom:be,nodeExtent:Ce,onNodesChange:Xe,onEdgesChange:Ze,snapToGrid:oe,snapGrid:se,connectionMode:z,translateExtent:xe,connectOnClick:rt,defaultEdgeOptions:ot,fitView:tt,fitViewOptions:nt,onNodesDelete:D,onEdgesDelete:O,onDelete:k,onNodeDragStart:C,onNodeDrag:w,onNodeDragStop:T,onSelectionDrag:N,onSelectionDragStart:M,onSelectionDragStop:P,onMove:u,onMoveStart:d,onMoveEnd:f,noPanClassName:et,nodeOrigin:me,rfId:jt,autoPanOnConnect:ut,autoPanOnNodeDrag:dt,autoPanSpeed:ft,onError:ht,connectionRadius:pt,isValidConnection:mt,selectNodesOnDrag:le,nodeDragThreshold:vt,connectionDragThreshold:yt,onBeforeDelete:R,debug:Tt,ariaLabelConfig:Dt,zIndexMode:Ot}),(0,A.jsx)(iu,{onInit:l,onNodeClick:s,onEdgeClick:c,onNodeMouseEnter:v,onNodeMouseMove:y,onNodeMouseLeave:b,onNodeContextMenu:x,onNodeDoubleClick:S,nodeTypes:a,edgeTypes:o,connectionLineType:B,connectionLineStyle:V,connectionLineComponent:H,connectionLineContainerStyle:U,selectionKeyCode:ee,selectionOnDrag:te,selectionMode:ne,deleteKeyCode:G,multiSelectionKeyCode:ie,panActivationKeyCode:re,zoomActivationKeyCode:ae,onlyRenderVisibleElements:ce,defaultViewport:ve,translateExtent:xe,minZoom:ye,maxZoom:be,preventScrolling:Se,zoomOnScroll:Te,zoomOnPinch:Ee,zoomOnDoubleClick:Ae,panOnScroll:De,panOnScrollSpeed:Oe,panOnScrollMode:ke,panOnDrag:je,onPaneClick:Me,onPaneMouseEnter:Ne,onPaneMouseMove:Pe,onPaneMouseLeave:Fe,onPaneScroll:Ie,onPaneContextMenu:Le,paneClickDistance:Re,nodeClickDistance:ze,onSelectionContextMenu:F,onSelectionStart:I,onSelectionEnd:L,onReconnect:Ve,onReconnectStart:He,onReconnectEnd:Ue,onEdgeContextMenu:We,onEdgeDoubleClick:Ge,onEdgeMouseEnter:Ke,onEdgeMouseMove:qe,onEdgeMouseLeave:Je,reconnectRadius:Ye,defaultMarkerColor:we,noDragClassName:Qe,noWheelClassName:$e,noPanClassName:et,rfId:jt,disableKeyboardA11y:lt,nodeExtent:Ce,viewport:bt,onViewportChange:xt}),(0,A.jsx)(Ms,{onSelectionChange:j}),Be,(0,A.jsx)(Es,{proOptions:at,position:it}),(0,A.jsx)(ws,{rfId:jt,disableKeyboardA11y:lt})]})})}var du=rc(uu);Y.error014();function fu({dimensions:e,lineWidth:t,variant:n,className:r}){return(0,A.jsx)(`path`,{strokeWidth:t,d:`M${e[0]/2} 0 V${e[1]} M0 ${e[1]/2} H${e[0]}`,className:W([`react-flow__background-pattern`,n,r])})}function pu({radius:e,className:t}){return(0,A.jsx)(`circle`,{cx:e,cy:e,r:e,className:W([`react-flow__background-pattern`,`dots`,t])})}var mu;(function(e){e.Lines=`lines`,e.Dots=`dots`,e.Cross=`cross`})(mu||={});var hu={[mu.Dots]:1,[mu.Lines]:1,[mu.Cross]:6},gu=e=>({transform:e.transform,patternId:`pattern-${e.rfId}`});function _u({id:e,variant:t=mu.Dots,gap:n=20,size:r,lineWidth:i=1,offset:a=0,color:o,bgColor:s,style:c,className:l,patternClassName:u}){let d=(0,E.useRef)(null),{transform:f,patternId:p}=Q(gu,Z),m=r||hu[t],h=t===mu.Dots,g=t===mu.Cross,_=Array.isArray(n)?n:[n,n],v=[_[0]*f[2]||1,_[1]*f[2]||1],y=m*f[2],b=Array.isArray(a)?a:[a,a],x=g?[y,y]:v,S=[b[0]*f[2]||1+x[0]/2,b[1]*f[2]||1+x[1]/2],C=`${p}${e||``}`;return(0,A.jsxs)(`svg`,{className:W([`react-flow__background`,l]),style:{...c,...hc,"--xy-background-color-props":s,"--xy-background-pattern-color-props":o},ref:d,"data-testid":`rf__background`,children:[(0,A.jsx)(`pattern`,{id:C,x:f[0]%v[0],y:f[1]%v[1],width:v[0],height:v[1],patternUnits:`userSpaceOnUse`,patternTransform:`translate(-${S[0]},-${S[1]})`,children:h?(0,A.jsx)(pu,{radius:y/2,className:u}):(0,A.jsx)(fu,{dimensions:x,lineWidth:i,variant:t,className:u})}),(0,A.jsx)(`rect`,{x:`0`,y:`0`,width:`100%`,height:`100%`,fill:`url(#${C})`})]})}_u.displayName=`Background`;var vu=(0,E.memo)(_u);function yu(){return(0,A.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 32`,children:(0,A.jsx)(`path`,{d:`M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z`})})}function bu(){return(0,A.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 5`,children:(0,A.jsx)(`path`,{d:`M0 0h32v4.2H0z`})})}function xu(){return(0,A.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 30`,children:(0,A.jsx)(`path`,{d:`M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z`})})}function Su(){return(0,A.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 25 32`,children:(0,A.jsx)(`path`,{d:`M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z`})})}function Cu(){return(0,A.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 25 32`,children:(0,A.jsx)(`path`,{d:`M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z`})})}function wu({children:e,className:t,...n}){return(0,A.jsx)(`button`,{type:`button`,className:W([`react-flow__controls-button`,t]),...n,children:e})}var Tu=e=>({isInteractive:e.nodesDraggable||e.nodesConnectable||e.elementsSelectable,minZoomReached:e.transform[2]<=e.minZoom,maxZoomReached:e.transform[2]>=e.maxZoom,ariaLabelConfig:e.ariaLabelConfig});function Eu({style:e,showZoom:t=!0,showFitView:n=!0,showInteractive:r=!0,fitViewOptions:i,onZoomIn:a,onZoomOut:o,onFitView:s,onInteractiveChange:c,className:l,children:u,position:d=`bottom-left`,orientation:f=`vertical`,"aria-label":p}){let m=$(),{isInteractive:h,minZoomReached:g,maxZoomReached:_,ariaLabelConfig:v}=Q(Tu,Z),{zoomIn:y,zoomOut:b,fitView:x}=uc(),S=()=>{y(),a?.()},C=()=>{b(),o?.()},w=()=>{x(i),s?.()},T=()=>{m.setState({nodesDraggable:!h,nodesConnectable:!h,elementsSelectable:!h}),c?.(!h)};return(0,A.jsxs)(Ts,{className:W([`react-flow__controls`,f===`horizontal`?`horizontal`:`vertical`,l]),position:d,style:e,"data-testid":`rf__controls`,"aria-label":p??v[`controls.ariaLabel`],children:[t&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(wu,{onClick:S,className:`react-flow__controls-zoomin`,title:v[`controls.zoomIn.ariaLabel`],"aria-label":v[`controls.zoomIn.ariaLabel`],disabled:_,children:(0,A.jsx)(yu,{})}),(0,A.jsx)(wu,{onClick:C,className:`react-flow__controls-zoomout`,title:v[`controls.zoomOut.ariaLabel`],"aria-label":v[`controls.zoomOut.ariaLabel`],disabled:g,children:(0,A.jsx)(bu,{})})]}),n&&(0,A.jsx)(wu,{className:`react-flow__controls-fitview`,onClick:w,title:v[`controls.fitView.ariaLabel`],"aria-label":v[`controls.fitView.ariaLabel`],children:(0,A.jsx)(xu,{})}),r&&(0,A.jsx)(wu,{className:`react-flow__controls-interactive`,onClick:T,title:v[`controls.interactive.ariaLabel`],"aria-label":v[`controls.interactive.ariaLabel`],children:h?(0,A.jsx)(Cu,{}):(0,A.jsx)(Su,{})}),u]})}Eu.displayName=`Controls`;var Du=(0,E.memo)(Eu);function Ou({id:e,x:t,y:n,width:r,height:i,style:a,color:o,strokeColor:s,strokeWidth:c,className:l,borderRadius:u,shapeRendering:d,selected:f,onClick:p}){let{background:m,backgroundColor:h}=a||{},g=o||m||h;return(0,A.jsx)(`rect`,{className:W([`react-flow__minimap-node`,{selected:f},l]),x:t,y:n,rx:u,ry:u,width:r,height:i,style:{fill:g,stroke:s,strokeWidth:c},shapeRendering:d,onClick:p?t=>p(t,e):void 0})}var ku=(0,E.memo)(Ou),Au=e=>e.nodes.map(e=>e.id),ju=e=>e instanceof Function?e:()=>e;function Mu({nodeStrokeColor:e,nodeColor:t,nodeClassName:n=``,nodeBorderRadius:r=5,nodeStrokeWidth:i,nodeComponent:a=ku,onClick:o}){let s=Q(Au,Z),c=ju(t),l=ju(e),u=ju(n),d=typeof window>`u`||window.chrome?`crispEdges`:`geometricPrecision`;return(0,A.jsx)(A.Fragment,{children:s.map(e=>(0,A.jsx)(Pu,{id:e,nodeColorFunc:c,nodeStrokeColorFunc:l,nodeClassNameFunc:u,nodeBorderRadius:r,nodeStrokeWidth:i,NodeComponent:a,onClick:o,shapeRendering:d},e))})}function Nu({id:e,nodeColorFunc:t,nodeStrokeColorFunc:n,nodeClassNameFunc:r,nodeBorderRadius:i,nodeStrokeWidth:a,shapeRendering:o,NodeComponent:s,onClick:c}){let{node:l,x:u,y:d,width:f,height:p}=Q(t=>{let n=t.nodeLookup.get(e);if(!n)return{node:void 0,x:0,y:0,width:0,height:0};let r=n.internals.userNode,{x:i,y:a}=n.internals.positionAbsolute,{width:o,height:s}=ua(r);return{node:r,x:i,y:a,width:o,height:s}},Z);return!l||l.hidden||!da(l)?null:(0,A.jsx)(s,{x:u,y:d,width:f,height:p,style:l.style,selected:!!l.selected,className:r(l),color:t(l),borderRadius:i,strokeColor:n(l),strokeWidth:a,shapeRendering:o,onClick:c,id:l.id})}var Pu=(0,E.memo)(Nu),Fu=(0,E.memo)(Mu),Iu=200,Lu=150,Ru=e=>!e.hidden,zu=e=>{let t={x:-e.transform[0]/e.transform[2],y:-e.transform[1]/e.transform[2],width:e.width/e.transform[2],height:e.height/e.transform[2]};return{viewBB:t,boundingRect:e.nodeLookup.size>0?Xi(Ni(e.nodeLookup,{filter:Ru}),t):t,rfId:e.rfId,panZoom:e.panZoom,translateExtent:e.translateExtent,flowWidth:e.width,flowHeight:e.height,ariaLabelConfig:e.ariaLabelConfig}},Bu=`react-flow__minimap-desc`;function Vu({style:e,className:t,nodeStrokeColor:n,nodeColor:r,nodeClassName:i=``,nodeBorderRadius:a=5,nodeStrokeWidth:o,nodeComponent:s,bgColor:c,maskColor:l,maskStrokeColor:u,maskStrokeWidth:d,position:f=`bottom-right`,onClick:p,onNodeClick:m,pannable:h=!1,zoomable:g=!1,ariaLabel:_,inversePan:v,zoomStep:y=1,offsetScale:b=5}){let x=$(),S=(0,E.useRef)(null),{boundingRect:C,viewBB:w,rfId:T,panZoom:D,translateExtent:O,flowWidth:k,flowHeight:j,ariaLabelConfig:M}=Q(zu,Z),N=e?.width??Iu,P=e?.height??Lu,F=C.width/N,I=C.height/P,L=Math.max(F,I),R=L*N,z=L*P,B=b*L,V=C.x-(R-C.width)/2-B,H=C.y-(z-C.height)/2-B,U=R+B*2,G=z+B*2,ee=`${Bu}-${T}`,te=(0,E.useRef)(0),ne=(0,E.useRef)();te.current=L,(0,E.useEffect)(()=>{if(S.current&&D)return ne.current=ko({domNode:S.current,panZoom:D,getTransform:()=>x.getState().transform,getViewScale:()=>te.current}),()=>{ne.current?.destroy()}},[D]),(0,E.useEffect)(()=>{ne.current?.update({translateExtent:O,width:k,height:j,inversePan:v,pannable:h,zoomStep:y,zoomable:g})},[h,g,v,y,O,k,j]);let re=p?e=>{let[t,n]=ne.current?.pointer(e)||[0,0];p(e,{x:t,y:n})}:void 0,ie=m?(0,E.useCallback)((e,t)=>{let n=x.getState().nodeLookup.get(t).internals.userNode;m(e,n)},[]):void 0,ae=_??M[`minimap.ariaLabel`];return(0,A.jsx)(Ts,{position:f,style:{...e,"--xy-minimap-background-color-props":typeof c==`string`?c:void 0,"--xy-minimap-mask-background-color-props":typeof l==`string`?l:void 0,"--xy-minimap-mask-stroke-color-props":typeof u==`string`?u:void 0,"--xy-minimap-mask-stroke-width-props":typeof d==`number`?d*L:void 0,"--xy-minimap-node-background-color-props":typeof r==`string`?r:void 0,"--xy-minimap-node-stroke-color-props":typeof n==`string`?n:void 0,"--xy-minimap-node-stroke-width-props":typeof o==`number`?o:void 0},className:W([`react-flow__minimap`,t]),"data-testid":`rf__minimap`,children:(0,A.jsxs)(`svg`,{width:N,height:P,viewBox:`${V} ${H} ${U} ${G}`,className:`react-flow__minimap-svg`,role:`img`,"aria-labelledby":ee,ref:S,onClick:re,children:[ae&&(0,A.jsx)(`title`,{id:ee,children:ae}),(0,A.jsx)(Fu,{onClick:ie,nodeColor:r,nodeStrokeColor:n,nodeBorderRadius:a,nodeClassName:i,nodeStrokeWidth:o,nodeComponent:s}),(0,A.jsx)(`path`,{className:`react-flow__minimap-mask`,d:`M${V-B},${H-B}h${U+B*2}v${G+B*2}h${-U-B*2}z
|
|
26
|
+
M${w.x},${w.y}h${w.width}v${w.height}h${-w.width}z`,fillRule:`evenodd`,pointerEvents:`none`})]})})}Vu.displayName=`MiniMap`,(0,E.memo)(Vu);var Hu=e=>t=>e?`${Math.max(1/t.transform[2],1)}`:void 0,Uu={[Wo.Line]:`right`,[Wo.Handle]:`bottom-right`};function Wu({nodeId:e,position:t,variant:n=Wo.Handle,className:r,style:i=void 0,children:a,color:o,minWidth:s=10,minHeight:c=10,maxWidth:l=Number.MAX_VALUE,maxHeight:u=Number.MAX_VALUE,keepAspectRatio:d=!1,resizeDirection:f,autoScale:p=!0,shouldResize:m,onResizeStart:h,onResize:g,onResizeEnd:_}){let v=kc(),y=typeof e==`string`?e:v,b=$(),x=(0,E.useRef)(null),S=n===Wo.Handle,C=Q((0,E.useCallback)(Hu(S&&p),[S,p]),Z),w=(0,E.useRef)(null),T=t??Uu[n];return(0,E.useEffect)(()=>{if(!(!x.current||!y))return w.current||=ns({domNode:x.current,nodeId:y,getStoreItems:()=>{let{nodeLookup:e,transform:t,snapGrid:n,snapToGrid:r,nodeOrigin:i,domNode:a}=b.getState();return{nodeLookup:e,transform:t,snapGrid:n,snapToGrid:r,nodeOrigin:i,paneDomNode:a}},onChange:(e,t)=>{let{triggerNodeChanges:n,nodeLookup:r,parentLookup:i,nodeOrigin:a}=b.getState(),o=[],s={x:e.x,y:e.y},c=r.get(y);if(c&&c.expandParent&&c.parentId){let t=c.origin??a,n=e.width??c.measured.width??0,l=e.height??c.measured.height??0,u=so([{id:c.id,parentId:c.parentId,rect:{width:n,height:l,...fa({x:e.x??c.position.x,y:e.y??c.position.y},{width:n,height:l},c.parentId,r,t)}}],r,i,a);o.push(...u),s.x=e.x?Math.max(t[0]*n,e.x):void 0,s.y=e.y?Math.max(t[1]*l,e.y):void 0}if(s.x!==void 0&&s.y!==void 0){let e={id:y,type:`position`,position:{...s}};o.push(e)}if(e.width!==void 0&&e.height!==void 0){let t={id:y,type:`dimensions`,resizing:!0,setAttributes:f?f===`horizontal`?`width`:`height`:!0,dimensions:{width:e.width,height:e.height}};o.push(t)}for(let e of t){let t={...e,type:`position`};o.push(t)}n(o)},onEnd:({width:e,height:t})=>{let n={id:y,type:`dimensions`,resizing:!1,dimensions:{width:e,height:t}};b.getState().triggerNodeChanges([n])}}),w.current.update({controlPosition:T,boundaries:{minWidth:s,minHeight:c,maxWidth:l,maxHeight:u},keepAspectRatio:d,resizeDirection:f,onResizeStart:h,onResize:g,onResizeEnd:_,shouldResize:m}),()=>{w.current?.destroy()}},[T,s,c,l,u,d,h,g,_,m]),(0,A.jsx)(`div`,{className:W([`react-flow__resize-control`,`nodrag`,...T.split(`-`),n,r]),ref:x,style:{...i,scale:C,...o&&{[S?`backgroundColor`:`borderColor`]:o}},children:a})}(0,E.memo)(Wu);var Gu=[`Aprendiz`,`Explorador`,`Practicante`,`Experto`,`Maestro`,`Leyenda`];function Ku(e){return e<50?Gu[0]:e<150?Gu[1]:e<300?Gu[2]:e<500?Gu[3]:e<800?Gu[4]:Gu[5]}function qu(e,t){return t===`nino`?`¡${e} gotas de miel! 🍯`:t===`adolescente`?`+${e} XP 🔥`:`${e} puntos ganados`}function Ju(){let{xpTotal:e,logrosDesbloqueados:t,program:n,desbloquearLogro:r}=k(),i=Ku(e),a=n?.rangoEdad??`adulto`;return{xpTotal:e,nivelActual:i,rangoEdad:a,logrosDesbloqueados:t,checkLogros:(0,E.useCallback)(()=>{if(n?.gamificacion.logros)for(let e of n.gamificacion.logros)t.includes(e.id)||r(e.id)},[n,t,r]),formatXP:e=>qu(e,a),porcentajeNivel:()=>e<50?e/50*100:e<150?(e-50)/100*100:e<300?(e-150)/150*100:e<500?(e-300)/200*100:e<800?(e-500)/300*100:100}}function Yu({tema:e}){let{vidas:t,racha:n}=k(),{xpTotal:r,nivelActual:i,formatXP:a}=Ju();return(0,A.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2 bg-gray-900/90 border-b border-gray-800 backdrop-blur z-20 min-h-[48px]`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,A.jsx)(`span`,{className:`text-amber-400 text-base`,children:`🐝`}),(0,A.jsx)(`span`,{className:`text-white font-bold text-sm truncate max-w-[200px]`,children:e})]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,A.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3}).map((e,n)=>(0,A.jsx)(`span`,{className:`text-lg transition-all duration-300 ${n<t?`opacity-100`:`opacity-20 grayscale`}`,children:`❤️`},n))}),n>=2&&(0,A.jsxs)(`div`,{className:`flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-bold
|
|
27
|
+
${n>=5?`bg-red-500/20 border border-red-500/40 text-red-300`:n>=3?`bg-orange-500/20 border border-orange-500/40 text-orange-300`:`bg-amber-500/20 border border-amber-500/40 text-amber-300`}
|
|
28
|
+
`,children:[(0,A.jsx)(`span`,{className:n>=3?`animate-bounce`:``,children:`🔥`}),(0,A.jsx)(`span`,{children:n})]})]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,A.jsxs)(`div`,{className:`flex flex-col items-end gap-0.5`,children:[(0,A.jsx)(`span`,{className:`text-amber-400 font-bold text-xs tabular-nums`,children:a(r)}),(0,A.jsx)(`div`,{className:`w-24 h-1 rounded-full bg-gray-700 overflow-hidden`,children:(0,A.jsx)(`div`,{className:`h-full rounded-full bg-gradient-to-r from-amber-600 to-yellow-400 transition-all duration-700`,style:{width:`${Math.min(r%100,100)}%`}})})]}),(0,A.jsx)(`span`,{className:`text-xs px-2 py-0.5 rounded-full bg-amber-500/15 border border-amber-500/30 text-amber-300 font-bold whitespace-nowrap`,children:i})]})]})}function Xu({nodo:e}){let t=e.contenido;return!t||Object.keys(t).length===0?(0,A.jsx)(`div`,{className:`flex items-center justify-center h-32 text-white/30 text-sm`,children:(0,A.jsx)(`span`,{className:`animate-pulse`,children:`Generando contenido...`})}):e.tipoPedagogico===`milestone`?(0,A.jsx)(cd,{nodo:e}):e.tipoVisual===`gif_guide`&&t.gifFrames?(0,A.jsx)(ld,{frames:t.gifFrames.frames}):e.tipoVisual===`image_ai`&&t.imagen?(0,A.jsx)(rd,{imagen:t.imagen}):e.tipoVisual===`audio_ai`&&t.audio?(0,A.jsx)(id,{audio:t.audio}):e.tipoPedagogico===`exercise`&&t.ejercicio?(0,A.jsx)(ad,{ejercicio:t.ejercicio}):e.tipoPedagogico===`quiz`&&t.quiz?(0,A.jsx)(od,{quiz:t.quiz}):e.tipoPedagogico===`challenge`&&t.reto?(0,A.jsx)(sd,{reto:t.reto}):e.tipoVisual===`code_block`&&t.codigo?(0,A.jsx)(Qu,{codigo:t.codigo}):e.tipoVisual===`svg_diagram`&&t.svg?(0,A.jsx)($u,{svg:t.svg}):e.tipoVisual===`infographic`&&t.infografia?(0,A.jsx)(ed,{infografia:t.infografia}):e.tipoVisual===`chart`&&t.infografia?(0,A.jsx)(td,{infografia:t.infografia}):e.tipoVisual===`animated_card`&&t.explicacion?(0,A.jsx)(nd,{explicacion:t.explicacion}):t.explicacion?(0,A.jsx)(Zu,{explicacion:t.explicacion}):(0,A.jsx)(`div`,{className:`rounded-xl bg-gray-800/60 p-4 text-white/60 text-sm font-mono overflow-auto max-h-64`,children:(0,A.jsx)(`pre`,{children:JSON.stringify(t,null,2)})})}function Zu({explicacion:e}){return e?(0,A.jsxs)(`div`,{className:`space-y-3`,children:[(0,A.jsx)(`h3`,{className:`text-white font-bold text-base`,children:e.titulo}),(0,A.jsx)(`p`,{className:`text-gray-300 text-sm leading-relaxed`,children:e.explicacion}),e.ejemploConcreto&&(0,A.jsxs)(`div`,{className:`rounded-lg bg-amber-500/10 border border-amber-500/20 p-3`,children:[(0,A.jsx)(`p`,{className:`text-xs text-amber-400 font-semibold mb-1`,children:`Ejemplo`}),(0,A.jsx)(`p`,{className:`text-amber-100/80 text-sm`,children:e.ejemploConcreto})]})]}):null}function Qu({codigo:e}){return e?(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,A.jsx)(`span`,{className:`text-xs text-gray-400 font-mono`,children:e.lenguaje}),(0,A.jsx)(`button`,{onClick:()=>navigator.clipboard.writeText(e.codigo),className:`text-xs text-gray-500 hover:text-amber-400 transition-colors`,children:`📋 Copiar`})]}),(0,A.jsx)(`pre`,{className:`rounded-lg bg-gray-950 border border-gray-700 p-3 text-xs text-green-300 font-mono overflow-x-auto leading-relaxed`,children:e.codigo}),e.descripcionBreve&&(0,A.jsx)(`p`,{className:`text-gray-400 text-xs`,children:e.descripcionBreve})]}):null}function $u({svg:e}){return e?(0,A.jsx)(`div`,{className:`rounded-lg overflow-hidden border border-gray-700 bg-gray-900 flex items-center justify-center p-2 max-h-72`,dangerouslySetInnerHTML:{__html:e.svgString.replace(/<script[\s\S]*?<\/script>/gi,``).replace(/on\w+="[^"]*"/gi,``)}}):null}function ed({infografia:e}){return e?(0,A.jsx)(`div`,{className:`grid grid-cols-1 gap-2`,children:e.secciones.map((e,t)=>(0,A.jsxs)(`div`,{className:`flex items-start gap-3 rounded-lg bg-gray-800/50 border border-gray-700/50 p-3`,children:[(0,A.jsx)(`span`,{className:`text-2xl flex-shrink-0`,children:e.emoji}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`p`,{className:`text-white font-semibold text-sm`,children:e.titulo}),(0,A.jsx)(`p`,{className:`text-gray-300 text-xs mt-0.5`,children:e.valor})]})]},t))}):null}function td({infografia:e}){if(!e)return null;let t=Math.max(...e.secciones.map(e=>parseFloat(e.valor)||1));return(0,A.jsx)(`div`,{className:`space-y-2`,children:e.secciones.map((e,n)=>{let r=parseFloat(e.valor)||0,i=t>0?r/t*100:0;return(0,A.jsxs)(`div`,{className:`space-y-1`,children:[(0,A.jsxs)(`div`,{className:`flex justify-between text-xs text-gray-400`,children:[(0,A.jsxs)(`span`,{children:[e.emoji,` `,e.titulo]}),(0,A.jsx)(`span`,{className:`text-amber-300`,children:e.valor})]}),(0,A.jsx)(`div`,{className:`h-2 rounded-full bg-gray-700 overflow-hidden`,children:(0,A.jsx)(`div`,{className:`h-full rounded-full bg-gradient-to-r from-amber-600 to-yellow-400 transition-all duration-700`,style:{width:`${i}%`}})})]},n)})})}function nd({explicacion:e}){return e?(0,A.jsxs)(`div`,{className:`space-y-3`,children:[(0,A.jsx)(`h3`,{className:`text-white font-bold text-base animate-pulse`,children:e.titulo}),(0,A.jsx)(`p`,{className:`text-gray-300 text-sm leading-relaxed`,children:e.explicacion}),e.ejemploConcreto&&(0,A.jsx)(`div`,{className:`rounded-lg bg-purple-500/10 border border-purple-500/20 p-3 animate-pulse`,style:{animationDuration:`3s`},children:(0,A.jsx)(`p`,{className:`text-purple-200/80 text-sm`,children:e.ejemploConcreto})})]}):null}function rd({imagen:e}){if(!e)return null;let t=e.url??(e.base64?`data:image/png;base64,${e.base64}`:null);return(0,A.jsxs)(`div`,{className:`space-y-2`,children:[t?(0,A.jsx)(`img`,{src:t,alt:e.descripcionAlt,className:`rounded-lg w-full object-contain max-h-60 border border-gray-700`}):e.svgFallback?(0,A.jsx)(`div`,{className:`rounded-lg overflow-hidden border border-gray-700 flex items-center justify-center`,dangerouslySetInnerHTML:{__html:e.svgFallback.replace(/<script[\s\S]*?<\/script>/gi,``)}}):(0,A.jsx)(`div`,{className:`rounded-lg bg-gray-800 border border-gray-700 h-40 flex items-center justify-center text-gray-500 text-sm`,children:e.descripcionAlt}),e.caption&&(0,A.jsx)(`p`,{className:`text-xs text-gray-400 italic text-center`,children:e.caption})]})}function id({audio:e}){return e?(0,A.jsxs)(`div`,{className:`space-y-3 rounded-lg bg-blue-500/5 border border-blue-500/20 p-4`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2 text-blue-300`,children:[(0,A.jsx)(`span`,{className:`text-xl`,children:`🎵`}),(0,A.jsx)(`span`,{className:`text-sm font-semibold`,children:`Contenido auditivo`}),(0,A.jsxs)(`span`,{className:`text-xs text-blue-400/60`,children:[`~`,e.duracionEstimada,`s`]})]}),(0,A.jsx)(`p`,{className:`text-gray-300 text-sm leading-relaxed`,children:e.texto})]}):null}function ad({ejercicio:e}){return e?(0,A.jsxs)(`div`,{className:`space-y-3`,children:[(0,A.jsxs)(`div`,{className:`rounded-lg bg-blue-500/10 border border-blue-500/20 p-3`,children:[(0,A.jsx)(`p`,{className:`text-xs text-blue-400 font-semibold mb-1`,children:`📝 Ejercicio`}),(0,A.jsx)(`p`,{className:`text-white text-sm`,children:e.enunciado})]}),e.pistaOpcional&&(0,A.jsxs)(`details`,{className:`group`,children:[(0,A.jsxs)(`summary`,{className:`text-xs text-amber-400 cursor-pointer hover:text-amber-300 list-none flex items-center gap-1`,children:[(0,A.jsx)(`span`,{className:`group-open:rotate-90 transition-transform inline-block`,children:`▶`}),`Ver pista`]}),(0,A.jsx)(`p`,{className:`mt-1 text-xs text-amber-200/70 pl-4`,children:e.pistaOpcional})]})]}):null}function od({quiz:e}){return e?(0,A.jsxs)(`div`,{className:`space-y-3`,children:[(0,A.jsx)(`p`,{className:`text-white font-medium text-sm`,children:e.pregunta}),(0,A.jsx)(`div`,{className:`space-y-1.5`,children:e.opciones.map((t,n)=>(0,A.jsxs)(`div`,{className:`rounded-lg border px-3 py-2 text-sm
|
|
29
|
+
${n===e.indicesCorrecto?`bg-green-500/10 border-green-500/30 text-green-200`:`bg-gray-800/50 border-gray-700 text-gray-300`}`,children:[(0,A.jsxs)(`span`,{className:`font-bold mr-2 text-xs text-gray-500`,children:[String.fromCharCode(65+n),`.`]}),t]},n))})]}):null}function sd({reto:e}){return e?(0,A.jsxs)(`div`,{className:`space-y-3`,children:[(0,A.jsxs)(`div`,{className:`rounded-lg bg-purple-500/10 border border-purple-500/20 p-3`,children:[(0,A.jsx)(`p`,{className:`text-xs text-purple-400 font-semibold mb-1`,children:`⚡ Reto`}),(0,A.jsx)(`p`,{className:`text-white text-sm font-medium`,children:e.titulo}),(0,A.jsx)(`p`,{className:`text-gray-400 text-xs mt-1`,children:e.contexto})]}),(0,A.jsx)(`div`,{className:`space-y-1.5`,children:e.pasos.map((e,t)=>(0,A.jsxs)(`div`,{className:`flex items-start gap-2 text-sm text-gray-300`,children:[(0,A.jsxs)(`span`,{className:`text-amber-400 font-bold text-xs mt-0.5 flex-shrink-0`,children:[t+1,`.`]}),(0,A.jsx)(`span`,{children:e})]},t))})]}):null}function cd({nodo:e}){return(0,A.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-6 space-y-3 text-center`,children:[(0,A.jsx)(`div`,{className:`text-5xl animate-bounce`,children:`🏆`}),(0,A.jsx)(`h3`,{className:`text-white font-black text-lg`,children:e.titulo}),(0,A.jsx)(`p`,{className:`text-amber-300 text-sm`,children:e.concepto}),(0,A.jsxs)(`div`,{className:`text-xs text-gray-400 mt-2`,children:[`+`,e.xpRecompensa,` XP al completar`]})]})}function ld({frames:e}){return e?.length?(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(`p`,{className:`text-xs text-gray-400 font-semibold`,children:`Paso a paso`}),(0,A.jsx)(`div`,{className:`flex gap-1.5 overflow-x-auto pb-1`,children:e.map((e,t)=>(0,A.jsxs)(`div`,{className:`flex-shrink-0 rounded-lg bg-gray-800 border border-gray-700 p-3 text-center min-w-[80px]`,children:[(0,A.jsx)(`div`,{className:`text-2xl`,children:e.emoji}),(0,A.jsx)(`p`,{className:`text-xs text-gray-300 mt-1 leading-tight`,children:e.texto})]},t))})]}):null}function ud({nodo:e,feedback:t,isSubmitting:n,onSubmit:r}){let i=e.contenido?.microEval,[a,o]=(0,E.useState)(null),[s,c]=(0,E.useState)(``);if(!i)return null;let l=async e=>{e.trim()&&await r(e)};return(0,A.jsxs)(`div`,{className:`border-t border-gray-700/60 pt-4 space-y-3`,children:[(0,A.jsx)(`p`,{className:`text-xs text-gray-400 font-semibold uppercase tracking-wide`,children:`Verifica tu comprensión`}),(0,A.jsx)(`p`,{className:`text-white text-sm font-medium`,children:i.pregunta}),i.tipo===`verdadero_falso`&&(0,A.jsx)(dd,{selected:a,onSelect:o,feedback:t,disabled:!!t||n,onSubmit:l}),i.tipo===`multiple_choice`&&(0,A.jsx)(fd,{opciones:i.opciones??[],selected:a,onSelect:o,feedback:t,disabled:!!t||n,onSubmit:l}),(i.tipo===`respuesta_corta`||i.tipo===`completar_codigo`)&&(0,A.jsx)(pd,{tipo:i.tipo,value:s,onChange:c,feedback:t,disabled:!!t||n,isSubmitting:n,onSubmit:()=>l(s)}),t&&(0,A.jsx)(md,{feedback:t}),!t&&i.pista&&(0,A.jsxs)(`details`,{className:`group`,children:[(0,A.jsxs)(`summary`,{className:`text-xs text-amber-400/70 cursor-pointer hover:text-amber-400 list-none flex items-center gap-1`,children:[(0,A.jsx)(`span`,{className:`group-open:rotate-90 transition-transform inline-block text-xs`,children:`▶`}),`Ver pista`]}),(0,A.jsx)(`p`,{className:`mt-1 text-xs text-amber-200/60 pl-4`,children:i.pista})]})]})}function dd({selected:e,onSelect:t,feedback:n,disabled:r,onSubmit:i}){return(0,A.jsx)(`div`,{className:`flex gap-3`,children:[`Verdadero`,`Falso`].map(a=>{let o=e===a,s=n?.correcto&&o,c=!n?.correcto&&o&&!!n;return(0,A.jsx)(`button`,{disabled:r,onClick:()=>{r||(t(a),i(a))},className:`flex-1 py-3 rounded-xl border text-sm font-bold transition-all
|
|
30
|
+
${s?`bg-green-500/20 border-green-500 text-green-300`:c?`bg-red-500/20 border-red-500 text-red-300`:o?`bg-amber-500/20 border-amber-500 text-amber-200`:`bg-gray-800 border-gray-600 text-gray-300 hover:border-gray-400`}
|
|
31
|
+
${r&&!o?`opacity-40`:``}
|
|
32
|
+
`,children:a===`Verdadero`?`✅ Verdadero`:`❌ Falso`},a)})})}function fd({opciones:e,selected:t,onSelect:n,feedback:r,disabled:i,onSubmit:a}){return(0,A.jsx)(`div`,{className:`space-y-1.5`,children:e.map((e,o)=>{let s=String.fromCharCode(65+o),c=t===e,l=r?.correcto&&c,u=!r?.correcto&&c&&!!r;return(0,A.jsxs)(`button`,{disabled:i,onClick:()=>{i||(n(e),a(e))},className:`w-full text-left px-3 py-2.5 rounded-lg border text-sm transition-all flex items-center gap-2
|
|
33
|
+
${l?`bg-green-500/15 border-green-500/60 text-green-200`:u?`bg-red-500/15 border-red-500/60 text-red-200`:c?`bg-amber-500/15 border-amber-500/50 text-amber-100`:`bg-gray-800/60 border-gray-700 text-gray-300 hover:border-gray-500`}
|
|
34
|
+
${i&&!c?`opacity-40`:``}
|
|
35
|
+
`,children:[(0,A.jsx)(`span`,{className:`text-xs font-bold w-5 h-5 rounded flex items-center justify-center flex-shrink-0
|
|
36
|
+
${c?`bg-amber-500/30 text-amber-300`:`bg-gray-700 text-gray-400`}`,children:s}),e]},o)})})}function pd({tipo:e,value:t,onChange:n,feedback:r,disabled:i,isSubmitting:a,onSubmit:o}){return(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(`textarea`,{value:t,onChange:e=>n(e.target.value),disabled:i,placeholder:e===`completar_codigo`?`Escribe el código aquí...`:`Escribe tu respuesta...`,rows:3,className:`w-full rounded-lg border px-3 py-2 text-sm resize-none outline-none transition-all
|
|
37
|
+
${e===`completar_codigo`?`font-mono bg-gray-950 text-green-300 border-gray-700`:`bg-gray-800/60 text-gray-100 border-gray-700`}
|
|
38
|
+
focus:border-amber-500/60 disabled:opacity-50
|
|
39
|
+
`}),!r&&(0,A.jsx)(`button`,{onClick:o,disabled:i||a||!t.trim(),className:`w-full py-2.5 rounded-lg bg-amber-500 text-black text-sm font-bold hover:bg-amber-400 transition-all disabled:opacity-40 disabled:cursor-not-allowed`,children:a?(0,A.jsxs)(`span`,{className:`flex items-center justify-center gap-2`,children:[(0,A.jsx)(`span`,{className:`w-3 h-3 rounded-full border-2 border-black/30 border-t-black animate-spin`}),`Evaluando...`]}):`Enviar respuesta ✓`})]})}function md({feedback:e}){return(0,A.jsxs)(`div`,{className:`rounded-xl border p-3 space-y-1.5 transition-all
|
|
40
|
+
${e.correcto?`bg-green-500/10 border-green-500/40`:`bg-amber-500/10 border-amber-500/40`}`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(`span`,{className:`text-base`,children:e.correcto?`✅`:`💡`}),(0,A.jsx)(`span`,{className:`text-sm font-bold ${e.correcto?`text-green-300`:`text-amber-300`}`,children:e.mensajePrincipal??e.mensaje}),(0,A.jsxs)(`span`,{className:`ml-auto text-xs font-bold text-amber-400`,children:[`+`,e.xpGanado,` XP`]})]}),e.razonamiento&&(0,A.jsx)(`p`,{className:`text-xs text-gray-400 pl-6`,children:e.razonamiento}),!e.correcto&&e.pistaSiIncorrecto&&(0,A.jsx)(`p`,{className:`text-xs text-amber-300/70 pl-6`,children:e.pistaSiIncorrecto})]})}var hd={concept:{label:`Concepto`,color:`bg-blue-500/20 text-blue-300 border-blue-500/30`},exercise:{label:`Ejercicio`,color:`bg-green-500/20 text-green-300 border-green-500/30`},quiz:{label:`Quiz`,color:`bg-purple-500/20 text-purple-300 border-purple-500/30`},challenge:{label:`Reto`,color:`bg-orange-500/20 text-orange-300 border-orange-500/30`},milestone:{label:`Logro`,color:`bg-amber-500/20 text-amber-300 border-amber-500/30`},evaluation:{label:`Evaluación`,color:`bg-red-500/20 text-red-300 border-red-500/30`}};function gd({nodo:e,onClose:t,onComplete:n}){let{lastFeedback:r,setLastFeedback:i,selectedProviderId:a,selectedModelId:o}=k(),[s,c]=(0,E.useState)(!1),[l,u]=(0,E.useState)(!1),d=e!==null,f=async t=>{if(e){c(!0);try{i(await(await fetch(`/api/hivelearn/feedback`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({nodoId:e.id,concepto:e.concepto,respuesta:t,rangoEdad:e.rangoEdad,tipoPedagogico:e.tipoPedagogico})})).json())}catch{i({correcto:!1,mensajePrincipal:`Error al evaluar. Intenta de nuevo.`,xpGanado:0})}finally{c(!1)}}},p=()=>{if(!e)return;let a=r?.xpGanado??e.xpRecompensa;u(!0),n(e,a),setTimeout(()=>{u(!1),i(null),t()},600)},m=()=>{e&&(n(e,0),i(null),t())},h=e?hd[e.tipoPedagogico]??hd.concept:null;e&&[`exercise`,`quiz`,`challenge`].includes(e.tipoPedagogico);let g=!e?.contenido?.microEval||!!r||e.tipoPedagogico===`milestone`,_=e?.estado===`bloqueado`;return(0,A.jsxs)(A.Fragment,{children:[d&&(0,A.jsx)(`div`,{className:`fixed inset-0 z-30`,onClick:t}),(0,A.jsxs)(`div`,{className:`
|
|
41
|
+
fixed top-0 right-0 h-full z-40 w-[420px] max-w-[90vw]
|
|
42
|
+
bg-gray-900 border-l border-gray-700 shadow-2xl
|
|
43
|
+
flex flex-col
|
|
44
|
+
transition-transform duration-300 ease-out
|
|
45
|
+
${d?`translate-x-0`:`translate-x-full`}
|
|
46
|
+
`,children:[(0,A.jsxs)(`div`,{className:`flex items-start justify-between p-4 border-b border-gray-700/60`,children:[(0,A.jsxs)(`div`,{className:`space-y-1 min-w-0 flex-1`,children:[h&&(0,A.jsx)(`span`,{className:`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-bold border ${h.color}`,children:h.label}),(0,A.jsx)(`h2`,{className:`text-white font-bold text-base leading-tight pr-2`,children:e?.titulo??``}),(0,A.jsx)(`p`,{className:`text-gray-400 text-xs`,children:e?.concepto??``})]}),(0,A.jsx)(`button`,{onClick:t,className:`flex-shrink-0 w-8 h-8 rounded-lg bg-gray-800 border border-gray-700 text-gray-400 hover:text-white hover:border-gray-500 transition-all flex items-center justify-center text-sm ml-2`,children:`✕`})]}),(0,A.jsx)(`div`,{className:`flex-1 overflow-y-auto p-4 space-y-4`,children:_?(0,A.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 space-y-3 text-center`,children:[(0,A.jsx)(`span`,{className:`text-4xl`,children:`🔒`}),(0,A.jsx)(`p`,{className:`text-gray-400 text-sm`,children:`Completa los nodos anteriores para desbloquear este.`})]}):(0,A.jsxs)(A.Fragment,{children:[e&&(0,A.jsx)(Xu,{nodo:e}),e&&e.xpRecompensa>0&&!r&&(0,A.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs text-amber-400/60`,children:[(0,A.jsx)(`span`,{children:`⭐`}),(0,A.jsxs)(`span`,{children:[`+`,e.xpRecompensa,` XP al completar`]})]}),e&&e.estado!==`completado`&&(0,A.jsx)(ud,{nodo:e,feedback:r,isSubmitting:s,onSubmit:f}),e?.estado===`completado`&&(0,A.jsx)(`div`,{className:`rounded-xl bg-green-500/10 border border-green-500/30 p-3 text-center`,children:(0,A.jsx)(`span`,{className:`text-green-400 text-sm font-bold`,children:`✅ Nodo completado`})})]})}),!_&&e?.estado!==`completado`&&(0,A.jsxs)(`div`,{className:`p-4 border-t border-gray-700/60 flex gap-2`,children:[(0,A.jsx)(`button`,{onClick:m,className:`flex-1 py-2.5 rounded-lg border border-gray-600 text-gray-400 text-sm hover:border-gray-400 hover:text-gray-200 transition-all`,children:`Saltar →`}),(0,A.jsx)(`button`,{onClick:p,disabled:!g||l,className:`flex-[2] py-2.5 rounded-lg text-sm font-bold transition-all
|
|
47
|
+
${l?`bg-green-500 text-white scale-95`:g?`bg-amber-500 text-black hover:bg-amber-400`:`bg-gray-700 text-gray-500 cursor-not-allowed`}
|
|
48
|
+
`,children:l?`✓ Completado`:e?.tipoPedagogico===`milestone`?`🏆 Celebrar`:g?`Continuar ✓`:`Responde primero`})]})]})]})}function _d({xp:e,animKey:t,x:n,y:r}){let[i,a]=(0,E.useState)(!0);return(0,E.useEffect)(()=>{a(!0);let e=setTimeout(()=>a(!1),1300);return()=>clearTimeout(e)},[t]),i?(0,A.jsx)(`div`,{className:`pointer-events-none fixed z-50 select-none`,style:{left:n,top:r},children:(0,A.jsxs)(`div`,{className:`animate-xp-float text-base font-black text-amber-300 drop-shadow-[0_0_8px_rgba(251,191,36,0.8)] whitespace-nowrap`,children:[`+`,e,` XP ✨`]})},t):null}var vd={concept:`📖`,exercise:`✏️`,quiz:`❓`,challenge:`⚡`,milestone:`🏆`,evaluation:`📝`};function yd({data:e}){let{nodo:t,isActive:n,onClick:r}=e,i=t.estado,a=i===`bloqueado`,o=i===`completado`,s=i===`disponible`;return(0,A.jsxs)(`div`,{className:`
|
|
49
|
+
w-[160px] rounded-2xl border-2 px-3 py-3 flex flex-col items-center gap-2 text-center
|
|
50
|
+
transition-all duration-300
|
|
51
|
+
${o?`bg-green-500/10 border-green-500/50`:``}
|
|
52
|
+
${s&&n?`bg-gray-800 border-amber-500 shadow-[0_0_18px_rgba(245,158,11,0.35)]`:``}
|
|
53
|
+
${s&&!n?`bg-gray-800 border-amber-500/40`:``}
|
|
54
|
+
${a?`bg-gray-900/60 border-gray-700/40 opacity-60`:``}
|
|
55
|
+
`,children:[(0,A.jsx)(Nc,{type:`target`,position:X.Left,className:`!bg-gray-600 !border-gray-500 !w-2 !h-2`}),(0,A.jsx)(`span`,{className:`text-2xl leading-none ${a?`grayscale`:``}`,children:o?`✅`:a?`🔒`:vd[t.tipoPedagogico]??`📌`}),(0,A.jsx)(`p`,{className:`text-[11px] font-bold leading-tight line-clamp-2
|
|
56
|
+
${o?`text-green-300`:a?`text-gray-500`:`text-white`}`,children:t.titulo}),!a&&(0,A.jsx)(`button`,{onClick:()=>r(t),className:`
|
|
57
|
+
w-full rounded-lg py-1 text-[10px] font-bold transition-all
|
|
58
|
+
${o?`bg-green-500/15 text-green-400 border border-green-500/30 hover:bg-green-500/25`:`bg-amber-500 text-black hover:bg-amber-400 active:scale-95`}
|
|
59
|
+
`,children:o?`✓ Revisar`:`Abrir →`}),(0,A.jsx)(Nc,{type:`source`,position:X.Right,className:`!bg-gray-600 !border-gray-500 !w-2 !h-2`})]})}var bd={hlNode:yd};function xd(){let{program:e,nodoActualId:t,nodosCompletados:n,xpFloat:r,selectedNodeId:i,selectNode:a,deselectNode:o,completarNodo:s,incrementarRacha:c,resetRacha:l,perderVida:u,showXpFloat:d,setLastFeedback:f,setScreen:p}=k(),{checkLogros:m}=Ju(),[h,g]=(0,E.useState)({x:0,y:0}),_=(0,E.useRef)(null),v=(0,E.useMemo)(()=>e?.nodos.find(e=>e.id===i)??null,[e,i]),y=(0,E.useCallback)(e=>{a(e.id),f(null)},[a,f]),b=(0,E.useCallback)((e,t)=>{if(s(e.id,t),m(),t>0){let n=_.current?.querySelector(`[data-id="${e.id}"]`);if(n){let e=n.getBoundingClientRect();g({x:e.left+e.width/2-40,y:e.top-10})}d(e.id,t),c()}else l()},[s,m,d,c,l]),x=(0,E.useMemo)(()=>e?e.nodos.map(e=>({id:e.id,type:`hlNode`,position:{x:e.posX,y:e.posY},data:{nodo:e,isActive:e.id===t,onClick:y}})):[],[e,t,y]),S=(0,E.useMemo)(()=>e?e.nodos.slice(0,-1).map((t,n)=>({id:`e-${t.id}-${e.nodos[n+1].id}`,source:t.id,target:e.nodos[n+1].id,style:{stroke:t.estado===`completado`?`#22c55e`:`#374151`,strokeWidth:2,opacity:.6},animated:t.estado===`disponible`})):[],[e]);if(!e)return null;let C=n.length>=e.nodos.filter(e=>e.tipoPedagogico!==`evaluation`).length;return(0,A.jsxs)(`div`,{className:`absolute inset-0 bg-gray-950 flex flex-col overflow-hidden`,children:[(0,A.jsx)(Yu,{tema:e.tema}),C&&(0,A.jsx)(`div`,{className:`absolute top-14 right-4 z-20`,children:(0,A.jsx)(`button`,{onClick:()=>p(`evaluation`),className:`rounded-full bg-amber-500 px-4 py-1.5 text-xs font-bold text-black hover:bg-amber-400 shadow-lg`,children:`📝 Evaluación final →`})}),(0,A.jsxs)(`div`,{ref:_,className:`flex-1 relative`,children:[(0,A.jsxs)(du,{nodes:x,edges:S,nodeTypes:bd,fitView:!0,fitViewOptions:{padding:.25},className:`bg-gray-950`,proOptions:{hideAttribution:!0},nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,children:[(0,A.jsx)(vu,{color:`#1f2937`,gap:28,size:1}),(0,A.jsx)(Du,{className:`[&>button]:bg-gray-800 [&>button]:border-gray-700 [&>button]:text-white`,showInteractive:!1})]}),r&&(0,A.jsx)(_d,{xp:r.xp,animKey:r.key,x:h.x,y:h.y})]}),(0,A.jsx)(gd,{nodo:v,onClose:o,onComplete:b})]})}function Sd(){let{program:e,responderEvaluacion:t,respuestasEvaluacion:n,setPuntajeEvaluacion:r,setScreen:i}=k(),[a,o]=(0,E.useState)(0),[s,c]=(0,E.useState)(!1),l=e?.evaluacion.preguntas??[],u=l.length,d=a===u-1;return{preguntas:l,preguntaActual:a,total:u,esFinal:d,respuestasEvaluacion:n,responder:(0,E.useCallback)(e=>{t(a,e),d||o(e=>e+1)},[a,d,t]),finalizarEvaluacion:(0,E.useCallback)(async()=>{c(!0);try{let e=0;l.forEach((t,r)=>{let i=n[r];t.tipo===`multiple_choice`&&i===t.indiceCorrecto&&e++,t.tipo===`respuesta_corta`&&i&&e++}),r(Math.round(e/u*100)),i(`result`)}finally{c(!1)}},[l,n,u,r,i]),enviando:s}}function Cd(){let{program:e,perfil:t}=k(),{preguntas:n,preguntaActual:r,total:i,esFinal:a,responder:o,finalizarEvaluacion:s,enviando:c}=Sd(),[l,u]=(0,E.useState)(``);if(!e||n.length===0)return(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center`,children:(0,A.jsx)(`p`,{className:`text-gray-400`,children:`Cargando evaluación...`})});let d=n[r],f=e=>{o(e),u(``)};return(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-6`,children:(0,A.jsxs)(`div`,{className:`w-full max-w-lg`,children:[(0,A.jsxs)(`div`,{className:`text-center mb-6`,children:[(0,A.jsx)(`div`,{className:`text-4xl mb-2`,children:`📝`}),(0,A.jsx)(`h2`,{className:`text-xl font-bold text-white`,children:`Evaluación Final`}),(0,A.jsx)(`p`,{className:`text-sm text-gray-400 mt-1`,children:e.tema})]}),(0,A.jsxs)(`div`,{className:`mb-6`,children:[(0,A.jsxs)(`div`,{className:`flex justify-between text-xs text-gray-500 mb-1`,children:[(0,A.jsxs)(`span`,{children:[`Pregunta `,r+1,` de `,i]}),(0,A.jsxs)(`span`,{className:`text-amber-400`,children:[Math.round(r/i*100),`%`]})]}),(0,A.jsx)(`div`,{className:`h-1.5 rounded-full bg-gray-800`,children:(0,A.jsx)(`div`,{className:`h-full rounded-full bg-amber-500 transition-all duration-300`,style:{width:`${r/i*100}%`}})})]}),(0,A.jsxs)(`div`,{className:`bg-gray-900 rounded-2xl border border-gray-800 p-6 space-y-4`,children:[(0,A.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,A.jsx)(`span`,{className:`shrink-0 rounded-full bg-amber-500/20 border border-amber-500 w-6 h-6 flex items-center justify-center text-xs font-bold text-amber-400`,children:r+1}),(0,A.jsx)(`p`,{className:`text-sm text-white font-medium`,children:d.pregunta})]}),d.tipo===`multiple_choice`&&d.opciones&&(0,A.jsx)(`div`,{className:`space-y-2`,children:d.opciones.map((e,t)=>(0,A.jsxs)(`button`,{onClick:()=>f(t),className:`w-full text-left rounded-xl border border-gray-700 bg-gray-800 px-4 py-3 text-sm text-gray-300 hover:border-amber-500 hover:text-white transition-all`,children:[(0,A.jsxs)(`span`,{className:`font-bold text-amber-400 mr-2`,children:[String.fromCharCode(65+t),`.`]}),e]},t))}),d.tipo===`respuesta_corta`&&(0,A.jsxs)(`div`,{className:`space-y-3`,children:[(0,A.jsx)(`textarea`,{className:`w-full rounded-xl bg-gray-800 border border-gray-700 px-4 py-3 text-sm text-white focus:border-amber-500 outline-none resize-none h-24`,placeholder:`Escribe tu respuesta...`,value:l,onChange:e=>u(e.target.value)}),(0,A.jsx)(`button`,{onClick:()=>l.trim()&&f(l.trim()),disabled:!l.trim(),className:`w-full rounded-xl bg-amber-500 py-3 text-sm font-bold text-black hover:bg-amber-400 disabled:opacity-40 disabled:cursor-not-allowed`,children:a?`🏁 Finalizar evaluación`:`Siguiente →`})]}),d.tipo===`multiple_choice`&&a&&(0,A.jsx)(`button`,{onClick:s,disabled:c,className:`w-full mt-2 rounded-xl bg-green-600 py-3 text-sm font-bold text-white hover:bg-green-500 disabled:opacity-40`,children:c?`Calculando resultado...`:`🏁 Ver resultado final`})]}),(0,A.jsx)(`p`,{className:`text-center text-xs text-gray-600 mt-4`,children:d.tipo===`multiple_choice`?`📊 Selección múltiple`:`✍️ Respuesta corta`})]})})}function wd(e){return e>=90?{emoji:`🏆`,texto:`¡Excelente!`,color:`text-yellow-400`}:e>=70?{emoji:`⭐`,texto:`¡Muy bien!`,color:`text-amber-400`}:e>=50?{emoji:`👍`,texto:`Bien hecho`,color:`text-blue-400`}:{emoji:`💪`,texto:`¡Sigue practicando!`,color:`text-purple-400`}}function Td(){let{program:e,perfil:t,puntajeEvaluacion:n,xpTotal:r,logrosDesbloqueados:i,nodosCompletados:a,tiempoInicioSesion:o,reset:s}=k(),{nivelActual:c,formatXP:l}=Ju(),u=n??0,d=wd(u),f=o?Math.round((Date.now()-o)/6e4):0,p=e?.gamificacion.logros.filter(e=>i.includes(e.id))??[];return(0,A.jsx)(`div`,{className:`min-h-screen bg-gray-950 flex items-center justify-center p-6`,children:(0,A.jsxs)(`div`,{className:`w-full max-w-md space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-3`,children:[(0,A.jsx)(`div`,{className:`text-6xl`,children:d.emoji}),(0,A.jsx)(`h2`,{className:`text-3xl font-bold ${d.color}`,children:d.texto}),(0,A.jsxs)(`div`,{className:`text-6xl font-black text-white`,children:[u,`%`]}),(0,A.jsx)(`p`,{className:`text-gray-400 text-sm`,children:e?.gamificacion.mensajeCelebracion})]}),(0,A.jsx)(`div`,{className:`grid grid-cols-3 gap-3`,children:[{label:`XP ganado`,value:l(r),emoji:`⚡`},{label:`Nodo completado`,value:`${a.length}/${e?.nodos.length??0}`,emoji:`📚`},{label:`Tiempo`,value:`${f} min`,emoji:`⏱`}].map(e=>(0,A.jsxs)(`div`,{className:`rounded-xl bg-gray-900 border border-gray-800 p-3 text-center`,children:[(0,A.jsx)(`span`,{className:`text-2xl`,children:e.emoji}),(0,A.jsx)(`p`,{className:`text-sm font-bold text-white mt-1`,children:e.value}),(0,A.jsx)(`p`,{className:`text-xs text-gray-500`,children:e.label})]},e.label))}),(0,A.jsxs)(`div`,{className:`rounded-xl bg-amber-500/10 border border-amber-500/30 p-4 text-center`,children:[(0,A.jsx)(`p`,{className:`text-xs text-amber-400/70 uppercase tracking-widest`,children:`Nivel alcanzado`}),(0,A.jsx)(`p`,{className:`text-2xl font-black text-amber-400 mt-1`,children:c})]}),p.length>0&&(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(`p`,{className:`text-xs text-gray-500 font-bold uppercase tracking-widest`,children:`Logros desbloqueados`}),(0,A.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:p.map(e=>(0,A.jsxs)(`div`,{className:`rounded-xl bg-gray-900 border border-gray-800 p-3 flex items-center gap-2`,children:[(0,A.jsx)(`span`,{className:`text-2xl`,children:e.emoji}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`p`,{className:`text-xs font-bold text-white`,children:e.nombre}),(0,A.jsxs)(`p`,{className:`text-[10px] text-gray-500`,children:[`+`,e.xp,` XP`]})]})]},e.id))})]}),(0,A.jsxs)(`div`,{className:`flex gap-3`,children:[(0,A.jsx)(`button`,{onClick:s,className:`flex-1 rounded-xl bg-amber-500 py-3 text-sm font-bold text-black hover:bg-amber-400`,children:`🐝 Nueva lección`}),(0,A.jsx)(`button`,{onClick:()=>window.location.href=`/`,className:`flex-1 rounded-xl border border-gray-700 py-3 text-sm text-gray-400 hover:border-gray-500`,children:`← Dashboard`})]})]})})}function Ed(){let e=k(e=>e.screen);k(e=>e.reset),k(e=>e.isGenerating),k(e=>e.program);let t=k(e=>e.setSelectedProvider),n=k(e=>e.setSelectedModel),r=k(e=>e.setScreen),[i,a]=(0,E.useState)(!1);return(0,E.useEffect)(()=>{i||(async()=>{try{let e=await(await fetch(`/api/hivelearn/config`)).json();e.configured&&e.providerId&&e.modelId&&(t(e.providerId),n(e.modelId),r(`profile`))}catch{}a(!0)})()},[i,t,n,r]),i?(0,A.jsxs)(`div`,{className:`flex-1 flex flex-col min-h-0 -m-4 bg-gray-950 overflow-hidden relative`,children:[e===`provider-select`&&(0,A.jsx)(j,{}),e===`profile`&&(0,A.jsx)(N,{}),e===`goal`&&(0,A.jsx)(I,{}),e===`loading`&&(0,A.jsx)(U,{}),e===`canvas`&&(0,A.jsx)(xd,{}),e===`evaluation`&&(0,A.jsx)(Cd,{}),e===`result`&&(0,A.jsx)(Td,{})]}):(0,A.jsx)(`div`,{className:`flex-1 flex flex-col min-h-0 -m-4 bg-gray-950 items-center justify-center flex`,children:(0,A.jsxs)(`div`,{className:`text-center`,children:[(0,A.jsx)(`div`,{className:`text-6xl mb-4 animate-pulse`,children:`🐝`}),(0,A.jsx)(`p`,{className:`text-amber-400 font-bold`,children:`Cargando HiveLearn...`})]})})}export{Ed as LessonCanvas};
|