reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-chat8
Release Soak
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Readinessopt-chat example

Release Soak

Production-readiness fixture for packaging, browser, and streaming release gates.

releasesoakproduction
bun add @reopt-ai/opt-chat

APIs used

ConversationConversationContentConversationMessageMessageMessageContentMessagePartsPromptInputPromptInputTextareaPromptInputFooterPromptInputSubmit

Live preview

Change the width and theme, then interact with the components.

1024px

릴리스 점검 에이전트

release gate · 결정적 fixture
설치 스모크 게이트 실행해줘

패키지 tarball이 소비자 앱에서 루트 import, flow subpath, styles.css를 모두 해석하는지 먼저 확인한다.

매개변수

json
{
  "package": "@reopt-ai/opt-chat",
  "consumers": [
    "next-app",
    "vite-app"
  ],
  "imports": [
    ".",
    "./flow",
    "./styles.css"
  ]
}

결과

json
{
  "status": "passed",
  "checks": [
    "루트 import가 Conversation을 렌더",
    "flow subpath가 optional-peer 안전",
    "프로덕션 빌드가 워크스페이스 의존성 해석"
  ]
}

설치 스모크 통과 — next-app / vite-app 모두 정상입니다. 패키징 게이트를 넘겼어요.

Install and import

Related docsOpen playground

Install

bun add @reopt-ai/opt-chat

Import

import { Conversation, ConversationContent, ConversationMessage, Message, MessageContent, MessageParts, PromptInput, PromptInputTextarea, PromptInputFooter, PromptInputSubmit } from "@reopt-ai/opt-chat";

Related Examples

opt-chat

AI Agent Ops App

Examples

Full agent console with streaming chat, model routing, persistent agent memory, guarded EAV patch application, rollback audit packets, replay export, runnable evals, release gates, source panels, and BrandApp provider wiring.

opt-chat

Agent Workspace

Examples

Inspect a prepared agent report with its plan, patch preview, task queue, and verification output.

opt-chat

Approval Flow

Examples

Try approve, deny, and reset decisions with Confirmation components and simulated tool output.

PreviousAgent Workspace