Upgrade the UI toolchain to Vite 8 and plugin-react 6

[Modsofthenation]

Vite 8 cannot install with @vitejs/plugin-react@4 (peer range is vite ^4 || ^5 || ^6 || ^7). This upgrades both together and rebuilds the served static bundle.

Supersedes #35 (Dependabot’s vite-only bump fails npm install with ERESOLVE).

Changes

• vite ^6.0.3 → ^8.2.1
• @vitejs/plugin-react ^4.3.4 → ^6.0.5 (Oxc compiler, Vite 8 native)
• Rebuild src/loadpath/static/ so Django/Electron serve the new hashes

Impact

• Dev server and production build use Rolldown/Oxc instead of esbuild/Rollup
• App source and vite.config.ts are unchanged (react() with no Babel options)
• UI tests: 91 passed locally; npm run build succeeded

Test plan

• cd ui && npm test (91 tests)
• cd ui && npm run build
• CI test job green

  

Summary by CodeRabbit

• New Features
  • Added interactive 3D layered graph visualization with node selection, filtering, labels, inferred-edge indicators, camera focus, and theme support.
  • Added repository indexing, architecture and impact views, review workflows, configuration editing, OAuth settings, editor integration, keyboard commands, and HTML export.
• Improvements
  • Added responsive layouts, dark mode, accessibility support, loading and error states, and WebGL fallback messaging.
  • Updated the application entry point and refreshed the visual presentation across graph, navigation, settings, and inspector views.

[coderabbitai]

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Free

Run ID: f495f81b-89af-408c-b0e4-130c367cb9dd

📥 Commits

Reviewing files that changed from the base of the PR and between 3ae4e63 and f0040ae.

⛔ Files ignored due to path filters (1)

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

📒 Files selected for processing (8)

• src/loadpath/static/assets/LayeredGraph3D-DIGrA9CU.js
• src/loadpath/static/assets/LayeredGraph3D-HVYd3pFj.js
• src/loadpath/static/assets/index-BkFhH9qc.css
• src/loadpath/static/assets/index-CcW4ogPp.js
• src/loadpath/static/assets/index-DyJR4VJX.js
• src/loadpath/static/assets/index-Q9TpSg-b.css
• src/loadpath/static/index.html
• ui/package.json

💤 Files with no reviewable changes (1)

• src/loadpath/static/assets/index-Q9TpSg-b.css

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

---

📝 Walkthrough

Walkthrough

The PR adds a bundled React Loadpath application with repository and review workflows, graph visualization, a Three.js/WebGL 3D graph runtime, complete application styling, updated hashed assets, and upgraded Vite tooling.

Changes

Loadpath application bundle

Layer / File(s)	Summary
Application workflows and graph integration src/loadpath/static/assets/index-DyJR4VJX.js	The bundle adds API operations, repository and review workflows, configuration and OAuth screens, graph layouts, filtering, lazy-loaded 3D rendering, and WebGL fallbacks.
Three.js and WebGL rendering runtime src/loadpath/static/assets/LayeredGraph3D-HVYd3pFj.js	The bundle adds scene primitives, shaders, materials, PMREM processing, WebGL rendering, shadows, textures, render targets, and WebXR support.
Asset delivery and build wiring src/loadpath/static/assets/index-BkFhH9qc.css, src/loadpath/static/index.html, ui/package.json	The application stylesheet is added, the HTML entry point uses new hashed assets, and the React Vite plugin and Vite versions are upgraded.

Estimated code review effort: 4 (Complex) | ~60 minutes

Merge Risk: ⚪ Minimal · up to f0040

The PR upgrades the UI build toolchain and refreshes the served static bundle; no actionable merge-blocking risk remains beyond normal checks.

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant LoadpathApp
  participant API
  participant LayeredGraph3D
  participant WebGLRenderer
  User->>LoadpathApp: Open graph workspace
  LoadpathApp->>API: Request graph data
  API-->>LoadpathApp: Return graph data
  LoadpathApp->>LayeredGraph3D: Render graph data
  LayeredGraph3D->>WebGLRenderer: Submit 3D scene
  WebGLRenderer-->>User: Display graph or WebGL fallback

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.}