@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.1

package/dist/features/workspaces/Workspaces.js

@@ -1,63 +1,65 @@
 import { useStudio } from "../../providers/StudioProvider.js";
+import { useBatchDeleteWorkspaces, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace } from "../../hooks/useWorkspaces.js";
+import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { Badge } from "../../components/ui/badge.js";
-import ListView_default from "../../components/lists/ListView.js";
 import { Dialog, DialogContent } from "../../components/ui/dialog.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
+import ListView_default from "../../components/lists/ListView.js";
 import { useWorkspaceConfig } from "../../hooks/useConfig.js";
 import { useDebounce } from "../../hooks/useDebounce.js";
-import { useBatchDeleteWorkspaces, useDeleteWorkspace, useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
 import CreateWorkspace_default from "./components/CreateWorkspace.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useSearchParams } from "react-router-dom";
+import { Star } from "lucide-react";
 var Workspaces_default = () => {
-	let n = c(53), { router: r } = useStudio(), [i] = useSearchParams(), [a, Se] = useState(0), [o, Ce] = useState(10), [s, we] = useState("createdAt"), [l, Te] = useState("ASC"), [u, Ee] = useState(), d;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {}, n[0] = d) : d = n[0];
-	let [f, p] = useState(d), De = useDebounce(u, 500), [m, h] = useState(!1), [g, _] = useState(void 0), v, y;
-	n[1] === i ? (v = n[2], y = n[3]) : (v = () => {
-		i.get("create") === "true" && h(!0);
-	}, y = [i], n[1] = i, n[2] = v, n[3] = y), useEffect(v, y);
-	let b = useWorkspaceConfig(), x = useFilterWorkspaces(De, f, s, l, a, o), S = useDeleteWorkspace(), C = useBatchDeleteWorkspaces(), w;
-	n[4] === S ? w = n[5] : (w = (e) => {
+	let n = c(65), { CreateWorkspace: Oe } = useComponentOverrides(), r = Oe ?? CreateWorkspace_default, { router: i } = useStudio(), [a] = useSearchParams(), [o, ke] = useState(0), [s, Ae] = useState(10), [l, je] = useState("createdAt"), [u, Me] = useState("ASC"), [d, Ne] = useState(), f;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (f = {}, n[0] = f) : f = n[0];
+	let [p, Pe] = useState(f), Fe = useDebounce(d, 500), [m, h] = useState(!1), [g, Ie] = useState(void 0), _, v;
+	n[1] === a ? (_ = n[2], v = n[3]) : (_ = () => {
+		a.get("create") === "true" && h(!0);
+	}, v = [a], n[1] = a, n[2] = _, n[3] = v), useEffect(_, v);
+	let y = useWorkspaceConfig(), b = useFilterWorkspaces(Fe, p, l, u, o, s), x = useDeleteWorkspace(), S = useBatchDeleteWorkspaces(), C = useSetFavouriteWorkspace(), w;
+	n[4] === x ? w = n[5] : (w = (e) => {
+		x.mutate(e);
+	}, n[4] = x, n[5] = w);
+	let Le = w, T;
+	n[6] === S ? T = n[7] : (T = (e) => {
 		S.mutate(e);
-	}, n[4] = S, n[5] = w);
-	let T = w, E;
-	n[6] === C ? E = n[7] : (E = (e) => {
-		C.mutate(e);
-	}, n[6] = C, n[7] = E);
-	let D = E, O;
-	n[8] === Symbol.for("react.memo_cache_sentinel") ? (O = () => {
+	}, n[6] = S, n[7] = T);
+	let E = T, D;
+	n[8] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
 		h(!0);
-	}, n[8] = O) : O = n[8];
-	let k = O, A;
-	n[9] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+	}, n[8] = D) : D = n[8];
+	let Re = D, O;
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (O = () => {
 		h(!1);
-	}, n[9] = A) : A = n[9];
-	let j = A, M;
-	n[10] === r ? M = n[11] : (M = (e) => {
-		r.navigateToWorkspace(e);
-	}, n[10] = r, n[11] = M);
-	let N = M, P;
-	n[12] === Symbol.for("react.memo_cache_sentinel") ? (P = (e) => {
-		_(e);
-	}, n[12] = P) : P = n[12];
-	let Oe = P, F;
-	n[13] === Symbol.for("react.memo_cache_sentinel") ? (F = () => {
-		h(!1), _(void 0);
-	}, n[13] = F) : F = n[13];
-	let I = F, L = b.isPending || x.isPending, R = x.error ?? b.error ?? null, z;
-	n[14] === x.data?.data ? z = n[15] : (z = x.data?.data ?? [], n[14] = x.data?.data, n[15] = z);
-	let B = x.data?.total ?? 0, V;
-	n[16] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+	}, n[9] = O) : O = n[9];
+	let ze = O, k;
+	n[10] === i ? k = n[11] : (k = (e) => {
+		i.navigateToWorkspace(e);
+	}, n[10] = i, n[11] = k);
+	let A = k, j;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
+		Ie(e);
+	}, n[12] = j) : j = n[12];
+	let Be = j, M;
+	n[13] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+		h(!1), Ie(void 0);
+	}, n[13] = M) : M = n[13];
+	let Ve = M, He = y.isPending || b.isPending, Ue = b.error ?? y.error ?? null, N;
+	n[14] === b.data?.data ? N = n[15] : (N = b.data?.data ?? [], n[14] = b.data?.data, n[15] = N);
+	let P = b.data?.total ?? 0, F;
+	n[16] === Symbol.for("react.memo_cache_sentinel") ? (F = {
 		id: "id",
 		label: "ID",
 		minWidth: 30,
 		format: _temp
-	}, n[16] = V) : V = n[16];
-	let H;
-	n[17] === Symbol.for("react.memo_cache_sentinel") ? (H = [
-		V,
+	}, n[16] = F) : F = n[16];
+	let I;
+	n[17] === Symbol.for("react.memo_cache_sentinel") ? (I = [
+		F,
 		{
 			id: "title",
 			label: "Title",
@@ -67,7 +69,7 @@ var Workspaces_default = () => {
 				children: /* @__PURE__ */ jsx(Badge, {
 					variant: "outline",
 					className: "hover:bg-primary/10 cursor-pointer",
-					onClick: () => p((t) => ({
+					onClick: () => Pe((t) => ({
 						...t,
 						blockName: e
 					})),
@@ -75,88 +77,153 @@ var Workspaces_default = () => {
 				})
 			}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: e }) })] }) })
 		},
