Retro Claude Team Console 🖥️✨

90'lar retro/pixel estetiğiyle hazırlanmış, Claude CLI oturumunu web arayüzünden yöneten deneysel bir ekip konsolu.
Amaç: tek bir web uygulaması üzerinden Claude oturumu başlatmak, team mode bootstrap prompt'unu göndermek, canlı cevap akışını izlemek ve ekip üyelerinin yanıtlarını rol bazlı kartlarda görmek.

Özellikler 🚀

• Canlı Claude oturumu başlatma
• Activate Team ile bootstrap prompt gönderme
• Retro/pixel web konsol arayüzü
• Sol panelde canlı ana akış
• Sağ panelde ekip üyelerine göre ayrılmış kartlar
• Hedef kişiye göre yönlendirilmiş prompt gönderimi
• Mazlum:, Simsar:, Aybuke: gibi etiketli cevap formatı
• tmux tabanlı PTY oturumu yönetimi

Ekip Yapısı 👥

• Mazlum: Team Lead
• Berkecan: Frontend Developer
• Simsar: Backend Developer
• Aybuke: UI/UX Designer
• Ive: iOS Developer
• Irgatov: Trainee

Teknoloji Yığını 🧰

• Node.js
• Express
• Socket.IO
• React
• Vite
• tmux

Gereksinimler 📦

• Node.js
• npm
• tmux
• makinede erişilebilir bir claude binary

Kontrol etmek için:

node -v
npm -v
tmux -V
claude --version

Ortam Değişkenleri 🔐

Örnek .env:

API_KEY_PRO="..."
API_KEY_LITE="..."
ACTIVE_KEY=pro

ANTHROPIC_BASE_URL="https://api.z.ai/api/anthropic"
ANTHROPIC_MODEL="glm-5"

İsteğe bağlı değişkenler:

PORT=3001
CLAUDE_BIN=claude
CLAUDE_SHELL=/bin/zsh
CLAUDE_WORKSPACE_DIR=/path/to/workspace
CLAUDE_ARGS=--dangerously-skip-permissions
WATCH_LOG_LIMIT=400
CHAT_CHUNK_LIMIT=2000
LOG_TO_CONSOLE=true

Kurulum 🛠️

npm install

Geliştirme Modu ▶️

npm run dev

Bu komut:

• backend'i http://localhost:3001
• frontend'i http://localhost:3000

adresinde çalıştırır.

Production Build 📦

npm run build
npm run start

Kullanım Akışı 🎮

1. Uygulamayı aç
2. Start Session ile Claude oturumunu başlat
3. Activate Team ile ekip bootstrap prompt'unu gönder
4. Bir ekip üyesine ya da tüm takıma prompt yaz
5. Sol panelde ana akışı izle
6. Sağ panelde rol bazlı kartları takip et

Prompt Davranışı 🧠

Sistem şu mantıkla çalışır:

• Kullanıcı mesajında bir ekip üyesinin adı geçerse prompt o kişiye yönlendirilir
• Kısa takip mesajları mümkünse son hedef kişiye bağlanır
• Yanıtların Mazlum: / Simsar: gibi isim etiketiyle başlaması zorlanır
• Sağ paneldeki kartlar bu etiketlere göre doldurulur

Örnek:

Mazlum nasılsın?

Beklenen yanıt:

Mazlum: İyiyim, teşekkür ederim!

Proje Yapısı 🗂️

server/
  bootstrapPrompt.js
  config.js
  index.js
  logService.js
  ptyService.js
  sessionManager.js
  socketHandlers.js
  teamConfig.js

web/
  index.html
  vite.config.js
  src/
    App.jsx
    components/
    hooks/
    lib/
    styles/

Bilinen Notlar ⚠️

• Claude bazen gelen yönlendirme metnini literal yorumlayabilir; routing mantığı hâlâ iyileştirilmeye açık.
• Kart parser'ı etiketli cevap formatına dayanır; format bozulursa bazı mesajlar yanlış karta düşebilir veya hiç görünmeyebilir.
• Auth conflict uyarısı Claude tarafındaki oturum durumuna bağlı olarak görülebilir.
• Bu proje şu anda deneysel bir konsol prototipi olarak düşünülmelidir.

Yakın Yol Haritası 🛣️

• Kart parser'ını daha akıllı hale getirmek
• Kullanıcı mesajlarını da role bazlı akışta göstermek
• Watch/debug görünümünü opsiyonel olarak geri eklemek
• Session geçmişi ve kalıcı log desteği eklemek
• Ekip içi konuşmaları daha güvenilir ayrıştırmak

Lisans 📄

Bu repo için henüz ayrı bir lisans dosyası tanımlanmadı.