@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/pages/WorkflowDebugPage.js

@@ -12,86 +12,72 @@ import { c } from "react/compiler-runtime";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-import { Bug, Home, Loader2 } from "lucide-react";
+import { Loader2 } from "lucide-react";
 var WorkflowDebugPage_default = () => {
-	let y = c(54), { router: b } = useStudio(), x = useParams(), S;
-	y[0] === x ? S = y[1] : (S = requireParam(x, "workflowId"), y[0] = x, y[1] = S);
-	let C = S, w = useWorkflow(C), T = w.data?.workspaceId, E = useWorkspace(T), D = useChildWorkflows(C), O;
-	y[2] === D.data ? O = y[3] : (O = D.data ?? [], y[2] = D.data, y[3] = O);
-	let k = O, A = useWorkflowConfigByName(w.data?.className ?? void 0), j;
-	y[4] === b ? j = y[5] : (j = b.getDashboard(), y[4] = b, y[5] = j);
-	let M;
-	y[6] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), y[6] = M) : M = y[6];
-	let N;
-	y[7] === j ? N = y[8] : (N = {
-		label: "Dashboard",
-		href: j,
-		icon: M
-	}, y[7] = j, y[8] = N);
-	let P;
-	y[9] === b ? P = y[10] : (P = b.getWorkspaces(), y[9] = b, y[10] = P);
-	let F;
-	y[11] === P ? F = y[12] : (F = {
+	let _ = c(48), { router: v } = useStudio(), y = useParams(), b;
+	_[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;
+	_[4] === v ? k = _[5] : (k = v.getWorkspaces(), _[4] = v, _[5] = k);
+	let A;
+	_[6] === k ? A = _[7] : (A = {
 		label: "Workspaces",
-		href: P
-	}, y[11] = P, y[12] = F);
-	let I = E.data?.title ?? "...", L;
-	y[13] !== b || y[14] !== T ? (L = T ? b.getWorkspace(T) : void 0, y[13] = b, y[14] = T, y[15] = L) : L = y[15];
+		href: k
+	}, _[6] = k, _[7] = A);
+	let j = w.data?.title ?? "...", M;
+	_[8] !== v || _[9] !== C ? (M = C ? v.getWorkspace(C) : void 0, _[8] = v, _[9] = C, _[10] = M) : M = _[10];
+	let N;
+	_[11] !== j || _[12] !== M ? (N = {
+		label: j,
+		href: M
+	}, _[11] = j, _[12] = M, _[13] = N) : N = _[13];
+	let P = `Run #${S.data?.run ?? "..."}`, F;
+	_[14] !== v || _[15] !== x ? (F = v.getWorkflow(x), _[14] = v, _[15] = x, _[16] = F) : F = _[16];
+	let I;
+	_[17] !== P || _[18] !== F ? (I = {
+		label: P,
+		href: F
+	}, _[17] = P, _[18] = F, _[19] = I) : I = _[19];
+	let L;
+	_[20] === Symbol.for("react.memo_cache_sentinel") ? (L = { label: "Debug Flow" }, _[20] = L) : L = _[20];
 	let R;
-	y[16] !== I || y[17] !== L ? (R = {
-		label: I,
-		href: L
-	}, y[16] = I, y[17] = L, y[18] = R) : R = y[18];
-	let z = `Run #${w.data?.run ?? "..."}`, B;
-	y[19] !== b || y[20] !== C ? (B = b.getWorkflow(C), y[19] = b, y[20] = C, y[21] = B) : B = y[21];
-	let V;
-	y[22] !== z || y[23] !== B ? (V = {
-		label: z,
-		href: B
-	}, y[22] = z, y[23] = B, y[24] = V) : V = y[24];
-	let H;
-	y[25] === Symbol.for("react.memo_cache_sentinel") ? (H = {
-		label: "Debug Flow",
-		icon: /* @__PURE__ */ jsx(Bug, { className: "h-4 w-4" })
-	}, y[25] = H) : H = y[25];
-	let U;
-	y[26] !== V || y[27] !== N || y[28] !== F || y[29] !== R ? (U = [
+	_[21] !== A || _[22] !== N || _[23] !== I ? (R = [
+		A,
 		N,
-		F,
-		R,
-		V,
-		H
-	], y[26] = V, y[27] = N, y[28] = F, y[29] = R, y[30] = U) : U = y[30];
-	let W = U;
-	if (w.isLoading || D.isLoading || E.isLoading) {
+		I,
+		L
+	], _[21] = A, _[22] = N, _[23] = I, _[24] = R) : R = _[24];
+	let z = R;
+	if (S.isLoading || T.isLoading || w.isLoading) {
 		let n;
-		y[31] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ jsx("div", {
+		_[25] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ jsx("div", {
 			className: "flex h-[calc(100vh-8rem)] items-center justify-center",
 			children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-8 w-8 animate-spin" })
-		}), y[31] = n) : n = y[31];
-		let v;
-		return y[32] === W ? v = y[33] : (v = /* @__PURE__ */ jsx(MainLayout_default, {
-			breadcrumbsData: W,
+		}), _[25] = n) : n = _[25];
+		let g;
+		return _[26] === z ? g = _[27] : (g = /* @__PURE__ */ jsx(MainLayout_default, {
+			breadcrumbsData: z,
 			children: n
-		}), y[32] = W, y[33] = v), v;
+		}), _[26] = z, _[27] = g), g;
 	}
