@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/pages/PreviewWorkbenchPage.js

@@ -4,10 +4,10 @@ import { Button } from "../components/ui/button.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { require_enums } from "../packages/contracts/dist/enums/index.js";
-import WorkflowItem_default from "../features/workbench/WorkflowItem.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 WorkflowItem_default from "../features/workbench/WorkflowItem.js";
 import WorkflowHistoryList_default from "../features/workbench/components/WorkflowHistoryList.js";
 import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
 import "../features/workbench/index.js";
@@ -307,30 +307,27 @@ function stripAnsi(e) {
 	return e.replace(/\x1b\[[0-9;]*m/g, "");
 }
 function LogLine(e) {
-	let t = c(14), { line: n, index: r } = e, i, a, o;
-	if (t[0] !== n) {
-		i = stripAnsi(n);
-		let e;
-		t[4] === Symbol.for("react.memo_cache_sentinel") ? (e = /\bERROR\b/, t[4] = e) : e = t[4], a = e.test(i), o = /\bWARN\b/.test(i) || /\b(Warning|WARNING|DeprecationWarning)\b/.test(i), t[0] = n, t[1] = i, t[2] = a, t[3] = o;
-	} else i = t[1], a = t[2], o = t[3];
+	let t = c(13), { line: n, index: r } = e, i, a, o;
+	t[0] === n ? (i = t[1], a = t[2], o = t[3]) : (i = stripAnsi(n), a = /\bERROR\b/.test(i), o = /\bWARN\b/.test(i) || /\b(Warning|WARNING|DeprecationWarning)\b/.test(i), t[0] = n, t[1] = i, t[2] = a, t[3] = o);
 	let s = o, l = `group flex border-b border-border/30 hover:bg-accent/30 ${a ? "bg-destructive/5" : s ? "bg-yellow-500/5" : ""}`, u = r + 1, d;
-	t[5] === u ? d = t[6] : (d = /* @__PURE__ */ jsx("span", {
+	t[4] === u ? d = t[5] : (d = /* @__PURE__ */ jsx("span", {
 		className: "w-10 shrink-0 select-none border-r border-border/30 px-2 py-0.5 text-right text-[10px] text-muted-foreground/50",
 		children: u
-	}), t[5] = u, t[6] = d);
+	}), t[4] = u, t[5] = d);
 	let f = `flex-1 px-3 py-0.5 text-[11px] leading-5 font-mono ${a ? "text-destructive" : s ? "text-yellow-600 dark:text-yellow-400" : ""}`, p;
-	t[7] !== i || t[8] !== f ? (p = /* @__PURE__ */ jsx("span", {
+	t[6] !== i || t[7] !== f ? (p = /* @__PURE__ */ jsx("span", {
 		className: f,
 		children: i
-	}), t[7] = i, t[8] = f, t[9] = p) : p = t[9];
+	}), t[6] = i, t[7] = f, t[8] = p) : p = t[8];
 	let m;
-	return t[10] !== l || t[11] !== d || t[12] !== p ? (m = /* @__PURE__ */ jsxs("div", {
+	return t[9] !== l || t[10] !== d || t[11] !== p ? (m = /* @__PURE__ */ jsxs("div", {
 		className: l,
 		children: [d, p]
-	}), t[10] = l, t[11] = d, t[12] = p, t[13] = m) : m = t[13], m;
+	}), t[9] = l, t[10] = d, t[11] = p, t[12] = m) : m = t[12], m;
 }
 function EmbedLogsContent() {
-	let e = useRef(null), t = useQuery({
+	let e = c(21), t = useRef(null), n;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
 		queryKey: ["remote-agent-app-logs"],
 		queryFn: async () => {
 			let e = await fetch("http://localhost:8000/api/v1/app/logs?lines=200", { credentials: "include" });
@@ -341,51 +338,72 @@ function EmbedLogsContent() {
 			return await e.json();
 		},
 		refetchInterval: 5e3
-	});
-	useEffect(() => {
-		e.current?.scrollIntoView({ behavior: "smooth" });
-	}, [t.data]);
-	let n = useMemo(() => {
-		let e = [];
-		return t.data?.stdout && e.push(t.data.stdout), t.data?.stderr && e.push(t.data.stderr), e.join("\n").split("\n").filter((e) => e.length > 0);
-	}, [t.data]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full flex-col",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex h-9 shrink-0 items-center justify-between border-b bg-muted/30 px-3",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-xs font-medium text-muted-foreground",
-				children: "Application Logs"
-			}), /* @__PURE__ */ jsx("button", {
-				onClick: () => void t.refetch(),
-				className: `text-muted-foreground hover:text-foreground rounded-md p-1 transition-colors hover:cursor-pointer ${t.isFetching ? "animate-spin" : ""}`,
-				children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-3 w-3" })
-			})]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "flex-1 overflow-auto bg-background",
-			children: t.isLoading && !t.data ? /* @__PURE__ */ jsx("div", {
-				className: "flex justify-center py-8",
-				children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" })
-			}) : t.error ? /* @__PURE__ */ jsx("div", {
-				className: "px-4 py-3",
-				children: /* @__PURE__ */ jsxs("p", {
-					className: "text-sm text-destructive",
-					children: ["Error: ", t.error.message]
-				})
-			}) : n.length > 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "font-mono",
-				children: [n.map((e, t) => /* @__PURE__ */ jsx(LogLine, {
-					line: e,
-					index: t
-				}, t)), /* @__PURE__ */ jsx("div", { ref: e })]
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col items-center justify-center gap-2 py-8 text-muted-foreground",
-				children: [/* @__PURE__ */ jsx(ScrollText, { className: "h-5 w-5" }), /* @__PURE__ */ jsx("span", {
-					className: "text-xs",
-					children: "No logs available"
-				})]
-			})
+	}, e[0] = n) : n = e[0];
+	let r = useQuery(n), i;
+	e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+		t.current?.scrollIntoView({ behavior: "smooth" });
+	}, e[1] = i) : i = e[1];
+	let a;
+	e[2] === r.data ? a = e[3] : (a = [r.data], e[2] = r.data, e[3] = a), useEffect(i, a);
+	let o;
+	if (e[4] !== r.data) {
+		let t = [];
+		r.data?.stdout && t.push(r.data.stdout), r.data?.stderr && t.push(r.data.stderr), o = t.join("\n").split("\n").filter(_temp3), e[4] = r.data, e[5] = o;
+	} else o = e[5];
+	let s = o, l;
+	e[6] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ jsx("span", {
+		className: "text-xs font-medium text-muted-foreground",
+		children: "Application Logs"
+	}), e[6] = l) : l = e[6];
+	let u;
+	e[7] === r ? u = e[8] : (u = () => void r.refetch(), e[7] = r, e[8] = u);
+	let d = `text-muted-foreground hover:text-foreground rounded-md p-1 transition-colors hover:cursor-pointer ${r.isFetching ? "animate-spin" : ""}`, f;
+	e[9] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(RefreshCw, { className: "h-3 w-3" }), e[9] = f) : f = e[9];
+	let p;
+	e[10] !== u || e[11] !== d ? (p = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-9 shrink-0 items-center justify-between border-b bg-muted/30 px-3",
+		children: [l, /* @__PURE__ */ jsx("button", {
+			onClick: u,
+			className: d,
+			children: f
 		})]
-	});
+	}), e[10] = u, e[11] = d, e[12] = p) : p = e[12];
+	let m;
+	e[13] !== s || e[14] !== r.data || e[15] !== r.error || e[16] !== r.isLoading ? (m = /* @__PURE__ */ jsx("div", {
+		className: "flex-1 overflow-auto bg-background",
+		children: r.isLoading && !r.data ? /* @__PURE__ */ jsx("div", {
+			className: "flex justify-center py-8",
+			children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" })
+		}) : r.error ? /* @__PURE__ */ jsx("div", {
+			className: "px-4 py-3",
+			children: /* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-destructive",
+				children: ["Error: ", r.error.message]
+			})
+		}) : s.length > 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "font-mono",
+			children: [s.map(_temp4), /* @__PURE__ */ jsx("div", { ref: t })]
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center justify-center gap-2 py-8 text-muted-foreground",
+			children: [/* @__PURE__ */ jsx(ScrollText, { className: "h-5 w-5" }), /* @__PURE__ */ jsx("span", {
+				className: "text-xs",
+				children: "No logs available"
+			})]
+		})
+	}), e[13] = s, e[14] = r.data, e[15] = r.error, e[16] = r.isLoading, e[17] = m) : m = e[17];
+	let g;
+	return e[18] !== p || e[19] !== m ? (g = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col",
+		children: [p, m]
+	}), e[18] = p, e[19] = m, e[20] = g) : g = e[20], g;
+}
+function _temp4(e, t) {
+	return /* @__PURE__ */ jsx(LogLine, {
+		line: e,
+		index: t
+	}, t);
+}
+function _temp3(e) {
+	return e.length > 0;
 }
 export { PreviewWorkbenchPage as default };

