@loopstack/loopstack-studio 0.24.0 → 0.25.0

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

@@ -0,0 +1,92 @@
+import { Button } from "../../../components/ui/button.js";
+import { Label } from "../../../components/ui/label.js";
+import { RadioGroup, RadioGroupItem } from "../../../components/ui/radio-group.js";
+import { Textarea } from "../../../components/ui/textarea.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
+import { useDocumentTransition } from "./useDocumentTransition.js";
+import { c } from "react/compiler-runtime";
+import React, { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+var ChoicesRenderer_default = (g) => {
+	let _ = c(26), { parentWorkflow: v, workflow: y, document: b, isActive: x } = g, S = b.content, { submit: C, canSubmit: w, isLoading: T } = useDocumentTransition(v, y, b.ui), [E, D] = useState(S.answer ?? ""), [O, k] = useState(""), A = E === "__custom__", j = !!S.answer, M;
+	_[0] !== O || _[1] !== A || _[2] !== E || _[3] !== C ? (M = () => {
+		let t = A ? O.trim() : E;
+		t && C({ answer: t });
+	}, _[0] = O, _[1] = A, _[2] = E, _[3] = C, _[4] = M) : M = _[4];
+	let N = M, P = !x || !w || j, F;
+	_[5] === b.createdAt ? F = _[6] : (F = new Date(b.createdAt), _[5] = b.createdAt, _[6] = F);
+	let I;
+	_[7] === S.question ? I = _[8] : (I = /* @__PURE__ */ jsx(MarkdownContent_default, { content: S.question }), _[7] = S.question, _[8] = I);
+	let L;
+	_[9] !== S.allowCustomAnswer || _[10] !== S.answer || _[11] !== S.options || _[12] !== O || _[13] !== P || _[14] !== N || _[15] !== j || _[16] !== A || _[17] !== T || _[18] !== E ? (L = j ? /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground text-sm",
+		children: ["Answered: ", /* @__PURE__ */ jsx("span", {
+			className: "text-foreground font-medium",
+			children: S.answer
+		})]
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsxs(RadioGroup, {
+			value: E,
+			onValueChange: D,
+			disabled: P,
+			children: [S.options.map(_temp), S.allowCustomAnswer && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+					value: "__custom__",
+					id: "option-custom"
+				}), /* @__PURE__ */ jsx(Label, {
+					htmlFor: "option-custom",
+					className: "cursor-pointer text-sm font-normal",
+					children: "Other"
+				})]
+			})]
+		}),
+		A && /* @__PURE__ */ jsx(Textarea, {
+			placeholder: "Type your answer...",
+			value: O,
+			onChange: (t) => k(t.target.value),
+			disabled: P,
+			className: "min-h-10",
+			rows: 2
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "default",
+				disabled: P || T || !E || A && !O.trim(),
+				onClick: N,
+				className: "w-48",
+				children: [T && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Submit"]
+			})
+		})
+	] }), _[9] = S.allowCustomAnswer, _[10] = S.answer, _[11] = S.options, _[12] = O, _[13] = P, _[14] = N, _[15] = j, _[16] = A, _[17] = T, _[18] = E, _[19] = L) : L = _[19];
+	let R;
+	_[20] !== I || _[21] !== L ? (R = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4 p-1",
+		children: [I, L]
+	}), _[20] = I, _[21] = L, _[22] = R) : R = _[22];
+	let z;
+	return _[23] !== F || _[24] !== R ? (z = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: F,
+		children: R
+	}), _[23] = F, _[24] = R, _[25] = z) : z = _[25], z;
+};
+function _temp(t, h) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+			value: t,
+			id: `option-${h}`
+		}), /* @__PURE__ */ jsx(Label, {
+			htmlFor: `option-${h}`,
+			className: "cursor-pointer text-sm font-normal",
+			children: t
+		})]
+	}, h);
+}
+export { ChoicesRenderer_default as default };

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

@@ -1,6 +1,6 @@
 import { Message, MessageAction, MessageActions, MessageContent, MessageResponse } from "../../../components/ai-elements/message.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../../components/ai-elements/reasoning.js";
