InsightsPanel

shell

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

컴포넌트 의존 관계

깊이

100%

기본 사용

Insights

Detection Settings

DaysZ-Score

Unusual spike in page_viewcriticalpage_view

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

7d avg: 12,000current: 52,800z-score: 3.4

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%

테스트 커버리지

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

InsightsPanel 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

InsightsPanel Props

Prop	타입	기본값	설명
`insights`*	`InsightItem[]`	—	인사이트 항목 배열
`stats`	`InsightsStat[]`	—	통계 필터 카드 배열 (클릭 가능)
`detectionTypes`	`DetectionTypeDef[]`	—	검출 유형 토글 배열 (volume_anomaly, new_event 등)
`detectionConfig`	`DetectionConfig`	—	검출 파라미터 (days, zScoreThreshold)
`onDetectionConfigChange`	`(config: DetectionConfig) => void`	—	검출 파라미터 변경 핸들러
`onDismiss`	`(id: string) => void`	—	인사이트 dismiss 핸들러

Import

tsx

import { InsightsPanel } from "@reopt-ai/opt-ui";