@loopstack/loopstack-studio 0.35.1 → 0.37.0

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

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

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

@@ -2,8 +2,8 @@ import "../../../hooks/useWorkflows.js";
 import "../../../providers/StudioProvider.js";
 import "../../../components/ui/button.js";
 import "../../../components/feedback/ErrorSnackbar.js";
-import "../../../hooks/useProcessor.js";
 import "../../../components/dynamic-form/Form.js";
+import "../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2, Play } from "lucide-react";

package/dist/index.d.ts

@@ -954,6 +954,8 @@ declare interface StudioPreferences {
     leftSidebarOpen: boolean;
     activePanel: PanelId | null;
     panelSizes: Partial<Record<PanelId, PanelSize>>;
+    /** Workbench workflow area: legacy document tree or the canonical run view. */
+    workbenchView: 'classic' | 'run';
 }
 
 declare interface StudioPreferencesContextType {