+	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;
+	_[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, {
+		title: V,
+		runNumber: H,
+		onBack: U
+	}), _[33] = V, _[34] = H, _[35] = U, _[36] = W) : W = _[36];
 	let G;
-	y[34] === w.error ? G = y[35] : (G = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: w.error }), y[34] = w.error, y[35] = G);
-	let K = w.data?.title ?? w.data?.alias ?? "Workflow", q = w.data?.run, J;
-	y[36] !== b || y[37] !== C ? (J = () => void b.navigateToWorkflow(C), y[36] = b, y[37] = C, y[38] = J) : J = y[38];
-	let Y;
-	y[39] !== K || y[40] !== q || y[41] !== J ? (Y = /* @__PURE__ */ jsx(WorkflowDebugHeader_default, {
-		title: K,
-		runNumber: q,
-		onBack: J
-	}), y[39] = K, y[40] = q, y[41] = J, y[42] = Y) : Y = y[42];
-	let X;
-	y[43] !== k || y[44] !== A || y[45] !== C ? (X = /* @__PURE__ */ jsx("div", {
+	_[37] !== D || _[38] !== O || _[39] !== x ? (G = /* @__PURE__ */ jsx("div", {
 		className: "bg-card border-border flex-1 overflow-hidden rounded-2xl border shadow-sm",
-		children: k.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
-			workflowId: C,
-			workflows: k,
-			workflowConfig: A.data
+		children: D.length > 0 ? /* @__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", {
@@ -99,16 +85,16 @@ var WorkflowDebugPage_default = () => {
 				children: "No child workflows found for this workflow"
 			})
 		})
-	}), y[43] = k, y[44] = A, y[45] = C, y[46] = X) : X = y[46];
-	let Z;
-	y[47] !== Y || y[48] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+	}), _[37] = D, _[38] = O, _[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",
-		children: [Y, X]
-	}), y[47] = Y, y[48] = X, y[49] = Z) : Z = y[49];
-	let Q;
-	return y[50] !== W || y[51] !== G || y[52] !== Z ? (Q = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: W,
-		children: [G, Z]
-	}), y[50] = W, y[51] = G, y[52] = Z, y[53] = Q) : Q = y[53], Q;
+		children: [W, G]
+	}), _[41] = W, _[42] = G, _[43] = K) : K = _[43];
+	let q;
+	return _[44] !== z || _[45] !== B || _[46] !== K ? (q = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: z,
+		children: [B, K]
+	}), _[44] = z, _[45] = B, _[46] = K, _[47] = q) : q = _[47], q;
 };
 export { WorkflowDebugPage_default as default };

package/dist/pages/WorkspacePage.js

@@ -1,115 +1,88 @@
 import { useStudio } from "../providers/StudioProvider.js";
 import { useWorkspaceConfig } from "../hooks/useConfig.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
-import { Button } from "../components/ui/button.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
+import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
+import { WorkbenchSidebarShell } from "../features/workbench/components/WorkbenchSidebarShell.js";
 import WorkspaceHomePage_default from "../features/workspaces/components/WorkspaceHomePage.js";
+import { useDefaultEnvironmentPreviewUrl } from "../hooks/useEnvironmentPreviewUrl.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Link, useParams } from "react-router-dom";
-import { ArrowRight, Home, Loader2 } from "lucide-react";
+import { useParams } from "react-router-dom";
+import { Loader2 } from "lucide-react";
 var WorkspacePage_default = () => {
-	let v = c(49), { router: y } = useStudio(), { workspaceId: b } = useParams(), x = useWorkspace(b), S = useWorkspaceConfig(), C = x.data, w;
+	let _ = c(40), { router: v } = useStudio(), { workspaceId: y } = useParams(), b = useWorkspace(y), x = useWorkspaceConfig(), S = useDefaultEnvironmentPreviewUrl(), C = b.data, w;
 	bb0: {
-		if (!C || !S.data) {
+		if (!C || !x.data) {
 			w = void 0;
 			break bb0;
 		}
 		let t;
-		if (v[0] !== S.data || v[1] !== C) {
-			let g;
-			v[3] === C ? g = v[4] : (g = (t) => t.className === C.className, v[3] = C, v[4] = g);
-			let _ = S.data.find(g)?.ui;
-			t = (_?.widgets ?? _?.actions)?.find(_temp), v[0] = S.data, v[1] = C, v[2] = t;
-		} else t = v[2];
+		if (_[0] !== x.data || _[1] !== C) {
+			let h;
+			_[3] === C ? h = _[4] : (h = (t) => t.className === C.className, _[3] = C, _[4] = h);
+			let g = x.data.find(h)?.ui;
+			t = (g?.widgets ?? g?.actions)?.find(_temp), _[0] = x.data, _[1] = C, _[2] = t;
+		} else t = _[2];
 		w = t;
 	}
 	let T = w, E;
-	v[5] === y ? E = v[6] : (E = y.getDashboard(), v[5] = y, v[6] = E);
+	_[5] === v ? E = _[6] : (E = v.getWorkspaces(), _[5] = v, _[6] = E);
 	let D;
-	v[7] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), v[7] = D) : D = v[7];
-	let O;
-	v[8] === E ? O = v[9] : (O = {
-		label: "Dashboard",
-		href: E,
-		icon: D
-	}, v[8] = E, v[9] = O);
-	let k;
-	v[10] === y ? k = v[11] : (k = y.getWorkspaces(), v[10] = y, v[11] = k);
-	let A;
-	v[12] === k ? A = v[13] : (A = {
+	_[7] === E ? D = _[8] : (D = {
 		label: "Workspaces",
-		href: k
-	}, v[12] = k, v[13] = A);
-	let j = C?.title ?? "", M;
-	v[14] === j ? M = v[15] : (M = {
-		label: j,
+		href: E
+	}, _[7] = E, _[8] = D);
+	let O = C?.title ?? "", k;
+	_[9] === O ? k = _[10] : (k = {
+		label: O,
 		current: !0
-	}, v[14] = j, v[15] = M);
-	let N;
-	v[16] !== O || v[17] !== A || v[18] !== M ? (N = [
-		O,
-		A,
-		M
-	], v[16] = O, v[17] = A, v[18] = M, v[19] = N) : N = v[19];
-	let P = N, F = x.isLoading || S.isLoading, I = C?.title ?? "", L;
-	v[20] === I ? L = v[21] : (L = /* @__PURE__ */ jsx("h1", {
-		className: "text-3xl font-bold tracking-tight",
-		children: I
-	}), v[20] = I, v[21] = L);
+	}, _[9] = O, _[10] = k);
+	let A;
+	_[11] !== D || _[12] !== k ? (A = [D, k], _[11] = D, _[12] = k, _[13] = A) : A = _[13];
+	let j = A, M = b.isLoading || x.isLoading, N;
+	_[14] === C ? N = _[15] : (N = C ? {
+		volumes: C.volumes,
+		features: C.features
+	} : void 0, _[14] = C, _[15] = N);
+	let P = N, F = C?.environments, I;
+	_[16] === M ? I = _[17] : (I = M ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", _[16] = M, _[17] = I);
+	let L;
+	_[18] === b.error ? L = _[19] : (L = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), _[18] = b.error, _[19] = L);
 	let R;
-	v[22] !== y || v[23] !== b ? (R = b && /* @__PURE__ */ jsx(Button, {
-		variant: "outline",
-		size: "sm",
-		asChild: !0,
-		children: /* @__PURE__ */ jsxs(Link, {
-			to: y.getWorkspaceRuns(b),
-			children: ["Runs", /* @__PURE__ */ jsx(ArrowRight, { className: "ml-1 h-4 w-4" })]
-		})
-	}), v[22] = y, v[23] = b, v[24] = R) : R = v[24];
+	_[20] === x.error ? R = _[21] : (R = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), _[20] = x.error, _[21] = R);
 	let z;
-	v[25] !== L || v[26] !== R ? (z = /* @__PURE__ */ jsxs("div", {
-		className: "mb-4 flex items-center justify-between",
-		children: [L, R]
-	}), v[25] = L, v[26] = R, v[27] = z) : z = v[27];
-	let B;
-	v[28] === F ? B = v[29] : (B = F ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", v[28] = F, v[29] = B);
-	let V;
-	v[30] === x.error ? V = v[31] : (V = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), v[30] = x.error, v[31] = V);
-	let H;
-	v[32] === S.error ? H = v[33] : (H = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), v[32] = S.error, v[33] = H);
-	let U;
-	v[34] !== F || v[35] !== y || v[36] !== T || v[37] !== C || v[38] !== b ? (U = C && T ? /* @__PURE__ */ jsx(WorkspaceHomePage_default, {
+	_[22] !== M || _[23] !== T || _[24] !== C ? (z = C && T ? /* @__PURE__ */ jsx(WorkspaceHomePage_default, {
 		workspace: C,
 		action: T
-	}) : C && !F ? /* @__PURE__ */ jsxs("div", {
+	}) : C && !M ? /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col items-center justify-center py-16",
-		children: [/* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mb-4",
+		children: /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground",
 			children: "No home page configured for this workspace."
-		}), b && /* @__PURE__ */ jsx(Button, {
-			variant: "default",
-			asChild: !0,
-			children: /* @__PURE__ */ jsxs(Link, {
-				to: y.getWorkspaceRuns(b),
-				children: ["Go to Runs", /* @__PURE__ */ jsx(ArrowRight, { className: "ml-1 h-4 w-4" })]
-			})
-		})]
-	}) : null, v[34] = F, v[35] = y, v[36] = T, v[37] = C, v[38] = b, v[39] = U) : U = v[39];
-	let W;
-	v[40] !== z || v[41] !== B || v[42] !== V || v[43] !== H || v[44] !== U ? (W = /* @__PURE__ */ jsxs(Fragment, { children: [
-		z,
-		B,
-		V,
-		H,
-		U
-	] }), v[40] = z, v[41] = B, v[42] = V, v[43] = H, v[44] = U, v[45] = W) : W = v[45];
-	let G;
-	return v[46] !== P || v[47] !== W ? (G = /* @__PURE__ */ jsx(MainLayout_default, {
-		breadcrumbsData: P,
-		children: W
-	}), v[46] = P, v[47] = W, v[48] = G) : G = v[48], G;
+		})
+	}) : null, _[22] = M, _[23] = T, _[24] = C, _[25] = z) : z = _[25];
+	let B;
+	_[26] !== R || _[27] !== z || _[28] !== I || _[29] !== L ? (B = /* @__PURE__ */ jsxs(Fragment, { children: [
+		I,
+		L,
+		R,
+		z
+	] }), _[26] = R, _[27] = z, _[28] = I, _[29] = L, _[30] = B) : B = _[30];
+	let V;
+	_[31] !== j || _[32] !== B ? (V = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(MainLayout_default, {
+		breadcrumbsData: j,
+		children: B
+	}) }), _[31] = j, _[32] = B, _[33] = V) : V = _[33];
+	let H;
+	return _[34] !== S || _[35] !== V || _[36] !== F || _[37] !== P || _[38] !== y ? (H = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		workspaceId: y,
+		environments: F,
+		workspaceConfig: P,
+		getEnvironmentPreviewUrl: S,
+		children: V
+	}), _[34] = S, _[35] = V, _[36] = F, _[37] = P, _[38] = y, _[39] = H) : H = _[39], H;
 };
 function _temp(t) {
 	return t.widget === "start-form";

package/dist/pages/WorkspaceRunsPage.js

@@ -2,70 +2,75 @@ import { useStudio } from "../providers/StudioProvider.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
+import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
 import ExecutionTimeline_default from "../features/workspaces/components/ExecutionTimeline.js";
+import { WorkbenchSidebarShell } from "../features/workbench/components/WorkbenchSidebarShell.js";
+import { useDefaultEnvironmentPreviewUrl } from "../hooks/useEnvironmentPreviewUrl.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-import { Home, Loader2 } from "lucide-react";
+import { Loader2 } from "lucide-react";
 var WorkspaceRunsPage_default = () => {
-	let p = c(36), { router: m } = useStudio(), { workspaceId: h } = useParams(), g = useWorkspace(h), _;
-	p[0] === m ? _ = p[1] : (_ = m.getDashboard(), p[0] = m, p[1] = _);
-	let v;
-	p[2] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), p[2] = v) : v = p[2];
-	let y;
-	p[3] === _ ? y = p[4] : (y = {
-		label: "Dashboard",
-		href: _,
-		icon: v
-	}, p[3] = _, p[4] = y);
-	let b;
-	p[5] === m ? b = p[6] : (b = m.getWorkspaces(), p[5] = m, p[6] = b);
-	let x;
-	p[7] === b ? x = p[8] : (x = {
+	let h = c(38), { router: g } = useStudio(), { workspaceId: _ } = useParams(), v = useWorkspace(_), y = useDefaultEnvironmentPreviewUrl(), b = v.data, x;
+	h[0] === g ? x = h[1] : (x = g.getWorkspaces(), h[0] = g, h[1] = x);
+	let S;
+	h[2] === x ? S = h[3] : (S = {
 		label: "Workspaces",
-		href: b
-	}, p[7] = b, p[8] = x);
-	let S = g.data?.title ?? "", C;
-	p[9] !== m || p[10] !== h ? (C = h ? m.getWorkspace(h) : void 0, p[9] = m, p[10] = h, p[11] = C) : C = p[11];
-	let w;
-	p[12] !== S || p[13] !== C ? (w = {
-		label: S,
-		href: C
-	}, p[12] = S, p[13] = C, p[14] = w) : w = p[14];
+		href: x
+	}, h[2] = x, h[3] = S);
+	let C = b?.title ?? "", w;
+	h[4] !== g || h[5] !== _ ? (w = _ ? g.getWorkspace(_) : void 0, h[4] = g, h[5] = _, h[6] = w) : w = h[6];
 	let T;
