Renders a compact, themed quick-action chip button with icon resolution, loading skeleton, and support for agent-branded accents, lozenges, and selection states. ## Key Components ### Types & Utilities - **`QuickActionAccent`** — Union type for icon tint: `'pink'` | `'cyan'` | any CSS color string - **`QuickActionIconSpec`** — Extends `EntityIconValue` with `accent` and `size`; declarative icon descriptor resolved by `` - **`QuickActionThemeSpec`** — Caller-supplied chip theme with `accent` and optional `lozenge` - **`QuickActionChipLozenge`** — Leading category/status affix rendered inside the chip label - **`getAgentAccent(slug)`** — Maps built-in agent slugs (`'fae'`, `'mingo'`) to brand accent tokens - **`accentFromIdentityIcon(icon)`** — Extracts `icon_props.color` from an admin-configured identity - **`isQuickActionIconSpec(icon)`** — Type guard distinguishing a spec object from a `ReactNode` - **`renderQuickActionIcon(icon)`** — Resolves a chip `icon` prop to a renderable node via `` ### Components - **`QuickActionChipButton`** — Primary chip component with full theming, icon, lozenge, selection, and interactivity support - **`QuickActionChipSkeleton`** — Loading placeholder that mirrors the real chip's exact dimensions using pulse bars ## Usage Example ```typescript import { QuickActionChipButton, QuickActionChipSkeleton, getAgentAccent, accentFromIdentityIcon, } from './quick-action-chip' // Basic chip with a built-in agent accent console.log('selected')} /> // Chip with admin-configured icon color and a category lozenge // Loading state — matches loaded chip dimensions 1:1 ``` ## Notes - Theme accent fills only when the icon spec carries no `accent` of its own — per-action config always wins. - Named brand tokens (`pink`, `cyan`) apply a `text-ods-flamingo-*` class; arbitrary CSS colors are passed as an explicit `color` prop to ``. - Set `interactive={false}` for decorative chips (marquee strips, table cells) to suppress focus and keyboard handling. **Source:** [`quick-action-chip.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/quick-action-chip.tsx)