@loopstack/loopstack-studio 0.21.1 → 0.21.2

package/dist/components/ui/select.js

@@ -36,7 +36,7 @@ function SelectTrigger(s) {
 	let u = c(13), d, f, p, m;
 	u[0] === s ? (d = u[1], f = u[2], p = u[3], m = u[4]) : ({className: f, size: m, children: d, ...p} = s, u[0] = s, u[1] = d, u[2] = f, u[3] = p, u[4] = m);
 	let h = m === void 0 ? "default" : m, g;
-	u[5] === f ? g = u[6] : (g = cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", f), u[5] = f, u[6] = g);
+	u[5] === f ? g = u[6] : (g = cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit cursor-pointer items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", f), u[5] = f, u[6] = g);
 	let _;
 	u[7] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
 		asChild: !0,
@@ -97,7 +97,7 @@ function SelectItem(l) {
 	let u = c(13), d, f, p;
 	u[0] === l ? (d = u[1], f = u[2], p = u[3]) : ({className: f, children: d, ...p} = l, u[0] = l, u[1] = d, u[2] = f, u[3] = p);
 	let m;
-	u[4] === f ? m = u[5] : (m = cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", f), u[4] = f, u[5] = m);
+	u[4] === f ? m = u[5] : (m = cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", f), u[4] = f, u[5] = m);
 	let h;
 	u[6] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx("span", {
 		className: "absolute right-2 flex size-3.5 items-center justify-center",

package/dist/events/sse-client-events.js

@@ -0,0 +1,7 @@
+const SseClientEvents = {
+	WORKFLOW_CREATED: "workflow.created",
+	WORKFLOW_UPDATED: "workflow.updated",
+	DOCUMENT_CREATED: "document.created",
+	SSE_CONNECTED: "sse.connected"
+};
+export { SseClientEvents };

package/dist/features/debug/components/pipeline-flow/WorkflowGraph.js

@@ -1,5 +1,5 @@
-import { buildWorkflowGraph, getTransitions } from "../../lib/flow-utils.js";
 import { useWorkflow } from "../../../../hooks/useWorkflows.js";
+import { buildWorkflowGraph, getTransitions } from "../../lib/flow-utils.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useRef } from "react";
 function countTransitions(e) {
@@ -16,17 +16,17 @@ var WorkflowGraph_default = (s) => {
 	], l[0] = h.isLoading, l[1] = m, l[2] = d.id, l[3] = v, l[4] = y) : (v = l[3], y = l[4]), useEffect(v, y);
 	let b;
 	l[5] !== p || l[6] !== u || l[7] !== f || l[8] !== d.id || l[9] !== g ? (b = () => {
-		let a = f ? getTransitions(f) : [], o = JSON.stringify({
+		let e = f ? getTransitions(f) : [], o = JSON.stringify({
 			p: countTransitions(u),
 			w: countTransitions(g),
-			c: a.length,
+			c: e.length,
 			history: g?.history?.length,
 			place: g?.place
 		});
 		if (o !== _.current) {
 			_.current = o;
-			let { nodes: i, edges: s } = buildWorkflowGraph(u, g, d.id, a, "LR");
-			p(d.id, i, s);
+			let { nodes: a, edges: s } = buildWorkflowGraph(u, g, d.id, e, "LR");
+			p(d.id, a, s);
 		}
 	}, l[5] = p, l[6] = u, l[7] = f, l[8] = d.id, l[9] = g, l[10] = b) : b = l[10];
 	let x;

package/dist/features/health/LocalHealthCheck.js

@@ -2,12 +2,11 @@ import { ApiClientEvents } from "../../events/api-client-events.js";
 import { eventBus } from "../../services/eventEmitter.js";
 import "../../services/index.js";
 import { useStudio } from "../../providers/StudioProvider.js";
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../../components/ui/sheet.js";
 import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
-import { RefreshCw } from "lucide-react";
+import { RefreshCw, X } from "lucide-react";
 const Escalation = {
 	None: 0,
 	Refresh: 1,
@@ -16,80 +15,94 @@ const Escalation = {
 	Connection: 4
 };
 var LocalHealthCheck_default = () => {
-	let { environment: b } = useStudio(), [x, S] = useState(Escalation.None), C = useWorkerAuth(), w = useWorkerAuthTokenRefresh(), T = useGetHealthInfo(!1), E = useQueryClient(), D = useRef(w);
-	D.current = w;
-	let O = useRef(C);
-	O.current = C;
-	let k = useRef(T);
-	k.current = T;
-	let A = useCallback(() => {
-		k.current.refetch();
-	}, []), j = useCallback(() => {
-		D.current.mutate();
-	}, []), M = useCallback(async () => {
+	let { environment: g } = useStudio(), [_, v] = useState(Escalation.None), y = useWorkerAuth(), b = useWorkerAuthTokenRefresh(), x = useGetHealthInfo(!1), S = useQueryClient(), C = useRef(b);
+	C.current = b;
+	let w = useRef(y);
+	w.current = y;
+	let T = useRef(x);
+	T.current = x;
+	let E = useCallback(() => {
+		T.current.refetch();
+	}, []), D = useCallback(() => {
+		C.current.mutate();
+	}, []), O = useCallback(async () => {
 		try {
-			let t = "local";
-			b.getIdToken && (t = await b.getIdToken()), O.current.mutate({ hubLoginRequestDto: { idToken: t } });
+			let e = "local";
+			g.getIdToken && (e = await g.getIdToken()), w.current.mutate({ hubLoginRequestDto: { idToken: e } });
 		} catch {
-			S(Escalation.Debug);
+			v(Escalation.Debug);
 		}
-	}, [b]);
-	return useEffect(() => {
-		if (x !== Escalation.Connection) return;
-		let t = setInterval(A, 5e3);
-		return () => clearInterval(t);
-	}, [x, A]), useEffect(() => {
-		T.data && (S(Escalation.None), E.invalidateQueries());
-	}, [T.data, E]), useEffect(() => {
-		w.error && S(Escalation.Login);
-	}, [w.error]), useEffect(() => {
-		w.data?.status === 200 && S(Escalation.None);
-	}, [w.data]), useEffect(() => {
-		C.error && S(Escalation.Debug);
-	}, [C.error]), useEffect(() => {
-		C.data?.status === 200 && S(Escalation.None);
-	}, [C.data]), useEffect(() => {
-		x === Escalation.Refresh ? j() : x === Escalation.Login && M();
+	}, [g]);
+	useEffect(() => {
+		if (_ !== Escalation.Connection) return;
+		let e = setInterval(E, 5e3);
+		return () => clearInterval(e);
+	}, [_, E]), useEffect(() => {
+		x.data && (v(Escalation.None), S.invalidateQueries());
+	}, [x.data, S]), useEffect(() => {
+		b.error && v(Escalation.Login);
+	}, [b.error]), useEffect(() => {
+		b.data?.status === 200 && v(Escalation.None);
+	}, [b.data]), useEffect(() => {
+		y.error && v(Escalation.Debug);
+	}, [y.error]), useEffect(() => {
+		y.data?.status === 200 && v(Escalation.None);
+	}, [y.data]), useEffect(() => {
+		_ === Escalation.Refresh ? D() : _ === Escalation.Login && O();
 	}, [
-		x,
-		j,
-		M
+		_,
+		D,
+		O
 	]), useEffect(() => {
-		let v = eventBus.on(ApiClientEvents.UNAUTHORIZED, () => {
-			S(Escalation.Refresh);
-		}), y = eventBus.on(ApiClientEvents.ERR_NETWORK, () => {
-			S(Escalation.Connection);
+		let m = eventBus.on(ApiClientEvents.UNAUTHORIZED, () => {
+			v(Escalation.Refresh);
+		}), h = eventBus.on(ApiClientEvents.ERR_NETWORK, () => {
+			v(Escalation.Connection);
 		});
 		return () => {
-			v(), y();
+			m(), h();
 		};
-	}, []), /* @__PURE__ */ jsx(Sheet, {
-		open: x >= Escalation.Debug,
-		children: /* @__PURE__ */ jsx(SheetContent, {
-			side: "bottom",
-			children: /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsxs("div", {
-				className: "flex w-full flex-row items-center justify-between",
-				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Connection issues detected" }), /* @__PURE__ */ jsxs(SheetDescription, { children: [
-					"Please make sure the environment",
-					" ",
-					/* @__PURE__ */ jsxs("strong", { children: [
-						b.name,
-						" (",
-						b.id,
-						")"
-					] }),
-					" ",
-					"is properly configured and running."
-				] })] }), x === Escalation.Connection && /* @__PURE__ */ jsx("div", {
-					className: "mr-10",
-					children: /* @__PURE__ */ jsxs("button", {
-						onClick: A,
-						className: "bg-primary flex items-center gap-2 rounded-md px-4 py-2 text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-						children: [/* @__PURE__ */ jsx(RefreshCw, { className: `h-3 w-3 ${T.isLoading ? "animate-spin" : ""}` }), "Retry"]
-					})
+	}, []);
+	let [k, A] = useState(!1), j = _ >= Escalation.Debug && !k;
+	return useEffect(() => {
+		_ < Escalation.Debug && A(!1);
+	}, [_]), j ? /* @__PURE__ */ jsx("div", {
+		className: "bg-destructive/10 border-destructive/30 fixed inset-x-0 bottom-0 z-50 border-t px-4 py-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx("div", { className: "bg-destructive h-2 w-2 rounded-full" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+					className: "text-foreground text-sm font-semibold",
+					children: "Connection issues detected"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground text-xs",
+					children: [
+						"Please make sure the environment",
+						" ",
+						/* @__PURE__ */ jsxs("strong", { children: [
+							g.name,
+							" (",
+							g.id,
+							")"
+						] }),
+						" ",
+						"is properly configured and running."
+					]
+				})] })]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [_ === Escalation.Connection && /* @__PURE__ */ jsxs("button", {
+					onClick: E,
+					className: "bg-primary flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+					children: [/* @__PURE__ */ jsx(RefreshCw, { className: `h-3 w-3 ${x.isLoading ? "animate-spin" : ""}` }), "Retry"]
+				}), /* @__PURE__ */ jsx("button", {
+					onClick: () => A(!0),
+					className: "text-muted-foreground hover:text-foreground rounded-xs p-1 transition-colors",
+					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
 				})]
-			}) })
+			})]
 		})
-	});
+	}) : null;
 };
 export { LocalHealthCheck_default as default };

