diff --git a/package-lock.json b/package-lock.json
index 34add2f..3476c07 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@ant-design/charts": "^1.4.2",
         "@ant-design/icons": "^5.2.6",
+        "@dagrejs/dagre": "^1.1.2",
         "@fortawesome/fontawesome-svg-core": "^6.4.2",
         "@fortawesome/free-regular-svg-icons": "^6.4.2",
         "@fortawesome/free-solid-svg-icons": "^6.4.2",
@@ -17,19 +18,23 @@
         "@hello-pangea/dnd": "^16.6.0",
         "@mdxeditor/editor": "^2.20.0",
         "@reduxjs/toolkit": "^1.9.5",
+        "@types/dagre": "^0.7.52",
         "@vitejs/plugin-basic-ssl": "^1.0.1",
         "antd": "^5.15.3",
         "axios": "^1.6.2",
-        "https-proxy-agent": "^7.0.2",
+        "https-browserify": "^1.0.0",
+        "https-proxy-agent": "^7.0.4",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-markdown": "^9.0.1",
         "react-redux": "^8.1.2",
         "react-router-dom": "^6.16.0",
+        "reactflow": "^11.11.2",
         "remark-gfm": "^4.0.0",
         "vite-plugin-svgr": "^4.1.0"
       },
       "devDependencies": {
+        "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
         "@types/node": "^20.10.1",
         "@types/react": "^18.2.15",
         "@types/react-dom": "^18.2.7",
@@ -41,7 +46,8 @@
         "eslint-plugin-react-refresh": "^0.4.3",
         "sass": "^1.68.0",
         "typescript": "^5.0.2",
-        "vite": "^4.4.5"
+        "vite": "^4.4.5",
+        "vite-plugin-node-polyfills": "^0.22.0"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -1789,6 +1795,22 @@
         "node": ">=10"
       }
     },
+    "node_modules/@dagrejs/dagre": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@dagrejs/dagre/-/dagre-1.1.2.tgz",
+      "integrity": "sha512-F09dphqvHsbe/6C2t2unbmpr5q41BNPEfJCdn8Z7aEBpVSy/zFQ/b4SWsweQjWNsYMDvE2ffNUN8X0CeFsEGNw==",
+      "dependencies": {
+        "@dagrejs/graphlib": "2.2.2"
+      }
+    },
+    "node_modules/@dagrejs/dagre/node_modules/@dagrejs/graphlib": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@dagrejs/graphlib/-/graphlib-2.2.2.tgz",
+      "integrity": "sha512-CbyGpCDKsiTg/wuk79S7Muoj8mghDGAESWGxcSyhHX5jD35vYMBZochYVFzlHxynpE9unpu6O+4ZuhrLxASsOg==",
+      "engines": {
+        "node": ">17.0.0"
+      }
+    },
     "node_modules/@dagrejs/graphlib": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@dagrejs/graphlib/-/graphlib-2.1.4.tgz",
@@ -1815,6 +1837,15 @@
       "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
       "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
     },
+    "node_modules/@esbuild-plugins/node-globals-polyfill": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@esbuild-plugins/node-globals-polyfill/-/node-globals-polyfill-0.2.3.tgz",
+      "integrity": "sha512-r3MIryXDeXDOZh7ih1l/yE9ZLORCd5e8vWg02azWRGj5SPTuoh69A2AIyn0Z31V/kHBfZ4HgWJ+OK3GTTwLmnw==",
+      "dev": true,
+      "peerDependencies": {
+        "esbuild": "*"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -3826,6 +3857,102 @@
         "react": ">=16.8"
       }
     },
+    "node_modules/@reactflow/background": {
+      "version": "11.3.12",
+      "resolved": "https://registry.npmjs.org/@reactflow/background/-/background-11.3.12.tgz",
+      "integrity": "sha512-jBuWVb43JQy5h4WOS7G0PU8voGTEJNA+qDmx8/jyBtrjbasTesLNfQvboTGjnQYYiJco6mw5vrtQItAJDNoIqw==",
+      "dependencies": {
+        "@reactflow/core": "11.11.2",
+        "classcat": "^5.0.3",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/controls": {
+      "version": "11.2.12",
+      "resolved": "https://registry.npmjs.org/@reactflow/controls/-/controls-11.2.12.tgz",
+      "integrity": "sha512-L9F3+avFRShoprdT+5oOijm5gVsz2rqWCXBzOAgD923L1XFGIspdiHLLf8IlPGsT+mfl0GxbptZhaEeEzl1e3g==",
+      "dependencies": {
+        "@reactflow/core": "11.11.2",
+        "classcat": "^5.0.3",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/core": {
+      "version": "11.11.2",
+      "resolved": "https://registry.npmjs.org/@reactflow/core/-/core-11.11.2.tgz",
+      "integrity": "sha512-+GfgyskweL1PsgRSguUwfrT2eDotlFgaKfDLm7x0brdzzPJY2qbCzVetaxedaiJmIli3817iYbILvE9qLKwbRA==",
+      "dependencies": {
+        "@types/d3": "^7.4.0",
+        "@types/d3-drag": "^3.0.1",
+        "@types/d3-selection": "^3.0.3",
+        "@types/d3-zoom": "^3.0.1",
+        "classcat": "^5.0.3",
+        "d3-drag": "^3.0.0",
+        "d3-selection": "^3.0.0",
+        "d3-zoom": "^3.0.0",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/minimap": {
+      "version": "11.7.12",
+      "resolved": "https://registry.npmjs.org/@reactflow/minimap/-/minimap-11.7.12.tgz",
+      "integrity": "sha512-SRDU77c2PCF54PV/MQfkz7VOW46q7V1LZNOQlXAp7dkNyAOI6R+tb9qBUtUJOvILB+TCN6pRfD9fQ+2T99bW3Q==",
+      "dependencies": {
+        "@reactflow/core": "11.11.2",
+        "@types/d3-selection": "^3.0.3",
+        "@types/d3-zoom": "^3.0.1",
+        "classcat": "^5.0.3",
+        "d3-selection": "^3.0.0",
+        "d3-zoom": "^3.0.0",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/node-resizer": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/@reactflow/node-resizer/-/node-resizer-2.2.12.tgz",
+      "integrity": "sha512-6LHJGuI1zHyRrZHw5gGlVLIWnvVxid9WIqw8FMFSg+oF2DuS3pAPwSoZwypy7W22/gDNl9eD1Dcl/OtFtDFQ+w==",
+      "dependencies": {
+        "@reactflow/core": "11.11.2",
+        "classcat": "^5.0.4",
+        "d3-drag": "^3.0.0",
+        "d3-selection": "^3.0.0",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/node-toolbar": {
+      "version": "1.3.12",
+      "resolved": "https://registry.npmjs.org/@reactflow/node-toolbar/-/node-toolbar-1.3.12.tgz",
+      "integrity": "sha512-4kJRvNna/E3y2MZW9/80wTKwkhw4pLJiz3D5eQrD13XcmojSb1rArO9CiwyrI+rMvs5gn6NlCFB4iN1F+Q+lxQ==",
+      "dependencies": {
+        "@reactflow/core": "11.11.2",
+        "classcat": "^5.0.3",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
     "node_modules/@reduxjs/toolkit": {
       "version": "1.9.5",
       "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.5.tgz",
@@ -3857,6 +3984,28 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/@rollup/plugin-inject": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz",
+      "integrity": "sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.0.5",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.5.tgz",
@@ -4186,11 +4335,233 @@
       "resolved": "https://registry.npmjs.org/@types/amap-js-api/-/amap-js-api-1.4.13.tgz",
       "integrity": "sha512-uHgYGpAokjME6Q6TxyBThi0m1KoNFk2OmGjH//tZkfBExCG+MkQaHzr9oSaz981DoCaH95E7Cazokah6TXm1BA=="
     },
+    "node_modules/@types/d3": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
+      "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/d3-axis": "*",
+        "@types/d3-brush": "*",
+        "@types/d3-chord": "*",
+        "@types/d3-color": "*",
+        "@types/d3-contour": "*",
+        "@types/d3-delaunay": "*",
+        "@types/d3-dispatch": "*",
+        "@types/d3-drag": "*",
+        "@types/d3-dsv": "*",
+        "@types/d3-ease": "*",
+        "@types/d3-fetch": "*",
+        "@types/d3-force": "*",
+        "@types/d3-format": "*",
+        "@types/d3-geo": "*",
+        "@types/d3-hierarchy": "*",
+        "@types/d3-interpolate": "*",
+        "@types/d3-path": "*",
+        "@types/d3-polygon": "*",
+        "@types/d3-quadtree": "*",
+        "@types/d3-random": "*",
+        "@types/d3-scale": "*",
+        "@types/d3-scale-chromatic": "*",
+        "@types/d3-selection": "*",
+        "@types/d3-shape": "*",
+        "@types/d3-time": "*",
+        "@types/d3-time-format": "*",
+        "@types/d3-timer": "*",
+        "@types/d3-transition": "*",
+        "@types/d3-zoom": "*"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
+      "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg=="
+    },
+    "node_modules/@types/d3-axis": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
+      "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-brush": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
+      "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-chord": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
+      "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg=="
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A=="
+    },
+    "node_modules/@types/d3-contour": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
+      "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw=="
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.6.tgz",
+      "integrity": "sha512-4fvZhzMeeuBJYZXRXrRIQnvUYfyXwYmLsdiN7XXmVNQKKw1cM8a5WdID0g1hVFZDqT9ZqZEY5pD44p24VS7iZQ=="
+    },
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
+      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g=="
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA=="
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.9.tgz",
+      "integrity": "sha512-IKtvyFdb4Q0LWna6ymywQsEYjK/94SGhPrMfEr1TIc5OBeziTi+1jcCvttts8e0UWZIxpasjnQk9MNk/3iS+kA=="
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g=="
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg=="
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-P2dlU/q51fkOc/Gfl3Ul9kicV7l+ra934qBFXCFhrZMOL6du1TM0pm1ThYvENukyOn5h9v+yMJ9Fn5JK4QozrQ=="
+    },
+    "node_modules/@types/d3-polygon": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
+      "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA=="
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg=="
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ=="
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz",
+      "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.3.tgz",
+      "integrity": "sha512-laXM4+1o5ImZv3RpFAsTRn3TEkzqkytiOY0Dz0sq5cnd1dtNlk6sHLon4OvqaiJb28T0S/TdsBI3Sjsy+keJrw=="
+    },
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.10.tgz",
+      "integrity": "sha512-cuHoUgS/V3hLdjJOLTT691+G2QoqAjCVLmr4kJXR4ha56w1Zdu8UUQ5TxLRqudgNjwXeQxKMq4j+lyf9sWuslg=="
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.6.tgz",
+      "integrity": "sha512-5KKk5aKGu2I+O6SONMYSNflgiP0WfZIQvVUMan50wHsLG1G94JlxEVnCpQARfTtzytuY0p/9PXXZb3I7giofIA==",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz",
+      "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw=="
+    },
+    "node_modules/@types/d3-time-format": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
+      "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg=="
+    },
     "node_modules/@types/d3-timer": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-2.0.1.tgz",
       "integrity": "sha512-TF8aoF5cHcLO7W7403blM7L1T+6NF3XMyN3fxyUolq2uOcFeicG/khQg/dGxiCJWoAcmYulYN7LYSRKO54IXaA=="
     },
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.8.tgz",
+      "integrity": "sha512-ew63aJfQ/ms7QQ4X7pk5NxQ9fZH/z+i24ZfJ6tJSfqxJMrYLiK01EAs2/Rtw/JreGUsS3pLPNV644qXFGnoZNQ==",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
+      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
+      "dependencies": {
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/dagre": {
+      "version": "0.7.52",
+      "resolved": "https://registry.npmjs.org/@types/dagre/-/dagre-0.7.52.tgz",
+      "integrity": "sha512-XKJdy+OClLk3hketHi9Qg6gTfe1F3y+UFnHxKA2rn9Dw+oXa4Gb378Ztz9HlMgZKSxpPmn4BNVh9wgkpvrK1uw=="
+    },
     "node_modules/@types/debug": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
