@code0-tech/pictor 0.0.0-mvp.25 → 0.0.0-mvp.27

package/dist/components/d-flow-panel/DFlowExport.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import c from "react";
+import { Panel as u } from "@xyflow/react";
+import { useService as w, useStore as b } from "../../utils/contextStore.js";
+import "merge-props";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as m } from "../d-flow/DFlow.service.js";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+import "js-md5";
+import { Button as x } from "../button/Button.js";
+const F = (p) => {
+  const {
+    flowId: e
+  } = p, l = w(m), s = b(m), t = c.useMemo(() => l.getById(e), [s, e]), a = c.useCallback(() => {
+    if (!t) return;
+    const r = t;
+    if (!r) return;
+    const f = JSON.stringify(r, null, 2), d = new Blob([f], {
+      type: "application/json"
+    }), i = URL.createObjectURL(d), o = document.createElement("a");
+    o.href = i, o.download = `flow-${t.name}.json`, document.body.appendChild(o), o.click(), o.remove(), URL.revokeObjectURL(i);
+  }, [t]);
+  return /* @__PURE__ */ n(u, { position: "top-right", children: /* @__PURE__ */ n(x, { paddingSize: "xxs", onClick: a, children: "Export flow" }) });
+};
+export {
+  F as DFlowExport
+};

package/dist/components/d-flow-panel/DFlowMiniMap.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import { useNodes as d, Panel as h, MiniMap as s } from "@xyflow/react";
+import "../d-flow/DFlow.js";
+import "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+import { FLOW_EDGE_RAINBOW as p } from "../d-flow/DFlow.edges.hook.js";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+import "js-md5";
+import '../../assets/components/d-flow-panel/DFlowMiniMap.style.css';/* empty css                        */
+const F = (c) => {
+  const i = a.c(2), m = d();
+  let o;
+  return i[0] !== m ? (o = /* @__PURE__ */ e(h, { position: "bottom-right", children: /* @__PURE__ */ e(s, { offsetScale: 0, pannable: !0, zoomable: !0, className: "d-flow-viewport-mini-map", nodeComponent: (t) => {
+    const r = m.find((n) => n.id === t.id);
+    if (!r || r.type == "suggestion")
+      return null;
+    if (r.type == "group") {
+      const n = r.data?.depth ?? 0, l = p[n % p.length];
+      return /* @__PURE__ */ e("rect", { width: t.width, height: t.height, rx: 50, ry: 50, fill: l, fillOpacity: 0.05, stroke: l, strokeWidth: 2, "stroke-dasharray": "20", className: "d-flow-viewport-mini-map__group", x: t.x, y: t.y });
+    }
+    return /* @__PURE__ */ e("rect", { width: t.width, height: t.height, x: t.x, rx: 25, ry: 25, fill: "rgb(28.2, 25.5, 43.5)", y: t.y });
+  } }) }), i[0] = m, i[1] = o) : o = i[1], o;
+};
+export {
+  F as DFlowMiniMap
+};

package/dist/components/d-flow-panel/DFlowPanelControl.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowPanelControlProps {
+    flowId: Flow['id'];
+}
+export declare const DFlowPanelControl: React.FC<DFlowPanelControlProps>;

package/dist/components/d-flow-panel/DFlowPanelControl.js

