@loopstack/loopstack-studio 0.35.1 → 0.36.0

package/dist/features/run-view/prompts/SimplePrompts.js

@@ -0,0 +1,196 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function question(t) {
+	let r = t.content;
+	return typeof r?.question == "string" ? r.question : "Input required";
+}
+function TextPrompt(s) {
+	let l = c(26), { view: u, submit: d, isSubmitting: f } = s, [p, m] = useState(""), h;
+	l[0] !== p || l[1] !== d ? (h = () => {
+		p.trim() && d({ answer: p.trim() });
+	}, l[0] = p, l[1] = d, l[2] = h) : h = l[2];
+	let g = h, _;
+	l[3] === u ? _ = l[4] : (_ = question(u), l[3] = u, l[4] = _);
+	let v;
+	l[5] === _ ? v = l[6] : (v = /* @__PURE__ */ jsx("p", {
+		className: "text-sm font-medium",
+		children: _
+	}), l[5] = _, l[6] = v);
+	let y;
+	l[7] === Symbol.for("react.memo_cache_sentinel") ? (y = (t) => m(t.target.value), l[7] = y) : y = l[7];
+	let b;
+	l[8] === g ? b = l[9] : (b = (t) => t.key === "Enter" && g(), l[8] = g, l[9] = b);
+	let x;
+	l[10] !== p || l[11] !== f || l[12] !== b ? (x = /* @__PURE__ */ jsx(Input, {
+		value: p,
+		onChange: y,
+		onKeyDown: b,
+		placeholder: "Your answer…",
+		disabled: f,
+		autoFocus: !0
+	}), l[10] = p, l[11] = f, l[12] = b, l[13] = x) : x = l[13];
+	let S;
+	l[14] !== p || l[15] !== f ? (S = f || !p.trim(), l[14] = p, l[15] = f, l[16] = S) : S = l[16];
+	let C;
+	l[17] !== g || l[18] !== S ? (C = /* @__PURE__ */ jsx(Button, {
+		onClick: g,
+		disabled: S,
+		children: "Send"
+	}), l[17] = g, l[18] = S, l[19] = C) : C = l[19];
+	let w;
+	l[20] !== x || l[21] !== C ? (w = /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [x, C]
+	}), l[20] = x, l[21] = C, l[22] = w) : w = l[22];
+	let T;
+	return l[23] !== v || l[24] !== w ? (T = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [v, w]
+	}), l[23] = v, l[24] = w, l[25] = T) : T = l[25], T;
+}
+function ConfirmPrompt(r) {
+	let i = c(20), { view: s, submit: l, isSubmitting: u } = r, d;
+	i[0] === s ? d = i[1] : (d = question(s), i[0] = s, i[1] = d);
+	let f;
+	i[2] === d ? f = i[3] : (f = /* @__PURE__ */ jsx("p", {
+		className: "text-sm font-medium",
+		children: d
+	}), i[2] = d, i[3] = f);
+	let p;
+	i[4] === l ? p = i[5] : (p = () => l({ answer: "yes" }), i[4] = l, i[5] = p);
+	let m;
+	i[6] !== u || i[7] !== p ? (m = /* @__PURE__ */ jsx(Button, {
+		className: "flex-1",
+		onClick: p,
+		disabled: u,
+		children: "Yes"
+	}), i[6] = u, i[7] = p, i[8] = m) : m = i[8];
+	let h;
+	i[9] === l ? h = i[10] : (h = () => l({ answer: "no" }), i[9] = l, i[10] = h);
+	let g;
+	i[11] !== u || i[12] !== h ? (g = /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		className: "flex-1",
+		onClick: h,
+		disabled: u,
+		children: "No"
+	}), i[11] = u, i[12] = h, i[13] = g) : g = i[13];
+	let _;
+	i[14] !== m || i[15] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [m, g]
+	}), i[14] = m, i[15] = g, i[16] = _) : _ = i[16];
+	let v;
+	return i[17] !== f || i[18] !== _ ? (v = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [f, _]
+	}), i[17] = f, i[18] = _, i[19] = v) : v = i[19], v;
+}
+function ChoicesPrompt(s) {
+	let l = c(24), { view: u, submit: d, isSubmitting: f } = s, p = u.content, m;
+	l[0] === p ? m = l[1] : (m = Array.isArray(p?.options) ? p.options : [], l[0] = p, l[1] = m);
+	let h = m, [g, _] = useState(""), v;
+	l[2] === u ? v = l[3] : (v = question(u), l[2] = u, l[3] = v);
+	let y;
+	l[4] === v ? y = l[5] : (y = /* @__PURE__ */ jsx("p", {
+		className: "text-sm font-medium",
+		children: v
+	}), l[4] = v, l[5] = y);
+	let b;
+	if (l[6] !== f || l[7] !== h || l[8] !== d) {
+		let r;
+		l[10] !== f || l[11] !== d ? (r = (r) => /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			className: "w-full",
+			onClick: () => d({ answer: r }),
+			disabled: f,
+			children: r
+		}, r), l[10] = f, l[11] = d, l[12] = r) : r = l[12], b = h.map(r), l[6] = f, l[7] = h, l[8] = d, l[9] = b;
+	} else b = l[9];
+	let x;
+	l[13] === b ? x = l[14] : (x = /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-2",
+		children: b
+	}), l[13] = b, l[14] = x);
+	let S;
+	l[15] !== p?.allowCustomAnswer || l[16] !== g || l[17] !== f || l[18] !== d ? (S = p?.allowCustomAnswer === !0 && /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [/* @__PURE__ */ jsx(Input, {
+			value: g,
+			onChange: (t) => _(t.target.value),
+			onKeyDown: (t) => t.key === "Enter" && g.trim() && d({ answer: g.trim() }),
+			placeholder: "Custom answer…",
+			disabled: f
+		}), /* @__PURE__ */ jsx(Button, {
+			onClick: () => d({ answer: g.trim() }),
+			disabled: f || !g.trim(),
+			children: "Send"
+		})]
+	}), l[15] = p?.allowCustomAnswer, l[16] = g, l[17] = f, l[18] = d, l[19] = S) : S = l[19];
+	let C;
+	return l[20] !== y || l[21] !== x || l[22] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [
+			y,
+			x,
+			S
+		]
+	}), l[20] = y, l[21] = x, l[22] = S, l[23] = C) : C = l[23], C;
+}
+function PromptInput(o) {
+	let s = c(20), { view: l, submit: u, isSubmitting: d } = o, [f, p] = useState(""), m = typeof l.options?.label == "string" ? l.options.label : "Message", h;
+	s[0] !== f || s[1] !== u ? (h = () => {
+		f.trim() && (u(f.trim()), p(""));
+	}, s[0] = f, s[1] = u, s[2] = h) : h = s[2];
+	let g = h, _;
+	s[3] === Symbol.for("react.memo_cache_sentinel") ? (_ = (t) => p(t.target.value), s[3] = _) : _ = s[3];
+	let v;
+	s[4] === g ? v = s[5] : (v = (t) => t.key === "Enter" && g(), s[4] = g, s[5] = v);
+	let y = `${m}…`, b;
+	s[6] !== d || s[7] !== f || s[8] !== v || s[9] !== y ? (b = /* @__PURE__ */ jsx(Input, {
+		value: f,
+		onChange: _,
+		onKeyDown: v,
+		placeholder: y,
+		disabled: d,
+		autoFocus: !0
+	}), s[6] = d, s[7] = f, s[8] = v, s[9] = y, s[10] = b) : b = s[10];
+	let x;
+	s[11] !== d || s[12] !== f ? (x = d || !f.trim(), s[11] = d, s[12] = f, s[13] = x) : x = s[13];
+	let S;
+	s[14] !== g || s[15] !== x ? (S = /* @__PURE__ */ jsx(Button, {
+		onClick: g,
+		disabled: x,
+		children: "Send"
+	}), s[14] = g, s[15] = x, s[16] = S) : S = s[16];
+	let C;
+	return s[17] !== b || s[18] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [b, S]
+	}), s[17] = b, s[18] = S, s[19] = C) : C = s[19], C;
+}
+function ActionButton(r) {
+	let i = c(6), { view: a, submit: o, isSubmitting: s } = r, l = typeof a.options?.label == "string" ? a.options.label : a.defaultTransition ?? "Continue", u;
+	i[0] === o ? u = i[1] : (u = () => o({}), i[0] = o, i[1] = u);
+	let d;
+	return i[2] !== s || i[3] !== l || i[4] !== u ? (d = /* @__PURE__ */ jsx(Button, {
+		onClick: u,
+		disabled: s,
+		children: l
+	}), i[2] = s, i[3] = l, i[4] = u, i[5] = d) : d = i[5], d;
+}
+function FullWidthActionButton(r) {
+	let i = c(6), { view: a, submit: o, isSubmitting: s } = r, l = typeof a.options?.label == "string" ? a.options.label : a.defaultTransition ?? "Continue", u;
+	i[0] === o ? u = i[1] : (u = () => o({}), i[0] = o, i[1] = u);
+	let d;
+	return i[2] !== s || i[3] !== l || i[4] !== u ? (d = /* @__PURE__ */ jsx(Button, {
+		className: "w-full",
+		onClick: u,
+		disabled: s,
+		children: l
+	}), i[2] = s, i[3] = l, i[4] = u, i[5] = d) : d = i[5], d;
+}
+export { ActionButton, ChoicesPrompt, ConfirmPrompt, FullWidthActionButton, PromptInput, TextPrompt };