@@ -4808,6 +5179,36 @@
       "resolved": "https://registry.npmjs.org/as-number/-/as-number-1.0.0.tgz",
       "integrity": "sha512-HkI/zLo2AbSRO4fqVkmyf3hms0bJDs3iboHqTrNuwTiCRvdYXM7HFhfhB6Dk51anV2LM/IMB83mtK9mHw4FlAg=="
     },
+    "node_modules/asn1.js": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
+      "integrity": "sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/asn1.js/node_modules/bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true
+    },
+    "node_modules/assert": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
+      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-nan": "^1.3.2",
+        "object-is": "^1.1.5",
+        "object.assign": "^4.1.4",
+        "util": "^0.12.5"
+      }
+    },
     "node_modules/async": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
@@ -4886,6 +5287,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/bn.js": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+      "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
+      "dev": true
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -4907,6 +5314,140 @@
         "node": ">=8"
       }
     },
+    "node_modules/brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
+      "dev": true
+    },
+    "node_modules/browser-resolve": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/browser-resolve/-/browser-resolve-2.0.0.tgz",
+      "integrity": "sha512-7sWsQlYL2rGLy2IWm8WL8DCTJvYLc/qlOnsakDac87SOoCd16WLsaAMdCiAqsTNHIe+SXfaqyxyo6THoWqs8WQ==",
+      "dev": true,
+      "dependencies": {
+        "resolve": "^1.17.0"
+      }
+    },
+    "node_modules/browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "dev": true,
+      "dependencies": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "dev": true,
+      "dependencies": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "node_modules/browserify-des": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+      "dev": true,
+      "dependencies": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/browserify-rsa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
+      "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^5.0.0",
+        "randombytes": "^2.0.1"
+      }
+    },
+    "node_modules/browserify-sign": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.3.tgz",
+      "integrity": "sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^5.2.1",
+        "browserify-rsa": "^4.1.0",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "elliptic": "^6.5.5",
+        "hash-base": "~3.0",
+        "inherits": "^2.0.4",
+        "parse-asn1": "^5.1.7",
+        "readable-stream": "^2.3.8",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/browserify-sign/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true
+    },
+    "node_modules/browserify-sign/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/browserify-sign/node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
+    "node_modules/browserify-sign/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/browserify-sign/node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "dev": true,
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
     "node_modules/browserslist": {
       "version": "4.21.10",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz",
@@ -4961,13 +5502,31 @@
         "ieee754": "^1.2.1"
       }
     },
+    "node_modules/buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
+      "dev": true
+    },
+    "node_modules/builtin-status-codes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+      "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
+      "dev": true
+    },
     "node_modules/call-bind": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
       "dependencies": {
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2"
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -5120,11 +5679,26 @@
         "node": ">= 6"
       }
     },
+    "node_modules/cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "node_modules/clamp": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/clamp/-/clamp-1.0.1.tgz",
       "integrity": "sha512-kgMuFyE78OC6Dyu3Dy7vcx4uy97EIbVxJB/B0eJ3bUNAkwdNcxYzgKltnyADiYwsR7SEqkkUPsEUT//OVS6XMA=="
     },
+    "node_modules/classcat": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/classcat/-/classcat-5.0.5.tgz",
+      "integrity": "sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w=="
+    },
     "node_modules/classnames": {
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
@@ -5236,6 +5810,18 @@
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
+    "node_modules/console-browserify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+      "dev": true
+    },
+    "node_modules/constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
+      "dev": true
+    },
     "node_modules/contour_plot": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/contour_plot/-/contour_plot-0.0.1.tgz",
@@ -5254,6 +5840,12 @@
         "toggle-selection": "^1.0.6"
       }
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true
+    },
     "node_modules/cosmiconfig": {
       "version": "8.3.6",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
@@ -5279,6 +5871,55 @@
         }
       }
     },
+    "node_modules/create-ecdh": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+      "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.5.3"
+      }
+    },
+    "node_modules/create-ecdh/node_modules/bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true
+    },
+    "node_modules/create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "dev": true,
+      "dependencies": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "node_modules/create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "dev": true,
+      "dependencies": {
+        "cipher-base": "^1.0.3",
+        "create-hash": "^1.1.0",
+        "inherits": "^2.0.1",
+        "ripemd160": "^2.0.0",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "node_modules/create-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+      "dev": true
+    },
     "node_modules/crelt": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
@@ -5298,6 +5939,28 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-browserify": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+      "dev": true,
+      "dependencies": {
+        "browserify-cipher": "^1.0.0",
+        "browserify-sign": "^4.0.0",
+        "create-ecdh": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.0",
+        "diffie-hellman": "^5.0.0",
+        "inherits": "^2.0.1",
+        "pbkdf2": "^3.0.3",
+        "public-encrypt": "^4.0.0",
+        "randombytes": "^2.0.0",
+        "randomfill": "^1.0.3"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/css-box-model": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
@@ -5376,6 +6039,18 @@
       "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-2.0.0.tgz",
       "integrity": "sha512-S/m2VsXI7gAti2pBoLClFFTMOO1HTtT0j99AuXLoGFKO6deHDdnv6ZGTxSTTUTgO1zVcv82fCOtDjYK4EECmWA=="
     },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/d3-dsv": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.2.0.tgz",
@@ -5469,6 +6144,14 @@
         "d3-color": "1"
       }
     },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/d3-time": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.1.0.tgz",
@@ -5487,6 +6170,39 @@
       "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.10.tgz",
       "integrity": "sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw=="
     },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/dagre": {
       "version": "0.8.5",
       "resolved": "https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz",
@@ -5571,16 +6287,19 @@
       "dev": true
     },
     "node_modules/define-data-property": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.0.tgz",
-      "integrity": "sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/define-properties": {
@@ -5623,6 +6342,16 @@
         "node": ">=6"
       }
     },
+    "node_modules/des.js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
+      "integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
     "node_modules/detect-browser": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/detect-browser/-/detect-browser-5.3.0.tgz",
@@ -5653,6 +6382,23 @@
         "node": ">=0.3.1"
       }
     },
+    "node_modules/diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      }
+    },
+    "node_modules/diffie-hellman/node_modules/bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -5682,6 +6428,18 @@
       "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.12.4.tgz",
       "integrity": "sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw=="
     },
+    "node_modules/domain-browser": {
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.23.0.tgz",
+      "integrity": "sha512-ArzcM/II1wCCujdCNyQjXrAFwS4mrLh4C7DZWlaI8mdh7h3BfKdNd3bKXITfl2PT9FtfQqaGvhi1vPRQPimjGA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://bevry.me/fund"
+      }
+    },
     "node_modules/dot-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
