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/셸/AuditTimeline

AuditTimeline

셸

변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰.

workflow
관련 문서
npx @reopt-ai/opt-cli surface add audit-timeline
100%
생성2026-02-23 10:30Alice

프로젝트 Alpha를 생성했습니다

수정2026-02-23 11:15Bob

배포 설정을 변경했습니다

삭제2026-02-23 14:00Charlie

old-backup 스냅샷을 삭제했습니다

컴포넌트 의존 관계

깊이
▼ USES (3)AuditTimelinebadgebuttonempty-state

테스트 커버리지

2026년 7월 9일9/9 통과
9성공
0실패
9전체
  • 모든 엔트리를 타임라인에 렌더링한다
  • 액션 타입별 Badge를 표시한다
  • actor와 timestamp를 표시한다
  • changes가 있는 엔트리에 상세 보기 버튼을 표시한다
  • 상세 보기 클릭 시 diff 테이블을 표시한다
  • 빈 entries일 때 EmptyState를 렌더링한다
  • onEntryClick 콜백을 호출한다
  • 클릭 가능한 엔트리 안에 상세 보기 버튼을 중첩하지 않는다
  • 커스텀 labels를 적용한다

관련 컴포넌트

DeploymentTimeline

배포 단계 타임라인. Composite 기반 키보드 탐색 지원.

워크플로우

TaskList

작업 목록 관리 컴포넌트. 우선순위, 상태, 담당자, 태그, 하위 작업 지원.

워크플로우

ActivityFeed

활동 피드/로그 컴포넌트. 타임라인 스타일, 상대 시간 표시.

워크플로우

WorkflowCanvas

워크플로우 캔버스. 그리드 셀 기반 스텝 배치, SVG 연결선, 키보드 이동을 지원합니다.

워크플로우

FeatureFlagPanel

피처 플래그 관리 패널. 플래그 토글 + 환경 배지 + 롤아웃 % 조절.

워크플로우

AuditLog

감사 로그 타임라인. 아바타 + 액션 텍스트 + 메타데이터 배지 레이아웃.

워크플로우
이전AuditLog다음ChatSidebar

기본 사용

배포 진행 상황

완료된 배포

Production 배포

기본 사용

작업 목록

1/3 완료

완료 토글 가능

작업 목록

1/3 완료

하위 작업 표시

작업 목록

1/3 완료