Agent Thinking – Code

Implementation
AgentThinking Props

Common Examples

To use the AgentThinking, pass a caller-supplied label for the active step, or omit it to render the logo alone.

import { AgentThinking } from "@servicetitan/anvil2-ai-kit";

function ExampleComponent() {
  return <AgentThinking label="Atlas is thinking…" />;
}

The wording varies by step (thinking, searching, generating), so the kit does not own it. Localize label before passing it.Omit label to trail the logo behind a response and mark where the agent currently is. The logo is static for now; an animated no-label thinking state is a planned follow-up.

React Accessibility

The logo is decorative and hidden from assistive tech.
A present label is read in normal reading order.
Announcing the thinking state is left to the host.

<AgentThinking label="Atlas is thinking…" />

`AgentThinking` Props

The AgentThinking accepts the following props.

string

Class merged onto the root element.

string

Optional status copy shown beside the Atlas logo. Omit for the logo alone.

AI Kit

Agent Experience

Agent Thinking – Code

Common Examples

React Accessibility

`AgentThinking` Props

​Common Examples

​React Accessibility

​AgentThinking Props

Common Examples

React Accessibility

`AgentThinking` Props