diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/FileUpload.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/FileUpload.tsx
index 33704bf070c6bfcc5a4d5d09ad86ade6c66049ca..2c44db076965f45f7f891b9ba2b45d9f1d804872 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/FileUpload.tsx
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/FileUpload.tsx
@@ -41,7 +41,7 @@ const FileUpload = () => {
         >
           Upload
         </button>
-        <div>
+        <div className="w-full max-w-lg mx-auto">
           {recentProjectList.map(p => (
             <RecentProj key={p} path={p} toggle={toggle} />
           ))}
diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/Filter.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/Filter.tsx
index 31505db3a0acd8da292390f7e5248986862c3a85..0b7775de6fe95de0e51e4ba8973fb000e4b5a2c8 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/Filter.tsx
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/Filter.tsx
@@ -83,6 +83,9 @@ const Filter = (props: {
   useEffect(() => {
     setLoadingQueryBtn(false)
     setLoadingExportBtn(false)
+    setRepeatTimes(2)
+    setMinNodes(2)
+    setMaxNodes(3)
   }, [path])
 
   return <div className='py-2 w-full text-sm flex flex-wrap gap-y-2 items-center'>
diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/FsgTable.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/FsgTable.tsx
index 7e1ba0ef0ba787becc744099e8406d311e96a9a9..2435cd868846cb3bc7fb897a7e0191b2cc93a545 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/FsgTable.tsx
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/ModelStructure/Fsg/FsgTable.tsx
@@ -85,7 +85,7 @@ const getColumns = (t: I18nFunc, jumpFsg: (record: FsgTableRow) => void, workerI
       ellipsis: true,
       sorter: (a: FsgTableRow, b: FsgTableRow): number => a.fsg.localeCompare(b.fsg),
       render: (value, record) => {
-        return <div className='flex'>
+        return <div className='flex w-full'>
           <div id={`jumpFsg_${record.fsg}`} className='w-[16px]'>
             <UpIcon
               className={clsx(
@@ -114,7 +114,9 @@ const getColumns = (t: I18nFunc, jumpFsg: (record: FsgTableRow) => void, workerI
               }}
             />
           </div>
-          {value}
+          <div className='min-w-0 truncate ml-1'>
+            {value}
+          </div>
         </div>
       }
     },
diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Project.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Project.tsx
index 1fa426ba3c28b79fca51402a2609edc947ab4f49..e3459551c44bf09743bff44e2b15c2c393f50658 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Project.tsx
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Project.tsx
@@ -53,13 +53,14 @@ const Project = () => {
     await layoutNewPath(path)
   }
 
-  return <div className="relative">
+  return <div className="relative w-full">
     <button
       type="button"
       className={joinCls(
-        "rounded-md bg-violet-300 px-2 py-1 text-white",
-        "transition-colors dark:bg-cyan-300"
+        "rounded-md bg-violet-300 px-2 py-1 text-white max-w-full",
+        "transition-colors dark:bg-cyan-300 truncate"
       )}
+      title={`${modelPath}`}
       onClick={open}
     >
       {modelPath}
@@ -68,8 +69,9 @@ const Project = () => {
     {visible && <div
       ref={ref}
       className={joinCls(
-        "absolute top-full left-0 z-100 mt-3 h-fit w-fit min-w-full",
-        "rounded-md bg-white px-2.5 py-2 text-xs dark:bg-dark-light"
+        "absolute top-full z-100 mt-3 h-fit",
+        "rounded-md bg-white px-2.5 py-2 text-xs dark:bg-dark-light",
+        "max-w-[800px] w-full left-1/2 -translate-x-1/2"
       )}
     >
       <button
@@ -128,21 +130,18 @@ export const RecentProj = ({ path, toggle }: ProjectLineProps) => {
     }
   }
 
-  return <div className="flex min-w-fit items-center justify-between">
+  return <div className="flex w-full items-center justify-between min-w-0">
     <button
       type="button"
-      className="flex w-full rounded-md px-3 py-2 hover:bg-cyan-100"
+      className="flex w-full rounded-md px-3 py-2 hover:bg-cyan-100 flex-1 min-w-0 items-center"
       onClick={handleNew}
       title={path}
     >
       <span
-        className={joinCls(
-          "mr-4 inline-flex h-8 w-8 items-center justify-center",
-          "rounded-md bg-orange-400 p-2 font-light text-lg"
-        )}>
+        className="mr-4 inline-flex h-8 w-8 items-center justify-center rounded-md bg-orange-400 p-2 font-light text-lg">
         A
       </span>
-      <span className="mt-1 truncate w-[340px]">{path}</span>
+      <span className="mt-1 truncate flex-1 text-left">{path}</span>
     </button>
     <TrashIcon role="button" className="h-6 w-6 fill-red-600 text-right" onClick={deletePro} />
   </div>
diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Toolbar.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Toolbar.tsx
index 91bd122b7a438e41306b524a3ee19b9eb775752b..7b2bec969f94ec981a13a092db4a0b72632d148d 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Toolbar.tsx
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Toolbar.tsx
@@ -20,13 +20,16 @@ import ThemeSwitch from "./ThemeSwitch"
 
 export const Toolbar = () => <div
   className="h-12 shadow-sm dark:bg-dark-secondary dark:shadow-2xs dark:shadow-gray-500">
-  <div
-    className="inline-flex h-full w-full items-center justify-between pr-20 pl-12">
-    <Search/>
-    <Project/>
-    <div className="inline-flex items-center space-x-6">
-      <ThemeSwitch/>
-      <LanguageSwitch/>
+  <div className="inline-flex h-full w-full items-center justify-between pr-10 pl-10 gap-x-[20px]">
+    <div className="w-[160px]">
+      <Search />
+    </div>
+    <div className="flex-1 text-center flex min-w-[200px]">
+      <Project />
+    </div>
+    <div className="inline-flex items-center space-x-6 w-[70px]">
+      <ThemeSwitch />
+      <LanguageSwitch />
     </div>
   </div>
-</div>
+</div >
diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/hooks/useNewPathForLayout.ts b/plugins/mindstudio-insight-plugins/ModelVis/app/src/hooks/useNewPathForLayout.ts
index 9a0ed70e165057060857093716bdfdaf86479bc6..2ee425c70e18dd593d6edc879e1089b87114d459 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/hooks/useNewPathForLayout.ts
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/hooks/useNewPathForLayout.ts
@@ -22,7 +22,8 @@ import {
     modelPathAtom,
     fsgVisibleAtom,
     translateAtom, useSelectionHistory, useZoom, currentGraphAtom, allGraphAtom,
-    fsgPanelVisibleAtom
+    fsgPanelVisibleAtom,
+    subgraphesAtom,
 } from "stores"
 import { useRecentProjectStorage } from "stores/useRecentProjectStorage"
 
@@ -39,6 +40,7 @@ export const useNewPathForLayout = (): LayoutNewPath => {
     const [translate, setTranslate] = useAtom(translateAtom)
     const [zoom, , resetZoom] = useZoom()
     const setLoading = useSetAtom(loadingAtom)
+    const setSubgraphs = useSetAtom(subgraphesAtom)
     const { recentProjCacheAdd } = useRecentProjectStorage()
 
     return async (path: string | null) => {
@@ -59,6 +61,7 @@ export const useNewPathForLayout = (): LayoutNewPath => {
 
         if (res) {
             history.clear()
+            setSubgraphs({})
             setCurrentGraphAtom(res)
             setAllGraphAtom(res)
             setDynamicVisible(false)
diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/stores/app-context.ts b/plugins/mindstudio-insight-plugins/ModelVis/app/src/stores/app-context.ts
index 6398cf4e1ef7e6c98a610cc99c062620b451d1f2..b6111e83cc25a97dd6abb9cbed58aa3a6bfdc806 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/stores/app-context.ts
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/stores/app-context.ts
@@ -12,4 +12,3 @@ export const nodesEdgesAtom = atom<NodesEdges | null>(null)
 export const allGraphAtom = atom<LayoutRet>(null!)
 export const currentGraphAtom = atom<LayoutRet>({children: [], name: '', paths: []})
 export const subgraphesAtom = atom<Subgraphs>({})
-export const updateSubgraphAtom = atom(null, (get, set, newValue: Subgraphs) => set(subgraphesAtom, newValue))