From 9aacd63d1d2c7199faa701788381aed5dafb9e00 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Tue, 24 Mar 2026 23:53:44 +0100
Subject: [PATCH] fix: collapse toggle back in glass top bar, removed from
 sidebar

---
 components/dashboard/DashboardShell.tsx | 11 ++++++++++-
 components/dashboard/Sidebar.tsx        | 15 +--------------
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/components/dashboard/DashboardShell.tsx b/components/dashboard/DashboardShell.tsx
index 714baca..8432d82 100644
--- a/components/dashboard/DashboardShell.tsx
+++ b/components/dashboard/DashboardShell.tsx
@@ -38,7 +38,16 @@ function GlassTopBar({ siteId }: { siteId: string }) {
   }, [realtime])
 
   return (
-    <div className="hidden md:flex items-center justify-end h-10 shrink-0 px-3">
+    <div className="hidden md:flex items-center justify-between h-10 shrink-0 px-3">
+      {/* Collapse toggle */}
+      <button
+        onClick={toggle}
+        className="flex items-center justify-center p-1.5 text-neutral-400 hover:text-white rounded-lg hover:bg-white/[0.06] transition-colors"
+        aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
+      >
+        <SidebarSimple className="w-[18px] h-[18px]" weight={collapsed ? 'regular' : 'fill'} />
+      </button>
+
       {/* Realtime indicator */}
       {lastUpdatedRef.current != null && (
         <div className="flex items-center gap-1.5 text-xs text-neutral-500">
diff --git a/components/dashboard/Sidebar.tsx b/components/dashboard/Sidebar.tsx
index 99c49dd..fe7e5ac 100644
--- a/components/dashboard/Sidebar.tsx
+++ b/components/dashboard/Sidebar.tsx
@@ -361,20 +361,7 @@ function SidebarContent({
 
   return (
     <div className="flex flex-col h-full overflow-hidden">
-      {/* Collapse toggle — first item, aligned with all other sidebar icons */}
-      {!isMobile && (
-        <div className="flex items-center gap-2.5 px-[14px] pt-3 pb-0 shrink-0 overflow-hidden">
-          <button
-            onClick={onToggle}
-            className="w-9 h-9 flex items-center justify-center shrink-0 text-neutral-400 hover:text-white rounded-lg hover:bg-white/[0.06] transition-colors"
-            aria-label={c ? 'Expand sidebar' : 'Collapse sidebar'}
-          >
-            <SidebarSimple className="w-[18px] h-[18px]" weight={c ? 'regular' : 'fill'} />
-          </button>
-        </div>
-      )}
-
-      {/* App Switcher — scope-level switch */}
+      {/* App Switcher — top of sidebar (scope-level switch) */}
       <div className="flex items-center gap-2.5 px-[14px] pt-3 pb-1 shrink-0 overflow-hidden">
         <span className="w-9 h-9 flex items-center justify-center shrink-0">
           <AppLauncher apps={CIPHERA_APPS} currentAppId="pulse" anchor="right" />