-import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../components/ai-elements/tool.js";
+import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../components/loopstack-elements/tool.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -0,0 +1,56 @@
+import { Button } from "../../../components/ui/button.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
+import { useDocumentTransition } from "./useDocumentTransition.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+var ConfirmPromptRenderer_default = (l) => {
+	let u = c(18), { parentWorkflow: d, workflow: f, document: p, isActive: m } = l, h = p.content, { submit: g, canSubmit: _, isLoading: v } = useDocumentTransition(d, f, p.ui), y = !!h.answer, b = !m || !_ || y, x;
+	u[0] === g ? x = u[1] : (x = (t) => {
+		g({ answer: t });
+	}, u[0] = g, u[1] = x);
+	let S = x, C;
+	u[2] === p.createdAt ? C = u[3] : (C = new Date(p.createdAt), u[2] = p.createdAt, u[3] = C);
+	let w;
+	u[4] === h.question ? w = u[5] : (w = /* @__PURE__ */ jsx(MarkdownContent_default, { content: h.question }), u[4] = h.question, u[5] = w);
+	let T;
+	u[6] !== h.answer || u[7] !== b || u[8] !== S || u[9] !== y || u[10] !== v ? (T = y ? /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground text-sm",
+		children: ["Answered: ", /* @__PURE__ */ jsx("span", {
+			className: "text-foreground font-medium",
+			children: h.answer === "yes" ? "Yes" : "No"
+		})]
+	}) : /* @__PURE__ */ jsxs("div", {
+		className: "flex justify-end gap-3",
+		children: [/* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "outline",
+			disabled: b || v,
+			onClick: () => S("no"),
+			className: "w-32",
+			children: [v && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "No"]
+		}), /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "default",
+			disabled: b || v,
+			onClick: () => S("yes"),
+			className: "w-32",
+			children: [v && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Yes"]
+		})]
+	}), u[6] = h.answer, u[7] = b, u[8] = S, u[9] = y, u[10] = v, u[11] = T) : T = u[11];
+	let E;
+	u[12] !== w || u[13] !== T ? (E = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4 p-1",
+		children: [w, T]
+	}), u[12] = w, u[13] = T, u[14] = E) : E = u[14];
+	let D;
+	return u[15] !== C || u[16] !== E ? (D = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: C,
+		children: E
+	}), u[15] = C, u[16] = E, u[17] = D) : D = u[17], D;
+};
+export { ConfirmPromptRenderer_default as default };

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

@@ -1,86 +1,110 @@
+import { Button } from "../../../components/ui/button.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
-import { useRunPipeline } from "../../../hooks/useProcessor.js";
-import UiActions_default from "../../../components/ui-widgets/UiActions.js";
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
 import { useForm } from "react-hook-form";
 import "zod";
-var DocumentFormRenderer_default = (l) => {
-	let u = c(40), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
-	u[0] !== p.content || u[1] !== p.schema.type ? (_ = p.schema.type === "object" ? p.content : { raw: p.content }, u[0] = p.content, u[1] = p.schema.type, u[2] = _) : _ = u[2];
-	let v;
-	u[3] === _ ? v = u[4] : (v = {
-		defaultValues: _,
+function resolveFormConfig(e) {
+	let s = e, l = (s?.widgets)?.find((e) => e.widget === "form");
+	if (l?.options) {
+		let e = l.options;
+		return {
+			formUi: { form: {
+				properties: e.properties,
+				order: e.order,
+				title: e.title,
+				description: e.description,
+				disabled: e.disabled
+			} },
+			actions: e.actions ?? []
+		};
+	}
+	return {
+		formUi: e,
+		actions: (s?.actions ?? []).map((e) => ({
+			type: "button",
+			transition: e.options?.transition,
+			label: e.options?.label
+		}))
+	};
+}
+var DocumentFormRenderer_default = (d) => {
+	let m = c(40), { parentWorkflow: h, workflow: g, document: _, enabled: v, viewOnly: y } = d, b = useRunWorkflow(), x;
+	m[0] !== _.content || m[1] !== _.schema.type ? (x = _.schema.type === "object" ? _.content : { raw: _.content }, m[0] = _.content, m[1] = _.schema.type, m[2] = x) : x = m[2];
+	let S;
+	m[3] === x ? S = m[4] : (S = {
+		defaultValues: x,
 		mode: "onChange"
-	}, u[3] = _, u[4] = v);
-	let y = useForm(v), b, x;
-	u[5] !== p.validationError || u[6] !== y ? (b = () => {
-		p.validationError ? p.validationError.issues.forEach((e) => {
+	}, m[3] = x, m[4] = S);
+	let C = useForm(S), w, T;
+	m[5] !== _.validationError || m[6] !== C ? (w = () => {
+		_.validationError ? _.validationError.issues.forEach((e) => {
 			let s = e.path.join(".");
-			y.setError(s, {
+			C.setError(s, {
 				type: e.code,
 				message: e.message
 			});
-		}) : y.clearErrors();
-	}, x = [p.validationError, y], u[5] = p.validationError, u[6] = y, u[7] = b, u[8] = x) : (b = u[7], x = u[8]), useEffect(b, x);
-	let S;
-	u[9] === f.availableTransitions ? S = u[10] : (S = f.availableTransitions?.map(_temp) ?? [], u[9] = f.availableTransitions, u[10] = S);
-	let C = S, w;
-	u[11] !== C || u[12] !== d || u[13] !== g || u[14] !== f.id ? (w = (e, s) => {
-		if (!C.includes(e)) {
-			console.error(`Transition ${e} not available.`);
-			return;
-		}
-		g.mutate({
-			pipelineId: d.id,
-			runPipelinePayloadDto: { transition: {
-				id: e,
-				workflowId: f.id,
-				payload: s
-			} }
-		});
-	}, u[11] = C, u[12] = d, u[13] = g, u[14] = f.id, u[15] = w) : w = u[15];
-	let T = w, E;
-	u[16] !== p.schema.type || u[17] !== T ? (E = (e) => (s) => {
-		p.schema.type === "object" ? T(e, s) : T(e, s.raw);
-	}, u[16] = p.schema.type, u[17] = T, u[18] = E) : E = u[18];
-	let D = E, O;
-	u[19] !== T || u[20] !== y || u[21] !== D ? (O = (e, s) => {
-		s === void 0 ? y.handleSubmit(D(e))() : T(e, s);
-	}, u[19] = T, u[20] = y, u[21] = D, u[22] = O) : O = u[22];
-	let k = O, A = p.ui, j = p.schema, M = !!A?.form?.disabled, N = !m || M || !1, P;
-	u[23] === p.ui?.actions ? P = u[24] : (P = p.ui?.actions ?? [], u[23] = p.ui?.actions, u[24] = P);
-	let F = P;
-	console.log({
-		document: p,
-		formDisabled: M,
-		enabled: m
-	});
-	let I = A ?? void 0, L = p.meta?.mimeType, R;
-	u[25] !== F || u[26] !== C || u[27] !== N || u[28] !== k || u[29] !== g.isPending || u[30] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
-		actions: F,
-		onSubmit: k,
-		availableTransitions: C,
-		currentPlace: f.place,
-		disabled: N,
-		isLoading: g.isPending
-	}), u[25] = F, u[26] = C, u[27] = N, u[28] = k, u[29] = g.isPending, u[30] = f.place, u[31] = R) : R = u[31];
-	let z;
-	return u[32] !== N || u[33] !== y || u[34] !== j || u[35] !== I || u[36] !== L || u[37] !== R || u[38] !== h ? (z = /* @__PURE__ */ jsx("div", {
-		className: "flex",
-		children: /* @__PURE__ */ jsx(Form_default, {
-			form: y,
-			schema: j,
-			ui: I,
-			mimeType: L,
-			disabled: N,
-			viewOnly: h,
-			actions: R
-		})
-	}), u[32] = N, u[33] = y, u[34] = j, u[35] = I, u[36] = L, u[37] = R, u[38] = h, u[39] = z) : z = u[39], z;
+		}) : C.clearErrors();
+	}, T = [_.validationError, C], m[5] = _.validationError, m[6] = C, m[7] = w, m[8] = T) : (w = m[7], T = m[8]), useEffect(w, T);
+	let E, D, O, k, A, j, M, N, P;
+	if (m[9] !== _.meta || m[10] !== _.schema || m[11] !== _.ui || m[12] !== v || m[13] !== C || m[14] !== h || m[15] !== b || m[16] !== y || m[17] !== g.availableTransitions || m[18] !== g.id) {
+		let l = g.availableTransitions?.map(_temp) ?? [], u = (e, s) => {
+			if (!l.includes(e)) {
+				console.error(`Transition ${e} not available.`);
+				return;
+			}
+			b.mutate({
+				workflowId: h.id,
+				runWorkflowPayloadDto: { transition: {
+					id: e,
+					workflowId: g.id,
+					payload: s
+				} }
+			});
+		}, d = (e) => (s) => {
+			_.schema.type === "object" ? u(e, s) : u(e, s.raw);
+		}, f = (e) => {
+			e.transition && C.handleSubmit((s) => d(e.transition)(s), _temp2)();
+		}, { formUi: p, actions: x } = resolveFormConfig(_.ui), S = _.schema, w = !!p?.form?.disabled, T = !v || w || !1;
+		k = "flex", E = Form_default, A = C, j = S, M = p ?? void 0, N = _.meta?.mimeType, P = T, D = y, O = !y && x.length > 0 ? /* @__PURE__ */ jsx("div", {
+			className: "flex w-full flex-col items-end gap-4",
+			children: x.map((s, u) => {
+				let d = T || s.transition !== void 0 && !l.includes(s.transition);
+				return /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: s.variant ?? "default",
+					disabled: d || b.isPending,
+					onClick: () => f(s),
+					className: s.type === "button-full-w" ? "w-full" : "w-48",
+					...s.props ?? {},
+					children: [b.isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), s.label ?? "Submit"]
+				}, u);
+			})
+		}) : void 0, m[9] = _.meta, m[10] = _.schema, m[11] = _.ui, m[12] = v, m[13] = C, m[14] = h, m[15] = b, m[16] = y, m[17] = g.availableTransitions, m[18] = g.id, m[19] = E, m[20] = D, m[21] = O, m[22] = k, m[23] = A, m[24] = j, m[25] = M, m[26] = N, m[27] = P;
+	} else E = m[19], D = m[20], O = m[21], k = m[22], A = m[23], j = m[24], M = m[25], N = m[26], P = m[27];
+	let F;
+	m[28] !== E || m[29] !== D || m[30] !== O || m[31] !== A || m[32] !== j || m[33] !== M || m[34] !== N || m[35] !== P ? (F = /* @__PURE__ */ jsx(E, {
+		form: A,
+		schema: j,
+		ui: M,
+		mimeType: N,
+		disabled: P,
+		viewOnly: D,
+		actions: O
+	}), m[28] = E, m[29] = D, m[30] = O, m[31] = A, m[32] = j, m[33] = M, m[34] = N, m[35] = P, m[36] = F) : F = m[36];
+	let I;
+	return m[37] !== k || m[38] !== F ? (I = /* @__PURE__ */ jsx("div", {
+		className: k,
+		children: F
+	}), m[37] = k, m[38] = F, m[39] = I) : I = m[39], I;
 };
 function _temp(e) {
 	return e.id;
 }
