@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/node_modules/shiki/dist/themes.js

@@ -170,7 +170,7 @@ var bundledThemesInfo = [
 	{
 		id: "horizon-bright",
 		displayName: "Horizon Bright",
-		type: "dark",
+		type: "light",
 		import: (() => import("../../@shikijs/themes/dist/horizon-bright.js"))
 	},
 	{

package/dist/pages/DashboardPage.js

@@ -1,4 +1,3 @@
-import { useStudio } from "../providers/StudioProvider.js";
 import { Button } from "../components/ui/button.js";
 import { Alert, AlertDescription, AlertTitle } from "../components/ui/alert.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
@@ -7,104 +6,80 @@ import Dashboard from "../features/dashboard/Dashboard.js";
 import { useDashboardStats } from "../hooks/useDashboard.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Home, TriangleAlert } from "lucide-react";
+import { TriangleAlert } from "lucide-react";
 function DashboardPage() {
-	let h = c(38), { environment: g } = useStudio(), { data: _, isLoading: v, error: y, refetch: b, isRefetching: x } = useDashboardStats();
-	if (v) {
+	let p = c(22), { data: m, isLoading: h, error: g, refetch: _, isRefetching: v } = useDashboardStats();
+	if (h) {
 		let e;
-		return h[0] === v ? e = h[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: v }), h[0] = v, h[1] = e), e;
+		return p[0] === h ? e = p[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: h }), p[0] = h, p[1] = e), e;
 	}
-	if (y) {
-		let e;
-		h[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[2] = e) : e = h[2];
-		let d;
-		h[3] === g.name ? d = h[4] : (d = {
-			label: g.name,
-			href: "#",
-			icon: e
-		}, h[3] = g.name, h[4] = d);
-		let f;
-		h[5] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+	if (g) {
+		let l;
+		p[2] === Symbol.for("react.memo_cache_sentinel") ? (l = [{
 			label: "Dashboard",
 			current: !0
-		}, h[5] = f) : f = h[5];
-		let p;
-		h[6] === d ? p = h[7] : (p = [d, f], h[6] = d, h[7] = p);
-		let m = p, _;
-		h[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("h1", {
+		}], 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"
-		}), h[8] = _) : _ = h[8];
-		let v, S;
-		h[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(TriangleAlert, {}), S = /* @__PURE__ */ jsx(AlertTitle, { children: "Failed to load dashboard" }), h[9] = v, h[10] = S) : (v = h[9], S = h[10]);
-		let C;
-		h[11] === y.message ? C = h[12] : (C = /* @__PURE__ */ jsxs("p", {
+		}), 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. ", y.message]
-		}), h[11] = y.message, h[12] = C);
-		let w;
-		h[13] === b ? w = h[14] : (w = () => void b(), h[13] = b, h[14] = w);
-		let T = x ? "Reloading…" : "Retry", E;
-		h[15] !== x || h[16] !== w || h[17] !== T ? (E = /* @__PURE__ */ jsx("div", {
+			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: w,
-				disabled: x,
-				children: T
-			})
-		}), h[15] = x, h[16] = w, h[17] = T, h[18] = E) : E = h[18];
-		let D;
-		h[19] !== E || h[20] !== C ? (D = /* @__PURE__ */ jsx("div", {
-			className: "mx-auto w-full max-w-2xl",
-			children: /* @__PURE__ */ jsxs(Alert, {
-				variant: "destructive",
-				children: [
-					v,
-					S,
-					/* @__PURE__ */ jsxs(AlertDescription, { children: [C, E] })
-				]
+				onClick: y,
+				disabled: v,
+				children: b
 			})
-		}), h[19] = E, h[20] = C, h[21] = D) : D = h[21];
-		let O;
-		return h[22] !== m || h[23] !== D ? (O = /* @__PURE__ */ jsxs(MainLayout_default, {
-			breadcrumbsData: m,
-			children: [_, D]
-		}), h[22] = m, h[23] = D, h[24] = O) : O = h[24], O;
+		}), 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 (!_) {
+	if (!m) {
 		let e;
-		return h[25] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return p[17] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "p-4",
 			children: "No data available"
-		}), h[25] = e) : e = h[25], e;
+		}), p[17] = e) : e = p[17], e;
 	}
