Hermes War Room Açık Kaynak: GitHub'da 215 Yıldız Alan AI Orkestrasyon Dashboard'ı

Bir süre önce Hermes War Room konseptini ve Hermes Agent ile nasıl çalıştığını anlatan bir yazı yayınlamıştım. Bu yazıda ise projenin açık kaynak koduna, mimarisine ve GitHub’daki repo’suna odaklanıyorum.

Naroh091/hermes-war-room — 215 yıldız, 21 fork, MIT lisansı. Nuxt 4 ve Vue ile geliştirilmiş bu proje, AI ajan filolarını yönetmek için eksiksiz bir web dashboard sunuyor.

Not: Bu yazı, Hermes War Room’un konseptini değil, açık kaynak repo’yu ve teknik mimarisini anlatır. Konsept ve Hermes entegrasyonu için önceki yazıya göz atabilirsiniz.

1. Proje Hakkında

Hermes War Room, Hermes Agent için görsel bir UI katmanı sağlar. Terminal ekranlarında kaybolmadan, browser üzerinden tüm AI ajan filonuzu yönetmenizi sağlar.

Proje kısa sürede büyük ilgi gördü — 12 günde 215 yıldız topladı. Bu, AI agent topluluğunun görsel orchestration araçlarına ne kadar ihtiyaç duyduğunu gösteriyor.

2. Teknik Mimari

Hermes War Room, Nuxt 4 framework’ü üzerine inşa edilmiş modern bir full-stack uygulama.

Stack

Dizin Yapısı

hermes-war-room/
├── app/
│   ├── pages/
│   │   ├── index.vue          # War Room - canlı dashboard
│   │   ├── team.vue           # Team - profil yönetimi
│   │   └── missions.vue       # Missions - görev arşivi
│   ├── components/
│   │   ├── OperativeCard.vue
│   │   ├── KanbanBoard.vue
│   │   ├── MissionChat.vue
│   │   └── MissionThread.vue
│   ├── composables/
│   │   ├── useKanban.ts
│   │   ├── useHermes.ts
│   │   └── useMission.ts
│   └── server/
│       └── api/
│           ├── kanban/
│           ├── operatives/
│           └── missions/
├── assets/
├── data/                      # SQLite veritabanları
├── nuxt.config.ts
├── tailwind.config.ts
└── package.json

3. Üç Ana Sayfa

3.1 War Room (/) — Ana Dashboard

Sayfa 50/50 oranında ikiye bölünmüştür:

• Sol panel — Görev Kontrol:
  • Chat sekmesi: Orkestratörle doğrudan iletişim
  • Board sekmesi: 4 sütunlu kanban (Todo / Ready / Running / Blocked)
• Sağ panel — Operatif Katı: Her aktif ajan bir “iş istasyonu” olarak görüntülenir:
  • Profil rengi ve avatar
  • İsim kartelası ve rütbe
  • Durum etiketi (idle, running, blocked)
  • Canlı düşünce balonu (reasoning)

3.2 Team (/team) — Ajan Yönetimi

Tüm ajan profillerini tek ekranda yönetin:

• Kimlik Kartları: Her profil özelleştirilebilir kart olarak görüntülenir
• Hire: Yeni ajan ekleme — hermes profile create <slug>
• Retrain: SOUL.md, yetenekler, MCP sunucuları düzenleme
• Fire: Profil silme
• Deactivate: Geçici gizleme

3.3 Missions (/missions) — Görev Arşivi

Geçmiş tüm görevlerin sayfalanmış geçmişi:

• Açık / Arşivlenmiş / Tümü filtreleri
• Görev süreleri, atanan ajanlar, alt görev zincirleri

4. ACP (Agent Client Protocol) Entegrasyonu

Hermes War Room’un en kritik teknik özelliği, Agent Client Protocol (ACP) ile Hermes Agent profilleriyle iletişim kurması.

// server/api/operatives/[slug].ts
export default defineEventHandler(async (event) => {
  const slug = getRouterParam(event, 'slug')
  
  // Hermes ACP subprocess'i başlat
  const proc = exec(`hermes -p ${slug} acp`, {
    cwd: process.env.HERMES_HOME || `${os.homedir()}/.hermes`
  })
  
  // SSE ile canlı stream
  const eventStream = createEventStream(event)
  
  proc.stdout.on('data', (data) => {
    eventStream.push({
      event: 'agent-thought',
      data: JSON.parse(data.toString())
    })
  })
  
  return eventStream
})

