diff --git a/background.js b/background.js
index 6d0b4e8..d5a5e3a 100644
--- a/background.js
+++ b/background.js
@@ -369,7 +369,22 @@ async function clearCacheForMessages(idsInput) {
         icons: { "16": "resources/img/brain.png" }
     });
 
+    //for the love of god work please
+    browser.messageDisplayAction.onClicked.addListener(async (tab, info) => {
+        try {
+            let header = await browser.messageDisplay.getDisplayedMessages();
+            if (!header) {
+                logger.aiLog("No header, no message loaded?", { debug: true });
+                return;
+            }
 
+            const url = browser.runtime.getURL(`details.html?mid=${header.id}`);
+            await browser.messageDisplayAction.setPopup({ tabId: tab.id, popup: url });
+            await browser.messageDisplayAction.openPopup({ tabId: tab.id });
+        } catch (err) {
+            logger.aiLog("Failed to open details popup", { debug: true });
+        }
+    });
 
     browser.menus.onClicked.addListener(async (info, tab) => {
         if (info.menuItemId === "apply-ai-rules-list" || info.menuItemId === "apply-ai-rules-display") {
diff --git a/manifest.json b/manifest.json
index 2ff6b74..77506b2 100644
--- a/manifest.json
+++ b/manifest.json
@@ -24,8 +24,7 @@
   "message_display_action": {
     "default_icon": "resources/img/brain.png",
     "default_title": "Details",
-    "default_label": "Details",
-    "default_popup": "details.html"
+    "default_label": "Details"
   },
   "background": { "scripts": [ "background.js" ] },
   "options_ui": {