ShellEditorAdapter

harness-adapter

Editor 어댑터. opt-editor를 하네스 크롬(title, toolbar, inspector, state boundary)으로 감쌉니다.

Prop	타입	기본값	설명
`title`	`ReactNode`	—	에디터 제목
`description`	`ReactNode`	—	에디터 설명
`toolbar`	`ReactNode`	—	상단 툴바
`status`	`ReactNode`	—	상태 표시기
`inspector`	`ReactNode`	—	사이드 인스펙터 패널
`footer`	`ReactNode`	—	하단 푸터
`loading`	`boolean`	—	로딩 상태
`isEmpty`	`boolean`	—	빈 콘텐츠 플래그 (기본 false)
`empty`	`ShellEmptyState \| string \| null`	—	빈 상태 설정
`error`	`Error \| ShellErrorState \| string \| null`	—	에러 상태 설정

tsx

import { ShellEditorAdapter } from "@reopt-ai/opt-shell";

harness-adapter

Editor 어댑터. opt-editor를 하네스 크롬(title, toolbar, inspector, state boundary)으로 감쌉니다.

Prop	타입	기본값	설명
`title`	`ReactNode`	—	에디터 제목
`description`	`ReactNode`	—	에디터 설명
`toolbar`	`ReactNode`	—	상단 툴바
`status`	`ReactNode`	—	상태 표시기
`inspector`	`ReactNode`	—	사이드 인스펙터 패널
`footer`	`ReactNode`	—	하단 푸터
`loading`	`boolean`	—	로딩 상태
`isEmpty`	`boolean`	—	빈 콘텐츠 플래그 (기본 false)
`empty`	`ShellEmptyState \| string \| null`	—	빈 상태 설정
`error`	`Error \| ShellErrorState \| string \| null`	—	에러 상태 설정

tsx

import { ShellEditorAdapter } from "@reopt-ai/opt-shell";