@loopstack/loopstack-studio 0.33.0 → 0.34.0

package/dist/pages/EmbedWorkbenchPage.js

@@ -1,6 +1,9 @@
 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 { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";
+import "../features/feature-registry/index.js";
 import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
 import "../packages/contracts/dist/enums/index.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
@@ -13,59 +16,62 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 var EMBED_MESSAGE_TYPE = "loopstack:embed:workflow-completed", EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize";
 function EmbedWorkbenchPage() {
-	let _ = c(20), v = useParams(), y;
-	_[0] === v ? y = _[1] : (y = requireParam(v, "workflowId"), _[0] = v, _[1] = y);
-	let b = y, x = useRef(null), S = useWorkflow(b), C = useRef(!1), w, T;
-	_[2] !== S.data || _[3] !== b ? (w = () => {
-		!S.data || C.current || S.data.status === WorkflowState.Completed && window.parent !== window && (C.current = !0, window.parent.postMessage({
+	let y = c(21), b = useParams(), x;
+	y[0] === b ? x = y[1] : (x = requireParam(b, "workflowId"), y[0] = b, y[1] = x);
+	let S = x, C = useRef(null), w = useWorkflow(S), T = useWorkspace(w.data?.workspaceId), E = useRef(!1), D, O;
+	y[2] !== w.data || y[3] !== S ? (D = () => {
+		!w.data || E.current || w.data.status === WorkflowState.Completed && window.parent !== window && (E.current = !0, window.parent.postMessage({
 			type: EMBED_MESSAGE_TYPE,
-			workflowId: b
+			workflowId: S
 		}, window.location.origin));
-	}, T = [S.data, b], _[2] = S.data, _[3] = b, _[4] = w, _[5] = T) : (w = _[4], T = _[5]), useEffect(w, T);
-	let E, D;
-	_[6] === b ? (E = _[7], D = _[8]) : (E = () => {
-		if (window.parent === window || !x.current) return;
+	}, O = [w.data, S], y[2] = w.data, y[3] = S, y[4] = D, y[5] = O) : (D = y[4], O = y[5]), useEffect(D, O);
+	let k, A;
+	y[6] === S ? (k = y[7], A = y[8]) : (k = () => {
+		if (window.parent === window || !C.current) return;
 		let t = new ResizeObserver(() => {
-			if (!x.current) return;
+			if (!C.current) return;
 			let t = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
 			window.parent.postMessage({
 				type: EMBED_RESIZE_MESSAGE_TYPE,
-				workflowId: b,
+				workflowId: S,
 				height: t
 			}, window.location.origin);
 		});
-		return t.observe(x.current), () => t.disconnect();
-	}, D = [b], _[6] = b, _[7] = E, _[8] = D), useEffect(E, D);
-	let O = _temp, k;
-	_[9] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+		return t.observe(C.current), () => t.disconnect();
+	}, A = [S], y[6] = S, y[7] = k, y[8] = A), useEffect(k, A);
+	let j = _temp, M;
+	y[9] === Symbol.for("react.memo_cache_sentinel") ? (M = {
 		enableDebugMode: !1,
 		showFullMessageHistory: !1
-	}, _[9] = k) : k = _[9];
-	let A = k, j;
-	_[10] === S.error ? j = _[11] : (j = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), _[10] = S.error, _[11] = j);
-	let M;
-	_[12] === S.data ? M = _[13] : (M = S.data ? /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
-		workspaceId: S.data.workspaceId,
-		workflow: S.data,
-		children: /* @__PURE__ */ jsx(WorkflowItem_default, {
-			workflow: S.data,
-			workflowId: S.data.id,
-			scrollTo: O,
-			settings: A,
-			embed: !0
+	}, y[9] = M) : M = y[9];
+	let N = M, P;
+	y[10] === w.error ? P = y[11] : (P = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: w.error }), y[10] = w.error, y[11] = P);
+	let F = w.isLoading || T.isLoading, I;
+	y[12] !== w.data || y[13] !== T ? (I = w.data && T.data ? /* @__PURE__ */ jsx(FeatureRegistryProvider, {
+		appName: T.data.appName,
+		children: /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+			workspaceId: w.data.workspaceId,
+			workflow: w.data,
+			children: /* @__PURE__ */ jsx(WorkflowItem_default, {
+				workflow: w.data,
+				workflowId: w.data.id,
+				scrollTo: j,
+				settings: N,
+				embed: !0
+			})
 		})
-	}) : null, _[12] = S.data, _[13] = M);
-	let N;
-	_[14] !== S.isLoading || _[15] !== M ? (N = /* @__PURE__ */ jsx(LoadingCentered_default, {
-		loading: S.isLoading,
-		children: M
-	}), _[14] = S.isLoading, _[15] = M, _[16] = N) : N = _[16];
-	let P;
-	return _[17] !== j || _[18] !== N ? (P = /* @__PURE__ */ jsxs("div", {
-		ref: x,
+	}) : null, y[12] = w.data, y[13] = T, y[14] = I) : I = y[14];
+	let L;
+	y[15] !== F || y[16] !== I ? (L = /* @__PURE__ */ jsx(LoadingCentered_default, {
+		loading: F,
+		children: I
+	}), y[15] = F, y[16] = I, y[17] = L) : L = y[17];
+	let R;
+	return y[18] !== P || y[19] !== L ? (R = /* @__PURE__ */ jsxs("div", {
+		ref: C,
 		className: "overflow-hidden pl-3 py-4",
-		children: [j, N]
-	}), _[17] = j, _[18] = N, _[19] = P) : P = _[19], P;
+		children: [P, L]
+	}), y[18] = P, y[19] = L, y[20] = R) : R = y[20], R;
 }
 function _temp() {}
 export { EmbedWorkbenchPage as default };

