@myrialabs/clopen 0.0.5 → 0.0.6

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 (452) hide show
  1. package/.env.example +5 -5
  2. package/.github/workflows/ci.yml +86 -86
  3. package/CONTRIBUTING.md +499 -499
  4. package/LICENSE +21 -21
  5. package/README.md +209 -209
  6. package/backend/index.ts +168 -165
  7. package/backend/lib/chat/helpers.ts +42 -42
  8. package/backend/lib/chat/index.ts +1 -1
  9. package/backend/lib/chat/stream-manager.ts +1126 -1126
  10. package/backend/lib/database/README.md +76 -76
  11. package/backend/lib/database/index.ts +118 -118
  12. package/backend/lib/database/migrations/001_create_projects_table.ts +30 -30
  13. package/backend/lib/database/migrations/002_create_chat_sessions_table.ts +32 -32
  14. package/backend/lib/database/migrations/003_create_messages_table.ts +31 -31
  15. package/backend/lib/database/migrations/004_create_prompt_templates_table.ts +34 -34
  16. package/backend/lib/database/migrations/005_create_settings_table.ts +23 -23
  17. package/backend/lib/database/migrations/006_add_user_to_messages.ts +57 -57
  18. package/backend/lib/database/migrations/007_create_stream_states_table.ts +40 -40
  19. package/backend/lib/database/migrations/008_create_message_snapshots_table.ts +61 -61
  20. package/backend/lib/database/migrations/009_add_delta_snapshot_fields.ts +41 -41
  21. package/backend/lib/database/migrations/010_add_soft_delete_and_branch_support.ts +70 -70
  22. package/backend/lib/database/migrations/011_git_like_commit_graph.ts +156 -156
  23. package/backend/lib/database/migrations/012_add_file_change_statistics.ts +41 -41
  24. package/backend/lib/database/migrations/013_checkpoint_tree_state.ts +118 -118
  25. package/backend/lib/database/migrations/014_add_engine_to_sessions.ts +18 -18
  26. package/backend/lib/database/migrations/015_add_model_to_sessions.ts +18 -18
  27. package/backend/lib/database/migrations/016_create_user_projects_table.ts +34 -34
  28. package/backend/lib/database/migrations/017_add_current_session_to_user_projects.ts +32 -32
  29. package/backend/lib/database/migrations/018_create_claude_accounts_table.ts +24 -24
  30. package/backend/lib/database/migrations/019_add_claude_account_to_sessions.ts +18 -18
  31. package/backend/lib/database/migrations/020_add_snapshot_tree_hash.ts +32 -32
  32. package/backend/lib/database/migrations/021_drop_prompt_templates_table.ts +33 -33
  33. package/backend/lib/database/migrations/index.ts +153 -153
  34. package/backend/lib/database/queries/checkpoint-queries.ts +87 -87
  35. package/backend/lib/database/queries/engine-queries.ts +75 -75
  36. package/backend/lib/database/queries/index.ts +8 -8
  37. package/backend/lib/database/queries/message-queries.ts +471 -471
  38. package/backend/lib/database/queries/project-queries.ts +117 -117
  39. package/backend/lib/database/queries/session-queries.ts +270 -270
  40. package/backend/lib/database/queries/settings-queries.ts +33 -33
  41. package/backend/lib/database/queries/snapshot-queries.ts +325 -325
  42. package/backend/lib/database/queries/utils-queries.ts +58 -58
  43. package/backend/lib/database/seeders/index.ts +12 -12
  44. package/backend/lib/database/seeders/settings_seeder.ts +83 -83
  45. package/backend/lib/database/utils/connection.ts +173 -173
  46. package/backend/lib/database/utils/index.ts +3 -3
  47. package/backend/lib/database/utils/migration-runner.ts +117 -117
  48. package/backend/lib/database/utils/seeder-runner.ts +120 -120
  49. package/backend/lib/engine/adapters/claude/environment.ts +160 -164
  50. package/backend/lib/engine/adapters/claude/error-handler.ts +60 -60
  51. package/backend/lib/engine/adapters/claude/index.ts +1 -1
  52. package/backend/lib/engine/adapters/claude/path-utils.ts +38 -38
  53. package/backend/lib/engine/adapters/claude/stream.ts +177 -177
  54. package/backend/lib/engine/adapters/opencode/index.ts +2 -2
  55. package/backend/lib/engine/adapters/opencode/message-converter.ts +862 -862
  56. package/backend/lib/engine/adapters/opencode/server.ts +104 -104
  57. package/backend/lib/engine/adapters/opencode/stream.ts +755 -755
  58. package/backend/lib/engine/index.ts +196 -196
  59. package/backend/lib/engine/types.ts +58 -58
  60. package/backend/lib/files/file-operations.ts +478 -478
  61. package/backend/lib/files/file-reading.ts +308 -308
  62. package/backend/lib/files/file-watcher.ts +383 -383
  63. package/backend/lib/files/path-browsing.ts +382 -382
  64. package/backend/lib/git/git-executor.ts +89 -88
  65. package/backend/lib/git/git-parser.ts +411 -411
  66. package/backend/lib/git/git-service.ts +505 -505
  67. package/backend/lib/mcp/README.md +1144 -1144
  68. package/backend/lib/mcp/config.ts +317 -316
  69. package/backend/lib/mcp/index.ts +35 -35
  70. package/backend/lib/mcp/project-context.ts +236 -236
  71. package/backend/lib/mcp/servers/browser-automation/actions.ts +156 -156
  72. package/backend/lib/mcp/servers/browser-automation/browser.ts +419 -419
  73. package/backend/lib/mcp/servers/browser-automation/index.ts +791 -791
  74. package/backend/lib/mcp/servers/browser-automation/inspection.ts +501 -501
  75. package/backend/lib/mcp/servers/helper.ts +143 -143
  76. package/backend/lib/mcp/servers/index.ts +44 -44
  77. package/backend/lib/mcp/servers/weather/get-temperature.ts +56 -56
  78. package/backend/lib/mcp/servers/weather/index.ts +31 -31
  79. package/backend/lib/mcp/stdio-server.ts +103 -103
  80. package/backend/lib/mcp/types.ts +65 -65
  81. package/backend/lib/preview/browser/browser-audio-capture.ts +86 -86
  82. package/backend/lib/preview/browser/browser-console-manager.ts +262 -262
  83. package/backend/lib/preview/browser/browser-dialog-handler.ts +222 -222
  84. package/backend/lib/preview/browser/browser-interaction-handler.ts +421 -421
  85. package/backend/lib/preview/browser/browser-mcp-control.ts +415 -415
  86. package/backend/lib/preview/browser/browser-native-ui-handler.ts +512 -512
  87. package/backend/lib/preview/browser/browser-navigation-tracker.ts +103 -103
  88. package/backend/lib/preview/browser/browser-pool.ts +357 -357
  89. package/backend/lib/preview/browser/browser-preview-service.ts +882 -882
  90. package/backend/lib/preview/browser/browser-tab-manager.ts +935 -935
  91. package/backend/lib/preview/browser/browser-video-capture.ts +695 -695
  92. package/backend/lib/preview/browser/scripts/audio-stream.ts +292 -292
  93. package/backend/lib/preview/browser/scripts/cursor-tracking.ts +85 -85
  94. package/backend/lib/preview/browser/scripts/video-stream.ts +438 -438
  95. package/backend/lib/preview/browser/types.ts +359 -359
  96. package/backend/lib/preview/index.ts +23 -23
  97. package/backend/lib/project/index.ts +1 -1
  98. package/backend/lib/project/status-manager.ts +181 -181
  99. package/backend/lib/shared/env.ts +117 -0
  100. package/backend/lib/shared/index.ts +5 -2
  101. package/backend/lib/shared/port-utils.ts +25 -25
  102. package/backend/lib/shared/process-manager.ts +280 -280
  103. package/backend/lib/snapshot/blob-store.ts +227 -227
  104. package/backend/lib/snapshot/gitignore.ts +307 -307
  105. package/backend/lib/snapshot/helpers.ts +397 -397
  106. package/backend/lib/snapshot/snapshot-service.ts +483 -483
  107. package/backend/lib/terminal/helpers.ts +14 -14
  108. package/backend/lib/terminal/index.ts +7 -7
  109. package/backend/lib/terminal/pty-manager.ts +3 -3
  110. package/backend/lib/terminal/pty-session-manager.ts +370 -387
  111. package/backend/lib/terminal/shell-utils.ts +315 -312
  112. package/backend/lib/terminal/stream-manager.ts +292 -292
  113. package/backend/lib/tunnel/global-tunnel-manager.ts +266 -243
  114. package/backend/lib/tunnel/project-tunnel-manager.ts +311 -311
  115. package/backend/lib/user/helpers.ts +87 -87
  116. package/backend/lib/utils/ws.ts +944 -944
  117. package/backend/lib/vite-dev.ts +295 -295
  118. package/backend/middleware/cors.ts +16 -15
  119. package/backend/middleware/error-handler.ts +50 -49
  120. package/backend/middleware/logger.ts +9 -9
  121. package/backend/types/api.ts +24 -24
  122. package/backend/ws/README.md +1505 -1505
  123. package/backend/ws/chat/background.ts +198 -198
  124. package/backend/ws/chat/index.ts +21 -21
  125. package/backend/ws/chat/stream.ts +707 -707
  126. package/backend/ws/engine/claude/accounts.ts +399 -401
  127. package/backend/ws/engine/claude/index.ts +13 -13
  128. package/backend/ws/engine/claude/status.ts +43 -43
  129. package/backend/ws/engine/index.ts +14 -14
  130. package/backend/ws/engine/opencode/index.ts +11 -11
  131. package/backend/ws/engine/opencode/status.ts +30 -30
  132. package/backend/ws/engine/utils.ts +36 -36
  133. package/backend/ws/files/index.ts +30 -30
  134. package/backend/ws/files/read.ts +189 -189
  135. package/backend/ws/files/search.ts +453 -453
  136. package/backend/ws/files/watch.ts +124 -124
  137. package/backend/ws/files/write.ts +143 -143
  138. package/backend/ws/git/branch.ts +106 -106
  139. package/backend/ws/git/commit.ts +39 -39
  140. package/backend/ws/git/conflict.ts +68 -68
  141. package/backend/ws/git/diff.ts +69 -69
  142. package/backend/ws/git/index.ts +24 -24
  143. package/backend/ws/git/log.ts +41 -41
  144. package/backend/ws/git/remote.ts +214 -214
  145. package/backend/ws/git/staging.ts +84 -84
  146. package/backend/ws/git/status.ts +90 -90
  147. package/backend/ws/index.ts +69 -69
  148. package/backend/ws/mcp/index.ts +61 -61
  149. package/backend/ws/messages/crud.ts +74 -74
  150. package/backend/ws/messages/index.ts +14 -14
  151. package/backend/ws/preview/browser/cleanup.ts +129 -129
  152. package/backend/ws/preview/browser/console.ts +114 -114
  153. package/backend/ws/preview/browser/interact.ts +513 -513
  154. package/backend/ws/preview/browser/mcp.ts +129 -129
  155. package/backend/ws/preview/browser/native-ui.ts +235 -235
  156. package/backend/ws/preview/browser/stats.ts +55 -55
  157. package/backend/ws/preview/browser/tab-info.ts +126 -126
  158. package/backend/ws/preview/browser/tab.ts +166 -166
  159. package/backend/ws/preview/browser/webcodecs.ts +293 -293
  160. package/backend/ws/preview/index.ts +146 -146
  161. package/backend/ws/projects/crud.ts +113 -113
  162. package/backend/ws/projects/index.ts +25 -25
  163. package/backend/ws/projects/presence.ts +46 -46
  164. package/backend/ws/projects/status.ts +116 -116
  165. package/backend/ws/sessions/crud.ts +327 -327
  166. package/backend/ws/sessions/index.ts +33 -33
  167. package/backend/ws/settings/crud.ts +112 -112
  168. package/backend/ws/settings/index.ts +14 -14
  169. package/backend/ws/snapshot/index.ts +17 -17
  170. package/backend/ws/snapshot/restore.ts +173 -173
  171. package/backend/ws/snapshot/timeline.ts +141 -141
  172. package/backend/ws/system/index.ts +14 -14
  173. package/backend/ws/system/operations.ts +49 -49
  174. package/backend/ws/terminal/index.ts +40 -40
  175. package/backend/ws/terminal/persistence.ts +153 -153
  176. package/backend/ws/terminal/session.ts +382 -382
  177. package/backend/ws/terminal/stream.ts +79 -79
  178. package/backend/ws/tunnel/index.ts +14 -14
  179. package/backend/ws/tunnel/operations.ts +91 -91
  180. package/backend/ws/types.ts +20 -20
  181. package/backend/ws/user/crud.ts +156 -156
  182. package/backend/ws/user/index.ts +14 -14
  183. package/bin/clopen.ts +307 -307
  184. package/bun.lock +1353 -1352
  185. package/frontend/App.svelte +38 -34
  186. package/frontend/app.css +313 -313
  187. package/frontend/lib/app-environment.ts +10 -10
  188. package/frontend/lib/components/chat/ChatInterface.svelte +406 -406
  189. package/frontend/lib/components/chat/formatters/ErrorMessage.svelte +56 -56
  190. package/frontend/lib/components/chat/formatters/MessageFormatter.svelte +223 -223
  191. package/frontend/lib/components/chat/formatters/TextMessage.svelte +394 -394
  192. package/frontend/lib/components/chat/formatters/Tools.svelte +69 -69
  193. package/frontend/lib/components/chat/formatters/index.ts +2 -2
  194. package/frontend/lib/components/chat/input/ChatInput.svelte +421 -421
  195. package/frontend/lib/components/chat/input/components/ChatInputActions.svelte +78 -78
  196. package/frontend/lib/components/chat/input/components/DragDropOverlay.svelte +30 -30
  197. package/frontend/lib/components/chat/input/components/EditModeIndicator.svelte +33 -33
  198. package/frontend/lib/components/chat/input/components/EngineModelPicker.svelte +619 -619
  199. package/frontend/lib/components/chat/input/components/FileAttachmentPreview.svelte +48 -48
  200. package/frontend/lib/components/chat/input/components/LoadingIndicator.svelte +31 -31
  201. package/frontend/lib/components/chat/input/composables/use-animations.svelte.ts +201 -201
  202. package/frontend/lib/components/chat/input/composables/use-chat-actions.svelte.ts +148 -148
  203. package/frontend/lib/components/chat/input/composables/use-file-handling.svelte.ts +216 -216
  204. package/frontend/lib/components/chat/input/composables/use-input-state.svelte.ts +357 -357
  205. package/frontend/lib/components/chat/input/composables/use-textarea-resize.svelte.ts +57 -57
  206. package/frontend/lib/components/chat/message/ChatMessage.svelte +478 -478
  207. package/frontend/lib/components/chat/message/ChatMessages.svelte +541 -541
  208. package/frontend/lib/components/chat/message/DateSeparator.svelte +86 -86
  209. package/frontend/lib/components/chat/message/MessageBubble.svelte +86 -86
  210. package/frontend/lib/components/chat/message/MessageHeader.svelte +157 -157
  211. package/frontend/lib/components/chat/modal/DebugModal.svelte +59 -59
  212. package/frontend/lib/components/chat/modal/TokenUsageModal.svelte +124 -124
  213. package/frontend/lib/components/chat/shared/index.ts +1 -1
  214. package/frontend/lib/components/chat/shared/utils.ts +115 -115
  215. package/frontend/lib/components/chat/tools/BashOutputTool.svelte +35 -35
  216. package/frontend/lib/components/chat/tools/BashTool.svelte +45 -45
  217. package/frontend/lib/components/chat/tools/CustomMcpTool.svelte +139 -139
  218. package/frontend/lib/components/chat/tools/EditTool.svelte +47 -47
  219. package/frontend/lib/components/chat/tools/ExitPlanModeTool.svelte +31 -31
  220. package/frontend/lib/components/chat/tools/GlobTool.svelte +50 -50
  221. package/frontend/lib/components/chat/tools/GrepTool.svelte +89 -89
  222. package/frontend/lib/components/chat/tools/KillShellTool.svelte +25 -25
  223. package/frontend/lib/components/chat/tools/ListMcpResourcesTool.svelte +30 -30
  224. package/frontend/lib/components/chat/tools/NotebookEditTool.svelte +37 -37
  225. package/frontend/lib/components/chat/tools/ReadMcpResourceTool.svelte +33 -33
  226. package/frontend/lib/components/chat/tools/ReadTool.svelte +40 -40
  227. package/frontend/lib/components/chat/tools/TaskTool.svelte +63 -63
  228. package/frontend/lib/components/chat/tools/TodoWriteTool.svelte +74 -74
  229. package/frontend/lib/components/chat/tools/WebFetchTool.svelte +34 -34
  230. package/frontend/lib/components/chat/tools/WebSearchTool.svelte +83 -83
  231. package/frontend/lib/components/chat/tools/WriteTool.svelte +32 -32
  232. package/frontend/lib/components/chat/tools/components/CodeBlock.svelte +78 -78
  233. package/frontend/lib/components/chat/tools/components/DiffBlock.svelte +407 -407
  234. package/frontend/lib/components/chat/tools/components/FileHeader.svelte +45 -45
  235. package/frontend/lib/components/chat/tools/components/InfoLine.svelte +18 -18
  236. package/frontend/lib/components/chat/tools/components/StatsBadges.svelte +26 -26
  237. package/frontend/lib/components/chat/tools/components/TerminalCommand.svelte +53 -53
  238. package/frontend/lib/components/chat/tools/components/index.ts +7 -7
  239. package/frontend/lib/components/chat/tools/index.ts +25 -25
  240. package/frontend/lib/components/chat/widgets/FloatingTodoList.svelte +248 -248
  241. package/frontend/lib/components/chat/widgets/TokenUsage.svelte +78 -78
  242. package/frontend/lib/components/checkpoint/TimelineModal.svelte +391 -391
  243. package/frontend/lib/components/checkpoint/timeline/TimelineEdge.svelte +26 -26
  244. package/frontend/lib/components/checkpoint/timeline/TimelineGraph.svelte +86 -86
  245. package/frontend/lib/components/checkpoint/timeline/TimelineNode.svelte +108 -108
  246. package/frontend/lib/components/checkpoint/timeline/TimelineVersionGroup.svelte +59 -59
  247. package/frontend/lib/components/checkpoint/timeline/animation.ts +168 -168
  248. package/frontend/lib/components/checkpoint/timeline/config.ts +44 -44
  249. package/frontend/lib/components/checkpoint/timeline/graph-builder.ts +304 -304
  250. package/frontend/lib/components/checkpoint/timeline/types.ts +65 -65
  251. package/frontend/lib/components/checkpoint/timeline/utils.ts +53 -53
  252. package/frontend/lib/components/common/Alert.svelte +138 -138
  253. package/frontend/lib/components/common/AvatarBubble.svelte +55 -55
  254. package/frontend/lib/components/common/Button.svelte +71 -71
  255. package/frontend/lib/components/common/Card.svelte +102 -102
  256. package/frontend/lib/components/common/Checkbox.svelte +48 -48
  257. package/frontend/lib/components/common/Dialog.svelte +248 -248
  258. package/frontend/lib/components/common/FolderBrowser.svelte +842 -842
  259. package/frontend/lib/components/common/Icon.svelte +57 -57
  260. package/frontend/lib/components/common/Input.svelte +72 -72
  261. package/frontend/lib/components/common/Lightbox.svelte +232 -232
  262. package/frontend/lib/components/common/LoadingScreen.svelte +52 -52
  263. package/frontend/lib/components/common/LoadingSpinner.svelte +48 -48
  264. package/frontend/lib/components/common/Modal.svelte +177 -177
  265. package/frontend/lib/components/common/ModalProvider.svelte +27 -27
  266. package/frontend/lib/components/common/ModelSelector.svelte +110 -110
  267. package/frontend/lib/components/common/MonacoEditor.svelte +568 -568
  268. package/frontend/lib/components/common/NotificationToast.svelte +113 -113
  269. package/frontend/lib/components/common/PageTemplate.svelte +75 -75
  270. package/frontend/lib/components/common/ProjectUserAvatars.svelte +79 -79
  271. package/frontend/lib/components/common/Select.svelte +97 -97
  272. package/frontend/lib/components/common/Textarea.svelte +79 -79
  273. package/frontend/lib/components/common/ThemeToggle.svelte +44 -44
  274. package/frontend/lib/components/common/lucide-icons.ts +1642 -1642
  275. package/frontend/lib/components/common/material-icons.ts +1082 -1082
  276. package/frontend/lib/components/common/xterm/XTerm.svelte +809 -795
  277. package/frontend/lib/components/common/xterm/index.ts +15 -15
  278. package/frontend/lib/components/common/xterm/terminal-config.ts +67 -67
  279. package/frontend/lib/components/common/xterm/types.ts +30 -30
  280. package/frontend/lib/components/common/xterm/xterm-service.ts +379 -353
  281. package/frontend/lib/components/files/FileNode.svelte +383 -383
  282. package/frontend/lib/components/files/FileTree.svelte +681 -681
  283. package/frontend/lib/components/files/FileViewer.svelte +728 -728
  284. package/frontend/lib/components/files/SearchResults.svelte +303 -303
  285. package/frontend/lib/components/git/BranchManager.svelte +458 -458
  286. package/frontend/lib/components/git/ChangesSection.svelte +107 -107
  287. package/frontend/lib/components/git/CommitForm.svelte +76 -76
  288. package/frontend/lib/components/git/ConflictResolver.svelte +158 -158
  289. package/frontend/lib/components/git/DiffViewer.svelte +364 -364
  290. package/frontend/lib/components/git/FileChangeItem.svelte +97 -97
  291. package/frontend/lib/components/git/GitButton.svelte +33 -33
  292. package/frontend/lib/components/git/GitLog.svelte +361 -361
  293. package/frontend/lib/components/git/GitModal.svelte +80 -80
  294. package/frontend/lib/components/history/HistoryModal.svelte +563 -563
  295. package/frontend/lib/components/history/HistoryView.svelte +614 -614
  296. package/frontend/lib/components/index.ts +34 -34
  297. package/frontend/lib/components/preview/browser/BrowserPreview.svelte +549 -549
  298. package/frontend/lib/components/preview/browser/components/Canvas.svelte +1058 -1058
  299. package/frontend/lib/components/preview/browser/components/ConsolePanel.svelte +756 -756
  300. package/frontend/lib/components/preview/browser/components/Container.svelte +450 -450
  301. package/frontend/lib/components/preview/browser/components/ContextMenu.svelte +236 -236
  302. package/frontend/lib/components/preview/browser/components/SelectDropdown.svelte +224 -224
  303. package/frontend/lib/components/preview/browser/components/Toolbar.svelte +338 -338
  304. package/frontend/lib/components/preview/browser/components/VirtualCursor.svelte +35 -35
  305. package/frontend/lib/components/preview/browser/core/cleanup.svelte.ts +155 -155
  306. package/frontend/lib/components/preview/browser/core/coordinator.svelte.ts +837 -837
  307. package/frontend/lib/components/preview/browser/core/interactions.svelte.ts +113 -113
  308. package/frontend/lib/components/preview/browser/core/mcp-handlers.svelte.ts +296 -296
  309. package/frontend/lib/components/preview/browser/core/native-ui-handlers.svelte.ts +391 -391
  310. package/frontend/lib/components/preview/browser/core/stream-handler.svelte.ts +231 -231
  311. package/frontend/lib/components/preview/browser/core/tab-manager.svelte.ts +210 -210
  312. package/frontend/lib/components/preview/browser/core/tab-operations.svelte.ts +239 -239
  313. package/frontend/lib/components/preview/index.ts +1 -1
  314. package/frontend/lib/components/settings/SettingsModal.svelte +235 -235
  315. package/frontend/lib/components/settings/SettingsView.svelte +36 -36
  316. package/frontend/lib/components/settings/appearance/AppearanceSettings.svelte +51 -51
  317. package/frontend/lib/components/settings/appearance/LayoutPresetSettings.svelte +160 -160
  318. package/frontend/lib/components/settings/appearance/LayoutPreview.svelte +76 -76
  319. package/frontend/lib/components/settings/engines/AIEnginesSettings.svelte +917 -917
  320. package/frontend/lib/components/settings/general/AdvancedSettings.svelte +187 -187
  321. package/frontend/lib/components/settings/general/DataManagementSettings.svelte +203 -203
  322. package/frontend/lib/components/settings/general/GeneralSettings.svelte +10 -10
  323. package/frontend/lib/components/settings/model/ModelSettings.svelte +357 -357
  324. package/frontend/lib/components/settings/notifications/NotificationSettings.svelte +205 -205
  325. package/frontend/lib/components/settings/user/UserSettings.svelte +197 -197
  326. package/frontend/lib/components/terminal/Terminal.svelte +367 -367
  327. package/frontend/lib/components/terminal/TerminalTabs.svelte +87 -87
  328. package/frontend/lib/components/terminal/TerminalView.svelte +54 -54
  329. package/frontend/lib/components/tunnel/TunnelActive.svelte +157 -142
  330. package/frontend/lib/components/tunnel/TunnelButton.svelte +60 -54
  331. package/frontend/lib/components/tunnel/TunnelInactive.svelte +285 -284
  332. package/frontend/lib/components/tunnel/TunnelModal.svelte +48 -47
  333. package/frontend/lib/components/tunnel/TunnelQRCode.svelte +49 -49
  334. package/frontend/lib/components/workspace/DesktopNavigator.svelte +382 -382
  335. package/frontend/lib/components/workspace/MobileNavigator.svelte +394 -403
  336. package/frontend/lib/components/workspace/PanelContainer.svelte +100 -100
  337. package/frontend/lib/components/workspace/PanelHeader.svelte +505 -505
  338. package/frontend/lib/components/workspace/ViewMenu.svelte +162 -162
  339. package/frontend/lib/components/workspace/WorkspaceLayout.svelte +169 -169
  340. package/frontend/lib/components/workspace/layout/DesktopLayout.svelte +15 -15
  341. package/frontend/lib/components/workspace/layout/MobileLayout.svelte +17 -17
  342. package/frontend/lib/components/workspace/layout/split-pane/Container.svelte +42 -42
  343. package/frontend/lib/components/workspace/layout/split-pane/Handle.svelte +84 -84
  344. package/frontend/lib/components/workspace/layout/split-pane/Layout.svelte +37 -37
  345. package/frontend/lib/components/workspace/panels/ChatPanel.svelte +274 -274
  346. package/frontend/lib/components/workspace/panels/FilesPanel.svelte +1261 -1261
  347. package/frontend/lib/components/workspace/panels/GitPanel.svelte +1560 -1560
  348. package/frontend/lib/components/workspace/panels/PreviewPanel.svelte +150 -150
  349. package/frontend/lib/components/workspace/panels/TerminalPanel.svelte +73 -73
  350. package/frontend/lib/constants/preview.ts +44 -44
  351. package/frontend/lib/services/chat/chat.service.ts +704 -704
  352. package/frontend/lib/services/chat/index.ts +6 -6
  353. package/frontend/lib/services/notification/global-stream-monitor.ts +86 -86
  354. package/frontend/lib/services/notification/index.ts +7 -7
  355. package/frontend/lib/services/notification/push.service.ts +143 -143
  356. package/frontend/lib/services/notification/sound.service.ts +126 -126
  357. package/frontend/lib/services/preview/browser/browser-console.service.ts +61 -61
  358. package/frontend/lib/services/preview/browser/browser-webcodecs.service.ts +1499 -1499
  359. package/frontend/lib/services/preview/browser/mcp-integration.svelte.ts +67 -67
  360. package/frontend/lib/services/preview/index.ts +22 -22
  361. package/frontend/lib/services/project/index.ts +7 -7
  362. package/frontend/lib/services/project/status.service.ts +159 -159
  363. package/frontend/lib/services/snapshot/snapshot.service.ts +47 -47
  364. package/frontend/lib/services/terminal/background/index.ts +129 -129
  365. package/frontend/lib/services/terminal/background/session-restore.ts +273 -273
  366. package/frontend/lib/services/terminal/background/stream-manager.ts +285 -285
  367. package/frontend/lib/services/terminal/index.ts +13 -13
  368. package/frontend/lib/services/terminal/persistence.service.ts +260 -260
  369. package/frontend/lib/services/terminal/project.service.ts +952 -952
  370. package/frontend/lib/services/terminal/session.service.ts +363 -363
  371. package/frontend/lib/services/terminal/terminal.service.ts +369 -369
  372. package/frontend/lib/stores/core/app.svelte.ts +117 -117
  373. package/frontend/lib/stores/core/files.svelte.ts +72 -72
  374. package/frontend/lib/stores/core/presence.svelte.ts +48 -48
  375. package/frontend/lib/stores/core/projects.svelte.ts +317 -317
  376. package/frontend/lib/stores/core/sessions.svelte.ts +383 -383
  377. package/frontend/lib/stores/features/claude-accounts.svelte.ts +58 -58
  378. package/frontend/lib/stores/features/models.svelte.ts +89 -89
  379. package/frontend/lib/stores/features/settings.svelte.ts +87 -87
  380. package/frontend/lib/stores/features/terminal.svelte.ts +700 -700
  381. package/frontend/lib/stores/features/tunnel.svelte.ts +163 -161
  382. package/frontend/lib/stores/features/user.svelte.ts +95 -95
  383. package/frontend/lib/stores/ui/chat-input.svelte.ts +56 -56
  384. package/frontend/lib/stores/ui/chat-model.svelte.ts +61 -61
  385. package/frontend/lib/stores/ui/dialog.svelte.ts +58 -58
  386. package/frontend/lib/stores/ui/edit-mode.svelte.ts +214 -214
  387. package/frontend/lib/stores/ui/notification.svelte.ts +166 -166
  388. package/frontend/lib/stores/ui/settings-modal.svelte.ts +88 -88
  389. package/frontend/lib/stores/ui/theme.svelte.ts +179 -179
  390. package/frontend/lib/stores/ui/workspace.svelte.ts +754 -754
  391. package/frontend/lib/types/native-ui.ts +73 -73
  392. package/frontend/lib/utils/chat/date-separator.ts +38 -38
  393. package/frontend/lib/utils/chat/message-grouper.ts +218 -218
  394. package/frontend/lib/utils/chat/message-processor.ts +134 -134
  395. package/frontend/lib/utils/chat/tool-handler.ts +160 -160
  396. package/frontend/lib/utils/chat/virtual-scroll.svelte.ts +142 -142
  397. package/frontend/lib/utils/click-outside.ts +20 -20
  398. package/frontend/lib/utils/context-manager.ts +256 -256
  399. package/frontend/lib/utils/file-icon-mappings.ts +768 -768
  400. package/frontend/lib/utils/folder-icon-mappings.ts +1029 -1029
  401. package/frontend/lib/utils/git-status.ts +68 -68
  402. package/frontend/lib/utils/platform.ts +112 -112
  403. package/frontend/lib/utils/port-check.ts +64 -64
  404. package/frontend/lib/utils/terminalFormatter.ts +206 -206
  405. package/frontend/lib/utils/theme.ts +6 -6
  406. package/frontend/lib/utils/tree-visualizer.ts +320 -320
  407. package/frontend/lib/utils/ws.ts +44 -44
  408. package/frontend/main.ts +13 -13
  409. package/index.html +70 -70
  410. package/package.json +111 -111
  411. package/scripts/generate-icons.ts +86 -86
  412. package/scripts/pre-publish-check.sh +142 -142
  413. package/scripts/setup-hooks.sh +134 -134
  414. package/scripts/validate-branch-name.sh +47 -47
  415. package/scripts/validate-commit-msg.sh +42 -42
  416. package/shared/constants/engines.ts +134 -134
  417. package/shared/types/database/connection.ts +15 -15
  418. package/shared/types/database/index.ts +5 -5
  419. package/shared/types/database/schema.ts +140 -140
  420. package/shared/types/engine/index.ts +45 -45
  421. package/shared/types/filesystem/index.ts +21 -21
  422. package/shared/types/git.ts +171 -171
  423. package/shared/types/messaging/index.ts +238 -238
  424. package/shared/types/messaging/tool.ts +525 -525
  425. package/shared/types/network/api.ts +17 -17
  426. package/shared/types/network/index.ts +4 -4
  427. package/shared/types/stores/app.ts +22 -22
  428. package/shared/types/stores/dialog.ts +20 -20
  429. package/shared/types/stores/index.ts +2 -2
  430. package/shared/types/stores/settings.ts +15 -15
  431. package/shared/types/terminal/index.ts +43 -43
  432. package/shared/types/ui/components.ts +60 -60
  433. package/shared/types/ui/icons.ts +22 -22
  434. package/shared/types/ui/index.ts +21 -21
  435. package/shared/types/ui/notifications.ts +13 -13
  436. package/shared/types/ui/theme.ts +11 -11
  437. package/shared/types/websocket/index.ts +43 -43
  438. package/shared/types/window.d.ts +12 -12
  439. package/shared/utils/anonymous-user.ts +167 -167
  440. package/shared/utils/async.ts +10 -10
  441. package/shared/utils/diff-calculator.ts +184 -184
  442. package/shared/utils/file-type-detection.ts +165 -165
  443. package/shared/utils/logger.ts +144 -144
  444. package/shared/utils/message-formatter.ts +79 -79
  445. package/shared/utils/path.ts +47 -47
  446. package/shared/utils/ws-client.ts +768 -768
  447. package/shared/utils/ws-server.ts +660 -660
  448. package/static/favicon.svg +7 -7
  449. package/static/fonts/dm-sans.css +96 -96
  450. package/svelte.config.js +20 -20
  451. package/tsconfig.json +41 -41
  452. package/vite.config.ts +33 -33
