# Mission Control block

> Mission control app shell with icon rail, 4-tab missions panel and expandable robot event feeds

Delivery robot dispatch console: per-mission tick chart, run stats, collapsible Scheduled, Active, Paused and Failed sections, and a header search that filters robots. ReUI Frame, Badge; shadcn Sidebar, Tabs, InputGroup. Fleet ops, logistics.

- 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-25
- 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-25")`
- Built with: Avatar, Badge, Button, Card, Dropdown Menu, Empty, Frame, Input Group, Separator, Sheet, Sidebar, Skeleton, Tabs, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A 436px missions panel by an icon rail, where the header robot search filters the assignment rows under a tick per mission chart

## Agent notes

- Replace `ASSIGNMENTS`, `SCHEDULED_RUNS`, `RUN_STATS` and `OPERATORS` in data.tsx with your own robots, runs and operators
- `MISSION_MIX` hardcodes the Scheduled, Paused and Failed counts while Active is `ASSIGNMENTS.length`; Paused and Failed open to one line of text
- The search `scope` and the rail `activeNav` change no data, and only the Robots tab has content; the other `PANEL_TABS` show `PANEL_EMPTY`

## When not to use

- A second column whose links change with each rail section, plus a view toolbar: use [View Toolbar Workspace](https://web.dev.reui.io/blocks/application/app-shell/app-shell-14.md) (`get_block("app-shell-14")`)

## Third-party libraries

- next-themes: [API reference](https://github.com/pacocoursey/next-themes#api), [docs](https://github.com/pacocoursey/next-themes)

## Install

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

## 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.