@cobaltcore-dev/aurora 0.23.1 → 1.1.0

package/dist/client/{flavors-BfTXqmoD.mjs → flavors-DY-bDc8l.mjs}

@@ -1,8 +1,8 @@
-import { A as e, B as t, C as n, E as r, G as i, H as a, K as o, P as s, R as c, U as l, Y as u, at as d, c as f, ct as p, lt as m, n as h, o as g, r as _, rt as v, tt as y, y as b } from "./build-CRLQyqu2.mjs";
-import { t as x } from "./flavors-Dy-2mRGv.mjs";
-import { t as S } from "./ContentHeader-9KZdhOoA.mjs";
-import { i as C, n as w, r as T, t as E } from "./DeleteFlavorModal-Be2qZo4w.mjs";
-import { t as D } from "./SortInput-D_q_jDfe.mjs";
+import { C as e, F as t, J as n, O as r, S as i, T as a, W as o, X as s, a as c, at as l, g as u, h as d, l as f, m as p, nt as m, o as h, p as g, t as _, ut as v, x as y, z as b } from "./build-C_4vRMCq.mjs";
+import { t as x } from "./flavors-CiHCYrtZ.mjs";
+import { t as S } from "./SortInput-Cqs2poV3.mjs";
+import { t as C } from "./ContentHeader-BHMUzd9H.mjs";
+import { i as w, n as T, r as E, t as D } from "./DeleteFlavorModal-BP83t9zX.mjs";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { Suspense as j, startTransition as M, use as N, useCallback as P, useEffect as F, useRef as I, useState as L } from "react";
 import { useNavigate as R, useParams as ee, useSearch as z } from "@tanstack/react-router";
@@ -10,11 +10,11 @@ import { TRPCClientError as B } from "@trpc/client";
 import { Trans as V, useLingui as H } from "@lingui/react";
 import { ErrorBoundary as U } from "react-error-boundary";
 //#region src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/FlavorListContainer.tsx
