@loopstack/loopstack-studio 0.28.0 → 0.29.1

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

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

@@ -1,4 +1,4 @@
-import { useWorkflowConfig, useWorkspaceConfig } from "../../../hooks/useConfig.js";
+import { useAppConfig, useWorkflowConfig } from "../../../hooks/useConfig.js";
 import { useCreateWorkflow } from "../../../hooks/useWorkflows.js";
 import { useFilterWorkspaces } from "../../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../../providers/ComponentOverridesProvider.js";
@@ -36,7 +36,7 @@ function NewRunDialog(e) {
 	}), t[4] = r, t[5] = n, t[6] = o, t[7] = s) : s = t[7], s;
 }
 function NewRunDialogContent(o) {
-	let s = c(115), { open: l, onSuccess: u } = o, [d, f] = useState("workspace"), [p, g] = useState(!1), [v, me] = useState(""), [y, he] = useState(""), { CreateWorkspace: x } = useComponentOverrides(), _e = x ?? CreateWorkspace_default, ve = useWorkspaceConfig(), ye;
+	let s = c(115), { open: l, onSuccess: u } = o, [d, f] = useState("workspace"), [p, g] = useState(!1), [v, me] = useState(""), [y, he] = useState(""), { CreateWorkspace: x } = useComponentOverrides(), _e = x ?? CreateWorkspace_default, ve = useAppConfig(), ye;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (ye = {}, s[0] = ye) : ye = s[0];
 	let S = useFilterWorkspaces(void 0, ye, "title", "ASC", 0, 100), be;
 	s[1] === S.data?.data ? be = s[2] : (be = S.data?.data ?? [], s[1] = S.data?.data, s[2] = be);

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/Workspaces.js

@@ -1,5 +1,5 @@
 import { useStudio } from "../../providers/StudioProvider.js";
-import { useWorkspaceConfig } from "../../hooks/useConfig.js";
+import { useAppConfig } from "../../hooks/useConfig.js";
 import { useBatchDeleteWorkspaces, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace } from "../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { Badge } from "../../components/ui/badge.js";
@@ -20,7 +20,7 @@ var Workspaces_default = () => {
 	n[1] === a ? (_ = n[2], v = n[3]) : (_ = () => {
 		a.get("create") === "true" && h(!0);
 	}, v = [a], n[1] = a, n[2] = _, n[3] = v), useEffect(_, v);
-	let y = useWorkspaceConfig(), b = useFilterWorkspaces(Le, p, l, u, o, s), x = useDeleteWorkspace(), ze = useBatchDeleteWorkspaces(), S = useSetFavouriteWorkspace(), C;
+	let y = useAppConfig(), b = useFilterWorkspaces(Le, p, l, u, o, s), x = useDeleteWorkspace(), ze = useBatchDeleteWorkspaces(), S = useSetFavouriteWorkspace(), C;
 	n[4] === x ? C = n[5] : (C = (e) => {
 		x.mutate(e);
 	}, n[4] = x, n[5] = C);

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

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
-import { getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey } from "./query-keys.js";
+import { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey } from "./query-keys.js";
 import { useApiClient } from "./useApi.js";
 import { useIsMobile } from "./use-mobile.js";
-import { useAvailableEnvironments, useWorkflowConfig, useWorkspaceConfig } from "./useConfig.js";
+import { useAppConfig, useAvailableEnvironments, useWorkflowConfig } from "./useConfig.js";
 import { useBatchDeleteWorkflows, useChildWorkflows, useCreateWorkflow, useDeleteWorkflow, useFilterWorkflows, useUpdateWorkflow, useWorkflow, useWorkflowCheckpoints, useWorkflowConfigByName, useWorkflowSource } from "./useWorkflows.js";
 import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./useWorkspaces.js";

package/dist/hooks/query-keys.js

@@ -4,8 +4,8 @@ function getMeCacheKey(e) {
 function getHealthCacheKey(e) {
 	return ["health", e];
 }
-function getWorkspaceTypesCacheKey(e) {
-	return ["workspace-types", e];
+function getAppTypesCacheKey(e) {
+	return ["app-types", e];
 }
 function getWorkflowTypesCacheKey(e, y) {
 	return [
@@ -122,4 +122,4 @@ function getFileContentCacheKey(e, y, b) {
 		b
 	];
 }
-export { getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey };
+export { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getChildWorkflowsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey, getHealthCacheKey, getMeCacheKey, getSecretsCacheKey, getWorkflowCacheKey, getWorkflowConfigCacheKey, getWorkflowSourceCacheKey, getWorkflowTypesCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspacesCacheKey };

package/dist/hooks/useConfig.js

@@ -1,40 +1,40 @@
-import { getAvailableEnvironmentsCacheKey, getWorkflowTypesCacheKey, getWorkspaceTypesCacheKey } from "./query-keys.js";
+import { getAppTypesCacheKey, getAvailableEnvironmentsCacheKey, getWorkflowTypesCacheKey } from "./query-keys.js";
 import { useApiClient } from "./useApi.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-function useWorkspaceConfig() {
-	let e = c(7), { envKey: i, api: o } = useApiClient(), s;
-	e[0] === i ? s = e[1] : (s = getWorkspaceTypesCacheKey(i), e[0] = i, e[1] = s);
+function useAppConfig() {
+	let i = c(7), { envKey: a, api: o } = useApiClient(), s;
+	i[0] === a ? s = i[1] : (s = getAppTypesCacheKey(a), i[0] = a, i[1] = s);
 	let l;
-	e[2] === o ? l = e[3] : (l = () => o.config.getWorkspaceTypes(), e[2] = o, e[3] = l);
+	i[2] === o ? l = i[3] : (l = () => o.config.getAppTypes(), i[2] = o, i[3] = l);
 	let u;
-	return e[4] !== s || e[5] !== l ? (u = {
+	return i[4] !== s || i[5] !== l ? (u = {
 		queryKey: s,
 		queryFn: l
-	}, e[4] = s, e[5] = l, e[6] = u) : u = e[6], useQuery(u);
+	}, i[4] = s, i[5] = l, i[6] = u) : u = i[6], useQuery(u);
 }
 function useWorkflowConfig(e) {
-	let a = c(10), { envKey: o, api: s } = useApiClient(), l;
-	a[0] !== o || a[1] !== e ? (l = getWorkflowTypesCacheKey(o, e), a[0] = o, a[1] = e, a[2] = l) : l = a[2];
+	let i = c(10), { envKey: o, api: s } = useApiClient(), l;
+	i[0] !== e || i[1] !== o ? (l = getWorkflowTypesCacheKey(o, e), i[0] = e, i[1] = o, i[2] = l) : l = i[2];
 	let u;
-	a[3] !== s || a[4] !== e ? (u = () => s.config.getWorkflowTypesByWorkspace({ workspaceBlockName: e }), a[3] = s, a[4] = e, a[5] = u) : u = a[5];
+	i[3] !== s || i[4] !== e ? (u = () => s.config.getWorkflowTypesByApp({ appBlockName: e }), i[3] = s, i[4] = e, i[5] = u) : u = i[5];
 	let d = !!e, f;
-	return a[6] !== l || a[7] !== u || a[8] !== d ? (f = {
+	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
 		queryKey: l,
 		queryFn: u,
 		enabled: d
-	}, a[6] = l, a[7] = u, a[8] = d, a[9] = f) : f = a[9], useQuery(f);
+	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
-function useAvailableEnvironments(i) {
+function useAvailableEnvironments(e) {
 	let a = c(8), { envKey: o, api: s } = useApiClient(), l;
 	a[0] === o ? l = a[1] : (l = getAvailableEnvironmentsCacheKey(o), a[0] = o, a[1] = l);
 	let u;
 	a[2] === s ? u = a[3] : (u = () => s.config.getAvailableEnvironments(), a[2] = s, a[3] = u);
-	let d = i?.enabled ?? !0, f;
+	let d = e?.enabled ?? !0, f;
 	return a[4] !== l || a[5] !== u || a[6] !== d ? (f = {
 		queryKey: l,
 		queryFn: u,
 		enabled: d
 	}, a[4] = l, a[5] = u, a[6] = d, a[7] = f) : f = a[7], useQuery(f);
 }
-export { useAvailableEnvironments, useWorkflowConfig, useWorkspaceConfig };
+export { useAppConfig, useAvailableEnvironments, useWorkflowConfig };