One product, the complete stack
UI components, data grids, content editors, AI chat, design governance — everything your product interface needs lives in a single package ecosystem.
Core modules
The core packages that form the foundation of your product interface
opt-ui
UI component library
From accessibility primitives to full page templates. A shared UI system designed as Core → Shells → Surfaces.
opt-charts
Charts and data visualization
Recharts-based charts, heatmaps, funnels, and metric shells provided as a specialist package outside opt-ui.
opt-shell
Runtime frame
The runtime frame that assembles the parts into consistent product screens through workspace recipes, a policy system, and adapters.
opt-editor
AI content editor
Visual WYSIWYG and AI StreamCompiler in dual mode. 15 blocks, NDJSON streaming, and Markdown conversion.
opt-datagrid
Data grid
Keyboard-first editable grid. Built-in virtualization, cell editing, clipboard, and remote sync.
Companion modules
Specialist modules for AI, debugging, and harness governance
opt-chat
AI chat UI
Streaming chat built on the Vercel AI SDK. 28 renderers, voice input, and model routing.
opt-devtool
Inspector overlay
Real-time theme, component tree, and cross-module state visualization. Auto-stripped in production.
opt-cli
The harness
Holds product screens to the harness contract — check, doctor, audit scoring, and the design-system lint rules that keep UI on-spec and AI-buildable as it grows.
Playground
Interactive environments you can experiment with right in the browser
DataGrid Playground
Experiment with data generation, async scenarios, and editing flows.
OpenEditor Playground
Verify block editing, streaming, and AI authoring.
OpenChat Playground
Test AI chat streaming, renderers, and input interfaces.
OpenCalendar Playground
Exercise events, booking, time zones, remote data, and AI draft review.
OpenFile Manager Playground
Validate browsing, uploads, capability constraints, latency, failure, and recovery.
OpenLatest releases
Track recent updates and changes
관측 화면이 필요로 하던 두 가지가 채워집니다. TraceWaterfall은 트레이스의 스팬을 하나의 시간축에 놓되 아무 스팬도 덮지 않는 유휴 구간을 접어, 승인을 2분 기다린 턴에서도 380ms 도구 호출이 점으로 뭉개지지 않게 합니다. TimeSeriesChart는 두 키 사이를 음영으로 칠하는 bands를 받아 p50과 p95의 거리를 그대로 보여 주고, SummaryRow는 카드마다 자기 추이를 그립니다.
세션 리플레이 플레이어를 위한 셸 세 개가 추가됩니다. ReplayScrubber는 활동·대기·누락·로딩 구간과 활동 밀도, 이벤트 마커를 한 플레이헤드 아래 겹쳐 그리고, ReplayTransport는 배속·대기 건너뛰기·전체화면·타임코드를, ReplayPlayerLayout은 리사이즈 인스펙터와 플레이어 범위 단축키를 제공합니다.
CriteriaBuilder가 세그먼트·코호트의 2단계 조건 트리를 문장형으로 편집합니다. 셸이 그룹 AND/OR·순서·부정·오류·추가 메뉴·키보드를 맡고, 조건 데이터와 문장은 소비자가 Expression 칩으로 그립니다. VennDiagram은 2~3개 집합의 겹침을 면적 비례 원으로 보여 줍니다.
PathFlowChart로 사용자 여정을 단계별 그리드와 생키로 그립니다. 단계마다 상위 항목·기타·이탈·계속 행을 두고, 호버는 대표 경로만 밝히며, 클릭으로 고정합니다. FunnelChart는 목록·세로 막대·가로 막대 변형을 얻었습니다.
SQL 쿼리 워크스페이스를 완성형 셸 묶음으로 추가했습니다. 스키마 트리, 상태를 말하는 실행 툴바, 표·차트·분할 출력 패널, {filters}·{variables} 메뉴, 실행 이력, 저장 다이얼로그가 서로 조합됩니다.