Fix long filenames overflowing the window instead of truncating: flex/grid items need explicit min-width:0 to shrink below content size

src/components/RenamePanel.css

@@ -8,13 +8,16 @@
 .rename-lists {
   flex: 1;
   min-height: 0;
+  min-width: 0;
+  overflow: hidden;
   display: grid;
-  grid-template-columns: 1fr auto 1fr;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
   gap: 14px;
   padding: 18px 18px 18px 16px;
 }
 
 .list-card {
+  min-width: 0;
   min-height: 0;
   display: flex;
   flex-direction: column;
@@ -30,6 +33,7 @@
 
 .list-card-body {
   flex: 1;
+  min-width: 0;
   min-height: 0;
   overflow-y: auto;
   background: var(--card);
@@ -44,6 +48,7 @@
 .list-row {
   height: 32px;
   min-height: 32px;
+  min-width: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -68,6 +73,8 @@
 }
 
 .list-row-text {
+  flex: 1 1 auto;
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;