From 617b4b44ad529e38ab57aed10a9f6de9821443fa Mon Sep 17 00:00:00 2001
From: Priyanka Punukollu <priyankapunukollu@Priyankas-MacBook-Pro.local>
Date: Sat, 28 Feb 2026 09:54:08 -0600
Subject: [PATCH] =?UTF-8?q?fix:=20copy=20button=20shows=20icon=20and=20tex?=
 =?UTF-8?q?t=20label=20=E2=80=94=20=E2=8E=98=20Copy=20/=20=E2=9C=93=20Copi?=
 =?UTF-8?q?ed!=20instead=20of=20icon=20only?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Made-with: Cursor
---
 agent/chat_ui.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/agent/chat_ui.html b/agent/chat_ui.html
index 5dd4d3dee..850a002e8 100644
--- a/agent/chat_ui.html
+++ b/agent/chat_ui.html
@@ -319,8 +319,9 @@
         position: absolute;
         top: 8px;
         right: 8px;
-        width: 26px;
+        min-width: 26px;
         height: 26px;
+        padding: 0 6px;
         border-radius: 6px;
         border: 1px solid var(--border2);
         background: var(--surface);
@@ -329,6 +330,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
+        gap: 4px;
         font-size: 12px;
         opacity: 0;
         transition:
@@ -347,6 +349,9 @@
         border-color: var(--green);
         opacity: 1;
       }
+      .copy-btn .copy-label {
+        font-size: 11px;
+      }
 
       /* ── Message footer (badges, confidence, timestamp) ── */
       .msg-footer {
@@ -5858,7 +5863,7 @@
 
       function agentBubbleButtons(savedId) {
         const isStarred = favorites.some(f => f.id === savedId);
-        return `<button class="md-copy-btn" title="Copy as Markdown" onclick="copyBubbleMd(this)">MD</button><button class="pin-bubble-btn" title="Pin to top" onclick="pinBubble(this)">📌</button><button class="annotation-btn" title="Add sticky note" onclick="toggleAnnotation(this)">📝</button><button class="star-btn${isStarred ? ' starred' : ''}" title="Save response" onclick="toggleFavorite(this)" data-fav-id="${savedId}">★</button><button class="speak-btn" title="Read aloud" onclick="speakBubble(this)">🔊</button><button class="copy-btn" title="Copy response" onclick="copyBubble(this)">⎘</button>`;
+        return `<button class="md-copy-btn" title="Copy as Markdown" onclick="copyBubbleMd(this)">MD</button><button class="pin-bubble-btn" title="Pin to top" onclick="pinBubble(this)">📌</button><button class="annotation-btn" title="Add sticky note" onclick="toggleAnnotation(this)">📝</button><button class="star-btn${isStarred ? ' starred' : ''}" title="Save response" onclick="toggleFavorite(this)" data-fav-id="${savedId}">★</button><button class="speak-btn" title="Read aloud" onclick="speakBubble(this)">🔊</button><button class="copy-btn" title="Copy response" onclick="copyBubble(this)"><span class="copy-icon">⎘</span><span class="copy-label">Copy</span></button>`;
       }
 
       function copyBubble(btn) {
@@ -5869,10 +5874,10 @@
         const text = clone.innerText.trim();
         navigator.clipboard.writeText(text).then(() => {
           btn.classList.add('copied');
-          btn.textContent = '✓';
+          btn.innerHTML = '<span class="copy-icon">✓</span><span class="copy-label">Copied!</span>';
           setTimeout(() => {
             btn.classList.remove('copied');
-            btn.textContent = '⎘';
+            btn.innerHTML = '<span class="copy-icon">⎘</span><span class="copy-label">Copy</span>';
           }, 1800);
         });
       }