@loopstack/loopstack-studio 0.21.3 → 0.23.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 (126) hide show
  1. package/dist/api/auth.js +10 -0
  2. package/dist/api/client.js +13 -0
  3. package/dist/api/config.js +10 -0
  4. package/dist/api/dashboard.js +4 -0
  5. package/dist/api/documents.js +7 -0
  6. package/dist/api/index.js +24 -0
  7. package/dist/api/namespaces.js +7 -0
  8. package/dist/api/pipelines.js +13 -0
  9. package/dist/api/processor.js +4 -0
  10. package/dist/api/workflows.js +8 -0
  11. package/dist/api/workspaces.js +12 -0
  12. package/dist/app/EnvironmentEmbedRoot.js +35 -0
  13. package/dist/components/data-table/DataTableFilters.js +74 -63
  14. package/dist/components/feedback/ErrorBoundary.js +43 -0
  15. package/dist/components/{LoadingCentered.js → feedback/LoadingCentered.js} +1 -1
  16. package/dist/components/feedback/index.js +5 -0
  17. package/dist/components/index.js +6 -3
  18. package/dist/components/layout/MainLayout.js +36 -17
  19. package/dist/components/layout/StudioSidebar.js +165 -0
  20. package/dist/components/page/PageBreadcrumbs.js +1 -1
  21. package/dist/components/ui/sidebar.js +359 -359
  22. package/dist/components/ui-widgets/UiActions.js +22 -15
  23. package/dist/components/ui-widgets/UiWidget.js +31 -26
  24. package/dist/components/ui-widgets/widgets/AiPromptInput.js +27 -27
  25. package/dist/components/ui-widgets/widgets/ButtonFullWidth.js +12 -12
  26. package/dist/components/ui-widgets/widgets/SandboxRun.js +33 -0
  27. package/dist/components/ui-widgets/widgets/SubmitButton.js +11 -11
  28. package/dist/features/code-explorer/CodeExplorer.js +4 -67
  29. package/dist/features/code-explorer/components/CodeExplorerTree.js +3 -41
  30. package/dist/features/code-explorer/components/CodeExplorerTreeNode.js +4 -80
  31. package/dist/features/code-explorer/components/FileContentViewer.js +1 -0
  32. package/dist/features/code-explorer/components/FileTabsBar.js +1 -1
  33. package/dist/features/code-explorer/index.js +4 -0
  34. package/dist/features/code-explorer/utils/fileIcons.js +4 -7
  35. package/dist/features/debug/components/ConfigFlowViewer.js +1 -1
  36. package/dist/features/debug/components/PipelineFlowViewer.js +1 -1
  37. package/dist/features/debug/index.js +3 -0
  38. package/dist/features/documents/DocumentRenderer.js +53 -0
  39. package/dist/features/{workbench → documents}/components/DocumentItem.js +1 -1
  40. package/dist/features/documents/components/DocumentList.js +40 -0
  41. package/dist/features/{workbench → documents}/components/DocumentMetadataPills.js +2 -2
  42. package/dist/features/{workbench/components → documents}/document-details/DocumentDetails.js +3 -3
  43. package/dist/features/{workbench/components → documents}/document-details/PromptDetails.js +3 -3
  44. package/dist/features/documents/index.js +4 -0
  45. package/dist/features/{workbench/components/document-renderer → documents/renderers}/AiMessage.js +5 -5
  46. package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentDebugRenderer.js +1 -1
  47. package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentFormRenderer.js +9 -8
  48. package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentMessageRenderer.js +1 -1
  49. package/dist/features/{workbench/components/document-renderer → documents/renderers}/ErrorMessageRenderer.js +1 -1
  50. package/dist/features/{workbench/components/document-renderer → documents/renderers}/LinkMessageRenderer.js +1 -1
  51. package/dist/features/{workbench/components/document-renderer → documents/renderers}/MarkdownMessageRenderer.js +2 -2
  52. package/dist/features/{workbench/components/document-renderer → documents/renderers}/PlainMessageRenderer.js +1 -1
  53. package/dist/features/health/index.js +1 -0
  54. package/dist/features/oauth/OAuthPromptRenderer.js +1 -1
  55. package/dist/features/runs/Runs.js +197 -0
  56. package/dist/features/workbench/NavigationItems.js +29 -29
  57. package/dist/features/workbench/Workbench.js +100 -78
  58. package/dist/features/workbench/WorkflowItem.js +63 -58
  59. package/dist/features/workbench/WorkflowList.js +62 -82
  60. package/dist/features/workbench/components/NewRunDialog.js +329 -0
  61. package/dist/features/workbench/components/WorkbenchFloatingPanel.js +88 -0
  62. package/dist/features/workbench/components/WorkbenchFlowPanel.js +49 -0
  63. package/dist/features/workbench/components/WorkbenchIconSidebar.js +68 -0
  64. package/dist/features/workbench/components/WorkbenchPreviewPanel.js +128 -0
  65. package/dist/features/workbench/components/WorkflowForms.js +7 -6
  66. package/dist/features/workbench/components/WorkflowHistoryItem.js +74 -69
  67. package/dist/features/workbench/components/buttons/WorkflowButtons.js +78 -61
  68. package/dist/features/workbench/hooks/useWorkflowData.js +49 -0
  69. package/dist/features/workbench/hooks/useWorkflowListState.js +50 -0
  70. package/dist/features/workbench/index.js +8 -0
  71. package/dist/features/workbench/providers/WorkbenchLayoutProvider.js +76 -0
  72. package/dist/features/workspaces/Workspaces.js +2 -2
  73. package/dist/features/workspaces/components/CreateWorkspace.js +165 -82
  74. package/dist/features/workspaces/components/EnvironmentSlotSelector.js +63 -0
  75. package/dist/features/workspaces/components/ExecutionTimeline.js +70 -69
  76. package/dist/features/workspaces/components/PipelineForm.js +4 -4
  77. package/dist/features/workspaces/index.js +3 -0
  78. package/dist/hooks/index.js +3 -0
  79. package/dist/hooks/query-keys.js +138 -0
  80. package/dist/hooks/useApi.js +9 -33
  81. package/dist/hooks/useAuth.js +37 -56
  82. package/dist/hooks/useConfig.js +27 -33
  83. package/dist/hooks/useDashboard.js +9 -16
  84. package/dist/hooks/useDebounce.js +8 -17
  85. package/dist/hooks/useDocuments.js +7 -16
  86. package/dist/hooks/useFiles.js +24 -42
  87. package/dist/hooks/useNamespaces.js +7 -16
  88. package/dist/hooks/usePipelines.js +141 -174
  89. package/dist/hooks/useProcessor.js +11 -17
  90. package/dist/hooks/useWorkflows.js +51 -89
  91. package/dist/hooks/useWorkspaces.js +97 -129
  92. package/dist/index.d.ts +364 -50
  93. package/dist/index.js +21 -6
  94. package/dist/packages/contracts/dist/enums/index.js +25 -0
  95. package/dist/packages/contracts/dist/enums/pipeline-state.js +10 -0
  96. package/dist/packages/contracts/dist/enums/registry.enum.js +20 -0
  97. package/dist/packages/contracts/dist/enums/sort-order.enum.js +10 -0
  98. package/dist/packages/contracts/dist/enums/user-type.enum.js +10 -0
  99. package/dist/packages/contracts/dist/enums/workflow-state.enum.js +10 -0
  100. package/dist/pages/DashboardPage.js +1 -1
  101. package/dist/pages/DebugPage.js +12 -14
  102. package/dist/pages/DebugWorkflowDetailsPage.js +2 -2
  103. package/dist/pages/DebugWorkflowsPage.js +3 -4
  104. package/dist/pages/EmbedWorkbenchPage.js +7 -5
  105. package/dist/pages/PipelineDebugPage.js +7 -6
  106. package/dist/pages/PreviewWorkbenchPage.js +419 -0
  107. package/dist/pages/RunsListPage.js +64 -0
  108. package/dist/pages/RunsPage.js +49 -0
  109. package/dist/pages/StudioLandingPage.js +146 -0
  110. package/dist/pages/WorkbenchPage.js +78 -53
  111. package/dist/pages/WorkspacePage.js +1 -1
  112. package/dist/providers/InvalidationEventsProvider.js +15 -17
  113. package/dist/providers/QueryProvider.js +21 -0
  114. package/dist/providers/StudioProvider.js +2 -2
  115. package/dist/routing/LocalRouter.js +20 -7
  116. package/dist/services/createApiClient.js +4 -10
  117. package/dist/services/index.js +1 -1
  118. package/package.json +2 -3
  119. package/dist/features/workbench/components/DocumentList.js +0 -40
  120. package/dist/features/workbench/components/DocumentRenderer.js +0 -54
  121. package/dist/features/workbench/components/WorkbenchSidebar.js +0 -109
  122. package/dist/features/workbench/providers/WorkbenchContextProvider.js +0 -3
  123. /package/dist/components/{content → feedback}/ErrorAlert.js +0 -0
  124. /package/dist/components/{snackbars → feedback}/ErrorSnackbar.js +0 -0
  125. /package/dist/components/{snackbars → feedback}/Snackbar.js +0 -0
  126. /package/dist/features/{workbench/components/document-renderer → documents/renderers}/AiMessageContent.js +0 -0