package/dist/features/workbench/NavigationItems.js

@@ -1,7 +1,7 @@
 import { useStudio } from "../../providers/StudioProvider.js";
+import { useFetchWorkflowsByNamespace } from "../../hooks/useWorkflows.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { SidebarMenuSubItem } from "../../components/ui/sidebar.js";
-import { useFetchWorkflowsByNamespace } from "../../hooks/useWorkflows.js";
 import { WorkbenchContextProvider } from "./providers/WorkbenchContextProvider.js";
 import NavigationItem_default from "./components/NavigationItem.js";
 import { useScroll } from "./providers/ScrollProvider.js";

package/dist/features/workbench/WorkflowItem.js

@@ -1,11 +1,11 @@
+import { useFilterDocuments } from "../../hooks/useDocuments.js";
+import { useWorkflow } from "../../hooks/useWorkflows.js";
 import { cn } from "../../lib/utils.js";
 import ErrorSnackbar_default from "../../components/snackbars/ErrorSnackbar.js";
 import LoadingCentered_default from "../../components/LoadingCentered.js";
 import { useRunPipeline } from "../../hooks/useProcessor.js";
 import DocumentList_default from "./components/DocumentList.js";
 import WorkflowForms_default from "./components/WorkflowForms.js";
-import { useFilterDocuments } from "../../hooks/useDocuments.js";
-import { useWorkflow } from "../../hooks/useWorkflows.js";
 import ErrorAlert_default from "../../components/content/ErrorAlert.js";
 import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
 import React, { useCallback, useEffect, useMemo } from "react";

package/dist/features/workbench/WorkflowList.js

@@ -1,8 +1,8 @@
+import { useFetchWorkflowsByPipeline } from "../../hooks/useWorkflows.js";
 import { cn } from "../../lib/utils.js";
 import { Button } from "../../components/ui/button.js";
 import ErrorSnackbar_default from "../../components/snackbars/ErrorSnackbar.js";
 import LoadingCentered_default from "../../components/LoadingCentered.js";
-import { useFetchWorkflowsByPipeline } from "../../hooks/useWorkflows.js";
 import WorkflowItem_default from "./WorkflowItem.js";
 import { useScrollToBottom } from "./hooks/useAutoScrollBottom.js";
 import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