-	let S;
-	h[26] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[26] = S) : S = h[26];
-	let C;
-	h[27] === g.name ? C = h[28] : (C = {
-		label: g.name,
-		href: "#",
-		icon: S
-	}, h[27] = g.name, h[28] = C);
-	let w;
-	h[29] === Symbol.for("react.memo_cache_sentinel") ? (w = {
+	let y;
+	p[18] === Symbol.for("react.memo_cache_sentinel") ? (y = [{
 		label: "Dashboard",
 		current: !0
-	}, h[29] = w) : w = h[29];
-	let T;
-	h[30] === C ? T = h[31] : (T = [C, w], h[30] = C, h[31] = T);
-	let E = T, D;
-	h[32] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx("h1", {
+	}], p[18] = y) : y = p[18];
+	let b = y, x;
+	p[19] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
 		children: "Dashboard"
-	}), h[32] = D) : D = h[32];
-	let O;
-	h[33] === _ ? O = h[34] : (O = /* @__PURE__ */ jsx(Dashboard, { dashboardStats: _ }), h[33] = _, h[34] = O);
-	let k;
-	return h[35] !== E || h[36] !== O ? (k = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: E,
-		children: [D, O]
-	}), h[35] = E, h[36] = O, h[37] = k) : k = h[37], k;
+	}), 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;
 }
 export { DashboardPage as default };

package/dist/pages/DebugWorkflowDetailsPage.js

