reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
Overview161Core55Blocks75Pages31
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

© 2026 reopt-ai. All rights reserved.

Explore/Blocks/ReportBuilder

ReportBuilder

Block

리포트 빌더. 4단계 위저드 (차트 타입 → 데이터 설정 → 스타일 → 미리보기).

analytics
Related docs
npx @reopt-ai/opt-cli surface add report-builder
100%
1
Chart Type
2
Data Config
3
Style
4
Preview

Select Chart Type

Dependencies

corebuttoncoreinput

Related components

DashboardGrid

Composite 기반 통계 카드 그리드. 화살표 키로 2D 탐색.

Analytics

InsightsPanel

이상 탐지 인사이트 패널. severity별 카드, 통계 필터, dismiss 기능, 검출 설정(유형/Z-score/days).

Analytics

TimeRangeSelector

시간 범위 선택기. Popover + DateRangePicker + 프리셋 버튼 조합. 12개 시계열 Surface에서 사용.

Analytics

ExportButton

데이터 내보내기 버튼. CSV/JSON 변환 내장, PDF는 콜백 위임. DropdownMenu 기반.

Analytics

SummaryRow

통계 요약 행. StatCard 그리드 레이아웃을 표준화합니다. loading 시 SkeletonCard 표시.

Analytics

ComparisonSelector

비교 선택기. Select × 2 + Swap 버튼 조합. CohortComparison, FunnelAnalysis 등에서 사용.

Analytics
PreviousWidgetGridNextSegmentBuilder

기본 사용 (3열)

총 매출₩12,450,000↑ +12.5%
주문 수1,234↑ +8.2%
이탈률32.1%↓ -4.3%
전환율2.4%→ 0.0%
활성 사용자5,678↑ +15.3%
평균 세션4m 32s↓ -2.1%

2열 레이아웃

총 매출₩12,450,000↑ +12.5%
주문 수1,234↑ +8.2%
이탈률32.1%↓ -4.3%
전환율2.4%→ 0.0%

기본 사용

Insights

Detection Settings

!!
Unusual spike in page_viewcriticalpage_view

Volume increased 340% compared to the 7-day average.

7d avg: 12,000current: 52,800z-score: 3.4
i
New event detectedinfocheckout_v2

A previously unseen event was recorded for the first time.

!
Conversion rate dropwarningsignup

signup conversion rate decreased by 25% this week.

prev rate: 4.2%current rate: 3.1%

기본 사용

선택: 없음

기본 사용

기본 사용

Total Users12,345↑ +5.2%
Revenue$45.6K↑ +12.1%
Bounce Rate32.1%↓ -2.3%
Sessions8,901→ 0%

duration / percentage 포맷

Avg Duration1.4s↑ +4.2%
Success Rate98.2%↑ +1.1%
Failures12↓ -8.0%

기본 사용

Base
Compare