@loopstack/loopstack-studio 0.29.5 → 0.30.0

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

@@ -1,6 +1,6 @@
+import { useResetEnvironment } from "../../../hooks/useEnvironments.js";
 import { Button } from "../../../components/ui/button.js";
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
-import { useResetEnvironment } from "../../../hooks/useEnvironments.js";
 import { SidebarPanel } from "./SidebarPanel.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -30,18 +30,18 @@ function WorkbenchEnvironmentPanel(d) {
 			className: "flex-1 overflow-y-auto px-4 py-3",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "space-y-2",
-				children: [y.map((u) => /* @__PURE__ */ jsxs("div", {
+				children: [y.map((e) => /* @__PURE__ */ jsxs("div", {
 					className: "bg-muted/50 rounded-md px-3 py-3",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "mb-2",
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "text-sm font-medium",
-							children: u.envName || u.slotId
+							children: e.envName || e.slotId
 						}), /* @__PURE__ */ jsx("div", {
 							className: "text-muted-foreground text-xs",
-							children: u.type || "remote"
+							children: e.type || "remote"
 						})]
-					}), _ === u.slotId ? /* @__PURE__ */ jsxs("div", {
+					}), _ === e.slotId ? /* @__PURE__ */ jsxs("div", {
 						className: "space-y-2",
 						children: [/* @__PURE__ */ jsx("p", {
 							className: "text-destructive text-xs",
@@ -53,7 +53,7 @@ function WorkbenchEnvironmentPanel(d) {
 								variant: "destructive",
 								className: "h-7 text-xs",
 								disabled: g.isPending,
-								onClick: () => void b(u.slotId),
+								onClick: () => void b(e.slotId),
 								children: [g.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx(RotateCcw, { className: "mr-1 h-3 w-3" }), "Confirm Reset"]
 							}), /* @__PURE__ */ jsx(Button, {
 								size: "sm",
@@ -68,10 +68,10 @@ function WorkbenchEnvironmentPanel(d) {
 						size: "sm",
 						variant: "outline",
 						className: "h-7 text-xs",
-						onClick: () => v(u.slotId),
+						onClick: () => v(e.slotId),
 						children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-1 h-3 w-3" }), "Reset Environment"]
 					})]
-				}, u.slotId)), y.length === 0 && /* @__PURE__ */ jsx("p", {
+				}, e.slotId)), y.length === 0 && /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground py-4 text-center text-sm",
 					children: "No remote environments configured."
 				})]

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

@@ -1,9 +1,9 @@
 import { useStudio } from "../../../providers/StudioProvider.js";
 import { cn } from "../../../lib/utils.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
 import "../../feature-registry/index.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Link, useLocation } from "react-router-dom";

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

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

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

