@loopstack/loopstack-studio 0.29.4 → 0.30.0

package/dist/pages/DebugWorkflowsPage.js

@@ -1,168 +1,138 @@
 import { useStudio } from "../providers/StudioProvider.js";
-import { useApiClient } from "../hooks/useApi.js";
-import { useAppConfig } from "../hooks/useConfig.js";
+import { useAppsConfig } from "../hooks/useConfig.js";
 import { Badge } from "../components/ui/badge.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import { DataTable } from "../components/data-table/DataTable.js";
 import { c } from "react/compiler-runtime";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useQueries } from "@tanstack/react-query";
 function DebugWorkflowsPage() {
-	let f = c(50), { router: m } = useStudio(), { envKey: h, api: g } = useApiClient(), { data: _, isLoading: v } = useAppConfig(), y;
-	f[0] === _ ? y = f[1] : (y = _ ?? [], f[0] = _, f[1] = y);
-	let b;
-	if (f[2] !== g || f[3] !== _?.length || f[4] !== h || f[5] !== y) {
-		let e;
-		f[7] !== g || f[8] !== _?.length || f[9] !== h ? (e = (e) => ({
-			queryKey: [
-				"workflowTypes",
-				e.className,
-				h
-			],
-			queryFn: async () => {
-				let u = await g.config.getWorkflowTypesByApp({ appBlockName: e.className });
-				return {
-					appBlockName: e.className,
-					types: u
-				};
-			},
-			enabled: !!_?.length
-		}), f[7] = g, f[8] = _?.length, f[9] = h, f[10] = e) : e = f[10], b = y.map(e), f[2] = g, f[3] = _?.length, f[4] = h, f[5] = y, f[6] = b;
-	} else b = f[6];
-	let x;
-	f[11] === b ? x = f[12] : (x = { queries: b }, f[11] = b, f[12] = x);
-	let S = useQueries(x), C;
-	f[13] === S ? C = f[14] : (C = S.some(_temp), f[13] = S, f[14] = C);
-	let w = v || C, T;
+	let p = c(35), { router: g } = useStudio(), { data: _, isLoading: v } = useAppsConfig(), y;
 	bb0: {
-		if (w || !S) {
+		if (!_) {
 			let e;
-			f[15] === Symbol.for("react.memo_cache_sentinel") ? (e = [], f[15] = e) : e = f[15], T = e;
+			p[0] === Symbol.for("react.memo_cache_sentinel") ? (e = [], p[0] = e) : e = p[0], y = e;
 			break bb0;
 		}
 		let e;
-		f[16] === S ? e = f[17] : (e = S.flatMap(_temp2), f[16] = S, f[17] = e), T = e;
+		p[1] === _ ? e = p[2] : (e = _.flatMap(_temp), p[1] = _, p[2] = e), y = e;
 	}
-	let E = T, [D, O] = useState(""), [k, A] = useState("alias"), [j, M] = useState("ASC"), [N, P] = useState(0), [F, I] = useState(10), L, R;
-	if (f[18] !== E || f[19] !== D || f[20] !== k || f[21] !== j) {
-		if (L = E, D) {
-			let e = D.toLowerCase();
-			L = L.filter((u) => u.alias?.toLowerCase().includes(e) || u.title?.toLowerCase().includes(e) || u.description?.toLowerCase().includes(e) || u.appBlockName.toLowerCase().includes(e));
+	let b = y, [x, S] = useState(""), [C, w] = useState("workflowName"), [T, E] = useState("ASC"), [D, O] = useState(0), [k, A] = useState(10), j, M;
+	if (p[3] !== b || p[4] !== x || p[5] !== C || p[6] !== T) {
+		if (j = b, x) {
+			let e = x.toLowerCase();
+			j = j.filter((f) => f.workflowName?.toLowerCase().includes(e) || f.title?.toLowerCase().includes(e) || f.description?.toLowerCase().includes(e) || f.appBlockName.toLowerCase().includes(e));
 		}
 		let e;
-		f[24] !== k || f[25] !== j ? (e = (e, u) => {
-			let d = k, f = (e[d] || "").toLowerCase(), p = (u[d] || "").toLowerCase();
-			return f < p ? j === "ASC" ? -1 : 1 : f > p ? j === "ASC" ? 1 : -1 : 0;
-		}, f[24] = k, f[25] = j, f[26] = e) : e = f[26], R = [...L].sort(e), f[18] = E, f[19] = D, f[20] = k, f[21] = j, f[22] = L, f[23] = R;
-	} else L = f[22], R = f[23];
-	L = R;
-	let z = L, B = N * F, V;
-	f[27] !== z || f[28] !== F || f[29] !== B ? (V = z.slice(B, B + F), f[27] = z, f[28] = F, f[29] = B, f[30] = V) : V = f[30];
-	let H = V, U;
-	f[31] === Symbol.for("react.memo_cache_sentinel") ? (U = [
+		p[9] !== C || p[10] !== T ? (e = (e, f) => {
+			let p = C, m = (e[p] || "").toLowerCase(), h = (f[p] || "").toLowerCase();
+			return m < h ? T === "ASC" ? -1 : 1 : m > h ? T === "ASC" ? 1 : -1 : 0;
+		}, p[9] = C, p[10] = T, p[11] = e) : e = p[11], M = [...j].sort(e), p[3] = b, p[4] = x, p[5] = C, p[6] = T, p[7] = j, p[8] = M;
+	} else j = p[7], M = p[8];
+	j = M;
+	let N = j, P = D * k, F;
+	p[12] !== N || p[13] !== k || p[14] !== P ? (F = N.slice(P, P + k), p[12] = N, p[13] = k, p[14] = P, p[15] = F) : F = p[15];
+	let I = F, L;
+	p[16] === Symbol.for("react.memo_cache_sentinel") ? (L = [
 		{
-			id: "alias",
+			id: "workflowName",
 			label: "Type ID (Alias)",
 			sortable: !0,
 			minWidth: 200,
-			format: _temp3
+			format: _temp2
 		},
 		{
 			id: "title",
 			label: "Title",
 			sortable: !0,
-			format: _temp4
+			format: _temp3
 		},
 		{
 			id: "appBlockName",
 			label: "App Type",
 			sortable: !0,
-			format: _temp5
+			format: _temp4
 		},
 		{
 			id: "description",
 			label: "Description",
 			sortable: !0,
-			format: _temp6
+			format: _temp5
 		}
-	], f[31] = U) : U = f[31];
-	let W = U, G;
-	f[32] === Symbol.for("react.memo_cache_sentinel") ? (G = [{
+	], p[16] = L) : L = p[16];
+	let R = L, z;
+	p[17] === Symbol.for("react.memo_cache_sentinel") ? (z = [{
 		label: "Debug Workflows",
 		current: !0
-	}], f[32] = G) : G = f[32];
-	let K = G, q;
-	f[33] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ jsx("h1", {
+	}], p[17] = z) : z = p[17];
+	let B = z, V;
+	p[18] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
 		children: "Workflow Types"
-	}), f[33] = q) : q = f[33];
-	let J, Y;
-	f[34] === Symbol.for("react.memo_cache_sentinel") ? (J = (e) => P(e), Y = (e) => {
-		I(e), P(0);
-	}, f[34] = J, f[35] = Y) : (J = f[34], Y = f[35]);
-	let X, Z;
-	f[36] === Symbol.for("react.memo_cache_sentinel") ? (X = (e, u) => {
-		A(e), M(u);
-	}, Z = {}, f[36] = X, f[37] = Z) : (X = f[36], Z = f[37]);
-	let Q;
-	f[38] === m ? Q = f[39] : (Q = (e) => void m.navigateToDebugWorkflow(e.id), f[38] = m, f[39] = Q);
-	let $;
-	return f[40] !== z.length || f[41] !== w || f[42] !== N || f[43] !== F || f[44] !== H || f[45] !== D || f[46] !== k || f[47] !== j || f[48] !== Q ? ($ = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: K,
-		children: [q, /* @__PURE__ */ jsx(DataTable, {
-			data: H,
-			columns: W,
-			loading: w,
-			totalItems: z.length,
-			searchTerm: D,
-			onSearchChange: O,
-			page: N,
-			pageSize: F,
-			onPageChange: J,
-			onPageSizeChange: Y,
-			sortBy: k,
-			sortOrder: j,
-			onSortChange: X,
-			filters: Z,
-			onFiltersChange: _temp7,
+	}), p[18] = V) : V = p[18];
+	let H, U;
+	p[19] === Symbol.for("react.memo_cache_sentinel") ? (H = (e) => O(e), U = (e) => {
+		A(e), O(0);
+	}, p[19] = H, p[20] = U) : (H = p[19], U = p[20]);
+	let W, G;
+	p[21] === Symbol.for("react.memo_cache_sentinel") ? (W = (e, f) => {
+		w(e), E(f);
+	}, G = {}, p[21] = W, p[22] = G) : (W = p[21], G = p[22]);
+	let K;
+	p[23] === g ? K = p[24] : (K = (e) => void g.navigateToDebugWorkflow(e.id), p[23] = g, p[24] = K);
+	let q;
+	return p[25] !== N.length || p[26] !== v || p[27] !== D || p[28] !== k || p[29] !== I || p[30] !== x || p[31] !== C || p[32] !== T || p[33] !== K ? (q = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: B,
+		children: [V, /* @__PURE__ */ jsx(DataTable, {
+			data: I,
+			columns: R,
+			loading: v,
+			totalItems: N.length,
+			searchTerm: x,
+			onSearchChange: S,
+			page: D,
+			pageSize: k,
+			onPageChange: H,
+			onPageSizeChange: U,
+			sortBy: C,
+			sortOrder: T,
+			onSortChange: W,
+			filters: G,
+			onFiltersChange: _temp6,
 			enableBatchActions: !1,
-			onRowClick: Q
+			onRowClick: K
 		})]
-	}), f[40] = z.length, f[41] = w, f[42] = N, f[43] = F, f[44] = H, f[45] = D, f[46] = k, f[47] = j, f[48] = Q, f[49] = $) : $ = f[49], $;
+	}), p[25] = N.length, p[26] = v, p[27] = D, p[28] = k, p[29] = I, p[30] = x, p[31] = C, p[32] = T, p[33] = K, p[34] = q) : q = p[34], q;
 }
