FailureList
shell실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다.
컴포넌트 의존 관계
기본 사용
최근 실패
Connection timed out after 30s — host db-primary.internal:5432
HTTP 500 — /api/v2/users endpoint
Memory usage at 92% — container worker-03
OAuth refresh token expired for integration slack-bot
그룹핑
최근 실패
Connection timed out after 30s — host db-primary.internal:5432
Memory usage at 92% — container worker-03
HTTP 500 — /api/v2/users endpoint
OAuth refresh token expired for integration slack-bot
최대 표시 제한
최근 실패
Connection timed out after 30s — host db-primary.internal:5432
HTTP 500 — /api/v2/users endpoint
Memory usage at 92% — container worker-03
클릭 + 액션 슬롯
최근 실패
Connection timed out after 30s — host db-primary.internal:5432
HTTP 500 — /api/v2/users endpoint
Memory usage at 92% — container worker-03
OAuth refresh token expired for integration slack-bot
빈 상태
최근 실패
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
FailureList 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
FailureList Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
failures* | FailureItem[] | — | 실패 항목 배열. { id, title, message?, severity, timestamp, group? } |
title | string | "최근 실패" | 섹션 제목 |
maxItems | number | — | 최대 표시 개수 |
grouped | boolean | false | group 필드 기준으로 그룹핑 표시 |
onFailureClick | (failure: FailureItem) => void | — | 실패 항목 클릭 핸들러 |
renderActions | (failure: FailureItem) => ReactNode | — | 각 항목 우측 액션 슬롯 렌더 함수 |
Import
import { FailureList } from "@reopt-ai/opt-ui";키보드 동작
| 키 | 동작 |
|---|---|
| ↑ ↓ | 실패 항목 간 이동 |
| Enter | 실패 항목 선택 |