@loopstack/loopstack-studio 0.23.0 → 0.23.1

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

@@ -0,0 +1,145 @@
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+var RemoteFileExplorerContext = createContext(null);
+function RemoteFileExplorerProvider(s) {
+	let l = c(45), { children: u } = s, d = useQueryClient(), f;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ new Set(), l[0] = f) : f = l[0];
+	let [p, m] = useState(f), h;
+	l[1] === Symbol.for("react.memo_cache_sentinel") ? (h = [], l[1] = h) : h = l[1];
+	let [g, _] = useState(h), [v, y] = useState(null), b;
+	l[2] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+		queryKey: ["remote-agent-file-tree"],
+		queryFn: _temp,
+		staleTime: 3e4
+	}, l[2] = b) : b = l[2];
+	let x = useQuery(b), S = v?.path, C;
+	l[3] === S ? C = l[4] : (C = ["remote-agent-file-content", S], l[3] = S, l[4] = C);
+	let w;
+	l[5] === v ? w = l[6] : (w = async () => {
+		let e = new URL("http://localhost:8000/api/v1/files/read");
+		e.searchParams.set("path", v.path);
+		let s = await fetch(e.toString(), { credentials: "include" });
+		if (!s.ok) {
+			let e = await s.text();
+			throw Error(`Failed to read file (${s.status}): ${e}`);
+		}
+		return (await s.json()).content;
+	}, l[5] = v, l[6] = w);
+	let T = !!v && v.type === "file", E;
+	l[7] !== C || l[8] !== w || l[9] !== T ? (E = {
+		queryKey: C,
+		queryFn: w,
+		enabled: T,
+		staleTime: 15e3
+	}, l[7] = C, l[8] = w, l[9] = T, l[10] = E) : E = l[10];
+	let D = useQuery(E), O;
+	l[11] === Symbol.for("react.memo_cache_sentinel") ? (O = (e) => {
+		m((s) => {
+			let l = new Set(s);
+			return l.has(e) ? l.delete(e) : l.add(e), l;
+		});
+	}, l[11] = O) : O = l[11];
+	let k = O, A;
+	l[12] === Symbol.for("react.memo_cache_sentinel") ? (A = (e) => {
+		e.type === "file" && (y(e), _((s) => s.some((s) => s.path === e.path) ? s : [...s, e]));
+	}, l[12] = A) : A = l[12];
+	let j = A, M;
+	l[13] === v?.path ? M = l[14] : (M = (e) => {
+		_((s) => {
+			let l = s.filter((s) => s.path !== e.path);
+			if (v?.path === e.path) if (l.length > 0) {
+				let u = s.findIndex((s) => s.path === e.path);
+				y(l[Math.max(0, u - 1)]);
+			} else y(null);
+			return l;
+		});
+	}, l[13] = v?.path, l[14] = M);
+	let N = M, P;
+	l[15] === v ? P = l[16] : (P = () => {
+		v && _((e) => {
+			let s = e.filter((e) => e.path !== v.path);
+			if (s.length > 0) {
+				let l = e.findIndex((e) => e.path === v.path);
+				y(s[Math.max(0, l - 1)]);
+			} else y(null);
+			return s;
+		});
+	}, l[15] = v, l[16] = P);
+	let F = P, I;
+	l[17] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+		_([]), y(null);
+	}, l[17] = I) : I = l[17];
+	let L = I, R;
+	l[18] === Symbol.for("react.memo_cache_sentinel") ? (R = (e) => {
+		_([e]), y(e);
+	}, l[18] = R) : R = l[18];
+	let z = R, B;
+	l[19] === v ? B = l[20] : (B = (e) => {
+		_((s) => {
+			let l = s.findIndex((s) => s.path === e.path);
+			if (l <= 0) return s;
+			let u = s.slice(l);
+			return v && s.findIndex((e) => e.path === v.path) < l && y(e), u;
+		});
+	}, l[19] = v, l[20] = B);
+	let V = B, H;
+	l[21] === v ? H = l[22] : (H = (e) => {
+		_((s) => {
+			let l = s.findIndex((s) => s.path === e.path);
+			if (l < 0 || l >= s.length - 1) return s;
+			let u = s.slice(0, l + 1);
+			return v && s.findIndex((e) => e.path === v.path) > l && y(e), u;
+		});
+	}, l[21] = v, l[22] = H);
+	let U = H, W;
+	l[23] === d ? W = l[24] : (W = () => {
+		d.invalidateQueries({ queryKey: ["remote-agent-file-tree"] });
+	}, l[23] = d, l[24] = W);
+	let G = W, K;
+	l[25] === x.data ? K = l[26] : (K = x.data ?? [], l[25] = x.data, l[26] = K);
+	let q = x.isLoading && !x.data, J = D.data ?? null, Y = D.isLoading && !!v, X;
+	l[27] !== F || l[28] !== N || l[29] !== V || l[30] !== U || l[31] !== p || l[32] !== g || l[33] !== G || l[34] !== v || l[35] !== K || l[36] !== q || l[37] !== J || l[38] !== Y || l[39] !== x.error || l[40] !== x.isFetching ? (X = {
+		nodes: K,
+		isTreeLoading: q,
+		treeError: x.error,
+		openFiles: g,
+		selectedFile: v,
+		fileContent: J,
+		isContentLoading: Y,
+		expandedFolders: p,
+		toggleFolder: k,
+		selectFile: j,
+		closeFile: N,
+		closeAll: L,
+		closeOthers: z,
+		closeToLeft: V,
+		closeToRight: U,
+		clearSelection: F,
+		refreshTree: G,
+		isFetchingTree: x.isFetching
+	}, l[27] = F, l[28] = N, l[29] = V, l[30] = U, l[31] = p, l[32] = g, l[33] = G, l[34] = v, l[35] = K, l[36] = q, l[37] = J, l[38] = Y, l[39] = x.error, l[40] = x.isFetching, l[41] = X) : X = l[41];
+	let Z = X, Q;
+	return l[42] !== u || l[43] !== Z ? (Q = /* @__PURE__ */ jsx(RemoteFileExplorerContext.Provider, {
+		value: Z,
+		children: u
+	}), l[42] = u, l[43] = Z, l[44] = Q) : Q = l[44], Q;
+}
+async function _temp() {
+	let e = await fetch("http://localhost:8000/api/v1/files/tree?path=./src", { credentials: "include" });
+	if (!e.ok) {
+		let s = await e.text();
+		throw Error(`Failed to load file tree (${e.status}): ${s}`);
+	}
+	return await e.json();
+}
+function useRemoteFileExplorer() {
+	let e = useContext(RemoteFileExplorerContext);
+	if (!e) throw Error("useRemoteFileExplorer must be used within RemoteFileExplorerProvider");
+	return e;
+}
+function useOptionalRemoteFileExplorer() {
+	return useContext(RemoteFileExplorerContext);
+}
+export { RemoteFileExplorerProvider, useOptionalRemoteFileExplorer, useRemoteFileExplorer };

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

