From 05ac63e8e7c9bea700f83eecbbb3f667b70f8620 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 15 Jan 2026 10:36:46 +0000
Subject: [PATCH] refactor: simplify copy chat ID button styling

- Use CopyCheck icon instead of Check for consistency with CodeCopyButton
- Remove tooltip to reduce UI noise
- Keep hover state styling (muted to foreground)
---
 src/components/ChatViewer.tsx | 38 ++++++++++++++---------------------
 1 file changed, 15 insertions(+), 23 deletions(-)

diff --git a/src/components/ChatViewer.tsx b/src/components/ChatViewer.tsx
index afbd664..188f4fa 100644
--- a/src/components/ChatViewer.tsx
+++ b/src/components/ChatViewer.tsx
@@ -10,7 +10,7 @@ import {
   RefreshCw,
   Paperclip,
   Copy,
-  Check,
+  CopyCheck,
 } from "lucide-react";
 import { nip19 } from "nostr-tools";
 import { getZapRequest } from "applesauce-common/helpers/zap";
@@ -857,28 +857,20 @@ export function ChatViewer({
             </TooltipProvider>
             {/* Copy Chat ID button */}
             {getChatIdentifier(conversation) && (
-              <TooltipProvider>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <button
-                      onClick={() => {
-                        const chatId = getChatIdentifier(conversation);
-                        if (chatId) copyChatId(chatId);
-                      }}
-                      className="text-muted-foreground hover:text-foreground transition-colors flex-shrink-0"
-                    >
-                      {chatIdCopied ? (
-                        <Check className="size-3.5 text-green-500" />
-                      ) : (
-                        <Copy className="size-3.5" />
-                      )}
-                    </button>
-                  </TooltipTrigger>
-                  <TooltipContent side="bottom">
-                    <p>{chatIdCopied ? "Copied!" : "Copy chat ID"}</p>
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
+              <button
+                onClick={() => {
+                  const chatId = getChatIdentifier(conversation);
+                  if (chatId) copyChatId(chatId);
+                }}
+                className="text-muted-foreground hover:text-foreground transition-colors flex-shrink-0"
+                aria-label="Copy chat ID"
+              >
+                {chatIdCopied ? (
+                  <CopyCheck className="size-3.5" />
+                ) : (
+                  <Copy className="size-3.5" />
+                )}
+              </button>
             )}
           </div>
           <div className="flex items-center gap-2 text-xs text-muted-foreground p-1">