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.
#21 @Atlas8 replies Mention3 new
2 minutes ago
Samira Khan
Samira: The permissions review is complete. Please check the final note.
1 new
18 minutes ago
general
Avery: @Cuvii can you confirm the release checklist before we merge?
Mention1 new
31 minutes ago
Document the Activity composition boundary before implementation.
Thread in #shared-roadmap
Spec Writer: The UI package owns parts; Playground owns inbox workflow state.
5 replies Unfollowed Draft
1 hour ago
vendor-review
Atlas: The source implementation has been checked against staging.
2 hours ago
Follow up on the partner launch checklist.
Thread in #partner-ops
Avery: Restoring this item should return it to Active.
3 replies
Yesterday
<InboxItem>
<InboxItemTrigger />
<InboxItemSelection>
<Checkbox variant="primary" />
</InboxItemSelection>
<InboxItemContent>
<InboxItemHeading>
<InboxItemTitle />
</InboxItemHeading>
<InboxItemSubtitle />
<InboxItemBody>
<InboxItemSender />
</InboxItemBody>
<InboxItemMetadata />
</InboxItemContent>
<InboxItemTrailing>
<InboxItemTimestamp />
<InboxItemActions>
<PanelToggleAction />
<PanelAction />
</InboxItemActions>
</InboxItemTrailing>
</InboxItem>API#WIP
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxPanelProps | — | The themed full-height inbox shell; the sidebar and toolbar respond to the viewport at the md breakpoint. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxControlsProps | — | The responsive controls row for caller-composed filters, navigation, and search. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxSelectionToolbarProps | — | The responsive bulk-selection action row; the caller owns its selection policy and actions. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxSelectionCountProps | — | The selected-item count treatment used within ActivityInboxSelectionToolbar. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxViewportProps | — | The scroll viewport with Activity surface, inset, and safe-area treatment. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | ActivityInboxLoadingMoreProps | — | The loading-more text treatment; the caller decides whether it renders. |
| 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. |
| 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. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Layout slot for a caller-owned Checkbox selection control. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | The primary content column between optional leading and trailing regions. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Message-oriented context row for caller-owned channel, thread, and sender identity content. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Optional supporting text rendered above or below the item heading. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Heading row containing the clamped item title. |
| 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. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | span props | — | Right-aligned timestamp placed in the trailing rail. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Trailing rail that aligns the timestamp and caller-owned actions. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | p props | — | Two-line clamped message preview. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | p props | — | Message-oriented content preview with typography and clamping owned by the InboxItem recipe. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | span props | — | Bold sender prefix inside the body preview. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Flexible metadata row for caller-owned badges and secondary information. |
| Prop | Type | Default | Description |
|---|---|---|---|
...props | div props | — | Action cluster on the right edge of the card. |