@loopstack/loopstack-studio 0.31.0 → 0.32.0

package/dist/features/documents/DocumentRenderer.js

@@ -48,7 +48,10 @@ var coreRendererRegistry = new Map([
 	["error", ({ document: e }) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: e })],
 	["plain", ({ document: e }) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: e })],
 	["markdown", ({ document: e }) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: e })],
-	["link", ({ document: e }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: e })],
+	["link", ({ workflow: e, document: _ }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, {
+		workflow: e,
+		document: _
+	})],
 	["oauth-prompt", ({ parentWorkflow: e, workflow: _, document: y, isActive: b }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
 		parentWorkflow: e,
 		workflow: _,

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

@@ -10,37 +10,38 @@ function summarizeDocumentContent(e) {
 	};
 	if (typeof e != "object") return { kind: "unknown" };
 	let t = e;
-	if ("role" in t && "content" in t) {
-		let e = String(t.role), n = typeof t.id == "string" ? t.id : void 0, r = typeof t.stopReason == "string" ? t.stopReason : void 0, i = t.content;
-		if (typeof i == "string") return {
-			kind: "ui-message",
-			role: e,
-			messageId: n,
-			stopReason: r,
-			charCount: i.length
-		};
-		if (Array.isArray(i)) {
-			let t = i, a = /* @__PURE__ */ new Map();
-			for (let e of t) {
-				let t = a.get(e.type) ?? {
+	if ("role" in t && ("text" in t || "blocks" in t)) {
+		let e = String(t.role), n = typeof t.id == "string" ? t.id : void 0, r = typeof t.stopReason == "string" ? t.stopReason : void 0, i = typeof t.text == "string" ? t.text : void 0, a = Array.isArray(t.blocks) ? t.blocks : void 0;
+		if (a && a.length > 0) {
+			let t = /* @__PURE__ */ new Map();
+			for (let e of a) {
+				let n = t.get(e.type) ?? {
 					count: 0,
 					labels: []
 				};
-				t.count += 1, (e.type === "tool_call" || e.type === "server_tool_use") && t.labels.push(e.name), a.set(e.type, t);
+				n.count += 1, (e.type === "tool_call" || e.type === "server_tool_use") && n.labels.push(e.name), t.set(e.type, n);
 			}
+			let o = a.reduce((e, t) => t.type === "text" || t.type === "thinking" ? e + t.text.length : t.type === "tool_result" ? e + t.content.length : e, 0);
 			return {
 				kind: "ui-message",
 				role: e,
 				messageId: n,
 				stopReason: r,
-				charCount: t.reduce((e, t) => t.type === "text" || t.type === "thinking" ? e + t.text.length : t.type === "tool_result" ? e + t.content.length : e, 0),
-				blocks: [...a.entries()].map(([e, { count: t, labels: n }]) => ({
+				charCount: i?.length ?? o,
+				blocks: [...t.entries()].map(([e, { count: t, labels: n }]) => ({
 					type: e,
 					count: t,
 					labels: n.length > 0 ? n : void 0
 				}))
 			};
 		}
+		return {
+			kind: "ui-message",
+			role: e,
+			messageId: n,
+			stopReason: r,
+			charCount: i?.length ?? 0
+		};
 	}
 	return {
 		kind: "object",

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

@@ -1,10 +1,22 @@
 import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
-import AiMessageContent_default from "./AiMessageContent.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-var DocumentMessageRenderer_default = (i) => {
-	let a = c(2), { document: o } = i, s = o.content, l;
-	return a[0] === s ? l = a[1] : (l = /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(AiMessageContent_default, { message: s }) }), a[0] = s, a[1] = l), l;
+var KNOWN_ROLES = [
+	"system",
+	"user",
+	"assistant",
+	"tool",
+	"error",
+	"document"
+], DocumentMessageRenderer_default = (a) => {
+	let o = c(5), { document: s } = a, { role: l, text: u } = s.content, d = KNOWN_ROLES.includes(l ?? "") ? l : void 0, f = u ?? "", p;
+	o[0] === f ? p = o[1] : (p = /* @__PURE__ */ jsx(MarkdownContent_default, { content: f }), o[0] = f, o[1] = p);
+	let m;
+	return o[2] !== d || o[3] !== p ? (m = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: d,
+		children: p
+	}), o[2] = d, o[3] = p, o[4] = m) : m = o[4], m;
 };
 export { DocumentMessageRenderer_default as default };

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

@@ -1,15 +1,28 @@
+import { useChildWorkflows } from "../../../hooks/useWorkflows.js";
+import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../../packages/contracts/dist/enums/index.js";
 import link_default from "../../../components/loopstack-elements/link.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-var LinkMessageRenderer_default = (r) => {
-	let i = c(6), { document: a } = r, { status: o, label: s, workflowId: l, embed: u, expanded: d } = a.content, f = l ? `/workflows/${l}` : void 0, p;
-	return i[0] !== u || i[1] !== d || i[2] !== f || i[3] !== s || i[4] !== o ? (p = /* @__PURE__ */ jsx(link_default, {
-		href: f,
-		label: s,
-		status: o,
-		embed: u,
-		defaultExpanded: d
-	}), i[0] = u, i[1] = d, i[2] = f, i[3] = s, i[4] = o, i[5] = p) : p = i[5], p;
+function mapWorkflowStateToStatus(e) {
+	switch (e) {
+		case WorkflowState.Completed: return "success";
+		case WorkflowState.Failed:
+		case WorkflowState.Canceled: return "failure";
+		default: return "pending";
+	}
+}
+var LinkMessageRenderer_default = (a) => {
+	let o = c(9), { workflow: s, document: l } = a, { label: u, workflowId: d, embed: f, expanded: p } = l.content, m = d ? `/workflows/${d}` : void 0, h = useChildWorkflows(s.id), g;
+	o[0] !== h || o[1] !== d ? (g = mapWorkflowStateToStatus((d ? h.data?.find((e) => e.id === d) : void 0)?.status), o[0] = h, o[1] = d, o[2] = g) : g = o[2];
+	let _ = g, v;
+	return o[3] !== f || o[4] !== p || o[5] !== m || o[6] !== u || o[7] !== _ ? (v = /* @__PURE__ */ jsx(link_default, {
+		href: m,
+		label: u,
+		status: _,
+		embed: f,
+		defaultExpanded: p
+	}), o[3] = f, o[4] = p, o[5] = m, o[6] = u, o[7] = _, o[8] = v) : v = o[8], v;
 };
 export { LinkMessageRenderer_default as default };

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

@@ -8,87 +8,98 @@ import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon } from "lucide-react";
 var CopyActions = (e) => {
-	let g = c(5), { text: _ } = e, v;
-	g[0] === _ ? v = g[1] : (v = () => void navigator.clipboard.writeText(_), g[0] = _, g[1] = v);
-	let y;
-	g[2] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" }), g[2] = y) : y = g[2];
+	let _ = c(5), { text: v } = e, y;
+	_[0] === v ? y = _[1] : (y = () => void navigator.clipboard.writeText(v), _[0] = v, _[1] = y);
 	let b;
-	return g[3] === v ? b = g[4] : (b = /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
-		onClick: v,
+	_[2] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" }), _[2] = b) : b = _[2];
+	let x;
+	return _[3] === y ? x = _[4] : (x = /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
+		onClick: y,
 		label: "Copy",
-		children: y
-	}) }) }), g[3] = v, g[4] = b), b;
-}, LlmMessage_default = (m) => {
-	let h = c(18), { document: x } = m, S = x.content, C = S.id ?? x.id, w = !!x.meta?.streaming;
-	if (typeof S.content == "string") {
-		let m;
-		h[0] !== w || h[1] !== S.content ? (m = /* @__PURE__ */ jsx(MessageContent, { children: w ? /* @__PURE__ */ jsx(StreamingText, { text: S.content }) : /* @__PURE__ */ jsx(MessageResponse, { children: S.content }) }), h[0] = w, h[1] = S.content, h[2] = m) : m = h[2];
-		let v;
-		h[3] !== w || h[4] !== S.content || h[5] !== S.role ? (v = S.role === "assistant" && !w && /* @__PURE__ */ jsx(CopyActions, { text: S.content }), h[3] = w, h[4] = S.content, h[5] = S.role, h[6] = v) : v = h[6];
-		let y;
-		return h[7] !== S.role || h[8] !== m || h[9] !== v ? (y = /* @__PURE__ */ jsxs(Message, {
-			from: S.role,
-			children: [m, v]
-		}), h[7] = S.role, h[8] = m, h[9] = v, h[10] = y) : y = h[10], y;
+		children: b
+	}) }) }), _[3] = y, _[4] = x), x;
+};
+function hasStructuredBlocks(e) {
+	return !!e?.some((e) => e.type !== "text");
+}
+function textFromBlocks(e) {
+	return (e ?? []).filter((e) => e.type === "text").map((e) => e.text).join("\n");
+}
+var LlmMessage_default = (h) => {
+	let g = c(23), { document: C } = h, w = C.content, T = w.id ?? C.id, E = !!C.meta?.streaming;
+	if (!hasStructuredBlocks(w.blocks)) {
+		let h;
+		g[0] !== w.blocks || g[1] !== w.text ? (h = w.text ?? textFromBlocks(w.blocks), g[0] = w.blocks, g[1] = w.text, g[2] = h) : h = g[2];
+		let y = h, b;
+		g[3] !== E || g[4] !== y ? (b = /* @__PURE__ */ jsx(MessageContent, { children: E ? /* @__PURE__ */ jsx(StreamingText, { text: y }) : /* @__PURE__ */ jsx(MessageResponse, { children: y }) }), g[3] = E, g[4] = y, g[5] = b) : b = g[5];
+		let x;
+		g[6] !== E || g[7] !== w.role || g[8] !== y ? (x = w.role === "assistant" && !E && /* @__PURE__ */ jsx(CopyActions, { text: y }), g[6] = E, g[7] = w.role, g[8] = y, g[9] = x) : x = g[9];
+		let S;
+		return g[10] !== w.role || g[11] !== b || g[12] !== x ? (S = /* @__PURE__ */ jsxs(Message, {
+			from: w.role,
+			children: [b, x]
+		}), g[10] = w.role, g[11] = b, g[12] = x, g[13] = S) : S = g[13], S;
 	}
-	let T = S.content, E;
-	h[11] !== T || h[12] !== w || h[13] !== S.role || h[14] !== C ? (E = T.map((m, h) => {
-		switch (m.type) {
+	let D;
+	g[14] === w.blocks ? D = g[15] : (D = w.blocks ?? [], g[14] = w.blocks, g[15] = D);
+	let O = D, k;
+	g[16] !== O || g[17] !== E || g[18] !== w.role || g[19] !== T ? (k = O.map((h, g) => {
+		switch (h.type) {
 			case "text": return /* @__PURE__ */ jsxs(Message, {
-				from: S.role,
-				children: [/* @__PURE__ */ jsx(MessageContent, { children: w ? /* @__PURE__ */ jsx(StreamingText, { text: m.text }) : /* @__PURE__ */ jsx(MessageResponse, { children: m.text }) }), S.role === "assistant" && !w && /* @__PURE__ */ jsx(CopyActions, { text: m.text })]
-			}, `${C}-${h}`);
+				from: w.role,
+				children: [/* @__PURE__ */ jsx(MessageContent, { children: E ? /* @__PURE__ */ jsx(StreamingText, { text: h.text }) : /* @__PURE__ */ jsx(MessageResponse, { children: h.text }) }), w.role === "assistant" && !E && /* @__PURE__ */ jsx(CopyActions, { text: h.text })]
+			}, `${T}-${g}`);
 			case "thinking": return /* @__PURE__ */ jsxs(Reasoning, {
 				className: "w-full",
-				isStreaming: w,
-				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: m.text })]
-			}, `${C}-${h}`);
+				isStreaming: E,
+				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: h.text })]
+			}, `${T}-${g}`);
 			case "tool_call": return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 				from: "assistant",
 				children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
 					state: "input-available",
