Reusable React components for rendering tool call arguments, results, and command bodies within AI message interfaces (Mingo AI / Fae client cards). ## Key Components | Export | Props | Description | |---|---|---| | `ArgRow` | `argKey: string`, `value: unknown` | Renders a single tool argument as either an inline `key: value` pair or a labeled scrollable `

` block for long/complex values |
| `ResultBlock` | `result: string \| undefined \| null`, `className?: string` | Renders tool execution output inline for short single-line results or as a scrollable code block for JSON/multiline output |
| `CommandBlock` | `command: string`, `className?: string` | Renders a raw command or script body as an unlabeled code block; used by Fae client cards in expanded state |

All three components share a common `CODE_PRE_CLASS` constant that applies ODS design tokens (`text-code`, `bg-ods-bg`, `border-ods-border`) for consistent monospace display with a 64-line max-height scroll container.

Rendering mode (`"inline"` vs block) is determined by `formatToolArgValue` and `formatToolResult` helpers from `./utils/tool-call-helpers`.

## Usage Example

```typescript
import { ArgRow, ResultBlock, CommandBlock } from "./tool-call-blocks"

// Short string → inline; long JSON → scrollable 

// Multiline output → scrollable block


// Expanded Fae card — show raw command in code block body

```

## Source

[`tool-call-blocks.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/tool-call-blocks.tsx)