@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/features/workbench/components/WorkbenchSidebarShell.js

@@ -0,0 +1,80 @@
+import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
+import "../../feature-registry/index.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { WorkbenchEnvironmentPanel } from "./WorkbenchEnvironmentPanel.js";
+import { WorkbenchIconSidebar } from "./WorkbenchIconSidebar.js";
+import { WorkbenchPreviewPanel } from "./WorkbenchPreviewPanel.js";
+import { WorkbenchRunsPanel } from "./WorkbenchRunsPanel.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PANEL_WIDTH = {
+	small: "w-80",
+	medium: "w-1/2",
+	large: "w-2/3"
+}, CONTENT_WIDTH = {
+	small: "w-full",
+	medium: "w-1/2",
+	large: "w-1/3"
+};
+function ActivePanelContent() {
+	let a = c(13), { activePanel: l, workspaceId: u, environments: d } = useWorkbenchLayout(), f = useFeatureRegistry();
+	switch (l) {
+		case "runs": {
+			let e;
+			return a[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(WorkbenchRunsPanel, {}), a[0] = e) : e = a[0], e;
+		}
+		case "preview": {
+			let e;
+			return a[1] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(WorkbenchPreviewPanel, {}), a[1] = e) : e = a[1], e;
+		}
+		case "environment": {
+			let e;
+			return a[2] !== d || a[3] !== u ? (e = /* @__PURE__ */ jsx(WorkbenchEnvironmentPanel, {
+				workspaceId: u,
+				environments: d
+			}), a[2] = d, a[3] = u, a[4] = e) : e = a[4], e;
+		}
+		default: {
+			let e;
+			if (a[5] !== l || a[6] !== f) {
+				let r;
+				a[8] === l ? r = a[9] : (r = (e) => e.sidebarPanel?.id === l, a[8] = l, a[9] = r), e = f.find(r), a[5] = l, a[6] = f, a[7] = e;
+			} else e = a[7];
+			let r = e;
+			if (r?.sidebarPanel) {
+				let e = r.sidebarPanel.component, i;
+				return a[10] !== e || a[11] !== u ? (i = /* @__PURE__ */ jsx(e, { workspaceId: u }), a[10] = e, a[11] = u, a[12] = i) : i = a[12], i;
+			}
+			return null;
+		}
+	}
+}
+function SidebarContent(e) {
+	let i = c(12), { children: o } = e, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
+	i[0] !== o || i[1] !== m ? (h = /* @__PURE__ */ jsx("div", {
+		className: m,
+		children: o
+	}), i[0] = o, i[1] = m, i[2] = h) : h = i[2];
+	let g;
+	i[3] !== s || i[4] !== p ? (g = s && /* @__PURE__ */ jsx("div", {
+		className: `${PANEL_WIDTH[p]} shrink-0 overflow-hidden`,
+		children: /* @__PURE__ */ jsx(ActivePanelContent, {})
+	}), i[3] = s, i[4] = p, i[5] = g) : g = i[5];
+	let _;
+	i[6] !== h || i[7] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-1 overflow-hidden",
+		children: [h, g]
+	}), i[6] = h, i[7] = g, i[8] = _) : _ = i[8];
+	let v;
+	i[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(WorkbenchIconSidebar, {}), i[9] = v) : v = i[9];
+	let y;
+	return i[10] === _ ? y = i[11] : (y = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full w-full",
+		children: [_, v]
+	}), i[10] = _, i[11] = y), y;
+}
+function WorkbenchSidebarShell(e) {
+	let r = c(2), { children: i } = e, a;
+	return r[0] === i ? a = r[1] : (a = /* @__PURE__ */ jsx(SidebarContent, { children: i }), r[0] = i, r[1] = a), a;
+}
+export { WorkbenchSidebarShell };

package/dist/features/workbench/hooks/useWorkflowData.js

@@ -1,12 +1,12 @@
 import { useWorkflow } from "../../../hooks/useWorkflows.js";
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { useFilterDocuments } from "../../../hooks/useDocuments.js";
 import { c } from "react/compiler-runtime";
 import { useCallback, useMemo } from "react";
 var import_enums = require_enums();
