From 6a9fe187bdd1a2362529e757e37ca5b37a69dcc0 Mon Sep 17 00:00:00 2001
From: indifferentketchup <samkintop@gmail.com>
Date: Sat, 16 May 2026 06:00:25 +0000
Subject: [PATCH] fix(mobile): hide RightRail below md breakpoint

v1.6 left the right-rail file browser visible on phones (~32px column
when collapsed). Wrap the RightRail render in <div class="max-md:hidden
contents"> inside RightRailForSession so it's hidden entirely below
the md (768px) breakpoint. The `contents` class keeps the wrapper
layout-transparent on desktop. No behavior change on desktop.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 apps/web/src/App.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
index af68dea..55dcc09 100644
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@@ -26,7 +26,13 @@ function RightRailForSession({ sessionId }: { sessionId: string }) {
       .catch((err) => console.warn('RightRail: failed to fetch session', err));
   }, [sessionId]);
   if (!projectId) return null;
-  return <RightRail projectId={projectId} />;
+  // Hidden entirely below md breakpoint; mobile users get the file browser
+  // via the FileBrowserPane infrastructure if/when it lands in workspace panes.
+  return (
+    <div className="max-md:hidden contents">
+      <RightRail projectId={projectId} />
+    </div>
+  );
 }
 
 function MobileBackdrop() {