@loopstack/loopstack-studio 0.33.0 → 0.35.0

package/dist/features/workbench/components/WorkbenchSidebarShell.js

@@ -1,6 +1,6 @@
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
 import "../../feature-registry/index.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { WorkbenchEnvironmentPanel } from "./WorkbenchEnvironmentPanel.js";
 import { WorkbenchIconSidebar } from "./WorkbenchIconSidebar.js";
 import { WorkbenchPreviewPanel } from "./WorkbenchPreviewPanel.js";
@@ -49,8 +49,8 @@ function ActivePanelContent() {
 		}
 	}
 }
-function SidebarContent(r) {
-	let i = c(12), { children: o } = r, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
+function SidebarContent(e) {
+	let i = c(12), { children: o } = e, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
 	i[0] !== o || i[1] !== m ? (h = /* @__PURE__ */ jsx("div", {
 		className: m,
 		children: o

package/dist/features/workbench/components/WorkflowForms.js

@@ -1,6 +1,6 @@
-import { useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
 import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
 import "../../../packages/contracts/dist/enums/index.js";
+import { useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
 import UiActions_default from "../../../components/ui-widgets/UiActions.js";
 import { c } from "react/compiler-runtime";
 import React from "react";

package/dist/features/workbench/components/WorkflowHistoryItem.js

@@ -1,4 +1,5 @@
-import { useWorkflowCheckpoints } from "../../../hooks/useWorkflows.js";
+import { useWorkflowCheckpoints } from "../../../packages/react/dist/hooks/queries.js";
+import "../../../hooks/useWorkflows.js";
 import { cn } from "../../../lib/utils.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { c } from "react/compiler-runtime";

package/dist/features/workbench/components/buttons/WorkflowButtons.js

@@ -1,9 +1,11 @@
+import { useWorkflow } from "../../../../packages/react/dist/hooks/queries.js";
+import { useCreateWorkflow, useRunWorkflow } from "../../../../packages/react/dist/hooks/mutations.js";
+import "../../../../hooks/useWorkflows.js";
 import { useStudio } from "../../../../providers/StudioProvider.js";
-import { useCreateWorkflow, useWorkflow } from "../../../../hooks/useWorkflows.js";
 import { Button } from "../../../../components/ui/button.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../../components/ui/alert-dialog.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../../components/ui/tooltip.js";
-import { useRunWorkflow } from "../../../../hooks/useProcessor.js";
+import "../../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -11,18 +13,14 @@ import { LockOpen, Repeat } from "lucide-react";
 var WorkflowButtons_default = (T) => {
 	let E = c(34), { workflow: D, workflowId: O } = T, { router: k } = useStudio(), A = useWorkflow(O).data, j = useCreateWorkflow(), M = useRunWorkflow(), N = j.isPending || M.isPending, P;
 	E[0] !== j || E[1] !== k || E[2] !== M || E[3] !== D.args || E[4] !== D.workflowName || E[5] !== D.workspaceId ? (P = () => {
-		j.mutate({ workflowCreateDto: {
+		j.mutate({
 			workflowName: D.workflowName,
 			title: null,
 			workspaceId: D.workspaceId,
 			transition: null,
 			args: D.args ?? {}
-		} }, { onSuccess: (t) => {
-			M.mutate({
-				workflowId: t.id,
-				runWorkflowPayloadDto: {},
-				force: !0
-			}, { onSuccess: () => {
+		}, { onSuccess: (t) => {
+			M.mutate({ workflowId: t.id }, { onSuccess: () => {
 				k.navigateToWorkflow(t.id);
 			} });
 		} });
@@ -31,11 +29,7 @@ var WorkflowButtons_default = (T) => {
 	E[7] !== M || E[8] !== D.id || E[9] !== O ? (I = () => {
 		M.mutate({
 			workflowId: D.id,
-			runWorkflowPayloadDto: { transition: {
-				name: "unlock",
-				workflowId: O
-			} },
-			force: !1
+			payload: { transition: { workflowId: O } }
 		});
 	}, E[7] = M, E[8] = D.id, E[9] = O, E[10] = I) : I = E[10];
 	let L = I;

package/dist/features/workbench/hooks/useLlmStreamingDocuments.js

@@ -1,162 +1,95 @@
-import { SseClientEvents } from "../../../events/sse-client-events.js";
-import { eventBus } from "../../../services/eventEmitter.js";
-import "../../../services/index.js";
+import { useLlmStream } from "../../../packages/react/dist/hooks/use-llm-stream.js";
+import "../../../packages/react/dist/index.js";
+import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 var WORD_DRAIN_INTERVAL_MS = 35;
 function takeNextWord(e) {
-	let r = e.match(/^(\s*\S+\s*)/)?.[0] ?? e.slice(0, 1);
-	return {
-		word: r,
-		remaining: e.slice(r.length)
-	};
+	return e.match(/^(\s*\S+\s*)/)?.[0] ?? e.slice(0, 1);
 }
-function createStreamingDocument(e, r, i) {
-	let a = [];
-	i.thinking && a.push({
+function isFullyRevealed(e, n) {
+	return (n?.text.length ?? 0) >= e.text.length && (n?.thinking.length ?? 0) >= e.thinking.length;
+}
+function createStreamingDocument(e, n, r, i) {
+	let a = r.completed && isFullyRevealed(r, i), o = [], s = i?.thinking ?? "";
+	s && o.push({
 		type: "thinking",
-		text: i.thinking
+		text: s
 	});
-	let o = i.error ? `Error while streaming response: ${i.error}` : i.text;
-	a.push({
+	let l = r.error ? `Error while streaming response: ${r.error}` : i?.text ?? "";
+	o.push({
 		type: "text",
-		text: o
-	}), a.push(...i.toolCalls);
-	let s = /* @__PURE__ */ new Date();
+		text: l
+	}), o.push(...r.toolCalls.map((e) => ({
+		type: "tool_call",
+		...e
+	})));
+	let u = (/* @__PURE__ */ new Date()).toISOString();
 	return {
-		id: `streaming-${i.messageId}`,
+		id: `streaming-${r.messageId}`,
 		documentName: "llm_message",
 		content: {
-			id: i.messageId,
+			id: r.messageId,
 			role: "assistant",
-			text: o,
-			blocks: a
+			text: l,
+			blocks: o
 		},
 		validationError: null,
 		meta: {
-			streaming: !i.readyForFinal && !i.error,
-			streamReadyForFinal: i.readyForFinal
+			streaming: !a && !r.error,
+			streamReadyForFinal: a
 		},
 		isInvalidated: !1,
 		index: 2 ** 53 - 1,
 		transition: null,
-		place: r,
+		place: n,
 		labels: [],
 		tags: ["message"],
-		createdAt: s,
-		updatedAt: s,
+		createdAt: u,
+		updatedAt: u,
 		workspaceId: "",
 		workflowId: e
 	};
 }
-function useLlmStreamingDocuments(l, u) {
-	let [d, f] = useState({}), p = useRef({}), m = useRef(null);
-	return useEffect(() => {
-		function i() {
-			m.current === null && (m.current = window.setTimeout(() => {
-				m.current = null, a();
-			}, WORD_DRAIN_INTERVAL_MS));
-		}
-		function a(e) {
-			let r = Object.entries(p.current).filter(([r]) => !e || r === e);
-			if (!r.length) return;
-			let a = {};
-			for (let [e, i] of r) {
-				if (a[e] = {
-					text: "",
-					thinking: ""
-				}, i.thinking) {
-					let r = takeNextWord(i.thinking);
-					a[e].thinking = r.word, i.thinking = r.remaining;
-				} else if (i.text) {
-					let r = takeNextWord(i.text);
-					a[e].text = r.word, i.text = r.remaining;
-				}
-				!i.text && !i.thinking && delete p.current[e];
-			}
-			let o = Object.values(p.current).some((e) => e.text || e.thinking);
-			f((e) => {
-				let r = { ...e };
-				for (let [e, i] of Object.entries(a)) {
-					let a = r[e] ?? {
-						messageId: e,
+function useLlmStreamingDocuments(i, d) {
+	let f = c(13), p = useLlmStream(i), m;
+	f[0] === Symbol.for("react.memo_cache_sentinel") ? (m = {}, f[0] = m) : m = f[0];
+	let [h, g] = useState(m), _ = useRef(null), v;
+	f[1] === Symbol.for("react.memo_cache_sentinel") ? (v = () => {
+		g({});
+	}, f[1] = v) : v = f[1];
+	let y;
+	f[2] === i ? y = f[3] : (y = [i], f[2] = i, f[3] = y), useEffect(v, y);
+	let b, x;
+	f[4] !== h || f[5] !== p ? (b = () => {
+		if (!(!Object.values(p).some((e) => !isFullyRevealed(e, h[e.messageId])) || _.current !== null)) return _.current = window.setTimeout(() => {
+			_.current = null, g((e) => {
+				let n = { ...e };
+				for (let e of Object.values(p)) {
+					let r = n[e.messageId] ?? {
 						text: "",
-						thinking: "",
-						toolCalls: [],
-						completed: !1,
-						readyForFinal: !1
-					}, o = !p.current[e]?.text && !p.current[e]?.thinking;
-					r[e] = {
-						...a,
-						text: a.text + i.text,
-						thinking: a.thinking + i.thinking,
-						readyForFinal: a.completed && o
+						thinking: ""
 					};
+					if (r.thinking.length < e.thinking.length) {
+						let i = takeNextWord(e.thinking.slice(r.thinking.length));
+						n[e.messageId] = {
+							...r,
+							thinking: r.thinking + i
+						};
+					} else if (r.text.length < e.text.length) {
+						let i = takeNextWord(e.text.slice(r.text.length));
+						n[e.messageId] = {
+							...r,
+							text: r.text + i
+						};
+					}
 				}
-				return r;
-			}), o && i();
-		}
-		function o(e, r) {
-			if (e.workflowId !== l || !e.messageId || !e.delta) return;
-			let a = p.current[e.messageId] ?? {
-				text: "",
-				thinking: ""
-			};
-			a[r] += e.delta, p.current[e.messageId] = a, i();
-		}
-		function s(e, r) {
-			e.workflowId !== l || !e.messageId || f((i) => ({
-				...i,
-				[e.messageId]: r(i[e.messageId] ?? {
-					messageId: e.messageId,
-					text: "",
-					thinking: "",
-					toolCalls: [],
-					completed: !1,
-					readyForFinal: !1
-				})
-			}));
-		}
-		let c = eventBus.on(SseClientEvents.LLM_RESPONSE_START, (e) => {
-			s(e, (e) => ({
-				...e,
-				completed: !1,
-				readyForFinal: !1,
-				error: void 0
-			}));
-		}), u = eventBus.on(SseClientEvents.LLM_RESPONSE_TEXT_DELTA, (e) => {
-			o(e, "text");
-		}), d = eventBus.on(SseClientEvents.LLM_RESPONSE_THINKING_DELTA, (e) => {
-			o(e, "thinking");
-		}), h = eventBus.on(SseClientEvents.LLM_RESPONSE_TOOL_CALL, (e) => {
-			s(e, (r) => ({
-				...r,
-				toolCalls: e.id ? [...r.toolCalls, {
-					type: "tool_call",
-					id: e.id,
-					name: e.name ?? "tool",
-					args: e.args ?? {}
-				}] : r.toolCalls
-			}));
-		}), g = eventBus.on(SseClientEvents.LLM_RESPONSE_DONE, (e) => {
-			s(e, (r) => ({
-				...r,
-				completed: !0,
-				readyForFinal: !e.messageId || !p.current[e.messageId]
-			}));
-		}), _ = eventBus.on(SseClientEvents.LLM_RESPONSE_ERROR, (e) => {
-			s(e, (r) => ({
-				...r,
-				completed: !0,
-				error: e.error ?? "Unknown error"
-			}));
-		});
-		return () => {
-			c(), u(), d(), h(), g(), _(), m.current !== null && (window.clearTimeout(m.current), m.current = null), p.current = {};
+				return n;
+			});
+		}, WORD_DRAIN_INTERVAL_MS), () => {
+			_.current !== null && (window.clearTimeout(_.current), _.current = null);
 		};
-	}, [l]), useMemo(() => Object.values(d).map((e) => createStreamingDocument(l, u ?? "", e)), [
-		u,
-		d,
-		l
-	]);
+	}, x = [p, h], f[4] = h, f[5] = p, f[6] = b, f[7] = x) : (b = f[6], x = f[7]), useEffect(b, x);
+	let S;
+	return f[8] !== d || f[9] !== h || f[10] !== p || f[11] !== i ? (S = Object.values(p).map((e) => createStreamingDocument(i, d ?? "", e, h[e.messageId])), f[8] = d, f[9] = h, f[10] = p, f[11] = i, f[12] = S) : S = f[12], S;
 }
 export { useLlmStreamingDocuments };

package/dist/features/workbench/hooks/useWorkflowData.js

@@ -1,8 +1,10 @@
-import { useDocumentConfigs } from "../../../hooks/useConfig.js";
-import { useWorkflow } from "../../../hooks/useWorkflows.js";
+import { useWorkflow } from "../../../packages/react/dist/hooks/queries.js";
 import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
 import "../../../packages/contracts/dist/enums/index.js";
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { useRunWorkflow } from "../../../packages/react/dist/hooks/mutations.js";
+import { useDocumentConfigs } from "../../../hooks/useConfig.js";
+import "../../../hooks/useWorkflows.js";
+import "../../../hooks/useProcessor.js";
 import { useFilterDocuments } from "../../../hooks/useDocuments.js";
 import { useLlmStreamingDocuments } from "./useLlmStreamingDocuments.js";
 import { c } from "react/compiler-runtime";
@@ -17,8 +19,8 @@ function isStreamReadyForFinal(e) {
 function useWorkflowData(p) {
 	let m = c(22), { workflowId: h, showFullMessageHistory: g } = p, _ = useWorkflow(h), v = useFilterDocuments(h), y = useRunWorkflow(), b = useLlmStreamingDocuments(h, _.data?.place), x = useDocumentConfigs(), S;
 	m[0] !== x || m[1] !== _.data?.place || m[2] !== g ? (S = (e) => {
-		let s = x.get(e.documentName)?.meta, l = s?.hidden || !!s?.hideAtPlaces?.includes(_.data?.place ?? "");
-		return !g && e.tags?.includes("internal") && (l = !0), !l;
+		let s = !!(x.get(e.documentName)?.meta)?.hideAtPlaces?.includes(_.data?.place ?? "");
+		return !g && e.tags?.includes("internal") && (s = !0), !s;
 	}, m[0] = x, m[1] = _.data?.place, m[2] = g, m[3] = S) : S = m[3];
 	let C = S, w;
 	bb0: {
@@ -43,7 +45,7 @@ function useWorkflowData(p) {
 	m[8] !== y || m[9] !== h ? (E = (e, s) => {
 		y.mutate({
 			workflowId: h,
-			runWorkflowPayloadDto: { transition: {
+			payload: { transition: {
 				id: e,
 				workflowId: h,
 				payload: s

package/dist/features/workbench/index.js

@@ -3,10 +3,10 @@ import WorkflowHistoryList_default from "./components/WorkflowHistoryList.js";
 import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
 import WorkflowList_default from "./WorkflowList.js";
 import { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
+import { WorkbenchSidebarShell } from "./components/WorkbenchSidebarShell.js";
 import Workbench from "./Workbench.js";
 import { NewRunDialog } from "./components/NewRunDialog.js";
 import "./hooks/useEmbedBridge.js";
 import "./components/PreviewWorkbench.js";
 import { RecentRunItem } from "./components/RecentRunItem.js";
 import "./components/PreviewEmptyState.js";
-import { WorkbenchSidebarShell } from "./components/WorkbenchSidebarShell.js";

package/dist/features/workspaces/Workspaces.js

@@ -1,13 +1,15 @@
+import { useAppsConfig } from "../../packages/react/dist/hooks/queries.js";
+import { useBatchDeleteWorkspaces, useDeleteWorkspace, useSetFavouriteWorkspace } from "../../packages/react/dist/hooks/mutations.js";
+import "../../hooks/useConfig.js";
+import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
 import { useStudio } from "../../providers/StudioProvider.js";
-import { useAppsConfig } from "../../hooks/useConfig.js";
-import { useBatchDeleteWorkspaces, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace } from "../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { Badge } from "../../components/ui/badge.js";
 import { Dialog, DialogContent } from "../../components/ui/dialog.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
 import ListView_default from "../../components/lists/ListView.js";
-import CreateWorkspace_default from "./components/CreateWorkspace.js";
 import { useDebounce } from "../../hooks/useDebounce.js";
+import CreateWorkspace_default from "./components/CreateWorkspace.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/features/workspaces/components/CreateWorkspace.js

@@ -1,6 +1,8 @@
-import { useAvailableEnvironments } from "../../../hooks/useConfig.js";
+import { useAvailableEnvironments } from "../../../packages/react/dist/hooks/queries.js";
+import { useCreateWorkspace, useUpdateWorkspace } from "../../../packages/react/dist/hooks/mutations.js";
+import "../../../hooks/useConfig.js";
 import { useReplaceEnvironments, useWorkspaceEnvironments } from "../../../hooks/useEnvironments.js";
-import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
+import "../../../hooks/useWorkspaces.js";
 import { Button } from "../../../components/ui/button.js";
 import { DialogHeader } from "../../../components/ui/dialog.js";
 import { Input } from "../../../components/ui/input.js";
@@ -101,7 +103,7 @@ var CreateWorkspace_default = (xe) => {
 		let t = new FormData(e.currentTarget).get("name");
 		!t || !s || d.mutate({
 			id: s.id,
-			workspaceUpdateDto: {
+			payload: {
 				title: t,
 				isFavourite: h
 			}
@@ -113,11 +115,11 @@ var CreateWorkspace_default = (xe) => {
 	a[38] !== u || a[39] !== h || a[40] !== l || a[41] !== P || a[42] !== m ? (I = (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget).get("name");
-		m && u.mutate({ workspaceCreateDto: {
+		m && u.mutate({
 			title: t || void 0,
 			appName: m,
 			isFavourite: h || void 0
-		} }, { onSuccess: async (e) => {
+		}, { onSuccess: async (e) => {
 			await P(e.id), l(e);
 		} });
 	}, a[38] = u, a[39] = h, a[40] = l, a[41] = P, a[42] = m, a[43] = I) : I = a[43];

package/dist/features/workspaces/components/ExecutionTimeline.js

@@ -1,10 +1,14 @@
-import { useStudio } from "../../../providers/StudioProvider.js";
+import { useLoopstackClient } from "../../../packages/react/dist/provider.js";
+import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../../packages/contracts/dist/enums/index.js";
+import { queryKeys } from "../../../packages/client/dist/queries/query-keys.js";
+import "../../../packages/client/dist/index.js";
+import "../../../packages/react/dist/index.js";
 import { useBatchDeleteWorkflows, useChildWorkflows, useFilterWorkflows } from "../../../hooks/useWorkflows.js";
+import { useStudio } from "../../../providers/StudioProvider.js";
 import { Badge } from "../../../components/ui/badge.js";
 import CustomListView_default from "../../../components/lists/CustomListView.js";
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
-import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
-import "../../../packages/contracts/dist/enums/index.js";
 import NewWorkflowRunDialog_default from "./NewWorkflowRunDialog.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useState } from "react";
@@ -13,31 +17,31 @@ import { useQueryClient } from "@tanstack/react-query";
 import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import { format, formatDistanceToNow, isToday, isYesterday, parseISO } from "date-fns";
 var ChildWorkflowList = (e) => {
-	let n = c(15), { parentId: i, formatUpdatedTime: a, getWorkflowStateColor: o, onChildClick: s } = e, { data: l, isPending: u } = useChildWorkflows(i, !0);
-	if (u) {
+	let t = c(15), { parentId: n, formatUpdatedTime: r, getWorkflowStateColor: a, onChildClick: o } = e, { data: s, isPending: l } = useChildWorkflows(n, !0);
+	if (l) {
 		let e;
-		return n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "flex items-center py-2 pl-8",
 			children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" })
-		}), n[0] = e) : e = n[0], e;
+		}), t[0] = e) : e = t[0], e;
 	}
-	let d;
-	n[1] === l ? d = n[2] : (d = l ?? [], n[1] = l, n[2] = d);
-	let f = d;
-	if (f.length === 0) {
+	let u;
+	t[1] === s ? u = t[2] : (u = s ?? [], t[1] = s, t[2] = u);
+	let d = u;
+	if (d.length === 0) {
 		let e;
-		return n[3] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("p", {
+		return t[3] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("p", {
 			className: "py-1 pl-8 text-xs text-gray-400",
 			children: "No child workflows"
-		}), n[3] = e) : e = n[3], e;
+		}), t[3] = e) : e = t[3], e;
 	}
-	let p;
-	if (n[4] !== f || n[5] !== a || n[6] !== o || n[7] !== s) {
+	let f;
+	if (t[4] !== d || t[5] !== r || t[6] !== a || t[7] !== o) {
 		let e;
-		n[9] !== a || n[10] !== o || n[11] !== s ? (e = (e) => /* @__PURE__ */ jsxs("div", {
+		t[9] !== r || t[10] !== a || t[11] !== o ? (e = (e) => /* @__PURE__ */ jsxs("div", {
 			className: "hover:bg-muted/50 flex cursor-pointer items-center justify-between rounded px-2 py-1.5",
-			onClick: (n) => {
-				n.stopPropagation(), s(e.id);
+			onClick: (t) => {
+				t.stopPropagation(), o(e.id);
 			},
 			children: [/* @__PURE__ */ jsxs("div", { children: [
 				/* @__PURE__ */ jsxs("p", {
@@ -55,59 +59,59 @@ var ChildWorkflowList = (e) => {
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-xs text-gray-400",
-					children: a(e.updatedAt)
+					children: r(e.updatedAt)
 				})
 			] }), /* @__PURE__ */ jsx(Badge, {
 				variant: "default",
-				className: o(e.status),
+				className: a(e.status),
 				children: e.status
 			})]
-		}, e.id), n[9] = a, n[10] = o, n[11] = s, n[12] = e) : e = n[12], p = f.map(e), n[4] = f, n[5] = a, n[6] = o, n[7] = s, n[8] = p;
-	} else p = n[8];
-	let m;
-	return n[13] === p ? m = n[14] : (m = /* @__PURE__ */ jsx("div", {
+		}, e.id), t[9] = r, t[10] = a, t[11] = o, t[12] = e) : e = t[12], f = d.map(e), t[4] = d, t[5] = r, t[6] = a, t[7] = o, t[8] = f;
+	} else f = t[8];
+	let p;
+	return t[13] === f ? p = t[14] : (p = /* @__PURE__ */ jsx("div", {
 		className: "mt-4 border-t pt-3 pl-8",
-		children: p
-	}), n[13] = p, n[14] = m), m;
-}, ExecutionTimeline_default = (r) => {
-	let s = c(40), { workspace: u } = r, { router: h } = useStudio(), g = useQueryClient(), [_, v] = useState(0), [y, b] = useState(25), [x, S] = useState(!1), C;
-	s[0] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ new Set(), s[0] = C) : C = s[0];
+		children: f
+	}), t[13] = f, t[14] = p), p;
+}, ExecutionTimeline_default = (t) => {
+	let i = c(41), { workspace: d } = t, { router: m } = useStudio(), h = useQueryClient(), g = useLoopstackClient(), [_, v] = useState(0), [y, b] = useState(25), [x, S] = useState(!1), C;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ new Set(), i[0] = C) : C = i[0];
 	let [w, T] = useState(C), E;
-	s[1] === Symbol.for("react.memo_cache_sentinel") ? (E = (e, n) => {
-		n.stopPropagation(), T((n) => {
-			let r = new Set(n);
-			return r.has(e) ? r.delete(e) : r.add(e), r;
+	i[1] === Symbol.for("react.memo_cache_sentinel") ? (E = (e, t) => {
+		t.stopPropagation(), T((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, s[1] = E) : E = s[1];
+	}, i[1] = E) : E = i[1];
 	let D = E, O, k;
-	s[2] === g ? (O = s[3], k = s[4]) : (O = () => {
-		g.invalidateQueries({ queryKey: ["workflows"] });
-	}, k = [g], s[2] = g, s[3] = O, s[4] = k), useEffect(O, k);
+	i[2] !== g.envKey || i[3] !== h ? (O = () => {
+		h.invalidateQueries({ queryKey: queryKeys.workflows(g.envKey) });
+	}, k = [g.envKey, h], i[2] = g.envKey, i[3] = h, i[4] = O, i[5] = k) : (O = i[4], k = i[5]), useEffect(O, k);
 	let A = _temp, j;
-	s[5] === u.id ? j = s[6] : (j = {
-		workspaceId: u.id,
+	i[6] === d.id ? j = i[7] : (j = {
+		workspaceId: d.id,
 		parentId: null
-	}, s[5] = u.id, s[6] = j);
+	}, i[6] = d.id, i[7] = j);
 	let M = useFilterWorkflows(void 0, j, "createdAt", "DESC", _, y), N = useBatchDeleteWorkflows(), P;
-	s[7] === N ? P = s[8] : (P = (e) => {
+	i[8] === N ? P = i[9] : (P = (e) => {
 		N.mutate(e);
-	}, s[7] = N, s[8] = P);
+	}, i[8] = N, i[9] = P);
 	let F = P, I;
-	s[9] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+	i[10] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
 		S(!0);
-	}, s[9] = I) : I = s[9];
+	}, i[10] = I) : I = i[10];
 	let L = I, R;
-	s[10] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
+	i[11] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
 		S(!1);
-	}, s[10] = R) : R = s[10];
+	}, i[11] = R) : R = i[11];
 	let z = R, B;
-	s[11] === h ? B = s[12] : (B = (e) => {
-		h.navigateToWorkflow(e);
-	}, s[11] = h, s[12] = B);
+	i[12] === m ? B = i[13] : (B = (e) => {
+		m.navigateToWorkflow(e);
+	}, i[12] = m, i[13] = B);
 	let V = B, H = _temp2, U;
-	s[13] === M.data?.data ? U = s[14] : (U = M.data?.data ?? [], s[13] = M.data?.data, s[14] = U);
+	i[14] === M.data?.data ? U = i[15] : (U = M.data?.data ?? [], i[14] = M.data?.data, i[15] = U);
 	let W = U, G = M.data?.total ?? 0, K;
-	s[15] !== w || s[16] !== V ? (K = (e) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+	i[16] !== w || i[17] !== V ? (K = (e) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
 		className: "flex items-center justify-between space-x-3",
 		children: [/* @__PURE__ */ jsxs("div", { children: [
 			/* @__PURE__ */ jsxs("h3", {
@@ -124,7 +128,7 @@ var ChildWorkflowList = (e) => {
 				children: e.workflowName
 			}),
 			e.hasChildren > 0 && /* @__PURE__ */ jsxs("button", {
-				onClick: (n) => D(e.id, n),
+				onClick: (t) => D(e.id, t),
 				className: "hover:bg-muted mt-2 flex items-center gap-1 rounded px-1.5 py-0.5 text-xs text-gray-400",
 				children: [
 					w.has(e.id) ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }),
@@ -149,16 +153,16 @@ var ChildWorkflowList = (e) => {
 		formatUpdatedTime: A,
 		getWorkflowStateColor: H,
 		onChildClick: V
-	})] }), s[15] = w, s[16] = V, s[17] = K) : K = s[17];
+	})] }), i[16] = w, i[17] = V, i[18] = K) : K = i[18];
 	let q = K, J;
-	s[18] === M.error ? J = s[19] : (J = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: M.error }), s[18] = M.error, s[19] = J);
+	i[19] === M.error ? J = i[20] : (J = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: M.error }), i[19] = M.error, i[20] = J);
 	let Y;
-	s[20] === M.isPending ? Y = s[21] : (Y = M.isPending ? /* @__PURE__ */ jsx("div", {
+	i[21] === M.isPending ? Y = i[22] : (Y = M.isPending ? /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center py-8",
 		children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" })
-	}) : "", s[20] = M.isPending, s[21] = Y);
+	}) : "", i[21] = M.isPending, i[22] = Y);
 	let X = M.error ?? null, Z;
-	s[22] !== M.isPending || s[23] !== F || s[24] !== V || s[25] !== _ || s[26] !== q || s[27] !== y || s[28] !== X || s[29] !== G || s[30] !== W ? (Z = /* @__PURE__ */ jsx(CustomListView_default, {
+	i[23] !== M.isPending || i[24] !== F || i[25] !== V || i[26] !== _ || i[27] !== q || i[28] !== y || i[29] !== X || i[30] !== G || i[31] !== W ? (Z = /* @__PURE__ */ jsx(CustomListView_default, {
 		loading: M.isPending,
 		error: X,
 		items: W,
@@ -173,25 +177,25 @@ var ChildWorkflowList = (e) => {
 		batchDelete: F,
 		itemRenderer: q,
 		newButtonLabel: "Run"
-	}), s[22] = M.isPending, s[23] = F, s[24] = V, s[25] = _, s[26] = q, s[27] = y, s[28] = X, s[29] = G, s[30] = W, s[31] = Z) : Z = s[31];
+	}), i[23] = M.isPending, i[24] = F, i[25] = V, i[26] = _, i[27] = q, i[28] = y, i[29] = X, i[30] = G, i[31] = W, i[32] = Z) : Z = i[32];
 	let Q;
-	s[32] !== x || s[33] !== u ? (Q = /* @__PURE__ */ jsx(NewWorkflowRunDialog_default, {
+	i[33] !== x || i[34] !== d ? (Q = /* @__PURE__ */ jsx(NewWorkflowRunDialog_default, {
 		isOpen: x,
 		onOpenChange: S,
-		workspace: u,
+		workspace: d,
 		onSuccess: z
-	}), s[32] = x, s[33] = u, s[34] = Q) : Q = s[34];
+	}), i[33] = x, i[34] = d, i[35] = Q) : Q = i[35];
 	let $;
-	return s[35] !== J || s[36] !== Y || s[37] !== Z || s[38] !== Q ? ($ = /* @__PURE__ */ jsxs("div", { children: [
+	return i[36] !== J || i[37] !== Y || i[38] !== Z || i[39] !== Q ? ($ = /* @__PURE__ */ jsxs("div", { children: [
 		J,
 		Y,
 		Z,
 		Q
-	] }), s[35] = J, s[36] = Y, s[37] = Z, s[38] = Q, s[39] = $) : $ = s[39], $;
+	] }), i[36] = J, i[37] = Y, i[38] = Z, i[39] = Q, i[40] = $) : $ = i[40], $;
 };
 function _temp(e) {
-	let n = parseISO(e);
-	return isToday(n) ? formatDistanceToNow(n, { addSuffix: !0 }) : isYesterday(n) ? `Yesterday at ${format(n, "h:mm a")}` : format(n, "MMM d, yyyy h:mm a");
+	let t = parseISO(e);
+	return isToday(t) ? formatDistanceToNow(t, { addSuffix: !0 }) : isYesterday(t) ? `Yesterday at ${format(t, "h:mm a")}` : format(t, "MMM d, yyyy h:mm a");
 }
 function _temp2(e) {
 	switch (e) {