Source HTML To App UI

Objective

Reproduce the approved source HTML as a real target application. The finished experience is the primary measure of success:

• every source page, meaningful state, visible section, and interaction family is represented;
• the target preserves source content, hierarchy, layout, styling, controls, and behavior wherever evidence exists;
• desktop, mobile, short-height, theme, drawer, and overflow behavior remain usable;
• paired Playwright evidence shows the source and target at matching routes, states, themes, viewports, and sections;
• the final audit finds and repairs missing quality work before the exact task-completion command runs.

Use the source HTML for discovery and comparison. Author the target as a normal application with real routes, components, styles, assets, and local UI state. Keep the task UI-only: do not add backend, API, database, persistence, authentication, server, or business logic.

Strict execution contract

<execution_contract>

This is an end-to-end implementation workflow, not optional advice. A passing phase unlocks the next phase; it is not a successful stopping point. Do not stop after source discovery, Phase 0, target research, implementation, or a partial verification run. If the next phase is locally unblocked, continue into it automatically. The task is not complete until Phase 4 passes and the exact task-completion command has run successfully.