@@ -3,74 +3,77 @@ import { createContext, useCallback, useContext, useMemo, useState } from "react
 import { jsx } from "react/jsx-runtime";
 var WorkbenchLayoutContext = createContext(null);
 function WorkbenchLayoutProvider(a) {
-	let o = c(39), { children: s, pipeline: 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;
+	let o = c(44), { children: s, pipeline: 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 = k !== null, P;
-	o[2] !== O || o[3] !== g ? (P = (t) => {
-		O && g?.(t !== null), x(t);
-	}, o[2] = O, o[3] = g, o[4] = P) : P = o[4];
-	let F = P, I;
-	o[5] === F ? I = o[6] : (I = (t) => {
-		y((a) => a === t ? null : t), F(null);
-	}, o[5] = F, o[6] = I);
+	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];
 	let L = I, R;
-	o[7] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
-		y(null);
-	}, o[7] = R) : R = o[7];
+	o[9] === L ? R = o[10] : (R = (e) => {
+		y((a) => a === e ? null : e), L(null);
+	}, o[9] = L, o[10] = R);
 	let z = R, B;
-	o[8] !== k || o[9] !== F ? (B = (t) => {
-		let a = k === t ? null : t;
-		F(a), a && y(null);
-	}, o[8] = k, o[9] = F, o[10] = B) : B = o[10];
+	o[11] === Symbol.for("react.memo_cache_sentinel") ? (B = () => {
+		y(null);
+	}, o[11] = B) : B = o[11];
 	let V = B, H;