package/dist/features/run-view/prompts/cards.js

@@ -0,0 +1,90 @@
+import { Button } from "../../../components/ui/button.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle, RefreshCw } from "lucide-react";
+function NotSupportedCard(e) {
+	let i = c(2), { view: a } = e, o;
+	return i[0] === a.widget ? o = i[1] : (o = /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground rounded-md border border-dashed p-3 text-sm",
+		children: [
+			"Input of type ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: a.widget
+			}),
+			" is not yet supported in the run view."
+		]
+	}), i[0] = a.widget, i[1] = o), o;
+}
+function BareWaitCard(e) {
+	let i = c(4), { view: a } = e, o;
+	i[0] === a.transitions ? o = i[1] : (o = a.transitions.join(", ") || "—", i[0] = a.transitions, i[1] = o);
+	let s;
+	return i[2] === o ? s = i[3] : (s = /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground rounded-md border border-dashed p-3 text-sm",
+		children: [
+			"Waiting on ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: o
+			}),
+			" — nothing to show."
+		]
+	}), i[2] = o, i[3] = s), s;
+}
+function FailedRunCard(o) {
+	let s = c(13), { workflowName: l, errorMessage: u, onRetry: d, isRetrying: f } = o, p;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive h-4 w-4 shrink-0" }), s[0] = p) : p = s[0];
+	let m;
+	s[1] === l ? m = s[2] : (m = /* @__PURE__ */ jsx("span", {
+		className: "font-medium",
+		children: l
+	}), s[1] = l, s[2] = m);
+	let h = u ? `: ${u}` : ".", g;
+	s[3] !== m || s[4] !== h ? (g = /* @__PURE__ */ jsxs("p", {
+		className: "flex items-center gap-2 text-sm",
+		children: [p, /* @__PURE__ */ jsxs("span", { children: [
+			m,
+			" failed",
+			h
+		] })]
+	}), s[3] = m, s[4] = h, s[5] = g) : g = s[5];
+	let _;
+	s[6] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-3.5 w-3.5" }), s[6] = _) : _ = s[6];
+	let v;
+	s[7] !== f || s[8] !== d ? (v = /* @__PURE__ */ jsxs(Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: d,
+		disabled: f,
+		children: [_, "Retry"]
+	}), s[7] = f, s[8] = d, s[9] = v) : v = s[9];
+	let y;
+	return s[10] !== g || s[11] !== v ? (y = /* @__PURE__ */ jsxs("div", {
+		className: "border-destructive/40 space-y-2 rounded-md border p-3",
+		children: [g, v]
+	}), s[10] = g, s[11] = v, s[12] = y) : y = s[12], y;
+}
+function InertPromptEntry(e) {
+	let i = c(10), { document: a } = e, o;
+	i[0] === a.content ? o = i[1] : (o = a.content ?? {}, i[0] = a.content, i[1] = o);
+	let s = o, l = typeof s.question == "string" ? s.question : typeof s.markdown == "string" ? s.markdown : void 0, u = s.answer !== void 0, f;
+	i[2] === l ? f = i[3] : (f = l && /* @__PURE__ */ jsx("p", {
+		className: "font-medium",
+		children: l
+	}), i[2] = l, i[3] = f);
+	let p;
+	i[4] !== u || i[5] !== s.answer ? (p = u && /* @__PURE__ */ jsxs("p", {
+		className: "text-muted-foreground mt-1",
+		children: ["Answered: ", formatAnswer(s.answer)]
+	}), i[4] = u, i[5] = s.answer, i[6] = p) : p = i[6];
+	let m;
+	return i[7] !== f || i[8] !== p ? (m = /* @__PURE__ */ jsxs("div", {
+		className: "rounded-md border p-3 text-sm",
+		children: [f, p]
+	}), i[7] = f, i[8] = p, i[9] = m) : m = i[9], m;
+}
+function formatAnswer(e) {
+	return typeof e == "string" ? e : typeof e == "boolean" ? e ? "yes" : "no" : JSON.stringify(e);
+}
+export { BareWaitCard, FailedRunCard, InertPromptEntry, NotSupportedCard };

