How tanushree10706/sufd-admin-dashboard works
Aranyak is a wildfire command-and-control dashboard for monitoring incidents and coordinating drone and field response. The visible runtime is a React frontend: the user enters through the app shell, which selects screens; shared command-center state supplies operational data, and the incident detail view embeds the map. README capabilities include dispatch, fleet and personnel management, history and analytics, and ML surveillance. The README describes a FastAPI inference backend, but no backend source appears in the supplied tree, so its internals and any inference-to-incident workflow are not mapped.
Main entry points: App.tsx React App · CommandCenterContext.tsx Command Center State · IncidentDetailScreen.tsx Incident Detail · Header.tsx Header Controls
Components 21
Dashboard Shell
- React App
src/App.tsx - Navigation
src/components/Navigation.tsx - Header Controls
src/components/Header.tsx - Login Screen
src/components/screens/LoginScreen.tsx
Incident Operations
- Dashboard Overview
src/components/screens/DashboardOverviewScreen.tsx - Incident Detail
src/components/screens/IncidentDetailScreen.tsx - Dispatch Queue
src/components/screens/DispatchQueueScreen.tsx - Incident History
src/components/screens/HistoryScreen.tsx - Command Map
src/components/MapComponent.tsx
Field Resources
- Drone Fleet
src/components/screens/DroneFleetScreen.tsx - Personnel Management
src/components/screens/PersonnelScreen.tsx - Response Stations
src/components/screens/StationsScreen.tsx
Surveillance Intelligence
- Surveillance View
src/components/screens/SurveillanceScreen.tsx - ML Surveillance
src/components/screens/MLSurveillanceScreen.tsx - Analytics
src/components/screens/AnalyticsScreen.tsx
Shared Data
- Command Center State
src/context/CommandCenterContext.tsx - Domain Types
src/types/dashboard.ts - Supabase Client
src/lib/supabaseClient.ts
Other components
- Operator
- Supabase
- ML Backend
Connections 22
- Operator → React App: opens dashboard
- React App → Command Center State: provides state
- React App → Navigation: renders
- React App → Header Controls: renders
- React App → Login Screen: selects screen
- React App → Dashboard Overview: selects screen
- React App → Incident Detail: selects screen
- React App → Dispatch Queue: selects screen
- React App → Drone Fleet: selects screen
- React App → Personnel Management: selects screen
- React App → Response Stations: selects screen
- React App → Incident History: selects screen
- React App → Analytics: selects screen
- React App → Surveillance View: selects screen
- React App → ML Surveillance: selects screen
- Incident Detail → Command Center State: reads and updates
- Incident Detail → Command Map: renders map
- Command Map → Command Center State: reads and updates
- Header Controls → Command Center State: reads and updates
- Command Center State → Supabase Client: uses client
- Supabase Client → Supabase: queries data
- ML Surveillance → ML Backend: sends inference requests