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

package/dist/assets/components/aurora/Aurora.style.css

@@ -0,0 +1 @@
+.aurora-background{position:absolute;height:100%;width:100%;left:0;top:0;border-radius:inherit;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;transition:background-color .15s ease,color .15s ease;--aurora: repeating-linear-gradient( 100deg, rgba(112, 255, 178, .7) 0%, rgba(226, 112, 255, .9) 8%, rgba(181, 255, 214, .8) 16%, rgba(199, 255, 112, .9) 24%, transparent 32% );--gradient: repeating-linear-gradient( 100deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 3%, transparent 10%, transparent 12%, rgba(255,255,255, 1) 16% );--transparent: transparent}.aurora-background__overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}.aurora-background__aurora{position:absolute;inset:-10px;pointer-events:none;opacity:.5;filter:blur(10px);will-change:transform;background-image:var(--gradient),var(--aurora);background-size:300% 300%,200% 200%;background-position:50% 50%,50% 50%}.aurora-background__aurora:after{content:"";position:absolute;inset:0;background-image:var(--gradient),var(--aurora);background-size:200% 200%,100% 100%;background-attachment:fixed;mix-blend-mode:difference;animation:aurora-animation 45s ease-in-out infinite alternate}.aurora-background--radial-mask .aurora-background__aurora{mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%)}@keyframes aurora-animation{0%{background-position:0% 50%,50% 50%}50%{background-position:100% 50%,50% 50%}to{background-position:0% 50%,50% 50%}}

package/dist/assets/components/form/Input.style.css

