Storybook stories for the **client (Fae) variant** of `ToolExecutionDisplay`, demonstrating the component rendered with `assistantType="fae"` — which hides the tool icon compared to the Admin variant. ## Key Components | Export | Type | Description | |---|---|---| | `CollapsedExecuting` | `Story` | Card in executing state — spinner, 2-line parameter preview, no tool icon | | `CollapsedSuccess` | `Story` | Card in success state — green check indicator, no tool icon | | `meta` | `Meta` | Storybook metadata registering under `Chat/Client/ToolExecutionDisplay` with `assistantType: "fae"` default arg | ## Usage Example ```typescript // Render the Fae (client) tool-execution card directly in tests or other stories import { ToolExecutionDisplay } from "../components/chat/tool-execution-display"; import type { ToolExecutionData } from "../components/chat/types"; const message: ToolExecutionData = { type: "EXECUTING_TOOL", integratedToolType: "OPENFRAME_RMM", toolFunction: "run_script", parameters: { RunAsUser: "False", timeoutSeconds: 60 }, }; ; ``` ## Notes - `assistantType="fae"` is the only prop that differentiates this from the Admin card — no other props or component logic differs. - The `constrainedDecorator` wraps each story in a `400px` max-width container with the design-system background token (`--color-bg`) to approximate the chat panel context. - Source: [`ToolExecutionDisplayClient.stories.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/ToolExecutionDisplayClient.stories.tsx)