@loopstack/loopstack-studio 0.27.0 → 0.29.0

package/dist/features/debug/lib/flow-utils.js

@@ -1,6 +1,7 @@
 import { MarkerType, Position } from "../../../node_modules/@xyflow/system/dist/esm/index.js";
+import { NODE_HEIGHT, NODE_WIDTH } from "./flow-types.js";
 import dagre_esm_default from "../../../frontend/studio/node_modules/@dagrejs/dagre/dist/dagre.esm.js";
-var NODE_WIDTH = 130, NODE_HEIGHT = 70, CONDITION_OPERATORS = {
+var CONDITION_OPERATORS = {
 	gt: ">",
 	lt: "<",
 	eq: "==",
@@ -8,32 +9,32 @@ var NODE_WIDTH = 130, NODE_HEIGHT = 70, CONDITION_OPERATORS = {
 	ge: ">=",
 	le: "<="
 };
-function getLayoutedElements(e, u, d = "LR") {
-	let f = new dagre_esm_default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
-	f.setGraph({
-		rankdir: d,
-		nodesep: 100,
-		ranksep: 200
+function getLayoutedElements(e, s, c = "LR") {
+	let u = new dagre_esm_default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
+	u.setGraph({
+		rankdir: c,
+		nodesep: 120,
+		ranksep: 240
 	});
-	for (let o of e) f.setNode(o.id, {
-		width: NODE_WIDTH,
-		height: NODE_HEIGHT
+	for (let o of e) u.setNode(o.id, {
+		width: 208,
+		height: 104
 	});
-	for (let e of u) f.setEdge(e.source, e.target);
-	return dagre_esm_default.layout(f), {
+	for (let e of s) u.setEdge(e.source, e.target);
+	return dagre_esm_default.layout(u), {
 		nodes: e.map((e) => {
-			let s = f.node(e.id);
+			let s = u.node(e.id);
 			return {
 				...e,
-				targetPosition: d === "LR" ? Position.Left : Position.Top,
-				sourcePosition: d === "LR" ? Position.Right : Position.Bottom,
+				targetPosition: c === "LR" ? Position.Left : Position.Top,
+				sourcePosition: c === "LR" ? Position.Right : Position.Bottom,
 				position: {
-					x: s.x - NODE_WIDTH / 2,
-					y: s.y - NODE_HEIGHT / 2
+					x: s.x - 208 / 2,
+					y: s.y - 104 / 2
 				}
 			};
 		}),
-		edges: u
+		edges: s
 	};
 }
 function getTransitions(e, o = /* @__PURE__ */ new Set()) {
@@ -75,8 +76,8 @@ function formatCondition(e) {
 	}
 	return o;
 }
-function buildWorkflowGraph(e, o, s, c = [], l, u = !1, f = []) {
-	let p = collectTransitions(e, o, c), m = collectStates(p, f), b = buildExecutedMap(f), x = resolveTransitions(p, f), S = findEndStates(m, x), C = findVisitedStates(f), w = computeStateRanks(x), T = buildNodes(m, {
+function buildWorkflowGraph(e, o, s, c = [], l, u = !1, f = [], p) {
+	let m = collectTransitions(e, o, c, p?.extraTransitionSources), y = collectStates(m, f), b = buildExecutedMap(f), x = resolveTransitions(m, f), S = findEndStates(y, x), C = findVisitedStates(f), w = buildNodes(y, {
 		workflowId: s,
 		currentPlace: o?.place,
 		endStates: S,
@@ -84,24 +85,26 @@ function buildWorkflowGraph(e, o, s, c = [], l, u = !1, f = []) {
 		visitCounts: buildVisitCounts(f),
 		direction: l,
 		forceVisible: u
-	}), E = buildEdges(x, {
+	}), T = buildEdges(x, {
 		workflowId: s,
 		executedMap: b,
-		stateRanks: w,
-		forceVisible: u
+		forceVisible: u,
+		hideSameStateTransitions: p?.hideSameStateTransitions ?? !1,
+		direction: l
 	});
-	return T.length > 1 ? getLayoutedElements(T, E, l) : {
-		nodes: T,
-		edges: E
-	};
+	return w.length <= 1 ? {
+		nodes: w,
+		edges: T
+	} : getLayoutedElements(w, T, l);
 }
-function collectTransitions(e, o, s) {
-	let c = [...s];
-	e && c.push(...getTransitions(e)), o && c.push(...getTransitions(o));
-	let l = /* @__PURE__ */ new Set();
-	return c.filter((e) => {
+function collectTransitions(e, o, s, c) {
+	let l = [...s];
+	e && l.push(...getTransitions(e)), o && l.push(...getTransitions(o));
+	for (let e of c ?? []) l.push(...getTransitions(e));
+	let u = /* @__PURE__ */ new Set();
+	return l.filter((e) => {
 		let o = Array.isArray(e.from) ? e.from.join(",") : e.from, s = `${e.id}-${o}-${e.to}`;
-		return l.has(s) ? !1 : (l.add(s), !0);
+		return u.has(s) ? !1 : (u.add(s), !0);
 	});
 }
 function collectStates(e, o) {
@@ -162,20 +165,6 @@ function findVisitedStates(e) {
 	for (let s of e) s.place && o.add(s.place);
 	return o;
 }
-function computeStateRanks(e) {
-	let o = /* @__PURE__ */ new Map();
-	for (let s of e) {
-		if (s.from === s.to) continue;
-		let e = o.get(s.from) ?? [];
-		e.push(s.to), o.set(s.from, e);
-	}
-	let s = new Map([["start", 0]]), c = ["start"];
-	for (; c.length > 0;) {
-		let e = c.shift(), l = s.get(e);
-		for (let u of o.get(e) ?? []) s.has(u) || (s.set(u, l + 1), c.push(u));
-	}
-	return s;
-}
 function buildNodes(e, o) {
 	return Array.from(e).map((e) => ({
 		id: `${o.workflowId}-${e}`,
@@ -196,42 +185,55 @@ function buildNodes(e, o) {
 		}
 	}));
 }
+function edgeHandleProps(e, o) {
+	return e === "TB" ? o ? {
+		sourceHandle: "tb-s-self",
+		targetHandle: "tb-t-self"
+	} : {
+		sourceHandle: "tb-s",
+		targetHandle: "tb-t"
+	} : o ? {
+		sourceHandle: "lr-r-self",
+		targetHandle: "lr-l-self"
+	} : {
+		sourceHandle: "lr-r",
+		targetHandle: "lr-l"
+	};
+}
 function buildEdges(o, s) {
 	let c = /* @__PURE__ */ new Set(), l = [], u = 0;
 	for (let d of o) {
 		let o = `${d.from}->${d.to}:${d.id}`;
 		if (c.has(o)) continue;
 		c.add(o);
-		let f = s.executedMap.has(o), p = d.trigger === "onEntry", m = d.from === d.to, h = s.stateRanks.get(d.from) ?? 0, g = s.stateRanks.get(d.to) ?? 0, _ = !m && g <= h, v = f ? "var(--primary)" : "var(--muted-foreground)", y = {
+		let f = d.from === d.to;
+		if (s.hideSameStateTransitions && f) continue;
+		let p = s.executedMap.has(o), m = d.trigger === "onEntry", h = p ? "var(--primary)" : "var(--muted-foreground)", g = {
 			...d,
-			isExecuted: f,
-			isSelfLoop: m,
-			isBackEdge: _,
+			isExecuted: p,
+			isSelfLoop: f,
 			forceVisible: s.forceVisible
-		};
+		}, _ = p || s.forceVisible ? 1 : .38, v = p ? 2.5 : 1.5;
 		l.push({
 			id: `edge-${s.workflowId}-${u++}`,
 			source: `${s.workflowId}-${d.from}`,
 			target: `${s.workflowId}-${d.to}`,
-			..._ && {
-				sourceHandle: "bottom-source",
-				targetHandle: "bottom-target"
-			},
+			...edgeHandleProps(s.direction, f),
 			type: "workflowTransition",
 			animated: !1,
 			style: {
-				strokeWidth: f ? 2.5 : 1.5,
-				stroke: v,
-				strokeDasharray: p ? "4,4" : f ? void 0 : "5,5",
-				opacity: f || s.forceVisible ? 1 : .3
+				strokeWidth: v,
+				stroke: h,
+				strokeDasharray: m ? "4,4" : p ? void 0 : "5,5",
+				opacity: _
 			},
 			markerEnd: {
 				type: MarkerType.ArrowClosed,
-				width: 18,
-				height: 18,
-				color: v
+				width: f ? 12 : 18,
+				height: f ? 12 : 18,
+				color: h
 			},
-			data: y
+			data: g
 		});
 	}
 	return l;

package/dist/features/documents/DocumentRenderer.js

@@ -5,13 +5,13 @@ import OAuthPromptRenderer_default from "../oauth/OAuthPromptRenderer.js";
 import "../oauth/index.js";
 import AiMessage_default from "./renderers/AiMessage.js";
 import ChoicesRenderer_default from "./renderers/ChoicesRenderer.js";
-import ClaudeMessage_default from "./renderers/ClaudeMessage.js";
 import ConfirmPromptRenderer_default from "./renderers/ConfirmPromptRenderer.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 LlmMessage_default from "./renderers/LlmMessage.js";
 import MarkdownMessageRenderer_default from "./renderers/MarkdownMessageRenderer.js";
 import PlainMessageRenderer_default from "./renderers/PlainMessageRenderer.js";
 import TextPromptRenderer_default from "./renderers/TextPromptRenderer.js";
@@ -23,7 +23,7 @@ var coreRendererRegistry = new Map([
 		document: e,
 		isLastItem: _
 	})],
-	["claude-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
+	["llm-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(LlmMessage_default, {
 		document: e,
 		isLastItem: _
 	})],

package/dist/features/documents/components/DocumentList.js

@@ -1,28 +1,29 @@
-import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../../packages/contracts/dist/enums/index.js";
 import DocumentItem_default from "./DocumentItem.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var import_enums = require_enums(), DocumentList_default = (e) => {
-	let o = c(23), { workflow: l, childWorkflow: u, documents: d, scrollTo: f, settings: p } = e, { workflowId: m, clickId: h } = useParams(), g;
-	o[0] !== u.id || o[1] !== m || o[2] !== f ? (g = () => {
+var DocumentList_default = (a) => {
+	let s = c(23), { workflow: l, childWorkflow: u, documents: d, scrollTo: f, settings: p } = a, { workflowId: m, clickId: h } = useParams(), g;
+	s[0] !== u.id || s[1] !== m || s[2] !== f ? (g = () => {
 		m === u.id && f(u.id);
-	}, o[0] = u.id, o[1] = m, o[2] = f, o[3] = g) : g = o[3];
+	}, s[0] = u.id, s[1] = m, s[2] = f, s[3] = g) : g = s[3];
 	let _;
-	o[4] !== u.id || o[5] !== h || o[6] !== m || o[7] !== f ? (_ = [
+	s[4] !== u.id || s[5] !== h || s[6] !== m || s[7] !== f ? (_ = [
 		u.id,
 		m,
 		h,
 		f
-	], o[4] = u.id, o[5] = h, o[6] = m, o[7] = f, o[8] = _) : _ = o[8], useEffect(g, _);
-	let v = u.status === import_enums.WorkflowState.Waiting, y;
-	if (o[9] !== u || o[10] !== d || o[11] !== v || o[12] !== p || o[13] !== l) {
+	], s[4] = u.id, s[5] = h, s[6] = m, s[7] = f, s[8] = _) : _ = s[8], useEffect(g, _);
+	let v = u.status === WorkflowState.Waiting, y;
+	if (s[9] !== u || s[10] !== d || s[11] !== v || s[12] !== p || s[13] !== l) {
 		let e;
-		o[15] !== u || o[16] !== d.length || o[17] !== v || o[18] !== p || o[19] !== l ? (e = (e, a) => {
-			let o = e, s = e.place === u.place || !!o.meta?.enableAtPlaces?.includes(u.place);
+		s[15] !== u || s[16] !== d.length || s[17] !== v || s[18] !== p || s[19] !== l ? (e = (e, i) => {
+			let a = e, o = e.place === u.place || !!a.meta?.enableAtPlaces?.includes(u.place);
 			return console.log({
-				isDocumentActive: s,
+				isDocumentActive: o,
 				isWorkflowActive: v,
 				status: u.status,
 				place: u.place,
@@ -32,16 +33,16 @@ var import_enums = require_enums(), DocumentList_default = (e) => {
 				document: e,
 				workflow: u,
 				parentWorkflow: l,
-				isActive: v && s,
-				isLastItem: a === d.length - 1,
+				isActive: v && o,
+				isLastItem: i === d.length - 1,
 				settings: p
 			}, e.id);
-		}, o[15] = u, o[16] = d.length, o[17] = v, o[18] = p, o[19] = l, o[20] = e) : e = o[20], y = d.map(e), o[9] = u, o[10] = d, o[11] = v, o[12] = p, o[13] = l, o[14] = y;
-	} else y = o[14];
+		}, s[15] = u, s[16] = d.length, s[17] = v, s[18] = p, s[19] = l, s[20] = e) : e = s[20], y = d.map(e), s[9] = u, s[10] = d, s[11] = v, s[12] = p, s[13] = l, s[14] = y;
+	} else y = s[14];
 	let b;
-	return o[21] === y ? b = o[22] : (b = /* @__PURE__ */ jsx("div", {
+	return s[21] === y ? b = s[22] : (b = /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-3",
 		children: y
-	}), o[21] = y, o[22] = b), b;
+	}), s[21] = y, s[22] = b), b;
 };
 export { DocumentList_default as default };

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

@@ -0,0 +1,89 @@
+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/loopstack-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 LlmMessage_default = (y) => {
+	let b = c(15), { document: x } = y, S = x.content, C = S.id ?? x.id;
+	if (typeof S.content == "string") {
+		let m;
+		b[0] === S.content ? m = b[1] : (m = /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: S.content }) }), b[0] = S.content, b[1] = m);
+		let h;
+		b[2] !== S.content || b[3] !== 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[2] = S.content, b[3] = S.role, b[4] = h) : h = b[4];
+		let g;
+		return b[5] !== S.role || b[6] !== m || b[7] !== h ? (g = /* @__PURE__ */ jsxs(Message, {
+			from: S.role,
+			children: [m, h]
+		}), b[5] = S.role, b[6] = m, b[7] = h, b[8] = g) : g = b[8], g;
+	}
+	let w = S.content, T;
+	b[9] !== w || b[10] !== S.role || b[11] !== C ? (T = w.map((_, v) => {
+		switch (_.type) {
+			case "text": return /* @__PURE__ */ jsxs(Message, {
+				from: S.role,
+				children: [/* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: _.text }) }), S.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
+					onClick: () => void navigator.clipboard.writeText(_.text),
+					label: "Copy",
+					children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
+				}) })]
+			}, `${C}-${v}`);
+			case "thinking": return /* @__PURE__ */ jsxs(Reasoning, {
+				className: "w-full",
+				isStreaming: !1,
+				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: _.text })]
+			}, `${C}-${v}`);
+			case "tool_call": return /* @__PURE__ */ jsx(Message, {
+				from: "assistant",
+				children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
+					state: "input-available",
+					title: _.name,
+					type: "tool-call"
+				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: _.args }) })] })
+			}, `${C}-${v}`);
+			case "tool_result": {
+				let p;
+				try {
+					p = JSON.parse(_.content);
+				} catch {
+					p = _.content;
+				}
+				return /* @__PURE__ */ jsx(Message, {
+					from: "assistant",
+					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
+						state: _.isError ? "output-error" : "output-available",
+						title: "Tool Result",
+						type: "tool-call"
+					}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolOutput, {
+						output: p,
+						errorText: _.isError ? _.content : ""
+					}) })] })
+				}, `${C}-${v}`);
+			}
+			case "server_tool_use": {
+				let p = w.find((e) => e.type === "server_tool_result" && e.toolUseId === _.id);
+				return /* @__PURE__ */ jsx(Message, {
+					from: "assistant",
+					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
+						state: p ? "output-available" : "input-available",
+						title: _.name,
+						type: "tool-call"
+					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: _.input }), p && /* @__PURE__ */ jsx(ToolOutput, {
+						output: p.content,
+						errorText: ""
+					})] })] })
+				}, `${C}-${v}`);
+			}
+			case "server_tool_result": return null;
+			default: return null;
+		}
+	}), b[9] = w, b[10] = S.role, b[11] = C, b[12] = T) : T = b[12];
+	let E;
+	return b[13] === T ? E = b[14] : (E = /* @__PURE__ */ jsx(Fragment, { children: T }), b[13] = T, b[14] = E), E;
+};
+export { LlmMessage_default as default };

