feat(ui): React UI overhaul — plan + Milestone 1.1 foundation (WIP) - #30

Merged

ethompsy merged 81 commits into

mainfrom

feature/react-ui-impl

Aug 4, 2026

Commits on Jul 1, 2026

docs(plan): add SRE-centric React UI implementation plan

ethompsy
and
claude
committed
68d73b5
chore(plan): mark Tasks 1.1 + 1.8 in progress

ethompsy
and
claude
committed
57b0e92
docs(design): add FR52 terminology glossary for investigation list + detail views

ethompsy
and
claude
committed
d5cfe27
feat(ui): scaffold Vite + React + TS app with Docker build stage and Flask serving (Task 1.1)

ethompsy
and
claude
committed
70158be
docs(glossary): apply user decisions (keep Condition; phase Failed->Analysis Failed; OD-2/3/5 defaults)

ethompsy
and
claude
committed
9b481fe
merge(1.1): React scaffold + Dockerfile Node stage + Flask serve
ethompsy
committed
a38690b
merge(1.8): terminology glossary (approved)
ethompsy
committed
0f0730e
chore(plan): Tasks 1.1 + 1.8 done (scaffold + glossary); record linkage

ethompsy
and
claude
committed
4cf2721
chore(plan): mark Tasks 1.2 + 1.6 in progress

ethompsy
and
claude
committed
0beccf3
feat(ui): Tailwind v4 dark-first tokens + lint enforcement (Task 1.2)

ethompsy
and
claude
committed
3e6b6f5
merge(1.2): Tailwind dark-first tokens + no-hardcoded/reduced-motion lint
ethompsy
committed
28f395a
chore(plan): Task 1.2 done (Tailwind tokens + lint)

ethompsy
and
claude
committed
d4286b6
feat(api): BFF JSON API for investigations (Task 1.6)

ethompsy
and
claude
committed
40b45ea
merge(1.6): BFF JSON API (list/detail/events) for React; Q5=1s poll
ethompsy
committed
03b42a8
chore(plan): Task 1.6 done (BFF JSON API; Q5=1s poll)

ethompsy
and
claude
committed
a0f9917

Commits on Jul 3, 2026

chore(plan): mark Tasks 1.3 + 1.4 in progress

ethompsy
and
claude
committed
b78f858
feat(routes): add react-owned path-prefix dispatch registry (Task 1.3)

ethompsy
and
claude
committed
396729c
merge(1.3): React-owned path-prefix dispatch registry
ethompsy
committed
1a30add
fix(test): allow hyphen/underscore in Vite hashed-asset regex; Task 1.3 done

ethompsy
and
claude
committed
006068b
feat(ui): shadcn-style component library + Storybook scaffold (Task 1.4)

ethompsy
and
claude
committed
04ec47d

Commits on Jul 4, 2026

merge(1.4): shadcn-style component library + Storybook + dist-lib bundle
ethompsy
committed
5d14688
chore(plan): Task 1.4 done* (component library; design-sync [H] deferred to 4.4)

ethompsy
and
claude
committed
cfbf01e
style(ui): fix ruff lint (unused imports, import order) in Task 1.6 tests

ethompsy
and
claude
committed
eaef17b
fix(test): guard React-shell request behind dist-availability in registry toggle test

ethompsy
and
claude
committed
0b7ba43
chore(plan): mark Tasks 1.5 + 1.7 in progress

ethompsy
and
claude
committed
a70f21a
feat(test): add Playwright e2e + wire into CI (Task 1.7)

ethompsy
and
claude
committed
c1132b5
merge(1.7): Playwright e2e + Frontend UI CI job
ethompsy
committed
ff9cdea
feat(ui): Vite dev proxy to Flask BFF with unbuffered SSE (Task 1.5)

ethompsy
and
claude
committed
50c3abe
merge(1.5): Vite dev proxy to Flask BFF (unbuffered SSE)
ethompsy
committed
d48cbf4
chore(plan): Tasks 1.5 + 1.7 done — Milestone 1.1 complete (8/8)

ethompsy
and
claude
committed
eaacd54

Commits on Jul 5, 2026

chore(plan): mark Task 2.1 in progress (Milestone 1.2 gate)

ethompsy
and
claude
committed
844e5e1
feat(ui): layout shell + Observe/Learn/Manage sidebar with routing (Task 2.1)

ethompsy
and
claude
committed
2959c28
chore(plan): Task 2.1 done — layout shell + sidebar (Milestone 1.2 gate)

ethompsy
and
claude
committed
a6a40b4
merge(2.1): layout shell + Observe/Learn/Manage sidebar + router + focus mgmt
ethompsy
committed
fd2e775
chore(plan): mark Tasks 2.2 + 2.5 in progress

ethompsy
and
claude
committed
902bf88
feat(ui): investigation detail view — summary header, evidence steps, Related KB panel (Task 2.5)

ethompsy
and
claude
committed
f745f60

Commits on Jul 6, 2026

feat(ui): investigation list view — first-seconds triage list (Task 2.2)

ethompsy
and
claude
committed
65b88e1
merge(2.5): investigation detail view + states + detail REST client
ethompsy
committed
fef795f
merge(2.2): investigation list view + filter/skeleton/scroll-restore
ethompsy
committed
58048d7
fix(test): use browser Back for detail→list scroll-restore e2e