-var W = ({ flavors: t, isLoading: a, client: l, project: f, onFlavorDeleted: p, canDeleteFlavor: m, canMangageAccess: h, canManageSpecs: g, canListSpecs: _, currentPage: b = 1, totalPages: x = 1, onPageChange: S }) => {
-	let { i18n: C, _: D } = H(), j = R(), [M, N] = L(!1), [P, I] = L(!1), [z, B] = L(!1), [U, W] = L(null), [G, K] = L(b.toString());
+var W = ({ flavors: e, isLoading: t, client: n, project: c, onFlavorDeleted: l, canDeleteFlavor: d, canMangageAccess: f, canManageSpecs: p, canListSpecs: g, currentPage: v = 1, totalPages: x = 1, onPageChange: S }) => {
+	let { i18n: C, _: w } = H(), j = R(), [M, N] = L(!1), [P, I] = L(!1), [z, B] = L(!1), [U, W] = L(null), [G, K] = L(v.toString());
 	F(() => {
-		K(b.toString());
-	}, [b]);
+		K(v.toString());
+	}, [v]);
 	let { projectId: q } = ee({ from: "/_auth/projects/$projectId/compute/flavors/" }), J = (e) => {
 		W(e), N(!0);
 	}, Y = (e) => {
@@ -24,100 +24,100 @@ var W = ({ flavors: t, isLoading: a, client: l, project: f, onFlavorDeleted: p,
 	}, Z = () => {
 		N(!1), W(null);
 	}, Q = () => {
-		U && p && p(U.name || ""), Z();
+		U && l && l(U.name || ""), Z();
 	}, $ = (e) => {
 		e >= 1 && e <= x && (S?.(e), K(e.toString()));
 	};
-	return a ? /*#__PURE__*/ k("div", {
+	return t ? /*#__PURE__*/ k("div", {
 		"data-testid": "loading",
 		children: /*#__PURE__*/ k("div", {
 			"data-testid": "loading",
-			children: /*#__PURE__*/ k(r, { children: /*#__PURE__*/ k(i, {
+			children: /*#__PURE__*/ k(a, { children: /*#__PURE__*/ k(_, {
 				colSpan: 3,
-				children: /*#__PURE__*/ A(y, {
+				children: /*#__PURE__*/ A(s, {
 					distribution: "center",
 					alignment: "center",
 					children: [/*#__PURE__*/ k(o, { variant: "primary" }), /*#__PURE__*/ k(V, { id: "Z3FXyt" })]
 				})
 			}) })
 		})
-	}) : !t || t.length === 0 ? /*#__PURE__*/ k(s, {
+	}) : !e || e.length === 0 ? /*#__PURE__*/ k(h, {
 		columns: 7,
 		className: "flavors",
 		"data-testid": "no-flavors",
-		children: /*#__PURE__*/ k(r, { children: /*#__PURE__*/ A(i, {
+		children: /*#__PURE__*/ k(a, { children: /*#__PURE__*/ A(_, {
 			colSpan: 7,
-			children: [/*#__PURE__*/ k(u, { children: /*#__PURE__*/ k(V, { id: "PiyQJ/" }) }), /*#__PURE__*/ k("p", { children: /*#__PURE__*/ k(V, { id: "KSW/GC" }) })]
+			children: [/*#__PURE__*/ k(m, { children: /*#__PURE__*/ k(V, { id: "PiyQJ/" }) }), /*#__PURE__*/ k("p", { children: /*#__PURE__*/ k(V, { id: "KSW/GC" }) })]
 		}) })
 	}) : /*#__PURE__*/ A(O, { children: [
-		/*#__PURE__*/ A(s, {
+		/*#__PURE__*/ A(h, {
 			columns: 7,
 			minContentColumns: [6],
 			className: "flavors",
 			"data-testid": "flavors-table",
-			children: [/*#__PURE__*/ A(r, { children: [
-				/*#__PURE__*/ k(c, { children: /*#__PURE__*/ k(V, { id: "6YtxFj" }) }),
-				/*#__PURE__*/ k(c, { children: /*#__PURE__*/ k(V, { id: "k5nYwm" }) }),
-				/*#__PURE__*/ k(c, { children: /*#__PURE__*/ k(V, { id: "K+e/0e" }) }),
-				/*#__PURE__*/ k(c, { children: /*#__PURE__*/ k(V, { id: "n0ZttO" }) }),
-				/*#__PURE__*/ k(c, { children: /*#__PURE__*/ k(V, { id: "p4nMut" }) }),
-				/*#__PURE__*/ k(c, { children: /*#__PURE__*/ k(V, { id: "HyyJ83" }) }),
-				/*#__PURE__*/ k(c, {})
-			] }), t.map((t) => /*#__PURE__*/ A(r, {
-				"data-testid": `flavor-row-${t.id}`,
+			children: [/*#__PURE__*/ A(a, { children: [
+				/*#__PURE__*/ k(i, { children: /*#__PURE__*/ k(V, { id: "6YtxFj" }) }),
+				/*#__PURE__*/ k(i, { children: /*#__PURE__*/ k(V, { id: "k5nYwm" }) }),
+				/*#__PURE__*/ k(i, { children: /*#__PURE__*/ k(V, { id: "K+e/0e" }) }),
+				/*#__PURE__*/ k(i, { children: /*#__PURE__*/ k(V, { id: "n0ZttO" }) }),
+				/*#__PURE__*/ k(i, { children: /*#__PURE__*/ k(V, { id: "p4nMut" }) }),
+				/*#__PURE__*/ k(i, { children: /*#__PURE__*/ k(V, { id: "HyyJ83" }) }),
+				/*#__PURE__*/ k(i, {})
+			] }), e.map((e) => /*#__PURE__*/ A(a, {
+				"data-testid": `flavor-row-${e.id}`,
 				onClick: () => j({
 					to: "/projects/$projectId/compute/flavors/$flavorId",
 					params: {
 						projectId: q,
-						flavorId: t.id
+						flavorId: e.id
 					}
 				}),
 				children: [
-					/*#__PURE__*/ k(i, { children: t.name || t.id }),
-					/*#__PURE__*/ k(i, { children: t.vcpus || "–" }),
-					/*#__PURE__*/ k(i, { children: t.ram || "–" }),
-					/*#__PURE__*/ k(i, { children: t.disk || "–" }),
-					/*#__PURE__*/ k(i, { children: t.swap || "–" }),
-					/*#__PURE__*/ k(i, { children: t["os-flavor-access:is_public"] === !1 ? C._({ id: "zwBp5t" }) : C._({ id: "7d1a0d" }) }),
-					/*#__PURE__*/ k(i, {
+					/*#__PURE__*/ k(_, { children: e.name || e.id }),
+					/*#__PURE__*/ k(_, { children: e.vcpus || "–" }),
+					/*#__PURE__*/ k(_, { children: e.ram || "–" }),
+					/*#__PURE__*/ k(_, { children: e.disk || "–" }),
+					/*#__PURE__*/ k(_, { children: e.swap || "–" }),
+					/*#__PURE__*/ k(_, { children: e["os-flavor-access:is_public"] === !1 ? C._({ id: "zwBp5t" }) : C._({ id: "7d1a0d" }) }),
+					/*#__PURE__*/ k(_, {
 						onClick: (e) => e.stopPropagation(),
-						children: /*#__PURE__*/ k(v, { children: /*#__PURE__*/ A(e, { children: [
-							/*#__PURE__*/ k(d, {
+						children: /*#__PURE__*/ k(r, { children: /*#__PURE__*/ A(u, { children: [
+							/*#__PURE__*/ k(y, {
 								label: C._({ id: "URmyfc" }),
 								onClick: () => j({
 									to: "/projects/$projectId/compute/flavors/$flavorId",
 									params: {
 										projectId: q,
-										flavorId: t.id
+										flavorId: e.id
 									}
 								})
 							}),
-							(g || _) && /*#__PURE__*/ k(d, {
-								label: g ? C._({ id: "SIfYq6" }) : C._({ id: "6GBt0m" }),
-								onClick: () => Y(t)
+							(p || g) && /*#__PURE__*/ k(y, {
+								label: p ? C._({ id: "SIfYq6" }) : C._({ id: "6GBt0m" }),
+								onClick: () => Y(e)
 							}),
-							h && /*#__PURE__*/ k(d, {
+							f && /*#__PURE__*/ k(y, {
 								label: C._({ id: "cWbW6w" }),
-								onClick: () => X(t),
-								disabled: t["os-flavor-access:is_public"] !== !1
+								onClick: () => X(e),
+								disabled: e["os-flavor-access:is_public"] !== !1
 							}),
-							m && /*#__PURE__*/ k(d, {
+							d && /*#__PURE__*/ k(y, {
 								label: C._({ id: "JT3I1g" }),
-								onClick: () => J(t)
+								onClick: () => J(e)
 							})
 						] }) })
 					})
 				]
-			}, t.id))]
+			}, e.id))]
 		}),
 		x > 1 && /*#__PURE__*/ k("div", {
 			className: "flex justify-center py-4",
-			children: /*#__PURE__*/ k(n, {
+			children: /*#__PURE__*/ k(b, {
 				variant: "input",
-				currentPage: b,
+				currentPage: v,
 				pages: x,
-				onPressPrevious: () => $(Math.max(b - 1, 1)),
-				onPressNext: () => $(Math.min(b + 1, x)),
+				onPressPrevious: () => $(Math.max(v - 1, 1)),
+				onPressNext: () => $(Math.min(v + 1, x)),
 				onSelectChange: (e) => {
 					$(e);
 				},
@@ -132,27 +132,27 @@ var W = ({ flavors: t, isLoading: a, client: l, project: f, onFlavorDeleted: p,
 				}
 			})
 		}),
-		/*#__PURE__*/ k(E, {
-			client: l,
+		/*#__PURE__*/ k(D, {
+			client: n,
 			isOpen: M,
 			onClose: Z,
-			project: f,
+			project: c,
 			flavor: U,
 			onSuccess: Q
 		}),
-		/*#__PURE__*/ k(T, {
-			client: l,
+		/*#__PURE__*/ k(E, {
+			client: n,
 			isOpen: P,
 			onClose: () => I(!1),
-			project: f,
+			project: c,
 			flavor: U,
-			canEdit: g
+			canEdit: p
 		}),
-		/*#__PURE__*/ k(w, {
-			client: l,
+		/*#__PURE__*/ k(T, {
+			client: n,
 			isOpen: z,
 			onClose: () => B(!1),
-			project: f,
+			project: c,
 			flavor: U
 		})
 	] });
@@ -206,20 +206,20 @@ var W = ({ flavors: t, isLoading: a, client: l, project: f, onFlavorDeleted: p,
 		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;
-}, q = ({ client: e, isOpen: n, onClose: r, project: i, onSuccess: s }) => {
-	let { i18n: c, _: u } = H(), { translateError: d } = C(), [p, h] = L({ "os-flavor-access:is_public": !0 }), [v, b] = L({}), [x, S] = L(!1), [w, T] = L(null), E = (e) => {
+}, q = ({ client: e, isOpen: r, onClose: i, project: a, onSuccess: c }) => {
+	let { i18n: u, _: f } = H(), { translateError: m } = w(), [h, _] = L({ "os-flavor-access:is_public": !0 }), [y, b] = L({}), [x, S] = L(!1), [C, T] = L(null), E = (e) => {
 		let { name: t, value: n, type: r, checked: i } = e.target;
-		h((e) => ({
+		_((e) => ({
 			...e,
 			[t]: r === "checkbox" ? i : n
-		})), w && T(null);
+		})), C && T(null);
 	}, D = (e, t) => {
-		h((n) => ({
+		_((n) => ({
 			...n,
 			[e]: t
-		})), w && T(null);
+		})), C && T(null);
 	}, O = (e) => {
-		let { name: t, value: n } = e.target, r = G(t, n, u);
+		let { name: t, value: n } = e.target, r = G(t, n, f);
 		b((e) => ({
 			...e,
 			[t]: r
@@ -233,7 +233,7 @@ var W = ({ flavors: t, isLoading: a, client: l, project: f, onFlavorDeleted: p,
 			"ram",
 			"disk"
 		].forEach((e) => {
-			let t = G(e, p[e], u);
+			let t = G(e, h[e], f);
 			t && (n[e] = t);
 		}), [
 			"id",
@@ -243,146 +243,147 @@ var W = ({ flavors: t, isLoading: a, client: l, project: f, onFlavorDeleted: p,
 			"description",
 			"os-flavor-access:is_public"
 		].forEach((e) => {
-			let t = p[e];
+			let t = h[e];
 			if (t !== void 0 && t !== "" && t !== null) {
-				let r = G(e, t, u);
+				let r = G(e, t, f);
 				r && (n[e] = r);
 			}
 		}), Object.keys(n).length > 0) {
-			b(n), T(c._({ id: "CBFSfX" }));
+			b(n), T(u._({ id: "CBFSfX" }));
 			return;
 		}
 		try {
 			S(!0);
-			let t = K(p);
+			let t = K(h);
 			await e.compute.createFlavor.mutate({
-				project_id: i,
+				project_id: a,
 				flavor: t
-			}), s(t.name), M();
+			}), c(t.name), M();
 		} catch (e) {
-			T(e?.message ? d(e.message) : c._({ id: "OxDN2m" }));
+			let t = e?.message ? m(e.message) : u._({ id: "OxDN2m" });
+			T(t);
 		} finally {
 			S(!1);
 		}
 	}, M = () => {
-		h({ "os-flavor-access:is_public": !0 }), b({}), T(null), r();
+		_({ "os-flavor-access:is_public": !0 }), b({}), T(null), i();
 	};
-	return /*#__PURE__*/ A(_, {
+	return /*#__PURE__*/ A(n, {
 		onCancel: M,
 		size: "large",
-		title: c._({ id: "Rlp5zj" }),
-		open: n,
+		title: u._({ id: "Rlp5zj" }),
+		open: r,
 		onConfirm: j,
-		cancelButtonLabel: c._({ id: "dEgA5A" }),
-		confirmButtonLabel: c._({ id: "wEfZld" }),
-		children: [x && /*#__PURE__*/ k(y, {
+		cancelButtonLabel: u._({ id: "dEgA5A" }),
+		confirmButtonLabel: u._({ id: "wEfZld" }),
+		children: [x && /*#__PURE__*/ k(s, {
 			distribution: "center",
 			alignment: "center",
 			children: /*#__PURE__*/ k(o, { variant: "primary" })
-		}), !x && /*#__PURE__*/ A(g, { children: [w && /*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(t, {
+		}), !x && /*#__PURE__*/ A(v, { children: [C && /*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(t, {
 			onDismiss: () => {
 				T(null);
 			},
-			text: w,
+			text: C,
 			variant: "error"
-		}) }), /*#__PURE__*/ A(a, { children: [
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+		}) }), /*#__PURE__*/ A(g, { children: [
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "id",
 				name: "id",
-				label: c._({ id: "s2ubkU" }),
-				value: p.id || "",
+				label: u._({ id: "s2ubkU" }),
+				value: h.id || "",
 				onChange: E,
 				onBlur: O,
-				errortext: v.id
+				errortext: y.id
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "name",
 				name: "name",
-				label: c._({ id: "lWxDDh" }),
-				value: p.name || "",
+				label: u._({ id: "lWxDDh" }),
+				value: h.name || "",
 				onChange: E,
 				onBlur: O,
-				errortext: v.name,
+				errortext: y.name,
 				required: !0
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "description",
 				name: "description",
-				label: c._({ id: "Nu4oKW" }),
-				value: p.description || "",
+				label: u._({ id: "Nu4oKW" }),
+				value: h.description || "",
 				onChange: E,
 				onBlur: O,
-				errortext: v.description
+				errortext: y.description
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "vcpus",
 				name: "vcpus",
-				label: c._({ id: "MZGbkp" }),
-				value: String(p.vcpus || ""),
+				label: u._({ id: "MZGbkp" }),
+				value: String(h.vcpus || ""),
 				onChange: (e) => D("vcpus", Number(e.target.value)),
 				onBlur: O,
-				errortext: v.vcpus,
+				errortext: y.vcpus,
 				type: "number",
 				required: !0
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "ram",
 				name: "ram",
-				label: c._({ id: "K+e/0e" }),
-				value: String(p.ram || ""),
+				label: u._({ id: "K+e/0e" }),
+				value: String(h.ram || ""),
 				onChange: (e) => D("ram", Number(e.target.value)),
 				onBlur: O,
-				errortext: v.ram,
+				errortext: y.ram,
 				type: "number",
 				required: !0
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "disk",
 				name: "disk",
-				label: c._({ id: "AxZkIr" }),
-				value: String(p.disk || ""),
+				label: u._({ id: "AxZkIr" }),
+				value: String(h.disk || ""),
 				onChange: (e) => D("disk", Number(e.target.value)),
 				onBlur: O,
-				errortext: v.disk,
+				errortext: y.disk,
 				type: "number",
 				required: !0
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "OS-FLV-EXT-DATA:ephemeral",
 				name: "OS-FLV-EXT-DATA:ephemeral",
-				label: c._({ id: "X2OnDx" }),
-				value: String(p["OS-FLV-EXT-DATA:ephemeral"] || ""),
+				label: u._({ id: "X2OnDx" }),
+				value: String(h["OS-FLV-EXT-DATA:ephemeral"] || ""),
 				onChange: (e) => D("OS-FLV-EXT-DATA:ephemeral", Number(e.target.value)),
 				onBlur: O,
-				errortext: v["OS-FLV-EXT-DATA:ephemeral"],
+				errortext: y["OS-FLV-EXT-DATA:ephemeral"],
 				type: "number"
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "swap",
 				name: "swap",
-				label: c._({ id: "p4nMut" }),
-				value: String(p.swap || ""),
+				label: u._({ id: "p4nMut" }),
+				value: String(h.swap || ""),
 				onChange: (e) => D("swap", e.target.value ? Number(e.target.value) : void 0),
 				onBlur: O,
-				errortext: v.swap,
+				errortext: y.swap,
 				type: "number"
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(l, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(p, {
 				id: "rxtx_factor",
 				name: "rxtx_factor",
-				label: c._({ id: "u5HztT" }),
+				label: u._({ id: "u5HztT" }),
 				defaultValue: 1,
-				value: String(p.rxtx_factor || ""),
+				value: String(h.rxtx_factor || ""),
 				onChange: (e) => D("rxtx_factor", Number(e.target.value)),
 				onBlur: O,
-				errortext: v.rxtx_factor,
+				errortext: y.rxtx_factor,
 				type: "number"
 			}) }),
-			/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(m, {
+			/*#__PURE__*/ k(d, { children: /*#__PURE__*/ k(l, {
 				name: "os-flavor-access:is_public",
-				label: c._({ id: "vbajgL" }),
-				helptext: c._({ id: "3nh/7E" }),
-				checked: !!p["os-flavor-access:is_public"],
+				label: u._({ id: "vbajgL" }),
+				helptext: u._({ id: "3nh/7E" }),
+				checked: !!h["os-flavor-access:is_public"],
 				onChange: E
 			}) })
 		] })] })]
@@ -419,93 +420,94 @@ var W = ({ flavors: t, isLoading: a, client: l, project: f, onFlavorDeleted: p,
 	canManageSpecs: r || i,
 	canListSpecs: a
 }));
-function Z({ flavorsPromise: e, permissionsPromise: n, client: r, project: i, onFlavorDeleted: a, onFlavorCreated: o, searchTerm: s, setSearchTerm: c, sortSettings: l, handleSortChange: u, createModalOpen: d, setCreateModalOpen: f, currentPage: m, onPageChange: g }) {
-	let { i18n: _, _: v } = H(), { flavors: x, privateFlavorError: S, listError: C } = N(e), w = N(n), [T, E] = L(s), j = I(void 0);
-	if (F(() => () => clearTimeout(j.current), []), C) return /*#__PURE__*/ k("p", { children: C });
-	let M = Math.max(1, Math.ceil(x.length / J)), P = Math.min(m, M), R = x.slice((P - 1) * J, P * J);
+function Z({ flavorsPromise: n, permissionsPromise: r, client: i, project: a, onFlavorDeleted: o, onFlavorCreated: l, searchTerm: u, setSearchTerm: d, sortSettings: p, handleSortChange: m, createModalOpen: h, setCreateModalOpen: g, currentPage: _, onPageChange: v }) {
+	let { i18n: y, _: b } = H(), { flavors: x, privateFlavorError: C, listError: w } = N(n), T = N(r), [E, D] = L(u), j = I(void 0);
+	if (F(() => () => clearTimeout(j.current), []), w) return /*#__PURE__*/ k("p", { children: w });
+	let M = Math.max(1, Math.ceil(x.length / J)), P = Math.min(_, M), R = x.slice((P - 1) * J, P * J);
 	return F(() => {
-		m > M && g(1);
+		_ > M && v(1);
 	}, [
 		M,
-		m,
-		g
+		_,
+		v
 	]), /*#__PURE__*/ A(O, { children: [
 		/*#__PURE__*/ k(q, {
-			client: r,
-			isOpen: d,
-			project: i,
-			onClose: () => f(!1),
-			onSuccess: o
+			client: i,
+			isOpen: h,
+			project: a,
+			onClose: () => g(!1),
+			onSuccess: l
 		}),
-		S && /*#__PURE__*/ k(t, {
+		C && /*#__PURE__*/ k(t, {
 			className: "mb-4",
-			text: _._({ id: "3oc18/" }),
+			text: y._({ id: "3oc18/" }),
 			variant: "warning"
 		}),
-		/*#__PURE__*/ A(y, {
+		/*#__PURE__*/ A(s, {
 			distribution: "end",
 			alignment: "center",
 			gap: "2",
 			className: "pb-2",
-			children: [/*#__PURE__*/ k(y, {
+			children: [/*#__PURE__*/ k(s, {
 				gap: "0.5",
-				children: /*#__PURE__*/ k(D, {
-					options: l.options,
-					sortBy: l.sortBy,
-					sortDirection: l.sortDirection ?? "asc",
-					onSortByChange: (e) => u({
-						...l,
+				children: /*#__PURE__*/ k(S, {
+					options: p.options,
+					sortBy: p.sortBy,
+					sortDirection: p.sortDirection ?? "asc",
+					selectClassName: "min-w-40",
+					onSortByChange: (e) => m({
+						...p,
 						sortBy: e,
-						sortDirection: l.sortDirection
+						sortDirection: p.sortDirection
 					}),
-					onSortDirectionChange: (e) => u({
-						...l,
+					onSortDirectionChange: (e) => m({
+						...p,
 						sortDirection: e
 					})
 				})
-			}), w.canCreate && /*#__PURE__*/ k(b, {
+			}), T.canCreate && /*#__PURE__*/ k(c, {
 				variant: "primary",
-				label: _._({ id: "Rlp5zj" }),
-				onClick: () => f(!0)
+				label: y._({ id: "Rlp5zj" }),
+				onClick: () => g(!0)
 			})]
 		}),
-		/*#__PURE__*/ k(p, { children: /*#__PURE__*/ k(y, {
+		/*#__PURE__*/ k(f, { children: /*#__PURE__*/ k(s, {
 			distribution: "end",
 			alignment: "center",
-			children: /*#__PURE__*/ k(h, {
-				placeholder: _._({ id: "U0sPCo" }),
+			children: /*#__PURE__*/ k(e, {
+				placeholder: y._({ id: "U0sPCo" }),
 				"data-testid": "searchbar",
-				value: T,
+				value: E,
 				onInput: (e) => {
 					let t = e.currentTarget.value;
-					E(t), clearTimeout(j.current), j.current = window.setTimeout(() => c(t), 500);
+					D(t), clearTimeout(j.current), j.current = window.setTimeout(() => d(t), 500);
 				},
 				onSearch: (e) => {
-					clearTimeout(j.current), c(typeof e == "string" ? e : "");
+					clearTimeout(j.current), d(typeof e == "string" ? e : "");
 				},
 				onClear: () => {
-					clearTimeout(j.current), E(""), c("");
+					clearTimeout(j.current), D(""), d("");
 				}
 			})
 		}) }),
 		/*#__PURE__*/ k(W, {
 			flavors: R,
 			isLoading: !1,
-			client: r,
-			project: i,
-			onFlavorDeleted: a,
-			canDeleteFlavor: w.canDelete,
-			canMangageAccess: w.canManageAccess,
-			canManageSpecs: w.canManageSpecs,
-			canListSpecs: w.canListSpecs,
+			client: i,
+			project: a,
+			onFlavorDeleted: o,
+			canDeleteFlavor: T.canDelete,
+			canMangageAccess: T.canManageAccess,
+			canManageSpecs: T.canManageSpecs,
+			canListSpecs: T.canListSpecs,
 			currentPage: P,
 			totalPages: M,
-			onPageChange: g
+			onPageChange: v
 		})
 	] });
 }
 var Q = ({ client: e, project: n }) => {
-	let { i18n: r, _: i } = H(), a = R(), s = z({ strict: !1 }), [c, l] = L({
+	let { i18n: r, _: i } = H(), a = R(), c = z({ strict: !1 }), [l, u] = L({
 		options: [
 			{
 				label: r._({ id: "6YtxFj" }),
@@ -528,35 +530,35 @@ var Q = ({ client: e, project: n }) => {
 				value: "swap"
 			}
 		],
-		sortBy: s.sortBy || "name",
-		sortDirection: s.sortDirection || "asc"
-	}), [u, d] = L(s.search || ""), f = s.page ?? 1, [p, m] = L(), [h, g] = L(!1), [_, v] = L(() => Y(e, n, c.sortBy, c.sortDirection, u)), [b] = L(() => X(e, n)), x = () => {
+		sortBy: c.sortBy || "name",
+		sortDirection: c.sortDirection || "asc"
+	}), [d, f] = L(c.search || ""), p = c.page ?? 1, [m, h] = L(), [g, _] = L(!1), [v, y] = L(() => Y(e, n, l.sortBy, l.sortDirection, d)), [b] = L(() => X(e, n)), x = () => {
 		M(() => {
-			v(Y(e, n, c.sortBy, c.sortDirection, u));
+			y(Y(e, n, l.sortBy, l.sortDirection, d));
 		});
 	}, S = (e) => {
-		m({
+		h({
 			message: r._({
 				id: "20Kpaw",
 				values: { flavorName: e }
 			}),
 			timestamp: Date.now()
-		}), setTimeout(() => m(void 0), 5e3), x();
+		}), setTimeout(() => h(void 0), 5e3), x();
 	}, C = (e) => {
-		m({
+		h({
 			message: r._({
 				id: "eChIh7",
 				values: { flavorName: e }
 			}),
 			timestamp: Date.now()
-		}), setTimeout(() => m(void 0), 5e3), x();
+		}), setTimeout(() => h(void 0), 5e3), x();
 	}, w = (t) => {
 		let r = {
 			options: t.options,
 			sortBy: t.sortBy?.toString() || "name",
 			sortDirection: t.sortDirection || "asc"
 		};
-		l(r), a({
+		u(r), a({
 			search: (e) => ({
 				...e,
 				sortBy: r.sortBy,
@@ -565,11 +567,11 @@ var Q = ({ client: e, project: n }) => {
 			}),
 			replace: !0
 		}), M(() => {
-			v(Y(e, n, r.sortBy, r.sortDirection, u));
+			y(Y(e, n, r.sortBy, r.sortDirection, d));
 		});
 	}, T = (t) => {
 		let r = typeof t == "string" ? t : "";
-		d(r), a({
+		f(r), a({
 			search: (e) => ({
 				...e,
 				search: r || void 0,
@@ -577,7 +579,7 @@ var Q = ({ client: e, project: n }) => {
 			}),
 			replace: !0
 		}), M(() => {
-			v(Y(e, n, c.sortBy, c.sortDirection, r));
+			y(Y(e, n, l.sortBy, l.sortDirection, r));
 		});
 	}, E = P((e) => {
 		a({ search: (t) => ({
@@ -587,11 +589,11 @@ var Q = ({ client: e, project: n }) => {
 	}, [a]);
 	return /*#__PURE__*/ A("div", {
 		className: "relative",
-		children: [p && /*#__PURE__*/ k(t, {
+		children: [m && /*#__PURE__*/ k(t, {
 			className: "absolute -top-14 right-0 left-0 z-50",
-			text: p.message,
+			text: m.message,
 			variant: "info",
-			onDismiss: () => m(void 0),
+			onDismiss: () => h(void 0),
 			dismissible: !0
 		}), /*#__PURE__*/ k(U, {
 			fallbackRender: ({ error: e }) => /*#__PURE__*/ k(t, {
@@ -599,7 +601,7 @@ var Q = ({ client: e, project: n }) => {
 				text: e instanceof Error ? e.message : r._({ id: "W5A0Ly" })
 			}),
 			children: /*#__PURE__*/ k(j, {
-				fallback: /*#__PURE__*/ A(y, {
+				fallback: /*#__PURE__*/ A(s, {
 					className: "fixed inset-0",
 					distribution: "center",
 					alignment: "center",
@@ -611,19 +613,19 @@ var Q = ({ client: e, project: n }) => {
 					}), /*#__PURE__*/ k(V, { id: "EqSPkP" })]
 				}),
 				children: /*#__PURE__*/ k(Z, {
-					flavorsPromise: _,
+					flavorsPromise: v,
 					permissionsPromise: b,
 					client: e,
 					project: n,
 					onFlavorDeleted: S,
 					onFlavorCreated: C,
-					searchTerm: u,
+					searchTerm: d,
 					setSearchTerm: T,
-					sortSettings: c,
+					sortSettings: l,
 					handleSortChange: w,
-					createModalOpen: h,
-					setCreateModalOpen: g,
-					currentPage: f,
+					createModalOpen: g,
+					setCreateModalOpen: _,
+					currentPage: p,
 					onPageChange: E
 				})
 			})
@@ -634,7 +636,7 @@ var Q = ({ client: e, project: n }) => {
 //#region src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx?tsr-split=component
 function $() {
 	let { i18n: e, _: t } = H(), { projectId: n } = x.useParams(), { trpcClient: r } = x.useRouteContext();
-	return /*#__PURE__*/ A(O, { children: [/*#__PURE__*/ k(S, {
+	return /*#__PURE__*/ A(O, { children: [/*#__PURE__*/ k(C, {
 		title: e._({ id: "neiJm0" }),
 		projectId: n
 	}), /*#__PURE__*/ k(Q, {
@@ -645,4 +647,4 @@ function $() {
 //#endregion
 export { $ as component };
 
-//# sourceMappingURL=flavors-BfTXqmoD.mjs.map
+//# sourceMappingURL=flavors-DY-bDc8l.mjs.map