@@ -1 +1 @@
-.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:pre;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-caret{display:inline-block;width:1px;height:1rem;background:#ffffffb3;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite;pointer-events:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.input__syntax-char{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-char--selected{background:#ffffff1a;padding:4px 0}.input__syntax-block{user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-block--selected{background:#ffffff1a;padding:4px 0}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;border:none;outline:none;padding:.7rem;flex:1;width:100%;box-shadow:none;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__control--syntax{color:transparent;caret-color:transparent}.input__control--syntax::selection{background:transparent}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;box-shadow:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true]{background:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#353343;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;box-shadow:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.checkbox-input__button{aspect-ratio:1/1;width:17px;height:17px;display:flex;align-items:center;justify-content:center}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true]{background:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__button{border-radius:1rem}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;box-shadow:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}
+.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:pre;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-caret{display:inline-block;width:1px;height:1rem;background:#ffffffb3;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite;pointer-events:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.input__syntax-char{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-char--selected{background:#ffffff1a;padding:4px 0}.input__syntax-block{user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-block--selected{background:#ffffff1a;padding:4px 0}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;border:none;outline:none;padding:.7rem;flex:1;width:100%;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__control--syntax{color:transparent;caret-color:transparent}.input__control--syntax::selection{background:transparent}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;border:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true]{background:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#353343;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;border:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.checkbox-input__button{aspect-ratio:1/1;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;cursor:pointer}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true]{background:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__button[data-state=checked]{background:#193334;outline:none}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;border:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}

package/dist/components/aurora/Aurora.d.ts

@@ -0,0 +1,5 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface AuroraBackgroundProps extends HTMLAttributes<HTMLDivElement> {
+    showRadialGradient?: boolean;
+}
+export declare const AuroraBackground: React.FC<AuroraBackgroundProps>;

package/dist/components/aurora/Aurora.js

@@ -0,0 +1,23 @@
+import { jsx as d } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/aurora/Aurora.style.css';/* empty css                  */
+const k = (i) => {
+  const a = m.c(11);
+  let r, o, e;
+  a[0] !== i ? ({
+    className: r,
+    showRadialGradient: e,
+    ...o
+  } = i, a[0] = i, a[1] = r, a[2] = o, a[3] = e) : (r = a[1], o = a[2], e = a[3]);
+  const c = (e === void 0 ? !0 : e) && "aurora-background--radial-mask";
+  let s;
+  a[4] !== r || a[5] !== c ? (s = ["aurora-background", c, r].filter(Boolean), a[4] = r, a[5] = c, a[6] = s) : s = a[6];
+  const n = s.join(" ");
+  let t;
+  a[7] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ d("div", { className: "aurora-background__overlay", children: /* @__PURE__ */ d("div", { className: "aurora-background__aurora" }) }), a[7] = t) : t = a[7];
+  let l;
+  return a[8] !== o || a[9] !== n ? (l = /* @__PURE__ */ d("div", { className: n, ...o, children: t }), a[8] = o, a[9] = n, a[10] = l) : l = a[10], l;
+};
+export {
+  k as AuroraBackground
+};

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

@@ -1,5 +1,5 @@
-import { DataType, Flow, FlowSetting, FlowType, FunctionDefinition, LiteralValue, Maybe, NodeFunction, NodeParameter, NodeParameterValue, ReferenceValue, RuntimeParameterDefinition, Scalars } from '@code0-tech/sagittarius-graphql-types';
-import { ValidationResult } from '../../utils/inspection';
+import { DataType, Flow, FlowInput, FlowSetting, FlowSettingInput, FlowType, FunctionDefinition, LiteralValue, Maybe, NodeFunction, NodeFunctionInput, NodeParameter, NodeParameterInput, NodeParameterValue, ReferenceValue, RuntimeParameterDefinition, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { ValidationResult } from '../../utils';
 export declare class FlowView {
     /** Time when this Flow was created */
     private readonly _createdAt?;
@@ -40,6 +40,7 @@ export declare class FlowView {
     removeNode(nodeId: Scalars['NodeFunctionID']['output']): void;
     getNodeById(nodeId: Scalars['NodeFunctionID']['output']): NodeFunctionView | undefined;
     json(): Flow;
+    jsonInput(): FlowInput;
 }
 export declare class NodeFunctionView {
     /** Time when this NodeFunction was created */
@@ -64,6 +65,7 @@ export declare class NodeFunctionView {
     set nextNodeId(value: Maybe<Scalars["NodeFunctionID"]["output"]>);
     deleteNextNode(): void;
     json(): NodeFunction | undefined;
+    jsonInput(): NodeFunctionInput;
 }
 export declare class NodeParameterView {
     /** Time when this NodeParameter was created */
@@ -87,6 +89,7 @@ export declare class NodeParameterView {
     set validationResults(value: ValidationResult[]);
     set value(value: NodeParameterValue | undefined);
     json(): NodeParameter | undefined;
+    jsonInput(): NodeParameterInput;
 }
 export declare class FlowSettingView {
     private readonly _createdAt?;
@@ -106,4 +109,5 @@ export declare class FlowSettingView {
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     set value(value: Maybe<Scalars["JSON"]["output"]>);
     json(): FlowSetting;
+    jsonInput(): FlowSettingInput;
 }

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

@@ -1,7 +1,7 @@
 function e(s, t, i) {
-  return (t = n(t)) in s ? Object.defineProperty(s, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = i, s;
+  return (t = r(t)) in s ? Object.defineProperty(s, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = i, s;
 }
-function n(s) {
+function r(s) {
   var t = a(s, "string");
   return typeof t == "symbol" ? t : t + "";
 }
@@ -9,15 +9,15 @@ function a(s, t) {
   if (typeof s != "object" || !s) return s;
   var i = s[Symbol.toPrimitive];
   if (i !== void 0) {
-    var r = i.call(s, t);
-    if (typeof r != "object") return r;
+    var d = i.call(s, t);
+    if (typeof d != "object") return d;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(s);
 }
-class h {
+class o {
   constructor(t) {
-    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_inputType", void 0), e(this, "_nodes", void 0), e(this, "_returnType", void 0), e(this, "_settings", void 0), e(this, "_startingNodeId", void 0), e(this, "_type", void 0), e(this, "_updatedAt", void 0), e(this, "_name", void 0), this._createdAt = t.createdAt, this._id = t.id, this._inputType = t.inputType, this._nodes = t.nodes?.nodes?.map((i) => new d(i)), this._returnType = t.returnType, this._settings = t.settings?.nodes?.map((i) => new u(i)), this._startingNodeId = t.startingNodeId, this._type = t.type, this._updatedAt = t.updatedAt, this._name = t.name;
+    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_inputType", void 0), e(this, "_nodes", void 0), e(this, "_returnType", void 0), e(this, "_settings", void 0), e(this, "_startingNodeId", void 0), e(this, "_type", void 0), e(this, "_updatedAt", void 0), e(this, "_name", void 0), this._createdAt = t.createdAt, this._id = t.id, this._inputType = t.inputType, this._nodes = t.nodes?.nodes?.map((i) => new n(i)), this._returnType = t.returnType, this._settings = t.settings?.nodes?.map((i) => new _(i)), this._startingNodeId = t.startingNodeId, this._type = t.type, this._updatedAt = t.updatedAt, this._name = t.name;
   }
   get createdAt() {
     return this._createdAt;
@@ -90,10 +90,19 @@ class h {
       name: this._name
     };
   }
+  jsonInput() {
+    return {
+      name: this._name,
+      nodes: this._nodes?.map((t) => t.jsonInput()),
+      settings: this._settings?.map((t) => t.jsonInput()),
+      startingNodeId: this._startingNodeId,
+      type: "gid://sagittarius/FlowType/1"
+    };
+  }
 }
-class d {
+class n {
   constructor(t) {
-    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_nextNodeId", void 0), e(this, "_parameters", void 0), e(this, "_functionDefinition", void 0), e(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._id = t.id, this._nextNodeId = t.nextNodeId, this._functionDefinition = t.functionDefinition, this._updatedAt = t.updatedAt, this._parameters = t.parameters ? t.parameters.nodes?.map((i) => new _(i)) : void 0;
+    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_nextNodeId", void 0), e(this, "_parameters", void 0), e(this, "_functionDefinition", void 0), e(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._id = t.id, this._nextNodeId = t.nextNodeId, this._functionDefinition = t.functionDefinition, this._updatedAt = t.updatedAt, this._parameters = t.parameters ? t.parameters.nodes?.map((i) => new u(i)) : void 0;
   }
   get createdAt() {
     return this._createdAt;
@@ -132,10 +141,18 @@ class d {
       updatedAt: this._updatedAt
     };
   }
+  jsonInput() {
+    return {
+      nextNodeId: this._nextNodeId,
+      id: this._id,
+      parameters: this._parameters ? this._parameters.map((t) => t.jsonInput()) : void 0,
+      runtimeFunctionId: this._functionDefinition?.runtimeFunctionDefinition?.id
+    };
+  }
 }
-class _ {
+class u {
   constructor(t) {
-    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_runtimeParameter", void 0), e(this, "_updatedAt", void 0), e(this, "_value", void 0), e(this, "_validationResults", void 0), this._createdAt = t.createdAt, this._id = t.id, this._runtimeParameter = t.runtimeParameter, this._updatedAt = t.updatedAt, t.value?.__typename === "NodeFunction" ? this._value = new d(t.value) : this._value = t.value, this._validationResults = [];
+    e(this, "_createdAt", void 0), e(this, "_id", void 0), e(this, "_runtimeParameter", void 0), e(this, "_updatedAt", void 0), e(this, "_value", void 0), e(this, "_validationResults", void 0), this._createdAt = t.createdAt, this._id = t.id, this._runtimeParameter = t.runtimeParameter, this._updatedAt = t.updatedAt, t.value?.__typename === "NodeFunction" ? this._value = new n(t.value) : this._value = t.value, this._validationResults = [];
   }
   get createdAt() {
     return this._createdAt;
@@ -159,7 +176,7 @@ class _ {
     this._validationResults = t;
   }
   set value(t) {
-    t?.__typename === "NodeFunction" ? this._value = new d(t) : this._value = t;
+    t?.__typename === "NodeFunction" ? this._value = new n(t) : this._value = t;
   }
   json() {
     return {
@@ -168,11 +185,23 @@ class _ {
       id: this._id,
       runtimeParameter: this._runtimeParameter,
       updatedAt: this._updatedAt,
-      value: this._value instanceof d ? this._value.json() : this._value
+      value: this._value instanceof n ? this._value.json() : this._value
+    };
+  }
+  jsonInput() {
+    return {
+      value: this._value instanceof n ? {
+        functionValue: this._value.jsonInput()
+      } : this._value?.__typename === "ReferenceValue" ? {
+        referenceValue: this._value
+      } : {
+        literalValue: this._value
+      },
+      runtimeParameterDefinitionId: this.runtimeParameter?.id
     };
   }
 }
-class u {
+class _ {
   constructor(t) {
     e(this, "_createdAt", void 0), e(this, "_flowSettingIdentifier", void 0), e(this, "_id", void 0), e(this, "_updatedAt", void 0), e(this, "_value", void 0), this._createdAt = t.createdAt, this._flowSettingIdentifier = t.flowSettingIdentifier, this._id = t.id, this._value = t.value, this._updatedAt = t.updatedAt;
   }
@@ -204,10 +233,16 @@ class u {
       updatedAt: this._updatedAt
     };
   }
+  jsonInput() {
+    return {
+      value: this.value,
+      flowSettingIdentifier: this.flowSettingIdentifier
+    };
+  }
 }
 export {
-  u as FlowSettingView,
-  h as FlowView,
-  d as NodeFunctionView,
-  _ as NodeParameterView
+  _ as FlowSettingView,
+  o as FlowView,
+  n as NodeFunctionView,
+  u as NodeParameterView
 };

package/dist/components/d-flow/control/DFlowControl.js

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

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

@@ -62,7 +62,7 @@ class l extends s {
       } : n && n.variant == "RETURN_TYPE" && t.variant === "NODE" ? {
         sourceDataTypeIdentifiers: [this.getTypeFromValue(e, i)],
         target: a
-      } : n && n.variant == "INPUT_TYPE" && t.variant === "NODE" ? {
+      } : n && n.variant == "INPUT_TYPES" && t.variant === "NODE" ? {
         sourceDataTypeIdentifiers: [{
           genericKey: a
         }],

package/dist/components/d-flow/export/DFlowExport.d.ts

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

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

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

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

@@ -101,7 +101,7 @@ const ie = (i, p, s, g = 0, u = [0], T = 1, v = [f.REF_OBJECT, f.VALUE, f.FUNCTI
         for (const n of a.parameterDefinitions) {
           const e = p.getDataType(n.dataTypeIdentifier);
           if (!e || e.variant === "NODE") continue;
-          const t = e.rules?.nodes?.filter((c) => c?.variant === "INPUT_TYPE") ?? [];
+          const t = e.rules?.nodes?.filter((c) => c?.variant === "INPUT_TYPES") ?? [];
           if (t.length) {
             const d = r.parameters.find((F) => F.id === n.id)?.value, _ = d !== void 0 ? d instanceof D ? [d.json()] : [d] : [];
             for (const F of t) {

package/dist/components/d-flow/type/DFlowType.view.d.ts

@@ -25,7 +25,7 @@ export declare class FlowTypeView {
     get descriptions(): Maybe<TranslationConnection> | undefined;
     get editable(): Maybe<Scalars["Boolean"]["output"]> | undefined;
     get flowTypeSettings(): Maybe<Array<FlowTypeSetting>> | undefined;
-    get id(): Maybe<Scalars["TypesFlowTypeID"]["output"]> | undefined;
+    get id(): Maybe<Scalars["FlowTypeID"]["output"]> | undefined;
     get identifier(): Maybe<Scalars["String"]["output"]> | undefined;
     get inputType(): Maybe<DataType> | undefined;
     get names(): Maybe<TranslationConnection> | undefined;

package/dist/components/d-member/DNamespaceMember.service.js

@@ -2,16 +2,16 @@ import "../../utils/contextStore.js";
 import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-class m extends t {
-  getById(e, i) {
-    return this.values(i).find((r) => r.id === e);
+class n extends t {
+  getById(i, r) {
+    return this.values(r).find((e) => e && e.id === i);
   }
-  getByNamespaceIdAndUserId(e, i) {
+  getByNamespaceIdAndUserId(i, r) {
     return this.values({
-      namespaceId: e
-    }).find((r) => r.namespace?.id === e && r.user?.id === i);
+      namespaceId: i
+    }).find((e) => e.namespace?.id === i && e.user?.id === r);
   }
 }
 export {
-  m as DNamespaceMemberReactiveService
+  n as DNamespaceMemberReactiveService
 };

package/dist/components/d-namespace/DNamespace.service.js

@@ -3,8 +3,8 @@ import "react";
 import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
 import "merge-props";
 class p extends i {
-  getById(e) {
-    return this.values().find((r) => r.id === e);
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
 }
 export {

package/dist/components/d-organization/DOrganization.service.js

@@ -1,12 +1,12 @@
 import "../../utils/contextStore.js";
 import "react";
-import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-class n extends r {
-  getById(e) {
-    return this.values().find((i) => i.id === e);
+class p extends i {
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
 }
 export {
-  n as DOrganizationReactiveService
+  p as DOrganizationReactiveService
 };

package/dist/components/d-project/DNamespaceProject.service.js

@@ -1,12 +1,12 @@
 import "../../utils/contextStore.js";
 import "react";
-import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
-class s extends i {
-  getById(e, r) {
-    return this.values(r).find((t) => t.id === e);
+class p extends t {
+  getById(r, i) {
+    return this.values(i).find((e) => e && e.id === r);
   }
 }
 export {
-  s as DNamespaceProjectReactiveService
+  p as DNamespaceProjectReactiveService
 };

package/dist/components/d-project/DNamespaceProjectContent.d.ts

@@ -5,5 +5,6 @@ import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectContentProps extends Code0Component<HTMLDivElement> {
     projectId: NamespaceProject["id"];
     onSetting?: (project: DNamespaceProjectView) => void;
+    minimized?: boolean;
 }
 export declare const DNamespaceProjectContent: React.FC<DNamespaceProjectContentProps>;

package/dist/components/d-project/DNamespaceProjectContent.js

@@ -1,61 +1,68 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useService as a } from "../../utils/contextStore.js";
-import l from "react";
+import p from "react";
 import "merge-props";
 import { Flex as t } from "../flex/Flex.js";
-import { DNamespaceProjectReactiveService as g } from "./DNamespaceProject.service.js";
-import { Avatar as h } from "../avatar/Avatar.js";
-import { Text as o } from "../text/Text.js";
+import { DNamespaceProjectReactiveService as y } from "./DNamespaceProject.service.js";
+import { Avatar as g } from "../avatar/Avatar.js";
+import { Text as n } from "../text/Text.js";
 import { Badge as c } from "../badge/Badge.js";
-import { IconGitFork as f, IconServer as j, IconServerSpark as v, IconSettings as x } from "@tabler/icons-react";
-import { DRuntimeReactiveService as S } from "../d-runtime/DRuntime.service.js";
+import { IconGitFork as x, IconServer as v, IconServerSpark as z, IconEdit as j } from "@tabler/icons-react";
+import { DRuntimeReactiveService as b } from "../d-runtime/DRuntime.service.js";
 import "../../_virtual/compiler-runtime.js";
 import '../../assets/components/card/Card.style.css';/* empty css                      */
-import { Button as z } from "../button/Button.js";
-const T = (p) => {
+import { Button as S } from "../button/Button.js";
+const T = (d) => {
   const {
-    projectId: n,
-    onSetting: d = () => {
-    }
-  } = p, s = a(g), u = a(S), e = l.useMemo(() => s.getById(n), [s, n]), m = l.useMemo(() => e ? u.getById(e.primaryRuntime?.id) : null, [e]);
+    projectId: s,
+    onSetting: u = () => {
+    },
+    minimized: o = !1
+  } = d, l = a(y), h = o ? null : a(b), r = p.useMemo(() => l.getById(s), [l, s]), m = o ? null : p.useMemo(() => r ? h.getById(r.primaryRuntime?.id) : null, [r]);
   return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
     /* @__PURE__ */ i(t, { align: "center", style: {
-      gap: "1.3rem"
+      gap: "0.7rem"
     }, children: [
-      /* @__PURE__ */ r(h, { bg: "transparent", identifier: e?.name ?? "" }),
+      /* @__PURE__ */ e(g, { bg: "transparent", identifier: r?.name ?? "" }),
       /* @__PURE__ */ i(t, { style: {
         flexDirection: "column",
         gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ r(o, { size: "lg", hierarchy: "primary", display: "block", children: e?.name }),
-        /* @__PURE__ */ r(o, { size: "sm", hierarchy: "tertiary", display: "block", children: e?.description })
+        /* @__PURE__ */ e(n, { size: o ? "xs" : "md", hierarchy: "secondary", display: "block", children: r?.name }),
+        /* @__PURE__ */ e(n, { size: o ? "xs" : "sm", hierarchy: "tertiary", display: "block", children: r?.description })
       ] })
     ] }),
-    /* @__PURE__ */ i(t, { align: "center", style: {
+    o ? null : /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ i(t, { align: "center", style: {
-        gap: "0.35rem",
-        flexWrap: "wrap"
+      /* @__PURE__ */ i(t, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(f, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: e?.flows?.count ?? 0 })
-        ] }),
-        /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(j, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: e?.runtimes?.count ?? 0 })
-        ] }),
-        m && /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(v, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: m.name })
+        /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: "Usage" }),
+        /* @__PURE__ */ i(t, { align: "center", style: {
+          gap: "0.35rem",
+          flexWrap: "wrap"
+        }, children: [
+          /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(x, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: r?.flows?.count ?? 0 })
+          ] }),
+          /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(v, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: r?.runtimes?.count ?? 0 })
+          ] }),
+          m && /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(z, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: m.name })
+          ] })
         ] })
       ] }),
-      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(z, { color: "secondary", onClick: (y) => {
-        y.stopPropagation(), d(e);
-      }, children: /* @__PURE__ */ r(x, { size: 16 }) }) : null
+      r?.userAbilities?.deleteNamespaceProject || r?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ e(S, { color: "secondary", variant: "filled", onClick: (f) => {
+        f.stopPropagation(), u(r);
+      }, children: /* @__PURE__ */ e(j, { size: 16 }) }) : null
     ] })
   ] });
 };

package/dist/components/d-project/DNamespaceProjectMenu.d.ts

@@ -1,9 +1,13 @@
 import { default as React } from 'react';
 import { MenuProps } from '../menu/Menu';
-import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Namespace, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectMenuProps extends MenuProps {
-    projectId: Scalars['NamespaceProjectID']['output'];
-    onProjectSelect: (id: Scalars['NamespaceProjectID']['output']) => void;
+    onProjectSelect: (project: DNamespaceProjectView) => void;
+    namespaceId: Namespace["id"];
+    filter?: (project: DNamespaceProjectView, index: number) => boolean;
+    projectId?: Scalars['NamespaceProjectID']['output'];
+    children?: React.ReactNode;
 }
 declare const DNamespaceProjectMenu: React.FC<DNamespaceProjectMenuProps>;
 export default DNamespaceProjectMenu;