@@ -23,15 +23,15 @@ var WorkflowList_default = (S) => {
 	}, C[1] = j) : j = C[1];
 	let [M, N] = useState(j), { activeId: P, observe: F } = useIntersectionObserver("0px 0px 0px 0px"), { listRef: I, scrollTo: L } = useScrollToListItem(), { canScrollDown: R, scrollToBottom: z } = useScrollToBottom(), B = useContext(WorkbenchContextProvider), V, H;
 	C[2] !== P || C[3] !== B ? (V = () => {
-		B && B.setActiveSectionId && B.state.activeSectionId !== P && (B.setActiveSectionId(P), P && A((r) => ({
-			...r,
+		B && B.setActiveSectionId && B.state.activeSectionId !== P && (B.setActiveSectionId(P), P && A((t) => ({
+			...t,
 			[P]: !0
 		})));
 	}, H = [P, B], C[2] = P, C[3] = B, C[4] = V, C[5] = H) : (V = C[4], H = C[5]), useEffect(V, H);
 	let U, W;
 	C[6] !== P || C[7] !== T.data ? (U = () => {
 		if (T.data && T.data.length > 0) {
-			let r = T.data.length - 1, y = T.data[r], b = `section-${y.index}-${y.id}`;
+			let t = T.data.length - 1, y = T.data[t], b = `section-${y.index}-${y.id}`;
 			A({
 				[b]: !0,
 				...P && P !== b ? { [P]: !0 } : {}
@@ -39,10 +39,10 @@ var WorkflowList_default = (S) => {
 		}
 	}, W = [T.data, P], C[6] = P, C[7] = T.data, C[8] = U, C[9] = W) : (U = C[8], W = C[9]), useEffect(U, W);
 	let G;
-	C[10] === Symbol.for("react.memo_cache_sentinel") ? (G = (r) => {
+	C[10] === Symbol.for("react.memo_cache_sentinel") ? (G = (t) => {
 		A((y) => ({
 			...y,
-			[r]: !y[r]
+			[t]: !y[t]
 		}));
 	}, C[10] = G) : G = C[10];
 	let K = G, q;
@@ -61,10 +61,10 @@ var WorkflowList_default = (S) => {
 	C[18] !== P || C[19] !== k || C[20] !== T.data || C[21] !== I || C[22] !== F || C[23] !== E || C[24] !== w || C[25] !== L || C[26] !== M ? (X = T.data ? /* @__PURE__ */ jsx("div", {
 		className: "mb-10",
 		ref: I,
-		children: /* @__PURE__ */ jsx("div", { children: T.data.map((y) => {
-			let b = `section-${y.index}-${y.id}`, x = P === b;
+		children: /* @__PURE__ */ jsx("div", { children: T.data.map((t) => {
+			let b = `section-${t.index}-${t.id}`, x = P === b;
 			return /* @__PURE__ */ jsxs("div", {
-				ref: (r) => F(r),
+				ref: (t) => F(t),
 				"data-id": b,
 				className: "space-y-0",
 				children: [/* @__PURE__ */ jsx("div", {
@@ -77,7 +77,7 @@ var WorkflowList_default = (S) => {
 							/* @__PURE__ */ jsx(LayersIcon, { className: cn("size-4", x ? "text-primary" : "text-muted-foreground") }),
 							/* @__PURE__ */ jsx("span", {
 								className: cn("text-base font-medium transition-colors flex-1", x ? "text-primary" : "text-muted-foreground text-gray-400"),
-								children: y.title ?? y.blockName
+								children: t.title ?? t.blockName
 							}),
 							x && /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
 								settings: M,
@@ -91,12 +91,12 @@ var WorkflowList_default = (S) => {
 					className: "max-w-4xl pl-9",
 					children: /* @__PURE__ */ jsx(WorkflowItem_default, {
 						pipeline: w,
-						workflowId: y.id,
+						workflowId: t.id,
 						scrollTo: L,
 						settings: M
 					})
 				})]
-			}, y.id);
+			}, t.id);
 		}) })
 	}) : null, C[18] = P, C[19] = k, C[20] = T.data, C[21] = I, C[22] = F, C[23] = E, C[24] = w, C[25] = L, C[26] = M, C[27] = X) : X = C[27];
 	let Z;

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

@@ -1,8 +1,8 @@
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { cn } from "../../../lib/utils.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
 import { SidebarMenuButton, SidebarMenuItem, SidebarMenuSub } from "../../../components/ui/sidebar.js";
-import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -11,14 +11,14 @@ import { format } from "date-fns";
 var WorkflowHistoryItem_default = (x) => {
 	let S = c(19), { workflowId: C, workflow: w } = x, T = useWorkflow(C), E = T.data?.history;
 	if (T.isLoading) {
-		let t;
-		return S[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+		let e;
+		return S[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
 			className: "opacity-50",
 			children: [/* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }), /* @__PURE__ */ jsx("span", {
 				className: "text-sm",
 				children: "Loading..."
 			})]
-		}) }), S[0] = t) : t = S[0], t;
+		}) }), S[0] = e) : e = S[0], e;
 	}
 	if (!E?.length) return null;
 	let D;
@@ -62,10 +62,10 @@ var WorkflowHistoryItem_default = (x) => {
 	}), S[9] = P) : P = S[9];
 	let F;
 	if (S[10] !== E) {
-		let m;
-		S[12] === E.length ? m = S[13] : (m = (m, h) => {
-			console.log(m);
-			let g = m.data?.transition, _ = Object.keys(m.data?.tools ?? {}), v = h === E.length - 1, y = m.data?.place ?? g?.to ?? "unknown", b = g?.id;
+		let e;
+		S[12] === E.length ? e = S[13] : (e = (e, h) => {
+			console.log(e);
+			let g = e.data?.transition, _ = Object.keys(e.data?.tools ?? {}), v = h === E.length - 1, y = e.data?.place ?? g?.to ?? "unknown", b = g?.id;
 			return /* @__PURE__ */ jsxs("div", {
 				className: "group/entry relative flex gap-3 py-1 pl-0",
 				children: [/* @__PURE__ */ jsx("div", {
@@ -114,13 +114,13 @@ var WorkflowHistoryItem_default = (x) => {
 							className: "flex items-center gap-0.5",
 							children: [/* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }), /* @__PURE__ */ jsx("span", {
 								className: "tabular-nums",
-								children: format(new Date(m.timestamp), "HH:mm:ss")
+								children: format(new Date(e.timestamp), "HH:mm:ss")
 							})]
 						})]
 					})]
 				})]
-			}, m.version);
-		}, S[12] = E.length, S[13] = m), F = E.map(m), S[10] = E, S[11] = F;
+			}, e.version);
+		}, S[12] = E.length, S[13] = e), F = E.map(e), S[10] = E, S[11] = F;
 	} else F = S[11];
 	let I;
 	S[14] === F ? I = S[15] : (I = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, {

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

@@ -1,8 +1,8 @@
 import { useStudio } from "../../../../providers/StudioProvider.js";
+import { useDeleteWorkflow } 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 { useRunPipeline } from "../../../../hooks/useProcessor.js";
-import { useDeleteWorkflow } from "../../../../hooks/useWorkflows.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/workspaces/Workspaces.js

@@ -14,52 +14,52 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useSearchParams } from "react-router-dom";
 import { Star } from "lucide-react";
 var Workspaces_default = () => {
-	let n = c(65), { CreateWorkspace: Oe } = useComponentOverrides(), r = Oe ?? CreateWorkspace_default, { router: i } = useStudio(), [a] = useSearchParams(), [o, ke] = useState(0), [s, Ae] = useState(10), [l, je] = useState("createdAt"), [u, Me] = useState("ASC"), [d, Ne] = useState(), f;
+	let n = c(65), { CreateWorkspace: Oe, EditWorkspace: ke } = useComponentOverrides(), r = Oe ?? CreateWorkspace_default, i = ke ?? CreateWorkspace_default, { router: Ae } = useStudio(), [a] = useSearchParams(), [o, je] = useState(0), [s, Me] = useState(10), [l, Ne] = useState("createdAt"), [u, Pe] = useState("ASC"), [d, Fe] = useState(), f;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (f = {}, n[0] = f) : f = n[0];
-	let [p, Pe] = useState(f), Fe = useDebounce(d, 500), [m, h] = useState(!1), [g, Ie] = useState(void 0), _, v;
+	let [p, Ie] = useState(f), Le = useDebounce(d, 500), [m, h] = useState(!1), [g, Re] = useState(void 0), _, v;
 	n[1] === a ? (_ = n[2], v = n[3]) : (_ = () => {
 		a.get("create") === "true" && h(!0);
 	}, v = [a], n[1] = a, n[2] = _, n[3] = v), useEffect(_, v);
-	let y = useWorkspaceConfig(), b = useFilterWorkspaces(Fe, p, l, u, o, s), x = useDeleteWorkspace(), S = useBatchDeleteWorkspaces(), C = useSetFavouriteWorkspace(), w;
-	n[4] === x ? w = n[5] : (w = (e) => {
+	let y = useWorkspaceConfig(), b = useFilterWorkspaces(Le, p, l, u, o, s), x = useDeleteWorkspace(), ze = useBatchDeleteWorkspaces(), S = useSetFavouriteWorkspace(), C;
+	n[4] === x ? C = n[5] : (C = (e) => {
 		x.mutate(e);
-	}, n[4] = x, n[5] = w);
-	let Le = w, T;
-	n[6] === S ? T = n[7] : (T = (e) => {
-		S.mutate(e);
-	}, n[6] = S, n[7] = T);
+	}, n[4] = x, n[5] = C);
+	let w = C, T;
+	n[6] === ze ? T = n[7] : (T = (e) => {
+		ze.mutate(e);
+	}, n[6] = ze, n[7] = T);
 	let E = T, D;
 	n[8] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
 		h(!0);
 	}, n[8] = D) : D = n[8];