-					title: m.name,
+					title: h.name,
 					type: "tool-call"
-				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: m.args }) })] })
-			}) }, `${C}-${h}`);
+				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: h.args }) })] })
+			}) }, `${T}-${g}`);
 			case "tool_result": {
-				let g;
+				let _;
 				try {
-					g = JSON.parse(m.content);
+					_ = JSON.parse(h.content);
 				} catch {
-					g = m.content;
+					_ = h.content;
 				}
 				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: m.isError ? "output-error" : "output-available",
+						state: h.isError ? "output-error" : "output-available",
 						title: "Tool Result",
 						type: "tool-call"
 					}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolOutput, {
-						output: g,
-						errorText: m.isError ? m.content : ""
+						output: _,
+						errorText: h.isError ? h.content : ""
 					}) })] })
-				}) }, `${C}-${h}`);
+				}) }, `${T}-${g}`);
 			}
 			case "server_tool_use": {
-				let g = T.find((e) => e.type === "server_tool_result" && e.toolUseId === m.id);
+				let _ = O.find((e) => e.type === "server_tool_result" && e.toolUseId === h.id);
 				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: g ? "output-available" : "input-available",
-						title: m.name,
+						state: _ ? "output-available" : "input-available",
+						title: h.name,
 						type: "tool-call"
-					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: m.input }), g && /* @__PURE__ */ jsx(ToolOutput, {
-						output: g.content,
+					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: h.input }), _ && /* @__PURE__ */ jsx(ToolOutput, {
+						output: _.content,
 						errorText: ""
 					})] })] })
