@loopstack/loopstack-studio 0.31.1 → 0.33.0

package/dist/api/workflows.js

@@ -1,6 +1,7 @@
 function createWorkflowsApi(e) {
 	return {
 		getById: (t) => e.get(`/api/v1/workflows/${t.id}`).then((e) => e.data),
+		getStatusById: (t) => e.get(`/api/v1/workflows/${t.id}/status`).then((e) => e.data),
 		getAll: (t) => e.get("/api/v1/workflows", { params: t }).then((e) => e.data),
 		create: (t) => e.post("/api/v1/workflows", t.workflowCreateDto).then((e) => e.data),
 		update: (t) => e.put(`/api/v1/workflows/${t.id}`, t.workflowUpdateDto).then((e) => e.data),

package/dist/components/loopstack-elements/link.js

@@ -3,114 +3,122 @@ import { useStudio } from "../../providers/StudioProvider.js";
 import { cn } from "../../lib/utils.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon, FolderClosedIcon, FolderOpenIcon } from "lucide-react";
 var EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize", statusColorMap = {
 	pending: "text-muted-foreground",
 	success: "text-green-600",
 	failure: "text-red-600"
-}, WORKFLOW_HREF_PATTERN = /^\/workflows\/([a-zA-Z0-9_-]+)$/, link_default = (h) => {
-	let g = c(55), { className: _, href: v, label: y, status: b, embed: x, defaultExpanded: S } = h, C = b === void 0 ? "pending" : b, { router: w } = useStudio(), [T, E] = useState(S ?? !1), [D, O] = useState(0), k;
-	g[0] !== v || g[1] !== y ? (k = y || (() => {
-		if (!v) return "";
+}, WORKFLOW_HREF_PATTERN = /^\/workflows\/([a-zA-Z0-9_-]+)$/, link_default = (u) => {
+	let d = c(61), { className: f, href: p, label: m, status: h, embed: g, defaultExpanded: _ } = u, v = h === void 0 ? "pending" : h, { router: y } = useStudio(), [b, x] = useState(_ ?? !1), [S, C] = useState(0), w = useRef(_ !== void 0), T, E;
+	d[0] === _ ? (T = d[1], E = d[2]) : (T = () => {
+		w.current || _ === void 0 || (x(_), w.current = !0);
+	}, E = [_], d[0] = _, d[1] = T, d[2] = E), useEffect(T, E);
+	let D;
+	d[3] !== p || d[4] !== m ? (D = m || (() => {
+		if (!p) return "";
 		try {
-			return new URL(v).hostname.replace("www.", "");
+			return new URL(p).hostname.replace("www.", "");
 		} catch {
-			return v;
+			return p;
 		}
-	})(), g[0] = v, g[1] = y, g[2] = k) : k = g[2];
-	let A = k, j, M;
-	g[3] !== x || g[4] !== v || g[5] !== w ? (M = v?.match(WORKFLOW_HREF_PATTERN)?.[1] ?? null, j = x === !0 && M != null ? w.getEmbedWorkflow(M) : null, g[3] = x, g[4] = v, g[5] = w, g[6] = j, g[7] = M) : (j = g[6], M = g[7]);
-	let N = j, P, F;
-	g[8] !== T || g[9] !== M ? (P = () => {
-		if (!M || !T) return;
-		let t = (t) => {
-			if (t.origin !== window.location.origin) return;
-			let p = t.data;
-			if (p?.type !== EMBED_RESIZE_MESSAGE_TYPE || p?.workflowId !== M) return;
-			let m = p?.height;
-			typeof m == "number" && m > 0 && O(m);
+	})(), d[3] = p, d[4] = m, d[5] = D) : D = d[5];
+	let O = D, k, A;
+	d[6] !== g || d[7] !== p || d[8] !== y ? (A = p?.match(WORKFLOW_HREF_PATTERN)?.[1] ?? null, k = g === !0 && A != null ? y.getEmbedWorkflow(A) : null, d[6] = g, d[7] = p, d[8] = y, d[9] = k, d[10] = A) : (k = d[9], A = d[10]);
+	let j = k, M, N;
+	d[11] === v ? (M = d[12], N = d[13]) : (M = () => {
+		(v === "success" || v === "failure") && x(!1);
+	}, N = [v], d[11] = v, d[12] = M, d[13] = N), useEffect(M, N);
+	let P, F;
+	d[14] !== b || d[15] !== A ? (P = () => {
+		if (!A || !b) return;
+		let e = (e) => {
+			if (e.origin !== window.location.origin) return;
+			let s = e.data;
+			if (s?.type !== EMBED_RESIZE_MESSAGE_TYPE || s?.workflowId !== A) return;
+			let l = s?.height;
+			typeof l == "number" && l > 0 && C(l);
 		};
-		return window.addEventListener("message", t), () => window.removeEventListener("message", t);
-	}, F = [M, T], g[8] = T, g[9] = M, g[10] = P, g[11] = F) : (P = g[10], F = g[11]), useEffect(P, F);
+		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+	}, F = [A, b], d[14] = b, d[15] = A, d[16] = P, d[17] = F) : (P = d[16], F = d[17]), useEffect(P, F);
 	let I;
-	g[12] === _ ? I = g[13] : (I = cn("not-prose flex w-full cursor-pointer flex-col", _), g[12] = _, g[13] = I);
+	d[18] === f ? I = d[19] : (I = cn("not-prose flex w-full cursor-pointer flex-col", f), d[18] = f, d[19] = I);
 	let L;
-	g[14] === N ? L = g[15] : (L = () => N && E(_temp), g[14] = N, g[15] = L);
-	let R = statusColorMap[C], z;
-	g[16] === R ? z = g[17] : (z = cn("flex shrink-0 items-center", R), g[16] = R, g[17] = z);
+	d[20] === j ? L = d[21] : (L = () => j && x(_temp), d[20] = j, d[21] = L);
+	let R = statusColorMap[v], z;
+	d[22] === R ? z = d[23] : (z = cn("flex shrink-0 items-center", R), d[22] = R, d[23] = z);
 	let B;
-	g[18] === T ? B = g[19] : (B = jsx(T ? FolderOpenIcon : FolderClosedIcon, { className: "size-4" }), g[18] = T, g[19] = B);
+	d[24] === b ? B = d[25] : (B = jsx(b ? FolderOpenIcon : FolderClosedIcon, { className: "size-4" }), d[24] = b, d[25] = B);
 	let V;
-	g[20] !== B || g[21] !== z ? (V = /* @__PURE__ */ jsx(TooltipTrigger, {
+	d[26] !== z || d[27] !== B ? (V = /* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx("span", {
 			className: z,
 			children: B
 		})
-	}), g[20] = B, g[21] = z, g[22] = V) : V = g[22];
-	let H = T ? "Collapse" : "Expand", U;
-	g[23] === H ? U = g[24] : (U = /* @__PURE__ */ jsx(TooltipContent, {
+	}), d[26] = z, d[27] = B, d[28] = V) : V = d[28];
+	let H = b ? "Collapse" : "Expand", U;
+	d[29] === H ? U = d[30] : (U = /* @__PURE__ */ jsx(TooltipContent, {
 		side: "top",
 		children: H
-	}), g[23] = H, g[24] = U);
+	}), d[29] = H, d[30] = U);
 	let W;
-	g[25] !== V || g[26] !== U ? (W = /* @__PURE__ */ jsxs(Tooltip, { children: [V, U] }), g[25] = V, g[26] = U, g[27] = W) : W = g[27];
-	let G = T ? "font-medium" : "text-muted-foreground", K;
-	g[28] === G ? K = g[29] : (K = cn("min-w-0 flex-1 truncate text-sm", G), g[28] = G, g[29] = K);
+	d[31] !== V || d[32] !== U ? (W = /* @__PURE__ */ jsxs(Tooltip, { children: [V, U] }), d[31] = V, d[32] = U, d[33] = W) : W = d[33];
+	let G = b ? "font-medium" : "text-muted-foreground", K;
+	d[34] === G ? K = d[35] : (K = cn("min-w-0 flex-1 truncate text-sm", G), d[34] = G, d[35] = K);
 	let q;
-	g[30] !== A || g[31] !== K ? (q = /* @__PURE__ */ jsx("span", {
+	d[36] !== O || d[37] !== K ? (q = /* @__PURE__ */ jsx("span", {
 		className: K,
-		children: A
-	}), g[30] = A, g[31] = K, g[32] = q) : q = g[32];
+		children: O
+	}), d[36] = O, d[37] = K, d[38] = q) : q = d[38];
 	let J;
-	g[33] === v ? J = g[34] : (J = v && /* @__PURE__ */ jsx("a", {
-		href: v,
+	d[39] === p ? J = d[40] : (J = p && /* @__PURE__ */ jsx("a", {
+		href: p,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		onClick: _temp2,
 		className: "text-muted-foreground hover:text-foreground flex items-center justify-center transition-colors",
 		children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3.5" })
-	}), g[33] = v, g[34] = J);
+	}), d[39] = p, d[40] = J);
 	let Y;
-	g[35] !== N || g[36] !== T ? (Y = N && jsx(T ? ChevronUpIcon : ChevronDownIcon, { className: "text-muted-foreground size-3.5" }), g[35] = N, g[36] = T, g[37] = Y) : Y = g[37];
+	d[41] !== j || d[42] !== b ? (Y = j && jsx(b ? ChevronUpIcon : ChevronDownIcon, { className: "text-muted-foreground size-3.5" }), d[41] = j, d[42] = b, d[43] = Y) : Y = d[43];
 	let X;
-	g[38] !== J || g[39] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
+	d[44] !== J || d[45] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
 		className: "flex shrink-0 items-center gap-1",
 		children: [J, Y]
-	}), g[38] = J, g[39] = Y, g[40] = X) : X = g[40];
+	}), d[44] = J, d[45] = Y, d[46] = X) : X = d[46];
 	let Z;
