> ## Documentation Index
> Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Agent Thinking – Code

> The AgentThinking marks where the agent currently is with the Atlas logo and optional status copy.

<Tabs>
  <Tab title="Implementation">
    ```tsx theme={null}
    import { AgentThinking } from "@servicetitan/anvil2-rn";

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

    ## Common Examples

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

    ```tsx theme={null}
    import { AgentThinking } from "@servicetitan/anvil2-rn";

    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.

    ```tsx theme={null}
    <AgentThinking />
    ```

    The logo breathes (scale and opacity) and a present `label` pulses. Motion stops when the OS reduce-motion setting is on, and the indicator rests at full presence.

    ## 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.
  </Tab>

  <Tab title="AgentThinking Props">
    ```tsx theme={null}
    <AgentThinking label="Atlas is thinking…" />
    ```

    ## `AgentThinking` Props

    The `AgentThinking` accepts the following props. It does not forward remaining React Native `View` props.

    <ParamField path="label" type="string">
      Optional status copy shown beside the Atlas logo. Omit for the logo
      alone.
    </ParamField>

    <ParamField path="testID" type="string">
      Test hook forwarded to the root view.
    </ParamField>
  </Tab>
</Tabs>