From ce14900e1550e5853ebbb06351210c4182cbab9e Mon Sep 17 00:00:00 2001
From: rayentellissy <rayentellissy571@gmail.com>
Date: Wed, 9 Sep 2026 00:49:35 +0200
Subject: [PATCH] Make toggle sidebar hide the full sidebar

---
 src/App.tsx            | 15 +++++++++------
 src/chrome/Sidebar.tsx |  2 +-
 src/lib/appearance.ts  |  9 +++++++++
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 64f31df5..c858c3d9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -21,8 +21,10 @@ import { UsageFooter } from "./chrome/UsageFooter";
 import { useProjectBranches } from "./hooks/useProjectBranches";
 import {
   loadProjectRailOpen,
+  loadSidebarOpen,
   loadSidebarTabOrder,
   saveProjectRailOpen,
+  saveSidebarOpen,
   type SidebarTabId,
 } from "./lib/appearance";
 import { HAS_NATIVE_GLASS, IS_MAC } from "./lib/platform";
@@ -601,6 +603,7 @@ export default function App({
     [],
   );
   const [projectRailOpen, setProjectRailOpen] = useState(loadProjectRailOpen);
+  const [sidebarOpen, setSidebarOpen] = useState(loadSidebarOpen);
   const tabCloseScope = "project" as const;
   const currentProjectDock = findProjectTerminal(projectTerminals, projectCwd);
   const dockVisible = !!currentProjectDock?.open;
@@ -4559,11 +4562,11 @@ export default function App({
   );
 
   const onToggleSidebar = useCallback(() => {
-    setProjectRailOpen((open) => {
-      const next = !open;
-      saveProjectRailOpen(next);
-      return next;
-    });
+    setSidebarOpen((open) => {
+      const next = !open
+      saveSidebarOpen(next)
+      return next
+    })
   }, []);
 
   const onToggleProjectRail = useCallback(() => {
@@ -5145,7 +5148,7 @@ export default function App({
       <Sidebar
         cwd={sidebarCwd}
         gitCwd={gitCwd}
-        open
+        open={sidebarOpen}
         tab={sidebarTab}
         onTabChange={setSidebarTab}
         filesSearchOpen={filesSearchOpen}
diff --git a/src/chrome/Sidebar.tsx b/src/chrome/Sidebar.tsx
index 3171188e..6178946c 100644
--- a/src/chrome/Sidebar.tsx
+++ b/src/chrome/Sidebar.tsx
@@ -487,7 +487,7 @@ function SidebarComponent({
   const showProjectRail = Boolean(onSelectProject && onOpenProject);
   // Settings live in the rail slot, so they keep it visible even when the
   // project rail itself is collapsed.
-  const railVisible = showProjectRail && (projectRailOpen || settingsOpen);
+  const railVisible = showProjectRail && ((open && projectRailOpen) || settingsOpen);
   const inProject = looksLikeProject(cwd);
   const showSidebarFooter = !projectRailOpen;
   // A blank session has no project to browse, so the shell stands alone until
diff --git a/src/lib/appearance.ts b/src/lib/appearance.ts
index eb6dfaf9..0cd88532 100644
--- a/src/lib/appearance.ts
+++ b/src/lib/appearance.ts
@@ -7,6 +7,7 @@ const THEME_SATURATION_KEY = "monocode.themeSaturation";
 const OPACITY_KEY = "monocode.sidebarOpacity";
 const BLUR_KEY = "monocode.sidebarBlur";
 const PROJECT_RAIL_OPEN_KEY = "monocode.projectRailOpen";
+const SIDEBAR_OPEN_KEY = "monocode.sidebarOpen";
 const BODY_KEY = "monocode.bodyGlass";
 const SCHEME_KEY = "monocode.colorScheme";
 const SIDEBAR_TAB_ORDER_KEY = "monocode.sidebarTabOrder";
@@ -429,6 +430,14 @@ function isSidebarTabId(value: unknown): value is SidebarTabId {
   );
 }
 
+export function loadSidebarOpen(): boolean {
+  return readFlag(SIDEBAR_OPEN_KEY) ?? true
+}
+
+export function saveSidebarOpen(value: boolean) {
+  writeFlag(SIDEBAR_OPEN_KEY, value)
+}
+
 export function loadProjectRailOpen(): boolean {
   return readFlag(PROJECT_RAIL_OPEN_KEY) ?? true;
 }