@loopstack/loopstack-studio 0.24.0 → 0.25.1

package/dist/node_modules/vscode-uri/lib/esm/index.js

@@ -1,4 +1,5 @@
-var LIB;
+//#region ../../node_modules/vscode-uri/lib/esm/index.mjs
+var e;
 (() => {
 	var t = { 975: (e) => {
 		function t(e) {
@@ -367,7 +368,8 @@ var LIB;
 		}, e.extname = function(e) {
 			return C.extname(e.path);
 		};
-	})(w ||= {}), LIB = i;
+	})(w ||= {}), e = i;
 })();
-const { URI, Utils } = LIB;
-export { URI, Utils };
+var { URI: t, Utils: n } = e;
+//#endregion
+export { t as URI, n as Utils };

package/dist/node_modules/web-namespaces/index.js

@@ -1,4 +1,5 @@
-const webNamespaces = {
+//#region ../../node_modules/web-namespaces/index.js
+var e = {
 	html: "http://www.w3.org/1999/xhtml",
 	mathml: "http://www.w3.org/1998/Math/MathML",
 	svg: "http://www.w3.org/2000/svg",
@@ -6,4 +7,5 @@ const webNamespaces = {
 	xml: "http://www.w3.org/XML/1998/namespace",
 	xmlns: "http://www.w3.org/2000/xmlns/"
 };
-export { webNamespaces };
+//#endregion
+export { e as webNamespaces };

package/dist/node_modules/zwitch/index.js

@@ -1,14 +1,16 @@
-var own = {}.hasOwnProperty;
-function zwitch(t, n) {
+//#region ../../node_modules/zwitch/index.js
+var e = {}.hasOwnProperty;
+function t(t, n) {
 	let r = n || {};
 	function i(n, ...r) {
 		let a = i.invalid, o = i.handlers;
-		if (n && own.call(n, t)) {
+		if (n && e.call(n, t)) {
 			let r = String(n[t]);
-			a = own.call(o, r) ? o[r] : i.unknown;
+			a = e.call(o, r) ? o[r] : i.unknown;
 		}
 		if (a) return a.call(this, n, ...r);
 	}
 	return i.handlers = r.handlers || {}, i.invalid = r.invalid, i.unknown = r.unknown, i;
 }
-export { zwitch };
+//#endregion
+export { t as zwitch };

package/dist/packages/contracts/dist/enums/index.js

@@ -1,25 +1,26 @@
-import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
-import { require_pipeline_state } from "./pipeline-state.js";
-import { require_sort_order_enum } from "./sort-order.enum.js";
-import { require_workflow_state_enum } from "./workflow-state.enum.js";
-import { require_user_type_enum } from "./user-type.enum.js";
-import { require_registry_enum } from "./registry.enum.js";
-var require_enums = /* @__PURE__ */ __commonJSMin(((e) => {
-	var o = e && e.__createBinding || (Object.create ? function(e, n, r, i) {
-		i === void 0 && (i = r);
-		var a = Object.getOwnPropertyDescriptor(n, r);
-		(!a || ("get" in a ? !n.__esModule : a.writable || a.configurable)) && (a = {
+import { __commonJSMin as e } from "../../../../_virtual/_rolldown/runtime.js";
+import { require_sort_order_enum as t } from "./sort-order.enum.js";
+import { require_workflow_state_enum as n } from "./workflow-state.enum.js";
+import { require_user_type_enum as r } from "./user-type.enum.js";
+import { require_registry_enum as i } from "./registry.enum.js";
+//#region ../../packages/contracts/dist/enums/index.js
+var a = /* @__PURE__ */ e(((e) => {
+	var a = e && e.__createBinding || (Object.create ? (function(e, t, n, r) {
+		r === void 0 && (r = n);
+		var i = Object.getOwnPropertyDescriptor(t, n);
+		(!i || ("get" in i ? !t.__esModule : i.writable || i.configurable)) && (i = {
 			enumerable: !0,
 			get: function() {
-				return n[r];
+				return t[n];
 			}
-		}), Object.defineProperty(e, i, a);
-	} : function(e, n, r, i) {
-		i === void 0 && (i = r), e[i] = n[r];
-	}), s = e && e.__exportStar || function(e, n) {
-		for (var r in e) r !== "default" && !Object.prototype.hasOwnProperty.call(n, r) && o(n, e, r);
+		}), Object.defineProperty(e, r, i);
+	}) : (function(e, t, n, r) {
+		r === void 0 && (r = n), e[r] = t[n];
+	})), o = e && e.__exportStar || function(e, t) {
+		for (var n in e) n !== "default" && !Object.prototype.hasOwnProperty.call(t, n) && a(t, e, n);
 	};
-	Object.defineProperty(e, "__esModule", { value: !0 }), s(require_pipeline_state(), e), s(require_sort_order_enum(), e), s(require_workflow_state_enum(), e), s(require_user_type_enum(), e), s(require_registry_enum(), e);
+	Object.defineProperty(e, "__esModule", { value: !0 }), o(t(), e), o(n(), e), o(r(), e), o(i(), e);
 }));
-export default require_enums();
-export { require_enums };
+//#endregion
+export default a();
+export { a as require_enums };

package/dist/packages/contracts/dist/enums/registry.enum.js

@@ -1,5 +1,6 @@
-import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
-var require_registry_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+import { __commonJSMin as e } from "../../../../_virtual/_rolldown/runtime.js";
+//#region ../../packages/contracts/dist/enums/registry.enum.js
+var t = /* @__PURE__ */ e(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.REGISTRY_CATEGORIES = e.RegistryEntryCategory = e.RegistryEntryStatus = void 0;
 	var t;
 	(function(e) {
@@ -16,5 +17,6 @@ var require_registry_enum = /* @__PURE__ */ __commonJSMin(((e) => {
 		n.INTEGRATIONS
 	];
 }));
-export default require_registry_enum();
-export { require_registry_enum };
+//#endregion
+export default t();
+export { t as require_registry_enum };

package/dist/packages/contracts/dist/enums/sort-order.enum.js

@@ -1,10 +1,12 @@
-import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
-var require_sort_order_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+import { __commonJSMin as e } from "../../../../_virtual/_rolldown/runtime.js";
+//#region ../../packages/contracts/dist/enums/sort-order.enum.js
+var t = /* @__PURE__ */ e(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.SortOrder = void 0;
 	var t;
 	(function(e) {
 		e.ASC = "ASC", e.DESC = "DESC";
 	})(t || (e.SortOrder = t = {}));
 }));
-export default require_sort_order_enum();
-export { require_sort_order_enum };
+//#endregion
+export default t();
+export { t as require_sort_order_enum };

package/dist/packages/contracts/dist/enums/user-type.enum.js

@@ -1,10 +1,12 @@
-import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
-var require_user_type_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+import { __commonJSMin as e } from "../../../../_virtual/_rolldown/runtime.js";
+//#region ../../packages/contracts/dist/enums/user-type.enum.js
+var t = /* @__PURE__ */ e(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.UserTypeEnum = void 0;
 	var t;
 	(function(e) {
 		e.Local = "local", e.Cloud = "cloud";
 	})(t || (e.UserTypeEnum = t = {}));
 }));
-export default require_user_type_enum();
-export { require_user_type_enum };
+//#endregion
+export default t();
+export { t as require_user_type_enum };

package/dist/packages/contracts/dist/enums/workflow-state.enum.js

@@ -1,10 +1,12 @@
-import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
-var require_workflow_state_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+import { __commonJSMin as e } from "../../../../_virtual/_rolldown/runtime.js";
+//#region ../../packages/contracts/dist/enums/workflow-state.enum.js
+var t = /* @__PURE__ */ e(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.WorkflowState = void 0;
 	var t;
 	(function(e) {
-		e.Pending = "pending", e.Running = "running", e.Waiting = "waiting", e.Completed = "completed", e.Failed = "failed", e.Canceled = "canceled";
+		e.Pending = "pending", e.Running = "running", e.Paused = "paused", e.Waiting = "waiting", e.Completed = "completed", e.Failed = "failed", e.Canceled = "canceled";
 	})(t || (e.WorkflowState = t = {}));
 }));
-export default require_workflow_state_enum();
-export { require_workflow_state_enum };
+//#endregion
+export default t();
+export { t as require_workflow_state_enum };

package/dist/pages/DashboardPage.js

@@ -1,110 +1,66 @@
-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";
-import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
-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";
-function DashboardPage() {
-	let h = c(38), { environment: g } = useStudio(), { data: _, isLoading: v, error: y, refetch: b, isRefetching: x } = useDashboardStats();
-	if (v) {
-		let e;
-		return h[0] === v ? e = h[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: v }), h[0] = v, h[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,
+import { useStudio as e } from "../providers/StudioProvider.js";
+import { Button as t } from "../components/ui/button.js";
+import { Alert as n, AlertDescription as r, AlertTitle as i } from "../components/ui/alert.js";
+import a from "../components/layout/MainLayout.js";
+import o from "../components/feedback/LoadingCentered.js";
+import s from "../features/dashboard/Dashboard.js";
+import { useDashboardStats as c } from "../hooks/useDashboard.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Home as d, TriangleAlert as f } from "lucide-react";
+//#region src/pages/DashboardPage.tsx
+function p() {
+	let { environment: p } = e(), { data: m, isLoading: h, error: g, refetch: _, isRefetching: v } = c();
+	return h ? /* @__PURE__ */ l(o, { loading: h }) : g ? /* @__PURE__ */ u(a, {
+		breadcrumbsData: [{
+			label: p.name,
 			href: "#",
-			icon: e
-		}, h[3] = g.name, h[4] = d);
-		let f;
-		h[5] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+			icon: /* @__PURE__ */ l(d, { className: "h-4 w-4" })
+		}, {
 			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", {
+		}],
+		children: [/* @__PURE__ */ l("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: "Dashboard konnte nicht geladen werden" }), 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", {
-			className: "wrap-break-word",
-			children: ["Bitte versuch’s nochmal. ", 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 ? "Lade neu…" : "Neu versuchen", E;
-		h[15] !== x || h[16] !== w || h[17] !== T ? (E = /* @__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", {
+		}), /* @__PURE__ */ l("div", {
 			className: "mx-auto w-full max-w-2xl",
-			children: /* @__PURE__ */ jsxs(Alert, {
+			children: /* @__PURE__ */ u(n, {
 				variant: "destructive",
 				children: [
-					v,
-					S,
-					/* @__PURE__ */ jsxs(AlertDescription, { children: [C, E] })
+					/* @__PURE__ */ l(f, {}),
+					/* @__PURE__ */ l(i, { children: "Dashboard konnte nicht geladen werden" }),
+					/* @__PURE__ */ u(r, { children: [/* @__PURE__ */ u("p", {
+						className: "wrap-break-word",
+						children: ["Bitte versuch’s nochmal. ", g.message]
+					}), /* @__PURE__ */ l("div", {
+						className: "mt-3 flex flex-wrap gap-2",
+						children: /* @__PURE__ */ l(t, {
+							variant: "destructive",
+							onClick: () => void _(),
+							disabled: v,
+							children: v ? "Lade neu…" : "Neu versuchen"
+						})
+					})] })
 				]
 			})
-		}), 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;
-	}
-	if (!_) {
-		let e;
-		return h[25] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
-			className: "p-4",
-			children: "No data available"
-		}), h[25] = e) : e = h[25], 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 = {
-		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", {
-		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;
+		})]
+	}) : m ? /* @__PURE__ */ u(a, {
+		breadcrumbsData: [{
+			label: p.name,
+			href: "#",
+			icon: /* @__PURE__ */ l(d, { className: "h-4 w-4" })
+		}, {
+			label: "Dashboard",
+			current: !0
+		}],
+		children: [/* @__PURE__ */ l("h1", {
+			className: "mb-4 text-3xl font-bold tracking-tight",
+			children: "Dashboard"
+		}), /* @__PURE__ */ l(s, { dashboardStats: m })]
+	}) : /* @__PURE__ */ l("div", {
+		className: "p-4",
+		children: "No data available"
+	});
 }
-export { DashboardPage as default };
+//#endregion
+export { p as default };

package/dist/pages/DebugPage.js

@@ -1,18 +1,13 @@
-import { useStudio } from "../providers/StudioProvider.js";
-import { c } from "react/compiler-runtime";
-import { jsxs } from "react/jsx-runtime";
-var DebugPage_default = () => {
-	let r = c(10), { environment: i } = useStudio(), a = i?.name, o;
-	r[0] === a ? o = r[1] : (o = /* @__PURE__ */ jsxs("p", { children: ["Name: ", a] }), r[0] = a, r[1] = o);
-	let s = i?.id, l;
-	r[2] === s ? l = r[3] : (l = /* @__PURE__ */ jsxs("p", { children: ["Id: ", s] }), r[2] = s, r[3] = l);
-	let u = i?.url, d;
-	r[4] === u ? d = r[5] : (d = /* @__PURE__ */ jsxs("p", { children: ["URL: ", u] }), r[4] = u, r[5] = d);
-	let f;
-	return r[6] !== o || r[7] !== l || r[8] !== d ? (f = /* @__PURE__ */ jsxs("div", { children: [
-		o,
-		l,
-		d
-	] }), r[6] = o, r[7] = l, r[8] = d, r[9] = f) : f = r[9], f;
+import { useStudio as e } from "../providers/StudioProvider.js";
+import { jsxs as t } from "react/jsx-runtime";
+//#region src/pages/DebugPage.tsx
+var n = () => {
+	let { environment: n } = e();
+	return /* @__PURE__ */ t("div", { children: [
+		/* @__PURE__ */ t("p", { children: ["Name: ", n?.name] }),
+		/* @__PURE__ */ t("p", { children: ["Id: ", n?.id] }),
+		/* @__PURE__ */ t("p", { children: ["URL: ", n?.url] })
+	] });
 };
-export { DebugPage_default as default };
+//#endregion
+export { n as default };

package/dist/pages/DebugWorkflowDetailsPage.js

@@ -1,121 +1,93 @@
-import { useStudio } from "../providers/StudioProvider.js";
-import { usePipelineConfigByName, usePipelineSource } from "../hooks/usePipelines.js";
-import MainLayout_default from "../components/layout/MainLayout.js";
-import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
-import ConfigFlowViewer_default from "../features/debug/components/ConfigFlowViewer.js";
-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 { 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;
-	bb0: {
-		if (!g) {
-			let t;
-			h[0] === Symbol.for("react.memo_cache_sentinel") ? (t = ["", ""], h[0] = t) : t = h[0], v = t;
-			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;
-			break bb0;
-		}
-		let m;
-		h[3] === g ? m = h[4] : (m = ["default", g], h[3] = g, h[4] = m), v = m;
-	}
-	let [y, b] = v, { data: x, isLoading: S } = usePipelineConfigByName(y, b), { data: C, isLoading: w } = usePipelineSource(y, 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 = {
-		label: "Debug Workflows",
-		href: k
-	}, h[12] = k, h[13] = A);
-	let j = x?.title || x?.blockName || b || "Workflow Details", M;
-	h[14] === j ? M = h[15] : (M = {
-		label: j,
-		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] !== b || h[22] !== C || h[23] !== x || h[24] !== y ? (F = T ? /* @__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", {
-		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.blockName
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: x.description
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-1 gap-4 overflow-hidden",
-				children: [/* @__PURE__ */ jsxs("div", {
-					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
-					}), /* @__PURE__ */ jsx("div", {
-						className: "flex-1 overflow-auto bg-[#1e1e1e]",
-						children: /* @__PURE__ */ jsx(Prism, {
-							language: C?.raw ? "yaml" : "json",
-							style: vscDarkPlus,
-							customStyle: {
-								margin: 0,
-								padding: "1rem",
-								height: "100%",
-								fontSize: "13px"
-							},
-							showLineNumbers: !0,
-							children: C?.raw ? C.raw : JSON.stringify(x, null, 2)
-						})
+import { useStudio as e } from "../providers/StudioProvider.js";
+import { useWorkflowConfigByName as t, useWorkflowSource as n } from "../hooks/useWorkflows.js";
+import r from "../components/layout/MainLayout.js";
+import { ReactFlowProvider as i } from "../node_modules/@xyflow/react/dist/esm/index.js";
+import a from "../features/debug/components/ConfigFlowViewer.js";
+import { useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useParams as l } from "react-router-dom";
+import { Home as u, Loader2 as d } from "lucide-react";
+import { Prism as f } from "react-syntax-highlighter";
+import { vscDarkPlus as p } from "react-syntax-highlighter/dist/esm/styles/prism";
+//#region src/pages/DebugWorkflowDetailsPage.tsx
+function m() {
+	let { workflowId: m } = l(), { router: h } = e(), [g, _] = o(() => {
+		if (!m) return ["", ""];
+		let e = m.split("::");
+		return e.length === 2 ? e : ["default", m];
+	}, [m]), { data: v, isLoading: y } = t(_), { data: b, isLoading: x } = n(_), S = y || x;
+	return /* @__PURE__ */ s(r, {
+		breadcrumbsData: [
+			{
+				label: "Dashboard",
+				href: h.getDashboard(),
+				icon: /* @__PURE__ */ s(u, { className: "h-4 w-4" })
+			},
+			{
+				label: "Debug Workflows",
+				href: h.getDebugWorkflows()
+			},
+			{
+				label: v?.title || v?.alias || _ || "Workflow Details",
+				current: !0
+			}
+		],
+		children: S ? /* @__PURE__ */ c("div", {
+			className: "flex items-center space-x-2",
+			children: [/* @__PURE__ */ s(d, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ s("span", { children: "Loading..." })]
+		}) : v ? /* @__PURE__ */ c("div", {
+			className: "flex h-[calc(100vh-8rem)] flex-col gap-4",
+			children: [
+				/* @__PURE__ */ s("h1", {
+					className: "text-3xl font-bold tracking-tight",
+					children: v.title || v.alias
+				}),
+				/* @__PURE__ */ s("p", {
+					className: "text-muted-foreground",
+					children: v.description
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex flex-1 gap-4 overflow-hidden",
+					children: [/* @__PURE__ */ c("div", {
+						className: "w-1/2 flex flex-col rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden",
+						children: [/* @__PURE__ */ s("div", {
+							className: "border-b bg-muted/50 px-4 py-2 font-medium text-sm",
+							children: b?.filePath
+						}), /* @__PURE__ */ s("div", {
+							className: "flex-1 overflow-auto bg-[#1e1e1e]",
+							children: /* @__PURE__ */ s(f, {
+								language: b?.raw ? "typescript" : "json",
+								style: p,
+								customStyle: {
+									margin: 0,
+									padding: "1rem",
+									height: "100%",
+									fontSize: "13px"
+								},
+								showLineNumbers: !0,
+								children: b?.raw ? b.raw : JSON.stringify(v, null, 2)
+							})
+						})]
+					}), /* @__PURE__ */ c("div", {
+						className: "w-1/2 flex flex-col rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden",
+						children: [/* @__PURE__ */ s("div", {
+							className: "border-b bg-muted/50 px-4 py-2 font-medium text-sm",
+							children: "Diagram"
+						}), /* @__PURE__ */ s("div", {
+							className: "flex-1 relative bg-background",
+							children: /* @__PURE__ */ s(i, { children: /* @__PURE__ */ s(a, { config: v }) })
+						})]
 					})]
-				}), /* @__PURE__ */ jsxs("div", {
-					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: "Diagram"
-					}), /* @__PURE__ */ jsx("div", {
-						className: "flex-1 relative bg-background",
-						children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: x }) })
-					})]
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ jsxs("div", { children: [
-		"Workflow Type not found (Workspace: ",
-		y,
-		", Pipeline: ",
-		b,
-		")"
-	] }), h[20] = T, h[21] = b, h[22] = C, 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;
+				})
+			]
+		}) : /* @__PURE__ */ c("div", { children: [
+			"Workflow Type not found (Workspace: ",
+			g,
+			", Workflow: ",
+			_,
+			")"
+		] })
+	});
 }
-export { DebugWorkflowDetailsPage as default };
+//#endregion
+export { m as default };