cozyclay 3.0.2 → 3.1.0
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/CHANGELOG.md +95 -0
- package/INSTALL_FOR_AGENTS.md +146 -0
- package/README.md +74 -192
- package/THIRD_PARTY_NOTICES.md +0 -21
- package/bin/agent/agent-routes.mjs +22 -56
- package/bin/agent/agent-runner.mjs +5 -3
- package/bin/agent/main-agent.mjs +70 -0
- package/bin/agent/main-prompt.mjs +17 -0
- package/bin/agent/session-store.mjs +2 -2
- package/bin/agent/studio-prompt.mjs +1 -1
- package/bin/agent/studio-task-routes.mjs +185 -0
- package/bin/agent/studio-tasks.mjs +156 -0
- package/bin/agent/studio-tools.mjs +3 -2
- package/bin/agent/studio-turn-transaction.mjs +76 -0
- package/bin/cozyclay.mjs +5 -7
- package/dist/app/index.html +7 -6
- package/dist/assets/TaskBoard-DdDXMgZm.js +1 -0
- package/dist/assets/app-B2BpfCl2.js +5088 -0
- package/dist/assets/app-BlwOpest.css +1 -0
- package/dist/assets/compile-worker-D0pKioa0.js +5 -0
- package/dist/assets/landing-y3EqDgSZ.js +1 -0
- package/dist/assets/modulepreload-polyfill-P2Xu9kJm.js +1 -0
- package/dist/assets/motion3-compile-B887n77J.js +1 -0
- package/dist/assets/scene-asset-sync-COGOlF5T.css +1 -0
- package/dist/assets/scene-asset-sync-CQzEdsqu.js +13 -0
- package/dist/assets/task-board-BKaM7d-9.js +14 -0
- package/dist/assets/workflow-B8Dhzexj.js +179 -0
- package/dist/assets/x-bot-tpose-body-BusyR3eg.json +1 -0
- package/dist/assets/y-bot-tpose-body-Dy1VKChZ.json +1 -0
- package/dist/cozyclay-package.json +1 -1
- package/dist/greybox-to-video/index.html +2 -3
- package/dist/index.html +7 -57
- package/dist/llms.txt +2 -1
- package/dist/previs-software/index.html +2 -2
- package/dist/privacy/index.html +3 -7
- package/dist/seedance-camera-control/index.html +2 -2
- package/dist/sitemap.xml +5 -5
- package/dist/sw.js +5 -1
- package/dist/thumbs/blank-stage-dark.webp +0 -0
- package/dist/thumbs/blank-stage-light.webp +0 -0
- package/dist/workflow/index.html +5 -4
- package/mcp/mesh-file.mjs +3 -1
- package/mcp/server.mjs +3 -0
- package/package.json +3 -3
- package/src/App.jsx +50 -281
- package/src/analytics.js +3 -148
- package/src/app-stage.jsx +1 -1
- package/src/asset-pane.jsx +5 -10
- package/src/auto-flat.js +10 -0
- package/src/bus-task-scopes.js +69 -0
- package/src/bus-task-targets.js +48 -0
- package/src/bus-tasks.js +181 -0
- package/src/command-bus.js +15 -40
- package/src/command-history.js +36 -0
- package/src/commands/cast.js +10 -3
- package/src/commands/motion.js +2 -1
- package/src/commands/motion3-compile.js +51 -27
- package/src/commands/motion3.js +13 -7
- package/src/commands/project.js +1 -1
- package/src/commands/shared.js +9 -0
- package/src/commands/shot.js +16 -4
- package/src/controls.jsx +0 -11
- package/src/cuts.js +11 -0
- package/src/domains/cast.js +3 -2
- package/src/domains/motion.js +3 -10
- package/src/domains/playback.js +32 -0
- package/src/domains/scenes.js +3 -22
- package/src/domains/shots.js +5 -5
- package/src/dualview.jsx +11 -15
- package/src/hierarchy-panel.css +18 -4
- package/src/hierarchy-panel.jsx +12 -11
- package/src/kits/held.js +3 -2
- package/src/light-blockers.js +2 -2
- package/src/main.jsx +5 -0
- package/src/motion/ground.js +5 -14
- package/src/motion/playback-frame-store.js +79 -0
- package/src/motion/playback-probe.js +16 -0
- package/src/motion/playback-subject.js +7 -0
- package/src/motion/timeline.css +43 -5
- package/src/motion/timeline.jsx +4 -3
- package/src/motion3/body.js +37 -5
- package/src/motion3/carried.js +11 -3
- package/src/motion3/compile-job.js +1 -1
- package/src/motion3/compiler/anchors.js +33 -5
- package/src/motion3/compiler/compile.js +27 -4
- package/src/motion3/compiler/finger-close.js +137 -0
- package/src/motion3/compiler/grip.js +9 -3
- package/src/motion3/compiler/limbs.js +18 -3
- package/src/motion3/compiler/pose.js +6 -0
- package/src/motion3/compiler/socket-grip.js +34 -10
- package/src/motion3/compiler/validate-objects.js +17 -2
- package/src/motion3/compiler/validate-parts.js +2 -1
- package/src/motion3/compiler/vocab.js +4 -4
- package/src/motion3/describe.js +2 -2
- package/src/motion3/docs.js +1 -1
- package/src/motion3/fix/index.js +7 -3
- package/src/motion3/flight.js +38 -0
- package/src/motion3/free-motion.js +10 -7
- package/src/motion3/load.js +125 -0
- package/src/motion3/mass.js +23 -0
- package/src/motion3/object-keys.js +11 -6
- package/src/motion3/object-pose.js +11 -3
- package/src/motion3/pipeline.js +5 -0
- package/src/motion3/qa/explain.js +3 -1
- package/src/motion3/qa/grasp-checks.js +123 -0
- package/src/motion3/qa/hints-grasp.js +71 -0
- package/src/motion3/qa/index.js +3 -1
- package/src/motion3/qa/object-checks.js +7 -2
- package/src/motion3/qa/patch.js +2 -1
- package/src/motion3/qa/spec-checks.js +21 -1
- package/src/motion3/schema/fields.js +3 -3
- package/src/motion3/schema/topics.js +11 -10
- package/src/motion3/schema/types.js +5 -1
- package/src/motion3/seat.js +84 -0
- package/src/motion3/settle.js +11 -6
- package/src/motion3/shapes.js +70 -0
- package/src/motion3/skills/basic.js +61 -13
- package/src/motion3/skills/catch.js +71 -0
- package/src/motion3/skills/index.js +13 -4
- package/src/motion3/skills/info.js +14 -1
- package/src/motion3/skills/reach-human.js +139 -0
- package/src/motion3/skills/stance.js +92 -0
- package/src/motion3/skills/throw.js +72 -0
- package/src/motion3/sockets.js +21 -4
- package/src/motion3/views.js +28 -5
- package/src/object-catalog.jsx +0 -4
- package/src/object-gizmo.jsx +2 -1
- package/src/object-path.js +1 -1
- package/src/panels/ProjectPanel.jsx +42 -21
- package/src/panels/details.css +15 -4
- package/src/popover.js +37 -0
- package/src/posestudio.jsx +15 -10
- package/src/project-browser-art.jsx +19 -0
- package/src/project-browser.css +74 -121
- package/src/project-browser.jsx +36 -60
- package/src/props.jsx +4 -7
- package/src/retired-kinds.js +37 -0
- package/src/scene-objects.js +3 -7
- package/src/scenes.js +4 -5
- package/src/settings-menu.jsx +1 -20
- package/src/shell/BottomDock.jsx +9 -9
- package/src/shell/MenuBar.jsx +1 -9
- package/src/shell/PreferencesDialog.jsx +3 -4
- package/src/shell/ViewportToolbar.jsx +3 -3
- package/src/shell/add-camera-shot.js +11 -0
- package/src/shell/glass-regions.css +3 -2
- package/src/shell/glass.css +0 -5
- package/src/shell/lens-scrub-math.js +51 -0
- package/src/shell/lens-scrub.css +73 -0
- package/src/shell/lens-scrub.jsx +98 -0
- package/src/shell/mode.css +6 -5
- package/src/shell/preferences.css +1 -32
- package/src/shell/shell.css +18 -1
- package/src/shell/studio-shell-context.js +5 -0
- package/src/shot-frame.js +26 -0
- package/src/stage-canvas-rigs.jsx +7 -8
- package/src/stage-characters.jsx +26 -0
- package/src/stage-gizmo.js +43 -0
- package/src/stage-labels-ko.js +0 -6
- package/src/stage-startup-defaults.js +3 -9
- package/src/starter-scenes.js +5 -11
- package/src/studio-agent-commands.js +2 -2
- package/src/studio-agent-protocol.js +2 -7
- package/src/studio-app-binding.js +3 -3
- package/src/studio-elements.js +1 -1
- package/src/studio-error-codes.js +1 -1
- package/src/studio-motion-visual.js +4 -4
- package/src/styles/themes.css +13 -0
- package/src/styles.css +6 -674
- package/src/text/text-object.jsx +1 -1
- package/src/ui.jsx +8 -16
- package/src/use-embed-bridge.js +3 -6
- package/src/use-render-activity.js +3 -1
- package/src/view-ghosts.jsx +5 -3
- package/src/viewport-visible-rect.js +37 -0
- package/src/workflow/AgentPanel.jsx +75 -42
- package/src/workflow/AgentProgressCard.jsx +1 -1
- package/src/workflow/TaskBoard.jsx +102 -0
- package/src/workflow/TaskInline.jsx +114 -0
- package/src/workflow/agent-client.js +11 -25
- package/src/workflow/agent-panel.css +14 -1
- package/src/workflow/attachment-image.js +10 -3
- package/src/workflow/attachment-video.js +91 -0
- package/src/workflow/task-board.css +98 -0
- package/src/workflow/task-board.js +169 -0
- package/tools/check-eslint.mjs +2 -1
- package/tools/check-knip.mjs +2 -1
- package/tools/dev/pages/greybox-to-video.html +2 -3
- package/tools/dev/pages/previs-software.html +2 -2
- package/tools/dev/pages/privacy.html +3 -7
- package/tools/dev/pages/seedance-camera-control.html +2 -2
- package/tools/dev-full.mjs +11 -2
- package/tools/eslint-baseline.json +6 -6
- package/tools/knip-baseline.json +0 -11
- package/tools/loc-baseline.json +30 -31
- package/tools/metrics-snapshot.mjs +43 -5
- package/tools/render-start-thumbs.mjs +175 -0
- package/tools/run-tests.mjs +7 -14
- package/tools/sitemap.mjs +1 -1
- package/dist/assets/analytics-DbKG0NgD.js +0 -6
- package/dist/assets/app-34i-iUy1.js +0 -5088
- package/dist/assets/app-f-fkV5uP.css +0 -1
- package/dist/assets/compile-worker-DYpa2nvO.js +0 -5
- package/dist/assets/first-shot-handoff-CrGZ3n_O.js +0 -1
- package/dist/assets/landing-mq5bnqFE.js +0 -1
- package/dist/assets/scene-asset-sync-7J-w5oNh.js +0 -20
- package/dist/assets/scene-asset-sync-_S8NQl5B.css +0 -1
- package/dist/assets/workflow-dUhurYUc.js +0 -179
- package/dist/scenes/city-block.cclayproject +0 -1
- package/src/burn-in.js +0 -91
- package/src/camera-tutorial.jsx +0 -520
- package/src/facing-marks.js +0 -88
- package/src/first-shot-handoff.js +0 -44
- package/src/panels/motion.css +0 -197
- package/src/set-pieces.jsx +0 -183
- package/src/tutorial-analytics.js +0 -86
- package/src/tutorial-walk.js +0 -17
- package/src/use-camera-tutorial.js +0 -50
- package/src/use-semantic-state.js +0 -12
- package/tools/metrics/archive-traffic.mjs +0 -138
- package/tools/perf/ik-camera-drag.mjs +0 -138
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import{r as e}from"./rolldown-runtime-hePW80VL.js";import"./modulepreload-polyfill-P2Xu9kJm.js";import{Ct as t,D as n,Mt as r,Nt as i,Tt as a,at as o,bt as s,gt as c,ht as l,it as u,mt as d,pt as f,xi as p,xt as m}from"./task-board-BKaM7d-9.js";import{A as h,Aa as g,B as _,Dt as v,F as y,Gt as b,H as x,I as S,L as C,M as w,N as T,O as E,On as D,Ot as O,P as k,R as A,T as j,U as M,V as N,W as P,gn as F,i as I,j as L,k as R,ka as ee,l as te,n as ne,on as re,qt as z,r as ie,s as ae,t as oe,w as se,z as ce}from"./scene-asset-sync-CQzEdsqu.js";var B=e(p(),1),le=e(ee(),1);function V(e){if(typeof e==`string`||typeof e==`number`)return``+e;let t=``;if(Array.isArray(e))for(let n=0,r;n<e.length;n++)(r=V(e[n]))!==``&&(t+=(t&&` `)+r);else for(let n in e)e[n]&&(t+=(t&&` `)+n);return t}var H=e=>{let t,n=new Set,r=(e,r)=>{let i=typeof e==`function`?e(t):e;if(!Object.is(i,t)){let e=t;t=r??(typeof i!=`object`||!i)?i:Object.assign({},t,i),n.forEach(n=>n(t,e))}},i=()=>t,a={setState:r,getState:i,getInitialState:()=>o,subscribe:e=>(n.add(e),()=>n.delete(e)),destroy:()=>{n.clear()}},o=t=e(r,i,a);return a},ue=e=>e?H(e):H,de=e(O(),1),{useDebugValue:U}=B.default,{useSyncExternalStoreWithSelector:W}=de.default,fe=e=>e;function pe(e,t=fe,n){let r=W(e.subscribe,e.getState,e.getServerState||e.getInitialState,t,n);return U(r),r}var G=(e,t)=>{let n=ue(e),r=(e,r=t)=>pe(n,e,r);return Object.assign(r,n),r},me=(e,t)=>e?G(e,t):G;function K(e,t){if(Object.is(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(let[n,r]of e)if(!Object.is(r,t.get(n)))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}let n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||!Object.is(e[r],t[r]))return!1;return!0}var he={value:()=>{}};function ge(){for(var e=0,t=arguments.length,n={},r;e<t;++e){if(!(r=arguments[e]+``)||r in n||/[\s.]/.test(r))throw Error(`illegal type: `+r);n[r]=[]}return new _e(n)}function _e(e){this._=e}function ve(e,t){return e.trim().split(/^|\s+/).map(function(e){var n=``,r=e.indexOf(`.`);if(r>=0&&(n=e.slice(r+1),e=e.slice(0,r)),e&&!t.hasOwnProperty(e))throw Error(`unknown type: `+e);return{type:e,name:n}})}_e.prototype=ge.prototype={constructor:_e,on:function(e,t){var n=this._,r=ve(e+``,n),i,a=-1,o=r.length;if(arguments.length<2){for(;++a<o;)if((i=(e=r[a]).type)&&(i=ye(n[i],e.name)))return i;return}if(t!=null&&typeof t!=`function`)throw Error(`invalid callback: `+t);for(;++a<o;)if(i=(e=r[a]).type)n[i]=be(n[i],e.name,t);else if(t==null)for(i in n)n[i]=be(n[i],e.name,null);return this},copy:function(){var e={},t=this._;for(var n in t)e[n]=t[n].slice();return new _e(e)},call:function(e,t){if((i=arguments.length-2)>0)for(var n=Array(i),r=0,i,a;r<i;++r)n[r]=arguments[r+2];if(!this._.hasOwnProperty(e))throw Error(`unknown type: `+e);for(a=this._[e],r=0,i=a.length;r<i;++r)a[r].value.apply(t,n)},apply:function(e,t,n){if(!this._.hasOwnProperty(e))throw Error(`unknown type: `+e);for(var r=this._[e],i=0,a=r.length;i<a;++i)r[i].value.apply(t,n)}};function ye(e,t){for(var n=0,r=e.length,i;n<r;++n)if((i=e[n]).name===t)return i.value}function be(e,t,n){for(var r=0,i=e.length;r<i;++r)if(e[r].name===t){e[r]=he,e=e.slice(0,r).concat(e.slice(r+1));break}return n!=null&&e.push({name:t,value:n}),e}var xe={svg:`http://www.w3.org/2000/svg`,xhtml:`http://www.w3.org/1999/xhtml`,xlink:`http://www.w3.org/1999/xlink`,xml:`http://www.w3.org/XML/1998/namespace`,xmlns:`http://www.w3.org/2000/xmlns/`};function Se(e){var t=e+=``,n=t.indexOf(`:`);return n>=0&&(t=e.slice(0,n))!==`xmlns`&&(e=e.slice(n+1)),xe.hasOwnProperty(t)?{space:xe[t],local:e}:e}function Ce(e){return function(){var t=this.ownerDocument,n=this.namespaceURI;return n===`http://www.w3.org/1999/xhtml`&&t.documentElement.namespaceURI===`http://www.w3.org/1999/xhtml`?t.createElement(e):t.createElementNS(n,e)}}function we(e){return function(){return this.ownerDocument.createElementNS(e.space,e.local)}}function Te(e){var t=Se(e);return(t.local?we:Ce)(t)}function Ee(){}function De(e){return e==null?Ee:function(){return this.querySelector(e)}}function Oe(e){typeof e!=`function`&&(e=De(e));for(var t=this._groups,n=t.length,r=Array(n),i=0;i<n;++i)for(var a=t[i],o=a.length,s=r[i]=Array(o),c,l,u=0;u<o;++u)(c=a[u])&&(l=e.call(c,c.__data__,u,a))&&(`__data__`in c&&(l.__data__=c.__data__),s[u]=l);return new _n(r,this._parents)}function ke(e){return e==null?[]:Array.isArray(e)?e:Array.from(e)}function Ae(){return[]}function je(e){return e==null?Ae:function(){return this.querySelectorAll(e)}}function Me(e){return function(){return ke(e.apply(this,arguments))}}function Ne(e){e=typeof e==`function`?Me(e):je(e);for(var t=this._groups,n=t.length,r=[],i=[],a=0;a<n;++a)for(var o=t[a],s=o.length,c,l=0;l<s;++l)(c=o[l])&&(r.push(e.call(c,c.__data__,l,o)),i.push(c));return new _n(r,i)}function Pe(e){return function(){return this.matches(e)}}function Fe(e){return function(t){return t.matches(e)}}var Ie=Array.prototype.find;function Le(e){return function(){return Ie.call(this.children,e)}}function Re(){return this.firstElementChild}function ze(e){return this.select(e==null?Re:Le(typeof e==`function`?e:Fe(e)))}var Be=Array.prototype.filter;function Ve(){return Array.from(this.children)}function He(e){return function(){return Be.call(this.children,e)}}function Ue(e){return this.selectAll(e==null?Ve:He(typeof e==`function`?e:Fe(e)))}function We(e){typeof e!=`function`&&(e=Pe(e));for(var t=this._groups,n=t.length,r=Array(n),i=0;i<n;++i)for(var a=t[i],o=a.length,s=r[i]=[],c,l=0;l<o;++l)(c=a[l])&&e.call(c,c.__data__,l,a)&&s.push(c);return new _n(r,this._parents)}function Ge(e){return Array(e.length)}function Ke(){return new _n(this._enter||this._groups.map(Ge),this._parents)}function qe(e,t){this.ownerDocument=e.ownerDocument,this.namespaceURI=e.namespaceURI,this._next=null,this._parent=e,this.__data__=t}qe.prototype={constructor:qe,appendChild:function(e){return this._parent.insertBefore(e,this._next)},insertBefore:function(e,t){return this._parent.insertBefore(e,t)},querySelector:function(e){return this._parent.querySelector(e)},querySelectorAll:function(e){return this._parent.querySelectorAll(e)}};function Je(e){return function(){return e}}function Ye(e,t,n,r,i,a){for(var o=0,s,c=t.length,l=a.length;o<l;++o)(s=t[o])?(s.__data__=a[o],r[o]=s):n[o]=new qe(e,a[o]);for(;o<c;++o)(s=t[o])&&(i[o]=s)}function Xe(e,t,n,r,i,a,o){var s,c,l=new Map,u=t.length,d=a.length,f=Array(u),p;for(s=0;s<u;++s)(c=t[s])&&(f[s]=p=o.call(c,c.__data__,s,t)+``,l.has(p)?i[s]=c:l.set(p,c));for(s=0;s<d;++s)p=o.call(e,a[s],s,a)+``,(c=l.get(p))?(r[s]=c,c.__data__=a[s],l.delete(p)):n[s]=new qe(e,a[s]);for(s=0;s<u;++s)(c=t[s])&&l.get(f[s])===c&&(i[s]=c)}function Ze(e){return e.__data__}function Qe(e,t){if(!arguments.length)return Array.from(this,Ze);var n=t?Xe:Ye,r=this._parents,i=this._groups;typeof e!=`function`&&(e=Je(e));for(var a=i.length,o=Array(a),s=Array(a),c=Array(a),l=0;l<a;++l){var u=r[l],d=i[l],f=d.length,p=$e(e.call(u,u&&u.__data__,l,r)),m=p.length,h=s[l]=Array(m),g=o[l]=Array(m);n(u,d,h,g,c[l]=Array(f),p,t);for(var _=0,v=0,y,b;_<m;++_)if(y=h[_]){for(_>=v&&(v=_+1);!(b=g[v])&&++v<m;);y._next=b||null}}return o=new _n(o,r),o._enter=s,o._exit=c,o}function $e(e){return typeof e==`object`&&`length`in e?e:Array.from(e)}function et(){return new _n(this._exit||this._groups.map(Ge),this._parents)}function tt(e,t,n){var r=this.enter(),i=this,a=this.exit();return typeof e==`function`?(r=e(r),r&&=r.selection()):r=r.append(e+``),t!=null&&(i=t(i),i&&=i.selection()),n==null?a.remove():n(a),r&&i?r.merge(i).order():i}function nt(e){for(var t=e.selection?e.selection():e,n=this._groups,r=t._groups,i=n.length,a=r.length,o=Math.min(i,a),s=Array(i),c=0;c<o;++c)for(var l=n[c],u=r[c],d=l.length,f=s[c]=Array(d),p,m=0;m<d;++m)(p=l[m]||u[m])&&(f[m]=p);for(;c<i;++c)s[c]=n[c];return new _n(s,this._parents)}function rt(){for(var e=this._groups,t=-1,n=e.length;++t<n;)for(var r=e[t],i=r.length-1,a=r[i],o;--i>=0;)(o=r[i])&&(a&&o.compareDocumentPosition(a)^4&&a.parentNode.insertBefore(o,a),a=o);return this}function it(e){e||=at;function t(t,n){return t&&n?e(t.__data__,n.__data__):!t-!n}for(var n=this._groups,r=n.length,i=Array(r),a=0;a<r;++a){for(var o=n[a],s=o.length,c=i[a]=Array(s),l,u=0;u<s;++u)(l=o[u])&&(c[u]=l);c.sort(t)}return new _n(i,this._parents).order()}function at(e,t){return e<t?-1:e>t?1:e>=t?0:NaN}function ot(){var e=arguments[0];return arguments[0]=this,e.apply(null,arguments),this}function st(){return Array.from(this)}function ct(){for(var e=this._groups,t=0,n=e.length;t<n;++t)for(var r=e[t],i=0,a=r.length;i<a;++i){var o=r[i];if(o)return o}return null}function lt(){let e=0;for(let t of this)++e;return e}function ut(){return!this.node()}function dt(e){for(var t=this._groups,n=0,r=t.length;n<r;++n)for(var i=t[n],a=0,o=i.length,s;a<o;++a)(s=i[a])&&e.call(s,s.__data__,a,i);return this}function ft(e){return function(){this.removeAttribute(e)}}function pt(e){return function(){this.removeAttributeNS(e.space,e.local)}}function mt(e,t){return function(){this.setAttribute(e,t)}}function ht(e,t){return function(){this.setAttributeNS(e.space,e.local,t)}}function gt(e,t){return function(){var n=t.apply(this,arguments);n==null?this.removeAttribute(e):this.setAttribute(e,n)}}function _t(e,t){return function(){var n=t.apply(this,arguments);n==null?this.removeAttributeNS(e.space,e.local):this.setAttributeNS(e.space,e.local,n)}}function vt(e,t){var n=Se(e);if(arguments.length<2){var r=this.node();return n.local?r.getAttributeNS(n.space,n.local):r.getAttribute(n)}return this.each((t==null?n.local?pt:ft:typeof t==`function`?n.local?_t:gt:n.local?ht:mt)(n,t))}function yt(e){return e.ownerDocument&&e.ownerDocument.defaultView||e.document&&e||e.defaultView}function bt(e){return function(){this.style.removeProperty(e)}}function xt(e,t,n){return function(){this.style.setProperty(e,t,n)}}function St(e,t,n){return function(){var r=t.apply(this,arguments);r==null?this.style.removeProperty(e):this.style.setProperty(e,r,n)}}function Ct(e,t,n){return arguments.length>1?this.each((t==null?bt:typeof t==`function`?St:xt)(e,t,n??``)):wt(this.node(),e)}function wt(e,t){return e.style.getPropertyValue(t)||yt(e).getComputedStyle(e,null).getPropertyValue(t)}function Tt(e){return function(){delete this[e]}}function Et(e,t){return function(){this[e]=t}}function Dt(e,t){return function(){var n=t.apply(this,arguments);n==null?delete this[e]:this[e]=n}}function Ot(e,t){return arguments.length>1?this.each((t==null?Tt:typeof t==`function`?Dt:Et)(e,t)):this.node()[e]}function kt(e){return e.trim().split(/^|\s+/)}function At(e){return e.classList||new jt(e)}function jt(e){this._node=e,this._names=kt(e.getAttribute(`class`)||``)}jt.prototype={add:function(e){this._names.indexOf(e)<0&&(this._names.push(e),this._node.setAttribute(`class`,this._names.join(` `)))},remove:function(e){var t=this._names.indexOf(e);t>=0&&(this._names.splice(t,1),this._node.setAttribute(`class`,this._names.join(` `)))},contains:function(e){return this._names.indexOf(e)>=0}};function Mt(e,t){for(var n=At(e),r=-1,i=t.length;++r<i;)n.add(t[r])}function Nt(e,t){for(var n=At(e),r=-1,i=t.length;++r<i;)n.remove(t[r])}function Pt(e){return function(){Mt(this,e)}}function Ft(e){return function(){Nt(this,e)}}function It(e,t){return function(){(t.apply(this,arguments)?Mt:Nt)(this,e)}}function Lt(e,t){var n=kt(e+``);if(arguments.length<2){for(var r=At(this.node()),i=-1,a=n.length;++i<a;)if(!r.contains(n[i]))return!1;return!0}return this.each((typeof t==`function`?It:t?Pt:Ft)(n,t))}function Rt(){this.textContent=``}function zt(e){return function(){this.textContent=e}}function Bt(e){return function(){var t=e.apply(this,arguments);this.textContent=t??``}}function Vt(e){return arguments.length?this.each(e==null?Rt:(typeof e==`function`?Bt:zt)(e)):this.node().textContent}function Ht(){this.innerHTML=``}function Ut(e){return function(){this.innerHTML=e}}function Wt(e){return function(){var t=e.apply(this,arguments);this.innerHTML=t??``}}function Gt(e){return arguments.length?this.each(e==null?Ht:(typeof e==`function`?Wt:Ut)(e)):this.node().innerHTML}function Kt(){this.nextSibling&&this.parentNode.appendChild(this)}function qt(){return this.each(Kt)}function Jt(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function Yt(){return this.each(Jt)}function Xt(e){var t=typeof e==`function`?e:Te(e);return this.select(function(){return this.appendChild(t.apply(this,arguments))})}function Zt(){return null}function Qt(e,t){var n=typeof e==`function`?e:Te(e),r=t==null?Zt:typeof t==`function`?t:De(t);return this.select(function(){return this.insertBefore(n.apply(this,arguments),r.apply(this,arguments)||null)})}function $t(){var e=this.parentNode;e&&e.removeChild(this)}function en(){return this.each($t)}function tn(){var e=this.cloneNode(!1),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function nn(){var e=this.cloneNode(!0),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function rn(e){return this.select(e?nn:tn)}function an(e){return arguments.length?this.property(`__data__`,e):this.node().__data__}function on(e){return function(t){e.call(this,t,this.__data__)}}function sn(e){return e.trim().split(/^|\s+/).map(function(e){var t=``,n=e.indexOf(`.`);return n>=0&&(t=e.slice(n+1),e=e.slice(0,n)),{type:e,name:t}})}function cn(e){return function(){var t=this.__on;if(t){for(var n=0,r=-1,i=t.length,a;n<i;++n)a=t[n],(!e.type||a.type===e.type)&&a.name===e.name?this.removeEventListener(a.type,a.listener,a.options):t[++r]=a;++r?t.length=r:delete this.__on}}}function ln(e,t,n){return function(){var r=this.__on,i,a=on(t);if(r){for(var o=0,s=r.length;o<s;++o)if((i=r[o]).type===e.type&&i.name===e.name){this.removeEventListener(i.type,i.listener,i.options),this.addEventListener(i.type,i.listener=a,i.options=n),i.value=t;return}}this.addEventListener(e.type,a,n),i={type:e.type,name:e.name,value:t,listener:a,options:n},r?r.push(i):this.__on=[i]}}function un(e,t,n){var r=sn(e+``),i,a=r.length,o;if(arguments.length<2){var s=this.node().__on;if(s){for(var c=0,l=s.length,u;c<l;++c)for(i=0,u=s[c];i<a;++i)if((o=r[i]).type===u.type&&o.name===u.name)return u.value}return}for(s=t?ln:cn,i=0;i<a;++i)this.each(s(r[i],t,n));return this}function dn(e,t,n){var r=yt(e),i=r.CustomEvent;typeof i==`function`?i=new i(t,n):(i=r.document.createEvent(`Event`),n?(i.initEvent(t,n.bubbles,n.cancelable),i.detail=n.detail):i.initEvent(t,!1,!1)),e.dispatchEvent(i)}function fn(e,t){return function(){return dn(this,e,t)}}function pn(e,t){return function(){return dn(this,e,t.apply(this,arguments))}}function mn(e,t){return this.each((typeof t==`function`?pn:fn)(e,t))}function*hn(){for(var e=this._groups,t=0,n=e.length;t<n;++t)for(var r=e[t],i=0,a=r.length,o;i<a;++i)(o=r[i])&&(yield o)}var gn=[null];function _n(e,t){this._groups=e,this._parents=t}function vn(){return new _n([[document.documentElement]],gn)}function yn(){return this}_n.prototype=vn.prototype={constructor:_n,select:Oe,selectAll:Ne,selectChild:ze,selectChildren:Ue,filter:We,data:Qe,enter:Ke,exit:et,join:tt,merge:nt,selection:yn,order:rt,sort:it,call:ot,nodes:st,node:ct,size:lt,empty:ut,each:dt,attr:vt,style:Ct,property:Ot,classed:Lt,text:Vt,html:Gt,raise:qt,lower:Yt,append:Xt,insert:Qt,remove:en,clone:rn,datum:an,on:un,dispatch:mn,[Symbol.iterator]:hn};function bn(e){return typeof e==`string`?new _n([[document.querySelector(e)]],[document.documentElement]):new _n([[e]],gn)}function xn(e){let t;for(;t=e.sourceEvent;)e=t;return e}function Sn(e,t){if(e=xn(e),t===void 0&&(t=e.currentTarget),t){var n=t.ownerSVGElement||t;if(n.createSVGPoint){var r=n.createSVGPoint();return r.x=e.clientX,r.y=e.clientY,r=r.matrixTransform(t.getScreenCTM().inverse()),[r.x,r.y]}if(t.getBoundingClientRect){var i=t.getBoundingClientRect();return[e.clientX-i.left-t.clientLeft,e.clientY-i.top-t.clientTop]}}return[e.pageX,e.pageY]}var Cn={passive:!1},wn={capture:!0,passive:!1};function Tn(e){e.stopImmediatePropagation()}function En(e){e.preventDefault(),e.stopImmediatePropagation()}function Dn(e){var t=e.document.documentElement,n=bn(e).on(`dragstart.drag`,En,wn);`onselectstart`in t?n.on(`selectstart.drag`,En,wn):(t.__noselect=t.style.MozUserSelect,t.style.MozUserSelect=`none`)}function On(e,t){var n=e.document.documentElement,r=bn(e).on(`dragstart.drag`,null);t&&(r.on(`click.drag`,En,wn),setTimeout(function(){r.on(`click.drag`,null)},0)),`onselectstart`in n?r.on(`selectstart.drag`,null):(n.style.MozUserSelect=n.__noselect,delete n.__noselect)}var kn=e=>()=>e;function An(e,{sourceEvent:t,subject:n,target:r,identifier:i,active:a,x:o,y:s,dx:c,dy:l,dispatch:u}){Object.defineProperties(this,{type:{value:e,enumerable:!0,configurable:!0},sourceEvent:{value:t,enumerable:!0,configurable:!0},subject:{value:n,enumerable:!0,configurable:!0},target:{value:r,enumerable:!0,configurable:!0},identifier:{value:i,enumerable:!0,configurable:!0},active:{value:a,enumerable:!0,configurable:!0},x:{value:o,enumerable:!0,configurable:!0},y:{value:s,enumerable:!0,configurable:!0},dx:{value:c,enumerable:!0,configurable:!0},dy:{value:l,enumerable:!0,configurable:!0},_:{value:u}})}An.prototype.on=function(){var e=this._.on.apply(this._,arguments);return e===this._?this:e};function jn(e){return!e.ctrlKey&&!e.button}function Mn(){return this.parentNode}function Nn(e,t){return t??{x:e.x,y:e.y}}function Pn(){return navigator.maxTouchPoints||`ontouchstart`in this}function Fn(){var e=jn,t=Mn,n=Nn,r=Pn,i={},a=ge(`start`,`drag`,`end`),o=0,s,c,l,u,d=0;function f(e){e.on(`mousedown.drag`,p).filter(r).on(`touchstart.drag`,g).on(`touchmove.drag`,_,Cn).on(`touchend.drag touchcancel.drag`,v).style(`touch-action`,`none`).style(`-webkit-tap-highlight-color`,`rgba(0,0,0,0)`)}function p(n,r){if(!(u||!e.call(this,n,r))){var i=y(this,t.call(this,n,r),n,r,`mouse`);i&&(bn(n.view).on(`mousemove.drag`,m,wn).on(`mouseup.drag`,h,wn),Dn(n.view),Tn(n),l=!1,s=n.clientX,c=n.clientY,i(`start`,n))}}function m(e){if(En(e),!l){var t=e.clientX-s,n=e.clientY-c;l=t*t+n*n>d}i.mouse(`drag`,e)}function h(e){bn(e.view).on(`mousemove.drag mouseup.drag`,null),On(e.view,l),En(e),i.mouse(`end`,e)}function g(n,r){if(e.call(this,n,r)){var i=n.changedTouches,a=t.call(this,n,r),o=i.length,s,c;for(s=0;s<o;++s)(c=y(this,a,n,r,i[s].identifier,i[s]))&&(Tn(n),c(`start`,n,i[s]))}}function _(e){var t=e.changedTouches,n=t.length,r,a;for(r=0;r<n;++r)(a=i[t[r].identifier])&&(En(e),a(`drag`,e,t[r]))}function v(e){var t=e.changedTouches,n=t.length,r,a;for(u&&clearTimeout(u),u=setTimeout(function(){u=null},500),r=0;r<n;++r)(a=i[t[r].identifier])&&(Tn(e),a(`end`,e,t[r]))}function y(e,t,r,s,c,l){var u=a.copy(),d=Sn(l||r,t),p,m,h;if((h=n.call(e,new An(`beforestart`,{sourceEvent:r,target:f,identifier:c,active:o,x:d[0],y:d[1],dx:0,dy:0,dispatch:u}),s))!=null)return p=h.x-d[0]||0,m=h.y-d[1]||0,function n(r,a,l){var g=d,_;switch(r){case`start`:i[c]=n,_=o++;break;case`end`:delete i[c],--o;case`drag`:d=Sn(l||a,t),_=o}u.call(r,e,new An(r,{sourceEvent:a,subject:h,target:f,identifier:c,active:_,x:d[0]+p,y:d[1]+m,dx:d[0]-g[0],dy:d[1]-g[1],dispatch:u}),s)}}return f.filter=function(t){return arguments.length?(e=typeof t==`function`?t:kn(!!t),f):e},f.container=function(e){return arguments.length?(t=typeof e==`function`?e:kn(e),f):t},f.subject=function(e){return arguments.length?(n=typeof e==`function`?e:kn(e),f):n},f.touchable=function(e){return arguments.length?(r=typeof e==`function`?e:kn(!!e),f):r},f.on=function(){var e=a.on.apply(a,arguments);return e===a?f:e},f.clickDistance=function(e){return arguments.length?(d=(e=+e)*e,f):Math.sqrt(d)},f}function In(e,t,n){e.prototype=t.prototype=n,n.constructor=e}function Ln(e,t){var n=Object.create(e.prototype);for(var r in t)n[r]=t[r];return n}function Rn(){}var zn=.7,Bn=1/zn,Vn=`\\s*([+-]?\\d+)\\s*`,Hn=`\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*`,Un=`\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*`,Wn=/^#([0-9a-f]{3,8})$/,Gn=RegExp(`^rgb\\(${Vn},${Vn},${Vn}\\)$`),Kn=RegExp(`^rgb\\(${Un},${Un},${Un}\\)$`),qn=RegExp(`^rgba\\(${Vn},${Vn},${Vn},${Hn}\\)$`),Jn=RegExp(`^rgba\\(${Un},${Un},${Un},${Hn}\\)$`),Yn=RegExp(`^hsl\\(${Hn},${Un},${Un}\\)$`),Xn=RegExp(`^hsla\\(${Hn},${Un},${Un},${Hn}\\)$`),Zn={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};In(Rn,nr,{copy(e){return Object.assign(new this.constructor,this,e)},displayable(){return this.rgb().displayable()},hex:Qn,formatHex:Qn,formatHex8:$n,formatHsl:er,formatRgb:tr,toString:tr});function Qn(){return this.rgb().formatHex()}function $n(){return this.rgb().formatHex8()}function er(){return hr(this).formatHsl()}function tr(){return this.rgb().formatRgb()}function nr(e){var t,n;return e=(e+``).trim().toLowerCase(),(t=Wn.exec(e))?(n=t[1].length,t=parseInt(t[1],16),n===6?rr(t):n===3?new sr(t>>8&15|t>>4&240,t>>4&15|t&240,(t&15)<<4|t&15,1):n===8?ir(t>>24&255,t>>16&255,t>>8&255,(t&255)/255):n===4?ir(t>>12&15|t>>8&240,t>>8&15|t>>4&240,t>>4&15|t&240,((t&15)<<4|t&15)/255):null):(t=Gn.exec(e))?new sr(t[1],t[2],t[3],1):(t=Kn.exec(e))?new sr(t[1]*255/100,t[2]*255/100,t[3]*255/100,1):(t=qn.exec(e))?ir(t[1],t[2],t[3],t[4]):(t=Jn.exec(e))?ir(t[1]*255/100,t[2]*255/100,t[3]*255/100,t[4]):(t=Yn.exec(e))?mr(t[1],t[2]/100,t[3]/100,1):(t=Xn.exec(e))?mr(t[1],t[2]/100,t[3]/100,t[4]):Zn.hasOwnProperty(e)?rr(Zn[e]):e===`transparent`?new sr(NaN,NaN,NaN,0):null}function rr(e){return new sr(e>>16&255,e>>8&255,e&255,1)}function ir(e,t,n,r){return r<=0&&(e=t=n=NaN),new sr(e,t,n,r)}function ar(e){return e instanceof Rn||(e=nr(e)),e?(e=e.rgb(),new sr(e.r,e.g,e.b,e.opacity)):new sr}function or(e,t,n,r){return arguments.length===1?ar(e):new sr(e,t,n,r??1)}function sr(e,t,n,r){this.r=+e,this.g=+t,this.b=+n,this.opacity=+r}In(sr,or,Ln(Rn,{brighter(e){return e=e==null?Bn:Bn**+e,new sr(this.r*e,this.g*e,this.b*e,this.opacity)},darker(e){return e=e==null?zn:zn**+e,new sr(this.r*e,this.g*e,this.b*e,this.opacity)},rgb(){return this},clamp(){return new sr(fr(this.r),fr(this.g),fr(this.b),dr(this.opacity))},displayable(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:cr,formatHex:cr,formatHex8:lr,formatRgb:ur,toString:ur}));function cr(){return`#${pr(this.r)}${pr(this.g)}${pr(this.b)}`}function lr(){return`#${pr(this.r)}${pr(this.g)}${pr(this.b)}${pr((isNaN(this.opacity)?1:this.opacity)*255)}`}function ur(){let e=dr(this.opacity);return`${e===1?`rgb(`:`rgba(`}${fr(this.r)}, ${fr(this.g)}, ${fr(this.b)}${e===1?`)`:`, ${e})`}`}function dr(e){return isNaN(e)?1:Math.max(0,Math.min(1,e))}function fr(e){return Math.max(0,Math.min(255,Math.round(e)||0))}function pr(e){return e=fr(e),(e<16?`0`:``)+e.toString(16)}function mr(e,t,n,r){return r<=0?e=t=n=NaN:n<=0||n>=1?e=t=NaN:t<=0&&(e=NaN),new _r(e,t,n,r)}function hr(e){if(e instanceof _r)return new _r(e.h,e.s,e.l,e.opacity);if(e instanceof Rn||(e=nr(e)),!e)return new _r;if(e instanceof _r)return e;e=e.rgb();var t=e.r/255,n=e.g/255,r=e.b/255,i=Math.min(t,n,r),a=Math.max(t,n,r),o=NaN,s=a-i,c=(a+i)/2;return s?(o=t===a?(n-r)/s+(n<r)*6:n===a?(r-t)/s+2:(t-n)/s+4,s/=c<.5?a+i:2-a-i,o*=60):s=c>0&&c<1?0:o,new _r(o,s,c,e.opacity)}function gr(e,t,n,r){return arguments.length===1?hr(e):new _r(e,t,n,r??1)}function _r(e,t,n,r){this.h=+e,this.s=+t,this.l=+n,this.opacity=+r}In(_r,gr,Ln(Rn,{brighter(e){return e=e==null?Bn:Bn**+e,new _r(this.h,this.s,this.l*e,this.opacity)},darker(e){return e=e==null?zn:zn**+e,new _r(this.h,this.s,this.l*e,this.opacity)},rgb(){var e=this.h%360+(this.h<0)*360,t=isNaN(e)||isNaN(this.s)?0:this.s,n=this.l,r=n+(n<.5?n:1-n)*t,i=2*n-r;return new sr(br(e>=240?e-240:e+120,i,r),br(e,i,r),br(e<120?e+240:e-120,i,r),this.opacity)},clamp(){return new _r(vr(this.h),yr(this.s),yr(this.l),dr(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){let e=dr(this.opacity);return`${e===1?`hsl(`:`hsla(`}${vr(this.h)}, ${yr(this.s)*100}%, ${yr(this.l)*100}%${e===1?`)`:`, ${e})`}`}}));function vr(e){return e=(e||0)%360,e<0?e+360:e}function yr(e){return Math.max(0,Math.min(1,e||0))}function br(e,t,n){return(e<60?t+(n-t)*e/60:e<180?n:e<240?t+(n-t)*(240-e)/60:t)*255}var xr=e=>()=>e;function Sr(e,t){return function(n){return e+n*t}}function Cr(e,t,n){return e**=+n,t=t**+n-e,n=1/n,function(r){return(e+r*t)**+n}}function wr(e){return(e=+e)==1?Tr:function(t,n){return n-t?Cr(t,n,e):xr(isNaN(t)?n:t)}}function Tr(e,t){var n=t-e;return n?Sr(e,n):xr(isNaN(e)?t:e)}var Er=(function e(t){var n=wr(t);function r(e,t){var r=n((e=or(e)).r,(t=or(t)).r),i=n(e.g,t.g),a=n(e.b,t.b),o=Tr(e.opacity,t.opacity);return function(t){return e.r=r(t),e.g=i(t),e.b=a(t),e.opacity=o(t),e+``}}return r.gamma=e,r})(1);function Dr(e,t){return e=+e,t=+t,function(n){return e*(1-n)+t*n}}var Or=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,kr=new RegExp(Or.source,`g`);function Ar(e){return function(){return e}}function jr(e){return function(t){return e(t)+``}}function Mr(e,t){var n=Or.lastIndex=kr.lastIndex=0,r,i,a,o=-1,s=[],c=[];for(e+=``,t+=``;(r=Or.exec(e))&&(i=kr.exec(t));)(a=i.index)>n&&(a=t.slice(n,a),s[o]?s[o]+=a:s[++o]=a),(r=r[0])===(i=i[0])?s[o]?s[o]+=i:s[++o]=i:(s[++o]=null,c.push({i:o,x:Dr(r,i)})),n=kr.lastIndex;return n<t.length&&(a=t.slice(n),s[o]?s[o]+=a:s[++o]=a),s.length<2?c[0]?jr(c[0].x):Ar(t):(t=c.length,function(e){for(var n=0,r;n<t;++n)s[(r=c[n]).i]=r.x(e);return s.join(``)})}var Nr=180/Math.PI,Pr={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function Fr(e,t,n,r,i,a){var o,s,c;return(o=Math.sqrt(e*e+t*t))&&(e/=o,t/=o),(c=e*n+t*r)&&(n-=e*c,r-=t*c),(s=Math.sqrt(n*n+r*r))&&(n/=s,r/=s,c/=s),e*r<t*n&&(e=-e,t=-t,c=-c,o=-o),{translateX:i,translateY:a,rotate:Math.atan2(t,e)*Nr,skewX:Math.atan(c)*Nr,scaleX:o,scaleY:s}}var Ir;function Lr(e){let t=new(typeof DOMMatrix==`function`?DOMMatrix:WebKitCSSMatrix)(e+``);return t.isIdentity?Pr:Fr(t.a,t.b,t.c,t.d,t.e,t.f)}function Rr(e){return e==null||(Ir||=document.createElementNS(`http://www.w3.org/2000/svg`,`g`),Ir.setAttribute(`transform`,e),!(e=Ir.transform.baseVal.consolidate()))?Pr:(e=e.matrix,Fr(e.a,e.b,e.c,e.d,e.e,e.f))}function zr(e,t,n,r){function i(e){return e.length?e.pop()+` `:``}function a(e,r,i,a,o,s){if(e!==i||r!==a){var c=o.push(`translate(`,null,t,null,n);s.push({i:c-4,x:Dr(e,i)},{i:c-2,x:Dr(r,a)})}else(i||a)&&o.push(`translate(`+i+t+a+n)}function o(e,t,n,a){e===t?t&&n.push(i(n)+`rotate(`+t+r):(e-t>180?t+=360:t-e>180&&(e+=360),a.push({i:n.push(i(n)+`rotate(`,null,r)-2,x:Dr(e,t)}))}function s(e,t,n,a){e===t?t&&n.push(i(n)+`skewX(`+t+r):a.push({i:n.push(i(n)+`skewX(`,null,r)-2,x:Dr(e,t)})}function c(e,t,n,r,a,o){if(e!==n||t!==r){var s=a.push(i(a)+`scale(`,null,`,`,null,`)`);o.push({i:s-4,x:Dr(e,n)},{i:s-2,x:Dr(t,r)})}else(n!==1||r!==1)&&a.push(i(a)+`scale(`+n+`,`+r+`)`)}return function(t,n){var r=[],i=[];return t=e(t),n=e(n),a(t.translateX,t.translateY,n.translateX,n.translateY,r,i),o(t.rotate,n.rotate,r,i),s(t.skewX,n.skewX,r,i),c(t.scaleX,t.scaleY,n.scaleX,n.scaleY,r,i),t=n=null,function(e){for(var t=-1,n=i.length,a;++t<n;)r[(a=i[t]).i]=a.x(e);return r.join(``)}}}var Br=zr(Lr,`px, `,`px)`,`deg)`),Vr=zr(Rr,`, `,`)`,`)`),Hr=1e-12;function Ur(e){return((e=Math.exp(e))+1/e)/2}function Wr(e){return((e=Math.exp(e))-1/e)/2}function Gr(e){return((e=Math.exp(2*e))-1)/(e+1)}var Kr=(function e(t,n,r){function i(e,i){var a=e[0],o=e[1],s=e[2],c=i[0],l=i[1],u=i[2],d=c-a,f=l-o,p=d*d+f*f,m,h;if(p<Hr)h=Math.log(u/s)/t,m=function(e){return[a+e*d,o+e*f,s*Math.exp(t*e*h)]};else{var g=Math.sqrt(p),_=(u*u-s*s+r*p)/(2*s*n*g),v=(u*u-s*s-r*p)/(2*u*n*g),y=Math.log(Math.sqrt(_*_+1)-_);h=(Math.log(Math.sqrt(v*v+1)-v)-y)/t,m=function(e){var r=e*h,i=Ur(y),c=s/(n*g)*(i*Gr(t*r+y)-Wr(y));return[a+c*d,o+c*f,s*i/Ur(t*r+y)]}}return m.duration=h*1e3*t/Math.SQRT2,m}return i.rho=function(t){var n=Math.max(.001,+t),r=n*n;return e(n,r,r*r)},i})(Math.SQRT2,2,4),qr=0,Jr=0,Yr=0,Xr=1e3,Zr,Qr,$r=0,ei=0,ti=0,ni=typeof performance==`object`&&performance.now?performance:Date,ri=typeof window==`object`&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(e){setTimeout(e,17)};function ii(){return ei||=(ri(ai),ni.now()+ti)}function ai(){ei=0}function oi(){this._call=this._time=this._next=null}oi.prototype=si.prototype={constructor:oi,restart:function(e,t,n){if(typeof e!=`function`)throw TypeError(`callback is not a function`);n=(n==null?ii():+n)+(t==null?0:+t),!this._next&&Qr!==this&&(Qr?Qr._next=this:Zr=this,Qr=this),this._call=e,this._time=n,fi()},stop:function(){this._call&&(this._call=null,this._time=1/0,fi())}};function si(e,t,n){var r=new oi;return r.restart(e,t,n),r}function ci(){ii(),++qr;for(var e=Zr,t;e;)(t=ei-e._time)>=0&&e._call.call(void 0,t),e=e._next;--qr}function li(){ei=($r=ni.now())+ti,qr=Jr=0;try{ci()}finally{qr=0,di(),ei=0}}function ui(){var e=ni.now(),t=e-$r;t>Xr&&(ti-=t,$r=e)}function di(){for(var e,t=Zr,n,r=1/0;t;)t._call?(r>t._time&&(r=t._time),e=t,t=t._next):(n=t._next,t._next=null,t=e?e._next=n:Zr=n);Qr=e,fi(r)}function fi(e){qr||(Jr&&=clearTimeout(Jr),e-ei>24?(e<1/0&&(Jr=setTimeout(li,e-ni.now()-ti)),Yr&&=clearInterval(Yr)):(Yr||=($r=ni.now(),setInterval(ui,Xr)),qr=1,ri(li)))}function pi(e,t,n){var r=new oi;return t=t==null?0:+t,r.restart(n=>{r.stop(),e(n+t)},t,n),r}var mi=ge(`start`,`end`,`cancel`,`interrupt`),hi=[];function gi(e,t,n,r,i,a){var o=e.__transition;if(!o)e.__transition={};else if(n in o)return;bi(e,n,{name:t,index:r,group:i,on:mi,tween:hi,time:a.time,delay:a.delay,duration:a.duration,ease:a.ease,timer:null,state:0})}function _i(e,t){var n=yi(e,t);if(n.state>0)throw Error(`too late; already scheduled`);return n}function vi(e,t){var n=yi(e,t);if(n.state>3)throw Error(`too late; already running`);return n}function yi(e,t){var n=e.__transition;if(!n||!(n=n[t]))throw Error(`transition not found`);return n}function bi(e,t,n){var r=e.__transition,i;r[t]=n,n.timer=si(a,0,n.time);function a(e){n.state=1,n.timer.restart(o,n.delay,n.time),n.delay<=e&&o(e-n.delay)}function o(a){var l,u,d,f;if(n.state!==1)return c();for(l in r)if(f=r[l],f.name===n.name){if(f.state===3)return pi(o);f.state===4?(f.state=6,f.timer.stop(),f.on.call(`interrupt`,e,e.__data__,f.index,f.group),delete r[l]):+l<t&&(f.state=6,f.timer.stop(),f.on.call(`cancel`,e,e.__data__,f.index,f.group),delete r[l])}if(pi(function(){n.state===3&&(n.state=4,n.timer.restart(s,n.delay,n.time),s(a))}),n.state=2,n.on.call(`start`,e,e.__data__,n.index,n.group),n.state===2){for(n.state=3,i=Array(d=n.tween.length),l=0,u=-1;l<d;++l)(f=n.tween[l].value.call(e,e.__data__,n.index,n.group))&&(i[++u]=f);i.length=u+1}}function s(t){for(var r=t<n.duration?n.ease.call(null,t/n.duration):(n.timer.restart(c),n.state=5,1),a=-1,o=i.length;++a<o;)i[a].call(e,r);n.state===5&&(n.on.call(`end`,e,e.__data__,n.index,n.group),c())}function c(){for(var i in n.state=6,n.timer.stop(),delete r[t],r)return;delete e.__transition}}function xi(e,t){var n=e.__transition,r,i,a=!0,o;if(n){for(o in t=t==null?null:t+``,n){if((r=n[o]).name!==t){a=!1;continue}i=r.state>2&&r.state<5,r.state=6,r.timer.stop(),r.on.call(i?`interrupt`:`cancel`,e,e.__data__,r.index,r.group),delete n[o]}a&&delete e.__transition}}function Si(e){return this.each(function(){xi(this,e)})}function Ci(e,t){var n,r;return function(){var i=vi(this,e),a=i.tween;if(a!==n){r=n=a;for(var o=0,s=r.length;o<s;++o)if(r[o].name===t){r=r.slice(),r.splice(o,1);break}}i.tween=r}}function wi(e,t,n){var r,i;if(typeof n!=`function`)throw Error();return function(){var a=vi(this,e),o=a.tween;if(o!==r){i=(r=o).slice();for(var s={name:t,value:n},c=0,l=i.length;c<l;++c)if(i[c].name===t){i[c]=s;break}c===l&&i.push(s)}a.tween=i}}function Ti(e,t){var n=this._id;if(e+=``,arguments.length<2){for(var r=yi(this.node(),n).tween,i=0,a=r.length,o;i<a;++i)if((o=r[i]).name===e)return o.value;return null}return this.each((t==null?Ci:wi)(n,e,t))}function Ei(e,t,n){var r=e._id;return e.each(function(){var e=vi(this,r);(e.value||={})[t]=n.apply(this,arguments)}),function(e){return yi(e,r).value[t]}}function Di(e,t){var n;return(typeof t==`number`?Dr:t instanceof nr?Er:(n=nr(t))?(t=n,Er):Mr)(e,t)}function Oi(e){return function(){this.removeAttribute(e)}}function ki(e){return function(){this.removeAttributeNS(e.space,e.local)}}function Ai(e,t,n){var r,i=n+``,a;return function(){var o=this.getAttribute(e);return o===i?null:o===r?a:a=t(r=o,n)}}function ji(e,t,n){var r,i=n+``,a;return function(){var o=this.getAttributeNS(e.space,e.local);return o===i?null:o===r?a:a=t(r=o,n)}}function Mi(e,t,n){var r,i,a;return function(){var o,s=n(this),c;return s==null?void this.removeAttribute(e):(o=this.getAttribute(e),c=s+``,o===c?null:o===r&&c===i?a:(i=c,a=t(r=o,s)))}}function Ni(e,t,n){var r,i,a;return function(){var o,s=n(this),c;return s==null?void this.removeAttributeNS(e.space,e.local):(o=this.getAttributeNS(e.space,e.local),c=s+``,o===c?null:o===r&&c===i?a:(i=c,a=t(r=o,s)))}}function Pi(e,t){var n=Se(e),r=n===`transform`?Vr:Di;return this.attrTween(e,typeof t==`function`?(n.local?Ni:Mi)(n,r,Ei(this,`attr.`+e,t)):t==null?(n.local?ki:Oi)(n):(n.local?ji:Ai)(n,r,t))}function Fi(e,t){return function(n){this.setAttribute(e,t.call(this,n))}}function Ii(e,t){return function(n){this.setAttributeNS(e.space,e.local,t.call(this,n))}}function Li(e,t){var n,r;function i(){var i=t.apply(this,arguments);return i!==r&&(n=(r=i)&&Ii(e,i)),n}return i._value=t,i}function Ri(e,t){var n,r;function i(){var i=t.apply(this,arguments);return i!==r&&(n=(r=i)&&Fi(e,i)),n}return i._value=t,i}function zi(e,t){var n=`attr.`+e;if(arguments.length<2)return(n=this.tween(n))&&n._value;if(t==null)return this.tween(n,null);if(typeof t!=`function`)throw Error();var r=Se(e);return this.tween(n,(r.local?Li:Ri)(r,t))}function Bi(e,t){return function(){_i(this,e).delay=+t.apply(this,arguments)}}function Vi(e,t){return t=+t,function(){_i(this,e).delay=t}}function Hi(e){var t=this._id;return arguments.length?this.each((typeof e==`function`?Bi:Vi)(t,e)):yi(this.node(),t).delay}function Ui(e,t){return function(){vi(this,e).duration=+t.apply(this,arguments)}}function Wi(e,t){return t=+t,function(){vi(this,e).duration=t}}function Gi(e){var t=this._id;return arguments.length?this.each((typeof e==`function`?Ui:Wi)(t,e)):yi(this.node(),t).duration}function Ki(e,t){if(typeof t!=`function`)throw Error();return function(){vi(this,e).ease=t}}function qi(e){var t=this._id;return arguments.length?this.each(Ki(t,e)):yi(this.node(),t).ease}function Ji(e,t){return function(){var n=t.apply(this,arguments);if(typeof n!=`function`)throw Error();vi(this,e).ease=n}}function Yi(e){if(typeof e!=`function`)throw Error();return this.each(Ji(this._id,e))}function Xi(e){typeof e!=`function`&&(e=Pe(e));for(var t=this._groups,n=t.length,r=Array(n),i=0;i<n;++i)for(var a=t[i],o=a.length,s=r[i]=[],c,l=0;l<o;++l)(c=a[l])&&e.call(c,c.__data__,l,a)&&s.push(c);return new Ta(r,this._parents,this._name,this._id)}function Zi(e){if(e._id!==this._id)throw Error();for(var t=this._groups,n=e._groups,r=t.length,i=n.length,a=Math.min(r,i),o=Array(r),s=0;s<a;++s)for(var c=t[s],l=n[s],u=c.length,d=o[s]=Array(u),f,p=0;p<u;++p)(f=c[p]||l[p])&&(d[p]=f);for(;s<r;++s)o[s]=t[s];return new Ta(o,this._parents,this._name,this._id)}function Qi(e){return(e+``).trim().split(/^|\s+/).every(function(e){var t=e.indexOf(`.`);return t>=0&&(e=e.slice(0,t)),!e||e===`start`})}function $i(e,t,n){var r,i,a=Qi(t)?_i:vi;return function(){var o=a(this,e),s=o.on;s!==r&&(i=(r=s).copy()).on(t,n),o.on=i}}function ea(e,t){var n=this._id;return arguments.length<2?yi(this.node(),n).on.on(e):this.each($i(n,e,t))}function ta(e){return function(){var t=this.parentNode;for(var n in this.__transition)if(+n!==e)return;t&&t.removeChild(this)}}function na(){return this.on(`end.remove`,ta(this._id))}function ra(e){var t=this._name,n=this._id;typeof e!=`function`&&(e=De(e));for(var r=this._groups,i=r.length,a=Array(i),o=0;o<i;++o)for(var s=r[o],c=s.length,l=a[o]=Array(c),u,d,f=0;f<c;++f)(u=s[f])&&(d=e.call(u,u.__data__,f,s))&&(`__data__`in u&&(d.__data__=u.__data__),l[f]=d,gi(l[f],t,n,f,l,yi(u,n)));return new Ta(a,this._parents,t,n)}function ia(e){var t=this._name,n=this._id;typeof e!=`function`&&(e=je(e));for(var r=this._groups,i=r.length,a=[],o=[],s=0;s<i;++s)for(var c=r[s],l=c.length,u,d=0;d<l;++d)if(u=c[d]){for(var f=e.call(u,u.__data__,d,c),p,m=yi(u,n),h=0,g=f.length;h<g;++h)(p=f[h])&&gi(p,t,n,h,f,m);a.push(f),o.push(u)}return new Ta(a,o,t,n)}var aa=vn.prototype.constructor;function oa(){return new aa(this._groups,this._parents)}function sa(e,t){var n,r,i;return function(){var a=wt(this,e),o=(this.style.removeProperty(e),wt(this,e));return a===o?null:a===n&&o===r?i:i=t(n=a,r=o)}}function ca(e){return function(){this.style.removeProperty(e)}}function la(e,t,n){var r,i=n+``,a;return function(){var o=wt(this,e);return o===i?null:o===r?a:a=t(r=o,n)}}function ua(e,t,n){var r,i,a;return function(){var o=wt(this,e),s=n(this),c=s+``;return s??(c=s=(this.style.removeProperty(e),wt(this,e))),o===c?null:o===r&&c===i?a:(i=c,a=t(r=o,s))}}function da(e,t){var n,r,i,a=`style.`+t,o=`end.`+a,s;return function(){var c=vi(this,e),l=c.on,u=c.value[a]==null?s||=ca(t):void 0;(l!==n||i!==u)&&(r=(n=l).copy()).on(o,i=u),c.on=r}}function fa(e,t,n){var r=(e+=``)==`transform`?Br:Di;return t==null?this.styleTween(e,sa(e,r)).on(`end.style.`+e,ca(e)):typeof t==`function`?this.styleTween(e,ua(e,r,Ei(this,`style.`+e,t))).each(da(this._id,e)):this.styleTween(e,la(e,r,t),n).on(`end.style.`+e,null)}function pa(e,t,n){return function(r){this.style.setProperty(e,t.call(this,r),n)}}function ma(e,t,n){var r,i;function a(){var a=t.apply(this,arguments);return a!==i&&(r=(i=a)&&pa(e,a,n)),r}return a._value=t,a}function ha(e,t,n){var r=`style.`+(e+=``);if(arguments.length<2)return(r=this.tween(r))&&r._value;if(t==null)return this.tween(r,null);if(typeof t!=`function`)throw Error();return this.tween(r,ma(e,t,n??``))}function ga(e){return function(){this.textContent=e}}function _a(e){return function(){var t=e(this);this.textContent=t??``}}function va(e){return this.tween(`text`,typeof e==`function`?_a(Ei(this,`text`,e)):ga(e==null?``:e+``))}function ya(e){return function(t){this.textContent=e.call(this,t)}}function ba(e){var t,n;function r(){var r=e.apply(this,arguments);return r!==n&&(t=(n=r)&&ya(r)),t}return r._value=e,r}function xa(e){var t=`text`;if(arguments.length<1)return(t=this.tween(t))&&t._value;if(e==null)return this.tween(t,null);if(typeof e!=`function`)throw Error();return this.tween(t,ba(e))}function Sa(){for(var e=this._name,t=this._id,n=Ea(),r=this._groups,i=r.length,a=0;a<i;++a)for(var o=r[a],s=o.length,c,l=0;l<s;++l)if(c=o[l]){var u=yi(c,t);gi(c,e,n,l,o,{time:u.time+u.delay+u.duration,delay:0,duration:u.duration,ease:u.ease})}return new Ta(r,this._parents,e,n)}function Ca(){var e,t,n=this,r=n._id,i=n.size();return new Promise(function(a,o){var s={value:o},c={value:function(){--i===0&&a()}};n.each(function(){var n=vi(this,r),i=n.on;i!==e&&(t=(e=i).copy(),t._.cancel.push(s),t._.interrupt.push(s),t._.end.push(c)),n.on=t}),i===0&&a()})}var wa=0;function Ta(e,t,n,r){this._groups=e,this._parents=t,this._name=n,this._id=r}function Ea(){return++wa}var Da=vn.prototype;Ta.prototype={constructor:Ta,select:ra,selectAll:ia,selectChild:Da.selectChild,selectChildren:Da.selectChildren,filter:Xi,merge:Zi,selection:oa,transition:Sa,call:Da.call,nodes:Da.nodes,node:Da.node,size:Da.size,empty:Da.empty,each:Da.each,on:ea,attr:Pi,attrTween:zi,style:fa,styleTween:ha,text:va,textTween:xa,remove:na,tween:Ti,delay:Hi,duration:Gi,ease:qi,easeVarying:Yi,end:Ca,[Symbol.iterator]:Da[Symbol.iterator]};function Oa(e){return((e*=2)<=1?e*e*e:(e-=2)*e*e+2)/2}var ka={time:null,delay:0,duration:250,ease:Oa};function Aa(e,t){for(var n;!(n=e.__transition)||!(n=n[t]);)if(!(e=e.parentNode))throw Error(`transition ${t} not found`);return n}function ja(e){var t,n;e instanceof Ta?(t=e._id,e=e._name):(t=Ea(),(n=ka).time=ii(),e=e==null?null:e+``);for(var r=this._groups,i=r.length,a=0;a<i;++a)for(var o=r[a],s=o.length,c,l=0;l<s;++l)(c=o[l])&&gi(c,e,t,l,o,n||Aa(c,t));return new Ta(r,this._parents,e,t)}vn.prototype.interrupt=Si,vn.prototype.transition=ja;var Ma=e=>()=>e;function Na(e,{sourceEvent:t,target:n,transform:r,dispatch:i}){Object.defineProperties(this,{type:{value:e,enumerable:!0,configurable:!0},sourceEvent:{value:t,enumerable:!0,configurable:!0},target:{value:n,enumerable:!0,configurable:!0},transform:{value:r,enumerable:!0,configurable:!0},_:{value:i}})}function Pa(e,t,n){this.k=e,this.x=t,this.y=n}Pa.prototype={constructor:Pa,scale:function(e){return e===1?this:new Pa(this.k*e,this.x,this.y)},translate:function(e,t){return e===0&t===0?this:new Pa(this.k,this.x+this.k*e,this.y+this.k*t)},apply:function(e){return[e[0]*this.k+this.x,e[1]*this.k+this.y]},applyX:function(e){return e*this.k+this.x},applyY:function(e){return e*this.k+this.y},invert:function(e){return[(e[0]-this.x)/this.k,(e[1]-this.y)/this.k]},invertX:function(e){return(e-this.x)/this.k},invertY:function(e){return(e-this.y)/this.k},rescaleX:function(e){return e.copy().domain(e.range().map(this.invertX,this).map(e.invert,e))},rescaleY:function(e){return e.copy().domain(e.range().map(this.invertY,this).map(e.invert,e))},toString:function(){return`translate(`+this.x+`,`+this.y+`) scale(`+this.k+`)`}};var Fa=new Pa(1,0,0);Ia.prototype=Pa.prototype;function Ia(e){for(;!e.__zoom;)if(!(e=e.parentNode))return Fa;return e.__zoom}function La(e){e.stopImmediatePropagation()}function Ra(e){e.preventDefault(),e.stopImmediatePropagation()}function za(e){return(!e.ctrlKey||e.type===`wheel`)&&!e.button}function Ba(){var e=this;return e instanceof SVGElement?(e=e.ownerSVGElement||e,e.hasAttribute(`viewBox`)?(e=e.viewBox.baseVal,[[e.x,e.y],[e.x+e.width,e.y+e.height]]):[[0,0],[e.width.baseVal.value,e.height.baseVal.value]]):[[0,0],[e.clientWidth,e.clientHeight]]}function Va(){return this.__zoom||Fa}function Ha(e){return-e.deltaY*(e.deltaMode===1?.05:e.deltaMode?1:.002)*(e.ctrlKey?10:1)}function Ua(){return navigator.maxTouchPoints||`ontouchstart`in this}function Wa(e,t,n){var r=e.invertX(t[0][0])-n[0][0],i=e.invertX(t[1][0])-n[1][0],a=e.invertY(t[0][1])-n[0][1],o=e.invertY(t[1][1])-n[1][1];return e.translate(i>r?(r+i)/2:Math.min(0,r)||Math.max(0,i),o>a?(a+o)/2:Math.min(0,a)||Math.max(0,o))}function Ga(){var e=za,t=Ba,n=Wa,r=Ha,i=Ua,a=[0,1/0],o=[[-1/0,-1/0],[1/0,1/0]],s=250,c=Kr,l=ge(`start`,`zoom`,`end`),u,d,f,p=500,m=150,h=0,g=10;function _(e){e.property(`__zoom`,Va).on(`wheel.zoom`,w,{passive:!1}).on(`mousedown.zoom`,T).on(`dblclick.zoom`,E).filter(i).on(`touchstart.zoom`,D).on(`touchmove.zoom`,O).on(`touchend.zoom touchcancel.zoom`,k).style(`-webkit-tap-highlight-color`,`rgba(0,0,0,0)`)}_.transform=function(e,t,n,r){var i=e.selection?e.selection():e;i.property(`__zoom`,Va),e===i?i.interrupt().each(function(){S(this,arguments).event(r).start().zoom(null,typeof t==`function`?t.apply(this,arguments):t).end()}):x(e,t,n,r)},_.scaleBy=function(e,t,n,r){_.scaleTo(e,function(){return this.__zoom.k*(typeof t==`function`?t.apply(this,arguments):t)},n,r)},_.scaleTo=function(e,r,i,a){_.transform(e,function(){var e=t.apply(this,arguments),a=this.__zoom,s=i==null?b(e):typeof i==`function`?i.apply(this,arguments):i,c=a.invert(s),l=typeof r==`function`?r.apply(this,arguments):r;return n(y(v(a,l),s,c),e,o)},i,a)},_.translateBy=function(e,r,i,a){_.transform(e,function(){return n(this.__zoom.translate(typeof r==`function`?r.apply(this,arguments):r,typeof i==`function`?i.apply(this,arguments):i),t.apply(this,arguments),o)},null,a)},_.translateTo=function(e,r,i,a,s){_.transform(e,function(){var e=t.apply(this,arguments),s=this.__zoom,c=a==null?b(e):typeof a==`function`?a.apply(this,arguments):a;return n(Fa.translate(c[0],c[1]).scale(s.k).translate(typeof r==`function`?-r.apply(this,arguments):-r,typeof i==`function`?-i.apply(this,arguments):-i),e,o)},a,s)};function v(e,t){return t=Math.max(a[0],Math.min(a[1],t)),t===e.k?e:new Pa(t,e.x,e.y)}function y(e,t,n){var r=t[0]-n[0]*e.k,i=t[1]-n[1]*e.k;return r===e.x&&i===e.y?e:new Pa(e.k,r,i)}function b(e){return[(+e[0][0]+ +e[1][0])/2,(+e[0][1]+ +e[1][1])/2]}function x(e,n,r,i){e.on(`start.zoom`,function(){S(this,arguments).event(i).start()}).on(`interrupt.zoom end.zoom`,function(){S(this,arguments).event(i).end()}).tween(`zoom`,function(){var e=this,a=arguments,o=S(e,a).event(i),s=t.apply(e,a),l=r==null?b(s):typeof r==`function`?r.apply(e,a):r,u=Math.max(s[1][0]-s[0][0],s[1][1]-s[0][1]),d=e.__zoom,f=typeof n==`function`?n.apply(e,a):n,p=c(d.invert(l).concat(u/d.k),f.invert(l).concat(u/f.k));return function(e){if(e===1)e=f;else{var t=p(e),n=u/t[2];e=new Pa(n,l[0]-t[0]*n,l[1]-t[1]*n)}o.zoom(null,e)}})}function S(e,t,n){return!n&&e.__zooming||new C(e,t)}function C(e,n){this.that=e,this.args=n,this.active=0,this.sourceEvent=null,this.extent=t.apply(e,n),this.taps=0}C.prototype={event:function(e){return e&&(this.sourceEvent=e),this},start:function(){return++this.active===1&&(this.that.__zooming=this,this.emit(`start`)),this},zoom:function(e,t){return this.mouse&&e!==`mouse`&&(this.mouse[1]=t.invert(this.mouse[0])),this.touch0&&e!==`touch`&&(this.touch0[1]=t.invert(this.touch0[0])),this.touch1&&e!==`touch`&&(this.touch1[1]=t.invert(this.touch1[0])),this.that.__zoom=t,this.emit(`zoom`),this},end:function(){return--this.active===0&&(delete this.that.__zooming,this.emit(`end`)),this},emit:function(e){var t=bn(this.that).datum();l.call(e,this.that,new Na(e,{sourceEvent:this.sourceEvent,target:_,type:e,transform:this.that.__zoom,dispatch:l}),t)}};function w(t,...i){if(!e.apply(this,arguments))return;var s=S(this,i).event(t),c=this.__zoom,l=Math.max(a[0],Math.min(a[1],c.k*2**r.apply(this,arguments))),u=Sn(t);if(s.wheel)(s.mouse[0][0]!==u[0]||s.mouse[0][1]!==u[1])&&(s.mouse[1]=c.invert(s.mouse[0]=u)),clearTimeout(s.wheel);else if(c.k===l)return;else s.mouse=[u,c.invert(u)],xi(this),s.start();Ra(t),s.wheel=setTimeout(d,m),s.zoom(`mouse`,n(y(v(c,l),s.mouse[0],s.mouse[1]),s.extent,o));function d(){s.wheel=null,s.end()}}function T(t,...r){if(f||!e.apply(this,arguments))return;var i=t.currentTarget,a=S(this,r,!0).event(t),s=bn(t.view).on(`mousemove.zoom`,d,!0).on(`mouseup.zoom`,p,!0),c=Sn(t,i),l=t.clientX,u=t.clientY;Dn(t.view),La(t),a.mouse=[c,this.__zoom.invert(c)],xi(this),a.start();function d(e){if(Ra(e),!a.moved){var t=e.clientX-l,r=e.clientY-u;a.moved=t*t+r*r>h}a.event(e).zoom(`mouse`,n(y(a.that.__zoom,a.mouse[0]=Sn(e,i),a.mouse[1]),a.extent,o))}function p(e){s.on(`mousemove.zoom mouseup.zoom`,null),On(e.view,a.moved),Ra(e),a.event(e).end()}}function E(r,...i){if(e.apply(this,arguments)){var a=this.__zoom,c=Sn(r.changedTouches?r.changedTouches[0]:r,this),l=a.invert(c),u=a.k*(r.shiftKey?.5:2),d=n(y(v(a,u),c,l),t.apply(this,i),o);Ra(r),s>0?bn(this).transition().duration(s).call(x,d,c,r):bn(this).call(_.transform,d,c,r)}}function D(t,...n){if(e.apply(this,arguments)){var r=t.touches,i=r.length,a=S(this,n,t.changedTouches.length===i).event(t),o,s,c,l;for(La(t),s=0;s<i;++s)c=r[s],l=Sn(c,this),l=[l,this.__zoom.invert(l),c.identifier],a.touch0?!a.touch1&&a.touch0[2]!==l[2]&&(a.touch1=l,a.taps=0):(a.touch0=l,o=!0,a.taps=1+!!u);u&&=clearTimeout(u),o&&(a.taps<2&&(d=l[0],u=setTimeout(function(){u=null},p)),xi(this),a.start())}}function O(e,...t){if(this.__zooming){var r=S(this,t).event(e),i=e.changedTouches,a=i.length,s,c,l,u;for(Ra(e),s=0;s<a;++s)c=i[s],l=Sn(c,this),r.touch0&&r.touch0[2]===c.identifier?r.touch0[0]=l:r.touch1&&r.touch1[2]===c.identifier&&(r.touch1[0]=l);if(c=r.that.__zoom,r.touch1){var d=r.touch0[0],f=r.touch0[1],p=r.touch1[0],m=r.touch1[1],h=(h=p[0]-d[0])*h+(h=p[1]-d[1])*h,g=(g=m[0]-f[0])*g+(g=m[1]-f[1])*g;c=v(c,Math.sqrt(h/g)),l=[(d[0]+p[0])/2,(d[1]+p[1])/2],u=[(f[0]+m[0])/2,(f[1]+m[1])/2]}else if(r.touch0)l=r.touch0[0],u=r.touch0[1];else return;r.zoom(`touch`,n(y(c,l,u),r.extent,o))}}function k(e,...t){if(this.__zooming){var n=S(this,t).event(e),r=e.changedTouches,i=r.length,a,o;for(La(e),f&&clearTimeout(f),f=setTimeout(function(){f=null},p),a=0;a<i;++a)o=r[a],n.touch0&&n.touch0[2]===o.identifier?delete n.touch0:n.touch1&&n.touch1[2]===o.identifier&&delete n.touch1;if(n.touch1&&!n.touch0&&(n.touch0=n.touch1,delete n.touch1),n.touch0)n.touch0[1]=this.__zoom.invert(n.touch0[0]);else if(n.end(),n.taps===2&&(o=Sn(o,this),Math.hypot(d[0]-o[0],d[1]-o[1])<g)){var s=bn(this).on(`dblclick.zoom`);s&&s.apply(this,arguments)}}}return _.wheelDelta=function(e){return arguments.length?(r=typeof e==`function`?e:Ma(+e),_):r},_.filter=function(t){return arguments.length?(e=typeof t==`function`?t:Ma(!!t),_):e},_.touchable=function(e){return arguments.length?(i=typeof e==`function`?e:Ma(!!e),_):i},_.extent=function(e){return arguments.length?(t=typeof e==`function`?e:Ma([[+e[0][0],+e[0][1]],[+e[1][0],+e[1][1]]]),_):t},_.scaleExtent=function(e){return arguments.length?(a[0]=+e[0],a[1]=+e[1],_):[a[0],a[1]]},_.translateExtent=function(e){return arguments.length?(o[0][0]=+e[0][0],o[1][0]=+e[1][0],o[0][1]=+e[0][1],o[1][1]=+e[1][1],_):[[o[0][0],o[0][1]],[o[1][0],o[1][1]]]},_.constrain=function(e){return arguments.length?(n=e,_):n},_.duration=function(e){return arguments.length?(s=+e,_):s},_.interpolate=function(e){return arguments.length?(c=e,_):c},_.on=function(){var e=l.on.apply(l,arguments);return e===l?_:e},_.clickDistance=function(e){return arguments.length?(h=(e=+e)*e,_):Math.sqrt(h)},_.tapDistance=function(e){return arguments.length?(g=+e,_):g},_}g();var Ka=(0,B.createContext)(null),qa=Ka.Provider,Ja={error001:()=>`[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001`,error002:()=>`It looks like you've created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them.`,error003:e=>`Node type "${e}" not found. Using fallback type "default".`,error004:()=>`The React Flow parent container needs a width and a height to render the graph.`,error005:()=>`Only child nodes can use a parent extent.`,error006:()=>`Can't create edge. An edge needs a source and a target.`,error007:e=>`The old edge with id=${e} does not exist.`,error009:e=>`Marker type "${e}" doesn't exist.`,error008:(e,t)=>`Couldn't create edge for ${e?`target`:`source`} handle id: "${e?t.targetHandle:t.sourceHandle}", edge id: ${t.id}.`,error010:()=>`Handle: No node id found. Make sure to only use a Handle inside a custom Node.`,error011:e=>`Edge type "${e}" not found. Using fallback type "default".`,error012:e=>`Node with id "${e}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`},Ya=Ja.error001();function q(e,t){let n=(0,B.useContext)(Ka);if(n===null)throw Error(Ya);return pe(n,e,t)}var J=()=>{let e=(0,B.useContext)(Ka);if(e===null)throw Error(Ya);return(0,B.useMemo)(()=>({getState:e.getState,setState:e.setState,subscribe:e.subscribe,destroy:e.destroy}),[e])},Xa=e=>e.userSelectionActive?`none`:`all`;function Za({position:e,children:t,className:n,style:r,...i}){let a=q(Xa),o=`${e}`.split(`-`);return B.createElement(`div`,{className:V([`react-flow__panel`,n,...o]),style:{...r,pointerEvents:a},...i},t)}function Qa({proOptions:e,position:t=`bottom-right`}){return e?.hideAttribution?null:B.createElement(Za,{position:t,className:`react-flow__attribution`,"data-message":`Please only hide this attribution when you are subscribed to React Flow Pro: https://reactflow.dev/pro`},B.createElement(`a`,{href:`https://reactflow.dev`,target:`_blank`,rel:`noopener noreferrer`,"aria-label":`React Flow attribution`},`React Flow`))}var $a=(0,B.memo)(({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=(0,B.useRef)(null),[f,p]=(0,B.useState)({x:0,y:0,width:0,height:0}),m=V([`react-flow__edge-textwrapper`,l]);return(0,B.useEffect)(()=>{if(d.current){let e=d.current.getBBox();p({x:e.x,y:e.y,width:e.width,height:e.height})}},[n]),n===void 0||!n?null:B.createElement(`g`,{transform:`translate(${e-f.width/2} ${t-f.height/2})`,className:m,visibility:f.width?`visible`:`hidden`,...u},i&&B.createElement(`rect`,{width:f.width+2*o[0],x:-o[0],y:-o[1],height:f.height+2*o[1],className:`react-flow__edge-textbg`,style:a,rx:s,ry:s}),B.createElement(`text`,{className:`react-flow__edge-text`,y:f.height/2,dy:`0.3em`,ref:d,style:r},n),c)}),eo=e=>({width:e.offsetWidth,height:e.offsetHeight}),to=(e,t=0,n=1)=>Math.min(Math.max(e,t),n),no=(e={x:0,y:0},t)=>({x:to(e.x,t[0][0],t[1][0]),y:to(e.y,t[0][1],t[1][1])}),ro=(e,t,n)=>e<t?to(Math.abs(e-t),1,50)/50:e>n?-to(Math.abs(e-n),1,50)/50:0,io=(e,t)=>[ro(e.x,35,t.width-35)*20,ro(e.y,35,t.height-35)*20],ao=e=>e.getRootNode?.()||window?.document,oo=(e,t)=>({x:Math.min(e.x,t.x),y:Math.min(e.y,t.y),x2:Math.max(e.x2,t.x2),y2:Math.max(e.y2,t.y2)}),so=({x:e,y:t,width:n,height:r})=>({x:e,y:t,x2:e+n,y2:t+r}),co=({x:e,y:t,x2:n,y2:r})=>({x:e,y:t,width:n-e,height:r-t}),lo=e=>({...e.positionAbsolute||{x:0,y:0},width:e.width||0,height:e.height||0}),uo=(e,t)=>{let n=Math.max(0,Math.min(e.x+e.width,t.x+t.width)-Math.max(e.x,t.x)),r=Math.max(0,Math.min(e.y+e.height,t.y+t.height)-Math.max(e.y,t.y));return Math.ceil(n*r)},fo=e=>po(e.width)&&po(e.height)&&po(e.x)&&po(e.y),po=e=>!isNaN(e)&&isFinite(e),Y=Symbol.for(`internals`),mo=[`Enter`,` `,`Escape`],ho=(e,t)=>{},go=e=>`nativeEvent`in e;function _o(e){let t=(go(e)?e.nativeEvent:e).composedPath?.()?.[0]||e.target;return[`INPUT`,`SELECT`,`TEXTAREA`].includes(t?.nodeName)||t?.hasAttribute(`contenteditable`)||!!t?.closest(`.nokey`)}var vo=e=>`clientX`in e,yo=(e,t)=>{let n=vo(e),r=n?e.clientX:e.touches?.[0].clientX,i=n?e.clientY:e.touches?.[0].clientY;return{x:r-(t?.left??0),y:i-(t?.top??0)}},bo=()=>typeof navigator<`u`&&navigator?.userAgent?.indexOf(`Mac`)>=0,xo=({id:e,path:t,labelX:n,labelY:r,label:i,labelStyle:a,labelShowBg:o,labelBgStyle:s,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:d,markerStart:f,interactionWidth:p=20})=>B.createElement(B.Fragment,null,B.createElement(`path`,{id:e,style:u,d:t,fill:`none`,className:`react-flow__edge-path`,markerEnd:d,markerStart:f}),p&&B.createElement(`path`,{d:t,fill:`none`,strokeOpacity:0,strokeWidth:p,className:`react-flow__edge-interaction`}),i&&po(n)&&po(r)?B.createElement($a,{x:n,y:r,label:i,labelStyle:a,labelShowBg:o,labelBgStyle:s,labelBgPadding:c,labelBgBorderRadius:l}):null);xo.displayName=`BaseEdge`;function So(e,t,n){return n===void 0?n:r=>{let i=t().edges.find(t=>t.id===e);i&&n(r,{...i})}}function Co({sourceX:e,sourceY:t,targetX:n,targetY:r}){let i=Math.abs(n-e)/2,a=n<e?n+i:n-i,o=Math.abs(r-t)/2;return[a,r<t?r+o:r-o,i,o]}function wo({sourceX:e,sourceY:t,targetX:n,targetY:r,sourceControlX:i,sourceControlY:a,targetControlX:o,targetControlY:s}){let c=e*.125+i*.375+o*.375+n*.125,l=t*.125+a*.375+s*.375+r*.125;return[c,l,Math.abs(c-e),Math.abs(l-t)]}var To;(function(e){e.Strict=`strict`,e.Loose=`loose`})(To||={});var Eo;(function(e){e.Free=`free`,e.Vertical=`vertical`,e.Horizontal=`horizontal`})(Eo||={});var Do;(function(e){e.Partial=`partial`,e.Full=`full`})(Do||={});var Oo;(function(e){e.Bezier=`default`,e.Straight=`straight`,e.Step=`step`,e.SmoothStep=`smoothstep`,e.SimpleBezier=`simplebezier`})(Oo||={});var ko;(function(e){e.Arrow=`arrow`,e.ArrowClosed=`arrowclosed`})(ko||={});var X;(function(e){e.Left=`left`,e.Top=`top`,e.Right=`right`,e.Bottom=`bottom`})(X||={});function Ao({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 jo({sourceX:e,sourceY:t,sourcePosition:n=X.Bottom,targetX:r,targetY:i,targetPosition:a=X.Top}){let[o,s]=Ao({pos:n,x1:e,y1:t,x2:r,y2:i}),[c,l]=Ao({pos:a,x1:r,y1:i,x2:e,y2:t}),[u,d,f,p]=wo({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]}var Mo=(0,B.memo)(({sourceX:e,sourceY:t,targetX:n,targetY:r,sourcePosition:i=X.Bottom,targetPosition:a=X.Top,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:p,markerStart:m,interactionWidth:h})=>{let[g,_,v]=jo({sourceX:e,sourceY:t,sourcePosition:i,targetX:n,targetY:r,targetPosition:a});return B.createElement(xo,{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})});Mo.displayName=`SimpleBezierEdge`;var No={[X.Left]:{x:-1,y:0},[X.Right]:{x:1,y:0},[X.Top]:{x:0,y:-1},[X.Bottom]:{x:0,y:1}},Po=({source:e,sourcePosition:t=X.Bottom,target:n})=>t===X.Left||t===X.Right?e.x<n.x?{x:1,y:0}:{x:-1,y:0}:e.y<n.y?{x:0,y:1}:{x:0,y:-1},Fo=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-e.y)**2);function Io({source:e,sourcePosition:t=X.Bottom,target:n,targetPosition:r=X.Top,center:i,offset:a}){let o=No[t],s=No[r],c={x:e.x+o.x*a,y:e.y+o.y*a},l={x:n.x+s.x*a,y:n.y+s.y*a},u=Po({source:c,sourcePosition:t,target:l}),d=u.x===0?`y`:`x`,f=u[d],p=[],m,h,g={x:0,y:0},_={x:0,y:0},[v,y,b,x]=Co({sourceX:e.x,sourceY:e.y,targetX:n.x,targetY:n.y});if(o[d]*s[d]===-1){m=i.x??v,h=i.y??y;let e=[{x:m,y:c.y},{x:m,y:l.y}],t=[{x:c.x,y:h},{x:l.x,y:h}];p=o[d]===f?d===`x`?e:t:d===`x`?t:e}else{let i=[{x:c.x,y:l.y}],u=[{x:l.x,y:c.y}];if(p=d===`x`?o.x===f?u:i:o.y===f?i:u,t===r){let t=Math.abs(e[d]-n[d]);if(t<=a){let r=Math.min(a-1,a-t);o[d]===f?g[d]=(c[d]>e[d]?-1:1)*r:_[d]=(l[d]>n[d]?-1:1)*r}}if(t!==r){let e=d===`x`?`y`:`x`,t=o[d]===s[e],n=c[e]>l[e],r=c[e]<l[e];(o[d]===1&&(!t&&n||t&&r)||o[d]!==1&&(!t&&r||t&&n))&&(p=d===`x`?i:u)}let v={x:c.x+g.x,y:c.y+g.y},y={x:l.x+_.x,y:l.y+_.y};Math.max(Math.abs(v.x-p[0].x),Math.abs(y.x-p[0].x))>=Math.max(Math.abs(v.y-p[0].y),Math.abs(y.y-p[0].y))?(m=(v.x+y.x)/2,h=p[0].y):(m=p[0].x,h=(v.y+y.y)/2)}return[[e,{x:c.x+g.x,y:c.y+g.y},...p,{x:l.x+_.x,y:l.y+_.y},n],m,h,b,x]}function Lo(e,t,n,r){let i=Math.min(Fo(e,t)/2,Fo(t,n)/2,r),{x:a,y:o}=t;if(e.x===a&&a===n.x||e.y===o&&o===n.y)return`L${a} ${o}`;if(e.y===o){let t=e.x<n.x?-1:1,r=e.y<n.y?1:-1;return`L ${a+i*t},${o}Q ${a},${o} ${a},${o+i*r}`}let s=e.x<n.x?1:-1;return`L ${a},${o+i*(e.y<n.y?-1:1)}Q ${a},${o} ${a+i*s},${o}`}function Ro({sourceX:e,sourceY:t,sourcePosition:n=X.Bottom,targetX:r,targetY:i,targetPosition:a=X.Top,borderRadius:o=5,centerX:s,centerY:c,offset:l=20}){let[u,d,f,p,m]=Io({source:{x:e,y:t},sourcePosition:n,target:{x:r,y:i},targetPosition:a,center:{x:s,y:c},offset:l});return[u.reduce((e,t,n)=>{let r=``;return r=n>0&&n<u.length-1?Lo(u[n-1],t,u[n+1],o):`${n===0?`M`:`L`}${t.x} ${t.y}`,e+=r,e},``),d,f,p,m]}var zo=(0,B.memo)(({sourceX:e,sourceY:t,targetX:n,targetY:r,label:i,labelStyle:a,labelShowBg:o,labelBgStyle:s,labelBgPadding:c,labelBgBorderRadius:l,style:u,sourcePosition:d=X.Bottom,targetPosition:f=X.Top,markerEnd:p,markerStart:m,pathOptions:h,interactionWidth:g})=>{let[_,v,y]=Ro({sourceX:e,sourceY:t,sourcePosition:d,targetX:n,targetY:r,targetPosition:f,borderRadius:h?.borderRadius,offset:h?.offset});return B.createElement(xo,{path:_,labelX:v,labelY:y,label:i,labelStyle:a,labelShowBg:o,labelBgStyle:s,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:p,markerStart:m,interactionWidth:g})});zo.displayName=`SmoothStepEdge`;var Bo=(0,B.memo)(e=>B.createElement(zo,{...e,pathOptions:(0,B.useMemo)(()=>({borderRadius:0,offset:e.pathOptions?.offset}),[e.pathOptions?.offset])}));Bo.displayName=`StepEdge`;function Vo({sourceX:e,sourceY:t,targetX:n,targetY:r}){let[i,a,o,s]=Co({sourceX:e,sourceY:t,targetX:n,targetY:r});return[`M ${e},${t}L ${n},${r}`,i,a,o,s]}var Ho=(0,B.memo)(({sourceX:e,sourceY:t,targetX:n,targetY:r,label:i,labelStyle:a,labelShowBg:o,labelBgStyle:s,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:d,markerStart:f,interactionWidth:p})=>{let[m,h,g]=Vo({sourceX:e,sourceY:t,targetX:n,targetY:r});return B.createElement(xo,{path:m,labelX:h,labelY:g,label:i,labelStyle:a,labelShowBg:o,labelBgStyle:s,labelBgPadding:c,labelBgBorderRadius:l,style:u,markerEnd:d,markerStart:f,interactionWidth:p})});Ho.displayName=`StraightEdge`;function Uo(e,t){return e>=0?.5*e:t*25*Math.sqrt(-e)}function Wo({pos:e,x1:t,y1:n,x2:r,y2:i,c:a}){switch(e){case X.Left:return[t-Uo(t-r,a),n];case X.Right:return[t+Uo(r-t,a),n];case X.Top:return[t,n-Uo(n-i,a)];case X.Bottom:return[t,n+Uo(i-n,a)]}}function Go({sourceX:e,sourceY:t,sourcePosition:n=X.Bottom,targetX:r,targetY:i,targetPosition:a=X.Top,curvature:o=.25}){let[s,c]=Wo({pos:n,x1:e,y1:t,x2:r,y2:i,c:o}),[l,u]=Wo({pos:a,x1:r,y1:i,x2:e,y2:t,c:o}),[d,f,p,m]=wo({sourceX:e,sourceY:t,targetX:r,targetY:i,sourceControlX:s,sourceControlY:c,targetControlX:l,targetControlY:u});return[`M${e},${t} C${s},${c} ${l},${u} ${r},${i}`,d,f,p,m]}var Ko=(0,B.memo)(({sourceX:e,sourceY:t,targetX:n,targetY:r,sourcePosition:i=X.Bottom,targetPosition:a=X.Top,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:p,markerStart:m,pathOptions:h,interactionWidth:g})=>{let[_,v,y]=Go({sourceX:e,sourceY:t,sourcePosition:i,targetX:n,targetY:r,targetPosition:a,curvature:h?.curvature});return B.createElement(xo,{path:_,labelX:v,labelY:y,label:o,labelStyle:s,labelShowBg:c,labelBgStyle:l,labelBgPadding:u,labelBgBorderRadius:d,style:f,markerEnd:p,markerStart:m,interactionWidth:g})});Ko.displayName=`BezierEdge`;var qo=(0,B.createContext)(null),Jo=qo.Provider;qo.Consumer;var Yo=()=>(0,B.useContext)(qo),Xo=e=>`id`in e&&`source`in e&&`target`in e,Zo=({source:e,sourceHandle:t,target:n,targetHandle:r})=>`reactflow__edge-${e}${t||``}-${n}${r||``}`,Qo=(e,t)=>e===void 0?``:typeof e==`string`?e:`${t?`${t}__`:``}${Object.keys(e).sort().map(t=>`${t}=${e[t]}`).join(`&`)}`,$o=(e,t)=>t.some(t=>t.source===e.source&&t.target===e.target&&(t.sourceHandle===e.sourceHandle||!t.sourceHandle&&!e.sourceHandle)&&(t.targetHandle===e.targetHandle||!t.targetHandle&&!e.targetHandle)),es=(e,t)=>{if(!e.source||!e.target)return Ja.error006(),t;let n;return n=Xo(e)?{...e}:{...e,id:Zo(e)},$o(n,t)?t:t.concat(n)},ts=({x:e,y:t},[n,r,i],a,[o,s])=>{let c={x:(e-n)/i,y:(t-r)/i};return a?{x:o*Math.round(c.x/o),y:s*Math.round(c.y/s)}:c},ns=({x:e,y:t},[n,r,i])=>({x:e*i+n,y:t*i+r}),rs=(e,t=[0,0])=>{if(!e)return{x:0,y:0,positionAbsolute:{x:0,y:0}};let n=(e.width??0)*t[0],r=(e.height??0)*t[1],i={x:e.position.x-n,y:e.position.y-r};return{...i,positionAbsolute:e.positionAbsolute?{x:e.positionAbsolute.x-n,y:e.positionAbsolute.y-r}:i}},is=(e,t=[0,0])=>e.length===0?{x:0,y:0,width:0,height:0}:co(e.reduce((e,n)=>{let{x:r,y:i}=rs(n,t).positionAbsolute;return oo(e,so({x:r,y:i,width:n.width||0,height:n.height||0}))},{x:1/0,y:1/0,x2:-1/0,y2:-1/0})),as=(e,t,[n,r,i]=[0,0,1],a=!1,o=!1,s=[0,0])=>{let c={x:(t.x-n)/i,y:(t.y-r)/i,width:t.width/i,height:t.height/i},l=[];return e.forEach(e=>{let{width:t,height:n,selectable:r=!0,hidden:i=!1}=e;if(o&&!r||i)return!1;let{positionAbsolute:u}=rs(e,s),d={x:u.x,y:u.y,width:t||0,height:n||0},f=uo(c,d),p=t===void 0||n===void 0||t===null||n===null,m=a&&f>0,h=(t||0)*(n||0);(p||m||f>=h||e.dragging)&&l.push(e)}),l},os=(e,t)=>{let n=e.map(e=>e.id);return t.filter(e=>n.includes(e.source)||n.includes(e.target))},ss=(e,t,n,r,i,a=.1)=>{let o=t/(e.width*(1+a)),s=n/(e.height*(1+a)),c=to(Math.min(o,s),r,i),l=e.x+e.width/2,u=e.y+e.height/2;return{x:t/2-l*c,y:n/2-u*c,zoom:c}},cs=(e,t=0)=>e.transition().duration(t);function ls(e,t,n,r){return(t[n]||[]).reduce((t,i)=>(`${e.id}-${i.id}-${n}`!==r&&t.push({id:i.id||null,type:n,nodeId:e.id,x:(e.positionAbsolute?.x??0)+i.x+i.width/2,y:(e.positionAbsolute?.y??0)+i.y+i.height/2}),t),[])}function us(e,t,n,r,i,a){let{x:o,y:s}=yo(e),c=t.elementsFromPoint(o,s).find(e=>e.classList.contains(`react-flow__handle`));if(c){let e=c.getAttribute(`data-nodeid`);if(e){let t=hs(void 0,c),r=c.getAttribute(`data-handleid`),o=a({nodeId:e,id:r,type:t});if(o){let a=i.find(n=>n.nodeId===e&&n.type===t&&n.id===r);return{handle:{id:r,type:t,nodeId:e,x:a?.x||n.x,y:a?.y||n.y},validHandleResult:o}}}}let l=[],u=1/0;if(i.forEach(e=>{let t=Math.sqrt((e.x-n.x)**2+(e.y-n.y)**2);if(t<=r){let n=a(e);t<=u&&(t<u?l=[{handle:e,validHandleResult:n}]:t===u&&l.push({handle:e,validHandleResult:n}),u=t)}}),!l.length)return{handle:null,validHandleResult:fs()};if(l.length===1)return l[0];let d=l.some(({validHandleResult:e})=>e.isValid),f=l.some(({handle:e})=>e.type===`target`);return l.find(({handle:e,validHandleResult:t})=>f?e.type===`target`:!d||t.isValid)||l[0]}var ds={source:null,target:null,sourceHandle:null,targetHandle:null},fs=()=>({handleDomNode:null,isValid:!1,connection:ds,endHandle:null});function ps(e,t,n,r,i,a,o){let s=i===`target`,c=o.querySelector(`.react-flow__handle[data-id="${e?.nodeId}-${e?.id}-${e?.type}"]`),l={...fs(),handleDomNode:c};if(c){let e=hs(void 0,c),i=c.getAttribute(`data-nodeid`),o=c.getAttribute(`data-handleid`),u=c.classList.contains(`connectable`),d=c.classList.contains(`connectableend`),f={source:s?i:n,sourceHandle:s?o:r,target:s?n:i,targetHandle:s?r:o};l.connection=f,u&&d&&(t===To.Strict?s&&e===`source`||!s&&e===`target`:i!==n||o!==r)&&(l.endHandle={nodeId:i,handleId:o,type:e},l.isValid=a(f))}return l}function ms({nodes:e,nodeId:t,handleId:n,handleType:r}){return e.reduce((e,i)=>{if(i[Y]){let{handleBounds:a}=i[Y],o=[],s=[];a&&(o=ls(i,a,`source`,`${t}-${n}-${r}`),s=ls(i,a,`target`,`${t}-${n}-${r}`)),e.push(...o,...s)}return e},[])}function hs(e,t){return e||(t?.classList.contains(`target`)?`target`:t?.classList.contains(`source`)?`source`:null)}function gs(e){e?.classList.remove(`valid`,`connecting`,`react-flow__handle-valid`,`react-flow__handle-connecting`)}function _s(e,t){let n=null;return t?n=`valid`:e&&!t&&(n=`invalid`),n}function vs({event:e,handleId:t,nodeId:n,onConnect:r,isTarget:i,getState:a,setState:o,isValidConnection:s,edgeUpdaterType:c,onReconnectEnd:l}){let u=ao(e.target),{connectionMode:d,domNode:f,autoPanOnConnect:p,connectionRadius:m,onConnectStart:h,panBy:g,getNodes:_,cancelConnection:v}=a(),y=0,b,{x,y:S}=yo(e),C=u?.elementFromPoint(x,S),w=hs(c,C),T=f?.getBoundingClientRect();if(!T||!w)return;let E,D=yo(e,T),O=!1,k=null,A=!1,j=null,M=ms({nodes:_(),nodeId:n,handleId:t,handleType:w}),N=()=>{if(!p)return;let[e,t]=io(D,T);g({x:e,y:t}),y=requestAnimationFrame(N)};o({connectionPosition:D,connectionStatus:null,connectionNodeId:n,connectionHandleId:t,connectionHandleType:w,connectionStartHandle:{nodeId:n,handleId:t,type:w},connectionEndHandle:null}),h?.(e,{nodeId:n,handleId:t,handleType:w});function P(e){let{transform:r}=a();D=yo(e,T);let{handle:c,validHandleResult:l}=us(e,u,ts(D,r,!1,[1,1]),m,M,e=>ps(e,d,n,t,i?`target`:`source`,s,u));if(b=c,O||=(N(),!0),j=l.handleDomNode,k=l.connection,A=l.isValid,o({connectionPosition:b&&A?ns({x:b.x,y:b.y},r):D,connectionStatus:_s(!!b,A),connectionEndHandle:l.endHandle}),!b&&!A&&!j)return gs(E);k.source!==k.target&&j&&(gs(E),E=j,j.classList.add(`connecting`,`react-flow__handle-connecting`),j.classList.toggle(`valid`,A),j.classList.toggle(`react-flow__handle-valid`,A))}function F(e){(b||j)&&k&&A&&r?.(k),a().onConnectEnd?.(e),c&&l?.(e),gs(E),v(),cancelAnimationFrame(y),O=!1,A=!1,k=null,j=null,u.removeEventListener(`mousemove`,P),u.removeEventListener(`mouseup`,F),u.removeEventListener(`touchmove`,P),u.removeEventListener(`touchend`,F)}u.addEventListener(`mousemove`,P),u.addEventListener(`mouseup`,F),u.addEventListener(`touchmove`,P),u.addEventListener(`touchend`,F)}var ys=()=>!0,bs=e=>({connectionStartHandle:e.connectionStartHandle,connectOnClick:e.connectOnClick,noPanClassName:e.noPanClassName}),xs=(e,t,n)=>r=>{let{connectionStartHandle:i,connectionEndHandle:a,connectionClickStartHandle:o}=r;return{connecting:i?.nodeId===e&&i?.handleId===t&&i?.type===n||a?.nodeId===e&&a?.handleId===t&&a?.type===n,clickConnecting:o?.nodeId===e&&o?.handleId===t&&o?.type===n}},Ss=(0,B.forwardRef)(({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=J(),_=Yo(),{connectOnClick:v,noPanClassName:y}=q(bs,K),{connecting:b,clickConnecting:x}=q(xs(_,m,e),K);_||g.getState().onError?.(`010`,Ja.error010());let S=e=>{let{defaultEdgeOptions:t,onConnect:n,hasDefaultEdges:r}=g.getState(),i={...t,...e};if(r){let{edges:e,setEdges:t}=g.getState();t(es(i,e))}n?.(i),s?.(i)},C=e=>{if(!_)return;let t=vo(e);i&&(t&&e.button===0||!t)&&vs({event:e,handleId:m,nodeId:_,onConnect:S,isTarget:h,getState:g.getState,setState:g.setState,isValidConnection:n||g.getState().isValidConnection||ys}),t?u?.(e):d?.(e)};return B.createElement(`div`,{"data-handleid":m,"data-nodeid":_,"data-handlepos":t,"data-id":`${_}-${m}-${e}`,className:V([`react-flow__handle`,`react-flow__handle-${t}`,`nodrag`,y,l,{source:!h,target:h,connectable:r,connectablestart:i,connectableend:a,connecting:x,connectionindicator:r&&(i&&!b||a&&b)}]),onMouseDown:C,onTouchStart:C,onClick:v?t=>{let{onClickConnectStart:r,onClickConnectEnd:a,connectionClickStartHandle:o,connectionMode:s,isValidConnection:c}=g.getState();if(!_||!o&&!i)return;if(!o){r?.(t,{nodeId:_,handleId:m,handleType:e}),g.setState({connectionClickStartHandle:{nodeId:_,type:e,handleId:m}});return}let l=ao(t.target),u=n||c||ys,{connection:d,isValid:f}=ps({nodeId:_,id:m,type:e},s,o.nodeId,o.handleId||null,o.type,u,l);f&&S(d),a?.(t),g.setState({connectionClickStartHandle:null})}:void 0,ref:p,...f},c)});Ss.displayName=`Handle`;var Cs=(0,B.memo)(Ss),ws=({data:e,isConnectable:t,targetPosition:n=X.Top,sourcePosition:r=X.Bottom})=>B.createElement(B.Fragment,null,B.createElement(Cs,{type:`target`,position:n,isConnectable:t}),e?.label,B.createElement(Cs,{type:`source`,position:r,isConnectable:t}));ws.displayName=`DefaultNode`;var Ts=(0,B.memo)(ws),Es=({data:e,isConnectable:t,sourcePosition:n=X.Bottom})=>B.createElement(B.Fragment,null,e?.label,B.createElement(Cs,{type:`source`,position:n,isConnectable:t}));Es.displayName=`InputNode`;var Ds=(0,B.memo)(Es),Os=({data:e,isConnectable:t,targetPosition:n=X.Top})=>B.createElement(B.Fragment,null,B.createElement(Cs,{type:`target`,position:n,isConnectable:t}),e?.label);Os.displayName=`OutputNode`;var ks=(0,B.memo)(Os),As=()=>null;As.displayName=`GroupNode`;var js=e=>({selectedNodes:e.getNodes().filter(e=>e.selected),selectedEdges:e.edges.filter(e=>e.selected).map(e=>({...e}))}),Ms=e=>e.id;function Ns(e,t){return K(e.selectedNodes.map(Ms),t.selectedNodes.map(Ms))&&K(e.selectedEdges.map(Ms),t.selectedEdges.map(Ms))}var Ps=(0,B.memo)(({onSelectionChange:e})=>{let t=J(),{selectedNodes:n,selectedEdges:r}=q(js,Ns);return(0,B.useEffect)(()=>{let i={nodes:n,edges:r};e?.(i),t.getState().onSelectionChange.forEach(e=>e(i))},[n,r,e]),null});Ps.displayName=`SelectionListener`;var Fs=e=>!!e.onSelectionChange;function Is({onSelectionChange:e}){let t=q(Fs);return e||t?B.createElement(Ps,{onSelectionChange:e}):null}var Ls=e=>({setNodes:e.setNodes,setEdges:e.setEdges,setDefaultNodesAndEdges:e.setDefaultNodesAndEdges,setMinZoom:e.setMinZoom,setMaxZoom:e.setMaxZoom,setTranslateExtent:e.setTranslateExtent,setNodeExtent:e.setNodeExtent,reset:e.reset});function Rs(e,t){(0,B.useEffect)(()=>{e!==void 0&&t(e)},[e])}function Z(e,t,n){(0,B.useEffect)(()=>{t!==void 0&&n({[e]:t})},[t])}var zs=({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,onConnect:i,onConnectStart:a,onConnectEnd:o,onClickConnectStart:s,onClickConnectEnd:c,nodesDraggable:l,nodesConnectable:u,nodesFocusable:d,edgesFocusable:f,edgesUpdatable:p,elevateNodesOnSelect:m,minZoom:h,maxZoom:g,nodeExtent:_,onNodesChange:v,onEdgesChange:y,elementsSelectable:b,connectionMode:x,snapGrid:S,snapToGrid:C,translateExtent:w,connectOnClick:T,defaultEdgeOptions:E,fitView:D,fitViewOptions:O,onNodesDelete:k,onEdgesDelete:A,onNodeDrag:j,onNodeDragStart:M,onNodeDragStop:N,onSelectionDrag:P,onSelectionDragStart:F,onSelectionDragStop:I,noPanClassName:L,nodeOrigin:R,rfId:ee,autoPanOnConnect:te,autoPanOnNodeDrag:ne,onError:re,connectionRadius:z,isValidConnection:ie,nodeDragThreshold:ae})=>{let{setNodes:oe,setEdges:se,setDefaultNodesAndEdges:ce,setMinZoom:le,setMaxZoom:V,setTranslateExtent:H,setNodeExtent:ue,reset:de}=q(Ls,K),U=J();return(0,B.useEffect)(()=>{let e=r?.map(e=>({...e,...E}));return ce(n,e),()=>{de()}},[]),Z(`defaultEdgeOptions`,E,U.setState),Z(`connectionMode`,x,U.setState),Z(`onConnect`,i,U.setState),Z(`onConnectStart`,a,U.setState),Z(`onConnectEnd`,o,U.setState),Z(`onClickConnectStart`,s,U.setState),Z(`onClickConnectEnd`,c,U.setState),Z(`nodesDraggable`,l,U.setState),Z(`nodesConnectable`,u,U.setState),Z(`nodesFocusable`,d,U.setState),Z(`edgesFocusable`,f,U.setState),Z(`edgesUpdatable`,p,U.setState),Z(`elementsSelectable`,b,U.setState),Z(`elevateNodesOnSelect`,m,U.setState),Z(`snapToGrid`,C,U.setState),Z(`snapGrid`,S,U.setState),Z(`onNodesChange`,v,U.setState),Z(`onEdgesChange`,y,U.setState),Z(`connectOnClick`,T,U.setState),Z(`fitViewOnInit`,D,U.setState),Z(`fitViewOnInitOptions`,O,U.setState),Z(`onNodesDelete`,k,U.setState),Z(`onEdgesDelete`,A,U.setState),Z(`onNodeDrag`,j,U.setState),Z(`onNodeDragStart`,M,U.setState),Z(`onNodeDragStop`,N,U.setState),Z(`onSelectionDrag`,P,U.setState),Z(`onSelectionDragStart`,F,U.setState),Z(`onSelectionDragStop`,I,U.setState),Z(`noPanClassName`,L,U.setState),Z(`nodeOrigin`,R,U.setState),Z(`rfId`,ee,U.setState),Z(`autoPanOnConnect`,te,U.setState),Z(`autoPanOnNodeDrag`,ne,U.setState),Z(`onError`,re,U.setState),Z(`connectionRadius`,z,U.setState),Z(`isValidConnection`,ie,U.setState),Z(`nodeDragThreshold`,ae,U.setState),Rs(e,oe),Rs(t,se),Rs(h,le),Rs(g,V),Rs(w,H),Rs(_,ue),null},Bs={display:`none`},Vs={position:`absolute`,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0px, 0px, 0px, 0px)`,clipPath:`inset(100%)`},Hs=`react-flow__node-desc`,Us=`react-flow__edge-desc`,Ws=`react-flow__aria-live`,Gs=e=>e.ariaLiveMessage;function Ks({rfId:e}){let t=q(Gs);return B.createElement(`div`,{id:`${Ws}-${e}`,"aria-live":`assertive`,"aria-atomic":`true`,style:Vs},t)}function qs({rfId:e,disableKeyboardA11y:t}){return B.createElement(B.Fragment,null,B.createElement(`div`,{id:`${Hs}-${e}`,style:Bs},`Press enter or space to select a node.`,!t&&`You can then use the arrow keys to move the node around.`,` Press delete to remove it and escape to cancel.`,` `),B.createElement(`div`,{id:`${Us}-${e}`,style:Bs},`Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.`),!t&&B.createElement(Ks,{rfId:e}))}var Js=(e=null,t={actInsideInputWithModifier:!0})=>{let[n,r]=(0,B.useState)(!1),i=(0,B.useRef)(!1),a=(0,B.useRef)(new Set([])),[o,s]=(0,B.useMemo)(()=>{if(e!==null){let t=(Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).map(e=>e.split(`+`));return[t,t.reduce((e,t)=>e.concat(...t),[])]}return[[],[]]},[e]);return(0,B.useEffect)(()=>{let n=typeof document<`u`?document:null,c=t?.target||n;if(e!==null){let e=e=>{if(i.current=e.ctrlKey||e.metaKey||e.shiftKey,(!i.current||i.current&&!t.actInsideInputWithModifier)&&_o(e))return!1;let n=Xs(e.code,s);a.current.add(e[n]),Ys(o,a.current,!1)&&(e.preventDefault(),r(!0))},n=e=>{if((!i.current||i.current&&!t.actInsideInputWithModifier)&&_o(e))return!1;let n=Xs(e.code,s);Ys(o,a.current,!0)?(r(!1),a.current.clear()):a.current.delete(e[n]),e.key===`Meta`&&a.current.clear(),i.current=!1},l=()=>{a.current.clear(),r(!1)};return c?.addEventListener(`keydown`,e),c?.addEventListener(`keyup`,n),window.addEventListener(`blur`,l),()=>{c?.removeEventListener(`keydown`,e),c?.removeEventListener(`keyup`,n),window.removeEventListener(`blur`,l)}}},[e,r]),n};function Ys(e,t,n){return e.filter(e=>n||e.length===t.size).some(e=>e.every(e=>t.has(e)))}function Xs(e,t){return t.includes(e)?`code`:`key`}function Zs(e,t,n,r){let i=e.parentNode||e.parentId;if(!i)return n;let a=t.get(i),o=rs(a,r);return Zs(a,t,{x:(n.x??0)+o.x,y:(n.y??0)+o.y,z:(a[Y]?.z??0)>(n.z??0)?a[Y]?.z??0:n.z??0},r)}function Qs(e,t,n){e.forEach(r=>{let i=r.parentNode||r.parentId;if(i&&!e.has(i))throw Error(`Parent node ${i} not found`);if(i||n?.[r.id]){let{x:i,y:a,z:o}=Zs(r,e,{...r.position,z:r[Y]?.z??0},t);r.positionAbsolute={x:i,y:a},r[Y].z=o,n?.[r.id]&&(r[Y].isParent=!0)}})}function $s(e,t,n,r){let i=new Map,a={},o=r?1e3:0;return e.forEach(e=>{let n=(po(e.zIndex)?e.zIndex:0)+(e.selected?o:0),r=t.get(e.id),s={...e,positionAbsolute:{x:e.position.x,y:e.position.y}},c=e.parentNode||e.parentId;c&&(a[c]=!0);let l=r?.type&&r?.type!==e.type;Object.defineProperty(s,Y,{enumerable:!1,value:{handleBounds:l?void 0:r?.[Y]?.handleBounds,z:n}}),i.set(e.id,s)}),Qs(i,n,a),i}function ec(e,t={}){let{getNodes:n,width:r,height:i,minZoom:a,maxZoom:o,d3Zoom:s,d3Selection:c,fitViewOnInitDone:l,fitViewOnInit:u,nodeOrigin:d}=e(),f=t.initial&&!l&&u;if(s&&c&&(f||!t.initial)){let e=n().filter(e=>{let n=t.includeHiddenNodes?e.width&&e.height:!e.hidden;return t.nodes?.length?n&&t.nodes.some(t=>t.id===e.id):n}),l=e.every(e=>e.width&&e.height);if(e.length>0&&l){let{x:n,y:l,zoom:u}=ss(is(e,d),r,i,t.minZoom??a,t.maxZoom??o,t.padding??.1),f=Fa.translate(n,l).scale(u);return typeof t.duration==`number`&&t.duration>0?s.transform(cs(c,t.duration),f):s.transform(c,f),!0}}return!1}function tc(e,t){return e.forEach(e=>{let n=t.get(e.id);n&&t.set(n.id,{...n,[Y]:n[Y],selected:e.selected})}),new Map(t)}function nc(e,t){return t.map(t=>{let n=e.find(e=>e.id===t.id);return n&&(t.selected=n.selected),t})}function rc({changedNodes:e,changedEdges:t,get:n,set:r}){let{nodeInternals:i,edges:a,onNodesChange:o,onEdgesChange:s,hasDefaultNodes:c,hasDefaultEdges:l}=n();e?.length&&(c&&r({nodeInternals:tc(e,i)}),o?.(e)),t?.length&&(l&&r({edges:nc(t,a)}),s?.(t))}var ic=()=>{},ac={zoomIn:ic,zoomOut:ic,zoomTo:ic,getZoom:()=>1,setViewport:ic,getViewport:()=>({x:0,y:0,zoom:1}),fitView:()=>!1,setCenter:ic,fitBounds:ic,project:e=>e,screenToFlowPosition:e=>e,flowToScreenPosition:e=>e,viewportInitialized:!1},oc=e=>({d3Zoom:e.d3Zoom,d3Selection:e.d3Selection}),sc=()=>{let e=J(),{d3Zoom:t,d3Selection:n}=q(oc,K);return(0,B.useMemo)(()=>n&&t?{zoomIn:e=>t.scaleBy(cs(n,e?.duration),1.2),zoomOut:e=>t.scaleBy(cs(n,e?.duration),1/1.2),zoomTo:(e,r)=>t.scaleTo(cs(n,r?.duration),e),getZoom:()=>e.getState().transform[2],setViewport:(r,i)=>{let[a,o,s]=e.getState().transform,c=Fa.translate(r.x??a,r.y??o).scale(r.zoom??s);t.transform(cs(n,i?.duration),c)},getViewport:()=>{let[t,n,r]=e.getState().transform;return{x:t,y:n,zoom:r}},fitView:t=>ec(e.getState,t),setCenter:(r,i,a)=>{let{width:o,height:s,maxZoom:c}=e.getState(),l=a?.zoom===void 0?c:a.zoom,u=o/2-r*l,d=s/2-i*l,f=Fa.translate(u,d).scale(l);t.transform(cs(n,a?.duration),f)},fitBounds:(r,i)=>{let{width:a,height:o,minZoom:s,maxZoom:c}=e.getState(),{x:l,y:u,zoom:d}=ss(r,a,o,s,c,i?.padding??.1),f=Fa.translate(l,u).scale(d);t.transform(cs(n,i?.duration),f)},project:t=>{let{transform:n,snapToGrid:r,snapGrid:i}=e.getState();return console.warn("[DEPRECATED] `project` is deprecated. Instead use `screenToFlowPosition`. There is no need to subtract the react flow bounds anymore! https://reactflow.dev/api-reference/types/react-flow-instance#screen-to-flow-position"),ts(t,n,r,i)},screenToFlowPosition:t=>{let{transform:n,snapToGrid:r,snapGrid:i,domNode:a}=e.getState();if(!a)return t;let{x:o,y:s}=a.getBoundingClientRect();return ts({x:t.x-o,y:t.y-s},n,r,i)},flowToScreenPosition:t=>{let{transform:n,domNode:r}=e.getState();if(!r)return t;let{x:i,y:a}=r.getBoundingClientRect(),o=ns(t,n);return{x:o.x+i,y:o.y+a}},viewportInitialized:!0}:ac,[t,n])};function cc(){let e=sc(),t=J(),n=(0,B.useCallback)(()=>t.getState().getNodes().map(e=>({...e})),[]),r=(0,B.useCallback)(e=>t.getState().nodeInternals.get(e),[]),i=(0,B.useCallback)(()=>{let{edges:e=[]}=t.getState();return e.map(e=>({...e}))},[]),a=(0,B.useCallback)(e=>{let{edges:n=[]}=t.getState();return n.find(t=>t.id===e)},[]),o=(0,B.useCallback)(e=>{let{getNodes:n,setNodes:r,hasDefaultNodes:i,onNodesChange:a}=t.getState(),o=n(),s=typeof e==`function`?e(o):e;i?r(s):a&&a(s.length===0?o.map(e=>({type:`remove`,id:e.id})):s.map(e=>({item:e,type:`reset`})))},[]),s=(0,B.useCallback)(e=>{let{edges:n=[],setEdges:r,hasDefaultEdges:i,onEdgesChange:a}=t.getState(),o=typeof e==`function`?e(n):e;i?r(o):a&&a(o.length===0?n.map(e=>({type:`remove`,id:e.id})):o.map(e=>({item:e,type:`reset`})))},[]),c=(0,B.useCallback)(e=>{let n=Array.isArray(e)?e:[e],{getNodes:r,setNodes:i,hasDefaultNodes:a,onNodesChange:o}=t.getState();a?i([...r(),...n]):o&&o(n.map(e=>({item:e,type:`add`})))},[]),l=(0,B.useCallback)(e=>{let n=Array.isArray(e)?e:[e],{edges:r=[],setEdges:i,hasDefaultEdges:a,onEdgesChange:o}=t.getState();a?i([...r,...n]):o&&o(n.map(e=>({item:e,type:`add`})))},[]),u=(0,B.useCallback)(()=>{let{getNodes: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}}},[]),d=(0,B.useCallback)(({nodes:e,edges:n})=>{let{nodeInternals:r,getNodes:i,edges:a,hasDefaultNodes:o,hasDefaultEdges:s,onNodesDelete:c,onEdgesDelete:l,onNodesChange:u,onEdgesChange:d}=t.getState(),f=(e||[]).map(e=>e.id),p=(n||[]).map(e=>e.id),m=i().reduce((e,t)=>{let n=t.parentNode||t.parentId,r=!f.includes(t.id)&&n&&e.find(e=>e.id===n);return(typeof t.deletable!=`boolean`||t.deletable)&&(f.includes(t.id)||r)&&e.push(t),e},[]),h=a.filter(e=>typeof e.deletable!=`boolean`||e.deletable),g=h.filter(e=>p.includes(e.id));if(m||g){let e=os(m,h),n=[...g,...e],i=n.reduce((e,t)=>(e.includes(t.id)||e.push(t.id),e),[]);(s||o)&&(s&&t.setState({edges:a.filter(e=>!i.includes(e.id))}),o&&(m.forEach(e=>{r.delete(e.id)}),t.setState({nodeInternals:new Map(r)}))),i.length>0&&(l?.(n),d&&d(i.map(e=>({id:e,type:`remove`})))),m.length>0&&(c?.(m),u&&u(m.map(e=>({id:e.id,type:`remove`}))))}},[]),f=(0,B.useCallback)(e=>{let n=fo(e),r=n?null:t.getState().nodeInternals.get(e.id);return!n&&!r?[null,null,n]:[n?e:lo(r),r,n]},[]),p=(0,B.useCallback)((e,n=!0,r)=>{let[i,a,o]=f(e);return i?(r||t.getState().getNodes()).filter(e=>{if(!o&&(e.id===a.id||!e.positionAbsolute))return!1;let t=uo(lo(e),i);return n&&t>0||t>=i.width*i.height}):[]},[]),m=(0,B.useCallback)((e,t,n=!0)=>{let[r]=f(e);if(!r)return!1;let i=uo(r,t);return n&&i>0||i>=r.width*r.height},[]);return(0,B.useMemo)(()=>({...e,getNodes:n,getNode:r,getEdges:i,getEdge:a,setNodes:o,setEdges:s,addNodes:c,addEdges:l,toObject:u,deleteElements:d,getIntersectingNodes:p,isNodeIntersecting:m}),[e,n,r,i,a,o,s,c,l,u,d,p,m])}var lc={actInsideInputWithModifier:!1},uc=({deleteKeyCode:e,multiSelectionKeyCode:t})=>{let n=J(),{deleteElements:r}=cc(),i=Js(e,lc),a=Js(t);(0,B.useEffect)(()=>{if(i){let{edges:e,getNodes:t}=n.getState(),i=t().filter(e=>e.selected),a=e.filter(e=>e.selected);r({nodes:i,edges:a}),n.setState({nodesSelectionActive:!1})}},[i]),(0,B.useEffect)(()=>{n.setState({multiSelectionActive:a})},[a])};function dc(e){let t=J();(0,B.useEffect)(()=>{let n,r=()=>{if(!e.current)return;let n=eo(e.current);(n.height===0||n.width===0)&&t.getState().onError?.(`004`,Ja.error004()),t.setState({width:n.width||500,height:n.height||500})};return r(),window.addEventListener(`resize`,r),e.current&&(n=new ResizeObserver(()=>r()),n.observe(e.current)),()=>{window.removeEventListener(`resize`,r),n&&e.current&&n.unobserve(e.current)}},[])}var fc={position:`absolute`,width:`100%`,height:`100%`,top:0,left:0},pc=(e,t)=>e.x!==t.x||e.y!==t.y||e.zoom!==t.k,mc=e=>({x:e.x,y:e.y,zoom:e.k}),hc=(e,t)=>e.target.closest(`.${t}`),gc=(e,t)=>t===2&&Array.isArray(e)&&e.includes(2),_c=e=>{let t=e.ctrlKey&&bo()?10:1;return-e.deltaY*(e.deltaMode===1?.05:e.deltaMode?1:.002)*t},vc=e=>({d3Zoom:e.d3Zoom,d3Selection:e.d3Selection,d3ZoomHandler:e.d3ZoomHandler,userSelectionActive:e.userSelectionActive}),yc=({onMove:e,onMoveStart:t,onMoveEnd:n,onPaneContextMenu:r,zoomOnScroll:i=!0,zoomOnPinch:a=!0,panOnScroll:o=!1,panOnScrollSpeed:s=.5,panOnScrollMode:c=Eo.Free,zoomOnDoubleClick:l=!0,elementsSelectable:u,panOnDrag:d=!0,defaultViewport:f,translateExtent:p,minZoom:m,maxZoom:h,zoomActivationKeyCode:g,preventScrolling:_=!0,children:v,noWheelClassName:y,noPanClassName:b})=>{let x=(0,B.useRef)(),S=J(),C=(0,B.useRef)(!1),w=(0,B.useRef)(!1),T=(0,B.useRef)(null),E=(0,B.useRef)({x:0,y:0,zoom:0}),{d3Zoom:D,d3Selection:O,d3ZoomHandler:k,userSelectionActive:A}=q(vc,K),j=Js(g),M=(0,B.useRef)(0),N=(0,B.useRef)(!1),P=(0,B.useRef)();return dc(T),(0,B.useEffect)(()=>{if(T.current){let e=T.current.getBoundingClientRect(),t=Ga().scaleExtent([m,h]).translateExtent(p),n=bn(T.current).call(t),r=Fa.translate(f.x,f.y).scale(to(f.zoom,m,h)),i=[[0,0],[e.width,e.height]],a=t.constrain()(r,i,p);t.transform(n,a),t.wheelDelta(_c),S.setState({d3Zoom:t,d3Selection:n,d3ZoomHandler:n.on(`wheel.zoom`),transform:[a.x,a.y,a.k],domNode:T.current.closest(`.react-flow`)})}},[]),(0,B.useEffect)(()=>{O&&D&&(o&&!j&&!A?O.on(`wheel.zoom`,r=>{if(hc(r,y))return!1;r.preventDefault(),r.stopImmediatePropagation();let i=O.property(`__zoom`).k||1;if(r.ctrlKey&&a){let e=Sn(r),t=i*2**_c(r);D.scaleTo(O,t,e,r);return}let o=r.deltaMode===1?20:1,l=c===Eo.Vertical?0:r.deltaX*o,u=c===Eo.Horizontal?0:r.deltaY*o;!bo()&&r.shiftKey&&c!==Eo.Vertical&&(l=r.deltaY*o,u=0),D.translateBy(O,-(l/i)*s,-(u/i)*s,{internal:!0});let d=mc(O.property(`__zoom`)),{onViewportChangeStart:f,onViewportChange:p,onViewportChangeEnd:m}=S.getState();clearTimeout(P.current),N.current||(N.current=!0,t?.(r,d),f?.(d)),N.current&&(e?.(r,d),p?.(d),P.current=setTimeout(()=>{n?.(r,d),m?.(d),N.current=!1},150))},{passive:!1}):k!==void 0&&O.on(`wheel.zoom`,function(e,t){if(!_&&e.type===`wheel`&&!e.ctrlKey||hc(e,y))return null;e.preventDefault(),k.call(this,e,t)},{passive:!1}))},[A,o,c,O,D,k,j,a,_,y,t,e,n]),(0,B.useEffect)(()=>{D&&D.on(`start`,e=>{if(!e.sourceEvent||e.sourceEvent.internal)return null;M.current=e.sourceEvent?.button;let{onViewportChangeStart:n}=S.getState(),r=mc(e.transform);C.current=!0,E.current=r,e.sourceEvent?.type===`mousedown`&&S.setState({paneDragging:!0}),n?.(r),t?.(e.sourceEvent,r)})},[D,t]),(0,B.useEffect)(()=>{D&&(A&&!C.current?D.on(`zoom`,null):A||D.on(`zoom`,t=>{let{onViewportChange:n}=S.getState();if(S.setState({transform:[t.transform.x,t.transform.y,t.transform.k]}),w.current=!!(r&&gc(d,M.current??0)),(e||n)&&!t.sourceEvent?.internal){let r=mc(t.transform);n?.(r),e?.(t.sourceEvent,r)}}))},[A,D,e,d,r]),(0,B.useEffect)(()=>{D&&D.on(`end`,e=>{if(!e.sourceEvent||e.sourceEvent.internal)return null;let{onViewportChangeEnd:t}=S.getState();if(C.current=!1,S.setState({paneDragging:!1}),r&&gc(d,M.current??0)&&!w.current&&r(e.sourceEvent),w.current=!1,(n||t)&&pc(E.current,e.transform)){let r=mc(e.transform);E.current=r,clearTimeout(x.current),x.current=setTimeout(()=>{t?.(r),n?.(e.sourceEvent,r)},o?150:0)}})},[D,o,d,n,r]),(0,B.useEffect)(()=>{D&&D.filter(e=>{let t=j||i,n=a&&e.ctrlKey;if((d===!0||Array.isArray(d)&&d.includes(1))&&e.button===1&&e.type===`mousedown`&&(hc(e,`react-flow__node`)||hc(e,`react-flow__edge`)))return!0;if(!d&&!t&&!o&&!l&&!a||A||!l&&e.type===`dblclick`||hc(e,y)&&e.type===`wheel`||hc(e,b)&&(e.type!==`wheel`||o&&e.type===`wheel`&&!j)||!a&&e.ctrlKey&&e.type===`wheel`||!t&&!o&&!n&&e.type===`wheel`||!d&&(e.type===`mousedown`||e.type===`touchstart`)||Array.isArray(d)&&!d.includes(e.button)&&e.type===`mousedown`)return!1;let r=Array.isArray(d)&&d.includes(e.button)||!e.button||e.button<=1;return(!e.ctrlKey||e.type===`wheel`)&&r})},[A,D,i,a,o,l,d,u,j]),B.createElement(`div`,{className:`react-flow__renderer`,ref:T,style:fc},v)},bc=e=>({userSelectionActive:e.userSelectionActive,userSelectionRect:e.userSelectionRect});function xc(){let{userSelectionActive:e,userSelectionRect:t}=q(bc,K);return e&&t?B.createElement(`div`,{className:`react-flow__selection react-flow__container`,style:{width:t.width,height:t.height,transform:`translate(${t.x}px, ${t.y}px)`}}):null}function Sc(e,t){let n=t.parentNode||t.parentId,r=e.find(e=>e.id===n);if(r){let e=t.position.x+t.width-r.width,n=t.position.y+t.height-r.height;if(e>0||n>0||t.position.x<0||t.position.y<0){if(r.style={...r.style},r.style.width=r.style.width??r.width,r.style.height=r.style.height??r.height,e>0&&(r.style.width+=e),n>0&&(r.style.height+=n),t.position.x<0){let e=Math.abs(t.position.x);r.position.x=r.position.x-e,r.style.width+=e,t.position.x=0}if(t.position.y<0){let e=Math.abs(t.position.y);r.position.y=r.position.y-e,r.style.height+=e,t.position.y=0}r.width=r.style.width,r.height=r.style.height}}}function Cc(e,t){if(e.some(e=>e.type===`reset`))return e.filter(e=>e.type===`reset`).map(e=>e.item);let n=e.filter(e=>e.type===`add`).map(e=>e.item);return t.reduce((t,n)=>{let r=e.filter(e=>e.id===n.id);if(r.length===0)return t.push(n),t;let i={...n};for(let e of r)if(e)switch(e.type){case`select`:i.selected=e.selected;break;case`position`:e.position!==void 0&&(i.position=e.position),e.positionAbsolute!==void 0&&(i.positionAbsolute=e.positionAbsolute),e.dragging!==void 0&&(i.dragging=e.dragging),i.expandParent&&Sc(t,i);break;case`dimensions`:e.dimensions!==void 0&&(i.width=e.dimensions.width,i.height=e.dimensions.height),e.updateStyle!==void 0&&(i.style={...i.style||{},...e.dimensions}),typeof e.resizing==`boolean`&&(i.resizing=e.resizing),i.expandParent&&Sc(t,i);break;case`remove`:return t}return t.push(i),t},n)}function wc(e,t){return Cc(e,t)}function Tc(e,t){return Cc(e,t)}var Ec=(e,t)=>({id:e,type:`select`,selected:t});function Dc(e,t){return e.reduce((e,n)=>{let r=t.includes(n.id);return!n.selected&&r?(n.selected=!0,e.push(Ec(n.id,!0))):n.selected&&!r&&(n.selected=!1,e.push(Ec(n.id,!1))),e},[])}var Oc=(e,t)=>n=>{n.target===t.current&&e?.(n)},kc=e=>({userSelectionActive:e.userSelectionActive,elementsSelectable:e.elementsSelectable,dragging:e.paneDragging}),Ac=(0,B.memo)(({isSelecting:e,selectionMode:t=Do.Full,panOnDrag:n,onSelectionStart:r,onSelectionEnd:i,onPaneClick:a,onPaneContextMenu:o,onPaneScroll:s,onPaneMouseEnter:c,onPaneMouseMove:l,onPaneMouseLeave:u,children:d})=>{let f=(0,B.useRef)(null),p=J(),m=(0,B.useRef)(0),h=(0,B.useRef)(0),g=(0,B.useRef)(),{userSelectionActive:_,elementsSelectable:v,dragging:y}=q(kc,K),b=()=>{p.setState({userSelectionActive:!1,userSelectionRect:null}),m.current=0,h.current=0},x=e=>{a?.(e),p.getState().resetSelectedElements(),p.setState({nodesSelectionActive:!1})},S=e=>{if(Array.isArray(n)&&n?.includes(2)){e.preventDefault();return}o?.(e)},C=s?e=>s(e):void 0,w=t=>{let{resetSelectedElements:n,domNode:i}=p.getState();if(g.current=i?.getBoundingClientRect(),!v||!e||t.button!==0||t.target!==f.current||!g.current)return;let{x:a,y:o}=yo(t,g.current);n(),p.setState({userSelectionRect:{width:0,height:0,startX:a,startY:o,x:a,y:o}}),r?.(t)},T=n=>{let{userSelectionRect:r,nodeInternals:i,edges:a,transform:o,onNodesChange:s,onEdgesChange:c,nodeOrigin:l,getNodes:u}=p.getState();if(!e||!g.current||!r)return;p.setState({userSelectionActive:!0,nodesSelectionActive:!1});let d=yo(n,g.current),f=r.startX??0,_=r.startY??0,v={...r,x:d.x<f?d.x:f,y:d.y<_?d.y:_,width:Math.abs(d.x-f),height:Math.abs(d.y-_)},y=u(),b=as(i,v,o,t===Do.Partial,!0,l),x=os(b,a).map(e=>e.id),S=b.map(e=>e.id);if(m.current!==S.length){m.current=S.length;let e=Dc(y,S);e.length&&s?.(e)}if(h.current!==x.length){h.current=x.length;let e=Dc(a,x);e.length&&c?.(e)}p.setState({userSelectionRect:v})},E=e=>{if(e.button!==0)return;let{userSelectionRect:t}=p.getState();!_&&t&&e.target===f.current&&x?.(e),p.setState({nodesSelectionActive:m.current>0}),b(),i?.(e)},D=e=>{_&&(p.setState({nodesSelectionActive:m.current>0}),i?.(e)),b()},O=v&&(e||_);return B.createElement(`div`,{className:V([`react-flow__pane`,{dragging:y,selection:e}]),onClick:O?void 0:Oc(x,f),onContextMenu:Oc(S,f),onWheel:Oc(C,f),onMouseEnter:O?void 0:c,onMouseDown:O?w:void 0,onMouseMove:O?T:l,onMouseUp:O?E:void 0,onMouseLeave:O?D:u,ref:f,style:fc},d,B.createElement(xc,null))});Ac.displayName=`Pane`;function jc(e,t){let n=e.parentNode||e.parentId;if(!n)return!1;let r=t.get(n);return r?r.selected?!0:jc(r,t):!1}function Mc(e,t,n){let r=e;do{if(r?.matches(t))return!0;if(r===n.current)return!1;r=r.parentElement}while(r);return!1}function Nc(e,t,n,r){return Array.from(e.values()).filter(n=>(n.selected||n.id===r)&&(!n.parentNode||n.parentId||!jc(n,e))&&(n.draggable||t&&n.draggable===void 0)).map(e=>({id:e.id,position:e.position||{x:0,y:0},positionAbsolute:e.positionAbsolute||{x:0,y:0},distance:{x:n.x-(e.positionAbsolute?.x??0),y:n.y-(e.positionAbsolute?.y??0)},delta:{x:0,y:0},extent:e.extent,parentNode:e.parentNode||e.parentId,parentId:e.parentNode||e.parentId,width:e.width,height:e.height,expandParent:e.expandParent}))}function Pc(e,t){return!t||t===`parent`?t:[t[0],[t[1][0]-(e.width||0),t[1][1]-(e.height||0)]]}function Fc(e,t,n,r,i=[0,0],a){let o=Pc(e,e.extent||r),s=o,c=e.parentNode||e.parentId;if(e.extent===`parent`&&!e.expandParent)if(c&&e.width&&e.height){let t=n.get(c),{x:r,y:a}=rs(t,i).positionAbsolute;s=t&&po(r)&&po(a)&&po(t.width)&&po(t.height)?[[r+e.width*i[0],a+e.height*i[1]],[r+t.width-e.width+e.width*i[0],a+t.height-e.height+e.height*i[1]]]:s}else a?.(`005`,Ja.error005()),s=o;else if(e.extent&&c&&e.extent!==`parent`){let{x:t,y:r}=rs(n.get(c),i).positionAbsolute;s=[[e.extent[0][0]+t,e.extent[0][1]+r],[e.extent[1][0]+t,e.extent[1][1]+r]]}let l={x:0,y:0};c&&(l=rs(n.get(c),i).positionAbsolute);let u=s&&s!==`parent`?no(t,s):t;return{position:{x:u.x-l.x,y:u.y-l.y},positionAbsolute:u}}function Ic({nodeId:e,dragItems:t,nodeInternals:n}){let r=t.map(e=>({...n.get(e.id),position:e.position,positionAbsolute:e.positionAbsolute}));return[e?r.find(t=>t.id===e):r[0],r]}var Lc=(e,t,n,r)=>{let i=t.querySelectorAll(e);if(!i||!i.length)return null;let a=Array.from(i),o=t.getBoundingClientRect(),s={x:o.width*r[0],y:o.height*r[1]};return a.map(e=>{let t=e.getBoundingClientRect();return{id:e.getAttribute(`data-handleid`),position:e.getAttribute(`data-handlepos`),x:(t.left-o.left-s.x)/n,y:(t.top-o.top-s.y)/n,...eo(e)}})};function Rc(e,t,n){return n===void 0?n:r=>{let i=t().nodeInternals.get(e);i&&n(r,{...i})}}function zc({id:e,store:t,unselect:n=!1,nodeRef:r}){let{addSelectedNodes:i,unselectNodesAndEdges:a,multiSelectionActive:o,nodeInternals:s,onError:c}=t.getState(),l=s.get(e);if(!l){c?.(`012`,Ja.error012(e));return}t.setState({nodesSelectionActive:!1}),l.selected?(n||l.selected&&o)&&(a({nodes:[l],edges:[]}),requestAnimationFrame(()=>r?.current?.blur())):i([e])}function Bc(){let e=J();return(0,B.useCallback)(({sourceEvent:t})=>{let{transform:n,snapGrid:r,snapToGrid:i}=e.getState(),a=t.touches?t.touches[0].clientX:t.clientX,o=t.touches?t.touches[0].clientY:t.clientY,s={x:(a-n[0])/n[2],y:(o-n[1])/n[2]};return{xSnapped:i?r[0]*Math.round(s.x/r[0]):s.x,ySnapped:i?r[1]*Math.round(s.y/r[1]):s.y,...s}},[])}function Vc(e){return(t,n,r)=>e?.(t,r)}function Hc({nodeRef:e,disabled:t=!1,noDragClassName:n,handleSelector:r,nodeId:i,isSelectable:a,selectNodesOnDrag:o}){let s=J(),[c,l]=(0,B.useState)(!1),u=(0,B.useRef)([]),d=(0,B.useRef)({x:null,y:null}),f=(0,B.useRef)(0),p=(0,B.useRef)(null),m=(0,B.useRef)({x:0,y:0}),h=(0,B.useRef)(null),g=(0,B.useRef)(!1),_=(0,B.useRef)(!1),v=(0,B.useRef)(!1),y=Bc();return(0,B.useEffect)(()=>{if(e?.current){let c=bn(e.current),b=({x:e,y:t})=>{let{nodeInternals:n,onNodeDrag:r,onSelectionDrag:a,updateNodePositions:o,nodeExtent:c,snapGrid:f,snapToGrid:p,nodeOrigin:m,onError:g}=s.getState();d.current={x:e,y:t};let _=!1,v={x:0,y:0,x2:0,y2:0};if(u.current.length>1&&c&&(v=so(is(u.current,m))),u.current=u.current.map(r=>{let i={x:e-r.distance.x,y:t-r.distance.y};p&&(i.x=f[0]*Math.round(i.x/f[0]),i.y=f[1]*Math.round(i.y/f[1]));let a=[[c[0][0],c[0][1]],[c[1][0],c[1][1]]];u.current.length>1&&c&&!r.extent&&(a[0][0]=r.positionAbsolute.x-v.x+c[0][0],a[1][0]=r.positionAbsolute.x+(r.width??0)-v.x2+c[1][0],a[0][1]=r.positionAbsolute.y-v.y+c[0][1],a[1][1]=r.positionAbsolute.y+(r.height??0)-v.y2+c[1][1]);let o=Fc(r,i,n,a,m,g);return _=_||r.position.x!==o.position.x||r.position.y!==o.position.y,r.position=o.position,r.positionAbsolute=o.positionAbsolute,r}),!_)return;o(u.current,!0,!0),l(!0);let y=i?r:Vc(a);if(y&&h.current){let[e,t]=Ic({nodeId:i,dragItems:u.current,nodeInternals:n});y(h.current,e,t)}},x=()=>{if(!p.current)return;let[e,t]=io(m.current,p.current);if(e!==0||t!==0){let{transform:n,panBy:r}=s.getState();d.current.x=(d.current.x??0)-e/n[2],d.current.y=(d.current.y??0)-t/n[2],r({x:e,y:t})&&b(d.current)}f.current=requestAnimationFrame(x)},S=t=>{let{nodeInternals:n,multiSelectionActive:r,nodesDraggable:c,unselectNodesAndEdges:l,onNodeDragStart:f,onSelectionDragStart:p}=s.getState();_.current=!0;let m=i?f:Vc(p);(!o||!a)&&!r&&i&&(n.get(i)?.selected||l()),i&&a&&o&&zc({id:i,store:s,nodeRef:e});let h=y(t);if(d.current=h,u.current=Nc(n,c,h,i),m&&u.current){let[e,r]=Ic({nodeId:i,dragItems:u.current,nodeInternals:n});m(t.sourceEvent,e,r)}};if(t)c.on(`.drag`,null);else{let t=Fn().on(`start`,e=>{let{domNode:t,nodeDragThreshold:n}=s.getState();n===0&&S(e),v.current=!1;let r=y(e);d.current=r,p.current=t?.getBoundingClientRect()||null,m.current=yo(e.sourceEvent,p.current)}).on(`drag`,e=>{let t=y(e),{autoPanOnNodeDrag:n,nodeDragThreshold:r}=s.getState();if(e.sourceEvent.type===`touchmove`&&e.sourceEvent.touches.length>1&&(v.current=!0),!v.current){if(!g.current&&_.current&&n&&(g.current=!0,x()),!_.current){let n=t.xSnapped-(d?.current?.x??0),i=t.ySnapped-(d?.current?.y??0);Math.sqrt(n*n+i*i)>r&&S(e)}(d.current.x!==t.xSnapped||d.current.y!==t.ySnapped)&&u.current&&_.current&&(h.current=e.sourceEvent,m.current=yo(e.sourceEvent,p.current),b(t))}}).on(`end`,e=>{if(!(!_.current||v.current)&&(l(!1),g.current=!1,_.current=!1,cancelAnimationFrame(f.current),u.current)){let{updateNodePositions:t,nodeInternals:n,onNodeDragStop:r,onSelectionDragStop:a}=s.getState(),o=i?r:Vc(a);if(t(u.current,!1,!1),o){let[t,r]=Ic({nodeId:i,dragItems:u.current,nodeInternals:n});o(e.sourceEvent,t,r)}}}).filter(t=>{let i=t.target;return!t.button&&(!n||!Mc(i,`.${n}`,e))&&(!r||Mc(i,r,e))});return c.call(t),()=>{c.on(`.drag`,null)}}}},[e,t,n,r,a,s,i,o,y]),c}function Uc(){let e=J();return(0,B.useCallback)(t=>{let{nodeInternals:n,nodeExtent:r,updateNodePositions:i,getNodes:a,snapToGrid:o,snapGrid:s,onError:c,nodesDraggable:l}=e.getState(),u=a().filter(e=>e.selected&&(e.draggable||l&&e.draggable===void 0)),d=o?s[0]:5,f=o?s[1]:5,p=t.isShiftPressed?4:1,m=t.x*d*p,h=t.y*f*p;i(u.map(e=>{if(e.positionAbsolute){let t={x:e.positionAbsolute.x+m,y:e.positionAbsolute.y+h};o&&(t.x=s[0]*Math.round(t.x/s[0]),t.y=s[1]*Math.round(t.y/s[1]));let{positionAbsolute:i,position:a}=Fc(e,t,n,r,void 0,c);e.position=a,e.positionAbsolute=i}return e}),!0,!1)},[])}var Wc={ArrowUp:{x:0,y:-1},ArrowDown:{x:0,y:1},ArrowLeft:{x:-1,y:0},ArrowRight:{x:1,y:0}},Gc=e=>{let t=({id:t,type:n,data:r,xPos:i,yPos:a,xPosOrigin:o,yPosOrigin:s,selected:c,onClick:l,onMouseEnter:u,onMouseMove:d,onMouseLeave:f,onContextMenu:p,onDoubleClick:m,style:h,className:g,isDraggable:_,isSelectable:v,isConnectable:y,isFocusable:b,selectNodesOnDrag:x,sourcePosition:S,targetPosition:C,hidden:w,resizeObserver:T,dragHandle:E,zIndex:D,isParent:O,noDragClassName:k,noPanClassName:A,initialized:j,disableKeyboardA11y:M,ariaLabel:N,rfId:P,hasHandleBounds:F})=>{let I=J(),L=(0,B.useRef)(null),R=(0,B.useRef)(null),ee=(0,B.useRef)(S),te=(0,B.useRef)(C),ne=(0,B.useRef)(n),re=v||_||l||u||d||f,z=Uc(),ie=Rc(t,I.getState,u),ae=Rc(t,I.getState,d),oe=Rc(t,I.getState,f),se=Rc(t,I.getState,p),ce=Rc(t,I.getState,m),le=e=>{let{nodeDragThreshold:n}=I.getState();if(v&&(!x||!_||n>0)&&zc({id:t,store:I,nodeRef:L}),l){let n=I.getState().nodeInternals.get(t);n&&l(e,{...n})}},H=e=>{if(!_o(e)&&!M)if(mo.includes(e.key)&&v){let n=e.key===`Escape`;zc({id:t,store:I,unselect:n,nodeRef:L})}else _&&c&&Object.prototype.hasOwnProperty.call(Wc,e.key)&&(I.setState({ariaLiveMessage:`Moved selected node ${e.key.replace(`Arrow`,``).toLowerCase()}. New position, x: ${~~i}, y: ${~~a}`}),z({x:Wc[e.key].x,y:Wc[e.key].y,isShiftPressed:e.shiftKey}))};(0,B.useEffect)(()=>()=>{R.current&&=(T?.unobserve(R.current),null)},[]),(0,B.useEffect)(()=>{if(L.current&&!w){let e=L.current;(!j||!F||R.current!==e)&&(R.current&&T?.unobserve(R.current),T?.observe(e),R.current=e)}},[w,j,F]),(0,B.useEffect)(()=>{let e=ne.current!==n,r=ee.current!==S,i=te.current!==C;L.current&&(e||r||i)&&(e&&(ne.current=n),r&&(ee.current=S),i&&(te.current=C),I.getState().updateNodeDimensions([{id:t,nodeElement:L.current,forceUpdate:!0}]))},[t,n,S,C]);let ue=Hc({nodeRef:L,disabled:w||!_,noDragClassName:k,handleSelector:E,nodeId:t,isSelectable:v,selectNodesOnDrag:x});return w?null:B.createElement(`div`,{className:V([`react-flow__node`,`react-flow__node-${n}`,{[A]:_},g,{selected:c,selectable:v,parent:O,dragging:ue}]),ref:L,style:{zIndex:D,transform:`translate(${o}px,${s}px)`,pointerEvents:re?`all`:`none`,visibility:j?`visible`:`hidden`,...h},"data-id":t,"data-testid":`rf__node-${t}`,onMouseEnter:ie,onMouseMove:ae,onMouseLeave:oe,onContextMenu:se,onClick:le,onDoubleClick:ce,onKeyDown:b?H:void 0,tabIndex:b?0:void 0,role:b?`button`:void 0,"aria-describedby":M?void 0:`${Hs}-${P}`,"aria-label":N},B.createElement(Jo,{value:t},B.createElement(e,{id:t,data:r,type:n,xPos:i,yPos:a,selected:c,isConnectable:y,sourcePosition:S,targetPosition:C,dragging:ue,dragHandle:E,zIndex:D})))};return t.displayName=`NodeWrapper`,(0,B.memo)(t)},Kc=e=>({...is(e.getNodes().filter(e=>e.selected),e.nodeOrigin),transformString:`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`,userSelectionActive:e.userSelectionActive});function qc({onSelectionContextMenu:e,noPanClassName:t,disableKeyboardA11y:n}){let r=J(),{width:i,height:a,x:o,y:s,transformString:c,userSelectionActive:l}=q(Kc,K),u=Uc(),d=(0,B.useRef)(null);if((0,B.useEffect)(()=>{n||d.current?.focus({preventScroll:!0})},[n]),Hc({nodeRef:d}),l||!i||!a)return null;let f=e?t=>{e(t,r.getState().getNodes().filter(e=>e.selected))}:void 0;return B.createElement(`div`,{className:V([`react-flow__nodesselection`,`react-flow__container`,t]),style:{transform:c}},B.createElement(`div`,{ref:d,className:`react-flow__nodesselection-rect`,onContextMenu:f,tabIndex:n?void 0:-1,onKeyDown:n?void 0:e=>{Object.prototype.hasOwnProperty.call(Wc,e.key)&&u({x:Wc[e.key].x,y:Wc[e.key].y,isShiftPressed:e.shiftKey})},style:{width:i,height:a,top:s,left:o}}))}var Jc=(0,B.memo)(qc),Yc=e=>e.nodesSelectionActive,Xc=({children:e,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:i,onPaneContextMenu:a,onPaneScroll:o,deleteKeyCode:s,onMove:c,onMoveStart:l,onMoveEnd:u,selectionKeyCode:d,selectionOnDrag:f,selectionMode:p,onSelectionStart:m,onSelectionEnd:h,multiSelectionKeyCode:g,panActivationKeyCode:_,zoomActivationKeyCode:v,elementsSelectable:y,zoomOnScroll:b,zoomOnPinch:x,panOnScroll:S,panOnScrollSpeed:C,panOnScrollMode:w,zoomOnDoubleClick:T,panOnDrag:E,defaultViewport:D,translateExtent:O,minZoom:k,maxZoom:A,preventScrolling:j,onSelectionContextMenu:M,noWheelClassName:N,noPanClassName:P,disableKeyboardA11y:F})=>{let I=q(Yc),L=Js(d),R=Js(_),ee=R||E,te=R||S,ne=L||f&&ee!==!0;return uc({deleteKeyCode:s,multiSelectionKeyCode:g}),B.createElement(yc,{onMove:c,onMoveStart:l,onMoveEnd:u,onPaneContextMenu:a,elementsSelectable:y,zoomOnScroll:b,zoomOnPinch:x,panOnScroll:te,panOnScrollSpeed:C,panOnScrollMode:w,zoomOnDoubleClick:T,panOnDrag:!L&&ee,defaultViewport:D,translateExtent:O,minZoom:k,maxZoom:A,zoomActivationKeyCode:v,preventScrolling:j,noWheelClassName:N,noPanClassName:P},B.createElement(Ac,{onSelectionStart:m,onSelectionEnd:h,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:i,onPaneContextMenu:a,onPaneScroll:o,panOnDrag:ee,isSelecting:!!ne,selectionMode:p},e,I&&B.createElement(Jc,{onSelectionContextMenu:M,noPanClassName:P,disableKeyboardA11y:F})))};Xc.displayName=`FlowRenderer`;var Zc=(0,B.memo)(Xc);function Qc(e){return q((0,B.useCallback)(t=>e?as(t.nodeInternals,{x:0,y:0,width:t.width,height:t.height},t.transform,!0):t.getNodes(),[e]))}function $c(e){let t={input:Gc(e.input||Ds),default:Gc(e.default||Ts),output:Gc(e.output||ks),group:Gc(e.group||As)},n=Object.keys(e).filter(e=>![`input`,`default`,`output`,`group`].includes(e)).reduce((t,n)=>(t[n]=Gc(e[n]||Ts),t),{});return{...t,...n}}var el=({x:e,y:t,width:n,height:r,origin:i})=>!n||!r||i[0]<0||i[1]<0||i[0]>1||i[1]>1?{x:e,y:t}:{x:e-n*i[0],y:t-r*i[1]},tl=e=>({nodesDraggable:e.nodesDraggable,nodesConnectable:e.nodesConnectable,nodesFocusable:e.nodesFocusable,elementsSelectable:e.elementsSelectable,updateNodeDimensions:e.updateNodeDimensions,onError:e.onError}),nl=e=>{let{nodesDraggable:t,nodesConnectable:n,nodesFocusable:r,elementsSelectable:i,updateNodeDimensions:a,onError:o}=q(tl,K),s=Qc(e.onlyRenderVisibleElements),c=(0,B.useRef)(),l=(0,B.useMemo)(()=>{if(typeof ResizeObserver>`u`)return null;let e=new ResizeObserver(e=>{let t=e.map(e=>({id:e.target.getAttribute(`data-id`),nodeElement:e.target,forceUpdate:!0}));a(t)});return c.current=e,e},[]);return(0,B.useEffect)(()=>()=>{c?.current?.disconnect()},[]),B.createElement(`div`,{className:`react-flow__nodes`,style:fc},s.map(a=>{let s=a.type||`default`;e.nodeTypes[s]||(o?.(`003`,Ja.error003(s)),s=`default`);let c=e.nodeTypes[s]||e.nodeTypes.default,u=!!(a.draggable||t&&a.draggable===void 0),d=!!(a.selectable||i&&a.selectable===void 0),f=!!(a.connectable||n&&a.connectable===void 0),p=!!(a.focusable||r&&a.focusable===void 0),m=e.nodeExtent?no(a.positionAbsolute,e.nodeExtent):a.positionAbsolute,h=m?.x??0,g=m?.y??0,_=el({x:h,y:g,width:a.width??0,height:a.height??0,origin:e.nodeOrigin});return B.createElement(c,{key:a.id,id:a.id,className:a.className,style:a.style,type:s,data:a.data,sourcePosition:a.sourcePosition||X.Bottom,targetPosition:a.targetPosition||X.Top,hidden:a.hidden,xPos:h,yPos:g,xPosOrigin:_.x,yPosOrigin:_.y,selectNodesOnDrag:e.selectNodesOnDrag,onClick:e.onNodeClick,onMouseEnter:e.onNodeMouseEnter,onMouseMove:e.onNodeMouseMove,onMouseLeave:e.onNodeMouseLeave,onContextMenu:e.onNodeContextMenu,onDoubleClick:e.onNodeDoubleClick,selected:!!a.selected,isDraggable:u,isSelectable:d,isConnectable:f,isFocusable:p,resizeObserver:l,dragHandle:a.dragHandle,zIndex:a[Y]?.z??0,isParent:!!a[Y]?.isParent,noDragClassName:e.noDragClassName,noPanClassName:e.noPanClassName,initialized:!!a.width&&!!a.height,rfId:e.rfId,disableKeyboardA11y:e.disableKeyboardA11y,ariaLabel:a.ariaLabel,hasHandleBounds:!!a[Y]?.handleBounds})}))};nl.displayName=`NodeRenderer`;var rl=(0,B.memo)(nl),il=(e,t,n)=>n===X.Left?e-t:n===X.Right?e+t:e,al=(e,t,n)=>n===X.Top?e-t:n===X.Bottom?e+t:e,ol=`react-flow__edgeupdater`,sl=({position:e,centerX:t,centerY:n,radius:r=10,onMouseDown:i,onMouseEnter:a,onMouseOut:o,type:s})=>B.createElement(`circle`,{onMouseDown:i,onMouseEnter:a,onMouseOut:o,className:V([ol,`${ol}-${s}`]),cx:il(t,r,e),cy:al(n,r,e),r,stroke:`transparent`,fill:`transparent`}),cl=()=>!0,ll=e=>{let t=({id:t,className:n,type:r,data:i,onClick:a,onEdgeDoubleClick:o,selected:s,animated:c,label:l,labelStyle:u,labelShowBg:d,labelBgStyle:f,labelBgPadding:p,labelBgBorderRadius:m,style:h,source:g,target:_,sourceX:v,sourceY:y,targetX:b,targetY:x,sourcePosition:S,targetPosition:C,elementsSelectable:w,hidden:T,sourceHandleId:E,targetHandleId:D,onContextMenu:O,onMouseEnter:k,onMouseMove:A,onMouseLeave:j,reconnectRadius:M,onReconnect:N,onReconnectStart:P,onReconnectEnd:F,markerEnd:I,markerStart:L,rfId:R,ariaLabel:ee,isFocusable:te,isReconnectable:ne,pathOptions:re,interactionWidth:z,disableKeyboardA11y:ie})=>{let ae=(0,B.useRef)(null),[oe,se]=(0,B.useState)(!1),[ce,le]=(0,B.useState)(!1),H=J(),ue=(0,B.useMemo)(()=>`url('#${Qo(L,R)}')`,[L,R]),de=(0,B.useMemo)(()=>`url('#${Qo(I,R)}')`,[I,R]);if(T)return null;let U=e=>{let{edges:n,addSelectedEdges:r,unselectNodesAndEdges:i,multiSelectionActive:o}=H.getState(),s=n.find(e=>e.id===t);s&&(w&&(H.setState({nodesSelectionActive:!1}),s.selected&&o?(i({nodes:[],edges:[s]}),ae.current?.blur()):r([t])),a&&a(e,s))},W=So(t,H.getState,o),fe=So(t,H.getState,O),pe=So(t,H.getState,k),G=So(t,H.getState,A),me=So(t,H.getState,j),K=(e,n)=>{if(e.button!==0)return;let{edges:r,isValidConnection:i}=H.getState(),a=n?_:g,o=(n?D:E)||null,s=n?`target`:`source`,c=i||cl,l=n,u=r.find(e=>e.id===t);le(!0),P?.(e,u,s),vs({event:e,handleId:o,nodeId:a,onConnect:e=>N?.(u,e),isTarget:l,getState:H.getState,setState:H.setState,isValidConnection:c,edgeUpdaterType:s,onReconnectEnd:e=>{le(!1),F?.(e,u,s)}})},he=e=>K(e,!0),ge=e=>K(e,!1),_e=()=>se(!0),ve=()=>se(!1),ye=!w&&!a;return B.createElement(`g`,{className:V([`react-flow__edge`,`react-flow__edge-${r}`,n,{selected:s,animated:c,inactive:ye,updating:oe}]),onClick:U,onDoubleClick:W,onContextMenu:fe,onMouseEnter:pe,onMouseMove:G,onMouseLeave:me,onKeyDown:te?e=>{if(!ie&&mo.includes(e.key)&&w){let{unselectNodesAndEdges:n,addSelectedEdges:r,edges:i}=H.getState();e.key===`Escape`?(ae.current?.blur(),n({edges:[i.find(e=>e.id===t)]})):r([t])}}:void 0,tabIndex:te?0:void 0,role:te?`button`:`img`,"data-testid":`rf__edge-${t}`,"aria-label":ee===null?void 0:ee||`Edge from ${g} to ${_}`,"aria-describedby":te?`${Us}-${R}`:void 0,ref:ae},!ce&&B.createElement(e,{id:t,source:g,target:_,selected:s,animated:c,label:l,labelStyle:u,labelShowBg:d,labelBgStyle:f,labelBgPadding:p,labelBgBorderRadius:m,data:i,style:h,sourceX:v,sourceY:y,targetX:b,targetY:x,sourcePosition:S,targetPosition:C,sourceHandleId:E,targetHandleId:D,markerStart:ue,markerEnd:de,pathOptions:re,interactionWidth:z}),ne&&B.createElement(B.Fragment,null,(ne===`source`||ne===!0)&&B.createElement(sl,{position:S,centerX:v,centerY:y,radius:M,onMouseDown:he,onMouseEnter:_e,onMouseOut:ve,type:`source`}),(ne===`target`||ne===!0)&&B.createElement(sl,{position:C,centerX:b,centerY:x,radius:M,onMouseDown:ge,onMouseEnter:_e,onMouseOut:ve,type:`target`})))};return t.displayName=`EdgeWrapper`,(0,B.memo)(t)};function ul(e){let t={default:ll(e.default||Ko),straight:ll(e.bezier||Ho),step:ll(e.step||Bo),smoothstep:ll(e.step||zo),simplebezier:ll(e.simplebezier||Mo)},n=Object.keys(e).filter(e=>![`default`,`bezier`].includes(e)).reduce((t,n)=>(t[n]=ll(e[n]||Ko),t),{});return{...t,...n}}function dl(e,t,n=null){let r=(n?.x||0)+t.x,i=(n?.y||0)+t.y,a=n?.width||t.width,o=n?.height||t.height;switch(e){case X.Top:return{x:r+a/2,y:i};case X.Right:return{x:r+a,y:i+o/2};case X.Bottom:return{x:r+a/2,y:i+o};case X.Left:return{x:r,y:i+o/2}}}function fl(e,t){return e?e.length===1||!t?e[0]:t&&e.find(e=>e.id===t)||null:null}var pl=(e,t,n,r,i,a)=>{let o=dl(n,e,t),s=dl(a,r,i);return{sourceX:o.x,sourceY:o.y,targetX:s.x,targetY:s.y}};function ml({sourcePos:e,targetPos:t,sourceWidth:n,sourceHeight:r,targetWidth:i,targetHeight:a,width:o,height:s,transform:c}){let l={x:Math.min(e.x,t.x),y:Math.min(e.y,t.y),x2:Math.max(e.x+n,t.x+i),y2:Math.max(e.y+r,t.y+a)};l.x===l.x2&&(l.x2+=1),l.y===l.y2&&(l.y2+=1);let u=so({x:(0-c[0])/c[2],y:(0-c[1])/c[2],width:o/c[2],height:s/c[2]}),d=Math.max(0,Math.min(u.x2,l.x2)-Math.max(u.x,l.x)),f=Math.max(0,Math.min(u.y2,l.y2)-Math.max(u.y,l.y));return Math.ceil(d*f)>0}function hl(e){let t=e?.[Y]?.handleBounds||null,n=t&&e?.width&&e?.height&&e?.positionAbsolute?.x!==void 0&&e?.positionAbsolute?.y!==void 0;return[{x:e?.positionAbsolute?.x||0,y:e?.positionAbsolute?.y||0,width:e?.width||0,height:e?.height||0},t,!!n]}var gl=[{level:0,isMaxLevel:!0,edges:[]}];function _l(e,t,n=!1){let r=-1,i=e.reduce((e,i)=>{let a=po(i.zIndex),o=a?i.zIndex:0;if(n){let e=t.get(i.target),n=t.get(i.source),r=i.selected||e?.selected||n?.selected,s=Math.max(n?.[Y]?.z||0,e?.[Y]?.z||0,1e3);o=(a?i.zIndex:0)+(r?s:0)}return e[o]?e[o].push(i):e[o]=[i],r=o>r?o:r,e},{}),a=Object.entries(i).map(([e,t])=>{let n=+e;return{edges:t,level:n,isMaxLevel:n===r}});return a.length===0?gl:a}function vl(e,t,n){return _l(q((0,B.useCallback)(n=>e?n.edges.filter(e=>{let r=t.get(e.source),i=t.get(e.target);return r?.width&&r?.height&&i?.width&&i?.height&&ml({sourcePos:r.positionAbsolute||{x:0,y:0},targetPos:i.positionAbsolute||{x:0,y:0},sourceWidth:r.width,sourceHeight:r.height,targetWidth:i.width,targetHeight:i.height,width:n.width,height:n.height,transform:n.transform})}):n.edges,[e,t])),t,n)}var yl=({color:e=`none`,strokeWidth:t=1})=>B.createElement(`polyline`,{style:{stroke:e,strokeWidth:t},strokeLinecap:`round`,strokeLinejoin:`round`,fill:`none`,points:`-5,-4 0,0 -5,4`}),bl=({color:e=`none`,strokeWidth:t=1})=>B.createElement(`polyline`,{style:{stroke:e,fill:e,strokeWidth:t},strokeLinecap:`round`,strokeLinejoin:`round`,points:`-5,-4 0,0 -5,4 -5,-4`}),xl={[ko.Arrow]:yl,[ko.ArrowClosed]:bl};function Sl(e){let t=J();return(0,B.useMemo)(()=>Object.prototype.hasOwnProperty.call(xl,e)?xl[e]:(t.getState().onError?.(`009`,Ja.error009(e)),null),[e])}var Cl=({id:e,type:t,color:n,width:r=12.5,height:i=12.5,markerUnits:a=`strokeWidth`,strokeWidth:o,orient:s=`auto-start-reverse`})=>{let c=Sl(t);return c?B.createElement(`marker`,{className:`react-flow__arrowhead`,id:e,markerWidth:`${r}`,markerHeight:`${i}`,viewBox:`-10 -10 20 20`,markerUnits:a,orient:s,refX:`0`,refY:`0`},B.createElement(c,{color:n,strokeWidth:o})):null},wl=({defaultColor:e,rfId:t})=>n=>{let r=[];return n.edges.reduce((n,i)=>([i.markerStart,i.markerEnd].forEach(i=>{if(i&&typeof i==`object`){let a=Qo(i,t);r.includes(a)||(n.push({id:a,color:i.color||e,...i}),r.push(a))}}),n),[]).sort((e,t)=>e.id.localeCompare(t.id))},Tl=({defaultColor:e,rfId:t})=>{let n=q((0,B.useCallback)(wl({defaultColor:e,rfId:t}),[e,t]),(e,t)=>!(e.length!==t.length||e.some((e,n)=>e.id!==t[n].id)));return B.createElement(`defs`,null,n.map(e=>B.createElement(Cl,{id:e.id,key:e.id,type:e.type,color:e.color,width:e.width,height:e.height,markerUnits:e.markerUnits,strokeWidth:e.strokeWidth,orient:e.orient})))};Tl.displayName=`MarkerDefinitions`;var El=(0,B.memo)(Tl),Dl=e=>({nodesConnectable:e.nodesConnectable,edgesFocusable:e.edgesFocusable,edgesUpdatable:e.edgesUpdatable,elementsSelectable:e.elementsSelectable,width:e.width,height:e.height,connectionMode:e.connectionMode,nodeInternals:e.nodeInternals,onError:e.onError}),Ol=({defaultMarkerColor:e,onlyRenderVisibleElements:t,elevateEdgesOnSelect:n,rfId:r,edgeTypes:i,noPanClassName:a,onEdgeContextMenu:o,onEdgeMouseEnter:s,onEdgeMouseMove:c,onEdgeMouseLeave:l,onEdgeClick:u,onEdgeDoubleClick:d,onReconnect:f,onReconnectStart:p,onReconnectEnd:m,reconnectRadius:h,children:g,disableKeyboardA11y:_})=>{let{edgesFocusable:v,edgesUpdatable:y,elementsSelectable:b,width:x,height:S,connectionMode:C,nodeInternals:w,onError:T}=q(Dl,K),E=vl(t,w,n);return x?B.createElement(B.Fragment,null,E.map(({level:t,edges:n,isMaxLevel:g})=>B.createElement(`svg`,{key:t,style:{zIndex:t},width:x,height:S,className:`react-flow__edges react-flow__container`},g&&B.createElement(El,{defaultColor:e,rfId:r}),B.createElement(`g`,null,n.map(e=>{let[t,n,g]=hl(w.get(e.source)),[x,S,E]=hl(w.get(e.target));if(!g||!E)return null;let D=e.type||`default`;i[D]||(T?.(`011`,Ja.error011(D)),D=`default`);let O=i[D]||i.default,k=C===To.Strict?S.target:(S.target??[]).concat(S.source??[]),A=fl(n.source,e.sourceHandle),j=fl(k,e.targetHandle),M=A?.position||X.Bottom,N=j?.position||X.Top,P=!!(e.focusable||v&&e.focusable===void 0),F=e.reconnectable||e.updatable,I=f!==void 0&&(F||y&&F===void 0);if(!A||!j)return T?.(`008`,Ja.error008(A,e)),null;let{sourceX:L,sourceY:R,targetX:ee,targetY:te}=pl(t,A,M,x,j,N);return B.createElement(O,{key:e.id,id:e.id,className:V([e.className,a]),type:D,data:e.data,selected:!!e.selected,animated:!!e.animated,hidden:!!e.hidden,label:e.label,labelStyle:e.labelStyle,labelShowBg:e.labelShowBg,labelBgStyle:e.labelBgStyle,labelBgPadding:e.labelBgPadding,labelBgBorderRadius:e.labelBgBorderRadius,style:e.style,source:e.source,target:e.target,sourceHandleId:e.sourceHandle,targetHandleId:e.targetHandle,markerEnd:e.markerEnd,markerStart:e.markerStart,sourceX:L,sourceY:R,targetX:ee,targetY:te,sourcePosition:M,targetPosition:N,elementsSelectable:b,onContextMenu:o,onMouseEnter:s,onMouseMove:c,onMouseLeave:l,onClick:u,onEdgeDoubleClick:d,onReconnect:f,onReconnectStart:p,onReconnectEnd:m,reconnectRadius:h,rfId:r,ariaLabel:e.ariaLabel,isFocusable:P,isReconnectable:I,pathOptions:`pathOptions`in e?e.pathOptions:void 0,interactionWidth:e.interactionWidth,disableKeyboardA11y:_})})))),g):null};Ol.displayName=`EdgeRenderer`;var kl=(0,B.memo)(Ol),Al=e=>`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;function jl({children:e}){let t=q(Al);return B.createElement(`div`,{className:`react-flow__viewport react-flow__container`,style:{transform:t}},e)}function Ml(e){let t=cc(),n=(0,B.useRef)(!1);(0,B.useEffect)(()=>{!n.current&&t.viewportInitialized&&e&&(setTimeout(()=>e(t),1),n.current=!0)},[e,t.viewportInitialized])}var Nl={[X.Left]:X.Right,[X.Right]:X.Left,[X.Top]:X.Bottom,[X.Bottom]:X.Top},Pl=({nodeId:e,handleType:t,style:n,type:r=Oo.Bezier,CustomComponent:i,connectionStatus:a})=>{let{fromNode:o,handleId:s,toX:c,toY:l,connectionMode:u}=q((0,B.useCallback)(t=>({fromNode:t.nodeInternals.get(e),handleId:t.connectionHandleId,toX:(t.connectionPosition.x-t.transform[0])/t.transform[2],toY:(t.connectionPosition.y-t.transform[1])/t.transform[2],connectionMode:t.connectionMode}),[e]),K),d=o?.[Y]?.handleBounds,f=d?.[t];if(u===To.Loose&&(f||=d?.[t===`source`?`target`:`source`]),!o||!f)return null;let p=s?f.find(e=>e.id===s):f[0],m=p?p.x+p.width/2:(o.width??0)/2,h=p?p.y+p.height/2:o.height??0,g=(o.positionAbsolute?.x??0)+m,_=(o.positionAbsolute?.y??0)+h,v=p?.position,y=v?Nl[v]:null;if(!v||!y)return null;if(i)return B.createElement(i,{connectionLineType:r,connectionLineStyle:n,fromNode:o,fromHandle:p,fromX:g,fromY:_,toX:c,toY:l,fromPosition:v,toPosition:y,connectionStatus:a});let b=``,x={sourceX:g,sourceY:_,sourcePosition:v,targetX:c,targetY:l,targetPosition:y};return r===Oo.Bezier?[b]=Go(x):r===Oo.Step?[b]=Ro({...x,borderRadius:0}):r===Oo.SmoothStep?[b]=Ro(x):r===Oo.SimpleBezier?[b]=jo(x):b=`M${g},${_} ${c},${l}`,B.createElement(`path`,{d:b,fill:`none`,className:`react-flow__connection-path`,style:n})};Pl.displayName=`ConnectionLine`;var Fl=e=>({nodeId:e.connectionNodeId,handleType:e.connectionHandleType,nodesConnectable:e.nodesConnectable,connectionStatus:e.connectionStatus,width:e.width,height:e.height});function Il({containerStyle:e,style:t,type:n,component:r}){let{nodeId:i,handleType:a,nodesConnectable:o,width:s,height:c,connectionStatus:l}=q(Fl,K);return i&&a&&s&&o?B.createElement(`svg`,{style:e,width:s,height:c,className:`react-flow__edges react-flow__connectionline react-flow__container`},B.createElement(`g`,{className:V([`react-flow__connection`,l])},B.createElement(Pl,{nodeId:i,handleType:a,style:t,type:n,CustomComponent:r,connectionStatus:l}))):null}function Ll(e,t){return(0,B.useRef)(null),J(),(0,B.useMemo)(()=>t(e),[e])}var Rl=({nodeTypes:e,edgeTypes:t,onMove:n,onMoveStart:r,onMoveEnd:i,onInit:a,onNodeClick:o,onEdgeClick:s,onNodeDoubleClick:c,onEdgeDoubleClick:l,onNodeMouseEnter:u,onNodeMouseMove:d,onNodeMouseLeave:f,onNodeContextMenu:p,onSelectionContextMenu:m,onSelectionStart:h,onSelectionEnd:g,connectionLineType:_,connectionLineStyle:v,connectionLineComponent:y,connectionLineContainerStyle:b,selectionKeyCode:x,selectionOnDrag:S,selectionMode:C,multiSelectionKeyCode:w,panActivationKeyCode:T,zoomActivationKeyCode:E,deleteKeyCode:D,onlyRenderVisibleElements:O,elementsSelectable:k,selectNodesOnDrag:A,defaultViewport:j,translateExtent:M,minZoom:N,maxZoom:P,preventScrolling:F,defaultMarkerColor:I,zoomOnScroll:L,zoomOnPinch:R,panOnScroll:ee,panOnScrollSpeed:te,panOnScrollMode:ne,zoomOnDoubleClick:re,panOnDrag:z,onPaneClick:ie,onPaneMouseEnter:ae,onPaneMouseMove:oe,onPaneMouseLeave:se,onPaneScroll:ce,onPaneContextMenu:le,onEdgeContextMenu:V,onEdgeMouseEnter:H,onEdgeMouseMove:ue,onEdgeMouseLeave:de,onReconnect:U,onReconnectStart:W,onReconnectEnd:fe,reconnectRadius:pe,noDragClassName:G,noWheelClassName:me,noPanClassName:K,elevateEdgesOnSelect:he,disableKeyboardA11y:ge,nodeOrigin:_e,nodeExtent:ve,rfId:ye})=>{let be=Ll(e,$c),xe=Ll(t,ul);return Ml(a),B.createElement(Zc,{onPaneClick:ie,onPaneMouseEnter:ae,onPaneMouseMove:oe,onPaneMouseLeave:se,onPaneContextMenu:le,onPaneScroll:ce,deleteKeyCode:D,selectionKeyCode:x,selectionOnDrag:S,selectionMode:C,onSelectionStart:h,onSelectionEnd:g,multiSelectionKeyCode:w,panActivationKeyCode:T,zoomActivationKeyCode:E,elementsSelectable:k,onMove:n,onMoveStart:r,onMoveEnd:i,zoomOnScroll:L,zoomOnPinch:R,zoomOnDoubleClick:re,panOnScroll:ee,panOnScrollSpeed:te,panOnScrollMode:ne,panOnDrag:z,defaultViewport:j,translateExtent:M,minZoom:N,maxZoom:P,onSelectionContextMenu:m,preventScrolling:F,noDragClassName:G,noWheelClassName:me,noPanClassName:K,disableKeyboardA11y:ge},B.createElement(jl,null,B.createElement(kl,{edgeTypes:xe,onEdgeClick:s,onEdgeDoubleClick:l,onlyRenderVisibleElements:O,onEdgeContextMenu:V,onEdgeMouseEnter:H,onEdgeMouseMove:ue,onEdgeMouseLeave:de,onReconnect:U,onReconnectStart:W,onReconnectEnd:fe,reconnectRadius:pe,defaultMarkerColor:I,noPanClassName:K,elevateEdgesOnSelect:!!he,disableKeyboardA11y:ge,rfId:ye},B.createElement(Il,{style:v,type:_,component:y,containerStyle:b})),B.createElement(`div`,{className:`react-flow__edgelabel-renderer`}),B.createElement(rl,{nodeTypes:be,onNodeClick:o,onNodeDoubleClick:c,onNodeMouseEnter:u,onNodeMouseMove:d,onNodeMouseLeave:f,onNodeContextMenu:p,selectNodesOnDrag:A,onlyRenderVisibleElements:O,noPanClassName:K,noDragClassName:G,disableKeyboardA11y:ge,nodeOrigin:_e,nodeExtent:ve,rfId:ye})))};Rl.displayName=`GraphView`;var zl=(0,B.memo)(Rl),Bl=[[-1/0,-1/0],[1/0,1/0]],Vl={rfId:`1`,width:0,height:0,transform:[0,0,1],nodeInternals:new Map,edges:[],onNodesChange:null,onEdgesChange:null,hasDefaultNodes:!1,hasDefaultEdges:!1,d3Zoom:null,d3Selection:null,d3ZoomHandler:void 0,minZoom:.5,maxZoom:2,translateExtent:Bl,nodeExtent:Bl,nodesSelectionActive:!1,userSelectionActive:!1,userSelectionRect:null,connectionNodeId:null,connectionHandleId:null,connectionHandleType:`source`,connectionPosition:{x:0,y:0},connectionStatus:null,connectionMode:To.Strict,domNode:null,paneDragging:!1,noPanClassName:`nopan`,nodeOrigin:[0,0],nodeDragThreshold:0,snapGrid:[15,15],snapToGrid:!1,nodesDraggable:!0,nodesConnectable:!0,nodesFocusable:!0,edgesFocusable:!0,edgesUpdatable:!0,elementsSelectable:!0,elevateNodesOnSelect:!0,fitViewOnInit:!1,fitViewOnInitDone:!1,fitViewOnInitOptions:void 0,onSelectionChange:[],multiSelectionActive:!1,connectionStartHandle:null,connectionEndHandle:null,connectionClickStartHandle:null,connectOnClick:!0,ariaLiveMessage:``,autoPanOnConnect:!0,autoPanOnNodeDrag:!0,connectionRadius:20,onError:ho,isValidConnection:void 0},Hl=()=>me((e,t)=>({...Vl,setNodes:n=>{let{nodeInternals:r,nodeOrigin:i,elevateNodesOnSelect:a}=t();e({nodeInternals:$s(n,r,i,a)})},getNodes:()=>Array.from(t().nodeInternals.values()),setEdges:n=>{let{defaultEdgeOptions:r={}}=t();e({edges:n.map(e=>({...r,...e}))})},setDefaultNodesAndEdges:(n,r)=>{let i=n!==void 0,a=r!==void 0;e({nodeInternals:i?$s(n,new Map,t().nodeOrigin,t().elevateNodesOnSelect):new Map,edges:a?r:[],hasDefaultNodes:i,hasDefaultEdges:a})},updateNodeDimensions:n=>{let{onNodesChange:r,nodeInternals:i,fitViewOnInit:a,fitViewOnInitDone:o,fitViewOnInitOptions:s,domNode:c,nodeOrigin:l}=t(),u=c?.querySelector(`.react-flow__viewport`);if(!u)return;let d=window.getComputedStyle(u),{m22:f}=new window.DOMMatrixReadOnly(d.transform),p=n.reduce((e,t)=>{let n=i.get(t.id);if(n?.hidden)i.set(n.id,{...n,[Y]:{...n[Y],handleBounds:void 0}});else if(n){let r=eo(t.nodeElement);r.width&&r.height&&(n.width!==r.width||n.height!==r.height||t.forceUpdate)&&(i.set(n.id,{...n,[Y]:{...n[Y],handleBounds:{source:Lc(`.source`,t.nodeElement,f,l),target:Lc(`.target`,t.nodeElement,f,l)}},...r}),e.push({id:n.id,type:`dimensions`,dimensions:r}))}return e},[]);Qs(i,l);let m=o||a&&!o&&ec(t,{initial:!0,...s});e({nodeInternals:new Map(i),fitViewOnInitDone:m}),p?.length>0&&r?.(p)},updateNodePositions:(e,n=!0,r=!1)=>{let{triggerNodeChanges:i}=t();i(e.map(e=>{let t={id:e.id,type:`position`,dragging:r};return n&&(t.positionAbsolute=e.positionAbsolute,t.position=e.position),t}))},triggerNodeChanges:n=>{let{onNodesChange:r,nodeInternals:i,hasDefaultNodes:a,nodeOrigin:o,getNodes:s,elevateNodesOnSelect:c}=t();n?.length&&(a&&e({nodeInternals:$s(wc(n,s()),i,o,c)}),r?.(n))},addSelectedNodes:n=>{let{multiSelectionActive:r,edges:i,getNodes:a}=t(),o,s=null;r?o=n.map(e=>Ec(e,!0)):(o=Dc(a(),n),s=Dc(i,[])),rc({changedNodes:o,changedEdges:s,get:t,set:e})},addSelectedEdges:n=>{let{multiSelectionActive:r,edges:i,getNodes:a}=t(),o,s=null;r?o=n.map(e=>Ec(e,!0)):(o=Dc(i,n),s=Dc(a(),[])),rc({changedNodes:s,changedEdges:o,get:t,set:e})},unselectNodesAndEdges:({nodes:n,edges:r}={})=>{let{edges:i,getNodes:a}=t(),o=n||a(),s=r||i;rc({changedNodes:o.map(e=>(e.selected=!1,Ec(e.id,!1))),changedEdges:s.map(e=>Ec(e.id,!1)),get:t,set:e})},setMinZoom:n=>{let{d3Zoom:r,maxZoom:i}=t();r?.scaleExtent([n,i]),e({minZoom:n})},setMaxZoom:n=>{let{d3Zoom:r,minZoom:i}=t();r?.scaleExtent([i,n]),e({maxZoom:n})},setTranslateExtent:n=>{t().d3Zoom?.translateExtent(n),e({translateExtent:n})},resetSelectedElements:()=>{let{edges:n,getNodes:r}=t();rc({changedNodes:r().filter(e=>e.selected).map(e=>Ec(e.id,!1)),changedEdges:n.filter(e=>e.selected).map(e=>Ec(e.id,!1)),get:t,set:e})},setNodeExtent:n=>{let{nodeInternals:r}=t();r.forEach(e=>{e.positionAbsolute=no(e.position,n)}),e({nodeExtent:n,nodeInternals:new Map(r)})},panBy:e=>{let{transform:n,width:r,height:i,d3Zoom:a,d3Selection:o,translateExtent:s}=t();if(!a||!o||!e.x&&!e.y)return!1;let c=Fa.translate(n[0]+e.x,n[1]+e.y).scale(n[2]),l=[[0,0],[r,i]],u=a?.constrain()(c,l,s);return a.transform(o,u),n[0]!==u.x||n[1]!==u.y||n[2]!==u.k},cancelConnection:()=>e({connectionNodeId:Vl.connectionNodeId,connectionHandleId:Vl.connectionHandleId,connectionHandleType:Vl.connectionHandleType,connectionStatus:Vl.connectionStatus,connectionStartHandle:Vl.connectionStartHandle,connectionEndHandle:Vl.connectionEndHandle}),reset:()=>e({...Vl})}),Object.is),Ul=({children:e})=>{let t=(0,B.useRef)(null);return t.current||=Hl(),B.createElement(qa,{value:t.current},e)};Ul.displayName=`ReactFlowProvider`;var Wl=({children:e})=>(0,B.useContext)(Ka)?B.createElement(B.Fragment,null,e):B.createElement(Ul,null,e);Wl.displayName=`ReactFlowWrapper`;var Gl={input:Ds,default:Ts,output:ks,group:As},Kl={default:Ko,straight:Ho,step:Bo,smoothstep:zo,simplebezier:Mo},ql=[0,0],Jl=[15,15],Yl={x:0,y:0,zoom:1},Xl={width:`100%`,height:`100%`,overflow:`hidden`,position:`relative`,zIndex:0},Zl=(0,B.forwardRef)(({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,className:i,nodeTypes:a=Gl,edgeTypes:o=Kl,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,onSelectionChange:O,onSelectionDragStart:k,onSelectionDrag:A,onSelectionDragStop:j,onSelectionContextMenu:M,onSelectionStart:N,onSelectionEnd:P,connectionMode:F=To.Strict,connectionLineType:I=Oo.Bezier,connectionLineStyle:L,connectionLineComponent:R,connectionLineContainerStyle:ee,deleteKeyCode:te=`Backspace`,selectionKeyCode:ne=`Shift`,selectionOnDrag:re=!1,selectionMode:z=Do.Full,panActivationKeyCode:ie=`Space`,multiSelectionKeyCode:ae=bo()?`Meta`:`Control`,zoomActivationKeyCode:oe=bo()?`Meta`:`Control`,snapToGrid:se=!1,snapGrid:ce=Jl,onlyRenderVisibleElements:le=!1,selectNodesOnDrag:H=!0,nodesDraggable:ue,nodesConnectable:de,nodesFocusable:U,nodeOrigin:W=ql,edgesFocusable:fe,edgesUpdatable:pe,elementsSelectable:G,defaultViewport:me=Yl,minZoom:K=.5,maxZoom:he=2,translateExtent:ge=Bl,preventScrolling:_e=!0,nodeExtent:ve,defaultMarkerColor:ye=`#b1b1b7`,zoomOnScroll:be=!0,zoomOnPinch:xe=!0,panOnScroll:Se=!1,panOnScrollSpeed:Ce=.5,panOnScrollMode:we=Eo.Free,zoomOnDoubleClick:Te=!0,panOnDrag:Ee=!0,onPaneClick:De,onPaneMouseEnter:Oe,onPaneMouseMove:ke,onPaneMouseLeave:Ae,onPaneScroll:je,onPaneContextMenu:Me,children:Ne,onEdgeContextMenu:Pe,onEdgeDoubleClick:Fe,onEdgeMouseEnter:Ie,onEdgeMouseMove:Le,onEdgeMouseLeave:Re,onEdgeUpdate:ze,onEdgeUpdateStart:Be,onEdgeUpdateEnd:Ve,onReconnect:He,onReconnectStart:Ue,onReconnectEnd:We,reconnectRadius:Ge=10,edgeUpdaterRadius:Ke=10,onNodesChange:qe,onEdgesChange:Je,noDragClassName:Ye=`nodrag`,noWheelClassName:Xe=`nowheel`,noPanClassName:Ze=`nopan`,fitView:Qe=!1,fitViewOptions:$e,connectOnClick:et=!0,attributionPosition:tt,proOptions:nt,defaultEdgeOptions:rt,elevateNodesOnSelect:it=!0,elevateEdgesOnSelect:at=!1,disableKeyboardA11y:ot=!1,autoPanOnConnect:st=!0,autoPanOnNodeDrag:ct=!0,connectionRadius:lt=20,isValidConnection:ut,onError:dt,style:ft,id:pt,nodeDragThreshold:mt,...ht},gt)=>{let _t=pt||`1`;return B.createElement(`div`,{...ht,style:{...ft,...Xl},ref:gt,className:V([`react-flow`,i]),"data-testid":`rf__wrapper`,id:pt},B.createElement(Wl,null,B.createElement(zl,{onInit:l,onMove:u,onMoveStart:d,onMoveEnd:f,onNodeClick:s,onEdgeClick:c,onNodeMouseEnter:v,onNodeMouseMove:y,onNodeMouseLeave:b,onNodeContextMenu:x,onNodeDoubleClick:S,nodeTypes:a,edgeTypes:o,connectionLineType:I,connectionLineStyle:L,connectionLineComponent:R,connectionLineContainerStyle:ee,selectionKeyCode:ne,selectionOnDrag:re,selectionMode:z,deleteKeyCode:te,multiSelectionKeyCode:ae,panActivationKeyCode:ie,zoomActivationKeyCode:oe,onlyRenderVisibleElements:le,selectNodesOnDrag:H,defaultViewport:me,translateExtent:ge,minZoom:K,maxZoom:he,preventScrolling:_e,zoomOnScroll:be,zoomOnPinch:xe,zoomOnDoubleClick:Te,panOnScroll:Se,panOnScrollSpeed:Ce,panOnScrollMode:we,panOnDrag:Ee,onPaneClick:De,onPaneMouseEnter:Oe,onPaneMouseMove:ke,onPaneMouseLeave:Ae,onPaneScroll:je,onPaneContextMenu:Me,onSelectionContextMenu:M,onSelectionStart:N,onSelectionEnd:P,onEdgeContextMenu:Pe,onEdgeDoubleClick:Fe,onEdgeMouseEnter:Ie,onEdgeMouseMove:Le,onEdgeMouseLeave:Re,onReconnect:He??ze,onReconnectStart:Ue??Be,onReconnectEnd:We??Ve,reconnectRadius:Ge??Ke,defaultMarkerColor:ye,noDragClassName:Ye,noWheelClassName:Xe,noPanClassName:Ze,elevateEdgesOnSelect:at,rfId:_t,disableKeyboardA11y:ot,nodeOrigin:W,nodeExtent:ve}),B.createElement(zs,{nodes:e,edges:t,defaultNodes:n,defaultEdges:r,onConnect:p,onConnectStart:m,onConnectEnd:h,onClickConnectStart:g,onClickConnectEnd:_,nodesDraggable:ue,nodesConnectable:de,nodesFocusable:U,edgesFocusable:fe,edgesUpdatable:pe,elementsSelectable:G,elevateNodesOnSelect:it,minZoom:K,maxZoom:he,nodeExtent:ve,onNodesChange:qe,onEdgesChange:Je,snapToGrid:se,snapGrid:ce,connectionMode:F,translateExtent:ge,connectOnClick:et,defaultEdgeOptions:rt,fitView:Qe,fitViewOptions:$e,onNodesDelete:E,onEdgesDelete:D,onNodeDragStart:C,onNodeDrag:w,onNodeDragStop:T,onSelectionDrag:A,onSelectionDragStart:k,onSelectionDragStop:j,noPanClassName:Ze,nodeOrigin:W,rfId:_t,autoPanOnConnect:st,autoPanOnNodeDrag:ct,onError:dt,connectionRadius:lt,isValidConnection:ut,nodeDragThreshold:mt}),B.createElement(Is,{onSelectionChange:O}),Ne,B.createElement(Qa,{proOptions:nt,position:tt}),B.createElement(qs,{rfId:_t,disableKeyboardA11y:ot})))});Zl.displayName=`ReactFlow`;function Ql(e){return t=>{let[n,r]=(0,B.useState)(t);return[n,r,(0,B.useCallback)(t=>r(n=>e(t,n)),[])]}}var $l=Ql(wc),eu=Ql(Tc);function tu(e,t){if(Object.is(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(let[n,r]of e)if(!Object.is(r,t.get(n)))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}let n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||!Object.is(e[r],t[r]))return!1;return!0}function nu(){return B.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 32`},B.createElement(`path`,{d:`M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z`}))}function ru(){return B.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 5`},B.createElement(`path`,{d:`M0 0h32v4.2H0z`}))}function iu(){return B.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 30`},B.createElement(`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 au(){return B.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 25 32`},B.createElement(`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 ou(){return B.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 25 32`},B.createElement(`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`}))}var su=({children:e,className:t,...n})=>B.createElement(`button`,{type:`button`,className:V([`react-flow__controls-button`,t]),...n},e);su.displayName=`ControlButton`;var cu=e=>({isInteractive:e.nodesDraggable||e.nodesConnectable||e.elementsSelectable,minZoomReached:e.transform[2]<=e.minZoom,maxZoomReached:e.transform[2]>=e.maxZoom}),lu=({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`})=>{let f=J(),[p,m]=(0,B.useState)(!1),{isInteractive:h,minZoomReached:g,maxZoomReached:_}=q(cu,tu),{zoomIn:v,zoomOut:y,fitView:b}=cc();return(0,B.useEffect)(()=>{m(!0)},[]),p?B.createElement(Za,{className:V([`react-flow__controls`,l]),position:d,style:e,"data-testid":`rf__controls`},t&&B.createElement(B.Fragment,null,B.createElement(su,{onClick:()=>{v(),a?.()},className:`react-flow__controls-zoomin`,title:`zoom in`,"aria-label":`zoom in`,disabled:_},B.createElement(nu,null)),B.createElement(su,{onClick:()=>{y(),o?.()},className:`react-flow__controls-zoomout`,title:`zoom out`,"aria-label":`zoom out`,disabled:g},B.createElement(ru,null))),n&&B.createElement(su,{className:`react-flow__controls-fitview`,onClick:()=>{b(i),s?.()},title:`fit view`,"aria-label":`fit view`},B.createElement(iu,null)),r&&B.createElement(su,{className:`react-flow__controls-interactive`,onClick:()=>{f.setState({nodesDraggable:!h,nodesConnectable:!h,elementsSelectable:!h}),c?.(!h)},title:`toggle interactivity`,"aria-label":`toggle interactivity`},h?B.createElement(ou,null):B.createElement(au,null)),u):null};lu.displayName=`Controls`;var uu=(0,B.memo)(lu);function du(e,t){if(Object.is(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(let[n,r]of e)if(!Object.is(r,t.get(n)))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}let n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||!Object.is(e[r],t[r]))return!1;return!0}var fu;(function(e){e.Lines=`lines`,e.Dots=`dots`,e.Cross=`cross`})(fu||={});function pu({color:e,dimensions:t,lineWidth:n}){return B.createElement(`path`,{stroke:e,strokeWidth:n,d:`M${t[0]/2} 0 V${t[1]} M0 ${t[1]/2} H${t[0]}`})}function mu({color:e,radius:t}){return B.createElement(`circle`,{cx:t,cy:t,r:t,fill:e})}var hu={[fu.Dots]:`#91919a`,[fu.Lines]:`#eee`,[fu.Cross]:`#e2e2e2`},gu={[fu.Dots]:1,[fu.Lines]:1,[fu.Cross]:6},_u=e=>({transform:e.transform,patternId:`pattern-${e.rfId}`});function vu({id:e,variant:t=fu.Dots,gap:n=20,size:r,lineWidth:i=1,offset:a=2,color:o,style:s,className:c}){let l=(0,B.useRef)(null),{transform:u,patternId:d}=q(_u,du),f=o||hu[t],p=r||gu[t],m=t===fu.Dots,h=t===fu.Cross,g=Array.isArray(n)?n:[n,n],_=[g[0]*u[2]||1,g[1]*u[2]||1],v=p*u[2],y=h?[v,v]:_,b=m?[v/a,v/a]:[y[0]/a,y[1]/a];return B.createElement(`svg`,{className:V([`react-flow__background`,c]),style:{...s,position:`absolute`,width:`100%`,height:`100%`,top:0,left:0},ref:l,"data-testid":`rf__background`},B.createElement(`pattern`,{id:d+e,x:u[0]%_[0],y:u[1]%_[1],width:_[0],height:_[1],patternUnits:`userSpaceOnUse`,patternTransform:`translate(-${b[0]},-${b[1]})`},m?B.createElement(mu,{color:f,radius:v/a}):B.createElement(pu,{dimensions:y,color:f,lineWidth:i})),B.createElement(`rect`,{x:`0`,y:`0`,width:`100%`,height:`100%`,fill:`url(#${d+e})`}))}vu.displayName=`Background`;var yu=(0,B.memo)(vu),bu={data:``},xu=e=>{if(typeof window==`object`){let t=(e?e.querySelector(`#_goober`):window._goober)||Object.assign(document.createElement(`style`),{innerHTML:` `,id:`_goober`});return t.nonce=window.__nonce__,t.parentNode||(e||document.head).appendChild(t),t.firstChild}return e||bu},Su=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,Cu=/\/\*[^]*?\*\/| +/g,wu=/\n+/g,Tu=(e,t)=>{let n=``,r=``,i=``;for(let a in e){let o=e[a];a[0]==`@`?a[1]==`i`?n=a+` `+o+`;`:r+=a[1]==`f`?Tu(o,a):a+`{`+Tu(o,a[1]==`k`?``:t)+`}`:typeof o==`object`?r+=Tu(o,t?t.replace(/([^,])+/g,e=>a.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+` `+t:t)):a):o!=null&&(a=a[1]==`-`?a:a.replace(/[A-Z]/g,`-$&`).toLowerCase(),i+=Tu.p?Tu.p(a,o):a+`:`+o+`;`)}return n+(t&&i?t+`{`+i+`}`:i)+r},Eu={},Du=e=>{if(typeof e==`object`){let t=``;for(let n in e)t+=n+Du(e[n]);return t}return e},Ou=(e,t,n,r,i)=>{let a=Du(e),o=Eu[a]||(Eu[a]=(e=>{let t=0,n=11;for(;t<e.length;)n=101*n+e.charCodeAt(t++)>>>0;return`go`+n})(a));if(!Eu[o]){let t=a===e?(e=>{let t,n,r=[{}];for(;t=Su.exec(e.replace(Cu,``));)t[4]?r.shift():t[3]?(n=t[3].replace(wu,` `).trim(),r.unshift(r[0][n]=r[0][n]||{})):r[0][t[1]]=t[2].replace(wu,` `).trim();return r[0]})(e):e;Eu[o]=Tu(i?{[`@keyframes `+o]:t}:t,n?``:`.`+o)}let s=n&&Eu.g;return n&&(Eu.g=Eu[o]),((e,t,n,r)=>{r?t.data=t.data.replace(r,e):t.data.indexOf(e)===-1&&(t.data=n?e+t.data:t.data+e)})(Eu[o],t,r,s),o},ku=(e,t,n)=>e.reduce((e,r,i)=>{let a=t[i];if(a&&a.call){let e=a(n),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;a=t?`.`+t:e&&typeof e==`object`?e.props?``:Tu(e,``):!1===e?``:e}return e+r+(a??``)},``);function Au(e){let t=this||{},n=e.call?e(t.p):e;return Ou(n.unshift?n.raw?ku(n,[].slice.call(arguments,1),t.p):n.reduce((e,n)=>Object.assign(e,n&&n.call?n(t.p):n),{}):n,xu(t.target),t.g,t.o,t.k)}var ju,Mu,Nu;Au.bind({g:1});var Pu=Au.bind({k:1});function Fu(e,t,n,r){Tu.p=t,ju=e,Mu=n,Nu=r}function Iu(e,t){let n=this||{};return function(){let r=arguments;function i(a,o){let s=Object.assign({},a),c=s.className||i.className;n.p=Object.assign({theme:Mu&&Mu()},s),n.o=/go\d/.test(c),s.className=Au.apply(n,r)+(c?` `+c:``),t&&(s.ref=o);let l=e;return e[0]&&(l=s.as||e,delete s.as),Nu&&l[0]&&Nu(s),ju(l,s)}return t?t(i):i}}var Lu=e=>typeof e==`function`,Ru=(e,t)=>Lu(e)?e(t):e,zu=(()=>{let e=0;return()=>(++e).toString()})(),Bu=(()=>{let e;return()=>{if(e===void 0&&typeof window<`u`){let t=matchMedia(`(prefers-reduced-motion: reduce)`);e=!t||t.matches}return e}})(),Vu=20,Hu=`default`,Uu=(e,t)=>{let{toastLimit:n}=e.settings;switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,n)};case 1:return{...e,toasts:e.toasts.map(e=>e.id===t.toast.id?{...e,...t.toast}:e)};case 2:let{toast:r}=t;return Uu(e,{type:+!!e.toasts.find(e=>e.id===r.id),toast:r});case 3:let{toastId:i}=t;return{...e,toasts:e.toasts.map(e=>e.id===i||i===void 0?{...e,dismissed:!0,visible:!1}:e)};case 4:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(e=>e.id!==t.toastId)};case 5:return{...e,pausedAt:t.time};case 6:let a=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map(e=>({...e,pauseDuration:e.pauseDuration+a}))}}},Wu=[],Gu={toasts:[],pausedAt:void 0,settings:{toastLimit:Vu}},Ku={},qu=(e,t=Hu)=>{Ku[t]=Uu(Ku[t]||Gu,e),Wu.forEach(([e,n])=>{e===t&&n(Ku[t])})},Ju=e=>Object.keys(Ku).forEach(t=>qu(e,t)),Yu=e=>Object.keys(Ku).find(t=>Ku[t].toasts.some(t=>t.id===e)),Xu=(e=Hu)=>t=>{qu(t,e)},Zu={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},Qu=(e={},t=Hu)=>{let[n,r]=(0,B.useState)(Ku[t]||Gu),i=(0,B.useRef)(Ku[t]);(0,B.useEffect)(()=>(i.current!==Ku[t]&&r(Ku[t]),Wu.push([t,r]),()=>{let e=Wu.findIndex(([e])=>e===t);e>-1&&Wu.splice(e,1)}),[t]);let a=n.toasts.map(t=>({...e,...e[t.type],...t,removeDelay:t.removeDelay||e[t.type]?.removeDelay||e?.removeDelay,duration:t.duration||e[t.type]?.duration||e?.duration||Zu[t.type],style:{...e.style,...e[t.type]?.style,...t.style}}));return{...n,toasts:a}},$u=(e,t=`blank`,n)=>({createdAt:Date.now(),visible:!0,dismissed:!1,type:t,ariaProps:{role:`status`,"aria-live":`polite`},message:e,pauseDuration:0,...n,id:n?.id||zu()}),ed=e=>(t,n)=>{let r=$u(t,e,n);return Xu(r.toasterId||Yu(r.id))({type:2,toast:r}),r.id},Q=(e,t)=>ed(`blank`)(e,t);Q.error=ed(`error`),Q.success=ed(`success`),Q.loading=ed(`loading`),Q.custom=ed(`custom`),Q.dismiss=(e,t)=>{let n={type:3,toastId:e};t?Xu(t)(n):Ju(n)},Q.dismissAll=e=>Q.dismiss(void 0,e),Q.remove=(e,t)=>{let n={type:4,toastId:e};t?Xu(t)(n):Ju(n)},Q.removeAll=e=>Q.remove(void 0,e),Q.promise=(e,t,n)=>{let r=Q.loading(t.loading,{...n,...n?.loading});return typeof e==`function`&&(e=e()),e.then(e=>{let i=t.success?Ru(t.success,e):void 0;return i?Q.success(i,{id:r,...n,...n?.success}):Q.dismiss(r),e}).catch(e=>{let i=t.error?Ru(t.error,e):void 0;i?Q.error(i,{id:r,...n,...n?.error}):Q.dismiss(r)}),e};var td=1e3,nd=(e,t=`default`)=>{let{toasts:n,pausedAt:r}=Qu(e,t),i=(0,B.useRef)(new Map).current,a=(0,B.useCallback)((e,t=td)=>{if(i.has(e))return;let n=setTimeout(()=>{i.delete(e),o({type:4,toastId:e})},t);i.set(e,n)},[]);(0,B.useEffect)(()=>{if(r)return;let e=Date.now(),i=n.map(n=>{if(n.duration===1/0)return;let r=(n.duration||0)+n.pauseDuration-(e-n.createdAt);if(r<0){n.visible&&Q.dismiss(n.id);return}return setTimeout(()=>Q.dismiss(n.id,t),r)});return()=>{i.forEach(e=>e&&clearTimeout(e))}},[n,r,t]);let o=(0,B.useCallback)(Xu(t),[t]),s=(0,B.useCallback)(()=>{o({type:5,time:Date.now()})},[o]),c=(0,B.useCallback)((e,t)=>{o({type:1,toast:{id:e,height:t}})},[o]),l=(0,B.useCallback)(()=>{r&&o({type:6,time:Date.now()})},[r,o]),u=(0,B.useCallback)((e,t)=>{let{reverseOrder:r=!1,gutter:i=8,defaultPosition:a}=t||{},o=n.filter(t=>(t.position||a)===(e.position||a)&&t.height),s=o.findIndex(t=>t.id===e.id),c=o.filter((e,t)=>t<s&&e.visible).length;return o.filter(e=>e.visible).slice(...r?[c+1]:[0,c]).reduce((e,t)=>e+(t.height||0)+i,0)},[n]);return(0,B.useEffect)(()=>{n.forEach(e=>{if(e.dismissed)a(e.id,e.removeDelay);else{let t=i.get(e.id);t&&(clearTimeout(t),i.delete(e.id))}})},[n,a]),{toasts:n,handlers:{updateHeight:c,startPause:s,endPause:l,calculateOffset:u}}},rd=Pu`
|
|
2
|
+
from {
|
|
3
|
+
transform: scale(0) rotate(45deg);
|
|
4
|
+
opacity: 0;
|
|
5
|
+
}
|
|
6
|
+
to {
|
|
7
|
+
transform: scale(1) rotate(45deg);
|
|
8
|
+
opacity: 1;
|
|
9
|
+
}`,id=Pu`
|
|
10
|
+
from {
|
|
11
|
+
transform: scale(0);
|
|
12
|
+
opacity: 0;
|
|
13
|
+
}
|
|
14
|
+
to {
|
|
15
|
+
transform: scale(1);
|
|
16
|
+
opacity: 1;
|
|
17
|
+
}`,ad=Pu`
|
|
18
|
+
from {
|
|
19
|
+
transform: scale(0) rotate(90deg);
|
|
20
|
+
opacity: 0;
|
|
21
|
+
}
|
|
22
|
+
to {
|
|
23
|
+
transform: scale(1) rotate(90deg);
|
|
24
|
+
opacity: 1;
|
|
25
|
+
}`,od=Iu(`div`)`
|
|
26
|
+
width: 20px;
|
|
27
|
+
opacity: 0;
|
|
28
|
+
height: 20px;
|
|
29
|
+
border-radius: 10px;
|
|
30
|
+
background: ${e=>e.primary||`#ff4b4b`};
|
|
31
|
+
position: relative;
|
|
32
|
+
transform: rotate(45deg);
|
|
33
|
+
|
|
34
|
+
animation: ${rd} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
|
|
35
|
+
forwards;
|
|
36
|
+
animation-delay: 100ms;
|
|
37
|
+
|
|
38
|
+
&:after,
|
|
39
|
+
&:before {
|
|
40
|
+
content: '';
|
|
41
|
+
animation: ${id} 0.15s ease-out forwards;
|
|
42
|
+
animation-delay: 150ms;
|
|
43
|
+
position: absolute;
|
|
44
|
+
border-radius: 3px;
|
|
45
|
+
opacity: 0;
|
|
46
|
+
background: ${e=>e.secondary||`#fff`};
|
|
47
|
+
bottom: 9px;
|
|
48
|
+
left: 4px;
|
|
49
|
+
height: 2px;
|
|
50
|
+
width: 12px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&:before {
|
|
54
|
+
animation: ${ad} 0.15s ease-out forwards;
|
|
55
|
+
animation-delay: 180ms;
|
|
56
|
+
transform: rotate(90deg);
|
|
57
|
+
}
|
|
58
|
+
`,sd=Pu`
|
|
59
|
+
from {
|
|
60
|
+
transform: rotate(0deg);
|
|
61
|
+
}
|
|
62
|
+
to {
|
|
63
|
+
transform: rotate(360deg);
|
|
64
|
+
}
|
|
65
|
+
`,cd=Iu(`div`)`
|
|
66
|
+
width: 12px;
|
|
67
|
+
height: 12px;
|
|
68
|
+
box-sizing: border-box;
|
|
69
|
+
border: 2px solid;
|
|
70
|
+
border-radius: 100%;
|
|
71
|
+
border-color: ${e=>e.secondary||`#e0e0e0`};
|
|
72
|
+
border-right-color: ${e=>e.primary||`#616161`};
|
|
73
|
+
animation: ${sd} 1s linear infinite;
|
|
74
|
+
`,ld=Pu`
|
|
75
|
+
from {
|
|
76
|
+
transform: scale(0) rotate(45deg);
|
|
77
|
+
opacity: 0;
|
|
78
|
+
}
|
|
79
|
+
to {
|
|
80
|
+
transform: scale(1) rotate(45deg);
|
|
81
|
+
opacity: 1;
|
|
82
|
+
}`,ud=Pu`
|
|
83
|
+
0% {
|
|
84
|
+
height: 0;
|
|
85
|
+
width: 0;
|
|
86
|
+
opacity: 0;
|
|
87
|
+
}
|
|
88
|
+
40% {
|
|
89
|
+
height: 0;
|
|
90
|
+
width: 6px;
|
|
91
|
+
opacity: 1;
|
|
92
|
+
}
|
|
93
|
+
100% {
|
|
94
|
+
opacity: 1;
|
|
95
|
+
height: 10px;
|
|
96
|
+
}`,dd=Iu(`div`)`
|
|
97
|
+
width: 20px;
|
|
98
|
+
opacity: 0;
|
|
99
|
+
height: 20px;
|
|
100
|
+
border-radius: 10px;
|
|
101
|
+
background: ${e=>e.primary||`#61d345`};
|
|
102
|
+
position: relative;
|
|
103
|
+
transform: rotate(45deg);
|
|
104
|
+
|
|
105
|
+
animation: ${ld} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
|
|
106
|
+
forwards;
|
|
107
|
+
animation-delay: 100ms;
|
|
108
|
+
&:after {
|
|
109
|
+
content: '';
|
|
110
|
+
box-sizing: border-box;
|
|
111
|
+
animation: ${ud} 0.2s ease-out forwards;
|
|
112
|
+
opacity: 0;
|
|
113
|
+
animation-delay: 200ms;
|
|
114
|
+
position: absolute;
|
|
115
|
+
border-right: 2px solid;
|
|
116
|
+
border-bottom: 2px solid;
|
|
117
|
+
border-color: ${e=>e.secondary||`#fff`};
|
|
118
|
+
bottom: 6px;
|
|
119
|
+
left: 6px;
|
|
120
|
+
height: 10px;
|
|
121
|
+
width: 6px;
|
|
122
|
+
}
|
|
123
|
+
`,fd=Iu(`div`)`
|
|
124
|
+
position: absolute;
|
|
125
|
+
`,pd=Iu(`div`)`
|
|
126
|
+
position: relative;
|
|
127
|
+
display: flex;
|
|
128
|
+
justify-content: center;
|
|
129
|
+
align-items: center;
|
|
130
|
+
min-width: 20px;
|
|
131
|
+
min-height: 20px;
|
|
132
|
+
`,md=Pu`
|
|
133
|
+
from {
|
|
134
|
+
transform: scale(0.6);
|
|
135
|
+
opacity: 0.4;
|
|
136
|
+
}
|
|
137
|
+
to {
|
|
138
|
+
transform: scale(1);
|
|
139
|
+
opacity: 1;
|
|
140
|
+
}`,hd=Iu(`div`)`
|
|
141
|
+
position: relative;
|
|
142
|
+
transform: scale(0.6);
|
|
143
|
+
opacity: 0.4;
|
|
144
|
+
min-width: 20px;
|
|
145
|
+
animation: ${md} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
|
|
146
|
+
forwards;
|
|
147
|
+
`,gd=({toast:e})=>{let{icon:t,type:n,iconTheme:r}=e;return t===void 0?n===`blank`?null:B.createElement(pd,null,B.createElement(cd,{...r}),n!==`loading`&&B.createElement(fd,null,n===`error`?B.createElement(od,{...r}):B.createElement(dd,{...r}))):typeof t==`string`?B.createElement(hd,null,t):t},_d=e=>`
|
|
148
|
+
0% {transform: translate3d(0,${e*-200}%,0) scale(.6); opacity:.5;}
|
|
149
|
+
100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
|
|
150
|
+
`,vd=e=>`
|
|
151
|
+
0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
|
|
152
|
+
100% {transform: translate3d(0,${e*-150}%,-1px) scale(.6); opacity:0;}
|
|
153
|
+
`,yd=`0%{opacity:0;} 100%{opacity:1;}`,bd=`0%{opacity:1;} 100%{opacity:0;}`,xd=Iu(`div`)`
|
|
154
|
+
display: flex;
|
|
155
|
+
align-items: center;
|
|
156
|
+
background: #fff;
|
|
157
|
+
color: #363636;
|
|
158
|
+
line-height: 1.3;
|
|
159
|
+
will-change: transform;
|
|
160
|
+
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
|
|
161
|
+
max-width: 350px;
|
|
162
|
+
pointer-events: auto;
|
|
163
|
+
padding: 8px 10px;
|
|
164
|
+
border-radius: 8px;
|
|
165
|
+
`,Sd=Iu(`div`)`
|
|
166
|
+
display: flex;
|
|
167
|
+
justify-content: center;
|
|
168
|
+
margin: 4px 10px;
|
|
169
|
+
color: inherit;
|
|
170
|
+
flex: 1 1 auto;
|
|
171
|
+
white-space: pre-line;
|
|
172
|
+
`,Cd=(e,t)=>{let n=e.includes(`top`)?1:-1,[r,i]=Bu()?[yd,bd]:[_d(n),vd(n)];return{animation:t?`${Pu(r)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards`:`${Pu(i)} 0.4s forwards cubic-bezier(.06,.71,.55,1)`}},wd=B.memo(({toast:e,position:t,style:n,children:r})=>{let i=e.height?Cd(e.position||t||`top-center`,e.visible):{opacity:0},a=B.createElement(gd,{toast:e}),o=B.createElement(Sd,{...e.ariaProps},Ru(e.message,e));return B.createElement(xd,{className:e.className,style:{...i,...n,...e.style}},typeof r==`function`?r({icon:a,message:o}):B.createElement(B.Fragment,null,a,o))});Fu(B.createElement);var Td=({id:e,className:t,style:n,onHeightUpdate:r,children:i})=>{let a=B.useCallback(t=>{if(t){let n=()=>{let n=t.getBoundingClientRect().height;r(e,n)};n(),new MutationObserver(n).observe(t,{subtree:!0,childList:!0,characterData:!0})}},[e,r]);return B.createElement(`div`,{ref:a,className:t,style:n},i)},Ed=(e,t)=>{let n=e.includes(`top`),r=n?{top:0}:{bottom:0},i=e.includes(`center`)?{justifyContent:`center`}:e.includes(`right`)?{justifyContent:`flex-end`}:{};return{left:0,right:0,display:`flex`,position:`absolute`,transition:Bu()?void 0:`all 230ms cubic-bezier(.21,1.02,.73,1)`,transform:`translateY(${t*(n?1:-1)}px)`,...r,...i}},Dd=Au`
|
|
173
|
+
z-index: 9999;
|
|
174
|
+
> * {
|
|
175
|
+
pointer-events: auto;
|
|
176
|
+
}
|
|
177
|
+
`,Od=16,kd=({reverseOrder:e,position:t=`top-center`,toastOptions:n,gutter:r,children:i,toasterId:a,containerStyle:o,containerClassName:s})=>{let{toasts:c,handlers:l}=nd(n,a);return B.createElement(`div`,{"data-rht-toaster":a||``,style:{position:`fixed`,zIndex:9999,top:Od,left:Od,right:Od,bottom:Od,pointerEvents:`none`,...o},className:s,onMouseEnter:l.startPause,onMouseLeave:l.endPause},c.map(n=>{let a=n.position||t,o=Ed(a,l.calculateOffset(n,{reverseOrder:e,gutter:r,defaultPosition:t}));return B.createElement(Td,{id:n.id,key:n.id,onHeightUpdate:l.updateHeight,className:n.visible?Dd:``,style:o},n.type===`custom`?Ru(n.message,n):i?i(n):B.createElement(wd,{toast:n,position:a}))}))},Ad=`cozyclay:export-keyframe-pack`;function jd(e,{shotId:n=null,surface:r=null,timeoutMs:i=12e4,addListener:a=typeof window>`u`?null:window.addEventListener.bind(window),removeListener:o=typeof window>`u`?null:window.removeEventListener.bind(window),setTimer:s=typeof setTimeout==`function`?setTimeout:null,clearTimer:c=typeof clearTimeout==`function`?clearTimeout:null}={}){return new Promise((l,u)=>{if(!e||typeof e.postMessage!=`function`){u(Error(`Scene preview is unavailable.`));return}let d=null,f=(e,t)=>{o?.(`message`,p),d!==null&&c?.(d),e?u(e):l(t)},p=n=>{if(n?.source===e&&n?.data?.type===`cozyclay:export-keyframe-pack-result`){if(n.data.error){let e=Error(n.data.error);e.exportFailureCode=t({exportFailureCode:n.data.failure_code}),e.exportFailureCode===`aborted`&&(e.name=`AbortError`),f(e);return}f(null,{name:n.data.name,bytes:n.data.bytes,entries:Array.isArray(n.data.entries)?n.data.entries:[]})}};a?.(`message`,p),i>0&&(d=s?.(()=>f(Error(`The keyframe pack timed out.`)),i)??null),e.postMessage({type:Ad,...n?{shotId:n}:{},...r===`workflow`?{surface:r}:{}},`*`)})}function Md({name:e,bytes:t}){let n=URL.createObjectURL(new Blob([t],{type:`application/zip`})),r=document.createElement(`a`);return r.href=n,r.download=e||`cozyclay-shot.zip`,r.click(),setTimeout(()=>URL.revokeObjectURL(n),0),{name:r.download,url:n}}var Nd=`cozyclay-scene`,Pd=1,Fd=Object.freeze([{id:`asset`,label:`Asset`,kind:`asset`},{id:`motion`,label:`Motion`,kind:`motion`,legacy:!0}]),Id=`character:`;function Ld(e){let t=typeof e==`string`?e.trim():``;return t.startsWith(Id)&&t.slice(10).trim()||null}function Rd(e=[],{includeLegacyMotion:t=!0}={}){let n=Array.isArray(e)&&e.length>0,r=Fd.filter(e=>!n||e.id!==`motion`).map(e=>({...e}));for(let t of Array.isArray(e)?e:[]){let e=typeof t==`string`?t:t?.id;!e||r.some(t=>t.id===`character:${e}`)||r.push({id:`character:${e}`,label:typeof t==`object`&&t.subject?t.subject:e,kind:`motion`,characterId:e})}return t&&!n&&r.length===1&&r.push({id:`motion`,label:`Motion`,kind:`motion`,legacy:!0}),r}function zd(e,t,n={}){let r=typeof e==`string`?e:e?.type,i=typeof t==`string`?t:``;return i===`asset`?r===`image`||r===`upload`&&String(n?.mimeType||``).toLowerCase().startsWith(`image/`):i===`motion`||Ld(i)?r===`motion-input`:!1}function Bd(e,t){if(!t||typeof t!=`object`||t.type!==`cozyclay:scene-timeline`)return null;let n=Number(t.frameCount);if(!Number.isFinite(n)||n<1)return null;let r=Jd(e),i=Math.round(n);return i===r.frameCount?null:{frameCount:i,frame:Math.min(r.frame,i-1)}}var Vd=Object.freeze([{id:`render`,label:`Render`,kind:`render`},{id:`scene`,label:`Scene`,kind:`scene`}]),Hd=new Set([`idle`,`ready`,`running`,`complete`,`error`]),Ud=new Set([`placeholder`,`scene`,`render`]);function Wd(e,t){return Number.isFinite(Number(e))?Number(e):t}function Gd(e,t=``){return typeof e==`string`?e:t}function Kd(e){return Array.isArray(e)?e.filter(Boolean):[]}function qd(e){return Array.isArray(e)?e.filter(e=>typeof e==`string`||e&&typeof e.id==`string`&&e.id).map(e=>typeof e==`string`?{id:e}:{...e}):[]}function Jd(e={}){let t=e&&typeof e==`object`?e:{},n=t.controls&&typeof t.controls==`object`?t.controls:{},r=n.camera&&typeof n.camera==`object`?n.camera:{},i=Hd.has(t.status)?t.status:`idle`,a=Ud.has(t.preview)?t.preview:`placeholder`;return{type:Nd,version:Pd,sceneId:Gd(t.sceneId,null),sceneName:Gd(t.sceneName,`CozyClay Scene`),status:i,statusMessage:Gd(t.statusMessage),preview:a,frame:Math.max(0,Math.round(Wd(t.frame,0))),frameCount:Math.max(1,Math.round(Wd(t.frameCount,120))),controls:{playing:!!n.playing,camera:{yaw:Wd(r.yaw,24),pitch:Wd(r.pitch,12)},shotAspect:Gd(r.shotAspect,`16:9`)},assetInputs:Kd(t.assetInputs),motionInputs:Kd(t.motionInputs),characterInputs:Kd(t.characterInputs),characters:qd(t.characters||t.characterOptions),lastOutput:t.lastOutput&&typeof t.lastOutput==`object`?{...t.lastOutput}:null}}function Yd(e,t={}){let n=Jd(e),r={...n,...t};return t.controls&&(r.controls={...n.controls,...t.controls,camera:{...n.controls.camera,...t.controls.camera??{}}}),Jd(r)}function Xd(e){let t=Jd(e),n=Math.max(0,t.frameCount-1);return t.frame>=n?{frame:n,playing:!1}:{frame:t.frame+1,playing:!0}}var $=v();function Zd({type:e,position:t,id:n,label:r}){return(0,$.jsx)(`span`,{className:`cozy-scene-handle cozy-scene-handle-${e}`,"data-handle-type":e,"data-handle-position":t,"data-handle-id":n,"aria-label":r})}function Qd(e){return{idle:`Ready when connected`,ready:`Ready`,running:`Rendering…`,complete:`Render complete`,error:`Needs attention`}[e]??e}function $d(){return(0,$.jsx)(`iframe`,{className:`cozy-scene-live-frame nodrag nopan`,src:`/app/?embed=playview`,title:`CozyClay Studio PlayView preview`,"aria-label":`CozyClay Studio PlayView preview`})}function ef(e,t){return typeof t==`function`?t:typeof e[t]==`function`?e[t]:null}function tf({id:e=`cozy-scene`,data:t={},selected:n=!1,HandleComponent:a=null,onDataChange:o=null,onRun:s=null,onOpenScene:c=null,onVideo:l=null}){let u=(0,B.useMemo)(()=>Jd(t),[t]),d=a||t.Handle||Zd,f=o||ef(t,`onDataChange`),p=s||ef(t,`onRun`),m=c||ef(t,`onOpenScene`),h=l||ef(t,`onVideo`),[g,_]=(0,B.useState)({pending:!1,message:``,error:``}),v=async()=>{let t=r({export_kind:`keyframe_pack`,format:`zip`,surface:`workflow`});_({pending:!0,message:``,error:``});try{let n=document.querySelector(`[data-node-id="${e}"] iframe`)?.contentWindow,r=await jd(n,{surface:`workflow`});Md(r),t.succeed(),i(`export:keyframe_pack`,{entries:r.entries.length,source:`workflow`}),typeof window<`u`&&(window.__cozyclayWorkflow={...window.__cozyclayWorkflow||{},lastTrack:{event:`export:keyframe_pack`,entries:r.entries.length,source:`workflow`}}),_({pending:!1,message:`Pack ready: ${r.name} (${r.entries.length} files)`,error:``})}catch(e){t.fail(e),_({pending:!1,message:``,error:e?.message||String(e)})}},y=(t,{syncPlayback:n=!0}={})=>{let r=Yd(u,t);f?.({id:e,patch:t,data:r}),n&&(Object.prototype.hasOwnProperty.call(t,`frame`)||t.controls?.playing!==void 0)&&ie({activeSceneId:r.sceneId,frame:r.frame,playing:r.controls.playing})},b=Math.max(0,u.frameCount-1);(0,B.useEffect)(()=>{if(!u.controls.playing)return;let e=window.setTimeout(()=>{let e=Xd(u);y({frame:e.frame,controls:{playing:e.playing}},{syncPlayback:!e.playing})},1e3/24);return()=>window.clearTimeout(e)},[u.controls.playing,u.frame,u.frameCount]),(0,B.useEffect)(()=>{let t=t=>{let n=document.querySelector(`[data-node-id="${CSS.escape(e)}"] iframe`);if(!n||t.source!==n.contentWindow)return;let r=Bd(u,t.data);r&&y(r,{syncPlayback:!1})};return window.addEventListener(`message`,t),()=>window.removeEventListener(`message`,t)},[e,u]);let x=(e,t,n)=>({type:t,position:n,id:e.id,label:e.label,className:`cozy-scene-reactflow-handle cozy-scene-reactflow-handle-${e.id}`});return(0,$.jsxs)(`article`,{className:`cozy-scene-node${n?` is-selected`:``}`,"data-node-id":e,"data-node-type":`cozyclay-scene`,"aria-label":`CozyClay Scene node`,children:[(0,$.jsx)(`div`,{className:`cozy-scene-node-inputs`,"aria-label":`Scene inputs`,children:Rd(u.characters?.length?u.characters:(u.characterInputs||[]).map(e=>({id:e.characterId,subject:e.characterId})),{includeLegacyMotion:!0}).map(e=>(0,$.jsx)(d,{...x(e,`target`,`left`)},e.id))}),(0,$.jsxs)(`header`,{className:`cozy-scene-node-header`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`span`,{className:`cozy-scene-node-kicker`,children:`COZYCLAY`}),(0,$.jsx)(`h3`,{children:u.sceneName})]}),(0,$.jsx)(`span`,{className:`cozy-scene-node-status status-${g.error?`error`:g.message?`complete`:u.status}${g.error||g.message?` has-pack`:``}`,role:`status`,children:g.error||g.message||Qd(u.status)})]}),(0,$.jsxs)(`section`,{className:`cozy-scene-preview`,"aria-label":`3D scene preview`,children:[(0,$.jsx)($d,{}),u.preview===`render`&&u.lastOutput?.renderUrl&&(0,$.jsxs)(`figure`,{className:`cozy-scene-render-thumb`,children:[(0,$.jsx)(`img`,{src:u.lastOutput.renderUrl,alt:`Captured scene frame`}),(0,$.jsx)(`figcaption`,{children:`Last render`})]}),u.preview===`render`&&(0,$.jsxs)(`div`,{className:`cozy-scene-preview-copy`,children:[(0,$.jsx)(`strong`,{children:`Live previs`}),(0,$.jsx)(`span`,{children:u.statusMessage||`Open Studio to edit the scene`})]})]}),(0,$.jsxs)(`section`,{className:`cozy-scene-controls`,"aria-label":`Scene controls`,children:[(0,$.jsxs)(`div`,{className:`cozy-scene-control-row`,children:[(0,$.jsx)(`button`,{type:`button`,className:`cozy-scene-button`,onClick:()=>y({controls:{playing:!u.controls.playing}}),"aria-label":u.controls.playing?`Pause scene`:`Play scene`,"aria-pressed":u.controls.playing,children:u.controls.playing?`Pause`:`Play`}),(0,$.jsx)(`button`,{type:`button`,className:`cozy-scene-button`,onClick:()=>m?.({id:e,data:u}),children:`Open Studio`}),(0,$.jsx)(`button`,{type:`button`,className:`cozy-scene-send`,onClick:v,disabled:g.pending,title:`Export this shot's keyframe pack for an AI video model`,children:g.pending?`Packing…`:`Send to AI`}),(0,$.jsx)(`button`,{type:`button`,className:`cozy-scene-run`,onClick:()=>p?.({id:e,data:u}),disabled:u.status===`running`,children:u.status===`running`?`Rendering…`:`Run`})]}),(0,$.jsxs)(`label`,{className:`cozy-scene-frame-control`,children:[`Frame `,(0,$.jsx)(`input`,{"aria-label":`Scene frame`,type:`range`,min:`0`,max:b,value:Math.min(u.frame,b),onChange:e=>y({frame:Number(e.currentTarget.value),controls:{playing:!1}})}),` `,(0,$.jsxs)(`output`,{"aria-live":`polite`,children:[Math.min(u.frame,b),`/`,b]})]}),(0,$.jsxs)(`div`,{className:`cozy-scene-camera-row`,"aria-label":`Camera orbit controls`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>y({controls:{camera:{yaw:u.controls.camera.yaw-15}}}),"aria-label":`Orbit camera left`,children:`◀`}),(0,$.jsxs)(`span`,{children:[`Camera `,Math.round(u.controls.camera.yaw),`° / `,Math.round(u.controls.camera.pitch),`°`]}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>y({controls:{camera:{yaw:u.controls.camera.yaw+15}}}),"aria-label":`Orbit camera right`,children:`▶`})]}),(0,$.jsxs)(`div`,{className:`cozy-scene-handoff`,children:[(0,$.jsx)(`button`,{type:`button`,className:`cozy-scene-video`,onClick:()=>h?.({id:e,data:u}),title:`Add a Video node fed by this scene's render`,children:`→ Video`}),(0,$.jsx)(`p`,{className:`cozy-scene-hint`,children:`Play to check the previs, then send render → Video to generate a clip.`})]})]}),(0,$.jsxs)(`footer`,{className:`cozy-scene-node-footer`,children:[(0,$.jsxs)(`span`,{children:[u.assetInputs.length,` asset`,u.assetInputs.length===1?``:`s`]}),(0,$.jsxs)(`span`,{children:[u.motionInputs.length,` motion`,u.motionInputs.length===1?``:`s`]})]}),(0,$.jsx)(`div`,{className:`cozy-scene-node-outputs`,"aria-label":`Scene outputs`,children:Vd.map(e=>(0,$.jsx)(d,{...x(e,`source`,`right`)},e.id))})]})}var nf=`motion-input`,rf=2;function af(e,t=``){return typeof e==`string`?e:t}function of(e){return typeof e!=`object`||!e?e:Array.isArray(e)?e.map(of):Object.fromEntries(Object.entries(e).map(([e,t])=>[e,of(t)]))}var sf=`cozyclay.motion-spec.v1`,cf=e=>e&&typeof e==`object`&&!Array.isArray(e)&&e.schema===sf&&Number.isFinite(e.frames)?e:null;function lf(e={}){let t=e&&typeof e==`object`?e:{},n=cf(t.spec),r=af(t.characterId||t.targetCharacterId,``);return{type:nf,version:rf,label:af(t.label,`Motion Input`),fileName:af(t.fileName),characterId:r,status:n?`ready`:af(t.status)===`error`?`error`:`idle`,spec:n?of(n):null,frames:n?Math.round(n.frames):null,fps:n?24:null}}function uf(e){try{return cf(JSON.parse(e))}catch{return null}}function df(e){let t=af(e).trim();return t?`character:${t}`:`character`}function ff(e){let t=af(e).trim();return t.startsWith(`character:`)&&t.slice(10)||null}function pf(e={}){let t=lf(e);return{type:nf,version:rf,fileName:t.fileName||null,characterId:t.characterId||null,handle:t.characterId?df(t.characterId):null,frames:t.frames,fps:t.fps,spec:t.spec}}function mf(e=globalThis.localStorage){try{let t=e?.getItem(F),n=D(t),r=n.document?.scenes?.find(e=>e.id===n.document.activeSceneId)||n.document?.scenes?.[0];return Array.isArray(r?.stage?.characters)?r.stage.characters.filter(e=>e&&typeof e.id==`string`&&e.id).map((e,t)=>({id:e.id,name:e.subject||`Character ${t+1}`,model:e.model||null})):[]}catch{return[]}}function hf(e,{runId:t=`local-${Date.now()}`}={}){let n=z(e),r=new Map(n.nodes.map(e=>[e.id,e])),i=new Map(n.nodes.map(e=>[e.id,[]]));for(let e of n.edges)i.get(e.target)?.push(e);let a=new Set(n.nodes.map(e=>e.id)),o=new Map,s=new Map,c=[];for(;a.size;){let e=[...a].filter(e=>i.get(e).every(e=>!a.has(e.source))),t=e.length?e:[...a];for(let e of t)a.delete(e),c.push(e)}for(let e of c){let n=r.get(e),a=gf(n,i.get(e).map(e=>o.get(e.source)).filter(e=>e!==void 0));o.set(e,a);let c={id:t,status:`complete`,result:{outputs:[{value:a}]}},l=(Array.isArray(n.data?.outputHistory)?n.data.outputHistory:[]).filter(e=>e?.id!==t);s.set(e,{status:`complete`,isLoading:!1,errorMsg:null,outputs:[{value:a}],resultUrl:typeof a==`string`&&/^(?:https?:|blob:|data:)/.test(a)?a:null,latestRun:c,outputHistory:[...l,c]})}return{...n,nodes:n.nodes.map(e=>({...e,data:{...e.data,...s.get(e.id)||{}}})),order:c}}function gf(e,t){let n=e.data||{};return e.type===`scene`?{sceneId:n.sceneId||null,assetInputs:n.assetInputs||[],motionInputs:n.motionInputs||[],characterInputs:n.characterInputs||[]}:e.type===`motion-input`?pf(n):e.type===`concat`?String(n.template||`{prompt}`).replace(/\{prompt\}/g,t[0]==null?``:String(t[0])):e.type===`upload`?n.fileUrl||n.image_url||n.video_url||n.audio_url||null:e.type===`video-combiner`?(n.videos_list||t).filter(Boolean).join(`
|
|
178
|
+
`):e.type===`api`?n.params||t[0]||`{}`:e.type===`image`?n.image_url||t[0]||n.prompt||null:e.type===`video`?n.video_url||t[0]||n.prompt||null:e.type===`audio`?n.audio_url||t[0]||n.prompt||null:n.prompt||t[0]||``}var _f=e=>structuredClone(e),vf=new Set(`label.model.selectedModel.formValues.outputs.outputHistory.resultUrl.cost.errorMsg.isLoading.status.statusMessage.preview.lastOutput.assetInputs.motionInputs.characterInputs.sceneName.sceneId.scene.characterId.url.objectUrl.fileName.mimeType.fileUrl.localPreview.uploading`.split(`.`)),yf={text:[`prompt`],image:[`prompt`,`image_url`],video:[`prompt`,`video_url`,`duration`],audio:[`prompt`,`audio_url`,`duration`],api:[`params`],"video-combiner":[`videos_list`,`aspect_ratio`],concat:[`template`],"motion-input":[`characterId`],upload:[`image_url`,`video_url`,`audio_url`],"shot-prompt":[`prompt`,`target`,`referenceOwnsCamera`]},bf=e=>({x:e.nodes.reduce((e,t)=>Math.max(e,(t.position?.x??0)+260),80),y:100});function xf({store:e,makeNode:t,nodeSchemas:n}){let r=[],i=null,a=new WeakSet,o=()=>{let t=e.getGraph();return i&&t!==i&&a.has(t)?i:(i=null,t)},s=t=>{a.add(e.getGraph()),a.add(t),i=t,e.setGraph(t)},c=()=>_f(o()),l=e=>{let t=c(),n=e(c());return r.push(t),r.length>50&&r.shift(),s(n),n},u=(e,t)=>e.nodes.find(e=>e.id===t),d=(e,t,r=`data`)=>{if(!t||typeof t!=`object`||Array.isArray(t))throw Error(`data must be an object`);let i=P(n,x(e.type),e.data?.model||t.model),a=new Set([...vf,...yf[e.type]||[],...Object.keys(i||{})]),o={},s=new Map;for(let[n,i]of Object.entries(t)){let t=n.trim();if(s.has(t))throw Error(`Node data key conflict after whitespace normalization in ${r}: ${JSON.stringify(t)}`);if(s.set(t,n),!a.has(t))throw Error(`Unknown node data key: ${t}`);o[t]=t===`formValues`&&i&&typeof i==`object`?d(e,i,`data.formValues`):i}return o},f={get_graph:()=>{let e=_f(o());return{...e,nodes:e.nodes.map(e=>({id:e.id,type:e.type,model:e.data?.model||null,data:e.data,position:e.position})),outputs:Object.fromEntries(e.nodes.map(e=>[e.id,e.data?.outputs||[]]))}},add_node:({type:e,model:r,data:i={},position:a}={})=>{let o=l(o=>{if(![`text`,`image`,`video`,`audio`,`api`,`video-combiner`,`scene`,`upload`,`concat`,`motion-input`,`shot-prompt`].includes(e))throw Error(`Unknown node type`);if(a&&(!Number.isFinite(a.x)||!Number.isFinite(a.y)))throw Error(`position must contain finite x and y`);let s=`${e}-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,c=r,l=t(e,s,a||bf(o),c||null,n);if(c&&typeof c==`string`){if(!(n?.categories?.[x(e)]?.models||{})[c])throw Error(`Unknown model: ${c}`);l.data.model=c}let u=d(l,i);return l.data={...l.data,...u},o.nodes.push(l),o});return{node:o.nodes.at(-1),graph:o}},update_node:({id:e,data:t}={})=>l(n=>{let r=u(n,e);if(!r)throw Error(`Unknown node: ${e}`);let i=d(r,t);return r.data={...r.data,...i,...i.formValues?i.formValues:{},...i.formValues?{formValues:{...r.data.formValues||{},...i.formValues}}:{}},n}),remove_node:({id:e}={})=>l(t=>{if(!u(t,e))throw Error(`Unknown node: ${e}`);return t.nodes=t.nodes.filter(t=>t.id!==e),t.edges=t.edges.filter(t=>t.source!==e&&t.target!==e),t}),connect:({source:e,target:t,sourceHandle:n,targetHandle:r=`input`}={})=>{let i=l(i=>{let a=u(i,e);if(!a||!u(i,t))throw Error(`Unknown node`);let o=a.type===`scene`?[`render`,`scene`]:[`output`];if(n===void 0&&(n=o[0]),!o.includes(n))throw Error(`Invalid source handle`);if(r!==`input`&&!String(r).startsWith(`character:`)&&r!==`asset`&&r!==`motion`)throw Error(`Invalid target handle`);if(i.edges.some(n=>n.source===e&&n.target===t&&n.targetHandle===r))throw Error(`Nodes are already connected`);let s={id:`e-${e}-${t}-${Date.now()}`,source:e,target:t,sourceHandle:n,targetHandle:r,animated:!0,style:{stroke:`#8994ff`,strokeWidth:2}};return i.edges.push(s),i});return{edge:i.edges.at(-1),graph:i}},disconnect:({edgeId:e}={})=>l(t=>{if(!t.edges.some(t=>t.id===e))throw Error(`Unknown edge: ${e}`);return t.edges=t.edges.filter(t=>t.id!==e),t}),run_workflow:async()=>{let t=await e.run(_f(o())),n=t?.graph||t;return n?.nodes&&s(n),{outputs:Object.fromEntries((n?.nodes||[]).map(e=>[e.id,e.data?.outputs||[]])),graph:_f(n)}},set_node_output:({id:e,value:t}={})=>l(n=>{let r=u(n,e);if(!r)throw Error(`Unknown node: ${e}`);return r.data={...r.data,outputs:[{value:t}],resultUrl:typeof t==`string`?t:null},n}),focus_node:({id:t}={})=>{if(!u(o(),t))throw Error(`Unknown node: ${t}`);return e.focus(t),{id:t}},undo:()=>{let e=r.pop();return e?(s(e),{undone:!0,graph:_f(e)}):{undone:!1}},history:r};return{...f,handlers:f}}var Sf=e=>Array.isArray(e?.versions)?e.versions:[];function Cf(e){let t=Sf(e);if(!t.length)return{versions:t,index:-1,current:null};let n=Math.min(Math.max(Number.isInteger(e?.versionIndex)?e.versionIndex:t.length-1,0),t.length-1);return{versions:t,index:n,current:t[n]}}function wf(e,t){let n=[...Sf(e),{...t}].slice(-12),r=n.length-1;return{versions:n,versionIndex:r,outputs:[{value:n[r].dataUrl}],resultUrl:n[r].dataUrl}}function Tf(e,t){let n=Sf(e);if(!n.length)return{versions:n,versionIndex:0,outputs:[],resultUrl:null};let r=Math.min(Math.max(Math.trunc(Number(t)||0),0),n.length-1);return{versions:n,versionIndex:r,outputs:[{value:n[r].dataUrl}],resultUrl:n[r].dataUrl}}function Ef(e,t={}){let n=t.source??null,r=t.reference??null;if(!e?.pinReferences)return{source:n,reference:r,pinned:!1};let{current:i}=Cf(e);return i?.frameDataUrl?{source:i.frameDataUrl,reference:i.referenceDataUrl??null,pinned:!0}:{source:n,reference:r,pinned:!1}}function Df(e){let{versions:t,index:n}=Cf(e);if(t.length<2)return n;let r=Number.isInteger(e?.abIndex)?e.abIndex:n-1,i=Math.min(Math.max(r,0),t.length-1);return i===n?n===0?1:n-1:i}function Of(e){let{versions:t,index:n}=Cf(e);return t.length?`${n+1}/${t.length}`:`0/0`}var kf=`minimax/h3-max-turbo/image-to-video`,Af=Object.freeze([`16:9`,`9:16`,`1:1`,`21:9`,`12:7`]);function jf(e=kf){if(e===`minimax/h3-max-turbo/image-to-video`)return{name:`H3 Max Turbo`,aspectFromImage:!0,cameraLocked:!0,aspects:[],minDuration:5,maxDuration:15,integerDuration:!0,defaultDuration:5,resolution:[`480P`,`768P`,`1080P`],defaultResolution:`480P`};if(e===`fal-ai/bytedance/seedance/v1/pro/image-to-video`)return{name:`Seedance v1 Pro`,aspects:[`21:9`,`16:9`,`4:3`,`1:1`,`3:4`,`9:16`],minDuration:2,maxDuration:12,defaultAspect:`16:9`,defaultDuration:5,resolution:[`480p`,`720p`,`1080p`],defaultResolution:`1080p`};throw Object.assign(Error(`Unsupported Fal video model: ${e}. Use ${kf}.`),{code:`fal-invalid-request`})}function Mf(e=`comfy`,t=kf){return e===`fal`?jf(t):{aspects:Af,minDuration:1,maxDuration:15,defaultAspect:`16:9`,defaultDuration:5}}function Nf(e,t={},n=kf){let r=Mf(e,n),i=Number(t.duration_seconds),a=Number.isFinite(i)?Math.min(r.maxDuration,Math.max(r.minDuration,i)):r.defaultDuration;return{...t,aspect:r.aspectFromImage?`source`:r.aspects.includes(t.aspect)?t.aspect:r.defaultAspect,duration_seconds:r.integerDuration?Math.round(a):a}}var Pf=Object.freeze([`image`,`video`]);function Ff(){return{label:`Shot Prompt`,target:`image`,referenceOwnsCamera:!0,prompt:``}}function If(e){return Pf.includes(e)?e:`image`}function Lf({meta:e,intent:t,target:n,referenceOwnsCamera:r}={}){if(!e||typeof e!=`object`)return{prompt:``,error:`Connect a Scene node first.`};let i=typeof t==`string`?t.trim():``;return{prompt:u({...e,...i?{intent:i}:{}},{target:If(n),referenceOwnsCamera:r!==!1}),error:null}}function Rf({id:e,data:t={},NodeShell:n}){let r=If(t.target),i=t.referenceOwnsCamera!==!1,a=typeof t.prompt==`string`?t.prompt:``;return(0,$.jsxs)(n,{id:e,type:`shot-prompt`,title:`Shot Prompt`,icon:h,children:[(0,$.jsx)(`label`,{htmlFor:`${e}-target`,children:`Target`}),(0,$.jsxs)(`select`,{id:`${e}-target`,"aria-label":`Prompt target`,value:r,onChange:n=>t.onChange?.(e,{target:n.target.value}),children:[(0,$.jsx)(`option`,{value:`image`,children:`Image`}),(0,$.jsx)(`option`,{value:`video`,children:`Video`})]}),(0,$.jsxs)(`label`,{className:`workflow-schema-check`,children:[(0,$.jsx)(`input`,{type:`checkbox`,"aria-label":`Reference owns camera`,checked:i,onChange:n=>t.onChange?.(e,{referenceOwnsCamera:n.target.checked})}),`Reference owns camera`]}),(0,$.jsx)(`label`,{htmlFor:`${e}-prompt`,children:`Prompt`}),(0,$.jsx)(`textarea`,{id:`${e}-prompt`,className:`workflow-textarea workflow-shot-prompt-text`,"aria-label":`Shot prompt`,readOnly:!0,value:a,placeholder:`Connect a Scene node and run to build the prompt`}),t.errorMsg&&(0,$.jsx)(`div`,{className:`workflow-error`,children:t.errorMsg}),(0,$.jsxs)(`button`,{type:`button`,className:`workflow-shot-prompt-copy`,onClick:async()=>{if(!a){Q.error(`Run the node to build a prompt first`);return}try{await navigator.clipboard.writeText(a),Q.success(`Prompt copied`)}catch(e){Q.error(`Could not copy the prompt (${e.message})`)}},children:[(0,$.jsx)(R,{size:11}),` Copy`]}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsx)(`span`,{children:r===`video`?`Video prompt`:`Image prompt`}),(0,$.jsx)(`button`,{className:`workflow-mini-button`,type:`button`,onClick:()=>t.onRun?.(e),children:(0,$.jsx)(y,{size:12})})]})]})}var zf={text:`#6c7cff`,image:`#44c2a4`,video:`#d9955b`,audio:`#6bb6dc`,api:`#cf8de8`,"video-combiner":`#efb064`,upload:`#a88cdb`,concat:`#d6b55e`,"motion-input":`#79b5ed`,scene:`#ef759d`,"shot-prompt":`#8fd4b0`};function Bf(e,t,n,r=null,i=_){let a={label:e===`scene`?`CozyClay Scene`:e===`shot-prompt`?`Shot Prompt`:e[0].toUpperCase()+e.slice(1)};return Object.assign(a,{cost:0,outputHistory:[],outputs:[],resultUrl:null,isLoading:!1,errorMsg:null}),e===`text`&&(a.prompt=`Describe a shot for your scene...`),e===`image`&&(a.model=`image-passthrough`),e===`video`&&(a.prompt=`Describe the motion and camera treatment`),e===`audio`&&(a.prompt=`Describe the voice or music`),e===`api`&&(a.model=`api-model`,a.params=`{}`),e===`video-combiner`&&(a.model=`video-combiner`,a.videos_list=[],a.aspect_ratio=`auto`),e===`concat`&&(a.model=`prompt-concatenator`),e===`motion-input`&&Object.assign(a,lf({label:`Motion Input`})),e===`shot-prompt`&&Object.assign(a,Ff()),r?.id&&(a.model=r.id,a.selectedModel={id:r.id,name:r.name},a.formValues=N(P(i,x(e),r.id))),e===`scene`&&Object.assign(a,Jd({sceneName:`CozyClay Scene`})),{id:t,type:e,position:n,data:a}}var Vf={version:1,nodes:[Bf(`text`,`text-1`,{x:80,y:100}),Bf(`image`,`image-1`,{x:380,y:80}),Bf(`scene`,`scene-1`,{x:700,y:140})],edges:[]};function Hf(){let e=b();return e.nodes.length?{...e,nodes:e.nodes.map(e=>e.type===`video-combiner`&&!e.data?.model?{...e,data:{...e.data,model:`video-combiner`}}:e)}:Vf}function Uf(e){return new Promise((t,n)=>{let r=document.querySelector(`[data-node-id="${CSS.escape(e)}"] iframe`);if(!r?.contentWindow){n(Error(`Scene preview is unavailable.`));return}let i=window.setTimeout(()=>{window.removeEventListener(`message`,a),n(Error(`Scene capture timed out.`))},1e4),a=e=>{e.source===r.contentWindow&&e.data?.type===`cozyclay:capture-framing-result`&&(window.clearTimeout(i),window.removeEventListener(`message`,a),e.data.error?n(Error(e.data.error)):t(e.data))};window.addEventListener(`message`,a),r.contentWindow.postMessage({type:`cozyclay:capture-framing`},`*`)})}function Wf(e){return Array.isArray(e)?e.map(Wf):!e||typeof e!=`object`?typeof e==`function`?void 0:e:Object.fromEntries(Object.entries(e).filter(([,e])=>typeof e!=`function`).map(([e,t])=>[e,Wf(t)]))}function Gf(e,t){return z({version:1,nodes:e.map(({id:e,type:t,position:n,data:r})=>({id:e,type:t,position:n,data:Wf(r)})),edges:t.map(({id:e,source:t,target:n,sourceHandle:r,targetHandle:i,data:a})=>({id:e,source:t,target:n,sourceHandle:r,targetHandle:i,data:Wf(a)}))})}function Kf({id:e,type:t,title:n,icon:r,children:i,source:a=!0,target:o=!0}){return(0,$.jsxs)(`div`,{className:`workflow-node workflow-node-${t}`,children:[o&&(0,$.jsx)(Cs,{type:`target`,position:X.Left,id:`input`,className:`workflow-handle target`}),(0,$.jsxs)(`div`,{className:`workflow-node-header`,children:[(0,$.jsx)(`span`,{className:`workflow-node-icon`,children:(0,$.jsx)(r,{size:15})}),(0,$.jsx)(`strong`,{children:n}),(0,$.jsx)(`span`,{className:`workflow-node-id`,children:e.replace(/\D/g,``)||`1`})]}),(0,$.jsx)(`div`,{className:`workflow-node-body`,children:i}),a&&(0,$.jsx)(Cs,{type:`source`,position:X.Right,id:`output`,className:`workflow-handle source`})]})}function qf(e,t){return e.nodeSchemas?.categories?.[t]?.models||{}}function Jf({id:e,data:t,category:n,fallback:r=[],allowedModels:i=null}){let a=qf(t,n),o=i?Object.fromEntries(i.filter(e=>a[e]).map(e=>[e,a[e]])):a,s=Object.keys(o).length?Object.entries(o).map(([e,t])=>({value:e,label:t.name||e.replace(/-/g,` `)})):r.map(e=>({value:e,label:e.replace(/-/g,` `)}));return(0,$.jsx)(`select`,{"aria-label":`Model`,value:t.model||s[0]?.value||``,onChange:r=>{let i={id:r.target.value,...o[r.target.value]||{}};t.onModelChange?t.onModelChange(e,n,i):t.onChange?.(e,{model:i.id,selectedModel:i})},children:s.map(e=>(0,$.jsx)(`option`,{value:e.value,children:e.label},e.value))})}function Yf({id:e,data:t,category:n,exclude:r=[]}){let i=t.model||t.selectedModel?.id,a=qf(t,n)?.[i]?.input_schema,o=a?.schemas?.input_data?.properties||a?.properties||{},s=Object.entries(o).filter(([e,t])=>!r.includes(e)&&(!String(i||``).includes(`passthrough`)||t.type===`boolean`));if(!s.length)return null;let c=t.formValues&&typeof t.formValues==`object`?t.formValues:{},l=(n,r)=>t.onChange?.(e,{formValues:{...c,[n]:r},[n]:r});return(0,$.jsxs)(`div`,{className:`workflow-schema-fields`,children:[(0,$.jsx)(`span`,{className:`workflow-schema-title`,children:`Model inputs`}),s.map(([e,n])=>{let r=n.title||n.description||e.replace(/_/g,` `),i=c[e]??t[e]??n.default??(n.type===`array`?[]:``);if(Array.isArray(n.enum))return(0,$.jsxs)(`label`,{children:[r,(0,$.jsx)(`select`,{value:i,onChange:t=>l(e,t.target.value),children:n.enum.map(e=>(0,$.jsx)(`option`,{value:e,children:String(e)},String(e)))})]},e);if(n.type===`boolean`)return(0,$.jsxs)(`label`,{className:`workflow-schema-check`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:!!i,onChange:t=>l(e,t.target.checked)}),r]},e);if(n.type===`array`||n.type===`object`||n.format===`textarea`||String(n.description||``).length>100){let t=typeof i==`string`?i:JSON.stringify(i,null,2);return(0,$.jsxs)(`label`,{children:[r,(0,$.jsx)(`textarea`,{className:`workflow-textarea`,value:t,onChange:t=>{let r=t.target.value;if(n.type===`array`||n.type===`object`)try{r=JSON.parse(r)}catch{}l(e,r)}})]},e)}return(0,$.jsxs)(`label`,{children:[r,(0,$.jsx)(`input`,{type:n.type===`number`||n.type===`integer`?`number`:`text`,value:i,placeholder:n.description||``,onChange:t=>l(e,n.type===`number`||n.type===`integer`?Number(t.target.value):t.target.value)})]},e)})]})}function Xf({data:e}){return e.cost===void 0||e.cost===null?null:(0,$.jsx)(`span`,{className:`workflow-node-cost`,children:Number(e.cost)===0?`Free`:`$${Number(e.cost).toFixed(3)}`})}function Zf({id:e,data:t}){return(0,$.jsxs)(Kf,{id:e,type:`text`,title:`Text`,icon:C,target:!1,children:[(0,$.jsx)(`label`,{children:`Model`}),(0,$.jsx)(Jf,{id:e,data:t,category:`text`,fallback:[`text-passthrough`]}),(0,$.jsx)(`label`,{children:`Prompt`}),(0,$.jsx)(`textarea`,{className:`workflow-textarea`,value:t.prompt||``,onChange:n=>t.onChange?.(e,{prompt:n.target.value})}),(0,$.jsx)(Yf,{id:e,data:t,category:`text`}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsxs)(`span`,{children:[`Prompt input `,(0,$.jsx)(Xf,{data:t})]}),(0,$.jsx)(`button`,{className:`workflow-mini-button`,type:`button`,onClick:()=>t.onRun?.(e),children:(0,$.jsx)(y,{size:12})})]})]})}function Qf({id:e,data:t}){let{versions:n,index:r,current:i}=Cf(t),[a,o]=(0,B.useState)(!1),s=Df(t),c=a&&n[s]||i,l=n=>{o(!1),t.onChange?.(e,Tf(t,n))};return n.length?(0,$.jsxs)(`div`,{className:`workflow-versions`,children:[(0,$.jsx)(`img`,{className:`workflow-image-preview${t.abMode?` workflow-ab-toggle`:``}`,src:c?.dataUrl,alt:`Generated image version ${(a?s:r)+1}`,"data-version-index":a?s:r,onClick:()=>{t.abMode&&n.length>1&&o(e=>!e)}}),(0,$.jsxs)(`div`,{className:`workflow-version-bar`,children:[(0,$.jsx)(`button`,{type:`button`,"aria-label":`Previous version`,disabled:r<=0,onClick:()=>l(r-1),children:`‹`}),(0,$.jsxs)(`span`,{className:`workflow-version-count`,children:[`v`,Of(t)]}),(0,$.jsx)(`button`,{type:`button`,"aria-label":`Next version`,disabled:r>=n.length-1,onClick:()=>l(r+1),children:`›`}),(0,$.jsx)(`button`,{type:`button`,className:`workflow-version-ab${t.abMode?` active`:``}`,"aria-pressed":!!t.abMode,disabled:n.length<2,onClick:()=>{o(!1),t.onChange?.(e,{abMode:!t.abMode,abIndex:Df(t)})},children:`A/B`})]}),t.abMode&&n.length>1&&(0,$.jsxs)(`label`,{className:`workflow-version-compare`,children:[`Compare with`,(0,$.jsx)(`select`,{"aria-label":`Compare version`,value:s,onChange:n=>{o(!1),t.onChange?.(e,{abIndex:Number(n.target.value)})},children:n.map((e,t)=>(0,$.jsxs)(`option`,{value:t,disabled:t===r,children:[`v`,t+1]},e.at??t))})]}),(0,$.jsxs)(`label`,{className:`workflow-schema-check workflow-version-pin`,children:[(0,$.jsx)(`input`,{type:`checkbox`,checked:!!t.pinReferences,onChange:n=>t.onChange?.(e,{pinReferences:n.target.checked})}),`Pin refs`]}),(0,$.jsx)(`button`,{type:`button`,className:`workflow-version-reuse`,onClick:()=>t.onUseAsReference?.(e,r),children:`Use as reference`})]}):null}function $f({id:e,data:t}){let n=t.model===`image-generation`,r=Cf(t).versions.length>0;return(0,$.jsxs)(Kf,{id:e,type:`image`,title:`Image`,icon:w,children:[(0,$.jsx)(`label`,{children:`Model`}),(0,$.jsx)(Jf,{id:e,data:t,category:`image`,fallback:[`image-passthrough`,`image-generation`]}),n&&r?(0,$.jsx)(Qf,{id:e,data:t}):n&&t.resultUrl?(0,$.jsx)(`img`,{className:`workflow-image-preview`,src:t.resultUrl,alt:`Generated workflow output`}):(0,$.jsxs)(`div`,{className:`workflow-dropzone`,children:[(0,$.jsx)(w,{size:18}),(0,$.jsx)(`span`,{children:n?`Connect a Scene frame`:`Connect an image or prompt`})]}),n&&t.isLoading&&(0,$.jsx)(`div`,{className:`workflow-hint`,children:`Generating image…`}),n&&t.errorMsg&&(0,$.jsx)(`div`,{className:`workflow-error`,children:t.errorMsg}),(0,$.jsx)(Yf,{id:e,data:t,category:`image`}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsxs)(`span`,{children:[`Image output `,(0,$.jsx)(Xf,{data:t})]}),(0,$.jsx)(`button`,{className:`workflow-mini-button`,type:`button`,onClick:()=>t.onRun?.(e),disabled:t.isLoading,children:(0,$.jsx)(y,{size:12})})]})]})}function ep(e){let t=e?.worst;return!t||!Number.isFinite(Number(t.p95Rgb))?``:` · edge p95 ${Number(t.p95Rgb).toFixed(1)} RGB${Number.isFinite(Number(t.globalP80Rgb))?` · full-frame P80 ${Number(t.globalP80Rgb).toFixed(1)} RGB`:``}${Number.isFinite(Number(t.cameraDriftPx))?` · camera shift ${Number(t.cameraDriftPx).toFixed(1)} px`:``}`}function tp({id:e,data:t}){let r=t.model===`video-generation`,[i,a]=(0,B.useState)([]);(0,B.useEffect)(()=>{r&&n().videoProviders().then(e=>a(e.providers||[])).catch(()=>{})},[r]);let o=t.formValues?.provider||t.provider||`comfy`,s=i.find(e=>e.id===`fal`)?.model,c=Mf(o,s),l=Nf(o,{prompt:t.prompt,duration_seconds:t.duration_seconds,aspect:t.aspect,...t.formValues},s),u=(n,r)=>t.onChange?.(e,{[n]:r,formValues:Nf(o,{...l,[n]:r},s)}),d=n=>t.onChange?.(e,{provider:n,formValues:Nf(n,{...l,provider:n},s)});return(0,$.jsxs)(Kf,{id:e,type:`video`,title:`Video`,icon:ce,children:[(0,$.jsx)(`label`,{children:`Model`}),(0,$.jsx)(Jf,{id:e,data:t,category:`video`,fallback:[`video-passthrough`,`video-generation`]}),r&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`label`,{children:`Provider`}),(0,$.jsx)(`select`,{value:o,onChange:e=>d(e.target.value),children:(i.length?i:[{id:`comfy`,name:`ComfyUI`,configured:!1},{id:`fal`,name:`Fal.ai`,configured:!1}]).map(e=>(0,$.jsxs)(`option`,{value:e.id,disabled:!e.configured,children:[e.name,` `,e.configured?``:`(set ${e.id===`comfy`?`COZYCLAY_COMFY_URL`:`FAL_KEY`})`]},e.id))}),o===`fal`&&(0,$.jsxs)(`div`,{className:`workflow-hint`,children:[c.name,` · `,i.find(e=>e.id===`fal`)?.resolution||c.defaultResolution,c.cameraLocked?` · locked camera · character motion only`:``]}),(0,$.jsx)(`label`,{children:`Motion prompt`}),(0,$.jsx)(`textarea`,{className:`workflow-textarea`,value:l.prompt??t.prompt??``,onChange:e=>u(`prompt`,e.target.value),placeholder:`Motion prompt`}),(0,$.jsx)(`label`,{children:`Duration (seconds)`}),(0,$.jsx)(`input`,{type:`number`,min:c.minDuration,max:c.maxDuration,value:l.duration_seconds,onChange:e=>u(`duration_seconds`,Number(e.target.value))}),(0,$.jsx)(`label`,{children:`Aspect`}),c.aspectFromImage?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`workflow-hint`,"data-testid":`video-source-aspect`,children:`Matches input image · frame the full body in the source image`}),(0,$.jsx)(`div`,{className:`workflow-warning`,role:`status`,"data-testid":`mocap-framing-warning`,children:`Before generating: confirm the captured frame shows the head, hands, feet, and any needed objects. Cropped parts can break mocap alignment.`})]}):(0,$.jsx)(`select`,{value:l.aspect,onChange:e=>u(`aspect`,e.target.value),children:c.aspects.map(e=>(0,$.jsx)(`option`,{children:e},e))})]}),t.videoUrl&&(0,$.jsx)(`video`,{controls:!0,className:`workflow-video-preview`,src:t.videoUrl}),r&&t.preservation?.pass&&(0,$.jsxs)(`div`,{className:`workflow-hint workflow-preservation-ok`,"data-testid":`h3-preservation-receipt`,children:[`✓ H3 scene/camera lock verified`,ep(t.preservation)]}),r&&t.preservation&&!t.preservation.pass&&(0,$.jsxs)(`div`,{className:`workflow-error workflow-preservation-failed`,"data-testid":`h3-preservation-failed`,children:[`✕ H3 output rejected: background/camera drift`,ep(t.preservation)]}),r&&t.isLoading&&(0,$.jsx)(`div`,{className:`workflow-hint`,children:`Generating video…`}),r&&t.errorMsg&&(0,$.jsx)(`div`,{className:`workflow-error`,children:t.errorMsg}),!r&&(0,$.jsx)(Yf,{id:e,data:t,category:`video`}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsxs)(`span`,{children:[`Video output `,(0,$.jsx)(Xf,{data:t})]}),(0,$.jsx)(`button`,{className:`workflow-mini-button`,type:`button`,onClick:()=>t.onRun?.(e),disabled:t.isLoading,children:(0,$.jsx)(y,{size:12})})]})]})}function np({id:e,data:t}){return(0,$.jsxs)(Kf,{id:e,type:`audio`,title:`Audio`,icon:k,children:[(0,$.jsx)(`label`,{children:`Model`}),(0,$.jsx)(Jf,{id:e,data:t,category:`audio`,fallback:[`audio-passthrough`]}),(0,$.jsx)(`label`,{children:`Prompt`}),(0,$.jsx)(`input`,{value:t.prompt||``,onChange:n=>t.onChange?.(e,{prompt:n.target.value}),placeholder:`Describe the voice or music`}),(0,$.jsx)(`label`,{children:`Audio URL`}),(0,$.jsx)(`input`,{value:t.audio_url||``,onChange:n=>t.onChange?.(e,{audio_url:n.target.value}),placeholder:`https://…`}),(0,$.jsx)(Yf,{id:e,data:t,category:`audio`}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsxs)(`span`,{children:[`Audio output `,(0,$.jsx)(Xf,{data:t})]}),(0,$.jsx)(`button`,{className:`workflow-mini-button`,type:`button`,onClick:()=>t.onRun?.(e),children:(0,$.jsx)(y,{size:12})})]})]})}function rp({id:e,data:t}){return(0,$.jsxs)(Kf,{id:e,type:`api`,title:`API Node`,icon:E,children:[(0,$.jsx)(`label`,{children:`Model`}),(0,$.jsx)(Jf,{id:e,data:t,category:`api`,fallback:[t.model||`api-model`]}),(0,$.jsx)(`label`,{children:`Parameters (JSON)`}),(0,$.jsx)(`textarea`,{className:`workflow-textarea`,value:t.params||`{}`,onChange:n=>t.onChange?.(e,{params:n.target.value})}),(0,$.jsx)(Yf,{id:e,data:t,category:`api`,exclude:[`params`]}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsxs)(`span`,{children:[`API model `,(0,$.jsx)(Xf,{data:t})]}),(0,$.jsx)(`button`,{className:`workflow-mini-button`,type:`button`,onClick:()=>t.onRun?.(e),children:(0,$.jsx)(y,{size:12})})]})]})}function ip({id:e,data:t}){let n=Array.isArray(t.characterOptions)?t.characterOptions:[],r=lf(t),i=n=>t.onChange?.(e,n),a=df(r.characterId);return(0,$.jsxs)(Kf,{id:e,type:`motion-input`,title:`Motion Input`,icon:se,children:[(0,$.jsx)(`label`,{children:`Character handle`}),(0,$.jsxs)(`select`,{"aria-label":`Motion character`,value:r.characterId,onChange:e=>i({characterId:e.target.value}),children:[(0,$.jsx)(`option`,{value:``,children:`Choose character…`}),n.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.name||e.subject||e.id},e.id))]}),(0,$.jsx)(`input`,{"aria-label":`Character id`,value:r.characterId,onChange:e=>i({characterId:e.target.value.trim()}),placeholder:`character id (e.g. char-a)`}),(0,$.jsx)(`label`,{children:`Motion spec (cozyclay.motion-spec.v1)`}),(0,$.jsxs)(`label`,{className:`workflow-upload workflow-motion-upload`,children:[(0,$.jsx)(A,{size:18}),(0,$.jsx)(`span`,{children:r.fileName||`Choose a motion spec .json`}),(0,$.jsx)(`input`,{type:`file`,accept:`.json,application/json`,onChange:e=>{let t=e.target.files?.[0];t&&t.text().then(e=>{let n=uf(e);n||Q.error(`Not a cozyclay.motion-spec.v1 file`),i(n?{spec:n,fileName:t.name,status:`ready`}:{spec:null,fileName:t.name,status:`error`})})}})]}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsx)(`span`,{children:r.status===`ready`?`${a} ready`:`Connect to a character handle`}),(0,$.jsx)(`span`,{children:pf(r).frames?`${pf(r).frames}f`:``})]})]})}function ap({id:e,data:t}){return(0,$.jsxs)(Kf,{id:e,type:`video-combiner`,title:`Video Combiner`,icon:L,children:[(0,$.jsx)(`label`,{children:`Model`}),(0,$.jsx)(Jf,{id:e,data:t,category:`utility`,allowedModels:[`video-combiner`],fallback:[`video-combiner`]}),(0,$.jsx)(`label`,{children:`Video URLs (one per line)`}),(0,$.jsx)(`textarea`,{className:`workflow-textarea`,value:(t.videos_list||[]).join(`
|
|
179
|
+
`),onChange:n=>t.onChange?.(e,{videos_list:n.target.value.split(/\n+/).map(e=>e.trim()).filter(Boolean)}),placeholder:`https://…`}),(0,$.jsx)(`label`,{children:`Aspect ratio`}),(0,$.jsxs)(`select`,{value:t.aspect_ratio||`auto`,onChange:n=>t.onChange?.(e,{aspect_ratio:n.target.value}),children:[(0,$.jsx)(`option`,{children:`auto`}),(0,$.jsx)(`option`,{children:`16:9`}),(0,$.jsx)(`option`,{children:`9:16`}),(0,$.jsx)(`option`,{children:`1:1`})]}),(0,$.jsx)(Yf,{id:e,data:t,category:`utility`,exclude:[`videos_list`,`aspect_ratio`]}),(0,$.jsxs)(`div`,{className:`workflow-node-foot`,children:[(0,$.jsxs)(`span`,{children:[`Combined video `,(0,$.jsx)(Xf,{data:t})]}),(0,$.jsx)(`button`,{className:`workflow-mini-button`,type:`button`,onClick:()=>t.onRun?.(e),children:(0,$.jsx)(y,{size:12})})]})]})}function op({id:e,data:t}){return(0,$.jsxs)(Kf,{id:e,type:`upload`,title:`Upload`,icon:A,children:[(0,$.jsxs)(`label`,{className:`workflow-upload`,children:[(0,$.jsx)(A,{size:18}),(0,$.jsx)(`span`,{children:t.uploading?`Reading…`:`Choose image, video, or audio`}),(0,$.jsx)(`input`,{type:`file`,accept:`image/*,video/*,audio/*`,disabled:t.uploading,onChange:n=>{let r=n.target.files?.[0];r&&t.onUpload?.(e,r)}})]}),typeof t.image_url==`string`&&t.image_url.startsWith(`data:image/`)&&(0,$.jsx)(`img`,{className:`workflow-image-preview`,src:t.image_url,alt:t.fileName||`Uploaded image`}),(0,$.jsx)(`p`,{className:`workflow-hint`,children:t.fileName||`Files stay local to this browser session. Paste or drop an image onto the canvas to add one here.`})]})}function sp({id:e,data:t}){return(0,$.jsxs)(Kf,{id:e,type:`concat`,title:`Prompt Concat`,icon:T,children:[(0,$.jsx)(`label`,{children:`Template`}),(0,$.jsx)(`input`,{value:t.template||`{prompt} {style}`,onChange:n=>t.onChange?.(e,{template:n.target.value})}),(0,$.jsx)(`div`,{className:`workflow-node-foot`,children:(0,$.jsx)(`span`,{children:`Text merge`})}),(0,$.jsx)(Cs,{type:`target`,position:X.Left,id:`input-a`,className:`workflow-handle target`})]})}function cp(e){return(0,$.jsx)(Rf,{...e,NodeShell:Kf})}var lp={text:Zf,image:$f,video:tp,audio:np,api:rp,"video-combiner":ap,upload:op,concat:sp,"motion-input":ip,"shot-prompt":cp};function up({data:e,...t}){return(0,$.jsx)(tf,{...t,data:e,HandleComponent:Cs,onDataChange:e.onSceneChange,onRun:e.onSceneRun,onVideo:e.onSceneVideo,onOpenScene:()=>window.open(`/app/`,`_blank`,`noopener,noreferrer`)})}var dp={...lp,scene:up};function fp(){let e=(0,B.useMemo)(Hf,[]),[t,r,a]=$l(e.nodes),[u,p,g]=eu(e.edges),[v,D]=(0,B.useState)(!1),[O,F]=(0,B.useState)(`local`),[R,ee]=(0,B.useState)(!1),[z,ie]=(0,B.useState)(()=>globalThis.__COZYCLAY_NODE_SCHEMAS__||_),[le,V]=(0,B.useState)(``),[H,ue]=(0,B.useState)(()=>mf()),[de,U]=(0,B.useState)(()=>{let e=I(),t=e?.scenes?.find(t=>t?.id===e?.activeSceneId)??e?.scenes?.[0];return{id:t?.id||null,name:t?.name||`CozyClay Scene`}}),W=(0,B.useMemo)(()=>Gf(t,u),[t,u]),fe=(0,B.useRef)(W),pe=(0,B.useRef)(null);(0,B.useEffect)(()=>{fe.current=W},[W]);let G=(0,B.useCallback)((e,t)=>r(n=>n.map(n=>n.id===e?{...n,data:{...n.data,...t}}:n)),[r]),me=(0,B.useCallback)(({id:e,patch:t})=>r(n=>n.map(n=>n.id===e?{...n,data:{...n.data,...t,...Yd(n.data,t)}}:n)),[r]),K=(0,B.useRef)(null),he=(0,B.useCallback)((e,t=null,{position:n,data:i}={})=>{let a=`${e}-${Date.now()}`;return r(r=>{let o=Math.max(0,r.length-3),s=n??(r.length<3?{x:80+r.length*300,y:100}:{x:80+o%2*360,y:560+Math.floor(o/2)*260}),c=Bf(e,a,s,t,z);return[...r,i?{...c,data:{...c.data,...i}}:c]}),Q.success(`${e===`scene`?`CozyClay Scene`:e} node added`),a},[z,r]),ge=(0,B.useRef)(null),_e=(0,B.useCallback)(async(e,t)=>{let n=await d(e),r=K.current,i=ge.current?.getBoundingClientRect(),a=t??(i?{x:i.left+i.width/2,y:i.top+i.height/2}:null),o=r&&a?r.screenToFlowPosition(a):void 0;he(`upload`,null,{position:o,data:c(e,n)})},[he]);(0,B.useEffect)(()=>{let e=e=>{if(e.defaultPrevented||!f(e.target,e.clipboardData))return;let t=l(e.clipboardData);e.preventDefault(),_e(t).catch(e=>Q.error(`Could not paste the image (${e.message})`))};return window.addEventListener(`paste`,e),()=>window.removeEventListener(`paste`,e)},[_e]);let ve=(0,B.useCallback)(e=>{(l(e.dataTransfer)||Array.from(e.dataTransfer?.types??[]).includes(`Files`))&&(e.preventDefault(),e.dataTransfer.dropEffect=`copy`)},[]),ye=(0,B.useCallback)(e=>{let t=l(e.dataTransfer);t&&(e.preventDefault(),_e(t,{x:e.clientX,y:e.clientY}).catch(e=>Q.error(`Could not add the image (${e.message})`)))},[_e]),be=(0,B.useCallback)((e,t,n)=>{let r=x(t),i=P(z,r,n.id);G(e,{model:n.id,selectedModel:n,formValues:N(i)})},[z,G]),xe=(0,B.useCallback)((e,n)=>{let r=t.find(t=>t.id===e),{versions:i,index:a}=Cf(r?.data),o=Number.isInteger(n)?Math.min(Math.max(n,0),i.length-1):a,s=i[o];if(!s?.dataUrl){Q.error(`Generate an image before using it as a reference`);return}let l=r.position||{x:0,y:0},u=`version-${o+1}.png`,d={name:u,type:s.dataUrl.slice(5,s.dataUrl.indexOf(`;`))||`image/png`},f=he(`upload`,null,{position:{x:l.x+320,y:l.y},data:{...c(d,s.dataUrl),uploadName:u,thumbnail:s.dataUrl,label:`Upload`}}),m=he(`image`,{id:`image-generation`,name:`Image generation`},{position:{x:l.x+640,y:l.y},data:{prompt:s.prompt||``}});p(e=>es({id:`e-${f}-${m}`,source:f,target:m,sourceHandle:`output`,targetHandle:`input`,animated:!0,style:{stroke:`#8994ff`,strokeWidth:2}},e)),Q.success(`v${o+1} reused as a reference`)},[he,t,p]);(0,B.useEffect)(()=>{let e=globalThis.__COZYCLAY_NODE_SCHEMAS__;e?.categories&&ie(e)},[]),(0,B.useEffect)(()=>{let e=()=>{let e=mf(),t=I(),n=t?.scenes?.find(e=>e?.id===t?.activeSceneId)??t?.scenes?.[0];ue(e),U({id:n?.id||null,name:n?.name||`CozyClay Scene`})};return window.addEventListener(`storage`,e),window.addEventListener(`cozyclay:scene-change`,e),()=>{window.removeEventListener(`storage`,e),window.removeEventListener(`cozyclay:scene-change`,e)}},[]),(0,B.useEffect)(()=>{re(W)},[W]),(0,B.useEffect)(()=>{let e=e=>{if(e.key!==`cozyclay.workflow.v1`)return;let t=b();r(e.newValue===null?Vf.nodes:t.nodes),p(e.newValue===null?Vf.edges:t.edges)};return window.addEventListener(`storage`,e),()=>window.removeEventListener(`storage`,e)},[p,r]),(0,B.useEffect)(()=>{let e=(e=>u.filter(t=>t.targetHandle===e).map(e=>e.source).filter((e,t,n)=>n.indexOf(e)===t))(`asset`),t=u.filter(e=>e.targetHandle===`motion`||ff(e.targetHandle)).map(e=>e.source).filter((e,t,n)=>n.indexOf(e)===t),n=u.filter(e=>ff(e.targetHandle)).map(e=>({source:e.source,characterId:ff(e.targetHandle),handle:e.targetHandle})).filter(e=>e.characterId);r(r=>{let i=!1,a=r.map(r=>{if(r.type!==`scene`)return r;let a=Array.isArray(r.data?.assetInputs)?r.data.assetInputs:[],o=Array.isArray(r.data?.motionInputs)?r.data.motionInputs:[],s=Array.isArray(r.data?.characterInputs)?r.data.characterInputs:[];return JSON.stringify(a)===JSON.stringify(e)&&JSON.stringify(o)===JSON.stringify(t)&&JSON.stringify(s)===JSON.stringify(n)?r:(i=!0,{...r,data:{...r.data,assetInputs:e,motionInputs:t,characterInputs:n}})});return i?a:r})},[u,r]);let Se=(0,B.useCallback)(async(e,t)=>{G(e,{uploading:!0,fileName:t.name});let n=t.type.startsWith(`video/`)?`video_url`:t.type.startsWith(`audio/`)?`audio_url`:`image_url`,r=n===`image_url`?await d(t):URL.createObjectURL(t);try{if(n===`image_url`){let i=await ne(t);G(e,{uploading:!1,fileName:t.name,mimeType:t.type,fileUrl:r,localPreview:!0,[n]:r,assetId:i.asset.id,outputs:[{value:r}]}),Q.success(i.changed?`Image added to the active Scene`:`Image already exists in the active Scene`);return}}catch(e){Q(`Scene import unavailable; local preview kept (${e.message})`)}G(e,{uploading:!1,fileName:t.name,mimeType:t.type,fileUrl:r,localPreview:!0,[n]:r,outputs:[{value:r}]}),Q.success(`File kept in this browser session`)},[G]),Ce=(0,B.useCallback)(()=>{re(W),ee(!0),Q.success(`Workflow saved locally`)},[W]),we=(0,B.useRef)(null),Te=(0,B.useCallback)(async(e=null,t=W)=>{let a=o({node_count_bucket:s(t.nodes.length)},{capture:i,durationBucket:m});try{if(!t.nodes.length)return F(`complete`),a.succeed(),Q.success(`Local CozyClay scene is ready`),{graph:t,outputs:[]};F(`running`);let i=t,o=hf(i,{runId:`local-${Date.now()}`});r(o.nodes);let s=new Map,c=new Map,l=new Map,u=new Map,d=null,f=(e,t)=>{l.set(e,{...l.get(e)||{},...t}),G(e,t)};for(let e of o.order){let t=o.nodes.find(t=>t.id===e);if(t)if(t.type===`scene`)try{let n=await Uf(e);s.set(e,n.dataUrl);let r=Array.isArray(n.references)?n.references:[];f(e,{status:`complete`,statusMessage:`Captured framing PNG`,preview:`render`,lastOutput:{renderUrl:n.dataUrl,sceneUrl:`/app/`,jobId:null,meta:n.meta??null,references:r},outputs:[{value:n.dataUrl}],resultUrl:n.dataUrl}),a.apply(),c.set(e,n.meta??t.data?.lastOutput?.meta??null),u.set(e,r)}catch(t){d||={error:t,code:`capture_failed`},f(e,{status:`error`,errorMsg:t.message,statusMessage:t.message})}else if(t.type===`shot-prompt`){let n=(i.edges||[]).filter(t=>t.target===e).map(e=>o.nodes.find(t=>t.id===e.source)).filter(Boolean),r=n.find(e=>e.type===`scene`),{prompt:a,error:l}=Lf({meta:r&&c.get(r.id)||r?.data?.lastOutput?.meta||null,intent:n.filter(e=>e.type===`text`).map(e=>e.data?.prompt??s.get(e.id)).find(e=>typeof e==`string`&&e.trim()),target:t.data?.target,referenceOwnsCamera:t.data?.referenceOwnsCamera});if(l){d||={code:`unknown`},f(e,{status:`error`,errorMsg:l,prompt:``,outputs:[],resultUrl:null});continue}s.set(e,a),f(e,{status:`complete`,errorMsg:null,prompt:a,outputs:[{value:a}],resultUrl:null})}else if(t.type===`video`&&t.data?.model===`video-generation`){let r=(i.edges||[]).filter(t=>t.target===e).map(e=>({edge:e,value:s.get(e.source),node:o.nodes.find(t=>t.id===e.source)})),c=r.filter(e=>typeof e.value==`string`&&e.value.startsWith(`data:image/`)),l=c[0]?.value,u=c[1]?.value;if(!l){d||={code:`unknown`},f(e,{status:`error`,errorMsg:`Connect a Scene frame or an image before generating.`});continue}let p=t.data.formValues||{},m=r.map(e=>e.node?.type===`shot-prompt`?e.value:null).find(e=>typeof e==`string`&&e.trim()),h=String(p.prompt??t.data.prompt??``).trim()||m||``;s.delete(e),f(e,{isLoading:!0,status:`running`,errorMsg:null,videoUrl:null,resultUrl:null,outputs:[],preservation:null});try{let r=p.provider||t.data.provider||`comfy`,i=r===`fal`?(await n().videoProviders()).providers?.find(e=>e.id===`fal`)?.model:void 0,o=Nf(r,{...p,duration_seconds:p.duration_seconds??t.data.duration_seconds,aspect:p.aspect||t.data.aspect},i),c=await n().video({provider:r,prompt:h,imageDataUrl:l,...u?{lastFrameDataUrl:u}:{},durationSeconds:o.duration_seconds,aspect:o.aspect}),d=c.dataUrl||c.url;s.set(e,d),f(e,{isLoading:!1,status:`complete`,videoUrl:d,resultUrl:d,outputs:[{value:d}],preservation:c.preservation||null,errorMsg:null}),d&&a.apply()}catch(t){d||={error:t,code:`generation_failed`},s.delete(e),f(e,{isLoading:!1,status:`error`,errorMsg:t.message,statusMessage:t.message,videoUrl:null,resultUrl:null,outputs:[],preservation:t?.preservation||null})}}else if(t.type===`image`&&t.data?.model===`image-generation`){let r=(i.edges||[]).filter(t=>t.target===e).map(e=>({edge:e,value:s.get(e.source),node:o.nodes.find(t=>t.id===e.source)})),c=r.find(e=>e.node?.type===`scene`&&e.value)?.value,l=r.find(e=>e.node?.type!==`scene`&&typeof e.value==`string`&&e.value.startsWith(`data:image/`))?.value,p=c||r.map(e=>e.value).find(Boolean)||t.data.image_url,{source:m,reference:h}=Ef(t.data,{source:p,reference:l});if(!m){d||={code:`unknown`},f(e,{status:`error`,errorMsg:`Connect a Scene frame before generating.`});continue}let g=r.map(e=>e.node?.type===`shot-prompt`?e.value:null).find(e=>typeof e==`string`&&e.trim()),_=String(t.data.prompt||``).trim()||g||``,v=r.find(e=>e.node?.type===`scene`)?.node,y=v&&u.get(v.id)||(Array.isArray(v?.data?.lastOutput?.references)?v.data.lastOutput.references:[]);f(e,{isLoading:!0,errorMsg:null});try{let r=await n().image({prompt:_,imageDataUrl:m,referenceDataUrl:h||(typeof t.data.image_url==`string`&&t.data.image_url.startsWith(`data:image/`)?t.data.image_url:void 0),...y.length?{references:y}:{},quality:`auto`});s.set(e,r.dataUrl),f(e,{isLoading:!1,status:`complete`,errorMsg:null,...wf(t.data,{dataUrl:r.dataUrl,prompt:_,referenceDataUrl:h||null,frameDataUrl:m,at:Date.now()})}),r.dataUrl&&a.apply()}catch(t){d||={error:t,code:`generation_failed`},f(e,{isLoading:!1,status:`error`,errorMsg:t.message})}}else s.set(e,t.data?.outputs?.[0]?.value)}let p=new Map(o.nodes.map(e=>[e.id,e]));for(let e of o.nodes.filter(e=>e.type===`scene`))for(let t of Array.isArray(e.data?.characterInputs)?e.data.characterInputs:[]){let e=p.get(t.source);if(e?.type!==`motion-input`||!t.characterId)continue;let n=pf({...e.data,...l.get(e.id)||{}});n.spec&&oe(t.characterId,n)}F(`complete`),Q.success(e?`Node evaluated locally`:`Workflow evaluated locally`);let m=o.nodes.map(e=>{let t=l.get(e.id),n=t&&Object.prototype.hasOwnProperty.call(t,`outputs`);return{id:e.id,outputs:s.has(e.id)&&s.get(e.id)!==void 0?[{value:s.get(e.id)}]:n?t.outputs:e.data?.outputs||[]}}),h={graph:Gf(o.nodes.map(e=>({...e,data:{...e.data,...l.get(e.id)||{},outputs:m.find(t=>t.id===e.id).outputs}})),i.edges),outputs:m};return d?a.fail(d.error,d.code):a.succeed(),h}catch(e){throw a.fail(e),F(`complete`),e}},[W,r]);(0,B.useEffect)(()=>{we.current=Te},[Te]),(0,B.useEffect)(()=>{let e={getGraph:()=>fe.current,setGraph:e=>{r(e.nodes||[]),p(e.edges||[])},run:(e=fe.current)=>we.current(null,e),focus:e=>{document.querySelector(`.react-flow__node[data-id="${CSS.escape(e)}"]`)?.scrollIntoView({block:`center`,inline:`center`})}};window.__cozyclayWorkflow=e,pe.current=xf({store:e,makeNode:Bf,nodeSchemas:z});let t=te({handlers:pe.current.handlers,meta:{kind:`workflow`,commands:Object.keys(pe.current.handlers)}}),n=e=>{let t=e.target;!(t instanceof HTMLElement&&(t.matches(`input,textarea,select,[contenteditable=true]`)||t.isContentEditable))&&(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===`z`&&(e.preventDefault(),pe.current.undo())};return window.addEventListener(`keydown`,n),()=>{window.removeEventListener(`keydown`,n),t.close(),pe.current=null,window.__cozyclayWorkflow===e&&delete window.__cozyclayWorkflow}},[z,p,r]);let Ee=(0,B.useCallback)(async({id:e,data:t})=>{let n=o({node_count_bucket:`1-3`},{capture:i,durationBucket:m});me({id:e,patch:{status:`running`,statusMessage:`Capturing framing PNG`}});try{let t=await Uf(e);me({id:e,patch:{status:`complete`,statusMessage:`Captured framing PNG`,preview:`render`,lastOutput:{renderUrl:t.dataUrl,sceneUrl:`/app/`,jobId:null,meta:t.meta??null,references:Array.isArray(t.references)?t.references:[]},outputs:[{value:t.dataUrl}],resultUrl:t.dataUrl}}),n.apply(),n.succeed(),Q.success(`Scene frame captured`)}catch(t){n.fail(t,`capture_failed`),me({id:e,patch:{status:`error`,errorMsg:t.message,statusMessage:t.message}})}},[me]),De=(0,B.useCallback)(({id:e})=>{let n=t.find(t=>t.id===e)?.position||{x:0,y:0},r=he(`video`,{id:`video-generation`,name:`Video generation`},{position:{x:n.x+380,y:n.y}});p(t=>es({id:`e-${e}-${r}`,source:e,target:r,sourceHandle:`render`,targetHandle:`input`,animated:!0,style:{stroke:`#8994ff`,strokeWidth:2}},t)),Q.success(`Video node connected to the Scene render`)},[he,t,p]),Oe=(0,B.useMemo)(()=>t.map(e=>({...e,data:{...e.data,id:e.id,nodeSchemas:z,characterOptions:H,...e.type===`scene`?{characters:H,sceneId:de.id,sceneName:de.name}:{},onChange:G,onModelChange:be,...e.type===`scene`?{onSceneChange:me,onSceneRun:Ee,onSceneVideo:De}:{onRun:Te},...e.type===`upload`?{onUpload:Se}:{},...e.type===`image`?{onUseAsReference:xe}:{}}})),[be,z,t,Ee,Te,H,de,De,G,me,Se,xe]),ke=(0,B.useCallback)(()=>{let e=new Blob([JSON.stringify(W,null,2)],{type:`application/json`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`cozyclay-workflow.json`,n.click(),URL.revokeObjectURL(t),Q.success(`Workflow exported`)},[W]),Ae=(0,B.useCallback)(e=>{let n=t.find(t=>t.id===e.target),r=t.find(t=>t.id===e.source);if(n?.type===`motion-input`){Q.error(`Motion Input takes a motion spec file, not a node`);return}if(n?.type===`scene`&&!zd(r,e.targetHandle,r?.data)){Q.error((e.targetHandle||``).startsWith(`character:`)||e.targetHandle===`motion`?`Character inputs accept Motion Input only`:`Scene asset input accepts images only`);return}p(t=>es({...e,animated:!0,style:{stroke:`#8994ff`,strokeWidth:2}},t))},[t,p]),je={local:`Local workflow`,running:`Running`,complete:`Complete`}[O]||`Local workflow`,Me=(0,B.useMemo)(()=>[`text`,`image`,`video`,`audio`,`api`].flatMap(e=>M(z,e).map(t=>({...t,type:e}))).filter(e=>!le.trim()||`${e.name} ${e.id}`.toLowerCase().includes(le.trim().toLowerCase())).slice(0,8),[le,z]),Ne={text:C,image:w,video:ce,audio:k,api:E};return(0,$.jsxs)(`div`,{className:`workflow-app`,children:[(0,$.jsx)(kd,{position:`bottom-right`,toastOptions:{style:{background:`#252833`,color:`#f4f5fb`}}}),(0,$.jsxs)(`header`,{className:`workflow-topbar`,children:[(0,$.jsxs)(`div`,{className:`workflow-brand`,children:[(0,$.jsx)(`span`,{className:`workflow-brand-mark`,children:`C`}),(0,$.jsx)(`span`,{children:`CozyClay`}),(0,$.jsx)(`span`,{className:`workflow-divider`,children:`/`}),(0,$.jsx)(`strong`,{children:`Workflow`})]}),(0,$.jsxs)(`div`,{className:`workflow-top-actions`,children:[(0,$.jsxs)(`span`,{className:`workflow-status ${O}`,children:[(0,$.jsx)(`i`,{}),` `,je]}),(0,$.jsx)(`button`,{type:`button`,onClick:Ce,children:R?`Saved`:`Save`}),(0,$.jsxs)(`button`,{type:`button`,onClick:()=>Te(),children:[(0,$.jsx)(y,{size:12}),` Run`]}),(0,$.jsx)(`button`,{type:`button`,onClick:ke,children:`Export`}),(0,$.jsx)(`button`,{type:`button`,className:`workflow-agent-toggle`,title:`Toggle agent panel (Cmd/Ctrl+B)`,onClick:()=>window.dispatchEvent(new CustomEvent(`cozyclay:agent-panel-toggle`)),children:`Agent`})]})]}),(0,$.jsxs)(`div`,{className:`workflow-main`,children:[(0,$.jsxs)(`aside`,{className:`workflow-sidebar`,children:[(0,$.jsx)(`div`,{className:`workflow-sidebar-title`,children:`Nodes`}),(0,$.jsx)(`p`,{className:`workflow-sidebar-copy`,children:`Build a visual chain from prompts to a staged CozyClay scene.`}),(0,$.jsx)(`input`,{className:`workflow-node-search`,"aria-label":`Search nodes or models`,placeholder:`Search nodes or models`,value:le,onChange:e=>V(e.target.value)}),le&&(0,$.jsx)(`div`,{className:`workflow-model-results`,children:Me.length?Me.map(e=>{let t=Ne[e.type]||j;return(0,$.jsxs)(`button`,{type:`button`,className:`workflow-add-node`,onClick:()=>{he(e.type,e),V(``)},children:[(0,$.jsx)(`span`,{style:{color:zf[e.type]},children:(0,$.jsx)(t,{size:15})}),(0,$.jsx)(`span`,{children:e.name}),(0,$.jsx)(S,{size:13})]},`${e.type}-${e.id}`)}):(0,$.jsx)(`span`,{className:`workflow-hint`,children:`No models found`})}),(0,$.jsx)(`div`,{className:`workflow-node-menu`,children:[[`text`,`Text`,C],[`image`,`Image`,w],[`video`,`Video`,ce],[`audio`,`Audio`,k],[`api`,`API Node`,E],[`video-combiner`,`Video Combiner`,L],[`motion-input`,`Motion Input`,se],[`shot-prompt`,`Shot Prompt`,h],[`upload`,`Upload`,A],[`concat`,`Prompt Concat`,T],[`scene`,`CozyClay Scene`,j]].map(([e,t,n])=>(0,$.jsxs)(`button`,{type:`button`,className:`workflow-add-node`,onClick:()=>he(e),children:[(0,$.jsx)(`span`,{style:{color:zf[e]},children:(0,$.jsx)(n,{size:16})}),(0,$.jsx)(`span`,{children:t}),(0,$.jsx)(S,{size:13})]},e))}),(0,$.jsxs)(`div`,{className:`workflow-sidebar-bottom`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>D(e=>!e),children:v?`Unlock canvas`:`Lock canvas`}),(0,$.jsx)(`a`,{href:`/app/`,children:`Open Studio ↗`})]})]}),(0,$.jsx)(`section`,{className:`workflow-canvas`,ref:ge,onDragOver:ve,onDrop:ye,children:(0,$.jsxs)(Zl,{onInit:e=>{K.current=e},nodes:Oe,edges:u,nodeTypes:dp,onNodesChange:v?void 0:a,onEdgesChange:v?void 0:g,onConnect:v?void 0:Ae,fitView:!0,snapToGrid:!0,snapGrid:[16,16],defaultEdgeOptions:{type:`smoothstep`},children:[(0,$.jsx)(yu,{color:`#282c38`,gap:24,size:1}),(0,$.jsx)(uu,{showInteractive:!1}),(0,$.jsx)(Za,{position:`top-right`,className:`workflow-canvas-panel`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>he(`scene`),children:[(0,$.jsx)(S,{size:13}),` Add node`]})})]})}),(0,$.jsx)(ae,{sceneName:de.name})]})]})}a(),(0,le.createRoot)(document.getElementById(`workflow-root`)).render((0,$.jsx)(B.StrictMode,{children:(0,$.jsx)(fp,{})}));
|