@cobaltcore-dev/aurora 0.3.0 → 0.4.0

package/dist/client/containers-J7WFA18U.mjs

@@ -0,0 +1,3120 @@
+import { $ as e, A as t, B as n, E as r, G as i, I as a, J as o, M as s, P as c, Q as l, T as u, U as d, Y as f, Z as p, a as m, c as h, et as g, h as _, i as v, m as y, nt as b, ot as x, s as S, w as C } from "./build-BJDfnAyi.mjs";
+import { r as w } from "./trpcClient-BxguzNYF.mjs";
+import { t as T } from "./containers-BjWqjNOx.mjs";
+import { t as E } from "./ContentHeader-BXZoN3B9.mjs";
+import { t as D } from "./formatBytes-tQBEnPoL.mjs";
+import { t as O } from "./useProjectId-OQv2KBbG.mjs";
+import { t as k } from "./ListToolbar-BojRTNbo.mjs";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { startTransition as N, useCallback as P, useEffect as F, useRef as ee, useState as I } from "react";
+import { useNavigate as L, useParams as R } from "@tanstack/react-router";
+import { Trans as z, useLingui as B } from "@lingui/react";
+import { i18n as V } from "@lingui/core";
+import { ErrorBoundary as H } from "react-error-boundary";
+import { useVirtualizer as te } from "@tanstack/react-virtual";
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/CreateContainerModal.tsx
+var U = ({ isOpen: e, onClose: t, onSuccess: n, onError: r, maxContainerNameLength: i = 256 }) => {
+	let { i18n: a, _: o } = B(), s = O(), [c, l] = I(""), [d, f] = I(null), p = w.useUtils(), m = w.storage.swift.createContainer.useMutation({
+		onSuccess: () => {
+			p.storage.swift.listContainers.invalidate();
+			let e = c.trim();
+			n?.(e);
+		},
+		onError: (e) => {
+			r?.(c.trim(), e.message);
+		},
+		onSettled: () => {
+			h();
+		}
+	}), h = () => {
+		l(""), f(null), m.reset(), t();
+	}, g = (e) => e.trim() ? e.length > i ? (f(a._({
+		id: "r5SQFW",
+		values: { maxContainerNameLength: i }
+	})), !1) : e.includes("/") ? (f(a._({ id: "9J93Xr" })), !1) : (f(null), !0) : (f(a._({ id: "JNGYAW" })), !1), _ = (e) => {
+		let t = e.target.value;
+		l(t), d && g(t);
+	}, v = () => {
+		g(c) && m.mutate({
+			project_id: s,
+			container: c.trim()
+		});
+	};
+	return e ? /* @__PURE__ */ j(x, {
+		title: a._({ id: "vTh35P" }),
+		open: e,
+		onCancel: h,
+		confirmButtonLabel: a._({ id: "hYgDIe" }),
+		onConfirm: v,
+		cancelButtonLabel: a._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: m.isPending || !c.trim(),
+		children: /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "6",
+			children: [/* @__PURE__ */ j("p", {
+				className: "text-theme-default",
+				children: /* @__PURE__ */ j(z, { id: "ne/GWZ" })
+			}), /* @__PURE__ */ j(u, {
+				label: a._({ id: "SUSS9i" }),
+				required: !0,
+				value: c,
+				onChange: _,
+				onKeyDown: (e) => {
+					e.key === "Enter" && v();
+				},
+				invalid: !!d,
+				errortext: d || void 0,
+				disabled: m.isPending,
+				autoFocus: !0,
+				placeholder: a._({ id: "W5FkH9" })
+			})]
+		})
+	}) : null;
+}, W = ({ isOpen: e, container: t, onClose: r, onSuccess: o, onError: c }) => {
+	let { i18n: f, _: p } = B(), m = O(), [g, y] = I(""), [S, C] = I(null), [T, E] = I(!1), k = ee(""), A = () => {
+		t && navigator.clipboard.writeText(t.name).then(() => {
+			E(!0), setTimeout(() => E(!1), 2e3);
+		});
+	}, N = w.useUtils(), { data: P, isLoading: F, error: L } = w.storage.swift.listObjects.useQuery({
+		project_id: m,
+		container: t?.name ?? "",
+		format: "json",
+		limit: 100
+	}, { enabled: e && t !== null }), R = w.storage.swift.emptyContainer.useMutation({
+		onSuccess: (e) => {
+			N.storage.swift.listContainers.invalidate(), N.storage.swift.listObjects.invalidate({
+				project_id: m,
+				container: k.current
+			}), o?.(k.current, e);
+		},
+		onError: (e) => {
+			c?.(k.current, e.message);
+		},
+		onSettled: () => {
+			V();
+		}
+	}), V = () => {
+		y(""), C(null), R.reset(), r();
+	}, H = (e) => {
+		let t = e.target.value;
+		y(t), S && C(null);
+	}, te = () => {
+		if (t) {
+			if (g.trim() !== t.name) {
+				C(f._({ id: "jS4B2+" }));
+				return;
+			}
+			k.current = t.name, R.mutate({
+				project_id: m,
+				container: t.name
+			});
+		}
+	}, U = (e) => {
+		e.key === "Enter" && te();
+	};
+	if (!e || !t) return null;
+	let W = P?.length ?? 0, G = !F && t.count === 0 && W === 0, K = !F && t.count > 0 && W === 0, q = G || K;
+	return /* @__PURE__ */ M(x, {
+		title: /* @__PURE__ */ M("span", {
+			className: "flex max-w-[400px] items-center gap-2",
+			children: [
+				/* @__PURE__ */ j("span", {
+					className: "shrink-0",
+					children: /* @__PURE__ */ j(z, { id: "5Okch2" })
+				}),
+				/* @__PURE__ */ j("span", {
+					className: "truncate",
+					title: t.name,
+					children: t.name
+				}),
+				!F && !q && /* @__PURE__ */ j("button", {
+					type: "button",
+					onClick: A,
+					title: T ? f._({ id: "PiH3UR" }) : f._({ id: "NQU1Nn" }),
+					className: "text-theme-light hover:text-theme-default inline-flex items-center transition-colors",
+					children: /* @__PURE__ */ j(v, {
+						icon: T ? "checkCircle" : "contentCopy",
+						size: "16"
+					})
+				})
+			]
+		}),
+		open: e,
+		onCancel: V,
+		confirmButtonLabel: q ? void 0 : f._({ id: "N2S1rs" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: q ? void 0 : te,
+		cancelButtonLabel: q ? void 0 : f._({ id: "dEgA5A" }),
+		modalFooter: q ? /* @__PURE__ */ j(n, {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(h, {
+				variant: "primary",
+				onClick: V,
+				"data-testid": "empty-info-close-button",
+				children: /* @__PURE__ */ j(z, { id: "yz7wBu" })
+			}) })
+		}) : void 0,
+		size: "small",
+		disableConfirmButton: F || R.isPending || !q && !g.trim() || !q && g.trim() !== t.name,
+		children: [L && /* @__PURE__ */ j("p", {
+			className: "text-theme-error mb-4",
+			children: (() => {
+				let e = L.message;
+				return /* @__PURE__ */ j(z, {
+					id: "56IxdF",
+					values: { errorMessage: e }
+				});
+			})()
+		}), F ? /* @__PURE__ */ M(b, {
+			direction: "horizontal",
+			alignment: "center",
+			gap: "2",
+			className: "py-4",
+			children: [/* @__PURE__ */ j(l, { size: "small" }), /* @__PURE__ */ j(z, { id: "ujK/QN" })]
+		}) : q && !L ? /* @__PURE__ */ j("p", {
+			className: "text-theme-default py-2",
+			children: G ? /* @__PURE__ */ j(z, { id: "jNm/qL" }) : /* @__PURE__ */ j(z, { id: "WefafP" })
+		}) : L ? null : /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/* @__PURE__ */ M("p", {
+					className: "text-theme-default",
+					children: [
+						/* @__PURE__ */ j(z, { id: "Ioblgz" }),
+						/* @__PURE__ */ j("br", {}),
+						/* @__PURE__ */ j(z, {
+							id: "kiRrtv",
+							components: {
+								0: /* @__PURE__ */ j("strong", {}),
+								1: /* @__PURE__ */ j("strong", {}),
+								2: /* @__PURE__ */ j("strong", {})
+							}
+						})
+					]
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "border-theme-background-lvl-3 overflow-hidden rounded border",
+					children: [
+						t.count > W && /* @__PURE__ */ j("p", {
+							className: "text-theme-light px-3 py-2 text-xs",
+							children: (() => {
+								let e = t.count;
+								return /* @__PURE__ */ j(z, {
+									id: "1iQtS2",
+									values: {
+										actualObjectCount: W,
+										total: e
+									}
+								});
+							})()
+						}),
+						/* @__PURE__ */ j(d, {
+							columns: 3,
+							className: "text-sm",
+							children: /* @__PURE__ */ M(a, { children: [
+								/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "6YtxFj" }) }),
+								/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "Cj2Gtd" }) }),
+								/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "sjMCOP" }) })
+							] })
+						}),
+						/* @__PURE__ */ j("div", {
+							className: "max-h-48 overflow-y-auto",
+							children: /* @__PURE__ */ j(d, {
+								columns: 3,
+								className: "text-sm",
+								children: P.map((e) => /* @__PURE__ */ M(a, { children: [
+									/* @__PURE__ */ j(s, {
+										className: "max-w-[200px] truncate",
+										title: e.name,
+										children: e.name
+									}),
+									/* @__PURE__ */ j(s, { children: D(e.bytes) }),
+									/* @__PURE__ */ j(s, { children: e.last_modified ? new Date(e.last_modified).toLocaleString() : f._({ id: "fj5byd" }) })
+								] }, e.name))
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ j(u, {
+					label: f._({ id: "33F2A+" }),
+					required: !0,
+					value: g,
+					onChange: H,
+					onKeyDown: U,
+					invalid: !!S,
+					errortext: S || void 0,
+					disabled: R.isPending,
+					autoFocus: !0,
+					placeholder: t.name
+				})
+			]
+		})]
+	});
+}, G = ({ isOpen: e, container: t, onClose: r, onSuccess: i, onError: a }) => {
+	let { i18n: o, _: s } = B(), c = O(), [d, f] = I(""), [p, m] = I(null), [g, v] = I(!1), y = w.useUtils(), { data: S, isLoading: T, error: E } = w.storage.swift.listObjects.useQuery({
+		project_id: c,
+		container: t?.name ?? "",
+		format: "json",
+		limit: 1
+	}, { enabled: e && t !== null }), { data: D, error: k } = w.storage.swift.getContainerMetadata.useQuery({
+		project_id: c,
+		container: t?.name ?? ""
+	}, { enabled: e && t !== null }), A = !!(D?.versionsEnabled || D?.versionsLocation || D?.historyLocation), N = w.storage.swift.deleteContainer.useMutation({
+		onSuccess: () => {
+			y.storage.swift.listContainers.invalidate(), i?.(t.name);
+		},
+		onError: (e) => {
+			a?.(t.name, e.message);
+		},
+		onSettled: () => {
+			P();
+		}
+	});
+	F(() => {
+		e || (f(""), m(null), v(!1), N.reset());
+	}, [e, t?.name]);
+	let P = () => {
+		f(""), m(null), v(!1), N.reset(), r();
+	}, ee = (e) => {
+		let t = e.target.value;
+		f(t), p && m(null);
+	}, L = () => {
+		if (t && !(E || k)) {
+			if (d.trim() !== "delete") {
+				m(o._({ id: "b5aNMO" }));
+				return;
+			}
+			A && !g || N.mutate({
+				project_id: c,
+				container: t.name
+			});
+		}
+	}, R = (e) => {
+		e.key === "Enter" && L();
+	};
+	if (!e || !t) return null;
+	let V = S?.length ?? 0, H = !T && (V > 0 || t.count > 0), te = !T && t.count > 0 && V === 0, U = !!(E || k);
+	return /* @__PURE__ */ M(x, {
+		title: /* @__PURE__ */ M("span", {
+			className: "flex max-w-[400px] items-center gap-2",
+			children: [/* @__PURE__ */ j("span", {
+				className: "shrink-0",
+				children: /* @__PURE__ */ j(z, { id: "Vzlopx" })
+			}), /* @__PURE__ */ j("span", {
+				className: "truncate",
+				title: t.name,
+				children: t.name
+			})]
+		}),
+		open: e,
+		onCancel: P,
+		confirmButtonLabel: H ? void 0 : o._({ id: "cnGeoo" }),
+		confirmButtonVariant: H ? void 0 : "primary-danger",
+		onConfirm: H ? void 0 : L,
+		cancelButtonLabel: H ? void 0 : o._({ id: "dEgA5A" }),
+		modalFooter: H ? /* @__PURE__ */ j(n, {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(h, {
+				variant: "primary",
+				onClick: P,
+				"data-testid": "delete-has-objects-close-button",
+				children: /* @__PURE__ */ j(z, { id: "yz7wBu" })
+			}) })
+		}) : void 0,
+		size: "small",
+		disableConfirmButton: T || U || N.isPending || !H && d.trim() !== "delete" || !H && A && !g,
+		children: [(E || k) && /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "2",
+			className: "mb-4",
+			role: "alert",
+			"aria-live": "assertive",
+			children: [E && /* @__PURE__ */ j("p", {
+				className: "text-theme-error",
+				children: (() => {
+					let e = E.message;
+					return /* @__PURE__ */ j(z, {
+						id: "56IxdF",
+						values: { errorMessage: e }
+					});
+				})()
+			}), k && /* @__PURE__ */ j("p", {
+				className: "text-theme-error",
+				children: (() => {
+					let e = k.message;
+					return /* @__PURE__ */ j(z, {
+						id: "BCXapL",
+						values: { errorMessage: e }
+					});
+				})()
+			})]
+		}), T ? /* @__PURE__ */ M(b, {
+			direction: "horizontal",
+			alignment: "center",
+			gap: "2",
+			className: "py-4",
+			children: [/* @__PURE__ */ j(l, { size: "small" }), /* @__PURE__ */ j(z, { id: "Z3FXyt" })]
+		}) : H ? /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "3",
+			children: [/* @__PURE__ */ j("p", {
+				className: "text-theme-default",
+				children: /* @__PURE__ */ j(z, { id: "3dBmvU" })
+			}), te && /* @__PURE__ */ j("p", {
+				className: "text-theme-default",
+				children: /* @__PURE__ */ j(z, { id: "x3T4pq" })
+			})]
+		}) : /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/* @__PURE__ */ M("p", {
+					className: "text-theme-default",
+					children: [
+						/* @__PURE__ */ j(z, { id: "Y8M9Uc" }),
+						/* @__PURE__ */ j("br", {}),
+						/* @__PURE__ */ j(z, {
+							id: "YzUoh9",
+							components: { 0: /* @__PURE__ */ j("strong", {}) }
+						})
+					]
+				}),
+				A && /* @__PURE__ */ j(C, {
+					label: o._({ id: "V/8B9A" }),
+					checked: g,
+					onChange: (e) => v(e.target.checked),
+					invalid: !g
+				}),
+				/* @__PURE__ */ j(u, {
+					label: o._({ id: "QytzQr" }),
+					required: !0,
+					value: d,
+					onChange: ee,
+					onKeyDown: R,
+					invalid: !!p,
+					errortext: p || void 0,
+					disabled: N.isPending,
+					autoFocus: !0,
+					placeholder: o._({ id: "HNlEFZ" })
+				})
+			]
+		})]
+	});
+}, K = new Set([
+	"quota-bytes",
+	"quota-count",
+	"web-index",
+	"web-listings",
+	"web-listings-css",
+	"web-error"
+]), q = 50, ne = /^[a-zA-Z0-9!#$%&'*+\-.^_`|~]+$/, re = ({ isOpen: e, container: n, onClose: r, onSuccess: o, onError: f }) => {
+	let { i18n: g, _ } = B(), S = O(), { data: T, isLoading: E, isError: D, error: k } = w.storage.swift.getContainerMetadata.useQuery({
+		project_id: S,
+		container: n?.name ?? ""
+	}, { enabled: e && n !== null }), A = T?.read === ".r:*,.rlistings", { data: N } = w.storage.swift.getContainerPublicUrl.useQuery({
+		project_id: S,
+		container: n?.name ?? ""
+	}, { enabled: e && n !== null && A }), { data: L } = w.storage.swift.listContainers.useQuery({ project_id: S }, { enabled: e }), [R, V] = I(""), [H, te] = I(""), U = ee(null), W = P((e) => {
+		let t = e.target.value;
+		V(t), U.current && clearTimeout(U.current), U.current = setTimeout(() => te(t), 300);
+	}, []), G = H.trim().length > 0 ? (L ?? []).filter((e) => e.name !== n?.name && e.name.toLowerCase().includes(H.toLowerCase())) : [], re = G.slice(0, q), ie = G.length - re.length, ae = w.useUtils(), [J, oe] = I(""), [se, ce] = I(null), [Y, le] = I(""), [ue, de] = I(null), [fe, X] = I(""), [pe, me] = I(!1), [he, ge] = I(!1), [_e, ve] = I(""), [Z, ye] = I([]), [be, xe] = I({}), [Se, Q] = I(!1), [Ce, we] = I(""), [Te, Ee] = I(""), [De, Oe] = I(null), [ke, Ae] = I(null);
+	F(() => {
+		if (!T) return;
+		oe(T.quotaBytes == null ? "" : String(T.quotaBytes)), le(T.quotaCount == null ? "" : String(T.quotaCount)), ge(!!(T.versionsEnabled || T.versionsLocation || T.historyLocation)), ve(T.versionsLocation || T.historyLocation || "");
+		let e = T.metadata ?? {};
+		X(e["web-index"] ?? ""), me(e["web-listings"] === "1" || e["web-listings"] === "true");
+		let t = T.metadata ?? {};
+		ye(Object.entries(t).filter(([e]) => !K.has(e)).map(([e, t]) => ({
+			key: e,
+			value: t,
+			isNew: !1,
+			isEditing: !1,
+			originalKey: e,
+			originalValue: t
+		})));
+	}, [T]), F(() => {
+		e || je();
+	}, [e]);
+	let je = () => {
+		oe(""), ce(null), le(""), de(null), X(""), me(!1), ge(!1), ve(""), V(""), te(""), U.current && clearTimeout(U.current), ye([]), xe({}), Q(!1), we(""), Ee(""), Oe(null), Ae(null), Me.reset();
+	}, Me = w.storage.swift.updateContainerMetadata.useMutation({
+		onSuccess: () => {
+			ae.storage.swift.getContainerMetadata.invalidate({ container: n.name }), ae.storage.swift.listContainers.invalidate(), o?.(n.name), We();
+		},
+		onError: (e) => {
+			f?.(n.name, e.message);
+		}
+	}), Ne = () => {
+		let e = !0;
+		return J !== "" && (isNaN(Number(J)) || Number(J) < 0) ? (ce(g._({ id: "AuQtzx" })), e = !1) : ce(null), Y !== "" && (isNaN(Number(Y)) || Number(Y) < 0) ? (de(g._({ id: "AuQtzx" })), e = !1) : de(null), e;
+	}, Pe = (e, t) => e.trim() ? ne.test(e) ? /[a-zA-Z0-9]/.test(e) ? K.has(e.toLowerCase()) ? g._({ id: "JeRXll" }) : Z.some((n) => n.key.toLowerCase() === e.toLowerCase() && n.originalKey !== t) ? g._({ id: "i6/ygf" }) : null : g._({ id: "dTNzBI" }) : g._({ id: "XYZLy9" }) : g._({ id: "QV1ZPO" }), Fe = () => {
+		let e = Pe(Ce);
+		if (e) {
+			Oe(e);
+			return;
+		}
+		if (!Te.trim()) {
+			Ae(g._({ id: "hXUWyd" }));
+			return;
+		}
+		ye([...Z, {
+			key: Ce.trim(),
+			value: Te.trim(),
+			isNew: !0,
+			isEditing: !1
+		}]), we(""), Ee(""), Q(!1), Oe(null), Ae(null);
+	}, Ie = () => {
+		we(""), Ee(""), Q(!1), Oe(null), Ae(null);
+	}, Le = (e) => {
+		ye(Z.map((t, n) => n === e ? {
+			...t,
+			isEditing: !0
+		} : {
+			...t,
+			isEditing: !1
+		})), Q(!1);
+	}, Re = (e) => {
+		let t = Z[e], n = Pe(t.key, t.originalKey);
+		if (n) {
+			xe({ [`edit-${e}`]: n });
+			return;
+		}
+		if (!t.value.trim()) {
+			xe({ [`edit-${e}`]: g._({ id: "hXUWyd" }) });
+			return;
+		}
+		ye(Z.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.key.trim(),
+			value: t.value.trim()
+		} : t)), xe({});
+	}, ze = (e) => {
+		ye(Z.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.originalKey ?? t.key,
+			value: t.originalValue ?? t.value
+		} : t)), xe({});
+	}, Be = (e) => {
+		ye(Z.filter((t, n) => n !== e)), xe({});
+	}, Ve = (e, t) => {
+		ye(Z.map((n, r) => r === e ? {
+			...n,
+			key: t
+		} : n)), xe((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	}, He = (e, t) => {
+		ye(Z.map((n, r) => r === e ? {
+			...n,
+			value: t
+		} : n)), xe((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	}, Ue = () => {
+		if (!n || !Ne()) return;
+		let e = T?.metadata ?? {}, t = {}, r = [];
+		Z.forEach((e) => {
+			(e.isNew || e.value !== e.originalValue || e.key !== e.originalKey) && (t[e.key] = e.value, !e.isNew && e.originalKey && e.key !== e.originalKey && r.push(e.originalKey));
+		});
+		let i = Object.keys(e).filter((e) => !K.has(e)), a = Z.map((e) => e.originalKey).filter(Boolean);
+		i.forEach((e) => {
+			!a.includes(e) && !r.includes(e) && r.push(e);
+		}), A && (fe ? t["web-index"] = fe : T?.metadata?.["web-index"] && r.push("web-index"), pe ? t["web-listings"] = "1" : T?.metadata?.["web-listings"] && r.push("web-listings"));
+		let o = !!(T?.versionsEnabled || T?.versionsLocation || T?.historyLocation), s = T?.versionsLocation || T?.historyLocation || "";
+		Me.mutate({
+			project_id: S,
+			container: n.name,
+			metadata: t,
+			removeMetadata: r.length ? r : void 0,
+			quotaBytes: J === "" ? void 0 : Number(J),
+			quotaCount: Y === "" ? void 0 : Number(Y),
+			versionsLocation: he && (!o || _e !== s) && _e ? _e : void 0,
+			removeVersionsLocation: !he && o ? !0 : void 0
+		});
+	}, We = () => {
+		je(), r();
+	};
+	if (!e || !n) return null;
+	let $ = E || Me.isPending, Ge = D && !E, Ke = Z.some((e) => e.isEditing), qe = T?.quotaBytes == null ? "" : String(T.quotaBytes), Je = T?.quotaCount == null ? "" : String(T.quotaCount), Ye = !!T?.versionsEnabled, Xe = T?.versionsLocation || T?.historyLocation || "", Ze = T?.metadata?.["web-index"] ?? "", Qe = T?.metadata?.["web-listings"] === "1" || T?.metadata?.["web-listings"] === "true", $e = Object.keys(T?.metadata ?? {}).filter((e) => !K.has(e)), et = Z.length === $e.length && Z.every((e) => !e.isNew && e.key === e.originalKey && e.value === e.originalValue), tt = J === qe && Y === Je && he === Ye && _e === Xe && fe === Ze && pe === Qe && et, nt = T?.quotaBytes == null ? null : `${T.quotaBytes} B`;
+	return /* @__PURE__ */ M(x, {
+		title: /* @__PURE__ */ M("span", {
+			className: "flex max-w-[500px] items-center gap-2",
+			children: [/* @__PURE__ */ j("span", {
+				className: "shrink-0",
+				children: /* @__PURE__ */ j(z, { id: "y02Bu1" })
+			}), /* @__PURE__ */ j("span", {
+				className: "truncate",
+				title: n.name,
+				children: n.name
+			})]
+		}),
+		open: e,
+		onCancel: We,
+		confirmButtonLabel: g._({ id: "tfDRzk" }),
+		onConfirm: Ue,
+		cancelButtonLabel: g._({ id: "dEgA5A" }),
+		size: "large",
+		disableConfirmButton: $ || Se || Ke || tt || Ge,
+		children: [Me.isError && /* @__PURE__ */ j("p", {
+			className: "text-theme-error mb-4",
+			children: (() => {
+				let e = Me.error.message;
+				return /* @__PURE__ */ j(z, {
+					id: "nUuaq8",
+					values: { errorMessage: e }
+				});
+			})()
+		}), E ? /* @__PURE__ */ M(b, {
+			direction: "horizontal",
+			alignment: "center",
+			gap: "2",
+			className: "py-8",
+			children: [/* @__PURE__ */ j(l, { size: "small" }), /* @__PURE__ */ j(z, { id: "WRZ3Mt" })]
+		}) : Ge ? /* @__PURE__ */ j("p", {
+			className: "text-theme-error py-8 text-center",
+			children: /* @__PURE__ */ j(z, {
+				id: "BCXapL",
+				values: { errorMessage: k?.message ?? "Unknown error" }
+			})
+		}) : /* @__PURE__ */ j("div", {
+			className: "max-h-[65vh] overflow-y-auto pr-1 pl-1",
+			children: /* @__PURE__ */ M(b, {
+				direction: "vertical",
+				gap: "6",
+				children: [
+					/* @__PURE__ */ M("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ j(u, {
+							label: g._({ id: "z45o5B" }),
+							value: String(n.count),
+							disabled: !0,
+							readOnly: !0
+						}), /* @__PURE__ */ j(u, {
+							label: g._({ id: "/InK0O" }),
+							value: T?.bytesUsed == null ? `${n.bytes.toLocaleString()} B` : `${T.bytesUsed.toLocaleString()} B`,
+							disabled: !0,
+							readOnly: !0
+						})]
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(u, {
+							label: g._({ id: "k0vAWv" }),
+							value: Y,
+							onChange: (e) => {
+								le(e.target.value), ue && de(null);
+							},
+							placeholder: g._({ id: "qtoOYG" }),
+							invalid: !!ue,
+							errortext: ue ?? void 0,
+							disabled: $
+						}) }), /* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(u, {
+							label: g._({ id: "KOpPMt" }),
+							value: J,
+							onChange: (e) => {
+								oe(e.target.value), se && ce(null);
+							},
+							placeholder: g._({ id: "qtoOYG" }),
+							invalid: !!se,
+							errortext: se ?? void 0,
+							disabled: $,
+							helptext: J && nt ? nt : void 0
+						}) })]
+					}),
+					A && N && /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("p", {
+						className: "text-theme-default mb-1 text-sm font-semibold",
+						children: [
+							/* @__PURE__ */ j(z, { id: "mvz5Eo" }),
+							" ",
+							/* @__PURE__ */ j("a", {
+								href: N,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "text-theme-info text-xs font-normal underline",
+								children: /* @__PURE__ */ j(z, { id: "Alx2/L" })
+							})
+						]
+					}), /* @__PURE__ */ j(u, {
+						value: N,
+						disabled: !0,
+						readOnly: !0
+					})] }),
+					/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+						className: "text-theme-default mb-3 text-sm font-semibold",
+						children: /* @__PURE__ */ j(z, { id: "6CDYXS" })
+					}), A ? /* @__PURE__ */ M(b, {
+						direction: "vertical",
+						gap: "4",
+						children: [/* @__PURE__ */ M(b, {
+							direction: "vertical",
+							gap: "1",
+							children: [/* @__PURE__ */ j(C, {
+								label: g._({ id: "6+7EwD" }),
+								checked: !!fe,
+								onChange: (e) => {
+									e.target.checked ? fe || X("index.html") : X("");
+								},
+								disabled: $
+							}), /* @__PURE__ */ j("div", {
+								className: "pl-6",
+								children: /* @__PURE__ */ j(u, {
+									value: fe,
+									onChange: (e) => X(e.target.value),
+									placeholder: "index.html",
+									disabled: $ || !fe,
+									className: "flex-1"
+								})
+							})]
+						}), /* @__PURE__ */ M(b, {
+							direction: "horizontal",
+							alignment: "start",
+							gap: "2",
+							children: [/* @__PURE__ */ j(C, {
+								label: g._({ id: "NeUjqc" }),
+								checked: pe,
+								onChange: (e) => me(e.target.checked),
+								disabled: $
+							}), /* @__PURE__ */ M(p, {
+								triggerEvent: "hover",
+								children: [/* @__PURE__ */ j(c, { children: /* @__PURE__ */ j(v, {
+									icon: "help",
+									size: "16",
+									className: "text-theme-light cursor-help"
+								}) }), /* @__PURE__ */ j(t, {
+									className: "z-10 max-w-[220px]",
+									children: /* @__PURE__ */ j(z, { id: "Oxl1UN" })
+								})]
+							})]
+						})]
+					}) : /* @__PURE__ */ j("p", {
+						className: "text-theme-default text-sm",
+						children: /* @__PURE__ */ j(z, {
+							id: "aSsVD3",
+							components: { 0: /* @__PURE__ */ j("strong", {}) }
+						})
+					})] }),
+					/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+						className: "text-theme-default mb-2 text-sm font-semibold",
+						children: /* @__PURE__ */ j(z, { id: "jNzyQo" })
+					}), Ye && !_e ? /* @__PURE__ */ j(C, {
+						label: g._({ id: "Nvfd2b" }),
+						checked: !0,
+						onChange: (e) => {
+							e.target.checked || (ge(!1), ve(""), V(""), te(""));
+						},
+						disabled: !0
+					}) : !he && !_e ? /* @__PURE__ */ j(C, {
+						label: g._({ id: "WyKwnD" }),
+						checked: !1,
+						onChange: (e) => ge(e.target.checked),
+						disabled: $
+					}) : /* @__PURE__ */ M(b, {
+						direction: "vertical",
+						gap: "1",
+						children: [/* @__PURE__ */ j(C, {
+							label: g._({ id: "b0uU1G" }),
+							checked: he,
+							onChange: (e) => {
+								ge(e.target.checked), e.target.checked || (ve(""), V(""), te(""));
+							},
+							disabled: $
+						}), he && /* @__PURE__ */ j("div", {
+							className: "pl-6",
+							children: /* @__PURE__ */ j(m, {
+								value: _e,
+								onChange: (e) => ve(e),
+								onInputChange: W,
+								placeholder: g._({ id: "a13wDR" }),
+								helptext: (() => {
+									if (R.trim().length === 0) return g._({ id: "c+fUtV" });
+									if (ie > 0) {
+										let e = q, t = G.length;
+										return g._({
+											id: "qzhUb9",
+											values: {
+												maxOptions: e,
+												totalCount: t
+											}
+										});
+									}
+								})(),
+								disabled: $,
+								children: re.map((e) => /* @__PURE__ */ j(y, {
+									value: e.name,
+									children: e.name
+								}, e.name))
+							})
+						})]
+					})] }),
+					/* @__PURE__ */ M("div", { children: [
+						/* @__PURE__ */ M(b, {
+							direction: "horizontal",
+							alignment: "center",
+							distribution: "between",
+							className: "mb-3",
+							children: [/* @__PURE__ */ j("p", {
+								className: "text-theme-default text-sm font-semibold",
+								children: /* @__PURE__ */ j(z, { id: "6GBt0m" })
+							}), /* @__PURE__ */ j("p", {
+								className: "text-theme-light text-xs",
+								children: /* @__PURE__ */ j(z, { id: "kuYWaD" })
+							})]
+						}),
+						/* @__PURE__ */ j(b, {
+							direction: "horizontal",
+							className: "jn:bg-theme-background-lvl-1 justify-end p-2",
+							children: /* @__PURE__ */ j(h, {
+								label: g._({ id: "sWBLli" }),
+								onClick: () => Q(!0),
+								variant: "primary",
+								icon: "addCircle",
+								size: "small",
+								disabled: Se || Ke || $
+							})
+						}),
+						/* @__PURE__ */ M(d, {
+							columns: 3,
+							children: [
+								/* @__PURE__ */ M(a, { children: [
+									/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "7sMeHQ" }) }),
+									/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "wMHvYH" }) }),
+									/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "7L01XJ" }) })
+								] }),
+								Se && /* @__PURE__ */ M(a, { children: [
+									/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(u, {
+										value: Ce,
+										onChange: (e) => {
+											we(e.target.value), De && Oe(null);
+										},
+										placeholder: g._({ id: "x9AdZ8" }),
+										errortext: De ?? void 0,
+										invalid: !!De,
+										autoFocus: !0
+									}) }),
+									/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(u, {
+										value: Te,
+										onChange: (e) => {
+											Ee(e.target.value), ke && Ae(null);
+										},
+										placeholder: g._({ id: "wMHvYH" }),
+										errortext: ke ?? void 0,
+										invalid: !!ke
+									}) }),
+									/* @__PURE__ */ j(s, { children: /* @__PURE__ */ M(b, {
+										direction: "horizontal",
+										gap: "2",
+										children: [/* @__PURE__ */ j(h, {
+											size: "small",
+											variant: "primary",
+											onClick: Fe,
+											icon: "check",
+											title: g._({ id: "tfDRzk" })
+										}), /* @__PURE__ */ j(h, {
+											size: "small",
+											variant: "subdued",
+											onClick: Ie,
+											icon: "close",
+											title: g._({ id: "bzSI52" })
+										})]
+									}) })
+								] }),
+								Z.map((e, t) => /* @__PURE__ */ M(a, { children: [
+									/* @__PURE__ */ j(s, { children: e.isEditing ? /* @__PURE__ */ j(u, {
+										value: e.key,
+										onChange: (e) => Ve(t, e.target.value),
+										errortext: be[`edit-${t}`],
+										invalid: !!be[`edit-${t}`]
+									}) : /* @__PURE__ */ j("span", {
+										className: "block max-w-xs truncate font-mono text-sm",
+										title: e.key,
+										children: e.key
+									}) }),
+									/* @__PURE__ */ j(s, { children: e.isEditing ? /* @__PURE__ */ j(u, {
+										value: e.value,
+										onChange: (e) => He(t, e.target.value)
+									}) : /* @__PURE__ */ j("span", {
+										className: "block max-w-md truncate text-sm",
+										title: e.value,
+										children: e.value
+									}) }),
+									/* @__PURE__ */ j(s, { children: e.isEditing ? /* @__PURE__ */ M(b, {
+										direction: "horizontal",
+										gap: "2",
+										children: [/* @__PURE__ */ j(h, {
+											size: "small",
+											variant: "primary",
+											onClick: () => Re(t),
+											icon: "check",
+											title: g._({ id: "tfDRzk" })
+										}), /* @__PURE__ */ j(h, {
+											size: "small",
+											variant: "subdued",
+											onClick: () => ze(t),
+											icon: "close",
+											title: g._({ id: "bzSI52" })
+										})]
+									}) : /* @__PURE__ */ M(b, {
+										direction: "horizontal",
+										gap: "2",
+										children: [/* @__PURE__ */ j(h, {
+											size: "small",
+											variant: "subdued",
+											onClick: () => Le(t),
+											icon: "edit",
+											title: g._({ id: "ePK91l" }),
+											disabled: Se || Ke || $
+										}), /* @__PURE__ */ j(h, {
+											size: "small",
+											variant: "primary-danger",
+											onClick: () => Be(t),
+											icon: "deleteForever",
+											title: g._({ id: "cnGeoo" }),
+											disabled: Se || Ke || $
+										})]
+									}) })
+								] }, t)),
+								Z.length === 0 && !Se && /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(s, {
+									colSpan: 3,
+									className: "py-6 text-center",
+									children: /* @__PURE__ */ j(b, {
+										alignment: "center",
+										children: /* @__PURE__ */ j("span", {
+											className: "text-theme-light text-sm",
+											children: /* @__PURE__ */ j(z, { id: "F02e8I" })
+										})
+									})
+								}) })
+							]
+						})
+					] })
+				]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/ManageContainerAccessModal.tsx
+function ie(e) {
+	let t = e.trim();
+	if (t === ".r:*") return {
+		raw: t,
+		type: "any-referrer",
+		description: "",
+		requiresToken: !1
+	};
+	if (t.startsWith(".r:")) {
+		let e = t.slice(3), n = e.startsWith("-"), r = n ? e.slice(1) : e;
+		return {
+			raw: t,
+			type: n ? "denied-referrer" : "specific-referrer",
+			host: r,
+			description: "",
+			requiresToken: !1
+		};
+	}
+	if (t === ".rlistings") return {
+		raw: t,
+		type: "listing-access",
+		description: "",
+		requiresToken: !1
+	};
+	if (/^[^:]+:\*$/.test(t) && !t.startsWith("*")) {
+		let [e] = t.split(":");
+		return {
+			raw: t,
+			type: "all-project-users",
+			projectId: e,
+			description: "",
+			requiresToken: !0
+		};
+	}
+	if (t.startsWith("*:")) return {
+		raw: t,
+		type: "specific-user-any-project",
+		userId: t.slice(2),
+		description: "",
+		requiresToken: !0
+	};
+	if (t.includes(":")) {
+		let [e, n] = t.split(":");
+		return {
+			raw: t,
+			type: "specific-user",
+			projectId: e,
+			userId: n,
+			description: "",
+			requiresToken: !0
+		};
+	}
+	return {
+		raw: t,
+		type: "unknown",
+		description: "",
+		requiresToken: !0
+	};
+}
+function ae(e) {
+	return e.trim() ? e.split(",").map((e) => e.trim()).filter(Boolean).map(ie) : [];
+}
+var J = [".r:*", ".rlistings"];
+function oe(e) {
+	let t = e.split(",").map((e) => e.trim()).filter(Boolean);
+	return J.every((e) => t.includes(e));
+}
+function se(e) {
+	let t = e.split(",").map((e) => e.trim()).filter(Boolean);
+	return [...new Set([...J, ...t])].join(",");
+}
+function ce(e) {
+	return e.split(",").map((e) => e.trim()).filter((e) => !J.includes(e)).join(",");
+}
+function Y(e) {
+	switch (e.type) {
+		case "any-referrer": return V._({ id: "HVdrr1" });
+		case "denied-referrer": {
+			let t = e.host || "";
+			return V._({
+				id: "7XQ3QJ",
+				values: { host: t }
+			});
+		}
+		case "specific-referrer": {
+			let t = e.host || "";
+			return V._({
+				id: "Dqnh7K",
+				values: { host: t }
+			});
+		}
+		case "listing-access": return V._({ id: "ntNlXu" });
+		case "all-project-users": {
+			let t = e.projectId || "";
+			return V._({
+				id: "sa4CV6",
+				values: { projectId: t }
+			});
+		}
+		case "specific-user-any-project": {
+			let t = e.userId || "";
+			return V._({
+				id: "izMhIO",
+				values: { userId: t }
+			});
+		}
+		case "specific-user": {
+			let t = e.projectId || "", n = e.userId || "";
+			return V._({
+				id: "cXuXkb",
+				values: {
+					userId: n,
+					projectId: t
+				}
+			});
+		}
+		default: return e.raw;
+	}
+}
+var le = ({ isOpen: e, container: t, onClose: n, onSuccess: r, onError: i }) => {
+	let { i18n: a, _: o } = B(), s = O(), [c, u] = I(""), [d, f] = I(""), [p, m] = I(!1), [g, _] = I(!1);
+	F(() => {
+		!c.trim() && !d.trim() && _(!1);
+	}, [c, d]);
+	let { data: v, isLoading: y, isError: T, error: E } = w.storage.swift.getContainerMetadata.useQuery({
+		project_id: s,
+		container: t?.name ?? ""
+	}, { enabled: e && t !== null });
+	F(() => {
+		if (!v) return;
+		let e = v.read ?? "", t = v.write ?? "";
+		u(e), f(t), m(oe(e));
+	}, [v]);
+	let D = w.useUtils(), k = w.storage.swift.updateContainerMetadata.useMutation({
+		onSuccess: () => {
+			D.storage.swift.getContainerMetadata.invalidate({
+				project_id: s,
+				container: t.name
+			}), D.storage.swift.listContainers.invalidate(), r?.(t.name), P();
+		},
+		onError: (e) => {
+			i?.(t.name, e.message);
+		}
+	}), N = ee(k.reset);
+	N.current = k.reset;
+	let P = () => {
+		u(""), f(""), m(!1), _(!1), k.reset(), n();
+	};
+	F(() => {
+		e || (u(""), f(""), m(!1), N.current());
+	}, [e]);
+	let L = (e) => {
+		let t = e.target.checked;
+		m(t), u((e) => t ? se(e) : ce(e));
+	}, R = (e) => {
+		let t = e.target.value;
+		u(t), m(oe(t));
+	}, V = () => {
+		t && k.mutate({
+			project_id: s,
+			container: t.name,
+			read: c.trim(),
+			write: d.trim()
+		});
+	};
+	if (!e || !t) return null;
+	let H = y || k.isPending, te = c.trim().length > 0 || d.trim().length > 0, U = ae(c), W = ae(d);
+	return /* @__PURE__ */ M(x, {
+		title: /* @__PURE__ */ M("span", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ j(z, { id: "6Kjltl" }), /* @__PURE__ */ j("span", {
+				className: "max-w-[250px] truncate font-mono",
+				title: t.name,
+				children: t.name
+			})]
+		}),
+		open: e,
+		onCancel: P,
+		confirmButtonLabel: a._({ id: "tfDRzk" }),
+		onConfirm: V,
+		cancelButtonLabel: a._({ id: "dEgA5A" }),
+		size: "xl",
+		disableConfirmButton: H || T,
+		children: [k.isError && /* @__PURE__ */ j("p", {
+			className: "text-theme-error mb-4",
+			children: (() => {
+				let e = k.error.message;
+				return /* @__PURE__ */ j(z, {
+					id: "u2xIeO",
+					values: { errorMessage: e }
+				});
+			})()
+		}), /* @__PURE__ */ M("div", {
+			className: "max-h-[70vh] overflow-y-auto pr-1 pl-1",
+			children: [/* @__PURE__ */ M("div", {
+				className: "mb-4",
+				children: [/* @__PURE__ */ j("p", {
+					className: "text-theme-default mb-2",
+					children: /* @__PURE__ */ j(z, { id: "PHsq3v" })
+				}), /* @__PURE__ */ j("p", {
+					className: "text-theme-default",
+					children: /* @__PURE__ */ j(z, { id: "g9m7gK" })
+				})]
+			}), y ? /* @__PURE__ */ M(b, {
+				direction: "horizontal",
+				alignment: "center",
+				gap: "2",
+				className: "py-6",
+				children: [/* @__PURE__ */ j(l, { size: "small" }), /* @__PURE__ */ j(z, { id: "poCbZw" })]
+			}) : T ? /* @__PURE__ */ j("p", {
+				className: "text-theme-error py-2",
+				children: /* @__PURE__ */ j(z, {
+					id: "QNHur0",
+					values: { errorMessage: E?.message ?? "" }
+				})
+			}) : /* @__PURE__ */ j(A, { children: /* @__PURE__ */ M("div", {
+				className: "flex gap-6",
+				children: [/* @__PURE__ */ j("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ M(b, {
+						direction: "vertical",
+						gap: "6",
+						children: [
+							/* @__PURE__ */ M("div", { children: [
+								/* @__PURE__ */ j(de, { label: a._({ id: "SBGiGm" }) }),
+								/* @__PURE__ */ j(S, {
+									value: c,
+									onChange: R,
+									disabled: H || p,
+									placeholder: a._({ id: "FKL6Jv" }),
+									className: "font-mono text-sm",
+									rows: 3
+								}),
+								/* @__PURE__ */ j(C, {
+									label: a._({ id: "23wBCX" }),
+									checked: p,
+									onChange: L,
+									disabled: H,
+									className: "mt-2"
+								})
+							] }),
+							/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(de, { label: a._({ id: "6qzsuS" }) }), /* @__PURE__ */ j(S, {
+								value: d,
+								onChange: (e) => {
+									let t = e.target.value;
+									f(t);
+								},
+								disabled: H,
+								placeholder: a._({ id: "UVFHGY" }),
+								className: "font-mono text-sm",
+								rows: 3
+							})] }),
+							te && /* @__PURE__ */ j(h, {
+								label: g ? a._({ id: "we28Pq" }) : a._({ id: "YiMCKk" }),
+								onClick: () => _((e) => !e),
+								variant: "subdued",
+								disabled: H
+							}),
+							g && (U.length > 0 || W.length > 0) && /* @__PURE__ */ M(b, {
+								direction: "vertical",
+								gap: "4",
+								children: [U.length > 0 && /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-theme-default mb-2 text-sm font-semibold",
+									children: /* @__PURE__ */ j(z, { id: "SBGiGm" })
+								}), /* @__PURE__ */ j("div", {
+									className: "border-theme-background-lvl-3 divide-theme-background-lvl-3 divide-y rounded border",
+									children: U.map((e, t) => /* @__PURE__ */ M("div", {
+										className: "flex flex-col gap-1 px-3 py-2",
+										children: [/* @__PURE__ */ M("div", {
+											className: "flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ j("p", {
+												className: "text-theme-default min-w-0 truncate text-sm font-medium",
+												title: Y(e),
+												children: Y(e)
+											}), /* @__PURE__ */ j("p", {
+												className: "text-theme-light shrink-0 text-xs",
+												children: e.requiresToken ? /* @__PURE__ */ j(z, { id: "z+zpLP" }) : /* @__PURE__ */ j(z, { id: "t7ff15" })
+											})]
+										}), /* @__PURE__ */ j("code", {
+											className: "text-theme-light bg-theme-background-lvl-2 block w-full rounded px-2 py-1 font-mono text-xs break-all",
+											children: e.raw
+										})]
+									}, t))
+								})] }), W.length > 0 && /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-theme-default mb-2 text-sm font-semibold",
+									children: /* @__PURE__ */ j(z, { id: "6qzsuS" })
+								}), /* @__PURE__ */ j("div", {
+									className: "border-theme-background-lvl-3 divide-theme-background-lvl-3 divide-y rounded border",
+									children: W.map((e, t) => /* @__PURE__ */ M("div", {
+										className: "flex flex-col gap-1 px-3 py-2",
+										children: [/* @__PURE__ */ M("div", {
+											className: "flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ j("p", {
+												className: "text-theme-default min-w-0 truncate text-sm font-medium",
+												title: Y(e),
+												children: Y(e)
+											}), /* @__PURE__ */ j("p", {
+												className: "text-theme-light shrink-0 text-xs",
+												children: /* @__PURE__ */ j(z, { id: "z+zpLP" })
+											})]
+										}), /* @__PURE__ */ j("code", {
+											className: "text-theme-light bg-theme-background-lvl-2 block w-full rounded px-2 py-1 font-mono text-xs break-all",
+											children: e.raw
+										})]
+									}, t))
+								})] })]
+							})
+						]
+					})
+				}), /* @__PURE__ */ M("div", {
+					className: "border-theme-background-lvl-3 w-72 shrink-0 border-l pl-6",
+					children: [
+						/* @__PURE__ */ j("p", {
+							className: "text-theme-light mb-3 text-xs",
+							children: /* @__PURE__ */ j(z, { id: "dd2ndz" })
+						}),
+						/* @__PURE__ */ M(b, {
+							direction: "vertical",
+							gap: "4",
+							children: [
+								/* @__PURE__ */ j(ue, {
+									code: ".r:*",
+									description: a._({ id: "VV1fdg" })
+								}),
+								/* @__PURE__ */ j(ue, {
+									code: ".rlistings",
+									description: a._({ id: "s/s1lz" })
+								}),
+								/* @__PURE__ */ j(ue, {
+									code: "PROJECT_ID:USER_ID",
+									description: a._({ id: "zhM8FP" })
+								}),
+								/* @__PURE__ */ j(ue, {
+									code: "PROJECT_ID:*",
+									description: a._({ id: "BCJPTn" })
+								}),
+								/* @__PURE__ */ j(ue, {
+									code: "*:USER_ID",
+									description: a._({ id: "/xnbdQ" })
+								})
+							]
+						}),
+						/* @__PURE__ */ j("p", {
+							className: "text-theme-light mt-4 text-xs",
+							children: /* @__PURE__ */ j(z, {
+								id: "rrjuul",
+								components: { 0: /* @__PURE__ */ j("a", {
+									href: "https://docs.openstack.org/swift/latest/overview_acl.html",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "text-theme-link underline"
+								}) }
+							})
+						})
+					]
+				})]
+			}) })]
+		})]
+	});
+};
+function ue({ code: t, description: n }) {
+	return /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(e, {
+		variant: "info",
+		className: "mb-1 font-mono text-xs",
+		children: t
+	}), /* @__PURE__ */ j("p", {
+		className: "text-theme-light text-xs leading-relaxed",
+		children: n
+	})] });
+}
+function de({ label: e }) {
+	return /* @__PURE__ */ M("div", {
+		className: "mb-1 flex items-center gap-1",
+		children: [/* @__PURE__ */ j("label", {
+			className: "text-theme-default text-sm font-semibold",
+			children: e
+		}), /* @__PURE__ */ M(p, {
+			triggerEvent: "hover",
+			children: [/* @__PURE__ */ j(c, { children: /* @__PURE__ */ j(v, {
+				icon: "info",
+				size: "14",
+				className: "text-theme-light cursor-help"
+			}) }), /* @__PURE__ */ j(t, {
+				className: "z-10 max-w-[350px]",
+				children: /* @__PURE__ */ j(z, { id: "AdtLNV" })
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/ContainerTableView.tsx
+var fe = ({ containers: e, createModalOpen: t, setCreateModalOpen: n, maxContainerNameLength: o, onCreateSuccess: c, onCreateError: l, onEmptySuccess: u, onEmptyError: p, onDeleteSuccess: m, onDeleteError: h, onPropertiesSuccess: _, onPropertiesError: v, onAclSuccess: y, onAclError: b, selectedContainers: x, setSelectedContainers: S }) => {
+	let { projectId: w, provider: T } = R({ from: "/_auth/projects/$projectId/storage/$provider/containers/" }), { i18n: E, _: O } = B(), k = L(), N = ee(null), [P, V] = I(0), [H, K] = I(null), [q, ne] = I(null), [ie, ae] = I(null), [J, oe] = I(null);
+	F(() => {
+		N.current && V(N.current.offsetWidth - N.current.clientWidth);
+	}, [e.length]);
+	let se = (e) => {
+		try {
+			return new Date(e).toLocaleString();
+		} catch {
+			return E._({ id: "fj5byd" });
+		}
+	}, ce = te({
+		count: e.length,
+		getScrollElement: () => N.current,
+		estimateSize: () => 48,
+		overscan: 10
+	}), Y = new Set(x), ue = e.length > 0 && e.every((e) => Y.has(e.name)), de = () => {
+		S(ue ? [] : e.map((e) => e.name));
+	}, fe = (e) => {
+		x.includes(e) ? S(x.filter((t) => t !== e)) : S([...x, e]);
+	};
+	if (!e || e.length === 0) return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(d, {
+		columns: 4,
+		className: "containers",
+		"data-testid": "no-containers",
+		children: /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(s, {
+			colSpan: 4,
+			children: /* @__PURE__ */ M("div", {
+				className: "py-8 text-center",
+				children: [/* @__PURE__ */ j("h3", {
+					className: "text-lg font-semibold",
+					children: /* @__PURE__ */ j(z, { id: "Hiw1Ha" })
+				}), /* @__PURE__ */ j("p", {
+					className: "text-theme-light mt-2",
+					children: /* @__PURE__ */ j(z, { id: "x1bK0h" })
+				})]
+			})
+		}) })
+	}), /* @__PURE__ */ j(U, {
+		isOpen: t,
+		onClose: () => n(!1),
+		onSuccess: c,
+		onError: l,
+		maxContainerNameLength: o
+	})] });
+	let X = "40px minmax(200px, 2fr) minmax(100px, 1fr) minmax(180px, 2fr) minmax(100px, 1fr) 60px";
+	return /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ M("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ j("div", {
+				style: { paddingRight: `${P}px` },
+				children: /* @__PURE__ */ j(d, {
+					columns: 6,
+					gridColumnTemplate: X,
+					className: "containers",
+					"data-testid": "containers-table-header",
+					children: /* @__PURE__ */ M(a, { children: [
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(C, {
+							checked: ue,
+							onChange: de,
+							"data-testid": "select-all-containers"
+						}) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "t0X9+8" }) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "sxbP3b" }) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "sjMCOP" }) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "hgpMHD" }) }),
+						/* @__PURE__ */ j(i, { style: { marginRight: `-${P}px` } })
+					] })
+				})
+			}), /* @__PURE__ */ j("div", {
+				ref: N,
+				className: "overflow-auto",
+				style: { height: "calc(100vh - 510px)" },
+				"data-testid": "containers-table-body",
+				children: /* @__PURE__ */ j("div", {
+					style: {
+						height: `${ce.getTotalSize()}px`,
+						width: "100%",
+						position: "relative"
+					},
+					children: ce.getVirtualItems().map((t) => {
+						let n = e[t.index], i = x.includes(n.name), a = () => k({
+							to: "/projects/$projectId/storage/$provider/containers/$containerName/objects",
+							params: {
+								projectId: w,
+								provider: T,
+								containerName: n.name
+							}
+						});
+						return /* @__PURE__ */ M("div", {
+							"data-index": t.index,
+							ref: ce.measureElement,
+							className: "juno-datagrid group hover:bg-theme-background-lvl-1 cursor-pointer",
+							style: {
+								position: "absolute",
+								top: 0,
+								left: 0,
+								width: "100%",
+								transform: `translateY(${t.start}px)`,
+								display: "grid",
+								gridTemplateColumns: X,
+								alignItems: "stretch"
+							},
+							"data-testid": `container-row-${n.name}`,
+							role: "link",
+							tabIndex: 0,
+							onClick: a,
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+							},
+							children: [
+								/* @__PURE__ */ j(s, {
+									onClick: (e) => e.stopPropagation(),
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && e.stopPropagation();
+									},
+									children: /* @__PURE__ */ j(C, {
+										checked: i,
+										onChange: () => fe(n.name),
+										"data-testid": `select-container-${n.name}`
+									})
+								}),
+								/* @__PURE__ */ j(s, {
+									className: "min-w-0 overflow-hidden",
+									children: /* @__PURE__ */ j("span", {
+										className: "block truncate",
+										title: n.name,
+										children: n.name
+									})
+								}),
+								/* @__PURE__ */ j(s, { children: n.count.toLocaleString() }),
+								/* @__PURE__ */ j(s, { children: n.last_modified ? se(n.last_modified) : E._({ id: "fj5byd" }) }),
+								/* @__PURE__ */ j(s, { children: D(n.bytes) }),
+								/* @__PURE__ */ j(s, {
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ j(g, { children: /* @__PURE__ */ M(r, { children: [
+										/* @__PURE__ */ j(f, {
+											label: E._({ id: "cWbW6w" }),
+											onClick: () => oe(n),
+											"data-testid": `access-control-action-${n.name}`
+										}),
+										/* @__PURE__ */ j(f, {
+											label: E._({ id: "Oc8Aqv" }),
+											onClick: () => ae(n),
+											"data-testid": `properties-action-${n.name}`
+										}),
+										/* @__PURE__ */ j(f, {
+											label: E._({ id: "N2S1rs" }),
+											onClick: () => K(n),
+											"data-testid": `empty-action-${n.name}`
+										}),
+										/* @__PURE__ */ j(f, {
+											label: E._({ id: "cnGeoo" }),
+											onClick: () => ne(n),
+											"data-testid": `delete-action-${n.name}`
+										})
+									] }) })
+								})
+							]
+						}, n.name);
+					})
+				})
+			})]
+		}),
+		/* @__PURE__ */ j(U, {
+			isOpen: t,
+			onClose: () => n(!1),
+			onSuccess: c,
+			onError: l,
+			maxContainerNameLength: o
+		}),
+		/* @__PURE__ */ j(W, {
+			isOpen: H !== null,
+			container: H,
+			onClose: () => K(null),
+			onSuccess: u,
+			onError: p
+		}),
+		/* @__PURE__ */ j(G, {
+			isOpen: q !== null,
+			container: q,
+			onClose: () => ne(null),
+			onSuccess: m,
+			onError: h
+		}),
+		/* @__PURE__ */ j(re, {
+			isOpen: ie !== null,
+			container: ie,
+			onClose: () => ae(null),
+			onSuccess: _,
+			onError: v
+		}),
+		/* @__PURE__ */ j(le, {
+			isOpen: J !== null,
+			container: J,
+			onClose: () => oe(null),
+			onSuccess: y,
+			onError: b
+		})
+	] });
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/ContainerToastNotifications.tsx
+function X({ title: e, description: t }) {
+	return /* @__PURE__ */ M(b, {
+		direction: "vertical",
+		gap: "1.5",
+		children: [/* @__PURE__ */ j("span", { children: e }), /* @__PURE__ */ j("span", {
+			className: "text-theme-light",
+			children: t
+		})]
+	});
+}
+var pe = (e, t) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "6w+VnM" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "XwxJJB",
+			values: { containerName: e }
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: t.autoDismissTimeout ?? 5e3,
+	onDismiss: t.onDismiss
+}), me = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "Vj8XFg" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "Vz+7ZA",
+			values: {
+				containerName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), he = (e, t, n) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "6OopEX" }),
+		description: t === 0 ? /* @__PURE__ */ j(z, {
+			id: "nkpZyk",
+			values: { containerName: e }
+		}) : t === 1 ? /* @__PURE__ */ j(z, {
+			id: "TZJiVf",
+			values: {
+				containerName: e,
+				deletedCount: t
+			}
+		}) : /* @__PURE__ */ j(z, {
+			id: "Sb/VT5",
+			values: {
+				containerName: e,
+				deletedCount: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), ge = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "S8/j2h" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "1rLu3+",
+			values: {
+				containerName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), _e = (e, t) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "odVI9Y" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "V1TzeS",
+			values: { containerName: e }
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: t.autoDismissTimeout ?? 5e3,
+	onDismiss: t.onDismiss
+}), ve = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "BJt+PJ" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "RGrgxg",
+			values: {
+				containerName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), Z = (e, t) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "a7C4YS" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "/NeNjH",
+			values: { containerName: e }
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: t.autoDismissTimeout ?? 5e3,
+	onDismiss: t.onDismiss
+}), ye = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "5MF8U2" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "uLtFAr",
+			values: {
+				containerName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), be = (e, t) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "olfSYj" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "tM5SEI",
+			values: { containerName: e }
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: t.autoDismissTimeout ?? 5e3,
+	onDismiss: t.onDismiss
+}), xe = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(X, {
+		title: /* @__PURE__ */ j(z, { id: "p7DzCB" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "DcMIiu",
+			values: {
+				containerName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), Se = (e, t, n, r) => {
+	let i = n.length > 0, a = e > 0, o = i && a;
+	return {
+		variant: o ? "warning" : i ? "error" : "success",
+		children: /* @__PURE__ */ j(X, {
+			title: o ? /* @__PURE__ */ j(z, { id: "q44uUq" }) : i ? /* @__PURE__ */ j(z, { id: "wFaT8w" }) : /* @__PURE__ */ j(z, { id: "0WsqO0" }),
+			description: /* @__PURE__ */ M(b, {
+				direction: "vertical",
+				gap: "1",
+				children: [a && /* @__PURE__ */ j("span", { children: /* @__PURE__ */ j(z, {
+					id: "1NS3nd",
+					values: {
+						emptiedCount: e,
+						totalDeleted: t
+					}
+				}) }), i && /* @__PURE__ */ j("span", {
+					className: "whitespace-pre-line",
+					children: /* @__PURE__ */ j(z, {
+						id: "JrmKyf",
+						values: { errorDetails: n.join("\n") }
+					})
+				})]
+			})
+		}),
+		autoDismiss: !0,
+		autoDismissTimeout: r.autoDismissTimeout ?? 5e3,
+		onDismiss: r.onDismiss
+	};
+}, Q = ({ label: e, value: t }) => t == null ? null : /* @__PURE__ */ M("span", {
+	className: "flex items-start gap-1.5",
+	children: [/* @__PURE__ */ j(v, {
+		icon: "check",
+		size: "16px",
+		className: "text-theme-success mt-0.5 shrink-0"
+	}), /* @__PURE__ */ M("span", { children: [
+		/* @__PURE__ */ M("span", {
+			className: "font-medium",
+			children: [e, ":"]
+		}),
+		" ",
+		t
+	] })]
+}), Ce = ({ label: e }) => /* @__PURE__ */ M("span", {
+	className: "flex items-start gap-1.5",
+	children: [/* @__PURE__ */ j(v, {
+		icon: "check",
+		size: "16px",
+		className: "text-theme-success mt-0.5 shrink-0"
+	}), /* @__PURE__ */ j("span", { children: e })]
+}), we = ({ title: e, children: t }) => /* @__PURE__ */ M("span", {
+	className: "flex flex-col gap-1.5",
+	children: [/* @__PURE__ */ j("span", {
+		className: "text-theme-default block font-semibold",
+		children: e
+	}), t]
+}), Te = ({ serviceInfo: e, accountInfo: n }) => {
+	let { i18n: r, _: i } = B(), a = e?.swift, o = {
+		account_quotas: r._({ id: "DJT9tB" }),
+		container_quotas: r._({ id: "USiuNX" }),
+		bulk_delete: r._({ id: "F6YIQe" }),
+		bulk_upload: r._({ id: "2Inn83" }),
+		slo: r._({ id: "cpw++p" }),
+		container_sync: r._({ id: "ezT9KW" }),
+		tempurl: r._({ id: "UO3hJ2" }),
+		symlink: r._({ id: "Q2xmVl" }),
+		versioned_writes: r._({ id: "8jLXs3" })
+	}, s = Object.entries(o).filter(([e]) => a?.[e]).map(([, e]) => e);
+	return /* @__PURE__ */ M(p, {
+		triggerEvent: "hover",
+		placement: "bottom-end",
+		children: [/* @__PURE__ */ j(c, {
+			asChild: !0,
+			children: /* @__PURE__ */ j(v, {
+				icon: "info",
+				size: "20px",
+				className: "text-theme-light hover:text-theme-default cursor-pointer"
+			})
+		}), /* @__PURE__ */ j(t, {
+			className: "z-10 w-72 text-sm",
+			children: /* @__PURE__ */ M("span", {
+				className: "flex flex-col gap-3 p-1",
+				children: [
+					n && /* @__PURE__ */ M(we, {
+						title: /* @__PURE__ */ j(z, { id: "AeXO77" }),
+						children: [
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "ClGcRq" }),
+								value: n.containerCount.toLocaleString()
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "B3toQF" }),
+								value: n.objectCount.toLocaleString()
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "aL1w5Z" }),
+								value: D(n.bytesUsed)
+							}),
+							n.quotaBytes !== void 0 && /* @__PURE__ */ j(Q, {
+								label: r._({ id: "vEkTR9" }),
+								value: D(n.quotaBytes)
+							})
+						]
+					}),
+					a && /* @__PURE__ */ M(we, {
+						title: /* @__PURE__ */ j(z, { id: "6BDqha" }),
+						children: [
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "wTg+FY" }),
+								value: a.max_file_size === void 0 ? void 0 : D(a.max_file_size)
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "Rih53k" }),
+								value: a.max_container_name_length
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "qAkkjP" }),
+								value: a.max_object_name_length
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "OZImTR" }),
+								value: a.container_listing_limit?.toLocaleString()
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "a4A2uB" }),
+								value: a.account_listing_limit?.toLocaleString()
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "zWb/Nn" }),
+								value: a.max_header_size
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "RGwfoL" }),
+								value: a.max_meta_count
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "8c3/77" }),
+								value: a.max_meta_name_length
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "5JDSvn" }),
+								value: a.max_meta_value_length
+							}),
+							/* @__PURE__ */ j(Q, {
+								label: r._({ id: "ZAx+d1" }),
+								value: a.max_meta_overall_size
+							}),
+							a.bulk_delete && /* @__PURE__ */ j(Q, {
+								label: r._({ id: "lQ3EIe" }),
+								value: a.bulk_delete.max_deletes_per_request.toLocaleString()
+							}),
+							a.bulk_upload && /* @__PURE__ */ j(Q, {
+								label: r._({ id: "STc+7E" }),
+								value: a.bulk_upload.max_containers_per_extraction.toLocaleString()
+							}),
+							a.slo && /* @__PURE__ */ j(Q, {
+								label: r._({ id: "RNBvdl" }),
+								value: a.slo.max_manifest_segments.toLocaleString()
+							})
+						]
+					}),
+					s.length > 0 && /* @__PURE__ */ j(we, {
+						title: /* @__PURE__ */ j(z, { id: "Qx7DM7" }),
+						children: s.map((e) => /* @__PURE__ */ j(Ce, { label: e }, e))
+					})
+				]
+			})
+		})]
+	});
+}, Ee = 20, De = ({ isOpen: e, containers: t, onClose: n, onComplete: r }) => {
+	let { i18n: i, _: a } = B(), o = O(), [s, c] = I(null), u = w.useUtils(), d = w.storage.swift.emptyContainer.useMutation(), f = () => {
+		d.reset(), c(null), n();
+	}, p = async () => {
+		let e = 0, n = 0, i = [], a = t.length;
+		for (let r = 0; r < t.length; r++) {
+			c({
+				current: r + 1,
+				total: a
+			});
+			let s = t[r];
+			try {
+				let t = await d.mutateAsync({
+					project_id: o,
+					container: s.name
+				});
+				n += t, e++;
+			} catch (e) {
+				let t = e instanceof Error ? e.message : String(e);
+				i.push(`${s.name}: ${t}`);
+			}
+		}
+		e > 0 && await u.storage.swift.listContainers.invalidate(), r?.({
+			emptiedCount: e,
+			totalDeleted: n,
+			errors: i
+		}), f();
+	};
+	if (!e || t.length === 0) return null;
+	let m = t.length, h = t.slice(0, Ee), g = m - h.length, _ = d.isPending || s !== null, v = s?.current, y = s?.total;
+	return /* @__PURE__ */ j(x, {
+		title: i._({ id: "aOeFR+" }),
+		open: e,
+		onCancel: f,
+		confirmButtonLabel: _ ? i._({ id: "s4Vnq2" }) : i._({ id: "N2S1rs" }),
+		confirmButtonVariant: "primary-danger",
+		cancelButtonLabel: i._({ id: "dEgA5A" }),
+		onConfirm: p,
+		disableConfirmButton: _,
+		disableCancelButton: _,
+		disableCloseButton: _,
+		size: "small",
+		children: _ ? /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			distribution: "center",
+			alignment: "center",
+			gap: "2",
+			className: "py-4",
+			children: [/* @__PURE__ */ j(l, { variant: "primary" }), s && /* @__PURE__ */ j("p", {
+				className: "text-theme-light text-sm",
+				children: /* @__PURE__ */ j(z, {
+					id: "7NSdfG",
+					values: {
+						progressCurrent: v,
+						progressTotal: y
+					}
+				})
+			})]
+		}) : /* @__PURE__ */ M("div", {
+			className: "my-6",
+			children: [/* @__PURE__ */ M("p", {
+				className: "text-theme-default mb-6",
+				children: [
+					/* @__PURE__ */ j(z, { id: "JuOpPY" }),
+					/* @__PURE__ */ j("br", {}),
+					/* @__PURE__ */ j(z, {
+						id: "sheDTJ",
+						components: {
+							0: /* @__PURE__ */ j("strong", {}),
+							1: /* @__PURE__ */ j("strong", {})
+						}
+					})
+				]
+			}), /* @__PURE__ */ M("div", {
+				className: "mb-6",
+				children: [/* @__PURE__ */ j("h3", {
+					className: "jn:text-theme-high mb-3 font-semibold",
+					children: /* @__PURE__ */ j(z, {
+						id: "VKmlZ+",
+						values: { totalCount: m }
+					})
+				}), /* @__PURE__ */ M("div", {
+					className: "jn:bg-theme-background-lvl-1 max-h-48 overflow-y-auto rounded p-4",
+					children: [/* @__PURE__ */ j("ul", {
+						className: "space-y-1",
+						children: h.map((e) => /* @__PURE__ */ j("li", {
+							className: "jn:text-theme-default font-mono text-sm",
+							children: e.name
+						}, e.name))
+					}), g > 0 && /* @__PURE__ */ j("p", {
+						className: "text-theme-light mt-2 text-xs",
+						children: /* @__PURE__ */ j(z, {
+							id: "yqPflB",
+							values: { hiddenCount: g }
+						})
+					})]
+				})]
+			})]
+		})
+	});
+}, Oe = () => {
+	let { i18n: e, _: t } = B(), n = O(), r = L({ from: T.fullPath }), { sortBy: i, sortDirection: a, search: s = "" } = T.useSearch(), [c, u] = I(!1), [d, f] = I(!1), [p, m] = I([]), [g, _] = I(null), v = () => _(null), y = (e) => {
+		_(pe(e, { onDismiss: v }));
+	}, x = (e, t) => {
+		_(me(e, t, { onDismiss: v }));
+	}, S = (e, t) => {
+		_(he(e, t, { onDismiss: v }));
+	}, C = (e, t) => {
+		_(ge(e, t, { onDismiss: v }));
+	}, E = (e) => {
+		_(_e(e, { onDismiss: v }));
+	}, P = (e, t) => {
+		_(ve(e, t, { onDismiss: v }));
+	}, F = (e) => {
+		_(Z(e, { onDismiss: v }));
+	}, ee = (e, t) => {
+		_(ye(e, t, { onDismiss: v }));
+	}, R = (e) => {
+		_(be(e, { onDismiss: v }));
+	}, V = (e, t) => {
+		_(xe(e, t, { onDismiss: v }));
+	}, H = ({ emptiedCount: e, totalDeleted: t, errors: n }) => {
+		if (n.length === 0) m([]);
+		else {
+			let e = new Set(n.map((e) => e.split(": ")[0]));
+			m((t) => t.filter((t) => e.has(t)));
+		}
+		_(Se(e, t, n, { onDismiss: v }));
+	}, te = {
+		options: [
+			{
+				label: e._({ id: "6YtxFj" }),
+				value: "name"
+			},
+			{
+				label: e._({ id: "sxbP3b" }),
+				value: "count"
+			},
+			{
+				label: e._({ id: "hgpMHD" }),
+				value: "bytes"
+			},
+			{
+				label: e._({ id: "sjMCOP" }),
+				value: "last_modified"
+			}
+		],
+		sortBy: i ?? "name",
+		sortDirection: a ?? "asc"
+	}, { data: U, isLoading: W, error: G } = w.storage.swift.listContainers.useQuery({
+		project_id: n,
+		format: "json"
+	}), { data: K } = w.storage.swift.getAccountMetadata.useQuery({ project_id: n }), { data: q } = w.storage.swift.getServiceInfo.useQuery(), ne = (e) => [...e].sort((e, t) => {
+		let n;
+		switch (i ?? "name") {
+			case "name":
+				n = e.name.localeCompare(t.name);
+				break;
+			case "count":
+				n = e.count - t.count;
+				break;
+			case "bytes":
+				n = e.bytes - t.bytes;
+				break;
+			case "last_modified":
+				if (!e.last_modified || !t.last_modified) return e.last_modified ? -1 : 1;
+				n = new Date(e.last_modified).getTime() - new Date(t.last_modified).getTime();
+				break;
+			default: n = e.name.localeCompare(t.name);
+		}
+		return (a ?? "asc") === "desc" ? -n : n;
+	}), re = (U || []).filter((e) => e.name.toLowerCase().includes(s.toLowerCase())), ie = ne(re), ae = (e) => {
+		let t = typeof e == "string" ? e : "";
+		N(() => {
+			r({ search: (e) => ({
+				...e,
+				search: t || void 0
+			}) });
+		});
+	}, J = (e) => {
+		let t = e.sortBy?.toString() || "name", n = e.sortDirection || "asc";
+		N(() => {
+			r({ search: (e) => ({
+				...e,
+				sortBy: t,
+				sortDirection: n
+			}) });
+		});
+	};
+	if (W) return /* @__PURE__ */ M(b, {
+		className: "absolute inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/* @__PURE__ */ j(l, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /* @__PURE__ */ j(z, { id: "WYiUDa" })]
+	});
+	if (G) {
+		let e = G.message;
+		return /* @__PURE__ */ j(b, {
+			className: "absolute inset-0",
+			distribution: "center",
+			alignment: "center",
+			direction: "vertical",
+			children: /* @__PURE__ */ j(z, {
+				id: "dLFiER",
+				values: { errorMessage: e }
+			})
+		});
+	}
+	let oe = K?.bytesUsed || 0, se = K?.quotaBytes || 0, ce = se > 0 ? se - oe : 0, Y = (U || []).filter((e) => p.includes(e.name)), le = Y.length > 0, ue = Y.length, de = (U || []).length, X = re.length;
+	return /* @__PURE__ */ M("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ j(k, {
+				sortSettings: te,
+				searchTerm: s,
+				onSort: J,
+				onSearch: ae,
+				actions: /* @__PURE__ */ M(b, {
+					direction: "horizontal",
+					gap: "4",
+					alignment: "center",
+					children: [/* @__PURE__ */ j(h, {
+						variant: "primary",
+						onClick: () => u(!0),
+						children: /* @__PURE__ */ j(z, { id: "vTh35P" })
+					}), /* @__PURE__ */ j(h, {
+						variant: "primary-danger",
+						onClick: () => f(!0),
+						disabled: !le,
+						children: le ? /* @__PURE__ */ j(z, {
+							id: "dPBJAJ",
+							values: { selectedCount: ue }
+						}) : /* @__PURE__ */ j(z, { id: "kCLnJG" })
+					})]
+				})
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "text-theme-light bg-theme-background-lvl-1 flex items-center gap-1 px-4 py-2 text-sm",
+				"data-testid": "containers-info-block",
+				children: [
+					X === de ? /* @__PURE__ */ j(z, {
+						id: "ywe1H/",
+						values: { totalCount: de }
+					}) : /* @__PURE__ */ j(z, {
+						id: "8uPTwT",
+						values: {
+							filteredCount: X,
+							totalCount: de
+						}
+					}),
+					se > 0 && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", { children: "," }), /* @__PURE__ */ M("span", { children: [
+						/* @__PURE__ */ j(z, { id: "kKK8AH" }),
+						" ",
+						/* @__PURE__ */ j("span", {
+							className: "text-theme-default font-semibold",
+							children: D(ce)
+						})
+					] })] }),
+					/* @__PURE__ */ j(Te, {
+						serviceInfo: q,
+						accountInfo: K
+					})
+				]
+			}),
+			/* @__PURE__ */ j(fe, {
+				containers: ie,
+				createModalOpen: c,
+				setCreateModalOpen: u,
+				maxContainerNameLength: q?.swift?.max_container_name_length,
+				onCreateSuccess: y,
+				onCreateError: x,
+				onEmptySuccess: S,
+				onEmptyError: C,
+				onDeleteSuccess: E,
+				onDeleteError: P,
+				onPropertiesSuccess: F,
+				onPropertiesError: ee,
+				onAclSuccess: R,
+				onAclError: V,
+				selectedContainers: p,
+				setSelectedContainers: m
+			}),
+			/* @__PURE__ */ j(De, {
+				isOpen: d,
+				containers: Y,
+				onClose: () => f(!1),
+				onComplete: H
+			}),
+			g && /* @__PURE__ */ j(o, {
+				...g,
+				className: "border-theme-light fixed top-5 right-5 z-50 rounded-lg border shadow-lg"
+			})
+		]
+	});
+}, ke = /^[a-z0-9][a-z0-9.-]*[a-z0-9]$/, Ae = /^(\d{1,3}\.){3}\d{1,3}$/, je = [
+	"xn--",
+	"sthree-",
+	"amzn-s3-demo-"
+], Me = [
+	"-s3alias",
+	"--ol-s3",
+	".mrap",
+	"--x-s3",
+	"--table-s3"
+], Ne = ({ isOpen: e, onClose: t, onSuccess: n, onError: r }) => {
+	let { i18n: i, _: a } = B(), o = O(), [s, c] = I(""), [l, d] = I(null), [f, p] = I(!1), m = w.useUtils(), h = w.storage.ceph.containers.create.useMutation({
+		onSuccess: () => {
+			m.storage.ceph.containers.list.invalidate();
+			let e = s.trim();
+			n?.(e);
+		},
+		onError: (e) => {
+			r?.(s.trim(), e.message);
+		},
+		onSettled: () => {
+			g();
+		}
+	}), g = () => {
+		c(""), d(null), p(!1), h.reset(), t();
+	}, _ = (e) => {
+		let t = e.trim();
+		if (!t) return d(i._({ id: "48bMai" })), !1;
+		if (t.length < 3) return d(i._({ id: "gjop1H" })), !1;
+		if (t.length > 63) return d(i._({ id: "is0Bhk" })), !1;
+		if (!ke.test(t)) return d(i._({ id: "IQldU4" })), !1;
+		if (!/^[a-z0-9]/.test(t) || !/[a-z0-9]$/.test(t)) return d(i._({ id: "VG2a+x" })), !1;
+		if (t.includes("..")) return d(i._({ id: "V8/eES" })), !1;
+		if (Ae.test(t)) return d(i._({ id: "W8Rb/w" })), !1;
+		for (let e of je) if (t.startsWith(e)) return d(i._({
+			id: "B2SpR8",
+			values: { prefix: e }
+		})), !1;
+		for (let e of Me) if (t.endsWith(e)) return d(i._({
+			id: "QRlXaL",
+			values: { suffix: e }
+		})), !1;
+		return d(null), !0;
+	}, v = (e) => {
+		let t = e.target.value;
+		c(t), l && _(t);
+	}, y = () => {
+		_(s) && h.mutate({
+			project_id: o,
+			bucketName: s.trim(),
+			enableVersioning: f
+		});
+	};
+	return e ? /* @__PURE__ */ j(x, {
+		title: i._({ id: "HiDAFk" }),
+		open: e,
+		onCancel: g,
+		confirmButtonLabel: i._({ id: "hYgDIe" }),
+		onConfirm: y,
+		cancelButtonLabel: i._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: h.isPending || !s.trim(),
+		children: /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/* @__PURE__ */ j("p", {
+					className: "text-theme-default",
+					children: /* @__PURE__ */ j(z, { id: "ASJMIw" })
+				}),
+				/* @__PURE__ */ j(u, {
+					label: i._({ id: "NNpgo3" }),
+					required: !0,
+					value: s,
+					onChange: v,
+					onKeyDown: (e) => {
+						e.key === "Enter" && y();
+					},
+					invalid: !!l,
+					errortext: l || void 0,
+					disabled: h.isPending,
+					autoFocus: !0,
+					placeholder: i._({ id: "yDHGP+" })
+				}),
+				/* @__PURE__ */ j(C, {
+					label: i._({ id: "ifQSTI" }),
+					helptext: i._({ id: "WM+Nm7" }),
+					checked: f,
+					onChange: (e) => p(e.target.checked),
+					disabled: h.isPending
+				})
+			]
+		})
+	}) : null;
+}, Pe = ({ isOpen: e, bucket: t, onClose: r, onSuccess: i, onError: a }) => {
+	let { i18n: o, _: s } = B(), c = O(), [l, d] = I(""), [f, p] = I(null), [m, g] = I(!1), v = w.useUtils(), y = () => {
+		t && navigator.clipboard.writeText(t.name).then(() => {
+			g(!0), setTimeout(() => g(!1), 2e3);
+		});
+	}, S = w.storage.ceph.objects.deleteAll.useMutation({ onSettled: () => {
+		v.storage.ceph.containers.list.invalidate(), C();
+	} }), C = () => {
+		d(""), p(null), g(!1), S.reset(), r();
+	}, T = (e) => {
+		let t = e.target.value;
+		d(t), f && p(null);
+	}, E = () => {
+		if (!t) return;
+		if (l.trim() !== t.name) {
+			p(o._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = t.name;
+		S.mutate({
+			project_id: c,
+			containerName: e
+		}, {
+			onSuccess: (t) => {
+				i?.(e, t);
+			},
+			onError: (t) => {
+				a?.(e, t.message);
+			}
+		});
+	}, D = (e) => {
+		e.key === "Enter" && E();
+	};
+	if (!e || !t) return null;
+	let k = t.count === 0, A = t.count, N = t.name;
+	return /* @__PURE__ */ j(x, {
+		title: o._({ id: "CfKRC1" }),
+		open: e,
+		onCancel: C,
+		confirmButtonLabel: k ? void 0 : o._({ id: "N2S1rs" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: k ? void 0 : E,
+		cancelButtonLabel: k ? void 0 : o._({ id: "dEgA5A" }),
+		modalFooter: k ? /* @__PURE__ */ j(n, {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(h, {
+				variant: "primary",
+				onClick: C,
+				"data-testid": "empty-info-close-button",
+				children: /* @__PURE__ */ j(z, { id: "yz7wBu" })
+			}) })
+		}) : void 0,
+		size: "small",
+		disableConfirmButton: S.isPending || !k && l.trim() !== t.name,
+		children: k ? /* @__PURE__ */ j("p", {
+			className: "text-theme-default py-2",
+			children: /* @__PURE__ */ j(z, { id: "tL9it8" })
+		}) : /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/* @__PURE__ */ j("p", {
+					className: "text-theme-default",
+					children: /* @__PURE__ */ j(z, {
+						id: "8HrqL8",
+						values: {
+							bucketCount: A,
+							bucketName: N
+						},
+						components: { 0: /* @__PURE__ */ j("strong", {}) }
+					})
+				}),
+				/* @__PURE__ */ M(b, {
+					direction: "vertical",
+					gap: "2",
+					children: [/* @__PURE__ */ M("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ j("span", {
+							className: "text-juno-grey-light-1 text-sm",
+							children: /* @__PURE__ */ j(z, { id: "FrLdVI" })
+						}), /* @__PURE__ */ j(h, {
+							size: "small",
+							variant: "subdued",
+							onClick: y,
+							icon: m ? "check" : "contentCopy",
+							label: m ? o._({ id: "6V3Ea3" }) : o._({ id: "he3ygx" })
+						})]
+					}), /* @__PURE__ */ j("div", {
+						className: "bg-juno-grey-blue-10 rounded p-2 font-mono text-sm",
+						children: t.name
+					})]
+				}),
+				/* @__PURE__ */ j(u, {
+					label: o._({ id: "dEHa3L" }),
+					required: !0,
+					value: l,
+					onChange: T,
+					onKeyDown: D,
+					invalid: !!f,
+					errortext: f || void 0,
+					disabled: S.isPending,
+					placeholder: t.name,
+					autoFocus: !0
+				})
+			]
+		})
+	});
+}, Fe = ({ isOpen: e, bucket: t, onClose: r, onSuccess: i, onError: a }) => {
+	let { i18n: o, _: s } = B(), c = O(), [d, f] = I(""), [p, m] = I(null), [g, v] = I(!1), y = () => {
+		t && navigator.clipboard.writeText(t.name).then(() => {
+			v(!0), setTimeout(() => v(!1), 2e3);
+		});
+	}, S = w.useUtils(), { data: C, isLoading: T, error: E } = w.storage.ceph.objects.list.useQuery({
+		project_id: c ?? "",
+		containerName: t?.name ?? "",
+		maxKeys: 1
+	}, { enabled: e && t !== null }), D = w.storage.ceph.containers.delete.useMutation({ onSettled: () => {
+		S.storage.ceph.containers.list.invalidate(), k();
+	} });
+	F(() => {
+		e || (f(""), m(null), D.reset());
+	}, [e, t?.name]);
+	let k = () => {
+		f(""), m(null), D.reset(), r();
+	}, N = (e) => {
+		let t = e.target.value;
+		f(t), p && m(null);
+	}, P = () => {
+		if (!t || E) return;
+		if (d.trim() !== t.name) {
+			m(o._({ id: "wxVsr5" }));
+			return;
+		}
+		let e = t.name;
+		D.mutate({
+			project_id: c,
+			bucketName: e
+		}, {
+			onSuccess: () => {
+				i?.(e);
+			},
+			onError: (t) => {
+				a?.(e, t.message);
+			}
+		});
+	}, ee = (e) => {
+		e.key === "Enter" && P();
+	};
+	if (!e || !t) return null;
+	let L = C?.objects?.length ?? 0, R = L > 0, V = E?.message;
+	return /* @__PURE__ */ j(x, {
+		title: o._({ id: "IwlPLb" }),
+		open: e,
+		onCancel: k,
+		confirmButtonLabel: R ? void 0 : o._({ id: "IwlPLb" }),
+		confirmButtonVariant: R ? void 0 : "primary-danger",
+		onConfirm: R ? void 0 : P,
+		cancelButtonLabel: R ? void 0 : o._({ id: "dEgA5A" }),
+		modalFooter: R ? /* @__PURE__ */ j(n, {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ j(_, { children: /* @__PURE__ */ j(h, {
+				variant: "primary",
+				onClick: k,
+				"data-testid": "delete-has-objects-close-button",
+				children: /* @__PURE__ */ j(z, { id: "yz7wBu" })
+			}) })
+		}) : void 0,
+		size: "small",
+		disableConfirmButton: D.isPending || T || !!E || d.trim() !== t.name,
+		children: /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "6",
+			children: [E && /* @__PURE__ */ j("p", {
+				className: "text-theme-error",
+				role: "alert",
+				"aria-live": "assertive",
+				children: /* @__PURE__ */ j(z, {
+					id: "MJLqeY",
+					values: { errorMessage: V }
+				})
+			}), T ? /* @__PURE__ */ M(b, {
+				direction: "horizontal",
+				gap: "2",
+				alignment: "center",
+				children: [/* @__PURE__ */ j(l, {}), /* @__PURE__ */ j("span", {
+					className: "text-juno-grey-light-1 text-sm",
+					children: /* @__PURE__ */ j(z, { id: "rPuPb+" })
+				})]
+			}) : R ? /* @__PURE__ */ j("p", {
+				className: "text-theme-default",
+				children: /* @__PURE__ */ j(z, {
+					id: "50Piuj",
+					values: { actualObjectCount: L }
+				})
+			}) : /* @__PURE__ */ M(A, { children: [
+				/* @__PURE__ */ j("p", {
+					className: "text-theme-default",
+					children: /* @__PURE__ */ j(z, { id: "/pOQrn" })
+				}),
+				/* @__PURE__ */ M(b, {
+					direction: "vertical",
+					gap: "2",
+					children: [/* @__PURE__ */ M("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ j("span", {
+							className: "text-juno-grey-light-1 text-sm",
+							children: /* @__PURE__ */ j(z, { id: "No++00" })
+						}), /* @__PURE__ */ j(h, {
+							size: "small",
+							variant: "subdued",
+							onClick: y,
+							icon: g ? "check" : "contentCopy",
+							label: g ? o._({ id: "6V3Ea3" }) : o._({ id: "he3ygx" })
+						})]
+					}), /* @__PURE__ */ j("div", {
+						className: "bg-juno-grey-blue-10 rounded p-2 font-mono text-sm",
+						children: t.name
+					})]
+				}),
+				/* @__PURE__ */ j(u, {
+					label: o._({ id: "dEHa3L" }),
+					required: !0,
+					value: d,
+					onChange: N,
+					onKeyDown: ee,
+					invalid: !!p,
+					errortext: p || void 0,
+					disabled: D.isPending,
+					placeholder: t.name
+				})
+			] })]
+		})
+	});
+}, Ie = ({ containers: e, createModalOpen: t, setCreateModalOpen: n, onCreateSuccess: o, onCreateError: c, onEmptySuccess: l, onEmptyError: u, onDeleteSuccess: p, onDeleteError: m, selectedContainers: h, setSelectedContainers: _ }) => {
+	let { projectId: v, provider: y } = R({ strict: !1 }), { i18n: b, _: x } = B(), S = L(), w = ee(null), [T, E] = I(0), [O, k] = I(null), [N, P] = I(null);
+	F(() => {
+		w.current && E(w.current.offsetWidth - w.current.clientWidth);
+	}, [e.length]);
+	let V = (e) => {
+		try {
+			return new Date(e).toLocaleString();
+		} catch {
+			return b._({ id: "fj5byd" });
+		}
+	}, H = te({
+		count: e.length,
+		getScrollElement: () => w.current,
+		estimateSize: () => 48,
+		overscan: 10
+	}), U = new Set(h), W = e.length > 0 && e.every((e) => U.has(e.name)), G = () => {
+		_(W ? [] : e.map((e) => e.name));
+	}, K = (e) => {
+		h.includes(e) ? _(h.filter((t) => t !== e)) : _([...h, e]);
+	};
+	if (!e || e.length === 0) return /* @__PURE__ */ j(d, {
+		columns: 4,
+		className: "containers",
+		"data-testid": "no-containers",
+		children: /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(s, {
+			colSpan: 4,
+			children: /* @__PURE__ */ M("div", {
+				className: "py-8 text-center",
+				children: [/* @__PURE__ */ j("h3", {
+					className: "text-lg font-semibold",
+					children: /* @__PURE__ */ j(z, { id: "ih2lfP" })
+				}), /* @__PURE__ */ j("p", {
+					className: "text-theme-light mt-2",
+					children: /* @__PURE__ */ j(z, { id: "emkxJa" })
+				})]
+			})
+		}) })
+	});
+	let q = "40px minmax(200px, 2fr) minmax(100px, 1fr) minmax(180px, 2fr) minmax(100px, 1fr) 60px";
+	return /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ M("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ j("div", {
+				style: { paddingRight: `${T}px` },
+				children: /* @__PURE__ */ j(d, {
+					columns: 6,
+					gridColumnTemplate: q,
+					className: "containers",
+					"data-testid": "containers-table-header",
+					children: /* @__PURE__ */ M(a, { children: [
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(C, {
+							checked: W,
+							onChange: G,
+							"data-testid": "select-all-containers"
+						}) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "BTsbBe" }) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "sxbP3b" }) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "sjMCOP" }) }),
+						/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(z, { id: "hgpMHD" }) }),
+						/* @__PURE__ */ j(i, { style: { marginRight: `-${T}px` } })
+					] })
+				})
+			}), /* @__PURE__ */ j("div", {
+				ref: w,
+				className: "overflow-auto",
+				style: { height: "calc(100vh - 510px)" },
+				"data-testid": "containers-table-body",
+				children: /* @__PURE__ */ j("div", {
+					style: {
+						height: `${H.getTotalSize()}px`,
+						width: "100%",
+						position: "relative"
+					},
+					children: H.getVirtualItems().map((t) => {
+						let n = e[t.index], i = h.includes(n.name), a = () => S({
+							to: "/projects/$projectId/storage/$provider/containers/$containerName/objects",
+							params: {
+								projectId: v ?? "",
+								provider: y ?? "ceph",
+								containerName: n.name
+							}
+						});
+						return /* @__PURE__ */ M("div", {
+							"data-index": t.index,
+							ref: H.measureElement,
+							className: "juno-datagrid group hover:bg-theme-background-lvl-1 cursor-pointer",
+							style: {
+								position: "absolute",
+								top: 0,
+								left: 0,
+								width: "100%",
+								transform: `translateY(${t.start}px)`,
+								display: "grid",
+								gridTemplateColumns: q,
+								alignItems: "stretch"
+							},
+							"data-testid": `container-row-${n.name}`,
+							role: "link",
+							tabIndex: 0,
+							onClick: a,
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+							},
+							children: [
+								/* @__PURE__ */ j(s, {
+									onClick: (e) => e.stopPropagation(),
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && e.stopPropagation();
+									},
+									children: /* @__PURE__ */ j(C, {
+										checked: i,
+										onChange: () => K(n.name),
+										"data-testid": `select-container-${n.name}`
+									})
+								}),
+								/* @__PURE__ */ j(s, {
+									className: "min-w-0 overflow-hidden",
+									children: /* @__PURE__ */ j("span", {
+										className: "block truncate",
+										title: n.name,
+										children: n.name
+									})
+								}),
+								/* @__PURE__ */ j(s, { children: n.count.toLocaleString() }),
+								/* @__PURE__ */ j(s, { children: V(n.last_modified || n.creationDate || "") }),
+								/* @__PURE__ */ j(s, { children: D(n.bytes) }),
+								/* @__PURE__ */ j(s, {
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ j(g, { children: /* @__PURE__ */ M(r, { children: [/* @__PURE__ */ j(f, {
+										label: b._({ id: "N2S1rs" }),
+										onClick: () => k(n),
+										"data-testid": `empty-action-${n.name}`
+									}), /* @__PURE__ */ j(f, {
+										label: b._({ id: "cnGeoo" }),
+										onClick: () => P(n),
+										"data-testid": `delete-action-${n.name}`
+									})] }) })
+								})
+							]
+						}, n.name);
+					})
+				})
+			})]
+		}),
+		/* @__PURE__ */ j(Ne, {
+			isOpen: t,
+			onClose: () => n(!1),
+			onSuccess: o,
+			onError: c
+		}),
+		/* @__PURE__ */ j(Pe, {
+			isOpen: O !== null,
+			bucket: O,
+			onClose: () => k(null),
+			onSuccess: l,
+			onError: u
+		}),
+		/* @__PURE__ */ j(Fe, {
+			isOpen: N !== null,
+			bucket: N,
+			onClose: () => P(null),
+			onSuccess: p,
+			onError: m
+		})
+	] });
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Containers/ContainerToastNotifications.tsx
+function Le({ title: e, description: t }) {
+	return /* @__PURE__ */ M(b, {
+		direction: "vertical",
+		gap: "1.5",
+		children: [/* @__PURE__ */ j("span", { children: e }), /* @__PURE__ */ j("span", {
+			className: "text-theme-light",
+			children: t
+		})]
+	});
+}
+var Re = (e, t) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(Le, {
+		title: /* @__PURE__ */ j(z, { id: "M3bysB" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "VKCkZH",
+			values: { bucketName: e }
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: t.autoDismissTimeout ?? 5e3,
+	onDismiss: t.onDismiss
+}), ze = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(Le, {
+		title: /* @__PURE__ */ j(z, { id: "UaP7Th" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "boefwq",
+			values: {
+				bucketName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), Be = (e, t, n) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(Le, {
+		title: /* @__PURE__ */ j(z, { id: "b95YH9" }),
+		description: t === 0 ? /* @__PURE__ */ j(z, {
+			id: "8erw15",
+			values: { bucketName: e }
+		}) : t === 1 ? /* @__PURE__ */ j(z, {
+			id: "QpbWpf",
+			values: {
+				bucketName: e,
+				deletedCount: t
+			}
+		}) : /* @__PURE__ */ j(z, {
+			id: "JPWqr2",
+			values: {
+				bucketName: e,
+				deletedCount: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), Ve = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(Le, {
+		title: /* @__PURE__ */ j(z, { id: "66YUKF" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "t7ewhH",
+			values: {
+				bucketName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), He = (e, t) => ({
+	variant: "success",
+	children: /* @__PURE__ */ j(Le, {
+		title: /* @__PURE__ */ j(z, { id: "bHUarC" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "hQdfmR",
+			values: { bucketName: e }
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: t.autoDismissTimeout ?? 5e3,
+	onDismiss: t.onDismiss
+}), Ue = (e, t, n) => ({
+	variant: "error",
+	children: /* @__PURE__ */ j(Le, {
+		title: /* @__PURE__ */ j(z, { id: "1NFtQz" }),
+		description: /* @__PURE__ */ j(z, {
+			id: "CongmL",
+			values: {
+				bucketName: e,
+				errorMessage: t
+			}
+		})
+	}),
+	autoDismiss: !0,
+	autoDismissTimeout: n.autoDismissTimeout ?? 5e3,
+	onDismiss: n.onDismiss
+}), We = (e, t, n, r) => {
+	let i = n.length > 0, a = e + n.length, o = n.length;
+	return {
+		variant: i ? "warning" : "success",
+		children: /* @__PURE__ */ j(Le, {
+			title: i ? /* @__PURE__ */ j(z, { id: "6fuDFZ" }) : /* @__PURE__ */ j(z, { id: "BOoOLQ" }),
+			description: i ? /* @__PURE__ */ j(z, {
+				id: "pD/2BQ",
+				values: {
+					emptiedCount: e,
+					totalBuckets: a,
+					totalDeleted: t,
+					errorsLength: o
+				}
+			}) : /* @__PURE__ */ j(z, {
+				id: "YVLcyI",
+				values: {
+					emptiedCount: e,
+					totalDeleted: t
+				}
+			})
+		}),
+		autoDismiss: !i,
+		autoDismissTimeout: r.autoDismissTimeout ?? 5e3,
+		onDismiss: r.onDismiss
+	};
+}, $ = 20, Ge = ({ isOpen: e, buckets: t, onClose: n, onComplete: r }) => {
+	let { i18n: i, _: a } = B(), o = O(), [s, c] = I(null), u = w.useUtils(), d = w.storage.ceph.objects.deleteAll.useMutation(), f = () => {
+		d.reset(), c(null), n();
+	}, p = async () => {
+		let e = 0, n = 0, i = [], a = t.length;
+		for (let r = 0; r < t.length; r++) {
+			c({
+				current: r + 1,
+				total: a
+			});
+			let s = t[r];
+			try {
+				let t = await d.mutateAsync({
+					project_id: o,
+					containerName: s.name
+				});
+				n += t, e++;
+			} catch (e) {
+				let t = e instanceof Error ? e.message : String(e);
+				i.push(`${s.name}: ${t}`);
+			}
+		}
+		e > 0 && await u.storage.ceph.containers.list.invalidate(), r?.({
+			emptiedCount: e,
+			totalDeleted: n,
+			errors: i
+		}), f();
+	};
+	if (!e || t.length === 0) return null;
+	let m = t.length, h = t.slice(0, $), g = m - h.length, _ = d.isPending || s !== null, v = s?.current, y = s?.total;
+	return /* @__PURE__ */ j(x, {
+		title: i._({ id: "7RBR/D" }),
+		open: e,
+		onCancel: f,
+		confirmButtonLabel: _ ? i._({ id: "s4Vnq2" }) : i._({ id: "N2S1rs" }),
+		confirmButtonVariant: "primary-danger",
+		cancelButtonLabel: i._({ id: "dEgA5A" }),
+		onConfirm: p,
+		disableConfirmButton: _,
+		disableCancelButton: _,
+		disableCloseButton: _,
+		size: "small",
+		children: _ ? /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			distribution: "center",
+			alignment: "center",
+			gap: "2",
+			className: "py-4",
+			children: [/* @__PURE__ */ j(l, { variant: "primary" }), s && /* @__PURE__ */ j("p", {
+				className: "text-theme-light text-sm",
+				children: /* @__PURE__ */ j(z, {
+					id: "NW1XEL",
+					values: {
+						progressCurrent: v,
+						progressTotal: y
+					}
+				})
+			})]
+		}) : /* @__PURE__ */ M(b, {
+			direction: "vertical",
+			gap: "4",
+			children: [/* @__PURE__ */ j("p", {
+				className: "text-theme-default",
+				children: /* @__PURE__ */ j(z, {
+					id: "CtiFDz",
+					values: { totalCount: m }
+				})
+			}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+				className: "text-theme-light mb-2 text-sm",
+				children: /* @__PURE__ */ j(z, { id: "Zshv0H" })
+			}), /* @__PURE__ */ M("ul", {
+				className: "list-inside list-disc space-y-1 text-sm",
+				children: [h.map((e) => {
+					let t = e.name, n = e.count;
+					return /* @__PURE__ */ M("li", {
+						className: "font-mono",
+						children: [t, n > 0 && /* @__PURE__ */ M("span", {
+							className: "text-theme-light ml-2",
+							children: [
+								"(",
+								n,
+								" ",
+								/* @__PURE__ */ j(z, {
+									id: "gFsjJK",
+									values: { bucketCount: n }
+								}),
+								")"
+							]
+						})]
+					}, t);
+				}), g > 0 && /* @__PURE__ */ j("li", {
+					className: "text-theme-light",
+					children: /* @__PURE__ */ j(z, {
+						id: "yqPflB",
+						values: { hiddenCount: g }
+					})
+				})]
+			})] })]
+		})
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Containers/CredentialPrompt.tsx
+function Ke({ onSuccess: e }) {
+	let t = O(), [n, r] = I(null), i = w.useUtils(), a = w.storage.ceph.ec2Credentials.create.useMutation({
+		onSuccess: () => {
+			i.storage.ceph.ec2Credentials.list.invalidate(), e();
+		},
+		onError: (e) => {
+			let t = e.message;
+			r({
+				variant: "error",
+				children: /* @__PURE__ */ j(z, {
+					id: "rcBt6T",
+					values: { errorMessage: t }
+				}),
+				autoDismiss: !0,
+				autoDismissTimeout: 5e3,
+				onDismiss: () => r(null)
+			});
+		}
+	});
+	return /* @__PURE__ */ M(b, {
+		direction: "vertical",
+		gap: "4",
+		className: "mx-auto mt-16 max-w-lg",
+		children: [
+			n && /* @__PURE__ */ j(o, { ...n }),
+			/* @__PURE__ */ j("h2", {
+				className: "text-lg font-semibold",
+				children: /* @__PURE__ */ j(z, { id: "wXxPjv" })
+			}),
+			/* @__PURE__ */ j("p", {
+				className: "text-theme-default",
+				children: /* @__PURE__ */ j(z, { id: "+8m5QE" })
+			}),
+			/* @__PURE__ */ j("p", {
+				className: "text-theme-default text-sm",
+				children: /* @__PURE__ */ j(z, { id: "+1xG4p" })
+			}),
+			/* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(h, {
+				onClick: () => t && a.mutate({ project_id: t }),
+				disabled: a.isPending || !t,
+				children: a.isPending ? /* @__PURE__ */ j(z, { id: "k/zHK7" }) : /* @__PURE__ */ j(z, { id: "FJO48W" })
+			}) })
+		]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Containers/index.tsx
+var qe = () => {
+	let { i18n: e, _: t } = B(), n = O(), r = L({ from: T.fullPath }), { sortBy: i, sortDirection: a, search: s = "" } = T.useSearch(), [c, u] = I(!1), [d, f] = I(!1), [p, m] = I([]), [g, _] = I(null), v = () => _(null), y = (e) => {
+		_(Re(e, { onDismiss: v }));
+	}, x = (e, t) => {
+		_(ze(e, t, { onDismiss: v }));
+	}, S = (e, t) => {
+		_(Be(e, t, { onDismiss: v }));
+	}, C = (e, t) => {
+		_(Ve(e, t, { onDismiss: v }));
+	}, E = (e) => {
+		_(He(e, { onDismiss: v }));
+	}, D = (e, t) => {
+		_(Ue(e, t, { onDismiss: v }));
+	}, A = ({ emptiedCount: e, totalDeleted: t, errors: n }) => {
+		if (n.length === 0) m([]);
+		else {
+			let e = new Set(n.map((e) => e.split(": ")[0]));
+			m((t) => t.filter((t) => e.has(t)));
+		}
+		_(We(e, t, n, { onDismiss: v }));
+	}, P = {
+		options: [
+			{
+				label: e._({ id: "6YtxFj" }),
+				value: "name"
+			},
+			{
+				label: e._({ id: "sxbP3b" }),
+				value: "count"
+			},
+			{
+				label: e._({ id: "hgpMHD" }),
+				value: "bytes"
+			},
+			{
+				label: e._({ id: "sjMCOP" }),
+				value: "last_modified"
+			}
+		],
+		sortBy: i ?? "name",
+		sortDirection: a ?? "asc"
+	}, { data: F, isLoading: ee, error: R } = w.storage.ceph.containers.list.useQuery({
+		project_id: n,
+		includeMetadata: !0
+	}, {
+		enabled: !!n,
+		retry: !1
+	}), V = (e) => [...e].sort((e, t) => {
+		let n;
+		switch (i ?? "name") {
+			case "name":
+				n = e.name.localeCompare(t.name);
+				break;
+			case "count":
+				n = e.count - t.count;
+				break;
+			case "bytes":
+				n = e.bytes - t.bytes;
+				break;
+			case "last_modified":
+				if (!e.last_modified && !t.last_modified) return 0;
+				if (!e.last_modified) return 1;
+				if (!t.last_modified) return -1;
+				n = new Date(e.last_modified).getTime() - new Date(t.last_modified).getTime();
+				break;
+			default: n = e.name.localeCompare(t.name);
+		}
+		return (a ?? "asc") === "desc" ? -n : n;
+	}), H = (F || []).filter((e) => e.name.toLowerCase().includes(s.toLowerCase())), te = V(H), U = (e) => {
+		let t = typeof e == "string" ? e : "";
+		N(() => {
+			r({ search: (e) => ({
+				...e,
+				search: t || void 0
+			}) });
+		});
+	}, W = (e) => {
+		let t = e.sortBy?.toString() || "name", n = e.sortDirection || "asc";
+		N(() => {
+			r({ search: (e) => ({
+				...e,
+				sortBy: t,
+				sortDirection: n
+			}) });
+		});
+	};
+	if (ee) return /* @__PURE__ */ M(b, {
+		className: "p-8",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/* @__PURE__ */ j(l, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /* @__PURE__ */ j(z, { id: "c5i+X0" })]
+	});
+	if (R) {
+		let e = R.message;
+		if (e === "NO_CEPH_CREDENTIALS") return /* @__PURE__ */ j(Ke, { onSuccess: () => window.location.reload() });
+		let t = e.includes("Access denied") || e.includes("AccessDenied"), n = e.includes("Invalid access key") || e.includes("InvalidAccessKeyId");
+		return /* @__PURE__ */ j("div", {
+			className: "p-8",
+			children: /* @__PURE__ */ j("p", {
+				className: "text-theme-default text-sm",
+				children: t ? /* @__PURE__ */ j(z, { id: "HAcOOW" }) : n ? /* @__PURE__ */ j(z, { id: "xIXYTK" }) : /* @__PURE__ */ j(z, {
+					id: "BZpsYm",
+					values: { errorMessage: e }
+				})
+			})
+		});
+	}
+	let G = (F || []).filter((e) => p.includes(e.name)), K = G.length > 0, q = G.length, ne = (F || []).length, re = H.length;
+	return /* @__PURE__ */ M("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ j(k, {
+				sortSettings: P,
+				searchTerm: s,
+				onSort: W,
+				onSearch: U,
+				actions: /* @__PURE__ */ M(b, {
+					direction: "horizontal",
+					gap: "4",
+					alignment: "center",
+					children: [/* @__PURE__ */ j(h, {
+						variant: "primary",
+						onClick: () => u(!0),
+						children: /* @__PURE__ */ j(z, { id: "HiDAFk" })
+					}), /* @__PURE__ */ j(h, {
+						variant: "primary-danger",
+						onClick: () => f(!0),
+						disabled: !K,
+						children: K ? /* @__PURE__ */ j(z, {
+							id: "dPBJAJ",
+							values: { selectedCount: q }
+						}) : /* @__PURE__ */ j(z, { id: "kCLnJG" })
+					})]
+				})
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "text-theme-light bg-theme-background-lvl-1 flex items-center gap-1 px-4 py-2 text-sm",
+				"data-testid": "containers-info-block",
+				children: s.trim() ? /* @__PURE__ */ j(z, {
+					id: "xOvKAE",
+					values: {
+						totalCount: ne,
+						filteredCount: re
+					}
+				}) : /* @__PURE__ */ j(z, {
+					id: "Ux/pNd",
+					values: { totalCount: ne }
+				})
+			}),
+			/* @__PURE__ */ j(Ie, {
+				containers: te,
+				createModalOpen: c,
+				setCreateModalOpen: u,
+				onCreateSuccess: y,
+				onCreateError: x,
+				onEmptySuccess: S,
+				onEmptyError: C,
+				onDeleteSuccess: E,
+				onDeleteError: D,
+				selectedContainers: p,
+				setSelectedContainers: m
+			}),
+			/* @__PURE__ */ j(Ge, {
+				isOpen: d,
+				buckets: G,
+				onClose: () => f(!1),
+				onComplete: A
+			}),
+			g && /* @__PURE__ */ j(o, {
+				...g,
+				className: "border-theme-light fixed top-5 right-5 z-50 rounded-lg border shadow-lg"
+			})
+		]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/containers/index.tsx?tsr-split=component
+function Je() {
+	let { project: e, provider: t } = R({
+		from: "/_auth/projects/$projectId/storage/$provider/containers/",
+		select: (e) => ({
+			project: e.projectId,
+			provider: e.provider
+		})
+	}), { i18n: n, _: r } = B(), i;
+	switch (t) {
+		case "swift":
+			i = n._({ id: "+OEi73" });
+			break;
+		case "ceph":
+			i = n._({ id: "KhNDX4" });
+			break;
+		default: i = n._({ id: "IWF68U" });
+	}
+	return /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(E, {
+		title: i,
+		projectId: e
+	}), e ? /* @__PURE__ */ j(H, {
+		resetKeys: [e, t],
+		fallback: /* @__PURE__ */ j("div", {
+			className: "p-4 text-center",
+			children: /* @__PURE__ */ j(z, { id: "diFNkW" })
+		}),
+		children: (() => {
+			switch (t) {
+				case "swift": return /* @__PURE__ */ j(Oe, {});
+				case "ceph": return /* @__PURE__ */ j(qe, {});
+				default: return /* @__PURE__ */ j("div", { children: "Storage Overview Page" });
+			}
+		})()
+	}) : /* @__PURE__ */ j("div", {
+		className: "p-4 text-center",
+		children: /* @__PURE__ */ j(z, { id: "Z2fZGD" })
+	})] });
+}
+var Ye = () => /* @__PURE__ */ j(Je, {});
+//#endregion
+export { Ye as component };
+
+//# sourceMappingURL=containers-J7WFA18U.mjs.map