@@ -6,18 +6,19 @@ import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var WorkflowForms_default = (o) => {
-	let s = c(8), { workflow: l, onSubmit: u } = o, d = useWorkflowConfigByName(l.className ?? void 0).data?.ui, f = d?.widgets ?? d?.actions;
-	if (!f?.length) return null;
-	let p;
-	s[0] === l.availableTransitions ? p = s[1] : (p = l.availableTransitions?.map(_temp) ?? [], s[0] = l.availableTransitions, s[1] = p);
-	let m = p, h = f, g = l.status === WorkflowState.Completed, _;
-	return s[2] !== m || s[3] !== u || s[4] !== h || s[5] !== g || s[6] !== l.place ? (_ = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
-		actions: h,
-		availableTransitions: m,
+	let s = c(9), { workflow: l, onSubmit: u, isLoading: d } = o, f = useWorkflowConfigByName(l.workflowName).data?.ui, p = f?.widgets ?? f?.actions;
+	if (!p?.length) return null;
+	let m;
+	s[0] === l.availableTransitions ? m = s[1] : (m = l.availableTransitions?.map(_temp) ?? [], s[0] = l.availableTransitions, s[1] = m);
+	let h = m, g = p, _ = l.status === WorkflowState.Completed, v;
+	return s[2] !== h || s[3] !== d || s[4] !== u || s[5] !== g || s[6] !== _ || s[7] !== l.place ? (v = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
+		actions: g,
+		availableTransitions: h,
 		currentPlace: l.place,
-		disabled: g,
+		disabled: _,
+		isLoading: d,
 		onSubmit: u
-	}) }), s[2] = m, s[3] = u, s[4] = h, s[5] = g, s[6] = l.place, s[7] = _) : _ = s[7], _;
+	}) }), s[2] = h, s[3] = d, s[4] = u, s[5] = g, s[6] = _, s[7] = l.place, s[8] = v) : v = s[8], v;
 };
 function _temp(e) {
 	return e.id;

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

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Clock, Loader2, Play } from "lucide-react";
 import { format } from "date-fns";
 var WorkflowHistoryItem_default = (m) => {
-	let h = c(19), { workflowId: g, workflow: _ } = m, v = useWorkflowCheckpoints(g), y = v.data;
+	let h = c(17), { workflowId: g, workflow: _ } = m, v = useWorkflowCheckpoints(g), y = v.data;
 	if (v.isLoading) {
 		let e;
 		return h[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("li", {
@@ -24,7 +24,7 @@ var WorkflowHistoryItem_default = (m) => {
 	if (!y?.length) return null;
 	let b;
 	h[1] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), h[1] = b) : b = h[1];
-	let x = _.title ?? _.alias, S;
+	let x = _.title ?? _.workflowName, S;
 	h[2] === x ? S = h[3] : (S = /* @__PURE__ */ jsx("span", {
 		className: "truncate text-sm",
 		children: x
@@ -44,27 +44,11 @@ var WorkflowHistoryItem_default = (m) => {
 		})
 	}), h[5] = S, h[6] = w);
 	let T;
-	h[7] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ jsx("div", { className: "from-primary/60 via-primary/30 to-muted/20 absolute top-7 bottom-3 left-1.75 w-0.5 rounded-full bg-linear-to-b" }), h[7] = T) : T = h[7];
+	h[7] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ jsx("div", { className: "from-primary/60 via-primary/30 to-muted/20 absolute top-3 bottom-3 left-1.75 w-0.5 rounded-full bg-linear-to-b" }), h[7] = T) : T = h[7];
 	let E;
-	h[8] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx("div", {
-		className: "relative z-10 flex shrink-0 items-center justify-center",
-		children: /* @__PURE__ */ jsx("div", { className: "border-primary/60 bg-primary/20 flex h-4 w-4 items-center justify-center rounded-full border-2" })
-	}), h[8] = E) : E = h[8];
-	let D;
-	h[9] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsxs("div", {
-		className: "group/entry relative flex gap-3 py-1 pl-0",
-		children: [E, /* @__PURE__ */ jsx("div", {
-			className: "flex min-w-0 flex-1 items-center gap-1.5",
-			children: /* @__PURE__ */ jsx("span", {
-				className: "bg-muted text-foreground w-fit truncate rounded px-1.5 py-0.5 font-mono text-xs font-medium",
-				children: "start"
-			})
-		})]
-	}), h[9] = D) : D = h[9];
-	let O;
-	if (h[10] !== y) {
+	if (h[8] !== y) {
 		let e;
-		h[12] === y.length ? e = h[13] : (e = (e, u) => {
+		h[10] === y.length ? e = h[11] : (e = (e, u) => {
 			let d = u === y.length - 1, f = e.place ?? "unknown", p = e.transitionId;
 			return /* @__PURE__ */ jsxs("div", {
 				className: "group/entry relative flex gap-3 py-1 pl-0",
@@ -100,29 +84,25 @@ var WorkflowHistoryItem_default = (m) => {
 						})
 					})]
 				})]
-			}, e.version);
-		}, h[12] = y.length, h[13] = e), O = y.map(e), h[10] = y, h[11] = O;
-	} else O = h[11];
-	let k;
-	h[14] === O ? k = h[15] : (k = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("ul", {
+			}, e.id);
+		}, h[10] = y.length, h[11] = e), E = y.map(e), h[8] = y, h[9] = E;
+	} else E = h[9];
+	let D;
+	h[12] === E ? D = h[13] : (D = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("ul", {
 		className: "ml-2 flex min-w-0 flex-col gap-1 pl-0",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "relative py-2",
-			children: [
-				T,
-				D,
-				O
-			]
+			children: [T, E]
 		})
-	}) }), h[14] = O, h[15] = k);
-	let A;
-	return h[16] !== k || h[17] !== w ? (A = /* @__PURE__ */ jsx(Collapsible, {
+	}) }), h[12] = E, h[13] = D);
+	let O;
+	return h[14] !== w || h[15] !== D ? (O = /* @__PURE__ */ jsx(Collapsible, {
 		defaultOpen: !0,
 		className: "group/collapsible",
 		children: /* @__PURE__ */ jsxs("li", {
 			className: "group/menu-item relative list-none",
-			children: [w, k]
+			children: [w, D]
 		})
-	}), h[16] = k, h[17] = w, h[18] = A) : A = h[18], A;
+	}), h[14] = w, h[15] = D, h[16] = O) : O = h[16], O;
 };
 export { WorkflowHistoryItem_default as default };

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

