@code0-tech/pictor 0.0.0-mvp.46 → 0.0.0-mvp.47

package/dist/components/d-flow/DFlow.d.ts

@@ -1,9 +0,0 @@
-import { Code0ComponentProps } from '../../utils';
-import { default as React } from 'react';
-import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
-export interface DFlowProps extends Code0ComponentProps {
-    flowId: Flow['id'];
-    namespaceId: Namespace['id'];
-    projectId: NamespaceProject['id'];
-}
-export declare const DFlow: React.FC<DFlowProps>;

package/dist/components/d-flow/DFlow.edges.hook.d.ts

@@ -1,4 +0,0 @@
-import { Edge } from '@xyflow/react';
-import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
-import { DFlowEdgeDataProps } from './DFlowEdge';
-export declare const useFlowEdges: (flowId: Flow["id"], namespaceId?: Namespace["id"], projectId?: NamespaceProject["id"]) => Edge<DFlowEdgeDataProps>[];

package/dist/components/d-flow/DFlow.edges.hook.js

@@ -1,110 +0,0 @@
-import { useService as u, useStore as p } from "../../utils/contextStore.js";
-import $ from "react";
-import "merge-props";
-import "js-md5";
-import { DFlowReactiveService as h } from "./DFlow.service.js";
-import { DFlowFunctionReactiveService as I } from "../d-flow-function/DFlowFunction.service.js";
-import { hashToColor as b } from "./DFlow.util.js";
-import { DFlowDataTypeReactiveService as D } from "../d-flow-data-type/DFlowDataType.service.js";
-const O = (i, S, N) => {
-  const f = u(h), g = p(h), F = u(I), m = p(I), T = u(D), y = p(D), s = $.useMemo(() => f.getById(i, {
-    namespaceId: S,
-    projectId: N
-  }), [i, g]);
-  return $.useMemo(() => {
-    if (!s) return [];
-    if (m.length <= 0) return [];
-    if (y.length <= 0) return [];
-    const o = [], c = /* @__PURE__ */ new Map();
-    let x = 0;
-    const l = (e, r, B = !1) => {
-      if (!e) return "";
-      if (e.id == s.startingNodeId && o.push({
-        id: `trigger-${e.id}-next`,
-        source: s.id,
-        target: e.id,
-        data: {
-          color: "#ffffff",
-          type: "default",
-          flowId: i,
-          parentNodeId: r?.id
-        },
-        deletable: !1,
-        selectable: !1
-      }), r?.id && !B) {
-        const a = c.get(r.id) ?? [];
-        a.length > 0 ? a.forEach((t, n) => o.push({
-          id: `${t}-${e.id}-next-${n}`,
-          source: t,
-          target: e.id,
-          data: {
-            color: "#ffffff",
-            type: "default",
-            flowId: i,
-            parentNodeId: r?.id
-          },
-          deletable: !1,
-          selectable: !1
-        })) : o.push({
-          id: `${r.id}-${e.id}-next`,
-          source: r.id,
-          target: e.id,
-          data: {
-            color: "#ffffff",
-            type: "default",
-            flowId: i,
-            parentNodeId: r.id
-          },
-          deletable: !1,
-          selectable: !1
-        });
-      }
-      return e.parameters?.nodes?.forEach((a) => {
-        const t = a?.value, n = F.getById(e.functionDefinition?.id)?.parameterDefinitions?.find((d) => d.id === a?.parameterDefinition?.id), v = n?.dataTypeIdentifier, E = v ? T.getDataType(v) : void 0;
-        if (t) {
-          if (E?.variant === "NODE") {
-            if (t && t.__typename === "NodeFunctionIdWrapper") {
-              const d = `${e.id}-group-${x++}`;
-              o.push({
-                id: `${e.id}-${d}-param-${a.id}`,
-                source: e.id,
-                target: d,
-                deletable: !1,
-                selectable: !1,
-                animated: !0,
-                label: n?.names[0]?.content ?? a.id,
-                data: {
-                  color: b(t?.id || ""),
-                  type: "group",
-                  flowId: i,
-                  parentNodeId: r?.id
-                }
-              }), (c.get(e.id) ?? (c.set(e.id, []), c.get(e.id))).push(d), l(f.getNodeById(i, t.id), e, !0);
-            }
-          } else if (t && t.__typename === "NodeFunctionIdWrapper") {
-            const d = l(f.getNodeById(i, t.id), e, !0);
-            o.push({
-              id: `${d}-${e.id}-param-${a.id}`,
-              source: d,
-              target: e.id,
-              targetHandle: `param-${a.id}`,
-              animated: !0,
-              deletable: !1,
-              selectable: !1,
-              data: {
-                color: b(t?.id || ""),
-                type: "parameter",
-                flowId: i,
-                parentNodeId: r?.id
-              }
-            });
-          }
-        }
-      }), e.nextNodeId && l(f.getNodeById(s.id, e.nextNodeId), e), e.id;
-    };
-    return s.startingNodeId && l(f.getNodeById(s.id, s.startingNodeId), void 0, !1), o;
-  }, [s, g, m, y]);
-};
-export {
-  O as useFlowEdges
-};

