Gate announcement story on sidebar click

Co-authored-by: npub1jh9wn95s0472h86ahapupaf7m6kx4v9sx2n0atj2hltcfer8k06s5n3pyf <95cae996907d7cab9f5dbf43c0f53edeac6ab0b032a6feae4abfd784e467b3f5@sprout-oss.stage.blox.sqprod.co>
Signed-off-by: npub1jh9wn95s0472h86ahapupaf7m6kx4v9sx2n0atj2hltcfer8k06s5n3pyf <95cae996907d7cab9f5dbf43c0f53edeac6ab0b032a6feae4abfd784e467b3f5@sprout-oss.stage.blox.sqprod.co>

desktop/src/testing/e2eBridge.ts

@@ -4886,10 +4886,34 @@ function startAnnouncementDemoStory() {
   }, pivot.delayMs);
 }
 
+function handleAnnouncementDemoStoryClick(event: MouseEvent) {
+  if (!(event.target instanceof Element)) {
+    return;
+  }
+  const triggerTestId = `channel-${ANNOUNCEMENT_DEMO_STORY.triggerChannelName}`;
+  if (event.target.closest(`[data-testid="${triggerTestId}"]`)) {
+    startAnnouncementDemoStory();
+  }
+}
+
 function maybeStartAnnouncementDemoLiveConversation(channelId: string) {
   const channel = mockChannels.find((candidate) => candidate.id === channelId);
-  if (channel?.name === ANNOUNCEMENT_DEMO_STORY.triggerChannelName) {
-    startAnnouncementDemoStory();
+  if (
+    channel?.name === ANNOUNCEMENT_DEMO_STORY.triggerChannelName &&
+    getConfig()?.mock?.announcementDemoStory !== false
+  ) {
+    // A live subscription can be created for the restored/default route before
+    // the viewer interacts with the sidebar. Reserve the pivot immediately so
+    // its standalone conversation cannot race the film, but wait for the
+    // viewer's actual sidebar click before starting any visible story beats.
+    const pivotChannel = mockChannels.find(
+      (candidate) =>
+        candidate.name === ANNOUNCEMENT_DEMO_STORY.pivot.channelName,
+    );
+    if (pivotChannel) {
+      startedAnnouncementDemoLiveConversations.add(pivotChannel.id);
+    }
+    return;
   }
 
   if (
@@ -9738,6 +9762,12 @@ export function maybeInstallE2eTauriMocks() {
   resetMockUserStatuses();
   resetMockPendingCommunityDeepLinks(config);
   mockWebsocketSendMutexWedged = false;
+  if (config.mock?.announcementDemo) {
+    // Subscription creation is not proof of user intent: the app may restore
+    // or default to flight-path during startup. Gate the film on the actual
+    // sidebar click so the opening frame remains under the recorder's control.
+    window.addEventListener("click", handleAnnouncementDemoStoryClick);
+  }
   // The browser test harness has no Tauri globals, so install the complete
   // window mock there. The native announcement demo already has Tauri's
   // read-only `window.__TAURI_INTERNALS__` binding; attempting to replace it

desktop/tests/e2e/announcement-demo.spec.ts

@@ -432,6 +432,16 @@ test("announcement story shows background work and pivots through a mention", as
   ).toEqual({ permission: "granted", platform: "MacIntel" });
   await expect(page.getByText("The Hive", { exact: true })).toBeVisible();
 
+  // Startup may restore or default to flight-path and subscribe immediately;
+  // that must not start the film before the recorder's explicit sidebar click.
+  for (const channel of ["design", "engineering", "marketing"] as const) {
+    await expect(page.getByTestId(`channel-working-${channel}`)).toHaveCount(0);
+  }
+  await page.waitForTimeout(1_000);
+  for (const channel of ["design", "engineering", "marketing"] as const) {
+    await expect(page.getByTestId(`channel-working-${channel}`)).toHaveCount(0);
+  }
+
   await page.getByTestId("channel-flight-path").click();
   await expect(page.getByTestId("chat-title")).toHaveText("flight-path");