feat(mvp4): React + MockCorePort

[Alexendros]

Objetivo

Cerrar el slice MVP-4: UI React contra MockCorePort determinista, con CorePort TS alineado a los DTO Rust y design system sin rediseño.

IDs trazados

• Issues: MVP-4-01..06 (docs/10-delivery/mvp4-scope.md)
• Requisitos: FR-DRAFT-001, FR-RESOLVE-001, FR-VALIDATE-001, FR-MANIFEST-001, FR-EXPORT-001, NFR-ACC-001, NFR-OFF-001, NFR-PORT-001
• ADR: ADR-0001

Cambios

• Declaración CorePort camelCase + MockCorePort (7 ops + importDraft)
• Flujo React create→export reutilizando tokens CSS
• Baselines visuales actualizadas; test Playwright del flujo mock
• Job CI test-a11y:flow; go-no-go / backlog / next-issues del slice

Fuera de alcance

• Paridad Tauri/WASM UI (MVP-5), runner, firma de catálogo, presets, rediseño

Pruebas y evidencias

• pnpm check en apps/web
• pnpm test-a11y, test-a11y:axe, test-a11y:visual, test-a11y:flow
• Matriz de trazabilidad 100%

Checklist DoD

• Flujo offline sin Tauri
• TS sin reglas de dominio
• WCAG/visual verdes
• Tag implementation-baseline-mvp4 tras merge

---

Note

Medium Risk
Large front-end architecture swap and CorePort TypeScript contract changes affect Tauri integration and all web a11y/visual CI; behavior is mitigated by mock port and new E2E flow, but Rust/TS DTO alignment must stay in sync.

Overview
MVP-4 migrates apps/web from a static HTML + imperative TypeScript shell to React (Vite) while keeping the same walking-skeleton UX (create → select → resolve → validate → manifest → export) and existing CSS tokens.

The UI lives in a new App.tsx; index.html is reduced to #root + main.tsx, which picks TauriCorePort when Tauri is present and otherwise MockCorePort for offline/CI. Vanilla main.ts and components.ts are removed. coreport.ts is expanded with camelCase DTOs aligned to Rust, typed inputs/outputs, and shared helpers (FIXED_CATALOG_REF, withSelection, etc.); Tauri wiring moves to tauri-core-port.ts.

Testing & CI: adds mock-flow.playwright.test.ts and pnpm test-a11y:flow (wired in .github/workflows/ci.yml); static a11y-check.py now asserts a11y patterns against App.tsx. Traceability inventory links the mock flow to FR/NFR coverage. Governance docs record MVP-4 scope, closed issues, and baseline implementation-baseline-mvp4. Playwright output paths are gitignored.

^{Reviewed by Cursor Bugbot for commit eb8cd79. Configure here.}

[cursor]

Bugbot couldn't run - usage limit reached

Bugbot is counted against Cursor usage for this user or team, and this run hit a usage or spend limit.

A user or team admin can review and increase usage limits in the Cursor dashboard.

(requestId: 927271db-6058-412f-a690-e1d8038342dd)