From 998944fdf7e3a6f27000b710f63d8234c2b8c35a Mon Sep 17 00:00:00 2001
From: Alejandro <alejandrogomez@bitrefill.com>
Date: Wed, 14 Jan 2026 09:49:15 +0100
Subject: [PATCH] feat: Add mobile tap support for chat name tooltip (#82)

- Add controlled state for tooltip open/close
- Enable tap/click to toggle tooltip on mobile devices
- Tooltip now shows conversation metadata on tap (icon, description, protocol type, status, host)
- Maintains existing hover behavior on desktop
- Improves mobile UX by making metadata accessible via tap

Co-authored-by: Claude <noreply@anthropic.com>
---
 src/components/ChatViewer.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/ChatViewer.tsx b/src/components/ChatViewer.tsx
index 60eb711..6749b5f 100644
--- a/src/components/ChatViewer.tsx
+++ b/src/components/ChatViewer.tsx
@@ -481,6 +481,9 @@ export function ChatViewer({
   // State for send in progress (prevents double-sends)
   const [isSending, setIsSending] = useState(false);
 
+  // State for tooltip open (for mobile tap support)
+  const [tooltipOpen, setTooltipOpen] = useState(false);
+
   // Handle sending messages with error handling
   const handleSend = async (
     content: string,
@@ -710,9 +713,12 @@ export function ChatViewer({
           <div className="flex flex-1 min-w-0 items-center gap-2">
             {headerPrefix}
             <TooltipProvider>
-              <Tooltip>
+              <Tooltip open={tooltipOpen} onOpenChange={setTooltipOpen}>
                 <TooltipTrigger asChild>
-                  <button className="text-sm font-semibold truncate cursor-help text-left">
+                  <button
+                    className="text-sm font-semibold truncate cursor-help text-left"
+                    onClick={() => setTooltipOpen(!tooltipOpen)}
+                  >
                     {customTitle || conversation.title}
                   </button>
                 </TooltipTrigger>