# Top Navbar Admin block

> Sidebar-free top nav app shell with an 8-tab segmented view track and a count-badge page header

Robot delivery console: icon sections and view tabs fold into Sections and Workspace views dropdowns on small screens, plus Onboard Robot, New Mission and Open Chat actions. ReUI Badge, Rating; shadcn Tabs, Sheet, DropdownMenu. Top navbar admin.

- 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-30
- MCP: `get_block("app-shell-30")`
- Built with: Avatar, Badge, Button, Button Group, Card, Dialog, Dropdown Menu, Input, Progress, Rating, Separator, Sheet, Skeleton, Tabs, Toggle Group, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A layout with no sidebar, icon section buttons and an Onboard Robot action up top, and 8 view tabs under a title with fleet counts

## Agent notes

- Replace `NAV_SECTIONS`, `WORKSPACE_TABS`, `PAGE_STATS` and `PAGE` in data.tsx with your own sections, views and page counts
- The Onboard Robot, New Mission and Open Chat buttons in `TopBar` and `PageHeader` have no click handlers
- Every `WORKSPACE_TABS` entry renders the same `WorkspaceContent` placeholder, so give each view its own body

## When not to use

- Only the navigation bar is needed, with no page header or view tabs below: use the [Navbar blocks](https://web.dev.reui.io/blocks/application/navbar.md)
- Console routes that need a persistent side rail of grouped links: use [Section Tabs Admin](https://web.dev.reui.io/blocks/application/app-shell/app-shell-28.md) (`get_block("app-shell-28")`)

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

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