@loopstack/loopstack-studio 0.24.0 → 0.25.0

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

package/dist/features/documents/DocumentRenderer.js

@@ -2,7 +2,9 @@ import CompletionMessagePaper_default from "../../components/messages/Completion
 import OAuthPromptRenderer_default from "../oauth/OAuthPromptRenderer.js";
 import "../oauth/index.js";
 import AiMessage_default from "./renderers/AiMessage.js";
+import 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";
@@ -10,49 +12,83 @@ 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 SecretInputRenderer_default from "./renderers/SecretInputRenderer.js";
+import TextPromptRenderer_default from "./renderers/TextPromptRenderer.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
+	["ai-message", ({ document: t, isLastItem: v }) => /* @__PURE__ */ jsx(AiMessage_default, {
+		document: t,
+		isLastItem: v
 	})],
-	["claude-message", ({ document: e, isLastItem: p }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
-		document: e,
-		isLastItem: p
+	["claude-message", ({ document: t, isLastItem: v }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
+		document: t,
+		isLastItem: v
 	})],
-	["debug", ({ document: e }) => /* @__PURE__ */ jsx("div", {
+	["debug", ({ document: t }) => /* @__PURE__ */ jsx("div", {
 		className: "mb-4 flex",
-		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })
+		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: t })
 	})],
-	["object-form", ({ pipeline: p, workflow: m, document: h, isActive: g }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+	["form", ({ parentWorkflow: v, workflow: y, document: b, isActive: x }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: new Date(h.createdAt),
+		timestamp: new Date(b.createdAt),
 		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
-			pipeline: p,
-			workflow: m,
-			document: h,
-			enabled: g,
-			viewOnly: !g
+			parentWorkflow: v,
+			workflow: y,
+			document: b,
+			enabled: x,
+			viewOnly: !x
 		})
 	})],
-	["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
+	["message", ({ document: t }) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: t })],
+	["error", ({ document: t }) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: t })],
+	["plain", ({ document: t }) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: t })],
+	["markdown", ({ document: t }) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: t })],
+	["link", ({ document: t }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: t })],
+	["oauth-prompt", ({ parentWorkflow: t, workflow: y, document: b, isActive: x }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+		parentWorkflow: t,
+		workflow: y,
+		document: b,
+		isActive: x
+	})],
+	["text-prompt", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: b
+	})],
+	["choices", ({ parentWorkflow: t, workflow: v, document: y, isActive: x }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: x
+	})],
+	["confirm-prompt", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: b
+	})],
+	["secret-input", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(SecretInputRenderer_default, {
+		parentWorkflow: t,
+		workflow: v,
+		document: y,
+		isActive: b
 	})]
