From e34aefa79980a973363b6306e86168bce55187b3 Mon Sep 17 00:00:00 2001
From: Garry Tan <garrytan@gmail.com>
Date: Thu, 2 Apr 2026 19:00:37 -0700
Subject: [PATCH] feat: reload button in sidebar footer

Adds a "reload" button next to "debug" and "clear" in the sidebar
footer. Calls location.reload() to fully refresh the side panel,
re-run connection logic, and clear stale state.
---
 extension/sidepanel.html | 1 +
 extension/sidepanel.js   | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/extension/sidepanel.html b/extension/sidepanel.html
index 019c7fa9..8b013715 100644
--- a/extension/sidepanel.html
+++ b/extension/sidepanel.html
@@ -154,6 +154,7 @@
     <div class="footer-left">
       <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>
     </div>
     <div class="footer-right">
       <span class="dot" id="footer-dot"></span>
diff --git a/extension/sidepanel.js b/extension/sidepanel.js
index cd72ed81..1eead7d8 100644
--- a/extension/sidepanel.js
+++ b/extension/sidepanel.js
@@ -599,6 +599,11 @@ document.getElementById('clear-chat').addEventListener('click', async () => {
     </div>`;
 });
 
+// ─── Reload Sidebar ─────────────────────────────────────────────
+document.getElementById('reload-sidebar').addEventListener('click', () => {
+  location.reload();
+});
+
 // ─── Debug Tabs ─────────────────────────────────────────────────
 
 const debugToggle = document.getElementById('debug-toggle');