fix defaults

src/components/SettingsForm.tsx

@@ -84,8 +84,6 @@ export function SettingsForm() {
           <option value="">Select Database Type</option>
           <option value="mysql">MySQL</option>
           <option value="postgresql">PostgreSQL</option>
-          <option value="mongodb">MongoDB</option>
-          <option value="sqlite">SQLite</option>
         </select>
       </div>
 
@@ -159,7 +157,7 @@ export function SettingsForm() {
 
         <div>
           <input
-            type="password"
+            type="text"
             name="dbPassword"
             value={settings?.dbPassword || ""}
             onChange={handleChange}

src/store/flowStore.ts

@@ -1,5 +1,5 @@
-import { create } from 'zustand';
+import { create } from "zustand";
-import { Node, Edge } from 'reactflow';
+import { Node, Edge } from "reactflow";
 
 interface Model {
   id: string;
@@ -81,27 +81,31 @@ export const useFlowStore = create<FlowState>((set) => ({
   roles: [],
   routes: [],
   settings: {
-    globalKey: '',
+    globalKey: `key_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
-    databaseType: '',
+    databaseType: "mysql",
-    authType: 'session',
+    authType: "session",
-    timezone: 'UTC',
+    timezone: "UTC",
-    dbHost: '',
+    dbHost: "localhost",
-    dbPort: '',
+    dbPort: "3306", // normal MySQL port
-    dbUser: '',
+    dbUser: "root",
-    dbPassword: '',
+    dbPassword: "root",
-    dbName: '',
+    dbName: `database_${new Date().toISOString().split("T")[0]}`, // today's date
   },
-  setNodes: (nodes) => set((state) => ({ 
+  setNodes: (nodes) =>
-    nodes: typeof nodes === 'function' ? nodes(state.nodes) : nodes 
+    set((state) => ({
-  })),
+      nodes: typeof nodes === "function" ? nodes(state.nodes) : nodes,
-  setEdges: (edges) => set((state) => ({ 
+    })),
-    edges: typeof edges === 'function' ? edges(state.edges) : edges 
+  setEdges: (edges) =>
-  })),
+    set((state) => ({
+      edges: typeof edges === "function" ? edges(state.edges) : edges,
+    })),
   setSelectedNode: (node) => set({ selectedNode: node }),
   updateNodeData: (nodeId, newData) =>
     set((state) => ({
       nodes: state.nodes.map((node) =>
-        node.id === nodeId ? { ...node, data: { ...node.data, ...newData } } : node
+        node.id === nodeId
+          ? { ...node, data: { ...node.data, ...newData } }
+          : node
       ),
     })),
   addModel: (model) =>
@@ -136,6 +140,5 @@ export const useFlowStore = create<FlowState>((set) => ({
     set((state) => ({
       routes: state.routes.filter((r) => r.id !== routeId),
     })),
-  updateSettings: (settings) =>
+  updateSettings: (settings) => set({ settings }),
-    set({ settings }),
+}));
-}));