@@ -7,69 +7,55 @@ import { c } from "react/compiler-runtime";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-import { Home, Loader2 } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import { Prism } from "react-syntax-highlighter";
 import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
 function DebugWorkflowDetailsPage() {
-	let h = c(29), { workflowId: g } = useParams(), { router: _ } = useStudio(), v;
+	let m = c(23), { workflowId: h } = useParams(), { router: g } = useStudio(), _;
 	bb0: {
-		if (!g) {
-			let t;
-			h[0] === Symbol.for("react.memo_cache_sentinel") ? (t = ["", ""], h[0] = t) : t = h[0], v = t;
+		if (!h) {
+			let e;
+			m[0] === Symbol.for("react.memo_cache_sentinel") ? (e = ["", ""], m[0] = e) : e = m[0], _ = e;
 			break bb0;
 		}
-		let t;
-		h[1] === g ? t = h[2] : (t = g.split("::"), h[1] = g, h[2] = t);
-		let p = t;
-		if (p.length === 2) {
-			v = p;
+		let e;
+		m[1] === h ? e = m[2] : (e = h.split("::"), m[1] = h, m[2] = e);
+		let f = e;
+		if (f.length === 2) {
+			_ = f;
 			break bb0;
 		}
-		let m;
-		h[3] === g ? m = h[4] : (m = ["default", g], h[3] = g, h[4] = m), v = m;
+		let p;
+		m[3] === h ? p = m[4] : (p = ["default", h], m[3] = h, m[4] = p), _ = p;
 	}
-	let [y, b] = v, { data: x, isLoading: S } = useWorkflowConfigByName(b), { data: C, isLoading: w } = useWorkflowSource(b), T = S || w, E;
-	h[5] === _ ? E = h[6] : (E = _.getDashboard(), h[5] = _, h[6] = E);
-	let D;
-	h[7] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[7] = D) : D = h[7];
-	let O;
-	h[8] === E ? O = h[9] : (O = {
-		label: "Dashboard",
-		href: E,
-		icon: D
-	}, h[8] = E, h[9] = O);
-	let k;
-	h[10] === _ ? k = h[11] : (k = _.getDebugWorkflows(), h[10] = _, h[11] = k);
-	let A;
-	h[12] === k ? A = h[13] : (A = {
+	let [v, y] = _, { data: b, isLoading: x } = useWorkflowConfigByName(y), { data: S, isLoading: C } = useWorkflowSource(y), w = x || C, T;
+	m[5] === g ? T = m[6] : (T = g.getDebugWorkflows(), m[5] = g, m[6] = T);
+	let E;
+	m[7] === T ? E = m[8] : (E = {
 		label: "Debug Workflows",
-		href: k
-	}, h[12] = k, h[13] = A);
-	let j = x?.title || x?.alias || b || "Workflow Details", M;
-	h[14] === j ? M = h[15] : (M = {
-		label: j,
+		href: T
+	}, m[7] = T, m[8] = E);
+	let D = b?.title || b?.alias || y || "Workflow Details", O;
+	m[9] === D ? O = m[10] : (O = {
+		label: D,
 		current: !0
-	}, h[14] = j, h[15] = M);
-	let N;
-	h[16] !== O || h[17] !== A || h[18] !== M ? (N = [
-		O,
-		A,
-		M
-	], h[16] = O, h[17] = A, h[18] = M, h[19] = N) : N = h[19];
-	let P = N, F;
-	h[20] !== T || h[21] !== C || h[22] !== b || h[23] !== x || h[24] !== y ? (F = T ? /* @__PURE__ */ jsxs("div", {
+	}, m[9] = D, m[10] = O);
+	let k;
+	m[11] !== E || m[12] !== O ? (k = [E, O], m[11] = E, m[12] = O, m[13] = k) : k = m[13];
+	let A = k, j;
+	m[14] !== w || m[15] !== S || m[16] !== y || m[17] !== b || m[18] !== v ? (j = w ? /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center space-x-2",
 		children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", { children: "Loading..." })]
-	}) : x ? /* @__PURE__ */ jsxs("div", {
+	}) : b ? /* @__PURE__ */ jsxs("div", {
 		className: "flex h-[calc(100vh-8rem)] flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsx("h1", {
 				className: "text-3xl font-bold tracking-tight",
-				children: x.title || x.alias
+				children: b.title || b.alias
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: x.description
+				children: b.description
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-1 gap-4 overflow-hidden",
@@ -77,11 +63,11 @@ function DebugWorkflowDetailsPage() {
 					className: "w-1/2 flex flex-col rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden",
 					children: [/* @__PURE__ */ jsx("div", {
 						className: "border-b bg-muted/50 px-4 py-2 font-medium text-sm",
-						children: C?.filePath
+						children: S?.filePath
 					}), /* @__PURE__ */ jsx("div", {
 						className: "flex-1 overflow-auto bg-[#1e1e1e]",
 						children: /* @__PURE__ */ jsx(Prism, {
-							language: C?.raw ? "typescript" : "json",
+							language: S?.raw ? "typescript" : "json",
 							style: vscDarkPlus,
 							customStyle: {
 								margin: 0,
@@ -90,7 +76,7 @@ function DebugWorkflowDetailsPage() {
 								fontSize: "13px"
 							},
 							showLineNumbers: !0,
-							children: C?.raw ? C.raw : JSON.stringify(x, null, 2)
+							children: S?.raw ? S.raw : JSON.stringify(b, null, 2)
 						})
 					})]
 				}), /* @__PURE__ */ jsxs("div", {
@@ -100,22 +86,22 @@ function DebugWorkflowDetailsPage() {
 						children: "Diagram"
 					}), /* @__PURE__ */ jsx("div", {
 						className: "flex-1 relative bg-background",
-						children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: x }) })
+						children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: b }) })
 					})]
 				})]
 			})
 		]
 	}) : /* @__PURE__ */ jsxs("div", { children: [
 		"Workflow Type not found (Workspace: ",
-		y,
+		v,
 		", Workflow: ",
-		b,
+		y,
 		")"
-	] }), h[20] = T, h[21] = C, h[22] = b, h[23] = x, h[24] = y, h[25] = F) : F = h[25];
-	let I;
-	return h[26] !== P || h[27] !== F ? (I = /* @__PURE__ */ jsx(MainLayout_default, {
-		breadcrumbsData: P,
-		children: F
-	}), h[26] = P, h[27] = F, h[28] = I) : I = h[28], I;
+	] }), m[14] = w, m[15] = S, m[16] = y, m[17] = b, m[18] = v, m[19] = j) : j = m[19];
+	let M;
+	return m[20] !== A || m[21] !== j ? (M = /* @__PURE__ */ jsx(MainLayout_default, {
+		breadcrumbsData: A,
+		children: j
+	}), m[20] = A, m[21] = j, m[22] = M) : M = m[22], M;
 }
 export { DebugWorkflowDetailsPage as default };

