diff --git a/NOTICE.md b/NOTICE.md
deleted file mode 100644
index 003f5aab..00000000
--- a/NOTICE.md
+++ /dev/null
@@ -1,4 +0,0 @@
-Please be noted that:
-
-- This project side-by-side includes [hpcc-js-wasm](https://github.com/hpcc-systems/hpcc-js-wasm) in its released package, hpcc-js-wasm is [licensed](https://github.com/hpcc-systems/hpcc-js-wasm/blob/trunk/LICENSE) under Apache-v2.0 and you could find its source code from https://github.com/hpcc-systems/hpcc-js-wasm.
-  - [hpcc-js-wasm](https://github.com/hpcc-systems/hpcc-js-wasm) side-by-side includes [graphviz](https://gitlab.com/graphviz/graphviz) as a `wasm` binary. Graphviz is [licensed](https://gitlab.com/graphviz/graphviz/-/blob/main/LICENSE) under EPL-v1.0 and you could find its source coude from https://gitlab.com/graphviz/graphviz.
diff --git a/app/config/locale/en-US.ts b/app/config/locale/en-US.ts
index 8647446c..eef4b240 100644
--- a/app/config/locale/en-US.ts
+++ b/app/config/locale/en-US.ts
@@ -160,8 +160,8 @@ export default {
     addToFavorites: 'Add to favorites',
     unfavorite: 'Unfavorite',
     clearFavorites: 'Clear Favorites',
-    graphviz: 'Graphviz',
     selectSpace: 'Please select Graph Space',
+    planTree: 'Plan',
   },
   explore: {
     vertexStyle: 'Vertex Color',
diff --git a/app/config/locale/zh-CN.ts b/app/config/locale/zh-CN.ts
index f0e3335d..eda96a3d 100644
--- a/app/config/locale/zh-CN.ts
+++ b/app/config/locale/zh-CN.ts
@@ -154,8 +154,8 @@ export default {
     addToFavorites: '添加到收藏夹',
     unfavorite: '取消收藏',
     clearFavorites: '清空收藏夹',
-    graphviz: 'Graphviz',
     selectSpace: '请选择图空间',
+    planTree: '执行计划',
   },
   explore: {
     vertexStyle: '节点颜色',
diff --git a/app/pages/Console/OutputBox/Graphviz/index.module.less b/app/pages/Console/OutputBox/Graphviz/index.module.less
deleted file mode 100644
index 8b08020e..00000000
--- a/app/pages/Console/OutputBox/Graphviz/index.module.less
+++ /dev/null
@@ -1,8 +0,0 @@
-.graphvizBox {
-	background-color: #fff;
-  width: 1100px;
-	svg {
-		overflow: auto;
-		height: auto;
-	}
-}
\ No newline at end of file
diff --git a/app/pages/Console/OutputBox/Graphviz/index.tsx b/app/pages/Console/OutputBox/Graphviz/index.tsx
deleted file mode 100644
index e1eb2c70..00000000
--- a/app/pages/Console/OutputBox/Graphviz/index.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { GraphvizOptions, graphviz } from 'd3-graphviz';
-import { useEffect, useRef } from 'react';
-import cls from 'classnames';
-import styles from './index.module.less';
-
-interface IProps {
-  graph: string;
-  index: number;
-}
-
-const Graphviz = (props: IProps) => { 
-  const domRef = useRef(null);
-  const { graph, index } = props;
-  const renderFlowChart = () => {
-    const defaultOptions: GraphvizOptions = {
-      width: 1100,
-      height: 400,
-      fit: true,
-    };
-    graphviz(`.box-${index}`, {
-      ...defaultOptions,
-    })
-      .renderDot(graph);
-  };
-  useEffect(() => {
-    if(graph)
-      renderFlowChart();
-  }, [graph]);
-  return <div className={cls(styles.graphvizBox, `box-${index}`)} ref={domRef} />;
-};
-
-export default Graphviz;
diff --git a/app/pages/Console/OutputBox/index.module.less b/app/pages/Console/OutputBox/index.module.less
index 821865da..ec934bf8 100644
--- a/app/pages/Console/OutputBox/index.module.less
+++ b/app/pages/Console/OutputBox/index.module.less
@@ -1,187 +1,215 @@
 @import '@app/common.less';
+
 .outputBox {
-	overflow: hidden;
-	background: #fff;
-	position: relative;
-	display: flex;
-	flex-direction: column;
-	margin: 20px 0;
-	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-	border-radius: 6px;
-	.outputHeader {
-		padding: 12px 15px;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		.gql {
-			flex: 1;
-			display: inline-block;
-			margin: 0;
-			background-color: #DFFFDA;
-			border-radius: 6px;
-			padding: 11px 14px;
-			cursor: pointer;
-			font-family: Roboto-Regular, sans-serif;
-			font-weight: 500;
-			font-size: 18px;
-			color: #27AE60;
-		}
-		.gqlValue {
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: pre-wrap;
-			display: -webkit-box;
-			-webkit-line-clamp: 3;
-			-webkit-box-orient: vertical;
-			word-break: break-all;
-		}
-		.errorInfo {
-			background-color: #fff2f0;
-			color: #ff4d4f;
-		}
-		.outputOperations {
-			display: flex;
-    	align-items: center;
-			margin-left: 22px;
-			> :global(span.anticon) {
-				svg {
-					color: @darkBlue;
-					width: 22px;
-					height: 22px;
-				}
-				&:not(:last-child) {
-					margin-right: 22px;
-				}
-				&.btnYellow svg {
-					color: #F2C94C;
-				}
-			}
-			.btnExport {
-				cursor: pointer;
-			}
-		}
-	}
-
-	:global(.ant-table) {
-		overflow: auto;
-	}
-
-	.tabContainer {
-		position: relative;
-		border-top: 1px solid #E0E0E0;
-		flex: 1;
-		white-space: pre;
-		.outputTab {
-			min-height: 300px;
-			max-height: 720px;
-			& > :global(.ant-tabs-nav) {
-				width: 80px;
-				:global {
-					.ant-tabs-tab {
-						padding: 0;
-						height: 80px;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						margin-top: 0;
-						.ant-tabs-tab-btn {
-							display: flex;
-							flex-direction: column;
-							align-items: center;
-							justify-content: center;
-							color: @darkGray;
-							.anticon {
-								margin-right: 0;
-								svg {
-									width: 22px;
-									height: 22px;
-								}
-							}
-						}
-						&.ant-tabs-tab-active {
-							background: @lightBlue;
-							.ant-tabs-tab-btn { 
-								color: @blue;
-							}
-						}
-					}
-				}
-				
-			}
-			& > :global(.ant-tabs-content-holder) {
-				position: relative;
-				background-color: @lightBlue;
-				overflow: auto;
-				max-height: 700px;
-				:global {
-					.ant-tabs-content {
-						.ant-table, .ant-pagination {
-							margin: 20px;
-						}
-						.ant-tabs-tabpane {
-							padding-left: 0;
-						}
-					}
-				}
-			}
-		
-			.errContainer {
-				padding: 20px;
-			}
-		}
-		table {
-			background: #f8f8fa;
-			width: 100%;
-
-			thead > tr > th {
-				background:@lightGray;
-				font-weight: 500;
-			}
-		}
-	}
-
-	.outputFooter {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 15px 18px;
-		width: 100%;
-		height: 65px;
-		border-top: 1px solid #E0E0E0;
-		font-family: Roboto-Regular, sans-serif;
-		font-size: 16px;
-		color: @darkBlue;
-		letter-spacing: 1.48px;
-		.btns {
-			display: flex;
-			align-items: center;
-			svg {
-				width: 24px;
-				height: 24px;
-				margin-right: 16px;
-			}
-			button:not(:last-child) {
-				margin-right: 10px;
-			}
-		}
-	}
+  overflow: hidden;
+  background: #fff;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  margin: 20px 0;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+
+  .outputHeader {
+    padding: 12px 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .gql {
+      flex: 1;
+      display: inline-block;
+      margin: 0;
+      background-color: #DFFFDA;
+      border-radius: 6px;
+      padding: 11px 14px;
+      cursor: pointer;
+      font-family: Roboto-Regular, sans-serif;
+      font-weight: 500;
+      font-size: 18px;
+      color: #27AE60;
+    }
+
+    .gqlValue {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: pre-wrap;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+      word-break: break-all;
+    }
+
+    .errorInfo {
+      background-color: #fff2f0;
+      color: #ff4d4f;
+    }
+
+    .outputOperations {
+      display: flex;
+      align-items: center;
+      margin-left: 22px;
+
+      > :global(span.anticon) {
+        svg {
+          color: @darkBlue;
+          width: 22px;
+          height: 22px;
+        }
+
+        &:not(:last-child) {
+          margin-right: 22px;
+        }
+
+        &.btnYellow svg {
+          color: #F2C94C;
+        }
+      }
+
+      .btnExport {
+        cursor: pointer;
+      }
+    }
+  }
+
+  :global(.ant-table) {
+    overflow: auto;
+  }
+
+  .tabContainer {
+    position: relative;
+    border-top: 1px solid #E0E0E0;
+    flex: 1;
+    white-space: pre;
+
+    .outputTab {
+      min-height: 300px;
+      max-height: 720px;
+
+      &> :global(.ant-tabs-nav) {
+        width: 80px;
+
+        :global {
+          .ant-tabs-tab {
+            padding: 0;
+            height: 80px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-top: 0;
+
+            .ant-tabs-tab-btn {
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              color: @darkGray;
+
+              .anticon {
+                margin-right: 0;
+
+                svg {
+                  width: 22px;
+                  height: 22px;
+                }
+              }
+            }
+
+            &.ant-tabs-tab-active {
+              background: @lightBlue;
+
+              .ant-tabs-tab-btn {
+                color: @blue;
+              }
+            }
+          }
+        }
+
+      }
+
+      &> :global(.ant-tabs-content-holder) {
+        :global {
+          .ant-tabs-content {
+
+            .ant-table,
+            .ant-pagination {
+              margin: 20px;
+            }
+
+            .ant-tabs-tabpane {
+              padding-left: 0;
+              position: relative;
+              background-color: @lightBlue;
+              max-height: 700px;
+              overflow: auto;
+            }
+          }
+        }
+      }
+
+      .errContainer {
+        padding: 20px;
+      }
+    }
+
+    table {
+      background: #f8f8fa;
+      width: 100%;
+
+      thead>tr>th {
+        background: @lightGray;
+        font-weight: 500;
+      }
+    }
+  }
+
+  .outputFooter {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 15px 18px;
+    width: 100%;
+    height: 65px;
+    border-top: 1px solid #E0E0E0;
+    font-family: Roboto-Regular, sans-serif;
+    font-size: 16px;
+    color: @darkBlue;
+    letter-spacing: 1.48px;
+
+    .btns {
+      display: flex;
+      align-items: center;
+
+      svg {
+        width: 24px;
+        height: 24px;
+        margin-right: 16px;
+      }
+
+      button:not(:last-child) {
+        margin-right: 10px;
+      }
+    }
+  }
 }
 
 .exportPopover {
-	:global(.ant-popover-inner-content) {
-		padding: 0;
-		border-radius: 3px;
-	}
-	.downloadItem {
-		padding: 10px 20px;
-		display: flex;
+  :global(.ant-popover-inner-content) {
+    padding: 0;
+    border-radius: 3px;
+  }
+
+  .downloadItem {
+    padding: 10px 20px;
+    display: flex;
     align-items: center;
     justify-content: center;
     color: black;
     font-weight: 400;
-		font-size: 12px;
-		&[disabled] {
-			color: rgba(0, 0, 0, 0.25);
-		}
-	}
+    font-size: 12px;
+
+    &[disabled] {
+      color: rgba(0, 0, 0, 0.25);
+    }
+  }
 }
\ No newline at end of file
diff --git a/app/pages/Console/OutputBox/index.tsx b/app/pages/Console/OutputBox/index.tsx
index c08df7e1..b5c664a6 100644
--- a/app/pages/Console/OutputBox/index.tsx
+++ b/app/pages/Console/OutputBox/index.tsx
@@ -11,7 +11,8 @@ import cls from 'classnames';
 import { GraphStore } from '@app/stores/graph';
 import { useI18n } from '@vesoft-inc/i18n';
 import type { HistoryResult } from '@app/stores/console';
-import Graphviz from './Graphviz';
+import Explain, { convertExplainData } from '@vesoft-inc/nebula-explain-graph';
+import '@vesoft-inc/nebula-explain-graph/dist/Explain.css';
 import ForceGraph from './ForceGraph';
 
 import styles from './index.module.less';
@@ -212,6 +213,22 @@ const OutputBox = (props: IProps) => {
     });
   };
   const resultSuccess = useMemo(() => code === 0, [code]);
+  const isDot = data.headers[0] === 'format';
+  const isExplainRaw =
+    gql
+      ?.trim()
+      .toLowerCase()
+      .match(/^explain(\s+|\{)/) &&
+    dataSource.length &&
+    !isDot;
+  const isProfileRaw =
+    gql
+      ?.trim()
+      .toLowerCase()
+      .match(/^profile(\s+|\{)/) &&
+    dataSource.length &&
+    !isDot;
+
   const items = [
     resultSuccess && {
       key: 'table',
@@ -234,15 +251,27 @@ const OutputBox = (props: IProps) => {
       ),
     },
     resultSuccess &&
-      data.headers[0] === 'format' && {
-        key: 'graphViz',
+      isExplainRaw && {
+        key: 'explain',
+        label: (
+          <>
+            <Icon type="icon-studio-console-graphviz" />
+            {intl.get('console.planTree')}
+          </>
+        ),
+        children: <Explain style={{ height: 600 }} data={dataSource.map((item) => convertExplainData(item))} />,
+      },
+
+    resultSuccess &&
+      isProfileRaw && {
+        key: 'profile',
         label: (
           <>
             <Icon type="icon-studio-console-graphviz" />
-            {intl.get('console.graphviz')}
+            {intl.get('console.planTree')}
           </>
         ),
-        children: <Graphviz graph={dataSource[0]?.format} index={index} />,
+        children: <Explain style={{ height: 600 }} data={dataSource.map((item) => convertExplainData(item))} />,
       },
     showGraph && {
       key: 'graph',
diff --git a/app/pages/SketchModeling/Plugins/SketchShapes/index.module.less b/app/pages/SketchModeling/Plugins/SketchShapes/index.module.less
index dbf0d338..ef379ac5 100644
--- a/app/pages/SketchModeling/Plugins/SketchShapes/index.module.less
+++ b/app/pages/SketchModeling/Plugins/SketchShapes/index.module.less
@@ -1,12 +1,14 @@
 @import '@app/common.less';
 @shadowBlue: rgba(0, 194, 255, 0.6) !important;
 @pathBlue: rgba(0, 145, 255, 0.7);
+
 .labelContainer {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
+
   .label {
     text-align: center;
     text-overflow: ellipsis;
@@ -16,10 +18,12 @@
     user-select: none;
   }
 }
+
 .activeNode {
   opacity: 0;
   fill: transparent;
 }
+
 .edgeLabel {
   display: flex;
   justify-content: center;
@@ -27,6 +31,7 @@
   max-height: 100%;
   font-size: 12px;
   height: 100%;
+
   >span {
     height: 100%;
     position: relative;
@@ -38,6 +43,7 @@
     padding: 0 3px;
     background-color: @lightWhite;
   }
+
   .invalid {
     width: 10px;
     height: 10px;
@@ -47,12 +53,14 @@
     background-image: url('@app/static/images/invalid.svg');
   }
 }
+
 :global(.ve-node.active) {
   .activeNode {
     opacity: 1;
     fill: rgba(0, 145, 255, 0.8);
   }
 }
+
 .arrow {
   stroke: rgba(99, 111, 129, 0.8);
   stroke-width: 1.6px;
@@ -60,6 +68,7 @@
   stroke-linejoin: round;
   fill: transparent !important;
 }
+
 .arrowShadow {
   stroke: transparent;
   stroke-width: 3.6px;
@@ -67,9 +76,12 @@
   stroke-linejoin: round;
   fill: transparent !important;
 }
-:global(.ve-line.active), :global(.ve-line:hover) {
+
+:global(.ve-line.active),
+:global(.ve-line:hover) {
   .edgeLabel {
     color: @blue;
+
     span {
       background-color: @lightWhite;
     }
@@ -84,47 +96,13 @@
   }
 }
 
-:global {
-  .ve-line-label {
-    rect {
-      fill: transparent;
-    }
-    text {
-      font-size: 14px;
-      font-weight: 600;
-    }
-  }
-  .ve-line.active,.ve-line:hover{
-    .ve-line-shape{
-      opacity: 1 !important;
-    }
-    .ve-line-path{
-      stroke:@pathBlue !important;
-    }
-    .ve-shdow-path{
-      stroke-width: 4.5px !important;
-      stroke:@shadowBlue;
-      filter: drop-shadow(0px 0px 3px rgba(0, 194, 255, 1));
-    }
-    .ve-line-label {
-      text {
-        fill: @blue;
-      }
-    }
-    // .ve-line-arrow{
-    //   fill:transparent!important;
-    //   opacity: 1 !important;
-    //   stroke: rgba(0, 145, 255, 0.5) !important;
-    //   filter: drop-shadow(0px 0px 5px rgba(0, 194, 255, 1));
-    // }
-  }
-}
 
 .tooltipContainer {
   :global {
     .ant-tooltip-arrow {
       display: none;
     }
+
     .ant-tooltip-inner {
       padding: 0;
       background-color: transparent;
diff --git a/app/pages/SketchModeling/index.module.less b/app/pages/SketchModeling/index.module.less
index aff5311e..2f0edc44 100644
--- a/app/pages/SketchModeling/index.module.less
+++ b/app/pages/SketchModeling/index.module.less
@@ -1,17 +1,23 @@
 @import '@app/common.less';
+@shadowBlue: rgba(0, 194, 255, 0.6) !important;
+@pathBlue: rgba(0, 145, 255, 0.7);
+
 @keyframes panelOut {
-  0%{
+  0% {
     left: calc(100% - 92px);
   }
-  100%{
+
+  100% {
     left: max(calc(50% + 150px), calc(100% - 430px));
   }
 }
+
 @keyframes tagPanelOut {
-  0%{
+  0% {
     right: 50%;
   }
-  100%{
+
+  100% {
     right: min(calc(100% - 320px), calc(50% + 350px));
   }
 }
@@ -19,24 +25,71 @@
 .sketchModeling {
   display: flex;
   height: 100%;
+
   .sketchCanvas {
     position: relative;
     display: flex;
     flex-direction: column;
     height: 100%;
     flex: 1;
+
+    :global {
+      .ve-line-label {
+        rect {
+          fill: transparent;
+        }
+
+        text {
+          font-size: 14px;
+          font-weight: 600;
+        }
+      }
+
+      .ve-line.active,
+      .ve-line:hover {
+        .ve-line-shape {
+          opacity: 1 !important;
+        }
+
+        .ve-line-path {
+          stroke: @pathBlue !important;
+        }
+
+        .ve-shdow-path {
+          stroke-width: 4.5px !important;
+          stroke: @shadowBlue;
+          filter: drop-shadow(0px 0px 3px rgba(0, 194, 255, 1));
+        }
+
+        .ve-line-label {
+          text {
+            fill: @blue;
+          }
+        }
+
+        // .ve-line-arrow{
+        //   fill:transparent!important;
+        //   opacity: 1 !important;
+        //   stroke: rgba(0, 145, 255, 0.5) !important;
+        //   filter: drop-shadow(0px 0px 5px rgba(0, 194, 255, 1));
+        // }
+      }
+    }
   }
+
   .content {
     flex: 1;
     position: relative;
   }
 }
+
 .tagBar {
   position: absolute;
   bottom: 33px;
   right: 50%;
   transform: translateX(50%);
   height: 86px;
+
   .tags {
     display: flex;
     align-items: center;
@@ -46,28 +99,33 @@
     background: #FFFFFF;
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
     border-radius: 6px;
+
     .tagLabel {
       user-select: none;
       font-weight: 500;
       font-size: 18px;
       margin-right: 20px;
     }
+
     .tagList {
       display: flex;
       align-items: center;
     }
   }
+
   .tip {
     position: absolute;
     right: 4px;
     top: 4px;
     color: @darkGray;
+
     svg {
       width: 16px;
       height: 16px;
     }
   }
 }
+
 .tagItem {
   width: 48px;
   height: 48px;
@@ -76,17 +134,20 @@
   padding: 0 2px;
   user-select: none;
   cursor: move;
+
   &:not(:last-child) {
     margin-right: 15px;
   }
 }
+
 .shadowItem {
   opacity: 0.5;
   position: fixed;
   z-index: 9999;
   pointer-events: none;
-  margin:0;
+  margin: 0;
 }
+
 .scaleBtns {
   position: absolute;
   width: 42px;
@@ -100,11 +161,13 @@
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
   border-radius: 6px;
   height: 86px;
+
   .btn {
     svg {
       width: 38px;
       height: 38px;
     }
+
     padding: 0 2px;
     user-select: none;
     cursor: pointer;
@@ -127,17 +190,19 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+
   img {
     width: 140px;
     height: 140px;
   }
+
   .emptyText {
     font-weight: 500;
     font-size: 18px;
     line-height: 25px;
     margin: 20px 0 15px;
   }
-  
+
   .emptyTips {
     font-weight: 400;
     font-size: 12px;
diff --git a/package-lock.json b/package-lock.json
index 1e975b74..fe76f7a5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,8 @@
         "@ant-design/pro-layout": "^7.13.5",
         "@vesoft-inc/force-graph": "2.0.7",
         "@vesoft-inc/i18n": "^1.0.1",
-        "@vesoft-inc/veditor": "4.4.2",
+        "@vesoft-inc/nebula-explain-graph": "^1.0.2-beta.1",
+        "@vesoft-inc/veditor": "^4.4.8",
         "antd": "^5.8.4",
         "axios": "^0.23.0",
         "bezier-js": "^4.1.1",
@@ -23,7 +24,6 @@
         "codemirror": "^5.65.0",
         "core-js": "^3.21.1",
         "d3-force-3d": "^3.0.2",
-        "d3-graphviz": "^4.1.1",
         "d3-selection": "2",
         "dayjs": "^1.10.7",
         "dom-to-image": "^2.6.0",
@@ -2055,10 +2055,22 @@
         "node": ">=12"
       }
     },
+    "node_modules/@vesoft-inc/nebula-explain-graph": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@vesoft-inc/nebula-explain-graph/-/nebula-explain-graph-1.0.2.tgz",
+      "integrity": "sha512-BJLY8ZFegjfAYfMlb2xhcF2kYQkXDKa5YLs4Q+Mb01baVSucaeHp62RhvfonZ5nf6bcJKQUjrskSR88mNJQh6Q==",
+      "peerDependencies": {
+        "@vesoft-inc/veditor": "^4.4.8",
+        "antd": "^4||^5",
+        "copy-to-clipboard": "^3.3.3",
+        "react": "^17||^18",
+        "react-dom": "^17||^18"
+      }
+    },
     "node_modules/@vesoft-inc/veditor": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmmirror.com/@vesoft-inc/veditor/-/veditor-4.4.2.tgz",
-      "integrity": "sha512-YUKRW7HwoUDDO2ICa5suGUeKM8YDKjc0T90IQSXUuPwgEygv5ECUgPnQJaj0/+a5SkTiPIiQ1I/6LqFQ8++RHQ==",
+      "version": "4.4.8",
+      "resolved": "https://registry.npmjs.org/@vesoft-inc/veditor/-/veditor-4.4.8.tgz",
+      "integrity": "sha512-gOz76k81jVDsVx6p9yqIpEw9Ta5UgcNoI6nx5grGdWH/YrAUZm0Gypz8pq4myRuti7xTHMloPFvDRtefW70bxw==",
       "dependencies": {
         "canvg": "^4.0.0",
         "dagre": "^0.8.4",
@@ -2303,6 +2315,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -2670,19 +2683,6 @@
       "resolved": "https://registry.npmmirror.com/classnames/-/classnames-2.3.2.tgz",
       "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
     },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmmirror.com/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/codemirror": {
       "version": "5.65.2",
       "resolved": "https://registry.npmmirror.com/codemirror/-/codemirror-5.65.2.tgz",
@@ -2744,9 +2744,9 @@
       }
     },
     "node_modules/copy-to-clipboard": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmmirror.com/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz",
-      "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
       "dependencies": {
         "toggle-selection": "^1.0.6"
       }
@@ -2928,35 +2928,6 @@
       "resolved": "https://registry.npmmirror.com/d3-format/-/d3-format-2.0.0.tgz",
       "integrity": "sha512-Ab3S6XuE/Q+flY96HXT0jOXcM4EAClYFnRGY5zsjRGNy6qCYrQsMffs7cV5Q9xejb35zxW5hf/guKw34kvIKsA=="
     },
-    "node_modules/d3-graphviz": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmmirror.com/d3-graphviz/-/d3-graphviz-4.1.1.tgz",
-      "integrity": "sha512-s0IVbKf8rs4eJI2xo5Umr7nXDX/LEZw/x2WtKxmlyQxR0qUY49UiLhBNOX7VDHZywMle43NKEXnU6fn22fpJvQ==",
-      "dependencies": {
-        "@hpcc-js/wasm": "1.12.8",
-        "d3-dispatch": "^2.0.0",
-        "d3-format": "^2.0.0",
-        "d3-interpolate": "^2.0.1",
-        "d3-path": "^2.0.0",
-        "d3-timer": "^2.0.0",
-        "d3-transition": "^2.0.0",
-        "d3-zoom": "^2.0.0"
-      },
-      "peerDependencies": {
-        "d3-selection": "^2.0.0"
-      }
-    },
-    "node_modules/d3-graphviz/node_modules/@hpcc-js/wasm": {
-      "version": "1.12.8",
-      "resolved": "https://registry.npmmirror.com/@hpcc-js/wasm/-/wasm-1.12.8.tgz",
-      "integrity": "sha512-n4q9ARKco2hpCLsuVaW6Az3cDVaua7B3DSONHkc49WtEzgY/btvcDG5Zr1P6PZDv0sQ7oPnAi9Y+W2DI++MgcQ==",
-      "dependencies": {
-        "yargs": "^17.3.1"
-      },
-      "bin": {
-        "dot-wasm": "bin/cli.js"
-      }
-    },
     "node_modules/d3-interpolate": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/d3-interpolate/-/d3-interpolate-2.0.1.tgz",
@@ -2970,11 +2941,6 @@
       "resolved": "https://registry.npmmirror.com/d3-octree/-/d3-octree-0.2.2.tgz",
       "integrity": "sha512-ysk9uSPAhZVb0Gq4GXzghl/Yqxu80dHrq55I53qaIMdGB65+0UfO84sr4Fci2JHumcgh6H4WE0r8LwxPagkE+g=="
     },
-    "node_modules/d3-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/d3-path/-/d3-path-2.0.0.tgz",
-      "integrity": "sha512-ZwZQxKhBnv9yHaiWd6ZU4x5BtCQ7pXszEV9CU6kRgwIQVQGLMv1oiL4M+MK/n79sYzsj+gcgpPQSctJUsLN7fA=="
-    },
     "node_modules/d3-quadtree": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/d3-quadtree/-/d3-quadtree-2.0.0.tgz",
@@ -3266,7 +3232,8 @@
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "node_modules/emojis-list": {
       "version": "3.0.0",
@@ -4218,14 +4185,6 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
     "node_modules/gl-matrix": {
       "version": "3.4.3",
       "resolved": "https://registry.npmmirror.com/gl-matrix/-/gl-matrix-3.4.3.tgz",
@@ -4643,6 +4602,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -7436,14 +7396,6 @@
         "node": "*"
       }
     },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/require-from-string/-/require-from-string-2.0.2.tgz",
@@ -7775,6 +7727,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -7788,6 +7741,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -8585,46 +8539,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
@@ -8653,14 +8567,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
@@ -8676,23 +8582,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/yargs": {
-      "version": "17.6.0",
-      "resolved": "https://registry.npmmirror.com/yargs/-/yargs-17.6.0.tgz",
-      "integrity": "sha512-8H/wTDqlSwoSnScvV2N/JHfLWOKuh5MVla9hqLjK3nsfyy6Y4kDSYSvkU5YCUEPOSnRXfIyx3Sq+B/IWudTo4g==",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/yargs-parser": {
       "version": "20.2.9",
       "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-20.2.9.tgz",
@@ -8702,14 +8591,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/yargs/node_modules/yargs-parser": {
-      "version": "21.0.1",
-      "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-21.0.1.tgz",
-      "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -10014,10 +9895,16 @@
         }
       }
     },
+    "@vesoft-inc/nebula-explain-graph": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@vesoft-inc/nebula-explain-graph/-/nebula-explain-graph-1.0.2.tgz",
+      "integrity": "sha512-BJLY8ZFegjfAYfMlb2xhcF2kYQkXDKa5YLs4Q+Mb01baVSucaeHp62RhvfonZ5nf6bcJKQUjrskSR88mNJQh6Q==",
+      "requires": {}
+    },
     "@vesoft-inc/veditor": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmmirror.com/@vesoft-inc/veditor/-/veditor-4.4.2.tgz",
-      "integrity": "sha512-YUKRW7HwoUDDO2ICa5suGUeKM8YDKjc0T90IQSXUuPwgEygv5ECUgPnQJaj0/+a5SkTiPIiQ1I/6LqFQ8++RHQ==",
+      "version": "4.4.8",
+      "resolved": "https://registry.npmjs.org/@vesoft-inc/veditor/-/veditor-4.4.8.tgz",
+      "integrity": "sha512-gOz76k81jVDsVx6p9yqIpEw9Ta5UgcNoI6nx5grGdWH/YrAUZm0Gypz8pq4myRuti7xTHMloPFvDRtefW70bxw==",
       "requires": {
         "canvg": "^4.0.0",
         "dagre": "^0.8.4",
@@ -10243,7 +10130,8 @@
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true
     },
     "ansi-styles": {
       "version": "3.2.1",
@@ -10536,16 +10424,6 @@
       "resolved": "https://registry.npmmirror.com/classnames/-/classnames-2.3.2.tgz",
       "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
     },
-    "cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmmirror.com/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "requires": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      }
-    },
     "codemirror": {
       "version": "5.65.2",
       "resolved": "https://registry.npmmirror.com/codemirror/-/codemirror-5.65.2.tgz",
@@ -10604,9 +10482,9 @@
       }
     },
     "copy-to-clipboard": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmmirror.com/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz",
-      "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
       "requires": {
         "toggle-selection": "^1.0.6"
       }
@@ -10749,31 +10627,6 @@
       "resolved": "https://registry.npmmirror.com/d3-format/-/d3-format-2.0.0.tgz",
       "integrity": "sha512-Ab3S6XuE/Q+flY96HXT0jOXcM4EAClYFnRGY5zsjRGNy6qCYrQsMffs7cV5Q9xejb35zxW5hf/guKw34kvIKsA=="
     },
-    "d3-graphviz": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmmirror.com/d3-graphviz/-/d3-graphviz-4.1.1.tgz",
-      "integrity": "sha512-s0IVbKf8rs4eJI2xo5Umr7nXDX/LEZw/x2WtKxmlyQxR0qUY49UiLhBNOX7VDHZywMle43NKEXnU6fn22fpJvQ==",
-      "requires": {
-        "@hpcc-js/wasm": "1.12.8",
-        "d3-dispatch": "^2.0.0",
-        "d3-format": "^2.0.0",
-        "d3-interpolate": "^2.0.1",
-        "d3-path": "^2.0.0",
-        "d3-timer": "^2.0.0",
-        "d3-transition": "^2.0.0",
-        "d3-zoom": "^2.0.0"
-      },
-      "dependencies": {
-        "@hpcc-js/wasm": {
-          "version": "1.12.8",
-          "resolved": "https://registry.npmmirror.com/@hpcc-js/wasm/-/wasm-1.12.8.tgz",
-          "integrity": "sha512-n4q9ARKco2hpCLsuVaW6Az3cDVaua7B3DSONHkc49WtEzgY/btvcDG5Zr1P6PZDv0sQ7oPnAi9Y+W2DI++MgcQ==",
-          "requires": {
-            "yargs": "^17.3.1"
-          }
-        }
-      }
-    },
     "d3-interpolate": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/d3-interpolate/-/d3-interpolate-2.0.1.tgz",
@@ -10787,11 +10640,6 @@
       "resolved": "https://registry.npmmirror.com/d3-octree/-/d3-octree-0.2.2.tgz",
       "integrity": "sha512-ysk9uSPAhZVb0Gq4GXzghl/Yqxu80dHrq55I53qaIMdGB65+0UfO84sr4Fci2JHumcgh6H4WE0r8LwxPagkE+g=="
     },
