brandapp-ui
BrandApp Control Center
brandapp-ui - Control
createReoptEavClientcreateReoptTermsClient
Full chat surface wiring brandapp-sdk AI provider to opt-chat Conversation + PromptInput with streaming.
Reopt AI Chat
brandapp-sdk × opt-chat
안녕하세요! Reopt AI 크레딧으로 구동되는 채팅입니다. 프롬프트를 입력하면 BrandApp 기본 모델이 스트리밍으로 응답합니다.
Server route (required)
Surface는 DefaultChatTransport로 아래 라우트를 호출합니다.@reopt-ai/brandapp-sdk/ai-provider가 BrandApp AI 크레딧을 Vercel AI SDK streamText에 연결합니다.
// app/api/chat/route.ts
import { createBrandappProvider } from "@reopt-ai/brandapp-sdk/ai-provider";
import {
convertToModelMessages,
createUIMessageStreamResponse,
streamText,
toUIMessageStream,
} from "ai";
const brandapp = createBrandappProvider({
clientId: process.env.BRANDAPP_CLIENT_ID!,
clientSecret: process.env.BRANDAPP_CLIENT_SECRET!,
brandappId: process.env.BRANDAPP_ID!,
});
export async function POST(req: Request) {
const { messages } = await req.json();
const result = streamText({
model: brandapp("anthropic/claude-haiku-4.5"),
messages: await convertToModelMessages(messages),
});
return createUIMessageStreamResponse({
stream: toUIMessageStream({ stream: result.stream }),
});
}useChatSession({transport})로 SSE 스트림을 그대로 렌더링합니다.