orcheo-studio 0.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (329) hide show
  1. package/.bumpversion.cfg +14 -0
  2. package/.eslintrc +1 -0
  3. package/CHANGELOG.md +32 -0
  4. package/README.md +60 -0
  5. package/bin/orcheo-studio.js +39 -0
  6. package/components.json +21 -0
  7. package/dist/assets/arc-BbeTokFd.js +1 -0
  8. package/dist/assets/architectureDiagram-VXUJARFQ-CN00R9LC.js +36 -0
  9. package/dist/assets/avatar-01-CIAd4XAq.svg +1 -0
  10. package/dist/assets/avatar-02-BkgLJWQZ.svg +1 -0
  11. package/dist/assets/avatar-03-DVVcnD3b.svg +1 -0
  12. package/dist/assets/avatar-04-ydqFTDdh.svg +1 -0
  13. package/dist/assets/avatar-05-CSIhgJow.svg +1 -0
  14. package/dist/assets/avatar-06-B-h1Nz9Y.svg +1 -0
  15. package/dist/assets/avatar-07-BgkDZuBW.svg +1 -0
  16. package/dist/assets/avatar-08-C5KZjVH6.svg +1 -0
  17. package/dist/assets/avatar-09-2EGeSlPh.svg +1 -0
  18. package/dist/assets/avatar-10-DRf4ZGD2.svg +1 -0
  19. package/dist/assets/avatar-11-CEzBCpib.svg +1 -0
  20. package/dist/assets/avatar-12-COVngNEy.svg +1 -0
  21. package/dist/assets/avatar-13-D1i1tZVO.svg +1 -0
  22. package/dist/assets/avatar-14-B68CNAEs.svg +1 -0
  23. package/dist/assets/avatar-15-B9NsRNUX.svg +1 -0
  24. package/dist/assets/avatar-16-DQ_JJRGR.svg +1 -0
  25. package/dist/assets/avatar-17-DfDJkGv5.svg +1 -0
  26. package/dist/assets/avatar-18-BuxiqOaJ.svg +1 -0
  27. package/dist/assets/avatar-19-C2mJfrwW.svg +1 -0
  28. package/dist/assets/avatar-20-DPE_yE1a.svg +1 -0
  29. package/dist/assets/avatar-21-DbB0Lj6t.svg +1 -0
  30. package/dist/assets/blockDiagram-VD42YOAC-BPpieIRz.js +122 -0
  31. package/dist/assets/c4Diagram-YG6GDRKO-DAhuY1fj.js +10 -0
  32. package/dist/assets/channel-DtVQHWfl.js +1 -0
  33. package/dist/assets/chunk-4BX2VUAB-7RJQCroR.js +1 -0
  34. package/dist/assets/chunk-55IACEB6-CEN5yOA_.js +1 -0
  35. package/dist/assets/chunk-B4BG7PRW-vdlAz_3Q.js +165 -0
  36. package/dist/assets/chunk-DI55MBZ5-BTmKjGVg.js +220 -0
  37. package/dist/assets/chunk-FMBD7UC4-CwWvFfrg.js +15 -0
  38. package/dist/assets/chunk-QN33PNHL-XH90lUUN.js +1 -0
  39. package/dist/assets/chunk-QZHKN3VN-DMoMVES0.js +1 -0
  40. package/dist/assets/chunk-TZMSLE5B-Bx2XTXDY.js +1 -0
  41. package/dist/assets/classDiagram-2ON5EDUG-pw6P8q-u.js +1 -0
  42. package/dist/assets/classDiagram-v2-WZHVMYZB-pw6P8q-u.js +1 -0
  43. package/dist/assets/clone-DJq6GzHg.js +1 -0
  44. package/dist/assets/cose-bilkent-S5V4N54A-DS1MNwZB.js +1 -0
  45. package/dist/assets/cytoscape.esm-BQaXIfA_.js +331 -0
  46. package/dist/assets/dagre-6UL2VRFP-DdklXSXB.js +4 -0
  47. package/dist/assets/defaultLocale-C4B-KCzX.js +1 -0
  48. package/dist/assets/diagram-PSM6KHXK-BKBo8pqg.js +24 -0
  49. package/dist/assets/diagram-QEK2KX5R-DaavZhFO.js +43 -0
  50. package/dist/assets/diagram-S2PKOQOG-DkTwknYd.js +24 -0
  51. package/dist/assets/erDiagram-Q2GNP2WA-ClR5qEsI.js +60 -0
  52. package/dist/assets/flowDiagram-NV44I4VS-Cxt_sJHB.js +162 -0
  53. package/dist/assets/ganttDiagram-JELNMOA3-CIbs3JPJ.js +267 -0
  54. package/dist/assets/gitGraphDiagram-V2S2FVAM-DmqLh_uo.js +65 -0
  55. package/dist/assets/graph-zo28rS-a.js +1 -0
  56. package/dist/assets/index-B0_h2wCA.css +1 -0
  57. package/dist/assets/index-Be29_rJf.js +775 -0
  58. package/dist/assets/infoDiagram-HS3SLOUP-D9_rMkAf.js +2 -0
  59. package/dist/assets/init-Gi6I4Gst.js +1 -0
  60. package/dist/assets/isUndefined-C59bc74c.js +1 -0
  61. package/dist/assets/journeyDiagram-XKPGCS4Q-4ZuggLXE.js +139 -0
  62. package/dist/assets/kanban-definition-3W4ZIXB7-BQDNrhHL.js +89 -0
  63. package/dist/assets/katex-CBSAILhF.js +261 -0
  64. package/dist/assets/layout-CXbNm-Yo.js +1 -0
  65. package/dist/assets/linear-DQWATg1F.js +1 -0
  66. package/dist/assets/min-DJjRzMm8.js +1 -0
  67. package/dist/assets/mindmap-definition-VGOIOE7T-DiZQmsHT.js +68 -0
  68. package/dist/assets/ordinal-Cboi1Yqb.js +1 -0
  69. package/dist/assets/pieDiagram-ADFJNKIX-Bkju7jCD.js +30 -0
  70. package/dist/assets/quadrantDiagram-AYHSOK5B-CIB47UvU.js +7 -0
  71. package/dist/assets/requirementDiagram-UZGBJVZJ-BSB3uACk.js +64 -0
  72. package/dist/assets/sankeyDiagram-TZEHDZUN-rB8wD2kd.js +10 -0
  73. package/dist/assets/sequenceDiagram-WL72ISMW-Cd9s3Q_1.js +145 -0
  74. package/dist/assets/stateDiagram-FKZM4ZOC-zAxtjcM9.js +1 -0
  75. package/dist/assets/stateDiagram-v2-4FDKWEC3-C4DctH65.js +1 -0
  76. package/dist/assets/timeline-definition-IT6M3QCI-Et89F1F3.js +61 -0
  77. package/dist/assets/treemap-GDKQZRPO-6mZVX2Gv.js +162 -0
  78. package/dist/assets/xychartDiagram-PRI3JC2R-CgyY8dNz.js +7 -0
  79. package/dist/favicon.ico +0 -0
  80. package/dist/index.html +19 -0
  81. package/dist/robots.txt +2 -0
  82. package/eslint.config.js +49 -0
  83. package/index.html +18 -0
  84. package/package.json +183 -0
  85. package/postcss.config.js +6 -0
  86. package/public/favicon.ico +0 -0
  87. package/public/robots.txt +2 -0
  88. package/src/App.tsx +115 -0
  89. package/src/assets/avatars/avatar-01.svg +1 -0
  90. package/src/assets/avatars/avatar-02.svg +1 -0
  91. package/src/assets/avatars/avatar-03.svg +1 -0
  92. package/src/assets/avatars/avatar-04.svg +1 -0
  93. package/src/assets/avatars/avatar-05.svg +1 -0
  94. package/src/assets/avatars/avatar-06.svg +1 -0
  95. package/src/assets/avatars/avatar-07.svg +1 -0
  96. package/src/assets/avatars/avatar-08.svg +1 -0
  97. package/src/assets/avatars/avatar-09.svg +1 -0
  98. package/src/assets/avatars/avatar-10.svg +1 -0
  99. package/src/assets/avatars/avatar-11.svg +1 -0
  100. package/src/assets/avatars/avatar-12.svg +1 -0
  101. package/src/assets/avatars/avatar-13.svg +1 -0
  102. package/src/assets/avatars/avatar-14.svg +1 -0
  103. package/src/assets/avatars/avatar-15.svg +1 -0
  104. package/src/assets/avatars/avatar-16.svg +1 -0
  105. package/src/assets/avatars/avatar-17.svg +1 -0
  106. package/src/assets/avatars/avatar-18.svg +1 -0
  107. package/src/assets/avatars/avatar-19.svg +1 -0
  108. package/src/assets/avatars/avatar-20.svg +1 -0
  109. package/src/assets/avatars/avatar-21.svg +1 -0
  110. package/src/assets/avatars/index.ts +99 -0
  111. package/src/design-system/ui/alert-dialog.tsx +141 -0
  112. package/src/design-system/ui/alert.tsx +59 -0
  113. package/src/design-system/ui/avatar.tsx +51 -0
  114. package/src/design-system/ui/badge.tsx +38 -0
  115. package/src/design-system/ui/button.tsx +59 -0
  116. package/src/design-system/ui/card.tsx +83 -0
  117. package/src/design-system/ui/dialog.tsx +122 -0
  118. package/src/design-system/ui/dropdown-menu.tsx +201 -0
  119. package/src/design-system/ui/input.tsx +22 -0
  120. package/src/design-system/ui/label.tsx +26 -0
  121. package/src/design-system/ui/scroll-area.tsx +48 -0
  122. package/src/design-system/ui/select.tsx +159 -0
  123. package/src/design-system/ui/separator.tsx +31 -0
  124. package/src/design-system/ui/sheet.tsx +141 -0
  125. package/src/design-system/ui/skeleton.tsx +15 -0
  126. package/src/design-system/ui/switch.tsx +29 -0
  127. package/src/design-system/ui/table.tsx +120 -0
  128. package/src/design-system/ui/tabs.tsx +55 -0
  129. package/src/design-system/ui/textarea.tsx +22 -0
  130. package/src/design-system/ui/toast.tsx +132 -0
  131. package/src/design-system/ui/toaster.tsx +35 -0
  132. package/src/design-system/ui/toggle-group.tsx +61 -0
  133. package/src/design-system/ui/toggle.tsx +46 -0
  134. package/src/design-system/ui/tooltip.tsx +32 -0
  135. package/src/features/MODULES.md +199 -0
  136. package/src/features/account/components/settings/appearance-settings-tab.tsx +24 -0
  137. package/src/features/account/components/theme-settings.tsx +70 -0
  138. package/src/features/account/components/use-theme-preferences.ts +106 -0
  139. package/src/features/account/pages/profile/components/profile-general-tab.tsx +89 -0
  140. package/src/features/account/pages/profile/types.ts +7 -0
  141. package/src/features/account/pages/profile.tsx +71 -0
  142. package/src/features/account/pages/service-tokens.tsx +522 -0
  143. package/src/features/account/pages/settings.tsx +42 -0
  144. package/src/features/account/pages/workspace-management.tsx +63 -0
  145. package/src/features/account/pages/workspace-members.tsx +335 -0
  146. package/src/features/auth/components/auto-login.tsx +51 -0
  147. package/src/features/auth/components/require-auth.tsx +56 -0
  148. package/src/features/auth/lib/auth-session.ts +448 -0
  149. package/src/features/auth/lib/oidc-client.ts +565 -0
  150. package/src/features/auth/pages/login.tsx +24 -0
  151. package/src/features/auth/pages/oauth-callback.tsx +63 -0
  152. package/src/features/chatkit/components/chatkit-surface.tsx +60 -0
  153. package/src/features/chatkit/components/public-chat-config.ts +70 -0
  154. package/src/features/chatkit/components/public-chat-error-boundary.tsx +74 -0
  155. package/src/features/chatkit/components/public-chat-widget.tsx +150 -0
  156. package/src/features/chatkit/components/studio-chat-bubble.tsx +451 -0
  157. package/src/features/chatkit/lib/chatkit-attachments.ts +31 -0
  158. package/src/features/chatkit/lib/chatkit-client.ts +195 -0
  159. package/src/features/chatkit/lib/chatkit-theme.ts +20 -0
  160. package/src/features/chatkit/lib/telemetry.ts +29 -0
  161. package/src/features/chatkit/lib/workflow-session.ts +70 -0
  162. package/src/features/chatkit/pages/public-chat.tsx +445 -0
  163. package/src/features/shared/components/chat-interface-options.ts +325 -0
  164. package/src/features/shared/components/chat-interface.types.ts +47 -0
  165. package/src/features/shared/components/top-navigation/account-menu.tsx +172 -0
  166. package/src/features/shared/components/top-navigation/active-workspace-indicator.tsx +280 -0
  167. package/src/features/shared/components/top-navigation/studio-brand.tsx +59 -0
  168. package/src/features/shared/components/top-navigation/top-navigation-types.ts +22 -0
  169. package/src/features/shared/components/top-navigation/version-status.tsx +280 -0
  170. package/src/features/shared/components/top-navigation.tsx +42 -0
  171. package/src/features/shared/components/workspace-bootstrap-gate.tsx +235 -0
  172. package/src/features/workflow/components/dialogs/add-credential-dialog.tsx +245 -0
  173. package/src/features/workflow/components/dialogs/confirm-delete-workflow-dialog.tsx +52 -0
  174. package/src/features/workflow/components/dialogs/credential-access-badge.tsx +34 -0
  175. package/src/features/workflow/components/dialogs/credential-status-badge.tsx +45 -0
  176. package/src/features/workflow/components/dialogs/credentials-table.tsx +453 -0
  177. package/src/features/workflow/components/dialogs/credentials-vault.tsx +85 -0
  178. package/src/features/workflow/components/dialogs/edit-credential-dialog.tsx +264 -0
  179. package/src/features/workflow/components/dialogs/update-workflow-dialog.tsx +214 -0
  180. package/src/features/workflow/components/dialogs/upload-workflow-dialog.tsx +288 -0
  181. package/src/features/workflow/components/forms/schema-config-form.tsx +41 -0
  182. package/src/features/workflow/components/layouts/sidebar-layout.tsx +288 -0
  183. package/src/features/workflow/components/layouts/use-sidebar-resize.ts +164 -0
  184. package/src/features/workflow/components/layouts/workflow-page-layout.tsx +69 -0
  185. package/src/features/workflow/components/panels/json-object-field.tsx +138 -0
  186. package/src/features/workflow/components/panels/rjsf-basic-widgets.tsx +21 -0
  187. package/src/features/workflow/components/panels/rjsf-input-widgets.tsx +105 -0
  188. package/src/features/workflow/components/panels/rjsf-templates.tsx +147 -0
  189. package/src/features/workflow/components/panels/rjsf-text-widgets.tsx +139 -0
  190. package/src/features/workflow/components/panels/rjsf-theme.tsx +10 -0
  191. package/src/features/workflow/components/panels/schema-dnd.ts +79 -0
  192. package/src/features/workflow/components/panels/workflow-diff-dialog.tsx +207 -0
  193. package/src/features/workflow/components/panels/workflow-history-filters.tsx +62 -0
  194. package/src/features/workflow/components/panels/workflow-history-footer.tsx +28 -0
  195. package/src/features/workflow/components/panels/workflow-history-header.tsx +47 -0
  196. package/src/features/workflow/components/panels/workflow-history-table.tsx +148 -0
  197. package/src/features/workflow/components/panels/workflow-history.tsx +150 -0
  198. package/src/features/workflow/components/panels/workflow-tabs.tsx +29 -0
  199. package/src/features/workflow/components/trace/agent-prism/Avatar.tsx +146 -0
  200. package/src/features/workflow/components/trace/agent-prism/Badge.tsx +95 -0
  201. package/src/features/workflow/components/trace/agent-prism/BrandLogo.tsx +102 -0
  202. package/src/features/workflow/components/trace/agent-prism/Button.tsx +124 -0
  203. package/src/features/workflow/components/trace/agent-prism/CollapseAndExpandControls.tsx +45 -0
  204. package/src/features/workflow/components/trace/agent-prism/CollapsibleSection.tsx +124 -0
  205. package/src/features/workflow/components/trace/agent-prism/CopyButton.tsx +63 -0
  206. package/src/features/workflow/components/trace/agent-prism/DetailsView/DetailsView.tsx +146 -0
  207. package/src/features/workflow/components/trace/agent-prism/DetailsView/DetailsViewAttributesTab.tsx +125 -0
  208. package/src/features/workflow/components/trace/agent-prism/DetailsView/DetailsViewContentViewer.tsx +51 -0
  209. package/src/features/workflow/components/trace/agent-prism/DetailsView/DetailsViewHeader.tsx +100 -0
  210. package/src/features/workflow/components/trace/agent-prism/DetailsView/DetailsViewInputOutputTab.tsx +401 -0
  211. package/src/features/workflow/components/trace/agent-prism/DetailsView/DetailsViewJsonOutput.tsx +33 -0
  212. package/src/features/workflow/components/trace/agent-prism/DetailsView/DetailsViewRawDataTab.tsx +27 -0
  213. package/src/features/workflow/components/trace/agent-prism/IconButton.tsx +75 -0
  214. package/src/features/workflow/components/trace/agent-prism/PriceBadge.tsx +14 -0
  215. package/src/features/workflow/components/trace/agent-prism/SearchInput.tsx +17 -0
  216. package/src/features/workflow/components/trace/agent-prism/SpanBadge.tsx +54 -0
  217. package/src/features/workflow/components/trace/agent-prism/SpanCard/SpanCard.tsx +480 -0
  218. package/src/features/workflow/components/trace/agent-prism/SpanCard/SpanCardBadges.tsx +23 -0
  219. package/src/features/workflow/components/trace/agent-prism/SpanCard/SpanCardConnector.tsx +36 -0
  220. package/src/features/workflow/components/trace/agent-prism/SpanCard/SpanCardTimeline.tsx +60 -0
  221. package/src/features/workflow/components/trace/agent-prism/SpanCard/SpanCardToggle.tsx +39 -0
  222. package/src/features/workflow/components/trace/agent-prism/SpanStatus.tsx +80 -0
  223. package/src/features/workflow/components/trace/agent-prism/TabSelector.tsx +35 -0
  224. package/src/features/workflow/components/trace/agent-prism/Tabs.tsx +140 -0
  225. package/src/features/workflow/components/trace/agent-prism/TextInput.tsx +143 -0
  226. package/src/features/workflow/components/trace/agent-prism/TimestampBadge.tsx +22 -0
  227. package/src/features/workflow/components/trace/agent-prism/TokensBadge.tsx +27 -0
  228. package/src/features/workflow/components/trace/agent-prism/TraceList/TraceList.tsx +123 -0
  229. package/src/features/workflow/components/trace/agent-prism/TraceList/TraceListItem.tsx +86 -0
  230. package/src/features/workflow/components/trace/agent-prism/TraceList/TraceListItemHeader.tsx +37 -0
  231. package/src/features/workflow/components/trace/agent-prism/TraceViewer/TraceViewer.tsx +208 -0
  232. package/src/features/workflow/components/trace/agent-prism/TraceViewer/TraceViewerDesktopLayout.tsx +99 -0
  233. package/src/features/workflow/components/trace/agent-prism/TraceViewer/TraceViewerMobileLayout.tsx +103 -0
  234. package/src/features/workflow/components/trace/agent-prism/TraceViewer/TraceViewerPlaceholder.tsx +5 -0
  235. package/src/features/workflow/components/trace/agent-prism/TraceViewer/TraceViewerSearchAndControls.tsx +30 -0
  236. package/src/features/workflow/components/trace/agent-prism/TraceViewer/TraceViewerTreeViewContainer.tsx +76 -0
  237. package/src/features/workflow/components/trace/agent-prism/TraceViewer/useTraceSelection.ts +186 -0
  238. package/src/features/workflow/components/trace/agent-prism/TreeView.tsx +73 -0
  239. package/src/features/workflow/components/trace/agent-prism/index.ts +7 -0
  240. package/src/features/workflow/components/trace/agent-prism/shared.ts +170 -0
  241. package/src/features/workflow/components/trace/agent-prism/theme/index.ts +101 -0
  242. package/src/features/workflow/components/trace/agent-prism/theme/theme.css +247 -0
  243. package/src/features/workflow/data/templates/assets/vibe-agent/config.json +5 -0
  244. package/src/features/workflow/data/templates/candidate-badges.ts +138 -0
  245. package/src/features/workflow/data/templates/index.ts +29 -0
  246. package/src/features/workflow/data/templates/template-definition.ts +77 -0
  247. package/src/features/workflow/data/templates/template-owner.ts +7 -0
  248. package/src/features/workflow/data/workflow-data.ts +8 -0
  249. package/src/features/workflow/data/workflow-types.ts +57 -0
  250. package/src/features/workflow/lib/mermaid-renderer.ts +334 -0
  251. package/src/features/workflow/lib/workflow-diff.ts +191 -0
  252. package/src/features/workflow/lib/workflow-execution-builders.ts +103 -0
  253. package/src/features/workflow/lib/workflow-execution-formatters.ts +145 -0
  254. package/src/features/workflow/lib/workflow-execution-storage.ts +63 -0
  255. package/src/features/workflow/lib/workflow-execution.types.ts +80 -0
  256. package/src/features/workflow/lib/workflow-storage-api.ts +581 -0
  257. package/src/features/workflow/lib/workflow-storage-helpers.ts +373 -0
  258. package/src/features/workflow/lib/workflow-storage-versioning.ts +127 -0
  259. package/src/features/workflow/lib/workflow-storage.constants.ts +21 -0
  260. package/src/features/workflow/lib/workflow-storage.ts +482 -0
  261. package/src/features/workflow/lib/workflow-storage.types.ts +261 -0
  262. package/src/features/workflow/pages/workflow/components/settings-tab-content.tsx +428 -0
  263. package/src/features/workflow/pages/workflow/components/trace-tab-content.tsx +183 -0
  264. package/src/features/workflow/pages/workflow/components/workflow-config-sheet.tsx +207 -0
  265. package/src/features/workflow/pages/workflow/components/workflow-config-sheet.utils.ts +275 -0
  266. package/src/features/workflow/pages/workflow/components/workflow-layout.tsx +143 -0
  267. package/src/features/workflow/pages/workflow/components/workflow-tab-content.tsx +766 -0
  268. package/src/features/workflow/pages/workflow/handlers/credentials.ts +338 -0
  269. package/src/features/workflow/pages/workflow/helpers/execution.ts +39 -0
  270. package/src/features/workflow/pages/workflow/helpers/trace.ts +838 -0
  271. package/src/features/workflow/pages/workflow/helpers/types.ts +28 -0
  272. package/src/features/workflow/pages/workflow/hooks/controller/build-layout-props.ts +171 -0
  273. package/src/features/workflow/pages/workflow/hooks/controller/use-workflow-controller.ts +19 -0
  274. package/src/features/workflow/pages/workflow/hooks/controller/use-workflow-core.ts +84 -0
  275. package/src/features/workflow/pages/workflow/hooks/controller/use-workflow-execution-controller.ts +167 -0
  276. package/src/features/workflow/pages/workflow/hooks/controller/use-workflow-lifecycle.ts +37 -0
  277. package/src/features/workflow/pages/workflow/hooks/controller/use-workflow-resources.ts +57 -0
  278. package/src/features/workflow/pages/workflow/hooks/execution-log-helpers.ts +75 -0
  279. package/src/features/workflow/pages/workflow/hooks/execution-node-status.ts +46 -0
  280. package/src/features/workflow/pages/workflow/hooks/execution-record-updater.ts +119 -0
  281. package/src/features/workflow/pages/workflow/hooks/execution-record.ts +31 -0
  282. package/src/features/workflow/pages/workflow/hooks/execution-runtime-updates.ts +96 -0
  283. package/src/features/workflow/pages/workflow/hooks/use-execution-trace.ts +512 -0
  284. package/src/features/workflow/pages/workflow/hooks/use-execution-updates.ts +125 -0
  285. package/src/features/workflow/pages/workflow/hooks/use-pause-workflow.ts +70 -0
  286. package/src/features/workflow/pages/workflow/hooks/use-studio-ui-state.ts +10 -0
  287. package/src/features/workflow/pages/workflow/hooks/use-workflow-chat.ts +212 -0
  288. package/src/features/workflow/pages/workflow/hooks/use-workflow-credential-readiness.ts +72 -0
  289. package/src/features/workflow/pages/workflow/hooks/use-workflow-credentials.ts +167 -0
  290. package/src/features/workflow/pages/workflow/hooks/use-workflow-execution-state.ts +20 -0
  291. package/src/features/workflow/pages/workflow/hooks/use-workflow-listeners.ts +182 -0
  292. package/src/features/workflow/pages/workflow/hooks/use-workflow-loader.ts +236 -0
  293. package/src/features/workflow/pages/workflow/hooks/use-workflow-metadata-state.ts +56 -0
  294. package/src/features/workflow/pages/workflow/hooks/use-workflow-saver.ts +191 -0
  295. package/src/features/workflow/pages/workflow/hooks/use-workflow-storage-listener.ts +81 -0
  296. package/src/features/workflow/pages/workflow/hooks/workflow-runner-websocket.ts +150 -0
  297. package/src/features/workflow/pages/workflow-gallery/types.ts +3 -0
  298. package/src/features/workflow/pages/workflow-gallery/use-workflow-gallery-actions.ts +223 -0
  299. package/src/features/workflow/pages/workflow-gallery/use-workflow-gallery-state.ts +206 -0
  300. package/src/features/workflow/pages/workflow-gallery/use-workflow-gallery.ts +14 -0
  301. package/src/features/workflow/pages/workflow-gallery/workflow-card-size.ts +8 -0
  302. package/src/features/workflow/pages/workflow-gallery/workflow-card.tsx +327 -0
  303. package/src/features/workflow/pages/workflow-gallery/workflow-gallery-tabs.tsx +173 -0
  304. package/src/features/workflow/pages/workflow-gallery.tsx +96 -0
  305. package/src/features/workflow/pages/workflow.tsx +119 -0
  306. package/src/features/workflow/types/credential-vault.ts +52 -0
  307. package/src/hooks/browser-context-provider.tsx +19 -0
  308. package/src/hooks/use-browser-context.ts +188 -0
  309. package/src/hooks/use-color-scheme.ts +77 -0
  310. package/src/hooks/use-credential-vault.ts +442 -0
  311. package/src/hooks/use-page-context.ts +39 -0
  312. package/src/hooks/use-toast.ts +182 -0
  313. package/src/hooks/use-uploads-allowed.ts +28 -0
  314. package/src/index.css +95 -0
  315. package/src/lib/api.ts +445 -0
  316. package/src/lib/auth-fetch.ts +35 -0
  317. package/src/lib/config.ts +102 -0
  318. package/src/lib/theme.ts +109 -0
  319. package/src/lib/utils.ts +6 -0
  320. package/src/lib/workspace-routing.ts +67 -0
  321. package/src/lib/workspace-session.ts +66 -0
  322. package/src/lib/workspace-slug.ts +10 -0
  323. package/src/main.tsx +28 -0
  324. package/src/vite-env.d.ts +17 -0
  325. package/tailwind.config.js +153 -0
  326. package/tsconfig.app.json +30 -0
  327. package/tsconfig.json +16 -0
  328. package/tsconfig.node.json +21 -0
  329. package/vite.config.ts +122 -0
