upfynai-code 0.1.0 → 2.2.0

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 (340) hide show
  1. package/client/dist/api-docs.html +879 -0
  2. package/client/dist/assets/AppContent-CTSHQdyq.js +513 -0
  3. package/client/dist/assets/CanvasPanel-Cig0Mo9s.js +6 -0
  4. package/client/dist/assets/CanvasPanel-q4HEqNtV.css +1 -0
  5. package/client/dist/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2 +0 -0
  6. package/client/dist/assets/KaTeX_AMS-Regular-DMm9YOAa.woff +0 -0
  7. package/client/dist/assets/KaTeX_AMS-Regular-DRggAlZN.ttf +0 -0
  8. package/client/dist/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf +0 -0
  9. package/client/dist/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff +0 -0
  10. package/client/dist/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2 +0 -0
  11. package/client/dist/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff +0 -0
  12. package/client/dist/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2 +0 -0
  13. package/client/dist/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf +0 -0
  14. package/client/dist/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf +0 -0
  15. package/client/dist/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff +0 -0
  16. package/client/dist/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2 +0 -0
  17. package/client/dist/assets/KaTeX_Fraktur-Regular-CB_wures.ttf +0 -0
  18. package/client/dist/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2 +0 -0
  19. package/client/dist/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff +0 -0
  20. package/client/dist/assets/KaTeX_Main-Bold-Cx986IdX.woff2 +0 -0
  21. package/client/dist/assets/KaTeX_Main-Bold-Jm3AIy58.woff +0 -0
  22. package/client/dist/assets/KaTeX_Main-Bold-waoOVXN0.ttf +0 -0
  23. package/client/dist/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2 +0 -0
  24. package/client/dist/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf +0 -0
  25. package/client/dist/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff +0 -0
  26. package/client/dist/assets/KaTeX_Main-Italic-3WenGoN9.ttf +0 -0
  27. package/client/dist/assets/KaTeX_Main-Italic-BMLOBm91.woff +0 -0
  28. package/client/dist/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2 +0 -0
  29. package/client/dist/assets/KaTeX_Main-Regular-B22Nviop.woff2 +0 -0
  30. package/client/dist/assets/KaTeX_Main-Regular-Dr94JaBh.woff +0 -0
  31. package/client/dist/assets/KaTeX_Main-Regular-ypZvNtVU.ttf +0 -0
  32. package/client/dist/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf +0 -0
  33. package/client/dist/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2 +0 -0
  34. package/client/dist/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff +0 -0
  35. package/client/dist/assets/KaTeX_Math-Italic-DA0__PXp.woff +0 -0
  36. package/client/dist/assets/KaTeX_Math-Italic-flOr_0UB.ttf +0 -0
  37. package/client/dist/assets/KaTeX_Math-Italic-t53AETM-.woff2 +0 -0
  38. package/client/dist/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf +0 -0
  39. package/client/dist/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2 +0 -0
  40. package/client/dist/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff +0 -0
  41. package/client/dist/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2 +0 -0
  42. package/client/dist/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff +0 -0
  43. package/client/dist/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf +0 -0
  44. package/client/dist/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf +0 -0
  45. package/client/dist/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff +0 -0
  46. package/client/dist/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2 +0 -0
  47. package/client/dist/assets/KaTeX_Script-Regular-C5JkGWo-.ttf +0 -0
  48. package/client/dist/assets/KaTeX_Script-Regular-D3wIWfF6.woff2 +0 -0
  49. package/client/dist/assets/KaTeX_Script-Regular-D5yQViql.woff +0 -0
  50. package/client/dist/assets/KaTeX_Size1-Regular-C195tn64.woff +0 -0
  51. package/client/dist/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf +0 -0
  52. package/client/dist/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2 +0 -0
  53. package/client/dist/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf +0 -0
  54. package/client/dist/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2 +0 -0
  55. package/client/dist/assets/KaTeX_Size2-Regular-oD1tc_U0.woff +0 -0
  56. package/client/dist/assets/KaTeX_Size3-Regular-CTq5MqoE.woff +0 -0
  57. package/client/dist/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf +0 -0
  58. package/client/dist/assets/KaTeX_Size4-Regular-BF-4gkZK.woff +0 -0
  59. package/client/dist/assets/KaTeX_Size4-Regular-DWFBv043.ttf +0 -0
  60. package/client/dist/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2 +0 -0
  61. package/client/dist/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff +0 -0
  62. package/client/dist/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2 +0 -0
  63. package/client/dist/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf +0 -0
  64. package/client/dist/assets/LoginModal-silya-zP.js +11 -0
  65. package/client/dist/assets/MarkdownPreview-B3c7OEj6.js +1 -0
  66. package/client/dist/assets/Onboarding-Coxo6mFA.js +1 -0
  67. package/client/dist/assets/SetupForm-BzYOsbji.js +1 -0
  68. package/client/dist/assets/Tableau10-B-NsZVaP.js +1 -0
  69. package/client/dist/assets/_commonjs-dynamic-modules-TDtrdbi3.js +1 -0
  70. package/client/dist/assets/ar-SA-G6X2FPQ2-Bmw2-hDt.js +10 -0
  71. package/client/dist/assets/arc-BMqY7_Ci.js +1 -0
  72. package/client/dist/assets/array-BKyUJesY.js +1 -0
  73. package/client/dist/assets/az-AZ-76LH7QW2-Dh1le_qs.js +1 -0
  74. package/client/dist/assets/bg-BG-XCXSNQG7-Cbav8Z9z.js +5 -0
  75. package/client/dist/assets/blockDiagram-38ab4fdb-ChHJxsXw.js +118 -0
  76. package/client/dist/assets/bn-BD-2XOGV67Q-DCNjOaWz.js +5 -0
  77. package/client/dist/assets/c4Diagram-3d4e48cf-b8Xue4Z6.js +10 -0
  78. package/client/dist/assets/ca-ES-6MX7JW3Y-Dl_vM7NS.js +8 -0
  79. package/client/dist/assets/channel-CSnvHe_M.js +1 -0
  80. package/client/dist/assets/classDiagram-70f12bd4-BheP7Ggo.js +2 -0
  81. package/client/dist/assets/classDiagram-v2-f2320105-xtym7GEZ.js +2 -0
  82. package/client/dist/assets/clone-B75abXxS.js +1 -0
  83. package/client/dist/assets/createText-2e5e7dd3-_n4jI_fO.js +5 -0
  84. package/client/dist/assets/cs-CZ-2BRQDIVT-ftsKDdz4.js +11 -0
  85. package/client/dist/assets/da-DK-5WZEPLOC-DAjdwGRO.js +5 -0
  86. package/client/dist/assets/de-DE-XR44H4JA-BJXczHGT.js +8 -0
  87. package/client/dist/assets/directory-open-01563666-DWU9wJ6I.js +1 -0
  88. package/client/dist/assets/directory-open-4ed118d0-CunoC1EB.js +1 -0
  89. package/client/dist/assets/edges-e0da2a9e-CfPZr4YM.js +4 -0
  90. package/client/dist/assets/el-GR-BZB4AONW-DW2p_uy7.js +10 -0
  91. package/client/dist/assets/erDiagram-9861fffd-CF33V-Of.js +51 -0
  92. package/client/dist/assets/es-ES-U4NZUMDT-DLOIGnrl.js +9 -0
  93. package/client/dist/assets/eu-ES-A7QVB2H4-LJXbf89m.js +11 -0
  94. package/client/dist/assets/fa-IR-HGAKTJCU-Dvx65fgW.js +8 -0
  95. package/client/dist/assets/fi-FI-Z5N7JZ37-EoL65BQh.js +6 -0
  96. package/client/dist/assets/file-open-002ab408-DIuFHtCF.js +1 -0
  97. package/client/dist/assets/file-open-7c801643-684qeFg4.js +1 -0
  98. package/client/dist/assets/file-save-3189631c-C1wFhQhH.js +1 -0
  99. package/client/dist/assets/file-save-745eba88-Bb9F9Kg7.js +1 -0
  100. package/client/dist/assets/flowDb-956e92f1-HgoXVy2H.js +10 -0
  101. package/client/dist/assets/flowDiagram-66a62f08-tffoET0H.js +4 -0
  102. package/client/dist/assets/flowDiagram-v2-96b9c2cf-Byc3JCHh.js +1 -0
  103. package/client/dist/assets/flowchart-elk-definition-4a651766-DJbI2dpv.js +139 -0
  104. package/client/dist/assets/fr-FR-RHASNOE6-DNk_jdDs.js +9 -0
  105. package/client/dist/assets/ganttDiagram-c361ad54-2XX670FU.js +257 -0
  106. package/client/dist/assets/gitGraphDiagram-72cf32ee-CcUfruAo.js +70 -0
  107. package/client/dist/assets/gl-ES-HMX3MZ6V-dxzFjZlG.js +10 -0
  108. package/client/dist/assets/graph-BSbiMSBC.js +1 -0
  109. package/client/dist/assets/he-IL-6SHJWFNN-Cogsfdt1.js +10 -0
  110. package/client/dist/assets/hi-IN-IWLTKZ5I-L6wbgi4F.js +4 -0
  111. package/client/dist/assets/hu-HU-A5ZG7DT2-DSA6ZDsH.js +7 -0
  112. package/client/dist/assets/id-ID-SAP4L64H-BK_vGGS6.js +10 -0
  113. package/client/dist/assets/image-blob-reduce.esm-BLtmMM_J.js +2 -0
  114. package/client/dist/assets/index-3862675e-Bv32HUgT.js +1 -0
  115. package/client/dist/assets/index-B8wwD_Xo.css +1 -0
  116. package/client/dist/assets/index-BPwf8Fw3.js +27 -0
  117. package/client/dist/assets/index-D1urGMYu.js +95 -0
  118. package/client/dist/assets/infoDiagram-f8f76790-w4mR4pxn.js +7 -0
  119. package/client/dist/assets/init-Gi6I4Gst.js +1 -0
  120. package/client/dist/assets/it-IT-JPQ66NNP-BLdHYMhn.js +11 -0
  121. package/client/dist/assets/ja-JP-DBVTYXUO-B_vmexl_.js +8 -0
  122. package/client/dist/assets/journeyDiagram-49397b02-D9nmO17e.js +139 -0
  123. package/client/dist/assets/kaa-6HZHGXH3-5s-3jl6F.js +1 -0
  124. package/client/dist/assets/kab-KAB-ZGHBKWFO-2QaVDuSf.js +8 -0
  125. package/client/dist/assets/kk-KZ-P5N5QNE5-CTC52Vbi.js +1 -0
  126. package/client/dist/assets/km-KH-HSX4SM5Z-DxawH8UZ.js +11 -0
  127. package/client/dist/assets/ko-KR-MTYHY66A-CmosEM8_.js +9 -0
  128. package/client/dist/assets/ku-TR-6OUDTVRD-DbiLen4y.js +9 -0
  129. package/client/dist/assets/layout-jmt3H9tA.js +1 -0
  130. package/client/dist/assets/line-JTlRayUJ.js +1 -0
  131. package/client/dist/assets/linear-DJeB5p7x.js +1 -0
  132. package/client/dist/assets/lt-LT-XHIRWOB4-CH15wrjA.js +3 -0
  133. package/client/dist/assets/lv-LV-5QDEKY6T-dhgfPuCQ.js +7 -0
  134. package/client/dist/assets/mindmap-definition-fc14e90a-BOOrexmz.js +415 -0
  135. package/client/dist/assets/mr-IN-CRQNXWMA-3Gi6iq7A.js +13 -0
  136. package/client/dist/assets/my-MM-5M5IBNSE-CpH4rdJj.js +1 -0
  137. package/client/dist/assets/nb-NO-T6EIAALU-Du6iiGql.js +10 -0
  138. package/client/dist/assets/nl-NL-IS3SIHDZ-BGvsd1MT.js +8 -0
  139. package/client/dist/assets/nn-NO-6E72VCQL-B-odvJZW.js +8 -0
  140. package/client/dist/assets/oc-FR-POXYY2M6-COC8xNjo.js +8 -0
  141. package/client/dist/assets/ordinal-Cboi1Yqb.js +1 -0
  142. package/client/dist/assets/pa-IN-N4M65BXN-CE21PUQH.js +4 -0
  143. package/client/dist/assets/path-CbwjOpE9.js +1 -0
  144. package/client/dist/assets/pdf-TYrZqVzP.js +12 -0
  145. package/client/dist/assets/pdf.worker-BA9kU3Pw.mjs +61080 -0
  146. package/client/dist/assets/percentages-BXMCSKIN-C9GT0OD3.js +199 -0
  147. package/client/dist/assets/pica-VkdyTzi8.js +2 -0
  148. package/client/dist/assets/pieDiagram-8a3498a8-Cvfh7Qr5.js +35 -0
  149. package/client/dist/assets/pl-PL-T2D74RX3-D4xFVSoT.js +9 -0
  150. package/client/dist/assets/pt-BR-5N22H2LF-CCq257gA.js +9 -0
  151. package/client/dist/assets/pt-PT-UZXXM6DQ-1l8gt5vA.js +9 -0
  152. package/client/dist/assets/quadrantDiagram-120e2f19-BA0js1aD.js +7 -0
  153. package/client/dist/assets/requirementDiagram-deff3bca-B0QNFfIn.js +52 -0
  154. package/client/dist/assets/ro-RO-JPDTUUEW-yosBW01E.js +11 -0
  155. package/client/dist/assets/roundRect-mAH3dD0p.js +1 -0
  156. package/client/dist/assets/ru-RU-B4JR7IUQ-8LkEJUix.js +9 -0
  157. package/client/dist/assets/sankeyDiagram-04a897e0-D4T9eCXn.js +8 -0
  158. package/client/dist/assets/sequenceDiagram-704730f1-CfBUTCrO.js +122 -0
  159. package/client/dist/assets/si-LK-N5RQ5JYF-D8rjbqtd.js +1 -0
  160. package/client/dist/assets/sk-SK-C5VTKIMK-Bg14sAzN.js +6 -0
  161. package/client/dist/assets/sl-SI-NN7IZMDC-CMTib6Zs.js +6 -0
  162. package/client/dist/assets/stateDiagram-587899a1-BGgvmVSZ.js +1 -0
  163. package/client/dist/assets/stateDiagram-v2-d93cdb3a-Qn3DpYuO.js +1 -0
  164. package/client/dist/assets/styles-6aaf32cf-IdVZLPrD.js +207 -0
  165. package/client/dist/assets/styles-9a916d00-BAC3L45X.js +160 -0
  166. package/client/dist/assets/styles-c10674c1-COhXxX8c.js +116 -0
  167. package/client/dist/assets/subset-shared.chunk-BWHnFai4.js +22 -0
  168. package/client/dist/assets/subset-worker.chunk-C8QUSruZ.js +1 -0
  169. package/client/dist/assets/sv-SE-XGPEYMSR-C1425rOF.js +10 -0
  170. package/client/dist/assets/svgDrawCommon-08f97a94-Cfk-fgnN.js +1 -0
  171. package/client/dist/assets/ta-IN-2NMHFXQM-BHHo1zpF.js +9 -0
  172. package/client/dist/assets/th-TH-HPSO5L25-CZVzm_WT.js +2 -0
  173. package/client/dist/assets/timeline-definition-85554ec2-VAvuJith.js +61 -0
  174. package/client/dist/assets/tr-TR-DEFEU3FU-DE1lclCq.js +7 -0
  175. package/client/dist/assets/uk-UA-QMV73CPH-D4lJZ85O.js +6 -0
  176. package/client/dist/assets/vendor-codemirror-BARtJV1V.js +16 -0
  177. package/client/dist/assets/vendor-codemirror-langs-52_y1wip.js +20 -0
  178. package/client/dist/assets/vendor-i18n-ByAl-gdx.js +1 -0
  179. package/client/dist/assets/vendor-icons-D33IkSIf.js +1 -0
  180. package/client/dist/assets/vendor-markdown-CIVH08vJ.js +298 -0
  181. package/client/dist/assets/vendor-react-CHoMc7ka.js +8 -0
  182. package/client/dist/assets/vendor-syntax-Djb62v3a.js +9 -0
  183. package/client/dist/assets/vendor-xterm-DBb3RXlu.js +66 -0
  184. package/client/dist/assets/vendor-xterm-DrlLKa8f.css +1 -0
  185. package/client/dist/assets/vi-VN-M7AON7JQ-Dgc_SShk.js +5 -0
  186. package/client/dist/assets/xychartDiagram-e933f94c-BeyVBJhb.js +7 -0
  187. package/client/dist/assets/zh-CN-LNUGB5OW-MH4Yh8in.js +10 -0
  188. package/client/dist/assets/zh-HK-E62DVLB3-D4XHehjx.js +1 -0
  189. package/client/dist/assets/zh-TW-RAJ6MFWO--efj3evj.js +9 -0
  190. package/client/dist/clear-cache.html +85 -0
  191. package/client/dist/convert-icons.md +53 -0
  192. package/client/dist/favicon.png +0 -0
  193. package/client/dist/favicon.svg +9 -0
  194. package/client/dist/generate-icons.js +49 -0
  195. package/client/dist/icons/claude-ai-icon.svg +1 -0
  196. package/client/dist/icons/codex-white.svg +3 -0
  197. package/client/dist/icons/codex.svg +3 -0
  198. package/client/dist/icons/cursor-white.svg +12 -0
  199. package/client/dist/icons/cursor.svg +1 -0
  200. package/client/dist/icons/icon-128x128.png +0 -0
  201. package/client/dist/icons/icon-128x128.svg +12 -0
  202. package/client/dist/icons/icon-144x144.png +0 -0
  203. package/client/dist/icons/icon-144x144.svg +12 -0
  204. package/client/dist/icons/icon-152x152.png +0 -0
  205. package/client/dist/icons/icon-152x152.svg +12 -0
  206. package/client/dist/icons/icon-192x192.png +0 -0
  207. package/client/dist/icons/icon-192x192.svg +12 -0
  208. package/client/dist/icons/icon-384x384.png +0 -0
  209. package/client/dist/icons/icon-384x384.svg +12 -0
  210. package/client/dist/icons/icon-512x512.png +0 -0
  211. package/client/dist/icons/icon-512x512.svg +12 -0
  212. package/client/dist/icons/icon-72x72.png +0 -0
  213. package/client/dist/icons/icon-72x72.svg +12 -0
  214. package/client/dist/icons/icon-96x96.png +0 -0
  215. package/client/dist/icons/icon-96x96.svg +12 -0
  216. package/client/dist/icons/icon-template.svg +12 -0
  217. package/client/dist/index.html +128 -0
  218. package/client/dist/logo-128.png +0 -0
  219. package/client/dist/logo-256.png +0 -0
  220. package/client/dist/logo-32.png +0 -0
  221. package/client/dist/logo-512.png +0 -0
  222. package/client/dist/logo-64.png +0 -0
  223. package/client/dist/logo.svg +17 -0
  224. package/client/dist/manifest.json +61 -0
  225. package/client/dist/mcp-docs.html +119 -0
  226. package/client/dist/screenshots/cli-selection.png +0 -0
  227. package/client/dist/screenshots/desktop-main.png +0 -0
  228. package/client/dist/screenshots/mobile-chat.png +0 -0
  229. package/client/dist/screenshots/tools-modal.png +0 -0
  230. package/client/dist/sw.js +19 -0
  231. package/commands/upfynai-connect.md +46 -0
  232. package/commands/upfynai-disconnect.md +31 -0
  233. package/commands/upfynai-doctor.md +99 -0
  234. package/commands/upfynai-export.md +49 -0
  235. package/commands/upfynai-local.md +82 -0
  236. package/commands/upfynai-status.md +75 -0
  237. package/commands/upfynai-stop.md +49 -0
  238. package/commands/upfynai-uninstall.md +58 -0
  239. package/commands/upfynai.md +50 -0
  240. package/package.json +106 -47
  241. package/scripts/build-client.js +17 -0
  242. package/scripts/fix-node-pty.js +67 -0
  243. package/scripts/install-commands.js +78 -0
  244. package/server/claude-sdk.js +714 -0
  245. package/server/cli.js +419 -0
  246. package/server/constants/config.js +5 -0
  247. package/server/cursor-cli.js +270 -0
  248. package/server/database/auth.db +0 -0
  249. package/server/database/db.js +606 -0
  250. package/server/database/init.sql +70 -0
  251. package/server/index.js +2269 -0
  252. package/server/load-env.js +26 -0
  253. package/server/mcp-server.js +620 -0
  254. package/server/middleware/auth.js +158 -0
  255. package/server/openai-codex.js +403 -0
  256. package/server/projects.js +1849 -0
  257. package/server/relay-client.js +314 -0
  258. package/server/routes/agent.js +1231 -0
  259. package/server/routes/auth.js +220 -0
  260. package/server/routes/cli-auth.js +263 -0
  261. package/server/routes/codex.js +344 -0
  262. package/server/routes/commands.js +601 -0
  263. package/server/routes/cursor.js +808 -0
  264. package/server/routes/git.js +1165 -0
  265. package/server/routes/mcp-utils.js +48 -0
  266. package/server/routes/mcp.js +552 -0
  267. package/server/routes/payments.js +172 -0
  268. package/server/routes/projects.js +549 -0
  269. package/server/routes/settings.js +178 -0
  270. package/server/routes/taskmaster.js +1964 -0
  271. package/server/routes/user.js +106 -0
  272. package/server/utils/commandParser.js +303 -0
  273. package/server/utils/gitConfig.js +24 -0
  274. package/server/utils/mcp-detector.js +198 -0
  275. package/server/utils/taskmaster-websocket.js +129 -0
  276. package/shared/modelConstants.js +67 -0
  277. package/LICENSE +0 -22
  278. package/bin/cli.js +0 -86
  279. package/dist/assets/CanvasPanel-B48gAKVY.js +0 -538
  280. package/dist/assets/CanvasPanel-B48gAKVY.js.map +0 -1
  281. package/dist/assets/CanvasPanel-BsOG3EVs.css +0 -1
  282. package/dist/assets/index-CEhTwG68.css +0 -1
  283. package/dist/assets/index-GqAGWpJI.js +0 -70
  284. package/dist/assets/index-GqAGWpJI.js.map +0 -1
  285. package/dist/index.html +0 -18
  286. package/index.html +0 -17
  287. package/src/App.tsx +0 -226
  288. package/src/components/canvas/CanvasPanel.tsx +0 -62
  289. package/src/components/canvas/layout/graph-builder.ts +0 -136
  290. package/src/components/canvas/shapes/CompactionNodeShape.tsx +0 -76
  291. package/src/components/canvas/shapes/SessionNodeShape.tsx +0 -93
  292. package/src/components/canvas/shapes/StatuslineWidgetShape.tsx +0 -125
  293. package/src/components/canvas/shapes/TextResponseNodeShape.tsx +0 -86
  294. package/src/components/canvas/shapes/ToolCallNodeShape.tsx +0 -107
  295. package/src/components/canvas/shapes/ToolResultNodeShape.tsx +0 -87
  296. package/src/components/canvas/shapes/shared-styles.ts +0 -35
  297. package/src/components/chat/ChatPanel.tsx +0 -96
  298. package/src/components/chat/InputBar.tsx +0 -81
  299. package/src/components/chat/MessageList.tsx +0 -130
  300. package/src/components/chat/PermissionDialog.tsx +0 -70
  301. package/src/components/layout/FolderSelector.tsx +0 -152
  302. package/src/components/layout/ModelSelector.tsx +0 -65
  303. package/src/components/layout/SessionManager.tsx +0 -115
  304. package/src/components/statusline/StatuslineBar.tsx +0 -114
  305. package/src/main.tsx +0 -10
  306. package/src/server/claude-session.ts +0 -156
  307. package/src/server/index.ts +0 -149
  308. package/src/services/stream-consumer.ts +0 -330
  309. package/src/statusline-core/bin/statusline.sh +0 -121
  310. package/src/statusline-core/commands/sls-config.md +0 -42
  311. package/src/statusline-core/commands/sls-doctor.md +0 -35
  312. package/src/statusline-core/commands/sls-help.md +0 -48
  313. package/src/statusline-core/commands/sls-layout.md +0 -38
  314. package/src/statusline-core/commands/sls-preview.md +0 -34
  315. package/src/statusline-core/commands/sls-theme.md +0 -40
  316. package/src/statusline-core/installer.js +0 -228
  317. package/src/statusline-core/layouts/compact.sh +0 -21
  318. package/src/statusline-core/layouts/full.sh +0 -62
  319. package/src/statusline-core/layouts/standard.sh +0 -39
  320. package/src/statusline-core/lib/core.sh +0 -389
  321. package/src/statusline-core/lib/helpers.sh +0 -81
  322. package/src/statusline-core/lib/json-parser.sh +0 -71
  323. package/src/statusline-core/themes/catppuccin.sh +0 -32
  324. package/src/statusline-core/themes/default.sh +0 -37
  325. package/src/statusline-core/themes/gruvbox.sh +0 -32
  326. package/src/statusline-core/themes/nord.sh +0 -32
  327. package/src/statusline-core/themes/tokyo-night.sh +0 -32
  328. package/src/store/canvas-store.ts +0 -50
  329. package/src/store/chat-store.ts +0 -60
  330. package/src/store/permission-store.ts +0 -29
  331. package/src/store/session-store.ts +0 -52
  332. package/src/store/statusline-store.ts +0 -160
  333. package/src/styles/global.css +0 -117
  334. package/src/themes/index.ts +0 -149
  335. package/src/types/canvas-graph.ts +0 -24
  336. package/src/types/sdk-messages.ts +0 -156
  337. package/src/types/statusline-fields.ts +0 -67
  338. package/src/vite-env.d.ts +0 -1
  339. package/tsconfig.json +0 -26
  340. package/vite.config.ts +0 -24
