@loopstack/loopstack-studio 0.23.1 → 0.25.0

package/dist/features/dashboard/RunItem.js

@@ -11,7 +11,7 @@ function RunItem(a) {
 		paused: "bg-yellow-50 text-yellow-900 border-yellow-200",
 		pending: "bg-muted text-muted-foreground border-border"
 	}[s.status] || "bg-muted text-muted-foreground border-border", d;
-	o[0] !== l || o[1] !== s.id ? (d = l.getPipeline(s.id), o[0] = l, o[1] = s.id, o[2] = d) : d = o[2];
+	o[0] !== l || o[1] !== s.id ? (d = l.getWorkflow(s.id), o[0] = l, o[1] = s.id, o[2] = d) : d = o[2];
 	let f = s.id, p = s.run ?? s.index ?? "?", m = s.title ? `(${s.title})` : "", h;
 	o[3] !== p || o[4] !== m ? (h = /* @__PURE__ */ jsxs("h3", {
 		className: "text-foreground group-hover:text-primary truncate font-semibold transition-colors",

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

@@ -1,8 +1,8 @@
 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 StateNode_default from "./workflow-flow/StateNode.js";
 import { buildWorkflowGraph } from "../lib/flow-utils.js";
-import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
+import WorkflowTransitionEdge_default from "./workflow-flow/WorkflowTransitionEdge.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/debug/components/{PipelineDebugHeader.js → WorkflowDebugHeader.js}

@@ -1,9 +1,9 @@
 import { Button } from "../../../components/ui/button.js";
-import PipelineDebugLegend_default from "./PipelineDebugLegend.js";
+import WorkflowDebugLegend_default from "./WorkflowDebugLegend.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft } from "lucide-react";
-var PipelineDebugHeader_default = (o) => {
+var WorkflowDebugHeader_default = (o) => {
 	let s = c(16), { title: l, runNumber: u, onBack: d } = o, f;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), s[0] = f) : f = s[0];
 	let p;
@@ -22,7 +22,7 @@ var PipelineDebugHeader_default = (o) => {
 	let h = u && `· Run #${u}`, g;
 	s[5] === h ? g = s[6] : (g = /* @__PURE__ */ jsxs("p", {
 		className: "text-muted-foreground text-xs font-medium tracking-wider uppercase",
-		children: ["Pipeline Flow Visualization ", h]
+		children: ["Workflow Flow Visualization ", h]
 	}), s[5] = h, s[6] = g);
 	let _;
 	s[7] !== m || s[8] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
@@ -37,7 +37,7 @@ var PipelineDebugHeader_default = (o) => {
 	let y;
 	s[13] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx("div", {
 		className: "hidden items-center gap-6 sm:flex",
-		children: /* @__PURE__ */ jsx(PipelineDebugLegend_default, {})
+		children: /* @__PURE__ */ jsx(WorkflowDebugLegend_default, {})
 	}), s[13] = y) : y = s[13];
 	let b;
 	return s[14] === v ? b = s[15] : (b = /* @__PURE__ */ jsxs("div", {
@@ -45,4 +45,4 @@ var PipelineDebugHeader_default = (o) => {
 		children: [v, y]
 	}), s[14] = v, s[15] = b), b;
 };
-export { PipelineDebugHeader_default as default };
+export { WorkflowDebugHeader_default as default };

package/dist/features/debug/components/{PipelineDebugLegend.js → WorkflowDebugLegend.js}

@@ -1,7 +1,7 @@
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var PipelineDebugLegend_default = () => {
+var WorkflowDebugLegend_default = () => {
 	let r = c(7), i;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2",
@@ -65,4 +65,4 @@ var PipelineDebugLegend_default = () => {
 		]
 	}), r[6] = d) : d = r[6], d;
 };
-export { PipelineDebugLegend_default as default };
+export { WorkflowDebugLegend_default as default };

package/dist/features/debug/components/{PipelineFlowViewer.js → WorkflowFlowViewer.js}

@@ -1,15 +1,15 @@
-import { usePipeline } from "../../../hooks/usePipelines.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.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 WorkflowGraph_default from "./pipeline-flow/WorkflowGraph.js";
-import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
+import StateNode_default from "./workflow-flow/StateNode.js";
+import WorkflowGraph_default from "./workflow-flow/WorkflowGraph.js";
+import WorkflowTransitionEdge_default from "./workflow-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(29), { pipelineId: S, workflows: C, pipelineConfig: w, direction: T } = b, E = T === void 0 ? "LR" : T, { data: D } = usePipeline(S), O;
+var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransition: WorkflowTransitionEdge_default }, WorkflowFlowViewer_default = (b) => {
+	let x = c(29), { workflowId: S, workflows: C, workflowConfig: w, direction: T } = b, E = T === void 0 ? "LR" : T, { data: D } = useWorkflow(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];
@@ -65,9 +65,9 @@ var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransiti
 	}
 	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,
+		parentWorkflow: D,
 		workflow: e,
-		pipelineConfig: w,
+		workflowConfig: w,
 		onGraphReady: q,
 		onLoadingChange: G,
 		direction: E
@@ -107,4 +107,4 @@ var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransiti
 function _temp(e) {
 	return e;
 }
-export { PipelineFlowViewer_default as default };
+export { WorkflowFlowViewer_default as default };

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

@@ -0,0 +1,46 @@
+import { useWorkflow, useWorkflowCheckpoints } from "../../../../hooks/useWorkflows.js";
+import { buildWorkflowGraph, getTransitions } from "../../lib/flow-utils.js";
+import { c } from "react/compiler-runtime";
+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),
+			c: e.length,
+			checkpoints: S.length,
+			place: y?.place
+		});
+		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);
+		}
+	}, 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,
+		f,
+		y,
+		S,
+		p,
+		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;
+};
+export { WorkflowGraph_default as default };

