@cobaltcore-dev/aurora 0.23.1 → 1.1.0

package/dist/client/{_securityGroupId-DFdNKa2l.mjs → _securityGroupId-pPtJsCoe.mjs}

@@ -1,188 +1,170 @@
-import { A as e, B as t, E as n, G as r, H as i, K as a, P as o, Q as s, R as c, U as l, Y as u, Z as d, at as f, c as p, ct as m, dt as h, et as g, g as _, h as v, m as y, n as b, nt as x, o as S, p as C, r as w, rt as T, tt as E, ut as D, y as O } from "./build-CRLQyqu2.mjs";
-import { a as k } from "./trpcClient-Di56hpVv.mjs";
-import { t as A } from "./_securityGroupId-DRkY3Gt6.mjs";
+import { A as e, C as t, F as n, I as r, J as i, L as a, N as o, O as s, Q as c, S as l, T as u, W as d, X as f, a as p, g as m, h, j as g, l as _, m as v, nt as y, o as b, p as x, q as S, st as C, t as w, tt as T, ut as E, v as D, x as O } from "./build-C_4vRMCq.mjs";
+import { a as k } from "./trpcClient-D7gpR7YG.mjs";
+import { t as A } from "./_securityGroupId-BcbkRhsN.mjs";
 import { t as j } from "./useProjectId-DBc5lpoU.mjs";
-import "./hooks-Bw3sHHOg.mjs";
-import { t as M } from "./useModal-DCs1OJh7.mjs";
-import { t as N } from "./SortInput-D_q_jDfe.mjs";
-import { n as P, t as F } from "./FiltersInput-DqT08Ib-.mjs";
-import { t as I } from "./useListWithFiltering-aPTUNRaW.mjs";
-import { n as L, t as ee } from "./useSecurityGroupPermissions-BPS1ibWq.mjs";
+import { t as M } from "./SortInput-Cqs2poV3.mjs";
+import "./hooks-LutR2Yg3.mjs";
+import { t as N } from "./TwoColumnDescriptionList-DiDx3PnH.mjs";
+import { t as P } from "./useModal-DCs1OJh7.mjs";
+import { n as F, t as I } from "./FiltersInput-B8CNBg1L.mjs";
+import { n as L, t as ee } from "./useSecurityGroupPermissions-C29mzb3b.mjs";
 import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { useEffect as V, useMemo as H, useRef as U, useState as W } from "react";
