Bottom Bar
ExamplesSticky bottom action bar for bulk actions and commit flows.
Keyword search over 50+ indexed harness patterns for agent integration.
Change the width and theme, then interact with the components.
하네스 패턴 인덱스를 키워드로 검색합니다.
Collection browsing is the primary user action. Scan, filter, and bulk-operate on rows of data.
<ListWorkspace header={...} content={...} />Wraps opt-datagrid with harness chrome (card/plain styling), loading/empty/error states, and inspect snapshots.
<ShellDataGridAdapter rows={rows} columns={columns} getRowId={getRowId} empty={emptyState} status={statusFooter} />Required slot "header" in the list recipe.
<ListWorkspace header={<YourComponent />} />Required slot "content" in the list recipe.
<ListWorkspace content={<YourComponent />} />Optional slot "toolbar" in the list recipe.
<ListWorkspace toolbar={<YourComponent />} />Optional slot "filters" in the list recipe.
<ListWorkspace filters={<YourComponent />} />Optional slot "aside" in the list recipe.
<ListWorkspace aside={<YourComponent />} />Optional slot "footer" in the list recipe.
<ListWorkspace footer={<YourComponent />} />bun add -d @reopt-ai/opt-cliimport { searchShellPatterns } from "@reopt-ai/opt-cli/audit";Sticky bottom action bar for bulk actions and commit flows.
Score harness compliance across layout, recipe, adapter, state, design, scaffold, and a11y categories.
Add uncovered routes to a sample rollout plan and watch coverage, recipe totals, and uncovered paths update together.