Skip to content

feat: route liquidity dashboard page and add schema drift monitor page#747

Merged
Mosas2000 merged 2 commits into
StellaBridge:mainfrom
all-opensource-projects:feature/route-liquidity-dashboard-and-schema-drift-page
Jun 27, 2026
Merged

feat: route liquidity dashboard page and add schema drift monitor page#747
Mosas2000 merged 2 commits into
StellaBridge:mainfrom
all-opensource-projects:feature/route-liquidity-dashboard-and-schema-drift-page

Conversation

@meshackyaro

Copy link
Copy Markdown
Contributor

Summary

  • Closes Route Liquidity Dashboard Page #691 — Registers LiquidityDashboard at /liquidity-dashboard in App.tsx with lazy loading and adds a navigation entry under Monitoring
  • Closes Add Schema Drift Monitor Page #694 — Adds a new SchemaDriftMonitor page at /schema-drift that consumes the existing GET /api/schema-drift/report endpoint, with source and time-range filtering, severity badges, and drift type badges

Changes

  • frontend/src/App.tsx — lazy imports + routes for LiquidityDashboard and SchemaDriftMonitor
  • frontend/src/components/MobileNav/navigation.ts — nav entries for both pages under Monitoring
  • frontend/src/services/api.tsgetSchemaDriftReport() function with SchemaDriftReport, SchemaDriftSummary, SchemaDriftIncident types
  • frontend/src/hooks/useSchemaDrift.ts — React Query hook for the drift report endpoint
  • frontend/src/pages/SchemaDriftMonitor.tsx — new page listing drift events with severity, filtering by source, drift type, and time range
  • frontend/src/pages/LiquidityDashboard.test.tsx — 4 tests confirming route renders and shows key UI
  • frontend/src/pages/SchemaDriftMonitor.test.tsx — 8 tests covering heading, stat cards, source summary, incident table, badges, and filters

Test plan

  • All 12 new tests pass (vitest run)
  • /liquidity-dashboard renders the Liquidity page with depth chart, venue table, and price impact calculator
  • /schema-drift renders the Schema Drift Monitor with source summary and recent incidents table
  • Source filter hides rows from other sources
  • Drift type filter shows only matching incident types
  • Time range filter removes incidents outside the selected window
  • Both pages appear in the Monitoring nav group

Closes #691, Closes #694

- Register /liquidity-dashboard route in App.tsx (closes StellaBridge#691)
- Add SchemaDriftMonitor page at /schema-drift consuming the backend drift API (closes StellaBridge#694)
- Add useSchemaDrift hook with React Query for data fetching
- Add getSchemaDriftReport API function with full TypeScript types
- Register both routes in App.tsx with lazy loading
- Add navigation entries for both pages in navigation.ts
- Add tests for LiquidityDashboard route (4 tests) and SchemaDriftMonitor page (8 tests)

Closes StellaBridge#691, Closes StellaBridge#694
@drips-wave

drips-wave Bot commented Jun 27, 2026

Copy link
Copy Markdown

@meshackyaro Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Mosas2000 Mosas2000 merged commit ee9a3e6 into StellaBridge:main Jun 27, 2026
15 of 17 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Schema Drift Monitor Page Route Liquidity Dashboard Page

3 participants