-	let Re = D, O;
+	let Be = D, O;
 	n[9] === Symbol.for("react.memo_cache_sentinel") ? (O = () => {
 		h(!1);
 	}, n[9] = O) : O = n[9];
-	let ze = O, k;
-	n[10] === i ? k = n[11] : (k = (e) => {
-		i.navigateToWorkspace(e);
-	}, n[10] = i, n[11] = k);
+	let Ve = O, k;
+	n[10] === Ae ? k = n[11] : (k = (e) => {
+		Ae.navigateToWorkspace(e);
+	}, n[10] = Ae, n[11] = k);
 	let A = k, j;
 	n[12] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
-		Ie(e);
+		Re(e);
 	}, n[12] = j) : j = n[12];
-	let Be = j, M;
+	let He = j, M;
 	n[13] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
-		h(!1), Ie(void 0);
+		h(!1), Re(void 0);
 	}, n[13] = M) : M = n[13];
-	let Ve = M, He = y.isPending || b.isPending, Ue = b.error ?? y.error ?? null, N;
-	n[14] === b.data?.data ? N = n[15] : (N = b.data?.data ?? [], n[14] = b.data?.data, n[15] = N);
-	let P = b.data?.total ?? 0, F;
-	n[16] === Symbol.for("react.memo_cache_sentinel") ? (F = {
+	let Ue = M, N = y.isPending || b.isPending, P = b.error ?? y.error ?? null, F;
+	n[14] === b.data?.data ? F = n[15] : (F = b.data?.data ?? [], n[14] = b.data?.data, n[15] = F);
+	let I = b.data?.total ?? 0, L;
+	n[16] === Symbol.for("react.memo_cache_sentinel") ? (L = {
 		id: "id",
 		label: "ID",
 		minWidth: 30,
 		format: _temp
-	}, n[16] = F) : F = n[16];
-	let I;
-	n[17] === Symbol.for("react.memo_cache_sentinel") ? (I = [
-		F,
+	}, n[16] = L) : L = n[16];
+	let R;
+	n[17] === Symbol.for("react.memo_cache_sentinel") ? (R = [
+		L,
 		{
 			id: "title",
 			label: "Title",
@@ -69,7 +69,7 @@ var Workspaces_default = () => {
 				children: /* @__PURE__ */ jsx(Badge, {
 					variant: "outline",
 					className: "hover:bg-primary/10 cursor-pointer",
-					onClick: () => Pe((t) => ({
+					onClick: () => Ie((t) => ({
 						...t,
 						blockName: e
 					})),
@@ -89,110 +89,110 @@ var Workspaces_default = () => {
 			minWidth: 100,
 			format: _temp4
 		}
-	], n[17] = I) : I = n[17];
-	let L;
-	n[18] === Symbol.for("react.memo_cache_sentinel") ? (L = {}, n[18] = L) : L = n[18];
-	let R;
-	n[19] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), n[19] = R) : R = n[19];
+	], n[17] = R) : R = n[17];
 	let z;
-	n[20] === C ? z = n[21] : (z = {
+	n[18] === Symbol.for("react.memo_cache_sentinel") ? (z = {}, n[18] = z) : z = n[18];
+	let B;
+	n[19] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), n[19] = B) : B = n[19];
+	let V;
+	n[20] === S ? V = n[21] : (V = {
 		id: "add-favourite",
 		label: "Add to favourites",
-		icon: R,
+		icon: B,
 		condition: _temp5,
 		action: (e) => {
-			C.mutate({
+			S.mutate({
 				id: e.id,
 				isFavourite: !0
 			});
 		}
-	}, n[20] = C, n[21] = z);
-	let B;
-	n[22] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4 fill-current" }), n[22] = B) : B = n[22];
-	let V;
-	n[23] === C ? V = n[24] : (V = {
+	}, n[20] = S, n[21] = V);
+	let H;
+	n[22] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4 fill-current" }), n[22] = H) : H = n[22];
+	let U;
+	n[23] === S ? U = n[24] : (U = {
 		id: "remove-favourite",
 		label: "Remove from favourites",
-		icon: B,
+		icon: H,
 		condition: _temp6,
 		action: (e) => {
-			C.mutate({
+			S.mutate({
 				id: e.id,
 				isFavourite: !1
 			});
 		}
-	}, n[23] = C, n[24] = V);
-	let H;
-	n[25] !== z || n[26] !== V ? (H = [z, V], n[25] = z, n[26] = V, n[27] = H) : H = n[27];
-	let U = H, W;
-	n[28] !== p || n[29] !== E || n[30] !== Le || n[31] !== A || n[32] !== u || n[33] !== l || n[34] !== o || n[35] !== s || n[36] !== d || n[37] !== He || n[38] !== Ue || n[39] !== N || n[40] !== P || n[41] !== U ? (W = /* @__PURE__ */ jsx(ListView_default, {
-		loading: He,
-		error: Ue,
-		items: N,
-		totalItems: P,
-		setPage: ke,
-		setRowsPerPage: Ae,
-		setOrderBy: je,
-		setOrder: Me,
-		setSearchTerm: Ne,
-		setFilters: Pe,
+	}, n[23] = S, n[24] = U);
+	let W;
+	n[25] !== V || n[26] !== U ? (W = [V, U], n[25] = V, n[26] = U, n[27] = W) : W = n[27];
+	let We = W, G;
+	n[28] !== p || n[29] !== E || n[30] !== w || n[31] !== A || n[32] !== u || n[33] !== l || n[34] !== o || n[35] !== s || n[36] !== d || n[37] !== N || n[38] !== P || n[39] !== F || n[40] !== I || n[41] !== We ? (G = /* @__PURE__ */ jsx(ListView_default, {
+		loading: N,
+		error: P,
+		items: F,
+		totalItems: I,
+		setPage: je,
+		setRowsPerPage: Me,
+		setOrderBy: Ne,
+		setOrder: Pe,
+		setSearchTerm: Fe,
+		setFilters: Ie,
 		orderBy: l,
 		order: u,
 		searchTerm: d,
 		filters: p,
 		page: o,
 		rowsPerPage: s,
-		deleteItem: Le,
+		deleteItem: w,
 		onClick: A,
-		handleNew: Re,
-		handleEdit: Be,
+		handleNew: Be,
+		handleEdit: He,
 		enableBatchActions: !0,
 		batchDelete: E,
-		columns: I,
-		filterConfig: L,
-		rowActions: U
-	}), n[28] = p, n[29] = E, n[30] = Le, n[31] = A, n[32] = u, n[33] = l, n[34] = o, n[35] = s, n[36] = d, n[37] = He, n[38] = Ue, n[39] = N, n[40] = P, n[41] = U, n[42] = W) : W = n[42];
-	let G;
-	n[43] === y.data ? G = n[44] : (G = y.data ?? [], n[43] = y.data, n[44] = G);
+		columns: R,
+		filterConfig: z,
+		rowActions: We
+	}), n[28] = p, n[29] = E, n[30] = w, n[31] = A, n[32] = u, n[33] = l, n[34] = o, n[35] = s, n[36] = d, n[37] = N, n[38] = P, n[39] = F, n[40] = I, n[41] = We, n[42] = G) : G = n[42];
 	let K;
-	n[45] !== r || n[46] !== G ? (K = /* @__PURE__ */ jsx(DialogContent, {
+	n[43] === y.data ? K = n[44] : (K = y.data ?? [], n[43] = y.data, n[44] = K);
+	let q;
+	n[45] !== r || n[46] !== K ? (q = /* @__PURE__ */ jsx(DialogContent, {
 		className: "max-w-2xl",
 		children: /* @__PURE__ */ jsx(r, {
-			types: G,
-			onSuccess: ze
+			types: K,
+			onSuccess: Ve
 		})
-	}), n[45] = r, n[46] = G, n[47] = K) : K = n[47];
-	let q;
-	n[48] !== m || n[49] !== K ? (q = /* @__PURE__ */ jsx(Dialog, {
+	}), n[45] = r, n[46] = K, n[47] = q) : q = n[47];
+	let J;
+	n[48] !== m || n[49] !== q ? (J = /* @__PURE__ */ jsx(Dialog, {
 		open: m,
 		onOpenChange: h,
-		children: K
-	}), n[48] = m, n[49] = K, n[50] = q) : q = n[50];
-	let J = !!g, Y;
-	n[51] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => !e && Ve(), n[51] = Y) : Y = n[51];
+		children: q
+	}), n[48] = m, n[49] = q, n[50] = J) : J = n[50];
+	let Ge = !!g, Y;
+	n[51] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => !e && Ue(), n[51] = Y) : Y = n[51];
 	let X;
-	n[52] === y.data ? X = n[53] : (X = y.data ?? [], n[52] = y.data, n[53] = X);
+	n[52] !== i || n[53] !== y.data || n[54] !== g ? (X = g && /* @__PURE__ */ jsx(i, {
+		types: y.data ?? [],
+		workspace: g,
+		onSuccess: Ue
+	}), n[52] = i, n[53] = y.data, n[54] = g, n[55] = X) : X = n[55];
 	let Z;
-	n[54] !== r || n[55] !== g || n[56] !== X ? (Z = /* @__PURE__ */ jsx(DialogContent, {
+	n[56] === X ? Z = n[57] : (Z = /* @__PURE__ */ jsx(DialogContent, {
 		className: "max-w-2xl",
-		children: /* @__PURE__ */ jsx(r, {
-			types: X,
-			workspace: g,
-			onSuccess: Ve
-		})
-	}), n[54] = r, n[55] = g, n[56] = X, n[57] = Z) : Z = n[57];
+		children: X
+	}), n[56] = X, n[57] = Z);
 	let Q;
-	n[58] !== J || n[59] !== Z ? (Q = /* @__PURE__ */ jsx(Dialog, {
-		open: J,
+	n[58] !== Ge || n[59] !== Z ? (Q = /* @__PURE__ */ jsx(Dialog, {
+		open: Ge,
 		onOpenChange: Y,
 		children: Z
-	}), n[58] = J, n[59] = Z, n[60] = Q) : Q = n[60];
+	}), n[58] = Ge, n[59] = Z, n[60] = Q) : Q = n[60];
 	let $;
-	return n[61] !== W || n[62] !== q || n[63] !== Q ? ($ = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		W,
-		q,
+	return n[61] !== G || n[62] !== J || n[63] !== Q ? ($ = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		G,
+		J,
 		Q
-	] }), n[61] = W, n[62] = q, n[63] = Q, n[64] = $) : $ = n[64], $;
+	] }), n[61] = G, n[62] = J, n[63] = Q, n[64] = $) : $ = n[64], $;
 };
 function _temp(e) {
 	return e.slice(0, 6);

package/dist/hooks/useAuth.js

@@ -1,15 +1,36 @@
 import { useApiClient } from "./useApi.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-function useGetHealthInfo(n) {
+function useMe(n) {
 	let i = c(8), a = n === void 0 ? !0 : n, { envKey: s, api: l } = useApiClient(), u;
-	i[0] === s ? u = i[1] : (u = ["health", s], i[0] = s, i[1] = u);
+	i[0] === s ? u = i[1] : (u = ["me", s], i[0] = s, i[1] = u);
 	let d;
 	i[2] === l ? d = i[3] : (d = () => {
 		if (!l) throw Error("API not available");
-		return l.ApiV1AuthApi.authControllerGetInfo();
+		return l.ApiV1AuthApi.authControllerMe();
 	}, i[2] = l, i[3] = d);
 	let f;
+	return i[4] !== a || i[5] !== u || i[6] !== d ? (f = {
+		queryKey: u,
+		queryFn: d,
+		select: _temp,
+		retry: !1,
+		staleTime: 3e5,
+		enabled: a
+	}, i[4] = a, i[5] = u, i[6] = d, i[7] = f) : f = i[7], useQuery(f);
+}
+function _temp(e) {
+	return e.data;
+}
+function useGetHealthInfo(n) {
+	let i = c(8), a = n === void 0 ? !0 : n, { envKey: o, api: s } = useApiClient(), u;
+	i[0] === o ? u = i[1] : (u = ["health", o], i[0] = o, i[1] = u);
+	let d;
+	i[2] === s ? d = i[3] : (d = () => {
+		if (!s) throw Error("API not available");
+		return s.ApiV1AuthApi.authControllerGetInfo();
+	}, i[2] = s, i[3] = d);
+	let f;
 	return i[4] !== a || i[5] !== u || i[6] !== d ? (f = {
 		queryKey: u,
 		queryFn: d,
@@ -53,4 +74,4 @@ function useWorkerAuthTokenRefresh() {
 		onSuccess: l
 	}, r[4] = s, r[5] = l, r[6] = u) : u = r[6], useMutation(u);
 }
-export { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh };
+export { useGetHealthInfo, useMe, useWorkerAuth, useWorkerAuthTokenRefresh };

package/dist/hooks/useDocuments.js

@@ -42,4 +42,4 @@ function useFilterDocuments(a) {
 function _temp2(e) {
 	return e.data.data;
 }
-export { useFilterDocuments };
+export { getDocumentsCacheKey, useFilterDocuments };

package/dist/hooks/useNamespaces.js

@@ -31,4 +31,4 @@ function useFilterNamespaces(a) {
 function _temp2(e) {
 	return e.data.data;
 }
-export { useFilterNamespaces };
+export { getNamespacesByPipelineCacheKey, useFilterNamespaces };

package/dist/hooks/useWorkflows.js

@@ -119,4 +119,4 @@ function useDeleteWorkflow() {
 		onSuccess: p
 	}, r[5] = f, r[6] = p, r[7] = m) : m = r[7], useMutation(m);
 }
-export { useDeleteWorkflow, useFetchWorkflowsByNamespace, useFetchWorkflowsByPipeline, useWorkflow };
+export { getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey, useDeleteWorkflow, useFetchWorkflowsByNamespace, useFetchWorkflowsByPipeline, useWorkflow };

package/dist/index.d.ts

@@ -41,6 +41,7 @@ import { useNavigate } from 'react-router-dom';
 import { UseQueryResult } from '@tanstack/react-query';
 import { VariantProps } from 'class-variance-authority';
 import { WorkspaceConfigDto } from '../../../../client/api-client';
+import { WorkspaceConfigDto as WorkspaceConfigDto_2 } from '../../client/api-client';
 import { WorkspaceControllerBatchDeleteWorkspaces200Response } from '../../client/api-client';
 import { WorkspaceControllerGetWorkspaces200Response } from '../../client/api-client';
 import { WorkspaceDto } from '../../client/api-client';
@@ -203,6 +204,7 @@ declare interface CompletionMessagePaperProps {
 
 export declare interface ComponentOverrides {
     CreateWorkspace?: ComponentType<CreateWorkspaceProps>;
+    EditWorkspace?: ComponentType<EditWorkspaceProps>;
 }
 
 export declare const ComponentOverridesProvider: ({ children, overrides, }: {
@@ -446,6 +448,12 @@ export declare function DropdownMenuSubTrigger({ className, inset, children, ...
 
 export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
 
+export declare interface EditWorkspaceProps {
+    types: WorkspaceConfigDto_2[];
+    workspace: WorkspaceItemDto_2;
+    onSuccess: () => void;
+}
+
 export declare function EmbedWorkbenchPage(): JSX.Element;
 
 export declare interface Environment {
@@ -477,6 +485,8 @@ declare interface GoogleLogoProps {
 
 export declare function Input({ className, type, ...props }: React_2.ComponentProps<'input'>): JSX.Element;
 
+export declare function InvalidationEventsProvider(): null;
+
 declare interface Item {
     id: string;
 }
@@ -553,7 +563,7 @@ declare interface LoadingCenteredProps extends default_2.HTMLAttributes<HTMLDivE
     children?: default_2.ReactNode;
 }
 
-export declare const LocalHealthCheck: () => JSX.Element;
+export declare const LocalHealthCheck: () => JSX.Element | null;
 
 export declare class LocalRouter implements StudioRouter {
     private navigate;
@@ -814,6 +824,8 @@ export declare function Slider({ className, defaultValue, value, min, max, ...pr
 
 export declare const Snackbar: default_2.FC<BaseSnackbarProps>;
 
+export declare function SseProvider(): null;
+
 declare interface StudioContext {
     router: StudioRouter;
     environment: Environment;

package/dist/index.js

@@ -7,6 +7,8 @@ import { useIsMobile } from "./hooks/use-mobile.js";
 import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./hooks/useWorkspaces.js";
 import "./hooks/index.js";
 import { ComponentOverridesProvider, useComponentOverrides } from "./providers/ComponentOverridesProvider.js";
+import { SseProvider } from "./providers/SseProvider.js";
+import { InvalidationEventsProvider } from "./providers/InvalidationEventsProvider.js";
 import { LocalRouter, useRouter } from "./routing/LocalRouter.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
 import { Button, buttonVariants } from "./components/ui/button.js";
@@ -64,4 +66,4 @@ import DebugWorkflowsPage from "./pages/DebugWorkflowsPage.js";
 import DebugWorkflowDetailsPage from "./pages/DebugWorkflowDetailsPage.js";
 import EmbedWorkbenchPage from "./pages/EmbedWorkbenchPage.js";
 import LocalHealthCheck_default from "./features/health/LocalHealthCheck.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ComponentOverridesProvider, ConfirmDialog_default as ConfirmDialog, CustomListView_default as CustomItemListView, DashboardPage, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, DebugWorkflowDetailsPage, DebugWorkflowsPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedWorkbenchPage, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, PipelineDebugPage_default as PipelineDebugPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, StudioProvider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkspacePage_default as WorkspacePage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, useApiClient, useBatchDeleteWorkspaces, useComponentOverrides, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useIsMobile, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useUpdateWorkspace, useWorkspace };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ComponentOverridesProvider, ConfirmDialog_default as ConfirmDialog, CustomListView_default as CustomItemListView, DashboardPage, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, DebugWorkflowDetailsPage, DebugWorkflowsPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedWorkbenchPage, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, InvalidationEventsProvider, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, PipelineDebugPage_default as PipelineDebugPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, SseProvider, StudioProvider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkspacePage_default as WorkspacePage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, useApiClient, useBatchDeleteWorkspaces, useComponentOverrides, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useIsMobile, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useUpdateWorkspace, useWorkspace };

package/dist/node_modules/lodash/_Symbol.js

@@ -0,0 +1,7 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require__root } from "./_root.js";
+var require__Symbol = /* @__PURE__ */ __commonJSMin(((e, n) => {
+	n.exports = require__root().Symbol;
+}));
+export default require__Symbol();
+export { require__Symbol };

package/dist/node_modules/lodash/_baseGetTag.js

@@ -0,0 +1,13 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require__Symbol } from "./_Symbol.js";
+import { require__getRawTag } from "./_getRawTag.js";
+import { require__objectToString } from "./_objectToString.js";
+var require__baseGetTag = /* @__PURE__ */ __commonJSMin(((e, i) => {
+	var a = require__Symbol(), o = require__getRawTag(), s = require__objectToString(), c = "[object Null]", l = "[object Undefined]", u = a ? a.toStringTag : void 0;
+	function d(e) {
+		return e == null ? e === void 0 ? l : c : u && u in Object(e) ? o(e) : s(e);
+	}
+	i.exports = d;
+}));
+export default require__baseGetTag();
+export { require__baseGetTag };

package/dist/node_modules/lodash/_baseTrim.js

@@ -0,0 +1,11 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require__trimmedEndIndex } from "./_trimmedEndIndex.js";
+var require__baseTrim = /* @__PURE__ */ __commonJSMin(((e, n) => {
+	var r = require__trimmedEndIndex(), i = /^\s+/;
+	function a(e) {
+		return e && e.slice(0, r(e) + 1).replace(i, "");
+	}
+	n.exports = a;
+}));
+export default require__baseTrim();
+export { require__baseTrim };

package/dist/node_modules/lodash/_freeGlobal.js

@@ -0,0 +1,6 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+var require__freeGlobal = /* @__PURE__ */ __commonJSMin(((e, t) => {
+	t.exports = typeof global == "object" && global && global.Object === Object && global;
+}));
+export default require__freeGlobal();
+export { require__freeGlobal };

package/dist/node_modules/lodash/_getRawTag.js

@@ -0,0 +1,17 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require__Symbol } from "./_Symbol.js";
+var require__getRawTag = /* @__PURE__ */ __commonJSMin(((e, n) => {
+	var r = require__Symbol(), i = Object.prototype, a = i.hasOwnProperty, o = i.toString, s = r ? r.toStringTag : void 0;
+	function c(e) {
+		var t = a.call(e, s), n = e[s];
+		try {
+			e[s] = void 0;
+			var r = !0;
+		} catch {}
+		var i = o.call(e);
+		return r && (t ? e[s] = n : delete e[s]), i;
+	}
+	n.exports = c;
+}));
+export default require__getRawTag();
+export { require__getRawTag };

package/dist/node_modules/lodash/_objectToString.js

@@ -0,0 +1,10 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+var require__objectToString = /* @__PURE__ */ __commonJSMin(((e, t) => {
+	var n = Object.prototype.toString;
+	function r(e) {
+		return n.call(e);
+	}
+	t.exports = r;
+}));
+export default require__objectToString();
+export { require__objectToString };

package/dist/node_modules/lodash/_root.js

@@ -0,0 +1,8 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require__freeGlobal } from "./_freeGlobal.js";
+var require__root = /* @__PURE__ */ __commonJSMin(((e, n) => {
+	var r = require__freeGlobal(), i = typeof self == "object" && self && self.Object === Object && self;
+	n.exports = r || i || Function("return this")();
+}));
+export default require__root();
+export { require__root };

package/dist/node_modules/lodash/_trimmedEndIndex.js

@@ -0,0 +1,11 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+var require__trimmedEndIndex = /* @__PURE__ */ __commonJSMin(((e, t) => {
+	var n = /\s/;
+	function r(e) {
+		for (var t = e.length; t-- && n.test(e.charAt(t)););
+		return t;
+	}
+	t.exports = r;
+}));
+export default require__trimmedEndIndex();
+export { require__trimmedEndIndex };

package/dist/node_modules/lodash/debounce.js

@@ -0,0 +1,53 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require_isObject } from "./isObject.js";
+import { require_now } from "./now.js";
+import { require_toNumber } from "./toNumber.js";
+var require_debounce = /* @__PURE__ */ __commonJSMin(((e, i) => {
+	var a = require_isObject(), o = require_now(), s = require_toNumber(), c = "Expected a function", l = Math.max, u = Math.min;
+	function d(e, t, n) {
+		var r, i, d, f, p, m, h = 0, g = !1, _ = !1, v = !0;
+		if (typeof e != "function") throw TypeError(c);
+		t = s(t) || 0, a(n) && (g = !!n.leading, _ = "maxWait" in n, d = _ ? l(s(n.maxWait) || 0, t) : d, v = "trailing" in n ? !!n.trailing : v);
+		function y(t) {
+			var n = r, a = i;
+			return r = i = void 0, h = t, f = e.apply(a, n), f;
+		}
+		function b(e) {
+			return h = e, p = setTimeout(C, t), g ? y(e) : f;
+		}
+		function x(e) {
+			var n = e - m, r = e - h, i = t - n;
+			return _ ? u(i, d - r) : i;
+		}
+		function S(e) {
+			var n = e - m, r = e - h;
+			return m === void 0 || n >= t || n < 0 || _ && r >= d;
+		}
+		function C() {
+			var e = o();
+			if (S(e)) return w(e);
+			p = setTimeout(C, x(e));
+		}
+		function w(e) {
+			return p = void 0, v && r ? y(e) : (r = i = void 0, f);
+		}
+		function T() {
+			p !== void 0 && clearTimeout(p), h = 0, r = m = i = p = void 0;
+		}
+		function E() {
+			return p === void 0 ? f : w(o());
+		}
+		function D() {
+			var e = o(), n = S(e);
+			if (r = arguments, i = this, m = e, n) {
+				if (p === void 0) return b(m);
+				if (_) return clearTimeout(p), p = setTimeout(C, t), y(m);
+			}
+			return p === void 0 && (p = setTimeout(C, t)), f;
+		}
+		return D.cancel = T, D.flush = E, D;
+	}
+	i.exports = d;
+}));
+export default require_debounce();
+export { require_debounce };

package/dist/node_modules/lodash/isObject.js

@@ -0,0 +1,10 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+var require_isObject = /* @__PURE__ */ __commonJSMin(((e, t) => {
+	function n(e) {
+		var t = typeof e;
+		return e != null && (t == "object" || t == "function");
+	}
+	t.exports = n;
+}));
+export default require_isObject();
+export { require_isObject };

package/dist/node_modules/lodash/isObjectLike.js

@@ -0,0 +1,9 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+var require_isObjectLike = /* @__PURE__ */ __commonJSMin(((e, t) => {
+	function n(e) {
+		return typeof e == "object" && !!e;
+	}
+	t.exports = n;
+}));
+export default require_isObjectLike();
+export { require_isObjectLike };

package/dist/node_modules/lodash/isSymbol.js

@@ -0,0 +1,12 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require__baseGetTag } from "./_baseGetTag.js";
+import { require_isObjectLike } from "./isObjectLike.js";
+var require_isSymbol = /* @__PURE__ */ __commonJSMin(((e, r) => {
+	var i = require__baseGetTag(), a = require_isObjectLike(), o = "[object Symbol]";
+	function s(e) {
+		return typeof e == "symbol" || a(e) && i(e) == o;
+	}
+	r.exports = s;
+}));
+export default require_isSymbol();
+export { require_isSymbol };

package/dist/node_modules/lodash/now.js

@@ -0,0 +1,10 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require__root } from "./_root.js";
+var require_now = /* @__PURE__ */ __commonJSMin(((e, n) => {
+	var r = require__root();
+	n.exports = function() {
+		return r.Date.now();
+	};
+}));
+export default require_now();
+export { require_now };

package/dist/node_modules/lodash/toNumber.js

@@ -0,0 +1,22 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require_isObject } from "./isObject.js";
+import { require__baseTrim } from "./_baseTrim.js";
+import { require_isSymbol } from "./isSymbol.js";
+var require_toNumber = /* @__PURE__ */ __commonJSMin(((e, i) => {
+	var a = require__baseTrim(), o = require_isObject(), s = require_isSymbol(), c = NaN, l = /^[-+]0x[0-9a-f]+$/i, u = /^0b[01]+$/i, d = /^0o[0-7]+$/i, f = parseInt;
+	function p(e) {
+		if (typeof e == "number") return e;
+		if (s(e)) return c;
+		if (o(e)) {
+			var n = typeof e.valueOf == "function" ? e.valueOf() : e;
+			e = o(n) ? n + "" : n;
+		}
+		if (typeof e != "string") return e === 0 ? e : +e;
+		e = a(e);
+		var r = u.test(e);
+		return r || d.test(e) ? f(e.slice(2), r ? 2 : 8) : l.test(e) ? c : +e;
+	}
+	i.exports = p;
+}));
+export default require_toNumber();
+export { require_toNumber };

package/dist/pages/EmbedWorkbenchPage.js

@@ -1,7 +1,7 @@
+import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import ErrorSnackbar_default from "../components/snackbars/ErrorSnackbar.js";
 import LoadingCentered_default from "../components/LoadingCentered.js";
 import { usePipeline } from "../hooks/usePipelines.js";
-import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
 import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";

package/dist/pages/PipelineDebugPage.js

@@ -1,10 +1,10 @@
 import { useStudio } from "../providers/StudioProvider.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
+import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/snackbars/ErrorSnackbar.js";
 import { usePipeline, usePipelineConfig } from "../hooks/usePipelines.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
-import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import { requireParam } from "../lib/requireParam.js";
 import PipelineDebugHeader_default from "../features/debug/components/PipelineDebugHeader.js";
 import PipelineFlowViewer_default from "../features/debug/components/PipelineFlowViewer.js";

package/dist/providers/InvalidationEventsProvider.js

@@ -0,0 +1,43 @@
+import { __toESM } from "../_virtual/rolldown_runtime.js";
+import { SseClientEvents } from "../events/sse-client-events.js";
+import { eventBus } from "../services/eventEmitter.js";
+import "../services/index.js";
+import { useStudio } from "./StudioProvider.js";
+import { require_debounce } from "../node_modules/lodash/debounce.js";
+import { getDocumentsCacheKey } from "../hooks/useDocuments.js";
+import { getNamespacesByPipelineCacheKey } from "../hooks/useNamespaces.js";
+import { getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey } from "../hooks/useWorkflows.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+var import_debounce = /* @__PURE__ */ __toESM(require_debounce(), 1), DEBOUNCE_MS = 300;
+function createDebouncedInvalidator(e, u) {
+	return (0, import_debounce.default)(() => {
+		e.invalidateQueries({ queryKey: u });
+	}, DEBOUNCE_MS);
+}
+function InvalidationEventsProvider() {
+	let e = c(5), { environment: f } = useStudio(), _ = useQueryClient(), v;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ new Map(), e[0] = v) : v = e[0];
+	let y = useRef(v), b, x;
+	return e[1] !== f.id || e[2] !== _ ? (b = () => {
+		if (!f.id) return;
+		let e = f.id, d = y.current, p = function(e) {
+			let u = JSON.stringify(e);
+			d.has(u) || d.set(u, createDebouncedInvalidator(_, e)), d.get(u)();
+		}, m = eventBus.on(SseClientEvents.WORKFLOW_CREATED, (u) => {
+			u.namespaceId && p(getWorkflowsCacheKey(e, u.namespaceId)), u.pipelineId && (p(getNamespacesByPipelineCacheKey(e, u.pipelineId)), p(getWorkflowsByPipelineCacheKey(e, u.pipelineId)));
+		}), h = eventBus.on(SseClientEvents.WORKFLOW_UPDATED, (u) => {
+			u.id && p(getWorkflowCacheKey(e, u.id)), u.namespaceId && p(getWorkflowsCacheKey(e, u.namespaceId)), u.pipelineId && (p(getNamespacesByPipelineCacheKey(e, u.pipelineId)), p(getWorkflowsByPipelineCacheKey(e, u.pipelineId)));
+		}), g = eventBus.on(SseClientEvents.DOCUMENT_CREATED, (u) => {
+			u.workflowId && p(getDocumentsCacheKey(e, u.workflowId));
+		});
+		return () => {
+			m(), h(), g(), d.forEach(_temp), d.clear();
+		};
+	}, x = [_, f.id], e[1] = f.id, e[2] = _, e[3] = b, e[4] = x) : (b = e[3], x = e[4]), useEffect(b, x), null;
+}
+function _temp(e) {
+	return e.cancel();
+}
+export { InvalidationEventsProvider };

package/dist/providers/SseProvider.js

@@ -0,0 +1,44 @@
+import { eventBus } from "../services/eventEmitter.js";
+import "../services/index.js";
+import { useStudio } from "./StudioProvider.js";
+import { useMe } from "../hooks/useAuth.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
+function SseProvider() {
+	let s = c(5), { environment: l } = useStudio(), { data: u, isSuccess: d } = useMe(), f = useRef(null), p, m;
+	return s[0] !== l.url || s[1] !== d || s[2] !== u ? (p = () => {
+		if (l.url && d && u) {
+			f.current &&= (f.current.close(), null);
+			let a = `${l.url}/api/v1/sse/stream`, o = new EventSource(a, { withCredentials: !0 });
+			return f.current = o, o.onopen = _temp, o.onerror = () => {
+				o.readyState === EventSource.CLOSED && console.warn("SSE connection closed. Refresh the page if it does not recover.");
+			}, [
+				"workflow.created",
+				"workflow.updated",
+				"document.created",
+				"pipeline.updated",
+				"workspace.updated"
+			].forEach((a) => {
+				o.addEventListener(a, (o) => {
+					try {
+						let a = JSON.parse(o.data);
+						eventBus.emit(a.type, a);
+					} catch (e) {
+						let o = e;
+						console.error(`Error parsing SSE event [${a}]:`, o);
+					}
+				});
+			}), () => {
+				o.close(), f.current = null;
+			};
+		}
+	}, m = [
+		l.url,
+		d,
+		u
+	], s[0] = l.url, s[1] = d, s[2] = u, s[3] = p, s[4] = m) : (p = s[3], m = s[4]), useEffect(p, m), null;
+}
+function _temp() {
+	console.log("SSE connection established");
+}
+export { SseProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.21.1",
+  "version": "0.21.2",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fontsource/roboto": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
-    "@loopstack/api-client": "^0.20.0",
+    "@loopstack/api-client": "^0.20.1",
     "@loopstack/contracts": "^0.22.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",