mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-04-04 04:37:28 +00:00
Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
388134c7a5 | ||
|
|
ef51de259e | ||
|
|
1628868470 | ||
|
|
8f1042cf25 |
@@ -6,7 +6,8 @@
|
|||||||
"requireCleanWorkingDir": true
|
"requireCleanWorkingDir": true
|
||||||
},
|
},
|
||||||
"npm": {
|
"npm": {
|
||||||
"publish": true
|
"publish": true,
|
||||||
|
"publishArgs": ["--access public"]
|
||||||
},
|
},
|
||||||
"github": {
|
"github": {
|
||||||
"release": true,
|
"release": true,
|
||||||
|
|||||||
11
CHANGELOG.md
11
CHANGELOG.md
@@ -3,6 +3,17 @@
|
|||||||
All notable changes to CloudCLI UI will be documented in this file.
|
All notable changes to CloudCLI UI will be documented in this file.
|
||||||
|
|
||||||
|
|
||||||
|
## [1.28.0](https://github.com/siteboon/claudecodeui/compare/v1.27.1...v1.28.0) (2026-04-03)
|
||||||
|
|
||||||
|
### New Features
|
||||||
|
|
||||||
|
* adding session resume in the api ([8f1042c](https://github.com/siteboon/claudecodeui/commit/8f1042cf256be282f009adcceeb55ab2dddf3fba))
|
||||||
|
* moving new session button higher ([1628868](https://github.com/siteboon/claudecodeui/commit/16288684702dec894cf054291ca3d545ddb8214b))
|
||||||
|
|
||||||
|
### Maintenance
|
||||||
|
|
||||||
|
* changing package name to @cloudcli-ai/cloudcli ([ef51de2](https://github.com/siteboon/claudecodeui/commit/ef51de259ea2b963bc15f058b084e11220bc216a))
|
||||||
|
|
||||||
## [1.27.1](https://github.com/siteboon/claudecodeui/compare/v1.26.3...v1.27.1) (2026-03-29)
|
## [1.27.1](https://github.com/siteboon/claudecodeui/compare/v1.26.3...v1.27.1) (2026-03-29)
|
||||||
|
|
||||||
### Bug Fixes
|
### Bug Fixes
|
||||||
|
|||||||
@@ -79,13 +79,13 @@ Der schnellste Einstieg – keine lokale Einrichtung erforderlich. Erhalte eine
|
|||||||
CloudCLI UI sofort mit **npx** ausprobieren (erfordert **Node.js** v22+):
|
CloudCLI UI sofort mit **npx** ausprobieren (erfordert **Node.js** v22+):
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx @siteboon/claude-code-ui
|
npx @cloudcli-ai/cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
Oder **global** installieren für regelmäßige Nutzung:
|
Oder **global** installieren für regelmäßige Nutzung:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install -g @siteboon/claude-code-ui
|
npm install -g @cloudcli-ai/cloudcli
|
||||||
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 |
|
| **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 |
|
| **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 |
|
| **Rechner muss laufen** | Ja | Nein |
|
||||||
| **Mobiler Zugriff** | Jeder Browser im Netzwerk | Jedes Gerät, native App in Entwicklung |
|
| **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 |
|
| **Verfügbare Sitzungen** | Alle Sitzungen automatisch aus `~/.claude` erkannt | Alle Sitzungen in deiner Cloud-Umgebung |
|
||||||
|
|||||||
@@ -75,13 +75,13 @@
|
|||||||
**npx** で今すぐ CloudCLI UI を試せます(**Node.js** v22+ が必要):
|
**npx** で今すぐ CloudCLI UI を試せます(**Node.js** v22+ が必要):
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx @siteboon/claude-code-ui
|
npx @cloudcli-ai/cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
または、普段使いするなら **グローバル** にインストール:
|
または、普段使いするなら **グローバル** にインストール:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install -g @siteboon/claude-code-ui
|
npm install -g @cloudcli-ai/cloudcli
|
||||||
cloudcli
|
cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -100,7 +100,7 @@ CloudCLI UI は、CloudCLI Cloud を支えるオープンソースの UI レイ
|
|||||||
|---|---|---|
|
|---|---|---|
|
||||||
| **対象ユーザー** | 自分のマシン上でローカルの agent セッションに対してフル UI を使いたい開発者 | クラウド上で動く agents をどこからでも利用したいチーム/開発者 |
|
| **対象ユーザー** | 自分のマシン上でローカルの agent セッションに対してフル UI を使いたい開発者 | クラウド上で動く agents をどこからでも利用したいチーム/開発者 |
|
||||||
| **アクセス方法** | ブラウザ(`[yourip]:port`) | ブラウザ、任意の IDE、REST API、n8n |
|
| **アクセス方法** | ブラウザ(`[yourip]:port`) | ブラウザ、任意の IDE、REST API、n8n |
|
||||||
| **セットアップ** | `npx @siteboon/claude-code-ui` | セットアップ不要 |
|
| **セットアップ** | `npx @cloudcli-ai/cloudcli` | セットアップ不要 |
|
||||||
| **マシンの稼働継続** | はい | いいえ |
|
| **マシンの稼働継続** | はい | いいえ |
|
||||||
| **モバイルアクセス** | 同一ネットワーク内の任意のブラウザ | 任意のデバイス(ネイティブアプリも準備中) |
|
| **モバイルアクセス** | 同一ネットワーク内の任意のブラウザ | 任意のデバイス(ネイティブアプリも準備中) |
|
||||||
| **利用可能なセッション** | `~/.claude` から全セッションを自動検出 | クラウド環境内の全セッション |
|
| **利用可能なセッション** | `~/.claude` から全セッションを自動検出 | クラウド環境内の全セッション |
|
||||||
|
|||||||
@@ -75,13 +75,13 @@
|
|||||||
**npx**로 즉시 CloudCLI UI를 실행하세요 (Node.js v22+ 필요):
|
**npx**로 즉시 CloudCLI UI를 실행하세요 (Node.js v22+ 필요):
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx @siteboon/claude-code-ui
|
npx @cloudcli-ai/cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
**정기적으로 사용한다면 전역 설치:**
|
**정기적으로 사용한다면 전역 설치:**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install -g @siteboon/claude-code-ui
|
npm install -g @cloudcli-ai/cloudcli
|
||||||
cloudcli
|
cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -99,7 +99,7 @@ CloudCLI UI는 CloudCLI Cloud를 구동하는 오픈 소스 UI 계층입니다.
|
|||||||
|---|---|---|
|
|---|---|---|
|
||||||
| **적합한 대상** | 로컬 에이전트 세션을 위한 전체 UI가 필요한 개발자 | 어디서든 접근 가능한 클라우드에서 에이전트를 운영하고자 하는 팀 및 개발자 |
|
| **적합한 대상** | 로컬 에이전트 세션을 위한 전체 UI가 필요한 개발자 | 어디서든 접근 가능한 클라우드에서 에이전트를 운영하고자 하는 팀 및 개발자 |
|
||||||
| **접근 방법** | `[yourip]:port`를 통해 브라우저 접속 | 브라우저, IDE, REST API, n8n |
|
| **접근 방법** | `[yourip]:port`를 통해 브라우저 접속 | 브라우저, IDE, REST API, n8n |
|
||||||
| **설정** | `npx @siteboon/claude-code-ui` | 설정 불필요 |
|
| **설정** | `npx @cloudcli-ai/cloudcli` | 설정 불필요 |
|
||||||
| **기기 유지 필요 여부** | 예 (머신 켜둬야 함) | 아니오 |
|
| **기기 유지 필요 여부** | 예 (머신 켜둬야 함) | 아니오 |
|
||||||
| **모바일 접근** | 네트워크 내 브라우저 | 모든 기기 (네이티브 앱 예정) |
|
| **모바일 접근** | 네트워크 내 브라우저 | 모든 기기 (네이티브 앱 예정) |
|
||||||
| **세션 접근** | `~/.claude`에서 자동 발견 | 클라우드 환경 내 세션 |
|
| **세션 접근** | `~/.claude`에서 자동 발견 | 클라우드 환경 내 세션 |
|
||||||
|
|||||||
@@ -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+):
|
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:
|
Or install **globally** for regular use:
|
||||||
|
|
||||||
```
|
```
|
||||||
npm install -g @siteboon/claude-code-ui
|
npm install -g @cloudcli-ai/cloudcli
|
||||||
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 |
|
| **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 |
|
| **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 |
|
| **Machine needs to stay on** | Yes | No |
|
||||||
| **Mobile access** | Any browser on your network | Any device, native app coming |
|
| **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 |
|
| **Sessions available** | All sessions auto-discovered from `~/.claude` | All sessions within your cloud environment |
|
||||||
|
|||||||
@@ -79,13 +79,13 @@
|
|||||||
Попробовать CloudCLI UI можно сразу через **npx** (требуется **Node.js** v22+):
|
Попробовать CloudCLI UI можно сразу через **npx** (требуется **Node.js** v22+):
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx @siteboon/claude-code-ui
|
npx @cloudcli-ai/cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
Или установить **глобально** для регулярного использования:
|
Или установить **глобально** для регулярного использования:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install -g @siteboon/claude-code-ui
|
npm install -g @cloudcli-ai/cloudcli
|
||||||
cloudcli
|
cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -104,7 +104,7 @@ CloudCLI UI — это open source UI-слой, на котором постро
|
|||||||
|---|---|---|
|
|---|---|---|
|
||||||
| **Лучше всего подходит для** | Разработчиков, которым нужен полноценный UI для локальных агентских сессий на своей машине | Команд и разработчиков, которым нужны агенты в облаке с доступом откуда угодно |
|
| **Лучше всего подходит для** | Разработчиков, которым нужен полноценный UI для локальных агентских сессий на своей машине | Команд и разработчиков, которым нужны агенты в облаке с доступом откуда угодно |
|
||||||
| **Как вы получаете доступ** | Браузер через `[yourip]:port` | Браузер, любая IDE, REST API, n8n |
|
| **Как вы получаете доступ** | Браузер через `[yourip]:port` | Браузер, любая IDE, REST API, n8n |
|
||||||
| **Настройка** | `npx @siteboon/claude-code-ui` | Настройка не требуется |
|
| **Настройка** | `npx @cloudcli-ai/cloudcli` | Настройка не требуется |
|
||||||
| **Машина должна оставаться включённой** | Да | Нет |
|
| **Машина должна оставаться включённой** | Да | Нет |
|
||||||
| **Доступ с мобильных устройств** | Любой браузер в вашей сети | Любое устройство, нативное приложение в разработке |
|
| **Доступ с мобильных устройств** | Любой браузер в вашей сети | Любое устройство, нативное приложение в разработке |
|
||||||
| **Доступные сессии** | Все сессии автоматически обнаруживаются из `~/.claude` | Все сессии внутри вашей облачной среды |
|
| **Доступные сессии** | Все сессии автоматически обнаруживаются из `~/.claude` | Все сессии внутри вашей облачной среды |
|
||||||
|
|||||||
@@ -75,13 +75,13 @@
|
|||||||
启动 CloudCLI UI,只需一行 `npx`(需要 Node.js v22+):
|
启动 CloudCLI UI,只需一行 `npx`(需要 Node.js v22+):
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx @siteboon/claude-code-ui
|
npx @cloudcli-ai/cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
或进行全局安装,便于日常使用:
|
或进行全局安装,便于日常使用:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm install -g @siteboon/claude-code-ui
|
npm install -g @cloudcli-ai/cloudcli
|
||||||
cloudcli
|
cloudcli
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -99,7 +99,7 @@ CloudCLI UI 是 CloudCLI Cloud 的开源 UI 层。你可以在本地机器上自
|
|||||||
|---|---|---|
|
|---|---|---|
|
||||||
| **适合对象** | 需要为本地代理会话提供完整 UI 的开发者 | 需要部署在云端,随时从任何地方访问代理的团队与开发者 |
|
| **适合对象** | 需要为本地代理会话提供完整 UI 的开发者 | 需要部署在云端,随时从任何地方访问代理的团队与开发者 |
|
||||||
| **访问方式** | 通过 `[yourip]:port` 在浏览器中访问 | 浏览器、任意 IDE、REST API、n8n |
|
| **访问方式** | 通过 `[yourip]:port` 在浏览器中访问 | 浏览器、任意 IDE、REST API、n8n |
|
||||||
| **设置** | `npx @siteboon/claude-code-ui` | 无需设置 |
|
| **设置** | `npx @cloudcli-ai/cloudcli` | 无需设置 |
|
||||||
| **机器需保持开机吗** | 是 | 否 |
|
| **机器需保持开机吗** | 是 | 否 |
|
||||||
| **移动端访问** | 网络内任意浏览器 | 任意设备(原生应用即将推出) |
|
| **移动端访问** | 网络内任意浏览器 | 任意设备(原生应用即将推出) |
|
||||||
| **可用会话** | 自动发现 `~/.claude` 中的所有会话 | 云端环境内的会话 |
|
| **可用会话** | 自动发现 `~/.claude` 中的所有会话 | 云端环境内的会话 |
|
||||||
|
|||||||
89
docker/README.md
Normal file
89
docker/README.md
Normal file
@@ -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 <sandbox-name> --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).
|
||||||
11
docker/claude-code/Dockerfile
Normal file
11
docker/claude-code/Dockerfile
Normal file
@@ -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
|
||||||
11
docker/codex/Dockerfile
Normal file
11
docker/codex/Dockerfile
Normal file
@@ -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
|
||||||
11
docker/gemini/Dockerfile
Normal file
11
docker/gemini/Dockerfile
Normal file
@@ -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
|
||||||
14
docker/shared/install-cloudcli.sh
Normal file
14
docker/shared/install-cloudcli.sh
Normal file
@@ -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/*
|
||||||
23
docker/shared/start-cloudcli.sh
Normal file
23
docker/shared/start-cloudcli.sh
Normal file
@@ -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
|
||||||
9
package-lock.json
generated
9
package-lock.json
generated
@@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "@siteboon/claude-code-ui",
|
"name": "@cloudcli-ai/cloudcli",
|
||||||
"version": "1.27.1",
|
"version": "1.28.0",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "@siteboon/claude-code-ui",
|
"name": "@cloudcli-ai/cloudcli",
|
||||||
"version": "1.27.1",
|
"version": "1.28.0",
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"license": "AGPL-3.0-or-later",
|
"license": "AGPL-3.0-or-later",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
@@ -69,7 +69,6 @@
|
|||||||
"ws": "^8.14.2"
|
"ws": "^8.14.2"
|
||||||
},
|
},
|
||||||
"bin": {
|
"bin": {
|
||||||
"claude-code-ui": "server/cli.js",
|
|
||||||
"cloudcli": "server/cli.js"
|
"cloudcli": "server/cli.js"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
20
package.json
20
package.json
@@ -1,11 +1,10 @@
|
|||||||
{
|
{
|
||||||
"name": "@siteboon/claude-code-ui",
|
"name": "@cloudcli-ai/cloudcli",
|
||||||
"version": "1.27.1",
|
"version": "1.28.0",
|
||||||
"description": "A web-based UI for Claude Code CLI",
|
"description": "A web-based UI for Claude Code CLI",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"main": "server/index.js",
|
"main": "server/index.js",
|
||||||
"bin": {
|
"bin": {
|
||||||
"claude-code-ui": "server/cli.js",
|
|
||||||
"cloudcli": "server/cli.js"
|
"cloudcli": "server/cli.js"
|
||||||
},
|
},
|
||||||
"files": [
|
"files": [
|
||||||
@@ -40,10 +39,21 @@
|
|||||||
},
|
},
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"claude code",
|
"claude code",
|
||||||
"ai",
|
"claude-code",
|
||||||
|
"claude-code-ui",
|
||||||
|
"cloudcli",
|
||||||
|
"codex",
|
||||||
|
"gemini",
|
||||||
|
"gemini-cli",
|
||||||
|
"cursor",
|
||||||
|
"cursor-cli",
|
||||||
"anthropic",
|
"anthropic",
|
||||||
|
"openai",
|
||||||
|
"google",
|
||||||
|
"coding-agent",
|
||||||
|
"web-ui",
|
||||||
"ui",
|
"ui",
|
||||||
"mobile"
|
"mobile IDE"
|
||||||
],
|
],
|
||||||
"author": "CloudCLI UI Contributors",
|
"author": "CloudCLI UI Contributors",
|
||||||
"license": "AGPL-3.0-or-later",
|
"license": "AGPL-3.0-or-later",
|
||||||
|
|||||||
248
redirect-package/README.md
Normal file
248
redirect-package/README.md
Normal file
@@ -0,0 +1,248 @@
|
|||||||
|
<div align="center">
|
||||||
|
|
||||||
|
> ## 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.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<img src="https://raw.githubusercontent.com/siteboon/claudecodeui/main/public/logo.svg" alt="CloudCLI UI" width="64" height="64">
|
||||||
|
<h1>Cloud CLI (aka Claude Code UI)</h1>
|
||||||
|
<p>A desktop and mobile UI for <a href="https://docs.anthropic.com/en/docs/claude-code">Claude Code</a>, <a href="https://docs.cursor.com/en/cli/overview">Cursor CLI</a>, <a href="https://developers.openai.com/codex">Codex</a>, and <a href="https://geminicli.com/">Gemini-CLI</a>.<br>Use it locally or remotely to view your active projects and sessions from everywhere.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://cloudcli.ai">CloudCLI Cloud</a> · <a href="https://cloudcli.ai/docs">Documentation</a> · <a href="https://discord.gg/buxwujPNRE">Discord</a> · <a href="https://github.com/siteboon/claudecodeui/issues">Bug Reports</a> · <a href="https://github.com/siteboon/claudecodeui/blob/main/CONTRIBUTING.md">Contributing</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://cloudcli.ai"><img src="https://img.shields.io/badge/☁️_CloudCLI_Cloud-Try_Now-0066FF?style=for-the-badge" alt="CloudCLI Cloud"></a>
|
||||||
|
<a href="https://discord.gg/buxwujPNRE"><img src="https://img.shields.io/badge/Discord-Join%20Community-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Join our Discord"></a>
|
||||||
|
<br><br>
|
||||||
|
<a href="https://trendshift.io/repositories/15586" target="_blank"><img src="https://trendshift.io/api/badge/repositories/15586" alt="siteboon%2Fclaudecodeui | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Screenshots
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<h3>Desktop View</h3>
|
||||||
|
<img src="https://raw.githubusercontent.com/siteboon/claudecodeui/main/public/screenshots/desktop-main.png" alt="Desktop Interface" width="400">
|
||||||
|
<br>
|
||||||
|
<em>Main interface showing project overview and chat</em>
|
||||||
|
</td>
|
||||||
|
<td align="center">
|
||||||
|
<h3>Mobile Experience</h3>
|
||||||
|
<img src="https://raw.githubusercontent.com/siteboon/claudecodeui/main/public/screenshots/mobile-chat.png" alt="Mobile Interface" width="250">
|
||||||
|
<br>
|
||||||
|
<em>Responsive mobile design with touch navigation</em>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" colspan="2">
|
||||||
|
<h3>CLI Selection</h3>
|
||||||
|
<img src="https://raw.githubusercontent.com/siteboon/claudecodeui/main/public/screenshots/cli-selection.png" alt="CLI Selection" width="400">
|
||||||
|
<br>
|
||||||
|
<em>Select between Claude Code, Gemini, Cursor CLI and Codex</em>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
## 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
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>How is this different from Claude Code Remote Control?</summary>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>Do I need to pay for an AI subscription separately?</summary>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>Can I use CloudCLI UI on my phone?</summary>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>Will changes I make in the UI affect my local Claude Code setup?</summary>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</details>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 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)
|
||||||
|
---
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<strong>Made with care for the Claude Code, Cursor and Codex community.</strong>
|
||||||
|
</div>
|
||||||
2
redirect-package/bin.js
Normal file
2
redirect-package/bin.js
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
#!/usr/bin/env node
|
||||||
|
import('@cloudcli-ai/cloudcli/server/cli.js');
|
||||||
2
redirect-package/index.js
Normal file
2
redirect-package/index.js
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
export * from '@cloudcli-ai/cloudcli';
|
||||||
|
export { default } from '@cloudcli-ai/cloudcli';
|
||||||
43
redirect-package/package.json
Normal file
43
redirect-package/package.json
Normal file
@@ -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"
|
||||||
|
}
|
||||||
@@ -203,7 +203,7 @@ function isNewerVersion(v1, v2) {
|
|||||||
async function checkForUpdates(silent = false) {
|
async function checkForUpdates(silent = false) {
|
||||||
try {
|
try {
|
||||||
const { execSync } = await import('child_process');
|
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;
|
const currentVersion = packageJson.version;
|
||||||
|
|
||||||
if (isNewerVersion(latestVersion, currentVersion)) {
|
if (isNewerVersion(latestVersion, currentVersion)) {
|
||||||
@@ -236,11 +236,11 @@ async function updatePackage() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
console.log(`${c.info('[INFO]')} Updating from ${currentVersion} to ${latestVersion}...`);
|
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.`);
|
console.log(`${c.ok('[OK]')} Update complete! Restart cloudcli to use the new version.`);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error(`${c.error('[ERROR]')} Update failed: ${e.message}`);
|
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`);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -438,7 +438,7 @@ app.post('/api/system/update', authenticateToken, async (req, res) => {
|
|||||||
// Run the update command based on install mode
|
// Run the update command based on install mode
|
||||||
const updateCommand = installMode === 'git'
|
const updateCommand = installMode === 'git'
|
||||||
? 'git checkout main && git pull && npm install'
|
? '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], {
|
const child = spawn('sh', ['-c', updateCommand], {
|
||||||
cwd: installMode === 'git' ? projectRoot : os.homedir(),
|
cwd: installMode === 'git' ? projectRoot : os.homedir(),
|
||||||
|
|||||||
@@ -475,6 +475,7 @@ class SSEStreamWriter {
|
|||||||
|
|
||||||
setSessionId(sessionId) {
|
setSessionId(sessionId) {
|
||||||
this.sessionId = sessionId;
|
this.sessionId = sessionId;
|
||||||
|
this.send({ type: 'session-id', sessionId });
|
||||||
}
|
}
|
||||||
|
|
||||||
getSessionId() {
|
getSessionId() {
|
||||||
@@ -839,7 +840,7 @@ class ResponseCollector {
|
|||||||
* }
|
* }
|
||||||
*/
|
*/
|
||||||
router.post('/', validateExternalApiKey, async (req, res) => {
|
router.post('/', validateExternalApiKey, async (req, res) => {
|
||||||
const { githubUrl, projectPath, message, provider = 'claude', model, githubToken, branchName } = req.body;
|
const { githubUrl, projectPath, message, provider = 'claude', model, githubToken, branchName, sessionId } = req.body;
|
||||||
|
|
||||||
// Parse stream and cleanup as booleans (handle string "true"/"false" from curl)
|
// Parse stream and cleanup as booleans (handle string "true"/"false" from curl)
|
||||||
const stream = req.body.stream === undefined ? true : (req.body.stream === true || req.body.stream === 'true');
|
const stream = req.body.stream === undefined ? true : (req.body.stream === true || req.body.stream === 'true');
|
||||||
@@ -949,7 +950,7 @@ router.post('/', validateExternalApiKey, async (req, res) => {
|
|||||||
await queryClaudeSDK(message.trim(), {
|
await queryClaudeSDK(message.trim(), {
|
||||||
projectPath: finalProjectPath,
|
projectPath: finalProjectPath,
|
||||||
cwd: finalProjectPath,
|
cwd: finalProjectPath,
|
||||||
sessionId: null, // New session
|
sessionId: sessionId || null,
|
||||||
model: model,
|
model: model,
|
||||||
permissionMode: 'bypassPermissions' // Bypass all permissions for API calls
|
permissionMode: 'bypassPermissions' // Bypass all permissions for API calls
|
||||||
}, writer);
|
}, writer);
|
||||||
@@ -960,7 +961,7 @@ router.post('/', validateExternalApiKey, async (req, res) => {
|
|||||||
await spawnCursor(message.trim(), {
|
await spawnCursor(message.trim(), {
|
||||||
projectPath: finalProjectPath,
|
projectPath: finalProjectPath,
|
||||||
cwd: finalProjectPath,
|
cwd: finalProjectPath,
|
||||||
sessionId: null, // New session
|
sessionId: sessionId || null,
|
||||||
model: model || undefined,
|
model: model || undefined,
|
||||||
skipPermissions: true // Bypass permissions for Cursor
|
skipPermissions: true // Bypass permissions for Cursor
|
||||||
}, writer);
|
}, writer);
|
||||||
@@ -970,7 +971,7 @@ router.post('/', validateExternalApiKey, async (req, res) => {
|
|||||||
await queryCodex(message.trim(), {
|
await queryCodex(message.trim(), {
|
||||||
projectPath: finalProjectPath,
|
projectPath: finalProjectPath,
|
||||||
cwd: finalProjectPath,
|
cwd: finalProjectPath,
|
||||||
sessionId: null,
|
sessionId: sessionId || null,
|
||||||
model: model || CODEX_MODELS.DEFAULT,
|
model: model || CODEX_MODELS.DEFAULT,
|
||||||
permissionMode: 'bypassPermissions'
|
permissionMode: 'bypassPermissions'
|
||||||
}, writer);
|
}, writer);
|
||||||
@@ -980,7 +981,7 @@ router.post('/', validateExternalApiKey, async (req, res) => {
|
|||||||
await spawnGemini(message.trim(), {
|
await spawnGemini(message.trim(), {
|
||||||
projectPath: finalProjectPath,
|
projectPath: finalProjectPath,
|
||||||
cwd: finalProjectPath,
|
cwd: finalProjectPath,
|
||||||
sessionId: null,
|
sessionId: sessionId || null,
|
||||||
model: model,
|
model: model,
|
||||||
skipPermissions: true // CLI mode bypasses permissions
|
skipPermissions: true // CLI mode bypasses permissions
|
||||||
}, writer);
|
}, writer);
|
||||||
|
|||||||
@@ -80,6 +80,29 @@ export default function SidebarProjectSessions({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="ml-3 space-y-1 border-l border-border pl-3">
|
<div className="ml-3 space-y-1 border-l border-border pl-3">
|
||||||
|
<div className="px-3 pb-1 pt-1 md:hidden">
|
||||||
|
<button
|
||||||
|
className="flex h-8 w-full items-center justify-center gap-2 rounded-md bg-primary text-xs font-medium text-primary-foreground transition-all duration-150 hover:bg-primary/90 active:scale-[0.98]"
|
||||||
|
onClick={() => {
|
||||||
|
onProjectSelect(project);
|
||||||
|
onNewSession(project);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Plus className="h-3 w-3" />
|
||||||
|
{t('sessions.newSession')}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
variant="default"
|
||||||
|
size="sm"
|
||||||
|
className="hidden h-8 w-full justify-start gap-2 bg-primary text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 md:flex"
|
||||||
|
onClick={() => onNewSession(project)}
|
||||||
|
>
|
||||||
|
<Plus className="h-3 w-3" />
|
||||||
|
{t('sessions.newSession')}
|
||||||
|
</Button>
|
||||||
|
|
||||||
{!initialSessionsLoaded ? (
|
{!initialSessionsLoaded ? (
|
||||||
<SessionListSkeleton />
|
<SessionListSkeleton />
|
||||||
) : !hasSessions && !isLoadingSessions ? (
|
) : !hasSessions && !isLoadingSessions ? (
|
||||||
@@ -129,29 +152,6 @@ export default function SidebarProjectSessions({
|
|||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<div className="px-3 pb-2 md:hidden">
|
|
||||||
<button
|
|
||||||
className="flex h-8 w-full items-center justify-center gap-2 rounded-md bg-primary text-xs font-medium text-primary-foreground transition-all duration-150 hover:bg-primary/90 active:scale-[0.98]"
|
|
||||||
onClick={() => {
|
|
||||||
onProjectSelect(project);
|
|
||||||
onNewSession(project);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Plus className="h-3 w-3" />
|
|
||||||
{t('sessions.newSession')}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Button
|
|
||||||
variant="default"
|
|
||||||
size="sm"
|
|
||||||
className="mt-1 hidden h-8 w-full justify-start gap-2 bg-primary text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 md:flex"
|
|
||||||
onClick={() => onNewSession(project)}
|
|
||||||
>
|
|
||||||
<Plus className="h-3 w-3" />
|
|
||||||
{t('sessions.newSession')}
|
|
||||||
</Button>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -215,7 +215,7 @@
|
|||||||
"viewFullRelease": "Vollständige Version anzeigen",
|
"viewFullRelease": "Vollständige Version anzeigen",
|
||||||
"updateProgress": "Update-Fortschritt:",
|
"updateProgress": "Update-Fortschritt:",
|
||||||
"manualUpgrade": "Manuelles Upgrade:",
|
"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.",
|
"manualUpgradeHint": "Oder klick auf \"Jetzt aktualisieren\", um das Update automatisch durchzuführen.",
|
||||||
"updateCompleted": "Update erfolgreich abgeschlossen!",
|
"updateCompleted": "Update erfolgreich abgeschlossen!",
|
||||||
"restartServer": "Bitte starte den Server neu, um die Änderungen anzuwenden.",
|
"restartServer": "Bitte starte den Server neu, um die Änderungen anzuwenden.",
|
||||||
|
|||||||
@@ -245,7 +245,7 @@
|
|||||||
"viewFullRelease": "View full release",
|
"viewFullRelease": "View full release",
|
||||||
"updateProgress": "Update Progress:",
|
"updateProgress": "Update Progress:",
|
||||||
"manualUpgrade": "Manual upgrade:",
|
"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.",
|
"manualUpgradeHint": "Or click \"Update Now\" to run the update automatically.",
|
||||||
"updateCompleted": "Update completed successfully!",
|
"updateCompleted": "Update completed successfully!",
|
||||||
"restartServer": "Please restart the server to apply changes.",
|
"restartServer": "Please restart the server to apply changes.",
|
||||||
|
|||||||
@@ -245,7 +245,7 @@
|
|||||||
"viewFullRelease": "リリース全文を見る",
|
"viewFullRelease": "リリース全文を見る",
|
||||||
"updateProgress": "アップデートの進捗:",
|
"updateProgress": "アップデートの進捗:",
|
||||||
"manualUpgrade": "手動アップグレード:",
|
"manualUpgrade": "手動アップグレード:",
|
||||||
"npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest",
|
"npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest",
|
||||||
"manualUpgradeHint": "または「今すぐ更新」をクリックして自動的にアップデートを実行できます。",
|
"manualUpgradeHint": "または「今すぐ更新」をクリックして自動的にアップデートを実行できます。",
|
||||||
"updateCompleted": "アップデートが完了しました!",
|
"updateCompleted": "アップデートが完了しました!",
|
||||||
"restartServer": "変更を適用するにはサーバーを再起動してください。",
|
"restartServer": "変更を適用するにはサーバーを再起動してください。",
|
||||||
|
|||||||
@@ -245,7 +245,7 @@
|
|||||||
"viewFullRelease": "전체 릴리스 보기",
|
"viewFullRelease": "전체 릴리스 보기",
|
||||||
"updateProgress": "업데이트 진행 상황:",
|
"updateProgress": "업데이트 진행 상황:",
|
||||||
"manualUpgrade": "수동 업그레이드:",
|
"manualUpgrade": "수동 업그레이드:",
|
||||||
"npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest",
|
"npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest",
|
||||||
"manualUpgradeHint": "또는 \"지금 업데이트\"를 클릭하여 자동으로 업데이트합니다.",
|
"manualUpgradeHint": "또는 \"지금 업데이트\"를 클릭하여 자동으로 업데이트합니다.",
|
||||||
"updateCompleted": "업데이트가 완료되었습니다!",
|
"updateCompleted": "업데이트가 완료되었습니다!",
|
||||||
"restartServer": "변경사항을 적용하려면 서버를 재시작하세요.",
|
"restartServer": "변경사항을 적용하려면 서버를 재시작하세요.",
|
||||||
|
|||||||
@@ -215,7 +215,7 @@
|
|||||||
"viewFullRelease": "Посмотреть полный релиз",
|
"viewFullRelease": "Посмотреть полный релиз",
|
||||||
"updateProgress": "Прогресс обновления:",
|
"updateProgress": "Прогресс обновления:",
|
||||||
"manualUpgrade": "Ручное обновление:",
|
"manualUpgrade": "Ручное обновление:",
|
||||||
"npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest",
|
"npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest",
|
||||||
"manualUpgradeHint": "Или нажмите \"Обновить сейчас\" для автоматического обновления.",
|
"manualUpgradeHint": "Или нажмите \"Обновить сейчас\" для автоматического обновления.",
|
||||||
"updateCompleted": "Обновление успешно завершено!",
|
"updateCompleted": "Обновление успешно завершено!",
|
||||||
"restartServer": "Пожалуйста, перезапустите сервер для применения изменений.",
|
"restartServer": "Пожалуйста, перезапустите сервер для применения изменений.",
|
||||||
|
|||||||
@@ -245,7 +245,7 @@
|
|||||||
"viewFullRelease": "查看完整发布",
|
"viewFullRelease": "查看完整发布",
|
||||||
"updateProgress": "更新进度:",
|
"updateProgress": "更新进度:",
|
||||||
"manualUpgrade": "手动升级:",
|
"manualUpgrade": "手动升级:",
|
||||||
"npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest",
|
"npmUpgradeCommand": "npm install -g @cloudcli-ai/cloudcli@latest",
|
||||||
"manualUpgradeHint": "或点击'立即更新'以自动运行更新。",
|
"manualUpgradeHint": "或点击'立即更新'以自动运行更新。",
|
||||||
"updateCompleted": "更新成功完成!",
|
"updateCompleted": "更新成功完成!",
|
||||||
"restartServer": "请重启服务器以应用更改。",
|
"restartServer": "请重启服务器以应用更改。",
|
||||||
|
|||||||
Reference in New Issue
Block a user