+		{
+			id: "environments",
+			label: "Environments",
+			minWidth: 150,
+			format: _temp3
+		},
 		{
 			id: "createdAt",
 			label: "Date Created",
 			minWidth: 100,
-			format: _temp2
+			format: _temp4
+		}
+	], n[17] = I) : I = n[17];
+	let L;
+	n[18] === Symbol.for("react.memo_cache_sentinel") ? (L = {}, n[18] = L) : L = n[18];
+	let R;
+	n[19] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), n[19] = R) : R = n[19];
+	let z;
+	n[20] === C ? z = n[21] : (z = {
+		id: "add-favourite",
+		label: "Add to favourites",
+		icon: R,
+		condition: _temp5,
+		action: (e) => {
+			C.mutate({
+				id: e.id,
+				isFavourite: !0
+			});
 		}
-	], n[17] = H) : H = n[17];
-	let U;
-	n[18] === Symbol.for("react.memo_cache_sentinel") ? (U = {}, n[18] = U) : U = n[18];
-	let W;
-	n[19] !== f || n[20] !== D || n[21] !== T || n[22] !== N || n[23] !== l || n[24] !== s || n[25] !== a || n[26] !== o || n[27] !== u || n[28] !== L || n[29] !== R || n[30] !== z || n[31] !== B ? (W = /* @__PURE__ */ jsx(ListView_default, {
-		loading: L,
-		error: R,
-		items: z,
-		totalItems: B,
-		setPage: Se,
-		setRowsPerPage: Ce,
-		setOrderBy: we,
-		setOrder: Te,
-		setSearchTerm: Ee,
-		setFilters: p,
-		orderBy: s,
-		order: l,
-		searchTerm: u,
-		filters: f,
-		page: a,
-		rowsPerPage: o,
-		deleteItem: T,
-		onClick: N,
-		handleNew: k,
-		handleEdit: Oe,
+	}, n[20] = C, n[21] = z);
+	let B;
+	n[22] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4 fill-current" }), n[22] = B) : B = n[22];
+	let V;
+	n[23] === C ? V = n[24] : (V = {
+		id: "remove-favourite",
+		label: "Remove from favourites",
+		icon: B,
+		condition: _temp6,
+		action: (e) => {
+			C.mutate({
+				id: e.id,
+				isFavourite: !1
+			});
+		}
+	}, n[23] = C, n[24] = V);
+	let H;
+	n[25] !== z || n[26] !== V ? (H = [z, V], n[25] = z, n[26] = V, n[27] = H) : H = n[27];
+	let U = H, W;
+	n[28] !== p || n[29] !== E || n[30] !== Le || n[31] !== A || n[32] !== u || n[33] !== l || n[34] !== o || n[35] !== s || n[36] !== d || n[37] !== He || n[38] !== Ue || n[39] !== N || n[40] !== P || n[41] !== U ? (W = /* @__PURE__ */ jsx(ListView_default, {
+		loading: He,
+		error: Ue,
+		items: N,
+		totalItems: P,
+		setPage: ke,
+		setRowsPerPage: Ae,
+		setOrderBy: je,
+		setOrder: Me,
+		setSearchTerm: Ne,
+		setFilters: Pe,
+		orderBy: l,
+		order: u,
+		searchTerm: d,
+		filters: p,
+		page: o,
+		rowsPerPage: s,
+		deleteItem: Le,
+		onClick: A,
+		handleNew: Re,
+		handleEdit: Be,
 		enableBatchActions: !0,
-		batchDelete: D,
-		columns: H,
-		filterConfig: U
-	}), n[19] = f, n[20] = D, n[21] = T, n[22] = N, n[23] = l, n[24] = s, n[25] = a, n[26] = o, n[27] = u, n[28] = L, n[29] = R, n[30] = z, n[31] = B, n[32] = W) : W = n[32];
+		batchDelete: E,
+		columns: I,
+		filterConfig: L,
+		rowActions: U
+	}), n[28] = p, n[29] = E, n[30] = Le, n[31] = A, n[32] = u, n[33] = l, n[34] = o, n[35] = s, n[36] = d, n[37] = He, n[38] = Ue, n[39] = N, n[40] = P, n[41] = U, n[42] = W) : W = n[42];
 	let G;
