From 93f3c50d4bdb1c886d556a00e49a9c38bde12560 Mon Sep 17 00:00:00 2001
From: zenchantlive <jordanlive121@gmail.com>
Date: Mon, 16 Feb 2026 12:11:28 -0800
Subject: [PATCH] fix: ThreadDrawer slides from right edge of screen

---
 .beads/bd.sock.startlock                |  1 -
 src/components/shared/thread-drawer.tsx | 14 ++------------
 2 files changed, 2 insertions(+), 13 deletions(-)
 delete mode 100644 .beads/bd.sock.startlock

diff --git a/.beads/bd.sock.startlock b/.beads/bd.sock.startlock
deleted file mode 100644
index 5e84f34..0000000
--- a/.beads/bd.sock.startlock
+++ /dev/null
@@ -1 +0,0 @@
-2676
diff --git a/src/components/shared/thread-drawer.tsx b/src/components/shared/thread-drawer.tsx
index d44867e..1c6090f 100644
--- a/src/components/shared/thread-drawer.tsx
+++ b/src/components/shared/thread-drawer.tsx
@@ -51,20 +51,10 @@ export function ThreadDrawer({ isOpen, onClose, title, id, items = SAMPLE_ITEMS
         aria-hidden="true"
       />
       
-      {/* Drawer - positioned at right edge of middle panel, between middle and right */}
-      {/* Layout: Left(13rem) + Middle(1fr) + Right(17rem) */}
-      {/* Drawer sits at: right edge of middle = 100% - 17rem from left */}
+      {/* Drawer - slides from right edge of screen, overlaying everything */}
       <div
-        className="fixed top-0 z-50 overflow-hidden"
+        className="fixed top-0 right-0 h-full z-50 w-[24rem] overflow-hidden"
         style={{
-          // Positioned between middle and right panel
-          // left edge = (100% - 17rem - 24rem drawer)
-          // right edge = 17rem (the right panel width)
-          left: 'calc(100% - 17rem - 24rem)',
-          right: '17rem',
-          top: 0,
-          height: '100vh',
-          width: '24rem',
           backgroundColor: 'var(--color-bg-card)',
           borderLeft: '1px solid rgba(255, 255, 255, 0.1)',
           boxShadow: '-4px 0 20px rgba(0, 0, 0, 0.3)',