@cobaltcore-dev/aurora 0.1.0

package/dist/client/images-BTqRflJv2.mjs

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