@loopstack/loopstack-studio 0.36.0 → 0.38.0

package/dist/features/documents/DocumentRenderer.js

@@ -15,85 +15,87 @@ import "../oauth/index.js";
 import ChoicesRenderer_default from "./renderers/ChoicesRenderer.js";
 import ConfirmPromptRenderer_default from "./renderers/ConfirmPromptRenderer.js";
 import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
+import TerminalMessageRenderer_default from "./renderers/TerminalMessageRenderer.js";
 import TextPromptRenderer_default from "./renderers/TextPromptRenderer.js";
 import { c } from "react/compiler-runtime";
 import React, { useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 var coreRendererRegistry = new Map([
-	["ai-message", ({ document: e, isLastItem: g }) => /* @__PURE__ */ jsx(AiMessage_default, {
+	["ai-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(AiMessage_default, {
 		document: e,
-		isLastItem: g
+		isLastItem: _
 	})],
-	["llm-message", ({ document: e, isLastItem: g }) => /* @__PURE__ */ jsx(LlmMessage_default, {
+	["llm-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(LlmMessage_default, {
 		document: e,
-		isLastItem: g
+		isLastItem: _
 	})],
 	["debug", ({ document: e }) => /* @__PURE__ */ jsx("div", {
 		className: "mb-4 flex",
 		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })
 	})],
-	["form", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+	["form", ({ parentWorkflow: e, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: new Date(v.createdAt),
+		timestamp: new Date(y.createdAt),
 		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
 			parentWorkflow: e,
-			workflow: _,
-			document: v,
-			enabled: y,
-			viewOnly: !y
+			workflow: v,
+			document: y,
+			enabled: b,
+			viewOnly: !b
 		})
 	})],
 	["message", ({ document: e }) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: e })],
 	["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", ({ workflow: e, document: g }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, {
+	["terminal", ({ document: e }) => /* @__PURE__ */ jsx(TerminalMessageRenderer_default, { document: e })],
+	["link", ({ workflow: e, document: _ }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, {
 		workflow: e,
-		document: g
+		document: _
 	})],
-	["oauth-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+	["oauth-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["text-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
+	["text-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["choices", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
+	["choices", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["confirm-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
+	["confirm-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})]
 ]);
 function resolveWidgetName(e) {
-	let g = e;
-	return g?.widgets?.[0]?.widget ? g.widgets[0].widget : g?.form?.widget ? g.form.widget : "form";
+	let _ = e;
+	return _?.widgets?.[0]?.widget ? _.widgets[0].widget : _?.form?.widget ? _.form.widget : "form";
 }
-var DocumentRenderer_default = (g) => {
-	let v = c(9), y = useFeatureRegistry(), b = useDocumentConfigs(), x = g.document, S;
-	if (v[0] !== x.documentName || v[1] !== b || v[2] !== y) {
-		let e = resolveWidgetName(b.get(x.documentName)?.ui), g;
-		if (v[4] !== y) {
-			g = /* @__PURE__ */ new Map();
-			for (let e of y) if (e.documentRenderers) for (let [_, v] of Object.entries(e.documentRenderers)) g.set(_, v);
-			v[4] = y, v[5] = g;
-		} else g = v[5];
-		let _ = g;
-		S = coreRendererRegistry.get(e) ?? _.get(e), v[0] = x.documentName, v[1] = b, v[2] = y, v[3] = S;
-	} else S = v[3];
-	let C = S, w;
-	return v[6] !== C || v[7] !== g ? (w = /* @__PURE__ */ jsx("div", { children: C ? /* @__PURE__ */ jsx(C, { ...g }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), v[6] = C, v[7] = g, v[8] = w) : w = v[8], w;
+var DocumentRenderer_default = (_) => {
+	let y = c(9), b = useFeatureRegistry(), x = useDocumentConfigs(), S = _.document, C;
+	if (y[0] !== S.documentName || y[1] !== x || y[2] !== b) {
+		let e = resolveWidgetName(x.get(S.documentName)?.ui), _;
+		if (y[4] !== b) {
+			_ = /* @__PURE__ */ new Map();
+			for (let e of b) if (e.documentRenderers) for (let [v, y] of Object.entries(e.documentRenderers)) _.set(v, y);
+			y[4] = b, y[5] = _;
+		} else _ = y[5];
+		let v = _;
+		C = coreRendererRegistry.get(e) ?? v.get(e), y[0] = S.documentName, y[1] = x, y[2] = b, y[3] = C;
+	} else C = y[3];
+	let w = C, T;
+	return y[6] !== w || y[7] !== _ ? (T = /* @__PURE__ */ jsx("div", { children: w ? /* @__PURE__ */ jsx(w, { ..._ }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), y[6] = w, y[7] = _, y[8] = T) : T = y[8], T;
 };
 export { DocumentRenderer_default as default };

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

@@ -2,7 +2,8 @@ import CompletionMessagePaper_default from "../../../components/messages/Complet
 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";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info } from "lucide-react";
 var KNOWN_ROLES = [
 	"system",
 	"user",
@@ -10,13 +11,26 @@ var KNOWN_ROLES = [
 	"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;
+], DocumentMessageRenderer_default = (s) => {
+	let l = c(8), { document: u } = s, { role: d, text: f } = u.content, p = KNOWN_ROLES.includes(d ?? "") ? d : void 0;
+	if (p === "system") {
+		let e;
+		l[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Info, { className: "mt-0.5 size-3.5 shrink-0 opacity-70" }), l[0] = e) : e = l[0];
+		let o = f ?? "", s;
+		return l[1] === o ? s = l[2] : (s = /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground flex items-start gap-1.5 px-1 py-0.5 text-sm leading-relaxed [&_p]:m-0",
+			children: [e, /* @__PURE__ */ jsx("div", {
+				className: "min-w-0",
+				children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: o })
+			})]
+		}), l[1] = o, l[2] = s), s;
+	}
+	let m = f ?? "", h;
+	l[3] === m ? h = l[4] : (h = /* @__PURE__ */ jsx(MarkdownContent_default, { content: m }), l[3] = m, l[4] = h);
+	let g;
+	return l[5] !== p || l[6] !== h ? (g = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: p,
+		children: h
+	}), l[5] = p, l[6] = h, l[7] = g) : g = l[7], g;
 };
 export { DocumentMessageRenderer_default as default };

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

@@ -8,16 +8,50 @@ import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon } from "lucide-react";
 var CopyActions = (e) => {
-	let _ = c(5), { text: v } = e, y;
-	_[0] === v ? y = _[1] : (y = () => void navigator.clipboard.writeText(v), _[0] = v, _[1] = y);
+	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 b;
-	_[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,
+	return g[3] === v ? b = g[4] : (b = /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
+		onClick: v,
 		label: "Copy",
-		children: b
-	}) }) }), _[3] = y, _[4] = x), x;
+		children: y
+	}) }) }), g[3] = v, g[4] = b), b;
+};
+function formatTokens(e) {
+	return e == null ? null : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(e);
+}
+var CompletionMeta = (e) => {
+	let m = c(21), { meta: h } = e, g;
+	if (m[0] !== h.costUsd || m[1] !== h.durationMs || m[2] !== h.model || m[3] !== h.numTurns || m[4] !== h.usage?.cacheCreationInputTokens || m[5] !== h.usage?.cacheReadInputTokens || m[6] !== h.usage?.inputTokens || m[7] !== h.usage?.outputTokens) {
+		if (g = [], h.numTurns != null && g.push(`${h.numTurns} turn${h.numTurns === 1 ? "" : "s"}`), h.costUsd != null) {
+			let e;
+			m[9] === h.costUsd ? e = m[10] : (e = h.costUsd.toFixed(4), m[9] = h.costUsd, m[10] = e), g.push(`$${e}`);
+		}
+		let e = h.usage?.inputTokens, _;
+		m[11] === e ? _ = m[12] : (_ = formatTokens(e), m[11] = e, m[12] = _);
+		let v = _, y = h.usage?.outputTokens, b;
+		m[13] === y ? b = m[14] : (b = formatTokens(y), m[13] = y, m[14] = b);
+		let x = b;
+		v && x && g.push(`${v} in / ${x} out`);
+		let S = (h.usage?.cacheReadInputTokens ?? 0) + (h.usage?.cacheCreationInputTokens ?? 0);
+		if (S) {
+			let e;
+			m[15] === S ? e = m[16] : (e = formatTokens(S), m[15] = S, m[16] = e), g.push(`${e} cache`);
+		}
+		if (h.durationMs != null) {
+			let e = h.durationMs / 1e3, _;
+			m[17] === e ? _ = m[18] : (_ = e.toFixed(1), m[17] = e, m[18] = _), g.push(`${_}s`);
+		}
+		h.model && g.push(h.model), m[0] = h.costUsd, m[1] = h.durationMs, m[2] = h.model, m[3] = h.numTurns, m[4] = h.usage?.cacheCreationInputTokens, m[5] = h.usage?.cacheReadInputTokens, m[6] = h.usage?.inputTokens, m[7] = h.usage?.outputTokens, m[8] = g;
+	} else g = m[8];
+	if (!g.length) return null;
+	let _ = g.join(" · "), v;
+	return m[19] === _ ? v = m[20] : (v = /* @__PURE__ */ jsx("div", {
+		className: "text-muted-foreground mt-1 px-1 font-mono text-xs",
+		children: _
+	}), m[19] = _, m[20] = v), v;
 };
 function hasStructuredBlocks(e) {
 	return !!e?.some((e) => e.type !== "text");
@@ -25,81 +59,87 @@ function hasStructuredBlocks(e) {
 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];
+var LlmMessage_default = (m) => {
+	let h = c(31), { document: w } = m, T = w.content, E = T.id ?? w.id, D = !!w.meta?.streaming;
+	if (!hasStructuredBlocks(T.blocks)) {
+		let m;
+		h[0] !== T.blocks || h[1] !== T.text ? (m = T.text ?? textFromBlocks(T.blocks), h[0] = T.blocks, h[1] = T.text, h[2] = m) : m = h[2];
+		let v = m, y;
+		h[3] !== D || h[4] !== v ? (y = /* @__PURE__ */ jsx(MessageContent, { children: D ? /* @__PURE__ */ jsx(StreamingText, { text: v }) : /* @__PURE__ */ jsx(MessageResponse, { children: v }) }), h[3] = D, h[4] = v, h[5] = y) : y = h[5];
+		let b;
+		h[6] !== D || h[7] !== T.role || h[8] !== v ? (b = T.role === "assistant" && !D && /* @__PURE__ */ jsx(CopyActions, { text: v }), h[6] = D, h[7] = T.role, h[8] = v, h[9] = b) : b = h[9];
 		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];
+		h[10] !== T.role || h[11] !== y || h[12] !== b ? (x = /* @__PURE__ */ jsxs(Message, {
+			from: T.role,
+			children: [y, b]
+		}), h[10] = T.role, h[11] = y, h[12] = b, h[13] = x) : x = h[13];
 		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;
+		h[14] === T.meta ? S = h[15] : (S = T.meta && /* @__PURE__ */ jsx(CompletionMeta, { meta: T.meta }), h[14] = T.meta, h[15] = S);
+		let C;
+		return h[16] !== x || h[17] !== S ? (C = /* @__PURE__ */ jsxs(Fragment, { children: [x, S] }), h[16] = x, h[17] = S, h[18] = C) : C = h[18], C;
 	}
-	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) {
+	let O;
+	h[19] === T.blocks ? O = h[20] : (O = T.blocks ?? [], h[19] = T.blocks, h[20] = O);
+	let k = O, A;
+	h[21] !== k || h[22] !== D || h[23] !== T.role || h[24] !== E ? (A = k.map((m, h) => {
+		switch (m.type) {
 			case "text": return /* @__PURE__ */ jsxs(Message, {
-				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}`);
+				from: T.role,
+				children: [/* @__PURE__ */ jsx(MessageContent, { children: D ? /* @__PURE__ */ jsx(StreamingText, { text: m.text }) : /* @__PURE__ */ jsx(MessageResponse, { children: m.text }) }), T.role === "assistant" && !D && /* @__PURE__ */ jsx(CopyActions, { text: m.text })]
+			}, `${E}-${h}`);
 			case "thinking": return /* @__PURE__ */ jsxs(Reasoning, {
 				className: "w-full",
-				isStreaming: E,
-				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: h.text })]
-			}, `${T}-${g}`);
+				isStreaming: D,
+				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: m.text })]
+			}, `${E}-${h}`);
 			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: h.name,
+					title: m.name,
 					type: "tool-call"
-				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: h.args }) })] })
-			}) }, `${T}-${g}`);
+				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: m.args }) })] })
+			}) }, `${E}-${h}`);
 			case "tool_result": {
-				let _;
+				let g;
 				try {
-					_ = JSON.parse(h.content);
+					g = JSON.parse(m.content);
 				} catch {
-					_ = h.content;
+					g = m.content;
 				}
 				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: h.isError ? "output-error" : "output-available",
+						state: m.isError ? "output-error" : "output-available",
 						title: "Tool Result",
 						type: "tool-call"
 					}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolOutput, {
-						output: _,
-						errorText: h.isError ? h.content : ""
+						output: g,
+						errorText: m.isError ? m.content : ""
 					}) })] })
-				}) }, `${T}-${g}`);
+				}) }, `${E}-${h}`);
 			}
 			case "server_tool_use": {
-				let _ = O.find((e) => e.type === "server_tool_result" && e.toolUseId === h.id);
+				let g = k.find((e) => e.type === "server_tool_result" && e.toolUseId === m.id);
 				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: _ ? "output-available" : "input-available",
-						title: h.name,
+						state: g ? "output-available" : "input-available",
+						title: m.name,
 						type: "tool-call"
-					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: h.input }), _ && /* @__PURE__ */ jsx(ToolOutput, {
-						output: _.content,
+					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: m.input }), g && /* @__PURE__ */ jsx(ToolOutput, {
+						output: g.content,
 						errorText: ""
 					})] })] })
-				}) }, `${T}-${g}`);
+				}) }, `${E}-${h}`);
 			}
 			case "server_tool_result": return null;
 			default: return null;
 		}
-	}), 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;
+	}), h[21] = k, h[22] = D, h[23] = T.role, h[24] = E, h[25] = A) : A = h[25];
+	let j;
+	h[26] === T.meta ? j = h[27] : (j = T.meta && /* @__PURE__ */ jsx(CompletionMeta, { meta: T.meta }), h[26] = T.meta, h[27] = j);
+	let M;
+	return h[28] !== A || h[29] !== j ? (M = /* @__PURE__ */ jsxs(Fragment, { children: [A, j] }), h[28] = A, h[29] = j, h[30] = M) : M = h[30], M;
 };
 export { LlmMessage_default as default };

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

@@ -0,0 +1,51 @@
+import { parseAnsi } from "./ansi.js";
+import { c } from "react/compiler-runtime";
+import React, { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TerminalMessageRenderer_default = (s) => {
+	let l = c(14), { document: u } = s, { text: d, title: f } = u.content, p = d ?? "", m;
+	l[0] === p ? m = l[1] : (m = parseAnsi(p), l[0] = p, l[1] = m);
+	let h = m, g = useRef(null), _;
+	l[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
+		let e = g.current;
+		e && (e.scrollTop = e.scrollHeight);
+	}, l[2] = _) : _ = l[2];
+	let v;
+	l[3] === d ? v = l[4] : (v = [d], l[3] = d, l[4] = v), useEffect(_, v);
+	let y;
+	l[5] === f ? y = l[6] : (y = f && /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 border-b border-white/10 px-3 py-1.5",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "flex gap-1.5",
+			"aria-hidden": !0,
+			children: [
+				/* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#ff5f56]" }),
+				/* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#ffbd2e]" }),
+				/* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#27c93f]" })
+			]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-xs text-white/60",
+			children: f
+		})]
+	}), l[5] = f, l[6] = y);
+	let b;
+	l[7] === h ? b = l[8] : (b = h.map(_temp), l[7] = h, l[8] = b);
+	let x;
+	l[9] === b ? x = l[10] : (x = /* @__PURE__ */ jsx("pre", {
+		ref: g,
+		className: "max-h-96 overflow-auto px-3 py-2 font-mono text-xs leading-relaxed whitespace-pre-wrap text-[#d4d4d4]",
+		children: b
+	}), l[9] = b, l[10] = x);
+	let S;
+	return l[11] !== y || l[12] !== x ? (S = /* @__PURE__ */ jsxs("div", {
+		className: "mb-4 overflow-hidden rounded-lg border border-black/30 bg-[#1e1e1e] shadow-sm",
+		children: [y, x]
+	}), l[11] = y, l[12] = x, l[13] = S) : S = l[13], S;
+};
+function _temp(e, o) {
+	return /* @__PURE__ */ jsx("span", {
+		style: e.style,
+		children: e.text
+	}, o);
+}
+export { TerminalMessageRenderer_default as default };

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

@@ -0,0 +1,77 @@
+var PALETTE_16 = [
+	"#000000",
+	"#cd3131",
+	"#0dbc79",
+	"#e5e510",
+	"#2472c8",
+	"#bc3fbc",
+	"#11a8cd",
+	"#e5e5e5",
+	"#666666",
+	"#f14c4c",
+	"#23d18b",
+	"#f5f543",
+	"#3b8eea",
+	"#d670d6",
+	"#29b8db",
+	"#ffffff"
+], CUBE_STEPS = [
+	0,
+	95,
+	135,
+	175,
+	215,
+	255
+];
+function xterm256ToHex(n) {
+	if (n < 16) return PALETTE_16[n];
+	if (n <= 231) {
+		let e = n - 16;
+		return `rgb(${CUBE_STEPS[Math.floor(e / 36) % 6]}, ${CUBE_STEPS[Math.floor(e / 6) % 6]}, ${CUBE_STEPS[e % 6]})`;
+	}
+	let r = 8 + (n - 232) * 10;
+	return `rgb(${r}, ${r}, ${r})`;
+}
+function apply(t, r) {
+	for (let i = 0; i < r.length; i++) {
+		let a = r[i];
+		if (a === 0) t.fg = t.bg = void 0, t.bold = t.dim = t.italic = t.underline = !1;
+		else if (a === 1) t.bold = !0;
+		else if (a === 2) t.dim = !0;
+		else if (a === 3) t.italic = !0;
+		else if (a === 4) t.underline = !0;
+		else if (a === 22) t.bold = t.dim = !1;
+		else if (a === 23) t.italic = !1;
+		else if (a === 24) t.underline = !1;
+		else if (a >= 30 && a <= 37) t.fg = PALETTE_16[a - 30];
+		else if (a >= 90 && a <= 97) t.fg = PALETTE_16[a - 90 + 8];
+		else if (a === 39) t.fg = void 0;
+		else if (a >= 40 && a <= 47) t.bg = PALETTE_16[a - 40];
+		else if (a >= 100 && a <= 107) t.bg = PALETTE_16[a - 100 + 8];
+		else if (a === 49) t.bg = void 0;
+		else if (a === 38 || a === 48) {
+			let e = a === 38 ? "fg" : "bg";
+			r[i + 1] === 5 ? (t[e] = xterm256ToHex(r[i + 2]), i += 2) : r[i + 1] === 2 && (t[e] = `rgb(${r[i + 2]}, ${r[i + 3]}, ${r[i + 4]})`, i += 4);
+		}
+	}
+}
+function toStyle(t) {
+	let n = {}, r = t.fg;
+	if (t.bold && r) {
+		let t = PALETTE_16.indexOf(r);
+		t >= 0 && t < 8 && (r = PALETTE_16[t + 8]);
+	}
+	return r && (n.color = r), t.bg && (n.backgroundColor = t.bg), t.bold && (n.fontWeight = 700), t.dim && (n.opacity = .6), t.italic && (n.fontStyle = "italic"), t.underline && (n.textDecoration = "underline"), n;
+}
+var SGR = /\x1b\[([0-9;]*)m/g;
+function parseAnsi(e) {
+	let t = [], n = {}, o = 0, s, c = (e) => {
+		e && t.push({
+			text: e,
+			style: toStyle(n)
+		});
+	};
+	for (SGR.lastIndex = 0; (s = SGR.exec(e)) !== null;) c(e.slice(o, s.index)), apply(n, s[1] === "" ? [0] : s[1].split(";").map((e) => Number(e) || 0)), o = SGR.lastIndex;
+	return c(e.slice(o)), t;
+}
+export { parseAnsi };