DataExplorer
BlocksExplore filtered data with SearchCombobox, StatusSelect, and DataTable inside a group-spaced BlockLayout.
Choose a status from a dropdown with color indicators.
bun add @reopt-ai/opt-uiimport { StatusSelect } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
Explore filtered data with SearchCombobox, StatusSelect, and DataTable inside a group-spaced BlockLayout.
Manage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Browse workflow runs with search and status filters, a DataTable, and tabbed detail dialogs.
Manage global notifications with priority-aware live regions and auto-dismiss paused during pointer or keyboard interaction.
Indicate connected, connecting, disconnected, and error states.
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.