@pixelbyte-software/pixcode 1.35.1 → 1.35.2

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 (172) 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 +303 -303
  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 +548 -548
  10. package/dist/assets/{index-CBdsvGSR.js → index-D1-AIL_5.js} +1 -1
  11. package/dist/clear-cache.html +85 -85
  12. package/dist/convert-icons.md +52 -52
  13. package/dist/favicon.svg +8 -8
  14. package/dist/generate-icons.js +48 -48
  15. package/dist/icons/codex-white.svg +3 -3
  16. package/dist/icons/codex.svg +3 -3
  17. package/dist/icons/cursor-white.svg +11 -11
  18. package/dist/icons/icon-128x128.svg +9 -9
  19. package/dist/icons/icon-144x144.svg +9 -9
  20. package/dist/icons/icon-152x152.svg +9 -9
  21. package/dist/icons/icon-192x192.svg +9 -9
  22. package/dist/icons/icon-384x384.svg +9 -9
  23. package/dist/icons/icon-512x512.svg +9 -9
  24. package/dist/icons/icon-72x72.svg +9 -9
  25. package/dist/icons/icon-96x96.svg +9 -9
  26. package/dist/icons/icon-template.svg +9 -9
  27. package/dist/icons/qwen-logo.svg +14 -14
  28. package/dist/index.html +58 -58
  29. package/dist/logo.svg +12 -12
  30. package/dist/manifest.json +60 -60
  31. package/dist/openapi.yaml +1693 -1693
  32. package/dist/sw.js +124 -124
  33. package/dist-server/server/cli.js +96 -96
  34. package/dist-server/server/daemon/manager.js +33 -33
  35. package/dist-server/server/daemon-manager.js +64 -64
  36. package/dist-server/server/routes/commands.js +25 -25
  37. package/dist-server/server/routes/git.js +17 -17
  38. package/dist-server/server/routes/taskmaster.js +419 -419
  39. package/package.json +180 -180
  40. package/scripts/fix-node-pty.js +67 -67
  41. package/scripts/smoke/a2a-roundtrip.mjs +167 -167
  42. package/scripts/smoke/orchestration-api.mjs +172 -172
  43. package/scripts/smoke/orchestration-live-run.mjs +176 -176
  44. package/server/claude-sdk.js +898 -898
  45. package/server/cli.js +935 -935
  46. package/server/constants/config.js +4 -4
  47. package/server/cursor-cli.js +342 -342
  48. package/server/daemon/manager.js +564 -564
  49. package/server/daemon-manager.js +959 -959
  50. package/server/database/db.js +794 -794
  51. package/server/database/json-store.js +197 -197
  52. package/server/gemini-cli.js +535 -535
  53. package/server/gemini-response-handler.js +79 -79
  54. package/server/index.js +3135 -3135
  55. package/server/load-env.js +34 -34
  56. package/server/middleware/auth.js +173 -173
  57. package/server/modules/orchestration/a2a/adapter-registry.ts +108 -108
  58. package/server/modules/orchestration/a2a/adapters/abstract-a2a.adapter.ts +55 -55
  59. package/server/modules/orchestration/a2a/adapters/claude-code.adapter.ts +284 -284
  60. package/server/modules/orchestration/a2a/adapters/codex.adapter.ts +244 -244
  61. package/server/modules/orchestration/a2a/adapters/cursor.adapter.ts +249 -249
  62. package/server/modules/orchestration/a2a/adapters/gemini.adapter.ts +248 -248
  63. package/server/modules/orchestration/a2a/adapters/opencode.adapter.ts +248 -248
  64. package/server/modules/orchestration/a2a/adapters/qwen.adapter.ts +248 -248
  65. package/server/modules/orchestration/a2a/routes.ts +577 -577
  66. package/server/modules/orchestration/a2a/task-store.ts +178 -178
  67. package/server/modules/orchestration/a2a/types.ts +125 -125
  68. package/server/modules/orchestration/a2a/validator.ts +113 -113
  69. package/server/modules/orchestration/index.ts +66 -66
  70. package/server/modules/orchestration/preview/port-watcher.ts +112 -112
  71. package/server/modules/orchestration/preview/preview-proxy.ts +60 -60
  72. package/server/modules/orchestration/preview/types.ts +19 -19
  73. package/server/modules/orchestration/tasks/orchestration-task-store.ts +45 -45
  74. package/server/modules/orchestration/tasks/orchestration-task.routes.ts +73 -73
  75. package/server/modules/orchestration/tasks/orchestration-task.service.ts +145 -145
  76. package/server/modules/orchestration/tasks/orchestration-task.types.ts +29 -29
  77. package/server/modules/orchestration/workflows/built-in-workflows.ts +127 -127
  78. package/server/modules/orchestration/workflows/workflow-runner.ts +1206 -1206
  79. package/server/modules/orchestration/workflows/workflow-store.ts +97 -97
  80. package/server/modules/orchestration/workflows/workflow.routes.ts +169 -169
  81. package/server/modules/orchestration/workflows/workflow.types.ts +70 -70
  82. package/server/modules/orchestration/workflows/workspace-target.ts +120 -120
  83. package/server/modules/orchestration/workspace/docker-workspace.ts +135 -135
  84. package/server/modules/orchestration/workspace/path-safety.ts +55 -55
  85. package/server/modules/orchestration/workspace/types.ts +52 -52
  86. package/server/modules/orchestration/workspace/workspace-manager.ts +97 -97
  87. package/server/modules/orchestration/workspace/worktree-workspace.ts +125 -125
  88. package/server/modules/providers/index.ts +2 -2
  89. package/server/modules/providers/list/claude/claude-auth.provider.ts +145 -145
  90. package/server/modules/providers/list/claude/claude-mcp.provider.ts +135 -135
  91. package/server/modules/providers/list/claude/claude-sessions.provider.ts +306 -306
  92. package/server/modules/providers/list/claude/claude.provider.ts +15 -15
  93. package/server/modules/providers/list/codex/codex-auth.provider.ts +115 -115
  94. package/server/modules/providers/list/codex/codex-mcp.provider.ts +135 -135
  95. package/server/modules/providers/list/codex/codex-sessions.provider.ts +319 -319
  96. package/server/modules/providers/list/codex/codex.provider.ts +15 -15
  97. package/server/modules/providers/list/cursor/cursor-auth.provider.ts +143 -143
  98. package/server/modules/providers/list/cursor/cursor-mcp.provider.ts +108 -108
  99. package/server/modules/providers/list/cursor/cursor-sessions.provider.ts +421 -421
  100. package/server/modules/providers/list/cursor/cursor.provider.ts +15 -15
  101. package/server/modules/providers/list/gemini/gemini-auth.provider.ts +163 -163
  102. package/server/modules/providers/list/gemini/gemini-mcp.provider.ts +110 -110
  103. package/server/modules/providers/list/gemini/gemini-sessions.provider.ts +227 -227
  104. package/server/modules/providers/list/gemini/gemini.provider.ts +15 -15
  105. package/server/modules/providers/list/opencode/opencode-auth.provider.ts +130 -130
  106. package/server/modules/providers/list/opencode/opencode-mcp.provider.ts +126 -126
  107. package/server/modules/providers/list/opencode/opencode-sessions.provider.ts +232 -232
  108. package/server/modules/providers/list/opencode/opencode.provider.ts +29 -29
  109. package/server/modules/providers/list/qwen/qwen-auth.provider.ts +145 -145
  110. package/server/modules/providers/list/qwen/qwen-mcp.provider.ts +114 -114
  111. package/server/modules/providers/list/qwen/qwen-sessions.provider.ts +265 -265
  112. package/server/modules/providers/list/qwen/qwen.provider.ts +21 -21
  113. package/server/modules/providers/provider.registry.ts +40 -40
  114. package/server/modules/providers/provider.routes.ts +819 -819
  115. package/server/modules/providers/services/mcp.service.ts +86 -86
  116. package/server/modules/providers/services/provider-auth.service.ts +26 -26
  117. package/server/modules/providers/services/sessions.service.ts +45 -45
  118. package/server/modules/providers/shared/base/abstract.provider.ts +20 -20
  119. package/server/modules/providers/shared/mcp/mcp.provider.ts +151 -151
  120. package/server/modules/providers/shared/provider-configs.ts +142 -142
  121. package/server/modules/providers/tests/mcp.test.ts +293 -293
  122. package/server/openai-codex.js +462 -462
  123. package/server/opencode-cli.js +459 -459
  124. package/server/opencode-response-handler.js +107 -107
  125. package/server/projects.js +3105 -3105
  126. package/server/qwen-code-cli.js +395 -395
  127. package/server/qwen-response-handler.js +73 -73
  128. package/server/routes/agent.js +1365 -1365
  129. package/server/routes/auth.js +138 -138
  130. package/server/routes/codex.js +19 -19
  131. package/server/routes/commands.js +554 -554
  132. package/server/routes/cursor.js +52 -52
  133. package/server/routes/gemini.js +24 -24
  134. package/server/routes/git.js +1488 -1488
  135. package/server/routes/mcp-utils.js +31 -31
  136. package/server/routes/messages.js +61 -61
  137. package/server/routes/network.js +120 -120
  138. package/server/routes/plugins.js +318 -318
  139. package/server/routes/projects.js +915 -915
  140. package/server/routes/qwen.js +27 -27
  141. package/server/routes/settings.js +286 -286
  142. package/server/routes/taskmaster.js +1496 -1496
  143. package/server/routes/telegram.js +125 -125
  144. package/server/routes/user.js +123 -123
  145. package/server/services/external-access.js +171 -171
  146. package/server/services/install-jobs.js +571 -571
  147. package/server/services/notification-orchestrator.js +242 -242
  148. package/server/services/provider-credentials.js +189 -189
  149. package/server/services/provider-models.js +381 -381
  150. package/server/services/telegram/bot.js +279 -279
  151. package/server/services/telegram/telegram-http-client.js +130 -130
  152. package/server/services/telegram/translations.js +170 -170
  153. package/server/services/vapid-keys.js +36 -36
  154. package/server/sessionManager.js +225 -225
  155. package/server/shared/interfaces.ts +54 -54
  156. package/server/shared/types.ts +172 -172
  157. package/server/shared/utils.ts +193 -193
  158. package/server/tsconfig.json +36 -36
  159. package/server/utils/colors.js +21 -21
  160. package/server/utils/commandParser.js +303 -303
  161. package/server/utils/frontmatter.js +18 -18
  162. package/server/utils/gitConfig.js +34 -34
  163. package/server/utils/mcp-detector.js +147 -147
  164. package/server/utils/plugin-loader.js +457 -457
  165. package/server/utils/plugin-process-manager.js +184 -184
  166. package/server/utils/port-access.js +209 -209
  167. package/server/utils/runtime-paths.js +37 -37
  168. package/server/utils/taskmaster-websocket.js +128 -128
  169. package/server/utils/url-detection.js +71 -71
  170. package/server/vite-daemon.js +78 -78
  171. package/shared/modelConstants.js +162 -162
  172. package/shared/networkHosts.js +22 -22
