restore previous inspector when switch edit file

src/components/editor.tsx

@@ -390,12 +390,6 @@ export const Editor: FC<EditorProps> = ({ onUpdate: updateState, data: editor, .
   };
 
   const selectNode = (id: string | null) => {
-    if (id && id === editor.selectedId) {
-      setItemState(editor.selectedId, "selected", true);
-      setItemState(editor.selectedId, "hover", false);
-      return;
-    }
-
     if (editor.selectedId) {
       setItemState(editor.selectedId, "selected", false);
       setItemState(editor.selectedId, "hover", false);
@@ -405,7 +399,6 @@ export const Editor: FC<EditorProps> = ({ onUpdate: updateState, data: editor, .
 
     if (editor.selectedId) {
       const data = findDataById(editor.selectedId);
-      workspace.onEditingTree(null);
       workspace.onEditingNode({
         data: b3util.createNode(data, false),
         editable: !isSubtreeNode(data),

src/contexts/workspace-context.ts

@@ -56,6 +56,8 @@ export class EditorStore {
   graphMatrix?: Matrix;
   graph!: TreeGraph;
 
+  editNode: EditNode | null = null;
+
   dispatch!: (event: EditEvent, data?: unknown) => void;
 
   constructor(path: string) {
@@ -389,8 +391,11 @@ export const useWorkspace = create<WorkspaceStore>((set, get) => ({
   edit: (path) => {
     const workspace = get();
     const editor = workspace.editors.find((v) => v.path === path);
-    set({ editing: editor, editingNode: null });
+    set({ editing: editor, editingNode: null, editingTree: null });
     if (editor) {
+      if (editor.editNode) {
+        workspace.onEditingNode(editor.editNode);
+      } else {
         set({
           editingTree: {
             data: {
@@ -400,6 +405,7 @@ export const useWorkspace = create<WorkspaceStore>((set, get) => ({
             },
           },
         });
+      }
     } else {
       set({ editingNode: null, editingTree: null });
     }
@@ -534,16 +540,28 @@ export const useWorkspace = create<WorkspaceStore>((set, get) => ({
 
   // node edit
   onEditingNode: (node) => {
-    set({ editingNode: node, editingNodeDef: null });
+    const workspace = get();
+    if (workspace.editing) {
+      workspace.editing.editNode = node;
+    }
+    set({ editingNode: node, editingNodeDef: null, editingTree: null });
   },
 
   onEditingNodeDef: (nodeDef) => {
-    set({ editingNodeDef: nodeDef });
+    const workspace = get();
+    if (workspace.editing) {
+      workspace.editing.editNode = null;
+    }
+    set({ editingNodeDef: nodeDef, editingNode: null, editingTree: null });
   },
 
   // tree edit
   onEditingTree: (tree) => {
-    set({ editingTree: tree, editingNodeDef: null });
+    const workspace = get();
+    if (workspace.editing) {
+      workspace.editing.editNode = null;
+    }
+    set({ editingTree: tree, editingNodeDef: null, editingNode: null });
   },
 
   // node def