-function _temp7() {}
-function _temp6(e) {
+function _temp6() {}
+function _temp5(e) {
 	return /* @__PURE__ */ jsx("span", {
 		className: "text-muted-foreground max-w-xs truncate block",
 		children: String(e || "-")
 	});
 }
-function _temp5(e) {
+function _temp4(e) {
 	return /* @__PURE__ */ jsx(Badge, {
 		variant: "outline",
 		children: String(e)
 	});
 }
-function _temp4(e, u) {
-	return /* @__PURE__ */ jsx("span", { children: String(e || u.alias || "N/A") });
+function _temp3(e, f) {
+	return /* @__PURE__ */ jsx("span", { children: String(e || f.workflowName || "N/A") });
 }
-function _temp3(e) {
+function _temp2(e) {
 	return /* @__PURE__ */ jsx("span", {
 		className: "font-medium",
 		children: String(e)
 	});
 }
-function _temp2(e) {
-	if (!e.data) return [];
-	let { appBlockName: u, types: d } = e.data;
-	return (d ?? []).map((e) => ({
-		...e,
-		id: `${u}::${e.alias}`,
-		appBlockName: u
-	}));
-}
 function _temp(e) {
-	return e.isLoading;
+	return e.workflows.map((f) => ({
+		id: `${e.appName}::${f.workflowName}`,
+		workflowName: f.workflowName,
+		title: f.title,
+		description: f.description,
+		appBlockName: e.appName
+	}));
 }
 export { DebugWorkflowsPage as default };

package/dist/pages/EmbedWorkbenchPage.js

@@ -1,10 +1,10 @@
 import { useWorkflow } from "../hooks/useWorkflows.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
-import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
 import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
 import "../packages/contracts/dist/enums/index.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
+import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
 import "../features/workbench/index.js";
 import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";

package/dist/pages/PreviewWorkbenchPage.js

@@ -3,11 +3,11 @@ import { useFilterWorkflows, useWorkflow, useWorkflowConfigByName } from "../hoo
 import { Button } from "../components/ui/button.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
-import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
-import "../packages/contracts/dist/enums/index.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
 import WorkflowFlowViewer_default from "../features/debug/components/WorkflowFlowViewer.js";
 import "../features/debug/index.js";
+import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../packages/contracts/dist/enums/index.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
 import WorkflowHistoryList_default from "../features/workbench/components/WorkflowHistoryList.js";
 import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
@@ -45,7 +45,7 @@ function PreviewWorkbenchPage() {
 	}), e[3] = t, e[4] = o), o;
 }
 function PreviewWorkbenchContent(e) {
-	let t = c(49), { workflowId: m, onNewRunSuccess: h } = e, _ = useRef(null), [y, b] = useState("output"), [x, S] = useState(!1), w = useWorkflow(m), T = useRef(!1), O = useWorkflowConfigByName(w.data?.className ?? void 0), A, j;
+	let t = c(49), { workflowId: m, onNewRunSuccess: h } = e, _ = useRef(null), [y, b] = useState("output"), [x, S] = useState(!1), w = useWorkflow(m), T = useRef(!1), O = useWorkflowConfigByName(w.data?.workflowName), A, j;
 	t[0] !== w.data || t[1] !== m ? (A = () => {
 		!w.data || T.current || w.data.status === WorkflowState.Completed && window.parent !== window && (T.current = !0, window.parent.postMessage({
 			type: EMBED_MESSAGE_TYPE,
@@ -273,15 +273,15 @@ function RecentRunItem(e) {
 	let t = c(17), { workflow: n, onClick: r } = e, i = `h-1.5 w-1.5 shrink-0 rounded-full ${STATUS_DOT_COLORS[n.status] ?? "bg-muted-foreground"}`, a;
 	t[0] === i ? a = t[1] : (a = /* @__PURE__ */ jsx("span", { className: i }), t[0] = i, t[1] = a);
 	let o;
-	t[2] !== n.alias || t[3] !== n.run ? (o = /* @__PURE__ */ jsxs("span", {
+	t[2] !== n.run || t[3] !== n.workflowName ? (o = /* @__PURE__ */ jsxs("span", {
 		className: "truncate text-sm font-medium",
 		children: [
 			"Run #",
 			n.run,
 			" · ",
-			n.alias
+			n.workflowName
 		]
-	}), t[2] = n.alias, t[3] = n.run, t[4] = o) : o = t[4];
+	}), t[2] = n.run, t[3] = n.workflowName, t[4] = o) : o = t[4];
 	let s;
 	t[5] !== a || t[6] !== o ? (s = /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2",

package/dist/pages/WorkbenchPage.js

@@ -3,68 +3,64 @@ import { useWorkflow } from "../hooks/useWorkflows.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
-import { useDefaultEnvironmentPreviewUrl } from "../hooks/useEnvironmentPreviewUrl.js";
 import Workbench from "../features/workbench/Workbench.js";
 import "../features/workbench/index.js";
+import { useDefaultEnvironmentPreviewUrl } from "../hooks/useEnvironmentPreviewUrl.js";
 import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
-import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 function WorkbenchPage(p) {
-	let m = c(36), h;
+	let m = c(35), h;
 	m[0] === p ? h = m[1] : (h = p === void 0 ? {} : p, m[0] = p, m[1] = h);
-	let { getPreviewUrl: g, getEnvironmentPreviewUrl: _, environments: v } = h, { router: y } = useStudio(), b = useParams(), x;
-	m[2] === b ? x = m[3] : (x = requireParam(b, "workflowId"), m[2] = b, m[3] = x);
-	let S = useWorkflow(x), C = S.data?.workspaceId, w = useWorkspace(C);
-	w.data?.environments;
-	let T = v ?? w.data?.environments, E = useDefaultEnvironmentPreviewUrl(), D = _ ?? E, O;
-	m[4] === y ? O = m[5] : (O = y.getWorkspaces(), m[4] = y, m[5] = O);
-	let k;
-	m[6] === O ? k = m[7] : (k = {
+	let { getPreviewUrl: g, getEnvironmentPreviewUrl: _ } = h, { router: v } = useStudio(), y = useParams(), b;
+	m[2] === y ? b = m[3] : (b = requireParam(y, "workflowId"), m[2] = y, m[3] = b);
+	let x = useWorkflow(b), S = x.data?.workspaceId, C = useWorkspace(S), w = useDefaultEnvironmentPreviewUrl(), T = _ ?? w, E;
+	m[4] === v ? E = m[5] : (E = v.getWorkspaces(), m[4] = v, m[5] = E);
+	let D;
+	m[6] === E ? D = m[7] : (D = {
 		label: "Workspaces",
-		href: O
-	}, m[6] = O, m[7] = k);
-	let A = w.data?.title ?? "", j;
-	m[8] !== y || m[9] !== C ? (j = C ? y.getWorkspace(C) : void 0, m[8] = y, m[9] = C, m[10] = j) : j = m[10];
-	let M;
-	m[11] !== A || m[12] !== j ? (M = {
-		label: A,
-		href: j
-	}, m[11] = A, m[12] = j, m[13] = M) : M = m[13];
-	let N = `Run #${S.data?.run}${S.data?.title ? ` (${S.data.title})` : ""}`, P;
-	m[14] === N ? P = m[15] : (P = { label: N }, m[14] = N, m[15] = P);
-	let F;
-	m[16] !== k || m[17] !== M || m[18] !== P ? (F = [
-		k,
-		M,
-		P
-	], m[16] = k, m[17] = M, m[18] = P, m[19] = F) : F = m[19];
-	let I = F, L;
-	m[20] === S.error ? L = m[21] : (L = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), m[20] = S.error, m[21] = L);
-	let R;
-	m[22] !== I || m[23] !== S.data || m[24] !== S.error || m[25] !== S.isLoading || m[26] !== g || m[27] !== T || m[28] !== D ? (R = S.data ? /* @__PURE__ */ jsx(Workbench, {
-		workflow: S.data,
-		breadcrumbData: I,
+		href: E
+	}, m[6] = E, m[7] = D);
+	let O = C.data?.title ?? "", k;
+	m[8] !== v || m[9] !== S ? (k = S ? v.getWorkspace(S) : void 0, m[8] = v, m[9] = S, m[10] = k) : k = m[10];
+	let A;
+	m[11] !== O || m[12] !== k ? (A = {
+		label: O,
+		href: k
+	}, m[11] = O, m[12] = k, m[13] = A) : A = m[13];
+	let j = `Run #${x.data?.run}${x.data?.title ? ` (${x.data.title})` : ""}`, M;
+	m[14] === j ? M = m[15] : (M = { label: j }, m[14] = j, m[15] = M);
+	let N;
+	m[16] !== D || m[17] !== A || m[18] !== M ? (N = [
+		D,
+		A,
+		M
+	], m[16] = D, m[17] = A, m[18] = M, m[19] = N) : N = m[19];
+	let P = N, F;
+	m[20] === x.error ? F = m[21] : (F = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), m[20] = x.error, m[21] = F);
+	let I;
+	m[22] !== P || m[23] !== x.data || m[24] !== x.error || m[25] !== x.isLoading || m[26] !== g || m[27] !== T ? (I = x.data ? /* @__PURE__ */ jsx(Workbench, {
+		workflow: x.data,
+		breadcrumbData: P,
 		getPreviewUrl: g,
-		getEnvironmentPreviewUrl: D,
-		environments: T
-	}) : !S.isLoading && !S.error ? /* @__PURE__ */ jsx("p", {
+		getEnvironmentPreviewUrl: T
+	}) : !x.isLoading && !x.error ? /* @__PURE__ */ jsx("p", {
 		className: "text-muted-foreground py-8 text-center text-sm",
 		children: "Workflow not found."
-	}) : null, m[22] = I, m[23] = S.data, m[24] = S.error, m[25] = S.isLoading, m[26] = g, m[27] = T, m[28] = D, m[29] = R) : R = m[29];
-	let z;
-	m[30] !== S.isLoading || m[31] !== R ? (z = /* @__PURE__ */ jsx(LoadingCentered_default, {
-		loading: S.isLoading,
-		children: R
-	}), m[30] = S.isLoading, m[31] = R, m[32] = z) : z = m[32];
-	let B;
-	return m[33] !== L || m[34] !== z ? (B = /* @__PURE__ */ jsx("div", {
+	}) : null, m[22] = P, m[23] = x.data, m[24] = x.error, m[25] = x.isLoading, m[26] = g, m[27] = T, m[28] = I) : I = m[28];
+	let L;
+	m[29] !== x.isLoading || m[30] !== I ? (L = /* @__PURE__ */ jsx(LoadingCentered_default, {
+		loading: x.isLoading,
+		children: I
+	}), m[29] = x.isLoading, m[30] = I, m[31] = L) : L = m[31];
+	let R;
+	return m[32] !== F || m[33] !== L ? (R = /* @__PURE__ */ jsx("div", {
 		className: "flex h-svh flex-col",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 overflow-hidden",
-			children: [L, z]
+			children: [F, L]
 		})
-	}), m[33] = L, m[34] = z, m[35] = B) : B = m[35], B;
+	}), m[32] = F, m[33] = L, m[34] = R) : R = m[34], R;
 }
 export { WorkbenchPage as default };

package/dist/pages/WorkflowDebugPage.js

@@ -18,7 +18,7 @@ var WorkflowDebugPage_default = () => {
 	_[0] === y ? b = _[1] : (b = requireParam(y, "workflowId"), _[0] = y, _[1] = b);
 	let x = b, S = useWorkflow(x), C = S.data?.workspaceId, w = useWorkspace(C), T = useChildWorkflows(x), E;
 	_[2] === T.data ? E = _[3] : (E = T.data ?? [], _[2] = T.data, _[3] = E);
-	let D = E, O = useWorkflowConfigByName(S.data?.className ?? void 0), k;
+	let D = E, O = useWorkflowConfigByName(S.data?.workflowName), k;
 	_[4] === v ? k = _[5] : (k = v.getWorkspaces(), _[4] = v, _[5] = k);
 	let A;
 	_[6] === k ? A = _[7] : (A = {
@@ -63,7 +63,7 @@ var WorkflowDebugPage_default = () => {
 	}
 	let B;
 	_[28] === S.error ? B = _[29] : (B = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), _[28] = S.error, _[29] = B);
-	let V = S.data?.title ?? S.data?.alias ?? "Workflow", H = S.data?.run, U;
+	let V = S.data?.title ?? S.data?.workflowName ?? "Workflow", H = S.data?.run, U;
 	_[30] !== v || _[31] !== x ? (U = () => void v.navigateToWorkflow(x), _[30] = v, _[31] = x, _[32] = U) : U = _[32];
 	let W;
 	_[33] !== V || _[34] !== H || _[35] !== U ? (W = /* @__PURE__ */ jsx(WorkflowDebugHeader_default, {
@@ -72,20 +72,14 @@ var WorkflowDebugPage_default = () => {
 		onBack: U
 	}), _[33] = V, _[34] = H, _[35] = U, _[36] = W) : W = _[36];
 	let G;
-	_[37] !== D || _[38] !== O || _[39] !== x ? (G = /* @__PURE__ */ jsx("div", {
+	_[37] !== D || _[38] !== O.data || _[39] !== x ? (G = /* @__PURE__ */ jsx("div", {
 		className: "bg-card border-border flex-1 overflow-hidden rounded-2xl border shadow-sm",
-		children: D.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
+		children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
 			workflowId: x,
 			workflows: D,
 			workflowConfig: O.data
-		}) }) : /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground flex h-full items-center justify-center",
-			children: /* @__PURE__ */ jsx("p", {
-				className: "font-medium",
-				children: "No child workflows found for this workflow"
-			})
-		})
-	}), _[37] = D, _[38] = O, _[39] = x, _[40] = G) : G = _[40];
+		}) })
+	}), _[37] = D, _[38] = O.data, _[39] = x, _[40] = G) : G = _[40];
 	let K;
 	_[41] !== W || _[42] !== G ? (K = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-[calc(100vh-8rem)] flex-col gap-6",

package/dist/pages/WorkspacePage.js

@@ -1,88 +1,62 @@
 import { useStudio } from "../providers/StudioProvider.js";
-import { useAppConfig } from "../hooks/useConfig.js";
+import { useAppsConfig } from "../hooks/useConfig.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
 import { WorkbenchSidebarShell } from "../features/workbench/components/WorkbenchSidebarShell.js";
-import WorkspaceHomePage_default from "../features/workspaces/components/WorkspaceHomePage.js";
+import "../features/workspaces/components/WorkspaceHomePage.js";
 import { useDefaultEnvironmentPreviewUrl } from "../hooks/useEnvironmentPreviewUrl.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 import { Loader2 } from "lucide-react";
 var WorkspacePage_default = () => {
-	let _ = c(40), { router: v } = useStudio(), { workspaceId: y } = useParams(), b = useWorkspace(y), x = useAppConfig(), S = useDefaultEnvironmentPreviewUrl(), C = b.data, w;
-	bb0: {
-		if (!C || !x.data) {
-			w = void 0;
-			break bb0;
-		}
-		let t;
-		if (_[0] !== x.data || _[1] !== C) {
-			let g;
-			_[3] === C ? g = _[4] : (g = (t) => t.className === C.className, _[3] = C, _[4] = g), t = x.data.find(g)?.ui?.widgets?.find(_temp), _[0] = x.data, _[1] = C, _[2] = t;
-		} else t = _[2];
-		w = t;
-	}
-	let T = w, E;
-	_[5] === v ? E = _[6] : (E = v.getWorkspaces(), _[5] = v, _[6] = E);
-	let D;
-	_[7] === E ? D = _[8] : (D = {
+	let h = c(30), { router: g } = useStudio(), { workspaceId: _ } = useParams(), v = useWorkspace(_), y = useAppsConfig(), b = useDefaultEnvironmentPreviewUrl(), x = v.data, S;
+	h[0] === g ? S = h[1] : (S = g.getWorkspaces(), h[0] = g, h[1] = S);
+	let C;
+	h[2] === S ? C = h[3] : (C = {
 		label: "Workspaces",
-		href: E
-	}, _[7] = E, _[8] = D);
-	let O = C?.title ?? "", k;
-	_[9] === O ? k = _[10] : (k = {
-		label: O,
+		href: S
+	}, h[2] = S, h[3] = C);
+	let w = x?.title ?? "", T;
+	h[4] === w ? T = h[5] : (T = {
+		label: w,
 		current: !0
-	}, _[9] = O, _[10] = k);
+	}, h[4] = w, h[5] = T);
+	let E;
+	h[6] !== C || h[7] !== T ? (E = [C, T], h[6] = C, h[7] = T, h[8] = E) : E = h[8];
+	let D = E, O = v.isLoading || y.isLoading, k;
+	h[9] === O ? k = h[10] : (k = O ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", h[9] = O, h[10] = k);
 	let A;
-	_[11] !== D || _[12] !== k ? (A = [D, k], _[11] = D, _[12] = k, _[13] = A) : A = _[13];
-	let j = A, M = b.isLoading || x.isLoading, N;
-	_[14] === C ? N = _[15] : (N = C ? {
-		volumes: C.volumes,
-		features: C.features
-	} : void 0, _[14] = C, _[15] = N);
-	let P = N, F = C?.environments, I;
-	_[16] === M ? I = _[17] : (I = M ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", _[16] = M, _[17] = I);
-	let L;
-	_[18] === b.error ? L = _[19] : (L = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), _[18] = b.error, _[19] = L);
-	let R;
-	_[20] === x.error ? R = _[21] : (R = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), _[20] = x.error, _[21] = R);
-	let z;
-	_[22] !== M || _[23] !== T || _[24] !== C ? (z = C && T ? /* @__PURE__ */ jsx(WorkspaceHomePage_default, {
-		workspace: C,
-		action: T
-	}) : C && !M ? /* @__PURE__ */ jsx("div", {
+	h[11] === v.error ? A = h[12] : (A = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: v.error }), h[11] = v.error, h[12] = A);
+	let j;
+	h[13] === y.error ? j = h[14] : (j = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: y.error }), h[13] = y.error, h[14] = j);
+	let M;
+	h[15] !== O || h[16] !== x ? (M = x && !O ? /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground",
 			children: "No home page configured for this workspace."
 		})