-	o[11] === F ? H = o[12] : (H = () => {
-		F(null);
-	}, o[11] = F, o[12] = 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];
 	let U = H, W;
-	o[13] === F ? W = o[14] : (W = (t) => {
-		D(t), F("preview"), y(null);
-	}, o[13] = F, o[14] = W);
+	o[15] === L ? W = o[16] : (W = () => {
+		L(null);
+	}, o[15] = L, o[16] = W);
 	let G = W, K;
-	o[15] === V ? K = o[16] : (K = () => {
-		V("preview");
-	}, o[15] = V, o[16] = 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[17] !== v || o[18] !== S || o[19] !== w || o[20] !== k || o[21] !== U || o[22] !== m || o[23] !== p || o[24] !== f || o[25] !== _ || o[26] !== G || o[27] !== l || o[28] !== M || o[29] !== N || o[30] !== E || o[31] !== L || o[32] !== q || o[33] !== V || o[34] !== d ? (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] !== l || o[32] !== M || o[33] !== F || o[34] !== E || o[35] !== X || o[36] !== z || o[37] !== Y || o[38] !== U || o[39] !== d ? (Z = {
 		pipeline: l,
 		previewPanelEnabled: M,
+		fileExplorerEnabled: X,
 		isDeveloperMode: _,
 		workspaceConfig: d,
 		getPreviewUrl: f,
 		getEnvironmentPreviewUrl: p,
 		environments: m,
 		activeFloatingPanel: v,
-		toggleFloatingPanel: L,
-		closeFloatingPanel: z,
+		toggleFloatingPanel: z,
+		closeFloatingPanel: V,
 		activeSidePanel: k,
-		toggleSidePanel: V,
-		closeSidePanel: U,
+		toggleSidePanel: U,
+		closeSidePanel: G,
 		selectedSlotId: E,
 		setSelectedSlotId: D,
-		openPreviewWithEnvironment: G,
-		previewPanelOpen: N,
-		togglePreviewPanel: q,
+		openPreviewWithEnvironment: q,
+		previewPanelOpen: F,
+		togglePreviewPanel: Y,
 		activePreviewTab: S,
 		setActivePreviewTab: C,
 		activeSectionId: w,
 		setActiveSectionId: T
-	}, o[17] = v, o[18] = S, o[19] = w, o[20] = k, o[21] = U, o[22] = m, o[23] = p, o[24] = f, o[25] = _, o[26] = G, o[27] = l, o[28] = M, o[29] = N, o[30] = E, o[31] = L, o[32] = q, o[33] = V, o[34] = d, o[35] = J) : J = o[35];
-	let Y = J, X;
-	return o[36] !== s || o[37] !== Y ? (X = /* @__PURE__ */ jsx(WorkbenchLayoutContext.Provider, {
-		value: Y,
+	}, 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] = l, o[32] = M, o[33] = F, o[34] = E, o[35] = X, o[36] = z, o[37] = Y, o[38] = U, 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[36] = s, o[37] = Y, o[38] = X) : X = o[38], X;
+	}), o[41] = s, o[42] = Q, o[43] = $) : $ = o[43], $;
 }