@@ -5758,6 +6516,27 @@
       "resolved": "https://registry.npmjs.org/element-resize-event/-/element-resize-event-3.0.6.tgz",
       "integrity": "sha512-sSeXY9rNDp86bJODW68pxLcy3A5FrPZfIgOrJHzqgYzX513Zq6/ytdBigp7KeJEpZZopBBSiO1cVuiRkZpNxLw=="
     },
+    "node_modules/elliptic": {
+      "version": "6.5.5",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.5.tgz",
+      "integrity": "sha512-7EjbcmUm17NQFu4Pmgmq2olYMj8nwMnpcddByChSUjArp8F5DQWcIcpriwO4ZToLNAJig0yiyjswfyGNje/ixw==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^4.11.9",
+        "brorand": "^1.1.0",
+        "hash.js": "^1.0.0",
+        "hmac-drbg": "^1.0.1",
+        "inherits": "^2.0.4",
+        "minimalistic-assert": "^1.0.1",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "node_modules/elliptic/node_modules/bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -5837,6 +6616,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/es-set-tostringtag": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
@@ -6274,6 +7072,25 @@
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
       "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
     },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "dev": true,
+      "dependencies": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
     "node_modules/ext": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
@@ -6584,9 +7401,12 @@
       }
     },
     "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/function.prototype.name": {
       "version": "1.1.6",
@@ -6627,14 +7447,18 @@
       "integrity": "sha512-EvGQQi/zPrDA6zr6BnJD/YhwAkBP8nnJ9emh3EnHQKVMfg/MRVtPbMYdgVy/IaEmn4UfagD2a6fafPDL5hbtwg=="
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
       "dependencies": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
         "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3"
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6853,11 +7677,11 @@
       }
     },
     "node_modules/has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dependencies": {
-        "get-intrinsic": "^1.1.1"
+        "es-define-property": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6899,6 +7723,40 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/hash-base": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz",
+      "integrity": "sha512-EeeoJKjTyt868liAlVmcv2ZsUfGHlE3Q+BICOXcZiwN3osr5Q/zFGYmTJpoIzuaSTAwndFy+GqhEwlU4L3j4Ow==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/hash.js": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.1"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/hast-util-to-jsx-runtime": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.0.tgz",
@@ -6937,6 +7795,17 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
+      "dev": true,
+      "dependencies": {
+        "hash.js": "^1.0.3",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
     "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
@@ -6959,10 +7828,15 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/https-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+      "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg=="
+    },
     "node_modules/https-proxy-agent": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
-      "integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.4.tgz",
+      "integrity": "sha512-wlwpilI7YdjSkWaQ/7omYBMTliDcmCN8OLihO6I9B86g06lMyAoqgoDpV0XqoaPOKj+0DIdAvnsWfyAAhmimcg==",
       "dependencies": {
         "agent-base": "^7.0.2",
         "debug": "4"
@@ -7280,6 +8154,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -7301,6 +8190,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/is-nan": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-negative-zero": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
@@ -7453,6 +8358,15 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/isomorphic-timers-promises": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/isomorphic-timers-promises/-/isomorphic-timers-promises-1.0.1.tgz",
+      "integrity": "sha512-u4sej9B1LPSxTGKB/HiuzvEQnXH0ECYkSVQU39koSwmFAxhlEAFl9RdTvLv4TOTQUgBS5O3O5fwUxk6byBZ+IQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/isomorphic.js": {
       "version": "0.2.5",
       "resolved": "https://registry.npmjs.org/isomorphic.js/-/isomorphic.js-0.2.5.tgz",
@@ -7747,6 +8661,15 @@
         "lz-string": "bin/bin.js"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.30.10",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
     "node_modules/mana-common": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/mana-common/-/mana-common-0.3.2.tgz",
@@ -7806,6 +8729,17 @@
       "resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
       "integrity": "sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg=="
     },
+    "node_modules/md5.js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+      "dev": true,
+      "dependencies": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
     "node_modules/mdast-util-directive": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-directive/-/mdast-util-directive-3.0.0.tgz",
@@ -8882,6 +9816,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      },
+      "bin": {
+        "miller-rabin": "bin/miller-rabin"
+      }
+    },
+    "node_modules/miller-rabin/node_modules/bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -8901,6 +9854,18 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "node_modules/minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
+      "dev": true
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -9061,6 +10026,74 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
       "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
     },
+    "node_modules/node-stdlib-browser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/node-stdlib-browser/-/node-stdlib-browser-1.2.0.tgz",
+      "integrity": "sha512-VSjFxUhRhkyed8AtLwSCkMrJRfQ3e2lGtG3sP6FEgaLKBBbxM/dLfjRe1+iLhjvyLFW3tBQ8+c0pcOtXGbAZJg==",
+      "dev": true,
+      "dependencies": {
+        "assert": "^2.0.0",
+        "browser-resolve": "^2.0.0",
+        "browserify-zlib": "^0.2.0",
+        "buffer": "^5.7.1",
+        "console-browserify": "^1.1.0",
+        "constants-browserify": "^1.0.0",
+        "create-require": "^1.1.1",
+        "crypto-browserify": "^3.11.0",
+        "domain-browser": "^4.22.0",
+        "events": "^3.0.0",
+        "https-browserify": "^1.0.0",
+        "isomorphic-timers-promises": "^1.0.1",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "^1.0.1",
+        "pkg-dir": "^5.0.0",
+        "process": "^0.11.10",
+        "punycode": "^1.4.1",
+        "querystring-es3": "^0.2.1",
+        "readable-stream": "^3.6.0",
+        "stream-browserify": "^3.0.0",
+        "stream-http": "^3.2.0",
+        "string_decoder": "^1.0.0",
+        "timers-browserify": "^2.0.4",
+        "tty-browserify": "0.0.1",
+        "url": "^0.11.0",
+        "util": "^0.12.4",
+        "vm-browserify": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-stdlib-browser/node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/node-stdlib-browser/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "dev": true
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -9159,6 +10192,12 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/os-browserify": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+      "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
+      "dev": true
+    },
     "node_modules/outvariant": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/outvariant/-/outvariant-1.4.0.tgz",
@@ -9194,6 +10233,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -9205,6 +10250,23 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-asn1": {
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.7.tgz",
+      "integrity": "sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==",
+      "dev": true,
+      "dependencies": {
+        "asn1.js": "^4.10.1",
+        "browserify-aes": "^1.2.0",
+        "evp_bytestokey": "^1.0.3",
+        "hash-base": "~3.0",
+        "pbkdf2": "^3.1.2",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/parse-entities": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.1.tgz",
@@ -9246,6 +10308,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -9297,6 +10365,22 @@
         "pbf": "bin/pbf"
       }
     },
+    "node_modules/pbkdf2": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
+      "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
+      "dev": true,
+      "dependencies": {
+        "create-hash": "^1.1.2",
+        "create-hmac": "^1.1.4",
+        "ripemd160": "^2.0.1",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/pdfast": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/pdfast/-/pdfast-0.2.0.tgz",
@@ -9318,6 +10402,18 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pkg-dir": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz",
+      "integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/polygon-clipping": {
       "version": "0.15.3",
       "resolved": "https://registry.npmjs.org/polygon-clipping/-/polygon-clipping-0.15.3.tgz",
@@ -9402,6 +10498,21 @@
         "@probe.gl/stats": "3.6.0"
       }
     },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -9436,6 +10547,26 @@
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
     },
+    "node_modules/public-encrypt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+      "dev": true,
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/public-encrypt/node_modules/bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true
+    },
     "node_modules/punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
@@ -9452,6 +10583,30 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/qs": {
+      "version": "6.12.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.1.tgz",
+      "integrity": "sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==",
+      "dev": true,
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -9482,6 +10637,25 @@
       "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
       "integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="
     },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "dev": true,
+      "dependencies": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
     "node_modules/rc-align": {
       "version": "4.0.15",
       "resolved": "https://registry.npmjs.org/rc-align/-/rc-align-4.0.15.tgz",
@@ -10382,6 +11556,37 @@
         "lodash": "^4.0.1"
       }
     },
+    "node_modules/reactflow": {
+      "version": "11.11.2",
+      "resolved": "https://registry.npmjs.org/reactflow/-/reactflow-11.11.2.tgz",
+      "integrity": "sha512-o1fT3stSdhzW+SedCGNSmEvZvULZygZIMLyW67NcWNZrgwx1wuJfzLg5fuQ0Nzf389wItumZX/zP3zdaPX7lEw==",
+      "dependencies": {
+        "@reactflow/background": "11.3.12",
+        "@reactflow/controls": "11.2.12",
+        "@reactflow/core": "11.11.2",
+        "@reactflow/minimap": "11.7.12",
+        "@reactflow/node-resizer": "2.2.12",
+        "@reactflow/node-toolbar": "1.3.12"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -10589,6 +11794,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/ripemd160": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+      "dev": true,
+      "dependencies": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
     "node_modules/rollup": {
       "version": "3.29.2",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.2.tgz",
@@ -10673,6 +11888,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
     "node_modules/safe-regex-test": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
@@ -10768,6 +12003,22 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/set-function-name": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
@@ -10789,6 +12040,25 @@
         "node": ">=6.9"
       }
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true
+    },
+    "node_modules/sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      },
+      "bin": {
+        "sha.js": "bin.js"
+      }
+    },
     "node_modules/shallowequal": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
