Connecting Insights toggle innerText to toggle state

Author: unifolia

browser/components/smartwindow/content/smartwindow.html

@@ -109,7 +109,7 @@ <h4 id="toggle-insights-popover-title">Insights</h4>
               >
             </p>
             <div class="toggle-insights-switch-row">
-              <span>On</span>
+              <span id="toggle-insights-text">On</span>
               <button
                 id="toggle-insights-switch"
                 role="switch"

browser/components/smartwindow/content/smartwindow.mjs

@@ -2358,6 +2358,7 @@ class SmartWindowPage {
     const closeBtn = document.getElementById(
       this.isSidebarMode ? "toggle-insights-back" : "toggle-insights-close"
     );
+    const txt = document.getElementById('toggle-insights-text')
     const sw = document.getElementById("toggle-insights-switch");
 
     if (!btn || !pop || !sw) {
@@ -2380,6 +2381,7 @@ class SmartWindowPage {
       this.useInsightsState = val;
       this.applyInsightsToChat();
       sw.setAttribute("aria-checked", String(val));
+      txt.innerText = val ? "On" : "Off";
       sw.classList.toggle("on", val);
     };