@loopstack/loopstack-studio 0.29.4 → 0.30.0

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

@@ -1,146 +1,134 @@
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../components/ui/accordion.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../../../components/ui/card.js";
-import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import { Badge } from "../../../components/ui/badge.js";
+import { formatNumber } from "./document-debug-utils.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var PromptDetails_default = (p) => {
-	let m = c(40), { promptData: h } = p;
-	if (!h) return null;
-	let { messages: g, response: _, cache: v } = h, y;
-	m[0] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(CardHeader, {
-		className: "pb-3",
-		children: /* @__PURE__ */ jsx(CardTitle, {
-			className: "text-lg",
-			children: "Cache"
-		})
-	}), m[0] = y) : y = m[0];
-	let b = v?.hit ? "Yes" : "No", x;
-	m[1] === b ? x = m[2] : (x = /* @__PURE__ */ jsxs("p", {
-		className: "text-sm",
-		children: ["Hit: ", b]
-	}), m[1] = b, m[2] = x);
-	let S = v?.hash, C;
-	m[3] === S ? C = m[4] : (C = /* @__PURE__ */ jsxs("p", {
-		className: "text-sm",
-		children: ["Hash: ", S]
-	}), m[3] = S, m[4] = C);
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+var DetailRow = (n) => {
+	let s = c(7), { label: l, children: u } = n, d;
+	s[0] === l ? d = s[1] : (d = /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground font-medium",
+		children: l
+	}), s[0] = l, s[1] = d);
+	let f;
+	s[2] === u ? f = s[3] : (f = /* @__PURE__ */ jsx("span", {
+		className: "min-w-0 wrap-break-word",
+		children: u
+	}), s[2] = u, s[3] = f);
+	let p;
+	return s[4] !== d || s[5] !== f ? (p = /* @__PURE__ */ jsxs("div", {
+		className: "grid min-w-0 grid-cols-[7.5rem_1fr] gap-x-3 gap-y-0.5 text-sm",
+		children: [d, f]
+	}), s[4] = d, s[5] = f, s[6] = p) : p = s[6], p;
+}, PromptDetails_default = (d) => {
+	let p = c(32), { promptData: m } = d;
+	if (!m) return null;
+	let { messages: h, response: g, cache: _ } = m, v = g?.metadata, y = v?.prompt_token != null && v?.completion_token != null ? v.prompt_token + v.completion_token : void 0, b;
+	p[0] === Symbol.for("react.memo_cache_sentinel") ? (b = ["summary", "messages"], p[0] = b) : b = p[0];
+	let x;
+	p[1] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx(AccordionTrigger, {
+		className: "py-3 text-sm font-semibold",
+		children: "Request summary"
+	}), p[1] = x) : x = p[1];
+	let S = h?.length ?? 0, C;
+	p[2] === S ? C = p[3] : (C = /* @__PURE__ */ jsx(DetailRow, {
+		label: "Messages",
+		children: S
+	}), p[2] = S, p[3] = C);
 	let w;
-	m[5] !== x || m[6] !== C ? (w = /* @__PURE__ */ jsxs(Card, { children: [y, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
-		className: "ml-4 space-y-1",
-		children: [x, C]
-	}) })] }), m[5] = x, m[6] = C, m[7] = w) : w = m[7];
+	p[4] === _ ? w = p[5] : (w = _ && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DetailRow, {
+		label: "Cache hit",
+		children: _.hit ? "Yes" : "No"
+	}), _.hash && /* @__PURE__ */ jsx(DetailRow, {
+		label: "Cache hash",
+		children: _.hash
+	})] }), p[4] = _, p[5] = w);
 	let T;
-	m[8] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ jsx(AccordionTrigger, {
-		className: "text-lg font-semibold",
-		children: "Request Messages"
-	}), m[8] = T) : T = m[8];
+	p[6] === v ? T = p[7] : (T = v?.model && /* @__PURE__ */ jsx(DetailRow, {
+		label: "Model",
+		children: v.model
+	}), p[6] = v, p[7] = T);
 	let E;
-	m[9] === g ? E = m[10] : (E = g?.map(_temp), m[9] = g, m[10] = E);
+	p[8] === v ? E = p[9] : (E = v?.prompt_id && /* @__PURE__ */ jsx(DetailRow, {
+		label: "Prompt ID",
+		children: v.prompt_id
+	}), p[8] = v, p[9] = E);
 	let D;