@@ -0,0 +1,70 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import l from "react";
+import { ButtonGroup as N } from "../button-group/ButtonGroup.js";
+import { Button as a } from "../button/Button.js";
+import { IconTrash as C, IconPlus as I } from "@tabler/icons-react";
+import { Panel as B } from "@xyflow/react";
+import { useService as m, useStore as F } from "../../utils/contextStore.js";
+import "merge-props";
+import { FileTabsService as u } from "../file-tabs/FileTabs.service.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as z } from "../d-flow/DFlow.service.js";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+import "js-md5";
+import { Tooltip as f, TooltipTrigger as h, TooltipPortal as v, TooltipContent as T, TooltipArrow as x } from "../tooltip/Tooltip.js";
+import { Text as d } from "../text/Text.js";
+import { Badge as S } from "../badge/Badge.js";
+import { DFlowSuggestionMenu as P } from "../d-flow-suggestion/DFlowSuggestionMenu.js";
+import { useSuggestions as _ } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+const eo = (w) => {
+  const {
+    flowId: r
+  } = w, s = m(u), p = F(u), i = m(z), [, c] = l.useTransition(), e = l.useMemo(() => p.find((n) => n.active), [p, s]), g = _(void 0, [], r, 0, [0], 0), y = l.useCallback(() => {
+    e && (c(async () => {
+      await i.deleteNodeById(e.content.props.flowId, e.content.props.node.id);
+    }), s.deleteById(e.id));
+  }, [e, i]), b = l.useCallback((n) => {
+    r && n.value.__typename === "NodeFunction" && "node" in e.content.props ? c(async () => {
+      await i.addNextNodeById(r, e.content.props.node.id ?? void 0, n.value);
+    }) : c(async () => {
+      await i.addNextNodeById(r, null, n.value);
+    });
+  }, [r, i, e]);
+  return /* @__PURE__ */ o(B, { position: "bottom-center", children: /* @__PURE__ */ t(N, { children: [
+    /* @__PURE__ */ t(f, { children: [
+      /* @__PURE__ */ o(h, { asChild: !0, children: /* @__PURE__ */ o(a, { color: "info", paddingSize: "xxs", variant: "none", "aria-selected": !0, children: "Execute flow" }) }),
+      /* @__PURE__ */ o(v, { children: /* @__PURE__ */ t(T, { maw: "300px", children: [
+        /* @__PURE__ */ t(d, { children: [
+          "To execute this flow you can call the following endpoint ",
+          " ",
+          " ",
+          /* @__PURE__ */ o("br", {}),
+          /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(d, { children: "POST" }) }),
+          /* @__PURE__ */ o(S, { color: "info", border: !0, children: /* @__PURE__ */ o(d, { style: {
+            color: "inherit"
+          }, children: "localhost:6212/72hsa13/users/get" }) })
+        ] }),
+        /* @__PURE__ */ o(x, {})
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t(f, { children: [
+      /* @__PURE__ */ o(h, { asChild: !0, children: /* @__PURE__ */ o(a, { disabled: !e, onClick: y, paddingSize: "xxs", variant: "none", color: "primary", children: /* @__PURE__ */ o(C, { size: 16 }) }) }),
+      /* @__PURE__ */ o(v, { children: /* @__PURE__ */ t(T, { children: [
+        /* @__PURE__ */ o(d, { children: "Select a node to delete it" }),
+        /* @__PURE__ */ o(x, {})
+      ] }) })
+    ] }),
+    /* @__PURE__ */ o(P, { suggestions: g, onSuggestionSelect: b, triggerContent: /* @__PURE__ */ t(a, { disabled: !e, paddingSize: "xxs", variant: "none", color: "primary", children: [
+      /* @__PURE__ */ o(I, { size: 16 }),
+      "Next node"
+    ] }) })
+  ] }) });
+};
+export {
+  eo as DFlowPanelControl
+};

package/dist/components/d-flow-panel/DFlowPanelLayout.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export interface DFlowPanelLayoutProps {
+}
+export declare const DFlowPanelLayout: React.FC<DFlowPanelLayoutProps>;

package/dist/components/d-flow-panel/DFlowPanelLayout.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { c as y } from "../../_virtual/compiler-runtime.js";
+import { SegmentedControlItem as m, SegmentedControl as _ } from "../segmented-control/SegmentedControl.js";
+import { IconLayoutDistributeHorizontal as b, IconLayoutDistributeVertical as x, IconLayout as S } from "@tabler/icons-react";
+import { Panel as z } from "@xyflow/react";
+import { TooltipTrigger as s, Tooltip as d, TooltipPortal as h, TooltipContent as f, TooltipArrow as p } from "../tooltip/Tooltip.js";
+import { Text as u } from "../text/Text.js";
+const V = (T) => {
+  const l = y.c(6);
+  let o;
+  l[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(m, { value: "horizontal", display: "flex", children: /* @__PURE__ */ e(b, { size: 16 }) }) }), l[0] = o) : o = l[0];
+  let r;
+  l[1] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ t(d, { children: [
+    o,
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(f, { children: [
+      /* @__PURE__ */ e(p, {}),
+      /* @__PURE__ */ e(u, { children: "Vertical layout" })
+    ] }) })
+  ] }), l[1] = r) : r = l[1];
+  let i;
+  l[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(m, { disabled: !0, value: "vertical", display: "flex", children: /* @__PURE__ */ e(x, { size: 16 }) }) }), l[2] = i) : i = l[2];
+  let n;
+  l[3] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t(d, { children: [
+    i,
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(f, { children: [
+      /* @__PURE__ */ e(p, {}),
+      /* @__PURE__ */ e(u, { children: "Horizontal layout" })
+    ] }) })
+  ] }), l[3] = n) : n = l[3];
+  let c;
+  l[4] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(m, { disabled: !0, value: "manual", display: "flex", children: /* @__PURE__ */ e(S, { size: 16 }) }) }), l[4] = c) : c = l[4];
+  let a;
+  return l[5] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ e(z, { position: "top-center", children: /* @__PURE__ */ t(_, { type: "single", defaultValue: "horizontal", children: [
+    r,
+    n,
+    /* @__PURE__ */ t(d, { children: [
+      c,
+      /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(f, { children: [
+        /* @__PURE__ */ e(p, {}),
+        /* @__PURE__ */ e(u, { children: "Manual layout" })
+      ] }) })
+    ] })
+  ] }) }), l[5] = a) : a = l[5], a;
+};
+export {
+  V as DFlowPanelLayout
+};

