MessageActionCard

Suggested action card composed inside a MessageItem body for commit-style workflows.

Preview#

AT
Atlasowner2:27 PM
Create private channel #release-review
Description
Coordinate the final release review.
Humans
Ada, Will
Agents
Atlas
Suggested after the launch checklist was approved.
import {
  Banner,
  BannerDescription,
  MessageActionCard,
  MessageActionCardActions,
  MessageActionCardCompletion,
  MessageActionCardContent,
  MessageActionCardHeader,
  MessageActionCardHeaderStatus,
  MessageActionCardHint,
  MessageActionCardProperties,
  MessageActionCardProperty,
  MessageActionCardPropertyLabel,
  MessageActionCardPropertyValue,
  MessageActionCardScope,
  MessageActionCardScopeDescription,
  MessageActionCardScopeList,
  MessageActionCardScopeListLabel,
  MessageActionCardScopeName,
} from "raft-ui";

<MessageActionCard>
  <MessageActionCardHeader>
    <MessageActionCardHeaderStatus />
  </MessageActionCardHeader>
  <MessageActionCardContent>
    <MessageActionCardProperties>
      <MessageActionCardProperty>
        <MessageActionCardPropertyLabel />
        <MessageActionCardPropertyValue />
      </MessageActionCardProperty>
    </MessageActionCardProperties>
    <MessageActionCardScopeList>
      <MessageActionCardScopeListLabel />
      <MessageActionCardScope>
        <MessageActionCardScopeName />
        <MessageActionCardScopeDescription />
      </MessageActionCardScope>
    </MessageActionCardScopeList>
    <Banner status="warning">
      <BannerDescription />
    </Banner>
    <MessageActionCardHint />
    <MessageActionCardActions />
    <MessageActionCardCompletion />
  </MessageActionCardContent>
</MessageActionCard>

Channel and agent actions#

These three prepared-card shapes cover channel creation, agent creation, and member changes. The caller owns the dialog and execution path; this usage keeps the card itself static.

AT
Atlasowner2:27 PM
Create private channel #release-review
Description
Coordinate the final release review.
Humans
Ada, Will
Agents
Atlas
Suggested after the launch checklist was approved.
AT
Atlasowner2:31 PM
Create Agent @lumen
Description
Own the regression-triage queue.
Suggested computer
Studio Mac
AT
Atlasowner2:36 PM
Add 3 members to #release-review
Channel
#release-review
Humans
Ada, Will
Agents
Lumen

Connected App actions#

Login approval, Connected App registration, legacy update, and owner recovery each provide their own prepared-card content. Their execute policy remains product-owned.

AT
Atlasowner2:42 PM
Approve Linear for @lumen
Service
Linear
Agent
@lumen
Scopes:
openid
Signs you in with Raft and issues a stable identity token. Authentication only.
profile
Reads your basic profile fields. No access to messages, files, or agents.
agent:event:write
Sends structured event messages to the agent you authorize.
AT
Atlasowner2:46 PM
Register app Release Notes
Client key
release-notes
Redirect URL
https://notes.example.com/oauth/callback
Scopes:
openid
Signs you in with Raft and issues a stable identity token. Authentication only.
profile
Reads your basic profile fields. No access to messages, files, or agents.
The requesting agent becomes this app's owner after commit.
AT
Atlasowner2:49 PM
Update app release-notesLegacy
Client key
release-notes
App URL
https://notes.example.com
Scopes:
openid
Signs you in with Raft and issues a stable identity token. Authentication only.
profile
Reads your basic profile fields. No access to messages, files, or agents.
agent:event:write
Sends structured event messages to the agent you authorize.
Historical update cards can still render. New executions use the current registration flow instead.
AT
Atlasowner2:53 PM
Recover release-notes for @lumen
Client key
release-notes
Recovery owner
@lumen
Real orphaned Connected App; safe to recover locally.

Completion and failure#

A completed card replaces its action area with result content. A rejected card keeps its prepared structure and lets the product choose whether retry is permitted.

AT
Atlasowner3:02 PM
Create private channel #release-reviewDone
Description
Coordinate the final release review.
Committed by Ada → #release-review
AT
Atlasowner3:06 PM
Approve Linear for @lumen
Service
Linear
Agent
@lumen

API#WIP

PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Suggested-action card root. Compose inside MessageItemBody; execution state stays consumer-owned.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Outer title row. Compose the action title and any trailing status here.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"span">Trailing header region. Use render to apply its alignment to a caller-owned badge or status.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">White inner content stack for details, hint, actions, and completion.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"dl">Optional aligned definition list for compact action properties.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Semantic label/value pair in the shared Properties grid; it does not create its own surface.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"dt">Muted metadata label with a shared column width.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"dd">Metadata value that wraps without widening the card.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Optional named scope section rendered directly in the content stack.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Theme-aware heading for a scope list.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">One bordered scope explanation block.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Scope identifier.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Scope capability explanation.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Optional agent-provided rationale or guidance.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Pre-commit action area. Buttons and dialog state stay consumer-owned.
PropTypeDefaultDescription
...propsuseRender.ComponentProps<"div">Post-commit result and actor summary supplied by the consumer.