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,482 @@
1
+ import {
2
+ assertWorkflowTemplateCompatibility,
3
+ getWorkflowTemplateDefinition,
4
+ } from "@features/workflow/data/workflow-data";
5
+ import {
6
+ DEFAULT_ACTOR,
7
+ WORKFLOW_STORAGE_EVENT,
8
+ } from "./workflow-storage.constants";
9
+ import {
10
+ getWorkflowRouteRef,
11
+ toStoredWorkflow,
12
+ } from "./workflow-storage-helpers";
13
+ import {
14
+ API_BASE,
15
+ fetchSystemPlugins,
16
+ fetchWorkflowVersions,
17
+ onboardCandidate,
18
+ request,
19
+ upsertWorkflow,
20
+ } from "./workflow-storage-api";
21
+ import {
22
+ ensureWorkflow,
23
+ invalidateWorkflowCache,
24
+ persistRunnableConfig,
25
+ primeWorkflowCache,
26
+ } from "./workflow-storage-versioning";
27
+ import type {
28
+ ApiWorkflow,
29
+ SaveWorkflowInput,
30
+ SaveWorkflowOptions,
31
+ StoredWorkflow,
32
+ } from "./workflow-storage.types";
33
+
34
+ interface ListWorkflowsOptions {
35
+ forceRefresh?: boolean;
36
+ }
37
+
38
+ interface TemplateWorkflowOverrides {
39
+ name?: string;
40
+ description?: string;
41
+ tags?: string[];
42
+ handle?: string | null;
43
+ }
44
+
45
+ interface WorkflowListCacheEntry {
46
+ items: StoredWorkflow[];
47
+ cachedAt: number;
48
+ }
49
+
50
+ const WORKFLOW_LIST_CACHE_TTL_MS = 5 * 60 * 1000;
51
+ let workflowListCache: WorkflowListCacheEntry | undefined;
52
+ let workflowListInflight: Promise<StoredWorkflow[]> | undefined;
53
+ let workflowListRequestId = 0;
54
+
55
+ const resolveActor = (actor?: string): string => {
56
+ const explicitActor = actor?.trim();
57
+ if (explicitActor) {
58
+ return explicitActor;
59
+ }
60
+
61
+ return DEFAULT_ACTOR;
62
+ };
63
+
64
+ const emitUpdate = () => {
65
+ if (typeof window === "undefined") {
66
+ return;
67
+ }
68
+ window.dispatchEvent(new CustomEvent(WORKFLOW_STORAGE_EVENT));
69
+ };
70
+
71
+ const escapeRegExp = (value: string): string =>
72
+ value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
73
+
74
+ const resolveTemplateWorkflowName = async (
75
+ baseName: string,
76
+ ): Promise<string> => {
77
+ const normalizedBaseName = baseName.trim();
78
+ if (!normalizedBaseName) {
79
+ return baseName;
80
+ }
81
+
82
+ const namePattern = new RegExp(
83
+ `^${escapeRegExp(normalizedBaseName)}\\s(\\d+)$`,
84
+ );
85
+ const workflows = await request<ApiWorkflow[]>(API_BASE);
86
+ const usedSuffixes = new Set<number>();
87
+
88
+ for (const workflow of workflows) {
89
+ if (workflow.is_archived) {
90
+ continue;
91
+ }
92
+
93
+ const workflowName = workflow.name.trim();
94
+ if (workflowName === normalizedBaseName) {
95
+ usedSuffixes.add(0);
96
+ continue;
97
+ }
98
+
99
+ const match = workflowName.match(namePattern);
100
+ if (!match) {
101
+ continue;
102
+ }
103
+
104
+ const suffix = Number.parseInt(match[1] ?? "", 10);
105
+ if (Number.isInteger(suffix) && suffix >= 1) {
106
+ usedSuffixes.add(suffix);
107
+ }
108
+ }
109
+
110
+ if (!usedSuffixes.has(0)) {
111
+ return normalizedBaseName;
112
+ }
113
+
114
+ let suffix = 1;
115
+ while (usedSuffixes.has(suffix)) {
116
+ suffix += 1;
117
+ }
118
+
119
+ return `${normalizedBaseName} ${suffix}`;
120
+ };
121
+
122
+ const buildTemplateWorkflowMetadata = ({
123
+ name,
124
+ description,
125
+ nodes,
126
+ edges,
127
+ }: Pick<SaveWorkflowInput, "name" | "description" | "nodes" | "edges">) => ({
128
+ snapshot: {
129
+ name,
130
+ description,
131
+ nodes,
132
+ edges,
133
+ },
134
+ summary: { added: 0, removed: 0, modified: 0 },
135
+ });
136
+
137
+ const archiveWorkflowAfterFailedIngest = async (
138
+ workflowId: string,
139
+ actor: string,
140
+ ): Promise<void> => {
141
+ try {
142
+ await request(
143
+ `${API_BASE}/${workflowId}?actor=${encodeURIComponent(actor)}`,
144
+ {
145
+ method: "DELETE",
146
+ },
147
+ );
148
+ invalidateWorkflowListCache();
149
+ emitUpdate();
150
+ } catch {
151
+ // Preserve the original ingest error so callers see why the upload failed.
152
+ }
153
+ };
154
+
155
+ const assertTemplatePluginRequirements = async (
156
+ requiredPlugins: string[] | undefined,
157
+ ): Promise<void> => {
158
+ if (!requiredPlugins || requiredPlugins.length === 0) {
159
+ return;
160
+ }
161
+ const payload = await fetchSystemPlugins();
162
+ const available = new Set(
163
+ payload.plugins
164
+ .filter((plugin) => plugin.enabled && plugin.loaded)
165
+ .map((plugin) => plugin.name),
166
+ );
167
+ const missing = requiredPlugins.filter((plugin) => !available.has(plugin));
168
+ if (missing.length === 0) {
169
+ return;
170
+ }
171
+ throw new Error(
172
+ `Install required plugins before using this template: ${missing.join(", ")}`,
173
+ );
174
+ };
175
+
176
+ export const invalidateWorkflowListCache = () => {
177
+ workflowListCache = undefined;
178
+ workflowListInflight = undefined;
179
+ invalidateWorkflowCache();
180
+ };
181
+
182
+ export const listWorkflows = async (
183
+ options: ListWorkflowsOptions = {},
184
+ ): Promise<StoredWorkflow[]> => {
185
+ const forceRefresh = options.forceRefresh ?? false;
186
+ const now = Date.now();
187
+ const cacheAge = workflowListCache ? now - workflowListCache.cachedAt : null;
188
+ const cacheIsFresh =
189
+ cacheAge !== null && cacheAge < WORKFLOW_LIST_CACHE_TTL_MS;
190
+
191
+ if (!forceRefresh && cacheIsFresh && workflowListCache) {
192
+ return workflowListCache.items;
193
+ }
194
+
195
+ if (!forceRefresh && workflowListInflight) {
196
+ return workflowListInflight;
197
+ }
198
+
199
+ workflowListRequestId += 1;
200
+ const requestId = workflowListRequestId;
201
+
202
+ const inflightPromise = (async () => {
203
+ const workflows = await request<ApiWorkflow[]>(API_BASE);
204
+ const activeWorkflows = workflows.filter(
205
+ (workflow) => workflow.is_archived !== true,
206
+ );
207
+ const items = await Promise.all(
208
+ activeWorkflows.map(async (workflow) => {
209
+ if (workflow.latest_version !== undefined) {
210
+ const versions = workflow.latest_version
211
+ ? [workflow.latest_version]
212
+ : [];
213
+ return toStoredWorkflow(workflow, versions);
214
+ }
215
+ const versions = await fetchWorkflowVersions(workflow.id);
216
+ return toStoredWorkflow(workflow, versions);
217
+ }),
218
+ );
219
+ if (requestId === workflowListRequestId) {
220
+ workflowListCache = { items, cachedAt: Date.now() };
221
+ }
222
+ return items;
223
+ })();
224
+
225
+ workflowListInflight = inflightPromise;
226
+
227
+ try {
228
+ return await inflightPromise;
229
+ } finally {
230
+ if (workflowListInflight === inflightPromise) {
231
+ workflowListInflight = undefined;
232
+ }
233
+ }
234
+ };
235
+
236
+ export const getWorkflowById = async (
237
+ workflowId: string,
238
+ ): Promise<StoredWorkflow | undefined> => {
239
+ return ensureWorkflow(workflowId);
240
+ };
241
+
242
+ export const saveWorkflow = async (
243
+ input: SaveWorkflowInput,
244
+ options?: SaveWorkflowOptions,
245
+ ): Promise<StoredWorkflow> => {
246
+ const actor = resolveActor(options?.actor);
247
+ const workflowId = await upsertWorkflow(input, actor);
248
+ if (options?.runnableConfig !== undefined) {
249
+ await persistRunnableConfig(workflowId, actor, options.runnableConfig);
250
+ }
251
+
252
+ const stored = await ensureWorkflow(workflowId);
253
+ if (!stored) {
254
+ throw new Error("Failed to load persisted workflow");
255
+ }
256
+
257
+ invalidateWorkflowListCache();
258
+ primeWorkflowCache(stored);
259
+ emitUpdate();
260
+ return stored;
261
+ };
262
+
263
+ export const saveWorkflowMetadata = async (
264
+ input: Pick<SaveWorkflowInput, "id" | "name" | "description" | "tags">,
265
+ options?: Pick<SaveWorkflowOptions, "actor">,
266
+ ): Promise<StoredWorkflow> => {
267
+ if (!input.id) {
268
+ throw new Error("Workflow id is required to save workflow metadata.");
269
+ }
270
+
271
+ const actor = resolveActor(options?.actor);
272
+ await upsertWorkflow(
273
+ {
274
+ id: input.id,
275
+ name: input.name,
276
+ description: input.description,
277
+ tags: input.tags,
278
+ },
279
+ actor,
280
+ );
281
+
282
+ const stored = await ensureWorkflow(input.id);
283
+ if (!stored) {
284
+ throw new Error("Failed to load persisted workflow metadata");
285
+ }
286
+
287
+ invalidateWorkflowListCache();
288
+ primeWorkflowCache(stored);
289
+ emitUpdate();
290
+ return stored;
291
+ };
292
+
293
+ export const createWorkflowFromTemplate = async (
294
+ templateId: string,
295
+ overrides?: TemplateWorkflowOverrides,
296
+ ): Promise<StoredWorkflow | undefined> => {
297
+ const templateDefinition = getWorkflowTemplateDefinition(templateId);
298
+ if (!templateDefinition) {
299
+ return undefined;
300
+ }
301
+ assertWorkflowTemplateCompatibility(templateDefinition);
302
+ await assertTemplatePluginRequirements(
303
+ templateDefinition.metadata?.requiredPlugins,
304
+ );
305
+
306
+ const actor = resolveActor();
307
+ const templateWorkflow = templateDefinition.workflow;
308
+ const workflowName =
309
+ overrides?.name ??
310
+ (await resolveTemplateWorkflowName(templateWorkflow.name));
311
+ const workflowDescription =
312
+ overrides?.description ?? templateWorkflow.description;
313
+ const workflowTags =
314
+ overrides?.tags ??
315
+ templateWorkflow.tags.filter((tag) => tag !== "template");
316
+
317
+ const created = await request<ApiWorkflow>(API_BASE, {
318
+ method: "POST",
319
+ body: JSON.stringify({
320
+ name: workflowName,
321
+ handle: overrides?.handle ?? templateWorkflow.handle ?? undefined,
322
+ description: workflowDescription,
323
+ tags: workflowTags,
324
+ actor,
325
+ }),
326
+ });
327
+
328
+ await request(`${API_BASE}/${created.id}/versions/ingest`, {
329
+ method: "POST",
330
+ body: JSON.stringify({
331
+ script: templateDefinition.script,
332
+ entrypoint: templateDefinition.entrypoint ?? null,
333
+ runnable_config: templateDefinition.runnableConfig ?? null,
334
+ metadata: {
335
+ source: "studio-template",
336
+ template_id: templateWorkflow.id,
337
+ template: templateDefinition.metadata ?? null,
338
+ workflow: buildTemplateWorkflowMetadata({
339
+ name: workflowName,
340
+ description: workflowDescription,
341
+ nodes: templateWorkflow.nodes,
342
+ edges: templateWorkflow.edges,
343
+ }),
344
+ },
345
+ notes: templateDefinition.notes,
346
+ created_by: actor,
347
+ }),
348
+ });
349
+
350
+ const stored = await ensureWorkflow(created.id);
351
+ if (!stored) {
352
+ throw new Error("Failed to load workflow created from template");
353
+ }
354
+
355
+ invalidateWorkflowListCache();
356
+ primeWorkflowCache(stored);
357
+ emitUpdate();
358
+ return stored;
359
+ };
360
+
361
+ export const getVersionSnapshot = async (
362
+ workflowId: string,
363
+ versionId: string,
364
+ ): Promise<WorkflowSnapshot | undefined> => {
365
+ const workflow = await getWorkflowById(workflowId);
366
+ return workflow?.versions.find((entry) => entry.id === versionId)?.snapshot;
367
+ };
368
+
369
+ export const uploadWorkflowFromFiles = async (
370
+ workflowName: string,
371
+ script: string,
372
+ config: Record<string, unknown> | null,
373
+ options?: { actor?: string },
374
+ ): Promise<StoredWorkflow> => {
375
+ const actor = resolveActor(options?.actor);
376
+ const created = await request<ApiWorkflow>(API_BASE, {
377
+ method: "POST",
378
+ body: JSON.stringify({
379
+ name: workflowName,
380
+ description: null,
381
+ tags: [],
382
+ actor,
383
+ }),
384
+ });
385
+
386
+ try {
387
+ await request(`${API_BASE}/${created.id}/versions/ingest`, {
388
+ method: "POST",
389
+ body: JSON.stringify({
390
+ script,
391
+ entrypoint: null,
392
+ runnable_config: config ?? null,
393
+ metadata: { source: "studio-upload" },
394
+ notes: null,
395
+ created_by: actor,
396
+ }),
397
+ });
398
+ } catch (error) {
399
+ await archiveWorkflowAfterFailedIngest(created.id, actor);
400
+ throw error;
401
+ }
402
+
403
+ const stored = await ensureWorkflow(created.id);
404
+ if (!stored) {
405
+ throw new Error("Failed to load uploaded workflow");
406
+ }
407
+
408
+ invalidateWorkflowListCache();
409
+ primeWorkflowCache(stored);
410
+ emitUpdate();
411
+ return stored;
412
+ };
413
+
414
+ export const updateWorkflowFromFiles = async (
415
+ workflowId: string,
416
+ script: string,
417
+ config: Record<string, unknown> | null,
418
+ options?: { actor?: string },
419
+ ): Promise<StoredWorkflow> => {
420
+ const actor = resolveActor(options?.actor);
421
+
422
+ await request(`${API_BASE}/${workflowId}/versions/ingest`, {
423
+ method: "POST",
424
+ body: JSON.stringify({
425
+ script,
426
+ entrypoint: null,
427
+ runnable_config: config ?? null,
428
+ metadata: { source: "studio-update" },
429
+ notes: null,
430
+ created_by: actor,
431
+ }),
432
+ });
433
+
434
+ const stored = await ensureWorkflow(workflowId);
435
+ if (!stored) {
436
+ throw new Error("Failed to load updated workflow");
437
+ }
438
+
439
+ invalidateWorkflowListCache();
440
+ primeWorkflowCache(stored);
441
+ emitUpdate();
442
+ return stored;
443
+ };
444
+
445
+ export const deleteWorkflow = async (
446
+ workflowId: string,
447
+ actor?: string,
448
+ ): Promise<void> => {
449
+ const resolvedActor = resolveActor(actor);
450
+ await request<void>(
451
+ `${API_BASE}/${workflowId}?actor=${encodeURIComponent(resolvedActor)}`,
452
+ { method: "DELETE", expectJson: false },
453
+ );
454
+ invalidateWorkflowCache(workflowId);
455
+ invalidateWorkflowListCache();
456
+ emitUpdate();
457
+ };
458
+
459
+ export const onboardCandidateAsWorkflow = async (
460
+ candidateId: string,
461
+ ): Promise<StoredWorkflow> => {
462
+ const apiWorkflow = await onboardCandidate(candidateId);
463
+ invalidateWorkflowCache(apiWorkflow.id);
464
+ const stored = await ensureWorkflow(apiWorkflow.id);
465
+ if (!stored) {
466
+ throw new Error("Failed to load onboarded workflow");
467
+ }
468
+ invalidateWorkflowListCache();
469
+ primeWorkflowCache(stored);
470
+ emitUpdate();
471
+ return stored;
472
+ };
473
+
474
+ export type {
475
+ StoredWorkflow,
476
+ WorkflowVersionRecord,
477
+ SaveWorkflowInput,
478
+ SaveWorkflowOptions,
479
+ } from "./workflow-storage.types";
480
+
481
+ export { WORKFLOW_STORAGE_EVENT } from "./workflow-storage.constants";
482
+ export { getWorkflowRouteRef };