package/dist/components/d-flow-panel/DFlowPanelSize.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const DFlowPanelSize: React.FC;

package/dist/components/d-flow-panel/DFlowPanelSize.js

@@ -0,0 +1,94 @@
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { c as R } from "../../_virtual/compiler-runtime.js";
+import { useViewport as V, useReactFlow as v, Panel as E } from "@xyflow/react";
+import { ButtonGroup as G } from "../button-group/ButtonGroup.js";
+import { Button as M } from "../button/Button.js";
+import { IconPlus as T, IconMinus as Z, IconFocusCentered as $ } from "@tabler/icons-react";
+import { Badge as q } from "../badge/Badge.js";
+import { Flex as O } from "../flex/Flex.js";
+import { Text as A } from "../text/Text.js";
+const Y = () => {
+  const e = R.c(40), F = V(), t = v();
+  let d;
+  e[0] !== t ? (d = () => {
+    t.zoomIn();
+  }, e[0] = t, e[1] = d) : d = e[1];
+  const P = d;
+  let p;
+  e[2] !== t ? (p = () => {
+    t.zoomOut();
+  }, e[2] = t, e[3] = p) : p = e[3];
+  const k = p;
+  let h;
+  e[4] !== t ? (h = () => {
+    t.fitView();
+  }, e[4] = t, e[5] = h) : h = e[5];
+  const B = h;
+  let y;
+  e[6] !== F.zoom ? (y = () => Math.round(F.zoom * 100), e[6] = F.zoom, e[7] = y) : y = e[7];
+  const j = y;
+  let _;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    flexDirection: "column",
+    gap: "1rem"
+  }, e[8] = _) : _ = e[8];
+  let u;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    gap: ".7rem"
+  }, e[9] = u) : u = e[9];
+  let b;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+    border: "none"
+  }, e[10] = b) : b = e[10];
+  let l;
+  e[11] !== P ? (l = () => P(), e[11] = P, e[12] = l) : l = e[12];
+  let z;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ o(T, { size: 15 }), e[13] = z) : z = e[13];
+  let r;
+  e[14] !== l ? (r = /* @__PURE__ */ o(M, { style: b, paddingSize: "xxs", color: "secondary", onClick: l, children: z }), e[14] = l, e[15] = r) : r = e[15];
+  let x;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    border: "none"
+  }, e[16] = x) : x = e[16];
+  let i;
+  e[17] !== k ? (i = () => k(), e[17] = k, e[18] = i) : i = e[18];
+  let S;
+  e[19] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ o(Z, { size: 15 }), e[19] = S) : S = e[19];
+  let n;
+  e[20] !== i ? (n = /* @__PURE__ */ o(M, { style: x, paddingSize: "xxs", color: "secondary", onClick: i, children: S }), e[20] = i, e[21] = n) : n = e[21];
+  let g;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    border: "none"
+  }, e[22] = g) : g = e[22];
+  let c;
+  e[23] !== B ? (c = () => B(), e[23] = B, e[24] = c) : c = e[24];
+  let w;
+  e[25] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ o($, { size: 15 }), e[25] = w) : w = e[25];
+  let s;
+  e[26] !== c ? (s = /* @__PURE__ */ o(M, { style: g, paddingSize: "xxs", color: "secondary", onClick: c, children: w }), e[26] = c, e[27] = s) : s = e[27];
+  let m;
+  e[28] !== n || e[29] !== s || e[30] !== r ? (m = /* @__PURE__ */ D(G, { children: [
+    r,
+    n,
+    s
+  ] }), e[28] = n, e[29] = s, e[30] = r, e[31] = m) : m = e[31];
+  let I;
+  e[32] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+    border: "none"
+  }, e[32] = I) : I = e[32];
+  let f;
+  e[33] !== j ? (f = j(), e[33] = j, e[34] = f) : f = e[34];
+  let a;
+  e[35] !== f ? (a = /* @__PURE__ */ o(q, { color: "primary", style: I, children: /* @__PURE__ */ D(A, { children: [
+    f,
+    "%"
+  ] }) }), e[35] = f, e[36] = a) : a = e[36];
+  let C;
+  return e[37] !== m || e[38] !== a ? (C = /* @__PURE__ */ o(E, { position: "bottom-left", children: /* @__PURE__ */ o(O, { style: _, children: /* @__PURE__ */ D(O, { align: "center", style: u, children: [
+    m,
+    a
+  ] }) }) }), e[37] = m, e[38] = a, e[39] = C) : C = e[39], C;
+};
+export {
+  Y as DFlowPanelSize
+};

