@cobaltcore-dev/aurora 0.2.2 → 0.3.1

package/dist/client/images-DaaCUXMI.mjs

@@ -1,1797 +0,0 @@
-import { $ as e, A as t, C as n, F as r, K as i, L as a, N as o, O as s, T as c, U as l, V as u, W as d, X as f, Y as p, _ as m, f as h, h as g, i as _, it as v, l as y, nt as b, r as x, rt as ee, u as S, w as C, z as w } from "./build-Cf7iWbpH.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-BZP3pBqj.mjs";
-import { t as k } from "./useModal-DxxlilRm.mjs";
-import { t as A } from "./ContentHeader-DtBiIwRY.mjs";
-import { t as te } from "./ListToolbar-DuazvsAu.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-Cw30RXsw.mjs";
-import { t as Te } from "./useProjectId-CgOTejka.mjs";
-import "./hooks-D0krAKvo.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: r, isPending: a, isAccepted: s, permissions: l, onEditDetails: u, onEditMetadata: f, onDelete: m, onSelect: h, onActivationStatusChange: g, onManageAccess: _, onUpdateVisibility: y, setToastData: b, uploadId: x, uploadProgressPercent: ee, 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
-			}), b(H(e, { onDismiss: () => b(null) })), S?.();
-		} catch (e) {
-			let t = e?.message;
-			b(U(t, { onDismiss: () => b(null) }));
-		}
-	}, V = I === M, ae = a || s, oe = re.isPending, [se, ce] = k(), [le, ue] = k();
-	return /* @__PURE__ */ K(o, {
-		"data-testid": `image-row-${T}`,
-		onClick: () => R({
-			to: "/projects/$projectId/compute/images/$imageId",
-			params: {
-				projectId: I,
-				imageId: T
-			}
-		}),
-		children: [
-			/* @__PURE__ */ G(t, {
-				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ G(n, {
-					checked: r,
-					onChange: () => h(e)
-				})
-			}),
-			/* @__PURE__ */ G(t, { children: O }),
-			/* @__PURE__ */ G(t, { children: N }),
-			/* @__PURE__ */ G(t, { children: A }),
-			/* @__PURE__ */ G(t, { children: e.protected ? C._({ id: "l75CjT" }) : C._({ id: "1UzENP" }) }),
-			/* @__PURE__ */ G(t, { children: x && x === T ? `${ee}%` : /* @__PURE__ */ G(F, { size: te }) }),
-			/* @__PURE__ */ G(t, { children: j || C._({ id: "fj5byd" }) }),
-			/* @__PURE__ */ G(t, { children: ne ? new Date(ne).toLocaleDateString() : C._({ id: "fj5byd" }) }),
-			/* @__PURE__ */ K(t, {
-				onClick: (e) => e.stopPropagation(),
-				children: [
-					oe ? /* @__PURE__ */ G(i, {
-						variant: "primary",
-						size: "small"
-					}) : /* @__PURE__ */ G(p, { children: /* @__PURE__ */ K(c, { children: [
-						/* @__PURE__ */ G(d, {
-							label: C._({ id: "v0hPHE" }),
-							onClick: () => R({
-								to: "/projects/$projectId/compute/images/$imageId",
-								params: {
-									projectId: I,
-									imageId: T
-								}
-							})
-						}),
-						ae && l.canUpdateMember && /* @__PURE__ */ K(W, { children: [a && /* @__PURE__ */ G(d, {
-							label: C._({ id: "g3UF2V" }),
-							onClick: ce
-						}), /* @__PURE__ */ G(d, {
-							label: C._({ id: "1t/NnN" }),
-							onClick: ue
-						})] }),
-						!ae && l.canUpdate && /* @__PURE__ */ K(W, { children: [
-							/* @__PURE__ */ G(d, {
-								label: C._({ id: "Y1YKad" }),
-								onClick: () => u(e)
-							}),
-							/* @__PURE__ */ G(d, {
-								label: C._({ id: "SIfYq6" }),
-								onClick: () => f(e)
-							}),
-							/* @__PURE__ */ G(d, {
-								label: e.status === L.DEACTIVATED ? C._({ id: "FQBaXG" }) : C._({ id: "5y3O+A" }),
-								onClick: () => g(e)
-							}),
-							e.visibility === z.SHARED && V && (l.canCreateMember || l.canDeleteMember) && /* @__PURE__ */ G(d, {
-								label: C._({ id: "cWbW6w" }),
-								onClick: () => _(e)
-							}),
-							e.visibility === z.PRIVATE && /* @__PURE__ */ G(d, {
-								label: C._({ id: "gMYsdZ" }),
-								onClick: () => y(e.id, z.SHARED, N)
-							})
-						] }),
-						!ae && l.canDelete && !e.protected && /* @__PURE__ */ G(d, {
-							label: C._({ id: "cnGeoo" }),
-							onClick: () => m(e)
-						})
-					] }) }),
-					se && /* @__PURE__ */ G(v, {
-						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(v, {
-						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: t, onClose: r, onCreate: a, isLoading: o = !1, isUploadPending: s = !1, uploadProgressPercent: c }) => {
-	let { i18n: u, _: d } = Y(), [f, p] = q({ ...Ve }), [g, S] = q(""), [w, T] = q(null), [E, O] = q({}), [k, A] = q(!1), [te, j] = q(null), ne = f.name.trim() !== "" && w !== null && f.disk_format !== void 0 && f.disk_format.trim() !== "" && f.container_format !== void 0 && f.container_format.trim() !== "" && f.min_disk >= 0 && f.min_ram >= 0, M = je(() => f.disk_format ? X(f.disk_format) : [], [f.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;
-		p((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: u._({ id: "wyIOMP" })
-		}));
-	}, R = (e, t) => {
-		if (e === "disk_format") {
-			let e = t, n = Z(e);
-			p((t) => ({
-				...t,
-				disk_format: e,
-				container_format: n
-			}));
-		} else p((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) || (p((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: u._({ id: "K3bUTE" })
-		})) : e === "min_ram" && O((e) => ({
-			...e,
-			min_ram: u._({ 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: u._({
-				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) => {
-		S(e.target.value);
-	}, ce = () => {
-		let e = g.trim();
-		if (e !== "") {
-			if (f.tags.includes(e)) {
-				S("");
-				return;
-			}
-			p((t) => ({
-				...t,
-				tags: [...t.tags, e]
-			})), S("");
-		}
-	}, le = (e) => {
-		e.key === "Enter" && (e.preventDefault(), ce());
-	}, ue = (e) => {
-		p((t) => ({
-			...t,
-			tags: t.tags.filter((t) => t !== e)
-		}));
-	}, de = () => {
-		let e = {};
-		return (!f.name || f.name.trim() === "") && (e.name = u._({ id: "wyIOMP" })), w || (e.file = u._({ id: "aTqCTq" })), (!f.disk_format || f.disk_format.trim() === "") && (e.disk_format = u._({ id: "LK0pQN" })), (!f.container_format || f.container_format.trim() === "") && (e.container_format = u._({ id: "J4DKSM" })), f.disk_format && f.container_format && (Be(f.disk_format, f.container_format) || (e.container_format = u._({ id: "BgMp/T" }))), f.min_disk < 0 && (e.min_disk = u._({ id: "K3bUTE" })), f.min_ram < 0 && (e.min_ram = u._({ id: "PEGvy+" })), O(e), Object.keys(e).length === 0;
-	}, fe = async (e) => {
-		if (e.preventDefault(), j(null), !de()) {
-			j(u._({ id: "CBFSfX" }));
-			return;
-		}
-		try {
-			await a({
-				name: f.name.trim(),
-				tags: f.tags,
-				visibility: f.visibility,
-				disk_format: f.disk_format,
-				container_format: f.container_format,
-				protected: f.protected,
-				min_disk: f.min_disk,
-				min_ram: f.min_ram
-			}, w), pe();
-		} catch (e) {
-			j(e instanceof Error ? e.message : u._({ id: "TQn3hH" }));
-		}
-	}, pe = () => {
-		p({ ...Ve }), S(""), T(null), O({}), j(null), r();
-	};
-	return /* @__PURE__ */ K(v, {
-		open: t,
-		onCancel: o ? void 0 : pe,
-		size: "large",
-		title: u._({ id: "xw2UtT" }),
-		onConfirm: fe,
-		confirmButtonLabel: u._({ id: "a/nTb8" }),
-		cancelButtonLabel: u._({ id: "dEgA5A" }),
-		disableConfirmButton: o || !ne,
-		closeable: !o,
-		closeOnEsc: !o,
-		children: [
-			o && !c && /* @__PURE__ */ K(e, {
-				distribution: "center",
-				alignment: "center",
-				className: "mt-4",
-				children: [
-					/* @__PURE__ */ G(i, { variant: "primary" }),
-					!s && /* @__PURE__ */ G(J, { id: "98Fs4G" }),
-					s && /* @__PURE__ */ G(J, { id: "3q1GLx" })
-				]
-			}),
-			o && !!c && /* @__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: `${c}%` },
-					children: [c, "%"]
-				})
-			}),
-			!o && /* @__PURE__ */ K(ee, {
-				className: "mb-6",
-				children: [
-					te && /* @__PURE__ */ G(l, {
-						variant: "error",
-						className: "mb-6",
-						children: te
-					}),
-					/* @__PURE__ */ G(x, {
-						className: "mb-6",
-						children: /* @__PURE__ */ G(b, { 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: [u._({ 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: u._({ id: "vXmL4D" }) }) : /* @__PURE__ */ K(W, { children: [
-														/* @__PURE__ */ G("span", {
-															className: "font-semibold",
-															children: u._({ id: "gYe+hC" })
-														}),
-														" ",
-														u._({ id: "Np28ib" })
-													] })
-												}),
-												/* @__PURE__ */ G("p", {
-													className: "text-xs text-gray-400",
-													children: u._({ id: "jBIkmi" })
-												})
-											]
-										}), /* @__PURE__ */ G("input", {
-											id: "image-file",
-											type: "file",
-											className: "hidden",
-											onChange: V,
-											accept: P,
-											disabled: o
-										})]
-									})
-								}),
-								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: o,
-										children: u._({ id: "t/YqKh" })
-									})]
-								}),
-								E.file && /* @__PURE__ */ G("p", {
-									className: "text-theme-error mt-1 text-xs text-red-600",
-									children: E.file
-								})
-							]
-						}) })
-					}),
-					/* @__PURE__ */ K(x, {
-						className: "mb-6",
-						children: [
-							/* @__PURE__ */ G(b, {
-								className: "mb-6",
-								children: /* @__PURE__ */ G(C, {
-									id: "name",
-									name: "name",
-									label: u._({ id: "ExLULX" }),
-									value: f.name,
-									onChange: F,
-									onBlur: L,
-									required: !0,
-									errortext: E.name,
-									placeholder: u._({ id: "PsEGri" }),
-									disabled: o
-								})
-							}),
-							/* @__PURE__ */ G(b, {
-								className: "mb-6",
-								children: /* @__PURE__ */ K("div", {
-									className: "w-full",
-									children: [/* @__PURE__ */ K(e, {
-										gap: "1",
-										direction: "horizontal",
-										alignment: "start",
-										children: [/* @__PURE__ */ G("div", {
-											className: "flex-1",
-											children: /* @__PURE__ */ G(C, {
-												id: "tags",
-												name: "tags",
-												label: u._({ id: "OYHzN1" }),
-												value: g,
-												onChange: se,
-												onKeyDown: le,
-												helptext: u._({ id: "AN0DBJ" }),
-												placeholder: u._({ id: "tmpGvt" }),
-												disabled: o
-											})
-										}), /* @__PURE__ */ G(y, {
-											variant: "primary",
-											onClick: ce,
-											disabled: o || g.trim() === "",
-											children: /* @__PURE__ */ G(J, { id: "m16xKo" })
-										})]
-									}), f.tags.length > 0 && /* @__PURE__ */ G(e, {
-										gap: "1",
-										wrap: !0,
-										alignment: "center",
-										className: "mt-1",
-										children: f.tags.map((e) => /* @__PURE__ */ G(m, {
-											closeable: !0,
-											pillKey: "",
-											pillValue: e,
-											onClose: () => ue(e)
-										}, e))
-									})]
-								})
-							}),
-							/* @__PURE__ */ G(b, {
-								className: "mb-6",
-								children: /* @__PURE__ */ K(_, {
-									id: "visibility",
-									name: "visibility",
-									label: u._({ id: "2q/Q7x" }),
-									value: f.visibility,
-									onChange: (e) => R("visibility", e),
-									disabled: o,
-									loading: o,
-									children: [
-										/* @__PURE__ */ G(h, {
-											value: z.PUBLIC,
-											label: u._({ id: "7d1a0d" })
-										}),
-										/* @__PURE__ */ G(h, {
-											value: z.PRIVATE,
-											label: u._({ id: "zwBp5t" })
-										}),
-										/* @__PURE__ */ G(h, {
-											value: z.SHARED,
-											label: u._({ id: "0Gd0NU" })
-										}),
-										/* @__PURE__ */ G(h, {
-											value: z.COMMUNITY,
-											label: u._({ id: "chL5IG" })
-										})
-									]
-								})
-							}),
-							/* @__PURE__ */ G(b, {
-								className: "mb-6",
-								children: /* @__PURE__ */ K(e, {
-									direction: "horizontal",
-									gap: "3",
-									distribution: "evenly",
-									className: "w-full",
-									children: [/* @__PURE__ */ G("div", {
-										className: "flex-1",
-										children: /* @__PURE__ */ K(_, {
-											id: "disk_format",
-											name: "disk_format",
-											label: u._({ id: "NopYGU" }),
-											value: f.disk_format,
-											onChange: (e) => R("disk_format", e),
-											disabled: o,
-											loading: o,
-											required: !0,
-											errortext: E.disk_format,
-											children: [
-												/* @__PURE__ */ G(h, {
-													value: I.QCOW2,
-													label: "QCOW2 - QEMU Emulator"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.RAW,
-													label: "Raw"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.VMDK,
-													label: "VMDK - Virtual Machine Disk"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.VHD,
-													label: "VHD - Virtual Hard Disk"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.VHDX,
-													label: "VHDX - Virtual Hard Disk Extended"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.VDI,
-													label: "VDI - Virtual Disk Image"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.AMI,
-													label: "AMI - Amazon Machine Image"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.ARI,
-													label: "ARI - Amazon Ramdisk Image"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.AKI,
-													label: "AKI - Amazon Kernel Image"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.ISO,
-													label: "ISO - Optical Disk Image"
-												}),
-												/* @__PURE__ */ G(h, {
-													value: I.PLOOP,
-													label: "PLOOP - Virtuozzo/Parallels Loopback Disk"
-												})
-											]
-										})
-									}), /* @__PURE__ */ G("div", {
-										className: "flex-1",
-										children: /* @__PURE__ */ G(_, {
-											id: "container_format",
-											name: "container_format",
-											label: u._({ id: "6/xipy" }),
-											value: f.container_format,
-											onChange: (e) => R("container_format", e),
-											disabled: o || !f.disk_format || !M.length,
-											required: !0,
-											errortext: E.container_format,
-											helptext: !M.length && u._({ id: "A7CVME" }),
-											children: M.map((e) => /* @__PURE__ */ G(h, {
-												value: e,
-												label: e.toUpperCase()
-											}, e))
-										})
-									})]
-								})
-							}),
-							/* @__PURE__ */ G(b, {
-								className: "mb-0",
-								children: /* @__PURE__ */ G(n, {
-									id: "protected",
-									name: "protected",
-									label: u._({ id: "644xgx" }),
-									checked: f.protected,
-									onChange: F,
-									helptext: u._({ id: "aV6KPH" }),
-									disabled: o
-								})
-							})
-						]
-					}),
-					/* @__PURE__ */ G(x, {
-						className: "mb-6",
-						children: /* @__PURE__ */ G(b, {
-							className: "mb-0",
-							children: /* @__PURE__ */ K(e, {
-								direction: "horizontal",
-								gap: "3",
-								distribution: "evenly",
-								className: "w-full",
-								children: [/* @__PURE__ */ G("div", {
-									className: "flex-1",
-									children: /* @__PURE__ */ G(C, {
-										id: "min_disk",
-										name: "min_disk",
-										label: u._({ id: "NixRmA" }),
-										type: "number",
-										value: String(f.min_disk),
-										onChange: (e) => B("min_disk", e.target.value),
-										onBlur: () => re("min_disk", f.min_disk),
-										helptext: u._({ id: "4fh0Wj" }),
-										errortext: E.min_disk,
-										disabled: o
-									})
-								}), /* @__PURE__ */ G("div", {
-									className: "flex-1",
-									children: /* @__PURE__ */ G(C, {
-										id: "min_ram",
-										name: "min_ram",
-										label: u._({ id: "CgZxr7" }),
-										type: "number",
-										value: String(f.min_ram),
-										onChange: (e) => B("min_ram", e.target.value),
-										onBlur: () => re("min_ram", f.min_ram),
-										helptext: u._({ id: "KsIM0b" }),
-										errortext: E.min_ram,
-										disabled: o
-									})
-								})]
-							})
-						})
-					})
-				]
-			})
-		]
-	});
-}, Ue = ({ deletableImages: t, protectedImages: n, isOpen: r, isLoading: o, onClose: s, onDelete: c }) => {
-	let { i18n: u, _: d } = Y(), f = t.length, p = n.length;
-	return /* @__PURE__ */ K(v, {
-		onCancel: s,
-		size: "small",
-		title: u._({ id: "JtHgVz" }),
-		open: r,
-		modalFooter: /* @__PURE__ */ G(a, {
-			className: "flex justify-end",
-			children: /* @__PURE__ */ K(g, { children: [/* @__PURE__ */ G(y, {
-				variant: "default",
-				onClick: s,
-				children: /* @__PURE__ */ G(J, { id: "dEgA5A" })
-			}), /* @__PURE__ */ G(y, {
-				variant: "primary-danger",
-				onClick: (e) => {
-					e.preventDefault(), c(t);
-				},
-				disabled: o,
-				"data-testid": "delete-image-button",
-				children: /* @__PURE__ */ G(J, { id: "cnGeoo" })
-			})] })
-		}),
-		children: [o && /* @__PURE__ */ G(e, {
-			distribution: "center",
-			alignment: "center",
-			children: /* @__PURE__ */ G(i, { variant: "primary" })
-		}), !o && /* @__PURE__ */ K("div", {
-			className: "my-6",
-			children: [
-				f > 0 && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(l, {
-					text: u._({
-						id: "Dh1qvV",
-						values: { deletableCount: f }
-					}),
-					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: f }
-						})
-					}), /* @__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))
-						})
-					})]
-				})] }),
-				p > 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: n.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: [f > 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: f
-						})]
-					}), p > 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: p
-						})]
-					})]
-				})
-			]
-		})]
-	});
-}, We = ({ activeImages: t, deactivatedImages: n, isOpen: r, isLoading: a, onClose: o, onDeactivate: s }) => {
-	let { i18n: c, _: l } = Y(), u = t.length, d = n.length, f = (e) => {
-		e.preventDefault(), s(t);
-	};
-	return /* @__PURE__ */ K(v, {
-		onCancel: o,
-		size: "small",
-		title: c._({ id: "+9CXS9" }),
-		open: r,
-		onConfirm: (e) => {
-			f(e), o();
-		},
-		confirmButtonLabel: c._({ id: "5y3O+A" }),
-		cancelButtonLabel: c._({ id: "dEgA5A" }),
-		disableConfirmButton: a,
-		children: [a && /* @__PURE__ */ G(e, {
-			distribution: "center",
-			alignment: "center",
-			children: /* @__PURE__ */ G(i, { variant: "primary" })
-		}), !a && /* @__PURE__ */ K("div", {
-			className: "my-6",
-			children: [
-				u > 0 && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("p", {
-					className: "mb-6",
-					children: /* @__PURE__ */ G(J, {
-						id: "zm7+/D",
-						values: { activeCount: u },
-						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: u }
-						})
-					}), /* @__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))
-						})
-					})]
-				})] }),
-				d > 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: n.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: [u > 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: u
-						})]
-					}), d > 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: d
-						})]
-					})]
-				})
-			]
-		})]
-	});
-}, Ge = ({ deactivatedImages: t, activeImages: n, isOpen: r, isLoading: a, onClose: o, onActivate: s }) => {
-	let { i18n: c, _: l } = Y(), u = t.length, d = n.length;
-	return /* @__PURE__ */ K(v, {
-		onCancel: o,
-		size: "small",
-		title: c._({ id: "UdcGJu" }),
-		open: r,
-		onConfirm: (e) => {
-			e.preventDefault(), s(t);
-		},
-		confirmButtonLabel: c._({ id: "FQBaXG" }),
-		cancelButtonLabel: c._({ id: "dEgA5A" }),
-		disableConfirmButton: a,
-		children: [a && /* @__PURE__ */ G(e, {
-			distribution: "center",
-			alignment: "center",
-			children: /* @__PURE__ */ G(i, { variant: "primary" })
-		}), !a && /* @__PURE__ */ K("div", {
-			className: "my-6",
-			children: [
-				u > 0 && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("p", {
-					className: "mb-6",
-					children: /* @__PURE__ */ G(J, {
-						id: "MgZyuJ",
-						values: { deactivatedCount: u },
-						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: u }
-						})
-					}), /* @__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))
-						})
-					})]
-				})] }),
-				d > 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: n.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: [u > 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: u
-						})]
-					}), d > 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: d
-						})]
-					})]
-				})
-			]
-		})]
-	});
-}, Ke = ({ isOpen: e, onClose: t, image: n, permissions: { canCreateMember: r, canDeleteMember: i } }) => {
-	let { i18n: a, _: o } = Y(), s = Te(), [c, u] = q(null), [d, f] = q(!1), { data: p, isLoading: m } = E.compute.listImageMembers.useQuery({
-		project_id: s,
-		imageId: n?.id || ""
-	}, { enabled: e && !!n?.id }), h = () => {
-		u(null), f(!1), t();
-	};
-	if (!e || !n) return null;
-	let g = n.name || n.id;
-	return /* @__PURE__ */ G(v, {
-		onCancel: h,
-		title: a._({
-			id: "UQ7Wyv",
-			values: { imageName: g }
-		}),
-		open: e,
-		size: "xl",
-		children: /* @__PURE__ */ K("div", { children: [c && /* @__PURE__ */ G(l, {
-			onDismiss: () => u(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: d,
-			setIsAddingMember: f,
-			setMessage: u
-		})] })
-	});
-};
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId/compute/-components/Images/-components/ImageListView.tsx
-function qe({ images: r, suggestedImages: a, acceptedImages: c, permissions: l, isFetching: d, currentPage: p = 1, totalPages: m = 1, onPageChange: h, children: g, selectedImages: _, setSelectedImages: v, deleteAllModalOpen: y, setDeleteAllModalOpen: b, deactivateAllModalOpen: x, setDeactivateAllModalOpen: ee, 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(), v([]);
-	} }), tt = E.compute.activateImages.useMutation({ onSuccess: () => {
-		Q.compute.listImagesWithPagination.invalidate(), v([]);
-	} }), nt = E.compute.deactivateImages.useMutation({ onSuccess: () => {
-		Q.compute.listImagesWithPagination.invalidate(), v([]);
-	} }), 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(o, { children: /* @__PURE__ */ G(t, {
-			colSpan: 3,
-			children: /* @__PURE__ */ K(e, {
-				distribution: "center",
-				alignment: "center",
-				children: [/* @__PURE__ */ G(i, { variant: "primary" }), /* @__PURE__ */ G(J, { id: "Z3FXyt" })]
-			})
-		}) })
-	}) : /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G(W, { children: g }),
-		/* @__PURE__ */ K("div", {
-			className: "relative",
-			children: [
-				d && /* @__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(e, {
-						direction: "vertical",
-						alignment: "center",
-						gap: "2",
-						children: [/* @__PURE__ */ G(i, {
-							variant: "primary",
-							size: "large"
-						}), /* @__PURE__ */ G("span", {
-							className: "text-theme-high font-medium",
-							children: /* @__PURE__ */ G(J, { id: "sihD20" })
-						})]
-					})
-				}),
-				r.length > 0 ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(w, {
-					columns: 9,
-					minContentColumns: [0, 8],
-					className: "images",
-					"data-testid": "images-table",
-					children: [/* @__PURE__ */ K(o, { children: [
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(n, {
-							checked: (() => {
-								let e = r.map((e) => e.id);
-								return e.length > 0 && e.every((e) => _.includes(e));
-							})(),
-							onChange: () => {
-								let e = r.map((e) => e.id);
-								return e.every((e) => _.includes(e)) ? v(_.filter((t) => !e.includes(t))) : v([...new Set([..._, ...e])]);
-							}
-						}) }),
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(J, { id: "uAQUqI" }) }),
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(J, { id: "ExLULX" }) }),
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(J, { id: "2q/Q7x" }) }),
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(J, { id: "644xgx" }) }),
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(J, { id: "Cj2Gtd" }) }),
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(J, { id: "NopYGU" }) }),
-						/* @__PURE__ */ G(u, { children: /* @__PURE__ */ G(J, { id: "d+F6q9" }) }),
-						/* @__PURE__ */ G(u, {})
-					] }), r.map((e) => /* @__PURE__ */ G(Le, {
-						image: e,
-						isSelected: _.includes(e.id),
-						isPending: !!a.find(({ id: t }) => t === e.id),
-						isAccepted: !!c.find(({ id: t }) => t === e.id),
-						permissions: l,
-						onEditDetails: gt,
-						onEditMetadata: _t,
-						onDelete: vt,
-						onManageAccess: yt,
-						onSelect: (e) => {
-							if (_.includes(e.id)) return v(_.filter((t) => t !== e.id));
-							v([..._, e.id]);
-						},
-						onActivationStatusChange: pt,
-						onUpdateVisibility: ct,
-						setToastData: U,
-						uploadId: qe,
-						uploadProgressPercent: ot?.percent,
-						onMemberStatusChanged: z
-					}, e.id))]
-				}), m > 1 && /* @__PURE__ */ G("div", {
-					className: "flex justify-center py-4",
-					children: /* @__PURE__ */ G(S, {
-						variant: "input",
-						currentPage: p,
-						pages: m,
-						onPressPrevious: () => h?.(Math.max(p - 1, 1)),
-						onPressNext: () => h?.(Math.min(p + 1, m)),
-						onSelectChange: (e) => h?.(e)
-					})
-				})] }) : /* @__PURE__ */ G(w, {
-					columns: 7,
-					minContentColumns: [0, 6],
-					className: "images",
-					"data-testid": "no-images",
-					children: /* @__PURE__ */ G(o, { children: /* @__PURE__ */ K(t, {
-						colSpan: 7,
-						children: [/* @__PURE__ */ G(s, { 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 || !l.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: l
-					})
-				] }),
-				/* @__PURE__ */ G(Ue, {
-					isOpen: y,
-					deletableImages: A,
-					protectedImages: te,
-					isLoading: st,
-					onClose: () => b(!1),
-					onDelete: async (e) => {
-						b(!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: x,
-					activeImages: j,
-					deactivatedImages: P,
-					isLoading: st,
-					onClose: () => ee(!1),
-					onDeactivate: async (e) => {
-						ee(!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(f, {
-			...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: t, imageOverrides: n, deletedImageIds: i, permissionsPromise: a, searchTerm: o, setSearchTerm: s, sortSettings: l, handleSortChange: u, filterSettings: f, handleFilterChange: m, selectedImages: h, setSelectedImages: g, createModalOpen: _, setCreateModalOpen: v, deleteAllModalOpen: b, setDeleteAllModalOpen: x, deactivateAllModalOpen: ee, 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(t), F = Oe(a), I = P.images.filter((e) => !i.has(e.id)).map((e) => n.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" ? {
-		...f,
-		filters: f.filters.filter((e) => e.filterName !== "visibility"),
-		selectedFilters: (f.selectedFilters || []).filter((e) => e.name !== "visibility")
-	} : f, ie = new Set(I.map((e) => e.id)), V = h.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: l,
-		filterSettings: re,
-		searchTerm: o,
-		onSort: u,
-		onFilter: m,
-		onSearch: s,
-		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(e, {
-			gap: "2",
-			children: [F.canCreate && /* @__PURE__ */ G(y, {
-				onClick: () => v(!0),
-				variant: "primary",
-				children: "Create Image"
-			}), /* @__PURE__ */ K(p, { children: [/* @__PURE__ */ G(r, {
-				as: "div",
-				children: /* @__PURE__ */ G(y, {
-					icon: "moreVert",
-					children: /* @__PURE__ */ G(J, { id: "PgNNGl" })
-				})
-			}), /* @__PURE__ */ K(c, { children: [
-				/* @__PURE__ */ G(d, {
-					disabled: ce,
-					label: M._({ id: "c6b6fz" }),
-					onClick: () => x(!0)
-				}),
-				/* @__PURE__ */ G(d, {
-					disabled: le,
-					label: M._({ id: "UmQ3/m" }),
-					onClick: () => S(!0)
-				}),
-				/* @__PURE__ */ G(d, {
-					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: h,
-		setSelectedImages: g,
-		deleteAllModalOpen: b,
-		setDeleteAllModalOpen: x,
-		deactivateAllModalOpen: ee,
-		setDeactivateAllModalOpen: S,
-		activateAllModalOpen: C,
-		setActivateAllModalOpen: w,
-		createModalOpen: _,
-		setCreateModalOpen: v,
-		deletableImages: ae,
-		protectedImages: oe,
-		activeImages: H,
-		deactivatedImages: se,
-		onImageUpdated: A,
-		onImageDeleted: j,
-		onMemberStatusChanged: ne
-	})] });
-}
-var et = ({ client: t, project: n }) => {
-	let { i18n: r, _: a } = Y(), o = Me(), s = Pe({ strict: !1 }), [c, l] = q({
-		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: s.sortBy || "created_at",
-		sortDirection: s.sortDirection || "desc"
-	}), [u, d] = q({
-		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(de),
-				supportsMultiValue: !0
-			},
-			{
-				displayName: r._({ id: "644xgx" }),
-				filterName: "protected",
-				values: ["true", "false"],
-				supportsMultiValue: !1
-			}
-		],
-		selectedFilters: Je(s)
-	}), [f, p] = q(s.search || ""), m = s.page ?? 1, [h, g] = q([]), [_, v] = q(!1), [y, b] = q(!1), [x, ee] = q(!1), [S, C] = q(!1), w = s.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(t, n)), 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 e = s.memberStatus ?? "all", r = e === "all" ? void 0 : e;
-		De(() => {
-			let i = e === "pending" || e === "accepted" ? (u.selectedFilters || []).filter((e) => e.name !== "visibility") : u.selectedFilters || [], a = Q(t, n, c.sortBy, c.sortDirection, f, {
-				...Ye(i, u.filters),
-				member_status: r
-			});
-			a.catch(() => {}).finally(() => E(!1)), j(a);
-		});
-	}, [
-		t,
-		c,
-		f,
-		u,
-		s.memberStatus
-	]);
-	Ae(() => {
-		let e = Je(s), r = s.sortBy || "created_at", i = s.sortDirection || "desc", a = s.search || "";
-		d((t) => ({
-			...t,
-			selectedFilters: e
-		})), l((e) => ({
-			...e,
-			sortBy: r,
-			sortDirection: i
-		})), p(a), g([]), O(/* @__PURE__ */ new Map()), E(!0);
-		let o = s.memberStatus ?? "all", c = o === "all" ? void 0 : o;
-		De(() => {
-			let s = Q(t, n, r, i, a, {
-				...Ye(o === "pending" || o === "accepted" ? (e || []).filter((e) => e.name !== "visibility") : e || [], u.filters),
-				member_status: c
-			});
-			s.catch(() => {}).finally(() => E(!1)), j(s);
-		});
-	}, [
-		s.status,
-		s.visibility,
-		s.disk_format,
-		s.container_format,
-		s.protected,
-		s.sortBy,
-		s.sortDirection,
-		s.search,
-		s.memberStatus
-	]);
-	let F = (e) => {
-		let t = {
-			options: e.options,
-			sortBy: e.sortBy?.toString() || "created_at",
-			sortDirection: e.sortDirection || "desc"
-		};
-		l(t), o({
-			search: (e) => ({
-				...e,
-				sortBy: t.sortBy,
-				sortDirection: t.sortDirection,
-				page: void 0
-			}),
-			replace: !0
-		});
-	}, R = (e) => {
-		d(e), o({
-			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 : "";
-		p(t), o({
-			search: (e) => ({
-				...e,
-				search: t || void 0,
-				page: void 0
-			}),
-			replace: !0
-		});
-	}, re = (e) => {
-		o({ search: (t) => ({
-			sortBy: t.sortBy,
-			sortDirection: t.sortDirection,
-			search: t.search,
-			memberStatus: e === "all" ? void 0 : e
-		}) });
-	}, ie = ke((e) => {
-		o({ search: (t) => ({
-			...t,
-			page: e === 1 ? void 0 : e
-		}) });
-	}, [o]);
-	return /* @__PURE__ */ G("div", {
-		className: "relative",
-		children: /* @__PURE__ */ G(Ee, {
-			fallback: /* @__PURE__ */ K(e, {
-				className: "fixed inset-0",
-				distribution: "center",
-				alignment: "center",
-				direction: "vertical",
-				children: [/* @__PURE__ */ G(i, {
-					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: f,
-				setSearchTerm: B,
-				sortSettings: c,
-				handleSortChange: F,
-				filterSettings: u,
-				handleFilterChange: R,
-				selectedImages: h,
-				setSelectedImages: g,
-				createModalOpen: _,
-				setCreateModalOpen: v,
-				deleteAllModalOpen: y,
-				setDeleteAllModalOpen: b,
-				deactivateAllModalOpen: x,
-				setDeactivateAllModalOpen: ee,
-				activateAllModalOpen: S,
-				setActivateAllModalOpen: C,
-				memberStatusView: w,
-				setMemberStatusView: re,
-				isFetching: T,
-				currentPage: m,
-				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 } = O.useRouteContext();
-	return /* @__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-DaaCUXMI.mjs.map