Dashboard persist across refresh

Author: haoruizhou

pecan/src/App.tsx

@@ -78,6 +78,8 @@ function App() {
     dataStore.clearPersistedSnapshot();
     dataStore.notifyBoundsRefresh();
     clearCheckpoints();
+    localStorage.removeItem("dash:plots");
+    window.location.reload();
   };
 
   useEffect(() => {

pecan/src/pages/Dashboard.tsx

@@ -103,7 +103,13 @@ function Dashboard() {
 
   // Plotting State
   // =====================================================================
-  const [plots, setPlots] = useState<Plot[]>([]);
+  const [plots, setPlots] = useState<Plot[]>(() => {
+    try {
+      const raw = localStorage.getItem("dash:plots");
+      if (raw) return JSON.parse(raw) as Plot[];
+    } catch { /* ignore */ }
+    return [];
+  });
   const [nextPlotId, setNextPlotId] = useState(1);
   const livePlotsSnapshotRef = useRef<Plot[] | null>(null);
   // Stores the loadedAtMs of the replay session whose layout has been applied,
@@ -162,6 +168,13 @@ function Dashboard() {
     }
   }, [plots, viewMode, sortingMethod, session, saveConfig]);
 
+  // Persist plots locally so they survive page refresh
+  useEffect(() => {
+    try {
+      localStorage.setItem("dash:plots", JSON.stringify(plots));
+    } catch { /* ignore */ }
+  }, [plots]);
+
   // Data
   // =====================================================================