From 09240e8f8936a045cb885c23b6db3c2a8e60df5e Mon Sep 17 00:00:00 2001
From: Timothy Cardoza <tcardoza@cardoza.construction>
Date: Tue, 17 Feb 2026 17:25:47 -0600
Subject: [PATCH] small UI fix

---
 src/components/Navigation.tsx | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index a401302..7843682 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -339,15 +339,7 @@ export const Sidebar: Component<{
                 </Show>
             </div>
 
-            {/* Context Switcher - Only visible if there are oversight contexts */}
-            <div class={cn("px-3 mb-2", !props.isLocked && !props.isPeeking && "hidden")}>
-                <ContextSwitcher
-                    isLocked={props.isLocked}
-                    isPeeking={props.isPeeking}
-                    setIsPeeking={props.setIsPeeking}
-                    onOpenChange={setSwitcherOpen}
-                />
-            </div>
+
 
             <nav class="flex-1 px-3 space-y-1 mt-2">
                 <For each={desktopNavItems}>
@@ -367,6 +359,20 @@ export const Sidebar: Component<{
                     )}
                 </For>
             </nav>
+
+            {/* Context Switcher - Only visible if there are oversight contexts */}
+            <div class={cn(
+                "px-3 mb-2 transition-opacity duration-200",
+                (!props.isLocked && !props.isPeeking) ? "opacity-0 pointer-events-none" : "opacity-100 delay-100"
+            )}>
+                <ContextSwitcher
+                    isLocked={props.isLocked}
+                    isPeeking={props.isPeeking}
+                    setIsPeeking={props.setIsPeeking}
+                    onOpenChange={setSwitcherOpen}
+                />
+            </div>
+
             <div class="p-3 border-t border-border mt-auto">
                 <button
                     onClick={() => props.setView("settings")}