package/dist/features/workbench/WorkflowItem.js

@@ -2,7 +2,8 @@ import { cn } from "../../lib/utils.js";
 import { Button } from "../../components/ui/button.js";
 import LoadingCentered_default from "../../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../../components/feedback/ErrorSnackbar.js";
-import { require_enums } from "../../packages/contracts/dist/enums/index.js";
+import { WorkflowState } from "../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../packages/contracts/dist/enums/index.js";
 import { useRunWorkflow } from "../../hooks/useProcessor.js";
 import DocumentList_default from "../documents/components/DocumentList.js";
 import "../documents/index.js";
@@ -13,7 +14,7 @@ import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 import { AlertCircle, RefreshCw } from "lucide-react";
-var import_enums = require_enums(), WorkflowItem_default = (h) => {
+var WorkflowItem_default = (h) => {
 	let g = c(55), { workflow: _, workflowId: v, scrollTo: y, settings: b, embed: x } = h, { workflowId: S, clickId: C } = useParams(), w = useRunWorkflow(), T;
 	g[0] !== b.showFullMessageHistory || g[1] !== v ? (T = {
 		workflowId: v,
@@ -34,7 +35,7 @@ var import_enums = require_enums(), WorkflowItem_default = (h) => {
 	], g[9] = C, g[10] = M, g[11] = S, g[12] = y, g[13] = v, g[14] = O, g[15] = L) : L = g[15], useEffect(I, L);
 	let R;
 	g[16] === E?.availableTransitions ? R = g[17] : (R = E?.availableTransitions?.some(_temp), g[16] = E?.availableTransitions, g[17] = R);
-	let z = R, B = E?.hasError && E.status === import_enums.WorkflowState.Waiting, V = E?.hasError && !B && z !== !1, H;
+	let z = R, B = E?.hasError && E.status === WorkflowState.Waiting, V = E?.hasError && !B && z !== !1, H;
 	g[18] !== w || g[19] !== v ? (H = () => {
 		w.mutate({
 			workflowId: v,

package/dist/features/workbench/components/EmbedLogsContent.js

@@ -0,0 +1,5 @@
+import { c } from "react/compiler-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Loader2, RefreshCw, ScrollText } from "lucide-react";

package/dist/features/workbench/components/PreviewEmptyState.js

@@ -0,0 +1,10 @@
+import "../../../providers/StudioProvider.js";
+import "../../../hooks/useWorkflows.js";
+import "../../../components/ui/button.js";
+import "./NewRunDialog.js";
+import "./RecentRunItem.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useNavigate } from "react-router-dom";
+import { ChevronDown, Loader2, Play } from "lucide-react";

package/dist/features/workbench/components/PreviewWorkbench.js

@@ -0,0 +1,14 @@
+import "../../../hooks/useWorkflows.js";
+import "../../../components/ui/button.js";
+import "../../../components/feedback/LoadingCentered.js";
+import "../../../components/feedback/ErrorSnackbar.js";
+import "../../debug/index.js";
+import "../WorkflowItem.js";
+import "./WorkflowHistoryList.js";
+import "./NewRunDialog.js";
+import "../hooks/useEmbedBridge.js";
+import "./EmbedLogsContent.js";
+import { c } from "react/compiler-runtime";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ListOrdered, Play, ScrollText, Workflow } from "lucide-react";

package/dist/features/workbench/components/RecentRunItem.js

@@ -0,0 +1,48 @@
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { formatDistanceToNow } from "date-fns";
+var STATUS_DOT_COLORS = {
+	completed: "bg-green-500",
+	running: "bg-blue-500",
+	failed: "bg-red-500",
+	paused: "bg-yellow-500",
+	canceled: "bg-orange-500",
+	pending: "bg-muted-foreground"
+};
+function RecentRunItem(a) {
+	let o = c(17), { workflow: s, onClick: l } = a, u = `h-1.5 w-1.5 shrink-0 rounded-full ${STATUS_DOT_COLORS[s.status] ?? "bg-muted-foreground"}`, d;
+	o[0] === u ? d = o[1] : (d = /* @__PURE__ */ jsx("span", { className: u }), o[0] = u, o[1] = d);
+	let f;
+	o[2] !== s.alias || o[3] !== s.run ? (f = /* @__PURE__ */ jsxs("span", {
+		className: "truncate text-sm font-medium",
+		children: [
+			"Run #",
+			s.run,
+			" · ",
+			s.alias
+		]
+	}), o[2] = s.alias, o[3] = s.run, o[4] = f) : f = o[4];
+	let p;
+	o[5] !== d || o[6] !== f ? (p = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [d, f]
+	}), o[5] = d, o[6] = f, o[7] = p) : p = o[7];
+	let m = s.status, h;
+	o[8] === s.createdAt ? h = o[9] : (h = formatDistanceToNow(new Date(s.createdAt), { addSuffix: !0 }), o[8] = s.createdAt, o[9] = h);
+	let g;
+	o[10] !== h || o[11] !== s.status ? (g = /* @__PURE__ */ jsxs("p", {
+		className: "text-muted-foreground mt-0.5 pl-3.5 text-xs",
+		children: [
+			m,
+			" · ",
+			h
+		]
+	}), o[10] = h, o[11] = s.status, o[12] = g) : g = o[12];
+	let _;
+	return o[13] !== l || o[14] !== p || o[15] !== g ? (_ = /* @__PURE__ */ jsxs("button", {
+		className: "hover:bg-accent w-full rounded-md px-2 py-2.5 text-left transition-colors",
+		onClick: l,
+		children: [p, g]
+	}), o[13] = l, o[14] = p, o[15] = g, o[16] = _) : _ = o[16], _;
+}
+export { RecentRunItem };

package/dist/features/workbench/components/WorkflowForms.js

@@ -1,15 +1,16 @@
 import { useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
-import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../../packages/contracts/dist/enums/index.js";
 import UiActions_default from "../../../components/ui-widgets/UiActions.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-var import_enums = require_enums(), WorkflowForms_default = (o) => {
+var WorkflowForms_default = (o) => {
 	let s = c(8), { workflow: l, onSubmit: u } = o, d = useWorkflowConfigByName(l.className ?? void 0).data?.ui, f = d?.widgets ?? d?.actions;
 	if (!f?.length) return null;
 	let p;
 	s[0] === l.availableTransitions ? p = s[1] : (p = l.availableTransitions?.map(_temp) ?? [], s[0] = l.availableTransitions, s[1] = p);
-	let m = p, h = f, g = l.status === import_enums.WorkflowState.Completed, _;
+	let m = p, h = f, g = l.status === WorkflowState.Completed, _;
 	return s[2] !== m || s[3] !== u || s[4] !== h || s[5] !== g || s[6] !== l.place ? (_ = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
 		actions: h,
 		availableTransitions: m,

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

@@ -0,0 +1,3 @@
+import "../../../packages/contracts/dist/enums/index.js";
+import { c } from "react/compiler-runtime";
+import { useCallback, useEffect, useRef } from "react";

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

@@ -1,15 +1,15 @@
 import { useWorkflow } from "../../../hooks/useWorkflows.js";
-import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../../packages/contracts/dist/enums/index.js";
 import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { useFilterDocuments } from "../../../hooks/useDocuments.js";
 import { c } from "react/compiler-runtime";
 import { useCallback, useMemo } from "react";
-var import_enums = require_enums();
-function useWorkflowData(r) {
-	let o = c(21), { workflowId: s, showFullMessageHistory: l } = r, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunWorkflow(), p;
+function useWorkflowData(a) {
+	let o = c(21), { workflowId: s, showFullMessageHistory: l } = a, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunWorkflow(), p;
 	o[0] !== u.data?.place || o[1] !== l ? (p = (e) => {
-		let r = e.meta, i = e.ui, a = r?.hidden || i?.hidden || !!r?.hideAtPlaces?.includes(u.data?.place ?? "");
-		return !l && e.tags?.includes("internal") && (a = !0), !a;
+		let n = e.meta, r = e.ui, i = n?.hidden || r?.hidden || !!n?.hideAtPlaces?.includes(u.data?.place ?? "");
+		return !l && e.tags?.includes("internal") && (i = !0), !i;
 	}, o[0] = u.data?.place, o[1] = l, o[2] = p) : p = o[2];
 	let m = p, h;
 	bb0: {
@@ -22,17 +22,17 @@ function useWorkflowData(r) {
 		o[4] !== d.data || o[5] !== m ? (e = d.data.filter(m), o[4] = d.data, o[5] = m, o[6] = e) : e = o[6], h = e;
 	}
 	let g = h, _;
-	o[7] !== f || o[8] !== s ? (_ = (e, r) => {
+	o[7] !== f || o[8] !== s ? (_ = (e, n) => {
 		f.mutate({
 			workflowId: s,
 			runWorkflowPayloadDto: { transition: {
 				id: e,
 				workflowId: s,
-				payload: r
+				payload: n
 			} }
 		});
 	}, o[7] = f, o[8] = s, o[9] = _) : _ = o[9];
-	let v = _, y = f.isPending || u.data?.status === import_enums.WorkflowState.Running, b = u.data?.errorMessage, x;
+	let v = _, y = f.isPending || u.data?.status === WorkflowState.Running, b = u.data?.errorMessage, x;
 	return o[10] !== g || o[11] !== d.error || o[12] !== d.isLoading || o[13] !== d.isSuccess || o[14] !== u.data || o[15] !== u.isLoading || o[16] !== u.isSuccess || o[17] !== v || o[18] !== y || o[19] !== b ? (x = {
 		workflow: u.data,
 		workflowLoading: u.isLoading,

package/dist/features/workbench/index.js

@@ -6,3 +6,7 @@ import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
 import WorkflowList_default from "./WorkflowList.js";
 import Workbench from "./Workbench.js";
 import { NewRunDialog } from "./components/NewRunDialog.js";
+import "./hooks/useEmbedBridge.js";
+import "./components/PreviewWorkbench.js";
+import { RecentRunItem } from "./components/RecentRunItem.js";
+import "./components/PreviewEmptyState.js";

package/dist/features/workspaces/components/ExecutionTimeline.js

@@ -3,7 +3,8 @@ import { useBatchDeleteWorkflows, useChildWorkflows, useFilterWorkflows } from "
 import { Badge } from "../../../components/ui/badge.js";
 import CustomListView_default from "../../../components/lists/CustomListView.js";
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
-import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../../packages/contracts/dist/enums/index.js";
 import NewWorkflowRunDialog_default from "./NewWorkflowRunDialog.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useState } from "react";
@@ -11,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import { format, formatDistanceToNow, isToday, isYesterday, parseISO } from "date-fns";
-var import_enums = require_enums(), ChildWorkflowList = (e) => {
+var ChildWorkflowList = (e) => {
 	let n = c(15), { parentId: i, formatUpdatedTime: a, getWorkflowStateColor: o, onChildClick: s } = e, { data: l, isPending: u } = useChildWorkflows(i, !0);
 	if (u) {
 		let e;
@@ -194,12 +195,12 @@ function _temp(e) {
 }
 function _temp2(e) {
 	switch (e) {
-		case import_enums.WorkflowState.Completed: return "bg-green-600";
-		case import_enums.WorkflowState.Paused: return "bg-yellow-600";
-		case import_enums.WorkflowState.Failed: return "bg-red-600";
-		case import_enums.WorkflowState.Canceled:
-		case import_enums.WorkflowState.Pending:
-		case import_enums.WorkflowState.Running:
+		case WorkflowState.Completed: return "bg-green-600";
+		case WorkflowState.Paused: return "bg-yellow-600";
+		case WorkflowState.Failed: return "bg-red-600";
+		case WorkflowState.Canceled:
+		case WorkflowState.Pending:
+		case WorkflowState.Running:
 		default: return "bg-black";
 	}
 }