@cobaltcore-dev/aurora 0.23.1 → 1.1.0

package/dist/client/_storageType-BmqrU06i.mjs

@@ -0,0 +1,2202 @@
+import { $ as e, B as t, C as n, E as r, F as i, H as a, J as o, K as s, N as c, O as l, S as u, T as d, W as f, X as p, Y as m, a as h, at as g, c as _, d as v, g as y, it as b, j as x, l as S, m as C, n as w, o as T, s as E, st as D, t as O, x as k, y as A } from "./build-C_4vRMCq.mjs";
+import { a as j } from "./trpcClient-D7gpR7YG.mjs";
+import { c as M, r as N, s as P } from "./objects-C3azvW8m.mjs";
+import { t as ee } from "./useProjectId-DBc5lpoU.mjs";
+import { t as F } from "./SortInput-Cqs2poV3.mjs";
+import { t as te } from "./formatBytes-CZv_XyCY.mjs";
+import { t as ne } from "./ContentHeader-BHMUzd9H.mjs";
+import { Fragment as re, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { Fragment as R, startTransition as z, useCallback as ie, useEffect as B, useRef as ae, useState as V } from "react";
+import { useNavigate as H, useParams as oe } from "@tanstack/react-router";
+import { Trans as U, useLingui as se } from "@lingui/react";
+import { ErrorBoundary as ce } from "react-error-boundary";
+import { i18n as W } from "@lingui/core";
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/CreateContainerModal.tsx
+var G = ({ isOpen: e, onClose: t, onSuccess: n, onError: r, maxContainerNameLength: i = 256 }) => {
+	let { i18n: a, _: s } = se(), c = ee(), [l, u] = V(""), [d, f] = V(null), m = j.useUtils(), h = j.storage.swift.createContainer.useMutation({
+		onSuccess: () => {
+			m.storage.swift.listContainers.invalidate();
+			let e = l.trim();
+			n?.(e);
+		},
+		onError: (e) => {
+			r?.(l.trim(), e.message);
+		},
+		onSettled: () => {
+			g();
+		}
+	}), g = () => {
+		u(""), f(null), h.reset(), t();
+	}, _ = (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), v = (e) => {
+		let t = e.target.value;
+		u(t), d && _(t);
+	}, y = () => {
+		_(l) && h.mutate({
+			project_id: c,
+			container: l.trim()
+		});
+	};
+	return e ? /*#__PURE__*/ I(o, {
+		title: a._({ id: "vTh35P" }),
+		open: e,
+		onCancel: g,
+		confirmButtonLabel: a._({ id: "hYgDIe" }),
+		onConfirm: y,
+		cancelButtonLabel: a._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: h.isPending || !l.trim(),
+		children: /*#__PURE__*/ L(p, {
+			direction: "vertical",
+			gap: "6",
+			children: [/*#__PURE__*/ I("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ I(U, { id: "ne/GWZ" })
+			}), /*#__PURE__*/ I(C, {
+				label: a._({ id: "SUSS9i" }),
+				required: !0,
+				value: l,
+				onChange: v,
+				onKeyDown: (e) => {
+					e.key === "Enter" && y();
+				},
+				invalid: !!d,
+				errortext: d || void 0,
+				disabled: h.isPending,
+				autoFocus: !0,
+				placeholder: a._({ id: "W5FkH9" })
+			})]
+		})
+	}) : null;
+}, le = ({ isOpen: e, container: t, onClose: n, onSuccess: r, onError: i }) => {
+	let { i18n: a, _: s } = se(), l = ee(), [m, g] = V(""), [_, y] = V(null), [b, S] = V(!1), w = ae(""), E = () => {
+		t && navigator.clipboard.writeText(t.name).then(() => {
+			S(!0), setTimeout(() => S(!1), 2e3);
+		});
+	}, D = j.useUtils(), { data: k, isLoading: A, error: M } = j.storage.swift.listObjects.useQuery({
+		project_id: l,
+		container: t?.name ?? "",
+		format: "json",
+		limit: 100
+	}, { enabled: e && t !== null }), N = j.storage.swift.emptyContainer.useMutation({
+		onSuccess: (e) => {
+			D.storage.swift.listContainers.invalidate(), D.storage.swift.listObjects.invalidate({
+				project_id: l,
+				container: w.current
+			}), r?.(w.current, e);
+		},
+		onError: (e) => {
+			i?.(w.current, e.message);
+		},
+		onSettled: () => {
+			P();
+		}
+	}), P = () => {
+		g(""), y(null), N.reset(), n();
+	}, F = (e) => {
+		let t = e.target.value;
+		g(t), _ && y(null);
+	}, ne = () => {
+		if (t) {
+			if (m.trim() !== t.name) {
+				y(a._({ id: "jS4B2+" }));
+				return;
+			}
+			w.current = t.name, N.mutate({
+				project_id: l,
+				container: t.name
+			});
+		}
+	}, re = (e) => {
+		e.key === "Enter" && ne();
+	};
+	if (!e || !t) return null;
+	let R = k?.length ?? 0, z = !A && t.count === 0 && R === 0, ie = !A && t.count > 0 && R === 0, B = z || ie, H = /*#__PURE__*/ L("span", {
+		className: "flex max-w-100 items-center gap-2",
+		children: [
+			/*#__PURE__*/ I("span", {
+				className: "shrink-0",
+				children: /*#__PURE__*/ I(U, { id: "5Okch2" })
+			}),
+			/*#__PURE__*/ I("span", {
+				className: "truncate",
+				title: t.name,
+				children: t.name
+			}),
+			!A && !B && /*#__PURE__*/ I("button", {
+				type: "button",
+				onClick: E,
+				title: b ? a._({ id: "PiH3UR" }) : a._({ id: "NQU1Nn" }),
+				className: "text-theme-light hover:text-theme-default inline-flex items-center transition-colors",
+				children: /*#__PURE__*/ I(v, {
+					icon: b ? "checkCircle" : "contentCopy",
+					size: "16"
+				})
+			})
+		]
+	});
+	return /*#__PURE__*/ L(o, {
+		title: H,
+		open: e,
+		onCancel: P,
+		confirmButtonLabel: B ? void 0 : a._({ id: "N2S1rs" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: B ? void 0 : ne,
+		cancelButtonLabel: B ? void 0 : a._({ id: "dEgA5A" }),
+		modalFooter: B ? /*#__PURE__*/ I(c, {
+			className: "flex justify-end",
+			children: /*#__PURE__*/ I(x, { children: /*#__PURE__*/ I(h, {
+				variant: "primary",
+				onClick: P,
+				"data-testid": "empty-info-close-button",
+				children: /*#__PURE__*/ I(U, { id: "yz7wBu" })
+			}) })
+		}) : void 0,
+		size: "small",
+		disableConfirmButton: A || N.isPending || !B && !m.trim() || !B && m.trim() !== t.name,
+		children: [M && /*#__PURE__*/ I("p", {
+			className: "text-theme-error mb-4",
+			children: (() => {
+				let e = M.message;
+				return /*#__PURE__*/ I(U, {
+					id: "56IxdF",
+					values: { errorMessage: e }
+				});
+			})()
+		}), A ? /*#__PURE__*/ L(p, {
+			direction: "horizontal",
+			alignment: "center",
+			gap: "2",
+			className: "py-4",
+			children: [/*#__PURE__*/ I(f, { size: "small" }), /*#__PURE__*/ I(U, { id: "ujK/QN" })]
+		}) : B && !M ? /*#__PURE__*/ I("p", {
+			className: "text-theme-default py-2",
+			children: z ? /*#__PURE__*/ I(U, { id: "jNm/qL" }) : /*#__PURE__*/ I(U, { id: "WefafP" })
+		}) : M ? null : /*#__PURE__*/ L(p, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/*#__PURE__*/ L("p", {
+					className: "text-theme-default",
+					children: [
+						/*#__PURE__*/ I(U, { id: "Ioblgz" }),
+						/*#__PURE__*/ I("br", {}),
+						/*#__PURE__*/ I(U, {
+							id: "kiRrtv",
+							components: {
+								0: /*#__PURE__*/ I("strong", {}),
+								1: /*#__PURE__*/ I("strong", {}),
+								2: /*#__PURE__*/ I("strong", {})
+							}
+						})
+					]
+				}),
+				/*#__PURE__*/ L("div", {
+					className: "border-theme-background-lvl-3 overflow-hidden rounded border",
+					children: [
+						t.count > R && /*#__PURE__*/ I("p", {
+							className: "text-theme-light px-3 py-2 text-xs",
+							children: (() => {
+								let e = t.count;
+								return /*#__PURE__*/ I(U, {
+									id: "1iQtS2",
+									values: {
+										actualObjectCount: R,
+										total: e
+									}
+								});
+							})()
+						}),
+						/*#__PURE__*/ I(T, {
+							columns: 3,
+							className: "text-sm",
+							children: /*#__PURE__*/ L(d, { children: [
+								/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "6YtxFj" }) }),
+								/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "Cj2Gtd" }) }),
+								/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "sjMCOP" }) })
+							] })
+						}),
+						/*#__PURE__*/ I("div", {
+							className: "max-h-48 overflow-y-auto",
+							children: /*#__PURE__*/ I(T, {
+								columns: 3,
+								className: "text-sm",
+								children: k.map((e) => /*#__PURE__*/ L(d, { children: [
+									/*#__PURE__*/ I(O, {
+										className: "max-w-50 truncate",
+										title: e.name,
+										children: e.name
+									}),
+									/*#__PURE__*/ I(O, { children: te(e.bytes) }),
+									/*#__PURE__*/ I(O, { children: e.last_modified ? new Date(e.last_modified).toLocaleString() : a._({ id: "fj5byd" }) })
+								] }, e.name))
+							})
+						})
+					]
+				}),
+				/*#__PURE__*/ I(C, {
+					label: a._({ id: "33F2A+" }),
+					required: !0,
+					value: m,
+					onChange: F,
+					onKeyDown: re,
+					invalid: !!_,
+					errortext: _ || void 0,
+					disabled: N.isPending,
+					autoFocus: !0,
+					placeholder: t.name
+				})
+			]
+		})]
+	});
+}, ue = ({ isOpen: e, container: t, onClose: n, onSuccess: r, onError: i }) => {
+	let { i18n: a, _: s } = se(), c = ee(), [l, u] = V(""), [d, m] = V(null), [h, _] = V(!1), v = j.useUtils(), { data: y, isLoading: b, error: x } = j.storage.swift.listObjects.useQuery({
+		project_id: c,
+		container: t?.name ?? "",
+		format: "json",
+		limit: 1
+	}, { enabled: e && t !== null }), { data: S, error: w } = j.storage.swift.getContainerMetadata.useQuery({
+		project_id: c,
+		container: t?.name ?? ""
+	}, { enabled: e && t !== null }), T = !!(S?.versionsEnabled || S?.versionsLocation || S?.historyLocation), E = j.storage.swift.deleteContainer.useMutation({
+		onSuccess: () => {
+			v.storage.swift.listContainers.invalidate(), r?.(t.name);
+		},
+		onError: (e) => {
+			i?.(t.name, e.message);
+		},
+		onSettled: () => {
+			D();
+		}
+	});
+	B(() => {
+		e || (u(""), m(null), _(!1), E.reset());
+	}, [e, t?.name]);
+	let D = () => {
+		u(""), m(null), _(!1), E.reset(), n();
+	}, O = (e) => {
+		let t = e.target.value;
+		u(t), d && m(null);
+	}, k = () => {
+		if (t && !(x || w)) {
+			if (l.trim() !== "delete") {
+				m(a._({ id: "b5aNMO" }));
+				return;
+			}
+			T && !h || E.mutate({
+				project_id: c,
+				container: t.name
+			});
+		}
+	}, A = (e) => {
+		e.key === "Enter" && k();
+	};
+	if (!e || !t) return null;
+	let M = y?.length ?? 0, N = !b && (M > 0 || t.count > 0), P = !b && t.count > 0 && M === 0, F = !!(x || w), te = /*#__PURE__*/ L("span", {
+		className: "flex max-w-[400px] items-center gap-2",
+		children: [/*#__PURE__*/ I("span", {
+			className: "shrink-0",
+			children: /*#__PURE__*/ I(U, { id: "Vzlopx" })
+		}), /*#__PURE__*/ I("span", {
+			className: "truncate",
+			title: t.name,
+			children: t.name
+		})]
+	});
+	return /*#__PURE__*/ L(o, {
+		title: te,
+		open: e,
+		onCancel: D,
+		confirmButtonLabel: N ? a._({ id: "yz7wBu" }) : a._({ id: "cnGeoo" }),
+		confirmButtonVariant: N ? "primary" : "primary-danger",
+		onConfirm: N ? D : k,
+		cancelButtonLabel: N ? void 0 : a._({ id: "dEgA5A" }),
+		size: "small",
+		disableConfirmButton: b || F || E.isPending || !N && l.trim() !== "delete" || !N && T && !h,
+		children: [(x || w) && /*#__PURE__*/ L(p, {
+			direction: "vertical",
+			gap: "2",
+			className: "mb-4",
+			role: "alert",
+			"aria-live": "assertive",
+			children: [x && /*#__PURE__*/ I("p", {
+				className: "text-theme-error",
+				children: (() => {
+					let e = x.message;
+					return /*#__PURE__*/ I(U, {
+						id: "56IxdF",
+						values: { errorMessage: e }
+					});
+				})()
+			}), w && /*#__PURE__*/ I("p", {
+				className: "text-theme-error",
+				children: (() => {
+					let e = w.message;
+					return /*#__PURE__*/ I(U, {
+						id: "BCXapL",
+						values: { errorMessage: e }
+					});
+				})()
+			})]
+		}), b ? /*#__PURE__*/ L(p, {
+			direction: "horizontal",
+			alignment: "center",
+			gap: "2",
+			className: "py-4",
+			children: [/*#__PURE__*/ I(f, { size: "small" }), /*#__PURE__*/ I(U, { id: "Z3FXyt" })]
+		}) : N ? /*#__PURE__*/ L(p, {
+			direction: "vertical",
+			gap: "3",
+			children: [/*#__PURE__*/ I("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ I(U, { id: "3dBmvU" })
+			}), P && /*#__PURE__*/ I("p", {
+				className: "text-theme-default",
+				children: /*#__PURE__*/ I(U, { id: "x3T4pq" })
+			})]
+		}) : /*#__PURE__*/ L(p, {
+			direction: "vertical",
+			gap: "6",
+			children: [
+				/*#__PURE__*/ L("p", {
+					className: "text-theme-default",
+					children: [
+						/*#__PURE__*/ I(U, { id: "Y8M9Uc" }),
+						/*#__PURE__*/ I("br", {}),
+						/*#__PURE__*/ I(U, {
+							id: "YzUoh9",
+							components: { 0: /*#__PURE__*/ I("strong", {}) }
+						})
+					]
+				}),
+				T && /*#__PURE__*/ I(g, {
+					label: a._({ id: "V/8B9A" }),
+					checked: h,
+					onChange: (e) => _(e.target.checked)
+				}),
+				/*#__PURE__*/ I(C, {
+					label: a._({ id: "QytzQr" }),
+					required: !0,
+					value: l,
+					onChange: O,
+					onKeyDown: A,
+					invalid: !!d,
+					errortext: d || void 0,
+					disabled: E.isPending,
+					autoFocus: !0,
+					placeholder: a._({ id: "HNlEFZ" })
+				})
+			]
+		})]
+	});
+}, de = /* @__PURE__ */ new Set([
+	"quota-bytes",
+	"quota-count",
+	"web-index",
+	"web-listings",
+	"web-listings-css",
+	"web-error"
+]), fe = 50, pe = /^[a-zA-Z0-9!#$%&'*+\-.^_`|~]+$/, me = ({ isOpen: n, container: r, onClose: i, onSuccess: c }) => {
+	let { i18n: l, _ } = se(), y = ee(), { data: b, isLoading: x, isError: S, error: w } = j.storage.swift.getContainerMetadata.useQuery({
+		project_id: y,
+		container: r?.name ?? ""
+	}, { enabled: n && r !== null }), E = b?.read === ".r:*,.rlistings", { data: D } = j.storage.swift.getContainerPublicUrl.useQuery({
+		project_id: y,
+		container: r?.name ?? ""
+	}, { enabled: n && r !== null && E }), { data: k } = j.storage.swift.listContainers.useQuery({ project_id: y }, { enabled: n }), [A, M] = V(""), [N, P] = V(""), F = ae(null), te = ie((e) => {
+		let t = e.target.value;
+		M(t), F.current && clearTimeout(F.current), F.current = setTimeout(() => P(t), 300);
+	}, []), ne = N.trim().length > 0 ? (k ?? []).filter((e) => e.name !== r?.name && e.name.toLowerCase().includes(N.toLowerCase())) : [], re = ne.slice(0, fe), R = ne.length - re.length, z = j.useUtils(), [H, oe] = V(""), [ce, W] = V(null), [G, le] = V(""), [ue, me] = V(null), [K, q] = V(""), [he, ge] = V(!1), [J, _e] = V(!1), [Y, ve] = V(""), [X, Z] = V([]), [ye, be] = V({}), [xe, Se] = V(!1), [Ce, we] = V(""), [Te, Ee] = V(""), [De, Oe] = V(null), [ke, Ae] = V(null);
+	B(() => {
+		if (!b) return;
+		oe(b.quotaBytes == null ? "" : String(b.quotaBytes)), le(b.quotaCount == null ? "" : String(b.quotaCount)), _e(!!(b.versionsEnabled || b.versionsLocation || b.historyLocation)), ve(b.versionsLocation || b.historyLocation || "");
+		let e = b.metadata ?? {};
+		q(e["web-index"] ?? ""), ge(e["web-listings"] === "1" || e["web-listings"] === "true");
+		let t = b.metadata ?? {}, n = Object.entries(t).filter(([e]) => !de.has(e)).map(([e, t]) => ({
+			key: e,
+			value: t,
+			isNew: !1,
+			isEditing: !1,
+			originalKey: e,
+			originalValue: t
+		}));
+		Z(n);
+	}, [b]), B(() => {
+		n || Q();
+	}, [n]);
+	let Q = () => {
+		oe(""), W(null), le(""), me(null), q(""), ge(!1), _e(!1), ve(""), M(""), P(""), F.current && clearTimeout(F.current), Z([]), be({}), Se(!1), we(""), Ee(""), Oe(null), Ae(null), je.reset();
+	}, je = j.storage.swift.updateContainerMetadata.useMutation({
+		onSuccess: () => {
+			z.storage.swift.getContainerMetadata.invalidate({ container: r.name }), z.storage.swift.listContainers.invalidate(), c?.(r.name), Ue();
+		},
+		onError: () => {}
+	}), Me = () => {
+		let e = !0;
+		return H !== "" && (isNaN(Number(H)) || !Number.isInteger(Number(H)) || Number(H) < 0) ? (W(l._({ id: "HG5AI8" })), e = !1) : W(null), G !== "" && (isNaN(Number(G)) || !Number.isInteger(Number(G)) || Number(G) < 0) ? (me(l._({ id: "HG5AI8" })), e = !1) : me(null), e;
+	}, Ne = (e, t) => e.trim() ? pe.test(e) ? /[a-zA-Z0-9]/.test(e) ? de.has(e.toLowerCase()) ? l._({ id: "JeRXll" }) : X.some((n) => n.key.toLowerCase() === e.toLowerCase() && n.originalKey !== t) ? l._({ id: "i6/ygf" }) : null : l._({ id: "dTNzBI" }) : l._({ id: "XYZLy9" }) : l._({ id: "QV1ZPO" }), Pe = () => {
+		let e = Ne(Ce);
+		if (e) {
+			Oe(e);
+			return;
+		}
+		if (!Te.trim()) {
+			Ae(l._({ id: "hXUWyd" }));
+			return;
+		}
+		Z([...X, {
+			key: Ce.trim(),
+			value: Te.trim(),
+			isNew: !0,
+			isEditing: !1
+		}]), we(""), Ee(""), Se(!1), Oe(null), Ae(null);
+	}, Fe = () => {
+		we(""), Ee(""), Se(!1), Oe(null), Ae(null);
+	}, Ie = (e) => {
+		Z(X.map((t, n) => n === e ? {
+			...t,
+			isEditing: !0
+		} : {
+			...t,
+			isEditing: !1
+		})), Se(!1);
+	}, Le = (e) => {
+		let t = X[e], n = Ne(t.key, t.originalKey);
+		if (n) {
+			be({ [`edit-${e}`]: n });
+			return;
+		}
+		if (!t.value.trim()) {
+			be({ [`edit-${e}`]: l._({ id: "hXUWyd" }) });
+			return;
+		}
+		Z(X.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.key.trim(),
+			value: t.value.trim()
+		} : t)), be({});
+	}, Re = (e) => {
+		Z(X.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.originalKey ?? t.key,
+			value: t.originalValue ?? t.value
+		} : t)), be({});
+	}, ze = (e) => {
+		Z(X.filter((t, n) => n !== e)), be({});
+	}, Be = (e, t) => {
+		Z(X.map((n, r) => r === e ? {
+			...n,
+			key: t
+		} : n)), be((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	}, Ve = (e, t) => {
+		Z(X.map((n, r) => r === e ? {
+			...n,
+			value: t
+		} : n)), be((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	}, He = () => {
+		if (!r || !Me()) return;
+		let e = b?.metadata ?? {}, t = {}, n = [];
+		X.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 && n.push(e.originalKey));
+		});
+		let i = Object.keys(e).filter((e) => !de.has(e)), a = X.map((e) => e.originalKey).filter(Boolean);
+		i.forEach((e) => {
+			!a.includes(e) && !n.includes(e) && n.push(e);
+		}), E && (K ? t["web-index"] = K : b?.metadata?.["web-index"] && n.push("web-index"), he ? t["web-listings"] = "1" : b?.metadata?.["web-listings"] && n.push("web-listings"));
+		let o = !!(b?.versionsEnabled || b?.versionsLocation || b?.historyLocation), s = b?.versionsLocation || b?.historyLocation || "";
+		je.mutate({
+			project_id: y,
+			container: r.name,
+			metadata: t,
+			removeMetadata: n.length ? n : void 0,
+			quotaBytes: H === "" ? void 0 : Number(H),
+			quotaCount: G === "" ? void 0 : Number(G),
+			versionsLocation: J && (!o || Y !== s) && Y ? Y : void 0,
+			removeVersionsLocation: !J && o ? !0 : void 0
+		});
+	}, Ue = () => {
+		Q(), i();
+	};
+	if (!n || !r) return null;
+	let $ = x || je.isPending, We = S && !x, Ge = X.some((e) => e.isEditing), Ke = b?.quotaBytes == null ? "" : String(b.quotaBytes), qe = b?.quotaCount == null ? "" : String(b.quotaCount), Je = !!b?.versionsEnabled, Ye = b?.versionsLocation || b?.historyLocation || "", Xe = b?.metadata?.["web-index"] ?? "", Ze = b?.metadata?.["web-listings"] === "1" || b?.metadata?.["web-listings"] === "true", Qe = Object.keys(b?.metadata ?? {}).filter((e) => !de.has(e)), $e = X.length === Qe.length && X.every((e) => !e.isNew && e.key === e.originalKey && e.value === e.originalValue), et = H === Ke && G === qe && J === Je && Y === Ye && K === Xe && he === Ze && $e, tt = b?.quotaBytes == null ? null : `${b.quotaBytes} B`;
+	return /*#__PURE__*/ L(o, {
+		title: /*#__PURE__*/ L("span", {
+			className: "flex max-w-[500px] items-center gap-2",
+			children: [/*#__PURE__*/ I("span", {
+				className: "shrink-0",
+				children: /*#__PURE__*/ I(U, { id: "y02Bu1" })
+			}), /*#__PURE__*/ I("span", {
+				className: "truncate",
+				title: r.name,
+				children: r.name
+			})]
+		}),
+		open: n,
+		onCancel: Ue,
+		confirmButtonLabel: l._({ id: "tfDRzk" }),
+		onConfirm: He,
+		cancelButtonLabel: l._({ id: "dEgA5A" }),
+		size: "large",
+		disableConfirmButton: $ || xe || Ge || et || We,
+		children: [je.isError && /*#__PURE__*/ I("p", {
+			className: "text-theme-error mb-4",
+			children: (() => {
+				let e = je.error.message;
+				return /*#__PURE__*/ I(U, {
+					id: "nUuaq8",
+					values: { errorMessage: e }
+				});
+			})()
+		}), x ? /*#__PURE__*/ L(p, {
+			direction: "horizontal",
+			alignment: "center",
+			gap: "2",
+			className: "py-8",
+			children: [/*#__PURE__*/ I(f, { size: "small" }), /*#__PURE__*/ I(U, { id: "WRZ3Mt" })]
+		}) : We ? /*#__PURE__*/ I("p", {
+			className: "text-theme-error py-8 text-center",
+			children: (() => {
+				let e = w?.message ?? "Unknown error";
+				return /*#__PURE__*/ I(U, {
+					id: "BCXapL",
+					values: { errorMessage: e }
+				});
+			})()
+		}) : /*#__PURE__*/ I("div", {
+			className: "max-h-[65vh] overflow-y-auto pr-1 pl-1",
+			children: /*#__PURE__*/ L(p, {
+				direction: "vertical",
+				gap: "6",
+				children: [
+					/*#__PURE__*/ L("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/*#__PURE__*/ I(C, {
+							label: l._({ id: "z45o5B" }),
+							value: String(r.count),
+							disabled: !0,
+							readOnly: !0
+						}), /*#__PURE__*/ I(C, {
+							label: l._({ id: "/InK0O" }),
+							value: b?.bytesUsed == null ? `${r.bytes.toLocaleString()} B` : `${b.bytesUsed.toLocaleString()} B`,
+							disabled: !0,
+							readOnly: !0
+						})]
+					}),
+					/*#__PURE__*/ L("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/*#__PURE__*/ I("div", { children: /*#__PURE__*/ I(C, {
+							label: l._({ id: "k0vAWv" }),
+							value: G,
+							onChange: (e) => {
+								le(e.target.value), ue && me(null);
+							},
+							placeholder: l._({ id: "qtoOYG" }),
+							invalid: !!ue,
+							errortext: ue ?? void 0,
+							disabled: $
+						}) }), /*#__PURE__*/ I("div", { children: /*#__PURE__*/ I(C, {
+							label: l._({ id: "KOpPMt" }),
+							value: H,
+							onChange: (e) => {
+								oe(e.target.value), ce && W(null);
+							},
+							placeholder: l._({ id: "qtoOYG" }),
+							invalid: !!ce,
+							errortext: ce ?? void 0,
+							disabled: $,
+							helptext: H && tt ? tt : void 0
+						}) })]
+					}),
+					E && D && /*#__PURE__*/ L("div", { children: [/*#__PURE__*/ L("p", {
+						className: "text-theme-default mb-1 text-sm font-semibold",
+						children: [
+							/*#__PURE__*/ I(U, { id: "mvz5Eo" }),
+							" ",
+							/*#__PURE__*/ I("a", {
+								href: D,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "text-theme-info text-xs font-normal underline",
+								children: /*#__PURE__*/ I(U, { id: "Alx2/L" })
+							})
+						]
+					}), /*#__PURE__*/ I(C, {
+						value: D,
+						disabled: !0,
+						readOnly: !0
+					})] }),
+					/*#__PURE__*/ L("div", { children: [/*#__PURE__*/ I("p", {
+						className: "text-theme-default mb-3 text-sm font-semibold",
+						children: /*#__PURE__*/ I(U, { id: "6CDYXS" })
+					}), E ? /*#__PURE__*/ L(p, {
+						direction: "vertical",
+						gap: "4",
+						children: [/*#__PURE__*/ L(p, {
+							direction: "vertical",
+							gap: "1",
+							children: [/*#__PURE__*/ I(g, {
+								label: l._({ id: "6+7EwD" }),
+								checked: !!K,
+								onChange: (e) => {
+									e.target.checked ? K || q("index.html") : q("");
+								},
+								disabled: $
+							}), /*#__PURE__*/ I("div", {
+								className: "pl-6",
+								children: /*#__PURE__*/ I(C, {
+									value: K,
+									onChange: (e) => q(e.target.value),
+									placeholder: "index.html",
+									disabled: $ || !K,
+									className: "flex-1"
+								})
+							})]
+						}), /*#__PURE__*/ L(p, {
+							direction: "horizontal",
+							alignment: "start",
+							gap: "2",
+							children: [/*#__PURE__*/ I(g, {
+								label: l._({ id: "NeUjqc" }),
+								checked: he,
+								onChange: (e) => ge(e.target.checked),
+								disabled: $
+							}), /*#__PURE__*/ L(m, {
+								triggerEvent: "hover",
+								children: [/*#__PURE__*/ I(e, { children: /*#__PURE__*/ I(v, {
+									icon: "help",
+									size: "16",
+									className: "text-theme-light cursor-help"
+								}) }), /*#__PURE__*/ I(t, {
+									className: "z-10 max-w-[220px]",
+									children: /*#__PURE__*/ I(U, { id: "Oxl1UN" })
+								})]
+							})]
+						})]
+					}) : /*#__PURE__*/ I("p", {
+						className: "text-theme-default text-sm",
+						children: /*#__PURE__*/ I(U, {
+							id: "aSsVD3",
+							components: { 0: /*#__PURE__*/ I("strong", {}) }
+						})
+					})] }),
+					/*#__PURE__*/ L("div", { children: [/*#__PURE__*/ I("p", {
+						className: "text-theme-default mb-2 text-sm font-semibold",
+						children: /*#__PURE__*/ I(U, { id: "jNzyQo" })
+					}), Je && !Y ? /*#__PURE__*/ I(g, {
+						label: l._({ id: "Nvfd2b" }),
+						checked: !0,
+						onChange: (e) => {
+							e.target.checked || (_e(!1), ve(""), M(""), P(""));
+						},
+						disabled: !0
+					}) : !J && !Y ? /*#__PURE__*/ I(g, {
+						label: l._({ id: "WyKwnD" }),
+						checked: !1,
+						onChange: (e) => _e(e.target.checked),
+						disabled: $
+					}) : /*#__PURE__*/ L(p, {
+						direction: "vertical",
+						gap: "1",
+						children: [/*#__PURE__*/ I(g, {
+							label: l._({ id: "b0uU1G" }),
+							checked: J,
+							onChange: (e) => {
+								_e(e.target.checked), e.target.checked || (ve(""), M(""), P(""));
+							},
+							disabled: $
+						}), J && /*#__PURE__*/ I("div", {
+							className: "pl-6",
+							children: /*#__PURE__*/ I(s, {
+								value: Y,
+								onChange: (e) => ve(e),
+								onInputChange: te,
+								placeholder: l._({ id: "a13wDR" }),
+								helptext: (() => {
+									if (A.trim().length === 0) return l._({ id: "c+fUtV" });
+									if (R > 0) {
+										let e = fe, t = ne.length;
+										return l._({
+											id: "qzhUb9",
+											values: {
+												maxOptions: e,
+												totalCount: t
+											}
+										});
+									}
+								})(),
+								disabled: $,
+								children: re.map((e) => /*#__PURE__*/ I(a, {
+									value: e.name,
+									children: e.name
+								}, e.name))
+							})
+						})]
+					})] }),
+					/*#__PURE__*/ L("div", { children: [
+						/*#__PURE__*/ L(p, {
+							direction: "horizontal",
+							alignment: "center",
+							distribution: "between",
+							className: "mb-3",
+							children: [/*#__PURE__*/ I("p", {
+								className: "text-theme-default text-sm font-semibold",
+								children: /*#__PURE__*/ I(U, { id: "6GBt0m" })
+							}), /*#__PURE__*/ I("p", {
+								className: "text-theme-light text-xs",
+								children: /*#__PURE__*/ I(U, { id: "kuYWaD" })
+							})]
+						}),
+						/*#__PURE__*/ I(p, {
+							direction: "horizontal",
+							className: "jn:bg-theme-background-lvl-1 justify-end p-2",
+							children: /*#__PURE__*/ I(h, {
+								label: l._({ id: "sWBLli" }),
+								onClick: () => Se(!0),
+								variant: "primary",
+								icon: "addCircle",
+								size: "small",
+								disabled: xe || Ge || $
+							})
+						}),
+						/*#__PURE__*/ L(T, {
+							columns: 3,
+							children: [
+								/*#__PURE__*/ L(d, { children: [
+									/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "7sMeHQ" }) }),
+									/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "wMHvYH" }) }),
+									/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "7L01XJ" }) })
+								] }),
+								xe && /*#__PURE__*/ L(d, { children: [
+									/*#__PURE__*/ I(O, { children: /*#__PURE__*/ I(C, {
+										value: Ce,
+										onChange: (e) => {
+											we(e.target.value), De && Oe(null);
+										},
+										placeholder: l._({ id: "x9AdZ8" }),
+										errortext: De ?? void 0,
+										invalid: !!De,
+										autoFocus: !0
+									}) }),
+									/*#__PURE__*/ I(O, { children: /*#__PURE__*/ I(C, {
+										value: Te,
+										onChange: (e) => {
+											Ee(e.target.value), ke && Ae(null);
+										},
+										placeholder: l._({ id: "wMHvYH" }),
+										errortext: ke ?? void 0,
+										invalid: !!ke
+									}) }),
+									/*#__PURE__*/ I(O, { children: /*#__PURE__*/ L(p, {
+										direction: "horizontal",
+										gap: "2",
+										children: [/*#__PURE__*/ I(h, {
+											size: "small",
+											variant: "primary",
+											onClick: Pe,
+											icon: "check",
+											title: l._({ id: "tfDRzk" })
+										}), /*#__PURE__*/ I(h, {
+											size: "small",
+											variant: "subdued",
+											onClick: Fe,
+											icon: "close",
+											title: l._({ id: "bzSI52" })
+										})]
+									}) })
+								] }),
+								X.map((e, t) => /*#__PURE__*/ L(d, { children: [
+									/*#__PURE__*/ I(O, { children: e.isEditing ? /*#__PURE__*/ I(C, {
+										value: e.key,
+										onChange: (e) => Be(t, e.target.value),
+										errortext: ye[`edit-${t}`],
+										invalid: !!ye[`edit-${t}`]
+									}) : /*#__PURE__*/ I("span", {
+										className: "block max-w-xs truncate text-sm",
+										title: e.key,
+										children: e.key
+									}) }),
+									/*#__PURE__*/ I(O, { children: e.isEditing ? /*#__PURE__*/ I(C, {
+										value: e.value,
+										onChange: (e) => Ve(t, e.target.value)
+									}) : /*#__PURE__*/ I("span", {
+										className: "block max-w-md truncate text-sm",
+										title: e.value,
+										children: e.value
+									}) }),
+									/*#__PURE__*/ I(O, { children: e.isEditing ? /*#__PURE__*/ L(p, {
+										direction: "horizontal",
+										gap: "2",
+										children: [/*#__PURE__*/ I(h, {
+											size: "small",
+											variant: "primary",
+											onClick: () => Le(t),
+											icon: "check",
+											title: l._({ id: "tfDRzk" })
+										}), /*#__PURE__*/ I(h, {
+											size: "small",
+											variant: "subdued",
+											onClick: () => Re(t),
+											icon: "close",
+											title: l._({ id: "bzSI52" })
+										})]
+									}) : /*#__PURE__*/ L(p, {
+										direction: "horizontal",
+										gap: "2",
+										children: [/*#__PURE__*/ I(h, {
+											size: "small",
+											variant: "subdued",
+											onClick: () => Ie(t),
+											icon: "edit",
+											title: l._({ id: "ePK91l" }),
+											disabled: xe || Ge || $
+										}), /*#__PURE__*/ I(h, {
+											size: "small",
+											variant: "primary-danger",
+											onClick: () => ze(t),
+											icon: "deleteForever",
+											title: l._({ id: "cnGeoo" }),
+											disabled: xe || Ge || $
+										})]
+									}) })
+								] }, t)),
+								X.length === 0 && !xe && /*#__PURE__*/ I(d, { children: /*#__PURE__*/ I(O, {
+									colSpan: 3,
+									className: "py-6 text-center",
+									children: /*#__PURE__*/ I(p, {
+										alignment: "center",
+										children: /*#__PURE__*/ I("span", {
+											className: "text-theme-light text-sm",
+											children: /*#__PURE__*/ I(U, { id: "F02e8I" })
+										})
+									})
+								}) })
+							]
+						})
+					] })
+				]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/ManageContainerAccessModal.tsx
+function K(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 q(e) {
+	return e.trim() ? e.split(",").map((e) => e.trim()).filter(Boolean).map(K) : [];
+}
+var he = [".r:*", ".rlistings"];
+function ge(e) {
+	let t = e.split(",").map((e) => e.trim()).filter(Boolean);
+	return he.every((e) => t.includes(e));
+}
+function J(e) {
+	let t = e.split(",").map((e) => e.trim()).filter(Boolean);
+	return [.../* @__PURE__ */ new Set([...he, ...t])].join(",");
+}
+function _e(e) {
+	return e.split(",").map((e) => e.trim()).filter((e) => !he.includes(e)).join(",");
+}
+function Y(e) {
+	switch (e.type) {
+		case "any-referrer": return W._({ id: "HVdrr1" });
+		case "denied-referrer": {
+			let t = e.host || "";
+			return W._({
+				id: "7XQ3QJ",
+				values: { host: t }
+			});
+		}
+		case "specific-referrer": {
+			let t = e.host || "";
+			return W._({
+				id: "Dqnh7K",
+				values: { host: t }
+			});
+		}
+		case "listing-access": return W._({ id: "ntNlXu" });
+		case "all-project-users": {
+			let t = e.projectId || "";
+			return W._({
+				id: "sa4CV6",
+				values: { projectId: t }
+			});
+		}
+		case "specific-user-any-project": {
+			let t = e.userId || "";
+			return W._({
+				id: "izMhIO",
+				values: { userId: t }
+			});
+		}
+		case "specific-user": {
+			let t = e.projectId || "", n = e.userId || "";
+			return W._({
+				id: "cXuXkb",
+				values: {
+					userId: n,
+					projectId: t
+				}
+			});
+		}
+		default: return e.raw;
+	}
+}
+var ve = ({ isOpen: e, container: t, onClose: n, onSuccess: a, onError: s }) => {
+	let { i18n: c, _: l } = se(), u = ee(), [d, m] = V(""), [_, v] = V(""), [y, b] = V(!1), [x, S] = V(!1);
+	B(() => {
+		!d.trim() && !_.trim() && S(!1);
+	}, [d, _]);
+	let { data: C, isLoading: T, isError: O, error: k } = j.storage.swift.getContainerMetadata.useQuery({
+		project_id: u,
+		container: t?.name ?? ""
+	}, { enabled: e && t !== null });
+	B(() => {
+		if (!C) return;
+		let e = C.read ?? "", t = C.write ?? "";
+		m(e), v(t), b(ge(e));
+	}, [C]);
+	let A = j.useUtils(), M = j.storage.swift.updateContainerMetadata.useMutation({
+		onSuccess: () => {
+			A.storage.swift.getContainerMetadata.invalidate({
+				project_id: u,
+				container: t.name
+			}), A.storage.swift.listContainers.invalidate(), a?.(t.name), P();
+		},
+		onError: (e) => {
+			s?.(t.name, e.message);
+		}
+	}), N = ae(M.reset);
+	N.current = M.reset;
+	let P = () => {
+		m(""), v(""), b(!1), S(!1), M.reset(), n();
+	};
+	B(() => {
+		e || (m(""), v(""), b(!1), N.current());
+	}, [e]);
+	let F = (e) => {
+		let t = e.target.checked;
+		b(t), m((e) => t ? J(e) : _e(e));
+	}, te = (e) => {
+		let t = e.target.value;
+		m(t), b(ge(t));
+	}, ne = () => {
+		t && M.mutate({
+			project_id: u,
+			container: t.name,
+			read: d.trim(),
+			write: _.trim()
+		});
+	};
+	if (!e || !t) return null;
+	let z = T || M.isPending, ie = d.trim().length > 0 || _.trim().length > 0, H = q(d), oe = q(_), ce = /*#__PURE__*/ L("span", {
+		className: "flex items-center gap-2",
+		children: [/*#__PURE__*/ I(U, { id: "EdxcAN" }), /*#__PURE__*/ I("span", {
+			className: "max-w-[250px] truncate",
+			title: t.name,
+			children: t.name
+		})]
+	});
+	return /*#__PURE__*/ L(o, {
+		title: ce,
+		open: e,
+		onCancel: P,
+		confirmButtonLabel: c._({ id: "tfDRzk" }),
+		onConfirm: ne,
+		cancelButtonLabel: c._({ id: "dEgA5A" }),
+		size: "xl",
+		disableConfirmButton: z || O,
+		children: [M.isError && /*#__PURE__*/ I("p", {
+			className: "text-theme-error mb-4",
+			children: (() => {
+				let e = M.error.message;
+				return /*#__PURE__*/ I(U, {
+					id: "u2xIeO",
+					values: { errorMessage: e }
+				});
+			})()
+		}), /*#__PURE__*/ L("div", {
+			className: "max-h-[70vh] overflow-y-auto pr-1 pl-1",
+			children: [
+				/*#__PURE__*/ I("div", {
+					className: "mb-4",
+					children: /*#__PURE__*/ I(i, {
+						variant: "warning",
+						className: "mb-4",
+						children: /*#__PURE__*/ I(U, { id: "wH0MtN" })
+					})
+				}),
+				T ? /*#__PURE__*/ L(p, {
+					direction: "horizontal",
+					alignment: "center",
+					gap: "2",
+					className: "py-6",
+					children: [/*#__PURE__*/ I(f, { size: "small" }), /*#__PURE__*/ I(U, { id: "poCbZw" })]
+				}) : O ? /*#__PURE__*/ I("p", {
+					className: "text-theme-error py-2",
+					children: (() => {
+						let e = k?.message ?? "";
+						return /*#__PURE__*/ I(U, {
+							id: "QNHur0",
+							values: { errorMessage: e }
+						});
+					})()
+				}) : /*#__PURE__*/ I(re, { children: /*#__PURE__*/ L("div", {
+					className: "flex gap-6",
+					children: [/*#__PURE__*/ I("div", {
+						className: "min-w-0 flex-1",
+						children: /*#__PURE__*/ L(p, {
+							direction: "vertical",
+							gap: "6",
+							children: [
+								/*#__PURE__*/ L("div", { children: [
+									/*#__PURE__*/ I(Z, { label: c._({ id: "SBGiGm" }) }),
+									/*#__PURE__*/ I(D, {
+										value: d,
+										onChange: te,
+										disabled: z || y,
+										placeholder: c._({ id: "FKL6Jv" }),
+										className: "text-sm",
+										rows: 3
+									}),
+									/*#__PURE__*/ I(g, {
+										label: c._({ id: "23wBCX" }),
+										checked: y,
+										onChange: F,
+										disabled: z,
+										className: "mt-2"
+									})
+								] }),
+								/*#__PURE__*/ L("div", { children: [/*#__PURE__*/ I(Z, { label: c._({ id: "6qzsuS" }) }), /*#__PURE__*/ I(D, {
+									value: _,
+									onChange: (e) => {
+										let t = e.target.value;
+										v(t);
+									},
+									disabled: z,
+									placeholder: c._({ id: "UVFHGY" }),
+									className: "text-sm",
+									rows: 3
+								})] }),
+								ie && /*#__PURE__*/ I(h, {
+									label: x ? c._({ id: "we28Pq" }) : c._({ id: "YiMCKk" }),
+									onClick: () => S((e) => !e),
+									variant: "subdued",
+									disabled: z,
+									className: "self-start"
+								}),
+								x && (H.length > 0 || oe.length > 0) && /*#__PURE__*/ L(p, {
+									direction: "vertical",
+									gap: "4",
+									children: [H.length > 0 && /*#__PURE__*/ L("div", { children: [/*#__PURE__*/ I("p", {
+										className: "text-theme-default mb-2 text-sm font-semibold",
+										children: /*#__PURE__*/ I(U, { id: "x7SF89" })
+									}), /*#__PURE__*/ I("div", {
+										className: "border-theme-background-lvl-3 rounded border p-3",
+										children: /*#__PURE__*/ I(E, {
+											className: "grid-cols-2",
+											alignTerms: "left",
+											children: H.map((e, t) => /*#__PURE__*/ L(R, { children: [/*#__PURE__*/ I(w, {
+												className: "col-span-1",
+												children: /*#__PURE__*/ I("span", {
+													className: "block truncate text-xs",
+													title: e.raw,
+													children: e.raw
+												})
+											}), /*#__PURE__*/ L(r, {
+												className: "col-span-1",
+												children: [/*#__PURE__*/ I("span", {
+													className: "block truncate text-sm",
+													title: Y(e),
+													children: Y(e)
+												}), /*#__PURE__*/ I("span", {
+													className: "text-theme-light block text-xs",
+													children: e.requiresToken ? /*#__PURE__*/ I(U, { id: "z+zpLP" }) : /*#__PURE__*/ I(U, { id: "t7ff15" })
+												})]
+											})] }, t))
+										})
+									})] }), oe.length > 0 && /*#__PURE__*/ L("div", { children: [/*#__PURE__*/ I("p", {
+										className: "text-theme-default mb-2 text-sm font-semibold",
+										children: /*#__PURE__*/ I(U, { id: "lRRkwQ" })
+									}), /*#__PURE__*/ I("div", {
+										className: "border-theme-background-lvl-3 rounded border p-3",
+										children: /*#__PURE__*/ I(E, {
+											className: "grid-cols-2",
+											alignTerms: "left",
+											children: oe.map((e, t) => /*#__PURE__*/ L(R, { children: [/*#__PURE__*/ I(w, {
+												className: "col-span-1",
+												children: /*#__PURE__*/ I("span", {
+													className: "block truncate text-xs",
+													title: e.raw,
+													children: e.raw
+												})
+											}), /*#__PURE__*/ L(r, {
+												className: "col-span-1",
+												children: [/*#__PURE__*/ I("span", {
+													className: "block truncate text-sm",
+													title: Y(e),
+													children: Y(e)
+												}), /*#__PURE__*/ I("span", {
+													className: "text-theme-light block text-xs",
+													children: e.requiresToken ? /*#__PURE__*/ I(U, { id: "z+zpLP" }) : /*#__PURE__*/ I(U, { id: "t7ff15" })
+												})]
+											})] }, t))
+										})
+									})] })]
+								})
+							]
+						})
+					}), /*#__PURE__*/ L("div", {
+						className: "border-theme-background-lvl-3 w-72 shrink-0 border-l pl-6",
+						children: [
+							/*#__PURE__*/ I("p", {
+								className: "text-theme-light mb-3 text-xs",
+								children: /*#__PURE__*/ I(U, { id: "dd2ndz" })
+							}),
+							/*#__PURE__*/ L(p, {
+								direction: "vertical",
+								gap: "4",
+								children: [
+									/*#__PURE__*/ I(X, {
+										code: ".r:*",
+										description: c._({ id: "VV1fdg" })
+									}),
+									/*#__PURE__*/ I(X, {
+										code: ".rlistings",
+										description: c._({ id: "s/s1lz" })
+									}),
+									/*#__PURE__*/ I(X, {
+										code: "PROJECT_ID:USER_ID",
+										description: c._({ id: "zhM8FP" })
+									}),
+									/*#__PURE__*/ I(X, {
+										code: "PROJECT_ID:*",
+										description: c._({ id: "BCJPTn" })
+									}),
+									/*#__PURE__*/ I(X, {
+										code: "*:USER_ID",
+										description: c._({ id: "/xnbdQ" })
+									})
+								]
+							}),
+							/*#__PURE__*/ I("p", {
+								className: "text-theme-light mt-4 text-xs",
+								children: /*#__PURE__*/ I(U, {
+									id: "rrjuul",
+									components: { 0: /*#__PURE__*/ I("a", {
+										href: "https://docs.openstack.org/swift/latest/overview_acl.html",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										className: "text-theme-link underline"
+									}) }
+								})
+							})
+						]
+					})]
+				}) }),
+				!T && !O && /*#__PURE__*/ I("p", {
+					className: "text-theme-light mt-4 text-xs",
+					children: /*#__PURE__*/ I(U, { id: "j9lCXl" })
+				})
+			]
+		})]
+	});
+};
+function X({ code: e, description: t }) {
+	return /*#__PURE__*/ L("div", { children: [/*#__PURE__*/ I(A, {
+		variant: "info",
+		className: "mb-1 text-xs",
+		children: e
+	}), /*#__PURE__*/ I("p", {
+		className: "text-theme-light text-xs leading-relaxed",
+		children: t
+	})] });
+}
+function Z({ label: n }) {
+	return /*#__PURE__*/ L("div", {
+		className: "mb-1 flex items-center gap-1",
+		children: [/*#__PURE__*/ I("label", {
+			className: "text-theme-default text-sm font-semibold",
+			children: n
+		}), /*#__PURE__*/ L(m, {
+			triggerEvent: "hover",
+			children: [/*#__PURE__*/ I(e, { children: /*#__PURE__*/ I(v, {
+				icon: "info",
+				size: "14",
+				className: "text-theme-light cursor-help"
+			}) }), /*#__PURE__*/ I(t, {
+				className: "z-10 max-w-[350px]",
+				children: /*#__PURE__*/ I(U, { id: "AdtLNV" })
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/-components/Swift/Containers/ContainerTableView.tsx
+var ye = ({ containers: e, createModalOpen: t, setCreateModalOpen: n, maxContainerNameLength: r, onCreateSuccess: i, onCreateError: a, onEmptySuccess: o, onEmptyError: s, onDeleteSuccess: c, onDeleteError: f, onPropertiesSuccess: p, onPropertiesError: m, onAclSuccess: h, onAclError: _, selectedContainers: v, setSelectedContainers: b, hasAnyBulkAction: x = !0 }) => {
+	let { projectId: S, provider: C, storageType: w } = oe({ from: "/_auth/projects/$projectId/storage/$provider/$storageType/" }), { i18n: E, _: D } = se(), A = H(), [j, M] = V(0), [N, ee] = V(null), [F, ne] = V(null), [R, z] = V(null), [ie, ae] = V(null), { ref: ce, elementRef: W, height: de, virtualItems: fe, totalSize: pe, measureElement: K } = P({ count: e.length });
+	B(() => {
+		if (W.current) {
+			let e = W.current.offsetWidth - W.current.clientWidth;
+			M(e);
+		}
+	}, [e.length, de]);
+	let q = (e) => {
+		try {
+			return new Date(e).toLocaleString();
+		} catch {
+			return E._({ id: "fj5byd" });
+		}
+	}, he = (e) => {
+		v.includes(e) ? b(v.filter((t) => t !== e)) : b([...v, e]);
+	};
+	if (!e || e.length === 0) return /*#__PURE__*/ L(re, { children: [/*#__PURE__*/ I(T, {
+		columns: 4,
+		className: "containers",
+		"data-testid": "no-containers",
+		children: /*#__PURE__*/ I(d, { children: /*#__PURE__*/ I(O, {
+			colSpan: 4,
+			children: /*#__PURE__*/ L("div", {
+				className: "py-8 text-center",
+				children: [/*#__PURE__*/ I("h3", {
+					className: "text-lg font-semibold",
+					children: /*#__PURE__*/ I(U, { id: "Hiw1Ha" })
+				}), /*#__PURE__*/ I("p", {
+					className: "text-theme-light mt-2",
+					children: /*#__PURE__*/ I(U, { id: "x1bK0h" })
+				})]
+			})
+		}) })
+	}), /*#__PURE__*/ I(G, {
+		isOpen: t,
+		onClose: () => n(!1),
+		onSuccess: i,
+		onError: a,
+		maxContainerNameLength: r
+	})] });
+	let ge = x ? 6 : 5, J = x ? "40px minmax(200px, 2fr) minmax(100px, 1fr) minmax(180px, 2fr) minmax(100px, 1fr) 60px" : "minmax(200px, 2fr) minmax(100px, 1fr) minmax(180px, 2fr) minmax(100px, 1fr) 60px";
+	return /*#__PURE__*/ L(re, { children: [
+		/*#__PURE__*/ L("div", {
+			className: "relative",
+			children: [/*#__PURE__*/ I("div", {
+				style: { paddingRight: `${j}px` },
+				children: /*#__PURE__*/ I(T, {
+					columns: ge,
+					gridColumnTemplate: J,
+					className: "containers",
+					"data-testid": "containers-table-header",
+					children: /*#__PURE__*/ L(d, { children: [
+						x && /*#__PURE__*/ I(u, {}),
+						/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "t0X9+8" }) }),
+						/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "sxbP3b" }) }),
+						/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "sjMCOP" }) }),
+						/*#__PURE__*/ I(u, { children: /*#__PURE__*/ I(U, { id: "hgpMHD" }) }),
+						/*#__PURE__*/ I(u, { style: { marginRight: `-${j}px` } })
+					] })
+				})
+			}), /*#__PURE__*/ I("div", {
+				ref: ce,
+				className: "overflow-auto",
+				style: { height: `${de ?? 0}px` },
+				"data-testid": "containers-table-body",
+				children: /*#__PURE__*/ I("div", {
+					style: {
+						height: `${pe}px`,
+						width: "100%",
+						position: "relative"
+					},
+					children: fe.map((t) => {
+						let n = e[t.index], r = v.includes(n.name), i = () => A({
+							to: "/projects/$projectId/storage/$provider/$storageType/$containerName/objects",
+							params: {
+								projectId: S,
+								provider: C,
+								storageType: w,
+								containerName: n.name
+							}
+						});
+						return /*#__PURE__*/ L("div", {
+							"data-index": t.index,
+							ref: K,
+							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: J,
+								alignItems: "stretch"
+							},
+							"data-testid": `container-row-${n.name}`,
+							role: "link",
+							tabIndex: 0,
+							onClick: i,
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
+							},
+							children: [
+								x && /*#__PURE__*/ I(O, {
+									onClick: (e) => e.stopPropagation(),
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && e.stopPropagation();
+									},
+									children: /*#__PURE__*/ I(g, {
+										checked: r,
+										onChange: () => he(n.name),
+										"data-testid": `select-container-${n.name}`
+									})
+								}),
+								/*#__PURE__*/ I(O, {
+									className: "min-w-0 overflow-hidden",
+									children: /*#__PURE__*/ I("span", {
+										className: "block truncate",
+										title: n.name,
+										children: n.name
+									})
+								}),
+								/*#__PURE__*/ I(O, { children: n.count.toLocaleString() }),
+								/*#__PURE__*/ I(O, { children: n.last_modified ? q(n.last_modified) : E._({ id: "fj5byd" }) }),
+								/*#__PURE__*/ I(O, { children: te(n.bytes) }),
+								/*#__PURE__*/ I(O, {
+									onClick: (e) => e.stopPropagation(),
+									children: /*#__PURE__*/ I(l, { children: /*#__PURE__*/ L(y, { children: [
+										/*#__PURE__*/ I(k, {
+											label: E._({ id: "cWbW6w" }),
+											onClick: () => ae(n),
+											"data-testid": `access-control-action-${n.name}`
+										}),
+										/*#__PURE__*/ I(k, {
+											label: E._({ id: "Oc8Aqv" }),
+											onClick: () => z(n),
+											"data-testid": `properties-action-${n.name}`
+										}),
+										/*#__PURE__*/ I(k, {
+											label: E._({ id: "N2S1rs" }),
+											onClick: () => ee(n),
+											"data-testid": `empty-action-${n.name}`
+										}),
+										/*#__PURE__*/ I(k, {
+											label: E._({ id: "cnGeoo" }),
+											onClick: () => ne(n),
+											"data-testid": `delete-action-${n.name}`
+										})
+									] }) })
+								})
+							]
+						}, n.name);
+					})
+				})
+			})]
+		}),
+		/*#__PURE__*/ I(G, {
+			isOpen: t,
+			onClose: () => n(!1),
+			onSuccess: i,
+			onError: a,
+			maxContainerNameLength: r
+		}),
+		/*#__PURE__*/ I(le, {
+			isOpen: N !== null,
+			container: N,
+			onClose: () => ee(null),
+			onSuccess: o,
+			onError: s
+		}),
+		/*#__PURE__*/ I(ue, {
+			isOpen: F !== null,
+			container: F,
+			onClose: () => ne(null),
+			onSuccess: c,
+			onError: f
+		}),
+		/*#__PURE__*/ I(me, {
+			isOpen: R !== null,
+			container: R,
+			onClose: () => z(null),
+			onSuccess: p,
+			onError: m
+		}),
+		/*#__PURE__*/ I(ve, {
+			isOpen: ie !== null,
+			container: ie,
+			onClose: () => ae(null),
+			onSuccess: h,
+			onError: _
+		})
+	] });
+}, be = (e) => ({
+	message: /*#__PURE__*/ I(U, { id: "6w+VnM" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "XwxJJB",
+		values: { containerName: e }
+	})
+}), xe = (e, t) => ({
+	message: /*#__PURE__*/ I(U, { id: "Vj8XFg" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "Vz+7ZA",
+		values: {
+			containerName: e,
+			errorMessage: t
+		}
+	})
+}), Se = (e, t) => ({
+	message: /*#__PURE__*/ I(U, { id: "6OopEX" }),
+	description: t === 0 ? /*#__PURE__*/ I(U, {
+		id: "nkpZyk",
+		values: { containerName: e }
+	}) : t === 1 ? /*#__PURE__*/ I(U, {
+		id: "TZJiVf",
+		values: {
+			containerName: e,
+			deletedCount: t
+		}
+	}) : /*#__PURE__*/ I(U, {
+		id: "Sb/VT5",
+		values: {
+			containerName: e,
+			deletedCount: t
+		}
+	})
+}), Ce = (e, t) => ({
+	message: /*#__PURE__*/ I(U, { id: "S8/j2h" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "1rLu3+",
+		values: {
+			containerName: e,
+			errorMessage: t
+		}
+	})
+}), we = (e) => ({
+	message: /*#__PURE__*/ I(U, { id: "odVI9Y" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "V1TzeS",
+		values: { containerName: e }
+	})
+}), Te = (e, t) => ({
+	message: /*#__PURE__*/ I(U, { id: "BJt+PJ" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "RGrgxg",
+		values: {
+			containerName: e,
+			errorMessage: t
+		}
+	})
+}), Ee = (e) => ({
+	message: /*#__PURE__*/ I(U, { id: "a7C4YS" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "/NeNjH",
+		values: { containerName: e }
+	})
+}), De = (e, t) => ({
+	message: /*#__PURE__*/ I(U, { id: "5MF8U2" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "uLtFAr",
+		values: {
+			containerName: e,
+			errorMessage: t
+		}
+	})
+}), Oe = (e) => ({
+	message: /*#__PURE__*/ I(U, { id: "olfSYj" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "tM5SEI",
+		values: { containerName: e }
+	})
+}), ke = (e, t) => ({
+	message: /*#__PURE__*/ I(U, { id: "p7DzCB" }),
+	description: /*#__PURE__*/ I(U, {
+		id: "DcMIiu",
+		values: {
+			containerName: e,
+			errorMessage: t
+		}
+	})
+}), Ae = (e, t, n) => {
+	let r = n.length > 0, i = e > 0, a = r && i;
+	return {
+		severity: a ? "warning" : r ? "error" : "success",
+		message: a ? /*#__PURE__*/ I(U, { id: "q44uUq" }) : r ? /*#__PURE__*/ I(U, { id: "wFaT8w" }) : /*#__PURE__*/ I(U, { id: "0WsqO0" }),
+		description: /*#__PURE__*/ L(p, {
+			direction: "vertical",
+			gap: "1",
+			children: [i && /*#__PURE__*/ I("span", { children: /*#__PURE__*/ I(U, {
+				id: "1NS3nd",
+				values: {
+					emptiedCount: e,
+					totalDeleted: t
+				}
+			}) }), r && /*#__PURE__*/ I("span", {
+				className: "whitespace-pre-line",
+				children: (() => {
+					let e = n.join("\n");
+					return /*#__PURE__*/ I(U, {
+						id: "JrmKyf",
+						values: { errorDetails: e }
+					});
+				})()
+			})]
+		})
+	};
+}, Q = ({ label: e, value: t }) => t == null ? null : /*#__PURE__*/ L("span", {
+	className: "flex items-start gap-1.5",
+	children: [/*#__PURE__*/ I(v, {
+		icon: "check",
+		size: "16px",
+		className: "text-theme-success mt-0.5 shrink-0"
+	}), /*#__PURE__*/ L("span", { children: [
+		/*#__PURE__*/ L("span", {
+			className: "font-medium",
+			children: [e, ":"]
+		}),
+		" ",
+		t
+	] })]
+}), je = ({ label: e }) => /*#__PURE__*/ L("span", {
+	className: "flex items-start gap-1.5",
+	children: [/*#__PURE__*/ I(v, {
+		icon: "check",
+		size: "16px",
+		className: "text-theme-success mt-0.5 shrink-0"
+	}), /*#__PURE__*/ I("span", { children: e })]
+}), Me = ({ title: e, children: t }) => /*#__PURE__*/ L("span", {
+	className: "flex flex-col gap-1.5",
+	children: [/*#__PURE__*/ I("span", {
+		className: "text-theme-default block font-semibold",
+		children: e
+	}), t]
+}), Ne = ({ serviceInfo: n, accountInfo: r, open: i }) => {
+	let { i18n: a, _: o } = se(), s = n?.swift, c = {
+		account_quotas: a._({ id: "DJT9tB" }),
+		container_quotas: a._({ id: "USiuNX" }),
+		bulk_delete: a._({ id: "F6YIQe" }),
+		bulk_upload: a._({ id: "2Inn83" }),
+		slo: a._({ id: "cpw++p" }),
+		container_sync: a._({ id: "ezT9KW" }),
+		tempurl: a._({ id: "UO3hJ2" }),
+		symlink: a._({ id: "Q2xmVl" }),
+		versioned_writes: a._({ id: "8jLXs3" })
+	}, l = Object.entries(c).filter(([e]) => s?.[e]).map(([, e]) => e);
+	return /*#__PURE__*/ L(m, {
+		triggerEvent: "hover",
+		placement: "bottom-end",
+		open: i,
+		children: [/*#__PURE__*/ I(e, { children: /*#__PURE__*/ I("span", { children: /*#__PURE__*/ I(v, {
+			icon: "info",
+			size: "20px",
+			className: "text-theme-light hover:text-theme-default cursor-pointer"
+		}) }) }), /*#__PURE__*/ I(t, {
+			className: "z-10 w-72 text-sm",
+			children: /*#__PURE__*/ L("span", {
+				className: "flex flex-col gap-3 p-1",
+				children: [
+					r && /*#__PURE__*/ L(Me, {
+						title: /*#__PURE__*/ I(U, { id: "AeXO77" }),
+						children: [
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "ClGcRq" }),
+								value: r.containerCount.toLocaleString()
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "B3toQF" }),
+								value: r.objectCount.toLocaleString()
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "aL1w5Z" }),
+								value: te(r.bytesUsed)
+							}),
+							r.quotaBytes !== void 0 && /*#__PURE__*/ I(Q, {
+								label: a._({ id: "vEkTR9" }),
+								value: te(r.quotaBytes)
+							})
+						]
+					}),
+					s && /*#__PURE__*/ L(Me, {
+						title: /*#__PURE__*/ I(U, { id: "6BDqha" }),
+						children: [
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "wTg+FY" }),
+								value: s.max_file_size === void 0 ? void 0 : te(s.max_file_size)
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "Rih53k" }),
+								value: s.max_container_name_length
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "qAkkjP" }),
+								value: s.max_object_name_length
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "OZImTR" }),
+								value: s.container_listing_limit?.toLocaleString()
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "a4A2uB" }),
+								value: s.account_listing_limit?.toLocaleString()
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "zWb/Nn" }),
+								value: s.max_header_size
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "RGwfoL" }),
+								value: s.max_meta_count
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "8c3/77" }),
+								value: s.max_meta_name_length
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "5JDSvn" }),
+								value: s.max_meta_value_length
+							}),
+							/*#__PURE__*/ I(Q, {
+								label: a._({ id: "ZAx+d1" }),
+								value: s.max_meta_overall_size
+							}),
+							s.bulk_delete && /*#__PURE__*/ I(Q, {
+								label: a._({ id: "lQ3EIe" }),
+								value: s.bulk_delete.max_deletes_per_request.toLocaleString()
+							}),
+							s.bulk_upload && /*#__PURE__*/ I(Q, {
+								label: a._({ id: "STc+7E" }),
+								value: s.bulk_upload.max_containers_per_extraction.toLocaleString()
+							}),
+							s.slo && /*#__PURE__*/ I(Q, {
+								label: a._({ id: "RNBvdl" }),
+								value: s.slo.max_manifest_segments.toLocaleString()
+							})
+						]
+					}),
+					l.length > 0 && /*#__PURE__*/ I(Me, {
+						title: /*#__PURE__*/ I(U, { id: "Qx7DM7" }),
+						children: l.map((e) => /*#__PURE__*/ I(je, { label: e }, e))
+					})
+				]
+			})
+		})]
+	});
+}, Pe = 20, Fe = "empty", Ie = ({ isOpen: e, containers: t, onClose: n, onComplete: a }) => {
+	let { i18n: s, i18n: c, _: l } = se(), u = ee(), [d, m] = V(null), [h, g] = V(""), _ = h.trim() === Fe, v = j.useUtils(), y = j.storage.swift.emptyContainer.useMutation(), b = () => {
+		y.reset(), m(null), g(""), n();
+	}, x = async () => {
+		let e = 0, n = 0, r = [], i = t.length;
+		for (let a = 0; a < t.length; a++) {
+			m({
+				current: a + 1,
+				total: i
+			});
+			let o = t[a];
+			try {
+				let t = await y.mutateAsync({
+					project_id: u,
+					container: o.name
+				});
+				n += t, e++;
+			} catch (e) {
+				let t = e instanceof Error ? e.message : String(e);
+				r.push(`${o.name}: ${t}`);
+			}
+		}
+		e > 0 && await v.storage.swift.listContainers.invalidate(), a?.({
+			emptiedCount: e,
+			totalDeleted: n,
+			errors: r
+		}), b();
+	};
+	if (!e || t.length === 0) return null;
+	let S = t.length, T = t.slice(0, Pe), D = S - T.length, O = y.isPending || d !== null, k = d?.current, A = d?.total;
+	return /*#__PURE__*/ I(o, {
+		title: /*#__PURE__*/ I(U, {
+			id: "0efWir",
+			values: { totalCount: S }
+		}),
+		open: e,
+		onCancel: b,
+		confirmButtonLabel: O ? s._({ id: "s4Vnq2" }) : s._({ id: "N2S1rs" }),
+		confirmButtonVariant: "primary-danger",
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		onConfirm: x,
+		disableConfirmButton: O || !_,
+		disableCancelButton: O,
+		disableCloseButton: O,
+		size: "small",
+		children: O ? /*#__PURE__*/ L(p, {
+			direction: "vertical",
+			distribution: "center",
+			alignment: "center",
+			gap: "2",
+			className: "py-4",
+			children: [/*#__PURE__*/ I(f, { variant: "primary" }), d && /*#__PURE__*/ I("p", {
+				className: "text-theme-light text-sm",
+				children: /*#__PURE__*/ I(U, {
+					id: "7NSdfG",
+					values: {
+						progressCurrent: k,
+						progressTotal: A
+					}
+				})
+			})]
+		}) : /*#__PURE__*/ L("div", {
+			className: "my-6",
+			children: [
+				/*#__PURE__*/ I(i, {
+					variant: "danger",
+					className: "mb-6",
+					children: /*#__PURE__*/ I(U, { id: "JuOpPY" })
+				}),
+				/*#__PURE__*/ I("p", {
+					className: "text-theme-default mb-6 text-sm",
+					children: /*#__PURE__*/ I(U, {
+						id: "XXjbEV",
+						components: {
+							0: /*#__PURE__*/ I("strong", {}),
+							1: /*#__PURE__*/ I("strong", {})
+						}
+					})
+				}),
+				/*#__PURE__*/ L("div", {
+					className: "mb-6",
+					children: [/*#__PURE__*/ I("h3", {
+						className: "jn:text-theme-high mb-3 font-semibold",
+						children: /*#__PURE__*/ I(U, {
+							id: "VKmlZ+",
+							values: { totalCount: S }
+						})
+					}), /*#__PURE__*/ L("div", {
+						className: "jn:bg-theme-background-lvl-1 max-h-48 overflow-y-auto rounded p-4",
+						children: [/*#__PURE__*/ I(E, {
+							className: "grid-cols-2",
+							alignTerms: "left",
+							children: T.map((e) => {
+								let t = e.count;
+								return /*#__PURE__*/ L(R, { children: [/*#__PURE__*/ I(w, {
+									className: "col-span-1",
+									children: /*#__PURE__*/ I("span", {
+										className: "block truncate",
+										title: e.name,
+										children: e.name
+									})
+								}), /*#__PURE__*/ I(r, {
+									className: "col-span-1",
+									children: /*#__PURE__*/ I("span", {
+										className: "whitespace-nowrap",
+										children: t == null ? "" : c._(s._({
+											id: "7Ocn0b",
+											values: { count: t }
+										}))
+									})
+								})] }, e.name);
+							})
+						}), D > 0 && /*#__PURE__*/ I("p", {
+							className: "text-theme-light mt-2 text-xs",
+							children: /*#__PURE__*/ I(U, {
+								id: "yqPflB",
+								values: { hiddenCount: D }
+							})
+						})]
+					})]
+				}),
+				/*#__PURE__*/ I(C, {
+					label: s._({ id: "Ghp863" }),
+					placeholder: Fe,
+					value: h,
+					onChange: (e) => g(e.target.value)
+				})
+			]
+		})
+	});
+}, Le = () => {
+	let { i18n: e, i18n: t, _: r } = se(), i = ee(), a = H({ from: M.fullPath }), { sortBy: o, sortDirection: s, search: c = "" } = M.useSearch(), [u, d] = V(!1), [m, v] = V(!1), [x, C] = V([]), [w, T] = V(c), E = ae(void 0);
+	B(() => () => clearTimeout(E.current), []), B(() => {
+		T(c);
+	}, [c]);
+	let D = (e) => {
+		let { message: t, ...n } = be(e);
+		b.success(t, n);
+	}, O = (e, t) => {
+		let { message: n, ...r } = xe(e, t);
+		b.error(n, r);
+	}, A = (e, t) => {
+		let { message: n, ...r } = Se(e, t);
+		b.success(n, r);
+	}, N = (e, t) => {
+		let { message: n, ...r } = Ce(e, t);
+		b.error(n, r);
+	}, P = (e) => {
+		let { message: t, ...n } = we(e);
+		b.success(t, n);
+	}, ne = (e, t) => {
+		let { message: n, ...r } = Te(e, t);
+		b.error(n, r);
+	}, R = (e) => {
+		let { message: t, ...n } = Ee(e);
+		b.success(t, n);
+	}, ie = (e, t) => {
+		let { message: n, ...r } = De(e, t);
+		b.error(n, r);
+	}, oe = (e) => {
+		let { message: t, ...n } = Oe(e);
+		b.success(t, n);
+	}, ce = (e, t) => {
+		let { message: n, ...r } = ke(e, t);
+		b.error(n, r);
+	}, W = ({ emptiedCount: e, totalDeleted: t, errors: n }) => {
+		if (n.length === 0) C([]);
+		else {
+			let e = new Set(n.map((e) => e.split(": ")[0]));
+			C((t) => t.filter((t) => e.has(t)));
+		}
+		let { message: r, severity: i, ...a } = Ae(e, t, n);
+		b[i](r, a);
+	}, G = {
+		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: o ?? "name",
+		sortDirection: s ?? "asc"
+	}, { data: le, isLoading: ue, error: de } = j.storage.swift.listContainers.useQuery({
+		project_id: i,
+		format: "json"
+	}), { data: fe } = j.storage.swift.getAccountMetadata.useQuery({ project_id: i }), { data: pe } = j.storage.swift.getServiceInfo.useQuery(), me = (e) => [...e].sort((e, t) => {
+		let n;
+		switch (o ?? "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 (s ?? "asc") === "desc" ? -n : n;
+	}), K = (le || []).filter((e) => e.name.toLowerCase().includes(c.toLowerCase())), q = me(K), he = (e) => {
+		let t = typeof e == "string" ? e : "";
+		z(() => {
+			a({ search: (e) => ({
+				...e,
+				search: t || void 0
+			}) });
+		});
+	}, ge = (e) => {
+		let t = e.sortBy?.toString() || "name", n = e.sortDirection || "asc";
+		z(() => {
+			a({ search: (e) => ({
+				...e,
+				sortBy: t,
+				sortDirection: n
+			}) });
+		});
+	};
+	if (ue) return /*#__PURE__*/ L(p, {
+		className: "absolute inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/*#__PURE__*/ I(f, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /*#__PURE__*/ I(U, { id: "WYiUDa" })]
+	});
+	if (de) {
+		let e = de.message;
+		return /*#__PURE__*/ I(p, {
+			className: "absolute inset-0",
+			distribution: "center",
+			alignment: "center",
+			direction: "vertical",
+			children: /*#__PURE__*/ I(U, {
+				id: "dLFiER",
+				values: { errorMessage: e }
+			})
+		});
+	}
+	let J = fe?.bytesUsed || 0, _e = fe?.quotaBytes || 0, Y = _e > 0 ? _e - J : 0, ve = (le || []).filter((e) => x.includes(e.name)), X = ve.length > 0, Z = ve.length, Q = (le || []).length, je = K.length, Me = je !== Q, Pe = q.map((e) => e.name), Fe = Pe.length > 0 && Pe.every((e) => x.includes(e)), Le = Pe.some((e) => x.includes(e));
+	return /*#__PURE__*/ L("div", {
+		className: "relative",
+		children: [
+			/*#__PURE__*/ L(p, {
+				direction: "vertical",
+				children: [
+					/*#__PURE__*/ L(p, {
+						distribution: "end",
+						alignment: "center",
+						gap: "2",
+						className: "pb-2",
+						children: [/*#__PURE__*/ I(p, {
+							gap: "0.5",
+							alignment: "center",
+							children: /*#__PURE__*/ I(F, {
+								options: G.options,
+								sortBy: G.sortBy,
+								sortDirection: G.sortDirection ?? "asc",
+								selectClassName: "min-w-40",
+								onSortByChange: (e) => ge({
+									...G,
+									sortBy: e,
+									sortDirection: G.sortDirection
+								}),
+								onSortDirectionChange: (e) => ge({
+									...G,
+									sortDirection: e
+								})
+							})
+						}), /*#__PURE__*/ I(h, {
+							variant: "primary",
+							className: "whitespace-nowrap",
+							onClick: () => d(!0),
+							children: /*#__PURE__*/ I(U, { id: "vTh35P" })
+						})]
+					}),
+					/*#__PURE__*/ I(S, { children: /*#__PURE__*/ I(p, {
+						direction: "vertical",
+						gap: "2",
+						children: /*#__PURE__*/ I(p, {
+							distribution: "end",
+							alignment: "center",
+							children: /*#__PURE__*/ I(n, {
+								placeholder: e._({ id: "TipzDp" }),
+								"data-testid": "searchbar",
+								value: w,
+								onInput: (e) => {
+									let t = e.currentTarget.value;
+									T(t), clearTimeout(E.current), E.current = window.setTimeout(() => he(t), 500);
+								},
+								onSearch: (e) => {
+									clearTimeout(E.current), he(typeof e == "string" ? e : "");
+								},
+								onClear: () => {
+									clearTimeout(E.current), T(""), he("");
+								}
+							})
+						})
+					}) }),
+					/*#__PURE__*/ I(S, { children: /*#__PURE__*/ L(p, {
+						distribution: "start",
+						gap: "2",
+						alignment: "center",
+						className: "text-sm",
+						children: [/*#__PURE__*/ L(p, {
+							gap: "2",
+							alignment: "center",
+							children: [/*#__PURE__*/ I(g, {
+								checked: Fe,
+								indeterminate: Le && !Fe,
+								onChange: () => {
+									C(Fe ? (e) => e.filter((e) => !Pe.includes(e)) : (e) => [.../* @__PURE__ */ new Set([...e, ...Pe])]);
+								}
+							}), /*#__PURE__*/ L(l, {
+								className: "flex items-center",
+								children: [/*#__PURE__*/ I(_, {
+									as: "div",
+									children: /*#__PURE__*/ I(h, {
+										disabled: !X,
+										size: "small",
+										icon: "moreVert",
+										label: e._({ id: "7L01XJ" })
+									})
+								}), X && /*#__PURE__*/ I(y, { children: /*#__PURE__*/ I(k, {
+									disabled: !X,
+									label: t._(e._({
+										id: "0Th0CH",
+										values: { selectedCount: Z }
+									})),
+									onClick: () => v(!0)
+								}) })]
+							})]
+						}), /*#__PURE__*/ L("div", {
+							className: "text-theme-light ml-auto flex items-center gap-1",
+							"data-testid": "containers-info-block",
+							children: [
+								Me ? /*#__PURE__*/ I(U, {
+									id: "8uPTwT",
+									values: {
+										filteredCount: je,
+										totalCount: Q
+									}
+								}) : /*#__PURE__*/ I(U, {
+									id: "ywe1H/",
+									values: { totalCount: Q }
+								}),
+								_e > 0 && /*#__PURE__*/ L(re, { children: [/*#__PURE__*/ I("span", { children: "," }), /*#__PURE__*/ L("span", { children: [
+									/*#__PURE__*/ I(U, { id: "kKK8AH" }),
+									" ",
+									/*#__PURE__*/ I("span", {
+										className: "text-theme-default font-semibold",
+										children: te(Y)
+									})
+								] })] }),
+								/*#__PURE__*/ I(Ne, {
+									serviceInfo: pe,
+									accountInfo: fe
+								})
+							]
+						})]
+					}) })
+				]
+			}),
+			/*#__PURE__*/ I(ye, {
+				containers: q,
+				createModalOpen: u,
+				setCreateModalOpen: d,
+				maxContainerNameLength: pe?.swift?.max_container_name_length,
+				onCreateSuccess: D,
+				onCreateError: O,
+				onEmptySuccess: A,
+				onEmptyError: N,
+				onDeleteSuccess: P,
+				onDeleteError: ne,
+				onPropertiesSuccess: R,
+				onPropertiesError: ie,
+				onAclSuccess: oe,
+				onAclError: ce,
+				selectedContainers: x,
+				setSelectedContainers: C,
+				hasAnyBulkAction: !0
+			}),
+			/*#__PURE__*/ I(Ie, {
+				isOpen: m,
+				containers: ve,
+				onClose: () => v(!1),
+				onComplete: W
+			})
+		]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/storage/$provider/$storageType/index.tsx?tsr-split=component
+function Re() {
+	let { project: e, provider: t } = oe({
+		from: "/_auth/projects/$projectId/storage/$provider/$storageType/",
+		select: (e) => ({
+			project: e.projectId,
+			provider: e.provider,
+			storageType: e.storageType
+		})
+	}), { i18n: n, _: r } = se(), i;
+	switch (t) {
+		case "swift":
+			i = n._({ id: "+OEi73" });
+			break;
+		case "ceph":
+			i = n._({ id: "KhNDX4" });
+			break;
+		default: i = n._({ id: "IWF68U" });
+	}
+	return /*#__PURE__*/ L("div", { children: [/*#__PURE__*/ I(ne, {
+		title: i,
+		projectId: e
+	}), e ? /*#__PURE__*/ I(ce, {
+		resetKeys: [e, t],
+		fallback: /*#__PURE__*/ I("div", {
+			className: "p-4 text-center",
+			children: /*#__PURE__*/ I(U, { id: "diFNkW" })
+		}),
+		children: (() => {
+			switch (t) {
+				case "swift": return /*#__PURE__*/ I(Le, {});
+				case "ceph": return /*#__PURE__*/ I(N, {});
+				default: return /*#__PURE__*/ I("div", { children: "Storage Overview Page" });
+			}
+		})()
+	}) : /*#__PURE__*/ I("div", {
+		className: "p-4 text-center",
+		children: /*#__PURE__*/ I(U, { id: "Z2fZGD" })
+	})] });
+}
+var ze = () => /*#__PURE__*/ I(Re, {});
+//#endregion
+export { ze as component };
+
+//# sourceMappingURL=_storageType-BmqrU06i.mjs.map