# Team Presence Workspace block

> Dark inset-sidebar team workspace shell with member presence rail and notifications feed

Dark collapsible-sidebar team shell: presence member rail, notifications feed, command search, AI-credit usage card, workspace switcher. ReUI Frame, Badge; shadcn Sidebar, Avatar, DropdownMenu, Progress. For SaaS dashboards and team apps.

- 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-9
- 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-9")`
- Built with: Avatar, Badge, Breadcrumb, Button, Button Group, Dialog, Dropdown Menu, Frame, Input, Item, Kbd, Popover, Progress, Scroll Area, Separator, Sheet, Sidebar, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A dark inset sidebar with a team presence list, an AI credits meter and notifications, beside a plain breadcrumb header

## Agent notes

- Replace `NAV_MAIN`, `TEAM_MEMBERS`, `WORKSPACES` with `WORKSPACE_LOGOS`, and `NOTIFICATIONS`, plus the 8,240 of 10,000 credits in `PLAN`
- On mobile `useMobileBodyTheme` copies the `SIDEBAR_STYLE` palette and `SIDEBAR_THEME_CLASSES` onto `document.body`, so retheme both together
- Upgrade Plan, Mark all as read, View all notifications, `TEAM_MEMBER_ACTIONS` and each notification action `Button` have no click handler

## When not to use

- The dark team sidebar plus a right panel of mini month, calendar toggles and agenda: use [Team Calendar Panel](https://web.dev.reui.io/blocks/application/app-shell/app-shell-6.md) (`get_block("app-shell-6")`)
- A floating sidebar in your theme, with search up top and a workspace switcher at its foot: use [Floating Sidebar Admin](https://web.dev.reui.io/blocks/application/app-shell/app-shell-2.md) (`get_block("app-shell-2")`)

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

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