# Operations Workbench block

> Operations sidebar app shell with four toggleable regions and a resizable bottom workbench sheet

Dense operations console: collapsible nav, resizable split panes, an expandable bottom workbench sheet, and a right calendar and agenda rail. ReUI Badge, Frame, Rating with shadcn Sidebar, Resizable, Tabs, Calendar. Admin shell, SaaS dashboard.

- Type: Pro block
- Category: [App Shell](https://web.dev.reui.io/blocks/application/app-shell.md)
- Page: https://web.dev.reui.io/blocks/application/app-shell/app-shell-11
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/sidebar.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/sidebar.md
- MCP: `get_block("app-shell-11")`
- Built with: Avatar, Badge, Breadcrumb, Button, Button Group, Calendar, Checkbox, Collapsible, Dialog, Dropdown Menu, Frame, Input, Item, Kbd, Popover, Progress, Rating, Resizable, Scroll Area, Separator, Sheet, Sidebar, Tabs, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A record workspace whose button group toggles 4 regions, with resizable panes and a bottom workbench of Webhooks, Logs and Health tabs

## Agent notes

- Mount your views in place of `MainContentPlaceholder`, `DetailSidebarPlaceholder` and `WorkbenchTabContent`, which draw dashed shapes for every tab
- Swap the Claude, Vercel and Codex brands in `WORKSPACES` and the `CodexLight` and `CodexWordmarkLight` topbar marks for your own
- Add note, Help, Ask ReUI, New Event and the `WorkbenchUtilityActions` and `DetailSidebarActions` menu items have no click handler

## When not to use

- A team presence sidebar beside a calendar context panel, with no split panes: use [Team Calendar Panel](https://web.dev.reui.io/blocks/application/app-shell/app-shell-6.md) (`get_block("app-shell-6")`)
- Draggable split panes alone, inside a page layout you already have: use [Resizable](https://web.dev.reui.io/components/resizable.md) (`get_component("resizable")`)

## Third-party libraries

- React DayPicker v9: [API reference](https://daypicker.dev/v9/api), [docs](https://daypicker.dev/v9/start)
- next-themes: [API reference](https://github.com/pacocoursey/next-themes#api), [docs](https://github.com/pacocoursey/next-themes)
- React Resizable Panels v4: [API reference](https://github.com/bvaughn/react-resizable-panels#documentation), [docs](https://react-resizable-panels.vercel.app/), through shadcn Resizable (v4 names its parts Group, Panel and Separator (v3 docs say PanelGroup))

## Install

```bash
npx shadcn@latest add @reui/app-shell-11
```

## About App Shell blocks

### When to use

- The outer layout of a multi page product: the navigation around its content area
- Dashboards and admin consoles that switch between workspaces or projects

### When not to use

- One overview page of stats, charts and tables inside your own layout: use the [Dashboard blocks](https://web.dev.reui.io/blocks/application/dashboard.md)
- A top bar on its own, above a page layout you already have: use the [Navbar blocks](https://web.dev.reui.io/blocks/application/navbar.md)

### Agent notes

- Shells that switch themes call `useTheme` from next-themes, so the app must mount the next-themes ThemeProvider

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.