reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-chat8
Agent Workspace
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.

Agentopt-chat example

Agent Workspace

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

agentartifactqueue
bun add @reopt-ai/opt-chat

APIs used

AgentQueueArtifactCodeBlockTerminalTestResults

Live preview

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

1024px

Release Investigator

gpt-5.4 · 4 도구 연결됨

롤아웃 이후 회귀를 조사하고, 제안 패치와 검증 결과를 함께 정리했어요.

Release Investigatorgpt-5.4

롤아웃 이후 billing, cache, relay 경로를 우선 조사합니다.

지침
에러율, latency, 실패한 작업을 묶어 root cause 후보를 좁히고 필요한 패치를 제안합니다.
{
  "query": "string",
  "since": "1h"
}
{
  "branch": "string"
}
출력
billing-sync 지연 회귀를 찾았고, 재시도 backoff 패치를 생성했어요.
지연 diff 분석
실패 경로 격리
billing 재시도 backoff 패치
릴리스 스모크 재실행

release-summary-card.tsx

생성된 패치 미리보기

tsx
export function ReleaseSummaryCard() {
  return (
    <section className="rounded-2xl border p-5 shadow-sm">
      <h2 className="text-lg font-semibold">Release Summary</h2>
      <p className="mt-2 text-sm text-muted-foreground">
        Billing sync latency increased after the latest rollout.
      </p>
    </section>
  );
}
Terminal
$ bun run typecheck Typecheck passed. $ bun run lint 0 errors, 44 warnings (existing).
테스트 결과
45ms2 통과1 건너뜀
release summary renders18ms
billing sync retry guard27ms
release smoke: webhook relay

Install and import

Related docsOpen playground

Install

bun add @reopt-ai/opt-chat

Import

import { Agent, Queue, Artifact, CodeBlock, Terminal, TestResults } 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

eve Agent Session

Examples

Deterministic eve session replay rendered from native EveMessage parts: reasoning, an expandable subagent, a skill, a question with options and free text, publish approval or rejection, a device-code sign-in, and stream errors with remedies.

opt-chat

Execution Replay

Examples

Deterministic AI SDK replay with plans, approvals, preliminary output, terminal snapshots, questionnaires, feedback, and transcript checkpoints.

PreviousApproval FlowNextRelease Soak