fix: model replay review cancellation

web/apps/console/src/demo/timeline/reducer.test.ts

@@ -109,4 +109,20 @@ describe("demoTimelineReducer", () => {
     expect(restarted.mode).toBe("replay");
     expect(restarted.appliedCount).toBe(0);
   });
+
+  it("cancels review as a terminal non-autoplay phase", () => {
+    const reviewing = {
+      ...initialDemoTimelineState,
+      mode: "replay" as const,
+      phase: "review" as const,
+      events: [event(0, "interrupt")],
+      appliedCount: 1,
+      autoplay: false,
+    };
+    const cancelled = demoTimelineReducer(reviewing, { type: "cancel_review" });
+
+    expect(cancelled.phase).toBe("cancelled");
+    expect(cancelled.autoplay).toBe(false);
+    expect(cancelled.appliedCount).toBe(1);
+  });
 });

web/apps/console/src/demo/timeline/reducer.ts

@@ -6,6 +6,7 @@ export type DemoTimelinePhase =
   | "running"
   | "paused"
   | "review"
+  | "cancelled"
   | "completed"
   | "failed";
 
@@ -35,6 +36,7 @@ export type DemoTimelineAction =
   | { readonly type: "pause" }
   | { readonly type: "play" }
   | { readonly type: "continue_review" }
+  | { readonly type: "cancel_review" }
   | { readonly type: "fail"; readonly message: string; readonly event?: DemoEvent }
   | { readonly type: "restart" }
   | {
@@ -102,6 +104,10 @@ export const demoTimelineReducer = (
       return state.phase === "review"
         ? { ...state, phase: "running", autoplay: true }
         : state;
+    case "cancel_review":
+      return state.phase === "review"
+        ? { ...state, phase: "cancelled", autoplay: false }
+        : state;
     case "fail":
       return {
         ...state,