feat: make media inspection progressive

tests/browser/large-media-preview.spec.ts

@@ -6,7 +6,7 @@ import { expect, test } from '@playwright/test';
 
 const mediaPath = process.env.AV_TOOLS_LARGE_MEDIA;
 
-test('plays a recognized large local video while inspection continues', async ({
+test('plays a recognized large local video before detailed inspection', async ({
   page,
 }) => {
   test.skip(
@@ -27,7 +27,15 @@ test('plays a recognized large local video while inspection continues', async ({
   await expect(preview).toBeVisible({ timeout: 15_000 });
   const previewVisibleMilliseconds = Date.now() - startedAt;
   expect(previewVisibleMilliseconds).toBeLessThan(15_000);
-  await expect(card.locator('.phase--probing')).toBeVisible();
+  await expect(card.locator('.phase--idle')).toContainText('Details on demand');
+  await expect(card).toContainText(/43:42\.\d{2}/u, { timeout: 15_000 });
+  expect(
+    await page.evaluate(() =>
+      performance
+        .getEntriesByType('resource')
+        .some((entry) => entry.name.includes('/vendor/ffmpeg/'))
+    )
+  ).toBe(false);
 
   const elementIdentity = await preview.evaluate((element) => {
     element.dataset.evidenceIdentity = crypto.randomUUID();
@@ -50,9 +58,11 @@ test('plays a recognized large local video while inspection continues', async ({
     )
     .toBeGreaterThan(0);
 
-  await expect(card.locator('.phase--ready')).toBeVisible({
-    timeout: 330_000,
-  });
+  await page
+    .getByRole('button', { name: `Inspect details for ${name}` })
+    .click();
+  await expect(card.locator('.phase--probing')).toBeVisible();
+  await expect(card.locator('.phase--ready')).toBeVisible({ timeout: 120_000 });
   await expect(preview).toHaveAttribute(
     'data-evidence-identity',
     elementIdentity