Выравнивание UI с vps-tracker: тема b2fA, ReUI DataGrid и shell

Синхронизированы тема и layout (ModeToggle, sticky header), списки переведены на DataGridCard, дашборд на компактные SectionCards.

Co-authored-by: Cursor <[email protected]>

.agents/skills/reui/SKILL.md

@@ -0,0 +1,61 @@
+---
+name: reui
+description: ReUI enterprise-компоненты в cloudflare-domain-manager — registry @reui, CLI, импорты, матрица выбора. Использовать при Data Grid, Filters и других @reui/* задачах.
+---
+
+# ReUI (cloudflare-domain-manager)
+
+## Источники
+
+1. [llms.txt](https://reui.io/llms.txt) — каталог для ИИ
+2. MCP `plugin-shadcn-shadcn` с `registries: ["@reui"]`
+3. Docs: `https://reui.io/docs/components/base/<name>` (Copy Markdown)
+4. Правила: `.cursor/rules/reui-mcp.mdc`
+
+## CLI (только из apps/web)
+
+```bash
+cd apps/web
+pnpm dlx shadcn@latest add @reui/data-grid --dry-run
+pnpm dlx shadcn@latest add @reui/filters
+```
+
+## Размещение
+
+| Registry | Путь | Импорт |
+|----------|------|--------|
+| `@shadcn` | `packages/ui/src/components/` | `@cfdm/ui/components/*` |
+| `@reui` | `apps/web/src/components/reui/` | `@/components/reui/*` |
+
+Только **Base UI** (`base-nova`). Radix-варианты не использовать.
+
+## Уже установлено
+
+`badge`, `data-grid/*`, `filters` (+ `autocomplete`, `date-selector`, `number-field`, `color-picker` при необходимости)
+
+## Shared-обёртки проекта
+
+| ReUI | Обёртка |
+|------|---------|
+| data-grid | `DataGridCard` |
+| filters | `DomainsFiltersToolbar` |
+| badge | `StatusBadge` |
+
+## Матрица выбора
+
+- Простая таблица → shadcn `Table`
+- Списки с sort/pagination/virtual/columns → `DataGridCard` (`@reui/data-grid`)
+- Мультифильтры → `@reui/filters`
+- Semantic status → `StatusBadge` или `@reui/badge` variant
+
+## Зависимости (apps/web only)
+
+`@tanstack/react-table`, `@tanstack/react-virtual`, `@dnd-kit/*`, `date-fns`, `react-day-picker`
+
+После add — `pnpm install` + `pnpm --filter web build`.
+
+## Post-add
+
+- `@/components/ui/*` → `@cfdm/ui/components/*`
+- Не класть ReUI в `packages/ui`
+- Semantic colors: `variant="success"` — не `bg-emerald-*`