Approvalopt-chat example

Approval Flow

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

confirmationtoolworkflow

bun add @reopt-ai/opt-chat

APIs used

ConfirmationConfirmationActionsConfirmationRequestConfirmationAcceptedConfirmationRejectedToolToolHeaderToolContentToolInputToolOutput

Live preview

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

1024px

배포 에이전트

프로덕션 워크스페이스

프로덕션 데이터베이스 마이그레이션을 실행하려고 합니다. 되돌릴 수 없는 작업이라 실행 전 승인을 요청드려요.

매개변수

json

{
  "target": "production",
  "migration": "20260410_add_release_flags",
  "dryRun": false
}

run_migration 을 실행할까요?

대상은 production 데이터베이스이며, 롤백 플랜 없이 바로 실행됩니다.

Install and import

Related docs Open playground

Install

bun add @reopt-ai/opt-chat

Import

import { Confirmation, ConfirmationActions, ConfirmationRequest, ConfirmationAccepted, ConfirmationRejected, Tool, ToolHeader, ToolContent, ToolInput, ToolOutput } from "@reopt-ai/opt-chat";

Related Examples

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.

Execution Replay

Examples

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

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.

Approvalopt-chat example

Approval Flow

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

confirmationtoolworkflow

bun add @reopt-ai/opt-chat

APIs used

ConfirmationConfirmationActionsConfirmationRequestConfirmationAcceptedConfirmationRejectedToolToolHeaderToolContentToolInputToolOutput

Live preview

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

1024px

배포 에이전트

프로덕션 워크스페이스

프로덕션 데이터베이스 마이그레이션을 실행하려고 합니다. 되돌릴 수 없는 작업이라 실행 전 승인을 요청드려요.

매개변수

json

{
  "target": "production",
  "migration": "20260410_add_release_flags",
  "dryRun": false
}

run_migration 을 실행할까요?

대상은 production 데이터베이스이며, 롤백 플랜 없이 바로 실행됩니다.

Install and import

Related docs Open playground

Install

bun add @reopt-ai/opt-chat

Import

import { Confirmation, ConfirmationActions, ConfirmationRequest, ConfirmationAccepted, ConfirmationRejected, Tool, ToolHeader, ToolContent, ToolInput, ToolOutput } from "@reopt-ai/opt-chat";