-	m[11] === E ? D = m[12] : (D = /* @__PURE__ */ jsx(Accordion, {
-		type: "single",
-		collapsible: !0,
-		defaultValue: "messages",
-		children: /* @__PURE__ */ jsxs(AccordionItem, {
-			value: "messages",
-			children: [T, /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx("div", {
-				className: "space-y-2",
-				children: E
-			}) })]
-		})
-	}), m[11] = E, m[12] = D);
+	p[10] === v ? D = p[11] : (D = v?.response_time != null && /* @__PURE__ */ jsxs(DetailRow, {
+		label: "Response time",
+		children: [v.response_time, " ms"]
+	}), p[10] = v, p[11] = D);
 	let O;
-	m[13] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ jsx(AccordionTrigger, {
-		className: "text-lg font-semibold",
-		children: "Response"
-	}), m[13] = O) : O = m[13];
-	let k = _?.data, A;
-	m[14] === k ? A = m[15] : (A = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, {
-		className: "p-4",
-		children: /* @__PURE__ */ jsx("pre", {
-			className: "font-mono text-xs wrap-break-word whitespace-pre-wrap",
-			children: k
-		})
-	}) }), m[14] = k, m[15] = A);
+	p[12] === v ? O = p[13] : (O = v?.prompt_token != null && /* @__PURE__ */ jsx(DetailRow, {
+		label: "Prompt tokens",
+		children: formatNumber(v.prompt_token)
+	}), p[12] = v, p[13] = O);
+	let k;
+	p[14] === v ? k = p[15] : (k = v?.completion_token != null && /* @__PURE__ */ jsx(DetailRow, {
+		label: "Completion tokens",
+		children: formatNumber(v.completion_token)
+	}), p[14] = v, p[15] = k);
+	let A;
+	p[16] === y ? A = p[17] : (A = y != null && /* @__PURE__ */ jsx(DetailRow, {
+		label: "Total tokens",
+		children: formatNumber(y)
+	}), p[16] = y, p[17] = A);
 	let j;
-	m[16] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ jsx(CardHeader, {
-		className: "pb-3",
-		children: /* @__PURE__ */ jsx(CardTitle, {
-			className: "text-base",
-			children: "Metadata"
-		})
-	}), m[16] = j) : j = m[16];
-	let M = _?.metadata?.model, N;
-	m[17] === M ? N = m[18] : (N = /* @__PURE__ */ jsxs("p", {
-		className: "text-sm",
-		children: ["Model: ", M]
-	}), m[17] = M, m[18] = N);
-	let P = _?.metadata?.prompt_id, F;
-	m[19] === P ? F = m[20] : (F = /* @__PURE__ */ jsxs("p", {
-		className: "text-sm",
-		children: ["Prompt ID: ", P]
-	}), m[19] = P, m[20] = F);
-	let I = _?.metadata?.response_time, L;
-	m[21] === I ? L = m[22] : (L = /* @__PURE__ */ jsxs("p", {
-		className: "text-sm",
-		children: [
-			"Response Time: ",
-			I,
-			" ms"
-		]
-	}), m[21] = I, m[22] = L);
-	let R = _?.metadata?.prompt_token, z;
-	m[23] === R ? z = m[24] : (z = /* @__PURE__ */ jsxs("p", {
-		className: "text-sm",
-		children: ["Prompt Tokens: ", R]
-	}), m[23] = R, m[24] = z);
-	let B = _?.metadata?.completion_token, V;
-	m[25] === B ? V = m[26] : (V = /* @__PURE__ */ jsxs("p", {
-		className: "text-sm",
-		children: ["Completion Tokens: ", B]
-	}), m[25] = B, m[26] = V);
-	let H;
-	m[27] !== N || m[28] !== F || m[29] !== L || m[30] !== z || m[31] !== V ? (H = /* @__PURE__ */ jsxs(Card, {
-		className: "bg-gray-50",
-		children: [j, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
-			className: "ml-4 space-y-1",
+	p[18] !== k || p[19] !== A || p[20] !== C || p[21] !== w || p[22] !== T || p[23] !== E || p[24] !== D || p[25] !== O ? (j = /* @__PURE__ */ jsxs(AccordionItem, {
+		value: "summary",
+		children: [x, /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 pb-1",
 			children: [
-				N,
-				F,
-				L,
-				z,
-				V
+				C,
+				w,
+				T,
+				E,
+				D,
+				O,
+				k,
+				A
 			]
 		}) })]
-	}), m[27] = N, m[28] = F, m[29] = L, m[30] = z, m[31] = V, m[32] = H) : H = m[32];
-	let U;
-	m[33] !== A || m[34] !== H ? (U = /* @__PURE__ */ jsx(Accordion, {
-		type: "single",
-		collapsible: !0,
-		defaultValue: "response",
-		children: /* @__PURE__ */ jsxs(AccordionItem, {
-			value: "response",
-			children: [O, /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [A, H]
-			}) })]
+	}), p[18] = k, p[19] = A, p[20] = C, p[21] = w, p[22] = T, p[23] = E, p[24] = D, p[25] = O, p[26] = j) : j = p[26];
+	let M;
+	p[27] === h ? M = p[28] : (M = h && h.length > 0 && /* @__PURE__ */ jsxs(AccordionItem, {
+		value: "messages",
+		children: [/* @__PURE__ */ jsx(AccordionTrigger, {
+			className: "py-3 text-sm font-semibold",
+			children: "Request messages"
+		}), /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx("div", {
+			className: "space-y-2",
+			children: h.map(_temp)
+		}) })]
+	}), p[27] = h, p[28] = M);
+	let N;
+	return p[29] !== j || p[30] !== M ? (N = /* @__PURE__ */ jsx("div", {
+		className: "min-w-0 space-y-3",
+		children: /* @__PURE__ */ jsxs(Accordion, {
+			type: "multiple",
+			defaultValue: b,
+			className: "min-w-0 space-y-1",
+			children: [j, M]
 		})
-	}), m[33] = A, m[34] = H, m[35] = U) : U = m[35];
-	let W;
-	return m[36] !== U || m[37] !== w || m[38] !== D ? (W = /* @__PURE__ */ jsxs("div", {
-		className: "mt-4 space-y-4",
-		children: [
-			w,
-			D,
-			U
-		]
-	}), m[36] = U, m[37] = w, m[38] = D, m[39] = W) : W = m[39], W;
+	}), p[29] = j, p[30] = M, p[31] = N) : N = p[31], N;
 };
