Merge branch 'main' into fix/auth-popup-error-codes

Author: MaanilVerma

apps/website/e2e/events.spec.ts

@@ -124,22 +124,42 @@ test.describe('Events page — desktop @smoke', () => {
   test('a video slide that ends while hovered advances once the pointer leaves', async ({
     page
   }) => {
-    test.skip(
-      !featuredEvents.some((event) => event.media.type === 'video'),
-      'needs a featured video slide'
+    const firstVideoIndex = featuredEvents.findIndex(
+      (event) => event.media.type === 'video'
     )
+    test.skip(firstVideoIndex < 0, 'needs a featured video slide')
 
     await page.goto(PATH_EN)
     const hero = heroSection(page, 'en')
     const nextSlide = hero.getByRole('button', {
       name: t('events.hero.nextSlide', 'en')
     })
     await nextSlide.scrollIntoViewIfNeeded()
+    // Hovering pauses auto-advance, so the carousel only moves on our clicks and
+    // then holds the video slide once the pointer stays inside.
     await nextSlide.hover()
 
+    const activeSlide = hero.locator('[aria-hidden="false"]')
+
+    // The first featured slide is an image; advance to the first video slide.
+    // Retry to wait out island hydration, but click only while the active slide
+    // is not yet the video slide so a slow render never overshoots past it.
+    const videoSlideTitle = featuredEvents[firstVideoIndex].title.en
+    await expect(async () => {
+      const activeLabel = await activeSlide
+        .locator('a')
+        .getAttribute('aria-label')
+      if (activeLabel !== videoSlideTitle) await nextSlide.click()
+      await expect(activeSlide.locator('a')).toHaveAccessibleName(
+        videoSlideTitle
+      )
+    }).toPass({ timeout: 15_000 })
+    // Clicking left the button focused; drop that focus so only the hover holds
+    // the slide, letting the pointer leaving be what releases the advance.
+    await nextSlide.blur()
+
     // With the pointer inside the carousel, the active video finishes (the
     // fixture serves a 0.12s placeholder) and the carousel holds its slide.
-    const activeSlide = hero.locator('[aria-hidden="false"]')
     await expect
       .poll(() =>
         activeSlide

apps/website/src/data/events.ts

@@ -201,11 +201,6 @@ export function deriveFeaturedEvents(
     }))
 }
 
-const showdownStreamHref: LocalizedText = {
-  en: 'https://www.youtube.com/live/VeG1bveKZco',
-  'zh-CN': 'https://www.youtube.com/live/VeG1bveKZco'
-}
-
 // zh-CN copy is a first pass and pending native review.
 const events: readonly ComfyEvent[] = [
   {
@@ -230,7 +225,15 @@ const events: readonly ComfyEvent[] = [
     media: eventImage('livestream-aug-19.jpg', {
       en: 'Using Comfy to Go Beyond the Models livestream',
       'zh-CN': '善用 Comfy，超越模型本身直播'
-    })
+    }),
+    featured: {
+      order: 0,
+      media: eventImage('livestream-aug-19.jpg', {
+        en: 'Using Comfy to Go Beyond the Models livestream',
+        'zh-CN': '善用 Comfy，超越模型本身直播'
+      }),
+      showTitle: false
+    }
   },
   {
     id: 'future-ai-post-production',
@@ -277,25 +280,12 @@ const events: readonly ComfyEvent[] = [
       'zh-CN': 'Purz 与 Allyson 现场对决开源与付费 AI 视频模型，实测效果对比。'
     },
     location: { en: 'Online', 'zh-CN': '线上' },
-    dateLabel: {
-      en: 'August 12, 2026 · 10AM PT',
-      'zh-CN': '2026年8月12日 · 上午10点（PT）'
-    },
+    media: eventImage('august-12-livestream_v2.png', {
+      en: 'Video Model Showdown livestream recording',
+      'zh-CN': '视频模型对决直播回放'
+    }),
     startDateTime: '2026-08-12T10:00:00-07:00',
-    link: { href: showdownStreamHref, newTab: true },
-    liveVideoId: 'VeG1bveKZco',
-    featured: {
-      order: 3,
-      media: eventVideo(
-        'august-12-livestream.mp4',
-        {
-          en: 'Video Model Showdown livestream',
-          'zh-CN': '视频模型对决直播'
-        },
-        'august-12-livestream.jpg'
-      ),
-      autoplayMs: 5000
-    }
+    recordingVideoId: 'VeG1bveKZco'
   },
   {
     id: 'comfy-creatives-model-jam',