-	g[41] !== W || g[42] !== q || g[43] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+	d[47] !== W || d[48] !== q || d[49] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
 		className: "flex w-full items-center gap-1.5 py-1",
 		children: [
 			W,
 			q,
 			X
 		]
-	}), g[41] = W, g[42] = q, g[43] = X, g[44] = Z) : Z = g[44];
+	}), d[47] = W, d[48] = q, d[49] = X, d[50] = Z) : Z = d[50];
 	let Q;
-	g[45] !== A || g[46] !== N || g[47] !== T || g[48] !== D ? (Q = T && N && /* @__PURE__ */ jsx("div", {
+	d[51] !== O || d[52] !== j || d[53] !== b || d[54] !== S ? (Q = b && j && /* @__PURE__ */ jsx("div", {
 		className: "mt-2 border-t",
 		children: /* @__PURE__ */ jsx("iframe", {
-			src: N,
+			src: j,
 			className: "w-full overflow-hidden border-0",
-			style: { height: `${D}px` },
+			style: { height: `${S}px` },
 			scrolling: "no",
-			title: A
+			title: O
 		})
-	}), g[45] = A, g[46] = N, g[47] = T, g[48] = D, g[49] = Q) : Q = g[49];
+	}), d[51] = O, d[52] = j, d[53] = b, d[54] = S, d[55] = Q) : Q = d[55];
 	let $;
-	return g[50] !== Z || g[51] !== Q || g[52] !== I || g[53] !== L ? ($ = /* @__PURE__ */ jsxs("div", {
+	return d[56] !== I || d[57] !== L || d[58] !== Z || d[59] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
 		className: I,
 		onClick: L,
 		children: [Z, Q]
-	}), g[50] = Z, g[51] = Q, g[52] = I, g[53] = L, g[54] = $) : $ = g[54], $;
+	}), d[56] = I, d[57] = L, d[58] = Z, d[59] = Q, d[60] = $) : $ = d[60], $;
 };
-function _temp(t) {
-	return !t;
+function _temp(e) {
+	return !e;
 }
-function _temp2(t) {
-	return t.stopPropagation();
+function _temp2(e) {
+	return e.stopPropagation();
 }
 export { link_default as default };

package/dist/features/documents/DocumentRenderer.js

@@ -48,7 +48,10 @@ var coreRendererRegistry = new Map([
 	["error", ({ document: e }) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: e })],
 	["plain", ({ document: e }) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: e })],
 	["markdown", ({ document: e }) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: e })],
