feat: fetch flow (#1068)

### What problem does this PR solve?
feat: fetch flow #918 
feat: save graph

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/interfaces/database/flow.ts

@@ -1,10 +1,13 @@
+import { Edge, Node } from 'reactflow';
+
 export type DSLComponents = Record<string, IOperator>;
 
 export interface DSL {
   components: DSLComponents;
-  history: any[];
-  path: string[];
-  answer: any[];
+  history?: any[];
+  path?: string[];
+  answer?: any[];
+  graph?: IGraph;
 }
 
 export interface IOperator {
@@ -17,3 +20,28 @@ export interface IOperatorNode {
   component_name: string;
   params: Record<string, unknown>;
 }
+
+export interface IGraph {
+  nodes: Node[];
+  edges: Edge[];
+}
+
+export interface IFlow {
+  avatar: null;
+  canvas_type: null;
+  create_date: string;
+  create_time: number;
+  description: null;
+  dsl: {
+    answer: any[];
+    components: DSLComponents;
+    graph: IGraph;
+    history: any[];
+    path: string[];
+  };
+  id: string;
+  title: string;
+  update_date: string;
+  update_time: number;
+  user_id: string;
+}