-    "d3-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/d3-path/-/d3-path-2.0.0.tgz",
-      "integrity": "sha512-ZwZQxKhBnv9yHaiWd6ZU4x5BtCQ7pXszEV9CU6kRgwIQVQGLMv1oiL4M+MK/n79sYzsj+gcgpPQSctJUsLN7fA=="
-    },
     "d3-quadtree": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/d3-quadtree/-/d3-quadtree-2.0.0.tgz",
@@ -11029,7 +10877,8 @@
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "emojis-list": {
       "version": "3.0.0",
@@ -11751,11 +11600,6 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
-    "get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
-    },
     "gl-matrix": {
       "version": "3.4.3",
       "resolved": "https://registry.npmmirror.com/gl-matrix/-/gl-matrix-3.4.3.tgz",
@@ -12094,7 +11938,8 @@
     "is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true
     },
     "is-glob": {
       "version": "4.0.3",
@@ -14194,11 +14039,6 @@
       "resolved": "https://registry.npmmirror.com/remedial/-/remedial-1.0.8.tgz",
       "integrity": "sha512-/62tYiOe6DzS5BqVsNpH/nkGlX45C/Sp6V+NtiN6JQNS1Viay7cWkazmRkrQrdFj2eshDe96SIQNIoMxqhzBOg=="
     },
