@loopstack/loopstack-studio 0.25.1 → 0.25.2

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

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

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

@@ -1,79 +1,96 @@
-import { Message as e, MessageAction as t, MessageActions as n, MessageContent as r, MessageResponse as i } from "../../../components/ai-elements/message.js";
-import { Reasoning as a, ReasoningContent as o, ReasoningTrigger as s } from "../../../components/ai-elements/reasoning.js";
-import { Tool as c, ToolContent as l, ToolHeader as u, ToolInput as d, ToolOutput as f } from "../../../components/loopstack-elements/tool.js";
-import { Fragment as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { CopyIcon as g } from "lucide-react";
-//#region src/features/documents/renderers/ClaudeMessage.tsx
-var _ = ({ document: _ }) => {
-	let v = _.content, y = v.id ?? _.id, b = /* @__PURE__ */ new Map();
-	if (v.toolResults) for (let e of v.toolResults) b.set(e.tool_use_id, e);
-	if (typeof v.content == "string") return /* @__PURE__ */ h(e, {
-		from: v.role,
-		children: [/* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(i, { children: v.content }) }), v.role === "assistant" && /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(t, {
-			onClick: () => void navigator.clipboard.writeText(v.content),
-			label: "Copy",
-			children: /* @__PURE__ */ m(g, { className: "size-3" })
-		}) })]
-	});
-	let x = v.content;
-	return /* @__PURE__ */ m(p, { children: x.map((p, _) => {
-		switch (p.type) {
-			case "text": return /* @__PURE__ */ h(e, {
-				from: v.role,
-				children: [/* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(i, { children: p.text }) }), v.role === "assistant" && /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(t, {
-					onClick: () => void navigator.clipboard.writeText(p.text),
+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__ */ m(g, { className: "size-3" })
-				}) })]
-			}, `${y}-${_}`);
-			case "thinking": return /* @__PURE__ */ h(a, {
-				className: "w-full",
-				isStreaming: !1,
-				children: [/* @__PURE__ */ m(s, {}), /* @__PURE__ */ m(o, { children: p.thinking })]
-			}, `${y}-${_}`);
-			case "tool_use": {
-				let t = b.get(p.id), n;
-				if (t) try {
-					n = JSON.parse(t.content);
-				} catch {
-					n = t.content;
-				}
-				return /* @__PURE__ */ m(e, {
-					from: "assistant",
-					children: /* @__PURE__ */ h(c, { children: [/* @__PURE__ */ m(u, {
-						state: t ? t.is_error ? "output-error" : "output-available" : "input-available",
-						title: p.name,
-						type: "tool-call"
-					}), /* @__PURE__ */ h(l, { children: [/* @__PURE__ */ m(d, { input: p.input }), t && /* @__PURE__ */ m(f, {
-						output: n,
-						errorText: t.is_error ? t.content : ""
-					})] })] })
-				}, `${y}-${_}`);
+					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;
 			}
-			case "tool_result": {
-				if (b.size > 0) return null;
-				let t;
-				try {
-					t = JSON.parse(p.content);
-				} catch {
-					t = p.content;
+			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;
 				}
-				return /* @__PURE__ */ m(e, {
-					from: "assistant",
-					children: /* @__PURE__ */ h(c, { children: [/* @__PURE__ */ m(u, {
-						state: p.is_error ? "output-error" : "output-available",
-						title: "Tool Result",
-						type: "tool-result"
-					}), /* @__PURE__ */ m(l, { children: /* @__PURE__ */ m(f, {
-						output: t,
-						errorText: p.is_error ? p.content : ""
-					}) })] })
-				}, `${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;
 };
-//#endregion
-export { _ as default };
+export { ClaudeMessage_default as default };

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

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

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

@@ -1,26 +1,30 @@
-import { Collapsible as e, CollapsibleContent as t, CollapsibleTrigger as n } from "../../../components/ui/collapsible.js";
-import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { ChevronDown as a } from "lucide-react";
-//#region src/features/documents/renderers/DocumentDebugRenderer.tsx
-var o = ({ document: o }) => /* @__PURE__ */ r("div", {
-	className: "mx-3 mb-2 flex justify-end",
-	children: /* @__PURE__ */ i(e, {
-		className: "rounded-lg border-0 bg-gray-100 shadow-none",
-		children: [/* @__PURE__ */ i(n, {
-			className: "flex w-full items-center justify-between p-4 text-left",
-			children: [/* @__PURE__ */ r("span", {
-				className: "text-gray-500",
-				children: "Debug Info"
-			}), /* @__PURE__ */ r(a, { className: "h-4 w-4 text-gray-400" })]
-		}), /* @__PURE__ */ r(t, {
-			className: "px-4 pb-4",
-			children: /* @__PURE__ */ r("div", {
-				className: "max-w-full overflow-scroll",
-				children: /* @__PURE__ */ r("pre", { children: o.content })
-			})
-		})]
-	})
-});
-//#endregion
-export { o as default };
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+var DocumentDebugRenderer_default = (s) => {
+	let l = c(3), { document: u } = s, d;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		className: "flex w-full items-center justify-between p-4 text-left",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-gray-500",
+			children: "Debug Info"
+		}), /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })]
+	}), l[0] = d) : d = l[0];
+	let f;
+	return l[1] === u.content ? f = l[2] : (f = /* @__PURE__ */ jsx("div", {
+		className: "mx-3 mb-2 flex justify-end",
+		children: /* @__PURE__ */ jsxs(Collapsible, {
+			className: "rounded-lg border-0 bg-gray-100 shadow-none",
+			children: [d, /* @__PURE__ */ jsx(CollapsibleContent, {
+				className: "px-4 pb-4",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "max-w-full overflow-scroll",
+					children: /* @__PURE__ */ jsx("pre", { children: u.content })
+				})
+			})]
+		})
+	}), l[1] = u.content, l[2] = f), f;
+};
+export { DocumentDebugRenderer_default as default };