-	p[15] === Symbol.for("react.memo_cache_sentinel") ? (T = {
+	h[7] !== C || h[8] !== w ? (T = {
+		label: C,
+		href: w
+	}, h[7] = C, h[8] = w, h[9] = T) : T = h[9];
+	let E;
+	h[10] === Symbol.for("react.memo_cache_sentinel") ? (E = {
 		label: "Runs",
 		current: !0
-	}, p[15] = T) : T = p[15];
-	let E;
-	p[16] !== y || p[17] !== x || p[18] !== w ? (E = [
-		y,
-		x,
-		w,
-		T
-	], p[16] = y, p[17] = x, p[18] = w, p[19] = E) : E = p[19];
-	let D = E, O = g.data?.title ?? "", k;
-	p[20] === O ? k = p[21] : (k = /* @__PURE__ */ jsxs("h1", {
+	}, h[10] = E) : E = h[10];
+	let D;
+	h[11] !== S || h[12] !== T ? (D = [
+		S,
+		T,
+		E
+	], h[11] = S, h[12] = T, h[13] = D) : D = h[13];
+	let O = D, k;
+	h[14] === b ? k = h[15] : (k = b ? {
+		volumes: b.volumes,
+		features: b.features
+	} : void 0, h[14] = b, h[15] = k);
+	let A = k, j = b?.environments, M = b?.title ?? "", N;
+	h[16] === M ? N = h[17] : (N = /* @__PURE__ */ jsxs("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
-		children: [O, " — Runs"]
-	}), p[20] = O, p[21] = k);
-	let A;
-	p[22] === g.isLoading ? A = p[23] : (A = g.isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", p[22] = g.isLoading, p[23] = A);
-	let j;
-	p[24] === g.error ? j = p[25] : (j = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: g.error }), p[24] = g.error, p[25] = j);
-	let M;
-	p[26] === g.data ? M = p[27] : (M = g.data ? /* @__PURE__ */ jsx(ExecutionTimeline_default, { workspace: g.data }) : "", p[26] = g.data, p[27] = M);
-	let N;
-	p[28] !== k || p[29] !== A || p[30] !== j || p[31] !== M ? (N = /* @__PURE__ */ jsxs(Fragment, { children: [
-		k,
-		A,
-		j,
-		M
-	] }), p[28] = k, p[29] = A, p[30] = j, p[31] = M, p[32] = N) : N = p[32];
+		children: [M, " — Runs"]
+	}), h[16] = M, h[17] = N);
 	let P;
