From a7c20d61052d9aca0ffd0a50626ee5fa053cc3ce Mon Sep 17 00:00:00 2001
From: Rob Colbert <rob@digitaltelepresence.com>
Date: Tue, 12 May 2026 16:38:27 -0400
Subject: [PATCH] fix: FileTree scrolling and text selection issues

- Change FilesPanel overflow-hidden to overflow-auto for scrolling
- Add max-h-80 to FileTree to limit height while allowing scroll
- Add select-none to FileTreeNode to prevent text selection
- Cursor-pointer already present for clickable indication

Now the file tree scrolls independently within the FILES panel,
and text cannot be selected during rapid clicking.
---
 gadget-code/frontend/src/components/FileTree.tsx     | 2 +-
 gadget-code/frontend/src/components/FileTreeNode.tsx | 2 +-
 gadget-code/frontend/src/components/FilesPanel.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/gadget-code/frontend/src/components/FileTree.tsx b/gadget-code/frontend/src/components/FileTree.tsx
index d1ead08..5c086f3 100644
--- a/gadget-code/frontend/src/components/FileTree.tsx
+++ b/gadget-code/frontend/src/components/FileTree.tsx
@@ -166,7 +166,7 @@ export default function FileTree({ workspaceMode, onFileSelect }: FileTreeProps)
   const rootLoading = state.loadingPaths.has('');
 
   return (
-    <div className="flex-1 overflow-y-auto p-2">
+    <div className="flex-1 overflow-auto p-2 max-h-80">
       {rootLoading && (
         <div className="flex items-center justify-center py-8">
           <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-brand"></div>
diff --git a/gadget-code/frontend/src/components/FileTreeNode.tsx b/gadget-code/frontend/src/components/FileTreeNode.tsx
index 60855c3..6a820f9 100644
--- a/gadget-code/frontend/src/components/FileTreeNode.tsx
+++ b/gadget-code/frontend/src/components/FileTreeNode.tsx
@@ -72,7 +72,7 @@ export default function FileTreeNode({
   return (
     <div>
       <div
-        className={`flex items-center gap-1 px-2 py-1 rounded cursor-pointer hover:bg-bg-tertiary transition-colors ${
+        className={`flex items-center gap-1 px-2 py-1 rounded cursor-pointer hover:bg-bg-tertiary transition-colors select-none ${
           error ? 'text-red-500' : 'text-text-primary'
         }`}
         style={{ paddingLeft: `${depth * 12 + 8}px` }}
diff --git a/gadget-code/frontend/src/components/FilesPanel.tsx b/gadget-code/frontend/src/components/FilesPanel.tsx
index 8c46c2b..d3e8288 100644
--- a/gadget-code/frontend/src/components/FilesPanel.tsx
+++ b/gadget-code/frontend/src/components/FilesPanel.tsx
@@ -38,7 +38,7 @@ export default function FilesPanel({ workspaceMode }: FilesPanelProps) {
           </span>
         </div>
       </div>
-      <div className="flex-1 overflow-hidden">
+      <div className="flex-1 overflow-auto">
         <FileTree
           workspaceMode={workspaceMode}
           onFileSelect={(path) => {