Feature Request: Implement Dashboard-style filters and pause controls in security-dugganusa

[pduggusa]

Summary

Port the dashboard UX improvements from analytics-dashboard to security-dugganusa (the Drone service).

Features to Implement

1. Dashboard-style Flat Toggle Filters

Replace any categorized/tabbed filter UI with flat toggle buttons visible at once:

• Each filter shows ON/OFF state
• Consistent styling: bg-{color}-500/30 border-{color}-500 text-{color}-400 when active
• Gray styling when inactive

2. Pause Controls (Two Separate Controls)

Pause Rotation - Stop globe spin without affecting data

• Yellow when spinning, green when paused
• Icon: Play/Pause

Pause Refresh - Stop data fetch interval without affecting rotation

• Green "🔄 Live" when active
• Amber "⏸️ Data" when paused
• Data refresh should check isRefreshPaused state before setting up interval

3. Drone/UAP Data Layer

Add drone sightings to any globe visualization:

• Fetch from /api/v1/paranormal/drones?includeNJMystery=true&includeOfficialUAP=true
• 🚁 icon, rose/coral color (#FF6B6B)
• Shows NJ Mystery Drones (Nov-Dec 2024) and Pentagon UAP disclosures

Reference Implementation

See analytics-dashboard components:

• dashboard-brain/src/components/Dashboard.tsx - Pause controls + drone toggle
• dashboard-brain/src/components/features/GlobalThreatMap.tsx - Flat filter style
• dashboard-brain/src/components/ui/GlobeVisualization.tsx - Drone type support

Acceptance Criteria

• [ ] Flat toggle buttons replace any categorized filters
• [ ] Pause rotation control works independently
• [ ] Pause refresh control works independently
• [ ] Both pause states shown in status indicator
• [ ] Drone/UAP filter available if globe is present

---

🤖 Generated with Claude Code