@loopstack/loopstack-studio 0.23.1 → 0.25.0

package/dist/features/documents/DocumentRenderer.js

@@ -2,7 +2,9 @@ import CompletionMessagePaper_default from "../../components/messages/Completion
 import OAuthPromptRenderer_default from "../oauth/OAuthPromptRenderer.js";
 import "../oauth/index.js";
 import AiMessage_default from "./renderers/AiMessage.js";
+import ChoicesRenderer_default from "./renderers/ChoicesRenderer.js";
 import ClaudeMessage_default from "./renderers/ClaudeMessage.js";
+import ConfirmPromptRenderer_default from "./renderers/ConfirmPromptRenderer.js";
 import DocumentDebugRenderer_default from "./renderers/DocumentDebugRenderer.js";
 import DocumentFormRenderer_default from "./renderers/DocumentFormRenderer.js";
 import DocumentMessageRenderer_default from "./renderers/DocumentMessageRenderer.js";
@@ -10,49 +12,83 @@ import ErrorMessageRenderer_default from "./renderers/ErrorMessageRenderer.js";
 import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
 import MarkdownMessageRenderer_default from "./renderers/MarkdownMessageRenderer.js";
 import PlainMessageRenderer_default from "./renderers/PlainMessageRenderer.js";
+import SecretInputRenderer_default from "./renderers/SecretInputRenderer.js";
+import TextPromptRenderer_default from "./renderers/TextPromptRenderer.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 var rendererRegistry = new Map([
-	["ai-message", ({ document: e, isLastItem: p }) => /* @__PURE__ */ jsx(AiMessage_default, {
-		document: e,
-		isLastItem: p
+	["ai-message", ({ document: t, isLastItem: v }) => /* @__PURE__ */ jsx(AiMessage_default, {
+		document: t,
+		isLastItem: v
 	})],
-	["claude-message", ({ document: e, isLastItem: p }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
-		document: e,
-		isLastItem: p
+	["claude-message", ({ document: t, isLastItem: v }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
+		document: t,
+		isLastItem: v
 	})],
-	["debug", ({ document: e }) => /* @__PURE__ */ jsx("div", {
+	["debug", ({ document: t }) => /* @__PURE__ */ jsx("div", {
 		className: "mb-4 flex",
-		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })
+		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: t })
 	})],
-	["object-form", ({ pipeline: p, workflow: m, document: h, isActive: g }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+	["form", ({ parentWorkflow: v, workflow: y, document: b, isActive: x }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: new Date(h.createdAt),
+		timestamp: new Date(b.createdAt),
 		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
-			pipeline: p,
-			workflow: m,
-			document: h,
-			enabled: g,
-			viewOnly: !g
+			parentWorkflow: v,
+			workflow: y,
+			document: b,
+			enabled: x,
+			viewOnly: !x
 		})
 	})],
-	["message", ({ document: e }) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: e })],
-	["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 })],
-	["oauth-prompt", ({ pipeline: e, workflow: m, document: h, isActive: g }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
-		pipeline: e,
-		workflow: m,
-		document: h,
-		isActive: g
+	["message", ({ document: t }) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: t })],
+	["error", ({ document: t }) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: t })],
+	["plain", ({ document: t }) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: t })],
+	["markdown", ({ document: t }) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: t })],
+	["link", ({ document: t }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: t })],
+	["oauth-prompt", ({ parentWorkflow: t, workflow: y, document: b, isActive: x }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+		parentWorkflow: t,
+		workflow: y,
+		document: b,
+		isActive: x
+	})],
+	["text-prompt", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: b
+	})],
+	["choices", ({ parentWorkflow: t, workflow: v, document: y, isActive: x }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: x
+	})],
+	["confirm-prompt", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: b
+	})],
+	["secret-input", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(SecretInputRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: b
 	})]