package/dist/features/debug/index.js

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

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

@@ -8,59 +8,59 @@ var NODE_WIDTH = 130, NODE_HEIGHT = 70, CONDITION_OPERATORS = {
 	ge: ">=",
 	le: "<="
 };
-function getLayoutedElements(e, d, f = "LR") {
-	let p = new dagre_esm_default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
-	p.setGraph({
-		rankdir: f,
+function getLayoutedElements(e, u, d = "LR") {
+	let f = new dagre_esm_default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
+	f.setGraph({
+		rankdir: d,
 		nodesep: 100,
 		ranksep: 200
 	});
-	for (let s of e) p.setNode(s.id, {
+	for (let o of e) f.setNode(o.id, {
 		width: NODE_WIDTH,
 		height: NODE_HEIGHT
 	});
-	for (let e of d) p.setEdge(e.source, e.target);
-	return dagre_esm_default.layout(p), {
+	for (let e of u) f.setEdge(e.source, e.target);
+	return dagre_esm_default.layout(f), {
 		nodes: e.map((e) => {
-			let c = p.node(e.id);
+			let s = f.node(e.id);
 			return {
 				...e,
-				targetPosition: f === "LR" ? Position.Left : Position.Top,
-				sourcePosition: f === "LR" ? Position.Right : Position.Bottom,
+				targetPosition: d === "LR" ? Position.Left : Position.Top,
+				sourcePosition: d === "LR" ? Position.Right : Position.Bottom,
 				position: {
-					x: c.x - NODE_WIDTH / 2,
-					y: c.y - NODE_HEIGHT / 2
+					x: s.x - NODE_WIDTH / 2,
+					y: s.y - NODE_HEIGHT / 2
 				}
 			};
 		}),
-		edges: d
+		edges: u
 	};
 }
-function getTransitions(e, s = /* @__PURE__ */ new Set()) {
-	if (!e || typeof e != "object" || s.has(e)) return [];
+function getTransitions(e, o = /* @__PURE__ */ new Set()) {
+	if (!e || typeof e != "object" || o.has(e)) return [];
 	try {
-		s.add(e);
+		o.add(e);
 	} catch {
 		return [];
 	}
-	let c = e;
-	if (Array.isArray(c.transitions)) return c.transitions;
-	if (c.definition) {
-		let e = getTransitions(c.definition, s);
+	let s = e;
+	if (Array.isArray(s.transitions)) return s.transitions;
+	if (s.definition) {
+		let e = getTransitions(s.definition, o);
 		if (e.length > 0) return e;
 	}
-	if (c.specification) {
-		let e = getTransitions(c.specification, s);
+	if (s.specification) {
+		let e = getTransitions(s.specification, o);
 		if (e.length > 0) return e;
 	}
-	for (let e in c) {
+	for (let e in s) {
 		if (e === "history" || e === "data") continue;
-		let l = c[e];
-		if (l && typeof l == "object") {
-			let e = getTransitions(l, s);
+		let c = s[e];
+		if (c && typeof c == "object") {
+			let e = getTransitions(c, o);
 			if (e.length > 0) return e;
-		} else if (typeof l == "string" && l.includes("\"transitions\":")) try {
-			let e = getTransitions(JSON.parse(l), s);
+		} else if (typeof c == "string" && c.includes("\"transitions\":")) try {
+			let e = getTransitions(JSON.parse(c), o);
 			if (e.length > 0) return e;
 		} catch {}
 	}
@@ -68,125 +68,117 @@ function getTransitions(e, s = /* @__PURE__ */ new Set()) {
 }
 function formatCondition(e) {
 	if (!e) return "";
-	let s = e.replace(/\{\{|\}\}/g, "").trim(), c = s.split(/\s+/);
-	if (c.length === 3) {
-		let [e, s, l] = c, u = CONDITION_OPERATORS[e];
-		if (u) return `${s} ${u} ${l}`;
+	let o = e.replace(/\{\{|\}\}/g, "").trim(), s = o.split(/\s+/);
+	if (s.length === 3) {
+		let [e, o, c] = s, l = CONDITION_OPERATORS[e];
+		if (l) return `${o} ${l} ${c}`;
 	}
-	return s;
+	return o;
 }
-function buildWorkflowGraph(e, s, c, l = [], u, d = !1) {
-	let p = collectTransitions(e, s, l), m = extractHistory(s), h = collectStates(p, m), x = buildExecutedMap(m), S = resolveTransitions(p, m), C = findEndStates(h, S), w = findVisitedStates(m), T = computeStateRanks(S), E = buildNodes(h, {
-		workflowId: c,
-		currentPlace: s?.place,
-		endStates: C,
-		visitedStates: w,
-		visitCounts: buildVisitCounts(m),
-		direction: u,
-		forceVisible: d
-	}), D = buildEdges(S, {
-		workflowId: c,
-		executedMap: x,
-		stateRanks: T,
-		forceVisible: d
+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, {
+		workflowId: s,
+		currentPlace: o?.place,
+		endStates: S,
+		visitedStates: C,
+		visitCounts: buildVisitCounts(f),
+		direction: l,
+		forceVisible: u
+	}), E = buildEdges(x, {
+		workflowId: s,
+		executedMap: b,
+		stateRanks: w,
+		forceVisible: u
 	});
-	return E.length > 1 ? getLayoutedElements(E, D, u) : {
-		nodes: E,
-		edges: D
+	return T.length > 1 ? getLayoutedElements(T, E, l) : {
+		nodes: T,
+		edges: E
 	};
 }
-function collectTransitions(e, s, c) {
-	let l = [...c];
-	e && l.push(...getTransitions(e)), s && l.push(...getTransitions(s));
-	let u = /* @__PURE__ */ new Set();
-	return l.filter((e) => {
-		let s = Array.isArray(e.from) ? e.from.join(",") : e.from, c = `${e.id}-${s}-${e.to}`;
-		return u.has(c) ? !1 : (u.add(c), !0);
+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) => {
+		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);
 	});
 }
-function extractHistory(e) {
-	return e?.history ?? [];
-}
-function collectStates(e, s) {
-	let c = new Set(["start"]);
-	for (let s of e) {
-		let e = Array.isArray(s.from) ? s.from : [s.from];
-		for (let s of e) c.add(s ?? "start");
-		c.add(s.to);
+function collectStates(e, o) {
+	let s = new Set(["start"]);
+	for (let o of e) {
+		let e = Array.isArray(o.from) ? o.from : [o.from];
+		for (let o of e) s.add(o ?? "start");
+		s.add(o.to);
 	}
-	for (let e of s) e.data?.place && c.add(e.data.place), e.data?.transition && (c.add(e.data.transition.from ?? "start"), c.add(e.data.transition.to));
-	return c;
+	for (let e of o) e.place && s.add(e.place), e.transitionFrom && s.add(e.transitionFrom);
+	return s;
 }
 function buildVisitCounts(e) {
-	let s = new Map([["start", 1]]);
-	for (let c of e) {
-		let e = c.data?.place;
-		e && s.set(e, (s.get(e) ?? 0) + 1);
-	}
-	return s;
+	let o = new Map([["start", 1]]);
+	for (let s of e) s.place && o.set(s.place, (o.get(s.place) ?? 0) + 1);
+	return o;
 }
 function buildExecutedMap(e) {
-	let s = /* @__PURE__ */ new Map();
-	for (let c of e) {
-		let e = c.data?.transition;
-		if (!e) continue;
-		let l = `${e.from ?? "start"}->${e.to}:${e.id}`;
-		s.set(l, (s.get(l) ?? 0) + 1);
+	let o = /* @__PURE__ */ new Map();
+	for (let s of e) {
+		if (!s.transitionId) continue;
+		let e = `${s.transitionFrom ?? "start"}->${s.place}:${s.transitionId}`;
+		o.set(e, (o.get(e) ?? 0) + 1);
 	}
-	return s;
+	return o;
 }
-function resolveTransitions(e, s) {
-	let c = [];
-	for (let s of e) {
-		let e = Array.isArray(s.from) ? s.from : [s.from], l = s;
-		for (let u of e) c.push({
-			id: s.id,
-			from: u ?? "start",
-			to: s.to,
-			condition: l.if ?? l.condition,
-			trigger: s.trigger,
-			call: s.call
+function resolveTransitions(e, o) {
+	let s = [];
+	for (let o of e) {
+		let e = Array.isArray(o.from) ? o.from : [o.from], c = o;
+		for (let l of e) s.push({
+			id: o.id,
+			from: l ?? "start",
+			to: o.to,
+			condition: c.if ?? c.condition,
+			trigger: o.trigger,
+			call: o.call
 		});
 	}
-	for (let e of s) {
-		let s = e.data?.transition;
-		if (!s?.id) continue;
-		let l = s.from ?? "start";
-		c.some((e) => e.from === l && e.to === s.to && e.id === s.id) || c.push({
-			id: s.id,
-			from: l,
-			to: s.to
+	for (let e of o) {
+		if (!e.transitionId) continue;
+		let o = e.transitionFrom ?? "start";
+		s.some((s) => s.from === o && s.to === e.place && s.id === e.transitionId) || s.push({
+			id: e.transitionId,
+			from: o,
+			to: e.place
 		});
 	}
-	return c;
+	return s;
 }
-function findEndStates(e, s) {
-	let c = new Set(s.map((e) => e.from)), l = /* @__PURE__ */ new Set();
-	for (let s of e) !c.has(s) && s !== "start" && l.add(s);
-	return l;
+function findEndStates(e, o) {
+	let s = new Set(o.map((e) => e.from)), c = /* @__PURE__ */ new Set();
+	for (let o of e) !s.has(o) && o !== "start" && c.add(o);
+	return c;
 }
 function findVisitedStates(e) {
-	let s = new Set(["start"]);
-	for (let c of e) c.data?.place && s.add(c.data.place), c.data?.transition?.to && s.add(c.data.transition.to);
-	return s;
+	let o = new Set(["start"]);
+	for (let s of e) s.place && o.add(s.place);
+	return o;
 }
 function computeStateRanks(e) {
-	let s = /* @__PURE__ */ new Map();
-	for (let c of e) {
-		if (c.from === c.to) continue;
-		let e = s.get(c.from) ?? [];
-		e.push(c.to), s.set(c.from, 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 c = new Map([["start", 0]]), l = ["start"];
-	for (; l.length > 0;) {
-		let e = l.shift(), u = c.get(e);
-		for (let d of s.get(e) ?? []) c.has(d) || (c.set(d, u + 1), l.push(d));
+	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 c;
+	return s;
 }
-function buildNodes(e, s) {
+function buildNodes(e, o) {
 	return Array.from(e).map((e) => ({
-		id: `${s.workflowId}-${e}`,
+		id: `${o.workflowId}-${e}`,
 		type: "stateNode",
 		position: {
 			x: 0,
@@ -195,53 +187,53 @@ function buildNodes(e, s) {
 		data: {
 			label: e,
 			isStart: e === "start",
-			isEnd: s.endStates.has(e),
-			isCurrent: e === s.currentPlace,
-			isVisited: s.visitedStates.has(e),
-			visitCount: s.visitCounts.get(e) ?? 0,
-			direction: s.direction,
-			forceVisible: s.forceVisible
+			isEnd: o.endStates.has(e),
+			isCurrent: e === o.currentPlace,
+			isVisited: o.visitedStates.has(e),
+			visitCount: o.visitCounts.get(e) ?? 0,
+			direction: o.direction,
+			forceVisible: o.forceVisible
 		}
 	}));
 }
-function buildEdges(s, c) {
-	let l = /* @__PURE__ */ new Set(), u = [], d = 0;
-	for (let f of s) {
-		let s = `${f.from}->${f.to}:${f.id}`;
-		if (l.has(s)) continue;
-		l.add(s);
-		let p = c.executedMap.has(s), m = f.trigger === "onEntry", h = f.from === f.to, g = c.stateRanks.get(f.from) ?? 0, _ = c.stateRanks.get(f.to) ?? 0, v = !h && _ <= g, y = p ? "var(--primary)" : "var(--muted-foreground)", b = {
-			...f,
-			isExecuted: p,
-			isSelfLoop: h,
-			isBackEdge: v,
-			forceVisible: c.forceVisible
+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 = {
+			...d,
+			isExecuted: f,
+			isSelfLoop: m,
+			isBackEdge: _,
+			forceVisible: s.forceVisible
 		};
-		u.push({
-			id: `edge-${c.workflowId}-${d++}`,
-			source: `${c.workflowId}-${f.from}`,
-			target: `${c.workflowId}-${f.to}`,
-			...v && {
+		l.push({
+			id: `edge-${s.workflowId}-${u++}`,
+			source: `${s.workflowId}-${d.from}`,
+			target: `${s.workflowId}-${d.to}`,
+			..._ && {
 				sourceHandle: "bottom-source",
 				targetHandle: "bottom-target"
 			},
 			type: "workflowTransition",
 			animated: !1,
 			style: {
-				strokeWidth: p ? 2.5 : 1.5,
-				stroke: y,
-				strokeDasharray: m ? "4,4" : p ? void 0 : "5,5",
-				opacity: p || c.forceVisible ? 1 : .3
+				strokeWidth: f ? 2.5 : 1.5,
+				stroke: v,
+				strokeDasharray: p ? "4,4" : f ? void 0 : "5,5",
+				opacity: f || s.forceVisible ? 1 : .3
 			},
 			markerEnd: {
 				type: MarkerType.ArrowClosed,
 				width: 18,
 				height: 18,
-				color: y
+				color: v
 			},
-			data: b
+			data: y
 		});
 	}
-	return u;
+	return l;
 }
 export { buildWorkflowGraph, formatCondition, getTransitions };