package/dist/components/d-flow/DFlow.js

@@ -1,484 +0,0 @@
-import { jsx as b, jsxs as $, Fragment as ot } from "react/jsx-runtime";
-import { c as tt } from "../../_virtual/compiler-runtime.js";
-import "../../utils/contextStore.js";
-import v from "react";
-import { mergeCode0Props as st } from "../../utils/utils.js";
-import { ReactFlowProvider as nt, useNodesState as it, useEdgesState as rt, useUpdateNodeInternals as at, useReactFlow as ct, ReactFlow as dt, ViewportPortal as ht, Background as lt, BackgroundVariant as pt } from "@xyflow/react";
-import '../../assets/node_modules/ldrs/dist/react/LineWobble.css';import '../../assets/components/d-flow-panel/DFlowMiniMap.style.css';import '../../assets/components/d-flow/DFlow.style.css';import '../../assets/node_modules/@xyflow/react/dist/style.css';/* empty css                                              */
-/* empty css                 */
-import { DFlowNodeDefaultCard as mt } from "../d-flow-node/DFlowNodeDefaultCard.js";
-import { DFlowNodeGroupCard as gt } from "../d-flow-node/DFlowNodeGroupCard.js";
-import { DFlowNodeTriggerCard as ft } from "../d-flow-node/DFlowNodeTriggerCard.js";
-import { DFlowEdge as ut } from "./DFlowEdge.js";
-import { DFlowPanelSize as wt } from "../d-flow-panel/DFlowPanelSize.js";
-import { DFlowPanelControl as yt } from "../d-flow-panel/DFlowPanelControl.js";
-import { useFlowEdges as xt } from "./DFlow.edges.hook.js";
-import { useFlowNodes as It } from "./DFlow.nodes.hook.js";
-import "../button/Button.js";
-/* empty css                                      */
-import { DFlowPanelLayout as bt } from "../d-flow-panel/DFlowPanelLayout.js";
-import { DFlowValidation as kt } from "../d-flow-validation/DFlowValidation.js";
-import { DFlowPanelUpdate as Mt } from "../d-flow-panel/DFlowPanelUpdate.js";
-import { Text as et } from "../text/Text.js";
-/* empty css                                                */
-import { Spacing as J } from "../spacing/Spacing.js";
-import Nt from "../../node_modules/ldrs/dist/react/LineWobble.js";
-const Tt = (r, k) => {
-  if (!k || k.size === 0) return {
-    nodes: r
-  };
-  const y = 50, N = 50, I = 16, u = 0.25;
-  let _ = 0, T = !1;
-  const C = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map();
-  for (const e of r) {
-    const s = e.data?.parentNodeId;
-    if (s) {
-      const n = Y.get(s) ?? [];
-      n.push(e.id), Y.set(s, n);
-    }
-    if (e.parentId && !s) {
-      const n = C.get(e.parentId) ?? [];
-      n.push(e.id), C.set(e.parentId, n);
-    }
-  }
-  const L = new Map(r.map((e) => [e.id, e])), q = /* @__PURE__ */ new Map();
-  for (const [e, s] of C) {
-    const n = new Array(s.length);
-    for (let m = 0; m < s.length; m++) n[m] = L.get(s[m]);
-    q.set(e, n);
-  }
-  const j = /* @__PURE__ */ new Map();
-  for (const [e, s] of Y) {
-    const n = new Array(s.length);
-    for (let m = 0; m < s.length; m++) n[m] = L.get(s[m]);
-    j.set(e, n);
-  }
-  const D = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
-  for (const e of r) {
-    const s = typeof e.style?.width == "number" ? e.style.width : void 0, n = typeof e.style?.height == "number" ? e.style.height : void 0, m = e.measured?.width && e.measured.width > 0 ? e.measured.width : void 0, F = e.measured?.height && e.measured.height > 0 ? e.measured.height : void 0;
-    H.set(e.id, {
-      w: s ?? m ?? 200,
-      h: n ?? F ?? 80
-    });
-  }
-  const G = (e) => E.get(e.id)?.width, W = (e) => E.get(e.id)?.height, P = /* @__PURE__ */ new Map(), x = (e) => {
-    const s = P.get(e.id);
-    if (s) return s;
-    if (e.type !== "group") {
-      const A = H.get(e.id);
-      return P.set(e.id, A), A;
-    }
-    const n = G(e), m = W(e);
-    if (n !== void 0 && m !== void 0) {
-      const A = {
-        w: n,
-        h: m
-      };
-      return P.set(e.id, A), A;
-    }
-    const F = q.get(e.id) ?? [];
-    let f = 0, S = 0, R = 0;
-    for (const A of F) {
-      const K = x(A);
-      f += K.h, K.w > S && (S = K.w), R++;
-    }
-    f += y * Math.max(0, R - 1);
-    const U = {
-      w: S + 2 * I,
-      h: (R ? f : 0) + 2 * I
-    };
-    return P.set(e.id, U), U;
-  };
-  do {
-    T = !1, _++, P.clear();
-    for (const o of r) x(o);
-    const e = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), n = (o) => Math.round(o / 10), m = (o, p, g) => {
-      const c = [{
-        node: o,
-        cx: p,
-        cy: g,
-        phase: 0
-      }];
-      let M = 0;
-      for (; c.length; ) {
-        const t = c[c.length - 1];
-        switch (t.phase) {
-          case 0: {
-            e.set(t.node.id, {
-              x: t.cx,
-              y: t.cy
-            });
-            const {
-              w: a,
-              h: d
-            } = x(t.node);
-            t.w = a, t.h = d;
-            const i = j.get(t.node.id) ?? [], h = [], z = [];
-            for (const l of i)
-              l.type === "group" ? z.push(l) : h.push(l);
-            h.sort((l, w) => +l.data?.paramIndex - +w.data?.paramIndex), z.sort((l, w) => +l.data?.paramIndex - +w.data?.paramIndex), t.right = h, t.gParams = z;
-            let V = 0;
-            for (const l of h) V += x(l).h;
-            V += y * Math.max(0, h.length - 1), t.py = t.cy - V / 2, t.rightBottom = t.cy + d / 2, t.rightIndex = 0, t.phase = 1;
-            break;
-          }
-          case 1: {
-            if (t.rightIndex < t.right.length) {
-              const a = t.right[t.rightIndex], d = x(a), i = t.cx + t.w / 2 + N + d.w / 2;
-              let h = t.py + d.h / 2;
-              const z = n(i), l = (s.get(z) ?? Number.NEGATIVE_INFINITY) + y;
-              h - d.h / 2 < l && (h = l + d.h / 2, t.py = h - d.h / 2), t.childKey = z, t.childPs = d, c.push({
-                node: a,
-                cx: i,
-                cy: h,
-                phase: 0
-              }), t.phase = 10;
-            } else
-              t.bottom = Math.max(t.cy + t.h / 2, t.rightBottom), t.phase = 2;
-            break;
-          }
-          case 10: {
-            const a = t.lastChildBottom;
-            s.set(t.childKey, Math.max(s.get(t.childKey) ?? Number.NEGATIVE_INFINITY, a)), t.rightBottom = Math.max(t.rightBottom, a), t.py = Math.max(t.py + t.childPs.h + y, a + y), t.rightIndex++, t.phase = 1;
-            break;
-          }
-          case 2: {
-            if (t.gParams && t.gParams.length) {
-              const a = [];
-              let d = 0;
-              for (const i of t.gParams) {
-                const h = x(i);
-                a.push(h), d += h.w;
-              }
-              d += N * (t.gParams.length - 1), t.gSizes = a, t.gx = t.cx - d / 2, t.gy = t.bottom + y, t.rowBottom = t.bottom, t.gIndex = 0, t.phase = 3;
-            } else
-              t.phase = 4;
-            break;
-          }
-          case 3: {
-            if (t.gIndex < t.gParams.length) {
-              const a = t.gParams[t.gIndex], d = t.gSizes[t.gIndex], i = t.gx + d.w / 2, h = t.gy + d.h / 2;
-              t.gx += d.w + N, c.push({
-                node: a,
-                cx: i,
-                cy: h,
-                phase: 0
-              }), t.childPs = d, t.phase = 30;
-            } else
-              t.bottom = t.rowBottom, t.phase = 4;
-            break;
-          }
-          case 30: {
-            const a = t.lastChildBottom;
-            t.rowBottom = Math.max(t.rowBottom, a), t.gIndex++, t.phase = 3;
-            break;
-          }
-          case 4: {
-            if (t.node.type === "group") {
-              const a = q.get(t.node.id) ?? [], d = [];
-              for (const i of a)
-                i.data?.parentNodeId || d.push(i);
-              t.kids = d, t.kidIndex = 0, t.curY = t.cy - t.h / 2 + I, t.phase = 5;
-            } else
-              t.phase = 6;
-            break;
-          }
-          case 5: {
-            if (t.kidIndex < t.kids.length) {
-              const a = t.kids[t.kidIndex], d = x(a), i = t.curY + d.h / 2;
-              c.push({
-                node: a,
-                cx: t.cx,
-                cy: i,
-                phase: 0
-              }), t.childPs = d, t.phase = 50;
-            } else {
-              const a = t.curY - y;
-              t.bottom = Math.max(t.bottom, a + I), t.phase = 6;
-            }
-            break;
-          }
-          case 50: {
-            const a = t.lastChildBottom;
-            t.curY = a + y, t.kidIndex++, t.phase = 5;
-            break;
-          }
-          case 6: {
-            const a = c.pop();
-            c.length ? c[c.length - 1].lastChildBottom = a.bottom : M = a.bottom;
-            break;
-          }
-        }
-      }
-      return M;
-    };
-    let F = 0;
-    for (const o of r)
-      !o.data?.parentNodeId && !o.parentId && (F = m(o, 0, F + x(o).h / 2) + y);
-    const f = /* @__PURE__ */ new Map();
-    for (const o of r) {
-      const {
-        w: p,
-        h: g
-      } = x(o), c = e.get(o.id);
-      f.set(o.id, {
-        x: c.x - p / 2,
-        y: c.y - g / 2
-      });
-    }
-    for (const o of r) {
-      const p = f.get(o.id);
-      let g = p.x, c = p.y;
-      if (o.parentId) {
-        const t = f.get(o.parentId);
-        g -= t.x, c -= t.y;
-      }
-      const M = D.get(o.id);
-      (!M || Math.abs(M.x - g) > u || Math.abs(M.y - c) > u) && (D.set(o.id, {
-        x: g,
-        y: c
-      }), T = !0);
-    }
-    const S = (o) => {
-      let p = 0, g = o;
-      for (; g?.parentId && (p++, g = L.get(g.parentId), !!g); )
-        ;
-      return p;
-    }, R = [];
-    for (const o of r) o.type === "group" && R.push(o);
-    R.sort((o, p) => S(p) - S(o));
-    const U = (o) => {
-      const p = typeof o.style?.width == "number" ? o.style.width : void 0, g = typeof o.style?.height == "number" ? o.style.height : void 0, c = H.get(o.id);
-      return {
-        w: p ?? c.w,
-        h: g ?? c.h
-      };
-    };
-    for (const o of R) {
-      const p = [];
-      for (const l of r)
-        l.parentId === o.id && p.push(l);
-      if (!p.length) {
-        const l = G(o) ?? (typeof o.style?.width == "number" ? o.style.width : 2 * I), w = W(o) ?? (typeof o.style?.height == "number" ? o.style.height : 2 * I);
-        E.set(o.id, {
-          width: l,
-          height: w
-        }), X.set(o.id, {
-          width: l,
-          height: w
-        }), H.set(o.id, {
-          w: l,
-          h: w
-        });
-        continue;
-      }
-      let g = Number.POSITIVE_INFINITY, c = Number.POSITIVE_INFINITY, M = Number.NEGATIVE_INFINITY, t = Number.NEGATIVE_INFINITY;
-      for (const l of p) {
-        const w = U(l), B = D.get(l.id);
-        B.x < g && (g = B.x), B.y < c && (c = B.y), B.x + w.w > M && (M = B.x + w.w), B.y + w.h > t && (t = B.y + w.h);
-      }
-      const a = g - I, d = c - I;
-      if (Math.abs(a) > u || Math.abs(d) > u)
-        for (const l of p) {
-          const w = D.get(l.id), B = w.x - a, Z = w.y - d;
-          (Math.abs(w.x - B) > u || Math.abs(w.y - Z) > u) && (D.set(l.id, {
-            x: B,
-            y: Z
-          }), T = !0);
-        }
-      const i = M - g + 2 * I, h = t - c + 2 * I, z = G(o) ?? (typeof o.style?.width == "number" ? o.style.width : x(o).w), V = W(o) ?? (typeof o.style?.height == "number" ? o.style.height : x(o).h);
-      (Math.abs(i - z) > u || Math.abs(h - V) > u) && (T = !0), E.set(o.id, {
-        width: i,
-        height: h
-      }), X.set(o.id, {
-        width: i,
-        height: h
-      }), H.set(o.id, {
-        w: i,
-        h
-      });
-    }
-    P.clear();
-    for (const o of r) x(o);
-    const A = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map();
-    for (const o of r) {
-      const p = x(o), g = e.get(o.id);
-      K.set(o.id, g), A.set(o.id, {
-        x: g.x - p.w / 2,
-        y: g.y - p.h / 2
-      });
-    }
-    for (const o of r) {
-      const p = [], g = j.get(o.id) ?? [];
-      for (const i of g) i.type === "group" && p.push(i);
-      if (!p.length) continue;
-      const c = p.slice().sort((i, h) => (+i.data?.paramIndex || 0) - (+h.data?.paramIndex || 0)), M = [];
-      for (const i of c) {
-        const h = G(i) ?? (typeof i.style?.width == "number" ? i.style.width : void 0);
-        M.push(h ?? x(i).w);
-      }
-      let t = 0;
-      for (const i of M) t += i;
-      t += N * (c.length - 1);
-      let d = K.get(o.id).x - t / 2;
-      for (let i = 0; i < c.length; i++) {
-        const h = c[i], z = h.parentId ? A.get(h.parentId) : {
-          x: 0
-        }, V = D.get(h.id), l = d - z.x, w = V.y;
-        (Math.abs(V.x - l) > u || Math.abs(V.y - w) > u) && (D.set(h.id, {
-          x: l,
-          y: w
-        }), T = !0), d += M[i] + N;
-      }
-    }
-  } while (T && _ < 5);
-  return {
-    nodes: r.map((e) => {
-      const s = D.get(e.id), n = X.get(e.id), m = E.get(e.id);
-      let F = !1;
-      if (s) {
-        const f = e.position ?? {
-          x: 0,
-          y: 0
-        };
-        (Math.abs(f.x - s.x) > u || Math.abs(f.y - s.y) > u) && (F = !0);
-      }
-      if (n) {
-        const f = e.measured ?? {
-          width: 0,
-          height: 0
-        };
-        (Math.abs(f.width - n.width) > u || Math.abs(f.height - n.height) > u) && (F = !0);
-      }
-      if (m) {
-        const f = typeof e.style?.width == "number" ? e.style.width : void 0, S = typeof e.style?.height == "number" ? e.style.height : void 0;
-        (f !== m.width || S !== m.height) && (F = !0);
-      }
-      return F ? {
-        ...e,
-        position: s ?? e.position,
-        measured: n ? {
-          ...e.measured,
-          width: n.width,
-          height: n.height
-        } : e.measured,
-        style: m ? {
-          ...e.style,
-          width: m.width,
-          height: m.height
-        } : e.style
-      } : e;
-    })
-  };
-}, Q = v.cache(Tt), Qt = (r) => {
-  const k = tt.c(2);
-  let y;
-  return k[0] !== r ? (y = /* @__PURE__ */ b(nt, { children: /* @__PURE__ */ b(Et, { ...r }) }), k[0] = r, k[1] = y) : y = k[1], y;
-}, Et = (r) => {
-  const {
-    flowId: k,
-    namespaceId: y,
-    projectId: N,
-    ...I
-  } = r, u = v.useMemo(() => ({
-    default: mt,
-    group: gt,
-    trigger: ft
-  }), []), _ = v.useMemo(() => ({
-    default: ut
-  }), []), T = It(k, y, N), C = xt(k, y, N), [Y, L] = it([]), [q, j, D] = rt([]), [E, X] = v.useState(!1), H = at(), {
-    fitView: G
-  } = ct(), W = v.useRef(!1), P = v.useCallback((O) => {
-    requestAnimationFrame(() => {
-      O.forEach((e) => H(e));
-    });
-  }, [H]), x = v.useCallback((O) => {
-    const e = Array.from(new Set(O.filter((n) => n.type === "dimensions" || n.type === "position").map((n) => n.id))), s = /* @__PURE__ */ new Map();
-    O.filter((n) => n.type === "dimensions").forEach((n) => s.set(n.id, n.dimensions)), L((n) => {
-      const m = n.map((f) => {
-        if (!s.has(f.id)) return f;
-        const S = s.get(f.id) || {};
-        return {
-          ...f,
-          measured: {
-            width: S.width ?? f.measured?.width ?? 0,
-            height: S.height ?? f.measured?.height ?? 0
-          }
-        };
-      });
-      return Q(m, new Set(e)).nodes;
-    }), P(e);
-  }, [P]);
-  return v.useEffect(() => {
-    const O = T.map((s) => {
-      const n = s.measured ? [] : document.querySelectorAll("[data-id='" + s.id + "']");
-      return {
-        ...s,
-        measured: {
-          width: s.measured?.width ?? n[0]?.clientWidth ?? 0,
-          height: s.measured?.height ?? n[0]?.clientHeight ?? 0
-        }
-      };
-    }), e = Q(O, new Set(O.map((s) => s.id)));
-    L(e.nodes), j(C), P(e.nodes.map((s) => s.id));
-  }, [T, C, P]), v.useEffect(() => {
-    W.current || Y.length <= 0 || (W.current = !0, requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        setTimeout(async () => {
-          await G({
-            padding: "64px",
-            maxZoom: 1
-          }), X(!0);
-        }, 1e3);
-      });
-    }));
-  }, [Y, W]), /* @__PURE__ */ $(dt, { onlyRenderVisibleElements: !0, panOnScroll: !1, nodeTypes: u, edgeTypes: _, onNodesChange: x, onEdgesChange: D, ...st("flow", I), "data-tree-visibility": E, proOptions: {
-    hideAttribution: !0
-  }, nodes: Y, edges: q, panOnDrag: E, zoomOnScroll: E, zoomOnPinch: E, zoomOnDoubleClick: E, children: [
-    E ? null : /* @__PURE__ */ b(ht, { children: /* @__PURE__ */ $("div", { style: {
-      left: "50%",
-      top: "50%",
-      transform: "translate(-50%, -50%)",
-      position: "absolute",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexDirection: "column"
-    }, children: [
-      /* @__PURE__ */ b(Nt, { size: "200", stroke: "5", bgOpacity: "0.5", speed: "2", color: "rgba(255, 255, 255, 0.15)" }),
-      /* @__PURE__ */ b(J, { spacing: "xl" }),
-      /* @__PURE__ */ b(Ft, {}),
-      /* @__PURE__ */ b(J, { spacing: "xs" }),
-      /* @__PURE__ */ b(et, { hierarchy: "tertiary", style: {
-        margin: "0 20%",
-        textAlign: "center"
-      }, children: "We are running requests to prepare your flow. This may take a few moments." })
-    ] }) }),
-    E ? /* @__PURE__ */ $(ot, { children: [
-      /* @__PURE__ */ b(lt, { variant: pt.Dots, color: "rgba(255,255,255, .05)", gap: 8, size: 2 }),
-      /* @__PURE__ */ b(wt, {}),
-      /* @__PURE__ */ b(bt, {}),
-      /* @__PURE__ */ b(kt, { flowId: "gid://sagittarius/Flow/1" }),
-      /* @__PURE__ */ b(yt, { flowId: k }),
-      /* @__PURE__ */ b(Mt, { flowId: k })
-    ] }) : null
-  ] });
-}, Ft = () => {
-  const r = tt.c(5), [k, y] = v.useState(0);
-  let N;
-  r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = ["Preparing flow data", "Loading node and edge definitions", "Calculating perfect layout"], r[0] = N) : N = r[0];
-  const I = N;
-  let u, _;
-  r[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
-    const Y = setInterval(() => {
-      y((L) => (L + 1) % I.length);
-    }, 2e3);
-    return () => clearInterval(Y);
-  }, _ = [], r[1] = u, r[2] = _) : (u = r[1], _ = r[2]), v.useEffect(u, _);
-  const T = I[k];
-  let C;
-  return r[3] !== T ? (C = /* @__PURE__ */ b(et, { size: "md", children: T }), r[3] = T, r[4] = C) : C = r[4], C;
-};
-export {
-  Qt as DFlow
-};

package/dist/components/d-flow/DFlow.nodes.hook.d.ts

@@ -1,4 +0,0 @@
-import { Node } from '@xyflow/react';
-import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
-import { DFlowNodeProps } from '../d-flow-node/DFlowNode';
-export declare const useFlowNodes: (flowId: Flow["id"], namespaceId?: Namespace["id"], projectId?: NamespaceProject["id"]) => Node<DFlowNodeProps>[];