package/dist/index.html DELETED
@@ -1,18 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>UC UpfynAI-Code — Visual AI Coding Interface</title>
7
- <style>
8
- * { margin: 0; padding: 0; box-sizing: border-box; }
9
- body { background: #0a0a0f; color: #e4e4e7; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
10
- #root { width: 100vw; height: 100vh; overflow: hidden; }
11
- </style>
12
- <script type="module" crossorigin src="/assets/index-GqAGWpJI.js"></script>
13
- <link rel="stylesheet" crossorigin href="/assets/index-CEhTwG68.css">
14
- </head>
15
- <body>
16
- <div id="root"></div>
17
- </body>
18
- </html>
package/index.html DELETED
@@ -1,17 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>UC UpfynAI-Code — Visual AI Coding Interface</title>
7
- <style>
8
- * { margin: 0; padding: 0; box-sizing: border-box; }
9
- body { background: #0a0a0f; color: #e4e4e7; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
10
- #root { width: 100vw; height: 100vh; overflow: hidden; }
11
- </style>
12
- </head>
13
- <body>
14
- <div id="root"></div>
15
- <script type="module" src="/src/main.tsx"></script>
16
- </body>
17
- </html>
package/src/App.tsx DELETED
@@ -1,226 +0,0 @@
1
- import { useEffect, useState, useCallback } from 'react';
2
- import { lazy, Suspense } from 'react';
3
- import { ChatPanel } from './components/chat/ChatPanel';
4
- import { StatuslineBar } from './components/statusline/StatuslineBar';
5
- import { FolderSelector } from './components/layout/FolderSelector';
6
- import { ModelSelector } from './components/layout/ModelSelector';
7
- import { SessionManager } from './components/layout/SessionManager';
8
- import { useThemeStore } from './themes';
9
- import { useSessionStore } from './store/session-store';
10
- import { useStatuslineStore } from './store/statusline-store';
11
- import { connectSSE, sendPrompt } from './services/stream-consumer';
12
-
13
- const CanvasPanel = lazy(() => import('./components/canvas/CanvasPanel').then(m => ({ default: m.CanvasPanel })));
14
-
15
- export function App() {
16
- const theme = useThemeStore((s) => s.activeTheme);
17
- const cwd = useSessionStore((s) => s.cwd);
18
- const isConnected = useSessionStore((s) => s.isConnected);
19
- const model = useStatuslineStore((s) => s.model);
20
-
21
- const [folderOpen, setFolderOpen] = useState(false);
22
- const [modelOpen, setModelOpen] = useState(false);
23
- const [sessionOpen, setSessionOpen] = useState(false);
24
- const [canvasVisible, setCanvasVisible] = useState(true);
25
-
26
- useEffect(() => {
27
- const sse = connectSSE();
28
- return () => sse.close();
29
- }, []);
30
-
31
- // Keyboard shortcuts
32
- useEffect(() => {
33
- function handleKey(e: KeyboardEvent) {
34
- if (e.ctrlKey && e.key === 'o') { e.preventDefault(); setFolderOpen(true); }
35
- if (e.ctrlKey && e.key === 'i') { e.preventDefault(); setSessionOpen(true); }
36
- if (e.ctrlKey && e.key === 'b') { e.preventDefault(); setCanvasVisible((v) => !v); }
37
- if (e.key === 'Escape') { setFolderOpen(false); setModelOpen(false); setSessionOpen(false); }
38
- }
39
- window.addEventListener('keydown', handleKey);
40
- return () => window.removeEventListener('keydown', handleKey);
41
- }, []);
42
-
43
- const handleFolderSelect = useCallback((path: string) => {
44
- useSessionStore.getState().setCwd(path);
45
- }, []);
46
-
47
- const handleModelSelect = useCallback((modelId: string) => {
48
- useSessionStore.getState().setModel(modelId);
49
- }, []);
50
-
51
- const handleResume = useCallback((sessionId: string) => {
52
- sendPrompt(`/resume ${sessionId}`);
53
- }, []);
54
-
55
- // Apply theme as CSS variables
56
- const themeVars = {
57
- '--color-bg': theme.colors.bg,
58
- '--color-surface': theme.colors.bgSurface,
59
- '--color-panel': theme.colors.bgPanel,
60
- '--color-hover': theme.colors.bgHover,
61
- '--color-text': theme.colors.text,
62
- '--color-text-muted': theme.colors.textMuted,
63
- '--color-text-dim': theme.colors.textDim,
64
- '--color-border': theme.colors.border,
65
- '--color-accent': theme.colors.accent,
66
- '--color-error': theme.colors.error,
67
- '--color-success': theme.colors.success,
68
- '--color-warning': theme.colors.warning,
69
- '--color-skill': theme.colors.skill,
70
- '--color-model': theme.colors.model,
71
- '--color-dir': theme.colors.dir,
72
- '--color-github': theme.colors.github,
73
- '--color-tokens': theme.colors.tokens,
74
- '--color-cost': theme.colors.cost,
75
- '--color-ctx-low': theme.colors.ctxLow,
76
- '--color-ctx-med': theme.colors.ctxMed,
77
- '--color-ctx-high': theme.colors.ctxHigh,
78
- '--color-ctx-crit': theme.colors.ctxCrit,
79
- '--color-bar-empty': theme.colors.barEmpty,
80
- '--color-bar-filled': theme.colors.barFilled,
81
- '--color-separator': theme.colors.separator,
82
- } as React.CSSProperties;
83
-
84
- return (
85
- <div className="app-root" style={{ ...themeVars, background: theme.colors.bg, color: theme.colors.text, width: '100%', height: '100%', display: 'flex', flexDirection: 'column' }}>
86
- {/* Header */}
87
- <header style={{
88
- display: 'flex', alignItems: 'center', justifyContent: 'space-between',
89
- padding: '8px 16px', borderBottom: `1px solid ${theme.colors.border}`,
90
- background: theme.colors.bgSurface, flexShrink: 0,
91
- }}>
92
- <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
93
- <span style={{
94
- color: theme.colors.bg, fontWeight: 800, fontSize: 12,
95
- background: theme.colors.skill, borderRadius: 3, padding: '2px 6px',
96
- letterSpacing: 1,
97
- }}>UC</span>
98
- <span style={{ color: theme.colors.skill, fontWeight: 700, fontSize: 18, marginLeft: 6 }}>UpfynAI</span>
99
- <span style={{ color: theme.colors.accent, fontWeight: 700, fontSize: 18 }}>-Code</span>
100
- <span style={{ color: theme.colors.textDim, fontSize: 11, marginLeft: 8 }}>by Thinqmesh Technologies</span>
101
- </div>
102
- <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
103
- {/* Folder selector */}
104
- <ToolbarButton theme={theme} onClick={() => setFolderOpen(true)} title="Open Project (Ctrl+O)">
105
- <span style={{ fontSize: 14 }}>📂</span>
106
- <span style={{ maxWidth: 120, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
107
- {cwd ? cwd.split(/[/\\]/).pop() : 'Open'}
108
- </span>
109
- </ToolbarButton>
110
-
111
- {/* Model selector */}
112
- <div style={{ position: 'relative' }}>
113
- <ToolbarButton theme={theme} onClick={() => setModelOpen(!modelOpen)} title="Select Model">
114
- <span style={{ width: 6, height: 6, borderRadius: '50%', background: theme.colors.model, flexShrink: 0 }} />
115
- <span>{model || 'Model'}</span>
116
- </ToolbarButton>
117
- <ModelSelector isOpen={modelOpen} onClose={() => setModelOpen(false)} onSelect={handleModelSelect} />
118
- </div>
119
-
120
- {/* Session info */}
121
- <ToolbarButton theme={theme} onClick={() => setSessionOpen(true)} title="Session Info (Ctrl+I)">
122
- <ConnectionDot connected={isConnected} />
123
- <span>Session</span>
124
- </ToolbarButton>
125
-
126
- {/* Toggle canvas */}
127
- <ToolbarButton theme={theme} onClick={() => setCanvasVisible(!canvasVisible)} title="Toggle Canvas (Ctrl+B)">
128
- <span style={{ fontSize: 13 }}>{canvasVisible ? '◧' : '▣'}</span>
129
- </ToolbarButton>
130
-
131
- {/* Theme picker */}
132
- <ThemePicker />
133
- </div>
134
- </header>
135
-
136
- {/* Main content */}
137
- <div style={{ flex: 1, display: 'flex', overflow: 'hidden' }}>
138
- <ChatPanel />
139
- {/* Canvas panel — tldraw agent workflow visualization */}
140
- {canvasVisible && (
141
- <div style={{
142
- width: '40%', borderLeft: `1px solid ${theme.colors.border}`,
143
- minWidth: 300, position: 'relative',
144
- }}>
145
- <Suspense fallback={
146
- <div style={{
147
- width: '100%', height: '100%', display: 'flex',
148
- alignItems: 'center', justifyContent: 'center',
149
- background: theme.colors.bgPanel, color: theme.colors.textDim,
150
- }}>
151
- Loading canvas...
152
- </div>
153
- }>
154
- <CanvasPanel />
155
- </Suspense>
156
- </div>
157
- )}
158
- </div>
159
-
160
- {/* StatuslineBar — CORE COMPONENT: Always rendered, cannot be toggled or hidden */}
161
- <StatuslineBar />
162
-
163
- {/* Modals */}
164
- <FolderSelector
165
- currentCwd={cwd}
166
- onSelect={handleFolderSelect}
167
- isOpen={folderOpen}
168
- onClose={() => setFolderOpen(false)}
169
- />
170
- <SessionManager
171
- isOpen={sessionOpen}
172
- onClose={() => setSessionOpen(false)}
173
- onResume={handleResume}
174
- />
175
- </div>
176
- );
177
- }
178
-
179
- function ToolbarButton({ theme, onClick, title, children }: {
180
- theme: any; onClick: () => void; title: string; children: React.ReactNode;
181
- }) {
182
- return (
183
- <button onClick={onClick} title={title} style={{
184
- display: 'flex', alignItems: 'center', gap: 6,
185
- background: theme.colors.bgPanel, color: theme.colors.text,
186
- border: `1px solid ${theme.colors.border}`, borderRadius: 6,
187
- padding: '5px 10px', fontSize: 12, cursor: 'pointer',
188
- whiteSpace: 'nowrap',
189
- }}>
190
- {children}
191
- </button>
192
- );
193
- }
194
-
195
- function ConnectionDot({ connected }: { connected: boolean }) {
196
- return (
197
- <span style={{
198
- width: 7, height: 7, borderRadius: '50%',
199
- background: connected ? '#22c55e' : '#ef4444',
200
- flexShrink: 0, boxShadow: connected ? '0 0 4px #22c55e' : 'none',
201
- }} />
202
- );
203
- }
204
-
205
- function ThemePicker() {
206
- const { activeTheme, setTheme } = useThemeStore();
207
- const themes = ['default', 'nord', 'tokyo-night', 'catppuccin', 'gruvbox'];
208
-
209
- return (
210
- <select
211
- value={activeTheme.id}
212
- onChange={(e) => setTheme(e.target.value)}
213
- style={{
214
- background: activeTheme.colors.bgPanel,
215
- color: activeTheme.colors.text,
216
- border: `1px solid ${activeTheme.colors.border}`,
217
- borderRadius: 4, padding: '4px 8px', fontSize: 12,
218
- cursor: 'pointer', outline: 'none',
219
- }}
220
- >
221
- {themes.map((t) => (
222
- <option key={t} value={t}>{t.charAt(0).toUpperCase() + t.slice(1).replace('-', ' ')}</option>
223
- ))}
224
- </select>
225
- );
226
- }
package/src/components/canvas/CanvasPanel.tsx DELETED
@@ -1,62 +0,0 @@
1
- import { useEffect, useCallback, useRef } from 'react';
2
- import { Tldraw, type Editor } from '@tldraw/tldraw';
3
- import '@tldraw/tldraw/tldraw.css';
4
- import { SessionNodeShapeUtil } from './shapes/SessionNodeShape';
5
- import { ToolCallNodeShapeUtil } from './shapes/ToolCallNodeShape';
6
- import { ToolResultNodeShapeUtil } from './shapes/ToolResultNodeShape';
7
- import { TextResponseNodeShapeUtil } from './shapes/TextResponseNodeShape';
8
- import { CompactionNodeShapeUtil } from './shapes/CompactionNodeShape';
9
- import { StatuslineWidgetShapeUtil } from './shapes/StatuslineWidgetShape';
10
- import { syncCanvasToEditor } from './layout/graph-builder';
11
- import { useCanvasStore } from '../../store/canvas-store';
12
- import { useStatuslineStore } from '../../store/statusline-store';
13
-
14
- // Register custom shapes alongside tldraw's built-in shapes
15
- const customShapeUtils = [
16
- SessionNodeShapeUtil,
17
- ToolCallNodeShapeUtil,
18
- ToolResultNodeShapeUtil,
19
- TextResponseNodeShapeUtil,
20
- CompactionNodeShapeUtil,
21
- StatuslineWidgetShapeUtil,
22
- ] as any[];
23
-
24
- export function CanvasPanel() {
25
- const editorRef = useRef<Editor | null>(null);
26
- const nodes = useCanvasStore((s) => s.nodes);
27
- const contextPct = useStatuslineStore((s) => s.contextPct);
28
- const cost = useStatuslineStore((s) => s.costFormatted);
29
- const skill = useStatuslineStore((s) => s.skill);
30
-
31
- const handleMount = useCallback((editor: Editor) => {
32
- editorRef.current = editor;
33
- // Set dark mode via official API
34
- editor.user.updateUserPreferences({ colorScheme: 'dark' });
35
- // Initial sync of agent workflow nodes
36
- syncCanvasToEditor(editor);
37
- }, []);
38
-
39
- // Sync custom agent nodes on state changes
40
- useEffect(() => {
41
- if (editorRef.current) {
42
- syncCanvasToEditor(editorRef.current);
43
- }
44
- }, [nodes, contextPct, cost, skill]);
45
-
46
- return (
47
- <div style={{ width: '100%', height: '100%' }}>
48
- {/*
49
- Official tldraw component — all core features preserved:
50
- - Full toolbar (draw, select, eraser, arrow, text, shapes, etc.)
51
- - Zoom controls, minimap, page management
52
- - Undo/redo, keyboard shortcuts
53
- - Export, copy/paste, multi-select
54
- - Custom shapes are ADDED alongside built-in shapes
55
- */}
56
- <Tldraw
57
- shapeUtils={customShapeUtils}
58
- onMount={handleMount}
59
- />
60
- </div>
61
- );
62
- }
package/src/components/canvas/layout/graph-builder.ts DELETED
@@ -1,136 +0,0 @@
1
- import type { Editor } from '@tldraw/tldraw';
2
- import { useCanvasStore } from '../../../store/canvas-store';
3
- import { useStatuslineStore, fmtTok } from '../../../store/statusline-store';
4
- import type { CanvasNode } from '../../../types/canvas-graph';
5
-
6
- const COLUMN_X = 120;
7
- const START_Y = 120;
8
- const SPACING_Y = 100;
9
- const WIDGET_X = 500;
10
- const WIDGET_Y = 60;
11
-
12
- let shapeCount = 0;
13
-
14
- export function syncCanvasToEditor(editor: Editor) {
15
- const { nodes } = useCanvasStore.getState();
16
- const sl = useStatuslineStore.getState();
17
-
18
- // Collect existing shape IDs
19
- const existingIds = new Set(
20
- editor.getCurrentPageShapeIds()
21
- );
22
-
23
- // Add new nodes as shapes
24
- for (let i = 0; i < nodes.length; i++) {
25
- const node = nodes[i];
26
- const shapeId = `shape:${node.id}` as any;
27
-
28
- if (existingIds.has(shapeId)) continue;
29
-
30
- const y = START_Y + i * SPACING_Y;
31
-
32
- switch (node.type) {
33
- case 'session':
34
- editor.createShape({
35
- id: shapeId,
36
- type: 'sessionNode' as any,
37
- x: COLUMN_X,
38
- y,
39
- props: {
40
- model: (node.data as any).model || 'unknown',
41
- cwd: (node.data as any).cwd || '',
42
- sessionId: (node.data as any).session_id || '',
43
- toolCount: (node.data as any).tools?.length || 0,
44
- },
45
- } as any);
46
- break;
47
-
48
- case 'toolCall':
49
- editor.createShape({
50
- id: shapeId,
51
- type: 'toolCallNode' as any,
52
- x: COLUMN_X,
53
- y,
54
- props: {
55
- toolName: (node.data as any).name || '',
56
- toolInput: JSON.stringify((node.data as any).input || {}).slice(0, 200),
57
- status: 'complete',
58
- },
59
- } as any);
60
- break;
61
-
62
- case 'toolResult':
63
- editor.createShape({
64
- id: shapeId,
65
- type: 'toolResultNode' as any,
66
- x: COLUMN_X + 20,
67
- y,
68
- props: {
69
- toolName: (node.data as any).toolName || '',
70
- outputSummary: String((node.data as any).content || '').slice(0, 200),
71
- isError: !!(node.data as any).is_error,
72
- },
73
- } as any);
74
- break;
75
-
76
- case 'textResponse':
77
- editor.createShape({
78
- id: shapeId,
79
- type: 'textResponseNode' as any,
80
- x: COLUMN_X,
81
- y,
82
- props: {
83
- text: (node.data as any).text || '',
84
- },
85
- } as any);
86
- break;
87
-
88
- case 'compaction':
89
- editor.createShape({
90
- id: shapeId,
91
- type: 'compactionNode' as any,
92
- x: COLUMN_X,
93
- y,
94
- props: {
95
- preTokens: (node.data as any).pre_tokens || 0,
96
- trigger: (node.data as any).trigger || 'auto',
97
- },
98
- } as any);
99
- break;
100
- }
101
- }
102
-
103
- // Update or create statusline widget
104
- updateStatuslineWidget(editor, sl);
105
- }
106
-
107
- function updateStatuslineWidget(editor: Editor, sl: ReturnType<typeof useStatuslineStore.getState>) {
108
- const widgetId = 'shape:statusline-widget' as any;
109
-
110
- const props = {
111
- model: sl.model,
112
- cost: sl.costFormatted,
113
- tokensIn: fmtTok(sl.tokensCumIn),
114
- tokensOut: fmtTok(sl.tokensCumOut),
115
- contextPct: sl.contextPct,
116
- skill: sl.skill,
117
- turns: sl.numTurns,
118
- };
119
-
120
- const existing = editor.getShape(widgetId);
121
- if (existing) {
122
- editor.updateShape({
123
- id: widgetId,
124
- type: 'statuslineWidget' as any,
125
- props,
126
- } as any);
127
- } else {
128
- editor.createShape({
129
- id: widgetId,
130
- type: 'statuslineWidget' as any,
131
- x: WIDGET_X,
132
- y: WIDGET_Y,
133
- props,
134
- } as any);
135
- }
136
- }
package/src/components/canvas/shapes/CompactionNodeShape.tsx DELETED
@@ -1,76 +0,0 @@
1
- import {
2
- BaseBoxShapeUtil,
3
- HTMLContainer,
4
- type TLBaseShape,
5
- } from '@tldraw/tldraw';
6
- import { SHAPE_DEFAULTS, NODE_COLORS } from './shared-styles';
7
-
8
- export type CompactionNodeShape = TLBaseShape<
9
- 'compactionNode',
10
- {
11
- w: number;
12
- h: number;
13
- preTokens: number;
14
- trigger: string;
15
- }
16
- >;
17
-
18
- // @ts-expect-error — custom shape type not in tldraw's built-in TLShape union
19
- export class CompactionNodeShapeUtil extends BaseBoxShapeUtil<CompactionNodeShape> {
20
- static type = 'compactionNode' as const;
21
-
22
- getDefaultProps(): CompactionNodeShape['props'] {
23
- return {
24
- w: 260,
25
- h: 48,
26
- preTokens: 0,
27
- trigger: 'auto',
28
- };
29
- }
30
-
31
- component(shape: CompactionNodeShape) {
32
- const color = NODE_COLORS.compaction;
33
- const tokensK = Math.round(shape.props.preTokens / 1000);
34
-
35
- return (
36
- <HTMLContainer>
37
- <div
38
- style={{
39
- width: shape.props.w,
40
- height: shape.props.h,
41
- background: `${color}15`,
42
- border: `1.5px dashed ${color}60`,
43
- borderRadius: SHAPE_DEFAULTS.borderRadius,
44
- padding: '8px 12px',
45
- fontFamily: 'Inter, system-ui, sans-serif',
46
- display: 'flex',
47
- alignItems: 'center',
48
- gap: 8,
49
- pointerEvents: 'all',
50
- }}
51
- >
52
- <span style={{ fontSize: 14 }}>⚠️</span>
53
- <div>
54
- <div style={{ color, fontSize: 11, fontWeight: 700 }}>
55
- CONTEXT COMPACTED
56
- </div>
57
- <div style={{ color: '#787882', fontSize: 10 }}>
58
- Was {tokensK}k tokens — {shape.props.trigger}
59
- </div>
60
- </div>
61
- </div>
62
- </HTMLContainer>
63
- );
64
- }
65
-
66
- indicator(shape: CompactionNodeShape) {
67
- return (
68
- <rect
69
- width={shape.props.w}
70
- height={shape.props.h}
71
- rx={SHAPE_DEFAULTS.borderRadius}
72
- ry={SHAPE_DEFAULTS.borderRadius}
73
- />
74
- );
75
- }
76
- }
package/src/components/canvas/shapes/SessionNodeShape.tsx DELETED
@@ -1,93 +0,0 @@
1
- import {
2
- BaseBoxShapeUtil,
3
- HTMLContainer,
4
- type TLBaseShape,
5
- } from '@tldraw/tldraw';
6
- import { SHAPE_DEFAULTS, NODE_COLORS } from './shared-styles';
7
-
8
- export type SessionNodeShape = TLBaseShape<
9
- 'sessionNode',
10
- {
11
- w: number;
12
- h: number;
13
- model: string;
14
- cwd: string;
15
- sessionId: string;
16
- toolCount: number;
17
- }
18
- >;
19
-
20
- // @ts-expect-error — custom shape type not in tldraw's built-in TLShape union
21
- export class SessionNodeShapeUtil extends BaseBoxShapeUtil<SessionNodeShape> {
22
- static type = 'sessionNode' as const;
23
-
24
- getDefaultProps(): SessionNodeShape['props'] {
25
- return {
26
- w: 280,
27
- h: 84,
28
- model: 'unknown',
29
- cwd: '',
30
- sessionId: '',
31
- toolCount: 0,
32
- };
33
- }
34
-
35
- component(shape: SessionNodeShape) {
36
- const color = NODE_COLORS.session;
37
- return (
38
- <HTMLContainer>
39
- <div
40
- style={{
41
- width: shape.props.w,
42
- height: shape.props.h,
43
- background: '#1a1a2e',
44
- border: `2px solid ${color}`,
45
- borderRadius: SHAPE_DEFAULTS.borderRadius,
46
- padding: SHAPE_DEFAULTS.padding,
47
- fontFamily: 'Inter, system-ui, sans-serif',
48
- display: 'flex',
49
- flexDirection: 'column',
50
- gap: 4,
51
- pointerEvents: 'all',
52
- }}
53
- >
54
- <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
55
- <span
56
- style={{
57
- background: color,
58
- color: '#0a0a0f',
59
- fontSize: 9,
60
- fontWeight: 800,
61
- padding: '2px 6px',
62
- borderRadius: 3,
63
- letterSpacing: 1,
64
- }}
65
- >
66
- SESSION
67
- </span>
68
- <span style={{ color, fontSize: 13, fontWeight: 700 }}>
69
- {shape.props.model}
70
- </span>
71
- </div>
72
- <div style={{ color: '#787882', fontSize: 11, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
73
- {shape.props.cwd}
74
- </div>
75
- <div style={{ color: '#505058', fontSize: 10 }}>
76
- {shape.props.toolCount} tools available
77
- </div>
78
- </div>
79
- </HTMLContainer>
80
- );
81
- }
82
-
83
- indicator(shape: SessionNodeShape) {
84
- return (
85
- <rect
86
- width={shape.props.w}
87
- height={shape.props.h}
88
- rx={SHAPE_DEFAULTS.borderRadius}
89
- ry={SHAPE_DEFAULTS.borderRadius}
90
- />
91
- );
92
- }
93
- }