@pixelbyte-software/pixcode 1.30.2 → 1.31.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 (209) hide show
  1. package/LICENSE +718 -718
  2. package/README.de.md +248 -248
  3. package/README.ja.md +240 -240
  4. package/README.ko.md +240 -240
  5. package/README.md +295 -285
  6. package/README.ru.md +248 -248
  7. package/README.tr.md +250 -250
  8. package/README.zh-CN.md +240 -240
  9. package/dist/api-docs.html +879 -879
  10. package/dist/assets/index-BtOeB3cE.js +837 -0
  11. package/dist/assets/index-CDpePeIN.css +32 -0
  12. package/dist/assets/vendor-codemirror-CzYAOTxS.js +41 -0
  13. package/dist/clear-cache.html +85 -85
  14. package/dist/convert-icons.md +52 -52
  15. package/dist/favicon.png +0 -0
  16. package/dist/favicon.svg +7 -8
  17. package/dist/generate-icons.js +48 -48
  18. package/dist/icons/codex-white.svg +3 -3
  19. package/dist/icons/codex.svg +3 -3
  20. package/dist/icons/cursor-white.svg +11 -11
  21. package/dist/icons/icon-128x128.png +0 -0
  22. package/dist/icons/icon-128x128.svg +9 -12
  23. package/dist/icons/icon-144x144.png +0 -0
  24. package/dist/icons/icon-144x144.svg +9 -12
  25. package/dist/icons/icon-152x152.png +0 -0
  26. package/dist/icons/icon-152x152.svg +9 -12
  27. package/dist/icons/icon-192x192.png +0 -0
  28. package/dist/icons/icon-192x192.svg +9 -12
  29. package/dist/icons/icon-384x384.png +0 -0
  30. package/dist/icons/icon-384x384.svg +9 -12
  31. package/dist/icons/icon-512x512.png +0 -0
  32. package/dist/icons/icon-512x512.svg +9 -12
  33. package/dist/icons/icon-72x72.png +0 -0
  34. package/dist/icons/icon-72x72.svg +9 -12
  35. package/dist/icons/icon-96x96.png +0 -0
  36. package/dist/icons/icon-96x96.svg +9 -12
  37. package/dist/icons/icon-template.svg +9 -12
  38. package/dist/icons/qwen-ai-icon.png +0 -0
  39. package/dist/index.html +60 -50
  40. package/dist/logo.png +0 -0
  41. package/dist/logo.svg +11 -16
  42. package/dist/manifest.json +60 -60
  43. package/dist/sw.js +124 -124
  44. package/dist-server/server/claude-sdk.js +28 -5
  45. package/dist-server/server/claude-sdk.js.map +1 -1
  46. package/dist-server/server/cli.js +100 -97
  47. package/dist-server/server/cli.js.map +1 -1
  48. package/dist-server/server/daemon/manager.js +33 -33
  49. package/dist-server/server/daemon-manager.js +62 -62
  50. package/dist-server/server/database/db.js +114 -22
  51. package/dist-server/server/database/db.js.map +1 -1
  52. package/dist-server/server/database/schema.js +122 -89
  53. package/dist-server/server/database/schema.js.map +1 -1
  54. package/dist-server/server/gemini-cli.js +6 -1
  55. package/dist-server/server/gemini-cli.js.map +1 -1
  56. package/dist-server/server/index.js +346 -61
  57. package/dist-server/server/index.js.map +1 -1
  58. package/dist-server/server/modules/providers/list/claude/claude-auth.provider.js +29 -2
  59. package/dist-server/server/modules/providers/list/claude/claude-auth.provider.js.map +1 -1
  60. package/dist-server/server/modules/providers/list/codex/codex-auth.provider.js +22 -2
  61. package/dist-server/server/modules/providers/list/codex/codex-auth.provider.js.map +1 -1
  62. package/dist-server/server/modules/providers/list/cursor/cursor-auth.provider.js +2 -2
  63. package/dist-server/server/modules/providers/list/cursor/cursor-auth.provider.js.map +1 -1
  64. package/dist-server/server/modules/providers/list/gemini/gemini-auth.provider.js +14 -2
  65. package/dist-server/server/modules/providers/list/gemini/gemini-auth.provider.js.map +1 -1
  66. package/dist-server/server/modules/providers/list/qwen/qwen-auth.provider.js +132 -0
  67. package/dist-server/server/modules/providers/list/qwen/qwen-auth.provider.js.map +1 -0
  68. package/dist-server/server/modules/providers/list/qwen/qwen-mcp.provider.js +87 -0
  69. package/dist-server/server/modules/providers/list/qwen/qwen-mcp.provider.js.map +1 -0
  70. package/dist-server/server/modules/providers/list/qwen/qwen-sessions.provider.js +201 -0
  71. package/dist-server/server/modules/providers/list/qwen/qwen-sessions.provider.js.map +1 -0
  72. package/dist-server/server/modules/providers/list/qwen/qwen.provider.js +19 -0
  73. package/dist-server/server/modules/providers/list/qwen/qwen.provider.js.map +1 -0
  74. package/dist-server/server/modules/providers/provider.registry.js +2 -0
  75. package/dist-server/server/modules/providers/provider.registry.js.map +1 -1
  76. package/dist-server/server/modules/providers/provider.routes.js +478 -1
  77. package/dist-server/server/modules/providers/provider.routes.js.map +1 -1
  78. package/dist-server/server/modules/providers/shared/provider-configs.js +105 -0
  79. package/dist-server/server/modules/providers/shared/provider-configs.js.map +1 -0
  80. package/dist-server/server/projects.js +197 -6
  81. package/dist-server/server/projects.js.map +1 -1
  82. package/dist-server/server/qwen-code-cli.js +350 -0
  83. package/dist-server/server/qwen-code-cli.js.map +1 -0
  84. package/dist-server/server/qwen-response-handler.js +70 -0
  85. package/dist-server/server/qwen-response-handler.js.map +1 -0
  86. package/dist-server/server/routes/commands.js +25 -25
  87. package/dist-server/server/routes/git.js +17 -17
  88. package/dist-server/server/routes/network.js +116 -0
  89. package/dist-server/server/routes/network.js.map +1 -0
  90. package/dist-server/server/routes/projects.js +166 -1
  91. package/dist-server/server/routes/projects.js.map +1 -1
  92. package/dist-server/server/routes/qwen.js +23 -0
  93. package/dist-server/server/routes/qwen.js.map +1 -0
  94. package/dist-server/server/routes/taskmaster.js +419 -419
  95. package/dist-server/server/routes/telegram.js +119 -0
  96. package/dist-server/server/routes/telegram.js.map +1 -0
  97. package/dist-server/server/services/external-access.js +228 -0
  98. package/dist-server/server/services/external-access.js.map +1 -0
  99. package/dist-server/server/services/install-jobs.js +552 -0
  100. package/dist-server/server/services/install-jobs.js.map +1 -0
  101. package/dist-server/server/services/notification-orchestrator.js +19 -5
  102. package/dist-server/server/services/notification-orchestrator.js.map +1 -1
  103. package/dist-server/server/services/provider-credentials.js +154 -0
  104. package/dist-server/server/services/provider-credentials.js.map +1 -0
  105. package/dist-server/server/services/provider-models.js +218 -0
  106. package/dist-server/server/services/provider-models.js.map +1 -0
  107. package/dist-server/server/services/telegram/bot.js +259 -0
  108. package/dist-server/server/services/telegram/bot.js.map +1 -0
  109. package/dist-server/server/services/telegram/translations.js +160 -0
  110. package/dist-server/server/services/telegram/translations.js.map +1 -0
  111. package/dist-server/server/utils/port-access.js +196 -0
  112. package/dist-server/server/utils/port-access.js.map +1 -0
  113. package/dist-server/shared/modelConstants.js +18 -0
  114. package/dist-server/shared/modelConstants.js.map +1 -1
  115. package/package.json +177 -168
  116. package/scripts/fix-node-pty.js +67 -67
  117. package/server/claude-sdk.js +857 -834
  118. package/server/cli.js +940 -937
  119. package/server/constants/config.js +4 -4
  120. package/server/cursor-cli.js +342 -342
  121. package/server/daemon/manager.js +564 -564
  122. package/server/daemon-manager.js +920 -920
  123. package/server/database/db.js +696 -593
  124. package/server/database/schema.js +138 -102
  125. package/server/gemini-cli.js +475 -469
  126. package/server/gemini-response-handler.js +79 -79
  127. package/server/index.js +2854 -2556
  128. package/server/load-env.js +34 -34
  129. package/server/middleware/auth.js +132 -132
  130. package/server/modules/providers/list/claude/claude-auth.provider.ts +145 -123
  131. package/server/modules/providers/list/claude/claude-mcp.provider.ts +135 -135
  132. package/server/modules/providers/list/claude/claude-sessions.provider.ts +306 -306
  133. package/server/modules/providers/list/claude/claude.provider.ts +15 -15
  134. package/server/modules/providers/list/codex/codex-auth.provider.ts +115 -100
  135. package/server/modules/providers/list/codex/codex-mcp.provider.ts +135 -135
  136. package/server/modules/providers/list/codex/codex-sessions.provider.ts +319 -319
  137. package/server/modules/providers/list/codex/codex.provider.ts +15 -15
  138. package/server/modules/providers/list/cursor/cursor-auth.provider.ts +143 -143
  139. package/server/modules/providers/list/cursor/cursor-mcp.provider.ts +108 -108
  140. package/server/modules/providers/list/cursor/cursor-sessions.provider.ts +421 -421
  141. package/server/modules/providers/list/cursor/cursor.provider.ts +15 -15
  142. package/server/modules/providers/list/gemini/gemini-auth.provider.ts +163 -151
  143. package/server/modules/providers/list/gemini/gemini-mcp.provider.ts +110 -110
  144. package/server/modules/providers/list/gemini/gemini-sessions.provider.ts +227 -227
  145. package/server/modules/providers/list/gemini/gemini.provider.ts +15 -15
  146. package/server/modules/providers/list/qwen/qwen-auth.provider.ts +145 -0
  147. package/server/modules/providers/list/qwen/qwen-mcp.provider.ts +114 -0
  148. package/server/modules/providers/list/qwen/qwen-sessions.provider.ts +218 -0
  149. package/server/modules/providers/list/qwen/qwen.provider.ts +21 -0
  150. package/server/modules/providers/provider.registry.ts +38 -36
  151. package/server/modules/providers/provider.routes.ts +781 -217
  152. package/server/modules/providers/services/mcp.service.ts +94 -94
  153. package/server/modules/providers/services/provider-auth.service.ts +26 -26
  154. package/server/modules/providers/services/sessions.service.ts +45 -45
  155. package/server/modules/providers/shared/base/abstract.provider.ts +20 -20
  156. package/server/modules/providers/shared/mcp/mcp.provider.ts +151 -151
  157. package/server/modules/providers/shared/provider-configs.ts +118 -0
  158. package/server/modules/providers/tests/mcp.test.ts +293 -293
  159. package/server/openai-codex.js +426 -426
  160. package/server/projects.js +2993 -2792
  161. package/server/qwen-code-cli.js +392 -0
  162. package/server/qwen-response-handler.js +73 -0
  163. package/server/routes/agent.js +1245 -1245
  164. package/server/routes/auth.js +134 -134
  165. package/server/routes/codex.js +19 -19
  166. package/server/routes/commands.js +554 -554
  167. package/server/routes/cursor.js +52 -52
  168. package/server/routes/gemini.js +24 -24
  169. package/server/routes/git.js +1488 -1488
  170. package/server/routes/mcp-utils.js +31 -31
  171. package/server/routes/messages.js +61 -61
  172. package/server/routes/network.js +128 -0
  173. package/server/routes/plugins.js +307 -307
  174. package/server/routes/projects.js +795 -627
  175. package/server/routes/qwen.js +27 -0
  176. package/server/routes/settings.js +286 -286
  177. package/server/routes/taskmaster.js +1471 -1471
  178. package/server/routes/telegram.js +125 -0
  179. package/server/routes/user.js +123 -123
  180. package/server/services/external-access.js +240 -0
  181. package/server/services/install-jobs.js +569 -0
  182. package/server/services/notification-orchestrator.js +242 -227
  183. package/server/services/provider-credentials.js +151 -0
  184. package/server/services/provider-models.js +225 -0
  185. package/server/services/telegram/bot.js +280 -0
  186. package/server/services/telegram/translations.js +170 -0
  187. package/server/services/vapid-keys.js +35 -35
  188. package/server/sessionManager.js +225 -225
  189. package/server/shared/interfaces.ts +54 -54
  190. package/server/shared/types.ts +172 -172
  191. package/server/shared/utils.ts +193 -193
  192. package/server/tsconfig.json +36 -36
  193. package/server/utils/colors.js +21 -21
  194. package/server/utils/commandParser.js +303 -303
  195. package/server/utils/frontmatter.js +18 -18
  196. package/server/utils/gitConfig.js +34 -34
  197. package/server/utils/mcp-detector.js +147 -147
  198. package/server/utils/plugin-loader.js +457 -457
  199. package/server/utils/plugin-process-manager.js +184 -184
  200. package/server/utils/port-access.js +209 -0
  201. package/server/utils/runtime-paths.js +37 -37
  202. package/server/utils/taskmaster-websocket.js +128 -128
  203. package/server/utils/url-detection.js +71 -71
  204. package/server/vite-daemon.js +78 -78
  205. package/shared/modelConstants.js +117 -97
  206. package/shared/networkHosts.js +22 -22
  207. package/dist/assets/index-C2c9QNwK.css +0 -32
  208. package/dist/assets/index-DyXDZED-.js +0 -1277
  209. package/dist/assets/vendor-codemirror-NA4v81it.js +0 -41
