@loopstack/loopstack-studio 0.29.5 → 0.31.0

package/dist/pages/DashboardPage.js

@@ -1,85 +1,31 @@
-import { Button } from "../components/ui/button.js";
-import { Alert, AlertDescription, AlertTitle } from "../components/ui/alert.js";
+import { useAppsConfig } from "../hooks/useConfig.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
-import Dashboard from "../features/dashboard/Dashboard.js";
-import { useDashboardStats } from "../hooks/useDashboard.js";
+import AppLauncher from "../features/dashboard/AppLauncher.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TriangleAlert } from "lucide-react";
 function DashboardPage() {
-	let p = c(22), { data: m, isLoading: h, error: g, refetch: _, isRefetching: v } = useDashboardStats();
-	if (h) {
+	let s = c(8), { data: l, isLoading: u } = useAppsConfig();
+	if (u) {
 		let e;
-		return p[0] === h ? e = p[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: h }), p[0] = h, p[1] = e), e;
+		return s[0] === u ? e = s[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: u }), s[0] = u, s[1] = e), e;
 	}
-	if (g) {
-		let l;
-		p[2] === Symbol.for("react.memo_cache_sentinel") ? (l = [{
-			label: "Dashboard",
-			current: !0
-		}], p[2] = l) : l = p[2];
-		let u = l, d;
-		p[3] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx("h1", {
-			className: "mb-4 text-3xl font-bold tracking-tight",
-			children: "Dashboard"
-		}), p[3] = d) : d = p[3];
-		let f, m;
-		p[4] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(TriangleAlert, {}), m = /* @__PURE__ */ jsx(AlertTitle, { children: "Failed to load dashboard" }), p[4] = f, p[5] = m) : (f = p[4], m = p[5]);
-		let h;
-		p[6] === g.message ? h = p[7] : (h = /* @__PURE__ */ jsxs("p", {
-			className: "wrap-break-word",
-			children: ["Please try again. ", g.message]
-		}), p[6] = g.message, p[7] = h);
-		let y;
-		p[8] === _ ? y = p[9] : (y = () => void _(), p[8] = _, p[9] = y);
-		let b = v ? "Reloading…" : "Retry", x;
-		p[10] !== v || p[11] !== y || p[12] !== b ? (x = /* @__PURE__ */ jsx("div", {
-			className: "mt-3 flex flex-wrap gap-2",
-			children: /* @__PURE__ */ jsx(Button, {
-				variant: "destructive",
-				onClick: y,
-				disabled: v,
-				children: b
-			})
-		}), p[10] = v, p[11] = y, p[12] = b, p[13] = x) : x = p[13];
-		let S;
-		return p[14] !== h || p[15] !== x ? (S = /* @__PURE__ */ jsxs(MainLayout_default, {
-			breadcrumbsData: u,
-			children: [d, /* @__PURE__ */ jsx("div", {
-				className: "mx-auto w-full max-w-2xl",
-				children: /* @__PURE__ */ jsxs(Alert, {
-					variant: "destructive",
-					children: [
-						f,
-						m,
-						/* @__PURE__ */ jsxs(AlertDescription, { children: [h, x] })
-					]
-				})
-			})]
-		}), p[14] = h, p[15] = x, p[16] = S) : S = p[16], S;
-	}
-	if (!m) {
-		let e;
-		return p[17] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
-			className: "p-4",
-			children: "No data available"
-		}), p[17] = e) : e = p[17], e;
-	}
-	let y;
-	p[18] === Symbol.for("react.memo_cache_sentinel") ? (y = [{
-		label: "Dashboard",
+	let d;
+	s[2] === Symbol.for("react.memo_cache_sentinel") ? (d = [{
+		label: "Applications",
 		current: !0
-	}], p[18] = y) : y = p[18];
-	let b = y, x;
-	p[19] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("h1", {
+	}], s[2] = d) : d = s[2];
+	let f = d, p;
+	s[3] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
-		children: "Dashboard"
-	}), p[19] = x) : x = p[19];
-	let S;
-	return p[20] === m ? S = p[21] : (S = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: b,
-		children: [x, /* @__PURE__ */ jsx(Dashboard, { dashboardStats: m })]
-	}), p[20] = m, p[21] = S), S;
+		children: "Applications"
+	}), s[3] = p) : p = s[3];
+	let m;
+	s[4] === l ? m = s[5] : (m = l && l.length > 0 && /* @__PURE__ */ jsx(AppLauncher, { apps: l }), s[4] = l, s[5] = m);
+	let h;
+	return s[6] === m ? h = s[7] : (h = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: f,
+		children: [p, m]
+	}), s[6] = m, s[7] = h), h;
 }
 export { DashboardPage as default };

package/dist/pages/DebugWorkflowDetailsPage.js

@@ -35,7 +35,7 @@ function DebugWorkflowDetailsPage() {
 		label: "Debug Workflows",
 		href: T
 	}, m[7] = T, m[8] = E);
-	let D = b?.title || b?.alias || y || "Workflow Details", O;
+	let D = b?.title || b?.workflowName || y || "Workflow Details", O;
 	m[9] === D ? O = m[10] : (O = {
 		label: D,
 		current: !0
@@ -51,7 +51,7 @@ function DebugWorkflowDetailsPage() {
 		children: [
 			/* @__PURE__ */ jsx("h1", {
 				className: "text-3xl font-bold tracking-tight",
-				children: b.title || b.alias
+				children: b.title || b.workflowName
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",

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