package/dist/pages/WorkbenchPage.js

@@ -3,6 +3,8 @@ 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 { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";
+import "../features/feature-registry/index.js";
 import Workbench from "../features/workbench/Workbench.js";
 import "../features/workbench/index.js";
 import { useDefaultEnvironmentPreviewUrl } from "../hooks/useEnvironmentPreviewUrl.js";
@@ -10,57 +12,60 @@ import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-function WorkbenchPage(p) {
-	let m = c(35), h;
-	m[0] === p ? h = m[1] : (h = p === void 0 ? {} : p, m[0] = p, m[1] = h);
-	let { getPreviewUrl: g, getEnvironmentPreviewUrl: _ } = h, { router: v } = useStudio(), y = useParams(), b;
-	m[2] === y ? b = m[3] : (b = requireParam(y, "workflowId"), m[2] = y, m[3] = b);
-	let x = useWorkflow(b), S = x.data?.workspaceId, C = useWorkspace(S), w = useDefaultEnvironmentPreviewUrl(), T = _ ?? w, E;
-	m[4] === v ? E = m[5] : (E = v.getWorkspaces(), m[4] = v, m[5] = E);
-	let D;
-	m[6] === E ? D = m[7] : (D = {
+function WorkbenchPage(m) {
+	let h = c(36), g;
+	h[0] === m ? g = h[1] : (g = m === void 0 ? {} : m, h[0] = m, h[1] = g);
+	let { getPreviewUrl: _, getEnvironmentPreviewUrl: v } = g, { router: y } = useStudio(), b = useParams(), x;
+	h[2] === b ? x = h[3] : (x = requireParam(b, "workflowId"), h[2] = b, h[3] = x);
+	let S = useWorkflow(x), C = S.data?.workspaceId, w = useWorkspace(C), T = useDefaultEnvironmentPreviewUrl(), E = v ?? T, D;
+	h[4] === y ? D = h[5] : (D = y.getWorkspaces(), h[4] = y, h[5] = D);
+	let O;
+	h[6] === D ? O = h[7] : (O = {
 		label: "Workspaces",
-		href: E
-	}, m[6] = E, m[7] = D);
-	let O = C.data?.title ?? "", k;
-	m[8] !== v || m[9] !== S ? (k = S ? v.getWorkspace(S) : void 0, m[8] = v, m[9] = S, m[10] = k) : k = m[10];
-	let A;
-	m[11] !== O || m[12] !== k ? (A = {
-		label: O,
-		href: k
-	}, m[11] = O, m[12] = k, m[13] = A) : A = m[13];
-	let j = `Run #${x.data?.run}${x.data?.title ? ` (${x.data.title})` : ""}`, M;
-	m[14] === j ? M = m[15] : (M = { label: j }, m[14] = j, m[15] = M);
-	let N;
-	m[16] !== D || m[17] !== A || m[18] !== M ? (N = [
-		D,
-		A,
-		M
-	], m[16] = D, m[17] = A, m[18] = M, m[19] = N) : N = m[19];
-	let P = N, F;
-	m[20] === x.error ? F = m[21] : (F = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), m[20] = x.error, m[21] = F);
-	let I;
-	m[22] !== P || m[23] !== x.data || m[24] !== x.error || m[25] !== x.isLoading || m[26] !== g || m[27] !== T ? (I = x.data ? /* @__PURE__ */ jsx(Workbench, {
-		workflow: x.data,
-		breadcrumbData: P,
-		getPreviewUrl: g,
-		getEnvironmentPreviewUrl: T
-	}) : !x.isLoading && !x.error ? /* @__PURE__ */ jsx("p", {
+		href: D
+	}, h[6] = D, h[7] = O);
+	let k = w.data?.title ?? "", A;
+	h[8] !== y || h[9] !== C ? (A = C ? y.getWorkspace(C) : void 0, h[8] = y, h[9] = C, h[10] = A) : A = h[10];
+	let j;
+	h[11] !== k || h[12] !== A ? (j = {
+		label: k,
+		href: A
+	}, h[11] = k, h[12] = A, h[13] = j) : j = h[13];
+	let M = `Run #${S.data?.run}${S.data?.title ? ` (${S.data.title})` : ""}`, N;
+	h[14] === M ? N = h[15] : (N = { label: M }, h[14] = M, h[15] = N);
+	let P;
+	h[16] !== O || h[17] !== j || h[18] !== N ? (P = [
+		O,
+		j,
+		N
+	], h[16] = O, h[17] = j, h[18] = N, h[19] = P) : P = h[19];
+	let F = P, I;
+	h[20] === S.error ? I = h[21] : (I = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), h[20] = S.error, h[21] = I);
+	let L = S.isLoading || w.isLoading, R;
+	h[22] !== F || h[23] !== S.data || h[24] !== S.error || h[25] !== S.isLoading || h[26] !== w.data || h[27] !== _ || h[28] !== E ? (R = S.data && w.data ? /* @__PURE__ */ jsx(FeatureRegistryProvider, {
+		appName: w.data.appName,
+		children: /* @__PURE__ */ jsx(Workbench, {
+			workflow: S.data,
+			breadcrumbData: F,
+			getPreviewUrl: _,
+			getEnvironmentPreviewUrl: E
+		})
+	}) : !S.isLoading && !S.error ? /* @__PURE__ */ jsx("p", {
 		className: "text-muted-foreground py-8 text-center text-sm",
 		children: "Workflow not found."
-	}) : null, m[22] = P, m[23] = x.data, m[24] = x.error, m[25] = x.isLoading, m[26] = g, m[27] = T, m[28] = I) : I = m[28];
-	let L;
-	m[29] !== x.isLoading || m[30] !== I ? (L = /* @__PURE__ */ jsx(LoadingCentered_default, {
-		loading: x.isLoading,
-		children: I
-	}), m[29] = x.isLoading, m[30] = I, m[31] = L) : L = m[31];
-	let R;
-	return m[32] !== F || m[33] !== L ? (R = /* @__PURE__ */ jsx("div", {
+	}) : null, h[22] = F, h[23] = S.data, h[24] = S.error, h[25] = S.isLoading, h[26] = w.data, h[27] = _, h[28] = E, h[29] = R) : R = h[29];
+	let z;
+	h[30] !== L || h[31] !== R ? (z = /* @__PURE__ */ jsx(LoadingCentered_default, {
+		loading: L,
+		children: R
+	}), h[30] = L, h[31] = R, h[32] = z) : z = h[32];
+	let B;
+	return h[33] !== I || h[34] !== z ? (B = /* @__PURE__ */ jsx("div", {
 		className: "flex h-svh flex-col",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 overflow-hidden",
-			children: [F, L]
+			children: [I, z]
 		})
-	}), m[32] = F, m[33] = L, m[34] = R) : R = m[34], R;
+	}), h[33] = I, h[34] = z, h[35] = B) : B = h[35], B;
 }
 export { WorkbenchPage as default };