package/README.md CHANGED
@@ -1,285 +1,295 @@
1
- <div align="center">
2
- <img src="public/logo.svg" alt="Pixcode" width="64" height="64">
3
- <h1>Cloud CLI (aka Claude Code 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>, 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>
5
- </div>
6
-
7
- <p align="center">
8
- <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>
9
- </p>
10
-
11
- <p align="center">
12
- <a href="https://github.com/alicomert/pixcode"><img src="https://img.shields.io/badge/☁️_Pixcode_Cloud-Try_Now-0066FF?style=for-the-badge" alt="Pixcode"></a>
13
- <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>
14
- </p>
15
-
16
- <div align="right"><i><b>English</b> · <a href="./README.ru.md">Русский</a> · <a href="./README.de.md">Deutsch</a> · <a href="./README.ko.md">한국어</a> · <a href="./README.zh-CN.md">中文</a> · <a href="./README.ja.md">日本語</a> · <a href="./README.tr.md">Türkçe</a> · <a href="./README.it.md">Italiano</a></i></div>
17
-
18
- ---
19
-
20
- ## Screenshots
21
-
22
- <div align="center">
23
-
24
- <table>
25
- <tr>
26
- <td align="center">
27
- <h3>Desktop View</h3>
28
- <img src="public/screenshots/desktop-main.png" alt="Desktop Interface" width="400">
29
- <br>
30
- <em>Main interface showing project overview and chat</em>
31
- </td>
32
- <td align="center">
33
- <h3>Mobile Experience</h3>
34
- <img src="public/screenshots/mobile-chat.png" alt="Mobile Interface" width="250">
35
- <br>
36
- <em>Responsive mobile design with touch navigation</em>
37
- </td>
38
- </tr>
39
- <tr>
40
- <td align="center" colspan="2">
41
- <h3>CLI Selection</h3>
42
- <img src="public/screenshots/cli-selection.png" alt="CLI Selection" width="400">
43
- <br>
44
- <em>Select between Claude Code, Gemini, Cursor CLI and Codex</em>
45
- </td>
46
- </tr>
47
- </table>
48
-
49
-
50
-
51
- </div>
52
-
53
- ## Features
54
-
55
- - **Responsive Design** - Works seamlessly across desktop, tablet, and mobile so you can also use Agents from mobile
56
- - **Interactive Chat Interface** - Built-in chat interface for seamless communication with the Agents
57
- - **Integrated Shell Terminal** - Direct access to the Agents CLI through built-in shell functionality
58
- - **File Explorer** - Interactive file tree with syntax highlighting and live editing
59
- - **Git Explorer** - View, stage and commit your changes. You can also switch branches
60
- - **Session Management** - Resume conversations, manage multiple sessions, and track history
61
- - **Plugin System** - Extend Pixcode with custom plugins — add new tabs, backend services, and integrations. [Build your own →](https://github.com/alicomert/pixcode)
62
- - **TaskMaster AI Integration** *(Optional)* - Advanced project management with AI-powered task planning, PRD parsing, and workflow automation
63
- - **Model Compatibility** - Works with Claude, GPT, and Gemini model families (see [`shared/modelConstants.js`](shared/modelConstants.js) for the full list of supported models)
64
-
65
-
66
- ## Quick Start
67
-
68
- ### Pixcode (Recommended)
69
-
70
- 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.
71
-
72
- **[Get started with Pixcode](https://github.com/alicomert/pixcode)**
73
-
74
-
75
- ### Self-Hosted (Open source)
76
-
77
- #### npm
78
-
79
- Try Pixcode instantly with **npx** (requires **Node.js** v22+):
80
-
81
- ```
82
- npx @pixelbyte-software/pixcode
83
- ```
84
-
85
- Or install **globally** for regular use:
86
-
87
- ```
88
- npm install -g @pixelbyte-software/pixcode
89
- pixcode
90
- ```
91
-
92
- Open `http://localhost:3001` — all your existing sessions are discovered automatically.
93
-
94
- Visit the **[documentation →](https://github.com/alicomert/pixcode)** for full configuration options, PM2, remote server setup and more.
95
-
96
- #### Keep It Running On Linux (VDS / SSH-safe)
97
-
98
- If you run Pixcode over SSH and your terminal disconnects, foreground processes like `npm run dev` will stop.
99
- Use the built-in daemon manager to run Pixcode as a persistent service:
100
-
101
- ```bash
102
- # Default behavior on Linux (auto-daemon):
103
- pixcode
104
-
105
- # Explicit install (recommended on first setup):
106
- pixcode daemon install --mode auto --port 3001
107
- pixcode daemon status --mode auto
108
- pixcode daemon doctor --mode auto
109
- ```
110
-
111
- Useful commands:
112
-
113
- ```bash
114
- pixcode daemon logs --mode auto
115
- pixcode daemon restart --mode auto
116
- pixcode daemon stop --mode auto # temporary stop, auto-start remains enabled
117
- pixcode daemon disable --mode auto # disable auto-start at boot
118
- pixcode daemon uninstall --mode auto
119
- pixcode update --restart-daemon
120
- ```
121
-
122
- Notes:
123
- - On Linux, `pixcode` now attempts auto-daemon startup by default.
124
- - `npm run dev`, `npm run start`, and direct server entrypoints now pass through the same auto-daemon behavior.
125
- - Recommended for always-on server deployments: use `pixcode daemon install`, not `npm run dev`.
126
- - `--mode user` uses `systemctl --user`, `--mode system` uses system service management, and `--mode auto` chooses the best available mode.
127
- - Use `pixcode --no-daemon` (or `PIXCODE_NO_DAEMON=1`) to force foreground mode.
128
- - On some servers you may need to enable linger for boot-time startup without an active login session:
129
- `sudo loginctl enable-linger <your-username>`
130
-
131
- #### Docker Sandboxes (Experimental)
132
-
133
- 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/).
134
-
135
- ```
136
- npx @pixelbyte-software/pixcode@latest sandbox ~/my-project
137
- ```
138
-
139
- Supports Claude Code, Codex, and Gemini CLI. See the [sandbox docs](docker/) for setup and advanced options.
140
-
141
-
142
- ---
143
-
144
- ## Which option is right for you?
145
-
146
- 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.
147
-
148
- | | Self-Hosted (npm) | Self-Hosted (Docker Sandbox) *(Experimental)* | Pixcode |
149
- |---|---|---|---|
150
- | **Best for** | Local agent sessions on your own machine | Isolated agents with web/mobile IDE | Teams who want agents in the cloud |
151
- | **How you access it** | Browser via `[yourip]:port` | Browser via `localhost:port` | Browser, any IDE, REST API, n8n |
152
- | **Setup** | `npx @pixelbyte-software/pixcode` | `npx @pixelbyte-software/pixcode@latest sandbox ~/project` | No setup required |
153
- | **Isolation** | Runs on your host | Hypervisor-level sandbox (microVM) | Full cloud isolation |
154
- | **Machine needs to stay on** | Yes | Yes | No |
155
- | **Mobile access** | Any browser on your network | Any browser on your network | Any device, native app coming |
156
- | **Agents supported** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI |
157
- | **File explorer and Git** | Yes | Yes | Yes |
158
- | **MCP configuration** | Synced with `~/.claude` | Managed via UI | Managed via UI |
159
- | **REST API** | Yes | Yes | Yes |
160
- | **Team sharing** | No | No | Yes |
161
- | **Platform cost** | Free, open source | Free, open source | Starts at $7/month |
162
-
163
- > All options use your own AI subscriptions (Claude, Cursor, etc.) Pixcode provides the environment, not the AI.
164
-
165
- ---
166
-
167
- ## Security & Tools Configuration
168
-
169
- **🔒 Important Notice**: All Claude Code tools are **disabled by default**. This prevents potentially harmful operations from running automatically.
170
-
171
- ### Enabling Tools
172
-
173
- To use Claude Code's full functionality, you'll need to manually enable tools:
174
-
175
- 1. **Open Tools Settings** - Click the gear icon in the sidebar
176
- 2. **Enable Selectively** - Turn on only the tools you need
177
- 3. **Apply Settings** - Your preferences are saved locally
178
-
179
- <div align="center">
180
-
181
- ![Tools Settings Modal](public/screenshots/tools-modal.png)
182
- *Tools Settings interface - enable only what you need*
183
-
184
- </div>
185
-
186
- **Recommended approach**: Start with basic tools enabled and add more as needed. You can always adjust these settings later.
187
-
188
- ---
189
-
190
- ## Plugins
191
-
192
- 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.
193
-
194
- ### Available Plugins
195
-
196
- | Plugin | Description |
197
- |---|---|
198
- | **[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 |
199
- | **[Web Terminal](https://github.com/alicomert/pixcode)** | Full xterm.js terminal with multi-tab support|
200
-
201
- ### Build Your Own
202
-
203
- **[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.
204
-
205
- **[Plugin Documentation →](https://github.com/alicomert/pixcode)** — full guide to the plugin API, manifest format, security model, and more.
206
-
207
- ---
208
- ## FAQ
209
-
210
- <details>
211
- <summary>How is this different from Claude Code Remote Control?</summary>
212
-
213
- 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.
214
-
215
- 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.
216
-
217
- Here's what that means in practice:
218
-
219
- - **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.
220
- - **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.
221
- - **Works with more agents** Claude Code, Cursor CLI, Codex, and Gemini CLI, not just Claude Code.
222
- - **Full UI, not just a chat window** — file explorer, Git integration, MCP management, and a shell terminal are all built in.
223
- - **Pixcode runs in the cloud** close your laptop, the agent keeps running. No terminal to babysit, no machine to keep awake.
224
-
225
- </details>
226
-
227
- <details>
228
- <summary>Do I need to pay for an AI subscription separately?</summary>
229
-
230
- 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.
231
-
232
- </details>
233
-
234
- <details>
235
- <summary>Can I use Pixcode on my phone?</summary>
236
-
237
- 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.
238
-
239
- </details>
240
-
241
- <details>
242
- <summary>Will changes I make in the UI affect my local Claude Code setup?</summary>
243
-
244
- 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.
245
-
246
- </details>
247
-
248
- ---
249
-
250
- ## Community & Support
251
-
252
- - **[Documentation](https://github.com/alicomert/pixcode)** installation, configuration, features, and troubleshooting
253
- - **[Discord](https://discord.gg/buxwujPNRE)** — get help and connect with other users
254
- - **[GitHub Issues](https://github.com/alicomert/pixcode/issues)** bug reports and feature requests
255
- - **[Contributing Guide](CONTRIBUTING.md)** — how to contribute to the project
256
-
257
- ## License
258
-
259
- 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.
260
-
261
- 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.
262
-
263
- Pixcode - (https://github.com/alicomert/pixcode).
264
-
265
- ## Acknowledgments
266
-
267
- ### Built With
268
- - **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropic's official CLI
269
- - **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursor's official CLI
270
- - **[Codex](https://developers.openai.com/codex)** - OpenAI Codex
271
- - **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI
272
- - **[React](https://react.dev/)** - User interface library
273
- - **[Vite](https://vitejs.dev/)** - Fast build tool and dev server
274
- - **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework
275
- - **[CodeMirror](https://codemirror.net/)** - Advanced code editor
276
- - **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(Optional)* - AI-powered project management and task planning
277
-
278
-
279
- ### Sponsors
280
- - [Siteboon - AI powered website builder](https://siteboon.ai)
281
- ---
282
-
283
- <div align="center">
284
- <strong>Made with care for the Claude Code, Cursor and Codex community.</strong>
285
- </div>
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>
6
+ </div>
7
+
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"><img src="https://img.shields.io/badge/☁️_Pixcode_Cloud-Coming_Soon-0066FF?style=for-the-badge" alt="Pixcode Cloud"></a>
14
+ <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>
15
+ </p>
16
+
17
+ <p align="center">
18
+ <a href="./README.md"><img src="https://img.shields.io/badge/English-5C3FFC?style=for-the-badge&logoColor=white" alt="English"></a>
19
+ <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>
20
+ <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>
21
+ <a href="./README.de.md"><img src="https://img.shields.io/badge/Deutsch-4B4B4B?style=for-the-badge" alt="Deutsch"></a>
22
+ <a href="./README.it.md"><img src="https://img.shields.io/badge/Italiano-4B4B4B?style=for-the-badge" alt="Italiano"></a>
23
+ <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>
24
+ <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>
25
+ <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>
26
+ </p>
27
+
28
+ ---
29
+
30
+ ## Screenshots
31
+
32
+ <div align="center">
33
+
34
+ <table>
35
+ <tr>
36
+ <td align="center">
37
+ <h3>Desktop View</h3>
38
+ <img src="public/screenshots/desktop-main.png" alt="Desktop Interface" width="400">
39
+ <br>
40
+ <em>Main interface showing project overview and chat</em>
41
+ </td>
42
+ <td align="center">
43
+ <h3>Mobile Experience</h3>
44
+ <img src="public/screenshots/mobile-chat.png" alt="Mobile Interface" width="250">
45
+ <br>
46
+ <em>Responsive mobile design with touch navigation</em>
47
+ </td>
48
+ </tr>
49
+ <tr>
50
+ <td align="center" colspan="2">
51
+ <h3>CLI Selection</h3>
52
+ <img src="public/screenshots/cli-selection.png" alt="CLI Selection" width="400">
53
+ <br>
54
+ <em>Select between Claude Code, Gemini, Cursor CLI and Codex</em>
55
+ </td>
56
+ </tr>
57
+ </table>
58
+
59
+
60
+
61
+ </div>
62
+
63
+ ## Features
64
+
65
+ - **Responsive Design** - Works seamlessly across desktop, tablet, and mobile so you can also use Agents from mobile
66
+ - **Interactive Chat Interface** - Built-in chat interface for seamless communication with the Agents
67
+ - **Integrated Shell Terminal** - Direct access to the Agents CLI through built-in shell functionality
68
+ - **File Explorer** - Interactive file tree with syntax highlighting and live editing
69
+ - **Git Explorer** - View, stage and commit your changes. You can also switch branches
70
+ - **Session Management** - Resume conversations, manage multiple sessions, and track history
71
+ - **Plugin System** - Extend Pixcode with custom plugins — add new tabs, backend services, and integrations. [Build your own →](https://github.com/alicomert/pixcode)
72
+ - **TaskMaster AI Integration** *(Optional)* - Advanced project management with AI-powered task planning, PRD parsing, and workflow automation
73
+ - **Model Compatibility** - Works with Claude, GPT, and Gemini model families (see [`shared/modelConstants.js`](shared/modelConstants.js) for the full list of supported models)
74
+
75
+
76
+ ## Quick Start
77
+
78
+ ### Pixcode (Recommended)
79
+
80
+ 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.
81
+
82
+ **[Get started with Pixcode](https://github.com/alicomert/pixcode)**
83
+
84
+
85
+ ### Self-Hosted (Open source)
86
+
87
+ #### npm
88
+
89
+ Try Pixcode instantly with **npx** (requires **Node.js** v22+):
90
+
91
+ ```
92
+ npx @pixelbyte-software/pixcode
93
+ ```
94
+
95
+ Or install **globally** for regular use:
96
+
97
+ ```
98
+ npm install -g @pixelbyte-software/pixcode
99
+ pixcode
100
+ ```
101
+
102
+ Open `http://localhost:3001` all your existing sessions are discovered automatically.
103
+
104
+ Visit the **[documentation →](https://github.com/alicomert/pixcode)** for full configuration options, PM2, remote server setup and more.
105
+
106
+ #### Keep It Running On Linux (VDS / SSH-safe)
107
+
108
+ If you run Pixcode over SSH and your terminal disconnects, foreground processes like `npm run dev` will stop.
109
+ Use the built-in daemon manager to run Pixcode as a persistent service:
110
+
111
+ ```bash
112
+ # Default behavior on Linux (auto-daemon):
113
+ pixcode
114
+
115
+ # Explicit install (recommended on first setup):
116
+ pixcode daemon install --mode auto --port 3001
117
+ pixcode daemon status --mode auto
118
+ pixcode daemon doctor --mode auto
119
+ ```
120
+
121
+ Useful commands:
122
+
123
+ ```bash
124
+ pixcode daemon logs --mode auto
125
+ pixcode daemon restart --mode auto
126
+ pixcode daemon stop --mode auto # temporary stop, auto-start remains enabled
127
+ pixcode daemon disable --mode auto # disable auto-start at boot
128
+ pixcode daemon uninstall --mode auto
129
+ pixcode update --restart-daemon
130
+ ```
131
+
132
+ Notes:
133
+ - On Linux, `pixcode` now attempts auto-daemon startup by default.
134
+ - `npm run dev`, `npm run start`, and direct server entrypoints now pass through the same auto-daemon behavior.
135
+ - Recommended for always-on server deployments: use `pixcode daemon install`, not `npm run dev`.
136
+ - `--mode user` uses `systemctl --user`, `--mode system` uses system service management, and `--mode auto` chooses the best available mode.
137
+ - Use `pixcode --no-daemon` (or `PIXCODE_NO_DAEMON=1`) to force foreground mode.
138
+ - On some servers you may need to enable linger for boot-time startup without an active login session:
139
+ `sudo loginctl enable-linger <your-username>`
140
+
141
+ #### Docker Sandboxes (Experimental)
142
+
143
+ 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/).
144
+
145
+ ```
146
+ npx @pixelbyte-software/pixcode@latest sandbox ~/my-project
147
+ ```
148
+
149
+ Supports Claude Code, Codex, and Gemini CLI. See the [sandbox docs](docker/) for setup and advanced options.
150
+
151
+
152
+ ---
153
+
154
+ ## Which option is right for you?
155
+
156
+ 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.
157
+
158
+ | | Self-Hosted (npm) | Self-Hosted (Docker Sandbox) *(Experimental)* | Pixcode |
159
+ |---|---|---|---|
160
+ | **Best for** | Local agent sessions on your own machine | Isolated agents with web/mobile IDE | Teams who want agents in the cloud |
161
+ | **How you access it** | Browser via `[yourip]:port` | Browser via `localhost:port` | Browser, any IDE, REST API, n8n |
162
+ | **Setup** | `npx @pixelbyte-software/pixcode` | `npx @pixelbyte-software/pixcode@latest sandbox ~/project` | No setup required |
163
+ | **Isolation** | Runs on your host | Hypervisor-level sandbox (microVM) | Full cloud isolation |
164
+ | **Machine needs to stay on** | Yes | Yes | No |
165
+ | **Mobile access** | Any browser on your network | Any browser on your network | Any device, native app coming |
166
+ | **Agents supported** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI |
167
+ | **File explorer and Git** | Yes | Yes | Yes |
168
+ | **MCP configuration** | Synced with `~/.claude` | Managed via UI | Managed via UI |
169
+ | **REST API** | Yes | Yes | Yes |
170
+ | **Team sharing** | No | No | Yes |
171
+ | **Platform cost** | Free, open source | Free, open source | Starts at $7/month |
172
+
173
+ > All options use your own AI subscriptions (Claude, Cursor, etc.) Pixcode provides the environment, not the AI.
174
+
175
+ ---
176
+
177
+ ## Security & Tools Configuration
178
+
179
+ **🔒 Important Notice**: All Claude Code tools are **disabled by default**. This prevents potentially harmful operations from running automatically.
180
+
181
+ ### Enabling Tools
182
+
183
+ To use Claude Code's full functionality, you'll need to manually enable tools:
184
+
185
+ 1. **Open Tools Settings** - Click the gear icon in the sidebar
186
+ 2. **Enable Selectively** - Turn on only the tools you need
187
+ 3. **Apply Settings** - Your preferences are saved locally
188
+
189
+ <div align="center">
190
+
191
+ ![Tools Settings Modal](public/screenshots/tools-modal.png)
192
+ *Tools Settings interface - enable only what you need*
193
+
194
+ </div>
195
+
196
+ **Recommended approach**: Start with basic tools enabled and add more as needed. You can always adjust these settings later.
197
+
198
+ ---
199
+
200
+ ## Plugins
201
+
202
+ 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.
203
+
204
+ ### Available Plugins
205
+
206
+ | Plugin | Description |
207
+ |---|---|
208
+ | **[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 |
209
+ | **[Web Terminal](https://github.com/alicomert/pixcode)** | Full xterm.js terminal with multi-tab support|
210
+
211
+ ### Build Your Own
212
+
213
+ **[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.
214
+
215
+ **[Plugin Documentation →](https://github.com/alicomert/pixcode)** full guide to the plugin API, manifest format, security model, and more.
216
+
217
+ ---
218
+ ## FAQ
219
+
220
+ <details>
221
+ <summary>How is this different from Claude Code Remote Control?</summary>
222
+
223
+ 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.
224
+
225
+ 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.
226
+
227
+ Here's what that means in practice:
228
+
229
+ - **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.
230
+ - **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.
231
+ - **Works with more agents** — Claude Code, Cursor CLI, Codex, and Gemini CLI, not just Claude Code.
232
+ - **Full UI, not just a chat window** — file explorer, Git integration, MCP management, and a shell terminal are all built in.
233
+ - **Pixcode runs in the cloud** — close your laptop, the agent keeps running. No terminal to babysit, no machine to keep awake.
234
+
235
+ </details>
236
+
237
+ <details>
238
+ <summary>Do I need to pay for an AI subscription separately?</summary>
239
+
240
+ 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.
241
+
242
+ </details>
243
+
244
+ <details>
245
+ <summary>Can I use Pixcode on my phone?</summary>
246
+
247
+ 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.
248
+
249
+ </details>
250
+
251
+ <details>
252
+ <summary>Will changes I make in the UI affect my local Claude Code setup?</summary>
253
+
254
+ 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.
255
+
256
+ </details>
257
+
258
+ ---
259
+
260
+ ## Community & Support
261
+
262
+ - **[Documentation](https://github.com/alicomert/pixcode)** — installation, configuration, features, and troubleshooting
263
+ - **[Discord](https://discord.gg/buxwujPNRE)** — get help and connect with other users
264
+ - **[GitHub Issues](https://github.com/alicomert/pixcode/issues)** — bug reports and feature requests
265
+ - **[Contributing Guide](CONTRIBUTING.md)** — how to contribute to the project
266
+
267
+ ## License
268
+
269
+ 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.
270
+
271
+ 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.
272
+
273
+ Pixcode - (https://github.com/alicomert/pixcode).
274
+
275
+ ## Acknowledgments
276
+
277
+ ### Built With
278
+ - **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropic's official CLI
279
+ - **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursor's official CLI
280
+ - **[Codex](https://developers.openai.com/codex)** - OpenAI Codex
281
+ - **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI
282
+ - **[React](https://react.dev/)** - User interface library
283
+ - **[Vite](https://vitejs.dev/)** - Fast build tool and dev server
284
+ - **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework
285
+ - **[CodeMirror](https://codemirror.net/)** - Advanced code editor
286
+ - **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(Optional)* - AI-powered project management and task planning
287
+
288
+
289
+ ### Sponsors
290
+ - [Siteboon - AI powered website builder](https://siteboon.ai)
291
+ ---
292
+
293
+ <div align="center">
294
+ <strong>Made with care for the Claude Code, Cursor and Codex community.</strong>
295
+ </div>