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/Pages/ProjectDashboard

ProjectDashboard

Page

Vercel 스타일 프로젝트 개요 영역. DashboardGrid + DeploymentTimeline + EnvPanel 조합.

Related docs
npx @reopt-ai/opt-cli surface add project-dashboard
100%

기본 사용

my-awesome-app

Next.js 애플리케이션

프로젝트 통계

총 배포1,234↑ +12.5%
에러율0.23%↓ -5.2%
평균 지연시간45ms→ +2ms
가동 시간99.9%↑ +0.1%

최근 배포

환경 변수

Dependencies

shellsdashboard-gridshellsdeployment-timelineshellsenv-panelcoreloading-overlay

Related components

EnvPanel

환경변수 패널. Disclosure로 환경별 그룹 접기/펼치기, Composite로 변수 탐색.

Display

SettingsPanel

설정 페이지의 사이드바 + 콘텐츠 레이아웃. SidebarNav + children 슬롯 조합.

ProjectSettings

프로젝트 설정 Surface. SettingsForm + DataTable + CodeSnippetViewer + Retention Policy + Cleanup Preview + Storage Usage 조합.

Display

CustomDashboard

커스텀 대시보드 Surface. WidgetGrid + ReportBuilder + ReportWidget + FilterBar 조합.

Display

DebugWorkspace

E2E 테스트 디버깅 워크스페이스. 2-pane 레이아웃 — 사이드바 테스트 목록 + 탭 콘텐츠 뷰어 (Video/Screenshots/Network/Console/Trace).

Display

VisualDiffManager

스크린샷 비주얼 리그레션 관리 + 승인 워크플로우. 3-column 레이아웃 — 스냅샷 리스트 + 이미지 diff 뷰어.

Display
PreviousDataExplorerNextSettingsPanel

기본 사용

기본 사용

프로젝트 설정

일반 설정

프로젝트의 기본 정보를 관리합니다.

프로젝트 정보

위험 구역

프로젝트 삭제

이 작업은 되돌릴 수 없습니다.

기본 사용

Project Settings

Project Settings

API Keys

Data Table

NameAPI KeyCreated
Productionpk_live_abc123...2024-01-15
Developmentpk_test_xyz789...2024-02-01

SDK Integration

Installation
1npm install @reopt-ai/sdk\n\nimport { init } from '@reopt-ai/sdk';\ninit({ apiKey: 'pk_live_abc123' });

기본 사용

Dashboard

Filters
Dashboard

Total Revenue

$124,500↑+12%

Active Users

8,432↑+5%

Weekly Trend

Loading chart...

Top Events

Loading chart...

기본 사용

Debug Workspace

Auth
E2E
Settings
5 tests

No test selected

Select a test from the sidebar to view details.

기본 사용

Visual Regression

Total5→
Match1↑
Diff2↓
New1→
Select all

No snapshot selected

Select a snapshot from the list to view the diff.