From c0ba2d1fdd707423eb68df99e1f032c376dfb221 Mon Sep 17 00:00:00 2001
From: Jordan Wages <jordan@jordanwages.com>
Date: Sat, 5 Jul 2025 04:50:18 -0500
Subject: [PATCH] Add logging to details page

---
 details.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/details.js b/details.js
index 4442ab1..1985aa9 100644
--- a/details.js
+++ b/details.js
@@ -1,6 +1,13 @@
 document.addEventListener('DOMContentLoaded', async () => {
+  const storage = (globalThis.messenger ?? browser).storage;
+  const logger = await import(browser.runtime.getURL('logger.js'));
+  const { debugLogging } = await storage.local.get('debugLogging');
+  logger.setDebug(debugLogging === true);
+  logger.aiLog('details page loaded', { debug: true });
+
   const params = new URLSearchParams(location.search);
   let id = parseInt(params.get('mid'), 10);
+  logger.aiLog('initial message id', { debug: true }, id);
 
   if (!id) {
     try {
@@ -8,22 +15,27 @@ document.addEventListener('DOMContentLoaded', async () => {
       const tabId = tabs[0]?.id;
       const msgs = tabId ? await browser.messageDisplay.getDisplayedMessages(tabId) : [];
       id = msgs[0]?.id;
+      logger.aiLog('message id from displayed messages', { debug: true }, id);
       if (!id) {
         const mailTabs = await browser.mailTabs.query({ active: true, currentWindow: true });
         const mailTabId = mailTabs[0]?.id;
         const selected = mailTabId !== undefined ? await browser.mailTabs.getSelectedMessages(mailTabId) : null;
         id = selected?.messages?.[0]?.id;
+        logger.aiLog('message id from selected messages', { debug: true }, id);
       }
     } catch (e) {
-      console.error('failed to determine message id', e);
+      logger.aiLog('failed to determine message id', { level: 'error' }, e);
     }
   }
   if (!id) return;
   try {
+    logger.aiLog('requesting message details', {}, id);
     const { subject, results } = await browser.runtime.sendMessage({ type: 'sortana:getDetails', id });
+    logger.aiLog('received details', { debug: true }, { subject, results });
     document.getElementById('subject').textContent = subject;
     const container = document.getElementById('rules');
     for (const r of results) {
+      logger.aiLog('rendering rule result', { debug: true }, r);
       const article = document.createElement('article');
       const color = r.matched === true ? 'is-success' : 'is-danger';
       article.className = `message ${color} mb-4`;
@@ -43,10 +55,11 @@ document.addEventListener('DOMContentLoaded', async () => {
       container.appendChild(article);
     }
     document.getElementById('clear').addEventListener('click', async () => {
+      logger.aiLog('clearing cache for message', {}, id);
       await browser.runtime.sendMessage({ type: 'sortana:clearCacheForMessage', id });
       window.close();
     });
   } catch (e) {
-    console.error('failed to load details', e);
+    logger.aiLog('failed to load details', { level: 'error' }, e);
   }
 });