reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Mission
Core Concepts
Core Concepts
Recipes
Adapters
Build & Operate
Agent Contract
Builder Rollout
Builder Manager
Rollout Playbook
Components · Workspaces
ShellPage
ListWorkspace
DetailWorkspace
EditorWorkspace
DashboardWorkspace
LandingWorkspace
Components · Layout
ShellProvider
ShellAppShell
ShellLandingPage
ShellFullscreenToolSurface
Components · Navigation
ShellCollapsibleNav
ShellNavItem
ShellNavGroup
ShellNavAccordion
Components · Panels
ShellResizableLayout
ShellResizeHandle
ShellBottomBar
ShellFlyoutAside
ShellHeaderStackProvider
Components · Helpers
ShellSection
ShellStateBoundary
ShellSpacing
ShellPolicyToggler
Components · Adapters
ShellDataGridAdapter
ShellEditorAdapter
Oopt-shell
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

© 2026 reopt-ai. All rights reserved.

ShellProvider

harness-layout

하네스 루트 프로바이더. manifest, policy, inspect 상태를 관리하고 테마 CSS 변수를 주입합니다.

ShellProvider Props

Prop타입기본값설명
children*ReactNode—앱 콘텐츠
manifest*ShellManifest—하네스 매니페스트 설정
policyShellPolicy—기본 정책 오버라이드
inspect(snapshot: ShellDevtoolSnapshot) => void—인스펙트 콜백 (opt-devtool 연동)
managerHrefstring—하네스 매니저 UI URL

Import

tsx
import {
  ShellProvider,
  useShell,
  useShellDevtoolController,
} from "@reopt-ai/opt-shell";
PreviousLandingWorkspace문서
LandingWorkspace 페이지로 이동
NextShellAppShell문서