-	n[33] === b.data ? G = n[34] : (G = b.data ?? [], n[33] = b.data, n[34] = G);
+	n[43] === y.data ? G = n[44] : (G = y.data ?? [], n[43] = y.data, n[44] = G);
 	let K;
-	n[35] === G ? K = n[36] : (K = /* @__PURE__ */ jsx(DialogContent, {
+	n[45] !== r || n[46] !== G ? (K = /* @__PURE__ */ jsx(DialogContent, {
 		className: "max-w-2xl",
-		children: /* @__PURE__ */ jsx(CreateWorkspace_default, {
+		children: /* @__PURE__ */ jsx(r, {
 			types: G,
-			onSuccess: j
+			onSuccess: ze
 		})
-	}), n[35] = G, n[36] = K);
+	}), n[45] = r, n[46] = G, n[47] = K) : K = n[47];
 	let q;
-	n[37] !== m || n[38] !== K ? (q = /* @__PURE__ */ jsx(Dialog, {
+	n[48] !== m || n[49] !== K ? (q = /* @__PURE__ */ jsx(Dialog, {
 		open: m,
 		onOpenChange: h,
 		children: K
-	}), n[37] = m, n[38] = K, n[39] = q) : q = n[39];
+	}), n[48] = m, n[49] = K, n[50] = q) : q = n[50];
 	let J = !!g, Y;
-	n[40] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => !e && I(), n[40] = Y) : Y = n[40];
+	n[51] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => !e && Ve(), n[51] = Y) : Y = n[51];
 	let X;
-	n[41] === b.data ? X = n[42] : (X = b.data ?? [], n[41] = b.data, n[42] = X);
+	n[52] === y.data ? X = n[53] : (X = y.data ?? [], n[52] = y.data, n[53] = X);
 	let Z;
