From d02b13701d3ce4374049128ac47bafcd509f0c19 Mon Sep 17 00:00:00 2001
From: harmj0y <will@harmj0y.net>
Date: Thu, 19 Jun 2025 18:00:24 +0300
Subject: [PATCH] Truncate the Agent ID field in file view

-Truncate the Agent ID field in file view w/ a mouseover for full details
---
 .../src/components/FileList/FileList.jsx        | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/projects/frontend/src/components/FileList/FileList.jsx b/projects/frontend/src/components/FileList/FileList.jsx
index b5a4dfb..f28017e 100644
--- a/projects/frontend/src/components/FileList/FileList.jsx
+++ b/projects/frontend/src/components/FileList/FileList.jsx
@@ -68,7 +68,18 @@ const Row = React.memo(({ index, style, data }) => {
           {index === selectedIndex ? '✓' : ''}
         </div>
       )}
-      <div className="px-2 flex-shrink-0 w-32 text-sm text-gray-500 dark:text-gray-400 text-left">{file.agent_id}</div>
+      <div className="px-2 flex-shrink-0 w-32 text-sm text-gray-500 dark:text-gray-400 text-left">
+        <Tooltip
+          content={
+            <div onClick={handleTooltipClick} className="select-text">
+              {file.agent_id}
+            </div>
+          }
+          side="top"
+        >
+          <span className="block truncate">{file.agent_id}</span>
+        </Tooltip>
+      </div>
       <div className="px-2 flex-shrink-0 w-24 text-sm text-gray-500 dark:text-gray-400 text-left">{formatFileSize(file.size)}</div>
       <div className="px-2 flex-shrink-0 w-44 text-sm text-gray-500 dark:text-gray-400 text-left">{new Date(file.timestamp).toLocaleString()}</div>
       <div className="px-2 flex-shrink-0 w-48 text-sm text-sm text-gray-500 dark:text-gray-400 text-left">
@@ -288,12 +299,12 @@ const FileList = () => {
     setViewFilter(viewStateParam || 'unviewed_by_me');
     setObjectIdFilter(objectIdParam || '');
     setSelectedTag(tagParam || '');
-    
+
     // Update sort order from URL
     if (sortParam !== null) {
       setSortNewestFirst(sortParam === 'newest');
     }
-    
+
     // Update findings filter from URL
     setShowOnlyWithFindings(findingsParam === 'true');
   }, [searchParams]);