-function useWorkflowData(i) {
-	let o = c(21), { workflowId: s, showFullMessageHistory: l } = i, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunWorkflow(), p;
+function useWorkflowData(r) {
+	let o = c(21), { workflowId: s, showFullMessageHistory: l } = r, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunWorkflow(), p;
 	o[0] !== u.data?.place || o[1] !== l ? (p = (e) => {
 		let r = e.meta, i = e.ui, a = r?.hidden || i?.hidden || !!r?.hideAtPlaces?.includes(u.data?.place ?? "");
 		return !l && e.tags?.includes("internal") && (a = !0), !a;

package/dist/features/workbench/index.js

@@ -1,7 +1,8 @@
+import { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
+import { WorkbenchSidebarShell } from "./components/WorkbenchSidebarShell.js";
 import WorkflowItem_default from "./WorkflowItem.js";
+import WorkflowHistoryList_default from "./components/WorkflowHistoryList.js";
 import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
 import WorkflowList_default from "./WorkflowList.js";
-import { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
-import WorkflowHistoryList_default from "./components/WorkflowHistoryList.js";
 import Workbench from "./Workbench.js";
 import { NewRunDialog } from "./components/NewRunDialog.js";

package/dist/features/workbench/providers/WorkbenchLayoutProvider.js

@@ -1,79 +1,77 @@
+import { useOptionalStudioPreferences } from "../../../providers/StudioPreferencesProvider.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var WorkbenchLayoutContext = createContext(null);
-function WorkbenchLayoutProvider(a) {
-	let o = c(44), { children: s, workflow: l, isDeveloperMode: u, workspaceConfig: d, getPreviewUrl: f, getEnvironmentPreviewUrl: p, environments: m, previewPanelOpen: h, onPreviewPanelOpenChange: g } = a, _ = u === void 0 ? !1 : u, [v, y] = useState(null), [b, x] = useState(null), [S, C] = useState("preview"), [w, T] = useState(null), [E, D] = useState(""), O = h !== void 0, k = O ? h ? b ?? "preview" : null : b, A = d?.features?.previewPanel?.enabled ?? !1, j;
-	o[0] === m ? j = o[1] : (j = m === void 0 || m.some(_temp), o[0] = m, o[1] = j);
-	let M = A && j, N;
-	o[2] !== m?.[0]?.slotId || o[3] !== d?.features?.fileExplorer?.enabled || o[4] !== d?.features?.fileExplorer?.environments ? (N = d?.features?.fileExplorer?.enabled && d?.features?.fileExplorer?.environments?.includes(m?.[0]?.slotId ?? ""), o[2] = m?.[0]?.slotId, o[3] = d?.features?.fileExplorer?.enabled, o[4] = d?.features?.fileExplorer?.environments, o[5] = N) : N = o[5];
-	let P = N, F = k !== null, I;
-	o[6] !== O || o[7] !== g ? (I = (e) => {
-		O && g?.(e !== null), x(e);
-	}, o[6] = O, o[7] = g, o[8] = I) : I = o[8];
+function WorkbenchLayoutProvider(o) {
+	let s = c(36), { children: l, workspaceId: u, workflow: d, workspaceConfig: f, getPreviewUrl: p, getEnvironmentPreviewUrl: m, environments: h } = o, g = useOptionalStudioPreferences(), [_, v] = useState(null), y;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (y = {}, s[0] = y) : y = s[0];
+	let [b, x] = useState(y), S = g ? g.preferences.activePanel : _, C = g ? g.preferences.panelSizes : b, [w, T] = useState(null), [E, D] = useState(""), O = f?.features?.previewPanel?.enabled ?? !1, k;
+	s[1] === h ? k = s[2] : (k = h === void 0 || h.some(_temp), s[1] = h, s[2] = k);
+	let A = O && k, j;
+	s[3] === Symbol.for("react.memo_cache_sentinel") ? (j = {
+		runs: "medium",
+		preview: "medium",
+		files: "medium",
+		environment: "small"
+	}, s[3] = j) : j = s[3];
+	let M = j, N = S ? C[S] ?? M[S] ?? "small" : "small", P;
+	s[4] === g ? P = s[5] : (P = (t) => {
+		g ? g.setPreference("activePanel", t) : v(t);
+	}, s[4] = g, s[5] = P);
+	let F = P, I;
+	s[6] !== S || s[7] !== F ? (I = (t) => {
+		F(S === t ? null : t);
+	}, s[6] = S, s[7] = F, s[8] = I) : I = s[8];
 	let L = I, R;
-	o[9] === L ? R = o[10] : (R = (e) => {
-		y((a) => a === e ? null : e), L(null);
-	}, o[9] = L, o[10] = R);
+	s[9] === F ? R = s[10] : (R = () => {
+		F(null);
+	}, s[9] = F, s[10] = R);
 	let z = R, B;
-	o[11] === Symbol.for("react.memo_cache_sentinel") ? (B = () => {
-		y(null);
-	}, o[11] = B) : B = o[11];
+	s[11] !== S || s[12] !== C || s[13] !== g ? (B = (t) => {
+		if (!S) return;
+		let a = {
+			...C,
+			[S]: t
+		};
+		g ? g.setPreference("panelSizes", a) : x(a);
+	}, s[11] = S, s[12] = C, s[13] = g, s[14] = B) : B = s[14];
 	let V = B, H;
-	o[12] !== k || o[13] !== L ? (H = (e) => {
-		let a = k === e ? null : e;
-		L(a), a && y(null);
-	}, o[12] = k, o[13] = L, o[14] = H) : H = o[14];
+	s[15] === F ? H = s[16] : (H = (t) => {
+		D(t), F("preview");
+	}, s[15] = F, s[16] = H);
 	let U = H, W;
-	o[15] === L ? W = o[16] : (W = () => {
-		L(null);
-	}, o[15] = L, o[16] = W);
-	let G = W, K;
-	o[17] === L ? K = o[18] : (K = (e) => {
-		D(e), L("preview"), y(null);
-	}, o[17] = L, o[18] = K);
-	let q = K, J;
-	o[19] === U ? J = o[20] : (J = () => {
-		U("preview");
-	}, o[19] = U, o[20] = J);
-	let Y = J, X = P ?? !1, Z;
-	o[21] !== v || o[22] !== S || o[23] !== w || o[24] !== k || o[25] !== G || o[26] !== m || o[27] !== p || o[28] !== f || o[29] !== _ || o[30] !== q || o[31] !== M || o[32] !== F || o[33] !== E || o[34] !== X || o[35] !== z || o[36] !== Y || o[37] !== U || o[38] !== l || o[39] !== d ? (Z = {
-		workflow: l,
-		previewPanelEnabled: M,
-		fileExplorerEnabled: X,
-		isDeveloperMode: _,
-		workspaceConfig: d,
-		getPreviewUrl: f,
-		getEnvironmentPreviewUrl: p,
-		environments: m,
-		activeFloatingPanel: v,
-		toggleFloatingPanel: z,
-		closeFloatingPanel: V,
-		activeSidePanel: k,
-		toggleSidePanel: U,
-		closeSidePanel: G,
+	s[17] !== S || s[18] !== w || s[19] !== z || s[20] !== h || s[21] !== m || s[22] !== p || s[23] !== U || s[24] !== N || s[25] !== A || s[26] !== E || s[27] !== V || s[28] !== L || s[29] !== d || s[30] !== f || s[31] !== u ? (W = {
+		workspaceId: u,
+		workflow: d,
+		previewPanelEnabled: A,
+		workspaceConfig: f,
+		getPreviewUrl: p,
+		getEnvironmentPreviewUrl: m,
+		environments: h,
+		activePanel: S,
+		panelSize: N,
+		togglePanel: L,
+		closePanel: z,
+		setPanelSize: V,
 		selectedSlotId: E,
 		setSelectedSlotId: D,
-		openPreviewWithEnvironment: q,
-		previewPanelOpen: F,
-		togglePreviewPanel: Y,
-		activePreviewTab: S,
-		setActivePreviewTab: C,
+		openPreviewWithEnvironment: U,
 		activeSectionId: w,
 		setActiveSectionId: T
-	}, o[21] = v, o[22] = S, o[23] = w, o[24] = k, o[25] = G, o[26] = m, o[27] = p, o[28] = f, o[29] = _, o[30] = q, o[31] = M, o[32] = F, o[33] = E, o[34] = X, o[35] = z, o[36] = Y, o[37] = U, o[38] = l, o[39] = d, o[40] = Z) : Z = o[40];
-	let Q = Z, $;
-	return o[41] !== s || o[42] !== Q ? ($ = /* @__PURE__ */ jsx(WorkbenchLayoutContext.Provider, {
-		value: Q,
-		children: s
-	}), o[41] = s, o[42] = Q, o[43] = $) : $ = o[43], $;
+	}, s[17] = S, s[18] = w, s[19] = z, s[20] = h, s[21] = m, s[22] = p, s[23] = U, s[24] = N, s[25] = A, s[26] = E, s[27] = V, s[28] = L, s[29] = d, s[30] = f, s[31] = u, s[32] = W) : W = s[32];
+	let G = W, K;
+	return s[33] !== l || s[34] !== G ? (K = /* @__PURE__ */ jsx(WorkbenchLayoutContext.Provider, {
+		value: G,
+		children: l
+	}), s[33] = l, s[34] = G, s[35] = K) : K = s[35], K;
 }
-function _temp(e) {
-	return !!e.connectionUrl && (!!e.workerId || e.local);
+function _temp(t) {
+	return !!t.connectionUrl && (!!t.workerId || t.local);
 }
 function useWorkbenchLayout() {
-	let e = useContext(WorkbenchLayoutContext);
-	if (!e) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
-	return e;
+	let t = useContext(WorkbenchLayoutContext);
+	if (!t) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
+	return t;
 }
 export { WorkbenchLayoutProvider, useWorkbenchLayout };

package/dist/features/workspaces/Workspaces.js

@@ -218,7 +218,7 @@ function _temp3(e) {
 	});
 }
 function _temp4(e) {
-	return new Date(e).toLocaleDateString();
+	return new Date(e).toLocaleString();
 }
 function _temp5(e) {
 	return !e.isFavourite;

package/dist/features/workspaces/components/EnvironmentSlotSelector.js

@@ -1,63 +1,80 @@
 import { Button } from "../../../components/ui/button.js";
 import { Label } from "../../../components/ui/label.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
+import { c } from "react/compiler-runtime";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Info, Loader2, Plus } from "lucide-react";
-function EnvironmentSlotSelector({ slot: p, environments: m, selectedEnvironmentId: h, onSelect: g, onCreateEnvironment: _, isCreating: v, error: y }) {
-	let b = useMemo(() => m.filter((e) => p.type ? e.type === p.type : !0), [m, p.type]), x = b.length > 0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
+function EnvironmentSlotSelector(h) {
+	let g = c(25), { slot: _, environments: v, selectedEnvironmentId: y, onSelect: b, onCreateEnvironment: x, isCreating: S, error: C } = h, w;
+	if (g[0] !== v || g[1] !== _.type) {
+		let e;
+		g[3] === _.type ? e = g[4] : (e = (e) => _.type ? e.type === _.type : !0, g[3] = _.type, g[4] = e), w = v.filter(e), g[0] = v, g[1] = _.type, g[2] = w;
+	} else w = g[2];
+	let T = w, E = T.length > 0, D = _.title ?? _.id, O;
+	g[5] === _.optional ? O = g[6] : (O = _.optional && /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground ml-1 font-normal",
+		children: "(optional)"
+	}), g[5] = _.optional, g[6] = O);
+	let k;
+	g[7] !== D || g[8] !== O ? (k = /* @__PURE__ */ jsxs(Label, { children: [D, O] }), g[7] = D, g[8] = O, g[9] = k) : k = g[9];
+	let A;
+	g[10] !== C || g[11] !== E || g[12] !== S || g[13] !== T || g[14] !== x || g[15] !== b || g[16] !== y || g[17] !== _.optional ? (A = E ? /* @__PURE__ */ jsxs(Select, {
+		value: y,
+		onValueChange: b,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: "w-full",
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an environment" })
+		}), /* @__PURE__ */ jsxs(SelectContent, { children: [_.optional && /* @__PURE__ */ jsx(SelectItem, {
+			value: "__none__",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "None"
+			})
+		}), T.map(_temp)] })]
+	}) : /* @__PURE__ */ jsxs("div", {
+		className: `flex items-center gap-3 rounded-md border border-dashed bg-background p-3 ${C ? "border-destructive" : ""}`,
 		children: [
-			/* @__PURE__ */ jsxs(Label, { children: [p.title ?? p.id, p.optional && /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground ml-1 font-normal",
-				children: "(optional)"
-			})] }),
-			x ? /* @__PURE__ */ jsxs(Select, {
-				value: h,
-				onValueChange: g,
-				children: [/* @__PURE__ */ jsx(SelectTrigger, {
-					className: "w-full",
-					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an environment" })
-				}), /* @__PURE__ */ jsxs(SelectContent, { children: [p.optional && /* @__PURE__ */ jsx(SelectItem, {
-					value: "__none__",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground",
-						children: "None"
-					})
-				}), b.map((e) => /* @__PURE__ */ jsx(SelectItem, {
-					value: e.id,
-					children: /* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-2",
-						children: [e.name, e.local && /* @__PURE__ */ jsx("span", {
-							className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium",
-							children: "Local"
-						})]
-					})
-				}, e.id))] })]
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: `flex items-center gap-3 rounded-md border border-dashed bg-background p-3 ${y ? "border-destructive" : ""}`,
-				children: [
-					/* @__PURE__ */ jsx(Info, { className: `h-4 w-4 shrink-0 ${y ? "text-destructive" : "text-muted-foreground"}` }),
-					/* @__PURE__ */ jsx("p", {
-						className: `text-sm flex-1 ${y ? "text-destructive" : "text-muted-foreground"}`,
-						children: "No matching environment available."
-					}),
-					_ && /* @__PURE__ */ jsxs(Button, {
-						type: "button",
-						size: "sm",
-						variant: "outline",
-						disabled: v,
-						onClick: () => _(),
-						children: [v ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), "Create"]
-					})
-				]
+			/* @__PURE__ */ jsx(Info, { className: `h-4 w-4 shrink-0 ${C ? "text-destructive" : "text-muted-foreground"}` }),
+			/* @__PURE__ */ jsx("p", {
+				className: `text-sm flex-1 ${C ? "text-destructive" : "text-muted-foreground"}`,
+				children: "No matching environment available."
 			}),
