reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/셸/InsightsPanel

InsightsPanel

셸

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

analytics
관련 문서
npx @reopt-ai/opt-cli surface add insights-panel
100%

기본 사용

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%

컴포넌트 의존 관계

깊이
▲ USED BY (1)▼ USES (3)insights-dashboardInsightsPanelbuttonstat-cardbadge

테스트 커버리지

2026년 7월 9일7/7 통과
7성공
0실패
7전체
  • 렌더링된다
  • empty state를 표시한다
  • insight cards를 표시한다
  • stats를 표시한다
  • detectionTypes를 표시한다
  • detectionConfig inputs를 표시한다
  • header/actions 슬롯을 표시한다

관련 컴포넌트

DashboardGrid

Composite 기반 통계 카드 그리드. 유효한 1–4열 레이아웃과 화살표 키 2D 탐색을 지원합니다.

분석

ReportBuilder

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

분석

TimeRangeSelector

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

분석

ExportButton

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

분석

SummaryRow

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

분석

ComparisonSelector

비교 선택기. 고유 레이블이 연결된 Select × 2 + Swap 버튼 조합. CohortComparison, FunnelAnalysis 등에서 사용합니다.

분석
이전SegmentBuilder다음TimeRangeSelector

기본 사용 (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%
  1. 1
    Chart Type
  2. 2
    Data Config
  3. 3
    Style
  4. 4
    Preview

Select Chart Type