@pixelbyte-software/pixcode 1.35.5 → 1.36.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/README.de.md +116 -198
  2. package/README.ja.md +116 -192
  3. package/README.ko.md +116 -192
  4. package/README.md +211 -218
  5. package/README.ru.md +116 -198
  6. package/README.tr.md +215 -170
  7. package/README.zh-CN.md +116 -192
  8. package/dist/api-automation.html +110 -0
  9. package/dist/api-docs.html +18 -18
  10. package/dist/assets/{index-BnoShb9v.js → index-D3aq3WpJ.js} +181 -180
  11. package/dist/assets/index-Dx7QyTSN.css +32 -0
  12. package/dist/docs.html +294 -0
  13. package/dist/features.html +112 -0
  14. package/dist/humans.txt +15 -0
  15. package/dist/index.html +2 -2
  16. package/dist/landing.html +217 -0
  17. package/dist/llms-full.txt +117 -0
  18. package/dist/llms.txt +53 -0
  19. package/dist/openapi.yaml +12 -9
  20. package/dist/orchestration.html +125 -0
  21. package/dist/robots.txt +4 -0
  22. package/dist/site.css +536 -0
  23. package/dist/sitemap.xml +51 -0
  24. package/dist/sw.js +8 -0
  25. package/dist-server/server/cli.js +51 -2
  26. package/dist-server/server/cli.js.map +1 -1
  27. package/dist-server/server/daemon/manager.js +0 -1
  28. package/dist-server/server/daemon/manager.js.map +1 -1
  29. package/dist-server/server/database/db.js +3 -2
  30. package/dist-server/server/database/db.js.map +1 -1
  31. package/dist-server/server/middleware/auth.js +9 -8
  32. package/dist-server/server/middleware/auth.js.map +1 -1
  33. package/dist-server/server/modules/orchestration/workflows/workflow-runner.js +156 -32
  34. package/dist-server/server/modules/orchestration/workflows/workflow-runner.js.map +1 -1
  35. package/dist-server/server/modules/orchestration/workflows/workflow.routes.js +27 -2
  36. package/dist-server/server/modules/orchestration/workflows/workflow.routes.js.map +1 -1
  37. package/dist-server/server/modules/providers/provider.routes.js +8 -1
  38. package/dist-server/server/modules/providers/provider.routes.js.map +1 -1
  39. package/dist-server/server/routes/agent.js +72 -11
  40. package/dist-server/server/routes/agent.js.map +1 -1
  41. package/dist-server/server/services/notification-orchestrator.js +11 -2
  42. package/dist-server/server/services/notification-orchestrator.js.map +1 -1
  43. package/dist-server/server/services/provider-cli-versions.js +142 -0
  44. package/dist-server/server/services/provider-cli-versions.js.map +1 -0
  45. package/dist-server/server/services/startup-update.js +208 -0
  46. package/dist-server/server/services/startup-update.js.map +1 -0
  47. package/package.json +35 -10
  48. package/server/cli.js +58 -3
  49. package/server/daemon/manager.js +0 -1
  50. package/server/database/db.js +3 -2
  51. package/server/middleware/auth.js +9 -8
  52. package/server/modules/orchestration/workflows/workflow-runner.ts +172 -32
  53. package/server/modules/orchestration/workflows/workflow.routes.ts +29 -2
  54. package/server/modules/providers/provider.routes.ts +8 -1
  55. package/server/routes/agent.js +75 -10
  56. package/server/services/notification-orchestrator.js +11 -2
  57. package/server/services/provider-cli-versions.js +149 -0
  58. package/server/services/startup-update.js +234 -0
  59. package/dist/assets/index-Btxg-Dbl.css +0 -32
package/README.md CHANGED
@@ -1,303 +1,296 @@
1
1
  <div align="center">
