# Admin Permissions block

> Admin settings page with line tabs spanning profile, members, permissions, and integrations

Tabbed workspace admin settings: profile form, member DataGrid with row actions, permission checkbox matrix, notification and integration toggles. Account settings, team admin, access control. ReUI DataGrid, Badge, Alert, shadcn Tabs, Switch, Card.

- Type: Pro block
- Category: [Profile](https://web.dev.reui.io/blocks/application/profile.md)
- Page: https://web.dev.reui.io/blocks/application/profile/profile-2
- MCP: `get_block("profile-2")`
- Built with: Alert, Alert Dialog, Avatar, Badge, Button, Card, Checkbox, Combobox, Data Grid, Dropdown Menu, Field, Input, Input Group, Item, Label, Phone Input, Popover, Select, Separator, Switch, Table, Tabs, Textarea, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A 6 section line tab strip with an Owner, Admin and Editor permission matrix and integration rows with status badges and menus

## Agent notes

- Replace the sample `MEMBER_REVIEW_ITEMS`, `PERMISSION_MATRIX_GROUPS`, `CONNECTED_INTEGRATIONS` and `AUTOMATION_INTEGRATIONS` arrays
- Cancel and Update in `Profile` only raise toasts, and the checkboxes in `PermissionMatrixRow` are uncontrolled, so nothing is saved
- Connect, Manage, Browse directory and the menu items in `IntegrationList` only raise toasts, so no provider is linked

## When not to use

- One member record is edited with an audit trail and activity history beside it: use [Member Profile Admin](https://web.dev.reui.io/blocks/application/form/form-5.md) (`get_block("form-5")`)
- Only the signed in person edits their own identity and regional details: use [Personal Profile](https://web.dev.reui.io/blocks/application/profile/profile-3.md) (`get_block("profile-3")`)

## Third-party libraries

- TanStack Table v9: [API reference](https://tanstack.com/table/v9/docs/framework/react/reference/index), [docs](https://tanstack.com/table/v9/docs/framework/react/quick-start)
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)
- Base UI v1: [API reference](https://base-ui.com/react/components), [docs](https://base-ui.com/react/overview/quick-start), [llms.txt](https://base-ui.com/llms.txt)
- React Phone Number Input v3: [API reference](https://catamphetamine.gitlab.io/react-phone-number-input/docs/index.html#phoneinputwithcountry), [docs](https://gitlab.com/catamphetamine/react-phone-number-input), through ReUI Phone Input

## Install

```bash
npx shadcn@latest add @reui/profile-2
```

## About Profile blocks

### When to use

- Account areas that switch profile, workspace, team, billing or access panels from tabs or a sidebar
- A personal profile edit page: avatar, name, verified email, username, phone and regional preferences
- An account subpage for one job: sender mailboxes, alerts, referrals, meeting capture, billing or API keys

### When not to use

- One panel of switch rows or integration cards, with no personal identity fields: use the [Settings blocks](https://web.dev.reui.io/blocks/application/settings.md)
- Entering a new record, such as an invoice with line items or a product listing: use the [Form blocks](https://web.dev.reui.io/blocks/application/form.md)
- The outer navigation layout around every page of a product, beyond account pages: use the [App Shell blocks](https://web.dev.reui.io/blocks/application/app-shell.md)

### Agent notes

- Each page.tsx wraps `Profile` in its own padding and centering; render `Profile` alone inside your layout

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.