<!-- source-hash: 5d594bd4947331ddd5432015be5899f2 -->
Storybook stories for the `ToolExecutionDisplay` chat component, covering executing, success, and failure states in a constrained-width layout.

## Key Components

| Export | Description |
|--------|-------------|
| `CollapsedExecuting` | Spinner state while a tool (e.g. `run_script` via Tactical RMM) is in progress |
| `CollapsedSuccess` | Green check state after successful tool execution, with result output |
| `CollapsedFailure` | Red error icon state after a failed tool execution (e.g. Fleet MDM profile deploy) |
| `constrainedDecorator` | Helper decorator that wraps stories in a `max-width` container (default 400px) |

## Usage Example

```typescript
import { ToolExecutionDisplay } from "../components/chat/tool-execution-display";
import type { ToolExecutionData } from "../components/chat/types";

const message: ToolExecutionData = {
  type: "EXECUTED_TOOL",
  integratedToolType: "TACTICAL_RMM",
  toolFunction: "run_script",
  parameters: { RunAsUser: "False", timeoutSeconds: 60 },
  result: "Script output here...",
  success: true,
};

<ToolExecutionDisplay message={message} />
```

## Story Data

Three fixture payloads cover the core display states:

| Fixture | `type` | `integratedToolType` | `success` |
|---------|--------|----------------------|-----------|
| `executingMessage` | `EXECUTING_TOOL` | `TACTICAL_RMM` | — |
| `executedSuccessMessage` | `EXECUTED_TOOL` | `TACTICAL_RMM` | `true` |
| `executedFailureMessage` | `EXECUTED_TOOL` | `FLEET_MDM` | `false` |

The component renders a collapsed card by default; clicking toggles full details including parameters and result output.