-	n[43] !== g || n[44] !== X ? (Z = /* @__PURE__ */ jsx(DialogContent, {
+	n[54] !== r || n[55] !== g || n[56] !== X ? (Z = /* @__PURE__ */ jsx(DialogContent, {
 		className: "max-w-2xl",
-		children: /* @__PURE__ */ jsx(CreateWorkspace_default, {
+		children: /* @__PURE__ */ jsx(r, {
 			types: X,
 			workspace: g,
-			onSuccess: I
+			onSuccess: Ve
 		})
-	}), n[43] = g, n[44] = X, n[45] = Z) : Z = n[45];
+	}), n[54] = r, n[55] = g, n[56] = X, n[57] = Z) : Z = n[57];
 	let Q;
-	n[46] !== J || n[47] !== Z ? (Q = /* @__PURE__ */ jsx(Dialog, {
+	n[58] !== J || n[59] !== Z ? (Q = /* @__PURE__ */ jsx(Dialog, {
 		open: J,
 		onOpenChange: Y,
 		children: Z
-	}), n[46] = J, n[47] = Z, n[48] = Q) : Q = n[48];
+	}), n[58] = J, n[59] = Z, n[60] = Q) : Q = n[60];
 	let $;
-	return n[49] !== W || n[50] !== q || n[51] !== Q ? ($ = /* @__PURE__ */ jsxs(Fragment, { children: [
+	return n[61] !== W || n[62] !== q || n[63] !== Q ? ($ = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		W,
 		q,
 		Q
-	] }), n[49] = W, n[50] = q, n[51] = Q, n[52] = $) : $ = n[52], $;
+	] }), n[61] = W, n[62] = q, n[63] = Q, n[64] = $) : $ = n[64], $;
 };
 function _temp(e) {
 	return e.slice(0, 6);
 }
 function _temp2(e) {
+	return /* @__PURE__ */ jsxs(Badge, {
+		variant: "secondary",
+		children: [e.providerAppName ?? e.remoteEnvironmentId.slice(0, 8), e.type && /* @__PURE__ */ jsxs("span", {
+			className: "text-muted-foreground ml-1",
+			children: [
+				"(",
+				e.type,
+				")"
+			]
+		})]
+	}, e.remoteEnvironmentId);
+}
+function _temp3(e) {
+	let t = e;
+	return !t || t.length === 0 ? "—" : /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap gap-1",
+		children: t.map(_temp2)
+	});
+}
+function _temp4(e) {
 	return new Date(e).toLocaleDateString();
 }
+function _temp5(e) {
+	return !e.isFavourite;
+}
+function _temp6(e) {
+	return !!e.isFavourite;
+}
 export { Workspaces_default as default };

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

@@ -1,125 +1,148 @@
+import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
 import { Button } from "../../../components/ui/button.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
-import { Input } from "../../../components/ui/input.js";
 import { DialogHeader } from "../../../components/ui/dialog.js";
-import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
-import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
+import { Input } from "../../../components/ui/input.js";
 import { Label } from "../../../components/ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
+import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Loader2 } from "lucide-react";
+import { Loader2, Star } from "lucide-react";
 import { DialogTitle } from "@radix-ui/react-dialog";