-    "require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="
-    },
     "require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/require-from-string/-/require-from-string-2.0.2.tgz",
@@ -14472,6 +14312,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "requires": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -14482,6 +14323,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "requires": {
         "ansi-regex": "^5.0.1"
       }
@@ -15069,39 +14911,6 @@
       "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
       "dev": true
     },
-    "wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "requires": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        }
-      }
-    },
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
@@ -15126,11 +14935,6 @@
         }
       }
     },
-    "y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA=="
-    },
     "yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
@@ -15143,27 +14947,6 @@
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
       "dev": true
     },
-    "yargs": {
-      "version": "17.6.0",
-      "resolved": "https://registry.npmmirror.com/yargs/-/yargs-17.6.0.tgz",
-      "integrity": "sha512-8H/wTDqlSwoSnScvV2N/JHfLWOKuh5MVla9hqLjK3nsfyy6Y4kDSYSvkU5YCUEPOSnRXfIyx3Sq+B/IWudTo4g==",
-      "requires": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.0.0"
-      },
-      "dependencies": {
-        "yargs-parser": {
-          "version": "21.0.1",
-          "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-21.0.1.tgz",
-          "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg=="
-        }
-      }
-    },
     "yargs-parser": {
       "version": "20.2.9",
       "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-20.2.9.tgz",
diff --git a/package.json b/package.json
index 5c7f9cc4..1f0e8c64 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "@ant-design/pro-layout": "^7.13.5",
     "@vesoft-inc/force-graph": "2.0.7",
     "@vesoft-inc/i18n": "^1.0.1",
-    "@vesoft-inc/veditor": "4.4.2",
+    "@vesoft-inc/nebula-explain-graph": "^1.0.2-beta.1",
+    "@vesoft-inc/veditor": "^4.4.8",
     "antd": "^5.8.4",
     "axios": "^0.23.0",
     "bezier-js": "^4.1.1",
@@ -29,7 +30,6 @@
     "codemirror": "^5.65.0",
     "core-js": "^3.21.1",
     "d3-force-3d": "^3.0.2",
-    "d3-graphviz": "^4.1.1",
     "d3-selection": "2",
     "dayjs": "^1.10.7",
     "dom-to-image": "^2.6.0",
@@ -105,4 +105,4 @@
   "ci": {
     "version": "8"
   }
-}
+}
\ No newline at end of file
diff --git a/public/graphvizlib.wasm b/public/graphvizlib.wasm
deleted file mode 100644
index 374f5a25..00000000
Binary files a/public/graphvizlib.wasm and /dev/null differ