RealtimeDashboard
BlocksMonitor live activity with connection status, metric cards, and an activity feed.
Indicate connected, connecting, disconnected, and error states.
bun add @reopt-ai/opt-uiimport { ConnectionIndicator } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
Monitor live activity with connection status, metric cards, and an activity feed.
Choose a status from a dropdown with color indicators.
Manage global notifications with priority-aware live regions and auto-dismiss paused during pointer or keyboard interaction.
Show bulk actions for selected items in a floating bottom bar.
Review grouped failures with severity colors and action slots.
Configure metric conditions, frequency, and notification channels with explicitly associated form labels.
Confirm or cancel actions with a danger variant for destructive operations.