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

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

@@ -4,46 +4,49 @@ import "merge-props";
 import { DFlowReactiveService as M } from "./DFlow.service.js";
 import { DFlowFunctionReactiveService as C } from "../d-flow-function/DFlowFunction.service.js";
 import { DFlowDataTypeReactiveService as _ } from "../d-flow-data-type/DFlowDataType.service.js";
-import { md5 as H } from "js-md5";
-const J = /* @__PURE__ */ new Map([["std", "default"]]), V = (i, d) => {
-  if (!d || i.size === 0) return "";
-  const g = /[:._\-\/\s]+/, c = d.trim().toLowerCase();
-  let s = null, y = -1 / 0;
-  for (const [f, r] of i.entries()) {
-    const t = f.trim().toLowerCase();
-    if (c === t)
-      return r;
-    let o = 0;
-    if (c.startsWith(t)) {
-      o = 2e3 + t.length * 2;
-      const l = c.charAt(t.length);
-      (l === "" || g.test(l)) && (o += 200);
+import { md5 as V } from "js-md5";
+const j = /* @__PURE__ */ new Map([["std", "default"]]), q = (i, h) => {
+  if (!h || i.size === 0) return "";
+  const p = /[:._\-\/\s]+/, n = h.trim().toLowerCase();
+  let o = null, u = -1 / 0;
+  for (const [l, T] of i.entries()) {
+    const a = l.trim().toLowerCase();
+    if (n === a)
+      return T;
+    let e = 0;
+    if (n.startsWith(a)) {
+      e = 2e3 + a.length * 2;
+      const d = n.charAt(a.length);
+      (d === "" || p.test(d)) && (e += 200);
     } else {
-      const l = Math.min(c.length, t.length);
-      let n = 0;
-      for (; n < l && c.charCodeAt(n) === t.charCodeAt(n); )
-        n++;
-      if (n > 0) {
-        o = 1e3 + n;
-        const h = c.charAt(n), I = t.charAt(n);
-        (h === "" || g.test(h) || I === "" || g.test(I)) && (o += 50);
+      const d = Math.min(n.length, a.length);
+      let s = 0;
+      for (; s < d && n.charCodeAt(s) === a.charCodeAt(s); )
+        s++;
+      if (s > 0) {
+        e = 1e3 + s;
+        const f = n.charAt(s), g = a.charAt(s);
+        (f === "" || p.test(f) || g === "" || p.test(g)) && (e += 50);
       }
     }
-    o > y ? (y = o, s = f) : (o === y && s !== null && f.length > s.length || o === y && s === null) && (s = f);
+    e > u ? (u = e, o = l) : (e === u && o !== null && l.length > o.length || e === u && o === null) && (o = l);
   }
-  return s !== null ? i.get(s) : "";
-}, ee = (i) => {
-  const d = b(M), g = B(M), c = b(C), s = B(C), y = b(_), f = B(_), r = w.useMemo(() => d.getById(i), [i, g]);
+  return o !== null ? i.get(o) : "";
+}, ne = (i, h, p) => {
+  const n = b(M), o = B(M), u = b(C), l = B(C), T = b(_), a = B(_), e = w.useMemo(() => n.getById(i, {
+    namespaceId: h,
+    projectId: p
+  }), [i, o]);
   return w.useMemo(() => {
-    if (!r) return [];
-    const t = [];
-    let o = 0;
-    const l = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), h = (e, a = l) => (a.has(e) || a.set(e, c.getById(e)), a.get(e)), I = (e, a = n) => (a.has(e) || a.set(e, y.getDataType(e)), a.get(e));
-    let k = 0;
-    const A = () => ++k;
+    if (!e) return [];
+    const d = [];
+    let s = 0;
+    const f = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), k = (t, r = f) => (r.has(t) || r.set(t, u.getById(t)), r.get(t)), A = (t, r = g) => (r.has(t) || r.set(t, T.getDataType(t)), r.get(t));
     let R = 0;
-    t.push({
-      id: `${r.id}`,
+    const E = () => ++R;
+    let W = 0;
+    d.push({
+      id: `${e.id}`,
       type: "trigger",
       position: {
         x: 0,
@@ -51,67 +54,67 @@ const J = /* @__PURE__ */ new Map([["std", "default"]]), V = (i, d) => {
       },
       draggable: !1,
       data: {
-        instance: r,
+        instance: e,
         flowId: i
       }
     });
-    const S = (e, a = !1, E, v = 0, N = [0], p, D = l, x = n) => {
-      const m = `${e.id}-${o++}`, W = ++R;
-      t.push({
+    const I = (t, r = !1, K, v = 0, S = [0], y, N = f, D = g) => {
+      const m = `${t.id}-${s++}`, L = ++W;
+      d.push({
         id: m,
-        type: V(J, e.functionDefinition?.identifier),
+        type: q(j, t.functionDefinition?.identifier),
         position: {
           x: 0,
           y: 0
         },
         draggable: !1,
-        parentId: p,
-        extent: p ? "parent" : void 0,
+        parentId: y,
+        extent: y ? "parent" : void 0,
         data: {
-          nodeId: e.id,
-          isParameter: a,
+          nodeId: t.id,
+          isParameter: r,
           flowId: i,
-          linkingId: a ? E : void 0,
-          scope: N,
+          linkingId: r ? K : void 0,
+          scope: S,
           // scope is now a PATH (number[])
           depth: v,
           // structural depth (0 at root, +1 per group)
-          index: W
+          index: L
           // global node level
         }
       });
-      const K = h(e.functionDefinition?.id, D);
-      e.parameters?.nodes?.forEach((u) => {
-        const F = K?.parameterDefinitions.find((T) => T.id == u?.runtimeParameter?.id)?.dataTypeIdentifier;
-        if ((F ? I(F, x) : void 0)?.variant === "NODE") {
-          if (u?.value && u.value.__typename === "NodeFunctionIdWrapper") {
-            const T = `${m}-group-${o++}`, $ = [...N, A()], L = H(`${m}-param-${JSON.stringify(u)}`), O = (z) => parseInt(z.slice(0, 8), 16) % 360;
-            t.push({
-              id: T,
+      const O = k(t.functionDefinition?.id, N);
+      t.parameters?.nodes?.forEach((c) => {
+        const F = O?.parameterDefinitions.find((x) => x.id == c?.runtimeParameter?.id)?.dataTypeIdentifier;
+        if ((F ? A(F, D) : void 0)?.variant === "NODE") {
+          if (c?.value && c.value.__typename === "NodeFunctionIdWrapper") {
+            const x = `${m}-group-${s++}`, $ = [...S, E()], z = V(`${m}-param-${JSON.stringify(c)}`), H = (J) => parseInt(J.slice(0, 8), 16) % 360;
+            d.push({
+              id: x,
               type: "group",
               position: {
                 x: 0,
                 y: 0
               },
               draggable: !1,
-              parentId: p,
-              extent: p ? "parent" : void 0,
+              parentId: y,
+              extent: y ? "parent" : void 0,
               data: {
                 isParameter: !0,
                 linkingId: m,
                 flowId: i,
                 depth: v + 1,
                 scope: $,
-                color: `hsl(${O(L)}, 100%, 72%)`
+                color: `hsl(${H(z)}, 100%, 72%)`
               }
-            }), S(d.getNodeById(i, u.value.id), !1, void 0, v + 1, $, T, D, x);
+            }), I(n.getNodeById(i, c.value.id), !1, void 0, v + 1, $, x, N, D);
           }
-        } else u?.value && u.value.__typename === "NodeFunctionIdWrapper" && S(d.getNodeById(i, u.value.id), !0, m, v, N, p, D, x);
-      }), e.nextNodeId && S(d.getNodeById(r.id, e.nextNodeId), !1, void 0, v, N, p, D, x);
+        } else c?.value && c.value.__typename === "NodeFunctionIdWrapper" && I(n.getNodeById(i, c.value.id), !0, m, v, S, y, N, D);
+      }), t.nextNodeId && I(n.getNodeById(e.id, t.nextNodeId), !1, void 0, v, S, y, N, D);
     };
-    return r.startingNodeId && S(d.getNodeById(r.id, r.startingNodeId), !1, void 0, 0, [0], void 0, l, n), t;
-  }, [r, g, s, f]);
+    return e.startingNodeId && I(n.getNodeById(e.id, e.startingNodeId), !1, void 0, 0, [0], void 0, f, g), d;
+  }, [e, o, l, a]);
 };
 export {
-  ee as useFlowNodes
+  ne as useFlowNodes
 };

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

@@ -1,7 +1,11 @@
 import { ReactiveArrayService } from '../../utils';
-import { Flow, FlowInput, FlowSetting, LiteralValue, NamespacesProjectsFlowsCreateInput, NamespacesProjectsFlowsCreatePayload, NamespacesProjectsFlowsDeleteInput, NamespacesProjectsFlowsDeletePayload, NamespacesProjectsFlowsUpdateInput, NamespacesProjectsFlowsUpdatePayload, NodeFunction, NodeParameter, ReferenceValue } from '@code0-tech/sagittarius-graphql-types';
-export declare abstract class DFlowReactiveService extends ReactiveArrayService<Flow> {
-    getById(id: Flow['id']): Flow | undefined;
+import { Flow, FlowInput, FlowSetting, LiteralValue, Namespace, NamespaceProject, NamespacesProjectsFlowsCreateInput, NamespacesProjectsFlowsCreatePayload, NamespacesProjectsFlowsDeleteInput, NamespacesProjectsFlowsDeletePayload, NamespacesProjectsFlowsUpdateInput, NamespacesProjectsFlowsUpdatePayload, NodeFunction, NodeParameter, ReferenceValue } from '@code0-tech/sagittarius-graphql-types';
+export type DFlowDependencies = {
+    namespaceId: Namespace['id'];
+    projectId: NamespaceProject['id'];
+};
+export declare abstract class DFlowReactiveService extends ReactiveArrayService<Flow, DFlowDependencies> {
+    getById(id: Flow['id'], dependencies?: DFlowDependencies): Flow | undefined;
     protected removeParameterNode(flow: Flow, parameter: NodeParameter): void;
     getNodeById(flowId: Flow['id'], nodeId: NodeFunction['id']): NodeFunction | undefined;
     getPayloadById(flowId: Flow['id']): FlowInput | undefined;

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

@@ -3,8 +3,8 @@ import "react";
 import { ReactiveArrayService as I } from "../../utils/reactiveArrayService.js";
 import "merge-props";
 class m extends I {
-  getById(n) {
-    return this.values().find((t) => t.id === n);
+  getById(n, t) {
+    return this.values(t).find((i) => i.id === n);
   }
   removeParameterNode(n, t) {
     if (t?.value?.__typename === "NodeFunctionIdWrapper") {

package/dist/components/d-flow-data-type/DFlowDataType.service.d.ts

@@ -1,9 +1,14 @@
 import { ReactiveArrayService } from '../../utils';
 import { DataTypeView } from './DFlowDataType.view';
-import { DataTypeIdentifier, Flow, Maybe, NodeParameterValue } from '@code0-tech/sagittarius-graphql-types';
-export declare abstract class DFlowDataTypeReactiveService extends ReactiveArrayService<DataTypeView> {
-    getDataType(type: DataTypeIdentifier): DataTypeView | undefined;
-    getDataTypeFromValue(value: NodeParameterValue, flow?: Flow): DataTypeView | undefined;
-    getTypeFromValue(value: NodeParameterValue, flow?: Flow): Maybe<DataTypeIdentifier> | undefined;
-    hasDataTypes(types: DataTypeIdentifier[]): boolean;
+import { DataTypeIdentifier, Flow, Maybe, Namespace, NamespaceProject, NodeParameterValue, Runtime } from '@code0-tech/sagittarius-graphql-types';
+export type DFlowDataTypeDependencies = {
+    namespaceId: Namespace['id'];
+    projectId: NamespaceProject['id'];
+    runtimeId: Runtime['id'];
+};
+export declare abstract class DFlowDataTypeReactiveService extends ReactiveArrayService<DataTypeView, DFlowDataTypeDependencies> {
+    getDataType(type: DataTypeIdentifier, dependencies?: DFlowDataTypeDependencies): DataTypeView | undefined;
+    getDataTypeFromValue(value: NodeParameterValue, flow?: Flow, dependencies?: DFlowDataTypeDependencies): DataTypeView | undefined;
+    getTypeFromValue(value: NodeParameterValue, flow?: Flow, dependencies?: DFlowDataTypeDependencies): Maybe<DataTypeIdentifier> | undefined;
+    hasDataTypes(types: DataTypeIdentifier[], dependencies?: DFlowDataTypeDependencies): boolean;
 }

package/dist/components/d-flow-data-type/DFlowDataType.service.js

@@ -1,16 +1,16 @@
 import "../../utils/contextStore.js";
 import "react";
-import { ReactiveArrayService as s } from "../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as f } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-import { resolveType as y } from "../../utils/generics.js";
-import { useValueValidation as f } from "../d-flow-validation/DValueValidation.hook.js";
-class D extends s {
-  getDataType(e) {
+import { resolveType as s } from "../../utils/generics.js";
+import { useValueValidation as o } from "../d-flow-validation/DValueValidation.hook.js";
+class v extends f {
+  getDataType(e, r) {
     if (!e || e.genericKey) return;
     const i = e.dataType?.identifier ?? e.genericType?.dataType?.identifier, t = e.dataType?.id ?? e.genericType?.dataType?.id;
-    return this.values().find((r) => r.identifier == i || r.id == t);
+    return this.values().find((a) => a.identifier == i || a.id == t);
   }
-  getDataTypeFromValue(e, i) {
+  getDataTypeFromValue(e, r, i) {
     if (!e) return;
     if (e.__typename == "LiteralValue") {
       if (Array.isArray(e.value) && Array.from(e.value).length > 0) return this.getDataType({
@@ -22,72 +22,72 @@ class D extends s {
         dataType: {
           identifier: "TEXT"
         }
-      });
+      }, i);
       if (typeof e.value == "number") return this.getDataType({
         dataType: {
           identifier: "NUMBER"
         }
-      });
+      }, i);
       if (typeof e.value == "boolean") return this.getDataType({
         dataType: {
           identifier: "BOOLEAN"
         }
-      });
+      }, i);
     }
-    const t = this.values().filter((r) => r.identifier === "OBJECT" || e.__typename === "NodeFunctionIdWrapper" && (r.variant != "NODE" || !i) ? !1 : f(e, r, this, i));
+    const t = this.values(i).filter((a) => a.identifier === "OBJECT" || e.__typename === "NodeFunctionIdWrapper" && (a.variant != "NODE" || !r) ? !1 : o(e, a, this, r));
     return t[t.length - 1];
   }
-  getTypeFromValue(e, i) {
+  getTypeFromValue(e, r, i) {
     if (!e) return;
     if (e.__typename === "ReferenceValue") return e.dataTypeIdentifier;
-    const t = this.getDataTypeFromValue(e, i);
+    const t = this.getDataTypeFromValue(e, r, i);
     if ((t?.genericKeys?.length ?? 0) <= 0 || !t?.genericKeys) return {
       dataType: {
         id: t?.id
       }
     };
-    const r = t.genericKeys.map((a) => {
-      const n = t.rules?.nodes?.find((d) => "dataTypeIdentifier" in (d?.config ?? {}) && d?.config?.dataTypeIdentifier?.genericKey == a || "inputTypes" in (d?.config ?? {}) && d.config.inputTypes?.some((T) => T.dataTypeIdentifier?.genericKey == a));
-      return n && n.variant == "CONTAINS_TYPE" && "value" in e && e?.value && t.variant === "ARRAY" ? {
+    const a = t.genericKeys.map((n) => {
+      const T = t.rules?.nodes?.find((p) => "dataTypeIdentifier" in (p?.config ?? {}) && p?.config?.dataTypeIdentifier?.genericKey == n || "inputTypes" in (p?.config ?? {}) && p.config.inputTypes?.some((y) => y.dataTypeIdentifier?.genericKey == n));
+      return T && T.variant == "CONTAINS_TYPE" && "value" in e && e?.value && t.variant === "ARRAY" ? {
         sourceDataTypeIdentifiers: [this.getTypeFromValue({
           __typename: "LiteralValue",
           value: e.value[0]
-        }, i)],
-        target: a
-      } : n && n.variant == "CONTAINS_KEY" && "value" in e && e?.value && t.variant === "OBJECT" ? {
+        }, r, i)],
+        target: n
+      } : T && T.variant == "CONTAINS_KEY" && "value" in e && e?.value && t.variant === "OBJECT" ? {
         sourceDataTypeIdentifiers: [this.getTypeFromValue({
           __typename: "LiteralValue",
           /* @ts-ignore */
-          value: e.value[n.config?.key ?? ""]
-        }, i)],
-        target: a
-      } : n && n.variant == "RETURN_TYPE" && t.variant === "NODE" ? {
-        sourceDataTypeIdentifiers: [this.getTypeFromValue(e, i)],
-        target: a
-      } : n && n.variant == "INPUT_TYPES" && t.variant === "NODE" ? {
+          value: e.value[T.config?.key ?? ""]
+        }, r, i)],
+        target: n
+      } : T && T.variant == "RETURN_TYPE" && t.variant === "NODE" ? {
+        sourceDataTypeIdentifiers: [this.getTypeFromValue(e, r, i)],
+        target: n
+      } : T && T.variant == "INPUT_TYPES" && t.variant === "NODE" ? {
         sourceDataTypeIdentifiers: [{
-          genericKey: a
+          genericKey: n
         }],
-        target: a
+        target: n
       } : null;
-    }).filter((a) => !!a), p = r.length > 0 ? {
+    }).filter((n) => !!n), d = a.length > 0 ? {
       genericType: {
         dataType: {
           id: t.id
         },
-        genericMappers: r
+        genericMappers: a
       }
     } : {
       dataType: {
         id: t.id
       }
     };
-    return y(p, this);
+    return s(d, this);
   }
-  hasDataTypes(e) {
-    return e.every((i) => this.values().find((t) => t.id === (i.genericType?.dataType?.id ?? i.dataType?.id)));
+  hasDataTypes(e, r) {
+    return e.every((i) => this.values(r).find((t) => t.id === (i.genericType?.dataType?.id ?? i.dataType?.id)));
   }
 }
 export {
-  D as DFlowDataTypeReactiveService
+  v as DFlowDataTypeReactiveService
 };

package/dist/components/d-flow-file/DFlowTabs.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
-import { Flow } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowTabsProps {
     flowId: Flow['id'];
+    namespaceId: Namespace['id'];
+    projectId: NamespaceProject['id'];
 }
 export declare const DFlowTabs: React.FC<DFlowTabsProps>;

package/dist/components/d-flow-file/DFlowTabs.js

@@ -3,12 +3,12 @@ import { useService as u, useStore as g } from "../../utils/contextStore.js";
 import n from "react";
 import "merge-props";
 import { FileTabsService as S } from "../file-tabs/FileTabs.service.js";
-import { FileTabs as V, FileTabsContent as E, FileTabsList as G, FileTabsTrigger as U } from "../file-tabs/FileTabs.js";
-import { Menu as x, MenuTrigger as w, MenuPortal as C, MenuContent as M, MenuLabel as m, MenuItem as c, MenuSeparator as v } from "../menu/Menu.js";
-import { Button as z } from "../button/Button.js";
-import { IconPlus as H, IconArrowUp as I, IconArrowDown as F, IconCornerDownLeft as L, IconDotsVertical as J } from "@tabler/icons-react";
-import { DLayout as K } from "../d-layout/DLayout.js";
-import { ButtonGroup as Q } from "../button-group/ButtonGroup.js";
+import { FileTabs as G, FileTabsContent as U, FileTabsList as H, FileTabsTrigger as J } from "../file-tabs/FileTabs.js";
+import { Menu as x, MenuTrigger as w, MenuPortal as C, MenuContent as I, MenuLabel as m, MenuItem as c, MenuSeparator as v } from "../menu/Menu.js";
+import { Button as M } from "../button/Button.js";
+import { IconPlus as K, IconArrowUp as z, IconArrowDown as F, IconCornerDownLeft as L, IconDotsVertical as Q } from "@tabler/icons-react";
+import { DLayout as X } from "../d-layout/DLayout.js";
+import { ButtonGroup as Y } from "../button-group/ButtonGroup.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as A } from "../d-flow/DFlow.service.js";
 import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
@@ -23,30 +23,35 @@ import { Card as D } from "../card/Card.js";
 import { Flex as l } from "../flex/Flex.js";
 import { Badge as a } from "../badge/Badge.js";
 import { Spacing as W } from "../spacing/Spacing.js";
-const Se = (k) => {
+const we = (k) => {
   const {
-    flowId: R
-  } = k, t = u(S), o = g(S), $ = u(A), q = g(A), N = u(B), O = g(B), h = n.useId(), b = n.useMemo(() => $.getById(R), [q]), p = n.useMemo(() => N.getById(b?.type?.id), [O, b]), T = n.useMemo(() => o.find((r) => r.active)?.id ?? t.getActiveTab()?.id, [o, t]), d = n.useMemo(() => {
+    flowId: R,
+    namespaceId: $,
+    projectId: j
+  } = k, t = u(S), o = g(S), q = u(A), N = g(A), O = u(B), P = g(B), h = n.useId(), b = n.useMemo(() => q.getById(R, {
+    namespaceId: $,
+    projectId: j
+  }), [N]), p = n.useMemo(() => O.getById(b?.type?.id), [P, b]), T = n.useMemo(() => o.find((r) => r.active)?.id ?? t.getActiveTab()?.id, [o, t]), d = n.useMemo(() => {
     if (p?.id)
       return o.find((r) => r.id === p.id);
-  }, [o, p]), y = n.useMemo(() => o.filter((r) => r.show), [o, d]), j = n.useMemo(() => o.filter((r) => !r.show && r.id !== d?.id), [o, d]);
+  }, [o, p]), y = n.useMemo(() => o.filter((r) => r.show), [o, d]), V = n.useMemo(() => o.filter((r) => !r.show && r.id !== d?.id), [o, d]);
   return n.useEffect(() => {
     setTimeout(() => {
       const s = document.querySelector('[data-id="' + h + '"]').querySelector(".file-tabs__list-content"), f = s.querySelector('[data-value="' + t.getActiveTab()?.id + '"]');
       if (s && f) {
-        const P = f.offsetLeft + f.offsetWidth / 2 - s.offsetWidth / 2;
+        const E = f.offsetLeft + f.offsetWidth / 2 - s.offsetWidth / 2;
         s.scrollLeft = 0, s.scrollBy({
-          left: P,
+          left: E,
           behavior: "smooth"
         });
       }
     }, 0);
-  }, [T, h]), /* @__PURE__ */ e(V, { "data-id": h, value: T, onValueChange: (r) => {
+  }, [T, h]), /* @__PURE__ */ e(G, { "data-id": h, value: T, onValueChange: (r) => {
     t.activateTab(r), t.update();
-  }, children: /* @__PURE__ */ e(K, { topContent: /* @__PURE__ */ e(G, { controls: /* @__PURE__ */ i(Q, { children: [
+  }, children: /* @__PURE__ */ e(X, { topContent: /* @__PURE__ */ e(H, { controls: /* @__PURE__ */ i(Y, { children: [
     /* @__PURE__ */ i(x, { children: [
-      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ e(H, { size: 12 }) }) }),
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(M, { align: "start", sideOffset: 8, color: "secondary", children: [
+      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(M, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ e(K, { size: 12 }) }) }),
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(I, { align: "start", sideOffset: 8, color: "secondary", children: [
         /* @__PURE__ */ i(D, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
           borderWidth: "2px"
         }, children: [
@@ -59,7 +64,7 @@ const Se = (k) => {
           }, children: r.children }, `menu-${r.id}`)),
           /* @__PURE__ */ e(v, {}),
           /* @__PURE__ */ e(m, { children: "Available Node" }),
-          j.map((r) => /* @__PURE__ */ e(c, { onSelect: () => {
+          V.map((r) => /* @__PURE__ */ e(c, { onSelect: () => {
             t.activateTab(r.id);
           }, children: r.children }, `menu-${r.id}`))
         ] }),
@@ -70,7 +75,7 @@ const Se = (k) => {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ i(l, { children: [
-              /* @__PURE__ */ e(a, { border: !0, children: /* @__PURE__ */ e(I, { size: 12 }) }),
+              /* @__PURE__ */ e(a, { border: !0, children: /* @__PURE__ */ e(z, { size: 12 }) }),
               /* @__PURE__ */ e(a, { border: !0, children: /* @__PURE__ */ e(F, { size: 12 }) })
             ] }),
             "move"
@@ -86,8 +91,8 @@ const Se = (k) => {
       ] }) })
     ] }),
     /* @__PURE__ */ i(x, { children: [
-      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ e(J, { size: 12 }) }) }),
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(M, { align: "end", sideOffset: 8, color: "secondary", children: [
+      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(M, { variant: "none", paddingSize: "xxs", color: "primary", children: /* @__PURE__ */ e(Q, { size: 12 }) }) }),
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(I, { align: "end", sideOffset: 8, color: "secondary", children: [
         /* @__PURE__ */ i(D, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
           borderWidth: "2px"
         }, children: [
@@ -104,7 +109,7 @@ const Se = (k) => {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ i(l, { children: [
-              /* @__PURE__ */ e(a, { border: !0, children: /* @__PURE__ */ e(I, { size: 12 }) }),
+              /* @__PURE__ */ e(a, { border: !0, children: /* @__PURE__ */ e(z, { size: 12 }) }),
               /* @__PURE__ */ e(a, { border: !0, children: /* @__PURE__ */ e(F, { size: 12 }) })
             ] }),
             "move"
@@ -119,10 +124,10 @@ const Se = (k) => {
         ] }) })
       ] }) })
     ] })
-  ] }), children: y.map((r, s) => r.show && /* @__PURE__ */ e(U, { closable: r.closeable, value: r.id, onClose: () => {
+  ] }), children: y.map((r, s) => r.show && /* @__PURE__ */ e(J, { closable: r.closeable, value: r.id, onClose: () => {
     t.removeTabById(r.id);
-  }, children: r.children }, `trigger-${r.id}`)) }), children: o.map((r) => /* @__PURE__ */ e(E, { value: r.id, children: r.content }, `content-${r.id}`)) }) });
+  }, children: r.children }, `trigger-${r.id}`)) }), children: o.map((r) => /* @__PURE__ */ e(U, { value: r.id, children: r.content }, `content-${r.id}`)) }) });
 };
 export {
-  Se as DFlowTabs
+  we as DFlowTabs
 };