2
- <img src="public/logo.svg" alt="Pixcode" width="64" height="64">
3
- <h1>Pixcode — Run Claude Code, Codex, Cursor, Gemini & Qwen Code from one UI</h1>
4
- <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>, <a href="https://geminicli.com/">Gemini-CLI</a>, and <a href="https://github.com/QwenLM/qwen-code">Qwen Code</a>.<br>Use it locally or remotely to view your active projects and sessions from everywhere.</p>
5
- <p><strong>☁️ Pixcode Cloud — coming soon.</strong></p>
2
+ <img src="public/logo.png" alt="Pixcode logo" width="96" height="96" />
3
+ <h1>Pixcode</h1>
4
+ <p><strong>A self-hosted control room for AI coding agents.</strong></p>
5
+ <p>
6
+ Run Claude Code, Cursor CLI, Codex, Gemini CLI, Qwen Code, and OpenCode from one web UI with chat, shell, files, git, orchestration, API keys, plugins, notifications, Telegram, and desktop/server deployment.
7
+ </p>
8
+ <p>
9
+ <a href="https://www.npmjs.com/package/@pixelbyte-software/pixcode"><img src="https://img.shields.io/npm/v/@pixelbyte-software/pixcode?style=for-the-badge&color=10b981" alt="npm version" /></a>
10
+ <a href="https://github.com/alicomert/pixcode/releases/latest"><img src="https://img.shields.io/github/v/release/alicomert/pixcode?style=for-the-badge&color=0ea5e9" alt="latest release" /></a>
11
+ <img src="https://img.shields.io/badge/Node.js-22%2B-3c873a?style=for-the-badge" alt="Node.js 22+" />
12
+ <img src="https://img.shields.io/badge/Desktop-Windows%20%7C%20macOS%20%7C%20Linux-6366f1?style=for-the-badge" alt="desktop platforms" />
13
+ </p>
14
+ <p>
15
+ <a href="README.tr.md">Türkçe</a> ·
16
+ <a href="README.de.md">Deutsch</a> ·
17
+ <a href="README.ru.md">Русский</a> ·
18
+ <a href="README.ja.md">日本語</a> ·
19
+ <a href="README.ko.md">한국어</a> ·
20
+ <a href="README.zh-CN.md">简体中文</a>
21
+ </p>
6
22
  </div>
7
23
 
8
- <p align="center">
9
- <a href="https://github.com/alicomert/pixcode">Pixcode</a> · <a href="https://github.com/alicomert/pixcode">Documentation</a> · <a href="https://discord.gg/buxwujPNRE">Discord</a> · <a href="https://github.com/alicomert/pixcode/issues">Bug Reports</a> · <a href="CONTRIBUTING.md">Contributing</a>
10
- </p>
11
-
12
- <p align="center">
13
- <a href="https://github.com/alicomert/pixcode/releases/latest"><img src="https://img.shields.io/badge/%E2%AC%87_Download-Desktop_App-0066FF?style=for-the-badge" alt="Download Desktop App"></a>
14
- <a href="https://www.npmjs.com/package/@pixelbyte-software/pixcode"><img src="https://img.shields.io/badge/npm-install_-g-CB3837?style=for-the-badge&logo=npm&logoColor=white" alt="npm"></a>
15
- <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>
16
- </p>
17
-
18
- <p align="center">
19
- <strong>📦 Desktop installers:</strong>
20
- <a href="https://github.com/alicomert/pixcode/releases/latest">Windows · macOS · Linux</a>
21
- &nbsp;·&nbsp;
22
- <strong>☁️ Pixcode Cloud:</strong> coming soon
23
- </p>
24
-
25
- <p align="center">
26
- <a href="./README.md"><img src="https://img.shields.io/badge/English-5C3FFC?style=for-the-badge&logoColor=white" alt="English"></a>
27
- <a href="./README.tr.md"><img src="https://img.shields.io/badge/T%C3%BCrk%C3%A7e-4B4B4B?style=for-the-badge" alt="Türkçe"></a>
28
- <a href="./README.ru.md"><img src="https://img.shields.io/badge/%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9-4B4B4B?style=for-the-badge" alt="Русский"></a>
29
- <a href="./README.de.md"><img src="https://img.shields.io/badge/Deutsch-4B4B4B?style=for-the-badge" alt="Deutsch"></a>
30
- <a href="./README.it.md"><img src="https://img.shields.io/badge/Italiano-4B4B4B?style=for-the-badge" alt="Italiano"></a>
31
- <a href="./README.ja.md"><img src="https://img.shields.io/badge/%E6%97%A5%E6%9C%AC%E8%AA%9E-4B4B4B?style=for-the-badge" alt="日本語"></a>
32
- <a href="./README.ko.md"><img src="https://img.shields.io/badge/%ED%95%9C%EA%B5%AD%EC%96%B4-4B4B4B?style=for-the-badge" alt="한국어"></a>
33
- <a href="./README.zh-CN.md"><img src="https://img.shields.io/badge/%E4%B8%AD%E6%96%87-4B4B4B?style=for-the-badge" alt="中文"></a>
34
- </p>
35
-
36
- ---
24
+ ## What Pixcode Is
37
25
 