package/dist/features/run-view/prompts/registry.js

@@ -0,0 +1,16 @@
+import { FormPrompt } from "./FormPrompt.js";
+import { OAuthPrompt } from "./OAuthPrompt.js";
+import { SecretPrompt } from "./SecretPrompt.js";
+import { ActionButton, ChoicesPrompt, ConfirmPrompt, FullWidthActionButton, PromptInput, TextPrompt } from "./SimplePrompts.js";
+const promptRegistry = new Map([
+	["text-prompt", TextPrompt],
+	["confirm-prompt", ConfirmPrompt],
+	["choices", ChoicesPrompt],
+	["form", FormPrompt],
+	["secret-input", SecretPrompt],
+	["oauth-prompt", OAuthPrompt],
+	["prompt-input", PromptInput],
+	["button", ActionButton],
+	["button-full-w", FullWidthActionButton]
+]);
+export { promptRegistry };

package/dist/features/run-view/transcript.js

@@ -0,0 +1,24 @@
+function composeTranscript(e, t) {
+	let n = e.flatMap((e) => e.documents.map((t) => ({
+		document: t,
+		depth: e.depth
+	})));
+	n.sort((e, t) => new Date(e.document.createdAt).getTime() - new Date(t.document.createdAt).getTime() || e.document.index - t.document.index);
+	let r = new Set(e.filter((e) => e.depth === 0).map((e) => e.workflowId)), i = [];
+	for (let { document: e, depth: a } of n) {
+		if (a > 0 && !r.has(e.workflowId)) continue;
+		let n = t(e.documentName);
+		if (n === "link") {
+			let t = e.content?.workflowId;
+			typeof t == "string" && r.add(t);
+			continue;
+		}
+		i.push({
+			document: e,
+			depth: a,
+			widget: n
+		});
+	}
+	return i;
+}
+export { composeTranscript };

