@babsey/code-graph 0.5.0 → 0.5.2

package/dist/code-graph.js

@@ -1,15 +1,15 @@
 import ce from "mustache";
-import { reactive as te, defineComponent as F, createElementBlock as b, openBlock as p, toDisplayString as P, markRaw as Y, computed as G, createElementVNode as m, withDirectives as ke, vModelText as xe, createStaticVNode as fe, toRef as $e, ref as H, createVNode as L, unref as O, mergeModels as Be, useModel as Nt, resolveComponent as qe, createCommentVNode as j, onMounted as Se, onBeforeUnmount as Je, watch as Qe, createBlock as B, withCtx as ee, normalizeProps as Et, guardReactiveProps as Tt, renderSlot as q, mergeProps as Ot, onUpdated as Ze, normalizeStyle as Ge, normalizeClass as oe, withModifiers as de, Fragment as U, createTextVNode as et, withKeys as Oe, renderList as ae, nextTick as Mt, resolveDynamicComponent as He, inject as $t, Transition as St, shallowReadonly as Gt } from "vue";
+import { reactive as te, defineComponent as F, createElementBlock as b, openBlock as p, toDisplayString as P, markRaw as W, computed as G, createElementVNode as m, withDirectives as ke, vModelText as xe, createStaticVNode as fe, toRef as $e, ref as H, createVNode as L, unref as O, mergeModels as He, useModel as Et, resolveComponent as Je, createCommentVNode as j, onMounted as Se, onBeforeUnmount as Qe, watch as Ze, createBlock as V, withCtx as ee, normalizeProps as Tt, guardReactiveProps as Ot, renderSlot as q, mergeProps as Mt, onUpdated as et, normalizeStyle as Ge, normalizeClass as oe, withModifiers as de, Fragment as U, createTextVNode as tt, withKeys as Oe, renderList as ae, nextTick as $t, resolveDynamicComponent as ze, inject as St, Transition as Gt, shallowReadonly as Lt } from "vue";
 import { v4 as re } from "uuid";
-import { AbstractNode as Lt, NodeInterface as J, Graph as At, getGraphNodeTypeString as tt, GraphTemplate as Rt, GRAPH_NODE_TYPE_PREFIX as jt, GRAPH_INPUT_NODE_TYPE as Pt, GRAPH_OUTPUT_NODE_TYPE as Vt, Editor as Bt } from "@baklavajs/core";
-import { NodeInterfaceType as ie, BaklavaInterfaceTypes as Ht, setType as V } from "@baklavajs/interface-types";
-import { allowMultipleConnections as ue, BaseEngine as zt, sortTopologically as Ut, applyResult as nt } from "@baklavajs/engine";
-import { displayInSidebar as ot, CheckboxInterfaceComponent as Dt, useGraph as Le, IntegerInterfaceComponent as Ft, TextInputInterfaceComponent as st, NumberInterfaceComponent as Yt, SelectInterfaceComponent as Wt, SliderInterfaceComponent as Xt, TextareaInputInterfaceComponent as Kt, Commands as ne, DEFAULT_TOOLBAR_COMMANDS as qt, BaklavaEditor as Jt, Components as Me, useViewModel as me, useTemporaryConnection as Qt, useTransform as Zt, useNodeCategories as en, TextInputInterface as at, DEFAULT_SETTINGS as tn, useCommandHandler as nn, useHistory as on, useClipboard as sn, registerDeleteNodesCommand as an, registerSaveSubgraphCommand as rn, registerSwitchToMainGraphCommand as ln, registerSidebarCommands as dn, registerZoomToFitCommands as un, setViewNodeProperties as cn } from "@baklavajs/renderer-vue";
-import pn from "toposort";
-import { SequentialHook as ze } from "@baklavajs/events";
-import { usePointer as hn } from "@vueuse/core";
+import { AbstractNode as At, NodeInterface as J, Graph as Rt, getGraphNodeTypeString as nt, GraphTemplate as jt, GRAPH_NODE_TYPE_PREFIX as Pt, GRAPH_INPUT_NODE_TYPE as Bt, GRAPH_OUTPUT_NODE_TYPE as Vt, Editor as Ht } from "@baklavajs/core";
+import { NodeInterfaceType as ie, BaklavaInterfaceTypes as zt, setType as B } from "@baklavajs/interface-types";
+import { allowMultipleConnections as ue, BaseEngine as Ut, sortTopologically as Dt, applyResult as ot } from "@baklavajs/engine";
+import { displayInSidebar as st, CheckboxInterfaceComponent as Ft, useGraph as Le, IntegerInterfaceComponent as Wt, TextInputInterfaceComponent as at, NumberInterfaceComponent as Yt, SelectInterfaceComponent as Xt, SliderInterfaceComponent as Kt, TextareaInputInterfaceComponent as qt, Commands as ne, DEFAULT_TOOLBAR_COMMANDS as Jt, BaklavaEditor as Qt, Components as Me, useViewModel as me, useTemporaryConnection as Zt, useTransform as en, useNodeCategories as tn, TextInputInterface as rt, DEFAULT_SETTINGS as nn, useCommandHandler as on, useHistory as sn, useClipboard as an, registerDeleteNodesCommand as rn, registerSaveSubgraphCommand as ln, registerSwitchToMainGraphCommand as dn, registerSidebarCommands as un, registerZoomToFitCommands as cn, setViewNodeProperties as pn } from "@baklavajs/renderer-vue";
+import hn from "toposort";
+import { SequentialHook as Ue } from "@baklavajs/events";
+import { usePointer as fn } from "@vueuse/core";
 ce.escape = (n) => n;
-class rt extends Lt {
+class it extends At {
   codeTemplate;
   isCodeNode = !0;
   mask = null;
@@ -28,7 +28,7 @@ class rt extends Lt {
       script: "",
       variableName: ""
     }), this.codeTemplate = function() {
-      return `${this.name}(${fn(this.codeNodeInputs).join(", ")})`;
+      return `${this.name}(${mn(this.codeNodeInputs).join(", ")})`;
     };
   }
   get code() {
@@ -54,6 +54,9 @@ class rt extends Lt {
   get idx() {
     return this.graph.nodes.filter((e) => !e.state.integrated).indexOf(this) ?? -1;
   }
+  get idxByType() {
+    return this.graph.getNodesByType(this.type).indexOf(this) ?? -1;
+  }
   get idxByVariableNames() {
     return this.graph.getNodesByVariableName(this.state.variableName).filter((e) => !e.state.integrated).indexOf(this) ?? -1;
   }
@@ -190,7 +193,7 @@ class rt extends Lt {
   }
   /**
    * Update input values
-   * @param props values for inputs
+   * @param inputs input values
    */
   updateInputValues(e) {
     const t = Object.keys(this.inputs);
@@ -199,7 +202,7 @@ class rt extends Lt {
     });
   }
 }
