@loopstack/loopstack-studio 0.26.1 → 0.28.0

package/dist/components/ai-elements/code-block.js

@@ -59,12 +59,12 @@ const CodeBlock = (l) => {
 	d[14] === p ? D = d[15] : (D = cn("group bg-background text-foreground relative w-full overflow-hidden rounded-md border", p), d[14] = p, d[15] = D);
 	let O;
 	d[16] === y ? O = d[17] : (O = /* @__PURE__ */ jsx("div", {
-		className: "[&>pre]:bg-background! [&>pre]:text-foreground! overflow-hidden dark:hidden [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
+		className: "[&>pre]:bg-background! [&>pre]:text-foreground! overflow-x-auto dark:hidden [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
 		dangerouslySetInnerHTML: { __html: y }
 	}), d[16] = y, d[17] = O);
 	let k;
 	d[18] === x ? k = d[19] : (k = /* @__PURE__ */ jsx("div", {
-		className: "[&>pre]:bg-background! [&>pre]:text-foreground! hidden overflow-hidden dark:block [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
+		className: "[&>pre]:bg-background! [&>pre]:text-foreground! hidden overflow-x-auto dark:block [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
 		dangerouslySetInnerHTML: { __html: x }
 	}), d[18] = x, d[19] = k);
 	let A;

package/dist/components/loopstack-elements/tool.js

@@ -124,7 +124,16 @@ const ToolHeader = (i) => {
 		...l,
 		children: [f, m]
 	}), a[11] = l, a[12] = u, a[13] = m, a[14] = h) : h = a[14], h;
-}, ToolOutput = (i) => {
+};
+var VALUE_PREVIEW_CHARS = 150, truncateForDisplay = (e) => {
+	if (typeof e == "string") return e.length > VALUE_PREVIEW_CHARS ? e.slice(0, VALUE_PREVIEW_CHARS) + "..." : e;
+	if (Array.isArray(e)) {
+		let i = e.slice(0, 5).map(truncateForDisplay);
+		return e.length > 5 && i.push(`... (${e.length - 5} more)`), i;
+	}
+	return e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, i]) => [e, truncateForDisplay(i)])) : e;
+};
+const ToolOutput = (i) => {
 	let a = c(30), o, s, l, u;
 	if (a[0] === i ? (o = a[1], s = a[2], l = a[3], u = a[4]) : ({className: o, output: l, errorText: s, ...u} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l, a[4] = u), !(l || s)) return null;
 	let p = l, m;
@@ -132,18 +141,18 @@ const ToolHeader = (i) => {
 	let h = m;
 	if (typeof l == "object" && !isValidElement(l)) {
 		let e;
-		a[7] === l ? e = a[8] : (e = JSON.stringify(l, null, 2), a[7] = l, a[8] = e);
+		a[7] === l ? e = a[8] : (e = JSON.stringify(truncateForDisplay(l), null, 2), a[7] = l, a[8] = e);
 		let i;
 		a[9] === e ? i = a[10] : (i = /* @__PURE__ */ jsx(CodeBlock, {
 			code: e,
 			language: "json"
 		}), a[9] = e, a[10] = i), h = i;
 	} else if (typeof l == "string") {
-		let e;
-		a[11] === l ? e = a[12] : (e = /* @__PURE__ */ jsx(CodeBlock, {
-			code: l,
+		let e = l.length > VALUE_PREVIEW_CHARS ? l.slice(0, VALUE_PREVIEW_CHARS) + "..." : l, i;
+		a[11] === e ? i = a[12] : (i = /* @__PURE__ */ jsx(CodeBlock, {
+			code: e,
 			language: "json"
-		}), a[11] = l, a[12] = e), h = e;
+		}), a[11] = e, a[12] = i), h = i;
 	}
 	let g;
 	a[13] === o ? g = a[14] : (g = cn("space-y-2 py-2", o), a[13] = o, a[14] = g);
@@ -161,11 +170,11 @@ const ToolHeader = (i) => {
 		className: b,
 		children: [x, h]
 	}), a[21] = h, a[22] = b, a[23] = x, a[24] = S) : S = a[24];
-	let C;
-	return a[25] !== u || a[26] !== g || a[27] !== v || a[28] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+	let T;
+	return a[25] !== u || a[26] !== g || a[27] !== v || a[28] !== S ? (T = /* @__PURE__ */ jsxs("div", {
 		className: g,
 		...u,
 		children: [v, S]
-	}), a[25] = u, a[26] = g, a[27] = v, a[28] = S, a[29] = C) : C = a[29], C;
+	}), a[25] = u, a[26] = g, a[27] = v, a[28] = S, a[29] = T) : T = a[29], T;
 };
 export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput };

package/dist/components/ui-widgets/UiActions.js

@@ -7,25 +7,27 @@ var UiActions_default = (i) => {
 	if (a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== u || a[4] !== f || a[5] !== d) {
 		let r;
 		a[7] !== s || a[8] !== l || a[9] !== u || a[10] !== f || a[11] !== d ? (r = (r, i) => {
-			let { enabledWhen: a } = r, o = r.options?.transition, p = u || a !== void 0 && (!l || !a.includes(l)) || o !== void 0 && !s.includes(o);
+			let { enabledWhen: a, showWhen: o } = r, p = r.options?.transition;
+			if (o !== void 0 && (!l || !o.includes(l))) return null;
+			let m = u || a !== void 0 && (!l || !a.includes(l)) || p !== void 0 && !s.includes(p);
 			return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UiWidget_default, {
 				config: r,
 				onSubmit: (e) => {
 					if (console.log("[UiActions] handleSubmit called", {
-						transition: o,
+						transition: p,
 						data: e,
-						isDisabled: p,
+						isDisabled: m,
 						currentPlace: l,
 						availableTransitions: s
-					}), !o) {
+					}), !p) {
 						console.error(`[UiActions] Widget "${r.widget}" has no transition configured.`);
 						return;
 					}
-					d(o, e);
+					d(p, e);
 				},
-				disabled: p,
+				disabled: m,
 				isLoading: f
-			}) }, `ui-widget-${i}-${o ?? r.widget}`);
+			}) }, `ui-widget-${i}-${p ?? r.widget}`);
 		}, a[7] = s, a[8] = l, a[9] = u, a[10] = f, a[11] = d, a[12] = r) : r = a[12], p = o.map(r), a[0] = o, a[1] = s, a[2] = l, a[3] = u, a[4] = f, a[5] = d, a[6] = p;
 	} else p = a[6];
 	let m;

package/dist/features/documents/DocumentRenderer.js

@@ -5,13 +5,13 @@ 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";
 import ErrorMessageRenderer_default from "./renderers/ErrorMessageRenderer.js";
 import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
+import LlmMessage_default from "./renderers/LlmMessage.js";
 import MarkdownMessageRenderer_default from "./renderers/MarkdownMessageRenderer.js";
 import PlainMessageRenderer_default from "./renderers/PlainMessageRenderer.js";
 import TextPromptRenderer_default from "./renderers/TextPromptRenderer.js";
@@ -23,7 +23,7 @@ var coreRendererRegistry = new Map([
 		document: e,
 		isLastItem: _
 	})],
-	["claude-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
+	["llm-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(LlmMessage_default, {
 		document: e,
 		isLastItem: _
 	})],

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

