From 3107c4086e631b2a4a7acaafe96d3b17e54bf218 Mon Sep 17 00:00:00 2001
From: Mike Fortman <michael.fortman@datastax.com>
Date: Tue, 25 Nov 2025 16:03:18 -0600
Subject: [PATCH 1/2] add tooltip to view full file names

---
 frontend/app/knowledge/page.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/app/knowledge/page.tsx b/frontend/app/knowledge/page.tsx
index 1b9e6f85..0edddaf4 100644
--- a/frontend/app/knowledge/page.tsx
+++ b/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>
         );

From e9e70545a059ce00505c631e406b99c28b1d026c Mon Sep 17 00:00:00 2001
From: Mike Fortman <michael.fortman@datastax.com>
Date: Tue, 25 Nov 2025 16:06:42 -0600
Subject: [PATCH 2/2] alignment improvement

---
 frontend/app/knowledge/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/app/knowledge/page.tsx b/frontend/app/knowledge/page.tsx
index 0edddaf4..9a526159 100644
--- a/frontend/app/knowledge/page.tsx
+++ b/frontend/app/knowledge/page.tsx
@@ -167,7 +167,9 @@ function SearchPage() {
                     {value}
                   </span>
                 </TooltipTrigger>
-                <TooltipContent>{value}</TooltipContent>
+                <TooltipContent side="top" align="start">
+                  {value}
+                </TooltipContent>
               </Tooltip>
             </button>
           </div>