@loopstack/loopstack-studio 0.23.0 → 0.24.0

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/components/DocumentList.js

@@ -21,7 +21,11 @@ var import_enums = require_enums(), DocumentList_default = (e) => {
 		let e;
 		o[15] !== d.length || o[16] !== v || o[17] !== l || o[18] !== p || o[19] !== u ? (e = (e, a) => {
 			let o = e, s = e.place === u.place || !!o.meta?.enableAtPlaces?.includes(u.place);
-			return /* @__PURE__ */ jsx(DocumentItem_default, {
+			return console.log({
+				isDocumentActive: s,
+				enableAtPlaces: o.meta?.enableAtPlaces,
+				place: u.place
+			}), /* @__PURE__ */ jsx(DocumentItem_default, {
 				document: e,
 				workflow: u,
 				pipeline: l,

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

@@ -1,23 +1,23 @@
-import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../node_modules/ai/dist/index.js";
 import { Message, MessageAction, MessageActions, MessageContent, MessageResponse } from "../../../components/ai-elements/message.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../../components/ai-elements/reasoning.js";
 import { Source, Sources, SourcesContent, SourcesTrigger } from "../../../components/ai-elements/sources.js";
 import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../components/ai-elements/tool.js";
+import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../types/ai.types.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon } from "lucide-react";
 var AiMessage_default = (O) => {
-	let k = c(13), { document: A } = O, j = A.content, M, N;
+	let k = c(13), { document: A } = O, j = A.content, M = _temp, N, P;
 	if (k[0] !== j.id || k[1] !== j.parts || k[2] !== j.role) {
-		let n = j.parts?.filter(_temp) ?? [];
-		M = Fragment, N = j.role === "assistant" && n.length > 0 && /* @__PURE__ */ jsxs(Sources, { children: [/* @__PURE__ */ jsx(SourcesTrigger, { count: n.length }), n.map((n, T) => /* @__PURE__ */ jsx(SourcesContent, { children: /* @__PURE__ */ jsx(Source, {
+		let n = j.parts?.filter(M) ?? [];
+		N = Fragment, P = j.role === "assistant" && n.length > 0 && /* @__PURE__ */ jsxs(Sources, { children: [/* @__PURE__ */ jsx(SourcesTrigger, { count: n.length }), n.map((n, T) => /* @__PURE__ */ jsx(SourcesContent, { children: /* @__PURE__ */ jsx(Source, {
 			href: n.url,
 			title: n.url
-		}) }, `${j.id}-source-${T}`))] }), k[0] = j.id, k[1] = j.parts, k[2] = j.role, k[3] = M, k[4] = N;
-	} else M = k[3], N = k[4];
-	let P;
-	k[5] !== j.id || k[6] !== j.parts || k[7] !== j.role ? (P = j.parts?.map((E, D) => {
+		}) }, `${j.id}-source-${T}`))] }), k[0] = j.id, k[1] = j.parts, k[2] = j.role, k[3] = N, k[4] = P;
+	} else N = k[3], P = k[4];
+	let F;
+	k[5] !== j.id || k[6] !== j.parts || k[7] !== j.role ? (F = j.parts?.map((E, D) => {
 		if (isTextUIPart(E)) return /* @__PURE__ */ jsxs(Message, {
 			from: j.role,
 			children: [/* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: E.text }) }), j.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
@@ -46,9 +46,9 @@ var AiMessage_default = (O) => {
 			}, `${j.id}-${D}`);
 		}
 		return null;
-	}), k[5] = j.id, k[6] = j.parts, k[7] = j.role, k[8] = P) : P = k[8];
-	let F;
-	return k[9] !== M || k[10] !== N || k[11] !== P ? (F = /* @__PURE__ */ jsxs(M, { children: [N, P] }), k[9] = M, k[10] = N, k[11] = P, k[12] = F) : F = k[12], F;
+	}), k[5] = j.id, k[6] = j.parts, k[7] = j.role, k[8] = F) : F = k[8];
+	let I;
+	return k[9] !== N || k[10] !== P || k[11] !== F ? (I = /* @__PURE__ */ jsxs(N, { children: [P, F] }), k[9] = N, k[10] = P, k[11] = F, k[12] = I) : I = k[12], I;
 };
 function _temp(n) {
 	return n.type === "source-url";

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 };

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

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 import { useForm } from "react-hook-form";
 import "zod";
 var DocumentFormRenderer_default = (l) => {
-	let u = c(39), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
+	let u = c(40), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
 	u[0] !== p.content || u[1] !== p.schema.type ? (_ = p.schema.type === "object" ? p.content : { raw: p.content }, u[0] = p.content, u[1] = p.schema.type, u[2] = _) : _ = u[2];
 	let v;
 	u[3] === _ ? v = u[4] : (v = {
@@ -46,22 +46,28 @@ var DocumentFormRenderer_default = (l) => {
 		p.schema.type === "object" ? T(e, s) : T(e, s.raw);
 	}, u[16] = p.schema.type, u[17] = T, u[18] = E) : E = u[18];
 	let D = E, O;
-	u[19] !== y || u[20] !== D ? (O = (e) => {
-		y.handleSubmit(D(e))();
-	}, u[19] = y, u[20] = D, u[21] = O) : O = u[21];
-	let k = O, A = p.ui, j = p.schema, M = A?.form?.disabled, N = !m || M || !1, P;
-	u[22] === p.ui?.actions ? P = u[23] : (P = p.ui?.actions ?? [], u[22] = p.ui?.actions, u[23] = P);
-	let F = P, I = A ?? void 0, L = p.meta?.mimeType, R;
-	u[24] !== F || u[25] !== C || u[26] !== N || u[27] !== k || u[28] !== g.isPending || u[29] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
+	u[19] !== T || u[20] !== y || u[21] !== D ? (O = (e, s) => {
+		s === void 0 ? y.handleSubmit(D(e))() : T(e, s);
+	}, u[19] = T, u[20] = y, u[21] = D, u[22] = O) : O = u[22];
+	let k = O, A = p.ui, j = p.schema, M = !!A?.form?.disabled, N = !m || M || !1, P;
+	u[23] === p.ui?.actions ? P = u[24] : (P = p.ui?.actions ?? [], u[23] = p.ui?.actions, u[24] = P);
+	let F = P;
+	console.log({
+		document: p,
+		formDisabled: M,
+		enabled: m
+	});
+	let I = A ?? void 0, L = p.meta?.mimeType, R;
+	u[25] !== F || u[26] !== C || u[27] !== N || u[28] !== k || u[29] !== g.isPending || u[30] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
 		actions: F,
 		onSubmit: k,
 		availableTransitions: C,
 		currentPlace: f.place,
 		disabled: N,
 		isLoading: g.isPending
-	}), u[24] = F, u[25] = C, u[26] = N, u[27] = k, u[28] = g.isPending, u[29] = f.place, u[30] = R) : R = u[30];
+	}), u[25] = F, u[26] = C, u[27] = N, u[28] = k, u[29] = g.isPending, u[30] = f.place, u[31] = R) : R = u[31];
 	let z;
-	return u[31] !== N || u[32] !== y || u[33] !== j || u[34] !== I || u[35] !== L || u[36] !== R || u[37] !== h ? (z = /* @__PURE__ */ jsx("div", {
+	return u[32] !== N || u[33] !== y || u[34] !== j || u[35] !== I || u[36] !== L || u[37] !== R || u[38] !== h ? (z = /* @__PURE__ */ jsx("div", {
 		className: "flex",
 		children: /* @__PURE__ */ jsx(Form_default, {
 			form: y,
@@ -72,7 +78,7 @@ var DocumentFormRenderer_default = (l) => {
 			viewOnly: h,
 			actions: R
 		})
-	}), u[31] = N, u[32] = y, u[33] = j, u[34] = I, u[35] = L, u[36] = R, u[37] = h, u[38] = z) : z = u[38], z;
+	}), u[32] = N, u[33] = y, u[34] = j, u[35] = I, u[36] = L, u[37] = R, u[38] = h, u[39] = z) : z = u[39], z;
 };
 function _temp(e) {
 	return e.id;