-				}) }, `${C}-${h}`);
+				}) }, `${T}-${g}`);
 			}
 			case "server_tool_result": return null;
 			default: return null;
 		}
-	}), h[11] = T, h[12] = w, h[13] = S.role, h[14] = C, h[15] = E) : E = h[15];
-	let D;
-	return h[16] === E ? D = h[17] : (D = /* @__PURE__ */ jsx(Fragment, { children: E }), h[16] = E, h[17] = D), D;
+	}), g[16] = O, g[17] = E, g[18] = w.role, g[19] = T, g[20] = k) : k = g[20];
+	let A;
+	return g[21] === k ? A = g[22] : (A = /* @__PURE__ */ jsx(Fragment, { children: k }), g[21] = k, g[22] = A), A;
 };
 export { LlmMessage_default as default };

package/dist/features/workbench/hooks/useLlmStreamingDocuments.js

@@ -15,18 +15,21 @@ function createStreamingDocument(e, r, i) {
 	i.thinking && a.push({
 		type: "thinking",
 		text: i.thinking
-	}), a.push({
+	});
+	let o = i.error ? `Error while streaming response: ${i.error}` : i.text;
+	a.push({
 		type: "text",
-		text: i.error ? `Error while streaming response: ${i.error}` : i.text
+		text: o
 	}), a.push(...i.toolCalls);
-	let o = /* @__PURE__ */ new Date();
+	let s = /* @__PURE__ */ new Date();
 	return {
 		id: `streaming-${i.messageId}`,
 		documentName: "llm_message",
 		content: {
 			id: i.messageId,
 			role: "assistant",
-			content: a
+			text: o,
+			blocks: a
 		},
 		validationError: null,
 		meta: {
@@ -39,8 +42,8 @@ function createStreamingDocument(e, r, i) {
 		place: r,
 		labels: [],
 		tags: ["message"],
-		createdAt: o,
-		updatedAt: o,
+		createdAt: s,
+		updatedAt: s,
 		workspaceId: "",
 		workflowId: e
 	};

package/dist/index.d.ts

@@ -1341,10 +1341,6 @@ export declare const StudioSidebar: () => JSX.Element;
 
 declare interface StudioUiConfig {
     widgets?: StudioWidgetConfig[];
-    sidebar?: boolean;
-    workflowHistory?: boolean;
-    workflowNavigation?: boolean;
-    debugWorkflow?: boolean;
 }
 
 declare interface StudioWidgetConfig {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.31.0",
+  "version": "0.32.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.32.0",
+    "@loopstack/contracts": "^0.34.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/AiMessageContent.js

@@ -1,172 +0,0 @@
-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, 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: 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;
-	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: u
-	}), i[4] = l, i[5] = d);
-	let f;
-	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] = 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: l
-	}), i[1] = l, i[2] = u);
-	let d;
-	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: [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",
-			children: "Reasoning"
-		})
-	}), /* @__PURE__ */ jsx("div", {
-		className: "text-sm whitespace-pre-wrap text-purple-800",
-		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: 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] = o.providerExecuted, i[3] = l);
-	let 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[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[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(o.input, null, 2)
-		})]
-	}) : "", 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: [o.toolName, " Result"]
-	}), i[0] = o.toolName, i[1] = s);
-	let l;
-	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[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[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: d
-		})
-	}), 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: s.content
-			})]
-		});
-		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: r.map((e, r) => l(e, r))
-		}) : /* @__PURE__ */ jsx("div", {
-			className: "text-sm text-red-600",
-			children: "Invalid content format"
-		});
-	}, 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: d()
-	}), o[2] = d, o[3] = f), f;
-};
-function _temp(e, r) {
-	switch (e.type) {
-		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]
-		}, r);
-	}
-}
-export { AiMessageContent_default as default };