From 1a8f3c758202143f15b78018114174aca5d85dca Mon Sep 17 00:00:00 2001
From: Jake <jake@corbel.consulting>
Date: Fri, 3 Apr 2026 18:46:25 +0100
Subject: [PATCH] =?UTF-8?q?agent:=20fix=20=E2=80=94=20remove=20blocking=20?=
 =?UTF-8?q?backdrop=20from=20task=20sidebar=20entirely?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The invisible z-40 overlay was still eating pointer events across the
main content. Removed the backdrop — sidebar now floats without blocking
anything. Close with Escape key.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/routes/+layout.svelte | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 99d6076..8db3296 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -214,16 +214,8 @@
     </div>
   </div>
 
-  <!-- Task sidebar as overlay — doesn't shrink main content -->
+  <!-- Task sidebar — floats over content, no blocking overlay -->
   {#if page.taskSidebarOpen && page.current !== "first-run" && !isSecondaryWindow}
-    <!-- Backdrop — below titlebar only, closes sidebar on click -->
-    <!-- svelte-ignore a11y_click_events_have_key_events -->
-    <!-- svelte-ignore a11y_no_static_element_interactions -->
-    <div
-      class="fixed top-[36px] left-0 right-[280px] bottom-0 z-40"
-      onclick={() => { page.taskSidebarOpen = false; }}
-    ></div>
-    <!-- Sidebar panel -->
     <div class="fixed top-[36px] right-0 bottom-0 w-[280px] z-50 shadow-xl">
       <TaskSidebar />
     </div>