Starteropt-chat example

Starter Conversation

Send messages through a local chat loop with prepared replies and turn-anchored scrolling; no AI request is made.

conversationprompt-inputscroll-anchorcore

bun add @reopt-ai/opt-chat

APIs used

ConversationConversationContentConversationMessageConversationScrollButtonMessageMessageContentMessageResponsePromptInputPromptInputTextareaPromptInputFooterPromptInputSubmit

Live preview

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

1024px

reopt 도우미

온라인 · 보통 1분 내 응답

안녕하세요! reopt 도우미예요. 결제, 배포, 팀 설정 중 무엇을 도와드릴까요?

결제 영수증은 어디서 받나요?

설정 → 청구 → 결제 내역에서 각 결제 항목의 영수증 다운로드 버튼으로 PDF를 받을 수 있어요. 사업자 정보가 필요하면 청구 설정에서 먼저 등록해 주세요.

Install and import

Related docs Open playground

Install

bun add @reopt-ai/opt-chat

Import

import { Conversation, ConversationContent, ConversationMessage, ConversationScrollButton, Message, MessageContent, MessageResponse, PromptInput, PromptInputTextarea, PromptInputFooter, PromptInputSubmit } 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.

Agent Workspace

Examples

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

Starteropt-chat example

Starter Conversation

Send messages through a local chat loop with prepared replies and turn-anchored scrolling; no AI request is made.

conversationprompt-inputscroll-anchorcore

bun add @reopt-ai/opt-chat

APIs used

ConversationConversationContentConversationMessageConversationScrollButtonMessageMessageContentMessageResponsePromptInputPromptInputTextareaPromptInputFooterPromptInputSubmit

Live preview

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

1024px

reopt 도우미

온라인 · 보통 1분 내 응답

안녕하세요! reopt 도우미예요. 결제, 배포, 팀 설정 중 무엇을 도와드릴까요?

결제 영수증은 어디서 받나요?

설정 → 청구 → 결제 내역에서 각 결제 항목의 영수증 다운로드 버튼으로 PDF를 받을 수 있어요. 사업자 정보가 필요하면 청구 설정에서 먼저 등록해 주세요.

Install and import

Related docs Open playground

Install

bun add @reopt-ai/opt-chat

Import

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