add tooltip to view full file names

frontend/app/knowledge/page.tsx

@@ -31,6 +31,11 @@ import {
   DialogTrigger,
 } from "@/components/ui/dialog";
 import { StatusBadge } from "@/components/ui/status-badge";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import {
   DeleteConfirmationDialog,
   formatFilesToDelete,
@@ -156,9 +161,14 @@ function SearchPage() {
               }}
             >
               {getSourceIcon(data?.connector_type)}
-              <span className="font-medium text-foreground truncate">
-                {value}
-              </span>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <span className="font-medium text-foreground truncate">
+                    {value}
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent>{value}</TooltipContent>
+              </Tooltip>
             </button>
           </div>
         );