@loopstack/loopstack-studio 0.23.0 → 0.23.1

package/dist/features/code-explorer/providers/CodeExplorerProvider.js

@@ -1,165 +1,5 @@
-import { useFileContent, useFileTree } from "../../../hooks/useFiles.js";
+import "../../../hooks/useFiles.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-function extractErrorMessage(e) {
-	if (!e) return null;
-	if ("isAxiosError" in e && e.isAxiosError) {
-		let t = e.response?.data;
-		if (typeof t == "object" && t && "message" in t) return Error(String(t.message));
-		if (typeof t == "string") return Error(t);
-	}
-	return e;
-}
-var CodeExplorerContext = createContext(null);
-function mapDtoToNode(e) {
-	return {
-		id: e.id,
-		name: e.name,
-		path: e.path,
-		type: e.type,
-		children: e.children?.map(mapDtoToNode)
-	};
-}
-function CodeExplorerProvider(r) {
-	let i = c(49), { children: a, pipelineId: o, initialSelectedPath: s, fileExplorerEnabled: l } = r, u = l === void 0 ? !1 : l, d;
-	i[0] === Symbol.for("react.memo_cache_sentinel") ? (d = [], i[0] = d) : d = i[0];
-	let [f, p] = useState(d), [m, h] = useState(null), [g, _] = useState(""), v;
-	i[1] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ new Set(), i[1] = v) : v = i[1];
-	let [y, b] = useState(v), x = useFileTree(o, u), S = useFileContent(o, m?.path, u), C;
-	bb0: {
-		if (!x.data) {
-			let e;
-			i[2] === Symbol.for("react.memo_cache_sentinel") ? (e = [], i[2] = e) : e = i[2], C = e;
-			break bb0;
-		}
-		let e;
-		i[3] === x.data ? e = i[4] : (e = x.data.map(mapDtoToNode), i[3] = x.data, i[4] = e), C = e;
-	}
-	let w = C, T = S.data?.content ?? null, E = S.data?.workflowConfig ?? null, D = x.isLoading && !x.data, O = S.isLoading && m !== null && !S.data, k;
-	i[5] !== S.error || i[6] !== x.error ? (k = extractErrorMessage(x.error) || extractErrorMessage(S.error) || null, i[5] = S.error, i[6] = x.error, i[7] = k) : k = i[7];
-	let A = k, j, M;
-	i[8] !== w || i[9] !== s || i[10] !== f.length || i[11] !== m ? (j = () => {
-		if (s && w.length > 0 && !m && f.length === 0) {
-			let e = (t, n) => {
-				for (let r of t) {
-					if (r.path === n) return r;
-					if (r.children) {
-						let t = e(r.children, n);
-						if (t) return t;
-					}
-				}
-				return null;
-			}, t = e(w, s);
-			t && t.type === "file" && (p([t]), h(t));
-		}
-	}, M = [
-		s,
-		w,
-		m,
-		f.length
-	], i[8] = w, i[9] = s, i[10] = f.length, i[11] = m, i[12] = j, i[13] = M) : (j = i[12], M = i[13]), useEffect(j, M);
-	let N;
-	i[14] === Symbol.for("react.memo_cache_sentinel") ? (N = (e) => {
-		e.type === "file" && p((t) => {
-			if (t.findIndex((t) => t.path === e.path) >= 0) return h(e), t;
-			{
-				let n = [...t, e];
-				return h(e), n;
-			}
-		});
-	}, i[14] = N) : N = i[14];
-	let P = N, F;
-	i[15] === m ? F = i[16] : (F = () => {
-		m && p((e) => {
-			let t = e.filter((e) => e.path !== m.path);
-			if (t.length > 0) {
-				let n = e.findIndex((e) => e.path === m.path);
-				h(t[n > 0 ? n - 1 : 0]);
-			} else h(null);
-			return t;
-		});
-	}, i[15] = m, i[16] = F);
-	let I = F, L;
-	i[17] === m?.path ? L = i[18] : (L = (e) => {
-		p((t) => {
-			let n = t.filter((t) => t.path !== e.path);
-			if (m?.path === e.path) if (n.length > 0) {
-				let r = t.findIndex((t) => t.path === e.path);
-				h(n[r > 0 ? r - 1 : 0]);
-			} else h(null);
-			return n;
-		});
-	}, i[17] = m?.path, i[18] = L);
-	let R = L, z;
-	i[19] === Symbol.for("react.memo_cache_sentinel") ? (z = () => {
-		p([]), h(null);
-	}, i[19] = z) : z = i[19];
-	let B = z, V;
-	i[20] === Symbol.for("react.memo_cache_sentinel") ? (V = (e) => {
-		p([e]), h(e);
-	}, i[20] = V) : V = i[20];
-	let H = V, U;
-	i[21] === m ? U = i[22] : (U = (e) => {
-		p((t) => {
-			let n = t.findIndex((t) => t.path === e.path);
-			if (n <= 0) return t;
-			let r = t.slice(n);
-			return m && t.findIndex((e) => e.path === m.path) < n && h(e), r;
-		});
-	}, i[21] = m, i[22] = U);
-	let W = U, G;
-	i[23] === m ? G = i[24] : (G = (e) => {
-		p((t) => {
-			let n = t.findIndex((t) => t.path === e.path);
-			if (n < 0 || n >= t.length - 1) return t;
-			let r = t.slice(0, n + 1);
-			return m && t.findIndex((e) => e.path === m.path) > n && h(e), r;
-		});
-	}, i[23] = m, i[24] = G);
-	let K = G, q;
-	i[25] !== S || i[26] !== x || i[27] !== m ? (q = async () => {
-		await x.refetch(), m && await S.refetch();
-	}, i[25] = S, i[26] = x, i[27] = m, i[28] = q) : q = i[28];
-	let J = q, Y;
-	i[29] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => {
-		b((t) => {
-			let n = new Set(t);
-			return n.has(e) ? n.delete(e) : n.add(e), n;
-		});
-	}, i[29] = Y) : Y = i[29];
-	let X = Y, Z;
-	i[30] !== I || i[31] !== R || i[32] !== W || i[33] !== K || i[34] !== A || i[35] !== y || i[36] !== T || i[37] !== w || i[38] !== O || i[39] !== D || i[40] !== f || i[41] !== J || i[42] !== g || i[43] !== m || i[44] !== E ? (Z = {
-		fileTree: w,
-		openFiles: f,
-		selectedFile: m,
-		fileContent: T,
-		workflowConfig: E,
-		isTreeLoading: D,
-		isContentLoading: O,
-		error: A,
-		searchQuery: g,
-		setSearchQuery: _,
-		selectFile: P,
-		clearSelection: I,
-		closeFile: R,
-		closeAll: B,
-		closeOthers: H,
-		closeToLeft: W,
-		closeToRight: K,
-		refresh: J,
-		expandedFolders: y,
-		toggleFolder: X
-	}, i[30] = I, i[31] = R, i[32] = W, i[33] = K, i[34] = A, i[35] = y, i[36] = T, i[37] = w, i[38] = O, i[39] = D, i[40] = f, i[41] = J, i[42] = g, i[43] = m, i[44] = E, i[45] = Z) : Z = i[45];
-	let Q = Z, $;
-	return i[46] !== a || i[47] !== Q ? ($ = /* @__PURE__ */ jsx(CodeExplorerContext.Provider, {
-		value: Q,
-		children: a
-	}), i[46] = a, i[47] = Q, i[48] = $) : $ = i[48], $;
-}
-function useCodeExplorerContext() {
-	let e = useContext(CodeExplorerContext);
-	if (!e) throw Error("useCodeExplorerContext must be used within CodeExplorerProvider");
-	return e;
-}
-export { CodeExplorerProvider, useCodeExplorerContext };
+createContext(null);

