reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-shell14
Fullscreen Review
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Reviewopt-shell example

Fullscreen Review

Dedicated review surface that keeps approval work outside recipe screens.

fullscreenreviewapproval
bun add @reopt-ai/opt-shell @reopt-ai/opt-editor @reopt-ai/opt-ui

APIs used

ShellProviderShellFullscreenToolSurface

Live preview

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

1024px
Fullscreen review

Review Surface

A dedicated approval view keeps proof, comments, and final decisions separate from the drafting workspace.

PASS proof alignedEditor adapter

Narrative proof view

Customer Expansion Memo

This draft packages the proof, narrative, and rollout context for the Apollo Ledger expansion committee.

Priority: keep the narrative aligned with the fresh PASS proof and the latest ROI evidence.

What changed since the last review

The candidate app frame now uses the compact records workspace with a card-chrome grid, reducing scan time for renewal operators while keeping the existing data model intact.

Reviewers only need one pass: confirm the PASS proof hash, validate the ROI summary, and approve the rollout note for the commercial committee.

Approval checklist

Evidence packet uses the latest proof hash.

Commercial ROI summary matches the finance review.

Reviewer comments are narrowed to one narrative note.

Surface rationale

The fullscreen tool surface is intentionally outside the recipe screens so approval conversations are not constrained by list or detail layouts.

That separation is the key reason this example needs to exist beyond Builder Preview.

Decision window closes at 11:30 KST.

Install and import

Related docs

Install

bun add @reopt-ai/opt-shell @reopt-ai/opt-editor @reopt-ai/opt-ui

Import

import { ShellProvider, ShellFullscreenToolSurface } from "@reopt-ai/opt-shell";

Related Examples

opt-shell

Bottom Bar

Examples

Sticky bottom action bar for bulk actions and commit flows.

opt-shell

Completeness Score

Examples

Score harness compliance across layout, recipe, adapter, state, design, scaffold, and a11y categories.

opt-shell

Coverage Report

Examples

Add uncovered routes to a sample rollout plan and watch coverage, recipe totals, and uncovered paths update together.

PreviousEditor AdapterNextCompleteness Score