Upgrade React 18 to 19 with matching react-dom and types

[Modsofthenation]

Dependabot #36 bumped only react-dom and @types/react-dom. That cannot install: react-dom@19 requires react@19, and @types/react-dom@19 requires @types/react@19.

This upgrades the React runtime and types together, on top of the Vite 8 toolchain. @xyflow/react@12 already accepts React >=17.

Supersedes #36.

Changes

• react / react-dom ^18.3.1 → ^19.2.8
• @types/react ^18.3.12 → ^19.2.18
• @types/react-dom ^18.3.1 → ^19.2.4
• Rebuild src/loadpath/static/ for the new runtime (Vite 8 hashes)

Impact

• App already uses createRoot and hooks; no class defaultProps or ReactDOM.render
• React 19 scheduler/types change; UI tests and tsc passed locally on Vite 8 + Vitest 4
• Served bundle hashes change

Test plan

• cd ui && npm test (91 tests) after rebase onto Vite 8
• cd ui && npm run build
• CI test job green

  

Summary by CodeRabbit

• New Features

  • Added interactive 3D layered graph visualization with node selection, neighbor filtering, labels, camera controls, and topology-aware focus.
  • Added WebGL fallback messaging and reduced-motion support.
  • Expanded repository analysis features, including architecture and impact graphs, reviews, what-if analysis, exports, editor integration, and working-tree monitoring.

• Improvements

  • Updated the application to React 19 for improved compatibility and performance.

[coderabbitai]

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Free

Run ID: 636461f6-009e-4c34-9a95-2834366c885d

📥 Commits

Reviewing files that changed from the base of the PR and between fb7d370 and 55e62cc.

⛔ Files ignored due to path filters (1)

• ui/package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (5)

• src/loadpath/static/assets/LayeredGraph3D-kVQDQ1-J.js
• src/loadpath/static/assets/index-DhJte9z9.js
• src/loadpath/static/assets/index-DyJR4VJX.js
• src/loadpath/static/index.html
• ui/package.json

Included review availability: Your plan includes up to 1 review per rolling hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

The PR updates the Loadpath frontend bundle, upgrades React to 19.2.8, changes the HTML entrypoint, and adds LayeredGraph3D with interactive WebGL graph rendering and supporting Three.js infrastructure.

Changes

Loadpath frontend

Layer / File(s)	Summary
Frontend bundle and React runtime ui/package.json, src/loadpath/static/assets/index-DhJte9z9.js, src/loadpath/static/index.html	The application bundle and HTML entrypoint use the updated frontend asset. React, React DOM, and their TypeScript definitions use 19.2.x releases.
LayeredGraph3D graph interaction src/loadpath/static/assets/LayeredGraph3D-kVQDQ1-J.js	LayeredGraph3D renders layered nodes, edges, labels, overlays, and lighting. It handles selection, neighbor filtering, hover and click events, focus transitions, themes, reduced motion, resizing, cleanup, and WebGL fallback.
WebGL rendering pipeline src/loadpath/static/assets/LayeredGraph3D-kVQDQ1-J.js	The bundle includes Three.js rendering primitives, shader programs, PMREM processing, render-target conversion, post-processing, shader caching, shadow maps, and WebXR depth support.

Estimated code review effort: 5 (Critical) | ~120 minutes

Merge Risk: ⚪ Minimal · up to 55e62

This update aligns React, React DOM, and their type packages and refreshes the served assets; no actionable merge-blocking risk remains after normal checks and review.

Sequence Diagram(s)

sequenceDiagram
  participant Browser
  participant index.html
  participant LoadpathBundle
  participant LayeredGraph3D
  participant Three.jsWebGLRuntime

  Browser->>index.html: Load module script
  index.html->>LoadpathBundle: Load updated application bundle
  LoadpathBundle->>LayeredGraph3D: Render graph component
  LayeredGraph3D->>Three.jsWebGLRuntime: Create scene and render graph
  Three.jsWebGLRuntime-->>LayeredGraph3D: Render WebGL frame
  LayeredGraph3D-->>LoadpathBundle: Report hover or selection event

Loading

---

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

_{Comment @coderabbitai help to get the list of available commands.}