package/dist/pages/WorkspacePage.js

@@ -3,16 +3,18 @@ import { useAppsConfig } from "../hooks/useConfig.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
+import { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";
+import "../features/feature-registry/index.js";
 import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
 import { WorkbenchSidebarShell } from "../features/workbench/components/WorkbenchSidebarShell.js";
 import "../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 { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 import { Loader2 } from "lucide-react";
 var WorkspacePage_default = () => {
-	let h = c(30), { router: g } = useStudio(), { workspaceId: _ } = useParams(), v = useWorkspace(_), y = useAppsConfig(), b = useDefaultEnvironmentPreviewUrl(), x = v.data, S;
+	let h = c(35), { router: g } = useStudio(), { workspaceId: _ } = useParams(), v = useWorkspace(_), y = useAppsConfig(), b = useDefaultEnvironmentPreviewUrl(), x = v.data, S;
 	h[0] === g ? S = h[1] : (S = g.getWorkspaces(), h[0] = g, h[1] = S);
 	let C;
 	h[2] === S ? C = h[3] : (C = {
@@ -26,37 +28,49 @@ var WorkspacePage_default = () => {
 	}, h[4] = w, h[5] = T);
 	let E;
 	h[6] !== C || h[7] !== T ? (E = [C, T], h[6] = C, h[7] = T, h[8] = E) : E = h[8];
-	let D = E, O = v.isLoading || y.isLoading, k;
-	h[9] === O ? k = h[10] : (k = O ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", h[9] = O, h[10] = k);
+	let D = E, O = v.isLoading || y.isLoading;
+	if (!x) {
+		let t;
+		h[9] === O ? t = h[10] : (t = O ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : null, h[9] = O, h[10] = t);
+		let f;
+		h[11] === v.error ? f = h[12] : (f = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: v.error }), h[11] = v.error, h[12] = f);
+		let p;
+		h[13] === y.error ? p = h[14] : (p = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: y.error }), h[13] = y.error, h[14] = p);
+		let m;
+		return h[15] !== D || h[16] !== t || h[17] !== f || h[18] !== p ? (m = /* @__PURE__ */ jsxs(MainLayout_default, {
+			breadcrumbsData: D,
+			children: [
+				t,
+				f,
+				p
+			]
+		}), h[15] = D, h[16] = t, h[17] = f, h[18] = p, h[19] = m) : m = h[19], m;
+	}
+	let k;
+	h[20] === y.error ? k = h[21] : (k = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: y.error }), h[20] = y.error, h[21] = k);
 	let A;