package/dist/pages/RunsListPage.js

@@ -6,59 +6,45 @@ import Runs_default from "../features/runs/Runs.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Home, Play } from "lucide-react";
+import { Play } from "lucide-react";
 function RunsListPage() {
-	let f = c(19), { router: p } = useStudio(), [m, h] = useState(!1), g;
-	f[0] === p ? g = f[1] : (g = p.getDashboard(), f[0] = p, f[1] = g);
-	let _;
-	f[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), f[2] = _) : _ = f[2];
-	let v;
-	f[3] === g ? v = f[4] : (v = {
-		label: "Dashboard",
-		href: g,
-		icon: _
-	}, f[3] = g, f[4] = v);
-	let y;
-	f[5] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+	let d = c(9), { router: f } = useStudio(), [p, m] = useState(!1), h;
+	d[0] === Symbol.for("react.memo_cache_sentinel") ? (h = [{
 		label: "Runs",
 		current: !0
-	}, f[5] = y) : y = f[5];
-	let b;
-	f[6] === v ? b = f[7] : (b = [v, y], f[6] = v, f[7] = b);
-	let x = b, S;
-	f[8] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx("h1", {
+	}], d[0] = h) : h = d[0];
+	let g = h, _;
+	d[1] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("h1", {
 		className: "text-3xl font-bold tracking-tight",
 		children: "Runs"
-	}), f[8] = S) : S = f[8];
-	let C, w;
-	f[9] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsxs("div", {
+	}), d[1] = _) : _ = d[1];
+	let v, y;
+	d[2] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsxs("div", {
 		className: "mb-4 flex items-center justify-between",
-		children: [S, /* @__PURE__ */ jsxs(Button, {
+		children: [_, /* @__PURE__ */ jsxs(Button, {
 			variant: "default",
 			size: "sm",
 			className: "gap-1.5",
-			onClick: () => h(!0),
+			onClick: () => m(!0),
 			children: [/* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), "New Run"]
 		})]
-	}), w = /* @__PURE__ */ jsx(Runs_default, {}), f[9] = C, f[10] = w) : (C = f[9], w = f[10]);
-	let T;
-	f[11] === p ? T = f[12] : (T = (r) => {
-		h(!1), p.navigateToWorkflow(r);
-	}, f[11] = p, f[12] = T);
-	let E;
-	f[13] !== m || f[14] !== T ? (E = /* @__PURE__ */ jsx(NewRunDialog, {
-		open: m,
-		onOpenChange: h,
-		onSuccess: T
-	}), f[13] = m, f[14] = T, f[15] = E) : E = f[15];
-	let D;
-	return f[16] !== x || f[17] !== E ? (D = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: x,
+	}), y = /* @__PURE__ */ jsx(Runs_default, {}), d[2] = v, d[3] = y) : (v = d[2], y = d[3]);
+	let b;
+	d[4] === f ? b = d[5] : (b = (e) => {
+		m(!1), f.navigateToWorkflow(e);
+	}, d[4] = f, d[5] = b);
+	let x;
+	return d[6] !== p || d[7] !== b ? (x = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: g,
 		children: [
-			C,
-			w,
-			E
+			v,
+			y,
+			/* @__PURE__ */ jsx(NewRunDialog, {
+				open: p,
+				onOpenChange: m,
+				onSuccess: b
+			})
 		]
-	}), f[16] = x, f[17] = E, f[18] = D) : D = f[18], D;
+	}), d[6] = p, d[7] = b, d[8] = x) : x = d[8], x;
 }
 export { RunsListPage as default };

