From 7edf3e75da292d786001c1ae2287a924bdbc91d2 Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Fri, 3 Apr 2026 16:19:49 +0530
Subject: [PATCH] tooltip

---
 src_generic/components/EnhancedTable.tsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src_generic/components/EnhancedTable.tsx b/src_generic/components/EnhancedTable.tsx
index 795f0b1..e3afc14 100644
--- a/src_generic/components/EnhancedTable.tsx
+++ b/src_generic/components/EnhancedTable.tsx
@@ -245,10 +245,22 @@ function FieldRenderer({ params, field, fieldKey, config, onNavigate, navigate,
     }
 
     if (field.type === 'array' && Array.isArray(value)) {
-        if (field.displayField) {
-            return value.map((item) => (typeof item === 'object' ? item[field.displayField!] : item)).filter(Boolean).join(', ');
-        }
-        return `${value.length} items`;
+        const displayList = field.displayField ? 
+            value.map((item) => (typeof item === 'object' ? item[field.displayField!] : item)).filter(Boolean).join(', ') : 
+            `${value.length} items`;
+        
+        const tooltipTitle = value.map((item) => {
+            if (typeof item !== 'object') return String(item);
+            return item.name || item.title || item.label || item[field.displayField!] || JSON.stringify(item);
+        }).join(', ');
+
+        return (
+            <Tooltip title={tooltipTitle} arrow placement="top">
+                <Box component="span" sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'block' }}>
+                    {displayList}
+                </Box>
+            </Tooltip>
+        );
     }
 
     if (field.type === 'object' && value) {