Missing input variables for NODE and Flow

.storybook/theme.js

@@ -10,7 +10,7 @@ export default create({
 
     brandTitle: 'Code0 Pictor',
     brandUrl: 'https://code0.tech',
-    brandImage: 'https://cdn.discordapp.com/attachments/1187919509298888746/1187921987868299388/Logo.png',
+    brandImage: 'https://code0.tech/code0_logo.png',
     brandTarget: '_self',
 
     // UI
@@ -40,4 +40,4 @@ export default create({
     inputBorder: '#91949A',
     inputTextColor: 'rgba(255,255,255, .5)',
     inputBorderRadius: 2,
-});
+});

package.json

@@ -20,7 +20,7 @@
     "@ariakit/react": "^0.4.17",
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-968478cecf351385c6c13c2be8aeae5c45da026c",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-a395eea54741fc1bb9649341ff6f082cc1c3e67e",
     "@dagrejs/dagre": "^2.0.0",
     "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -47,6 +47,7 @@
     "@tabler/icons-react": "3.35.0",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
@@ -93,7 +94,7 @@
   "types": "dist/index.d.ts",
   "peerDependencies": {
     "@ariakit/react": "^0.4.5",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-968478cecf351385c6c13c2be8aeae5c45da026c",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-a395eea54741fc1bb9649341ff6f082cc1c3e67e",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -119,6 +120,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@radix-ui/react-context-menu": "^2.2.16"
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "react-contenteditable": "^3.3.7"
   }
 }

src/components/button-group/ButtonGroup.tsx

@@ -16,9 +16,10 @@ export const ButtonGroup: React.FC<ButtonGroupType> = (props) => {
 
         {children.map((child, i) => {
             return <div
+                key={child.key ?? `button-group-${i}`}
                 className={`${i == 0 || i == children.length - 1 ? i == 0 ? "button-group__first" : "button-group__last" : "button-group__item"}`}>
                 {child}
             </div>
         })}
     </div>
-}
+}

src/components/d-flow-data-type/DFlowDataType.view.ts

@@ -1,27 +1,26 @@
 import type {
     DataType,
     DataTypeRuleConnection,
-    DataTypeVariant, Maybe, Runtime, Scalars,
-    TranslationConnection
+    DataTypeVariant, Maybe, Runtime, Scalars, Translation,
 } from "@code0-tech/sagittarius-graphql-types";
 
 
 export class DataTypeView {
 
     /** Name of the function */
-    private readonly _aliases?: Maybe<TranslationConnection>;
+    private readonly _aliases?: Maybe<Array<Translation>>;
     /** Time when this DataType was created */
     private readonly _createdAt?: Maybe<Scalars['Time']['output']>;
     /** Display message of the function */
-    private readonly _displayMessages?: Maybe<TranslationConnection>;
+    private readonly _displayMessages?: Maybe<Array<Translation>>;
     /** Generic keys of the datatype */
     private readonly _genericKeys?: Maybe<Array<Scalars['String']['output']>>;
     /** Global ID of this DataType */
     private readonly _id?: Maybe<Scalars['DataTypeID']['output']>;
     /** The identifier scoped to the namespace */
     private readonly _identifier?: Maybe<Scalars['String']['output']>;
     /** Names of the flow type setting */
-    private readonly _name?: Maybe<TranslationConnection>;
+    private readonly _name?: Maybe<Array<Translation>>;
     /** Rules of the datatype */
     private readonly _rules?: Maybe<DataTypeRuleConnection>;
     /** The namespace where this datatype belongs to */
@@ -45,15 +44,15 @@ export class DataTypeView {
         this._variant = dataType.variant;
     }
 
-    get aliases(): Maybe<TranslationConnection> | undefined {
+    get aliases(): Maybe<Array<Translation>> | undefined {
         return this._aliases;
     }
 
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined {
         return this._createdAt;
     }
 
-    get displayMessages(): Maybe<TranslationConnection> | undefined {
+    get displayMessages(): Maybe<Array<Translation>> | undefined {
         return this._displayMessages;
     }
 
@@ -69,7 +68,7 @@ export class DataTypeView {
         return this._identifier;
     }
 
-    get name(): Maybe<TranslationConnection> | undefined {
+    get name(): Maybe<Array<Translation>> | undefined {
         return this._name;
     }