@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.
- package/README.de.md +116 -198
- package/README.ja.md +116 -192
- package/README.ko.md +116 -192
- package/README.md +211 -218
- package/README.ru.md +116 -198
- package/README.tr.md +215 -170
- package/README.zh-CN.md +116 -192
- package/dist/api-automation.html +110 -0
- package/dist/api-docs.html +18 -18
- package/dist/assets/{index-BnoShb9v.js → index-D3aq3WpJ.js} +181 -180
- package/dist/assets/index-Dx7QyTSN.css +32 -0
- package/dist/docs.html +294 -0
- package/dist/features.html +112 -0
- package/dist/humans.txt +15 -0
- package/dist/index.html +2 -2
- package/dist/landing.html +217 -0
- package/dist/llms-full.txt +117 -0
- package/dist/llms.txt +53 -0
- package/dist/openapi.yaml +12 -9
- package/dist/orchestration.html +125 -0
- package/dist/robots.txt +4 -0
- package/dist/site.css +536 -0
- package/dist/sitemap.xml +51 -0
- package/dist/sw.js +8 -0
- package/dist-server/server/cli.js +51 -2
- package/dist-server/server/cli.js.map +1 -1
- package/dist-server/server/daemon/manager.js +0 -1
- package/dist-server/server/daemon/manager.js.map +1 -1
- package/dist-server/server/database/db.js +3 -2
- package/dist-server/server/database/db.js.map +1 -1
- package/dist-server/server/middleware/auth.js +9 -8
- package/dist-server/server/middleware/auth.js.map +1 -1
- package/dist-server/server/modules/orchestration/workflows/workflow-runner.js +156 -32
- package/dist-server/server/modules/orchestration/workflows/workflow-runner.js.map +1 -1
- package/dist-server/server/modules/orchestration/workflows/workflow.routes.js +27 -2
- package/dist-server/server/modules/orchestration/workflows/workflow.routes.js.map +1 -1
- package/dist-server/server/modules/providers/provider.routes.js +8 -1
- package/dist-server/server/modules/providers/provider.routes.js.map +1 -1
- package/dist-server/server/routes/agent.js +72 -11
- package/dist-server/server/routes/agent.js.map +1 -1
- package/dist-server/server/services/notification-orchestrator.js +11 -2
- package/dist-server/server/services/notification-orchestrator.js.map +1 -1
- package/dist-server/server/services/provider-cli-versions.js +142 -0
- package/dist-server/server/services/provider-cli-versions.js.map +1 -0
- package/dist-server/server/services/startup-update.js +208 -0
- package/dist-server/server/services/startup-update.js.map +1 -0
- package/package.json +35 -10
- package/server/cli.js +58 -3
- package/server/daemon/manager.js +0 -1
- package/server/database/db.js +3 -2
- package/server/middleware/auth.js +9 -8
- package/server/modules/orchestration/workflows/workflow-runner.ts +172 -32
- package/server/modules/orchestration/workflows/workflow.routes.ts +29 -2
- package/server/modules/providers/provider.routes.ts +8 -1
- package/server/routes/agent.js +75 -10
- package/server/services/notification-orchestrator.js +11 -2
- package/server/services/provider-cli-versions.js +149 -0
- package/server/services/startup-update.js +234 -0
- 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.
|
|
3
|
-
<h1>Pixcode
|
|
4
|
-
<p>A
|
|
5
|
-
<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
|
-
|
|
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
|
-
·
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
36
|
+
## Screenshots
|
|
70
37
|
|
|
71
|
-
|
|
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
|
-
|
|
74
|
-
|
|
75
|
-
-
|
|
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
|
-
|
|
48
|
+
### One UI for the CLIs you already use
|
|
85
49
|
|
|
86
|
-
|
|
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
|
-
|
|
55
|
+
### Chat that feels like a development workspace
|
|
89
56
|
|
|
90
|
-
|
|
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
|
-
|
|
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
|
-
|
|
71
|
+
### Command Center for changed files
|
|
96
72
|
|
|
97
|
-
|
|
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
|
-
|
|
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
|
-
|
|
81
|
+
Built-in workflow styles include:
|
|
111
82
|
|
|
112
|
-
|
|
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
|
-
|
|
88
|
+
Orchestration controls include:
|
|
115
89
|
|
|
116
|
-
|
|
117
|
-
|
|
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
|
-
|
|
120
|
-
# Default behavior on Linux (auto-daemon):
|
|
121
|
-
pixcode
|
|
99
|
+
### API-first automation
|
|
122
100
|
|
|
123
|
-
|
|
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
|
-
|
|
103
|
+
New API keys start with `px_`:
|
|
130
104
|
|
|
131
105
|
```bash
|
|
132
|
-
|
|
133
|
-
|
|
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
|
-
|
|
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
|
-
|
|
163
|
-
|
|
164
|
-
|
|
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
|
-
|
|
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
|
-
|
|
142
|
+
OpenAPI reference: [`public/openapi.yaml`](public/openapi.yaml)
|
|
182
143
|
|
|
183
|
-
|
|
144
|
+
### Themes and appearance
|
|
184
145
|
|
|
185
|
-
|
|
146
|
+
Pixcode now has a real theme system instead of a single blue/navy look.
|
|
186
147
|
|
|
187
|
-
|
|
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
|
-
|
|
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
|
-
|
|
156
|
+
### Notifications and Telegram bridge
|
|
192
157
|
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
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
|
-
|
|
164
|
+
### Plugins and MCP
|
|
198
165
|
|
|
199
|
-
|
|
200
|
-
*Tools Settings interface - enable only what you need*
|
|
166
|
+
Pixcode includes optional extension points:
|
|
201
167
|
|
|
202
|
-
|
|
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
|
-
|
|
173
|
+
## Installation
|
|
205
174
|
|
|
206
|
-
|
|
175
|
+
### Run with npx
|
|
207
176
|
|
|
208
|
-
|
|
177
|
+
Requires Node.js 22 or newer.
|
|
209
178
|
|
|
210
|
-
|
|
179
|
+
```bash
|
|
180
|
+
npx @pixelbyte-software/pixcode
|
|
181
|
+
```
|
|
211
182
|
|
|
212
|
-
|
|
183
|
+
Then open:
|
|
213
184
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
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
|
-
###
|
|
189
|
+
### Install globally
|
|
220
190
|
|
|
221
|
-
|
|
191
|
+
```bash
|
|
192
|
+
npm install -g @pixelbyte-software/pixcode
|
|
193
|
+
pixcode
|
|
194
|
+
```
|
|
222
195
|
|
|
223
|
-
|
|
196
|
+
### Desktop installers
|
|
224
197
|
|
|
225
|
-
|
|
226
|
-
## FAQ
|
|
198
|
+
Download desktop builds from GitHub releases:
|
|
227
199
|
|
|
228
|
-
|
|
229
|
-
|
|
200
|
+
- Windows: `.exe`
|
|
201
|
+
- macOS: `.dmg`
|
|
202
|
+
- Linux: AppImage / package builds depending on the release asset
|
|
230
203
|
|
|
231
|
-
|
|
204
|
+
Releases: <https://github.com/alicomert/pixcode/releases/latest>
|
|
232
205
|
|
|
233
|
-
|
|
206
|
+
#### macOS Gatekeeper: "Pixcode is damaged"
|
|
234
207
|
|
|
235
|
-
|
|
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
|
-
|
|
238
|
-
-
|
|
239
|
-
|
|
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
|
-
|
|
214
|
+
Manual fallback:
|
|
244
215
|
|
|
245
|
-
|
|
246
|
-
|
|
216
|
+
```bash
|
|
217
|
+
xattr -dr com.apple.quarantine "/Applications/Pixcode.app"
|
|
218
|
+
open "/Applications/Pixcode.app"
|
|
219
|
+
```
|
|
247
220
|
|
|
248
|
-
|
|
221
|
+
### Linux daemon
|
|
249
222
|
|
|
250
|
-
|
|
223
|
+
For a server/VDS setup:
|
|
251
224
|
|
|
252
|
-
|
|
253
|
-
|
|
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
|
-
|
|
232
|
+
Foreground mode:
|
|
256
233
|
|
|
257
|
-
|
|
234
|
+
```bash
|
|
235
|
+
pixcode --no-daemon
|
|
236
|
+
```
|
|
258
237
|
|
|
259
|
-
|
|
260
|
-
<summary>Will changes I make in the UI affect my local Claude Code setup?</summary>
|
|
238
|
+
### Ports
|
|
261
239
|
|
|
262
|
-
|
|
240
|
+
- Backend and bundled frontend: `SERVER_PORT`, default `3001`.
|
|
241
|
+
- Vite-only frontend development: `VITE_PORT`, default `5173`.
|
|
263
242
|
|
|
264
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
257
|
+
```bash
|
|
258
|
+
npm install
|
|
259
|
+
npm run typecheck
|
|
260
|
+
npm run lint
|
|
261
|
+
npm run build
|
|
262
|
+
```
|
|
276
263
|
|
|
277
|
-
|
|
264
|
+
Important development notes:
|
|
278
265
|
|
|
279
|
-
|
|
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
|
-
|
|
271
|
+
## Repository Map
|
|
282
272
|
|
|
283
|
-
|
|
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
|
-
|
|
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
|
-
|
|
298
|
-
- [Siteboon - AI powered website builder](https://siteboon.ai)
|
|
299
|
-
---
|
|
289
|
+
## Links
|
|
300
290
|
|
|
301
|
-
<
|
|
302
|
-
|
|
303
|
-
|
|
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)
|