@@ -0,0 +1,581 @@
1
+ import { authFetch } from "@/lib/auth-fetch";
2
+ import { buildBackendHttpUrl, getBackendBaseUrl } from "@/lib/config";
3
+ import type {
4
+ ApiWorkflow,
5
+ ApiWorkflowPagePayload,
6
+ ApiWorkflowRun,
7
+ ApiWorkflowVersion,
8
+ CronTriggerConfig,
9
+ PublicWorkflowMetadata,
10
+ RequestOptions,
11
+ SystemPluginsResponse,
12
+ WorkflowListenerHealth,
13
+ WorkflowListenerMetricsResponse,
14
+ WorkflowCredentialReadinessResponse,
15
+ WorkflowPublishResponse,
16
+ } from "./workflow-storage.types";
17
+
18
+ export const API_BASE = "/api/workflows";
19
+ export const PUBLIC_WORKFLOW_PATH = "/api/workflows";
20
+
21
+ const JSON_HEADERS = {
22
+ Accept: "application/json",
23
+ "Content-Type": "application/json",
24
+ };
25
+
26
+ export class ApiRequestError extends Error {
27
+ status: number;
28
+
29
+ constructor(message: string, status: number) {
30
+ super(message);
31
+ this.name = "ApiRequestError";
32
+ this.status = status;
33
+ }
34
+ }
35
+
36
+ const readText = async (response: Response): Promise<string> => {
37
+ try {
38
+ return await response.text();
39
+ } catch {
40
+ return "";
41
+ }
42
+ };
43
+
44
+ export const request = async <T>(
45
+ path: string,
46
+ options: RequestOptions = {},
47
+ ): Promise<T> => {
48
+ const expectJson = options.expectJson ?? true;
49
+ const url = buildBackendHttpUrl(path);
50
+
51
+ const response = await authFetch(url, {
52
+ ...options,
53
+ headers: options.body ? JSON_HEADERS : options.headers,
54
+ });
55
+
56
+ if (!response.ok) {
57
+ const detail = (await readText(response)) || response.statusText;
58
+ throw new ApiRequestError(detail, response.status);
59
+ }
60
+
61
+ if (!expectJson || response.status === 204) {
62
+ return undefined as T;
63
+ }
64
+
65
+ const payload = await readText(response);
66
+ if (!payload) {
67
+ return undefined as T;
68
+ }
69
+ return JSON.parse(payload) as T;
70
+ };
71
+
72
+ export const fetchWorkflow = async (
73
+ workflowId: string,
74
+ ): Promise<ApiWorkflow | undefined> => {
75
+ try {
76
+ return await request<ApiWorkflow>(`${API_BASE}/${workflowId}`);
77
+ } catch (error) {
78
+ if (
79
+ error instanceof ApiRequestError &&
80
+ (error.status === 404 || error.status === 410)
81
+ ) {
82
+ return undefined;
83
+ }
84
+ throw error;
85
+ }
86
+ };
87
+
88
+ export const fetchWorkflowPageData = async (
89
+ workflowId: string,
90
+ ): Promise<ApiWorkflowPagePayload | undefined> => {
91
+ try {
92
+ return await request<ApiWorkflowPagePayload>(
93
+ `${API_BASE}/${workflowId}/workflow`,
94
+ );
95
+ } catch (error) {
96
+ if (
97
+ error instanceof ApiRequestError &&
98
+ (error.status === 404 || error.status === 410)
99
+ ) {
100
+ return undefined;
101
+ }
102
+ throw error;
103
+ }
104
+ };
105
+
106
+ export const fetchPublicWorkflow = async (
107
+ workflowId: string,
108
+ ): Promise<PublicWorkflowMetadata | undefined> => {
109
+ try {
110
+ return await request<PublicWorkflowMetadata>(
111
+ `${PUBLIC_WORKFLOW_PATH}/${workflowId}/public`,
112
+ );
113
+ } catch (error) {
114
+ if (
115
+ error instanceof ApiRequestError &&
116
+ (error.status === 404 || error.status === 410)
117
+ ) {
118
+ return undefined;
119
+ }
120
+ throw error;
121
+ }
122
+ };
123
+
124
+ export const fetchWorkflowVersions = async (
125
+ workflowId: string,
126
+ ): Promise<ApiWorkflowVersion[]> => {
127
+ try {
128
+ return await request<ApiWorkflowVersion[]>(
129
+ `${API_BASE}/${workflowId}/versions`,
130
+ );
131
+ } catch (error) {
132
+ if (
133
+ error instanceof ApiRequestError &&
134
+ (error.status === 404 || error.status === 410)
135
+ ) {
136
+ return [];
137
+ }
138
+ throw error;
139
+ }
140
+ };
141
+
142
+ export const fetchWorkflowCredentialReadiness = async (
143
+ workflowId: string,
144
+ ): Promise<WorkflowCredentialReadinessResponse | undefined> => {
145
+ try {
146
+ return await request<WorkflowCredentialReadinessResponse>(
147
+ `${API_BASE}/${workflowId}/credentials/readiness`,
148
+ );
149
+ } catch (error) {
150
+ if (
151
+ error instanceof ApiRequestError &&
152
+ (error.status === 404 || error.status === 410)
153
+ ) {
154
+ return undefined;
155
+ }
156
+ throw error;
157
+ }
158
+ };
159
+
160
+ export const fetchSystemPlugins = async (): Promise<SystemPluginsResponse> =>
161
+ request<SystemPluginsResponse>("/api/system/plugins");
162
+
163
+ export interface ApiCandidate {
164
+ id: string;
165
+ handle: string;
166
+ name: string;
167
+ description: string | null;
168
+ avatar: string | null;
169
+ subtitle: string | null;
170
+ notes: string | null;
171
+ metadata: Record<string, unknown> | null;
172
+ mermaid: string | null;
173
+ }
174
+
175
+ export const fetchCandidates = async (): Promise<ApiCandidate[]> =>
176
+ request<ApiCandidate[]>("/api/candidates");
177
+
178
+ export const onboardCandidate = async (
179
+ candidateId: string,
180
+ ): Promise<ApiWorkflow> =>
181
+ request<ApiWorkflow>("/api/candidates/onboard", {
182
+ method: "POST",
183
+ body: JSON.stringify({ id: candidateId }),
184
+ });
185
+
186
+ export const fetchWorkflowListeners = async (
187
+ workflowId: string,
188
+ ): Promise<WorkflowListenerHealth[]> => {
189
+ try {
190
+ return await request<WorkflowListenerHealth[]>(
191
+ `${API_BASE}/${workflowId}/listeners`,
192
+ );
193
+ } catch (error) {
194
+ if (
195
+ error instanceof ApiRequestError &&
196
+ (error.status === 404 || error.status === 410)
197
+ ) {
198
+ return [];
199
+ }
200
+ throw error;
201
+ }
202
+ };
203
+
204
+ export const fetchWorkflowListenerMetrics = async (
205
+ workflowId: string,
206
+ ): Promise<WorkflowListenerMetricsResponse | undefined> => {
207
+ try {
208
+ return await request<WorkflowListenerMetricsResponse>(
209
+ `${API_BASE}/${workflowId}/listeners/metrics`,
210
+ );
211
+ } catch (error) {
212
+ if (
213
+ error instanceof ApiRequestError &&
214
+ (error.status === 404 || error.status === 410)
215
+ ) {
216
+ return undefined;
217
+ }
218
+ throw error;
219
+ }
220
+ };
221
+
222
+ const updateWorkflowListenerStatus = async (
223
+ workflowId: string,
224
+ subscriptionId: string,
225
+ action: "pause" | "resume",
226
+ actor = "studio-app",
227
+ ): Promise<WorkflowListenerHealth> => {
228
+ return request<WorkflowListenerHealth>(
229
+ `${API_BASE}/${workflowId}/listeners/${subscriptionId}/${action}`,
230
+ {
231
+ method: "POST",
232
+ body: JSON.stringify({ actor }),
233
+ },
234
+ );
235
+ };
236
+
237
+ export const pauseWorkflowListener = async (
238
+ workflowId: string,
239
+ subscriptionId: string,
240
+ actor?: string,
241
+ ): Promise<WorkflowListenerHealth> =>
242
+ updateWorkflowListenerStatus(workflowId, subscriptionId, "pause", actor);
243
+
244
+ export const resumeWorkflowListener = async (
245
+ workflowId: string,
246
+ subscriptionId: string,
247
+ actor?: string,
248
+ ): Promise<WorkflowListenerHealth> =>
249
+ updateWorkflowListenerStatus(workflowId, subscriptionId, "resume", actor);
250
+
251
+ export const triggerWorkflowRun = async (
252
+ workflowId: string,
253
+ options: {
254
+ triggeredBy?: string;
255
+ inputs?: Record<string, unknown>;
256
+ runnableConfig?: Record<string, unknown>;
257
+ } = {},
258
+ ): Promise<ApiWorkflowRun> => {
259
+ const versions = await fetchWorkflowVersions(workflowId);
260
+ const latestVersion = selectLatestWorkflowVersion(versions);
261
+ if (!latestVersion) {
262
+ throw new Error(
263
+ "Studio can only run workflows with an existing Python version. Ingest a Python script first.",
264
+ );
265
+ }
266
+
267
+ return request<ApiWorkflowRun>(`${API_BASE}/${workflowId}/runs`, {
268
+ method: "POST",
269
+ body: JSON.stringify({
270
+ workflow_version_id: latestVersion.id,
271
+ triggered_by: options.triggeredBy ?? "studio",
272
+ input_payload: options.inputs ?? {},
273
+ ...(options.runnableConfig
274
+ ? { runnable_config: options.runnableConfig }
275
+ : {}),
276
+ }),
277
+ });
278
+ };
279
+
280
+ export const selectLatestWorkflowVersion = (
281
+ versions: ApiWorkflowVersion[],
282
+ ): ApiWorkflowVersion | undefined =>
283
+ versions.reduce<ApiWorkflowVersion | undefined>(
284
+ (latest, current) =>
285
+ !latest || current.version > latest.version ? current : latest,
286
+ undefined,
287
+ );
288
+
289
+ const SCHEDULED_CONFIG_PATH = (workflowId: string) =>
290
+ `${API_BASE}/${workflowId}/triggers/cron/config`;
291
+
292
+ const isRecord = (value: unknown): value is Record<string, unknown> =>
293
+ typeof value === "object" && value !== null;
294
+
295
+ const toOptionalString = (value: unknown): string | undefined =>
296
+ typeof value === "string" && value.trim().length > 0 ? value : undefined;
297
+
298
+ const toOptionalNullableString = (
299
+ value: unknown,
300
+ ): string | null | undefined => {
301
+ if (value === null) {
302
+ return null;
303
+ }
304
+ return toOptionalString(value);
305
+ };
306
+
307
+ export const resolveWorkflowShareUrl = (
308
+ workflow: Pick<ApiWorkflow, "id" | "handle" | "is_public" | "share_url">,
309
+ ): string | null => {
310
+ if (!workflow.is_public) {
311
+ return null;
312
+ }
313
+
314
+ if (workflow.share_url) {
315
+ return workflow.share_url;
316
+ }
317
+
318
+ const base = getBackendBaseUrl().replace(/\/+$/, "");
319
+ return `${base}/chat/${workflow.id}`;
320
+ };
321
+
322
+ const extractCronConfigFromGraphIndex = (
323
+ graph: Record<string, unknown>,
324
+ ): CronTriggerConfig | null => {
325
+ const index = graph.index;
326
+ if (!isRecord(index) || !Array.isArray(index.cron)) {
327
+ return null;
328
+ }
329
+
330
+ const entries = index.cron.filter(isRecord);
331
+ if (entries.length === 0) {
332
+ return null;
333
+ }
334
+ if (entries.length > 1) {
335
+ throw new Error("Workflow contains multiple cron triggers.");
336
+ }
337
+
338
+ const entry = entries[0];
339
+ const expression = toOptionalString(entry.expression);
340
+ if (!expression) {
341
+ return null;
342
+ }
343
+
344
+ return {
345
+ expression,
346
+ timezone: toOptionalString(entry.timezone),
347
+ allow_overlapping:
348
+ typeof entry.allow_overlapping === "boolean"
349
+ ? entry.allow_overlapping
350
+ : undefined,
351
+ start_at: toOptionalNullableString(entry.start_at),
352
+ end_at: toOptionalNullableString(entry.end_at),
353
+ };
354
+ };
355
+
356
+ const extractCronConfigFromGraphNodes = (
357
+ graph: Record<string, unknown>,
358
+ ): CronTriggerConfig | null => {
359
+ const graphFormat = toOptionalString(graph.format);
360
+ const nodes =
361
+ graphFormat === "langgraph-script" && isRecord(graph.summary)
362
+ ? Array.isArray(graph.summary.nodes)
363
+ ? graph.summary.nodes
364
+ : []
365
+ : Array.isArray(graph.nodes)
366
+ ? graph.nodes
367
+ : [];
368
+
369
+ const cronNodes = nodes
370
+ .filter(isRecord)
371
+ .filter((node) => node.type === "CronTriggerNode");
372
+ if (cronNodes.length === 0) {
373
+ return null;
374
+ }
375
+ if (cronNodes.length > 1) {
376
+ throw new Error("Workflow contains multiple cron triggers.");
377
+ }
378
+
379
+ const node = cronNodes[0];
380
+ const expression = toOptionalString(node.expression);
381
+ if (!expression) {
382
+ return null;
383
+ }
384
+
385
+ return {
386
+ expression,
387
+ timezone: toOptionalString(node.timezone),
388
+ allow_overlapping:
389
+ typeof node.allow_overlapping === "boolean"
390
+ ? node.allow_overlapping
391
+ : undefined,
392
+ start_at: toOptionalNullableString(node.start_at),
393
+ end_at: toOptionalNullableString(node.end_at),
394
+ };
395
+ };
396
+
397
+ export const extractCronConfigFromVersionGraph = (
398
+ graph: unknown,
399
+ ): CronTriggerConfig | null => {
400
+ if (!isRecord(graph)) {
401
+ throw new Error("Latest workflow version is missing graph data.");
402
+ }
403
+
404
+ const indexConfig = extractCronConfigFromGraphIndex(graph);
405
+ if (indexConfig) {
406
+ return indexConfig;
407
+ }
408
+ return extractCronConfigFromGraphNodes(graph);
409
+ };
410
+
411
+ const normalizeTemplateCronConfig = (
412
+ config: CronTriggerConfig,
413
+ metadata: unknown,
414
+ ): CronTriggerConfig => {
415
+ if (!isRecord(metadata)) {
416
+ return config;
417
+ }
418
+
419
+ const templateId = toOptionalString(metadata.template_id);
420
+ if (templateId !== "template-telegram-heartbeat") {
421
+ return config;
422
+ }
423
+
424
+ if (config.expression === "* * * * *" && config.allow_overlapping !== true) {
425
+ return {
426
+ ...config,
427
+ allow_overlapping: true,
428
+ };
429
+ }
430
+
431
+ return config;
432
+ };
433
+
434
+ export const publishWorkflow = async (
435
+ workflowId: string,
436
+ options: {
437
+ requireLogin?: boolean;
438
+ actor?: string;
439
+ } = {},
440
+ ): Promise<{
441
+ workflow: ApiWorkflow;
442
+ shareUrl: string | null;
443
+ message: string | null;
444
+ }> => {
445
+ const payload = await request<WorkflowPublishResponse>(
446
+ `${API_BASE}/${workflowId}/publish`,
447
+ {
448
+ method: "POST",
449
+ body: JSON.stringify({
450
+ require_login: options.requireLogin ?? false,
451
+ actor: options.actor ?? "studio",
452
+ }),
453
+ },
454
+ );
455
+
456
+ const workflow = payload.workflow;
457
+ const shareUrl = payload.share_url ?? resolveWorkflowShareUrl(workflow);
458
+
459
+ return {
460
+ workflow: { ...workflow, share_url: shareUrl },
461
+ shareUrl,
462
+ message: payload.message ?? null,
463
+ };
464
+ };
465
+
466
+ export const unpublishWorkflow = async (
467
+ workflowId: string,
468
+ actor = "studio",
469
+ ): Promise<{ workflow: ApiWorkflow; shareUrl: string | null }> => {
470
+ const workflow = await request<ApiWorkflow>(
471
+ `${API_BASE}/${workflowId}/publish/revoke`,
472
+ {
473
+ method: "POST",
474
+ body: JSON.stringify({ actor }),
475
+ },
476
+ );
477
+
478
+ return {
479
+ workflow: { ...workflow, share_url: null },
480
+ shareUrl: null,
481
+ };
482
+ };
483
+
484
+ export const fetchCronTriggerConfig = async (
485
+ workflowId: string,
486
+ ): Promise<CronTriggerConfig | null> => {
487
+ try {
488
+ return await request<CronTriggerConfig>(SCHEDULED_CONFIG_PATH(workflowId));
489
+ } catch (error) {
490
+ if (
491
+ error instanceof ApiRequestError &&
492
+ (error.status === 404 || error.status === 410)
493
+ ) {
494
+ return null;
495
+ }
496
+ throw error;
497
+ }
498
+ };
499
+
500
+ export const scheduleWorkflowFromLatestVersion = async (
501
+ workflowId: string,
502
+ ): Promise<{
503
+ status: "scheduled" | "noop";
504
+ config?: CronTriggerConfig;
505
+ message: string;
506
+ }> => {
507
+ const versions = await fetchWorkflowVersions(workflowId);
508
+ const latest = versions
509
+ .slice()
510
+ .sort((left, right) => right.version - left.version)
511
+ .at(0);
512
+
513
+ if (!latest || !isRecord(latest.graph)) {
514
+ throw new Error("Latest workflow version is missing graph data.");
515
+ }
516
+
517
+ const cronConfigRaw = extractCronConfigFromVersionGraph(latest.graph);
518
+ const cronConfig = cronConfigRaw
519
+ ? normalizeTemplateCronConfig(cronConfigRaw, latest.metadata)
520
+ : null;
521
+ if (!cronConfig) {
522
+ return {
523
+ status: "noop",
524
+ message: `Workflow '${workflowId}' has no cron trigger to schedule.`,
525
+ };
526
+ }
527
+
528
+ await request<CronTriggerConfig>(SCHEDULED_CONFIG_PATH(workflowId), {
529
+ method: "PUT",
530
+ body: JSON.stringify(cronConfig),
531
+ });
532
+
533
+ return {
534
+ status: "scheduled",
535
+ message: `Cron trigger scheduled for workflow '${workflowId}'.`,
536
+ config: cronConfig,
537
+ };
538
+ };
539
+
540
+ export const unscheduleWorkflow = async (
541
+ workflowId: string,
542
+ ): Promise<{ status: "unscheduled"; message: string }> => {
543
+ await request<void>(SCHEDULED_CONFIG_PATH(workflowId), {
544
+ method: "DELETE",
545
+ expectJson: false,
546
+ });
547
+
548
+ return {
549
+ status: "unscheduled",
550
+ message: `Cron trigger unscheduled for workflow '${workflowId}'.`,
551
+ };
552
+ };
553
+
554
+ export const upsertWorkflow = async (
555
+ input: Pick<ApiWorkflow, "id" | "name" | "description" | "tags">,
556
+ actor: string,
557
+ ): Promise<string> => {
558
+ if (!input.id) {
559
+ const created = await request<ApiWorkflow>(API_BASE, {
560
+ method: "POST",
561
+ body: JSON.stringify({
562
+ name: input.name,
563
+ description: input.description,
564
+ tags: input.tags ?? [],
565
+ actor,
566
+ }),
567
+ });
568
+ return created.id;
569
+ }
570
+
571
+ await request<ApiWorkflow>(`${API_BASE}/${input.id}`, {
572
+ method: "PUT",
573
+ body: JSON.stringify({
574
+ name: input.name,
575
+ description: input.description,
576
+ tags: input.tags ?? [],
577
+ actor,
578
+ }),
579
+ });
580
+ return input.id;
581
+ };