Skip to content

NEXT_UI.md

Latest commit

 

History

History
56 lines (38 loc) · 1.28 KB

NEXT_UI.md

File metadata and controls

56 lines (38 loc) · 1.28 KB
Raw

Next.js UI

Analyze Flow includes a separate Next.js dashboard in ui/. It is meant for teams that want a richer interactive UI than the standalone generated HTML file.

Start The UI

cd ui
npm install
npm run dev

Open http://127.0.0.1:3000.

Three Ways To Use It

  1. Sample mode: open the UI and review the built-in sample report.
  2. Upload mode: generate analyze-flow-report.json, then upload it in the UI.
  3. Live local mode: run Analyze Flow with --serve, then connect the UI to http://127.0.0.1:8765.

Live mode with a token:

java -jar target/analyze-flow.jar /path/to/project --serve --api-token change-me

Then enter:

  • Local API: http://127.0.0.1:8765
  • Token: change-me

What The UI Shows

  • Scan summary cards.
  • Before/after latency bars.
  • Severity and category charts.
  • Endpoint workflow cards.
  • Highest-impact latency findings.
  • Searchable findings with severity filters.
  • Integration command guidance.

Integration Notes

The UI calls its own Next.js API route:

GET /api/analyze-flow/report?baseUrl=http://127.0.0.1:8765

That route proxies to:

GET http://127.0.0.1:8765/api/report

This keeps the Java analyzer server simple and localhost-only while allowing the browser UI to connect cleanly.