@vpxa/aikit 0.1.334 → 0.1.335
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/blocks-core/dist/index.mjs +2 -2
- package/packages/present/dist/index.html +1 -1
- package/packages/server/dist/bin.js +1 -1
- package/packages/server/dist/index.js +1 -1
- package/packages/server/dist/prelude-h--QhTSi.js +2 -0
- package/packages/server/dist/prelude-qOOTHudv.js +1 -0
- package/packages/server/dist/{server-DxWt52oI.js → server-DBuwjKwF.js} +161 -155
- package/packages/server/dist/{server-oGprQYV-.js → server-DTUS5uth.js} +161 -155
- package/packages/server/dist/{server-http-DXD_Vzek.js → server-http-B95NxidA.js} +1 -1
- package/packages/server/dist/{server-http-BiklDGRo.js → server-http-R9kbrEkl.js} +1 -1
- package/packages/server/dist/{server-stdio-BoExYZAT.js → server-stdio-A4JgLOMp.js} +1 -1
- package/packages/server/dist/{server-stdio-CkZ6eSpg.js → server-stdio-lEi-vS6i.js} +1 -1
- package/packages/server/viewers/c4-viewer.html +1 -1
- package/packages/server/viewers/canvas.html +1 -1
- package/packages/server/viewers/task-plan-static.html +1 -1
- package/packages/server/viewers/tour-viewer.html +1 -1
- package/scaffold/dist/definitions/skills/c4-architecture.mjs +1 -1
- package/scaffold/dist/definitions/skills/docs.mjs +1 -1
|
@@ -1625,7 +1625,7 @@ ${o}
|
|
|
1625
1625
|
`,`
|
|
1626
1626
|
+`).split(`
|
|
1627
1627
|
`));return[t,t.reduce((e,t)=>e.concat(...t),[])]}return[[],[]]},[e]);return(0,V.useEffect)(()=>{let n=t?.target??fp,c=t?.actInsideInputWithModifier??!0;if(e!==null){let e=e=>{if(i.current=e.ctrlKey||e.metaKey||e.shiftKey||e.altKey,(!i.current||i.current&&!c)&&Wu(e))return!1;let n=hp(e.code,s);if(a.current.add(e[n]),mp(o,a.current,!1)){let n=e.composedPath?.()?.[0]||e.target,a=n?.nodeName===`BUTTON`||n?.nodeName===`A`;t.preventDefault!==!1&&(i.current||!a)&&e.preventDefault(),r(!0)}},l=e=>{let t=hp(e.code,s);mp(o,a.current,!0)?(r(!1),a.current.clear()):a.current.delete(e[t]),e.key===`Meta`&&a.current.clear(),i.current=!1},u=()=>{a.current.clear(),r(!1)};return n?.addEventListener(`keydown`,e),n?.addEventListener(`keyup`,l),window.addEventListener(`blur`,u),window.addEventListener(`contextmenu`,u),()=>{n?.removeEventListener(`keydown`,e),n?.removeEventListener(`keyup`,l),window.removeEventListener(`blur`,u),window.removeEventListener(`contextmenu`,u)}}},[e,r]),n}function mp(e,t,n){return e.filter(e=>n||e.length===t.size).some(e=>e.every(e=>t.has(e)))}function hp(e,t){return t.includes(e)?`code`:`key`}var gp=()=>{let e=Bf();return(0,V.useMemo)(()=>({zoomIn:async t=>{let{panZoom:n}=e.getState();return n?n.scaleBy(1.2,t):!1},zoomOut:async t=>{let{panZoom:n}=e.getState();return n?n.scaleBy(1/1.2,t):!1},zoomTo:async(t,n)=>{let{panZoom:r}=e.getState();return r?r.scaleTo(t,n):!1},getZoom:()=>e.getState().transform[2],setViewport:async(t,n)=>{let{transform:[r,i,a],panZoom:o}=e.getState();return o?(await o.setViewport({x:t.x??r,y:t.y??i,zoom:t.zoom??a},n),!0):!1},getViewport:()=>{let[t,n,r]=e.getState().transform;return{x:t,y:n,zoom:r}},setCenter:async(t,n,r)=>e.getState().setCenter(t,n,r),fitBounds:async(t,n)=>{let{width:r,height:i,minZoom:a,maxZoom:o,panZoom:s}=e.getState(),c=ju(t,r,i,a,o,n?.padding??.1);return s?(await s.setViewport(c,{duration:n?.duration,ease:n?.ease,interpolate:n?.interpolate}),!0):!1},screenToFlowPosition:(t,n={})=>{let{transform:r,snapGrid:i,snapToGrid:a,domNode:o}=e.getState();if(!o)return t;let{x:s,y:c}=o.getBoundingClientRect(),l={x:t.x-s,y:t.y-c},u=n.snapGrid??i;return Eu(l,r,n.snapToGrid??a,u)},flowToScreenPosition:t=>{let{transform:n,domNode:r}=e.getState();if(!r)return t;let{x:i,y:a}=r.getBoundingClientRect(),o=Du(t,n);return{x:o.x+i,y:o.y+a}}}),[])};function _p(e,t){let n=[],r=new Map,i=[];for(let t of e)if(t.type===`add`){i.push(t);continue}else if(t.type===`remove`||t.type===`replace`)r.set(t.id,[t]);else{let e=r.get(t.id);e?e.push(t):r.set(t.id,[t])}for(let e of t){let t=r.get(e.id);if(!t){n.push(e);continue}if(t[0].type===`remove`)continue;if(t[0].type===`replace`){n.push({...t[0].item});continue}let i={...e};for(let e of t)vp(e,i);n.push(i)}return i.length&&i.forEach(e=>{e.index===void 0?n.push({...e.item}):n.splice(e.index,0,{...e.item})}),n}function vp(e,t){switch(e.type){case`select`:t.selected=e.selected;break;case`position`:e.position!==void 0&&(t.position=e.position),e.dragging!==void 0&&(t.dragging=e.dragging);break;case`dimensions`:e.dimensions!==void 0&&(t.measured={...e.dimensions},e.setAttributes&&((e.setAttributes===!0||e.setAttributes===`width`)&&(t.width=e.dimensions.width),(e.setAttributes===!0||e.setAttributes===`height`)&&(t.height=e.dimensions.height))),typeof e.resizing==`boolean`&&(t.resizing=e.resizing);break}}function yp(e,t){return _p(e,t)}function bp(e,t){return _p(e,t)}function xp(e,t){return{id:e,type:`select`,selected:t}}function Sp(e,t=new Set,n=!1){let r=[];for(let[i,a]of e){let e=t.has(i);!(a.selected===void 0&&!e)&&a.selected!==e&&(n&&(a.selected=e),r.push(xp(a.id,e)))}return r}function Cp({items:e=[],lookup:t}){let n=[],r=new Map(e.map(e=>[e.id,e]));for(let[r,i]of e.entries()){let e=t.get(i.id),a=e?.internals?.userNode??e;a!==void 0&&a!==i&&n.push({id:i.id,item:i,type:`replace`}),a===void 0&&n.push({item:i,type:`add`,index:r})}for(let[e]of t)r.get(e)===void 0&&n.push({id:e,type:`remove`});return n}function wp(e){return{id:e.id,type:`remove`}}var Tp=wu(`React Flow`,`https://reactflow.dev/`);function Ep(e,t,n={}){return nd(e,t,{...n,onError:n.onError??Tp})}var Dp=e=>$l(e),Op=e=>Ql(e);function kp(e){return(0,V.forwardRef)(e)}var Ap=typeof window<`u`?V.useLayoutEffect:V.useEffect;function jp(e){let[t,n]=(0,V.useState)(BigInt(0)),[r]=(0,V.useState)(()=>Mp(()=>n(e=>e+BigInt(1))));return Ap(()=>{let t=r.get();t.length&&(e(t),r.reset())},[t]),r}function Mp(e){let t=[];return{get:()=>t,reset:()=>{t=[]},push:n=>{t.push(n),e()}}}var Np=(0,V.createContext)(null);function Pp({children:e}){let t=Bf(),n=jp((0,V.useCallback)(e=>{let{nodes:n=[],setNodes:r,hasDefaultNodes:i,onNodesChange:a,nodeLookup:o,fitViewQueued:s,onNodesChangeMiddlewareMap:c}=t.getState(),l=n;for(let t of e)l=typeof t==`function`?t(l):t;let u=Cp({items:l,lookup:o});for(let e of c.values())u=e(u);i&&r(l),u.length>0?a?.(u):s&&window.requestAnimationFrame(()=>{let{fitViewQueued:e,nodes:n,setNodes:r}=t.getState();e&&r(n)})},[])),r=jp((0,V.useCallback)(e=>{let{edges:n=[],setEdges:r,hasDefaultEdges:i,onEdgesChange:a,edgeLookup:o}=t.getState(),s=n;for(let t of e)s=typeof t==`function`?t(s):t;i?r(s):a&&a(Cp({items:s,lookup:o}))},[])),i=(0,V.useMemo)(()=>({nodeQueue:n,edgeQueue:r}),[]);return(0,H.jsx)(Np.Provider,{value:i,children:e})}function Fp(){let e=(0,V.useContext)(Np);if(!e)throw Error(`useBatchContext must be used within a BatchProvider`);return e}var Ip=e=>!!e.panZoom;function Lp(){let e=gp(),t=Bf(),n=Fp(),r=$(Ip),i=(0,V.useMemo)(()=>{let e=e=>t.getState().nodeLookup.get(e),r=e=>{n.nodeQueue.push(e)},i=e=>{n.edgeQueue.push(e)},a=e=>{let{nodeLookup:n,nodeOrigin:r}=t.getState(),i=Dp(e)?e:n.get(e.id),a=i.parentId?Iu(i.position,i.measured,i.parentId,n,r):i.position;return vu({...i,position:a,width:i.measured?.width??i.width,height:i.measured?.height??i.height})},o=(e,t,n={replace:!1})=>{r(r=>r.map(r=>{if(r.id===e){let e=typeof t==`function`?t(r):t;return n.replace&&Dp(e)?e:{...r,...e}}return r}))},s=(e,t,n={replace:!1})=>{i(r=>r.map(r=>{if(r.id===e){let e=typeof t==`function`?t(r):t;return n.replace&&Op(e)?e:{...r,...e}}return r}))};return{getNodes:()=>t.getState().nodes.map(e=>({...e})),getNode:t=>e(t)?.internals.userNode,getInternalNode:e,getEdges:()=>{let{edges:e=[]}=t.getState();return e.map(e=>({...e}))},getEdge:e=>t.getState().edgeLookup.get(e),setNodes:r,setEdges:i,addNodes:e=>{let t=Array.isArray(e)?e:[e];n.nodeQueue.push(e=>[...e,...t])},addEdges:e=>{let t=Array.isArray(e)?e:[e];n.edgeQueue.push(e=>[...e,...t])},toObject:()=>{let{nodes:e=[],edges:n=[],transform:r}=t.getState(),[i,a,o]=r;return{nodes:e.map(e=>({...e})),edges:n.map(e=>({...e})),viewport:{x:i,y:a,zoom:o}}},deleteElements:async({nodes:e=[],edges:n=[]})=>{let{nodes:r,edges:i,onNodesDelete:a,onEdgesDelete:o,triggerNodeChanges:s,triggerEdgeChanges:c,onDelete:l,onBeforeDelete:u}=t.getState(),{nodes:d,edges:f}=await lu({nodesToRemove:e,edgesToRemove:n,nodes:r,edges:i,onBeforeDelete:u}),p=f.length>0,m=d.length>0;if(p){let e=f.map(wp);o?.(f),c(e)}if(m){let e=d.map(wp);a?.(d),s(e)}return(m||p)&&l?.({nodes:d,edges:f}),{deletedNodes:d,deletedEdges:f}},getIntersectingNodes:(e,n=!0,r)=>{let i=Su(e),o=i?e:a(e),s=r!==void 0;return o?(r||t.getState().nodes).filter(r=>{let a=t.getState().nodeLookup.get(r.id);if(a&&!i&&(r.id===e.id||!a.internals.positionAbsolute))return!1;let c=vu(s?r:a),l=xu(c,o);return n&&l>0||l>=c.width*c.height||l>=o.width*o.height}):[]},isNodeIntersecting:(e,t,n=!0)=>{let r=Su(e)?e:a(e);if(!r)return!1;let i=xu(r,t);return n&&i>0||i>=t.width*t.height||i>=r.width*r.height},updateNode:o,updateNodeData:(e,t,n={replace:!1})=>{o(e,e=>{let r=typeof t==`function`?t(e):t;return n.replace?{...e,data:r}:{...e,data:{...e.data,...r}}},n)},updateEdge:s,updateEdgeData:(e,t,n={replace:!1})=>{s(e,e=>{let r=typeof t==`function`?t(e):t;return n.replace?{...e,data:r}:{...e,data:{...e.data,...r}}},n)},getNodesBounds:e=>{let{nodeLookup:n,nodeOrigin:r}=t.getState();return nu(e,{nodeLookup:n,nodeOrigin:r})},getHandleConnections:({type:e,id:n,nodeId:r})=>Array.from(t.getState().connectionLookup.get(`${r}-${e}${n?`-${n}`:``}`)?.values()??[]),getNodeConnections:({type:e,handleId:n,nodeId:r})=>Array.from(t.getState().connectionLookup.get(`${r}${e?n?`-${e}-${n}`:`-${e}`:``}`)?.values()??[]),fitView:async e=>{let r=t.getState().fitViewResolver??Ru();return t.setState({fitViewQueued:!0,fitViewOptions:e,fitViewResolver:r}),n.nodeQueue.push(e=>[...e]),r.promise}}},[]);return(0,V.useMemo)(()=>({...i,...e,viewportInitialized:r}),[r])}var Rp=e=>e.selected,zp=typeof window<`u`?window:void 0;function Bp({deleteKeyCode:e,multiSelectionKeyCode:t}){let n=Bf(),{deleteElements:r}=Lp(),i=pp(e,{actInsideInputWithModifier:!1}),a=pp(t,{target:zp});(0,V.useEffect)(()=>{if(i){let{edges:e,nodes:t}=n.getState();r({nodes:t.filter(Rp),edges:e.filter(Rp)}),n.setState({nodesSelectionActive:!1})}},[i]),(0,V.useEffect)(()=>{n.setState({multiSelectionActive:a})},[a])}function Vp(e){let t=Bf();(0,V.useEffect)(()=>{let n=()=>{if(!e.current||!(e.current.checkVisibility?.()??!0))return!1;let n=Vu(e.current);(n.height===0||n.width===0)&&t.getState().onError?.(`004`,Bl.error004()),t.setState({width:n.width||500,height:n.height||500})};if(e.current){n(),window.addEventListener(`resize`,n);let t=new ResizeObserver(()=>n());return t.observe(e.current),()=>{window.removeEventListener(`resize`,n),t&&e.current&&t.unobserve(e.current)}}},[])}var Hp={position:`absolute`,width:`100%`,height:`100%`,top:0,left:0},Up=e=>({userSelectionActive:e.userSelectionActive,lib:e.lib,connectionInProgress:e.connection.inProgress});function Wp({onPaneContextMenu:e,zoomOnScroll:t=!0,zoomOnPinch:n=!0,panOnScroll:r=!1,panOnScrollSpeed:i=.5,panOnScrollMode:a=Gl.Free,zoomOnDoubleClick:o=!0,panOnDrag:s=!0,defaultViewport:c,translateExtent:l,minZoom:u,maxZoom:d,zoomActivationKeyCode:f,preventScrolling:p=!0,children:m,noWheelClassName:h,noPanClassName:g,onViewportChange:_,isControlledViewport:v,paneClickDistance:y,selectionOnDrag:b}){let x=Bf(),S=(0,V.useRef)(null),{userSelectionActive:C,lib:w,connectionInProgress:T}=$(Up,If),E=pp(f),D=(0,V.useRef)();Vp(S);let O=(0,V.useCallback)(e=>{_?.({x:e[0],y:e[1],zoom:e[2]}),v||x.setState({transform:e})},[_,v]);return(0,V.useEffect)(()=>{if(S.current){D.current=df({domNode:S.current,minZoom:u,maxZoom:d,translateExtent:l,viewport:c,onDraggingChange:e=>x.setState(t=>t.paneDragging===e?t:{paneDragging:e}),onPanZoomStart:(e,t)=>{let{onViewportChangeStart:n,onMoveStart:r}=x.getState();r?.(e,t),n?.(t)},onPanZoom:(e,t)=>{let{onViewportChange:n,onMove:r}=x.getState();r?.(e,t),n?.(t)},onPanZoomEnd:(e,t)=>{let{onViewportChangeEnd:n,onMoveEnd:r}=x.getState();r?.(e,t),n?.(t)}});let{x:e,y:t,zoom:n}=D.current.getViewport();return x.setState({panZoom:D.current,transform:[e,t,n],domNode:S.current.closest(`.react-flow`)}),()=>{D.current?.destroy()}}},[]),(0,V.useEffect)(()=>{D.current?.update({onPaneContextMenu:e,zoomOnScroll:t,zoomOnPinch:n,panOnScroll:r,panOnScrollSpeed:i,panOnScrollMode:a,zoomOnDoubleClick:o,panOnDrag:s,zoomActivationKeyPressed:E,preventScrolling:p,noPanClassName:g,userSelectionActive:C,noWheelClassName:h,lib:w,onTransformChange:O,connectionInProgress:T,selectionOnDrag:b,paneClickDistance:y})},[e,t,n,r,i,a,o,s,E,p,g,C,h,w,O,T,b,y]),(0,H.jsx)(`div`,{className:`react-flow__renderer`,ref:S,style:Hp,children:m})}var Gp=e=>({userSelectionActive:e.userSelectionActive,userSelectionRect:e.userSelectionRect});function Kp(){let{userSelectionActive:e,userSelectionRect:t}=$(Gp,If);return e&&t?(0,H.jsx)(`div`,{className:`react-flow__selection react-flow__container`,style:{width:t.width,height:t.height,transform:`translate(${t.x}px, ${t.y}px)`}}):null}var qp=(e,t)=>n=>{n.target===t.current&&e?.(n)},Jp=e=>({userSelectionActive:e.userSelectionActive,elementsSelectable:e.elementsSelectable,connectionInProgress:e.connection.inProgress,dragging:e.paneDragging,panBy:e.panBy,autoPanSpeed:e.autoPanSpeed});function Yp({isSelecting:e,selectionKeyPressed:t,selectionMode:n=Kl.Full,panOnDrag:r,autoPanOnSelection:i,paneClickDistance:a,selectionOnDrag:o,onSelectionStart:s,onSelectionEnd:c,onPaneClick:l,onPaneContextMenu:u,onPaneScroll:d,onPaneMouseEnter:f,onPaneMouseMove:p,onPaneMouseLeave:m,children:h}){let g=(0,V.useRef)(0),_=Bf(),{userSelectionActive:v,elementsSelectable:y,dragging:b,connectionInProgress:x,panBy:S,autoPanSpeed:C}=$(Jp,If),w=y&&(e||v),T=(0,V.useRef)(null),E=(0,V.useRef)(),D=(0,V.useRef)(new Set),O=(0,V.useRef)(new Set),k=(0,V.useRef)(!1),A=(0,V.useRef)({x:0,y:0}),j=(0,V.useRef)(!1),M=e=>{if(k.current||x){k.current=!1;return}l?.(e),_.getState().resetSelectedElements(),_.setState({nodesSelectionActive:!1})},ee=e=>{if(Array.isArray(r)&&r?.includes(2)){e.preventDefault();return}u?.(e)},N=d?e=>d(e):void 0,P=e=>{k.current&&=(e.stopPropagation(),!1)},F=n=>{let{domNode:r,transform:i}=_.getState();if(E.current=r?.getBoundingClientRect(),!E.current)return;let a=n.target===T.current;if(!a&&n.target.closest(`.nokey`)||!e||!(o&&a||t)||n.button!==0||!n.isPrimary)return;n.target?.setPointerCapture?.(n.pointerId),k.current=!1;let{x:s,y:c}=Gu(n.nativeEvent,E.current),l=Eu({x:s,y:c},i);_.setState({userSelectionRect:{width:0,height:0,startX:l.x,startY:l.y,x:s,y:c}}),a||(n.stopPropagation(),n.preventDefault())};function I(e,t){let{userSelectionRect:r}=_.getState();if(!r)return;let{transform:i,nodeLookup:a,edgeLookup:o,connectionLookup:s,triggerNodeChanges:c,triggerEdgeChanges:l,defaultEdgeOptions:u}=_.getState(),d={x:r.startX,y:r.startY},{x:f,y:p}=Du(d,i),m={startX:d.x,startY:d.y,x:e<f?e:f,y:t<p?t:p,width:Math.abs(e-f),height:Math.abs(t-p)},h=D.current,g=O.current;D.current=new Set(iu(a,m,i,n===Kl.Partial,!0).map(e=>e.id)),O.current=new Set;let v=u?.selectable??!0;for(let e of D.current){let t=s.get(e);if(t)for(let{edgeId:e}of t.values()){let t=o.get(e);t&&(t.selectable??v)&&O.current.add(e)}}Lu(h,D.current)||c(Sp(a,D.current,!0)),Lu(g,O.current)||l(Sp(o,O.current)),_.setState({userSelectionRect:m,userSelectionActive:!0,nodesSelectionActive:!1})}function L(){if(!i||!E.current)return;let[e,t]=mu(A.current,E.current,C);S({x:e,y:t}).then(e=>{if(!k.current||!e){g.current=requestAnimationFrame(L);return}let{x:t,y:n}=A.current;I(t,n),g.current=requestAnimationFrame(L)})}let te=()=>{cancelAnimationFrame(g.current),g.current=0,j.current=!1};return(0,V.useEffect)(()=>()=>te(),[]),(0,H.jsxs)(`div`,{className:ci([`react-flow__pane`,{draggable:r===!0||Array.isArray(r)&&r.includes(0),dragging:b,selection:e}]),onClick:w?void 0:qp(M,T),onContextMenu:qp(ee,T),onWheel:qp(N,T),onPointerEnter:w?void 0:f,onPointerMove:w?e=>{let{userSelectionRect:n,transform:r,resetSelectedElements:i}=_.getState();if(!E.current||!n)return;let{x:o,y:c}=Gu(e.nativeEvent,E.current);A.current={x:o,y:c};let l=Du({x:n.startX,y:n.startY},r);if(!k.current){let n=t?0:a;if(Math.hypot(o-l.x,c-l.y)<=n)return;i(),s?.(e)}k.current=!0,j.current||=(L(),!0),I(o,c)}:p,onPointerUp:w?e=>{e.button===0&&(e.target?.releasePointerCapture?.(e.pointerId),!v&&e.target===T.current&&_.getState().userSelectionRect&&M?.(e),_.setState({userSelectionActive:!1,userSelectionRect:null}),k.current&&(c?.(e),_.setState({nodesSelectionActive:D.current.size>0})),te())}:void 0,onPointerCancel:w?e=>{e.target?.releasePointerCapture?.(e.pointerId),te()}:void 0,onPointerDownCapture:w?F:void 0,onClickCapture:w?P:void 0,onPointerLeave:m,ref:T,style:Hp,children:[h,(0,H.jsx)(Kp,{})]})}function Xp({id:e,store:t,unselect:n=!1,nodeRef:r}){let{addSelectedNodes:i,unselectNodesAndEdges:a,multiSelectionActive:o,nodeLookup:s,onError:c}=t.getState(),l=s.get(e);if(!l){c?.(`012`,Bl.error012(e));return}t.setState({nodesSelectionActive:!1}),l.selected?(n||l.selected&&o)&&(a({nodes:[l],edges:[]}),requestAnimationFrame(()=>r?.current?.blur())):i([e])}function Zp({nodeRef:e,disabled:t=!1,noDragClassName:n,handleSelector:r,nodeId:i,isSelectable:a,nodeClickDistance:o}){let s=Bf(),[c,l]=(0,V.useState)(!1),u=(0,V.useRef)();return(0,V.useEffect)(()=>{u.current=zd({getStoreItems:()=>s.getState(),onNodeMouseDown:t=>{Xp({id:t,store:s,nodeRef:e})},onDragStart:()=>{l(!0)},onDragStop:()=>{l(!1)}})},[]),(0,V.useEffect)(()=>{if(!(t||!e.current||!u.current))return u.current.update({noDragClassName:n,handleSelector:r,domNode:e.current,isSelectable:a,nodeId:i,nodeClickDistance:o}),()=>{u.current?.destroy()}},[n,r,t,a,e,i,o]),c}var Qp=e=>t=>t.selected&&(t.draggable||e&&t.draggable===void 0);function $p(){let e=Bf();return(0,V.useCallback)(t=>{let{nodeExtent:n,snapToGrid:r,snapGrid:i,nodesDraggable:a,onError:o,updateNodePositions:s,nodeLookup:c,nodeOrigin:l}=e.getState(),u=new Map,d=Qp(a),f=r?i[0]:5,p=r?i[1]:5,m=t.direction.x*f*t.factor,h=t.direction.y*p*t.factor;for(let[,e]of c){if(!d(e))continue;let t={x:e.internals.positionAbsolute.x+m,y:e.internals.positionAbsolute.y+h};r&&(t=Tu(t,i));let{position:a,positionAbsolute:s}=cu({nodeId:e.id,nextPosition:t,nodeLookup:c,nodeExtent:n,nodeOrigin:l,onError:o});e.position=a,e.internals.positionAbsolute=s,u.set(e.id,e)}s(u)},[])}var em=(0,V.createContext)(null),tm=em.Provider;em.Consumer;var nm=()=>(0,V.useContext)(em),rm=e=>({connectOnClick:e.connectOnClick,noPanClassName:e.noPanClassName,rfId:e.rfId}),im=(e,t,n)=>r=>{let{connectionClickStartHandle:i,connectionMode:a,connection:o}=r,{fromHandle:s,toHandle:c,isValid:l}=o,u=c?.nodeId===e&&c?.id===t&&c?.type===n;return{connectingFrom:s?.nodeId===e&&s?.id===t&&s?.type===n,connectingTo:u,clickConnecting:i?.nodeId===e&&i?.id===t&&i?.type===n,isPossibleEndHandle:a===Wl.Strict?s?.type!==n:e!==s?.nodeId||t!==s?.id,connectionInProcess:!!s,clickConnectionInProcess:!!i,valid:u&&l}};function am({type:e=`source`,position:t=X.Top,isValidConnection:n,isConnectable:r=!0,isConnectableStart:i=!0,isConnectableEnd:a=!0,id:o,onConnect:s,children:c,className:l,onMouseDown:u,onTouchStart:d,...f},p){let m=o||null,h=e===`target`,g=Bf(),_=nm(),{connectOnClick:v,noPanClassName:y,rfId:b}=$(rm,If),{connectingFrom:x,connectingTo:S,clickConnecting:C,isPossibleEndHandle:w,connectionInProcess:T,clickConnectionInProcess:E,valid:D}=$(im(_,m,e),If);_||g.getState().onError?.(`010`,Bl.error010());let O=e=>{let{defaultEdgeOptions:t,onConnect:n,hasDefaultEdges:r}=g.getState(),i={...t,...e};if(r){let{edges:e,setEdges:t,onError:n}=g.getState();t(Ep(i,e,{onError:n}))}n?.(i),s?.(i)},k=e=>{if(!_)return;let t=Z(e.nativeEvent);if(i&&(t&&e.button===0||!t)){let t=g.getState();Yd.onPointerDown(e.nativeEvent,{handleDomNode:e.currentTarget,autoPanOnConnect:t.autoPanOnConnect,connectionMode:t.connectionMode,connectionRadius:t.connectionRadius,domNode:t.domNode,nodeLookup:t.nodeLookup,lib:t.lib,isTarget:h,handleId:m,nodeId:_,flowId:t.rfId,panBy:t.panBy,cancelConnection:t.cancelConnection,onConnectStart:t.onConnectStart,onConnectEnd:(...e)=>g.getState().onConnectEnd?.(...e),updateConnection:t.updateConnection,onConnect:O,isValidConnection:n||((...e)=>g.getState().isValidConnection?.(...e)??!0),getTransform:()=>g.getState().transform,getFromHandle:()=>g.getState().connection.fromHandle,autoPanSpeed:t.autoPanSpeed,dragThreshold:t.connectionDragThreshold})}t?u?.(e):d?.(e)};return(0,H.jsx)(`div`,{"data-handleid":m,"data-nodeid":_,"data-handlepos":t,"data-id":`${b}-${_}-${m}-${e}`,className:ci([`react-flow__handle`,`react-flow__handle-${t}`,`nodrag`,y,l,{source:!h,target:h,connectable:r,connectablestart:i,connectableend:a,clickconnecting:C,connectingfrom:x,connectingto:S,valid:D,connectionindicator:r&&(!T||w)&&(T||E?a:i)}]),onMouseDown:k,onTouchStart:k,onClick:v?t=>{let{onClickConnectStart:r,onClickConnectEnd:a,connectionClickStartHandle:o,connectionMode:s,isValidConnection:c,lib:l,rfId:u,nodeLookup:d,connection:f}=g.getState();if(!_||!o&&!i)return;if(!o){r?.(t.nativeEvent,{nodeId:_,handleId:m,handleType:e}),g.setState({connectionClickStartHandle:{nodeId:_,type:e,id:m}});return}let p=Hu(t.target),h=n||c,{connection:v,isValid:y}=Yd.isValid(t.nativeEvent,{handle:{nodeId:_,id:m,type:e},connectionMode:s,fromNodeId:o.nodeId,fromHandleId:o.id||null,fromType:o.type,isValidConnection:h,flowId:u,doc:p,lib:l,nodeLookup:d});y&&v&&O(v);let b=structuredClone(f);delete b.inProgress,b.toPosition=b.toHandle?b.toHandle.position:null,a?.(t,b),g.setState({connectionClickStartHandle:null})}:void 0,ref:p,...f,children:c})}var om=(0,V.memo)(kp(am));function sm({data:e,isConnectable:t,sourcePosition:n=X.Bottom}){return(0,H.jsxs)(H.Fragment,{children:[e?.label,(0,H.jsx)(om,{type:`source`,position:n,isConnectable:t})]})}function cm({data:e,isConnectable:t,targetPosition:n=X.Top,sourcePosition:r=X.Bottom}){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(om,{type:`target`,position:n,isConnectable:t}),e?.label,(0,H.jsx)(om,{type:`source`,position:r,isConnectable:t})]})}function lm(){return null}function um({data:e,isConnectable:t,targetPosition:n=X.Top}){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(om,{type:`target`,position:n,isConnectable:t}),e?.label]})}var dm={ArrowUp:{x:0,y:-1},ArrowDown:{x:0,y:1},ArrowLeft:{x:-1,y:0},ArrowRight:{x:1,y:0}},fm={input:sm,default:cm,output:um,group:lm};function pm(e){return e.internals.handleBounds===void 0?{width:e.width??e.initialWidth??e.style?.width,height:e.height??e.initialHeight??e.style?.height}:{width:e.width??e.style?.width,height:e.height??e.style?.height}}var mm=e=>{let{width:t,height:n,x:r,y:i}=ru(e.nodeLookup,{filter:e=>!!e.selected});return{width:Cu(t)?t:null,height:Cu(n)?n:null,userSelectionActive:e.userSelectionActive,transformString:`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]}) translate(${r}px,${i}px)`}};function hm({onSelectionContextMenu:e,noPanClassName:t,disableKeyboardA11y:n}){let r=Bf(),{width:i,height:a,transformString:o,userSelectionActive:s}=$(mm,If),c=$p(),l=(0,V.useRef)(null);(0,V.useEffect)(()=>{n||l.current?.focus({preventScroll:!0})},[n]);let u=!s&&i!==null&&a!==null;if(Zp({nodeRef:l,disabled:!u}),!u)return null;let d=e?t=>{e(t,r.getState().nodes.filter(e=>e.selected))}:void 0;return(0,H.jsx)(`div`,{className:ci([`react-flow__nodesselection`,`react-flow__container`,t]),style:{transform:o},children:(0,H.jsx)(`div`,{ref:l,className:`react-flow__nodesselection-rect`,onContextMenu:d,tabIndex:n?void 0:-1,onKeyDown:n?void 0:e=>{Object.prototype.hasOwnProperty.call(dm,e.key)&&(e.preventDefault(),c({direction:dm[e.key],factor:e.shiftKey?4:1}))},style:{width:i,height:a}})})}var gm=typeof window<`u`?window:void 0,_m=e=>({nodesSelectionActive:e.nodesSelectionActive,userSelectionActive:e.userSelectionActive});function vm({children:e,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:i,onPaneContextMenu:a,onPaneScroll:o,paneClickDistance:s,deleteKeyCode:c,selectionKeyCode:l,selectionOnDrag:u,selectionMode:d,onSelectionStart:f,onSelectionEnd:p,multiSelectionKeyCode:m,panActivationKeyCode:h,zoomActivationKeyCode:g,elementsSelectable:_,zoomOnScroll:v,zoomOnPinch:y,panOnScroll:b,panOnScrollSpeed:x,panOnScrollMode:S,zoomOnDoubleClick:C,panOnDrag:w,autoPanOnSelection:T,defaultViewport:E,translateExtent:D,minZoom:O,maxZoom:k,preventScrolling:A,onSelectionContextMenu:j,noWheelClassName:M,noPanClassName:ee,disableKeyboardA11y:N,onViewportChange:P,isControlledViewport:F}){let{nodesSelectionActive:I,userSelectionActive:L}=$(_m,If),te=pp(l,{target:gm}),ne=pp(h,{target:gm}),re=ne||w,R=ne||b,z=u&&re!==!0,ie=te||L||z;return Bp({deleteKeyCode:c,multiSelectionKeyCode:m}),(0,H.jsx)(Wp,{onPaneContextMenu:a,elementsSelectable:_,zoomOnScroll:v,zoomOnPinch:y,panOnScroll:R,panOnScrollSpeed:x,panOnScrollMode:S,zoomOnDoubleClick:C,panOnDrag:!te&&re,defaultViewport:E,translateExtent:D,minZoom:O,maxZoom:k,zoomActivationKeyCode:g,preventScrolling:A,noWheelClassName:M,noPanClassName:ee,onViewportChange:P,isControlledViewport:F,paneClickDistance:s,selectionOnDrag:z,children:(0,H.jsxs)(Yp,{onSelectionStart:f,onSelectionEnd:p,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:i,onPaneContextMenu:a,onPaneScroll:o,panOnDrag:re,autoPanOnSelection:T,isSelecting:!!ie,selectionMode:d,selectionKeyPressed:te,paneClickDistance:s,selectionOnDrag:z,children:[e,I&&(0,H.jsx)(hm,{onSelectionContextMenu:j,noPanClassName:ee,disableKeyboardA11y:N})]})})}vm.displayName=`FlowRenderer`;var ym=(0,V.memo)(vm),bm=e=>t=>e?iu(t.nodeLookup,{x:0,y:0,width:t.width,height:t.height},t.transform,!0).map(e=>e.id):Array.from(t.nodeLookup.keys());function xm(e){return $((0,V.useCallback)(bm(e),[e]),If)}var Sm=e=>e.updateNodeInternals;function Cm(){let e=$(Sm),[t]=(0,V.useState)(()=>typeof ResizeObserver>`u`?null:new ResizeObserver(t=>{let n=new Map;t.forEach(e=>{let t=e.target.getAttribute(`data-id`);n.set(t,{id:t,nodeElement:e.target,force:!0})}),e(n)}));return(0,V.useEffect)(()=>()=>{t?.disconnect()},[t]),t}function wm({node:e,nodeType:t,hasDimensions:n,resizeObserver:r}){let i=Bf(),a=(0,V.useRef)(null),o=(0,V.useRef)(null),s=(0,V.useRef)(e.sourcePosition),c=(0,V.useRef)(e.targetPosition),l=(0,V.useRef)(t),u=n&&!!e.internals.handleBounds;return(0,V.useEffect)(()=>{a.current&&!e.hidden&&(!u||o.current!==a.current)&&(o.current&&r?.unobserve(o.current),r?.observe(a.current),o.current=a.current)},[u,e.hidden]),(0,V.useEffect)(()=>()=>{o.current&&=(r?.unobserve(o.current),null)},[]),(0,V.useEffect)(()=>{if(a.current){let n=l.current!==t,r=s.current!==e.sourcePosition,o=c.current!==e.targetPosition;(n||r||o)&&(l.current=t,s.current=e.sourcePosition,c.current=e.targetPosition,i.getState().updateNodeInternals(new Map([[e.id,{id:e.id,nodeElement:a.current,force:!0}]])))}},[e.id,t,e.sourcePosition,e.targetPosition]),a}function Tm({id:e,onClick:t,onMouseEnter:n,onMouseMove:r,onMouseLeave:i,onContextMenu:a,onDoubleClick:o,nodesDraggable:s,elementsSelectable:c,nodesConnectable:l,nodesFocusable:u,resizeObserver:d,noDragClassName:f,noPanClassName:p,disableKeyboardA11y:m,rfId:h,nodeTypes:g,nodeClickDistance:_,onError:v}){let{node:y,internals:b,isParent:x}=$(t=>{let n=t.nodeLookup.get(e),r=t.parentLookup.has(e);return{node:n,internals:n.internals,isParent:r}},If),S=y.type||`default`,C=g?.[S]||fm[S];C===void 0&&(v?.(`003`,Bl.error003(S)),S=`default`,C=g?.default||fm.default);let w=!!(y.draggable||s&&y.draggable===void 0),T=!!(y.selectable||c&&y.selectable===void 0),E=!!(y.connectable||l&&y.connectable===void 0),D=!!(y.focusable||u&&y.focusable===void 0),O=Bf(),k=Fu(y),A=wm({node:y,nodeType:S,hasDimensions:k,resizeObserver:d}),j=Zp({nodeRef:A,disabled:y.hidden||!w,noDragClassName:f,handleSelector:y.dragHandle,nodeId:e,isSelectable:T,nodeClickDistance:_}),M=$p();if(y.hidden)return null;let ee=Pu(y),N=pm(y),P=T||w||t||n||r||i,F=n?e=>n(e,{...b.userNode}):void 0,I=r?e=>r(e,{...b.userNode}):void 0,L=i?e=>i(e,{...b.userNode}):void 0,te=a?e=>a(e,{...b.userNode}):void 0,ne=o?e=>o(e,{...b.userNode}):void 0,re=n=>{let{selectNodesOnDrag:r,nodeDragThreshold:i}=O.getState();T&&(!r||!w||i>0)&&Xp({id:e,store:O,nodeRef:A}),t&&t(n,{...b.userNode})},R=t=>{if(!(Wu(t.nativeEvent)||m)){if(Hl.includes(t.key)&&T)Xp({id:e,store:O,unselect:t.key===`Escape`,nodeRef:A});else if(w&&y.selected&&Object.prototype.hasOwnProperty.call(dm,t.key)){t.preventDefault();let{ariaLabelConfig:e}=O.getState();O.setState({ariaLiveMessage:e[`node.a11yDescription.ariaLiveMessage`]({direction:t.key.replace(`Arrow`,``).toLowerCase(),x:~~b.positionAbsolute.x,y:~~b.positionAbsolute.y})}),M({direction:dm[t.key],factor:t.shiftKey?4:1})}}},z=()=>{if(m||!A.current?.matches(`:focus-visible`))return;let{transform:t,width:n,height:r,autoPanOnNodeFocus:i,setCenter:a}=O.getState();i&&(iu(new Map([[e,y]]),{x:0,y:0,width:n,height:r},t,!0).length>0||a(y.position.x+ee.width/2,y.position.y+ee.height/2,{zoom:t[2]}))};return(0,H.jsx)(`div`,{className:ci([`react-flow__node`,`react-flow__node-${S}`,{[p]:w},y.className,{selected:y.selected,selectable:T,parent:x,draggable:w,dragging:j}]),ref:A,style:{zIndex:b.z,transform:`translate(${b.positionAbsolute.x}px,${b.positionAbsolute.y}px)`,pointerEvents:P?`all`:`none`,visibility:k?`visible`:`hidden`,...y.style,...N},"data-id":e,"data-testid":`rf__node-${e}`,onMouseEnter:F,onMouseMove:I,onMouseLeave:L,onContextMenu:te,onClick:re,onDoubleClick:ne,onKeyDown:D?R:void 0,tabIndex:D?0:void 0,onFocus:D?z:void 0,role:y.ariaRole??(D?`group`:void 0),"aria-roledescription":`node`,"aria-describedby":m?void 0:`${Uf}-${h}`,"aria-label":y.ariaLabel,...y.domAttributes,children:(0,H.jsx)(tm,{value:e,children:(0,H.jsx)(C,{id:e,data:y.data,type:S,positionAbsoluteX:b.positionAbsolute.x,positionAbsoluteY:b.positionAbsolute.y,selected:y.selected??!1,selectable:T,draggable:w,deletable:y.deletable??!0,isConnectable:E,sourcePosition:y.sourcePosition,targetPosition:y.targetPosition,dragging:j,dragHandle:y.dragHandle,zIndex:b.z,parentId:y.parentId,...ee})})})}var Em=(0,V.memo)(Tm),Dm=e=>({nodesDraggable:e.nodesDraggable,nodesConnectable:e.nodesConnectable,nodesFocusable:e.nodesFocusable,elementsSelectable:e.elementsSelectable,onError:e.onError});function Om(e){let{nodesDraggable:t,nodesConnectable:n,nodesFocusable:r,elementsSelectable:i,onError:a}=$(Dm,If),o=xm(e.onlyRenderVisibleElements),s=Cm();return(0,H.jsx)(`div`,{className:`react-flow__nodes`,style:Hp,children:o.map(o=>(0,H.jsx)(Em,{id:o,nodeTypes:e.nodeTypes,nodeExtent:e.nodeExtent,onClick:e.onNodeClick,onMouseEnter:e.onNodeMouseEnter,onMouseMove:e.onNodeMouseMove,onMouseLeave:e.onNodeMouseLeave,onContextMenu:e.onNodeContextMenu,onDoubleClick:e.onNodeDoubleClick,noDragClassName:e.noDragClassName,noPanClassName:e.noPanClassName,rfId:e.rfId,disableKeyboardA11y:e.disableKeyboardA11y,resizeObserver:s,nodesDraggable:t,nodesConnectable:n,nodesFocusable:r,elementsSelectable:i,nodeClickDistance:e.nodeClickDistance,onError:a},o))})}Om.displayName=`NodeRenderer`;var km=(0,V.memo)(Om);function Am(e){return $((0,V.useCallback)(t=>{if(!e)return t.edges.map(e=>e.id);let n=[];if(t.width&&t.height)for(let e of t.edges){let r=t.nodeLookup.get(e.source),i=t.nodeLookup.get(e.target);r&&i&&$u({sourceNode:r,targetNode:i,width:t.width,height:t.height,transform:t.transform})&&n.push(e.id)}return n},[e]),If)}var jm=({color:e=`none`,strokeWidth:t=1})=>(0,H.jsx)(`polyline`,{className:`arrow`,style:{strokeWidth:t,...e&&{stroke:e}},strokeLinecap:`round`,fill:`none`,strokeLinejoin:`round`,points:`-5,-4 0,0 -5,4`}),Mm=({color:e=`none`,strokeWidth:t=1})=>(0,H.jsx)(`polyline`,{className:`arrowclosed`,style:{strokeWidth:t,...e&&{stroke:e,fill:e}},strokeLinecap:`round`,strokeLinejoin:`round`,points:`-5,-4 0,0 -5,4 -5,-4`}),Nm={[Yl.Arrow]:jm,[Yl.ArrowClosed]:Mm};function Pm(e){let t=Bf();return(0,V.useMemo)(()=>Object.prototype.hasOwnProperty.call(Nm,e)?Nm[e]:(t.getState().onError?.(`009`,Bl.error009(e)),null),[e])}var Fm=({id:e,type:t,color:n,width:r=12.5,height:i=12.5,markerUnits:a=`strokeWidth`,strokeWidth:o,orient:s=`auto-start-reverse`})=>{let c=Pm(t);return c?(0,H.jsx)(`marker`,{className:`react-flow__arrowhead`,id:e,markerWidth:`${r}`,markerHeight:`${i}`,viewBox:`-10 -10 20 20`,markerUnits:a,orient:s,refX:`0`,refY:`0`,children:(0,H.jsx)(c,{color:n,strokeWidth:o})}):null},Im=({defaultColor:e,rfId:t})=>{let n=$(e=>e.edges),r=$(e=>e.defaultEdgeOptions),i=(0,V.useMemo)(()=>gd(n,{id:t,defaultColor:e,defaultMarkerStart:r?.markerStart,defaultMarkerEnd:r?.markerEnd}),[n,r,t,e]);return i.length?(0,H.jsx)(`svg`,{className:`react-flow__marker`,"aria-hidden":`true`,children:(0,H.jsx)(`defs`,{children:i.map(e=>(0,H.jsx)(Fm,{id:e.id,type:e.type,color:e.color,width:e.width,height:e.height,markerUnits:e.markerUnits,strokeWidth:e.strokeWidth,orient:e.orient},e.id))})}):null};Im.displayName=`MarkerDefinitions`;var Lm=(0,V.memo)(Im);function Rm({x:e,y:t,label:n,labelStyle:r,labelShowBg:i=!0,labelBgStyle:a,labelBgPadding:o=[2,4],labelBgBorderRadius:s=2,children:c,className:l,...u}){let[d,f]=(0,V.useState)({x:1,y:0,width:0,height:0}),p=ci([`react-flow__edge-textwrapper`,l]),m=(0,V.useRef)(null);return(0,V.useEffect)(()=>{if(m.current){let e=m.current.getBBox();f({x:e.x,y:e.y,width:e.width,height:e.height})}},[n]),n?(0,H.jsxs)(`g`,{transform:`translate(${e-d.width/2} ${t-d.height/2})`,className:p,visibility:d.width?`visible`:`hidden`,...u,children:[i&&(0,H.jsx)(`rect`,{width:d.width+2*o[0],x:-o[0],y:-o[1],height:d.height+2*o[1],className:`react-flow__edge-textbg`,style:a,rx:s,ry:s}),(0,H.jsx)(`text`,{className:`react-flow__edge-text`,y:d.height/2,dy:`0.3em`,ref:m,style:r,children:n}),c]}):null}Rm.displayName=`EdgeText`;var zm=(0,V.memo)(Rm);function Bm({path:e,labelX:t,labelY:n,label:r,labelStyle:i,labelShowBg:a,labelBgStyle:o,labelBgPadding:s,labelBgBorderRadius:c,interactionWidth:l=20,...u}){return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`path`,{...u,d:e,fill:`none`,className:ci([`react-flow__edge-path`,u.className])}),l?(0,H.jsx)(`path`,{d:e,fill:`none`,strokeOpacity:0,strokeWidth:l,className:`react-flow__edge-interaction`}):null,r&&Cu(t)&&Cu(n)?(0,H.jsx)(zm,{x:t,y:n,label:r,labelStyle:i,labelShowBg:a,labelBgStyle:o,labelBgPadding:s,labelBgBorderRadius:c}):null]})}function Vm({pos:e,x1:t,y1:n,x2:r,y2:i}){return e===X.Left||e===X.Right?[.5*(t+r),n]:[t,.5*(n+i)]}function Hm({sourceX:e,sourceY:t,sourcePosition:n=X.Bottom,targetX:r,targetY:i,targetPosition:a=X.Top}){let[o,s]=Vm({pos:n,x1:e,y1:t,x2:r,y2:i}),[c,l]=Vm({pos:a,x1:r,y1:i,x2:e,y2:t}),[u,d,f,p]=qu({sourceX:e,sourceY:t,targetX:r,targetY:i,sourceControlX:o,sourceControlY:s,targetControlX:c,targetControlY:l});return[`M${e},${t} C${o},${s} ${c},${l} ${r},${i}`,u,d,f,p]}function Um(e){return(0,V.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,sourcePosition:o,targetPosition:s,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,interactionWidth:_})=>{let[v,y,b]=Hm({sourceX:n,sourceY:r,sourcePosition:o,targetX:i,targetY:a,targetPosition:s});return(0,H.jsx)(Bm,{id:e.isInternal?void 0:t,path:v,labelX:y,labelY:b,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,interactionWidth:_})})}var Wm=Um({isInternal:!1}),Gm=Um({isInternal:!0});Wm.displayName=`SimpleBezierEdge`,Gm.displayName=`SimpleBezierEdgeInternal`;function Km(e){return(0,V.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,sourcePosition:p=X.Bottom,targetPosition:m=X.Top,markerEnd:h,markerStart:g,pathOptions:_,interactionWidth:v})=>{let[y,b,x]=ld({sourceX:n,sourceY:r,sourcePosition:p,targetX:i,targetY:a,targetPosition:m,borderRadius:_?.borderRadius,offset:_?.offset,stepPosition:_?.stepPosition});return(0,H.jsx)(Bm,{id:e.isInternal?void 0:t,path:y,labelX:b,labelY:x,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:h,markerStart:g,interactionWidth:v})})}var qm=Km({isInternal:!1}),Jm=Km({isInternal:!0});qm.displayName=`SmoothStepEdge`,Jm.displayName=`SmoothStepEdgeInternal`;function Ym(e){return(0,V.memo)(({id:t,...n})=>{let r=e.isInternal?void 0:t;return(0,H.jsx)(qm,{...n,id:r,pathOptions:(0,V.useMemo)(()=>({borderRadius:0,offset:n.pathOptions?.offset}),[n.pathOptions?.offset])})})}var Xm=Ym({isInternal:!1}),Zm=Ym({isInternal:!0});Xm.displayName=`StepEdge`,Zm.displayName=`StepEdgeInternal`;function Qm(e){return(0,V.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:p,markerStart:m,interactionWidth:h})=>{let[g,_,v]=rd({sourceX:n,sourceY:r,targetX:i,targetY:a});return(0,H.jsx)(Bm,{id:e.isInternal?void 0:t,path:g,labelX:_,labelY:v,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:p,markerStart:m,interactionWidth:h})})}var $m=Qm({isInternal:!1}),eh=Qm({isInternal:!0});$m.displayName=`StraightEdge`,eh.displayName=`StraightEdgeInternal`;function th(e){return(0,V.memo)(({id:t,sourceX:n,sourceY:r,targetX:i,targetY:a,sourcePosition:o=X.Bottom,targetPosition:s=X.Top,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,pathOptions:_,interactionWidth:v})=>{let[y,b,x]=Xu({sourceX:n,sourceY:r,sourcePosition:o,targetX:i,targetY:a,targetPosition:s,curvature:_?.curvature});return(0,H.jsx)(Bm,{id:e.isInternal?void 0:t,path:y,labelX:b,labelY:x,label:c,labelStyle:l,labelShowBg:u,labelBgStyle:d,labelBgPadding:f,labelBgBorderRadius:p,style:m,markerEnd:h,markerStart:g,interactionWidth:v})})}var nh=th({isInternal:!1}),rh=th({isInternal:!0});nh.displayName=`BezierEdge`,rh.displayName=`BezierEdgeInternal`;var ih={default:rh,straight:eh,step:Zm,smoothstep:Jm,simplebezier:Gm},ah={sourceX:null,sourceY:null,targetX:null,targetY:null,sourcePosition:null,targetPosition:null},oh=(e,t,n)=>n===X.Left?e-t:n===X.Right?e+t:e,sh=(e,t,n)=>n===X.Top?e-t:n===X.Bottom?e+t:e,ch=`react-flow__edgeupdater`;function lh({position:e,centerX:t,centerY:n,radius:r=10,onMouseDown:i,onMouseEnter:a,onMouseOut:o,type:s}){return(0,H.jsx)(`circle`,{onMouseDown:i,onMouseEnter:a,onMouseOut:o,className:ci([ch,`${ch}-${s}`]),cx:oh(t,r,e),cy:sh(n,r,e),r,stroke:`transparent`,fill:`transparent`})}function uh({isReconnectable:e,reconnectRadius:t,edge:n,sourceX:r,sourceY:i,targetX:a,targetY:o,sourcePosition:s,targetPosition:c,onReconnect:l,onReconnectStart:u,onReconnectEnd:d,setReconnecting:f,setUpdateHover:p}){let m=Bf(),h=(e,t)=>{if(e.button!==0)return;let{autoPanOnConnect:r,domNode:i,connectionMode:a,connectionRadius:o,lib:s,onConnectStart:c,cancelConnection:p,nodeLookup:h,rfId:g,panBy:_,updateConnection:v}=m.getState(),y=t.type===`target`;Yd.onPointerDown(e.nativeEvent,{autoPanOnConnect:r,connectionMode:a,connectionRadius:o,domNode:i,handleId:t.id,nodeId:t.nodeId,nodeLookup:h,isTarget:y,edgeUpdaterType:t.type,lib:s,flowId:g,cancelConnection:p,panBy:_,isValidConnection:(...e)=>m.getState().isValidConnection?.(...e)??!0,onConnect:e=>l?.(n,e),onConnectStart:(r,i)=>{f(!0),u?.(e,n,t.type),c?.(r,i)},onConnectEnd:(...e)=>m.getState().onConnectEnd?.(...e),onReconnectEnd:(e,r)=>{f(!1),d?.(e,n,t.type,r)},updateConnection:v,getTransform:()=>m.getState().transform,getFromHandle:()=>m.getState().connection.fromHandle,dragThreshold:m.getState().connectionDragThreshold,handleDomNode:e.currentTarget})},g=e=>h(e,{nodeId:n.target,id:n.targetHandle??null,type:`target`}),_=e=>h(e,{nodeId:n.source,id:n.sourceHandle??null,type:`source`}),v=()=>p(!0),y=()=>p(!1);return(0,H.jsxs)(H.Fragment,{children:[(e===!0||e===`source`)&&(0,H.jsx)(lh,{position:s,centerX:r,centerY:i,radius:t,onMouseDown:g,onMouseEnter:v,onMouseOut:y,type:`source`}),(e===!0||e===`target`)&&(0,H.jsx)(lh,{position:c,centerX:a,centerY:o,radius:t,onMouseDown:_,onMouseEnter:v,onMouseOut:y,type:`target`})]})}function dh({id:e,edgesFocusable:t,edgesReconnectable:n,elementsSelectable:r,onClick:i,onDoubleClick:a,onContextMenu:o,onMouseEnter:s,onMouseMove:c,onMouseLeave:l,reconnectRadius:u,onReconnect:d,onReconnectStart:f,onReconnectEnd:p,rfId:m,edgeTypes:h,noPanClassName:g,onError:_,disableKeyboardA11y:v}){let y=$(t=>t.edgeLookup.get(e)),b=$(e=>e.defaultEdgeOptions);y=b?{...b,...y}:y;let x=y.type||`default`,S=h?.[x]||ih[x];S===void 0&&(_?.(`011`,Bl.error011(x)),x=`default`,S=h?.default||ih.default);let C=!!(y.focusable||t&&y.focusable===void 0),w=d!==void 0&&(y.reconnectable||n&&y.reconnectable===void 0),T=!!(y.selectable||r&&y.selectable===void 0),E=(0,V.useRef)(null),[D,O]=(0,V.useState)(!1),[k,A]=(0,V.useState)(!1),j=Bf(),{zIndex:M,sourceX:ee,sourceY:N,targetX:P,targetY:F,sourcePosition:I,targetPosition:L}=$((0,V.useCallback)(t=>{let n=t.nodeLookup.get(y.source),r=t.nodeLookup.get(y.target);if(!n||!r)return{zIndex:y.zIndex,...ah};let i=dd({id:e,sourceNode:n,targetNode:r,sourceHandle:y.sourceHandle||null,targetHandle:y.targetHandle||null,connectionMode:t.connectionMode,onError:_});return{zIndex:Qu({selected:y.selected,zIndex:y.zIndex,sourceNode:n,targetNode:r,elevateOnSelect:t.elevateEdgesOnSelect,zIndexMode:t.zIndexMode}),...i||ah}},[y.source,y.target,y.sourceHandle,y.targetHandle,y.selected,y.zIndex]),If),te=(0,V.useMemo)(()=>y.markerStart?`url('#${hd(y.markerStart,m)}')`:void 0,[y.markerStart,m]),ne=(0,V.useMemo)(()=>y.markerEnd?`url('#${hd(y.markerEnd,m)}')`:void 0,[y.markerEnd,m]);if(y.hidden||ee===null||N===null||P===null||F===null)return null;let re=t=>{let{addSelectedEdges:n,unselectNodesAndEdges:r,multiSelectionActive:a}=j.getState();T&&(j.setState({nodesSelectionActive:!1}),y.selected&&a?(r({nodes:[],edges:[y]}),E.current?.blur()):n([e])),i&&i(t,y)},R=a?e=>{a(e,{...y})}:void 0,z=o?e=>{o(e,{...y})}:void 0,ie=s?e=>{s(e,{...y})}:void 0,ae=c?e=>{c(e,{...y})}:void 0,oe=l?e=>{l(e,{...y})}:void 0;return(0,H.jsx)(`svg`,{style:{zIndex:M},children:(0,H.jsxs)(`g`,{className:ci([`react-flow__edge`,`react-flow__edge-${x}`,y.className,g,{selected:y.selected,animated:y.animated,inactive:!T&&!i,updating:D,selectable:T}]),onClick:re,onDoubleClick:R,onContextMenu:z,onMouseEnter:ie,onMouseMove:ae,onMouseLeave:oe,onKeyDown:C?t=>{if(!v&&Hl.includes(t.key)&&T){let{unselectNodesAndEdges:n,addSelectedEdges:r}=j.getState();t.key===`Escape`?(E.current?.blur(),n({edges:[y]})):r([e])}}:void 0,tabIndex:C?0:void 0,role:y.ariaRole??(C?`group`:`img`),"aria-roledescription":`edge`,"data-id":e,"data-testid":`rf__edge-${e}`,"aria-label":y.ariaLabel===null?void 0:y.ariaLabel||`Edge from ${y.source} to ${y.target}`,"aria-describedby":C?`${Wf}-${m}`:void 0,ref:E,...y.domAttributes,children:[!k&&(0,H.jsx)(S,{id:e,source:y.source,target:y.target,type:y.type,selected:y.selected,animated:y.animated,selectable:T,deletable:y.deletable??!0,label:y.label,labelStyle:y.labelStyle,labelShowBg:y.labelShowBg,labelBgStyle:y.labelBgStyle,labelBgPadding:y.labelBgPadding,labelBgBorderRadius:y.labelBgBorderRadius,sourceX:ee,sourceY:N,targetX:P,targetY:F,sourcePosition:I,targetPosition:L,data:y.data,style:y.style,sourceHandleId:y.sourceHandle,targetHandleId:y.targetHandle,markerStart:te,markerEnd:ne,pathOptions:`pathOptions`in y?y.pathOptions:void 0,interactionWidth:y.interactionWidth}),w&&(0,H.jsx)(uh,{edge:y,isReconnectable:w,reconnectRadius:u,onReconnect:d,onReconnectStart:f,onReconnectEnd:p,sourceX:ee,sourceY:N,targetX:P,targetY:F,sourcePosition:I,targetPosition:L,setUpdateHover:O,setReconnecting:A})]})})}var fh=(0,V.memo)(dh),ph=e=>({edgesFocusable:e.edgesFocusable,edgesReconnectable:e.edgesReconnectable,elementsSelectable:e.elementsSelectable,connectionMode:e.connectionMode,onError:e.onError});function mh({defaultMarkerColor:e,onlyRenderVisibleElements:t,rfId:n,edgeTypes:r,noPanClassName:i,onReconnect:a,onEdgeContextMenu:o,onEdgeMouseEnter:s,onEdgeMouseMove:c,onEdgeMouseLeave:l,onEdgeClick:u,reconnectRadius:d,onEdgeDoubleClick:f,onReconnectStart:p,onReconnectEnd:m,disableKeyboardA11y:h}){let{edgesFocusable:g,edgesReconnectable:_,elementsSelectable:v,onError:y}=$(ph,If),b=Am(t);return(0,H.jsxs)(`div`,{className:`react-flow__edges`,children:[(0,H.jsx)(Lm,{defaultColor:e,rfId:n}),b.map(e=>(0,H.jsx)(fh,{id:e,edgesFocusable:g,edgesReconnectable:_,elementsSelectable:v,noPanClassName:i,onReconnect:a,onContextMenu:o,onMouseEnter:s,onMouseMove:c,onMouseLeave:l,onClick:u,reconnectRadius:d,onDoubleClick:f,onReconnectStart:p,onReconnectEnd:m,rfId:n,onError:y,edgeTypes:r,disableKeyboardA11y:h},e))]})}mh.displayName=`EdgeRenderer`;var hh=(0,V.memo)(mh),gh=e=>`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;function _h({children:e}){return(0,H.jsx)(`div`,{className:`react-flow__viewport xyflow__viewport react-flow__container`,style:{transform:$(gh)},children:e})}function vh(e){let t=Lp(),n=(0,V.useRef)(!1);(0,V.useEffect)(()=>{!n.current&&t.viewportInitialized&&e&&(setTimeout(()=>e(t),1),n.current=!0)},[e,t.viewportInitialized])}var yh=e=>e.panZoom?.syncViewport;function bh(e){let t=$(yh),n=Bf();return(0,V.useEffect)(()=>{e&&(t?.(e),n.setState({transform:[e.x,e.y,e.zoom]}))},[e,t]),null}function xh(e){return e.connection.inProgress?{...e.connection,to:Eu(e.connection.to,e.transform)}:{...e.connection}}function Sh(e){return e?t=>e(xh(t)):xh}function Ch(e){return $(Sh(e),If)}var wh=e=>({nodesConnectable:e.nodesConnectable,isValid:e.connection.isValid,inProgress:e.connection.inProgress,width:e.width,height:e.height});function Th({containerStyle:e,style:t,type:n,component:r}){let{nodesConnectable:i,width:a,height:o,isValid:s,inProgress:c}=$(wh,If);return a&&i&&c?(0,H.jsx)(`svg`,{style:e,width:a,height:o,className:`react-flow__connectionline react-flow__container`,children:(0,H.jsx)(`g`,{className:ci([`react-flow__connection`,Zl(s)]),children:(0,H.jsx)(Eh,{style:t,type:n,CustomComponent:r,isValid:s})})}):null}var Eh=({style:e,type:t=Jl.Bezier,CustomComponent:n,isValid:r})=>{let{inProgress:i,from:a,fromNode:o,fromHandle:s,fromPosition:c,to:l,toNode:u,toHandle:d,toPosition:f,pointer:p}=Ch();if(!i)return;if(n)return(0,H.jsx)(n,{connectionLineType:t,connectionLineStyle:e,fromNode:o,fromHandle:s,fromX:a.x,fromY:a.y,toX:l.x,toY:l.y,fromPosition:c,toPosition:f,connectionStatus:Zl(r),toNode:u,toHandle:d,pointer:p});let m=``,h={sourceX:a.x,sourceY:a.y,sourcePosition:c,targetX:l.x,targetY:l.y,targetPosition:f};switch(t){case Jl.Bezier:[m]=Xu(h);break;case Jl.SimpleBezier:[m]=Hm(h);break;case Jl.Step:[m]=ld({...h,borderRadius:0});break;case Jl.SmoothStep:[m]=ld(h);break;default:[m]=rd(h)}return(0,H.jsx)(`path`,{d:m,fill:`none`,className:`react-flow__connection-path`,style:e})};Eh.displayName=`ConnectionLine`;var Dh={};function Oh(e=Dh){(0,V.useRef)(e),Bf(),(0,V.useEffect)(()=>{},[e])}function kh(){Bf(),(0,V.useRef)(!1),(0,V.useEffect)(()=>{},[])}function Ah({nodeTypes:e,edgeTypes:t,onInit:n,onNodeClick:r,onEdgeClick:i,onNodeDoubleClick:a,onEdgeDoubleClick:o,onNodeMouseEnter:s,onNodeMouseMove:c,onNodeMouseLeave:l,onNodeContextMenu:u,onSelectionContextMenu:d,onSelectionStart:f,onSelectionEnd:p,connectionLineType:m,connectionLineStyle:h,connectionLineComponent:g,connectionLineContainerStyle:_,selectionKeyCode:v,selectionOnDrag:y,selectionMode:b,multiSelectionKeyCode:x,panActivationKeyCode:S,zoomActivationKeyCode:C,deleteKeyCode:w,onlyRenderVisibleElements:T,elementsSelectable:E,defaultViewport:D,translateExtent:O,minZoom:k,maxZoom:A,preventScrolling:j,defaultMarkerColor:M,zoomOnScroll:ee,zoomOnPinch:N,panOnScroll:P,panOnScrollSpeed:F,panOnScrollMode:I,zoomOnDoubleClick:L,panOnDrag:te,autoPanOnSelection:ne,onPaneClick:re,onPaneMouseEnter:R,onPaneMouseMove:z,onPaneMouseLeave:ie,onPaneScroll:ae,onPaneContextMenu:oe,paneClickDistance:se,nodeClickDistance:ce,onEdgeContextMenu:le,onEdgeMouseEnter:ue,onEdgeMouseMove:de,onEdgeMouseLeave:fe,reconnectRadius:pe,onReconnect:me,onReconnectStart:he,onReconnectEnd:ge,noDragClassName:_e,noWheelClassName:ve,noPanClassName:ye,disableKeyboardA11y:be,nodeExtent:xe,rfId:Se,viewport:Ce,onViewportChange:we}){return Oh(e),Oh(t),kh(),vh(n),bh(Ce),(0,H.jsx)(ym,{onPaneClick:re,onPaneMouseEnter:R,onPaneMouseMove:z,onPaneMouseLeave:ie,onPaneContextMenu:oe,onPaneScroll:ae,paneClickDistance:se,deleteKeyCode:w,selectionKeyCode:v,selectionOnDrag:y,selectionMode:b,onSelectionStart:f,onSelectionEnd:p,multiSelectionKeyCode:x,panActivationKeyCode:S,zoomActivationKeyCode:C,elementsSelectable:E,zoomOnScroll:ee,zoomOnPinch:N,zoomOnDoubleClick:L,panOnScroll:P,panOnScrollSpeed:F,panOnScrollMode:I,panOnDrag:te,autoPanOnSelection:ne,defaultViewport:D,translateExtent:O,minZoom:k,maxZoom:A,onSelectionContextMenu:d,preventScrolling:j,noDragClassName:_e,noWheelClassName:ve,noPanClassName:ye,disableKeyboardA11y:be,onViewportChange:we,isControlledViewport:!!Ce,children:(0,H.jsxs)(_h,{children:[(0,H.jsx)(hh,{edgeTypes:t,onEdgeClick:i,onEdgeDoubleClick:o,onReconnect:me,onReconnectStart:he,onReconnectEnd:ge,onlyRenderVisibleElements:T,onEdgeContextMenu:le,onEdgeMouseEnter:ue,onEdgeMouseMove:de,onEdgeMouseLeave:fe,reconnectRadius:pe,defaultMarkerColor:M,noPanClassName:ye,disableKeyboardA11y:be,rfId:Se}),(0,H.jsx)(Th,{style:h,type:m,component:g,containerStyle:_}),(0,H.jsx)(`div`,{className:`react-flow__edgelabel-renderer`}),(0,H.jsx)(km,{nodeTypes:e,onNodeClick:r,onNodeDoubleClick:a,onNodeMouseEnter:s,onNodeMouseMove:c,onNodeMouseLeave:l,onNodeContextMenu:u,nodeClickDistance:ce,onlyRenderVisibleElements:T,noPanClassName:ye,noDragClassName:_e,disableKeyboardA11y:be,nodeExtent:xe,rfId:Se}),(0,H.jsx)(`div`,{className:`react-flow__viewport-portal`})]})})}Ah.displayName=`GraphView`;var jh=(0,V.memo)(Ah),Mh=wu(`React Flow`,`https://reactflow.dev/`),Nh=({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:i,height:a,fitView:o,fitViewOptions:s,minZoom:c=.5,maxZoom:l=2,nodeOrigin:u,nodeExtent:d,zIndexMode:f=`basic`}={})=>{let p=new Map,m=new Map,h=new Map,g=new Map,_=r??t??[],v=n??e??[],y=u??[0,0],b=d??Vl;Nd(h,g,_);let{nodesInitialized:x}=wd(v,p,m,{nodeOrigin:y,nodeExtent:b,zIndexMode:f}),S=[0,0,1];if(o&&i&&a){let{x:e,y:t,zoom:n}=ju(ru(p,{filter:e=>!!((e.width||e.initialWidth)&&(e.height||e.initialHeight))}),i,a,c,l,s?.padding??.1);S=[e,t,n]}return{rfId:`1`,width:i??0,height:a??0,transform:S,nodes:v,nodesInitialized:x,nodeLookup:p,parentLookup:m,edges:_,edgeLookup:g,connectionLookup:h,onNodesChange:null,onEdgesChange:null,hasDefaultNodes:n!==void 0,hasDefaultEdges:r!==void 0,panZoom:null,minZoom:c,maxZoom:l,translateExtent:Vl,nodeExtent:b,nodesSelectionActive:!1,userSelectionActive:!1,userSelectionRect:null,connectionMode:Wl.Strict,domNode:null,paneDragging:!1,noPanClassName:`nopan`,nodeOrigin:y,nodeDragThreshold:1,connectionDragThreshold:1,snapGrid:[15,15],snapToGrid:!1,nodesDraggable:!0,nodesConnectable:!0,nodesFocusable:!0,edgesFocusable:!0,edgesReconnectable:!0,elementsSelectable:!0,elevateNodesOnSelect:!0,elevateEdgesOnSelect:!0,selectNodesOnDrag:!0,multiSelectionActive:!1,fitViewQueued:o??!1,fitViewOptions:s,fitViewResolver:null,connection:{...ql},connectionClickStartHandle:null,connectOnClick:!0,ariaLiveMessage:``,autoPanOnConnect:!0,autoPanOnNodeDrag:!0,autoPanOnNodeFocus:!0,autoPanSpeed:15,connectionRadius:20,onError:Mh,isValidConnection:void 0,onSelectionChangeHandlers:[],lib:`react`,debug:!1,ariaLabelConfig:Ul,zIndexMode:f,onNodesChangeMiddlewareMap:new Map,onEdgesChangeMiddlewareMap:new Map}},Ph=({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:i,height:a,fitView:o,fitViewOptions:s,minZoom:c,maxZoom:l,nodeOrigin:u,nodeExtent:d,zIndexMode:f})=>Ff((p,m)=>{async function h(){let{nodeLookup:e,panZoom:t,fitViewOptions:n,fitViewResolver:r,width:i,height:a,minZoom:o,maxZoom:s}=m();t&&(await su({nodes:e,width:i,height:a,panZoom:t,minZoom:o,maxZoom:s},n),r?.resolve(!0),p({fitViewResolver:null}))}return{...Nh({nodes:e,edges:t,width:i,height:a,fitView:o,fitViewOptions:s,minZoom:c,maxZoom:l,nodeOrigin:u,nodeExtent:d,defaultNodes:n,defaultEdges:r,zIndexMode:f}),setNodes:e=>{let{nodeLookup:t,parentLookup:n,nodeOrigin:r,elevateNodesOnSelect:i,fitViewQueued:a,zIndexMode:o,nodesSelectionActive:s}=m(),{nodesInitialized:c,hasSelectedNodes:l}=wd(e,t,n,{nodeOrigin:r,nodeExtent:d,elevateNodesOnSelect:i,checkEquality:!0,zIndexMode:o}),u=s&&l;a&&c?(h(),p({nodes:e,nodesInitialized:c,fitViewQueued:!1,fitViewOptions:void 0,nodesSelectionActive:u})):p({nodes:e,nodesInitialized:c,nodesSelectionActive:u})},setEdges:e=>{let{connectionLookup:t,edgeLookup:n}=m();Nd(t,n,e),p({edges:e})},setDefaultNodesAndEdges:(e,t)=>{if(e){let{setNodes:t}=m();t(e),p({hasDefaultNodes:!0})}if(t){let{setEdges:e}=m();e(t),p({hasDefaultEdges:!0})}},updateNodeInternals:e=>{let{triggerNodeChanges:t,nodeLookup:n,parentLookup:r,domNode:i,nodeOrigin:a,nodeExtent:o,debug:s,fitViewQueued:c,zIndexMode:l}=m(),{changes:u,updatedInternals:d}=Ad(e,n,r,i,a,o,l);d&&(xd(n,r,{nodeOrigin:a,nodeExtent:o,zIndexMode:l}),c?(h(),p({fitViewQueued:!1,fitViewOptions:void 0})):p({}),u?.length>0&&(s&&console.log(`React Flow: trigger node changes`,u),t?.(u)))},updateNodePositions:(e,t=!1)=>{let n=[],r=[],{nodeLookup:i,triggerNodeChanges:a,connection:o,updateConnection:s,onNodesChangeMiddlewareMap:c}=m();for(let[a,c]of e){let e=i.get(a),l=!!(e?.expandParent&&e?.parentId&&c?.position),u={id:a,type:`position`,position:l?{x:Math.max(0,c.position.x),y:Math.max(0,c.position.y)}:c.position,dragging:t};if(e&&o.inProgress&&o.fromNode.id===e.id){let t=pd(e,o.fromHandle,X.Left,!0);s({...o,from:t})}l&&e.parentId&&n.push({id:a,parentId:e.parentId,rect:{...c.internals.positionAbsolute,width:c.measured.width??0,height:c.measured.height??0}}),r.push(u)}if(n.length>0){let{parentLookup:e,nodeOrigin:t}=m(),a=kd(n,i,e,t);r.push(...a)}for(let e of c.values())r=e(r);a(r)},triggerNodeChanges:e=>{let{onNodesChange:t,setNodes:n,nodes:r,hasDefaultNodes:i,debug:a}=m();e?.length&&(i&&n(yp(e,r)),a&&console.log(`React Flow: trigger node changes`,e),t?.(e))},triggerEdgeChanges:e=>{let{onEdgesChange:t,setEdges:n,edges:r,hasDefaultEdges:i,debug:a}=m();e?.length&&(i&&n(bp(e,r)),a&&console.log(`React Flow: trigger edge changes`,e),t?.(e))},addSelectedNodes:e=>{let{multiSelectionActive:t,edgeLookup:n,nodeLookup:r,triggerNodeChanges:i,triggerEdgeChanges:a}=m();if(t){i(e.map(e=>xp(e,!0)));return}i(Sp(r,new Set([...e]),!0)),a(Sp(n))},addSelectedEdges:e=>{let{multiSelectionActive:t,edgeLookup:n,nodeLookup:r,triggerNodeChanges:i,triggerEdgeChanges:a}=m();if(t){a(e.map(e=>xp(e,!0)));return}a(Sp(n,new Set([...e]))),i(Sp(r,new Set,!0))},unselectNodesAndEdges:({nodes:e,edges:t}={})=>{let{edges:n,nodes:r,nodeLookup:i,triggerNodeChanges:a,triggerEdgeChanges:o}=m(),s=e||r,c=t||n,l=[];for(let e of s){if(!e.selected)continue;let t=i.get(e.id);t&&(t.selected=!1),l.push(xp(e.id,!1))}let u=[];for(let e of c)e.selected&&u.push(xp(e.id,!1));a(l),o(u)},setMinZoom:e=>{let{panZoom:t,maxZoom:n}=m();t?.setScaleExtent([e,n]),p({minZoom:e})},setMaxZoom:e=>{let{panZoom:t,minZoom:n}=m();t?.setScaleExtent([n,e]),p({maxZoom:e})},setTranslateExtent:e=>{m().panZoom?.setTranslateExtent(e),p({translateExtent:e})},resetSelectedElements:()=>{let{edges:e,nodes:t,triggerNodeChanges:n,triggerEdgeChanges:r,elementsSelectable:i}=m();if(!i)return;let a=t.reduce((e,t)=>t.selected?[...e,xp(t.id,!1)]:e,[]),o=e.reduce((e,t)=>t.selected?[...e,xp(t.id,!1)]:e,[]);n(a),r(o)},setNodeExtent:e=>{let{nodes:t,nodeLookup:n,parentLookup:r,nodeOrigin:i,elevateNodesOnSelect:a,nodeExtent:o,zIndexMode:s}=m();e[0][0]===o[0][0]&&e[0][1]===o[0][1]&&e[1][0]===o[1][0]&&e[1][1]===o[1][1]||(wd(t,n,r,{nodeOrigin:i,nodeExtent:e,elevateNodesOnSelect:a,checkEquality:!1,zIndexMode:s}),p({nodeExtent:e}))},panBy:e=>{let{transform:t,width:n,height:r,panZoom:i,translateExtent:a}=m();return jd({delta:e,panZoom:i,transform:t,translateExtent:a,width:n,height:r})},setCenter:async(e,t,n)=>{let{width:r,height:i,maxZoom:a,panZoom:o}=m();if(!o)return!1;let s=n?.zoom===void 0?a:n.zoom;return await o.setViewport({x:r/2-e*s,y:i/2-t*s,zoom:s},{duration:n?.duration,ease:n?.ease,interpolate:n?.interpolate}),!0},cancelConnection:()=>{p({connection:{...ql}})},updateConnection:e=>{p({connection:e})},reset:()=>p({...Nh()})}},Object.is);function Fh({initialNodes:e,initialEdges:t,defaultNodes:n,defaultEdges:r,initialWidth:i,initialHeight:a,initialMinZoom:o,initialMaxZoom:s,initialFitViewOptions:c,fitView:l,nodeOrigin:u,nodeExtent:d,zIndexMode:f,children:p}){let[m]=(0,V.useState)(()=>Ph({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:i,height:a,fitView:l,minZoom:o,maxZoom:s,fitViewOptions:c,nodeOrigin:u,nodeExtent:d,zIndexMode:f}));return(0,H.jsx)(Rf,{value:m,children:(0,H.jsx)(Pp,{children:p})})}function Ih({children:e,nodes:t,edges:n,defaultNodes:r,defaultEdges:i,width:a,height:o,fitView:s,fitViewOptions:c,minZoom:l,maxZoom:u,nodeOrigin:d,nodeExtent:f,zIndexMode:p}){return(0,V.useContext)(Lf)?(0,H.jsx)(H.Fragment,{children:e}):(0,H.jsx)(Fh,{initialNodes:t,initialEdges:n,defaultNodes:r,defaultEdges:i,initialWidth:a,initialHeight:o,fitView:s,initialFitViewOptions:c,initialMinZoom:l,initialMaxZoom:u,nodeOrigin:d,nodeExtent:f,zIndexMode:p,children:e})}var Lh={width:`100%`,height:`100%`,overflow:`hidden`,position:`relative`,zIndex:0};function Rh({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,className:i,nodeTypes:a,edgeTypes:o,onNodeClick:s,onEdgeClick:c,onInit:l,onMove:u,onMoveStart:d,onMoveEnd:f,onConnect:p,onConnectStart:m,onConnectEnd:h,onClickConnectStart:g,onClickConnectEnd:_,onNodeMouseEnter:v,onNodeMouseMove:y,onNodeMouseLeave:b,onNodeContextMenu:x,onNodeDoubleClick:S,onNodeDragStart:C,onNodeDrag:w,onNodeDragStop:T,onNodesDelete:E,onEdgesDelete:D,onDelete:O,onSelectionChange:k,onSelectionDragStart:A,onSelectionDrag:j,onSelectionDragStop:M,onSelectionContextMenu:ee,onSelectionStart:N,onSelectionEnd:P,onBeforeDelete:F,connectionMode:I,connectionLineType:L=Jl.Bezier,connectionLineStyle:te,connectionLineComponent:ne,connectionLineContainerStyle:re,deleteKeyCode:R=`Backspace`,selectionKeyCode:z=`Shift`,selectionOnDrag:ie=!1,selectionMode:ae=Kl.Full,panActivationKeyCode:oe=`Space`,multiSelectionKeyCode:se=Mu()?`Meta`:`Control`,zoomActivationKeyCode:ce=Mu()?`Meta`:`Control`,snapToGrid:le,snapGrid:ue,onlyRenderVisibleElements:de=!1,selectNodesOnDrag:fe,nodesDraggable:pe,autoPanOnNodeFocus:me,nodesConnectable:he,nodesFocusable:ge,nodeOrigin:_e=ip,edgesFocusable:ve,edgesReconnectable:ye,elementsSelectable:be=!0,defaultViewport:xe=ap,minZoom:Se=.5,maxZoom:Ce=2,translateExtent:we=Vl,preventScrolling:Te=!0,nodeExtent:Ee,defaultMarkerColor:De=`#b1b1b7`,zoomOnScroll:Oe=!0,zoomOnPinch:ke=!0,panOnScroll:Ae=!1,panOnScrollSpeed:je=.5,panOnScrollMode:B=Gl.Free,zoomOnDoubleClick:Me=!0,panOnDrag:Ne=!0,onPaneClick:Pe,onPaneMouseEnter:Fe,onPaneMouseMove:Ie,onPaneMouseLeave:Le,onPaneScroll:Re,onPaneContextMenu:ze,paneClickDistance:Be=1,nodeClickDistance:Ve=0,children:He,onReconnect:Ue,onReconnectStart:We,onReconnectEnd:Ge,onEdgeContextMenu:Ke,onEdgeDoubleClick:qe,onEdgeMouseEnter:Je,onEdgeMouseMove:Ye,onEdgeMouseLeave:Xe,reconnectRadius:Ze=10,onNodesChange:Qe,onEdgesChange:$e,noDragClassName:et=`nodrag`,noWheelClassName:tt=`nowheel`,noPanClassName:nt=`nopan`,fitView:rt,fitViewOptions:it,connectOnClick:at,attributionPosition:ot,proOptions:st,defaultEdgeOptions:ct,elevateNodesOnSelect:lt=!0,elevateEdgesOnSelect:ut=!1,disableKeyboardA11y:dt=!1,autoPanOnConnect:ft,autoPanOnNodeDrag:pt,autoPanOnSelection:mt=!0,autoPanSpeed:ht,connectionRadius:gt,isValidConnection:_t,onError:vt,style:yt,id:bt,nodeDragThreshold:xt,connectionDragThreshold:St,viewport:Ct,onViewportChange:wt,width:Tt,height:Et,colorMode:Dt=`light`,debug:Ot,onScroll:kt,ariaLabelConfig:At,zIndexMode:jt=`basic`,...Mt},Nt){let Pt=bt||`1`,Ft=dp(Dt),It=(0,V.useCallback)(e=>{e.currentTarget.scrollTo({top:0,left:0,behavior:`instant`}),kt?.(e)},[kt]);return(0,H.jsx)(`div`,{"data-testid":`rf__wrapper`,...Mt,onScroll:It,style:{...yt,...Lh},ref:Nt,className:ci([`react-flow`,i,Ft]),id:bt,role:`application`,children:(0,H.jsxs)(Ih,{nodes:e,edges:t,width:Tt,height:Et,fitView:rt,fitViewOptions:it,minZoom:Se,maxZoom:Ce,nodeOrigin:_e,nodeExtent:Ee,zIndexMode:jt,children:[(0,H.jsx)(lp,{nodes:e,edges:t,defaultNodes:n,defaultEdges:r,onConnect:p,onConnectStart:m,onConnectEnd:h,onClickConnectStart:g,onClickConnectEnd:_,nodesDraggable:pe,autoPanOnNodeFocus:me,nodesConnectable:he,nodesFocusable:ge,edgesFocusable:ve,edgesReconnectable:ye,elementsSelectable:be,elevateNodesOnSelect:lt,elevateEdgesOnSelect:ut,minZoom:Se,maxZoom:Ce,nodeExtent:Ee,onNodesChange:Qe,onEdgesChange:$e,snapToGrid:le,snapGrid:ue,connectionMode:I,translateExtent:we,connectOnClick:at,defaultEdgeOptions:ct,fitView:rt,fitViewOptions:it,onNodesDelete:E,onEdgesDelete:D,onDelete:O,onNodeDragStart:C,onNodeDrag:w,onNodeDragStop:T,onSelectionDrag:j,onSelectionDragStart:A,onSelectionDragStop:M,onMove:u,onMoveStart:d,onMoveEnd:f,noPanClassName:nt,nodeOrigin:_e,rfId:Pt,autoPanOnConnect:ft,autoPanOnNodeDrag:pt,autoPanSpeed:ht,onError:vt,connectionRadius:gt,isValidConnection:_t,selectNodesOnDrag:fe,nodeDragThreshold:xt,connectionDragThreshold:St,onBeforeDelete:F,debug:Ot,ariaLabelConfig:At,zIndexMode:jt}),(0,H.jsx)(jh,{onInit:l,onNodeClick:s,onEdgeClick:c,onNodeMouseEnter:v,onNodeMouseMove:y,onNodeMouseLeave:b,onNodeContextMenu:x,onNodeDoubleClick:S,nodeTypes:a,edgeTypes:o,connectionLineType:L,connectionLineStyle:te,connectionLineComponent:ne,connectionLineContainerStyle:re,selectionKeyCode:z,selectionOnDrag:ie,selectionMode:ae,deleteKeyCode:R,multiSelectionKeyCode:se,panActivationKeyCode:oe,zoomActivationKeyCode:ce,onlyRenderVisibleElements:de,defaultViewport:xe,translateExtent:we,minZoom:Se,maxZoom:Ce,preventScrolling:Te,zoomOnScroll:Oe,zoomOnPinch:ke,zoomOnDoubleClick:Me,panOnScroll:Ae,panOnScrollSpeed:je,panOnScrollMode:B,panOnDrag:Ne,autoPanOnSelection:mt,onPaneClick:Pe,onPaneMouseEnter:Fe,onPaneMouseMove:Ie,onPaneMouseLeave:Le,onPaneScroll:Re,onPaneContextMenu:ze,paneClickDistance:Be,nodeClickDistance:Ve,onSelectionContextMenu:ee,onSelectionStart:N,onSelectionEnd:P,onReconnect:Ue,onReconnectStart:We,onReconnectEnd:Ge,onEdgeContextMenu:Ke,onEdgeDoubleClick:qe,onEdgeMouseEnter:Je,onEdgeMouseMove:Ye,onEdgeMouseLeave:Xe,reconnectRadius:Ze,defaultMarkerColor:De,noDragClassName:et,noWheelClassName:tt,noPanClassName:nt,rfId:Pt,disableKeyboardA11y:dt,nodeExtent:Ee,viewport:Ct,onViewportChange:wt}),(0,H.jsx)(rp,{onSelectionChange:k}),He,(0,H.jsx)(Zf,{proOptions:st,position:ot}),(0,H.jsx)(Yf,{rfId:Pt,disableKeyboardA11y:dt})]})})}var zh=kp(Rh);function Bh(e){let[t,n]=(0,V.useState)(e);return[t,n,(0,V.useCallback)(e=>n(t=>yp(e,t)),[])]}function Vh(e){let[t,n]=(0,V.useState)(e);return[t,n,(0,V.useCallback)(e=>n(t=>bp(e,t)),[])]}Bl.error014();function Hh({dimensions:e,lineWidth:t,variant:n,className:r}){return(0,H.jsx)(`path`,{strokeWidth:t,d:`M${e[0]/2} 0 V${e[1]} M0 ${e[1]/2} H${e[0]}`,className:ci([`react-flow__background-pattern`,n,r])})}function Uh({radius:e,className:t}){return(0,H.jsx)(`circle`,{cx:e,cy:e,r:e,className:ci([`react-flow__background-pattern`,`dots`,t])})}var Wh;(function(e){e.Lines=`lines`,e.Dots=`dots`,e.Cross=`cross`})(Wh||={});var Gh={[Wh.Dots]:1,[Wh.Lines]:1,[Wh.Cross]:6},Kh=e=>({transform:e.transform,patternId:`pattern-${e.rfId}`});function qh({id:e,variant:t=Wh.Dots,gap:n=20,size:r,lineWidth:i=1,offset:a=0,color:o,bgColor:s,style:c,className:l,patternClassName:u}){let d=(0,V.useRef)(null),{transform:f,patternId:p}=$(Kh,If),m=r||Gh[t],h=t===Wh.Dots,g=t===Wh.Cross,_=Array.isArray(n)?n:[n,n],v=[_[0]*f[2]||1,_[1]*f[2]||1],y=m*f[2],b=Array.isArray(a)?a:[a,a],x=g?[y,y]:v,S=[b[0]*f[2]||1+x[0]/2,b[1]*f[2]||1+x[1]/2],C=`${p}${e||``}`;return(0,H.jsxs)(`svg`,{className:ci([`react-flow__background`,l]),style:{...c,...Hp,"--xy-background-color-props":s,"--xy-background-pattern-color-props":o},ref:d,"data-testid":`rf__background`,children:[(0,H.jsx)(`pattern`,{id:C,x:f[0]%v[0],y:f[1]%v[1],width:v[0],height:v[1],patternUnits:`userSpaceOnUse`,patternTransform:`translate(-${S[0]},-${S[1]})`,children:h?(0,H.jsx)(Uh,{radius:y/2,className:u}):(0,H.jsx)(Hh,{dimensions:x,lineWidth:i,variant:t,className:u})}),(0,H.jsx)(`rect`,{x:`0`,y:`0`,width:`100%`,height:`100%`,fill:`url(#${C})`})]})}qh.displayName=`Background`;var Jh=(0,V.memo)(qh);function Yh(){return(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 32`,children:(0,H.jsx)(`path`,{d:`M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z`})})}function Xh(){return(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 5`,children:(0,H.jsx)(`path`,{d:`M0 0h32v4.2H0z`})})}function Zh(){return(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 30`,children:(0,H.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 Qh(){return(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 25 32`,children:(0,H.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 $h(){return(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 25 32`,children:(0,H.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 eg({children:e,className:t,...n}){return(0,H.jsx)(`button`,{type:`button`,className:ci([`react-flow__controls-button`,t]),...n,children:e})}var tg=e=>({isInteractive:e.nodesDraggable||e.nodesConnectable||e.elementsSelectable,minZoomReached:e.transform[2]<=e.minZoom,maxZoomReached:e.transform[2]>=e.maxZoom,ariaLabelConfig:e.ariaLabelConfig});function ng({style:e,showZoom:t=!0,showFitView:n=!0,showInteractive:r=!0,fitViewOptions:i,onZoomIn:a,onZoomOut:o,onFitView:s,onInteractiveChange:c,className:l,children:u,position:d=`bottom-left`,orientation:f=`vertical`,"aria-label":p}){let m=Bf(),{isInteractive:h,minZoomReached:g,maxZoomReached:_,ariaLabelConfig:v}=$(tg,If),{zoomIn:y,zoomOut:b,fitView:x}=Lp();return(0,H.jsxs)(Xf,{className:ci([`react-flow__controls`,f===`horizontal`?`horizontal`:`vertical`,l]),position:d,style:e,"data-testid":`rf__controls`,"aria-label":p??v[`controls.ariaLabel`],children:[t&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(eg,{onClick:()=>{y(),a?.()},className:`react-flow__controls-zoomin`,title:v[`controls.zoomIn.ariaLabel`],"aria-label":v[`controls.zoomIn.ariaLabel`],disabled:_,children:(0,H.jsx)(Yh,{})}),(0,H.jsx)(eg,{onClick:()=>{b(),o?.()},className:`react-flow__controls-zoomout`,title:v[`controls.zoomOut.ariaLabel`],"aria-label":v[`controls.zoomOut.ariaLabel`],disabled:g,children:(0,H.jsx)(Xh,{})})]}),n&&(0,H.jsx)(eg,{className:`react-flow__controls-fitview`,onClick:()=>{x(i),s?.()},title:v[`controls.fitView.ariaLabel`],"aria-label":v[`controls.fitView.ariaLabel`],children:(0,H.jsx)(Zh,{})}),r&&(0,H.jsx)(eg,{className:`react-flow__controls-interactive`,onClick:()=>{m.setState({nodesDraggable:!h,nodesConnectable:!h,elementsSelectable:!h}),c?.(!h)},title:v[`controls.interactive.ariaLabel`],"aria-label":v[`controls.interactive.ariaLabel`],children:h?(0,H.jsx)($h,{}):(0,H.jsx)(Qh,{})}),u]})}ng.displayName=`Controls`;var rg=(0,V.memo)(ng);function ig({id:e,x:t,y:n,width:r,height:i,style:a,color:o,strokeColor:s,strokeWidth:c,className:l,borderRadius:u,shapeRendering:d,selected:f,onClick:p}){let{background:m,backgroundColor:h}=a||{},g=o||m||h;return(0,H.jsx)(`rect`,{className:ci([`react-flow__minimap-node`,{selected:f},l]),x:t,y:n,rx:u,ry:u,width:r,height:i,style:{fill:g,stroke:s,strokeWidth:c},shapeRendering:d,onClick:p?t=>p(t,e):void 0})}var ag=(0,V.memo)(ig),og=e=>e.nodes.map(e=>e.id),sg=e=>e instanceof Function?e:()=>e;function cg({nodeStrokeColor:e,nodeColor:t,nodeClassName:n=``,nodeBorderRadius:r=5,nodeStrokeWidth:i,nodeComponent:a=ag,onClick:o}){let s=$(og,If),c=sg(t),l=sg(e),u=sg(n),d=typeof window>`u`||window.chrome?`crispEdges`:`geometricPrecision`;return(0,H.jsx)(H.Fragment,{children:s.map(e=>(0,H.jsx)(ug,{id:e,nodeColorFunc:c,nodeStrokeColorFunc:l,nodeClassNameFunc:u,nodeBorderRadius:r,nodeStrokeWidth:i,NodeComponent:a,onClick:o,shapeRendering:d},e))})}function lg({id:e,nodeColorFunc:t,nodeStrokeColorFunc:n,nodeClassNameFunc:r,nodeBorderRadius:i,nodeStrokeWidth:a,shapeRendering:o,NodeComponent:s,onClick:c}){let{node:l,x:u,y:d,width:f,height:p}=$(t=>{let n=t.nodeLookup.get(e);if(!n)return{node:void 0,x:0,y:0,width:0,height:0};let r=n.internals.userNode,{x:i,y:a}=n.internals.positionAbsolute,{width:o,height:s}=Pu(r);return{node:r,x:i,y:a,width:o,height:s}},If);return!l||l.hidden||!Fu(l)?null:(0,H.jsx)(s,{x:u,y:d,width:f,height:p,style:l.style,selected:!!l.selected,className:r(l),color:t(l),borderRadius:i,strokeColor:n(l),strokeWidth:a,shapeRendering:o,onClick:c,id:l.id})}var ug=(0,V.memo)(lg),dg=(0,V.memo)(cg),fg=200,pg=150,mg=e=>!e.hidden,hg=e=>{let t={x:-e.transform[0]/e.transform[2],y:-e.transform[1]/e.transform[2],width:e.width/e.transform[2],height:e.height/e.transform[2]};return{viewBB:t,boundingRect:e.nodeLookup.size>0?bu(ru(e.nodeLookup,{filter:mg}),t):t,rfId:e.rfId,panZoom:e.panZoom,translateExtent:e.translateExtent,flowWidth:e.width,flowHeight:e.height,ariaLabelConfig:e.ariaLabelConfig}},gg=`react-flow__minimap-desc`;function _g({style:e,className:t,nodeStrokeColor:n,nodeColor:r,nodeClassName:i=``,nodeBorderRadius:a=5,nodeStrokeWidth:o,nodeComponent:s,bgColor:c,maskColor:l,maskStrokeColor:u,maskStrokeWidth:d,position:f=`bottom-right`,onClick:p,onNodeClick:m,pannable:h=!1,zoomable:g=!1,ariaLabel:_,inversePan:v,zoomStep:y=1,offsetScale:b=5}){let x=Bf(),S=(0,V.useRef)(null),{boundingRect:C,viewBB:w,rfId:T,panZoom:E,translateExtent:D,flowWidth:O,flowHeight:k,ariaLabelConfig:A}=$(hg,If),j=e?.width??fg,M=e?.height??pg,ee=C.width/j,N=C.height/M,P=Math.max(ee,N),F=P*j,I=P*M,L=b*P,te=C.x-(F-C.width)/2-L,ne=C.y-(I-C.height)/2-L,re=F+L*2,R=I+L*2,z=`${gg}-${T}`,ie=(0,V.useRef)(0),ae=(0,V.useRef)();ie.current=P,(0,V.useEffect)(()=>{if(S.current&&E)return ae.current=Xd({domNode:S.current,panZoom:E,getTransform:()=>x.getState().transform,getViewScale:()=>ie.current}),()=>{ae.current?.destroy()}},[E]),(0,V.useEffect)(()=>{ae.current?.update({translateExtent:D,width:O,height:k,inversePan:v,pannable:h,zoomStep:y,zoomable:g})},[h,g,v,y,D,O,k]);let oe=p?e=>{let[t,n]=ae.current?.pointer(e)||[0,0];p(e,{x:t,y:n})}:void 0,se=m?(0,V.useCallback)((e,t)=>{let n=x.getState().nodeLookup.get(t).internals.userNode;m(e,n)},[]):void 0,ce=_??A[`minimap.ariaLabel`];return(0,H.jsx)(Xf,{position:f,style:{...e,"--xy-minimap-background-color-props":typeof c==`string`?c:void 0,"--xy-minimap-mask-background-color-props":typeof l==`string`?l:void 0,"--xy-minimap-mask-stroke-color-props":typeof u==`string`?u:void 0,"--xy-minimap-mask-stroke-width-props":typeof d==`number`?d*P:void 0,"--xy-minimap-node-background-color-props":typeof r==`string`?r:void 0,"--xy-minimap-node-stroke-color-props":typeof n==`string`?n:void 0,"--xy-minimap-node-stroke-width-props":typeof o==`number`?o:void 0},className:ci([`react-flow__minimap`,t]),"data-testid":`rf__minimap`,children:(0,H.jsxs)(`svg`,{width:j,height:M,viewBox:`${te} ${ne} ${re} ${R}`,className:`react-flow__minimap-svg`,role:`img`,"aria-labelledby":z,ref:S,onClick:oe,children:[ce&&(0,H.jsx)(`title`,{id:z,children:ce}),(0,H.jsx)(dg,{onClick:se,nodeColor:r,nodeStrokeColor:n,nodeBorderRadius:a,nodeClassName:i,nodeStrokeWidth:o,nodeComponent:s}),(0,H.jsx)(`path`,{className:`react-flow__minimap-mask`,d:`M${te-L},${ne-L}h${re+L*2}v${R+L*2}h${-re-L*2}z
|
|
1628
|
-
M${w.x},${w.y}h${w.width}v${w.height}h${-w.width}z`,fillRule:`evenodd`,pointerEvents:`none`})]})})}_g.displayName=`MiniMap`;var vg=(0,V.memo)(_g),yg=e=>t=>e?`${Math.max(1/t.transform[2],1)}`:void 0,bg={[ff.Line]:`right`,[ff.Handle]:`bottom-right`};function xg({nodeId:e,position:t,variant:n=ff.Handle,className:r,style:i=void 0,children:a,color:o,minWidth:s=10,minHeight:c=10,maxWidth:l=Number.MAX_VALUE,maxHeight:u=Number.MAX_VALUE,keepAspectRatio:d=!1,resizeDirection:f,autoScale:p=!0,shouldResize:m,onResizeStart:h,onResize:g,onResizeEnd:_}){let v=nm(),y=typeof e==`string`?e:v,b=Bf(),x=(0,V.useRef)(null),S=n===ff.Handle,C=$((0,V.useCallback)(yg(S&&p),[S,p]),If),w=(0,V.useRef)(null),T=t??bg[n];return(0,V.useEffect)(()=>{if(!(!x.current||!y))return w.current||=Cf({domNode:x.current,nodeId:y,getStoreItems:()=>{let{nodeLookup:e,transform:t,snapGrid:n,snapToGrid:r,nodeOrigin:i,domNode:a}=b.getState();return{nodeLookup:e,transform:t,snapGrid:n,snapToGrid:r,nodeOrigin:i,paneDomNode:a}},onChange:(e,t)=>{let{triggerNodeChanges:n,nodeLookup:r,parentLookup:i,nodeOrigin:a}=b.getState(),o=[],s={x:e.x,y:e.y},c=r.get(y);if(c&&c.expandParent&&c.parentId){let t=c.origin??a,n=e.width??c.measured.width??0,l=e.height??c.measured.height??0,u=kd([{id:c.id,parentId:c.parentId,rect:{width:n,height:l,...Iu({x:e.x??c.position.x,y:e.y??c.position.y},{width:n,height:l},c.parentId,r,t)}}],r,i,a);o.push(...u),s.x=e.x?Math.max(t[0]*n,e.x):void 0,s.y=e.y?Math.max(t[1]*l,e.y):void 0}if(s.x!==void 0&&s.y!==void 0){let e={id:y,type:`position`,position:{...s}};o.push(e)}if(e.width!==void 0&&e.height!==void 0){let t={id:y,type:`dimensions`,resizing:!0,setAttributes:f?f===`horizontal`?`width`:`height`:!0,dimensions:{width:e.width,height:e.height}};o.push(t)}for(let e of t){let t={...e,type:`position`};o.push(t)}n(o)},onEnd:({width:e,height:t})=>{let n={id:y,type:`dimensions`,resizing:!1,dimensions:{width:e,height:t}};b.getState().triggerNodeChanges([n])}}),w.current.update({controlPosition:T,boundaries:{minWidth:s,minHeight:c,maxWidth:l,maxHeight:u},keepAspectRatio:d,resizeDirection:f,onResizeStart:h,onResize:g,onResizeEnd:_,shouldResize:m}),()=>{w.current?.destroy()}},[T,s,c,l,u,d,h,g,_,m]),(0,H.jsx)(`div`,{className:ci([`react-flow__resize-control`,`nodrag`,...T.split(`-`),n,r]),ref:x,style:{...i,scale:C,...o&&{[S?`backgroundColor`:`borderColor`]:o}},children:a})}(0,V.memo)(xg);var Sg=(0,V.createContext)(void 0),Cg=`aikit-theme-mode`,wg=({children:e,defaultMode:t=`system`})=>{let[n,r]=(0,V.useState)(()=>{if(typeof window>`u`)return t;try{return localStorage.getItem(Cg)||t}catch{return t}}),[i,a]=(0,V.useState)(`light`),o=(0,V.useCallback)(e=>{if(e===`system`){let e=window.matchMedia(`(prefers-color-scheme: dark)`).matches;a(e?`dark`:`light`)}else a(e)},[]);(0,V.useEffect)(()=>{if(o(n),n===`system`){let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>o(`system`);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)}},[n,o]),(0,V.useEffect)(()=>{document.documentElement.setAttribute(`data-theme`,i)},[i]);let s=(0,V.useCallback)(e=>{r(e);try{localStorage.setItem(Cg,e)}catch{}},[]),c=(0,V.useCallback)(()=>{s(i===`light`?`dark`:`light`)},[i,s]);return(0,H.jsx)(Sg.Provider,{value:{mode:n,resolvedMode:i,setMode:s,toggleMode:c},children:e})},Tg=()=>{let e=(0,V.useContext)(Sg);if(e===void 0)throw Error(`useTheme must be used within a ThemeProvider`);return e},Eg=({children:e,variant:t=`full`,className:n=``,style:r,showGradientGlow:i=!1})=>(0,H.jsxs)(`div`,{className:`${`layout-${t}`} ${n}`.trim(),style:r,children:[i?(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`div`,{className:`aikit-glow-primary`}),(0,H.jsx)(`div`,{className:`aikit-glow-secondary`})]}):null,e]}),Dg=(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,H.jsx)(`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z`})}),Og=(0,H.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,H.jsx)(`path`,{d:`M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z`}),(0,H.jsx)(`circle`,{cx:`12`,cy:`13`,r:`4`})]}),kg=(0,H.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,H.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,H.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,H.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),Ag=(0,H.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,H.jsx)(`circle`,{cx:`12`,cy:`12`,r:`5`}),(0,H.jsx)(`path`,{d:`M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42`})]}),jg=(0,H.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,H.jsx)(`path`,{d:`M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z`})}),Mg=({title:e=`AI Kit`,subtitle:t,showThemeToggle:n=!0,showToolbox:r=!0,actions:i,toolboxItems:a})=>{let{resolvedMode:o,toggleMode:s}=Tg(),[c,l]=(0,V.useState)(!1),u=(0,V.useRef)(null),d=o===`dark`?`Switch to light theme`:`Switch to dark theme`,f=(0,V.useCallback)(async()=>{try{if(typeof window.screenshotPage==`function`){l(!1),await window.screenshotPage();return}l(!1);let e=await h();try{if(navigator.clipboard?.write&&typeof ClipboardItem<`u`)await navigator.clipboard.write([new ClipboardItem({"image/png":e})]),p(`Copied image to clipboard.`);else{let t=await new Promise(t=>{let n=new FileReader;n.onload=()=>t(String(n.result)),n.readAsDataURL(e)}),n=!1,r=e=>{let r=e.clipboardData;r&&(e.preventDefault(),r.setData(`text/html`,`<img alt="AI Kit" src="${t}">`),r.setData(`text/plain`,`AI Kit image`),n=!0)};document.addEventListener(`copy`,r,{once:!0});try{n=document.execCommand(`copy`)||n}finally{document.removeEventListener(`copy`,r)}if(!n)throw Error(`Legacy clipboard copy unavailable`);p(`Copied image to clipboard.`)}}catch{console.warn(`Clipboard unavailable, falling back to download`);let t=new Date().toISOString().replace(/[.:]/g,`-`),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`aikit-present-${t}.png`,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),1e4),p(`Clipboard blocked — image downloaded instead.`)}}catch(e){console.warn(`Screenshot failed`,e),p(`Screenshot failed.`,`error`)}},[]),p=(e,t=`info`)=>{let n=document.querySelector(`.aikit-copy-status`);n&&n.remove();let r=document.createElement(`div`);r.className=`aikit-copy-status`,r.setAttribute(`role`,`status`),r.setAttribute(`aria-live`,`polite`),r.dataset.tone=t,r.textContent=e,document.body.appendChild(r),setTimeout(()=>r.remove(),4e3)},m=(0,V.useCallback)(async()=>{try{if(typeof window.downloadPng==`function`){l(!1),await window.downloadPng();return}l(!1);let e=await h(),t=new Date().toISOString().replace(/[.:]/g,`-`),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`aikit-present-${t}.png`,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),1e4),p(`Downloaded image.`)}catch(e){console.warn(`Download failed`,e),p(`Download failed.`,`error`)}},[]),h=async()=>{let e=window.scrollX,t=window.scrollY;window.scrollTo(0,0),await new Promise(e=>requestAnimationFrame(()=>e(void 0)));let n=Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth),r=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight),i=window.devicePixelRatio||1,a=document.createElement(`canvas`);a.width=Math.max(1,Math.ceil(n*i)),a.height=Math.max(1,Math.ceil(r*i));let o=a.getContext(`2d`);if(!o)throw Error(`Canvas context unavailable`);o.scale(i,i);let s=document.documentElement.cloneNode(!0);s.querySelectorAll(`script`).forEach(e=>e.remove());let c=(e,t)=>{let n=window.getComputedStyle(e),r=Array.from(n).map(e=>`${e}:${n.getPropertyValue(e)};`).join(``);t.setAttribute(`style`,r);for(let n=0;n<e.children.length;n++)c(e.children[n],t.children[n])};c(document.documentElement,s);let l=[`<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${r}" viewBox="0 0 ${n} ${r}">`,`<foreignObject width="100%" height="100%">${new XMLSerializer().serializeToString(s)}</foreignObject>`,`</svg>`].join(``),u=new Blob([l],{type:`image/svg+xml;charset=utf-8`}),d=URL.createObjectURL(u);try{await new Promise((e,t)=>{let i=new Image;i.onload=()=>{o.drawImage(i,0,0,n,r),e()},i.onerror=()=>t(Error(`ForeignObject render failed`)),i.src=d})}finally{URL.revokeObjectURL(d)}let f=await new Promise(e=>a.toBlob(e,`image/png`));if(!f||f.type!==`image/png`)throw Error(`PNG export failed`);return window.scrollTo(e,t),f},g=a??[{id:`copy-image`,label:`Copy as Image`,icon:(0,H.jsx)(`span`,{"aria-hidden":`true`,children:Og}),onClick:f},{id:`download-image`,label:`Download as PNG`,icon:(0,H.jsx)(`span`,{"aria-hidden":`true`,children:kg}),onClick:m}];return(0,V.useEffect)(()=>{if(!c)return;let e=e=>{u.current&&!u.current.contains(e.target)&&l(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[c]),(0,V.useEffect)(()=>{if(!c)return;let e=e=>{e.key===`Escape`&&l(!1)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[c]),(0,H.jsxs)(`header`,{className:`aikit-header`,children:[(0,H.jsx)(`div`,{className:`aikit-header-brand`,children:`AI KIT`}),(0,H.jsxs)(`div`,{className:`aikit-header-title`,children:[(0,H.jsx)(`span`,{className:`aikit-header-title-text`,children:e}),t?(0,H.jsx)(`span`,{className:`aikit-header-subtitle`,children:t}):null]}),(0,H.jsxs)(`div`,{className:`aikit-header-actions`,children:[i,r&&g.length>0?(0,H.jsxs)(`div`,{className:`aikit-toolbox`,ref:u,children:[(0,H.jsx)(`button`,{type:`button`,className:`aikit-toolbox-toggle`,"aria-label":`Open tools menu`,"aria-haspopup":`menu`,"aria-expanded":c,"aria-controls":`aikit-toolbox-menu`,onClick:()=>l(e=>!e),children:Dg}),(0,H.jsx)(`div`,{id:`aikit-toolbox-menu`,className:`aikit-toolbox-menu`,role:`menu`,hidden:!c,children:g.map(e=>(0,H.jsxs)(`button`,{type:`button`,className:`aikit-toolbox-item`,role:`menuitem`,"data-shared-chrome-action":e.id,"aria-label":e.label,onClick:()=>{l(!1),e.onClick()},children:[e.icon,(0,H.jsx)(`span`,{children:e.label})]},e.id))})]}):null,n?(0,H.jsxs)(`button`,{type:`button`,className:`aikit-theme-toggle`,"aria-label":d,"aria-pressed":o===`dark`,title:d,onClick:s,children:[(0,H.jsx)(`span`,{className:`aikit-theme-toggle-icon aikit-theme-toggle-icon--sun`,"aria-hidden":`true`,children:Ag}),(0,H.jsx)(`span`,{className:`aikit-theme-toggle-icon aikit-theme-toggle-icon--moon`,"aria-hidden":`true`,children:jg})]}):null]})]})};function Ng(e){if(!e)return null;let t=new Date(e);return isNaN(t.getTime())?{display:e}:{dateTime:t.toISOString(),display:new Intl.DateTimeFormat(void 0,{month:`long`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`}).format(t)}}function Pg(e){return!e||e.length===0?null:(0,H.jsx)(`span`,{className:`aikit-footer-legend`,children:e.map((e,t)=>(0,H.jsxs)(`span`,{className:`aikit-footer-legend-item`,children:[(0,H.jsx)(`span`,{className:`aikit-footer-legend-swatch`,style:{backgroundColor:e.color}}),(0,H.jsxs)(`span`,{children:[e.icon?(0,H.jsxs)(`span`,{children:[e.icon,` `]}):null,e.label]})]},`${e.label}-${t}`))})}var Fg=({generatedAt:e,badge:t,showTimestamp:n=!0,showAttribution:r=!0,showInstallGuide:i=!0,installUrl:a=`https://hermes-agent.nousresearch.com`,legend:o,content:s})=>{let c=n?Ng(e):null,l=c?[`Generated by `,(0,H.jsx)(`span`,{className:`aikit-footer-brand`,children:`AI KIT`},`brand`),` at `,c.dateTime?(0,H.jsx)(`time`,{className:`aikit-footer-timestamp`,dateTime:c.dateTime,children:c.display},`time`):(0,H.jsx)(`span`,{className:`aikit-footer-timestamp`,children:c.display},`time`)]:[`Generated by `,(0,H.jsx)(`span`,{className:`aikit-footer-brand`,children:`AI KIT`},`brand`)],u=s??Pg(o);return(0,H.jsxs)(`footer`,{className:`aikit-footer`,children:[(0,H.jsxs)(`div`,{className:`aikit-footer-meta`,children:[r?(0,H.jsx)(`span`,{className:`aikit-footer-text`,children:l}):null,u?(0,H.jsx)(`div`,{className:`aikit-footer-slot`,children:u}):null,r&&i?(0,H.jsx)(`span`,{className:`aikit-footer-slot`,children:(0,H.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener`,children:`Get AI Kit →`})}):null]}),t?(0,H.jsx)(`span`,{className:`aikit-footer-badge`,children:t}):null]})},Ig={cjs:`js`,css:`css`,go:`go`,html:`html`,java:`java`,js:`js`,json:`json`,jsx:`jsx`,md:`md`,mjs:`js`,py:`python`,rs:`rust`,sh:`bash`,sql:`sql`,ts:`ts`,tsx:`tsx`,yml:`yaml`,yaml:`yaml`};function Lg(e){return e.replace(/`/g,"\\`")}function Rg(e){return Ig[e?.split(`.`).pop()?.toLowerCase()??``]??`text`}function zg(e){let t=[e.file?`- File: \`${Lg(e.file)}${e.line?`:${e.line}`:``}\``:null,e.learnsConcept?`- Concept: ${e.learnsConcept}`:null,e.duration?`- Duration: ${e.duration}`:null].filter(e=>!!e);return t.length>0?t.join(`
|
|
1628
|
+
M${w.x},${w.y}h${w.width}v${w.height}h${-w.width}z`,fillRule:`evenodd`,pointerEvents:`none`})]})})}_g.displayName=`MiniMap`;var vg=(0,V.memo)(_g),yg=e=>t=>e?`${Math.max(1/t.transform[2],1)}`:void 0,bg={[ff.Line]:`right`,[ff.Handle]:`bottom-right`};function xg({nodeId:e,position:t,variant:n=ff.Handle,className:r,style:i=void 0,children:a,color:o,minWidth:s=10,minHeight:c=10,maxWidth:l=Number.MAX_VALUE,maxHeight:u=Number.MAX_VALUE,keepAspectRatio:d=!1,resizeDirection:f,autoScale:p=!0,shouldResize:m,onResizeStart:h,onResize:g,onResizeEnd:_}){let v=nm(),y=typeof e==`string`?e:v,b=Bf(),x=(0,V.useRef)(null),S=n===ff.Handle,C=$((0,V.useCallback)(yg(S&&p),[S,p]),If),w=(0,V.useRef)(null),T=t??bg[n];return(0,V.useEffect)(()=>{if(!(!x.current||!y))return w.current||=Cf({domNode:x.current,nodeId:y,getStoreItems:()=>{let{nodeLookup:e,transform:t,snapGrid:n,snapToGrid:r,nodeOrigin:i,domNode:a}=b.getState();return{nodeLookup:e,transform:t,snapGrid:n,snapToGrid:r,nodeOrigin:i,paneDomNode:a}},onChange:(e,t)=>{let{triggerNodeChanges:n,nodeLookup:r,parentLookup:i,nodeOrigin:a}=b.getState(),o=[],s={x:e.x,y:e.y},c=r.get(y);if(c&&c.expandParent&&c.parentId){let t=c.origin??a,n=e.width??c.measured.width??0,l=e.height??c.measured.height??0,u=kd([{id:c.id,parentId:c.parentId,rect:{width:n,height:l,...Iu({x:e.x??c.position.x,y:e.y??c.position.y},{width:n,height:l},c.parentId,r,t)}}],r,i,a);o.push(...u),s.x=e.x?Math.max(t[0]*n,e.x):void 0,s.y=e.y?Math.max(t[1]*l,e.y):void 0}if(s.x!==void 0&&s.y!==void 0){let e={id:y,type:`position`,position:{...s}};o.push(e)}if(e.width!==void 0&&e.height!==void 0){let t={id:y,type:`dimensions`,resizing:!0,setAttributes:f?f===`horizontal`?`width`:`height`:!0,dimensions:{width:e.width,height:e.height}};o.push(t)}for(let e of t){let t={...e,type:`position`};o.push(t)}n(o)},onEnd:({width:e,height:t})=>{let n={id:y,type:`dimensions`,resizing:!1,dimensions:{width:e,height:t}};b.getState().triggerNodeChanges([n])}}),w.current.update({controlPosition:T,boundaries:{minWidth:s,minHeight:c,maxWidth:l,maxHeight:u},keepAspectRatio:d,resizeDirection:f,onResizeStart:h,onResize:g,onResizeEnd:_,shouldResize:m}),()=>{w.current?.destroy()}},[T,s,c,l,u,d,h,g,_,m]),(0,H.jsx)(`div`,{className:ci([`react-flow__resize-control`,`nodrag`,...T.split(`-`),n,r]),ref:x,style:{...i,scale:C,...o&&{[S?`backgroundColor`:`borderColor`]:o}},children:a})}(0,V.memo)(xg);var Sg=(0,V.createContext)(void 0),Cg=`aikit-theme-mode`,wg=({children:e,defaultMode:t=`system`})=>{let[n,r]=(0,V.useState)(()=>{if(typeof window>`u`)return t;try{return localStorage.getItem(Cg)||t}catch{return t}}),[i,a]=(0,V.useState)(`light`),o=(0,V.useCallback)(e=>{if(e===`system`){let e=window.matchMedia(`(prefers-color-scheme: dark)`).matches;a(e?`dark`:`light`)}else a(e)},[]);(0,V.useEffect)(()=>{if(o(n),n===`system`){let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>o(`system`);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)}},[n,o]),(0,V.useEffect)(()=>{document.documentElement.setAttribute(`data-theme`,i)},[i]);let s=(0,V.useCallback)(e=>{r(e);try{localStorage.setItem(Cg,e)}catch{}},[]),c=(0,V.useCallback)(()=>{s(i===`light`?`dark`:`light`)},[i,s]);return(0,H.jsx)(Sg.Provider,{value:{mode:n,resolvedMode:i,setMode:s,toggleMode:c},children:e})},Tg=()=>{let e=(0,V.useContext)(Sg);if(e===void 0)throw Error(`useTheme must be used within a ThemeProvider`);return e},Eg=({children:e,variant:t=`full`,className:n=``,style:r,showGradientGlow:i=!1})=>(0,H.jsxs)(`div`,{className:`${`layout-${t}`} ${n}`.trim(),style:r,children:[i?(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`div`,{className:`aikit-glow-primary`}),(0,H.jsx)(`div`,{className:`aikit-glow-secondary`})]}):null,e]}),Dg=(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,H.jsx)(`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z`})}),Og=(0,H.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,H.jsx)(`path`,{d:`M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z`}),(0,H.jsx)(`circle`,{cx:`12`,cy:`13`,r:`4`})]}),kg=(0,H.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,H.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,H.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,H.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),Ag=(0,H.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,H.jsx)(`circle`,{cx:`12`,cy:`12`,r:`5`}),(0,H.jsx)(`path`,{d:`M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42`})]}),jg=(0,H.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,H.jsx)(`path`,{d:`M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z`})}),Mg=({title:e=`AI Kit`,subtitle:t,showThemeToggle:n=!0,showToolbox:r=!0,actions:i,toolboxItems:a})=>{let{resolvedMode:o,toggleMode:s}=Tg(),[c,l]=(0,V.useState)(!1),u=(0,V.useRef)(null),d=o===`dark`?`Switch to light theme`:`Switch to dark theme`,f=(0,V.useCallback)(async()=>{try{if(typeof window.screenshotPage==`function`){l(!1),await window.screenshotPage();return}l(!1);let e=await h();try{if(navigator.clipboard?.write&&typeof ClipboardItem<`u`)await navigator.clipboard.write([new ClipboardItem({"image/png":e})]),p(`Copied image to clipboard.`);else{let t=await new Promise(t=>{let n=new FileReader;n.onload=()=>t(String(n.result)),n.readAsDataURL(e)}),n=!1,r=!1,i=i=>{let a=i.clipboardData;if(a){i.preventDefault();try{a.items&&typeof File<`u`&&(a.items.add(new File([e],`aikit-present.png`,{type:`image/png`})),r=!0,n=!0)}catch{}a.setData(`text/html`,`<img alt="AI Kit" src="${t}">`),r||a.setData(`text/plain`,t),n=!0}};document.addEventListener(`copy`,i,{once:!0});try{n=document.execCommand(`copy`)||n}finally{document.removeEventListener(`copy`,i)}if(!n)throw Error(`Legacy clipboard copy unavailable`);p(`Copied image to clipboard.`)}}catch{console.warn(`Clipboard unavailable, trying server-side clipboard`);try{if(!(await fetch(`/__aikit_system_clipboard`,{method:`POST`,body:e})).ok)throw Error(`Server clipboard write failed`);p(`Copied image via server-side clipboard.`)}catch{console.warn(`Server clipboard failed, falling back to download`);let t=new Date().toISOString().replace(/[.:]/g,`-`),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`aikit-present-${t}.png`,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),1e4),p(`Clipboard blocked — image downloaded instead.`)}}}catch(e){console.warn(`Screenshot failed`,e),p(`Screenshot failed.`,`error`)}},[]),p=(e,t=`info`)=>{let n=document.querySelector(`.aikit-copy-status`);n&&n.remove();let r=document.createElement(`div`);r.className=`aikit-copy-status`,r.setAttribute(`role`,`status`),r.setAttribute(`aria-live`,`polite`),r.dataset.tone=t,r.textContent=e,document.body.appendChild(r),setTimeout(()=>r.remove(),4e3)},m=(0,V.useCallback)(async()=>{try{if(typeof window.downloadPng==`function`){l(!1),await window.downloadPng();return}l(!1);let e=await h(),t=new Date().toISOString().replace(/[.:]/g,`-`),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`aikit-present-${t}.png`,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),1e4),p(`Downloaded image.`)}catch(e){console.warn(`Download failed`,e),p(`Download failed.`,`error`)}},[]),h=async()=>{let e=window.scrollX,t=window.scrollY;window.scrollTo(0,0),await new Promise(e=>requestAnimationFrame(()=>e(void 0)));let n=Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth),r=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight),i=window.devicePixelRatio||1,a=document.createElement(`canvas`);a.width=Math.max(1,Math.ceil(n*i)),a.height=Math.max(1,Math.ceil(r*i));let o=a.getContext(`2d`);if(!o)throw Error(`Canvas context unavailable`);o.scale(i,i);let s=document.documentElement.cloneNode(!0);s.querySelectorAll(`script`).forEach(e=>e.remove());let c=(e,t)=>{let n=window.getComputedStyle(e),r=Array.from(n).map(e=>`${e}:${n.getPropertyValue(e)};`).join(``);t.setAttribute(`style`,r);for(let n=0;n<e.children.length;n++)c(e.children[n],t.children[n])};c(document.documentElement,s);let l=[`<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${r}" viewBox="0 0 ${n} ${r}">`,`<foreignObject width="100%" height="100%">${new XMLSerializer().serializeToString(s)}</foreignObject>`,`</svg>`].join(``),u=new Blob([l],{type:`image/svg+xml;charset=utf-8`}),d=URL.createObjectURL(u);try{await new Promise((e,t)=>{let i=new Image;i.onload=()=>{o.drawImage(i,0,0,n,r),e()},i.onerror=()=>t(Error(`ForeignObject render failed`)),i.src=d})}finally{URL.revokeObjectURL(d)}let f=await new Promise(e=>a.toBlob(e,`image/png`));if(!f||f.type!==`image/png`)throw Error(`PNG export failed`);return window.scrollTo(e,t),f},g=a??[{id:`copy-image`,label:`Copy as Image`,icon:(0,H.jsx)(`span`,{"aria-hidden":`true`,children:Og}),onClick:f},{id:`download-image`,label:`Download as PNG`,icon:(0,H.jsx)(`span`,{"aria-hidden":`true`,children:kg}),onClick:m}];return(0,V.useEffect)(()=>{if(!c)return;let e=e=>{u.current&&!u.current.contains(e.target)&&l(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[c]),(0,V.useEffect)(()=>{if(!c)return;let e=e=>{e.key===`Escape`&&l(!1)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[c]),(0,H.jsxs)(`header`,{className:`aikit-header`,children:[(0,H.jsx)(`div`,{className:`aikit-header-brand`,children:`AI KIT`}),(0,H.jsxs)(`div`,{className:`aikit-header-title`,children:[(0,H.jsx)(`span`,{className:`aikit-header-title-text`,children:e}),t?(0,H.jsx)(`span`,{className:`aikit-header-subtitle`,children:t}):null]}),(0,H.jsxs)(`div`,{className:`aikit-header-actions`,children:[i,r&&g.length>0?(0,H.jsxs)(`div`,{className:`aikit-toolbox`,ref:u,children:[(0,H.jsx)(`button`,{type:`button`,className:`aikit-toolbox-toggle`,"aria-label":`Open tools menu`,"aria-haspopup":`menu`,"aria-expanded":c,"aria-controls":`aikit-toolbox-menu`,onClick:()=>l(e=>!e),children:Dg}),(0,H.jsx)(`div`,{id:`aikit-toolbox-menu`,className:`aikit-toolbox-menu`,role:`menu`,hidden:!c,children:g.map(e=>(0,H.jsxs)(`button`,{type:`button`,className:`aikit-toolbox-item`,role:`menuitem`,"data-shared-chrome-action":e.id,"aria-label":e.label,onClick:()=>{l(!1),e.onClick()},children:[e.icon,(0,H.jsx)(`span`,{children:e.label})]},e.id))})]}):null,n?(0,H.jsxs)(`button`,{type:`button`,className:`aikit-theme-toggle`,"aria-label":d,"aria-pressed":o===`dark`,title:d,onClick:s,children:[(0,H.jsx)(`span`,{className:`aikit-theme-toggle-icon aikit-theme-toggle-icon--sun`,"aria-hidden":`true`,children:Ag}),(0,H.jsx)(`span`,{className:`aikit-theme-toggle-icon aikit-theme-toggle-icon--moon`,"aria-hidden":`true`,children:jg})]}):null]})]})};function Ng(e){if(!e)return null;let t=new Date(e);return isNaN(t.getTime())?{display:e}:{dateTime:t.toISOString(),display:new Intl.DateTimeFormat(void 0,{month:`long`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`}).format(t)}}function Pg(e){return!e||e.length===0?null:(0,H.jsx)(`span`,{className:`aikit-footer-legend`,children:e.map((e,t)=>(0,H.jsxs)(`span`,{className:`aikit-footer-legend-item`,children:[(0,H.jsx)(`span`,{className:`aikit-footer-legend-swatch`,style:{backgroundColor:e.color}}),(0,H.jsxs)(`span`,{children:[e.icon?(0,H.jsxs)(`span`,{children:[e.icon,` `]}):null,e.label]})]},`${e.label}-${t}`))})}var Fg=({generatedAt:e,badge:t,showTimestamp:n=!0,showAttribution:r=!0,showInstallGuide:i=!0,installUrl:a=`https://hermes-agent.nousresearch.com`,legend:o,content:s})=>{let c=n?Ng(e):null,l=c?[`Generated by `,(0,H.jsx)(`span`,{className:`aikit-footer-brand`,children:`AI KIT`},`brand`),` at `,c.dateTime?(0,H.jsx)(`time`,{className:`aikit-footer-timestamp`,dateTime:c.dateTime,children:c.display},`time`):(0,H.jsx)(`span`,{className:`aikit-footer-timestamp`,children:c.display},`time`)]:[`Generated by `,(0,H.jsx)(`span`,{className:`aikit-footer-brand`,children:`AI KIT`},`brand`)],u=s??Pg(o);return(0,H.jsxs)(`footer`,{className:`aikit-footer`,children:[(0,H.jsxs)(`div`,{className:`aikit-footer-meta`,children:[r?(0,H.jsx)(`span`,{className:`aikit-footer-text`,children:l}):null,u?(0,H.jsx)(`div`,{className:`aikit-footer-slot`,children:u}):null,r&&i?(0,H.jsx)(`span`,{className:`aikit-footer-slot`,children:(0,H.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener`,children:`Get AI Kit →`})}):null]}),t?(0,H.jsx)(`span`,{className:`aikit-footer-badge`,children:t}):null]})},Ig={cjs:`js`,css:`css`,go:`go`,html:`html`,java:`java`,js:`js`,json:`json`,jsx:`jsx`,md:`md`,mjs:`js`,py:`python`,rs:`rust`,sh:`bash`,sql:`sql`,ts:`ts`,tsx:`tsx`,yml:`yaml`,yaml:`yaml`};function Lg(e){return e.replace(/`/g,"\\`")}function Rg(e){return Ig[e?.split(`.`).pop()?.toLowerCase()??``]??`text`}function zg(e){let t=[e.file?`- File: \`${Lg(e.file)}${e.line?`:${e.line}`:``}\``:null,e.learnsConcept?`- Concept: ${e.learnsConcept}`:null,e.duration?`- Duration: ${e.duration}`:null].filter(e=>!!e);return t.length>0?t.join(`
|
|
1629
1629
|
`):null}function Bg(e){let t=[],n=zg(e),r=e.explanation??e.description;return n&&t.push({type:`markdown`,value:n}),r&&t.push({type:`markdown`,value:r}),e.code&&t.push({type:`code`,language:Rg(e.file),value:e.code}),t}var Vg=`aikit-tour-block-styles`;function Hg(e){if(e.getElementById(Vg))return;let t=e.createElement(`style`);t.id=Vg,t.textContent=Dn(),e.head.appendChild(t)}function Ug(e,t){let n=new Set(t.map(e=>e.target)),r=e.filter(e=>!n.has(e.id));r.length===0&&e.length>0&&r.push(e[0]);let i=new Map,a=new Map;t.forEach(e=>{let t=a.get(e.source)||[];t.push(e.target),a.set(e.source,t)});let o=r.map(e=>({id:e.id,level:0})),s=new Set;for(;o.length>0;){let{id:e,level:t}=o.shift();s.has(e)||(s.add(e),i.set(e,t),(a.get(e)||[]).forEach(e=>{s.has(e)||o.push({id:e,level:t+1})}))}e.forEach(e=>{i.has(e.id)||i.set(e.id,i.size>0?Math.max(...i.values())+1:0)});let c=new Map;i.forEach((e,t)=>{let n=c.get(e)||[];n.push(t),c.set(e,n)});let l=new Map;return c.forEach((e,t)=>{let n=-(e.length*220+(e.length-1)*60)/2;e.forEach((e,r)=>{l.set(e,{x:n+r*280,y:t*180})})}),l}function Wg({file:e}){let t=e.split(`.`).pop()?.toLowerCase()||``,n={width:14,height:14,flexShrink:0,opacity:.7};switch(t){case`ts`:case`tsx`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#3178c6`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`7`,fill:`#fff`,fontWeight:`700`,children:`TS`})]});case`js`:case`jsx`:case`mjs`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#f7df1e`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`7`,fill:`#000`,fontWeight:`700`,children:`JS`})]});case`json`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,stroke:`#a0a0a0`,strokeWidth:`1.2`,children:[(0,H.jsx)(`path`,{d:`M4 2c-1.5 0-2 1-2 2v2c0 1-0.5 1-1 1 0.5 0 1 0 1 1v2c0 1 0.5 2 2 2`}),(0,H.jsx)(`path`,{d:`M10 2c1.5 0 2 1 2 2v2c0 1 0.5 1 1 1-0.5 0-1 0-1 1v2c0 1-0.5 2-2 2`})]});case`css`:case`scss`:case`less`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#264de4`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`6`,fill:`#fff`,fontWeight:`700`,children:`CSS`})]});case`html`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#e34c26`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`6`,fill:`#fff`,fontWeight:`700`,children:`H`})]});case`py`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#3776ab`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`7`,fill:`#ffd43b`,fontWeight:`700`,children:`Py`})]});case`go`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#00add8`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`7`,fill:`#fff`,fontWeight:`700`,children:`Go`})]});case`rs`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#ce412b`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`7`,fill:`#fff`,fontWeight:`700`,children:`Rs`})]});case`md`:case`mdx`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,stroke:`#a0a0a0`,strokeWidth:`1.3`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`3`,width:`12`,height:`8`,rx:`1`}),(0,H.jsx)(`path`,{d:`M3 9V5l2 2 2-2v4M10 7.5l1.5-1.5M10 7.5l-1.5-1.5M10 7.5V5`})]});case`yaml`:case`yml`:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,children:[(0,H.jsx)(`rect`,{x:`1`,y:`1`,width:`12`,height:`12`,rx:`2`,fill:`#cb171e`}),(0,H.jsx)(`text`,{x:`7`,y:`10`,textAnchor:`middle`,fontSize:`5`,fill:`#fff`,fontWeight:`700`,children:`YML`})]});default:return(0,H.jsxs)(`svg`,{...n,viewBox:`0 0 14 14`,fill:`none`,stroke:`#6b7a90`,strokeWidth:`1.3`,children:[(0,H.jsx)(`path`,{d:`M4 1h4l3 3v9H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z`}),(0,H.jsx)(`path`,{d:`M8 1v3h3`})]})}}function Gg({data:e}){let t=e;return(0,H.jsxs)(`div`,{onClick:t.onClick,style:{background:t.active?`var(--accent)`:`var(--card)`,border:`2px solid ${t.active?`var(--primary)`:`var(--border)`}`,borderRadius:8,padding:`10px 14px`,width:220,cursor:`pointer`,transition:`all 0.2s`,color:`var(--card-foreground)`},children:[(0,H.jsx)(om,{type:`target`,position:X.Top,style:{opacity:0}}),(0,H.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8,marginBottom:4},children:[(0,H.jsx)(`span`,{style:{width:22,height:22,borderRadius:`50%`,background:t.active?`var(--primary)`:`var(--muted)`,color:t.active?`var(--primary-foreground)`:`var(--muted-foreground)`,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:`11px`,fontWeight:700,flexShrink:0},children:t.step.stepNumber}),(0,H.jsx)(`span`,{style:{fontWeight:600,fontSize:`12px`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:t.step.title})]}),(0,H.jsxs)(`div`,{style:{fontSize:`10px`,opacity:.7,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,display:`flex`,alignItems:`center`,gap:4,paddingLeft:30},children:[(0,H.jsx)(Wg,{file:t.step.file}),t.step.file]}),(0,H.jsx)(om,{type:`source`,position:X.Bottom,style:{opacity:0}})]})}var Kg={step:Gg};function qg({data:e}){let[t,n,r]=Bh([]),[i,a,o]=Vh([]),[s,c]=(0,V.useState)(e.steps?.[0]||null);(0,V.useEffect)(()=>{Hg(document)},[]);let l=(0,V.useCallback)(t=>{if(!e.steps?.length)return;let r=Ug(e.steps,e.dependencies||[]),i=e.steps.map(e=>({id:e.id,type:`step`,position:r.get(e.id)||{x:0,y:0},data:{step:e,active:e.id===t,onClick:()=>c(e)}})),o=(e.dependencies||[]).map((e,t)=>({id:`e${t}`,source:e.source,target:e.target,animated:!0,markerEnd:{type:Yl.ArrowClosed,color:`var(--muted-foreground)`},style:{stroke:`var(--primary)`,strokeWidth:1.5}}));n(i),a(o)},[e]);(0,V.useEffect)(()=>{l(s?.id||null)},[e,s]);let u=s?e.steps.findIndex(e=>e.id===s.id):-1,d=u>0,f=u<e.steps.length-1,p=s?In(Bg(s),{mode:`standalone`}):``;return(0,H.jsxs)(Eg,{variant:`full`,children:[(0,H.jsx)(Mg,{title:e.title||`Code Tour`,subtitle:e.description,showThemeToggle:!0}),(0,H.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,minHeight:0,height:`100%`,overflow:`hidden`},children:[(0,H.jsx)(`div`,{style:{flex:1,position:`relative`},children:(0,H.jsxs)(zh,{nodes:t,edges:i,onNodesChange:r,onEdgesChange:o,nodeTypes:Kg,fitView:!0,minZoom:.3,maxZoom:2,proOptions:{hideAttribution:!0},children:[(0,H.jsx)(Jh,{color:`var(--muted)`,gap:20,size:1.5}),(0,H.jsx)(rg,{}),(0,H.jsx)(vg,{maskColor:`rgba(0,0,0,0.7)`})]})}),s&&(0,H.jsxs)(`div`,{style:{padding:`16px 20px`,borderTop:`1px solid var(--border)`,background:`var(--card)`,maxHeight:`35%`,overflow:`auto`,color:`var(--card-foreground)`},children:[(0,H.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,alignItems:`center`,marginBottom:8},children:[(0,H.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,H.jsx)(`span`,{style:{width:24,height:24,borderRadius:`50%`,background:`var(--primary)`,color:`var(--primary-foreground)`,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:`12px`,fontWeight:700},children:s.stepNumber}),(0,H.jsx)(`h2`,{style:{fontSize:`14px`,margin:0},children:s.title})]}),(0,H.jsxs)(`div`,{style:{display:`flex`,gap:8},children:[(0,H.jsx)(`button`,{disabled:!d,onClick:()=>d&&c(e.steps[u-1]),style:{padding:`4px 12px`,fontSize:`11px`,borderRadius:4,border:`1px solid var(--border)`,background:d?`var(--muted)`:`var(--background)`,color:d?`var(--foreground)`:`var(--muted-foreground)`,cursor:d?`pointer`:`default`},children:`← Prev`}),(0,H.jsx)(`button`,{disabled:!f,onClick:()=>f&&c(e.steps[u+1]),style:{padding:`4px 12px`,fontSize:`11px`,borderRadius:4,border:`1px solid var(--border)`,background:f?`var(--muted)`:`var(--background)`,color:f?`var(--foreground)`:`var(--muted-foreground)`,cursor:f?`pointer`:`default`},children:`Next →`})]})]}),p?(0,H.jsx)(`div`,{style:{display:`grid`,gap:12},dangerouslySetInnerHTML:{__html:p}}):null]})]}),(0,H.jsx)(Fg,{})]})}function Jg({data:e}){return(0,H.jsx)(wg,{children:(0,H.jsx)(Fh,{children:(0,H.jsx)(qg,{data:e})})})}var Yg=window.__VIEWER_CONFIG__,Xg=document.getElementById(`tour-data`),Zg=Yg?.data||(Xg?JSON.parse(Xg.textContent||`{}`):{});(0,g.createRoot)(document.getElementById(`root`)).render((0,H.jsx)(Jg,{data:Zg}));</script>
|
|
1630
1630
|
<style rel="stylesheet" crossorigin>.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{--dt-bg-canvas:#0c0c0f;--dt-bg-primary:#131316;--dt-bg-secondary:#1c1c21;--dt-bg-tertiary:#25252b;--dt-text-primary:#f0efe7;--dt-text-secondary:#a8a69e;--dt-text-tertiary:#6b6a65;--dt-border-default:#2a2a30;--dt-border-muted:#35353c;--dt-border-subtle:#1f1f24;--dt-glass-bg:#131316b8;--dt-glass-blur:16px;--dt-glass-border:#ffffff0f;--dt-glass-hover-border:#45c8a814;--dt-glass-shadow:0 0 0 1px #ffffff0a, 0 2px 8px #00000040, 0 8px 32px #00000026;--dt-accent-fg:#45c8a8;--dt-accent-emphasis:#0f766e;--dt-accent-foreground:#fff;--dt-accent-muted:#45c8a84d;--dt-accent-subtle:#45c8a81a;--dt-success-fg:#2bd47c;--dt-success-emphasis:#22b86b;--dt-success-muted:#2bd47c4d;--dt-success-subtle:#2bd47c1a;--dt-danger-fg:#f56a6a;--dt-danger-emphasis:#e54848;--dt-danger-muted:#f56a6a4d;--dt-danger-subtle:#f56a6a1a;--dt-warning-fg:#f5b342;--dt-warning-emphasis:#e89e2e;--dt-warning-muted:#f5b3424d;--dt-warning-subtle:#f5b3421a;--dt-info-fg:#6baef8;--dt-info-emphasis:#5090e8;--dt-info-muted:#6baef84d;--dt-info-subtle:#6baef81a;--dt-purple-fg:#c89bff;--dt-purple-emphasis:#b07ef0;--dt-purple-muted:#c89bff4d;--dt-purple-subtle:#c89bff1a;--dt-agent-researcher:#818cf8;--dt-agent-implementer:#34d399;--dt-agent-frontend:#f472b6;--dt-agent-reviewer:#fbbf24;--dt-agent-debugger:#f87171;--dt-agent-security:#fb923c;--dt-agent-explorer:#38bdf8;--dt-agent-documenter:#c084fc;--dt-agent-refactor:#2dd4bf;--dt-agent-planner:#a78bfa;--dt-agent-orchestrator:#94a3b8;--dt-status-pending:#94a3b8;--dt-status-in-progress:#60a5fa;--dt-status-done:#4ade80;--dt-status-blocked:#f87171;--dt-font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--dt-font-mono:"JetBrains Mono", "Geist Mono", "Fira Code", "SF Mono", Consolas, monospace;--dt-font-size-xs:.75rem;--dt-font-size-sm:.8125rem;--dt-font-size-base:.875rem;--dt-font-size-lg:1rem;--dt-font-size-xl:1.25rem;--dt-font-size-2xl:1.5rem;--dt-font-size-3xl:2rem;--dt-font-size-4xl:2.5rem;--dt-space-1:.25rem;--dt-space-2:.5rem;--dt-space-3:.75rem;--dt-space-4:1rem;--dt-space-5:1.25rem;--dt-space-6:1.5rem;--dt-space-8:2rem;--dt-space-10:2.5rem;--dt-space-12:3rem;--dt-radius-xs:4px;--dt-radius-sm:6px;--dt-radius-md:8px;--dt-radius-lg:12px;--dt-radius-xl:16px;--dt-radius-pill:999px;--dt-shadow-sm:0 0 0 1px #ffffff05, 0 1px 3px #0000004d;--dt-shadow-md:0 0 0 1px #ffffff08, 0 2px 6px #00000059, 0 4px 12px #0003;--dt-shadow-lg:0 0 0 1px #ffffff0a, 0 2px 8px #0006, 0 8px 32px #00000040;--dt-glow-primary:radial-gradient(circle at 50% 50%, #45c8a81f, #6baef80d 45%, transparent 70%);--dt-glow-secondary:radial-gradient(circle at 50% 50%, #c89bff0f, transparent 50%);--dt-glow-accent:#45c8a859;--dt-glow-success:#2bd47c59;--dt-glow-danger:#f56a6a59;--dt-glow-warning:#f5b34259;--dt-glow-info:#6baef859;--dt-glow-purple:#c89bff59;--dt-annotation-comment:#45c8a8;--dt-annotation-comment-bg:#45c8a826;--dt-annotation-deletion:#f56a6a;--dt-annotation-deletion-bg:#f56a6a26;--dt-annotation-hover:#ffffff0a;--dt-transition-fast:.12s cubic-bezier(.25, .46, .45, .94);--dt-transition-normal:.2s cubic-bezier(.25, .46, .45, .94);--dt-transition-slow:.3s cubic-bezier(.16, 1, .3, 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:var(--dt-bg-primary);--foreground:var(--dt-text-primary);--card:var(--dt-bg-secondary);--card-foreground:var(--dt-text-primary);--muted:var(--dt-bg-tertiary);--muted-foreground:var(--dt-text-secondary);--accent:var(--dt-accent-subtle);--accent-foreground:var(--dt-accent-fg);--border:var(--dt-border-default);--primary:var(--dt-accent-emphasis);--primary-foreground:#fff;--sidebar:var(--dt-bg-secondary);--sidebar-foreground:var(--dt-text-secondary);--c4-person:#0f766e;--c4-system:#0f766e;--c4-container:#147d74;--c4-component:#49a897;--c4-database:#0d9488;--c4-queue:#d97706;--c4-external:#94a3b8;--c4-boundary-border:var(--dt-border-muted);--color-success:var(--dt-success-fg);--color-warning:var(--dt-warning-fg);--color-error:var(--dt-danger-fg);--color-info:var(--dt-info-fg);--space-1:var(--dt-space-1);--space-2:var(--dt-space-2);--space-4:var(--dt-space-4);--radius:var(--dt-radius-md)}[data-theme=light]{--dt-bg-canvas:#f5f4ee;--dt-bg-primary:#faf9f4;--dt-bg-secondary:#f0efe8;--dt-bg-tertiary:#fff;--dt-text-primary:#1a1a17;--dt-text-secondary:#6b6a65;--dt-text-tertiary:#a8a69e;--dt-border-default:#e3e2da;--dt-border-muted:#d6d5cd;--dt-border-subtle:#eeede6;--dt-glass-bg:#faf9f4c7;--dt-glass-border:#0000000f;--dt-glass-hover-border:#0f8f7a14;--dt-glass-shadow:0 0 0 1px #00000005, 0 2px 8px #0000000a, 0 8px 24px #00000008;--dt-accent-fg:#0f8f7a;--dt-accent-emphasis:#0f766e;--dt-accent-foreground:#fff;--dt-accent-muted:#0f8f7a33;--dt-accent-subtle:#0f8f7a12;--dt-success-fg:#16a34a;--dt-success-emphasis:#15803d;--dt-success-muted:#16a34a33;--dt-success-subtle:#16a34a12;--dt-danger-fg:#dc2626;--dt-danger-emphasis:#b91c1c;--dt-danger-muted:#dc262633;--dt-danger-subtle:#dc262612;--dt-warning-fg:#d97706;--dt-warning-emphasis:#b45309;--dt-warning-muted:#d9770633;--dt-warning-subtle:#d9770612;--dt-info-fg:#2563eb;--dt-info-emphasis:#1d4ed8;--dt-info-muted:#2563eb33;--dt-info-subtle:#2563eb12;--dt-purple-fg:#7c3aed;--dt-purple-emphasis:#6d28d9;--dt-purple-muted:#7c3aed33;--dt-purple-subtle:#7c3aed12;--dt-shadow-sm:0 0 0 1px #00000005, 0 1px 3px #0000000f;--dt-shadow-md:0 0 0 1px #00000008, 0 2px 6px #0000000d, 0 4px 12px #00000008;--dt-shadow-lg:0 0 0 1px #00000008, 0 2px 8px #0000000f, 0 8px 32px #0000000a;--dt-glow-primary:radial-gradient(circle at 50% 50%, #0f8f7a12, #c89bff08 50%, transparent 70%);--dt-glow-secondary:radial-gradient(circle at 50% 50%, #f5b3420d, transparent 50%);--dt-annotation-comment:#0f8f7a;--dt-annotation-comment-bg:#0f8f7a1a;--dt-annotation-deletion:#dc2626;--dt-annotation-deletion-bg:#dc26261a;--dt-annotation-hover:#0000000a;--dt-glow-accent:#0f8f7a59;--dt-glow-success:#16a34a59;--dt-glow-danger:#dc262659;--dt-glow-warning:#d9770659;--dt-glow-info:#2563eb59;--dt-glow-purple:#7c3aed59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:var(--dt-bg-primary);--foreground:var(--dt-text-primary);--card:#fff;--card-foreground:var(--dt-text-primary);--muted:var(--dt-bg-secondary);--muted-foreground:var(--dt-text-secondary);--accent:var(--dt-accent-subtle);--accent-foreground:var(--dt-accent-fg);--border:var(--dt-border-default);--primary:var(--dt-accent-emphasis);--primary-foreground:#fff;--sidebar:#fff;--sidebar-foreground:var(--dt-text-secondary);--c4-person:#0f766e;--c4-system:#0f766e;--c4-container:#147d74;--c4-component:#49a897;--c4-database:#0d9488;--c4-queue:#d97706;--c4-external:#94a3b8;--c4-boundary-border:var(--dt-border-muted);--color-success:var(--dt-success-fg);--color-warning:var(--dt-warning-fg);--color-error:var(--dt-danger-fg);--color-info:var(--dt-info-fg);--space-1:var(--dt-space-1);--space-2:var(--dt-space-2);--space-4:var(--dt-space-4);--radius:var(--dt-radius-md)}.aikit-header,.aikit-toolbox-menu,.aikit-copy-status,.aikit-footer{--aikit-background:var(--background,var(--dt-bg-primary));--aikit-foreground:var(--foreground,var(--dt-text-primary));--aikit-muted:var(--muted,var(--dt-bg-secondary));--aikit-muted-foreground:var(--muted-foreground,var(--dt-text-secondary));--aikit-border:var(--border,var(--dt-border-default));--aikit-accent:var(--accent,var(--dt-accent-subtle));--aikit-accent-foreground:var(--accent-foreground,var(--dt-accent-fg));--aikit-card:var(--card,var(--dt-bg-secondary));--aikit-card-foreground:var(--card-foreground,var(--dt-text-primary))}.aikit-header{z-index:100;justify-content:space-between;align-items:center;gap:var(--dt-space-4);min-height:3.5rem;padding:var(--dt-space-2) var(--dt-space-6);border-bottom:1px solid var(--aikit-border);background:color-mix(in srgb, var(--aikit-background) 85%, transparent);-webkit-backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.aikit-header-brand,.aikit-header-actions{flex:none;min-width:0}.aikit-header-brand{color:var(--aikit-muted-foreground);font-family:var(--dt-font-mono);font-size:var(--dt-font-size-xs);letter-spacing:.14em;text-transform:uppercase;opacity:.8;align-items:center;font-weight:600;display:flex}.aikit-header-title{align-items:baseline;gap:var(--dt-space-2);flex:auto;justify-content:flex-start;min-width:0;min-height:0;display:flex}.aikit-header-title-text{min-width:0;color:var(--aikit-foreground);font-size:var(--dt-font-size-lg);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-weight:600;line-height:1.2;overflow:hidden}.aikit-header-subtitle{min-width:0;color:var(--aikit-muted-foreground);font-size:var(--dt-font-size-sm);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;line-height:1.2;overflow:hidden}.aikit-header-actions{justify-content:flex-end;align-items:center;gap:var(--dt-space-2);min-width:max-content;display:flex}.aikit-header-actions>*{flex:none}.aikit-toolbox{position:relative}.aikit-theme-toggle,.aikit-toolbox-toggle{border:1px solid var(--aikit-border);border-radius:var(--dt-radius-md);min-width:2.25rem;height:2.25rem;color:var(--aikit-muted-foreground);cursor:pointer;font:inherit;transition:background var(--dt-transition-fast), border-color var(--dt-transition-fast), color var(--dt-transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.aikit-theme-toggle:hover,.aikit-toolbox-toggle:hover{background:var(--aikit-muted);color:var(--aikit-foreground);border-color:var(--aikit-border)}.aikit-theme-toggle:focus-visible,.aikit-toolbox-toggle:focus-visible,.aikit-toolbox-item:focus-visible{outline:2px solid var(--aikit-accent-foreground);outline-offset:2px}.aikit-theme-toggle-icon{transition:opacity var(--dt-transition-normal), transform var(--dt-transition-normal);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.aikit-theme-toggle-icon--sun{opacity:1;transform:scale(1)rotate(0)}.aikit-theme-toggle-icon--moon{opacity:0;transform:scale(.65)rotate(-40deg)}[data-theme=dark] .aikit-theme-toggle-icon--sun{opacity:0;transform:scale(.65)rotate(40deg)}[data-theme=dark] .aikit-theme-toggle-icon--moon{opacity:1;transform:scale(1)rotate(0)}.aikit-toolbox-menu{top:calc(100% + var(--dt-space-2));gap:var(--dt-space-1);min-width:11rem;padding:var(--dt-space-2);border:1px solid var(--aikit-border);border-radius:var(--dt-radius-lg);background:var(--aikit-background);background:color-mix(in srgb, var(--aikit-background) 98%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--dt-shadow-lg);z-index:120;transform-origin:100% 0;animation:.15s cubic-bezier(.16,1,.3,1) aikit-menu-enter;display:grid;position:absolute;right:0}@keyframes aikit-menu-enter{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.aikit-toolbox-menu[hidden]{animation:none;display:none}.aikit-toolbox-item{align-items:center;gap:var(--dt-space-2);width:100%;min-height:2.25rem;padding:0 var(--dt-space-3);border-radius:var(--dt-radius-sm);color:var(--aikit-foreground);cursor:pointer;font:inherit;text-align:left;transition:background var(--dt-transition-fast), border-color var(--dt-transition-fast);background:0 0;border:1px solid #0000;display:inline-flex}.aikit-toolbox-item:hover{background:var(--aikit-muted);border-color:var(--aikit-border)}.aikit-toolbox-item svg{opacity:.7;flex:none}.aikit-copy-status{right:var(--dt-space-4);bottom:var(--dt-space-4);z-index:1000;max-width:min(28rem, calc(100vw - var(--dt-space-8)));padding:var(--dt-space-3) var(--dt-space-4);border:1px solid var(--aikit-border);border-radius:var(--dt-radius-md);background:var(--aikit-background);background:color-mix(in srgb, var(--aikit-background) 98%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--aikit-foreground);box-shadow:var(--dt-shadow-lg);font-size:var(--dt-font-size-sm);line-height:1.4;position:fixed}.aikit-copy-status[data-tone=error]{border-color:var(--dt-danger-muted);color:var(--dt-danger-fg)}.aikit-footer{padding:var(--dt-space-6) var(--dt-space-6) var(--dt-space-8);border-top:1px solid var(--aikit-border);color:var(--aikit-muted-foreground);font-size:var(--dt-font-size-xs);justify-content:center;align-items:center;margin-top:auto;display:flex}.aikit-footer-meta{justify-content:center;align-items:center;gap:var(--dt-space-2);text-align:center;flex-wrap:wrap;display:inline-flex}.aikit-footer-text{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.aikit-footer-brand{color:var(--aikit-foreground);font-family:var(--dt-font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-weight:600}.aikit-footer-timestamp,.aikit-footer-slot{min-width:0}.aikit-footer-slot{align-items:center;gap:.35rem;display:inline-flex}.aikit-footer-slot a{color:inherit;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--aikit-border);text-decoration-color:var(--aikit-border)}.aikit-footer-slot a:hover{color:var(--aikit-foreground);-webkit-text-decoration-color:var(--aikit-foreground);text-decoration-color:var(--aikit-foreground)}.aikit-footer-legend{align-items:center;gap:var(--dt-space-2);flex-wrap:wrap;display:inline-flex}.aikit-footer-legend-item{font-size:var(--dt-font-size-xs);align-items:center;gap:.3rem;display:inline-flex}.aikit-footer-legend-swatch{border-radius:var(--dt-radius-sm);flex-shrink:0;width:8px;height:8px;display:inline-block}.aikit-footer-badge{padding:2px var(--dt-space-2);border-radius:var(--dt-radius-pill);font-family:var(--dt-font-mono);font-size:var(--dt-font-size-xs);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--aikit-border);color:var(--aikit-muted-foreground);align-items:center;font-weight:600;display:inline-flex}.aikit-glass{border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-xl);background:var(--dt-glass-bg);-webkit-backdrop-filter:blur(var(--dt-glass-blur,16px));box-shadow:var(--dt-glass-shadow);transition:border-color var(--dt-transition-normal), box-shadow var(--dt-transition-normal)}.aikit-glass:hover{border-color:var(--dt-glass-hover-border);box-shadow:var(--dt-shadow-lg)}.aikit-glass-solid{border:1px solid var(--dt-border-default);border-radius:var(--dt-radius-xl);background:var(--dt-bg-secondary)}.aikit-glass-btn{min-height:2.25rem;padding:0 var(--dt-space-4);border:1px solid var(--dt-glass-border);border-radius:var(--dt-radius-md);background:var(--dt-glass-bg);-webkit-backdrop-filter:blur(12px);color:var(--dt-text-primary);font:inherit;font-size:var(--dt-font-size-base);cursor:pointer;transition:background var(--dt-transition-fast), border-color var(--dt-transition-fast);align-items:center;display:inline-flex}.aikit-glass-btn:hover{background:var(--dt-bg-secondary);border-color:var(--dt-accent-muted)}.aikit-glass-primary{background:var(--dt-accent-emphasis);border-color:var(--dt-accent-emphasis);color:#fff}.aikit-badge{padding:2px var(--dt-space-2);border-radius:var(--dt-radius-pill);font-family:var(--dt-font-mono);font-size:var(--dt-font-size-xs);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:1px solid;align-items:center;font-weight:600;display:inline-flex}.aikit-chip{border-radius:var(--dt-radius-pill);border:1px solid var(--dt-glass-border);background:var(--dt-glass-bg);-webkit-backdrop-filter:blur(8px);color:var(--dt-text-tertiary);font-family:var(--dt-font-mono);white-space:nowrap;align-items:center;gap:.25rem;padding:.14rem .42rem;font-size:.62rem;display:inline-flex}.aikit-glow-primary,.aikit-glow-secondary{content:"";pointer-events:none;z-index:0;position:fixed}.aikit-glow-primary{background:var(--dt-glow-primary);width:90vw;height:90vh;animation:8s ease-in-out infinite alternate aikit-glow-pulse;top:-30vh;right:-20vw}.aikit-glow-secondary{background:var(--dt-glow-secondary);width:60vw;height:60vh;animation:12s ease-in-out infinite alternate-reverse aikit-glow-pulse;bottom:-20vh;left:-10vw}@keyframes aikit-glow-pulse{0%{opacity:.7;transform:scale(1)translate(0)}to{opacity:1;transform:scale(1.05)translate(2%,2%)}}.layout-full{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.layout-sidebar-left,.layout-sidebar-right{z-index:1;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative}.layout-sidebar-left{grid-template-columns:280px 1fr;grid-template-areas:"header header""sidebar main""footer footer"}.layout-sidebar-right{grid-template-columns:1fr 280px;grid-template-areas:"header header""main sidebar""footer footer"}@supports not (background:color-mix(in srgb, white 50%, transparent)){.aikit-header,.aikit-toolbox-menu,.aikit-copy-status{background:var(--aikit-background)}}@media (width<=640px){.aikit-header-brand{display:none}.aikit-header{gap:var(--dt-space-2);padding-left:var(--dt-space-4);padding-right:var(--dt-space-4);min-height:3rem}.aikit-header-subtitle{display:none}.aikit-header-title-text{font-size:var(--dt-font-size-sm)}.aikit-toolbox-menu{min-width:auto;max-width:calc(100vw - 2rem);left:auto;right:0}.aikit-footer{padding:var(--dt-space-4) var(--dt-space-4) var(--dt-space-6);gap:var(--dt-space-2);flex-direction:column}.aikit-footer-meta{gap:var(--dt-space-1);flex-direction:column}.aikit-footer-text{text-align:center;justify-content:center}.aikit-footer-badge{display:none}}@media (width<=400px){.aikit-header-actions{gap:var(--dt-space-1)}.aikit-footer{padding-left:var(--dt-space-3);padding-right:var(--dt-space-3)}.aikit-toolbox-menu{border-radius:var(--dt-radius-xl) var(--dt-radius-xl) 0 0;min-width:auto;max-width:100%;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #0003}}:focus-visible{outline:2px solid var(--dt-accent-fg,var(--dt-accent-fg));outline-offset:2px}::selection{background:var(--dt-accent-subtle);color:var(--dt-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--dt-border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dt-border-muted)}
|
|
1631
1631
|
/*$vite$:1*/</style>
|