package/dist/components/d-flow-panel/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DFlowPanelSize';
+export * from './DFlowPanelControl';
+export * from './DFlowExport';
+export * from './DFlowMiniMap';
+export * from './DFlowPanelLayout';

package/dist/components/d-flow-panel/index.js

@@ -0,0 +1,12 @@
+import { DFlowPanelSize as e } from "./DFlowPanelSize.js";
+import { DFlowPanelControl as t } from "./DFlowPanelControl.js";
+import { DFlowExport as x } from "./DFlowExport.js";
+import { DFlowMiniMap as f } from "./DFlowMiniMap.js";
+import { DFlowPanelLayout as n } from "./DFlowPanelLayout.js";
+export {
+  x as DFlowExport,
+  f as DFlowMiniMap,
+  t as DFlowPanelControl,
+  n as DFlowPanelLayout,
+  e as DFlowPanelSize
+};

package/dist/components/{d-flow/suggestion → d-flow-suggestion}/DFlowSuggestion.hook.d.ts

@@ -1,21 +1,6 @@
 import { DFlowSuggestion, DFlowSuggestionType } from './DFlowSuggestion.view';
 import { DataTypeIdentifier, Flow, ReferenceValue } from '@code0-tech/sagittarius-graphql-types';
 export declare const useSuggestions: (type: DataTypeIdentifier | undefined, genericKeys: string[] | undefined, flowId: Flow["id"], depth?: number, scope?: number[], node?: number, suggestionTypes?: DFlowSuggestionType[]) => DFlowSuggestion[];
