# подготовка и работа с библиотекой Thinking Orbs

Помогаем связать индикаторы ожидания с реальными состояниями интерфейса.

## Подключить компонент

- [ ] Открыть [репозиторий Thinking Orbs](https://github.com/Jakubantalik/thinking-orbs) и установить пакет по инструкции проекта.
- [ ] Поставить компонент на место существующего спиннера, не показывая два индикатора для одной операции.
- [ ] Проверить компонент на светлом и тёмном фоне.

## Связать состояние с работой

- [ ] Перечислить моменты ожидания в интерфейсе и сопоставить каждому реальное состояние:

- «работает» — один долгий шаг; «ищет» — запрос к внешнему источнику; «решает» — вычисление или рассуждение;
- «слушает» — ожидание ввода; «соединяет» — связь или авторизация; «плетёт» — сборка результата из частей;
- «пишет» — генерация текста; «дышит» — очередь или пауза; «лепит» — формирование файла, документа или макета.

- [ ] Если одно ожидание состоит из двух последовательных операций, показать смену состояния между ними.
- [ ] Выбрать крупный размер для отдельной карточки чата или мелкий для строки текста; проверить читаемость на расстоянии вытянутой руки.
- [ ] Включить системное уменьшение анимации и проверить, что статичный кадр остаётся видимым.
- [ ] При включении библиотеки в продукт сохранить текст лицензии MIT в поставке.
- [ ] Начать с самого долгого ожидания и проверить, меняется ли доля пользователей, уходящих до завершения операции.

---

Источник: https://localhost:3000/m/zamenit-spinner-osmyslennym-sostoyaniem-thinking-orbs