# Team Project Switcher block

> Team and project switcher topbar app shell with indented sidebar route groups and a 3x3 apps menu

Operations admin layout: Transport, Inspection and Recharge mission templates and a 9-row notifications Sheet with approvals and ratings. shadcn Sidebar, Breadcrumb, DropdownMenu, Sheet; ReUI Badge, Rating, Icon Tile. Robotics, IoT 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-23
- 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-23")`
- Built with: Avatar, Badge, Breadcrumb, Button, Button Group, Card, Dropdown Menu, Icon Tile, Progress, Rating, Separator, Sheet, Sidebar, Skeleton, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A top bar of team and project crumb switchers with a New Mission template menu, a 9 app grid and a notifications sheet with approvals

## Agent notes

- Replace `NAV_GROUPS`, `TEAMS`, `PROJECTS`, `APPS`, `NOTIFICATIONS` and `CURRENT_USER` in data.tsx with your own routes, workspaces and feed
- `useWorkspaceSelection` holds the team and project picks, but only the crumbs read them; scope your data and `ContentSkeleton` by them
- The `MISSION_TEMPLATES` items, the notification action buttons and Mark all as read have no handler, and `SettingsMenu` only flips local `ops`

## When not to use

- Organization and environment switchers in the header, plus a live system monitor: use [Environment Switcher](https://web.dev.reui.io/blocks/application/app-shell/app-shell-7.md) (`get_block("app-shell-7")`)
- A Cmd+K search in the header and a footer of links under the page: use [Apps Grid Header](https://web.dev.reui.io/blocks/application/app-shell/app-shell-12.md) (`get_block("app-shell-12")`)

## 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-23
```

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