diff --git a/.release-it.json b/.release-it.json index ebe41a00..0d2a0f85 100644 --- a/.release-it.json +++ b/.release-it.json @@ -6,7 +6,8 @@ "requireCleanWorkingDir": true }, "npm": { - "publish": true + "publish": true, + "publishArgs": ["--access public"] }, "github": { "release": true, diff --git a/README.de.md b/README.de.md index c5e7959d..4e163781 100644 --- a/README.de.md +++ b/README.de.md @@ -79,13 +79,13 @@ Der schnellste Einstieg – keine lokale Einrichtung erforderlich. Erhalte eine CloudCLI UI sofort mit **npx** ausprobieren (erfordert **Node.js** v22+): ```bash -npx @siteboon/claude-code-ui +npx @cloudcli-ai/cloudcli ``` Oder **global** installieren für regelmäßige Nutzung: ```bash -npm install -g @siteboon/claude-code-ui +npm install -g @cloudcli-ai/cloudcli cloudcli ``` @@ -104,7 +104,7 @@ CloudCLI UI ist die Open-Source-UI-Schicht, die CloudCLI Cloud antreibt. Du kann |---|---|---| | **Am besten für** | Entwickler:innen, die eine vollständige UI für lokale Agent-Sitzungen auf ihrem eigenen Rechner möchten | Teams und Entwickler:innen, die Agents in der Cloud betreiben möchten, überall erreichbar | | **Zugriff** | Browser via `[deineIP]:port` | Browser, jede IDE, REST API, n8n | -| **Einrichtung** | `npx @siteboon/claude-code-ui` | Keine Einrichtung erforderlich | +| **Einrichtung** | `npx @cloudcli-ai/cloudcli` | Keine Einrichtung erforderlich | | **Rechner muss laufen** | Ja | Nein | | **Mobiler Zugriff** | Jeder Browser im Netzwerk | Jedes Gerät, native App in Entwicklung | | **Verfügbare Sitzungen** | Alle Sitzungen automatisch aus `~/.claude` erkannt | Alle Sitzungen in deiner Cloud-Umgebung | diff --git a/README.ja.md b/README.ja.md index 37239455..eada6dec 100644 --- a/README.ja.md +++ b/README.ja.md @@ -75,13 +75,13 @@ **npx** で今すぐ CloudCLI UI を試せます（**Node.js** v22+ が必要）： ```bash -npx @siteboon/claude-code-ui +npx @cloudcli-ai/cloudcli ``` または、普段使いするなら **グローバル** にインストール： ```bash -npm install -g @siteboon/claude-code-ui +npm install -g @cloudcli-ai/cloudcli cloudcli ``` @@ -100,7 +100,7 @@ CloudCLI UI は、CloudCLI Cloud を支えるオープンソースの UI レイ |---|---|---| | **対象ユーザー** | 自分のマシン上でローカルの agent セッションに対してフル UI を使いたい開発者 | クラウド上で動く agents をどこからでも利用したいチーム／開発者 | | **アクセス方法** | ブラウザ（`[yourip]:port`） | ブラウザ、任意の IDE、REST API、n8n | -| **セットアップ** | `npx @siteboon/claude-code-ui` | セットアップ不要 | +| **セットアップ** | `npx @cloudcli-ai/cloudcli` | セットアップ不要 | | **マシンの稼働継続** | はい | いいえ | | **モバイルアクセス** | 同一ネットワーク内の任意のブラウザ | 任意のデバイス（ネイティブアプリも準備中） | | **利用可能なセッション** | `~/.claude` から全セッションを自動検出 | クラウド環境内の全セッション | diff --git a/README.ko.md b/README.ko.md index 29a4024c..ed8ddd9f 100644 --- a/README.ko.md +++ b/README.ko.md @@ -75,13 +75,13 @@ **npx**로 즉시 CloudCLI UI를 실행하세요 (Node.js v22+ 필요): ```bash -npx @siteboon/claude-code-ui +npx @cloudcli-ai/cloudcli ``` **정기적으로 사용한다면 전역 설치:** ```bash -npm install -g @siteboon/claude-code-ui +npm install -g @cloudcli-ai/cloudcli cloudcli ``` @@ -99,7 +99,7 @@ CloudCLI UI는 CloudCLI Cloud를 구동하는 오픈 소스 UI 계층입니다. |---|---|---| | **적합한 대상** | 로컬 에이전트 세션을 위한 전체 UI가 필요한 개발자 | 어디서든 접근 가능한 클라우드에서 에이전트를 운영하고자 하는 팀 및 개발자 | | **접근 방법** | `[yourip]:port`를 통해 브라우저 접속 | 브라우저, IDE, REST API, n8n | -| **설정** | `npx @siteboon/claude-code-ui` | 설정 불필요 | +| **설정** | `npx @cloudcli-ai/cloudcli` | 설정 불필요 | | **기기 유지 필요 여부** | 예 (머신 켜둬야 함) | 아니오 | | **모바일 접근** | 네트워크 내 브라우저 | 모든 기기 (네이티브 앱 예정) | | **세션 접근** | `~/.claude`에서 자동 발견 | 클라우드 환경 내 세션 | diff --git a/README.md b/README.md index 3c78f6d6..751f1659 100644 --- a/README.md +++ b/README.md @@ -79,13 +79,13 @@ The fastest way to get started — no local setup required. Get a fully managed, Try CloudCLI UI instantly with **npx** (requires **Node.js** v22+): ``` -npx @siteboon/claude-code-ui +npx @cloudcli-ai/cloudcli ``` Or install **globally** for regular use: ``` -npm install -g @siteboon/claude-code-ui +npm install -g @cloudcli-ai/cloudcli cloudcli ``` @@ -104,7 +104,7 @@ CloudCLI UI is the open source UI layer that powers CloudCLI Cloud. You can self |---|---|---| | **Best for** | Developers who want a full UI for local agent sessions on their own machine | Teams and developers who want agents running in the cloud, accessible from anywhere | | **How you access it** | Browser via `[yourip]:port` | Browser, any IDE, REST API, n8n | -| **Setup** | `npx @siteboon/claude-code-ui` | No setup required | +| **Setup** | `npx @cloudcli-ai/cloudcli` | No setup required | | **Machine needs to stay on** | Yes | No | | **Mobile access** | Any browser on your network | Any device, native app coming | | **Sessions available** | All sessions auto-discovered from `~/.claude` | All sessions within your cloud environment | diff --git a/README.ru.md b/README.ru.md index 7adc81d3..c7561ba6 100644 --- a/README.ru.md +++ b/README.ru.md @@ -79,13 +79,13 @@ Попробовать CloudCLI UI можно сразу через **npx** (требуется **Node.js** v22+): ```bash -npx @siteboon/claude-code-ui +npx @cloudcli-ai/cloudcli ``` Или установить **глобально** для регулярного использования: ```bash -npm install -g @siteboon/claude-code-ui +npm install -g @cloudcli-ai/cloudcli cloudcli ``` @@ -104,7 +104,7 @@ CloudCLI UI — это open source UI-слой, на котором постро |---|---|---| | **Лучше всего подходит для** | Разработчиков, которым нужен полноценный UI для локальных агентских сессий на своей машине | Команд и разработчиков, которым нужны агенты в облаке с доступом откуда угодно | | **Как вы получаете доступ** | Браузер через `[yourip]:port` | Браузер, любая IDE, REST API, n8n | -| **Настройка** | `npx @siteboon/claude-code-ui` | Настройка не требуется | +| **Настройка** | `npx @cloudcli-ai/cloudcli` | Настройка не требуется | | **Машина должна оставаться включённой** | Да | Нет | | **Доступ с мобильных устройств** | Любой браузер в вашей сети | Любое устройство, нативное приложение в разработке | | **Доступные сессии** | Все сессии автоматически обнаруживаются из `~/.claude` | Все сессии внутри вашей облачной среды | diff --git a/README.zh-CN.md b/README.zh-CN.md index 1e81c829..690af7d8 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -75,13 +75,13 @@ 启动 CloudCLI UI，只需一行 `npx`（需要 Node.js v22+）： ```bash -npx @siteboon/claude-code-ui +npx @cloudcli-ai/cloudcli ``` 或进行全局安装，便于日常使用： ```bash -npm install -g @siteboon/claude-code-ui +npm install -g @cloudcli-ai/cloudcli cloudcli ``` @@ -99,7 +99,7 @@ CloudCLI UI 是 CloudCLI Cloud 的开源 UI 层。你可以在本地机器上自 |---|---|---| | **适合对象** | 需要为本地代理会话提供完整 UI 的开发者 | 需要部署在云端，随时从任何地方访问代理的团队与开发者 | | **访问方式** | 通过 `[yourip]:port` 在浏览器中访问 | 浏览器、任意 IDE、REST API、n8n | -| **设置** | `npx @siteboon/claude-code-ui` | 无需设置 | +| **设置** | `npx @cloudcli-ai/cloudcli` | 无需设置 | | **机器需保持开机吗** | 是 | 否 | | **移动端访问** | 网络内任意浏览器 | 任意设备（原生应用即将推出） | | **可用会话** | 自动发现 `~/.claude` 中的所有会话 | 云端环境内的会话 | diff --git a/docker/README.md b/docker/README.md new file mode 100644 index 00000000..38cccb18 --- /dev/null +++ b/docker/README.md @@ -0,0 +1,89 @@ +# Claude Code UI — Docker Sandbox Templates + +Run AI coding agents with a full web IDE inside [Docker Sandboxes](https://docs.docker.com/ai/sandboxes/). + +Instead of a terminal-only experience, get a browser-based interface with chat, file explorer, git panel, shell, and MCP configuration — all running safely inside an isolated sandbox. + +## Available Templates + +| Template | Base Image | Agent | +|----------|-----------|-------| +| `cloudcli-ai/sandbox:claude-code` | `docker/sandbox-templates:claude-code` | Claude Code | +| `cloudcli-ai/sandbox:codex` | `docker/sandbox-templates:codex` | OpenAI Codex | +| `cloudcli-ai/sandbox:gemini` | `docker/sandbox-templates:gemini` | Gemini CLI | + +## Quick Start + +### 1. Start a sandbox with the template + +```bash +sbx run --template docker.io/cloudcli-ai/sandbox:claude-code claude ~/my-project +``` + +### 2. Forward the UI port + +```bash +sbx ports --publish 3001:3001 +``` + +### 3. Open the browser + +``` +http://localhost:3001 +``` + +On first visit you'll set a password — this protects the UI if the port is ever exposed beyond localhost. + +## What You Get + +- **Chat** — Rich conversation UI with markdown rendering, code blocks, and message history +- **Files** — Visual file tree with syntax-highlighted editor +- **Git** — Diff viewer, staging, branch switching, and commit — all visual +- **Shell** — Built-in terminal emulator +- **MCP** — Configure Model Context Protocol servers through the UI +- **Mobile** — Works on tablet and phone browsers + +## Building Locally + +All Dockerfiles share scripts from `shared/`. Build with the `docker/` directory as context: + +```bash +# Claude Code variant +docker build -f docker/claude-code/Dockerfile -t cloudcli-sandbox:claude-code docker/ + +# Codex variant +docker build -f docker/codex/Dockerfile -t cloudcli-sandbox:codex docker/ + +# Gemini variant +docker build -f docker/gemini/Dockerfile -t cloudcli-sandbox:gemini docker/ +``` + +## How It Works + +Each template extends Docker's official sandbox base image and adds: + +1. **Node.js 22** — Runtime for Claude Code UI +2. **Claude Code UI** — Installed globally via `npm install -g @cloudcli-ai/cloudcli` +3. **Auto-start** — The UI server starts in the background when the sandbox shell opens (port 3001) + +The agent (Claude Code, Codex, or Gemini) comes from the base image. Claude Code UI connects to it and provides the web interface on top. + +## Configuration + +| Environment Variable | Default | Description | +|---------------------|---------|-------------| +| `SERVER_PORT` | `3001` | Port for the web UI | +| `HOST` | `0.0.0.0` | Bind address | +| `DATABASE_PATH` | `~/.cloudcli/auth.db` | SQLite database location | + +## Network Policies + +If your sandbox uses restricted network policies, allow the UI port: + +```bash +sbx policy allow network "localhost:3001" +``` + +## License + +These templates are free and open-source under the same license as Claude Code UI (AGPL-3.0-or-later). diff --git a/docker/claude-code/Dockerfile b/docker/claude-code/Dockerfile new file mode 100644 index 00000000..ed04cf6b --- /dev/null +++ b/docker/claude-code/Dockerfile @@ -0,0 +1,11 @@ +FROM docker/sandbox-templates:claude-code + +USER root +COPY shared/install-cloudcli.sh /tmp/install-cloudcli.sh +RUN chmod +x /tmp/install-cloudcli.sh && /tmp/install-cloudcli.sh + +USER agent +RUN npm install -g @cloudcli-ai/cloudcli + +COPY shared/start-cloudcli.sh /home/agent/.cloudcli-start.sh +RUN echo '. ~/.cloudcli-start.sh' >> /home/agent/.bashrc diff --git a/docker/codex/Dockerfile b/docker/codex/Dockerfile new file mode 100644 index 00000000..9948d0af --- /dev/null +++ b/docker/codex/Dockerfile @@ -0,0 +1,11 @@ +FROM docker/sandbox-templates:codex + +USER root +COPY shared/install-cloudcli.sh /tmp/install-cloudcli.sh +RUN chmod +x /tmp/install-cloudcli.sh && /tmp/install-cloudcli.sh + +USER agent +RUN npm install -g @cloudcli-ai/cloudcli + +COPY shared/start-cloudcli.sh /home/agent/.cloudcli-start.sh +RUN echo '. ~/.cloudcli-start.sh' >> /home/agent/.bashrc diff --git a/docker/gemini/Dockerfile b/docker/gemini/Dockerfile new file mode 100644 index 00000000..ec7209f0 --- /dev/null +++ b/docker/gemini/Dockerfile @@ -0,0 +1,11 @@ +FROM docker/sandbox-templates:gemini + +USER root +COPY shared/install-cloudcli.sh /tmp/install-cloudcli.sh +RUN chmod +x /tmp/install-cloudcli.sh && /tmp/install-cloudcli.sh + +USER agent +RUN npm install -g @cloudcli-ai/cloudcli + +COPY shared/start-cloudcli.sh /home/agent/.cloudcli-start.sh +RUN echo '. ~/.cloudcli-start.sh' >> /home/agent/.bashrc diff --git a/docker/shared/install-cloudcli.sh b/docker/shared/install-cloudcli.sh new file mode 100644 index 00000000..0390383e --- /dev/null +++ b/docker/shared/install-cloudcli.sh @@ -0,0 +1,14 @@ +#!/bin/bash +set -e + +# Install Node.js 22 LTS +curl -fsSL https://deb.nodesource.com/setup_22.x | bash - + +# Install Node.js + build tools needed for native modules (node-pty, better-sqlite3, bcrypt) +# Node.js + build tools for native modules + common dev tools +apt-get install -y --no-install-recommends \ + nodejs build-essential python3 python3-setuptools \ + jq ripgrep sqlite3 zip unzip tree vim-tiny + +# Clean up apt cache to reduce image size +rm -rf /var/lib/apt/lists/* diff --git a/docker/shared/start-cloudcli.sh b/docker/shared/start-cloudcli.sh new file mode 100644 index 00000000..26b6c8c0 --- /dev/null +++ b/docker/shared/start-cloudcli.sh @@ -0,0 +1,23 @@ +#!/bin/bash + +# Auto-start Claude Code UI server in background if not already running. +# This script is sourced from ~/.bashrc on sandbox shell open. + +if ! pgrep -f "server/index.js" > /dev/null 2>&1; then + # Start the pre-installed version immediately + nohup cloudcli start --port 3001 > /tmp/cloudcli-ui.log 2>&1 & + disown + + # Check for updates in the background (non-blocking) + nohup npm update -g @cloudcli-ai/cloudcli > /tmp/cloudcli-update.log 2>&1 & + disown + + echo "" + echo " Claude Code UI is starting on port 3001..." + echo "" + echo " To access the web UI, forward the port:" + echo " sbx ports \$(hostname) --publish 3001:3001" + echo "" + echo " Then open: http://localhost:3001" + echo "" +fi diff --git a/package-lock.json b/package-lock.json index e17c8619..8c73a1ca 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "@siteboon/claude-code-ui", + "name": "@cloudcli-ai/cloudcli", "version": "1.27.1", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "@siteboon/claude-code-ui", + "name": "@cloudcli-ai/cloudcli", "version": "1.27.1", "hasInstallScript": true, "license": "AGPL-3.0-or-later", @@ -69,7 +69,6 @@ "ws": "^8.14.2" }, "bin": { - "claude-code-ui": "server/cli.js", "cloudcli": "server/cli.js" }, "devDependencies": { diff --git a/package.json b/package.json index 4187dc43..8537b528 100644 --- a/package.json +++ b/package.json @@ -1,11 +1,10 @@ { - "name": "@siteboon/claude-code-ui", + "name": "@cloudcli-ai/cloudcli", "version": "1.27.1", "description": "A web-based UI for Claude Code CLI", "type": "module", "main": "server/index.js", "bin": { - "claude-code-ui": "server/cli.js", "cloudcli": "server/cli.js" }, "files": [ @@ -40,10 +39,21 @@ }, "keywords": [ "claude code", - "ai", + "claude-code", + "claude-code-ui", + "cloudcli", + "codex", + "gemini", + "gemini-cli", + "cursor", + "cursor-cli", "anthropic", + "openai", + "google", + "coding-agent", + "web-ui", "ui", - "mobile" + "mobile IDE" ], "author": "CloudCLI UI Contributors", "license": "AGPL-3.0-or-later", diff --git a/redirect-package/README.md b/redirect-package/README.md new file mode 100644 index 00000000..2cc6cdda --- /dev/null +++ b/redirect-package/README.md @@ -0,0 +1,248 @@ +
+ +> ## This package has moved to [`@cloudcli-ai/cloudcli`](https://www.npmjs.com/package/@cloudcli-ai/cloudcli) +> +> ```bash +> npm install -g @cloudcli-ai/cloudcli +> ``` +> +> This package (`@siteboon/claude-code-ui`) is now a thin wrapper that installs the new package automatically. +> For new installations, use `@cloudcli-ai/cloudcli` directly. + +
+ +--- + +
+ CloudCLI UI +

Cloud CLI (aka Claude Code UI)

+

A desktop and mobile UI for Claude Code, Cursor CLI, Codex, and Gemini-CLI.
Use it locally or remotely to view your active projects and sessions from everywhere.

+
+ +

+ CloudCLI Cloud · Documentation · Discord · Bug Reports · Contributing +

+ +

+ CloudCLI Cloud + Join our Discord +

+ siteboon%2Fclaudecodeui | Trendshift +

+ +--- + +## Screenshots + +
+ + + + + + + + + +
+

Desktop View

+Desktop Interface +
+Main interface showing project overview and chat +		 +

Mobile Experience

+Mobile Interface +
+Responsive mobile design with touch navigation +
+

CLI Selection

+CLI Selection +
+Select between Claude Code, Gemini, Cursor CLI and Codex +
+ + + +
+ +## Features + +- **Responsive Design** - Works seamlessly across desktop, tablet, and mobile so you can also use Agents from mobile +- **Interactive Chat Interface** - Built-in chat interface for seamless communication with the Agents +- **Integrated Shell Terminal** - Direct access to the Agents CLI through built-in shell functionality +- **File Explorer** - Interactive file tree with syntax highlighting and live editing +- **Git Explorer** - View, stage and commit your changes. You can also switch branches +- **Session Management** - Resume conversations, manage multiple sessions, and track history +- **Plugin System** - Extend CloudCLI with custom plugins — add new tabs, backend services, and integrations. [Build your own →](https://github.com/cloudcli-ai/cloudcli-plugin-starter) +- **TaskMaster AI Integration** *(Optional)* - Advanced project management with AI-powered task planning, PRD parsing, and workflow automation +- **Model Compatibility** - Works with Claude, GPT, and Gemini model families (see [`shared/modelConstants.js`](https://github.com/siteboon/claudecodeui/blob/main/shared/modelConstants.js) for the full list of supported models) + + +## Quick Start + +### CloudCLI Cloud (Recommended) + +The fastest way to get started — no local setup required. Get a fully managed, containerized development environment accessible from the web, mobile app, API, or your favorite IDE. + +**[Get started with CloudCLI Cloud](https://cloudcli.ai)** + + +### Self-Hosted (Open source) + +Try CloudCLI UI instantly with **npx** (requires **Node.js** v22+): + +``` +npx @cloudcli-ai/cloudcli +``` + +Or install **globally** for regular use: + +``` +npm install -g @cloudcli-ai/cloudcli +cloudcli +``` + +Open `http://localhost:3001` — all your existing sessions are discovered automatically. + +Visit the **[documentation →](https://cloudcli.ai/docs)** for more full configuration options, PM2, remote server setup and more + + +--- + +## Which option is right for you? + +CloudCLI UI is the open source UI layer that powers CloudCLI Cloud. You can self-host it on your own machine, or use CloudCLI Cloud which builds on top of it with a full managed cloud environment, team features, and deeper integrations. + +| | CloudCLI UI (Self-hosted) | CloudCLI Cloud | +|---|---|---| +| **Best for** | Developers who want a full UI for local agent sessions on their own machine | Teams and developers who want agents running in the cloud, accessible from anywhere | +| **How you access it** | Browser via `[yourip]:port` | Browser, any IDE, REST API, n8n | +| **Setup** | `npx @cloudcli-ai/cloudcli` | No setup required | +| **Machine needs to stay on** | Yes | No | +| **Mobile access** | Any browser on your network | Any device, native app coming | +| **Sessions available** | All sessions auto-discovered from `~/.claude` | All sessions within your cloud environment | +| **Agents supported** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI | +| **File explorer and Git** | Yes, built into the UI | Yes, built into the UI | +| **MCP configuration** | Managed via UI, synced with your local `~/.claude` config | Managed via UI | +| **IDE access** | Your local IDE | Any IDE connected to your cloud environment | +| **REST API** | Yes | Yes | +| **n8n node** | No | Yes | +| **Team sharing** | No | Yes | +| **Platform cost** | Free, open source | Starts at $7/month | + +> Both options use your own AI subscriptions (Claude, Cursor, etc.) — CloudCLI provides the environment, not the AI. + +--- + +## Security & Tools Configuration + +**Important Notice**: All Claude Code tools are **disabled by default**. This prevents potentially harmful operations from running automatically. + +### Enabling Tools + +To use Claude Code's full functionality, you'll need to manually enable tools: + +1. **Open Tools Settings** - Click the gear icon in the sidebar +2. **Enable Selectively** - Turn on only the tools you need +3. **Apply Settings** - Your preferences are saved locally + +**Recommended approach**: Start with basic tools enabled and add more as needed. You can always adjust these settings later. + +--- + +## Plugins + +CloudCLI has a plugin system that lets you add custom tabs with their own frontend UI and optional Node.js backend. Install plugins from git repos directly in **Settings > Plugins**, or build your own. + +### Available Plugins + +| Plugin | Description | +|---|---| +| **[Project Stats](https://github.com/cloudcli-ai/cloudcli-plugin-starter)** | Shows file counts, lines of code, file-type breakdown, largest files, and recently modified files for your current project | +| **[Web Terminal](https://github.com/cloudcli-ai/cloudcli-plugin-terminal)** | Full xterm.js terminal with multi-tab support| + +### Build Your Own + +**[Plugin Starter Template →](https://github.com/cloudcli-ai/cloudcli-plugin-starter)** — fork this repo to create your own plugin. It includes a working example with frontend rendering, live context updates, and RPC communication to a backend server. + +**[Plugin Documentation →](https://cloudcli.ai/docs/plugin-overview)** — full guide to the plugin API, manifest format, security model, and more. + +--- +## FAQ + +
+How is this different from Claude Code Remote Control? + +Claude Code Remote Control lets you send messages to a session already running in your local terminal. Your machine has to stay on, your terminal has to stay open, and sessions time out after roughly 10 minutes without a network connection. + +CloudCLI UI and CloudCLI Cloud extend Claude Code rather than sit alongside it — your MCP servers, permissions, settings, and sessions are the exact same ones Claude Code uses natively. Nothing is duplicated or managed separately. + +Here's what that means in practice: + +- **All your sessions, not just one** — CloudCLI UI auto-discovers every session from your `~/.claude` folder. Remote Control only exposes the single active session to make it available in the Claude mobile app. +- **Your settings are your settings** — MCP servers, tool permissions, and project config you change in CloudCLI UI are written directly to your Claude Code config and take effect immediately, and vice versa. +- **Works with more agents** — Claude Code, Cursor CLI, Codex, and Gemini CLI, not just Claude Code. +- **Full UI, not just a chat window** — file explorer, Git integration, MCP management, and a shell terminal are all built in. +- **CloudCLI Cloud runs in the cloud** — close your laptop, the agent keeps running. No terminal to babysit, no machine to keep awake. + +
+ +
+Do I need to pay for an AI subscription separately? + +Yes. CloudCLI provides the environment, not the AI. You bring your own Claude, Cursor, Codex, or Gemini subscription. CloudCLI Cloud starts at $7/month for the hosted environment on top of that. + +
+ +
+Can I use CloudCLI UI on my phone? + +Yes. For self-hosted, run the server on your machine and open `[yourip]:port` in any browser on your network. For CloudCLI Cloud, open it from any device — no VPN, no port forwarding, no setup. A native app is also in the works. + +
+ +
+Will changes I make in the UI affect my local Claude Code setup? + +Yes, for self-hosted. CloudCLI UI reads from and writes to the same `~/.claude` config that Claude Code uses natively. MCP servers you add via the UI show up in Claude Code immediately and vice versa. + +
+ +--- + +## Community & Support + +- **[Documentation](https://cloudcli.ai/docs)** — installation, configuration, features, and troubleshooting +- **[Discord](https://discord.gg/buxwujPNRE)** — get help and connect with other users +- **[GitHub Issues](https://github.com/siteboon/claudecodeui/issues)** — bug reports and feature requests +- **[Contributing Guide](https://github.com/siteboon/claudecodeui/blob/main/CONTRIBUTING.md)** — how to contribute to the project + +## License + +GNU Affero General Public License v3.0 or later (AGPL-3.0-or-later) — see [LICENSE](https://github.com/siteboon/claudecodeui/blob/main/LICENSE) for the full text, including additional terms under Section 7. + +This project is open source and free to use, modify, and distribute under the AGPL-3.0-or-later license. If you modify this software and run it as a network service, you must make your modified source code available to users of that service. + +CloudCLI UI - (https://cloudcli.ai). + +## Acknowledgments + +### Built With +- **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropic's official CLI +- **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursor's official CLI +- **[Codex](https://developers.openai.com/codex)** - OpenAI Codex +- **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI +- **[React](https://react.dev/)** - User interface library +- **[Vite](https://vitejs.dev/)** - Fast build tool and dev server +- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework +- **[CodeMirror](https://codemirror.net/)** - Advanced code editor +- **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(Optional)* - AI-powered project management and task planning + + +### Sponsors +- [Siteboon - AI powered website builder](https://siteboon.ai) +--- + +
+ Made with care for the Claude Code, Cursor and Codex community. +
diff --git a/redirect-package/bin.js b/redirect-package/bin.js new file mode 100644 index 00000000..2f31c0c6 --- /dev/null +++ b/redirect-package/bin.js @@ -0,0 +1,2 @@ +#!/usr/bin/env node +import('@cloudcli-ai/cloudcli/server/cli.js'); diff --git a/redirect-package/index.js b/redirect-package/index.js new file mode 100644 index 00000000..8e2df710 --- /dev/null +++ b/redirect-package/index.js @@ -0,0 +1,2 @@ +export * from '@cloudcli-ai/cloudcli'; +export { default } from '@cloudcli-ai/cloudcli'; diff --git a/redirect-package/package.json b/redirect-package/package.json new file mode 100644 index 00000000..04563d83 --- /dev/null +++ b/redirect-package/package.json @@ -0,0 +1,43 @@ +{ + "name": "@siteboon/claude-code-ui", + "version": "2.0.0", + "description": "This package has moved to @cloudcli-ai/cloudcli", + "type": "module", + "main": "index.js", + "bin": { + "claude-code-ui": "./bin.js", + "cloudcli": "./bin.js" + }, + "homepage": "https://cloudcli.ai", + "repository": { + "type": "git", + "url": "git+https://github.com/siteboon/claudecodeui.git" + }, + "bugs": { + "url": "https://github.com/siteboon/claudecodeui/issues" + }, + "keywords": [ + "claude code", + "claude-code", + "claude-code-ui", + "cloudcli", + "codex", + "gemini", + "gemini-cli", + "cursor", + "cursor-cli", + "anthropic", + "openai", + "google", + "coding-agent", + "web-ui", + "ui", + "mobile IDE" + ], + "author": "CloudCLI UI Contributors", + "dependencies": { + "@cloudcli-ai/cloudcli": "*" + }, + "deprecated": "This package has been renamed to @cloudcli-ai/cloudcli. Please install @cloudcli-ai/cloudcli instead.", + "license": "AGPL-3.0-or-later" +} diff --git a/server/cli.js b/server/cli.js index 36ac4f0a..8359b6d7 100755 --- a/server/cli.js +++ b/server/cli.js @@ -203,7 +203,7 @@ function isNewerVersion(v1, v2) { async function checkForUpdates(silent = false) { try { const { execSync } = await import('child_process'); - const latestVersion = execSync('npm show @siteboon/claude-code-ui version', { encoding: 'utf8' }).trim(); + const latestVersion = execSync('npm show @cloudcli-ai/cloudcli version', { encoding: 'utf8' }).trim(); const currentVersion = packageJson.version; if (isNewerVersion(latestVersion, currentVersion)) { @@ -236,11 +236,11 @@ async function updatePackage() { } console.log(`${c.info('[INFO]')} Updating from ${currentVersion} to ${latestVersion}...`); - execSync('npm update -g @siteboon/claude-code-ui', { stdio: 'inherit' }); + execSync('npm update -g @cloudcli-ai/cloudcli', { stdio: 'inherit' }); console.log(`${c.ok('[OK]')} Update complete! Restart cloudcli to use the new version.`); } catch (e) { console.error(`${c.error('[ERROR]')} Update failed: ${e.message}`); - console.log(`${c.tip('[TIP]')} Try running manually: npm update -g @siteboon/claude-code-ui`); + console.log(`${c.tip('[TIP]')} Try running manually: npm update -g @cloudcli-ai/cloudcli`); } } diff --git a/server/index.js b/server/index.js index 5318fb35..7fa5fe21 100755 --- a/server/index.js +++ b/server/index.js @@ -438,7 +438,7 @@ app.post('/api/system/update', authenticateToken, async (req, res) => { // Run the update command based on install mode const updateCommand = installMode === 'git' ? 'git checkout main && git pull && npm install' - : 'npm install -g @siteboon/claude-code-ui@latest'; + : 'npm install -g @cloudcli-ai/cloudcli@latest'; const child = spawn('sh', ['-c', updateCommand], { cwd: installMode === 'git' ? projectRoot : os.homedir(), diff --git a/src/i18n/locales/de/common.json b/src/i18n/locales/de/common.json index a3afa5a4..1b1d4c7d 100644 --- a/src/i18n/locales/de/common.json +++ b/src/i18n/locales/de/common.json @@ -215,7 +215,7 @@ "viewFullRelease": "Vollständige Version anzeigen", "updateProgress": "Update-Fortschritt:", "manualUpgrade": "Manuelles Upgrade:", - "npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest", + "npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest", "manualUpgradeHint": "Oder klick auf \"Jetzt aktualisieren\", um das Update automatisch durchzuführen.", "updateCompleted": "Update erfolgreich abgeschlossen!", "restartServer": "Bitte starte den Server neu, um die Änderungen anzuwenden.", diff --git a/src/i18n/locales/en/common.json b/src/i18n/locales/en/common.json index 7bd6e1dc..928bdaf1 100644 --- a/src/i18n/locales/en/common.json +++ b/src/i18n/locales/en/common.json @@ -245,7 +245,7 @@ "viewFullRelease": "View full release", "updateProgress": "Update Progress:", "manualUpgrade": "Manual upgrade:", - "npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest", + "npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest", "manualUpgradeHint": "Or click \"Update Now\" to run the update automatically.", "updateCompleted": "Update completed successfully!", "restartServer": "Please restart the server to apply changes.", diff --git a/src/i18n/locales/ja/common.json b/src/i18n/locales/ja/common.json index 36254480..59c33c98 100644 --- a/src/i18n/locales/ja/common.json +++ b/src/i18n/locales/ja/common.json @@ -245,7 +245,7 @@ "viewFullRelease": "リリース全文を見る", "updateProgress": "アップデートの進捗:", "manualUpgrade": "手動アップグレード:", - "npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest", + "npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest", "manualUpgradeHint": "または「今すぐ更新」をクリックして自動的にアップデートを実行できます。", "updateCompleted": "アップデートが完了しました！", "restartServer": "変更を適用するにはサーバーを再起動してください。", diff --git a/src/i18n/locales/ko/common.json b/src/i18n/locales/ko/common.json index dd0d2204..95004280 100644 --- a/src/i18n/locales/ko/common.json +++ b/src/i18n/locales/ko/common.json @@ -245,7 +245,7 @@ "viewFullRelease": "전체 릴리스 보기", "updateProgress": "업데이트 진행 상황:", "manualUpgrade": "수동 업그레이드:", - "npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest", + "npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest", "manualUpgradeHint": "또는 \"지금 업데이트\"를 클릭하여 자동으로 업데이트합니다.", "updateCompleted": "업데이트가 완료되었습니다!", "restartServer": "변경사항을 적용하려면 서버를 재시작하세요.", diff --git a/src/i18n/locales/ru/common.json b/src/i18n/locales/ru/common.json index 3474b49e..665ab6f8 100644 --- a/src/i18n/locales/ru/common.json +++ b/src/i18n/locales/ru/common.json @@ -215,7 +215,7 @@ "viewFullRelease": "Посмотреть полный релиз", "updateProgress": "Прогресс обновления:", "manualUpgrade": "Ручное обновление:", - "npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest", + "npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest", "manualUpgradeHint": "Или нажмите \"Обновить сейчас\" для автоматического обновления.", "updateCompleted": "Обновление успешно завершено!", "restartServer": "Пожалуйста, перезапустите сервер для применения изменений.", diff --git a/src/i18n/locales/zh-CN/common.json b/src/i18n/locales/zh-CN/common.json index c54f684d..710daf5e 100644 --- a/src/i18n/locales/zh-CN/common.json +++ b/src/i18n/locales/zh-CN/common.json @@ -245,7 +245,7 @@ "viewFullRelease": "查看完整发布", "updateProgress": "更新进度：", "manualUpgrade": "手动升级：", - "npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest", + "npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest", "manualUpgradeHint": "或点击'立即更新'以自动运行更新。", "updateCompleted": "更新成功完成！", "restartServer": "请重启服务器以应用更改。",