package/README.de.md CHANGED
@@ -1,248 +1,248 @@
1
- <div align="center">
2
- <img src="public/logo.svg" alt="Pixcode" width="64" height="64">
3
- <h1>Cloud CLI (auch bekannt als Claude Code UI)</h1>
4
- <p>Eine Desktop- und Mobile-Oberfläche für <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> und <a href="https://geminicli.com/">Gemini-CLI</a>.<br>Lokal oder remote nutzbar – verwalte deine aktiven Projekte und Sitzungen von überall.</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">Dokumentation</a> · <a href="https://discord.gg/buxwujPNRE">Discord</a> · <a href="https://github.com/alicomert/pixcode/issues">Fehler melden</a> · <a href="CONTRIBUTING.md">Mitwirken</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_Community-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Join Community"></a>
14
- </p>
15
-
16
- <div align="right"><i><a href="./README.md">English</a> · <a href="./README.ru.md">Русский</a> · <b>Deutsch</b> · <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-Ansicht</h3>
28
- <img src="public/screenshots/desktop-main.png" alt="Desktop-Oberfläche" width="400">
29
- <br>
30
- <em>Hauptoberfläche mit Projektübersicht und Chat</em>
31
- </td>
32
- <td align="center">
33
- <h3>Mobile-Erfahrung</h3>
34
- <img src="public/screenshots/mobile-chat.png" alt="Mobile-Oberfläche" width="250">
35
- <br>
36
- <em>Responsives mobiles Design mit Touch-Navigation</em>
37
- </td>
38
- </tr>
39
- <tr>
40
- <td align="center" colspan="2">
41
- <h3>CLI-Auswahl</h3>
42
- <img src="public/screenshots/cli-selection.png" alt="CLI-Auswahl" width="400">
43
- <br>
44
- <em>Wähle zwischen Claude Code, Gemini, Cursor CLI und Codex</em>
45
- </td>
46
- </tr>
47
- </table>
48
-
49
-
50
-
51
- </div>
52
-
53
- ## Funktionen
54
-
55
- - **Responsives Design** – Funktioniert nahtlos auf Desktop, Tablet und Mobilgerät, sodass du Agents auch vom Smartphone aus nutzen kannst
56
- - **Interaktives Chat-Interface** – Eingebaute Chat-Oberfläche für die reibungslose Kommunikation mit den Agents
57
- - **Integriertes Shell-Terminal** – Direkter Zugriff auf die Agents CLI über die eingebaute Shell-Funktionalität
58
- - **Datei-Explorer** – Interaktiver Dateibaum mit Syntaxhervorhebung und Live-Bearbeitung
59
- - **Git-Explorer** – Änderungen anzeigen, stagen und committen. Branches wechseln ebenfalls möglich
60
- - **Sitzungsverwaltung** – Gespräche fortsetzen, mehrere Sitzungen verwalten und Verlauf nachverfolgen
61
- - **Plugin-System** – Pixcode mit eigenen Plugins erweitern – neue Tabs, Backend-Dienste und Integrationen hinzufügen. [Eigenes Plugin erstellen →](https://github.com/alicomert/pixcode)
62
- - **TaskMaster AI Integration** *(Optional)* – Erweitertes Projektmanagement mit KI-gestützter Aufgabenplanung, PRD-Parsing und Workflow-Automatisierung
63
- - **Modell-Kompatibilität** – Funktioniert mit Claude, GPT und Gemini (vollständige Liste unterstützter Modelle in [`shared/modelConstants.js`](shared/modelConstants.js))
64
-
65
-
66
- ## Schnellstart
67
-
68
- ### Pixcode (Empfohlen)
69
-
70
- Der schnellste Einstieg – keine lokale Einrichtung erforderlich. Erhalte eine vollständig verwaltete, containerisierte Entwicklungsumgebung, die über Web, Mobile App, API oder deine bevorzugte IDE erreichbar ist.
71
-
72
- **[Mit Pixcode starten](https://github.com/alicomert/pixcode)**
73
-
74
-
75
- ### Self-Hosted (Open Source)
76
-
77
- #### npm
78
-
79
- Pixcode sofort mit **npx** ausprobieren (erfordert **Node.js** v22+):
80
-
81
- ```bash
82
- npx @pixelbyte-software/pixcode
83
- ```
84
-
85
- Oder **global** installieren für regelmäßige Nutzung:
86
-
87
- ```bash
88
- npm install -g @pixelbyte-software/pixcode
89
- pixcode
90
- ```
91
-
92
- Öffne `http://localhost:3001` – alle vorhandenen Sitzungen werden automatisch erkannt.
93
-
94
- Die **[Dokumentation →](https://github.com/alicomert/pixcode)** enthält weitere Konfigurationsoptionen, PM2, Remote-Server-Einrichtung und mehr.
95
-
96
- #### Docker Sandboxes (Experimentell)
97
-
98
- Agents in isolierten Sandboxes mit Hypervisor-Isolation ausführen. Standardmäßig wird Claude Code gestartet. Erfordert die [`sbx` CLI](https://docs.docker.com/ai/sandboxes/get-started/).
99
-
100
- ```
101
- npx @pixelbyte-software/pixcode@latest sandbox ~/my-project
102
- ```
103
-
104
- Unterstützt Claude Code, Codex und Gemini CLI. Weitere Details in der [Sandbox-Dokumentation](docker/).
105
-
106
- ---
107
-
108
- ## Welche Option passt zu dir?
109
-
110
- Pixcode ist die Open-Source-UI-Schicht, die Pixcode antreibt. Du kannst es auf deinem eigenen Rechner selbst hosten oder Pixcode nutzen, das darauf aufbaut und eine vollständig verwaltete Cloud-Umgebung, Team-Funktionen und tiefere Integrationen bietet.
111
-
112
- | | Pixcode (Self-hosted) | Pixcode |
113
- |---|---|---|
114
- | **Am besten für** | Entwickler:innen, die eine vollständige UI für lokale Agent-Sitzungen auf ihrem eigenen Rechner möchten | Teams und Entwickler:innen, die Agents in der Cloud betreiben möchten, überall erreichbar |
115
- | **Zugriff** | Browser via `[deineIP]:port` | Browser, jede IDE, REST API, n8n |
116
- | **Einrichtung** | `npx @pixelbyte-software/pixcode` | Keine Einrichtung erforderlich |
117
- | **Rechner muss laufen** | Ja | Nein |
118
- | **Mobiler Zugriff** | Jeder Browser im Netzwerk | Jedes Gerät, native App in Entwicklung |
119
- | **Verfügbare Sitzungen** | Alle Sitzungen automatisch aus `~/.claude` erkannt | Alle Sitzungen in deiner Cloud-Umgebung |
120
- | **Unterstützte Agents** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI |
121
- | **Datei-Explorer und Git** | Ja, direkt in der UI | Ja, direkt in der UI |
122
- | **MCP-Konfiguration** | Über UI verwaltet, synchronisiert mit lokalem `~/.claude` | Über UI verwaltet |
123
- | **IDE-Zugriff** | Deine lokale IDE | Jede IDE, die mit deiner Cloud-Umgebung verbunden ist |
124
- | **REST API** | Ja | Ja |
125
- | **n8n-Node** | Nein | Ja |
126
- | **Team-Sharing** | Nein | Ja |
127
- | **Plattformkosten** | Kostenlos, Open Source | Ab $7/Monat |
128
-
129
- > Beide Optionen verwenden deine eigenen KI-Abonnements (Claude, Cursor usw.) – Pixcode stellt die Umgebung bereit, nicht die KI.
130
-
131
- ---
132
-
133
- ## Sicherheit & Tool-Konfiguration
134
-
135
- **🔒 Wichtiger Hinweis**: Alle Claude Code Tools sind **standardmäßig deaktiviert**. Dies verhindert, dass potenziell schädliche Operationen automatisch ausgeführt werden.
136
-
137
- ### Tools aktivieren
138
-
139
- Um den vollen Funktionsumfang von Claude Code zu nutzen, müssen Tools manuell aktiviert werden:
140
-
141
- 1. **Tool-Einstellungen öffnen** – Klicke auf das Zahnrad-Symbol in der Seitenleiste
142
- 2. **Selektiv aktivieren** – Nur die benötigten Tools einschalten
143
- 3. **Einstellungen übernehmen** – Deine Einstellungen werden lokal gespeichert
144
-
145
- <div align="center">
146
-
147
- ![Tool-Einstellungen Modal](public/screenshots/tools-modal.png)
148
- *Tool-Einstellungen – nur aktivieren, was benötigt wird*
149
-
150
- </div>
151
-
152
- **Empfohlene Vorgehensweise**: Mit grundlegenden Tools starten und bei Bedarf weitere hinzufügen. Die Einstellungen können jederzeit angepasst werden.
153
-
154
- ---
155
-
156
- ## Plugins
157
-
158
- Pixcode verfügt über ein Plugin-System, mit dem benutzerdefinierte Tabs mit eigener Frontend-UI und optionalem Node.js-Backend hinzugefügt werden können. Plugins können direkt in **Einstellungen > Plugins** aus Git-Repos installiert oder selbst entwickelt werden.
159
-
160
- ### Verfügbare Plugins
161
-
162
- | Plugin | Beschreibung |
163
- |---|---|
164
- | **[Project Stats](https://github.com/alicomert/pixcode)** | Zeigt Dateianzahl, Codezeilen, Dateityp-Aufschlüsselung, größte Dateien und zuletzt geänderte Dateien des aktuellen Projekts |
165
-
166
- ### Eigenes Plugin erstellen
167
-
168
- **[Plugin-Starter-Vorlage →](https://github.com/alicomert/pixcode)** – Forke dieses Repository, um ein eigenes Plugin zu erstellen. Es enthält ein funktionierendes Beispiel mit Frontend-Rendering, Live-Kontext-Updates und RPC-Kommunikation zu einem Backend-Server.
169
-
170
- **[Plugin-Dokumentation →](https://github.com/alicomert/pixcode)** – Vollständige Anleitung zur Plugin-API, zum Manifest-Format, zum Sicherheitsmodell und mehr.
171
-
172
- ---
173
- ## FAQ
174
-
175
- <details>
176
- <summary>Wie unterscheidet sich das von Claude Code Remote Control?</summary>
177
-
178
- Claude Code Remote Control ermöglicht es, Nachrichten an eine bereits im lokalen Terminal laufende Sitzung zu senden. Der Rechner muss eingeschaltet bleiben, das Terminal muss offen bleiben, und Sitzungen laufen nach etwa 10 Minuten ohne Netzwerkverbindung ab.
179
-
180
- Pixcode und Pixcode erweitern Claude Code, anstatt neben ihm zu laufen – MCP-Server, Berechtigungen, Einstellungen und Sitzungen sind exakt dieselben, die Claude Code nativ verwendet. Nichts wird dupliziert oder separat verwaltet.
181
-
182
- Das bedeutet in der Praxis:
183
-
184
- - **Alle Sitzungen, nicht nur eine** – Pixcode erkennt automatisch jede Sitzung aus dem `~/.claude`-Ordner. Remote Control stellt nur die einzelne aktive Sitzung bereit, um sie in der Claude Mobile App verfügbar zu machen.
185
- - **Deine Einstellungen sind deine Einstellungen** – MCP-Server, Tool-Berechtigungen und Projektkonfiguration, die in Pixcode geändert werden, werden direkt in die Claude Code-Konfiguration geschrieben und treten sofort in Kraft – und umgekehrt.
186
- - **Funktioniert mit mehr Agents** – Claude Code, Cursor CLI, Codex und Gemini CLI, nicht nur Claude Code.
187
- - **Vollständige UI, nicht nur ein Chat-Fenster** – Datei-Explorer, Git-Integration, MCP-Verwaltung und ein Shell-Terminal sind alle eingebaut.
188
- - **Pixcode läuft in der Cloud** – Laptop zuklappen, der Agent läuft weiter. Kein Terminal zu überwachen, kein Rechner, der laufen muss.
189
-
190
- </details>
191
-
192
- <details>
193
- <summary>Muss ich ein KI-Abonnement separat bezahlen?</summary>
194
-
195
- Ja. Pixcode stellt die Umgebung bereit, nicht die KI. Du bringst dein eigenes Claude-, Cursor-, Codex- oder Gemini-Abonnement mit. Pixcode beginnt bei $7/Monat für die gehostete Umgebung zusätzlich dazu.
196
-
197
- </details>
198
-
199
- <details>
200
- <summary>Kann ich Pixcode auf meinem Smartphone nutzen?</summary>
201
-
202
- Ja. Bei Self-Hosted: Server auf dem eigenen Rechner starten und `[deineIP]:port` in einem beliebigen Browser im Netzwerk öffnen. Bei Pixcode: Von jedem Gerät aus öffnen – kein VPN, keine Portweiterleitung, keine Einrichtung. Eine native App ist ebenfalls in Entwicklung.
203
-
204
- </details>
205
-
206
- <details>
207
- <summary>Wirken sich Änderungen in der UI auf mein lokales Claude Code-Setup aus?</summary>
208
-
209
- Ja, bei Self-Hosted. Pixcode liest aus und schreibt in dieselbe `~/.claude`-Konfiguration, die Claude Code nativ verwendet. MCP-Server, die über die UI hinzugefügt werden, erscheinen sofort in Claude Code und umgekehrt.
210
-
211
- </details>
212
-
213
- ---
214
-
215
- ## Community & Support
216
-
217
- - **[Dokumentation](https://github.com/alicomert/pixcode)** — Installation, Konfiguration, Funktionen und Fehlerbehebung
218
- - **[Discord](https://discord.gg/buxwujPNRE)** — Hilfe erhalten und mit anderen Nutzer:innen in Kontakt treten
219
- - **[GitHub Issues](https://github.com/alicomert/pixcode/issues)** — Fehlerberichte und Feature-Anfragen
220
- - **[Beitragsrichtlinien](CONTRIBUTING.md)** — So kannst du zum Projekt beitragen
221
-
222
- ## Lizenz
223
-
224
- GNU General Public License v3.0 – siehe [LICENSE](LICENSE)-Datei für Details.
225
-
226
- Dieses Projekt ist Open Source und kann unter der GPL v3-Lizenz kostenlos genutzt, modifiziert und verteilt werden.
227
-
228
- ## Danksagungen
229
-
230
- ### Erstellt mit
231
- - **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropics offizielle CLI
232
- - **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursors offizielle CLI
233
- - **[Codex](https://developers.openai.com/codex)** - OpenAI Codex
234
- - **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI
235
- - **[React](https://react.dev/)** - UI-Bibliothek
236
- - **[Vite](https://vitejs.dev/)** - Schnelles Build-Tool und Dev-Server
237
- - **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS-Framework
238
- - **[CodeMirror](https://codemirror.net/)** - Erweiterter Code-Editor
239
- - **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(Optional)* - KI-gestütztes Projektmanagement und Aufgabenplanung
240
-
241
-
242
- ### Sponsoren
243
- - [Siteboon - KI-gestützter Website-Builder](https://siteboon.ai)
244
- ---
245
-
246
- <div align="center">
247
- <strong>Mit Sorgfalt für die Claude Code-, Cursor- und Codex-Community erstellt.</strong>
248
- </div>
1
+ <div align="center">
2
+ <img src="public/logo.svg" alt="Pixcode" width="64" height="64">
3
+ <h1>Cloud CLI (auch bekannt als Claude Code UI)</h1>
4
+ <p>Eine Desktop- und Mobile-Oberfläche für <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> und <a href="https://geminicli.com/">Gemini-CLI</a>.<br>Lokal oder remote nutzbar – verwalte deine aktiven Projekte und Sitzungen von überall.</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">Dokumentation</a> · <a href="https://discord.gg/buxwujPNRE">Discord</a> · <a href="https://github.com/alicomert/pixcode/issues">Fehler melden</a> · <a href="CONTRIBUTING.md">Mitwirken</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_Community-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Join Community"></a>
14
+ </p>
15
+
16
+ <div align="right"><i><a href="./README.md">English</a> · <a href="./README.ru.md">Русский</a> · <b>Deutsch</b> · <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-Ansicht</h3>
28
+ <img src="public/screenshots/desktop-main.png" alt="Desktop-Oberfläche" width="400">
29
+ <br>
30
+ <em>Hauptoberfläche mit Projektübersicht und Chat</em>
31
+ </td>
32
+ <td align="center">
33
+ <h3>Mobile-Erfahrung</h3>
34
+ <img src="public/screenshots/mobile-chat.png" alt="Mobile-Oberfläche" width="250">
35
+ <br>
36
+ <em>Responsives mobiles Design mit Touch-Navigation</em>
37
+ </td>
38
+ </tr>
39
+ <tr>
40
+ <td align="center" colspan="2">
41
+ <h3>CLI-Auswahl</h3>
42
+ <img src="public/screenshots/cli-selection.png" alt="CLI-Auswahl" width="400">
43
+ <br>
44
+ <em>Wähle zwischen Claude Code, Gemini, Cursor CLI und Codex</em>
45
+ </td>
46
+ </tr>
47
+ </table>
48
+
49
+
50
+
51
+ </div>
52
+
53
+ ## Funktionen
54
+
55
+ - **Responsives Design** – Funktioniert nahtlos auf Desktop, Tablet und Mobilgerät, sodass du Agents auch vom Smartphone aus nutzen kannst
56
+ - **Interaktives Chat-Interface** – Eingebaute Chat-Oberfläche für die reibungslose Kommunikation mit den Agents
57
+ - **Integriertes Shell-Terminal** – Direkter Zugriff auf die Agents CLI über die eingebaute Shell-Funktionalität
58
+ - **Datei-Explorer** – Interaktiver Dateibaum mit Syntaxhervorhebung und Live-Bearbeitung
59
+ - **Git-Explorer** – Änderungen anzeigen, stagen und committen. Branches wechseln ebenfalls möglich
60
+ - **Sitzungsverwaltung** – Gespräche fortsetzen, mehrere Sitzungen verwalten und Verlauf nachverfolgen
61
+ - **Plugin-System** – Pixcode mit eigenen Plugins erweitern – neue Tabs, Backend-Dienste und Integrationen hinzufügen. [Eigenes Plugin erstellen →](https://github.com/alicomert/pixcode)
62
+ - **TaskMaster AI Integration** *(Optional)* – Erweitertes Projektmanagement mit KI-gestützter Aufgabenplanung, PRD-Parsing und Workflow-Automatisierung
63
+ - **Modell-Kompatibilität** – Funktioniert mit Claude, GPT und Gemini (vollständige Liste unterstützter Modelle in [`shared/modelConstants.js`](shared/modelConstants.js))
64
+
65
+
66
+ ## Schnellstart
67
+
68
+ ### Pixcode (Empfohlen)
69
+
70
+ Der schnellste Einstieg – keine lokale Einrichtung erforderlich. Erhalte eine vollständig verwaltete, containerisierte Entwicklungsumgebung, die über Web, Mobile App, API oder deine bevorzugte IDE erreichbar ist.
71
+
72
+ **[Mit Pixcode starten](https://github.com/alicomert/pixcode)**
73
+
74
+
75
+ ### Self-Hosted (Open Source)
76
+
77
+ #### npm
78
+
79
+ Pixcode sofort mit **npx** ausprobieren (erfordert **Node.js** v22+):
80
+
81
+ ```bash
82
+ npx @pixelbyte-software/pixcode
83
+ ```
84
+
85
+ Oder **global** installieren für regelmäßige Nutzung:
86
+
87
+ ```bash
88
+ npm install -g @pixelbyte-software/pixcode
89
+ pixcode
90
+ ```
91
+
92
+ Öffne `http://localhost:3001` – alle vorhandenen Sitzungen werden automatisch erkannt.
93
+
94
+ Die **[Dokumentation →](https://github.com/alicomert/pixcode)** enthält weitere Konfigurationsoptionen, PM2, Remote-Server-Einrichtung und mehr.
95
+
96
+ #### Docker Sandboxes (Experimentell)
97
+
98
+ Agents in isolierten Sandboxes mit Hypervisor-Isolation ausführen. Standardmäßig wird Claude Code gestartet. Erfordert die [`sbx` CLI](https://docs.docker.com/ai/sandboxes/get-started/).
99
+
100
+ ```
101
+ npx @pixelbyte-software/pixcode@latest sandbox ~/my-project
102
+ ```
103
+
104
+ Unterstützt Claude Code, Codex und Gemini CLI. Weitere Details in der [Sandbox-Dokumentation](docker/).
105
+
106
+ ---
107
+
108
+ ## Welche Option passt zu dir?
109
+
110
+ Pixcode ist die Open-Source-UI-Schicht, die Pixcode antreibt. Du kannst es auf deinem eigenen Rechner selbst hosten oder Pixcode nutzen, das darauf aufbaut und eine vollständig verwaltete Cloud-Umgebung, Team-Funktionen und tiefere Integrationen bietet.
111
+
112
+ | | Pixcode (Self-hosted) | Pixcode |
113
+ |---|---|---|
114
+ | **Am besten für** | Entwickler:innen, die eine vollständige UI für lokale Agent-Sitzungen auf ihrem eigenen Rechner möchten | Teams und Entwickler:innen, die Agents in der Cloud betreiben möchten, überall erreichbar |
115
+ | **Zugriff** | Browser via `[deineIP]:port` | Browser, jede IDE, REST API, n8n |
116
+ | **Einrichtung** | `npx @pixelbyte-software/pixcode` | Keine Einrichtung erforderlich |
117
+ | **Rechner muss laufen** | Ja | Nein |
118
+ | **Mobiler Zugriff** | Jeder Browser im Netzwerk | Jedes Gerät, native App in Entwicklung |
119
+ | **Verfügbare Sitzungen** | Alle Sitzungen automatisch aus `~/.claude` erkannt | Alle Sitzungen in deiner Cloud-Umgebung |
120
+ | **Unterstützte Agents** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI |
121
+ | **Datei-Explorer und Git** | Ja, direkt in der UI | Ja, direkt in der UI |
122
+ | **MCP-Konfiguration** | Über UI verwaltet, synchronisiert mit lokalem `~/.claude` | Über UI verwaltet |
123
+ | **IDE-Zugriff** | Deine lokale IDE | Jede IDE, die mit deiner Cloud-Umgebung verbunden ist |
124
+ | **REST API** | Ja | Ja |
125
+ | **n8n-Node** | Nein | Ja |
126
+ | **Team-Sharing** | Nein | Ja |
127
+ | **Plattformkosten** | Kostenlos, Open Source | Ab $7/Monat |
128
+
129
+ > Beide Optionen verwenden deine eigenen KI-Abonnements (Claude, Cursor usw.) – Pixcode stellt die Umgebung bereit, nicht die KI.
130
+
131
+ ---
132
+
133
+ ## Sicherheit & Tool-Konfiguration
134
+
135
+ **🔒 Wichtiger Hinweis**: Alle Claude Code Tools sind **standardmäßig deaktiviert**. Dies verhindert, dass potenziell schädliche Operationen automatisch ausgeführt werden.
136
+
137
+ ### Tools aktivieren
138
+
139
+ Um den vollen Funktionsumfang von Claude Code zu nutzen, müssen Tools manuell aktiviert werden:
140
+
141
+ 1. **Tool-Einstellungen öffnen** – Klicke auf das Zahnrad-Symbol in der Seitenleiste
142
+ 2. **Selektiv aktivieren** – Nur die benötigten Tools einschalten
143
+ 3. **Einstellungen übernehmen** – Deine Einstellungen werden lokal gespeichert
144
+
145
+ <div align="center">
146
+
147
+ ![Tool-Einstellungen Modal](public/screenshots/tools-modal.png)
148
+ *Tool-Einstellungen – nur aktivieren, was benötigt wird*
149
+
150
+ </div>
151
+
152
+ **Empfohlene Vorgehensweise**: Mit grundlegenden Tools starten und bei Bedarf weitere hinzufügen. Die Einstellungen können jederzeit angepasst werden.
153
+
154
+ ---
155
+
156
+ ## Plugins
157
+
158
+ Pixcode verfügt über ein Plugin-System, mit dem benutzerdefinierte Tabs mit eigener Frontend-UI und optionalem Node.js-Backend hinzugefügt werden können. Plugins können direkt in **Einstellungen > Plugins** aus Git-Repos installiert oder selbst entwickelt werden.
159
+
160
+ ### Verfügbare Plugins
161
+
162
+ | Plugin | Beschreibung |
163
+ |---|---|
164
+ | **[Project Stats](https://github.com/alicomert/pixcode)** | Zeigt Dateianzahl, Codezeilen, Dateityp-Aufschlüsselung, größte Dateien und zuletzt geänderte Dateien des aktuellen Projekts |
165
+
166
+ ### Eigenes Plugin erstellen
167
+
168
+ **[Plugin-Starter-Vorlage →](https://github.com/alicomert/pixcode)** – Forke dieses Repository, um ein eigenes Plugin zu erstellen. Es enthält ein funktionierendes Beispiel mit Frontend-Rendering, Live-Kontext-Updates und RPC-Kommunikation zu einem Backend-Server.
169
+
170
+ **[Plugin-Dokumentation →](https://github.com/alicomert/pixcode)** – Vollständige Anleitung zur Plugin-API, zum Manifest-Format, zum Sicherheitsmodell und mehr.
171
+
172
+ ---
173
+ ## FAQ
174
+
175
+ <details>
176
+ <summary>Wie unterscheidet sich das von Claude Code Remote Control?</summary>
177
+
178
+ Claude Code Remote Control ermöglicht es, Nachrichten an eine bereits im lokalen Terminal laufende Sitzung zu senden. Der Rechner muss eingeschaltet bleiben, das Terminal muss offen bleiben, und Sitzungen laufen nach etwa 10 Minuten ohne Netzwerkverbindung ab.
179
+
180
+ Pixcode und Pixcode erweitern Claude Code, anstatt neben ihm zu laufen – MCP-Server, Berechtigungen, Einstellungen und Sitzungen sind exakt dieselben, die Claude Code nativ verwendet. Nichts wird dupliziert oder separat verwaltet.
181
+
182
+ Das bedeutet in der Praxis:
183
+
184
+ - **Alle Sitzungen, nicht nur eine** – Pixcode erkennt automatisch jede Sitzung aus dem `~/.claude`-Ordner. Remote Control stellt nur die einzelne aktive Sitzung bereit, um sie in der Claude Mobile App verfügbar zu machen.
185
+ - **Deine Einstellungen sind deine Einstellungen** – MCP-Server, Tool-Berechtigungen und Projektkonfiguration, die in Pixcode geändert werden, werden direkt in die Claude Code-Konfiguration geschrieben und treten sofort in Kraft – und umgekehrt.
186
+ - **Funktioniert mit mehr Agents** – Claude Code, Cursor CLI, Codex und Gemini CLI, nicht nur Claude Code.
187
+ - **Vollständige UI, nicht nur ein Chat-Fenster** – Datei-Explorer, Git-Integration, MCP-Verwaltung und ein Shell-Terminal sind alle eingebaut.
188
+ - **Pixcode läuft in der Cloud** – Laptop zuklappen, der Agent läuft weiter. Kein Terminal zu überwachen, kein Rechner, der laufen muss.
189
+
190
+ </details>
191
+
192
+ <details>
193
+ <summary>Muss ich ein KI-Abonnement separat bezahlen?</summary>
194
+
195
+ Ja. Pixcode stellt die Umgebung bereit, nicht die KI. Du bringst dein eigenes Claude-, Cursor-, Codex- oder Gemini-Abonnement mit. Pixcode beginnt bei $7/Monat für die gehostete Umgebung zusätzlich dazu.
196
+
197
+ </details>
198
+
199
+ <details>
200
+ <summary>Kann ich Pixcode auf meinem Smartphone nutzen?</summary>
201
+
202
+ Ja. Bei Self-Hosted: Server auf dem eigenen Rechner starten und `[deineIP]:port` in einem beliebigen Browser im Netzwerk öffnen. Bei Pixcode: Von jedem Gerät aus öffnen – kein VPN, keine Portweiterleitung, keine Einrichtung. Eine native App ist ebenfalls in Entwicklung.
203
+
204
+ </details>
205
+
206
+ <details>
207
+ <summary>Wirken sich Änderungen in der UI auf mein lokales Claude Code-Setup aus?</summary>
208
+
209
+ Ja, bei Self-Hosted. Pixcode liest aus und schreibt in dieselbe `~/.claude`-Konfiguration, die Claude Code nativ verwendet. MCP-Server, die über die UI hinzugefügt werden, erscheinen sofort in Claude Code und umgekehrt.
210
+
211
+ </details>
212
+
213
+ ---
214
+
215
+ ## Community & Support
216
+
217
+ - **[Dokumentation](https://github.com/alicomert/pixcode)** — Installation, Konfiguration, Funktionen und Fehlerbehebung
218
+ - **[Discord](https://discord.gg/buxwujPNRE)** — Hilfe erhalten und mit anderen Nutzer:innen in Kontakt treten
219
+ - **[GitHub Issues](https://github.com/alicomert/pixcode/issues)** — Fehlerberichte und Feature-Anfragen
220
+ - **[Beitragsrichtlinien](CONTRIBUTING.md)** — So kannst du zum Projekt beitragen
221
+
222
+ ## Lizenz
223
+
224
+ GNU General Public License v3.0 – siehe [LICENSE](LICENSE)-Datei für Details.
225
+
226
+ Dieses Projekt ist Open Source und kann unter der GPL v3-Lizenz kostenlos genutzt, modifiziert und verteilt werden.
227
+
228
+ ## Danksagungen
229
+
230
+ ### Erstellt mit
231
+ - **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropics offizielle CLI
232
+ - **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursors offizielle CLI
233
+ - **[Codex](https://developers.openai.com/codex)** - OpenAI Codex
234
+ - **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI
235
+ - **[React](https://react.dev/)** - UI-Bibliothek
236
+ - **[Vite](https://vitejs.dev/)** - Schnelles Build-Tool und Dev-Server
237
+ - **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS-Framework
238
+ - **[CodeMirror](https://codemirror.net/)** - Erweiterter Code-Editor
239
+ - **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(Optional)* - KI-gestütztes Projektmanagement und Aufgabenplanung
240
+
241
+
242
+ ### Sponsoren
243
+ - [Siteboon - KI-gestützter Website-Builder](https://siteboon.ai)
244
+ ---
245
+
246
+ <div align="center">
247
+ <strong>Mit Sorgfalt für die Claude Code-, Cursor- und Codex-Community erstellt.</strong>
248
+ </div>