chore(eslint): add ESLint toolchain and clean src to strict 0/0 (#1165)

* chore(eslint): add eslint toolchain and configs

* fix(eslint): resolve gradual-config errors (rules-of-hooks, no-empty, prefer-const, …)

* chore(eslint): clear unused vars in config, contexts, app and test

* chore(eslint): clear unused vars in api and music-network

* chore(eslint): clear unused vars in utils

* chore(eslint): clear unused vars in store

* chore(eslint): clear unused vars in cover and hooks

* chore(eslint): clear unused vars in components

* chore(eslint): clear unused vars in pages

* chore(eslint): remove explicit any in src

* chore(eslint): align react-hooks exhaustive-deps

* chore(eslint): zero gradual config on src

* chore(eslint): strict hook rules in store and utils

* chore(eslint): strict hook rules in hooks and cover

* chore(eslint): strict hook rules in components

* chore(eslint): strict hook rules in pages and contexts

* chore(eslint): document scripts ignore in eslint config

* chore(eslint): add lint script and zero strict findings

* chore(eslint): address review round 1 (gradual 0/0, per-site disable reasons)

* chore(eslint): tighten two set-state disable comments (review round 2 LOW)

* chore(nix): sync npmDepsHash with package-lock.json

* docs(changelog): add Under the Hood entry for ESLint setup (PR #1165)

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

src/components/sidebar/perfProbe/SidebarPerfProbeLogsTab.tsx

@@ -69,8 +69,14 @@ export default function SidebarPerfProbeLogsTab() {
   // Topmost visible line to re-pin against while the user is scrolled up, so the
   // view stays put even as new lines append below or old ones scroll out.
   const anchorRef = useRef<{ seq: number; offset: number } | null>(null);
+  // React Compiler refs rule: ref kept in sync with the latest value for use in effects/handlers/cleanup; not render data.
+  // eslint-disable-next-line react-hooks/refs
   pausedRef.current = paused;
+  // React Compiler refs rule: ref kept in sync with the latest value for use in effects/handlers/cleanup; not render data.
+  // eslint-disable-next-line react-hooks/refs
   lineCapRef.current = lineCap;
+  // React Compiler refs rule: ref kept in sync with the latest value for use in effects/handlers/cleanup; not render data.
+  // eslint-disable-next-line react-hooks/refs
   followRef.current = follow;
 
   // Keep the backend mode readout in sync with reality on open.
@@ -130,6 +136,8 @@ export default function SidebarPerfProbeLogsTab() {
   // When following resumes (or the cap shrinks), trim retained history to the cap.
   useEffect(() => {
     if (!follow) return;
+    // React Compiler set-state-in-effect rule: state set from a DOM/layout measurement.
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setLines(prev => (prev.length > lineCap ? prev.slice(prev.length - lineCap) : prev));
   }, [follow, lineCap]);
 

src/components/sidebar/perfProbe/SidebarPerfProbeMonitorTab.tsx

@@ -33,10 +33,14 @@ export default function SidebarPerfProbeMonitorTab() {
 
   const maxMemoryKb = useMemo(() => {
     const current = Math.max(1, ...(cpu?.memory.map(m => m.rss_kb) ?? [1]));
+    // React Compiler refs rule: ref read imperatively outside reactive rendering; not used to compute the render output.
+    // eslint-disable-next-line react-hooks/refs
     if (current > peakMemoryKbRef.current) peakMemoryKbRef.current = current;
     return peakMemoryKbRef.current;
   }, [cpu?.memory]);
 
+  // React Compiler refs rule: ref read imperatively outside reactive rendering; not used to compute the render output.
+  // eslint-disable-next-line react-hooks/refs
   const maxThreadCpu = useMemo(() => {
     const current = Math.max(1, ...(cpu?.threadCpu.map(t => t.pct) ?? [1]));
     if (current > peakThreadCpuRef.current) peakThreadCpuRef.current = current;
@@ -121,6 +125,8 @@ export default function SidebarPerfProbeMonitorTab() {
               title="CPU — psysonic threads"
               defaultOpen
             >
+              {/* React Compiler refs rule: the row renderer reads pin-state refs (live overlay); intentional, not reactive render data. */}
+              {/* eslint-disable-next-line react-hooks/refs */}
               {cpu.threadCpu.length > 0 ? cpu.threadCpu.map(row => {
                 const pinId = `cpu:thread:${row.label}` as PerfLiveOverlayPinId;
                 return (
@@ -146,6 +152,8 @@ export default function SidebarPerfProbeMonitorTab() {
 
           {cpu.memory.length > 0 && (
             <PerfProbeMetricSection title="Memory — RSS">
+              {/* React Compiler refs rule: the row renderer reads pin-state refs (live overlay); intentional, not reactive render data. */}
+              {/* eslint-disable-next-line react-hooks/refs */}
               {cpu.memory.map(row => {
                 const pinId = `mem:${row.label}` as PerfLiveOverlayPinId;
                 return (