mirror of https://github.com/siteboon/claudecodeui.git synced 2026-07-09 07:25:43 +08:00

Files

Haile 4cee5e7286 Fix/resolve different bugs (#964 )

* fix: don't overlap thinking banner over conversation

* feat: support message queue and add attention indicator

* fix(shell): use c to copy for claude

* fix: strip timestamp tags from cursor

* fix: select project when loading session from direct URL

* feat: support attached images for all providers

* feat(opencode): support permission options

* fix: resolve source control and chat UX bugs

- make staging real in the git panel: new /stage and /unstage endpoints,
  /status now reports the actual index via porcelain -z (handles renames,
  conflicts, and paths with spaces), and Stage/Unstage All run real git
  commands instead of toggling client-side state
- add branch search to the header dropdown and Branches tab
- persist the chosen permission mode per provider so a brand-new chat
  keeps it once the session id arrives, instead of reverting to default
- replace cmdk's fuzzy model search with strict token matching so
  "chatgpt" no longer surfaces unrelated models
- unit tests for the git status parser

* feat(git): commit graph in history view and cross-spawn everywhere

- render a VSCode-style commit graph in the source control history:
  lane-assignment algorithm, SVG strip with colored rails, merge and
  branch curves, commit dots, and branch/tag badges per commit
- /commits returns parents and ref decorations across all branches
  (--branches --remotes --tags --topo-order) using unit-separator
  fields so pipes in commit subjects can't break parsing
- collect stats via a single --shortstat pass instead of one
  `git show --stat` call per commit; raise the history limit to 50
- replace child_process spawn with cross-spawn in all runtimes,
  routes, and services: it resolves .cmd shims and PATHEXT on
  Windows (fixing taskmaster's npx invocations) and delegates to
  native spawn elsewhere, removing the per-file win32 ternaries
- unit tests for the log parser and lane assignment

* fix: remove gemini support since google discontinued it

* fix: address code review findings

- validate chat image attachments server-side: only files inside the
  ~/.cloudcli/assets upload store may reach provider file reads
- harden asset serving with nosniff and attachment disposition for
  SVGs to prevent stored XSS
- show the timestamp on image-only user messages
- serialize git stage/unstage calls and defer the status re-sync so
  rapid toggles can't interleave or flicker
- use a literal hex fallback for commit ref badges (alpha suffix on a
  var() string produced invalid CSS)
- stop binding a URL session to a guening
  project instead
- add the missing attentionRequiredIndicator key to all sidebar locales
- clean up dangling conjunctions left the
  de/ru/tr/ja/zh-CN/zh-TW READMEs

* fix: address code scanning findings

- enforce a second image trust boundary in the provider builders:
  buildClaudeUserContent/buildCodexInputItems only accept files inside
  the upload store or the run's working directory (CodeQL path
  injection)
- drop an always-true selectedProject check in handleSubmit
- remove the unused resume option from spawnCursor

* fix: use CodeQL-recognized containment check for image reads

Replace the path.relative guard in isPathInsideDirectory with the
resolve + startsWith(root + sep) idiom so the path-injection barrier
is visible to code scanning; behavior is unchanged.

* fix(security): canonicalize Claude image attachment reads

Resolve image attachment paths with realpath before reading so symlinks
inside allowed roots cannot escape to arbitrary files. Preserve support for
symlinked project/upload roots and add focused coverage for both cases.

* fix: show agent subtask

* fix(sessions): title app-created sessions from the first user message

App-created sessions (started by sending a message from cloudcli) were
titled with placeholder names — "Untitled Codex Session" from the disk
indexer and, briefly, "New session" from the empty canonical upsert —
before a later sync finally settled on the right text, causing the
sidebar title to flicker.

- Codex/OpenCode synchronizers now title app-created sessions (distinct
  app id mapped to a provider id) from the first user message, while
  sessions found purely by indexing keep their existing setup. Claude
  keeps its AI-generated titles; Cursor already used the first message.
- Decode OpenCode's JSON-string-literal prompts so titles no longer
  surface wrapped in quotes; hoist unwrapJsonStringLiteral into
  shared/utils since it's now used by both the reader and synchronizer.
- Guard the sidebar upsert merge so an empty summary can never blank out
  a title that is already set.
- Add codex/opencode synchronizer tests for the app-created vs indexed
  naming paths.

* fix(chat): make message queuing reliable across sessions and turn boundaries

Queued messages had four related defects:

- A queued message flashed and then vanished at flush time: concurrent
  transcript refreshes (the `complete` handler racing the watcher-triggered
  update) could resolve out of order, letting a stale response overwrite
  newer server messages after the optimistic row was pruned. Session slots
  now carry a monotonic fetch ticket and discard stale fetch/refresh/
  fetchMore responses.

- Switching sessions flushed the previous session's queued draft into the
  newly viewed one (sending it with the wrong provider's settings, e.g. a
  Claude model into a Codex session). The composer flush is now scoped to
  its session, and a draft restored into an idle session sends after a
  short grace period so a live-run ack can cancel it.

- The thinking banner never appeared for a queued turn: the chat handler's
  session-keyed completeRun safety net could fire after a queued message
  had already started the session's next run, emitting a spurious
  `complete` that killed it. The safety net is now scoped to its own run
  via completeRunIfCurrent (with a regression test).

- Queued messages only sent while their session was being viewed. Drafts
  now persist their send options (model, effort, permissions) at queue
  time, and a new app-level useQueuedMessageAutoSend hook dispatches a
  non-viewed session's queued message as soon as its run completes, using
  the storage key as the claim ticket to prevent double sends.

2026-07-08 10:32:32 +02:00

14 KiB

Raw Blame History

Cloud CLI (Claude Code UI olarak da bilinir)

Claude Code, Cursor CLI, Codex için masaüstü ve mobil arayüz.
Yerel ya da uzaktan kullanarak aktif projelerine ve oturumlarına her yerden erişebilirsin.

CloudCLI Cloud · Dokümantasyon · Discord · Sorun Bildir · Katkıda Bulun

English · Русский · Deutsch · 한국어 · 简体中文 · 繁體中文 · 日本語 · Türkçe

Ekran Görüntüleri

Masaüstü Görünümü Proje genel bakışı ve sohbeti gösteren ana arayüz	Mobil Deneyim Dokunma gezinmesiyle duyarlı mobil tasarım
CLI Seçimi Claude Code, Cursor CLI ve Codex arasında seçim yap

Özellikler

Duyarlı Tasarım — Masaüstü, tablet ve mobilde sorunsuz çalışır; böylece ajanlarını telefondan da kullanabilirsin
Etkileşimli Sohbet Arayüzü — Ajanlarla akıcı iletişim için dahili sohbet arayüzü
Entegre Shell Terminali — Yerleşik shell özelliği üzerinden ajan CLI'larına doğrudan erişim
Dosya Gezgini — Sözdizimi vurgulama ve canlı düzenleme ile etkileşimli dosya ağacı
Git Gezgini — Değişikliklerini görüntüle, staging'e ekle ve commit'le. Dallar arası geçiş de yapabilirsin
Oturum Yönetimi — Konuşmalara devam et, birden fazla oturumu yönet ve geçmişi takip et
Eklenti Sistemi — CloudCLI'ı özel eklentilerle genişlet: yeni sekmeler, arka uç servisleri ve entegrasyonlar ekle. Kendi eklentini yaz →
TaskMaster AI Entegrasyonu (İsteğe Bağlı) — AI destekli görev planlama, PRD ayrıştırma ve iş akışı otomasyonu ile gelişmiş proje yönetimi
Model Uyumluluğu — Claude ve GPT model aileleriyle çalışır (desteklenen tüm modeller için GET /api/providers/:provider/models API'sine bak)

Hızlı Başlangıç

CloudCLI Cloud (Önerilen)

Başlamanın en hızlı yolu — yerel kurulum yok. Web, mobil uygulama, API veya favori IDE'nden erişilebilen, tam yönetilen, konteyner tabanlı bir geliştirme ortamına sahip ol.

CloudCLI Cloud ile başla

Kendin Barındır (Açık Kaynak)

npm

CloudCLI UI'yi npx ile anında dene (Node.js v22+ gerekir):

npx @cloudcli-ai/cloudcli

Veya düzenli kullanım için genel olarak kur:

npm install -g @cloudcli-ai/cloudcli
cloudcli

http://localhost:3001 adresini aç — mevcut tüm oturumların otomatik olarak keşfedilir.

Tam yapılandırma seçenekleri, PM2, uzak sunucu kurulumu ve daha fazlası için dokümantasyonu ziyaret et →.

Docker Sandbox'lar (Deneysel)

Ajanları hipervizör seviyesinde izolasyonlu sandbox'larda çalıştır. Varsayılan olarak Claude Code başlar. sbx CLI gerekir.

npx @cloudcli-ai/cloudcli@latest sandbox ~/my-project

Claude Code ve Codex'i destekler. Kurulum ve gelişmiş seçenekler için sandbox dokümantasyonuna bak.

Hangi seçenek sana uygun?

CloudCLI UI, CloudCLI Cloud'u güçlendiren açık kaynak arayüz katmanıdır. Kendi makinende barındırabilir, izolasyon için Docker sandbox'ta çalıştırabilir veya tam yönetilen ortam için CloudCLI Cloud kullanabilirsin.

	Kendin Barındır (npm)	Kendin Barındır (Docker Sandbox) (Deneysel)	CloudCLI Cloud
En iyi şunun için	Kendi makinende yerel ajan oturumları	Web/mobil IDE ile izole ajanlar	Ajanlarını bulutta isteyen ekipler
Nasıl erişilir	`[yourip]:port` üzerinden tarayıcıda	`localhost:port` üzerinden tarayıcıda	Tarayıcı, herhangi bir IDE, REST API, n8n
Kurulum	`npx @cloudcli-ai/cloudcli`	`npx @cloudcli-ai/cloudcli@latest sandbox ~/project`	Kurulum gerekmez
İzolasyon	Kendi host'unda çalışır	Hipervizör seviyesi sandbox (microVM)	Tam bulut izolasyonu
Makinenin açık kalması gerek	Evet	Evet	Hayır
Mobil erişim	Ağındaki herhangi bir tarayıcı	Ağındaki herhangi bir tarayıcı	Herhangi bir cihaz, native uygulama yolda
Desteklenen ajanlar	Claude Code, Cursor CLI, Codex	Claude Code, Codex	Claude Code, Cursor CLI, Codex
Dosya gezgini ve Git	Evet	Evet	Evet
MCP yapılandırması	`~/.claude` ile senkron	UI üzerinden yönetilir	UI üzerinden yönetilir
REST API	Evet	Evet	Evet
Ekip paylaşımı	Hayır	Hayır	Evet
Platform maliyeti	Ücretsiz, açık kaynak	Ücretsiz, açık kaynak	Aylık 7 €'dan başlar

Tüm seçenekler kendi AI aboneliklerini (Claude, Cursor, vb.) kullanır — CloudCLI AI'ı değil, ortamı sağlar.

Güvenlik ve Araç Yapılandırması

🔒 Önemli Uyarı: Tüm Claude Code araçları varsayılan olarak devre dışıdır. Bu, potansiyel olarak zararlı işlemlerin otomatik çalışmasını önler.

Araçları Etkinleştirme

Claude Code'un tam işlevselliğinden yararlanmak için araçları manuel olarak etkinleştirmen gerekir:

Araç Ayarlarını Aç — Kenar çubuğundaki dişli simgesine tıkla
Seçerek Etkinleştir — Yalnızca ihtiyacın olan araçları aç
Ayarları Uygula — Tercihlerin yerel olarak kaydedilir

Araç Ayarları arayüzü — yalnızca ihtiyacın olanı etkinleştir

Önerilen yaklaşım: Temel araçlarla başla ve gerektikçe daha fazlasını ekle. Bu ayarları sonra her zaman değiştirebilirsin.

Eklentiler

CloudCLI, kendi frontend UI'sı ve isteğe bağlı Node.js arka ucu olan özel sekmeler eklemeni sağlayan bir eklenti sistemine sahiptir. Git depolarından eklentileri doğrudan Ayarlar > Eklentiler'den yükleyebilir veya kendi eklentini yazabilirsin.

Mevcut Eklentiler

Eklenti	Açıklama
Project Stats	Mevcut projen için dosya sayıları, kod satırları, dosya türü dağılımı, en büyük dosyalar ve son değiştirilen dosyaları gösterir
Web Terminal	Çoklu sekme destekli tam xterm.js terminali
Claude Watch	Uzun süren Claude Code oturumlarını takılmalara karşı izler ve süreç kontrolleri sunar
CloudCLI Scheduler	Çalışma alanı kapsamlı zamanlanmış prompt'lar oluşturur ve bunları Codex veya Claude Code gibi yerel CLI'larla çalıştırır
PRISM CloudCLI	CloudCLI içinde Claude Code oturum zekası ve token tüketimi görünürlüğü sağlar
Sessions	Aktif Claude Code oturumlarını görüntülemeni, yönetmeni ve sonlandırmanı sağlar
Token Cost Calculator	Model fiyatları ve token kullanımından API maliyetlerini hesaplar; model fiyatı hazır ayarlarını destekler
Task Queue	Ajan görevlerini görüntülemek, filtrelemek ve başlatmak için görev kuyruğu paneli
GitHub Issues Board	GitHub Issues için Kanban panosu; çift yönlü TaskMaster senkronizasyonu ve /github-task CLI becerisi otomatik kurulumu içerir

Kendi Eklentini Yaz

Plugin Starter Şablonu → — kendi eklentini oluşturmak için bu repo'yu fork'la. Frontend render, canlı bağlam güncellemeleri ve arka uç sunucusuyla RPC iletişimi içeren çalışan bir örnek içerir.

Plugin Dokümantasyonu → — plugin API'sı, manifest formatı, güvenlik modeli ve daha fazlası için tam rehber.

Sık Sorulan Sorular

Bu Claude Code Remote Control'dan nasıl farklı?

Claude Code Remote Control, yerel terminalinde zaten çalışan bir oturuma mesaj göndermeni sağlar. Makinen açık kalmak zorunda, terminalin açık kalmak zorunda ve ağ bağlantısı olmadan yaklaşık 10 dakika sonra oturumlar zaman aşımına uğrar.

CloudCLI UI ve CloudCLI Cloud, Claude Code'un yanında değil içinde çalışır — MCP sunucuların, izinlerin, ayarların ve oturumların, Claude Code'un yerel olarak kullandığının birebir aynısıdır. Hiçbir şey çoğaltılmaz veya ayrı yönetilmez.

Pratikte bu ne demek:

Tek oturum değil, tüm oturumların — CloudCLI UI, ~/.claude klasöründeki her oturumu otomatik keşfeder. Remote Control yalnızca tek aktif oturumu Claude mobil uygulamasına açar.
Ayarların sana ait — UI'da değiştirdiğin MCP sunucuları, araç izinleri ve proje yapılandırması doğrudan Claude Code yapılandırmana yazılır ve anında etkili olur; tersi de geçerli.
Daha fazla ajanla çalışır — Sadece Claude Code değil; Cursor CLI ve Codex de.
Sadece sohbet penceresi değil, tam UI — dosya gezgini, Git entegrasyonu, MCP yönetimi ve shell terminali hepsi yerleşik.
CloudCLI Cloud bulutta çalışır — laptop'unu kapat, ajan çalışmaya devam eder. Beklemen gereken terminal yok, uyanık tutman gereken makine yok.

AI aboneliği için ayrıca ödeme yapmam gerekiyor mu?

Evet. CloudCLI AI'yi değil, ortamı sağlar. Kendi Claude, Cursor veya Codex aboneliğini getirirsin. CloudCLI Cloud, barındırılan ortam için aylık 7 €'dan başlar — bunun üzerine eklenir.

CloudCLI UI'yi telefonumda kullanabilir miyim?

Evet. Kendin barındırdığında, sunucuyu makinende çalıştır ve ağındaki herhangi bir tarayıcıda [yourip]:port adresini aç. CloudCLI Cloud için, herhangi bir cihazdan aç — VPN yok, port yönlendirme yok, kurulum yok. Native bir uygulama da hazırlanıyor.

UI'da yaptığım değişiklikler yerel Claude Code kurulumumu etkiler mi?

Evet, kendin barındırdığında. CloudCLI UI, Claude Code'un yerel olarak kullandığı aynı ~/.claude yapılandırmasından okur ve ona yazar. UI üzerinden eklediğin MCP sunucuları Claude Code'da anında görünür; tersi de geçerli.

Topluluk ve Destek

Dokümantasyon — kurulum, yapılandırma, özellikler ve sorun giderme
Discord — yardım al ve diğer kullanıcılarla tanış
GitHub Issues — hata raporları ve özellik istekleri
Katkı Rehberi — projeye nasıl katkıda bulunulur

Lisans

GNU Affero General Public License v3.0 veya sonrası (AGPL-3.0-or-later) — tam metin ve Bölüm 7 altındaki ek şartlar için LICENSE dosyasına bak.

Bu proje açık kaynaklıdır ve AGPL-3.0-or-later lisansı altında özgürce kullanılabilir, değiştirilebilir ve dağıtılabilir. Bu yazılımı değiştirir ve bir ağ servisi olarak çalıştırırsan, değiştirilmiş kaynak kodunu o servisin kullanıcılarına sunmak zorundasın.

CloudCLI UI — (https://cloudcli.ai).

Teşekkürler

Kullanılan Teknolojiler

Claude Code — Anthropic'in resmi CLI'ı
Cursor CLI — Cursor'un resmi CLI'ı
Codex — OpenAI Codex
React — Kullanıcı arayüzü kütüphanesi
Vite — Hızlı derleme aracı ve geliştirme sunucusu
Tailwind CSS — Utility-first CSS framework
CodeMirror — Gelişmiş kod editörü
TaskMaster AI (İsteğe Bağlı) — AI destekli proje yönetimi ve görev planlama

Sponsorlar

Siteboon — AI destekli web sitesi oluşturucu

Claude Code, Cursor ve Codex topluluğu için özenle yapıldı.

14 KiB Raw Blame History Unescape Escape