LiveAgentActivityBar

A compact shell status bar that surfaces the latest thinking or working agent activity.

Anatomy#

import {
  AvatarImage,
  LiveAgentActivityBar,
  LiveAgentActivityBarAvatar,
  LiveAgentActivityBarContent,
  LiveAgentActivityBarRow,
  LiveAgentActivityBarStatus,
  LiveAgentActivityBarText,
} from "raft-ui";

<LiveAgentActivityBar>
  <LiveAgentActivityBarRow>
    <LiveAgentActivityBarAvatar>
      <AvatarImage />
    </LiveAgentActivityBarAvatar>
    <LiveAgentActivityBarContent>
      <LiveAgentActivityBarStatus />
      <LiveAgentActivityBarText />
    </LiveAgentActivityBarContent>
  </LiveAgentActivityBarRow>
</LiveAgentActivityBar>

Pass null when activity ends. The consumer owns selection, expiry, terminal-state removal, and avatar resolution; Elegant retains the prior content briefly for its exit transition. Set beam={false} to remove only Elegant's beam decoration while keeping that transition. The component owns its default Avatar fallback. Brutal uses the white surface below the md breakpoint and the cream sidebar surface at md and above.

LiveAgentActivityBar#

Prop	Type	Default	Description
`beam`	boolean	true	Controls the Elegant beam decoration without changing the bar structure or its enter and exit transition. Brutal has no beam decoration.
`...props`	div props	—	Live-region root and themed surface. Visible structure is supplied as children.

LiveAgentActivityBarRow#

Prop	Type	Default	Description
`...props`	div props	—	Structural row for the avatar and activity content.

LiveAgentActivityBarContent#

Prop	Type	Default	Description
`...props`	div props	—	Layout region for the live status and activity copy.

LiveAgentActivityBarAvatar#

Prop	Type	Default	Description
`...props`	Avatar root props	—	Fixed xs agent avatar frame with the shared Avatar fallback. Compose an optional AvatarImage as its child.

LiveAgentActivityBarStatus#

Prop	Type	Default	Description
`...props`	Status span props	—	Canonical pulsing primary status indicator with theme-owned placement.

LiveAgentActivityBarText#

Prop	Type	Default	Description
`...props`	span props	—	Truncating activity copy with native span props, including an explicit title.

LiveAgentActivityBar

Preview#