Inline UI chip that renders a Slack icon alongside a channel name, optionally wrapped in a hyperlink to the channel's web deep link. ## Key Components ### `SlackChannelChip` A server-component-safe React functional component with no hooks or state. Composes a `SlackIcon` with a formatted channel label and conditionally wraps the output in an anchor tag. ### `SlackChannelChipProps` | Prop | Type | Description | |------|------|-------------| | `name` | `string \| null` | Channel name without `#` prefix. Falls back to `"Slack"` when absent. | | `href` | `string \| null` | Web deep link (e.g. `https://app.slack.com/client/T…/C…`). Omit to render unlinked. | | `className` | `string` | Extra classes merged onto the chip ``. | ## Usage Example ```typescript import { SlackChannelChip } from './slack-channel-chip'; // Linked chip with channel name // Renders: 🔗 [ #general] // Unlinked fallback (no href) // Renders: #alerts // Minimal fallback (no name, no href) // Renders: Slack // With custom styling ``` ## Behavior Notes - **No `href`** → renders a plain ``, no anchor tag. - **No `name`** → label falls back to `"Slack"` (no `#` prefix). - **Linked** → opens in a new tab with `rel="noopener noreferrer"` and adds `hover:underline`. - Safe to use in React Server Components — contains no client-side hooks or state.