package/dist/components/d-flow-folder/DFlowFolder.d.ts

@@ -1,25 +1,33 @@
 import { default as React } from 'react';
 import { Code0Component } from '../../utils';
-import { Flow, FlowType, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, FlowType, Namespace, NamespaceProject, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { DFlowFolderContextMenuGroupData, DFlowFolderContextMenuItemData } from './DFlowFolderContextMenu';
 export interface DFlowFolderProps {
     activeFlowId: Scalars["FlowID"]["output"];
-    onRename?: (flow: Flow, newName: string) => void;
-    onDelete?: (flow: Flow) => void;
-    onCreate?: (name: string, type: FlowType['id']) => void;
+    namespaceId: Namespace['id'];
+    projectId: NamespaceProject['id'];
+    onRename?: (contextData: DFlowFolderContextMenuGroupData | DFlowFolderContextMenuItemData) => void;
+    onDelete?: (contextData: DFlowFolderContextMenuGroupData | DFlowFolderContextMenuItemData) => void;
+    onCreate?: (type: FlowType['id']) => void;
+    onSelect?: (flow: Flow) => void;
 }
-export interface DFlowFolderGroupProps extends DFlowFolderProps, Omit<Code0Component<HTMLDivElement>, "controls"> {
+export type DFlowFolderHandle = {
+    openAll: () => void;
+    closeAll: () => void;
+    openActivePath: () => void;
+};
+export interface DFlowFolderGroupProps extends DFlowFolderProps, Omit<Code0Component<HTMLDivElement>, "onSelect"> {
     name: string;
     children: React.ReactElement<DFlowFolderItemProps> | React.ReactElement<DFlowFolderItemProps>[] | React.ReactElement<DFlowFolderGroupProps> | React.ReactElement<DFlowFolderGroupProps>[];
     defaultOpen?: boolean;
     flows: Flow[];
 }
-export interface DFlowFolderItemProps extends DFlowFolderProps, Code0Component<HTMLDivElement> {
+export interface DFlowFolderItemProps extends DFlowFolderProps, Omit<Code0Component<HTMLDivElement>, "onSelect"> {
     name: string;
     path: string;
-    icon?: React.ReactNode;
     active?: boolean;
     flow: Flow;
 }
-export declare const DFlowFolder: React.FC<DFlowFolderProps>;
+export declare const DFlowFolder: React.ForwardRefExoticComponent<DFlowFolderProps & React.RefAttributes<DFlowFolderHandle>>;
 export declare const DFlowFolderGroup: React.FC<DFlowFolderGroupProps>;
 export declare const DFlowFolderItem: React.FC<DFlowFolderItemProps>;