@@ -1,55 +1,56 @@
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var getDataUrl = (e, n) => e instanceof URL ? e.toString() : typeof e == "string" ? `data:${n || "application/octet-stream"};base64,${e}` : "#", TextPartRenderer = (n) => {
-	let r = c(2), { part: i } = n, a;
-	return r[0] === i.text ? a = r[1] : (a = /* @__PURE__ */ jsx("div", {
+var getDataUrl = (e, r) => e instanceof URL ? e.toString() : typeof e == "string" ? `data:${r || "application/octet-stream"};base64,${e}` : "#", TextPartRenderer = (e) => {
+	let i = c(2), { part: a } = e, o;
+	return i[0] === a.text ? o = i[1] : (o = /* @__PURE__ */ jsx("div", {
 		className: "text-sm leading-relaxed whitespace-pre-wrap",
-		children: i.text
-	}), r[0] = i.text, r[1] = a), a;
-}, ImagePartRenderer = (n) => {
-	let a = c(11), { part: o } = n, s;
-	a[0] !== o.image || a[1] !== o.mediaType ? (s = getDataUrl(o.image, o.mediaType), a[0] = o.image, a[1] = o.mediaType, a[2] = s) : s = a[2];
-	let l;
-	a[3] === Symbol.for("react.memo_cache_sentinel") ? (l = { maxHeight: "400px" }, a[3] = l) : l = a[3];
+		children: a.text
+	}), i[0] = a.text, i[1] = o), o;
+}, ImagePartRenderer = (e) => {
+	let i = c(11), { part: s } = e, l;
+	i[0] !== s.image || i[1] !== s.mediaType ? (l = getDataUrl(s.image, s.mediaType), i[0] = s.image, i[1] = s.mediaType, i[2] = l) : l = i[2];
 	let u;
-	a[4] === s ? u = a[5] : (u = /* @__PURE__ */ jsx("img", {
-		src: s,
+	i[3] === Symbol.for("react.memo_cache_sentinel") ? (u = { maxHeight: "400px" }, i[3] = u) : u = i[3];
+	let d;
+	i[4] === l ? d = i[5] : (d = /* @__PURE__ */ jsx("img", {
+		src: l,
 		alt: "Uploaded image",
 		className: "h-auto max-w-full rounded-lg border shadow-sm",
-		style: l
-	}), a[4] = s, a[5] = u);
-	let d;
-	a[6] === o.mediaType ? d = a[7] : (d = o.mediaType && /* @__PURE__ */ jsxs("div", {
-		className: "mt-1 text-xs text-gray-500",
-		children: ["Type: ", o.mediaType]
-	}), a[6] = o.mediaType, a[7] = d);
+		style: u
+	}), i[4] = l, i[5] = d);
 	let f;
-	return a[8] !== u || a[9] !== d ? (f = /* @__PURE__ */ jsxs("div", { children: [u, d] }), a[8] = u, a[9] = d, a[10] = f) : f = a[10], f;
-}, FilePartRenderer = (n) => {
-	let i = c(8), { part: a } = n, o;
-	i[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ jsx("div", {
+	i[6] === s.mediaType ? f = i[7] : (f = s.mediaType && /* @__PURE__ */ jsxs("div", {
+		className: "mt-1 text-xs text-gray-500",
+		children: ["Type: ", s.mediaType]
+	}), i[6] = s.mediaType, i[7] = f);
+	let p;
+	return i[8] !== d || i[9] !== f ? (p = /* @__PURE__ */ jsxs("div", { children: [d, f] }), i[8] = d, i[9] = f, i[10] = p) : p = i[10], p;
+}, FilePartRenderer = (e) => {
+	let i = c(8), { part: o } = e, s;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ jsx("div", {
 		className: "text-2xl",
 		children: "📎"
-	}), i[0] = o) : o = i[0];
-	let s = a.filename || "Unnamed file", l;
-	i[1] === s ? l = i[2] : (l = /* @__PURE__ */ jsx("div", {
+	}), i[0] = s) : s = i[0];
+	let l = o.filename || "Unnamed file", u;
+	i[1] === l ? u = i[2] : (u = /* @__PURE__ */ jsx("div", {
 		className: "text-sm font-medium",
-		children: s
-	}), i[1] = s, i[2] = l);
-	let u;
-	i[3] === a.mediaType ? u = i[4] : (u = /* @__PURE__ */ jsx("div", {
-		className: "text-xs text-gray-500",
-		children: a.mediaType
-	}), i[3] = a.mediaType, i[4] = u);
+		children: l
+	}), i[1] = l, i[2] = u);
 	let d;
-	return i[5] !== l || i[6] !== u ? (d = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
+	i[3] === o.mediaType ? d = i[4] : (d = /* @__PURE__ */ jsx("div", {
+		className: "text-xs text-gray-500",
+		children: o.mediaType
+	}), i[3] = o.mediaType, i[4] = d);
+	let f;
+	return i[5] !== u || i[6] !== d ? (f = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center space-x-2",
-		children: [o, /* @__PURE__ */ jsxs("div", { children: [l, u] })]
-	}) }), i[5] = l, i[6] = u, i[7] = d) : d = i[7], d;
-}, ReasoningPartRenderer = (n) => {
-	let i = c(2), { part: a } = n, o;
-	return i[0] === a.text ? o = i[1] : (o = a.text ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+		children: [s, /* @__PURE__ */ jsxs("div", { children: [u, d] })]
+	}) }), i[5] = u, i[6] = d, i[7] = f) : f = i[7], f;
+}, ReasoningPartRenderer = (e) => {
+	let i = c(2), { part: o } = e, s;
+	return i[0] === o.text ? s = i[1] : (s = o.text ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 		className: "mb-2 flex items-center space-x-2",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "text-sm font-medium text-purple-600",
@@ -57,118 +58,115 @@ var getDataUrl = (e, n) => e instanceof URL ? e.toString() : typeof e == "string
 		})
 	}), /* @__PURE__ */ jsx("div", {
 		className: "text-sm whitespace-pre-wrap text-purple-800",
-		children: a.text
-	})] }) : "", i[0] = a.text, i[1] = o), o;
-}, ToolCallPartRenderer = (n) => {
-	let i = c(17), { part: a } = n, o;
-	i[0] === a.toolName ? o = i[1] : (o = /* @__PURE__ */ jsx("div", {
+		children: o.text
+	})] }) : "", i[0] = o.text, i[1] = s), s;
+}, ToolCallPartRenderer = (e) => {
+	let i = c(17), { part: o } = e, s;
+	i[0] === o.toolName ? s = i[1] : (s = /* @__PURE__ */ jsx("div", {
 		className: "text-sm font-medium",
-		children: a.toolName
-	}), i[0] = a.toolName, i[1] = o);
-	let s;
-	i[2] === a.providerExecuted ? s = i[3] : (s = a.providerExecuted && /* @__PURE__ */ jsx("span", {
+		children: o.toolName
+	}), i[0] = o.toolName, i[1] = s);
+	let l;
+	i[2] === o.providerExecuted ? l = i[3] : (l = o.providerExecuted && /* @__PURE__ */ jsx("span", {
 		className: "rounded bg-green-100 px-2 py-1 text-xs text-green-800",
 		children: "Executed"
-	}), i[2] = a.providerExecuted, i[3] = s);
-	let l;
-	i[4] !== o || i[5] !== s ? (l = /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center space-x-2",
-		children: [o, s]
-	}), i[4] = o, i[5] = s, i[6] = l) : l = i[6];
+	}), i[2] = o.providerExecuted, i[3] = l);
 	let u;
-	i[7] === a.toolCallId ? u = i[8] : (u = /* @__PURE__ */ jsxs("div", {
-		className: "ml-5 font-mono text-xs text-gray-500",
-		children: ["ID: ", a.toolCallId]
-	}), i[7] = a.toolCallId, i[8] = u);
+	i[4] !== s || i[5] !== l ? (u = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center space-x-2",
+		children: [s, l]
+	}), i[4] = s, i[5] = l, i[6] = u) : u = i[6];
 	let d;
-	i[9] !== l || i[10] !== u ? (d = /* @__PURE__ */ jsxs("div", {
-		className: "mb-2 flex items-center justify-between",
-		children: [l, u]
-	}), i[9] = l, i[10] = u, i[11] = d) : d = i[11];
+	i[7] === o.toolCallId ? d = i[8] : (d = /* @__PURE__ */ jsxs("div", {
+		className: "ml-5 font-mono text-xs text-gray-500",
+		children: ["ID: ", o.toolCallId]
+	}), i[7] = o.toolCallId, i[8] = d);
 	let f;
