BrandApp Control Center
ExamplesSDK control center showing server-side verifier checks, auth health, secret rotation, EAV schema remediation, AI credit guardrails, webhook replay, terms publication, and lazy server-client boundaries.
A local chat simulation built with opt-chat components: seeded streaming replies, stop controls, model selection, and suggestions. No model requests or credits are used; a separate snippet shows copied Surface integration.
Change the width and theme, then interact with the components.
Reopt AI Chat
brandapp-sdk × opt-chat
안녕하세요! 로컬 응답으로 채팅 흐름을 확인하는 데모입니다. 프롬프트를 입력하면 준비된 예제 응답을 스트리밍하며 실제 AI 호출이나 크레딧 차감은 없습니다.
Consumer usage
이 미리보기는 opt-chat 컴포넌트로 구성한 로컬 시뮬레이션입니다. 아래 코드는 opt block add reopt-ai-chat로 복사한 실제 Surface의 연결 예제입니다. 서버 라우트에서 사용자 접근 권한을 확인하고 machine credential로 AI SDK provider를 구성하세요. 로그인용 clientSecret은 데이터·AI 서버 호출에 사용하지 않습니다.
"use client";
import { ReoptAiChat } from "@/components/surfaces/reopt-ai-chat";
export function Chat() {
return <ReoptAiChat
chatEndpoint="/api/chat"
modelsEndpoint="/api/ai/models"
creditsEndpoint="/api/ai/credits"
suggestions={["이번 주 신규 가입 고객을 요약해줘"]}
/>;
}useChatSession({transport})로 SSE 스트림을 그대로 렌더링합니다.opt block add reopt-ai-chatimport { ReoptAiChat } from "@/components/surfaces/reopt-ai-chat";SDK control center showing server-side verifier checks, auth health, secret rotation, EAV schema remediation, AI credit guardrails, webhook replay, terms publication, and lazy server-client boundaries.
The shipped ReoptAiImageStudio Surface with a local fetcher: create SVG fixtures, inspect history, simulate credit errors, and retry without making AI requests.
The shipped ReoptRecordTable Surface with local EAV-shaped responses, inferred columns, attribute labels, server pagination, row selection, and empty/error recovery. Production SDK calls use authorized server-side machine credentials.