From 9ab2b9a74559ad15e12cda64352f5cd155fe825e Mon Sep 17 00:00:00 2001
From: Garry Tan <garrytan@gmail.com>
Date: Sat, 4 Apr 2026 08:14:34 -0700
Subject: [PATCH] feat: move cookies button to quick actions toolbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cookies now sits next to Cleanup and Screenshot as a primary action
button (🍪 Cookies) instead of buried in the footer. Same behavior,
more discoverable.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 browse/test/sidebar-ux.test.ts | 8 ++++----
 extension/sidepanel.html       | 2 +-
 extension/sidepanel.js         | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/browse/test/sidebar-ux.test.ts b/browse/test/sidebar-ux.test.ts
index e32d3c9e..25c9b066 100644
--- a/browse/test/sidebar-ux.test.ts
+++ b/browse/test/sidebar-ux.test.ts
@@ -1630,13 +1630,13 @@ describe('cookie import button (sidebar)', () => {
   const html = fs.readFileSync(path.join(ROOT, '..', 'extension', 'sidepanel.html'), 'utf-8');
   const js = fs.readFileSync(path.join(ROOT, '..', 'extension', 'sidepanel.js'), 'utf-8');
 
-  test('sidebar footer has cookies button', () => {
-    expect(html).toContain('id="copy-cookies"');
-    expect(html).toContain('cookies');
+  test('quick actions toolbar has cookies button', () => {
+    expect(html).toContain('id="chat-cookies-btn"');
+    expect(html).toContain('Cookies');
   });
 
   test('cookies button navigates to cookie-picker', () => {
-    expect(js).toContain("'copy-cookies'");
+    expect(js).toContain("'chat-cookies-btn'");
     expect(js).toContain('cookie-picker');
   });
 });
diff --git a/extension/sidepanel.html b/extension/sidepanel.html
index 94c36318..33c77f1f 100644
--- a/extension/sidepanel.html
+++ b/extension/sidepanel.html
@@ -141,6 +141,7 @@
   <div class="quick-actions" id="quick-actions">
     <button id="chat-cleanup-btn" class="quick-action-btn" title="Remove ads, banners, popups">🧹 Cleanup</button>
     <button id="chat-screenshot-btn" class="quick-action-btn" title="Take a screenshot">📸 Screenshot</button>
+    <button id="chat-cookies-btn" class="quick-action-btn" title="Import cookies from your browser">🍪 Cookies</button>
   </div>
 
   <!-- Command Bar -->
@@ -156,7 +157,6 @@
       <button class="debug-toggle" id="debug-toggle" title="Toggle debug panels">debug</button>
       <button class="footer-btn" id="clear-chat" title="Clear chat">clear</button>
       <button class="footer-btn" id="reload-sidebar" title="Reload sidebar">reload</button>
-      <button class="footer-btn" id="copy-cookies" title="Import cookies from your browser">cookies</button>
     </div>
     <div class="footer-right">
       <span class="dot" id="footer-dot"></span>
diff --git a/extension/sidepanel.js b/extension/sidepanel.js
index 16cd917f..bfd34e20 100644
--- a/extension/sidepanel.js
+++ b/extension/sidepanel.js
@@ -660,7 +660,7 @@ document.getElementById('reload-sidebar').addEventListener('click', () => {
 });
 
 // ─── Copy Cookies ───────────────────────────────────────────────
-document.getElementById('copy-cookies').addEventListener('click', async () => {
+document.getElementById('chat-cookies-btn').addEventListener('click', async () => {
   if (!serverUrl) return;
   // Navigate the browser to the cookie picker page hosted by the browse server
   try {