-import { useNavigate as G } from "@tanstack/react-router";
-import { Trans as K, useLingui as q } from "@lingui/react";
-import { z as J } from "zod";
-import { useForm as Y, useStore as X } from "@tanstack/react-form";
+import { startTransition as V, useEffect as H, useMemo as U, useRef as W, useState as G } from "react";
+import { useNavigate as K } from "@tanstack/react-router";
+import { Trans as q, useLingui as J } from "@lingui/react";
+import { z as Y } from "zod";
+import { useForm as X, useStore as Z } from "@tanstack/react-form";
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupHeader.tsx
 function te({ name: e, id: t }) {
 	return /*#__PURE__*/ B("div", {
 		className: "mb-2",
-		children: [/*#__PURE__*/ z(u, { children: `'${e || t}' Details` }), /*#__PURE__*/ z("p", {
+		children: [/*#__PURE__*/ z(y, { children: `'${e || t}' Details` }), /*#__PURE__*/ z("p", {
 			className: "text-theme-secondary mt-2 text-sm",
-			children: /*#__PURE__*/ z(K, { id: "kIuDMT" })
+			children: /*#__PURE__*/ z(q, { id: "kIuDMT" })
 		})]
 	});
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupBasicInfo.tsx
-function Z({ securityGroup: e, onEdit: t, canUpdate: i }) {
-	let { i18n: a, _: s } = q(), l = ({ value: e }) => /*#__PURE__*/ z("span", { children: e ? a._({ id: "l75CjT" }) : a._({ id: "1UzENP" }) });
-	return /*#__PURE__*/ B("div", { children: [/*#__PURE__*/ z("div", {
+function Q({ securityGroup: e, onEdit: t, canUpdate: n }) {
+	let { i18n: r, _: i } = J(), a = [
+		{
+			label: r._({ id: "Nu4oKW" }),
+			value: e.description || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "S0kLOH" }),
+			value: e.id
+		},
+		{
+			label: r._({ id: "OYHzN1" }),
+			value: e.tags?.join(", ") || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "6YtxFj" }),
+			value: e.name || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "Jim5X9" }),
+			value: e.stateful ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+		},
+		{
+			label: r._({ id: "aI8Tgp" }),
+			value: e.project_id || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "0Gd0NU" }),
+			value: e.shared ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+		}
+	];
+	return /*#__PURE__*/ B(R, { children: [/*#__PURE__*/ z("div", {
 		className: "mb-4 flex flex-row-reverse",
-		children: t && i && /*#__PURE__*/ z(O, {
+		children: t && n && /*#__PURE__*/ z(p, {
 			variant: "primary",
 			onClick: t,
-			disabled: !i,
-			children: /*#__PURE__*/ z(K, { id: "ePK91l" })
+			disabled: !n,
+			children: /*#__PURE__*/ z(q, { id: "ePK91l" })
 		})
-	}), /*#__PURE__*/ B(o, {
-		columns: 4,
-		gridColumnTemplate: "15% 35% 15% 35%",
-		children: [
-			/*#__PURE__*/ B(n, { children: [/*#__PURE__*/ z(c, { children: a._({ id: "Nu4oKW" }) }), /*#__PURE__*/ z(r, {
-				colSpan: 3,
-				children: /*#__PURE__*/ z("div", {
-					className: "overflow-hidden text-ellipsis whitespace-nowrap",
-					title: e.description || void 0,
-					children: e.description || a._({ id: "h47p9L" })
-				})
-			})] }),
-			/*#__PURE__*/ B(n, { children: [
-				/*#__PURE__*/ z(c, { children: a._({ id: "S0kLOH" }) }),
-				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z("div", {
-					className: "overflow-hidden text-ellipsis whitespace-nowrap",
-					title: e.id,
-					children: e.id
-				}) }),
-				/*#__PURE__*/ z(c, { children: a._({ id: "OYHzN1" }) }),
-				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z("div", {
-					className: "overflow-hidden text-ellipsis whitespace-nowrap",
-					title: e.tags?.join(", ") || void 0,
-					children: e.tags?.join(", ") || a._({ id: "h47p9L" })
-				}) })
-			] }),
-			/*#__PURE__*/ B(n, { children: [
-				/*#__PURE__*/ z(c, { children: a._({ id: "6YtxFj" }) }),
-				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z("div", {
-					className: "overflow-hidden text-ellipsis whitespace-nowrap",
-					title: e.name || void 0,
-					children: e.name
-				}) }),
-				/*#__PURE__*/ z(c, { children: a._({ id: "Jim5X9" }) }),
-				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z(l, { value: e.stateful }) })
-			] }),
-			/*#__PURE__*/ B(n, { children: [
-				/*#__PURE__*/ z(c, { children: a._({ id: "aI8Tgp" }) }),
-				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z("div", {
-					className: "overflow-hidden text-ellipsis whitespace-nowrap",
-					title: e.project_id || void 0,
-					children: e.project_id || a._({ id: "h47p9L" })
-				}) }),
-				/*#__PURE__*/ z(c, { children: a._({ id: "0Gd0NU" }) }),
-				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z(l, { value: e.shared }) })
-			] })
-		]
-	})] });
+	}), /*#__PURE__*/ z(N, { items: a })] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupTabs.tsx
-function Q({ activeTab: e, onTabChange: t, showRBACTab: n = !0 }) {
+function $({ activeTab: e, onTabChange: t, showRBACTab: n = !0 }) {
 	let r = (t) => `px-6 py-3 font-semibold border-b-2 transition-colors ${e === t ? "border-theme-accent text-theme-highest" : "border-transparent text-theme-secondary hover:text-theme-high"}`;
 	return /*#__PURE__*/ z("div", {
 		className: "border-theme-background-lvl-3 mt-1 border-b",
-		children: /*#__PURE__*/ B(E, {
+		children: /*#__PURE__*/ B(f, {
 			direction: "horizontal",
 			gap: "0",
 			children: [/*#__PURE__*/ z("button", {
 				className: r("rules"),
 				onClick: () => t("rules"),
-				children: /*#__PURE__*/ z(K, { id: "4EZrJN" })
+				children: /*#__PURE__*/ z(q, { id: "4EZrJN" })
 			}), n && /*#__PURE__*/ z("button", {
 				className: r("rbac"),
 				onClick: () => t("rbac"),
-				children: /*#__PURE__*/ z(K, { id: "/eFtWI" })
+				children: /*#__PURE__*/ z(q, { id: "/eFtWI" })
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRuleDialog.tsx
-function ne({ rule: e, open: n, onClose: r, onConfirm: i, isLoading: a, error: o }) {
-	let { i18n: s, _: c } = q(), [u, d] = W(""), f = () => {
-		e && u === "delete" && i(e.id);
-	}, p = () => {
-		d(""), r();
-	}, m = u !== "delete" || a;
-	return e ? /*#__PURE__*/ z(w, {
-		open: n,
-		onCancel: p,
+function ne({ rule: e, open: t, onClose: r, onConfirm: a, isLoading: s, error: c }) {
+	let { i18n: l, _: u } = J(), [d, f] = G(""), m = () => {
+		e && d === "delete" && a(e.id);
+	}, h = () => {
+		f(""), r();
+	}, _ = d !== "delete" || s;
+	return e ? /*#__PURE__*/ z(i, {
+		open: t,
+		onCancel: h,
 		size: "small",
-		title: s._({ id: "TM93nK" }),
-		modalFooter: /*#__PURE__*/ z(_, {
+		title: l._({ id: "TM93nK" }),
+		modalFooter: /*#__PURE__*/ z(o, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ B(D, { children: [/*#__PURE__*/ z(O, {
+			children: /*#__PURE__*/ B(g, { children: [/*#__PURE__*/ z(p, {
 				variant: "default",
-				onClick: p,
-				disabled: a,
-				children: /*#__PURE__*/ z(K, { id: "dEgA5A" })
-			}), /*#__PURE__*/ z(O, {
+				onClick: h,
+				disabled: s,
+				children: /*#__PURE__*/ z(q, { id: "dEgA5A" })
+			}), /*#__PURE__*/ z(p, {
 				variant: "primary-danger",
-				onClick: f,
-				disabled: m,
+				onClick: m,
+				disabled: _,
 				"data-testid": "confirm-delete-rule-button",
-				children: a ? /*#__PURE__*/ z(K, { id: "EF2EU9" }) : /*#__PURE__*/ z(K, { id: "lN3xvy" })
+				children: s ? /*#__PURE__*/ z(q, { id: "EF2EU9" }) : /*#__PURE__*/ z(q, { id: "lN3xvy" })
 			})] })
 		}),
 		children: /*#__PURE__*/ B("div", { children: [
-			o && /*#__PURE__*/ z(t, {
+			c && /*#__PURE__*/ z(n, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
-				children: o
+				children: c
 			}),
-			/*#__PURE__*/ z(K, { id: "CMVP7y" }),
+			/*#__PURE__*/ z(q, { id: "CMVP7y" }),
 			/*#__PURE__*/ B("div", {
 				className: "bg-theme-background-lvl-1 mt-4 mb-4 rounded p-4",
 				children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 font-semibold",
-					children: /*#__PURE__*/ z(K, { id: "uly9ET" })
+					children: /*#__PURE__*/ z(q, { id: "uly9ET" })
 				}), /*#__PURE__*/ B("ul", {
 					className: "list-inside list-disc space-y-1 text-sm",
 					children: [
 						/*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "MRB7nI" }),
+							/*#__PURE__*/ z(q, { id: "MRB7nI" }),
 							": ",
 							e.direction
 						] }),
 						e.description && /*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "Nu4oKW" }),
+							/*#__PURE__*/ z(q, { id: "Nu4oKW" }),
 							": ",
 							e.description
 						] }),
 						/*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "yp0UjB" }),
+							/*#__PURE__*/ z(q, { id: "yp0UjB" }),
 							": ",
 							e.ethertype
 						] }),
 						e.protocol && /*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "6+OdGi" }),
+							/*#__PURE__*/ z(q, { id: "6+OdGi" }),
 							": ",
 							e.protocol
 						] }),
 						e.port_range_min !== null && e.port_range_max !== null && /*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "tV/Ozb" }),
+							/*#__PURE__*/ z(q, { id: "tV/Ozb" }),
 							":",
 							" ",
 							e.port_range_min === e.port_range_max ? e.port_range_min : `${e.port_range_min}-${e.port_range_max}`
 						] }),
 						e.remote_ip_prefix && /*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "WoSkGY" }),
+							/*#__PURE__*/ z(q, { id: "WoSkGY" }),
 							": ",
 							e.remote_ip_prefix
 						] }),
 						e.remote_group_id && /*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "i9TIyi" }),
+							/*#__PURE__*/ z(q, { id: "i9TIyi" }),
 							": ",
 							e.remote_group_id
 						] })
@@ -193,16 +175,16 @@ function ne({ rule: e, open: n, onClose: r, onConfirm: i, isLoading: a, error: o
 				className: "mt-4",
 				children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 text-sm",
-					children: /*#__PURE__*/ z(K, {
+					children: /*#__PURE__*/ z(q, {
 						id: "PHt+EV",
 						components: { 0: /*#__PURE__*/ z("strong", {}) }
 					})
-				}), /*#__PURE__*/ z(l, {
-					value: u,
-					onChange: (e) => d(e.target.value),
-					placeholder: s._({ id: "HNlEFZ" }),
+				}), /*#__PURE__*/ z(v, {
+					value: d,
+					onChange: (e) => f(e.target.value),
+					placeholder: l._({ id: "HNlEFZ" }),
 					autoComplete: "off",
-					disabled: a,
+					disabled: s,
 					"data-testid": "delete-rule-confirmation-input"
 				})]
 			})
@@ -211,10 +193,10 @@ function ne({ rule: e, open: n, onClose: r, onConfirm: i, isLoading: a, error: o
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/validation/validationHelpers.ts
-function $(e) {
+function re(e) {
 	return e.includes(".") ? "IPv4" : e.includes(":") ? "IPv6" : null;
 }
-function re(e, t, n) {
+function ie(e, t, n) {
 	if (e != null && isNaN(e) || t != null && isNaN(t)) return {
 		valid: !1,
 		error: "Port must be a valid number"
@@ -233,7 +215,7 @@ function re(e, t, n) {
 		error: "port_range_min must be less than or equal to port_range_max"
 	} : { valid: !0 };
 }
-function ie(e, t) {
+function ae(e, t) {
 	return e != null && isNaN(e) ? {
 		valid: !1,
 		error: "ICMP type must be a valid number"
@@ -248,7 +230,7 @@ function ie(e, t) {
 		error: "ICMP code must be between 0 and 255"
 	} : { valid: !0 };
 }
-function ae(e) {
+function oe(e) {
 	let t = e.split("/");
 	if (t.length !== 2) return !1;
 	let [n, r] = t;
@@ -277,61 +259,61 @@ function ae(e) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/constants.ts
-var oe = "0.0.0.0/0", se = "::/0", ce = "other-protocol", le = J.object({
-	ruleType: J.string().min(1, "Rule type is required"),
-	direction: J.enum(["ingress", "egress"]),
-	ethertype: J.enum(["IPv4", "IPv6"]),
-	description: J.string(),
-	protocol: J.string().nullable(),
-	portFrom: J.string(),
-	portTo: J.string(),
-	icmpType: J.string(),
-	icmpCode: J.string(),
-	remoteSourceType: J.enum(["cidr", "security_group"]),
-	remoteCidr: J.string(),
-	remoteSecurityGroupId: J.string()
+var se = "0.0.0.0/0", ce = "::/0", le = "other-protocol", ue = Y.object({
+	ruleType: Y.string().min(1, "Rule type is required"),
+	direction: Y.enum(["ingress", "egress"]),
+	ethertype: Y.enum(["IPv4", "IPv6"]),
+	description: Y.string(),
+	protocol: Y.string().nullable(),
+	portFrom: Y.string(),
+	portTo: Y.string(),
+	icmpType: Y.string(),
+	icmpCode: Y.string(),
+	remoteSourceType: Y.enum(["cidr", "security_group"]),
+	remoteCidr: Y.string(),
+	remoteSecurityGroupId: Y.string()
 }).superRefine((e, t) => {
-	let n = e.protocol === "tcp" || e.protocol === "udp", r = e.protocol === "icmp" || e.protocol === "ipv6-icmp", i = e.ruleType === ce, a = n && ["custom-tcp", "custom-udp"].includes(e.ruleType);
+	let n = e.protocol === "tcp" || e.protocol === "udp", r = e.protocol === "icmp" || e.protocol === "ipv6-icmp", i = e.ruleType === le, a = n && ["custom-tcp", "custom-udp"].includes(e.ruleType);
 	if (i && !e.protocol && t.addIssue({
-		code: J.ZodIssueCode.custom,
+		code: Y.ZodIssueCode.custom,
 		message: "Protocol is required",
 		path: ["protocol"]
 	}), a) if (!e.portFrom) t.addIssue({
-		code: J.ZodIssueCode.custom,
+		code: Y.ZodIssueCode.custom,
 		message: "Port (from) is required",
 		path: ["portFrom"]
 	});
 	else {
 		let n = parseInt(e.portFrom, 10);
 		if (isNaN(n)) t.addIssue({
-			code: J.ZodIssueCode.custom,
+			code: Y.ZodIssueCode.custom,
 			message: "Port must be a valid number",
 			path: ["portFrom"]
 		});
 		else if (e.portTo) {
 			let r = parseInt(e.portTo, 10);
 			if (isNaN(r)) t.addIssue({
-				code: J.ZodIssueCode.custom,
+				code: Y.ZodIssueCode.custom,
 				message: "Port must be a valid number",
 				path: ["portTo"]
 			});
 			else if (n >= r) t.addIssue({
-				code: J.ZodIssueCode.custom,
+				code: Y.ZodIssueCode.custom,
 				message: "\"Port (from)\" must be less than \"Port (to)\"",
 				path: ["portFrom"]
 			});
 			else {
-				let i = re(n, r, e.protocol);
+				let i = ie(n, r, e.protocol);
 				i.valid || t.addIssue({
-					code: J.ZodIssueCode.custom,
+					code: Y.ZodIssueCode.custom,
 					message: i.error || "Invalid port range",
 					path: ["portFrom"]
 				});
 			}
 		} else {
-			let r = re(n, n, e.protocol);
+			let r = ie(n, n, e.protocol);
 			r.valid || t.addIssue({
-				code: J.ZodIssueCode.custom,
+				code: Y.ZodIssueCode.custom,
 				message: r.error || "Invalid port",
 				path: ["portFrom"]
 			});
@@ -340,44 +322,44 @@ var oe = "0.0.0.0/0", se = "::/0", ce = "other-protocol", le = J.object({
 	if (r) {
 		let n = e.icmpType ? parseInt(e.icmpType, 10) : null, r = e.icmpCode ? parseInt(e.icmpCode, 10) : null;
 		if (e.icmpType && isNaN(n) && t.addIssue({
-			code: J.ZodIssueCode.custom,
+			code: Y.ZodIssueCode.custom,
 			message: "ICMP type must be a valid number",
 			path: ["icmpType"]
 		}), e.icmpCode && isNaN(r) && t.addIssue({
-			code: J.ZodIssueCode.custom,
+			code: Y.ZodIssueCode.custom,
 			message: "ICMP code must be a valid number",
 			path: ["icmpCode"]
 		}), e.icmpCode && !e.icmpType && t.addIssue({
-			code: J.ZodIssueCode.custom,
+			code: Y.ZodIssueCode.custom,
 			message: "ICMP type is required when ICMP code is specified",
 			path: ["icmpType"]
 		}), n !== null || r !== null) {
-			let e = ie(n, r);
+			let e = ae(n, r);
 			e.valid || (e.error?.includes("type") && t.addIssue({
-				code: J.ZodIssueCode.custom,
+				code: Y.ZodIssueCode.custom,
 				message: "ICMP type must be between 0 and 255",
 				path: ["icmpType"]
 			}), e.error?.includes("code") && t.addIssue({
-				code: J.ZodIssueCode.custom,
+				code: Y.ZodIssueCode.custom,
 				message: "ICMP code must be between 0 and 255",
 				path: ["icmpCode"]
 			}));
 		}
 	}
-	if (e.remoteSourceType === "cidr" && e.remoteCidr) if (!ae(e.remoteCidr)) t.addIssue({
-		code: J.ZodIssueCode.custom,
+	if (e.remoteSourceType === "cidr" && e.remoteCidr) if (!oe(e.remoteCidr)) t.addIssue({
+		code: Y.ZodIssueCode.custom,
 		message: "Invalid CIDR format. Examples: 0.0.0.0/0 (IPv4) or ::/0 (IPv6)",
 		path: ["remoteCidr"]
 	});
 	else {
-		let n = $(e.remoteCidr);
+		let n = re(e.remoteCidr);
 		n && n !== e.ethertype && t.addIssue({
-			code: J.ZodIssueCode.custom,
+			code: Y.ZodIssueCode.custom,
 			message: `CIDR family (${n}) must match Ethertype (${e.ethertype})`,
 			path: ["remoteCidr"]
 		});
 	}
-}), ue = {
+}), de = {
 	ruleType: "",
 	direction: "ingress",
 	ethertype: "IPv4",
@@ -388,9 +370,9 @@ var oe = "0.0.0.0/0", se = "::/0", ce = "other-protocol", le = J.object({
 	icmpType: "",
 	icmpCode: "",
 	remoteSourceType: "cidr",
-	remoteCidr: oe,
+	remoteCidr: se,
 	remoteSecurityGroupId: ""
-}, de = [
+}, fe = [
 	{
 		value: "",
 		label: "",
@@ -548,31 +530,31 @@ var oe = "0.0.0.0/0", se = "::/0", ce = "other-protocol", le = J.object({
 ];
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/RuleTypeSection.tsx
-function fe({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = q();
+function pe({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: i } = J();
 	return /*#__PURE__*/ z(e.Field, {
 		name: "ruleType",
 		mode: "value",
-		children: (r) => /*#__PURE__*/ z(p, {
+		children: (i) => /*#__PURE__*/ z(h, {
 			className: "mb-6",
-			children: /*#__PURE__*/ z(h, {
+			children: /*#__PURE__*/ z(T, {
 				id: "ruleType",
 				label: n._({ id: "YuGQWb" }),
-				value: r.state.value,
+				value: i.state.value,
 				onChange: (t) => {
 					let n = String(t || "");
-					if (r.handleChange(n), !n) {
+					if (i.handleChange(n), !n) {
 						e.setFieldValue("protocol", null), e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", ""), e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "");
 						return;
 					}
-					let i = de.find((e) => e.value === n);
-					i && (e.setFieldValue("protocol", i.protocol), (i.protocol === "tcp" || i.protocol === "udp") && i.portRangeMin !== null && i.portRangeMax !== null ? (e.setFieldValue("portFrom", String(i.portRangeMin)), e.setFieldValue("portTo", String(i.portRangeMax))) : (e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", "")), i.protocol !== "icmp" && i.protocol !== "ipv6-icmp" && (e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "")));
+					let r = fe.find((e) => e.value === n);
+					r && (e.setFieldValue("protocol", r.protocol), (r.protocol === "tcp" || r.protocol === "udp") && r.portRangeMin !== null && r.portRangeMax !== null ? (e.setFieldValue("portFrom", String(r.portRangeMin)), e.setFieldValue("portTo", String(r.portRangeMax))) : (e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", "")), r.protocol !== "icmp" && r.protocol !== "ipv6-icmp" && (e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "")));
 				},
 				disabled: t,
-				children: de.map((e) => e.value === "" ? /*#__PURE__*/ z(y, {
+				children: fe.map((e) => e.value === "" ? /*#__PURE__*/ z(r, {
 					value: e.value,
 					label: n._({ id: "eh/k36" })
-				}, e.value) : /*#__PURE__*/ z(y, {
+				}, e.value) : /*#__PURE__*/ z(r, {
 					value: e.value,
 					label: e.label
 				}, e.value))
@@ -582,11 +564,11 @@ function fe({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/DirectionEthertypeSection.tsx
-function pe({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = q();
+function me({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = J();
 	return /*#__PURE__*/ z(e.Field, {
 		name: "direction",
-		children: (e) => /*#__PURE__*/ z(p, { children: /*#__PURE__*/ z(v, {
+		children: (e) => /*#__PURE__*/ z(h, { children: /*#__PURE__*/ z(D, {
 			name: "direction",
 			label: n._({ id: "MRB7nI" }),
 			selected: e.state.value,
@@ -595,10 +577,10 @@ function pe({ form: e, disabled: t = !1 }) {
 			disabled: t,
 			children: /*#__PURE__*/ B("div", {
 				className: "flex gap-4",
-				children: [/*#__PURE__*/ z(C, {
+				children: [/*#__PURE__*/ z(c, {
 					value: "ingress",
 					label: n._({ id: "fzfAAa" })
-				}), /*#__PURE__*/ z(C, {
+				}), /*#__PURE__*/ z(c, {
 					value: "egress",
 					label: n._({ id: "nETBrc" })
 				})]
@@ -606,11 +588,11 @@ function pe({ form: e, disabled: t = !1 }) {
 		}) })
 	});
 }
-function me({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = q();
+function he({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = J();
 	return /*#__PURE__*/ z(e.Field, {
 		name: "ethertype",
-		children: (e) => /*#__PURE__*/ z(p, { children: /*#__PURE__*/ z(v, {
+		children: (e) => /*#__PURE__*/ z(h, { children: /*#__PURE__*/ z(D, {
 			name: "ethertype",
 			label: n._({ id: "16085O" }),
 			selected: e.state.value,
@@ -619,10 +601,10 @@ function me({ form: e, disabled: t = !1 }) {
 			disabled: t,
 			children: /*#__PURE__*/ B("div", {
 				className: "flex gap-4",
-				children: [/*#__PURE__*/ z(C, {
+				children: [/*#__PURE__*/ z(c, {
 					value: "IPv4",
 					label: "IPv4"
-				}), /*#__PURE__*/ z(C, {
+				}), /*#__PURE__*/ z(c, {
 					value: "IPv6",
 					label: "IPv6"
 				})]
@@ -632,13 +614,13 @@ function me({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/ProtocolSection.tsx
-function he({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = q();
+function ge({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = J();
 	return /*#__PURE__*/ z(e.Field, {
 		name: "protocol",
-		children: (e) => /*#__PURE__*/ z(p, {
+		children: (e) => /*#__PURE__*/ z(h, {
 			className: "mb-6",
-			children: /*#__PURE__*/ z(l, {
+			children: /*#__PURE__*/ z(v, {
 				id: "protocol",
 				name: "protocol",
 				label: n._({ id: "6+OdGi" }),
@@ -653,9 +635,9 @@ function he({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/PortRangeSection.tsx
-function ge({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = q(), i = X(e.store, (e) => e.values.portFrom), a = X(e.store, (e) => e.fieldMeta.portFrom?.errors[0]?.message), o = X(e.store, (e) => e.fieldMeta.portTo?.errors[0]?.message), s = t || !i || i.trim() === "";
-	return /*#__PURE__*/ B(p, {
+function _e({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = J(), i = Z(e.store, (e) => e.values.portFrom), a = Z(e.store, (e) => e.fieldMeta.portFrom?.errors[0]?.message), o = Z(e.store, (e) => e.fieldMeta.portTo?.errors[0]?.message), s = t || !i || i.trim() === "";
+	return /*#__PURE__*/ B(h, {
 		className: "mb-6",
 		children: [
 			/*#__PURE__*/ B("div", {
@@ -665,7 +647,7 @@ function ge({ form: e, disabled: t = !1 }) {
 						name: "portFrom",
 						children: (r) => /*#__PURE__*/ z("div", {
 							className: "flex-1",
-							children: /*#__PURE__*/ z(l, {
+							children: /*#__PURE__*/ z(v, {
 								id: "portFrom",
 								name: "portFrom",
 								label: n._({ id: "LMdsuJ" }),
@@ -688,7 +670,7 @@ function ge({ form: e, disabled: t = !1 }) {
 						name: "portTo",
 						children: (t) => /*#__PURE__*/ z("div", {
 							className: "flex-1",
-							children: /*#__PURE__*/ z(l, {
+							children: /*#__PURE__*/ z(v, {
 								id: "portTo",
 								name: "portTo",
 								label: n._({ id: "a12lSo" }),
@@ -717,9 +699,9 @@ function ge({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/IcmpSection.tsx
-function _e({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = q();
-	return /*#__PURE__*/ z(p, {
+function ve({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = J();
+	return /*#__PURE__*/ z(h, {
 		className: "mb-6",
 		children: /*#__PURE__*/ B("div", {
 			className: "flex w-full gap-4",
@@ -727,7 +709,7 @@ function _e({ form: e, disabled: t = !1 }) {
 				name: "icmpType",
 				children: (e) => /*#__PURE__*/ z("div", {
 					className: "flex-1",
-					children: /*#__PURE__*/ z(l, {
+					children: /*#__PURE__*/ z(v, {
 						id: "icmpType",
 						name: "icmpType",
 						label: n._({ id: "yPWFWy" }),
@@ -742,7 +724,7 @@ function _e({ form: e, disabled: t = !1 }) {
 				name: "icmpCode",
 				children: (e) => /*#__PURE__*/ z("div", {
 					className: "flex-1",
-					children: /*#__PURE__*/ z(l, {
+					children: /*#__PURE__*/ z(v, {
 						id: "icmpCode",
 						name: "icmpCode",
 						label: n._({ id: "76RKuS" }),
@@ -759,17 +741,17 @@ function _e({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/RemoteSourceSection.tsx
-function ve({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
-	let { i18n: r, _: i } = q();
+function ye({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
+	let { i18n: i, _: a } = J();
 	return /*#__PURE__*/ B(R, { children: [
 		/*#__PURE__*/ z(e.Field, {
 			name: "remoteSourceType",
 			mode: "value",
-			children: (n) => /*#__PURE__*/ z(p, {
+			children: (n) => /*#__PURE__*/ z(h, {
 				className: "mb-1",
-				children: /*#__PURE__*/ z(v, {
+				children: /*#__PURE__*/ z(D, {
 					name: "remoteSourceType",
-					label: r._({ id: "I5kZVK" }),
+					label: i._({ id: "I5kZVK" }),
 					selected: n.state.value,
 					onChange: (t) => {
 						let r = String(t);
@@ -778,12 +760,12 @@ function ve({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 					disabled: t,
 					children: /*#__PURE__*/ B("div", {
 						className: "flex gap-4",
-						children: [/*#__PURE__*/ z(C, {
+						children: [/*#__PURE__*/ z(c, {
 							value: "cidr",
-							label: r._({ id: "4uXhtt" })
-						}), /*#__PURE__*/ z(C, {
+							label: i._({ id: "4uXhtt" })
+						}), /*#__PURE__*/ z(c, {
 							value: "security_group",
-							label: r._({ id: "bwhBhT" })
+							label: i._({ id: "bwhBhT" })
 						})]
 					})
 				})
@@ -795,16 +777,16 @@ function ve({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 				name: "remoteCidr",
 				children: (n) => /*#__PURE__*/ z(e.Field, {
 					name: "ethertype",
-					children: (e) => /*#__PURE__*/ z(p, {
+					children: (e) => /*#__PURE__*/ z(h, {
 						className: "mb-6",
-						children: /*#__PURE__*/ z(l, {
+						children: /*#__PURE__*/ z(v, {
 							id: "remoteCidr",
 							name: "remoteCidr",
-							label: r._({ id: "vmYyLY" }),
+							label: i._({ id: "vmYyLY" }),
 							value: n.state.value,
 							onChange: (e) => n.handleChange(e.target.value),
 							errortext: n.state.meta.errors[0]?.message,
-							placeholder: e.state.value === "IPv4" ? oe : se,
+							placeholder: e.state.value === "IPv4" ? se : ce,
 							disabled: t
 						})
 					})
@@ -813,21 +795,21 @@ function ve({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 		}),
 		/*#__PURE__*/ z(e.Field, {
 			name: "remoteSourceType",
-			children: (i) => i.state.value === "security_group" ? /*#__PURE__*/ z(e.Field, {
+			children: (a) => a.state.value === "security_group" ? /*#__PURE__*/ z(e.Field, {
 				name: "remoteSecurityGroupId",
-				children: (e) => /*#__PURE__*/ z(p, {
+				children: (e) => /*#__PURE__*/ z(h, {
 					className: "mb-6",
-					children: /*#__PURE__*/ B(h, {
+					children: /*#__PURE__*/ B(T, {
 						id: "remoteSecurityGroupId",
-						label: r._({ id: "i9TIyi" }),
+						label: i._({ id: "i9TIyi" }),
 						value: e.state.value,
 						onChange: (t) => e.handleChange(String(t)),
 						errortext: e.state.meta.errors[0]?.message,
 						disabled: t,
-						children: [/*#__PURE__*/ z(y, {
+						children: [/*#__PURE__*/ z(r, {
 							value: "",
-							label: r._({ id: "ZvIpwi" })
-						}), n.map((e) => /*#__PURE__*/ z(y, {
+							label: i._({ id: "ZvIpwi" })
+						}), n.map((e) => /*#__PURE__*/ z(r, {
 							value: e.id,
 							label: e.name || e.id
 						}, e.id))]
@@ -839,13 +821,13 @@ function ve({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/DescriptionSection.tsx
-function ye({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = q();
+function be({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = J();
 	return /*#__PURE__*/ z(e.Field, {
 		name: "description",
-		children: (e) => /*#__PURE__*/ z(p, {
+		children: (e) => /*#__PURE__*/ z(h, {
 			className: "mb-0",
-			children: /*#__PURE__*/ z(g, {
+			children: /*#__PURE__*/ z(C, {
 				id: "description",
 				name: "description",
 				label: n._({ id: "Nu4oKW" }),
@@ -860,10 +842,10 @@ function ye({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/AddRuleModal.tsx
-var be = ({ securityGroupId: e, open: n, onClose: r, onCreate: o, isLoading: s = !1, error: c = null, availableSecurityGroups: l = [] }) => {
-	let { i18n: u, _: d } = q(), f = Y({
-		defaultValues: ue,
-		validators: { onSubmit: le },
+var xe = ({ securityGroupId: e, open: t, onClose: r, onCreate: a, isLoading: s = !1, error: c = null, availableSecurityGroups: l = [] }) => {
+	let { i18n: u, _: f } = J(), m = X({
+		defaultValues: de,
+		validators: { onSubmit: ue },
 		onSubmit: async ({ value: t }) => {
 			if (s) return;
 			let n = {
@@ -878,39 +860,39 @@ var be = ({ securityGroupId: e, open: n, onClose: r, onCreate: o, isLoading: s =
 			};
 			if ((t.protocol === "tcp" || t.protocol === "udp") && t.portFrom) {
 				let e = parseInt(t.portFrom, 10);
-				n.port_range_min = e, t.portTo ? n.port_range_max = parseInt(t.portTo, 10) : n.port_range_max = e;
+				n.port_range_min = e, n.port_range_max = t.portTo ? parseInt(t.portTo, 10) : e;
 			}
-			(t.protocol === "icmp" || t.protocol === "ipv6-icmp") && (t.icmpType && (n.port_range_min = parseInt(t.icmpType, 10)), t.icmpCode && (n.port_range_max = parseInt(t.icmpCode, 10))), t.remoteSourceType === "cidr" && t.remoteCidr ? n.remote_ip_prefix = t.remoteCidr : t.remoteSourceType === "security_group" && t.remoteSecurityGroupId && (n.remote_group_id = t.remoteSecurityGroupId), await o(n), p();
+			(t.protocol === "icmp" || t.protocol === "ipv6-icmp") && (t.icmpType && (n.port_range_min = parseInt(t.icmpType, 10)), t.icmpCode && (n.port_range_max = parseInt(t.icmpCode, 10))), t.remoteSourceType === "cidr" && t.remoteCidr ? n.remote_ip_prefix = t.remoteCidr : t.remoteSourceType === "security_group" && t.remoteSecurityGroupId && (n.remote_group_id = t.remoteSecurityGroupId), await a(n), h();
 		}
-	}), p = () => {
-		f.reset(), r();
+	}), h = () => {
+		m.reset(), r();
 	};
-	return /*#__PURE__*/ B(w, {
-		open: n,
-		onCancel: p,
+	return /*#__PURE__*/ B(i, {
+		open: t,
+		onCancel: h,
 		size: "large",
 		title: u._({ id: "b2BLBa" }),
-		modalFooter: /*#__PURE__*/ z(_, {
+		modalFooter: /*#__PURE__*/ z(o, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ z(f.Subscribe, { children: (e) => {
+			children: /*#__PURE__*/ z(m.Subscribe, { children: (e) => {
 				let t = !!e.values.ruleType;
-				return /*#__PURE__*/ B(D, { children: [/*#__PURE__*/ z(O, {
+				return /*#__PURE__*/ B(g, { children: [/*#__PURE__*/ z(p, {
 					variant: "default",
-					onClick: p,
+					onClick: h,
 					disabled: s || e.isSubmitting,
-					children: /*#__PURE__*/ z(K, { id: "dEgA5A" })
-				}), /*#__PURE__*/ z(O, {
+					children: /*#__PURE__*/ z(q, { id: "dEgA5A" })
+				}), /*#__PURE__*/ z(p, {
 					variant: "primary",
 					type: "button",
-					onClick: () => f.handleSubmit(),
+					onClick: () => m.handleSubmit(),
 					disabled: s || e.isSubmitting || !t,
 					"data-testid": "add-rule-button",
-					children: e.isSubmitting || s ? /*#__PURE__*/ z(a, { size: "small" }) : /*#__PURE__*/ z(K, { id: "bmQLn5" })
+					children: e.isSubmitting || s ? /*#__PURE__*/ z(d, { size: "small" }) : /*#__PURE__*/ z(q, { id: "bmQLn5" })
 				})] });
 			} })
 		}),
 		children: [
-			c && /*#__PURE__*/ z(t, {
+			c && /*#__PURE__*/ z(n, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
@@ -918,52 +900,52 @@ var be = ({ securityGroupId: e, open: n, onClose: r, onCreate: o, isLoading: s =
 			}),
 			s && /*#__PURE__*/ B("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ z(a, { variant: "primary" }), /*#__PURE__*/ z("span", {
+				children: [/*#__PURE__*/ z(d, { variant: "primary" }), /*#__PURE__*/ z("span", {
 					className: "text-theme-secondary text-sm",
-					children: /*#__PURE__*/ z(K, { id: "gU7JFm" })
+					children: /*#__PURE__*/ z(q, { id: "gU7JFm" })
 				})]
 			}),
-			/*#__PURE__*/ z(S, {
+			/*#__PURE__*/ z(E, {
 				className: "mb-6",
 				onSubmit: (e) => {
-					e.preventDefault(), f.handleSubmit();
+					e.preventDefault(), m.handleSubmit();
 				},
-				children: /*#__PURE__*/ B(i, {
+				children: /*#__PURE__*/ B(x, {
 					className: "mb-6",
-					children: [/*#__PURE__*/ z(fe, {
-						form: f,
+					children: [/*#__PURE__*/ z(pe, {
+						form: m,
 						disabled: s
-					}), /*#__PURE__*/ z(f.Subscribe, { children: (e) => {
+					}), /*#__PURE__*/ z(m.Subscribe, { children: (e) => {
 						if (!e.values.ruleType) return null;
 						let t = (e.values.protocol === "tcp" || e.values.protocol === "udp") && ["custom-tcp", "custom-udp"].includes(e.values.ruleType), n = e.values.protocol === "icmp" || e.values.protocol === "ipv6-icmp";
 						return /*#__PURE__*/ B(R, { children: [
-							/*#__PURE__*/ z(pe, {
-								form: f,
+							/*#__PURE__*/ z(me, {
+								form: m,
 								disabled: s
 							}),
-							e.values.ruleType === "other-protocol" && /*#__PURE__*/ z(he, {
-								form: f,
+							e.values.ruleType === "other-protocol" && /*#__PURE__*/ z(ge, {
+								form: m,
 								disabled: s
 							}),
-							t && /*#__PURE__*/ z(ge, {
-								form: f,
+							t && /*#__PURE__*/ z(_e, {
+								form: m,
 								disabled: s
 							}),
-							n && /*#__PURE__*/ z(_e, {
-								form: f,
+							n && /*#__PURE__*/ z(ve, {
+								form: m,
 								disabled: s
 							}),
-							/*#__PURE__*/ z(ve, {
-								form: f,
+							/*#__PURE__*/ z(ye, {
+								form: m,
 								disabled: s,
 								availableSecurityGroups: l
 							}),
-							e.values.remoteSourceType === "security_group" && /*#__PURE__*/ z(me, {
-								form: f,
+							e.values.remoteSourceType === "security_group" && /*#__PURE__*/ z(he, {
+								form: m,
 								disabled: s
 							}),
-							/*#__PURE__*/ z(ye, {
-								form: f,
+							/*#__PURE__*/ z(be, {
+								form: m,
 								disabled: s
 							})
 						] });
@@ -975,20 +957,20 @@ var be = ({ securityGroupId: e, open: n, onClose: r, onCreate: o, isLoading: s =
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupRulesTable.tsx
-function xe({ rules: t, totalRulesCount: i, onDeleteRule: a, isDeletingRule: s, deleteError: l, searchTerm: u = "", onSearchChange: d, sortSettings: p, onSortChange: h, filterSettings: g, onFilterChange: _, securityGroupId: v, onCreateRule: y, isCreatingRule: x = !1, createRuleError: S = null, availableSecurityGroups: C = [], canCreateRule: w, canDeleteRule: D }) {
-	let { i18n: k, _: A } = q(), [j, I] = W(null), [L, ee] = M(), [H, G] = W(u), J = U(void 0);
-	V(() => () => clearTimeout(J.current), []);
+function Se({ rules: e, totalRulesCount: n, onDeleteRule: r, isDeletingRule: i, deleteError: a, searchTerm: o = "", onSearchChange: c, sortSettings: d, onSortChange: h, filterSettings: g, onFilterChange: v, securityGroupId: y, onCreateRule: x, isCreatingRule: S = !1, createRuleError: C = null, availableSecurityGroups: T = [], canCreateRule: E, canDeleteRule: D }) {
+	let { i18n: k, _: A } = J(), [j, N] = G(null), [L, ee] = P(), [V, U] = G(o), K = W(void 0);
+	H(() => () => clearTimeout(K.current), []);
 	let Y = (e) => {
-		I(e);
+		N(e);
 	}, X = (e) => {
-		a(e);
-	}, te = () => {
-		s || I(null);
+		r(e);
+	}, Z = () => {
+		i || N(null);
 	};
-	V(() => {
-		!s && !l && I(null);
-	}, [s, l]);
-	let Z = (e) => {
+	H(() => {
+		!i && !a && N(null);
+	}, [i, a]);
+	let te = (e) => {
 		if (e.protocol === "icmp" || e.protocol === "ipv6-icmp") {
 			if (e.port_range_min !== null && e.port_range_max !== null) {
 				let t = e.port_range_min, n = e.port_range_max;
@@ -1003,238 +985,241 @@ function xe({ rules: t, totalRulesCount: i, onDeleteRule: a, isDeletingRule: s,
 			return k._({ id: "eKC+EC" });
 		}
 		return e.port_range_min === null || e.port_range_max === null ? k._({ id: "eKC+EC" }) : e.port_range_min === e.port_range_max ? String(e.port_range_min) : `${e.port_range_min}-${e.port_range_max}`;
-	}, Q = t.length, $ = i;
+	}, Q = e.length, $ = n;
 	return /*#__PURE__*/ B(R, { children: [
-		/*#__PURE__*/ B(E, {
+		/*#__PURE__*/ B(f, {
 			direction: "vertical",
 			gap: "4",
 			children: [
-				/*#__PURE__*/ B(E, {
+				/*#__PURE__*/ B(f, {
 					distribution: "between",
 					alignment: "center",
 					gap: "2",
 					className: "pb-2",
 					children: [/*#__PURE__*/ z("span", {
 						className: "theme-color-text-light text-sm",
-						children: $ !== void 0 && Q !== $ ? /*#__PURE__*/ z(K, {
+						children: $ !== void 0 && Q !== $ ? /*#__PURE__*/ z(q, {
 							id: "xuVMLX",
 							values: {
 								rulesLength: Q,
 								totalCount: $
 							}
-						}) : /*#__PURE__*/ z(K, {
+						}) : /*#__PURE__*/ z(q, {
 							id: "UHciG3",
 							values: { rulesLength: Q }
 						})
-					}), /*#__PURE__*/ B(E, {
+					}), /*#__PURE__*/ B(f, {
 						gap: "2",
-						children: [p && h && /*#__PURE__*/ z(N, {
-							options: p.options,
-							sortBy: p.sortBy,
-							sortDirection: p.sortDirection ?? "asc",
+						children: [d && h && /*#__PURE__*/ z(M, {
+							options: d.options,
+							sortBy: d.sortBy,
+							sortDirection: d.sortDirection ?? "asc",
+							selectClassName: "min-w-40",
 							onSortByChange: (e) => h({
-								...p,
+								...d,
 								sortBy: e,
-								sortDirection: p.sortDirection
+								sortDirection: d.sortDirection
 							}),
 							onSortDirectionChange: (e) => h({
-								...p,
+								...d,
 								sortDirection: e
 							})
-						}), w && y && /*#__PURE__*/ z(O, {
+						}), E && x && /*#__PURE__*/ z(p, {
 							variant: "primary",
 							icon: "addCircle",
 							onClick: ee,
 							className: "whitespace-nowrap",
-							children: /*#__PURE__*/ z(K, { id: "O8tK4v" })
+							children: /*#__PURE__*/ z(q, { id: "O8tK4v" })
 						})]
 					})]
 				}),
-				(g || d) && /*#__PURE__*/ z(m, { children: /*#__PURE__*/ B(E, {
+				(g || c) && /*#__PURE__*/ z(_, { children: /*#__PURE__*/ B(f, {
 					direction: "vertical",
 					gap: "2",
-					children: [/*#__PURE__*/ B(E, {
+					children: [/*#__PURE__*/ B(f, {
 						distribution: "between",
 						alignment: "center",
-						children: [g && _ && /*#__PURE__*/ z(F, {
+						children: [g && v && /*#__PURE__*/ z(I, {
 							filters: g.filters,
+							selectClassName: "sm:min-w-40",
+							comboboxClassName: "sm:min-w-40",
 							onChange: (e) => {
 								if ((g.selectedFilters || []).some((t) => t.name === e.name && t.value === e.value)) return;
 								let t = g.filters.find((t) => t.filterName === e.name)?.supportsMultiValue ? [...g.selectedFilters || [], e] : [...(g.selectedFilters || []).filter((t) => t.name !== e.name), e];
-								_({
+								v({
 									...g,
 									selectedFilters: t
 								});
 							}
-						}), d && /*#__PURE__*/ z(b, {
+						}), c && /*#__PURE__*/ z(t, {
 							placeholder: k._({ id: "HMV+cw" }),
 							"data-testid": "searchbar",
-							value: H,
+							value: V,
 							onInput: (e) => {
 								let t = e.currentTarget.value;
-								G(t), clearTimeout(J.current), J.current = window.setTimeout(() => d(t), 500);
+								U(t), clearTimeout(K.current), K.current = window.setTimeout(() => c(t), 500);
 							},
 							onSearch: (e) => {
-								clearTimeout(J.current), d(typeof e == "string" ? e : "");
+								clearTimeout(K.current), c(typeof e == "string" ? e : "");
 							},
 							onClear: () => {
-								clearTimeout(J.current), G(""), d("");
+								clearTimeout(K.current), U(""), c("");
 							}
 						})]
-					}), g?.selectedFilters && g.selectedFilters.length > 0 && /*#__PURE__*/ z(P, {
+					}), g?.selectedFilters && g.selectedFilters.length > 0 && /*#__PURE__*/ z(F, {
 						selectedFilters: g.selectedFilters,
-						onDelete: (e) => _?.({
+						onDelete: (e) => v?.({
 							...g,
-							selectedFilters: (g.selectedFilters || []).filter((t) => !(t.name === e.name && t.value === e.value))
+							selectedFilters: (g.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
 						}),
-						onClear: () => _?.({
+						onClear: () => v?.({
 							...g,
 							selectedFilters: []
 						})
 					})]
 				}) }),
-				t.length === 0 ? /*#__PURE__*/ z(K, { id: "nnxwBn" }) : /*#__PURE__*/ B(o, {
+				e.length === 0 ? /*#__PURE__*/ z(q, { id: "nnxwBn" }) : /*#__PURE__*/ B(b, {
 					columns: D ? 6 : 5,
 					className: "security-group-rules-table",
-					children: [/*#__PURE__*/ B(n, { children: [
-						/*#__PURE__*/ z(c, { children: k._({ id: "MRB7nI" }) }),
-						/*#__PURE__*/ z(c, { children: k._({ id: "Nu4oKW" }) }),
-						/*#__PURE__*/ z(c, { children: k._({ id: "yp0UjB" }) }),
-						/*#__PURE__*/ z(c, { children: k._({ id: "6+OdGi" }) }),
-						/*#__PURE__*/ z(c, { children: k._({ id: "6jAi8c" }) }),
-						D && /*#__PURE__*/ z(c, { children: k._({ id: "7L01XJ" }) })
-					] }), t.map((t) => /*#__PURE__*/ B(n, {
-						"data-testid": `rule-row-${t.id}`,
+					children: [/*#__PURE__*/ B(u, { children: [
+						/*#__PURE__*/ z(l, { children: k._({ id: "MRB7nI" }) }),
+						/*#__PURE__*/ z(l, { children: k._({ id: "Nu4oKW" }) }),
+						/*#__PURE__*/ z(l, { children: k._({ id: "yp0UjB" }) }),
+						/*#__PURE__*/ z(l, { children: k._({ id: "6+OdGi" }) }),
+						/*#__PURE__*/ z(l, { children: k._({ id: "6jAi8c" }) }),
+						D && /*#__PURE__*/ z(l, { children: k._({ id: "7L01XJ" }) })
+					] }), e.map((e) => /*#__PURE__*/ B(u, {
+						"data-testid": `rule-row-${e.id}`,
 						children: [
-							/*#__PURE__*/ z(r, { children: t.direction || k._({ id: "h47p9L" }) }),
-							/*#__PURE__*/ z(r, { children: t.description || k._({ id: "h47p9L" }) }),
-							/*#__PURE__*/ z(r, { children: t.ethertype }),
-							/*#__PURE__*/ z(r, { children: t.protocol || k._({ id: "eKC+EC" }) }),
-							/*#__PURE__*/ z(r, { children: Z(t) }),
-							D && /*#__PURE__*/ z(r, {
+							/*#__PURE__*/ z(w, { children: e.direction || k._({ id: "h47p9L" }) }),
+							/*#__PURE__*/ z(w, { children: e.description || k._({ id: "h47p9L" }) }),
+							/*#__PURE__*/ z(w, { children: e.ethertype }),
+							/*#__PURE__*/ z(w, { children: e.protocol || k._({ id: "eKC+EC" }) }),
+							/*#__PURE__*/ z(w, { children: te(e) }),
+							D && /*#__PURE__*/ z(w, {
 								onClick: (e) => e.stopPropagation(),
 								className: "items-end justify-end pr-0",
-								children: /*#__PURE__*/ z(T, { children: /*#__PURE__*/ z(e, { children: /*#__PURE__*/ z(f, {
+								children: /*#__PURE__*/ z(s, { children: /*#__PURE__*/ z(m, { children: /*#__PURE__*/ z(O, {
 									label: k._({ id: "cnGeoo" }),
-									onClick: () => Y(t)
+									onClick: () => Y(e)
 								}) }) })
 							})
 						]
-					}, t.id))]
+					}, e.id))]
 				})
 			]
 		}),
 		D && /*#__PURE__*/ z(ne, {
 			rule: j,
 			open: !!j,
-			onClose: te,
+			onClose: Z,
 			onConfirm: X,
-			isLoading: s,
-			error: l
+			isLoading: i,
+			error: a
 		}),
-		w && v && y && L && /*#__PURE__*/ z(be, {
-			securityGroupId: v,
+		E && y && x && L && /*#__PURE__*/ z(xe, {
+			securityGroupId: y,
 			open: L,
 			onClose: ee,
-			onCreate: y,
-			isLoading: x,
-			error: S,
-			availableSecurityGroups: C
+			onCreate: x,
+			isLoading: S,
+			error: C,
+			availableSecurityGroups: T
 		})
 	] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/RBACPolicyRow.tsx
-function Se({ policy: t, onDelete: i, canDelete: a }) {
-	let { i18n: o, _: s } = q();
-	return /*#__PURE__*/ B(n, { children: [
-		/*#__PURE__*/ z(r, { children: t.target_tenant }),
-		/*#__PURE__*/ z(r, { children: t.action }),
-		/*#__PURE__*/ z(r, {
+function Ce({ policy: e, onDelete: t, canDelete: n }) {
+	let { i18n: r, _: i } = J();
+	return /*#__PURE__*/ B(u, { children: [
+		/*#__PURE__*/ z(w, { children: e.target_tenant }),
+		/*#__PURE__*/ z(w, { children: e.action }),
+		/*#__PURE__*/ z(w, {
 			onClick: (e) => e.stopPropagation(),
 			className: "items-end justify-end pr-0",
-			children: a && /*#__PURE__*/ z(T, { children: /*#__PURE__*/ z(e, { children: /*#__PURE__*/ z(f, {
-				label: o._({ id: "t/YqKh" }),
-				onClick: i
+			children: n && /*#__PURE__*/ z(s, { children: /*#__PURE__*/ z(m, { children: /*#__PURE__*/ z(O, {
+				label: r._({ id: "t/YqKh" }),
+				onClick: t
 			}) }) })
 		})
 	] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRBACPolicyModal.tsx
-var Ce = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, we = /^[0-9a-f]{32}$/i;
-function Te(e) {
-	return Ce.test(e) || we.test(e);
+var we = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, Te = /^[0-9a-f]{32}$/i;
+function Ee(e) {
+	return we.test(e) || Te.test(e);
 }
-function Ee({ isOpen: e, onClose: n, securityGroupId: r }) {
-	let { i18n: a, _: o } = q(), s = k.useUtils(), c = j(), [u, d] = W(!1), f = J.object({ targetTenant: J.string().min(1, a._({ id: "1RwosK" })).refine(Te, { message: a._({ id: "CunRry" }) }) }), p = k.network.rbacPolicy.create.useMutation({ onSuccess: () => {
+function De({ isOpen: e, onClose: t, securityGroupId: r }) {
+	let { i18n: a, _: o } = J(), s = k.useUtils(), c = j(), [l, u] = G(!1), d = Y.object({ targetTenant: Y.string().min(1, a._({ id: "1RwosK" })).refine(Ee, { message: a._({ id: "CunRry" }) }) }), f = k.network.rbacPolicy.create.useMutation({ onSuccess: () => {
 		s.network.rbacPolicy.list.invalidate({
 			project_id: c,
 			securityGroupId: r
 		}), s.network.securityGroup.getById.invalidate({
 			project_id: c,
 			securityGroupId: r
-		}), h();
-	} }), m = Y({
+		}), m();
+	} }), p = X({
 		defaultValues: { targetTenant: "" },
-		validators: { onSubmit: f },
+		validators: { onSubmit: d },
 		onSubmit: async ({ value: e }) => {
-			p.isPending || p.mutate({
+			f.isPending || f.mutate({
 				project_id: c,
 				securityGroupId: r,
 				targetTenant: e.targetTenant.trim()
 			});
 		}
-	}), h = () => {
-		m.reset(), p.reset(), d(!1), n();
-	}, g = async () => {
-		d(!0), await m.handleSubmit();
+	}), m = () => {
+		p.reset(), f.reset(), u(!1), t();
+	}, h = async () => {
+		u(!0), await p.handleSubmit();
 	};
-	return /*#__PURE__*/ B(w, {
+	return /*#__PURE__*/ B(i, {
 		open: e,
-		onCancel: h,
+		onCancel: m,
 		title: a._({ id: "vmRPFm" }),
 		size: "large",
-		onConfirm: g,
+		onConfirm: h,
 		cancelButtonLabel: a._({ id: "dEgA5A" }),
 		confirmButtonLabel: a._({ id: "Z8lGw6" }),
-		disableConfirmButton: p.isPending,
+		disableConfirmButton: f.isPending,
 		children: [
-			p.error && /*#__PURE__*/ z(t, {
+			f.error && /*#__PURE__*/ z(n, {
 				variant: "error",
 				className: "mb-4",
 				children: (() => {
-					let e = p.error.message.toLowerCase();
-					return e.includes("conflict") || e.includes("409") ? a._({ id: "rbuO5A" }) : e.includes("not found") || e.includes("404") ? a._({ id: "FwSyEp" }) : e.includes("forbidden") || e.includes("403") ? a._({ id: "kqJVBO" }) : p.error.message;
+					let e = f.error.message.toLowerCase();
+					return e.includes("conflict") || e.includes("409") ? a._({ id: "rbuO5A" }) : e.includes("not found") || e.includes("404") ? a._({ id: "FwSyEp" }) : e.includes("forbidden") || e.includes("403") ? a._({ id: "kqJVBO" }) : f.error.message;
 				})()
 			}),
 			/*#__PURE__*/ z("p", {
 				className: "mb-4",
-				children: /*#__PURE__*/ z(K, { id: "cjEOmc" })
+				children: /*#__PURE__*/ z(q, { id: "cjEOmc" })
 			}),
-			/*#__PURE__*/ z(S, {
+			/*#__PURE__*/ z(E, {
 				className: "mb-0",
 				onSubmit: (e) => {
-					e.preventDefault(), g();
+					e.preventDefault(), h();
 				},
-				children: /*#__PURE__*/ z(i, { children: /*#__PURE__*/ z(m.Field, {
+				children: /*#__PURE__*/ z(x, { children: /*#__PURE__*/ z(p.Field, {
 					name: "targetTenant",
 					validators: {
 						onBlur: ({ value: e }) => {
 							let t = e.trim();
 							if (!t) return a._({ id: "1RwosK" });
-							if (!Te(t)) return a._({ id: "CunRry" });
+							if (!Ee(t)) return a._({ id: "CunRry" });
 						},
 						onChange: ({ value: e }) => {
-							if (!u) return;
+							if (!l) return;
 							let t = e.trim();
 							if (!t) return a._({ id: "1RwosK" });
-							if (!Te(t)) return a._({ id: "CunRry" });
+							if (!Ee(t)) return a._({ id: "CunRry" });
 						}
 					},
 					children: (e) => {
-						let t = (e.state.meta.isTouched || u) && e.state.meta.errors.length > 0, n = e.state.meta.errors[0], r = t ? typeof n == "string" ? n : n?.message : void 0;
-						return /*#__PURE__*/ z(l, {
+						let t = (e.state.meta.isTouched || l) && e.state.meta.errors.length > 0, n = e.state.meta.errors[0], r = t ? typeof n == "string" ? n : n?.message : void 0;
+						return /*#__PURE__*/ z(v, {
 							id: e.name,
 							name: e.name,
 							label: a._({ id: "WzVwU0" }),
@@ -1244,7 +1229,7 @@ function Ee({ isOpen: e, onClose: n, securityGroupId: r }) {
 							placeholder: a._({ id: "he4q+i" }),
 							required: !0,
 							helptext: a._({ id: "PkfPsB" }),
-							disabled: p.isPending,
+							disabled: f.isPending,
 							errortext: r,
 							invalid: t
 						});
@@ -1256,18 +1241,18 @@ function Ee({ isOpen: e, onClose: n, securityGroupId: r }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRBACPolicyDialog.tsx
-function De({ policy: e, open: n, onClose: r, onConfirm: a, isLoading: o, error: s }) {
-	let { i18n: c, _: u } = q(), d = Y({
+function Oe({ policy: e, open: t, onClose: r, onConfirm: a, isLoading: o, error: s }) {
+	let { i18n: c, _: l } = J(), u = Y.object({ confirmText: Y.string().refine((e) => e === "remove", { message: c._({ id: "SVLToM" }) }) }), d = X({
 		defaultValues: { confirmText: "" },
-		validators: { onSubmit: J.object({ confirmText: J.string().refine((e) => e === "remove", { message: c._({ id: "SVLToM" }) }) }) },
+		validators: { onSubmit: u },
 		onSubmit: async () => {
 			o || (a(e.id), p());
 		}
-	}), f = X(d.store, (e) => e.isSubmitting || e.values.confirmText !== "remove"), p = () => {
+	}), f = Z(d.store, (e) => e.isSubmitting || e.values.confirmText !== "remove"), p = () => {
 		d.reset(), r();
 	};
-	return /*#__PURE__*/ z(w, {
-		open: n,
+	return /*#__PURE__*/ z(i, {
+		open: t,
 		onCancel: p,
 		size: "small",
 		title: c._({ id: "Dt5W9T" }),
@@ -1276,53 +1261,53 @@ function De({ policy: e, open: n, onClose: r, onConfirm: a, isLoading: o, error:
 		confirmButtonLabel: o ? c._({ id: "M5RhXF" }) : c._({ id: "qh5W8q" }),
 		disableConfirmButton: o || f,
 		children: /*#__PURE__*/ B("div", { children: [
-			s && /*#__PURE__*/ z(t, {
+			s && /*#__PURE__*/ z(n, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
 				children: s
 			}),
-			/*#__PURE__*/ z(K, { id: "BMTd81" }),
+			/*#__PURE__*/ z(q, { id: "BMTd81" }),
 			/*#__PURE__*/ B("div", {
 				className: "bg-theme-background-lvl-1 mt-4 mb-4 rounded p-4",
 				children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 font-semibold",
-					children: /*#__PURE__*/ z(K, { id: "nLvo6K" })
+					children: /*#__PURE__*/ z(q, { id: "nLvo6K" })
 				}), /*#__PURE__*/ B("ul", {
 					className: "list-inside list-disc space-y-1 text-sm",
 					children: [
 						/*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "WzVwU0" }),
+							/*#__PURE__*/ z(q, { id: "WzVwU0" }),
 							": ",
 							e.target_tenant
 						] }),
 						/*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "bwRvnp" }),
+							/*#__PURE__*/ z(q, { id: "bwRvnp" }),
 							": ",
 							e.action
 						] }),
 						/*#__PURE__*/ B("li", { children: [
-							/*#__PURE__*/ z(K, { id: "UGhVPl" }),
+							/*#__PURE__*/ z(q, { id: "UGhVPl" }),
 							": ",
 							e.object_type
 						] })
 					]
 				})]
 			}),
-			!o && /*#__PURE__*/ z(S, {
+			!o && /*#__PURE__*/ z(E, {
 				className: "mt-4 mb-0",
 				onSubmit: (e) => {
 					e.preventDefault(), d.handleSubmit();
 				},
-				children: /*#__PURE__*/ B(i, { children: [/*#__PURE__*/ z("p", {
+				children: /*#__PURE__*/ B(x, { children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 text-sm",
-					children: /*#__PURE__*/ z(K, {
+					children: /*#__PURE__*/ z(q, {
 						id: "Enpdmy",
 						components: { 0: /*#__PURE__*/ z("strong", {}) }
 					})
 				}), /*#__PURE__*/ z(d.Field, {
 					name: "confirmText",
-					children: (e) => /*#__PURE__*/ z(l, {
+					children: (e) => /*#__PURE__*/ z(v, {
 						id: e.name,
 						name: e.name,
 						value: e.state.value,
@@ -1339,111 +1324,111 @@ function De({ policy: e, open: n, onClose: r, onConfirm: a, isLoading: o, error:
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupRBACPolicies.tsx
-function Oe({ securityGroupId: e, canManageAccess: r }) {
-	let i = k.useUtils(), { i18n: s, _: l } = q(), u = j(), [d, f] = M(), [p, h] = W(null), [g, _] = W(""), [v, y] = W(""), x = U(void 0);
-	V(() => () => clearTimeout(x.current), []);
-	let { data: S, isPending: C, isError: w, error: T } = k.network.rbacPolicy.list.useQuery({
-		project_id: u,
+function ke({ securityGroupId: e, canManageAccess: r }) {
+	let i = k.useUtils(), { i18n: a, _: o } = J(), s = j(), [c, m] = P(), [h, g] = G(null), [v, y] = G(""), [x, S] = G(""), C = W(void 0);
+	H(() => () => clearTimeout(C.current), []);
+	let { data: w, isPending: T, isError: E, error: D } = k.network.rbacPolicy.list.useQuery({
+		project_id: s,
 		securityGroupId: e
-	}, { refetchOnWindowFocus: !1 }), D = k.network.rbacPolicy.delete.useMutation({ onSuccess: () => {
+	}, { refetchOnWindowFocus: !1 }), O = k.network.rbacPolicy.delete.useMutation({ onSuccess: () => {
 		i.network.rbacPolicy.list.invalidate({
-			project_id: u,
+			project_id: s,
 			securityGroupId: e
 		}), i.network.securityGroup.getById.invalidate({
-			project_id: u,
+			project_id: s,
 			securityGroupId: e
 		});
 	} }), A = (e) => {
-		h(e);
-	}, N = (e) => {
-		D.mutate({
-			project_id: u,
+		g(e);
+	}, M = (e) => {
+		O.mutate({
+			project_id: s,
 			policyId: e
 		});
-	}, P = () => {
-		D.isPending || h(null);
+	}, N = () => {
+		O.isPending || g(null);
 	};
-	V(() => {
-		!D.isPending && !D.error && D.isSuccess && h(null);
+	H(() => {
+		!O.isPending && !O.error && O.isSuccess && g(null);
 	}, [
-		D.isPending,
-		D.error,
-		D.isSuccess
+		O.isPending,
+		O.error,
+		O.isSuccess
 	]);
-	let F = H(() => {
-		if (!S) return [];
-		if (!g) return S;
-		let e = g.toLowerCase();
-		return S.filter((t) => t.target_tenant?.toLowerCase().includes(e) || t.action?.toLowerCase().includes(e));
-	}, [S, g]);
-	if (C) return /*#__PURE__*/ z(E, {
+	let F = U(() => {
+		if (!w) return [];
+		if (!v) return w;
+		let e = v.toLowerCase();
+		return w.filter((t) => t.target_tenant?.toLowerCase().includes(e) || t.action?.toLowerCase().includes(e));
+	}, [w, v]);
+	if (T) return /*#__PURE__*/ z(f, {
 		distribution: "center",
 		alignment: "center",
 		className: "py-8",
-		children: /*#__PURE__*/ z(a, { variant: "primary" })
+		children: /*#__PURE__*/ z(d, { variant: "primary" })
 	});
-	if (w) return /*#__PURE__*/ z(t, {
+	if (E) return /*#__PURE__*/ z(n, {
 		variant: "error",
 		className: "mb-4",
-		children: T.message
+		children: D.message
 	});
-	let I = S?.length || 0, L = F.length;
+	let I = w?.length || 0, L = F.length;
 	return /*#__PURE__*/ B(R, { children: [
-		/*#__PURE__*/ B(E, {
+		/*#__PURE__*/ B(f, {
 			direction: "vertical",
 			gap: "4",
 			children: [
-				/*#__PURE__*/ B(E, {
+				/*#__PURE__*/ B(f, {
 					distribution: "between",
 					alignment: "center",
 					gap: "2",
 					className: "pb-2",
 					children: [/*#__PURE__*/ z("span", {
 						className: "theme-color-text-light text-sm",
-						children: I === L ? /*#__PURE__*/ z(K, {
+						children: I === L ? /*#__PURE__*/ z(q, {
 							id: "xx2KP5",
 							values: { totalCount: I }
-						}) : /*#__PURE__*/ z(K, {
+						}) : /*#__PURE__*/ z(q, {
 							id: "VcWhM0",
 							values: {
 								filteredCount: L,
 								totalCount: I
 							}
 						})
-					}), r && /*#__PURE__*/ z(O, {
+					}), r && /*#__PURE__*/ z(p, {
 						variant: "primary",
 						icon: "addCircle",
-						onClick: f,
+						onClick: m,
 						className: "whitespace-nowrap",
-						children: /*#__PURE__*/ z(K, { id: "vmRPFm" })
+						children: /*#__PURE__*/ z(q, { id: "vmRPFm" })
 					})]
 				}),
-				/*#__PURE__*/ z(m, { children: /*#__PURE__*/ z(E, {
+				/*#__PURE__*/ z(_, { children: /*#__PURE__*/ z(f, {
 					distribution: "between",
 					alignment: "center",
-					children: /*#__PURE__*/ z(b, {
-						placeholder: s._({ id: "mlxk2U" }),
+					children: /*#__PURE__*/ z(t, {
+						placeholder: a._({ id: "mlxk2U" }),
 						"data-testid": "searchbar",
-						value: v,
+						value: x,
 						onInput: (e) => {
 							let t = e.currentTarget.value;
-							y(t), clearTimeout(x.current), x.current = window.setTimeout(() => _(t), 500);
+							S(t), clearTimeout(C.current), C.current = window.setTimeout(() => y(t), 500);
 						},
 						onSearch: (e) => {
-							clearTimeout(x.current), _(typeof e == "string" ? e : "");
+							clearTimeout(C.current), y(typeof e == "string" ? e : "");
 						},
 						onClear: () => {
-							clearTimeout(x.current), y(""), _("");
+							clearTimeout(C.current), S(""), y("");
 						}
 					})
 				}) }),
-				L === 0 ? g ? /*#__PURE__*/ z(K, { id: "qxxo7y" }) : /*#__PURE__*/ z(K, { id: "Dia2Ue" }) : /*#__PURE__*/ B(o, {
+				L === 0 ? v ? /*#__PURE__*/ z(q, { id: "qxxo7y" }) : /*#__PURE__*/ z(q, { id: "Dia2Ue" }) : /*#__PURE__*/ B(b, {
 					columns: 3,
-					children: [/*#__PURE__*/ B(n, { children: [
-						/*#__PURE__*/ z(c, { children: /*#__PURE__*/ z(K, { id: "WzVwU0" }) }),
-						/*#__PURE__*/ z(c, { children: /*#__PURE__*/ z(K, { id: "bwRvnp" }) }),
-						/*#__PURE__*/ z(c, { children: /*#__PURE__*/ z(K, { id: "7L01XJ" }) })
-					] }), F.map((e) => /*#__PURE__*/ z(Se, {
+					children: [/*#__PURE__*/ B(u, { children: [
+						/*#__PURE__*/ z(l, { children: /*#__PURE__*/ z(q, { id: "WzVwU0" }) }),
+						/*#__PURE__*/ z(l, { children: /*#__PURE__*/ z(q, { id: "bwRvnp" }) }),
+						/*#__PURE__*/ z(l, { children: /*#__PURE__*/ z(q, { id: "7L01XJ" }) })
+					] }), F.map((e) => /*#__PURE__*/ z(Ce, {
 						policy: e,
 						onDelete: () => A(e),
 						canDelete: r
@@ -1451,70 +1436,70 @@ function Oe({ securityGroupId: e, canManageAccess: r }) {
 				})
 			]
 		}),
-		!!p && /*#__PURE__*/ z(De, {
-			policy: p,
-			open: !!p,
-			onClose: P,
-			onConfirm: N,
-			isLoading: D.isPending,
-			error: D.error?.message || null
+		!!h && /*#__PURE__*/ z(Oe, {
+			policy: h,
+			open: !!h,
+			onClose: N,
+			onConfirm: M,
+			isLoading: O.isPending,
+			error: O.error?.message || null
 		}),
-		d && /*#__PURE__*/ z(Ee, {
-			isOpen: d,
-			onClose: f,
+		c && /*#__PURE__*/ z(De, {
+			isOpen: c,
+			onClose: m,
 			securityGroupId: e
 		})
 	] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/SecurityGroupDetailsView.tsx
-function ke({ securityGroup: e, filteredAndSortedRules: t, onEdit: n, onDeleteRule: r, isDeletingRule: i = !1, deleteRuleError: a = null, filterControls: o, onCreateRule: s, isCreatingRule: c = !1, createRuleError: l = null, availableSecurityGroups: u = [], currentProjectId: f, permissions: p }) {
-	let [m, h] = W("rules"), g = e.project_id === f && p.canViewRBAC;
-	return /*#__PURE__*/ z(d, {
+function Ae({ securityGroup: t, filteredAndSortedRules: n, onEdit: r, onDeleteRule: i, isDeletingRule: a = !1, deleteRuleError: o = null, filterControls: s, onCreateRule: c, isCreatingRule: l = !1, createRuleError: u = null, availableSecurityGroups: d = [], currentProjectId: p, permissions: m }) {
+	let [h, g] = G("rules"), _ = t.project_id === p && m.canViewRBAC;
+	return /*#__PURE__*/ z(e, {
 		px: !1,
 		py: !0,
-		children: /*#__PURE__*/ B(E, {
+		children: /*#__PURE__*/ B(f, {
 			direction: "vertical",
 			gap: "4",
 			children: [
 				/*#__PURE__*/ z(te, {
-					name: e.name,
-					id: e.id
-				}),
-				/*#__PURE__*/ z(Z, {
-					securityGroup: e,
-					onEdit: n,
-					canUpdate: p.canUpdate
+					name: t.name,
+					id: t.id
 				}),
 				/*#__PURE__*/ z(Q, {
-					activeTab: m,
-					onTabChange: h,
-					showRBACTab: g
+					securityGroup: t,
+					onEdit: r,
+					canUpdate: m.canUpdate
+				}),
+				/*#__PURE__*/ z($, {
+					activeTab: h,
+					onTabChange: g,
+					showRBACTab: _
 				}),
 				/*#__PURE__*/ B("div", {
 					className: "mt-6",
-					children: [m === "rules" && /*#__PURE__*/ z(xe, {
-						rules: t,
-						totalRulesCount: e.security_group_rules?.length,
-						onDeleteRule: r,
-						isDeletingRule: i,
-						deleteError: a,
-						searchTerm: o.searchTerm,
-						onSearchChange: o.onSearchChange,
-						sortSettings: o.sortSettings,
-						onSortChange: o.onSortChange,
-						filterSettings: o.filterSettings,
-						onFilterChange: o.onFilterChange,
-						securityGroupId: e.id,
-						onCreateRule: p.canCreateRule ? s : void 0,
-						isCreatingRule: c,
-						createRuleError: l,
-						availableSecurityGroups: u,
-						canCreateRule: p.canCreateRule,
-						canDeleteRule: p.canDeleteRule
-					}), m === "rbac" && /*#__PURE__*/ z(Oe, {
-						securityGroupId: e.id,
-						canManageAccess: p.canManageAccess
+					children: [h === "rules" && /*#__PURE__*/ z(Se, {
+						rules: n,
+						totalRulesCount: t.security_group_rules?.length,
+						onDeleteRule: i,
+						isDeletingRule: a,
+						deleteError: o,
+						searchTerm: s.searchTerm,
+						onSearchChange: s.onSearchChange,
+						sortSettings: s.sortSettings,
+						onSortChange: s.onSortChange,
+						filterSettings: s.filterSettings,
+						onFilterChange: s.onFilterChange,
+						securityGroupId: t.id,
+						onCreateRule: m.canCreateRule ? c : void 0,
+						isCreatingRule: l,
+						createRuleError: u,
+						availableSecurityGroups: d,
+						canCreateRule: m.canCreateRule,
+						canDeleteRule: m.canDeleteRule
+					}), h === "rbac" && /*#__PURE__*/ z(ke, {
+						securityGroupId: t.id,
+						canManageAccess: m.canManageAccess
 					})]
 				})
 			]
@@ -1523,16 +1508,16 @@ function ke({ securityGroup: e, filteredAndSortedRules: t, onEdit: n, onDeleteRu
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-hooks/useSecurityGroupDetails.ts
-function Ae({ securityGroupId: e, filterControls: t }) {
-	let [n, r] = W(!1), i = j(), a = k.useUtils(), o = k.network.securityGroup.getById.useQuery({
+function je({ securityGroupId: e, filterControls: t }) {
+	let [n, r] = G(!1), i = j(), a = k.useUtils(), o = k.network.securityGroup.getById.useQuery({
 		project_id: i,
 		securityGroupId: e
 	}, { placeholderData: () => a.network.securityGroup.getById.getData({
 		project_id: i,
 		securityGroupId: e
-	}) }), s = H(() => {
+	}) }), s = U(() => {
 		let e = o.data?.security_group_rules || [], n = t.filterSettings.selectedFilters?.find((e) => e.name === "direction")?.value, r = t.filterSettings.selectedFilters?.find((e) => e.name === "ethertype")?.value, i = t.filterSettings.selectedFilters?.find((e) => e.name === "protocol")?.value;
-		if (n && n !== "all" && (e = e.filter((e) => e.direction === n)), r && r !== "all" && (e = e.filter((e) => e.ethertype === r)), i && i !== "all" && (e = e.filter((e) => e.protocol === null ? !1 : e.protocol === i)), t.searchTerm) {
+		if (n && n !== "all" && (e = e.filter((e) => e.direction === n)), r && r !== "all" && (e = e.filter((e) => e.ethertype === r)), i && i !== "all" && (e = e.filter((e) => e.protocol !== null && e.protocol === i)), t.searchTerm) {
 			let n = t.searchTerm.toLowerCase();
 			e = e.filter((e) => e.description?.toLowerCase().includes(n) || e.protocol?.toLowerCase().includes(n) || e.ethertype?.toLowerCase().includes(n));
 		}
@@ -1601,11 +1586,40 @@ function Ae({ securityGroupId: e, filterControls: t }) {
 	};
 }
 //#endregion
+//#region src/client/utils/useListWithFiltering.ts
+function Me({ defaultSortKey: e, defaultSortDir: t, sortOptions: n, filterSettings: r }) {
+	let [i, a] = G(""), o = (e) => {
+		let t = typeof e == "string" ? e : "";
+		V(() => a(t));
+	}, [s, c] = G({
+		options: n,
+		sortBy: e,
+		sortDirection: t
+	}), l = (n) => {
+		let r = {
+			options: n.options ?? s.options,
+			sortBy: n.sortBy?.toString() || e,
+			sortDirection: n.sortDirection || t
+		};
+		c(r);
+	}, [u, d] = G(r);
+	return {
+		searchTerm: i,
+		sortSettings: s,
+		filterSettings: u,
+		handleSearchChange: o,
+		handleSortChange: l,
+		handleFilterChange: (e) => {
+			V(() => d(e));
+		}
+	};
+}
+//#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/index.tsx?tsr-split=component
-function je() {
-	let { securityGroupId: e } = A.useParams(), { trpcClient: t } = A.useRouteContext(), n = j(), r = G(), { i18n: i, _: o } = q();
+function Ne() {
+	let { securityGroupId: e } = A.useParams(), { trpcClient: t } = A.useRouteContext(), n = j(), r = K(), { i18n: i, _: o } = J();
 	if (!t) throw Error("trpcClient is not available in route context");
-	let { permissions: c, isLoading: l, isError: d } = ee(n), { searchTerm: f, sortSettings: p, filterSettings: m, handleSearchChange: h, handleSortChange: g, handleFilterChange: _ } = I({
+	let { permissions: s, isLoading: c, isError: l } = ee(n), { searchTerm: u, sortSettings: m, filterSettings: h, handleSearchChange: g, handleSortChange: _, handleFilterChange: v } = Me({
 		defaultSortKey: "direction",
 		defaultSortDir: "asc",
 		sortOptions: [
@@ -1647,37 +1661,37 @@ function je() {
 				supportsMultiValue: !1
 			}
 		] }
-	}), v = {
-		searchTerm: f,
-		onSearchChange: h,
-		sortSettings: p,
-		onSortChange: g,
-		filterSettings: m,
-		onFilterChange: _
-	}, { securityGroup: y, filteredAndSortedRules: b, isLoading: S, isError: C, error: w, isUpdating: T, updateError: D, isDeletingRule: M, deleteRuleError: N, isCreatingRule: P, createRuleError: F, editModalOpen: R, handleEdit: V, handleCloseEditModal: U, handleUpdate: W, handleDeleteRule: J, handleCreateRule: Y } = Ae({
+	}), b = {
+		searchTerm: u,
+		onSearchChange: g,
+		sortSettings: m,
+		onSortChange: _,
+		filterSettings: h,
+		onFilterChange: v
+	}, { securityGroup: x, filteredAndSortedRules: C, isLoading: w, isError: T, error: E, isUpdating: D, updateError: O, isDeletingRule: M, deleteRuleError: N, isCreatingRule: P, createRuleError: F, editModalOpen: I, handleEdit: R, handleCloseEditModal: V, handleUpdate: H, handleDeleteRule: W, handleCreateRule: G } = je({
 		securityGroupId: e,
-		filterControls: v
-	}), { data: X } = k.network.securityGroup.list.useQuery({ project_id: n }), te = H(() => (X || []).filter((t) => t.id !== e).map((e) => ({
+		filterControls: b
+	}), { data: Y } = k.network.securityGroup.list.useQuery({ project_id: n }), X = U(() => (Y || []).filter((t) => t.id !== e).map((e) => ({
 		id: e.id,
 		name: e.name || e.id
-	})), [X, e]), Z = () => {
+	})), [Y, e]), Z = () => {
 		r({
 			to: "/projects/$projectId/network/securitygroups",
 			params: { projectId: n }
 		});
 	};
-	if (l) return /*#__PURE__*/ B(E, {
+	if (c) return /*#__PURE__*/ B(f, {
 		className: "fixed inset-0",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/*#__PURE__*/ z(a, {
+		children: [/*#__PURE__*/ z(d, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
-		}), /*#__PURE__*/ z(K, { id: "EpWoJ9" })]
+		}), /*#__PURE__*/ z(q, { id: "EpWoJ9" })]
 	});
-	let Q = d ? {
+	let te = l ? {
 		canView: !1,
 		canCreate: !1,
 		canUpdate: !1,
@@ -1686,21 +1700,21 @@ function je() {
 		canDeleteRule: !1,
 		canManageAccess: !1,
 		canViewRBAC: !1
-	} : c;
-	if (S) return /*#__PURE__*/ B(E, {
+	} : s;
+	if (w) return /*#__PURE__*/ B(f, {
 		className: "fixed inset-0",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/*#__PURE__*/ z(a, {
+		children: [/*#__PURE__*/ z(d, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
-		}), /*#__PURE__*/ z(K, { id: "3x7Sws" })]
+		}), /*#__PURE__*/ z(q, { id: "3x7Sws" })]
 	});
-	if (C) {
-		let e = w?.message || "Unknown error";
-		return /*#__PURE__*/ B(E, {
+	if (T) {
+		let e = E?.message || "Unknown error";
+		return /*#__PURE__*/ B(f, {
 			className: "fixed inset-0",
 			distribution: "center",
 			alignment: "center",
@@ -1709,59 +1723,59 @@ function je() {
 			children: [
 				/*#__PURE__*/ z("p", {
 					className: "text-theme-error font-semibold",
-					children: /*#__PURE__*/ z(K, { id: "FjPnAE" })
+					children: /*#__PURE__*/ z(q, { id: "FjPnAE" })
 				}),
 				/*#__PURE__*/ z("p", {
 					className: "text-theme-highest",
 					children: e
 				}),
-				/*#__PURE__*/ z(O, {
+				/*#__PURE__*/ z(p, {
 					onClick: Z,
 					variant: "primary",
-					children: /*#__PURE__*/ z(K, { id: "U9q4M7" })
+					children: /*#__PURE__*/ z(q, { id: "U9q4M7" })
 				})
 			]
 		});
 	}
-	return y ? /*#__PURE__*/ B(E, {
+	return x ? /*#__PURE__*/ B(f, {
 		direction: "vertical",
 		children: [
-			/*#__PURE__*/ z(u, { children: y.name || y.id }),
-			/*#__PURE__*/ B(x, {
+			/*#__PURE__*/ z(y, { children: x.name || x.id }),
+			/*#__PURE__*/ B(S, {
 				className: "my-6",
-				children: [/*#__PURE__*/ z(s, {
+				children: [/*#__PURE__*/ z(a, {
 					onClick: Z,
 					label: i._({ id: "4opp4r" })
-				}), /*#__PURE__*/ z(s, {
+				}), /*#__PURE__*/ z(a, {
 					active: !0,
-					label: y.id
+					label: x.id
 				})]
 			}),
-			/*#__PURE__*/ z(ke, {
-				securityGroup: y,
-				filteredAndSortedRules: b,
-				onEdit: V,
-				onDeleteRule: J,
+			/*#__PURE__*/ z(Ae, {
+				securityGroup: x,
+				filteredAndSortedRules: C,
+				onEdit: R,
+				onDeleteRule: W,
 				isDeletingRule: M,
 				deleteRuleError: N,
-				filterControls: v,
-				onCreateRule: Y,
+				filterControls: b,
+				onCreateRule: G,
 				isCreatingRule: P,
 				createRuleError: F,
-				availableSecurityGroups: te,
+				availableSecurityGroups: X,
 				currentProjectId: n,
-				permissions: Q
+				permissions: te
 			}),
 			/*#__PURE__*/ z(L, {
-				securityGroup: y,
-				open: R,
-				onClose: U,
-				onUpdate: W,
-				isLoading: T,
-				error: D
+				securityGroup: x,
+				open: I,
+				onClose: V,
+				onUpdate: H,
+				isLoading: D,
+				error: O
 			})
 		]
-	}) : /*#__PURE__*/ B(E, {
+	}) : /*#__PURE__*/ B(f, {
 		className: "fixed inset-0",
 		distribution: "center",
 		alignment: "center",
@@ -1769,15 +1783,15 @@ function je() {
 		gap: "5",
 		children: [/*#__PURE__*/ z("p", {
 			className: "text-theme-secondary",
-			children: /*#__PURE__*/ z(K, { id: "Zw8Q49" })
-		}), /*#__PURE__*/ z(O, {
+			children: /*#__PURE__*/ z(q, { id: "Zw8Q49" })
+		}), /*#__PURE__*/ z(p, {
 			onClick: Z,
 			variant: "primary",
-			children: /*#__PURE__*/ z(K, { id: "U9q4M7" })
+			children: /*#__PURE__*/ z(q, { id: "U9q4M7" })
 		})]
 	});
 }
 //#endregion
-export { je as component };
+export { Ne as component };
 
-//# sourceMappingURL=_securityGroupId-DFdNKa2l.mjs.map
+//# sourceMappingURL=_securityGroupId-pPtJsCoe.mjs.map