-			y && /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-destructive",
-				children: y
+			x && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				size: "sm",
+				variant: "outline",
+				disabled: S,
+				onClick: () => x(),
+				children: [S ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), "Create"]
 			})
 		]
-	});
+	}), g[10] = C, g[11] = E, g[12] = S, g[13] = T, g[14] = x, g[15] = b, g[16] = y, g[17] = _.optional, g[18] = A) : A = g[18];
+	let j;
+	g[19] === C ? j = g[20] : (j = C && /* @__PURE__ */ jsx("p", {
+		className: "text-sm text-destructive",
+		children: C
+	}), g[19] = C, g[20] = j);
+	let M;
+	return g[21] !== k || g[22] !== A || g[23] !== j ? (M = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [
+			k,
+			A,
+			j
+		]
+	}), g[21] = k, g[22] = A, g[23] = j, g[24] = M) : M = g[24], M;
+}
+function _temp(e) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: e.id,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-2",
+			children: [e.name, e.local && /* @__PURE__ */ jsx("span", {
+				className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium",
+				children: "Local"
+			})]
+		})
+	}, e.id);
 }
 export { EnvironmentSlotSelector };

package/dist/features/workspaces/components/WorkflowRunForm.js

@@ -2,9 +2,9 @@ import { useStudio } from "../../../providers/StudioProvider.js";
 import { useWorkflowConfig } from "../../../hooks/useConfig.js";
 import { useCreateWorkflow } from "../../../hooks/useWorkflows.js";
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import ArgumentsView_default from "./workflow-form/ArgumentsView.js";
 import SelectionView_default from "./workflow-form/SelectionView.js";
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/workspaces/components/WorkspaceHomePage.js