-]), DocumentRenderer_default = (e) => {
-	let p = c(5), m = e.document.ui?.form?.widget ?? "object-form", h;
-	p[0] === m ? h = p[1] : (h = rendererRegistry.get(m), p[0] = m, p[1] = h);
-	let g = h, _;
-	return p[2] !== g || p[3] !== e ? (_ = /* @__PURE__ */ jsx("div", { children: g ? /* @__PURE__ */ jsx(g, { ...e }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), p[2] = g, p[3] = e, p[4] = _) : _ = p[4], _;
+]);
+function resolveDocumentWidget(t) {
+	let v = t;
+	return v?.widgets?.[0]?.widget ? v.widgets[0].widget : v?.form?.widget ? v.form.widget : "form";
+}
+var DocumentRenderer_default = (t) => {
+	let v = c(5), y = t.document, b;
+	if (v[0] !== y.ui) {
+		let t = resolveDocumentWidget(y.ui);
+		b = rendererRegistry.get(t), v[0] = y.ui, v[1] = b;
+	} else b = v[1];
+	let x = b, S;
+	return v[2] !== x || v[3] !== t ? (S = /* @__PURE__ */ jsx("div", { children: x ? /* @__PURE__ */ jsx(x, { ...t }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), v[2] = x, v[3] = t, v[4] = S) : S = v[4], S;
 };
 export { DocumentRenderer_default as default };

package/dist/features/documents/components/DocumentItem.js

@@ -5,11 +5,11 @@ import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { omit } from "lodash";
 var DocumentItem_default = (s) => {
-	let l = c(13), { document: u, workflow: d, pipeline: f, isActive: p, isLastItem: m, settings: h } = s, g = u.meta, _;
+	let l = c(13), { document: u, workflow: d, parentWorkflow: f, isActive: p, isLastItem: m, settings: h } = s, g = u.meta, _;
 	l[0] !== u || l[1] !== p || l[2] !== m || l[3] !== f || l[4] !== d ? (_ = /* @__PURE__ */ jsx(DocumentRenderer_default, {
 		document: u,
 		workflow: d,
-		pipeline: f,
+		parentWorkflow: f,
 		isActive: p,
 		isLastItem: m
 	}), l[0] = u, l[1] = p, l[2] = m, l[3] = f, l[4] = d, l[5] = _) : _ = l[5];

package/dist/features/documents/components/DocumentList.js

@@ -5,35 +5,42 @@ import React, { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 var import_enums = require_enums(), DocumentList_default = (e) => {
-	let o = c(23), { pipeline: l, workflow: u, documents: d, scrollTo: f, settings: p } = e, { workflowId: m, clickId: h } = useParams(), g;
-	o[0] !== m || o[1] !== f || o[2] !== u.id ? (g = () => {
+	let o = c(23), { workflow: l, childWorkflow: u, documents: d, scrollTo: f, settings: p } = e, { workflowId: m, clickId: h } = useParams(), g;
+	o[0] !== u.id || o[1] !== m || o[2] !== f ? (g = () => {
 		m === u.id && f(u.id);
-	}, o[0] = m, o[1] = f, o[2] = u.id, o[3] = g) : g = o[3];
+	}, o[0] = u.id, o[1] = m, o[2] = f, o[3] = g) : g = o[3];
 	let _;
-	o[4] !== h || o[5] !== m || o[6] !== f || o[7] !== u.id ? (_ = [
+	o[4] !== u.id || o[5] !== h || o[6] !== m || o[7] !== f ? (_ = [
 		u.id,
 		m,
 		h,
 		f
-	], o[4] = h, o[5] = m, o[6] = f, o[7] = u.id, o[8] = _) : _ = o[8], useEffect(g, _);
+	], o[4] = u.id, o[5] = h, o[6] = m, o[7] = f, o[8] = _) : _ = o[8], useEffect(g, _);
 	let v = u.status === import_enums.WorkflowState.Waiting, y;
-	if (o[9] !== d || o[10] !== v || o[11] !== l || o[12] !== p || o[13] !== u) {
+	if (o[9] !== u || o[10] !== d || o[11] !== v || o[12] !== p || o[13] !== l) {
 		let e;
-		o[15] !== d.length || o[16] !== v || o[17] !== l || o[18] !== p || o[19] !== u ? (e = (e, a) => {
+		o[15] !== u || o[16] !== d.length || o[17] !== v || o[18] !== p || o[19] !== l ? (e = (e, a) => {
 			let o = e, s = e.place === u.place || !!o.meta?.enableAtPlaces?.includes(u.place);
-			return /* @__PURE__ */ jsx(DocumentItem_default, {
+			return console.log({
+				isDocumentActive: s,
+				isWorkflowActive: v,
+				status: u.status,
+				place: u.place,
+				documentPlace: e.place,
+				availableTransitions: u.availableTransitions
+			}), /* @__PURE__ */ jsx(DocumentItem_default, {
 				document: e,
 				workflow: u,
-				pipeline: l,
+				parentWorkflow: l,
 				isActive: v && s,
 				isLastItem: a === d.length - 1,
 				settings: p
 			}, e.id);
-		}, o[15] = d.length, o[16] = v, o[17] = l, o[18] = p, o[19] = u, o[20] = e) : e = o[20], y = d.map(e), o[9] = d, o[10] = v, o[11] = l, o[12] = p, o[13] = u, o[14] = y;
+		}, o[15] = u, o[16] = d.length, o[17] = v, o[18] = p, o[19] = l, o[20] = e) : e = o[20], y = d.map(e), o[9] = u, o[10] = d, o[11] = v, o[12] = p, o[13] = l, o[14] = y;
 	} else y = o[14];
 	let b;
 	return o[21] === y ? b = o[22] : (b = /* @__PURE__ */ jsx("div", {
-		className: "flex flex-col gap-6",
+		className: "flex flex-col gap-3",
 		children: y
 	}), o[21] = y, o[22] = b), b;
 };

package/dist/features/documents/document-details/DocumentDetails.js

@@ -178,17 +178,17 @@ var formatDate = (e) => {
 	let M;
 	n[44] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx("span", {
 		className: "font-medium",
-		children: "Pipeline ID:"
+		children: "Workflow ID:"
 	}), n[44] = M) : M = n[44];
 	let N;
-	n[45] === r.pipelineId ? N = n[46] : (N = /* @__PURE__ */ jsxs("div", {
+	n[45] === r.workflowId ? N = n[46] : (N = /* @__PURE__ */ jsxs("div", {
 		className: "text-sm",
 		children: [
 			M,
 			" ",
-			r.pipelineId
+			r.workflowId
 		]
-	}), n[45] = r.pipelineId, n[46] = N);
+	}), n[45] = r.workflowId, n[46] = N);
 	let P;
 	n[47] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx("span", {
 		className: "font-medium",

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

@@ -1,23 +1,23 @@
-import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../node_modules/ai/dist/index.js";
 import { Message, MessageAction, MessageActions, MessageContent, MessageResponse } from "../../../components/ai-elements/message.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../../components/ai-elements/reasoning.js";
 import { Source, Sources, SourcesContent, SourcesTrigger } from "../../../components/ai-elements/sources.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 { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../types/ai.types.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon } from "lucide-react";
 var AiMessage_default = (O) => {
-	let k = c(13), { document: A } = O, j = A.content, M, N;
+	let k = c(13), { document: A } = O, j = A.content, M = _temp, N, P;
 	if (k[0] !== j.id || k[1] !== j.parts || k[2] !== j.role) {
-		let n = j.parts?.filter(_temp) ?? [];
-		M = Fragment, N = j.role === "assistant" && n.length > 0 && /* @__PURE__ */ jsxs(Sources, { children: [/* @__PURE__ */ jsx(SourcesTrigger, { count: n.length }), n.map((n, T) => /* @__PURE__ */ jsx(SourcesContent, { children: /* @__PURE__ */ jsx(Source, {
+		let n = j.parts?.filter(M) ?? [];
+		N = Fragment, P = j.role === "assistant" && n.length > 0 && /* @__PURE__ */ jsxs(Sources, { children: [/* @__PURE__ */ jsx(SourcesTrigger, { count: n.length }), n.map((n, T) => /* @__PURE__ */ jsx(SourcesContent, { children: /* @__PURE__ */ jsx(Source, {
 			href: n.url,
 			title: n.url
-		}) }, `${j.id}-source-${T}`))] }), k[0] = j.id, k[1] = j.parts, k[2] = j.role, k[3] = M, k[4] = N;
-	} else M = k[3], N = k[4];
-	let P;
-	k[5] !== j.id || k[6] !== j.parts || k[7] !== j.role ? (P = j.parts?.map((E, D) => {
+		}) }, `${j.id}-source-${T}`))] }), k[0] = j.id, k[1] = j.parts, k[2] = j.role, k[3] = N, k[4] = P;
+	} else N = k[3], P = k[4];
+	let F;
+	k[5] !== j.id || k[6] !== j.parts || k[7] !== j.role ? (F = j.parts?.map((E, D) => {
 		if (isTextUIPart(E)) return /* @__PURE__ */ jsxs(Message, {
 			from: j.role,
 			children: [/* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: E.text }) }), j.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
@@ -46,9 +46,9 @@ var AiMessage_default = (O) => {
 			}, `${j.id}-${D}`);
 		}
 		return null;
-	}), k[5] = j.id, k[6] = j.parts, k[7] = j.role, k[8] = P) : P = k[8];
-	let F;
-	return k[9] !== M || k[10] !== N || k[11] !== P ? (F = /* @__PURE__ */ jsxs(M, { children: [N, P] }), k[9] = M, k[10] = N, k[11] = P, k[12] = F) : F = k[12], F;
+	}), k[5] = j.id, k[6] = j.parts, k[7] = j.role, k[8] = F) : F = k[8];
+	let I;
+	return k[9] !== N || k[10] !== P || k[11] !== F ? (I = /* @__PURE__ */ jsxs(N, { children: [P, F] }), k[9] = N, k[10] = P, k[11] = F, k[12] = I) : I = k[12], I;
 };
 function _temp(n) {
 	return n.type === "source-url";

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,80 +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(39), { 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] !== y || u[20] !== D ? (O = (e) => {
-		y.handleSubmit(D(e))();
-	}, u[19] = y, u[20] = D, u[21] = O) : O = u[21];
-	let k = O, A = p.ui, j = p.schema, M = A?.form?.disabled, N = !m || M || !1, P;
-	u[22] === p.ui?.actions ? P = u[23] : (P = p.ui?.actions ?? [], u[22] = p.ui?.actions, u[23] = P);
-	let F = P, I = A ?? void 0, L = p.meta?.mimeType, R;
-	u[24] !== F || u[25] !== C || u[26] !== N || u[27] !== k || u[28] !== g.isPending || u[29] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
-		actions: F,
-		onSubmit: k,
-		availableTransitions: C,
-		currentPlace: f.place,
-		disabled: N,
-		isLoading: g.isPending
-	}), u[24] = F, u[25] = C, u[26] = N, u[27] = k, u[28] = g.isPending, u[29] = f.place, u[30] = R) : R = u[30];
-	let z;
-	return u[31] !== N || u[32] !== y || u[33] !== j || u[34] !== I || u[35] !== L || u[36] !== R || u[37] !== 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[31] = N, u[32] = y, u[33] = j, u[34] = I, u[35] = L, u[36] = R, u[37] = h, u[38] = z) : z = u[38], 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 };