-var CreateWorkspace_default = (b) => {
-	let x = c(44), { types: S, workspace: C, onSuccess: w } = b, T = useCreateWorkspace(), E = useUpdateWorkspace(), [D, O] = useState(S[0]?.blockName ?? ""), k;
-	x[0] === S[0]?.blockName ? k = x[1] : (k = () => {
-		O(S[0]?.blockName ?? "");
-	}, x[0] = S[0]?.blockName, x[1] = k);
-	let A;
-	x[2] === S ? A = x[3] : (A = [S], x[2] = S, x[3] = A), useEffect(k, A);
-	let j;
-	x[4] === Symbol.for("react.memo_cache_sentinel") ? (j = (t) => {
-		O(t);
-	}, x[4] = j) : j = x[4];
-	let M = j, N;
-	x[5] !== w || x[6] !== E || x[7] !== C ? (N = (t) => {
+var CreateWorkspace_default = (h) => {
+	let g = c(52), { types: _, workspace: v, onSuccess: y } = h, b = useCreateWorkspace(), x = useUpdateWorkspace(), [S, C] = useState(_[0]?.blockName ?? ""), [w, T] = useState(v?.isFavourite ?? !1), E;
+	g[0] === _[0]?.blockName ? E = g[1] : (E = () => {
+		C(_[0]?.blockName ?? "");
+	}, g[0] = _[0]?.blockName, g[1] = E);
+	let D;
+	g[2] === _ ? D = g[3] : (D = [_], g[2] = _, g[3] = D), useEffect(E, D);
+	let O;
+	g[4] === Symbol.for("react.memo_cache_sentinel") ? (O = (t) => {
+		C(t);
+	}, g[4] = O) : O = g[4];
+	let k = O, A;
+	g[5] !== w || g[6] !== y || g[7] !== x || g[8] !== v ? (A = (t) => {
 		t.preventDefault();
-		let y = new FormData(t.currentTarget).get("name");
-		!y || !C || E.mutate({
-			id: C.id,
-			workspaceUpdateDto: { title: y }
+		let m = new FormData(t.currentTarget).get("name");
+		!m || !v || x.mutate({
+			id: v.id,
+			workspaceUpdateDto: {
+				title: m,
+				isFavourite: w
+			}
 		}, { onSuccess: () => {
-			w();
+			y();
 		} });
-	}, x[5] = w, x[6] = E, x[7] = C, x[8] = N) : N = x[8];
-	let P = N, F;
-	x[9] !== T || x[10] !== w || x[11] !== D ? (F = (t) => {
+	}, g[5] = w, g[6] = y, g[7] = x, g[8] = v, g[9] = A) : A = g[9];
+	let j = A, M;
+	g[10] !== b || g[11] !== w || g[12] !== y || g[13] !== S ? (M = (t) => {
 		t.preventDefault();
-		let y = new FormData(t.currentTarget).get("name");
-		D && T.mutate({ workspaceCreateDto: {
-			title: y || void 0,
-			blockName: D
+		let m = new FormData(t.currentTarget).get("name");
+		S && b.mutate({ workspaceCreateDto: {
+			title: m || void 0,
+			blockName: S,
+			isFavourite: w || void 0
 		} }, { onSuccess: () => {
-			console.log("closing"), w();
+			console.log("closing"), y();
 		} });
-	}, x[9] = T, x[10] = w, x[11] = D, x[12] = F) : F = x[12];
-	let I = F, L = T.isPending || E.isPending, R;
-	x[13] === T.error ? R = x[14] : (R = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: T.error }), x[13] = T.error, x[14] = R);
-	let z;
-	x[15] === E.error ? z = x[16] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: E.error }), x[15] = E.error, x[16] = z);
-	let B = C ? "Edit" : "Add", V;
-	x[17] === B ? V = x[18] : (V = /* @__PURE__ */ jsx(DialogHeader, {
+	}, g[10] = b, g[11] = w, g[12] = y, g[13] = S, g[14] = M) : M = g[14];
+	let N = M, P = b.isPending || x.isPending, F;
+	g[15] === b.error ? F = g[16] : (F = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), g[15] = b.error, g[16] = F);
+	let I;
+	g[17] === x.error ? I = g[18] : (I = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), g[17] = x.error, g[18] = I);
+	let L = v ? "Edit" : "Add", R;
+	g[19] === L ? R = g[20] : (R = /* @__PURE__ */ jsx(DialogHeader, {
 		className: "space-y-1",
 		children: /* @__PURE__ */ jsxs(DialogTitle, {
 			className: "mb-4 text-lg leading-none font-semibold",
-			children: [B, " Workspace"]
+			children: [L, " Workspace"]
 		})
-	}), x[17] = B, x[18] = V);
-	let H = C ? P : I, U;
-	x[19] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsx(Label, {
+	}), g[19] = L, g[20] = R);
+	let z = v ? j : N, B;
+	g[21] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(Label, {
 		htmlFor: "name",
 		children: "Workspace Name"
-	}), x[19] = U) : U = x[19];
-	let W = C?.title ?? "", G;
-	x[20] === W ? G = x[21] : (G = /* @__PURE__ */ jsxs("div", {
+	}), g[21] = B) : B = g[21];
+	let V = v?.title ?? "", H;
+	g[22] === V ? H = g[23] : (H = /* @__PURE__ */ jsx(Input, {
+		id: "name",
+		name: "name",
+		defaultValue: V,
+		placeholder: "Enter workspace name (optional)",
+		autoFocus: !0
+	}), g[22] = V, g[23] = H);
+	let U;
+	g[24] === Symbol.for("react.memo_cache_sentinel") ? (U = () => T(_temp), g[24] = U) : U = g[24];
+	let W = `h-4 w-4 ${w ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`, G;
+	g[25] === W ? G = g[26] : (G = /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		className: "shrink-0",
+		onClick: U,
+		children: /* @__PURE__ */ jsx(Star, { className: W })
+	}), g[25] = W, g[26] = G);
+	let K;
+	g[27] !== H || g[28] !== G ? (K = /* @__PURE__ */ jsxs("div", {
 		className: "space-y-2",
-		children: [U, /* @__PURE__ */ jsx(Input, {
-			id: "name",
-			name: "name",
-			defaultValue: W,
-			placeholder: "Enter workspace name (optional)",
-			autoFocus: !0
+		children: [B, /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [H, G]
 		})]
-	}), x[20] = W, x[21] = G);
-	let K;
-	x[22] !== S || x[23] !== C || x[24] !== D ? (K = !C && /* @__PURE__ */ jsxs("div", {
+	}), g[27] = H, g[28] = G, g[29] = K) : K = g[29];
+	let q;
+	g[30] !== _ || g[31] !== v || g[32] !== S ? (q = !v && _.length > 1 && /* @__PURE__ */ jsxs("div", {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ jsx(Label, {
 			htmlFor: "blockName",
 			children: "Type"
 		}), /* @__PURE__ */ jsxs(Select, {
 			name: "blockName",
-			value: D,
-			onValueChange: M,
+			value: S,
+			onValueChange: k,
 			children: [/* @__PURE__ */ jsx(SelectTrigger, {
 				id: "blockName",
 				className: "w-full",
 				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a type" })
-			}), /* @__PURE__ */ jsx(SelectContent, { children: S.map(_temp) })]
+			}), /* @__PURE__ */ jsx(SelectContent, { children: _.map(_temp2) })]
 		})]
