← Все кейсы ← Кейс 23
Кейс 24

Hermes Workspace

Веб-десктоп для управления агентом: дашборд, чат, канбан, файлы, терминал, skills, jobs, память. Всё в одном окне.

Dashboard Chat Kanban Terminal Jobs Skills Files Memory

⚠️ Проблема

  • Hermes Agent — CLI-only, нет GUI
  • Мониторинг и управление — только через терминал и систему
  • Нет единого интерфейса для задач, файлов, логов
  • Сложно онбордить новых пользователей без веб-интерфейса

✅ Решение

  • Веб-десктоп с кастомизируемым интерфейсом
  • Чат с агентом + терминал в браузере
  • Канбан-доска для задач и jobs
  • Файловый менеджер, skills, память — всё в одном месте

Дашборд — всё на одном экране

Главный экран показывает активность агента: текущие сессии, последние сообщения, статус задач, загрузку.

Дашборд Hermes Workspace
Главный экран: активность агента, последние сессии, статус

Чат с агентом — как Telegram, только мощнее

Полноценный интерфейс чата с разметкой Markdown, код-блоками с подсветкой, поддержкой файлов, голосовых и изображений. История всех сессий с поиском.

💬 Возможности чата

  • Markdown + подсветка кода (Shiki)
  • Drag & drop файлов
  • Голосовой ввод и TTS-ответ
  • История сессий с поиском
  • Выбор модели на лету

⚡ Особенности

  • Inline-терминал прямо в чате
  • Поддержка инструментов агента
  • Streaming-ответы в реальном времени
  • Персистентная память между сессиями
Чат с агентом
Чат-интерфейс с Markdown, код-блоками и поддержкой файлов

Канбан и управление задачами

Доска задач с колонками по статусам: To Do, In Progress, Done. Можно создавать, редактировать, перетаскивать карточки. Каждая задача — с приоритетом, дедлайном, тегами.

📋 Возможности

  • Drag & drop между колонками
  • Приоритеты: высокий/средний/низкий
  • Дедлайны + просрочка
  • Метки и фильтры
  • Автосоздание задач из поручений

🔄 Интеграции

  • Jira / Linear (через агента)
  • Jobs pipeline: задача → job
  • Уведомления в Telegram
  • Экспорт в Markdown
Канбан-доска
Канбан-доска с колонками статусов и карточками задач

Jobs — пайплайны и автоматизация

Просмотр и управление запущенными задачами агента: cron-расписания, статусы, логи выполнения, перезапуск.

Jobs
Панель управления jobs: статусы, логи, перезапуск

Skills — библиотека навыков

Просмотр, установка и управление навыками агента. Каждый навык — отдельная карточка с описанием, версией, категорией.

Skills
Каталог навыков агента с карточками и поиском

Файлы, память, терминал и conductor

Files
Файловый менеджер
Memory
Управление памятью
Terminal
Терминал в браузере (xterm.js)
Conductor
Multi-agent conductor
Settings
Настройки + выбор модели
Splash
Загрузочный экран

Технологический стек

⚙ Архитектура

React 19 + TypeScript · TanStack Router (SSR) · Tailwind CSS 4 · Zustand (state) · TanStack Query · Monaco Editor · xterm.js · Shiki (подсветка кода) · Vite 7 · pnpm

🔌 Подключение к агенту

Через Gateway API (HTTP + WebSocket). Работает с любым экземпляром Hermes Agent — локальным или удалённым. Конфигурация через .env: HERMES_API_URL.

Как запустить

# 1. Клонировать
git clone https://github.com/outsourc-e/hermes-workspace.git
cd hermes-workspace

# 2. Установить
pnpm install

# 3. Настроить .env
cp .env.example .env
# Указать HERMES_API_URL=http://localhost:8642

# 4. Запустить dev-режим
pnpm dev --host 0.0.0.0 --port 3000

# 5. Открыть в браузере
open http://localhost:3000
GitHub → Демо →