From 645edeb7e733a540246211d8bf20cab8cf5b104b Mon Sep 17 00:00:00 2001
From: Tristan Mouchet <tristan@ycode.com>
Date: Fri, 27 Mar 2026 10:20:14 +0100
Subject: [PATCH] fix: make CSV import dialog scrollable with many columns

The mapping step overflowed the viewport when importing CSVs
with many columns. Cap the dialog at 85vh and allow the column
list to scroll internally.

Made-with: Cursor
---
 app/ycode/components/CSVImportDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/ycode/components/CSVImportDialog.tsx b/app/ycode/components/CSVImportDialog.tsx
index 25949f56..14b30d47 100644
--- a/app/ycode/components/CSVImportDialog.tsx
+++ b/app/ycode/components/CSVImportDialog.tsx
@@ -277,7 +277,7 @@ export function CSVImportDialog({
     <Dialog open={open} onOpenChange={handleClose}>
       <DialogContent
         showCloseButton={!importing}
-        className="sm:max-w-lg"
+        className="sm:max-w-lg max-h-[85vh]"
         onInteractOutside={(e) => { if (importing) e.preventDefault(); }}
         onEscapeKeyDown={(e) => { if (importing) e.preventDefault(); }}
       >
@@ -336,7 +336,7 @@ export function CSVImportDialog({
               </DialogDescription>
             </DialogHeader>
 
-            <div className="overflow-y-auto -my-4">
+            <div className="overflow-y-auto -my-4 min-h-0 no-scrollbar">
               <div className="divide-y">
                 {headers.map(header => {
                   const mappedFieldIds = getMappedFieldIds(header);