POSI+ - desktop-first дашборд арбитражного бота

Идея и сценарии

Мы построили интерфейс вокруг четырёх устойчивых состояний рабочего дня трейдера:

1. Overview — мгновенная картина мира: статус бота, активные DEX, отслеживаемые пары, текущий gas, тренд прибыли за 24 часа и распределение сделок.
2. Arbitrage — поток возможностей в карточках: пара, маршрут (например, Uniswap ↔ PancakeSwap), ожидаемая прибыль, gas, время обнаружения/исполнения.
3. Prices — мониторинг спредов и история цен по выбранным парам, переключение Cards/Table для нужной плотности данных.
4. Settings — управляемый риск: порог прибыли, slippage, gas-лимит, интервал проверок, Test Mode, Auto Execute и защищённая команда Emergency Stop.

Дизайн-система и визуальный язык

Desktop-first сетка

• 12-колоночный layout с контрольными брейкпоинтами 1280–1920+.
• Карточки и графики имеют фиксированные зоны действий (primary action всегда на одном месте), что ускоряет мышечную память.

Цвет и статусность

• Тёмная база с мягкими градиентами снижает усталость глаз.
• Акцент — неоновый лайм для активных состояний; доп. статусы: янтарный (ожидание/фоновые операции), красный (авария).
• Цвета связаны с компонентами через design tokens (semantic: success, warning, danger, muted).

Типографика и иконография

• Контраст и размеры соответствуют WCAG 2.1 AA для dark-темы.
• Чёткая иерархия: крупные KPI-тайлы → вторичные подписи → подсказки.
• Минималистичная иконография усиливает смысл, а не заменяет текст.

Паттерны взаимодействия

• Прогрессивное раскрытие: детали сделки видны по месту, без модальных «ловушек».
• Микровзаимодействия: плавные переходы на графиках, подсветка активной карточки, скелетоны при загрузке.
• Горячие клавиши (готово для desktop-сборки): запуск/стоп, переключение вкладок, поиск пары.
• Безопасные контроли: Test Mode по умолчанию, подтверждения на рискованные действия, явная кнопка Emergency Stop.

Визуализация данных

• Линейные графики прибыли с аккуратными грид-линиями и подсказками по точкам.
• Донат-диаграмма распределения сделок по биржам.
• Спред-виджеты с трендовыми индикаторами и пороговыми подсветками.

Техническая архитектура

Frontend — Next.js

• SSR/ISR для быстрых первых отрисовок и стабильных превью.
• WebSocket/SSE-каналы для живых метрик и статусов.
• Модульная библиотека UI-компонентов (карточки, таблицы, графики, тумблеры, слайдеры).
• Виртуализация списков и бережная работа с ререндером для стабильных 60 fps.

Backend — Go (Gin)

• REST + WS-шлюз, worker-пулы для агрегации котировок и детектора арбитража.
• Идемпотентное исполнение стратегий, трейсинг запросов, ретраи и бэк-офф.

Хранилища

• PostgreSQL — сделки, конфигурации, отчёты, аудит.
• Redis — кэш цен, pub/sub событий, очереди задач, rate-limit.

Безопасность и надёжность

• RBAC и API-ключи, хранение секретов в KMS/ENV.
• Тестовый контур стратегий, централизованное логирование и метрики (готово к Prometheus/Grafana).
• Атомарные операции и ручной Emergency Stop на уровне UI и API.

Деплой

• Контейнеризация (Docker), CI/CD.
• Из общего кода — настольная сборка (Electron/Tauri) с хоткеями и системными уведомлениями.

Результат для пользователя

• Скорость: критичные решения — из одной зоны экрана.
• Прозрачность: явные статусы «Обнаружена / Выполняется / Завершена», трассировка маршрутов.
• Контроль риска: управление порогами и режимами всегда под рукой.
• Готовность к desktop: интерфейс не нужно переначерчивать для настольного приложения.