5974a181fd
The naive `new Date(executedAt).toISOString().slice(0, 16)` round-trip on every keystroke silently shifted the hour by the local TZ offset (Europe input field is local-time but we kept reformatting via UTC), so the user could only edit the date — the time component snapped back to UTC every render. Fix: keep the local state in `YYYY-MM-DDTHH:MM` form (`executedAtLocal`) and only convert to/from a UTC ISO at the boundaries — initial sync from server and submit. Two small helpers `isoToLocalInputValue` / `localInputValueToIso` carry the conversion explicitly. Also tightened the useEffect on both Red and Blue zones to depend on `test.id` instead of the whole `test` object, so polling refetches no longer wipe an in-progress edit (the 15 s activity poll returns a fresh object reference even when the row's contents are unchanged). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Metamorph frontend
Vite + React 18 + TypeScript + TailwindCSS. Design tokens from ../tasks/design.md are in tailwind.config.ts.
Local dev
npm install
npm run dev # http://localhost:5173 (proxies /api/* to http://localhost:8000)
Build
npm run build # outputs to dist/
npm run preview # serves dist/ on http://localhost:8080
Quality
npm run typecheck
npm run lint
npm run format
Layout
src/
├── App.tsx # M0 home page (health check + design tokens demo)
├── main.tsx
├── index.css # Tailwind base + tinted-accent utilities
├── components/ui/ # RTOps design primitives: Card, Tag, SectionHeader, FlowNode, Button
├── lib/
│ ├── api.ts # fetch wrapper (M2 will replace with auth-aware client)
│ └── cn.ts # classnames + ACCENTS palette
└── vite-env.d.ts