@cobaltcore-dev/aurora 2.0.0 → 2.1.1

package/dist/client/{images-CnTW3bpy.mjs → images-BsylWUiH.mjs}

@@ -1,48 +1,48 @@
 import { C as e, D as t, K as n, L as r, O as i, Q as a, R as o, S as s, T as c, U as l, V as u, X as d, a as f, c as p, ft as m, g as h, h as g, i as _, it as v, l as y, m as b, o as x, ot as S, p as C, r as w, rt as T, st as E, t as D, x as O } from "./build-WuxXRAqf.mjs";
 import { a as k, i as A } from "./trpcClient-D7gpR7YG.mjs";
 import { t as j } from "./cn-DM4Cy3jv.mjs";
-import { t as M } from "./images-DZHDYDQu.mjs";
-import { t as N } from "./useProjectId-DBc5lpoU.mjs";
-import { t as ee } from "./SortInput-4g7nSTHW.mjs";
+import { t as M } from "./images-zQq1nSVv.mjs";
+import { t as ee } from "./useProjectId-DBc5lpoU.mjs";
+import { t as N } from "./SortInput-4g7nSTHW.mjs";
 import { t as P } from "./useModalTracking-BYd37pXm.mjs";
-import { t as F } from "./ContentHeader-CPJbgYWn.mjs";
+import { t as F } from "./ContentHeader-fKKZVu-o.mjs";
 import "./hooks-D0yKIumu.mjs";
-import { A as I, C as te, D as ne, E as L, F as re, I as R, M as z, N as B, O as ie, P as V, S as H, T as ae, _ as oe, a as se, b as ce, c as U, d as W, f as le, g as ue, h as G, i as de, j as fe, k as pe, l as me, m as he, n as ge, o as _e, p as ve, r as ye, s as be, t as xe, u as Se, v as Ce, w as we, x as Te, y as Ee } from "./ImageToastNotifications-BWfzOUMc.mjs";
-import { n as De, t as Oe } from "./FiltersInput-Becwxo_J.mjs";
+import { A as I, C as L, D as R, E as te, F as z, I as B, L as ne, M as V, N as H, O as re, P as U, R as W, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, d as ue, f as de, g as fe, h as pe, i as me, j as he, k as ge, l as _e, m as ve, n as G, o as ye, p as be, r as xe, s as Se, t as Ce, u as we, v as Te, w as Ee, x as De, y as Oe } from "./imageHelpers-DBhL2ebL.mjs";
+import { n as ke, t as Ae } from "./FiltersInput-Becwxo_J.mjs";
 import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { Suspense as ke, startTransition as Ae, use as je, useCallback as Y, useEffect as X, useMemo as Me, useRef as Ne, useState as Z } from "react";
-import { useNavigate as Pe, useParams as Fe, useSearch as Ie } from "@tanstack/react-router";
-import { TRPCClientError as Le } from "@trpc/client";
+import { Suspense as je, startTransition as Me, use as Ne, useCallback as Pe, useEffect as Y, useMemo as X, useRef as Fe, useState as Z } from "react";
+import { useNavigate as Ie, useParams as Le, useSearch as Re } from "@tanstack/react-router";
+import { TRPCClientError as ze } from "@trpc/client";
 import { Trans as Q, useLingui as $ } from "@lingui/react";
-import { z as Re } from "zod";
-import { ErrorBoundary as ze } from "react-error-boundary";
-import { useForm as Be, useStore as Ve } from "@tanstack/react-form";
+import { z as Be } from "zod";
+import { ErrorBoundary as Ve } from "react-error-boundary";
+import { useForm as He, useStore as Ue } from "@tanstack/react-form";
 import "@trpc/server";
 //#region src/client/routes/_auth/projects/$projectId/compute/images/-components/ImageTableRow.tsx