ethompsy
and
claude
committed
a5cb7f2
chore(plan): Tasks 2.2 + 2.5 done (list + detail); track backend evidence gap (Q8)

ethompsy
and
claude
committed
0a8acf0
chore(plan): mark Tasks 2.3 + 2.6a in progress

ethompsy
and
claude
committed
6677610
feat(ui): heuristic "affected component" derivation from condition (Task 2.3)

ethompsy
and
claude
committed
3179585
chore(plan): Task 2.3 done (affected-component derivation)

ethompsy
and
claude
committed
ef0e736
merge(2.3): heuristic affected-component derivation from condition
ethompsy
committed
89039d2
feat(ui): live SSE consume in detail view — 4-state lifecycle, indicator, auto-scroll (Task 2.6a)

ethompsy
and
claude
committed
c7f9eb5
merge(2.6a): live SSE consume in detail view
ethompsy
committed
c9d955a
chore(plan): Tasks 2.3 + 2.6a done (component derivation + live SSE)

ethompsy
and
claude
committed
32ee15a
chore(plan): mark Tasks 2.4 + 2.6b in progress (completes M1.2)

ethompsy
and
claude
committed
a0d246c
feat(ui): SSE reconnect backfill + failure fallback (Task 2.6b)

ethompsy
and
claude
committed
dac7cc6
feat(ui): plain-language problem-state mapping from raw condition (Task 2.4)

ethompsy
and
claude
committed
9b66ece
test(ui): cover SSE reconnect backfill + failure fallback (Task 2.6b)

ethompsy
and
claude
committed
f95c376
test(ui): unit + integration coverage for problem-state mapping (Task 2.4)

ethompsy
and
claude
committed
728197b
merge(2.6b): SSE reconnect backfill + failure fallback
ethompsy
committed
e44007b
merge(2.4): plain-language problem-state mapping
ethompsy
committed
3de13c1
chore(plan): Tasks 2.4 + 2.6b done — Milestone 1.2 complete (7/7)

ethompsy
and
claude
committed
6c846a4

Commits on Jul 12, 2026

chore(plan): mark Tasks 3.1 + 3.2 in progress (Milestone 1.3 permalinks)

ethompsy
and
claude
committed
5e78b9f
feat(ui): detail permalink step anchor (Task 3.2, FR53)

ethompsy
and
claude
committed
c8a2744
feat(ui): URL-encode list status-group filter as a permalink (Task 3.1)

ethompsy
and
claude
committed
d4cfa21
merge(3.2): detail permalink — #step-<id> anchor + cold-load focus/collapse
ethompsy
committed
ce2031f
merge(3.1): list permalink — status-group filter in URL query
ethompsy
committed
eb27d1a
chore(plan): Tasks 3.1 + 3.2 done (list + detail permalinks)

ethompsy
and
claude
committed
b6187b5
fix(operator): satisfy clippy::question_mark in metrics rate calc

ethompsy
and
claude
committed
0e990b7
chore(plan): mark Tasks 3.3 + 3.4 in progress

ethompsy
and
claude
committed
2b627e9
test(3.3): lock in content-vs-chrome permalink boundary (FR53/NFR24)

ethompsy
and
claude
committed
01d2385
test(e2e): permalink-integrity suite — cold-load NFR24 gate (Task 3.4)

ethompsy
and
claude
committed
4f9ffa3
merge(3.3): content-vs-chrome permalink boundary negative test
ethompsy
committed
5fb5fba
merge(3.4): permalink-integrity e2e suite (NFR24 gate)
ethompsy
committed
2e9fb96
chore(plan): Tasks 3.3 + 3.4 done — Milestone 1.3 (permalinks) complete (4/4)

ethompsy
and
claude
committed
14ea0f3

Commits on Jul 14, 2026

chore(plan): mark Tasks 4.1 + 4.2 in progress

ethompsy
and
claude
committed
7b8e115
test(4.2): finalize component library — story coverage + token confirmation

ethompsy
and
claude
committed
bcec496
merge(4.2): finalize component library — story coverage + token confirmation
ethompsy
committed
6ab7dff
chore(plan): Task 4.2 done (library finalized: story coverage + tokens)

ethompsy
and
claude
committed
60c4a90
feat(ui): legacy-label lint + terminology glossary (Task 4.1, FR52)

ethompsy
and
claude
committed
e24ca0e
merge(4.1): full terminology glossary + density audit (user-approved) + legacy-label lint
ethompsy
committed
3741982
fix(ui): apply density-audit D1+D2; Task 4.1 done ([H] approved)

ethompsy
and
claude
committed
8f90ea6

Commits on Jul 19, 2026

fix(ui): serve built assets under /app/ base; add beeper-demo launch config

ethompsy
and
claude
committed
9d421f7
docs(design): triage-glance test protocol + scoring sheet (Task 4.3)

ethompsy
and
claude
committed
0ddfe57
chore(plan): Task 4.3 done — triage-glance [H] PASSED (2 reviewers, 3 incidents, ≤5s)

ethompsy
and
claude
committed
a0e1344

Commits on Jul 31, 2026

feat(design): sync component library to Claude Design (Task 4.4) — Phase 1 complete

ethompsy
and
claude
committed
310c246

Commits on Aug 4, 2026

fix(ci): pre-merge review fixes — dockerignore, CI-exercised shell tests, CI playwright report

ethompsy
and
claude
committed
eea7d3c