AcquisitionAnalysis
BlocksAnalyze acquisition across Overview, Channels, and Campaigns tabs with metrics, trends, and tables.
Overlay a loading state with one aria-busy live region and no duplicate status announcements.
bun add @reopt-ai/opt-uiimport { LoadingOverlay } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
이 영역 위에 로딩 오버레이가 표시됩니다.
Analyze acquisition across Overview, Channels, and Campaigns tabs with metrics, trends, and tables.
Manage alerts with a DataTable and AlertBuilder.
Build an analytics dashboard with metric cards, line charts, and bar charts.
Compose a billing overview from StatCard, BarChart, and DataTable.
Explore Trend, Distribution, Composition, and Data tabs with multiple charts and a DataTable.
Compose an AI assistant screen with ChatSidebar, ChatMessageList, and ChatInput.
Compare up to five cohorts across four tabs with comparison charts, retention heatmaps, and tables.
Arrange custom dashboard widgets with WidgetGrid, ReportBuilder, ReportWidget, and FilterBar.
Explore filtered data with SearchCombobox, StatusSelect, and DataTable inside a group-spaced BlockLayout.
Debug E2E tests with a test-list sidebar and tabs for video, screenshots, network, console, and traces.
Manage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Define funnel steps and compare conversion, breakdowns, and trends with charts and tables.
Run anomaly detection and review insights with time filters, errors, dismissed items, and configurable detection methods.
Build a project overview with DashboardGrid, DeploymentTimeline, and EnvPanel.
Summarize a project with metrics, navigation cards, charts, tables, code snippets, and dashboard management.
Manage project settings, retention policies, cleanup previews, and storage usage with forms, tables, and code snippets.
Monitor live activity with connection status, metric cards, and an activity feed.
Explore cohort retention in a Surface built around RetentionHeatmap.
Manage segments with a DataTable and SegmentBuilder.
Arrange settings navigation beside a caller-provided content slot.
Compose a SQL editing screen from SqlEditor and QueryResultsTable.
Manage tasks with activity, team members, quick actions, and filters.
Analyze test quality with summary cards and six tabs covering overview, stability, failures, flaky tests, performance, and advanced metrics.
Build user profiles with avatars, metrics, gauges, progress indicators, tables, and filters.
Explore user records with a DataTable and FilterBar.
Review screenshot regressions and approvals with a three-column snapshot list and image-diff viewer.
Indicate loading in three sizes, with an aria-hidden mode for decorative use.
Show info, success, warning, or error messages with a title, body, and dismiss button.
Display keyboard shortcuts as inline key badges.
Show a metric with its value, change, and supporting description. Omit the change row when no comparison is available.
Navigate child elements in two dimensions with arrow keys using a Composite container.
Organize tab panels with Root, TabList, Tab, and TabPanel components.