reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

© 2026 reopt-ai. All rights reserved.

Explore/opt-chat/Release Soak
Readinessopt-chat 예제

Release Soak

install smoke, browser matrix, streaming soak를 하나의 결정적 fixture로 묶어 릴리즈 직전 검증 흐름을 보여줍니다.

Production-readiness fixture for packaging, browser, and streaming release gates.

releasesoakproduction
bun add @reopt-ai/opt-chat
ConversationConversationContentMessageMessageContentMessagePartsPromptInputPromptInputTextareaPromptInputFooterPromptInputSubmit
1024px
Release Soak
Install smoke · fresh app import/render/build

릴리즈 후보 스모크 결과 요약

패키지 tarball이 소비자 앱에서 루트 import, flow subpath, styles.css를 모두 해석하는지 먼저 확인한다.

매개변수

json
{
  "package": "@reopt-ai/opt-chat",
  "consumers": [
    "next-app",
    "vite-app"
  ],
  "imports": [
    ".",
    "./flow",
    "./styles.css"
  ]
}

결과

json
{
  "status": "passed",
  "checks": [
    "root import renders Conversation",
    "flow subpath stays optional-peer safe",
    "production build resolves workspace dependency ranges"
  ]
}

Install smoke가 통과하면 packaging 축은 release gate를 통과합니다.

deterministic smoke fixture

관련 예제

Ops Agentsonnet

3 tools active

AgentOps is connected to BrandApp AI, EAV records, deployment notes, and the approval queue. Pick a runbook or ask for a status sweep.

What is blocking the spring launches right now?

Three launches are blocked: two are waiting on legal copy and one is missing a BrandApp EAV segment mapping. Owners are assigned on all three. I drafted a guarded patch you can review in the Approval gate before any EAV write runs.

audit export readyeval readyrelease blocked
Appopt-chat

AI Agent Ops App

opt-chat의 Conversation, Agent, Tool, Queue, Context, Sources를 묶고 agent memory, approval-gated EAV patch, rollback audit, replay audit export, eval suite, release gate, brandapp-sdk AI route를 전제로 한 운영 에이전트 앱입니다.

appagenttoolauditevals+2
ConversationPromptInputAgentTool+5
열기
Agent Surface
Agent, Queue, Artifact, Terminal, TestResults in one workspace

회귀 분석을 마친 뒤 코드 패치와 검증 결과를 함께 보여주는 agent workspace 예제입니다.

Release Investigatorgpt-5.4

rollout 이후 billing, cache, relay 경로를 우선 조사합니다.

지침
에러율, latency, failed jobs를 묶어서 root cause 후보를 좁히고 필요한 패치를 제안합니다.
{
  "query": "string",
  "since": "1h"
}
{
  "branch": "string"
}
출력
billing-sync latency regression identified. queue drain patch generated.
Latency diff analysed
Failing routes isolated
Patch billing retry backoff
Re-run release smoke tests

release-summary-card.tsx

Generated patch preview

tsx
export function ReleaseSummaryCard() {
  return (
    <section className="rounded-2xl border p-5 shadow-sm">
      <h2 className="text-lg font-semibold">Release Summary</h2>
      <p className="mt-2 text-sm text-muted-foreground">
        Billing sync latency increased after the latest rollout.
      </p>
    </section>
  );
}
Agentopt-chat

Agent Workspace

Agent, Queue, Artifact, Terminal, TestResults를 묶어 multi-step agent run surface를 구성하는 예제입니다.

agentartifactqueue
AgentQueueArtifactCodeBlock+2
열기
Approval UX
Confirmation compound around a risky tool call

프로덕션 마이그레이션을 실행하려고 합니다. 실행 전에 사용자의 명시적 승인을 요청합니다.

매개변수

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

`run_migration` 도구를 실행할까요?

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

승인 대기 중입니다. 이 상태에서 기본 승인/거부 버튼을 그대로 사용할 수 있습니다.
Approvalopt-chat

Approval Flow

Confirmation compound로 위험한 도구 호출의 승인 대기, 승인 완료, 거부 상태를 UX로 나눈 예제입니다.

confirmationtoolworkflow
ConfirmationConfirmationActionsConfirmationRequestConfirmationAccepted+6
열기
이전Agent Workspace