@cobaltcore-dev/aurora 1.3.0 → 2.0.0

package/dist/client/flavors-Bgq3KZmx.mjs

@@ -0,0 +1,659 @@
+import { C as e, D as t, L as n, Q as r, S as i, T as a, V as o, X as s, ft as c, g as l, h as u, i as d, l as f, m as p, o as m, ot as h, p as g, r as _, rt as v, st as y, t as b, x } from "./build-WuxXRAqf.mjs";
+import { t as S } from "./flavors-ZudiAiTU.mjs";
+import { t as C } from "./SortInput-4g7nSTHW.mjs";
+import { t as w } from "./ContentHeader-CPJbgYWn.mjs";
+import { a as T, i as E, n as D, o as O, r as k, t as A } from "./DeleteFlavorModal-C2MqUgGR.mjs";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Suspense as P, startTransition as F, use as I, useCallback as L, useEffect as R, useRef as z, useState as B } from "react";
+import { useNavigate as V, useParams as H, useSearch as U } from "@tanstack/react-router";
+import { TRPCClientError as W } from "@trpc/client";
+import { Trans as G, useLingui as K } from "@lingui/react";
+import { ErrorBoundary as q } from "react-error-boundary";
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorListContainer.tsx
+var J = ({ flavors: e, isLoading: n, client: r, project: s, onFlavorDeleted: c, canDeleteFlavor: u, canMangageAccess: d, canManageSpecs: f, currentPage: p = 1, totalPages: h = 1, onPageChange: g }) => {
+	let { i18n: y, _: S } = K(), C = V(), [w, E] = B(!1), [O, k] = B(!1), [P, F] = B(!1), [I, L] = B(null), [z, U] = B(p.toString());
+	R(() => {
+		U(p.toString());
+	}, [p]);
+	let { projectId: W } = H({ from: "/_auth/projects/$projectId/compute/flavors/" }), q = (e) => {
+		L(e), E(!0);
+	}, J = (e) => {
+		L(e), k(!0);
+	}, Y = (e) => {
+		L(e), F(!0);
+	}, X = () => {
+		E(!1), L(null);
+	}, Z = () => {
+		I && c && c(I.name || ""), X();
+	}, Q = (e) => {
+		e >= 1 && e <= h && (g?.(e), U(e.toString()));
+	};
+	return n ? /*#__PURE__*/ M(v, {
+		status: "progress",
+		title: y._({ id: "Z3FXyt" })
+	}) : /*#__PURE__*/ N(j, { children: [
+		/*#__PURE__*/ N(m, {
+			columns: 7,
+			minContentColumns: [6],
+			className: "flavors",
+			"data-testid": "flavors-table",
+			children: [/*#__PURE__*/ N(a, { children: [
+				/*#__PURE__*/ M(i, { children: /*#__PURE__*/ M(G, { id: "6YtxFj" }) }),
+				/*#__PURE__*/ M(i, { children: /*#__PURE__*/ M(G, { id: "k5nYwm" }) }),
+				/*#__PURE__*/ M(i, { children: /*#__PURE__*/ M(G, { id: "K+e/0e" }) }),
+				/*#__PURE__*/ M(i, { children: /*#__PURE__*/ M(G, { id: "n0ZttO" }) }),
+				/*#__PURE__*/ M(i, { children: /*#__PURE__*/ M(G, { id: "p4nMut" }) }),
+				/*#__PURE__*/ M(i, { children: /*#__PURE__*/ M(G, { id: "HyyJ83" }) }),
+				/*#__PURE__*/ M(i, {})
+			] }), e && e.length > 0 ? e.map((e) => /*#__PURE__*/ N(a, {
+				"data-testid": `flavor-row-${e.id}`,
+				onClick: () => C({
+					to: "/projects/$projectId/compute/flavors/$flavorId",
+					params: {
+						projectId: W,
+						flavorId: e.id
+					}
+				}),
+				children: [
+					/*#__PURE__*/ M(b, { children: e.name || e.id }),
+					/*#__PURE__*/ M(b, { children: e.vcpus || "–" }),
+					/*#__PURE__*/ M(b, { children: e.ram || "–" }),
+					/*#__PURE__*/ M(b, { children: e.disk || "–" }),
+					/*#__PURE__*/ M(b, { children: e.swap || "–" }),
+					/*#__PURE__*/ M(b, { children: e["os-flavor-access:is_public"] === !1 ? y._({ id: "zwBp5t" }) : y._({ id: "7d1a0d" }) }),
+					/*#__PURE__*/ M(b, {
+						onClick: (e) => e.stopPropagation(),
+						children: /*#__PURE__*/ M(t, { children: /*#__PURE__*/ N(l, { children: [
+							f && /*#__PURE__*/ M(x, {
+								label: y._({ id: "SIfYq6" }),
+								onClick: () => J(e)
+							}),
+							d && e["os-flavor-access:is_public"] === !1 && /*#__PURE__*/ M(x, {
+								label: y._({ id: "cWbW6w" }),
+								onClick: () => Y(e)
+							}),
+							/*#__PURE__*/ M(x, {
+								label: y._({ id: "v0hPHE" }),
+								onClick: () => C({
+									to: "/projects/$projectId/compute/flavors/$flavorId",
+									params: {
+										projectId: W,
+										flavorId: e.id
+									}
+								})
+							}),
+							u && /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(_, {}), /*#__PURE__*/ M(x, {
+								label: y._({ id: "JT3I1g" }),
+								onClick: () => q(e)
+							})] })
+						] }) })
+					})
+				]
+			}, e.id)) : /*#__PURE__*/ M(a, { children: /*#__PURE__*/ M(b, {
+				colSpan: 7,
+				children: /*#__PURE__*/ M(v, {
+					status: "empty",
+					title: y._({ id: "PiyQJ/" }),
+					body: y._({ id: "KSW/GC" })
+				})
+			}) })]
+		}),
+		h > 1 && /*#__PURE__*/ M("div", {
+			className: "flex justify-center py-4",
+			children: /*#__PURE__*/ M(o, {
+				variant: "input",
+				currentPage: p,
+				pages: h,
+				onPressPrevious: () => Q(Math.max(p - 1, 1)),
+				onPressNext: () => Q(Math.min(p + 1, h)),
+				onSelectChange: (e) => {
+					Q(e);
+				},
+				onInputChange: (e) => {
+					U(e === void 0 ? "" : String(e));
+				},
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && z !== "") {
+						let e = parseInt(z, 10);
+						!isNaN(e) && e >= 1 && e <= h && Q(e);
+					}
+				}
+			})
+		}),
+		/*#__PURE__*/ M(A, {
+			client: r,
+			isOpen: w,
+			onClose: X,
+			project: s,
+			flavor: I,
+			onSuccess: Z
+		}),
+		/*#__PURE__*/ M(T, {
+			client: r,
+			isOpen: O,
+			onClose: () => k(!1),
+			project: s,
+			flavor: I
+		}),
+		/*#__PURE__*/ M(D, {
+			client: r,
+			isOpen: P,
+			onClose: () => F(!1),
+			project: s,
+			flavor: I
+		})
+	] });
+}, Y = (e, t, n) => {
+	switch (e) {
+		case "id":
+			if (!t) return;
+			{
+				let e = String(t).trim();
+				return /^[a-zA-Z0-9.\-_]*$/.test(e) ? void 0 : n({ id: "AX9Juz" });
+			}
+		case "name": {
+			let e = String(t || "").trim();
+			return e.length >= 2 && e.length <= 50 ? void 0 : n({ id: "zDS0JC" });
+		}
+		case "vcpus": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 1 ? void 0 : n({ id: "uSdnuQ" });
+		}
+		case "ram": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 128 ? void 0 : n({ id: "g1IxCo" });
+		}
+		case "disk": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 0 ? void 0 : n({ id: "AJRhSM" });
+		}
+		case "swap":
+			if (t === "" || t == null) return;
+			{
+				let e = Number(t);
+				return !isNaN(e) && e >= 0 ? void 0 : n({ id: "g3BSCe" });
+			}
+		case "rxtx_factor": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 1 ? void 0 : n({ id: "PIbPRX" });
+		}
+		case "description": return t ? String(t).length < 65535 ? void 0 : n({ id: "uuKb0T" }) : void 0;
+		case "OS-FLV-EXT-DATA:ephemeral": {
+			let e = Number(t);
+			return !isNaN(e) && e >= 0 ? void 0 : n({ id: "tLerHy" });
+		}
+		case "os-flavor-access:is_public": return t == null || typeof t == "boolean" || typeof t == "string" && (t === "true" || t === "false") ? void 0 : n({ id: "MmtQVF" });
+		default: return;
+	}
+}, X = (e) => {
+	let t = {
+		name: String(e.name),
+		vcpus: Number(e.vcpus),
+		ram: Number(e.ram),
+		disk: Number(e.disk)
+	}, n = (e) => e != null && e !== "" && String(e).trim() !== "", r = (e) => e != null && e !== "" && String(e).trim() !== "" && !isNaN(Number(e));
+	return n(e.id) && (t.id = String(e.id).trim()), n(e.description) && (t.description = String(e.description).trim()), r(e.swap) && (t.swap = Number(e.swap)), r(e.rxtx_factor) && (t.rxtx_factor = Number(e.rxtx_factor)), r(e["OS-FLV-EXT-DATA:ephemeral"]) && (t["OS-FLV-EXT-DATA:ephemeral"] = Number(e["OS-FLV-EXT-DATA:ephemeral"])), e["os-flavor-access:is_public"] !== void 0 && (t["os-flavor-access:is_public"] = !!e["os-flavor-access:is_public"]), t;
+}, Z = ({ client: e, isOpen: t, onClose: r, project: i, onSuccess: a }) => {
+	let { i18n: o, _: l } = K(), { translateError: d } = O(), [f, m] = B({ "os-flavor-access:is_public": !0 }), [h, _] = B({}), [b, x] = B(!1), [S, C] = B(null), w = (e) => {
+		let { name: t, value: n, type: r, checked: i } = e.target;
+		m((e) => ({
+			...e,
+			[t]: r === "checkbox" ? i : n
+		})), _((e) => ({
+			...e,
+			[t]: void 0
+		})), S && C(null);
+	}, T = (e, t) => {
+		m((n) => ({
+			...n,
+			[e]: t
+		})), _((t) => ({
+			...t,
+			[e]: void 0
+		})), S && C(null);
+	}, E = (e) => {
+		let { name: t, value: n } = e.target, r = Y(t, n, l);
+		_((e) => ({
+			...e,
+			[t]: r
+		}));
+	}, D = async (t) => {
+		t.preventDefault(), C(null);
+		let n = {};
+		if ([
+			"name",
+			"vcpus",
+			"ram",
+			"disk"
+		].forEach((e) => {
+			let t = Y(e, f[e], l);
+			t && (n[e] = t);
+		}), [
+			"id",
+			"swap",
+			"OS-FLV-EXT-DATA:ephemeral",
+			"rxtx_factor",
+			"description",
+			"os-flavor-access:is_public"
+		].forEach((e) => {
+			let t = f[e];
+			if (t !== void 0 && t !== "" && t !== null) {
+				let r = Y(e, t, l);
+				r && (n[e] = r);
+			}
+		}), Object.keys(n).length > 0) {
+			_(n), C(o._({ id: "CBFSfX" }));
+			return;
+		}
+		try {
+			x(!0);
+			let t = X(f);
+			await e.compute.createFlavor.mutate({
+				project_id: i,
+				flavor: t
+			}), a(t.name), k();
+		} catch (e) {
+			let t = e?.message ? d(e.message) : o._({ id: "OxDN2m" });
+			C(t);
+		} finally {
+			x(!1);
+		}
+	}, k = () => {
+		m({ "os-flavor-access:is_public": !0 }), _({}), C(null), r();
+	};
+	return /*#__PURE__*/ N(s, {
+		onCancel: k,
+		size: "large",
+		title: o._({ id: "Rlp5zj" }),
+		open: t,
+		onConfirm: D,
+		cancelButtonLabel: o._({ id: "dEgA5A" }),
+		confirmButtonLabel: o._({ id: "wEfZld" }),
+		disableConfirmButton: !(() => {
+			for (let e of [
+				"name",
+				"vcpus",
+				"ram",
+				"disk"
+			]) {
+				let t = f[e];
+				if (t === void 0 || t === "" || t === null || Y(e, t, l)) return !1;
+			}
+			for (let e of [
+				"id",
+				"swap",
+				"OS-FLV-EXT-DATA:ephemeral",
+				"rxtx_factor",
+				"description"
+			]) {
+				let t = f[e];
+				if (t !== void 0 && t !== "" && t !== null && Y(e, t, l)) return !1;
+			}
+			return !0;
+		})() || b,
+		disableCancelButton: b,
+		disableCloseButton: b,
+		children: [b && /*#__PURE__*/ M(v, {
+			status: "progress",
+			title: o._({ id: "XgBuun" }),
+			className: "mt-0"
+		}), !b && /*#__PURE__*/ N(c, { children: [
+			S && /*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(n, {
+				onDismiss: () => {
+					C(null);
+				},
+				text: S,
+				variant: "error"
+			}) }),
+			/*#__PURE__*/ N(g, {
+				title: o._({ id: "JlSgnX" }),
+				children: [
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "id",
+						name: "id",
+						label: o._({ id: "s2ubkU" }),
+						value: f.id || "",
+						onChange: w,
+						onBlur: E,
+						errortext: h.id,
+						helptext: o._({ id: "hv2CnP" })
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "name",
+						name: "name",
+						label: o._({ id: "lWxDDh" }),
+						value: f.name || "",
+						onChange: w,
+						onBlur: E,
+						errortext: h.name,
+						helptext: o._({ id: "nq24is" }),
+						required: !0
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "description",
+						name: "description",
+						label: o._({ id: "Nu4oKW" }),
+						value: f.description || "",
+						onChange: w,
+						onBlur: E,
+						errortext: h.description
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(y, {
+						name: "os-flavor-access:is_public",
+						label: o._({ id: "vbajgL" }),
+						helptext: o._({ id: "Y8TptA" }),
+						checked: !!f["os-flavor-access:is_public"],
+						onChange: w
+					}) })
+				]
+			}),
+			/*#__PURE__*/ N(g, {
+				title: o._({ id: "qQ1QBh" }),
+				children: [
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "vcpus",
+						name: "vcpus",
+						label: o._({ id: "k5nYwm" }),
+						value: String(f.vcpus || ""),
+						onChange: (e) => T("vcpus", Number(e.target.value)),
+						onBlur: E,
+						errortext: h.vcpus,
+						type: "number",
+						required: !0
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "ram",
+						name: "ram",
+						label: o._({ id: "K+e/0e" }),
+						value: String(f.ram || ""),
+						onChange: (e) => T("ram", Number(e.target.value)),
+						onBlur: E,
+						errortext: h.ram,
+						helptext: o._({ id: "9DrU1K" }),
+						type: "number",
+						required: !0
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "disk",
+						name: "disk",
+						label: o._({ id: "n0ZttO" }),
+						value: String(f.disk || ""),
+						onChange: (e) => T("disk", Number(e.target.value)),
+						onBlur: E,
+						errortext: h.disk,
+						type: "number",
+						required: !0
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "OS-FLV-EXT-DATA:ephemeral",
+						name: "OS-FLV-EXT-DATA:ephemeral",
+						label: o._({ id: "X2OnDx" }),
+						value: String(f["OS-FLV-EXT-DATA:ephemeral"] || ""),
+						onChange: (e) => T("OS-FLV-EXT-DATA:ephemeral", Number(e.target.value)),
+						onBlur: E,
+						errortext: h["OS-FLV-EXT-DATA:ephemeral"],
+						type: "number"
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "swap",
+						name: "swap",
+						label: o._({ id: "p4nMut" }),
+						value: String(f.swap || ""),
+						onChange: (e) => T("swap", e.target.value ? Number(e.target.value) : void 0),
+						onBlur: E,
+						errortext: h.swap,
+						type: "number"
+					}) }),
+					/*#__PURE__*/ M(u, { children: /*#__PURE__*/ M(p, {
+						id: "rxtx_factor",
+						name: "rxtx_factor",
+						label: o._({ id: "u5HztT" }),
+						defaultValue: 1,
+						value: String(f.rxtx_factor || ""),
+						onChange: (e) => T("rxtx_factor", Number(e.target.value)),
+						onBlur: E,
+						errortext: h.rxtx_factor,
+						helptext: o._({ id: "IVw5fS" }),
+						type: "number"
+					}) })
+				]
+			})
+		] })]
+	});
+}, Q = 50, $ = (e, t, n, r, i) => e.compute.getFlavorsByProjectId.query({
+	project_id: t,
+	sortBy: n,
+	sortDirection: r,
+	searchTerm: i
+}).then((e) => ({
+	...e,
+	listError: void 0
+})).catch((e) => {
+	if (e instanceof W && e.data?.code === "FORBIDDEN") return {
+		flavors: [],
+		privateFlavorError: void 0,
+		listError: e.message
+	};
+	throw e;
+}), ee = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: [
+		"flavors:create",
+		"flavors:delete",
+		"flavors:add_project",
+		"flavors:remove_project",
+		"flavor_specs:create",
+		"flavor_specs:delete"
+	]
+}).then(([e, t, n, r, i, a]) => ({
+	canCreate: e,
+	canDelete: t,
+	canManageAccess: n || r,
+	canManageSpecs: i || a
+}));
+function te({ flavorsPromise: t, permissionsPromise: i, client: a, project: o, onFlavorDeleted: s, onFlavorCreated: c, searchTerm: l, setSearchTerm: u, sortSettings: p, handleSortChange: m, createModalOpen: h, setCreateModalOpen: g, currentPage: _, onPageChange: v }) {
+	let { i18n: y, _: b } = K(), { flavors: x, privateFlavorError: S, listError: w } = I(t), T = I(i), [E, D] = B(l), O = z(void 0);
+	if (R(() => () => clearTimeout(O.current), []), w) return /*#__PURE__*/ M("p", { children: w });
+	let k = Math.max(1, Math.ceil(x.length / Q)), A = Math.min(_, k), P = x.slice((A - 1) * Q, A * Q);
+	return R(() => {
+		_ > k && v(1);
+	}, [
+		k,
+		_,
+		v
+	]), /*#__PURE__*/ N(j, { children: [
+		/*#__PURE__*/ M(Z, {
+			client: a,
+			isOpen: h,
+			project: o,
+			onClose: () => g(!1),
+			onSuccess: c
+		}),
+		S && /*#__PURE__*/ M(n, {
+			className: "mb-4",
+			text: y._({ id: "3oc18/" }),
+			variant: "warning"
+		}),
+		/*#__PURE__*/ M(r, {
+			distribution: "end",
+			alignment: "center",
+			gap: "2",
+			className: "pb-2",
+			children: /*#__PURE__*/ N(r, {
+				gap: "2",
+				children: [/*#__PURE__*/ M(C, {
+					options: p.options,
+					sortBy: p.sortBy,
+					sortDirection: p.sortDirection ?? "asc",
+					selectClassName: "min-w-45",
+					selectWidth: "auto",
+					onSortByChange: (e) => m({
+						...p,
+						sortBy: e,
+						sortDirection: p.sortDirection
+					}),
+					onSortDirectionChange: (e) => m({
+						...p,
+						sortDirection: e
+					})
+				}), T.canCreate && /*#__PURE__*/ M(d, {
+					variant: "primary",
+					label: y._({ id: "Rlp5zj" }),
+					onClick: () => g(!0)
+				})]
+			})
+		}),
+		/*#__PURE__*/ M(f, { children: /*#__PURE__*/ M(r, {
+			distribution: "end",
+			alignment: "center",
+			children: /*#__PURE__*/ M(e, {
+				placeholder: y._({ id: "U0sPCo" }),
+				"data-testid": "searchbar",
+				value: E,
+				onInput: (e) => {
+					let t = e.currentTarget.value;
+					D(t), clearTimeout(O.current), O.current = window.setTimeout(() => u(t), 500);
+				},
+				onSearch: (e) => {
+					clearTimeout(O.current), u(typeof e == "string" ? e : "");
+				},
+				onClear: () => {
+					clearTimeout(O.current), D(""), u("");
+				}
+			})
+		}) }),
+		/*#__PURE__*/ M(J, {
+			flavors: P,
+			isLoading: !1,
+			client: a,
+			project: o,
+			onFlavorDeleted: s,
+			canDeleteFlavor: T.canDelete,
+			canMangageAccess: T.canManageAccess,
+			canManageSpecs: T.canManageSpecs,
+			currentPage: A,
+			totalPages: k,
+			onPageChange: v
+		})
+	] });
+}
+var ne = ({ client: e, project: t }) => {
+	let { i18n: n, _: r } = K(), i = V(), a = U({ strict: !1 }), [o, s] = B({
+		options: [
+			{
+				label: n._({ id: "6YtxFj" }),
+				value: "name"
+			},
+			{
+				label: n._({ id: "k5nYwm" }),
+				value: "vcpus"
+			},
+			{
+				label: n._({ id: "K+e/0e" }),
+				value: "ram"
+			},
+			{
+				label: n._({ id: "n0ZttO" }),
+				value: "disk"
+			},
+			{
+				label: n._({ id: "p4nMut" }),
+				value: "swap"
+			}
+		],
+		sortBy: a.sortBy || "name",
+		sortDirection: a.sortDirection || "asc"
+	}), [c, l] = B(a.search || ""), u = a.page ?? 1, [d, f] = B(!1), [p, m] = B(() => $(e, t, o.sortBy, o.sortDirection, c)), [g] = B(() => ee(e, t)), _ = () => {
+		F(() => {
+			m($(e, t, o.sortBy, o.sortDirection, c));
+		});
+	}, y = (e) => {
+		let { message: t, ...n } = E(e);
+		h.success(t, n), _();
+	}, b = (e) => {
+		let { message: t, ...n } = k(e);
+		h.success(t, n), _();
+	}, x = (n) => {
+		let r = {
+			options: n.options,
+			sortBy: n.sortBy?.toString() || "name",
+			sortDirection: n.sortDirection || "asc"
+		};
+		s(r), i({
+			search: (e) => ({
+				...e,
+				sortBy: r.sortBy,
+				sortDirection: r.sortDirection,
+				page: void 0
+			}),
+			replace: !0
+		}), F(() => {
+			m($(e, t, r.sortBy, r.sortDirection, c));
+		});
+	}, S = (n) => {
+		let r = typeof n == "string" ? n : "";
+		l(r), i({
+			search: (e) => ({
+				...e,
+				search: r || void 0,
+				page: void 0
+			}),
+			replace: !0
+		}), F(() => {
+			m($(e, t, o.sortBy, o.sortDirection, r));
+		});
+	}, C = L((e) => {
+		i({ search: (t) => ({
+			...t,
+			page: e === 1 ? void 0 : e
+		}) });
+	}, [i]);
+	return /*#__PURE__*/ M("div", {
+		className: "relative",
+		children: /*#__PURE__*/ M(q, {
+			fallbackRender: ({ error: e }) => /*#__PURE__*/ M(v, {
+				status: "error",
+				title: n._({ id: "ZllCCx" }),
+				body: e instanceof Error ? e.message : n._({ id: "W5A0Ly" })
+			}),
+			children: /*#__PURE__*/ M(P, {
+				fallback: /*#__PURE__*/ M(v, {
+					status: "progress",
+					title: n._({ id: "EqSPkP" })
+				}),
+				children: /*#__PURE__*/ M(te, {
+					flavorsPromise: p,
+					permissionsPromise: g,
+					client: e,
+					project: t,
+					onFlavorDeleted: y,
+					onFlavorCreated: b,
+					searchTerm: c,
+					setSearchTerm: S,
+					sortSettings: o,
+					handleSortChange: x,
+					createModalOpen: d,
+					setCreateModalOpen: f,
+					currentPage: u,
+					onPageChange: C
+				})
+			})
+		})
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx?tsr-split=component
+function re() {
+	let { i18n: e, _: t } = K(), { projectId: n } = S.useParams(), { trpcClient: r } = S.useRouteContext();
+	return /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(w, {
+		title: e._({ id: "neiJm0" }),
+		projectId: n
+	}), /*#__PURE__*/ M(ne, {
+		project: n,
+		client: r
+	})] });
+}
+//#endregion
+export { re as component };
+
+//# sourceMappingURL=flavors-Bgq3KZmx.mjs.map