@@ -10816,18 +12086,30 @@
       }
     },
     "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
       "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/side-channel/node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -10983,11 +12265,42 @@
         "outvariant": "^1.3.0"
       }
     },
+    "node_modules/stream-browserify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
+      "integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "~2.0.4",
+        "readable-stream": "^3.5.0"
+      }
+    },
+    "node_modules/stream-http": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-3.2.0.tgz",
+      "integrity": "sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==",
+      "dev": true,
+      "dependencies": {
+        "builtin-status-codes": "^3.0.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.6.0",
+        "xtend": "^4.0.2"
+      }
+    },
     "node_modules/strict-event-emitter": {
       "version": "0.4.6",
       "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.4.6.tgz",
       "integrity": "sha512-12KWeb+wixJohmnwNFerbyiBrAlq5qJLwIt38etRtKtmmHyDSoGlIqFE9wx+4IwG0aDjI7GV8tc8ZccjWZZtTg=="
     },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/string-convert": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
@@ -11168,6 +12481,18 @@
         "node": ">=12.22"
       }
     },
+    "node_modules/timers-browserify": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
+      "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
+      "dev": true,
+      "dependencies": {
+        "setimmediate": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
     "node_modules/tiny-invariant": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -11274,6 +12599,12 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
+    "node_modules/tty-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
+      "integrity": "sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==",
+      "dev": true
+    },
     "node_modules/type": {
       "version": "2.7.2",
       "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
@@ -11594,6 +12925,22 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/url": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.3.tgz",
+      "integrity": "sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^1.4.1",
+        "qs": "^6.11.2"
+      }
+    },
+    "node_modules/url/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "dev": true
+    },
     "node_modules/use-callback-ref": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz",
@@ -11651,6 +12998,25 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
     "node_modules/utility-types": {
       "version": "3.10.0",
       "resolved": "https://registry.npmjs.org/utility-types/-/utility-types-3.10.0.tgz",
@@ -11749,6 +13115,22 @@
         }
       }
     },
+    "node_modules/vite-plugin-node-polyfills": {
+      "version": "0.22.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-node-polyfills/-/vite-plugin-node-polyfills-0.22.0.tgz",
+      "integrity": "sha512-F+G3LjiGbG8QpbH9bZ//GSBr9i1InSTkaulfUHFa9jkLqVGORFBoqc2A/Yu5Mmh1kNAbiAeKeK+6aaQUf3x0JA==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/plugin-inject": "^5.0.5",
+        "node-stdlib-browser": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/davidmyersdev"
+      },
+      "peerDependencies": {
+        "vite": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0"
+      }
+    },
     "node_modules/vite-plugin-svgr": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/vite-plugin-svgr/-/vite-plugin-svgr-4.1.0.tgz",
@@ -11762,6 +13144,12 @@
         "vite": "^2.6.0 || 3 || 4"
       }
     },
+    "node_modules/vm-browserify": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+      "dev": true
+    },
     "node_modules/vt-pbf": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/vt-pbf/-/vt-pbf-3.1.3.tgz",
@@ -11920,6 +13308,15 @@
         }
       }
     },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -11973,6 +13370,33 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zustand": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.2.tgz",
+      "integrity": "sha512-2cN1tPkDVkwCy5ickKrI7vijSjPksFRfqS6237NzT0vqSsztTNnQdHw9mmN7uBdk3gceVXU0a+21jFzFzAc9+g==",
+      "dependencies": {
+        "use-sync-external-store": "1.2.0"
+      },
+      "engines": {
+        "node": ">=12.7.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.8",
+        "immer": ">=9.0.6",
+        "react": ">=16.8"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/zwitch": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
diff --git a/package.json b/package.json
index 6bfa98f..fcb6960 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@ant-design/charts": "^1.4.2",
     "@ant-design/icons": "^5.2.6",
+    "@dagrejs/dagre": "^1.1.2",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
@@ -19,15 +20,16 @@
     "@hello-pangea/dnd": "^16.6.0",
     "@mdxeditor/editor": "^2.20.0",
     "@reduxjs/toolkit": "^1.9.5",
+    "@types/dagre": "^0.7.52",
     "@vitejs/plugin-basic-ssl": "^1.0.1",
     "antd": "^5.15.3",
     "axios": "^1.6.2",
-    "https-proxy-agent": "^7.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^9.0.1",
     "react-redux": "^8.1.2",
     "react-router-dom": "^6.16.0",
+    "reactflow": "^11.11.2",
     "remark-gfm": "^4.0.0",
     "vite-plugin-svgr": "^4.1.0"
   },