-	return p[33] !== D || p[34] !== N ? (P = /* @__PURE__ */ jsx(MainLayout_default, {
-		breadcrumbsData: D,
-		children: N
-	}), p[33] = D, p[34] = N, p[35] = P) : P = p[35], P;
+	h[18] === v.isLoading ? P = h[19] : (P = v.isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", h[18] = v.isLoading, h[19] = P);
+	let F;
+	h[20] === v.error ? F = h[21] : (F = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: v.error }), h[20] = v.error, h[21] = F);
+	let I;
+	h[22] === b ? I = h[23] : (I = b ? /* @__PURE__ */ jsx(ExecutionTimeline_default, { workspace: b }) : "", h[22] = b, h[23] = I);
+	let L;
+	h[24] !== N || h[25] !== P || h[26] !== F || h[27] !== I ? (L = /* @__PURE__ */ jsxs(Fragment, { children: [
+		N,
+		P,
+		F,
+		I
+	] }), h[24] = N, h[25] = P, h[26] = F, h[27] = I, h[28] = L) : L = h[28];
+	let R;
+	h[29] !== O || h[30] !== L ? (R = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(MainLayout_default, {
+		breadcrumbsData: O,
+		children: L
+	}) }), h[29] = O, h[30] = L, h[31] = R) : R = h[31];
+	let z;
+	return h[32] !== y || h[33] !== R || h[34] !== j || h[35] !== A || h[36] !== _ ? (z = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		workspaceId: _,
+		environments: j,
+		workspaceConfig: A,
+		getEnvironmentPreviewUrl: y,
+		children: R
+	}), h[32] = y, h[33] = R, h[34] = j, h[35] = A, h[36] = _, h[37] = z) : z = h[37], z;
 };
 export { WorkspaceRunsPage_default as default };