package/dist/features/run-view/useRunPrompts.js

@@ -0,0 +1,111 @@
+import { useLoopstackClient } from "../../packages/react/dist/provider.js";
+import "../../packages/react/dist/index.js";
+import { useDocumentConfigs } from "../../hooks/useConfig.js";
+import { promptRegistry } from "./prompts/registry.js";
+import { evaluateWorkflowPrompts, isAnswered, pickPrompt, toParkView } from "../../packages/contracts/dist/park-view/park-view.rules.js";
+import "../../packages/contracts/dist/park-view/index.js";
+import { useMemo } from "react";
+import { useQueries } from "@tanstack/react-query";
+function toWidgetConfig(e) {
+	let o = e.ui?.widgets?.[0];
+	if (!o) return;
+	let s = e.meta;
+	return {
+		widget: o.widget,
+		options: o.options,
+		enabledWhen: o.enabledWhen,
+		showWhen: o.showWhen,
+		schema: e.schema,
+		enableAtPlaces: s?.enableAtPlaces,
+		hideAtPlaces: s?.hideAtPlaces,
+		internal: e.tags?.includes("internal") || void 0
+	};
+}
+function toWorkflowInput(e) {
+	return {
+		id: e.id,
+		workflowName: e.workflowName,
+		status: e.status,
+		place: e.place ?? null,
+		availableTransitions: e.availableTransitions?.map((e) => e.id) ?? []
+	};
+}
+function useRunPrompts(d) {
+	let f = useLoopstackClient(), p = useDocumentConfigs(), m = useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let [o, s] of p) {
+			let c = toWidgetConfig(s);
+			c && e.set(o, c);
+		}
+		return e;
+	}, [p]), h = useMemo(() => [...new Set(d.map((e) => e.workflow.workflowName))], [d]), g = useQueries({ queries: h.map((e) => ({
+		...f.queries.workflowConfig(e),
+		staleTime: 6e4
+	})) }), _ = useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		return h.forEach((o, s) => {
+			let c = g[s]?.data?.ui?.widgets ?? [];
+			e.set(o, c.map((e) => ({
+				widget: e.widget,
+				options: e.options,
+				enabledWhen: e.enabledWhen,
+				showWhen: e.showWhen
+			})));
+		}), e;
+	}, [h, ...g.map((e) => e.data)]);
+	return useMemo(() => {
+		let e = pickPrompt(d.flatMap((e) => {
+			let o = e.documents.filter((e) => !e.isInvalidated).map((e) => ({
+				documentName: e.documentName,
+				place: e.place ?? null,
+				content: e.content ?? null,
+				tags: e.tags
+			}));
+			return evaluateWorkflowPrompts(toWorkflowInput(e.workflow), o, m, _.get(e.workflow.workflowName) ?? []);
+		}), (e) => !!e.widget && promptRegistry.has(e.widget.widget)), o = (e) => e ? {
+			candidate: e,
+			view: toParkView(e)
+		} : void 0, l;
+		if (!e.prompt && !e.blocked) {
+			for (let e of d) if (!(e.workflow.status !== "running" && e.workflow.status !== "pending")) {
+				for (let o of _.get(e.workflow.workflowName) ?? []) {
+					if (!promptRegistry.has(o.widget) || o.showWhen && !o.showWhen.includes(e.workflow.place ?? "")) continue;
+					let c = {
+						kind: "workflow",
+						workflow: toWorkflowInput(e.workflow),
+						widget: o,
+						state: "disabled"
+					};
+					l = {
+						candidate: c,
+						view: toParkView(c)
+					};
+					break;
+				}
+				if (l) break;
+			}
+		}
+		let u = /* @__PURE__ */ new Map();
+		for (let e of d) if (e.workflow.status !== "completed") for (let o of _.get(e.workflow.workflowName) ?? []) {
+			if (o.widget !== "sandbox-run" || o.showWhen && !o.showWhen.includes(e.workflow.place ?? "")) continue;
+			let s = o.options;
+			u.set(s?.slotId ?? "", {
+				slotId: s?.slotId,
+				label: s?.label
+			});
+		}
+		return {
+			picked: o(e.prompt),
+			blocked: o(e.blocked),
+			fallback: o(e.fallback),
+			idlePrompt: l,
+			answered: (e) => isAnswered(e.content),
+			sandboxSlots: [...u.values()]
+		};
+	}, [
+		d,
+		m,
+		_
+	]);
+}
+export { useRunPrompts };

