npm - @altimateai/ui-components - Versions diffs - 0.0.7 → 0.0.8-beta.1 - Mend

@altimateai/ui-components 0.0.7 → 0.0.8-beta.1

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.

Files changed (8) hide show

package/dist/NativeSelect.js +33 -3
package/dist/index.css +1 -1
package/dist/lineage/index.d.ts +12 -1
package/dist/lineage/index.js +540 -532
package/dist/redux-toolkit.modern.js +1 -1
package/dist/shadcn/index.d.ts +10 -1
package/dist/shadcn/index.js +1 -1
package/package.json +1 -1

package/dist/lineage/index.js CHANGED Viewed

@@ -89,9 +89,9 @@ function o5() {
   return navigator.maxTouchPoints || "ontouchstart" in this;
 }
 function s5() {
-  var e = e5, t = t5, n = n5, o = o5, s = {}, r = uo("start", "drag", "end"), i = 0, l, c, h, f, u = 0;
+  var e = e5, t = t5, n = n5, o = o5, s = {}, r = uo("start", "drag", "end"), i = 0, l, c, h, f, d = 0;
   function m(E) {
-    E.on("mousedown.drag", C).filter(o).on("touchstart.drag", b).on("touchmove.drag", d, Qr).on("touchend.drag touchcancel.drag", w).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+    E.on("mousedown.drag", C).filter(o).on("touchstart.drag", b).on("touchmove.drag", u, Qr).on("touchend.drag touchcancel.drag", w).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
   function C(E, S) {
     if (!(f || !e.call(this, E, S))) {
@@ -102,7 +102,7 @@ function s5() {
   function x(E) {
     if (b1(E), !h) {
       var S = E.clientX - l, j = E.clientY - c;
-      h = S * S + j * j > u;
+      h = S * S + j * j > d;
     }
     s.mouse("drag", E);
   }
@@ -116,7 +116,7 @@ function s5() {
         (I = y(this, _, E, S, j[N].identifier, j[N])) && (Kt(E), I("start", E, j[N]));
     }
   }
-  function d(E) {
+  function u(E) {
     var S = E.changedTouches, j = S.length, _, H;
     for (_ = 0; _ < j; ++_)
       (H = s[S[_].identifier]) && (b1(E), H("drag", E, S[_]));
@@ -184,7 +184,7 @@ function s5() {
     var E = r.on.apply(r, arguments);
     return E === r ? m : E;
   }, m.clickDistance = function(E) {
-    return arguments.length ? (u = (E = +E) * E, m) : Math.sqrt(u);
+    return arguments.length ? (d = (E = +E) * E, m) : Math.sqrt(d);
   }, m;
 }
 var r5 = 1e-12;
@@ -199,19 +199,19 @@ function a5(e) {
 }
 const l5 = function e(t, n, o) {
   function s(r, i) {
-    var l = r[0], c = r[1], h = r[2], f = i[0], u = i[1], m = i[2], C = f - l, x = u - c, v = C * C + x * x, b, d;
+    var l = r[0], c = r[1], h = r[2], f = i[0], d = i[1], m = i[2], C = f - l, x = d - c, v = C * C + x * x, b, u;
     if (v < r5)
-      d = Math.log(m / h) / t, b = function(_) {
+      u = Math.log(m / h) / t, b = function(_) {
         return [
           l + _ * C,
           c + _ * x,
-          h * Math.exp(t * _ * d)
+          h * Math.exp(t * _ * u)
         ];
       };
     else {
       var w = Math.sqrt(v), y = (m * m - h * h + o * v) / (2 * h * n * w), E = (m * m - h * h - o * v) / (2 * m * n * w), S = Math.log(Math.sqrt(y * y + 1) - y), j = Math.log(Math.sqrt(E * E + 1) - E);
-      d = (j - S) / t, b = function(_) {
-        var H = _ * d, N = Cn(S), I = h / (n * w) * (N * a5(t * H + S) - i5(S));
+      u = (j - S) / t, b = function(_) {
+        var H = _ * u, N = Cn(S), I = h / (n * w) * (N * a5(t * H + S) - i5(S));
         return [
           l + I * C,
           c + I * x,
@@ -219,7 +219,7 @@ const l5 = function e(t, n, o) {
         ];
       };
     }
-    return b.duration = d * 1e3 * t / Math.SQRT2, b;
+    return b.duration = u * 1e3 * t / Math.SQRT2, b;
   }
   return s.rho = function(r) {
     var i = Math.max(1e-3, +r), l = i * i, c = l * l;
@@ -270,34 +270,34 @@ function C5(e, t, n) {
   );
 }
 function m5() {
-  var e = d5, t = u5, n = C5, o = h5, s = f5, r = [0, 1 / 0], i = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], l = 250, c = l5, h = uo("start", "zoom", "end"), f, u, m, C = 500, x = 150, v = 0, b = 10;
-  function d(p) {
+  var e = d5, t = u5, n = C5, o = h5, s = f5, r = [0, 1 / 0], i = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], l = 250, c = l5, h = uo("start", "zoom", "end"), f, d, m, C = 500, x = 150, v = 0, b = 10;
+  function u(p) {
     p.property("__zoom", mn).on("wheel.zoom", H, { passive: !1 }).on("mousedown.zoom", N).on("dblclick.zoom", I).filter(s).on("touchstart.zoom", D).on("touchmove.zoom", P).on("touchend.zoom touchcancel.zoom", O).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  d.transform = function(p, k, L, A) {
+  u.transform = function(p, k, L, A) {
     var F = p.selection ? p.selection() : p;
     F.property("__zoom", mn), p !== F ? S(p, k, L, A) : F.interrupt().each(function() {
       j(this, arguments).event(A).start().zoom(null, typeof k == "function" ? k.apply(this, arguments) : k).end();
     });
-  }, d.scaleBy = function(p, k, L, A) {
-    d.scaleTo(p, function() {
+  }, u.scaleBy = function(p, k, L, A) {
+    u.scaleTo(p, function() {
       var F = this.__zoom.k, M = typeof k == "function" ? k.apply(this, arguments) : k;
       return F * M;
     }, L, A);
-  }, d.scaleTo = function(p, k, L, A) {
-    d.transform(p, function() {
+  }, u.scaleTo = function(p, k, L, A) {
+    u.transform(p, function() {
       var F = t.apply(this, arguments), M = this.__zoom, V = L == null ? E(F) : typeof L == "function" ? L.apply(this, arguments) : L, B = M.invert(V), R = typeof k == "function" ? k.apply(this, arguments) : k;
       return n(y(w(M, R), V, B), F, i);
     }, L, A);
-  }, d.translateBy = function(p, k, L, A) {
-    d.transform(p, function() {
+  }, u.translateBy = function(p, k, L, A) {
+    u.transform(p, function() {
       return n(this.__zoom.translate(
         typeof k == "function" ? k.apply(this, arguments) : k,
         typeof L == "function" ? L.apply(this, arguments) : L
       ), t.apply(this, arguments), i);
     }, null, A);
-  }, d.translateTo = function(p, k, L, A, F) {
-    d.transform(p, function() {
+  }, u.translateTo = function(p, k, L, A, F) {
+    u.transform(p, function() {
       var M = t.apply(this, arguments), V = this.__zoom, B = A == null ? E(M) : typeof A == "function" ? A.apply(this, arguments) : A;
       return n(Ge.translate(B[0], B[1]).scale(V.k).translate(
         typeof k == "function" ? -k.apply(this, arguments) : -k,
@@ -358,7 +358,7 @@ function m5() {
         this.that,
         new c5(p, {
           sourceEvent: this.sourceEvent,
-          target: d,
+          target: u,
           type: p,
           transform: this.that.__zoom,
           dispatch: h
@@ -399,7 +399,7 @@ function m5() {
   function I(p, ...k) {
     if (e.apply(this, arguments)) {
       var L = this.__zoom, A = Fe(p.changedTouches ? p.changedTouches[0] : p, this), F = L.invert(A), M = L.k * (p.shiftKey ? 0.5 : 2), V = n(y(w(L, M), A, F), t.apply(this, k), i);
-      F1(p), l > 0 ? Te(this).transition().duration(l).call(S, V, A, p) : Te(this).call(d.transform, V, A, p);
+      F1(p), l > 0 ? Te(this).transition().duration(l).call(S, V, A, p) : Te(this).call(u.transform, V, A, p);
     }
   }
   function D(p, ...k) {
@@ -407,7 +407,7 @@ function m5() {
       var L = p.touches, A = L.length, F = j(this, k, p.changedTouches.length === A).event(p), M, V, B, R;
       for (Yt(p), V = 0; V < A; ++V)
         B = L[V], R = Fe(B, this), R = [R, this.__zoom.invert(R), B.identifier], F.touch0 ? !F.touch1 && F.touch0[2] !== R[2] && (F.touch1 = R, F.taps = 0) : (F.touch0 = R, M = !0, F.taps = 1 + !!f);
-      f && (f = clearTimeout(f)), M && (F.taps < 2 && (u = R[0], f = setTimeout(function() {
+      f && (f = clearTimeout(f)), M && (F.taps < 2 && (d = R[0], f = setTimeout(function() {
         f = null;
       }, C)), $t(this), F.start());
     }
@@ -433,38 +433,38 @@ function m5() {
       }, C), M = 0; M < F; ++M)
         V = A[M], L.touch0 && L.touch0[2] === V.identifier ? delete L.touch0 : L.touch1 && L.touch1[2] === V.identifier && delete L.touch1;
       if (L.touch1 && !L.touch0 && (L.touch0 = L.touch1, delete L.touch1), L.touch0) L.touch0[1] = this.__zoom.invert(L.touch0[0]);
-      else if (L.end(), L.taps === 2 && (V = Fe(V, this), Math.hypot(u[0] - V[0], u[1] - V[1]) < b)) {
+      else if (L.end(), L.taps === 2 && (V = Fe(V, this), Math.hypot(d[0] - V[0], d[1] - V[1]) < b)) {
         var B = Te(this).on("dblclick.zoom");
         B && B.apply(this, arguments);
       }
     }
   }
-  return d.wheelDelta = function(p) {
-    return arguments.length ? (o = typeof p == "function" ? p : at(+p), d) : o;
-  }, d.filter = function(p) {
-    return arguments.length ? (e = typeof p == "function" ? p : at(!!p), d) : e;
-  }, d.touchable = function(p) {
-    return arguments.length ? (s = typeof p == "function" ? p : at(!!p), d) : s;
-  }, d.extent = function(p) {
-    return arguments.length ? (t = typeof p == "function" ? p : at([[+p[0][0], +p[0][1]], [+p[1][0], +p[1][1]]]), d) : t;
-  }, d.scaleExtent = function(p) {
-    return arguments.length ? (r[0] = +p[0], r[1] = +p[1], d) : [r[0], r[1]];
-  }, d.translateExtent = function(p) {
-    return arguments.length ? (i[0][0] = +p[0][0], i[1][0] = +p[1][0], i[0][1] = +p[0][1], i[1][1] = +p[1][1], d) : [[i[0][0], i[0][1]], [i[1][0], i[1][1]]];
-  }, d.constrain = function(p) {
-    return arguments.length ? (n = p, d) : n;
-  }, d.duration = function(p) {
-    return arguments.length ? (l = +p, d) : l;
-  }, d.interpolate = function(p) {
-    return arguments.length ? (c = p, d) : c;
-  }, d.on = function() {
+  return u.wheelDelta = function(p) {
+    return arguments.length ? (o = typeof p == "function" ? p : at(+p), u) : o;
+  }, u.filter = function(p) {
+    return arguments.length ? (e = typeof p == "function" ? p : at(!!p), u) : e;
+  }, u.touchable = function(p) {
+    return arguments.length ? (s = typeof p == "function" ? p : at(!!p), u) : s;
+  }, u.extent = function(p) {
+    return arguments.length ? (t = typeof p == "function" ? p : at([[+p[0][0], +p[0][1]], [+p[1][0], +p[1][1]]]), u) : t;
+  }, u.scaleExtent = function(p) {
+    return arguments.length ? (r[0] = +p[0], r[1] = +p[1], u) : [r[0], r[1]];
+  }, u.translateExtent = function(p) {
+    return arguments.length ? (i[0][0] = +p[0][0], i[1][0] = +p[1][0], i[0][1] = +p[0][1], i[1][1] = +p[1][1], u) : [[i[0][0], i[0][1]], [i[1][0], i[1][1]]];
+  }, u.constrain = function(p) {
+    return arguments.length ? (n = p, u) : n;
+  }, u.duration = function(p) {
+    return arguments.length ? (l = +p, u) : l;
+  }, u.interpolate = function(p) {
+    return arguments.length ? (c = p, u) : c;
+  }, u.on = function() {
     var p = h.on.apply(h, arguments);
-    return p === h ? d : p;
-  }, d.clickDistance = function(p) {
-    return arguments.length ? (v = (p = +p) * p, d) : Math.sqrt(v);
-  }, d.tapDistance = function(p) {
-    return arguments.length ? (b = +p, d) : b;
-  }, d;
+    return p === h ? u : p;
+  }, u.clickDistance = function(p) {
+    return arguments.length ? (v = (p = +p) * p, u) : Math.sqrt(v);
+  }, u.tapDistance = function(p) {
+    return arguments.length ? (b = +p, u) : b;
+  }, u;
 }
 const g5 = {
   selectedTable: "",
@@ -492,6 +492,7 @@ const g5 = {
   errors: {},
   lightdashEnabled: !1,
   showCodeModal: !1,
+  renderTags: void 0,
   config: { exportFinalLineage: !1 }
 }, Et = Ir({
   name: "lineageState",
@@ -606,6 +607,9 @@ const g5 = {
     setShowCodeModal: (e, t) => {
       e.showCodeModal = t.payload;
     },
+    setRenderTags: (e, t) => {
+      e.renderTags = t.payload;
+    },
     setConfig: (e, t) => {
       e.config = t.payload;
     }
@@ -641,6 +645,7 @@ const g5 = {
   setErrors: So,
   setLightdashEnabled: S5,
   setShowCodeModal: L5,
+  setRenderTags: Pa,
   setConfig: N5
 } = Et.actions;
 function ye(e) {
@@ -669,31 +674,31 @@ function M5() {
   if (gn) return Jt;
   gn = 1;
   var e = T;
-  function t(u, m) {
-    return u === m && (u !== 0 || 1 / u === 1 / m) || u !== u && m !== m;
+  function t(d, m) {
+    return d === m && (d !== 0 || 1 / d === 1 / m) || d !== d && m !== m;
   }
   var n = typeof Object.is == "function" ? Object.is : t, o = e.useState, s = e.useEffect, r = e.useLayoutEffect, i = e.useDebugValue;
-  function l(u, m) {
+  function l(d, m) {
     var C = m(), x = o({ inst: { value: C, getSnapshot: m } }), v = x[0].inst, b = x[1];
     return r(function() {
       v.value = C, v.getSnapshot = m, c(v) && b({ inst: v });
-    }, [u, C, m]), s(function() {
-      return c(v) && b({ inst: v }), u(function() {
+    }, [d, C, m]), s(function() {
+      return c(v) && b({ inst: v }), d(function() {
         c(v) && b({ inst: v });
       });
-    }, [u]), i(C), C;
+    }, [d]), i(C), C;
   }
-  function c(u) {
-    var m = u.getSnapshot;
-    u = u.value;
+  function c(d) {
+    var m = d.getSnapshot;
+    d = d.value;
     try {
       var C = m();
-      return !n(u, C);
+      return !n(d, C);
     } catch {
       return !0;
     }
   }
-  function h(u, m) {
+  function h(d, m) {
     return m();
   }
   var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? h : l;
@@ -734,13 +739,13 @@ function j5() {
     function s(y, E) {
       return y === E && (y !== 0 || 1 / y === 1 / E) || y !== y && E !== E;
     }
-    var r = typeof Object.is == "function" ? Object.is : s, i = e.useState, l = e.useEffect, c = e.useLayoutEffect, h = e.useDebugValue, f = !1, u = !1;
+    var r = typeof Object.is == "function" ? Object.is : s, i = e.useState, l = e.useEffect, c = e.useLayoutEffect, h = e.useDebugValue, f = !1, d = !1;
     function m(y, E, S) {
       f || e.startTransition !== void 0 && (f = !0, n("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
       var j = E();
-      if (!u) {
+      if (!d) {
         var _ = E();
-        r(j, _) || (n("The result of getSnapshot should be cached to avoid an infinite loop"), u = !0);
+        r(j, _) || (n("The result of getSnapshot should be cached to avoid an infinite loop"), d = !0);
       }
       var H = i({
         inst: {
@@ -776,7 +781,7 @@ function j5() {
     function x(y, E, S) {
       return E();
     }
-    var v = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", b = !v, d = b ? x : m, w = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d;
+    var v = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", b = !v, u = b ? x : m, w = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u;
     Qt.useSyncExternalStore = w, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), Qt;
 }
@@ -802,14 +807,14 @@ function k5() {
     return h === f && (h !== 0 || 1 / h === 1 / f) || h !== h && f !== f;
   }
   var o = typeof Object.is == "function" ? Object.is : n, s = t.useSyncExternalStore, r = e.useRef, i = e.useEffect, l = e.useMemo, c = e.useDebugValue;
-  return qt.useSyncExternalStoreWithSelector = function(h, f, u, m, C) {
+  return qt.useSyncExternalStoreWithSelector = function(h, f, d, m, C) {
     var x = r(null);
     if (x.current === null) {
       var v = { hasValue: !1, value: null };
       x.current = v;
     } else v = x.current;
     x = l(function() {
-      function d(j) {
+      function u(j) {
         if (!w) {
           if (w = !0, y = j, j = m(j), C !== void 0 && v.hasValue) {
             var _ = v.value;
@@ -821,13 +826,13 @@ function k5() {
         var H = m(j);
         return C !== void 0 && C(_, H) ? _ : (y = j, E = H);
       }
-      var w = !1, y, E, S = u === void 0 ? null : u;
+      var w = !1, y, E, S = d === void 0 ? null : d;
       return [function() {
-        return d(f());
+        return u(f());
       }, S === null ? void 0 : function() {
-        return d(S());
+        return u(S());
       }];
-    }, [f, u, m, C]);
+    }, [f, d, m, C]);
     var b = s(h, x[0], x[1]);
     return i(function() {
       v.hasValue = !0, v.value = b;
@@ -849,17 +854,17 @@ function H5() {
   return En || (En = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     var e = T, t = Lo();
-    function n(f, u) {
-      return f === u && (f !== 0 || 1 / f === 1 / u) || f !== f && u !== u;
+    function n(f, d) {
+      return f === d && (f !== 0 || 1 / f === 1 / d) || f !== f && d !== d;
     }
     var o = typeof Object.is == "function" ? Object.is : n, s = t.useSyncExternalStore, r = e.useRef, i = e.useEffect, l = e.useMemo, c = e.useDebugValue;
-    function h(f, u, m, C, x) {
+    function h(f, d, m, C, x) {
       var v = r(null), b;
       v.current === null ? (b = {
         hasValue: !1,
         value: null
       }, v.current = b) : b = v.current;
-      var d = l(function() {
+      var u = l(function() {
         var S = !1, j, _, H = function(P) {
           if (!S) {
             S = !0, j = P;
@@ -877,12 +882,12 @@ function H5() {
           var A = C(P);
           return x !== void 0 && x(L, A) ? L : (j = P, _ = A, A);
         }, N = m === void 0 ? null : m, I = function() {
-          return H(u());
+          return H(d());
         }, D = N === null ? void 0 : function() {
           return H(N());
         };
         return [I, D];
-      }, [u, m, C, x]), w = d[0], y = d[1], E = s(f, w, y);
+      }, [d, m, C, x]), w = u[0], y = u[1], E = s(f, w, y);
       return i(function() {
         b.hasValue = !0, b.value = E;
       }, [E]), c(E), E;
@@ -894,11 +899,11 @@ process.env.NODE_ENV === "production" ? u2.exports = k5() : u2.exports = H5();
 var A5 = u2.exports;
 const V5 = /* @__PURE__ */ ho(A5), T5 = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, vn = (e) => {
   let t;
-  const n = /* @__PURE__ */ new Set(), o = (f, u) => {
+  const n = /* @__PURE__ */ new Set(), o = (f, d) => {
     const m = typeof f == "function" ? f(t) : f;
     if (!Object.is(m, t)) {
       const C = t;
-      t = u ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), n.forEach((x) => x(t, C));
+      t = d ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), n.forEach((x) => x(t, C));
     }
   }, s = () => t, c = { setState: o, getState: s, getInitialState: () => h, subscribe: (f) => (n.add(f), () => n.delete(f)), destroy: () => {
     (T5 ? "production" : void 0) !== "production" && console.warn(
@@ -991,10 +996,10 @@ function R5({ proOptions: e, position: t = "bottom-right" }) {
   );
 }
 const z5 = ({ x: e, y: t, label: n, labelStyle: o = {}, labelShowBg: s = !0, labelBgStyle: r = {}, labelBgPadding: i = [2, 4], labelBgBorderRadius: l = 2, children: c, className: h, ...f }) => {
-  const u = X(null), [m, C] = se({ x: 0, y: 0, width: 0, height: 0 }), x = ye(["react-flow__edge-textwrapper", h]);
+  const d = X(null), [m, C] = se({ x: 0, y: 0, width: 0, height: 0 }), x = ye(["react-flow__edge-textwrapper", h]);
   return Y(() => {
-    if (u.current) {
-      const v = u.current.getBBox();
+    if (d.current) {
+      const v = d.current.getBBox();
       C({
         x: v.x,
         y: v.y,
@@ -1006,7 +1011,7 @@ const z5 = ({ x: e, y: t, label: n, labelStyle: o = {}, labelShowBg: s = !0, lab
     "g",
     { transform: `translate(${e - m.width / 2} ${t - m.height / 2})`, className: x, visibility: m.width ? "visible" : "hidden", ...f },
     s && T.createElement("rect", { width: m.width + 2 * i[0], x: -i[0], y: -i[1], height: m.height + 2 * i[1], className: "react-flow__edge-textbg", style: r, rx: l, ry: l }),
-    T.createElement("text", { className: "react-flow__edge-text", y: m.height / 2, dy: "0.3em", ref: u, style: o }, n),
+    T.createElement("text", { className: "react-flow__edge-text", y: m.height / 2, dy: "0.3em", ref: d, style: o }, n),
     c
   );
 };
@@ -1063,10 +1068,10 @@ const To = (e) => "clientX" in e, qe = (e, t) => {
 }, vt = () => {
   var e;
   return typeof navigator < "u" && ((e = navigator == null ? void 0 : navigator.userAgent) == null ? void 0 : e.indexOf("Mac")) >= 0;
-}, V1 = ({ id: e, path: t, labelX: n, labelY: o, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: u, markerStart: m, interactionWidth: C = 20 }) => T.createElement(
+}, V1 = ({ id: e, path: t, labelX: n, labelY: o, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: d, markerStart: m, interactionWidth: C = 20 }) => T.createElement(
   T.Fragment,
   null,
-  T.createElement("path", { id: e, style: f, d: t, fill: "none", className: "react-flow__edge-path", markerEnd: u, markerStart: m }),
+  T.createElement("path", { id: e, style: f, d: t, fill: "none", className: "react-flow__edge-path", markerEnd: d, markerStart: m }),
   C && T.createElement("path", { d: t, fill: "none", strokeOpacity: 0, strokeWidth: C, className: "react-flow__edge-interaction" }),
   s && Me(n) && Me(o) ? T.createElement(W5, { x: n, y: o, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h }) : null
 );
@@ -1082,8 +1087,8 @@ function Do({ sourceX: e, sourceY: t, targetX: n, targetY: o }) {
   return [r, l, s, i];
 }
 function Io({ sourceX: e, sourceY: t, targetX: n, targetY: o, sourceControlX: s, sourceControlY: r, targetControlX: i, targetControlY: l }) {
-  const c = e * 0.125 + s * 0.375 + i * 0.375 + n * 0.125, h = t * 0.125 + r * 0.375 + l * 0.375 + o * 0.125, f = Math.abs(c - e), u = Math.abs(h - t);
-  return [c, h, f, u];
+  const c = e * 0.125 + s * 0.375 + i * 0.375 + n * 0.125, h = t * 0.125 + r * 0.375 + l * 0.375 + o * 0.125, f = Math.abs(c - e), d = Math.abs(h - t);
+  return [c, h, f, d];
 }
 var d1;
 (function(e) {
@@ -1125,7 +1130,7 @@ function Zo({ sourceX: e, sourceY: t, sourcePosition: n = $.Bottom, targetX: o,
     y1: s,
     x2: e,
     y2: t
-  }), [f, u, m, C] = Io({
+  }), [f, d, m, C] = Io({
     sourceX: e,
     sourceY: t,
     targetX: o,
@@ -1138,13 +1143,13 @@ function Zo({ sourceX: e, sourceY: t, sourcePosition: n = $.Bottom, targetX: o,
   return [
     `M${e},${t} C${i},${l} ${c},${h} ${o},${s}`,
     f,
-    u,
+    d,
     m,
     C
   ];
 }
-const H2 = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, sourcePosition: s = $.Bottom, targetPosition: r = $.Top, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: u, style: m, markerEnd: C, markerStart: x, interactionWidth: v }) => {
-  const [b, d, w] = Zo({
+const H2 = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, sourcePosition: s = $.Bottom, targetPosition: r = $.Top, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: m, markerEnd: C, markerStart: x, interactionWidth: v }) => {
+  const [b, u, w] = Zo({
     sourceX: e,
     sourceY: t,
     sourcePosition: s,
@@ -1152,7 +1157,7 @@ const H2 = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, sourcePosition:
     targetY: o,
     targetPosition: r
   });
-  return T.createElement(V1, { path: b, labelX: d, labelY: w, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: u, style: m, markerEnd: C, markerStart: x, interactionWidth: v });
+  return T.createElement(V1, { path: b, labelX: u, labelY: w, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: m, markerEnd: C, markerStart: x, interactionWidth: v });
 });
 H2.displayName = "SimpleBezierEdge";
 const Ln = {
@@ -1166,15 +1171,15 @@ function G5({ source: e, sourcePosition: t = $.Bottom, target: n, targetPosition
     source: c,
     sourcePosition: t,
     target: h
-  }), u = f.x !== 0 ? "x" : "y", m = f[u];
+  }), d = f.x !== 0 ? "x" : "y", m = f[d];
   let C = [], x, v;
-  const b = { x: 0, y: 0 }, d = { x: 0, y: 0 }, [w, y, E, S] = Do({
+  const b = { x: 0, y: 0 }, u = { x: 0, y: 0 }, [w, y, E, S] = Do({
     sourceX: e.x,
     sourceY: e.y,
     targetX: n.x,
     targetY: n.y
   });
-  if (i[u] * l[u] === -1) {
+  if (i[d] * l[d] === -1) {
     x = s.x ?? w, v = s.y ?? y;
     const _ = [
       { x, y: c.y },
@@ -1183,28 +1188,28 @@ function G5({ source: e, sourcePosition: t = $.Bottom, target: n, targetPosition
       { x: c.x, y: v },
       { x: h.x, y: v }
     ];
-    i[u] === m ? C = u === "x" ? _ : H : C = u === "x" ? H : _;
+    i[d] === m ? C = d === "x" ? _ : H : C = d === "x" ? H : _;
   } else {
     const _ = [{ x: c.x, y: h.y }], H = [{ x: h.x, y: c.y }];
-    if (u === "x" ? C = i.x === m ? H : _ : C = i.y === m ? _ : H, t === o) {
-      const O = Math.abs(e[u] - n[u]);
+    if (d === "x" ? C = i.x === m ? H : _ : C = i.y === m ? _ : H, t === o) {
+      const O = Math.abs(e[d] - n[d]);
       if (O <= r) {
         const p = Math.min(r - 1, r - O);
-        i[u] === m ? b[u] = (c[u] > e[u] ? -1 : 1) * p : d[u] = (h[u] > n[u] ? -1 : 1) * p;
+        i[d] === m ? b[d] = (c[d] > e[d] ? -1 : 1) * p : u[d] = (h[d] > n[d] ? -1 : 1) * p;
       }
     }
     if (t !== o) {
-      const O = u === "x" ? "y" : "x", p = i[u] === l[O], k = c[O] > h[O], L = c[O] < h[O];
-      (i[u] === 1 && (!p && k || p && L) || i[u] !== 1 && (!p && L || p && k)) && (C = u === "x" ? _ : H);
+      const O = d === "x" ? "y" : "x", p = i[d] === l[O], k = c[O] > h[O], L = c[O] < h[O];
+      (i[d] === 1 && (!p && k || p && L) || i[d] !== 1 && (!p && L || p && k)) && (C = d === "x" ? _ : H);
     }
-    const N = { x: c.x + b.x, y: c.y + b.y }, I = { x: h.x + d.x, y: h.y + d.y }, D = Math.max(Math.abs(N.x - C[0].x), Math.abs(I.x - C[0].x)), P = Math.max(Math.abs(N.y - C[0].y), Math.abs(I.y - C[0].y));
+    const N = { x: c.x + b.x, y: c.y + b.y }, I = { x: h.x + u.x, y: h.y + u.y }, D = Math.max(Math.abs(N.x - C[0].x), Math.abs(I.x - C[0].x)), P = Math.max(Math.abs(N.y - C[0].y), Math.abs(I.y - C[0].y));
     D >= P ? (x = (N.x + I.x) / 2, v = C[0].y) : (x = C[0].x, v = (N.y + I.y) / 2);
   }
   return [[
     e,
     { x: c.x + b.x, y: c.y + b.y },
     ...C,
-    { x: h.x + d.x, y: h.y + d.y },
+    { x: h.x + u.x, y: h.y + u.y },
     n
   ], x, v, E, S];
 }
@@ -1220,7 +1225,7 @@ function q5(e, t, n, o) {
   return `L ${r},${i + s * c}Q ${r},${i} ${r + s * l},${i}`;
 }
 function C2({ sourceX: e, sourceY: t, sourcePosition: n = $.Bottom, targetX: o, targetY: s, targetPosition: r = $.Top, borderRadius: i = 5, centerX: l, centerY: c, offset: h = 20 }) {
-  const [f, u, m, C, x] = G5({
+  const [f, d, m, C, x] = G5({
     source: { x: e, y: t },
     sourcePosition: n,
     target: { x: o, y: s },
@@ -1228,23 +1233,23 @@ function C2({ sourceX: e, sourceY: t, sourcePosition: n = $.Bottom, targetX: o,
     center: { x: l, y: c },
     offset: h
   });
-  return [f.reduce((b, d, w) => {
+  return [f.reduce((b, u, w) => {
     let y = "";
-    return w > 0 && w < f.length - 1 ? y = q5(f[w - 1], d, f[w + 1], i) : y = `${w === 0 ? "M" : "L"}${d.x} ${d.y}`, b += y, b;
-  }, ""), u, m, C, x];
+    return w > 0 && w < f.length - 1 ? y = q5(f[w - 1], u, f[w + 1], i) : y = `${w === 0 ? "M" : "L"}${u.x} ${u.y}`, b += y, b;
+  }, ""), d, m, C, x];
 }
-const Tt = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, sourcePosition: u = $.Bottom, targetPosition: m = $.Top, markerEnd: C, markerStart: x, pathOptions: v, interactionWidth: b }) => {
-  const [d, w, y] = C2({
+const Tt = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, sourcePosition: d = $.Bottom, targetPosition: m = $.Top, markerEnd: C, markerStart: x, pathOptions: v, interactionWidth: b }) => {
+  const [u, w, y] = C2({
     sourceX: e,
     sourceY: t,
-    sourcePosition: u,
+    sourcePosition: d,
     targetX: n,
     targetY: o,
     targetPosition: m,
     borderRadius: v == null ? void 0 : v.borderRadius,
     offset: v == null ? void 0 : v.offset
   });
-  return T.createElement(V1, { path: d, labelX: w, labelY: y, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: C, markerStart: x, interactionWidth: b });
+  return T.createElement(V1, { path: u, labelX: w, labelY: y, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: C, markerStart: x, interactionWidth: b });
 });
 Tt.displayName = "SmoothStepEdge";
 const A2 = le((e) => {
@@ -1264,9 +1269,9 @@ function J5({ sourceX: e, sourceY: t, targetX: n, targetY: o }) {
   });
   return [`M ${e},${t}L ${n},${o}`, s, r, i, l];
 }
-const V2 = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: u, markerStart: m, interactionWidth: C }) => {
+const V2 = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: d, markerStart: m, interactionWidth: C }) => {
   const [x, v, b] = J5({ sourceX: e, sourceY: t, targetX: n, targetY: o });
-  return T.createElement(V1, { path: x, labelX: v, labelY: b, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: u, markerStart: m, interactionWidth: C });
+  return T.createElement(V1, { path: x, labelX: v, labelY: b, label: s, labelStyle: r, labelShowBg: i, labelBgStyle: l, labelBgPadding: c, labelBgBorderRadius: h, style: f, markerEnd: d, markerStart: m, interactionWidth: C });
 });
 V2.displayName = "StraightEdge";
 function ct(e, t) {
@@ -1299,7 +1304,7 @@ function Bo({ sourceX: e, sourceY: t, sourcePosition: n = $.Bottom, targetX: o,
     x2: e,
     y2: t,
     c: i
-  }), [u, m, C, x] = Io({
+  }), [d, m, C, x] = Io({
     sourceX: e,
     sourceY: t,
     targetX: o,
@@ -1311,14 +1316,14 @@ function Bo({ sourceX: e, sourceY: t, sourcePosition: n = $.Bottom, targetX: o,
   });
   return [
     `M${e},${t} C${l},${c} ${h},${f} ${o},${s}`,
-    u,
+    d,
     m,
     C,
     x
   ];
 }
-const bt = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, sourcePosition: s = $.Bottom, targetPosition: r = $.Top, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: u, style: m, markerEnd: C, markerStart: x, pathOptions: v, interactionWidth: b }) => {
-  const [d, w, y] = Bo({
+const bt = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, sourcePosition: s = $.Bottom, targetPosition: r = $.Top, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: m, markerEnd: C, markerStart: x, pathOptions: v, interactionWidth: b }) => {
+  const [u, w, y] = Bo({
     sourceX: e,
     sourceY: t,
     sourcePosition: s,
@@ -1327,7 +1332,7 @@ const bt = le(({ sourceX: e, sourceY: t, targetX: n, targetY: o, sourcePosition:
     targetPosition: r,
     curvature: v == null ? void 0 : v.curvature
   });
-  return T.createElement(V1, { path: d, labelX: w, labelY: y, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: u, style: m, markerEnd: C, markerStart: x, interactionWidth: b });
+  return T.createElement(V1, { path: u, labelX: w, labelY: y, label: i, labelStyle: l, labelShowBg: c, labelBgStyle: h, labelBgPadding: f, labelBgBorderRadius: d, style: m, markerEnd: C, markerStart: x, interactionWidth: b });
 });
 bt.displayName = "BezierEdge";
 const T2 = Ht(null), Q5 = T2.Provider;
@@ -1394,22 +1399,22 @@ const e8 = () => je(T2), t8 = (e) => "id" in e && "source" in e && "target" in e
     height: t.height / s
   }, h = [];
   return e.forEach((f) => {
-    const { width: u, height: m, selectable: C = !0, hidden: x = !1 } = f;
+    const { width: d, height: m, selectable: C = !0, hidden: x = !1 } = f;
     if (i && !C || x)
       return !1;
     const { positionAbsolute: v } = _1(f, l), b = {
       x: v.x,
       y: v.y,
-      width: u || 0,
+      width: d || 0,
       height: m || 0
-    }, d = h2(c, b), w = typeof u > "u" || typeof m > "u" || u === null || m === null, y = r && d > 0, E = (u || 0) * (m || 0);
-    (w || y || d >= E || f.dragging) && h.push(f);
+    }, u = h2(c, b), w = typeof d > "u" || typeof m > "u" || d === null || m === null, y = r && u > 0, E = (d || 0) * (m || 0);
+    (w || y || u >= E || f.dragging) && h.push(f);
   }), h;
 }, Oo = (e, t) => {
   const n = e.map((o) => o.id);
   return t.filter((o) => n.includes(o.source) || n.includes(o.target));
 }, Ro = (e, t, n, o, s, r = 0.1) => {
-  const i = t / (e.width * (1 + r)), l = n / (e.height * (1 + r)), c = Math.min(i, l), h = M1(c, o, s), f = e.x + e.width / 2, u = e.y + e.height / 2, m = t / 2 - f * h, C = n / 2 - u * h;
+  const i = t / (e.width * (1 + r)), l = n / (e.height * (1 + r)), c = Math.min(i, l), h = M1(c, o, s), f = e.x + e.width / 2, d = e.y + e.height / 2, m = t / 2 - f * h, C = n / 2 - d * h;
   return { x: m, y: C, zoom: h };
 }, r1 = (e, t = 0) => e.transition().duration(t);
 function jn(e, t, n, o) {
@@ -1429,8 +1434,8 @@ function i8(e, t, n, o, s, r) {
   if (h) {
     const x = h.getAttribute("data-nodeid");
     if (x) {
-      const v = I2(void 0, h), b = h.getAttribute("data-handleid"), d = r({ nodeId: x, id: b, type: v });
-      if (d) {
+      const v = I2(void 0, h), b = h.getAttribute("data-handleid"), u = r({ nodeId: x, id: b, type: v });
+      if (u) {
         const w = s.find((y) => y.nodeId === x && y.type === v && y.id === b);
         return {
           handle: {
@@ -1440,20 +1445,20 @@ function i8(e, t, n, o, s, r) {
             x: (w == null ? void 0 : w.x) || n.x,
             y: (w == null ? void 0 : w.y) || n.y
           },
-          validHandleResult: d
+          validHandleResult: u
         };
       }
     }
   }
-  let f = [], u = 1 / 0;
+  let f = [], d = 1 / 0;
   if (s.forEach((x) => {
     const v = Math.sqrt((x.x - n.x) ** 2 + (x.y - n.y) ** 2);
     if (v <= o) {
       const b = r(x);
-      v <= u && (v < u ? f = [{ handle: x, validHandleResult: b }] : v === u && f.push({
+      v <= d && (v < d ? f = [{ handle: x, validHandleResult: b }] : v === d && f.push({
         handle: x,
         validHandleResult: b
-      }), u = v);
+      }), d = v);
     }
   }), !f.length)
     return { handle: null, validHandleResult: zo() };
@@ -1474,14 +1479,14 @@ function Wo(e, t, n, o, s, r, i) {
     handleDomNode: c
   };
   if (c) {
-    const f = I2(void 0, c), u = c.getAttribute("data-nodeid"), m = c.getAttribute("data-handleid"), C = c.classList.contains("connectable"), x = c.classList.contains("connectableend"), v = {
-      source: l ? u : n,
+    const f = I2(void 0, c), d = c.getAttribute("data-nodeid"), m = c.getAttribute("data-handleid"), C = c.classList.contains("connectable"), x = c.classList.contains("connectableend"), v = {
+      source: l ? d : n,
       sourceHandle: l ? m : o,
-      target: l ? n : u,
+      target: l ? n : d,
       targetHandle: l ? o : m
     };
-    h.connection = v, C && x && (t === d1.Strict ? l && f === "source" || !l && f === "target" : u !== n || m !== o) && (h.endHandle = {
-      nodeId: u,
+    h.connection = v, C && x && (t === d1.Strict ? l && f === "source" || !l && f === "target" : d !== n || m !== o) && (h.endHandle = {
+      nodeId: d,
       handleId: m,
       type: f
     }, h.isValid = r(v));
@@ -1509,14 +1514,14 @@ function c8(e, t) {
   return t ? n = "valid" : e && !t && (n = "invalid"), n;
 }
 function $o({ event: e, handleId: t, nodeId: n, onConnect: o, isTarget: s, getState: r, setState: i, isValidConnection: l, edgeUpdaterType: c, onReconnectEnd: h }) {
-  const f = Ho(e.target), { connectionMode: u, domNode: m, autoPanOnConnect: C, connectionRadius: x, onConnectStart: v, panBy: b, getNodes: d, cancelConnection: w } = r();
+  const f = Ho(e.target), { connectionMode: d, domNode: m, autoPanOnConnect: C, connectionRadius: x, onConnectStart: v, panBy: b, getNodes: u, cancelConnection: w } = r();
   let y = 0, E;
   const { x: S, y: j } = qe(e), _ = f == null ? void 0 : f.elementFromPoint(S, j), H = I2(c, _), N = m == null ? void 0 : m.getBoundingClientRect();
   if (!N || !H)
     return;
   let I, D = qe(e, N), P = !1, O = null, p = !1, k = null;
   const L = l8({
-    nodes: d(),
+    nodes: u(),
     nodeId: n,
     handleId: t,
     handleType: H
@@ -1543,7 +1548,7 @@ function $o({ event: e, handleId: t, nodeId: n, onConnect: o, isTarget: s, getSt
   function F(V) {
     const { transform: B } = r();
     D = qe(V, N);
-    const { handle: R, validHandleResult: W } = i8(V, f, g2(D, B, !1, [1, 1]), x, L, (z) => Wo(z, u, n, t, s ? "target" : "source", l, f));
+    const { handle: R, validHandleResult: W } = i8(V, f, g2(D, B, !1, [1, 1]), x, L, (z) => Wo(z, d, n, t, s ? "target" : "source", l, f));
     if (E = R, P || (A(), P = !0), k = W.handleDomNode, O = W.connection, p = W.isValid, i({
       connectionPosition: E && p ? Fo({
         x: E.x,
@@ -1571,10 +1576,10 @@ const kn = () => !0, d8 = (e) => ({
     connecting: (s == null ? void 0 : s.nodeId) === e && (s == null ? void 0 : s.handleId) === t && (s == null ? void 0 : s.type) === n || (r == null ? void 0 : r.nodeId) === e && (r == null ? void 0 : r.handleId) === t && (r == null ? void 0 : r.type) === n,
     clickConnecting: (i == null ? void 0 : i.nodeId) === e && (i == null ? void 0 : i.handleId) === t && (i == null ? void 0 : i.type) === n
   };
-}, Uo = L2(({ type: e = "source", position: t = $.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: s = !0, isConnectableEnd: r = !0, id: i, onConnect: l, children: c, className: h, onMouseDown: f, onTouchStart: u, ...m }, C) => {
+}, Uo = L2(({ type: e = "source", position: t = $.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: s = !0, isConnectableEnd: r = !0, id: i, onConnect: l, children: c, className: h, onMouseDown: f, onTouchStart: d, ...m }, C) => {
   var N, I;
-  const x = i || null, v = e === "target", b = fe(), d = e8(), { connectOnClick: w, noPanClassName: y } = ie(d8, Ce), { connecting: E, clickConnecting: S } = ie(u8(d, x, e), Ce);
-  d || (I = (N = b.getState()).onError) == null || I.call(N, "010", Ie.error010());
+  const x = i || null, v = e === "target", b = fe(), u = e8(), { connectOnClick: w, noPanClassName: y } = ie(d8, Ce), { connecting: E, clickConnecting: S } = ie(u8(u, x, e), Ce);
+  u || (I = (N = b.getState()).onError) == null || I.call(N, "010", Ie.error010());
   const j = (D) => {
     const { defaultEdgeOptions: P, onConnect: O, hasDefaultEdges: p } = b.getState(), k = {
       ...P,
@@ -1586,35 +1591,35 @@ const kn = () => !0, d8 = (e) => ({
     }
     O == null || O(k), l == null || l(k);
   }, _ = (D) => {
-    if (!d)
+    if (!u)
       return;
     const P = To(D);
     s && (P && D.button === 0 || !P) && $o({
       event: D,
       handleId: x,
-      nodeId: d,
+      nodeId: u,
       onConnect: j,
       isTarget: v,
       getState: b.getState,
       setState: b.setState,
       isValidConnection: n || b.getState().isValidConnection || kn
-    }), P ? f == null || f(D) : u == null || u(D);
+    }), P ? f == null || f(D) : d == null || d(D);
   }, H = (D) => {
     const { onClickConnectStart: P, onClickConnectEnd: O, connectionClickStartHandle: p, connectionMode: k, isValidConnection: L } = b.getState();
-    if (!d || !p && !s)
+    if (!u || !p && !s)
       return;
     if (!p) {
-      P == null || P(D, { nodeId: d, handleId: x, handleType: e }), b.setState({ connectionClickStartHandle: { nodeId: d, type: e, handleId: x } });
+      P == null || P(D, { nodeId: u, handleId: x, handleType: e }), b.setState({ connectionClickStartHandle: { nodeId: u, type: e, handleId: x } });
       return;
     }
     const A = Ho(D.target), F = n || L || kn, { connection: M, isValid: V } = Wo({
-      nodeId: d,
+      nodeId: u,
       id: x,
       type: e
     }, k, p.nodeId, p.handleId || null, p.type, F, A);
     V && j(M), O == null || O(D), b.setState({ connectionClickStartHandle: null });
   };
-  return T.createElement("div", { "data-handleid": x, "data-nodeid": d, "data-handlepos": t, "data-id": `${d}-${x}-${e}`, className: ye([
+  return T.createElement("div", { "data-handleid": x, "data-nodeid": u, "data-handlepos": t, "data-id": `${u}-${x}-${e}`, className: ye([
     "react-flow__handle",
     `react-flow__handle-${t}`,
     "nodrag",
@@ -1701,14 +1706,14 @@ function G(e, t, n) {
     typeof t < "u" && n({ [e]: t });
   }, [t]);
 }
-const p8 = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: s, onConnectStart: r, onConnectEnd: i, onClickConnectStart: l, onClickConnectEnd: c, nodesDraggable: h, nodesConnectable: f, nodesFocusable: u, edgesFocusable: m, edgesUpdatable: C, elevateNodesOnSelect: x, minZoom: v, maxZoom: b, nodeExtent: d, onNodesChange: w, onEdgesChange: y, elementsSelectable: E, connectionMode: S, snapGrid: j, snapToGrid: _, translateExtent: H, connectOnClick: N, defaultEdgeOptions: I, fitView: D, fitViewOptions: P, onNodesDelete: O, onEdgesDelete: p, onNodeDrag: k, onNodeDragStart: L, onNodeDragStop: A, onSelectionDrag: F, onSelectionDragStart: M, onSelectionDragStop: V, noPanClassName: B, nodeOrigin: R, rfId: W, autoPanOnConnect: z, autoPanOnNodeDrag: U, onError: q, connectionRadius: J, isValidConnection: ee, nodeDragThreshold: te }) => {
+const p8 = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: s, onConnectStart: r, onConnectEnd: i, onClickConnectStart: l, onClickConnectEnd: c, nodesDraggable: h, nodesConnectable: f, nodesFocusable: d, edgesFocusable: m, edgesUpdatable: C, elevateNodesOnSelect: x, minZoom: v, maxZoom: b, nodeExtent: u, onNodesChange: w, onEdgesChange: y, elementsSelectable: E, connectionMode: S, snapGrid: j, snapToGrid: _, translateExtent: H, connectOnClick: N, defaultEdgeOptions: I, fitView: D, fitViewOptions: P, onNodesDelete: O, onEdgesDelete: p, onNodeDrag: k, onNodeDragStart: L, onNodeDragStop: A, onSelectionDrag: F, onSelectionDragStart: M, onSelectionDragStop: V, noPanClassName: B, nodeOrigin: R, rfId: W, autoPanOnConnect: z, autoPanOnNodeDrag: U, onError: q, connectionRadius: J, isValidConnection: ee, nodeDragThreshold: te }) => {
   const { setNodes: ne, setEdges: we, setDefaultNodesAndEdges: _e, setMinZoom: He, setMaxZoom: Se, setTranslateExtent: ce, setNodeExtent: Ze, reset: re } = ie(g8, Ce), K = fe();
   return Y(() => {
     const be = o == null ? void 0 : o.map((Je) => ({ ...Je, ...I }));
     return _e(n, be), () => {
       re();
     };
-  }, []), G("defaultEdgeOptions", I, K.setState), G("connectionMode", S, K.setState), G("onConnect", s, K.setState), G("onConnectStart", r, K.setState), G("onConnectEnd", i, K.setState), G("onClickConnectStart", l, K.setState), G("onClickConnectEnd", c, K.setState), G("nodesDraggable", h, K.setState), G("nodesConnectable", f, K.setState), G("nodesFocusable", u, K.setState), G("edgesFocusable", m, K.setState), G("edgesUpdatable", C, K.setState), G("elementsSelectable", E, K.setState), G("elevateNodesOnSelect", x, K.setState), G("snapToGrid", _, K.setState), G("snapGrid", j, K.setState), G("onNodesChange", w, K.setState), G("onEdgesChange", y, K.setState), G("connectOnClick", N, K.setState), G("fitViewOnInit", D, K.setState), G("fitViewOnInitOptions", P, K.setState), G("onNodesDelete", O, K.setState), G("onEdgesDelete", p, K.setState), G("onNodeDrag", k, K.setState), G("onNodeDragStart", L, K.setState), G("onNodeDragStop", A, K.setState), G("onSelectionDrag", F, K.setState), G("onSelectionDragStart", M, K.setState), G("onSelectionDragStop", V, K.setState), G("noPanClassName", B, K.setState), G("nodeOrigin", R, K.setState), G("rfId", W, K.setState), G("autoPanOnConnect", z, K.setState), G("autoPanOnNodeDrag", U, K.setState), G("onError", q, K.setState), G("connectionRadius", J, K.setState), G("isValidConnection", ee, K.setState), G("nodeDragThreshold", te, K.setState), x1(e, ne), x1(t, we), x1(v, He), x1(b, Se), x1(H, ce), x1(d, Ze), null;
+  }, []), G("defaultEdgeOptions", I, K.setState), G("connectionMode", S, K.setState), G("onConnect", s, K.setState), G("onConnectStart", r, K.setState), G("onConnectEnd", i, K.setState), G("onClickConnectStart", l, K.setState), G("onClickConnectEnd", c, K.setState), G("nodesDraggable", h, K.setState), G("nodesConnectable", f, K.setState), G("nodesFocusable", d, K.setState), G("edgesFocusable", m, K.setState), G("edgesUpdatable", C, K.setState), G("elementsSelectable", E, K.setState), G("elevateNodesOnSelect", x, K.setState), G("snapToGrid", _, K.setState), G("snapGrid", j, K.setState), G("onNodesChange", w, K.setState), G("onEdgesChange", y, K.setState), G("connectOnClick", N, K.setState), G("fitViewOnInit", D, K.setState), G("fitViewOnInitOptions", P, K.setState), G("onNodesDelete", O, K.setState), G("onEdgesDelete", p, K.setState), G("onNodeDrag", k, K.setState), G("onNodeDragStart", L, K.setState), G("onNodeDragStop", A, K.setState), G("onSelectionDrag", F, K.setState), G("onSelectionDragStart", M, K.setState), G("onSelectionDragStop", V, K.setState), G("noPanClassName", B, K.setState), G("nodeOrigin", R, K.setState), G("rfId", W, K.setState), G("autoPanOnConnect", z, K.setState), G("autoPanOnNodeDrag", U, K.setState), G("onError", q, K.setState), G("connectionRadius", J, K.setState), G("isValidConnection", ee, K.setState), G("nodeDragThreshold", te, K.setState), x1(e, ne), x1(t, we), x1(v, He), x1(b, Se), x1(H, ce), x1(u, Ze), null;
 }, Hn = { display: "none" }, x8 = {
   position: "absolute",
   width: 1,
@@ -1743,7 +1748,7 @@ function w8({ rfId: e, disableKeyboardA11y: t }) {
 var X1 = (e = null, t = { actInsideInputWithModifier: !0 }) => {
   const [n, o] = se(!1), s = X(!1), r = X(/* @__PURE__ */ new Set([])), [i, l] = xe(() => {
     if (e !== null) {
-      const h = (Array.isArray(e) ? e : [e]).filter((u) => typeof u == "string").map((u) => u.split("+")), f = h.reduce((u, m) => u.concat(...m), []);
+      const h = (Array.isArray(e) ? e : [e]).filter((d) => typeof d == "string").map((d) => d.split("+")), f = h.reduce((d, m) => d.concat(...m), []);
       return [h, f];
     }
     return [[], []];
@@ -1756,7 +1761,7 @@ var X1 = (e = null, t = { actInsideInputWithModifier: !0 }) => {
           return !1;
         const v = Vn(C.code, l);
         r.current.add(C[v]), An(i, r.current, !1) && (C.preventDefault(), o(!0));
-      }, u = (C) => {
+      }, d = (C) => {
         if ((!s.current || s.current && !t.actInsideInputWithModifier) && f2(C))
           return !1;
         const v = Vn(C.code, l);
@@ -1764,8 +1769,8 @@ var X1 = (e = null, t = { actInsideInputWithModifier: !0 }) => {
       }, m = () => {
         r.current.clear(), o(!1);
       };
-      return h == null || h.addEventListener("keydown", f), h == null || h.addEventListener("keyup", u), window.addEventListener("blur", m), () => {
-        h == null || h.removeEventListener("keydown", f), h == null || h.removeEventListener("keyup", u), window.removeEventListener("blur", m);
+      return h == null || h.addEventListener("keydown", f), h == null || h.addEventListener("keyup", d), window.addEventListener("blur", m), () => {
+        h == null || h.removeEventListener("keydown", f), h == null || h.removeEventListener("keyup", d), window.removeEventListener("blur", m);
       };
     }
   }, [e, o]), n;
@@ -1816,8 +1821,8 @@ function n2(e, t, n, o) {
         x: l.position.x,
         y: l.position.y
       }
-    }, u = l.parentNode || l.parentId;
-    u && (r[u] = !0);
+    }, d = l.parentNode || l.parentId;
+    d && (r[d] = !0);
     const m = (h == null ? void 0 : h.type) && (h == null ? void 0 : h.type) !== l.type;
     Object.defineProperty(f, ae, {
       enumerable: !1,
@@ -1829,15 +1834,15 @@ function n2(e, t, n, o) {
   }), ns(s, n, r), s;
 }
 function os(e, t = {}) {
-  const { getNodes: n, width: o, height: s, minZoom: r, maxZoom: i, d3Zoom: l, d3Selection: c, fitViewOnInitDone: h, fitViewOnInit: f, nodeOrigin: u } = e(), m = t.initial && !h && f;
+  const { getNodes: n, width: o, height: s, minZoom: r, maxZoom: i, d3Zoom: l, d3Selection: c, fitViewOnInitDone: h, fitViewOnInit: f, nodeOrigin: d } = e(), m = t.initial && !h && f;
   if (l && c && (m || !t.initial)) {
     const x = n().filter((b) => {
       var w;
-      const d = t.includeHiddenNodes ? b.width && b.height : !b.hidden;
-      return (w = t.nodes) != null && w.length ? d && t.nodes.some((y) => y.id === b.id) : d;
+      const u = t.includeHiddenNodes ? b.width && b.height : !b.hidden;
+      return (w = t.nodes) != null && w.length ? u && t.nodes.some((y) => y.id === b.id) : u;
     }), v = x.every((b) => b.width && b.height);
     if (x.length > 0 && v) {
-      const b = D2(x, u), { x: d, y: w, zoom: y } = Ro(b, o, s, t.minZoom ?? r, t.maxZoom ?? i, t.padding ?? 0.1), E = Ge.translate(d, w).scale(y);
+      const b = D2(x, d), { x: u, y: w, zoom: y } = Ro(b, o, s, t.minZoom ?? r, t.maxZoom ?? i, t.padding ?? 0.1), E = Ge.translate(u, w).scale(y);
       return typeof t.duration == "number" && t.duration > 0 ? l.transform(r1(c, t.duration), E) : l.transform(c, E), !0;
     }
   }
@@ -1898,11 +1903,11 @@ const y1 = () => {
     },
     fitView: (s) => os(e.getState, s),
     setCenter: (s, r, i) => {
-      const { width: l, height: c, maxZoom: h } = e.getState(), f = typeof (i == null ? void 0 : i.zoom) < "u" ? i.zoom : h, u = l / 2 - s * f, m = c / 2 - r * f, C = Ge.translate(u, m).scale(f);
+      const { width: l, height: c, maxZoom: h } = e.getState(), f = typeof (i == null ? void 0 : i.zoom) < "u" ? i.zoom : h, d = l / 2 - s * f, m = c / 2 - r * f, C = Ge.translate(d, m).scale(f);
       t.transform(r1(n, i == null ? void 0 : i.duration), C);
     },
     fitBounds: (s, r) => {
-      const { width: i, height: l, minZoom: c, maxZoom: h } = e.getState(), { x: f, y: u, zoom: m } = Ro(s, i, l, c, h, (r == null ? void 0 : r.padding) ?? 0.1), C = Ge.translate(f, u).scale(m);
+      const { width: i, height: l, minZoom: c, maxZoom: h } = e.getState(), { x: f, y: d, zoom: m } = Ro(s, i, l, c, h, (r == null ? void 0 : r.padding) ?? 0.1), C = Ge.translate(f, d).scale(m);
       t.transform(r1(n, r == null ? void 0 : r.duration), C);
     },
     // @deprecated Use `screenToFlowPosition`.
@@ -1914,11 +1919,11 @@ const y1 = () => {
       const { transform: r, snapToGrid: i, snapGrid: l, domNode: c } = e.getState();
       if (!c)
         return s;
-      const { x: h, y: f } = c.getBoundingClientRect(), u = {
+      const { x: h, y: f } = c.getBoundingClientRect(), d = {
         x: s.x - h,
         y: s.y - f
       };
-      return g2(u, r, i, l);
+      return g2(d, r, i, l);
     },
     flowToScreenPosition: (s) => {
       const { transform: r, domNode: i } = e.getState();
@@ -1939,42 +1944,42 @@ function ke() {
     return v.map((b) => ({ ...b }));
   }, []), r = oe((v) => {
     const { edges: b = [] } = t.getState();
-    return b.find((d) => d.id === v);
+    return b.find((u) => u.id === v);
   }, []), i = oe((v) => {
-    const { getNodes: b, setNodes: d, hasDefaultNodes: w, onNodesChange: y } = t.getState(), E = b(), S = typeof v == "function" ? v(E) : v;
+    const { getNodes: b, setNodes: u, hasDefaultNodes: w, onNodesChange: y } = t.getState(), E = b(), S = typeof v == "function" ? v(E) : v;
     if (w)
-      d(S);
+      u(S);
     else if (y) {
       const j = S.length === 0 ? E.map((_) => ({ type: "remove", id: _.id })) : S.map((_) => ({ item: _, type: "reset" }));
       y(j);
     }
   }, []), l = oe((v) => {
-    const { edges: b = [], setEdges: d, hasDefaultEdges: w, onEdgesChange: y } = t.getState(), E = typeof v == "function" ? v(b) : v;
+    const { edges: b = [], setEdges: u, hasDefaultEdges: w, onEdgesChange: y } = t.getState(), E = typeof v == "function" ? v(b) : v;
     if (w)
-      d(E);
+      u(E);
     else if (y) {
       const S = E.length === 0 ? b.map((j) => ({ type: "remove", id: j.id })) : E.map((j) => ({ item: j, type: "reset" }));
       y(S);
     }
   }, []), c = oe((v) => {
-    const b = Array.isArray(v) ? v : [v], { getNodes: d, setNodes: w, hasDefaultNodes: y, onNodesChange: E } = t.getState();
+    const b = Array.isArray(v) ? v : [v], { getNodes: u, setNodes: w, hasDefaultNodes: y, onNodesChange: E } = t.getState();
     if (y) {
-      const j = [...d(), ...b];
+      const j = [...u(), ...b];
       w(j);
     } else if (E) {
       const S = b.map((j) => ({ item: j, type: "add" }));
       E(S);
     }
   }, []), h = oe((v) => {
-    const b = Array.isArray(v) ? v : [v], { edges: d = [], setEdges: w, hasDefaultEdges: y, onEdgesChange: E } = t.getState();
+    const b = Array.isArray(v) ? v : [v], { edges: u = [], setEdges: w, hasDefaultEdges: y, onEdgesChange: E } = t.getState();
     if (y)
-      w([...d, ...b]);
+      w([...u, ...b]);
     else if (E) {
       const S = b.map((j) => ({ item: j, type: "add" }));
       E(S);
     }
   }, []), f = oe(() => {
-    const { getNodes: v, edges: b = [], transform: d } = t.getState(), [w, y, E] = d;
+    const { getNodes: v, edges: b = [], transform: u } = t.getState(), [w, y, E] = u;
     return {
       nodes: v().map((S) => ({ ...S })),
       edges: b.map((S) => ({ ...S })),
@@ -1984,8 +1989,8 @@ function ke() {
         zoom: E
       }
     };
-  }, []), u = oe(({ nodes: v, edges: b }) => {
-    const { nodeInternals: d, getNodes: w, edges: y, hasDefaultNodes: E, hasDefaultEdges: S, onNodesDelete: j, onEdgesDelete: _, onNodesChange: H, onEdgesChange: N } = t.getState(), I = (v || []).map((k) => k.id), D = (b || []).map((k) => k.id), P = w().reduce((k, L) => {
+  }, []), d = oe(({ nodes: v, edges: b }) => {
+    const { nodeInternals: u, getNodes: w, edges: y, hasDefaultNodes: E, hasDefaultEdges: S, onNodesDelete: j, onEdgesDelete: _, onNodesChange: H, onEdgesChange: N } = t.getState(), I = (v || []).map((k) => k.id), D = (b || []).map((k) => k.id), P = w().reduce((k, L) => {
       const A = L.parentNode || L.parentId, F = !I.includes(L.id) && A && k.find((V) => V.id === A);
       return (typeof L.deletable == "boolean" ? L.deletable : !0) && (I.includes(L.id) || F) && k.push(L), k;
     }, []), O = y.filter((k) => typeof k.deletable == "boolean" ? k.deletable : !0), p = O.filter((k) => D.includes(k.id));
@@ -1994,9 +1999,9 @@ function ke() {
       if ((S || E) && (S && t.setState({
         edges: y.filter((F) => !A.includes(F.id))
       }), E && (P.forEach((F) => {
-        d.delete(F.id);
+        u.delete(F.id);
       }), t.setState({
-        nodeInternals: new Map(d)
+        nodeInternals: new Map(u)
       }))), A.length > 0 && (_ == null || _(L), N && N(A.map((F) => ({
         id: F,
         type: "remove"
@@ -2006,22 +2011,22 @@ function ke() {
       }
     }
   }, []), m = oe((v) => {
-    const b = K5(v), d = b ? null : t.getState().nodeInternals.get(v.id);
-    return !b && !d ? [null, null, b] : [b ? v : _n(d), d, b];
-  }, []), C = oe((v, b = !0, d) => {
+    const b = K5(v), u = b ? null : t.getState().nodeInternals.get(v.id);
+    return !b && !u ? [null, null, b] : [b ? v : _n(u), u, b];
+  }, []), C = oe((v, b = !0, u) => {
     const [w, y, E] = m(v);
-    return w ? (d || t.getState().getNodes()).filter((S) => {
+    return w ? (u || t.getState().getNodes()).filter((S) => {
       if (!E && (S.id === y.id || !S.positionAbsolute))
         return !1;
       const j = _n(S), _ = h2(j, w);
       return b && _ > 0 || _ >= w.width * w.height;
     }) : [];
-  }, []), x = oe((v, b, d = !0) => {
+  }, []), x = oe((v, b, u = !0) => {
     const [w] = m(v);
     if (!w)
       return !1;
     const y = h2(w, b);
-    return d && y > 0 || y >= w.width * w.height;
+    return u && y > 0 || y >= w.width * w.height;
   }, []);
   return xe(() => ({
     ...e,
@@ -2034,7 +2039,7 @@ function ke() {
     addNodes: c,
     addEdges: h,
     toObject: f,
-    deleteElements: u,
+    deleteElements: d,
     getIntersectingNodes: C,
     isNodeIntersecting: x
   }), [
@@ -2048,7 +2053,7 @@ function ke() {
     c,
     h,
     f,
-    u,
+    d,
     C,
     x
   ]);
@@ -2099,7 +2104,7 @@ const B2 = {
   d3Selection: e.d3Selection,
   d3ZoomHandler: e.d3ZoomHandler,
   userSelectionActive: e.userSelectionActive
-}), V8 = ({ onMove: e, onMoveStart: t, onMoveEnd: n, onPaneContextMenu: o, zoomOnScroll: s = !0, zoomOnPinch: r = !0, panOnScroll: i = !1, panOnScrollSpeed: l = 0.5, panOnScrollMode: c = a1.Free, zoomOnDoubleClick: h = !0, elementsSelectable: f, panOnDrag: u = !0, defaultViewport: m, translateExtent: C, minZoom: x, maxZoom: v, zoomActivationKeyCode: b, preventScrolling: d = !0, children: w, noWheelClassName: y, noPanClassName: E }) => {
+}), V8 = ({ onMove: e, onMoveStart: t, onMoveEnd: n, onPaneContextMenu: o, zoomOnScroll: s = !0, zoomOnPinch: r = !0, panOnScroll: i = !1, panOnScrollSpeed: l = 0.5, panOnScrollMode: c = a1.Free, zoomOnDoubleClick: h = !0, elementsSelectable: f, panOnDrag: d = !0, defaultViewport: m, translateExtent: C, minZoom: x, maxZoom: v, zoomActivationKeyCode: b, preventScrolling: u = !0, children: w, noWheelClassName: y, noPanClassName: E }) => {
   const S = X(), j = fe(), _ = X(!1), H = X(!1), N = X(null), I = X({ x: 0, y: 0, zoom: 0 }), { d3Zoom: D, d3Selection: P, d3ZoomHandler: O, userSelectionActive: p } = ie(A8, Ce), k = X1(b), L = X(0), A = X(!1), F = X();
   return k8(N), Y(() => {
     if (N.current) {
@@ -2141,7 +2146,7 @@ const B2 = {
         n == null || n(M, z), J == null || J(z), A.current = !1;
       }, 150));
     }, { passive: !1 }) : typeof O < "u" && P.on("wheel.zoom", function(M, V) {
-      if (!d && M.type === "wheel" && !M.ctrlKey || E1(M, y))
+      if (!u && M.type === "wheel" && !M.ctrlKey || E1(M, y))
         return null;
       M.preventDefault(), O.call(this, M, V);
     }, { passive: !1 }));
@@ -2154,7 +2159,7 @@ const B2 = {
     O,
     k,
     r,
-    d,
+    u,
     y,
     t,
     e,
@@ -2172,31 +2177,31 @@ const B2 = {
     D && (p && !_.current ? D.on("zoom", null) : p || D.on("zoom", (M) => {
       var B;
       const { onViewportChange: V } = j.getState();
-      if (j.setState({ transform: [M.transform.x, M.transform.y, M.transform.k] }), H.current = !!(o && Tn(u, L.current ?? 0)), (e || V) && !((B = M.sourceEvent) != null && B.internal)) {
+      if (j.setState({ transform: [M.transform.x, M.transform.y, M.transform.k] }), H.current = !!(o && Tn(d, L.current ?? 0)), (e || V) && !((B = M.sourceEvent) != null && B.internal)) {
         const R = ht(M.transform);
         V == null || V(R), e == null || e(M.sourceEvent, R);
       }
     }));
-  }, [p, D, e, u, o]), Y(() => {
+  }, [p, D, e, d, o]), Y(() => {
     D && D.on("end", (M) => {
       if (!M.sourceEvent || M.sourceEvent.internal)
         return null;
       const { onViewportChangeEnd: V } = j.getState();
-      if (_.current = !1, j.setState({ paneDragging: !1 }), o && Tn(u, L.current ?? 0) && !H.current && o(M.sourceEvent), H.current = !1, (n || V) && H8(I.current, M.transform)) {
+      if (_.current = !1, j.setState({ paneDragging: !1 }), o && Tn(d, L.current ?? 0) && !H.current && o(M.sourceEvent), H.current = !1, (n || V) && H8(I.current, M.transform)) {
         const B = ht(M.transform);
         I.current = B, clearTimeout(S.current), S.current = setTimeout(() => {
           V == null || V(B), n == null || n(M.sourceEvent, B);
         }, i ? 150 : 0);
       }
     });
-  }, [D, i, u, n, o]), Y(() => {
+  }, [D, i, d, n, o]), Y(() => {
     D && D.filter((M) => {
       const V = k || s, B = r && M.ctrlKey;
-      if ((u === !0 || Array.isArray(u) && u.includes(1)) && M.button === 1 && M.type === "mousedown" && (E1(M, "react-flow__node") || E1(M, "react-flow__edge")))
+      if ((d === !0 || Array.isArray(d) && d.includes(1)) && M.button === 1 && M.type === "mousedown" && (E1(M, "react-flow__node") || E1(M, "react-flow__edge")))
         return !0;
-      if (!u && !V && !i && !h && !r || p || !h && M.type === "dblclick" || E1(M, y) && M.type === "wheel" || E1(M, E) && (M.type !== "wheel" || i && M.type === "wheel" && !k) || !r && M.ctrlKey && M.type === "wheel" || !V && !i && !B && M.type === "wheel" || !u && (M.type === "mousedown" || M.type === "touchstart") || Array.isArray(u) && !u.includes(M.button) && M.type === "mousedown")
+      if (!d && !V && !i && !h && !r || p || !h && M.type === "dblclick" || E1(M, y) && M.type === "wheel" || E1(M, E) && (M.type !== "wheel" || i && M.type === "wheel" && !k) || !r && M.ctrlKey && M.type === "wheel" || !V && !i && !B && M.type === "wheel" || !d && (M.type === "mousedown" || M.type === "touchstart") || Array.isArray(d) && !d.includes(M.button) && M.type === "mousedown")
         return !1;
-      const R = Array.isArray(u) && u.includes(M.button) || !M.button || M.button <= 1;
+      const R = Array.isArray(d) && d.includes(M.button) || !M.button || M.button <= 1;
       return (!M.ctrlKey || M.type === "wheel") && R;
     });
   }, [
@@ -2206,7 +2211,7 @@ const B2 = {
     r,
     i,
     h,
-    u,
+    d,
     f,
     k
   ]), T.createElement("div", { className: "react-flow__renderer", ref: N, style: B2 }, w);
@@ -2289,8 +2294,8 @@ const o2 = (e, t) => (n) => {
   userSelectionActive: e.userSelectionActive,
   elementsSelectable: e.elementsSelectable,
   dragging: e.paneDragging
-}), ss = le(({ isSelecting: e, selectionMode: t = Y1.Full, panOnDrag: n, onSelectionStart: o, onSelectionEnd: s, onPaneClick: r, onPaneContextMenu: i, onPaneScroll: l, onPaneMouseEnter: c, onPaneMouseMove: h, onPaneMouseLeave: f, children: u }) => {
-  const m = X(null), C = fe(), x = X(0), v = X(0), b = X(), { userSelectionActive: d, elementsSelectable: w, dragging: y } = ie(B8, Ce), E = () => {
+}), ss = le(({ isSelecting: e, selectionMode: t = Y1.Full, panOnDrag: n, onSelectionStart: o, onSelectionEnd: s, onPaneClick: r, onPaneContextMenu: i, onPaneScroll: l, onPaneMouseEnter: c, onPaneMouseMove: h, onPaneMouseLeave: f, children: d }) => {
+  const m = X(null), C = fe(), x = X(0), v = X(0), b = X(), { userSelectionActive: u, elementsSelectable: w, dragging: y } = ie(B8, Ce), E = () => {
     C.setState({ userSelectionActive: !1, userSelectionRect: null }), x.current = 0, v.current = 0;
   }, S = (O) => {
     r == null || r(O), C.getState().resetSelectedElements(), C.setState({ nodesSelectionActive: !1 });
@@ -2344,14 +2349,14 @@ const o2 = (e, t) => (n) => {
     if (O.button !== 0)
       return;
     const { userSelectionRect: p } = C.getState();
-    !d && p && O.target === m.current && (S == null || S(O)), C.setState({ nodesSelectionActive: x.current > 0 }), E(), s == null || s(O);
+    !u && p && O.target === m.current && (S == null || S(O)), C.setState({ nodesSelectionActive: x.current > 0 }), E(), s == null || s(O);
   }, D = (O) => {
-    d && (C.setState({ nodesSelectionActive: x.current > 0 }), s == null || s(O)), E();
-  }, P = w && (e || d);
+    u && (C.setState({ nodesSelectionActive: x.current > 0 }), s == null || s(O)), E();
+  }, P = w && (e || u);
   return T.createElement(
     "div",
     { className: ye(["react-flow__pane", { dragging: y, selection: e }]), onClick: P ? void 0 : o2(S, m), onContextMenu: o2(j, m), onWheel: o2(_, m), onMouseEnter: P ? void 0 : c, onMouseDown: P ? H : void 0, onMouseMove: P ? N : h, onMouseUp: P ? I : void 0, onMouseLeave: P ? D : f, ref: m, style: B2 },
-    u,
+    d,
     T.createElement(D8, null)
   );
 });
@@ -2407,18 +2412,18 @@ function is(e, t, n, o, s = [0, 0], r) {
   const c = e.parentNode || e.parentId;
   if (e.extent === "parent" && !e.expandParent)
     if (c && e.width && e.height) {
-      const u = n.get(c), { x: m, y: C } = _1(u, s).positionAbsolute;
-      l = u && Me(m) && Me(C) && Me(u.width) && Me(u.height) ? [
+      const d = n.get(c), { x: m, y: C } = _1(d, s).positionAbsolute;
+      l = d && Me(m) && Me(C) && Me(d.width) && Me(d.height) ? [
         [m + e.width * s[0], C + e.height * s[1]],
         [
-          m + u.width - e.width + e.width * s[0],
-          C + u.height - e.height + e.height * s[1]
+          m + d.width - e.width + e.width * s[0],
+          C + d.height - e.height + e.height * s[1]
         ]
       ] : l;
     } else
       r == null || r("005", Ie.error005()), l = i;
   else if (e.extent && c && e.extent !== "parent") {
-    const u = n.get(c), { x: m, y: C } = _1(u, s).positionAbsolute;
+    const d = n.get(c), { x: m, y: C } = _1(d, s).positionAbsolute;
     l = [
       [e.extent[0][0] + m, e.extent[0][1] + C],
       [e.extent[1][0] + m, e.extent[1][1] + C]
@@ -2426,8 +2431,8 @@ function is(e, t, n, o, s = [0, 0], r) {
   }
   let h = { x: 0, y: 0 };
   if (c) {
-    const u = n.get(c);
-    h = _1(u, s).positionAbsolute;
+    const d = n.get(c);
+    h = _1(d, s).positionAbsolute;
   }
   const f = l && l !== "parent" ? j2(t, l) : t;
   return {
@@ -2500,12 +2505,12 @@ function r2(e) {
   return (t, n, o) => e == null ? void 0 : e(t, o);
 }
 function as({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector: o, nodeId: s, isSelectable: r, selectNodesOnDrag: i }) {
-  const l = fe(), [c, h] = se(!1), f = X([]), u = X({ x: null, y: null }), m = X(0), C = X(null), x = X({ x: 0, y: 0 }), v = X(null), b = X(!1), d = X(!1), w = X(!1), y = O8();
+  const l = fe(), [c, h] = se(!1), f = X([]), d = X({ x: null, y: null }), m = X(0), C = X(null), x = X({ x: 0, y: 0 }), v = X(null), b = X(!1), u = X(!1), w = X(!1), y = O8();
   return Y(() => {
     if (e != null && e.current) {
       const E = Te(e.current), S = ({ x: H, y: N }) => {
         const { nodeInternals: I, onNodeDrag: D, onSelectionDrag: P, updateNodePositions: O, nodeExtent: p, snapGrid: k, snapToGrid: L, nodeOrigin: A, onError: F } = l.getState();
-        u.current = { x: H, y: N };
+        d.current = { x: H, y: N };
         let M = !1, V = { x: 0, y: 0, x2: 0, y2: 0 };
         if (f.current.length > 1 && p) {
           const R = D2(f.current, A);
@@ -2539,13 +2544,13 @@ function as({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
         const [H, N] = ko(x.current, C.current);
         if (H !== 0 || N !== 0) {
           const { transform: I, panBy: D } = l.getState();
-          u.current.x = (u.current.x ?? 0) - H / I[2], u.current.y = (u.current.y ?? 0) - N / I[2], D({ x: H, y: N }) && S(u.current);
+          d.current.x = (d.current.x ?? 0) - H / I[2], d.current.y = (d.current.y ?? 0) - N / I[2], D({ x: H, y: N }) && S(d.current);
         }
         m.current = requestAnimationFrame(j);
       }, _ = (H) => {
         var A;
         const { nodeInternals: N, multiSelectionActive: I, nodesDraggable: D, unselectNodesAndEdges: P, onNodeDragStart: O, onSelectionDragStart: p } = l.getState();
-        d.current = !0;
+        u.current = !0;
         const k = s ? O : r2(p);
         (!i || !r) && !I && s && ((A = N.get(s)) != null && A.selected || P()), s && r && i && x2({
           id: s,
@@ -2553,7 +2558,7 @@ function as({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
           nodeRef: e
         });
         const L = y(H);
-        if (u.current = L, f.current = F8(N, D, L, s), k && f.current) {
+        if (d.current = L, f.current = F8(N, D, L, s), k && f.current) {
           const [F, M] = s2({
             nodeId: s,
             dragItems: f.current,
@@ -2569,19 +2574,19 @@ function as({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
           const { domNode: I, nodeDragThreshold: D } = l.getState();
           D === 0 && _(N), w.current = !1;
           const P = y(N);
-          u.current = P, C.current = (I == null ? void 0 : I.getBoundingClientRect()) || null, x.current = qe(N.sourceEvent, C.current);
+          d.current = P, C.current = (I == null ? void 0 : I.getBoundingClientRect()) || null, x.current = qe(N.sourceEvent, C.current);
         }).on("drag", (N) => {
           var O, p;
           const I = y(N), { autoPanOnNodeDrag: D, nodeDragThreshold: P } = l.getState();
           if (N.sourceEvent.type === "touchmove" && N.sourceEvent.touches.length > 1 && (w.current = !0), !w.current) {
-            if (!b.current && d.current && D && (b.current = !0, j()), !d.current) {
-              const k = I.xSnapped - (((O = u == null ? void 0 : u.current) == null ? void 0 : O.x) ?? 0), L = I.ySnapped - (((p = u == null ? void 0 : u.current) == null ? void 0 : p.y) ?? 0);
+            if (!b.current && u.current && D && (b.current = !0, j()), !u.current) {
+              const k = I.xSnapped - (((O = d == null ? void 0 : d.current) == null ? void 0 : O.x) ?? 0), L = I.ySnapped - (((p = d == null ? void 0 : d.current) == null ? void 0 : p.y) ?? 0);
               Math.sqrt(k * k + L * L) > P && _(N);
             }
-            (u.current.x !== I.xSnapped || u.current.y !== I.ySnapped) && f.current && d.current && (v.current = N.sourceEvent, x.current = qe(N.sourceEvent, C.current), S(I));
+            (d.current.x !== I.xSnapped || d.current.y !== I.ySnapped) && f.current && u.current && (v.current = N.sourceEvent, x.current = qe(N.sourceEvent, C.current), S(I));
           }
         }).on("end", (N) => {
-          if (!(!d.current || w.current) && (h(!1), b.current = !1, d.current = !1, cancelAnimationFrame(m.current), f.current)) {
+          if (!(!u.current || w.current) && (h(!1), b.current = !1, u.current = !1, cancelAnimationFrame(m.current), f.current)) {
             const { updateNodePositions: I, nodeInternals: D, onNodeDragStop: P, onSelectionDragStop: O } = l.getState(), p = s ? P : r2(O);
             if (I(f.current, !1, !1), p) {
               const [k, L] = s2({
@@ -2616,7 +2621,7 @@ function as({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
 function ls() {
   const e = fe();
   return oe((n) => {
-    const { nodeInternals: o, nodeExtent: s, updateNodePositions: r, getNodes: i, snapToGrid: l, snapGrid: c, onError: h, nodesDraggable: f } = e.getState(), u = i().filter((w) => w.selected && (w.draggable || f && typeof w.draggable > "u")), m = l ? c[0] : 5, C = l ? c[1] : 5, x = n.isShiftPressed ? 4 : 1, v = n.x * m * x, b = n.y * C * x, d = u.map((w) => {
+    const { nodeInternals: o, nodeExtent: s, updateNodePositions: r, getNodes: i, snapToGrid: l, snapGrid: c, onError: h, nodesDraggable: f } = e.getState(), d = i().filter((w) => w.selected && (w.draggable || f && typeof w.draggable > "u")), m = l ? c[0] : 5, C = l ? c[1] : 5, x = n.isShiftPressed ? 4 : 1, v = n.x * m * x, b = n.y * C * x, u = d.map((w) => {
       if (w.positionAbsolute) {
         const y = { x: w.positionAbsolute.x + v, y: w.positionAbsolute.y + b };
         l && (y.x = c[0] * Math.round(y.x / c[0]), y.y = c[1] * Math.round(y.y / c[1]));
@@ -2625,7 +2630,7 @@ function ls() {
       }
       return w;
     });
-    r(d, !0, !1);
+    r(u, !0, !1);
   }, []);
 }
 const S1 = {
@@ -2635,8 +2640,8 @@ const S1 = {
   ArrowRight: { x: 1, y: 0 }
 };
 var R1 = (e) => {
-  const t = ({ id: n, type: o, data: s, xPos: r, yPos: i, xPosOrigin: l, yPosOrigin: c, selected: h, onClick: f, onMouseEnter: u, onMouseMove: m, onMouseLeave: C, onContextMenu: x, onDoubleClick: v, style: b, className: d, isDraggable: w, isSelectable: y, isConnectable: E, isFocusable: S, selectNodesOnDrag: j, sourcePosition: _, targetPosition: H, hidden: N, resizeObserver: I, dragHandle: D, zIndex: P, isParent: O, noDragClassName: p, noPanClassName: k, initialized: L, disableKeyboardA11y: A, ariaLabel: F, rfId: M, hasHandleBounds: V }) => {
-    const B = fe(), R = X(null), W = X(null), z = X(_), U = X(H), q = X(o), J = y || w || f || u || m || C, ee = ls(), te = O1(n, B.getState, u), ne = O1(n, B.getState, m), we = O1(n, B.getState, C), _e = O1(n, B.getState, x), He = O1(n, B.getState, v), Se = (re) => {
+  const t = ({ id: n, type: o, data: s, xPos: r, yPos: i, xPosOrigin: l, yPosOrigin: c, selected: h, onClick: f, onMouseEnter: d, onMouseMove: m, onMouseLeave: C, onContextMenu: x, onDoubleClick: v, style: b, className: u, isDraggable: w, isSelectable: y, isConnectable: E, isFocusable: S, selectNodesOnDrag: j, sourcePosition: _, targetPosition: H, hidden: N, resizeObserver: I, dragHandle: D, zIndex: P, isParent: O, noDragClassName: p, noPanClassName: k, initialized: L, disableKeyboardA11y: A, ariaLabel: F, rfId: M, hasHandleBounds: V }) => {
+    const B = fe(), R = X(null), W = X(null), z = X(_), U = X(H), q = X(o), J = y || w || f || d || m || C, ee = ls(), te = O1(n, B.getState, d), ne = O1(n, B.getState, m), we = O1(n, B.getState, C), _e = O1(n, B.getState, x), He = O1(n, B.getState, v), Se = (re) => {
       const { nodeDragThreshold: K } = B.getState();
       if (y && (!j || !w || K > 0) && x2({
         id: n,
@@ -2693,7 +2698,7 @@ var R1 = (e) => {
           // this is overwritable by passing `nopan` as a class name
           [k]: w
         },
-        d,
+        u,
         {
           selected: h,
           selectable: y,
@@ -2725,14 +2730,14 @@ const R8 = (e) => {
   };
 };
 function z8({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
-  const o = fe(), { width: s, height: r, x: i, y: l, transformString: c, userSelectionActive: h } = ie(R8, Ce), f = ls(), u = X(null);
+  const o = fe(), { width: s, height: r, x: i, y: l, transformString: c, userSelectionActive: h } = ie(R8, Ce), f = ls(), d = X(null);
   if (Y(() => {
     var x;
-    n || (x = u.current) == null || x.focus({
+    n || (x = d.current) == null || x.focus({
       preventScroll: !0
     });
   }, [n]), as({
-    nodeRef: u
+    nodeRef: d
   }), h || !s || !r)
     return null;
   const m = e ? (x) => {
@@ -2750,7 +2755,7 @@ function z8({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
     { className: ye(["react-flow__nodesselection", "react-flow__container", t]), style: {
       transform: c
     } },
-    T.createElement("div", { ref: u, className: "react-flow__nodesselection-rect", onContextMenu: m, tabIndex: n ? void 0 : -1, onKeyDown: n ? void 0 : C, style: {
+    T.createElement("div", { ref: d, className: "react-flow__nodesselection-rect", onContextMenu: m, tabIndex: n ? void 0 : -1, onKeyDown: n ? void 0 : C, style: {
       width: s,
       height: r,
       top: l,
@@ -2759,8 +2764,8 @@ function z8({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
   );
 }
 var W8 = le(z8);
-const $8 = (e) => e.nodesSelectionActive, cs = ({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: s, onPaneContextMenu: r, onPaneScroll: i, deleteKeyCode: l, onMove: c, onMoveStart: h, onMoveEnd: f, selectionKeyCode: u, selectionOnDrag: m, selectionMode: C, onSelectionStart: x, onSelectionEnd: v, multiSelectionKeyCode: b, panActivationKeyCode: d, zoomActivationKeyCode: w, elementsSelectable: y, zoomOnScroll: E, zoomOnPinch: S, panOnScroll: j, panOnScrollSpeed: _, panOnScrollMode: H, zoomOnDoubleClick: N, panOnDrag: I, defaultViewport: D, translateExtent: P, minZoom: O, maxZoom: p, preventScrolling: k, onSelectionContextMenu: L, noWheelClassName: A, noPanClassName: F, disableKeyboardA11y: M }) => {
-  const V = ie($8), B = X1(u), R = X1(d), W = R || I, z = R || j, U = B || m && W !== !0;
+const $8 = (e) => e.nodesSelectionActive, cs = ({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: s, onPaneContextMenu: r, onPaneScroll: i, deleteKeyCode: l, onMove: c, onMoveStart: h, onMoveEnd: f, selectionKeyCode: d, selectionOnDrag: m, selectionMode: C, onSelectionStart: x, onSelectionEnd: v, multiSelectionKeyCode: b, panActivationKeyCode: u, zoomActivationKeyCode: w, elementsSelectable: y, zoomOnScroll: E, zoomOnPinch: S, panOnScroll: j, panOnScrollSpeed: _, panOnScrollMode: H, zoomOnDoubleClick: N, panOnDrag: I, defaultViewport: D, translateExtent: P, minZoom: O, maxZoom: p, preventScrolling: k, onSelectionContextMenu: L, noWheelClassName: A, noPanClassName: F, disableKeyboardA11y: M }) => {
+  const V = ie($8), B = X1(d), R = X1(u), W = R || I, z = R || j, U = B || m && W !== !0;
   return j8({ deleteKeyCode: l, multiSelectionKeyCode: b }), T.createElement(
     V8,
     { onMove: c, onMoveStart: h, onMoveEnd: f, onPaneContextMenu: r, elementsSelectable: y, zoomOnScroll: E, zoomOnPinch: S, panOnScroll: z, panOnScrollSpeed: _, panOnScrollMode: H, zoomOnDoubleClick: N, panOnDrag: !B && W, defaultViewport: D, translateExtent: P, minZoom: O, maxZoom: p, zoomActivationKeyCode: w, preventScrolling: k, noWheelClassName: A, noPanClassName: F },
@@ -2803,8 +2808,8 @@ const X8 = ({ x: e, y: t, width: n, height: o, origin: s }) => !n || !o ? { x: e
   const { nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: s, updateNodeDimensions: r, onError: i } = ie(G8, Ce), l = K8(e.onlyRenderVisibleElements), c = X(), h = xe(() => {
     if (typeof ResizeObserver > "u")
       return null;
-    const f = new ResizeObserver((u) => {
-      const m = u.map((C) => ({
+    const f = new ResizeObserver((d) => {
+      const m = d.map((C) => ({
         id: C.target.getAttribute("data-id"),
         nodeElement: C.target,
         forceUpdate: !0
@@ -2818,23 +2823,23 @@ const X8 = ({ x: e, y: t, width: n, height: o, origin: s }) => !n || !o ? { x: e
     (f = c == null ? void 0 : c.current) == null || f.disconnect();
   }, []), T.createElement("div", { className: "react-flow__nodes", style: B2 }, l.map((f) => {
     var S, j, _;
-    let u = f.type || "default";
-    e.nodeTypes[u] || (i == null || i("003", Ie.error003(u)), u = "default");
-    const m = e.nodeTypes[u] || e.nodeTypes.default, C = !!(f.draggable || t && typeof f.draggable > "u"), x = !!(f.selectable || s && typeof f.selectable > "u"), v = !!(f.connectable || n && typeof f.connectable > "u"), b = !!(f.focusable || o && typeof f.focusable > "u"), d = e.nodeExtent ? j2(f.positionAbsolute, e.nodeExtent) : f.positionAbsolute, w = (d == null ? void 0 : d.x) ?? 0, y = (d == null ? void 0 : d.y) ?? 0, E = X8({
+    let d = f.type || "default";
+    e.nodeTypes[d] || (i == null || i("003", Ie.error003(d)), d = "default");
+    const m = e.nodeTypes[d] || e.nodeTypes.default, C = !!(f.draggable || t && typeof f.draggable > "u"), x = !!(f.selectable || s && typeof f.selectable > "u"), v = !!(f.connectable || n && typeof f.connectable > "u"), b = !!(f.focusable || o && typeof f.focusable > "u"), u = e.nodeExtent ? j2(f.positionAbsolute, e.nodeExtent) : f.positionAbsolute, w = (u == null ? void 0 : u.x) ?? 0, y = (u == null ? void 0 : u.y) ?? 0, E = X8({
       x: w,
       y,
       width: f.width ?? 0,
       height: f.height ?? 0,
       origin: e.nodeOrigin
     });
-    return T.createElement(m, { key: f.id, id: f.id, className: f.className, style: f.style, type: u, data: f.data, sourcePosition: f.sourcePosition || $.Bottom, targetPosition: f.targetPosition || $.Top, hidden: f.hidden, xPos: w, yPos: y, xPosOrigin: E.x, yPosOrigin: E.y, selectNodesOnDrag: e.selectNodesOnDrag, onClick: e.onNodeClick, onMouseEnter: e.onNodeMouseEnter, onMouseMove: e.onNodeMouseMove, onMouseLeave: e.onNodeMouseLeave, onContextMenu: e.onNodeContextMenu, onDoubleClick: e.onNodeDoubleClick, selected: !!f.selected, isDraggable: C, isSelectable: x, isConnectable: v, isFocusable: b, resizeObserver: h, dragHandle: f.dragHandle, zIndex: ((S = f[ae]) == null ? void 0 : S.z) ?? 0, isParent: !!((j = f[ae]) != null && j.isParent), noDragClassName: e.noDragClassName, noPanClassName: e.noPanClassName, initialized: !!f.width && !!f.height, rfId: e.rfId, disableKeyboardA11y: e.disableKeyboardA11y, ariaLabel: f.ariaLabel, hasHandleBounds: !!((_ = f[ae]) != null && _.handleBounds) });
+    return T.createElement(m, { key: f.id, id: f.id, className: f.className, style: f.style, type: d, data: f.data, sourcePosition: f.sourcePosition || $.Bottom, targetPosition: f.targetPosition || $.Top, hidden: f.hidden, xPos: w, yPos: y, xPosOrigin: E.x, yPosOrigin: E.y, selectNodesOnDrag: e.selectNodesOnDrag, onClick: e.onNodeClick, onMouseEnter: e.onNodeMouseEnter, onMouseMove: e.onNodeMouseMove, onMouseLeave: e.onNodeMouseLeave, onContextMenu: e.onNodeContextMenu, onDoubleClick: e.onNodeDoubleClick, selected: !!f.selected, isDraggable: C, isSelectable: x, isConnectable: v, isFocusable: b, resizeObserver: h, dragHandle: f.dragHandle, zIndex: ((S = f[ae]) == null ? void 0 : S.z) ?? 0, isParent: !!((j = f[ae]) != null && j.isParent), noDragClassName: e.noDragClassName, noPanClassName: e.noPanClassName, initialized: !!f.width && !!f.height, rfId: e.rfId, disableKeyboardA11y: e.disableKeyboardA11y, ariaLabel: f.ariaLabel, hasHandleBounds: !!((_ = f[ae]) != null && _.handleBounds) });
   }));
 };
 ds.displayName = "NodeRenderer";
 var q8 = le(ds);
 const J8 = (e, t, n) => n === $.Left ? e - t : n === $.Right ? e + t : e, Q8 = (e, t, n) => n === $.Top ? e - t : n === $.Bottom ? e + t : e, Fn = "react-flow__edgeupdater", Pn = ({ position: e, centerX: t, centerY: n, radius: o = 10, onMouseDown: s, onMouseEnter: r, onMouseOut: i, type: l }) => T.createElement("circle", { onMouseDown: s, onMouseEnter: r, onMouseOut: i, className: ye([Fn, `${Fn}-${l}`]), cx: J8(t, o, e), cy: Q8(n, o, e), r: o, stroke: "transparent", fill: "transparent" }), e6 = () => !0;
 var v1 = (e) => {
-  const t = ({ id: n, className: o, type: s, data: r, onClick: i, onEdgeDoubleClick: l, selected: c, animated: h, label: f, labelStyle: u, labelShowBg: m, labelBgStyle: C, labelBgPadding: x, labelBgBorderRadius: v, style: b, source: d, target: w, sourceX: y, sourceY: E, targetX: S, targetY: j, sourcePosition: _, targetPosition: H, elementsSelectable: N, hidden: I, sourceHandleId: D, targetHandleId: P, onContextMenu: O, onMouseEnter: p, onMouseMove: k, onMouseLeave: L, reconnectRadius: A, onReconnect: F, onReconnectStart: M, onReconnectEnd: V, markerEnd: B, markerStart: R, rfId: W, ariaLabel: z, isFocusable: U, isReconnectable: q, pathOptions: J, interactionWidth: ee, disableKeyboardA11y: te }) => {
+  const t = ({ id: n, className: o, type: s, data: r, onClick: i, onEdgeDoubleClick: l, selected: c, animated: h, label: f, labelStyle: d, labelShowBg: m, labelBgStyle: C, labelBgPadding: x, labelBgBorderRadius: v, style: b, source: u, target: w, sourceX: y, sourceY: E, targetX: S, targetY: j, sourcePosition: _, targetPosition: H, elementsSelectable: N, hidden: I, sourceHandleId: D, targetHandleId: P, onContextMenu: O, onMouseEnter: p, onMouseMove: k, onMouseLeave: L, reconnectRadius: A, onReconnect: F, onReconnectStart: M, onReconnectEnd: V, markerEnd: B, markerStart: R, rfId: W, ariaLabel: z, isFocusable: U, isReconnectable: q, pathOptions: J, interactionWidth: ee, disableKeyboardA11y: te }) => {
     const ne = X(null), [we, _e] = se(!1), [He, Se] = se(!1), ce = fe(), Ze = xe(() => `url('#${m2(R, W)}')`, [R, W]), re = xe(() => `url('#${m2(B, W)}')`, [B, W]);
     if (I)
       return null;
@@ -2845,7 +2850,7 @@ var v1 = (e) => {
     }, be = P1(n, ce.getState, l), Je = P1(n, ce.getState, O), D1 = P1(n, ce.getState, p), f1 = P1(n, ce.getState, k), C1 = P1(n, ce.getState, L), Re = (me, Ae) => {
       if (me.button !== 0)
         return;
-      const { edges: t1, isValidConnection: n1 } = ce.getState(), o1 = Ae ? w : d, ze = (Ae ? P : D) || null, Be = Ae ? "target" : "source", Z1 = n1 || e6, Ot = Ae, B1 = t1.find((s1) => s1.id === n);
+      const { edges: t1, isValidConnection: n1 } = ce.getState(), o1 = Ae ? w : u, ze = (Ae ? P : D) || null, Be = Ae ? "target" : "source", Z1 = n1 || e6, Ot = Ae, B1 = t1.find((s1) => s1.id === n);
       Se(!0), M == null || M(me, B1, Be);
       const Rt = (s1) => {
         Se(!1), V == null || V(s1, B1, Be);
@@ -2876,8 +2881,8 @@ var v1 = (e) => {
         `react-flow__edge-${s}`,
         o,
         { selected: c, animated: h, inactive: p1, updating: we }
-      ]), onClick: K, onDoubleClick: be, onContextMenu: Je, onMouseEnter: D1, onMouseMove: f1, onMouseLeave: C1, onKeyDown: U ? I1 : void 0, tabIndex: U ? 0 : void 0, role: U ? "button" : "img", "data-testid": `rf__edge-${n}`, "aria-label": z === null ? void 0 : z || `Edge from ${d} to ${w}`, "aria-describedby": U ? `${es}-${W}` : void 0, ref: ne },
-      !He && T.createElement(e, { id: n, source: d, target: w, selected: c, animated: h, label: f, labelStyle: u, labelShowBg: m, labelBgStyle: C, labelBgPadding: x, labelBgBorderRadius: v, data: r, style: b, sourceX: y, sourceY: E, targetX: S, targetY: j, sourcePosition: _, targetPosition: H, sourceHandleId: D, targetHandleId: P, markerStart: Ze, markerEnd: re, pathOptions: J, interactionWidth: ee }),
+      ]), onClick: K, onDoubleClick: be, onContextMenu: Je, onMouseEnter: D1, onMouseMove: f1, onMouseLeave: C1, onKeyDown: U ? I1 : void 0, tabIndex: U ? 0 : void 0, role: U ? "button" : "img", "data-testid": `rf__edge-${n}`, "aria-label": z === null ? void 0 : z || `Edge from ${u} to ${w}`, "aria-describedby": U ? `${es}-${W}` : void 0, ref: ne },
+      !He && T.createElement(e, { id: n, source: u, target: w, selected: c, animated: h, label: f, labelStyle: d, labelShowBg: m, labelBgStyle: C, labelBgPadding: x, labelBgBorderRadius: v, data: r, style: b, sourceX: y, sourceY: E, targetX: S, targetY: j, sourcePosition: _, targetPosition: H, sourceHandleId: D, targetHandleId: P, markerStart: Ze, markerEnd: re, pathOptions: J, interactionWidth: ee }),
       q && T.createElement(
         T.Fragment,
         null,
@@ -2951,8 +2956,8 @@ function o6({ sourcePos: e, targetPos: t, sourceWidth: n, sourceHeight: o, targe
     y: (0 - c[1]) / c[2],
     width: i / c[2],
     height: l / c[2]
-  }), u = Math.max(0, Math.min(f.x2, h.x2) - Math.max(f.x, h.x)), m = Math.max(0, Math.min(f.y2, h.y2) - Math.max(f.y, h.y));
-  return Math.ceil(u * m) > 0;
+  }), d = Math.max(0, Math.min(f.x2, h.x2) - Math.max(f.x, h.x)), m = Math.max(0, Math.min(f.y2, h.y2) - Math.max(f.y, h.y));
+  return Math.ceil(d * m) > 0;
 }
 function zn(e) {
   var o, s, r, i, l;
@@ -2972,11 +2977,11 @@ const s6 = [{ level: 0, isMaxLevel: !0, edges: [] }];
 function r6(e, t, n = !1) {
   let o = -1;
   const s = e.reduce((i, l) => {
-    var f, u;
+    var f, d;
     const c = Me(l.zIndex);
     let h = c ? l.zIndex : 0;
     if (n) {
-      const m = t.get(l.target), C = t.get(l.source), x = l.selected || (m == null ? void 0 : m.selected) || (C == null ? void 0 : C.selected), v = Math.max(((f = C == null ? void 0 : C[ae]) == null ? void 0 : f.z) || 0, ((u = m == null ? void 0 : m[ae]) == null ? void 0 : u.z) || 0, 1e3);
+      const m = t.get(l.target), C = t.get(l.source), x = l.selected || (m == null ? void 0 : m.selected) || (C == null ? void 0 : C.selected), v = Math.max(((f = C == null ? void 0 : C[ae]) == null ? void 0 : f.z) || 0, ((d = m == null ? void 0 : m[ae]) == null ? void 0 : d.z) || 0, 1e3);
       h = (c ? l.zIndex : 0) + (x ? v : 0);
     }
     return i[h] ? i[h].push(l) : i[h] = [l], o = h > o ? h : o, i;
@@ -3060,7 +3065,7 @@ const f6 = (e) => ({
   connectionMode: e.connectionMode,
   nodeInternals: e.nodeInternals,
   onError: e.onError
-}), hs = ({ defaultMarkerColor: e, onlyRenderVisibleElements: t, elevateEdgesOnSelect: n, rfId: o, edgeTypes: s, noPanClassName: r, onEdgeContextMenu: i, onEdgeMouseEnter: l, onEdgeMouseMove: c, onEdgeMouseLeave: h, onEdgeClick: f, onEdgeDoubleClick: u, onReconnect: m, onReconnectStart: C, onReconnectEnd: x, reconnectRadius: v, children: b, disableKeyboardA11y: d }) => {
+}), hs = ({ defaultMarkerColor: e, onlyRenderVisibleElements: t, elevateEdgesOnSelect: n, rfId: o, edgeTypes: s, noPanClassName: r, onEdgeContextMenu: i, onEdgeMouseEnter: l, onEdgeMouseMove: c, onEdgeMouseLeave: h, onEdgeClick: f, onEdgeDoubleClick: d, onReconnect: m, onReconnectStart: C, onReconnectEnd: x, reconnectRadius: v, children: b, disableKeyboardA11y: u }) => {
   const { edgesFocusable: w, edgesUpdatable: y, elementsSelectable: E, width: S, height: j, connectionMode: _, nodeInternals: H, onError: N } = ie(f6, Ce), I = i6(t, H, n);
   return S ? T.createElement(
     T.Fragment,
@@ -3079,7 +3084,7 @@ const f6 = (e) => ({
         if (!z || !U)
           return N == null || N("008", Ie.error008(z, p)), null;
         const { sourceX: we, sourceY: _e, targetX: He, targetY: Se } = n6(k, z, q, F, U, J);
-        return T.createElement(R, { key: p.id, id: p.id, className: ye([p.className, r]), type: B, data: p.data, selected: !!p.selected, animated: !!p.animated, hidden: !!p.hidden, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, style: p.style, source: p.source, target: p.target, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerEnd: p.markerEnd, markerStart: p.markerStart, sourceX: we, sourceY: _e, targetX: He, targetY: Se, sourcePosition: q, targetPosition: J, elementsSelectable: E, onContextMenu: i, onMouseEnter: l, onMouseMove: c, onMouseLeave: h, onClick: f, onEdgeDoubleClick: u, onReconnect: m, onReconnectStart: C, onReconnectEnd: x, reconnectRadius: v, rfId: o, ariaLabel: p.ariaLabel, isFocusable: ee, isReconnectable: ne, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth, disableKeyboardA11y: d });
+        return T.createElement(R, { key: p.id, id: p.id, className: ye([p.className, r]), type: B, data: p.data, selected: !!p.selected, animated: !!p.animated, hidden: !!p.hidden, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, style: p.style, source: p.source, target: p.target, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerEnd: p.markerEnd, markerStart: p.markerStart, sourceX: we, sourceY: _e, targetX: He, targetY: Se, sourcePosition: q, targetPosition: J, elementsSelectable: E, onContextMenu: i, onMouseEnter: l, onMouseMove: c, onMouseLeave: h, onClick: f, onEdgeDoubleClick: d, onReconnect: m, onReconnectStart: C, onReconnectEnd: x, reconnectRadius: v, rfId: o, ariaLabel: p.ariaLabel, isFocusable: ee, isReconnectable: ne, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth, disableKeyboardA11y: u });
       }))
     )),
     b
@@ -3111,19 +3116,19 @@ const x6 = {
     toX: (N.connectionPosition.x - N.transform[0]) / N.transform[2],
     toY: (N.connectionPosition.y - N.transform[1]) / N.transform[2],
     connectionMode: N.connectionMode
-  }), [e]), Ce), u = (j = i == null ? void 0 : i[ae]) == null ? void 0 : j.handleBounds;
-  let m = u == null ? void 0 : u[t];
-  if (f === d1.Loose && (m = m || (u == null ? void 0 : u[t === "source" ? "target" : "source"])), !i || !m)
+  }), [e]), Ce), d = (j = i == null ? void 0 : i[ae]) == null ? void 0 : j.handleBounds;
+  let m = d == null ? void 0 : d[t];
+  if (f === d1.Loose && (m = m || (d == null ? void 0 : d[t === "source" ? "target" : "source"])), !i || !m)
     return null;
-  const C = l ? m.find((N) => N.id === l) : m[0], x = C ? C.x + C.width / 2 : (i.width ?? 0) / 2, v = C ? C.y + C.height / 2 : i.height ?? 0, b = (((_ = i.positionAbsolute) == null ? void 0 : _.x) ?? 0) + x, d = (((H = i.positionAbsolute) == null ? void 0 : H.y) ?? 0) + v, w = C == null ? void 0 : C.position, y = w ? x6[w] : null;
+  const C = l ? m.find((N) => N.id === l) : m[0], x = C ? C.x + C.width / 2 : (i.width ?? 0) / 2, v = C ? C.y + C.height / 2 : i.height ?? 0, b = (((_ = i.positionAbsolute) == null ? void 0 : _.x) ?? 0) + x, u = (((H = i.positionAbsolute) == null ? void 0 : H.y) ?? 0) + v, w = C == null ? void 0 : C.position, y = w ? x6[w] : null;
   if (!w || !y)
     return null;
   if (s)
-    return T.createElement(s, { connectionLineType: o, connectionLineStyle: n, fromNode: i, fromHandle: C, fromX: b, fromY: d, toX: c, toY: h, fromPosition: w, toPosition: y, connectionStatus: r });
+    return T.createElement(s, { connectionLineType: o, connectionLineStyle: n, fromNode: i, fromHandle: C, fromX: b, fromY: u, toX: c, toY: h, fromPosition: w, toPosition: y, connectionStatus: r });
   let E = "";
   const S = {
     sourceX: b,
-    sourceY: d,
+    sourceY: u,
     sourcePosition: w,
     targetX: c,
     targetY: h,
@@ -3132,7 +3137,7 @@ const x6 = {
   return o === Xe.Bezier ? [E] = Bo(S) : o === Xe.Step ? [E] = C2({
     ...S,
     borderRadius: 0
-  }) : o === Xe.SmoothStep ? [E] = C2(S) : o === Xe.SimpleBezier ? [E] = Zo(S) : E = `M${b},${d} ${c},${h}`, T.createElement("path", { d: E, fill: "none", className: "react-flow__connection-path", style: n });
+  }) : o === Xe.SmoothStep ? [E] = C2(S) : o === Xe.SimpleBezier ? [E] = Zo(S) : E = `M${b},${u} ${c},${h}`, T.createElement("path", { d: E, fill: "none", className: "react-flow__connection-path", style: n });
 };
 fs.displayName = "ConnectionLine";
 const y6 = (e) => ({
@@ -3166,7 +3171,7 @@ function $n(e, t) {
     return t(e);
   }, [e]);
 }
-const Cs = ({ nodeTypes: e, edgeTypes: t, onMove: n, onMoveStart: o, onMoveEnd: s, onInit: r, onNodeClick: i, onEdgeClick: l, onNodeDoubleClick: c, onEdgeDoubleClick: h, onNodeMouseEnter: f, onNodeMouseMove: u, onNodeMouseLeave: m, onNodeContextMenu: C, onSelectionContextMenu: x, onSelectionStart: v, onSelectionEnd: b, connectionLineType: d, connectionLineStyle: w, connectionLineComponent: y, connectionLineContainerStyle: E, selectionKeyCode: S, selectionOnDrag: j, selectionMode: _, multiSelectionKeyCode: H, panActivationKeyCode: N, zoomActivationKeyCode: I, deleteKeyCode: D, onlyRenderVisibleElements: P, elementsSelectable: O, selectNodesOnDrag: p, defaultViewport: k, translateExtent: L, minZoom: A, maxZoom: F, preventScrolling: M, defaultMarkerColor: V, zoomOnScroll: B, zoomOnPinch: R, panOnScroll: W, panOnScrollSpeed: z, panOnScrollMode: U, zoomOnDoubleClick: q, panOnDrag: J, onPaneClick: ee, onPaneMouseEnter: te, onPaneMouseMove: ne, onPaneMouseLeave: we, onPaneScroll: _e, onPaneContextMenu: He, onEdgeContextMenu: Se, onEdgeMouseEnter: ce, onEdgeMouseMove: Ze, onEdgeMouseLeave: re, onReconnect: K, onReconnectStart: be, onReconnectEnd: Je, reconnectRadius: D1, noDragClassName: f1, noWheelClassName: C1, noPanClassName: Re, elevateEdgesOnSelect: m1, disableKeyboardA11y: Qe, nodeOrigin: e1, nodeExtent: g1, rfId: p1 }) => {
+const Cs = ({ nodeTypes: e, edgeTypes: t, onMove: n, onMoveStart: o, onMoveEnd: s, onInit: r, onNodeClick: i, onEdgeClick: l, onNodeDoubleClick: c, onEdgeDoubleClick: h, onNodeMouseEnter: f, onNodeMouseMove: d, onNodeMouseLeave: m, onNodeContextMenu: C, onSelectionContextMenu: x, onSelectionStart: v, onSelectionEnd: b, connectionLineType: u, connectionLineStyle: w, connectionLineComponent: y, connectionLineContainerStyle: E, selectionKeyCode: S, selectionOnDrag: j, selectionMode: _, multiSelectionKeyCode: H, panActivationKeyCode: N, zoomActivationKeyCode: I, deleteKeyCode: D, onlyRenderVisibleElements: P, elementsSelectable: O, selectNodesOnDrag: p, defaultViewport: k, translateExtent: L, minZoom: A, maxZoom: F, preventScrolling: M, defaultMarkerColor: V, zoomOnScroll: B, zoomOnPinch: R, panOnScroll: W, panOnScrollSpeed: z, panOnScrollMode: U, zoomOnDoubleClick: q, panOnDrag: J, onPaneClick: ee, onPaneMouseEnter: te, onPaneMouseMove: ne, onPaneMouseLeave: we, onPaneScroll: _e, onPaneContextMenu: He, onEdgeContextMenu: Se, onEdgeMouseEnter: ce, onEdgeMouseMove: Ze, onEdgeMouseLeave: re, onReconnect: K, onReconnectStart: be, onReconnectEnd: Je, reconnectRadius: D1, noDragClassName: f1, noWheelClassName: C1, noPanClassName: Re, elevateEdgesOnSelect: m1, disableKeyboardA11y: Qe, nodeOrigin: e1, nodeExtent: g1, rfId: p1 }) => {
   const I1 = $n(e, Y8), me = $n(t, t6);
   return p6(r), T.createElement(
     U8,
@@ -3177,10 +3182,10 @@ const Cs = ({ nodeTypes: e, edgeTypes: t, onMove: n, onMoveStart: o, onMoveEnd:
       T.createElement(
         C6,
         { edgeTypes: me, onEdgeClick: l, onEdgeDoubleClick: h, onlyRenderVisibleElements: P, onEdgeContextMenu: Se, onEdgeMouseEnter: ce, onEdgeMouseMove: Ze, onEdgeMouseLeave: re, onReconnect: K, onReconnectStart: be, onReconnectEnd: Je, reconnectRadius: D1, defaultMarkerColor: V, noPanClassName: Re, elevateEdgesOnSelect: !!m1, disableKeyboardA11y: Qe, rfId: p1 },
-        T.createElement(E6, { style: w, type: d, component: y, containerStyle: E })
+        T.createElement(E6, { style: w, type: u, component: y, containerStyle: E })
       ),
       T.createElement("div", { className: "react-flow__edgelabel-renderer" }),
-      T.createElement(q8, { nodeTypes: I1, onNodeClick: i, onNodeDoubleClick: c, onNodeMouseEnter: f, onNodeMouseMove: u, onNodeMouseLeave: m, onNodeContextMenu: C, selectNodesOnDrag: p, onlyRenderVisibleElements: P, noPanClassName: Re, noDragClassName: f1, disableKeyboardA11y: Qe, nodeOrigin: e1, nodeExtent: g1, rfId: p1 })
+      T.createElement(q8, { nodeTypes: I1, onNodeClick: i, onNodeDoubleClick: c, onNodeMouseEnter: f, onNodeMouseMove: d, onNodeMouseLeave: m, onNodeContextMenu: C, selectNodesOnDrag: p, onlyRenderVisibleElements: P, noPanClassName: Re, noDragClassName: f1, disableKeyboardA11y: Qe, nodeOrigin: e1, nodeExtent: g1, rfId: p1 })
     )
   );
 };
@@ -3264,24 +3269,24 @@ const y2 = [
     const { onNodesChange: o, nodeInternals: s, fitViewOnInit: r, fitViewOnInitDone: i, fitViewOnInitOptions: l, domNode: c, nodeOrigin: h } = t(), f = c == null ? void 0 : c.querySelector(".react-flow__viewport");
     if (!f)
       return;
-    const u = window.getComputedStyle(f), { m22: m } = new window.DOMMatrixReadOnly(u.transform), C = n.reduce((v, b) => {
-      const d = s.get(b.id);
-      if (d != null && d.hidden)
-        s.set(d.id, {
-          ...d,
+    const d = window.getComputedStyle(f), { m22: m } = new window.DOMMatrixReadOnly(d.transform), C = n.reduce((v, b) => {
+      const u = s.get(b.id);
+      if (u != null && u.hidden)
+        s.set(u.id, {
+          ...u,
           [ae]: {
-            ...d[ae],
+            ...u[ae],
             // we need to reset the handle bounds when the node is hidden
             // in order to force a new observation when the node is shown again
             handleBounds: void 0
           }
         });
-      else if (d) {
+      else if (u) {
         const w = M2(b.nodeElement);
-        !!(w.width && w.height && (d.width !== w.width || d.height !== w.height || b.forceUpdate)) && (s.set(d.id, {
-          ...d,
+        !!(w.width && w.height && (u.width !== w.width || u.height !== w.height || b.forceUpdate)) && (s.set(u.id, {
+          ...u,
           [ae]: {
-            ...d[ae],
+            ...u[ae],
             handleBounds: {
               source: Bn(".source", b.nodeElement, m, h),
               target: Bn(".target", b.nodeElement, m, h)
@@ -3289,7 +3294,7 @@ const y2 = [
           },
           ...w
         }), v.push({
-          id: d.id,
+          id: u.id,
           type: "dimensions",
           dimensions: w
         }));
@@ -3387,8 +3392,8 @@ const y2 = [
     const h = Ge.translate(o[0] + n.x, o[1] + n.y).scale(o[2]), f = [
       [0, 0],
       [s, r]
-    ], u = i == null ? void 0 : i.constrain()(h, f, c);
-    return i.transform(l, u), o[0] !== u.x || o[1] !== u.y || o[2] !== u.k;
+    ], d = i == null ? void 0 : i.constrain()(h, f, c);
+    return i.transform(l, d), o[0] !== d.x || o[1] !== d.y || o[2] !== d.k;
   },
   cancelConnection: () => e({
     connectionNodeId: Ue.connectionNodeId,
@@ -3423,7 +3428,7 @@ const b6 = {
   overflow: "hidden",
   position: "relative",
   zIndex: 0
-}, Dt = L2(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: s, nodeTypes: r = b6, edgeTypes: i = _6, onNodeClick: l, onEdgeClick: c, onInit: h, onMove: f, onMoveStart: u, onMoveEnd: m, onConnect: C, onConnectStart: x, onConnectEnd: v, onClickConnectStart: b, onClickConnectEnd: d, onNodeMouseEnter: w, onNodeMouseMove: y, onNodeMouseLeave: E, onNodeContextMenu: S, onNodeDoubleClick: j, onNodeDragStart: _, onNodeDrag: H, onNodeDragStop: N, onNodesDelete: I, onEdgesDelete: D, onSelectionChange: P, onSelectionDragStart: O, onSelectionDrag: p, onSelectionDragStop: k, onSelectionContextMenu: L, onSelectionStart: A, onSelectionEnd: F, connectionMode: M = d1.Strict, connectionLineType: V = Xe.Bezier, connectionLineStyle: B, connectionLineComponent: R, connectionLineContainerStyle: W, deleteKeyCode: z = "Backspace", selectionKeyCode: U = "Shift", selectionOnDrag: q = !1, selectionMode: J = Y1.Full, panActivationKeyCode: ee = "Space", multiSelectionKeyCode: te = vt() ? "Meta" : "Control", zoomActivationKeyCode: ne = vt() ? "Meta" : "Control", snapToGrid: we = !1, snapGrid: _e = L6, onlyRenderVisibleElements: He = !1, selectNodesOnDrag: Se = !0, nodesDraggable: ce, nodesConnectable: Ze, nodesFocusable: re, nodeOrigin: K = S6, edgesFocusable: be, edgesUpdatable: Je, elementsSelectable: D1, defaultViewport: f1 = N6, minZoom: C1 = 0.5, maxZoom: Re = 2, translateExtent: m1 = y2, preventScrolling: Qe = !0, nodeExtent: e1, defaultMarkerColor: g1 = "#b1b1b7", zoomOnScroll: p1 = !0, zoomOnPinch: I1 = !0, panOnScroll: me = !1, panOnScrollSpeed: Ae = 0.5, panOnScrollMode: t1 = a1.Free, zoomOnDoubleClick: n1 = !0, panOnDrag: o1 = !0, onPaneClick: ze, onPaneMouseEnter: Be, onPaneMouseMove: Z1, onPaneMouseLeave: Ot, onPaneScroll: B1, onPaneContextMenu: Rt, children: dn, onEdgeContextMenu: s1, onEdgeDoubleClick: Ks, onEdgeMouseEnter: Ys, onEdgeMouseMove: Xs, onEdgeMouseLeave: Gs, onEdgeUpdate: qs, onEdgeUpdateStart: Js, onEdgeUpdateEnd: Qs, onReconnect: er, onReconnectStart: tr, onReconnectEnd: nr, reconnectRadius: or = 10, edgeUpdaterRadius: sr = 10, onNodesChange: rr, onEdgesChange: ir, noDragClassName: ar = "nodrag", noWheelClassName: lr = "nowheel", noPanClassName: un = "nopan", fitView: cr = !1, fitViewOptions: dr, connectOnClick: ur = !0, attributionPosition: hr, proOptions: fr, defaultEdgeOptions: Cr, elevateNodesOnSelect: mr = !0, elevateEdgesOnSelect: gr = !1, disableKeyboardA11y: hn = !1, autoPanOnConnect: pr = !0, autoPanOnNodeDrag: xr = !0, connectionRadius: yr = 20, isValidConnection: Er, onError: vr, style: wr, id: fn, nodeDragThreshold: br, ..._r }, Sr) => {
+}, Dt = L2(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: s, nodeTypes: r = b6, edgeTypes: i = _6, onNodeClick: l, onEdgeClick: c, onInit: h, onMove: f, onMoveStart: d, onMoveEnd: m, onConnect: C, onConnectStart: x, onConnectEnd: v, onClickConnectStart: b, onClickConnectEnd: u, onNodeMouseEnter: w, onNodeMouseMove: y, onNodeMouseLeave: E, onNodeContextMenu: S, onNodeDoubleClick: j, onNodeDragStart: _, onNodeDrag: H, onNodeDragStop: N, onNodesDelete: I, onEdgesDelete: D, onSelectionChange: P, onSelectionDragStart: O, onSelectionDrag: p, onSelectionDragStop: k, onSelectionContextMenu: L, onSelectionStart: A, onSelectionEnd: F, connectionMode: M = d1.Strict, connectionLineType: V = Xe.Bezier, connectionLineStyle: B, connectionLineComponent: R, connectionLineContainerStyle: W, deleteKeyCode: z = "Backspace", selectionKeyCode: U = "Shift", selectionOnDrag: q = !1, selectionMode: J = Y1.Full, panActivationKeyCode: ee = "Space", multiSelectionKeyCode: te = vt() ? "Meta" : "Control", zoomActivationKeyCode: ne = vt() ? "Meta" : "Control", snapToGrid: we = !1, snapGrid: _e = L6, onlyRenderVisibleElements: He = !1, selectNodesOnDrag: Se = !0, nodesDraggable: ce, nodesConnectable: Ze, nodesFocusable: re, nodeOrigin: K = S6, edgesFocusable: be, edgesUpdatable: Je, elementsSelectable: D1, defaultViewport: f1 = N6, minZoom: C1 = 0.5, maxZoom: Re = 2, translateExtent: m1 = y2, preventScrolling: Qe = !0, nodeExtent: e1, defaultMarkerColor: g1 = "#b1b1b7", zoomOnScroll: p1 = !0, zoomOnPinch: I1 = !0, panOnScroll: me = !1, panOnScrollSpeed: Ae = 0.5, panOnScrollMode: t1 = a1.Free, zoomOnDoubleClick: n1 = !0, panOnDrag: o1 = !0, onPaneClick: ze, onPaneMouseEnter: Be, onPaneMouseMove: Z1, onPaneMouseLeave: Ot, onPaneScroll: B1, onPaneContextMenu: Rt, children: dn, onEdgeContextMenu: s1, onEdgeDoubleClick: Ks, onEdgeMouseEnter: Ys, onEdgeMouseMove: Xs, onEdgeMouseLeave: Gs, onEdgeUpdate: qs, onEdgeUpdateStart: Js, onEdgeUpdateEnd: Qs, onReconnect: er, onReconnectStart: tr, onReconnectEnd: nr, reconnectRadius: or = 10, edgeUpdaterRadius: sr = 10, onNodesChange: rr, onEdgesChange: ir, noDragClassName: ar = "nodrag", noWheelClassName: lr = "nowheel", noPanClassName: un = "nopan", fitView: cr = !1, fitViewOptions: dr, connectOnClick: ur = !0, attributionPosition: hr, proOptions: fr, defaultEdgeOptions: Cr, elevateNodesOnSelect: mr = !0, elevateEdgesOnSelect: gr = !1, disableKeyboardA11y: hn = !1, autoPanOnConnect: pr = !0, autoPanOnNodeDrag: xr = !0, connectionRadius: yr = 20, isValidConnection: Er, onError: vr, style: wr, id: fn, nodeDragThreshold: br, ..._r }, Sr) => {
   const zt = fn || "1";
   return T.createElement(
     "div",
@@ -3431,8 +3436,8 @@ const b6 = {
     T.createElement(
       ms,
       null,
-      T.createElement(v6, { onInit: h, onMove: f, onMoveStart: u, onMoveEnd: m, onNodeClick: l, onEdgeClick: c, onNodeMouseEnter: w, onNodeMouseMove: y, onNodeMouseLeave: E, onNodeContextMenu: S, onNodeDoubleClick: j, nodeTypes: r, edgeTypes: i, connectionLineType: V, connectionLineStyle: B, connectionLineComponent: R, connectionLineContainerStyle: W, selectionKeyCode: U, selectionOnDrag: q, selectionMode: J, deleteKeyCode: z, multiSelectionKeyCode: te, panActivationKeyCode: ee, zoomActivationKeyCode: ne, onlyRenderVisibleElements: He, selectNodesOnDrag: Se, defaultViewport: f1, translateExtent: m1, minZoom: C1, maxZoom: Re, preventScrolling: Qe, zoomOnScroll: p1, zoomOnPinch: I1, zoomOnDoubleClick: n1, panOnScroll: me, panOnScrollSpeed: Ae, panOnScrollMode: t1, panOnDrag: o1, onPaneClick: ze, onPaneMouseEnter: Be, onPaneMouseMove: Z1, onPaneMouseLeave: Ot, onPaneScroll: B1, onPaneContextMenu: Rt, onSelectionContextMenu: L, onSelectionStart: A, onSelectionEnd: F, onEdgeContextMenu: s1, onEdgeDoubleClick: Ks, onEdgeMouseEnter: Ys, onEdgeMouseMove: Xs, onEdgeMouseLeave: Gs, onReconnect: er ?? qs, onReconnectStart: tr ?? Js, onReconnectEnd: nr ?? Qs, reconnectRadius: or ?? sr, defaultMarkerColor: g1, noDragClassName: ar, noWheelClassName: lr, noPanClassName: un, elevateEdgesOnSelect: gr, rfId: zt, disableKeyboardA11y: hn, nodeOrigin: K, nodeExtent: e1 }),
-      T.createElement(p8, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: C, onConnectStart: x, onConnectEnd: v, onClickConnectStart: b, onClickConnectEnd: d, nodesDraggable: ce, nodesConnectable: Ze, nodesFocusable: re, edgesFocusable: be, edgesUpdatable: Je, elementsSelectable: D1, elevateNodesOnSelect: mr, minZoom: C1, maxZoom: Re, nodeExtent: e1, onNodesChange: rr, onEdgesChange: ir, snapToGrid: we, snapGrid: _e, connectionMode: M, translateExtent: m1, connectOnClick: ur, defaultEdgeOptions: Cr, fitView: cr, fitViewOptions: dr, onNodesDelete: I, onEdgesDelete: D, onNodeDragStart: _, onNodeDrag: H, onNodeDragStop: N, onSelectionDrag: p, onSelectionDragStart: O, onSelectionDragStop: k, noPanClassName: un, nodeOrigin: K, rfId: zt, autoPanOnConnect: pr, autoPanOnNodeDrag: xr, onError: vr, connectionRadius: yr, isValidConnection: Er, nodeDragThreshold: br }),
+      T.createElement(v6, { onInit: h, onMove: f, onMoveStart: d, onMoveEnd: m, onNodeClick: l, onEdgeClick: c, onNodeMouseEnter: w, onNodeMouseMove: y, onNodeMouseLeave: E, onNodeContextMenu: S, onNodeDoubleClick: j, nodeTypes: r, edgeTypes: i, connectionLineType: V, connectionLineStyle: B, connectionLineComponent: R, connectionLineContainerStyle: W, selectionKeyCode: U, selectionOnDrag: q, selectionMode: J, deleteKeyCode: z, multiSelectionKeyCode: te, panActivationKeyCode: ee, zoomActivationKeyCode: ne, onlyRenderVisibleElements: He, selectNodesOnDrag: Se, defaultViewport: f1, translateExtent: m1, minZoom: C1, maxZoom: Re, preventScrolling: Qe, zoomOnScroll: p1, zoomOnPinch: I1, zoomOnDoubleClick: n1, panOnScroll: me, panOnScrollSpeed: Ae, panOnScrollMode: t1, panOnDrag: o1, onPaneClick: ze, onPaneMouseEnter: Be, onPaneMouseMove: Z1, onPaneMouseLeave: Ot, onPaneScroll: B1, onPaneContextMenu: Rt, onSelectionContextMenu: L, onSelectionStart: A, onSelectionEnd: F, onEdgeContextMenu: s1, onEdgeDoubleClick: Ks, onEdgeMouseEnter: Ys, onEdgeMouseMove: Xs, onEdgeMouseLeave: Gs, onReconnect: er ?? qs, onReconnectStart: tr ?? Js, onReconnectEnd: nr ?? Qs, reconnectRadius: or ?? sr, defaultMarkerColor: g1, noDragClassName: ar, noWheelClassName: lr, noPanClassName: un, elevateEdgesOnSelect: gr, rfId: zt, disableKeyboardA11y: hn, nodeOrigin: K, nodeExtent: e1 }),
+      T.createElement(p8, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: C, onConnectStart: x, onConnectEnd: v, onClickConnectStart: b, onClickConnectEnd: u, nodesDraggable: ce, nodesConnectable: Ze, nodesFocusable: re, edgesFocusable: be, edgesUpdatable: Je, elementsSelectable: D1, elevateNodesOnSelect: mr, minZoom: C1, maxZoom: Re, nodeExtent: e1, onNodesChange: rr, onEdgesChange: ir, snapToGrid: we, snapGrid: _e, connectionMode: M, translateExtent: m1, connectOnClick: ur, defaultEdgeOptions: Cr, fitView: cr, fitViewOptions: dr, onNodesDelete: I, onEdgesDelete: D, onNodeDragStart: _, onNodeDrag: H, onNodeDragStop: N, onSelectionDrag: p, onSelectionDragStart: O, onSelectionDragStop: k, noPanClassName: un, nodeOrigin: K, rfId: zt, autoPanOnConnect: pr, autoPanOnNodeDrag: xr, onError: vr, connectionRadius: yr, isValidConnection: Er, nodeDragThreshold: br }),
       T.createElement(m8, { onSelectionChange: P }),
       dn,
       T.createElement(R5, { proOptions: fr, position: hr }),
@@ -3482,8 +3487,8 @@ const T6 = (e) => ({
   isInteractive: e.nodesDraggable || e.nodesConnectable || e.elementsSelectable,
   minZoomReached: e.transform[2] <= e.minZoom,
   maxZoomReached: e.transform[2] >= e.maxZoom
-}), gs = ({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: o = !0, fitViewOptions: s, onZoomIn: r, onZoomOut: i, onFitView: l, onInteractiveChange: c, className: h, children: f, position: u = "bottom-left" }) => {
-  const m = fe(), [C, x] = se(!1), { isInteractive: v, minZoomReached: b, maxZoomReached: d } = ie(T6, Ce), { zoomIn: w, zoomOut: y, fitView: E } = ke();
+}), gs = ({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: o = !0, fitViewOptions: s, onZoomIn: r, onZoomOut: i, onFitView: l, onInteractiveChange: c, className: h, children: f, position: d = "bottom-left" }) => {
+  const m = fe(), [C, x] = se(!1), { isInteractive: v, minZoomReached: b, maxZoomReached: u } = ie(T6, Ce), { zoomIn: w, zoomOut: y, fitView: E } = ke();
   if (Y(() => {
     x(!0);
   }, []), !C)
@@ -3503,13 +3508,13 @@ const T6 = (e) => ({
   };
   return T.createElement(
     jo,
-    { className: ye(["react-flow__controls", h]), position: u, style: e, "data-testid": "rf__controls" },
+    { className: ye(["react-flow__controls", h]), position: d, style: e, "data-testid": "rf__controls" },
     t && T.createElement(
       T.Fragment,
       null,
       T.createElement(
         z1,
-        { onClick: S, className: "react-flow__controls-zoomin", title: "zoom in", "aria-label": "zoom in", disabled: d },
+        { onClick: S, className: "react-flow__controls-zoomin", title: "zoom in", "aria-label": "zoom in", disabled: u },
         T.createElement(j6, null)
       ),
       T.createElement(
@@ -3560,7 +3565,7 @@ function ps({
   style: l,
   className: c
 }) {
-  const h = X(null), { transform: f, patternId: u } = ie(F6, Ce), m = i || Z6[t], C = o || B6[t], x = t === De.Dots, v = t === De.Cross, b = Array.isArray(n) ? n : [n, n], d = [b[0] * f[2] || 1, b[1] * f[2] || 1], w = C * f[2], y = v ? [w, w] : d, E = x ? [w / r, w / r] : [y[0] / r, y[1] / r];
+  const h = X(null), { transform: f, patternId: d } = ie(F6, Ce), m = i || Z6[t], C = o || B6[t], x = t === De.Dots, v = t === De.Cross, b = Array.isArray(n) ? n : [n, n], u = [b[0] * f[2] || 1, b[1] * f[2] || 1], w = C * f[2], y = v ? [w, w] : u, E = x ? [w / r, w / r] : [y[0] / r, y[1] / r];
   return T.createElement(
     "svg",
     { className: ye(["react-flow__background", c]), style: {
@@ -3571,8 +3576,8 @@ function ps({
       top: 0,
       left: 0
     }, ref: h, "data-testid": "rf__background" },
-    T.createElement("pattern", { id: u + e, x: f[0] % d[0], y: f[1] % d[1], width: d[0], height: d[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${E[0]},-${E[1]})` }, x ? T.createElement(I6, { color: m, radius: w / r }) : T.createElement(D6, { dimensions: y, color: m, lineWidth: s })),
-    T.createElement("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${u + e})` })
+    T.createElement("pattern", { id: d + e, x: f[0] % u[0], y: f[1] % u[1], width: u[0], height: u[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${E[0]},-${E[1]})` }, x ? T.createElement(I6, { color: m, radius: w / r }) : T.createElement(D6, { dimensions: y, color: m, lineWidth: s })),
+    T.createElement("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${d + e})` })
   );
 }
 ps.displayName = "Background";
@@ -4061,13 +4066,13 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
   unknown: "UNK"
 }, Ts = (e, t) => e ? x4(t) : y4(t), Ds = (e, t) => e ? t + 1 : t - 1, Pt = (e, t, n, o, s, r, i = vs, l = !1, c) => {
   const h = Ds(s, r), f = (m, C) => {
-    var d, w;
-    const x = ((w = (d = e.find((y) => y.id === m)) == null ? void 0 : d.data) == null ? void 0 : w.level) || 0, v = Y2(r, x, o, m, s, l, C);
+    var u, w;
+    const x = ((w = (u = e.find((y) => y.id === m)) == null ? void 0 : u.data) == null ? void 0 : w.level) || 0, v = Y2(r, x, o, m, s, l, C);
     t.find((y) => y.id === v.id) || t.push(v);
   };
-  let u = 0;
+  let d = 0;
   for (const m of n) {
-    if (u >= i) {
+    if (d >= i) {
       const x = Nt(o, s);
       e.push({
         id: x,
@@ -4079,62 +4084,62 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       }), f(x);
       break;
     }
-    e.find((x) => x.id === m.table) || (u++, c ? c[m.table].type in H1 ? e.push(j1(m, h, o)) : e.push(Ls(m.table, h, o, c[m.table])) : e.push(j1(m, h, o))), f(m.table, m.source);
+    e.find((x) => x.id === m.table) || (d++, c ? c[m.table].type in H1 ? e.push(j1(m, h, o)) : e.push(Ls(m.table, h, o, c[m.table])) : e.push(j1(m, h, o))), f(m.table, m.source);
   }
 }, Oe = (e, t, n = !1) => {
   let o = 1 / 0;
   const s = {};
-  for (const d of e)
-    if (Ee(d) && d.parentNode)
-      d.parentNode in s || (s[d.parentNode] = 0), d.position = {
+  for (const u of e)
+    if (Ee(u) && u.parentNode)
+      u.parentNode in s || (s[u.parentNode] = 0), u.position = {
         x: R6,
-        y: z6 + xt(s[d.parentNode])
-      }, s[d.parentNode]++;
+        y: z6 + xt(s[u.parentNode])
+      }, s[u.parentNode]++;
     else {
-      const { level: w } = d.data;
+      const { level: w } = u.data;
       o = Math.min(o, w);
     }
   const r = {}, i = {}, l = {}, c = {}, h = {}, f = {};
-  for (const d of t)
-    Ee(d) || ft(e.find((w) => w.id === d.source)) || ft(e.find((w) => w.id === d.target)) || (h[d.source] = h[d.source] || [], h[d.source].push(d.target), f[d.target] = f[d.target] || [], f[d.target].push(d.source));
-  const u = (d) => {
-    const { level: w } = d.data;
-    if (i[w] = i[w] || [], !i[w].includes(d.id)) {
-      l[d.id] = i[w].length, r[d.id] = 0;
+  for (const u of t)
+    Ee(u) || ft(e.find((w) => w.id === u.source)) || ft(e.find((w) => w.id === u.target)) || (h[u.source] = h[u.source] || [], h[u.source].push(u.target), f[u.target] = f[u.target] || [], f[u.target].push(u.source));
+  const d = (u) => {
+    const { level: w } = u.data;
+    if (i[w] = i[w] || [], !i[w].includes(u.id)) {
+      l[u.id] = i[w].length, r[u.id] = 0;
       for (const y of i[w])
-        r[d.id] += s[y] || 0;
-      i[w].push(d.id);
+        r[u.id] += s[y] || 0;
+      i[w].push(u.id);
     }
-  }, m = (d, w) => {
-    if (!c[d]) {
-      c[d] = !0, u(e.find((y) => y.id === d));
-      for (const y of w[d] || []) m(y, w);
+  }, m = (u, w) => {
+    if (!c[u]) {
+      c[u] = !0, d(e.find((y) => y.id === u));
+      for (const y of w[u] || []) m(y, w);
     }
   };
-  for (const d of e)
-    Ee(d) || ft(d) || c[d.id] || (m(d.id, h), c[d.id] = !1, m(d.id, f));
-  for (const d of e)
-    Ee(d) || ft(d) && u(d);
-  const C = (d) => {
-    const w = l[d.id] || 0, y = r[d.id] || 0;
+  for (const u of e)
+    Ee(u) || ft(u) || c[u.id] || (m(u.id, h), c[u.id] = !1, m(u.id, f));
+  for (const u of e)
+    Ee(u) || ft(u) && d(u);
+  const C = (u) => {
+    const w = l[u.id] || 0, y = r[u.id] || 0;
     return i2 + w * (L1 + U6) + xt(y, w);
-  }, x = (d) => (d - o) * (ot + W6) + O6, v = (d) => (d - o) * (L1 + $6) + i2, b = (d) => {
-    const w = l[d.id] || 0, y = r[d.id] || 0;
+  }, x = (u) => (u - o) * (ot + W6) + O6, v = (u) => (u - o) * (L1 + $6) + i2, b = (u) => {
+    const w = l[u.id] || 0, y = r[u.id] || 0;
     return i2 + w * (L1 + K6) + xt(y, w);
   };
-  for (const d of e) {
-    if (Ee(d)) continue;
-    const { level: w } = d.data;
-    d.position = n ? { x: b(d), y: v(w) } : { x: x(w), y: C(d) };
+  for (const u of e) {
+    if (Ee(u)) continue;
+    const { level: w } = u.data;
+    u.position = n ? { x: b(u), y: v(w) } : { x: x(w), y: C(u) };
   }
 }, Is = (e, t) => (e.forEach((n) => Lt(n, !0)), t.forEach((n) => k1(n, !1)), [e, t]), Q1 = (e, t, n) => {
   q1(t, !0), J1(t, !1);
   const o = {}, s = {}, r = (c, h) => {
-    const f = [n], u = {};
+    const f = [n], d = {};
     for (; f.length > 0; ) {
       const m = f.shift();
-      u[m] = !0, o[m] = !0, t.forEach((C) => {
-        C[c] === m && (s[C.id] = !0, u[C[h]] || f.push(C[h]));
+      d[m] = !0, o[m] = !0, t.forEach((C) => {
+        C[c] === m && (s[C.id] = !0, d[C[h]] || f.push(C[h]));
       });
     }
   };
@@ -4148,7 +4153,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
   e.setNodes(s), e.setEdges(r);
 }, I4 = async (e, t, n, o, s, r, i, l, c, h) => {
   var S, j;
-  const f = [], u = [], { column_lineage: m, confidence: C, errors: x } = await w4({
+  const f = [], d = [], { column_lineage: m, confidence: C, errors: x } = await w4({
     targets: s,
     upstreamExpansion: r,
     currAnd1HopTables: i,
@@ -4158,13 +4163,13 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
   h((_) => ({ ..._, ...x })), he.addLinks(m.length);
   const v = m.filter(
     (_) => r ? Kn(s, _.source) : Kn(s, _.target)
-  ), b = v.map((_) => r ? _.target : _.source), d = {}, w = ([_, H], N) => {
-    d[_] = d[_] || [];
-    const I = d[_].find((D) => D.column === H);
-    I ? N === "Transformation" && (I.viewsType = N) : d[_].push({ column: H, viewsType: N });
+  ), b = v.map((_) => r ? _.target : _.source), u = {}, w = ([_, H], N) => {
+    u[_] = u[_] || [];
+    const I = u[_].find((D) => D.column === H);
+    I ? N === "Transformation" && (I.viewsType = N) : u[_].push({ column: H, viewsType: N });
   }, y = (_, H, N, I, D) => {
     const P = Zt(N, I);
-    u.find((O) => O.id === P) || u.push(
+    d.find((O) => O.id === P) || d.push(
       St(N, I, t[_], t[H], D, c)
     );
   }, E = [];
@@ -4182,9 +4187,9 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
     } else
       E.push(_);
   }
-  for (const _ in d) {
+  for (const _ in u) {
     if (!o[_]) continue;
-    const H = [...d[_]];
+    const H = [...u[_]];
     H.sort((N, I) => N.column.localeCompare(I.column));
     for (const N of H) {
       const I = {};
@@ -4201,50 +4206,50 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       );
     }
   }
-  return { nodes: f, edges: u, collectColumns: d, newCurr: b, confidence: C, seeMoreLineage: E };
+  return { nodes: f, edges: d, collectColumns: u, newCurr: b, confidence: C, seeMoreLineage: E };
 }, Z4 = async (e, t, n, o) => {
   var C, x, v, b;
   let s = e.filter($e), r = t.filter($e);
   [s, r] = Is(s, r);
   const i = {};
-  s.forEach((d) => i[d.id] = d.data.level);
+  s.forEach((u) => i[u.id] = u.data.level);
   const l = {};
-  e.filter((d) => d.type === "table").forEach((d) => l[d.id] = !0);
+  e.filter((u) => u.type === "table").forEach((u) => l[u.id] = !0);
   const c = {}, h = [];
-  for (const d of t) {
-    if (d.id.startsWith(We)) continue;
-    const w = l[d.source], y = l[d.target];
-    w && y ? h.push({ src: d.source, dst: d.target }) : w ? (C = e.find((S) => S.id === d.target).data.tables) == null || C.forEach((S) => {
-      h.push({ src: d.source, dst: S.table }), c[S.table] = d.target;
-    }) : y && ((x = e.find((S) => S.id === d.source).data.tables) == null || x.forEach((S) => {
-      h.push({ src: S.table, dst: d.target }), c[S.table] = d.source;
+  for (const u of t) {
+    if (u.id.startsWith(We)) continue;
+    const w = l[u.source], y = l[u.target];
+    w && y ? h.push({ src: u.source, dst: u.target }) : w ? (C = e.find((S) => S.id === u.target).data.tables) == null || C.forEach((S) => {
+      h.push({ src: u.source, dst: S.table }), c[S.table] = u.target;
+    }) : y && ((x = e.find((S) => S.id === u.source).data.tables) == null || x.forEach((S) => {
+      h.push({ src: S.table, dst: u.target }), c[S.table] = u.source;
     }));
   }
-  const { collect_columns: f, highlight_edges: u } = await o({
+  const { collect_columns: f, highlight_edges: d } = await o({
     column_fqn: n,
     edges: h
   });
-  for (const d in f) {
-    if (!l[d]) continue;
-    const w = [...f[d]];
+  for (const u in f) {
+    if (!l[u]) continue;
+    const w = [...f[u]];
     w.sort((y, E) => y.column.localeCompare(E.column));
     for (const y of w) {
-      const E = (b = (v = e.find((S) => S.id === d)) == null ? void 0 : v.data) == null ? void 0 : b.nodeType;
-      s.push(_t(d, y.column, y.viewsType, {}, E));
+      const E = (b = (v = e.find((S) => S.id === u)) == null ? void 0 : v.data) == null ? void 0 : b.nodeType;
+      s.push(_t(u, y.column, y.viewsType, {}, E));
     }
   }
-  r.forEach((d) => d.style = It);
-  const m = (d, w, y, E, S) => {
+  r.forEach((u) => u.style = It);
+  const m = (u, w, y, E, S) => {
     const j = Zt(y, E);
     r.find((_) => _.id === j) || r.push(
-      St(y, E, i[d], i[w], S, {
+      St(y, E, i[u], i[w], S, {
         direct: S === "direct",
         indirect: S === "indirect"
       })
     );
   };
-  for (const d of u) {
-    const [w] = d[0].split("/"), [y] = d[1].split("/"), E = l[w], S = l[y], j = We + d[0], _ = We + d[1], H = d[2] || "direct";
+  for (const u of d) {
+    const [w] = u[0].split("/"), [y] = u[1].split("/"), E = l[w], S = l[y], j = We + u[0], _ = We + u[1], H = u[2] || "direct";
     if (E && S)
       m(w, y, j, _, H);
     else if (E) {
@@ -4274,15 +4279,15 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
   }), t.edges.forEach((i) => {
     r.find((l) => l.id === i.id) || r.push(i);
   }), n.name) {
-    const i = {}, l = G1(n.table, n.name), c = { [l]: "direct" }, h = [l], f = {}, u = o ? "source" : "target", m = o ? "target" : "source";
+    const i = {}, l = G1(n.table, n.name), c = { [l]: "direct" }, h = [l], f = {}, d = o ? "source" : "target", m = o ? "target" : "source";
     for (; h.length > 0; ) {
       const C = h.shift();
       if (!f[C]) {
         f[C] = !0;
         for (const x of r)
-          x[u] === C && (h.push(x[m]), c[x[m]] !== "direct" && (c[x[m]] = c[x[u]] === "direct" ? x.data.type : "indirect"));
+          x[d] === C && (h.push(x[m]), c[x[m]] !== "direct" && (c[x[m]] = c[x[d]] === "direct" ? x.data.type : "indirect"));
         for (const x of r)
-          x[u] === C && (i[x.id] = c[x[m]]);
+          x[d] === C && (i[x.id] = c[x[m]]);
       }
     }
     for (const C of r)
@@ -4301,26 +4306,26 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
     if (l[c]) continue;
     l[c] = !0;
     const { tables: f } = await Ts(o, c);
-    Pt(s, r, f, c, o, h), f.forEach((u) => {
-      const m = s.find((C) => C.id === u.table);
-      (m == null ? void 0 : m.data.materialization) === "ephemeral" && i.push({ table: u.table, level: m.data.level });
+    Pt(s, r, f, c, o, h), f.forEach((d) => {
+      const m = s.find((C) => C.id === d.table);
+      (m == null ? void 0 : m.data.materialization) === "ephemeral" && i.push({ table: d.table, level: m.data.level });
     });
   }
   return [s, r];
 }, Mt = async (e, t, n, o, s, r = vs) => {
   const i = [...e], l = [...t];
   if (o >= s) return [i, l];
-  const c = X6(o, s), h = i.find((u) => u.id === n).data.level, f = async (u) => {
+  const c = X6(o, s), h = i.find((d) => d.id === n).data.level, f = async (d) => {
     const m = [{ table: n, level: h }], C = {};
     for (; m.length > 0; ) {
       const x = m.shift();
       if (C[x.table]) continue;
       C[x.table] = !0;
-      const { tables: v } = await Ts(u, x.table);
-      Pt(i, l, v, x.table, u, x.level, r);
-      const b = Ds(u, x.level);
-      c(b) ? m.push(...v.map((d) => ({ table: d.table, level: b }))) : m.push(
-        ...v.filter((d) => d.materialization === "ephemeral").map((d) => ({ table: d.table, level: b }))
+      const { tables: v } = await Ts(d, x.table);
+      Pt(i, l, v, x.table, d, x.level, r);
+      const b = Ds(d, x.level);
+      c(b) ? m.push(...v.map((u) => ({ table: u.table, level: b }))) : m.push(
+        ...v.filter((u) => u.materialization === "ephemeral").map((u) => ({ table: u.table, level: b }))
       );
     }
   };
@@ -4341,25 +4346,25 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       const b = l[v].data;
       if (b[i] !== 0) {
         if (c[v].length < b[i]) return v;
-        for (const d of c[v]) C.push(d);
+        for (const u of c[v]) C.push(u);
       }
     }
   })();
   if (!f) return -1;
-  const { level: u } = l[n].data, { level: m } = l[f].data;
-  return o ? m - u : u - m;
+  const { level: d } = l[n].data, { level: m } = l[f].data;
+  return o ? m - d : d - m;
 }, et = (e, t, n) => [
   oo(e, t, n, !1),
   oo(e, t, n, !0)
-], Bs = async (e, t, n, o, s, r, i, l, c, h, f, u) => {
+], Bs = async (e, t, n, o, s, r, i, l, c, h, f, d) => {
   var S, j, _, H, N, I;
   let m = !1;
-  const { levelMap: C, tableNodes: x, seeMoreIdTableReverseMap: v } = Y6(e, t), b = (D) => e.find((P) => P.id === D), d = {}, w = {};
+  const { levelMap: C, tableNodes: x, seeMoreIdTableReverseMap: v } = Y6(e, t), b = (D) => e.find((P) => P.id === D), u = {}, w = {};
   let y = o.map((D) => [D.table, D.name]), E = [];
-  for (u(() => ({})); !(he.isCancelled || (y = y.filter((z) => !d[z.join("/")]), y.length === 0 && E.length === 0)); ) {
+  for (d(() => ({})); !(he.isCancelled || (y = y.filter((z) => !u[z.join("/")]), y.length === 0 && E.length === 0)); ) {
     const D = {};
     y.forEach((z) => {
-      d[z.join("/")] = !0, D[z[0]] = !0;
+      u[z.join("/")] = !0, D[z[0]] = !0;
     });
     const [P, O] = n ? ["source", "target"] : ["target", "source"], p = [], k = [], L = [];
     let A = !1;
@@ -4393,7 +4398,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       Array.from(new Set(F)),
       h,
       f,
-      u
+      d
     );
     ((N = M.confidence) == null ? void 0 : N.confidence) === "low" && s(((I = M.confidence) == null ? void 0 : I.operator_list) || []), y = M.newCurr, !m && y.length > 0 && (m = !0), y = y.filter(
       (z) => t.filter((U) => (n ? U.source : U.target) === z[0]).length > 0
@@ -4412,11 +4417,11 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
   const { table: h } = n;
   if (e.find((C) => C.id === h)) return !1;
   e.push(j1(n, i, o));
-  const u = (m = e.find((C) => C.id === o)) == null ? void 0 : m.data.level;
-  if (t.push(Y2(u, i, o, h, r, !1, n.source)), l == null || l.forEach((C) => {
+  const d = (m = e.find((C) => C.id === o)) == null ? void 0 : m.data.level;
+  if (t.push(Y2(d, i, o, h, r, !1, n.source)), l == null || l.forEach((C) => {
     const x = G1(C.source[0], C.source[1]), v = G1(C.target[0], C.target[1]), b = {};
-    if (r && l.filter((d) => d.target.join("/") === C.target.join("/")).forEach((d) => {
-      b[d.source.join("/")] = d.viewsCode || [];
+    if (r && l.filter((u) => u.target.join("/") === C.target.join("/")).forEach((u) => {
+      b[u.source.join("/")] = u.viewsCode || [];
     }), r) {
       if (C.target[0] !== h) return;
       e.push(
@@ -4468,8 +4473,8 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
           o,
           s
         );
-        h.forEach((u) => {
-          l.nodes.push(u), o.findIndex((m) => m.id === u.id) === -1 && o.push(u);
+        h.forEach((d) => {
+          l.nodes.push(d), o.findIndex((m) => m.id === d.id) === -1 && o.push(d);
         }), l.edges = Array.from(/* @__PURE__ */ new Set([...l.edges, ...f]));
       }
       return l;
@@ -4597,14 +4602,14 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
     materialization: c,
     isExternalProject: h,
     schema: f
-  } = e, u = ke(), {
+  } = e, d = ke(), {
     state: {
       selectedTable: m,
       collectColumns: C,
       selectedColumn: x,
       leftExpansion: v,
       rightExpansion: b,
-      selectCheck: d,
+      selectCheck: u,
       nonSelectCheck: w,
       errors: y
     },
@@ -4614,16 +4619,16 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       he.showCllInProgressMsg();
       return;
     }
-    let [A, F] = await Zs(u.getNodes(), u.getEdges(), n, L);
-    if ([A, F] = Q1(A, F, m), Oe(A, F), u.setNodes(A), u.setEdges(F), S(K1(et(A, F, m))), S(
+    let [A, F] = await Zs(d.getNodes(), d.getEdges(), n, L);
+    if ([A, F] = Q1(A, F, m), Oe(A, F), d.setNodes(A), d.setEdges(F), S(K1(et(A, F, m))), S(
       N1(
         await A1(A, F, m, v, b)
       )
     ), E(), !!(x != null && x.name))
       try {
         he.start();
-        const M = u.getEdges();
-        q1(M, !1), J1(M, !0), u.setEdges(M), await Bs(
+        const M = d.getEdges();
+        q1(M, !1), J1(M, !0), d.setEdges(M), await Bs(
           A,
           F,
           L,
@@ -4637,12 +4642,12 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
           (V) => {
             S(Eo(V));
           },
-          () => [u.getNodes(), u.getEdges()],
+          () => [d.getNodes(), d.getEdges()],
           (V, B) => {
-            u.setNodes(V), u.setEdges(B);
+            d.setNodes(V), d.setEdges(B);
           },
           x,
-          { direct: d, indirect: w },
+          { direct: u, indirect: w },
           (V) => S(So(V(y)))
         ), E();
       } catch (M) {
@@ -4657,7 +4662,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       exposure: R2,
       snowflake_stage: xs
     }[i] || O2));
-  }, O = u.getEdges(), p = n.replace(/[^a-zA-Z0-9]/g, "-");
+  }, O = d.getEdges(), p = n.replace(/[^a-zA-Z0-9]/g, "-");
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -4671,12 +4676,12 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
           {
             className: Z.table_node,
             onClick: async () => {
-              const L = u.getNodes(), A = u.getEdges();
+              const L = d.getNodes(), A = d.getEdges();
               S(K1(et(L, A, n))), S(
                 N1(
                   await A1(L, A, n, v, b)
                 )
-              ), _2(u, n), S(l1(n)), o && S4(o);
+              ), _2(d, n), S(l1(n)), o && S4(o);
             },
             children: [
               /* @__PURE__ */ a.jsx(
@@ -4749,7 +4754,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
                             "div",
                             {
                               className: Q("nodrag", Z.table_handle, {
-                                invisible: r === 0 || r === O.filter((L) => L.target === n).length || u.getNode(Nt(n, !1))
+                                invisible: r === 0 || r === O.filter((L) => L.target === n).length || d.getNode(Nt(n, !1))
                               }),
                               onClick: (L) => {
                                 L.stopPropagation(), D();
@@ -4802,7 +4807,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
                             "div",
                             {
                               className: Q("nodrag", Z.table_handle, {
-                                invisible: s === 0 || s === O.filter((L) => L.source === n).length || u.getNode(Nt(n, !0))
+                                invisible: s === 0 || s === O.filter((L) => L.source === n).length || d.getNode(Nt(n, !0))
                               }),
                               onClick: (L) => {
                                 L.stopPropagation(), I();
@@ -4853,7 +4858,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       nodeSavingsPerformance: c,
       nodesCost: h
     }
-  } = ue(), f = ge(), u = n || "unknown";
+  } = ue(), f = ge(), d = n || "unknown";
   return /* @__PURE__ */ a.jsxs("div", { className: "position-relative", children: [
     /* @__PURE__ */ a.jsxs("div", { className: Z.node_stats, children: [
       /* @__PURE__ */ a.jsx(
@@ -4891,7 +4896,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
                 /* @__PURE__ */ a.jsx("div", { children: h[t].value }),
                 /* @__PURE__ */ a.jsx("div", { children: h[t].percent })
               ] }) }),
-              /* @__PURE__ */ a.jsx("div", { className: Q(Z.node_icon, en[u]), children: /* @__PURE__ */ a.jsx(D4, { nodeType: u }) }),
+              /* @__PURE__ */ a.jsx("div", { className: Q(Z.node_icon, en[d]), children: /* @__PURE__ */ a.jsx(D4, { nodeType: d }) }),
               /* @__PURE__ */ a.jsx("div", {}),
               /* @__PURE__ */ a.jsx("div", { className: "lines-2", children: o }),
               /* @__PURE__ */ a.jsx("div", { className: "spacer" }),
@@ -4901,10 +4906,10 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
                 {
                   className: Q(
                     Z.details_btn,
-                    !s || u === "unknown" ? Z.disable : Z.enable
+                    !s || d === "unknown" ? Z.disable : Z.enable
                   ),
                   onClick: (x) => {
-                    x.stopPropagation(), u !== "unknown" && (i || f(l1(t)));
+                    x.stopPropagation(), d !== "unknown" && (i || f(l1(t)));
                   },
                   children: /* @__PURE__ */ a.jsx(ks, {})
                 }
@@ -4937,7 +4942,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
 }, on = ({ data: e }) => {
   const { column: t, table: n, viewsType: o, viewsCode: s, nodeType: r, datatype: i } = e, {
     state: { selectedColumn: l, showCodeModal: c }
-  } = ue(), h = ge(), f = (l == null ? void 0 : l.table) === n && (l == null ? void 0 : l.name) === t, u = o && $2[o], m = u ? { borderColor: u } : {}, C = ke(), x = () => {
+  } = ue(), h = ge(), f = (l == null ? void 0 : l.table) === n && (l == null ? void 0 : l.name) === t, d = o && $2[o], m = d ? { borderColor: d } : {}, C = ke(), x = () => {
     const b = C.getNode(G1(n, t));
     b && (h(l1("")), h(i1({ name: t, table: n })), R4(b, C));
   }, v = xe(() => Object.values(s || {}).flat().filter(([, b]) => !!b).map(([b]) => b).length > 0, [s]);
@@ -4956,7 +4961,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
             {
               className: Z.column_code_icon,
               onClick: (b) => {
-                var d, w;
+                var u, w;
                 b.stopPropagation(), c ? h(
                   c1({
                     type: "views_code",
@@ -4976,7 +4981,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
                   nodeType: r,
                   column: t,
                   datatype: i,
-                  label: (w = (d = C.getNode(n)) == null ? void 0 : d.data) == null ? void 0 : w.label
+                  label: (w = (u = C.getNode(n)) == null ? void 0 : u.data) == null ? void 0 : w.label
                 });
               },
               children: /* @__PURE__ */ a.jsx(ro, {})
@@ -5016,7 +5021,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
       nodeSavingsPerformance: c,
       nodesCost: h
     }
-  } = ue(), f = s === "dark", u = ge();
+  } = ue(), f = s === "dark", d = ge();
   return /* @__PURE__ */ a.jsxs("div", { style: { width: ot, display: "flex", justifyContent: "center" }, children: [
     /* @__PURE__ */ a.jsx(st, {}),
     /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column", children: /* @__PURE__ */ a.jsxs(
@@ -5027,7 +5032,7 @@ const V4 = ({ datatype: e, color: t, size: n = "1rem" }) => {
           [Z.selected]: l === o
         }),
         onClick: () => {
-          i ? document.dispatchEvent(new CustomEvent("selectedNode", { detail: o })) : u(
+          i ? document.dispatchEvent(new CustomEvent("selectedNode", { detail: o })) : d(
             c1({
               type: "op_node",
               args: { op_code: n, op_type: t }
@@ -5143,9 +5148,9 @@ function Os() {
   const {
     state: { moreTables: e, selectCheck: t, nonSelectCheck: n },
     rerender: o
-  } = ue(), s = ge(), { tables: r, level: i } = e, l = ke(), c = async (u) => {
+  } = ue(), s = ge(), { tables: r, level: i } = e, l = ke(), c = async (d) => {
     const m = [...l.getNodes()], C = [...l.getEdges()];
-    P4(m, C, u, e, {
+    P4(m, C, d, e, {
       direct: t,
       indirect: n
     }) && s(Pe("")), Oe(m, C), l.setNodes(m), l.setEdges(C), o();
@@ -5157,15 +5162,15 @@ function Os() {
       {
         bsSize: "sm",
         placeholder: "Search by table name",
-        onChange: (u) => {
-          const m = u.target.value.toLowerCase();
+        onChange: (d) => {
+          const m = d.target.value.toLowerCase();
           f(r.filter((C) => C.table.toLowerCase().includes(m)));
         }
       }
     ),
     /* @__PURE__ */ a.jsx("div", { className: "mb-3" }),
-    /* @__PURE__ */ a.jsx("div", { className: "h-100 overflow-y", children: /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column gap-sm", children: h.map((u) => {
-      const m = l.getNode(u.table), C = m && m.data.level !== i;
+    /* @__PURE__ */ a.jsx("div", { className: "h-100 overflow-y", children: /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column gap-sm", children: h.map((d) => {
+      const m = l.getNode(d.table), C = m && m.data.level !== i;
       return /* @__PURE__ */ a.jsx(
         "div",
         {
@@ -5174,20 +5179,20 @@ function Os() {
             // [styles.disabled]: isNodeOnOtherLevel,
           }),
           onClick: (x) => {
-            x.stopPropagation(), !C && c(u);
+            x.stopPropagation(), !C && c(d);
           },
           children: /* @__PURE__ */ a.jsx(
             U4,
             {
-              nodeType: u.nodeType,
-              label: u.label,
-              table: u.table,
-              tests: u.tests,
-              materialization: u.materialization
+              nodeType: d.nodeType,
+              label: d.label,
+              table: d.table,
+              tests: d.tests,
+              materialization: d.materialization
             }
           )
         },
-        u.table
+        d.table
       );
     }) }) })
   ] });
@@ -5202,8 +5207,8 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
   /* @__PURE__ */ a.jsx("div", { className: Q(Z.column_card), children: /* @__PURE__ */ a.jsx("div", { className: "font-normal fs-xxs", children: e }) })
 ] }) }) }), zs = ({ column: e, handleClick: t, selected: n, isSelectable: o }) => {
   const {
-    state: { theme: s, config: r },
-    dispatch: i
+    state: { theme: s, config: r, renderTags: i },
+    dispatch: l
   } = je(h1);
   return /* @__PURE__ */ a.jsxs(
     "div",
@@ -5224,8 +5229,8 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
             fo,
             {
               className: "al-w-8 al-h-8",
-              onClick: async (l) => {
-                l.stopPropagation(), i(
+              onClick: async (c) => {
+                c.stopPropagation(), l(
                   c1({
                     type: "export_final_lineage",
                     args: { table: e.table, column: e.name }
@@ -5239,6 +5244,7 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
           e.datatype && /* @__PURE__ */ a.jsx(J4, { label: e.datatype })
         ] }),
         e.description && /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column", children: /* @__PURE__ */ a.jsx("div", { className: "font-normal fs-xxs text-grey", children: e.description }) }),
+        i && i({ column: e, table_rk: e.table }),
         e.code && /* @__PURE__ */ a.jsx(At, { code: e.code, language: "sql", editorTheme: "tomorrow", theme: s })
       ]
     }
@@ -5264,8 +5270,8 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
         {
           size: "sm",
           onClick: () => {
-            s && Ft(s.table, !0).then((u) => {
-              u && (i(u), n(u.columns));
+            s && Ft(s.table, !0).then((d) => {
+              d && (i(d), n(d.columns));
             });
           },
           children: "Sync with DB"
@@ -5278,8 +5284,8 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
         bsSize: "sm",
         type: "text",
         placeholder: "Search by column name",
-        onChange: (u) => {
-          const m = u.target.value.toLowerCase();
+        onChange: (d) => {
+          const m = d.target.value.toLowerCase();
           n(e.filter((C) => C.name.toLowerCase().includes(m)));
         }
       }
@@ -5292,17 +5298,17 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
         " columns"
       ] })
     ] }),
-    /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column gap-sm", children: t.map((u) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column gap-sm", children: t.map((d) => /* @__PURE__ */ a.jsx(
       zs,
       {
-        column: u,
+        column: d,
         handleClick: () => {
-          h || o(u);
+          h || o(d);
         },
-        selected: u.name === (r == null ? void 0 : r.name) && u.table === (r == null ? void 0 : r.table),
+        selected: d.name === (r == null ? void 0 : r.name) && d.table === (r == null ? void 0 : r.table),
         isSelectable: !h && c === "dynamic"
       },
-      u.name
+      d.name
     )) })
   ] }) });
 }, ea = ({ tests: e }) => {
@@ -5402,7 +5408,7 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
       theme: h,
       lightdashEnabled: f
     }
-  } = ue(), u = ge(), m = ke(), [C, x] = se([]), [v, b] = se(null), [d, w] = se(0), [y, E] = se(!0);
+  } = ue(), d = ge(), m = ke(), [C, x] = se([]), [v, b] = se(null), [u, w] = se(0), [y, E] = se(!0);
   Y(() => {
     n && (E(!0), Ft(n, !1).then((N) => {
       b(N), x(N.columns), E(!1);
@@ -5422,7 +5428,7 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
     }
     if ((o == null ? void 0 : o.table) === N.table && (o == null ? void 0 : o.name) === N.name) {
       const [V, B] = F4(m.getNodes(), m.getEdges());
-      q1(B, !0), J1(B, !0), m.setNodes(V), m.setEdges(B), u(i1({ table: "", name: "" })), u(U1({})), u(Pe(""));
+      q1(B, !0), J1(B, !0), m.setNodes(V), m.setEdges(B), d(i1({ table: "", name: "" })), d(U1({})), d(Pe(""));
       return;
     }
     const I = (M = m.getNode(N.table)) == null ? void 0 : M.data;
@@ -5433,7 +5439,7 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
     const O = async (V) => {
       [D, P] = await Zs(D, P, N.table, V), Oe(D, P);
     }, { upstreamCount: p, downstreamCount: k } = I;
-    p > 0 && P.filter((V) => V.source === N.table).length < p && await O(!0), k > 0 && P.filter((V) => V.target === N.table).length < k && await O(!1), u(i1({ ...N })), u(Pe("")), u(U1({})), u(p5({ confidence: "high" }));
+    p > 0 && P.filter((V) => V.source === N.table).length < p && await O(!0), k > 0 && P.filter((V) => V.target === N.table).length < k && await O(!1), d(i1({ ...N })), d(Pe("")), d(U1({})), d(p5({ confidence: "high" }));
     const [L, A] = Is(
       D.filter($e),
       P.filter($e)
@@ -5445,13 +5451,13 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
       V,
       [N],
       (B) => {
-        u(vo({ operatorList: B }));
+        d(vo({ operatorList: B }));
       },
       (B) => {
-        u(yo(B));
+        d(yo(B));
       },
       (B) => {
-        u(Eo(B));
+        d(Eo(B));
       },
       () => [m.getNodes(), m.getEdges()],
       (B, R) => {
@@ -5459,14 +5465,14 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
       },
       N,
       { direct: s, indirect: r },
-      (B) => u(So(B(c)))
+      (B) => d(So(B(c)))
     );
     try {
-      he.start(), (await Promise.all([F(!0), F(!1)])).every((B) => !B) && (u(i1({ table: "", name: "" })), _2(m, N.table), he.isCancelled || q2(
+      he.start(), (await Promise.all([F(!0), F(!1)])).every((B) => !B) && (d(i1({ table: "", name: "" })), _2(m, N.table), he.isCancelled || q2(
         `No lineage found for model ${N.table} and column ${N.name}`
       ));
     } catch (V) {
-      console.error("Error while performing cll for ", N.table, N.name, ", error:", V), u(i1({ table: "", name: "" })), _2(m, N.table);
+      console.error("Error while performing cll for ", N.table, N.name, ", error:", V), d(i1({ table: "", name: "" })), _2(m, N.table);
     } finally {
       he.end();
     }
@@ -5480,17 +5486,17 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
       "div",
       {
         className: Q(Z.tab, "d-flex align-items-center gap-sm", {
-          [Z.selected]: d === I
+          [Z.selected]: u === I
         }),
         onClick: () => w(I),
         children: [
-          /* @__PURE__ */ a.jsx("div", { className: h === "light" && d !== I ? "text-primary" : "text-white", children: N === "Lightdash" ? /* @__PURE__ */ a.jsx(Mr, {}) : null }),
+          /* @__PURE__ */ a.jsx("div", { className: h === "light" && u !== I ? "text-primary" : "text-white", children: N === "Lightdash" ? /* @__PURE__ */ a.jsx(Mr, {}) : null }),
           N
         ]
       },
       N
     )) }),
-    _[d] === "Column" && /* @__PURE__ */ a.jsx(
+    _[u] === "Column" && /* @__PURE__ */ a.jsx(
       Q4,
       {
         selectedTable: j,
@@ -5504,8 +5510,8 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
         lineageType: e
       }
     ),
-    _[d] === "Tests" && /* @__PURE__ */ a.jsx(ea, { tests: j.tests }),
-    _[d] === "Lightdash" && /* @__PURE__ */ a.jsx(ra, { node: j })
+    _[u] === "Tests" && /* @__PURE__ */ a.jsx(ea, { tests: j.tests }),
+    _[u] === "Lightdash" && /* @__PURE__ */ a.jsx(ra, { node: j })
   ] });
 }, ia = () => {
   var C, x, v, b;
@@ -5513,15 +5519,15 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
     state: { theme: e }
   } = je(h1), {
     state: { sqlLineage: t, selectedTable: n, allowSyncColumnsWithDB: o }
-  } = ue(), s = (v = (x = (C = t == null ? void 0 : t.details) == null ? void 0 : C[n]) == null ? void 0 : x.columns) == null ? void 0 : v.map((d) => ({
-    ...d,
-    description: d.expression
+  } = ue(), s = (v = (x = (C = t == null ? void 0 : t.details) == null ? void 0 : C[n]) == null ? void 0 : x.columns) == null ? void 0 : v.map((u) => ({
+    ...u,
+    description: u.expression
   })), [r, i] = se(s), [l, c] = se(s), h = (b = t == null ? void 0 : t.details) == null ? void 0 : b[n];
   if (!h)
     return null;
-  const { sql: f, type: u, nodeId: m } = h;
+  const { sql: f, type: d, nodeId: m } = h;
   return /* @__PURE__ */ a.jsxs("div", { className: "p-2 h-100 d-flex flex-column gap-md overflow-y", children: [
-    /* @__PURE__ */ a.jsx(an, { nodeType: u || "cte", table: n }),
+    /* @__PURE__ */ a.jsx(an, { nodeType: d || "cte", table: n }),
     f && /* @__PURE__ */ a.jsx("div", { className: Q(Z.card, "mb-0 purpose-section"), children: /* @__PURE__ */ a.jsxs("div", { className: "d-flex flex-column gap-sm", children: [
       /* @__PURE__ */ a.jsx("div", { className: "fs-5 fw-semibold", children: "SQL" }),
       /* @__PURE__ */ a.jsx(
@@ -5539,13 +5545,13 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
       /* @__PURE__ */ a.jsxs("div", { className: "d-flex align-items-center gap-xs", children: [
         /* @__PURE__ */ a.jsx("div", { className: "fs-5 fw-semibold", children: "Column" }),
         /* @__PURE__ */ a.jsx("div", { className: "spacer" }),
-        o && m && ["table", "final"].includes(u || "") && /* @__PURE__ */ a.jsx(
+        o && m && ["table", "final"].includes(d || "") && /* @__PURE__ */ a.jsx(
           ve,
           {
             size: "sm",
             onClick: () => {
-              Ft(m, !0).then((d) => {
-                i(d.columns), c(d.columns);
+              Ft(m, !0).then((u) => {
+                i(u.columns), c(u.columns);
               });
             },
             children: "Sync with DB"
@@ -5558,8 +5564,8 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
           bsSize: "sm",
           placeholder: "Search by column name",
           type: "text",
-          onChange: (d) => {
-            const w = d.target.value.toLowerCase();
+          onChange: (u) => {
+            const w = u.target.value.toLowerCase();
             c(r == null ? void 0 : r.filter((y) => y.name.toLowerCase().includes(w)));
           }
         }
@@ -5568,22 +5574,22 @@ const K4 = "_component_13r39_1", Y4 = "_spin_13r39_1", X4 = {
         l == null ? void 0 : l.length,
         " columns"
       ] }) }),
-      /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column gap-sm overflow-y", children: l == null ? void 0 : l.map((d) => /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column gap-sm overflow-y", children: l == null ? void 0 : l.map((u) => /* @__PURE__ */ a.jsx(
         zs,
         {
           column: {
-            name: d.name,
+            name: u.name,
             table: n,
             can_lineage_expand: !1,
             description: "",
-            code: d.expression
+            code: u.expression
           },
           handleClick: () => {
           },
           selected: !1,
           isSelectable: !1
         },
-        d.name
+        u.name
       )) })
     ] }) })
   ] });
@@ -5824,9 +5830,9 @@ function Us({
   return Y(() => {
     const i = (l) => {
       if (!o.current) return;
-      const { x: c, y: h, width: f, height: u } = o.current.getBoundingClientRect();
+      const { x: c, y: h, width: f, height: d } = o.current.getBoundingClientRect();
       r(
-        Xn(c - 10, c + f + 10)(l.x) && Xn(h - 10, h + u + 10)(l.y) ? e : ""
+        Xn(c - 10, c + f + 10)(l.x) && Xn(h - 10, h + d + 10)(l.y) ? e : ""
       );
     };
     return document.body.addEventListener("click", i), () => {
@@ -5860,7 +5866,7 @@ const da = () => {
   const e = ke(), {
     state: { selectedTable: t, leftExpansion: n, rightExpansion: o, minRange: s, nodeCount: r, defaultExpansion: i },
     rerender: l
-  } = ue(), [c, h] = se([0, 0]), f = ge(), { openedPopover: u } = je(ln), m = "auto-expansion-popover", C = u === m;
+  } = ue(), [c, h] = se([0, 0]), f = ge(), { openedPopover: d } = je(ln), m = "auto-expansion-popover", C = d === m;
   Y(() => {
     f(Xt(qn(s[0], c[0], i))), f(Gt(qn(s[1], c[1], i)));
   }, [i, f, c, s]), Y(() => {
@@ -5881,7 +5887,7 @@ const da = () => {
       if (!C || !t) return;
       const b = (_ = e.getNode(t)) == null ? void 0 : _.data;
       if (!b) return;
-      const { level: d } = b, w = e.getNodes(), y = e.getEdges(), [E] = await Mt(
+      const { level: u } = b, w = e.getNodes(), y = e.getEdges(), [E] = await Mt(
         w,
         y,
         t,
@@ -5892,7 +5898,7 @@ const da = () => {
       let S = 1 / 0, j = -1 / 0;
       for (const H of E)
         S = Math.min(S, H.data.level), j = Math.max(j, H.data.level);
-      h([d - S, j - d]);
+      h([u - S, j - u]);
     })();
   }, [e, t, C]);
   const x = oe(() => {
@@ -5926,8 +5932,8 @@ const da = () => {
                     "div",
                     {
                       className: Z.icon,
-                      onClick: (d) => {
-                        d.stopPropagation(), t && f(Xt(c[0]));
+                      onClick: (u) => {
+                        u.stopPropagation(), t && f(Xt(c[0]));
                       },
                       children: /* @__PURE__ */ a.jsx(Ki, {})
                     }
@@ -5937,8 +5943,8 @@ const da = () => {
                     "div",
                     {
                       className: Z.icon,
-                      onClick: (d) => {
-                        d.stopPropagation(), t && x();
+                      onClick: (u) => {
+                        u.stopPropagation(), t && x();
                       },
                       children: /* @__PURE__ */ a.jsx(Yi, {})
                     }
@@ -5961,8 +5967,8 @@ const da = () => {
                     "div",
                     {
                       className: Z.icon,
-                      onClick: (d) => {
-                        d.stopPropagation(), t && v();
+                      onClick: (u) => {
+                        u.stopPropagation(), t && v();
                       },
                       children: /* @__PURE__ */ a.jsx(Xi, {})
                     }
@@ -5972,8 +5978,8 @@ const da = () => {
                     "div",
                     {
                       className: Z.icon,
-                      onClick: (d) => {
-                        d.stopPropagation(), t && f(Gt(c[1]));
+                      onClick: (u) => {
+                        u.stopPropagation(), t && f(Gt(c[1]));
                       },
                       children: /* @__PURE__ */ a.jsx(ks, {})
                     }
@@ -5993,9 +5999,9 @@ const da = () => {
             variant: r === 0 ? "secondary" : "default",
             size: "sm",
             disabled: r === 0,
-            onClick: async (d) => {
+            onClick: async (u) => {
               var S;
-              if (d.stopPropagation(), !t) return;
+              if (u.stopPropagation(), !t) return;
               const w = (S = e.getNode(t)) == null ? void 0 : S.data;
               if (!w) return;
               const [y, E] = await Mt(
@@ -6251,12 +6257,12 @@ const cn = () => {
           [x.source.slice(7), x.target.slice(7), (v = x.data) == null ? void 0 : v.type]
         );
       }
-    ), u = {};
+    ), d = {};
     await Promise.all(
       e.getNodes().map(async (x) => {
         if (Ee(x)) return;
         const v = await Ft(x.id, !1);
-        u[x.id] = {
+        d[x.id] = {
           type: x.data.nodeType,
           nodeId: x.id,
           name: x.data.label,
@@ -6269,7 +6275,7 @@ const cn = () => {
       collectColumns: o,
       tableEdges: h,
       columnEdges: f,
-      details: u
+      details: d
     } });
     C != null && C.url && q2(`Lineage is exported at [link](${C.url})`), l(), r("");
   };
@@ -6356,7 +6362,7 @@ const cn = () => {
       rightExpansion: c,
       selectedColumn: h,
       defaultExpansion: f,
-      errors: u
+      errors: d
     },
     rerender: m
   } = ue(), C = ge(), x = X(f), v = oe(() => {
@@ -6404,13 +6410,13 @@ const cn = () => {
       document.removeEventListener("cll_cancelled", v), document.removeEventListener("renderStartNode", y);
     };
   }, [v, b]);
-  const d = oe(async () => {
+  const u = oe(async () => {
     const y = await _4();
     C(wo(y.showSelectEdges)), C(bo(y.showNonSelectEdges)), C(_o(y.defaultExpansion)), x.current = y.defaultExpansion;
   }, [C]);
   Y(() => {
-    d();
-  }, [d]), Y(() => {
+    u();
+  }, [u]), Y(() => {
     const y = e.current;
     if (!y) return;
     (async () => {
@@ -6430,7 +6436,7 @@ const cn = () => {
       }
       y.setEdges(j);
     })();
-  }, [s, r, e, h, C, u]);
+  }, [s, r, e, h, C, d]);
   const w = (y) => {
     e.current = y, Vs();
   };
@@ -6503,25 +6509,25 @@ const cn = () => {
   return Y(() => {
     l(U1(n)), setTimeout(async () => {
       var v, b;
-      const c = (d) => ({
-        table: d,
-        label: r[d].name,
+      const c = (u) => ({
+        table: u,
+        label: r[u].name,
         upstreamCount: 0,
         downstreamCount: 0,
-        nodeType: r[d].type || "cte",
+        nodeType: r[u].type || "cte",
         isExternalProject: !1,
         tests: []
       }), { sources: h } = Ns(s);
-      let f = [], u = [];
-      const m = [...h], C = {}, x = (d, w) => {
+      let f = [], d = [];
+      const m = [...h], C = {}, x = (u, w) => {
         var S, j;
-        const y = d ? s.filter(([_]) => _ === w).map(([, _]) => _) : s.filter(([, _]) => _ === w).map(([_]) => _), E = ((j = (S = f.find((_) => _.id === w)) == null ? void 0 : S.data) == null ? void 0 : j.level) || 0;
+        const y = u ? s.filter(([_]) => _ === w).map(([, _]) => _) : s.filter(([, _]) => _ === w).map(([_]) => _), E = ((j = (S = f.find((_) => _.id === w)) == null ? void 0 : S.data) == null ? void 0 : j.level) || 0;
         return Pt(
           f,
-          u,
+          d,
           y.map(c),
           w,
-          d,
+          u,
           E,
           1e4,
           !1,
@@ -6529,22 +6535,22 @@ const cn = () => {
         ), y;
       };
       for (; m.length > 0; ) {
-        const d = m.pop();
-        C[d] || (C[d] = !0, m.push(...x(!0, d), ...x(!1, d)));
+        const u = m.pop();
+        C[u] || (C[u] = !0, m.push(...x(!0, u), ...x(!1, u)));
       }
       if (t) {
-        const d = `${t.table}/${t.name}`, { nodes: w, edges: y } = await Z4(
+        const u = `${t.table}/${t.name}`, { nodes: w, edges: y } = await Z4(
           f,
-          u,
           d,
+          u,
           async () => ({
             collect_columns: n,
             highlight_edges: o
           })
         );
-        f = w, u = y;
+        f = w, d = y;
       }
-      Oe(f, u, !1), (v = e.current) == null || v.setNodes(f), (b = e.current) == null || b.setEdges(u);
+      Oe(f, d, !1), (v = e.current) == null || v.setNodes(f), (b = e.current) == null || b.setEdges(d);
     }, 500);
   }, [n, o, r, e, l, t, s]), Y(() => {
     const c = setTimeout(() => {
@@ -6604,38 +6610,38 @@ const cn = () => {
   }, [n, r, t]), Y(() => {
     setTimeout(async () => {
       var C, x, v, b;
-      const i = (d) => ({
-        table: d,
-        label: n[d].name || d,
+      const i = (u) => ({
+        table: u,
+        label: n[u].name || u,
         upstreamCount: 0,
         downstreamCount: 0,
-        nodeType: n[d].type || "cte",
+        nodeType: n[u].type || "cte",
         isExternalProject: !1,
         tests: []
       });
       if (o) {
-        const d = Object.keys(o).map((y) => n[y].type in H1 ? j1(i(y), 0, "") : Ls(y, 0, "", n[y])), w = t.map(
+        const u = Object.keys(o).map((y) => n[y].type in H1 ? j1(i(y), 0, "") : Ls(y, 0, "", n[y])), w = t.map(
           ([y, E]) => Y2(o[y][1], o[E][1], y, E, !0, !0)
         );
-        for (const y of d) {
+        for (const y of u) {
           if (!o[y.id]) continue;
           const [E, S] = o[y.id];
           y.position = { x: E, y: S };
         }
-        (C = e.current) == null || C.setNodes(d), (x = e.current) == null || x.setEdges(w);
+        (C = e.current) == null || C.setNodes(u), (x = e.current) == null || x.setEdges(w);
         return;
       }
       const { sinks: l } = Ns(t);
-      let c = l.map((d) => j1(i(d), 0, "")), h = [];
-      const f = [...l], u = {}, m = (d, w) => {
+      let c = l.map((u) => j1(i(u), 0, "")), h = [];
+      const f = [...l], d = {}, m = (u, w) => {
         var S, j;
-        const y = d ? t.filter(([_]) => _ === w).map(([, _]) => _) : t.filter(([, _]) => _ === w).map(([_]) => _), E = ((j = (S = c.find((_) => _.id === w)) == null ? void 0 : S.data) == null ? void 0 : j.level) || 0;
+        const y = u ? t.filter(([_]) => _ === w).map(([, _]) => _) : t.filter(([, _]) => _ === w).map(([_]) => _), E = ((j = (S = c.find((_) => _.id === w)) == null ? void 0 : S.data) == null ? void 0 : j.level) || 0;
         return Pt(
           c,
           h,
           y.map(i),
           w,
-          d,
+          u,
           E,
           1e4,
           !0,
@@ -6643,8 +6649,8 @@ const cn = () => {
         ), y;
       };
       for (; f.length > 0; ) {
-        const d = f.pop();
-        u[d] || (u[d] = !0, f.push(...m(!1, d)));
+        const u = f.pop();
+        d[u] || (d[u] = !0, f.push(...m(!1, u)));
       }
       Oe(c, h, !0), (v = e.current) == null || v.setNodes(c), (b = e.current) == null || b.setEdges(h);
     }, 500);
@@ -6655,19 +6661,19 @@ const cn = () => {
     }, 1e3);
     return () => clearInterval(i);
   }, [e]), Y(() => {
-    const i = (u) => {
-      r(v5(u.detail));
-    }, l = (u) => {
-      r(w5(u.detail));
+    const i = (d) => {
+      r(v5(d.detail));
+    }, l = (d) => {
+      r(w5(d.detail));
     }, c = () => {
       setTimeout(() => {
-        var u;
-        (u = e.current) == null || u.fitView({ duration: 500 });
+        var d;
+        (d = e.current) == null || d.fitView({ duration: 500 });
       }, 500);
-    }, h = (u) => {
-      r(b5(u.detail));
-    }, f = (u) => {
-      r(_5(u.detail));
+    }, h = (d) => {
+      r(b5(d.detail));
+    }, f = (d) => {
+      r(_5(d.detail));
     };
     return document.addEventListener("onHighlightedNodes", i), document.addEventListener("onSelectedNodes", l), document.addEventListener("onNodesSavingsPerformance", h), document.addEventListener("onNodesCost", f), document.addEventListener("fitView", c), () => {
       document.removeEventListener("highlightedNodes", i), document.removeEventListener("onSelectedNodes", l), document.removeEventListener("onNodesSavingsPerformance", h), document.removeEventListener("onNodesCost", f), document.removeEventListener("fitView", c);
@@ -6712,54 +6718,56 @@ const cn = () => {
   dynamicLineage: o,
   staticLineage: s,
   allowSyncColumnsWithDB: r,
-  externalSidePanel: i = !1
-}, l) => {
-  const [c, h] = Tr(Et.reducer, {
+  externalSidePanel: i = !1,
+  renderTags: l
+}, c) => {
+  const [h, f] = Tr(Et.reducer, {
     ...Et.getInitialState(),
     theme: e,
     lineageType: t,
     sqlLineage: n,
     allowSyncColumnsWithDB: r,
-    externalSidePanel: i
-  }), f = X(), [u, m] = se(0), C = oe(() => m((v) => (v + 1) % 100), []);
+    externalSidePanel: i,
+    renderTags: l
+  }), d = X(), [m, C] = se(0), x = oe(() => C((b) => (b + 1) % 100), []);
   Y(() => {
-    var v;
-    (v = f.current) == null || v.fitView({});
-  }, [u]), Dr(l, () => ({
-    rerender: C
+    var b;
+    (b = d.current) == null || b.fitView({});
+  }, [m]), Dr(c, () => ({
+    rerender: x
   })), Y(() => {
-    h(y5(e));
+    f(y5(e));
   }, [e]);
-  const x = xe(
+  const v = xe(
     () => ({
-      state: c,
-      dispatch: h,
-      rerender: C
+      state: h,
+      dispatch: f,
+      rerender: x
     }),
-    [c, h, C]
+    [h, f, x]
   );
-  return /* @__PURE__ */ a.jsx(h1.Provider, { value: x, children: /* @__PURE__ */ a.jsxs("div", { className: "lineage-component", children: [
+  return /* @__PURE__ */ a.jsx(h1.Provider, { value: v, children: /* @__PURE__ */ a.jsxs("div", { className: "lineage-component", children: [
     t === "sql" && n && /* @__PURE__ */ a.jsx(
       Na,
       {
-        flow: f,
+        flow: d,
         details: n.details,
         tableEdges: n.tableEdges,
         nodePositions: n.nodePositions
       }
     ),
-    t === "dynamic" && o && /* @__PURE__ */ a.jsx(va, { flow: f, theme: e }),
-    t === "static" && s && /* @__PURE__ */ a.jsx(_a, { flow: f, ...s }),
+    t === "dynamic" && o && /* @__PURE__ */ a.jsx(va, { flow: d, theme: e }),
+    t === "static" && s && /* @__PURE__ */ a.jsx(_a, { flow: d, ...s }),
     /* @__PURE__ */ a.jsx("div", { id: "lineage-sidebar" })
   ] }) });
-}, Pa = L2(Ma), ue = () => je(h1), ge = () => {
+}, Oa = L2(Ma), ue = () => je(h1), ge = () => {
   const { dispatch: e } = je(h1);
   return e;
 };
 export {
   he as CLL,
   A4 as CllEvents,
-  Pa as Lineage,
+  Oa as Lineage,
   Q2 as NodeIcon,
   Bt as ViewsTypeBadge
 };