-	i[12] === a.input ? f = i[13] : (f = a.input ? /* @__PURE__ */ jsxs("div", {
+	i[9] !== u || i[10] !== d ? (f = /* @__PURE__ */ jsxs("div", {
+		className: "mb-2 flex items-center justify-between",
+		children: [u, d]
+	}), i[9] = u, i[10] = d, i[11] = f) : f = i[11];
+	let p;
+	i[12] === o.input ? p = i[13] : (p = o.input ? /* @__PURE__ */ jsxs("div", {
 		className: "rounded border bg-white p-2 text-xs",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "mb-1 text-gray-600",
 			children: "Input:"
 		}), /* @__PURE__ */ jsx("pre", {
 			className: "overflow-x-auto whitespace-pre-wrap",
-			children: JSON.stringify(a.input, null, 2)
+			children: JSON.stringify(o.input, null, 2)
 		})]
-	}) : "", i[12] = a.input, i[13] = f);
-	let p;
-	return i[14] !== d || i[15] !== f ? (p = /* @__PURE__ */ jsxs("div", { children: [d, f] }), i[14] = d, i[15] = f, i[16] = p) : p = i[16], p;
-}, ToolResultPartRenderer = (n) => {
-	let i = c(14), { part: a } = n, o;
-	i[0] === a.toolName ? o = i[1] : (o = /* @__PURE__ */ jsxs("div", {
+	}) : "", i[12] = o.input, i[13] = p);
+	let m;
+	return i[14] !== f || i[15] !== p ? (m = /* @__PURE__ */ jsxs("div", { children: [f, p] }), i[14] = f, i[15] = p, i[16] = m) : m = i[16], m;
+}, ToolResultPartRenderer = (e) => {
+	let i = c(14), { part: o } = e, s;
+	i[0] === o.toolName ? s = i[1] : (s = /* @__PURE__ */ jsxs("div", {
 		className: "text-sm font-medium",
-		children: [a.toolName, " Result"]
-	}), i[0] = a.toolName, i[1] = o);
-	let s;
-	i[2] === a.toolCallId ? s = i[3] : (s = /* @__PURE__ */ jsxs("div", {
-		className: "ml-5 font-mono text-xs text-gray-500",
-		children: ["ID: ", a.toolCallId]
-	}), i[2] = a.toolCallId, i[3] = s);
+		children: [o.toolName, " Result"]
+	}), i[0] = o.toolName, i[1] = s);
 	let l;
-	i[4] !== o || i[5] !== s ? (l = /* @__PURE__ */ jsxs("div", {
-		className: "mb-2 flex items-center justify-between",
-		children: [o, s]
-	}), i[4] = o, i[5] = s, i[6] = l) : l = i[6];
+	i[2] === o.toolCallId ? l = i[3] : (l = /* @__PURE__ */ jsxs("div", {
+		className: "ml-5 font-mono text-xs text-gray-500",
+		children: ["ID: ", o.toolCallId]
+	}), i[2] = o.toolCallId, i[3] = l);
 	let u;
-	i[7] === a.output ? u = i[8] : (u = JSON.stringify(a.output, null, 2), i[7] = a.output, i[8] = u);
+	i[4] !== s || i[5] !== l ? (u = /* @__PURE__ */ jsxs("div", {
+		className: "mb-2 flex items-center justify-between",
+		children: [s, l]
+	}), i[4] = s, i[5] = l, i[6] = u) : u = i[6];
 	let d;
-	i[9] === u ? d = i[10] : (d = /* @__PURE__ */ jsx("div", {
+	i[7] === o.output ? d = i[8] : (d = JSON.stringify(o.output, null, 2), i[7] = o.output, i[8] = d);
+	let f;
+	i[9] === d ? f = i[10] : (f = /* @__PURE__ */ jsx("div", {
 		className: "rounded border bg-white p-2 text-xs",
 		children: /* @__PURE__ */ jsx("pre", {
 			className: "overflow-x-auto whitespace-pre-wrap",
-			children: u
+			children: d
 		})
-	}), i[9] = u, i[10] = d);
-	let f;
-	return i[11] !== l || i[12] !== d ? (f = /* @__PURE__ */ jsxs("div", { children: [l, d] }), i[11] = l, i[12] = d, i[13] = f) : f = i[13], f;
-}, AiMessageContent_default = (n) => {
-	let i = c(4), { message: o } = n, s = _temp, l;
-	i[0] === o ? l = i[1] : (l = () => {
-		if (o.role === "system") return /* @__PURE__ */ jsxs("div", {
+	}), i[9] = d, i[10] = f);
+	let p;
+	return i[11] !== u || i[12] !== f ? (p = /* @__PURE__ */ jsxs("div", { children: [u, f] }), i[11] = u, i[12] = f, i[13] = p) : p = i[13], p;
+}, AiMessageContent_default = (i) => {
+	let o = c(4), { message: s } = i, l = _temp, u;
+	o[0] === s ? u = o[1] : (u = () => {
+		if (s.role === "system") return /* @__PURE__ */ jsxs("div", {
 			className: "rounded-lg border-l-4 border-gray-400 bg-gray-50 p-3 text-sm text-gray-600 italic",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "mb-1 font-medium",
 				children: "System"
 			}), /* @__PURE__ */ jsx("div", {
 				className: "whitespace-pre-wrap",
-				children: o.content
+				children: s.content
 			})]
 		});
-		let { content: e } = o;
-		return typeof e == "string" ? /* @__PURE__ */ jsx(TextPartRenderer, { part: {
-			type: "text",
-			text: e
-		} }) : Array.isArray(e) ? /* @__PURE__ */ jsx("div", {
+		let { content: r } = s;
+		return typeof r == "string" ? /* @__PURE__ */ jsx(MarkdownContent_default, { content: r }) : Array.isArray(r) ? /* @__PURE__ */ jsx("div", {
 			className: "space-y-2",
-			children: e.map((e, n) => s(e, n))
+			children: r.map((e, r) => l(e, r))
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "text-sm text-red-600",
 			children: "Invalid content format"
 		});
-	}, i[0] = o, i[1] = l);
-	let u = l, d;
-	return i[2] === u ? d = i[3] : (d = /* @__PURE__ */ jsx("div", {
+	}, o[0] = s, o[1] = u);
+	let d = u, f;
+	return o[2] === d ? f = o[3] : (f = /* @__PURE__ */ jsx("div", {
 		className: "message-content",
-		children: u()
-	}), i[2] = u, i[3] = d), d;
+		children: d()
+	}), o[2] = d, o[3] = f), f;
 };
-function _temp(e, n) {
+function _temp(e, r) {
 	switch (e.type) {
-		case "text": return /* @__PURE__ */ jsx(TextPartRenderer, { part: e }, n);
-		case "image": return /* @__PURE__ */ jsx(ImagePartRenderer, { part: e }, n);
-		case "file": return /* @__PURE__ */ jsx(FilePartRenderer, { part: e }, n);
-		case "reasoning": return /* @__PURE__ */ jsx(ReasoningPartRenderer, { part: e }, n);
-		case "tool-call": return /* @__PURE__ */ jsx(ToolCallPartRenderer, { part: e }, n);
-		case "tool-result": return /* @__PURE__ */ jsx(ToolResultPartRenderer, { part: e }, n);
+		case "text": return /* @__PURE__ */ jsx(TextPartRenderer, { part: e }, r);
+		case "image": return /* @__PURE__ */ jsx(ImagePartRenderer, { part: e }, r);
+		case "file": return /* @__PURE__ */ jsx(FilePartRenderer, { part: e }, r);
+		case "reasoning": return /* @__PURE__ */ jsx(ReasoningPartRenderer, { part: e }, r);
+		case "tool-call": return /* @__PURE__ */ jsx(ToolCallPartRenderer, { part: e }, r);
+		case "tool-result": return /* @__PURE__ */ jsx(ToolResultPartRenderer, { part: e }, r);
 		default: return /* @__PURE__ */ jsxs("div", {
 			className: "rounded bg-gray-100 p-2 text-sm",
 			children: ["Unknown content type: ", e.type]
-		}, n);
+		}, r);
 	}
 }
 export { AiMessageContent_default as default };

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