-	["link", ({ document: e }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: e })],
+	["link", ({ workflow: e, document: _ }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, {
+		workflow: e,
+		document: _
+	})],
 	["oauth-prompt", ({ parentWorkflow: e, workflow: _, document: y, isActive: b }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
 		parentWorkflow: e,
 		workflow: _,

package/dist/features/documents/document-details/document-debug-utils.js

@@ -10,37 +10,38 @@ function summarizeDocumentContent(e) {
 	};
 	if (typeof e != "object") return { kind: "unknown" };
 	let t = e;
-	if ("role" in t && "content" in t) {
-		let e = String(t.role), n = typeof t.id == "string" ? t.id : void 0, r = typeof t.stopReason == "string" ? t.stopReason : void 0, i = t.content;
-		if (typeof i == "string") return {
-			kind: "ui-message",
-			role: e,
-			messageId: n,
-			stopReason: r,
-			charCount: i.length
-		};
-		if (Array.isArray(i)) {
-			let t = i, a = /* @__PURE__ */ new Map();
-			for (let e of t) {
-				let t = a.get(e.type) ?? {
+	if ("role" in t && ("text" in t || "blocks" in t)) {
+		let e = String(t.role), n = typeof t.id == "string" ? t.id : void 0, r = typeof t.stopReason == "string" ? t.stopReason : void 0, i = typeof t.text == "string" ? t.text : void 0, a = Array.isArray(t.blocks) ? t.blocks : void 0;
+		if (a && a.length > 0) {
+			let t = /* @__PURE__ */ new Map();
+			for (let e of a) {
+				let n = t.get(e.type) ?? {
 					count: 0,
 					labels: []
 				};
-				t.count += 1, (e.type === "tool_call" || e.type === "server_tool_use") && t.labels.push(e.name), a.set(e.type, t);
+				n.count += 1, (e.type === "tool_call" || e.type === "server_tool_use") && n.labels.push(e.name), t.set(e.type, n);
 			}
+			let o = a.reduce((e, t) => t.type === "text" || t.type === "thinking" ? e + t.text.length : t.type === "tool_result" ? e + t.content.length : e, 0);
 			return {
 				kind: "ui-message",
 				role: e,
 				messageId: n,
 				stopReason: r,
-				charCount: t.reduce((e, t) => t.type === "text" || t.type === "thinking" ? e + t.text.length : t.type === "tool_result" ? e + t.content.length : e, 0),
-				blocks: [...a.entries()].map(([e, { count: t, labels: n }]) => ({
+				charCount: i?.length ?? o,
+				blocks: [...t.entries()].map(([e, { count: t, labels: n }]) => ({
 					type: e,
 					count: t,
 					labels: n.length > 0 ? n : void 0
 				}))
 			};
 		}
+		return {
+			kind: "ui-message",
+			role: e,
+			messageId: n,
+			stopReason: r,
+			charCount: i?.length ?? 0
+		};
 	}
 	return {
 		kind: "object",

package/dist/features/documents/renderers/DocumentMessageRenderer.js

@@ -1,10 +1,22 @@
 import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
-import AiMessageContent_default from "./AiMessageContent.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-var DocumentMessageRenderer_default = (i) => {
-	let a = c(2), { document: o } = i, s = o.content, l;
-	return a[0] === s ? l = a[1] : (l = /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(AiMessageContent_default, { message: s }) }), a[0] = s, a[1] = l), l;
+var KNOWN_ROLES = [
+	"system",
+	"user",
+	"assistant",
+	"tool",
+	"error",
+	"document"
+], DocumentMessageRenderer_default = (a) => {
+	let o = c(5), { document: s } = a, { role: l, text: u } = s.content, d = KNOWN_ROLES.includes(l ?? "") ? l : void 0, f = u ?? "", p;
+	o[0] === f ? p = o[1] : (p = /* @__PURE__ */ jsx(MarkdownContent_default, { content: f }), o[0] = f, o[1] = p);
+	let m;
+	return o[2] !== d || o[3] !== p ? (m = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: d,
+		children: p
+	}), o[2] = d, o[3] = p, o[4] = m) : m = o[4], m;
 };
 export { DocumentMessageRenderer_default as default };

package/dist/features/documents/renderers/LinkMessageRenderer.js

@@ -1,15 +1,28 @@
+import { useWorkflowStatus } from "../../../hooks/useWorkflows.js";
+import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../../packages/contracts/dist/enums/index.js";
 import link_default from "../../../components/loopstack-elements/link.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-var LinkMessageRenderer_default = (r) => {
-	let i = c(6), { document: a } = r, { status: o, label: s, workflowId: l, embed: u, expanded: d } = a.content, f = l ? `/workflows/${l}` : void 0, p;
-	return i[0] !== u || i[1] !== d || i[2] !== f || i[3] !== s || i[4] !== o ? (p = /* @__PURE__ */ jsx(link_default, {
-		href: f,
-		label: s,
-		status: o,
-		embed: u,
-		defaultExpanded: d
-	}), i[0] = u, i[1] = d, i[2] = f, i[3] = s, i[4] = o, i[5] = p) : p = i[5], p;
+function mapWorkflowStateToStatus(e) {
+	switch (e) {
+		case WorkflowState.Completed: return "success";
+		case WorkflowState.Failed:
+		case WorkflowState.Canceled: return "failure";
+		default: return "pending";
+	}
+}
+var LinkMessageRenderer_default = (a) => {
+	let o = c(8), { document: s } = a, { label: l, workflowId: u, embed: d, expanded: f } = s.content, p = u ? `/workflows/${u}` : void 0, m = useWorkflowStatus(u), h = m.data?.status, g;
+	o[0] === h ? g = o[1] : (g = mapWorkflowStateToStatus(h), o[0] = h, o[1] = g);
+	let _ = g, v = m.isSuccess ? f === !0 && _ === "pending" : void 0, y;
+	return o[2] !== d || o[3] !== p || o[4] !== v || o[5] !== l || o[6] !== _ ? (y = /* @__PURE__ */ jsx(link_default, {
+		href: p,
+		label: l,
+		status: _,
+		embed: d,
+		defaultExpanded: v
+	}), o[2] = d, o[3] = p, o[4] = v, o[5] = l, o[6] = _, o[7] = y) : y = o[7], y;
 };
 export { LinkMessageRenderer_default as default };

package/dist/features/documents/renderers/LlmMessage.js

@@ -8,87 +8,98 @@ import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon } from "lucide-react";
 var CopyActions = (e) => {
-	let g = c(5), { text: _ } = e, v;
-	g[0] === _ ? v = g[1] : (v = () => void navigator.clipboard.writeText(_), g[0] = _, g[1] = v);
-	let y;
-	g[2] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" }), g[2] = y) : y = g[2];
+	let _ = c(5), { text: v } = e, y;
+	_[0] === v ? y = _[1] : (y = () => void navigator.clipboard.writeText(v), _[0] = v, _[1] = y);
 	let b;
-	return g[3] === v ? b = g[4] : (b = /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
-		onClick: v,
+	_[2] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" }), _[2] = b) : b = _[2];
+	let x;
+	return _[3] === y ? x = _[4] : (x = /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
+		onClick: y,
 		label: "Copy",
-		children: y
-	}) }) }), g[3] = v, g[4] = b), b;
-}, LlmMessage_default = (m) => {
-	let h = c(18), { document: x } = m, S = x.content, C = S.id ?? x.id, w = !!x.meta?.streaming;
-	if (typeof S.content == "string") {
-		let m;
-		h[0] !== w || h[1] !== S.content ? (m = /* @__PURE__ */ jsx(MessageContent, { children: w ? /* @__PURE__ */ jsx(StreamingText, { text: S.content }) : /* @__PURE__ */ jsx(MessageResponse, { children: S.content }) }), h[0] = w, h[1] = S.content, h[2] = m) : m = h[2];
-		let v;
-		h[3] !== w || h[4] !== S.content || h[5] !== S.role ? (v = S.role === "assistant" && !w && /* @__PURE__ */ jsx(CopyActions, { text: S.content }), h[3] = w, h[4] = S.content, h[5] = S.role, h[6] = v) : v = h[6];
-		let y;
-		return h[7] !== S.role || h[8] !== m || h[9] !== v ? (y = /* @__PURE__ */ jsxs(Message, {
-			from: S.role,
-			children: [m, v]
-		}), h[7] = S.role, h[8] = m, h[9] = v, h[10] = y) : y = h[10], y;
+		children: b
+	}) }) }), _[3] = y, _[4] = x), x;
+};
+function hasStructuredBlocks(e) {
+	return !!e?.some((e) => e.type !== "text");
+}
+function textFromBlocks(e) {
+	return (e ?? []).filter((e) => e.type === "text").map((e) => e.text).join("\n");
+}
+var LlmMessage_default = (h) => {
+	let g = c(23), { document: C } = h, w = C.content, T = w.id ?? C.id, E = !!C.meta?.streaming;
+	if (!hasStructuredBlocks(w.blocks)) {
+		let h;
+		g[0] !== w.blocks || g[1] !== w.text ? (h = w.text ?? textFromBlocks(w.blocks), g[0] = w.blocks, g[1] = w.text, g[2] = h) : h = g[2];
+		let y = h, b;
+		g[3] !== E || g[4] !== y ? (b = /* @__PURE__ */ jsx(MessageContent, { children: E ? /* @__PURE__ */ jsx(StreamingText, { text: y }) : /* @__PURE__ */ jsx(MessageResponse, { children: y }) }), g[3] = E, g[4] = y, g[5] = b) : b = g[5];
+		let x;
+		g[6] !== E || g[7] !== w.role || g[8] !== y ? (x = w.role === "assistant" && !E && /* @__PURE__ */ jsx(CopyActions, { text: y }), g[6] = E, g[7] = w.role, g[8] = y, g[9] = x) : x = g[9];
+		let S;
+		return g[10] !== w.role || g[11] !== b || g[12] !== x ? (S = /* @__PURE__ */ jsxs(Message, {
+			from: w.role,
+			children: [b, x]
+		}), g[10] = w.role, g[11] = b, g[12] = x, g[13] = S) : S = g[13], S;
 	}
-	let T = S.content, E;
-	h[11] !== T || h[12] !== w || h[13] !== S.role || h[14] !== C ? (E = T.map((m, h) => {
-		switch (m.type) {
+	let D;
+	g[14] === w.blocks ? D = g[15] : (D = w.blocks ?? [], g[14] = w.blocks, g[15] = D);
+	let O = D, k;
+	g[16] !== O || g[17] !== E || g[18] !== w.role || g[19] !== T ? (k = O.map((h, g) => {
+		switch (h.type) {
 			case "text": return /* @__PURE__ */ jsxs(Message, {
-				from: S.role,
-				children: [/* @__PURE__ */ jsx(MessageContent, { children: w ? /* @__PURE__ */ jsx(StreamingText, { text: m.text }) : /* @__PURE__ */ jsx(MessageResponse, { children: m.text }) }), S.role === "assistant" && !w && /* @__PURE__ */ jsx(CopyActions, { text: m.text })]
-			}, `${C}-${h}`);
+				from: w.role,
+				children: [/* @__PURE__ */ jsx(MessageContent, { children: E ? /* @__PURE__ */ jsx(StreamingText, { text: h.text }) : /* @__PURE__ */ jsx(MessageResponse, { children: h.text }) }), w.role === "assistant" && !E && /* @__PURE__ */ jsx(CopyActions, { text: h.text })]
+			}, `${T}-${g}`);
 			case "thinking": return /* @__PURE__ */ jsxs(Reasoning, {
 				className: "w-full",
-				isStreaming: w,
-				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: m.text })]
-			}, `${C}-${h}`);
+				isStreaming: E,
+				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: h.text })]
+			}, `${T}-${g}`);
 			case "tool_call": return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 				from: "assistant",
 				children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
 					state: "input-available",