@@ -5,47 +5,49 @@ import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Clock, Loader2 } from "lucide-react";
 var WorkflowHistoryList_default = (s) => {
-	let l = c(10), { workflow: u } = s, d = useChildWorkflows(u?.id), f;
+	let l = c(13), { workflow: u } = s, d = useChildWorkflows(u?.id), f;
 	l[0] === d.data ? f = l[1] : (f = d.data ?? [], l[0] = d.data, l[1] = f);
-	let p = f;
+	let p = f, m;
+	l[2] !== p || l[3] !== u ? (m = u ? [u, ...p] : p, l[2] = p, l[3] = u, l[4] = m) : m = l[4];
+	let h = m;
 	if (!u) {
 		let e;
-		return l[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return l[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground flex items-center justify-center py-8 text-sm",
 			children: "No workflow selected"
-		}), l[2] = e) : e = l[2], e;
+		}), l[5] = e) : e = l[5], e;
 	}
 	if (d.isLoading) {
 		let e;
-		return l[3] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return l[6] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "flex items-center justify-center py-8",
 			children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-5 w-5 animate-spin" })
-		}), l[3] = e) : e = l[3], e;
+		}), l[6] = e) : e = l[6], e;
 	}
 	if (d.error) {
 		let e;
-		return l[4] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return l[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "text-destructive px-2 py-4 text-sm",
 			children: "Failed to load history"
-		}), l[4] = e) : e = l[4], e;
+		}), l[7] = e) : e = l[7], e;
 	}
-	if (p.length === 0) {
+	if (h.length === 0) {
 		let e;
-		return l[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
+		return l[8] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
 			className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-8",
 			children: [/* @__PURE__ */ jsx(Clock, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
 				className: "text-sm",
 				children: "No workflow history"
 			})]
-		}), l[5] = e) : e = l[5], e;
+		}), l[8] = e) : e = l[8], e;
 	}