@@ -0,0 +1,89 @@
+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/loopstack-elements/tool.js";
+import { c } from "react/compiler-runtime";
+import { Fragment } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CopyIcon } from "lucide-react";
+var LlmMessage_default = (y) => {
+	let b = c(15), { document: x } = y, S = x.content, C = S.id ?? x.id;
+	if (typeof S.content == "string") {
+		let m;
+		b[0] === S.content ? m = b[1] : (m = /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: S.content }) }), b[0] = S.content, b[1] = m);
+		let h;
+		b[2] !== S.content || b[3] !== S.role ? (h = S.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
+			onClick: () => void navigator.clipboard.writeText(S.content),
+			label: "Copy",
+			children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
+		}) }), b[2] = S.content, b[3] = S.role, b[4] = h) : h = b[4];
+		let g;
+		return b[5] !== S.role || b[6] !== m || b[7] !== h ? (g = /* @__PURE__ */ jsxs(Message, {
+			from: S.role,
+			children: [m, h]
+		}), b[5] = S.role, b[6] = m, b[7] = h, b[8] = g) : g = b[8], g;
+	}
+	let w = S.content, T;
+	b[9] !== w || b[10] !== S.role || b[11] !== C ? (T = w.map((_, v) => {
+		switch (_.type) {
+			case "text": return /* @__PURE__ */ jsxs(Message, {
+				from: S.role,
+				children: [/* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: _.text }) }), S.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
+					onClick: () => void navigator.clipboard.writeText(_.text),
+					label: "Copy",
+					children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
+				}) })]
+			}, `${C}-${v}`);
+			case "thinking": return /* @__PURE__ */ jsxs(Reasoning, {
+				className: "w-full",
+				isStreaming: !1,
+				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: _.text })]
+			}, `${C}-${v}`);
+			case "tool_call": return /* @__PURE__ */ jsx(Message, {
+				from: "assistant",
+				children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
+					state: "input-available",
+					title: _.name,
+					type: "tool-call"
+				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: _.args }) })] })
+			}, `${C}-${v}`);
+			case "tool_result": {
+				let p;
+				try {
+					p = JSON.parse(_.content);
+				} catch {
+					p = _.content;
+				}
+				return /* @__PURE__ */ jsx(Message, {
+					from: "assistant",
+					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
+						state: _.isError ? "output-error" : "output-available",
+						title: "Tool Result",
+						type: "tool-call"
+					}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolOutput, {
+						output: p,
+						errorText: _.isError ? _.content : ""
+					}) })] })
+				}, `${C}-${v}`);
+			}
+			case "server_tool_use": {
+				let p = w.find((e) => e.type === "server_tool_result" && e.toolUseId === _.id);
+				return /* @__PURE__ */ jsx(Message, {
+					from: "assistant",
+					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
+						state: p ? "output-available" : "input-available",
+						title: _.name,
+						type: "tool-call"
+					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: _.input }), p && /* @__PURE__ */ jsx(ToolOutput, {
+						output: p.content,
+						errorText: ""
+					})] })] })
+				}, `${C}-${v}`);
+			}
+			case "server_tool_result": return null;
+			default: return null;
+		}
+	}), b[9] = w, b[10] = S.role, b[11] = C, b[12] = T) : T = b[12];
+	let E;
+	return b[13] === T ? E = b[14] : (E = /* @__PURE__ */ jsx(Fragment, { children: T }), b[13] = T, b[14] = E), E;
+};
+export { LlmMessage_default as default };

package/dist/features/workbench/WorkflowItem.js

@@ -1,7 +1,9 @@
 import { cn } from "../../lib/utils.js";
+import { Button } from "../../components/ui/button.js";
 import LoadingCentered_default from "../../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../../components/feedback/ErrorSnackbar.js";
-import ErrorAlert_default from "../../components/feedback/ErrorAlert.js";
+import { require_enums } from "../../packages/contracts/dist/enums/index.js";
+import { useRunWorkflow } from "../../hooks/useProcessor.js";
 import DocumentList_default from "../documents/components/DocumentList.js";
 import "../documents/index.js";
 import WorkflowForms_default from "./components/WorkflowForms.js";
@@ -10,64 +12,94 @@ import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var WorkflowItem_default = (p) => {
-	let m = c(46), { workflow: h, workflowId: g, scrollTo: _, settings: v, embed: y } = p, { workflowId: b, clickId: x } = useParams(), S;
-	m[0] !== v.showFullMessageHistory || m[1] !== g ? (S = {
-		workflowId: g,
-		showFullMessageHistory: v.showFullMessageHistory
-	}, m[0] = v.showFullMessageHistory, m[1] = g, m[2] = S) : S = m[2];
-	let { workflow: C, workflowLoading: w, workflowReady: T, workflowError: E, documents: D, documentsLoading: O, documentsReady: k, documentsError: A, isLoading: j, handleRun: M } = useWorkflowData(S), N;
-	m[3] !== k || m[4] !== b || m[5] !== _ || m[6] !== g || m[7] !== T ? (N = () => {
-		b === g && T && k && _(g);
-	}, m[3] = k, m[4] = b, m[5] = _, m[6] = g, m[7] = T, m[8] = N) : N = m[8];
-	let P;
-	m[9] !== x || m[10] !== k || m[11] !== b || m[12] !== _ || m[13] !== g || m[14] !== T ? (P = [
-		T,
-		k,
-		g,
-		b,
-		x,
-		_
-	], m[9] = x, m[10] = k, m[11] = b, m[12] = _, m[13] = g, m[14] = T, m[15] = P) : P = m[15], useEffect(N, P);
-	let F = y ? "p-0" : "p-4", I;
-	m[16] === F ? I = m[17] : (I = cn("flex flex-col", F), m[16] = F, m[17] = I);
-	let L = w || O, R;
-	m[18] === L ? R = m[19] : (R = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: L }), m[18] = L, m[19] = R);
-	let z;
-	m[20] === A ? z = m[21] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: A }), m[20] = A, m[21] = z);
-	let B;
-	m[22] === E ? B = m[23] : (B = /* @__PURE__ */ jsx(ErrorAlert_default, { error: E }), m[22] = E, m[23] = B);
-	let V;
-	m[24] !== C || m[25] !== D || m[26] !== j || m[27] !== _ || m[28] !== v || m[29] !== h || m[30] !== T ? (V = T && C && /* @__PURE__ */ jsx(DocumentList_default, {
-		workflow: h,
-		childWorkflow: C,
-		documents: D,
-		scrollTo: _,
-		settings: v,
-		isLoading: j
-	}), m[24] = C, m[25] = D, m[26] = j, m[27] = _, m[28] = v, m[29] = h, m[30] = T, m[31] = V) : V = m[31];
-	let H;
-	m[32] === j ? H = m[33] : (H = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: j }), m[32] = j, m[33] = H);
-	let U;
-	m[34] !== C || m[35] !== M || m[36] !== h ? (U = !!C && /* @__PURE__ */ jsx("div", {
+import { AlertCircle, RefreshCw } from "lucide-react";
+var import_enums = require_enums(), WorkflowItem_default = (h) => {
+	let g = c(55), { workflow: _, workflowId: v, scrollTo: y, settings: b, embed: x } = h, { workflowId: S, clickId: C } = useParams(), w = useRunWorkflow(), T;
+	g[0] !== b.showFullMessageHistory || g[1] !== v ? (T = {
+		workflowId: v,
+		showFullMessageHistory: b.showFullMessageHistory
+	}, g[0] = b.showFullMessageHistory, g[1] = v, g[2] = T) : T = g[2];
+	let { workflow: E, workflowLoading: D, workflowReady: O, workflowError: k, documents: A, documentsLoading: j, documentsReady: M, documentsError: N, isLoading: P, handleRun: F } = useWorkflowData(T), I;
+	g[3] !== M || g[4] !== S || g[5] !== y || g[6] !== v || g[7] !== O ? (I = () => {
+		S === v && O && M && y(v);
+	}, g[3] = M, g[4] = S, g[5] = y, g[6] = v, g[7] = O, g[8] = I) : I = g[8];
+	let L;
+	g[9] !== C || g[10] !== M || g[11] !== S || g[12] !== y || g[13] !== v || g[14] !== O ? (L = [
+		O,
+		M,
+		v,
+		S,
+		C,
+		y
+	], g[9] = C, g[10] = M, g[11] = S, g[12] = y, g[13] = v, g[14] = O, g[15] = L) : L = g[15], useEffect(I, L);
+	let R;
+	g[16] === E?.availableTransitions ? R = g[17] : (R = E?.availableTransitions?.some(_temp), g[16] = E?.availableTransitions, g[17] = R);
+	let z = R, B = E?.hasError && E.status === import_enums.WorkflowState.Waiting, V = E?.hasError && !B && z !== !1, H;
+	g[18] !== w || g[19] !== v ? (H = () => {
+		w.mutate({
+			workflowId: v,
+			runWorkflowPayloadDto: {},
+			force: !0
+		});
+	}, g[18] = w, g[19] = v, g[20] = H) : H = g[20];
+	let U = H, W = x ? "p-0" : "p-4", G;
+	g[21] === W ? G = g[22] : (G = cn("flex flex-col", W), g[21] = W, g[22] = G);
+	let K = D || j, q;
+	g[23] === K ? q = g[24] : (q = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: K }), g[23] = K, g[24] = q);
+	let J;
+	g[25] === N ? J = g[26] : (J = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: N }), g[25] = N, g[26] = J);
+	let Y;
+	g[27] !== E || g[28] !== A || g[29] !== P || g[30] !== y || g[31] !== b || g[32] !== _ || g[33] !== O ? (Y = O && E && /* @__PURE__ */ jsx(DocumentList_default, {
+		workflow: _,
+		childWorkflow: E,
+		documents: A,
+		scrollTo: y,
+		settings: b,
+		isLoading: P
+	}), g[27] = E, g[28] = A, g[29] = P, g[30] = y, g[31] = b, g[32] = _, g[33] = O, g[34] = Y) : Y = g[34];
+	let X;
+	g[35] === P ? X = g[36] : (X = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: P }), g[35] = P, g[36] = X);
+	let Z;
+	g[37] !== V || g[38] !== E?.hasError || g[39] !== U || g[40] !== w.isPending || g[41] !== k ? (Z = k && E?.hasError && /* @__PURE__ */ jsxs("div", {
+		className: "mt-3 flex items-center gap-2 px-1",
+		children: [
+			/* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive h-4 w-4 shrink-0" }),
+			/* @__PURE__ */ jsx("span", {
+				className: "text-destructive flex-1 text-sm",
+				children: k
+			}),
+			V && /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				disabled: w.isPending,
+				onClick: U,
+				children: [w.isPending ? /* @__PURE__ */ jsx("div", { className: "mr-1 h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }), "Retry"]
+			})
+		]
+	}), g[37] = V, g[38] = E?.hasError, g[39] = U, g[40] = w.isPending, g[41] = k, g[42] = Z) : Z = g[42];
+	let Q;
+	g[43] !== E || g[44] !== F || g[45] !== _ ? (Q = !!E && /* @__PURE__ */ jsx("div", {
 		className: "mt-6",
 		children: /* @__PURE__ */ jsx(WorkflowForms_default, {
-			workflow: C,
-			parentWorkflow: h,
-			onSubmit: M
+			workflow: E,
+			parentWorkflow: _,
+			onSubmit: F
 		})
-	}), m[34] = C, m[35] = M, m[36] = h, m[37] = U) : U = m[37];
-	let W;
-	return m[38] !== V || m[39] !== H || m[40] !== U || m[41] !== I || m[42] !== R || m[43] !== z || m[44] !== B ? (W = /* @__PURE__ */ jsxs("div", {
-		className: I,
+	}), g[43] = E, g[44] = F, g[45] = _, g[46] = Q) : Q = g[46];
+	let $;
+	return g[47] !== J || g[48] !== Y || g[49] !== X || g[50] !== Z || g[51] !== Q || g[52] !== G || g[53] !== q ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: G,
 		children: [
-			R,
-			z,
-			B,
-			V,
-			H,
-			U
+			q,
+			J,
+			Y,
+			X,
+			Z,
+			Q
 		]
-	}), m[38] = V, m[39] = H, m[40] = U, m[41] = I, m[42] = R, m[43] = z, m[44] = B, m[45] = W) : W = m[45], W;
+	}), g[47] = J, g[48] = Y, g[49] = X, g[50] = Z, g[51] = Q, g[52] = G, g[53] = q, g[54] = $) : $ = g[54], $;
 };