38
- ## Screenshots
26
+ Pixcode turns your machine, VDS, or workstation into a browser-based AI development cockpit. Instead of jumping between terminals, desktop apps, CLI logs, file explorers, Git tools, and provider dashboards, you get one local web app that understands coding-agent workflows from start to finish.
39
27
 
40
- <div align="center">
41
-
42
- <table>
43
- <tr>
44
- <td align="center">
45
- <h3>Desktop View</h3>
46
- <img src="public/screenshots/desktop-main.png" alt="Desktop Interface" width="400">
47
- <br>
48
- <em>Main interface showing project overview and chat</em>
49
- </td>
50
- <td align="center">
51
- <h3>Mobile Experience</h3>
52
- <img src="public/screenshots/mobile-chat.png" alt="Mobile Interface" width="250">
53
- <br>
54
- <em>Responsive mobile design with touch navigation</em>
55
- </td>
56
- </tr>
57
- <tr>
58
- <td align="center" colspan="2">
59
- <h3>CLI Selection</h3>
60
- <img src="public/screenshots/cli-selection.png" alt="CLI Selection" width="400">
61
- <br>
62
- <em>Select between Claude Code, Gemini, Cursor CLI and Codex</em>
63
- </td>
64
- </tr>
65
- </table>
28
+ It is designed for three common setups:
66
29
 
30
+ - **Local workstation**: run Pixcode on your computer and use it as a richer UI for the CLIs you already trust.
31
+ - **Always-on server**: run it on a Linux server, keep sessions alive, and connect from a laptop, tablet, or phone.
32
+ - **Desktop app**: install `.exe`, `.dmg`, or Linux builds from GitHub releases when you want a packaged app experience.
67
33
 
34
+ Pixcode is not a hosted cloud IDE. Your projects, credentials, CLI sessions, local files, Git state, and MCP config stay under your own machine unless you explicitly connect external services.
68
35
 
69
- </div>
36
+ ## Screenshots
70
37
 
71
- ## Features
38
+ | Workspace control room | Mobile chat |
39
+ | --- | --- |
40
+ | <img src="public/screenshots/desktop-main.png" alt="Pixcode desktop workspace" width="480" /> | <img src="public/screenshots/mobile-chat.png" alt="Pixcode mobile chat" width="260" /> |
72
41
 
