@loopstack/loopstack-studio 0.24.0 → 0.25.1

package/dist/components/lists/ListView.js

@@ -1,113 +1,25 @@
-import { DataTable } from "../data-table/DataTable.js";
-import { c } from "react/compiler-runtime";
-import React, { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-var ListView_default = (t) => {
-	let n = c(61), { loading: r, error: i, items: a, totalItems: o, columns: s, filterConfig: l, deleteItem: u, onClick: d, handleNew: f, handleEdit: p, setPage: m, setRowsPerPage: h, setOrderBy: g, setOrder: _, setSearchTerm: v, setFilters: ae, orderBy: oe, order: se, searchTerm: ce, filters: y, page: b, rowsPerPage: x, batchActions: S, batchDelete: C, enableBatchActions: le, rowActions: w, deleteConfirmTitle: T, deleteConfirmDescription: E, newButtonLabel: D } = t, O = ce === void 0 ? "" : ce, k;
-	n[0] === S ? k = n[1] : (k = S === void 0 ? [] : S, n[0] = S, n[1] = k);
-	let A = k, j = le === void 0 ? !0 : le, M;
-	n[2] === w ? M = n[3] : (M = w === void 0 ? [] : w, n[2] = w, n[3] = M);
-	let N = M, P;
-	n[4] === s ? P = n[5] : (P = s.map(_temp), n[4] = s, n[5] = P);
-	let F = P, I;
-	n[6] === A ? I = n[7] : (I = A.map(_temp2), n[6] = A, n[7] = I);
-	let ue = I, L;
-	n[8] === N ? L = n[9] : (L = N.map(_temp3), n[8] = N, n[9] = L);
-	let R = L, z;
-	n[10] === m ? z = n[11] : (z = (e) => {
-		m(e);
-	}, n[10] = m, n[11] = z);
-	let B = z, V;
-	n[12] !== m || n[13] !== h ? (V = (e) => {
-		h(e), m(0);
-	}, n[12] = m, n[13] = h, n[14] = V) : V = n[14];
-	let H = V, U;
-	n[15] !== _ || n[16] !== g ? (U = (e, ie) => {
-		g(e), _(ie);
-	}, n[15] = _, n[16] = g, n[17] = U) : U = n[17];
-	let W = U, G;
-	n[18] !== m || n[19] !== v ? (G = (e) => {
-		v(e), m(0);
-	}, n[18] = m, n[19] = v, n[20] = G) : G = n[20];
-	let K = G, q;
-	n[21] !== ae || n[22] !== m ? (q = (e) => {
-		ae(e), m(0);
-	}, n[21] = ae, n[22] = m, n[23] = q) : q = n[23];
-	let J = q, Y;
-	n[24] === d ? Y = n[25] : (Y = (e) => {
-		d?.(e.id);
-	}, n[24] = d, n[25] = Y);
-	let de = Y, X;
-	n[26] === p ? X = n[27] : (X = (e) => {
-		p?.(e);
-	}, n[26] = p, n[27] = X);
-	let fe = X, Z;
-	n[28] === u ? Z = n[29] : (Z = (e) => {
-		u?.(e);
-	}, n[28] = u, n[29] = Z);
-	let pe = Z, Q;
-	n[30] === C ? Q = n[31] : (Q = async (e) => {
-		C && await C(e);
-	}, n[30] = C, n[31] = Q);
-	let me = Q, he = d ? de : void 0, ge = p ? fe : void 0, _e = u ? pe : void 0, $;
-	return n[32] !== E || n[33] !== T || n[34] !== j || n[35] !== i || n[36] !== l || n[37] !== y || n[38] !== me || n[39] !== J || n[40] !== f || n[41] !== B || n[42] !== H || n[43] !== K || n[44] !== W || n[45] !== a || n[46] !== r || n[47] !== D || n[48] !== se || n[49] !== oe || n[50] !== b || n[51] !== x || n[52] !== O || n[53] !== he || n[54] !== ge || n[55] !== _e || n[56] !== o || n[57] !== ue || n[58] !== F || n[59] !== R ? ($ = /* @__PURE__ */ jsx("div", {
-		className: "w-full",
-		children: /* @__PURE__ */ jsx(DataTable, {
-			data: a,
-			columns: F,
-			totalItems: o,
-			loading: r,
-			error: i,
-			page: b,
-			pageSize: x,
-			onPageChange: B,
-			onPageSizeChange: H,
-			sortBy: oe,
-			sortOrder: se,
-			onSortChange: W,
-			searchTerm: O,
-			onSearchChange: K,
-			filters: y,
-			filterConfig: l,
-			onFiltersChange: J,
-			onRowClick: he,
-			onEdit: ge,
-			onDelete: _e,
-			onNew: f,
-			newButtonLabel: D,
-			enableBatchActions: j,
-			batchActions: ue,
-			onBatchDelete: me,
-			rowActions: R,
-			deleteConfirmTitle: T,
-			deleteConfirmDescription: E
-		})
-	}), n[32] = E, n[33] = T, n[34] = j, n[35] = i, n[36] = l, n[37] = y, n[38] = me, n[39] = J, n[40] = f, n[41] = B, n[42] = H, n[43] = K, n[44] = W, n[45] = a, n[46] = r, n[47] = D, n[48] = se, n[49] = oe, n[50] = b, n[51] = x, n[52] = O, n[53] = he, n[54] = ge, n[55] = _e, n[56] = o, n[57] = ue, n[58] = F, n[59] = R, n[60] = $) : $ = n[60], $;
-};
-function _temp(e) {
-	return {
+import { DataTable as e } from "../data-table/DataTable.js";
+import { useCallback as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/lists/ListView.tsx
+var r = ({ loading: r, error: i, items: a, totalItems: o, columns: s, filterConfig: c, deleteItem: l, onClick: u, handleNew: d, handleEdit: f, setPage: p, setRowsPerPage: m, setOrderBy: h, setOrder: g, setSearchTerm: _, setFilters: v, orderBy: y, order: b, searchTerm: x = "", filters: S, page: C, rowsPerPage: w, batchActions: T = [], batchDelete: E, enableBatchActions: D = !0, rowActions: O = [], deleteConfirmTitle: k, deleteConfirmDescription: A, newButtonLabel: j }) => {
+	let M = s.map((e) => ({
 		id: e.id,
 		label: e.label,
 		minWidth: e.minWidth,
 		align: e.align,
 		sortable: !0,
-		format: e.format ? (ie) => {
-			let t = e.format(ie);
-			return typeof t == "string" && t.includes("<") ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: t } }) : t;
+		format: e.format ? (t) => {
+			let r = e.format(t);
+			return typeof r == "string" && r.includes("<") ? /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: r } }) : r;
 		} : void 0
-	};
-}
-function _temp2(e) {
-	return {
+	})), N = T.map((e) => ({
 		id: e.id,
 		label: e.label,
 		icon: e.icon,
 		variant: e.variant,
 		action: e.action
-	};
-}
-function _temp3(e) {
-	return {
+	})), P = O.map((e) => ({
 		id: e.id,
 		label: e.label,
 		icon: e.icon,
@@ -116,6 +28,58 @@ function _temp3(e) {
 		condition: e.condition,
 		disabled: e.disabled,
 		className: e.className
-	};
-}
-export { ListView_default as default };
+	})), F = t((e) => {
+		p(e);
+	}, [p]), I = t((e) => {
+		m(e), p(0);
+	}, [m, p]), L = t((e, t) => {
+		h(e), g(t);
+	}, [h, g]), R = t((e) => {
+		_(e), p(0);
+	}, [_, p]), z = t((e) => {
+		v(e), p(0);
+	}, [v, p]), B = t((e) => {
+		u?.(e.id);
+	}, [u]), V = t((e) => {
+		f?.(e);
+	}, [f]), H = t((e) => {
+		l?.(e);
+	}, [l]), U = t(async (e) => {
+		E && await E(e);
+	}, [E]);
+	return /* @__PURE__ */ n("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ n(e, {
+			data: a,
+			columns: M,
+			totalItems: o,
+			loading: r,
+			error: i,
+			page: C,
+			pageSize: w,
+			onPageChange: F,
+			onPageSizeChange: I,
+			sortBy: y,
+			sortOrder: b,
+			onSortChange: L,
+			searchTerm: x,
+			onSearchChange: R,
+			filters: S,
+			filterConfig: c,
+			onFiltersChange: z,
+			onRowClick: u ? B : void 0,
+			onEdit: f ? V : void 0,
+			onDelete: l ? H : void 0,
+			onNew: d,
+			newButtonLabel: j,
+			enableBatchActions: D,
+			batchActions: N,
+			onBatchDelete: U,
+			rowActions: P,
+			deleteConfirmTitle: k,
+			deleteConfirmDescription: A
+		})
+	});
+};
+//#endregion
+export { r as default };

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

