From c0de0b3151086619837d149d8f1acde743c4478e Mon Sep 17 00:00:00 2001
From: Rupin Ajay <rupinajay@gmail.com>
Date: Thu, 5 Feb 2026 21:38:37 +0530
Subject: [PATCH] Show full task names on hover in filter dropdown

---
 .../app/components/runs/v3/RunFilters.tsx     | 31 +++++++++++++------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/apps/webapp/app/components/runs/v3/RunFilters.tsx b/apps/webapp/app/components/runs/v3/RunFilters.tsx
index cff56573ad..5834a3c240 100644
--- a/apps/webapp/app/components/runs/v3/RunFilters.tsx
+++ b/apps/webapp/app/components/runs/v3/RunFilters.tsx
@@ -648,15 +648,28 @@ function TasksDropdown({
         <ComboBox placeholder={"Filter by task..."} value={searchValue} />
         <SelectList>
           {filtered.map((item, index) => (
-            <SelectItem
-              key={`${item.triggerSource}-${item.slug}`}
-              value={item.slug}
-              icon={
-                <TaskTriggerSourceIcon source={item.triggerSource} className="size-4 flex-none" />
-              }
-            >
-              <MiddleTruncate text={item.slug}/>
-            </SelectItem>
+            <TooltipProvider key={`${item.triggerSource}-${item.slug}`}>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <div className="w-full">
+                    <SelectItem
+                      value={item.slug}
+                      icon={
+                        <TaskTriggerSourceIcon
+                          source={item.triggerSource}
+                          className="size-4 flex-none"
+                        />
+                      }
+                    >
+                      <MiddleTruncate text={item.slug} />
+                    </SelectItem>
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent side="right" sideOffset={8}>
+                  <Paragraph variant="extra-small">{item.slug}</Paragraph>
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
           ))}
         </SelectList>
       </SelectPopover>