From 925541cbd87ee925dfd4f7c232c0e4291279940b Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 9 Apr 2026 09:09:25 -0500
Subject: [PATCH] add tooltip

---
 web/public/locales/en/views/chat.json         |  1 +
 .../chat/ChatEventThumbnailsRow.tsx           | 35 +++++++++++--------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/web/public/locales/en/views/chat.json b/web/public/locales/en/views/chat.json
index a2fc7ed799..6d78dc71f8 100644
--- a/web/public/locales/en/views/chat.json
+++ b/web/public/locales/en/views/chat.json
@@ -12,6 +12,7 @@
   "result": "Result",
   "arguments": "Arguments:",
   "response": "Response:",
+  "attachment_chip_label": "{{label}} on {{camera}}",
   "attachment_chip_remove": "Remove attachment",
   "open_in_explore": "Open in Explore",
   "attach_event_aria": "Attach event {{eventId}}",
diff --git a/web/src/components/chat/ChatEventThumbnailsRow.tsx b/web/src/components/chat/ChatEventThumbnailsRow.tsx
index 89f385d4de..a12153e894 100644
--- a/web/src/components/chat/ChatEventThumbnailsRow.tsx
+++ b/web/src/components/chat/ChatEventThumbnailsRow.tsx
@@ -1,6 +1,11 @@
 import { useApiHost } from "@/api";
 import { useTranslation } from "react-i18next";
 import { LuExternalLink } from "react-icons/lu";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 type ChatEvent = { id: string; score?: number };
@@ -50,21 +55,21 @@ export function ChatEventThumbnailsRow({
           loading="lazy"
         />
       </button>
-      <a
-        href={`/explore?event_id=${event.id}`}
-        target="_blank"
-        rel="noopener noreferrer"
-        onClick={(e) => e.stopPropagation()}
-        className="absolute right-1 top-1 flex size-6 items-center justify-center rounded bg-black/60 text-white hover:bg-black/80"
-        aria-label={t("open_in_explore")}
-      >
-        <LuExternalLink className="size-3" />
-      </a>
-      {typeof event.score === "number" && !isAnchor && (
-        <span className="pointer-events-none absolute bottom-1 right-1 rounded bg-black/60 px-1 text-[10px] text-white">
-          {Math.round(event.score * 100)}%
-        </span>
-      )}
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <a
+            href={`/explore?event_id=${event.id}`}
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={(e) => e.stopPropagation()}
+            className="absolute right-1 top-1 flex size-6 items-center justify-center rounded bg-black/60 text-white hover:bg-black/80"
+            aria-label={t("open_in_explore")}
+          >
+            <LuExternalLink className="size-3" />
+          </a>
+        </TooltipTrigger>
+        <TooltipContent>{t("open_in_explore")}</TooltipContent>
+      </Tooltip>
       {isAnchor && (
         <span className="pointer-events-none absolute left-1 top-1 rounded bg-primary px-1 text-[10px] text-primary-foreground">
           {t("anchor")}