-function _temp(t) {
-	return !!t.connectionUrl && (!!t.workerId || t.local);
+function _temp(e) {
+	return !!e.connectionUrl && (!!e.workerId || e.local);
 }
 function useWorkbenchLayout() {
-	let t = useContext(WorkbenchLayoutContext);
-	if (!t) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
-	return t;
+	let e = useContext(WorkbenchLayoutContext);
+	if (!e) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
+	return e;
 }
 export { WorkbenchLayoutProvider, useWorkbenchLayout };

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

@@ -2,9 +2,9 @@ import { useStudio } from "../../../providers/StudioProvider.js";
 import { usePipelineConfig } from "../../../hooks/useConfig.js";
 import { useCreatePipeline } from "../../../hooks/usePipelines.js";
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
 import ArgumentsView_default from "./pipeline-form/ArgumentsView.js";
 import SelectionView_default from "./pipeline-form/SelectionView.js";
-import { useRunPipeline } 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

@@ -0,0 +1,93 @@
+import { useStudio } from "../../../providers/StudioProvider.js";
+import { useCreatePipeline } from "../../../hooks/usePipelines.js";
+import { Button } from "../../../components/ui/button.js";
+import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
+import Form_default from "../../../components/dynamic-form/Form.js";
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2, Play } from "lucide-react";
+import { useForm } from "react-hook-form";
+var WorkspaceHomePage_default = (p) => {
+	let m = c(39), { workspace: h, action: g } = p, { router: _ } = useStudio(), v = useCreatePipeline(), y = useRunPipeline(), b;
+	m[0] === g.options ? b = m[1] : (b = g.options ?? {}, m[0] = g.options, m[1] = b);
+	let x = b, S = x.workflow, C = x.title, w = x.subtitle, T = x.schema, E = x.pipelineUi, D;
+	m[2] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+		defaultValues: {},
+		mode: "onChange"
+	}, m[2] = D) : D = m[2];
+	let O = useForm(D), k = v.isPending || y.isPending, A = !!T, j;
+	m[3] !== v || m[4] !== A || m[5] !== _ || m[6] !== y || m[7] !== S || m[8] !== h ? (j = (t) => {
+		v.mutate({ pipelineCreateDto: {
+			blockName: S,
+			title: null,
+			workspaceId: h.id,
+			transition: null,
+			args: A ? t : void 0
+		} }, { onSuccess: (t) => {
+			y.mutate({
+				pipelineId: t.id,
+				runPipelinePayloadDto: {},
+				force: !0
+			}, { onSuccess: () => {
+				_.navigateToPipeline(t.id);
+			} });
+		} });
+	}, m[3] = v, m[4] = A, m[5] = _, m[6] = y, m[7] = S, m[8] = h, m[9] = j) : j = m[9];
+	let M = j, N;
+	m[10] !== O || m[11] !== M ? (N = () => {
+		O.handleSubmit(M)();
+	}, m[10] = O, m[11] = M, m[12] = N) : N = m[12];
+	let P = N, F;
+	m[13] === v.error ? F = m[14] : (F = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: v.error }), m[13] = v.error, m[14] = F);
+	let I;
+	m[15] === y.error ? I = m[16] : (I = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: y.error }), m[15] = y.error, m[16] = I);
+	let L;
+	m[17] === C ? L = m[18] : (L = C && /* @__PURE__ */ jsx("h2", {
+		className: "mb-2 text-center text-3xl font-bold tracking-tight",
+		children: C
+	}), m[17] = C, m[18] = L);
+	let R;
+	m[19] === w ? R = m[20] : (R = w && /* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground mb-8 text-center text-sm",
+		children: w
+	}), m[19] = w, m[20] = R);
+	let z;
+	m[21] !== O || m[22] !== A || m[23] !== E || m[24] !== T ? (z = A ? /* @__PURE__ */ jsx("div", {
+		className: "mb-6 w-full",
+		children: /* @__PURE__ */ jsx(Form_default, {
+			form: O,
+			schema: T,
+			ui: E,
+			disabled: !1,
+			viewOnly: !1
+		})
+	}) : null, m[21] = O, m[22] = A, m[23] = E, m[24] = T, m[25] = z) : z = m[25];
+	let B;
+	m[26] === k ? B = m[27] : (B = k ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "mr-2 h-4 w-4" }), m[26] = k, m[27] = B);
+	let V;
+	m[28] !== k || m[29] !== P || m[30] !== B ? (V = /* @__PURE__ */ jsx("div", {
+		className: "flex w-full justify-end",
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "default",
+			disabled: k,
+			onClick: P,
+			size: "lg",
+			className: "font-medium",
+			children: [B, "Run"]
+		})
+	}), 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",
+		children: [
+			F,
+			I,
+			L,
+			R,
+			z,
+			V
+		]
+	}), m[32] = V, m[33] = F, m[34] = I, m[35] = L, m[36] = R, m[37] = z, m[38] = H) : H = m[38], H;
+};
+export { WorkspaceHomePage_default as default };