-/**
- * React hook that produces a stable MD5 hash for a given Type, deeply resolving:
- * - All type aliases (via DFlowDataTypeReactiveService) at any level of nesting
- * - All occurrences of any provided generic_keys (can be any string) as "GENERIC"
- * - All generic_mapper/type fields, rules/config.type fields, and parent fields, recursively
- * - All object keys sorted for stable, order-independent hashing
- *
- * This ensures semantically equivalent types—regardless of alias, generic key naming, or structural nesting—
- * always produce the same hash, making this suitable for caching, deduplication, and fast comparison.
- *
- * @param type          The Type to hash (either a string or a GenericType object)
- * @param generic_keys  (optional) Array of string keys that should be normalized as generics (can be any string)
- * @returns             MD5 hash string if type/service available, otherwise undefined
- */
-export declare const useTypeHash: (type: DataTypeIdentifier, generic_keys?: string[]) => string | undefined;
 /**
  * Walks the flow starting at its startingNode (depth-first, left-to-right) and collects
  * all RefObjects (variables/outputs) with contextual metadata:

package/dist/components/d-flow-suggestion/DFlowSuggestion.hook.js

@@ -0,0 +1,161 @@
+import { useService as _ } from "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+import { DFlowDataTypeReactiveService as C } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DFlowSuggestionType as i } from "./DFlowSuggestion.view.js";
+import { DFlowFunctionReactiveService as B } from "../d-flow-function/DFlowFunction.service.js";
+import { replaceGenericsAndSortType as h, resolveType as A, isMatchingType as S } from "../../utils/generics.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as V } from "../d-flow/DFlow.service.js";
+import "js-md5";
+import { useReturnType as x } from "../d-flow-function/DFlowFunction.return.hook.js";
+import { useInputType as b } from "../d-flow-function/DFlowFunction.input.hook.js";
+const z = (s, l, T, E = 0, y = [0], I = 1, N = [i.REF_OBJECT, i.VALUE, i.FUNCTION, i.FUNCTION_COMBINATION, i.DATA_TYPE]) => {
+  const v = _(C), D = _(B), g = s ? v?.getDataType(s) : void 0, m = s ? h(A(s, v), l) : void 0, o = [];
+  return g && N.includes(i.VALUE) && g.rules?.nodes?.forEach((r) => {
+    if (r?.variant === "ITEM_OF_COLLECTION")
+      r.config.items?.forEach((e) => {
+        const t = {
+          path: [],
+          type: i.VALUE,
+          displayText: [e.toString()],
+          value: {
+            __typename: "LiteralValue",
+            value: e
+          }
+        };
+        o.push(t);
+      });
+    else if (r?.variant === "NUMBER_RANGE") {
+      const e = r.config, t = {
+        path: [],
+        type: i.VALUE,
+        displayText: [e.from?.toString() ?? ""],
+        value: {
+          __typename: "LiteralValue",
+          value: e.from
+        }
+      };
+      o.push(t);
+    }
+  }), g && g.variant === "DATA_TYPE" && N.includes(i.DATA_TYPE) && v.values().forEach((r) => {
+    const e = {
+      path: [],
+      type: i.DATA_TYPE,
+      displayText: [r.name?.nodes[0]?.content],
+      /*@ts-ignore*/
+      value: r.json
+    };
+    o.push(e);
+  }), N.includes(i.FUNCTION_COMBINATION) && D.values().filter((e) => {
+    if (!s || !m) return !0;
+    if (e.runtimeFunctionDefinition?.identifier == "RETURN" && s) return !1;
+    if (g?.variant === "NODE") return !0;
+    if (!e.returnType || !e.genericKeys) return !1;
+    const t = h(A(e.returnType, v), e.genericKeys);
+    return S(m, t);
+  }).sort((e, t) => {
+    const [a, d, c] = e.runtimeFunctionDefinition.identifier.split("::"), [u, n, p] = t.runtimeFunctionDefinition.identifier.split("::"), f = a.localeCompare(u);
+    if (f !== 0) return f;
+    const F = d.localeCompare(n);
+    return F !== 0 ? F : c.localeCompare(p);
+  }).forEach((e) => {
+    const t = {
+      __typename: "NodeFunction",
+      id: "gid://sagittarius/NodeFunction/1",
+      functionDefinition: {
+        id: e.id,
+        runtimeFunctionDefinition: e.runtimeFunctionDefinition
+      },
+      parameters: {
+        nodes: e.parameterDefinitions?.map((d) => ({
+          id: d.id,
+          runtimeParameter: {
+            id: d.id
+          }
+        })) ?? []
+      }
+    }, a = {
+      path: [],
+      type: i.FUNCTION,
+      displayText: [e.names?.nodes[0]?.content],
+      value: t
+    };
+    o.push(a);
+  }), N.includes(i.REF_OBJECT) && (s ? L(T) : []).forEach((e) => {
+    if ((e?.node ?? 0) >= I || (e?.depth ?? 0) > E || (e?.scope ?? []).some((d) => !y.includes(d)) || !m) return;
+    const t = h(A(e.dataTypeIdentifier, v), []);
+    if (!S(m, t)) return;
+    const a = {
+      path: [],
+      type: i.REF_OBJECT,
+      displayText: [`${e.depth}-${e.scope}-${e.node || ""}`],
+      value: e
+    };
+    o.push(a);
+  }), o.sort();
+}, L = (s) => {
+  const l = _(C), T = _(V), E = _(B), y = [];
+  if (!l || !T || !E) return y;
+  const I = T.values().find((o) => o.id === s);
+  if (!I?.startingNodeId) return y;
+  let N = 0;
+  const v = () => ++N;
+  let D = 0;
+  const g = () => ++D, m = (o, r, e) => {
+    if (!o) return;
+    let t = o.__typename === "NodeFunctionIdWrapper" ? T.getNodeById(s, o.id) : o;
+    for (; t; ) {
+      const a = E.getById(t.functionDefinition?.id);
+      if (!a) break;
+      const d = g();
+      if (t.parameters && a.parameterDefinitions)
+        for (const c of a.parameterDefinitions) {
+          const u = l.getDataType(c.dataTypeIdentifier);
+          if (!u || u.variant === "NODE") continue;
+          const n = u.rules?.nodes?.filter((p) => p?.variant === "INPUT_TYPES") ?? [];
+          if (n.length) {
+            const f = t.parameters?.nodes?.find((O) => O?.id === c.id)?.value, F = f !== void 0 ? f?.__typename === "NodeFunctionIdWrapper" ? [f] : [f] : [];
+            for (const O of n) {
+              const U = O?.config, R = b(U.dataTypeIdentifier, a, F, l);
+              R && y.push({
+                __typename: "ReferenceValue",
+                dataTypeIdentifier: R,
+                depth: r,
+                scope: e,
+                node: d
+              });
+            }
+          }
+        }
+      {
+        const c = t.parameters?.nodes?.map((n) => n?.value).filter((n) => n !== void 0) ?? [], u = x(a, c, l);
+        u && y.push({
+          __typename: "ReferenceValue",
+          dataTypeIdentifier: u,
+          depth: r,
+          scope: e,
+          node: d
+        });
+      }
+      if (t.parameters && a.parameterDefinitions)
+        for (const c of a.parameterDefinitions)
+          if (l.getDataType(c.dataTypeIdentifier)?.variant === "NODE") {
+            const n = t.parameters?.nodes?.find((p) => p?.id === c.id);
+            if (n?.value && n.value.__typename === "NodeFunctionIdWrapper") {
+              const p = n.value, f = [...e, v()];
+              m(p, r + 1, f);
+            }
+          } else {
+            const n = t.parameters?.nodes?.find((p) => p?.id === c.id);
+            n?.value && n.value.__typename === "NodeFunctionIdWrapper" && m(n.value, r, e);
+          }
+      t = T.getNodeById(I.id, t.nextNodeId);
+    }
+  };
+  return m(T.getNodeById(I.id, I.startingNodeId), 0, [0]), y;
+};
+export {
+  L as useRefObjects,
+  z as useSuggestions
+};