-	}), x[22] = S, x[23] = C, x[24] = D, x[25] = K) : K = x[25];
-	let q;
-	x[26] === L ? q = x[27] : (q = L && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), x[26] = L, x[27] = q);
-	let J = C ? "Save" : "Create", Y;
-	x[28] !== L || x[29] !== q || x[30] !== J ? (Y = /* @__PURE__ */ jsxs(Button, {
+	}), g[30] = _, g[31] = v, g[32] = S, g[33] = q) : q = g[33];
+	let J;
+	g[34] === P ? J = g[35] : (J = P && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), g[34] = P, g[35] = J);
+	let Y = v ? "Save" : "Create", X;
+	g[36] !== P || g[37] !== J || g[38] !== Y ? (X = /* @__PURE__ */ jsxs(Button, {
 		type: "submit",
 		className: "w-full",
-		disabled: L,
-		children: [q, J]
-	}), x[28] = L, x[29] = q, x[30] = J, x[31] = Y) : Y = x[31];
-	let X;
-	x[32] !== H || x[33] !== G || x[34] !== K || x[35] !== Y ? (X = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("form", {
-		onSubmit: H,
+		disabled: P,
+		children: [J, Y]
+	}), g[36] = P, g[37] = J, g[38] = Y, g[39] = X) : X = g[39];
+	let Z;
+	g[40] !== z || g[41] !== K || g[42] !== q || g[43] !== X ? (Z = /* @__PURE__ */ jsxs("form", {
+		onSubmit: z,
 		className: "space-y-4",
 		children: [
-			G,
 			K,
-			Y
+			q,
+			X
 		]
-	}) }), x[32] = H, x[33] = G, x[34] = K, x[35] = Y, x[36] = X) : X = x[36];
-	let Z;
-	x[37] !== X || x[38] !== V ? (Z = /* @__PURE__ */ jsxs("div", {
-		className: "my-4",
-		children: [V, X]
-	}), x[37] = X, x[38] = V, x[39] = Z) : Z = x[39];
+	}), g[40] = z, g[41] = K, g[42] = q, g[43] = X, g[44] = Z) : Z = g[44];
 	let Q;