-function He({ image: e, isSelected: r, isPending: i, isAccepted: a, permissions: o, onEditDetails: s, onEditMetadata: l, onDelete: u, onSelect: d, onActivationStatusChange: f, onManageAccess: p, onUpdateVisibility: m, uploadId: g, uploadProgressPercent: _, onMemberStatusChanged: v, showSelectColumn: y = !1 }) {
-	let { i18n: b, _: x } = $(), { id: C, name: T, status: A, visibility: j, size: M, disk_format: N, created_at: ee, owner: P } = e, F = T || b._({ id: "MEIAzV" }), { projectId: I } = Fe({ from: "/_auth/projects/$projectId/compute/images/" }), te = Pe(), ne = k.useUtils(), L = k.compute.updateImageMember.useMutation({ onSuccess: () => {
-		ne.compute.listImagesWithPagination.invalidate(), ne.compute.listSharedImagesByMemberStatus.invalidate();
-	} }), z = async (e) => {
+function We({ image: e, isSelected: r, isPending: i, isAccepted: a, permissions: o, onEditDetails: s, onEditMetadata: l, onDelete: u, onSelect: d, onActivationStatusChange: f, onManageAccess: p, onUpdateVisibility: m, uploadId: g, uploadProgressPercent: _, onMemberStatusChanged: v, showSelectColumn: y = !1 }) {
+	let { i18n: b, _: x } = $(), { id: C, name: T, status: A, visibility: j, size: M, disk_format: ee, created_at: N } = e, P = T || b._({ id: "MEIAzV" }), { projectId: F } = Le({ from: "/_auth/projects/$projectId/compute/images/" }), I = Ie(), L = k.useUtils(), R = k.compute.updateImageMember.useMutation({ onSuccess: () => {
+		L.compute.listImagesWithPagination.invalidate(), L.compute.listSharedImagesByMemberStatus.invalidate();
+	} }), te = async (e) => {
 		try {
-			await L.mutateAsync({
-				project_id: I,
+			await R.mutateAsync({
+				project_id: F,
 				imageId: C,
-				memberId: I,
+				memberId: F,
 				status: e
 			});
-			let { message: t, ...n } = W(e);
+			let { message: t, ...n } = oe(e);
 			S.info(t, n), v?.();
 		} catch (e) {
-			let t = e?.message, { message: n, ...r } = Se(t);
+			let t = e?.message, { message: n, ...r } = fe(t);
 			S.error(n, r);
 		}
-	}, ie = I === P, H = i || a, ae = L.isPending;
+	}, V = i || a, H = e.owner === F, re = R.isPending;
 	return /*#__PURE__*/ J(c, {
 		"data-testid": `image-row-${C}`,
-		onClick: () => te({
+		onClick: () => I({
 			to: "/projects/$projectId/compute/images/$imageId",
 			params: {
-				projectId: I,
+				projectId: F,
 				imageId: C
 			}
 		}),
@@ -55,30 +55,50 @@ function He({ image: e, isSelected: r, isPending: i, isAccepted: a, permissions:
 				})
 			}),
 			/*#__PURE__*/ q(D, { children: A }),
-			/*#__PURE__*/ q(D, { children: F }),
+			/*#__PURE__*/ q(D, { children: P }),
 			/*#__PURE__*/ q(D, { children: j }),
 			/*#__PURE__*/ q(D, { children: e.protected ? b._({ id: "l75CjT" }) : b._({ id: "1UzENP" }) }),
-			/*#__PURE__*/ q(D, { children: g && g === C ? `${_}%` : /*#__PURE__*/ q(R, { size: M }) }),
-			/*#__PURE__*/ q(D, { children: N || b._({ id: "fj5byd" }) }),
-			/*#__PURE__*/ q(D, { children: ee ? new Date(ee).toLocaleDateString() : b._({ id: "fj5byd" }) }),
+			/*#__PURE__*/ q(D, { children: g && g === C ? `${_}%` : /*#__PURE__*/ q(W, { size: M }) }),
+			/*#__PURE__*/ q(D, { children: ee || b._({ id: "fj5byd" }) }),
+			/*#__PURE__*/ q(D, { children: N ? new Date(N).toLocaleDateString() : b._({ id: "fj5byd" }) }),
 			/*#__PURE__*/ q(D, {
 				onClick: (e) => e.stopPropagation(),
-				children: ae ? /*#__PURE__*/ q(n, {
+				children: re ? /*#__PURE__*/ q(n, {
 					variant: "primary",
 					size: "small"
 				}) : /*#__PURE__*/ q(t, { children: /*#__PURE__*/ J(h, { children: [
-					H && o.canUpdateMember && /*#__PURE__*/ J(K, { children: [i && /*#__PURE__*/ q(O, {
-						label: b._({ id: "g3UF2V" }),
-						onClick: () => z(re.ACCEPTED)
-					}), /*#__PURE__*/ q(O, {
-						label: b._({ id: "1t/NnN" }),
-						onClick: () => z(re.REJECTED)
-					})] }),
-					!H && o.canUpdate && /*#__PURE__*/ J(K, { children: [
+					V && !H && o.canUpdateMember && /*#__PURE__*/ J(K, { children: [
 						/*#__PURE__*/ q(O, {
-							label: e.status === B.DEACTIVATED ? b._({ id: "FQBaXG" }) : b._({ id: "5y3O+A" }),
-							onClick: () => f(e)
+							label: b._({ id: "v0hPHE" }),
+							onClick: () => I({
+								to: "/projects/$projectId/compute/images/$imageId",
+								params: {
+									projectId: F,
+									imageId: C
+								}
+							})
+						}),
+						/*#__PURE__*/ q(w, {}),
+						i && /*#__PURE__*/ q(O, {
+							label: b._({ id: "g3UF2V" }),
+							onClick: () => te(ne.ACCEPTED)
 						}),
+						/*#__PURE__*/ q(O, {
+							label: b._({ id: "1t/NnN" }),
+							onClick: () => te(ne.REJECTED)
+						})
+					] }),
+					!V && /*#__PURE__*/ q(O, {
+						label: b._({ id: "v0hPHE" }),
+						onClick: () => I({
+							to: "/projects/$projectId/compute/images/$imageId",
+							params: {
+								projectId: F,
+								imageId: C
+							}
+						})
+					}),
+					!V && o.canUpdate && /*#__PURE__*/ J(K, { children: [
 						/*#__PURE__*/ q(O, {
 							label: b._({ id: "Y1YKad" }),
 							onClick: () => s(e)
@@ -87,27 +107,22 @@ function He({ image: e, isSelected: r, isPending: i, isAccepted: a, permissions:
 							label: b._({ id: "SIfYq6" }),
 							onClick: () => l(e)
 						}),
-						e.visibility === V.SHARED && ie && (o.canCreateMember || o.canDeleteMember) && /*#__PURE__*/ q(O, {
+						/*#__PURE__*/ q(w, {}),
+						e.visibility === B.SHARED && (o.canCreateMember || o.canDeleteMember) && /*#__PURE__*/ q(O, {
 							label: b._({ id: "cWbW6w" }),
 							onClick: () => p(e)
 						}),
-						e.visibility === V.PRIVATE && /*#__PURE__*/ q(O, {
+						e.visibility === B.PRIVATE && /*#__PURE__*/ q(O, {
 							label: b._({ id: "gMYsdZ" }),
-							onClick: () => m(e.id, V.SHARED, F)
+							onClick: () => m(e.id, B.SHARED, P)
+						}),
+						/*#__PURE__*/ q(O, {
+							label: e.status === z.DEACTIVATED ? b._({ id: "RSFkXF" }) : b._({ id: "hQr1Cr" }),
+							onClick: () => f(e)
 						})
 					] }),
-					/*#__PURE__*/ q(O, {
-						label: b._({ id: "v0hPHE" }),
-						onClick: () => te({
-							to: "/projects/$projectId/compute/images/$imageId",
-							params: {
-								projectId: I,
-								imageId: C
-							}
-						})
-					}),
-					!H && o.canDelete && !e.protected && /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(w, {}), /*#__PURE__*/ q(O, {
-						label: b._({ id: "cnGeoo" }),
+					!V && o.canDelete && !e.protected && /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(w, {}), /*#__PURE__*/ q(O, {
+						label: b._({ id: "KWa0gi" }),
 						onClick: () => u(e)
 					})] })
 				] }) })
@@ -117,7 +132,7 @@ function He({ image: e, isSelected: r, isPending: i, isAccepted: a, permissions:
 }
 //#endregion
 //#region src/server/Compute/helpers/imageHelpers.ts
-var Ue = {
+var Ge = {
 	qcow2: [
 		"bare",
 		"ova",
@@ -137,7 +152,7 @@ var Ue = {
 	aki: ["aki"],
 	ari: ["ari"],
 	ploop: ["bare"]
-}, We = {
+}, Ke = {
 	qcow2: "bare",
 	raw: "bare",
 	vmdk: "bare",
@@ -150,28 +165,28 @@ var Ue = {
 	ari: "ari",
 	ploop: "bare"
 };
-function Ge(e) {
-	return Ue[e] || [];
+function qe(e) {
+	return Ge[e] || [];
 }
-function Ke(e) {
-	return We[e] || "";
+function Je(e) {
+	return Ke[e] || "";
 }
-function qe(e, t) {
-	return Ge(e).includes(t);
+function Ye(e, t) {
+	return qe(e).includes(t);
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/images/-components/CreateImageModal.tsx
-var Je = {
+var Xe = {
 	name: "",
 	tags: [],
-	visibility: V.PRIVATE,
+	visibility: B.PRIVATE,
 	disk_format: void 0,
 	container_format: void 0,
 	protected: !1,
 	min_disk: 0,
 	min_ram: 0
-}, Ye = ({ isOpen: e, onClose: t, onCreate: n, isLoading: i = !1, isUploadPending: s = !1, uploadProgressPercent: c }) => {
-	let { i18n: u, _: f } = $(), [p, h] = Z({ ...Je }), [y, x] = Z(""), [S, w] = Z(null), [D, O] = Z({}), [k, A] = Z(!1), [M, N] = Z(null), ee = p.name.trim() !== "" && S !== null && p.disk_format !== void 0 && p.disk_format.trim() !== "" && p.container_format !== void 0 && p.container_format.trim() !== "" && p.min_disk >= 0 && p.min_ram >= 0, P = Me(() => p.disk_format ? Ge(p.disk_format) : [], [p.disk_format]), F = [
+}, Ze = ({ isOpen: e, onClose: t, onCreate: n, isLoading: i = !1, isUploadPending: s = !1, uploadProgressPercent: c, onCancelUpload: u }) => {
+	let { i18n: f, _: p } = $(), [h, y] = Z({ ...Xe }), [x, S] = Z(""), [w, D] = Z(null), [O, k] = Z({}), [A, M] = Z(!1), [ee, N] = Z(null), P = h.name.trim() !== "" && w !== null && h.disk_format !== void 0 && h.disk_format.trim() !== "" && h.container_format !== void 0 && h.container_format.trim() !== "" && h.min_disk >= 0 && h.min_ram >= 0, F = X(() => h.disk_format ? qe(h.disk_format) : [], [h.disk_format]), I = [
 		".qcow2",
 		".raw",
 		".vmdk",
@@ -184,451 +199,348 @@ var Je = {
 		".iso",
 		".ploop",
 		".img"
-	], I = F.join(", "), te = (e) => {
+	], L = I.join(", "), R = (e) => {
 		let { name: t, value: n, type: r, checked: i } = e.target;
-		h((e) => ({
+		y((e) => ({
 			...e,
 			[t]: r === "checkbox" ? i : n
-		})), D[t] && O((e) => {
+		})), O[t] && k((e) => {
 			let n = { ...e };
 			return delete n[t], n;
 		});
-	}, ne = (e) => {
+	}, te = (e) => {
 		let { name: t, value: n } = e.target;
-		t === "name" && (!n || n.trim() === "") && O((e) => ({
+		t === "name" && (!n || n.trim() === "") && k((e) => ({
 			...e,
-			name: u._({ id: "wyIOMP" })
+			name: f._({ id: "wyIOMP" })
 		}));
-	}, L = (e, t) => {
+	}, z = (e, t) => {
 		if (e === "disk_format") {
-			let e = t, n = Ke(e);
-			h((t) => ({
+			let e = t, n = Je(e);
+			y((t) => ({
 				...t,
 				disk_format: e,
 				container_format: n
 			}));
-		} else h((n) => ({
+		} else y((n) => ({
 			...n,
 			[e]: t
 		}));
-		D[e] && O((t) => {
+		O[e] && k((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, re = (e, t) => {
+	}, ne = (e, t) => {
 		let n = t === "" ? 0 : parseInt(t, 10);
-		isNaN(n) || (h((t) => ({
+		isNaN(n) || (y((t) => ({
 			...t,
 			[e]: n
-		})), D[e] && O((t) => {
+		})), O[e] && k((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		}));
-	}, R = (e, t) => {
-		t < 0 && (e === "min_disk" ? O((e) => ({
+	}, V = (e, t) => {
+		t < 0 && (e === "min_disk" ? k((e) => ({
 			...e,
-			min_disk: u._({ id: "K3bUTE" })
-		})) : e === "min_ram" && O((e) => ({
+			min_disk: f._({ id: "K3bUTE" })
+		})) : e === "min_ram" && k((e) => ({
 			...e,
-			min_ram: u._({ id: "PEGvy+" })
+			min_ram: f._({ id: "PEGvy+" })
 		})));
-	}, B = (e) => {
+	}, H = (e) => {
 		let t = e.name.toLowerCase();
-		F.some((e) => t.endsWith(e)) ? (w(e), D.file && O((e) => {
+		I.some((e) => t.endsWith(e)) ? (D(e), O.file && k((e) => {
 			let t = { ...e };
 			return delete t.file, t;
-		})) : O((e) => ({
+		})) : k((e) => ({
 			...e,
-			file: u._({
+			file: f._({
 				id: "qzIZOL",
-				values: { supportedFileFormats: I }
+				values: { supportedFileFormats: L }
 			})
 		}));
-	}, ie = (e) => {
+	}, re = (e) => {
 		let t = e.target.files?.[0];
-		t && B(t);
-	}, H = (e) => {
-		e.preventDefault(), e.stopPropagation(), A(!0);
+		t && H(t);
+	}, W = (e) => {
+		e.preventDefault(), e.stopPropagation(), M(!0);
+	}, ie = (e) => {
+		e.preventDefault(), e.stopPropagation(), M(!1);
 	}, ae = (e) => {
-		e.preventDefault(), e.stopPropagation(), A(!1);
-	}, oe = (e) => {
-		e.preventDefault(), e.stopPropagation(), A(!1);
+		e.preventDefault(), e.stopPropagation(), M(!1);
 		let t = e.dataTransfer.files;
-		t && t.length > 0 && B(t[0]);
-	}, se = (e) => {
-		x(e.target.value);
-	}, ce = () => {
-		let e = y.trim();
+		t && t.length > 0 && H(t[0]);
+	}, oe = (e) => {
+		S(e.target.value);
+	}, se = () => {
+		let e = x.trim();
 		if (e !== "") {
-			if (p.tags.includes(e)) {
-				x("");
+			if (h.tags.includes(e)) {
+				S("");
 				return;
 			}
-			h((t) => ({
+			y((t) => ({
 				...t,
 				tags: [...t.tags, e]
-			})), x("");
+			})), S("");
 		}
-	}, U = (e) => {
-		e.key === "Enter" && (e.preventDefault(), ce());
-	}, W = (e) => {
-		h((t) => ({
+	}, ce = (e) => {
+		e.key === "Enter" && (e.preventDefault(), se());
+	}, le = (e) => {
+		y((t) => ({
 			...t,
 			tags: t.tags.filter((t) => t !== e)
 		}));
-	}, le = () => {
+	}, ue = () => {
 		let e = {};
-		return (!p.name || p.name.trim() === "") && (e.name = u._({ id: "wyIOMP" })), S || (e.file = u._({ id: "aTqCTq" })), (!p.disk_format || p.disk_format.trim() === "") && (e.disk_format = u._({ id: "LK0pQN" })), (!p.container_format || p.container_format.trim() === "") && (e.container_format = u._({ id: "J4DKSM" })), p.disk_format && p.container_format && (qe(p.disk_format, p.container_format) || (e.container_format = u._({ id: "BgMp/T" }))), p.min_disk < 0 && (e.min_disk = u._({ id: "K3bUTE" })), p.min_ram < 0 && (e.min_ram = u._({ id: "PEGvy+" })), O(e), Object.keys(e).length === 0;
-	}, ue = async (e) => {
-		if (e.preventDefault(), N(null), !le()) {
-			N(u._({ id: "CBFSfX" }));
+		return (!h.name || h.name.trim() === "") && (e.name = f._({ id: "wyIOMP" })), w || (e.file = f._({ id: "aTqCTq" })), (!h.disk_format || h.disk_format.trim() === "") && (e.disk_format = f._({ id: "LK0pQN" })), (!h.container_format || h.container_format.trim() === "") && (e.container_format = f._({ id: "J4DKSM" })), h.disk_format && h.container_format && (Ye(h.disk_format, h.container_format) || (e.container_format = f._({ id: "BgMp/T" }))), h.min_disk < 0 && (e.min_disk = f._({ id: "K3bUTE" })), h.min_ram < 0 && (e.min_ram = f._({ id: "PEGvy+" })), k(e), Object.keys(e).length === 0;
+	}, de = async (e) => {
+		if (e.preventDefault(), N(null), !ue()) {
+			N(f._({ id: "CBFSfX" }));
 			return;
 		}
 		try {
 			await n({
-				name: p.name.trim(),
-				tags: p.tags,
-				visibility: p.visibility,
-				disk_format: p.disk_format,
-				container_format: p.container_format,
-				protected: p.protected,
-				min_disk: p.min_disk,
-				min_ram: p.min_ram
-			}, S), G();
+				name: h.name.trim(),
+				tags: h.tags,
+				visibility: h.visibility,
+				disk_format: h.disk_format,
+				container_format: h.container_format,
+				protected: h.protected,
+				min_disk: h.min_disk,
+				min_ram: h.min_ram
+			}, w), fe();
 		} catch (e) {
-			let t = e instanceof Error ? e.message : u._({ id: "TQn3hH" });
+			let t = e instanceof Error ? e.message : f._({ id: "TQn3hH" });
 			N(t);
 		}
-	}, G = () => {
-		h({ ...Je }), x(""), w(null), O({}), N(null), t();
-	};
+	}, fe = () => {
+		y({ ...Xe }), S(""), D(null), k({}), N(null), t();
+	}, pe = i && s, me = i && !s;
 	return /*#__PURE__*/ J(d, {
 		open: e,
-		onCancel: i ? void 0 : G,
+		onCancel: pe ? u : i ? void 0 : fe,
 		size: "large",
-		title: u._({ id: "xw2UtT" }),
-		onConfirm: ue,
-		confirmButtonLabel: u._({ id: "a/nTb8" }),
-		cancelButtonLabel: u._({ id: "dEgA5A" }),
-		disableConfirmButton: i || !ee,
-		closeable: !i,
+		title: f._({ id: "xw2UtT" }),
+		onConfirm: i ? void 0 : de,
+		confirmButtonLabel: i ? void 0 : f._({ id: "a/nTb8" }),
+		cancelButtonLabel: pe ? f._({ id: "tsaPT/" }) : f._({ id: "dEgA5A" }),
+		disableConfirmButton: i || !P,
+		disableCancelButton: me,
+		closeable: !0,
+		disableCloseButton: i,
 		closeOnEsc: !i,
-		children: [
-			i && !c && /*#__PURE__*/ q(T, {
-				status: "progress",
-				title: s ? u._({ id: "JGNFec" }) : u._({ id: "T6jnH+" }),
-				className: "mt-4"
-			}),
-			i && !!c && /*#__PURE__*/ q("div", {
-				className: "bg-neutral-quaternary mt-4 w-full rounded-full",
+		children: [i && /*#__PURE__*/ q("div", {
+			className: "mt-4",
+			children: c ? /*#__PURE__*/ q("div", {
+				className: "bg-neutral-quaternary w-full rounded-full",
 				children: /*#__PURE__*/ J("div", {
 					className: "bg-theme-info flex h-4 items-center justify-center rounded-full p-0.5 text-center text-xs leading-none font-medium text-white",
 					style: { width: `${c}%` },
 					children: [c, "%"]
 				})
-			}),
-			!i && /*#__PURE__*/ J(m, {
-				className: "mb-6",
-				children: [
-					M && /*#__PURE__*/ q(r, {
-						variant: "error",
-						className: "mb-6",
-						children: M
-					}),
-					/*#__PURE__*/ q(C, {
-						className: "mb-6",
-						children: /*#__PURE__*/ q(g, { children: /*#__PURE__*/ J("div", {
-							className: "w-full",
-							children: [
-								/*#__PURE__*/ J("label", {
+			}) : /*#__PURE__*/ q(T, {
+				status: "progress",
+				title: s ? f._({ id: "ca4F3Y" }) : f._({ id: "T6jnH+" }),
+				className: "mt-0"
+			})
+		}), !i && /*#__PURE__*/ J(m, {
+			className: "mb-6",
+			children: [
+				ee && /*#__PURE__*/ q(r, {
+					variant: "error",
+					className: "mb-6",
+					children: ee
+				}),
+				/*#__PURE__*/ q(C, {
+					className: "mb-6",
+					children: /*#__PURE__*/ q(g, { children: /*#__PURE__*/ J("div", {
+						className: "w-full",
+						children: [
+							/*#__PURE__*/ J("label", {
+								htmlFor: "image-file",
+								className: "mb-2 block text-sm font-medium text-gray-900",
+								children: [f._({ id: "UKwOYH" }), /*#__PURE__*/ q("span", {
+									className: "ml-1 text-red-500",
+									children: "*"
+								})]
+							}),
+							/*#__PURE__*/ q("div", {
+								className: "flex w-full items-center justify-center",
+								children: /*#__PURE__*/ J("label", {
 									htmlFor: "image-file",
-									className: "mb-2 block text-sm font-medium text-gray-900",
-									children: [u._({ id: "UKwOYH" }), /*#__PURE__*/ q("span", {
-										className: "ml-1 text-red-500",
-										children: "*"
-									})]
-								}),
-								/*#__PURE__*/ q("div", {
-									className: "flex w-full items-center justify-center",
-									children: /*#__PURE__*/ J("label", {
-										htmlFor: "image-file",
-										onDragOver: H,
-										onDragLeave: ae,
-										onDrop: oe,
-										className: j("flex h-24 w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed transition-all", k ? "border-blue-500 bg-blue-50" : "border-gray-300 bg-gray-50 hover:bg-gray-100"),
-										children: [/*#__PURE__*/ J("div", {
-											className: "flex flex-col items-center justify-center pt-3 pb-3",
-											children: [
-												/*#__PURE__*/ q("svg", {
-													className: j("mb-1 h-6 w-6 transition-colors", k ? "text-blue-500" : "text-gray-500"),
-													"aria-hidden": "true",
-													xmlns: "http://www.w3.org/2000/svg",
-													fill: "none",
-													viewBox: "0 0 20 16",
-													children: /*#__PURE__*/ q("path", {
-														stroke: "currentColor",
-														strokeLinecap: "round",
-														strokeLinejoin: "round",
-														strokeWidth: "2",
-														d: "M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 5.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
-													})
-												}),
-												/*#__PURE__*/ q("p", {
-													className: j("text-xs transition-colors", k ? "font-semibold text-blue-600" : "text-gray-500"),
-													children: k ? /*#__PURE__*/ q("span", { children: u._({ id: "vXmL4D" }) }) : /*#__PURE__*/ J(K, { children: [
-														/*#__PURE__*/ q("span", {
-															className: "font-semibold",
-															children: u._({ id: "gYe+hC" })
-														}),
-														" ",
-														u._({ id: "Np28ib" })
-													] })
-												}),
-												/*#__PURE__*/ q("p", {
-													className: "text-xs text-gray-400",
-													children: u._({ id: "jBIkmi" })
-												})
-											]
-										}), /*#__PURE__*/ q("input", {
-											id: "image-file",
-											type: "file",
-											className: "hidden",
-											onChange: ie,
-											accept: I,
-											disabled: i
-										})]
-									})
-								}),
-								S && /*#__PURE__*/ J("div", {
-									className: "mt-2 flex items-center justify-between rounded-lg border border-green-200 bg-green-50 p-2 text-xs",
+									onDragOver: W,
+									onDragLeave: ie,
+									onDrop: ae,
+									className: j("flex h-24 w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed transition-all", A ? "border-blue-500 bg-blue-50" : "border-gray-300 bg-gray-50 hover:bg-gray-100"),
 									children: [/*#__PURE__*/ J("div", {
-										className: "flex items-center",
-										children: [/*#__PURE__*/ q("svg", {
-											className: "mr-2 h-4 w-4 text-green-600",
-											fill: "currentColor",
-											viewBox: "0 0 20 20",
-											children: /*#__PURE__*/ q("path", {
-												fillRule: "evenodd",
-												d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-												clipRule: "evenodd"
+										className: "flex flex-col items-center justify-center pt-3 pb-3",
+										children: [
+											/*#__PURE__*/ q("svg", {
+												className: j("mb-1 h-6 w-6 transition-colors", A ? "text-blue-500" : "text-gray-500"),
+												"aria-hidden": "true",
+												xmlns: "http://www.w3.org/2000/svg",
+												fill: "none",
+												viewBox: "0 0 20 16",
+												children: /*#__PURE__*/ q("path", {
+													stroke: "currentColor",
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													strokeWidth: "2",
+													d: "M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 5.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
+												})
+											}),
+											/*#__PURE__*/ q("p", {
+												className: j("text-xs transition-colors", A ? "font-semibold text-blue-600" : "text-gray-500"),
+												children: A ? /*#__PURE__*/ q("span", { children: f._({ id: "vXmL4D" }) }) : /*#__PURE__*/ J(K, { children: [
+													/*#__PURE__*/ q("span", {
+														className: "font-semibold",
+														children: f._({ id: "gYe+hC" })
+													}),
+													" ",
+													f._({ id: "Np28ib" })
+												] })
+											}),
+											/*#__PURE__*/ q("p", {
+												className: "text-xs text-gray-400",
+												children: f._({ id: "jBIkmi" })
 											})
-										}), /*#__PURE__*/ q("span", {
-											className: "text-gray-700",
-											children: S.name
-										})]
-									}), /*#__PURE__*/ q("button", {
-										type: "button",
-										onClick: () => {
-											w(null), D.file && O((e) => {
-												let t = { ...e };
-												return delete t.file, t;
-											});
-										},
-										className: "font-medium text-red-600 hover:text-red-800",
-										disabled: i,
-										children: u._({ id: "t/YqKh" })
+										]
+									}), /*#__PURE__*/ q("input", {
+										id: "image-file",
+										type: "file",
+										className: "hidden",
+										onChange: re,
+										accept: L,
+										disabled: i
 									})]
-								}),
-								D.file && /*#__PURE__*/ q("p", {
-									className: "text-theme-error mt-1 text-xs text-red-600",
-									children: D.file
-								})
-							]
-						}) })
-					}),
-					/*#__PURE__*/ J(C, {
-						className: "mb-6",
-						children: [
-							/*#__PURE__*/ q(g, {
-								className: "mb-6",
-								children: /*#__PURE__*/ q(b, {
-									id: "name",
-									name: "name",
-									label: u._({ id: "ExLULX" }),
-									value: p.name,
-									onChange: te,
-									onBlur: ne,
-									required: !0,
-									errortext: D.name,
-									placeholder: u._({ id: "ZgyEqj" }),
-									disabled: i
 								})
 							}),
-							/*#__PURE__*/ q(g, {
-								className: "mb-6",
-								children: /*#__PURE__*/ J("div", {
-									className: "w-full",
-									children: [/*#__PURE__*/ J(a, {
-										gap: "1",
-										direction: "horizontal",
-										alignment: "start",
-										children: [/*#__PURE__*/ q("div", {
-											className: "flex-1",
-											children: /*#__PURE__*/ q(b, {
-												id: "tags",
-												name: "tags",
-												label: u._({ id: "OYHzN1" }),
-												value: y,
-												onChange: se,
-												onKeyDown: U,
-												helptext: u._({ id: "PpMrSG" }),
-												placeholder: u._({ id: "qzx7aY" }),
-												disabled: i
-											})
-										}), /*#__PURE__*/ q(_, {
-											variant: "primary",
-											onClick: ce,
-											disabled: i || y.trim() === "",
-											children: /*#__PURE__*/ q(Q, { id: "m16xKo" })
-										})]
-									}), p.tags.length > 0 && /*#__PURE__*/ q(a, {
-										gap: "1",
-										wrap: !0,
-										alignment: "center",
-										className: "mt-1",
-										children: p.tags.map((e) => /*#__PURE__*/ q(l, {
-											closeable: !0,
-											pillKey: "",
-											pillValue: e,
-											onClose: () => W(e)
-										}, e))
+							w && /*#__PURE__*/ J("div", {
+								className: "mt-2 flex items-center justify-between rounded-lg border border-green-200 bg-green-50 p-2 text-xs",
+								children: [/*#__PURE__*/ J("div", {
+									className: "flex items-center",
+									children: [/*#__PURE__*/ q("svg", {
+										className: "mr-2 h-4 w-4 text-green-600",
+										fill: "currentColor",
+										viewBox: "0 0 20 20",
+										children: /*#__PURE__*/ q("path", {
+											fillRule: "evenodd",
+											d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+											clipRule: "evenodd"
+										})
+									}), /*#__PURE__*/ q("span", {
+										className: "text-gray-700",
+										children: w.name
 									})]
-								})
-							}),
-							/*#__PURE__*/ q(g, {
-								className: "mb-6",
-								children: /*#__PURE__*/ J(v, {
-									id: "visibility",
-									name: "visibility",
-									label: u._({ id: "2q/Q7x" }),
-									value: p.visibility,
-									onChange: (e) => L("visibility", e),
+								}), /*#__PURE__*/ q("button", {
+									type: "button",
+									onClick: () => {
+										D(null), O.file && k((e) => {
+											let t = { ...e };
+											return delete t.file, t;
+										});
+									},
+									className: "font-medium text-red-600 hover:text-red-800",
 									disabled: i,
-									loading: i,
-									children: [
-										/*#__PURE__*/ q(o, {
-											value: V.PUBLIC,
-											label: u._({ id: "7d1a0d" })
-										}),
-										/*#__PURE__*/ q(o, {
-											value: V.PRIVATE,
-											label: u._({ id: "zwBp5t" })
-										}),
-										/*#__PURE__*/ q(o, {
-											value: V.SHARED,
-											label: u._({ id: "0Gd0NU" })
-										}),
-										/*#__PURE__*/ q(o, {
-											value: V.COMMUNITY,
-											label: u._({ id: "chL5IG" })
-										})
-									]
-								})
+									children: f._({ id: "t/YqKh" })
+								})]
 							}),
-							/*#__PURE__*/ q(g, {
-								className: "mb-6",
-								children: /*#__PURE__*/ J(a, {
+							O.file && /*#__PURE__*/ q("p", {
+								className: "text-theme-error mt-1 text-xs text-red-600",
+								children: O.file
+							})
+						]
+					}) })
+				}),
+				/*#__PURE__*/ J(C, {
+					className: "mb-6",
+					children: [
+						/*#__PURE__*/ q(g, {
+							className: "mb-6",
+							children: /*#__PURE__*/ q(b, {
+								id: "name",
+								name: "name",
+								label: f._({ id: "ExLULX" }),
+								value: h.name,
+								onChange: R,
+								onBlur: te,
+								required: !0,
+								errortext: O.name,
+								disabled: i
+							})
+						}),
+						/*#__PURE__*/ q(g, {
+							className: "mb-6",
+							children: /*#__PURE__*/ J("div", {
+								className: "w-full",
+								children: [/*#__PURE__*/ J(a, {
+									gap: "1",
 									direction: "horizontal",
-									gap: "3",
-									distribution: "evenly",
-									className: "w-full",
+									alignment: "start",
 									children: [/*#__PURE__*/ q("div", {
 										className: "flex-1",
-										children: /*#__PURE__*/ J(v, {
-											id: "disk_format",
-											name: "disk_format",
-											label: u._({ id: "NopYGU" }),
-											value: p.disk_format,
-											onChange: (e) => L("disk_format", e),
-											disabled: i,
-											loading: i,
-											required: !0,
-											errortext: D.disk_format,
-											children: [
-												/*#__PURE__*/ q(o, {
-													value: z.QCOW2,
-													label: "QCOW2 - QEMU Emulator"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.RAW,
-													label: "Raw"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.VMDK,
-													label: "VMDK - Virtual Machine Disk"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.VHD,
-													label: "VHD - Virtual Hard Disk"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.VHDX,
-													label: "VHDX - Virtual Hard Disk Extended"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.VDI,
-													label: "VDI - Virtual Disk Image"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.AMI,
-													label: "AMI - Amazon Machine Image"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.ARI,
-													label: "ARI - Amazon Ramdisk Image"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.AKI,
-													label: "AKI - Amazon Kernel Image"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.ISO,
-													label: "ISO - Optical Disk Image"
-												}),
-												/*#__PURE__*/ q(o, {
-													value: z.PLOOP,
-													label: "PLOOP - Virtuozzo/Parallels Loopback Disk"
-												})
-											]
-										})
-									}), /*#__PURE__*/ q("div", {
-										className: "flex-1",
-										children: /*#__PURE__*/ q(v, {
-											id: "container_format",
-											name: "container_format",
-											label: u._({ id: "6/xipy" }),
-											value: p.container_format,
-											onChange: (e) => L("container_format", e),
-											disabled: i || !p.disk_format || !P.length,
-											required: !0,
-											errortext: D.container_format,
-											helptext: !P.length && u._({ id: "A7CVME" }),
-											children: P.map((e) => /*#__PURE__*/ q(o, {
-												value: e,
-												label: e.toUpperCase()
-											}, e))
+										children: /*#__PURE__*/ q(b, {
+											id: "tags",
+											name: "tags",
+											label: f._({ id: "OYHzN1" }),
+											value: x,
+											onChange: oe,
+											onKeyDown: ce,
+											helptext: f._({ id: "PpMrSG" }),
+											disabled: i
 										})
+									}), /*#__PURE__*/ q(_, {
+										onClick: se,
+										disabled: i || x.trim() === "",
+										children: /*#__PURE__*/ q(Q, { id: "m16xKo" })
 									})]
-								})
-							}),
-							/*#__PURE__*/ q(g, {
-								className: "mb-0",
-								children: /*#__PURE__*/ q(E, {
-									id: "protected",
-									name: "protected",
-									label: u._({ id: "644xgx" }),
-									checked: p.protected,
-									onChange: te,
-									helptext: u._({ id: "aV6KPH" }),
-									disabled: i
-								})
+								}), h.tags.length > 0 && /*#__PURE__*/ q(a, {
+									gap: "1",
+									wrap: !0,
+									alignment: "center",
+									className: "mt-1",
+									children: h.tags.map((e) => /*#__PURE__*/ q(l, {
+										closeable: !0,
+										pillKey: "",
+										pillValue: e,
+										onClose: () => le(e)
+									}, e))
+								})]
 							})
-						]
-					}),
-					/*#__PURE__*/ q(C, {
-						className: "mb-6",
-						children: /*#__PURE__*/ q(g, {
-							className: "mb-0",
+						}),
+						/*#__PURE__*/ q(g, {
+							className: "mb-6",
+							children: /*#__PURE__*/ J(v, {
+								id: "visibility",
+								name: "visibility",
+								label: f._({ id: "2q/Q7x" }),
+								value: h.visibility,
+								onChange: (e) => z("visibility", e),
+								disabled: i,
+								loading: i,
+								children: [
+									/*#__PURE__*/ q(o, {
+										value: B.PUBLIC,
+										label: f._({ id: "7d1a0d" })
+									}),
+									/*#__PURE__*/ q(o, {
+										value: B.PRIVATE,
+										label: f._({ id: "zwBp5t" })
+									}),
+									/*#__PURE__*/ q(o, {
+										value: B.SHARED,
+										label: f._({ id: "0Gd0NU" })
+									}),
+									/*#__PURE__*/ q(o, {
+										value: B.COMMUNITY,
+										label: f._({ id: "chL5IG" })
+									})
+								]
+							})
+						}),
+						/*#__PURE__*/ q(g, {
+							className: "mb-6",
 							children: /*#__PURE__*/ J(a, {
 								direction: "horizontal",
 								gap: "3",
@@ -636,55 +548,156 @@ var Je = {
 								className: "w-full",
 								children: [/*#__PURE__*/ q("div", {
 									className: "flex-1",
-									children: /*#__PURE__*/ q(b, {
-										id: "min_disk",
-										name: "min_disk",
-										label: u._({ id: "NixRmA" }),
-										type: "number",
-										value: String(p.min_disk),
-										onChange: (e) => re("min_disk", e.target.value),
-										onBlur: () => R("min_disk", p.min_disk),
-										helptext: u._({ id: "4fh0Wj" }),
-										errortext: D.min_disk,
-										disabled: i
+									children: /*#__PURE__*/ J(v, {
+										id: "disk_format",
+										name: "disk_format",
+										label: f._({ id: "NopYGU" }),
+										value: h.disk_format,
+										onChange: (e) => z("disk_format", e),
+										disabled: i,
+										loading: i,
+										required: !0,
+										errortext: O.disk_format,
+										children: [
+											/*#__PURE__*/ q(o, {
+												value: U.QCOW2,
+												label: "QCOW2 - QEMU Emulator"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.RAW,
+												label: "Raw"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.VMDK,
+												label: "VMDK - Virtual Machine Disk"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.VHD,
+												label: "VHD - Virtual Hard Disk"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.VHDX,
+												label: "VHDX - Virtual Hard Disk Extended"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.VDI,
+												label: "VDI - Virtual Disk Image"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.AMI,
+												label: "AMI - Amazon Machine Image"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.ARI,
+												label: "ARI - Amazon Ramdisk Image"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.AKI,
+												label: "AKI - Amazon Kernel Image"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.ISO,
+												label: "ISO - Optical Disk Image"
+											}),
+											/*#__PURE__*/ q(o, {
+												value: U.PLOOP,
+												label: "PLOOP - Virtuozzo/Parallels Loopback Disk"
+											})
+										]
 									})
 								}), /*#__PURE__*/ q("div", {
 									className: "flex-1",
-									children: /*#__PURE__*/ q(b, {
-										id: "min_ram",
-										name: "min_ram",
-										label: u._({ id: "CgZxr7" }),
-										type: "number",
-										value: String(p.min_ram),
-										onChange: (e) => re("min_ram", e.target.value),
-										onBlur: () => R("min_ram", p.min_ram),
-										helptext: u._({ id: "KsIM0b" }),
-										errortext: D.min_ram,
-										disabled: i
+									children: /*#__PURE__*/ q(v, {
+										id: "container_format",
+										name: "container_format",
+										label: f._({ id: "6/xipy" }),
+										value: h.container_format,
+										onChange: (e) => z("container_format", e),
+										disabled: i || !h.disk_format || !F.length,
+										required: !0,
+										errortext: O.container_format,
+										helptext: !F.length && f._({ id: "A7CVME" }),
+										children: F.map((e) => /*#__PURE__*/ q(o, {
+											value: e,
+											label: e.toUpperCase()
+										}, e))
 									})
 								})]
 							})
+						}),
+						/*#__PURE__*/ q(g, {
+							className: "mb-0",
+							children: /*#__PURE__*/ q(E, {
+								id: "protected",
+								name: "protected",
+								label: f._({ id: "644xgx" }),
+								checked: h.protected,
+								onChange: R,
+								helptext: f._({ id: "aV6KPH" }),
+								disabled: i
+							})
+						})
+					]
+				}),
+				/*#__PURE__*/ q(C, {
+					className: "mb-6",
+					children: /*#__PURE__*/ q(g, {
+						className: "mb-0",
+						children: /*#__PURE__*/ J(a, {
+							direction: "horizontal",
+							gap: "3",
+							distribution: "evenly",
+							className: "w-full",
+							children: [/*#__PURE__*/ q("div", {
+								className: "flex-1",
+								children: /*#__PURE__*/ q(b, {
+									id: "min_disk",
+									name: "min_disk",
+									label: f._({ id: "NixRmA" }),
+									type: "number",
+									value: String(h.min_disk),
+									onChange: (e) => ne("min_disk", e.target.value),
+									onBlur: () => V("min_disk", h.min_disk),
+									helptext: f._({ id: "4fh0Wj" }),
+									errortext: O.min_disk,
+									disabled: i
+								})
+							}), /*#__PURE__*/ q("div", {
+								className: "flex-1",
+								children: /*#__PURE__*/ q(b, {
+									id: "min_ram",
+									name: "min_ram",
+									label: f._({ id: "CgZxr7" }),
+									type: "number",
+									value: String(h.min_ram),
+									onChange: (e) => ne("min_ram", e.target.value),
+									onBlur: () => V("min_ram", h.min_ram),
+									helptext: f._({ id: "KsIM0b" }),
+									errortext: O.min_ram,
+									disabled: i
+								})
+							})]
 						})
 					})
-				]
-			})
-		]
+				})
+			]
+		})]
 	});
-}, Xe = 20, Ze = 100, Qe = ({ deletableImages: e, protectedImages: t, isOpen: n, isLoading: r, onClose: i, onDelete: o }) => {
+}, Qe = 20, $e = 100, et = ({ deletableImages: e, protectedImages: t, isOpen: n, isLoading: r, onClose: i, onDelete: o }) => {
 	let { i18n: s, _: c } = $(), [l, u] = Z(null), { trackClose: f, markSubmitted: p, resetTracking: h } = P({
 		isOpen: n,
 		actionPrefix: "compute.images.delete"
-	}), g = Re.object({ confirm: Re.string().refine((e) => e === "delete", { message: s._({ id: "QytzQr" }) }) }), _ = Be({
+	}), g = Be.object({ confirm: Be.string().refine((e) => e === "delete", { message: s._({ id: "QytzQr" }) }) }), _ = He({
 		defaultValues: { confirm: "" },
 		validators: { onSubmit: g },
 		onSubmit: async () => {
 			l === null && !r ? (p(), o(e.map((e) => e.id))) : S();
 		}
-	}), v = Ve(_.store, (e) => e.isSubmitting || e.values.confirm !== "delete"), y = e.length, x = t.length, S = () => {
+	}), v = Ue(_.store, (e) => e.isSubmitting || e.values.confirm !== "delete"), y = e.length, x = t.length, S = () => {
 		f(), u(null), _.reset(), h(), i();
 	};
 	if (l !== null) {
-		let e = l.errors.slice(0, Ze), t = l.errors.length - e.length;
+		let e = l.errors.slice(0, $e), t = l.errors.length - e.length;
 		return /*#__PURE__*/ q(d, {
 			open: n,
 			onCancel: S,
@@ -737,7 +750,7 @@ var Je = {
 			})
 		});
 	}
-	let w = e.slice(0, Xe), T = e.length - w.length, E = t.slice(0, Xe), D = t.length - E.length, O = r ? s._({ id: "EF2EU9" }) : y === 1 ? s._({ id: "KWa0gi" }) : s._({ id: "JtHgVz" });
+	let w = e.slice(0, Qe), T = e.length - w.length, E = t.slice(0, Qe), D = t.length - E.length, O = r ? s._({ id: "EF2EU9" }) : y === 1 ? s._({ id: "KWa0gi" }) : s._({ id: "JtHgVz" });
 	return /*#__PURE__*/ q(d, {
 		open: n,
 		onCancel: S,
@@ -845,7 +858,6 @@ var Je = {
 							onChange: (t) => e.handleChange(t.target.value),
 							invalid: e.state.meta.errors.length > 0,
 							errortext: e.state.meta.errors.map((e) => typeof e == "string" ? e : e?.message).join(", ") || void 0,
-							placeholder: "delete",
 							autoFocus: !0,
 							disabled: r,
 							required: !0
@@ -855,7 +867,7 @@ var Je = {
 			]
 		})
 	});
-}, $e = ({ activeImages: e, deactivatedImages: t, isOpen: n, isLoading: r, onClose: i, onDeactivate: a }) => {
+}, tt = ({ activeImages: e, deactivatedImages: t, isOpen: n, isLoading: r, onClose: i, onDeactivate: a }) => {
 	let { i18n: o, _: s } = $(), c = e.length, l = t.length, u = (t) => {
 		t.preventDefault(), a(e.map((e) => e.id));
 	};
@@ -947,7 +959,7 @@ var Je = {
 			] })
 		})
 	});
-}, et = ({ deactivatedImages: e, activeImages: t, isOpen: n, isLoading: r, onClose: i, onActivate: a }) => {
+}, nt = ({ deactivatedImages: e, activeImages: t, isOpen: n, isLoading: r, onClose: i, onActivate: a }) => {
 	let { i18n: o, _: s } = $(), c = e.length, l = t.length;
 	return /*#__PURE__*/ q(d, {
 		onCancel: i,
@@ -1037,317 +1049,287 @@ var Je = {
 			] })
 		})
 	});
-}, tt = ({ isOpen: e, onClose: t, image: n, permissions: { canCreateMember: i, canDeleteMember: a } }) => {
-	let { i18n: o, _: s } = $(), c = N(), [l, u] = Z(null), [f, p] = Z(!1), { data: m, isLoading: h } = k.compute.listImageMembers.useQuery({
-		project_id: c,
-		imageId: n?.id || ""
-	}, { enabled: e && !!n?.id }), g = () => {
-		u(null), p(!1), t();
-	};
-	if (!e || !n) return null;
-	let _ = n.name || n.id;
-	return /*#__PURE__*/ q(d, {
-		onCancel: g,
-		title: o._({
-			id: "UQ7Wyv",
-			values: { imageName: _ }
-		}),
-		open: e,
-		size: "xl",
-		children: /*#__PURE__*/ J("div", { children: [l && /*#__PURE__*/ q(r, {
-			onDismiss: () => u(null),
-			text: l.text,
-			variant: l.type,
-			className: "mb-4"
-		}), /*#__PURE__*/ q(I, {
-			projectId: c,
-			image: n,
-			imageMembers: m,
-			isMembersLoading: h,
-			canAdd: i,
-			canRemove: a,
-			isAddingMember: f,
-			setIsAddingMember: p,
-			setMessage: u
-		})] })
-	});
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/images/-components/ImageListView.tsx
-function nt({ images: e, suggestedImages: t, acceptedImages: n, permissions: r, isFetching: i, currentPage: a = 1, totalPages: o = 1, onPageChange: l, children: d, selectedImages: f, setSelectedImages: p, deleteAllModalOpen: m, setDeleteAllModalOpen: h, deactivateAllModalOpen: g, setDeactivateAllModalOpen: _, activateAllModalOpen: v, setActivateAllModalOpen: y, createModalOpen: b, setCreateModalOpen: C, deletableImages: w, protectedImages: E, activeImages: O, deactivatedImages: j, onImageUpdated: M, onImageDeleted: ee, onMemberStatusChanged: P, hasAnyBulkAction: F }) {
-	let I = N(), [re, R] = Z(!1), [z, V] = Z(!1), [W, fe] = Z(!1), [Se, De] = Z(!1), [Oe, ke] = Z(!1), [Ae, je] = Z(!1), [Y, X] = Z(null), [Me, Ne] = Z(!1), [Pe, Fe] = Z(null), [Ie, Re] = Z(!1), { i18n: ze, _: Be } = $(), Ve = k.useUtils(), Ue = k.compute.deleteImage.useMutation(), We = k.compute.deactivateImage.useMutation({ onSuccess: () => {
-		Ve.compute.getImageById.invalidate();
-	} }), Ge = k.compute.reactivateImage.useMutation({ onSuccess: () => {
-		Ve.compute.getImageById.invalidate();
-	} }), Ke = k.compute.deleteImages.useMutation({ onSuccess: () => {
-		p([]);
-	} }), qe = k.compute.activateImages.useMutation({ onSuccess: () => {
-		p([]);
-	} }), Je = k.compute.deactivateImages.useMutation({ onSuccess: () => {
-		p([]);
-	} }), Xe = k.compute.updateImage.useMutation({ onSuccess: (e) => {
-		Ve.compute.getImageById.setData({
-			project_id: I,
+function rt({ images: e, permissions: t, isFetching: n, currentPage: r = 1, totalPages: i = 1, onPageChange: a, children: o, selectedImages: l, setSelectedImages: d, deleteAllModalOpen: f, setDeleteAllModalOpen: p, deactivateAllModalOpen: m, setDeactivateAllModalOpen: h, activateAllModalOpen: g, setActivateAllModalOpen: _, createModalOpen: v, setCreateModalOpen: y, deletableImages: b, protectedImages: C, activeImages: w, deactivatedImages: E, onImageUpdated: O, onImageDeleted: j, onMemberStatusChanged: M, hasAnyBulkAction: N, pendingSharedIds: P, acceptedSharedIds: F }) {
+	let B = ee(), [ne, H] = Z(!1), [U, W] = Z(!1), [oe, fe] = Z(!1), [ke, Ae] = Z(!1), [je, Me] = Z(!1), [Ne, Pe] = Z(!1), [Y, X] = Z(null), [Ie, Le] = Z(!1), [Re, Be] = Z(null), [Ve, He] = Z(!1), Ue = Fe(null), Ge = Fe(!1), { i18n: Ke, _: qe } = $(), Je = k.useUtils(), Ye = k.compute.deleteImage.useMutation(), Xe = k.compute.deactivateImage.useMutation({ onSuccess: () => {
+		Je.compute.getImageById.invalidate();
+	} }), Qe = k.compute.reactivateImage.useMutation({ onSuccess: () => {
+		Je.compute.getImageById.invalidate();
+	} }), $e = k.compute.deleteImages.useMutation({ onSuccess: () => {
+		d([]);
+	} }), rt = k.compute.activateImages.useMutation({ onSuccess: () => {
+		d([]);
+	} }), it = k.compute.deactivateImages.useMutation({ onSuccess: () => {
+		d([]);
+	} }), at = k.compute.updateImage.useMutation({ onSuccess: (e) => {
+		Je.compute.getImageById.setData({
+			project_id: B,
 			imageId: e.id
 		}, e);
-	} }), Ze = k.compute.createImage.useMutation(), nt = k.compute.updateImageVisibility.useMutation(), { data: rt } = k.compute.watchUploadProgress.useSubscription({
-		project_id: I,
-		uploadId: Pe || ""
-	}, { enabled: !!Pe && Ie }), it = Ue.isPending || We.isPending || Ge.isPending || Ke.isPending || qe.isPending || Je.isPending || Xe.isPending, at = async (e, t, n) => {
+	} }), ot = k.compute.createImage.useMutation(), st = k.compute.updateImageVisibility.useMutation(), { data: ct } = k.compute.watchUploadProgress.useSubscription({
+		project_id: B,
+		uploadId: Re || ""
+	}, { enabled: !!Re && Ve }), lt = Ye.isPending || Xe.isPending || Qe.isPending || $e.isPending || rt.isPending || it.isPending || at.isPending, ut = async (e, t, n) => {
 		try {
-			M(await nt.mutateAsync({
-				project_id: I,
+			O(await st.mutateAsync({
+				project_id: B,
 				imageId: e,
 				visibility: t
 			}));
-			let { message: r, ...i } = we(n, t);
+			let { message: r, ...i } = he(n, t);
 			S.success(r, i);
 		} catch (e) {
-			let r = e?.message || ze._({
+			let r = e?.message || Ke._({
 				id: "J9cmxx",
 				values: { newVisibility: t }
-			}), { message: i, ...a } = te(n, r);
+			}), { message: i, ...a } = I(n, r);
 			S.error(i, a);
 		}
-	}, ot = (e, t) => {
-		let n = [];
-		return Object.entries(e).forEach(([e, r]) => {
-			let i = `/${e}`;
-			r == null ? e in t && n.push({
-				op: "remove",
-				path: i
-			}) : e in t ? n.push({
-				op: "replace",
-				path: i,
-				value: r
-			}) : n.push({
-				op: "add",
-				path: i,
-				value: r
-			});
-		}), n;
-	}, st = async (e) => {
+	}, dt = async (e) => {
 		if (!Y) return !1;
 		let t = Y.id, n = e.name || Y.name || t;
 		try {
-			let r = ot(e, Y), i = await Xe.mutateAsync({
-				project_id: I,
+			let r = Ce(e, Y), i = await at.mutateAsync({
+				project_id: B,
 				imageId: t,
 				operations: r
 			});
-			R(!1);
-			let { message: a, ...o } = H(n);
-			return S.success(a, o), X(i), M(i), !0;
+			H(!1);
+			let { message: a, ...o } = re(n);
+			return S.success(a, o), X(i), O(i), !0;
 		} catch (e) {
-			let t = e?.message ?? "", { message: r, ...i } = Te(n, t);
+			let t = e?.message ?? "", { message: r, ...i } = R(n, t);
 			return S.error(r, i), X(null), !1;
 		}
-	}, ct = async (e, t) => {
-		let n = e.name || "Unnamed";
+	}, ft = async (e, t) => {
+		let n = e.name || "Unnamed", r = null;
 		try {
-			Ne(!0);
-			let r = await Ze.mutateAsync({
-				project_id: I,
+			Le(!0);
+			let i = await ot.mutateAsync({
+				project_id: B,
 				...e
 			});
-			Fe(r.id), Re(!0), await A.compute.uploadImage.mutate(t, { context: { headers: {
-				"x-project-id": I,
-				"x-upload-id": r.id,
-				"x-upload-size": String(t.size)
-			} } });
-			let { message: i, ...a } = G(n);
-			S.success(i, a), M(r), P();
+			r = i.id;
+			let a = new AbortController();
+			Ue.current = a, Ge.current = !1, Be(i.id), He(!0), await A.compute.uploadImage.mutate(t, {
+				signal: a.signal,
+				context: { headers: {
+					"x-project-id": B,
+					"x-upload-id": i.id,
+					"x-upload-size": String(t.size)
+				} }
+			});
+			let { message: o, ...s } = De(n);
+			S.success(o, s), O(i), M();
 		} catch (e) {
-			if (e instanceof Le && e.data?.path === "compute.createImage") {
-				let { message: t, ...r } = he(n, e.message);
+			if (Ge.current) {
+				if (r) try {
+					await Ye.mutateAsync({
+						project_id: B,
+						imageId: r
+					}), j(r);
+				} catch (e) {
+					let t = e?.message ?? "", { message: n, ...i } = Ee(r, t);
+					S.error(n, i);
+				}
+				return;
+			}
+			if (e instanceof ze && e.data?.path === "compute.createImage") {
+				let { message: t, ...r } = ce(n, e.message);
 				S.error(t, r);
 			} else {
-				let n = e?.message ?? "", { message: r, ...i } = ce(t.name, n);
+				let n = e?.message ?? "", { message: r, ...i } = te(t.name, n);
 				S.error(r, i);
 			}
 		} finally {
-			Ne(!1), C(!1), Re(!1), Fe(null);
+			Ue.current = null, Ge.current = !1, Le(!1), y(!1), He(!1), Be(null);
 		}
-	}, lt = async (e) => {
-		R(!1), V(!1);
+	}, pt = () => {
+		Ge.current = !0, Ue.current?.abort();
+		let { message: e, ...t } = ge();
+		S.info(e, t);
+	}, mt = async (e) => {
+		H(!1), W(!1);
 		let t = e.name || e.id, n = e.id;
 		try {
-			await Ue.mutateAsync({
-				project_id: I,
+			await Ye.mutateAsync({
+				project_id: B,
 				imageId: n
 			});
-			let { message: e, ...r } = Ee(t);
-			S.success(e, r), ee(n);
+			let { message: e, ...r } = ae(t);
+			S.success(e, r), j(n);
 		} catch (e) {
-			let t = e?.message ?? "", { message: r, ...i } = Ce(n, t);
+			let t = e?.message ?? "", { message: r, ...i } = Ee(n, t);
 			S.error(r, i);
 		}
 		X(null);
-	}, ut = async (e) => {
-		e.status === B.DEACTIVATED ? (X(e), ke(!0)) : (X(e), De(!0));
-	}, dt = async (e) => {
+	}, ht = async (e) => {
+		e.status === z.DEACTIVATED ? (X(e), Me(!0)) : (X(e), Ae(!0));
+	}, gt = async (e) => {
 		let t = e.name || e.id, n = e.id;
 		try {
-			await Ge.mutateAsync({
-				project_id: I,
+			await Qe.mutateAsync({
+				project_id: B,
 				imageId: n
-			}), M({
+			}), O({
 				...e,
-				status: B.ACTIVE
-			}), ke(!1), X(null);
-			let { message: r, ...i } = le(t);
+				status: z.ACTIVE
+			}), Me(!1), X(null);
+			let { message: r, ...i } = Te(t);
 			S.success(r, i);
 		} catch (e) {
-			let t = e?.message ?? "", { message: r, ...i } = ve(n, t);
+			let t = e?.message ?? "", { message: r, ...i } = Oe(n, t);
 			S.error(r, i);
 		}
-	}, ft = async (e) => {
+	}, _t = async (e) => {
 		let t = e.name || e.id, n = e.id;
 		try {
-			await We.mutateAsync({
-				project_id: I,
+			await Xe.mutateAsync({
+				project_id: B,
 				imageId: n
-			}), M({
+			}), O({
 				...e,
-				status: B.DEACTIVATED
-			}), De(!1), X(null);
-			let { message: r, ...i } = ue(t);
+				status: z.DEACTIVATED
+			}), Ae(!1), X(null);
+			let { message: r, ...i } = ie(t);
 			S.success(r, i);
 		} catch (e) {
-			let t = e?.message ?? "", { message: r, ...i } = oe(n, t);
+			let t = e?.message ?? "", { message: r, ...i } = L(n, t);
 			S.error(r, i);
 		}
-	}, pt = (e) => {
-		X(e), R(!0);
-	}, mt = (e) => {
-		X(e), V(!0);
-	}, ht = (e) => {
+	}, vt = (e) => {
+		X(e), H(!0);
+	}, yt = (e) => {
+		X(e), W(!0);
+	}, bt = (e) => {
 		X(e), fe(!0);
-	}, gt = (e) => {
-		X(e), je(!0);
-	}, _t = () => {
-		X(null), R(!1);
-	}, vt = () => {
-		X(null), V(!1);
-	}, yt = () => {
-		X(null), fe(!1);
-	}, bt = () => {
-		X(null), De(!1);
-	}, xt = () => {
-		X(null), ke(!1);
+	}, xt = (e) => {
+		X(e), Pe(!0);
 	}, St = () => {
-		X(null), je(!1);
-	}, Ct = async (e) => {
-		h(!1);
+		X(null), H(!1);
+	}, Ct = () => {
+		X(null), W(!1), Je.compute.listImagesWithPagination.invalidate();
+	}, wt = () => {
+		X(null), fe(!1);
+	}, Tt = () => {
+		X(null), Ae(!1);
+	}, Et = () => {
+		X(null), Me(!1);
+	}, Dt = () => {
+		X(null), Pe(!1);
+	}, Ot = async (e) => {
+		p(!1);
 		try {
-			let t = await Ke.mutateAsync({
-				project_id: I,
+			let t = await $e.mutateAsync({
+				project_id: B,
 				imageIds: e
 			}), n = t.successful.length, r = t.failed.length, i = e.length;
 			if (r === 0) {
-				let { message: e, ...t } = me(n, i);
+				let { message: e, ...t } = pe(n, i);
 				S.success(e, t);
 			} else if (n === 0) {
 				let { message: e, ...t } = be(r, i);
 				S.error(e, t);
 			} else {
-				let { message: e, ...t } = U(n, r);
+				let { message: e, ...t } = ve(n, r);
 				S.warning(e, t);
 			}
-			t.successful.length > 0 && ee(t.successful);
+			t.successful.length > 0 && j(t.successful);
 		} catch (t) {
 			let n = t?.message ?? "";
 			console.log("Bulk delete error: ", n);
 			let { message: r, ...i } = be(e.length, e.length);
 			S.error(r, i);
 		}
-	}, wt = async (t) => {
-		y(!1);
+	}, kt = async (t) => {
+		_(!1);
 		try {
-			let n = await qe.mutateAsync({
-				project_id: I,
+			let n = await rt.mutateAsync({
+				project_id: B,
 				imageIds: t
 			}), r = n.successful.length, i = n.failed.length, a = t.length;
 			if (n.successful.forEach((t) => {
 				let n = e.find((e) => e.id === t);
-				n && M({
+				n && O({
 					...n,
-					status: B.ACTIVE
+					status: z.ACTIVE
 				});
 			}), i === 0) {
-				let { message: e, ...t } = ye(r, a);
+				let { message: e, ...t } = _e(r, a);
 				S.success(e, t);
 			} else if (r === 0) {
-				let { message: e, ...t } = xe(i, a);
+				let { message: e, ...t } = Se(i, a);
 				S.error(e, t);
 			} else {
-				let { message: e, ...t } = ge(r, i);
+				let { message: e, ...t } = le(r, i);
 				S.warning(e, t);
 			}
 		} catch (e) {
 			let n = e?.message ?? "";
 			console.log("Bulk activate error: ", n);
-			let { message: r, ...i } = xe(t.length, t.length);
+			let { message: r, ...i } = Se(t.length, t.length);
 			S.error(r, i);
 		}
-	}, Tt = async (t) => {
-		_(!1);
+	}, At = async (t) => {
+		h(!1);
 		try {
-			let n = await Je.mutateAsync({
-				project_id: I,
+			let n = await it.mutateAsync({
+				project_id: B,
 				imageIds: t
 			}), r = n.successful.length, i = n.failed.length, a = t.length;
 			if (n.successful.forEach((t) => {
 				let n = e.find((e) => e.id === t);
-				n && M({
+				n && O({
 					...n,
-					status: B.DEACTIVATED
+					status: z.DEACTIVATED
 				});
 			}), i === 0) {
-				let { message: e, ...t } = _e(r, a);
+				let { message: e, ...t } = de(r, a);
 				S.success(e, t);
 			} else if (r === 0) {
-				let { message: e, ...t } = de(i, a);
+				let { message: e, ...t } = we(i, a);
 				S.error(e, t);
 			} else {
-				let { message: e, ...t } = se(r, i);
+				let { message: e, ...t } = ue(r, i);
 				S.warning(e, t);
 			}
 		} catch (e) {
 			let n = e?.message ?? "";
 			console.log("Bulk deactivate error: ", n);
-			let { message: r, ...i } = de(t.length, t.length);
+			let { message: r, ...i } = we(t.length, t.length);
 			S.error(r, i);
 		}
-	}, Et = (e) => {
-		e >= 1 && e <= o && l?.(e);
+	}, jt = (e) => {
+		e >= 1 && e <= i && a?.(e);
 	};
-	return it ? /*#__PURE__*/ q("div", {
+	return lt ? /*#__PURE__*/ q("div", {
 		"data-testid": "loading",
 		children: /*#__PURE__*/ q(c, { children: /*#__PURE__*/ q(D, {
 			colSpan: 3,
 			children: /*#__PURE__*/ q(T, {
 				status: "progress",
-				title: ze._({ id: "Z3FXyt" })
+				title: Ke._({ id: "Z3FXyt" })
 			})
 		}) })
-	}) : /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(K, { children: d }), /*#__PURE__*/ J("div", {
+	}) : /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(K, { children: o }), /*#__PURE__*/ J("div", {
 		className: "relative",
 		children: [
-			i && /*#__PURE__*/ q("div", {
+			n && /*#__PURE__*/ q("div", {
 				className: "bg-theme-background-lvl-0/50 absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm",
 				children: /*#__PURE__*/ q(T, {
 					status: "progress",
-					title: ze._({ id: "HBpi4q" })
+					title: Ke._({ id: "HBpi4q" })
 				})
 			}),
 			/*#__PURE__*/ J(K, { children: [/*#__PURE__*/ J(x, {
-				columns: F ? 9 : 8,
-				minContentColumns: F ? [0, 8] : [7],
+				columns: N ? 9 : 8,
+				minContentColumns: N ? [0, 8] : [7],
 				className: "images",
 				"data-testid": "images-table",
 				children: [/*#__PURE__*/ J(c, { children: [
-					F && /*#__PURE__*/ q(s, {}),
+					N && /*#__PURE__*/ q(s, {}),
 					/*#__PURE__*/ q(s, { children: /*#__PURE__*/ q(Q, { id: "uAQUqI" }) }),
 					/*#__PURE__*/ q(s, { children: /*#__PURE__*/ q(Q, { id: "ExLULX" }) }),
 					/*#__PURE__*/ q(s, { children: /*#__PURE__*/ q(Q, { id: "2q/Q7x" }) }),
@@ -1356,44 +1338,44 @@ function nt({ images: e, suggestedImages: t, acceptedImages: n, permissions: r,
 					/*#__PURE__*/ q(s, { children: /*#__PURE__*/ q(Q, { id: "NopYGU" }) }),
 					/*#__PURE__*/ q(s, { children: /*#__PURE__*/ q(Q, { id: "d+F6q9" }) }),
 					/*#__PURE__*/ q(s, {})
-				] }), e.length > 0 ? e.map((e) => /*#__PURE__*/ q(He, {
+				] }), e.length > 0 ? e.map((e) => /*#__PURE__*/ q(We, {
 					image: e,
-					isSelected: f.includes(e.id),
-					isPending: !!t.find(({ id: t }) => t === e.id),
-					isAccepted: !!n.find(({ id: t }) => t === e.id),
-					permissions: r,
-					onEditDetails: pt,
-					onEditMetadata: mt,
-					onDelete: ht,
-					onManageAccess: gt,
-					showSelectColumn: F,
+					isSelected: l.includes(e.id),
+					isPending: P.has(e.id),
+					isAccepted: F.has(e.id),
+					permissions: t,
+					onEditDetails: vt,
+					onEditMetadata: yt,
+					onDelete: bt,
+					onManageAccess: xt,
+					showSelectColumn: N,
 					onSelect: (e) => {
-						if (f.includes(e.id)) return p(f.filter((t) => t !== e.id));
-						p([...f, e.id]);
+						if (l.includes(e.id)) return d(l.filter((t) => t !== e.id));
+						d([...l, e.id]);
 					},
-					onActivationStatusChange: ut,
-					onUpdateVisibility: at,
-					uploadId: Pe,
-					uploadProgressPercent: rt?.percent,
-					onMemberStatusChanged: P
+					onActivationStatusChange: ht,
+					onUpdateVisibility: ut,
+					uploadId: Re,
+					uploadProgressPercent: ct?.percent,
+					onMemberStatusChanged: M
 				}, e.id)) : /*#__PURE__*/ q(c, { children: /*#__PURE__*/ q(D, {
-					colSpan: F ? 9 : 8,
+					colSpan: N ? 9 : 8,
 					children: /*#__PURE__*/ q(T, {
 						status: "empty",
-						title: ze._({ id: "eYlnXt" }),
-						body: ze._({ id: "qvF2D8" })
+						title: Ke._({ id: "eYlnXt" }),
+						body: Ke._({ id: "qvF2D8" })
 					})
 				}) })]
-			}), o > 1 && /*#__PURE__*/ q("div", {
+			}), i > 1 && /*#__PURE__*/ q("div", {
 				className: "flex justify-center py-4",
 				children: /*#__PURE__*/ q(u, {
 					variant: "input",
-					currentPage: a,
-					pages: o,
-					onPressPrevious: () => Et(Math.max(a - 1, 1)),
-					onPressNext: () => Et(Math.min(a + 1, o)),
+					currentPage: r,
+					pages: i,
+					onPressPrevious: () => jt(Math.max(r - 1, 1)),
+					onPressNext: () => jt(Math.min(r + 1, i)),
 					onSelectChange: (e) => {
-						Et(e);
+						jt(e);
 					},
 					onInputChange: () => {},
 					onKeyDown: (e) => {
@@ -1401,94 +1383,95 @@ function nt({ images: e, suggestedImages: t, acceptedImages: n, permissions: r,
 							let t = e.target.value;
 							if (t !== "") {
 								let e = parseInt(t, 10);
-								!isNaN(e) && e >= 1 && e <= o && Et(e);
+								!isNaN(e) && e >= 1 && e <= i && jt(e);
 							}
 						}
 					}
 				})
 			})] }),
 			Y && /*#__PURE__*/ J(K, { children: [
-				/*#__PURE__*/ q(pe, {
-					isOpen: re,
-					onClose: _t,
+				/*#__PURE__*/ q(V, {
+					isOpen: ne,
+					onClose: St,
 					image: Y,
-					onSave: st,
-					isLoading: Xe.isPending
+					onSave: dt,
+					isLoading: at.isPending
 				}),
-				/*#__PURE__*/ q(ie, {
-					isOpen: z,
-					onClose: vt,
+				/*#__PURE__*/ q(ye, {
+					client: A,
+					isOpen: U,
+					onClose: Ct,
 					image: Y,
-					onSave: st,
-					isLoading: Xe.isPending
-				}),
-				/*#__PURE__*/ q(ne, {
+					projectId: B
+				}, "edit-metadata-modal"),
+				/*#__PURE__*/ q(se, {
 					image: Y,
-					isOpen: W,
-					isLoading: it,
-					isDisabled: Y.protected || !r.canDelete,
-					onClose: yt,
-					onDelete: lt
+					isOpen: oe,
+					isLoading: lt,
+					isDisabled: Y.protected || !t.canDelete,
+					onClose: wt,
+					onDelete: mt
 				}),
-				/*#__PURE__*/ q(ae, {
+				/*#__PURE__*/ q(xe, {
 					image: Y,
-					isOpen: Se,
-					isLoading: We.isPending,
-					onClose: bt,
-					onDeactivate: ft
+					isOpen: ke,
+					isLoading: Xe.isPending,
+					onClose: Tt,
+					onDeactivate: _t
 				}),
-				/*#__PURE__*/ q(L, {
+				/*#__PURE__*/ q(me, {
 					image: Y,
-					isOpen: Oe,
-					isLoading: Ge.isPending,
-					onClose: xt,
-					onActivate: dt
+					isOpen: je,
+					isLoading: Qe.isPending,
+					onClose: Et,
+					onActivate: gt
 				}),
-				/*#__PURE__*/ q(tt, {
+				/*#__PURE__*/ q(G, {
 					image: Y,
-					isOpen: Ae,
-					onClose: St,
-					permissions: r
+					isOpen: Ne,
+					onClose: Dt,
+					permissions: t
 				})
 			] }),
-			/*#__PURE__*/ q(Qe, {
+			/*#__PURE__*/ q(et, {
+				isOpen: f,
+				deletableImages: b,
+				protectedImages: C,
+				isLoading: lt,
+				onClose: () => p(!1),
+				onDelete: Ot
+			}),
+			/*#__PURE__*/ q(tt, {
 				isOpen: m,
-				deletableImages: w,
-				protectedImages: E,
-				isLoading: it,
+				activeImages: w,
+				deactivatedImages: E,
+				isLoading: lt,
 				onClose: () => h(!1),
-				onDelete: Ct
+				onDeactivate: At
 			}),
-			/*#__PURE__*/ q($e, {
+			/*#__PURE__*/ q(nt, {
 				isOpen: g,
-				activeImages: O,
-				deactivatedImages: j,
-				isLoading: it,
+				deactivatedImages: E,
+				activeImages: w,
+				isLoading: lt,
 				onClose: () => _(!1),
-				onDeactivate: Tt
+				onActivate: kt
 			}),
-			/*#__PURE__*/ q(et, {
+			/*#__PURE__*/ q(Ze, {
 				isOpen: v,
-				deactivatedImages: j,
-				activeImages: O,
-				isLoading: it,
 				onClose: () => y(!1),
-				onActivate: wt
-			}),
-			/*#__PURE__*/ q(Ye, {
-				isOpen: b,
-				onClose: () => C(!1),
-				onCreate: ct,
-				isLoading: Ze.isPending || Ie || Me,
-				isUploadPending: Ie && !!Pe,
-				uploadProgressPercent: rt?.percent
+				onCreate: ft,
+				isLoading: ot.isPending || Ve || Ie,
+				isUploadPending: Ve && !!Re,
+				uploadProgressPercent: ct?.percent,
+				onCancelUpload: pt
 			})
 		]
 	})] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/images/urlHelpers.ts
-var rt = (e) => {
+var it = (e) => {
 	let t = [];
 	return e.status && (e.status.startsWith("in:") ? e.status.replace("in:", "").split(",") : [e.status]).forEach((e) => {
 		t.push({
@@ -1512,14 +1495,14 @@ var rt = (e) => {
 		name: "protected",
 		value: e.protected
 	}), t;
-}, it = (e, t) => {
+}, at = (e, t) => {
 	let n = {};
 	if (!e?.length) return n;
 	let r = e.filter((e) => !e.inactive).reduce((e, t) => (e[t.name] || (e[t.name] = []), e[t.name].push(t.value), e), {});
 	return Object.entries(r).forEach(([e, r]) => {
 		t.find((t) => t.filterName === e)?.supportsMultiValue && r.length > 1 ? n[e] = `in:${r.join(",")}` : n[e] = r[0];
 	}), n;
-}, at = (e, t, n) => e.some((e) => e.name === t.name && e.value === t.value) ? e : n.find((e) => e.filterName === t.name)?.supportsMultiValue ? [...e, t] : [...e.filter((e) => e.name !== t.name), t], ot = (e, t, n) => {
+}, ot = (e, t, n) => e.some((e) => e.name === t.name && e.value === t.value) ? e : n.find((e) => e.filterName === t.name)?.supportsMultiValue ? [...e, t] : [...e.filter((e) => e.name !== t.name), t], st = (e, t, n) => {
 	let r = {
 		search: n.search,
 		sortBy: n.sortBy,
@@ -1531,13 +1514,13 @@ var rt = (e) => {
 	return Object.entries(i).forEach(([e, n]) => {
 		t.find((t) => t.filterName === e)?.supportsMultiValue && n.length > 1 ? r[e] = `in:${n.join(",")}` : r[e] = n[0];
 	}), r;
-}, st = {
+}, ct = {
 	images: [],
 	first: void 0,
 	next: void 0,
 	schema: "/v2/schemas/images",
 	listError: void 0
-}, ct = (e, t, n, r, i, a, o) => a.member_status && a.member_status !== "all" ? e.compute.listSharedImagesByMemberStatus.query({
+}, lt = (e, t, n, r, i, a, o) => a.member_status && a.member_status !== "all" ? e.compute.listSharedImagesByMemberStatus.query({
 	project_id: t,
 	memberStatus: a.member_status,
 	name: i || void 0,
@@ -1547,11 +1530,11 @@ var rt = (e) => {
 	protected: a.protected,
 	sort: `${n}:${r}`
 }).then((e) => ({
-	...st,
+	...ct,
 	images: e
 })).catch((e) => {
-	if (e instanceof Le && e.data?.code === "FORBIDDEN") return {
-		...st,
+	if (e instanceof ze && e.data?.code === "FORBIDDEN") return {
+		...ct,
 		listError: e.message
 	};
 	throw e;
@@ -1566,12 +1549,12 @@ var rt = (e) => {
 	...e,
 	listError: void 0
 })).catch((e) => {
-	if (e instanceof Le && e.data?.code === "FORBIDDEN") return {
-		...st,
+	if (e instanceof ze && e.data?.code === "FORBIDDEN") return {
+		...ct,
 		listError: e.message
 	};
 	throw e;
-}), lt = (e, t) => e.compute.canUser.query({
+}), ut = (e, t) => e.compute.canUser.query({
 	project_id: t,
 	permission: [
 		"images:create",
@@ -1591,41 +1574,47 @@ var rt = (e) => {
 }));
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/images/-components/List.tsx
-function ut(e) {
+function dt(e) {
 	if (e) return e.includes("?") ? new URL(e, "http://dummy.com").searchParams.get("marker") || void 0 : e;
 }
-function dt({ imagesPromise: n, imageOverrides: r, deletedImageIds: o, permissionsPromise: s, searchTerm: c, setSearchTerm: l, sortSettings: u, handleSortChange: d, filterSettings: m, handleFilterChange: g, selectedImages: v, setSelectedImages: b, createModalOpen: x, setCreateModalOpen: S, deleteAllModalOpen: C, setDeleteAllModalOpen: w, deactivateAllModalOpen: T, setDeactivateAllModalOpen: D, activateAllModalOpen: k, setActivateAllModalOpen: A, memberStatusView: j, setMemberStatusView: M, isFetching: N, currentPage: P, onPageChange: F, onImageUpdated: I, onImageDeleted: te, onMemberStatusChanged: ne }) {
-	let { i18n: L, _: re } = $(), R = je(n), z = je(s), [ie, V] = Z(c), H = Ne(void 0);
-	if (X(() => () => clearTimeout(H.current), []), R.listError) return /*#__PURE__*/ q("p", { children: R.listError });
-	let ae = R.images.filter((e) => !o.has(e.id)).map((e) => r.get(e.id) ?? e), oe = !!R.next, se = R.totalCount ?? (oe ? 50 * (P + 1) : ae.length), ce = Math.max(1, Math.ceil(se / 50)), U = Math.min(P, ce);
-	X(() => {
-		P !== U && F(U);
+function ft({ imagesPromise: n, imageOverrides: r, deletedImageIds: o, permissionsPromise: s, searchTerm: c, setSearchTerm: l, sortSettings: u, handleSortChange: d, filterSettings: m, handleFilterChange: g, selectedImages: v, setSelectedImages: b, createModalOpen: x, setCreateModalOpen: S, deleteAllModalOpen: C, setDeleteAllModalOpen: T, deactivateAllModalOpen: D, setDeactivateAllModalOpen: A, activateAllModalOpen: j, setActivateAllModalOpen: M, memberStatusView: P, setMemberStatusView: F, isFetching: I, currentPage: L, onPageChange: R, onImageUpdated: te, onImageDeleted: B, onMemberStatusChanged: ne }) {
+	let { i18n: V, _: H } = $(), re = ee(), U = Ne(n), W = Ne(s), [ie, ae] = Z(c), oe = Fe(void 0), se = k.compute.listSharedImagesByMemberStatus.useQuery({
+		project_id: re,
+		memberStatus: "pending"
+	}, { retry: !1 }), ce = k.compute.listSharedImagesByMemberStatus.useQuery({
+		project_id: re,
+		memberStatus: "accepted"
+	}, { retry: !1 }), le = new Set((se.data ?? []).map((e) => e.id)), ue = new Set((ce.data ?? []).map((e) => e.id));
+	if (Y(() => () => clearTimeout(oe.current), []), U.listError) return /*#__PURE__*/ q("p", { children: U.listError });
+	let de = U.images.filter((e) => !o.has(e.id)).map((e) => r.get(e.id) ?? e), fe = !!U.next, pe = U.totalCount ?? (fe ? 50 * (L + 1) : de.length), me = Math.max(1, Math.ceil(pe / 50)), he = Math.min(L, me);
+	Y(() => {
+		L !== he && R(he);
 	}, [
-		P,
-		U,
-		F
+		L,
+		he,
+		R
 	]);
-	let W = j === "pending" || j === "accepted" ? {
+	let ge = P === "pending" || P === "accepted" ? {
 		...m,
 		filters: m.filters.filter((e) => e.filterName !== "visibility"),
 		selectedFilters: (m.selectedFilters || []).filter((e) => e.name !== "visibility")
-	} : m, le = R.totalCount === void 0 ? ae.slice((U - 1) * 50, U * 50) : ae, ue = new Set(le.map((e) => e.id)), G = v.filter((e) => ue.has(e)), de = le, fe = new Map(le.map((e) => [e.id, e])), pe = G.map((e) => fe.get(e)).filter(Boolean), me = pe.filter((e) => e.protected !== !0), he = pe.filter((e) => e.protected === !0), ge = pe.filter((e) => e.status === B.ACTIVE), _e = pe.filter((e) => e.status === B.DEACTIVATED), ve = !z.canDelete || G.length === 0 || le.filter((e) => G.includes(e.id)).every((e) => e.protected), ye = !z.canUpdate || G.length === 0 || le.filter((e) => G.includes(e.id)).every((e) => e.status === B.DEACTIVATED), be = !z.canUpdate || G.length === 0 || le.filter((e) => G.includes(e.id)).every((e) => e.status === B.ACTIVE), xe = {
+	} : m, _e = U.totalCount === void 0 ? de.slice((he - 1) * 50, he * 50) : de, ve = new Set(_e.map((e) => e.id)), G = v.filter((e) => ve.has(e)), ye = _e, be = new Map(_e.map((e) => [e.id, e])), xe = G.map((e) => be.get(e)).filter(Boolean).filter((e) => e.owner === re), Se = xe.filter((e) => e.protected !== !0), Ce = xe.filter((e) => e.protected === !0), we = xe.filter((e) => e.status === z.ACTIVE), Te = xe.filter((e) => e.status === z.DEACTIVATED), Ee = !W.canDelete || G.length === 0 || _e.filter((e) => G.includes(e.id)).every((e) => e.protected), De = !W.canUpdate || G.length === 0 || _e.filter((e) => G.includes(e.id)).every((e) => e.status === z.DEACTIVATED), Oe = !W.canUpdate || G.length === 0 || _e.filter((e) => G.includes(e.id)).every((e) => e.status === z.ACTIVE), je = {
 		items: [
 			{
-				label: L._({ id: "SFo0kK" }),
+				label: V._({ id: "SFo0kK" }),
 				value: "all"
 			},
 			{
-				label: L._({ id: "thHAVL" }),
+				label: V._({ id: "thHAVL" }),
 				value: "accepted"
 			},
 			{
-				label: L._({ id: "E4QYe7" }),
+				label: V._({ id: "E4QYe7" }),
 				value: "pending"
 			}
 		],
-		activeItem: j,
-		onActiveItemChange: (e) => M(e)
+		activeItem: P,
+		onActiveItemChange: (e) => F(e)
 	};
 	return /*#__PURE__*/ J(K, { children: [
 		/*#__PURE__*/ J(a, {
@@ -1634,16 +1623,16 @@ function dt({ imagesPromise: n, imageOverrides: r, deletedImageIds: o, permissio
 			gap: "2",
 			className: "pb-2",
 			children: [/*#__PURE__*/ q(i, {
-				activeItem: j,
-				onActiveItemChange: xe.onActiveItemChange,
-				children: xe.items.map((e) => /*#__PURE__*/ q(f, {
+				activeItem: P,
+				onActiveItemChange: je.onActiveItemChange,
+				children: je.items.map((e) => /*#__PURE__*/ q(f, {
 					label: e.label,
 					value: e.value
 				}, e.value))
 			}), /*#__PURE__*/ J(a, {
 				gap: "2",
 				alignment: "center",
-				children: [/*#__PURE__*/ q(ee, {
+				children: [/*#__PURE__*/ q(N, {
 					options: u.options,
 					sortBy: u.sortBy,
 					sortDirection: u.sortDirection ?? "desc",
@@ -1657,7 +1646,7 @@ function dt({ imagesPromise: n, imageOverrides: r, deletedImageIds: o, permissio
 						...u,
 						sortDirection: e
 					})
-				}), z.canCreate && /*#__PURE__*/ q(_, {
+				}), W.canCreate && /*#__PURE__*/ q(_, {
 					onClick: () => S(!0),
 					variant: "primary",
 					children: /*#__PURE__*/ q(Q, { id: "a/nTb8" })
@@ -1670,34 +1659,33 @@ function dt({ imagesPromise: n, imageOverrides: r, deletedImageIds: o, permissio
 			children: [/*#__PURE__*/ J(a, {
 				distribution: "between",
 				alignment: "center",
-				children: [/*#__PURE__*/ q(Oe, {
-					filters: W.filters,
+				children: [/*#__PURE__*/ q(Ae, {
+					filters: ge.filters,
 					selectClassName: "sm:min-w-40",
 					comboboxClassName: "sm:min-w-40",
 					onChange: (e) => {
-						let t = at(W.selectedFilters || [], e, W.filters);
-						t !== (W.selectedFilters || []) && g({
+						let t = ot(ge.selectedFilters || [], e, ge.filters);
+						t !== (ge.selectedFilters || []) && g({
 							...m,
 							selectedFilters: t
 						});
 					}
 				}), /*#__PURE__*/ q(e, {
-					placeholder: L._({ id: "0cl0a5" }),
 					"data-testid": "searchbar",
 					value: ie,
 					onInput: (e) => {
 						let t = e.currentTarget.value;
-						V(t), clearTimeout(H.current), H.current = window.setTimeout(() => l(t), 500);
+						ae(t), clearTimeout(oe.current), oe.current = window.setTimeout(() => l(t), 500);
 					},
 					onSearch: (e) => {
-						clearTimeout(H.current), l(typeof e == "string" ? e : "");
+						clearTimeout(oe.current), l(typeof e == "string" ? e : "");
 					},
 					onClear: () => {
-						clearTimeout(H.current), V(""), l("");
+						clearTimeout(oe.current), ae(""), l("");
 					}
 				})]
-			}), W.selectedFilters && W.selectedFilters.length > 0 && /*#__PURE__*/ q(De, {
-				selectedFilters: W.selectedFilters,
+			}), ge.selectedFilters && ge.selectedFilters.length > 0 && /*#__PURE__*/ q(ke, {
+				selectedFilters: ge.selectedFilters,
 				onDelete: (e) => g({
 					...m,
 					selectedFilters: (m.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
@@ -1708,17 +1696,17 @@ function dt({ imagesPromise: n, imageOverrides: r, deletedImageIds: o, permissio
 				})
 			})]
 		}) }),
-		(z.canDelete || z.canUpdate) && /*#__PURE__*/ q(y, { children: /*#__PURE__*/ q(a, {
+		(W.canDelete || W.canUpdate) && /*#__PURE__*/ q(y, { children: /*#__PURE__*/ q(a, {
 			distribution: "between",
 			alignment: "center",
 			children: /*#__PURE__*/ J(a, {
 				gap: "2",
 				alignment: "center",
 				children: [/*#__PURE__*/ q(E, {
-					checked: G.length > 0 && de.every((e) => G.includes(e.id)),
-					indeterminate: G.length > 0 && !de.every((e) => G.includes(e.id)),
+					checked: G.length > 0 && ye.every((e) => G.includes(e.id)),
+					indeterminate: G.length > 0 && !ye.every((e) => G.includes(e.id)),
 					onChange: () => {
-						let e = de.map((e) => e.id);
+						let e = ye.map((e) => e.id);
 						e.every((e) => G.includes(e)) ? b(G.filter((t) => !e.includes(t))) : b([.../* @__PURE__ */ new Set([...G, ...e])]);
 					}
 				}), /*#__PURE__*/ J(t, { children: [/*#__PURE__*/ q(p, {
@@ -1726,59 +1714,59 @@ function dt({ imagesPromise: n, imageOverrides: r, deletedImageIds: o, permissio
 					children: /*#__PURE__*/ q(_, {
 						size: "small",
 						icon: "moreVert",
-						label: L._({ id: "7L01XJ" })
+						label: V._({ id: "7L01XJ" })
 					})
 				}), /*#__PURE__*/ J(h, { children: [
-					z.canDelete && /*#__PURE__*/ q(O, {
-						disabled: ve,
-						label: L._({ id: "c6b6fz" }),
-						onClick: () => w(!0)
+					W.canUpdate && /*#__PURE__*/ q(O, {
+						disabled: Oe,
+						label: V._({ id: "d/I0J3" }),
+						onClick: () => M(!0)
 					}),
-					z.canUpdate && /*#__PURE__*/ q(O, {
-						disabled: ye,
-						label: L._({ id: "UmQ3/m" }),
-						onClick: () => D(!0)
-					}),
-					z.canUpdate && /*#__PURE__*/ q(O, {
-						disabled: be,
-						label: L._({ id: "d/I0J3" }),
+					W.canUpdate && /*#__PURE__*/ q(O, {
+						disabled: De,
+						label: V._({ id: "UmQ3/m" }),
 						onClick: () => A(!0)
-					})
+					}),
+					W.canDelete && /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(w, {}), /*#__PURE__*/ q(O, {
+						disabled: Ee,
+						label: V._({ id: "c6b6fz" }),
+						onClick: () => T(!0)
+					})] })
 				] })] })]
 			})
 		}) }),
-		/*#__PURE__*/ q(nt, {
-			images: de,
-			suggestedImages: j === "pending" ? de : [],
-			acceptedImages: j === "accepted" ? de : [],
-			permissions: z,
-			isFetching: N,
-			currentPage: U,
-			totalPages: ce,
-			onPageChange: F,
+		/*#__PURE__*/ q(rt, {
+			images: ye,
+			permissions: W,
+			isFetching: I,
+			currentPage: he,
+			totalPages: me,
+			onPageChange: R,
 			selectedImages: v,
 			setSelectedImages: b,
 			deleteAllModalOpen: C,
-			setDeleteAllModalOpen: w,
-			deactivateAllModalOpen: T,
-			setDeactivateAllModalOpen: D,
-			activateAllModalOpen: k,
-			setActivateAllModalOpen: A,
+			setDeleteAllModalOpen: T,
+			deactivateAllModalOpen: D,
+			setDeactivateAllModalOpen: A,
+			activateAllModalOpen: j,
+			setActivateAllModalOpen: M,
 			createModalOpen: x,
 			setCreateModalOpen: S,
-			deletableImages: me,
-			protectedImages: he,
-			activeImages: ge,
-			deactivatedImages: _e,
-			onImageUpdated: I,
-			onImageDeleted: te,
+			deletableImages: Se,
+			protectedImages: Ce,
+			activeImages: we,
+			deactivatedImages: Te,
+			onImageUpdated: te,
+			onImageDeleted: B,
 			onMemberStatusChanged: ne,
-			hasAnyBulkAction: z.canDelete || z.canUpdate
+			hasAnyBulkAction: W.canDelete || W.canUpdate,
+			pendingSharedIds: le,
+			acceptedSharedIds: ue
 		})
 	] });
 }
-var ft = ({ client: e, project: t }) => {
-	let { i18n: n, _: r } = $(), i = Pe(), a = Ie({ strict: !1 }), [o, s] = Z({
+var pt = ({ client: e, project: t }) => {
+	let { i18n: n, _: r } = $(), i = Ie(), a = Re({ strict: !1 }), [o, s] = Z({
 		options: [
 			{
 				label: n._({ id: "88kg0+" }),
@@ -1804,25 +1792,25 @@ var ft = ({ client: e, project: t }) => {
 			{
 				displayName: n._({ id: "uAQUqI" }),
 				filterName: "status",
-				values: Object.values(B),
+				values: Object.values(z),
 				supportsMultiValue: !0
 			},
 			{
 				displayName: n._({ id: "2q/Q7x" }),
 				filterName: "visibility",
-				values: Object.values(V),
+				values: Object.values(B),
 				supportsMultiValue: !1
 			},
 			{
 				displayName: n._({ id: "NopYGU" }),
 				filterName: "disk_format",
-				values: Object.values(z),
+				values: Object.values(U),
 				supportsMultiValue: !0
 			},
 			{
 				displayName: n._({ id: "6/xipy" }),
 				filterName: "container_format",
-				values: Object.values(fe),
+				values: Object.values(H),
 				supportsMultiValue: !0
 			},
 			{
@@ -1832,29 +1820,29 @@ var ft = ({ client: e, project: t }) => {
 				supportsMultiValue: !1
 			}
 		],
-		selectedFilters: rt(a)
-	}), [u, d] = Z(a.search || ""), f = a.page ?? 1, [p, m] = Z([]), [h, g] = Z(!1), [_, v] = Z(!1), [y, b] = Z(!1), [x, S] = Z(!1), C = a.memberStatus ?? "all", [w, E] = Z(!0), [D, O] = Z(/* @__PURE__ */ new Map()), [k, A] = Z(/* @__PURE__ */ new Set()), [j, M] = Z(/* @__PURE__ */ new Map([[1, void 0]])), [N, ee] = Z(() => new Promise(() => {})), [P] = Z(() => lt(e, t)), F = Y((e) => {
+		selectedFilters: it(a)
+	}), [u, d] = Z(a.search || ""), f = a.page ?? 1, [p, m] = Z([]), [h, g] = Z(!1), [_, v] = Z(!1), [y, b] = Z(!1), [x, S] = Z(!1), C = a.memberStatus ?? "all", [w, E] = Z(!0), [D, O] = Z(/* @__PURE__ */ new Map()), [k, A] = Z(/* @__PURE__ */ new Set()), [j, M] = Z(/* @__PURE__ */ new Map([[1, void 0]])), [ee, N] = Z(() => new Promise(() => {})), [P] = Z(() => ut(e, t)), F = Pe((e, t) => e === "pending" || e === "accepted" ? (t || []).filter((e) => e.name !== "visibility") : t || [], []), I = Pe((e) => {
 		O((t) => new Map(t).set(e.id, e));
-	}, []), I = Y((e) => {
+	}, []), L = Pe((e) => {
 		A((t) => {
 			let n = new Set(t);
 			return Array.isArray(e) ? e.forEach((e) => n.add(e)) : n.add(e), n;
 		});
-	}, []), te = Y(() => {
+	}, []), R = Pe(() => {
 		O(/* @__PURE__ */ new Map()), E(!0);
 		let n = a.memberStatus ?? "all", r = n === "all" ? void 0 : n;
-		Ae(() => {
-			let i = n === "pending" || n === "accepted" ? (c.selectedFilters || []).filter((e) => e.name !== "visibility") : c.selectedFilters || [], a = j.get(f), s = ct(e, t, o.sortBy, o.sortDirection, u, {
-				...it(i, c.filters),
+		Me(() => {
+			let i = F(n, c.selectedFilters), a = j.get(f), s = lt(e, t, o.sortBy, o.sortDirection, u, {
+				...at(i, c.filters),
 				member_status: r
 			}, a);
 			s.then((e) => {
 				M((t) => {
 					if (!e.next) return t;
 					let n = f + 1;
-					return t.has(n) ? t : new Map(t).set(n, ut(e.next));
+					return t.has(n) ? t : new Map(t).set(n, dt(e.next));
 				});
-			}).catch(() => {}).finally(() => E(!1)), ee(s);
+			}).catch(() => {}).finally(() => E(!1)), N(s);
 		});
 	}, [
 		e,
@@ -1865,8 +1853,8 @@ var ft = ({ client: e, project: t }) => {
 		f,
 		j
 	]);
-	X(() => {
-		let n = rt(a), r = a.sortBy || "created_at", o = a.sortDirection || "desc", u = a.search || "", f = a.page ?? 1;
+	Y(() => {
+		let n = it(a), r = a.sortBy || "created_at", o = a.sortDirection || "desc", u = a.search || "", f = a.page ?? 1;
 		l((e) => ({
 			...e,
 			selectedFilters: n
@@ -1876,8 +1864,8 @@ var ft = ({ client: e, project: t }) => {
 			sortDirection: o
 		})), d(u), m([]), O(/* @__PURE__ */ new Map()), E(!0);
 		let p = a.memberStatus ?? "all", h = p === "all" ? void 0 : p;
-		Ae(() => {
-			let a = p === "pending" || p === "accepted" ? (n || []).filter((e) => e.name !== "visibility") : n || [], s = j.get(f);
+		Me(() => {
+			let a = F(p, n), s = j.get(f);
 			if (!s && f > 1) {
 				i({ search: (e) => ({
 					...e,
@@ -1885,17 +1873,17 @@ var ft = ({ client: e, project: t }) => {
 				}) }), E(!1);
 				return;
 			}
-			let l = ct(e, t, r, o, u, {
-				...it(a, c.filters),
+			let l = lt(e, t, r, o, u, {
+				...at(a, c.filters),
 				member_status: h
 			}, s);
 			l.then((e) => {
 				M((t) => {
 					if (!e.next) return t;
 					let n = f + 1;
-					return t.has(n) ? t : new Map(t).set(n, ut(e.next));
+					return t.has(n) ? t : new Map(t).set(n, dt(e.next));
 				});
-			}).catch(() => {}).finally(() => E(!1)), ee(l);
+			}).catch(() => {}).finally(() => E(!1)), N(l);
 		});
 	}, [
 		a.status,
@@ -1909,7 +1897,7 @@ var ft = ({ client: e, project: t }) => {
 		a.memberStatus,
 		a.page
 	]);
-	let ne = (e) => {
+	let te = (e) => {
 		let t = {
 			options: e.options,
 			sortBy: e.sortBy?.toString() || "created_at",
@@ -1924,9 +1912,9 @@ var ft = ({ client: e, project: t }) => {
 			}),
 			replace: !0
 		});
-	}, L = (e) => {
+	}, ne = (e) => {
 		l(e), M(/* @__PURE__ */ new Map([[1, void 0]])), i({
-			search: (t) => ot(e.selectedFilters || [], e.filters, {
+			search: (t) => st(e.selectedFilters || [], e.filters, {
 				search: t.search,
 				sortBy: t.sortBy,
 				sortDirection: t.sortDirection,
@@ -1934,7 +1922,7 @@ var ft = ({ client: e, project: t }) => {
 			}),
 			replace: !0
 		});
-	}, re = (e) => {
+	}, V = (e) => {
 		let t = typeof e == "string" ? e : "";
 		d(t), M(/* @__PURE__ */ new Map([[1, void 0]])), i({
 			search: (e) => ({
@@ -1944,14 +1932,14 @@ var ft = ({ client: e, project: t }) => {
 			}),
 			replace: !0
 		});
-	}, R = (e) => {
+	}, re = (e) => {
 		M(/* @__PURE__ */ new Map([[1, void 0]])), i({ search: (t) => ({
 			sortBy: t.sortBy,
 			sortDirection: t.sortDirection,
 			search: t.search,
 			memberStatus: e === "all" ? void 0 : e
 		}) });
-	}, ie = Y((e) => {
+	}, W = Pe((e) => {
 		i({ search: (t) => ({
 			...t,
 			page: e === 1 ? void 0 : e
@@ -1959,28 +1947,28 @@ var ft = ({ client: e, project: t }) => {
 	}, [i]);
 	return /*#__PURE__*/ q("div", {
 		className: "relative",
-		children: /*#__PURE__*/ q(ze, {
+		children: /*#__PURE__*/ q(Ve, {
 			fallbackRender: ({ error: e }) => /*#__PURE__*/ q(T, {
 				status: "error",
 				title: n._({ id: "v2JOoQ" }),
 				body: e instanceof Error ? e.message : n._({ id: "6YfMI7" })
 			}),
-			children: /*#__PURE__*/ q(ke, {
+			children: /*#__PURE__*/ q(je, {
 				fallback: /*#__PURE__*/ q(T, {
 					status: "progress",
 					title: n._({ id: "HBpi4q" })
 				}),
-				children: /*#__PURE__*/ q(dt, {
-					imagesPromise: N,
+				children: /*#__PURE__*/ q(ft, {
+					imagesPromise: ee,
 					imageOverrides: D,
 					deletedImageIds: k,
 					permissionsPromise: P,
 					searchTerm: u,
-					setSearchTerm: re,
+					setSearchTerm: V,
 					sortSettings: o,
-					handleSortChange: ne,
+					handleSortChange: te,
 					filterSettings: c,
-					handleFilterChange: L,
+					handleFilterChange: ne,
 					selectedImages: p,
 					setSelectedImages: m,
 					createModalOpen: h,
@@ -1992,13 +1980,13 @@ var ft = ({ client: e, project: t }) => {
 					activateAllModalOpen: x,
 					setActivateAllModalOpen: S,
 					memberStatusView: C,
-					setMemberStatusView: R,
+					setMemberStatusView: re,
 					isFetching: w,
 					currentPage: f,
-					onPageChange: ie,
-					onImageUpdated: F,
-					onImageDeleted: I,
-					onMemberStatusChanged: te
+					onPageChange: W,
+					onImageUpdated: I,
+					onImageDeleted: L,
+					onMemberStatusChanged: R
 				})
 			})
 		})
@@ -2006,18 +1994,18 @@ var ft = ({ client: e, project: t }) => {
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/compute/images/index.tsx?tsr-split=component
-function pt() {
+function mt() {
 	let { i18n: e, _: t } = $(), { projectId: n } = M.useParams(), { trpcClient: r } = M.useRouteContext();
 	if (!r) throw Error("trpcClient is not available in route context");
 	return /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(F, {
 		title: e._({ id: "an5hVd" }),
 		projectId: n
-	}), /*#__PURE__*/ q(ft, {
+	}), /*#__PURE__*/ q(pt, {
 		client: r,
 		project: n
 	})] });
 }
 //#endregion
-export { pt as component };
+export { mt as component };
 
-//# sourceMappingURL=images-CnTW3bpy.mjs.map
+//# sourceMappingURL=images-BsylWUiH.mjs.map