package/dist/pages/DebugWorkflowsPage.js

@@ -4,126 +4,165 @@ import { useWorkspaceConfig } 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";
-import { Home } from "lucide-react";
 function DebugWorkflowsPage() {
-	let { router: f } = useStudio(), { envKey: p, api: m } = useApiClient(), { data: h, isLoading: g } = useWorkspaceConfig(), _ = useQueries({ queries: (h ?? []).map((e) => ({
-		queryKey: [
-			"workflowTypes",
-			e.className,
-			p
-		],
-		queryFn: async () => {
-			let c = await m.config.getWorkflowTypesByWorkspace({ workspaceBlockName: e.className });
-			return {
-				workspaceBlockName: e.className,
-				types: c
-			};
-		},
-		enabled: !!h?.length
-	})) }), v = _.some((e) => e.isLoading), y = g || v, b = useMemo(() => y || !_ ? [] : _.flatMap((e) => {
-		if (!e.data) return [];
-		let { workspaceBlockName: c, types: l } = e.data;
-		return (l ?? []).map((e) => ({
-			...e,
-			id: `${c}::${e.alias}`,
-			workspaceBlockName: c
-		}));
-	}), [_, y]), [x, S] = useState(""), [C, w] = useState("alias"), [T, E] = useState("ASC"), [D, O] = useState(0), [k, A] = useState(10), j = useMemo(() => {
-		let e = b;
-		if (x) {
-			let c = x.toLowerCase();
-			e = e.filter((e) => e.alias?.toLowerCase().includes(c) || e.title?.toLowerCase().includes(c) || e.description?.toLowerCase().includes(c) || e.workspaceBlockName.toLowerCase().includes(c));
-		}
-		return e = [...e].sort((e, c) => {
-			let l = C, u = (e[l] || "").toLowerCase(), d = (c[l] || "").toLowerCase();
-			return u < d ? T === "ASC" ? -1 : 1 : u > d ? T === "ASC" ? 1 : -1 : 0;
-		}), e;
-	}, [
-		b,
-		x,
-		C,
-		T
-	]), M = useMemo(() => {
-		let e = D * k;
-		return j.slice(e, e + k);
-	}, [
-		j,
-		D,
-		k
-	]);
-	return /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: [{
-			label: "Dashboard",
-			href: f.getDashboard(),
-			icon: /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" })
-		}, {
-			label: "Debug Workflows",
-			current: !0
-		}],
-		children: [/* @__PURE__ */ jsx("h1", {
-			className: "mb-4 text-3xl font-bold tracking-tight",
-			children: "Workflow Types"
-		}), /* @__PURE__ */ jsx(DataTable, {
-			data: M,
-			columns: [
-				{
-					id: "alias",
-					label: "Type ID (Alias)",
-					sortable: !0,
-					minWidth: 200,
-					format: (e) => /* @__PURE__ */ jsx("span", {
-						className: "font-medium",
-						children: String(e)
-					})
-				},
-				{
-					id: "title",
-					label: "Title",
-					sortable: !0,
-					format: (e, c) => /* @__PURE__ */ jsx("span", { children: String(e || c.alias || "N/A") })
-				},
-				{
-					id: "workspaceBlockName",
-					label: "Workspace Type",
-					sortable: !0,
-					format: (e) => /* @__PURE__ */ jsx(Badge, {
-						variant: "outline",
-						children: String(e)
-					})
-				},
-				{
-					id: "description",
-					label: "Description",
-					sortable: !0,
-					format: (e) => /* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground max-w-xs truncate block",
-						children: String(e || "-")
-					})
-				}
+	let f = c(50), { router: m } = useStudio(), { envKey: h, api: g } = useApiClient(), { data: _, isLoading: v } = useWorkspaceConfig(), y;
+	f[0] === _ ? y = f[1] : (y = _ ?? [], f[0] = _, f[1] = y);
+	let b;
+	if (f[2] !== g || f[3] !== h || f[4] !== y || f[5] !== _?.length) {
+		let e;
+		f[7] !== g || f[8] !== h || f[9] !== _?.length ? (e = (e) => ({
+			queryKey: [
+				"workflowTypes",
+				e.className,
+				h
 			],
-			loading: y,
-			totalItems: j.length,
-			searchTerm: x,
-			onSearchChange: S,
-			page: D,
-			pageSize: k,
-			onPageChange: (e) => O(e),
-			onPageSizeChange: (e) => {
-				A(e), O(0);
-			},
-			sortBy: C,
-			sortOrder: T,
-			onSortChange: (e, c) => {
-				w(e), E(c);
+			queryFn: async () => {
+				let u = await g.config.getWorkflowTypesByWorkspace({ workspaceBlockName: e.className });
+				return {
+					workspaceBlockName: e.className,
+					types: u
+				};
 			},
-			filters: {},
-			onFiltersChange: () => {},
+			enabled: !!_?.length
+		}), f[7] = g, f[8] = h, f[9] = _?.length, f[10] = e) : e = f[10], b = y.map(e), f[2] = g, f[3] = h, f[4] = y, f[5] = _?.length, 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;
+	bb0: {
+		if (w || !S) {
+			let e;
+			f[15] === Symbol.for("react.memo_cache_sentinel") ? (e = [], f[15] = e) : e = f[15], T = e;
+			break bb0;
+		}
+		let e;
+		f[16] === S ? e = f[17] : (e = S.flatMap(_temp2), f[16] = S, f[17] = e), T = 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.workspaceBlockName.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 = [
+		{
+			id: "alias",
+			label: "Type ID (Alias)",
+			sortable: !0,
+			minWidth: 200,
+			format: _temp3
+		},
+		{
+			id: "title",
+			label: "Title",
+			sortable: !0,
+			format: _temp4
+		},
+		{
+			id: "workspaceBlockName",
+			label: "Workspace Type",
+			sortable: !0,
+			format: _temp5
+		},
+		{
+			id: "description",
+			label: "Description",
+			sortable: !0,
+			format: _temp6
+		}
+	], f[31] = U) : U = f[31];
+	let W = U, G;
+	f[32] === Symbol.for("react.memo_cache_sentinel") ? (G = [{
+		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", {
+		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,
 			enableBatchActions: !1,
-			onRowClick: (e) => void f.navigateToDebugWorkflow(e.id)
+			onRowClick: Q
 		})]
+	}), 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], $;
+}
+function _temp7() {}
+function _temp6(e) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground max-w-xs truncate block",
+		children: String(e || "-")
+	});
+}
+function _temp5(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) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "font-medium",
+		children: String(e)
 	});
 }
+function _temp2(e) {
+	if (!e.data) return [];
+	let { workspaceBlockName: u, types: d } = e.data;
+	return (d ?? []).map((e) => ({
+		...e,
+		id: `${u}::${e.alias}`,
+		workspaceBlockName: u
+	}));
+}
+function _temp(e) {
+	return e.isLoading;
+}
 export { DebugWorkflowsPage as default };

package/dist/pages/EmbedWorkbenchPage.js

@@ -1,9 +1,9 @@
 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 { require_enums } from "../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";
@@ -44,6 +44,7 @@ function EmbedWorkbenchPage() {
 	_[10] === S.error ? j = _[11] : (j = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), _[10] = S.error, _[11] = j);
 	let M;
 	_[12] === S.data ? M = _[13] : (M = S.data ? /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		workspaceId: S.data.workspaceId,
 		workflow: S.data,
 		children: /* @__PURE__ */ jsx(WorkflowItem_default, {
 			workflow: S.data,