@ovalbee/flow-viewer 0.0.1 → 0.0.3

package/dist/flow-viewer.js

@@ -1,12 +1,12 @@
-import { defineComponent as A, inject as J, createElementBlock as i, openBlock as n, unref as f, normalizeClass as Z, createElementVNode as w, createCommentVNode as y, createBlock as H, normalizeStyle as S, toDisplayString as k, Fragment as P, computed as T, markRaw as Y, ref as Q, onBeforeUnmount as ee, provide as te, createVNode as oe, withCtx as ne, Teleport as ie, renderList as F, resolveDynamicComponent as ae } from "vue";
-import { Handle as V, Position as C, ConnectionLineType as se, VueFlow as le } from "@vue-flow/core";
-import { Controls as re } from "@vue-flow/controls";
-import { MiniMap as de } from "@vue-flow/minimap";
-const G = Symbol("flow-viewer-details"), ce = ["aria-label"], ue = { class: "ob-flow-viewer-node__header" }, we = ["innerHTML"], pe = { key: 1 }, he = { class: "ob-flow-viewer-node__title-wrap" }, me = { class: "ob-flow-viewer-node__title" }, fe = { class: "ob-flow-viewer-node__key" }, ve = { class: "ob-flow-viewer-node__description ob-flow-viewer-node__description--clamped" }, ye = {
+import { defineComponent as E, inject as ne, createElementBlock as l, openBlock as i, unref as M, normalizeClass as X, createElementVNode as m, createCommentVNode as z, createBlock as A, normalizeStyle as B, toDisplayString as H, Fragment as q, computed as C, markRaw as G, ref as ie, onBeforeUnmount as se, provide as ce, createVNode as de, withCtx as le, Teleport as re, renderList as S, h as U, resolveDynamicComponent as he } from "vue";
+import { Handle as I, Position as T, ConnectionLineType as ye, VueFlow as pe } from "@vue-flow/core";
+import { Controls as ke } from "@vue-flow/controls";
+import { MiniMap as ue } from "@vue-flow/minimap";
+const Q = Symbol("flow-viewer-details"), me = ["aria-label"], ve = { class: "ob-flow-viewer-node__header" }, we = ["innerHTML"], ge = { key: 1 }, fe = { class: "ob-flow-viewer-node__title-wrap" }, Me = { class: "ob-flow-viewer-node__title" }, xe = { class: "ob-flow-viewer-node__key" }, be = { class: "ob-flow-viewer-node__description ob-flow-viewer-node__description--clamped" }, ze = {
   key: 1,
   class: "ob-flow-viewer-node__widget-image",
   "aria-hidden": "true"
-}, ge = /* @__PURE__ */ A({
+}, _e = /* @__PURE__ */ E({
   __name: "FlowViewerNode",
   props: {
     id: {},
@@ -29,104 +29,104 @@ const G = Symbol("flow-viewer-details"), ce = ["aria-label"], ue = { class: "ob-
     data: {},
     events: {}
   },
-  setup(o) {
-    const u = o, _ = J(G), N = u.data.available ? u.data.description : "This node template is unavailable.";
-    return (c, d) => {
-      var h, g;
-      return n(), i("article", {
-        class: Z(["ob-flow-viewer-node", { "ob-flow-viewer-node--unavailable": !o.data.available }]),
+  setup(t) {
+    const n = t, v = ne(Q), x = n.data.available ? n.data.description : "This node template is unavailable.";
+    return (r, y) => {
+      var k, b;
+      return i(), l("article", {
+        class: X(["ob-flow-viewer-node", { "ob-flow-viewer-node--unavailable": !t.data.available }]),
         tabindex: "0",
-        "aria-label": `${o.data.name} node`,
-        onMouseenter: d[0] || (d[0] = (t) => {
-          var a;
-          return (a = f(_)) == null ? void 0 : a.show(o.data, t);
+        "aria-label": `${t.data.name} node`,
+        onMouseenter: y[0] || (y[0] = (o) => {
+          var c;
+          return (c = M(v)) == null ? void 0 : c.show(t.data, o);
         }),
-        onMouseleave: d[1] || (d[1] = (t) => {
-          var a;
-          return (a = f(_)) == null ? void 0 : a.hide();
+        onMouseleave: y[1] || (y[1] = (o) => {
+          var c;
+          return (c = M(v)) == null ? void 0 : c.hide();
         }),
-        onClick: d[2] || (d[2] = (t) => {
-          var a;
-          return (a = f(_)) == null ? void 0 : a.show(o.data, t);
+        onClick: y[2] || (y[2] = (o) => {
+          var c;
+          return (c = M(v)) == null ? void 0 : c.show(t.data, o);
         }),
-        onFocus: d[3] || (d[3] = (t) => {
-          var a;
-          return (a = f(_)) == null ? void 0 : a.show(o.data, t);
+        onFocus: y[3] || (y[3] = (o) => {
+          var c;
+          return (c = M(v)) == null ? void 0 : c.show(t.data, o);
         }),
-        onBlur: d[4] || (d[4] = (t) => {
-          var a;
-          return (a = f(_)) == null ? void 0 : a.hide();
+        onBlur: y[4] || (y[4] = (o) => {
+          var c;
+          return (c = M(v)) == null ? void 0 : c.hide();
         })
       }, [
-        w("header", ue, [
-          w("span", {
+        m("header", ve, [
+          m("span", {
             class: "ob-flow-viewer-node__icon",
-            style: S({ "--ob-node-icon-color": ((h = o.data.icon) == null ? void 0 : h.color) ?? "#64748b" }),
+            style: B({ "--ob-node-icon-color": ((k = t.data.icon) == null ? void 0 : k.color) ?? "#64748b" }),
             "aria-hidden": "true"
           }, [
-            (g = o.data.icon) != null && g.svg ? (n(), i("span", {
+            (b = t.data.icon) != null && b.svg ? (i(), l("span", {
               key: 0,
               class: "ob-flow-viewer-node__icon-svg",
-              innerHTML: o.data.icon.svg
-            }, null, 8, we)) : (n(), i("span", pe, k(o.data.available ? o.data.name.slice(0, 1).toUpperCase() : "?"), 1))
+              innerHTML: t.data.icon.svg
+            }, null, 8, we)) : (i(), l("span", ge, H(t.data.available ? t.data.name.slice(0, 1).toUpperCase() : "?"), 1))
           ], 4),
-          w("span", he, [
-            w("strong", me, k(o.data.name), 1),
-            w("span", fe, k(o.data.key), 1)
+          m("span", fe, [
+            m("strong", Me, H(t.data.name), 1),
+            m("span", xe, H(t.data.key), 1)
           ])
         ]),
-        w("p", ve, k(f(N)), 1),
-        o.data.widgetPreview && o.data.available ? (n(), i("div", {
+        m("p", be, H(M(x)), 1),
+        t.data.widgetPreview && t.data.available ? (i(), l("div", {
           key: 0,
-          class: Z(["ob-flow-viewer-node__widget", `ob-flow-viewer-node__widget--${o.data.widgetPreview}`]),
+          class: X(["ob-flow-viewer-node__widget", `ob-flow-viewer-node__widget--${t.data.widgetPreview}`]),
           "aria-label": "Widget preview"
         }, [
-          o.data.widgetPreview === "button" ? (n(), i(P, { key: 0 }, [
-            d[5] || (d[5] = w("span", { class: "ob-flow-viewer-node__widget-icon" }, "↗", -1)),
-            d[6] || (d[6] = w("span", { class: "ob-flow-viewer-node__widget-label" }, null, -1))
-          ], 64)) : o.data.widgetPreview === "dataset" ? (n(), i("span", ye)) : (n(), i(P, { key: 2 }, [
-            d[7] || (d[7] = w("span", null, null, -1)),
-            d[8] || (d[8] = w("span", null, null, -1))
+          t.data.widgetPreview === "button" ? (i(), l(q, { key: 0 }, [
+            y[5] || (y[5] = m("span", { class: "ob-flow-viewer-node__widget-icon" }, "↗", -1)),
+            y[6] || (y[6] = m("span", { class: "ob-flow-viewer-node__widget-label" }, null, -1))
+          ], 64)) : t.data.widgetPreview === "dataset" ? (i(), l("span", ze)) : (i(), l(q, { key: 2 }, [
+            y[7] || (y[7] = m("span", null, null, -1)),
+            y[8] || (y[8] = m("span", null, null, -1))
           ], 64))
-        ], 2)) : y("", !0),
-        o.data.connectedHandles.has("target") ? (n(), H(f(V), {
+        ], 2)) : z("", !0),
+        t.data.connectedHandles.has("target") ? (i(), A(M(I), {
           key: 1,
           type: "target",
-          position: f(C).Top
-        }, null, 8, ["position"])) : y("", !0),
-        o.data.connectedHandles.has("left") ? (n(), H(f(V), {
+          position: M(T).Top
+        }, null, 8, ["position"])) : z("", !0),
+        t.data.connectedHandles.has("left") ? (i(), A(M(I), {
           key: 2,
           id: "left",
           type: "target",
-          position: f(C).Left
-        }, null, 8, ["position"])) : y("", !0),
-        o.data.connectedHandles.has("right") ? (n(), H(f(V), {
+          position: M(T).Left
+        }, null, 8, ["position"])) : z("", !0),
+        t.data.connectedHandles.has("right") ? (i(), A(M(I), {
           key: 3,
           id: "right",
           type: "target",
-          position: f(C).Right
-        }, null, 8, ["position"])) : y("", !0),
-        o.data.connectedHandles.has("source") ? (n(), H(f(V), {
+          position: M(T).Right
+        }, null, 8, ["position"])) : z("", !0),
+        t.data.connectedHandles.has("source") ? (i(), A(M(I), {
           key: 4,
           type: "source",
-          position: f(C).Bottom
-        }, null, 8, ["position"])) : y("", !0),
-        o.data.connectedHandles.has("left-source") ? (n(), H(f(V), {
+          position: M(T).Bottom
+        }, null, 8, ["position"])) : z("", !0),
+        t.data.connectedHandles.has("left-source") ? (i(), A(M(I), {
           key: 5,
           id: "left-source",
           type: "source",
-          position: f(C).Left
-        }, null, 8, ["position"])) : y("", !0),
-        o.data.connectedHandles.has("right-source") ? (n(), H(f(V), {
+          position: M(T).Left
+        }, null, 8, ["position"])) : z("", !0),
+        t.data.connectedHandles.has("right-source") ? (i(), A(M(I), {
           key: 6,
           id: "right-source",
           type: "source",
-          position: f(C).Right
-        }, null, 8, ["position"])) : y("", !0)
-      ], 42, ce);
+          position: M(T).Right
+        }, null, 8, ["position"])) : z("", !0)
+      ], 42, me);
     };
   }
-}), xe = /* @__PURE__ */ A({
+}), He = /* @__PURE__ */ E({
   __name: "FlowViewerNote",
   props: {
     id: {},
@@ -149,184 +149,191 @@ const G = Symbol("flow-viewer-details"), ce = ["aria-label"], ue = { class: "ob-
     data: {},
     events: {}
   },
-  setup(o) {
-    const u = o, _ = T(() => ({
-      width: `${u.data.appearance.width}px`,
-      minHeight: u.data.appearance.height ? `${u.data.appearance.height}px` : void 0
+  setup(t) {
+    const n = t, v = C(() => ({
+      width: `${n.data.appearance.width}px`,
+      minHeight: n.data.appearance.height ? `${n.data.appearance.height}px` : void 0
     }));
-    return (N, c) => (n(), i("article", {
-      class: Z(["ob-flow-viewer-note", `ob-flow-viewer-note--${o.data.appearance.color}`]),
-      style: S(_.value)
-    }, k(o.data.content), 7));
+    return (x, r) => (i(), l("article", {
+      class: X(["ob-flow-viewer-note", `ob-flow-viewer-note--${t.data.appearance.color}`]),
+      style: B(v.value)
+    }, H(t.data.content), 7));
   }
-}), be = ["data-theme"], _e = ["data-theme"], ke = { class: "ob-flow-viewer-tooltip__header" }, Me = ["innerHTML"], $e = { key: 1 }, He = { class: "ob-flow-viewer-tooltip__title-wrap" }, Ne = { class: "ob-flow-viewer-tooltip__body" }, Pe = {
+}), Ve = ["data-theme"], Ae = ["data-theme"], Ce = { class: "ob-flow-viewer-tooltip__header" }, qe = ["innerHTML"], $e = { key: 1 }, Le = { class: "ob-flow-viewer-tooltip__title-wrap" }, Pe = { class: "ob-flow-viewer-tooltip__body" }, Ie = {
   key: 0,
   class: "ob-flow-viewer-tooltip__unavailable"
 }, Te = {
   key: 1,
   class: "ob-flow-viewer-tooltip__description"
-}, Ie = {
+}, je = {
   key: 2,
   class: "ob-flow-viewer-node__ports"
-}, Be = { class: "ob-flow-viewer-node__port-group" }, ze = {
+}, Se = { class: "ob-flow-viewer-node__port-group" }, Be = {
   key: 0,
   class: "ob-flow-viewer-node__empty"
-}, Ve = { key: 0 }, Ce = { class: "ob-flow-viewer-node__port-group ob-flow-viewer-node__port-group--outputs" }, Fe = {
+}, Ne = { key: 0 }, Fe = { class: "ob-flow-viewer-node__port-group ob-flow-viewer-node__port-group--outputs" }, De = {
   key: 0,
   class: "ob-flow-viewer-node__empty"
-}, Se = { key: 0 }, W = 72, U = 64, Le = 1.45, Je = /* @__PURE__ */ A({
+}, Oe = { key: 0 }, Y = 72, W = 64, Ee = 1.45, qa = /* @__PURE__ */ E({
   __name: "FlowViewer",
   props: {
     document: {},
     fitViewOnInit: { type: Boolean, default: !1 },
     showControls: { type: Boolean, default: !0 },
     showMiniMap: { type: Boolean, default: !0 },
+    panOnScroll: { type: Boolean, default: !1 },
     minZoom: { default: 0.1 },
     maxZoom: { default: 2 },
     initialZoom: { default: 0.8 },
     theme: { default: "light" }
   },
-  setup(o) {
-    const u = o, _ = {
-      catalog: Y(ge),
-      note: Y(xe)
+  setup(t) {
+    const n = t, v = {
+      catalog: G(_e),
+      note: G(He)
     };
-    function N(e) {
-      if (e.kind === "note") return e.appearance.height ?? 130;
-      const s = e.description ? Math.min(2, Math.max(1, Math.ceil(e.description.length / 34))) : e.available ? 0 : 1, p = s > 0 ? 10 + s * 19.5 : 0, b = e.available && e.widgetPreview ? 10 + (e.widgetPreview === "dataset" ? 72 : 32) : 0;
-      return 60 + p + b;
-    }
-    const c = Q(null);
-    let d = null;
-    function h() {
-      d !== null && (clearTimeout(d), d = null);
-    }
-    function g() {
-      h(), d = setTimeout(() => {
-        c.value = null, d = null;
+    function x(a) {
+      if (a.kind === "note") return a.appearance.height ?? 130;
+      const h = a.description ? Math.min(2, Math.max(1, Math.ceil(a.description.length / 34))) : a.available ? 0 : 1, p = h > 0 ? 10 + h * 19.5 : 0, u = a.available && a.widgetPreview ? 10 + (a.widgetPreview === "dataset" ? 72 : 32) : 0;
+      return 60 + p + u;
+    }
+    const r = ie(null);
+    let y = null;
+    function k() {
+      y !== null && (clearTimeout(y), y = null);
+    }
+    function b() {
+      k(), y = setTimeout(() => {
+        r.value = null, y = null;
       }, 140);
     }
-    ee(h);
-    function t(e) {
-      const s = /* @__PURE__ */ new Set();
-      for (const p of u.document.edges)
-        p.source === e && s.add(p.sourceHandle ?? "source"), p.target === e && s.add(p.targetHandle ?? "target");
-      return s;
+    se(k);
+    function o(a) {
+      const h = /* @__PURE__ */ new Set();
+      for (const p of n.document.edges)
+        p.source === a && h.add(p.sourceHandle ?? "source"), p.target === a && h.add(p.targetHandle ?? "target");
+      return h;
     }
-    function a(e, s) {
-      h();
-      const p = s.currentTarget;
+    function c(a, h) {
+      k();
+      const p = h.currentTarget;
       if (!(p instanceof HTMLElement)) return;
-      const b = p.getBoundingClientRect(), l = 12, r = Math.min(404, window.innerWidth - l * 2), x = Math.min(520, window.innerHeight - l * 2);
-      let v = b.right + l + r / 2;
-      v + r / 2 > window.innerWidth - l && (v = b.left - l - r / 2), v = Math.max(r / 2 + l, Math.min(v, window.innerWidth - r / 2 - l)), c.value = {
-        node: e,
-        x: v,
-        y: Math.max(l, Math.min(b.top, window.innerHeight - x - l))
+      const u = p.getBoundingClientRect(), s = 12, d = Math.min(404, window.innerWidth - s * 2), f = Math.min(520, window.innerHeight - s * 2);
+      let g = u.right + s + d / 2;
+      g + d / 2 > window.innerWidth - s && (g = u.left - s - d / 2), g = Math.max(d / 2 + s, Math.min(g, window.innerWidth - d / 2 - s)), r.value = {
+        node: a,
+        x: g,
+        y: Math.max(s, Math.min(u.top, window.innerHeight - f - s))
       };
     }
-    function m() {
-      g();
-    }
-    te(G, { show: a, hide: m });
-    const M = T(() => {
-      const e = new Map(u.document.nodes.map((r) => [r.id, { ...r.position }])), s = Math.min(...u.document.nodes.map((r) => r.position.x)), p = Math.max(...u.document.nodes.map((r) => r.position.x)), b = (s + p) / 2;
-      for (const r of e.values())
-        r.x = b + (r.x - b) * Le;
-      for (let r = 0; r < u.document.nodes.length; r += 1)
-        for (const x of u.document.edges) {
-          if (x.sourceHandle || x.targetHandle) continue;
-          const v = e.get(x.source), $ = e.get(x.target);
-          if (!(!v || !$ || Math.abs(v.x - $.x) >= 40) && ($.x = v.x, $.y > v.y)) {
-            const z = u.document.nodes.find((R) => R.id === x.source);
-            z && ($.y = Math.max(
-              $.y,
-              v.y + N(z) + W
+    function w() {
+      b();
+    }
+    ce(Q, { show: c, hide: w });
+    const _ = C(() => {
+      const a = new Map(n.document.nodes.map((d) => [d.id, { ...d.position }])), h = Math.min(...n.document.nodes.map((d) => d.position.x)), p = Math.max(...n.document.nodes.map((d) => d.position.x)), u = (h + p) / 2;
+      for (const d of a.values())
+        d.x = u + (d.x - u) * Ee;
+      for (let d = 0; d < n.document.nodes.length; d += 1)
+        for (const f of n.document.edges) {
+          if (f.sourceHandle || f.targetHandle) continue;
+          const g = a.get(f.source), V = a.get(f.target);
+          if (!(!g || !V || Math.abs(g.x - V.x) >= 40) && (V.x = g.x, V.y > g.y)) {
+            const P = n.document.nodes.find((Z) => Z.id === f.source);
+            P && (V.y = Math.max(
+              V.y,
+              g.y + x(P) + Y
             ));
           }
         }
-      const l = [...u.document.nodes].sort(
-        (r, x) => r.position.y - x.position.y || r.position.x - x.position.x
+      const s = [...n.document.nodes].sort(
+        (d, f) => d.position.y - f.position.y || d.position.x - f.position.x
       );
-      for (const [r, x] of l.entries()) {
-        const v = e.get(x.id);
-        if (v)
-          for (const $ of l.slice(0, r)) {
-            const z = e.get($.id);
-            if (!z) continue;
-            const R = x.kind === "note" ? x.appearance.width : 260, q = $.kind === "note" ? $.appearance.width : 260;
-            v.x >= z.x + q + U || z.x >= v.x + R + U || (v.y = Math.max(
-              v.y,
-              z.y + N($) + W
+      for (const [d, f] of s.entries()) {
+        const g = a.get(f.id);
+        if (g)
+          for (const V of s.slice(0, d)) {
+            const P = a.get(V.id);
+            if (!P) continue;
+            const Z = f.kind === "note" ? f.appearance.width : 260, oe = V.kind === "note" ? V.appearance.width : 260;
+            g.x >= P.x + oe + W || P.x >= g.x + Z + W || (g.y = Math.max(
+              g.y,
+              P.y + x(V) + Y
             ));
           }
       }
-      return e;
-    }), I = T(() => u.document.nodes.map((e) => {
-      const s = M.value.get(e.id) ?? e.position;
-      return e.kind === "note" ? {
-        id: e.id,
+      return a;
+    }), $ = C(() => n.document.nodes.map((a) => {
+      const h = _.value.get(a.id) ?? a.position;
+      return a.kind === "note" ? {
+        id: a.id,
         type: "note",
-        position: s,
-        data: e,
+        position: h,
+        data: a,
         style: {
-          width: `${e.appearance.width}px`,
-          height: e.appearance.height ? `${e.appearance.height}px` : void 0
+          width: `${a.appearance.width}px`,
+          height: a.appearance.height ? `${a.appearance.height}px` : void 0
         }
       } : {
-        id: e.id,
+        id: a.id,
         type: "catalog",
-        position: s,
+        position: h,
         data: {
-          ...e,
-          connectedHandles: t(e.id)
+          ...a,
+          connectedHandles: o(a.id)
         },
         selectable: !1
       };
-    })), B = T(() => u.document.edges.map((e, s) => ({
-      id: `viewer-edge-${s}-${e.source}-${e.target}`,
-      source: e.source,
-      target: e.target,
-      sourceHandle: e.sourceHandle,
-      targetHandle: e.targetHandle,
-      type: se.SmoothStep,
-      data: e.data,
-      style: e.isVisual ? { strokeDasharray: "6 4" } : void 0,
+    })), L = C(() => n.document.edges.map((a, h) => ({
+      id: `viewer-edge-${h}-${a.source}-${a.target}`,
+      source: a.source,
+      target: a.target,
+      sourceHandle: a.sourceHandle,
+      targetHandle: a.targetHandle,
+      type: ye.SmoothStep,
+      data: a.data,
+      style: a.isVisual ? { strokeDasharray: "6 4" } : void 0,
       selectable: !1
-    }))), j = T(() => {
-      if (u.document.nodes.length === 0) return { minX: 0, minY: 0, maxX: 0, maxY: 0 };
-      let e = 1 / 0, s = 1 / 0, p = -1 / 0, b = -1 / 0;
-      for (const l of u.document.nodes) {
-        const r = M.value.get(l.id) ?? l.position, x = l.kind === "note" ? l.appearance.width : 260, v = N(l);
-        e = Math.min(e, r.x), s = Math.min(s, r.y), p = Math.max(p, r.x + x), b = Math.max(b, r.y + v);
+    }))), ee = C(() => {
+      if (n.document.nodes.length === 0) return { minX: 0, minY: 0, maxX: 0, maxY: 0 };
+      let a = 1 / 0, h = 1 / 0, p = -1 / 0, u = -1 / 0;
+      for (const s of n.document.nodes) {
+        const d = _.value.get(s.id) ?? s.position, f = s.kind === "note" ? s.appearance.width : 260, g = x(s);
+        a = Math.min(a, d.x), h = Math.min(h, d.y), p = Math.max(p, d.x + f), u = Math.max(u, d.y + g);
       }
-      return { minX: e, minY: s, maxX: p, maxY: b };
+      return { minX: a, minY: h, maxX: p, maxY: u };
+    }), te = C(() => {
+      const a = n.document.nodes.filter((s) => s.kind === "node"), h = new Set(n.document.edges.map((s) => s.target)), p = a.filter((s) => !h.has(s.id));
+      return [...p.length > 0 ? p : a.length > 0 ? a : n.document.nodes].sort((s, d) => {
+        const f = _.value.get(s.id) ?? s.position, g = _.value.get(d.id) ?? d.position;
+        return f.y - g.y || f.x - g.x;
+      })[0];
     });
-    function K(e) {
-      if (u.fitViewOnInit) {
-        e.fitView({ padding: 0.15, maxZoom: 1 });
+    function ae(a) {
+      if (n.fitViewOnInit) {
+        a.fitView({ padding: 0.15, maxZoom: 1 });
         return;
       }
-      const s = j.value, p = u.initialZoom;
-      e.setViewport({
-        x: e.dimensions.value.width / 2 - (s.minX + s.maxX) / 2 * p,
-        y: 24 - s.minY * p,
+      const h = ee.value, p = n.initialZoom, u = te.value, s = u ? _.value.get(u.id) ?? u.position : null, d = (u == null ? void 0 : u.kind) === "note" ? u.appearance.width : 260, f = s ? (s.x + d / 2) * p : (h.minX + h.maxX) / 2 * p;
+      a.setViewport({
+        x: a.dimensions.value.width / 2 - f,
+        y: 24 - h.minY * p,
         zoom: p
       });
     }
-    return (e, s) => {
-      var p, b;
-      return n(), i("div", {
+    return (a, h) => {
+      var p, u;
+      return i(), l("div", {
         class: "ob-flow-viewer",
-        "data-theme": o.theme
+        "data-theme": t.theme
       }, [
-        oe(f(le), {
-          nodes: I.value,
-          edges: B.value,
-          "node-types": _,
+        de(M(pe), {
+          nodes: $.value,
+          edges: L.value,
+          "node-types": v,
           "fit-view-on-init": !1,
-          "min-zoom": o.minZoom,
-          "max-zoom": o.maxZoom,
+          "min-zoom": t.minZoom,
+          "max-zoom": t.maxZoom,
           "nodes-draggable": !1,
           "nodes-connectable": !1,
           "elements-selectable": !0,
@@ -336,196 +343,1552 @@ const G = Symbol("flow-viewer-details"), ce = ["aria-label"], ue = { class: "ob-
           "delete-key-code": [],
           "multi-selection-key-code": [],
           "pan-on-drag": !0,
-          "pan-on-scroll": !0,
+          "pan-on-scroll": t.panOnScroll,
           "zoom-on-scroll": !1,
           "zoom-on-pinch": !0,
           class: "ob-flow-viewer__canvas",
-          onPaneReady: K
+          onPaneReady: ae
         }, {
-          default: ne(() => [
-            o.showControls ? (n(), H(f(re), {
+          default: le(() => [
+            t.showControls ? (i(), A(M(ke), {
               key: 0,
               "show-interactive": !1
-            })) : y("", !0),
-            o.showMiniMap ? (n(), H(f(de), {
+            })) : z("", !0),
+            t.showMiniMap ? (i(), A(M(ue), {
               key: 1,
               pannable: !0,
               zoomable: !0
-            })) : y("", !0)
+            })) : z("", !0)
           ]),
           _: 1
-        }, 8, ["nodes", "edges", "min-zoom", "max-zoom"]),
-        (n(), H(ie, { to: "body" }, [
-          c.value ? (n(), i("section", {
+        }, 8, ["nodes", "edges", "min-zoom", "max-zoom", "pan-on-scroll"]),
+        (i(), A(re, { to: "body" }, [
+          r.value ? (i(), l("section", {
             key: 0,
             class: "ob-flow-viewer-tooltip",
-            "data-theme": o.theme,
-            style: S({ left: `${c.value.x}px`, top: `${c.value.y}px` }),
+            "data-theme": t.theme,
+            style: B({ left: `${r.value.x}px`, top: `${r.value.y}px` }),
             role: "tooltip",
             tabindex: "0",
-            onMouseenter: h,
-            onMouseleave: m,
-            onFocusin: h,
-            onFocusout: m
+            onMouseenter: k,
+            onMouseleave: w,
+            onFocusin: k,
+            onFocusout: w
           }, [
-            w("header", ke, [
-              w("span", {
+            m("header", Ce, [
+              m("span", {
                 class: "ob-flow-viewer-tooltip__icon",
-                style: S({ "--ob-node-icon-color": ((p = c.value.node.icon) == null ? void 0 : p.color) ?? "#64748b" }),
+                style: B({ "--ob-node-icon-color": ((p = r.value.node.icon) == null ? void 0 : p.color) ?? "#64748b" }),
                 "aria-hidden": "true"
               }, [
-                (b = c.value.node.icon) != null && b.svg ? (n(), i("span", {
+                (u = r.value.node.icon) != null && u.svg ? (i(), l("span", {
                   key: 0,
                   class: "ob-flow-viewer-node__icon-svg",
-                  innerHTML: c.value.node.icon.svg
-                }, null, 8, Me)) : (n(), i("span", $e, k(c.value.node.available ? c.value.node.name.slice(0, 1).toUpperCase() : "?"), 1))
+                  innerHTML: r.value.node.icon.svg
+                }, null, 8, qe)) : (i(), l("span", $e, H(r.value.node.available ? r.value.node.name.slice(0, 1).toUpperCase() : "?"), 1))
               ], 4),
-              w("span", He, [
-                w("strong", null, k(c.value.node.name), 1),
-                w("code", null, k(c.value.node.key), 1)
+              m("span", Le, [
+                m("strong", null, H(r.value.node.name), 1),
+                m("code", null, H(r.value.node.key), 1)
               ])
             ]),
-            w("div", Ne, [
-              c.value.node.available ? c.value.node.description ? (n(), i("p", Te, k(c.value.node.description), 1)) : y("", !0) : (n(), i("p", Pe, " This node template is unavailable. ")),
-              c.value.node.available ? (n(), i("div", Ie, [
-                w("div", Be, [
-                  s[0] || (s[0] = w("span", { class: "ob-flow-viewer-node__port-heading" }, "Inputs", -1)),
-                  c.value.node.inputs.length === 0 ? (n(), i("span", ze, "None")) : y("", !0),
-                  (n(!0), i(P, null, F(c.value.node.inputs, (l) => (n(), i("span", {
-                    key: l.key,
+            m("div", Pe, [
+              r.value.node.available ? r.value.node.description ? (i(), l("p", Te, H(r.value.node.description), 1)) : z("", !0) : (i(), l("p", Ie, " This node template is unavailable. ")),
+              r.value.node.available ? (i(), l("div", je, [
+                m("div", Se, [
+                  h[0] || (h[0] = m("span", { class: "ob-flow-viewer-node__port-heading" }, "Inputs", -1)),
+                  r.value.node.inputs.length === 0 ? (i(), l("span", Be, "None")) : z("", !0),
+                  (i(!0), l(q, null, S(r.value.node.inputs, (s) => (i(), l("span", {
+                    key: s.key,
                     class: "ob-flow-viewer-node__port"
                   }, [
-                    w("span", null, k(l.name), 1),
-                    l.description ? (n(), i("small", Ve, k(l.description), 1)) : y("", !0)
+                    m("span", null, H(s.name), 1),
+                    s.description ? (i(), l("small", Ne, H(s.description), 1)) : z("", !0)
                   ]))), 128))
                 ]),
-                w("div", Ce, [
-                  s[1] || (s[1] = w("span", { class: "ob-flow-viewer-node__port-heading" }, "Outputs", -1)),
-                  c.value.node.outputs.length === 0 ? (n(), i("span", Fe, "None")) : y("", !0),
-                  (n(!0), i(P, null, F(c.value.node.outputs, (l) => (n(), i("span", {
-                    key: l.key,
+                m("div", Fe, [
+                  h[1] || (h[1] = m("span", { class: "ob-flow-viewer-node__port-heading" }, "Outputs", -1)),
+                  r.value.node.outputs.length === 0 ? (i(), l("span", De, "None")) : z("", !0),
+                  (i(!0), l(q, null, S(r.value.node.outputs, (s) => (i(), l("span", {
+                    key: s.key,
                     class: "ob-flow-viewer-node__port"
                   }, [
-                    w("span", null, k(l.name), 1),
-                    l.description ? (n(), i("small", Se, k(l.description), 1)) : y("", !0)
+                    m("span", null, H(s.name), 1),
+                    s.description ? (i(), l("small", Oe, H(s.description), 1)) : z("", !0)
                   ]))), 128))
                 ])
-              ])) : y("", !0)
+              ])) : z("", !0)
             ])
-          ], 44, _e)) : y("", !0)
+          ], 44, Ae)) : z("", !0)
         ]))
-      ], 8, be);
+      ], 8, Ve);
     };
   }
-}), Oe = { class: "ob-flow-preview" }, De = ["viewBox"], Ee = ["d"], Ae = ["x", "y"], Re = ["x", "y"], Xe = ["href", "x", "y"], Ze = ["x", "y"], Ye = ["x", "y"], L = 260, O = 100, D = 140, We = 140, X = 48, E = 26, Qe = /* @__PURE__ */ A({
+});
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ze = (t) => {
+  for (const n in t)
+    if (n.startsWith("aria-") || n === "role" || n === "title")
+      return !0;
+  return !1;
+};
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const J = (t) => t === "";
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Re = (...t) => t.filter((n, v, x) => !!n && n.trim() !== "" && x.indexOf(n) === v).join(" ").trim();
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const K = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xe = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (n, v, x) => x ? x.toUpperCase() : v.toLowerCase()
+);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ue = (t) => {
+  const n = Xe(t);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+};
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var j = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ge = ({
+  name: t,
+  iconNode: n,
+  absoluteStrokeWidth: v,
+  "absolute-stroke-width": x,
+  strokeWidth: r,
+  "stroke-width": y,
+  size: k = j.width,
+  color: b = j.stroke,
+  ...o
+}, { slots: c }) => U(
+  "svg",
+  {
+    ...j,
+    ...o,
+    width: k,
+    height: k,
+    stroke: b,
+    "stroke-width": J(v) || J(x) || v === !0 || x === !0 ? Number(r || y || j["stroke-width"]) * 24 / Number(k) : r || y || j["stroke-width"],
+    class: Re(
+      "lucide",
+      o.class,
+      ...t ? [`lucide-${K(Ue(t))}-icon`, `lucide-${K(t)}`] : ["lucide-icon"]
+    ),
+    ...!c.default && !Ze(o) && { "aria-hidden": "true" }
+  },
+  [...n.map((w) => U(...w)), ...c.default ? [c.default()] : []]
+);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = (t, n) => (v, { slots: x, attrs: r }) => U(
+  Ge,
+  {
+    ...r,
+    ...v,
+    iconNode: n,
+    name: t
+  },
+  x
+);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ye = e("archive-restore", [
+  ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
+  ["path", { d: "M4 8v11a2 2 0 0 0 2 2h2", key: "tvwodi" }],
+  ["path", { d: "M20 8v11a2 2 0 0 1-2 2h-2", key: "1gkqxj" }],
+  ["path", { d: "m9 15 3-3 3 3", key: "1pd0qc" }],
+  ["path", { d: "M12 12v9", key: "192myk" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const We = e("archive", [
+  ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
+  ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
+  ["path", { d: "M10 12h4", key: "a56b0p" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Je = e("arrow-down-to-line", [
+  ["path", { d: "M12 17V3", key: "1cwfxf" }],
+  ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
+  ["path", { d: "M19 21H5", key: "150jfl" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ke = e("badge-check", [
+  [
+    "path",
+    {
+      d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",
+      key: "3c2336"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qe = e("bot", [
+  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
+  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
+  ["path", { d: "M2 14h2", key: "vft8re" }],
+  ["path", { d: "M20 14h2", key: "4cs60a" }],
+  ["path", { d: "M15 13v2", key: "1xurst" }],
+  ["path", { d: "M9 13v2", key: "rq6x2g" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const et = e("box", [
+  [
+    "path",
+    {
+      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+      key: "hh9hay"
+    }
+  ],
+  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = e("brain-circuit", [
+  [
+    "path",
+    {
+      d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",
+      key: "l5xja"
+    }
+  ],
+  ["path", { d: "M9 13a4.5 4.5 0 0 0 3-4", key: "10igwf" }],
+  ["path", { d: "M6.003 5.125A3 3 0 0 0 6.401 6.5", key: "105sqy" }],
+  ["path", { d: "M3.477 10.896a4 4 0 0 1 .585-.396", key: "ql3yin" }],
+  ["path", { d: "M6 18a4 4 0 0 1-1.967-.516", key: "2e4loj" }],
+  ["path", { d: "M12 13h4", key: "1ku699" }],
+  ["path", { d: "M12 18h6a2 2 0 0 1 2 2v1", key: "105ag5" }],
+  ["path", { d: "M12 8h8", key: "1lhi5i" }],
+  ["path", { d: "M16 8V5a2 2 0 0 1 2-2", key: "u6izg6" }],
+  ["circle", { cx: "16", cy: "13", r: ".5", key: "ry7gng" }],
+  ["circle", { cx: "18", cy: "3", r: ".5", key: "1aiba7" }],
+  ["circle", { cx: "20", cy: "21", r: ".5", key: "yhc1fs" }],
+  ["circle", { cx: "20", cy: "8", r: ".5", key: "1e43v0" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const at = e("brain", [
+  ["path", { d: "M12 18V5", key: "adv99a" }],
+  ["path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", key: "1e3is1" }],
+  ["path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", key: "1gqd8o" }],
+  ["path", { d: "M17.997 5.125a4 4 0 0 1 2.526 5.77", key: "iwvgf7" }],
+  ["path", { d: "M18 18a4 4 0 0 0 2-7.464", key: "efp6ie" }],
+  ["path", { d: "M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517", key: "1gq6am" }],
+  ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
+  ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ot = e("chart-column", [
+  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
+  ["path", { d: "M18 17V9", key: "2bz60n" }],
+  ["path", { d: "M13 17V5", key: "1frdt8" }],
+  ["path", { d: "M8 17v-3", key: "17ska0" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nt = e("clipboard-check", [
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  [
+    "path",
+    {
+      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+      key: "116196"
+    }
+  ],
+  ["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const it = e("clock-3", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 6v6h4", key: "135r8i" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const st = e("cloud-download", [
+  ["path", { d: "M12 13v8l-4-4", key: "1f5nwf" }],
+  ["path", { d: "m12 21 4-4", key: "1lfcce" }],
+  ["path", { d: "M4.393 15.269A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.436 8.284", key: "ui1hmy" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ct = e("combine", [
+  ["path", { d: "M14 3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1", key: "1l7d7l" }],
+  ["path", { d: "M19 3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1", key: "9955pe" }],
+  ["path", { d: "m7 15 3 3", key: "4hkfgk" }],
+  ["path", { d: "m7 21 3-3H5a2 2 0 0 1-2-2v-2", key: "1xljwe" }],
+  ["rect", { x: "14", y: "14", width: "7", height: "7", rx: "1", key: "1cdgtw" }],
+  ["rect", { x: "3", y: "3", width: "7", height: "7", rx: "1", key: "zi3rio" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const dt = e("copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const lt = e("cpu", [
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M17 20v2", key: "1rnc9c" }],
+  ["path", { d: "M17 2v2", key: "11trls" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M2 17h2", key: "7oei6x" }],
+  ["path", { d: "M2 7h2", key: "asdhe0" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "M20 17h2", key: "1fpfkl" }],
+  ["path", { d: "M20 7h2", key: "1o8tra" }],
+  ["path", { d: "M7 20v2", key: "4gnj0m" }],
+  ["path", { d: "M7 2v2", key: "1i4yhu" }],
+  ["rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", key: "1vbyd7" }],
+  ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1", key: "z9xiuo" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rt = e("crop", [
+  ["path", { d: "M6 2v14a2 2 0 0 0 2 2h14", key: "ron5a4" }],
+  ["path", { d: "M18 22V8a2 2 0 0 0-2-2H2", key: "7s9ehn" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ht = e("crosshair", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "22", x2: "18", y1: "12", y2: "12", key: "l9bcsi" }],
+  ["line", { x1: "6", x2: "2", y1: "12", y2: "12", key: "13hhkx" }],
+  ["line", { x1: "12", x2: "12", y1: "6", y2: "2", key: "10w3f3" }],
+  ["line", { x1: "12", x2: "12", y1: "22", y2: "18", key: "15g9kq" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const yt = e("database", [
+  ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
+  ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
+  ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pt = e("download", [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const kt = e("eye", [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ut = e("file-down", [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M12 18v-6", key: "17g6i2" }],
+  ["path", { d: "m9 15 3 3 3-3", key: "1npd3o" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const mt = e("files", [
+  ["path", { d: "M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8", key: "14sh0y" }],
+  [
+    "path",
+    {
+      d: "M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z",
+      key: "1970lx"
+    }
+  ],
+  ["path", { d: "M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1", key: "l4dndm" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vt = e("film", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M7 3v18", key: "bbkbws" }],
+  ["path", { d: "M3 7.5h4", key: "zfgn84" }],
+  ["path", { d: "M3 12h18", key: "1i2n21" }],
+  ["path", { d: "M3 16.5h4", key: "1230mu" }],
+  ["path", { d: "M17 3v18", key: "in4fa5" }],
+  ["path", { d: "M17 7.5h4", key: "myr1c1" }],
+  ["path", { d: "M17 16.5h4", key: "go4c1d" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const wt = e("folder-plus", [
+  ["path", { d: "M12 10v6", key: "1bos4e" }],
+  ["path", { d: "M9 13h6", key: "1uhe8q" }],
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const gt = e("folder-root", [
+  [
+    "path",
+    {
+      d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z",
+      key: "1fr9dc"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "2", key: "1c1ljs" }],
+  ["path", { d: "M12 15v5", key: "11xva1" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ft = e("folder-sync", [
+  [
+    "path",
+    {
+      d: "M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v.5",
+      key: "1dkoa9"
+    }
+  ],
+  ["path", { d: "M12 10v4h4", key: "1czhmt" }],
+  ["path", { d: "m12 14 1.535-1.605a5 5 0 0 1 8 1.5", key: "lvuxfi" }],
+  ["path", { d: "M22 22v-4h-4", key: "1ewp4q" }],
+  ["path", { d: "m22 18-1.535 1.605a5 5 0 0 1-8-1.5", key: "14ync0" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Mt = e("funnel", [
+  [
+    "path",
+    {
+      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+      key: "sc7q7i"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xt = e("gallery-vertical-end", [
+  ["path", { d: "M7 2h10", key: "nczekb" }],
+  ["path", { d: "M5 6h14", key: "u2x4p" }],
+  ["rect", { width: "18", height: "12", x: "3", y: "10", rx: "2", key: "l0tzu3" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bt = e("gauge", [
+  ["path", { d: "m12 14 4-4", key: "9kzdfg" }],
+  ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0", key: "19p75a" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zt = e("git-branch", [
+  ["path", { d: "M15 6a9 9 0 0 0-9 9V3", key: "1cii5b" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _t = e("git-merge", [
+  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M6 21V9a9 9 0 0 0 9 9", key: "7kw0sc" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ht = e("hard-drive-download", [
+  ["path", { d: "M12 2v8", key: "1q4o3n" }],
+  ["path", { d: "m16 6-4 4-4-4", key: "6wukr" }],
+  ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", key: "w68u3i" }],
+  ["path", { d: "M6 18h.01", key: "uhywen" }],
+  ["path", { d: "M10 18h.01", key: "h775k" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vt = e("hard-drive-upload", [
+  ["path", { d: "m16 6-4-4-4 4", key: "13yo43" }],
+  ["path", { d: "M12 2v8", key: "1q4o3n" }],
+  ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", key: "w68u3i" }],
+  ["path", { d: "M6 18h.01", key: "uhywen" }],
+  ["path", { d: "M10 18h.01", key: "h775k" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const At = e("history", [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ct = e("image-up", [
+  [
+    "path",
+    {
+      d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21",
+      key: "9csbqa"
+    }
+  ],
+  ["path", { d: "m14 19.5 3-3 3 3", key: "9vmjn0" }],
+  ["path", { d: "M17 22v-5.5", key: "1aa6fl" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qt = e("image-plus", [
+  ["path", { d: "M16 5h6", key: "1vod17" }],
+  ["path", { d: "M19 2v6", key: "4bpg5p" }],
+  ["path", { d: "M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5", key: "1ue2ih" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $t = e("image", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lt = e("images", [
+  ["path", { d: "m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16", key: "9kzy35" }],
+  ["path", { d: "M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2", key: "1t0f0t" }],
+  ["circle", { cx: "13", cy: "7", r: "1", fill: "currentColor", key: "1obus6" }],
+  ["rect", { x: "8", y: "2", width: "14", height: "14", rx: "2", key: "1gvhby" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pt = e("layers", [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const It = e("list-checks", [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Tt = e("loader-circle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const jt = e("mail", [
+  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
+  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const St = e("moon", [
+  [
+    "path",
+    {
+      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+      key: "kfwtm"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Bt = e("move-right", [
+  ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
+  ["path", { d: "M2 12H22", key: "1m8cig" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Nt = e("octagon-x", [
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  [
+    "path",
+    {
+      d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",
+      key: "2d38gg"
+    }
+  ],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ft = e("package-minus", [
+  ["path", { d: "M12 22V12", key: "d0xqtd" }],
+  ["path", { d: "M16 17h6", key: "1ook5g" }],
+  [
+    "path",
+    {
+      d: "M21 13V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l1.675-.955",
+      key: "zu9avd"
+    }
+  ],
+  ["path", { d: "M3.29 7 12 12l8.71-5", key: "19ckod" }],
+  ["path", { d: "m7.5 4.27 8.997 5.148", key: "9yrvtv" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Dt = e("package-open", [
+  ["path", { d: "M12 22v-9", key: "x3hkom" }],
+  [
+    "path",
+    {
+      d: "M15.17 2.21a1.67 1.67 0 0 1 1.63 0L21 4.57a1.93 1.93 0 0 1 0 3.36L8.82 14.79a1.655 1.655 0 0 1-1.64 0L3 12.43a1.93 1.93 0 0 1 0-3.36z",
+      key: "2ntwy6"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M20 13v3.87a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13",
+      key: "1pmm1c"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M21 12.43a1.93 1.93 0 0 0 0-3.36L8.83 2.2a1.64 1.64 0 0 0-1.63 0L3 4.57a1.93 1.93 0 0 0 0 3.36l12.18 6.86a1.636 1.636 0 0 0 1.63 0z",
+      key: "12ttoo"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ot = e("package-plus", [
+  ["path", { d: "M12 22V12", key: "d0xqtd" }],
+  ["path", { d: "M16 17h6", key: "1ook5g" }],
+  ["path", { d: "M19 14v6", key: "1ckrd5" }],
+  [
+    "path",
+    {
+      d: "M21 10.535V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l1.675-.955",
+      key: "28k6lz"
+    }
+  ],
+  ["path", { d: "M3.29 7 12 12l8.71-5", key: "19ckod" }],
+  ["path", { d: "m7.5 4.27 8.997 5.148", key: "9yrvtv" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Et = e("play", [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Zt = e("radar", [
+  ["path", { d: "M19.07 4.93A10 10 0 0 0 6.99 3.34", key: "z3du51" }],
+  ["path", { d: "M4 6h.01", key: "oypzma" }],
+  ["path", { d: "M2.29 9.62A10 10 0 1 0 21.31 8.35", key: "qzzz0" }],
+  ["path", { d: "M16.24 7.76A6 6 0 1 0 8.23 16.67", key: "1yjesh" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M17.99 11.66A6 6 0 0 1 15.77 16.67", key: "1u2y91" }],
+  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
+  ["path", { d: "m13.41 10.59 5.66-5.66", key: "mhq4k0" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Rt = e("route", [
+  ["circle", { cx: "6", cy: "19", r: "3", key: "1kj8tv" }],
+  ["path", { d: "M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15", key: "1d8sl" }],
+  ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xt = e("ruler", [
+  [
+    "path",
+    {
+      d: "M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z",
+      key: "icamh8"
+    }
+  ],
+  ["path", { d: "m14.5 12.5 2-2", key: "inckbg" }],
+  ["path", { d: "m11.5 9.5 2-2", key: "fmmyf7" }],
+  ["path", { d: "m8.5 6.5 2-2", key: "vc6u1g" }],
+  ["path", { d: "m17.5 15.5 2-2", key: "wo5hmg" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ut = e("scale", [
+  ["path", { d: "M12 3v18", key: "108xh3" }],
+  ["path", { d: "m19 8 3 8a5 5 0 0 1-6 0zV7", key: "zcdpyk" }],
+  ["path", { d: "M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1", key: "1yorad" }],
+  ["path", { d: "m5 8 3 8a5 5 0 0 1-6 0zV7", key: "eua70x" }],
+  ["path", { d: "M7 21h10", key: "1b0cd5" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Gt = e("scan-eye", [
+  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  [
+    "path",
+    {
+      d: "M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0",
+      key: "11ak4c"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Yt = e("scan-search", [
+  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
+  ["path", { d: "m16 16-1.9-1.9", key: "1dq9hf" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Wt = e("scan-text", [
+  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
+  ["path", { d: "M7 8h8", key: "1jbsf9" }],
+  ["path", { d: "M7 12h10", key: "b7w52i" }],
+  ["path", { d: "M7 16h6", key: "1vyc9m" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Jt = e("scissors", [
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M8.12 8.12 12 12", key: "1alkpv" }],
+  ["path", { d: "M20 4 8.12 15.88", key: "xgtan2" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M14.8 14.8 20 20", key: "ptml3r" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Kt = e("search", [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qt = e("settings", [
+  [
+    "path",
+    {
+      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+      key: "1i5ecw"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ea = e("shield-check", [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ta = e("shuffle", [
+  ["path", { d: "m18 14 4 4-4 4", key: "10pe0f" }],
+  ["path", { d: "m18 2 4 4-4 4", key: "pucp1d" }],
+  ["path", { d: "M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22", key: "1ailkh" }],
+  ["path", { d: "M2 6h1.972a4 4 0 0 1 3.6 2.2", key: "km57vx" }],
+  ["path", { d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45", key: "os18l9" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const aa = e("sparkles", [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const oa = e("split", [
+  ["path", { d: "M16 3h5v5", key: "1806ms" }],
+  ["path", { d: "M8 3H3v5", key: "15dfkv" }],
+  ["path", { d: "M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3", key: "1qrqzj" }],
+  ["path", { d: "m15 9 6-6", key: "ko1vev" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const na = e("tag", [
+  [
+    "path",
+    {
+      d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+      key: "vktsd0"
+    }
+  ],
+  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ia = e("tags", [
+  [
+    "path",
+    {
+      d: "M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z",
+      key: "16rjxf"
+    }
+  ],
+  [
+    "path",
+    { d: "M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193", key: "178nd4" }
+  ],
+  ["circle", { cx: "10.5", cy: "6.5", r: ".5", fill: "currentColor", key: "12ikhr" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const sa = e("terminal", [
+  ["path", { d: "M12 19h8", key: "baeox8" }],
+  ["path", { d: "m4 17 6-6-6-6", key: "1yngyt" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ca = e("text-cursor-input", [
+  ["path", { d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6", key: "1528k5" }],
+  ["path", { d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7", key: "13ksps" }],
+  ["path", { d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1", key: "1n9rhb" }],
+  ["path", { d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1", key: "1mj8rg" }],
+  ["path", { d: "M9 6v12", key: "velyjx" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const da = e("trash-2", [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const la = e("triangle-alert", [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ra = e("trophy", [
+  ["path", { d: "M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978", key: "1n3hpd" }],
+  ["path", { d: "M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978", key: "rfe1zi" }],
+  ["path", { d: "M18 9h1.5a1 1 0 0 0 0-5H18", key: "7xy6bh" }],
+  ["path", { d: "M4 22h16", key: "57wxv0" }],
+  ["path", { d: "M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z", key: "1mhfuq" }],
+  ["path", { d: "M6 9H4.5a1 1 0 0 1 0-5H6", key: "tex48p" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ha = e("video", [
+  [
+    "path",
+    {
+      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+      key: "ftymec"
+    }
+  ],
+  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ya = e("wand-sparkles", [
+  [
+    "path",
+    {
+      d: "m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",
+      key: "ul74o6"
+    }
+  ],
+  ["path", { d: "m14 7 3 3", key: "1r5n42" }],
+  ["path", { d: "M5 6v4", key: "ilb8ba" }],
+  ["path", { d: "M19 14v4", key: "blhpug" }],
+  ["path", { d: "M10 2v2", key: "7u0qdc" }],
+  ["path", { d: "M7 8H3", key: "zfb6yr" }],
+  ["path", { d: "M21 16h-4", key: "1cnmox" }],
+  ["path", { d: "M11 3H9", key: "1obp7u" }]
+]);
+/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pa = e("webhook", [
+  [
+    "path",
+    {
+      d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2",
+      key: "q3hayz"
+    }
+  ],
+  ["path", { d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06", key: "1go1hn" }],
+  ["path", { d: "m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8", key: "qlwsc0" }]
+]), ka = [
+  "archive",
+  "archive-restore",
+  "arrow-down-to-line",
+  "badge-check",
+  "bot",
+  "box",
+  "brain",
+  "brain-circuit",
+  "chart-column",
+  "clipboard-check",
+  "clock-3",
+  "cloud-download",
+  "combine",
+  "copy",
+  "cpu",
+  "crop",
+  "crosshair",
+  "database",
+  "download",
+  "eye",
+  "file-down",
+  "files",
+  "film",
+  "folder-plus",
+  "folder-root",
+  "folder-sync",
+  "funnel",
+  "gallery-vertical-end",
+  "gauge",
+  "git-branch",
+  "git-merge",
+  "hard-drive-download",
+  "hard-drive-upload",
+  "history",
+  "image",
+  "image-plus",
+  "image-up",
+  "images",
+  "layers",
+  "list-checks",
+  "loader-circle",
+  "mail",
+  "moon",
+  "move-right",
+  "octagon-x",
+  "package-minus",
+  "package-open",
+  "package-plus",
+  "play",
+  "radar",
+  "route",
+  "ruler",
+  "scale",
+  "scan-eye",
+  "scan-search",
+  "scan-text",
+  "scissors",
+  "search",
+  "settings",
+  "shield-check",
+  "shuffle",
+  "sparkles",
+  "split",
+  "tag",
+  "tags",
+  "terminal",
+  "text-cursor-input",
+  "trash-2",
+  "triangle-alert",
+  "trophy",
+  "video",
+  "wand-sparkles",
+  "webhook"
+], $a = Object.freeze(ka), ua = Object.freeze({
+  archive: We,
+  "archive-restore": Ye,
+  "arrow-down-to-line": Je,
+  "badge-check": Ke,
+  bot: Qe,
+  box: et,
+  brain: at,
+  "brain-circuit": tt,
+  "chart-column": ot,
+  "clipboard-check": nt,
+  "clock-3": it,
+  "cloud-download": st,
+  combine: ct,
+  copy: dt,
+  cpu: lt,
+  crop: rt,
+  crosshair: ht,
+  database: yt,
+  download: pt,
+  eye: kt,
+  "file-down": ut,
+  files: mt,
+  film: vt,
+  "folder-plus": wt,
+  "folder-root": gt,
+  "folder-sync": ft,
+  funnel: Mt,
+  "gallery-vertical-end": xt,
+  gauge: bt,
+  "git-branch": zt,
+  "git-merge": _t,
+  "hard-drive-download": Ht,
+  "hard-drive-upload": Vt,
+  history: At,
+  image: $t,
+  "image-plus": qt,
+  "image-up": Ct,
+  images: Lt,
+  layers: Pt,
+  "list-checks": It,
+  "loader-circle": Tt,
+  mail: jt,
+  moon: St,
+  "move-right": Bt,
+  "octagon-x": Nt,
+  "package-minus": Ft,
+  "package-open": Dt,
+  "package-plus": Ot,
+  play: Et,
+  radar: Zt,
+  route: Rt,
+  ruler: Xt,
+  scale: Ut,
+  "scan-eye": Gt,
+  "scan-search": Yt,
+  "scan-text": Wt,
+  scissors: Jt,
+  search: Kt,
+  settings: Qt,
+  "shield-check": ea,
+  shuffle: ta,
+  sparkles: aa,
+  split: oa,
+  tag: na,
+  tags: ia,
+  terminal: sa,
+  "text-cursor-input": ca,
+  "trash-2": da,
+  "triangle-alert": la,
+  trophy: ra,
+  video: ha,
+  "wand-sparkles": ya,
+  webhook: pa
+}), ma = { class: "ob-flow-preview" }, va = ["viewBox"], wa = ["d"], ga = ["x", "y"], fa = ["x", "y"], Ma = ["href", "x", "y"], xa = ["x", "y"], ba = ["x", "y"], N = 260, F = 100, D = 140, za = 140, R = 48, O = 26, La = /* @__PURE__ */ E({
   __name: "FlowPreview",
   props: {
     preview: {},
-    icons: { default: () => ({}) },
+    icons: { default: () => ua },
     iconUrl: { type: Function, default: void 0 }
   },
-  setup(o) {
-    const u = o, _ = T(() => {
-      var t, a;
-      const h = ((t = u.preview) == null ? void 0 : t.n) ?? [], g = new Map(h.map((m) => [m.id, { x: m.x, y: m.y }]));
-      for (let m = 0; m < h.length; m += 1)
-        for (const M of ((a = u.preview) == null ? void 0 : a.e) ?? []) {
-          const I = g.get(M.s), B = g.get(M.t);
-          I && B && Math.abs(I.x - B.x) < We && (B.x = I.x);
+  setup(t) {
+    const n = t, v = C(() => {
+      var o, c;
+      const k = ((o = n.preview) == null ? void 0 : o.n) ?? [], b = new Map(k.map((w) => [w.id, { x: w.x, y: w.y }]));
+      for (let w = 0; w < k.length; w += 1)
+        for (const _ of ((c = n.preview) == null ? void 0 : c.e) ?? []) {
+          const $ = b.get(_.s), L = b.get(_.t);
+          $ && L && Math.abs($.x - L.x) < za && (L.x = $.x);
         }
-      return h.map((m) => ({
-        ...m,
-        ...g.get(m.id) ?? { x: m.x, y: m.y }
+      return k.map((w) => ({
+        ...w,
+        ...b.get(w.id) ?? { x: w.x, y: w.y }
       }));
-    }), N = T(() => {
-      const h = _.value;
-      if (h.length === 0) return "0 0 1 1";
-      let g = 1 / 0, t = 1 / 0, a = -1 / 0, m = -1 / 0;
-      for (const M of h)
-        g = Math.min(g, M.x), t = Math.min(t, M.y), a = Math.max(a, M.x + L), m = Math.max(m, M.y + O);
-      return `${g - D} ${t - D} ${a - g + D * 2} ${m - t + D * 2}`;
-    }), c = T(
-      () => new Map(_.value.map((h) => [h.id, h]))
+    }), x = C(() => {
+      const k = v.value;
+      if (k.length === 0) return "0 0 1 1";
+      let b = 1 / 0, o = 1 / 0, c = -1 / 0, w = -1 / 0;
+      for (const _ of k)
+        b = Math.min(b, _.x), o = Math.min(o, _.y), c = Math.max(c, _.x + N), w = Math.max(w, _.y + F);
+      return `${b - D} ${o - D} ${c - b + D * 2} ${w - o + D * 2}`;
+    }), r = C(
+      () => new Map(v.value.map((k) => [k.id, k]))
     );
-    function d(h, g) {
-      const t = c.value.get(h), a = c.value.get(g);
-      if (!t || !a) return "";
-      const m = t.x + L / 2, M = t.y + O / 2, I = a.x + L / 2, B = a.y + O / 2;
-      return `M ${m} ${M} L ${I} ${B}`;
-    }
-    return (h, g) => (n(), i("div", Oe, [
-      o.preview && o.preview.n.length > 0 ? (n(), i("svg", {
+    function y(k, b) {
+      const o = r.value.get(k), c = r.value.get(b);
+      if (!o || !c) return "";
+      const w = o.x + N / 2, _ = o.y + F / 2, $ = c.x + N / 2, L = c.y + F / 2;
+      return `M ${w} ${_} L ${$} ${L}`;
+    }
+    return (k, b) => (i(), l("div", ma, [
+      t.preview && t.preview.n.length > 0 ? (i(), l("svg", {
         key: 0,
         class: "ob-flow-preview__svg",
-        viewBox: N.value,
+        viewBox: x.value,
         preserveAspectRatio: "xMidYMid meet"
       }, [
-        (n(!0), i(P, null, F(o.preview.e, (t, a) => (n(), i("path", {
-          key: a,
-          d: d(t.s, t.t),
+        (i(!0), l(q, null, S(t.preview.e, (o, c) => (i(), l("path", {
+          key: c,
+          d: y(o.s, o.t),
           class: "ob-flow-preview__edge",
           "vector-effect": "non-scaling-stroke"
-        }, null, 8, Ee))), 128)),
-        (n(!0), i(P, null, F(_.value, (t) => (n(), i("rect", {
-          key: t.id,
-          x: t.x,
-          y: t.y,
-          width: L,
-          height: O,
+        }, null, 8, wa))), 128)),
+        (i(!0), l(q, null, S(v.value, (o) => (i(), l("rect", {
+          key: o.id,
+          x: o.x,
+          y: o.y,
+          width: N,
+          height: F,
           rx: "16",
           class: "ob-flow-preview__node",
           "vector-effect": "non-scaling-stroke"
-        }, null, 8, Ae))), 128)),
-        (n(!0), i(P, null, F(_.value, (t) => (n(), i(P, {
-          key: `content-${t.id}`
+        }, null, 8, ga))), 128)),
+        (i(!0), l(q, null, S(v.value, (o) => (i(), l(q, {
+          key: `content-${o.id}`
         }, [
-          w("rect", {
-            x: t.x + 18,
-            y: t.y + 18,
+          m("rect", {
+            x: o.x + 18,
+            y: o.y + 18,
             width: "64",
             height: "64",
             rx: "16",
             class: "ob-flow-preview__icon-background",
-            style: S(t.c ? { fill: t.c } : void 0)
-          }, null, 12, Re),
-          t.i && o.icons[t.i] ? (n(), H(ae(o.icons[t.i]), {
+            style: B(o.c ? { fill: o.c } : void 0)
+          }, null, 12, fa),
+          o.i && t.icons[o.i] ? (i(), A(he(t.icons[o.i]), {
             key: 0,
-            x: t.x + E,
-            y: t.y + E,
-            size: X,
+            x: o.x + O,
+            y: o.y + O,
+            size: R,
             color: "white",
             "stroke-width": 2.5,
             "aria-hidden": "true"
-          }, null, 8, ["x", "y"])) : t.i && o.iconUrl ? (n(), i("image", {
+          }, null, 8, ["x", "y"])) : o.i && t.iconUrl ? (i(), l("image", {
             key: 1,
-            href: o.iconUrl(t.i),
-            x: t.x + E,
-            y: t.y + E,
-            width: X,
-            height: X
-          }, null, 8, Xe)) : (n(), i("text", {
+            href: t.iconUrl(o.i),
+            x: o.x + O,
+            y: o.y + O,
+            width: R,
+            height: R
+          }, null, 8, Ma)) : (i(), l("text", {
             key: 2,
-            x: t.x + 50,
-            y: t.y + 68,
+            x: o.x + 50,
+            y: o.y + 68,
             fill: "white",
             "font-size": "42",
             "font-family": "sans-serif",
             "text-anchor": "middle"
-          }, " * ", 8, Ze)),
-          w("rect", {
-            x: t.x + 100,
-            y: t.y + 45,
+          }, " * ", 8, xa)),
+          m("rect", {
+            x: o.x + 100,
+            y: o.y + 45,
             width: "128",
             height: "10",
             rx: "5",
             class: "ob-flow-preview__line"
-          }, null, 8, Ye)
+          }, null, 8, ba)
         ], 64))), 128))
-      ], 8, De)) : y("", !0)
+      ], 8, va)) : z("", !0)
     ]));
   }
 });
 export {
-  Qe as FlowPreview,
-  Je as FlowViewer
+  La as FlowPreview,
+  qa as FlowViewer,
+  $a as nodePreviewIconNames,
+  ua as nodePreviewIcons
 };