A 56×56 square icon button component for the chat panel's top-navigation bar, supporting configurable 1px cell dividers and accessible focus styling. ## Key Components - **`ChatHeaderIconButton`** — A `forwardRef` button component rendering a fixed-size (`size-14`) icon cell with optional left/right/none border dividers, hover background transitions, and focus-visible ring support. - **`ChatHeaderIconButtonProps`** — Extends `React.ButtonHTMLAttributes` with a `divider` prop (`'left' | 'right' | 'none'`, default `'left'`). ## Usage Example ```typescript import { ChatHeaderIconButton } from './chat-header-icon-button' import { X, ChevronLeft, ArchiveIcon } from 'lucide-react' // Trailing cell (default left divider) // Leading back chevron (right divider) // No divider // As a Radix asChild trigger ``` ## Notes - Icon color stays `ods-text-secondary` on hover — only the background transitions to `ods-bg-hover`. - `forwardRef` + full prop spread make it composable as a Radix `asChild` trigger. - `type="button"` is set by default to prevent accidental form submission. - Source: [`chat-header-icon-button.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/chat-header-icon-button.tsx)