package/dist/features/code-explorer/utils/fileIcons.js

@@ -1,4 +1,4 @@
-import { File, FileCode, FileJson, FileText } from "lucide-react";
+import { File, FileCode, FileJson, FileText, Folder, FolderOpen } from "lucide-react";
 var EXTENSION_ICON_MAP = {
 	".ts": FileCode,
 	".tsx": FileCode,
@@ -33,7 +33,10 @@ var EXTENSION_ICON_MAP = {
 	".log": FileText,
 	".env": FileText
 };
-function getFileIcon(a) {
-	return EXTENSION_ICON_MAP[a.includes(".") ? a.slice(a.lastIndexOf(".")).toLowerCase() : ""] ?? File;
+function getFileIcon(c) {
+	return EXTENSION_ICON_MAP[c.includes(".") ? c.slice(c.lastIndexOf(".")).toLowerCase() : ""] ?? File;
 }
-export { getFileIcon };
+function getFolderIcon(e) {
+	return e ? FolderOpen : Folder;
+}
+export { getFileIcon, getFolderIcon };

package/dist/features/debug/components/PipelineFlowViewer.js

@@ -9,23 +9,23 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransition: WorkflowTransitionEdge_default }, PipelineFlowViewer_default = (b) => {
-	let x = c(28), { pipelineId: S, workflows: C, pipelineConfig: w } = b, { data: T } = usePipeline(S), E;
-	x[0] === Symbol.for("react.memo_cache_sentinel") ? (E = [], x[0] = E) : E = x[0];
-	let [D, O, k] = useNodesState(E), A;
-	x[1] === Symbol.for("react.memo_cache_sentinel") ? (A = [], x[1] = A) : A = x[1];
-	let [j, M, N] = useEdgesState(A), { fitView: P } = useReactFlow(), F = useRef(!1), I;
-	x[2] === Symbol.for("react.memo_cache_sentinel") ? (I = {}, x[2] = I) : I = x[2];
-	let [L, R] = useState(I), z;
-	x[3] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ new Map(), x[3] = z) : z = x[3];
-	let B = useRef(z), V = Object.values(L).some(_temp), H;
-	x[4] === Symbol.for("react.memo_cache_sentinel") ? (H = (e, m) => {
-		R((h) => h[e] === m ? h : {
+	let x = c(29), { pipelineId: S, workflows: C, pipelineConfig: w, direction: T } = b, E = T === void 0 ? "LR" : T, { data: D } = usePipeline(S), O;
+	x[0] === Symbol.for("react.memo_cache_sentinel") ? (O = [], x[0] = O) : O = x[0];
+	let [k, A, j] = useNodesState(O), M;
+	x[1] === Symbol.for("react.memo_cache_sentinel") ? (M = [], x[1] = M) : M = x[1];
+	let [N, P, F] = useEdgesState(M), { fitView: I } = useReactFlow(), L = useRef(!1), R;
+	x[2] === Symbol.for("react.memo_cache_sentinel") ? (R = {}, x[2] = R) : R = x[2];
+	let [z, B] = useState(R), V;
+	x[3] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ new Map(), x[3] = V) : V = x[3];
+	let H = useRef(V), U = Object.values(z).some(_temp), W;
+	x[4] === Symbol.for("react.memo_cache_sentinel") ? (W = (e, m) => {
+		B((h) => h[e] === m ? h : {
 			...h,
 			[e]: m
 		});
-	}, x[4] = H) : H = x[4];
-	let U = H, W;
-	x[5] !== M || x[6] !== O || x[7] !== C ? (W = (e, m, h) => {
+	}, x[4] = W) : W = x[4];
+	let G = W, K;
+	x[5] !== P || x[6] !== A || x[7] !== C ? (K = (e, m, h) => {
 		let g = C.findIndex((m) => m.id === e) * 250, _ = m.map((e) => ({
 			...e,
 			position: {
@@ -33,56 +33,57 @@ var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransiti
 				y: e.position.y + g
 			}
 		}));
-		B.current.set(e, {
+		H.current.set(e, {
 			nodes: _,
 			edges: h
 		});
 		let v = [], y = [];
-		B.current.forEach((e) => {
+		H.current.forEach((e) => {
 			let { nodes: m, edges: h } = e;
 			v.push(...m), y.push(...h);
-		}), O(v), M(y);
-	}, x[5] = M, x[6] = O, x[7] = C, x[8] = W) : W = x[8];
-	let G = W, K, q;
-	if (x[9] !== P || x[10] !== V || x[11] !== D.length ? (K = () => {
-		if (!V && D.length > 0 && !F.current) {
-			F.current = !0;
+		}), A(v), P(y);
+	}, x[5] = P, x[6] = A, x[7] = C, x[8] = K) : K = x[8];
+	let q = K, J, Y;
+	if (x[9] !== I || x[10] !== U || x[11] !== k.length ? (J = () => {
+		if (!U && k.length > 0 && !L.current) {
+			L.current = !0;
 			let e = setTimeout(() => {
-				P({ padding: .2 });
+				I({ padding: .2 });
 			}, 150);
 			return () => clearTimeout(e);
 		}
-	}, q = [
-		V,
-		D.length,
-		P
-	], x[9] = P, x[10] = V, x[11] = D.length, x[12] = K, x[13] = q) : (K = x[12], q = x[13]), useEffect(K, q), V && D.length === 0) {
+	}, Y = [
+		U,
+		k.length,
+		I
+	], x[9] = I, x[10] = U, x[11] = k.length, x[12] = J, x[13] = Y) : (J = x[12], Y = x[13]), useEffect(J, Y), U && k.length === 0) {
 		let e;
 		return x[14] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "flex h-full items-center justify-center",
 			children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-8 w-8 animate-spin" })
 		}), x[14] = e) : e = x[14], e;
 	}
-	let J;
-	x[15] !== G || x[16] !== T || x[17] !== w || x[18] !== C ? (J = T && C.map((e) => /* @__PURE__ */ jsx(WorkflowGraph_default, {
-		pipeline: T,
+	let X;
+	x[15] !== E || x[16] !== q || x[17] !== D || x[18] !== w || x[19] !== C ? (X = D && C.map((e) => /* @__PURE__ */ jsx(WorkflowGraph_default, {
+		pipeline: D,
 		workflow: e,
 		pipelineConfig: w,
-		onGraphReady: G,
-		onLoadingChange: U
-	}, e.id)), x[15] = G, x[16] = T, x[17] = w, x[18] = C, x[19] = J) : J = x[19];
-	let Y;
-	x[20] !== j || x[21] !== D || x[22] !== N || x[23] !== k ? (Y = D.length === 0 ? /* @__PURE__ */ jsx("div", {
+		onGraphReady: q,
+		onLoadingChange: G,
+		direction: E
+	}, e.id)), x[15] = E, x[16] = q, x[17] = D, x[18] = w, x[19] = C, x[20] = X) : X = x[20];
+	let Z;
+	x[21] !== N || x[22] !== k || x[23] !== F || x[24] !== j ? (Z = k.length === 0 ? /* @__PURE__ */ jsx("div", {
 		className: "text-muted-foreground flex h-full items-center justify-center",
 		children: /* @__PURE__ */ jsx("p", {
 			className: "font-medium",
 			children: "No workflow transitions available"
 		})
 	}) : /* @__PURE__ */ jsxs(index, {
-		nodes: D,
-		edges: j,
-		onNodesChange: k,
-		onEdgesChange: N,
+		nodes: k,
+		edges: N,
+		onNodesChange: j,
+		onEdgesChange: F,
 		nodeTypes,
 		edgeTypes,
 		fitView: !0,
@@ -96,12 +97,12 @@ var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransiti
 			size: 1,
 			className: "opacity-[0.15]"
 		}), /* @__PURE__ */ jsx(Controls, { className: "bg-card border-border rounded-lg border shadow-md" })]
-	}), x[20] = j, x[21] = D, x[22] = N, x[23] = k, x[24] = Y) : Y = x[24];
-	let X;
-	return x[25] !== Y || x[26] !== J ? (X = /* @__PURE__ */ jsxs("div", {
+	}), x[21] = N, x[22] = k, x[23] = F, x[24] = j, x[25] = Z) : Z = x[25];
+	let Q;
+	return x[26] !== X || x[27] !== Z ? (Q = /* @__PURE__ */ jsxs("div", {
 		className: "h-full w-full",
-		children: [J, Y]
-	}), x[25] = Y, x[26] = J, x[27] = X) : X = x[27], X;
+		children: [X, Z]
+	}), x[26] = X, x[27] = Z, x[28] = Q) : Q = x[28], Q;
 };
 function _temp(e) {
 	return e;

package/dist/features/debug/components/pipeline-flow/WorkflowGraph.js

@@ -6,36 +6,36 @@ function countTransitions(e) {
 	return e ? getTransitions(e).length : 0;
 }
 var WorkflowGraph_default = (s) => {
-	let l = c(17), { pipeline: u, workflow: d, pipelineConfig: f, onGraphReady: p, onLoadingChange: m } = s, h = useWorkflow(d.id), g = h.data, _ = useRef(null), v, y;
-	l[0] !== h.isLoading || l[1] !== m || l[2] !== d.id ? (v = () => {
-		m(d.id, h.isLoading);
-	}, y = [
+	let l = c(18), { pipeline: u, workflow: d, pipelineConfig: f, onGraphReady: p, onLoadingChange: m, direction: h } = s, g = h === void 0 ? "LR" : h, _ = useWorkflow(d.id), v = _.data, y = useRef(null), b, x;
+	l[0] !== _.isLoading || l[1] !== m || l[2] !== d.id ? (b = () => {
+		m(d.id, _.isLoading);
+	}, x = [
 		d.id,
-		h.isLoading,
+		_.isLoading,
 		m
-	], l[0] = h.isLoading, l[1] = m, l[2] = d.id, l[3] = v, l[4] = y) : (v = l[3], y = l[4]), useEffect(v, y);
-	let b;
-	l[5] !== p || l[6] !== u || l[7] !== f || l[8] !== d.id || l[9] !== g ? (b = () => {
+	], l[0] = _.isLoading, l[1] = m, l[2] = d.id, l[3] = b, l[4] = x) : (b = l[3], x = l[4]), useEffect(b, x);
+	let S;
+	l[5] !== g || l[6] !== p || l[7] !== u || l[8] !== f || l[9] !== d.id || l[10] !== v ? (S = () => {
 		let e = f ? getTransitions(f) : [], o = JSON.stringify({
 			p: countTransitions(u),
-			w: countTransitions(g),
+			w: countTransitions(v),
 			c: e.length,
-			history: g?.history?.length,
-			place: g?.place
+			history: v?.history?.length,
+			place: v?.place
 		});
-		if (o !== _.current) {
-			_.current = o;
-			let { nodes: a, edges: s } = buildWorkflowGraph(u, g, d.id, e, "LR");
+		if (o !== y.current) {
+			y.current = o;
+			let { nodes: a, edges: s } = buildWorkflowGraph(u, v, d.id, e, g);
 			p(d.id, a, s);
 		}
-	}, l[5] = p, l[6] = u, l[7] = f, l[8] = d.id, l[9] = g, l[10] = b) : b = l[10];
-	let x;
-	return l[11] !== p || l[12] !== u || l[13] !== f || l[14] !== d || l[15] !== g ? (x = [
+	}, l[5] = g, l[6] = p, l[7] = u, l[8] = f, l[9] = d.id, l[10] = v, l[11] = S) : S = l[11];
+	let C;
+	return l[12] !== p || l[13] !== u || l[14] !== f || l[15] !== d || l[16] !== v ? (C = [
 		u,
 		d,
-		g,
+		v,
 		f,
 		p
-	], l[11] = p, l[12] = u, l[13] = f, l[14] = d, l[15] = g, l[16] = x) : x = l[16], useEffect(b, x), null;
+	], l[12] = p, l[13] = u, l[14] = f, l[15] = d, l[16] = v, l[17] = C) : C = l[17], useEffect(S, C), null;
 };
 export { WorkflowGraph_default as default };

package/dist/features/documents/DocumentRenderer.js

@@ -2,6 +2,7 @@ import CompletionMessagePaper_default from "../../components/messages/Completion
 import OAuthPromptRenderer_default from "../oauth/OAuthPromptRenderer.js";
 import "../oauth/index.js";
 import AiMessage_default from "./renderers/AiMessage.js";
+import ClaudeMessage_default from "./renderers/ClaudeMessage.js";
 import DocumentDebugRenderer_default from "./renderers/DocumentDebugRenderer.js";
 import DocumentFormRenderer_default from "./renderers/DocumentFormRenderer.js";
 import DocumentMessageRenderer_default from "./renderers/DocumentMessageRenderer.js";
@@ -13,22 +14,26 @@ import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 var rendererRegistry = new Map([
-	["ai-message", ({ document: e, isLastItem: f }) => /* @__PURE__ */ jsx(AiMessage_default, {
+	["ai-message", ({ document: e, isLastItem: p }) => /* @__PURE__ */ jsx(AiMessage_default, {
 		document: e,
-		isLastItem: f
+		isLastItem: p
+	})],
+	["claude-message", ({ document: e, isLastItem: p }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
+		document: e,
+		isLastItem: p
 	})],
 	["debug", ({ document: e }) => /* @__PURE__ */ jsx("div", {
 		className: "mb-4 flex",
 		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })
 	})],
-	["object-form", ({ pipeline: f, workflow: p, document: m, isActive: g }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+	["object-form", ({ pipeline: p, workflow: m, document: h, isActive: g }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: new Date(m.createdAt),
+		timestamp: new Date(h.createdAt),
 		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
-			pipeline: f,
-			workflow: p,
-			document: m,
+			pipeline: p,
+			workflow: m,
+			document: h,
 			enabled: g,
 			viewOnly: !g
 		})
@@ -38,16 +43,16 @@ var rendererRegistry = new Map([
 	["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 })],
-	["oauth-prompt", ({ pipeline: e, workflow: p, document: m, isActive: h }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+	["oauth-prompt", ({ pipeline: e, workflow: m, document: h, isActive: g }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
 		pipeline: e,
-		workflow: p,
-		document: m,
-		isActive: h
+		workflow: m,
+		document: h,
+		isActive: g
 	})]
 ]), DocumentRenderer_default = (e) => {
-	let f = c(5), p = e.document.ui?.form?.widget ?? "object-form", m;
-	f[0] === p ? m = f[1] : (m = rendererRegistry.get(p), f[0] = p, f[1] = m);
-	let h = m, g;
-	return f[2] !== h || f[3] !== e ? (g = /* @__PURE__ */ jsx("div", { children: h ? /* @__PURE__ */ jsx(h, { ...e }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), f[2] = h, f[3] = e, f[4] = g) : g = f[4], g;
+	let p = c(5), m = e.document.ui?.form?.widget ?? "object-form", h;
+	p[0] === m ? h = p[1] : (h = rendererRegistry.get(m), p[0] = m, p[1] = h);
+	let g = h, _;
+	return p[2] !== g || p[3] !== e ? (_ = /* @__PURE__ */ jsx("div", { children: g ? /* @__PURE__ */ jsx(g, { ...e }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), p[2] = g, p[3] = e, p[4] = _) : _ = p[4], _;
 };
 export { DocumentRenderer_default as default };

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

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