fix(viz): gate ambient wash off during replay (isRunning stays true in cached playback)

Author: jddunn

src/dashboard/src/components/viz/CohortSwarmGrid.tsx

@@ -172,6 +172,11 @@ function CohortColumn(props: CohortColumnProps) {
     onOpenChat,
   } = props;
 
+  // Replay (`?replay=<id>`) is cached playback; the reducer keeps
+  // `isRunning` true while replayed events stream, so treat replay as
+  // non-live and suppress the ambient wash on cached cohort playback.
+  const isReplaying = typeof window !== 'undefined'
+    && new URLSearchParams(window.location.search).has('replay');
   const ref = useRef<HTMLDivElement | null>(null);
   // Track whether the column has been visible at least once. Once true
   // we keep the LivingSwarmGrid mounted forever (canvas animation
@@ -253,7 +258,7 @@ function CohortColumn(props: CohortColumnProps) {
         {hasBeenVisible ? (
           <LivingSwarmGrid
             snapshot={snap}
-            isLiveRun={state.isRunning}
+            isLiveRun={state.isRunning && !isReplaying}
             previousSnapshot={prevSnap}
             snapshotHistory={snaps}
             actorName={fallbackName}

src/dashboard/src/components/viz/SwarmViz.tsx

@@ -129,6 +129,13 @@ export function SwarmViz({ state, onNavigateToChat }: SwarmVizProps) {
   const [currentTurn, setCurrentTurn] = useState(0);
   const [playing, setPlaying] = useState(false);
   const [speed, setSpeed] = useState(1);
+  // Replay (`?replay=<id>`) is cached playback (no new LLM cost). The run
+  // reducer still flips `isRunning` true while replayed status events
+  // stream, so gate on replay too: treat cached playback as non-live so
+  // the VIZ suppresses the ambient wash just like completed/loaded runs.
+  const isReplaying = typeof window !== 'undefined'
+    && new URLSearchParams(window.location.search).has('replay');
+  const isLiveRun = state.isRunning && !isReplaying;
 
   // Grid mode (new living-colony grid). Shared across both leaders so
   // tabs toggle in lockstep. Persisted to localStorage so the user's
@@ -1313,7 +1320,7 @@ export function SwarmViz({ state, onNavigateToChat }: SwarmVizProps) {
           >
           <LivingSwarmGrid
             snapshot={snapA}
-            isLiveRun={state.isRunning}
+            isLiveRun={isLiveRun}
             previousSnapshot={prevSnapA}
             snapshotHistory={snapsA}
             actorName={leaderA?.name ?? 'Leader A'}
@@ -1356,7 +1363,7 @@ export function SwarmViz({ state, onNavigateToChat }: SwarmVizProps) {
           >
           <LivingSwarmGrid
             snapshot={snapB}
-            isLiveRun={state.isRunning}
+            isLiveRun={isLiveRun}
             previousSnapshot={prevSnapB}
             snapshotHistory={snapsB}
             actorName={leaderB?.name ?? 'Leader B'}

src/dashboard/src/components/viz/grid/LivingSwarmGrid.tsx

@@ -899,7 +899,7 @@ export function LivingSwarmGrid(props: LivingSwarmGridProps) {
         ref={canvasWrapRef}
         className={styles.canvasWrap}
         style={{
-          '--tint-color': tintColor,
+          '--tint-color': isLiveRun ? tintColor : 'transparent',
           '--wrap-border': wrapBorder,
           '--wrap-glow': wrapGlow,
         } as CSSProperties}