EdgeStream
Mobile Dashboard
The EdgeStream mobile dashboard is a lightweight observability app optimized for small screens — phones and tablets. It surfaces the same HooksMonitor, SubscribersMonitor, and ActivityStreamMonitor components from @edge-stream/observability-react in a responsive layout.
Purpose
The mobile dashboard is a standalone app (separate from the full DevTools) designed for on-the-go monitoring scenarios:
- Checking EdgeStream health from a phone while away from a workstation
- Tablet-mounted dashboards in operations centers
- Lightweight monitoring without the full DevTools app overhead
What It Shows
| Screen | Component | Data |
|---|---|---|
| Hooks | HooksMonitor | Hook execution log, stats, filter by name |
| Subscribers | SubscribersMonitor | Delivery log, topic breakdown, filter by topic |
| Activity | ActivityStreamMonitor | Full message lifecycle, overview + timeline |
Mobile-Specific Layout
The mobile dashboard adapts the monitor components for small screens:
- Bottom navigation bar instead of sidebar
- Full-width stat cards stacked vertically
- Touch-optimized row heights (min 48px) for hook and subscriber log rows
- Detail panels expand in-place (no side panel)
- Reduced poll interval (1000ms default) to conserve battery
Embedding Monitor Components in a Mobile App
import { HooksMonitor, SubscribersMonitor } from '@edge-stream/observability-react';
// The same components work in mobile — just adjust layout and poll interval
function MobileObservability() {
return (
<div style={{ maxWidth: '100vw', overflow: 'hidden' }}>
<HooksMonitor
pollInterval={1000} // slower polling for battery
maxLogs={50} // fewer logs for memory
showSettings={false} // hide settings tab on small screen
style={{ padding: '8px' }}
/>
</div>
);
}When to Use the Mobile Dashboard vs DevTools
| Mobile Dashboard | Full DevTools | |
|---|---|---|
| Screen size | Phone / tablet optimized | Desktop optimized |
| Features | Monitor components only | Monitor + Node Explorer + Action Invoker + ANCP view |
| Use case | Quick health checks on the go | Deep debugging and pipeline inspection |
| Poll interval | 1000ms (battery-aware) | 500ms (performance) |
| Max logs | 50 (memory-conscious) | 100+ (full history) |
Same Components, Different Container
The mobile dashboard does not ship unique components — it is a responsive shell around the same
HooksMonitor, SubscribersMonitor, and ActivityStreamMonitor components. You can replicate mobile behavior by adjusting pollInterval, maxLogs, and CSS on the components you embed in your own app.