# Frontend Stack для SFERA

## Core

```txt
Next.js
React
TypeScript
Tailwind CSS
shadcn/ui
Radix UI
lucide-react
```

## Data layer

```txt
TanStack Query
Zustand
Zod
React Hook Form
```

## Tables / Grids

```txt
TanStack Table
TanStack Virtual
```

Использовать для:
- 1С-проектов
- объектов 1С
- процедур и функций
- форм и команд
- ролей и прав
- review findings
- журналов изменений
- AI usage статистики
- лимитов
- интеграций

## Charts

```txt
Recharts
Apache ECharts
```

Для простых dashboard — Recharts.  
Для тяжелой аналитики и сложных графиков — ECharts.

## Animations

```txt
Framer Motion
```

Использовать аккуратно:
- открытие панелей
- command palette
- sidebar
- drawer
- карточки задач
- state transitions

## UI generation tools

```txt
v0 by Vercel
shadcn/ui
shadcn/studio
Cursor
Codex
```

## Почему не Ant Design / Bootstrap

Ant Design подходит для быстрых корпоративных систем, но SFERA должна выглядеть как современный AI enterprise workspace, а не как старая админка.

Bootstrap и старые admin templates не использовать как основу.