Fix animation stale reference

apps/demo/e2e/navigation.spec.ts

@@ -32,6 +32,17 @@ async function waitForTransition(page: Page) {
   await expect(page.locator('.nvr-router-view')).not.toHaveClass(/nvr-router-view--interactive/)
 }
 
+async function flickToNextTab(page: Page) {
+  // Start on the route header, outside conversation-owned drag targets.
+  const frame = await page.locator('[data-native-role="active"] .app-header, [data-native-role="to"] .app-header').last().boundingBox()
+  if (!frame) throw new Error('Active route header did not render')
+  const y = frame.y + frame.height * 0.5
+  await page.mouse.move(frame.x + frame.width * 0.68, y)
+  await page.mouse.down()
+  await page.mouse.move(frame.x + frame.width * 0.48, y)
+  await page.mouse.up()
+}
+
 test('navigates a conversation and returns through the native runtime', async ({ page }) => {
   await page.goto('/inbox')
   await expect(page.getByRole('heading', { name: 'Messages' })).toBeVisible()
@@ -131,6 +142,26 @@ test('moves sibling screens edge-to-edge at one-to-one drag progress', async ({
   await page.mouse.up()
 })
 
+test('accepts a second fast tab flick while the first spring is still settling', async ({ page }) => {
+  await page.goto('/inbox')
+  const routerView = page.locator('.nvr-router-view')
+
+  await flickToNextTab(page)
+  await expect(page).toHaveURL(/\/stories$/)
+  await expect(routerView).toHaveClass(/nvr-router-view--interactive/)
+
+  await flickToNextTab(page)
+  await expect(page).toHaveURL(/\/profile$/)
+  await waitForTransition(page)
+
+  // A stale pointer-up cleanup used to leave an orphaned transaction here,
+  // permanently blocking both subsequent swipes and imperative tab links.
+  await page.getByRole('link', { name: /Inbox/ }).click()
+  await expect(page).toHaveURL(/\/inbox$/)
+  await waitForTransition(page)
+  await expect(routerView).not.toHaveAttribute('data-native-transaction')
+})
+
 test('opens and dismisses the compose sheet', async ({ page }) => {
   await page.goto('/inbox')
   await page.getByRole('button', { name: 'Compose' }).click()