uigraph 1.0.0 → 1.0.1

package/dist/viewer/assets/{style-DgSU0bQl.js → style-BPesJvJr.js}

@@ -1,9 +1,9 @@
-import{c as tr}from"./nav-links-8vT2ixiI.js";import{af as Gt,J as nr,R as or,r as m,j as p,o as Kt,g as Ue}from"./index-5E1tJ7yK.js";import{a as rr,c as Jt,i as en,w as sr,b as ir,e as ut,f as ft,n as gt,h as ar,X as cr,R as be,j as dr,k as lr,l as ke,m as Se,P as oe,o as ur,r as Ze,p as Ge,q as tn,s as nn,t as fr,u as gr,v as pr,x as mr,y as We,z as hr,A as Ke,M as pt,B as on,C as yr,D as Xe,E as Sr,F as rn,G as wr,H as vr,I as sn,J as xr,K as an,L as cn,N as Er,O as Ye,g as dn,Q as br,S as Cr,T as mt,U as Je,V as Nr,W as Me,Y as ln,Z as qe,_ as ve,$ as ht,a0 as Ir,a1 as kr,a2 as Mr,a3 as Dr,a4 as Pr,a5 as et,a6 as un,a7 as fn,a8 as _r,a9 as gn,aa as Lr,ab as yt,ac as Ar,ad as Rr,ae as St}from"./index-C0Rs3s9Z.js";import{a as $r}from"./index-Dj_05fqk.js";import{g as jr}from"./index-D7MEHpJf.js";/**
+import{c as tr}from"./nav-links-DZWMpwMR.js";import{b as Gt,g as nr,R as or,r as m,j as p}from"./index-CH7cEAxj.js";import{a as rr,c as Kt,i as Jt,w as sr,b as ir,e as ut,f as ft,n as gt,h as ar,X as cr,R as be,j as dr,k as lr,l as ke,m as Se,P as oe,o as ur,r as Ze,p as Ue,q as en,s as tn,t as fr,u as gr,v as pr,x as mr,y as We,z as hr,A as Ge,M as pt,B as nn,C as yr,D as Xe,E as Sr,F as on,G as wr,H as vr,I as rn,J as xr,K as sn,L as an,N as Er,O as Ye,g as cn,Q as br,S as Cr,T as mt,U as Ke,V as Nr,W as Me,Y as dn,Z as qe,_ as ve,$ as ht,a0 as Ir,a1 as kr,a2 as Mr,a3 as Dr,a4 as Pr,a5 as Je,a6 as ln,a7 as un,a8 as _r,a9 as fn,aa as Lr,ab as yt,ac as Ar,ad as Rr,ae as St}from"./index-BIrx3oY4.js";import{r as gn}from"./query-D9oj6LGx.js";import{g as et}from"./gql-FFIj8zdp.js";import{a as $r}from"./index-Dj_05fqk.js";import{g as jr}from"./index-Ck66Ic_p.js";/**
  * @license lucide-react v0.514.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Vr=[["ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",key:"msslwz"}],["path",{d:"M3 5V19A9 3 0 0 0 21 19V5",key:"1wlel7"}],["path",{d:"M3 12A9 3 0 0 0 21 12",key:"mv7ke4"}]],xa=tr("database",Vr);function J(e){if(typeof e=="string"||typeof e=="number")return""+e;let t="";if(Array.isArray(e))for(let n=0,o;n<e.length;n++)(o=J(e[n]))!==""&&(t+=(t&&" ")+o);else for(let n in e)e[n]&&(t+=(t&&" ")+n);return t}var Be={exports:{}},Oe={},ze={exports:{}},He={};/**
+ */const Vr=[["ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",key:"msslwz"}],["path",{d:"M3 5V19A9 3 0 0 0 21 19V5",key:"1wlel7"}],["path",{d:"M3 12A9 3 0 0 0 21 12",key:"mv7ke4"}]],ba=tr("database",Vr);function J(e){if(typeof e=="string"||typeof e=="number")return""+e;let t="";if(Array.isArray(e))for(let n=0,o;n<e.length;n++)(o=J(e[n]))!==""&&(t+=(t&&" ")+o);else for(let n in e)e[n]&&(t+=(t&&" ")+n);return t}var Be={exports:{}},Oe={},ze={exports:{}},He={};/**
  * @license React
  * use-sync-external-store-shim.production.js
  *
@@ -24,8 +24,8 @@ import{c as tr}from"./nav-links-8vT2ixiI.js";import{af as Gt,J as nr,R as or,r a
 
 `,`
 +`).split(`
-`)),v=S.reduce((a,c)=>a.concat(...c),[]);return[S,v]}return[[],[]]},[e]);return m.useEffect(()=>{const w=t?.target??Pt,S=t?.actInsideInputWithModifier??!0;if(e!==null){const v=l=>{if(i.current=l.ctrlKey||l.metaKey||l.shiftKey||l.altKey,(!i.current||i.current&&!S)&&en(l))return!1;const y=Lt(l.code,h);if(r.current.add(l[y]),_t(f,r.current,!1)){const d=l.composedPath?.()?.[0]||l.target,g=d?.nodeName==="BUTTON"||d?.nodeName==="A";t.preventDefault!==!1&&(i.current||!g)&&l.preventDefault(),o(!0)}},a=l=>{const u=Lt(l.code,h);_t(f,r.current,!0)?(o(!1),r.current.clear()):r.current.delete(l[u]),l.key==="Meta"&&r.current.clear(),i.current=!1},c=()=>{r.current.clear(),o(!1)};return w?.addEventListener("keydown",v),w?.addEventListener("keyup",a),window.addEventListener("blur",c),window.addEventListener("contextmenu",c),()=>{w?.removeEventListener("keydown",v),w?.removeEventListener("keyup",a),window.removeEventListener("blur",c),window.removeEventListener("contextmenu",c)}}},[e,o]),n}function _t(e,t,n){return e.filter(o=>n||o.length===t.size).some(o=>o.every(i=>t.has(i)))}function Lt(e,t){return t.includes(e)?"code":"key"}const ps=()=>{const e=Y();return m.useMemo(()=>({zoomIn:async t=>{const{panZoom:n}=e.getState();return n?n.scaleBy(1.2,t):!1},zoomOut:async t=>{const{panZoom:n}=e.getState();return n?n.scaleBy(1/1.2,t):!1},zoomTo:async(t,n)=>{const{panZoom:o}=e.getState();return o?o.scaleTo(t,n):!1},getZoom:()=>e.getState().transform[2],setViewport:async(t,n)=>{const{transform:[o,i,r],panZoom:f}=e.getState();return f?(await f.setViewport({x:t.x??o,y:t.y??i,zoom:t.zoom??r},n),!0):!1},getViewport:()=>{const[t,n,o]=e.getState().transform;return{x:t,y:n,zoom:o}},setCenter:async(t,n,o)=>e.getState().setCenter(t,n,o),fitBounds:async(t,n)=>{const{width:o,height:i,minZoom:r,maxZoom:f,panZoom:h}=e.getState(),w=tn(t,o,i,r,f,n?.padding??.1);return h?(await h.setViewport(w,{duration:n?.duration,ease:n?.ease,interpolate:n?.interpolate}),!0):!1},screenToFlowPosition:(t,n={})=>{const{transform:o,snapGrid:i,snapToGrid:r,domNode:f}=e.getState();if(!f)return t;const{x:h,y:w}=f.getBoundingClientRect(),S={x:t.x-h,y:t.y-w},v=n.snapGrid??i,a=n.snapToGrid??r;return Ge(S,o,a,v)},flowToScreenPosition:t=>{const{transform:n,domNode:o}=e.getState();if(!o)return t;const{x:i,y:r}=o.getBoundingClientRect(),f=Ze(t,n);return{x:f.x+i,y:f.y+r}}}),[])};function wn(e,t){const n=[],o=new Map,i=[];for(const r of e)if(r.type==="add"){i.push(r);continue}else if(r.type==="remove"||r.type==="replace")o.set(r.id,[r]);else{const f=o.get(r.id);f?f.push(r):o.set(r.id,[r])}for(const r of t){const f=o.get(r.id);if(!f){n.push(r);continue}if(f[0].type==="remove")continue;if(f[0].type==="replace"){n.push({...f[0].item});continue}const h={...r};for(const w of f)ms(w,h);n.push(h)}return i.length&&i.forEach(r=>{r.index!==void 0?n.splice(r.index,0,{...r.item}):n.push({...r.item})}),n}function ms(e,t){switch(e.type){case"select":{t.selected=e.selected;break}case"position":{typeof e.position<"u"&&(t.position=e.position),typeof e.dragging<"u"&&(t.dragging=e.dragging);break}case"dimensions":{typeof e.dimensions<"u"&&(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 vn(e,t){return wn(e,t)}function xn(e,t){return wn(e,t)}function ye(e,t){return{id:e,type:"select",selected:t}}function xe(e,t=new Set,n=!1){const o=[];for(const[i,r]of e){const f=t.has(i);!(r.selected===void 0&&!f)&&r.selected!==f&&(n&&(r.selected=f),o.push(ye(r.id,f)))}return o}function At({items:e=[],lookup:t}){const n=[],o=new Map(e.map(i=>[i.id,i]));for(const[i,r]of e.entries()){const f=t.get(r.id),h=f?.internals?.userNode??f;h!==void 0&&h!==r&&n.push({id:r.id,item:r,type:"replace"}),h===void 0&&n.push({item:r,type:"add",index:i})}for(const[i]of t)o.get(i)===void 0&&n.push({id:i,type:"remove"});return n}function Rt(e){return{id:e.id,type:"remove"}}const hs=Jt();function ys(e,t,n={}){return rr(e,t,{...n,onError:n.onError??hs})}const $t=e=>gr(e),Ss=e=>pr(e);function En(e){return m.forwardRef(e)}const bn=typeof window<"u"?m.useLayoutEffect:m.useEffect;function jt(e){const[t,n]=m.useState(BigInt(0)),[o]=m.useState(()=>ws(()=>n(i=>i+BigInt(1))));return bn(()=>{const i=o.get();i.length&&(e(i),o.reset())},[t]),o}function ws(e){let t=[];return{get:()=>t,reset:()=>{t=[]},push:n=>{t.push(n),e()}}}const Cn=m.createContext(null);function vs({children:e}){const t=Y(),n=m.useCallback(h=>{const{nodes:w=[],setNodes:S,hasDefaultNodes:v,onNodesChange:a,nodeLookup:c,fitViewQueued:l,onNodesChangeMiddlewareMap:u}=t.getState();let y=w;for(const g of h)y=typeof g=="function"?g(y):g;let d=At({items:y,lookup:c});for(const g of u.values())d=g(d);v&&S(y),d.length>0?a?.(d):l&&window.requestAnimationFrame(()=>{const{fitViewQueued:g,nodes:x,setNodes:s}=t.getState();g&&s(x)})},[]),o=jt(n),i=m.useCallback(h=>{const{edges:w=[],setEdges:S,hasDefaultEdges:v,onEdgesChange:a,edgeLookup:c}=t.getState();let l=w;for(const u of h)l=typeof u=="function"?u(l):u;v?S(l):a&&a(At({items:l,lookup:c}))},[]),r=jt(i),f=m.useMemo(()=>({nodeQueue:o,edgeQueue:r}),[]);return p.jsx(Cn.Provider,{value:f,children:e})}function xs(){const e=m.useContext(Cn);if(!e)throw new Error("useBatchContext must be used within a BatchProvider");return e}const Es=e=>!!e.panZoom;function tt(){const e=ps(),t=Y(),n=xs(),o=H(Es),i=m.useMemo(()=>{const r=a=>t.getState().nodeLookup.get(a),f=a=>{n.nodeQueue.push(a)},h=a=>{n.edgeQueue.push(a)},w=a=>{const{nodeLookup:c,nodeOrigin:l}=t.getState(),u=$t(a)?a:c.get(a.id),y=u.parentId?nn(u.position,u.measured,u.parentId,c,l):u.position,d={...u,position:y,width:u.measured?.width??u.width,height:u.measured?.height??u.height};return gt(d)},S=(a,c,l={replace:!1})=>{f(u=>u.map(y=>{if(y.id===a){const d=typeof c=="function"?c(y):c;return l.replace&&$t(d)?d:{...y,...d}}return y}))},v=(a,c,l={replace:!1})=>{h(u=>u.map(y=>{if(y.id===a){const d=typeof c=="function"?c(y):c;return l.replace&&Ss(d)?d:{...y,...d}}return y}))};return{getNodes:()=>t.getState().nodes.map(a=>({...a})),getNode:a=>r(a)?.internals.userNode,getInternalNode:r,getEdges:()=>{const{edges:a=[]}=t.getState();return a.map(c=>({...c}))},getEdge:a=>t.getState().edgeLookup.get(a),setNodes:f,setEdges:h,addNodes:a=>{const c=Array.isArray(a)?a:[a];n.nodeQueue.push(l=>[...l,...c])},addEdges:a=>{const c=Array.isArray(a)?a:[a];n.edgeQueue.push(l=>[...l,...c])},toObject:()=>{const{nodes:a=[],edges:c=[],transform:l}=t.getState(),[u,y,d]=l;return{nodes:a.map(g=>({...g})),edges:c.map(g=>({...g})),viewport:{x:u,y,zoom:d}}},deleteElements:async({nodes:a=[],edges:c=[]})=>{const{nodes:l,edges:u,onNodesDelete:y,onEdgesDelete:d,triggerNodeChanges:g,triggerEdgeChanges:x,onDelete:s,onBeforeDelete:E}=t.getState(),{nodes:C,edges:b}=await ar({nodesToRemove:a,edgesToRemove:c,nodes:l,edges:u,onBeforeDelete:E}),N=b.length>0,D=C.length>0;if(N){const M=b.map(Rt);d?.(b),x(M)}if(D){const M=C.map(Rt);y?.(C),g(M)}return(D||N)&&s?.({nodes:C,edges:b}),{deletedNodes:C,deletedEdges:b}},getIntersectingNodes:(a,c=!0,l)=>{const u=ut(a),y=u?a:w(a),d=l!==void 0;return y?(l||t.getState().nodes).filter(g=>{const x=t.getState().nodeLookup.get(g.id);if(x&&!u&&(g.id===a.id||!x.internals.positionAbsolute))return!1;const s=gt(d?g:x),E=ft(s,y);return c&&E>0||E>=s.width*s.height||E>=y.width*y.height}):[]},isNodeIntersecting:(a,c,l=!0)=>{const y=ut(a)?a:w(a);if(!y)return!1;const d=ft(y,c);return l&&d>0||d>=c.width*c.height||d>=y.width*y.height},updateNode:S,updateNodeData:(a,c,l={replace:!1})=>{S(a,u=>{const y=typeof c=="function"?c(u):c;return l.replace?{...u,data:y}:{...u,data:{...u.data,...y}}},l)},updateEdge:v,updateEdgeData:(a,c,l={replace:!1})=>{v(a,u=>{const y=typeof c=="function"?c(u):c;return l.replace?{...u,data:y}:{...u,data:{...u.data,...y}}},l)},getNodesBounds:a=>{const{nodeLookup:c,nodeOrigin:l}=t.getState();return ir(a,{nodeLookup:c,nodeOrigin:l})},getHandleConnections:({type:a,id:c,nodeId:l})=>Array.from(t.getState().connectionLookup.get(`${l}-${a}${c?`-${c}`:""}`)?.values()??[]),getNodeConnections:({type:a,handleId:c,nodeId:l})=>Array.from(t.getState().connectionLookup.get(`${l}${a?c?`-${a}-${c}`:`-${a}`:""}`)?.values()??[]),fitView:async a=>{const c=t.getState().fitViewResolver??sr();return t.setState({fitViewQueued:!0,fitViewOptions:a,fitViewResolver:c}),n.nodeQueue.push(l=>[...l]),c.promise}}},[]);return m.useMemo(()=>({...i,...e,viewportInitialized:o}),[o])}const Vt=e=>e.selected,bs=typeof window<"u"?window:void 0;function Cs({deleteKeyCode:e,multiSelectionKeyCode:t}){const n=Y(),{deleteElements:o}=tt(),i=Ce(e,{actInsideInputWithModifier:!1}),r=Ce(t,{target:bs});m.useEffect(()=>{if(i){const{edges:f,nodes:h}=n.getState();o({nodes:h.filter(Vt),edges:f.filter(Vt)}),n.setState({nodesSelectionActive:!1})}},[i]),m.useEffect(()=>{n.setState({multiSelectionActive:r})},[r])}function Ns(e){const t=Y();m.useEffect(()=>{const n=()=>{if(!e.current||!(e.current.checkVisibility?.()??!0))return!1;const o=Ar(e.current);(o.height===0||o.width===0)&&t.getState().onError?.("004",Se.error004()),t.setState({width:o.width||500,height:o.height||500})};if(e.current){n(),window.addEventListener("resize",n);const o=new ResizeObserver(()=>n());return o.observe(e.current),()=>{window.removeEventListener("resize",n),o&&e.current&&o.unobserve(e.current)}}},[])}const Ae={position:"absolute",width:"100%",height:"100%",top:0,left:0},Is=e=>({userSelectionActive:e.userSelectionActive,lib:e.lib,connectionInProgress:e.connection.inProgress});function ks({onPaneContextMenu:e,zoomOnScroll:t=!0,zoomOnPinch:n=!0,panOnScroll:o=!1,panActivationKeyPressed:i,panOnScrollSpeed:r=.5,panOnScrollMode:f=ln.Free,zoomOnDoubleClick:h=!0,panOnDrag:w=!0,defaultViewport:S,translateExtent:v,minZoom:a,maxZoom:c,zoomActivationKeyCode:l,preventScrolling:u=!0,children:y,noWheelClassName:d,noPanClassName:g,onViewportChange:x,isControlledViewport:s,paneClickDistance:E,selectionOnDrag:C}){const b=Y(),N=m.useRef(null),{userSelectionActive:D,lib:M,connectionInProgress:_}=H(Is,X),k=Ce(l),R=m.useRef();Ns(N);const V=m.useCallback(O=>{x?.({x:O[0],y:O[1],zoom:O[2]}),s||b.setState({transform:O})},[x,s]);return m.useEffect(()=>{if(N.current){R.current=kr({domNode:N.current,minZoom:a,maxZoom:c,translateExtent:v,viewport:S,onDraggingChange:P=>b.setState(L=>L.paneDragging===P?L:{paneDragging:P}),onPanZoomStart:(P,L)=>{const{onViewportChangeStart:A,onMoveStart:T}=b.getState();T?.(P,L),A?.(L)},onPanZoom:(P,L)=>{const{onViewportChange:A,onMove:T}=b.getState();T?.(P,L),A?.(L)},onPanZoomEnd:(P,L)=>{const{onViewportChangeEnd:A,onMoveEnd:T}=b.getState();T?.(P,L),A?.(L)}});const{x:O,y:$,zoom:Z}=R.current.getViewport();return b.setState({panZoom:R.current,transform:[O,$,Z],domNode:N.current.closest(".react-flow")}),()=>{R.current?.destroy()}}},[]),m.useEffect(()=>{R.current?.update({onPaneContextMenu:e,zoomOnScroll:t,zoomOnPinch:n,panOnScroll:o,panActivationKeyPressed:i,panOnScrollSpeed:r,panOnScrollMode:f,zoomOnDoubleClick:h,panOnDrag:w,zoomActivationKeyPressed:k,preventScrolling:u,noPanClassName:g,userSelectionActive:D,noWheelClassName:d,lib:M,onTransformChange:V,connectionInProgress:_,selectionOnDrag:C,paneClickDistance:E})},[e,t,n,o,i,r,f,h,w,k,u,g,D,d,M,V,_,C,E]),p.jsx("div",{className:"react-flow__renderer",ref:N,style:Ae,children:y})}const Ms=e=>({userSelectionActive:e.userSelectionActive,userSelectionRect:e.userSelectionRect});function Ds(){const{userSelectionActive:e,userSelectionRect:t}=H(Ms,X);return e&&t?p.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}const Te=(e,t)=>n=>{n.target===t.current&&e?.(n)},Ps=e=>({userSelectionActive:e.userSelectionActive,elementsSelectable:e.elementsSelectable,dragging:e.paneDragging,panBy:e.panBy,autoPanSpeed:e.autoPanSpeed});function _s({isSelecting:e,selectionKeyPressed:t,selectionMode:n=qe.Full,panOnDrag:o,autoPanOnSelection:i,paneClickDistance:r,selectionOnDrag:f,onSelectionStart:h,onSelectionEnd:w,onPaneClick:S,onPaneContextMenu:v,onPaneScroll:a,onPaneMouseEnter:c,onPaneMouseMove:l,onPaneMouseLeave:u,children:y}){const d=m.useRef(0),g=Y(),{userSelectionActive:x,elementsSelectable:s,dragging:E,panBy:C,autoPanSpeed:b}=H(Ps,X),N=s&&(e||x),D=m.useRef(null),M=m.useRef(),_=m.useRef(new Set),k=m.useRef(new Set),R=m.useRef(!1),V=m.useRef(!1),O=m.useRef({x:0,y:0}),$=m.useRef(!1),Z=I=>{if(V.current||R.current||g.getState().connection.inProgress){V.current=!1,R.current=!1;return}S?.(I),g.getState().resetSelectedElements(),g.setState({nodesSelectionActive:!1})},P=I=>{if(Array.isArray(o)&&o?.includes(2)){I.preventDefault();return}v?.(I)},L=a?I=>a(I):void 0,A=I=>{V.current&&(I.stopPropagation(),V.current=!1)},T=I=>{if(I.pointerType==="touch"&&o!==!1&&!t)return;const{domNode:B,transform:q}=g.getState();if(M.current=B?.getBoundingClientRect(),!M.current)return;const K=I.target===D.current;if(!K&&!!I.target.closest(".nokey")||!e||!(f&&K||t)||I.button!==0||!I.isPrimary)return;I.target?.setPointerCapture?.(I.pointerId),V.current=!1;const{x:W,y:ne}=yt(I.nativeEvent,M.current),se=Ge({x:W,y:ne},q);g.setState({userSelectionRect:{width:0,height:0,startX:se.x,startY:se.y,x:W,y:ne}}),K||(I.stopPropagation(),I.preventDefault())};function z(I,B){const{userSelectionRect:q}=g.getState();if(!q)return;const{transform:K,nodeLookup:j,edgeLookup:Q,connectionLookup:W,triggerNodeChanges:ne,triggerEdgeChanges:se,defaultEdgeOptions:we}=g.getState(),ue={x:q.startX,y:q.startY},{x:fe,y:ge}=Ze(ue,K),de={startX:ue.x,startY:ue.y,x:I<fe?I:fe,y:B<ge?B:ge,width:Math.abs(I-fe),height:Math.abs(B-ge)},Ee=_.current,pe=k.current;_.current=new Set(et(j,de,K,n===qe.Partial,!0).map(ie=>ie.id)),k.current=new Set;const me=we?.selectable??!0;for(const ie of _.current){const ae=W.get(ie);if(ae)for(const{edgeId:ce}of ae.values()){const he=Q.get(ce);he&&(he.selectable??me)&&k.current.add(ce)}}if(!St(Ee,_.current)){const ie=xe(j,_.current,!0);ne(ie)}if(!St(pe,k.current)){const ie=xe(Q,k.current);se(ie)}g.setState({userSelectionRect:de,userSelectionActive:!0,nodesSelectionActive:!1})}function F(){if(!i||!M.current)return;const[I,B]=Rr(O.current,M.current,b);C({x:I,y:B}).then(q=>{if(!V.current||!q){d.current=requestAnimationFrame(F);return}const{x:K,y:j}=O.current;z(K,j),d.current=requestAnimationFrame(F)})}const U=()=>{cancelAnimationFrame(d.current),d.current=0,$.current=!1};m.useEffect(()=>()=>U(),[]);const G=I=>{const{userSelectionRect:B,transform:q,resetSelectedElements:K}=g.getState();if(!M.current||!B)return;const{x:j,y:Q}=yt(I.nativeEvent,M.current);O.current={x:j,y:Q};const W=Ze({x:B.startX,y:B.startY},q);if(!V.current){const ne=t?0:r;if(Math.hypot(j-W.x,Q-W.y)<=ne)return;K(),h?.(I)}V.current=!0,$.current||(F(),$.current=!0),z(j,Q)},ee=I=>{if(!N){I.target===D.current&&g.getState().connection.inProgress&&(R.current=!0);return}I.button===0&&(I.target?.releasePointerCapture?.(I.pointerId),!x&&I.target===D.current&&g.getState().userSelectionRect&&Z?.(I),g.setState({userSelectionActive:!1,userSelectionRect:null}),V.current&&(w?.(I),g.setState({nodesSelectionActive:_.current.size>0})),U())},re=I=>{I.target?.releasePointerCapture?.(I.pointerId),U()},te=o===!0||Array.isArray(o)&&o.includes(0);return p.jsxs("div",{className:J(["react-flow__pane",{draggable:te,dragging:E,selection:e}]),onClick:N?void 0:Te(Z,D),onContextMenu:Te(P,D),onWheel:Te(L,D),onPointerEnter:N?void 0:c,onPointerMove:N?G:l,onPointerUp:ee,onPointerCancel:N?re:void 0,onPointerDownCapture:N?T:void 0,onClickCapture:N?A:void 0,onPointerLeave:u,ref:D,style:Ae,children:[y,p.jsx(Ds,{})]})}function Qe({id:e,store:t,unselect:n=!1,nodeRef:o}){const{addSelectedNodes:i,unselectNodesAndEdges:r,multiSelectionActive:f,nodeLookup:h,onError:w}=t.getState(),S=h.get(e);if(!S){w?.("012",Se.error012(e));return}t.setState({nodesSelectionActive:!1}),S.selected?(n||S.selected&&f)&&(r({nodes:[S],edges:[]}),requestAnimationFrame(()=>o?.current?.blur())):i([e])}function Nn({nodeRef:e,disabled:t=!1,noDragClassName:n,handleSelector:o,nodeId:i,isSelectable:r,nodeClickDistance:f}){const h=Y(),[w,S]=m.useState(!1),v=m.useRef();return m.useEffect(()=>{if(!t)return v.current=Mr({getStoreItems:()=>h.getState(),onNodeMouseDown:a=>{Qe({id:a,store:h,nodeRef:e})},onDragStart:()=>{S(!0)},onDragStop:()=>{S(!1)}}),()=>{v.current?.destroy(),v.current=void 0}},[t,h,e]),m.useEffect(()=>{t||!e.current||!v.current||v.current.update({noDragClassName:n,handleSelector:o,domNode:e.current,isSelectable:r,nodeId:i,nodeClickDistance:f})},[n,o,t,r,e,i,f]),w}const Ls=e=>t=>t.selected&&(t.draggable||e&&typeof t.draggable>"u");function In(){const e=Y();return m.useCallback(n=>{const{nodeExtent:o,snapToGrid:i,snapGrid:r,nodesDraggable:f,onError:h,updateNodePositions:w,nodeLookup:S,nodeOrigin:v}=e.getState(),a=new Map,c=Ls(f),l=i?r[0]:5,u=i?r[1]:5,y=n.direction.x*l*n.factor,d=n.direction.y*u*n.factor;for(const[,g]of S){if(!c(g))continue;let x={x:g.internals.positionAbsolute.x+y,y:g.internals.positionAbsolute.y+d};i&&(x=Dr(x,r));const{position:s,positionAbsolute:E}=Pr({nodeId:g.id,nextPosition:x,nodeLookup:S,nodeExtent:o,nodeOrigin:v,onError:h});g.position=s,g.internals.positionAbsolute=E,a.set(g.id,g)}w(a)},[])}const nt=m.createContext(null),As=nt.Provider;nt.Consumer;const kn=()=>m.useContext(nt),Rs=e=>({connectOnClick:e.connectOnClick,noPanClassName:e.noPanClassName,rfId:e.rfId}),Mn=m.createContext(null);function $s({children:e}){const t=H(Rs,X);return p.jsx(Mn.Provider,{value:t,children:e})}function js(){const e=m.useContext(Mn);if(!e)throw new Error("useHandleConfig must be used within a HandleConfigProvider");return e}const Vs={connectingFrom:!1,connectingTo:!1,clickConnecting:!1,isPossibleEndHandle:!0,connectionInProcess:!1,clickConnectionInProcess:!1,valid:!1},Bs=(e,t,n)=>o=>{const{connectionClickStartHandle:i,connectionMode:r,connection:f}=o,{fromHandle:h,toHandle:w,isValid:S}=f;if(!h&&!i)return Vs;const v=w?.nodeId===e&&w?.id===t&&w?.type===n;return{connectingFrom:h?.nodeId===e&&h?.id===t&&h?.type===n,connectingTo:v,clickConnecting:i?.nodeId===e&&i?.id===t&&i?.type===n,isPossibleEndHandle:r===cn.Strict?h?.type!==n:e!==h?.nodeId||t!==h?.id,connectionInProcess:!!h,clickConnectionInProcess:!!i,valid:v&&S}};function Os({type:e="source",position:t=oe.Top,isValidConnection:n,isConnectable:o=!0,isConnectableStart:i=!0,isConnectableEnd:r=!0,id:f,onConnect:h,children:w,className:S,onMouseDown:v,onTouchStart:a,...c},l){const u=f||null,y=e==="target",d=Y(),g=kn(),{connectOnClick:x,noPanClassName:s,rfId:E}=js(),{connectingFrom:C,connectingTo:b,clickConnecting:N,isPossibleEndHandle:D,connectionInProcess:M,clickConnectionInProcess:_,valid:k}=H(Bs(g,u,e),X);g||d.getState().onError?.("010",Se.error010());const R=$=>{const{defaultEdgeOptions:Z,onConnect:P,hasDefaultEdges:L}=d.getState(),A={...Z,...$};if(L){const{edges:T,setEdges:z,onError:F}=d.getState();z(ys(A,T,{onError:F}))}P?.(A),h?.(A)},V=$=>{if(!g)return;const Z=hr($.nativeEvent);if(i&&(Z&&$.button===0||!Z)){const P=d.getState();We.onPointerDown($.nativeEvent,{handleDomNode:$.currentTarget,autoPanOnConnect:P.autoPanOnConnect,connectionMode:P.connectionMode,connectionRadius:P.connectionRadius,domNode:P.domNode,nodeLookup:P.nodeLookup,lib:P.lib,isTarget:y,handleId:u,nodeId:g,flowId:P.rfId,panBy:P.panBy,cancelConnection:P.cancelConnection,onConnectStart:P.onConnectStart,onConnectEnd:(...L)=>d.getState().onConnectEnd?.(...L),updateConnection:P.updateConnection,onConnect:R,isValidConnection:n||((...L)=>d.getState().isValidConnection?.(...L)??!0),getTransform:()=>d.getState().transform,getFromHandle:()=>d.getState().connection.fromHandle,autoPanSpeed:P.autoPanSpeed,dragThreshold:P.connectionDragThreshold})}Z?v?.($):a?.($)},O=$=>{const{onClickConnectStart:Z,onClickConnectEnd:P,connectionClickStartHandle:L,connectionMode:A,isValidConnection:T,lib:z,rfId:F,nodeLookup:U,connection:G}=d.getState();if(!g||!L&&!i)return;if(!L){Z?.($.nativeEvent,{nodeId:g,handleId:u,handleType:e}),d.setState({connectionClickStartHandle:{nodeId:g,type:e,id:u}});return}const ee=mr($.target),re=n||T,{connection:te,isValid:I}=We.isValid($.nativeEvent,{handle:{nodeId:g,id:u,type:e},connectionMode:A,fromNodeId:L.nodeId,fromHandleId:L.id||null,fromType:L.type,isValidConnection:re,flowId:F,doc:ee,lib:z,nodeLookup:U});I&&te&&R(te);const B=structuredClone(G);delete B.inProgress,B.toPosition=B.toHandle?B.toHandle.position:null,P?.($,B),d.setState({connectionClickStartHandle:null})};return p.jsx("div",{"data-handleid":u,"data-nodeid":g,"data-handlepos":t,"data-id":`${E}-${g}-${u}-${e}`,className:J(["react-flow__handle",`react-flow__handle-${t}`,"nodrag",s,S,{source:!y,target:y,connectable:o,connectablestart:i,connectableend:r,clickconnecting:N,connectingfrom:C,connectingto:b,valid:k,connectionindicator:o&&(!M||D)&&(M||_?r:i)}]),onMouseDown:V,onTouchStart:V,onClick:x?O:void 0,ref:l,...c,children:w})}const De=m.memo(En(Os));function zs({data:e,isConnectable:t,sourcePosition:n=oe.Bottom}){return p.jsxs(p.Fragment,{children:[e?.label,p.jsx(De,{type:"source",position:n,isConnectable:t})]})}function Hs({data:e,isConnectable:t,targetPosition:n=oe.Top,sourcePosition:o=oe.Bottom}){return p.jsxs(p.Fragment,{children:[p.jsx(De,{type:"target",position:n,isConnectable:t}),e?.label,p.jsx(De,{type:"source",position:o,isConnectable:t})]})}function Ts(){return null}function Fs({data:e,isConnectable:t,targetPosition:n=oe.Top}){return p.jsxs(p.Fragment,{children:[p.jsx(De,{type:"target",position:n,isConnectable:t}),e?.label]})}const Pe={ArrowUp:{x:0,y:-1},ArrowDown:{x:0,y:1},ArrowLeft:{x:-1,y:0},ArrowRight:{x:1,y:0}},Bt={input:zs,default:Hs,output:Fs,group:Ts};function Zs(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}}const Ws=e=>{const{width:t,height:n,x:o,y:i}=Je(e.nodeLookup,{filter:r=>!!r.selected});return{width:ke(t)?t:null,height:ke(n)?n:null,userSelectionActive:e.userSelectionActive,transformString:`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]}) translate(${o}px,${i}px)`}};function Xs({onSelectionContextMenu:e,noPanClassName:t,disableKeyboardA11y:n}){const o=Y(),{width:i,height:r,transformString:f,userSelectionActive:h}=H(Ws,X),w=In(),S=m.useRef(null);m.useEffect(()=>{n||S.current?.focus({preventScroll:!0})},[n]);const v=!h&&i!==null&&r!==null;if(Nn({nodeRef:S,disabled:!v}),!v)return null;const a=e?l=>{const u=o.getState().nodes.filter(y=>y.selected);e(l,u)}:void 0,c=l=>{Object.prototype.hasOwnProperty.call(Pe,l.key)&&(l.preventDefault(),w({direction:Pe[l.key],factor:l.shiftKey?4:1}))};return p.jsx("div",{className:J(["react-flow__nodesselection","react-flow__container",t]),style:{transform:f},children:p.jsx("div",{ref:S,className:"react-flow__nodesselection-rect",onContextMenu:a,tabIndex:n?void 0:-1,onKeyDown:n?void 0:c,style:{width:i,height:r}})})}const Ot=typeof window<"u"?window:void 0,Ys=e=>({nodesSelectionActive:e.nodesSelectionActive,userSelectionActive:e.userSelectionActive});function Dn({children:e,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:o,onPaneMouseLeave:i,onPaneContextMenu:r,onPaneScroll:f,paneClickDistance:h,deleteKeyCode:w,selectionKeyCode:S,selectionOnDrag:v,selectionMode:a,onSelectionStart:c,onSelectionEnd:l,multiSelectionKeyCode:u,panActivationKeyCode:y,zoomActivationKeyCode:d,elementsSelectable:g,zoomOnScroll:x,zoomOnPinch:s,panOnScroll:E,panOnScrollSpeed:C,panOnScrollMode:b,zoomOnDoubleClick:N,panOnDrag:D,autoPanOnSelection:M,defaultViewport:_,translateExtent:k,minZoom:R,maxZoom:V,preventScrolling:O,onSelectionContextMenu:$,noWheelClassName:Z,noPanClassName:P,disableKeyboardA11y:L,onViewportChange:A,isControlledViewport:T}){const{nodesSelectionActive:z,userSelectionActive:F}=H(Ys,X),U=Ce(S,{target:Ot}),G=Ce(y,{target:Ot}),ee=G||D,re=G||E,te=v&&ee!==!0,I=U||F||te;return Cs({deleteKeyCode:w,multiSelectionKeyCode:u}),p.jsx(ks,{onPaneContextMenu:r,elementsSelectable:g,zoomOnScroll:x,zoomOnPinch:s,panOnScroll:re,panActivationKeyPressed:G,panOnScrollSpeed:C,panOnScrollMode:b,zoomOnDoubleClick:N,panOnDrag:!U&&ee,defaultViewport:_,translateExtent:k,minZoom:R,maxZoom:V,zoomActivationKeyCode:d,preventScrolling:O,noWheelClassName:Z,noPanClassName:P,onViewportChange:A,isControlledViewport:T,paneClickDistance:h,selectionOnDrag:te,children:p.jsxs(_s,{onSelectionStart:c,onSelectionEnd:l,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:o,onPaneMouseLeave:i,onPaneContextMenu:r,onPaneScroll:f,panOnDrag:ee,autoPanOnSelection:M,isSelecting:!!I,selectionMode:a,selectionKeyPressed:U,paneClickDistance:h,selectionOnDrag:te,children:[e,z&&p.jsx(Xs,{onSelectionContextMenu:$,noPanClassName:P,disableKeyboardA11y:L})]})})}Dn.displayName="FlowRenderer";const qs=m.memo(Dn),Qs=e=>t=>e?et(t.nodeLookup,{x:0,y:0,width:t.width,height:t.height},t.transform,!0).map(n=>n.id):Array.from(t.nodeLookup.keys());function Us(e){return H(m.useCallback(Qs(e),[e]),X)}const Gs=e=>e.updateNodeInternals;function Ks(){const e=H(Gs),[t]=m.useState(()=>typeof ResizeObserver>"u"?null:new ResizeObserver(n=>{const o=new Map;n.forEach(i=>{const r=i.target.getAttribute("data-id");o.set(r,{id:r,nodeElement:i.target,force:!0})}),e(o)}));return m.useEffect(()=>()=>{t?.disconnect()},[t]),t}function Js({node:e,nodeType:t,hasDimensions:n,resizeObserver:o}){const i=Y(),r=m.useRef(null),f=m.useRef(null),h=m.useRef(e.sourcePosition),w=m.useRef(e.targetPosition),S=m.useRef(t),v=n&&!!e.internals.handleBounds;return m.useEffect(()=>{r.current&&!e.hidden&&(!v||f.current!==r.current)&&(f.current&&o?.unobserve(f.current),o?.observe(r.current),f.current=r.current)},[v,e.hidden]),m.useEffect(()=>()=>{f.current&&(o?.unobserve(f.current),f.current=null)},[]),m.useEffect(()=>{if(r.current){const a=S.current!==t,c=h.current!==e.sourcePosition,l=w.current!==e.targetPosition;(a||c||l)&&(S.current=t,h.current=e.sourcePosition,w.current=e.targetPosition,i.getState().updateNodeInternals(new Map([[e.id,{id:e.id,nodeElement:r.current,force:!0}]])))}},[e.id,t,e.sourcePosition,e.targetPosition]),r}function ei({id:e,onClick:t,onMouseEnter:n,onMouseMove:o,onMouseLeave:i,onContextMenu:r,onDoubleClick:f,nodesDraggable:h,elementsSelectable:w,nodesConnectable:S,nodesFocusable:v,resizeObserver:a,noDragClassName:c,noPanClassName:l,disableKeyboardA11y:u,rfId:y,nodeTypes:d,nodeClickDistance:g,onError:x}){const{node:s,internals:E,isParent:C}=H(I=>{const B=I.nodeLookup.get(e),q=I.parentLookup.has(e);return{node:B,internals:B.internals,isParent:q}},X);let b=s.type||"default",N=d?.[b]||Bt[b];N===void 0&&(x?.("003",Se.error003(b)),b="default",N=d?.default||Bt.default);const D=!!(s.draggable||h&&typeof s.draggable>"u"),M=!!(s.selectable||w&&typeof s.selectable>"u"),_=!!(s.connectable||S&&typeof s.connectable>"u"),k=!!(s.focusable||v&&typeof s.focusable>"u"),R=Y(),V=Ke(s),O=Js({node:s,nodeType:b,hasDimensions:V,resizeObserver:a}),$=Nn({nodeRef:O,disabled:s.hidden||!D,noDragClassName:c,handleSelector:s.dragHandle,nodeId:e,isSelectable:M,nodeClickDistance:g}),Z=In();if(s.hidden)return null;const P=an(s),L=Zs(s),A=M||D||t||n||o||i,T=n?I=>n(I,{...E.userNode}):void 0,z=o?I=>o(I,{...E.userNode}):void 0,F=i?I=>i(I,{...E.userNode}):void 0,U=r?I=>r(I,{...E.userNode}):void 0,G=f?I=>f(I,{...E.userNode}):void 0,ee=I=>{const{selectNodesOnDrag:B,nodeDragThreshold:q}=R.getState();M&&(!B||!D||q>0)&&Qe({id:e,store:R,nodeRef:O}),t&&t(I,{...E.userNode})},re=I=>{if(!(en(I.nativeEvent)||u)){if(un.includes(I.key)&&M){const B=I.key==="Escape";Qe({id:e,store:R,unselect:B,nodeRef:O})}else if(D&&s.selected&&Object.prototype.hasOwnProperty.call(Pe,I.key)){I.preventDefault();const{ariaLabelConfig:B}=R.getState();R.setState({ariaLiveMessage:B["node.a11yDescription.ariaLiveMessage"]({direction:I.key.replace("Arrow","").toLowerCase(),x:~~E.positionAbsolute.x,y:~~E.positionAbsolute.y})}),Z({direction:Pe[I.key],factor:I.shiftKey?4:1})}}},te=()=>{if(u||!O.current?.matches(":focus-visible"))return;const{transform:I,width:B,height:q,autoPanOnNodeFocus:K,setCenter:j}=R.getState();if(!K)return;et(new Map([[e,s]]),{x:0,y:0,width:B,height:q},I,!0).length>0||j(s.position.x+P.width/2,s.position.y+P.height/2,{zoom:I[2]})};return p.jsx("div",{className:J(["react-flow__node",`react-flow__node-${b}`,{[l]:D},s.className,{selected:s.selected,selectable:M,parent:C,draggable:D,dragging:$}]),ref:O,style:{zIndex:E.z,transform:`translate(${E.positionAbsolute.x}px,${E.positionAbsolute.y}px)`,pointerEvents:A?"all":"none",visibility:V?"visible":"hidden",...s.style,...L},"data-id":e,"data-testid":`rf__node-${e}`,onMouseEnter:T,onMouseMove:z,onMouseLeave:F,onContextMenu:U,onClick:ee,onDoubleClick:G,onKeyDown:k?re:void 0,tabIndex:k?0:void 0,onFocus:k?te:void 0,role:s.ariaRole??(k?"group":void 0),"aria-roledescription":"node","aria-describedby":u?void 0:`${hn}-${y}`,"aria-label":s.ariaLabel,...s.domAttributes,children:p.jsx(As,{value:e,children:p.jsx(N,{id:e,data:s.data,type:b,positionAbsoluteX:E.positionAbsolute.x,positionAbsoluteY:E.positionAbsolute.y,selected:s.selected??!1,selectable:M,draggable:D,deletable:s.deletable??!0,isConnectable:_,sourcePosition:s.sourcePosition,targetPosition:s.targetPosition,dragging:$,dragHandle:s.dragHandle,zIndex:E.z,parentId:s.parentId,...P})})})}var ti=m.memo(ei);const ni=e=>({nodesConnectable:e.nodesConnectable,nodesFocusable:e.nodesFocusable,elementsSelectable:e.elementsSelectable,onError:e.onError});function Pn(e){const{nodesConnectable:t,nodesFocusable:n,elementsSelectable:o,onError:i}=H(ni,X),r=Us(e.onlyRenderVisibleElements),f=Ks();return p.jsx("div",{className:"react-flow__nodes",style:Ae,children:r.map(h=>p.jsx(ti,{id:h,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:f,nodesDraggable:e.nodesDraggable??!0,nodesConnectable:t,nodesFocusable:n,elementsSelectable:o,nodeClickDistance:e.nodeClickDistance,onError:i},h))})}Pn.displayName="NodeRenderer";const oi=m.memo(Pn);function ri(e){return H(m.useCallback(n=>{if(!e)return n.edges.map(i=>i.id);const o=[];if(n.width&&n.height)for(const i of n.edges){const r=n.nodeLookup.get(i.source),f=n.nodeLookup.get(i.target);r&&f&&_r({sourceNode:r,targetNode:f,width:n.width,height:n.height,transform:n.transform})&&o.push(i.id)}return o},[e]),X)}const si=({color:e="none",strokeWidth:t=1})=>{const n={strokeWidth:t,...e&&{stroke:e}};return p.jsx("polyline",{className:"arrow",style:n,strokeLinecap:"round",fill:"none",strokeLinejoin:"round",points:"-5,-4 0,0 -5,4"})},ii=({color:e="none",strokeWidth:t=1})=>{const n={strokeWidth:t,...e&&{stroke:e,fill:e}};return p.jsx("polyline",{className:"arrowclosed",style:n,strokeLinecap:"round",strokeLinejoin:"round",points:"-5,-4 0,0 -5,4 -5,-4"})},zt={[pt.Arrow]:si,[pt.ArrowClosed]:ii};function ai(e){const t=Y();return m.useMemo(()=>Object.prototype.hasOwnProperty.call(zt,e)?zt[e]:(t.getState().onError?.("009",Se.error009(e)),null),[e])}const ci=({id:e,type:t,color:n,width:o=12.5,height:i=12.5,markerUnits:r="strokeWidth",strokeWidth:f,orient:h="auto-start-reverse"})=>{const w=ai(t);return w?p.jsx("marker",{className:"react-flow__arrowhead",id:e,markerWidth:`${o}`,markerHeight:`${i}`,viewBox:"-10 -10 20 20",markerUnits:r,orient:h,refX:"0",refY:"0",children:p.jsx(w,{color:n,strokeWidth:f})}):null},_n=({defaultColor:e,rfId:t})=>{const n=H(r=>r.edges),o=H(r=>r.defaultEdgeOptions),i=m.useMemo(()=>Er(n,{id:t,defaultColor:e,defaultMarkerStart:o?.markerStart,defaultMarkerEnd:o?.markerEnd}),[n,o,t,e]);return i.length?p.jsx("svg",{className:"react-flow__marker","aria-hidden":"true",children:p.jsx("defs",{children:i.map(r=>p.jsx(ci,{id:r.id,type:r.type,color:r.color,width:r.width,height:r.height,markerUnits:r.markerUnits,strokeWidth:r.strokeWidth,orient:r.orient},r.id))})}):null};_n.displayName="MarkerDefinitions";var di=m.memo(_n);function Ln({x:e,y:t,label:n,labelStyle:o,labelShowBg:i=!0,labelBgStyle:r,labelBgPadding:f=[2,4],labelBgBorderRadius:h=2,children:w,className:S,...v}){const[a,c]=m.useState({x:1,y:0,width:0,height:0}),l=J(["react-flow__edge-textwrapper",S]),u=m.useRef(null);return m.useEffect(()=>{if(u.current){const y=u.current.getBBox();c({x:y.x,y:y.y,width:y.width,height:y.height})}},[n]),n?p.jsxs("g",{transform:`translate(${e-a.width/2} ${t-a.height/2})`,className:l,visibility:a.width?"visible":"hidden",...v,children:[i&&p.jsx("rect",{width:a.width+2*f[0],x:-f[0],y:-f[1],height:a.height+2*f[1],className:"react-flow__edge-textbg",style:r,rx:h,ry:h}),p.jsx("text",{className:"react-flow__edge-text",y:a.height/2,dy:"0.3em",ref:u,style:o,children:n}),w]}):null}Ln.displayName="EdgeText";const li=m.memo(Ln);function Re({path:e,labelX:t,labelY:n,label:o,labelStyle:i,labelShowBg:r,labelBgStyle:f,labelBgPadding:h,labelBgBorderRadius:w,interactionWidth:S=20,...v}){return p.jsxs(p.Fragment,{children:[p.jsx("path",{...v,d:e,fill:"none",className:J(["react-flow__edge-path",v.className])}),S?p.jsx("path",{d:e,fill:"none",strokeOpacity:0,strokeWidth:S,className:"react-flow__edge-interaction"}):null,o&&ke(t)&&ke(n)?p.jsx(li,{x:t,y:n,label:o,labelStyle:i,labelShowBg:r,labelBgStyle:f,labelBgPadding:h,labelBgBorderRadius:w}):null]})}function Ht({pos:e,x1:t,y1:n,x2:o,y2:i}){return e===oe.Left||e===oe.Right?[.5*(t+o),n]:[t,.5*(n+i)]}function An({sourceX:e,sourceY:t,sourcePosition:n=oe.Bottom,targetX:o,targetY:i,targetPosition:r=oe.Top}){const[f,h]=Ht({pos:n,x1:e,y1:t,x2:o,y2:i}),[w,S]=Ht({pos:r,x1:o,y1:i,x2:e,y2:t}),[v,a,c,l]=fr({sourceX:e,sourceY:t,targetX:o,targetY:i,sourceControlX:f,sourceControlY:h,targetControlX:w,targetControlY:S});return[`M${e},${t} C${f},${h} ${w},${S} ${o},${i}`,v,a,c,l]}function Rn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,sourcePosition:f,targetPosition:h,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,interactionWidth:g})=>{const[x,s,E]=An({sourceX:n,sourceY:o,sourcePosition:f,targetX:i,targetY:r,targetPosition:h}),C=e.isInternal?void 0:t;return p.jsx(Re,{id:C,path:x,labelX:s,labelY:E,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,interactionWidth:g})})}const ui=Rn({isInternal:!1}),$n=Rn({isInternal:!0});ui.displayName="SimpleBezierEdge";$n.displayName="SimpleBezierEdgeInternal";function jn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,sourcePosition:l=oe.Bottom,targetPosition:u=oe.Top,markerEnd:y,markerStart:d,pathOptions:g,interactionWidth:x})=>{const[s,E,C]=Ye({sourceX:n,sourceY:o,sourcePosition:l,targetX:i,targetY:r,targetPosition:u,borderRadius:g?.borderRadius,offset:g?.offset,stepPosition:g?.stepPosition}),b=e.isInternal?void 0:t;return p.jsx(Re,{id:b,path:s,labelX:E,labelY:C,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,markerEnd:y,markerStart:d,interactionWidth:x})})}const Vn=jn({isInternal:!1}),Bn=jn({isInternal:!0});Vn.displayName="SmoothStepEdge";Bn.displayName="SmoothStepEdgeInternal";function On(e){return m.memo(({id:t,...n})=>{const o=e.isInternal?void 0:t;return p.jsx(Vn,{...n,id:o,pathOptions:m.useMemo(()=>({borderRadius:0,offset:n.pathOptions?.offset}),[n.pathOptions?.offset])})})}const fi=On({isInternal:!1}),zn=On({isInternal:!0});fi.displayName="StepEdge";zn.displayName="StepEdgeInternal";function Hn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,markerEnd:l,markerStart:u,interactionWidth:y})=>{const[d,g,x]=fn({sourceX:n,sourceY:o,targetX:i,targetY:r}),s=e.isInternal?void 0:t;return p.jsx(Re,{id:s,path:d,labelX:g,labelY:x,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,markerEnd:l,markerStart:u,interactionWidth:y})})}const gi=Hn({isInternal:!1}),Tn=Hn({isInternal:!0});gi.displayName="StraightEdge";Tn.displayName="StraightEdgeInternal";function Fn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,sourcePosition:f=oe.Bottom,targetPosition:h=oe.Top,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,pathOptions:g,interactionWidth:x})=>{const[s,E,C]=dn({sourceX:n,sourceY:o,sourcePosition:f,targetX:i,targetY:r,targetPosition:h,curvature:g?.curvature}),b=e.isInternal?void 0:t;return p.jsx(Re,{id:b,path:s,labelX:E,labelY:C,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,interactionWidth:x})})}const pi=Fn({isInternal:!1}),Zn=Fn({isInternal:!0});pi.displayName="BezierEdge";Zn.displayName="BezierEdgeInternal";const Tt={default:Zn,straight:Tn,step:zn,smoothstep:Bn,simplebezier:$n},Ft={sourceX:null,sourceY:null,targetX:null,targetY:null,sourcePosition:null,targetPosition:null,zIndex:void 0},mi=(e,t,n)=>n===oe.Left?e-t:n===oe.Right?e+t:e,hi=(e,t,n)=>n===oe.Top?e-t:n===oe.Bottom?e+t:e,Zt="react-flow__edgeupdater";function Wt({position:e,centerX:t,centerY:n,radius:o=10,onMouseDown:i,onMouseEnter:r,onMouseOut:f,type:h}){return p.jsx("circle",{onMouseDown:i,onMouseEnter:r,onMouseOut:f,className:J([Zt,`${Zt}-${h}`]),cx:mi(t,o,e),cy:hi(n,o,e),r:o,stroke:"transparent",fill:"transparent"})}function yi({isReconnectable:e,reconnectRadius:t,edge:n,sourceX:o,sourceY:i,targetX:r,targetY:f,sourcePosition:h,targetPosition:w,onReconnect:S,onReconnectStart:v,onReconnectEnd:a,setReconnecting:c,setUpdateHover:l}){const u=Y(),y=(E,C)=>{if(E.button!==0)return;const{autoPanOnConnect:b,domNode:N,connectionMode:D,connectionRadius:M,lib:_,onConnectStart:k,cancelConnection:R,nodeLookup:V,rfId:O,panBy:$,updateConnection:Z}=u.getState(),P=C.type==="target",L=(z,F)=>{c(!1),a?.(z,n,C.type,F)},A=z=>S?.(n,z),T=(z,F)=>{c(!0),v?.(E,n,C.type),k?.(z,F)};We.onPointerDown(E.nativeEvent,{autoPanOnConnect:b,connectionMode:D,connectionRadius:M,domNode:N,handleId:C.id,nodeId:C.nodeId,nodeLookup:V,isTarget:P,edgeUpdaterType:C.type,lib:_,flowId:O,cancelConnection:R,panBy:$,isValidConnection:(...z)=>u.getState().isValidConnection?.(...z)??!0,onConnect:A,onConnectStart:T,onConnectEnd:(...z)=>u.getState().onConnectEnd?.(...z),onReconnectEnd:L,updateConnection:Z,getTransform:()=>u.getState().transform,getFromHandle:()=>u.getState().connection.fromHandle,dragThreshold:u.getState().connectionDragThreshold,handleDomNode:E.currentTarget})},d=E=>y(E,{nodeId:n.target,id:n.targetHandle??null,type:"target"}),g=E=>y(E,{nodeId:n.source,id:n.sourceHandle??null,type:"source"}),x=()=>l(!0),s=()=>l(!1);return p.jsxs(p.Fragment,{children:[(e===!0||e==="source")&&p.jsx(Wt,{position:h,centerX:o,centerY:i,radius:t,onMouseDown:d,onMouseEnter:x,onMouseOut:s,type:"source"}),(e===!0||e==="target")&&p.jsx(Wt,{position:w,centerX:r,centerY:f,radius:t,onMouseDown:g,onMouseEnter:x,onMouseOut:s,type:"target"})]})}function Si({id:e,edgesFocusable:t,edgesReconnectable:n,elementsSelectable:o,onClick:i,onDoubleClick:r,onContextMenu:f,onMouseEnter:h,onMouseMove:w,onMouseLeave:S,reconnectRadius:v,onReconnect:a,onReconnectStart:c,onReconnectEnd:l,rfId:u,edgeTypes:y,noPanClassName:d,onError:g,disableKeyboardA11y:x}){let s=H(j=>j.edgeLookup.get(e));const E=H(j=>j.defaultEdgeOptions);s=E?{...E,...s}:s;let C=s.type||"default",b=y?.[C]||Tt[C];b===void 0&&(g?.("011",Se.error011(C)),C="default",b=y?.default||Tt.default);const N=!!(s.focusable||t&&typeof s.focusable>"u"),D=typeof a<"u"&&(s.reconnectable||n&&typeof s.reconnectable>"u"),M=!!(s.selectable||o&&typeof s.selectable>"u"),_=m.useRef(null),[k,R]=m.useState(!1),[V,O]=m.useState(!1),$=Y(),{zIndex:Z=s.zIndex,sourceX:P,sourceY:L,targetX:A,targetY:T,sourcePosition:z,targetPosition:F}=H(m.useCallback(j=>{const Q=j.nodeLookup.get(s.source),W=j.nodeLookup.get(s.target);if(!Q||!W)return Ft;const ne=br({id:e,sourceNode:Q,targetNode:W,sourceHandle:s.sourceHandle||null,targetHandle:s.targetHandle||null,connectionMode:j.connectionMode,onError:g}),se=Cr({selected:s.selected,zIndex:s.zIndex,sourceNode:Q,targetNode:W,elevateOnSelect:j.elevateEdgesOnSelect,zIndexMode:j.zIndexMode});return{...ne||Ft,zIndex:se}},[s.source,s.target,s.sourceHandle,s.targetHandle,s.selected,s.zIndex,g]),X),U=m.useMemo(()=>s.markerStart?`url('#${mt(s.markerStart,u)}')`:void 0,[s.markerStart,u]),G=m.useMemo(()=>s.markerEnd?`url('#${mt(s.markerEnd,u)}')`:void 0,[s.markerEnd,u]);if(s.hidden||P===null||L===null||A===null||T===null)return null;const ee=j=>{const{addSelectedEdges:Q,unselectNodesAndEdges:W,multiSelectionActive:ne}=$.getState();M&&($.setState({nodesSelectionActive:!1}),s.selected&&ne?(W({nodes:[],edges:[s]}),_.current?.blur()):Q([e])),i&&i(j,s)},re=r?j=>{r(j,{...s})}:void 0,te=f?j=>{f(j,{...s})}:void 0,I=h?j=>{h(j,{...s})}:void 0,B=w?j=>{w(j,{...s})}:void 0,q=S?j=>{S(j,{...s})}:void 0,K=j=>{if(!x&&un.includes(j.key)&&M){const{unselectNodesAndEdges:Q,addSelectedEdges:W}=$.getState();j.key==="Escape"?(_.current?.blur(),Q({edges:[s]})):W([e])}};return p.jsx("svg",{style:{zIndex:Z},children:p.jsxs("g",{className:J(["react-flow__edge",`react-flow__edge-${C}`,s.className,d,{selected:s.selected,animated:s.animated,inactive:!M&&!i,updating:k,selectable:M}]),onClick:ee,onDoubleClick:re,onContextMenu:te,onMouseEnter:I,onMouseMove:B,onMouseLeave:q,onKeyDown:N?K:void 0,tabIndex:N?0:void 0,role:s.ariaRole??(N?"group":"img"),"aria-roledescription":"edge","data-id":e,"data-testid":`rf__edge-${e}`,"aria-label":s.ariaLabel===null?void 0:s.ariaLabel||`Edge from ${s.source} to ${s.target}`,"aria-describedby":N?`${yn}-${u}`:void 0,ref:_,...s.domAttributes,children:[!V&&p.jsx(b,{id:e,source:s.source,target:s.target,type:s.type,selected:s.selected,animated:s.animated,selectable:M,deletable:s.deletable??!0,label:s.label,labelStyle:s.labelStyle,labelShowBg:s.labelShowBg,labelBgStyle:s.labelBgStyle,labelBgPadding:s.labelBgPadding,labelBgBorderRadius:s.labelBgBorderRadius,sourceX:P,sourceY:L,targetX:A,targetY:T,sourcePosition:z,targetPosition:F,data:s.data,style:s.style,sourceHandleId:s.sourceHandle,targetHandleId:s.targetHandle,markerStart:U,markerEnd:G,pathOptions:"pathOptions"in s?s.pathOptions:void 0,interactionWidth:s.interactionWidth}),D&&p.jsx(yi,{edge:s,isReconnectable:D,reconnectRadius:v,onReconnect:a,onReconnectStart:c,onReconnectEnd:l,sourceX:P,sourceY:L,targetX:A,targetY:T,sourcePosition:z,targetPosition:F,setUpdateHover:R,setReconnecting:O})]})})}var wi=m.memo(Si);const vi=e=>({edgesFocusable:e.edgesFocusable,edgesReconnectable:e.edgesReconnectable,elementsSelectable:e.elementsSelectable,connectionMode:e.connectionMode,onError:e.onError});function Wn({defaultMarkerColor:e,onlyRenderVisibleElements:t,rfId:n,edgeTypes:o,noPanClassName:i,onReconnect:r,onEdgeContextMenu:f,onEdgeMouseEnter:h,onEdgeMouseMove:w,onEdgeMouseLeave:S,onEdgeClick:v,reconnectRadius:a,onEdgeDoubleClick:c,onReconnectStart:l,onReconnectEnd:u,disableKeyboardA11y:y}){const{edgesFocusable:d,edgesReconnectable:g,elementsSelectable:x,onError:s}=H(vi,X),E=ri(t);return p.jsxs("div",{className:"react-flow__edges",children:[p.jsx(di,{defaultColor:e,rfId:n}),E.map(C=>p.jsx(wi,{id:C,edgesFocusable:d,edgesReconnectable:g,elementsSelectable:x,noPanClassName:i,onReconnect:r,onContextMenu:f,onMouseEnter:h,onMouseMove:w,onMouseLeave:S,onClick:v,reconnectRadius:a,onDoubleClick:c,onReconnectStart:l,onReconnectEnd:u,rfId:n,onError:s,edgeTypes:o,disableKeyboardA11y:y},C))]})}Wn.displayName="EdgeRenderer";const xi=m.memo(Wn),Xt=e=>`translate(${e[0]}px,${e[1]}px) scale(${e[2]})`;function Ei({children:e}){const t=Y(),n=m.useRef(null),[o]=m.useState(()=>t.getState().transform);return bn(()=>{let i=null;const r=()=>{const f=t.getState().transform;i&&f[0]===i[0]&&f[1]===i[1]&&f[2]===i[2]||(i=f,n.current&&(n.current.style.transform=Xt(f)))};return r(),t.subscribe(r)},[t]),p.jsx("div",{ref:n,className:"react-flow__viewport xyflow__viewport react-flow__container",style:{transform:Xt(o)},children:e})}function bi(e){const t=tt(),n=m.useRef(!1);m.useEffect(()=>{!n.current&&t.viewportInitialized&&e&&(setTimeout(()=>e(t),1),n.current=!0)},[e,t.viewportInitialized])}const Ci=e=>e.panZoom?.syncViewport;function Ni(e){const t=H(Ci),n=Y();return m.useEffect(()=>{e&&(t?.(e),n.setState({transform:[e.x,e.y,e.zoom]}))},[e,t]),null}function Ii(e){return e.connection.inProgress?{...e.connection,to:Ge(e.connection.to,e.transform)}:{...e.connection}}function ki(e){return Ii}function Mi(e){const t=ki();return H(t,X)}const Di=e=>({nodesConnectable:e.nodesConnectable,isValid:e.connection.isValid,inProgress:e.connection.inProgress,width:e.width,height:e.height});function Pi({containerStyle:e,style:t,type:n,component:o}){const{nodesConnectable:i,width:r,height:f,isValid:h,inProgress:w}=H(Di,X);return!(r&&i&&w)?null:p.jsx("svg",{style:e,width:r,height:f,className:"react-flow__connectionline react-flow__container",children:p.jsx("g",{className:J(["react-flow__connection",gn(h)]),children:p.jsx(Xn,{style:t,type:n,CustomComponent:o,isValid:h})})})}const Xn=({style:e,type:t=ve.Bezier,CustomComponent:n,isValid:o})=>{const{inProgress:i,from:r,fromNode:f,fromHandle:h,fromPosition:w,to:S,toNode:v,toHandle:a,toPosition:c,pointer:l}=Mi();if(!i)return;if(n)return p.jsx(n,{connectionLineType:t,connectionLineStyle:e,fromNode:f,fromHandle:h,fromX:r.x,fromY:r.y,toX:S.x,toY:S.y,fromPosition:w,toPosition:c,connectionStatus:gn(o),toNode:v,toHandle:a,pointer:l});let u="";const y={sourceX:r.x,sourceY:r.y,sourcePosition:w,targetX:S.x,targetY:S.y,targetPosition:c};switch(t){case ve.Bezier:[u]=dn(y);break;case ve.SimpleBezier:[u]=An(y);break;case ve.Step:[u]=Ye({...y,borderRadius:0});break;case ve.SmoothStep:[u]=Ye(y);break;default:[u]=fn(y)}return p.jsx("path",{d:u,fill:"none",className:"react-flow__connection-path",style:e})};Xn.displayName="ConnectionLine";const _i={};function Yt(e=_i){m.useRef(e),Y(),m.useEffect(()=>{},[e])}function Li(){Y(),m.useRef(!1),m.useEffect(()=>{},[])}function Yn({nodeTypes:e,edgeTypes:t,onInit:n,onNodeClick:o,onEdgeClick:i,onNodeDoubleClick:r,onEdgeDoubleClick:f,onNodeMouseEnter:h,onNodeMouseMove:w,onNodeMouseLeave:S,onNodeContextMenu:v,onSelectionContextMenu:a,onSelectionStart:c,onSelectionEnd:l,connectionLineType:u,connectionLineStyle:y,connectionLineComponent:d,connectionLineContainerStyle:g,selectionKeyCode:x,selectionOnDrag:s,selectionMode:E,multiSelectionKeyCode:C,panActivationKeyCode:b,zoomActivationKeyCode:N,deleteKeyCode:D,onlyRenderVisibleElements:M,elementsSelectable:_,defaultViewport:k,translateExtent:R,minZoom:V,maxZoom:O,preventScrolling:$,defaultMarkerColor:Z,zoomOnScroll:P,zoomOnPinch:L,panOnScroll:A,panOnScrollSpeed:T,panOnScrollMode:z,zoomOnDoubleClick:F,panOnDrag:U,autoPanOnSelection:G,onPaneClick:ee,onPaneMouseEnter:re,onPaneMouseMove:te,onPaneMouseLeave:I,onPaneScroll:B,onPaneContextMenu:q,paneClickDistance:K,nodeClickDistance:j,onEdgeContextMenu:Q,onEdgeMouseEnter:W,onEdgeMouseMove:ne,onEdgeMouseLeave:se,reconnectRadius:we,onReconnect:ue,onReconnectStart:fe,onReconnectEnd:ge,noDragClassName:de,noWheelClassName:Ee,noPanClassName:pe,disableKeyboardA11y:me,nodeExtent:ie,rfId:ae,viewport:ce,onViewportChange:he,nodesDraggable:$e}){return Yt(e),Yt(t),Li(),bi(n),Ni(ce),p.jsx(qs,{onPaneClick:ee,onPaneMouseEnter:re,onPaneMouseMove:te,onPaneMouseLeave:I,onPaneContextMenu:q,onPaneScroll:B,paneClickDistance:K,deleteKeyCode:D,selectionKeyCode:x,selectionOnDrag:s,selectionMode:E,onSelectionStart:c,onSelectionEnd:l,multiSelectionKeyCode:C,panActivationKeyCode:b,zoomActivationKeyCode:N,elementsSelectable:_,zoomOnScroll:P,zoomOnPinch:L,zoomOnDoubleClick:F,panOnScroll:A,panOnScrollSpeed:T,panOnScrollMode:z,panOnDrag:U,autoPanOnSelection:G,defaultViewport:k,translateExtent:R,minZoom:V,maxZoom:O,onSelectionContextMenu:a,preventScrolling:$,noDragClassName:de,noWheelClassName:Ee,noPanClassName:pe,disableKeyboardA11y:me,onViewportChange:he,isControlledViewport:!!ce,children:p.jsxs(Ei,{children:[p.jsx(xi,{edgeTypes:t,onEdgeClick:i,onEdgeDoubleClick:f,onReconnect:ue,onReconnectStart:fe,onReconnectEnd:ge,onlyRenderVisibleElements:M,onEdgeContextMenu:Q,onEdgeMouseEnter:W,onEdgeMouseMove:ne,onEdgeMouseLeave:se,reconnectRadius:we,defaultMarkerColor:Z,noPanClassName:pe,disableKeyboardA11y:me,rfId:ae}),p.jsx(Pi,{style:y,type:u,component:d,containerStyle:g}),p.jsx("div",{className:"react-flow__edgelabel-renderer"}),p.jsx(oi,{nodeTypes:e,onNodeClick:o,onNodeDoubleClick:r,onNodeMouseEnter:h,onNodeMouseMove:w,onNodeMouseLeave:S,onNodeContextMenu:v,nodeClickDistance:j,onlyRenderVisibleElements:M,noPanClassName:pe,noDragClassName:de,disableKeyboardA11y:me,nodeExtent:ie,rfId:ae,nodesDraggable:$e}),p.jsx("div",{className:"react-flow__viewport-portal"})]})})}Yn.displayName="GraphView";const Ai=m.memo(Yn),Ri=Jt(),qt=({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,width:i,height:r,fitView:f,fitViewOptions:h,minZoom:w=.5,maxZoom:S=2,nodeOrigin:v,nodeExtent:a,zIndexMode:c="basic"}={})=>{const l=new Map,u=new Map,y=new Map,d=new Map,g=o??t??[],x=n??e??[],s=v??[0,0],E=a??Me;sn(y,d,g);const{nodesInitialized:C}=Xe(x,l,u,{nodeOrigin:s,nodeExtent:E,zIndexMode:c});let b=[0,0,1];if(f&&i&&r){const N=Je(l,{filter:k=>!!((k.width||k.initialWidth)&&(k.height||k.initialHeight))}),{x:D,y:M,zoom:_}=tn(N,i,r,w,S,h?.padding??.1);b=[D,M,_]}return{rfId:"1",width:i??0,height:r??0,transform:b,nodes:x,nodesInitialized:C,nodeLookup:l,parentLookup:u,edges:g,edgeLookup:d,connectionLookup:y,onNodesChange:null,onEdgesChange:null,hasDefaultNodes:n!==void 0,hasDefaultEdges:o!==void 0,panZoom:null,minZoom:w,maxZoom:S,translateExtent:Me,nodeExtent:E,nodesSelectionActive:!1,userSelectionActive:!1,userSelectionRect:null,connectionMode:cn.Strict,domNode:null,paneDragging:!1,noPanClassName:"nopan",nodeOrigin:s,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:f??!1,fitViewOptions:h,fitViewResolver:null,connection:{...on},connectionClickStartHandle:null,connectOnClick:!0,ariaLiveMessage:"",autoPanOnConnect:!0,autoPanOnNodeDrag:!0,autoPanOnNodeFocus:!0,autoPanSpeed:15,connectionRadius:20,onError:Ri,isValidConnection:void 0,onSelectionChangeHandlers:[],lib:"react",debug:!1,ariaLabelConfig:Nr,zIndexMode:c,defaultEdgeOptions:void 0,onNodesChangeMiddlewareMap:new Map,onEdgesChangeMiddlewareMap:new Map,onNodesDelete:void 0,onEdgesDelete:void 0,onDelete:void 0,onBeforeDelete:void 0,onViewportChangeStart:void 0,onViewportChange:void 0,onViewportChangeEnd:void 0,onNodeDragStart:void 0,onNodeDrag:void 0,onNodeDragStop:void 0,onSelectionDragStart:void 0,onSelectionDrag:void 0,onSelectionDragStop:void 0,onMoveStart:void 0,onMove:void 0,onMoveEnd:void 0,onConnect:void 0,onConnectStart:void 0,onConnectEnd:void 0,onClickConnectStart:void 0,onClickConnectEnd:void 0}},$i=({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,width:i,height:r,fitView:f,fitViewOptions:h,minZoom:w,maxZoom:S,nodeOrigin:v,nodeExtent:a,zIndexMode:c})=>Qr((l,u)=>{async function y(){const{nodeLookup:d,panZoom:g,fitViewOptions:x,fitViewResolver:s,width:E,height:C,minZoom:b,maxZoom:N}=u();g&&(await xr({nodes:d,width:E,height:C,panZoom:g,minZoom:b,maxZoom:N},x),s?.resolve(!0),l({fitViewResolver:null}))}return{...qt({nodes:e,edges:t,width:i,height:r,fitView:f,fitViewOptions:h,minZoom:w,maxZoom:S,nodeOrigin:v,nodeExtent:a,defaultNodes:n,defaultEdges:o,zIndexMode:c}),setNodes:d=>{const{nodeLookup:g,parentLookup:x,nodeOrigin:s,nodeExtent:E,elevateNodesOnSelect:C,fitViewQueued:b,zIndexMode:N,nodesSelectionActive:D}=u(),{nodesInitialized:M,hasSelectedNodes:_}=Xe(d,g,x,{nodeOrigin:s,nodeExtent:E,elevateNodesOnSelect:C,checkEquality:!0,zIndexMode:N}),k=D&&_;b&&M?(y(),l({nodes:d,nodesInitialized:M,fitViewQueued:!1,fitViewOptions:void 0,nodesSelectionActive:k})):l({nodes:d,nodesInitialized:M,nodesSelectionActive:k})},setEdges:d=>{const{connectionLookup:g,edgeLookup:x}=u();sn(g,x,d),l({edges:d})},setDefaultNodesAndEdges:(d,g)=>{if(d){const{setNodes:x}=u();x(d),l({hasDefaultNodes:!0})}if(g){const{setEdges:x}=u();x(g),l({hasDefaultEdges:!0})}},updateNodeInternals:d=>{const{triggerNodeChanges:g,nodeLookup:x,parentLookup:s,domNode:E,nodeOrigin:C,nodeExtent:b,debug:N,fitViewQueued:D,zIndexMode:M}=u(),{changes:_,updatedInternals:k}=wr(d,x,s,E,C,b,M);k&&(vr(x,s,{nodeOrigin:C,nodeExtent:b,zIndexMode:M}),D?(y(),l({fitViewQueued:!1,fitViewOptions:void 0})):l({}),_?.length>0&&(N&&console.log("React Flow: trigger node changes",_),g?.(_)))},updateNodePositions:(d,g=!1)=>{const x=[];let s=[];const{nodeLookup:E,triggerNodeChanges:C,connection:b,updateConnection:N,onNodesChangeMiddlewareMap:D}=u();for(const[M,_]of d){const k=E.get(M),R=!!(k?.expandParent&&k?.parentId&&_?.position),V={id:M,type:"position",position:R?{x:Math.max(0,_.position.x),y:Math.max(0,_.position.y)}:_.position,dragging:g};if(k&&b.inProgress&&b.fromNode.id===k.id){const O=Sr(k,b.fromHandle,oe.Left,!0);N({...b,from:O})}R&&k.parentId&&x.push({id:M,parentId:k.parentId,rect:{..._.internals.positionAbsolute,width:_.measured.width??0,height:_.measured.height??0}}),s.push(V)}if(x.length>0){const{parentLookup:M,nodeOrigin:_}=u(),k=rn(x,E,M,_);s.push(...k)}for(const M of D.values())s=M(s);C(s)},triggerNodeChanges:d=>{const{onNodesChange:g,setNodes:x,nodes:s,hasDefaultNodes:E,debug:C}=u();if(d?.length){if(E){const b=vn(d,s);x(b)}C&&console.log("React Flow: trigger node changes",d),g?.(d)}},triggerEdgeChanges:d=>{const{onEdgesChange:g,setEdges:x,edges:s,hasDefaultEdges:E,debug:C}=u();if(d?.length){if(E){const b=xn(d,s);x(b)}C&&console.log("React Flow: trigger edge changes",d),g?.(d)}},addSelectedNodes:d=>{const{multiSelectionActive:g,edgeLookup:x,nodeLookup:s,triggerNodeChanges:E,triggerEdgeChanges:C}=u();if(g){const b=d.map(N=>ye(N,!0));E(b);return}E(xe(s,new Set([...d]),!0)),C(xe(x))},addSelectedEdges:d=>{const{multiSelectionActive:g,edgeLookup:x,nodeLookup:s,triggerNodeChanges:E,triggerEdgeChanges:C}=u();if(g){const b=d.map(N=>ye(N,!0));C(b);return}C(xe(x,new Set([...d]))),E(xe(s,new Set,!0))},unselectNodesAndEdges:({nodes:d,edges:g}={})=>{const{edges:x,nodes:s,nodeLookup:E,triggerNodeChanges:C,triggerEdgeChanges:b}=u(),N=d||s,D=g||x,M=[];for(const k of N){if(!k.selected)continue;const R=E.get(k.id);R&&(R.selected=!1),M.push(ye(k.id,!1))}const _=[];for(const k of D)k.selected&&_.push(ye(k.id,!1));C(M),b(_)},setMinZoom:d=>{const{panZoom:g,maxZoom:x}=u();g?.setScaleExtent([d,x]),l({minZoom:d})},setMaxZoom:d=>{const{panZoom:g,minZoom:x}=u();g?.setScaleExtent([x,d]),l({maxZoom:d})},setTranslateExtent:d=>{u().panZoom?.setTranslateExtent(d),l({translateExtent:d})},resetSelectedElements:()=>{const{edges:d,nodes:g,triggerNodeChanges:x,triggerEdgeChanges:s,elementsSelectable:E}=u();if(!E)return;const C=g.reduce((N,D)=>D.selected?[...N,ye(D.id,!1)]:N,[]),b=d.reduce((N,D)=>D.selected?[...N,ye(D.id,!1)]:N,[]);x(C),s(b)},setNodeExtent:d=>{const{nodes:g,nodeLookup:x,parentLookup:s,nodeOrigin:E,elevateNodesOnSelect:C,nodeExtent:b,zIndexMode:N}=u();d[0][0]===b[0][0]&&d[0][1]===b[0][1]&&d[1][0]===b[1][0]&&d[1][1]===b[1][1]||(Xe(g,x,s,{nodeOrigin:E,nodeExtent:d,elevateNodesOnSelect:C,checkEquality:!1,zIndexMode:N}),l({nodeExtent:d}))},panBy:d=>{const{transform:g,width:x,height:s,panZoom:E,translateExtent:C}=u();return yr({delta:d,panZoom:E,transform:g,translateExtent:C,width:x,height:s})},setCenter:async(d,g,x)=>{const{width:s,height:E,maxZoom:C,panZoom:b}=u();if(!b)return!1;const N=typeof x?.zoom<"u"?x.zoom:C;return await b.setViewport({x:s/2-d*N,y:E/2-g*N,zoom:N},{duration:x?.duration,ease:x?.ease,interpolate:x?.interpolate}),!0},cancelConnection:()=>{l({connection:{...on}})},updateConnection:d=>{l({connection:d})},reset:()=>l({...qt()})}},Object.is);function ji({initialNodes:e,initialEdges:t,defaultNodes:n,defaultEdges:o,initialWidth:i,initialHeight:r,initialMinZoom:f,initialMaxZoom:h,initialFitViewOptions:w,fitView:S,nodeOrigin:v,nodeExtent:a,zIndexMode:c,children:l}){const[u]=m.useState(()=>$i({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,width:i,height:r,fitView:S,minZoom:f,maxZoom:h,fitViewOptions:w,nodeOrigin:v,nodeExtent:a,zIndexMode:c}));return p.jsx(Ur,{value:u,children:p.jsx(vs,{children:p.jsx($s,{children:l})})})}function Vi({children:e,nodes:t,edges:n,defaultNodes:o,defaultEdges:i,width:r,height:f,fitView:h,fitViewOptions:w,minZoom:S,maxZoom:v,nodeOrigin:a,nodeExtent:c,zIndexMode:l}){return m.useContext(_e)?p.jsx(p.Fragment,{children:e}):p.jsx(ji,{initialNodes:t,initialEdges:n,defaultNodes:o,defaultEdges:i,initialWidth:r,initialHeight:f,fitView:h,initialFitViewOptions:w,initialMinZoom:S,initialMaxZoom:v,nodeOrigin:a,nodeExtent:c,zIndexMode:l,children:e})}const Bi={width:"100%",height:"100%",overflow:"hidden",position:"relative",zIndex:0};function Oi({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,className:i,nodeTypes:r,edgeTypes:f,onNodeClick:h,onEdgeClick:w,onInit:S,onMove:v,onMoveStart:a,onMoveEnd:c,onConnect:l,onConnectStart:u,onConnectEnd:y,onClickConnectStart:d,onClickConnectEnd:g,onNodeMouseEnter:x,onNodeMouseMove:s,onNodeMouseLeave:E,onNodeContextMenu:C,onNodeDoubleClick:b,onNodeDragStart:N,onNodeDrag:D,onNodeDragStop:M,onNodesDelete:_,onEdgesDelete:k,onDelete:R,onSelectionChange:V,onSelectionDragStart:O,onSelectionDrag:$,onSelectionDragStop:Z,onSelectionContextMenu:P,onSelectionStart:L,onSelectionEnd:A,onBeforeDelete:T,connectionMode:z,connectionLineType:F=ve.Bezier,connectionLineStyle:U,connectionLineComponent:G,connectionLineContainerStyle:ee,deleteKeyCode:re="Backspace",selectionKeyCode:te="Shift",selectionOnDrag:I=!1,selectionMode:B=qe.Full,panActivationKeyCode:q="Space",multiSelectionKeyCode:K=ht()?"Meta":"Control",zoomActivationKeyCode:j=ht()?"Meta":"Control",snapToGrid:Q,snapGrid:W,onlyRenderVisibleElements:ne=!1,selectNodesOnDrag:se,nodesDraggable:we,autoPanOnNodeFocus:ue,nodesConnectable:fe,nodesFocusable:ge,nodeOrigin:de=Sn,edgesFocusable:Ee,edgesReconnectable:pe,elementsSelectable:me=!0,defaultViewport:ie=ds,minZoom:ae=.5,maxZoom:ce=2,translateExtent:he=Me,preventScrolling:$e=!0,nodeExtent:je,defaultMarkerColor:Gn="#b1b1b7",zoomOnScroll:Kn=!0,zoomOnPinch:Jn=!0,panOnScroll:eo=!1,panOnScrollSpeed:to=.5,panOnScrollMode:no=ln.Free,zoomOnDoubleClick:oo=!0,panOnDrag:ro=!0,onPaneClick:so,onPaneMouseEnter:io,onPaneMouseMove:ao,onPaneMouseLeave:co,onPaneScroll:lo,onPaneContextMenu:uo,paneClickDistance:fo=1,nodeClickDistance:go=0,children:po,onReconnect:mo,onReconnectStart:ho,onReconnectEnd:yo,onEdgeContextMenu:So,onEdgeDoubleClick:wo,onEdgeMouseEnter:vo,onEdgeMouseMove:xo,onEdgeMouseLeave:Eo,reconnectRadius:bo=10,onNodesChange:Co,onEdgesChange:No,noDragClassName:Io="nodrag",noWheelClassName:ko="nowheel",noPanClassName:ot="nopan",fitView:rt,fitViewOptions:st,connectOnClick:Mo,attributionPosition:Do,proOptions:Po,defaultEdgeOptions:_o,elevateNodesOnSelect:Lo=!0,elevateEdgesOnSelect:Ao=!1,disableKeyboardA11y:it=!1,autoPanOnConnect:Ro,autoPanOnNodeDrag:$o,autoPanOnSelection:jo=!0,autoPanSpeed:Vo,connectionRadius:Bo,isValidConnection:Oo,onError:zo,style:Ho,id:at,nodeDragThreshold:To,connectionDragThreshold:Fo,viewport:Zo,onViewportChange:Wo,width:Xo,height:Yo,colorMode:qo="light",debug:Qo,onScroll:ct,ariaLabelConfig:Uo,zIndexMode:dt="basic",...Go},Ko){const Ve=at||"1",Jo=gs(qo),er=m.useCallback(lt=>{lt.currentTarget.scrollTo({top:0,left:0,behavior:"instant"}),ct?.(lt)},[ct]);return p.jsx("div",{"data-testid":"rf__wrapper",...Go,onScroll:er,style:{...Ho,...Bi},ref:Ko,className:J(["react-flow",i,Jo]),id:at,role:"application",children:p.jsxs(Vi,{nodes:e,edges:t,width:Xo,height:Yo,fitView:rt,fitViewOptions:st,minZoom:ae,maxZoom:ce,nodeOrigin:de,nodeExtent:je,zIndexMode:dt,children:[p.jsx(fs,{nodes:e,edges:t,defaultNodes:n,defaultEdges:o,onConnect:l,onConnectStart:u,onConnectEnd:y,onClickConnectStart:d,onClickConnectEnd:g,nodesDraggable:we,autoPanOnNodeFocus:ue,nodesConnectable:fe,nodesFocusable:ge,edgesFocusable:Ee,edgesReconnectable:pe,elementsSelectable:me,elevateNodesOnSelect:Lo,elevateEdgesOnSelect:Ao,minZoom:ae,maxZoom:ce,nodeExtent:je,onNodesChange:Co,onEdgesChange:No,snapToGrid:Q,snapGrid:W,connectionMode:z,translateExtent:he,connectOnClick:Mo,defaultEdgeOptions:_o,fitView:rt,fitViewOptions:st,onNodesDelete:_,onEdgesDelete:k,onDelete:R,onNodeDragStart:N,onNodeDrag:D,onNodeDragStop:M,onSelectionDrag:$,onSelectionDragStart:O,onSelectionDragStop:Z,onMove:v,onMoveStart:a,onMoveEnd:c,noPanClassName:ot,nodeOrigin:de,rfId:Ve,autoPanOnConnect:Ro,autoPanOnNodeDrag:$o,autoPanSpeed:Vo,onError:zo,connectionRadius:Bo,isValidConnection:Oo,selectNodesOnDrag:se,nodeDragThreshold:To,connectionDragThreshold:Fo,onBeforeDelete:T,debug:Qo,ariaLabelConfig:Uo,zIndexMode:dt}),p.jsx(Ai,{onInit:S,onNodeClick:h,onEdgeClick:w,onNodeMouseEnter:x,onNodeMouseMove:s,onNodeMouseLeave:E,onNodeContextMenu:C,onNodeDoubleClick:b,nodeTypes:r,edgeTypes:f,connectionLineType:F,connectionLineStyle:U,connectionLineComponent:G,connectionLineContainerStyle:ee,selectionKeyCode:te,selectionOnDrag:I,selectionMode:B,deleteKeyCode:re,multiSelectionKeyCode:K,panActivationKeyCode:q,zoomActivationKeyCode:j,onlyRenderVisibleElements:ne,defaultViewport:ie,translateExtent:he,minZoom:ae,maxZoom:ce,preventScrolling:$e,zoomOnScroll:Kn,zoomOnPinch:Jn,zoomOnDoubleClick:oo,panOnScroll:eo,panOnScrollSpeed:to,panOnScrollMode:no,panOnDrag:ro,autoPanOnSelection:jo,onPaneClick:so,onPaneMouseEnter:io,onPaneMouseMove:ao,onPaneMouseLeave:co,onPaneScroll:lo,onPaneContextMenu:uo,paneClickDistance:fo,nodeClickDistance:go,onSelectionContextMenu:P,onSelectionStart:L,onSelectionEnd:A,onReconnect:mo,onReconnectStart:ho,onReconnectEnd:yo,onEdgeContextMenu:So,onEdgeDoubleClick:wo,onEdgeMouseEnter:vo,onEdgeMouseMove:xo,onEdgeMouseLeave:Eo,reconnectRadius:bo,defaultMarkerColor:Gn,noDragClassName:Io,noWheelClassName:ko,noPanClassName:ot,rfId:Ve,disableKeyboardA11y:it,nodeExtent:je,viewport:Zo,onViewportChange:Wo,nodesDraggable:we}),p.jsx(cs,{onSelectionChange:V}),po,p.jsx(os,{proOptions:Po,position:Do}),p.jsx(ns,{rfId:Ve,disableKeyboardA11y:it})]})})}var Ea=En(Oi);const zi=e=>e.domNode?.querySelector(".react-flow__edgelabel-renderer");function ba({children:e}){const t=H(zi);return t?Kt.createPortal(e,t):null}const Hi=e=>e.domNode?.querySelector(".react-flow__viewport-portal");function Ca({children:e}){const t=H(Hi);return t?Kt.createPortal(e,t):null}const Ti=e=>e.nodes;function Na(){return H(Ti,X)}function Ia(e){const[t,n]=m.useState(e),o=m.useCallback(i=>n(r=>vn(i,r)),[]);return[t,n,o]}function ka(e){const[t,n]=m.useState(e),o=m.useCallback(i=>n(r=>xn(i,r)),[]);return[t,n,o]}const Fi=e=>t=>{if(!e.includeHiddenNodes)return t.nodesInitialized;if(t.nodeLookup.size===0)return!1;for(const[,{internals:n}]of t.nodeLookup)if(n.handleBounds===void 0||!Ke(n.userNode))return!1;return!0};function Ma(e={includeHiddenNodes:!1}){return H(Fi(e))}function Da(e){return H(m.useCallback(n=>n.nodeLookup.get(e),[e]),X)}function Zi({dimensions:e,lineWidth:t,variant:n,className:o}){return p.jsx("path",{strokeWidth:t,d:`M${e[0]/2} 0 V${e[1]} M0 ${e[1]/2} H${e[0]}`,className:J(["react-flow__background-pattern",n,o])})}function Wi({radius:e,className:t}){return p.jsx("circle",{cx:e,cy:e,r:e,className:J(["react-flow__background-pattern","dots",t])})}var le;(function(e){e.Lines="lines",e.Dots="dots",e.Cross="cross"})(le||(le={}));const Xi={[le.Dots]:1,[le.Lines]:1,[le.Cross]:6},Yi=e=>({transform:e.transform,patternId:`pattern-${e.rfId}`});function qn({id:e,variant:t=le.Dots,gap:n=20,size:o,lineWidth:i=1,offset:r=0,color:f,bgColor:h,style:w,className:S,patternClassName:v}){const a=m.useRef(null),{transform:c,patternId:l}=H(Yi,X),u=o||Xi[t],y=t===le.Dots,d=t===le.Cross,g=Array.isArray(n)?n:[n,n],x=[g[0]*c[2]||1,g[1]*c[2]||1],s=u*c[2],E=Array.isArray(r)?r:[r,r],C=d?[s,s]:x,b=[E[0]*c[2]+C[0]/2,E[1]*c[2]+C[1]/2],N=`${l}${e||""}`;return p.jsxs("svg",{className:J(["react-flow__background",S]),style:{...w,...Ae,"--xy-background-color-props":h,"--xy-background-pattern-color-props":f},ref:a,"data-testid":"rf__background",children:[p.jsx("pattern",{id:N,x:c[0]%x[0],y:c[1]%x[1],width:x[0],height:x[1],patternUnits:"userSpaceOnUse",patternTransform:`translate(-${b[0]},-${b[1]})`,children:y?p.jsx(Wi,{radius:s/2,className:v}):p.jsx(Zi,{dimensions:C,lineWidth:i,variant:t,className:v})}),p.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${N})`})]})}qn.displayName="Background";const Pa=m.memo(qn);function qi(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",children:p.jsx("path",{d:"M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"})})}function Qi(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 5",children:p.jsx("path",{d:"M0 0h32v4.2H0z"})})}function Ui(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 30",children:p.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 Gi(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 32",children:p.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 Ki(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 32",children:p.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 Ie({children:e,className:t,...n}){return p.jsx("button",{type:"button",className:J(["react-flow__controls-button",t]),...n,children:e})}const Ji=e=>({isInteractive:e.nodesDraggable||e.nodesConnectable||e.elementsSelectable,minZoomReached:e.transform[2]<=e.minZoom,maxZoomReached:e.transform[2]>=e.maxZoom,ariaLabelConfig:e.ariaLabelConfig});function Qn({style:e,showZoom:t=!0,showFitView:n=!0,showInteractive:o=!0,fitViewOptions:i,onZoomIn:r,onZoomOut:f,onFitView:h,onInteractiveChange:w,className:S,children:v,position:a="bottom-left",orientation:c="vertical","aria-label":l}){const u=Y(),{isInteractive:y,minZoomReached:d,maxZoomReached:g,ariaLabelConfig:x}=H(Ji,X),{zoomIn:s,zoomOut:E,fitView:C}=tt(),b=()=>{s(),r?.()},N=()=>{E(),f?.()},D=()=>{C(i),h?.()},M=()=>{u.setState({nodesDraggable:!y,nodesConnectable:!y,elementsSelectable:!y}),w?.(!y)},_=c==="horizontal"?"horizontal":"vertical";return p.jsxs(Le,{className:J(["react-flow__controls",_,S]),position:a,style:e,"data-testid":"rf__controls","aria-label":l??x["controls.ariaLabel"],children:[t&&p.jsxs(p.Fragment,{children:[p.jsx(Ie,{onClick:b,className:"react-flow__controls-zoomin",title:x["controls.zoomIn.ariaLabel"],"aria-label":x["controls.zoomIn.ariaLabel"],disabled:g,children:p.jsx(qi,{})}),p.jsx(Ie,{onClick:N,className:"react-flow__controls-zoomout",title:x["controls.zoomOut.ariaLabel"],"aria-label":x["controls.zoomOut.ariaLabel"],disabled:d,children:p.jsx(Qi,{})})]}),n&&p.jsx(Ie,{className:"react-flow__controls-fitview",onClick:D,title:x["controls.fitView.ariaLabel"],"aria-label":x["controls.fitView.ariaLabel"],children:p.jsx(Ui,{})}),o&&p.jsx(Ie,{className:"react-flow__controls-interactive",onClick:M,title:x["controls.interactive.ariaLabel"],"aria-label":x["controls.interactive.ariaLabel"],children:y?p.jsx(Ki,{}):p.jsx(Gi,{})}),v]})}Qn.displayName="Controls";m.memo(Qn);function ea({id:e,x:t,y:n,width:o,height:i,style:r,color:f,strokeColor:h,strokeWidth:w,className:S,borderRadius:v,shapeRendering:a,selected:c,onClick:l}){const{background:u,backgroundColor:y}=r||{},d=f||u||y;return p.jsx("rect",{className:J(["react-flow__minimap-node",{selected:c},S]),x:t,y:n,rx:v,ry:v,width:o,height:i,style:{fill:d,stroke:h,strokeWidth:w},shapeRendering:a,onClick:l?g=>l(g,e):void 0})}const ta=m.memo(ea),na=e=>e.nodes.map(t=>t.id),Fe=e=>e instanceof Function?e:()=>e;function oa({nodeStrokeColor:e,nodeColor:t,nodeClassName:n="",nodeBorderRadius:o=5,nodeStrokeWidth:i,nodeComponent:r=ta,onClick:f}){const h=H(na,X),w=Fe(t),S=Fe(e),v=Fe(n),a=typeof window>"u"||window.chrome?"crispEdges":"geometricPrecision";return p.jsx(p.Fragment,{children:h.map(c=>p.jsx(sa,{id:c,nodeColorFunc:w,nodeStrokeColorFunc:S,nodeClassNameFunc:v,nodeBorderRadius:o,nodeStrokeWidth:i,NodeComponent:r,onClick:f,shapeRendering:a},c))})}function ra({id:e,nodeColorFunc:t,nodeStrokeColorFunc:n,nodeClassNameFunc:o,nodeBorderRadius:i,nodeStrokeWidth:r,shapeRendering:f,NodeComponent:h,onClick:w}){const{node:S,x:v,y:a,width:c,height:l}=H(u=>{const y=u.nodeLookup.get(e);if(!y)return{node:void 0,x:0,y:0,width:0,height:0};const d=y.internals.userNode,{x:g,y:x}=y.internals.positionAbsolute,{width:s,height:E}=an(d);return{node:d,x:g,y:x,width:s,height:E}},X);return!S||S.hidden||!Ke(S)?null:p.jsx(h,{x:v,y:a,width:c,height:l,style:S.style,selected:!!S.selected,className:o(S),color:t(S),borderRadius:i,strokeColor:n(S),strokeWidth:r,shapeRendering:f,onClick:w,id:S.id})}const sa=m.memo(ra);var ia=m.memo(oa);const aa=200,ca=150,da=e=>!e.hidden,la=e=>{const 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]};let n=!1;for(const o of e.nodeLookup.values())if(!o.hidden){n=!0;break}return{viewBB:t,boundingRect:n?Ir(Je(e.nodeLookup,{filter:da}),t):t,rfId:e.rfId,panZoom:e.panZoom,translateExtent:e.translateExtent,flowWidth:e.width,flowHeight:e.height,ariaLabelConfig:e.ariaLabelConfig}},Qt=(e,t)=>e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height,ua=(e,t)=>Qt(e.viewBB,t.viewBB)&&Qt(e.boundingRect,t.boundingRect)&&e.rfId===t.rfId&&e.panZoom===t.panZoom&&e.translateExtent===t.translateExtent&&e.flowWidth===t.flowWidth&&e.flowHeight===t.flowHeight&&e.ariaLabelConfig===t.ariaLabelConfig,fa="react-flow__minimap-desc";function Un({style:e,className:t,nodeStrokeColor:n,nodeColor:o,nodeClassName:i="",nodeBorderRadius:r=5,nodeStrokeWidth:f,nodeComponent:h,bgColor:w,maskColor:S,maskStrokeColor:v,maskStrokeWidth:a,position:c="bottom-right",onClick:l,onNodeClick:u,pannable:y=!1,zoomable:d=!1,ariaLabel:g,inversePan:x,zoomStep:s=1,offsetScale:E=5}){const C=Y(),b=m.useRef(null),{boundingRect:N,panZoom:D,viewBB:M,rfId:_,translateExtent:k,flowWidth:R,flowHeight:V,ariaLabelConfig:O}=H(la,ua),$=e?.width??aa,Z=e?.height??ca,P=N.width/$,L=N.height/Z,A=Math.max(P,L),T=A*$,z=A*Z,F=E*A,U=N.x-(T-N.width)/2-F,G=N.y-(z-N.height)/2-F,ee=T+F*2,re=z+F*2,te=`${fa}-${_}`,I=m.useRef(0),B=m.useRef();I.current=A,m.useEffect(()=>{const W=C.getState().panZoom;if(b.current&&W)return B.current=lr({domNode:b.current,panZoom:W,getTransform:()=>C.getState().transform,getViewScale:()=>I.current}),()=>{B.current?.destroy()}},[D]),m.useEffect(()=>{B.current?.update({translateExtent:k,width:R,height:V,inversePan:x,pannable:y,zoomStep:s,zoomable:d})},[y,d,x,s,k,R,V]);const q=l?W=>{const[ne,se]=B.current?.pointer(W)||[0,0];l(W,{x:ne,y:se})}:void 0,K=m.useCallback((W,ne)=>{const se=C.getState().nodeLookup.get(ne).internals.userNode;u?.(W,se)},[u]),j=u?K:void 0,Q=g??O["minimap.ariaLabel"];return p.jsx(Le,{position:c,style:{...e,"--xy-minimap-background-color-props":typeof w=="string"?w:void 0,"--xy-minimap-mask-background-color-props":typeof S=="string"?S:void 0,"--xy-minimap-mask-stroke-color-props":typeof v=="string"?v:void 0,"--xy-minimap-mask-stroke-width-props":typeof a=="number"?a*A:void 0,"--xy-minimap-node-background-color-props":typeof o=="string"?o:void 0,"--xy-minimap-node-stroke-color-props":typeof n=="string"?n:void 0,"--xy-minimap-node-stroke-width-props":typeof f=="number"?f:void 0},className:J(["react-flow__minimap",t]),"data-testid":"rf__minimap",children:p.jsxs("svg",{width:$,height:Z,viewBox:`${U} ${G} ${ee} ${re}`,className:"react-flow__minimap-svg",role:"img","aria-labelledby":te,ref:b,onClick:q,children:[Q&&p.jsx("title",{id:te,children:Q}),p.jsx(ia,{onClick:j,nodeColor:o,nodeStrokeColor:n,nodeBorderRadius:r,nodeClassName:i,nodeStrokeWidth:f,nodeComponent:h}),p.jsx("path",{className:"react-flow__minimap-mask",d:`M${U-F},${G-F}h${ee+F*2}v${re+F*2}h${-ee-F*2}z
-        M${M.x},${M.y}h${M.width}v${M.height}h${-M.width}z`,fillRule:"evenodd",pointerEvents:"none"})]})})}Un.displayName="MiniMap";const _a=m.memo(Un),ga=e=>t=>e?`${Math.max(1/t.transform[2],1)}`:void 0,pa={[be.Line]:"right",[be.Handle]:"bottom-right"};function ma({nodeId:e,position:t,variant:n=be.Handle,className:o,style:i=void 0,children:r,color:f,minWidth:h=10,minHeight:w=10,maxWidth:S=Number.MAX_VALUE,maxHeight:v=Number.MAX_VALUE,keepAspectRatio:a=!1,resizeDirection:c,autoScale:l=!0,shouldResize:u,onResizeStart:y,onResize:d,onResizeEnd:g}){const x=kn(),s=typeof e=="string"?e:x,E=Y(),C=m.useRef(null),b=n===be.Handle,N=H(m.useCallback(ga(b&&l),[b,l]),X),D=m.useRef(null),M=t??pa[n];m.useEffect(()=>{if(!(!C.current||!s))return D.current||(D.current=ur({domNode:C.current,nodeId:s,getStoreItems:()=>{const{nodeLookup:k,transform:R,snapGrid:V,snapToGrid:O,nodeOrigin:$,domNode:Z}=E.getState();return{nodeLookup:k,transform:R,snapGrid:V,snapToGrid:O,nodeOrigin:$,paneDomNode:Z}},onChange:(k,R)=>{const{triggerNodeChanges:V,nodeLookup:O,parentLookup:$,nodeOrigin:Z}=E.getState(),P=[],L={x:k.x,y:k.y},A=O.get(s);if(A&&A.expandParent&&A.parentId){const T=A.origin??Z,z=k.width??A.measured.width??0,F=k.height??A.measured.height??0,U={id:A.id,parentId:A.parentId,rect:{width:z,height:F,...nn({x:k.x??A.position.x,y:k.y??A.position.y},{width:z,height:F},A.parentId,O,T)}},G=rn([U],O,$,Z);P.push(...G),L.x=k.x?Math.max(T[0]*z,k.x):void 0,L.y=k.y?Math.max(T[1]*F,k.y):void 0}if(L.x!==void 0&&L.y!==void 0){const T={id:s,type:"position",position:{...L}};P.push(T)}if(k.width!==void 0&&k.height!==void 0){const z={id:s,type:"dimensions",resizing:!0,setAttributes:c?c==="horizontal"?"width":"height":!0,dimensions:{width:k.width,height:k.height}};P.push(z)}for(const T of R){const z={...T,type:"position"};P.push(z)}V(P)},onEnd:({width:k,height:R})=>{const V={id:s,type:"dimensions",resizing:!1,dimensions:{width:k,height:R}};E.getState().triggerNodeChanges([V])}})),D.current.update({controlPosition:M,boundaries:{minWidth:h,minHeight:w,maxWidth:S,maxHeight:v},keepAspectRatio:a,resizeDirection:c,onResizeStart:y,onResize:d,onResizeEnd:g,shouldResize:u}),()=>{D.current?.destroy()}},[M,h,w,S,v,a,y,d,g,u]);const _=M.split("-");return p.jsx("div",{className:J(["react-flow__resize-control","nodrag",..._,n,o]),ref:C,style:{...i,scale:N,...f&&{[b?"backgroundColor":"borderColor"]:f}},children:r})}const Ut=m.memo(ma);function La({nodeId:e,isVisible:t=!0,handleClassName:n,handleStyle:o,lineClassName:i,lineStyle:r,color:f,minWidth:h=10,minHeight:w=10,maxWidth:S=Number.MAX_VALUE,maxHeight:v=Number.MAX_VALUE,keepAspectRatio:a=!1,autoScale:c=!0,shouldResize:l,onResizeStart:u,onResize:y,onResizeEnd:d}){return t?p.jsxs(p.Fragment,{children:[cr.map(g=>p.jsx(Ut,{className:i,style:r,nodeId:e,position:g,variant:be.Line,color:f,minWidth:h,minHeight:w,maxWidth:S,maxHeight:v,onResizeStart:u,keepAspectRatio:a,autoScale:c,shouldResize:l,onResize:y,onResizeEnd:d},g)),dr.map(g=>p.jsx(Ut,{className:n,style:o,nodeId:e,position:g,color:f,minWidth:h,minHeight:w,maxWidth:S,maxHeight:v,onResizeStart:u,keepAspectRatio:a,autoScale:c,shouldResize:l,onResize:y,onResizeEnd:d},g))]}):null}const Aa=Ue(`
+`)),v=S.reduce((a,c)=>a.concat(...c),[]);return[S,v]}return[[],[]]},[e]);return m.useEffect(()=>{const w=t?.target??Pt,S=t?.actInsideInputWithModifier??!0;if(e!==null){const v=l=>{if(i.current=l.ctrlKey||l.metaKey||l.shiftKey||l.altKey,(!i.current||i.current&&!S)&&Jt(l))return!1;const y=Lt(l.code,h);if(r.current.add(l[y]),_t(f,r.current,!1)){const d=l.composedPath?.()?.[0]||l.target,g=d?.nodeName==="BUTTON"||d?.nodeName==="A";t.preventDefault!==!1&&(i.current||!g)&&l.preventDefault(),o(!0)}},a=l=>{const u=Lt(l.code,h);_t(f,r.current,!0)?(o(!1),r.current.clear()):r.current.delete(l[u]),l.key==="Meta"&&r.current.clear(),i.current=!1},c=()=>{r.current.clear(),o(!1)};return w?.addEventListener("keydown",v),w?.addEventListener("keyup",a),window.addEventListener("blur",c),window.addEventListener("contextmenu",c),()=>{w?.removeEventListener("keydown",v),w?.removeEventListener("keyup",a),window.removeEventListener("blur",c),window.removeEventListener("contextmenu",c)}}},[e,o]),n}function _t(e,t,n){return e.filter(o=>n||o.length===t.size).some(o=>o.every(i=>t.has(i)))}function Lt(e,t){return t.includes(e)?"code":"key"}const ps=()=>{const e=Y();return m.useMemo(()=>({zoomIn:async t=>{const{panZoom:n}=e.getState();return n?n.scaleBy(1.2,t):!1},zoomOut:async t=>{const{panZoom:n}=e.getState();return n?n.scaleBy(1/1.2,t):!1},zoomTo:async(t,n)=>{const{panZoom:o}=e.getState();return o?o.scaleTo(t,n):!1},getZoom:()=>e.getState().transform[2],setViewport:async(t,n)=>{const{transform:[o,i,r],panZoom:f}=e.getState();return f?(await f.setViewport({x:t.x??o,y:t.y??i,zoom:t.zoom??r},n),!0):!1},getViewport:()=>{const[t,n,o]=e.getState().transform;return{x:t,y:n,zoom:o}},setCenter:async(t,n,o)=>e.getState().setCenter(t,n,o),fitBounds:async(t,n)=>{const{width:o,height:i,minZoom:r,maxZoom:f,panZoom:h}=e.getState(),w=en(t,o,i,r,f,n?.padding??.1);return h?(await h.setViewport(w,{duration:n?.duration,ease:n?.ease,interpolate:n?.interpolate}),!0):!1},screenToFlowPosition:(t,n={})=>{const{transform:o,snapGrid:i,snapToGrid:r,domNode:f}=e.getState();if(!f)return t;const{x:h,y:w}=f.getBoundingClientRect(),S={x:t.x-h,y:t.y-w},v=n.snapGrid??i,a=n.snapToGrid??r;return Ue(S,o,a,v)},flowToScreenPosition:t=>{const{transform:n,domNode:o}=e.getState();if(!o)return t;const{x:i,y:r}=o.getBoundingClientRect(),f=Ze(t,n);return{x:f.x+i,y:f.y+r}}}),[])};function wn(e,t){const n=[],o=new Map,i=[];for(const r of e)if(r.type==="add"){i.push(r);continue}else if(r.type==="remove"||r.type==="replace")o.set(r.id,[r]);else{const f=o.get(r.id);f?f.push(r):o.set(r.id,[r])}for(const r of t){const f=o.get(r.id);if(!f){n.push(r);continue}if(f[0].type==="remove")continue;if(f[0].type==="replace"){n.push({...f[0].item});continue}const h={...r};for(const w of f)ms(w,h);n.push(h)}return i.length&&i.forEach(r=>{r.index!==void 0?n.splice(r.index,0,{...r.item}):n.push({...r.item})}),n}function ms(e,t){switch(e.type){case"select":{t.selected=e.selected;break}case"position":{typeof e.position<"u"&&(t.position=e.position),typeof e.dragging<"u"&&(t.dragging=e.dragging);break}case"dimensions":{typeof e.dimensions<"u"&&(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 vn(e,t){return wn(e,t)}function xn(e,t){return wn(e,t)}function ye(e,t){return{id:e,type:"select",selected:t}}function xe(e,t=new Set,n=!1){const o=[];for(const[i,r]of e){const f=t.has(i);!(r.selected===void 0&&!f)&&r.selected!==f&&(n&&(r.selected=f),o.push(ye(r.id,f)))}return o}function At({items:e=[],lookup:t}){const n=[],o=new Map(e.map(i=>[i.id,i]));for(const[i,r]of e.entries()){const f=t.get(r.id),h=f?.internals?.userNode??f;h!==void 0&&h!==r&&n.push({id:r.id,item:r,type:"replace"}),h===void 0&&n.push({item:r,type:"add",index:i})}for(const[i]of t)o.get(i)===void 0&&n.push({id:i,type:"remove"});return n}function Rt(e){return{id:e.id,type:"remove"}}const hs=Kt();function ys(e,t,n={}){return rr(e,t,{...n,onError:n.onError??hs})}const $t=e=>gr(e),Ss=e=>pr(e);function En(e){return m.forwardRef(e)}const bn=typeof window<"u"?m.useLayoutEffect:m.useEffect;function jt(e){const[t,n]=m.useState(BigInt(0)),[o]=m.useState(()=>ws(()=>n(i=>i+BigInt(1))));return bn(()=>{const i=o.get();i.length&&(e(i),o.reset())},[t]),o}function ws(e){let t=[];return{get:()=>t,reset:()=>{t=[]},push:n=>{t.push(n),e()}}}const Cn=m.createContext(null);function vs({children:e}){const t=Y(),n=m.useCallback(h=>{const{nodes:w=[],setNodes:S,hasDefaultNodes:v,onNodesChange:a,nodeLookup:c,fitViewQueued:l,onNodesChangeMiddlewareMap:u}=t.getState();let y=w;for(const g of h)y=typeof g=="function"?g(y):g;let d=At({items:y,lookup:c});for(const g of u.values())d=g(d);v&&S(y),d.length>0?a?.(d):l&&window.requestAnimationFrame(()=>{const{fitViewQueued:g,nodes:x,setNodes:s}=t.getState();g&&s(x)})},[]),o=jt(n),i=m.useCallback(h=>{const{edges:w=[],setEdges:S,hasDefaultEdges:v,onEdgesChange:a,edgeLookup:c}=t.getState();let l=w;for(const u of h)l=typeof u=="function"?u(l):u;v?S(l):a&&a(At({items:l,lookup:c}))},[]),r=jt(i),f=m.useMemo(()=>({nodeQueue:o,edgeQueue:r}),[]);return p.jsx(Cn.Provider,{value:f,children:e})}function xs(){const e=m.useContext(Cn);if(!e)throw new Error("useBatchContext must be used within a BatchProvider");return e}const Es=e=>!!e.panZoom;function tt(){const e=ps(),t=Y(),n=xs(),o=H(Es),i=m.useMemo(()=>{const r=a=>t.getState().nodeLookup.get(a),f=a=>{n.nodeQueue.push(a)},h=a=>{n.edgeQueue.push(a)},w=a=>{const{nodeLookup:c,nodeOrigin:l}=t.getState(),u=$t(a)?a:c.get(a.id),y=u.parentId?tn(u.position,u.measured,u.parentId,c,l):u.position,d={...u,position:y,width:u.measured?.width??u.width,height:u.measured?.height??u.height};return gt(d)},S=(a,c,l={replace:!1})=>{f(u=>u.map(y=>{if(y.id===a){const d=typeof c=="function"?c(y):c;return l.replace&&$t(d)?d:{...y,...d}}return y}))},v=(a,c,l={replace:!1})=>{h(u=>u.map(y=>{if(y.id===a){const d=typeof c=="function"?c(y):c;return l.replace&&Ss(d)?d:{...y,...d}}return y}))};return{getNodes:()=>t.getState().nodes.map(a=>({...a})),getNode:a=>r(a)?.internals.userNode,getInternalNode:r,getEdges:()=>{const{edges:a=[]}=t.getState();return a.map(c=>({...c}))},getEdge:a=>t.getState().edgeLookup.get(a),setNodes:f,setEdges:h,addNodes:a=>{const c=Array.isArray(a)?a:[a];n.nodeQueue.push(l=>[...l,...c])},addEdges:a=>{const c=Array.isArray(a)?a:[a];n.edgeQueue.push(l=>[...l,...c])},toObject:()=>{const{nodes:a=[],edges:c=[],transform:l}=t.getState(),[u,y,d]=l;return{nodes:a.map(g=>({...g})),edges:c.map(g=>({...g})),viewport:{x:u,y,zoom:d}}},deleteElements:async({nodes:a=[],edges:c=[]})=>{const{nodes:l,edges:u,onNodesDelete:y,onEdgesDelete:d,triggerNodeChanges:g,triggerEdgeChanges:x,onDelete:s,onBeforeDelete:E}=t.getState(),{nodes:C,edges:b}=await ar({nodesToRemove:a,edgesToRemove:c,nodes:l,edges:u,onBeforeDelete:E}),N=b.length>0,D=C.length>0;if(N){const M=b.map(Rt);d?.(b),x(M)}if(D){const M=C.map(Rt);y?.(C),g(M)}return(D||N)&&s?.({nodes:C,edges:b}),{deletedNodes:C,deletedEdges:b}},getIntersectingNodes:(a,c=!0,l)=>{const u=ut(a),y=u?a:w(a),d=l!==void 0;return y?(l||t.getState().nodes).filter(g=>{const x=t.getState().nodeLookup.get(g.id);if(x&&!u&&(g.id===a.id||!x.internals.positionAbsolute))return!1;const s=gt(d?g:x),E=ft(s,y);return c&&E>0||E>=s.width*s.height||E>=y.width*y.height}):[]},isNodeIntersecting:(a,c,l=!0)=>{const y=ut(a)?a:w(a);if(!y)return!1;const d=ft(y,c);return l&&d>0||d>=c.width*c.height||d>=y.width*y.height},updateNode:S,updateNodeData:(a,c,l={replace:!1})=>{S(a,u=>{const y=typeof c=="function"?c(u):c;return l.replace?{...u,data:y}:{...u,data:{...u.data,...y}}},l)},updateEdge:v,updateEdgeData:(a,c,l={replace:!1})=>{v(a,u=>{const y=typeof c=="function"?c(u):c;return l.replace?{...u,data:y}:{...u,data:{...u.data,...y}}},l)},getNodesBounds:a=>{const{nodeLookup:c,nodeOrigin:l}=t.getState();return ir(a,{nodeLookup:c,nodeOrigin:l})},getHandleConnections:({type:a,id:c,nodeId:l})=>Array.from(t.getState().connectionLookup.get(`${l}-${a}${c?`-${c}`:""}`)?.values()??[]),getNodeConnections:({type:a,handleId:c,nodeId:l})=>Array.from(t.getState().connectionLookup.get(`${l}${a?c?`-${a}-${c}`:`-${a}`:""}`)?.values()??[]),fitView:async a=>{const c=t.getState().fitViewResolver??sr();return t.setState({fitViewQueued:!0,fitViewOptions:a,fitViewResolver:c}),n.nodeQueue.push(l=>[...l]),c.promise}}},[]);return m.useMemo(()=>({...i,...e,viewportInitialized:o}),[o])}const Vt=e=>e.selected,bs=typeof window<"u"?window:void 0;function Cs({deleteKeyCode:e,multiSelectionKeyCode:t}){const n=Y(),{deleteElements:o}=tt(),i=Ce(e,{actInsideInputWithModifier:!1}),r=Ce(t,{target:bs});m.useEffect(()=>{if(i){const{edges:f,nodes:h}=n.getState();o({nodes:h.filter(Vt),edges:f.filter(Vt)}),n.setState({nodesSelectionActive:!1})}},[i]),m.useEffect(()=>{n.setState({multiSelectionActive:r})},[r])}function Ns(e){const t=Y();m.useEffect(()=>{const n=()=>{if(!e.current||!(e.current.checkVisibility?.()??!0))return!1;const o=Ar(e.current);(o.height===0||o.width===0)&&t.getState().onError?.("004",Se.error004()),t.setState({width:o.width||500,height:o.height||500})};if(e.current){n(),window.addEventListener("resize",n);const o=new ResizeObserver(()=>n());return o.observe(e.current),()=>{window.removeEventListener("resize",n),o&&e.current&&o.unobserve(e.current)}}},[])}const Ae={position:"absolute",width:"100%",height:"100%",top:0,left:0},Is=e=>({userSelectionActive:e.userSelectionActive,lib:e.lib,connectionInProgress:e.connection.inProgress});function ks({onPaneContextMenu:e,zoomOnScroll:t=!0,zoomOnPinch:n=!0,panOnScroll:o=!1,panActivationKeyPressed:i,panOnScrollSpeed:r=.5,panOnScrollMode:f=dn.Free,zoomOnDoubleClick:h=!0,panOnDrag:w=!0,defaultViewport:S,translateExtent:v,minZoom:a,maxZoom:c,zoomActivationKeyCode:l,preventScrolling:u=!0,children:y,noWheelClassName:d,noPanClassName:g,onViewportChange:x,isControlledViewport:s,paneClickDistance:E,selectionOnDrag:C}){const b=Y(),N=m.useRef(null),{userSelectionActive:D,lib:M,connectionInProgress:_}=H(Is,X),k=Ce(l),R=m.useRef();Ns(N);const V=m.useCallback(O=>{x?.({x:O[0],y:O[1],zoom:O[2]}),s||b.setState({transform:O})},[x,s]);return m.useEffect(()=>{if(N.current){R.current=kr({domNode:N.current,minZoom:a,maxZoom:c,translateExtent:v,viewport:S,onDraggingChange:P=>b.setState(L=>L.paneDragging===P?L:{paneDragging:P}),onPanZoomStart:(P,L)=>{const{onViewportChangeStart:A,onMoveStart:T}=b.getState();T?.(P,L),A?.(L)},onPanZoom:(P,L)=>{const{onViewportChange:A,onMove:T}=b.getState();T?.(P,L),A?.(L)},onPanZoomEnd:(P,L)=>{const{onViewportChangeEnd:A,onMoveEnd:T}=b.getState();T?.(P,L),A?.(L)}});const{x:O,y:$,zoom:Z}=R.current.getViewport();return b.setState({panZoom:R.current,transform:[O,$,Z],domNode:N.current.closest(".react-flow")}),()=>{R.current?.destroy()}}},[]),m.useEffect(()=>{R.current?.update({onPaneContextMenu:e,zoomOnScroll:t,zoomOnPinch:n,panOnScroll:o,panActivationKeyPressed:i,panOnScrollSpeed:r,panOnScrollMode:f,zoomOnDoubleClick:h,panOnDrag:w,zoomActivationKeyPressed:k,preventScrolling:u,noPanClassName:g,userSelectionActive:D,noWheelClassName:d,lib:M,onTransformChange:V,connectionInProgress:_,selectionOnDrag:C,paneClickDistance:E})},[e,t,n,o,i,r,f,h,w,k,u,g,D,d,M,V,_,C,E]),p.jsx("div",{className:"react-flow__renderer",ref:N,style:Ae,children:y})}const Ms=e=>({userSelectionActive:e.userSelectionActive,userSelectionRect:e.userSelectionRect});function Ds(){const{userSelectionActive:e,userSelectionRect:t}=H(Ms,X);return e&&t?p.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}const Te=(e,t)=>n=>{n.target===t.current&&e?.(n)},Ps=e=>({userSelectionActive:e.userSelectionActive,elementsSelectable:e.elementsSelectable,dragging:e.paneDragging,panBy:e.panBy,autoPanSpeed:e.autoPanSpeed});function _s({isSelecting:e,selectionKeyPressed:t,selectionMode:n=qe.Full,panOnDrag:o,autoPanOnSelection:i,paneClickDistance:r,selectionOnDrag:f,onSelectionStart:h,onSelectionEnd:w,onPaneClick:S,onPaneContextMenu:v,onPaneScroll:a,onPaneMouseEnter:c,onPaneMouseMove:l,onPaneMouseLeave:u,children:y}){const d=m.useRef(0),g=Y(),{userSelectionActive:x,elementsSelectable:s,dragging:E,panBy:C,autoPanSpeed:b}=H(Ps,X),N=s&&(e||x),D=m.useRef(null),M=m.useRef(),_=m.useRef(new Set),k=m.useRef(new Set),R=m.useRef(!1),V=m.useRef(!1),O=m.useRef({x:0,y:0}),$=m.useRef(!1),Z=I=>{if(V.current||R.current||g.getState().connection.inProgress){V.current=!1,R.current=!1;return}S?.(I),g.getState().resetSelectedElements(),g.setState({nodesSelectionActive:!1})},P=I=>{if(Array.isArray(o)&&o?.includes(2)){I.preventDefault();return}v?.(I)},L=a?I=>a(I):void 0,A=I=>{V.current&&(I.stopPropagation(),V.current=!1)},T=I=>{if(I.pointerType==="touch"&&o!==!1&&!t)return;const{domNode:B,transform:q}=g.getState();if(M.current=B?.getBoundingClientRect(),!M.current)return;const K=I.target===D.current;if(!K&&!!I.target.closest(".nokey")||!e||!(f&&K||t)||I.button!==0||!I.isPrimary)return;I.target?.setPointerCapture?.(I.pointerId),V.current=!1;const{x:W,y:ne}=yt(I.nativeEvent,M.current),se=Ue({x:W,y:ne},q);g.setState({userSelectionRect:{width:0,height:0,startX:se.x,startY:se.y,x:W,y:ne}}),K||(I.stopPropagation(),I.preventDefault())};function z(I,B){const{userSelectionRect:q}=g.getState();if(!q)return;const{transform:K,nodeLookup:j,edgeLookup:Q,connectionLookup:W,triggerNodeChanges:ne,triggerEdgeChanges:se,defaultEdgeOptions:we}=g.getState(),ue={x:q.startX,y:q.startY},{x:fe,y:ge}=Ze(ue,K),de={startX:ue.x,startY:ue.y,x:I<fe?I:fe,y:B<ge?B:ge,width:Math.abs(I-fe),height:Math.abs(B-ge)},Ee=_.current,pe=k.current;_.current=new Set(Je(j,de,K,n===qe.Partial,!0).map(ie=>ie.id)),k.current=new Set;const me=we?.selectable??!0;for(const ie of _.current){const ae=W.get(ie);if(ae)for(const{edgeId:ce}of ae.values()){const he=Q.get(ce);he&&(he.selectable??me)&&k.current.add(ce)}}if(!St(Ee,_.current)){const ie=xe(j,_.current,!0);ne(ie)}if(!St(pe,k.current)){const ie=xe(Q,k.current);se(ie)}g.setState({userSelectionRect:de,userSelectionActive:!0,nodesSelectionActive:!1})}function F(){if(!i||!M.current)return;const[I,B]=Rr(O.current,M.current,b);C({x:I,y:B}).then(q=>{if(!V.current||!q){d.current=requestAnimationFrame(F);return}const{x:K,y:j}=O.current;z(K,j),d.current=requestAnimationFrame(F)})}const U=()=>{cancelAnimationFrame(d.current),d.current=0,$.current=!1};m.useEffect(()=>()=>U(),[]);const G=I=>{const{userSelectionRect:B,transform:q,resetSelectedElements:K}=g.getState();if(!M.current||!B)return;const{x:j,y:Q}=yt(I.nativeEvent,M.current);O.current={x:j,y:Q};const W=Ze({x:B.startX,y:B.startY},q);if(!V.current){const ne=t?0:r;if(Math.hypot(j-W.x,Q-W.y)<=ne)return;K(),h?.(I)}V.current=!0,$.current||(F(),$.current=!0),z(j,Q)},ee=I=>{if(!N){I.target===D.current&&g.getState().connection.inProgress&&(R.current=!0);return}I.button===0&&(I.target?.releasePointerCapture?.(I.pointerId),!x&&I.target===D.current&&g.getState().userSelectionRect&&Z?.(I),g.setState({userSelectionActive:!1,userSelectionRect:null}),V.current&&(w?.(I),g.setState({nodesSelectionActive:_.current.size>0})),U())},re=I=>{I.target?.releasePointerCapture?.(I.pointerId),U()},te=o===!0||Array.isArray(o)&&o.includes(0);return p.jsxs("div",{className:J(["react-flow__pane",{draggable:te,dragging:E,selection:e}]),onClick:N?void 0:Te(Z,D),onContextMenu:Te(P,D),onWheel:Te(L,D),onPointerEnter:N?void 0:c,onPointerMove:N?G:l,onPointerUp:ee,onPointerCancel:N?re:void 0,onPointerDownCapture:N?T:void 0,onClickCapture:N?A:void 0,onPointerLeave:u,ref:D,style:Ae,children:[y,p.jsx(Ds,{})]})}function Qe({id:e,store:t,unselect:n=!1,nodeRef:o}){const{addSelectedNodes:i,unselectNodesAndEdges:r,multiSelectionActive:f,nodeLookup:h,onError:w}=t.getState(),S=h.get(e);if(!S){w?.("012",Se.error012(e));return}t.setState({nodesSelectionActive:!1}),S.selected?(n||S.selected&&f)&&(r({nodes:[S],edges:[]}),requestAnimationFrame(()=>o?.current?.blur())):i([e])}function Nn({nodeRef:e,disabled:t=!1,noDragClassName:n,handleSelector:o,nodeId:i,isSelectable:r,nodeClickDistance:f}){const h=Y(),[w,S]=m.useState(!1),v=m.useRef();return m.useEffect(()=>{if(!t)return v.current=Mr({getStoreItems:()=>h.getState(),onNodeMouseDown:a=>{Qe({id:a,store:h,nodeRef:e})},onDragStart:()=>{S(!0)},onDragStop:()=>{S(!1)}}),()=>{v.current?.destroy(),v.current=void 0}},[t,h,e]),m.useEffect(()=>{t||!e.current||!v.current||v.current.update({noDragClassName:n,handleSelector:o,domNode:e.current,isSelectable:r,nodeId:i,nodeClickDistance:f})},[n,o,t,r,e,i,f]),w}const Ls=e=>t=>t.selected&&(t.draggable||e&&typeof t.draggable>"u");function In(){const e=Y();return m.useCallback(n=>{const{nodeExtent:o,snapToGrid:i,snapGrid:r,nodesDraggable:f,onError:h,updateNodePositions:w,nodeLookup:S,nodeOrigin:v}=e.getState(),a=new Map,c=Ls(f),l=i?r[0]:5,u=i?r[1]:5,y=n.direction.x*l*n.factor,d=n.direction.y*u*n.factor;for(const[,g]of S){if(!c(g))continue;let x={x:g.internals.positionAbsolute.x+y,y:g.internals.positionAbsolute.y+d};i&&(x=Dr(x,r));const{position:s,positionAbsolute:E}=Pr({nodeId:g.id,nextPosition:x,nodeLookup:S,nodeExtent:o,nodeOrigin:v,onError:h});g.position=s,g.internals.positionAbsolute=E,a.set(g.id,g)}w(a)},[])}const nt=m.createContext(null),As=nt.Provider;nt.Consumer;const kn=()=>m.useContext(nt),Rs=e=>({connectOnClick:e.connectOnClick,noPanClassName:e.noPanClassName,rfId:e.rfId}),Mn=m.createContext(null);function $s({children:e}){const t=H(Rs,X);return p.jsx(Mn.Provider,{value:t,children:e})}function js(){const e=m.useContext(Mn);if(!e)throw new Error("useHandleConfig must be used within a HandleConfigProvider");return e}const Vs={connectingFrom:!1,connectingTo:!1,clickConnecting:!1,isPossibleEndHandle:!0,connectionInProcess:!1,clickConnectionInProcess:!1,valid:!1},Bs=(e,t,n)=>o=>{const{connectionClickStartHandle:i,connectionMode:r,connection:f}=o,{fromHandle:h,toHandle:w,isValid:S}=f;if(!h&&!i)return Vs;const v=w?.nodeId===e&&w?.id===t&&w?.type===n;return{connectingFrom:h?.nodeId===e&&h?.id===t&&h?.type===n,connectingTo:v,clickConnecting:i?.nodeId===e&&i?.id===t&&i?.type===n,isPossibleEndHandle:r===an.Strict?h?.type!==n:e!==h?.nodeId||t!==h?.id,connectionInProcess:!!h,clickConnectionInProcess:!!i,valid:v&&S}};function Os({type:e="source",position:t=oe.Top,isValidConnection:n,isConnectable:o=!0,isConnectableStart:i=!0,isConnectableEnd:r=!0,id:f,onConnect:h,children:w,className:S,onMouseDown:v,onTouchStart:a,...c},l){const u=f||null,y=e==="target",d=Y(),g=kn(),{connectOnClick:x,noPanClassName:s,rfId:E}=js(),{connectingFrom:C,connectingTo:b,clickConnecting:N,isPossibleEndHandle:D,connectionInProcess:M,clickConnectionInProcess:_,valid:k}=H(Bs(g,u,e),X);g||d.getState().onError?.("010",Se.error010());const R=$=>{const{defaultEdgeOptions:Z,onConnect:P,hasDefaultEdges:L}=d.getState(),A={...Z,...$};if(L){const{edges:T,setEdges:z,onError:F}=d.getState();z(ys(A,T,{onError:F}))}P?.(A),h?.(A)},V=$=>{if(!g)return;const Z=hr($.nativeEvent);if(i&&(Z&&$.button===0||!Z)){const P=d.getState();We.onPointerDown($.nativeEvent,{handleDomNode:$.currentTarget,autoPanOnConnect:P.autoPanOnConnect,connectionMode:P.connectionMode,connectionRadius:P.connectionRadius,domNode:P.domNode,nodeLookup:P.nodeLookup,lib:P.lib,isTarget:y,handleId:u,nodeId:g,flowId:P.rfId,panBy:P.panBy,cancelConnection:P.cancelConnection,onConnectStart:P.onConnectStart,onConnectEnd:(...L)=>d.getState().onConnectEnd?.(...L),updateConnection:P.updateConnection,onConnect:R,isValidConnection:n||((...L)=>d.getState().isValidConnection?.(...L)??!0),getTransform:()=>d.getState().transform,getFromHandle:()=>d.getState().connection.fromHandle,autoPanSpeed:P.autoPanSpeed,dragThreshold:P.connectionDragThreshold})}Z?v?.($):a?.($)},O=$=>{const{onClickConnectStart:Z,onClickConnectEnd:P,connectionClickStartHandle:L,connectionMode:A,isValidConnection:T,lib:z,rfId:F,nodeLookup:U,connection:G}=d.getState();if(!g||!L&&!i)return;if(!L){Z?.($.nativeEvent,{nodeId:g,handleId:u,handleType:e}),d.setState({connectionClickStartHandle:{nodeId:g,type:e,id:u}});return}const ee=mr($.target),re=n||T,{connection:te,isValid:I}=We.isValid($.nativeEvent,{handle:{nodeId:g,id:u,type:e},connectionMode:A,fromNodeId:L.nodeId,fromHandleId:L.id||null,fromType:L.type,isValidConnection:re,flowId:F,doc:ee,lib:z,nodeLookup:U});I&&te&&R(te);const B=structuredClone(G);delete B.inProgress,B.toPosition=B.toHandle?B.toHandle.position:null,P?.($,B),d.setState({connectionClickStartHandle:null})};return p.jsx("div",{"data-handleid":u,"data-nodeid":g,"data-handlepos":t,"data-id":`${E}-${g}-${u}-${e}`,className:J(["react-flow__handle",`react-flow__handle-${t}`,"nodrag",s,S,{source:!y,target:y,connectable:o,connectablestart:i,connectableend:r,clickconnecting:N,connectingfrom:C,connectingto:b,valid:k,connectionindicator:o&&(!M||D)&&(M||_?r:i)}]),onMouseDown:V,onTouchStart:V,onClick:x?O:void 0,ref:l,...c,children:w})}const De=m.memo(En(Os));function zs({data:e,isConnectable:t,sourcePosition:n=oe.Bottom}){return p.jsxs(p.Fragment,{children:[e?.label,p.jsx(De,{type:"source",position:n,isConnectable:t})]})}function Hs({data:e,isConnectable:t,targetPosition:n=oe.Top,sourcePosition:o=oe.Bottom}){return p.jsxs(p.Fragment,{children:[p.jsx(De,{type:"target",position:n,isConnectable:t}),e?.label,p.jsx(De,{type:"source",position:o,isConnectable:t})]})}function Ts(){return null}function Fs({data:e,isConnectable:t,targetPosition:n=oe.Top}){return p.jsxs(p.Fragment,{children:[p.jsx(De,{type:"target",position:n,isConnectable:t}),e?.label]})}const Pe={ArrowUp:{x:0,y:-1},ArrowDown:{x:0,y:1},ArrowLeft:{x:-1,y:0},ArrowRight:{x:1,y:0}},Bt={input:zs,default:Hs,output:Fs,group:Ts};function Zs(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}}const Ws=e=>{const{width:t,height:n,x:o,y:i}=Ke(e.nodeLookup,{filter:r=>!!r.selected});return{width:ke(t)?t:null,height:ke(n)?n:null,userSelectionActive:e.userSelectionActive,transformString:`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]}) translate(${o}px,${i}px)`}};function Xs({onSelectionContextMenu:e,noPanClassName:t,disableKeyboardA11y:n}){const o=Y(),{width:i,height:r,transformString:f,userSelectionActive:h}=H(Ws,X),w=In(),S=m.useRef(null);m.useEffect(()=>{n||S.current?.focus({preventScroll:!0})},[n]);const v=!h&&i!==null&&r!==null;if(Nn({nodeRef:S,disabled:!v}),!v)return null;const a=e?l=>{const u=o.getState().nodes.filter(y=>y.selected);e(l,u)}:void 0,c=l=>{Object.prototype.hasOwnProperty.call(Pe,l.key)&&(l.preventDefault(),w({direction:Pe[l.key],factor:l.shiftKey?4:1}))};return p.jsx("div",{className:J(["react-flow__nodesselection","react-flow__container",t]),style:{transform:f},children:p.jsx("div",{ref:S,className:"react-flow__nodesselection-rect",onContextMenu:a,tabIndex:n?void 0:-1,onKeyDown:n?void 0:c,style:{width:i,height:r}})})}const Ot=typeof window<"u"?window:void 0,Ys=e=>({nodesSelectionActive:e.nodesSelectionActive,userSelectionActive:e.userSelectionActive});function Dn({children:e,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:o,onPaneMouseLeave:i,onPaneContextMenu:r,onPaneScroll:f,paneClickDistance:h,deleteKeyCode:w,selectionKeyCode:S,selectionOnDrag:v,selectionMode:a,onSelectionStart:c,onSelectionEnd:l,multiSelectionKeyCode:u,panActivationKeyCode:y,zoomActivationKeyCode:d,elementsSelectable:g,zoomOnScroll:x,zoomOnPinch:s,panOnScroll:E,panOnScrollSpeed:C,panOnScrollMode:b,zoomOnDoubleClick:N,panOnDrag:D,autoPanOnSelection:M,defaultViewport:_,translateExtent:k,minZoom:R,maxZoom:V,preventScrolling:O,onSelectionContextMenu:$,noWheelClassName:Z,noPanClassName:P,disableKeyboardA11y:L,onViewportChange:A,isControlledViewport:T}){const{nodesSelectionActive:z,userSelectionActive:F}=H(Ys,X),U=Ce(S,{target:Ot}),G=Ce(y,{target:Ot}),ee=G||D,re=G||E,te=v&&ee!==!0,I=U||F||te;return Cs({deleteKeyCode:w,multiSelectionKeyCode:u}),p.jsx(ks,{onPaneContextMenu:r,elementsSelectable:g,zoomOnScroll:x,zoomOnPinch:s,panOnScroll:re,panActivationKeyPressed:G,panOnScrollSpeed:C,panOnScrollMode:b,zoomOnDoubleClick:N,panOnDrag:!U&&ee,defaultViewport:_,translateExtent:k,minZoom:R,maxZoom:V,zoomActivationKeyCode:d,preventScrolling:O,noWheelClassName:Z,noPanClassName:P,onViewportChange:A,isControlledViewport:T,paneClickDistance:h,selectionOnDrag:te,children:p.jsxs(_s,{onSelectionStart:c,onSelectionEnd:l,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:o,onPaneMouseLeave:i,onPaneContextMenu:r,onPaneScroll:f,panOnDrag:ee,autoPanOnSelection:M,isSelecting:!!I,selectionMode:a,selectionKeyPressed:U,paneClickDistance:h,selectionOnDrag:te,children:[e,z&&p.jsx(Xs,{onSelectionContextMenu:$,noPanClassName:P,disableKeyboardA11y:L})]})})}Dn.displayName="FlowRenderer";const qs=m.memo(Dn),Qs=e=>t=>e?Je(t.nodeLookup,{x:0,y:0,width:t.width,height:t.height},t.transform,!0).map(n=>n.id):Array.from(t.nodeLookup.keys());function Us(e){return H(m.useCallback(Qs(e),[e]),X)}const Gs=e=>e.updateNodeInternals;function Ks(){const e=H(Gs),[t]=m.useState(()=>typeof ResizeObserver>"u"?null:new ResizeObserver(n=>{const o=new Map;n.forEach(i=>{const r=i.target.getAttribute("data-id");o.set(r,{id:r,nodeElement:i.target,force:!0})}),e(o)}));return m.useEffect(()=>()=>{t?.disconnect()},[t]),t}function Js({node:e,nodeType:t,hasDimensions:n,resizeObserver:o}){const i=Y(),r=m.useRef(null),f=m.useRef(null),h=m.useRef(e.sourcePosition),w=m.useRef(e.targetPosition),S=m.useRef(t),v=n&&!!e.internals.handleBounds;return m.useEffect(()=>{r.current&&!e.hidden&&(!v||f.current!==r.current)&&(f.current&&o?.unobserve(f.current),o?.observe(r.current),f.current=r.current)},[v,e.hidden]),m.useEffect(()=>()=>{f.current&&(o?.unobserve(f.current),f.current=null)},[]),m.useEffect(()=>{if(r.current){const a=S.current!==t,c=h.current!==e.sourcePosition,l=w.current!==e.targetPosition;(a||c||l)&&(S.current=t,h.current=e.sourcePosition,w.current=e.targetPosition,i.getState().updateNodeInternals(new Map([[e.id,{id:e.id,nodeElement:r.current,force:!0}]])))}},[e.id,t,e.sourcePosition,e.targetPosition]),r}function ei({id:e,onClick:t,onMouseEnter:n,onMouseMove:o,onMouseLeave:i,onContextMenu:r,onDoubleClick:f,nodesDraggable:h,elementsSelectable:w,nodesConnectable:S,nodesFocusable:v,resizeObserver:a,noDragClassName:c,noPanClassName:l,disableKeyboardA11y:u,rfId:y,nodeTypes:d,nodeClickDistance:g,onError:x}){const{node:s,internals:E,isParent:C}=H(I=>{const B=I.nodeLookup.get(e),q=I.parentLookup.has(e);return{node:B,internals:B.internals,isParent:q}},X);let b=s.type||"default",N=d?.[b]||Bt[b];N===void 0&&(x?.("003",Se.error003(b)),b="default",N=d?.default||Bt.default);const D=!!(s.draggable||h&&typeof s.draggable>"u"),M=!!(s.selectable||w&&typeof s.selectable>"u"),_=!!(s.connectable||S&&typeof s.connectable>"u"),k=!!(s.focusable||v&&typeof s.focusable>"u"),R=Y(),V=Ge(s),O=Js({node:s,nodeType:b,hasDimensions:V,resizeObserver:a}),$=Nn({nodeRef:O,disabled:s.hidden||!D,noDragClassName:c,handleSelector:s.dragHandle,nodeId:e,isSelectable:M,nodeClickDistance:g}),Z=In();if(s.hidden)return null;const P=sn(s),L=Zs(s),A=M||D||t||n||o||i,T=n?I=>n(I,{...E.userNode}):void 0,z=o?I=>o(I,{...E.userNode}):void 0,F=i?I=>i(I,{...E.userNode}):void 0,U=r?I=>r(I,{...E.userNode}):void 0,G=f?I=>f(I,{...E.userNode}):void 0,ee=I=>{const{selectNodesOnDrag:B,nodeDragThreshold:q}=R.getState();M&&(!B||!D||q>0)&&Qe({id:e,store:R,nodeRef:O}),t&&t(I,{...E.userNode})},re=I=>{if(!(Jt(I.nativeEvent)||u)){if(ln.includes(I.key)&&M){const B=I.key==="Escape";Qe({id:e,store:R,unselect:B,nodeRef:O})}else if(D&&s.selected&&Object.prototype.hasOwnProperty.call(Pe,I.key)){I.preventDefault();const{ariaLabelConfig:B}=R.getState();R.setState({ariaLiveMessage:B["node.a11yDescription.ariaLiveMessage"]({direction:I.key.replace("Arrow","").toLowerCase(),x:~~E.positionAbsolute.x,y:~~E.positionAbsolute.y})}),Z({direction:Pe[I.key],factor:I.shiftKey?4:1})}}},te=()=>{if(u||!O.current?.matches(":focus-visible"))return;const{transform:I,width:B,height:q,autoPanOnNodeFocus:K,setCenter:j}=R.getState();if(!K)return;Je(new Map([[e,s]]),{x:0,y:0,width:B,height:q},I,!0).length>0||j(s.position.x+P.width/2,s.position.y+P.height/2,{zoom:I[2]})};return p.jsx("div",{className:J(["react-flow__node",`react-flow__node-${b}`,{[l]:D},s.className,{selected:s.selected,selectable:M,parent:C,draggable:D,dragging:$}]),ref:O,style:{zIndex:E.z,transform:`translate(${E.positionAbsolute.x}px,${E.positionAbsolute.y}px)`,pointerEvents:A?"all":"none",visibility:V?"visible":"hidden",...s.style,...L},"data-id":e,"data-testid":`rf__node-${e}`,onMouseEnter:T,onMouseMove:z,onMouseLeave:F,onContextMenu:U,onClick:ee,onDoubleClick:G,onKeyDown:k?re:void 0,tabIndex:k?0:void 0,onFocus:k?te:void 0,role:s.ariaRole??(k?"group":void 0),"aria-roledescription":"node","aria-describedby":u?void 0:`${hn}-${y}`,"aria-label":s.ariaLabel,...s.domAttributes,children:p.jsx(As,{value:e,children:p.jsx(N,{id:e,data:s.data,type:b,positionAbsoluteX:E.positionAbsolute.x,positionAbsoluteY:E.positionAbsolute.y,selected:s.selected??!1,selectable:M,draggable:D,deletable:s.deletable??!0,isConnectable:_,sourcePosition:s.sourcePosition,targetPosition:s.targetPosition,dragging:$,dragHandle:s.dragHandle,zIndex:E.z,parentId:s.parentId,...P})})})}var ti=m.memo(ei);const ni=e=>({nodesConnectable:e.nodesConnectable,nodesFocusable:e.nodesFocusable,elementsSelectable:e.elementsSelectable,onError:e.onError});function Pn(e){const{nodesConnectable:t,nodesFocusable:n,elementsSelectable:o,onError:i}=H(ni,X),r=Us(e.onlyRenderVisibleElements),f=Ks();return p.jsx("div",{className:"react-flow__nodes",style:Ae,children:r.map(h=>p.jsx(ti,{id:h,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:f,nodesDraggable:e.nodesDraggable??!0,nodesConnectable:t,nodesFocusable:n,elementsSelectable:o,nodeClickDistance:e.nodeClickDistance,onError:i},h))})}Pn.displayName="NodeRenderer";const oi=m.memo(Pn);function ri(e){return H(m.useCallback(n=>{if(!e)return n.edges.map(i=>i.id);const o=[];if(n.width&&n.height)for(const i of n.edges){const r=n.nodeLookup.get(i.source),f=n.nodeLookup.get(i.target);r&&f&&_r({sourceNode:r,targetNode:f,width:n.width,height:n.height,transform:n.transform})&&o.push(i.id)}return o},[e]),X)}const si=({color:e="none",strokeWidth:t=1})=>{const n={strokeWidth:t,...e&&{stroke:e}};return p.jsx("polyline",{className:"arrow",style:n,strokeLinecap:"round",fill:"none",strokeLinejoin:"round",points:"-5,-4 0,0 -5,4"})},ii=({color:e="none",strokeWidth:t=1})=>{const n={strokeWidth:t,...e&&{stroke:e,fill:e}};return p.jsx("polyline",{className:"arrowclosed",style:n,strokeLinecap:"round",strokeLinejoin:"round",points:"-5,-4 0,0 -5,4 -5,-4"})},zt={[pt.Arrow]:si,[pt.ArrowClosed]:ii};function ai(e){const t=Y();return m.useMemo(()=>Object.prototype.hasOwnProperty.call(zt,e)?zt[e]:(t.getState().onError?.("009",Se.error009(e)),null),[e])}const ci=({id:e,type:t,color:n,width:o=12.5,height:i=12.5,markerUnits:r="strokeWidth",strokeWidth:f,orient:h="auto-start-reverse"})=>{const w=ai(t);return w?p.jsx("marker",{className:"react-flow__arrowhead",id:e,markerWidth:`${o}`,markerHeight:`${i}`,viewBox:"-10 -10 20 20",markerUnits:r,orient:h,refX:"0",refY:"0",children:p.jsx(w,{color:n,strokeWidth:f})}):null},_n=({defaultColor:e,rfId:t})=>{const n=H(r=>r.edges),o=H(r=>r.defaultEdgeOptions),i=m.useMemo(()=>Er(n,{id:t,defaultColor:e,defaultMarkerStart:o?.markerStart,defaultMarkerEnd:o?.markerEnd}),[n,o,t,e]);return i.length?p.jsx("svg",{className:"react-flow__marker","aria-hidden":"true",children:p.jsx("defs",{children:i.map(r=>p.jsx(ci,{id:r.id,type:r.type,color:r.color,width:r.width,height:r.height,markerUnits:r.markerUnits,strokeWidth:r.strokeWidth,orient:r.orient},r.id))})}):null};_n.displayName="MarkerDefinitions";var di=m.memo(_n);function Ln({x:e,y:t,label:n,labelStyle:o,labelShowBg:i=!0,labelBgStyle:r,labelBgPadding:f=[2,4],labelBgBorderRadius:h=2,children:w,className:S,...v}){const[a,c]=m.useState({x:1,y:0,width:0,height:0}),l=J(["react-flow__edge-textwrapper",S]),u=m.useRef(null);return m.useEffect(()=>{if(u.current){const y=u.current.getBBox();c({x:y.x,y:y.y,width:y.width,height:y.height})}},[n]),n?p.jsxs("g",{transform:`translate(${e-a.width/2} ${t-a.height/2})`,className:l,visibility:a.width?"visible":"hidden",...v,children:[i&&p.jsx("rect",{width:a.width+2*f[0],x:-f[0],y:-f[1],height:a.height+2*f[1],className:"react-flow__edge-textbg",style:r,rx:h,ry:h}),p.jsx("text",{className:"react-flow__edge-text",y:a.height/2,dy:"0.3em",ref:u,style:o,children:n}),w]}):null}Ln.displayName="EdgeText";const li=m.memo(Ln);function Re({path:e,labelX:t,labelY:n,label:o,labelStyle:i,labelShowBg:r,labelBgStyle:f,labelBgPadding:h,labelBgBorderRadius:w,interactionWidth:S=20,...v}){return p.jsxs(p.Fragment,{children:[p.jsx("path",{...v,d:e,fill:"none",className:J(["react-flow__edge-path",v.className])}),S?p.jsx("path",{d:e,fill:"none",strokeOpacity:0,strokeWidth:S,className:"react-flow__edge-interaction"}):null,o&&ke(t)&&ke(n)?p.jsx(li,{x:t,y:n,label:o,labelStyle:i,labelShowBg:r,labelBgStyle:f,labelBgPadding:h,labelBgBorderRadius:w}):null]})}function Ht({pos:e,x1:t,y1:n,x2:o,y2:i}){return e===oe.Left||e===oe.Right?[.5*(t+o),n]:[t,.5*(n+i)]}function An({sourceX:e,sourceY:t,sourcePosition:n=oe.Bottom,targetX:o,targetY:i,targetPosition:r=oe.Top}){const[f,h]=Ht({pos:n,x1:e,y1:t,x2:o,y2:i}),[w,S]=Ht({pos:r,x1:o,y1:i,x2:e,y2:t}),[v,a,c,l]=fr({sourceX:e,sourceY:t,targetX:o,targetY:i,sourceControlX:f,sourceControlY:h,targetControlX:w,targetControlY:S});return[`M${e},${t} C${f},${h} ${w},${S} ${o},${i}`,v,a,c,l]}function Rn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,sourcePosition:f,targetPosition:h,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,interactionWidth:g})=>{const[x,s,E]=An({sourceX:n,sourceY:o,sourcePosition:f,targetX:i,targetY:r,targetPosition:h}),C=e.isInternal?void 0:t;return p.jsx(Re,{id:C,path:x,labelX:s,labelY:E,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,interactionWidth:g})})}const ui=Rn({isInternal:!1}),$n=Rn({isInternal:!0});ui.displayName="SimpleBezierEdge";$n.displayName="SimpleBezierEdgeInternal";function jn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,sourcePosition:l=oe.Bottom,targetPosition:u=oe.Top,markerEnd:y,markerStart:d,pathOptions:g,interactionWidth:x})=>{const[s,E,C]=Ye({sourceX:n,sourceY:o,sourcePosition:l,targetX:i,targetY:r,targetPosition:u,borderRadius:g?.borderRadius,offset:g?.offset,stepPosition:g?.stepPosition}),b=e.isInternal?void 0:t;return p.jsx(Re,{id:b,path:s,labelX:E,labelY:C,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,markerEnd:y,markerStart:d,interactionWidth:x})})}const Vn=jn({isInternal:!1}),Bn=jn({isInternal:!0});Vn.displayName="SmoothStepEdge";Bn.displayName="SmoothStepEdgeInternal";function On(e){return m.memo(({id:t,...n})=>{const o=e.isInternal?void 0:t;return p.jsx(Vn,{...n,id:o,pathOptions:m.useMemo(()=>({borderRadius:0,offset:n.pathOptions?.offset}),[n.pathOptions?.offset])})})}const fi=On({isInternal:!1}),zn=On({isInternal:!0});fi.displayName="StepEdge";zn.displayName="StepEdgeInternal";function Hn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,markerEnd:l,markerStart:u,interactionWidth:y})=>{const[d,g,x]=un({sourceX:n,sourceY:o,targetX:i,targetY:r}),s=e.isInternal?void 0:t;return p.jsx(Re,{id:s,path:d,labelX:g,labelY:x,label:f,labelStyle:h,labelShowBg:w,labelBgStyle:S,labelBgPadding:v,labelBgBorderRadius:a,style:c,markerEnd:l,markerStart:u,interactionWidth:y})})}const gi=Hn({isInternal:!1}),Tn=Hn({isInternal:!0});gi.displayName="StraightEdge";Tn.displayName="StraightEdgeInternal";function Fn(e){return m.memo(({id:t,sourceX:n,sourceY:o,targetX:i,targetY:r,sourcePosition:f=oe.Bottom,targetPosition:h=oe.Top,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,pathOptions:g,interactionWidth:x})=>{const[s,E,C]=cn({sourceX:n,sourceY:o,sourcePosition:f,targetX:i,targetY:r,targetPosition:h,curvature:g?.curvature}),b=e.isInternal?void 0:t;return p.jsx(Re,{id:b,path:s,labelX:E,labelY:C,label:w,labelStyle:S,labelShowBg:v,labelBgStyle:a,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:y,markerStart:d,interactionWidth:x})})}const pi=Fn({isInternal:!1}),Zn=Fn({isInternal:!0});pi.displayName="BezierEdge";Zn.displayName="BezierEdgeInternal";const Tt={default:Zn,straight:Tn,step:zn,smoothstep:Bn,simplebezier:$n},Ft={sourceX:null,sourceY:null,targetX:null,targetY:null,sourcePosition:null,targetPosition:null,zIndex:void 0},mi=(e,t,n)=>n===oe.Left?e-t:n===oe.Right?e+t:e,hi=(e,t,n)=>n===oe.Top?e-t:n===oe.Bottom?e+t:e,Zt="react-flow__edgeupdater";function Wt({position:e,centerX:t,centerY:n,radius:o=10,onMouseDown:i,onMouseEnter:r,onMouseOut:f,type:h}){return p.jsx("circle",{onMouseDown:i,onMouseEnter:r,onMouseOut:f,className:J([Zt,`${Zt}-${h}`]),cx:mi(t,o,e),cy:hi(n,o,e),r:o,stroke:"transparent",fill:"transparent"})}function yi({isReconnectable:e,reconnectRadius:t,edge:n,sourceX:o,sourceY:i,targetX:r,targetY:f,sourcePosition:h,targetPosition:w,onReconnect:S,onReconnectStart:v,onReconnectEnd:a,setReconnecting:c,setUpdateHover:l}){const u=Y(),y=(E,C)=>{if(E.button!==0)return;const{autoPanOnConnect:b,domNode:N,connectionMode:D,connectionRadius:M,lib:_,onConnectStart:k,cancelConnection:R,nodeLookup:V,rfId:O,panBy:$,updateConnection:Z}=u.getState(),P=C.type==="target",L=(z,F)=>{c(!1),a?.(z,n,C.type,F)},A=z=>S?.(n,z),T=(z,F)=>{c(!0),v?.(E,n,C.type),k?.(z,F)};We.onPointerDown(E.nativeEvent,{autoPanOnConnect:b,connectionMode:D,connectionRadius:M,domNode:N,handleId:C.id,nodeId:C.nodeId,nodeLookup:V,isTarget:P,edgeUpdaterType:C.type,lib:_,flowId:O,cancelConnection:R,panBy:$,isValidConnection:(...z)=>u.getState().isValidConnection?.(...z)??!0,onConnect:A,onConnectStart:T,onConnectEnd:(...z)=>u.getState().onConnectEnd?.(...z),onReconnectEnd:L,updateConnection:Z,getTransform:()=>u.getState().transform,getFromHandle:()=>u.getState().connection.fromHandle,dragThreshold:u.getState().connectionDragThreshold,handleDomNode:E.currentTarget})},d=E=>y(E,{nodeId:n.target,id:n.targetHandle??null,type:"target"}),g=E=>y(E,{nodeId:n.source,id:n.sourceHandle??null,type:"source"}),x=()=>l(!0),s=()=>l(!1);return p.jsxs(p.Fragment,{children:[(e===!0||e==="source")&&p.jsx(Wt,{position:h,centerX:o,centerY:i,radius:t,onMouseDown:d,onMouseEnter:x,onMouseOut:s,type:"source"}),(e===!0||e==="target")&&p.jsx(Wt,{position:w,centerX:r,centerY:f,radius:t,onMouseDown:g,onMouseEnter:x,onMouseOut:s,type:"target"})]})}function Si({id:e,edgesFocusable:t,edgesReconnectable:n,elementsSelectable:o,onClick:i,onDoubleClick:r,onContextMenu:f,onMouseEnter:h,onMouseMove:w,onMouseLeave:S,reconnectRadius:v,onReconnect:a,onReconnectStart:c,onReconnectEnd:l,rfId:u,edgeTypes:y,noPanClassName:d,onError:g,disableKeyboardA11y:x}){let s=H(j=>j.edgeLookup.get(e));const E=H(j=>j.defaultEdgeOptions);s=E?{...E,...s}:s;let C=s.type||"default",b=y?.[C]||Tt[C];b===void 0&&(g?.("011",Se.error011(C)),C="default",b=y?.default||Tt.default);const N=!!(s.focusable||t&&typeof s.focusable>"u"),D=typeof a<"u"&&(s.reconnectable||n&&typeof s.reconnectable>"u"),M=!!(s.selectable||o&&typeof s.selectable>"u"),_=m.useRef(null),[k,R]=m.useState(!1),[V,O]=m.useState(!1),$=Y(),{zIndex:Z=s.zIndex,sourceX:P,sourceY:L,targetX:A,targetY:T,sourcePosition:z,targetPosition:F}=H(m.useCallback(j=>{const Q=j.nodeLookup.get(s.source),W=j.nodeLookup.get(s.target);if(!Q||!W)return Ft;const ne=br({id:e,sourceNode:Q,targetNode:W,sourceHandle:s.sourceHandle||null,targetHandle:s.targetHandle||null,connectionMode:j.connectionMode,onError:g}),se=Cr({selected:s.selected,zIndex:s.zIndex,sourceNode:Q,targetNode:W,elevateOnSelect:j.elevateEdgesOnSelect,zIndexMode:j.zIndexMode});return{...ne||Ft,zIndex:se}},[s.source,s.target,s.sourceHandle,s.targetHandle,s.selected,s.zIndex,g]),X),U=m.useMemo(()=>s.markerStart?`url('#${mt(s.markerStart,u)}')`:void 0,[s.markerStart,u]),G=m.useMemo(()=>s.markerEnd?`url('#${mt(s.markerEnd,u)}')`:void 0,[s.markerEnd,u]);if(s.hidden||P===null||L===null||A===null||T===null)return null;const ee=j=>{const{addSelectedEdges:Q,unselectNodesAndEdges:W,multiSelectionActive:ne}=$.getState();M&&($.setState({nodesSelectionActive:!1}),s.selected&&ne?(W({nodes:[],edges:[s]}),_.current?.blur()):Q([e])),i&&i(j,s)},re=r?j=>{r(j,{...s})}:void 0,te=f?j=>{f(j,{...s})}:void 0,I=h?j=>{h(j,{...s})}:void 0,B=w?j=>{w(j,{...s})}:void 0,q=S?j=>{S(j,{...s})}:void 0,K=j=>{if(!x&&ln.includes(j.key)&&M){const{unselectNodesAndEdges:Q,addSelectedEdges:W}=$.getState();j.key==="Escape"?(_.current?.blur(),Q({edges:[s]})):W([e])}};return p.jsx("svg",{style:{zIndex:Z},children:p.jsxs("g",{className:J(["react-flow__edge",`react-flow__edge-${C}`,s.className,d,{selected:s.selected,animated:s.animated,inactive:!M&&!i,updating:k,selectable:M}]),onClick:ee,onDoubleClick:re,onContextMenu:te,onMouseEnter:I,onMouseMove:B,onMouseLeave:q,onKeyDown:N?K:void 0,tabIndex:N?0:void 0,role:s.ariaRole??(N?"group":"img"),"aria-roledescription":"edge","data-id":e,"data-testid":`rf__edge-${e}`,"aria-label":s.ariaLabel===null?void 0:s.ariaLabel||`Edge from ${s.source} to ${s.target}`,"aria-describedby":N?`${yn}-${u}`:void 0,ref:_,...s.domAttributes,children:[!V&&p.jsx(b,{id:e,source:s.source,target:s.target,type:s.type,selected:s.selected,animated:s.animated,selectable:M,deletable:s.deletable??!0,label:s.label,labelStyle:s.labelStyle,labelShowBg:s.labelShowBg,labelBgStyle:s.labelBgStyle,labelBgPadding:s.labelBgPadding,labelBgBorderRadius:s.labelBgBorderRadius,sourceX:P,sourceY:L,targetX:A,targetY:T,sourcePosition:z,targetPosition:F,data:s.data,style:s.style,sourceHandleId:s.sourceHandle,targetHandleId:s.targetHandle,markerStart:U,markerEnd:G,pathOptions:"pathOptions"in s?s.pathOptions:void 0,interactionWidth:s.interactionWidth}),D&&p.jsx(yi,{edge:s,isReconnectable:D,reconnectRadius:v,onReconnect:a,onReconnectStart:c,onReconnectEnd:l,sourceX:P,sourceY:L,targetX:A,targetY:T,sourcePosition:z,targetPosition:F,setUpdateHover:R,setReconnecting:O})]})})}var wi=m.memo(Si);const vi=e=>({edgesFocusable:e.edgesFocusable,edgesReconnectable:e.edgesReconnectable,elementsSelectable:e.elementsSelectable,connectionMode:e.connectionMode,onError:e.onError});function Wn({defaultMarkerColor:e,onlyRenderVisibleElements:t,rfId:n,edgeTypes:o,noPanClassName:i,onReconnect:r,onEdgeContextMenu:f,onEdgeMouseEnter:h,onEdgeMouseMove:w,onEdgeMouseLeave:S,onEdgeClick:v,reconnectRadius:a,onEdgeDoubleClick:c,onReconnectStart:l,onReconnectEnd:u,disableKeyboardA11y:y}){const{edgesFocusable:d,edgesReconnectable:g,elementsSelectable:x,onError:s}=H(vi,X),E=ri(t);return p.jsxs("div",{className:"react-flow__edges",children:[p.jsx(di,{defaultColor:e,rfId:n}),E.map(C=>p.jsx(wi,{id:C,edgesFocusable:d,edgesReconnectable:g,elementsSelectable:x,noPanClassName:i,onReconnect:r,onContextMenu:f,onMouseEnter:h,onMouseMove:w,onMouseLeave:S,onClick:v,reconnectRadius:a,onDoubleClick:c,onReconnectStart:l,onReconnectEnd:u,rfId:n,onError:s,edgeTypes:o,disableKeyboardA11y:y},C))]})}Wn.displayName="EdgeRenderer";const xi=m.memo(Wn),Xt=e=>`translate(${e[0]}px,${e[1]}px) scale(${e[2]})`;function Ei({children:e}){const t=Y(),n=m.useRef(null),[o]=m.useState(()=>t.getState().transform);return bn(()=>{let i=null;const r=()=>{const f=t.getState().transform;i&&f[0]===i[0]&&f[1]===i[1]&&f[2]===i[2]||(i=f,n.current&&(n.current.style.transform=Xt(f)))};return r(),t.subscribe(r)},[t]),p.jsx("div",{ref:n,className:"react-flow__viewport xyflow__viewport react-flow__container",style:{transform:Xt(o)},children:e})}function bi(e){const t=tt(),n=m.useRef(!1);m.useEffect(()=>{!n.current&&t.viewportInitialized&&e&&(setTimeout(()=>e(t),1),n.current=!0)},[e,t.viewportInitialized])}const Ci=e=>e.panZoom?.syncViewport;function Ni(e){const t=H(Ci),n=Y();return m.useEffect(()=>{e&&(t?.(e),n.setState({transform:[e.x,e.y,e.zoom]}))},[e,t]),null}function Ii(e){return e.connection.inProgress?{...e.connection,to:Ue(e.connection.to,e.transform)}:{...e.connection}}function ki(e){return Ii}function Mi(e){const t=ki();return H(t,X)}const Di=e=>({nodesConnectable:e.nodesConnectable,isValid:e.connection.isValid,inProgress:e.connection.inProgress,width:e.width,height:e.height});function Pi({containerStyle:e,style:t,type:n,component:o}){const{nodesConnectable:i,width:r,height:f,isValid:h,inProgress:w}=H(Di,X);return!(r&&i&&w)?null:p.jsx("svg",{style:e,width:r,height:f,className:"react-flow__connectionline react-flow__container",children:p.jsx("g",{className:J(["react-flow__connection",fn(h)]),children:p.jsx(Xn,{style:t,type:n,CustomComponent:o,isValid:h})})})}const Xn=({style:e,type:t=ve.Bezier,CustomComponent:n,isValid:o})=>{const{inProgress:i,from:r,fromNode:f,fromHandle:h,fromPosition:w,to:S,toNode:v,toHandle:a,toPosition:c,pointer:l}=Mi();if(!i)return;if(n)return p.jsx(n,{connectionLineType:t,connectionLineStyle:e,fromNode:f,fromHandle:h,fromX:r.x,fromY:r.y,toX:S.x,toY:S.y,fromPosition:w,toPosition:c,connectionStatus:fn(o),toNode:v,toHandle:a,pointer:l});let u="";const y={sourceX:r.x,sourceY:r.y,sourcePosition:w,targetX:S.x,targetY:S.y,targetPosition:c};switch(t){case ve.Bezier:[u]=cn(y);break;case ve.SimpleBezier:[u]=An(y);break;case ve.Step:[u]=Ye({...y,borderRadius:0});break;case ve.SmoothStep:[u]=Ye(y);break;default:[u]=un(y)}return p.jsx("path",{d:u,fill:"none",className:"react-flow__connection-path",style:e})};Xn.displayName="ConnectionLine";const _i={};function Yt(e=_i){m.useRef(e),Y(),m.useEffect(()=>{},[e])}function Li(){Y(),m.useRef(!1),m.useEffect(()=>{},[])}function Yn({nodeTypes:e,edgeTypes:t,onInit:n,onNodeClick:o,onEdgeClick:i,onNodeDoubleClick:r,onEdgeDoubleClick:f,onNodeMouseEnter:h,onNodeMouseMove:w,onNodeMouseLeave:S,onNodeContextMenu:v,onSelectionContextMenu:a,onSelectionStart:c,onSelectionEnd:l,connectionLineType:u,connectionLineStyle:y,connectionLineComponent:d,connectionLineContainerStyle:g,selectionKeyCode:x,selectionOnDrag:s,selectionMode:E,multiSelectionKeyCode:C,panActivationKeyCode:b,zoomActivationKeyCode:N,deleteKeyCode:D,onlyRenderVisibleElements:M,elementsSelectable:_,defaultViewport:k,translateExtent:R,minZoom:V,maxZoom:O,preventScrolling:$,defaultMarkerColor:Z,zoomOnScroll:P,zoomOnPinch:L,panOnScroll:A,panOnScrollSpeed:T,panOnScrollMode:z,zoomOnDoubleClick:F,panOnDrag:U,autoPanOnSelection:G,onPaneClick:ee,onPaneMouseEnter:re,onPaneMouseMove:te,onPaneMouseLeave:I,onPaneScroll:B,onPaneContextMenu:q,paneClickDistance:K,nodeClickDistance:j,onEdgeContextMenu:Q,onEdgeMouseEnter:W,onEdgeMouseMove:ne,onEdgeMouseLeave:se,reconnectRadius:we,onReconnect:ue,onReconnectStart:fe,onReconnectEnd:ge,noDragClassName:de,noWheelClassName:Ee,noPanClassName:pe,disableKeyboardA11y:me,nodeExtent:ie,rfId:ae,viewport:ce,onViewportChange:he,nodesDraggable:$e}){return Yt(e),Yt(t),Li(),bi(n),Ni(ce),p.jsx(qs,{onPaneClick:ee,onPaneMouseEnter:re,onPaneMouseMove:te,onPaneMouseLeave:I,onPaneContextMenu:q,onPaneScroll:B,paneClickDistance:K,deleteKeyCode:D,selectionKeyCode:x,selectionOnDrag:s,selectionMode:E,onSelectionStart:c,onSelectionEnd:l,multiSelectionKeyCode:C,panActivationKeyCode:b,zoomActivationKeyCode:N,elementsSelectable:_,zoomOnScroll:P,zoomOnPinch:L,zoomOnDoubleClick:F,panOnScroll:A,panOnScrollSpeed:T,panOnScrollMode:z,panOnDrag:U,autoPanOnSelection:G,defaultViewport:k,translateExtent:R,minZoom:V,maxZoom:O,onSelectionContextMenu:a,preventScrolling:$,noDragClassName:de,noWheelClassName:Ee,noPanClassName:pe,disableKeyboardA11y:me,onViewportChange:he,isControlledViewport:!!ce,children:p.jsxs(Ei,{children:[p.jsx(xi,{edgeTypes:t,onEdgeClick:i,onEdgeDoubleClick:f,onReconnect:ue,onReconnectStart:fe,onReconnectEnd:ge,onlyRenderVisibleElements:M,onEdgeContextMenu:Q,onEdgeMouseEnter:W,onEdgeMouseMove:ne,onEdgeMouseLeave:se,reconnectRadius:we,defaultMarkerColor:Z,noPanClassName:pe,disableKeyboardA11y:me,rfId:ae}),p.jsx(Pi,{style:y,type:u,component:d,containerStyle:g}),p.jsx("div",{className:"react-flow__edgelabel-renderer"}),p.jsx(oi,{nodeTypes:e,onNodeClick:o,onNodeDoubleClick:r,onNodeMouseEnter:h,onNodeMouseMove:w,onNodeMouseLeave:S,onNodeContextMenu:v,nodeClickDistance:j,onlyRenderVisibleElements:M,noPanClassName:pe,noDragClassName:de,disableKeyboardA11y:me,nodeExtent:ie,rfId:ae,nodesDraggable:$e}),p.jsx("div",{className:"react-flow__viewport-portal"})]})})}Yn.displayName="GraphView";const Ai=m.memo(Yn),Ri=Kt(),qt=({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,width:i,height:r,fitView:f,fitViewOptions:h,minZoom:w=.5,maxZoom:S=2,nodeOrigin:v,nodeExtent:a,zIndexMode:c="basic"}={})=>{const l=new Map,u=new Map,y=new Map,d=new Map,g=o??t??[],x=n??e??[],s=v??[0,0],E=a??Me;rn(y,d,g);const{nodesInitialized:C}=Xe(x,l,u,{nodeOrigin:s,nodeExtent:E,zIndexMode:c});let b=[0,0,1];if(f&&i&&r){const N=Ke(l,{filter:k=>!!((k.width||k.initialWidth)&&(k.height||k.initialHeight))}),{x:D,y:M,zoom:_}=en(N,i,r,w,S,h?.padding??.1);b=[D,M,_]}return{rfId:"1",width:i??0,height:r??0,transform:b,nodes:x,nodesInitialized:C,nodeLookup:l,parentLookup:u,edges:g,edgeLookup:d,connectionLookup:y,onNodesChange:null,onEdgesChange:null,hasDefaultNodes:n!==void 0,hasDefaultEdges:o!==void 0,panZoom:null,minZoom:w,maxZoom:S,translateExtent:Me,nodeExtent:E,nodesSelectionActive:!1,userSelectionActive:!1,userSelectionRect:null,connectionMode:an.Strict,domNode:null,paneDragging:!1,noPanClassName:"nopan",nodeOrigin:s,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:f??!1,fitViewOptions:h,fitViewResolver:null,connection:{...nn},connectionClickStartHandle:null,connectOnClick:!0,ariaLiveMessage:"",autoPanOnConnect:!0,autoPanOnNodeDrag:!0,autoPanOnNodeFocus:!0,autoPanSpeed:15,connectionRadius:20,onError:Ri,isValidConnection:void 0,onSelectionChangeHandlers:[],lib:"react",debug:!1,ariaLabelConfig:Nr,zIndexMode:c,defaultEdgeOptions:void 0,onNodesChangeMiddlewareMap:new Map,onEdgesChangeMiddlewareMap:new Map,onNodesDelete:void 0,onEdgesDelete:void 0,onDelete:void 0,onBeforeDelete:void 0,onViewportChangeStart:void 0,onViewportChange:void 0,onViewportChangeEnd:void 0,onNodeDragStart:void 0,onNodeDrag:void 0,onNodeDragStop:void 0,onSelectionDragStart:void 0,onSelectionDrag:void 0,onSelectionDragStop:void 0,onMoveStart:void 0,onMove:void 0,onMoveEnd:void 0,onConnect:void 0,onConnectStart:void 0,onConnectEnd:void 0,onClickConnectStart:void 0,onClickConnectEnd:void 0}},$i=({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,width:i,height:r,fitView:f,fitViewOptions:h,minZoom:w,maxZoom:S,nodeOrigin:v,nodeExtent:a,zIndexMode:c})=>Qr((l,u)=>{async function y(){const{nodeLookup:d,panZoom:g,fitViewOptions:x,fitViewResolver:s,width:E,height:C,minZoom:b,maxZoom:N}=u();g&&(await xr({nodes:d,width:E,height:C,panZoom:g,minZoom:b,maxZoom:N},x),s?.resolve(!0),l({fitViewResolver:null}))}return{...qt({nodes:e,edges:t,width:i,height:r,fitView:f,fitViewOptions:h,minZoom:w,maxZoom:S,nodeOrigin:v,nodeExtent:a,defaultNodes:n,defaultEdges:o,zIndexMode:c}),setNodes:d=>{const{nodeLookup:g,parentLookup:x,nodeOrigin:s,nodeExtent:E,elevateNodesOnSelect:C,fitViewQueued:b,zIndexMode:N,nodesSelectionActive:D}=u(),{nodesInitialized:M,hasSelectedNodes:_}=Xe(d,g,x,{nodeOrigin:s,nodeExtent:E,elevateNodesOnSelect:C,checkEquality:!0,zIndexMode:N}),k=D&&_;b&&M?(y(),l({nodes:d,nodesInitialized:M,fitViewQueued:!1,fitViewOptions:void 0,nodesSelectionActive:k})):l({nodes:d,nodesInitialized:M,nodesSelectionActive:k})},setEdges:d=>{const{connectionLookup:g,edgeLookup:x}=u();rn(g,x,d),l({edges:d})},setDefaultNodesAndEdges:(d,g)=>{if(d){const{setNodes:x}=u();x(d),l({hasDefaultNodes:!0})}if(g){const{setEdges:x}=u();x(g),l({hasDefaultEdges:!0})}},updateNodeInternals:d=>{const{triggerNodeChanges:g,nodeLookup:x,parentLookup:s,domNode:E,nodeOrigin:C,nodeExtent:b,debug:N,fitViewQueued:D,zIndexMode:M}=u(),{changes:_,updatedInternals:k}=wr(d,x,s,E,C,b,M);k&&(vr(x,s,{nodeOrigin:C,nodeExtent:b,zIndexMode:M}),D?(y(),l({fitViewQueued:!1,fitViewOptions:void 0})):l({}),_?.length>0&&(N&&console.log("React Flow: trigger node changes",_),g?.(_)))},updateNodePositions:(d,g=!1)=>{const x=[];let s=[];const{nodeLookup:E,triggerNodeChanges:C,connection:b,updateConnection:N,onNodesChangeMiddlewareMap:D}=u();for(const[M,_]of d){const k=E.get(M),R=!!(k?.expandParent&&k?.parentId&&_?.position),V={id:M,type:"position",position:R?{x:Math.max(0,_.position.x),y:Math.max(0,_.position.y)}:_.position,dragging:g};if(k&&b.inProgress&&b.fromNode.id===k.id){const O=Sr(k,b.fromHandle,oe.Left,!0);N({...b,from:O})}R&&k.parentId&&x.push({id:M,parentId:k.parentId,rect:{..._.internals.positionAbsolute,width:_.measured.width??0,height:_.measured.height??0}}),s.push(V)}if(x.length>0){const{parentLookup:M,nodeOrigin:_}=u(),k=on(x,E,M,_);s.push(...k)}for(const M of D.values())s=M(s);C(s)},triggerNodeChanges:d=>{const{onNodesChange:g,setNodes:x,nodes:s,hasDefaultNodes:E,debug:C}=u();if(d?.length){if(E){const b=vn(d,s);x(b)}C&&console.log("React Flow: trigger node changes",d),g?.(d)}},triggerEdgeChanges:d=>{const{onEdgesChange:g,setEdges:x,edges:s,hasDefaultEdges:E,debug:C}=u();if(d?.length){if(E){const b=xn(d,s);x(b)}C&&console.log("React Flow: trigger edge changes",d),g?.(d)}},addSelectedNodes:d=>{const{multiSelectionActive:g,edgeLookup:x,nodeLookup:s,triggerNodeChanges:E,triggerEdgeChanges:C}=u();if(g){const b=d.map(N=>ye(N,!0));E(b);return}E(xe(s,new Set([...d]),!0)),C(xe(x))},addSelectedEdges:d=>{const{multiSelectionActive:g,edgeLookup:x,nodeLookup:s,triggerNodeChanges:E,triggerEdgeChanges:C}=u();if(g){const b=d.map(N=>ye(N,!0));C(b);return}C(xe(x,new Set([...d]))),E(xe(s,new Set,!0))},unselectNodesAndEdges:({nodes:d,edges:g}={})=>{const{edges:x,nodes:s,nodeLookup:E,triggerNodeChanges:C,triggerEdgeChanges:b}=u(),N=d||s,D=g||x,M=[];for(const k of N){if(!k.selected)continue;const R=E.get(k.id);R&&(R.selected=!1),M.push(ye(k.id,!1))}const _=[];for(const k of D)k.selected&&_.push(ye(k.id,!1));C(M),b(_)},setMinZoom:d=>{const{panZoom:g,maxZoom:x}=u();g?.setScaleExtent([d,x]),l({minZoom:d})},setMaxZoom:d=>{const{panZoom:g,minZoom:x}=u();g?.setScaleExtent([x,d]),l({maxZoom:d})},setTranslateExtent:d=>{u().panZoom?.setTranslateExtent(d),l({translateExtent:d})},resetSelectedElements:()=>{const{edges:d,nodes:g,triggerNodeChanges:x,triggerEdgeChanges:s,elementsSelectable:E}=u();if(!E)return;const C=g.reduce((N,D)=>D.selected?[...N,ye(D.id,!1)]:N,[]),b=d.reduce((N,D)=>D.selected?[...N,ye(D.id,!1)]:N,[]);x(C),s(b)},setNodeExtent:d=>{const{nodes:g,nodeLookup:x,parentLookup:s,nodeOrigin:E,elevateNodesOnSelect:C,nodeExtent:b,zIndexMode:N}=u();d[0][0]===b[0][0]&&d[0][1]===b[0][1]&&d[1][0]===b[1][0]&&d[1][1]===b[1][1]||(Xe(g,x,s,{nodeOrigin:E,nodeExtent:d,elevateNodesOnSelect:C,checkEquality:!1,zIndexMode:N}),l({nodeExtent:d}))},panBy:d=>{const{transform:g,width:x,height:s,panZoom:E,translateExtent:C}=u();return yr({delta:d,panZoom:E,transform:g,translateExtent:C,width:x,height:s})},setCenter:async(d,g,x)=>{const{width:s,height:E,maxZoom:C,panZoom:b}=u();if(!b)return!1;const N=typeof x?.zoom<"u"?x.zoom:C;return await b.setViewport({x:s/2-d*N,y:E/2-g*N,zoom:N},{duration:x?.duration,ease:x?.ease,interpolate:x?.interpolate}),!0},cancelConnection:()=>{l({connection:{...nn}})},updateConnection:d=>{l({connection:d})},reset:()=>l({...qt()})}},Object.is);function ji({initialNodes:e,initialEdges:t,defaultNodes:n,defaultEdges:o,initialWidth:i,initialHeight:r,initialMinZoom:f,initialMaxZoom:h,initialFitViewOptions:w,fitView:S,nodeOrigin:v,nodeExtent:a,zIndexMode:c,children:l}){const[u]=m.useState(()=>$i({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,width:i,height:r,fitView:S,minZoom:f,maxZoom:h,fitViewOptions:w,nodeOrigin:v,nodeExtent:a,zIndexMode:c}));return p.jsx(Ur,{value:u,children:p.jsx(vs,{children:p.jsx($s,{children:l})})})}function Vi({children:e,nodes:t,edges:n,defaultNodes:o,defaultEdges:i,width:r,height:f,fitView:h,fitViewOptions:w,minZoom:S,maxZoom:v,nodeOrigin:a,nodeExtent:c,zIndexMode:l}){return m.useContext(_e)?p.jsx(p.Fragment,{children:e}):p.jsx(ji,{initialNodes:t,initialEdges:n,defaultNodes:o,defaultEdges:i,initialWidth:r,initialHeight:f,fitView:h,initialFitViewOptions:w,initialMinZoom:S,initialMaxZoom:v,nodeOrigin:a,nodeExtent:c,zIndexMode:l,children:e})}const Bi={width:"100%",height:"100%",overflow:"hidden",position:"relative",zIndex:0};function Oi({nodes:e,edges:t,defaultNodes:n,defaultEdges:o,className:i,nodeTypes:r,edgeTypes:f,onNodeClick:h,onEdgeClick:w,onInit:S,onMove:v,onMoveStart:a,onMoveEnd:c,onConnect:l,onConnectStart:u,onConnectEnd:y,onClickConnectStart:d,onClickConnectEnd:g,onNodeMouseEnter:x,onNodeMouseMove:s,onNodeMouseLeave:E,onNodeContextMenu:C,onNodeDoubleClick:b,onNodeDragStart:N,onNodeDrag:D,onNodeDragStop:M,onNodesDelete:_,onEdgesDelete:k,onDelete:R,onSelectionChange:V,onSelectionDragStart:O,onSelectionDrag:$,onSelectionDragStop:Z,onSelectionContextMenu:P,onSelectionStart:L,onSelectionEnd:A,onBeforeDelete:T,connectionMode:z,connectionLineType:F=ve.Bezier,connectionLineStyle:U,connectionLineComponent:G,connectionLineContainerStyle:ee,deleteKeyCode:re="Backspace",selectionKeyCode:te="Shift",selectionOnDrag:I=!1,selectionMode:B=qe.Full,panActivationKeyCode:q="Space",multiSelectionKeyCode:K=ht()?"Meta":"Control",zoomActivationKeyCode:j=ht()?"Meta":"Control",snapToGrid:Q,snapGrid:W,onlyRenderVisibleElements:ne=!1,selectNodesOnDrag:se,nodesDraggable:we,autoPanOnNodeFocus:ue,nodesConnectable:fe,nodesFocusable:ge,nodeOrigin:de=Sn,edgesFocusable:Ee,edgesReconnectable:pe,elementsSelectable:me=!0,defaultViewport:ie=ds,minZoom:ae=.5,maxZoom:ce=2,translateExtent:he=Me,preventScrolling:$e=!0,nodeExtent:je,defaultMarkerColor:Gn="#b1b1b7",zoomOnScroll:Kn=!0,zoomOnPinch:Jn=!0,panOnScroll:eo=!1,panOnScrollSpeed:to=.5,panOnScrollMode:no=dn.Free,zoomOnDoubleClick:oo=!0,panOnDrag:ro=!0,onPaneClick:so,onPaneMouseEnter:io,onPaneMouseMove:ao,onPaneMouseLeave:co,onPaneScroll:lo,onPaneContextMenu:uo,paneClickDistance:fo=1,nodeClickDistance:go=0,children:po,onReconnect:mo,onReconnectStart:ho,onReconnectEnd:yo,onEdgeContextMenu:So,onEdgeDoubleClick:wo,onEdgeMouseEnter:vo,onEdgeMouseMove:xo,onEdgeMouseLeave:Eo,reconnectRadius:bo=10,onNodesChange:Co,onEdgesChange:No,noDragClassName:Io="nodrag",noWheelClassName:ko="nowheel",noPanClassName:ot="nopan",fitView:rt,fitViewOptions:st,connectOnClick:Mo,attributionPosition:Do,proOptions:Po,defaultEdgeOptions:_o,elevateNodesOnSelect:Lo=!0,elevateEdgesOnSelect:Ao=!1,disableKeyboardA11y:it=!1,autoPanOnConnect:Ro,autoPanOnNodeDrag:$o,autoPanOnSelection:jo=!0,autoPanSpeed:Vo,connectionRadius:Bo,isValidConnection:Oo,onError:zo,style:Ho,id:at,nodeDragThreshold:To,connectionDragThreshold:Fo,viewport:Zo,onViewportChange:Wo,width:Xo,height:Yo,colorMode:qo="light",debug:Qo,onScroll:ct,ariaLabelConfig:Uo,zIndexMode:dt="basic",...Go},Ko){const Ve=at||"1",Jo=gs(qo),er=m.useCallback(lt=>{lt.currentTarget.scrollTo({top:0,left:0,behavior:"instant"}),ct?.(lt)},[ct]);return p.jsx("div",{"data-testid":"rf__wrapper",...Go,onScroll:er,style:{...Ho,...Bi},ref:Ko,className:J(["react-flow",i,Jo]),id:at,role:"application",children:p.jsxs(Vi,{nodes:e,edges:t,width:Xo,height:Yo,fitView:rt,fitViewOptions:st,minZoom:ae,maxZoom:ce,nodeOrigin:de,nodeExtent:je,zIndexMode:dt,children:[p.jsx(fs,{nodes:e,edges:t,defaultNodes:n,defaultEdges:o,onConnect:l,onConnectStart:u,onConnectEnd:y,onClickConnectStart:d,onClickConnectEnd:g,nodesDraggable:we,autoPanOnNodeFocus:ue,nodesConnectable:fe,nodesFocusable:ge,edgesFocusable:Ee,edgesReconnectable:pe,elementsSelectable:me,elevateNodesOnSelect:Lo,elevateEdgesOnSelect:Ao,minZoom:ae,maxZoom:ce,nodeExtent:je,onNodesChange:Co,onEdgesChange:No,snapToGrid:Q,snapGrid:W,connectionMode:z,translateExtent:he,connectOnClick:Mo,defaultEdgeOptions:_o,fitView:rt,fitViewOptions:st,onNodesDelete:_,onEdgesDelete:k,onDelete:R,onNodeDragStart:N,onNodeDrag:D,onNodeDragStop:M,onSelectionDrag:$,onSelectionDragStart:O,onSelectionDragStop:Z,onMove:v,onMoveStart:a,onMoveEnd:c,noPanClassName:ot,nodeOrigin:de,rfId:Ve,autoPanOnConnect:Ro,autoPanOnNodeDrag:$o,autoPanSpeed:Vo,onError:zo,connectionRadius:Bo,isValidConnection:Oo,selectNodesOnDrag:se,nodeDragThreshold:To,connectionDragThreshold:Fo,onBeforeDelete:T,debug:Qo,ariaLabelConfig:Uo,zIndexMode:dt}),p.jsx(Ai,{onInit:S,onNodeClick:h,onEdgeClick:w,onNodeMouseEnter:x,onNodeMouseMove:s,onNodeMouseLeave:E,onNodeContextMenu:C,onNodeDoubleClick:b,nodeTypes:r,edgeTypes:f,connectionLineType:F,connectionLineStyle:U,connectionLineComponent:G,connectionLineContainerStyle:ee,selectionKeyCode:te,selectionOnDrag:I,selectionMode:B,deleteKeyCode:re,multiSelectionKeyCode:K,panActivationKeyCode:q,zoomActivationKeyCode:j,onlyRenderVisibleElements:ne,defaultViewport:ie,translateExtent:he,minZoom:ae,maxZoom:ce,preventScrolling:$e,zoomOnScroll:Kn,zoomOnPinch:Jn,zoomOnDoubleClick:oo,panOnScroll:eo,panOnScrollSpeed:to,panOnScrollMode:no,panOnDrag:ro,autoPanOnSelection:jo,onPaneClick:so,onPaneMouseEnter:io,onPaneMouseMove:ao,onPaneMouseLeave:co,onPaneScroll:lo,onPaneContextMenu:uo,paneClickDistance:fo,nodeClickDistance:go,onSelectionContextMenu:P,onSelectionStart:L,onSelectionEnd:A,onReconnect:mo,onReconnectStart:ho,onReconnectEnd:yo,onEdgeContextMenu:So,onEdgeDoubleClick:wo,onEdgeMouseEnter:vo,onEdgeMouseMove:xo,onEdgeMouseLeave:Eo,reconnectRadius:bo,defaultMarkerColor:Gn,noDragClassName:Io,noWheelClassName:ko,noPanClassName:ot,rfId:Ve,disableKeyboardA11y:it,nodeExtent:je,viewport:Zo,onViewportChange:Wo,nodesDraggable:we}),p.jsx(cs,{onSelectionChange:V}),po,p.jsx(os,{proOptions:Po,position:Do}),p.jsx(ns,{rfId:Ve,disableKeyboardA11y:it})]})})}var Ca=En(Oi);const zi=e=>e.domNode?.querySelector(".react-flow__edgelabel-renderer");function Na({children:e}){const t=H(zi);return t?gn.createPortal(e,t):null}const Hi=e=>e.domNode?.querySelector(".react-flow__viewport-portal");function Ia({children:e}){const t=H(Hi);return t?gn.createPortal(e,t):null}const Ti=e=>e.nodes;function ka(){return H(Ti,X)}function Ma(e){const[t,n]=m.useState(e),o=m.useCallback(i=>n(r=>vn(i,r)),[]);return[t,n,o]}function Da(e){const[t,n]=m.useState(e),o=m.useCallback(i=>n(r=>xn(i,r)),[]);return[t,n,o]}const Fi=e=>t=>{if(!e.includeHiddenNodes)return t.nodesInitialized;if(t.nodeLookup.size===0)return!1;for(const[,{internals:n}]of t.nodeLookup)if(n.handleBounds===void 0||!Ge(n.userNode))return!1;return!0};function Pa(e={includeHiddenNodes:!1}){return H(Fi(e))}function _a(e){return H(m.useCallback(n=>n.nodeLookup.get(e),[e]),X)}function Zi({dimensions:e,lineWidth:t,variant:n,className:o}){return p.jsx("path",{strokeWidth:t,d:`M${e[0]/2} 0 V${e[1]} M0 ${e[1]/2} H${e[0]}`,className:J(["react-flow__background-pattern",n,o])})}function Wi({radius:e,className:t}){return p.jsx("circle",{cx:e,cy:e,r:e,className:J(["react-flow__background-pattern","dots",t])})}var le;(function(e){e.Lines="lines",e.Dots="dots",e.Cross="cross"})(le||(le={}));const Xi={[le.Dots]:1,[le.Lines]:1,[le.Cross]:6},Yi=e=>({transform:e.transform,patternId:`pattern-${e.rfId}`});function qn({id:e,variant:t=le.Dots,gap:n=20,size:o,lineWidth:i=1,offset:r=0,color:f,bgColor:h,style:w,className:S,patternClassName:v}){const a=m.useRef(null),{transform:c,patternId:l}=H(Yi,X),u=o||Xi[t],y=t===le.Dots,d=t===le.Cross,g=Array.isArray(n)?n:[n,n],x=[g[0]*c[2]||1,g[1]*c[2]||1],s=u*c[2],E=Array.isArray(r)?r:[r,r],C=d?[s,s]:x,b=[E[0]*c[2]+C[0]/2,E[1]*c[2]+C[1]/2],N=`${l}${e||""}`;return p.jsxs("svg",{className:J(["react-flow__background",S]),style:{...w,...Ae,"--xy-background-color-props":h,"--xy-background-pattern-color-props":f},ref:a,"data-testid":"rf__background",children:[p.jsx("pattern",{id:N,x:c[0]%x[0],y:c[1]%x[1],width:x[0],height:x[1],patternUnits:"userSpaceOnUse",patternTransform:`translate(-${b[0]},-${b[1]})`,children:y?p.jsx(Wi,{radius:s/2,className:v}):p.jsx(Zi,{dimensions:C,lineWidth:i,variant:t,className:v})}),p.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${N})`})]})}qn.displayName="Background";const La=m.memo(qn);function qi(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",children:p.jsx("path",{d:"M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"})})}function Qi(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 5",children:p.jsx("path",{d:"M0 0h32v4.2H0z"})})}function Ui(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 30",children:p.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 Gi(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 32",children:p.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 Ki(){return p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 32",children:p.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 Ie({children:e,className:t,...n}){return p.jsx("button",{type:"button",className:J(["react-flow__controls-button",t]),...n,children:e})}const Ji=e=>({isInteractive:e.nodesDraggable||e.nodesConnectable||e.elementsSelectable,minZoomReached:e.transform[2]<=e.minZoom,maxZoomReached:e.transform[2]>=e.maxZoom,ariaLabelConfig:e.ariaLabelConfig});function Qn({style:e,showZoom:t=!0,showFitView:n=!0,showInteractive:o=!0,fitViewOptions:i,onZoomIn:r,onZoomOut:f,onFitView:h,onInteractiveChange:w,className:S,children:v,position:a="bottom-left",orientation:c="vertical","aria-label":l}){const u=Y(),{isInteractive:y,minZoomReached:d,maxZoomReached:g,ariaLabelConfig:x}=H(Ji,X),{zoomIn:s,zoomOut:E,fitView:C}=tt(),b=()=>{s(),r?.()},N=()=>{E(),f?.()},D=()=>{C(i),h?.()},M=()=>{u.setState({nodesDraggable:!y,nodesConnectable:!y,elementsSelectable:!y}),w?.(!y)},_=c==="horizontal"?"horizontal":"vertical";return p.jsxs(Le,{className:J(["react-flow__controls",_,S]),position:a,style:e,"data-testid":"rf__controls","aria-label":l??x["controls.ariaLabel"],children:[t&&p.jsxs(p.Fragment,{children:[p.jsx(Ie,{onClick:b,className:"react-flow__controls-zoomin",title:x["controls.zoomIn.ariaLabel"],"aria-label":x["controls.zoomIn.ariaLabel"],disabled:g,children:p.jsx(qi,{})}),p.jsx(Ie,{onClick:N,className:"react-flow__controls-zoomout",title:x["controls.zoomOut.ariaLabel"],"aria-label":x["controls.zoomOut.ariaLabel"],disabled:d,children:p.jsx(Qi,{})})]}),n&&p.jsx(Ie,{className:"react-flow__controls-fitview",onClick:D,title:x["controls.fitView.ariaLabel"],"aria-label":x["controls.fitView.ariaLabel"],children:p.jsx(Ui,{})}),o&&p.jsx(Ie,{className:"react-flow__controls-interactive",onClick:M,title:x["controls.interactive.ariaLabel"],"aria-label":x["controls.interactive.ariaLabel"],children:y?p.jsx(Ki,{}):p.jsx(Gi,{})}),v]})}Qn.displayName="Controls";m.memo(Qn);function ea({id:e,x:t,y:n,width:o,height:i,style:r,color:f,strokeColor:h,strokeWidth:w,className:S,borderRadius:v,shapeRendering:a,selected:c,onClick:l}){const{background:u,backgroundColor:y}=r||{},d=f||u||y;return p.jsx("rect",{className:J(["react-flow__minimap-node",{selected:c},S]),x:t,y:n,rx:v,ry:v,width:o,height:i,style:{fill:d,stroke:h,strokeWidth:w},shapeRendering:a,onClick:l?g=>l(g,e):void 0})}const ta=m.memo(ea),na=e=>e.nodes.map(t=>t.id),Fe=e=>e instanceof Function?e:()=>e;function oa({nodeStrokeColor:e,nodeColor:t,nodeClassName:n="",nodeBorderRadius:o=5,nodeStrokeWidth:i,nodeComponent:r=ta,onClick:f}){const h=H(na,X),w=Fe(t),S=Fe(e),v=Fe(n),a=typeof window>"u"||window.chrome?"crispEdges":"geometricPrecision";return p.jsx(p.Fragment,{children:h.map(c=>p.jsx(sa,{id:c,nodeColorFunc:w,nodeStrokeColorFunc:S,nodeClassNameFunc:v,nodeBorderRadius:o,nodeStrokeWidth:i,NodeComponent:r,onClick:f,shapeRendering:a},c))})}function ra({id:e,nodeColorFunc:t,nodeStrokeColorFunc:n,nodeClassNameFunc:o,nodeBorderRadius:i,nodeStrokeWidth:r,shapeRendering:f,NodeComponent:h,onClick:w}){const{node:S,x:v,y:a,width:c,height:l}=H(u=>{const y=u.nodeLookup.get(e);if(!y)return{node:void 0,x:0,y:0,width:0,height:0};const d=y.internals.userNode,{x:g,y:x}=y.internals.positionAbsolute,{width:s,height:E}=sn(d);return{node:d,x:g,y:x,width:s,height:E}},X);return!S||S.hidden||!Ge(S)?null:p.jsx(h,{x:v,y:a,width:c,height:l,style:S.style,selected:!!S.selected,className:o(S),color:t(S),borderRadius:i,strokeColor:n(S),strokeWidth:r,shapeRendering:f,onClick:w,id:S.id})}const sa=m.memo(ra);var ia=m.memo(oa);const aa=200,ca=150,da=e=>!e.hidden,la=e=>{const 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]};let n=!1;for(const o of e.nodeLookup.values())if(!o.hidden){n=!0;break}return{viewBB:t,boundingRect:n?Ir(Ke(e.nodeLookup,{filter:da}),t):t,rfId:e.rfId,panZoom:e.panZoom,translateExtent:e.translateExtent,flowWidth:e.width,flowHeight:e.height,ariaLabelConfig:e.ariaLabelConfig}},Qt=(e,t)=>e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height,ua=(e,t)=>Qt(e.viewBB,t.viewBB)&&Qt(e.boundingRect,t.boundingRect)&&e.rfId===t.rfId&&e.panZoom===t.panZoom&&e.translateExtent===t.translateExtent&&e.flowWidth===t.flowWidth&&e.flowHeight===t.flowHeight&&e.ariaLabelConfig===t.ariaLabelConfig,fa="react-flow__minimap-desc";function Un({style:e,className:t,nodeStrokeColor:n,nodeColor:o,nodeClassName:i="",nodeBorderRadius:r=5,nodeStrokeWidth:f,nodeComponent:h,bgColor:w,maskColor:S,maskStrokeColor:v,maskStrokeWidth:a,position:c="bottom-right",onClick:l,onNodeClick:u,pannable:y=!1,zoomable:d=!1,ariaLabel:g,inversePan:x,zoomStep:s=1,offsetScale:E=5}){const C=Y(),b=m.useRef(null),{boundingRect:N,panZoom:D,viewBB:M,rfId:_,translateExtent:k,flowWidth:R,flowHeight:V,ariaLabelConfig:O}=H(la,ua),$=e?.width??aa,Z=e?.height??ca,P=N.width/$,L=N.height/Z,A=Math.max(P,L),T=A*$,z=A*Z,F=E*A,U=N.x-(T-N.width)/2-F,G=N.y-(z-N.height)/2-F,ee=T+F*2,re=z+F*2,te=`${fa}-${_}`,I=m.useRef(0),B=m.useRef();I.current=A,m.useEffect(()=>{const W=C.getState().panZoom;if(b.current&&W)return B.current=lr({domNode:b.current,panZoom:W,getTransform:()=>C.getState().transform,getViewScale:()=>I.current}),()=>{B.current?.destroy()}},[D]),m.useEffect(()=>{B.current?.update({translateExtent:k,width:R,height:V,inversePan:x,pannable:y,zoomStep:s,zoomable:d})},[y,d,x,s,k,R,V]);const q=l?W=>{const[ne,se]=B.current?.pointer(W)||[0,0];l(W,{x:ne,y:se})}:void 0,K=m.useCallback((W,ne)=>{const se=C.getState().nodeLookup.get(ne).internals.userNode;u?.(W,se)},[u]),j=u?K:void 0,Q=g??O["minimap.ariaLabel"];return p.jsx(Le,{position:c,style:{...e,"--xy-minimap-background-color-props":typeof w=="string"?w:void 0,"--xy-minimap-mask-background-color-props":typeof S=="string"?S:void 0,"--xy-minimap-mask-stroke-color-props":typeof v=="string"?v:void 0,"--xy-minimap-mask-stroke-width-props":typeof a=="number"?a*A:void 0,"--xy-minimap-node-background-color-props":typeof o=="string"?o:void 0,"--xy-minimap-node-stroke-color-props":typeof n=="string"?n:void 0,"--xy-minimap-node-stroke-width-props":typeof f=="number"?f:void 0},className:J(["react-flow__minimap",t]),"data-testid":"rf__minimap",children:p.jsxs("svg",{width:$,height:Z,viewBox:`${U} ${G} ${ee} ${re}`,className:"react-flow__minimap-svg",role:"img","aria-labelledby":te,ref:b,onClick:q,children:[Q&&p.jsx("title",{id:te,children:Q}),p.jsx(ia,{onClick:j,nodeColor:o,nodeStrokeColor:n,nodeBorderRadius:r,nodeClassName:i,nodeStrokeWidth:f,nodeComponent:h}),p.jsx("path",{className:"react-flow__minimap-mask",d:`M${U-F},${G-F}h${ee+F*2}v${re+F*2}h${-ee-F*2}z
+        M${M.x},${M.y}h${M.width}v${M.height}h${-M.width}z`,fillRule:"evenodd",pointerEvents:"none"})]})})}Un.displayName="MiniMap";const Aa=m.memo(Un),ga=e=>t=>e?`${Math.max(1/t.transform[2],1)}`:void 0,pa={[be.Line]:"right",[be.Handle]:"bottom-right"};function ma({nodeId:e,position:t,variant:n=be.Handle,className:o,style:i=void 0,children:r,color:f,minWidth:h=10,minHeight:w=10,maxWidth:S=Number.MAX_VALUE,maxHeight:v=Number.MAX_VALUE,keepAspectRatio:a=!1,resizeDirection:c,autoScale:l=!0,shouldResize:u,onResizeStart:y,onResize:d,onResizeEnd:g}){const x=kn(),s=typeof e=="string"?e:x,E=Y(),C=m.useRef(null),b=n===be.Handle,N=H(m.useCallback(ga(b&&l),[b,l]),X),D=m.useRef(null),M=t??pa[n];m.useEffect(()=>{if(!(!C.current||!s))return D.current||(D.current=ur({domNode:C.current,nodeId:s,getStoreItems:()=>{const{nodeLookup:k,transform:R,snapGrid:V,snapToGrid:O,nodeOrigin:$,domNode:Z}=E.getState();return{nodeLookup:k,transform:R,snapGrid:V,snapToGrid:O,nodeOrigin:$,paneDomNode:Z}},onChange:(k,R)=>{const{triggerNodeChanges:V,nodeLookup:O,parentLookup:$,nodeOrigin:Z}=E.getState(),P=[],L={x:k.x,y:k.y},A=O.get(s);if(A&&A.expandParent&&A.parentId){const T=A.origin??Z,z=k.width??A.measured.width??0,F=k.height??A.measured.height??0,U={id:A.id,parentId:A.parentId,rect:{width:z,height:F,...tn({x:k.x??A.position.x,y:k.y??A.position.y},{width:z,height:F},A.parentId,O,T)}},G=on([U],O,$,Z);P.push(...G),L.x=k.x?Math.max(T[0]*z,k.x):void 0,L.y=k.y?Math.max(T[1]*F,k.y):void 0}if(L.x!==void 0&&L.y!==void 0){const T={id:s,type:"position",position:{...L}};P.push(T)}if(k.width!==void 0&&k.height!==void 0){const z={id:s,type:"dimensions",resizing:!0,setAttributes:c?c==="horizontal"?"width":"height":!0,dimensions:{width:k.width,height:k.height}};P.push(z)}for(const T of R){const z={...T,type:"position"};P.push(z)}V(P)},onEnd:({width:k,height:R})=>{const V={id:s,type:"dimensions",resizing:!1,dimensions:{width:k,height:R}};E.getState().triggerNodeChanges([V])}})),D.current.update({controlPosition:M,boundaries:{minWidth:h,minHeight:w,maxWidth:S,maxHeight:v},keepAspectRatio:a,resizeDirection:c,onResizeStart:y,onResize:d,onResizeEnd:g,shouldResize:u}),()=>{D.current?.destroy()}},[M,h,w,S,v,a,y,d,g,u]);const _=M.split("-");return p.jsx("div",{className:J(["react-flow__resize-control","nodrag",..._,n,o]),ref:C,style:{...i,scale:N,...f&&{[b?"backgroundColor":"borderColor"]:f}},children:r})}const Ut=m.memo(ma);function Ra({nodeId:e,isVisible:t=!0,handleClassName:n,handleStyle:o,lineClassName:i,lineStyle:r,color:f,minWidth:h=10,minHeight:w=10,maxWidth:S=Number.MAX_VALUE,maxHeight:v=Number.MAX_VALUE,keepAspectRatio:a=!1,autoScale:c=!0,shouldResize:l,onResizeStart:u,onResize:y,onResizeEnd:d}){return t?p.jsxs(p.Fragment,{children:[cr.map(g=>p.jsx(Ut,{className:i,style:r,nodeId:e,position:g,variant:be.Line,color:f,minWidth:h,minHeight:w,maxWidth:S,maxHeight:v,onResizeStart:u,keepAspectRatio:a,autoScale:c,shouldResize:l,onResize:y,onResizeEnd:d},g)),dr.map(g=>p.jsx(Ut,{className:n,style:o,nodeId:e,position:g,color:f,minWidth:h,minHeight:w,maxWidth:S,maxHeight:v,onResizeStart:u,keepAspectRatio:a,autoScale:c,shouldResize:l,onResize:y,onResizeEnd:d},g))]}):null}const $a=et(`
   query ServiceDBs($orgId: ID!, $serviceId: ID!) {
     serviceDBs(orgId: $orgId, serviceId: $serviceId) {
       id
@@ -80,7 +80,7 @@ import{c as tr}from"./nav-links-8vT2ixiI.js";import{af as Gt,J as nr,R as or,r a
       }
     }
   }
-`),Ra=Ue(`
+`),ja=et(`
   query ServiceDB($orgId: ID!, $serviceId: ID!, $id: ID!) {
     serviceDB(orgId: $orgId, serviceId: $serviceId, id: $id) {
       id
@@ -135,7 +135,7 @@ import{c as tr}from"./nav-links-8vT2ixiI.js";import{af as Gt,J as nr,R as or,r a
       }
     }
   }
-`),$a=jr`
+`),Va=jr`
   mutation CreateServiceDB(
     $orgId: ID!
     $serviceId: ID!
@@ -146,8 +146,8 @@ import{c as tr}from"./nav-links-8vT2ixiI.js";import{af as Gt,J as nr,R as or,r a
       dbName
     }
   }
-`,ja=Ue(`
+`,Ba=et(`
   mutation DeleteServiceDB($orgId: ID!, $serviceId: ID!, $id: ID!) {
     deleteServiceDB(orgId: $orgId, serviceId: $serviceId, id: $id)
   }
-`);function Va(e){return{serviceDBId:e.id,serviceId:e.serviceId,dbName:e.dbName,dbType:e.dbType,dialect:e.dialect,tables:$r(e.tables),noSQLSchema:e.noSQLSchema??null,dbDiagramId:e.dbDiagramId,pgDumpFileId:e.pgDumpFileId,createdAt:e.createdAt,updatedAt:e.updatedAt,createdByCommitHash:e.createdByCommitHash,updatedByCommitHash:e.updatedByCommitHash,createdByActor:e.createdByActor,updatedByActor:e.updatedByActor}}export{Pa as B,$a as C,xa as D,ba as E,De as H,_a as M,La as N,Le as P,ji as R,Aa as S,Ca as V,Re as a,ja as b,Ra as c,vn as d,Ma as e,Na as f,Ia as g,ka as h,Ea as i,H as j,Ut as k,Da as l,An as m,ys as n,Ce as o,le as p,Or as r,Va as s,tt as u,Tr as w};
+`);function Oa(e){return{serviceDBId:e.id,serviceId:e.serviceId,dbName:e.dbName,dbType:e.dbType,dialect:e.dialect,tables:$r(e.tables),noSQLSchema:e.noSQLSchema??null,dbDiagramId:e.dbDiagramId,pgDumpFileId:e.pgDumpFileId,createdAt:e.createdAt,updatedAt:e.updatedAt,createdByCommitHash:e.createdByCommitHash,updatedByCommitHash:e.updatedByCommitHash,createdByActor:e.createdByActor,updatedByActor:e.updatedByActor}}export{La as B,Va as C,ba as D,Na as E,De as H,Aa as M,Ra as N,Le as P,ji as R,$a as S,Ia as V,Re as a,Ba as b,ja as c,vn as d,Pa as e,ka as f,Ma as g,Da as h,Ca as i,H as j,Ut as k,_a as l,An as m,ys as n,Ce as o,le as p,Or as r,Oa as s,tt as u,Tr as w};

package/dist/viewer/assets/super-circle-loader-DSkos6uP.js

@@ -0,0 +1 @@
+import{j as i}from"./index-CH7cEAxj.js";import{c as n}from"./chunk-OB3PAWPO-DJIP1M4r.js";function l({loading:r,className:e,...o}){return r===!1?null:i.jsx("div",{...o,role:"svg",className:n("size-[1em] animate-[spin_1s_linear_infinite] rounded-full border-2 border-solid border-[currentColor] border-r-white/20",e)})}export{l as S};

package/dist/viewer/assets/super-logo-loader-Cxlbn6MB.js

@@ -0,0 +1 @@
+import{j as s}from"./index-CH7cEAxj.js";import{c as p}from"./chunk-OB3PAWPO-DJIP1M4r.js";import{U as x}from"./query-D9oj6LGx.js";const o={none:{px:64},xs:{px:64},sm:{px:96},md:{px:128},lg:{px:160},xl:{px:192}};function m({size:t="md",className:i}){const{px:e}=o[t],r=e+16;return s.jsxs("div",{className:p("relative",i),style:{width:`${e}px`,height:`${e}px`},children:[s.jsx("div",{className:"border-primary/10 border-t-primary/40 absolute animate-spin rounded-full border-2",style:{width:`${r}px`,height:`${r}px`,top:"-8px",left:"-8px"}}),s.jsx("div",{className:"flex h-full w-full animate-pulse items-center justify-center",children:s.jsx(x,{size:e})})]})}export{m as S};