Product Design · chmonitor chmonitor's product design system + UX conventions, so every new feature looks and behaves consistent with the rest of the dashboard. Use BEFORE building or reviewing any UI: new pages, charts, cards, dialogs, empty/error/loading states, badges, onboarding, settings. Covers design tokens (OKLCH theme, dark mode, radius, chart colors), shadcn/ui rules, the ChartCard/ChartContainer pattern, data-table system, EmptyState variants, graceful error handling, ?host routing + hooks-at-deepest-consumer, file/route organization, and brand. Triggers: "new page", "add a chart", "build UI", "design", "component", "empty state", "loading", "consistent", "follow-up feature", "match the design", "what's new", "changelog", "dialog scroll", "settings gear", "schema compare", "settings diff", "add host", "pick a query", "query picker", "select labels", "ON CLUSTER", "advisor DDL", "advisor schema", "schema advisor", "command palette", "cmd k", "search dialog", "ttl partitions", "header title", "768", "truncate Overview", "essen
