# Документация по переносу кнопки "ESP Reconnect" в хедере

## Общая структура в React
- **Расположение**: В AppHeader.tsx, правая часть flex, третья кнопка.
- **Тип**: Button элемент с @click={onESPReconnect}, title="Переподключить ESP".
- **Зависимости**: Tailwind CSS, lucide-react (RefreshCw icon).
- **JSX**: <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1.5 rounded text-sm transition-colors" title="Переподключить ESP">
  <RefreshCw class="w-4 h-4" />
  ESP Reconnect
</button>.

## Элементы
- Иконка: RefreshCw (w-4 h-4, белая).
- Текст: "ESP Reconnect" (text-sm).
- Title: "Переподключить ESP" (tooltip).
- Handler: onESPReconnect — отправляет команды переподключения via WebSocket.

## Стили (Tailwind примеры)
- Основной: bg-green-600 text-white px