-	h[11] === v.error ? A = h[12] : (A = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: v.error }), h[11] = v.error, h[12] = A);
-	let j;
-	h[13] === y.error ? j = h[14] : (j = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: y.error }), h[13] = y.error, h[14] = j);
-	let M;
-	h[15] !== O || h[16] !== x ? (M = x && !O ? /* @__PURE__ */ jsx("div", {
+	h[22] === x ? A = h[23] : (A = /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground",
 			children: "No home page configured for this workspace."
 		})
-	}) : null, h[15] = O, h[16] = x, h[17] = M) : M = h[17];
-	let N;
-	h[18] !== k || h[19] !== A || h[20] !== j || h[21] !== M ? (N = /* @__PURE__ */ jsxs(Fragment, { children: [
-		k,
-		A,
-		j,
-		M
-	] }), h[18] = k, h[19] = A, h[20] = j, h[21] = M, h[22] = N) : N = h[22];
-	let P;
-	h[23] !== D || h[24] !== N ? (P = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(MainLayout_default, {
+	}), h[22] = x, h[23] = A);
+	let j;
+	h[24] !== D || h[25] !== k || h[26] !== A ? (j = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsxs(MainLayout_default, {
 		breadcrumbsData: D,
-		children: N
-	}) }), h[23] = D, h[24] = N, h[25] = P) : P = h[25];
-	let F;
-	return h[26] !== b || h[27] !== P || h[28] !== _ ? (F = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		children: [k, A]
+	}) }), h[24] = D, h[25] = k, h[26] = A, h[27] = j) : j = h[27];
+	let M;
+	h[28] !== b || h[29] !== j || h[30] !== _ ? (M = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
 		workspaceId: _,
 		getEnvironmentPreviewUrl: b,
-		children: P
-	}), h[26] = b, h[27] = P, h[28] = _, h[29] = F) : F = h[29], F;
+		children: j
+	}), h[28] = b, h[29] = j, h[30] = _, h[31] = M) : M = h[31];
+	let N;
+	return h[32] !== M || h[33] !== x.appName ? (N = /* @__PURE__ */ jsx(FeatureRegistryProvider, {
+		appName: x.appName,
+		children: M
+	}), h[32] = M, h[33] = x.appName, h[34] = N) : N = h[34], N;
 };
 export { WorkspacePage_default as default };