@@ -1,115 +1,77 @@
 "use client";
-import { useStudio } from "../../providers/StudioProvider.js";
-import { cn } from "../../lib/utils.js";
-import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon, LinkIcon, icons } from "lucide-react";
-var EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize", PIPELINE_HREF_PATTERN = /^\/pipelines\/([a-zA-Z0-9_-]+)$/, link_default = (m) => {
-	let h = c(53), { className: g, href: _, label: v, caption: y, icon: b, type: x, embed: S, defaultExpanded: C, iconClassName: w } = m, { router: T } = useStudio(), [E, D] = useState(C ?? !1), [O, k] = useState(0), A = b && icons[b] ? icons[b] : LinkIcon, j;
-	h[0] !== _ || h[1] !== v ? (j = v || (() => {
-		if (!_) return "";
+import { useStudio as e } from "../../providers/StudioProvider.js";
+import { cn as t } from "../../lib/utils.js";
+import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../ui/tooltip.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ChevronDownIcon as l, ChevronUpIcon as u, ExternalLinkIcon as d, FolderClosedIcon as f, FolderOpenIcon as p } from "lucide-react";
+//#region src/components/loopstack-elements/link.tsx
+var m = "loopstack:embed:resize", h = {
+	pending: "text-muted-foreground",
+	success: "text-green-600",
+	failure: "text-red-600"
+}, g = /^\/workflows\/([a-zA-Z0-9_-]+)$/, _ = ({ className: _, href: v, label: y, status: b = "pending", embed: x, defaultExpanded: S }) => {
+	let { router: C } = e(), [w, T] = o(S ?? !1), [E, D] = o(0), O = y || (() => {
+		if (!v) return "";
 		try {
-			return new URL(_).hostname.replace("www.", "");
+			return new URL(v).hostname.replace("www.", "");
 		} catch {
-			return _;
+			return v;
 		}
-	})(), h[0] = _, h[1] = v, h[2] = j) : j = h[2];
-	let M = j, N = x === "success", P, F;
-	h[3] !== S || h[4] !== _ || h[5] !== T ? (P = _?.match(PIPELINE_HREF_PATTERN)?.[1] ?? null, F = S === !0 && P != null ? T.getEmbedPipeline(P) : null, h[3] = S, h[4] = _, h[5] = T, h[6] = P, h[7] = F) : (P = h[6], F = h[7]);
-	let I = F, L, R;
-	h[8] !== E || h[9] !== P ? (L = () => {
-		if (!P || !E) return;
-		let t = (t) => {
-			if (t.origin !== window.location.origin) return;
-			let f = t.data;
-			if (f?.type !== EMBED_RESIZE_MESSAGE_TYPE || f?.pipelineId !== P) return;
-			let p = f?.height;
-			typeof p == "number" && p > 0 && k(p);
+	})(), k = v?.match(g)?.[1] ?? null, A = x === !0 && k != null ? C.getEmbedWorkflow(k) : null;
+	return a(() => {
+		if (!k || !w) return;
+		let e = (e) => {
+			if (e.origin !== window.location.origin) return;
+			let t = e.data;
+			if (t?.type !== m || t?.workflowId !== k) return;
+			let n = t?.height;
+			typeof n == "number" && n > 0 && D(n);
 		};
-		return window.addEventListener("message", t), () => window.removeEventListener("message", t);
-	}, R = [P, E], h[8] = E, h[9] = P, h[10] = L, h[11] = R) : (L = h[10], R = h[11]), useEffect(L, R);
-	let z;
-	h[12] === g ? z = h[13] : (z = cn("not-prose flex w-full flex-col rounded-md border bg-background", g), h[12] = g, h[13] = z);
-	let B = N ? "bg-green-50 text-green-600 border-green-200" : "text-muted-foreground bg-muted/50", V;
-	h[14] === B ? V = h[15] : (V = cn("flex size-8 shrink-0 items-center justify-center rounded-md border", B), h[14] = B, h[15] = V);
-	let H;
-	h[16] === w ? H = h[17] : (H = cn("size-4", w), h[16] = w, h[17] = H);
-	let U;
-	h[18] !== A || h[19] !== H ? (U = /* @__PURE__ */ jsx(A, { className: H }), h[18] = A, h[19] = H, h[20] = U) : U = h[20];
-	let W;
-	h[21] !== V || h[22] !== U ? (W = /* @__PURE__ */ jsx("div", {
-		className: V,
-		children: U
-	}), h[21] = V, h[22] = U, h[23] = W) : W = h[23];
-	let G;
-	h[24] === M ? G = h[25] : (G = /* @__PURE__ */ jsx("span", {
-		className: "truncate text-sm font-medium",
-		children: M
-	}), h[24] = M, h[25] = G);
-	let K;
-	h[26] !== y || h[27] !== _ ? (K = y ? /* @__PURE__ */ jsx("span", {
-		className: "text-muted-foreground truncate text-xs",
-		children: y
-	}) : _ && /* @__PURE__ */ jsx("a", {
-		href: _,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: "text-muted-foreground truncate text-xs hover:underline",
-		children: _
-	}), h[26] = y, h[27] = _, h[28] = K) : K = h[28];
-	let q;
-	h[29] !== G || h[30] !== K ? (q = /* @__PURE__ */ jsxs("div", {
-		className: "flex min-w-0 flex-1 flex-col",
-		children: [G, K]
-	}), h[29] = G, h[30] = K, h[31] = q) : q = h[31];
-	let J;
-	h[32] !== I || h[33] !== E ? (J = I && /* @__PURE__ */ jsx("button", {
-		type: "button",
-		onClick: () => D(_temp),
-		className: "text-muted-foreground hover:text-foreground flex size-7 items-center justify-center rounded-md transition-colors hover:bg-muted/50",
-		children: jsx(E ? ChevronUpIcon : ChevronDownIcon, { className: "size-4" })
-	}), h[32] = I, h[33] = E, h[34] = J) : J = h[34];
-	let Y;
-	h[35] === _ ? Y = h[36] : (Y = _ && /* @__PURE__ */ jsx("a", {
-		href: _,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: "text-muted-foreground hover:text-foreground flex size-7 items-center justify-center rounded-md transition-colors hover:bg-muted/50",
-		children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-4" })
-	}), h[35] = _, h[36] = Y);
-	let X;
-	h[37] !== J || h[38] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
-		className: "flex shrink-0 items-center gap-1",
-		children: [J, Y]
-	}), h[37] = J, h[38] = Y, h[39] = X) : X = h[39];
-	let Z;
-	h[40] !== W || h[41] !== q || h[42] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center gap-3 p-3",
-		children: [
-			W,
-			q,
-			X
-		]
-	}), h[40] = W, h[41] = q, h[42] = X, h[43] = Z) : Z = h[43];
-	let Q;
-	h[44] !== M || h[45] !== I || h[46] !== E || h[47] !== O ? (Q = E && I && /* @__PURE__ */ jsx("div", {
-		className: "border-t",
-		children: /* @__PURE__ */ jsx("iframe", {
-			src: I,
-			className: "w-full overflow-hidden border-0",
-			style: { height: `${O}px` },
-			scrolling: "no",
-			title: M
-		})
-	}), h[44] = M, h[45] = I, h[46] = E, h[47] = O, h[48] = Q) : Q = h[48];
-	let $;
-	return h[49] !== Z || h[50] !== Q || h[51] !== z ? ($ = /* @__PURE__ */ jsxs("div", {
-		className: z,
-		children: [Z, Q]
-	}), h[49] = Z, h[50] = Q, h[51] = z, h[52] = $) : $ = h[52], $;
+		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+	}, [k, w]), /* @__PURE__ */ c("div", {
+		className: t("not-prose flex w-full cursor-pointer flex-col", _),
+		onClick: () => A && T((e) => !e),
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex w-full items-center gap-1.5 py-1",
+			children: [
+				/* @__PURE__ */ c(n, { children: [/* @__PURE__ */ s(i, {
+					asChild: !0,
+					children: /* @__PURE__ */ s("span", {
+						className: t("flex shrink-0 items-center", h[b]),
+						children: s(w ? p : f, { className: "size-4" })
+					})
+				}), /* @__PURE__ */ s(r, {
+					side: "top",
+					children: w ? "Collapse" : "Expand"
+				})] }),
+				/* @__PURE__ */ s("span", {
+					className: t("min-w-0 flex-1 truncate text-sm", w ? "font-medium" : "text-muted-foreground"),
+					children: O
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex shrink-0 items-center gap-1",
+					children: [v && /* @__PURE__ */ s("a", {
+						href: v,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						onClick: (e) => e.stopPropagation(),
+						className: "text-muted-foreground hover:text-foreground flex items-center justify-center transition-colors",
+						children: /* @__PURE__ */ s(d, { className: "size-3.5" })
+					}), A && s(w ? u : l, { className: "text-muted-foreground size-3.5" })]
+				})
+			]
+		}), w && A && /* @__PURE__ */ s("div", {
+			className: "mt-2 border-t",
+			children: /* @__PURE__ */ s("iframe", {
+				src: A,
+				className: "w-full overflow-hidden border-0",
+				style: { height: `${E}px` },
+				scrolling: "no",
+				title: O
+			})
+		})]
+	});
 };