-]), 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], _;
+]);
+function resolveDocumentWidget(t) {
+	let v = t;
+	return v?.widgets?.[0]?.widget ? v.widgets[0].widget : v?.form?.widget ? v.form.widget : "form";
+}
+var DocumentRenderer_default = (t) => {
+	let v = c(5), y = t.document, b;
+	if (v[0] !== y.ui) {
+		let t = resolveDocumentWidget(y.ui);
+		b = rendererRegistry.get(t), v[0] = y.ui, v[1] = b;
+	} else b = v[1];
+	let x = b, S;
+	return v[2] !== x || v[3] !== t ? (S = /* @__PURE__ */ jsx("div", { children: x ? /* @__PURE__ */ jsx(x, { ...t }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), v[2] = x, v[3] = t, v[4] = S) : S = v[4], S;
 };
 export { DocumentRenderer_default as default };

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

@@ -5,11 +5,11 @@ import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { omit } from "lodash";
 var DocumentItem_default = (s) => {
-	let l = c(13), { document: u, workflow: d, pipeline: f, isActive: p, isLastItem: m, settings: h } = s, g = u.meta, _;
+	let l = c(13), { document: u, workflow: d, parentWorkflow: f, isActive: p, isLastItem: m, settings: h } = s, g = u.meta, _;
 	l[0] !== u || l[1] !== p || l[2] !== m || l[3] !== f || l[4] !== d ? (_ = /* @__PURE__ */ jsx(DocumentRenderer_default, {
 		document: u,
 		workflow: d,
-		pipeline: f,
+		parentWorkflow: f,
 		isActive: p,
 		isLastItem: m
 	}), l[0] = u, l[1] = p, l[2] = m, l[3] = f, l[4] = d, l[5] = _) : _ = l[5];

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

@@ -5,39 +5,42 @@ 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), { pipeline: l, workflow: u, documents: d, scrollTo: f, settings: p } = e, { workflowId: m, clickId: h } = useParams(), g;
-	o[0] !== m || o[1] !== f || o[2] !== u.id ? (g = () => {
+	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 = () => {
 		m === u.id && f(u.id);
-	}, o[0] = m, o[1] = f, o[2] = u.id, o[3] = g) : g = o[3];
+	}, o[0] = u.id, o[1] = m, o[2] = f, o[3] = g) : g = o[3];
 	let _;
-	o[4] !== h || o[5] !== m || o[6] !== f || o[7] !== u.id ? (_ = [
+	o[4] !== u.id || o[5] !== h || o[6] !== m || o[7] !== f ? (_ = [
 		u.id,
 		m,
 		h,
 		f
-	], o[4] = h, o[5] = m, o[6] = f, o[7] = u.id, o[8] = _) : _ = o[8], useEffect(g, _);
+	], 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] !== d || o[10] !== v || o[11] !== l || o[12] !== p || o[13] !== u) {
+	if (o[9] !== u || o[10] !== d || o[11] !== v || o[12] !== p || o[13] !== l) {
 		let e;
-		o[15] !== d.length || o[16] !== v || o[17] !== l || o[18] !== p || o[19] !== u ? (e = (e, a) => {
+		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);
 			return console.log({
 				isDocumentActive: s,
-				enableAtPlaces: o.meta?.enableAtPlaces,
-				place: u.place
+				isWorkflowActive: v,
+				status: u.status,
+				place: u.place,
+				documentPlace: e.place,
+				availableTransitions: u.availableTransitions
 			}), /* @__PURE__ */ jsx(DocumentItem_default, {
 				document: e,
 				workflow: u,
-				pipeline: l,
+				parentWorkflow: l,
 				isActive: v && s,
 				isLastItem: a === d.length - 1,
 				settings: p
 			}, e.id);
-		}, o[15] = d.length, o[16] = v, o[17] = l, o[18] = p, o[19] = u, o[20] = e) : e = o[20], y = d.map(e), o[9] = d, o[10] = v, o[11] = l, o[12] = p, o[13] = u, o[14] = y;
+		}, 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];
 	let b;
 	return o[21] === y ? b = o[22] : (b = /* @__PURE__ */ jsx("div", {
-		className: "flex flex-col gap-6",
+		className: "flex flex-col gap-3",
 		children: y
 	}), o[21] = y, o[22] = b), b;
 };

package/dist/features/documents/document-details/DocumentDetails.js

@@ -178,17 +178,17 @@ var formatDate = (e) => {
 	let M;
 	n[44] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx("span", {
 		className: "font-medium",
-		children: "Pipeline ID:"
+		children: "Workflow ID:"
 	}), n[44] = M) : M = n[44];
 	let N;
-	n[45] === r.pipelineId ? N = n[46] : (N = /* @__PURE__ */ jsxs("div", {
+	n[45] === r.workflowId ? N = n[46] : (N = /* @__PURE__ */ jsxs("div", {
 		className: "text-sm",
 		children: [
 			M,
 			" ",
-			r.pipelineId
+			r.workflowId
 		]
-	}), n[45] = r.pipelineId, n[46] = N);
+	}), n[45] = r.workflowId, n[46] = N);
 	let P;
 	n[47] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx("span", {
 		className: "font-medium",

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

@@ -1,7 +1,7 @@
 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 { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../components/loopstack-elements/tool.js";
 import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../types/ai.types.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";