-class Ae extends rt {
+class Ae extends it {
   /**
    * The default implementation does nothing.
    * Overwrite this method to do calculation.
@@ -212,21 +215,21 @@ class Ae extends rt {
     return this.lockCode || (o._code = this.renderCode({ inputs: e, ...t })), this.updateOutputValues(o), o;
   };
   load(e) {
-    super.load(e), it(this.graph, e), this.afterLoaded();
+    super.load(e), lt(this.graph, e), this.afterLoaded();
   }
   save() {
     const e = super.save();
-    return mn(this.graph, e), e;
+    return vn(this.graph, e), e;
   }
 }
-const fn = (n, e = !0) => {
+const mn = (n, e = !0) => {
   const t = [], o = Object.keys(n);
   return o.forEach((s) => {
     if (n[s]?.hidden) return;
     const i = e && t.length < o.indexOf(s) ? `${s}=` : "";
     t.push(`${i}{{ inputs.${s} }}`);
   }), t;
-}, it = (n, e) => {
+}, lt = (n, e) => {
   if (!n) return;
   const t = n.findNodeById(e.id);
   if (!t || t.subgraph) return;
@@ -236,7 +239,7 @@ const fn = (n, e = !0) => {
   }), Object.entries(e.outputs).forEach(([s, a]) => {
     s !== "_code" && o.outputs[s] && (o.outputs[s].hidden = a.hidden, o.outputs[s].state.optional = a.optional);
   });
-}, mn = (n, e) => {
+}, vn = (n, e) => {
   if (!n) return;
   const t = n.findNodeById(e.id);
   if (!t || t.subgraph) return;
@@ -249,30 +252,30 @@ const fn = (n, e = !0) => {
   }), Object.entries(e.outputs).forEach(([s, a]) => {
     s !== "_code" && o.outputs[s] && (a.hidden = o.outputs[s].hidden);
   });
-}, vn = (n, e) => {
+}, gn = (n, e) => {
   switch (n) {
     case "CheckBoxInterface":
-      return new yn(e.id, e.value);
+      return new _n(e.id, e.value);
     case "IntegerInterface":
-      return new ht(
+      return new ft(
         e.id,
         e.value,
         e.min,
         e.max
       );
     case "NumberInterface":
-      return new Cn(
+      return new wn(
         e.id,
         e.value,
         e.min,
         e.max
       );
     case "SelectInterface":
-      return new wn(e.id, e.value, e.items);
+      return new kn(e.id, e.value, e.items);
     default:
-      return new ft(e.id, e.value);
+      return new mt(e.id, e.value);
   }
-}, gn = ["title"], Re = /* @__PURE__ */ F({
+}, bn = ["title"], Re = /* @__PURE__ */ F({
   __name: "CodeNodeInterface",
   props: {
     intf: {}
@@ -280,7 +283,7 @@ const fn = (n, e = !0) => {
   setup(n) {
     return (e, t) => (p(), b("div", {
       title: n.intf.value
-    }, P(n.intf.name), 9, gn));
+    }, P(n.intf.name), 9, bn));
   }
 });
 class D extends J {
@@ -289,7 +292,7 @@ class D extends J {
   state;
   type = null;
   constructor(e, t) {
-    super(e, t), this.setComponent(Y(Re)), this.state = te({
+    super(e, t), this.setComponent(W(Re)), this.state = te({
       optional: !1
     });
   }
@@ -306,7 +309,7 @@ class D extends J {
 }
 class ve extends D {
   constructor(e = "", t) {
-    super(e, t), this.setComponent(Y(Re)), this.use(ot, !0);
+    super(e, t), this.setComponent(W(Re)), this.use(st, !0);
   }
   get value() {
     return super.value;
@@ -315,20 +318,20 @@ class ve extends D {
     super.value = e, this.name !== "_code" && this.setHidden(!1);
   }
 }
-const lt = new ie("boolean"), bn = new ie("dict"), dt = new ie("list"), X = new ie("node"), ut = new ie("number"), ct = new ie("string"), pt = new ie("tuple"), la = (n) => {
-  new Ht(n.editor, { viewPlugin: n }).addTypes(lt, bn, dt, X, ut, ct, pt);
+const dt = new ie("boolean"), yn = new ie("dict"), ut = new ie("list"), X = new ie("node"), ct = new ie("number"), pt = new ie("string"), ht = new ie("tuple"), da = (n) => {
+  new zt(n.editor, { viewPlugin: n }).addTypes(dt, yn, ut, X, ct, pt, ht);
 };
-class yn extends ve {
+class _n extends ve {
   constructor(e, t) {
-    super(e, t), this.setComponent(Y(Dt)), this.use(V, lt);
+    super(e, t), this.setComponent(W(Ft)), this.use(B, dt);
   }
   getValue = () => this.value ? "True" : "False";
 }
-class _n extends D {
+class Cn extends D {
   isCodeNodeOutput = !0;
   suffix = "";
   constructor(e = "", t = "") {
-    super(e, ""), this.suffix = t, this.setComponent(Y(Re));
+    super(e, ""), this.suffix = t, this.setComponent(W(Re));
   }
   get codeValue() {
     return this.node?.outputs._code.value ?? "";
@@ -342,42 +345,42 @@ class je extends ve {
   min;
   max;
   constructor(e, t, o, s) {
-    super(e, t), this.min = o, this.max = s, this.use(V, ut);
+    super(e, t), this.min = o, this.max = s, this.use(B, ct);
   }
   validate(e) {
     return (this.min === void 0 || e >= this.min) && (this.max === void 0 || e <= this.max);
   }
 }
-class ht extends je {
-  component = Y(Ft);
+class ft extends je {
+  component = W(Wt);
   validate(e) {
     return Number.isInteger(e) && super.validate(e);
   }
 }
-class da extends ve {
+class ua extends ve {
   constructor(e = "", t = "") {
-    super(e, t), this.setComponent(Y(st)), this.use(V, dt);
+    super(e, t), this.setComponent(W(at)), this.use(B, ut);
   }
   getValue = () => `[${this.value}]`;
 }
-class Cn extends je {
-  component = Y(Yt);
+class wn extends je {
+  component = W(Yt);
 }
 class Pe extends ve {
   constructor(e, t) {
-    super(e, t), this.use(V, ct);
+    super(e, t), this.use(B, pt);
   }
   getValue = () => `"${this.value}"`;
 }
-class wn extends Pe {
-  component = Y(Wt);
+class kn extends Pe {
+  component = W(Xt);
   items;
   constructor(e, t, o) {
     super(e, t), this.items = o;
   }
 }
-class ua extends je {
-  component = Y(Xt);
+class ca extends je {
+  component = W(Kt);
   min;
   max;
   constructor(e, t, o, s) {
@@ -385,7 +388,7 @@ class ua extends je {
   }
   getValue = () => `${Math.round(this.value * 1e3) / 1e3}`;
 }
-const kn = F({
+const xn = F({
   props: {
     intf: {
       type: Object,
@@ -410,35 +413,35 @@ const kn = F({
   for (const [o, s] of e)
     t[o] = s;
   return t;
-}, xn = { style: { position: "relative" } }, In = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, Nn = ["placeholder", "title"];
-function En(n, e, t, o, s, a) {
-  return p(), b("div", xn, [
-    m("label", In, P(n.intf.name), 1),
+}, In = { style: { position: "relative" } }, Nn = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, En = ["placeholder", "title"];
+function Tn(n, e, t, o, s, a) {
+  return p(), b("div", In, [
+    m("label", Nn, P(n.intf.name), 1),
     ke(m("input", {
       "onUpdate:modelValue": e[0] || (e[0] = (i) => n.v = i),
       type: "text",
       class: "baklava-input",
       placeholder: n.intf.name,
       title: n.intf.name
-    }, null, 8, Nn), [
+    }, null, 8, En), [
       [xe, n.v]
     ])
   ]);
 }
-const Tn = /* @__PURE__ */ A(kn, [["render", En]]);
-class ft extends Pe {
-  component = Y(Tn);
+const On = /* @__PURE__ */ A(xn, [["render", Tn]]);
+class mt extends Pe {
+  component = W(On);
 }
-class ca extends Pe {
-  component = Y(Kt);
+class pa extends Pe {
+  component = W(qt);
 }
-class pa extends ve {
+class ha extends ve {
   constructor(e = "", t = "") {
-    super(e, t), this.setComponent(Y(st)), this.use(V, pt);
+    super(e, t), this.setComponent(W(at)), this.use(B, ht);
   }
   getValue = () => `(${this.value})`;
 }
-function ha(n) {
+function fa(n) {
   return class extends Ae {
     type = n.type;
     inputs = {};
@@ -446,10 +449,10 @@ function ha(n) {
     constructor() {
       super(), this._title = n.title ?? n.type, this.executeFactory("input", n.inputs), this.executeFactory("output", n.outputs), n.calculate && (this.calculate = (e, t) => n.calculate.call(this, { inputs: e, ...t })), n.onCreate?.call(this), this.name = n.name ?? n.type, this.updateModules(n.modules), n.variableName != null && (this.state.variableName = n.variableName), n.codeTemplate && (this.codeTemplate = n.codeTemplate), this.addInput(
         "_code",
-        new D("_code", []).use(V, X).use(ue).setHidden(!0)
+        new D("_code", []).use(B, X).use(ue).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new D("_code", []).use(V, X).use(ue).setHidden(!0)
+        new D("_code", []).use(B, X).use(ue).setHidden(!0)
       );
     }
     afterGraphLoaded() {
@@ -481,10 +484,10 @@ function ha(n) {
     }
   };
 }
-class On extends Ae {
+class Mn extends Ae {
 }
-function fa(n) {
-  return class extends On {
+function ma(n) {
+  return class extends Mn {
     type = n.type;
     inputs = {};
     outputs = {};
@@ -494,10 +497,10 @@ function fa(n) {
     constructor() {
       super(), this._title = n.title ?? n.type, this.executeFactory("input", n.inputs), this.executeFactory("output", n.outputs), n.calculate && (this.calculate = (e, t) => n.calculate?.call(this, e, t)), n.onCreate?.call(this), this.name = n.name ?? n.type, this.updateModules(n.modules), n.codeTemplate && (this.codeTemplate = n.codeTemplate), n.variableName && (this.state.variableName = n.variableName), this.addInput(
         "_code",
-        new D("_code", []).use(V, X).use(ue).setHidden(!0)
+        new D("_code", []).use(B, X).use(ue).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new D("_code", []).use(V, X).use(ue).setHidden(!0)
+        new D("_code", []).use(B, X).use(ue).setHidden(!0)
       ), this.staticInputKeys.push("_code"), this.staticOutputKeys.push("_code");
     }
     afterGraphLoaded() {
@@ -535,19 +538,19 @@ function fa(n) {
           if (!this.inputs[t]) {
             const o = e.inputs[t], s = o.value;
             let a;
-            o.component ? a = vn(o.component, { ...o, id: t }) : typeof s == "number" ? a = new ht(t, s) : a = new ft(t, JSON.stringify(s)), a.use(ot, !0), a.setOptional(o.optional ?? !1), a.setHidden(o.hidden ?? !1), this.addInput(t, a);
+            o.component ? a = gn(o.component, { ...o, id: t }) : typeof s == "number" ? a = new ft(t, s) : a = new mt(t, JSON.stringify(s)), a.use(st, !0), a.setOptional(o.optional ?? !1), a.setHidden(o.hidden ?? !1), this.addInput(t, a);
           }
           this.inputs[t] && (this.inputs[t].load(e.inputs[t]), this.inputs[t].nodeId = this.id);
         }
       for (const t of Object.keys(e.outputs))
         if (!(this.staticOutputKeys.includes(t) || !e.outputs[t])) {
           if (!this.outputs[t]) {
-            const o = new _n(t);
+            const o = new Cn(t);
             this.addOutput(t, o);
           }
           this.outputs[t] && (this.outputs[t].load(e.outputs[t]), this.outputs[t].nodeId = this.id);
         }
-      it(this.graph, e), this.preventUpdate = !1, this.events.loaded.emit(this);
+      lt(this.graph, e), this.preventUpdate = !1, this.events.loaded.emit(this);
     }
     onUpdate() {
       if (!n.onUpdate || this.preventUpdate) return;
@@ -561,10 +564,10 @@ function fa(n) {
         o[s] = t[s].value;
       return o;
     }
-    updateInputInterfaces(e, t) {
+    updateInputInterfaces(e = {}, t = []) {
       this.updateInterfaces("input", e, t);
     }
-    updateInterfaces(e, t, o) {
+    updateInterfaces(e, t = {}, o = []) {
       const s = e === "input" ? this.staticInputKeys : this.staticOutputKeys, a = e === "input" ? this.inputs : this.outputs;
       for (const i of Object.keys(a))
         s.includes(i) || t[i] && !o.includes(i) || (e === "input" ? this.removeInput(i) : this.removeOutput(i));
@@ -586,7 +589,7 @@ function fa(n) {
   };
 }
 ce.escape = (n) => n;
-class Ve {
+class Be {
   _id;
   _state;
   viewModel;
@@ -659,20 +662,20 @@ class Ve {
     this.state.script = ce.render(this.state.template || "", e ?? {});
   }
 }
-class ma extends Ve {
+class va extends Be {
   constructor() {
     super(), this.loadTemplate(import("./python-CKuCd7tg.js"));
   }
 }
-class va extends Ve {
+class ga extends Be {
   constructor() {
     super(), this.loadTemplate(import("./javascript-DK1c6Ap1.js"));
   }
 }
-const ga = (n) => {
+const ba = (n) => {
   n.allowMultipleConnections = !0;
 };
-class Mn extends zt {
+class $n extends Ut {
   order = /* @__PURE__ */ new Map();
   constructor(e) {
     super(e);
@@ -681,7 +684,7 @@ class Mn extends zt {
     super.start(), this.recalculateOrder = !0, this.calculateWithoutData();
   }
   async runGraph(e, t, o) {
-    this.order.has(e.id) || this.order.set(e.id, Ut(e));
+    this.order.has(e.id) || this.order.set(e.id, Dt(e));
     const { calculationOrder: s, connectionsFromNode: a } = this.order.get(e.id), i = /* @__PURE__ */ new Map();
     for (const r of s) {
       const l = {};
@@ -738,7 +741,7 @@ This is likely an internal issue. Please report it on GitHub.`
     return e.get(t);
   }
 }
-const $n = {}, Sn = {
+const Sn = {}, Gn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -750,8 +753,8 @@ const $n = {}, Sn = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function Gn(n, e) {
-  return p(), b("svg", Sn, [...e[0] || (e[0] = [
+function Ln(n, e) {
+  return p(), b("svg", Gn, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -760,7 +763,7 @@ function Gn(n, e) {
     m("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ])]);
 }
-const Ln = /* @__PURE__ */ A($n, [["render", Gn]]), An = {}, Rn = {
+const An = /* @__PURE__ */ A(Sn, [["render", Ln]]), Rn = {}, jn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -772,8 +775,8 @@ const Ln = /* @__PURE__ */ A($n, [["render", Gn]]), An = {}, Rn = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-code-variable"
 };
-function jn(n, e) {
-  return p(), b("svg", Rn, [...e[0] || (e[0] = [
+function Pn(n, e) {
+  return p(), b("svg", jn, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -782,7 +785,7 @@ function jn(n, e) {
     m("path", { d: "M4 8m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }, null, -1)
   ])]);
 }
-const Pn = /* @__PURE__ */ A(An, [["render", jn]]), Vn = {}, Bn = {
+const Bn = /* @__PURE__ */ A(Rn, [["render", Pn]]), Vn = {}, Hn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -794,8 +797,8 @@ const Pn = /* @__PURE__ */ A(An, [["render", jn]]), Vn = {}, Bn = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-copy"
 };
-function Hn(n, e) {
-  return p(), b("svg", Bn, [...e[0] || (e[0] = [
+function zn(n, e) {
+  return p(), b("svg", Hn, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -805,7 +808,7 @@ function Hn(n, e) {
     m("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" }, null, -1)
   ])]);
 }
-const zn = /* @__PURE__ */ A(Vn, [["render", Hn]]), Un = {}, Dn = {
+const Un = /* @__PURE__ */ A(Vn, [["render", zn]]), Dn = {}, Fn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -817,8 +820,8 @@ const zn = /* @__PURE__ */ A(Vn, [["render", Hn]]), Un = {}, Dn = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
 };
-function Fn(n, e) {
-  return p(), b("svg", Dn, [...e[0] || (e[0] = [
+function Wn(n, e) {
+  return p(), b("svg", Fn, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -829,7 +832,7 @@ function Fn(n, e) {
     m("path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
   ])]);
 }
-const Yn = /* @__PURE__ */ A(Un, [["render", Fn]]), Wn = {}, Xn = {
+const Yn = /* @__PURE__ */ A(Dn, [["render", Wn]]), Xn = {}, Kn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -837,8 +840,8 @@ const Yn = /* @__PURE__ */ A(Un, [["render", Fn]]), Wn = {}, Xn = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"
 };
-function Kn(n, e) {
-  return p(), b("svg", Xn, [...e[0] || (e[0] = [
+function qn(n, e) {
+  return p(), b("svg", Kn, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -847,7 +850,7 @@ function Kn(n, e) {
     m("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-9v14h9a1 1 0 0 0 .993 -.883l.007 -.117v-12a1 1 0 0 0 -.883 -.993l-.117 -.007zm-2.293 4.293a1 1 0 0 1 .083 1.32l-.083 .094l-1.292 1.293l1.292 1.293a1 1 0 0 1 .083 1.32l-.083 .094a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 -.083 -1.32l.083 -.094l2 -2a1 1 0 0 1 1.414 0z" }, null, -1)
   ])]);
 }
-const qn = /* @__PURE__ */ A(Wn, [["render", Kn]]), Jn = {}, Qn = {
+const Jn = /* @__PURE__ */ A(Xn, [["render", qn]]), Qn = {}, Zn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -855,8 +858,8 @@ const qn = /* @__PURE__ */ A(Wn, [["render", Kn]]), Jn = {}, Qn = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-expand"
 };
-function Zn(n, e) {
-  return p(), b("svg", Qn, [...e[0] || (e[0] = [
+function eo(n, e) {
+  return p(), b("svg", Zn, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -865,7 +868,7 @@ function Zn(n, e) {
     m("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-9v14h9a1 1 0 0 0 .993 -.883l.007 -.117v-12a1 1 0 0 0 -.883 -.993l-.117 -.007zm-4.387 4.21l.094 .083l2 2a1 1 0 0 1 .083 1.32l-.083 .094l-2 2a1 1 0 0 1 -1.497 -1.32l.083 -.094l1.292 -1.293l-1.292 -1.293a1 1 0 0 1 -.083 -1.32l.083 -.094a1 1 0 0 1 1.32 -.083z" }, null, -1)
   ])]);
 }
-const eo = /* @__PURE__ */ A(Jn, [["render", Zn]]), to = {}, no = {
+const to = /* @__PURE__ */ A(Qn, [["render", eo]]), no = {}, oo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -873,8 +876,8 @@ const eo = /* @__PURE__ */ A(Jn, [["render", Zn]]), to = {}, no = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right"
 };
-function oo(n, e) {
-  return p(), b("svg", no, [...e[0] || (e[0] = [
+function so(n, e) {
+  return p(), b("svg", oo, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -883,7 +886,7 @@ function oo(n, e) {
     m("path", { d: "M6 21a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3zm8 -16h-8a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h8z" }, null, -1)
   ])]);
 }
-const so = /* @__PURE__ */ A(to, [["render", oo]]), ao = {}, ro = {
+const ao = /* @__PURE__ */ A(no, [["render", so]]), ro = {}, io = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -891,8 +894,8 @@ const so = /* @__PURE__ */ A(to, [["render", oo]]), ao = {}, ro = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-collapse"
 };
-function io(n, e) {
-  return p(), b("svg", ro, [...e[0] || (e[0] = [
+function lo(n, e) {
+  return p(), b("svg", io, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -901,7 +904,7 @@ function io(n, e) {
     m("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm-3 2h-9a1 1 0 0 0 -.993 .883l-.007 .117v12a1 1 0 0 0 .883 .993l.117 .007h9v-14zm-5.387 4.21l.094 .083l2 2a1 1 0 0 1 .083 1.32l-.083 .094l-2 2a1 1 0 0 1 -1.497 -1.32l.083 -.094l1.292 -1.293l-1.292 -1.293a1 1 0 0 1 -.083 -1.32l.083 -.094a1 1 0 0 1 1.32 -.083z" }, null, -1)
   ])]);
 }
-const lo = /* @__PURE__ */ A(ao, [["render", io]]), uo = {}, co = {
+const uo = /* @__PURE__ */ A(ro, [["render", lo]]), co = {}, po = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -909,8 +912,8 @@ const lo = /* @__PURE__ */ A(ao, [["render", io]]), uo = {}, co = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-expand"
 };
-function po(n, e) {
-  return p(), b("svg", co, [...e[0] || (e[0] = [
+function ho(n, e) {
+  return p(), b("svg", po, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -919,7 +922,7 @@ function po(n, e) {
     m("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm-3 2h-9a1 1 0 0 0 -.993 .883l-.007 .117v12a1 1 0 0 0 .883 .993l.117 .007h9v-14zm-3.293 4.293a1 1 0 0 1 .083 1.32l-.083 .094l-1.292 1.293l1.292 1.293a1 1 0 0 1 .083 1.32l-.083 .094a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 -.083 -1.32l.083 -.094l2 -2a1 1 0 0 1 1.414 0z" }, null, -1)
   ])]);
 }
-const ho = /* @__PURE__ */ A(uo, [["render", po]]), fo = {}, mo = {
+const fo = /* @__PURE__ */ A(co, [["render", ho]]), mo = {}, vo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -931,12 +934,12 @@ const ho = /* @__PURE__ */ A(uo, [["render", po]]), fo = {}, mo = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-lock-code"
 };
-function vo(n, e) {
-  return p(), b("svg", mo, [...e[0] || (e[0] = [
+function go(n, e) {
+  return p(), b("svg", vo, [...e[0] || (e[0] = [
     fe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M11.5 21h-4.5a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2"></path><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path><path d="M8 11v-4a4 4 0 1 1 8 0v4"></path><path d="M20 21l2 -2l-2 -2"></path><path d="M17 17l-2 2l2 2"></path>', 6)
   ])]);
 }
-const mt = /* @__PURE__ */ A(fo, [["render", vo]]), go = {}, bo = {
+const vt = /* @__PURE__ */ A(mo, [["render", go]]), bo = {}, yo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -948,8 +951,8 @@ const mt = /* @__PURE__ */ A(fo, [["render", vo]]), go = {}, bo = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-player-play"
 };
-function yo(n, e) {
-  return p(), b("svg", bo, [...e[0] || (e[0] = [
+function _o(n, e) {
+  return p(), b("svg", yo, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -958,7 +961,7 @@ function yo(n, e) {
     m("path", { d: "M7 4v16l13 -8z" }, null, -1)
   ])]);
 }
-const _o = /* @__PURE__ */ A(go, [["render", yo]]), Co = {}, wo = {
+const Co = /* @__PURE__ */ A(bo, [["render", _o]]), wo = {}, ko = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -970,8 +973,8 @@ const _o = /* @__PURE__ */ A(go, [["render", yo]]), Co = {}, wo = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-plus"
 };
-function ko(n, e) {
-  return p(), b("svg", wo, [...e[0] || (e[0] = [
+function xo(n, e) {
+  return p(), b("svg", ko, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -981,7 +984,7 @@ function ko(n, e) {
     m("path", { d: "M5 12l14 0" }, null, -1)
   ])]);
 }
-const xo = /* @__PURE__ */ A(Co, [["render", ko]]), Io = {}, No = {
+const Io = /* @__PURE__ */ A(wo, [["render", xo]]), No = {}, Eo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -993,12 +996,12 @@ const xo = /* @__PURE__ */ A(Co, [["render", ko]]), Io = {}, No = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema"
 };
-function Eo(n, e) {
-  return p(), b("svg", No, [...e[0] || (e[0] = [
+function To(n, e) {
+  return p(), b("svg", Eo, [...e[0] || (e[0] = [
     fe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M5 2h5v4h-5z"></path><path d="M15 10h5v4h-5z"></path><path d="M5 18h5v4h-5z"></path><path d="M5 10h5v4h-5z"></path><path d="M10 12h5"></path><path d="M7.5 6v4"></path><path d="M7.5 14v4"></path>', 8)
   ])]);
 }
-const To = /* @__PURE__ */ A(Io, [["render", Eo]]), Oo = {}, Mo = {
+const Oo = /* @__PURE__ */ A(No, [["render", To]]), Mo = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1010,12 +1013,12 @@ const To = /* @__PURE__ */ A(Io, [["render", Eo]]), Oo = {}, Mo = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema-off"
 };
-function $o(n, e) {
-  return p(), b("svg", Mo, [...e[0] || (e[0] = [
+function So(n, e) {
+  return p(), b("svg", $o, [...e[0] || (e[0] = [
     fe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 2h4v4m-4 0h-1v-1"></path><path d="M15 11v-1h5v4h-2"></path><path d="M5 18h5v4h-5z"></path><path d="M5 10h5v4h-5z"></path><path d="M10 12h2"></path><path d="M7.5 7.5v2.5"></path><path d="M7.5 14v4"></path><path d="M3 3l18 18"></path>', 9)
   ])]);
 }
-const So = /* @__PURE__ */ A(Oo, [["render", $o]]), Go = {}, Lo = {
+const Go = /* @__PURE__ */ A(Mo, [["render", So]]), Lo = {}, Ao = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1027,12 +1030,12 @@ const So = /* @__PURE__ */ A(Oo, [["render", $o]]), Go = {}, Lo = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-transition-bottom"
 };
-function Ao(n, e) {
-  return p(), b("svg", Lo, [...e[0] || (e[0] = [
+function Ro(n, e) {
+  return p(), b("svg", Ao, [...e[0] || (e[0] = [
     fe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M21 18a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3"></path><path d="M3 3m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"></path><path d="M12 9v8"></path><path d="M9 14l3 3l3 -3"></path>', 5)
   ])]);
 }
-const Ro = /* @__PURE__ */ A(Go, [["render", Ao]]), jo = {}, Po = {
+const jo = /* @__PURE__ */ A(Lo, [["render", Ro]]), Po = {}, Bo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1045,11 +1048,11 @@ const Ro = /* @__PURE__ */ A(Go, [["render", Ao]]), jo = {}, Po = {
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-trash-off"
 };
 function Vo(n, e) {
-  return p(), b("svg", Po, [...e[0] || (e[0] = [
+  return p(), b("svg", Bo, [...e[0] || (e[0] = [
     fe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 3l18 18"></path><path d="M4 7h3m4 0h9"></path><path d="M10 11l0 6"></path><path d="M14 14l0 3"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923"></path><path d="M18.384 14.373l.616 -7.373"></path><path d="M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 8)
   ])]);
 }
-const Bo = /* @__PURE__ */ A(jo, [["render", Vo]]), Ho = {}, zo = {
+const Ho = /* @__PURE__ */ A(Po, [["render", Vo]]), zo = {}, Uo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1061,8 +1064,8 @@ const Bo = /* @__PURE__ */ A(jo, [["render", Vo]]), Ho = {}, zo = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function Uo(n, e) {
-  return p(), b("svg", zo, [...e[0] || (e[0] = [
+function Do(n, e) {
+  return p(), b("svg", Uo, [...e[0] || (e[0] = [
     m("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1072,54 +1075,54 @@ function Uo(n, e) {
     m("path", { d: "M6 6l12 12" }, null, -1)
   ])]);
 }
-const Do = /* @__PURE__ */ A(Ho, [["render", Uo]]), vt = "CLEAR_ALL", gt = "RUN_ENGINE", bt = "TOGGLE_MINIMAP", yt = "TOGGLE_PALETTE", Fo = (n, e, t) => {
+const Fo = /* @__PURE__ */ A(zo, [["render", Do]]), gt = "CLEAR_ALL", bt = "RUN_ENGINE", yt = "TOGGLE_MINIMAP", _t = "TOGGLE_PALETTE", Wo = (n, e, t) => {
   const o = t.zoomToFit.paddingLeft;
-  e.registerCommand(yt, {
+  e.registerCommand(_t, {
     execute: () => {
       t.palette.enabled = !t.palette.enabled, t.zoomToFit.paddingLeft = t.palette.enabled ? o : 50;
     },
     canExecute: () => !0
-  }), e.registerCommand(vt, {
+  }), e.registerCommand(gt, {
     execute: () => {
       e.executeCommand(ne.CLEAR_CLIPBOARD_COMMAND), e.executeCommand(ne.CLEAR_HISTORY_COMMAND), n.value.clear(), n.value.editor.code.clear();
     },
     canExecute: () => n.value.nodes.length > 0
-  }), e.registerCommand(bt, {
+  }), e.registerCommand(yt, {
     execute: () => t.enableMinimap = !t.enableMinimap,
     canExecute: () => n.value.nodes.length > 1
   });
 }, Yo = (n) => {
   const e = {
-    command: gt,
+    command: bt,
     title: "Run",
     // Tooltip text
-    icon: G(() => _o)
+    icon: G(() => Co)
   }, t = {
-    command: yt,
+    command: _t,
     title: "Toggle palette",
     // Tooltip text
-    icon: G(() => n.palette.enabled ? qn : eo)
+    icon: G(() => n.palette.enabled ? Jn : to)
   }, o = {
-    command: vt,
+    command: gt,
     title: "Clear all",
     // Tooltip text
-    icon: G(() => Bo)
+    icon: G(() => Ho)
   }, s = {
-    command: bt,
+    command: yt,
     title: "Toggle minimap",
     // Tooltip text
-    icon: G(() => n.enableMinimap ? So : To)
+    icon: G(() => n.enableMinimap ? Go : Oo)
   };
-  n.toolbar.commands = [t, e, ...qt, o, s];
-}, Wo = (n, e, t) => {
-  t.registerCommand(gt, {
+  n.toolbar.commands = [t, e, ...Jt, o, s];
+}, Xo = (n, e, t) => {
+  t.registerCommand(bt, {
     execute: () => e.runOnce(null),
     canExecute: () => n.nodes.length > 0
   });
 };
-function Xo(n) {
+function Ko(n) {
   const e = Symbol("CodeEngineToken");
-  n.engine = new Mn(n.editor), Wo(n.editor.graph, n.engine, n.commandHandler), n.loadEditor = (t) => {
+  n.engine = new $n(n.editor), Xo(n.editor.graph, n.engine, n.commandHandler), n.loadEditor = (t) => {
     n.engine?.pause(), n.displayedGraph.clear(), n.editor.load(t), n.commandHandler.executeCommand(ne.CLEAR_CLIPBOARD_COMMAND), n.commandHandler.executeCommand(ne.CLEAR_HISTORY_COMMAND), n.engine?.resume(), n.engine?.runOnce(null);
   }, n.newGraph = () => {
     n.engine?.pause(), n.displayedGraph.clear(), n.commandHandler.executeCommand(ne.CLEAR_CLIPBOARD_COMMAND), n.commandHandler.executeCommand(ne.CLEAR_HISTORY_COMMAND), n.displayedGraph.id = re(), n.engine?.resume(), n.engine?.runOnce(null);
@@ -1137,7 +1140,7 @@ function Xo(n) {
     }), n.engine?.events.beforeRun.subscribe(e, () => {
       n.engine?.pause(), n.displayedGraph.sortNodes(), n.engine?.resume();
     }), n.engine?.events.afterRun.subscribe(e, (t) => {
-      n.engine?.pause(), nt(t, n.editor), n.code.state.lockCode || n.code.renderCode({
+      n.engine?.pause(), ot(t, n.editor), n.code.state.lockCode || n.code.renderCode({
         nodes: n.editor.graph.scriptedCodeNodes,
         modules: n.editor.code.modules
       }), n.engine?.resume();
@@ -1146,7 +1149,8 @@ function Xo(n) {
     n.displayedGraph.events.addConnection.unsubscribe(e), n.displayedGraph.events.removeConnection.unsubscribe(e), n.engine?.events.beforeRun.unsubscribe(e), n.engine?.events.afterRun.unsubscribe(e);
   };
 }
-class Ie extends At {
+const Ve = 350;
+class Ie extends Rt {
   code = null;
   editor;
   _state = te({
@@ -1157,7 +1161,7 @@ class Ie extends At {
     super(e, t), this.editor = e, this.template = t, e.code && (this.code = e.code);
   }
   get codeNodes() {
-    return _t(this);
+    return Ct(this);
   }
   get connections() {
     return super.connections;
@@ -1278,7 +1282,7 @@ class Ie extends At {
         const t = this.connections.filter(
           (a) => e.includes(a.to.nodeId) && e.includes(a.from.nodeId)
         ).map((a) => [a.to.nodeId, a.from.nodeId]);
-        e.reverse(), e = pn.array(e, t), e.reverse();
+        e.reverse(), e = hn.array(e, t), e.reverse();
         const o = this.nodes.map((a) => a.id).filter((a) => !e.includes(a));
         e = [...e, ...o];
         const s = e.map((a) => this.findNodeById(a));
@@ -1288,19 +1292,19 @@ class Ie extends At {
       }
   }
 }
-const _t = (n) => {
+const Ct = (n) => {
   const e = [];
   return n.nodes.length === 0 || n.nodes.forEach((t) => {
-    t && (t.hasOwnProperty("subgraph") ? e.push(..._t(t.subgraph)) : t.hasOwnProperty("isCodeNode") && e.push(t));
+    t && (t.hasOwnProperty("subgraph") ? e.push(...Ct(t.subgraph)) : t.hasOwnProperty("isCodeNode") && e.push(t));
   }), e;
-}, ba = (n = 0, e = 100) => ({
-  x: n * 420,
+}, ya = (n = 0, e = 100) => ({
+  x: n * (Ve + 70),
   y: e
-}), ya = (n) => {
+}), _a = (n) => {
   const e = { ...n.position };
-  return e.x -= 440, e.y += 50, e;
-}, Ue = "__baklava_SubgraphInputNode", De = "__baklava_SubgraphOutputNode";
-class Ct extends Ae {
+  return e.x -= Ve + 70, e.y += 50, e;
+}, De = "__baklava_SubgraphInputNode", Fe = "__baklava_SubgraphOutputNode";
+class wt extends Ae {
   graphInterfaceId;
   constructor() {
     super(), this.graphInterfaceId = re();
@@ -1320,11 +1324,11 @@ class Ct extends Ae {
   update() {
   }
 }
-class wt extends Ct {
+class kt extends wt {
   static isGraphInputNode(e) {
-    return e.type === Ue;
+    return e.type === De;
   }
-  type = Ue;
+  type = De;
   inputs = {
     name: new J("Name", "Input")
   };
@@ -1332,11 +1336,11 @@ class wt extends Ct {
     placeholder: new J("Value", void 0)
   };
 }
-class kt extends Ct {
+class xt extends wt {
   static isGraphOutputNode(e) {
-    return e.type === De;
+    return e.type === Fe;
   }
-  type = De;
+  type = Fe;
   inputs = {
     name: new J("Name", "Output"),
     placeholder: new J("Value", void 0)
@@ -1348,7 +1352,7 @@ class kt extends Ct {
     output: e
   });
 }
-const Ko = [
+const qo = [
   "component",
   "connectionCount",
   "events",
@@ -1363,9 +1367,9 @@ const Ko = [
   "templateId",
   "value"
 ];
-function qo(n) {
-  return class extends rt {
-    type = tt(n);
+function Jo(n) {
+  return class extends it {
+    type = nt(n);
     get title() {
       return this._title;
     }
@@ -1394,7 +1398,7 @@ function qo(n) {
         s,
         o.globalValues
       );
-      o.engine.pause(), nt(a, o.engine.editor), o.engine.resume();
+      o.engine.pause(), ot(a, o.engine.editor), o.engine.resume();
       const i = {};
       for (const r of this.subgraph.outputs)
         i[r.id] = a.get(r.nodeId)?.get("output");
@@ -1442,10 +1446,10 @@ function qo(n) {
         this.subgraph.outputs.some((o) => o.id === t) || this.removeOutput(t);
       this.addInput(
         "_code",
-        new D("_code", []).use(V, X).use(ue).setHidden(!0)
+        new D("_code", []).use(B, X).use(ue).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new D("_code", []).use(V, X).use(ue).setHidden(!0)
+        new D("_code", []).use(B, X).use(ue).setHidden(!0)
       ), this.addOutput("_calculationResults", new J("_calculationResults", void 0).setHidden(!0));
     }
     /**
@@ -1457,13 +1461,13 @@ function qo(n) {
       const s = new D(t.name, void 0);
       return new Proxy(s, {
         get: (a, i) => {
-          if (Ko.includes(i) || i in a || typeof i == "string" && i.startsWith("__v_"))
+          if (qo.includes(i) || i in a || typeof i == "string" && i.startsWith("__v_"))
             return Reflect.get(a, i);
           let r;
           o ? r = this.subgraph?.nodes.find(
-            (C) => wt.isGraphInputNode(C) && C.graphInterfaceId === t.id
+            (C) => kt.isGraphInputNode(C) && C.graphInterfaceId === t.id
           )?.outputs.placeholder.id : r = this.subgraph?.nodes.find(
-            (C) => kt.isGraphOutputNode(C) && C.graphInterfaceId === t.id
+            (C) => xt.isGraphOutputNode(C) && C.graphInterfaceId === t.id
           )?.inputs.placeholder.id;
           const l = this.subgraph?.connections.find((f) => r === (o ? f.from : f.to)?.id), u = o ? l?.to : l?.from;
           if (u) return Reflect.get(u, i);
@@ -1472,13 +1476,13 @@ function qo(n) {
     }
   };
 }
-function Jo(n, e) {
+function Qo(n, e) {
   return Object.fromEntries(Object.entries(n).filter(e));
 }
-function Qo(n, e) {
+function Zo(n, e) {
   return Object.fromEntries(Object.entries(n).map(([t, o]) => [t, e(o)]));
 }
-class Ne extends Rt {
+class Ne extends jt {
   /** Create a new GraphTemplate from the nodes and connections inside the graph instance */
   static fromGraph(e, t) {
     return new Ne(e.save(), t);
@@ -1501,7 +1505,7 @@ class Ne extends Rt {
       const N = t.get(h);
       if (!N) throw new Error(`Unable to create graph from template: Could not map old id ${h} to new id`);
       return N;
-    }, a = (h) => Qo(h, (N) => ({
+    }, a = (h) => Zo(h, (N) => ({
       id: o(N.id),
       templateId: N.id,
       value: N.value
@@ -1534,11 +1538,11 @@ class Ne extends Rt {
     return e || (e = new Ie(this.editor)), e.load(f).forEach((h) => console.warn(h)), e.template = this, e;
   }
 }
-const Zo = (n) => !(n instanceof Ie);
-function es(n, e) {
+const es = (n) => !(n instanceof Ie);
+function ts(n, e) {
   return { switchGraph: (o) => {
     let s;
-    if (Zo(o))
+    if (es(o))
       s = new Ie(n.value), o.createGraph(s);
     else {
       if (o !== n.value.graph)
@@ -1550,16 +1554,16 @@ function es(n, e) {
     e.value && e.value !== n.value.graph && e.value.destroy(), s.panning = s.panning ?? o.panning ?? { x: 0, y: 0 }, s.scaling = s.scaling ?? o.scaling ?? 1, s.selectedNodes = s.selectedNodes ?? [], s.sidebar = s.sidebar ?? { visible: !1, nodeId: "", optionName: "" }, e.value = s, s.code?.engine?.runOnce(null);
   } };
 }
-function ts(n) {
+function ns(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var we = { exports: {} };
-var ns = we.exports, Fe;
-function os() {
-  return Fe || (Fe = 1, (function(n, e) {
+var os = we.exports, We;
+function ss() {
+  return We || (We = 1, (function(n, e) {
     (function(o, s) {
       n.exports = s();
-    })(ns, function() {
+    })(os, function() {
       return (
         /******/
         (function() {
@@ -1614,7 +1618,7 @@ function os() {
                   }, Q(g);
                 }
                 var Z = function() {
-                  var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ = c.action, x = _ === void 0 ? "copy" : _, I = c.container, E = c.target, W = c.text;
+                  var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ = c.action, x = _ === void 0 ? "copy" : _, I = c.container, E = c.target, Y = c.text;
                   if (x !== "copy" && x !== "cut")
                     throw new Error('Invalid "action" value, use either "copy" or "cut"');
                   if (E !== void 0)
@@ -1625,8 +1629,8 @@ function os() {
                         throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`);
                     } else
                       throw new Error('Invalid "target" value, use a valid Element');
-                  if (W)
-                    return S(W, {
+                  if (Y)
+                    return S(Y, {
                       container: I
                     });
                   if (E)
@@ -1726,8 +1730,8 @@ function os() {
                     key: "listenClick",
                     value: function(I) {
                       var E = this;
-                      this.listener = C()(I, "click", function(W) {
-                        return E.onClick(W);
+                      this.listener = C()(I, "click", function(Y) {
+                        return E.onClick(Y);
                       });
                     }
                     /**
@@ -1737,14 +1741,14 @@ function os() {
                   }, {
                     key: "onClick",
                     value: function(I) {
-                      var E = I.delegateTarget || I.currentTarget, W = this.action(E) || "copy", Ce = pe({
-                        action: W,
+                      var E = I.delegateTarget || I.currentTarget, Y = this.action(E) || "copy", Ce = pe({
+                        action: Y,
                         container: this.container,
                         target: this.target(E),
                         text: this.text(E)
                       });
                       this.emit(Ce ? "success" : "error", {
-                        action: W,
+                        action: Y,
                         text: Ce,
                         trigger: E,
                         clearSelection: function() {
@@ -1821,10 +1825,10 @@ function os() {
                   }, {
                     key: "isSupported",
                     value: function() {
-                      var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["copy", "cut"], E = typeof I == "string" ? [I] : I, W = !!document.queryCommandSupported;
+                      var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["copy", "cut"], E = typeof I == "string" ? [I] : I, Y = !!document.queryCommandSupported;
                       return E.forEach(function(Ce) {
-                        W = W && !!document.queryCommandSupported(Ce);
-                      }), W;
+                        Y = Y && !!document.queryCommandSupported(Ce);
+                      }), Y;
                     }
                   }]), _;
                 })(u()), M = _e;
@@ -2040,11 +2044,11 @@ function os() {
     });
   })(we)), we.exports;
 }
-var ss = os();
-const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
+var as = ss();
+const rs = /* @__PURE__ */ ns(as), is = (n) => ({
   toClipboard(e, t) {
     return new Promise((o, s) => {
-      const a = document.createElement("button"), i = new as(a, {
+      const a = document.createElement("button"), i = new rs(a, {
         text: () => e,
         action: () => "copy",
         container: t !== void 0 ? t : document.body
@@ -2056,14 +2060,14 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
       }), document.body.appendChild(a), a.click(), document.body.removeChild(a);
     });
   }
-}), is = {
+}), ls = {
   key: 0,
   class: "baklava-button"
-}, ls = /* @__PURE__ */ F({
+}, ds = /* @__PURE__ */ F({
   __name: "CopyToClipboard",
   props: { text: String },
   setup(n) {
-    const { toClipboard: e } = rs(), o = $e(n, "text"), s = H(!1), a = async () => {
+    const { toClipboard: e } = is(), o = $e(n, "text"), s = H(!1), a = async () => {
       try {
         await e(o.value), s.value = !0, setTimeout(() => s.value = !1, 1500), console.log("Copied to clipboard");
       } catch (i) {
@@ -2071,42 +2075,42 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
       }
     };
     return (i, r) => (p(), b("div", null, [
-      s.value ? (p(), b("button", is, [
-        L(O(Ln))
+      s.value ? (p(), b("button", ls, [
+        L(O(An))
       ])) : (p(), b("button", {
         key: 1,
         onClick: a,
         class: "baklava-button"
       }, [
-        L(O(zn))
+        L(O(Un))
       ]))
     ]));
   }
-}), ds = { class: "code-editor" }, us = { class: "code-buttons" }, Ca = /* @__PURE__ */ F({
+}), us = { class: "code-editor" }, cs = { class: "code-buttons" }, wa = /* @__PURE__ */ F({
   __name: "CodeEditor",
-  props: /* @__PURE__ */ Be({
+  props: /* @__PURE__ */ He({
     locked: { type: Boolean },
     extensions: {}
   }, {
-    modelValue: { required: !0, type: String },
+    modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Be(["update:locked"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ He(["update:locked"], ["update:modelValue"]),
   setup(n, { emit: e }) {
-    const t = Nt(n, "modelValue"), o = e, s = (a) => o("update:locked", a);
+    const t = Et(n, "modelValue"), o = e, s = (a) => o("update:locked", a);
     return (a, i) => {
-      const r = qe("codemirror");
-      return p(), b("div", ds, [
-        m("div", us, [
+      const r = Je("codemirror");
+      return p(), b("div", us, [
+        m("div", cs, [
           n.locked ? (p(), b("button", {
             key: 0,
             class: "baklava-button",
             title: "The code is locked.",
             onClick: i[0] || (i[0] = (l) => s(!1))
           }, [
-            L(O(mt))
+            L(O(vt))
           ])) : j("", !0),
-          L(ls, { text: n.modelValue }, null, 8, ["text"])
+          L(ds, { text: n.modelValue }, null, 8, ["text"])
         ]),
         L(r, {
           modelValue: t.value,
@@ -2119,26 +2123,26 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
       ]);
     };
   }
-}), wa = /* @__PURE__ */ F({
+}), ka = /* @__PURE__ */ F({
   __name: "CodeGraphEditor",
   props: {
     viewModel: {}
   },
   setup(n) {
     const t = $e(n, "viewModel"), o = (s) => s.events.update.emit(null);
-    return Se(t.value.onMounted), Je(t.value.onBeforeUnmount), Qe(t, (s, a) => {
+    return Se(t.value.onMounted), Qe(t.value.onBeforeUnmount), Ze(t, (s, a) => {
       a && a.onBeforeUnmount(), s && s.onMounted();
-    }), (s, a) => (p(), B(O(Jt), { "view-model": t.value }, {
+    }), (s, a) => (p(), V(O(Qt), { "view-model": t.value }, {
       palette: ee(() => [
-        L(O(Bs))
+        L(O(Hs))
       ]),
       node: ee((i) => [
-        L(O(ws), Ot(i, {
+        L(O(ks), Mt(i, {
           onUpdate: (r) => o(i.node)
         }), null, 16, ["onUpdate"])
       ]),
       sidebar: ee((i) => [
-        L(O(As), Et(Tt(i)), {
+        L(O(Rs), Tt(Ot(i)), {
           codeEditor: ee(({ node: r }) => [
             q(s.$slots, "sidebarCodeEditor", { node: r })
           ]),
@@ -2148,13 +2152,13 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
       _: 3
     }, 8, ["view-model"]));
   }
-}), cs = { class: "code-graph-info" }, ka = /* @__PURE__ */ F({
+}), ps = { class: "code-graph-info" }, xa = /* @__PURE__ */ F({
   __name: "CodeGraphInfo",
   props: {
     viewModel: {}
   },
   setup(n) {
-    return (e, t) => (p(), b("div", cs, [
+    return (e, t) => (p(), b("div", ps, [
       m("div", null, "Editor graph: " + P(n.viewModel.editor.graph.shortId), 1),
       m("div", null, "Displayed graph: " + P(n.viewModel.displayedGraph.shortId), 1),
       m("div", null, "Graphs: " + P(n.viewModel.editor.graphIds), 1),
@@ -2162,13 +2166,13 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
       m("div", null, "Engine status: " + P(n.viewModel.engine?.status), 1)
     ]));
   }
-}), ps = ["data-node-type", "id"], hs = {
+}), hs = ["data-node-type", "id"], fs = {
   class: "__title-label",
   style: { "flex-grow": "1" }
-}, fs = { key: 0 }, ms = {
+}, ms = { key: 0 }, vs = {
   class: "__menu",
   style: { display: "flex" }
-}, vs = { class: "__outputs" }, gs = { key: 0 }, bs = ["id", "title"], ys = { class: "__inputs" }, _s = { key: 0 }, Cs = ["id", "title"], ws = /* @__PURE__ */ F({
+}, gs = { class: "__outputs" }, bs = { key: 0 }, ys = ["id", "title"], _s = { class: "__inputs" }, Cs = { key: 0 }, ws = ["id", "title"], ks = /* @__PURE__ */ F({
   __name: "CodeGraphNode",
   props: {
     node: {},
@@ -2185,7 +2189,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         { value: "rename", label: "Rename" },
         { value: "delete", label: "Delete" }
       ];
-      return s.node.type.startsWith(jt) && M.push({ value: "editSubgraph", label: "Edit Subgraph" }), M;
+      return s.node.type.startsWith(Pt) && M.push({ value: "editSubgraph", label: "Edit Subgraph" }), M;
     }), T = G(() => ({
       "--selected": s.selected,
       "--dragging": s.dragging,
@@ -2221,7 +2225,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
           l.value.removeNode(s.node);
           break;
         case "rename":
-          h.value = s.node.title, C.value = !0, await Mt(), N.value?.focus();
+          h.value = s.node.title, C.value = !0, await $t(), N.value?.focus();
           break;
         case "editSubgraph":
           u(s.node.template);
@@ -2244,7 +2248,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
     };
     return Se(() => {
       ye(), window.addEventListener("mousemove", le), window.addEventListener("mouseup", _e);
-    }), Ze(ye), Je(() => {
+    }), et(ye), Qe(() => {
       window.removeEventListener("mousemove", le), window.removeEventListener("mouseup", _e);
     }), (M, g) => (p(), b("div", {
       class: oe([T.value, "baklava-node"]),
@@ -2265,7 +2269,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         onPointerdown: de(k, ["self", "stop"]),
         onContextmenu: de(R, ["prevent"])
       }, [
-        a.value.inputs._code ? (p(), B(O(Ye), {
+        a.value.inputs._code ? (p(), V(O(Ye), {
           key: 0,
           intf: a.value.inputs._code,
           node: a.value,
@@ -2288,35 +2292,35 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         }, null, 544)), [
           [xe, h.value]
         ]) : (p(), b(U, { key: 1 }, [
-          m("div", hs, [
-            a.value.idx > -1 ? (p(), b("span", fs, P(a.value.idx + 1) + " > ", 1)) : j("", !0),
-            et(P(a.value.title), 1)
+          m("div", fs, [
+            a.value.idx > -1 ? (p(), b("span", ms, P(a.value.idx + 1) + " > ", 1)) : j("", !0),
+            tt(P(a.value.title), 1)
           ]),
-          m("div", ms, [
+          m("div", vs, [
             a.value.isCodeNode ? (p(), b(U, { key: 0 }, [
-              a.value.state.lockCode ? (p(), B(O(mt), {
+              a.value.state.lockCode ? (p(), V(O(vt), {
                 key: 0,
                 class: "--clickable mx-1",
                 onClick: g[0] || (g[0] = (c) => a.value.lockCode = !1)
               })) : j("", !0),
-              a.value.state.integrated ? (p(), B(O(Pn), {
+              a.value.state.integrated ? (p(), V(O(Bn), {
                 key: 1,
                 class: "--clickable mx-1",
                 onClick: g[1] || (g[1] = (c) => se(!1))
-              })) : (p(), B(O(Ro), {
+              })) : (p(), V(O(jo), {
                 key: 2,
                 class: "--clickable mx-1",
                 onClick: g[2] || (g[2] = (c) => se(!0))
               })),
-              !O(r).displayedGraph.sidebar.visible && O(r).displayedGraph.sidebar.nodeId !== a.value.id ? (p(), B(O(ho), {
+              !O(r).displayedGraph.sidebar.visible && O(r).displayedGraph.sidebar.nodeId !== a.value.id ? (p(), V(O(fo), {
                 key: 3,
                 class: "--clickable mx-1",
                 onClick: ge
-              })) : O(r).displayedGraph.sidebar.visible && O(r).displayedGraph.sidebar.nodeId !== a.value.id ? (p(), B(O(so), {
+              })) : O(r).displayedGraph.sidebar.visible && O(r).displayedGraph.sidebar.nodeId !== a.value.id ? (p(), V(O(ao), {
                 key: 4,
                 class: "--clickable mx-1",
                 onClick: he
-              })) : (p(), B(O(lo), {
+              })) : (p(), V(O(uo), {
                 key: 5,
                 class: "--clickable mx-1",
                 onClick: z
@@ -2336,7 +2340,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
             }, null, 8, ["modelValue", "items"])
           ])
         ], 64)),
-        a.value.outputs._code ? (p(), B(O(Ye), {
+        a.value.outputs._code ? (p(), V(O(Ye), {
           key: 3,
           node: a.value,
           intf: a.value.outputs._code,
@@ -2352,11 +2356,11 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         onContextmenu: g[6] || (g[6] = de(() => {
         }, ["prevent"]))
       }, [
-        m("div", vs, [
+        m("div", gs, [
           (p(!0), b(U, null, ae(pe.value, (c) => (p(), b(U, {
             key: c.id
           }, [
-            a.value.state?.hidden ? (p(), b("div", gs, [
+            a.value.state?.hidden ? (p(), b("div", bs, [
               c.port ? (p(), b("div", {
                 key: 0,
                 id: c.id,
@@ -2364,7 +2368,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
                 class: "baklava-node-interface --output --connected"
               }, [...g[7] || (g[7] = [
                 m("div", { class: "__port" }, null, -1)
-              ])], 8, bs)) : j("", !0)
+              ])], 8, ys)) : j("", !0)
             ])) : q(M.$slots, "nodeInterface", {
               key: 1,
               type: "output",
@@ -2379,11 +2383,11 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
             ])
           ], 64))), 128))
         ]),
-        m("div", ys, [
+        m("div", _s, [
           (p(!0), b(U, null, ae(Z.value, (c) => (p(), b(U, {
             key: c.id
           }, [
-            a.value.state?.hidden ? (p(), b("div", _s, [
+            a.value.state?.hidden ? (p(), b("div", Cs, [
               c.port ? (p(), b("div", {
                 key: 0,
                 id: c.id,
@@ -2391,7 +2395,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
                 class: "baklava-node-interface --input --connected"
               }, [...g[8] || (g[8] = [
                 m("div", { class: "__port" }, null, -1)
-              ])], 8, Cs)) : j("", !0)
+              ])], 8, ws)) : j("", !0)
             ])) : q(M.$slots, "nodeInterface", {
               key: 1,
               node: a.value,
@@ -2407,16 +2411,16 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
           ], 64))), 128))
         ])
       ], 34)
-    ], 46, ps));
+    ], 46, hs));
   }
-}), ks = ["id"], xs = { class: "align-middle" }, Ye = /* @__PURE__ */ F({
+}), xs = ["id"], Is = { class: "align-middle" }, Ye = /* @__PURE__ */ F({
   __name: "CodeGraphNodeInterface",
   props: {
     node: {},
     intf: {}
   },
   setup(n) {
-    const e = n, { viewModel: t } = me(), { hoveredOver: o, temporaryConnection: s } = Qt(), a = H(null), i = G(() => e.intf.connectionCount > 0), r = G(() => ({
+    const e = n, { viewModel: t } = me(), { hoveredOver: o, temporaryConnection: s } = Zt(), a = H(null), i = G(() => e.intf.connectionCount > 0), r = G(() => ({
       "--connected": i.value
     })), l = () => {
       o(e.intf);
@@ -2425,7 +2429,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
     }, f = () => {
       a.value && t.value.hooks.renderInterface.execute({ intf: e.intf, el: a.value });
     };
-    return Se(f), Ze(f), (C, h) => (p(), b("div", {
+    return Se(f), et(f), (C, h) => (p(), b("div", {
       id: n.intf.id,
       ref_key: "el",
       ref: a,
@@ -2437,15 +2441,15 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         onPointerover: l,
         onPointerout: u
       }, null, 34)) : j("", !0),
-      m("span", xs, [
+      m("span", Is, [
         q(C.$slots, "default")
       ])
-    ], 10, ks));
+    ], 10, xs));
   }
-}), Is = ["title"], Ns = {
+}), Ns = ["title"], Es = {
   key: 0,
   class: "__label"
-}, We = /* @__PURE__ */ F({
+}, Xe = /* @__PURE__ */ F({
   __name: "SidebarCheckbox",
   props: {
     disabled: { type: Boolean },
@@ -2475,13 +2479,13 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
           })
         ])
       ], -1)),
-      n.name ? (p(), b("div", Ns, P(n.name), 1)) : j("", !0)
-    ], 10, Is));
+      n.name ? (p(), b("div", Es, P(n.name), 1)) : j("", !0)
+    ], 10, Ns));
   }
-}), Es = { class: "__header" }, Ts = { class: "__node-name" }, Os = { class: "__interfaces" }, Ms = { class: "__inputs" }, $s = { style: { display: "flex" } }, Ss = { class: "__outputs" }, Gs = {
+}), Ts = { class: "__header" }, Os = { class: "__node-name" }, Ms = { class: "__interfaces" }, $s = { class: "__inputs" }, Ss = { style: { display: "flex" } }, Gs = { class: "__outputs" }, Ls = {
   key: 0,
   class: "__interface"
-}, Ls = { style: { display: "flex" } }, As = /* @__PURE__ */ F({
+}, As = { style: { display: "flex" } }, Rs = /* @__PURE__ */ F({
   __name: "CodeGraphSidebar",
   setup(n) {
     const { viewModel: e } = me(), { graph: t } = Le(), o = H(null), s = $e(e.value.settings.sidebar, "width"), a = G(() => e.value.settings.sidebar.resizable);
@@ -2520,24 +2524,24 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         onMousedown: w
       }, null, 32)) : j("", !0),
       l.value ? (p(), b(U, { key: 1 }, [
-        m("div", Es, [
+        m("div", Ts, [
           m("button", {
             tabindex: "-1",
             class: "__close",
             onClick: N
           }, "×"),
-          m("div", Ts, [
+          m("div", Os, [
             m("b", null, P(l.value.title), 1)
           ])
         ]),
-        m("div", Os, [
-          m("div", Ms, [
+        m("div", Ms, [
+          m("div", $s, [
             (p(!0), b(U, null, ae(C.value, (T) => (p(), b("div", {
               key: T.id,
               class: "__interface"
             }, [
-              m("div", $s, [
-                L(We, {
+              m("div", Ss, [
+                L(Xe, {
                   modelValue: T.hidden,
                   "onUpdate:modelValue": [
                     (S) => T.hidden = S,
@@ -2547,7 +2551,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
                   inversed: "",
                   style: { "padding-right": "8px" }
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
-                (p(), B(He(T.component), {
+                (p(), V(ze(T.component), {
                   modelValue: T.value,
                   "onUpdate:modelValue": (S) => T.value = S,
                   node: l.value,
@@ -2557,8 +2561,8 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
               ])
             ]))), 128))
           ]),
-          m("div", Ss, [
-            u.value && u.value.state ? (p(), b("div", Gs, [
+          m("div", Gs, [
+            u.value && u.value.state ? (p(), b("div", Ls, [
               $[3] || ($[3] = m("label", null, "Variable name", -1)),
               ke(m("input", {
                 "onUpdate:modelValue": $[1] || ($[1] = (T) => u.value.state.variableName = T),
@@ -2575,8 +2579,8 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
               key: T.id,
               class: "__interface"
             }, [
-              m("div", Ls, [
-                L(We, {
+              m("div", As, [
+                L(Xe, {
                   modelValue: T.hidden,
                   "onUpdate:modelValue": [
                     (S) => T.hidden = S,
@@ -2586,7 +2590,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
                   inversed: "",
                   style: { "padding-right": "8px" }
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
-                (p(), B(He(T.component), {
+                (p(), V(ze(T.component), {
                   modelValue: T.value,
                   "onUpdate:modelValue": (S) => T.value = S,
                   node: l.value,
@@ -2601,23 +2605,23 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
       ], 64)) : j("", !0)
     ], 6));
   }
-}), Rs = {
+}), js = {
   class: "baklava-node --palette",
   style: { "margin-top": "-20px", "margin-bottom": "20px" }
-}, js = {
+}, Ps = {
   key: 0,
   style: { display: "flex", "justify-content": "space-between" }
-}, Ps = ["onClick"], Vs = {
+}, Bs = ["onClick"], Vs = {
   key: 0,
   style: { margin: "auto 0", "font-size": "12px" }
-}, Bs = /* @__PURE__ */ F({
+}, Hs = /* @__PURE__ */ F({
   __name: "CodeNodePalette",
   setup(n) {
-    const e = Me.PaletteEntry, { viewModel: t } = me(), { x: o, y: s } = hn(), { transform: a } = Zt(), i = en(t), r = $t("editorEl"), l = H(""), u = H(null), f = () => l.value ? i.value.filter(
+    const e = Me.PaletteEntry, { viewModel: t } = me(), { x: o, y: s } = fn(), { transform: a } = en(), i = tn(t), r = St("editorEl"), l = H(""), u = H(null), f = () => l.value ? i.value.filter(
       (v) => v.name.toLowerCase().includes(l.value.toLowerCase()) || Object.values(v.nodeTypes).some(
         (w) => w.title.toLowerCase().includes(l.value.toLowerCase())
       )
-    ) : i.value, C = (v) => l.value ? Jo(v, (w) => {
+    ) : i.value, C = (v) => l.value ? Qo(v, (w) => {
       const d = w[1];
       return d.category.includes(l.value.toLowerCase()) || d.title?.toLowerCase().includes(l.value.toLowerCase());
     }) : v, h = G(() => {
@@ -2646,7 +2650,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         onContextmenu: w[1] || (w[1] = de(() => {
         }, ["stop", "prevent"]))
       }, [
-        m("div", Rs, [
+        m("div", js, [
           ke(m("input", {
             "onUpdate:modelValue": w[0] || (w[0] = (d) => l.value = d),
             type: "text",
@@ -2660,14 +2664,14 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
         (p(!0), b(U, null, ae(f(), (d) => (p(), b("section", {
           key: d.name
         }, [
-          d.name !== "default" ? (p(), b("h3", js, [
+          d.name !== "default" ? (p(), b("h3", Ps, [
             m("div", {
               onClick: (y) => l.value = d.name,
               style: { cursor: "pointer" }
-            }, P(d.name), 9, Ps),
+            }, P(d.name), 9, Bs),
             Object.keys(C(d.nodeTypes)).length < Object.values(d.nodeTypes).length ? (p(), b("div", Vs, " ( " + P(Object.keys(C(d.nodeTypes)).length) + " / " + P(Object.values(d.nodeTypes).length) + " ) ", 1)) : j("", !0)
           ])) : j("", !0),
-          (p(!0), b(U, null, ae(C(d.nodeTypes), (y, $) => (p(), B(O(e), {
+          (p(!0), b(U, null, ae(C(d.nodeTypes), (y, $) => (p(), V(O(e), {
             key: $,
             title: y.title,
             type: $,
@@ -2675,7 +2679,7 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
           }, null, 8, ["title", "type", "onPointerdown"]))), 128))
         ]))), 128))
       ], 34),
-      L(St, { name: "fade" }, {
+      L(Gt, { name: "fade" }, {
         default: ee(() => [
           u.value ? (p(), b("div", {
             key: 0,
@@ -2692,23 +2696,23 @@ const as = /* @__PURE__ */ ts(ss), rs = (n) => ({
       })
     ], 64));
   }
-}), Hs = {}, zs = { class: "prependIcon" }, Us = { class: "appendIcon" };
-function Ds(n, e) {
-  const t = qe("router-link");
-  return p(), B(t, { class: "navItem" }, {
+}), zs = {}, Us = { class: "prependIcon" }, Ds = { class: "appendIcon" };
+function Fs(n, e) {
+  const t = Je("router-link");
+  return p(), V(t, { class: "navItem" }, {
     default: ee(() => [
-      m("span", zs, [
+      m("span", Us, [
         q(n.$slots, "prependIcon")
       ]),
       q(n.$slots, "default"),
-      m("span", Us, [
+      m("span", Ds, [
         q(n.$slots, "appendIcon")
       ])
     ]),
     _: 3
   });
 }
-const Xe = /* @__PURE__ */ A(Hs, [["render", Ds]]), Fs = { class: "navbar" }, Ys = ["onClick"], xa = /* @__PURE__ */ F({
+const Ke = /* @__PURE__ */ A(zs, [["render", Fs]]), Ws = { class: "navbar" }, Ys = ["onClick"], Ia = /* @__PURE__ */ F({
   __name: "NavBar",
   props: {
     viewModel: {},
@@ -2720,9 +2724,9 @@ const Xe = /* @__PURE__ */ A(Hs, [["render", Ds]]), Fs = { class: "navbar" }, Ys
     const t = e, o = (s) => {
       t("click:remove", s);
     };
-    return (s, a) => (p(), b("nav", Fs, [
+    return (s, a) => (p(), b("nav", Ws, [
       q(s.$slots, "prepend"),
-      (p(!0), b(U, null, ae(n.editorStates, (i) => (p(), B(Xe, {
+      (p(!0), b(U, null, ae(n.editorStates, (i) => (p(), V(Ke, {
         key: i.graph.id,
         class: oe({ active: i.graph.id === n.viewModel.displayedGraph.id }),
         to: { name: n.routes?.edit ?? "edit", params: { editorId: i.graph.id } }
@@ -2732,21 +2736,21 @@ const Xe = /* @__PURE__ */ A(Hs, [["render", Ds]]), Fs = { class: "navbar" }, Ys
             class: "remove",
             onClick: de((r) => o(i.graph.id), ["prevent"])
           }, [
-            L(O(Do))
+            L(O(Fo))
           ], 8, Ys)
         ]),
         default: ee(() => [
-          et(P(i.graph.id.slice(0, 6)) + " ", 1)
+          tt(P(i.graph.id.slice(0, 6)) + " ", 1)
         ]),
         _: 2
       }, 1032, ["class", "to"]))), 128)),
       q(s.$slots, "append", {}, () => [
-        L(Xe, {
+        L(Ke, {
           to: { name: n.routes?.new ?? "new" },
           class: "navItem"
         }, {
           default: ee(() => [
-            L(O(xo), { class: "plus" })
+            L(O(Io), { class: "plus" })
           ]),
           _: 1
         }, 8, ["to"])
@@ -2754,35 +2758,35 @@ const Xe = /* @__PURE__ */ A(Hs, [["render", Ds]]), Fs = { class: "navbar" }, Ys
     ]));
   }
 });
-class xt extends wt {
+class It extends kt {
   _title = "Subgraph Input";
   inputs = {
-    _code: new D("_code", "").use(V, X).setHidden(!0),
-    name: new at("Name", "Input").setPort(!1)
+    _code: new D("_code", "").use(B, X).setHidden(!0),
+    name: new rt("Name", "Input").setPort(!1)
   };
   outputs = {
-    _code: new D("_code", "").use(V, X).setHidden(!0),
+    _code: new D("_code", "").use(B, X).setHidden(!0),
     placeholder: new J("Connection", void 0)
   };
 }
-class It extends kt {
+class Nt extends xt {
   _title = "Subgraph Output";
   inputs = {
-    _code: new D("_code", "").use(V, X).setHidden(!0),
-    name: new at("Name", "Output").setPort(!1),
+    _code: new D("_code", "").use(B, X).setHidden(!0),
+    name: new rt("Name", "Output").setPort(!1),
     placeholder: new J("Connection", void 0)
   };
   outputs = {
-    _code: new D("_code", "").use(V, X).setHidden(!0),
+    _code: new D("_code", "").use(B, X).setHidden(!0),
     output: new J("Output", void 0).setHidden(!0)
   };
 }
-const Ws = "CREATE_SUBGRAPH", Ke = [Pt, Vt];
-function Xs(n, e, t) {
-  const o = () => n.value.selectedNodes.filter((a) => !Ke.includes(a.type)).length > 0, s = () => {
+const Xs = "CREATE_SUBGRAPH", qe = [Bt, Vt];
+function Ks(n, e, t) {
+  const o = () => n.value.selectedNodes.filter((a) => !qe.includes(a.type)).length > 0, s = () => {
     const { viewModel: a } = me(), i = n.value, r = n.value.editor;
     if (i.selectedNodes.length === 0) return;
-    const l = i.selectedNodes.filter((k) => !Ke.includes(k.type)), u = l.flatMap((k) => Object.values(k.inputs)), f = l.flatMap((k) => Object.values(k.outputs)), C = i.connections.filter(
+    const l = i.selectedNodes.filter((k) => !qe.includes(k.type)), u = l.flatMap((k) => Object.values(k.inputs)), f = l.flatMap((k) => Object.values(k.outputs)), C = i.connections.filter(
       (k) => !f.includes(k.from) && u.includes(k.to)
     ), h = i.connections.filter(
       (k) => f.includes(k.from) && !u.includes(k.to)
@@ -2792,16 +2796,16 @@ function Xs(n, e, t) {
       id: k.id,
       from: k.from.id,
       to: k.to.id
-    })), d = /* @__PURE__ */ new Map(), { xLeft: y, xRight: $, yTop: T } = Ks(l);
+    })), d = /* @__PURE__ */ new Map(), { xLeft: y, xRight: $, yTop: T } = qs(l);
     for (const [k, R] of C.entries()) {
-      const z = new xt();
+      const z = new It();
       z.inputs.name.value = R.to.name, v.push({
         ...z.save(),
         position: { x: $ - a.value.settings.nodes.defaultWidth - 100, y: T + k * 200 }
       }), w.push({ id: re(), from: z.outputs.placeholder.id, to: R.to.id }), d.set(R.to.id, z.graphInterfaceId);
     }
     for (const [k, R] of h.entries()) {
-      const z = new It();
+      const z = new Nt();
       z.inputs.name.value = R.from.name, v.push({
         ...z.save(),
         position: { x: y + 100, y: T + k * 200 }
@@ -2820,7 +2824,7 @@ function Xs(n, e, t) {
       )
     );
     r.addGraphTemplate(S);
-    const Q = r.nodeTypes.get(tt(S));
+    const Q = r.nodeTypes.get(nt(S));
     if (!Q) throw new Error("Unable to create subgraph: Could not find corresponding graph node type");
     i.activeTransactions++;
     const Z = te(new Q.type());
@@ -2836,12 +2840,12 @@ function Xs(n, e, t) {
       i.removeConnection(k), i.addConnection(Z.outputs[d.get(k.from.id)], k.to);
     }), l.forEach((k) => i.removeNode(k)), i.activeTransactions--, e.canExecuteCommand(ne.SAVE_SUBGRAPH_COMMAND) && e.executeCommand(ne.SAVE_SUBGRAPH_COMMAND), t(S), n.value.panning = { ...i.panning }, n.value.scaling = i.scaling;
   };
-  e.registerCommand(Ws, {
+  e.registerCommand(Xs, {
     canExecute: o,
     execute: s
   });
 }
-function Ks(n) {
+function qs(n) {
   const e = n.reduce((s, a) => {
     const i = a.position.x;
     return i < s ? i : s;
@@ -2854,7 +2858,7 @@ function Ks(n) {
     return i > s ? i : s;
   }, -1 / 0), xRight: e, yTop: t };
 }
-class qs extends Bt {
+class Js extends Ht {
   code;
   graph;
   constructor(e) {
@@ -2875,7 +2879,7 @@ class qs extends Bt {
   addGraphTemplate(e) {
     if (this.events.beforeAddGraphTemplate.emit(e).prevented) return;
     this._graphTemplates.push(e), this.graphTemplateEvents.addTarget(e.events), this.graphTemplateHooks.addTarget(e.hooks);
-    const t = qo(e);
+    const t = Jo(e);
     this.registerNodeType(t, { category: "Subgraphs", title: e.name }), this.events.addGraphTemplate.emit(e);
   }
   /**
@@ -2906,14 +2910,14 @@ class qs extends Bt {
     this.code.state.modules[e] = t;
   }
 }
-function Ia(n) {
-  const e = H(n?.code ?? new Ve()), t = H(n?.existingEditor ?? new qs(e.value)), o = Symbol("ViewModelToken"), s = H(null), a = Gt(s), { switchGraph: i } = es(t, s), r = G(() => a.value && a.value !== t.value.graph), l = te(tn());
-  l.nodes.defaultWidth = 400;
-  const u = nn(), f = on(a, u), C = sn(a, t, u), h = {
+function Na(n) {
+  const e = H(n?.code ?? new Be()), t = H(n?.existingEditor ?? new Js(e.value)), o = Symbol("ViewModelToken"), s = H(null), a = Lt(s), { switchGraph: i } = ts(t, s), r = G(() => a.value && a.value !== t.value.graph), l = te(nn());
+  l.nodes.defaultWidth = Ve;
+  const u = on(), f = sn(a, u), C = an(a, t, u), h = {
     /** Called whenever a node is rendered */
-    renderNode: new ze(null),
+    renderNode: new Ue(null),
     /** Called whenever an interface is rendered */
-    renderInterface: new ze(null)
+    renderInterface: new Ue(null)
   }, N = te({
     clipboard: C,
     code: e,
@@ -2930,104 +2934,105 @@ function Ia(n) {
     settings: l,
     switchGraph: i
   });
-  return e.value.registerViewModel(N), Xo(N), an(a, u), Xs(a, u, i), rn(a, u), ln(a, u, i), dn(a, u), un(a, u, l), Fo(a, u, l), Yo(l), Qe(
+  return e.value.registerViewModel(N), Ko(N), rn(a, u), Ks(a, u, i), ln(a, u), dn(a, u, i), un(a, u), cn(a, u, l), Wo(a, u, l), Yo(l), Ze(
     t,
     (v, w) => {
       w && (w.events.registerGraph.unsubscribe(o), w.graphEvents.beforeAddNode.unsubscribe(o), v.nodeHooks.beforeLoad.unsubscribe(o), v.nodeHooks.afterSave.unsubscribe(o), v.graphTemplateHooks.beforeLoad.unsubscribe(o), v.graphTemplateHooks.afterSave.unsubscribe(o), v.graph.hooks.load.unsubscribe(o), v.graph.hooks.save.unsubscribe(o)), v && (v.nodeHooks.beforeLoad.subscribe(o, (d, y) => (y.position = d.position ?? { x: 0, y: 0 }, y.width = d.width ?? l.nodes.defaultWidth, y.twoColumn = d.twoColumn ?? !1, d)), v.nodeHooks.afterSave.subscribe(o, (d, y) => (d.position = y.position, d.width = y.width, d.twoColumn = y.twoColumn, d)), v.graphTemplateHooks.beforeLoad.subscribe(o, (d, y) => (y.panning = d.panning, y.scaling = d.scaling, d)), v.graphTemplateHooks.afterSave.subscribe(o, (d, y) => (d.panning = y.panning, d.scaling = y.scaling, d)), v.graph.hooks.load.subscribe(o, (d, y) => (y.panning = d.panning, y.scaling = d.scaling, d)), v.graph.hooks.save.subscribe(o, (d, y) => (d.panning = y.panning, d.scaling = y.scaling, d)), v.graphEvents.beforeAddNode.subscribe(
         o,
-        (d) => cn(d, { defaultWidth: l.nodes.defaultWidth })
-      ), t.value.registerNodeType(xt, { category: "Subgraphs" }), t.value.registerNodeType(It, { category: "Subgraphs" }), i(v.graph));
+        (d) => pn(d, { defaultWidth: l.nodes.defaultWidth })
+      ), t.value.registerNodeType(It, { category: "Subgraphs" }), t.value.registerNodeType(Nt, { category: "Subgraphs" }), i(v.graph));
     },
     { immediate: !0 }
   ), N;
 }
 export {
-  rt as AbstractCodeNode,
-  vt as CLEAR_ALL_COMMAND,
-  Ws as CREATE_SUBGRAPH_COMMAND,
-  Ln as Check,
-  yn as CheckboxInterface,
-  Ve as Code,
-  Ca as CodeEditor,
-  Mn as CodeEngine,
+  it as AbstractCodeNode,
+  gt as CLEAR_ALL_COMMAND,
+  Xs as CREATE_SUBGRAPH_COMMAND,
+  An as Check,
+  _n as CheckboxInterface,
+  Be as Code,
+  wa as CodeEditor,
+  $n as CodeEngine,
   Ie as CodeGraph,
-  wa as CodeGraphEditor,
-  ka as CodeGraphInfo,
-  wt as CodeGraphInputNode,
-  ws as CodeGraphNode,
+  ka as CodeGraphEditor,
+  xa as CodeGraphInfo,
+  kt as CodeGraphInputNode,
+  ks as CodeGraphNode,
   Ye as CodeGraphNodeInterface,
-  kt as CodeGraphOutputNode,
-  As as CodeGraphSidebar,
+  xt as CodeGraphOutputNode,
+  Rs as CodeGraphSidebar,
   Ne as CodeGraphTemplate,
   Ae as CodeNode,
   ve as CodeNodeInputInterface,
   D as CodeNodeInterface,
   Re as CodeNodeInterfaceComponent,
-  _n as CodeNodeOutputInterface,
-  Bs as CodeNodePalette,
-  Pn as CodeVariable,
-  zn as Copy,
-  ls as CopyToClipboard,
+  Cn as CodeNodeOutputInterface,
+  Hs as CodeNodePalette,
+  Bn as CodeVariable,
+  Un as Copy,
+  ds as CopyToClipboard,
   Yn as DotsVertical,
-  On as DynamicCodeNode,
-  Ue as GRAPH_INPUT_NODE_TYPE,
-  De as GRAPH_OUTPUT_NODE_TYPE,
-  ht as IntegerInterface,
-  va as JavascriptCode,
-  qn as LayoutSidebarLeftCollapse,
-  eo as LayoutSidebarLeftExpand,
-  so as LayoutSidebarRight,
-  lo as LayoutSidebarRightCollapse,
-  ho as LayoutSidebarRightExpand,
-  da as ListInputInterface,
-  mt as LockCode,
-  xa as NavBar,
-  Xe as NavItem,
-  Cn as NumberInterface,
-  _o as PlayerPlay,
-  xo as Plus,
-  ma as PythonCode,
-  gt as RUN_ENGINE_COMMAND,
-  To as Schema,
-  So as SchemaOff,
-  wn as SelectInterface,
-  We as SidebarCheckbox,
-  ua as SliderInterface,
-  xt as SubgraphInputNode,
-  It as SubgraphOutputNode,
-  bt as TOGGLE_MINIMAP_COMMAND,
-  yt as TOGGLE_PALETTE_COMMAND,
-  ft as TextInputInterface,
-  Tn as TextInputInterfaceComponent,
-  ca as TextareaInputInterface,
-  Ro as TransitionBottom,
-  Bo as TrashOff,
-  pa as TupleInputInterface,
-  Do as X,
-  la as addDefaultInterfaceTypes,
-  ga as allowMultipleConnections,
-  lt as booleanType,
-  qo as createCodeGraphNodeType,
-  vn as createInterface,
-  ha as defineCodeNode,
-  fa as defineDynamicCodeNode,
-  bn as dictType,
-  fn as formatInputs,
-  _t as getCodeNodes,
-  ba as getPositionAtColumn,
-  ya as getPositionBeforeNode,
-  dt as listType,
-  it as loadNodeState,
+  Mn as DynamicCodeNode,
+  De as GRAPH_INPUT_NODE_TYPE,
+  Fe as GRAPH_OUTPUT_NODE_TYPE,
+  ft as IntegerInterface,
+  ga as JavascriptCode,
+  Jn as LayoutSidebarLeftCollapse,
+  to as LayoutSidebarLeftExpand,
+  ao as LayoutSidebarRight,
+  uo as LayoutSidebarRightCollapse,
+  fo as LayoutSidebarRightExpand,
+  ua as ListInputInterface,
+  vt as LockCode,
+  Ve as NODE_DEFAULT_WITH,
+  Ia as NavBar,
+  Ke as NavItem,
+  wn as NumberInterface,
+  Co as PlayerPlay,
+  Io as Plus,
+  va as PythonCode,
+  bt as RUN_ENGINE_COMMAND,
+  Oo as Schema,
+  Go as SchemaOff,
+  kn as SelectInterface,
+  Xe as SidebarCheckbox,
+  ca as SliderInterface,
+  It as SubgraphInputNode,
+  Nt as SubgraphOutputNode,
+  yt as TOGGLE_MINIMAP_COMMAND,
+  _t as TOGGLE_PALETTE_COMMAND,
+  mt as TextInputInterface,
+  On as TextInputInterfaceComponent,
+  pa as TextareaInputInterface,
+  jo as TransitionBottom,
+  Ho as TrashOff,
+  ha as TupleInputInterface,
+  Fo as X,
+  da as addDefaultInterfaceTypes,
+  ba as allowMultipleConnections,
+  dt as booleanType,
+  Jo as createCodeGraphNodeType,
+  gn as createInterface,
+  fa as defineCodeNode,
+  ma as defineDynamicCodeNode,
+  yn as dictType,
+  mn as formatInputs,
+  Ct as getCodeNodes,
+  ya as getPositionAtColumn,
+  _a as getPositionBeforeNode,
+  ut as listType,
+  lt as loadNodeState,
   X as nodeType,
-  ut as numberType,
-  Xo as registerCodeEngine,
-  Xs as registerCreateSubgraphCommand,
-  Fo as registerCustomCommands,
-  Wo as registerRunEngineCommands,
-  mn as saveNodeState,
-  ct as stringType,
-  pt as tupleType,
+  ct as numberType,
+  Ko as registerCodeEngine,
+  Ks as registerCreateSubgraphCommand,
+  Wo as registerCustomCommands,
+  Xo as registerRunEngineCommands,
+  vn as saveNodeState,
+  pt as stringType,
+  ht as tupleType,
   Yo as updateToolbarItems,
-  Ia as useCodeGraph,
-  es as useSwitchCodeGraph
+  Na as useCodeGraph,
+  ts as useSwitchCodeGraph
 };