LiveAgentActivityBar

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

Preview#

Thinking…
Controls

Anatomy#

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

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

API#WIP

Pass null when activity ends; the bar has no exit transition. The consumer owns selection, expiry, terminal-state removal, and avatar resolution. The component owns its default Avatar fallback.

LiveAgentActivityBar#

...props
div props
Live-region root and themed surface. Visible structure is supplied as children.

LiveAgentActivityBarRow#

...props
div props
Structural row for the avatar and activity content.

LiveAgentActivityBarContent#

...props
div props
Layout region for the live status and activity copy.

LiveAgentActivityBarAvatar#

...props
Avatar root props
Fixed xs agent avatar frame with the shared Avatar fallback. Compose an optional AvatarImage as its child.

LiveAgentActivityBarStatus#

...props
Status span props
Canonical static primary status indicator with component-owned placement.

LiveAgentActivityBarText#

...props
span props
Truncating activity copy with native span props, including an explicit title.