@@ -79,7 +79,7 @@ var WorkspaceHomePage_default = (p) => {
 	}), m[28] = k, m[29] = P, m[30] = B, m[31] = V) : V = m[31];
 	let H;
 	return m[32] !== V || m[33] !== F || m[34] !== I || m[35] !== L || m[36] !== R || m[37] !== z ? (H = /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto flex min-h-[60vh] max-w-2xl flex-col items-center justify-center",
+		className: "mx-auto flex min-h-[80vh] max-w-2xl flex-col items-center justify-center",
 		children: [
 			F,
 			I,

package/dist/hooks/useEnvironmentPreviewUrl.js

@@ -0,0 +1,13 @@
+import { useCallback } from "react";
+function useDefaultEnvironmentPreviewUrl() {
+	return _temp;
+}
+function _temp(e, t) {
+	if (!e.connectionUrl) return "";
+	let n = new URLSearchParams({
+		url: e.connectionUrl,
+		name: e.envName || e.workerId || ""
+	});
+	return t ? `/embed/env/preview/workflows/${t}?${n}` : `/embed/env/preview?${n}`;
+}
+export { useDefaultEnvironmentPreviewUrl };

package/dist/hooks/useEnvironments.js

@@ -0,0 +1,8 @@
+import { useApiClient } from "./useApi.js";
+import { c } from "react/compiler-runtime";
+import { useMutation } from "@tanstack/react-query";
+function useResetEnvironment() {
+	let r = c(2), { api: i } = useApiClient(), a;
+	return r[0] === i ? a = r[1] : (a = { mutationFn: (e) => i.environments.resetEnvironment(e) }, r[0] = i, r[1] = a), useMutation(a);
+}
+export { useResetEnvironment };

package/dist/hooks/useWorkflows.js

@@ -15,46 +15,48 @@ function useWorkflow(e) {
 	}, i[6] = s, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
 function useFilterWorkflows(e, r, i, a, s, u) {
-	let d = c(30), f = i === void 0 ? "id" : i, p = a === void 0 ? "DESC" : a, m = s === void 0 ? 0 : s, h = u === void 0 ? 10 : u, { envKey: g, api: _ } = useApiClient(), v = Object.keys(r).length > 0, y;
-	d[0] !== r || d[1] !== v ? (y = v ? JSON.stringify(r) : void 0, d[0] = r, d[1] = v, d[2] = y) : y = d[2];
-	let b = y, x;
-	d[3] === b ? x = d[4] : (x = b && { filter: b }, d[3] = b, d[4] = x);
-	let S;
-	d[5] !== p || d[6] !== f ? (S = JSON.stringify([{
+	let d = c(32), f = i === void 0 ? "id" : i, p = a === void 0 ? "DESC" : a, m = s === void 0 ? 0 : s, h = u === void 0 ? 10 : u, { envKey: g, api: _ } = useApiClient(), v;
+	d[0] === r ? v = d[1] : (v = Object.keys(r), d[0] = r, d[1] = v);
+	let y = v.length > 0, b;
+	d[2] !== r || d[3] !== y ? (b = y ? JSON.stringify(r) : void 0, d[2] = r, d[3] = y, d[4] = b) : b = d[4];
+	let x = b, S;
+	d[5] === x ? S = d[6] : (S = x && { filter: x }, d[5] = x, d[6] = S);
+	let C;
+	d[7] !== p || d[8] !== f ? (C = JSON.stringify([{
 		field: f,
 		order: p
-	}]), d[5] = p, d[6] = f, d[7] = S) : S = d[7];
-	let C;
-	d[8] === e ? C = d[9] : (C = e && {
+	}]), d[7] = p, d[8] = f, d[9] = C) : C = d[9];
+	let w;
+	d[10] === e ? w = d[11] : (w = e && {
 		search: e,
 		searchColumns: JSON.stringify(["title", "model"])
-	}, d[8] = e, d[9] = C);
-	let w;
-	d[10] !== h || d[11] !== m || d[12] !== x || d[13] !== S || d[14] !== C ? (w = {
-		...x,
-		sortBy: S,
+	}, d[10] = e, d[11] = w);
+	let T;
+	d[12] !== h || d[13] !== m || d[14] !== S || d[15] !== C || d[16] !== w ? (T = {
+		...S,
+		sortBy: C,
 		page: m,
 		limit: h,
-		...C
-	}, d[10] = h, d[11] = m, d[12] = x, d[13] = S, d[14] = C, d[15] = w) : w = d[15];
-	let T = w, E;
-	d[16] !== g || d[17] !== b || d[18] !== h || d[19] !== p || d[20] !== m || d[21] !== e || d[22] !== f ? (E = [
+		...w
+	}, d[12] = h, d[13] = m, d[14] = S, d[15] = C, d[16] = w, d[17] = T) : T = d[17];
+	let E = T, D;
+	d[18] !== g || d[19] !== x || d[20] !== h || d[21] !== p || d[22] !== m || d[23] !== e || d[24] !== f ? (D = [
 		...getWorkflowsCacheKey(g),
 		"list",
 		e ?? "",
-		b ?? "",
+		x ?? "",
 		f,
 		p,
 		m,
 		h
-	], d[16] = g, d[17] = b, d[18] = h, d[19] = p, d[20] = m, d[21] = e, d[22] = f, d[23] = E) : E = d[23];
-	let D;
-	d[24] !== _ || d[25] !== T ? (D = () => _.workflows.getAll(T), d[24] = _, d[25] = T, d[26] = D) : D = d[26];
+	], d[18] = g, d[19] = x, d[20] = h, d[21] = p, d[22] = m, d[23] = e, d[24] = f, d[25] = D) : D = d[25];
 	let O;
-	return d[27] !== D || d[28] !== E ? (O = {
-		queryKey: E,
-		queryFn: D
-	}, d[27] = D, d[28] = E, d[29] = O) : O = d[29], useQuery(O);
+	d[26] !== _ || d[27] !== E ? (O = () => _.workflows.getAll(E), d[26] = _, d[27] = E, d[28] = O) : O = d[28];
+	let k;
+	return d[29] !== D || d[30] !== O ? (k = {
+		queryKey: D,
+		queryFn: O
+	}, d[29] = D, d[30] = O, d[31] = k) : k = d[31], useQuery(k);
 }
 function useCreateWorkflow() {
 	let e = c(8), { envKey: r, api: i } = useApiClient(), a = useQueryClient(), l;

package/dist/hooks/useWorkspaces.js

@@ -15,46 +15,48 @@ function useWorkspace(t) {
 	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
 function useFilterWorkspaces(e, i, o, s, l, u) {
-	let d = c(30), f = o === void 0 ? "id" : o, p = s === void 0 ? "DESC" : s, m = l === void 0 ? 0 : l, h = u === void 0 ? 10 : u, { envKey: g, api: _ } = useApiClient(), v = Object.keys(i).length > 0, y;
-	d[0] !== i || d[1] !== v ? (y = v ? JSON.stringify(i) : void 0, d[0] = i, d[1] = v, d[2] = y) : y = d[2];
-	let b = y, x;
-	d[3] === b ? x = d[4] : (x = b && { filter: b }, d[3] = b, d[4] = x);
-	let S;
-	d[5] !== p || d[6] !== f ? (S = JSON.stringify([{
+	let d = c(32), f = o === void 0 ? "id" : o, p = s === void 0 ? "DESC" : s, m = l === void 0 ? 0 : l, h = u === void 0 ? 10 : u, { envKey: g, api: _ } = useApiClient(), v;
+	d[0] === i ? v = d[1] : (v = Object.keys(i), d[0] = i, d[1] = v);
+	let y = v.length > 0, b;
+	d[2] !== i || d[3] !== y ? (b = y ? JSON.stringify(i) : void 0, d[2] = i, d[3] = y, d[4] = b) : b = d[4];
+	let x = b, S;
+	d[5] === x ? S = d[6] : (S = x && { filter: x }, d[5] = x, d[6] = S);
+	let C;
+	d[7] !== p || d[8] !== f ? (C = JSON.stringify([{
 		field: f,
 		order: p
-	}]), d[5] = p, d[6] = f, d[7] = S) : S = d[7];
-	let C;
-	d[8] === e ? C = d[9] : (C = e && {
+	}]), d[7] = p, d[8] = f, d[9] = C) : C = d[9];
+	let w;
+	d[10] === e ? w = d[11] : (w = e && {
 		search: e,
 		searchColumns: JSON.stringify(["title"])
-	}, d[8] = e, d[9] = C);
-	let w;
-	d[10] !== h || d[11] !== m || d[12] !== x || d[13] !== S || d[14] !== C ? (w = {
-		...x,
-		sortBy: S,
+	}, d[10] = e, d[11] = w);
+	let T;
+	d[12] !== h || d[13] !== m || d[14] !== S || d[15] !== C || d[16] !== w ? (T = {
+		...S,
+		sortBy: C,
 		page: m,
 		limit: h,
-		...C
-	}, d[10] = h, d[11] = m, d[12] = x, d[13] = S, d[14] = C, d[15] = w) : w = d[15];
-	let T = w, E;
-	d[16] !== g || d[17] !== b || d[18] !== h || d[19] !== p || d[20] !== m || d[21] !== e || d[22] !== f ? (E = [
+		...w
+	}, d[12] = h, d[13] = m, d[14] = S, d[15] = C, d[16] = w, d[17] = T) : T = d[17];
+	let E = T, D;
+	d[18] !== g || d[19] !== x || d[20] !== h || d[21] !== p || d[22] !== m || d[23] !== e || d[24] !== f ? (D = [
 		...getWorkspacesCacheKey(g),
 		"list",
 		e ?? "",
-		b ?? "",
+		x ?? "",
 		f,
 		p,
 		m,
 		h
-	], d[16] = g, d[17] = b, d[18] = h, d[19] = p, d[20] = m, d[21] = e, d[22] = f, d[23] = E) : E = d[23];
-	let D;
-	d[24] !== _ || d[25] !== T ? (D = () => _.workspaces.getAll(T), d[24] = _, d[25] = T, d[26] = D) : D = d[26];
+	], d[18] = g, d[19] = x, d[20] = h, d[21] = p, d[22] = m, d[23] = e, d[24] = f, d[25] = D) : D = d[25];
 	let O;
-	return d[27] !== D || d[28] !== E ? (O = {
-		queryKey: E,
-		queryFn: D
-	}, d[27] = D, d[28] = E, d[29] = O) : O = d[29], useQuery(O);
+	d[26] !== _ || d[27] !== E ? (O = () => _.workspaces.getAll(E), d[26] = _, d[27] = E, d[28] = O) : O = d[28];
+	let k;
+	return d[29] !== D || d[30] !== O ? (k = {
+		queryKey: D,
+		queryFn: O
+	}, d[29] = D, d[30] = O, d[31] = k) : k = d[31], useQuery(k);
 }
 function useCreateWorkspace() {
 	let e = c(8), { envKey: a, api: s } = useApiClient(), l = useQueryClient(), u;