@nockdev/hsa 1.2.1 → 1.2.3

package/dashboard.html

@@ -1490,6 +1490,10 @@
       let selectedSessionId = "";
       let selectedIde = "";
       let selectedProject = "";
+      let sessionSSERetryMs = 1000;
+      let fetchErrorCount = 0;
+      const BASE_REFRESH_MS = 5000;
+      const MAX_REFRESH_MS = 30000;
 
       document.getElementById("endpointInput").value = endpoint;
 
@@ -1502,6 +1506,7 @@
           .value.replace(/\/$/, "");
         localStorage.setItem("hsa_endpoint", endpoint);
         setStatus("connecting");
+        fetchErrorCount = 0; // Reset error counter on manual connect
         fetchDashboard();
         fetchSessions();
       }
@@ -1517,7 +1522,7 @@
         const badge = document.getElementById("refreshBadge");
         if (autoRefresh) {
           btn.classList.add("active");
-          badge.textContent = "5s";
+          updateRefreshBadge(badge);
           startRefresh();
         } else {
           btn.classList.remove("active");
@@ -1527,10 +1532,14 @@
       }
       function startRefresh() {
         stopRefresh();
+        const interval = Math.min(
+          BASE_REFRESH_MS * Math.pow(2, fetchErrorCount),
+          MAX_REFRESH_MS,
+        );
         refreshInterval = setInterval(() => {
           fetchDashboard();
           fetchSessions();
-        }, 5000);
+        }, interval);
       }
       function stopRefresh() {
         if (refreshInterval) {
@@ -1538,6 +1547,15 @@
           refreshInterval = null;
         }
       }
+      function adjustRefreshInterval() {
+        if (!autoRefresh) return;
+        updateRefreshBadge(document.getElementById("refreshBadge"));
+        startRefresh();
+      }
+      function updateRefreshBadge(badge) {
+        const ms = Math.min(BASE_REFRESH_MS * Math.pow(2, fetchErrorCount), MAX_REFRESH_MS);
+        badge.textContent = ms >= 1000 ? (ms / 1000) + "s" : ms + "ms";
+      }
 
       /* ================================================================
    CONTEXT SELECTORS
@@ -1598,13 +1616,19 @@
         try {
           let url = endpoint + "/api/dashboard";
           // Note: /api/dashboard doesn't support session filtering yet, handled client-side
-          const res = await fetch(url, { signal: AbortSignal.timeout(8000) });
+          const res = await fetch(url, { signal: AbortSignal.timeout(15000) });
           if (!res.ok) throw new Error("HTTP " + res.status);
           const data = await res.json();
           setStatus("connected");
+          if (fetchErrorCount > 0) {
+            fetchErrorCount = 0;
+            adjustRefreshInterval();
+          }
           render(data);
         } catch (err) {
           setStatus("error");
+          fetchErrorCount++;
+          adjustRefreshInterval();
           console.warn("HSA fetch error:", err.message);
         }
       }
@@ -2127,8 +2151,8 @@
         const deltas = [];
         for (let i = 1; i < cacheHistory.length; i++) {
           deltas.push({
-            hits: cacheHistory[i].hits - cacheHistory[i - 1].hits,
-            misses: cacheHistory[i].misses - cacheHistory[i - 1].misses,
+            hits: Math.max(0, cacheHistory[i].hits - cacheHistory[i - 1].hits),
+            misses: Math.max(0, cacheHistory[i].misses - cacheHistory[i - 1].misses),
           });
         }
         const maxVal = Math.max(
@@ -2229,9 +2253,17 @@
               }
             } catch {}
           };
+          // FE-02: Auto-reconnect with exponential backoff
           sessionSSE.onerror = () => {
             sessionSSE.close();
             sessionSSE = null;
+            setTimeout(() => {
+              connectSessionSSE();
+              sessionSSERetryMs = Math.min(sessionSSERetryMs * 2, 30000);
+            }, sessionSSERetryMs);
+          };
+          sessionSSE.onopen = () => {
+            sessionSSERetryMs = 1000;
           };
         } catch {}
       }
@@ -2331,7 +2363,8 @@
           .replace(/&/g, "&amp;")
           .replace(/</g, "&lt;")
           .replace(/>/g, "&gt;")
-          .replace(/"/g, "&quot;");
+          .replace(/"/g, "&quot;")
+          .replace(/'/g, "&#39;");
       }
       function fmtUptime(ms) {
         const s = Math.floor(ms / 1000);