(CODUX-226) Translate Browser Preview

[numnx]

🧩 Task: Translate Browser Preview

Automated task PR opened by Code UX for T21.

📋 Summary

Sprint: Sprint 226 · Dashboard internationalization foundation · Task: T21

Establish a dashboard-only English/German internationalization system with persisted locale selection, complete German coverage across every dashboard route and overlay except English documentation bodies, locale-aware formatting, and automated coverage checks while preserving backend contracts and runtime/API-authored messages verbatim.

🤖 Model & Provider

Provider	Codex CLI
Model	gpt-5.6-sol

⏱️ Timing

Started	2026-07-14 00:52:16 UTC
Finished	2026-07-14 01:15:42 UTC
Duration	23m 25s

📊 Token Usage

Metric	Value
Input tokens	587,014
Cached input tokens	12,402,688
Output tokens	52,885
Total tokens	13,042,587
Invocations	2
Tool calls	131
Active time	42m 21s

Included usage estimate (subscription/local login): $10.72

✅ QA Review

⏳ QA review runs after this PR is opened. Check the task card in the dashboard for the outcome once it lands.

📝 Full Task Prompt

## Objective
Translate every Browser Preview surface while preserving preview URLs, environment values, container logs, and server diagnostics.

## Scope
- Create `dashboard/src/v2/i18n/messages/browser-preview.ts`
- Edit `dashboard/src/v2/BrowserPage.tsx`
- Edit all files under `dashboard/src/v2/components/browser/`
- Edit `dashboard/src/v2/components/ui/LivePreviewLink.tsx`
- Edit `dashboard/src/v2/hooks/use-preview-sessions.ts`
- Edit presentation helpers in `dashboard/src/v2/lib/preview-origin.ts` where they emit dashboard copy
- Verify `browser-api.ts` and `settings-api.ts` without translating raw errors or payloads
- Update Browser page/component, preview-session, accessibility, and responsive tests

## Implementation Requirements
1. Translate page and browser chrome, session menus/sliders, launch/rebuild/stop controls, environment and port editors, status/health labels, validation, empty/loading/error states, confirmations, and live announcements.
2. Use locale-aware dates, durations, counts, and port/session summaries while preserving origin resolution and sorting.
3. Keep URLs, paths, commands, environment names/values, ports, container IDs, logs, sprint/project names, and server errors verbatim.
4. Test German start/reuse/rebuild/stop flows, invalid ports/environment entries, unavailable scripts, container/network failures, stale sessions, retry, keyboard operation, narrow layouts, and safe external links.

## Constraints
- Do not change preview APIs, Docker behavior, proxy/origin rules, URL sanitization, settings persistence, or session lifecycle.
- Do not interpolate environment secrets, logs, or server diagnostics into translation strings.
- Preserve focus restoration and duplicate-action suppression.

## Verification
- Run focused Browser page, browser component, preview-session, safe-URL, and accessibility tests.
- Run `pnpm run lint`.
- Run `pnpm run test:dashboard`.
- Run `pnpm run build`.
- Success means preview management is German while all executable and runtime values are preserved.

🌿 Branch Info

Base: feature/CODUX-226-dashboard-internationalization-foundation
Head: task/feature-codux-22-t21-codex-734255c4-mrjwi0ww

---

🤖 Generated by Code UX