-function _temp(t) {
-	return !t;
-}
-export { link_default as default };
+//#endregion
+export { _ as default };

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

@@ -0,0 +1,99 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r } from "../ui/collapsible.js";
+import { Tooltip as i, TooltipContent as a, TooltipTrigger as o } from "../ui/tooltip.js";
+import { CodeBlock as s } from "../ai-elements/code-block.js";
+import { isValidElement as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { CheckCircleIcon as d, ChevronDownIcon as f, CircleIcon as p, ClockIcon as m, XCircleIcon as h } from "lucide-react";
+//#region src/components/loopstack-elements/tool.tsx
+var g = ({ className: n, ...r }) => /* @__PURE__ */ l(t, {
+	className: e("not-prose mt-3 w-full", n),
+	...r
+}), _ = {
+	"input-streaming": {
+		label: "Pending",
+		icon: /* @__PURE__ */ l(p, { className: "size-4" })
+	},
+	"input-available": {
+		label: "Running",
+		icon: /* @__PURE__ */ l(m, { className: "size-4 animate-pulse" })
+	},
+	"approval-requested": {
+		label: "Awaiting Approval",
+		icon: /* @__PURE__ */ l(m, { className: "size-4 text-yellow-600" })
+	},
+	"approval-responded": {
+		label: "Responded",
+		icon: /* @__PURE__ */ l(d, { className: "size-4 text-blue-600" })
+	},
+	"output-available": {
+		label: "Completed",
+		icon: /* @__PURE__ */ l(d, { className: "size-4 text-green-600" })
+	},
+	"output-error": {
+		label: "Error",
+		icon: /* @__PURE__ */ l(h, { className: "size-4 text-red-600" })
+	},
+	"output-denied": {
+		label: "Denied",
+		icon: /* @__PURE__ */ l(h, { className: "size-4 text-orange-600" })
+	}
+}, v = ({ className: t, title: n, type: s, state: c, ...d }) => /* @__PURE__ */ u(r, {
+	className: e("flex w-full items-center justify-between gap-3 py-1", t),
+	...d,
+	children: [/* @__PURE__ */ u("div", {
+		className: "flex items-center gap-1.5",
+		children: [/* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(o, {
+			asChild: !0,
+			children: /* @__PURE__ */ l("span", {
+				className: "text-muted-foreground flex shrink-0 items-center",
+				children: _[c].icon
+			})
+		}), /* @__PURE__ */ l(a, {
+			side: "top",
+			children: _[c].label
+		})] }), /* @__PURE__ */ l("span", {
+			className: "text-muted-foreground text-sm",
+			children: n ?? s.split("-").slice(1).join("-")
+		})]
+	}), /* @__PURE__ */ l(f, { className: "text-muted-foreground size-4 transition-transform group-data-[state=open]:rotate-180" })]
+}), y = ({ className: t, ...r }) => /* @__PURE__ */ l(n, {
+	className: e("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", t),
+	...r
+}), b = ({ className: t, input: n, ...r }) => /* @__PURE__ */ u("div", {
+	className: e("space-y-2 overflow-hidden py-2", t),
+	...r,
+	children: [/* @__PURE__ */ l("h4", {
+		className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+		children: "Parameters"
+	}), /* @__PURE__ */ l("div", {
+		className: "bg-muted/50 rounded-md",
+		children: /* @__PURE__ */ l(s, {
+			code: JSON.stringify(n, null, 2),
+			language: "json"
+		})
+	})]
+}), x = ({ className: t, output: n, errorText: r, ...i }) => {
+	if (!(n || r)) return null;
+	let a = /* @__PURE__ */ l("div", { children: n });
+	return typeof n == "object" && !c(n) ? a = /* @__PURE__ */ l(s, {
+		code: JSON.stringify(n, null, 2),
+		language: "json"
+	}) : typeof n == "string" && (a = /* @__PURE__ */ l(s, {
+		code: n,
+		language: "json"
+	})), /* @__PURE__ */ u("div", {
+		className: e("space-y-2 py-2", t),
+		...i,
+		children: [/* @__PURE__ */ l("h4", {
+			className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+			children: r ? "Error" : "Result"
+		}), /* @__PURE__ */ u("div", {
+			className: e("overflow-x-auto rounded-md text-xs [&_table]:w-full", r ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
+			children: [r && /* @__PURE__ */ l("div", { children: r }), a]
+		})]
+	});
+};
+//#endregion
+export { g as Tool, y as ToolContent, v as ToolHeader, b as ToolInput, x as ToolOutput };

package/dist/components/messages/CompletionMessagePaper.js

@@ -1,11 +1,10 @@
-import { cn } from "../../lib/utils.js";
-import { Card } from "../ui/card.js";
-import { c } from "react/compiler-runtime";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CompletionMessagePaper_default = (s) => {
-	let l = c(38), { role: u, children: d, timestamp: f, metadata: p, fullWidth: m, className: h } = s, g = m === void 0 ? !1 : m, _;
-	l[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+import { cn as e } from "../../lib/utils.js";
+import { Card as t } from "../ui/card.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/messages/CompletionMessagePaper.tsx
+var i = ({ role: i, children: a, timestamp: o, metadata: s, fullWidth: c = !1, className: l }) => {
+	let u = {
 		system: {
 			color: "#efb108",
 			align: "left"
@@ -30,81 +29,50 @@ var CompletionMessagePaper_default = (s) => {
 			color: "#dc0d33",
 			align: "left"
 		}
-	}, l[0] = _) : _ = l[0];
-	let v = _, y = (u ? v[u] : void 0) ?? v.assistant, b = u === "user", x = _temp, S = b ? "justify-end" : "justify-start", C;
-	l[1] !== h || l[2] !== S ? (C = cn("animate-in fade-in mb-1 flex flex-row items-start duration-300", S, h), l[1] = h, l[2] = S, l[3] = C) : C = l[3];
-	let w = g ? "w-full max-w-full" : "w-auto max-w-[75%]", T = b ? "items-end" : "items-start", E;
-	l[4] !== w || l[5] !== T ? (E = cn("flex min-w-50 flex-col", w, T), l[4] = w, l[5] = T, l[6] = E) : E = l[6];
-	let D;
-	l[7] !== y || l[8] !== u ? (D = u ? /* @__PURE__ */ jsx("span", {
-		className: "text-xs font-semibold tracking-wider uppercase",
-		style: { color: y.color },
-		children: u
-	}) : "", l[7] = y, l[8] = u, l[9] = D) : D = l[9];
-	let O;
-	l[10] === f ? O = l[11] : (O = f && /* @__PURE__ */ jsx("span", {
-		className: "text-muted-foreground font-mono text-xs",
-		children: x(f)
-	}), l[10] = f, l[11] = O);
-	let k;
-	l[12] !== D || l[13] !== O ? (k = /* @__PURE__ */ jsxs("div", {
-		className: "mb-2 flex items-center gap-2 opacity-70",
-		children: [D, O]
-	}), l[12] = D, l[13] = O, l[14] = k) : k = l[14];
-	let A;
-	l[15] !== b || l[16] !== p ? (A = p && Object.keys(p).length > 0 && /* @__PURE__ */ jsx("div", {
-		className: cn("bg-muted mFax-w-full mb-2 rounded-md p-2", b ? "self-end" : "self-start"),
-		children: Object.entries(p).map(_temp2)
-	}), l[15] = b, l[16] = p, l[17] = A) : A = l[17];
-	let j = g ? "w-full" : "w-auto", M;
-	l[18] === j ? M = l[19] : (M = cn("relative max-w-full px-6 py-4 wrap-break-word shadow-none", j), l[18] = j, l[19] = M);
-	let N = b ? "user" : "text-foreground", P;
-	l[20] === N ? P = l[21] : (P = cn("leading-relaxed wrap-break-word whitespace-pre-wrap", N), l[20] = N, l[21] = P);
-	let F;
-	l[22] === d ? F = l[23] : (F = /* @__PURE__ */ jsx("div", {
-		className: "message-content",
-		children: d
-	}), l[22] = d, l[23] = F);
-	let I;
-	l[24] !== P || l[25] !== F ? (I = /* @__PURE__ */ jsx("div", {
-		className: P,
-		children: F
-	}), l[24] = P, l[25] = F, l[26] = I) : I = l[26];
-	let L;
-	l[27] !== M || l[28] !== I ? (L = /* @__PURE__ */ jsx(Card, {
-		className: M,
-		children: I
-	}), l[27] = M, l[28] = I, l[29] = L) : L = l[29];
-	let R;
-	l[30] !== k || l[31] !== A || l[32] !== L || l[33] !== E ? (R = /* @__PURE__ */ jsxs("div", {
-		className: E,
-		children: [
-			k,
-			A,
-			L
-		]
-	}), l[30] = k, l[31] = A, l[32] = L, l[33] = E, l[34] = R) : R = l[34];
-	let z;
-	return l[35] !== R || l[36] !== C ? (z = /* @__PURE__ */ jsx("div", {
-		className: C,
-		children: R
-	}), l[35] = R, l[36] = C, l[37] = z) : z = l[37], z;
-};
-function _temp(r) {
-	return r.toLocaleTimeString([], {
-		hour: "2-digit",
-		minute: "2-digit"
+	}, d = (i ? u[i] : void 0) ?? u.assistant, f = i === "user";
+	return /* @__PURE__ */ n("div", {
+		className: e("animate-in fade-in mb-1 flex flex-row items-start duration-300", f ? "justify-end" : "justify-start", l),
+		children: /* @__PURE__ */ r("div", {
+			className: e("flex min-w-50 flex-col", c ? "w-full max-w-full" : "w-auto max-w-[75%]", f ? "items-end" : "items-start"),
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "mb-2 flex items-center gap-2 opacity-70",
+					children: [i ? /* @__PURE__ */ n("span", {
+						className: "text-xs font-semibold tracking-wider uppercase",
+						style: { color: d.color },
+						children: i
+					}) : "", o && /* @__PURE__ */ n("span", {
+						className: "text-muted-foreground font-mono text-xs",
+						children: ((e) => e.toLocaleTimeString([], {
+							hour: "2-digit",
+							minute: "2-digit"
+						}))(o)
+					})]
+				}),
+				s && Object.keys(s).length > 0 && /* @__PURE__ */ n("div", {
+					className: e("bg-muted mFax-w-full mb-2 rounded-md p-2", f ? "self-end" : "self-start"),
+					children: Object.entries(s).map(([e, t]) => /* @__PURE__ */ r("div", {
+						className: "text-muted-foreground font-mono text-xs",
+						children: [
+							/* @__PURE__ */ r("strong", { children: [e, ":"] }),
+							" ",
+							String(t)
+						]
+					}, e))
+				}),
+				/* @__PURE__ */ n(t, {
+					className: e("relative max-w-full px-6 py-4 wrap-break-word shadow-none", c ? "w-full" : "w-auto"),
+					children: /* @__PURE__ */ n("div", {
+						className: e("leading-relaxed wrap-break-word whitespace-pre-wrap", f ? "user" : "text-foreground"),
+						children: /* @__PURE__ */ n("div", {
+							className: "message-content",
+							children: a
+						})
+					})
+				})
+			]
+		})
 	});
-}
-function _temp2(r) {
-	let [a, o] = r;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "text-muted-foreground font-mono text-xs",
-		children: [
-			/* @__PURE__ */ jsxs("strong", { children: [a, ":"] }),
-			" ",
-			String(o)
-		]
-	}, a);
-}
-export { CompletionMessagePaper_default as default };
+};
+//#endregion
+export { i as default };