package/dist/hooks/useFiles.js

@@ -1,45 +1,3 @@
-import { getFileContentCacheKey, getFileTreeCacheKey } from "./query-keys.js";
-import { useApiClient } from "./useApi.js";
+import "./useApi.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-function useFileTree(e, a) {
-	let s = c(10), l = a === void 0 ? !0 : a, { envKey: u, api: d } = useApiClient(), f;
-	s[0] !== u || s[1] !== e ? (f = getFileTreeCacheKey(u, e), s[0] = u, s[1] = e, s[2] = f) : f = s[2];
-	let p;
-	s[3] !== d || s[4] !== e ? (p = () => {
-		if (!e) throw Error("Pipeline ID is required");
-		return d.pipelines.getFileTree({ pipelineId: e });
-	}, s[3] = d, s[4] = e, s[5] = p) : p = s[5];
-	let m = !!e && l, h;
-	return s[6] !== f || s[7] !== p || s[8] !== m ? (h = {
-		queryKey: f,
-		queryFn: p,
-		enabled: m,
-		staleTime: 3e5,
-		refetchOnMount: !1,
-		refetchOnWindowFocus: !1,
-		placeholderData: _temp
-	}, s[6] = f, s[7] = p, s[8] = m, s[9] = h) : h = s[9], useQuery(h);
-}
-function _temp(e) {
-	return e;
-}
-function useFileContent(i, a, o) {
-	let s = c(12), l = o === void 0 ? !0 : o, { envKey: u, api: d } = useApiClient(), f;
-	s[0] !== u || s[1] !== a || s[2] !== i ? (f = getFileContentCacheKey(u, i, a), s[0] = u, s[1] = a, s[2] = i, s[3] = f) : f = s[3];
-	let p;
-	s[4] !== d || s[5] !== a || s[6] !== i ? (p = () => {
-		if (!i || !a) throw Error("Pipeline ID and file path are required");
-		return d.pipelines.getFileContent({
-			pipelineId: i,
-			filePath: a
-		});
-	}, s[4] = d, s[5] = a, s[6] = i, s[7] = p) : p = s[7];
-	let m = !!i && !!a && l, h;
-	return s[8] !== f || s[9] !== p || s[10] !== m ? (h = {
-		queryKey: f,
-		queryFn: p,
-		enabled: m
-	}, s[8] = f, s[9] = p, s[10] = m, s[11] = h) : h = s[11], useQuery(h);
-}
-export { useFileContent, useFileTree };

package/dist/index.d.ts