@@ -1,401 +1,399 @@
1
- /**
2
- * Claude Account Management Handlers
3
- *
4
- * CRUD operations use .http() (instant DB queries).
5
- * Setup-token flow uses .on() + .emit() (long-running PTY session).
6
- *
7
- * The PTY session is managed as a single unit with phase-based state:
8
- * Phase 'waiting-url' → onData extracts auth URL → emits setup-url
9
- * Phase 'waiting-token' → onData extracts OAuth token → saves & emits setup-complete
10
- * Phase 'done' → ignores further output
11
- *
12
- * Only ONE onData and ONE onExit listener per PTY. The submit handler
13
- * transitions the phase and writes to PTY without registering new listeners.
14
- */
15
-
16
- import { t } from 'elysia';
17
- import { spawn } from 'bun-pty';
18
- import { createRouter } from '$shared/utils/ws-server';
19
- import { ws } from '$backend/lib/utils/ws';
20
- import { engineQueries } from '../../../lib/database/queries';
21
- import { resetEnvironment, getClaudeUserConfigDir } from '../../../lib/engine/adapters/claude/environment';
22
- import { debug } from '$shared/utils/logger';
23
-
24
- // ── Helpers ──
25
-
26
- function stripAnsi(str: string): string {
27
- // Replace cursor positioning sequences (CSI row;colH/f) with newline
28
- // so line structure is preserved after stripping
29
- return str
30
- .replace(/\x1B\[\d+;\d+[Hf]/g, '\n')
31
- .replace(/\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~])/g, '');
32
- }
33
-
34
- function extractAuthUrl(clean: string): string | null {
35
- const urlPrefix = 'https://claude.ai/oauth/authorize?';
36
- const urlStart = clean.indexOf(urlPrefix);
37
- if (urlStart === -1) return null;
38
-
39
- const pasteIdx = clean.indexOf('Paste', urlStart);
40
- if (pasteIdx === -1) return null;
41
-
42
- return clean.substring(urlStart, pasteIdx).replace(/\s/g, '');
43
- }
44
-
45
- function extractOAuthToken(clean: string): string | null {
46
- const tokenPrefix = 'sk-ant-oat01-';
47
- const tokenStart = clean.indexOf(tokenPrefix);
48
- if (tokenStart === -1) return null;
49
-
50
- const storeIdx = clean.indexOf('Store', tokenStart);
51
- if (storeIdx === -1) return null;
52
-
53
- return clean.substring(tokenStart, storeIdx).replace(/\s/g, '');
54
- }
55
-
56
- function extractPtyError(clean: string): string | null {
57
- // Known pattern: "OAuth error: <message>" take just that line
58
- const oauthIdx = clean.indexOf('OAuth error:');
59
- if (oauthIdx !== -1) {
60
- const msgStart = oauthIdx + 'OAuth error:'.length;
61
- const lineEnd = clean.indexOf('\n', msgStart);
62
- const msg = (lineEnd === -1 ? clean.substring(msgStart) : clean.substring(msgStart, lineEnd)).trim();
63
- return msg || 'OAuth error';
64
- }
65
-
66
- // Generic: first line containing "error" (case-insensitive)
67
- const lines = clean.split('\n');
68
- for (const line of lines) {
69
- const trimmed = line.trim();
70
- if (!trimmed) continue;
71
- if (trimmed.startsWith('https://') || trimmed.startsWith('sk-ant-')) continue;
72
- if (/\berror\b/i.test(trimmed)) {
73
- return trimmed;
74
- }
75
- }
76
-
77
- return null;
78
- }
79
-
80
- // ── Process Management ──
81
-
82
- type SetupPhase = 'waiting-url' | 'waiting-token' | 'done';
83
-
84
- interface SetupProcess {
85
- pty: ReturnType<typeof spawn>;
86
- buffer: string;
87
- timer: ReturnType<typeof setTimeout>;
88
- userId: string;
89
- disposed: boolean;
90
- phase: SetupPhase;
91
- accountName: string;
92
- urlEmitted: boolean;
93
- }
94
-
95
- const setupProcesses = new Map<string, SetupProcess>();
96
- const userSetups = new Map<string, string>();
97
-
98
- const SETUP_TIMEOUT_MS = 5 * 60 * 1000;
99
-
100
- function cleanupSetup(setupId: string): void {
101
- const entry = setupProcesses.get(setupId);
102
- if (!entry || entry.disposed) return;
103
-
104
- entry.disposed = true;
105
- entry.phase = 'done';
106
- clearTimeout(entry.timer);
107
- try { entry.pty.kill(); } catch { /* already dead */ }
108
- userSetups.delete(entry.userId);
109
- setupProcesses.delete(setupId);
110
- }
111
-
112
- // ── Handlers ──
113
-
114
- export const accountsHandler = createRouter()
115
-
116
- // ═══════════════════════════════════════
117
- // CRUD — instant DB operations (.http)
118
- // ═══════════════════════════════════════
119
-
120
- .http('engine:claude-accounts-list', {
121
- data: t.Object({}),
122
- response: t.Object({
123
- accounts: t.Array(t.Object({
124
- id: t.Number(),
125
- name: t.String(),
126
- isActive: t.Boolean(),
127
- createdAt: t.String()
128
- }))
129
- })
130
- }, async () => {
131
- const accounts = engineQueries.getClaudeAccounts();
132
- return {
133
- accounts: accounts.map(a => ({
134
- id: a.id,
135
- name: a.name,
136
- isActive: a.is_active === 1,
137
- createdAt: a.created_at
138
- }))
139
- };
140
- })
141
-
142
- .http('engine:claude-accounts-switch', {
143
- data: t.Object({ id: t.Number() }),
144
- response: t.Object({ success: t.Boolean() })
145
- }, async ({ data }) => {
146
- engineQueries.switchClaudeAccount(data.id);
147
- resetEnvironment();
148
- return { success: true };
149
- })
150
-
151
- .http('engine:claude-accounts-delete', {
152
- data: t.Object({ id: t.Number() }),
153
- response: t.Object({ success: t.Boolean() })
154
- }, async ({ data }) => {
155
- const active = engineQueries.getActiveClaudeAccount();
156
- engineQueries.deleteClaudeAccount(data.id);
157
- if (active?.id === data.id) resetEnvironment();
158
- return { success: true };
159
- })
160
-
161
- .http('engine:claude-accounts-rename', {
162
- data: t.Object({ id: t.Number(), name: t.String({ minLength: 1 }) }),
163
- response: t.Object({ success: t.Boolean() })
164
- }, async ({ data }) => {
165
- engineQueries.renameClaudeAccount(data.id, data.name);
166
- return { success: true };
167
- })
168
-
169
- // ═══════════════════════════════════════
170
- // Setup-token flow — event-driven (.on + .emit)
171
- // Single PTY session with phase-based state machine.
172
- // ═══════════════════════════════════════
173
-
174
- // Client → Server: start setup (spawns PTY, registers ONE onData + ONE onExit)
175
- .on('engine:claude-account-setup-start', {
176
- data: t.Object({})
177
- }, async ({ conn }) => {
178
- const userId = ws.getUserId(conn);
179
- const setupId = crypto.randomUUID();
180
-
181
- debug.log('engine', `[${setupId}] Starting claude setup-token PTY`);
182
-
183
- // Cancel any existing setup for this user
184
- const existingSetupId = userSetups.get(userId);
185
- if (existingSetupId) cleanupSetup(existingSetupId);
186
-
187
- // Build env
188
- const ptyEnv: Record<string, string> = {};
189
- for (const [key, value] of Object.entries(process.env)) {
190
- if (value !== undefined) ptyEnv[key] = value;
191
- }
192
- ptyEnv['CLAUDE_CONFIG_DIR'] = getClaudeUserConfigDir();
193
- ptyEnv['BROWSER'] = 'false';
194
-
195
- let pty: ReturnType<typeof spawn>;
196
- try {
197
- pty = spawn('claude', ['setup-token'], {
198
- name: 'xterm-256color',
199
- cols: 1000,
200
- rows: 30,
201
- cwd: process.cwd(),
202
- env: ptyEnv
203
- });
204
- } catch (err: any) {
205
- ws.emit.user(userId, 'engine:claude-account-setup-error', {
206
- setupId,
207
- message: 'Failed to start Claude CLI: ' + (err.message || 'Unknown error')
208
- });
209
- return;
210
- }
211
-
212
- // 5-minute timeout
213
- const timer = setTimeout(() => {
214
- debug.warn('engine', `[${setupId}] Setup-token timeout`);
215
- ws.emit.user(userId, 'engine:claude-account-setup-error', {
216
- setupId,
217
- message: 'Setup timed out after 5 minutes'
218
- });
219
- cleanupSetup(setupId);
220
- }, SETUP_TIMEOUT_MS);
221
-
222
- const entry: SetupProcess = {
223
- pty, buffer: '', timer, userId,
224
- disposed: false,
225
- phase: 'waiting-url',
226
- accountName: '',
227
- urlEmitted: false
228
- };
229
- setupProcesses.set(setupId, entry);
230
- userSetups.set(userId, setupId);
231
-
232
- // ── Single onData listener handles ALL phases ──
233
- pty.onData((data: string) => {
234
- if (entry.disposed || entry.phase === 'done') return;
235
- entry.buffer += data;
236
-
237
- // Debug: stream raw PTY data to client
238
- ws.emit.user(userId, 'engine:claude-account-setup-pty-data', {
239
- setupId,
240
- data,
241
- phase: entry.phase,
242
- bufferLength: entry.buffer.length
243
- });
244
-
245
- const clean = stripAnsi(entry.buffer);
246
-
247
- if (entry.phase === 'waiting-url') {
248
- const url = extractAuthUrl(clean);
249
- if (url && !entry.urlEmitted) {
250
- entry.urlEmitted = true;
251
- debug.log('engine', `[${setupId}] Auth URL captured`);
252
- ws.emit.user(userId, 'engine:claude-account-setup-url', {
253
- setupId,
254
- authUrl: url
255
- });
256
- }
257
- } else if (entry.phase === 'waiting-token') {
258
- const token = extractOAuthToken(clean);
259
- if (token) {
260
- entry.phase = 'done';
261
- debug.log('engine', `[${setupId}] Token captured`);
262
-
263
- const account = engineQueries.createClaudeAccount(entry.accountName, token);
264
- resetEnvironment();
265
-
266
- ws.emit.user(userId, 'engine:claude-account-setup-complete', {
267
- setupId,
268
- accountId: account.id
269
- });
270
-
271
- cleanupSetup(setupId);
272
- return;
273
- }
274
-
275
- // Check for error messages in PTY output
276
- const error = extractPtyError(clean);
277
- if (error) {
278
- entry.phase = 'done';
279
- debug.warn('engine', `[${setupId}] PTY error detected: ${error}`);
280
-
281
- ws.emit.user(userId, 'engine:claude-account-setup-error', {
282
- setupId,
283
- message: error
284
- });
285
-
286
- cleanupSetup(setupId);
287
- }
288
- }
289
- });
290
-
291
- // ── Single onExit listener handles ALL phases ──
292
- pty.onExit(() => {
293
- if (entry.disposed || entry.phase === 'done') return;
294
- debug.log('engine', `[${setupId}] PTY exited during phase: ${entry.phase}`);
295
-
296
- const clean = stripAnsi(entry.buffer);
297
-
298
- if (entry.phase === 'waiting-url') {
299
- ws.emit.user(userId, 'engine:claude-account-setup-error', {
300
- setupId,
301
- message: 'CLI exited before providing auth URL'
302
- });
303
- } else if (entry.phase === 'waiting-token') {
304
- // Last chance: check buffer for token before giving up
305
- const token = extractOAuthToken(clean);
306
- if (token) {
307
- debug.log('engine', `[${setupId}] Token found in final buffer`);
308
- const account = engineQueries.createClaudeAccount(entry.accountName, token);
309
- resetEnvironment();
310
- ws.emit.user(userId, 'engine:claude-account-setup-complete', {
311
- setupId,
312
- accountId: account.id
313
- });
314
- } else {
315
- // Try to extract a meaningful error message
316
- const error = extractPtyError(clean);
317
- ws.emit.user(userId, 'engine:claude-account-setup-error', {
318
- setupId,
319
- message: error || 'CLI exited without providing token'
320
- });
321
- }
322
- }
323
-
324
- cleanupSetup(setupId);
325
- });
326
- })
327
-
328
- // Client → Server: submit auth code (transitions phase + writes to existing PTY)
329
- .on('engine:claude-account-setup-submit', {
330
- data: t.Object({
331
- setupId: t.String(),
332
- code: t.String(),
333
- name: t.String({ minLength: 1 })
334
- })
335
- }, async ({ data, conn }) => {
336
- const userId = ws.getUserId(conn);
337
- const entry = setupProcesses.get(data.setupId);
338
-
339
- if (!entry || entry.disposed) {
340
- ws.emit.user(userId, 'engine:claude-account-setup-error', {
341
- setupId: data.setupId,
342
- message: 'Setup session not found or expired'
343
- });
344
- return;
345
- }
346
-
347
- debug.log('engine', `[${data.setupId}] Transitioning to waiting-token phase`);
348
-
349
- // Transition phase the existing onData listener will now extract tokens
350
- entry.buffer = '';
351
- entry.phase = 'waiting-token';
352
- entry.accountName = data.name;
353
-
354
- // Write auth code to PTY, then press Enter after a short delay
355
- // The delay ensures the PTY input buffer has processed the code before receiving Enter
356
- entry.pty.write(data.code);
357
- setTimeout(() => {
358
- if (!entry.disposed) {
359
- entry.pty.write('\r');
360
- }
361
- }, 100);
362
- })
363
-
364
- // Client → Server: cancel setup
365
- .on('engine:claude-account-setup-cancel', {
366
- data: t.Object({
367
- setupId: t.String()
368
- })
369
- }, async ({ data }) => {
370
- if (setupProcesses.has(data.setupId)) {
371
- debug.log('engine', `[${data.setupId}] Setup cancelled by user`);
372
- cleanupSetup(data.setupId);
373
- }
374
- })
375
-
376
- // ═══════════════════════════════════════
377
- // Event declarations (Server → Client)
378
- // ═══════════════════════════════════════
379
-
380
- .emit('engine:claude-account-setup-url', t.Object({
381
- setupId: t.String(),
382
- authUrl: t.String()
383
- }))
384
-
385
- .emit('engine:claude-account-setup-complete', t.Object({
386
- setupId: t.String(),
387
- accountId: t.Number()
388
- }))
389
-
390
- .emit('engine:claude-account-setup-error', t.Object({
391
- setupId: t.String(),
392
- message: t.String()
393
- }))
394
-
395
- // Debug: raw PTY output stream
396
- .emit('engine:claude-account-setup-pty-data', t.Object({
397
- setupId: t.String(),
398
- data: t.String(),
399
- phase: t.String(),
400
- bufferLength: t.Number()
401
- }));
1
+ /**
2
+ * Claude Account Management Handlers
3
+ *
4
+ * CRUD operations use .http() (instant DB queries).
5
+ * Setup-token flow uses .on() + .emit() (long-running PTY session).
6
+ *
7
+ * The PTY session is managed as a single unit with phase-based state:
8
+ * Phase 'waiting-url' → onData extracts auth URL → emits setup-url
9
+ * Phase 'waiting-token' → onData extracts OAuth token → saves & emits setup-complete
10
+ * Phase 'done' → ignores further output
11
+ *
12
+ * Only ONE onData and ONE onExit listener per PTY. The submit handler
13
+ * transitions the phase and writes to PTY without registering new listeners.
14
+ */
15
+
16
+ import { t } from 'elysia';
17
+ import { spawn } from 'bun-pty';
18
+ import { createRouter } from '$shared/utils/ws-server';
19
+ import { ws } from '$backend/lib/utils/ws';
20
+ import { engineQueries } from '../../../lib/database/queries';
21
+ import { resetEnvironment, getClaudeUserConfigDir } from '../../../lib/engine/adapters/claude/environment';
22
+ import { debug } from '$shared/utils/logger';
23
+ import { getCleanSpawnEnv } from '../../../lib/shared/env';
24
+
25
+ // ── Helpers ──
26
+
27
+ function stripAnsi(str: string): string {
28
+ // Replace cursor positioning sequences (CSI row;colH/f) with newline
29
+ // so line structure is preserved after stripping
30
+ return str
31
+ .replace(/\x1B\[\d+;\d+[Hf]/g, '\n')
32
+ .replace(/\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~])/g, '');
33
+ }
34
+
35
+ function extractAuthUrl(clean: string): string | null {
36
+ const urlPrefix = 'https://claude.ai/oauth/authorize?';
37
+ const urlStart = clean.indexOf(urlPrefix);
38
+ if (urlStart === -1) return null;
39
+
40
+ const pasteIdx = clean.indexOf('Paste', urlStart);
41
+ if (pasteIdx === -1) return null;
42
+
43
+ return clean.substring(urlStart, pasteIdx).replace(/\s/g, '');
44
+ }
45
+
46
+ function extractOAuthToken(clean: string): string | null {
47
+ const tokenPrefix = 'sk-ant-oat01-';
48
+ const tokenStart = clean.indexOf(tokenPrefix);
49
+ if (tokenStart === -1) return null;
50
+
51
+ const storeIdx = clean.indexOf('Store', tokenStart);
52
+ if (storeIdx === -1) return null;
53
+
54
+ return clean.substring(tokenStart, storeIdx).replace(/\s/g, '');
55
+ }
56
+
57
+ function extractPtyError(clean: string): string | null {
58
+ // Known pattern: "OAuth error: <message>" — take just that line
59
+ const oauthIdx = clean.indexOf('OAuth error:');
60
+ if (oauthIdx !== -1) {
61
+ const msgStart = oauthIdx + 'OAuth error:'.length;
62
+ const lineEnd = clean.indexOf('\n', msgStart);
63
+ const msg = (lineEnd === -1 ? clean.substring(msgStart) : clean.substring(msgStart, lineEnd)).trim();
64
+ return msg || 'OAuth error';
65
+ }
66
+
67
+ // Generic: first line containing "error" (case-insensitive)
68
+ const lines = clean.split('\n');
69
+ for (const line of lines) {
70
+ const trimmed = line.trim();
71
+ if (!trimmed) continue;
72
+ if (trimmed.startsWith('https://') || trimmed.startsWith('sk-ant-')) continue;
73
+ if (/\berror\b/i.test(trimmed)) {
74
+ return trimmed;
75
+ }
76
+ }
77
+
78
+ return null;
79
+ }
80
+
81
+ // ── Process Management ──
82
+
83
+ type SetupPhase = 'waiting-url' | 'waiting-token' | 'done';
84
+
85
+ interface SetupProcess {
86
+ pty: ReturnType<typeof spawn>;
87
+ buffer: string;
88
+ timer: ReturnType<typeof setTimeout>;
89
+ userId: string;
90
+ disposed: boolean;
91
+ phase: SetupPhase;
92
+ accountName: string;
93
+ urlEmitted: boolean;
94
+ }
95
+
96
+ const setupProcesses = new Map<string, SetupProcess>();
97
+ const userSetups = new Map<string, string>();
98
+
99
+ const SETUP_TIMEOUT_MS = 5 * 60 * 1000;
100
+
101
+ function cleanupSetup(setupId: string): void {
102
+ const entry = setupProcesses.get(setupId);
103
+ if (!entry || entry.disposed) return;
104
+
105
+ entry.disposed = true;
106
+ entry.phase = 'done';
107
+ clearTimeout(entry.timer);
108
+ try { entry.pty.kill(); } catch { /* already dead */ }
109
+ userSetups.delete(entry.userId);
110
+ setupProcesses.delete(setupId);
111
+ }
112
+
113
+ // ── Handlers ──
114
+
115
+ export const accountsHandler = createRouter()
116
+
117
+ // ═══════════════════════════════════════
118
+ // CRUD — instant DB operations (.http)
119
+ // ═══════════════════════════════════════
120
+
121
+ .http('engine:claude-accounts-list', {
122
+ data: t.Object({}),
123
+ response: t.Object({
124
+ accounts: t.Array(t.Object({
125
+ id: t.Number(),
126
+ name: t.String(),
127
+ isActive: t.Boolean(),
128
+ createdAt: t.String()
129
+ }))
130
+ })
131
+ }, async () => {
132
+ const accounts = engineQueries.getClaudeAccounts();
133
+ return {
134
+ accounts: accounts.map(a => ({
135
+ id: a.id,
136
+ name: a.name,
137
+ isActive: a.is_active === 1,
138
+ createdAt: a.created_at
139
+ }))
140
+ };
141
+ })
142
+
143
+ .http('engine:claude-accounts-switch', {
144
+ data: t.Object({ id: t.Number() }),
145
+ response: t.Object({ success: t.Boolean() })
146
+ }, async ({ data }) => {
147
+ engineQueries.switchClaudeAccount(data.id);
148
+ resetEnvironment();
149
+ return { success: true };
150
+ })
151
+
152
+ .http('engine:claude-accounts-delete', {
153
+ data: t.Object({ id: t.Number() }),
154
+ response: t.Object({ success: t.Boolean() })
155
+ }, async ({ data }) => {
156
+ const active = engineQueries.getActiveClaudeAccount();
157
+ engineQueries.deleteClaudeAccount(data.id);
158
+ if (active?.id === data.id) resetEnvironment();
159
+ return { success: true };
160
+ })
161
+
162
+ .http('engine:claude-accounts-rename', {
163
+ data: t.Object({ id: t.Number(), name: t.String({ minLength: 1 }) }),
164
+ response: t.Object({ success: t.Boolean() })
165
+ }, async ({ data }) => {
166
+ engineQueries.renameClaudeAccount(data.id, data.name);
167
+ return { success: true };
168
+ })
169
+
170
+ // ═══════════════════════════════════════
171
+ // Setup-token flow event-driven (.on + .emit)
172
+ // Single PTY session with phase-based state machine.
173
+ // ═══════════════════════════════════════
174
+
175
+ // Client → Server: start setup (spawns PTY, registers ONE onData + ONE onExit)
176
+ .on('engine:claude-account-setup-start', {
177
+ data: t.Object({})
178
+ }, async ({ conn }) => {
179
+ const userId = ws.getUserId(conn);
180
+ const setupId = crypto.randomUUID();
181
+
182
+ debug.log('engine', `[${setupId}] Starting claude setup-token PTY`);
183
+
184
+ // Cancel any existing setup for this user
185
+ const existingSetupId = userSetups.get(userId);
186
+ if (existingSetupId) cleanupSetup(existingSetupId);
187
+
188
+ // Build env from clean base (no Bun/npm/Vite pollution)
189
+ const ptyEnv = getCleanSpawnEnv();
190
+ ptyEnv['CLAUDE_CONFIG_DIR'] = getClaudeUserConfigDir();
191
+ ptyEnv['BROWSER'] = 'false';
192
+
193
+ let pty: ReturnType<typeof spawn>;
194
+ try {
195
+ pty = spawn('claude', ['setup-token'], {
196
+ name: 'xterm-256color',
197
+ cols: 1000,
198
+ rows: 30,
199
+ cwd: process.cwd(),
200
+ env: ptyEnv
201
+ });
202
+ } catch (err: any) {
203
+ ws.emit.user(userId, 'engine:claude-account-setup-error', {
204
+ setupId,
205
+ message: 'Failed to start Claude CLI: ' + (err.message || 'Unknown error')
206
+ });
207
+ return;
208
+ }
209
+
210
+ // 5-minute timeout
211
+ const timer = setTimeout(() => {
212
+ debug.warn('engine', `[${setupId}] Setup-token timeout`);
213
+ ws.emit.user(userId, 'engine:claude-account-setup-error', {
214
+ setupId,
215
+ message: 'Setup timed out after 5 minutes'
216
+ });
217
+ cleanupSetup(setupId);
218
+ }, SETUP_TIMEOUT_MS);
219
+
220
+ const entry: SetupProcess = {
221
+ pty, buffer: '', timer, userId,
222
+ disposed: false,
223
+ phase: 'waiting-url',
224
+ accountName: '',
225
+ urlEmitted: false
226
+ };
227
+ setupProcesses.set(setupId, entry);
228
+ userSetups.set(userId, setupId);
229
+
230
+ // ── Single onData listener — handles ALL phases ──
231
+ pty.onData((data: string) => {
232
+ if (entry.disposed || entry.phase === 'done') return;
233
+ entry.buffer += data;
234
+
235
+ // Debug: stream raw PTY data to client
236
+ ws.emit.user(userId, 'engine:claude-account-setup-pty-data', {
237
+ setupId,
238
+ data,
239
+ phase: entry.phase,
240
+ bufferLength: entry.buffer.length
241
+ });
242
+
243
+ const clean = stripAnsi(entry.buffer);
244
+
245
+ if (entry.phase === 'waiting-url') {
246
+ const url = extractAuthUrl(clean);
247
+ if (url && !entry.urlEmitted) {
248
+ entry.urlEmitted = true;
249
+ debug.log('engine', `[${setupId}] Auth URL captured`);
250
+ ws.emit.user(userId, 'engine:claude-account-setup-url', {
251
+ setupId,
252
+ authUrl: url
253
+ });
254
+ }
255
+ } else if (entry.phase === 'waiting-token') {
256
+ const token = extractOAuthToken(clean);
257
+ if (token) {
258
+ entry.phase = 'done';
259
+ debug.log('engine', `[${setupId}] Token captured`);
260
+
261
+ const account = engineQueries.createClaudeAccount(entry.accountName, token);
262
+ resetEnvironment();
263
+
264
+ ws.emit.user(userId, 'engine:claude-account-setup-complete', {
265
+ setupId,
266
+ accountId: account.id
267
+ });
268
+
269
+ cleanupSetup(setupId);
270
+ return;
271
+ }
272
+
273
+ // Check for error messages in PTY output
274
+ const error = extractPtyError(clean);
275
+ if (error) {
276
+ entry.phase = 'done';
277
+ debug.warn('engine', `[${setupId}] PTY error detected: ${error}`);
278
+
279
+ ws.emit.user(userId, 'engine:claude-account-setup-error', {
280
+ setupId,
281
+ message: error
282
+ });
283
+
284
+ cleanupSetup(setupId);
285
+ }
286
+ }
287
+ });
288
+
289
+ // ── Single onExit listener — handles ALL phases ──
290
+ pty.onExit(() => {
291
+ if (entry.disposed || entry.phase === 'done') return;
292
+ debug.log('engine', `[${setupId}] PTY exited during phase: ${entry.phase}`);
293
+
294
+ const clean = stripAnsi(entry.buffer);
295
+
296
+ if (entry.phase === 'waiting-url') {
297
+ ws.emit.user(userId, 'engine:claude-account-setup-error', {
298
+ setupId,
299
+ message: 'CLI exited before providing auth URL'
300
+ });
301
+ } else if (entry.phase === 'waiting-token') {
302
+ // Last chance: check buffer for token before giving up
303
+ const token = extractOAuthToken(clean);
304
+ if (token) {
305
+ debug.log('engine', `[${setupId}] Token found in final buffer`);
306
+ const account = engineQueries.createClaudeAccount(entry.accountName, token);
307
+ resetEnvironment();
308
+ ws.emit.user(userId, 'engine:claude-account-setup-complete', {
309
+ setupId,
310
+ accountId: account.id
311
+ });
312
+ } else {
313
+ // Try to extract a meaningful error message
314
+ const error = extractPtyError(clean);
315
+ ws.emit.user(userId, 'engine:claude-account-setup-error', {
316
+ setupId,
317
+ message: error || 'CLI exited without providing token'
318
+ });
319
+ }
320
+ }
321
+
322
+ cleanupSetup(setupId);
323
+ });
324
+ })
325
+
326
+ // Client → Server: submit auth code (transitions phase + writes to existing PTY)
327
+ .on('engine:claude-account-setup-submit', {
328
+ data: t.Object({
329
+ setupId: t.String(),
330
+ code: t.String(),
331
+ name: t.String({ minLength: 1 })
332
+ })
333
+ }, async ({ data, conn }) => {
334
+ const userId = ws.getUserId(conn);
335
+ const entry = setupProcesses.get(data.setupId);
336
+
337
+ if (!entry || entry.disposed) {
338
+ ws.emit.user(userId, 'engine:claude-account-setup-error', {
339
+ setupId: data.setupId,
340
+ message: 'Setup session not found or expired'
341
+ });
342
+ return;
343
+ }
344
+
345
+ debug.log('engine', `[${data.setupId}] Transitioning to waiting-token phase`);
346
+
347
+ // Transition phase the existing onData listener will now extract tokens
348
+ entry.buffer = '';
349
+ entry.phase = 'waiting-token';
350
+ entry.accountName = data.name;
351
+
352
+ // Write auth code to PTY, then press Enter after a short delay
353
+ // The delay ensures the PTY input buffer has processed the code before receiving Enter
354
+ entry.pty.write(data.code);
355
+ setTimeout(() => {
356
+ if (!entry.disposed) {
357
+ entry.pty.write('\r');
358
+ }
359
+ }, 100);
360
+ })
361
+
362
+ // Client → Server: cancel setup
363
+ .on('engine:claude-account-setup-cancel', {
364
+ data: t.Object({
365
+ setupId: t.String()
366
+ })
367
+ }, async ({ data }) => {
368
+ if (setupProcesses.has(data.setupId)) {
369
+ debug.log('engine', `[${data.setupId}] Setup cancelled by user`);
370
+ cleanupSetup(data.setupId);
371
+ }
372
+ })
373
+
374
+ // ═══════════════════════════════════════
375
+ // Event declarations (Server → Client)
376
+ // ═══════════════════════════════════════
377
+
378
+ .emit('engine:claude-account-setup-url', t.Object({
379
+ setupId: t.String(),
380
+ authUrl: t.String()
381
+ }))
382
+
383
+ .emit('engine:claude-account-setup-complete', t.Object({
384
+ setupId: t.String(),
385
+ accountId: t.Number()
386
+ }))
387
+
388
+ .emit('engine:claude-account-setup-error', t.Object({
389
+ setupId: t.String(),
390
+ message: t.String()
391
+ }))
392
+
393
+ // Debug: raw PTY output stream
394
+ .emit('engine:claude-account-setup-pty-data', t.Object({
395
+ setupId: t.String(),
396
+ data: t.String(),
397
+ phase: t.String(),
398
+ bufferLength: t.Number()
399
+ }));