@loopstack/loopstack-studio 0.22.0 → 0.23.1

package/dist/hooks/useWorkflows.js

@@ -1,106 +1,84 @@
+import { getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey } from "./query-keys.js";
 import { useApiClient } from "./useApi.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-function getWorkflowsCacheKey(e, t) {
-	return [
-		"workflows",
-		e,
-		t
-	];
-}
-function getWorkflowCacheKey(e, t) {
-	return [
-		"workflow",
-		e,
-		t
-	];
-}
-function getWorkflowsByPipelineCacheKey(e, t) {
-	return [
-		"workflows-by-pipeline",
-		e,
-		t
-	];
-}
-function useWorkflow(n) {
-	let i = c(10), { envKey: a, api: s } = useApiClient(), l;
-	i[0] !== a || i[1] !== n ? (l = getWorkflowCacheKey(a, n), i[0] = a, i[1] = n, i[2] = l) : l = i[2];
+function useWorkflow(t) {
+	let n = c(10), { envKey: a, api: s } = useApiClient(), l;
+	n[0] !== a || n[1] !== t ? (l = getWorkflowCacheKey(a, t), n[0] = a, n[1] = t, n[2] = l) : l = n[2];
 	let u;
-	i[3] !== s || i[4] !== n ? (u = () => s.workflows.getById({ id: n }), i[3] = s, i[4] = n, i[5] = u) : u = i[5];
-	let d = !!n, f;
-	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
+	n[3] !== s || n[4] !== t ? (u = () => s.workflows.getById({ id: t }), n[3] = s, n[4] = t, n[5] = u) : u = n[5];
+	let d = !!t, f;
+	return n[6] !== l || n[7] !== u || n[8] !== d ? (f = {
 		queryKey: l,
 		queryFn: u,
 		enabled: d
-	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+	}, n[6] = l, n[7] = u, n[8] = d, n[9] = f) : f = n[9], useQuery(f);
 }
-function useFetchWorkflowsByPipeline(n) {
-	let i = c(14), { envKey: a, api: o } = useApiClient(), l;
-	i[0] === n ? l = i[1] : (l = JSON.stringify({ pipelineId: n }), i[0] = n, i[1] = l);
+function useFetchWorkflowsByPipeline(e) {
+	let n = c(14), { envKey: a, api: s } = useApiClient(), l;
+	n[0] === e ? l = n[1] : (l = JSON.stringify({ pipelineId: e }), n[0] = e, n[1] = l);
 	let u;
-	i[2] === Symbol.for("react.memo_cache_sentinel") ? (u = JSON.stringify([{
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (u = JSON.stringify([{
 		field: "index",
 		order: "ASC"
-	}]), i[2] = u) : u = i[2];
+	}]), n[2] = u) : u = n[2];
 	let f;
-	i[3] === l ? f = i[4] : (f = {
+	n[3] === l ? f = n[4] : (f = {
 		filter: l,
 		sortBy: u
-	}, i[3] = l, i[4] = f);
+	}, n[3] = l, n[4] = f);
 	let p = f, m;
-	i[5] !== a || i[6] !== n ? (m = getWorkflowsByPipelineCacheKey(a, n), i[5] = a, i[6] = n, i[7] = m) : m = i[7];
+	n[5] !== a || n[6] !== e ? (m = getWorkflowsByPipelineCacheKey(a, e), n[5] = a, n[6] = e, n[7] = m) : m = n[7];
 	let h;
-	i[8] !== o || i[9] !== p ? (h = () => o.workflows.getAll(p), i[8] = o, i[9] = p, i[10] = h) : h = i[10];
+	n[8] !== s || n[9] !== p ? (h = () => s.workflows.getAll(p), n[8] = s, n[9] = p, n[10] = h) : h = n[10];
 	let g;
-	return i[11] !== m || i[12] !== h ? (g = {
+	return n[11] !== m || n[12] !== h ? (g = {
 		queryKey: m,
 		queryFn: h,
-		select: _temp,
-		enabled: !0
-	}, i[11] = m, i[12] = h, i[13] = g) : g = i[13], useQuery(g);
+		select: _temp
+	}, n[11] = m, n[12] = h, n[13] = g) : g = n[13], useQuery(g);
 }
 function _temp(e) {
 	return e.data;
 }
-function useFetchWorkflowsByNamespace(n) {
-	let i = c(14), { envKey: o, api: s } = useApiClient(), l;
-	i[0] === n ? l = i[1] : (l = JSON.stringify({ namespaceId: n }), i[0] = n, i[1] = l);
+function useFetchWorkflowsByNamespace(e) {
+	let t = c(14), { envKey: a, api: s } = useApiClient(), l;
+	t[0] === e ? l = t[1] : (l = JSON.stringify({ namespaceId: e }), t[0] = e, t[1] = l);
 	let u;
-	i[2] === Symbol.for("react.memo_cache_sentinel") ? (u = JSON.stringify([{
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = JSON.stringify([{
 		field: "index",
 		order: "ASC"
-	}]), i[2] = u) : u = i[2];
+	}]), t[2] = u) : u = t[2];
 	let d;
-	i[3] === l ? d = i[4] : (d = {
+	t[3] === l ? d = t[4] : (d = {
 		filter: l,
 		sortBy: u
-	}, i[3] = l, i[4] = d);
+	}, t[3] = l, t[4] = d);
 	let f = d, m;
-	i[5] !== o || i[6] !== n ? (m = getWorkflowsCacheKey(o, n), i[5] = o, i[6] = n, i[7] = m) : m = i[7];
+	t[5] !== a || t[6] !== e ? (m = getWorkflowsCacheKey(a, e), t[5] = a, t[6] = e, t[7] = m) : m = t[7];
 	let h;
-	i[8] !== s || i[9] !== f ? (h = () => s.workflows.getAll(f), i[8] = s, i[9] = f, i[10] = h) : h = i[10];
+	t[8] !== s || t[9] !== f ? (h = () => s.workflows.getAll(f), t[8] = s, t[9] = f, t[10] = h) : h = t[10];
 	let g;
-	return i[11] !== m || i[12] !== h ? (g = {
+	return t[11] !== m || t[12] !== h ? (g = {
 		queryKey: m,
 		queryFn: h,
-		select: _temp2,
-		enabled: !0
-	}, i[11] = m, i[12] = h, i[13] = g) : g = i[13], useQuery(g);
+		select: _temp2
+	}, t[11] = m, t[12] = h, t[13] = g) : g = t[13], useQuery(g);
 }
 function _temp2(e) {
 	return e.data;
 }
 function useDeleteWorkflow() {
-	let r = c(8), { envKey: l, api: u } = useApiClient(), d = useQueryClient(), f;
-	r[0] === u ? f = r[1] : (f = (e) => u.workflows.delete({ id: e.id }), r[0] = u, r[1] = f);
+	let o = c(8), { envKey: l, api: u } = useApiClient(), d = useQueryClient(), f;
+	o[0] === u ? f = o[1] : (f = (e) => u.workflows.delete({ id: e.id }), o[0] = u, o[1] = f);
 	let p;
-	r[2] !== l || r[3] !== d ? (p = (e, t) => {
-		d.removeQueries({ queryKey: getWorkflowCacheKey(l, t.id) }), d.invalidateQueries({ queryKey: getWorkflowsCacheKey(l, t.namespaceId) }), d.invalidateQueries({ queryKey: getWorkflowsByPipelineCacheKey(l, t.pipelineId) });
-	}, r[2] = l, r[3] = d, r[4] = p) : p = r[4];
+	o[2] !== l || o[3] !== d ? (p = (r, i) => {
+		d.removeQueries({ queryKey: getWorkflowCacheKey(l, i.id) }), d.invalidateQueries({ queryKey: getWorkflowsCacheKey(l, i.namespaceId) }), d.invalidateQueries({ queryKey: getWorkflowsByPipelineCacheKey(l, i.pipelineId) });
+	}, o[2] = l, o[3] = d, o[4] = p) : p = o[4];
 	let m;
-	return r[5] !== f || r[6] !== p ? (m = {
+	return o[5] !== f || o[6] !== p ? (m = {
 		mutationFn: f,
 		onSuccess: p
-	}, r[5] = f, r[6] = p, r[7] = m) : m = r[7], useMutation(m);
+	}, o[5] = f, o[6] = p, o[7] = m) : m = o[7], useMutation(m);
 }
-export { getWorkflowCacheKey, getWorkflowsByPipelineCacheKey, getWorkflowsCacheKey, useDeleteWorkflow, useFetchWorkflowsByNamespace, useFetchWorkflowsByPipeline, useWorkflow };
+export { useDeleteWorkflow, useFetchWorkflowsByNamespace, useFetchWorkflowsByPipeline, useWorkflow };

package/dist/hooks/useWorkspaces.js

@@ -1,135 +1,130 @@
+import { getWorkspaceCacheKey, getWorkspacesCacheKey } from "./query-keys.js";
 import { useApiClient } from "./useApi.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-function useWorkspace(n) {
-	let i = c(10), { envKey: a, api: o } = useApiClient(), s;
-	i[0] !== a || i[1] !== n ? (s = [
-		"workspace",
-		n,
-		a
-	], i[0] = a, i[1] = n, i[2] = s) : s = i[2];
-	let l;
-	i[3] !== o || i[4] !== n ? (l = () => o.workspaces.getById({ id: n }), i[3] = o, i[4] = n, i[5] = l) : l = i[5];
-	let u = !!n, d;
-	return i[6] !== s || i[7] !== l || i[8] !== u ? (d = {
-		queryKey: s,
-		queryFn: l,
-		enabled: u
-	}, i[6] = s, i[7] = l, i[8] = u, i[9] = d) : d = i[9], useQuery(d);
+function useWorkspace(t) {
+	let i = c(10), { envKey: o, api: s } = useApiClient(), l;
+	i[0] !== o || i[1] !== t ? (l = getWorkspaceCacheKey(o, t), i[0] = o, i[1] = t, i[2] = l) : l = i[2];
+	let u;
+	i[3] !== s || i[4] !== t ? (u = () => s.workspaces.getById({ id: t }), i[3] = s, i[4] = t, i[5] = u) : u = i[5];
+	let d = !!t, f;
+	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
+		queryKey: l,
+		queryFn: u,
+		enabled: d
+	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
-function useFilterWorkspaces(n, i, a, o, s, l) {
-	let u = c(23), d = a === void 0 ? "id" : a, f = o === void 0 ? "DESC" : o, p = s === void 0 ? 0 : s, m = l === void 0 ? 10 : l, { envKey: h, api: g } = useApiClient(), _ = Object.keys(i).length > 0, v;
-	u[0] !== i || u[1] !== _ ? (v = _ && { filter: JSON.stringify(i) }, u[0] = i, u[1] = _, u[2] = v) : v = u[2];
-	let y;
-	u[3] !== f || u[4] !== d ? (y = JSON.stringify([{
-		field: d,
-		order: f
-	}]), u[3] = f, u[4] = d, u[5] = y) : y = u[5];
-	let b;
-	u[6] === n ? b = u[7] : (b = n && {
-		search: n,
+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([{
+		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 && {
+		search: e,
 		searchColumns: JSON.stringify(["title"])
-	}, u[6] = n, u[7] = b);
-	let x;
-	u[8] !== m || u[9] !== p || u[10] !== v || u[11] !== y || u[12] !== b ? (x = {
-		...v,
-		sortBy: y,
-		page: p,
-		limit: m,
-		...b
-	}, u[8] = m, u[9] = p, u[10] = v, u[11] = y, u[12] = b, u[13] = x) : x = u[13];
-	let S = x, C;
-	u[14] !== h || u[15] !== S ? (C = [
-		"workspaces",
-		h,
-		S
-	], u[14] = h, u[15] = S, u[16] = C) : C = u[16];
+	}, d[8] = e, d[9] = C);
 	let w;
-	u[17] !== g || u[18] !== S ? (w = () => g.workspaces.getAll(S), u[17] = g, u[18] = S, u[19] = w) : w = u[19];
-	let T;
-	return u[20] !== C || u[21] !== w ? (T = {
-		queryKey: C,
-		queryFn: w,
-		enabled: !0
-	}, u[20] = C, u[21] = w, u[22] = T) : T = u[22], useQuery(T);
+	d[10] !== h || d[11] !== m || d[12] !== x || d[13] !== S || d[14] !== C ? (w = {
+		...x,
+		sortBy: S,
+		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 = [
+		...getWorkspacesCacheKey(g),
+		"list",
+		e ?? "",
+		b ?? "",
+		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];
+	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);
 }
 function useCreateWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.create(e), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = () => {
-		s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	let e = c(8), { envKey: a, api: s } = useApiClient(), l = useQueryClient(), u;
+	e[0] === s ? u = e[1] : (u = (e) => s.workspaces.create(e), e[0] = s, e[1] = u);
 	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	e[2] !== a || e[3] !== l ? (d = () => {
+		l.invalidateQueries({ queryKey: getWorkspacesCacheKey(a) });
+	}, e[2] = a, e[3] = l, e[4] = d) : d = e[4];
+	let f;
+	return e[5] !== u || e[6] !== d ? (f = {
+		mutationFn: u,
+		onSuccess: d
+	}, e[5] = u, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
 }
 function useUpdateWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.update(e), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = (e, t) => {
-		s.invalidateQueries({ queryKey: [
-			"workspace",
-			t.id,
-			a
-		] }), s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
-	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	let a = c(8), { envKey: s, api: l } = useApiClient(), u = useQueryClient(), d;
+	a[0] === l ? d = a[1] : (d = (e) => l.workspaces.update(e), a[0] = l, a[1] = d);
+	let f;
+	a[2] !== s || a[3] !== u ? (f = (n, r) => {
+		u.invalidateQueries({ queryKey: getWorkspaceCacheKey(s, r.id) }), u.invalidateQueries({ queryKey: getWorkspacesCacheKey(s) });
+	}, a[2] = s, a[3] = u, a[4] = f) : f = a[4];
+	let p;
+	return a[5] !== d || a[6] !== f ? (p = {
+		mutationFn: d,
+		onSuccess: f
+	}, a[5] = d, a[6] = f, a[7] = p) : p = a[7], useMutation(p);
 }
 function useDeleteWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.delete({ id: e }), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = (e, t) => {
-		s.removeQueries({ queryKey: [
-			"workspace",
-			t,
-			a
-		] }), s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
-	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	let a = c(8), { envKey: s, api: l } = useApiClient(), u = useQueryClient(), d;
+	a[0] === l ? d = a[1] : (d = (e) => l.workspaces.delete({ id: e }), a[0] = l, a[1] = d);
+	let f;
+	a[2] !== s || a[3] !== u ? (f = (n, r) => {
+		u.removeQueries({ queryKey: getWorkspaceCacheKey(s, r) }), u.invalidateQueries({ queryKey: getWorkspacesCacheKey(s) });
+	}, a[2] = s, a[3] = u, a[4] = f) : f = a[4];
+	let p;
+	return a[5] !== d || a[6] !== f ? (p = {
+		mutationFn: d,
+		onSuccess: f
+	}, a[5] = d, a[6] = f, a[7] = p) : p = a[7], useMutation(p);
 }
 function useSetFavouriteWorkspace() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => {
+	let e = c(8), { envKey: a, api: s } = useApiClient(), l = useQueryClient(), u;
+	e[0] === s ? u = e[1] : (u = (e) => {
 		let { id: t, isFavourite: n } = e;
-		return o.workspaces.setFavourite({
+		return s.workspaces.setFavourite({
 			id: t,
 			workspaceFavouriteDto: { isFavourite: n }
 		});
-	}, r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = () => {
-		s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	}, e[0] = s, e[1] = u);
 	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	e[2] !== a || e[3] !== l ? (d = () => {
+		l.invalidateQueries({ queryKey: getWorkspacesCacheKey(a) });
+	}, e[2] = a, e[3] = l, e[4] = d) : d = e[4];
+	let f;
+	return e[5] !== u || e[6] !== d ? (f = {
+		mutationFn: u,
+		onSuccess: d
+	}, e[5] = u, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
 }
 function useBatchDeleteWorkspaces() {
-	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
-	r[0] === o ? l = r[1] : (l = (e) => o.workspaces.batchDelete({ ids: e }), r[0] = o, r[1] = l);
-	let u;
-	r[2] !== a || r[3] !== s ? (u = () => {
-		s.invalidateQueries({ queryKey: ["workspaces", a] });
-	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	let e = c(8), { envKey: a, api: s } = useApiClient(), l = useQueryClient(), u;
+	e[0] === s ? u = e[1] : (u = (e) => s.workspaces.batchDelete({ ids: e }), e[0] = s, e[1] = u);
 	let d;
-	return r[5] !== l || r[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+	e[2] !== a || e[3] !== l ? (d = () => {
+		l.invalidateQueries({ queryKey: getWorkspacesCacheKey(a) });
+	}, e[2] = a, e[3] = l, e[4] = d) : d = e[4];
+	let f;
+	return e[5] !== u || e[6] !== d ? (f = {
+		mutationFn: u,
+		onSuccess: d
+	}, e[5] = u, e[6] = d, e[7] = f) : f = e[7], useMutation(f);
 }
 export { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { AxiosInstance } from 'axios';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Component } from 'react';
 import { ComponentType } from 'react';
 import { Context } from 'react';
 import { DashboardStatsInterface } from '@loopstack/contracts/api';
@@ -15,6 +16,7 @@ import { DocumentItemInterface } from '@loopstack/contracts/api';
 import { Drawer as Drawer_2 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { EnvironmentConfigInterface } from '@loopstack/contracts/api';
+import { ErrorInfo } from 'react';
 import { ExternalToast } from 'sonner';
 import { FileContentInterface } from '@loopstack/contracts/api';
 import { FileExplorerNodeInterface } from '@loopstack/contracts/api';
@@ -124,6 +126,10 @@ declare interface BaseSnackbarProps {
     onDismiss?: () => void;
 }
 
+declare interface BasicErrorComponentProps {
+    error?: string | null;
+}
+
 export declare interface BatchAction {
     id: string;
     label: string;
@@ -216,6 +222,8 @@ declare interface CompletionMessagePaperProps {
 export declare interface ComponentOverrides {
     CreateWorkspace?: ComponentType<CreateWorkspaceProps>;
     EditWorkspace?: ComponentType<EditWorkspaceProps>;
+    SidebarHeader?: ComponentType;
+    SidebarFooter?: ComponentType;
 }
 
 export declare const ComponentOverridesProvider: ({ children, overrides, }: {
@@ -376,6 +384,8 @@ export declare function createApiClient(environment: Environment): {
     auth: ApiClient['auth'];
 };
 
+export declare const CreateWorkspace: ({ types, workspace, onSuccess }: CreateWorkspaceProps) => JSX.Element;
+
 export declare interface CreateWorkspaceProps {
     types: WorkspaceConfigInterface[];
     workspace?: WorkspaceItemInterface;
@@ -631,6 +641,27 @@ declare interface EnvironmentSlotSelectorProps {
     error?: string;
 }
 
+export declare const ErrorAlert: default_2.FC<BasicErrorComponentProps>;
+
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    handleRetry: () => void;
+    render(): ReactNode;
+}
+
+declare interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onRetry?: () => void;
+}
+
+declare interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+
 export declare const ErrorSnackbar: default_2.FC<ErrorSnackbarProps>;
 
 declare interface ErrorSnackbarProps {
@@ -650,6 +681,62 @@ export declare type FilterOption = string | {
     value: string;
 };
 
+export declare function getAllWorkflowsCacheKey(envKey: string): string[];
+
+export declare function getAvailableEnvironmentsCacheKey(envKey: string): string[];
+
+export declare function getDashboardStatsCacheKey(envKey: string): string[];
+
+export declare function getDocumentCacheKey(envKey: string, documentId: string): string[];
+
+export declare function getDocumentsCacheKey(envKey: string, workflowId: string): string[];
+
+export declare function getFileContentCacheKey(envKey: string, pipelineId: string, filePath: string): string[];
+
+export declare function getFileTreeCacheKey(envKey: string, pipelineId: string): string[];
+
+export declare function getHealthCacheKey(envKey: string): string[];
+
+/**
+ * Centralized cache key builders for React Query.
+ *
+ * Conventions:
+ * - All keys start with a domain prefix, followed by envKey for environment scoping.
+ * - Singular keys (e.g. 'pipeline') are for single-entity queries.
+ * - Plural keys (e.g. 'pipelines') are for list/filter queries.
+ * - Mutations should invalidate the plural key to catch all list variations.
+ * - Use `select` (not `.then()` in queryFn) for response transformations.
+ */
+export declare function getMeCacheKey(envKey: string): string[];
+
+export declare function getNamespaceCacheKey(envKey: string, namespaceId: string): string[];
+
+export declare function getNamespacesByPipelineCacheKey(envKey: string, pipelineId: string): string[];
+
+export declare function getPipelineCacheKey(envKey: string, id: string): string[];
+
+export declare function getPipelineConfigCacheKey(envKey: string, workspaceBlockName: string, pipelineBlockName: string): string[];
+
+export declare function getPipelinesCacheKey(envKey: string): string[];
+
+export declare function getPipelinesChildrenCacheKey(envKey: string, parentId: string): string[];
+
+export declare function getPipelineSourceCacheKey(envKey: string, workspaceBlockName: string, pipelineBlockName: string): string[];
+
+export declare function getPipelineTypesCacheKey(envKey: string, workspaceBlockName: string): string[];
+
+export declare function getWorkflowCacheKey(envKey: string, workflowId: string): string[];
+
+export declare function getWorkflowsByPipelineCacheKey(envKey: string, pipelineId: string): string[];
+
+export declare function getWorkflowsCacheKey(envKey: string, namespaceId: string): string[];
+
+export declare function getWorkspaceCacheKey(envKey: string, id: string): string[];
+
+export declare function getWorkspacesCacheKey(envKey: string): string[];
+
+export declare function getWorkspaceTypesCacheKey(envKey: string): string[];
+
 export declare const GoogleLogo: default_2.FC<GoogleLogoProps>;
 
 declare interface GoogleLogoProps {
@@ -741,8 +828,10 @@ export declare const LocalHealthCheck: () => JSX.Element | null;
 export declare class LocalRouter implements StudioRouter {
     private navigate;
     private envId;
-    constructor(navigate: ReturnType<typeof useNavigate>, envId: string);
+    private embedPrefix;
+    constructor(navigate: ReturnType<typeof useNavigate>, envId: string, embedPrefix?: string);
     navigateToHome(): Promise<void>;
+    getEnvironmentInfo(): string;
     navigateToEnvironmentInfo(): Promise<void>;
     getRuns(): string;
     getRunsActionRequired(): string;
@@ -761,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;
@@ -1025,6 +1116,7 @@ export declare const StudioProvider: ({ children, router, environment, }: {
 
 export declare interface StudioRouter {
     navigateToHome(): Promise<void>;
+    getEnvironmentInfo(): string;
     navigateToEnvironmentInfo(): Promise<void>;
     getRuns(): string;
     getRunsActionRequired(): string;
@@ -1043,12 +1135,16 @@ 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;
     getTheme(): 'local' | 'cloud';
 }
 
+export declare const StudioSidebar: () => JSX.Element;
+
 export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
 
 export declare function Table({ className, ...props }: React_2.ComponentProps<'table'>): JSX.Element;
@@ -1116,11 +1212,13 @@ export declare function useIsMobile(): boolean;
 
 export declare function usePipeline(id: string | undefined): UseQueryResult<PipelineInterface, Error>;
 
-export declare function usePipelineConfig(workspaceBlockName: string | undefined, pipelineBlockName: string | undefined): UseQueryResult<PipelineConfigInterface, Error>;
+export declare function usePipelineConfig(workspaceBlockName: string | undefined): UseQueryResult<PipelineConfigInterface[], Error>;
+
+export declare function usePipelineConfigByName(workspaceBlockName: string | undefined, pipelineBlockName: string | undefined): UseQueryResult<PipelineConfigInterface, Error>;
 
 export declare function usePipelineSource(workspaceBlockName: string | undefined, pipelineBlockName: string | undefined): UseQueryResult<PipelineSourceInterface, Error>;
 
-export declare const useRouter: (envId: string) => StudioRouter;
+export declare const useRouter: (envId: string, embedPrefix?: string) => StudioRouter;
 
 export declare function useSetFavouriteWorkspace(): UseMutationResult<void, Error, {
 id: string;
@@ -1131,6 +1229,8 @@ export declare function useSidebar(): SidebarContextProps;
 
 export declare const useStudio: () => StudioContext;
 
+export declare const useStudioOptional: () => StudioContext | null;
+
 export declare function useUpdatePipeline(): UseMutationResult<PipelineInterface, Error, {
 id: string;
 pipelineUpdateDto: PipelineUpdateInterface;
@@ -1156,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 { }