Досьє №02 · 2026

Goranked Chat Desk

Робоче місце оператора підтримки GoRanked: усі чати із сайту в одному вікні, картка клієнта із замовленнями, підказки AI, швидкі відповіді й задачі команди — на комп’ютері та на телефоні.

R&D Застосунок для операторів підтримкиГеймінг · Windows, macOS, iOS, Android

Клієнт: Власний продукт
Роль студії: Увесь продукт: інтерфейс, десктопні й мобільні збірки, API, автооновлення
Термін: З грудня 2025, версія 2.6
Стек: Electron · React 19 · TypeScript · Capacitor

Контекст

З чим прийшли

Chat Desk — другий власний продукт студії та частина екосистеми GoRanked. Оператори працюють у ньому цілий день, тому застосунок тримає постійне з’єднання із сервером: нове повідомлення приходить одразу, навіть коли вікно згорнуто.

Одна кодова база збирається для чотирьох платформ. Збирання й публікацію релізів для Windows і macOS виконує GitHub Actions, а застосунок оновлюється сам.

Задача

Що треба було зробити

Зібрати всі звернення в одному вікні
Показувати контекст клієнта поруч із листуванням
Дати операторам працювати з телефона
Випускати оновлення без перевстановлення

Стек

Що на чому працює

Інтерфейс: React 19TypeScriptZustandTanStack Queryreact‑window
Десктоп: Electron 39electron‑builderelectron‑updater
Мобільні: Capacitor 8iOSAndroid
Реальний час: WebSocketLaravel Reverb
Бекенд: API GoRanked на Laravel 11Sanctum2FA
Збирання й релізи: Webpack 5GitHub ActionsNSISDMG

Рішення

Що зробили

Одне вікно для всіх чатів

Чати із сайту, щодо замовлень і щодо товарів — в одній стрічці з фільтрами за статусом, пріоритетом і тегами. Нові повідомлення приходять через WebSocket, індикатор набору тексту видно в реальному часі.

Клієнт поруч із листуванням

Замовлення, сума покупок, нотатки й теги видно просто в чаті. Призначити, передати, відкласти чи закрити звернення — у два кліки або гарячою клавішею.

AI‑підказки й швидкі відповіді

Модель пропонує відповіді з урахуванням контексту розмови, шаблони викликаються через «/». Листування й чернетку можна перекласти, якщо клієнт пише іншою мовою.

Задачі команди

Канбан‑дошка підтримки: виконавці, терміни, коментарі, повторювані задачі й правила автоматизації.

Чотири платформи, один код

Electron — для Windows і macOS, Capacitor — для iOS та Android. Оновлення доставляє electron‑updater із дельта‑завантаженням: завантажується лише змінена частина.

Скриншоти