73
- - **Responsive Design** - Works seamlessly across desktop, tablet, and mobile so you can also use Agents from mobile
74
- - **Interactive Chat Interface** - Built-in chat interface for seamless communication with the Agents
75
- - **Integrated Shell Terminal** - Direct access to the Agents CLI through built-in shell functionality
76
- - **File Explorer** - Interactive file tree with syntax highlighting and live editing
77
- - **Git Explorer** - View, stage and commit your changes. You can also switch branches
78
- - **Session Management** - Resume conversations, manage multiple sessions, and track history
79
- - **Plugin System** - Extend Pixcode with custom plugins — add new tabs, backend services, and integrations. [Build your own →](https://github.com/alicomert/pixcode)
80
- - **TaskMaster AI Integration** *(Optional)* - Advanced project management with AI-powered task planning, PRD parsing, and workflow automation
81
- - **Model Compatibility** - Works with Claude, GPT, and Gemini model families (see [`shared/modelConstants.js`](shared/modelConstants.js) for the full list of supported models)
42
+ | CLI selection | Tools and MCP |
43
+ | --- | --- |
44
+ | <img src="public/screenshots/cli-selection.png" alt="Pixcode CLI selection" width="420" /> | <img src="public/screenshots/tools-modal.png" alt="Pixcode tools modal" width="420" /> |
82
45
 
46
+ ## Highlights
83
47
 
84
- ## Quick Start
48
+ ### One UI for the CLIs you already use
85
49
 
86
- ### Pixcode (Recommended)
50
+ - Claude Code, Cursor CLI, Codex, Gemini CLI, Qwen Code, and OpenCode are available from the same project screen.
51
+ - Provider auth, API-key credentials, OAuth paste flows, install checks, model lists, and CLI version status live under Settings.
52
+ - You can keep using the provider-native CLIs. Pixcode wraps them with session management, web sockets, notifications, file context, and project controls.
53
+ - Processing state is visible while a CLI is thinking, running tools, waiting for approval, or producing output, so the screen does not feel frozen.
87
54
 
88
- 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.
55
+ ### Chat that feels like a development workspace
89
56
 
90
- **[Get started with Pixcode](https://github.com/alicomert/pixcode)**
57
+ - Project-aware conversations with session history.
58
+ - Fixed bottom prompt composer for focused chat and selected project screens.
59
+ - Mode selection for default/plan/run flows, with mode persistence where the workflow expects it.
60
+ - Slash command support and provider-specific tool rendering.
61
+ - Push and Telegram notifications when long-running agent work finishes, fails, or needs attention.
91
62
 
63
+ ### Files, shell, and source control without leaving the agent
92
64
 
93
- ### Self-Hosted (Open source)
65
+ - Built-in project file browser with edit, upload, rename, delete, and detailed view.
66
+ - Integrated shell panel that can open as split view or full view without losing the main chat/orchestration screen.
67
+ - Source Control panel for Git status, diffs, branches, commits, and changed files.
68
+ - Split panels have compact icon controls, close actions, and half/full behavior for desktop. Mobile uses a screen-appropriate layout instead of trying to force desktop split behavior.
69
+ - The file list is optimized for narrow panels, so permissions and long paths do not dominate the UI.
94
70
 
95
- #### npm
71
+ ### Command Center for changed files
96
72
 
97
- Try Pixcode instantly with **npx** (requires **Node.js** v22+):
73
+ Pixcode keeps an eye on local working-tree changes, not only GitHub updates. The Quick Settings command mode can show changed files as they appear, highlight them, and jump directly to the edited location.
98
74
 
99
- ```
100
- npx @pixelbyte-software/pixcode
101
- ```
75
+ This is meant for control: when an AI agent edits files, you can see what changed immediately, open the file in the right panel, and keep the main chat or orchestration view visible.
102
76
 
103
- Or install **globally** for regular use:
77
+ ### Multi-agent orchestration
104
78
 
105
- ```
106
- npm install -g @pixelbyte-software/pixcode
107
- pixcode
108
- ```
79
+ The orchestration system is built for more than "send one prompt to one bot." It can coordinate multiple CLI agents around the same goal.
109
80
 
110
- Open `http://localhost:3001` all your existing sessions are discovered automatically.
81
+ Built-in workflow styles include:
111
82
 
112
- Visit the **[documentation →](https://github.com/alicomert/pixcode)** for full configuration options, PM2, remote server setup and more.
83
+ - **Agent Team**: split a task across frontend, backend, review, docs, or custom roles.
84
+ - **Multi-model Review**: ask different providers or models to inspect the same implementation.
85
+ - **Sequential Handoff**: pass work through ordered stages when one step depends on the previous result.
86
+ - **Decision Debate**: compare approaches before implementation.
113
87
 
114
- #### Keep It Running On Linux (VDS / SSH-safe)
88
+ Orchestration controls include:
115
89
 
116
- If you run Pixcode over SSH and your terminal disconnects, foreground processes like `npm run dev` will stop.
117
- Use the built-in daemon manager to run Pixcode as a persistent service:
90
+ - enable/disable agents per run,
91
+ - duplicate a provider when you need multiple workers from the same CLI,
92
+ - assign role, stage, label, and instruction per agent,
93
+ - select the model per agent, including OpenCode model choices,
94
+ - choose a fallback CLI agent for failed steps,
95
+ - preview the workflow DAG before running,
96
+ - stream run events and cancel active runs,
97
+ - resize orchestration side panes so task setup and run output can breathe.
118
98
 
119
- ```bash
120
- # Default behavior on Linux (auto-daemon):
121
- pixcode
99
+ ### API-first automation
122
100
 
123
- # Explicit install (recommended on first setup):
124
- pixcode daemon install --mode auto --port 3001
125
- pixcode daemon status --mode auto
126
- pixcode daemon doctor --mode auto
127
- ```
101
+ Pixcode's own frontend talks to the backend through REST and WebSocket APIs, and external automation can use the same control plane with Pixcode API keys.
128
102
 
129
- Useful commands:
103
+ New API keys start with `px_`:
130
104
 
131
105
  ```bash
132
- pixcode daemon logs --mode auto
133
- pixcode daemon restart --mode auto
134
- pixcode daemon stop --mode auto # temporary stop, auto-start remains enabled
135
- pixcode daemon disable --mode auto # disable auto-start at boot
136
- pixcode daemon uninstall --mode auto
137
- pixcode update --restart-daemon
106
+ curl http://localhost:3001/api/projects \
107
+ -H "Authorization: Bearer px_your_key_here"
138
108
  ```
139
109
 
140
- Notes:
141
- - On Linux, `pixcode` now attempts auto-daemon startup by default.
142
- - `npm run dev`, `npm run start`, and direct server entrypoints now pass through the same auto-daemon behavior.
143
- - Recommended for always-on server deployments: use `pixcode daemon install`, not `npm run dev`.
144
- - `--mode user` uses `systemctl --user`, `--mode system` uses system service management, and `--mode auto` chooses the best available mode.
145
- - Use `pixcode --no-daemon` (or `PIXCODE_NO_DAEMON=1`) to force foreground mode.
146
- - On some servers you may need to enable linger for boot-time startup without an active login session:
147
- `sudo loginctl enable-linger <your-username>`
148
-
149
- #### Docker Sandboxes (Experimental)
150
-
151
- Run agents in isolated sandboxes with hypervisor-level isolation. Starts Claude Code by default. Requires the [`sbx` CLI](https://docs.docker.com/ai/sandboxes/get-started/).
110
+ Run a one-shot provider task:
152
111
 
112
+ ```bash
113
+ curl http://localhost:3001/api/agent \
114
+ -H "Authorization: Bearer px_your_key_here" \
115
+ -H "Content-Type: application/json" \
116
+ -d '{
117
+ "provider": "codex",
118
+ "projectPath": "/home/me/project",
119
+ "message": "Review the current diff and list the risky changes.",
120
+ "stream": false
121
+ }'
153
122
  ```
154
- npx @pixelbyte-software/pixcode@latest sandbox ~/my-project
155
- ```
156
-
157
- Supports Claude Code, Codex, and Gemini CLI. See the [sandbox docs](docker/) for setup and advanced options.
158
123
 
124
+ Preview an orchestration workflow:
159
125
 
160
- ---
161
-
162
- ## Which option is right for you?
163
-
164
- Pixcode is the open source UI layer that powers Pixcode. You can self-host it on your own machine, run it in a Docker sandbox for isolation, or use Pixcode for a fully managed environment.
126
+ ```bash
127
+ curl http://localhost:3001/api/orchestration/workflows/agent_team/preview \
128
+ -H "Authorization: Bearer px_your_key_here" \
129
+ -H "Content-Type: application/json" \
130
+ -d '{
131
+ "metadata": {
132
+ "agents": [
133
+ { "adapterId": "codex", "label": "Backend", "role": "backend" },
134
+ { "adapterId": "opencode", "label": "Reviewer", "role": "review" }
135
+ ]
136
+ }
137
+ }'
138
+ ```
165
139
 
166
- | | Self-Hosted (npm) | Self-Hosted (Docker Sandbox) *(Experimental)* | Pixcode |
167
- |---|---|---|---|
168
- | **Best for** | Local agent sessions on your own machine | Isolated agents with web/mobile IDE | Teams who want agents in the cloud |
169
- | **How you access it** | Browser via `[yourip]:port` | Browser via `localhost:port` | Browser, any IDE, REST API, n8n |
170
- | **Setup** | `npx @pixelbyte-software/pixcode` | `npx @pixelbyte-software/pixcode@latest sandbox ~/project` | No setup required |
171
- | **Isolation** | Runs on your host | Hypervisor-level sandbox (microVM) | Full cloud isolation |
172
- | **Machine needs to stay on** | Yes | Yes | No |
173
- | **Mobile access** | Any browser on your network | Any browser on your network | Any device, native app coming |
174
- | **Agents supported** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI |
175
- | **File explorer and Git** | Yes | Yes | Yes |
176
- | **MCP configuration** | Synced with `~/.claude` | Managed via UI | Managed via UI |
177
- | **REST API** | Yes | Yes | Yes |
178
- | **Team sharing** | No | No | Yes |
179
- | **Platform cost** | Free, open source | Free, open source | Starts at $7/month |
140
+ Legacy `ck_` keys remain accepted for older installations, but `px_` is the current prefix.
180
141
 
181
- > All options use your own AI subscriptions (Claude, Cursor, etc.) — Pixcode provides the environment, not the AI.
142
+ OpenAPI reference: [`public/openapi.yaml`](public/openapi.yaml)
182
143
 
183
- ---
144
+ ### Themes and appearance
184
145
 
185
- ## Security & Tools Configuration
146
+ Pixcode now has a real theme system instead of a single blue/navy look.
186
147
 
187
- **🔒 Important Notice**: All Claude Code tools are **disabled by default**. This prevents potentially harmful operations from running automatically.
148
+ - Dark and light modes.
149
+ - Ready-made accent palettes, including emerald and VS Code-like colors.
150
+ - Custom light-mode and dark-mode accent colors.
151
+ - Token-based styling for active states, focus rings, buttons, navigation, and high-emphasis controls.
152
+ - Settings-driven theme changes without rebuilding the app.
188
153
 
189
- ### Enabling Tools
154
+ The goal is to let the UI feel closer to a command-line/development tool when you want it, while still keeping the web app readable on mobile and desktop.
190
155
 
191
- To use Claude Code's full functionality, you'll need to manually enable tools:
156
+ ### Notifications and Telegram bridge
192
157
 
193
- 1. **Open Tools Settings** - Click the gear icon in the sidebar
194
- 2. **Enable Selectively** - Turn on only the tools you need
195
- 3. **Apply Settings** - Your preferences are saved locally
158
+ - Browser push notifications for long-running CLI sessions.
159
+ - Telegram pairing with short-lived codes.
160
+ - Telegram notifications for completed, failed, or action-required work.
161
+ - Optional bridge behavior so Telegram messages can become prompts for the Pixcode instance.
162
+ - Notification preferences are stored per user.
196
163
 
197
- <div align="center">
164
+ ### Plugins and MCP
198
165
 
199
- ![Tools Settings Modal](public/screenshots/tools-modal.png)
200
- *Tools Settings interface - enable only what you need*
166
+ Pixcode includes optional extension points:
201
167
 
202
- </div>
168
+ - MCP server management for supported providers.
169
+ - Provider-specific MCP/session/auth panels.
170
+ - Plugin loading with frontend tabs and optional backend services.
171
+ - Local settings for API keys, base URLs, model catalogs, and provider install status.
203
172
 
204
- **Recommended approach**: Start with basic tools enabled and add more as needed. You can always adjust these settings later.
173
+ ## Installation
205
174
 
206
- ---
175
+ ### Run with npx
207
176
 
208
- ## Plugins
177
+ Requires Node.js 22 or newer.
209
178
 
210
- Pixcode 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.
179
+ ```bash
180
+ npx @pixelbyte-software/pixcode
181
+ ```
211
182
 
212
- ### Available Plugins
183
+ Then open:
213
184
 
214
- | Plugin | Description |
215
- |---|---|
216
- | **[Project Stats](https://github.com/alicomert/pixcode)** | Shows file counts, lines of code, file-type breakdown, largest files, and recently modified files for your current project |
217
- | **[Web Terminal](https://github.com/alicomert/pixcode)** | Full xterm.js terminal with multi-tab support|
185
+ ```text
186
+ http://localhost:3001
187
+ ```
218
188
 
219
- ### Build Your Own
189
+ ### Install globally
220
190
 
221
- **[Plugin Starter Template →](https://github.com/alicomert/pixcode)** — 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.
191
+ ```bash
192
+ npm install -g @pixelbyte-software/pixcode
193
+ pixcode
194
+ ```
222
195
 
223
- **[Plugin Documentation →](https://github.com/alicomert/pixcode)** — full guide to the plugin API, manifest format, security model, and more.
196
+ ### Desktop installers
224
197
 
225
- ---
226
- ## FAQ
198
+ Download desktop builds from GitHub releases:
227
199
 
228
- <details>
229
- <summary>How is this different from Claude Code Remote Control?</summary>
200
+ - Windows: `.exe`
201
+ - macOS: `.dmg`
202
+ - Linux: AppImage / package builds depending on the release asset
230
203
 
231
- 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.
204
+ Releases: <https://github.com/alicomert/pixcode/releases/latest>
232
205
 
233
- Pixcode and Pixcode 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.
206
+ #### macOS Gatekeeper: "Pixcode is damaged"
234
207
 
235
- Here's what that means in practice:
208
+ Current macOS desktop builds are unsigned. If macOS says `Pixcode is damaged and can't be opened. You should move it to the Trash`, first make sure the DMG came from the official Pixcode GitHub Releases page, then:
236
209
 
237
- - **All your sessions, not just one** — Pixcode 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.
238
- - **Your settings are your settings** — MCP servers, tool permissions, and project config you change in Pixcode are written directly to your Claude Code config and take effect immediately, and vice versa.
239
- - **Works with more agents** Claude Code, Cursor CLI, Codex, and Gemini CLI, not just Claude Code.
240
- - **Full UI, not just a chat window** — file explorer, Git integration, MCP management, and a shell terminal are all built in.
241
- - **Pixcode runs in the cloud** — close your laptop, the agent keeps running. No terminal to babysit, no machine to keep awake.
210
+ 1. Open the DMG and drag `Pixcode.app` into `/Applications`.
211
+ 2. Double-click `Fix Gatekeeper.command` inside the mounted DMG.
212
+ 3. Pixcode will remove the quarantine flag from `/Applications/Pixcode.app` and open normally.
242
213
 
243
- </details>
214
+ Manual fallback:
244
215
 
245
- <details>
246
- <summary>Do I need to pay for an AI subscription separately?</summary>
216
+ ```bash
217
+ xattr -dr com.apple.quarantine "/Applications/Pixcode.app"
218
+ open "/Applications/Pixcode.app"
219
+ ```
247
220
 
248
- Yes. Pixcode provides the environment, not the AI. You bring your own Claude, Cursor, Codex, or Gemini subscription. Pixcode starts at $7/month for the hosted environment on top of that.
221
+ ### Linux daemon
249
222
 
250
- </details>
223
+ For a server/VDS setup:
251
224
 
252
- <details>
253
- <summary>Can I use Pixcode on my phone?</summary>
225
+ ```bash
226
+ pixcode daemon install --mode auto --port 3001
227
+ pixcode daemon status --mode auto
228
+ pixcode daemon logs --mode auto
229
+ pixcode daemon restart --mode auto
230
+ ```
254
231
 
255
- Yes. For self-hosted, run the server on your machine and open `[yourip]:port` in any browser on your network. For Pixcode, open it from any device — no VPN, no port forwarding, no setup. A native app is also in the works.
232
+ Foreground mode:
256
233
 
257
- </details>
234
+ ```bash
235
+ pixcode --no-daemon
236
+ ```
258
237
 
259
- <details>
260
- <summary>Will changes I make in the UI affect my local Claude Code setup?</summary>
238
+ ### Ports
261
239
 
262
- Yes, for self-hosted. Pixcode 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.
240
+ - Backend and bundled frontend: `SERVER_PORT`, default `3001`.
241
+ - Vite-only frontend development: `VITE_PORT`, default `5173`.
263
242
 
264
- </details>
243
+ For normal installed usage, think in terms of one port: `3001`. The `5173` port is only for separate Vite frontend development.
265
244
 
266
- ---
245
+ ## First Run Checklist
267
246
 
268
- ## Community & Support
247
+ 1. Open Pixcode and create or sign in to the local user account.
248
+ 2. Add the project folders you want to manage.
249
+ 3. Connect the CLI providers you actually use.
250
+ 4. Open Settings and check provider install/auth/model status.
251
+ 5. Generate a `px_` API key if you want automation, CI, Telegram, or external tools to talk to Pixcode.
252
+ 6. Pick your theme palette under Appearance.
253
+ 7. Enable notifications if you want long-running sessions to report back.
269
254
 
270
- - **[Documentation](https://github.com/alicomert/pixcode)** — installation, configuration, features, and troubleshooting
271
- - **[Discord](https://discord.gg/buxwujPNRE)** — get help and connect with other users
272
- - **[GitHub Issues](https://github.com/alicomert/pixcode/issues)** — bug reports and feature requests
273
- - **[Contributing Guide](CONTRIBUTING.md)** — how to contribute to the project
255
+ ## Development
274
256
 
275
- ## License
257
+ ```bash
258
+ npm install
259
+ npm run typecheck
260
+ npm run lint
261
+ npm run build
262
+ ```
276
263
 
277
- GNU Affero General Public License v3.0 or later (AGPL-3.0-or-later) — see [LICENSE](LICENSE) for the full text, including additional terms under Section 7.
264
+ Important development notes:
278
265
 
279
- 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.
266
+ - `npm run dev` uses the daemon manager on Linux.
267
+ - For a foreground development loop, run `npm run client` and `npm run server` separately, or run `pixcode --no-daemon`.
268
+ - `npm run server` runs built output from `dist-server/`; rebuild after backend changes.
269
+ - There is no unit test suite configured today. Use typecheck, lint, build, and manual provider/API checks.
280
270
 
281
- Pixcode - (https://github.com/alicomert/pixcode).
271
+ ## Repository Map
282
272
 
283
- ## Acknowledgments
273
+ - `src/` - React + Vite frontend.
274
+ - `server/` - Express, WebSocket, CLI adapters, routes, auth, daemon, notifications.
275
+ - `server/modules/orchestration/` - multi-agent workflow engine and A2A adapters.
276
+ - `server/modules/providers/` - provider auth, MCP, sessions, model and install endpoints.
277
+ - `shared/` - contracts shared by frontend and backend.
278
+ - `public/openapi.yaml` - API reference shipped with the app.
279
+ - `public/screenshots/` - README/product screenshots.
284
280
 
285
- ### Built With
286
- - **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropic's official CLI
287
- - **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursor's official CLI
288
- - **[Codex](https://developers.openai.com/codex)** - OpenAI Codex
289
- - **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI
290
- - **[React](https://react.dev/)** - User interface library
291
- - **[Vite](https://vitejs.dev/)** - Fast build tool and dev server
292
- - **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework
293
- - **[CodeMirror](https://codemirror.net/)** - Advanced code editor
294
- - **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(Optional)* - AI-powered project management and task planning
281
+ ## Security Model
295
282
 
283
+ - Pixcode is self-hosted. Treat it like a local control plane for your machine.
284
+ - Use strong local account credentials when exposing it on a network.
285
+ - Put it behind a trusted reverse proxy/VPN when running on a public server.
286
+ - API keys are intended for automation. Rotate them if they are exposed.
287
+ - Provider secrets are masked in APIs and UI responses where possible.
296
288
 
297
- ### Sponsors
298
- - [Siteboon - AI powered website builder](https://siteboon.ai)
299
- ---
289
+ ## Links
300
290
 
301
- <div align="center">
302
- <strong>Made with care for the Claude Code, Cursor and Codex community.</strong>
303
- </div>
291
+ - npm: <https://www.npmjs.com/package/@pixelbyte-software/pixcode>
292
+ - GitHub: <https://github.com/alicomert/pixcode>
293
+ - Releases: <https://github.com/alicomert/pixcode/releases/latest>
294
+ - API docs: [`public/openapi.yaml`](public/openapi.yaml)
295
+ - Static docs: [`public/docs.html`](public/docs.html), [`public/features.html`](public/features.html), [`public/orchestration.html`](public/orchestration.html), [`public/api-automation.html`](public/api-automation.html)
296
+ - AI discovery: [`public/llms.txt`](public/llms.txt), [`public/llms-full.txt`](public/llms-full.txt)