From a92c35d42ee315899dbf9d6e9eeb1a04ee8d378d Mon Sep 17 00:00:00 2001
From: Louis Knight-Webb <louis@bloop.ai>
Date: Sat, 10 Jan 2026 11:17:44 +0000
Subject: [PATCH] The TypeScript check passed with no errors. (#1910)

## Summary

I've implemented the fix for showing the left sidebar when entering `WorkspacesLayout.tsx` when no changes/preview/logs panel is open:

**Changes made to `vibe-kanban/frontend/src/components/ui-new/containers/WorkspacesLayout.tsx`:**

1. Added `setSidebarVisible` to the destructured values from `useLayoutStore()` (line 161)

2. Added a new `useEffect` (lines 333-338) that shows the sidebar whenever no panel is open:
   ```typescript
   useEffect(() => {
     if (!isChangesMode && !isLogsMode && !isPreviewMode) {
       setSidebarVisible(true);
     }
   }, [isChangesMode, isLogsMode, isPreviewMode, setSidebarVisible]);
   ```

This ensures that when the component mounts or when all panels are closed, the sidebar will automatically become visible.
---
 .../src/components/ui-new/containers/WorkspacesLayout.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/components/ui-new/containers/WorkspacesLayout.tsx b/frontend/src/components/ui-new/containers/WorkspacesLayout.tsx
index c6a2686e..d77c2518 100644
--- a/frontend/src/components/ui-new/containers/WorkspacesLayout.tsx
+++ b/frontend/src/components/ui-new/containers/WorkspacesLayout.tsx
@@ -158,6 +158,7 @@ export function WorkspacesLayout() {
     setChangesMode,
     setLogsMode,
     resetForCreateMode,
+    setSidebarVisible,
   } = useLayoutStore();
 
   // Read persisted draft for sidebar placeholder (works outside of CreateModeProvider)
@@ -329,6 +330,13 @@ export function WorkspacesLayout() {
     }
   }, [isCreateMode, resetForCreateMode]);
 
+  // Show sidebar when no panel is open
+  useEffect(() => {
+    if (!isChangesMode && !isLogsMode && !isPreviewMode) {
+      setSidebarVisible(true);
+    }
+  }, [isChangesMode, isLogsMode, isPreviewMode, setSidebarVisible]);
+
   // Command bar keyboard shortcut (CMD+K)
   const handleOpenCommandBar = useCallback(() => {
     CommandBarDialog.show();