+function _temp2(e) {
+	return console.error("[DocumentFormRenderer] validation failed", e);
+}
 export { DocumentFormRenderer_default as default };

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

@@ -3,15 +3,13 @@ import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var LinkMessageRenderer_default = (r) => {
-	let i = c(8), { document: a } = r, { icon: o, type: s, label: l, caption: u, href: d, embed: f, expanded: p } = a.content, m = o, h;
-	return i[0] !== u || i[1] !== f || i[2] !== p || i[3] !== d || i[4] !== l || i[5] !== m || i[6] !== s ? (h = /* @__PURE__ */ jsx(link_default, {
-		href: d,
-		label: l,
-		caption: u,
-		icon: m,
-		type: s,
-		embed: f,
-		defaultExpanded: p
-	}), i[0] = u, i[1] = f, i[2] = p, i[3] = d, i[4] = l, i[5] = m, i[6] = s, i[7] = h) : h = i[7], h;
+	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;
 };
 export { LinkMessageRenderer_default as default };

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

@@ -0,0 +1,87 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { Label } from "../../../components/ui/label.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { useUpsertSecret } from "../../../hooks/useSecrets.js";
+import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
+import "../../workbench/index.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info, KeyRound, Loader2 } from "lucide-react";
+var SecretInputRenderer_default = ({ parentWorkflow: p, workflow: m, document: h, isActive: g }) => {
+	let _ = h.content.variables ?? [], v = (h.ui?.widgets)?.[0]?.options, y = v?.transition, b = v?.label ?? "Save & Continue", { workflow: x } = useWorkbenchLayout(), S = x?.workspaceId, C = useRunWorkflow(), w = useUpsertSecret(), T = m.availableTransitions?.map((e) => e.id) ?? [], [E, D] = useState(() => {
+		let e = {};
+		for (let d of _) e[d.key] = d.value ?? "";
+		return e;
+	}), [O, k] = useState(!1), A = !!y && T.includes(y), j = !g || !A, M = async () => {
+		if (!(!S || !y)) {
+			k(!0);
+			try {
+				let e = [];
+				for (let d of _) {
+					let f = E[d.key]?.trim();
+					!d.key.trim() || !f || (await w.mutateAsync({
+						workspaceId: S,
+						key: d.key,
+						value: f
+					}), e.push(d.key));
+				}
+				C.mutate({
+					workflowId: p.id,
+					runWorkflowPayloadDto: { transition: {
+						id: y,
+						workflowId: m.id,
+						payload: { keys: e }
+					} }
+				});
+			} finally {
+				k(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: new Date(h.createdAt),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-4 p-1",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-sm font-medium",
+					children: "Secrets"
+				}),
+				_.map((e) => /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1.5",
+					children: [/* @__PURE__ */ jsx(Label, {
+						className: "text-muted-foreground text-xs",
+						children: e.key
+					}), /* @__PURE__ */ jsx(Input, {
+						type: "password",
+						placeholder: "Enter value...",
+						value: E[e.key] ?? "",
+						onChange: (d) => D((f) => ({
+							...f,
+							[e.key]: d.target.value
+						})),
+						disabled: j
+					})]
+				}, e.key)),
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground flex items-center gap-2 text-xs",
+					children: [/* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: "To add or remove other secrets, use the Secrets panel in the right sidebar." })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ jsxs(Button, {
+						onClick: () => void M(),
+						disabled: j || O,
+						className: "w-48",
+						children: [O ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(KeyRound, { className: "mr-2 h-4 w-4" }), b]
+					})
+				})
+			]
+		})
+	});
+};
+export { SecretInputRenderer_default as default };

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

@@ -0,0 +1,57 @@
+import { Button } from "../../../components/ui/button.js";
+import { Textarea } from "../../../components/ui/textarea.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
+import { useDocumentTransition } from "./useDocumentTransition.js";
+import { c } from "react/compiler-runtime";
+import React, { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+var TextPromptRenderer_default = (f) => {
+	let p = c(20), { parentWorkflow: m, workflow: h, document: g, isActive: _ } = f, v = g.content, { submit: y, canSubmit: b, isLoading: x } = useDocumentTransition(m, h, g.ui), [S, C] = useState(""), w = !!v.answer, T = !_ || !b || w, E;
+	p[0] !== y || p[1] !== S ? (E = () => {
+		let e = S.trim();
+		e && y({ answer: e });
+	}, p[0] = y, p[1] = S, p[2] = E) : E = p[2];
+	let D = E, O;
+	p[3] === g.createdAt ? O = p[4] : (O = new Date(g.createdAt), p[3] = g.createdAt, p[4] = O);
+	let k;
+	p[5] === v.question ? k = p[6] : (k = /* @__PURE__ */ jsx(MarkdownContent_default, { content: v.question }), p[5] = v.question, p[6] = k);
+	let A;
+	p[7] !== v.answer || p[8] !== T || p[9] !== D || p[10] !== w || p[11] !== x || p[12] !== S ? (A = w ? /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground text-sm",
+		children: ["Answered: ", /* @__PURE__ */ jsx("span", {
+			className: "text-foreground font-medium",
+			children: v.answer
+		})]
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Textarea, {
+		placeholder: "Type your answer...",
+		value: S,
+		onChange: (e) => C(e.target.value),
+		disabled: T,
+		rows: 3
+	}), /* @__PURE__ */ jsx("div", {
+		className: "flex justify-end",
+		children: /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "default",
+			disabled: T || x || !S.trim(),
+			onClick: D,
+			className: "w-48",
+			children: [x && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Submit"]
+		})
+	})] }), p[7] = v.answer, p[8] = T, p[9] = D, p[10] = w, p[11] = x, p[12] = S, p[13] = A) : A = p[13];
+	let j;
+	p[14] !== k || p[15] !== A ? (j = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4 p-1",
+		children: [k, A]
+	}), p[14] = k, p[15] = A, p[16] = j) : j = p[16];
+	let M;
+	return p[17] !== O || p[18] !== j ? (M = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: O,
+		children: j
+	}), p[17] = O, p[18] = j, p[19] = M) : M = p[19], M;
+};
+export { TextPromptRenderer_default as default };

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