package/dist/components/d-flow-suggestion/DFlowSuggestion.view.d.ts

@@ -0,0 +1,14 @@
+import { LiteralValue, NodeFunction, ReferenceValue } from '@code0-tech/sagittarius-graphql-types';
+export declare enum DFlowSuggestionType {
+    REF_OBJECT = 0,
+    VALUE = 1,
+    FUNCTION = 2,
+    FUNCTION_COMBINATION = 3,
+    DATA_TYPE = 4
+}
+export interface DFlowSuggestion {
+    displayText: string[];
+    path: number[];
+    value: LiteralValue | ReferenceValue | NodeFunction;
+    type: DFlowSuggestionType;
+}

package/dist/components/d-flow-suggestion/DFlowSuggestion.view.js

@@ -0,0 +1,4 @@
+var O = /* @__PURE__ */ ((N) => (N[N.REF_OBJECT = 0] = "REF_OBJECT", N[N.VALUE = 1] = "VALUE", N[N.FUNCTION = 2] = "FUNCTION", N[N.FUNCTION_COMBINATION = 3] = "FUNCTION_COMBINATION", N[N.DATA_TYPE = 4] = "DATA_TYPE", N))(O || {});
+export {
+  O as DFlowSuggestionType
+};

package/dist/components/d-flow-suggestion/DFlowSuggestionMenu.js