-					title: m.name,
+					title: h.name,
 					type: "tool-call"
-				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: m.args }) })] })
-			}) }, `${C}-${h}`);
+				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: h.args }) })] })
+			}) }, `${T}-${g}`);
 			case "tool_result": {
-				let g;
+				let _;
 				try {
-					g = JSON.parse(m.content);
+					_ = JSON.parse(h.content);
 				} catch {
-					g = m.content;
+					_ = h.content;
 				}
 				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: m.isError ? "output-error" : "output-available",
+						state: h.isError ? "output-error" : "output-available",
 						title: "Tool Result",
 						type: "tool-call"
 					}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolOutput, {
-						output: g,
-						errorText: m.isError ? m.content : ""
+						output: _,
+						errorText: h.isError ? h.content : ""
 					}) })] })
-				}) }, `${C}-${h}`);
+				}) }, `${T}-${g}`);
 			}
 			case "server_tool_use": {
-				let g = T.find((e) => e.type === "server_tool_result" && e.toolUseId === m.id);
+				let _ = O.find((e) => e.type === "server_tool_result" && e.toolUseId === h.id);
 				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: g ? "output-available" : "input-available",
-						title: m.name,
+						state: _ ? "output-available" : "input-available",
+						title: h.name,
 						type: "tool-call"
-					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: m.input }), g && /* @__PURE__ */ jsx(ToolOutput, {
-						output: g.content,
+					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: h.input }), _ && /* @__PURE__ */ jsx(ToolOutput, {
+						output: _.content,
 						errorText: ""
 					})] })] })
-				}) }, `${C}-${h}`);
+				}) }, `${T}-${g}`);
 			}
 			case "server_tool_result": return null;
 			default: return null;
 		}
-	}), h[11] = T, h[12] = w, h[13] = S.role, h[14] = C, h[15] = E) : E = h[15];
-	let D;
-	return h[16] === E ? D = h[17] : (D = /* @__PURE__ */ jsx(Fragment, { children: E }), h[16] = E, h[17] = D), D;
+	}), g[16] = O, g[17] = E, g[18] = w.role, g[19] = T, g[20] = k) : k = g[20];
+	let A;
+	return g[21] === k ? A = g[22] : (A = /* @__PURE__ */ jsx(Fragment, { children: k }), g[21] = k, g[22] = A), A;
 };
 export { LlmMessage_default as default };

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

