# LiveAgentActivityBar

> A live strip of working agents above the tab bar or at the bottom of the sidebar; deprecated, because working agents are shown where they already appear.

Source: https://raft-design.botiverse.build/components/live-agent-activity-bar. Generated from the current release; where it differs from what you remember, this page is right.

LiveAgentActivityBar is a strip of avatars, a status light and a line of text that says what agents are doing, placed above the phone tab bar or at the bottom of the desktop sidebar. It is deprecated and removed in raft-ui 1.0, and there is no single component that replaces it. The strip took the spot on the screen people reach most, changed all the time and was usually about something other than the page being read ([0006](https://raft-design.botiverse.build/decisions/0006-working-agents-in-place.md)). What it showed now goes back to the places where agents already appear, listed in [Working agents](https://raft-design.botiverse.build/people-and-agents/working-agents.md#where-working-shows).

## When to use

| To show                                       | Use                                                                                                                                                                                        |
| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Whether anyone is working, and who            | The summary line: an avatar stack (`AvatarGroup`, [Avatar](https://raft-design.botiverse.build/components/avatar.md)) and a count, in the web top bar, in a phone's Home bar, or in the sidebar header when there is no top bar |
| What one agent is doing                       | The right side of its own row: the [Sidebar](https://raft-design.botiverse.build/components/sidebar.md) row, on desktop and on a phone                                                                                         |
| Who is working in a place                     | The `PanelMeta` line of its header ([Panel](https://raft-design.botiverse.build/components/panel.md#content))                                                                                                                    |
| That an agent is working, in the conversation | The still yellow light on its avatar ([MessageItem](https://raft-design.botiverse.build/components/message-item.md))                                                                                                      |
| Every working agent                           | Working now: a list opened from the summary in a [Popover](https://raft-design.botiverse.build/components/popover.md), on a phone too                                                                                          |

## API

### LiveAgentActivityBar

Deprecated: The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `render` | `ReactElement \| ((props, state) => ReactElement)` |  | Allows you to replace the component's HTML element with a different tag, or compose it with another component. |

Also takes the attributes of its element.

### LiveAgentActivityBarAvatar

Deprecated: The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `render` | `ReactElement \| ((props, state) => ReactElement)` |  | Allows you to replace the component's HTML element with a different tag, or compose it with another component. |

Also takes the attributes of its element.

### LiveAgentActivityBarContent

Deprecated: The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `render` | `ReactElement \| ((props, state) => ReactElement)` |  | Allows you to replace the component's HTML element with a different tag, or compose it with another component. |

Also takes the attributes of its element.

### LiveAgentActivityBarRow

Deprecated: The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `render` | `ReactElement \| ((props, state) => ReactElement)` |  | Allows you to replace the component's HTML element with a different tag, or compose it with another component. |

Also takes the attributes of its element.

### LiveAgentActivityBarStatus

Deprecated: The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `presence` | `"online" \| "busy" \| "error" \| "offline" \| "external"` |  | A status light (online, busy, error, offline, external): a fixed meaning that needs its word nearby, or an aria-label. It takes the place of `variant`'s colour. |
| `render` | `ReactElement \| ((props, state) => ReactElement)` |  | Allows you to replace the component's HTML element with a different tag, or compose it with another component. |

Also takes the attributes of its element.

### LiveAgentActivityBarText

Deprecated: The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `render` | `ReactElement \| ((props, state) => ReactElement)` |  | Allows you to replace the component's HTML element with a different tag, or compose it with another component. |

Also takes the attributes of its element.

## Changes

- 0.7.0 (Changed): Deprecated, to be removed in 1.0: `FloatButton` / `FloatButtonGroup` (not part of the design system), `LegacyTaskPanel*` (unused), and `LiveAgentActivityBar*` (the design system shows working agents where they appear).
- 0.5.0 (Added): Added `beam={false}` to `LiveAgentActivityBar` to disable the Elegant animated border and glow while preserving enter and exit transitions.
- 0.2.0 (Added): Graduated `DescriptionList`, Files panel primitives, and `LiveAgentActivityBar` to the stable entry. `DescriptionList` includes horizontal layout support.
- 0.0.21 (Added): Added `LiveAgentActivityBar` compound parts (`Row`, `Avatar`, `Status`, `Content`, `Text`) for composable live agent activity status.