package/dist/pages/RunsPage.js

@@ -3,47 +3,32 @@ import MainLayout_default from "../components/layout/MainLayout.js";
 import Runs_default from "../features/runs/Runs.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Home } from "lucide-react";
 function RunsPage() {
-	let s = c(17), { router: l } = useStudio(), u;
-	s[0] === l ? u = s[1] : (u = l.getDashboard(), s[0] = l, s[1] = u);
-	let d;
-	s[2] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), s[2] = d) : d = s[2];
-	let f;
-	s[3] === u ? f = s[4] : (f = {
-		label: "Dashboard",
-		href: u,
-		icon: d
-	}, s[3] = u, s[4] = f);
-	let p;
-	s[5] === l ? p = s[6] : (p = l.getRuns(), s[5] = l, s[6] = p);
-	let m;
-	s[7] === p ? m = s[8] : (m = {
+	let o = c(11), { router: s } = useStudio(), l;
+	o[0] === s ? l = o[1] : (l = s.getRuns(), o[0] = s, o[1] = l);
+	let u;
+	o[2] === l ? u = o[3] : (u = {
 		label: "Runs",
-		href: p
-	}, s[7] = p, s[8] = m);
-	let h;
-	s[9] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+		href: l
+	}, o[2] = l, o[3] = u);
+	let d;
+	o[4] === Symbol.for("react.memo_cache_sentinel") ? (d = {
 		label: "Action Required",
 		current: !0
-	}, s[9] = h) : h = s[9];
-	let g;
-	s[10] !== f || s[11] !== m ? (g = [
-		f,
-		m,
-		h
-	], s[10] = f, s[11] = m, s[12] = g) : g = s[12];
-	let _ = g, v;
-	s[13] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx("h1", {
+	}, o[4] = d) : d = o[4];
+	let f;
+	o[5] === u ? f = o[6] : (f = [u, d], o[5] = u, o[6] = f);
+	let p = f, m;
+	o[7] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
 		children: "Action Required"
