Dock node graph to document area

src/PixiEditor/ViewModels/Dock/LayoutManager.cs

@@ -39,7 +39,7 @@ internal class LayoutManager
         PaletteViewerDockViewModel paletteViewerDockViewModel =
             new(mainViewModel.ColorsSubViewModel, mainViewModel.DocumentManagerSubViewModel);
         TimelineDockViewModel timelineDockViewModel = new(mainViewModel.DocumentManagerSubViewModel);
-        
+
         NodeGraphDockViewModel nodeGraphDockViewModel = new(mainViewModel.DocumentManagerSubViewModel);
         /*
         ChannelsDockViewModel channelsDockDockViewModel = new(mainViewModel.WindowSubViewModel);
@@ -56,7 +56,7 @@ internal class LayoutManager
         /*
         RegisterDockable(channelsDockDockViewModel);
         */
-        
+
         DefaultLayout = new LayoutTree
         {
             Root = new DockableTree
@@ -70,11 +70,7 @@ internal class LayoutManager
                     SplitDirection = DockingDirection.Bottom,
                     SecondSize = 300,
                     AutoExpand = true,
-                    Second = new DockableArea()
-                    {
-                        Id = "TimelineArea",
-                        CloseRegionOnEmpty = false
-                    }
+                    Second = new DockableArea() { Id = "TimelineArea", CloseRegionOnEmpty = false }
                 },
                 SecondSize = 360,
                 SplitDirection = DockingDirection.Right,
@@ -98,8 +94,7 @@ internal class LayoutManager
                         SplitDirection = DockingDirection.Bottom,
                         Second = new DockableArea
                         {
-                            Id = "LayersArea",
-                            Dockables = [ DockContext.CreateDockable(layersDockViewModel) ]
+                            Id = "LayersArea", Dockables = [DockContext.CreateDockable(layersDockViewModel)]
                         },
                     },
                     FirstSize = 0.66,
@@ -212,14 +207,23 @@ internal class LayoutManager
             bool attached = false;
             ActiveLayout.Root.Traverse(((element, tree) =>
             {
-                if (element is IDockableHost host && element.Id == $"{id}Area" && !attached)
+                if (element is IDockableHost host)
                 {
-                    host.AddDockable(created);
-                    host.ActiveDockable = created;
-                    attached = true;
+                    if (element.Id == $"{id}Area" && !attached)
+                    {
+                        host.AddDockable(created);
+                        host.ActiveDockable = created;
+                        attached = true;
+                    }
+                    else if (id == NodeGraphDockViewModel.TabId && element.Id == "DocumentArea")
+                    {
+                        host.AddDockable(created);
+                        host.ActiveDockable = created;
+                        attached = true;
+                    }
                 }
             }));
-            
+
             if (!attached)
             {
                 DockContext.Float(created, 0, 0);