feat: build nodes and edges from chat bot dsl #918 (#1372)

### What problem does this PR solve?
feat: build nodes and edges from chat bot dsl #918


### Type of change


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

web/src/pages/flow/list/create-flow-modal.tsx

@@ -80,7 +80,7 @@ const CreateFlowModal = ({
         </Form.Item>
       </Form>
       <Title level={5}>Create from templates</Title>
-      <Flex vertical gap={16}>
+      <Flex vertical gap={16} className={styles.templatesBox}>
         {list?.map((x) => (
           <Card
             key={x.id}

web/src/pages/flow/list/hooks.ts

@@ -14,6 +14,9 @@ import { useNavigate } from 'umi';
 // import interpreterBase from '../../../../../graph/test/dsl_examples/interpreter.json';
 // import interpreter from '../interpreter.json';
 
+// import retrievalRelevantRewriteAndGenerateBase from '../../../../../graph/test/dsl_examples/retrieval_relevant_rewrite_and_generate.json';
+// import retrievalRelevantRewriteAndGenerate from '../retrieval_relevant_rewrite_and_generate.json';
+
 export const useFetchDataOnMount = () => {
   const { data, loading } = useFetchFlowList();
 
@@ -43,7 +46,10 @@ export const useSaveFlow = () => {
         title,
         dsl,
         // dsl: dslJson,
-        // dsl: { ...interpreterBase, graph: interpreter },
+        // dsl: {
+        //   ...retrievalRelevantRewriteAndGenerateBase,
+        //   graph: retrievalRelevantRewriteAndGenerate,
+        // },
       });
 
       if (ret?.retcode === 0) {

web/src/pages/flow/list/index.less

@@ -54,3 +54,8 @@
 .selectedFlowTemplateCard {
   background-color: @selectedBackgroundColor;
 }
+
+.templatesBox {
+  max-height: 500px;
+  overflow: auto;
+}