Досье №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 с дельта‑загрузкой: скачивается только изменившаяся часть.

Скриншоты