@@ -0,0 +1,83 @@
+import { jsx as r, jsxs as T } from "react/jsx-runtime";
+import { c as _ } from "../../_virtual/compiler-runtime.js";
+import { MenuTrigger as B, MenuSeparator as A, MenuPortal as L, Menu as O } from "../menu/Menu.js";
+import b from "react";
+import { DFlowSuggestionMenuFooter as P } from "./DFlowSuggestionMenuFooter.js";
+import "@radix-ui/react-checkbox";
+import "merge-props";
+import "@tabler/icons-react";
+import '../../assets/components/form/Input.style.css';/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import { InputSuggestionMenuContentItems as U, InputSuggestionMenuContent as $ } from "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
+import { toInputSuggestions as q } from "./DFlowSuggestionMenu.util.js";
+import { DFlowSuggestionMenuSearchBar as v } from "./DFlowSuggestionMenuSearchBar.js";
+import { useStoreApi as z } from "@xyflow/react";
+const ce = (R) => {
+  const e = _.c(28), {
+    suggestions: c,
+    triggerContent: M,
+    onSuggestionSelect: x
+  } = R;
+  let p;
+  e[0] !== c ? (p = c === void 0 ? [] : c, e[0] = c, e[1] = p) : p = e[1];
+  const o = p, w = x === void 0 ? G : x, y = z(), C = b.useRef(null), [I, F] = b.useState(o);
+  let g, a;
+  e[2] !== o ? (g = () => {
+    F(o);
+  }, a = [o], e[2] = o, e[3] = g, e[4] = a) : (g = e[3], a = e[4]), b.useEffect(g, a);
+  let s;
+  e[5] !== y ? (s = (t) => {
+    setTimeout(() => {
+      y.setState({
+        nodesDraggable: !t,
+        nodesConnectable: !t,
+        elementsSelectable: !t
+      });
+    }, 250);
+  }, e[5] = y, e[6] = s) : s = e[6];
+  let i;
+  e[7] !== M ? (i = /* @__PURE__ */ r(B, { asChild: !0, children: M }), e[7] = M, e[8] = i) : i = e[8];
+  let n;
+  e[9] !== o ? (n = /* @__PURE__ */ r(v, { onType: (t) => {
+    t.key === "ArrowDown" ? (t.preventDefault(), C.current?.focusFirstItem()) : t.key === "ArrowUp" && (t.preventDefault(), C.current?.focusLastItem());
+    const j = t.target.value;
+    return F(o.filter((k) => k.displayText.some((E) => E.includes(j)))), t.preventDefault(), !1;
+  } }), e[9] = o, e[10] = n) : n = e[10];
+  let S;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ r(A, {}), e[11] = S) : S = e[11];
+  let l;
+  e[12] !== I ? (l = q(I), e[12] = I, e[13] = l) : l = e[13];
+  let u;
+  e[14] !== w ? (u = (t) => {
+    w(t.valueData);
+  }, e[14] = w, e[15] = u) : u = e[15];
+  let m;
+  e[16] !== u || e[17] !== l ? (m = /* @__PURE__ */ r(U, { ref: C, suggestions: l, onSuggestionSelect: u }), e[16] = u, e[17] = l, e[18] = m) : m = e[18];
+  let d, h;
+  e[19] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ r(A, {}), h = /* @__PURE__ */ r(P, {}), e[19] = d, e[20] = h) : (d = e[19], h = e[20]);
+  let f;
+  e[21] !== m || e[22] !== n ? (f = /* @__PURE__ */ r(L, { children: /* @__PURE__ */ T($, { align: "center", children: [
+    n,
+    S,
+    m,
+    d,
+    h
+  ] }) }), e[21] = m, e[22] = n, e[23] = f) : f = e[23];
+  let D;
+  return e[24] !== f || e[25] !== s || e[26] !== i ? (D = /* @__PURE__ */ T(O, { onOpenChange: s, children: [
+    i,
+    f
+  ] }), e[24] = f, e[25] = s, e[26] = i, e[27] = D) : D = e[27], D;
+};
+function G() {
+}
+export {
+  ce as DFlowSuggestionMenu
+};

