docs(FR-2650): add locale-capture spec + initial 22 page-overview captures (ko/ja/th)

[ironAiken2]

Stacked on top of #6868.

Resolves FR-2650 (initial wave). Parent: FR-2645.

Summary

Introduces a manifest-driven Playwright spec that captures docs screenshots in ko, ja, th UI locales using window.switchLanguage(lang) (PR #5796 / FR-2230) — no per-language navigation required.

This first wave covers 22 no-setup page-overview captures × 3 languages = 66 PNG files. Further entries (modals, forms, action sequences) can be appended to the MANIFEST array with per-image setup/cleanup functions.

Why a spec instead of manual capture

Per the FR-2650 audit there are ~272 unique WebUI images that need re-capture in 3 locales (~816 captures). Doing this manually is impractical and error-prone:

• Reproducible: spec can be re-run when UI changes; same code captures in all 3 languages from one page setup.
• Incremental: extend MANIFEST one entry at a time as time permits.
• Auditable: each entry encodes its own setup contract (URL, modal opens, etc.) in code.

What's in this PR

e2e/screenshot-locale-capture.spec.ts

A Playwright spec that:

1. Logs in as admin (via loginAsAdmin from existing test-util).
2. Sets viewport to 1440×900 logical (1× non-retina per SCREENSHOT-GUIDELINES.md).
3. For each manifest entry: navigates to URL, waits for page load + network idle, runs optional setup(), hides React Grab dev toolbar, then loops switchLanguage('ko'|'ja'|'th') → screenshot → save to packages/backend.ai-webui-docs/src/{lang}/images/<file>.png.
4. Supports three capture modes: viewport (default), CSS-selector element, or clip rect.
5. SCREENSHOT_FILTER env var filters entries by filename substring (e.g. SCREENSHOT_FILTER=dashboard ... only captures dashboard).

Initial manifest (22 entries)

Section	Entries
Overview	dashboard, summary, agent_summary, statistics, my_environment_page, start_page
Admin	admin_dashboard, admin_user_page, admin_serving_page, agent_list, agent_settings, credentials, credential_list_tab
Storage / Compute	image_list_page
Model	model_store_page_overview, admin_model_card_list_v2
Chat	chat_page
Fair Share	fair_share_user_page, fair_share_project_page, fair_share_domain_page, fair_share_resource_group_page
Element-only	header (via [data-testid="webui-header"])

Generated outputs

66 new/updated PNG files under:

• packages/backend.ai-webui-docs/src/ko/images/ (22 files in Korean UI)
• packages/backend.ai-webui-docs/src/ja/images/ (22 files in Japanese UI)
• packages/backend.ai-webui-docs/src/th/images/ (22 files in Thai UI)

Run the spec

# All entries (4-6 minutes)
pnpm exec playwright test e2e/screenshot-locale-capture.spec.ts --project=chromium

# Subset by filename keyword
SCREENSHOT_FILTER=dashboard pnpm exec playwright test e2e/screenshot-locale-capture.spec.ts --project=chromium

Requires the dev WebUI server running at http://localhost:9081 (or E2E_WEBUI_ENDPOINT env var) and an admin user (credentials in e2e/envs/.env.playwright).

Follow-up work

The remaining ~250 unique images mostly require state setup (open modal, fill form, populate folder list, start session, etc.). Add them to MANIFEST incrementally with setup/cleanup functions. Pattern example is included as a comment in the spec.

🤖 Generated with Claude Code

[ironAiken2]

• docs(FR-2650): add locale-capture spec + initial 22 page-overview captures (ko/ja/th) #6885 👈 (View in Graphite)
• docs(FR-2645): mandate language-specific captures + replace 6 dark-mode WebUI screenshots #6868 : 1 other dependent PR (#6891 )
• main

---

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

• flow:merge-queue - adds this PR to the back of the merge queue
• flow:hotfix - for urgent changes, fast-track this PR to the front of the merge queue

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

[ironAiken2]

Closing — manifest-based bulk capture approach is unsuitable. Many captures were wrong: orphaned filenames (admin_dashboard, statistics, my_environment_page, model_store_page_overview), wrong tabs (credentials/credential_list_tab both default to Users tab on /credential), missing admin mode (admin_serving_page, image_list_page, agent_list captured user view), modal-vs-page mismatches (agent_settings is a modal not the page), and drill-down state not captured (fair_share_user/project/domain_page require Resource Group → Domain → Project click sequence). Switching to direct Playwright MCP captures with per-image context. Branch reset; new PR will follow.