ActivityInbox
Activity-specific inbox shell composed with the reusable InboxItem family.
The activity card spacing is ready for a source-parity pass.
Thread in #design
Mira: I kept the original border, spacing, and selected treatment.
Samira Khan
Samira: The permissions review is complete. Please check the final note.
general
Avery: @Cuvii can you confirm the release checklist before we merge?
Document the Activity composition boundary before implementation.
Thread in #shared-roadmap
Spec Writer: The UI package owns parts; Playground owns inbox workflow state.
vendor-review
Atlas: The source implementation has been checked against staging.
Follow up on the partner launch checklist.
Thread in #partner-ops
Avery: Restoring this item should return it to Active.
<InboxItem>
<InboxItemTrigger />
<InboxItemSelection>
<Checkbox />
</InboxItemSelection>
<InboxItemContent>
<InboxItemHeading>
<InboxItemTitle />
</InboxItemHeading>
<InboxItemSubtitle />
<InboxItemBody>
<InboxItemSender />
</InboxItemBody>
<InboxItemMetadata />
</InboxItemContent>
<InboxItemTrailing>
<InboxItemTimestamp />
<InboxItemActions>
<PanelToggleAction />
<PanelAction />
</InboxItemActions>
</InboxItemTrailing>
</InboxItem>...propsActivityInboxPanelProps
The themed full-height inbox shell; the sidebar and toolbar respond to the viewport at the md breakpoint.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxPanelProps | — | The themed full-height inbox shell; the sidebar and toolbar respond to the viewport at the md breakpoint. |
...propsActivityInboxControlsProps
The responsive controls row for caller-composed filters, navigation, and search.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxControlsProps | — | The responsive controls row for caller-composed filters, navigation, and search. |
...propsActivityInboxSelectionToolbarProps
The responsive bulk-selection action row; the caller owns its selection policy and actions.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxSelectionToolbarProps | — | The responsive bulk-selection action row; the caller owns its selection policy and actions. |
...propsActivityInboxSelectionCountProps
The selected-item count treatment used within ActivityInboxSelectionToolbar.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxSelectionCountProps | — | The selected-item count treatment used within ActivityInboxSelectionToolbar. |
...propsActivityInboxViewportProps
The scroll viewport with Activity surface, inset, and safe-area treatment.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxViewportProps | — | The scroll viewport with Activity surface, inset, and safe-area treatment. |
...propsActivityInboxLoadingMoreProps
The loading-more text treatment; the caller decides whether it renders.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxLoadingMoreProps | — | The loading-more text treatment; the caller decides whether it renders. |
activedefault: falseboolean
Marks the opened row and emits data-active for visual styling.
disableddefault: falseboolean
Disables row interaction styling and propagates the disabled state to InboxItemTrigger.
...propsdiv props
Generic inbox card frame. data-unread remains available for caller-owned unread emphasis.
| Prop | Type | Default | Description |
|---|---|---|---|
active | boolean | false | Marks the opened row and emits data-active for visual styling. |
disabled | boolean | false | Disables row interaction styling and propagates the disabled state to InboxItemTrigger. |
...props | div props | — | Generic inbox card frame. data-unread remains available for caller-owned unread emphasis. |
renderReactElement
Optionally replaces the native button with a routing link or another trigger.
...propsbutton props
The full-card interaction target layered behind item content and actions.
| Prop | Type | Default | Description |
|---|---|---|---|
render | ReactElement | — | Optionally replaces the native button with a routing link or another trigger. |
...props | button props | — | The full-card interaction target layered behind item content and actions. |
...propsdiv props
Layout slot for a caller-owned Checkbox selection control.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Layout slot for a caller-owned Checkbox selection control. |
...propsdiv props
The primary content column between optional leading and trailing regions.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | The primary content column between optional leading and trailing regions. |
...propsdiv props
Message-oriented context row for caller-owned channel, thread, and sender identity content.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Message-oriented context row for caller-owned channel, thread, and sender identity content. |
...propsdiv props
Optional supporting text rendered above or below the item heading.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Optional supporting text rendered above or below the item heading. |
...propsdiv props
Heading row containing the clamped item title.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Heading row containing the clamped item title. |
...propsdiv props
Two-line clamped title; a leading inline svg is styled by the slot, and unread emphasis comes from the card's data-unread state.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Two-line clamped title; a leading inline svg is styled by the slot, and unread emphasis comes from the card's data-unread state. |
...propsspan props
Right-aligned timestamp placed in the trailing rail.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | span props | — | Right-aligned timestamp placed in the trailing rail. |
...propsdiv props
Trailing rail that aligns the timestamp and caller-owned actions.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Trailing rail that aligns the timestamp and caller-owned actions. |
...propsp props
Two-line clamped message preview.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | p props | — | Two-line clamped message preview. |
...propsp props
Message-oriented content preview with typography and clamping owned by the InboxItem recipe.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | p props | — | Message-oriented content preview with typography and clamping owned by the InboxItem recipe. |
...propsspan props
Bold sender prefix inside the body preview.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | span props | — | Bold sender prefix inside the body preview. |
...propsdiv props
Flexible metadata row for caller-owned badges and secondary information.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Flexible metadata row for caller-owned badges and secondary information. |
...propsdiv props
Action cluster on the right edge of the card.
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Action cluster on the right edge of the card. |