Reduce stateful animation blank gap and keep last frame visible

animations/mcp-stateful-request.html

@@ -260,7 +260,7 @@
       document.getElementById('dot6')
     ];
     const stateBox = document.getElementById('stateBox');
-    const CYCLE_PAUSE = 3000;
+    const CYCLE_PAUSE = 1200;
     const MSG_DURATION = 2500;
 
     let timers = [];
@@ -312,16 +312,9 @@
         }, showTime);
       });
 
-      // Fade out last message and state
+      // Keep last message visible briefly, then restart.
       const totalTime = messages.length * MSG_DURATION;
-      schedule(() => {
-        if (activeRunId !== runId) return;
-        messages[messages.length - 1].classList.add('fade-out');
-        stateBox.classList.add('fade-out');
-      }, totalTime);
-
-      // Restart
-      schedule(() => runAnimation(activeRunId), totalTime + 1500 + CYCLE_PAUSE);
+      schedule(() => runAnimation(activeRunId), totalTime + CYCLE_PAUSE);
     }
 
     function startAnimation() {