@loopstack/loopstack-studio 0.29.5 → 0.31.0

package/dist/features/workspaces/Workspaces.js

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