From f07b2931eabfc68b726286426fec28a1d605558f Mon Sep 17 00:00:00 2001
From: Lucas Santos <hello@lsantos.dev>
Date: Sun, 8 Nov 2026 21:08:54 +0100
Subject: [PATCH] fix(ui): wrap long file names in the downloads table

---
 apps/ui/app/pages/downloads.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/ui/app/pages/downloads.vue b/apps/ui/app/pages/downloads.vue
index 43321e1..535d0ea 100644
--- a/apps/ui/app/pages/downloads.vue
+++ b/apps/ui/app/pages/downloads.vue
@@ -191,7 +191,14 @@ function onRowSelect(event: Event, row: { toggleExpanded: () => void }) {
 
 const columns: TableColumn<DownloadItem>[] = [
   { id: 'expand', header: '' },
-  { accessorKey: 'filename', header: 'File' },
+  // Release names run long; let them wrap so the row's actions stay in view.
+  {
+    accessorKey: 'filename',
+    header: 'File',
+    meta: {
+      class: { td: 'min-w-64 whitespace-normal' },
+    },
+  },
   { accessorKey: 'peerName', header: 'Peer' },
   { accessorKey: 'status', header: 'Status' },
   { accessorKey: 'progress', header: 'Progress' },
@@ -347,7 +354,7 @@ const columns: TableColumn<DownloadItem>[] = [
             </template>
 
             <template #filename-cell="{ row }">
-              <p class="font-medium text-default" :title="row.original.filename">
+              <p class="font-medium wrap-anywhere text-default" :title="row.original.filename">
                 {{ row.original.filename }}
               </p>
               <p v-if="row.original.status !== 'failed' && row.original.expectedBytesMismatch" class="text-xs text-warning">