@@ -1,54 +0,0 @@
1
- import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
2
- import OAuthPromptRenderer_default from "../../oauth/OAuthPromptRenderer.js";
3
- import "../../oauth/index.js";
4
- import AiMessage_default from "./document-renderer/AiMessage.js";
5
- import LinkMessageRenderer_default from "./document-renderer/LinkMessageRenderer.js";
6
- import DocumentDebugRenderer_default from "./document-renderer/DocumentDebugRenderer.js";
7
- import DocumentFormRenderer_default from "./document-renderer/DocumentFormRenderer.js";
8
- import DocumentMessageRenderer_default from "./document-renderer/DocumentMessageRenderer.js";
9
- import ErrorMessageRenderer_default from "./document-renderer/ErrorMessageRenderer.js";
10
- import MarkdownMessageRenderer_default from "./document-renderer/MarkdownMessageRenderer.js";
11
- import PlainMessageRenderer_default from "./document-renderer/PlainMessageRenderer.js";
12
- import { c } from "react/compiler-runtime";
13
- import React from "react";
14
- import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
15
- var DocumentRenderer_default = (m) => {
16
- let h = c(8), { pipeline: g, workflow: _, document: v, isActive: y, isLastItem: b } = m, x = !y, S = v, C = S.ui?.form?.widget ?? "object-form", w;
17
- return h[0] !== S || h[1] !== y || h[2] !== b || h[3] !== g || h[4] !== x || h[5] !== C || h[6] !== _ ? (w = /* @__PURE__ */ jsx("div", { children: (() => {
18
- switch (C) {
19
- case "ai-message": return /* @__PURE__ */ jsx(AiMessage_default, {
20
- document: S,
21
- isLastItem: b
22
- });
23
- case "debug": return /* @__PURE__ */ jsx("div", {
24
- className: "mb-4 flex",
25
- children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: S })
26
- });
27
- case "object-form": return /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
28
- role: "document",
29
- fullWidth: !0,
30
- timestamp: new Date(S.createdAt),
31
- children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
32
- pipeline: g,
33
- workflow: _,
34
- document: S,
35
- enabled: y,
36
- viewOnly: x
37
- })
38
- });
39
- case "message": return /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: S });
40
- case "error": return /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: S });
41
- case "plain": return /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: S });
42
- case "markdown": return /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: S });
43
- case "link": return /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: S });
44
- case "oauth-prompt": return /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
45
- pipeline: g,
46
- workflow: _,
47
- document: S,
48
- isActive: y
49
- });
50
- default: return /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" });
51
- }
52
- })() }), h[0] = S, h[1] = y, h[2] = b, h[3] = g, h[4] = x, h[5] = C, h[6] = _, h[7] = w) : w = h[7], w;
53
- };
54
- export { DocumentRenderer_default as default };
@@ -1,109 +0,0 @@
1
- import { useStudio } from "../../../providers/StudioProvider.js";
2
- import { Button } from "../../../components/ui/button.js";
3
- import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../../components/ui/tooltip.js";
4
- import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarTrigger, useSidebar } from "../../../components/ui/sidebar.js";
5
- import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../components/ui/tabs.js";
6
- import { CodeExplorer } from "../../code-explorer/CodeExplorer.js";
7
- import WorkbenchNavigation_default from "../WorkbenchNavigation.js";
8
- import PipelineHistoryList_default from "./PipelineHistoryList.js";
9
- import { c } from "react/compiler-runtime";
10
- import { jsx, jsxs } from "react/jsx-runtime";
11
- import { Code, GitGraph } from "lucide-react";
12
- var WorkbenchSidebar_default = (O) => {
13
- let k = c(30), { namespaceTree: A, pipeline: j, workspaceConfig: M } = O, { router: N } = useStudio(), { open: P } = useSidebar(), F = M?.features, I = F?.sidebar?.enabled ?? !0, L = F?.debugWorkflow?.enabled ?? !0, R = F?.fileExplorer?.enabled ?? !1, z = F?.workflowNavigation?.enabled ?? !0, B = F?.workflowHistory?.enabled ?? !0;
14
- if (!I) return null;
15
- let V;
16
- k[0] !== R || k[1] !== B || k[2] !== z ? (V = () => R ? "codeExplorer" : z ? "pipelineNavigation" : B ? "pipelineHistory" : "codeExplorer", k[0] = R, k[1] = B, k[2] = z, k[3] = V) : V = k[3];
17
- let H = V, U;
18
- k[4] !== R || k[5] !== B || k[6] !== z ? (U = [
19
- R,
20
- z,
21
- B
22
- ].filter(Boolean), k[4] = R, k[5] = B, k[6] = z, k[7] = U) : U = k[7];
23
- let W = U.length, G;
24
- k[8] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ jsx(SidebarTrigger, { className: "flex h-8 w-8 items-center justify-center hover:cursor-pointer" }), k[8] = G) : G = k[8];
25
- let K;
26
- k[9] !== L || k[10] !== j || k[11] !== N ? (K = j && L && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
27
- asChild: !0,
28
- children: /* @__PURE__ */ jsx(Button, {
29
- variant: "ghost",
30
- size: "icon",
31
- className: "h-8 w-8",
32
- onClick: () => void N.navigateToPipelineDebug(j.id),
33
- children: /* @__PURE__ */ jsx(GitGraph, { className: "text-muted-foreground h-4 w-4" })
34
- })
35
- }), /* @__PURE__ */ jsx(TooltipContent, {
36
- side: "bottom",
37
- children: /* @__PURE__ */ jsx("p", { children: "Debug Pipeline Flow" })
38
- })] }) }), k[9] = L, k[10] = j, k[11] = N, k[12] = K) : K = k[12];
39
- let q;
40
- k[13] === K ? q = k[14] : (q = /* @__PURE__ */ jsx(SidebarHeader, {
41
- className: "border-sidebar-border w-full flex-row items-center justify-between border-b p-2",
42
- children: /* @__PURE__ */ jsxs("div", {
43
- className: "flex items-center gap-1",
44
- children: [G, K]
45
- })
46
- }), k[13] = K, k[14] = q);
47
- let J;
48
- k[15] !== W || k[16] !== R || k[17] !== H || k[18] !== A || k[19] !== P || k[20] !== j || k[21] !== B || k[22] !== z ? (J = P && /* @__PURE__ */ jsxs(Tabs, {
49
- defaultValue: H(),
50
- className: "flex h-full w-full flex-col",
51
- children: [
52
- W > 1 && /* @__PURE__ */ jsxs(TabsList, {
53
- className: "w-full shrink-0",
54
- children: [
55
- R && /* @__PURE__ */ jsxs(TabsTrigger, {
56
- value: "codeExplorer",
57
- className: "flex items-center gap-1.5",
58
- children: [/* @__PURE__ */ jsx(Code, { className: "h-3.5 w-3.5" }), "Files"]
59
- }),
60
- z && /* @__PURE__ */ jsx(TabsTrigger, {
61
- value: "pipelineNavigation",
62
- children: "Navigation"
63
- }),
64
- B && /* @__PURE__ */ jsx(TabsTrigger, {
65
- value: "pipelineHistory",
66
- children: "History"
67
- })
68
- ]
69
- }),
70
- R && /* @__PURE__ */ jsx(TabsContent, {
71
- value: "codeExplorer",
72
- className: "mt-2 flex min-h-0 flex-1 flex-col overflow-hidden",
73
- children: /* @__PURE__ */ jsx(CodeExplorer, {})
74
- }),
75
- z && /* @__PURE__ */ jsxs(TabsContent, {
76
- value: "pipelineNavigation",
77
- className: "mt-2",
78
- children: [/* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Pipeline Navigation" }), /* @__PURE__ */ jsx(SidebarMenu, { children: j && A.length ? /* @__PURE__ */ jsx(WorkbenchNavigation_default, {
79
- namespaceTree: A,
80
- indent: 0
81
- }) : null })]
82
- }),
83
- B && /* @__PURE__ */ jsxs(TabsContent, {
84
- value: "pipelineHistory",
85
- className: "mt-2",
86
- children: [/* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Run History" }), /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: j }) })]
87
- })
88
- ]
89
- }), k[15] = W, k[16] = R, k[17] = H, k[18] = A, k[19] = P, k[20] = j, k[21] = B, k[22] = z, k[23] = J) : J = k[23];
90
- let Y;
91
- k[24] === J ? Y = k[25] : (Y = /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarGroup, {
92
- className: "flex h-full flex-col",
93
- children: J
94
- }) }), k[24] = J, k[25] = Y);
95
- let X;
96
- k[26] === Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ jsx(SidebarFooter, {}), k[26] = X) : X = k[26];
97
- let Z;
98
- return k[27] !== q || k[28] !== Y ? (Z = /* @__PURE__ */ jsxs(Sidebar, {
99
- side: "right",
100
- collapsible: "icon",
101
- className: "workbench-sidebar z-31",
102
- children: [
103
- q,
104
- Y,
105
- X
106
- ]
107
- }), k[27] = q, k[28] = Y, k[29] = Z) : Z = k[29], Z;
108
- };
109
- export { WorkbenchSidebar_default as default };
@@ -1,3 +0,0 @@
1
- import { createContext } from "react";
2
- const WorkbenchContextProvider = createContext(null);
3
- export { WorkbenchContextProvider };