From a3fd94b72976c4ae86be70d61a4389ea530a9d25 Mon Sep 17 00:00:00 2001
From: zenchantlive <jordanlive121@gmail.com>
Date: Mon, 16 Feb 2026 11:29:03 -0800
Subject: [PATCH] fix: position ThreadDrawer between middle and right panels

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

diff --git a/.beads/bd.sock.startlock b/.beads/bd.sock.startlock
new file mode 100644
index 0000000..5e84f34
--- /dev/null
+++ b/.beads/bd.sock.startlock
@@ -0,0 +1 @@
+2676
diff --git a/src/components/shared/thread-drawer.tsx b/src/components/shared/thread-drawer.tsx
index 0eebe5f..d44867e 100644
--- a/src/components/shared/thread-drawer.tsx
+++ b/src/components/shared/thread-drawer.tsx
@@ -51,10 +51,20 @@ export function ThreadDrawer({ isOpen, onClose, title, id, items = SAMPLE_ITEMS
         aria-hidden="true"
       />
       
-      {/* Drawer */}
+      {/* 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 */}
       <div
-        className="fixed top-0 right-0 h-full z-50 w-[24rem] overflow-hidden"
+        className="fixed top-0 z-50 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)',