@@ -0,0 +1,30 @@
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { useCallback } from "react";
+function resolveTransition(e) {
+	let t = e, n = t?.widgets;
+	return n?.[0]?.options?.transition ? n[0].options.transition : (t?.actions)?.map((e) => e.options?.transition).find((e) => !!e);
+}
+function useDocumentTransition(r, i, a) {
+	let o = useRunWorkflow(), s = i.availableTransitions?.map((e) => e.id) ?? [], c = resolveTransition(a), l = !!c && s.includes(c);
+	return {
+		submit: useCallback((e) => {
+			!c || !l || o.mutate({
+				workflowId: r.id,
+				runWorkflowPayloadDto: { transition: {
+					id: c,
+					workflowId: i.id,
+					payload: e
+				} }
+			});
+		}, [
+			c,
+			l,
+			o,
+			r.id,
+			i.id
+		]),
+		canSubmit: l,
+		isLoading: o.isPending
+	};
+}
+export { useDocumentTransition };

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -1,15 +1,15 @@
 import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
-import { useRunPipeline } from "../../hooks/useProcessor.js";
+import { useRunWorkflow } from "../../hooks/useProcessor.js";
 import { useOAuthPopup } from "./useOAuthPopup.js";
 import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h }) => {
-	let g = m.content, _ = (m.ui?.actions ?? []).map((e) => e.options?.transition).find((e) => !!e), v = useRunPipeline(), { result: y, open: b, reset: x } = useOAuthPopup(), S = useRef(!1), C = u.availableTransitions?.map((e) => e.id) ?? [], w = useCallback((e, o) => {
-		!_ || !C.includes(_) || v.mutate({
-			pipelineId: l.id,
-			runPipelinePayloadDto: { transition: {
-				id: _,
+var OAuthPromptRenderer = ({ parentWorkflow: l, workflow: u, document: m, isActive: h }) => {
+	let g = m.content, _ = m.ui, v = (_?.widgets)?.[0]?.options?.transition ?? (_?.actions)?.map((e) => e.options?.transition).find((e) => !!e), y = useRunWorkflow(), { result: b, open: x, reset: S } = useOAuthPopup(), C = useRef(!1), w = u.availableTransitions?.map((e) => e.id) ?? [], T = useCallback((e, o) => {
+		!v || !w.includes(v) || y.mutate({
+			workflowId: l.id,
+			runWorkflowPayloadDto: { transition: {
+				id: v,
 				workflowId: u.id,
 				payload: {
 					code: e,
@@ -18,22 +18,22 @@ var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h
 			} }
 		});
 	}, [
-		_,
-		C,
 		v,
+		w,
+		y,
 		l.id,
 		u.id
 	]);
 	useEffect(() => {
-		y.status === "success" && !S.current && (S.current = !0, w(y.code, y.state));
-	}, [y, w]);
-	let T = () => {
-		S.current = !1, b({
+		b.status === "success" && !C.current && (C.current = !0, T(b.code, b.state));
+	}, [b, T]);
+	let E = () => {
+		C.current = !1, x({
 			authUrl: g.authUrl,
 			state: g.state
 		});
-	}, E = () => {
-		x(), S.current = !1, b({
+	}, D = () => {
+		S(), C.current = !1, x({
 			authUrl: g.authUrl,
 			state: g.state
 		});
@@ -46,13 +46,13 @@ var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h
 		status: "error",
 		provider: g.provider,
 		message: g.message
-	}), h && /* @__PURE__ */ jsx(RetryButton, { onClick: E })] }) : /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
-		result: y,
+	}), h && /* @__PURE__ */ jsx(RetryButton, { onClick: D })] }) : /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
+		result: b,
 		provider: g.provider,
 		isActive: h,
-		isSubmitting: v.isPending,
-		onSignIn: T,
-		onRetry: E
+		isSubmitting: y.isPending,
+		onSignIn: E,
+		onRetry: D
 	}) });
 }, ProviderLabel = (e) => {
 	let o = c(2), { provider: s } = e, u = s.charAt(0).toUpperCase() + s.slice(1), d;