@loopstack/loopstack-studio 0.22.0 → 0.23.1

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

@@ -2,30 +2,30 @@ import { usePipeline } from "../../../hooks/usePipelines.js";
 import { Background, BackgroundVariant, Controls, index, useEdgesState, useNodesState, useReactFlow } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 /* empty css                                             */
 import StateNode_default from "./pipeline-flow/StateNode.js";
-import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
 import WorkflowGraph_default from "./pipeline-flow/WorkflowGraph.js";
+import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
 import { c } from "react/compiler-runtime";
 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/debug/index.js

@@ -0,0 +1,3 @@
+import PipelineFlowViewer_default from "./components/PipelineFlowViewer.js";
+import PipelineDebugHeader_default from "./components/PipelineDebugHeader.js";
+import ConfigFlowViewer_default from "./components/ConfigFlowViewer.js";

package/dist/features/documents/DocumentRenderer.js

@@ -0,0 +1,58 @@
+import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
+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";
+import ErrorMessageRenderer_default from "./renderers/ErrorMessageRenderer.js";
+import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
+import MarkdownMessageRenderer_default from "./renderers/MarkdownMessageRenderer.js";
+import PlainMessageRenderer_default from "./renderers/PlainMessageRenderer.js";
+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: p }) => /* @__PURE__ */ jsx(AiMessage_default, {
+		document: e,
+		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: p, workflow: m, document: h, isActive: g }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: new Date(h.createdAt),
+		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
+			pipeline: p,
+			workflow: m,
+			document: h,
+			enabled: g,
+			viewOnly: !g
+		})
+	})],
+	["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", ({ document: e }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: e })],
+	["oauth-prompt", ({ pipeline: e, workflow: m, document: h, isActive: g }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+		pipeline: e,
+		workflow: m,
+		document: h,
+		isActive: g
+	})]
+]), DocumentRenderer_default = (e) => {
+	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/{workbench → documents}/components/DocumentItem.js

@@ -1,5 +1,5 @@
+import DocumentRenderer_default from "../DocumentRenderer.js";
 import DocumentMetadataPills_default from "./DocumentMetadataPills.js";
-import DocumentRenderer_default from "./DocumentRenderer.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench → documents}/components/DocumentMetadataPills.js

@@ -1,7 +1,7 @@
 import { Badge } from "../../../components/ui/badge.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../../components/ui/dialog.js";
-import DocumentDetails_default from "./document-details/DocumentDetails.js";
-import PromptDetails_default from "./document-details/PromptDetails.js";
+import DocumentDetails_default from "../document-details/DocumentDetails.js";
+import PromptDetails_default from "../document-details/PromptDetails.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench/components → documents}/document-details/DocumentDetails.js

@@ -1,6 +1,6 @@
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../../components/ui/accordion.js";
-import { Badge } from "../../../../components/ui/badge.js";
-import { Card, CardContent } from "../../../../components/ui/card.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../components/ui/accordion.js";
+import { Badge } from "../../../components/ui/badge.js";
+import { Card, CardContent } from "../../../components/ui/card.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench/components → documents}/document-details/PromptDetails.js

@@ -1,6 +1,6 @@
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../../components/ui/accordion.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../../../../components/ui/card.js";
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../components/ui/accordion.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../components/ui/card.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/documents/index.js

@@ -0,0 +1,4 @@
+import DocumentRenderer_default from "./DocumentRenderer.js";
+import DocumentMetadataPills_default from "./components/DocumentMetadataPills.js";
+import DocumentItem_default from "./components/DocumentItem.js";
+import DocumentList_default from "./components/DocumentList.js";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/AiMessage.js

@@ -1,8 +1,8 @@
-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 "../../../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 { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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/{workbench/components/document-renderer → documents/renderers}/DocumentDebugRenderer.js

@@ -1,4 +1,4 @@
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentFormRenderer.js

@@ -1,6 +1,6 @@
-import Form_default from "../../../../components/dynamic-form/Form.js";
-import { useRunPipeline } from "../../../../hooks/useProcessor.js";
-import UiActions_default from "../../../../components/ui-widgets/UiActions.js";
+import Form_default from "../../../components/dynamic-form/Form.js";
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import UiActions_default from "../../../components/ui-widgets/UiActions.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentMessageRenderer.js

@@ -1,4 +1,4 @@
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import AiMessageContent_default from "./AiMessageContent.js";
 import { c } from "react/compiler-runtime";
 import React from "react";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/ErrorMessageRenderer.js

@@ -1,4 +1,4 @@
-import { Alert, AlertDescription } from "../../../../components/ui/alert.js";
+import { Alert, AlertDescription } from "../../../components/ui/alert.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/LinkMessageRenderer.js

@@ -1,4 +1,4 @@
-import link_default from "../../../../components/loopstack-elements/link.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";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/MarkdownMessageRenderer.js

@@ -1,5 +1,5 @@
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
-import MarkdownContent_default from "../../../../components/dynamic-form/MarkdownContent.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.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";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/PlainMessageRenderer.js

@@ -1,4 +1,4 @@
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/features/health/index.js

@@ -0,0 +1 @@
+import LocalHealthCheck_default from "./LocalHealthCheck.js";

package/dist/features/workbench/NavigationItems.js

@@ -1,52 +1,52 @@
 import { useStudio } from "../../providers/StudioProvider.js";
-import { useFetchWorkflowsByNamespace } from "../../hooks/useWorkflows.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { SidebarMenuSubItem } from "../../components/ui/sidebar.js";
-import { WorkbenchContextProvider } from "./providers/WorkbenchLayoutProvider.js";
+import { useFetchWorkflowsByNamespace } from "../../hooks/useWorkflows.js";
+import { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
 import NavigationItem_default from "./components/NavigationItem.js";
 import { useScroll } from "./providers/ScrollProvider.js";
 import { c } from "react/compiler-runtime";
-import React, { useContext } from "react";
+import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var NavigationItems_default = (m) => {
-	let h = c(17), { namespace: g } = m, { router: _ } = useStudio(), { pipelineId: v, clickId: y } = useParams(), b = useContext(WorkbenchContextProvider), x = useFetchWorkflowsByNamespace(g.id), { setScrollTo: S } = useScroll(), C;
-	h[0] !== y || h[1] !== v || h[2] !== _ || h[3] !== S ? (C = (e) => {
-		S(!0), v && _.navigateToWorkflow(v, e, y);
-	}, h[0] = y, h[1] = v, h[2] = _, h[3] = S, h[4] = C) : C = h[4];
-	let w = C;
-	if (x.isPending) {
+var NavigationItems_default = (p) => {
+	let m = c(17), { namespace: h } = p, { router: g } = useStudio(), { pipelineId: _, clickId: v } = useParams(), { activeSectionId: y } = useWorkbenchLayout(), b = useFetchWorkflowsByNamespace(h.id), { setScrollTo: x } = useScroll(), S;
+	m[0] !== v || m[1] !== _ || m[2] !== g || m[3] !== x ? (S = (e) => {
+		x(!0), _ && g.navigateToWorkflow(_, e, v);
+	}, m[0] = v, m[1] = _, m[2] = g, m[3] = x, m[4] = S) : S = m[4];
+	let C = S;
+	if (b.isPending) {
 		let e;
-		h[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
+		m[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 p-2",
 			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })]
-		}) }), h[5] = e) : e = h[5];
-		let f;
-		h[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
+		}) }), m[5] = e) : e = m[5];
+		let d;
+		m[6] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 p-2",
 			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })]