package/dist/components/{d-flow/suggestion → d-flow-suggestion}/DFlowSuggestionMenu.util.d.ts

@@ -1,3 +1,3 @@
 import { DFlowSuggestion } from './DFlowSuggestion.view';
-import { InputSuggestion } from '../../form/InputSuggestion';
+import { InputSuggestion } from '../form';
 export declare const toInputSuggestions: (suggestions: DFlowSuggestion[]) => InputSuggestion[];

package/dist/components/{d-flow/suggestion → d-flow-suggestion}/DFlowSuggestionMenu.util.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as T, Fragment as d } from "react/jsx-runtime";
 import { DFlowSuggestionType as e } from "./DFlowSuggestion.view.js";
 import { IconCircleDot as c, IconCirclesRelation as u, IconFileFunctionFilled as a } from "@tabler/icons-react";
-import { Text as I } from "../../text/Text.js";
+import { Text as I } from "../text/Text.js";
 const D = (p) => {
   const f = {
     [e.VALUE]: "Values",

package/dist/components/{d-flow/suggestion → d-flow-suggestion}/DFlowSuggestionMenuFooter.js

@@ -1,10 +1,10 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { c as y } from "../../../_virtual/compiler-runtime.js";
-import { MenuLabel as p } from "../../menu/Menu.js";
+import { c as y } from "../../_virtual/compiler-runtime.js";
+import { MenuLabel as p } from "../menu/Menu.js";
 import { IconCornerDownLeft as d, IconBulb as g, IconFileFunctionFilled as _, IconArrowsShuffle as b, IconCirclesRelation as u, IconCircleDot as x } from "@tabler/icons-react";
-import { Text as f } from "../../text/Text.js";
-import { Flex as i } from "../../flex/Flex.js";
-import { TooltipTrigger as F, Tooltip as I, TooltipPortal as z, TooltipContent as S } from "../../tooltip/Tooltip.js";
+import { Text as f } from "../text/Text.js";
+import { Flex as i } from "../flex/Flex.js";
+import { TooltipTrigger as F, Tooltip as I, TooltipPortal as z, TooltipContent as S } from "../tooltip/Tooltip.js";
 const O = () => {
   const e = y.c(8);
   let l;

package/dist/components/{d-flow/suggestion → d-flow-suggestion}/DFlowSuggestionMenuSearchBar.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../../utils/types';
+import { Code0Component } from '../../utils';
 export interface DFlowSuggestionMenuSearchBarProps extends Code0Component<HTMLDivElement> {
     onType: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }