# Cloud Project 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/cloud-project-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.

Cloud Console’s Project details on declared example data.

Show the actual Project details section with its ID, slug, status and created date, using Console’s shared components inside the showcase frame.

Status: ready. Shared CloudProjectScene uses Cloud Console’s Card, field descriptions, Item text, CopyButton and status Chip. It is inert and described as one image. The host supplies every example value.

Library: @socra/ui-web-landing

## Properties

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

### Setup

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

### CloudProjectScene

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

Cloud Console’s actual Project details section, framed and inert, with host-owned example data.

| Property | Type or permitted values | Default / omission | Required | Meaning and behavior | Inspector |
| --- | --- | --- | --- | --- | --- |
| `created` | `string` | Required input | yes | The created date already formatted in the recording locale. The scene preserves this string so server and browser agree. | Created |
| `id` | `string` | Required input | yes | The complete example Cloud Project ID. Console’s code field truncates visually and retains the full value in its title and the accessible description. Its copy action is inert. | Cloud Project ID |
| `label` | `string` | Required input | yes | A caption declaring example data or identifying a public source. Required; never present example data as Socra’s Account. | Label |
| `slug` | `string` | Required input | yes | The Project slug shown by Console. | Slug |
| `status` | `"active"`, `"suspended"` | Required input | yes | The Project status. active or suspended Uses Console’s small default Chip for active and secondary Chip for suspended. | Status |

### Behavior and constraints

- CloudProjectSceneProps is a public type export. The scene uses Cloud Console’s ProjectManagerDialog detail anatomy and shared components. Fields stack when the containing scene is narrow. It fetches no Account data and creates no Cloud Project.

### Inspector mappings

| Setting | Initial preview value | Consumed code |
| --- | --- | --- |
| Cloud Project ID | `proj_01m6example0000000000000000` | CloudProjectScene.id |
| Slug | `fieldnote` | CloudProjectScene.slug |
| Status | `active` | CloudProjectScene.status |
| Created | `11/3/2026, 9:00:00 AM` | CloudProjectScene.created |
| Label | `Cloud Console with example data` | CloudProjectScene.label |