@cobaltcore-dev/aurora 0.23.1 → 1.1.0

package/dist/client/images-91U7tr9Y2.mjs

@@ -0,0 +1,1976 @@
+import { C as e, F as t, I as n, J as r, O as i, S as a, T as o, V as s, W as c, X as l, a as u, at as d, c as f, g as p, h as m, it as h, l as g, m as _, nt as v, o as y, p as b, r as x, rt as S, t as C, tt as ee, ut as w, x as T, z as E } from "./build-C_4vRMCq.mjs";
+import { a as D, i as O } from "./trpcClient-D7gpR7YG.mjs";
+import { t as k } from "./cn-DM4Cy3jv.mjs";
+import { t as A } from "./images-CS4kZQyu.mjs";
+import { t as te } from "./useProjectId-DBc5lpoU.mjs";
+import { t as j } from "./SortInput-Cqs2poV3.mjs";
+import { t as M } from "./ContentHeader-BHMUzd9H.mjs";
+import "./hooks-LutR2Yg3.mjs";
+import { A as N, C as P, D as ne, E as re, F as ie, I as F, M as I, N as L, O as R, P as z, S as ae, T as B, _ as V, a as H, b as oe, c as se, d as U, f as W, g as ce, h as G, i as le, j as ue, k as de, l as fe, m as pe, n as me, o as he, p as ge, r as _e, s as ve, t as ye, u as be, v as xe, w as Se, x as Ce, y as we } from "./ImageToastNotifications-BXMHJaIH.mjs";
+import { n as Te, t as Ee } from "./FiltersInput-B8CNBg1L.mjs";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { Suspense as De, startTransition as Oe, use as ke, useCallback as Ae, useEffect as je, useMemo as Me, useRef as Ne, useState as Y } from "react";
+import { useNavigate as Pe, useParams as Fe, useSearch as X } from "@tanstack/react-router";
+import { TRPCClientError as Ie } from "@trpc/client";
+import { Trans as Z, useLingui as Q } from "@lingui/react";
+import { ErrorBoundary as Le } from "react-error-boundary";
+import { i18n as Re } from "@lingui/core";
+import "@trpc/server";
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Images/-components/ImageTableRow.tsx
+function ze({ image: e, isSelected: t, isPending: n, isAccepted: r, permissions: a, onEditDetails: s, onEditMetadata: l, onDelete: u, onSelect: f, onActivationStatusChange: m, onManageAccess: g, onUpdateVisibility: _, uploadId: v, uploadProgressPercent: y, onMemberStatusChanged: b, showSelectColumn: x = !1 }) {
+	let { i18n: S, _: ee } = Q(), { id: w, name: E, status: O, visibility: k, size: A, disk_format: te, created_at: j, owner: M } = e, N = E || S._({ id: "MEIAzV" }), { projectId: P } = Fe({ from: "/_auth/projects/$projectId/compute/images/" }), ne = Pe(), re = D.useUtils(), I = D.compute.updateImageMember.useMutation({ onSuccess: () => {
+		re.compute.listImagesWithPagination.invalidate(), re.compute.listSharedImagesByMemberStatus.invalidate();
+	} }), R = async (e) => {
+		try {
+			await I.mutateAsync({
+				project_id: P,
+				imageId: w,
+				memberId: P,
+				status: e
+			});
+			let { message: t, ...n } = U(e);
+			h.info(t, n), b?.();
+		} catch (e) {
+			let t = e?.message, { message: n, ...r } = be(t);
+			h.error(n, r);
+		}
+	}, ae = P === M, B = n || r, V = I.isPending;
+	return /*#__PURE__*/ J(o, {
+		"data-testid": `image-row-${w}`,
+		onClick: () => ne({
+			to: "/projects/$projectId/compute/images/$imageId",
+			params: {
+				projectId: P,
+				imageId: w
+			}
+		}),
+		children: [
+			x && /*#__PURE__*/ q(C, {
+				onClick: (e) => e.stopPropagation(),
+				children: /*#__PURE__*/ q(d, {
+					checked: t,
+					onChange: () => f(e)
+				})
+			}),
+			/*#__PURE__*/ q(C, { children: O }),
+			/*#__PURE__*/ q(C, { children: N }),
+			/*#__PURE__*/ q(C, { children: k }),
+			/*#__PURE__*/ q(C, { children: e.protected ? S._({ id: "l75CjT" }) : S._({ id: "1UzENP" }) }),
+			/*#__PURE__*/ q(C, { children: v && v === w ? `${y}%` : /*#__PURE__*/ q(F, { size: A }) }),
+			/*#__PURE__*/ q(C, { children: te || S._({ id: "fj5byd" }) }),
+			/*#__PURE__*/ q(C, { children: j ? new Date(j).toLocaleDateString() : S._({ id: "fj5byd" }) }),
+			/*#__PURE__*/ q(C, {
+				onClick: (e) => e.stopPropagation(),
+				children: V ? /*#__PURE__*/ q(c, {
+					variant: "primary",
+					size: "small"
+				}) : /*#__PURE__*/ q(i, { children: /*#__PURE__*/ J(p, { children: [
+					/*#__PURE__*/ q(T, {
+						label: S._({ id: "v0hPHE" }),
+						onClick: () => ne({
+							to: "/projects/$projectId/compute/images/$imageId",
+							params: {
+								projectId: P,
+								imageId: w
+							}
+						})
+					}),
+					B && a.canUpdateMember && /*#__PURE__*/ J(K, { children: [n && /*#__PURE__*/ q(T, {
+						label: S._({ id: "g3UF2V" }),
+						onClick: () => R(ie.ACCEPTED)
+					}), /*#__PURE__*/ q(T, {
+						label: S._({ id: "1t/NnN" }),
+						onClick: () => R(ie.REJECTED)
+					})] }),
+					!B && a.canUpdate && /*#__PURE__*/ J(K, { children: [
+						/*#__PURE__*/ q(T, {
+							label: S._({ id: "Y1YKad" }),
+							onClick: () => s(e)
+						}),
+						/*#__PURE__*/ q(T, {
+							label: S._({ id: "SIfYq6" }),
+							onClick: () => l(e)
+						}),
+						/*#__PURE__*/ q(T, {
+							label: e.status === L.DEACTIVATED ? S._({ id: "FQBaXG" }) : S._({ id: "5y3O+A" }),
+							onClick: () => m(e)
+						}),
+						e.visibility === z.SHARED && ae && (a.canCreateMember || a.canDeleteMember) && /*#__PURE__*/ q(T, {
+							label: S._({ id: "cWbW6w" }),
+							onClick: () => g(e)
+						}),
+						e.visibility === z.PRIVATE && /*#__PURE__*/ q(T, {
+							label: S._({ id: "gMYsdZ" }),
+							onClick: () => _(e.id, z.SHARED, N)
+						})
+					] }),
+					!B && a.canDelete && !e.protected && /*#__PURE__*/ q(T, {
+						label: S._({ id: "cnGeoo" }),
+						onClick: () => u(e)
+					})
+				] }) })
+			})
+		]
+	}, w);
+}
+//#endregion
+//#region src/server/Compute/helpers/imageHelpers.ts
+var Be = {
+	qcow2: [
+		"bare",
+		"ova",
+		"docker"
+	],
+	raw: [
+		"bare",
+		"ova",
+		"docker"
+	],
+	vmdk: ["bare", "ova"],
+	vhd: ["bare", "ova"],
+	vhdx: ["bare", "ova"],
+	vdi: ["bare", "ova"],
+	iso: ["bare"],
+	ami: ["ami"],
+	aki: ["aki"],
+	ari: ["ari"],
+	ploop: ["bare"]
+}, Ve = {
+	qcow2: "bare",
+	raw: "bare",
+	vmdk: "bare",
+	vhd: "bare",
+	vhdx: "bare",
+	vdi: "bare",
+	iso: "bare",
+	ami: "ami",
+	aki: "aki",
+	ari: "ari",
+	ploop: "bare"
+};
+function He(e) {
+	return Be[e] || [];
+}
+function Ue(e) {
+	return Ve[e] || "";
+}
+function We(e, t) {
+	return He(e).includes(t);
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Images/-components/CreateImageModal.tsx
+var Ge = {
+	name: "",
+	tags: [],
+	visibility: z.PRIVATE,
+	disk_format: void 0,
+	container_format: void 0,
+	protected: !1,
+	min_disk: 0,
+	min_ram: 0
+}, Ke = ({ isOpen: e, onClose: i, onCreate: a, isLoading: o = !1, isUploadPending: f = !1, uploadProgressPercent: p }) => {
+	let { i18n: h, _: g } = Q(), [v, y] = Y({ ...Ge }), [x, S] = Y(""), [C, T] = Y(null), [E, D] = Y({}), [O, A] = Y(!1), [te, j] = Y(null), M = v.name.trim() !== "" && C !== null && v.disk_format !== void 0 && v.disk_format.trim() !== "" && v.container_format !== void 0 && v.container_format.trim() !== "" && v.min_disk >= 0 && v.min_ram >= 0, N = Me(() => v.disk_format ? He(v.disk_format) : [], [v.disk_format]), P = [
+		".qcow2",
+		".raw",
+		".vmdk",
+		".vhd",
+		".vhdx",
+		".vdi",
+		".ami",
+		".ari",
+		".aki",
+		".iso",
+		".ploop",
+		".img"
+	], ne = P.join(", "), re = (e) => {
+		let { name: t, value: n, type: r, checked: i } = e.target;
+		y((e) => ({
+			...e,
+			[t]: r === "checkbox" ? i : n
+		})), E[t] && D((e) => {
+			let n = { ...e };
+			return delete n[t], n;
+		});
+	}, ie = (e) => {
+		let { name: t, value: n } = e.target;
+		t === "name" && (!n || n.trim() === "") && D((e) => ({
+			...e,
+			name: h._({ id: "wyIOMP" })
+		}));
+	}, F = (e, t) => {
+		if (e === "disk_format") {
+			let e = t, n = Ue(e);
+			y((t) => ({
+				...t,
+				disk_format: e,
+				container_format: n
+			}));
+		} else y((n) => ({
+			...n,
+			[e]: t
+		}));
+		E[e] && D((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, L = (e, t) => {
+		let n = t === "" ? 0 : parseInt(t, 10);
+		isNaN(n) || (y((t) => ({
+			...t,
+			[e]: n
+		})), E[e] && D((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		}));
+	}, R = (e, t) => {
+		t < 0 && (e === "min_disk" ? D((e) => ({
+			...e,
+			min_disk: h._({ id: "K3bUTE" })
+		})) : e === "min_ram" && D((e) => ({
+			...e,
+			min_ram: h._({ id: "PEGvy+" })
+		})));
+	}, ae = (e) => {
+		let t = e.name.toLowerCase();
+		P.some((e) => t.endsWith(e)) ? (T(e), E.file && D((e) => {
+			let t = { ...e };
+			return delete t.file, t;
+		})) : D((e) => ({
+			...e,
+			file: h._({
+				id: "qzIZOL",
+				values: { supportedFileFormats: ne }
+			})
+		}));
+	}, B = (e) => {
+		let t = e.target.files?.[0];
+		t && ae(t);
+	}, V = (e) => {
+		e.preventDefault(), e.stopPropagation(), A(!0);
+	}, H = (e) => {
+		e.preventDefault(), e.stopPropagation(), A(!1);
+	}, oe = (e) => {
+		e.preventDefault(), e.stopPropagation(), A(!1);
+		let t = e.dataTransfer.files;
+		t && t.length > 0 && ae(t[0]);
+	}, se = (e) => {
+		S(e.target.value);
+	}, U = () => {
+		let e = x.trim();
+		if (e !== "") {
+			if (v.tags.includes(e)) {
+				S("");
+				return;
+			}
+			y((t) => ({
+				...t,
+				tags: [...t.tags, e]
+			})), S("");
+		}
+	}, W = (e) => {
+		e.key === "Enter" && (e.preventDefault(), U());
+	}, ce = (e) => {
+		y((t) => ({
+			...t,
+			tags: t.tags.filter((t) => t !== e)
+		}));
+	}, G = () => {
+		let e = {};
+		return (!v.name || v.name.trim() === "") && (e.name = h._({ id: "wyIOMP" })), C || (e.file = h._({ id: "aTqCTq" })), (!v.disk_format || v.disk_format.trim() === "") && (e.disk_format = h._({ id: "LK0pQN" })), (!v.container_format || v.container_format.trim() === "") && (e.container_format = h._({ id: "J4DKSM" })), v.disk_format && v.container_format && (We(v.disk_format, v.container_format) || (e.container_format = h._({ id: "BgMp/T" }))), v.min_disk < 0 && (e.min_disk = h._({ id: "K3bUTE" })), v.min_ram < 0 && (e.min_ram = h._({ id: "PEGvy+" })), D(e), Object.keys(e).length === 0;
+	}, le = async (e) => {
+		if (e.preventDefault(), j(null), !G()) {
+			j(h._({ id: "CBFSfX" }));
+			return;
+		}
+		try {
+			await a({
+				name: v.name.trim(),
+				tags: v.tags,
+				visibility: v.visibility,
+				disk_format: v.disk_format,
+				container_format: v.container_format,
+				protected: v.protected,
+				min_disk: v.min_disk,
+				min_ram: v.min_ram
+			}, C), ue();
+		} catch (e) {
+			let t = e instanceof Error ? e.message : h._({ id: "TQn3hH" });
+			j(t);
+		}
+	}, ue = () => {
+		y({ ...Ge }), S(""), T(null), D({}), j(null), i();
+	};
+	return /*#__PURE__*/ J(r, {
+		open: e,
+		onCancel: o ? void 0 : ue,
+		size: "large",
+		title: h._({ id: "xw2UtT" }),
+		onConfirm: le,
+		confirmButtonLabel: h._({ id: "a/nTb8" }),
+		cancelButtonLabel: h._({ id: "dEgA5A" }),
+		disableConfirmButton: o || !M,
+		closeable: !o,
+		closeOnEsc: !o,
+		children: [
+			o && !p && /*#__PURE__*/ J(l, {
+				distribution: "center",
+				alignment: "center",
+				className: "mt-4",
+				children: [
+					/*#__PURE__*/ q(c, { variant: "primary" }),
+					!f && /*#__PURE__*/ q(Z, { id: "98Fs4G" }),
+					f && /*#__PURE__*/ q(Z, { id: "3q1GLx" })
+				]
+			}),
+			o && !!p && /*#__PURE__*/ q("div", {
+				className: "bg-neutral-quaternary mt-4 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: `${p}%` },
+					children: [p, "%"]
+				})
+			}),
+			!o && /*#__PURE__*/ J(w, {
+				className: "mb-6",
+				children: [
+					te && /*#__PURE__*/ q(t, {
+						variant: "error",
+						className: "mb-6",
+						children: te
+					}),
+					/*#__PURE__*/ q(b, {
+						className: "mb-6",
+						children: /*#__PURE__*/ q(m, { 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: [h._({ 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: V,
+										onDragLeave: H,
+										onDrop: oe,
+										className: k("flex h-24 w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed transition-all", O ? "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: k("mb-1 h-6 w-6 transition-colors", O ? "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: k("text-xs transition-colors", O ? "font-semibold text-blue-600" : "text-gray-500"),
+													children: O ? /*#__PURE__*/ q("span", { children: h._({ id: "vXmL4D" }) }) : /*#__PURE__*/ J(K, { children: [
+														/*#__PURE__*/ q("span", {
+															className: "font-semibold",
+															children: h._({ id: "gYe+hC" })
+														}),
+														" ",
+														h._({ id: "Np28ib" })
+													] })
+												}),
+												/*#__PURE__*/ q("p", {
+													className: "text-xs text-gray-400",
+													children: h._({ id: "jBIkmi" })
+												})
+											]
+										}), /*#__PURE__*/ q("input", {
+											id: "image-file",
+											type: "file",
+											className: "hidden",
+											onChange: B,
+											accept: ne,
+											disabled: o
+										})]
+									})
+								}),
+								C && /*#__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: C.name
+										})]
+									}), /*#__PURE__*/ q("button", {
+										type: "button",
+										onClick: () => {
+											T(null), E.file && D((e) => {
+												let t = { ...e };
+												return delete t.file, t;
+											});
+										},
+										className: "font-medium text-red-600 hover:text-red-800",
+										disabled: o,
+										children: h._({ id: "t/YqKh" })
+									})]
+								}),
+								E.file && /*#__PURE__*/ q("p", {
+									className: "text-theme-error mt-1 text-xs text-red-600",
+									children: E.file
+								})
+							]
+						}) })
+					}),
+					/*#__PURE__*/ J(b, {
+						className: "mb-6",
+						children: [
+							/*#__PURE__*/ q(m, {
+								className: "mb-6",
+								children: /*#__PURE__*/ q(_, {
+									id: "name",
+									name: "name",
+									label: h._({ id: "ExLULX" }),
+									value: v.name,
+									onChange: re,
+									onBlur: ie,
+									required: !0,
+									errortext: E.name,
+									placeholder: h._({ id: "PsEGri" }),
+									disabled: o
+								})
+							}),
+							/*#__PURE__*/ q(m, {
+								className: "mb-6",
+								children: /*#__PURE__*/ J("div", {
+									className: "w-full",
+									children: [/*#__PURE__*/ J(l, {
+										gap: "1",
+										direction: "horizontal",
+										alignment: "start",
+										children: [/*#__PURE__*/ q("div", {
+											className: "flex-1",
+											children: /*#__PURE__*/ q(_, {
+												id: "tags",
+												name: "tags",
+												label: h._({ id: "OYHzN1" }),
+												value: x,
+												onChange: se,
+												onKeyDown: W,
+												helptext: h._({ id: "AN0DBJ" }),
+												placeholder: h._({ id: "tmpGvt" }),
+												disabled: o
+											})
+										}), /*#__PURE__*/ q(u, {
+											variant: "primary",
+											onClick: U,
+											disabled: o || x.trim() === "",
+											children: /*#__PURE__*/ q(Z, { id: "m16xKo" })
+										})]
+									}), v.tags.length > 0 && /*#__PURE__*/ q(l, {
+										gap: "1",
+										wrap: !0,
+										alignment: "center",
+										className: "mt-1",
+										children: v.tags.map((e) => /*#__PURE__*/ q(s, {
+											closeable: !0,
+											pillKey: "",
+											pillValue: e,
+											onClose: () => ce(e)
+										}, e))
+									})]
+								})
+							}),
+							/*#__PURE__*/ q(m, {
+								className: "mb-6",
+								children: /*#__PURE__*/ J(ee, {
+									id: "visibility",
+									name: "visibility",
+									label: h._({ id: "2q/Q7x" }),
+									value: v.visibility,
+									onChange: (e) => F("visibility", e),
+									disabled: o,
+									loading: o,
+									children: [
+										/*#__PURE__*/ q(n, {
+											value: z.PUBLIC,
+											label: h._({ id: "7d1a0d" })
+										}),
+										/*#__PURE__*/ q(n, {
+											value: z.PRIVATE,
+											label: h._({ id: "zwBp5t" })
+										}),
+										/*#__PURE__*/ q(n, {
+											value: z.SHARED,
+											label: h._({ id: "0Gd0NU" })
+										}),
+										/*#__PURE__*/ q(n, {
+											value: z.COMMUNITY,
+											label: h._({ id: "chL5IG" })
+										})
+									]
+								})
+							}),
+							/*#__PURE__*/ q(m, {
+								className: "mb-6",
+								children: /*#__PURE__*/ J(l, {
+									direction: "horizontal",
+									gap: "3",
+									distribution: "evenly",
+									className: "w-full",
+									children: [/*#__PURE__*/ q("div", {
+										className: "flex-1",
+										children: /*#__PURE__*/ J(ee, {
+											id: "disk_format",
+											name: "disk_format",
+											label: h._({ id: "NopYGU" }),
+											value: v.disk_format,
+											onChange: (e) => F("disk_format", e),
+											disabled: o,
+											loading: o,
+											required: !0,
+											errortext: E.disk_format,
+											children: [
+												/*#__PURE__*/ q(n, {
+													value: I.QCOW2,
+													label: "QCOW2 - QEMU Emulator"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.RAW,
+													label: "Raw"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.VMDK,
+													label: "VMDK - Virtual Machine Disk"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.VHD,
+													label: "VHD - Virtual Hard Disk"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.VHDX,
+													label: "VHDX - Virtual Hard Disk Extended"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.VDI,
+													label: "VDI - Virtual Disk Image"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.AMI,
+													label: "AMI - Amazon Machine Image"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.ARI,
+													label: "ARI - Amazon Ramdisk Image"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.AKI,
+													label: "AKI - Amazon Kernel Image"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.ISO,
+													label: "ISO - Optical Disk Image"
+												}),
+												/*#__PURE__*/ q(n, {
+													value: I.PLOOP,
+													label: "PLOOP - Virtuozzo/Parallels Loopback Disk"
+												})
+											]
+										})
+									}), /*#__PURE__*/ q("div", {
+										className: "flex-1",
+										children: /*#__PURE__*/ q(ee, {
+											id: "container_format",
+											name: "container_format",
+											label: h._({ id: "6/xipy" }),
+											value: v.container_format,
+											onChange: (e) => F("container_format", e),
+											disabled: o || !v.disk_format || !N.length,
+											required: !0,
+											errortext: E.container_format,
+											helptext: !N.length && h._({ id: "A7CVME" }),
+											children: N.map((e) => /*#__PURE__*/ q(n, {
+												value: e,
+												label: e.toUpperCase()
+											}, e))
+										})
+									})]
+								})
+							}),
+							/*#__PURE__*/ q(m, {
+								className: "mb-0",
+								children: /*#__PURE__*/ q(d, {
+									id: "protected",
+									name: "protected",
+									label: h._({ id: "644xgx" }),
+									checked: v.protected,
+									onChange: re,
+									helptext: h._({ id: "aV6KPH" }),
+									disabled: o
+								})
+							})
+						]
+					}),
+					/*#__PURE__*/ q(b, {
+						className: "mb-6",
+						children: /*#__PURE__*/ q(m, {
+							className: "mb-0",
+							children: /*#__PURE__*/ J(l, {
+								direction: "horizontal",
+								gap: "3",
+								distribution: "evenly",
+								className: "w-full",
+								children: [/*#__PURE__*/ q("div", {
+									className: "flex-1",
+									children: /*#__PURE__*/ q(_, {
+										id: "min_disk",
+										name: "min_disk",
+										label: h._({ id: "NixRmA" }),
+										type: "number",
+										value: String(v.min_disk),
+										onChange: (e) => L("min_disk", e.target.value),
+										onBlur: () => R("min_disk", v.min_disk),
+										helptext: h._({ id: "4fh0Wj" }),
+										errortext: E.min_disk,
+										disabled: o
+									})
+								}), /*#__PURE__*/ q("div", {
+									className: "flex-1",
+									children: /*#__PURE__*/ q(_, {
+										id: "min_ram",
+										name: "min_ram",
+										label: h._({ id: "CgZxr7" }),
+										type: "number",
+										value: String(v.min_ram),
+										onChange: (e) => L("min_ram", e.target.value),
+										onBlur: () => R("min_ram", v.min_ram),
+										helptext: h._({ id: "KsIM0b" }),
+										errortext: E.min_ram,
+										disabled: o
+									})
+								})]
+							})
+						})
+					})
+				]
+			})
+		]
+	});
+}, qe = 20, $ = 100, Je = ({ deletableImages: e, protectedImages: t, isOpen: n, isLoading: i, onClose: a, onDelete: o }) => {
+	let { i18n: s, _: c } = Q(), [u, d] = Y(""), [f, p] = Y(null), m = e.length, h = t.length, g = () => {
+		d(""), p(null), a();
+	}, v = () => {
+		f === null ? o(e) : g();
+	}, y = u === "delete";
+	if (f !== null) {
+		let e = f.errors.slice(0, $), t = f.errors.length - e.length;
+		return /*#__PURE__*/ q(r, {
+			open: n,
+			onCancel: g,
+			title: /*#__PURE__*/ q(Z, { id: "ExvQL2" }),
+			size: "large",
+			confirmButtonLabel: s._({ id: "DPfwMq" }),
+			onConfirm: v,
+			children: /*#__PURE__*/ J(l, {
+				direction: "vertical",
+				gap: "4",
+				children: [(() => {
+					let e = f.deletedCount, t = f.errorCount;
+					return /*#__PURE__*/ q("p", {
+						className: "text-theme-default",
+						children: /*#__PURE__*/ q(Z, {
+							id: "deleteResults.summary",
+							values: {
+								deletedCount: e,
+								errorCount: t
+							}
+						})
+					});
+				})(), f.errors.length > 0 && /*#__PURE__*/ J("div", { children: [/*#__PURE__*/ q("p", {
+					className: "text-theme-light mb-2 text-sm",
+					children: /*#__PURE__*/ q(Z, { id: "SDohXA" })
+				}), /*#__PURE__*/ q("div", {
+					className: "bg-theme-background-lvl-2 max-h-96 overflow-y-auto rounded p-4",
+					children: /*#__PURE__*/ J(l, {
+						direction: "vertical",
+						gap: "2",
+						children: [e.map((e) => /*#__PURE__*/ J("div", {
+							className: "border-theme-background-lvl-3 border-b pb-2 last:border-0 last:pb-0",
+							children: [/*#__PURE__*/ q("div", {
+								className: "overflow-x-hidden font-medium [overflow-wrap:anywhere]",
+								title: e.imageId,
+								children: e.imageId
+							}), e.message && /*#__PURE__*/ q("div", {
+								className: "text-juno-red mt-1 text-sm",
+								children: e.message
+							})]
+						}, e.imageId)), t > 0 && /*#__PURE__*/ q("div", {
+							className: "text-theme-light pt-2 text-sm",
+							children: /*#__PURE__*/ q(Z, {
+								id: "K4EkxW",
+								values: { hiddenErrorCount: t }
+							})
+						})]
+					})
+				})] })]
+			})
+		});
+	}
+	let b = e.slice(0, qe), x = e.length - b.length, S = t.slice(0, qe), C = t.length - S.length, ee = i ? s._({ id: "EF2EU9" }) : m === 1 ? s._({ id: "KWa0gi" }) : s._({ id: "JtHgVz" });
+	return /*#__PURE__*/ q(r, {
+		open: n,
+		onCancel: g,
+		title: /*#__PURE__*/ q(Z, {
+			id: "FZc7ea",
+			values: { deletableCount: m }
+		}),
+		size: "large",
+		confirmButtonLabel: ee,
+		confirmButtonVariant: "primary-danger",
+		onConfirm: v,
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		disableConfirmButton: !y || i,
+		disableCancelButton: i,
+		disableCloseButton: i,
+		children: /*#__PURE__*/ J(l, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				/*#__PURE__*/ q("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ q(Z, { id: "V89FyE" })
+				}),
+				/*#__PURE__*/ J("div", {
+					className: "space-y-3",
+					children: [m > 0 && /*#__PURE__*/ J("div", { children: [/*#__PURE__*/ q("p", {
+						className: "text-sm font-semibold",
+						children: /*#__PURE__*/ q(Z, { id: "MJtNLd" })
+					}), /*#__PURE__*/ q("div", {
+						className: "bg-theme-background-lvl-2 mt-2 max-h-48 overflow-y-auto rounded p-3",
+						children: /*#__PURE__*/ J(l, {
+							direction: "vertical",
+							gap: "1",
+							children: [b.map((e) => /*#__PURE__*/ q("div", {
+								className: "text-theme-default overflow-x-hidden text-sm [overflow-wrap:anywhere]",
+								children: e
+							}, e)), x > 0 && /*#__PURE__*/ q("div", {
+								className: "text-theme-light pt-2 text-sm",
+								children: /*#__PURE__*/ q(Z, {
+									id: "0TREPo",
+									values: { hiddenDeletableCount: x }
+								})
+							})]
+						})
+					})] }), h > 0 && /*#__PURE__*/ J("div", { children: [/*#__PURE__*/ q("p", {
+						className: "text-sm font-semibold",
+						children: /*#__PURE__*/ q(Z, { id: "8tFjKD" })
+					}), /*#__PURE__*/ q("div", {
+						className: "bg-theme-warning/10 mt-2 max-h-48 overflow-y-auto rounded border border-yellow-500/20 p-3",
+						children: /*#__PURE__*/ J(l, {
+							direction: "vertical",
+							gap: "1",
+							children: [S.map((e) => /*#__PURE__*/ q("div", {
+								className: "text-theme-default overflow-x-hidden text-sm [overflow-wrap:anywhere]",
+								children: e
+							}, e)), C > 0 && /*#__PURE__*/ q("div", {
+								className: "text-theme-light pt-2 text-sm",
+								children: /*#__PURE__*/ q(Z, {
+									id: "yZrrKY",
+									values: { hiddenProtectedCount: C }
+								})
+							})]
+						})
+					})] })]
+				}),
+				/*#__PURE__*/ q("div", { children: /*#__PURE__*/ q(_, {
+					label: s._({ id: "QytzQr" }),
+					value: u,
+					onChange: (e) => d(e.target.value),
+					placeholder: "delete",
+					autoFocus: !0
+				}) })
+			]
+		})
+	});
+}, Ye = ({ activeImages: e, deactivatedImages: t, isOpen: n, isLoading: i, onClose: a, onDeactivate: o }) => {
+	let { i18n: s, _: u } = Q(), d = e.length, f = t.length, p = (t) => {
+		t.preventDefault(), o(e);
+	};
+	return /*#__PURE__*/ J(r, {
+		onCancel: a,
+		size: "small",
+		title: s._({ id: "+9CXS9" }),
+		open: n,
+		onConfirm: (e) => {
+			p(e), a();
+		},
+		confirmButtonLabel: s._({ id: "5y3O+A" }),
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		disableConfirmButton: i,
+		children: [i && /*#__PURE__*/ q(l, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ q(c, { variant: "primary" })
+		}), !i && /*#__PURE__*/ J("div", {
+			className: "my-6",
+			children: [
+				d > 0 && /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q("p", {
+					className: "mb-6",
+					children: /*#__PURE__*/ q(Z, {
+						id: "zm7+/D",
+						values: { activeCount: d },
+						components: { 0: /*#__PURE__*/ q("strong", {}) }
+					})
+				}), /*#__PURE__*/ J("div", {
+					className: "mb-6",
+					children: [/*#__PURE__*/ q("h3", {
+						className: "jn:text-theme-high mb-3 font-semibold",
+						children: /*#__PURE__*/ q(Z, {
+							id: "ryxYVo",
+							values: { activeCount: d }
+						})
+					}), /*#__PURE__*/ q("div", {
+						className: "jn:bg-theme-background-lvl-1 max-h-24 overflow-y-auto rounded p-4",
+						children: /*#__PURE__*/ q("ul", {
+							className: "space-y-2",
+							children: e.map((e) => /*#__PURE__*/ q("li", {
+								className: "jn:text-theme-default",
+								children: e
+							}, e))
+						})
+					})]
+				})] }),
+				f > 0 && /*#__PURE__*/ J("div", {
+					className: "mb-6",
+					children: [/*#__PURE__*/ q("h3", {
+						className: "jn:text-theme-high mb-3 font-semibold",
+						children: /*#__PURE__*/ q(Z, { id: "JpZn1L" })
+					}), /*#__PURE__*/ q("div", {
+						className: "jn:bg-theme-background-lvl-1 max-h-24 overflow-y-auto rounded p-4",
+						children: /*#__PURE__*/ q("ul", {
+							className: "space-y-2",
+							children: t.map((e) => /*#__PURE__*/ q("li", {
+								className: "jn:text-theme-default",
+								children: e
+							}, e))
+						})
+					})]
+				}),
+				/*#__PURE__*/ J("div", {
+					className: "jn:bg-theme-background-lvl-2 mb-6 rounded p-4",
+					children: [d > 0 && /*#__PURE__*/ J("div", {
+						className: "mb-2 flex justify-between",
+						children: [/*#__PURE__*/ q("span", {
+							className: "jn:text-theme-default",
+							children: /*#__PURE__*/ q(Z, { id: "rD9yV1" })
+						}), /*#__PURE__*/ q("span", {
+							className: "jn:text-theme-highest font-semibold",
+							children: d
+						})]
+					}), f > 0 && /*#__PURE__*/ J("div", {
+						className: "flex justify-between",
+						children: [/*#__PURE__*/ q("span", {
+							className: "jn:text-theme-default",
+							children: /*#__PURE__*/ q(Z, { id: "NH2fsP" })
+						}), /*#__PURE__*/ q("span", {
+							className: "jn:text-theme-warning font-semibold",
+							children: f
+						})]
+					})]
+				})
+			]
+		})]
+	});
+}, Xe = ({ deactivatedImages: e, activeImages: t, isOpen: n, isLoading: i, onClose: a, onActivate: o }) => {
+	let { i18n: s, _: u } = Q(), d = e.length, f = t.length;
+	return /*#__PURE__*/ J(r, {
+		onCancel: a,
+		size: "small",
+		title: s._({ id: "UdcGJu" }),
+		open: n,
+		onConfirm: (t) => {
+			t.preventDefault(), o(e);
+		},
+		confirmButtonLabel: s._({ id: "FQBaXG" }),
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		disableConfirmButton: i,
+		children: [i && /*#__PURE__*/ q(l, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ q(c, { variant: "primary" })
+		}), !i && /*#__PURE__*/ J("div", {
+			className: "my-6",
+			children: [
+				d > 0 && /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q("p", {
+					className: "mb-6",
+					children: /*#__PURE__*/ q(Z, {
+						id: "MgZyuJ",
+						values: { deactivatedCount: d },
+						components: { 0: /*#__PURE__*/ q("strong", {}) }
+					})
+				}), /*#__PURE__*/ J("div", {
+					className: "mb-6",
+					children: [/*#__PURE__*/ q("h3", {
+						className: "jn:text-theme-high mb-3 font-semibold",
+						children: /*#__PURE__*/ q(Z, {
+							id: "shKIZu",
+							values: { deactivatedCount: d }
+						})
+					}), /*#__PURE__*/ q("div", {
+						className: "jn:bg-theme-background-lvl-1 max-h-24 overflow-y-auto rounded p-4",
+						children: /*#__PURE__*/ q("ul", {
+							className: "space-y-2",
+							children: e.map((e) => /*#__PURE__*/ q("li", {
+								className: "jn:text-theme-default",
+								children: e
+							}, e))
+						})
+					})]
+				})] }),
+				f > 0 && /*#__PURE__*/ J("div", {
+					className: "mb-6",
+					children: [/*#__PURE__*/ q("h3", {
+						className: "jn:text-theme-high mb-3 font-semibold",
+						children: /*#__PURE__*/ q(Z, { id: "pOPvlj" })
+					}), /*#__PURE__*/ q("div", {
+						className: "jn:bg-theme-warning/10 max-h-24 overflow-y-auto rounded border border-yellow-500/20 p-4",
+						children: /*#__PURE__*/ q("ul", {
+							className: "space-y-2",
+							children: t.map((e) => /*#__PURE__*/ q("li", {
+								className: "jn:text-theme-default",
+								children: e
+							}, e))
+						})
+					})]
+				}),
+				/*#__PURE__*/ J("div", {
+					className: "jn:bg-theme-background-lvl-2 mb-6 rounded p-4",
+					children: [d > 0 && /*#__PURE__*/ J("div", {
+						className: "mb-2 flex justify-between",
+						children: [/*#__PURE__*/ q("span", {
+							className: "jn:text-theme-default",
+							children: /*#__PURE__*/ q(Z, { id: "4fvDRe" })
+						}), /*#__PURE__*/ q("span", {
+							className: "jn:text-theme-highest font-semibold",
+							children: d
+						})]
+					}), f > 0 && /*#__PURE__*/ J("div", {
+						className: "flex justify-between",
+						children: [/*#__PURE__*/ q("span", {
+							className: "jn:text-theme-default",
+							children: /*#__PURE__*/ q(Z, { id: "x5l/TK" })
+						}), /*#__PURE__*/ q("span", {
+							className: "jn:text-theme-warning font-semibold",
+							children: f
+						})]
+					})]
+				})
+			]
+		})]
+	});
+}, Ze = ({ isOpen: e, onClose: n, image: i, permissions: { canCreateMember: a, canDeleteMember: o } }) => {
+	let { i18n: s, _: c } = Q(), l = te(), [u, d] = Y(null), [f, p] = Y(!1), { data: m, isLoading: h } = D.compute.listImageMembers.useQuery({
+		project_id: l,
+		imageId: i?.id || ""
+	}, { enabled: e && !!i?.id }), g = () => {
+		d(null), p(!1), n();
+	};
+	if (!e || !i) return null;
+	let _ = i.name || i.id;
+	return /*#__PURE__*/ q(r, {
+		onCancel: g,
+		title: s._({
+			id: "UQ7Wyv",
+			values: { imageName: _ }
+		}),
+		open: e,
+		size: "xl",
+		children: /*#__PURE__*/ J("div", { children: [u && /*#__PURE__*/ q(t, {
+			onDismiss: () => d(null),
+			text: u.text,
+			variant: u.type,
+			className: "mb-4"
+		}), /*#__PURE__*/ q(N, {
+			projectId: l,
+			image: i,
+			imageMembers: m,
+			isMembersLoading: h,
+			canAdd: a,
+			canRemove: o,
+			isAddingMember: f,
+			setIsAddingMember: p,
+			setMessage: d
+		})] })
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Images/-components/ImageListView.tsx
+function Qe({ images: e, suggestedImages: t, acceptedImages: n, permissions: r, isFetching: i, currentPage: s = 1, totalPages: u = 1, onPageChange: f, children: p, selectedImages: m, setSelectedImages: g, deleteAllModalOpen: _, setDeleteAllModalOpen: b, deactivateAllModalOpen: x, setDeactivateAllModalOpen: S, activateAllModalOpen: ee, setActivateAllModalOpen: w, createModalOpen: T, setCreateModalOpen: k, deletableImages: A, protectedImages: j, activeImages: M, deactivatedImages: N, onImageUpdated: ie, onImageDeleted: F, onMemberStatusChanged: I, hasAnyBulkAction: z }) {
+	let U = te(), [ue, be] = Y(!1), [Te, Ee] = Y(!1), [De, Oe] = Y(!1), [ke, Ae] = Y(!1), [Me, Ne] = Y(!1), [Pe, Fe] = Y(!1), [X, Q] = Y(null), [Le, Be] = Y(!1), [Ve, He] = Y(null), [Ue, We] = Y(!1), [Ge, qe] = Y(s.toString());
+	je(() => {
+		qe(s.toString());
+	}, [s]);
+	let $ = D.useUtils(), Qe = D.compute.deleteImage.useMutation({ onSuccess: () => {
+		$.compute.listImagesWithPagination.invalidate();
+	} }), $e = D.compute.deactivateImage.useMutation({ onSuccess: () => {
+		$.compute.listImagesWithPagination.invalidate(), $.compute.getImageById.invalidate();
+	} }), et = D.compute.reactivateImage.useMutation({ onSuccess: () => {
+		$.compute.listImagesWithPagination.invalidate(), $.compute.getImageById.invalidate();
+	} }), tt = D.compute.deleteImages.useMutation({ onSuccess: () => {
+		$.compute.listImagesWithPagination.invalidate(), g([]);
+	} }), nt = D.compute.activateImages.useMutation({ onSuccess: () => {
+		$.compute.listImagesWithPagination.invalidate(), g([]);
+	} }), rt = D.compute.deactivateImages.useMutation({ onSuccess: () => {
+		$.compute.listImagesWithPagination.invalidate(), g([]);
+	} }), it = D.compute.updateImage.useMutation({ onSuccess: (e) => {
+		$.compute.listImagesWithPagination.invalidate(), $.compute.getImageById.setData({
+			project_id: U,
+			imageId: e.id
+		}, e);
+	} }), at = D.compute.createImage.useMutation({ onSuccess: () => {
+		$.compute.listImagesWithPagination.invalidate();
+	} }), ot = D.compute.updateImageVisibility.useMutation({ onSuccess: (e) => {
+		ie(e);
+	} }), { data: st } = D.compute.watchUploadProgress.useSubscription({
+		project_id: U,
+		uploadId: Ve || ""
+	}, { enabled: !!Ve && Ue }), ct = Qe.isPending || $e.isPending || et.isPending || tt.isPending || nt.isPending || rt.isPending || it.isPending, lt = async (e, t, n) => {
+		try {
+			await ot.mutateAsync({
+				project_id: U,
+				imageId: e,
+				visibility: t
+			});
+			let { message: r, ...i } = Se(n, t);
+			h.success(r, i);
+		} catch (e) {
+			let r = e?.message || Re._({
+				id: "J9cmxx",
+				values: { newVisibility: t }
+			}), { message: i, ...a } = P(n, r);
+			h.error(i, a);
+		}
+	}, ut = (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;
+	}, dt = async (e) => {
+		if (!X) return !1;
+		let t = X.id, n = e.name || X.name || t;
+		try {
+			let r = ut(e, X), i = await it.mutateAsync({
+				project_id: U,
+				imageId: t,
+				operations: r
+			});
+			be(!1);
+			let { message: a, ...o } = ae(n);
+			return h.success(a, o), Q(i), ie(i), !0;
+		} catch (e) {
+			let t = e?.message ?? "", { message: r, ...i } = Ce(n, t);
+			return h.error(r, i), Q(null), !1;
+		}
+	}, ft = async (e, t) => {
+		let n = e.name || "Unnamed";
+		try {
+			Be(!0);
+			let r = await at.mutateAsync({
+				project_id: U,
+				...e
+			});
+			He(r.id), We(!0), await O.compute.uploadImage.mutate(t, { context: { headers: {
+				"x-project-id": U,
+				"x-upload-id": r.id,
+				"x-upload-size": String(t.size)
+			} } });
+			let { message: i, ...a } = G(n);
+			h.success(i, a), $.compute.listImagesWithPagination.invalidate();
+		} catch (e) {
+			if (e instanceof Ie && e.data?.path === "compute.createImage") {
+				let { message: t, ...r } = pe(n, e.message);
+				h.error(t, r);
+			} else {
+				let n = e?.message ?? "", { message: r, ...i } = oe(t.name, n);
+				h.error(r, i);
+			}
+		} finally {
+			Be(!1), k(!1), We(!1), He(null);
+		}
+	}, pt = async (e) => {
+		be(!1), Ee(!1);
+		let t = e.name || e.id, n = e.id;
+		try {
+			await Qe.mutateAsync({
+				project_id: U,
+				imageId: n
+			});
+			let { message: e, ...r } = we(t);
+			h.success(e, r), F(n);
+		} catch (e) {
+			let t = e?.message ?? "", { message: r, ...i } = xe(n, t);
+			h.error(r, i);
+		}
+		Q(null);
+	}, mt = async (e) => {
+		e.status === L.DEACTIVATED ? (Q(e), Ne(!0)) : (Q(e), Ae(!0));
+	}, ht = async (e) => {
+		let t = e.name || e.id, n = e.id;
+		try {
+			await et.mutateAsync({
+				project_id: U,
+				imageId: n
+			}), Ne(!1), Q(null);
+			let { message: e, ...r } = W(t);
+			h.success(e, r);
+		} catch (e) {
+			let t = e?.message ?? "", { message: r, ...i } = ge(n, t);
+			h.error(r, i);
+		}
+	}, gt = async (e) => {
+		let t = e.name || e.id, n = e.id;
+		try {
+			await $e.mutateAsync({
+				project_id: U,
+				imageId: n
+			}), Ae(!1), Q(null);
+			let { message: e, ...r } = ce(t);
+			h.success(e, r);
+		} catch (e) {
+			let t = e?.message ?? "", { message: r, ...i } = V(n, t);
+			h.error(r, i);
+		}
+	}, _t = (e) => {
+		Q(e), be(!0);
+	}, vt = (e) => {
+		Q(e), Ee(!0);
+	}, yt = (e) => {
+		Q(e), Oe(!0);
+	}, bt = (e) => {
+		Q(e), Fe(!0);
+	}, xt = () => {
+		Q(null), be(!1);
+	}, St = () => {
+		Q(null), Ee(!1);
+	}, Ct = () => {
+		Q(null), Oe(!1);
+	}, wt = () => {
+		Q(null), Ae(!1);
+	}, Tt = () => {
+		Q(null), Ne(!1);
+	}, Et = () => {
+		Q(null), Fe(!1);
+	}, Dt = async (e) => {
+		b(!1);
+		try {
+			let t = await tt.mutateAsync({
+				project_id: U,
+				imageIds: e
+			}), n = t.successful.length, r = t.failed.length, i = e.length;
+			if (r === 0) {
+				let { message: e, ...t } = fe(n, i);
+				h.success(e, t);
+			} else if (n === 0) {
+				let { message: e, ...t } = ve(r, i);
+				h.error(e, t);
+			} else {
+				let { message: e, ...t } = se(n, r);
+				h.warning(e, t);
+			}
+			t.successful.length > 0 && F(t.successful);
+		} catch (t) {
+			let n = t?.message ?? "";
+			console.log("Bulk delete error: ", n);
+			let { message: r, ...i } = ve(e.length, e.length);
+			h.error(r, i);
+		}
+	}, Ot = async (e) => {
+		w(!1);
+		try {
+			let t = await nt.mutateAsync({
+				project_id: U,
+				imageIds: e
+			}), n = t.successful.length, r = t.failed.length, i = e.length;
+			if (r === 0) {
+				let { message: e, ...t } = _e(n, i);
+				h.success(e, t);
+			} else if (n === 0) {
+				let { message: e, ...t } = ye(r, i);
+				h.error(e, t);
+			} else {
+				let { message: e, ...t } = me(n, r);
+				h.warning(e, t);
+			}
+		} catch (t) {
+			let n = t?.message ?? "";
+			console.log("Bulk activate error: ", n);
+			let { message: r, ...i } = ye(e.length, e.length);
+			h.error(r, i);
+		}
+	}, kt = async (e) => {
+		S(!1);
+		try {
+			let t = await rt.mutateAsync({
+				project_id: U,
+				imageIds: e
+			}), n = t.successful.length, r = t.failed.length, i = e.length;
+			if (r === 0) {
+				let { message: e, ...t } = he(n, i);
+				h.success(e, t);
+			} else if (n === 0) {
+				let { message: e, ...t } = le(r, i);
+				h.error(e, t);
+			} else {
+				let { message: e, ...t } = H(n, r);
+				h.warning(e, t);
+			}
+		} catch (t) {
+			let n = t?.message ?? "";
+			console.log("Bulk deactivate error: ", n);
+			let { message: r, ...i } = le(e.length, e.length);
+			h.error(r, i);
+		}
+	}, At = (e) => {
+		e >= 1 && e <= u && (f?.(e), qe(e.toString()));
+	};
+	return ct ? /*#__PURE__*/ q("div", {
+		"data-testid": "loading",
+		children: /*#__PURE__*/ q(o, { children: /*#__PURE__*/ q(C, {
+			colSpan: 3,
+			children: /*#__PURE__*/ J(l, {
+				distribution: "center",
+				alignment: "center",
+				children: [/*#__PURE__*/ q(c, { variant: "primary" }), /*#__PURE__*/ q(Z, { id: "Z3FXyt" })]
+			})
+		}) })
+	}) : /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(K, { children: p }), /*#__PURE__*/ J("div", {
+		className: "relative",
+		children: [
+			i && /*#__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__*/ J(l, {
+					direction: "vertical",
+					alignment: "center",
+					gap: "2",
+					children: [/*#__PURE__*/ q(c, {
+						variant: "primary",
+						size: "large"
+					}), /*#__PURE__*/ q("span", {
+						className: "text-theme-high font-medium",
+						children: /*#__PURE__*/ q(Z, { id: "sihD20" })
+					})]
+				})
+			}),
+			e.length > 0 ? /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ J(y, {
+				columns: z ? 9 : 8,
+				minContentColumns: z ? [0, 8] : [7],
+				className: "images",
+				"data-testid": "images-table",
+				children: [/*#__PURE__*/ J(o, { children: [
+					z && /*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(d, {
+						checked: (() => {
+							let t = e.map((e) => e.id);
+							return t.length > 0 && t.every((e) => m.includes(e));
+						})(),
+						onChange: () => {
+							let t = e.map((e) => e.id);
+							return t.every((e) => m.includes(e)) ? g(m.filter((e) => !t.includes(e))) : g([.../* @__PURE__ */ new Set([...m, ...t])]);
+						}
+					}) }),
+					/*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(Z, { id: "uAQUqI" }) }),
+					/*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(Z, { id: "ExLULX" }) }),
+					/*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(Z, { id: "2q/Q7x" }) }),
+					/*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(Z, { id: "644xgx" }) }),
+					/*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(Z, { id: "Cj2Gtd" }) }),
+					/*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(Z, { id: "NopYGU" }) }),
+					/*#__PURE__*/ q(a, { children: /*#__PURE__*/ q(Z, { id: "d+F6q9" }) }),
+					/*#__PURE__*/ q(a, {})
+				] }), e.map((e) => /*#__PURE__*/ q(ze, {
+					image: e,
+					isSelected: m.includes(e.id),
+					isPending: !!t.find(({ id: t }) => t === e.id),
+					isAccepted: !!n.find(({ id: t }) => t === e.id),
+					permissions: r,
+					onEditDetails: _t,
+					onEditMetadata: vt,
+					onDelete: yt,
+					onManageAccess: bt,
+					showSelectColumn: z,
+					onSelect: (e) => {
+						if (m.includes(e.id)) return g(m.filter((t) => t !== e.id));
+						g([...m, e.id]);
+					},
+					onActivationStatusChange: mt,
+					onUpdateVisibility: lt,
+					uploadId: Ve,
+					uploadProgressPercent: st?.percent,
+					onMemberStatusChanged: I
+				}, e.id))]
+			}), u > 1 && /*#__PURE__*/ q("div", {
+				className: "flex justify-center py-4",
+				children: /*#__PURE__*/ q(E, {
+					variant: "input",
+					currentPage: s,
+					pages: u,
+					onPressPrevious: () => At(Math.max(s - 1, 1)),
+					onPressNext: () => At(Math.min(s + 1, u)),
+					onSelectChange: (e) => {
+						At(e);
+					},
+					onInputChange: (e) => {
+						qe(e === void 0 ? "" : String(e));
+					},
+					onKeyDown: (e) => {
+						if (e.key === "Enter" && Ge !== "") {
+							let e = parseInt(Ge, 10);
+							!isNaN(e) && e >= 1 && e <= u && At(e);
+						}
+					}
+				})
+			})] }) : /*#__PURE__*/ q(y, {
+				columns: 7,
+				minContentColumns: [0, 6],
+				className: "images",
+				"data-testid": "no-images",
+				children: /*#__PURE__*/ q(o, { children: /*#__PURE__*/ J(C, {
+					colSpan: 7,
+					children: [/*#__PURE__*/ q(v, { children: /*#__PURE__*/ q(Z, { id: "eYlnXt" }) }), /*#__PURE__*/ q("p", { children: /*#__PURE__*/ q(Z, { id: "qvF2D8" }) })]
+				}) })
+			}),
+			X && /*#__PURE__*/ J(K, { children: [
+				/*#__PURE__*/ q(de, {
+					isOpen: ue,
+					onClose: xt,
+					image: X,
+					onSave: dt,
+					isLoading: it.isPending
+				}),
+				/*#__PURE__*/ q(R, {
+					isOpen: Te,
+					onClose: St,
+					image: X,
+					onSave: dt,
+					isLoading: it.isPending
+				}),
+				/*#__PURE__*/ q(ne, {
+					image: X,
+					isOpen: De,
+					isLoading: ct,
+					isDisabled: X.protected || !r.canDelete,
+					onClose: Ct,
+					onDelete: pt
+				}),
+				/*#__PURE__*/ q(B, {
+					image: X,
+					isOpen: ke,
+					isLoading: $e.isPending,
+					onClose: wt,
+					onDeactivate: gt
+				}),
+				/*#__PURE__*/ q(re, {
+					image: X,
+					isOpen: Me,
+					isLoading: et.isPending,
+					onClose: Tt,
+					onActivate: ht
+				}),
+				/*#__PURE__*/ q(Ze, {
+					image: X,
+					isOpen: Pe,
+					onClose: Et,
+					permissions: r
+				})
+			] }),
+			/*#__PURE__*/ q(Je, {
+				isOpen: _,
+				deletableImages: A,
+				protectedImages: j,
+				isLoading: ct,
+				onClose: () => b(!1),
+				onDelete: Dt
+			}),
+			/*#__PURE__*/ q(Ye, {
+				isOpen: x,
+				activeImages: M,
+				deactivatedImages: N,
+				isLoading: ct,
+				onClose: () => S(!1),
+				onDeactivate: kt
+			}),
+			/*#__PURE__*/ q(Xe, {
+				isOpen: ee,
+				deactivatedImages: N,
+				activeImages: M,
+				isLoading: ct,
+				onClose: () => w(!1),
+				onActivate: Ot
+			}),
+			/*#__PURE__*/ q(Ke, {
+				isOpen: T,
+				onClose: () => {
+					Ve && $.compute.listImagesWithPagination.invalidate(), k(!1);
+				},
+				onCreate: ft,
+				isLoading: at.isPending || Ue || Le,
+				isUploadPending: Ue && !!Ve,
+				uploadProgressPercent: st?.percent
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Images/urlHelpers.ts
+var $e = (e) => {
+	let t = [];
+	return e.status && (e.status.startsWith("in:") ? e.status.replace("in:", "").split(",") : [e.status]).forEach((e) => {
+		t.push({
+			name: "status",
+			value: e
+		});
+	}), e.visibility && t.push({
+		name: "visibility",
+		value: e.visibility
+	}), e.disk_format && (e.disk_format.startsWith("in:") ? e.disk_format.replace("in:", "").split(",") : [e.disk_format]).forEach((e) => {
+		t.push({
+			name: "disk_format",
+			value: e
+		});
+	}), e.container_format && (e.container_format.startsWith("in:") ? e.container_format.replace("in:", "").split(",") : [e.container_format]).forEach((e) => {
+		t.push({
+			name: "container_format",
+			value: e
+		});
+	}), e.protected && t.push({
+		name: "protected",
+		value: e.protected
+	}), t;
+}, et = (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;
+}, tt = (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], nt = (e, t, n) => {
+	let r = {
+		search: n.search,
+		sortBy: n.sortBy,
+		sortDirection: n.sortDirection,
+		memberStatus: n.memberStatus === "all" ? void 0 : n.memberStatus
+	};
+	if (!e?.length) return r;
+	let i = e.filter((e) => !e.inactive).reduce((e, t) => (e[t.name] || (e[t.name] = []), e[t.name].push(t.value), 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;
+}, rt = {
+	images: [],
+	first: void 0,
+	next: void 0,
+	schema: "/v2/schemas/images",
+	listError: void 0
+}, it = (e, t, n, r, i, a) => a.member_status && a.member_status !== "all" ? e.compute.listSharedImagesByMemberStatus.query({
+	project_id: t,
+	memberStatus: a.member_status,
+	name: i || void 0,
+	status: a.status,
+	disk_format: a.disk_format,
+	container_format: a.container_format,
+	protected: a.protected,
+	sort: `${n}:${r}`
+}).then((e) => ({
+	...rt,
+	images: e
+})).catch((e) => {
+	if (e instanceof Ie && e.data?.code === "FORBIDDEN") return {
+		...rt,
+		listError: e.message
+	};
+	throw e;
+}) : e.compute.listImagesWithSearch.query({
+	project_id: t,
+	sort: `${n}:${r}`,
+	name: i || void 0,
+	...a,
+	member_status: void 0
+}).then((e) => ({
+	...e,
+	listError: void 0
+})).catch((e) => {
+	if (e instanceof Ie && e.data?.code === "FORBIDDEN") return {
+		...rt,
+		listError: e.message
+	};
+	throw e;
+}), at = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: [
+		"images:create",
+		"images:delete",
+		"images:update",
+		"images:create_member",
+		"images:delete_member",
+		"images:update_member"
+	]
+}).then(([e, t, n, r, i, a]) => ({
+	canCreate: e,
+	canDelete: t,
+	canUpdate: n,
+	canCreateMember: r,
+	canDeleteMember: i,
+	canUpdateMember: a ?? !1
+})), ot = 50;
+function st({ imagesPromise: t, imageOverrides: n, deletedImageIds: r, permissionsPromise: a, searchTerm: o, setSearchTerm: s, sortSettings: c, handleSortChange: m, filterSettings: h, handleFilterChange: _, selectedImages: v, setSelectedImages: y, createModalOpen: b, setCreateModalOpen: C, deleteAllModalOpen: ee, setDeleteAllModalOpen: w, deactivateAllModalOpen: E, setDeactivateAllModalOpen: D, activateAllModalOpen: O, setActivateAllModalOpen: k, memberStatusView: A, setMemberStatusView: te, isFetching: M, currentPage: N, onPageChange: P, onImageUpdated: ne, onImageDeleted: re, onMemberStatusChanged: ie }) {
+	let { i18n: F, _: I } = Q(), R = ke(t), z = ke(a), [ae, B] = Y(o), V = Ne(void 0);
+	if (je(() => () => clearTimeout(V.current), []), R.listError) return /*#__PURE__*/ q("p", { children: R.listError });
+	let H = R.images.filter((e) => !r.has(e.id)).map((e) => n.get(e.id) ?? e), oe = Math.max(1, Math.ceil(H.length / ot)), se = Math.min(N, oe), U = H.slice((se - 1) * ot, se * ot);
+	je(() => {
+		N !== 1 && N > oe && P(1);
+	}, [
+		oe,
+		N,
+		P
+	]);
+	let W = A === "pending" || A === "accepted" ? {
+		...h,
+		filters: h.filters.filter((e) => e.filterName !== "visibility"),
+		selectedFilters: (h.selectedFilters || []).filter((e) => e.name !== "visibility")
+	} : h, ce = new Set(H.map((e) => e.id)), G = v.filter((e) => ce.has(e)), le = G.filter((e) => {
+		let t = H.find((t) => t.id === e);
+		return t && !t.protected;
+	}), ue = G.filter((e) => {
+		let t = H.find((t) => t.id === e);
+		return t && t.protected;
+	}), de = G.filter((e) => {
+		let t = H.find((t) => t.id === e);
+		return t && t.status === L.ACTIVE;
+	}), fe = G.filter((e) => {
+		let t = H.find((t) => t.id === e);
+		return t && t.status === L.DEACTIVATED;
+	}), pe = !z.canDelete || G.length === 0 || H.filter((e) => G.includes(e.id)).every((e) => e.protected), me = !z.canUpdate || G.length === 0 || H.filter((e) => G.includes(e.id)).every((e) => e.status === L.DEACTIVATED), he = !z.canUpdate || G.length === 0 || H.filter((e) => G.includes(e.id)).every((e) => e.status === L.ACTIVE), ge = {
+		items: [
+			{
+				label: F._({ id: "SFo0kK" }),
+				value: "all"
+			},
+			{
+				label: F._({ id: "thHAVL" }),
+				value: "accepted"
+			},
+			{
+				label: F._({ id: "E4QYe7" }),
+				value: "pending"
+			}
+		],
+		activeItem: A,
+		onActiveItemChange: (e) => te(e)
+	};
+	return /*#__PURE__*/ J(K, { children: [
+		/*#__PURE__*/ J(l, {
+			distribution: "between",
+			alignment: "center",
+			gap: "2",
+			children: [/*#__PURE__*/ q(S, {
+				activeItem: A,
+				onActiveItemChange: ge.onActiveItemChange,
+				children: ge.items.map((e) => /*#__PURE__*/ q(x, {
+					label: e.label,
+					value: e.value
+				}, e.value))
+			}), /*#__PURE__*/ J(l, {
+				gap: "0.5",
+				alignment: "center",
+				children: [/*#__PURE__*/ q(j, {
+					options: c.options,
+					sortBy: c.sortBy,
+					sortDirection: c.sortDirection ?? "desc",
+					selectClassName: "min-w-40",
+					onSortByChange: (e) => m({
+						...c,
+						sortBy: e,
+						sortDirection: c.sortDirection
+					}),
+					onSortDirectionChange: (e) => m({
+						...c,
+						sortDirection: e
+					})
+				}), z.canCreate && /*#__PURE__*/ q(u, {
+					onClick: () => C(!0),
+					variant: "primary",
+					children: /*#__PURE__*/ q(Z, { id: "a/nTb8" })
+				})]
+			})]
+		}),
+		/*#__PURE__*/ q(g, { children: /*#__PURE__*/ J(l, {
+			direction: "vertical",
+			gap: "2",
+			children: [/*#__PURE__*/ J(l, {
+				distribution: "between",
+				alignment: "center",
+				children: [/*#__PURE__*/ q(Ee, {
+					filters: W.filters,
+					selectClassName: "sm:min-w-40",
+					comboboxClassName: "sm:min-w-40",
+					onChange: (e) => {
+						let t = tt(W.selectedFilters || [], e, W.filters);
+						t !== (W.selectedFilters || []) && _({
+							...h,
+							selectedFilters: t
+						});
+					}
+				}), /*#__PURE__*/ q(e, {
+					placeholder: F._({ id: "0cl0a5" }),
+					"data-testid": "searchbar",
+					value: ae,
+					onInput: (e) => {
+						let t = e.currentTarget.value;
+						B(t), clearTimeout(V.current), V.current = window.setTimeout(() => s(t), 500);
+					},
+					onSearch: (e) => {
+						clearTimeout(V.current), s(typeof e == "string" ? e : "");
+					},
+					onClear: () => {
+						clearTimeout(V.current), B(""), s("");
+					}
+				})]
+			}), W.selectedFilters && W.selectedFilters.length > 0 && /*#__PURE__*/ q(Te, {
+				selectedFilters: W.selectedFilters,
+				onDelete: (e) => _({
+					...h,
+					selectedFilters: (h.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
+				}),
+				onClear: () => _({
+					...h,
+					selectedFilters: []
+				})
+			})]
+		}) }),
+		(z.canDelete || z.canUpdate) && /*#__PURE__*/ q(g, { children: /*#__PURE__*/ q(l, {
+			distribution: "between",
+			alignment: "center",
+			children: /*#__PURE__*/ J(l, {
+				gap: "2",
+				alignment: "center",
+				children: [/*#__PURE__*/ q(d, {
+					checked: G.length > 0 && U.every((e) => G.includes(e.id)),
+					indeterminate: G.length > 0 && !U.every((e) => G.includes(e.id)),
+					onChange: () => {
+						let e = U.map((e) => e.id);
+						e.every((e) => G.includes(e)) ? y(G.filter((t) => !e.includes(t))) : y([.../* @__PURE__ */ new Set([...G, ...e])]);
+					}
+				}), /*#__PURE__*/ J(i, { children: [/*#__PURE__*/ q(f, {
+					as: "div",
+					children: /*#__PURE__*/ q(u, {
+						size: "small",
+						icon: "moreVert",
+						label: F._({ id: "7L01XJ" })
+					})
+				}), /*#__PURE__*/ J(p, { children: [
+					z.canDelete && /*#__PURE__*/ q(T, {
+						disabled: pe,
+						label: F._({ id: "c6b6fz" }),
+						onClick: () => w(!0)
+					}),
+					z.canUpdate && /*#__PURE__*/ q(T, {
+						disabled: me,
+						label: F._({ id: "UmQ3/m" }),
+						onClick: () => D(!0)
+					}),
+					z.canUpdate && /*#__PURE__*/ q(T, {
+						disabled: he,
+						label: F._({ id: "d/I0J3" }),
+						onClick: () => k(!0)
+					})
+				] })] })]
+			})
+		}) }),
+		/*#__PURE__*/ q(Qe, {
+			images: U,
+			suggestedImages: A === "pending" ? U : [],
+			acceptedImages: A === "accepted" ? U : [],
+			permissions: z,
+			isFetching: M,
+			currentPage: se,
+			totalPages: oe,
+			onPageChange: P,
+			selectedImages: v,
+			setSelectedImages: y,
+			deleteAllModalOpen: ee,
+			setDeleteAllModalOpen: w,
+			deactivateAllModalOpen: E,
+			setDeactivateAllModalOpen: D,
+			activateAllModalOpen: O,
+			setActivateAllModalOpen: k,
+			createModalOpen: b,
+			setCreateModalOpen: C,
+			deletableImages: le,
+			protectedImages: ue,
+			activeImages: de,
+			deactivatedImages: fe,
+			onImageUpdated: ne,
+			onImageDeleted: re,
+			onMemberStatusChanged: ie,
+			hasAnyBulkAction: z.canDelete || z.canUpdate
+		})
+	] });
+}
+var ct = ({ client: e, project: n }) => {
+	let { i18n: r, _: i } = Q(), a = Pe(), o = X({ strict: !1 }), [s, u] = Y({
+		options: [
+			{
+				label: r._({ id: "88kg0+" }),
+				value: "created_at"
+			},
+			{
+				label: r._({ id: "Llcakz" }),
+				value: "updated_at"
+			},
+			{
+				label: r._({ id: "6YtxFj" }),
+				value: "name"
+			},
+			{
+				label: r._({ id: "Cj2Gtd" }),
+				value: "size"
+			},
+			{
+				label: r._({ id: "uAQUqI" }),
+				value: "status"
+			}
+		],
+		sortBy: o.sortBy || "created_at",
+		sortDirection: o.sortDirection || "desc"
+	}), [d, f] = Y({
+		filters: [
+			{
+				displayName: r._({ id: "uAQUqI" }),
+				filterName: "status",
+				values: Object.values(L),
+				supportsMultiValue: !0
+			},
+			{
+				displayName: r._({ id: "2q/Q7x" }),
+				filterName: "visibility",
+				values: Object.values(z),
+				supportsMultiValue: !1
+			},
+			{
+				displayName: r._({ id: "NopYGU" }),
+				filterName: "disk_format",
+				values: Object.values(I),
+				supportsMultiValue: !0
+			},
+			{
+				displayName: r._({ id: "6/xipy" }),
+				filterName: "container_format",
+				values: Object.values(ue),
+				supportsMultiValue: !0
+			},
+			{
+				displayName: r._({ id: "644xgx" }),
+				filterName: "protected",
+				values: ["true", "false"],
+				supportsMultiValue: !1
+			}
+		],
+		selectedFilters: $e(o)
+	}), [p, m] = Y(o.search || ""), h = o.page ?? 1, [g, _] = Y([]), [v, y] = Y(!1), [b, x] = Y(!1), [S, C] = Y(!1), [ee, w] = Y(!1), T = o.memberStatus ?? "all", [E, D] = Y(!0), [O, k] = Y(/* @__PURE__ */ new Map()), [A, te] = Y(/* @__PURE__ */ new Set()), [j, M] = Y(() => new Promise(() => {})), [N] = Y(() => at(e, n)), P = Ae((e) => {
+		k((t) => new Map(t).set(e.id, e));
+	}, []), ne = Ae((e) => {
+		te((t) => {
+			let n = new Set(t);
+			return Array.isArray(e) ? e.forEach((e) => n.add(e)) : n.add(e), n;
+		});
+	}, []), re = Ae(() => {
+		k(/* @__PURE__ */ new Map()), D(!0);
+		let t = o.memberStatus ?? "all", r = t === "all" ? void 0 : t;
+		Oe(() => {
+			let i = t === "pending" || t === "accepted" ? (d.selectedFilters || []).filter((e) => e.name !== "visibility") : d.selectedFilters || [], a = it(e, n, s.sortBy, s.sortDirection, p, {
+				...et(i, d.filters),
+				member_status: r
+			});
+			a.catch(() => {}).finally(() => D(!1)), M(a);
+		});
+	}, [
+		e,
+		s,
+		p,
+		d,
+		o.memberStatus
+	]);
+	je(() => {
+		let t = $e(o), r = o.sortBy || "created_at", i = o.sortDirection || "desc", a = o.search || "";
+		f((e) => ({
+			...e,
+			selectedFilters: t
+		})), u((e) => ({
+			...e,
+			sortBy: r,
+			sortDirection: i
+		})), m(a), _([]), k(/* @__PURE__ */ new Map()), D(!0);
+		let s = o.memberStatus ?? "all", c = s === "all" ? void 0 : s;
+		Oe(() => {
+			let o = s === "pending" || s === "accepted" ? (t || []).filter((e) => e.name !== "visibility") : t || [], l = it(e, n, r, i, a, {
+				...et(o, d.filters),
+				member_status: c
+			});
+			l.catch(() => {}).finally(() => D(!1)), M(l);
+		});
+	}, [
+		o.status,
+		o.visibility,
+		o.disk_format,
+		o.container_format,
+		o.protected,
+		o.sortBy,
+		o.sortDirection,
+		o.search,
+		o.memberStatus
+	]);
+	let ie = (e) => {
+		let t = {
+			options: e.options,
+			sortBy: e.sortBy?.toString() || "created_at",
+			sortDirection: e.sortDirection || "desc"
+		};
+		u(t), a({
+			search: (e) => ({
+				...e,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection,
+				page: void 0
+			}),
+			replace: !0
+		});
+	}, F = (e) => {
+		f(e), a({
+			search: (t) => nt(e.selectedFilters || [], e.filters, {
+				search: t.search,
+				sortBy: t.sortBy,
+				sortDirection: t.sortDirection,
+				memberStatus: t.memberStatus
+			}),
+			replace: !0
+		});
+	}, R = (e) => {
+		let t = typeof e == "string" ? e : "";
+		m(t), a({
+			search: (e) => ({
+				...e,
+				search: t || void 0,
+				page: void 0
+			}),
+			replace: !0
+		});
+	}, ae = (e) => {
+		a({ search: (t) => ({
+			sortBy: t.sortBy,
+			sortDirection: t.sortDirection,
+			search: t.search,
+			memberStatus: e === "all" ? void 0 : e
+		}) });
+	}, B = Ae((e) => {
+		a({ search: (t) => ({
+			...t,
+			page: e === 1 ? void 0 : e
+		}) });
+	}, [a]);
+	return /*#__PURE__*/ q("div", {
+		className: "relative",
+		children: /*#__PURE__*/ q(Le, {
+			fallbackRender: ({ error: e }) => /*#__PURE__*/ q(t, {
+				variant: "error",
+				text: e instanceof Error ? e.message : r._({ id: "W5A0Ly" })
+			}),
+			children: /*#__PURE__*/ q(De, {
+				fallback: /*#__PURE__*/ J(l, {
+					className: "fixed inset-0",
+					distribution: "center",
+					alignment: "center",
+					direction: "vertical",
+					children: [/*#__PURE__*/ q(c, {
+						variant: "primary",
+						size: "large",
+						className: "mb-2"
+					}), /*#__PURE__*/ q(Z, { id: "HBpi4q" })]
+				}),
+				children: /*#__PURE__*/ q(st, {
+					imagesPromise: j,
+					imageOverrides: O,
+					deletedImageIds: A,
+					permissionsPromise: N,
+					searchTerm: p,
+					setSearchTerm: R,
+					sortSettings: s,
+					handleSortChange: ie,
+					filterSettings: d,
+					handleFilterChange: F,
+					selectedImages: g,
+					setSelectedImages: _,
+					createModalOpen: v,
+					setCreateModalOpen: y,
+					deleteAllModalOpen: b,
+					setDeleteAllModalOpen: x,
+					deactivateAllModalOpen: S,
+					setDeactivateAllModalOpen: C,
+					activateAllModalOpen: ee,
+					setActivateAllModalOpen: w,
+					memberStatusView: T,
+					setMemberStatusView: ae,
+					isFetching: E,
+					currentPage: h,
+					onPageChange: B,
+					onImageUpdated: P,
+					onImageDeleted: ne,
+					onMemberStatusChanged: re
+				})
+			})
+		})
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/images/index.tsx?tsr-split=component
+function lt() {
+	let { i18n: e, _: t } = Q(), { projectId: n } = A.useParams(), { trpcClient: r } = A.useRouteContext();
+	if (!r) throw Error("trpcClient is not available in route context");
+	return /*#__PURE__*/ J(K, { children: [/*#__PURE__*/ q(M, {
+		title: e._({ id: "an5hVd" }),
+		projectId: n
+	}), /*#__PURE__*/ q(ct, {
+		client: r,
+		project: n
+	})] });
+}
+//#endregion
+export { lt as component };
+
+//# sourceMappingURL=images-91U7tr9Y2.mjs.map