---
name: catalog-ui-components
description: Add or change Buzz Sheet catalog UI that displays catalog item images, picks catalog items, or shows simple tooltips using the shared components.
---

# Buzz Sheet catalog UI components

Reuse the project components for catalog imagery, catalog selection, and simple tooltip content instead of building one-off equivalents.

- Render character, weapon, and artifact images with `CatalogItemImage` from `components/catalog-item-image.tsx`. Pass the item kind and catalog image data so rarity backgrounds and image behavior stay consistent.
- Use the matching picker from `components/catalog-select.tsx`: `CharacterSelect`, `WeaponSelect`, or `ArtifactSelect` for domain pickers, and `CatalogDropdown` for a generic catalog dropdown. Extend these shared components when a picker needs another presentation or option behavior.
- Use `SimpleTooltip` from `components/tooltip.tsx` for simple tooltip content. Keep the existing tooltip primitives for cases that need richer custom interaction or layout.
- Preserve the shared pickers' search, keyboard selection, and clearing behavior when extending them.