package/dist/pages/WorkspaceRunsPage.js

@@ -2,16 +2,18 @@ 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 { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";
+import "../features/feature-registry/index.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 { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 import { Loader2 } from "lucide-react";
 var WorkspaceRunsPage_default = () => {
-	let h = c(34), { router: g } = useStudio(), { workspaceId: _ } = useParams(), v = useWorkspace(_), y = useDefaultEnvironmentPreviewUrl(), b = v.data, x;
+	let h = c(37), { 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 = {
@@ -36,34 +38,40 @@ var WorkspaceRunsPage_default = () => {
 		T,
 		E
 	], h[11] = S, h[12] = T, h[13] = D) : D = h[13];
-	let O = D, k = b?.title ?? "", A;
-	h[14] === k ? A = h[15] : (A = /* @__PURE__ */ jsxs("h1", {
+	let O = D;
+	if (!b) {
+		let n;
+		h[14] === v.isLoading ? n = h[15] : (n = v.isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : null, h[14] = v.isLoading, h[15] = n);
+		let p;
+		h[16] === v.error ? p = h[17] : (p = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: v.error }), h[16] = v.error, h[17] = p);
+		let m;
+		return h[18] !== O || h[19] !== n || h[20] !== p ? (m = /* @__PURE__ */ jsxs(MainLayout_default, {
+			breadcrumbsData: O,
+			children: [n, p]
+		}), h[18] = O, h[19] = n, h[20] = p, h[21] = m) : m = h[21], m;
+	}
+	let k;
+	h[22] === b.title ? k = h[23] : (k = /* @__PURE__ */ jsxs("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
-		children: [k, " — Runs"]
-	}), h[14] = k, h[15] = A);
+		children: [b.title, " — Runs"]
+	}), h[22] = b.title, h[23] = k);
+	let A;
+	h[24] === b ? A = h[25] : (A = /* @__PURE__ */ jsx(ExecutionTimeline_default, { workspace: b }), h[24] = b, h[25] = A);
 	let j;
-	h[16] === v.isLoading ? j = h[17] : (j = v.isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) : "", h[16] = v.isLoading, h[17] = j);
-	let M;
-	h[18] === v.error ? M = h[19] : (M = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: v.error }), h[18] = v.error, h[19] = M);
-	let N;
-	h[20] === b ? N = h[21] : (N = b ? /* @__PURE__ */ jsx(ExecutionTimeline_default, { workspace: b }) : "", h[20] = b, h[21] = N);
-	let P;
-	h[22] !== M || h[23] !== N || h[24] !== A || h[25] !== j ? (P = /* @__PURE__ */ jsxs(Fragment, { children: [
-		A,
-		j,
-		M,
-		N
-	] }), h[22] = M, h[23] = N, h[24] = A, h[25] = j, h[26] = P) : P = h[26];
-	let F;
-	h[27] !== O || h[28] !== P ? (F = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(MainLayout_default, {
+	h[26] !== O || h[27] !== k || h[28] !== A ? (j = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsxs(MainLayout_default, {
 		breadcrumbsData: O,
-		children: P
-	}) }), h[27] = O, h[28] = P, h[29] = F) : F = h[29];
-	let I;
-	return h[30] !== y || h[31] !== F || h[32] !== _ ? (I = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		children: [k, A]
+	}) }), h[26] = O, h[27] = k, h[28] = A, h[29] = j) : j = h[29];
+	let M;
+	h[30] !== y || h[31] !== j || h[32] !== _ ? (M = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
 		workspaceId: _,
 		getEnvironmentPreviewUrl: y,
-		children: F
-	}), h[30] = y, h[31] = F, h[32] = _, h[33] = I) : I = h[33], I;
+		children: j
+	}), h[30] = y, h[31] = j, h[32] = _, h[33] = M) : M = h[33];
+	let N;
+	return h[34] !== M || h[35] !== b.appName ? (N = /* @__PURE__ */ jsx(FeatureRegistryProvider, {
+		appName: b.appName,
+		children: M
+	}), h[34] = M, h[35] = b.appName, h[36] = N) : N = h[36], N;
 };
 export { WorkspaceRunsPage_default as default };

package/dist/providers/InvalidationEventsProvider.js

@@ -1,5 +1,5 @@
 import { __toESM } from "../_virtual/rolldown_runtime.js";