-	}), s[13] = v) : v = s[13];
-	let y;
-	s[14] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(Runs_default, { defaultFilters: { status: "paused" } }), s[14] = y) : y = s[14];
-	let b;
-	return s[15] === _ ? b = s[16] : (b = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: _,
-		children: [v, y]
-	}), s[15] = _, s[16] = b), b;
+	}), o[7] = m) : m = o[7];
+	let h;
+	o[8] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(Runs_default, { defaultFilters: { status: "paused" } }), o[8] = h) : h = o[8];
+	let g;
+	return o[9] === p ? g = o[10] : (g = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: p,
+		children: [m, h]
+	}), o[9] = p, o[10] = g), g;
 }
 export { RunsPage as default };

package/dist/pages/WorkbenchPage.js

@@ -3,90 +3,68 @@ 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 { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
-import { useCallback, useMemo } from "react";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-import { Home } from "lucide-react";
-function WorkbenchPage(m) {
-	let h = c(45), g;
-	h[0] === m ? g = h[1] : (g = m === void 0 ? {} : m, h[0] = m, h[1] = g);
-	let { previewPanelOpen: _, onPreviewPanelOpenChange: v, isDeveloperMode: y, getPreviewUrl: b, getEnvironmentPreviewUrl: x, environments: S } = g, { router: C } = useStudio(), w = useParams(), T;
-	h[2] === w ? T = h[3] : (T = requireParam(w, "workflowId"), h[2] = w, h[3] = T);
-	let E = useWorkflow(T), D = E.data?.workspaceId, O = useWorkspace(D);
-	O.data?.environments;
-	let k = S ?? O.data?.environments, A = x ?? _temp, j;
-	h[4] === C ? j = h[5] : (j = C.getDashboard(), h[4] = C, h[5] = j);
+function WorkbenchPage(p) {
+	let m = c(36), 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 = {
+		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;
-	h[6] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[6] = M) : M = h[6];
-	let N;
-	h[7] === j ? N = h[8] : (N = {
-		label: "Dashboard",
-		href: j,
-		icon: M
-	}, h[7] = j, h[8] = N);
-	let P;
-	h[9] === C ? P = h[10] : (P = C.getWorkspaces(), h[9] = C, h[10] = P);
+	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;
-	h[11] === P ? F = h[12] : (F = {
-		label: "Workspaces",
-		href: P
-	}, h[11] = P, h[12] = F);
-	let I = O.data?.title ?? "", L;
-	h[13] !== C || h[14] !== D ? (L = D ? C.getWorkspace(D) : void 0, h[13] = C, h[14] = D, h[15] = L) : L = h[15];
+	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;
-	h[16] !== I || h[17] !== L ? (R = {
-		label: I,
-		href: L
-	}, h[16] = I, h[17] = L, h[18] = R) : R = h[18];
-	let z = `Run #${E.data?.run}${E.data?.title ? ` (${E.data.title})` : ""}`, B;
-	h[19] === z ? B = h[20] : (B = { label: z }, h[19] = z, h[20] = B);
-	let V;
-	h[21] !== R || h[22] !== B || h[23] !== N || h[24] !== F ? (V = [
-		N,
-		F,
-		R,
-		B
-	], h[21] = R, h[22] = B, h[23] = N, h[24] = F, h[25] = V) : V = h[25];
-	let H = V, U;
-	h[26] === E.error ? U = h[27] : (U = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: E.error }), h[26] = E.error, h[27] = U);
-	let W;
-	h[28] !== H || h[29] !== E.data || h[30] !== E.error || h[31] !== E.isLoading || h[32] !== b || h[33] !== y || h[34] !== v || h[35] !== _ || h[36] !== k || h[37] !== A ? (W = E.data ? /* @__PURE__ */ jsx(Workbench, {
-		workflow: E.data,
-		breadcrumbData: H,
-		previewPanelOpen: _,
-		onPreviewPanelOpenChange: v,
-		isDeveloperMode: y,
-		getPreviewUrl: b,
-		getEnvironmentPreviewUrl: A,
-		environments: k
-	}) : !E.isLoading && !E.error ? /* @__PURE__ */ jsx("p", {
+	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,
+		getPreviewUrl: g,
+		getEnvironmentPreviewUrl: D,
+		environments: T
+	}) : !S.isLoading && !S.error ? /* @__PURE__ */ jsx("p", {
 		className: "text-muted-foreground py-8 text-center text-sm",
 		children: "Workflow not found."
-	}) : null, h[28] = H, h[29] = E.data, h[30] = E.error, h[31] = E.isLoading, h[32] = b, h[33] = y, h[34] = v, h[35] = _, h[36] = k, h[37] = A, h[38] = W) : W = h[38];
-	let G;
-	h[39] !== E.isLoading || h[40] !== W ? (G = /* @__PURE__ */ jsx(LoadingCentered_default, {
-		loading: E.isLoading,
-		children: W
-	}), h[39] = E.isLoading, h[40] = W, h[41] = G) : G = h[41];
-	let K;
-	return h[42] !== U || h[43] !== G ? (K = /* @__PURE__ */ jsx("div", {
+	}) : 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", {
 		className: "flex h-svh flex-col",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 overflow-hidden",
-			children: [U, G]
+			children: [L, z]
 		})
-	}), h[42] = U, h[43] = G, h[44] = K) : K = h[44], K;
-}
-function _temp(t, f) {
-	if (!t.connectionUrl) return "";
-	let p = new URLSearchParams({
-		url: t.connectionUrl,
-		name: t.envName || t.workerId || ""
-	});
-	return f ? `/embed/env/preview/workflows/${f}?${p}` : `/embed/env/preview?${p}`;
+	}), m[33] = L, m[34] = z, m[35] = B) : B = m[35], B;
 }
 export { WorkbenchPage as default };