@loopstack/loopstack-studio 0.28.0 → 0.29.0

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

@@ -5,42 +5,54 @@ import React, { useEffect, useRef } from "react";
 function countTransitions(e) {
 	return e ? getTransitions(e).length : 0;
 }
-var WorkflowGraph_default = (l) => {
-	let u = c(24), { parentWorkflow: d, workflow: f, workflowConfig: p, onGraphReady: m, onLoadingChange: h, direction: g } = l, _ = g === void 0 ? "LR" : g, v = useWorkflow(f.id), y = v.data, b = useWorkflowCheckpoints(f.id), x;
-	u[0] === b.data ? x = u[1] : (x = b.data ?? [], u[0] = b.data, u[1] = x);
-	let S = x, C = useRef(null), w = v.isLoading || b.isLoading, T, E;
-	u[2] !== w || u[3] !== h || u[4] !== f.id ? (T = () => {
-		h(f.id, w);
-	}, E = [
-		f.id,
-		w,
-		h
-	], u[2] = w, u[3] = h, u[4] = f.id, u[5] = T, u[6] = E) : (T = u[5], E = u[6]), useEffect(T, E);
-	let D;
-	u[7] !== S || u[8] !== _ || u[9] !== w || u[10] !== m || u[11] !== d || u[12] !== f.id || u[13] !== p || u[14] !== y ? (D = () => {
-		if (w) return;
-		let e = p ? getTransitions(p) : [], a = JSON.stringify({
-			p: countTransitions(d),
-			w: countTransitions(y),
+function countExtraTransitions(e) {
+	return e?.length ? e.reduce((e, o) => e + countTransitions(o), 0) : 0;
+}
+var WorkflowGraph_default = (u) => {
+	let d = c(29), { parentWorkflow: f, workflow: p, workflowConfig: m, extraTransitionSources: h, onGraphReady: g, onLoadingChange: _, direction: v, hideSameStateTransitions: y } = u, b = v === void 0 ? "LR" : v, x = y === void 0 ? !1 : y, S = useWorkflow(p.id), C = S.data, w = useWorkflowCheckpoints(p.id), T;
+	d[0] === w.data ? T = d[1] : (T = w.data ?? [], d[0] = w.data, d[1] = T);
+	let E = T, D = useRef(null), O = S.isLoading || w.isLoading, k, A;
+	d[2] !== O || d[3] !== _ || d[4] !== p.id ? (k = () => {
+		_(p.id, O);
+	}, A = [
+		p.id,
+		O,
+		_
+	], d[2] = O, d[3] = _, d[4] = p.id, d[5] = k, d[6] = A) : (k = d[5], A = d[6]), useEffect(k, A);
+	let j;
+	d[7] !== E || d[8] !== b || d[9] !== h || d[10] !== x || d[11] !== O || d[12] !== g || d[13] !== f || d[14] !== p.id || d[15] !== m || d[16] !== C ? (j = () => {
+		if (O) return;
+		let e = m ? getTransitions(m) : [], o = JSON.stringify({
+			p: countTransitions(f),
+			w: countTransitions(C),
+			x: countExtraTransitions(h),
 			c: e.length,
-			checkpoints: S.length,
-			place: y?.place
+			checkpoints: E.length,
+			place: C?.place,
+			direction: b,
+			hideSelf: x
 		});
-		if (a !== C.current) {
-			C.current = a;
-			let { nodes: o, edges: s } = buildWorkflowGraph(d, y, f.id, e, _, !1, S);
-			m(f.id, o, s);
+		if (o !== D.current) {
+			D.current = o;
+			let { nodes: s, edges: l } = buildWorkflowGraph(f, C, p.id, e, b, !1, E, {
+				hideSameStateTransitions: x,
+				extraTransitionSources: h
+			});
+			g(p.id, s, l);
 		}
-	}, u[7] = S, u[8] = _, u[9] = w, u[10] = m, u[11] = d, u[12] = f.id, u[13] = p, u[14] = y, u[15] = D) : D = u[15];
-	let O;
-	return u[16] !== S || u[17] !== w || u[18] !== m || u[19] !== d || u[20] !== f || u[21] !== p || u[22] !== y ? (O = [
-		d,
+	}, d[7] = E, d[8] = b, d[9] = h, d[10] = x, d[11] = O, d[12] = g, d[13] = f, d[14] = p.id, d[15] = m, d[16] = C, d[17] = j) : j = d[17];
+	let M;
+	return d[18] !== E || d[19] !== b || d[20] !== h || d[21] !== x || d[22] !== O || d[23] !== g || d[24] !== f || d[25] !== p || d[26] !== m || d[27] !== C ? (M = [
 		f,
-		y,
-		S,
 		p,
+		C,
+		E,
 		m,
-		w
-	], u[16] = S, u[17] = w, u[18] = m, u[19] = d, u[20] = f, u[21] = p, u[22] = y, u[23] = O) : O = u[23], useEffect(D, O), null;
+		g,
+		O,
+		b,
+		x,
+		h
+	], d[18] = E, d[19] = b, d[20] = h, d[21] = x, d[22] = O, d[23] = g, d[24] = f, d[25] = p, d[26] = m, d[27] = C, d[28] = M) : M = d[28], useEffect(j, M), null;
 };
 export { WorkflowGraph_default as default };

package/dist/features/debug/components/workflow-flow/WorkflowTransitionEdge.js

@@ -6,90 +6,91 @@ import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Wrench } from "lucide-react";
 var TransitionLabel = (e) => {
-	let t = c(12), { transitionId: n, tools: r, condition: a, isExecuted: o, forceVisible: d } = e, f = `flex flex-col items-center gap-0.5 rounded-full border px-2 py-0.5 shadow-sm transition-all hover:z-50 hover:scale-105 bg-background/95 backdrop-blur-[2px] text-muted-foreground border-border/40 hover:border-border/80 ${o || d ? "opacity-100" : "opacity-60 hover:opacity-100"}`, p;
-	t[0] === n ? p = t[1] : (p = /* @__PURE__ */ jsx("span", {
+	let n = c(12), { transitionId: r, tools: i, condition: o, isExecuted: s, forceVisible: d } = e, f = `flex flex-col items-center gap-0.5 rounded-full border px-2 py-0.5 shadow-sm transition-all hover:z-50 hover:scale-105 bg-background/95 backdrop-blur-[2px] text-muted-foreground border-border/40 hover:border-border/80 ${s || d ? "opacity-100" : "opacity-60 hover:opacity-100"}`, p;
+	n[0] === r ? p = n[1] : (p = /* @__PURE__ */ jsx("span", {
 		className: "text-[10px] font-semibold leading-tight tracking-tight",
-		children: n
-	}), t[0] = n, t[1] = p);
+		children: r
+	}), n[0] = r, n[1] = p);
 	let m;
-	t[2] !== o || t[3] !== r ? (m = r && /* @__PURE__ */ jsxs("div", {
-		className: `flex items-center gap-1 rounded-full px-1.5 py-[1px] text-[9px] ${o ? "bg-primary/5 text-primary" : "bg-muted/50 text-muted-foreground"}`,
+	n[2] !== s || n[3] !== i ? (m = i && /* @__PURE__ */ jsxs("div", {
+		className: `flex items-center gap-1 rounded-full px-1.5 py-[1px] text-[9px] ${s ? "bg-primary/5 text-primary" : "bg-muted/50 text-muted-foreground"}`,
 		children: [/* @__PURE__ */ jsx(Wrench, { className: "h-2.5 w-2.5 opacity-70" }), /* @__PURE__ */ jsx("span", {
 			className: "max-w-[150px] truncate font-mono font-medium",
-			children: r
+			children: i
 		})]
-	}), t[2] = o, t[3] = r, t[4] = m) : m = t[4];
+	}), n[2] = s, n[3] = i, n[4] = m) : m = n[4];
 	let h;
-	t[5] === a ? h = t[6] : (h = a && /* @__PURE__ */ jsx("span", {
+	n[5] === o ? h = n[6] : (h = o && /* @__PURE__ */ jsx("span", {
 		className: "max-w-[150px] truncate font-mono text-[8px] tracking-tighter opacity-70",
-		children: a
-	}), t[5] = a, t[6] = h);
+		children: o
+	}), n[5] = o, n[6] = h);
 	let g;
-	return t[7] !== f || t[8] !== p || t[9] !== m || t[10] !== h ? (g = /* @__PURE__ */ jsxs("div", {
+	return n[7] !== f || n[8] !== p || n[9] !== m || n[10] !== h ? (g = /* @__PURE__ */ jsxs("div", {
 		className: f,
 		children: [
 			p,
 			m,
 			h
 		]
-	}), t[7] = f, t[8] = p, t[9] = m, t[10] = h, t[11] = g) : g = t[11], g;
-}, WorkflowTransitionEdge_default = (a) => {
-	let u = c(39), { sourceX: f, sourceY: m, targetX: h, targetY: g, sourcePosition: _, targetPosition: v, style: y, markerEnd: b, data: x } = a, S;
+	}), n[7] = f, n[8] = p, n[9] = m, n[10] = h, n[11] = g) : g = n[11], g;
+}, WorkflowTransitionEdge_default = (o) => {
+	let u = c(43), { sourceX: f, sourceY: m, targetX: h, targetY: g, sourcePosition: _, targetPosition: v, style: y, markerEnd: b, data: x } = o, S;
 	u[0] === y ? S = u[1] : (S = y === void 0 ? {} : y, u[0] = y, u[1] = S);
-	let C = S, w, T, E, D, O, k, A, j;
+	let C = S, w, T, E, D, O, k, A, j, M;
 	if (u[2] !== x || u[3] !== _ || u[4] !== f || u[5] !== m || u[6] !== v || u[7] !== h || u[8] !== g) {
-		let { id: e, isExecuted: t, isSelfLoop: i, isBackEdge: a, forceVisible: o, call: s, condition: l } = x ?? {};
-		j = e, D = t === void 0 ? !1 : t;
-		let d = i === void 0 ? !1 : i, y = a === void 0 ? !1 : a;
-		T = o === void 0 ? !1 : o, {path: w, labelX: O, labelY: k} = resolveEdgePath({
+		let { id: e, isExecuted: n, isSelfLoop: a, forceVisible: o, call: s, condition: l } = x ?? {};
+		M = e, D = n === void 0 ? !1 : n, O = a === void 0 ? !1 : a, T = o === void 0 ? !1 : o, {path: w, labelX: k, labelY: A} = resolveEdgePath({
 			sourceX: f,
 			sourceY: m,
 			targetX: h,
 			targetY: g,
 			sourcePosition: _,
 			targetPosition: v
-		}, {
-			isSelfLoop: d,
-			isBackEdge: y
-		}), E = l ? formatCondition(l) : null, A = s?.map(_temp).join(", "), u[2] = x, u[3] = _, u[4] = f, u[5] = m, u[6] = v, u[7] = h, u[8] = g, u[9] = w, u[10] = T, u[11] = E, u[12] = D, u[13] = O, u[14] = k, u[15] = A, u[16] = j;
-	} else w = u[9], T = u[10], E = u[11], D = u[12], O = u[13], k = u[14], A = u[15], j = u[16];
-	let M = A;
-	if (!(j || M || E)) {
-		let t;
-		return u[17] !== w || u[18] !== b || u[19] !== C ? (t = /* @__PURE__ */ jsx(BaseEdge, {
+		}, { isSelfLoop: O }), E = l ? formatCondition(l) : null, j = s?.map(_temp).join(", "), u[2] = x, u[3] = _, u[4] = f, u[5] = m, u[6] = v, u[7] = h, u[8] = g, u[9] = w, u[10] = T, u[11] = E, u[12] = D, u[13] = O, u[14] = k, u[15] = A, u[16] = j, u[17] = M;
+	} else w = u[9], T = u[10], E = u[11], D = u[12], O = u[13], k = u[14], A = u[15], j = u[16], M = u[17];
+	let N = j, P = M || N || E, F;
+	u[18] !== O || u[19] !== C ? (F = O ? {
+		...C ?? {},
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	} : C ?? {}, u[18] = O, u[19] = C, u[20] = F) : F = u[20];
+	let I = F;
+	if (!P) {
+		let n;
+		return u[21] !== w || u[22] !== I || u[23] !== b ? (n = /* @__PURE__ */ jsx(BaseEdge, {
 			path: w,
 			markerEnd: b,
-			style: C
-		}), u[17] = w, u[18] = b, u[19] = C, u[20] = t) : t = u[20], t;
+			style: I
+		}), u[21] = w, u[22] = I, u[23] = b, u[24] = n) : n = u[24], n;
 	}
-	let N;
-	u[21] !== w || u[22] !== b || u[23] !== C ? (N = /* @__PURE__ */ jsx(BaseEdge, {
+	let L;
+	u[25] !== w || u[26] !== I || u[27] !== b ? (L = /* @__PURE__ */ jsx(BaseEdge, {
 		path: w,
 		markerEnd: b,
-		style: C
-	}), u[21] = w, u[22] = b, u[23] = C, u[24] = N) : N = u[24];
-	let P = `translate(-50%, -50%) translate(${O}px,${k}px)`, F;
-	u[25] === P ? F = u[26] : (F = {
+		style: I
+	}), u[25] = w, u[26] = I, u[27] = b, u[28] = L) : L = u[28];
+	let R = `translate(-50%, -50%) translate(${k}px,${A}px)`, z;
+	u[29] === R ? z = u[30] : (z = {
 		position: "absolute",
-		transform: P,
+		transform: R,
 		pointerEvents: "all"
-	}, u[25] = P, u[26] = F);
-	let I = j ?? "", L;
-	u[27] !== T || u[28] !== E || u[29] !== D || u[30] !== I || u[31] !== M ? (L = /* @__PURE__ */ jsx(TransitionLabel, {
-		transitionId: I,
-		tools: M,
+	}, u[29] = R, u[30] = z);
+	let B = M ?? "", V;
+	u[31] !== T || u[32] !== E || u[33] !== D || u[34] !== B || u[35] !== N ? (V = /* @__PURE__ */ jsx(TransitionLabel, {
+		transitionId: B,
+		tools: N,
 		condition: E,
 		isExecuted: D,
 		forceVisible: T
-	}), u[27] = T, u[28] = E, u[29] = D, u[30] = I, u[31] = M, u[32] = L) : L = u[32];
-	let R;
-	u[33] !== F || u[34] !== L ? (R = /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx("div", {
-		style: F,
+	}), u[31] = T, u[32] = E, u[33] = D, u[34] = B, u[35] = N, u[36] = V) : V = u[36];
+	let H;
+	u[37] !== z || u[38] !== V ? (H = /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx("div", {
+		style: z,
 		className: "nodrag nopan",
-		children: L
-	}) }), u[33] = F, u[34] = L, u[35] = R) : R = u[35];
-	let z;
-	return u[36] !== N || u[37] !== R ? (z = /* @__PURE__ */ jsxs(Fragment$1, { children: [N, R] }), u[36] = N, u[37] = R, u[38] = z) : z = u[38], z;
+		children: V
+	}) }), u[37] = z, u[38] = V, u[39] = H) : H = u[39];
+	let U;
+	return u[40] !== H || u[41] !== L ? (U = /* @__PURE__ */ jsxs(Fragment$1, { children: [L, H] }), u[40] = H, u[41] = L, u[42] = U) : U = u[42], U;
 };
 function _temp(e) {
 	return e.tool;

package/dist/features/debug/lib/edge-paths.js

@@ -1,40 +1,55 @@
 import { Position, getSmoothStepPath } from "../../../node_modules/@xyflow/system/dist/esm/index.js";
-var SELF_LOOP_OFFSET = 75, SELF_LOOP_EXTEND = 20, SELF_LOOP_NODE_W = 130, SELF_LOOP_NODE_H = 70;
-function selfLoopPath(n, s, c) {
-	if (c === Position.Bottom || c === Position.Top) {
-		let e = n, a = s - SELF_LOOP_NODE_H;
-		return {
-			path: `M ${n} ${s} C ${n + SELF_LOOP_OFFSET} ${s + SELF_LOOP_EXTEND}, ${e + SELF_LOOP_OFFSET} ${a - SELF_LOOP_EXTEND}, ${e} ${a}`,
-			labelX: n + SELF_LOOP_OFFSET + 8,
-			labelY: (s + a) / 2
-		};
-	}
-	let l = n - SELF_LOOP_NODE_W, u = s;
+import { NODE_HEIGHT, NODE_WIDTH } from "./flow-types.js";
+var CLEAR = 22, HALF_W = 208 / 2, HALF_H = 104 / 2;
+function selfLoopPath(r) {
+	let { sourceX: i, sourceY: a, targetX: o, targetY: s, sourcePosition: c, targetPosition: u } = r;
+	if (c === Position.Bottom && u === Position.Top) return tbSelfLoopRight(i, a, o, s);
+	if (c === Position.Right && u === Position.Left) return lrSelfLoopBelow(i, a, o, s);
+	let [d, f, p] = getSmoothStepPath({
+		...r,
+		borderRadius: 14
+	});
 	return {
-		path: `M ${n} ${s} C ${n + SELF_LOOP_EXTEND} ${s + SELF_LOOP_OFFSET}, ${l - SELF_LOOP_EXTEND} ${u + SELF_LOOP_OFFSET}, ${l} ${u}`,
-		labelX: (n + l) / 2,
-		labelY: s + SELF_LOOP_OFFSET + 8
+		path: d,
+		labelX: f,
+		labelY: p
 	};
 }
-var BACK_EDGE_MIN_OFFSET = 60;
-function backEdgePath(n, r, i, a, o) {
-	if (o === Position.Bottom) {
-		let e = Math.abs(n - i), o = Math.max(e * .3, BACK_EDGE_MIN_OFFSET);
-		return {
-			path: `M ${n} ${r} C ${n} ${r + o}, ${i} ${a + o}, ${i} ${a}`,
-			labelX: (n + i) / 2,
-			labelY: Math.max(r, a) + o + 10
-		};
-	}
-	let s = Math.abs(r - a), l = Math.max(s * .3, BACK_EDGE_MIN_OFFSET);
+function tbSelfLoopRight(e, n, r, i) {
+	let s = (e + r) / 2 + HALF_W + CLEAR, c = n + 16, l = i - 28;
 	return {
-		path: `M ${n} ${r} C ${n + l} ${r}, ${i + l} ${a}, ${i} ${a}`,
-		labelX: Math.max(n, i) + l + 10,
-		labelY: (r + a) / 2
+		path: [
+			`M ${e} ${n}`,
+			`L ${e} ${c}`,
+			`L ${s} ${c}`,
+			`L ${s} ${l}`,
+			`L ${r} ${l}`,
+			`L ${r} ${i}`
+		].join(" "),
+		labelX: s + 14,
+		labelY: (c + l) / 2
+	};
+}
+function lrSelfLoopBelow(e, n, r, i) {
+	let o = (n + i) / 2 + HALF_H + CLEAR, c = e + 16, l = r - 16;
+	return {
+		path: [
+			`M ${e} ${n}`,
+			`L ${c} ${n}`,
+			`L ${c} ${o}`,
+			`L ${l} ${o}`,
+			`L ${l} ${i}`,
+			`L ${r} ${i}`
+		].join(" "),
+		labelX: (c + l) / 2,
+		labelY: o + 18
 	};
 }
 function forwardEdgePath(e) {
-	let [r, i, a] = getSmoothStepPath(e);
+	let [r, i, a] = getSmoothStepPath({
+		...e,
+		borderRadius: 14
+	});
 	return {
 		path: r,
 		labelX: i,
@@ -42,6 +57,6 @@ function forwardEdgePath(e) {
 	};
 }
 function resolveEdgePath(e, n) {
-	return n.isSelfLoop ? selfLoopPath(e.sourceX, e.sourceY, e.sourcePosition) : n.isBackEdge ? backEdgePath(e.sourceX, e.sourceY, e.targetX, e.targetY, e.sourcePosition) : forwardEdgePath(e);
+	return n.isSelfLoop ? selfLoopPath(e) : forwardEdgePath(e);
 }
 export { resolveEdgePath };

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

@@ -0,0 +1,2 @@
+const NODE_WIDTH = 208, NODE_HEIGHT = 104;
+export { NODE_HEIGHT, NODE_WIDTH };

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/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/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";