-		}) }), h[6] = f) : f = h[6];
-		let p;
-		return h[7] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		}) }), m[6] = d) : d = m[6];
+		let f;
+		return m[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			e,
-			f,
+			d,
 			/* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 p-2",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })]
 			}) })
-		] }), h[7] = p) : p = h[7], p;
+		] }), m[7] = f) : f = m[7], f;
 	}
-	if (!v || !x.data?.length) return null;
-	let T;
-	if (h[8] !== x.data || h[9] !== w || h[10] !== b?.state) {
+	if (!_ || !b.data?.length) return null;
+	let w;
+	if (m[8] !== y || m[9] !== b.data || m[10] !== C) {
 		let e;
-		h[12] !== w || h[13] !== b?.state ? (e = (e) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(NavigationItem_default, {
+		m[12] !== y || m[13] !== C ? (e = (e) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(NavigationItem_default, {
 			workflow: e,
-			isSelected: b?.state.activeSectionId?.endsWith(e.id) ?? !1,
-			navigateTo: w
-		}) }, `wf-${e.id}`), h[12] = w, h[13] = b?.state, h[14] = e) : e = h[14], T = x.data.map(e), h[8] = x.data, h[9] = w, h[10] = b?.state, h[11] = T;
-	} else T = h[11];
-	let E;
-	return h[15] === T ? E = h[16] : (E = /* @__PURE__ */ jsx(Fragment$1, { children: T }), h[15] = T, h[16] = E), E;
+			isSelected: y?.endsWith(e.id) ?? !1,
+			navigateTo: C
+		}) }, `wf-${e.id}`), m[12] = y, m[13] = C, m[14] = e) : e = m[14], w = b.data.map(e), m[8] = y, m[9] = b.data, m[10] = C, m[11] = w;
+	} else w = m[11];
+	let T;
+	return m[15] === w ? T = m[16] : (T = /* @__PURE__ */ jsx(Fragment$1, { children: w }), m[15] = w, m[16] = T), T;
 };
 export { NavigationItems_default as default };