+function _temp(t) {
+	return t.trigger !== "manual";
+}
 export { WorkflowItem_default as default };

package/dist/node_modules/dompurify/dist/purify.es.js

@@ -124,7 +124,7 @@ var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.a
 	"annotation-xml",
 	"mprescripts",
 	"none"
-]), text = freeze(["#text"]), html = freeze(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns.slot".split(".")), svg = freeze(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), mathMl = freeze(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnsalign.columnlines.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lspace.lquote.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), xml = freeze([
+]), text = freeze(["#text"]), html = freeze(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns.slot".split(".")), svg = freeze(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), mathMl = freeze(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnalign.columnlines.columnspacing.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lquote.lspace.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), xml = freeze([
 	"xlink:href",
 	"xml:id",
 	"xlink:title",
@@ -144,17 +144,10 @@ var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.a
 	TMPLIT_EXPR
 }), NODE_TYPE = {
 	element: 1,
-	attribute: 2,
 	text: 3,
-	cdataSection: 4,
-	entityReference: 5,
-	entityNode: 6,
 	progressingInstruction: 7,
 	comment: 8,
-	document: 9,
-	documentType: 10,
-	documentFragment: 11,
-	notation: 12
+	document: 9
 }, getGlobal = function() {
 	return typeof window > "u" ? null : window;
 }, _createTrustedTypesPolicy = function(e, t) {
@@ -189,7 +182,7 @@ var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.a
 };
 function createDOMPurify() {
 	let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal(), n = (e) => createDOMPurify(e);
-	if (n.version = "3.3.3", n.removed = [], !t || !t.document || t.document.nodeType !== NODE_TYPE.document || !t.Element) return n.isSupported = !1, n;
+	if (n.version = "3.4.0", n.removed = [], !t || !t.document || t.document.nodeType !== NODE_TYPE.document || !t.Element) return n.isSupported = !1, n;
 	let { document: r } = t, i = r, o = i.currentScript, { DocumentFragment: c, HTMLTemplateElement: l, Node: d, Element: Fe, NodeFilter: f, NamedNodeMap: Ie = t.NamedNodeMap || t.MozNamedAttrMap, HTMLFormElement: Le, DOMParser: Re, trustedTypes: p } = t, m = Fe.prototype, ze = lookupGetter(m, "cloneNode"), Be = lookupGetter(m, "remove"), Ve = lookupGetter(m, "nextSibling"), He = lookupGetter(m, "childNodes"), h = lookupGetter(m, "parentNode");
 	if (typeof l == "function") {
 		let e = r.createElement("template");
@@ -240,7 +233,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), tt = !0, k = !0, nt = !1, rt = !0, A = !1, j = !0, M = !1, N = !1, it = !1, P = !1, F = !1, I = !1, at = !0, ot = !1, L = !0, R = !1, z = {}, B = null, V = addToSet({}, [
+	})), tt = !0, k = !0, nt = !1, rt = !0, A = !1, j = !0, M = !1, N = !1, P = !1, F = !1, I = !1, L = !1, it = !0, at = !1, ot = !0, R = !1, z = {}, B = null, st = addToSet({}, [
 		"annotation-xml",
 		"audio",
 		"colgroup",
@@ -266,14 +259,14 @@ function createDOMPurify() {
 		"title",
 		"video",
 		"xmp"
-	]), st = null, ct = addToSet({}, [
+	]), ct = null, lt = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), lt = null, ut = addToSet({}, [
+	]), ut = null, dt = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -288,28 +281,28 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), H = "http://www.w3.org/1998/Math/MathML", U = "http://www.w3.org/2000/svg", W = "http://www.w3.org/1999/xhtml", G = W, dt = !1, ft = null, pt = addToSet({}, [
+	]), V = "http://www.w3.org/1998/Math/MathML", H = "http://www.w3.org/2000/svg", U = "http://www.w3.org/1999/xhtml", W = U, ft = !1, pt = null, mt = addToSet({}, [
+		V,
 		H,
-		U,
-		W
-	], stringToString), K = addToSet({}, [
+		U
+	], stringToString), G = addToSet({}, [
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), q = addToSet({}, ["annotation-xml"]), mt = addToSet({}, [
+	]), K = addToSet({}, ["annotation-xml"]), ht = addToSet({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), J = null, ht = ["application/xhtml+xml", "text/html"], Y = null, X = null, gt = r.createElement("form"), _t = function(e) {
+	]), q = null, gt = ["application/xhtml+xml", "text/html"], J = null, Y = null, _t = r.createElement("form"), vt = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, vt = function() {
+	}, yt = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(X && X === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), J = ht.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = J === "application/xhtml+xml" ? stringToString : stringToLowerCase, C = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : $e, w = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : et, ft = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : pt, lt = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(ut), e.ADD_URI_SAFE_ATTR, Y) : ut, st = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(ct), e.ADD_DATA_URI_TAGS, Y) : ct, B = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : V, E = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), D = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), z = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, tt = e.ALLOW_ARIA_ATTR !== !1, k = e.ALLOW_DATA_ATTR !== !1, nt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, rt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, A = e.SAFE_FOR_TEMPLATES || !1, j = e.SAFE_FOR_XML !== !1, M = e.WHOLE_DOCUMENT || !1, P = e.RETURN_DOM || !1, F = e.RETURN_DOM_FRAGMENT || !1, I = e.RETURN_TRUSTED_TYPE || !1, it = e.FORCE_BODY || !1, at = e.SANITIZE_DOM !== !1, ot = e.SANITIZE_NAMED_PROPS || !1, L = e.KEEP_CONTENT !== !1, R = e.IN_PLACE || !1, Qe = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, G = e.NAMESPACE || W, K = e.MATHML_TEXT_INTEGRATION_POINTS || K, q = e.HTML_INTEGRATION_POINTS || q, T = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (T.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (T.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (T.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), A && (k = !1), F && (P = !0), z && (C = addToSet({}, text), w = create(null), z.html === !0 && (addToSet(C, html$1), addToSet(w, html)), z.svg === !0 && (addToSet(C, svg$1), addToSet(w, svg), addToSet(w, xml)), z.svgFilters === !0 && (addToSet(C, svgFilters), addToSet(w, svg), addToSet(w, xml)), z.mathMl === !0 && (addToSet(C, mathMl$1), addToSet(w, mathMl), addToSet(w, xml))), objectHasOwnProperty(e, "ADD_TAGS") || (O.tagCheck = null), objectHasOwnProperty(e, "ADD_ATTR") || (O.attributeCheck = null), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? O.tagCheck = e.ADD_TAGS : (C === $e && (C = clone(C)), addToSet(C, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? O.attributeCheck = e.ADD_ATTR : (w === et && (w = clone(w)), addToSet(w, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(lt, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (B === V && (B = clone(B)), addToSet(B, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (B === V && (B = clone(B)), addToSet(B, e.ADD_FORBID_CONTENTS, Y)), L && (C["#text"] = !0), M && addToSet(C, [
+		if (!(Y && Y === e)) {
+			if ((!e || typeof e != "object") && (e = {}), e = clone(e), q = gt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, J = q === "application/xhtml+xml" ? stringToString : stringToLowerCase, C = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, J) : $e, w = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, J) : et, pt = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : mt, ut = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(dt), e.ADD_URI_SAFE_ATTR, J) : dt, ct = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(lt), e.ADD_DATA_URI_TAGS, J) : lt, B = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, J) : st, E = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, J) : clone({}), D = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, J) : clone({}), z = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, tt = e.ALLOW_ARIA_ATTR !== !1, k = e.ALLOW_DATA_ATTR !== !1, nt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, rt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, A = e.SAFE_FOR_TEMPLATES || !1, j = e.SAFE_FOR_XML !== !1, M = e.WHOLE_DOCUMENT || !1, F = e.RETURN_DOM || !1, I = e.RETURN_DOM_FRAGMENT || !1, L = e.RETURN_TRUSTED_TYPE || !1, P = e.FORCE_BODY || !1, it = e.SANITIZE_DOM !== !1, at = e.SANITIZE_NAMED_PROPS || !1, ot = e.KEEP_CONTENT !== !1, R = e.IN_PLACE || !1, Qe = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, W = e.NAMESPACE || U, G = e.MATHML_TEXT_INTEGRATION_POINTS || G, K = e.HTML_INTEGRATION_POINTS || K, T = e.CUSTOM_ELEMENT_HANDLING || create(null), e.CUSTOM_ELEMENT_HANDLING && vt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (T.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && vt(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (T.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (T.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), A && (k = !1), I && (F = !0), z && (C = addToSet({}, text), w = create(null), z.html === !0 && (addToSet(C, html$1), addToSet(w, html)), z.svg === !0 && (addToSet(C, svg$1), addToSet(w, svg), addToSet(w, xml)), z.svgFilters === !0 && (addToSet(C, svgFilters), addToSet(w, svg), addToSet(w, xml)), z.mathMl === !0 && (addToSet(C, mathMl$1), addToSet(w, mathMl), addToSet(w, xml))), O.tagCheck = null, O.attributeCheck = null, e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? O.tagCheck = e.ADD_TAGS : (C === $e && (C = clone(C)), addToSet(C, e.ADD_TAGS, J))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? O.attributeCheck = e.ADD_ATTR : (w === et && (w = clone(w)), addToSet(w, e.ADD_ATTR, J))), e.ADD_URI_SAFE_ATTR && addToSet(ut, e.ADD_URI_SAFE_ATTR, J), e.FORBID_CONTENTS && (B === st && (B = clone(B)), addToSet(B, e.FORBID_CONTENTS, J)), e.ADD_FORBID_CONTENTS && (B === st && (B = clone(B)), addToSet(B, e.ADD_FORBID_CONTENTS, J)), ot && (C["#text"] = !0), M && addToSet(C, [
 				"html",
 				"head",
 				"body"
@@ -318,28 +311,28 @@ function createDOMPurify() {
 				if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
 				g = e.TRUSTED_TYPES_POLICY, _ = g.createHTML("");
 			} else g === void 0 && (g = _createTrustedTypesPolicy(p, o)), g !== null && typeof _ == "string" && (_ = g.createHTML(""));
-			freeze && freeze(e), X = e;
+			freeze && freeze(e), Y = e;
 		}
-	}, yt = addToSet({}, [
+	}, bt = addToSet({}, [
 		...svg$1,
 		...svgFilters,
 		...svgDisallowed
-	]), bt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), xt = function(e) {
+	]), xt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), St = function(e) {
 		let t = h(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: G,
+			namespaceURI: W,
 			tagName: "template"
 		});
 		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
-		return ft[e.namespaceURI] ? e.namespaceURI === U ? t.namespaceURI === W ? n === "svg" : t.namespaceURI === H ? n === "svg" && (r === "annotation-xml" || K[r]) : !!yt[n] : e.namespaceURI === H ? t.namespaceURI === W ? n === "math" : t.namespaceURI === U ? n === "math" && q[r] : !!bt[n] : e.namespaceURI === W ? t.namespaceURI === U && !q[r] || t.namespaceURI === H && !K[r] ? !1 : !bt[n] && (mt[n] || !yt[n]) : !!(J === "application/xhtml+xml" && ft[e.namespaceURI]) : !1;
-	}, Z = function(e) {
+		return pt[e.namespaceURI] ? e.namespaceURI === H ? t.namespaceURI === U ? n === "svg" : t.namespaceURI === V ? n === "svg" && (r === "annotation-xml" || G[r]) : !!bt[n] : e.namespaceURI === V ? t.namespaceURI === U ? n === "math" : t.namespaceURI === H ? n === "math" && K[r] : !!xt[n] : e.namespaceURI === U ? t.namespaceURI === H && !K[r] || t.namespaceURI === V && !G[r] ? !1 : !xt[n] && (ht[n] || !bt[n]) : !!(q === "application/xhtml+xml" && pt[e.namespaceURI]) : !1;
+	}, X = function(e) {
 		arrayPush(n.removed, { element: e });
 		try {
 			h(e).removeChild(e);
 		} catch {
 			Be(e);
 		}
-	}, Q = function(e, t) {
+	}, Z = function(e, t) {
 		try {
 			arrayPush(n.removed, {
 				attribute: t.getAttributeNode(e),
@@ -351,55 +344,55 @@ function createDOMPurify() {
 				from: t
 			});
 		}
-		if (t.removeAttribute(e), e === "is") if (P || F) try {
-			Z(t);
+		if (t.removeAttribute(e), e === "is") if (F || I) try {
+			X(t);
 		} catch {}
 		else try {
 			t.setAttribute(e, "");
 		} catch {}
-	}, St = function(e) {
+	}, Ct = function(e) {
 		let t = null, n = null;
-		if (it) e = "<remove></remove>" + e;
+		if (P) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			n = t && t[0];
 		}
-		J === "application/xhtml+xml" && G === W && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		q === "application/xhtml+xml" && W === U && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
 		let i = g ? g.createHTML(e) : e;
-		if (G === W) try {
-			t = new Re().parseFromString(i, J);
+		if (W === U) try {
+			t = new Re().parseFromString(i, q);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = v.createDocument(G, "template", null);
+			t = v.createDocument(W, "template", null);
 			try {
-				t.documentElement.innerHTML = dt ? _ : i;
+				t.documentElement.innerHTML = ft ? _ : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && n && a.insertBefore(r.createTextNode(n), a.childNodes[0] || null), G === W ? Ge.call(t, M ? "html" : "body")[0] : M ? t.documentElement : a;
-	}, Ct = function(e) {
-		return Ue.call(e.ownerDocument || e, e, f.SHOW_ELEMENT | f.SHOW_COMMENT | f.SHOW_TEXT | f.SHOW_PROCESSING_INSTRUCTION | f.SHOW_CDATA_SECTION, null);
+		return e && n && a.insertBefore(r.createTextNode(n), a.childNodes[0] || null), W === U ? Ge.call(t, M ? "html" : "body")[0] : M ? t.documentElement : a;
 	}, wt = function(e) {
-		return e instanceof Le && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof Ie) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
+		return Ue.call(e.ownerDocument || e, e, f.SHOW_ELEMENT | f.SHOW_COMMENT | f.SHOW_TEXT | f.SHOW_PROCESSING_INSTRUCTION | f.SHOW_CDATA_SECTION, null);
 	}, Tt = function(e) {
+		return e instanceof Le && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof Ie) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
+	}, Q = function(e) {
 		return typeof d == "function" && e instanceof d;
 	};
 	function $(e, t, r) {
 		arrayForEach(e, (e) => {
-			e.call(n, t, r, X);
+			e.call(n, t, r, Y);
 		});
 	}
 	let Et = function(e) {
 		let t = null;
-		if ($(y.beforeSanitizeElements, e, null), wt(e)) return Z(e), !0;
-		let r = Y(e.nodeName);
+		if ($(y.beforeSanitizeElements, e, null), Tt(e)) return X(e), !0;
+		let r = J(e.nodeName);
 		if ($(y.uponSanitizeElement, e, {
 			tagName: r,
 			allowedTags: C
-		}), j && e.hasChildNodes() && !Tt(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || j && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return Z(e), !0;
-		if (!(O.tagCheck instanceof Function && O.tagCheck(r)) && (!C[r] || E[r])) {
+		}), j && e.hasChildNodes() && !Q(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || j && e.namespaceURI === U && r === "style" && Q(e.firstElementChild) || e.nodeType === NODE_TYPE.progressingInstruction || j && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return X(e), !0;
+		if (E[r] || !(O.tagCheck instanceof Function && O.tagCheck(r)) && !C[r]) {
 			if (!E[r] && Ot(r) && (T.tagNameCheck instanceof RegExp && regExpTest(T.tagNameCheck, r) || T.tagNameCheck instanceof Function && T.tagNameCheck(r))) return !1;
-			if (L && !B[r]) {
+			if (ot && !B[r]) {
 				let t = h(e) || e.parentNode, n = He(e) || e.childNodes;
 				if (n && t) {
 					let r = n.length;
@@ -409,9 +402,9 @@ function createDOMPurify() {
 					}
 				}
 			}
-			return Z(e), !0;
+			return X(e), !0;
 		}
-		return e instanceof Fe && !xt(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (Z(e), !0) : (A && e.nodeType === NODE_TYPE.text && (t = e.textContent, arrayForEach([
+		return e instanceof Fe && !St(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (X(e), !0) : (A && e.nodeType === NODE_TYPE.text && (t = e.textContent, arrayForEach([
 			b,
 			x,
 			S
@@ -419,11 +412,11 @@ function createDOMPurify() {
 			t = stringReplace(t, e, " ");
 		}), e.textContent !== t && (arrayPush(n.removed, { element: e.cloneNode() }), e.textContent = t)), $(y.afterSanitizeElements, e, null), !1);
 	}, Dt = function(e, t, n) {
-		if (D[t] || at && (t === "id" || t === "name") && (n in r || n in gt)) return !1;
+		if (D[t] || it && (t === "id" || t === "name") && (n in r || n in _t)) return !1;
 		if (!(k && !D[t] && regExpTest(qe, t)) && !(tt && regExpTest(Je, t)) && !(O.attributeCheck instanceof Function && O.attributeCheck(t, e))) {
 			if (!w[t] || D[t]) {
 				if (!(Ot(e) && (T.tagNameCheck instanceof RegExp && regExpTest(T.tagNameCheck, e) || T.tagNameCheck instanceof Function && T.tagNameCheck(e)) && (T.attributeNameCheck instanceof RegExp && regExpTest(T.attributeNameCheck, t) || T.attributeNameCheck instanceof Function && T.attributeNameCheck(t, e)) || t === "is" && T.allowCustomizedBuiltInElements && (T.tagNameCheck instanceof RegExp && regExpTest(T.tagNameCheck, n) || T.tagNameCheck instanceof Function && T.tagNameCheck(n)))) return !1;
-			} else if (!lt[t] && !regExpTest(Qe, stringReplace(n, Xe, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(n, "data:") === 0 && st[e]) && !(nt && !regExpTest(Ye, stringReplace(n, Xe, ""))) && n) return !1;
+			} else if (!ut[t] && !regExpTest(Qe, stringReplace(n, Xe, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(n, "data:") === 0 && ct[e]) && !(nt && !regExpTest(Ye, stringReplace(n, Xe, ""))) && n) return !1;
 		}
 		return !0;
 	}, Ot = function(e) {
@@ -431,7 +424,7 @@ function createDOMPurify() {
 	}, kt = function(e) {
 		$(y.beforeSanitizeAttributes, e, null);
 		let { attributes: t } = e;
-		if (!t || wt(e)) return;
+		if (!t || Tt(e)) return;
 		let r = {
 			attrName: "",
 			attrValue: "",
@@ -440,22 +433,22 @@ function createDOMPurify() {
 			forceKeepAttr: void 0
 		}, i = t.length;
 		for (; i--;) {
-			let { name: a, namespaceURI: o, value: s } = t[i], c = Y(a), l = s, u = a === "value" ? l : stringTrim(l);
-			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(y.uponSanitizeAttribute, e, r), u = r.attrValue, ot && (c === "id" || c === "name") && (Q(a, e), u = "user-content-" + u), j && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, u)) {
-				Q(a, e);
+			let { name: a, namespaceURI: o, value: s } = t[i], c = J(a), l = s, u = a === "value" ? l : stringTrim(l);
+			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(y.uponSanitizeAttribute, e, r), u = r.attrValue, at && (c === "id" || c === "name") && (Z(a, e), u = "user-content-" + u), j && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, u)) {
+				Z(a, e);
 				continue;
 			}
 			if (c === "attributename" && stringMatch(u, "href")) {
-				Q(a, e);
+				Z(a, e);
 				continue;
 			}
 			if (r.forceKeepAttr) continue;
 			if (!r.keepAttr) {
-				Q(a, e);
+				Z(a, e);
 				continue;
 			}
 			if (!rt && regExpTest(/\/>/i, u)) {
-				Q(a, e);
+				Z(a, e);
 				continue;
 			}
 			A && arrayForEach([
@@ -465,9 +458,9 @@ function createDOMPurify() {
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
-			let Pe = Y(e.nodeName);
+			let Pe = J(e.nodeName);
 			if (!Dt(Pe, c, u)) {
-				Q(a, e);
+				Z(a, e);
 				continue;
 			}
 			if (g && typeof p == "object" && typeof p.getAttributeType == "function" && !o) switch (p.getAttributeType(Pe, c)) {
@@ -479,39 +472,50 @@ function createDOMPurify() {
 					break;
 			}
 			if (u !== l) try {
-				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), wt(e) ? Z(e) : arrayPop(n.removed);
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), Tt(e) ? X(e) : arrayPop(n.removed);
 			} catch {
-				Q(a, e);
+				Z(a, e);
 			}
 		}
 		$(y.afterSanitizeAttributes, e, null);
-	}, At = function e(t) {
-		let n = null, r = Ct(t);
-		for ($(y.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) $(y.uponSanitizeShadowNode, n, null), Et(n), kt(n), n.content instanceof c && e(n.content);
-		$(y.afterSanitizeShadowDOM, t, null);
+	}, At = function(e) {
+		let t = null, n = wt(e);
+		for ($(y.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) $(y.uponSanitizeShadowNode, t, null), Et(t), kt(t), t.content instanceof c && At(t.content);
+		$(y.afterSanitizeShadowDOM, e, null);
 	};
 	return n.sanitize = function(e) {
 		let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = null, a = null, o = null, s = null;
-		if (dt = !e, dt && (e = "<!-->"), typeof e != "string" && !Tt(e)) if (typeof e.toString == "function") {
+		if (ft = !e, ft && (e = "<!-->"), typeof e != "string" && !Q(e)) if (typeof e.toString == "function") {
 			if (e = e.toString(), typeof e != "string") throw typeErrorCreate("dirty is not a string, aborting");
 		} else throw typeErrorCreate("toString is not a function");
 		if (!n.isSupported) return e;
-		if (N || vt(t), n.removed = [], typeof e == "string" && (R = !1), R) {
+		if (N || yt(t), n.removed = [], typeof e == "string" && (R = !1), R) {
 			if (e.nodeName) {
-				let t = Y(e.nodeName);
+				let t = J(e.nodeName);
 				if (!C[t] || E[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
 			}
-		} else if (e instanceof d) r = St("<!---->"), a = r.ownerDocument.importNode(e, !0), a.nodeType === NODE_TYPE.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? r = a : r.appendChild(a);
+		} else if (e instanceof d) r = Ct("<!---->"), a = r.ownerDocument.importNode(e, !0), a.nodeType === NODE_TYPE.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? r = a : r.appendChild(a);
 		else {
-			if (!P && !A && !M && e.indexOf("<") === -1) return g && I ? g.createHTML(e) : e;
-			if (r = St(e), !r) return P ? null : I ? _ : "";
+			if (!F && !A && !M && e.indexOf("<") === -1) return g && L ? g.createHTML(e) : e;
+			if (r = Ct(e), !r) return F ? null : L ? _ : "";
 		}
-		r && it && Z(r.firstChild);
-		let l = Ct(R ? e : r);
+		r && P && X(r.firstChild);
+		let l = wt(R ? e : r);
 		for (; o = l.nextNode();) Et(o), kt(o), o.content instanceof c && At(o.content);
 		if (R) return e;
-		if (P) {
-			if (F) for (s = We.call(r.ownerDocument); r.firstChild;) s.appendChild(r.firstChild);
+		if (F) {
+			if (A) {
+				r.normalize();
+				let e = r.innerHTML;
+				arrayForEach([
+					b,
+					x,
+					S
+				], (t) => {
+					e = stringReplace(e, t, " ");
+				}), r.innerHTML = e;
+			}
+			if (I) for (s = We.call(r.ownerDocument); r.firstChild;) s.appendChild(r.firstChild);
 			else s = r;
 			return (w.shadowroot || w.shadowrootmode) && (s = Ke.call(i, s, !0)), s;
 		}
@@ -522,13 +526,13 @@ function createDOMPurify() {
 			S
 		], (e) => {
 			u = stringReplace(u, e, " ");
-		}), g && I ? g.createHTML(u) : u;
+		}), g && L ? g.createHTML(u) : u;
 	}, n.setConfig = function() {
-		vt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), N = !0;
+		yt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), N = !0;
 	}, n.clearConfig = function() {
-		X = null, N = !1;
+		Y = null, N = !1;
 	}, n.isValidAttribute = function(e, t, n) {
-		return X || vt({}), Dt(Y(e), Y(t), n);
+		return Y || yt({}), Dt(J(e), J(t), n);
 	}, n.addHook = function(e, t) {
 		typeof t == "function" && arrayPush(y[e], t);
 	}, n.removeHook = function(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.26.1",
+  "version": "0.28.0",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fontsource/roboto": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
-    "@loopstack/contracts": "^0.27.0",
+    "@loopstack/contracts": "^0.29.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",

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

@@ -1,96 +0,0 @@
-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/loopstack-elements/tool.js";
-import { c } from "react/compiler-runtime";
-import { Fragment } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CopyIcon } from "lucide-react";
-var ClaudeMessage_default = (y) => {
-	let b = c(19), { document: x } = y, S = x.content, C = S.id ?? x.id, w, T, E;
-	if (b[0] !== S.content || b[1] !== S.role || b[2] !== S.toolResults || b[3] !== C) {
-		E = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			let _ = /* @__PURE__ */ new Map();
-			if (S.toolResults) for (let n of S.toolResults) _.set(n.tool_use_id, n);
-			if (typeof S.content == "string") {
-				let m;
-				b[7] === S.content ? m = b[8] : (m = /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: S.content }) }), b[7] = S.content, b[8] = m);
-				let h;
-				b[9] !== S.content || b[10] !== S.role ? (h = S.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
-					onClick: () => void navigator.clipboard.writeText(S.content),
-					label: "Copy",
-					children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
-				}) }), b[9] = S.content, b[10] = S.role, b[11] = h) : h = b[11];
-				let g;
-				b[12] !== S.role || b[13] !== m || b[14] !== h ? (g = /* @__PURE__ */ jsxs(Message, {
-					from: S.role,
-					children: [m, h]
-				}), b[12] = S.role, b[13] = m, b[14] = h, b[15] = g) : g = b[15], E = g;
-				break bb0;
-			}
-			let y = S.content;
-			w = Fragment, T = y.map((v, y) => {
-				switch (v.type) {
-					case "text": return /* @__PURE__ */ jsxs(Message, {
-						from: S.role,
-						children: [/* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: v.text }) }), S.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
-							onClick: () => void navigator.clipboard.writeText(v.text),
-							label: "Copy",
-							children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
-						}) })]
-					}, `${C}-${y}`);
-					case "thinking": return /* @__PURE__ */ jsxs(Reasoning, {
-						className: "w-full",
-						isStreaming: !1,
-						children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: v.thinking })]
-					}, `${C}-${y}`);
-					case "tool_use": {
-						let f = _.get(v.id), p;
-						if (f) try {
-							p = JSON.parse(f.content);
-						} catch {
-							p = f.content;
-						}
-						return /* @__PURE__ */ jsx(Message, {
-							from: "assistant",
-							children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-								state: f ? f.is_error ? "output-error" : "output-available" : "input-available",
-								title: v.name,
-								type: "tool-call"
-							}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: v.input }), f && /* @__PURE__ */ jsx(ToolOutput, {
-								output: p,
-								errorText: f.is_error ? f.content : ""
-							})] })] })
-						}, `${C}-${y}`);
-					}
-					case "tool_result": {
-						if (_.size > 0) return null;
-						let f;
-						try {
-							f = JSON.parse(v.content);
-						} catch {
-							f = v.content;
-						}
-						return /* @__PURE__ */ jsx(Message, {
-							from: "assistant",
-							children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-								state: v.is_error ? "output-error" : "output-available",
-								title: "Tool Result",
-								type: "tool-result"
-							}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolOutput, {
-								output: f,
-								errorText: v.is_error ? v.content : ""
-							}) })] })
-						}, `${C}-${y}`);
-					}
-					default: return null;
-				}
-			});
-		}
-		b[0] = S.content, b[1] = S.role, b[2] = S.toolResults, b[3] = C, b[4] = w, b[5] = T, b[6] = E;
-	} else w = b[4], T = b[5], E = b[6];
-	if (E !== Symbol.for("react.early_return_sentinel")) return E;
-	let D;
-	return b[16] !== w || b[17] !== T ? (D = /* @__PURE__ */ jsx(w, { children: T }), b[16] = w, b[17] = T, b[18] = D) : D = b[18], D;
-};
-export { ClaudeMessage_default as default };