-function _temp(t, f) {
-	return /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
-		role: t.role,
-		children: t.content
-	}, f);
+function _temp(n, s) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0 rounded-md border p-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-2 flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				className: "text-xs capitalize",
+				children: n.role
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground text-xs",
+				children: [n.content.length, " chars"]
+			})]
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "max-h-48 min-w-0 max-w-full overflow-x-auto overflow-y-auto font-mono text-xs whitespace-pre-wrap",
+			children: n.content
+		})]
+	}, s);
 }
 export { PromptDetails_default as default };

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

@@ -0,0 +1,100 @@
+function summarizeDocumentContent(e) {
+	if (e == null) return { kind: "null" };
+	if (typeof e == "string") return {
+		kind: "string",
+		charCount: e.length
+	};
+	if (Array.isArray(e)) return {
+		kind: "array",
+		itemCount: e.length
+	};
+	if (typeof e != "object") return { kind: "unknown" };
+	let t = e;
+	if ("role" in t && "content" in t) {
+		let e = String(t.role), n = typeof t.id == "string" ? t.id : void 0, r = typeof t.stopReason == "string" ? t.stopReason : void 0, i = t.content;
+		if (typeof i == "string") return {
+			kind: "ui-message",
+			role: e,
+			messageId: n,
+			stopReason: r,
+			charCount: i.length
+		};
+		if (Array.isArray(i)) {
+			let t = i, a = /* @__PURE__ */ new Map();
+			for (let e of t) {
+				let t = a.get(e.type) ?? {
+					count: 0,
+					labels: []
+				};
+				t.count += 1, (e.type === "tool_call" || e.type === "server_tool_use") && t.labels.push(e.name), a.set(e.type, t);
+			}
+			return {
+				kind: "ui-message",
+				role: e,
+				messageId: n,
+				stopReason: r,
+				charCount: t.reduce((e, t) => t.type === "text" || t.type === "thinking" ? e + t.text.length : t.type === "tool_result" ? e + t.content.length : e, 0),
+				blocks: [...a.entries()].map(([e, { count: t, labels: n }]) => ({
+					type: e,
+					count: t,
+					labels: n.length > 0 ? n : void 0
+				}))
+			};
+		}
+	}
+	return {
+		kind: "object",
+		topLevelKeys: Object.keys(t),
+		charCount: JSON.stringify(e).length
+	};
+}
+function extractApiResponseInfo(e) {
+	if (!e || typeof e != "object") return {};
+	let t = e;
+	if (t.usage && typeof t.usage == "object") {
+		let e = t.usage;
+		return {
+			model: typeof t.model == "string" ? t.model : void 0,
+			id: typeof t.id == "string" ? t.id : void 0,
+			stopReason: typeof t.stop_reason == "string" ? t.stop_reason : void 0,
+			usage: {
+				input: e.input_tokens,
+				output: e.output_tokens,
+				cacheRead: e.cache_read_input_tokens,
+				cacheWrite: e.cache_creation_input_tokens
+			}
+		};
+	}
+	if (Array.isArray(t.choices)) {
+		let e = t.choices[0], n = t.usage, r = n?.prompt_tokens_details;
+		return {
+			model: typeof t.model == "string" ? t.model : void 0,
+			id: typeof t.id == "string" ? t.id : void 0,
+			stopReason: typeof e?.finish_reason == "string" ? e.finish_reason : void 0,
+			usage: n ? {
+				input: n.prompt_tokens,
+				output: n.completion_tokens,
+				cacheRead: r?.cached_tokens,
+				reasoning: n.reasoning_tokens
+			} : void 0
+		};
+	}
+	return {};
+}
+function formatRelativeTime(e) {
+	let t = new Date(e).getTime();
+	if (Number.isNaN(t)) return String(e);
+	let n = Date.now() - t, r = Math.round(n / 1e3);
+	if (r < 60) return `${r}s ago`;
+	let i = Math.round(r / 60);
+	if (i < 60) return `${i}m ago`;
+	let a = Math.round(i / 60);
+	return a < 48 ? `${a}h ago` : `${Math.round(a / 24)}d ago`;
+}
+function formatDurationMs(e) {
+	return e < 1e3 ? `${e}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : `${Math.round(e / 6e4)}m ${Math.round(e % 6e4 / 1e3)}s`;
+}
+function formatNumber(e) {
+	return e == null ? "—" : e.toLocaleString();
+}
+export { extractApiResponseInfo, formatDurationMs, formatNumber, formatRelativeTime, summarizeDocumentContent };

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

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

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

@@ -1,3 +1,4 @@
+import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { Button } from "../../../components/ui/button.js";
 import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
@@ -6,51 +7,53 @@ 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", {
+var ConfirmPromptRenderer_default = (u) => {
+	let d = c(21), { parentWorkflow: f, workflow: p, document: m, isActive: h } = u, g = m.content, _ = useDocumentConfigs(), v;
+	d[0] !== m.documentName || d[1] !== _ ? (v = _.get(m.documentName), d[0] = m.documentName, d[1] = _, d[2] = v) : v = d[2];
+	let { submit: y, canSubmit: b, isLoading: x } = useDocumentTransition(f, p, v), S = !!g.answer, C = !h || !b || S, w;
+	d[3] === y ? w = d[4] : (w = (t) => {
+		y({ answer: t });
+	}, d[3] = y, d[4] = w);
+	let T = w, E;
+	d[5] === m.createdAt ? E = d[6] : (E = new Date(m.createdAt), d[5] = m.createdAt, d[6] = E);
+	let D;
+	d[7] === g.question ? D = d[8] : (D = /* @__PURE__ */ jsx(MarkdownContent_default, { content: g.question }), d[7] = g.question, d[8] = D);
+	let O;
+	d[9] !== g.answer || d[10] !== C || d[11] !== T || d[12] !== S || d[13] !== x ? (O = S ? /* @__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"
+			children: g.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"),
+			disabled: C || x,
+			onClick: () => T("no"),
 			className: "w-32",
-			children: [v && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "No"]
+			children: [x && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "No"]
 		}), /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			variant: "default",
-			disabled: b || v,
-			onClick: () => S("yes"),
+			disabled: C || x,
+			onClick: () => T("yes"),
 			className: "w-32",
-			children: [v && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Yes"]
+			children: [x && /* @__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", {
+	}), d[9] = g.answer, d[10] = C, d[11] = T, d[12] = S, d[13] = x, d[14] = O) : O = d[14];
+	let k;
+	d[15] !== D || d[16] !== O ? (k = /* @__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, {
+		children: [D, O]
+	}), d[15] = D, d[16] = O, d[17] = k) : k = d[17];
+	let A;
+	return d[18] !== E || d[19] !== k ? (A = /* @__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;
+		timestamp: E,
+		children: k
+	}), d[18] = E, d[19] = k, d[20] = A) : A = d[20], A;
 };
 export { ConfirmPromptRenderer_default as default };