-import { getChildWorkflowsCacheKey, getDocumentsCacheKey, getWorkflowCacheKey, getWorkflowStatusCacheKey } from "../hooks/query-keys.js";
+import { getChildWorkflowsCacheKey, getDocumentsCacheKey, getSecretsCacheKey, getWorkflowCacheKey, getWorkflowStatusCacheKey } from "../hooks/query-keys.js";
 import { SseClientEvents } from "../events/sse-client-events.js";
 import { eventBus } from "../services/eventEmitter.js";
 import "../services/index.js";
@@ -9,31 +9,33 @@ import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { QueryClient, useQueryClient } from "@tanstack/react-query";
 var import_debounce = /* @__PURE__ */ __toESM(require_debounce(), 1), DEBOUNCE_MS = 300;
-function createDebouncedInvalidator(e, s) {
+function createDebouncedInvalidator(e, l) {
 	return (0, import_debounce.default)(() => {
-		e.invalidateQueries({ queryKey: s });
+		e.invalidateQueries({ queryKey: l });
 	}, DEBOUNCE_MS);
 }
 function InvalidationEventsProvider() {
-	let e = c(5), { environment: d } = useStudio(), h = useQueryClient(), _;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ new Map(), e[0] = _) : _ = e[0];
-	let v = useRef(_), y, b;
-	return e[1] !== d.id || e[2] !== h ? (y = () => {
-		if (!d.id) return;
-		let e = d.id, u = v.current, f = function(e) {
-			let s = JSON.stringify(e);
-			u.has(s) || u.set(s, createDebouncedInvalidator(h, e)), u.get(s)();
-		}, p = eventBus.on(SseClientEvents.WORKFLOW_CREATED, (l) => {
-			l.parentId && f(getChildWorkflowsCacheKey(e, l.parentId));
-		}), m = eventBus.on(SseClientEvents.WORKFLOW_UPDATED, (l) => {
-			l.id && (f(getWorkflowCacheKey(e, l.id)), f(getWorkflowStatusCacheKey(e, l.id))), l.parentId && f(getChildWorkflowsCacheKey(e, l.parentId));
-		}), g = eventBus.on(SseClientEvents.DOCUMENT_CREATED, (s) => {
-			s.workflowId && f(getDocumentsCacheKey(e, s.workflowId));
-		});
+	let e = c(5), { environment: f } = useStudio(), g = useQueryClient(), v;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ new Map(), e[0] = v) : v = e[0];
+	let y = useRef(v), b, x;
+	return e[1] !== f.id || e[2] !== g ? (b = () => {
+		if (!f.id) return;
+		let e = f.id, d = y.current, p = function(e) {
+			let l = JSON.stringify(e);
+			d.has(l) || d.set(l, createDebouncedInvalidator(g, e)), d.get(l)();
+		}, m = eventBus.on(SseClientEvents.WORKFLOW_CREATED, (u) => {
+			u.parentId && p(getChildWorkflowsCacheKey(e, u.parentId));
+		}), h = eventBus.on(SseClientEvents.WORKFLOW_UPDATED, (u) => {
+			u.id && (p(getWorkflowCacheKey(e, u.id)), p(getWorkflowStatusCacheKey(e, u.id))), u.parentId && p(getChildWorkflowsCacheKey(e, u.parentId));
+		}), _ = eventBus.on(SseClientEvents.DOCUMENT_CREATED, (l) => {
+			l.workflowId && p(getDocumentsCacheKey(e, l.workflowId));
+		}), v = (l) => {
+			l.workspaceId && p(getSecretsCacheKey(e, l.workspaceId));
+		}, b = eventBus.on(SseClientEvents.SECRET_UPSERTED, v), x = eventBus.on(SseClientEvents.SECRET_DELETED, v);
 		return () => {
-			p(), m(), g(), u.forEach(_temp), u.clear();
+			m(), h(), _(), b(), x(), d.forEach(_temp), d.clear();
 		};
-	}, b = [h, d.id], e[1] = d.id, e[2] = h, e[3] = y, e[4] = b) : (y = e[3], b = e[4]), useEffect(y, b), null;
+	}, x = [g, f.id], e[1] = f.id, e[2] = g, e[3] = b, e[4] = x) : (b = e[3], x = e[4]), useEffect(b, x), null;
 }
 function _temp(e) {
 	return e.cancel();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fontsource/roboto": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
-    "@loopstack/contracts": "^0.35.0",
+    "@loopstack/contracts": "^0.36.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",