Nitro server, her ajan profili için ayrı bir hermes -p <slug> acp subprocess’i yönetir. Bu sayede tüm ajanlarla eşzamanlı iletişim kurulabilir.

Gerçek Zamanlı İletişim

// composables/useMission.ts
export function useMission() {
  const missionLog = ref<string[]>([])

  async function sendTask(task: string) {
    // Orkestratöre görevi ilet
    const response = await $fetch('/api/missions', {
      method: 'POST',
      body: { task, agent: 'lider' }
    })
    
    // SSE ile canlı takip
    const eventSource = new EventSource(`/api/operatives/lider`)
    eventSource.onmessage = (event) => {
      missionLog.value.push(JSON.parse(event.data))
    }
    
    return response
  }

  return { missionLog, sendTask }
}

5. Kurulum

Gereksinimler

• Node.js 22+ — Nuxt 4’ün gerektirdiği minimum sürüm
• Hermes CLI — Host sistemde kurulu olmalı
• pnpm — Paket yöneticisi

Development

git clone https://github.com/Naroh091/hermes-war-room.git
cd hermes-war-room
pnpm install
pnpm dev
# → http://localhost:3000

Production

GitHub Releases sayfasından hermes-war-room.tar.gz dosyasını indirin:

# Release tarball'ı indir ve çıkar
tar -xzf hermes-war-room.tar.gz

# Ortam değişkenleriyle başlat
HERMES_HOME=$HOME/.hermes \
NITRO_HOST=0.0.0.0 \
NITRO_PORT=3000 \
  node .output/server/index.mjs

Ön Hazırlık

War Room’u kullanmadan önce Hermes profillerinizi oluşturun:

hermes profile create lider
hermes profile create investigador
hermes profile create writer

# Dispatcher'ı başlat
hermes gateway start

Ardından Team sayfasından profilleri ekleyip yapılandırın.

6. Release Geçmişi

Proje 12 günde 7 release yayınladı — hızlı bir geliştirme süreci:

7. Neden Bu Proje Önemli?

AI agent ekosistemi hızla büyüyor. Hermes, Claude Code, OpenClaw gibi araçlar CLI üzerinden güçlü yetenekler sunuyor. Ama çoklu ajan yönetiminde görsellik ve sezgisel kontrol eksik kalıyor.

Hermes War Room bu boşluğu dolduruyor:

• GitHub’da 215 yıldız — topluluk ihtiyacı doğruluyor
• 7 release / 12 gün — aktif geliştirme, hızlı iterasyon
• MIT lisansı — özgürce kullan, değiştir, dağıt
• Nuxt 4 + Vue + TypeScript — modern, bakımı kolay stack
• ACP entegrasyonu — sadece Hermes’e özel değil, diğer ACP uyumlu araçlarla da çalışabilir

Proje, AI agent orchestration’ın bir sonraki adımını temsil ediyor — terminalden browser’a geçiş.

8. Topluluk ve Katkı

Proje açık kaynak olduğu için topluluk katkılarına açık:

• Issues: 4 açık issue — hata raporları ve feature request’ler
• Pull Requests: Topluluk katkıları kabul ediliyor
• Discussions: GitHub Discussions üzerinden tartışmalar

Katkıda bulunmak isterseniz:

# Fork'layın
gh repo fork Naroh091/hermes-war-room

# Değişikliklerinizi yapın
git checkout -b feat/benim-ozelligim

# Pull request açın
gh pr create --repo Naroh091/hermes-war-room

9. Sonuç

Naroh091/hermes-war-room, AI agent orchestration’ı görsel ve yönetilebilir kılan, hızla büyüyen bir açık kaynak projesi. Nuxt 4 + Vue + TypeScript stack’i ile modern web geliştirme pratiklerini takip ediyor.

215 GitHub yıldızı, 21 fork ve 12 günde 7 release — bu projenin AI topluluğunda ne kadar karşılık bulduğunu gösteriyor. Eğer Hermes Agent ile çoklu ajan yönetimi yapıyorsanız, War Room’u denemelisiniz.

10. Kaynaklar

• Hermes War Room GitHub
• Hermes Agent
• Nuxt 4 Framework
• Tailwind CSS v4
• Agent Client Protocol
• Önceki Yazı: Hermes Orchestration War Room

Hero görseli: fal.ai + FLUX.1 Dev ile üretilmiştir