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.
The shipped ReoptAiImageStudio Surface with a local fetcher: create SVG fixtures, inspect history, simulate credit errors, and retry without making AI requests.
Change the width and theme, then interact with the components.
The shipped Surface handles generation, history, and errors. A local fetcher returns SVG fixtures; no AI credits are spent.
Reopt AI Image Studio
Local response preview — no network requests
프롬프트를 입력하고 이미지 생성 버튼을 눌러주세요.
Enter a prompt to create a preview, then test a failed request and retry.
Consumer usage
opt block add reopt-ai-image-studio로 복사한 뒤 실제 앱의 인증된 생성 라우트를 연결합니다. 서버에서는 사용자 접근 권한과 입력을 검증하고 machine credential로 SDK를 호출합니다.
"use client";
import { ReoptAiImageStudio } from "@/components/surfaces/reopt-ai-image-studio";
export function ImageStudio() {
return <ReoptAiImageStudio
generateEndpoint="/api/brandapp-image"
modelsEndpoint="/api/brandapp-image/models"
/>;
}generateImage가 반환한 URL을 렌더합니다.opt block add reopt-ai-image-studioimport { ReoptAiImageStudio } from "@/components/surfaces/reopt-ai-image-studio";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.
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.
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.