package/dist/features/run-view/useRunTree.js

@@ -0,0 +1,59 @@
+import { useLoopstackClient } from "../../packages/react/dist/provider.js";
+import { SortOrder } from "../../packages/contracts/dist/enums/sort-order.enum.js";
+import "../../packages/contracts/dist/enums/index.js";
+import "../../packages/react/dist/index.js";
+import { useEffect, useMemo, useState } from "react";
+import { useQueries } from "@tanstack/react-query";
+var DOCUMENTS_PAGE_SIZE = 100, DOCUMENTS_MAX_PAGES = 5;
+function allDocumentsQuery(e, r) {
+	return {
+		queryKey: [...e.queries.documents(r).queryKey, "all"],
+		queryFn: async () => {
+			let i = [];
+			for (let a = 0; a < DOCUMENTS_MAX_PAGES; a++) {
+				let o = await e.documents.list({
+					filter: { workflowId: r },
+					sortBy: [{
+						field: "index",
+						order: SortOrder.ASC
+					}],
+					page: a,
+					limit: DOCUMENTS_PAGE_SIZE
+				});
+				if (i.push(...o.data), o.data.length < DOCUMENTS_PAGE_SIZE) break;
+			}
+			return i;
+		}
+	};
+}
+function useRunTree(n) {
+	let s = useLoopstackClient(), [c, l] = useState(n ? [n] : []), u = useMemo(() => new Map(n ? [[n, 0]] : []), [n]);
+	useEffect(() => {
+		l(n ? [n] : []);
+	}, [n]);
+	let d = useQueries({ queries: c.map((e) => ({ ...s.queries.workflow(e) })) }), f = useQueries({ queries: c.map((e) => ({ ...s.queries.childWorkflows(e) })) }), p = useQueries({ queries: c.map((e) => allDocumentsQuery(s, e)) });
+	return useEffect(() => {
+		let e = new Set(c), n = [];
+		c.forEach((r, i) => {
+			let a = f[i]?.data?.data ?? [];
+			for (let i of a) e.has(i.id) || (e.add(i.id), u.set(i.id, (u.get(r) ?? 0) + 1), n.push(i.id));
+		}), n.length > 0 && l((e) => [...e, ...n]);
+	}, [c, ...f.map((e) => e.data)]), {
+		nodes: useMemo(() => c.map((e, n) => {
+			let r = d[n]?.data;
+			if (r) return {
+				workflowId: e,
+				depth: u.get(e) ?? 0,
+				workflow: r,
+				documents: p[n]?.data ?? []
+			};
+		}).filter((e) => e !== void 0), [
+			c,
+			u,
+			...d.map((e) => e.data),
+			...p.map((e) => e.data)
+		]),
+		isLoading: d[0]?.isLoading ?? !0
+	};
+}
+export { useRunTree };