package/dist/pages/WorkspacesPage.js

@@ -1,36 +1,20 @@
-import { useStudio } from "../providers/StudioProvider.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import Workspaces_default from "../features/workspaces/Workspaces.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Home } from "lucide-react";
 function WorkspacesPage() {
-	let s = c(12), { 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] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+	let a = c(2), o;
+	a[0] === Symbol.for("react.memo_cache_sentinel") ? (o = [{
 		label: "Workspaces",
 		current: !0
-	}, s[5] = p) : p = s[5];
-	let m;
-	s[6] === f ? m = s[7] : (m = [f, p], s[6] = f, s[7] = m);
-	let h = m, g, _;
-	s[8] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("h1", {
-		className: "mb-4 text-3xl font-bold tracking-tight",
-		children: "Workspaces"
-	}), _ = /* @__PURE__ */ jsx(Workspaces_default, {}), s[8] = g, s[9] = _) : (g = s[8], _ = s[9]);
-	let v;
-	return s[10] === h ? v = s[11] : (v = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: h,
-		children: [g, _]
-	}), s[10] = h, s[11] = v), v;
+	}], a[0] = o) : o = a[0];
+	let s = o, l;
+	return a[1] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: s,
+		children: [/* @__PURE__ */ jsx("h1", {
+			className: "mb-4 text-3xl font-bold tracking-tight",
+			children: "Workspaces"
+		}), /* @__PURE__ */ jsx(Workspaces_default, {})]
+	}), a[1] = l) : l = a[1], l;
 }
 export { WorkspacesPage as default };