diff --git a/public/config/config.json b/public/config/config.json
index 97374bd..1381b47 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,6 +1,6 @@
 {
   "api": {
-    "BFF_API_BASE_URL": "http://4.209.242.225:8081",
-    "AUTHN_API_BASE_URL": "http://4.209.242.209:8082"
+    "BFF_API_BASE_URL": "http://4.209.35.224:8081",
+    "AUTHN_API_BASE_URL": "http://4.209.35.212:8082"
   }
 }
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index bdecf9e..d49c2e1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,7 +15,8 @@ import getClientIdFromPath from "./utils/getClientIdFromPath";
 import AuthGitHub from "./pages/Auth/AuthGitHub";
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { fas } from '@fortawesome/free-solid-svg-icons'
-library.add(fas)
+import { far } from '@fortawesome/free-regular-svg-icons'
+library.add(fas, far)
 
 function App() {
   const clientId = getClientIdFromPath();
@@ -28,31 +29,31 @@ function App() {
     return (
       {
         routes: [
-          // {
-          //   label: "Dashboard",
-          //   path: "/",
-          //   icon: getIcon("dashboard"),
-          //   endpoint: "/",
-          //   menu: true,
-          // },
+          {
+            label: "Dashboard",
+            path: "/",
+            icon: getIcon("dashboard"),
+            endpoint: "/",
+            menu: true,
+          },
           {
             label: "Templates",
             path: "/templates",
             icon: getIcon('templates'),
-            endpoint: "/apis/layout.ui.krateo.io/rows/two?sub=cyberjoker&orgs=devs&namespace=demo-system",
+            endpoint: "/call?uri=/apis/widgets.krateo.io/v1alpha1/namespaces/demo-system/rows/two",
             menu: true,
           },
-          // {
-          //   label: "Projects",
-          //   path: "/projects",
-          //   icon: getIcon('projects'),
-          //   endpoint: "/",
-          //   menu: true,
-          // },
-          // {
-          //   path: "/projects/:projectID",
-          //   menu: false,
-          // },
+          {
+            label: "Projects",
+            path: "/projects",
+            icon: getIcon('projects'),
+            endpoint: "/call?uri=/apis/widgets.krateo.io/v1alpha1/namespaces/demo-system/projects",
+            menu: true,
+          },
+          {
+            path: "/projects/:projectID",
+            menu: false,
+          },
           {
             path: "/projects/:projectID/:deploymentID",
             menu: false,
diff --git a/src/components/Layout/styles.module.scss b/src/components/Layout/styles.module.scss
index e5234f3..4b3c91c 100644
--- a/src/components/Layout/styles.module.scss
+++ b/src/components/Layout/styles.module.scss
@@ -22,10 +22,15 @@
 
     :global(.ant-row) {
       padding: 0;
+      align-content: flex-start;
     }
 
     :global(.ant-col) {
       padding: 10px;
+      
+      &:only-child {
+        height: 100%;
+      }
     }
 
     :global(.ant-col > div) {
diff --git a/src/components/Page/Page.tsx b/src/components/Page/Page.tsx
index 1d96c83..0de6fe8 100644
--- a/src/components/Page/Page.tsx
+++ b/src/components/Page/Page.tsx
@@ -4,8 +4,10 @@ import Skeleton from "../Skeleton/Skeleton";
 import { useGetContentQuery } from "../../features/common/commonApiSlice";
 import useParseData from "../../hooks/useParseData";
 import useCatchError from "../../utils/useCatchError";
+import { useRef } from "react";
 
 const Page = ({clientId, endpoint}: PageType) => {
+  const isMock = useRef(false);
   const ls = localStorage.getItem("user");
   const username = ls && JSON.parse(ls)?.user.username;
   const group = ls && JSON.parse(ls)?.groups[0];
@@ -36,7 +38,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "kind": "Column",
                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                 "metadata": {
-                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbd",
+                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdweee",
                 },
                 "spec": {
                   "app": {
@@ -233,7 +235,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "kind": "Column",
                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                 "metadata": {
-                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabb1",
+                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabb16546",
                 },
                 "spec": {
                   "app": {
@@ -893,7 +895,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Column",
                                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabb1",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabb1gs",
                                 },
                                 "spec": {
                                   "app": {
@@ -1054,7 +1056,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Column",
                                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbd",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdcvx",
                                 },
                                 "spec": {
                                   "app": {
@@ -1175,7 +1177,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Column",
                                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbd",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdvv",
                                 },
                                 "spec": {
                                   "app": {
@@ -1218,7 +1220,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Column",
                                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbm",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbmsdf",
                                 },
                                 "spec": {
                                   "app": {
@@ -1272,7 +1274,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Column",
                                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbd",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbduhgfgd",
                                 },
                                 "spec": {
                                   "app": {
@@ -1316,7 +1318,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Column",
                                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbm",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbmsdjsd",
                                 },
                                 "spec": {
                                   "app": {
@@ -1456,7 +1458,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Button",
                                 "apiVersion": "widgets.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbfb2",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbfb2ggg",
                                 },
                                 "status": {
                                   "content": [
@@ -1493,7 +1495,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                                 "kind": "Button",
                                 "apiVersion": "widgets.ui.krateo.io/v1alpha1",
                                 "metadata": {
-                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbfb2",
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbfb2dda",
                                 },
                                 "status": {
                                   "content": [
@@ -1516,7 +1518,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "kind": "Column",
                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                 "metadata": {
-                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbd",
+                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdxx",
                 },
                 "spec": {
                   "app": {
@@ -1559,7 +1561,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "kind": "Column",
                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                 "metadata": {
-                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbm",
+                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbmfgjl",
                 },
                 "spec": {
                   "app": {
@@ -1591,10 +1593,8 @@ const Page = ({clientId, endpoint}: PageType) => {
                               "icon": "code-branch",
                               "tags": "lorem,ipsum",
                               "route": "/projects/12345/67890",
-                              "allowedActions": ["remove"],
                               "actions": [{
-                                "name": "remove",
-                                "verb": "DELETE",
+                                "verb": "get",
                               }]
                             }
                           ]
@@ -1608,7 +1608,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "kind": "Column",
                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                 "metadata": {
-                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbd",
+                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdsdfh",
                 },
                 "spec": {
                   "app": {
@@ -1640,6 +1640,9 @@ const Page = ({clientId, endpoint}: PageType) => {
                               "color": "blue",
                               "tags": "lorem,ipsum",
                               "route": "/projects/12345/67890",
+                              "actions": [{
+                                "verb": "get",
+                              }]
                             }
                           ]
                         }
@@ -1684,10 +1687,8 @@ const Page = ({clientId, endpoint}: PageType) => {
                               "icon": "code-branch",
                               "tags": "lorem,ipsum",
                               "route": "/projects/12345/67890",
-                              "allowedActions": ["remove"],
                               "actions": [{
-                                "name": "remove",
-                                "verb": "DELETE",
+                                "verb": "get",
                               }]
                             }
                           ]
@@ -1909,7 +1910,7 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "kind": "TabPane",
                 "apiVersion": "layout.ui.krateo.io/v1alpha1",
                 "metadata": {
-                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdt32",
+                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdt32ui",
                 },
                 "spec": {
                   "app": {
@@ -1921,6 +1922,54 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "status": {
                   "content": {
                     "items": [
+                      {
+                        "kind": "Row",
+                        "apiVersion": "layout.ui.krateo.io/v1alpha1",
+                        "metadata": {
+                          "uid": "e14d5e2d-1170-4360-9b86-827d527dabbbf",
+                        },
+                        "status": {
+                          "content": {
+                            "kind": "ColumnList",
+                            "apiVersion": "layout.ui.krateo.io/v1alpha1",
+                            "metadata": {
+                              "uid": "e14d5e2d-1170-4360-9b86-827d527dabbcf",
+                            },
+                            "items": [
+                              {
+                                "kind": "Column",
+                                "apiVersion": "layout.ui.krateo.io/v1alpha1",
+                                "metadata": {
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabb13z2f",
+                                },
+                                "spec": {
+                                  "app": {
+                                    "props": {
+                                      "width": "24"
+                                    }
+                                  },
+                                },
+                                "status": {
+                                  "content": {
+                                    "items": [
+                                      {
+                                        "kind": "ChartFlow",
+                                        "apiVersion": "widgets.ui.krateo.io/v1alpha1jh",
+                                        "metadata": {
+                                          "uid": "e14d5e2d-1170-4360-9b86-827d527dabbwx1f",
+                                        },
+                                        "status": {
+                                          "content": [{label: "flow chart"}]
+                                        },
+                                      },
+                                    ]
+                                  }
+                                }
+                              },
+                            ]
+                          }
+                        }
+                      }
                     ]
                   }
                 }
@@ -1941,6 +1990,54 @@ const Page = ({clientId, endpoint}: PageType) => {
                 "status": {
                   "content": {
                     "items": [
+                      {
+                        "kind": "Row",
+                        "apiVersion": "layout.ui.krateo.io/v1alpha1",
+                        "metadata": {
+                          "uid": "e14d5e2d-1170-4360-9b86-827d527dabbbf",
+                        },
+                        "status": {
+                          "content": {
+                            "kind": "ColumnList",
+                            "apiVersion": "layout.ui.krateo.io/v1alpha1",
+                            "metadata": {
+                              "uid": "e14d5e2d-1170-4360-9b86-827d527dabbcf",
+                            },
+                            "items": [
+                              {
+                                "kind": "Column",
+                                "apiVersion": "layout.ui.krateo.io/v1alpha1",
+                                "metadata": {
+                                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabb13z2f",
+                                },
+                                "spec": {
+                                  "app": {
+                                    "props": {
+                                      "width": "24"
+                                    }
+                                  },
+                                },
+                                "status": {
+                                  "content": {
+                                    "items": [
+                                      {
+                                        "kind": "ChartFlow",
+                                        "apiVersion": "widgets.ui.krateo.io/v1alpha1jh",
+                                        "metadata": {
+                                          "uid": "e14d5e2d-1170-4360-9b86-827d527dabbwx1f",
+                                        },
+                                        "status": {
+                                          "content": [{label: "flow chart"}]
+                                        },
+                                      },
+                                    ]
+                                  }
+                                }
+                              },
+                            ]
+                          }
+                        }
+                      }
                     ]
                   }
                 }
@@ -3240,26 +3337,6 @@ const Page = ({clientId, endpoint}: PageType) => {
                   }
                 }
               },
-              {
-                "kind": "TabPane",
-                "apiVersion": "layout.ui.krateo.io/v1alpha1",
-                "metadata": {
-                  "uid": "e14d5e2d-1170-4360-9b86-827d527dabbdt40",
-                },
-                "spec": {
-                  "app": {
-                    "props": {
-                      "label": "Keptn"
-                    }
-                  },
-                },
-                "status": {
-                  "content": {
-                    "items": [
-                    ]
-                  }
-                }
-              },
             ]
           }
         }
@@ -3360,22 +3437,24 @@ const Page = ({clientId, endpoint}: PageType) => {
         }
       }
     }
+
   }
 
   // get data by API
   const getContentPage = () => {
     if ((window.location.pathname === "/") || 
-        (window.location.pathname === "/form") ||
+        (window.location.pathname === "/form") || 
+        (window.location.pathname === "/flow") ||
         (window.location.pathname === "/projects") ||
         (window.location.pathname.match(/^\/projects\/[0-9]+$/g)) ||
         (window.location.pathname.match(/^\/projects\/[0-9]+\/[0-9]+$/g))
     ) {
       // mock data for some pages
       const response = fetchPage(clientId, endpoint);
-      console.log("use mock")
+      isMock.current = true;
       return getContent(response, 1);
     } else if (data && isSuccess) {
-      console.log("use real data")
+      isMock.current = false;
       return getContent(data, 1);
     } else {
       return <></>
@@ -3385,8 +3464,8 @@ const Page = ({clientId, endpoint}: PageType) => {
   return (
     <section className={styles.page}>
       { isLoading && <Skeleton /> }
-      { isSuccess && getContentPage() }
-      { isError && catchError(error, "result") }
+      { (isSuccess || isMock) && getContentPage() }
+      { (isError && !isMock) && catchError(error, "result") }
     </section>
   );
 }
diff --git a/src/components/Page/styles.module.scss b/src/components/Page/styles.module.scss
index 4d6ecdd..bd4df72 100644
--- a/src/components/Page/styles.module.scss
+++ b/src/components/Page/styles.module.scss
@@ -1,3 +1,3 @@
 .page {
-  
+  height: 100%;
 }
\ No newline at end of file
diff --git a/src/components/Widgets/CardTemplate/CardTemplate.tsx b/src/components/Widgets/CardTemplate/CardTemplate.tsx
index d8f1edc..6c997a7 100644
--- a/src/components/Widgets/CardTemplate/CardTemplate.tsx
+++ b/src/components/Widgets/CardTemplate/CardTemplate.tsx
@@ -14,31 +14,31 @@ const CardTemplate = (props) => {
   const {id, icon, color, title, status, date, content, tags, actions} = props;
   const { catchError } = useCatchError();
 
-  // add props to open panel and get form fields
-  const { manageEvent, elementEvent } = useEvents({
-    ...props, 
-    panel: {
-      type: "form", 
-      title: title,
-      size: "large",
-      buttons: [{label: "cancel", type: "default", action: "reset"}, {label: "submit", type: "primary", action: "submit"} ],
-      content: {
-        element: "FormGenerator",
-        props: {
-          fieldsEndpoint: actions?.find(el => el.verb === "get")?.path
+  // TEMP: keep until BE send route, endpoint or panel props
+  let cardProps = {...props};
+  if (!props.route && !props.endpoint && !props.panel && actions?.find(el => el.verb === "get")?.path) {
+    // add "panel" props to open panel and get form fields as default CTA of card
+    cardProps = {...cardProps,
+      panel: {
+        type: "form",
+        title: title,
+        size: "large",
+        buttons: [{label: "cancel", type: "default", action: "reset"}, {label: "submit", type: "primary", action: "submit"} ],
+        content: {
+          element: "FormGenerator",
+          props: {
+            fieldsEndpoint: actions?.find(el => el.verb === "get")?.path
+          }
         }
-      }
-    },
-  });
+      },
+    }
+  }
+  // END TEMP
+
+  const { manageEvent, elementEvent } = useEvents(cardProps);
   const [deleteContent, {isError: isErrorDelete, error}] = useDeleteContentMutation();
-  
-  // const navigate = useNavigate();
-  // const onChangePage = () => {
-  //   navigate(id.toString())
-  // }
 
   const onClick = () => {
-    // Card template open always a panel with a form by endpoint
     if (isAllowed("get"))
       manageEvent();
   }
@@ -64,7 +64,7 @@ const CardTemplate = (props) => {
       <Card
         key={id}
         onClick={onClick}
-        className={styles.card}
+        className={`${styles.card} ${!isAllowed("get") && styles.noLink}`}
         title={
           <Space size="large" className={styles.header}>
             <Avatar style={{ backgroundColor: getColorCode(color) }} size={64} icon={<FontAwesomeIcon icon={icon} />} />
diff --git a/src/components/Widgets/CardTemplate/styles.module.scss b/src/components/Widgets/CardTemplate/styles.module.scss
index 1843d7d..8463beb 100644
--- a/src/components/Widgets/CardTemplate/styles.module.scss
+++ b/src/components/Widgets/CardTemplate/styles.module.scss
@@ -7,6 +7,14 @@
     border: none;
   }
 
+  &.noLink {
+   cursor: default;
+
+    :global .ant-card-actions span {
+      cursor: default;
+    }
+  }
+
   .header {
     width: 100%;
 
diff --git a/src/components/Widgets/ChartFlow/ChartFlow.tsx b/src/components/Widgets/ChartFlow/ChartFlow.tsx
new file mode 100644
index 0000000..76dd7e7
--- /dev/null
+++ b/src/components/Widgets/ChartFlow/ChartFlow.tsx
@@ -0,0 +1,488 @@
+import { useMemo } from 'react';
+import ReactFlow, {
+  Controls,
+  Background,
+  Edge,
+  useNodesState,
+  useEdgesState,
+  Handle,
+  Position,
+} from 'reactflow';
+import 'reactflow/dist/style.css';
+import { Avatar, Flex, Space, Spin, Tooltip } from 'antd';
+import dagre from '@dagrejs/dagre';
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import styles from "./styles.module.scss";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { theme } from "antd";
+import { formatISODate, getDaysPeriodFromISO } from '../../../utils/dateTime';
+import { LoadingOutlined } from '@ant-design/icons';
+
+const showNodeDetails = (data) => {
+  console.log(data);
+}
+
+const ChartFlow = () => {
+   const { useToken } = theme;
+   const { token } = useToken();
+
+   const status = [
+      {label: "Healthy", icon: "fa-check", color: token.colorSuccessBg},
+      {label: "Degraded", icon: "fa-xmark", color: token.colorError},
+      {label: "Progressing", icon: "fa-ellipsis", color: token.colorInfo},
+      {label: "Suspended", icon: "fa-pause", color: token.colorWarning},
+      {label: "Missing", icon: "fa-link-slash", color: token.colorBorder},
+      {label: "Unknown", icon: "fa-question", color: token.colorBorder},
+      {label: "OutOfSync", icon: "fa-rotate", color: token.colorError},
+      {label: "Synced", icon: "fa-rotate", color: token.colorSuccessBg},
+   ]
+
+   const getStatusIcon = (label: string, message?: string) => {
+      const icon = status.find(el => el.label === label)?.icon;
+      const color = status.find(el => el.label === label)?.color;
+      const comp = <Avatar style={{backgroundColor: color, color: token.colorWhite, border: `solid 4px ${token.colorWhite}`}} icon={<FontAwesomeIcon icon={icon as IconProp} />} />;
+      if (message) {
+         return <Tooltip title={message}><div>{comp}</div></Tooltip>;
+      }
+      return comp;
+   }
+
+   const getNodeIcon = (icon: string, statusLabel: string) => {
+      const color = (statusLabel === "Degraded" || 
+                     statusLabel === "Progressing" || 
+                     statusLabel === "Missing") ? status.find(el => el.label === statusLabel)?.color : 
+                    (statusLabel === "Unknown") ? token.colorWhite : token.colorLink;
+      const nodeIcon = <Avatar style={{backgroundColor: token.colorBorder, color: color}} size={40} icon={<FontAwesomeIcon icon={icon as IconProp} />} />;
+      return (statusLabel === "Progressing") ?
+         <div className={styles.nodeIconProgressing}>
+            {nodeIcon}
+            <Spin className={styles.nodeIconSpinner} indicator={<LoadingOutlined style={{ fontSize: 40, color: status.find(el => el.label === statusLabel)?.color }} spin />} />
+         </div>
+         : nodeIcon
+   }
+
+   const TagDateFlow = ({date}) => {
+      return <Tooltip title={formatISODate(date, true)}><div className={styles.tagFlow}>{getDaysPeriod(date)}</div></Tooltip>
+   }
+
+   const TagVersionFlow = ({version}) => {
+      return <div className={styles.tagFlow}>{version}</div>
+   }
+
+   const getDaysPeriod = (isoDate) => {
+      const days = getDaysPeriodFromISO(isoDate);
+      return (days !== 1) ? `${days} days` : `${days} day`;
+   }
+
+   const NodeElement = ({ data }) => {
+      return (
+         <div className={styles.node} onClick={() => showNodeDetails(data)}>
+            <Handle type="target" position={Position.Left} />
+               <Space>
+                  {getNodeIcon(data.icon, data.health?.status)}
+                  <div>
+                     <div className={styles.header}>
+                        {data.name}
+                     </div>
+                     <div className={styles.body}>
+                        {data.kind}
+                     </div>
+                     <Flex align='center' className={styles.footer} gap={5}>
+                        {data.health && getStatusIcon(data.health.status, data.health.message)}
+                        {data.status && getStatusIcon(data.status, data.status === "Synced" ? "Synced" : "Out of Sync")}
+                        <TagDateFlow date={data.date} />
+                        <TagVersionFlow version={data.version} />
+                     </Flex>
+                  </div>
+               </Space>
+            <Handle type="source" position={Position.Right} />
+         </div>
+      )
+   }
+
+   const nodeType = useMemo(() => ({ nodeElement: NodeElement }), []);
+   const dagreGraph = new dagre.graphlib.Graph();
+   dagreGraph.setDefaultEdgeLabel(() => ({}));
+
+   const nodeWidth = 400;
+   const nodeHeight = 200;
+
+   const mockData = [
+      {
+         "version":"v1",
+         "kind":"Endpoints",
+         "icon": "fa-diagram-project",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-service",
+         "uid":"4930a04b-9652-4914-8890-b646ea2bdcd4",
+         "parentRefs":[
+            {
+               "kind":"Service",
+               "namespace":"alfredo-fire-firefire-ns",
+               "name":"alfredo-fire-firefire-service",
+               "uid":"637d39a7-5db0-4c6f-9a1f-f9803ba1663a"
+            }
+         ],
+         "status": "Synced",
+         "resourceVersion":"84446863",
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "version":"v1",
+         "kind":"Namespace",
+         "icon": "fa-folder",
+         "name":"alfredo-fire-firefire-ns",
+         "uid":"0aafde66-3b7f-4fce-8ed4-7dd10c3075fe",
+         "status": "OutOfSync",
+         "resourceVersion":"84446802",
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "version":"v1",
+         "kind":"Pod",
+         "icon": "fa-cube",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-7c54bd49b9-bdqf8",
+         "uid":"343be651-8315-402b-ae52-98bd9bef879f",
+         "parentRefs":[
+            {
+               "group":"apps",
+               "kind":"ReplicaSet",
+               "namespace":"alfredo-fire-firefire-ns",
+               "name":"alfredo-fire-firefire-7c54bd49b9",
+               "uid":"e35ac33c-bd86-4301-83ee-c14236691a74"
+            }
+         ],
+         "info":[
+            {
+               "name":"Status Reason",
+               "value":"ImagePullBackOff"
+            },
+            {
+               "name":"Node",
+               "value":"aks-userpool-34513099-vmss000006"
+            },
+            {
+               "name":"Containers",
+               "value":"0/1"
+            }
+         ],
+         "networkingInfo":{
+            "labels":{
+               "app":"krateo.io",
+               "component":"alfredo-fire-firefire",
+               "pod-template-hash":"7c54bd49b9"
+            }
+         },
+         "status": "Synced",
+         "resourceVersion":"84475847",
+         "images":[
+            "ghcr.io/krateoplatformops-archive/alfredo-fire-firefire:latest"
+         ],
+         "health":{
+            "status":"Degraded",
+            "message":"Back-off pulling image \"ghcr.io/krateoplatformops-archive/alfredo-fire-firefire:latest\""
+         },
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "version":"v1",
+         "kind":"Pod",
+         "icon": "fa-cube",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-7c54bd49b9-drp4n",
+         "uid":"4120b151-3231-4fcd-8986-4f1adfc59c72",
+         "parentRefs":[
+            {
+               "group":"apps",
+               "kind":"ReplicaSet",
+               "namespace":"alfredo-fire-firefire-ns",
+               "name":"alfredo-fire-firefire-7c54bd49b9",
+               "uid":"e35ac33c-bd86-4301-83ee-c14236691a74"
+            }
+         ],
+         "info":[
+            {
+               "name":"Status Reason",
+               "value":"ImagePullBackOff"
+            },
+            {
+               "name":"Node",
+               "value":"aks-userpool-34513099-vmss000007"
+            },
+            {
+               "name":"Containers",
+               "value":"0/1"
+            }
+         ],
+         "networkingInfo":{
+            "labels":{
+               "app":"krateo.io",
+               "component":"alfredo-fire-firefire",
+               "pod-template-hash":"7c54bd49b9"
+            }
+         },
+         "status": "Synced",
+         "resourceVersion":"84475693",
+         "images":[
+            "ghcr.io/krateoplatformops-archive/alfredo-fire-firefire:latest"
+         ],
+         "health":{
+            "status":"Degraded",
+            "message":"Back-off pulling image \"ghcr.io/krateoplatformops-archive/alfredo-fire-firefire:latest\""
+         },
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "version":"v1",
+         "kind":"Pod",
+         "icon": "fa-cube",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-7c54bd49b9-kgzdp",
+         "uid":"afc2febc-c711-4e28-972d-dbc93fff20e4",
+         "parentRefs":[
+            {
+               "group":"apps",
+               "kind":"ReplicaSet",
+               "namespace":"alfredo-fire-firefire-ns",
+               "name":"alfredo-fire-firefire-7c54bd49b9",
+               "uid":"e35ac33c-bd86-4301-83ee-c14236691a74"
+            }
+         ],
+         "info":[
+            {
+               "name":"Status Reason",
+               "value":"ImagePullBackOff"
+            },
+            {
+               "name":"Node",
+               "value":"aks-userpool-34513099-vmss000008"
+            },
+            {
+               "name":"Containers",
+               "value":"0/1"
+            }
+         ],
+         "networkingInfo":{
+            "labels":{
+               "app":"krateo.io",
+               "component":"alfredo-fire-firefire",
+               "pod-template-hash":"7c54bd49b9"
+            }
+         },
+         "status": "OutOfSync",
+         "resourceVersion":"84475790",
+         "images":[
+            "ghcr.io/krateoplatformops-archive/alfredo-fire-firefire:latest"
+         ],
+         "health":{
+            "status":"Degraded",
+            "message":"Back-off pulling image \"ghcr.io/krateoplatformops-archive/alfredo-fire-firefire:latest\""
+         },
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "version":"v1",
+         "kind":"Service",
+         "icon": "fa-cubes",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-service",
+         "uid":"637d39a7-5db0-4c6f-9a1f-f9803ba1663a",
+         "networkingInfo":{
+            "targetLabels":{
+               "app":"krateo.io",
+               "component":"alfredo-fire-firefire"
+            }
+         },
+         "status": "Synced",
+         "resourceVersion":"84446804",
+         "health":{
+            "status":"Healthy"
+         },
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "group":"apps",
+         "version":"v1",
+         "kind":"Deployment",
+         "icon": "fa-arrow-rotate-right",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire",
+         "uid":"3a1cfa55-195d-4fc3-8f01-506f3017c0c6",
+         "info":[
+            {
+               "name":"Revision",
+               "value":"Rev:1"
+            }
+         ],
+         "status": "Synced",
+         "resourceVersion":"84450847",
+         "health":{
+            "status":"Degraded",
+            "message":"Deployment \"alfredo-fire-firefire\" exceeded its progress deadline"
+         },
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "group":"apps",
+         "version":"v1",
+         "kind":"ReplicaSet",
+         "icon": "fa-clone",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-7c54bd49b9",
+         "uid":"e35ac33c-bd86-4301-83ee-c14236691a74",
+         "parentRefs":[
+            {
+               "group":"apps",
+               "kind":"Deployment",
+               "namespace":"alfredo-fire-firefire-ns",
+               "name":"alfredo-fire-firefire",
+               "uid":"3a1cfa55-195d-4fc3-8f01-506f3017c0c6"
+            }
+         ],
+         "info":[
+            {
+               "name":"Revision",
+               "value":"Rev:1"
+            }
+         ],
+         "status": "Synced",
+         "resourceVersion":"84446834",
+         "health":{
+            "status":"Progressing",
+            "message":"Waiting for rollout to finish: 0 out of 3 new replicas are available..."
+         },
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "group":"discovery.k8s.io",
+         "version":"v1",
+         "kind":"EndpointSlice",
+         "icon": "fa-circle-dot",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-service-4ckbn",
+         "uid":"d0e97ca3-1e3b-487c-8393-04d44294a4e0",
+         "parentRefs":[
+            {
+               "kind":"Service",
+               "namespace":"alfredo-fire-firefire-ns",
+               "name":"alfredo-fire-firefire-service",
+               "uid":"637d39a7-5db0-4c6f-9a1f-f9803ba1663a"
+            }
+         ],
+         "status": "Synced",
+         "resourceVersion":"84446862",
+         "createdAt":"2024-05-02T07:15:03Z"
+      },
+      {
+         "group":"networking.k8s.io",
+         "version":"v1",
+         "kind":"Ingress",
+         "icon": "fa-shuffle",
+         "namespace":"alfredo-fire-firefire-ns",
+         "name":"alfredo-fire-firefire-ingress",
+         "uid":"ad8a8b68-40e7-4eb0-aac0-58df5ccd4820",
+         "networkingInfo":{
+            "targetRefs":[
+               {
+                  "kind":"Service",
+                  "namespace":"alfredo-fire-firefire-ns",
+                  "name":"alfredo-fire-firefire-service"
+               }
+            ],
+            "ingress":[
+               {
+                  "ip":"20.93.107.107"
+               }
+            ],
+            "externalURLs":[
+               "http://fireworks-app.krateo.site/"
+            ]
+         },
+         "status": "Synced",
+         "resourceVersion":"84446841",
+         "health":{
+            "status":"Healthy"
+         },
+         "createdAt":"2024-05-02T07:15:03Z"
+      }
+   ];
+
+   // parsing data
+   const parsedNodes = mockData.map((el) => (
+   {
+      id: el.uid,
+      data: { name: el.name, kind: el.kind, icon: el.icon, health: el.health, status: el.status, version: el.version, date: el.createdAt },
+      type: 'nodeElement'
+   }
+   ));
+
+   const parsedEdges: Edge[] = [];
+   mockData.forEach((el) => {
+      if (el.parentRefs !== undefined && el.parentRefs?.length > 0) {
+         parsedEdges.push({ id: `${el.parentRefs[0].uid}-${el.uid}`, source: el.parentRefs[0].uid, target: el.uid, label: '' })
+      }
+   })
+
+   // auto layouting
+   const getLayoutedElements = (nodes, edges, direction) => {
+      dagreGraph.setGraph({ rankdir: direction });
+    
+      nodes.forEach((node) => {
+        dagreGraph.setNode(node.id, { width: nodeWidth, height: nodeHeight });
+      });
+    
+      edges.forEach((edge) => {
+        dagreGraph.setEdge(edge.source, edge.target);
+      });
+    
+      dagre.layout(dagreGraph);
+    
+      nodes.forEach((node) => {
+        const nodeWithPosition = dagreGraph.node(node.id) as {x: number, y: number};
+        node.targetPosition = "left";
+        node.sourcePosition = "right";
+    
+        // We are shifting the dagre node position (anchor=center center) to the top left
+        // so it matches the React Flow node anchor point (top left).
+        node.position = {
+          x: nodeWithPosition.x - nodeWidth / 2,
+          y: nodeWithPosition.y - nodeHeight / 2,
+        };
+    
+        return node;
+      });
+    
+      return { nodes, edges };
+   };
+
+   const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(
+      parsedNodes,
+      parsedEdges,
+      "LR"
+   );
+
+   const [nodes, , onNodesChange] = useNodesState(layoutedNodes);
+   const [edges, , onEdgesChange] = useEdgesState(layoutedEdges);
+
+   return (
+      <div style={{ height: '100%' }}>
+         <ReactFlow
+            nodes={nodes}
+            nodeTypes={nodeType}
+            onNodesChange={onNodesChange}
+            edges={edges}
+            onEdgesChange={onEdgesChange}
+            //   nodesDraggable={false}
+            nodesConnectable={false}
+            fitView
+            >
+            <Background />
+            <Controls showInteractive={false} />
+         </ReactFlow>
+      </div>
+   )
+}
+
+
+export default ChartFlow;
\ No newline at end of file
diff --git a/src/components/Widgets/ChartFlow/styles.module.scss b/src/components/Widgets/ChartFlow/styles.module.scss
new file mode 100644
index 0000000..1c87407
--- /dev/null
+++ b/src/components/Widgets/ChartFlow/styles.module.scss
@@ -0,0 +1,44 @@
+@import '../../../theme/global.scss';
+
+.node {
+  padding: 10px;
+  border: solid 1px $border-color;
+  background: $light-color;
+  border-radius: 50px;
+  position: relative;
+
+  .nodeIconProgressing {
+    position: relative;
+
+    .nodeIconSpinner {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
+
+  .header {
+    padding: 0px 10px;
+    font-size: 14px;
+    text-transform: uppercase;
+  }
+
+  .body {
+    font-size: 14px;
+    padding: 0px 10px;
+    color: $gray-color;
+  }
+
+  .footer {
+    position: absolute;
+    right: 20px;
+
+    .tagFlow {
+      border-radius: 20px;
+      background-color: $border-color;
+      padding: 3px 10px;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/components/Widgets/FlowChart/FlowChart.tsx b/src/components/Widgets/FlowChart/FlowChart.tsx
deleted file mode 100644
index beed92a..0000000
--- a/src/components/Widgets/FlowChart/FlowChart.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-
-const FlowChart = () => {
-  return (<></>)
-}
-
-export default FlowChart;
\ No newline at end of file
diff --git a/src/components/Widgets/FormGenerator/FormGenerator.tsx b/src/components/Widgets/FormGenerator/FormGenerator.tsx
index 8568193..10f7cf5 100644
--- a/src/components/Widgets/FormGenerator/FormGenerator.tsx
+++ b/src/components/Widgets/FormGenerator/FormGenerator.tsx
@@ -92,14 +92,14 @@ const FormGenerator = ({title, description, fieldsEndpoint, form, prefix, onClos
 					breadcrumb.map((el, index) => {
 						if (index < breadcrumb.length -1) {
 							if (index === 2 && breadcrumb.length > 3) {
-								return <Typography.Text className={styles.breadcrumbDots}>... <span> &rsaquo; </span></Typography.Text>
+								return <Typography.Text key={`label_breadcrumb_${index}`} className={styles.breadcrumbDots}>... <span> &rsaquo; </span></Typography.Text>
 							} else if (index > 2 && index < breadcrumb.length -1 && breadcrumb.length > 3) {
 								return ""
 							} else {
-								return <Typography.Text ellipsis>{el} <span> &rsaquo; </span></Typography.Text>
+								return <Typography.Text key={`label_breadcrumb_${index}`} ellipsis>{el} <span> &rsaquo; </span></Typography.Text>
 							}
 						} else {
-							return <Typography.Text ellipsis>{el}</Typography.Text>
+							return <Typography.Text key={`label_breadcrumb_${index}`} ellipsis>{el}</Typography.Text>
 						}
 					})
 				}
diff --git a/src/components/Widgets/index.ts b/src/components/Widgets/index.ts
index 88f5bcb..fbfb3de 100644
--- a/src/components/Widgets/index.ts
+++ b/src/components/Widgets/index.ts
@@ -2,6 +2,7 @@ import ChartPie from "./ChartPie/ChartPie";
 import ChartLine from "./ChartLine/ChartLine";
 import ChartBars from "./ChartBars/ChartBars";
 import ChartMultipleBars from "./ChartMultipleBars/ChartMultipleBars";
+import ChartFlow from "./ChartFlow/ChartFlow";
 import CardTemplate from "./CardTemplate/CardTemplate";
 import FormGenerator from "./FormGenerator/FormGenerator";
 import Button from "./Button/Button";
@@ -19,6 +20,7 @@ const widgets = {
   "ChartLine": ChartLine,
   "ChartBars": ChartBars,
   "ChartMultipleBars": ChartMultipleBars,
+  "ChartFlow": ChartFlow,
   "CardTemplate": CardTemplate,
   "FormGenerator": FormGenerator,
   "Button": Button,
diff --git a/src/features/app/appApiSlice.ts b/src/features/app/appApiSlice.ts
index edadbca..59a693b 100644
--- a/src/features/app/appApiSlice.ts
+++ b/src/features/app/appApiSlice.ts
@@ -1,10 +1,13 @@
 import { apiSlice } from "../../api/apiSlice";
-import { getBaseUrl } from "../../utils/api";
+import { getBaseUrl, getHeaders } from "../../utils/api";
 
 export const appApiSlice = apiSlice.injectEndpoints({
   endpoints: (builder) => ({
     getAppData: builder.query({
-      query: (clientID) => `${getBaseUrl()}appData/${clientID}`,
+      query: (clientID) => ({
+        url: `${getBaseUrl()}appData/${clientID}`,
+        headers: getHeaders(),
+      }),
     }),
   }),
 })
diff --git a/src/features/common/commonApiSlice.ts b/src/features/common/commonApiSlice.ts
index 4f21318..62c5926 100644
--- a/src/features/common/commonApiSlice.ts
+++ b/src/features/common/commonApiSlice.ts
@@ -1,11 +1,12 @@
 import { apiSlice } from "../../api/apiSlice"
-import { getBaseUrl } from "../../utils/api"
+import { getBaseUrl, getHeaders } from "../../utils/api"
 
 export const commonApiSlice = apiSlice.injectEndpoints({
   endpoints: (builder) => ({
     getContent: builder.query({
       query: (data) => ({
         url: `${getBaseUrl()}${data.endpoint}`,
+        headers: getHeaders(),
       }),
     }),
     postContent: builder.mutation({
@@ -13,6 +14,7 @@ export const commonApiSlice = apiSlice.injectEndpoints({
         url: `${getBaseUrl()}${data.endpoint}`,
         method: 'POST',
         body: data.body,
+        headers: getHeaders(),
       }),
     }),
     putContent: builder.mutation({
@@ -20,12 +22,14 @@ export const commonApiSlice = apiSlice.injectEndpoints({
         url: `${getBaseUrl()}${data.endpoint}`,
         method: 'PUT',
         body: data.body,
+        headers: getHeaders(),
       }),
     }),
     deleteContent: builder.mutation({
       query: (data) => ({
         url: `${getBaseUrl()}${data.endpoint}`,
         method: 'DELETE',
+        headers: getHeaders(),
       }),
     }),
   }),
diff --git a/src/hooks/styleParse.module.scss b/src/hooks/styleParse.module.scss
index e2b6b48..3167b88 100644
--- a/src/hooks/styleParse.module.scss
+++ b/src/hooks/styleParse.module.scss
@@ -1,5 +1,6 @@
 
   .row {
+    height: 100%;
     padding: 10px 0;
   }
 
diff --git a/src/main.tsx b/src/main.tsx
index 5f9535a..d044587 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -21,7 +21,9 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
             colorTextBase: '#323b40',
             colorBgBase: '#fbfbfb',
             colorBorder: '#E1E3E8',
-            colorInfo: '#05629A', //bar charts
+            colorInfo: '#11B2E2', //bar charts
+            colorWhite: '#FFFFFF',
+            colorSuccessBg: '#00D690',
           }
         }}
       >
diff --git a/src/theme/index.scss b/src/theme/index.scss
index 361af7a..1c90a30 100644
--- a/src/theme/index.scss
+++ b/src/theme/index.scss
@@ -20,6 +20,18 @@ body {
   .ant-layout {
     background: transparent;
   }
+
+  .ant-tabs {
+    height: 100%;
+
+    .ant-tabs-content {
+      height: 100%;
+
+      .ant-tabs-tabpane {
+        height: 100%;
+      }
+    }
+  }
 }
 
 *::-webkit-scrollbar {
diff --git a/src/utils/api.ts b/src/utils/api.ts
index 0157c45..d230193 100644
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -9,4 +9,19 @@ export const getBaseUrl = () => {
     }
   }
   return baseUrl;
+}
+
+export const getHeaders = () => {
+  const ls = localStorage.getItem("user");
+  if (ls) {
+    const username = ls && JSON.parse(ls)?.user.username;
+    const group = ls && JSON.parse(ls)?.groups[0];
+
+    return {
+      "X-Krateo-User": username,
+      "X-Krateo-Groups": group
+    }
+  } else {
+    return undefined
+  }
 }
\ No newline at end of file
diff --git a/src/utils/dateTime.ts b/src/utils/dateTime.ts
new file mode 100644
index 0000000..b8bdeca
--- /dev/null
+++ b/src/utils/dateTime.ts
@@ -0,0 +1,27 @@
+export const formatISODate = (value: string, showTime: boolean = false) => (
+  showTime ?
+    new Date(value).toLocaleDateString('en', { year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric' })
+  :
+    new Date(value).toLocaleDateString('en', { year: 'numeric', month: 'long', day: 'numeric' })
+);
+
+export const getTimeFromISOString = (isoDate: string) => (
+  new Date(isoDate).toLocaleTimeString('en', { timeStyle: 'short', hour12: false })
+);
+
+export const getDayFromISO = (isoDate: string) => {
+  const date = new Date(isoDate).getDate();
+  if (date < 10) return `0${date}`
+  return date;
+}
+
+export const getMonthFromISO = (isoDate: string) => {
+  return new Date(isoDate).getMonth();
+}
+
+export const getDaysPeriodFromISO = (isoDate: string) => {
+  const deltaMSeconds = (new Date()).getTime() - (new Date(isoDate)).getTime();
+  const deltaDays = Math.floor(deltaMSeconds / 24 / 60 / 60 / 1000);
+
+  return deltaDays;
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 53fe0e2..f11f57e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -13,9 +13,7 @@ export default defineConfig({
   server: {
     proxy: {
       "/apis": {
-        // target: "http://20.105.26.194:8080/apis",
-        // target: "http://20.105.44.127:8080/apis",
-        target: "http://4.209.37.15:8081/apis",
+        target: "http://4.209.35.224:8081/apis",
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/apis/, ''),
       }