-	let m;
-	l[6] === p ? m = l[7] : (m = p.map(_temp), l[6] = p, l[7] = m);
-	let h;
-	return l[8] === m ? h = l[9] : (h = /* @__PURE__ */ jsx("div", {
+	let g;
+	l[9] === h ? g = l[10] : (g = h.map(_temp), l[9] = h, l[10] = g);
+	let _;
+	return l[11] === g ? _ = l[12] : (_ = /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-1 py-2",
-		children: m
-	}), l[8] = m, l[9] = h), h;
+		children: g
+	}), l[11] = g, l[12] = _), _;
 };
 function _temp(e) {
 	return /* @__PURE__ */ jsx(WorkflowHistoryItem_default, {

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

@@ -10,9 +10,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { LockOpen, Repeat } from "lucide-react";
 var WorkflowButtons_default = (T) => {
 	let E = c(34), { workflow: D, workflowId: O } = T, { router: k } = useStudio(), A = useWorkflow(O).data, j = useCreateWorkflow(), M = useRunWorkflow(), N = j.isPending || M.isPending, P;
-	E[0] !== j || E[1] !== k || E[2] !== M || E[3] !== D.alias || E[4] !== D.args || E[5] !== D.workspaceId ? (P = () => {
+	E[0] !== j || E[1] !== k || E[2] !== M || E[3] !== D.args || E[4] !== D.workflowName || E[5] !== D.workspaceId ? (P = () => {
 		j.mutate({ workflowCreateDto: {
-			alias: D.alias,
+			workflowName: D.workflowName,
 			title: null,
 			workspaceId: D.workspaceId,
 			transition: null,
@@ -26,7 +26,7 @@ var WorkflowButtons_default = (T) => {
 				k.navigateToWorkflow(t.id);
 			} });
 		} });
-	}, E[0] = j, E[1] = k, E[2] = M, E[3] = D.alias, E[4] = D.args, E[5] = D.workspaceId, E[6] = P) : P = E[6];
+	}, E[0] = j, E[1] = k, E[2] = M, E[3] = D.args, E[4] = D.workflowName, E[5] = D.workspaceId, E[6] = P) : P = E[6];
 	let F = P, I;
 	E[7] !== M || E[8] !== D.id || E[9] !== O ? (I = () => {
 		M.mutate({

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

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

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

@@ -1,49 +1,76 @@
+import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
 import "../../../packages/contracts/dist/enums/index.js";
 import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { useFilterDocuments } from "../../../hooks/useDocuments.js";
+import { useLlmStreamingDocuments } from "./useLlmStreamingDocuments.js";
 import { c } from "react/compiler-runtime";
 import { useCallback, useMemo } from "react";
-function useWorkflowData(a) {
-	let o = c(21), { workflowId: s, showFullMessageHistory: l } = a, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunWorkflow(), p;
-	o[0] !== u.data?.place || o[1] !== l ? (p = (e) => {
-		let n = e.meta, r = e.ui, i = n?.hidden || r?.hidden || !!n?.hideAtPlaces?.includes(u.data?.place ?? "");
-		return !l && e.tags?.includes("internal") && (i = !0), !i;
-	}, o[0] = u.data?.place, o[1] = l, o[2] = p) : p = o[2];
-	let m = p, h;
+function getLlmMessageId(e) {
+	let s = e.content;
+	return e.documentName === "llm_message" && typeof s?.id == "string" ? s.id : void 0;
+}
+function isStreamReadyForFinal(e) {
+	return !!e.meta?.streamReadyForFinal;
+}
+function useWorkflowData(p) {
+	let m = c(22), { workflowId: h, showFullMessageHistory: g } = p, _ = useWorkflow(h), v = useFilterDocuments(h), y = useRunWorkflow(), b = useLlmStreamingDocuments(h, _.data?.place), x = useDocumentConfigs(), S;
+	m[0] !== x || m[1] !== _.data?.place || m[2] !== g ? (S = (e) => {
+		let s = x.get(e.documentName)?.meta, l = s?.hidden || !!s?.hideAtPlaces?.includes(_.data?.place ?? "");
+		return !g && e.tags?.includes("internal") && (l = !0), !l;
+	}, m[0] = x, m[1] = _.data?.place, m[2] = g, m[3] = S) : S = m[3];
+	let C = S, w;
 	bb0: {
-		if (!d.data) {
-			let e;
-			o[3] === Symbol.for("react.memo_cache_sentinel") ? (e = [], o[3] = e) : e = o[3], h = e;
+		if (!v.data) {
+			w = b;
 			break bb0;
 		}
 		let e;
-		o[4] !== d.data || o[5] !== m ? (e = d.data.filter(m), o[4] = d.data, o[5] = m, o[6] = e) : e = o[6], h = e;
+		if (m[4] !== v.data || m[5] !== C || m[6] !== b) {
+			let s = v.data.filter(C), l = new Map(b.map(_temp).filter(_temp2)), u = s.filter((e) => {
+				let s = getLlmMessageId(e), u = s ? l.get(s) : void 0;
+				return !u || isStreamReadyForFinal(u);
+			}), d = new Set(u.map(getLlmMessageId).filter(_temp3)), f = b.filter((e) => {
+				let s = getLlmMessageId(e);
+				return !s || !d.has(s);
+			});
+			e = [...u, ...f], m[4] = v.data, m[5] = C, m[6] = b, m[7] = e;
+		} else e = m[7];
+		w = e;
 	}
-	let g = h, _;
-	o[7] !== f || o[8] !== s ? (_ = (e, n) => {
-		f.mutate({
-			workflowId: s,
+	let T = w, E;
+	m[8] !== y || m[9] !== h ? (E = (e, s) => {
+		y.mutate({
+			workflowId: h,
 			runWorkflowPayloadDto: { transition: {
 				id: e,
-				workflowId: s,
-				payload: n
+				workflowId: h,
+				payload: s
 			} }
 		});
-	}, o[7] = f, o[8] = s, o[9] = _) : _ = o[9];
-	let v = _, y = f.isPending || u.data?.status === WorkflowState.Running, b = u.data?.errorMessage, x;
-	return o[10] !== g || o[11] !== d.error || o[12] !== d.isLoading || o[13] !== d.isSuccess || o[14] !== u.data || o[15] !== u.isLoading || o[16] !== u.isSuccess || o[17] !== v || o[18] !== y || o[19] !== b ? (x = {
-		workflow: u.data,
-		workflowLoading: u.isLoading,
-		workflowReady: u.isSuccess,
-		workflowError: b,
-		documents: g,
-		documentsLoading: d.isLoading,
-		documentsReady: d.isSuccess,
-		documentsError: d.error,
-		isLoading: y,
-		handleRun: v
-	}, o[10] = g, o[11] = d.error, o[12] = d.isLoading, o[13] = d.isSuccess, o[14] = u.data, o[15] = u.isLoading, o[16] = u.isSuccess, o[17] = v, o[18] = y, o[19] = b, o[20] = x) : x = o[20], x;
+	}, m[8] = y, m[9] = h, m[10] = E) : E = m[10];
+	let D = E, O = y.isPending || _.data?.status === WorkflowState.Running, k = _.data?.errorMessage, A;
+	return m[11] !== T || m[12] !== v.error || m[13] !== v.isLoading || m[14] !== v.isSuccess || m[15] !== _.data || m[16] !== _.isLoading || m[17] !== _.isSuccess || m[18] !== D || m[19] !== O || m[20] !== k ? (A = {
+		workflow: _.data,
+		workflowLoading: _.isLoading,
+		workflowReady: _.isSuccess,
+		workflowError: k,
+		documents: T,
+		documentsLoading: v.isLoading,
+		documentsReady: v.isSuccess,
+		documentsError: v.error,
+		isLoading: O,
+		handleRun: D
+	}, m[11] = T, m[12] = v.error, m[13] = v.isLoading, m[14] = v.isSuccess, m[15] = _.data, m[16] = _.isLoading, m[17] = _.isSuccess, m[18] = D, m[19] = O, m[20] = k, m[21] = A) : A = m[21], A;
+}
+function _temp3(e) {
+	return !!e;
+}
+function _temp2(e) {
+	return !!e[0];
+}
+function _temp(e) {
+	return [getLlmMessageId(e), e];
 }
 export { useWorkflowData };

package/dist/features/workbench/index.js

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