@@ -15,18 +15,21 @@ function createStreamingDocument(e, r, i) {
 	i.thinking && a.push({
 		type: "thinking",
 		text: i.thinking
-	}), a.push({
+	});
+	let o = i.error ? `Error while streaming response: ${i.error}` : i.text;
+	a.push({
 		type: "text",
-		text: i.error ? `Error while streaming response: ${i.error}` : i.text
+		text: o
 	}), a.push(...i.toolCalls);
-	let o = /* @__PURE__ */ new Date();
+	let s = /* @__PURE__ */ new Date();
 	return {
 		id: `streaming-${i.messageId}`,
 		documentName: "llm_message",
 		content: {
 			id: i.messageId,
 			role: "assistant",
-			content: a
+			text: o,
+			blocks: a
 		},
 		validationError: null,
 		meta: {
@@ -39,8 +42,8 @@ function createStreamingDocument(e, r, i) {
 		place: r,
 		labels: [],
 		tags: ["message"],
-		createdAt: o,
-		updatedAt: o,
+		createdAt: s,
+		updatedAt: s,
 		workspaceId: "",
 		workflowId: e
 	};

package/dist/hooks/index.js

@@ -1,7 +1,7 @@
-import { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey } from "./query-keys.js";
+import { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowStatusCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey } from "./query-keys.js";
 import { useApiClient } from "./useApi.js";
 import { useIsMobile } from "./use-mobile.js";
 import { useAppsConfig, useAvailableEnvironments, useDocumentConfigs } from "./useConfig.js";
 import { useReplaceEnvironments, useResetEnvironment, useWorkspaceEnvironments } from "./useEnvironments.js";
-import { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource } from "./useWorkflows.js";
+import { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource, useWorkflowStatus } from "./useWorkflows.js";
 import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./useWorkspaces.js";

package/dist/hooks/query-keys.js

@@ -7,11 +7,11 @@ function getHealthCacheKey(e) {
 function getAppTypesCacheKey(e) {
 	return ["app-types", e];
 }
-function getWorkflowTypesCacheKey(e, S) {
+function getWorkflowTypesCacheKey(e, C) {
 	return [
 		"workflowTypes",
 		e,
-		S
+		C
 	];
 }
 function getStudioAppsCacheKey(e) {
@@ -27,112 +27,119 @@ function getDashboardStatsCacheKey(e) {
 		e
 	];
 }
-function getWorkflowCacheKey(e, S) {
+function getWorkflowCacheKey(e, C) {
 	return [
 		"workflow",
 		e,
-		S
+		C
+	];
+}
+function getWorkflowStatusCacheKey(e, C) {
+	return [
+		"workflowStatus",
+		e,
+		C
 	];
 }
 function getWorkflowsCacheKey(e) {
 	return ["workflows", e];
 }
-function getChildWorkflowsCacheKey(e, S) {
+function getChildWorkflowsCacheKey(e, C) {
 	return [
 		"childWorkflows",
 		e,
-		S
+		C
 	];
 }
 function getToolConfigsCacheKey(e) {
 	return ["toolConfigs", e];
 }
-function getToolConfigCacheKey(e, S) {
+function getToolConfigCacheKey(e, C) {
 	return [
 		"toolConfig",
 		e,
-		S
+		C
 	];
 }
-function getWorkflowConfigCacheKey(e, S) {
+function getWorkflowConfigCacheKey(e, C) {
 	return [
 		"workflowConfig",
 		e,
-		S
+		C
 	];
 }
-function getWorkflowSourceCacheKey(e, S) {
+function getWorkflowSourceCacheKey(e, C) {
 	return [
 		"workflowSource",
 		e,
-		S
+		C
 	];
 }
-function getWorkspaceCacheKey(e, S) {
+function getWorkspaceCacheKey(e, C) {
 	return [
 		"workspace",
 		e,
-		S
+		C
 	];
 }
 function getWorkspacesCacheKey(e) {
 	return ["workspaces", e];
 }
-function getDocumentCacheKey(e, S) {
+function getDocumentCacheKey(e, C) {
 	return [
 		"document",
 		e,
-		S
+		C
 	];
 }
-function getDocumentsCacheKey(e, S) {
+function getDocumentsCacheKey(e, C) {
 	return [
 		"documents",
 		e,
-		S
+		C
 	];
 }
-function getSecretsCacheKey(e, S) {
+function getSecretsCacheKey(e, C) {
 	return [
 		"secrets",
 		e,
-		S
+		C
 	];
 }
-function getGitStatusCacheKey(e, S) {
+function getGitStatusCacheKey(e, C) {
 	return [
 		"gitStatus",
 		e,
-		S
+		C
 	];
 }
-function getGitLogCacheKey(e, S) {
+function getGitLogCacheKey(e, C) {
 	return [
 		"gitLog",
 		e,
-		S
+		C
 	];
 }
-function getGitRemoteCacheKey(e, S) {
+function getGitRemoteCacheKey(e, C) {
 	return [
 		"gitRemote",
 		e,
-		S
+		C
 	];
 }
-function getFileTreeCacheKey(e, S) {
+function getFileTreeCacheKey(e, C) {
 	return [
 		"fileTree",
 		e,
-		S
+		C
 	];
 }
-function getFileContentCacheKey(e, S, C) {
+function getFileContentCacheKey(e, C, w) {
 	return [
 		"fileContent",
 		e,
-		S,
-		C
+		C,
+		w
 	];
 }
-export { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey };
+export { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowStatusCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey };

package/dist/hooks/useWorkflows.js

@@ -1,21 +1,33 @@
-import { getChildWorkflowsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowsCacheKey } from "./query-keys.js";
+import { getChildWorkflowsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowStatusCacheKey, getWorkflowsCacheKey } from "./query-keys.js";
 import { useApiClient } from "./useApi.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 function useWorkflow(e) {
 	let i = c(10), { envKey: a, api: o } = useApiClient(), s;
 	i[0] !== a || i[1] !== e ? (s = getWorkflowCacheKey(a, e), i[0] = a, i[1] = e, i[2] = s) : s = i[2];
-	let u;
-	i[3] !== o || i[4] !== e ? (u = () => o.workflows.getById({ id: e }), i[3] = o, i[4] = e, i[5] = u) : u = i[5];
+	let l;
+	i[3] !== o || i[4] !== e ? (l = () => o.workflows.getById({ id: e }), i[3] = o, i[4] = e, i[5] = l) : l = i[5];
+	let d = !!e, f;
+	return i[6] !== s || i[7] !== l || i[8] !== d ? (f = {
+		queryKey: s,
+		queryFn: l,
+		enabled: d
+	}, i[6] = s, i[7] = l, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+}
+function useWorkflowStatus(e) {
+	let r = c(10), { envKey: i, api: a } = useApiClient(), s;
+	r[0] !== i || r[1] !== e ? (s = getWorkflowStatusCacheKey(i, e), r[0] = i, r[1] = e, r[2] = s) : s = r[2];
+	let l;
+	r[3] !== a || r[4] !== e ? (l = () => a.workflows.getStatusById({ id: e }), r[3] = a, r[4] = e, r[5] = l) : l = r[5];
 	let d = !!e, f;
-	return i[6] !== s || i[7] !== u || i[8] !== d ? (f = {
+	return r[6] !== s || r[7] !== l || r[8] !== d ? (f = {
 		queryKey: s,
-		queryFn: u,
+		queryFn: l,
 		enabled: d
-	}, i[6] = s, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+	}, r[6] = s, r[7] = l, r[8] = d, r[9] = f) : f = r[9], useQuery(f);
 }
-function useFilterWorkflows(e, r, i, a, s, u) {
-	let d = c(32), f = i === void 0 ? "id" : i, p = a === void 0 ? "DESC" : a, m = s === void 0 ? 0 : s, h = u === void 0 ? 10 : u, { envKey: g, api: _ } = useApiClient(), v;
+function useFilterWorkflows(e, r, i, a, o, l) {
+	let d = c(32), f = i === void 0 ? "id" : i, p = a === void 0 ? "DESC" : a, m = o === void 0 ? 0 : o, h = l === void 0 ? 10 : l, { envKey: g, api: _ } = useApiClient(), v;
 	d[0] === r ? v = d[1] : (v = Object.keys(r), d[0] = r, d[1] = v);
 	let y = v.length > 0, b;
 	d[2] !== r || d[3] !== y ? (b = y ? JSON.stringify(r) : void 0, d[2] = r, d[3] = y, d[4] = b) : b = d[4];
@@ -59,62 +71,62 @@ function useFilterWorkflows(e, r, i, a, s, u) {
 	}, d[29] = D, d[30] = O, d[31] = k) : k = d[31], useQuery(k);
 }
 function useCreateWorkflow() {
-	let e = c(8), { envKey: r, api: i } = useApiClient(), a = useQueryClient(), l;
-	e[0] === i ? l = e[1] : (l = (e) => i.workflows.create(e), e[0] = i, e[1] = l);
-	let d;
-	e[2] !== r || e[3] !== a ? (d = () => {
+	let e = c(8), { envKey: r, api: i } = useApiClient(), a = useQueryClient(), o;
+	e[0] === i ? o = e[1] : (o = (e) => i.workflows.create(e), e[0] = i, e[1] = o);
+	let u;
+	e[2] !== r || e[3] !== a ? (u = () => {
 		a.invalidateQueries({ queryKey: getWorkflowsCacheKey(r) });
-	}, e[2] = r, e[3] = a, e[4] = d) : d = e[4];
+	}, e[2] = r, e[3] = a, e[4] = u) : u = e[4];
 	let f;
-	return e[5] !== l || e[6] !== d ? (f = {
-		mutationFn: l,
-		onSuccess: d
-	}, e[5] = l, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
+	return e[5] !== o || e[6] !== u ? (f = {
+		mutationFn: o,
+		onSuccess: u
+	}, e[5] = o, e[6] = u, e[7] = f) : f = e[7], useMutation(f);
 }
 function useUpdateWorkflow() {
-	let e = c(8), { envKey: i, api: a } = useApiClient(), l = useQueryClient(), d;
-	e[0] === a ? d = e[1] : (d = (e) => a.workflows.update(e), e[0] = a, e[1] = d);
+	let e = c(8), { envKey: i, api: a } = useApiClient(), o = useQueryClient(), u;
+	e[0] === a ? u = e[1] : (u = (e) => a.workflows.update(e), e[0] = a, e[1] = u);
 	let f;
-	e[2] !== i || e[3] !== l ? (f = (e, a) => {
-		l.invalidateQueries({ queryKey: getWorkflowCacheKey(i, a.id) }), l.invalidateQueries({ queryKey: getWorkflowsCacheKey(i) });
-	}, e[2] = i, e[3] = l, e[4] = f) : f = e[4];
+	e[2] !== i || e[3] !== o ? (f = (e, a) => {
+		o.invalidateQueries({ queryKey: getWorkflowCacheKey(i, a.id) }), o.invalidateQueries({ queryKey: getWorkflowsCacheKey(i) });
+	}, e[2] = i, e[3] = o, e[4] = f) : f = e[4];
 	let p;
-	return e[5] !== d || e[6] !== f ? (p = {
-		mutationFn: d,
+	return e[5] !== u || e[6] !== f ? (p = {
+		mutationFn: u,
 		onSuccess: f
-	}, e[5] = d, e[6] = f, e[7] = p) : p = e[7], useMutation(p);
+	}, e[5] = u, e[6] = f, e[7] = p) : p = e[7], useMutation(p);
 }
 function useDeleteWorkflow() {
-	let e = c(8), { envKey: i, api: a } = useApiClient(), l = useQueryClient(), d;
-	e[0] === a ? d = e[1] : (d = (e) => a.workflows.delete({ id: e }), e[0] = a, e[1] = d);
+	let e = c(8), { envKey: i, api: a } = useApiClient(), o = useQueryClient(), u;
+	e[0] === a ? u = e[1] : (u = (e) => a.workflows.delete({ id: e }), e[0] = a, e[1] = u);
 	let f;
-	e[2] !== i || e[3] !== l ? (f = (e, a) => {
-		l.removeQueries({ queryKey: getWorkflowCacheKey(i, a) }), l.invalidateQueries({ queryKey: getWorkflowsCacheKey(i) });
-	}, e[2] = i, e[3] = l, e[4] = f) : f = e[4];
+	e[2] !== i || e[3] !== o ? (f = (e, a) => {
+		o.removeQueries({ queryKey: getWorkflowCacheKey(i, a) }), o.invalidateQueries({ queryKey: getWorkflowsCacheKey(i) });
+	}, e[2] = i, e[3] = o, e[4] = f) : f = e[4];
 	let p;
-	return e[5] !== d || e[6] !== f ? (p = {
-		mutationFn: d,
+	return e[5] !== u || e[6] !== f ? (p = {
+		mutationFn: u,
 		onSuccess: f
-	}, e[5] = d, e[6] = f, e[7] = p) : p = e[7], useMutation(p);
+	}, e[5] = u, e[6] = f, e[7] = p) : p = e[7], useMutation(p);
 }
 function useBatchDeleteWorkflows() {
-	let e = c(8), { envKey: r, api: i } = useApiClient(), a = useQueryClient(), l;
-	e[0] === i ? l = e[1] : (l = (e) => i.workflows.batchDelete({ ids: e }), e[0] = i, e[1] = l);
-	let d;
-	e[2] !== r || e[3] !== a ? (d = () => {
+	let e = c(8), { envKey: r, api: i } = useApiClient(), a = useQueryClient(), o;
+	e[0] === i ? o = e[1] : (o = (e) => i.workflows.batchDelete({ ids: e }), e[0] = i, e[1] = o);
+	let u;
+	e[2] !== r || e[3] !== a ? (u = () => {
 		a.invalidateQueries({ queryKey: getWorkflowsCacheKey(r) });
-	}, e[2] = r, e[3] = a, e[4] = d) : d = e[4];
+	}, e[2] = r, e[3] = a, e[4] = u) : u = e[4];
 	let f;
-	return e[5] !== l || e[6] !== d ? (f = {
-		mutationFn: l,
-		onSuccess: d
-	}, e[5] = l, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
+	return e[5] !== o || e[6] !== u ? (f = {
+		mutationFn: o,
+		onSuccess: u
+	}, e[5] = o, e[6] = u, e[7] = f) : f = e[7], useMutation(f);
 }
 function useChildWorkflows(r, i) {
-	let a = c(10), o = i === void 0 ? !0 : i, { envKey: s, api: u } = useApiClient(), d;
+	let a = c(10), o = i === void 0 ? !0 : i, { envKey: s, api: l } = useApiClient(), d;
 	a[0] !== s || a[1] !== r ? (d = getChildWorkflowsCacheKey(s, r), a[0] = s, a[1] = r, a[2] = d) : d = a[2];
 	let f;
-	a[3] !== u || a[4] !== r ? (f = () => u.workflows.getAll({
+	a[3] !== l || a[4] !== r ? (f = () => l.workflows.getAll({
 		filter: JSON.stringify({ parentId: r }),
 		sortBy: JSON.stringify([{
 			field: "createdAt",
@@ -122,7 +134,7 @@ function useChildWorkflows(r, i) {
 		}]),
 		page: 0,
 		limit: 100
-	}), a[3] = u, a[4] = r, a[5] = f) : f = a[5];
+	}), a[3] = l, a[4] = r, a[5] = f) : f = a[5];
 	let p = o && !!r, m;
 	return a[6] !== d || a[7] !== f || a[8] !== p ? (m = {
 		queryKey: d,
@@ -137,37 +149,37 @@ function _temp(e) {
 function useWorkflowConfigByName(e) {
 	let r = c(10), { envKey: a, api: o } = useApiClient(), s;
 	r[0] !== a || r[1] !== e ? (s = getWorkflowConfigCacheKey(a, e), r[0] = a, r[1] = e, r[2] = s) : s = r[2];
-	let u;
-	r[3] !== o || r[4] !== e ? (u = () => o.config.getWorkflowConfig({ workflowName: e }), r[3] = o, r[4] = e, r[5] = u) : u = r[5];
+	let l;
+	r[3] !== o || r[4] !== e ? (l = () => o.config.getWorkflowConfig({ workflowName: e }), r[3] = o, r[4] = e, r[5] = l) : l = r[5];
 	let d = !!e, f;
-	return r[6] !== s || r[7] !== u || r[8] !== d ? (f = {
+	return r[6] !== s || r[7] !== l || r[8] !== d ? (f = {
 		queryKey: s,
-		queryFn: u,
+		queryFn: l,
 		enabled: d
-	}, r[6] = s, r[7] = u, r[8] = d, r[9] = f) : f = r[9], useQuery(f);
+	}, r[6] = s, r[7] = l, r[8] = d, r[9] = f) : f = r[9], useQuery(f);
 }
 function useWorkflowSource(e) {
 	let r = c(10), { envKey: i, api: o } = useApiClient(), s;
 	r[0] !== i || r[1] !== e ? (s = getWorkflowSourceCacheKey(i, e), r[0] = i, r[1] = e, r[2] = s) : s = r[2];
-	let u;
-	r[3] !== o || r[4] !== e ? (u = () => o.config.getWorkflowSource({ workflowName: e }), r[3] = o, r[4] = e, r[5] = u) : u = r[5];
+	let l;
+	r[3] !== o || r[4] !== e ? (l = () => o.config.getWorkflowSource({ workflowName: e }), r[3] = o, r[4] = e, r[5] = l) : l = r[5];
 	let d = !!e, f;
-	return r[6] !== s || r[7] !== u || r[8] !== d ? (f = {
+	return r[6] !== s || r[7] !== l || r[8] !== d ? (f = {
 		queryKey: s,
-		queryFn: u,
+		queryFn: l,
 		enabled: d
-	}, r[6] = s, r[7] = u, r[8] = d, r[9] = f) : f = r[9], useQuery(f);
+	}, r[6] = s, r[7] = l, r[8] = d, r[9] = f) : f = r[9], useQuery(f);
 }
 function useWorkflowCheckpoints(e) {
 	let i = c(10), { envKey: a, api: o } = useApiClient(), s;
 	i[0] !== a || i[1] !== e ? (s = [...getWorkflowCacheKey(a, e), "checkpoints"], i[0] = a, i[1] = e, i[2] = s) : s = i[2];
-	let u;
-	i[3] !== o || i[4] !== e ? (u = () => o.workflows.getCheckpoints({ id: e }), i[3] = o, i[4] = e, i[5] = u) : u = i[5];
+	let l;
+	i[3] !== o || i[4] !== e ? (l = () => o.workflows.getCheckpoints({ id: e }), i[3] = o, i[4] = e, i[5] = l) : l = i[5];
 	let d = !!e, f;
-	return i[6] !== s || i[7] !== u || i[8] !== d ? (f = {
+	return i[6] !== s || i[7] !== l || i[8] !== d ? (f = {
 		queryKey: s,
-		queryFn: u,
+		queryFn: l,
 		enabled: d
-	}, i[6] = s, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+	}, i[6] = s, i[7] = l, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
-export { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource };
+export { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource, useWorkflowStatus };

package/dist/index.d.ts

@@ -49,6 +49,7 @@ import { WorkflowCreateInterface } from '@loopstack/contracts/api';
 import { WorkflowFullInterface } from '@loopstack/contracts/api';
 import { WorkflowItemInterface } from '@loopstack/contracts/api';
 import { WorkflowSourceInterface } from '@loopstack/contracts/api';
+import { WorkflowStatusInterface } from '@loopstack/contracts/api';
 import { WorkflowUpdateInterface } from '@loopstack/contracts/api';
 import { WorkspaceCreateInterface } from '@loopstack/contracts/api';
 import { WorkspaceEnvironmentInterface } from '@loopstack/contracts/api';
@@ -367,6 +368,9 @@ declare function createApi(http: AxiosInstance): {
         getById: (params: {
             id: string;
         }) => Promise<WorkflowFullInterface>;
+        getStatusById: (params: {
+            id: string;
+        }) => Promise<WorkflowStatusInterface>;
         getAll: (params?: {
             filter?: string;
             sortBy?: string;
@@ -817,6 +821,8 @@ export declare function getWorkflowsCacheKey(envKey: string): string[];
 
 export declare function getWorkflowSourceCacheKey(envKey: string, alias: string): string[];
 
+export declare function getWorkflowStatusCacheKey(envKey: string, id: string): string[];
+
 export declare function getWorkflowTypesCacheKey(envKey: string, appBlockName: string): string[];
 
 export declare function getWorkspaceCacheKey(envKey: string, id: string): string[];
@@ -1506,6 +1512,12 @@ export declare function useWorkflowConfigByName(workflowName: string | undefined
  */
 export declare function useWorkflowSource(workflowName: string | undefined): UseQueryResult<WorkflowSourceInterface, Error>;
 
+/**
+ * Fetch the slim live status for a single workflow — used by embedded sub-workflow link cards
+ * to react to state changes without pulling the full workflow payload.
+ */
+export declare function useWorkflowStatus(id: string | undefined): UseQueryResult<WorkflowStatusInterface, Error>;
+
 export declare function useWorkspace(id: string | undefined): UseQueryResult<WorkspaceInterface, Error>;
 
 export declare function useWorkspaceEnvironments(workspaceId?: string): UseQueryResult<WorkspaceEnvironmentInterface[], Error>;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey } from "./hooks/query-keys.js";
+import { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowStatusCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey } from "./hooks/query-keys.js";
 import { createApiClient } from "./services/createApiClient.js";
 import { eventBus } from "./services/eventEmitter.js";
 import "./services/index.js";
@@ -7,7 +7,7 @@ import { useApiClient } from "./hooks/useApi.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
 import { useAppsConfig, useAvailableEnvironments, useDocumentConfigs } from "./hooks/useConfig.js";
 import { useReplaceEnvironments, useResetEnvironment, useWorkspaceEnvironments } from "./hooks/useEnvironments.js";
-import { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource } from "./hooks/useWorkflows.js";
+import { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource, useWorkflowStatus } from "./hooks/useWorkflows.js";
 import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./hooks/useWorkspaces.js";
 import "./hooks/index.js";
 import { StudioPreferencesProvider, useOptionalStudioPreferences, useStudioPreferences } from "./providers/StudioPreferencesProvider.js";
@@ -90,4 +90,4 @@ import LocalHealthCheck_default from "./features/health/LocalHealthCheck.js";
 import EnvironmentEmbedRoot from "./app/EnvironmentEmbedRoot.js";
 import { StudioSidebar } from "./components/layout/StudioSidebar.js";
 import "./features/health/index.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, CreateWorkspace_default as CreateWorkspace, 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, EnvironmentEmbedRoot, EnvironmentSlotSelector, ErrorAlert_default as ErrorAlert, ErrorBoundary, ErrorSnackbar_default as ErrorSnackbar, FeatureRegistryProvider, 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, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewWorkbenchPage, RadioGroup, RadioGroupItem, RunsListPage, RunsPage, 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, StudioLandingPage, StudioPreferencesProvider, StudioProvider, StudioSidebar, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkflowDebugPage_default as WorkflowDebugPage, WorkspacePage_default as WorkspacePage, WorkspaceRunsPage_default as WorkspaceRunsPage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, fileExplorerFeature, getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey, secretsFeature, useApiClient, useAppsConfig, useAvailableEnvironments, useBatchDeleteWorkflows, useBatchDeleteWorkspaces, useChildWorkflows, useComponentOverrides, useCreateWorkflow, useCreateWorkspace, useDeleteWorkflow, useDeleteWorkspace, useDocumentConfigs, useFilterWorkflows, useFilterWorkspaces, useIsMobile, useOptionalStudioPreferences, useReplaceEnvironments, useResetEnvironment, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useStudioOptional, useStudioPreferences, useUpdateWorkflow, useUpdateWorkspace, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource, useWorkspace, useWorkspaceEnvironments };
+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, CreateWorkspace_default as CreateWorkspace, 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, EnvironmentEmbedRoot, EnvironmentSlotSelector, ErrorAlert_default as ErrorAlert, ErrorBoundary, ErrorSnackbar_default as ErrorSnackbar, FeatureRegistryProvider, 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, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewWorkbenchPage, RadioGroup, RadioGroupItem, RunsListPage, RunsPage, 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, StudioLandingPage, StudioPreferencesProvider, StudioProvider, StudioSidebar, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkflowDebugPage_default as WorkflowDebugPage, WorkspacePage_default as WorkspacePage, WorkspaceRunsPage_default as WorkspaceRunsPage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, fileExplorerFeature, getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getStudioAppsCacheKey, getToolConfigCacheKey, getToolConfigsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowStatusCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey, secretsFeature, useApiClient, useAppsConfig, useAvailableEnvironments, useBatchDeleteWorkflows, useBatchDeleteWorkspaces, useChildWorkflows, useComponentOverrides, useCreateWorkflow, useCreateWorkspace, useDeleteWorkflow, useDeleteWorkspace, useDocumentConfigs, useFilterWorkflows, useFilterWorkspaces, useIsMobile, useOptionalStudioPreferences, useReplaceEnvironments, useResetEnvironment, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useStudioOptional, useStudioPreferences, useUpdateWorkflow, useUpdateWorkspace, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource, useWorkflowStatus, useWorkspace, useWorkspaceEnvironments };

package/dist/providers/InvalidationEventsProvider.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.31.1",
+  "version": "0.33.0",
   "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/contracts": "^0.32.0",
+    "@loopstack/contracts": "^0.35.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",

package/dist/features/documents/renderers/AiMessageContent.js

@@ -1,172 +0,0 @@
-import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
-import { c } from "react/compiler-runtime";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getDataUrl = (e, r) => e instanceof URL ? e.toString() : typeof e == "string" ? `data:${r || "application/octet-stream"};base64,${e}` : "#", TextPartRenderer = (e) => {
-	let i = c(2), { part: a } = e, o;
-	return i[0] === a.text ? o = i[1] : (o = /* @__PURE__ */ jsx("div", {
-		className: "text-sm leading-relaxed whitespace-pre-wrap",
-		children: a.text
-	}), i[0] = a.text, i[1] = o), o;
-}, ImagePartRenderer = (e) => {
-	let i = c(11), { part: s } = e, l;
-	i[0] !== s.image || i[1] !== s.mediaType ? (l = getDataUrl(s.image, s.mediaType), i[0] = s.image, i[1] = s.mediaType, i[2] = l) : l = i[2];
-	let u;
-	i[3] === Symbol.for("react.memo_cache_sentinel") ? (u = { maxHeight: "400px" }, i[3] = u) : u = i[3];
-	let d;
-	i[4] === l ? d = i[5] : (d = /* @__PURE__ */ jsx("img", {
-		src: l,
-		alt: "Uploaded image",
-		className: "h-auto max-w-full rounded-lg border shadow-sm",
-		style: u
-	}), i[4] = l, i[5] = d);
-	let f;
-	i[6] === s.mediaType ? f = i[7] : (f = s.mediaType && /* @__PURE__ */ jsxs("div", {
-		className: "mt-1 text-xs text-gray-500",
-		children: ["Type: ", s.mediaType]
-	}), i[6] = s.mediaType, i[7] = f);
-	let p;
-	return i[8] !== d || i[9] !== f ? (p = /* @__PURE__ */ jsxs("div", { children: [d, f] }), i[8] = d, i[9] = f, i[10] = p) : p = i[10], p;
-}, FilePartRenderer = (e) => {
-	let i = c(8), { part: o } = e, s;
-	i[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ jsx("div", {
-		className: "text-2xl",
-		children: "📎"
-	}), i[0] = s) : s = i[0];
-	let l = o.filename || "Unnamed file", u;
-	i[1] === l ? u = i[2] : (u = /* @__PURE__ */ jsx("div", {
-		className: "text-sm font-medium",
-		children: l
-	}), i[1] = l, i[2] = u);
-	let d;
-	i[3] === o.mediaType ? d = i[4] : (d = /* @__PURE__ */ jsx("div", {
-		className: "text-xs text-gray-500",
-		children: o.mediaType
-	}), i[3] = o.mediaType, i[4] = d);
-	let f;
-	return i[5] !== u || i[6] !== d ? (f = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center space-x-2",
-		children: [s, /* @__PURE__ */ jsxs("div", { children: [u, d] })]
-	}) }), i[5] = u, i[6] = d, i[7] = f) : f = i[7], f;
-}, ReasoningPartRenderer = (e) => {
-	let i = c(2), { part: o } = e, s;
-	return i[0] === o.text ? s = i[1] : (s = o.text ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-		className: "mb-2 flex items-center space-x-2",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "text-sm font-medium text-purple-600",
-			children: "Reasoning"
-		})
-	}), /* @__PURE__ */ jsx("div", {
-		className: "text-sm whitespace-pre-wrap text-purple-800",
-		children: o.text
-	})] }) : "", i[0] = o.text, i[1] = s), s;
-}, ToolCallPartRenderer = (e) => {
-	let i = c(17), { part: o } = e, s;
-	i[0] === o.toolName ? s = i[1] : (s = /* @__PURE__ */ jsx("div", {
-		className: "text-sm font-medium",
-		children: o.toolName
-	}), i[0] = o.toolName, i[1] = s);
-	let l;
-	i[2] === o.providerExecuted ? l = i[3] : (l = o.providerExecuted && /* @__PURE__ */ jsx("span", {
-		className: "rounded bg-green-100 px-2 py-1 text-xs text-green-800",
-		children: "Executed"
-	}), i[2] = o.providerExecuted, i[3] = l);
-	let u;
-	i[4] !== s || i[5] !== l ? (u = /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center space-x-2",
-		children: [s, l]
-	}), i[4] = s, i[5] = l, i[6] = u) : u = i[6];
-	let d;
-	i[7] === o.toolCallId ? d = i[8] : (d = /* @__PURE__ */ jsxs("div", {
-		className: "ml-5 font-mono text-xs text-gray-500",
-		children: ["ID: ", o.toolCallId]
-	}), i[7] = o.toolCallId, i[8] = d);
-	let f;
-	i[9] !== u || i[10] !== d ? (f = /* @__PURE__ */ jsxs("div", {
-		className: "mb-2 flex items-center justify-between",
-		children: [u, d]
-	}), i[9] = u, i[10] = d, i[11] = f) : f = i[11];
-	let p;
-	i[12] === o.input ? p = i[13] : (p = o.input ? /* @__PURE__ */ jsxs("div", {
-		className: "rounded border bg-white p-2 text-xs",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "mb-1 text-gray-600",
-			children: "Input:"
-		}), /* @__PURE__ */ jsx("pre", {
-			className: "overflow-x-auto whitespace-pre-wrap",
-			children: JSON.stringify(o.input, null, 2)
-		})]
-	}) : "", i[12] = o.input, i[13] = p);
-	let m;
-	return i[14] !== f || i[15] !== p ? (m = /* @__PURE__ */ jsxs("div", { children: [f, p] }), i[14] = f, i[15] = p, i[16] = m) : m = i[16], m;
-}, ToolResultPartRenderer = (e) => {
-	let i = c(14), { part: o } = e, s;
-	i[0] === o.toolName ? s = i[1] : (s = /* @__PURE__ */ jsxs("div", {
-		className: "text-sm font-medium",
-		children: [o.toolName, " Result"]
-	}), i[0] = o.toolName, i[1] = s);
-	let l;
-	i[2] === o.toolCallId ? l = i[3] : (l = /* @__PURE__ */ jsxs("div", {
-		className: "ml-5 font-mono text-xs text-gray-500",
-		children: ["ID: ", o.toolCallId]
-	}), i[2] = o.toolCallId, i[3] = l);
-	let u;
-	i[4] !== s || i[5] !== l ? (u = /* @__PURE__ */ jsxs("div", {
-		className: "mb-2 flex items-center justify-between",
-		children: [s, l]
-	}), i[4] = s, i[5] = l, i[6] = u) : u = i[6];
-	let d;
-	i[7] === o.output ? d = i[8] : (d = JSON.stringify(o.output, null, 2), i[7] = o.output, i[8] = d);
-	let f;
-	i[9] === d ? f = i[10] : (f = /* @__PURE__ */ jsx("div", {
-		className: "rounded border bg-white p-2 text-xs",
-		children: /* @__PURE__ */ jsx("pre", {
-			className: "overflow-x-auto whitespace-pre-wrap",
-			children: d
-		})
-	}), i[9] = d, i[10] = f);
-	let p;
-	return i[11] !== u || i[12] !== f ? (p = /* @__PURE__ */ jsxs("div", { children: [u, f] }), i[11] = u, i[12] = f, i[13] = p) : p = i[13], p;
-}, AiMessageContent_default = (i) => {
-	let o = c(4), { message: s } = i, l = _temp, u;
-	o[0] === s ? u = o[1] : (u = () => {
-		if (s.role === "system") return /* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg border-l-4 border-gray-400 bg-gray-50 p-3 text-sm text-gray-600 italic",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "mb-1 font-medium",
-				children: "System"
-			}), /* @__PURE__ */ jsx("div", {
-				className: "whitespace-pre-wrap",
-				children: s.content
-			})]
-		});
-		let { content: r } = s;
-		return typeof r == "string" ? /* @__PURE__ */ jsx(MarkdownContent_default, { content: r }) : Array.isArray(r) ? /* @__PURE__ */ jsx("div", {
-			className: "space-y-2",
-			children: r.map((e, r) => l(e, r))
-		}) : /* @__PURE__ */ jsx("div", {
-			className: "text-sm text-red-600",
-			children: "Invalid content format"
-		});
-	}, o[0] = s, o[1] = u);
-	let d = u, f;
-	return o[2] === d ? f = o[3] : (f = /* @__PURE__ */ jsx("div", {
-		className: "message-content",
-		children: d()
-	}), o[2] = d, o[3] = f), f;
-};
-function _temp(e, r) {
-	switch (e.type) {
-		case "text": return /* @__PURE__ */ jsx(TextPartRenderer, { part: e }, r);
-		case "image": return /* @__PURE__ */ jsx(ImagePartRenderer, { part: e }, r);
-		case "file": return /* @__PURE__ */ jsx(FilePartRenderer, { part: e }, r);
-		case "reasoning": return /* @__PURE__ */ jsx(ReasoningPartRenderer, { part: e }, r);
-		case "tool-call": return /* @__PURE__ */ jsx(ToolCallPartRenderer, { part: e }, r);
-		case "tool-result": return /* @__PURE__ */ jsx(ToolResultPartRenderer, { part: e }, r);
-		default: return /* @__PURE__ */ jsxs("div", {
-			className: "rounded bg-gray-100 p-2 text-sm",
-			children: ["Unknown content type: ", e.type]
-		}, r);
-	}
-}
-export { AiMessageContent_default as default };