Removed Watermark

Data/WebUI/src/components/FlowEditor.jsx

@@ -24,27 +24,43 @@ export default function FlowEditor() {
   const [elements, setElements] = useState([]);
 
   useEffect(() => {
-        fetchNodes().then((data) => setElements([...data.nodes, ...data.edges]));
+    fetchNodes().then((data) => {
+      // Data should contain nodes and edges arrays
+      const newElements = [...data.nodes, ...data.edges];
+      setElements(newElements);
+    });
   }, []);
 
   const onConnect = useCallback(
     (params) => {
       const newEdge = { id: `e${params.source}-${params.target}`, ...params };
       setElements((els) => [...els, newEdge]);
-            saveWorkflow({ nodes: elements.filter(e => e.type), edges: [...elements.filter(e => !e.type), newEdge] });
+
+      // Separate nodes/edges for saving:
+      const nodes = elements.filter((el) => el.type);
+      const edges = elements.filter((el) => !el.type);
+
+      saveWorkflow({
+        nodes,
+        edges: [...edges, newEdge],
+      });
     },
     [elements]
   );
 
   return (
     <div className="flow-editor-container">
-            <ReactFlow elements={elements} onConnect={onConnect}>
+      <ReactFlow
+        proOptions={{ hideAttribution: true }}  // Remove the React Flow watermark
+        elements={elements}
+        onConnect={onConnect}
+      >
         <Controls />
         <Background
           variant="lines"
           gap={100}
           size={1}
-                    color="rgba(255, 255, 255, 0.2)" // White grid with 20% opacity
+          color="rgba(255, 255, 255, 0.2)" // White grid lines at 20% opacity
         />
       </ReactFlow>
     </div>