-	}) : null, _[22] = M, _[23] = T, _[24] = C, _[25] = z) : z = _[25];
-	let B;
-	_[26] !== R || _[27] !== z || _[28] !== I || _[29] !== L ? (B = /* @__PURE__ */ jsxs(Fragment, { children: [
-		I,
-		L,
-		R,
-		z
-	] }), _[26] = R, _[27] = z, _[28] = I, _[29] = L, _[30] = B) : B = _[30];
-	let V;
-	_[31] !== j || _[32] !== B ? (V = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(MainLayout_default, {
-		breadcrumbsData: j,
-		children: B
-	}) }), _[31] = j, _[32] = B, _[33] = V) : V = _[33];
-	let H;
-	return _[34] !== S || _[35] !== V || _[36] !== F || _[37] !== P || _[38] !== y ? (H = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
-		workspaceId: y,
-		environments: F,
-		workspaceConfig: P,
-		getEnvironmentPreviewUrl: S,
-		children: V
-	}), _[34] = S, _[35] = V, _[36] = F, _[37] = P, _[38] = y, _[39] = H) : H = _[39], H;
+	}) : null, h[15] = O, h[16] = x, h[17] = M) : M = h[17];
+	let N;
+	h[18] !== k || h[19] !== A || h[20] !== j || h[21] !== M ? (N = /* @__PURE__ */ jsxs(Fragment, { children: [
+		k,
+		A,
+		j,
+		M
+	] }), h[18] = k, h[19] = A, h[20] = j, h[21] = M, h[22] = N) : N = h[22];
+	let P;
+	h[23] !== D || h[24] !== N ? (P = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(MainLayout_default, {
+		breadcrumbsData: D,
+		children: N
+	}) }), h[23] = D, h[24] = N, h[25] = P) : P = h[25];
+	let F;
+	return h[26] !== b || h[27] !== P || h[28] !== _ ? (F = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		workspaceId: _,
+		getEnvironmentPreviewUrl: b,
+		children: P
+	}), h[26] = b, h[27] = P, h[28] = _, h[29] = F) : F = h[29], F;
 };
-function _temp(t) {
-	return t.widget === "start-form";
-}
 export { WorkspacePage_default as default };