From 5dde1e5009d3130ccba8da0c65b8833f4da5574e Mon Sep 17 00:00:00 2001
From: 7418 <7418@openclaw.ai>
Date: Fri, 13 Feb 2026 17:34:45 +0800
Subject: [PATCH] fix: folder picker dialog content overflow on narrow windows

- Add overflow-hidden to dialog to constrain child components
- Change path display from truncate to horizontal scroll so long
  Windows paths (e.g., D:\projects\very\deep\path) remain readable

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/chat/FolderPicker.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/chat/FolderPicker.tsx b/src/components/chat/FolderPicker.tsx
index bf61862..ba1b569 100644
--- a/src/components/chat/FolderPicker.tsx
+++ b/src/components/chat/FolderPicker.tsx
@@ -97,7 +97,7 @@ export function FolderPicker({ open, onOpenChange, onSelect, initialPath }: Fold
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-lg">
+      <DialogContent className="max-w-lg overflow-hidden">
         <DialogHeader>
           <DialogTitle>Select Project Folder</DialogTitle>
         </DialogHeader>
@@ -153,7 +153,7 @@ export function FolderPicker({ open, onOpenChange, onSelect, initialPath }: Fold
                 </DropdownMenuContent>
               </DropdownMenu>
             )}
-            <span className="truncate text-xs font-mono text-muted-foreground">
+            <span className="min-w-0 overflow-x-auto whitespace-nowrap text-xs font-mono text-muted-foreground">
               {currentDir}
             </span>
           </div>