docs: UI-02 acceptance record and visual verification

Co-Authored-By: Claude Code <noreply@anthropic.com>

apps/viewer/e2e/album.spec.ts

@@ -50,12 +50,13 @@ test('renders album info in zh with timezone-adjusted time, chips and empty stat
   await expect(time).not.toContainText('9月30');
   await expect(page.locator('.meta')).toContainText('大宴会厅 · 上海市浦东新区世纪大道 100 号');
 
-  // Task 10 起排序 chips（最新/热门）与分类 chips 并存——断言收窄到分类栏。
+  // Task 10 起排序（最新/热门）与分类 chips 并存——UI-02 V02 起排序为标签页
+  // （.sort-tabs .sort-tab），断言收窄到分类栏。
   const chips = page.locator('.categories .chip');
   await expect(chips).toHaveCount(3); // Task 7 起：全部 + 各分类（可点选）
   await expect(chips.first()).toBeEnabled();
   await expect(chips).toHaveText(['全部', '签到墙', '开场']);
-  await expect(page.locator('.sort .chip')).toHaveText(['最新', '热门']);
+  await expect(page.locator('.sort-tabs .sort-tab')).toHaveText(['最新', '热门']);
 
   await expect(page.locator('.empty-notice')).toHaveText('照片即将上线');
   // 该相册无 banner 资产 → 不渲染图。
@@ -77,7 +78,9 @@ test('switching locale re-fetches and shows the English translation', async ({ p
   await page.goto(`/a/${album.publicToken}`);
   await expect(page.locator('h1.title')).toHaveText('双语测试相册');
 
-  await page.locator('button.locale-switcher').click();
+  // UI-02 V01 紧凑语言控件：展开菜单后选择 English（两步）。
+  await page.locator('.locale-trigger').click();
+  await page.locator('.locale-option', { hasText: 'English' }).click();
   await expect(page.locator('h1.title')).toHaveText('Bilingual Test Album');
   await expect(page.locator('.description')).toHaveText('English intro');
   await expect(page.locator('.meta')).toContainText('Main Hall');