@@ -850,6 +850,8 @@ export declare class LocalRouter implements StudioRouter {
     navigateToPipelineDebug(pipelineId: string): Promise<void>;
     navigateToWorkflow(pipelineId: string, workflowId: string, clickId: string | undefined): Promise<void>;
     navigateToPipelineNamespace(workspaceId: string, pipelineId: string, namespaceId: string): Promise<void>;
+    getWorkspaceRuns(workspaceId: string): string;
+    navigateToWorkspaceRuns(workspaceId: string): Promise<void>;
     getEmbedPipeline(pipelineId: string): string;
     getPreviewPipeline(pipelineId: string): string;
     getCurrentEnvironmentId(): string;
@@ -1133,6 +1135,8 @@ export declare interface StudioRouter {
     navigateToPipelineDebug(pipelineId: string): Promise<void>;
     navigateToWorkflow(pipelineId: string, workflowId: string, clickId: string | undefined): Promise<void>;
     navigateToPipelineNamespace(workspaceId: string, pipelineId: string, namespaceId: string): Promise<void>;
+    getWorkspaceRuns(workspaceId: string): string;
+    navigateToWorkspaceRuns(workspaceId: string): Promise<void>;
     getEmbedPipeline(pipelineId: string): string;
     getPreviewPipeline(pipelineId: string): string;
     getCurrentEnvironmentId(): string;
@@ -1252,6 +1256,8 @@ export declare function WorkbenchPage({ previewPanelOpen, onPreviewPanelOpenChan
 
 export declare const WorkspacePage: () => JSX.Element;
 
+export declare const WorkspaceRunsPage: () => JSX.Element;
+
 export declare function WorkspacesPage(): JSX.Element;
 
 export { }

package/dist/index.js

@@ -67,6 +67,7 @@ import { EnvironmentSlotSelector } from "./features/workspaces/components/Enviro
 import CreateWorkspace_default from "./features/workspaces/components/CreateWorkspace.js";
 import WorkspacesPage from "./pages/WorkspacesPage.js";
 import WorkspacePage_default from "./pages/WorkspacePage.js";
+import WorkspaceRunsPage_default from "./pages/WorkspaceRunsPage.js";
 import "./features/workspaces/index.js";
 import WorkbenchPage from "./pages/WorkbenchPage.js";
 import PipelineDebugPage_default from "./pages/PipelineDebugPage.js";
@@ -81,4 +82,4 @@ import LocalHealthCheck_default from "./features/health/LocalHealthCheck.js";
 import EnvironmentEmbedRoot from "./app/EnvironmentEmbedRoot.js";
 import { StudioSidebar } from "./components/layout/StudioSidebar.js";
 import "./features/health/index.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ComponentOverridesProvider, ConfirmDialog_default as ConfirmDialog, CreateWorkspace_default as CreateWorkspace, CustomListView_default as CustomItemListView, DashboardPage, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, DebugWorkflowDetailsPage, DebugWorkflowsPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedWorkbenchPage, EnvironmentEmbedRoot, EnvironmentSlotSelector, ErrorAlert_default as ErrorAlert, ErrorBoundary, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, InvalidationEventsProvider, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, PipelineDebugPage_default as PipelineDebugPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewWorkbenchPage, RadioGroup, RadioGroupItem, RunsListPage, RunsPage, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, SseProvider, StudioLandingPage, StudioProvider, StudioSidebar, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkspacePage_default as WorkspacePage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, getAllWorkflowsCacheKey, getAvailableEnvironmentsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getHealthCacheKey, getMeCacheKey, getNamespaceCacheKey, getNamespacesByPipelineCacheKey, getPipelineCacheKey, getPipelineConfigCacheKey, getPipelineSourceCacheKey, getPipelineTypesCacheKey, getPipelinesCacheKey, getPipelinesChildrenCacheKey, getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey, useApiClient, useAvailableEnvironments, useBatchDeletePipeline, useBatchDeleteWorkspaces, useChildPipelines, useComponentOverrides, useCreatePipeline, useCreateWorkspace, useDeletePipeline, useDeleteWorkspace, useFilterPipelines, useFilterWorkspaces, useIsMobile, usePipeline, usePipelineConfig, usePipelineConfigByName, usePipelineSource, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useStudioOptional, useUpdatePipeline, useUpdateWorkspace, useWorkspace, useWorkspaceConfig };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, CompletionMessagePaper_default as CompletionMessagePaper, ComponentOverridesProvider, ConfirmDialog_default as ConfirmDialog, CreateWorkspace_default as CreateWorkspace, CustomListView_default as CustomItemListView, DashboardPage, DataList, DataTable, DataTableBatchAction_default as DataTableBatchActions, DataTableFilters_default as DataTableFilters, DataTablePagination_default as DataTablePagination, DataTableToolbar_default as DataTableToolbar, DebugPage_default as DebugPage, DebugWorkflowDetailsPage, DebugWorkflowsPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiscordLogo, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedWorkbenchPage, EnvironmentEmbedRoot, EnvironmentSlotSelector, ErrorAlert_default as ErrorAlert, ErrorBoundary, ErrorSnackbar_default as ErrorSnackbar, GoogleLogo, Input, InvalidationEventsProvider, ListView_default as ItemListView, Label, LoadingCentered_default as LoadingCentered, LocalHealthCheck_default as LocalHealthCheck, LocalRouter, MainLayout_default as MainLayout, PageBreadcrumbs_default as PageBreadcrumbs, PipelineDebugPage_default as PipelineDebugPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewWorkbenchPage, RadioGroup, RadioGroupItem, RunsListPage, RunsPage, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar_default as Snackbar, SseProvider, StudioLandingPage, StudioProvider, StudioSidebar, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WorkbenchPage, WorkspacePage_default as WorkspacePage, WorkspaceRunsPage_default as WorkspaceRunsPage, WorkspacesPage, badgeVariants, buttonVariants, createApiClient, eventBus, getAllWorkflowsCacheKey, getAvailableEnvironmentsCacheKey, getDashboardStatsCacheKey, getDocumentCacheKey, getDocumentsCacheKey, getFileContentCacheKey, getFileTreeCacheKey, getHealthCacheKey, getMeCacheKey, getNamespaceCacheKey, getNamespacesByPipelineCacheKey, getPipelineCacheKey, getPipelineConfigCacheKey, getPipelineSourceCacheKey, getPipelineTypesCacheKey, getPipelinesCacheKey, getPipelinesChildrenCacheKey, getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey, getWorkspaceCacheKey, getWorkspaceTypesCacheKey, getWorkspacesCacheKey, useApiClient, useAvailableEnvironments, useBatchDeletePipeline, useBatchDeleteWorkspaces, useChildPipelines, useComponentOverrides, useCreatePipeline, useCreateWorkspace, useDeletePipeline, useDeleteWorkspace, useFilterPipelines, useFilterWorkspaces, useIsMobile, usePipeline, usePipelineConfig, usePipelineConfigByName, usePipelineSource, useRouter, useSetFavouriteWorkspace, useSidebar, useStudio, useStudioOptional, useUpdatePipeline, useUpdateWorkspace, useWorkspace, useWorkspaceConfig };

package/dist/node_modules/@xyflow/react/dist/esm/index.js

@@ -3,9 +3,9 @@ import cc from "../../../../classcat/index.js";
 import { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, ResizeControlVariant, SelectionMode, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, addEdge, adoptUserNodes, areSetsEqual, calculateNodePosition, createMarkerIds, defaultAriaLabelConfig, devWarn, elementSelectionKeys, errorMessages, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter, getBezierPath, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getDimensions, getEdgeCenter, getEdgePosition, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandlePosition, getHostForElement, getInternalNodesBounds, getMarkerId, getNodeDimensions, getNodesBounds, getNodesInside, getOverlappingArea, getSmoothStepPath, getStraightPath, getViewportForBounds, handleExpandParent, infiniteExtent, initialConnection, isEdgeBase, isEdgeVisible, isInputDOMNode, isMacOs, isMouseEvent, isNodeBase, isNumeric, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, panBy, pointToRendererPoint, rendererPointToPoint, snapPosition, updateAbsolutePositions, updateConnectionLookup, updateNodeInternals, withResolvers } from "../../../system/dist/esm/index.js";
 import { createContext, forwardRef, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
 import { createWithEqualityFn, useStoreWithEqualityFn } from "zustand/traditional";
 import { shallow } from "zustand/shallow";
-import { createPortal } from "react-dom";
 var StoreContext = createContext(null), Provider$1 = StoreContext.Provider, zustandErrorMessage = errorMessages.error001();
 function useStore(e, t) {
 	let n = useContext(StoreContext);

package/dist/pages/PipelineDebugPage.js

@@ -3,8 +3,8 @@ import { usePipeline, usePipelineConfigByName } from "../hooks/usePipelines.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
-import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
 import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
+import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
 import PipelineFlowViewer_default from "../features/debug/components/PipelineFlowViewer.js";
 import PipelineDebugHeader_default from "../features/debug/components/PipelineDebugHeader.js";
 import "../features/debug/index.js";