-	return x[40] !== Z || x[41] !== R || x[42] !== z ? (Q = /* @__PURE__ */ jsxs("div", { children: [
-		R,
-		z,
-		Z
-	] }), x[40] = Z, x[41] = R, x[42] = z, x[43] = Q) : Q = x[43], Q;
+	g[45] !== Z || g[46] !== R ? (Q = /* @__PURE__ */ jsxs("div", {
+		className: "mb-4",
+		children: [R, Z]
+	}), g[45] = Z, g[46] = R, g[47] = Q) : Q = g[47];
+	let $;
+	return g[48] !== Q || g[49] !== F || g[50] !== I ? ($ = /* @__PURE__ */ jsxs("div", { children: [
+		F,
+		I,
+		Q
+	] }), g[48] = Q, g[49] = F, g[50] = I, g[51] = $) : $ = g[51], $;
 };
 function _temp(t) {
+	return !t;
+}
+function _temp2(t) {
 	return /* @__PURE__ */ jsx(SelectItem, {
 		value: t.blockName,
 		children: t.title ?? t.blockName

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

@@ -1,14 +1,14 @@
 import { useStudio } from "../../../providers/StudioProvider.js";
 import { Badge } from "../../../components/ui/badge.js";
-import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
 import CustomListView_default from "../../../components/lists/CustomListView.js";
+import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
 import { useBatchDeletePipeline, useChildPipelines, useFilterPipelines } from "../../../hooks/usePipelines.js";
 import NewPipelineRunDialog_default from "./NewPipelineRunDialog.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import { useQueryClient } from "@tanstack/react-query";
+import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import { format, formatDistanceToNow, isToday, isYesterday, parseISO } from "date-fns";
 var ChildPipelineList = (e) => {
 	let n = c(15), { parentId: r, formatUpdatedTime: i, getPipelineStatusColor: o, onChildClick: s } = e, { data: l, isPending: u } = useChildPipelines(r, !0);

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

@@ -1,12 +1,12 @@
 import { useStudio } from "../../../providers/StudioProvider.js";
-import { usePipelineConfig } from "../../../hooks/useConfig.js";
 import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
+import { usePipelineConfig } from "../../../hooks/useConfig.js";
 import { useCreatePipeline } from "../../../hooks/usePipelines.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, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 var PipelineForm_default = (l) => {

package/dist/hooks/index.js

@@ -1,2 +1,3 @@
 import { useApiClient } from "./useApi.js";
 import { useIsMobile } from "./use-mobile.js";
+import { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace, useUpdateWorkspace, useWorkspace } from "./useWorkspaces.js";

package/dist/hooks/useApi.js

@@ -4,7 +4,7 @@ import "../services/index.js";
 import { useStudio } from "../providers/StudioProvider.js";
 import { c } from "react/compiler-runtime";
 import axios from "axios";
-import "react";
+import { useMemo } from "react";
 import { ApiV1AuthApi, ApiV1ConfigApi, ApiV1DashboardApi, ApiV1DocumentsApi, ApiV1NamespacesApi, ApiV1PipelinesApi, ApiV1ProcessorApi, ApiV1WorkflowsApi, ApiV1WorkspacesApi, Configuration } from "@loopstack/api-client";
 function useApiClient() {
 	let _ = c(24), { environment: v } = useStudio(), y = v.url, b, x, S, C, w, T, E, D, O;

package/dist/hooks/useDashboard.js

@@ -0,0 +1,23 @@
+import { useApiClient } from "./useApi.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+function useDashboardStats() {
+	let r = c(7), { envKey: i, api: a } = useApiClient(), o;
+	r[0] === i ? o = r[1] : (o = [
+		"dashboard",
+		"stats",
+		i
+	], r[0] = i, r[1] = o);
+	let s;
+	r[2] === a ? s = r[3] : (s = async () => {
+		if (!a) throw Error("API not available");
+		return (await a.ApiV1DashboardApi.dashboardControllerGetDashboardStats()).data;
+	}, r[2] = a, r[3] = s);
+	let l;
+	return r[4] !== o || r[5] !== s ? (l = {
+		queryKey: o,
+		queryFn: s,
+		enabled: !0
+	}, r[4] = o, r[5] = s, r[6] = l) : l = r[6], useQuery(l);
+}
+export { useDashboardStats };