package/dist/providers/StudioPreferencesProvider.js

@@ -0,0 +1,54 @@
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var STORAGE_KEY = "loopstack:studio-preferences", DEFAULTS = {
+	leftSidebarOpen: !1,
+	activePanel: null,
+	panelSizes: {}
+}, StudioPreferencesContext = createContext(null);
+function readFromStorage() {
+	try {
+		let e = localStorage.getItem(STORAGE_KEY);
+		if (e) return {
+			...DEFAULTS,
+			...JSON.parse(e)
+		};
+	} catch {}
+	return { ...DEFAULTS };
+}
+function writeToStorage(e) {
+	try {
+		localStorage.setItem(STORAGE_KEY, JSON.stringify(e));
+	} catch {}
+}
+function StudioPreferencesProvider(o) {
+	let s = c(6), { children: l } = o, [u, d] = useState(readFromStorage), f;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (f = (e, o) => {
+		d((s) => {
+			let l = {
+				...s,
+				[e]: o
+			};
+			return writeToStorage(l), l;
+		});
+	}, s[0] = f) : f = s[0];
+	let p = f, m;
+	s[1] === u ? m = s[2] : (m = {
+		preferences: u,
+		setPreference: p
+	}, s[1] = u, s[2] = m);
+	let h = m, g;
+	return s[3] !== l || s[4] !== h ? (g = /* @__PURE__ */ jsx(StudioPreferencesContext.Provider, {
+		value: h,
+		children: l
+	}), s[3] = l, s[4] = h, s[5] = g) : g = s[5], g;
+}
+function useStudioPreferences() {
+	let e = useContext(StudioPreferencesContext);
+	if (!e) throw Error("useStudioPreferences must be used within a StudioPreferencesProvider");
+	return e;
+}
+function useOptionalStudioPreferences() {
+	return useContext(StudioPreferencesContext);
+}
+export { StudioPreferencesProvider, useOptionalStudioPreferences, useStudioPreferences };