package/dist/features/run-view/useTreeLlmStreams.js

@@ -0,0 +1,91 @@
+import { useLoopstackClient } from "../../packages/react/dist/provider.js";
+import { isLlmResponseEvent } from "../../packages/contracts/dist/events/client-message.schema.js";
+import "../../packages/contracts/dist/events/index.js";
+import { reduceLlmStream } from "../../packages/client/dist/stream/llm-reducer.js";
+import "../../packages/client/dist/index.js";
+import "../../packages/react/dist/index.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useMemo, useState } from "react";
+function useTreeLlmStreams(a) {
+	let s = c(9), l = useLoopstackClient(), u;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (u = {}, s[0] = u) : u = s[0];
+	let [d, f] = useState(u), p;
+	s[1] === a ? p = s[2] : (p = a.join(","), s[1] = a, s[2] = p);
+	let m = p, h;
+	s[3] !== l.stream || s[4] !== m ? (h = () => {
+		let e = new Set(m.split(",").filter(Boolean));
+		return l.stream.onAny((r) => {
+			"userId" in r && isLlmResponseEvent(r) && e.has(r.workflowId) && f((e) => ({
+				...e,
+				[r.workflowId]: reduceLlmStream(e[r.workflowId] ?? {}, r)
+			}));
+		});
+	}, s[3] = l.stream, s[4] = m, s[5] = h) : h = s[5];
+	let g;
+	return s[6] !== l || s[7] !== m ? (g = [l, m], s[6] = l, s[7] = m, s[8] = g) : g = s[8], useEffect(h, g), d;
+}
+function getLlmMessageId(e) {
+	let t = e.content;
+	return e.documentName === "llm_message" && typeof t?.id == "string" ? t.id : void 0;
+}
+function toStreamingDocument(e, t, n) {
+	let r = n.error ? `Error while streaming response: ${n.error}` : n.text, i = [
+		...n.thinking ? [{
+			type: "thinking",
+			text: n.thinking
+		}] : [],
+		{
+			type: "text",
+			text: r
+		},
+		...n.toolCalls.map((e) => ({
+			type: "tool_call",
+			...e
+		}))
+	], a = (/* @__PURE__ */ new Date()).toISOString();
+	return {
+		id: `streaming-${n.messageId}`,
+		documentName: "llm_message",
+		content: {
+			id: n.messageId,
+			role: "assistant",
+			text: r,
+			blocks: i
+		},
+		validationError: null,
+		meta: { streaming: !n.completed && !n.error },
+		isInvalidated: !1,
+		index: 2 ** 53 - 1,
+		transition: null,
+		place: t,
+		labels: [],
+		tags: ["message"],
+		createdAt: a,
+		updatedAt: a,
+		workspaceId: "",
+		workflowId: e
+	};
+}
+function mergeStreamingDocuments(e, t, n, r) {
+	let i = Object.values(r ?? {});
+	if (i.length === 0) return n;
+	let a = new Set(n.map(getLlmMessageId).filter((e) => !!e)), o = i.filter((e) => !a.has(e.messageId)).map((n) => toStreamingDocument(e, t ?? "", n));
+	return o.length > 0 ? [...n, ...o] : n;
+}
+function useStreamingNodes(e) {
+	let t = c(7), n;
+	t[0] === e ? n = t[1] : (n = e.map(_temp), t[0] = e, t[1] = n);
+	let i = useTreeLlmStreams(n), a;
+	if (t[2] !== e || t[3] !== i) {
+		let n;
+		t[5] === i ? n = t[6] : (n = (e) => ({
+			...e,
+			documents: mergeStreamingDocuments(e.workflowId, e.workflow.place ?? null, e.documents, i[e.workflowId])
+		}), t[5] = i, t[6] = n), a = e.map(n), t[2] = e, t[3] = i, t[4] = a;
+	} else a = t[4];
+	return a;
+}
+function _temp(e) {
+	return e.workflowId;
+}
+export { useStreamingNodes };

package/dist/features/secrets/components/WorkbenchSecretsPanel.js

@@ -1,10 +1,10 @@
 import { Button } from "../../../components/ui/button.js";
 import { Input } from "../../../components/ui/input.js";
 import { Label } from "../../../components/ui/label.js";
+import { useCreateSecret, useDeleteSecret, useUpdateSecret, useWorkspaceSecrets } from "../../../hooks/useSecrets.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
 import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
 import "../../workbench/index.js";
-import { useCreateSecret, useDeleteSecret, useUpdateSecret, useWorkspaceSecrets } from "../../../hooks/useSecrets.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/secrets/renderers/SecretInputRenderer.js

@@ -5,9 +5,9 @@ import { Input } from "../../../components/ui/input.js";
 import { Label } from "../../../components/ui/label.js";
 import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import "../../../hooks/useProcessor.js";
+import { useUpsertSecret } from "../../../hooks/useSecrets.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
 import "../../workbench/index.js";
-import { useUpsertSecret } from "../../../hooks/useSecrets.js";
 import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Info, KeyRound, Loader2 } from "lucide-react";