Update IDE layout, add IDE mode keybind

zellij/config.kdl

@@ -63,6 +63,12 @@ keybinds {
         bind "8" { GoToTab 8; SwitchToMode "Normal"; }
         bind "9" { GoToTab 9; SwitchToMode "Normal"; }
         bind "Tab" { ToggleTab; }
+        bind "i" {
+            NewTab {
+                layout "/home/daniel/.config/zellij/layouts/ide.kdl"
+            }
+            SwitchToMode "Normal"
+        }
     }
     scroll {
         bind "Ctrl s" { SwitchToMode "Normal"; }

zellij/layouts/ide.kdl

@@ -1,22 +1,129 @@
 layout {
-    tab_template name="ide" {
+    pane_template name="left-sidebar" split_direction="vertical" {
+        pane size="14%" borderless=true {
+            plugin location="zellij:strider"
+        }
+
+        children
+    }
+
+    pane_template name="bottom-console" split_direction="vertical" {
+        children
+    }
+
+    pane_template name="sidecar" split_direction="horizontal" {
+        children
+    }
+
+    tab_template name="compact-bar" {
         pane size=1 borderless=true {
             plugin location="zellij:compact-bar"
         }
 
-        pane split_direction="vertical" {
+        children
-            pane size="13%" borderless=true {
+    }
-                plugin location="zellij:strider"
-            }
 
-            pane name="Editor" focus=true edit="./"
+    default_tab_template {
+        pane size=1 borderless=true {
+            plugin location="zellij:compact-bar"
         }
 
-        pane size="28%" stacked=true {
+        left-sidebar split_direction="vertical" {
-            pane
+            children
-            pane name="Git" command="gitui"
         }
     }
 
-    ide
+    swap_tiled_layout name="ide" {
+        compact-bar max_panes=2 {
+            pane
+        }
+
+        compact-bar exact_panes=3 {
+            left-sidebar split_direction="vertical" {
+                pane
+            }
+        }
+
+        compact-bar exact_panes=4 {
+            left-sidebar split_direction="vertical" {
+                pane
+            }
+
+            bottom-console size="28%" split_direction="vertical" {
+                pane
+            }
+        }
+
+        compact-bar exact_panes=5 {
+            left-sidebar split_direction="vertical" {
+                pane
+            }
+
+            bottom-console size="28%" split_direction="vertical" {
+                pane
+                pane
+            }
+        }
+
+        compact-bar exact_panes=6 {
+            left-sidebar split_direction="vertical" {
+                pane
+            }
+
+            bottom-console size="28%" stacked=true {
+                pane
+                pane
+                pane
+            }
+        }
+
+        compact-bar exact_panes=7 {
+            left-sidebar split_direction="vertical" {
+                pane
+                sidecar size="24%" split_direction="horizontal" {
+                    pane borderless=true
+                }
+            }
+
+            bottom-console size="28%" stacked=true {
+                pane
+                pane
+                pane
+            }
+        }
+
+        compact-bar exact_panes=8 {
+            left-sidebar split_direction="vertical" {
+                pane
+                sidecar size="24%" split_direction="horizontal" {
+                    pane borderless=true
+                    pane borderless=true
+                }
+            }
+
+            bottom-console size="28%" stacked=true {
+                pane
+                pane
+                pane
+            }
+        }
+
+        compact-bar min_panes=9 {
+            pane split_direction="vertical" {
+                pane
+                pane
+                pane
+            }
+            pane split_direction="vertical" {
+                pane
+                pane
+                pane
+            }
+            pane split_direction="vertical" {
+                pane
+                pane
+                pane
+            }
+        }
+    }
 }