From e07c3f49e2112b31758ec4364e1107792b24bfe0 Mon Sep 17 00:00:00 2001
From: heiheihei <1395202740@qq.com>
Date: Sat, 30 Aug 2025 16:08:20 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E7=9B=AE=E5=BD=95=E7=9A=84=E5=B1=95=E7=A4=BA=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E9=81=97=E6=BC=8F=E7=9A=84store?=
 =?UTF-8?q?=E7=BD=AE=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ModelVis/app/src/FileUpload.tsx           |  2 +-
 .../ModelVis/app/src/features/Project.tsx     | 20 +++++++++----------
 .../ModelVis/app/src/features/Toolbar.tsx     | 19 ++++++++++--------
 .../app/src/hooks/useNewPathForLayout.ts      |  5 ++++-
 .../ModelVis/app/src/stores/app-context.ts    |  1 -
 5 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/plugins/mindstudio-insight-plugins/ModelVis/app/src/FileUpload.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/FileUpload.tsx
index 33704bf07..2c44db076 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/features/Project.tsx b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Project.tsx
index 1fa426ba3..24dcc4639 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,7 +69,7 @@ const Project = () => {
     {visible && <div
       ref={ref}
       className={joinCls(
-        "absolute top-full left-0 z-100 mt-3 h-fit w-fit min-w-full",
+        "absolute top-full left-0 z-100 mt-3 h-fit max-w-full",
         "rounded-md bg-white px-2.5 py-2 text-xs dark:bg-dark-light"
       )}
     >
@@ -128,21 +129,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"
       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 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">{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 91bd122b7..7b2bec969 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 9a0ed70e1..2ee425c70 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 6398cf4e1..b6111e83c 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))
-- 
Gitee


From 0f5107feca54714403a196d6db7055dd51491a16 Mon Sep 17 00:00:00 2001
From: heiheihei <1395202740@qq.com>
Date: Sat, 30 Aug 2025 18:21:02 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ModelVis/app/src/features/Project.tsx             | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

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 24dcc4639..e3459551c 100644
--- a/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Project.tsx
+++ b/plugins/mindstudio-insight-plugins/ModelVis/app/src/features/Project.tsx
@@ -69,8 +69,9 @@ const Project = () => {
     {visible && <div
       ref={ref}
       className={joinCls(
-        "absolute top-full left-0 z-100 mt-3 h-fit max-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
@@ -132,15 +133,15 @@ export const RecentProj = ({ path, toggle }: ProjectLineProps) => {
   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 flex-1 min-w-0"
+      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="mr-4 inline-flex h-8 w-8 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">{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>
-- 
Gitee


From 78c9a860a1cda7a22a96d3a46630e5d849d9d2c1 Mon Sep 17 00:00:00 2001
From: heiheihei <1395202740@qq.com>
Date: Mon, 1 Sep 2025 14:29:20 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=81=97=E6=BC=8F?=
 =?UTF-8?q?=E7=9A=84store=E7=BD=AE=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ModelVis/app/src/ModelStructure/Fsg/Filter.tsx          | 3 +++
 .../ModelVis/app/src/ModelStructure/Fsg/FsgTable.tsx        | 6 ++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

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 31505db3a..0b7775de6 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 7e1ba0ef0..2435cd868 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>
       }
     },
-- 
Gitee