From b0f5930e0144b9cea94196c52a6ff2009d7cff45 Mon Sep 17 00:00:00 2001
From: jkingsman <jack.kingsman@gmail.com>
Date: Wed, 25 Mar 2026 08:42:40 -0700
Subject: [PATCH] Swipe away

---
 frontend/src/components/AppShell.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/AppShell.tsx b/frontend/src/components/AppShell.tsx
index 33ae39d..4a96ee7 100644
--- a/frontend/src/components/AppShell.tsx
+++ b/frontend/src/components/AppShell.tsx
@@ -98,6 +98,13 @@ export function AppShell({
     },
     trackTouch: true,
     trackMouse: false,
+    preventScrollOnSwipe: true,
+  });
+
+  const closeSwipeHandlers = useSwipeable({
+    onSwipedLeft: () => onSidebarOpenChange(false),
+    trackTouch: true,
+    trackMouse: false,
     preventScrollOnSwipe: false,
   });
 
@@ -208,7 +215,7 @@ export function AppShell({
               <SheetTitle>Navigation</SheetTitle>
               <SheetDescription>Sidebar navigation</SheetDescription>
             </SheetHeader>
-            <div className="flex-1 overflow-hidden">{activeSidebarContent}</div>
+            <div className="flex-1 overflow-hidden" {...closeSwipeHandlers}>{activeSidebarContent}</div>
           </SheetContent>
         </Sheet>