# Admin Scene

Agents: start with [Workspace for Agents](https://workspace.socra.com/solutions/agents.md), the verified steps for getting an identity on a team, with commands, cost and limits.

Socra: Give your agents an identity on your team, and they become AI teammates you can delegate to.

Canonical: https://socra.design/landing/visuals/admin-scene

## Governing rules

[Building with Socra components](https://socra.design/agents.md) explains setup, consumption rules and verification.

Semantic owner: Flash Module `ui-component-family-content` in Socra Cortex when available. It supplies current intent and prerequisite rules; the public API below supplies exact code names and values.

Use published property names, not inspector labels. Composition and preview settings are not component props. Public styling escape hatches do not permit product-local presentation overrides.

Admin’s invitation form and directory details on example data.

Show the native Admin fields and directory detail sections without publishing private Account data. The shared scene crops the form or section, preserves its real controls and blocks interaction.

Status: ready. AdminScene reuses the same Web UI cards, fields, radio group, identity Avatar, text and Chip as Admin. Example data is supplied by its host and declared in the caption.

Library: @socra/ui-web-landing

## Properties

[Complete public API, including inherited properties and event signatures](https://socra.design/landing/visuals/admin-scene/api.md)

### Setup

- Use a compatible Socra theme provider and published component styles.

### AdminScene

Import: `import { AdminScene } from '@socra/ui-web-landing';`

A cropped native Admin invitation form or directory detail section, inert and framed.

| Property | Type or permitted values | Default / omission | Required | Meaning and behavior | Inspector |
| --- | --- | --- | --- | --- | --- |
| `active` | `false`, `true` | Omitted; no declared default | no |  | Direct API |
| `created` | `string` | Omitted; no declared default | no |  | Direct API |
| `email` | `string` | Omitted; no declared default | no |  | Direct API |
| `groupKey` | `string` | Omitted; no declared default | no |  | Direct API |
| `id` | `string` | Omitted; no declared default | no |  | Direct API |
| `joined` | `string` | Omitted; no declared default | no |  | Direct API |
| `kind` | `"invitation"`, `"person"`, `"group"` | Required input | yes | The native view to show. invitation, person or group; the discriminated props require the matching data. | Direct API |
| `label` | `string` | Required input | yes | Caption and accessible-description prefix declaring the example data. | Label |
| `memberships` | `number` | Omitted; no declared default | no |  | Direct API |
| `name` | `string` | Omitted; no declared default | no |  | Direct API |
| `owner` | `string` | Omitted; no declared default | no |  | Direct API |
| `role` | `"member"`, `"admin"`, `"owner"` | Omitted; no declared default | no |  | Direct API |

### Behavior and constraints

- AdminSceneProps and AdminSceneRole are public type exports. Invitation takes email and role. Person takes name, email, role, active, joined and id. Group takes name, groupKey, owner, created and memberships. Dates are host-formatted strings. The scene performs no requests and sends no invitations. It displays no modal overlay: it crops the form content or detail section itself.

### Inspector mappings

| Setting | Initial preview value | Consumed code |
| --- | --- | --- |
| View | `invitation` | composition: Chooses an invitation, person or group fixture and passes the corresponding typed example fields to AdminScene. |
| Label | `Admin with example data` | AdminScene.label |