@cobaltcore-dev/aurora 0.22.0 → 0.23.1

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

@@ -1,201 +1,203 @@
-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, dt as m, et as h, g, h as _, m as v, nt as y, o as b, p as x, r as S, rt as C, tt as w, ut as T, y as E } from "./build-DgeVmENN.mjs";
-import { r as D } from "./trpcClient-BxcNKnhv.mjs";
-import { t as O } from "./_securityGroupId-fPJWtDPU.mjs";
-import { t as k } from "./useProjectId-DBc5lpoU.mjs";
-import "./hooks-D0wGUhRF.mjs";
-import { t as A } from "./useModal-DCs1OJh7.mjs";
-import { n as j, t as M } from "./useListWithFiltering-BuhE81I6.mjs";
-import { t as N } from "./EditSecurityGroupModal-BGPXglju.mjs";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { useEffect as L, useMemo as R, useState as z } from "react";
-import { useNavigate as B } from "@tanstack/react-router";
-import { Trans as V, useLingui as H } from "@lingui/react";
-import { z as U } from "zod";
-import { useForm as W, useStore as G } from "@tanstack/react-form";
+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 { 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 { 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";
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupHeader.tsx
-function K({ name: e, id: t }) {
-	return /*#__PURE__*/ I("div", {
+function te({ name: e, id: t }) {
+	return /*#__PURE__*/ B("div", {
 		className: "mb-2",
-		children: [/*#__PURE__*/ F(u, { children: `'${e || t}' Details` }), /*#__PURE__*/ F("p", {
+		children: [/*#__PURE__*/ z(u, { children: `'${e || t}' Details` }), /*#__PURE__*/ z("p", {
 			className: "text-theme-secondary mt-2 text-sm",
-			children: /*#__PURE__*/ F(V, { id: "kIuDMT" })
+			children: /*#__PURE__*/ z(K, { id: "kIuDMT" })
 		})]
 	});
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupBasicInfo.tsx
-function q({ securityGroup: e, onEdit: t, isReadOnly: i = !1 }) {
-	let { i18n: a, _: s } = H(), l = ({ value: e }) => /*#__PURE__*/ F("span", { children: e ? a._({ id: "l75CjT" }) : a._({ id: "1UzENP" }) });
-	return /*#__PURE__*/ I("div", { children: [/*#__PURE__*/ F("div", {
+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", {
 		className: "mb-4 flex flex-row-reverse",
-		children: t && !i && /*#__PURE__*/ F(E, {
+		children: t && i && /*#__PURE__*/ z(O, {
 			variant: "primary",
 			onClick: t,
-			disabled: i,
-			children: /*#__PURE__*/ F(V, { id: "ePK91l" })
+			disabled: !i,
+			children: /*#__PURE__*/ z(K, { id: "ePK91l" })
 		})
-	}), /*#__PURE__*/ I(o, {
+	}), /*#__PURE__*/ B(o, {
 		columns: 4,
 		gridColumnTemplate: "15% 35% 15% 35%",
 		children: [
-			/*#__PURE__*/ I(n, { children: [/*#__PURE__*/ F(c, { children: a._({ id: "Nu4oKW" }) }), /*#__PURE__*/ F(r, {
+			/*#__PURE__*/ B(n, { children: [/*#__PURE__*/ z(c, { children: a._({ id: "Nu4oKW" }) }), /*#__PURE__*/ z(r, {
 				colSpan: 3,
-				children: /*#__PURE__*/ F("div", {
+				children: /*#__PURE__*/ z("div", {
 					className: "overflow-hidden text-ellipsis whitespace-nowrap",
 					title: e.description || void 0,
 					children: e.description || a._({ id: "h47p9L" })
 				})
 			})] }),
-			/*#__PURE__*/ I(n, { children: [
-				/*#__PURE__*/ F(c, { children: a._({ id: "S0kLOH" }) }),
-				/*#__PURE__*/ F(r, { children: /*#__PURE__*/ F("div", {
+			/*#__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__*/ F(c, { children: a._({ id: "OYHzN1" }) }),
-				/*#__PURE__*/ F(r, { children: /*#__PURE__*/ F("div", {
+				/*#__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__*/ I(n, { children: [
-				/*#__PURE__*/ F(c, { children: a._({ id: "6YtxFj" }) }),
-				/*#__PURE__*/ F(r, { children: /*#__PURE__*/ F("div", {
+			/*#__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__*/ F(c, { children: a._({ id: "Jim5X9" }) }),
-				/*#__PURE__*/ F(r, { children: /*#__PURE__*/ F(l, { value: e.stateful }) })
+				/*#__PURE__*/ z(c, { children: a._({ id: "Jim5X9" }) }),
+				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z(l, { value: e.stateful }) })
 			] }),
-			/*#__PURE__*/ I(n, { children: [
-				/*#__PURE__*/ F(c, { children: a._({ id: "aI8Tgp" }) }),
-				/*#__PURE__*/ F(r, { children: /*#__PURE__*/ F("div", {
+			/*#__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__*/ F(c, { children: a._({ id: "0Gd0NU" }) }),
-				/*#__PURE__*/ F(r, { children: /*#__PURE__*/ F(l, { value: e.shared }) })
+				/*#__PURE__*/ z(c, { children: a._({ id: "0Gd0NU" }) }),
+				/*#__PURE__*/ z(r, { children: /*#__PURE__*/ z(l, { value: e.shared }) })
 			] })
 		]
 	})] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupTabs.tsx
-function J({ activeTab: e, onTabChange: t, showRBACTab: n = !0 }) {
+function Q({ 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__*/ F("div", {
+	return /*#__PURE__*/ z("div", {
 		className: "border-theme-background-lvl-3 mt-1 border-b",
-		children: /*#__PURE__*/ I(w, {
+		children: /*#__PURE__*/ B(E, {
 			direction: "horizontal",
 			gap: "0",
-			children: [/*#__PURE__*/ F("button", {
+			children: [/*#__PURE__*/ z("button", {
 				className: r("rules"),
 				onClick: () => t("rules"),
-				children: /*#__PURE__*/ F(V, { id: "4EZrJN" })
-			}), n && /*#__PURE__*/ F("button", {
+				children: /*#__PURE__*/ z(K, { id: "4EZrJN" })
+			}), n && /*#__PURE__*/ z("button", {
 				className: r("rbac"),
 				onClick: () => t("rbac"),
-				children: /*#__PURE__*/ F(V, { id: "/eFtWI" })
+				children: /*#__PURE__*/ z(K, { id: "/eFtWI" })
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRuleDialog.tsx
-function Y({ rule: e, open: n, onClose: r, onConfirm: i, isLoading: a, error: o }) {
-	let { i18n: s, _: c } = H(), [u, d] = z(""), f = () => {
+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__*/ F(S, {
+	return e ? /*#__PURE__*/ z(w, {
 		open: n,
 		onCancel: p,
 		size: "small",
 		title: s._({ id: "TM93nK" }),
-		modalFooter: /*#__PURE__*/ F(g, {
+		modalFooter: /*#__PURE__*/ z(_, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ I(T, { children: [/*#__PURE__*/ F(E, {
+			children: /*#__PURE__*/ B(D, { children: [/*#__PURE__*/ z(O, {
 				variant: "default",
 				onClick: p,
 				disabled: a,
-				children: /*#__PURE__*/ F(V, { id: "dEgA5A" })
-			}), /*#__PURE__*/ F(E, {
+				children: /*#__PURE__*/ z(K, { id: "dEgA5A" })
+			}), /*#__PURE__*/ z(O, {
 				variant: "primary-danger",
 				onClick: f,
 				disabled: m,
 				"data-testid": "confirm-delete-rule-button",
-				children: a ? /*#__PURE__*/ F(V, { id: "EF2EU9" }) : /*#__PURE__*/ F(V, { id: "lN3xvy" })
+				children: a ? /*#__PURE__*/ z(K, { id: "EF2EU9" }) : /*#__PURE__*/ z(K, { id: "lN3xvy" })
 			})] })
 		}),
-		children: /*#__PURE__*/ I("div", { children: [
-			o && /*#__PURE__*/ F(t, {
+		children: /*#__PURE__*/ B("div", { children: [
+			o && /*#__PURE__*/ z(t, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
 				children: o
 			}),
-			/*#__PURE__*/ F(V, { id: "CMVP7y" }),
-			/*#__PURE__*/ I("div", {
+			/*#__PURE__*/ z(K, { id: "CMVP7y" }),
+			/*#__PURE__*/ B("div", {
 				className: "bg-theme-background-lvl-1 mt-4 mb-4 rounded p-4",
-				children: [/*#__PURE__*/ F("p", {
+				children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 font-semibold",
-					children: /*#__PURE__*/ F(V, { id: "uly9ET" })
-				}), /*#__PURE__*/ I("ul", {
+					children: /*#__PURE__*/ z(K, { id: "uly9ET" })
+				}), /*#__PURE__*/ B("ul", {
 					className: "list-inside list-disc space-y-1 text-sm",
 					children: [
-						/*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "MRB7nI" }),
+						/*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "MRB7nI" }),
 							": ",
 							e.direction
 						] }),
-						e.description && /*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "Nu4oKW" }),
+						e.description && /*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "Nu4oKW" }),
 							": ",
 							e.description
 						] }),
-						/*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "yp0UjB" }),
+						/*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "yp0UjB" }),
 							": ",
 							e.ethertype
 						] }),
-						e.protocol && /*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "6+OdGi" }),
+						e.protocol && /*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "6+OdGi" }),
 							": ",
 							e.protocol
 						] }),
-						e.port_range_min !== null && e.port_range_max !== null && /*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "tV/Ozb" }),
+						e.port_range_min !== null && e.port_range_max !== null && /*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { 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__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "WoSkGY" }),
+						e.remote_ip_prefix && /*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "WoSkGY" }),
 							": ",
 							e.remote_ip_prefix
 						] }),
-						e.remote_group_id && /*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "i9TIyi" }),
+						e.remote_group_id && /*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "i9TIyi" }),
 							": ",
 							e.remote_group_id
 						] })
 					]
 				})]
 			}),
-			/*#__PURE__*/ I("div", {
+			/*#__PURE__*/ B("div", {
 				className: "mt-4",
-				children: [/*#__PURE__*/ F("p", {
+				children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 text-sm",
-					children: /*#__PURE__*/ F(V, {
+					children: /*#__PURE__*/ z(K, {
 						id: "PHt+EV",
-						components: { 0: /*#__PURE__*/ F("strong", {}) }
+						components: { 0: /*#__PURE__*/ z("strong", {}) }
 					})
-				}), /*#__PURE__*/ F(l, {
+				}), /*#__PURE__*/ z(l, {
 					value: u,
 					onChange: (e) => d(e.target.value),
 					placeholder: s._({ id: "HNlEFZ" }),
@@ -209,10 +211,10 @@ function Y({ 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 ee(e) {
+function $(e) {
 	return e.includes(".") ? "IPv4" : e.includes(":") ? "IPv6" : null;
 }
-function X(e, t, n) {
+function re(e, t, n) {
 	if (e != null && isNaN(e) || t != null && isNaN(t)) return {
 		valid: !1,
 		error: "Port must be a valid number"
@@ -231,7 +233,7 @@ function X(e, t, n) {
 		error: "port_range_min must be less than or equal to port_range_max"
 	} : { valid: !0 };
 }
-function te(e, t) {
+function ie(e, t) {
 	return e != null && isNaN(e) ? {
 		valid: !1,
 		error: "ICMP type must be a valid number"
@@ -246,7 +248,7 @@ function te(e, t) {
 		error: "ICMP code must be between 0 and 255"
 	} : { valid: !0 };
 }
-function ne(e) {
+function ae(e) {
 	let t = e.split("/");
 	if (t.length !== 2) return !1;
 	let [n, r] = t;
@@ -275,61 +277,61 @@ function ne(e) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/constants.ts
-var Z = "0.0.0.0/0", re = "::/0", ie = "other-protocol", ae = U.object({
-	ruleType: U.string().min(1, "Rule type is required"),
-	direction: U.enum(["ingress", "egress"]),
-	ethertype: U.enum(["IPv4", "IPv6"]),
-	description: U.string(),
-	protocol: U.string().nullable(),
-	portFrom: U.string(),
-	portTo: U.string(),
-	icmpType: U.string(),
-	icmpCode: U.string(),
-	remoteSourceType: U.enum(["cidr", "security_group"]),
-	remoteCidr: U.string(),
-	remoteSecurityGroupId: U.string()
+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()
 }).superRefine((e, t) => {
-	let n = e.protocol === "tcp" || e.protocol === "udp", r = e.protocol === "icmp" || e.protocol === "ipv6-icmp", i = e.ruleType === ie, 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 === ce, a = n && ["custom-tcp", "custom-udp"].includes(e.ruleType);
 	if (i && !e.protocol && t.addIssue({
-		code: U.ZodIssueCode.custom,
+		code: J.ZodIssueCode.custom,
 		message: "Protocol is required",
 		path: ["protocol"]
 	}), a) if (!e.portFrom) t.addIssue({
-		code: U.ZodIssueCode.custom,
+		code: J.ZodIssueCode.custom,
 		message: "Port (from) is required",
 		path: ["portFrom"]
 	});
 	else {
 		let n = parseInt(e.portFrom, 10);
 		if (isNaN(n)) t.addIssue({
-			code: U.ZodIssueCode.custom,
+			code: J.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: U.ZodIssueCode.custom,
+				code: J.ZodIssueCode.custom,
 				message: "Port must be a valid number",
 				path: ["portTo"]
 			});
 			else if (n >= r) t.addIssue({
-				code: U.ZodIssueCode.custom,
+				code: J.ZodIssueCode.custom,
 				message: "\"Port (from)\" must be less than \"Port (to)\"",
 				path: ["portFrom"]
 			});
 			else {
-				let i = X(n, r, e.protocol);
+				let i = re(n, r, e.protocol);
 				i.valid || t.addIssue({
-					code: U.ZodIssueCode.custom,
+					code: J.ZodIssueCode.custom,
 					message: i.error || "Invalid port range",
 					path: ["portFrom"]
 				});
 			}
 		} else {
-			let r = X(n, n, e.protocol);
+			let r = re(n, n, e.protocol);
 			r.valid || t.addIssue({
-				code: U.ZodIssueCode.custom,
+				code: J.ZodIssueCode.custom,
 				message: r.error || "Invalid port",
 				path: ["portFrom"]
 			});
@@ -338,44 +340,44 @@ var Z = "0.0.0.0/0", re = "::/0", ie = "other-protocol", ae = U.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: U.ZodIssueCode.custom,
+			code: J.ZodIssueCode.custom,
 			message: "ICMP type must be a valid number",
 			path: ["icmpType"]
 		}), e.icmpCode && isNaN(r) && t.addIssue({
-			code: U.ZodIssueCode.custom,
+			code: J.ZodIssueCode.custom,
 			message: "ICMP code must be a valid number",
 			path: ["icmpCode"]
 		}), e.icmpCode && !e.icmpType && t.addIssue({
-			code: U.ZodIssueCode.custom,
+			code: J.ZodIssueCode.custom,
 			message: "ICMP type is required when ICMP code is specified",
 			path: ["icmpType"]
 		}), n !== null || r !== null) {
-			let e = te(n, r);
+			let e = ie(n, r);
 			e.valid || (e.error?.includes("type") && t.addIssue({
-				code: U.ZodIssueCode.custom,
+				code: J.ZodIssueCode.custom,
 				message: "ICMP type must be between 0 and 255",
 				path: ["icmpType"]
 			}), e.error?.includes("code") && t.addIssue({
-				code: U.ZodIssueCode.custom,
+				code: J.ZodIssueCode.custom,
 				message: "ICMP code must be between 0 and 255",
 				path: ["icmpCode"]
 			}));
 		}
 	}
-	if (e.remoteSourceType === "cidr" && e.remoteCidr) if (!ne(e.remoteCidr)) t.addIssue({
-		code: U.ZodIssueCode.custom,
+	if (e.remoteSourceType === "cidr" && e.remoteCidr) if (!ae(e.remoteCidr)) t.addIssue({
+		code: J.ZodIssueCode.custom,
 		message: "Invalid CIDR format. Examples: 0.0.0.0/0 (IPv4) or ::/0 (IPv6)",
 		path: ["remoteCidr"]
 	});
 	else {
-		let n = ee(e.remoteCidr);
+		let n = $(e.remoteCidr);
 		n && n !== e.ethertype && t.addIssue({
-			code: U.ZodIssueCode.custom,
+			code: J.ZodIssueCode.custom,
 			message: `CIDR family (${n}) must match Ethertype (${e.ethertype})`,
 			path: ["remoteCidr"]
 		});
 	}
-}), oe = {
+}), ue = {
 	ruleType: "",
 	direction: "ingress",
 	ethertype: "IPv4",
@@ -386,9 +388,9 @@ var Z = "0.0.0.0/0", re = "::/0", ie = "other-protocol", ae = U.object({
 	icmpType: "",
 	icmpCode: "",
 	remoteSourceType: "cidr",
-	remoteCidr: Z,
+	remoteCidr: oe,
 	remoteSecurityGroupId: ""
-}, Q = [
+}, de = [
 	{
 		value: "",
 		label: "",
@@ -546,14 +548,14 @@ var Z = "0.0.0.0/0", re = "::/0", ie = "other-protocol", ae = U.object({
 ];
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/RuleTypeSection.tsx
-function se({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = H();
-	return /*#__PURE__*/ F(e.Field, {
+function fe({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = q();
+	return /*#__PURE__*/ z(e.Field, {
 		name: "ruleType",
 		mode: "value",
-		children: (r) => /*#__PURE__*/ F(p, {
+		children: (r) => /*#__PURE__*/ z(p, {
 			className: "mb-6",
-			children: /*#__PURE__*/ F(m, {
+			children: /*#__PURE__*/ z(h, {
 				id: "ruleType",
 				label: n._({ id: "YuGQWb" }),
 				value: r.state.value,
@@ -563,14 +565,14 @@ function se({ form: e, disabled: t = !1 }) {
 						e.setFieldValue("protocol", null), e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", ""), e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "");
 						return;
 					}
-					let i = Q.find((e) => e.value === n);
+					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", "")));
 				},
 				disabled: t,
-				children: Q.map((e) => e.value === "" ? /*#__PURE__*/ F(v, {
+				children: de.map((e) => e.value === "" ? /*#__PURE__*/ z(y, {
 					value: e.value,
 					label: n._({ id: "eh/k36" })
-				}, e.value) : /*#__PURE__*/ F(v, {
+				}, e.value) : /*#__PURE__*/ z(y, {
 					value: e.value,
 					label: e.label
 				}, e.value))
@@ -580,23 +582,23 @@ function se({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/DirectionEthertypeSection.tsx
-function ce({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = H();
-	return /*#__PURE__*/ F(e.Field, {
+function pe({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = q();
+	return /*#__PURE__*/ z(e.Field, {
 		name: "direction",
-		children: (e) => /*#__PURE__*/ F(p, { children: /*#__PURE__*/ F(_, {
+		children: (e) => /*#__PURE__*/ z(p, { children: /*#__PURE__*/ z(v, {
 			name: "direction",
 			label: n._({ id: "MRB7nI" }),
 			selected: e.state.value,
 			onChange: (t) => e.handleChange(String(t)),
 			required: !0,
 			disabled: t,
-			children: /*#__PURE__*/ I("div", {
+			children: /*#__PURE__*/ B("div", {
 				className: "flex gap-4",
-				children: [/*#__PURE__*/ F(x, {
+				children: [/*#__PURE__*/ z(C, {
 					value: "ingress",
 					label: n._({ id: "fzfAAa" })
-				}), /*#__PURE__*/ F(x, {
+				}), /*#__PURE__*/ z(C, {
 					value: "egress",
 					label: n._({ id: "nETBrc" })
 				})]
@@ -604,23 +606,23 @@ function ce({ form: e, disabled: t = !1 }) {
 		}) })
 	});
 }
-function le({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = H();
-	return /*#__PURE__*/ F(e.Field, {
+function me({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = q();
+	return /*#__PURE__*/ z(e.Field, {
 		name: "ethertype",
-		children: (e) => /*#__PURE__*/ F(p, { children: /*#__PURE__*/ F(_, {
+		children: (e) => /*#__PURE__*/ z(p, { children: /*#__PURE__*/ z(v, {
 			name: "ethertype",
 			label: n._({ id: "16085O" }),
 			selected: e.state.value,
 			onChange: (t) => e.handleChange(String(t)),
 			required: !0,
 			disabled: t,
-			children: /*#__PURE__*/ I("div", {
+			children: /*#__PURE__*/ B("div", {
 				className: "flex gap-4",
-				children: [/*#__PURE__*/ F(x, {
+				children: [/*#__PURE__*/ z(C, {
 					value: "IPv4",
 					label: "IPv4"
-				}), /*#__PURE__*/ F(x, {
+				}), /*#__PURE__*/ z(C, {
 					value: "IPv6",
 					label: "IPv6"
 				})]
@@ -630,13 +632,13 @@ function le({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/ProtocolSection.tsx
-function ue({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = H();
-	return /*#__PURE__*/ F(e.Field, {
+function he({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = q();
+	return /*#__PURE__*/ z(e.Field, {
 		name: "protocol",
-		children: (e) => /*#__PURE__*/ F(p, {
+		children: (e) => /*#__PURE__*/ z(p, {
 			className: "mb-6",
-			children: /*#__PURE__*/ F(l, {
+			children: /*#__PURE__*/ z(l, {
 				id: "protocol",
 				name: "protocol",
 				label: n._({ id: "6+OdGi" }),
@@ -651,19 +653,19 @@ function ue({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/PortRangeSection.tsx
-function de({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = H(), i = G(e.store, (e) => e.values.portFrom), a = G(e.store, (e) => e.fieldMeta.portFrom?.errors[0]?.message), o = G(e.store, (e) => e.fieldMeta.portTo?.errors[0]?.message), s = t || !i || i.trim() === "";
-	return /*#__PURE__*/ I(p, {
+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, {
 		className: "mb-6",
 		children: [
-			/*#__PURE__*/ I("div", {
+			/*#__PURE__*/ B("div", {
 				className: "flex items-center gap-4",
 				children: [
-					/*#__PURE__*/ F(e.Field, {
+					/*#__PURE__*/ z(e.Field, {
 						name: "portFrom",
-						children: (r) => /*#__PURE__*/ F("div", {
+						children: (r) => /*#__PURE__*/ z("div", {
 							className: "flex-1",
-							children: /*#__PURE__*/ F(l, {
+							children: /*#__PURE__*/ z(l, {
 								id: "portFrom",
 								name: "portFrom",
 								label: n._({ id: "LMdsuJ" }),
@@ -678,15 +680,15 @@ function de({ form: e, disabled: t = !1 }) {
 							})
 						})
 					}),
-					/*#__PURE__*/ F("div", {
+					/*#__PURE__*/ z("div", {
 						className: "text-theme-secondary flex items-center justify-center",
 						children: "—"
 					}),
-					/*#__PURE__*/ F(e.Field, {
+					/*#__PURE__*/ z(e.Field, {
 						name: "portTo",
-						children: (t) => /*#__PURE__*/ F("div", {
+						children: (t) => /*#__PURE__*/ z("div", {
 							className: "flex-1",
-							children: /*#__PURE__*/ F(l, {
+							children: /*#__PURE__*/ z(l, {
 								id: "portTo",
 								name: "portTo",
 								label: n._({ id: "a12lSo" }),
@@ -702,11 +704,11 @@ function de({ form: e, disabled: t = !1 }) {
 					})
 				]
 			}),
-			(a || o) && /*#__PURE__*/ I("div", {
+			(a || o) && /*#__PURE__*/ B("div", {
 				className: "text-theme-error mt-2 text-sm",
-				children: [a && /*#__PURE__*/ F("div", { children: a }), o && /*#__PURE__*/ F("div", { children: o })]
+				children: [a && /*#__PURE__*/ z("div", { children: a }), o && /*#__PURE__*/ z("div", { children: o })]
 			}),
-			/*#__PURE__*/ F("p", {
+			/*#__PURE__*/ z("p", {
 				className: "mt-2 text-sm",
 				children: n._({ id: "QAUa4B" })
 			})
@@ -715,17 +717,17 @@ function de({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/IcmpSection.tsx
-function fe({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = H();
-	return /*#__PURE__*/ F(p, {
+function _e({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = q();
+	return /*#__PURE__*/ z(p, {
 		className: "mb-6",
-		children: /*#__PURE__*/ I("div", {
+		children: /*#__PURE__*/ B("div", {
 			className: "flex w-full gap-4",
-			children: [/*#__PURE__*/ F(e.Field, {
+			children: [/*#__PURE__*/ z(e.Field, {
 				name: "icmpType",
-				children: (e) => /*#__PURE__*/ F("div", {
+				children: (e) => /*#__PURE__*/ z("div", {
 					className: "flex-1",
-					children: /*#__PURE__*/ F(l, {
+					children: /*#__PURE__*/ z(l, {
 						id: "icmpType",
 						name: "icmpType",
 						label: n._({ id: "yPWFWy" }),
@@ -736,11 +738,11 @@ function fe({ form: e, disabled: t = !1 }) {
 						disabled: t
 					})
 				})
-			}), /*#__PURE__*/ F(e.Field, {
+			}), /*#__PURE__*/ z(e.Field, {
 				name: "icmpCode",
-				children: (e) => /*#__PURE__*/ F("div", {
+				children: (e) => /*#__PURE__*/ z("div", {
 					className: "flex-1",
-					children: /*#__PURE__*/ F(l, {
+					children: /*#__PURE__*/ z(l, {
 						id: "icmpCode",
 						name: "icmpCode",
 						label: n._({ id: "76RKuS" }),
@@ -757,15 +759,15 @@ function fe({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/RemoteSourceSection.tsx
-function pe({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
-	let { i18n: r, _: i } = H();
-	return /*#__PURE__*/ I(P, { children: [
-		/*#__PURE__*/ F(e.Field, {
+function ve({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
+	let { i18n: r, _: i } = q();
+	return /*#__PURE__*/ B(R, { children: [
+		/*#__PURE__*/ z(e.Field, {
 			name: "remoteSourceType",
 			mode: "value",
-			children: (n) => /*#__PURE__*/ F(p, {
+			children: (n) => /*#__PURE__*/ z(p, {
 				className: "mb-1",
-				children: /*#__PURE__*/ F(_, {
+				children: /*#__PURE__*/ z(v, {
 					name: "remoteSourceType",
 					label: r._({ id: "I5kZVK" }),
 					selected: n.state.value,
@@ -774,12 +776,12 @@ function pe({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 						n.handleChange(r), r !== "security_group" && e.setFieldValue("ethertype", "IPv4");
 					},
 					disabled: t,
-					children: /*#__PURE__*/ I("div", {
+					children: /*#__PURE__*/ B("div", {
 						className: "flex gap-4",
-						children: [/*#__PURE__*/ F(x, {
+						children: [/*#__PURE__*/ z(C, {
 							value: "cidr",
 							label: r._({ id: "4uXhtt" })
-						}), /*#__PURE__*/ F(x, {
+						}), /*#__PURE__*/ z(C, {
 							value: "security_group",
 							label: r._({ id: "bwhBhT" })
 						})]
@@ -787,45 +789,45 @@ function pe({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 				})
 			})
 		}),
-		/*#__PURE__*/ F(e.Field, {
+		/*#__PURE__*/ z(e.Field, {
 			name: "remoteSourceType",
-			children: (n) => n.state.value === "cidr" ? /*#__PURE__*/ F(e.Field, {
+			children: (n) => n.state.value === "cidr" ? /*#__PURE__*/ z(e.Field, {
 				name: "remoteCidr",
-				children: (n) => /*#__PURE__*/ F(e.Field, {
+				children: (n) => /*#__PURE__*/ z(e.Field, {
 					name: "ethertype",
-					children: (e) => /*#__PURE__*/ F(p, {
+					children: (e) => /*#__PURE__*/ z(p, {
 						className: "mb-6",
-						children: /*#__PURE__*/ F(l, {
+						children: /*#__PURE__*/ z(l, {
 							id: "remoteCidr",
 							name: "remoteCidr",
 							label: r._({ 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" ? Z : re,
+							placeholder: e.state.value === "IPv4" ? oe : se,
 							disabled: t
 						})
 					})
 				})
 			}) : null
 		}),
-		/*#__PURE__*/ F(e.Field, {
+		/*#__PURE__*/ z(e.Field, {
 			name: "remoteSourceType",
-			children: (i) => i.state.value === "security_group" ? /*#__PURE__*/ F(e.Field, {
+			children: (i) => i.state.value === "security_group" ? /*#__PURE__*/ z(e.Field, {
 				name: "remoteSecurityGroupId",
-				children: (e) => /*#__PURE__*/ F(p, {
+				children: (e) => /*#__PURE__*/ z(p, {
 					className: "mb-6",
-					children: /*#__PURE__*/ I(m, {
+					children: /*#__PURE__*/ B(h, {
 						id: "remoteSecurityGroupId",
 						label: r._({ id: "i9TIyi" }),
 						value: e.state.value,
 						onChange: (t) => e.handleChange(String(t)),
 						errortext: e.state.meta.errors[0]?.message,
 						disabled: t,
-						children: [/*#__PURE__*/ F(v, {
+						children: [/*#__PURE__*/ z(y, {
 							value: "",
 							label: r._({ id: "ZvIpwi" })
-						}), n.map((e) => /*#__PURE__*/ F(v, {
+						}), n.map((e) => /*#__PURE__*/ z(y, {
 							value: e.id,
 							label: e.name || e.id
 						}, e.id))]
@@ -837,13 +839,13 @@ function pe({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/DescriptionSection.tsx
-function me({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = H();
-	return /*#__PURE__*/ F(e.Field, {
+function ye({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = q();
+	return /*#__PURE__*/ z(e.Field, {
 		name: "description",
-		children: (e) => /*#__PURE__*/ F(p, {
+		children: (e) => /*#__PURE__*/ z(p, {
 			className: "mb-0",
-			children: /*#__PURE__*/ F(h, {
+			children: /*#__PURE__*/ z(g, {
 				id: "description",
 				name: "description",
 				label: n._({ id: "Nu4oKW" }),
@@ -858,10 +860,10 @@ function me({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/AddRuleModal.tsx
-var he = ({ securityGroupId: e, open: n, onClose: r, onCreate: o, isLoading: s = !1, error: c = null, availableSecurityGroups: l = [] }) => {
-	let { i18n: u, _: d } = H(), f = W({
-		defaultValues: oe,
-		validators: { onSubmit: ae },
+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 },
 		onSubmit: async ({ value: t }) => {
 			if (s) return;
 			let n = {
@@ -883,84 +885,84 @@ var he = ({ securityGroupId: e, open: n, onClose: r, onCreate: o, isLoading: s =
 	}), p = () => {
 		f.reset(), r();
 	};
-	return /*#__PURE__*/ I(S, {
+	return /*#__PURE__*/ B(w, {
 		open: n,
 		onCancel: p,
 		size: "large",
 		title: u._({ id: "b2BLBa" }),
-		modalFooter: /*#__PURE__*/ F(g, {
+		modalFooter: /*#__PURE__*/ z(_, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ F(f.Subscribe, { children: (e) => {
+			children: /*#__PURE__*/ z(f.Subscribe, { children: (e) => {
 				let t = !!e.values.ruleType;
-				return /*#__PURE__*/ I(T, { children: [/*#__PURE__*/ F(E, {
+				return /*#__PURE__*/ B(D, { children: [/*#__PURE__*/ z(O, {
 					variant: "default",
 					onClick: p,
 					disabled: s || e.isSubmitting,
-					children: /*#__PURE__*/ F(V, { id: "dEgA5A" })
-				}), /*#__PURE__*/ F(E, {
+					children: /*#__PURE__*/ z(K, { id: "dEgA5A" })
+				}), /*#__PURE__*/ z(O, {
 					variant: "primary",
 					type: "button",
 					onClick: () => f.handleSubmit(),
 					disabled: s || e.isSubmitting || !t,
 					"data-testid": "add-rule-button",
-					children: e.isSubmitting || s ? /*#__PURE__*/ F(a, { size: "small" }) : /*#__PURE__*/ F(V, { id: "bmQLn5" })
+					children: e.isSubmitting || s ? /*#__PURE__*/ z(a, { size: "small" }) : /*#__PURE__*/ z(K, { id: "bmQLn5" })
 				})] });
 			} })
 		}),
 		children: [
-			c && /*#__PURE__*/ F(t, {
+			c && /*#__PURE__*/ z(t, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
 				children: c
 			}),
-			s && /*#__PURE__*/ I("div", {
+			s && /*#__PURE__*/ B("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ F(a, { variant: "primary" }), /*#__PURE__*/ F("span", {
+				children: [/*#__PURE__*/ z(a, { variant: "primary" }), /*#__PURE__*/ z("span", {
 					className: "text-theme-secondary text-sm",
-					children: /*#__PURE__*/ F(V, { id: "gU7JFm" })
+					children: /*#__PURE__*/ z(K, { id: "gU7JFm" })
 				})]
 			}),
-			/*#__PURE__*/ F(b, {
+			/*#__PURE__*/ z(S, {
 				className: "mb-6",
 				onSubmit: (e) => {
 					e.preventDefault(), f.handleSubmit();
 				},
-				children: /*#__PURE__*/ I(i, {
+				children: /*#__PURE__*/ B(i, {
 					className: "mb-6",
-					children: [/*#__PURE__*/ F(se, {
+					children: [/*#__PURE__*/ z(fe, {
 						form: f,
 						disabled: s
-					}), /*#__PURE__*/ F(f.Subscribe, { children: (e) => {
+					}), /*#__PURE__*/ z(f.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__*/ I(P, { children: [
-							/*#__PURE__*/ F(ce, {
+						return /*#__PURE__*/ B(R, { children: [
+							/*#__PURE__*/ z(pe, {
 								form: f,
 								disabled: s
 							}),
-							e.values.ruleType === "other-protocol" && /*#__PURE__*/ F(ue, {
+							e.values.ruleType === "other-protocol" && /*#__PURE__*/ z(he, {
 								form: f,
 								disabled: s
 							}),
-							t && /*#__PURE__*/ F(de, {
+							t && /*#__PURE__*/ z(ge, {
 								form: f,
 								disabled: s
 							}),
-							n && /*#__PURE__*/ F(fe, {
+							n && /*#__PURE__*/ z(_e, {
 								form: f,
 								disabled: s
 							}),
-							/*#__PURE__*/ F(pe, {
+							/*#__PURE__*/ z(ve, {
 								form: f,
 								disabled: s,
 								availableSecurityGroups: l
 							}),
-							e.values.remoteSourceType === "security_group" && /*#__PURE__*/ F(le, {
+							e.values.remoteSourceType === "security_group" && /*#__PURE__*/ z(me, {
 								form: f,
 								disabled: s
 							}),
-							/*#__PURE__*/ F(me, {
+							/*#__PURE__*/ z(ye, {
 								form: f,
 								disabled: s
 							})
@@ -973,22 +975,24 @@ var he = ({ 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 ge({ rules: t, totalRulesCount: i, onDeleteRule: a, isDeletingRule: s, deleteError: l, searchTerm: u = "", onSearchChange: d, sortSettings: p, onSortChange: m, filterSettings: h, onFilterChange: g, securityGroupId: _, onCreateRule: v, isCreatingRule: y = !1, createRuleError: b = null, availableSecurityGroups: x = [], readOnly: S = !1 }) {
-	let { i18n: T, _: D } = H(), [O, k] = z(null), [M, N] = A(), R = (e) => {
-		k(e);
-	}, B = (e) => {
+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), []);
+	let Y = (e) => {
+		I(e);
+	}, X = (e) => {
 		a(e);
-	}, U = () => {
-		s || k(null);
+	}, te = () => {
+		s || I(null);
 	};
-	L(() => {
-		!s && !l && k(null);
+	V(() => {
+		!s && !l && I(null);
 	}, [s, l]);
-	let W = (e) => {
+	let Z = (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;
-				return T._({
+				return k._({
 					id: "0p+s6m",
 					values: {
 						typeValue: t,
@@ -996,91 +1000,161 @@ function ge({ rules: t, totalRulesCount: i, onDeleteRule: a, isDeletingRule: s,
 					}
 				});
 			}
-			return T._({ id: "eKC+EC" });
+			return k._({ id: "eKC+EC" });
 		}
-		return e.port_range_min === null || e.port_range_max === null ? T._({ id: "eKC+EC" }) : e.port_range_min === e.port_range_max ? String(e.port_range_min) : `${e.port_range_min}-${e.port_range_max}`;
-	};
-	return /*#__PURE__*/ I(P, { children: [
-		/*#__PURE__*/ I(w, {
+		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;
+	return /*#__PURE__*/ B(R, { children: [
+		/*#__PURE__*/ B(E, {
 			direction: "vertical",
 			gap: "4",
-			children: [/*#__PURE__*/ F(j, {
-				totalCount: i ?? t.length,
-				filteredCount: t.length,
-				itemName: T._({ id: "j9hkgJ" }),
-				filterSettings: h,
-				onFilter: g,
-				sortSettings: p,
-				onSort: m,
-				searchTerm: u,
-				onSearch: d,
-				actions: !S && v && /*#__PURE__*/ F(E, {
-					variant: "primary",
-					icon: "addCircle",
-					onClick: N,
-					children: /*#__PURE__*/ F(V, { id: "O8tK4v" })
-				})
-			}), t.length === 0 ? /*#__PURE__*/ F(V, { id: "nnxwBn" }) : /*#__PURE__*/ I(o, {
-				columns: S ? 5 : 6,
-				className: "security-group-rules-table",
-				children: [/*#__PURE__*/ I(n, { children: [
-					/*#__PURE__*/ F(c, { children: T._({ id: "MRB7nI" }) }),
-					/*#__PURE__*/ F(c, { children: T._({ id: "Nu4oKW" }) }),
-					/*#__PURE__*/ F(c, { children: T._({ id: "yp0UjB" }) }),
-					/*#__PURE__*/ F(c, { children: T._({ id: "6+OdGi" }) }),
-					/*#__PURE__*/ F(c, { children: T._({ id: "6jAi8c" }) }),
-					!S && /*#__PURE__*/ F(c, { children: T._({ id: "7L01XJ" }) })
-				] }), t.map((t) => /*#__PURE__*/ I(n, {
-					"data-testid": `rule-row-${t.id}`,
-					children: [
-						/*#__PURE__*/ F(r, { children: t.direction || T._({ id: "h47p9L" }) }),
-						/*#__PURE__*/ F(r, { children: t.description || T._({ id: "h47p9L" }) }),
-						/*#__PURE__*/ F(r, { children: t.ethertype }),
-						/*#__PURE__*/ F(r, { children: t.protocol || T._({ id: "eKC+EC" }) }),
-						/*#__PURE__*/ F(r, { children: W(t) }),
-						!S && /*#__PURE__*/ F(r, {
-							onClick: (e) => e.stopPropagation(),
-							className: "items-end justify-end pr-0",
-							children: /*#__PURE__*/ F(C, { children: /*#__PURE__*/ F(e, { children: /*#__PURE__*/ F(f, {
-								label: T._({ id: "cnGeoo" }),
-								onClick: () => R(t)
-							}) }) })
+			children: [
+				/*#__PURE__*/ B(E, {
+					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, {
+							id: "xuVMLX",
+							values: {
+								rulesLength: Q,
+								totalCount: $
+							}
+						}) : /*#__PURE__*/ z(K, {
+							id: "UHciG3",
+							values: { rulesLength: Q }
 						})
-					]
-				}, t.id))]
-			})]
+					}), /*#__PURE__*/ B(E, {
+						gap: "2",
+						children: [p && h && /*#__PURE__*/ z(N, {
+							options: p.options,
+							sortBy: p.sortBy,
+							sortDirection: p.sortDirection ?? "asc",
+							onSortByChange: (e) => h({
+								...p,
+								sortBy: e,
+								sortDirection: p.sortDirection
+							}),
+							onSortDirectionChange: (e) => h({
+								...p,
+								sortDirection: e
+							})
+						}), w && y && /*#__PURE__*/ z(O, {
+							variant: "primary",
+							icon: "addCircle",
+							onClick: ee,
+							className: "whitespace-nowrap",
+							children: /*#__PURE__*/ z(K, { id: "O8tK4v" })
+						})]
+					})]
+				}),
+				(g || d) && /*#__PURE__*/ z(m, { children: /*#__PURE__*/ B(E, {
+					direction: "vertical",
+					gap: "2",
+					children: [/*#__PURE__*/ B(E, {
+						distribution: "between",
+						alignment: "center",
+						children: [g && _ && /*#__PURE__*/ z(F, {
+							filters: g.filters,
+							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];
+								_({
+									...g,
+									selectedFilters: t
+								});
+							}
+						}), d && /*#__PURE__*/ z(b, {
+							placeholder: k._({ id: "HMV+cw" }),
+							"data-testid": "searchbar",
+							value: H,
+							onInput: (e) => {
+								let t = e.currentTarget.value;
+								G(t), clearTimeout(J.current), J.current = window.setTimeout(() => d(t), 500);
+							},
+							onSearch: (e) => {
+								clearTimeout(J.current), d(typeof e == "string" ? e : "");
+							},
+							onClear: () => {
+								clearTimeout(J.current), G(""), d("");
+							}
+						})]
+					}), g?.selectedFilters && g.selectedFilters.length > 0 && /*#__PURE__*/ z(P, {
+						selectedFilters: g.selectedFilters,
+						onDelete: (e) => _?.({
+							...g,
+							selectedFilters: (g.selectedFilters || []).filter((t) => !(t.name === e.name && t.value === e.value))
+						}),
+						onClear: () => _?.({
+							...g,
+							selectedFilters: []
+						})
+					})]
+				}) }),
+				t.length === 0 ? /*#__PURE__*/ z(K, { id: "nnxwBn" }) : /*#__PURE__*/ B(o, {
+					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__*/ 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, {
+								onClick: (e) => e.stopPropagation(),
+								className: "items-end justify-end pr-0",
+								children: /*#__PURE__*/ z(T, { children: /*#__PURE__*/ z(e, { children: /*#__PURE__*/ z(f, {
+									label: k._({ id: "cnGeoo" }),
+									onClick: () => Y(t)
+								}) }) })
+							})
+						]
+					}, t.id))]
+				})
+			]
 		}),
-		!S && /*#__PURE__*/ F(Y, {
-			rule: O,
-			open: !!O,
-			onClose: U,
-			onConfirm: B,
+		D && /*#__PURE__*/ z(ne, {
+			rule: j,
+			open: !!j,
+			onClose: te,
+			onConfirm: X,
 			isLoading: s,
 			error: l
 		}),
-		!S && _ && v && M && /*#__PURE__*/ F(he, {
-			securityGroupId: _,
-			open: M,
-			onClose: N,
-			onCreate: v,
-			isLoading: y,
-			error: b,
-			availableSecurityGroups: x
+		w && v && y && L && /*#__PURE__*/ z(be, {
+			securityGroupId: v,
+			open: L,
+			onClose: ee,
+			onCreate: y,
+			isLoading: x,
+			error: S,
+			availableSecurityGroups: C
 		})
 	] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/RBACPolicyRow.tsx
-function _e({ policy: t, onDelete: i }) {
-	let { i18n: a, _: o } = H();
-	return /*#__PURE__*/ I(n, { children: [
-		/*#__PURE__*/ F(r, { children: t.target_tenant }),
-		/*#__PURE__*/ F(r, { children: t.action }),
-		/*#__PURE__*/ F(r, {
+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, {
 			onClick: (e) => e.stopPropagation(),
 			className: "items-end justify-end pr-0",
-			children: /*#__PURE__*/ F(C, { children: /*#__PURE__*/ F(e, { children: /*#__PURE__*/ F(f, {
-				label: a._({ id: "t/YqKh" }),
+			children: a && /*#__PURE__*/ z(T, { children: /*#__PURE__*/ z(e, { children: /*#__PURE__*/ z(f, {
+				label: o._({ id: "t/YqKh" }),
 				onClick: i
 			}) }) })
 		})
@@ -1088,12 +1162,12 @@ function _e({ policy: t, onDelete: i }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRBACPolicyModal.tsx
-var ve = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, ye = /^[0-9a-f]{32}$/i;
-function $(e) {
-	return ve.test(e) || ye.test(e);
+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);
 }
-function be({ isOpen: e, onClose: n, securityGroupId: r }) {
-	let { i18n: a, _: o } = H(), s = D.useUtils(), c = k(), [u, d] = z(!1), f = U.object({ targetTenant: U.string().min(1, a._({ id: "1RwosK" })).refine($, { message: a._({ id: "CunRry" }) }) }), p = D.network.rbacPolicy.create.useMutation({ onSuccess: () => {
+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: () => {
 		s.network.rbacPolicy.list.invalidate({
 			project_id: c,
 			securityGroupId: r
@@ -1101,7 +1175,7 @@ function be({ isOpen: e, onClose: n, securityGroupId: r }) {
 			project_id: c,
 			securityGroupId: r
 		}), h();
-	} }), m = W({
+	} }), m = Y({
 		defaultValues: { targetTenant: "" },
 		validators: { onSubmit: f },
 		onSubmit: async ({ value: e }) => {
@@ -1116,7 +1190,7 @@ function be({ isOpen: e, onClose: n, securityGroupId: r }) {
 	}, g = async () => {
 		d(!0), await m.handleSubmit();
 	};
-	return /*#__PURE__*/ I(S, {
+	return /*#__PURE__*/ B(w, {
 		open: e,
 		onCancel: h,
 		title: a._({ id: "vmRPFm" }),
@@ -1126,7 +1200,7 @@ function be({ isOpen: e, onClose: n, securityGroupId: r }) {
 		confirmButtonLabel: a._({ id: "Z8lGw6" }),
 		disableConfirmButton: p.isPending,
 		children: [
-			p.error && /*#__PURE__*/ F(t, {
+			p.error && /*#__PURE__*/ z(t, {
 				variant: "error",
 				className: "mb-4",
 				children: (() => {
@@ -1134,33 +1208,33 @@ function be({ isOpen: e, onClose: n, securityGroupId: r }) {
 					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;
 				})()
 			}),
-			/*#__PURE__*/ F("p", {
+			/*#__PURE__*/ z("p", {
 				className: "mb-4",
-				children: /*#__PURE__*/ F(V, { id: "cjEOmc" })
+				children: /*#__PURE__*/ z(K, { id: "cjEOmc" })
 			}),
-			/*#__PURE__*/ F(b, {
+			/*#__PURE__*/ z(S, {
 				className: "mb-0",
 				onSubmit: (e) => {
 					e.preventDefault(), g();
 				},
-				children: /*#__PURE__*/ F(i, { children: /*#__PURE__*/ F(m.Field, {
+				children: /*#__PURE__*/ z(i, { children: /*#__PURE__*/ z(m.Field, {
 					name: "targetTenant",
 					validators: {
 						onBlur: ({ value: e }) => {
 							let t = e.trim();
 							if (!t) return a._({ id: "1RwosK" });
-							if (!$(t)) return a._({ id: "CunRry" });
+							if (!Te(t)) return a._({ id: "CunRry" });
 						},
 						onChange: ({ value: e }) => {
 							if (!u) return;
 							let t = e.trim();
 							if (!t) return a._({ id: "1RwosK" });
-							if (!$(t)) return a._({ id: "CunRry" });
+							if (!Te(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__*/ F(l, {
+						return /*#__PURE__*/ z(l, {
 							id: e.name,
 							name: e.name,
 							label: a._({ id: "WzVwU0" }),
@@ -1182,17 +1256,17 @@ function be({ isOpen: e, onClose: n, securityGroupId: r }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRBACPolicyDialog.tsx
-function xe({ policy: e, open: n, onClose: r, onConfirm: a, isLoading: o, error: s }) {
-	let { i18n: c, _: u } = H(), d = W({
+function De({ policy: e, open: n, onClose: r, onConfirm: a, isLoading: o, error: s }) {
+	let { i18n: c, _: u } = q(), d = Y({
 		defaultValues: { confirmText: "" },
-		validators: { onSubmit: U.object({ confirmText: U.string().refine((e) => e === "remove", { message: c._({ id: "SVLToM" }) }) }) },
+		validators: { onSubmit: J.object({ confirmText: J.string().refine((e) => e === "remove", { message: c._({ id: "SVLToM" }) }) }) },
 		onSubmit: async () => {
 			o || (a(e.id), p());
 		}
-	}), f = G(d.store, (e) => e.isSubmitting || e.values.confirmText !== "remove"), p = () => {
+	}), f = X(d.store, (e) => e.isSubmitting || e.values.confirmText !== "remove"), p = () => {
 		d.reset(), r();
 	};
-	return /*#__PURE__*/ F(S, {
+	return /*#__PURE__*/ z(w, {
 		open: n,
 		onCancel: p,
 		size: "small",
@@ -1201,54 +1275,54 @@ function xe({ policy: e, open: n, onClose: r, onConfirm: a, isLoading: o, error:
 		cancelButtonLabel: c._({ id: "dEgA5A" }),
 		confirmButtonLabel: o ? c._({ id: "M5RhXF" }) : c._({ id: "qh5W8q" }),
 		disableConfirmButton: o || f,
-		children: /*#__PURE__*/ I("div", { children: [
-			s && /*#__PURE__*/ F(t, {
+		children: /*#__PURE__*/ B("div", { children: [
+			s && /*#__PURE__*/ z(t, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
 				children: s
 			}),
-			/*#__PURE__*/ F(V, { id: "BMTd81" }),
-			/*#__PURE__*/ I("div", {
+			/*#__PURE__*/ z(K, { id: "BMTd81" }),
+			/*#__PURE__*/ B("div", {
 				className: "bg-theme-background-lvl-1 mt-4 mb-4 rounded p-4",
-				children: [/*#__PURE__*/ F("p", {
+				children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 font-semibold",
-					children: /*#__PURE__*/ F(V, { id: "nLvo6K" })
-				}), /*#__PURE__*/ I("ul", {
+					children: /*#__PURE__*/ z(K, { id: "nLvo6K" })
+				}), /*#__PURE__*/ B("ul", {
 					className: "list-inside list-disc space-y-1 text-sm",
 					children: [
-						/*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "WzVwU0" }),
+						/*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "WzVwU0" }),
 							": ",
 							e.target_tenant
 						] }),
-						/*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "bwRvnp" }),
+						/*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "bwRvnp" }),
 							": ",
 							e.action
 						] }),
-						/*#__PURE__*/ I("li", { children: [
-							/*#__PURE__*/ F(V, { id: "UGhVPl" }),
+						/*#__PURE__*/ B("li", { children: [
+							/*#__PURE__*/ z(K, { id: "UGhVPl" }),
 							": ",
 							e.object_type
 						] })
 					]
 				})]
 			}),
-			!o && /*#__PURE__*/ F(b, {
+			!o && /*#__PURE__*/ z(S, {
 				className: "mt-4 mb-0",
 				onSubmit: (e) => {
 					e.preventDefault(), d.handleSubmit();
 				},
-				children: /*#__PURE__*/ I(i, { children: [/*#__PURE__*/ F("p", {
+				children: /*#__PURE__*/ B(i, { children: [/*#__PURE__*/ z("p", {
 					className: "mb-2 text-sm",
-					children: /*#__PURE__*/ F(V, {
+					children: /*#__PURE__*/ z(K, {
 						id: "Enpdmy",
-						components: { 0: /*#__PURE__*/ F("strong", {}) }
+						components: { 0: /*#__PURE__*/ z("strong", {}) }
 					})
-				}), /*#__PURE__*/ F(d.Field, {
+				}), /*#__PURE__*/ z(d.Field, {
 					name: "confirmText",
-					children: (e) => /*#__PURE__*/ F(l, {
+					children: (e) => /*#__PURE__*/ z(l, {
 						id: e.name,
 						name: e.name,
 						value: e.state.value,
@@ -1265,126 +1339,161 @@ function xe({ 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 Se({ securityGroupId: e }) {
-	let r = D.useUtils(), { i18n: i, _: s } = H(), l = k(), [u, d] = A(), [f, p] = z(null), [m, h] = z(""), { data: g, isPending: _, isError: v, error: y } = D.network.rbacPolicy.list.useQuery({
-		project_id: l,
+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,
 		securityGroupId: e
-	}, { refetchOnWindowFocus: !1 }), b = D.network.rbacPolicy.delete.useMutation({ onSuccess: () => {
-		r.network.rbacPolicy.list.invalidate({
-			project_id: l,
+	}, { refetchOnWindowFocus: !1 }), D = k.network.rbacPolicy.delete.useMutation({ onSuccess: () => {
+		i.network.rbacPolicy.list.invalidate({
+			project_id: u,
 			securityGroupId: e
-		}), r.network.securityGroup.getById.invalidate({
-			project_id: l,
+		}), i.network.securityGroup.getById.invalidate({
+			project_id: u,
 			securityGroupId: e
 		});
-	} }), x = (e) => {
-		p(e);
-	}, S = (e) => {
-		b.mutate({
-			project_id: l,
+	} }), A = (e) => {
+		h(e);
+	}, N = (e) => {
+		D.mutate({
+			project_id: u,
 			policyId: e
 		});
-	}, C = () => {
-		b.isPending || p(null);
+	}, P = () => {
+		D.isPending || h(null);
 	};
-	L(() => {
-		!b.isPending && !b.error && b.isSuccess && p(null);
+	V(() => {
+		!D.isPending && !D.error && D.isSuccess && h(null);
 	}, [
-		b.isPending,
-		b.error,
-		b.isSuccess
+		D.isPending,
+		D.error,
+		D.isSuccess
 	]);
-	let T = R(() => {
-		if (!g) return [];
-		if (!m) return g;
-		let e = m.toLowerCase();
-		return g.filter((t) => t.target_tenant?.toLowerCase().includes(e) || t.action?.toLowerCase().includes(e));
-	}, [g, m]), O = (e) => {
-		h(typeof e == "string" ? e : "");
-	};
-	if (_) return /*#__PURE__*/ F(w, {
+	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, {
 		distribution: "center",
 		alignment: "center",
 		className: "py-8",
-		children: /*#__PURE__*/ F(a, { variant: "primary" })
+		children: /*#__PURE__*/ z(a, { variant: "primary" })
 	});
-	if (v) return /*#__PURE__*/ F(t, {
+	if (w) return /*#__PURE__*/ z(t, {
 		variant: "error",
 		className: "mb-4",
-		children: y.message
+		children: T.message
 	});
-	let M = g?.length || 0, N = T.length;
-	return /*#__PURE__*/ I(P, { children: [
-		/*#__PURE__*/ I(w, {
+	let I = S?.length || 0, L = F.length;
+	return /*#__PURE__*/ B(R, { children: [
+		/*#__PURE__*/ B(E, {
 			direction: "vertical",
 			gap: "4",
-			children: [/*#__PURE__*/ F(j, {
-				totalCount: M,
-				filteredCount: N,
-				itemName: i._({ id: "M9H+/G" }),
-				searchTerm: m,
-				onSearch: O,
-				actions: /*#__PURE__*/ F(E, {
-					variant: "primary",
-					icon: "addCircle",
-					onClick: d,
-					children: /*#__PURE__*/ F(V, { id: "vmRPFm" })
+			children: [
+				/*#__PURE__*/ B(E, {
+					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, {
+							id: "xx2KP5",
+							values: { totalCount: I }
+						}) : /*#__PURE__*/ z(K, {
+							id: "VcWhM0",
+							values: {
+								filteredCount: L,
+								totalCount: I
+							}
+						})
+					}), r && /*#__PURE__*/ z(O, {
+						variant: "primary",
+						icon: "addCircle",
+						onClick: f,
+						className: "whitespace-nowrap",
+						children: /*#__PURE__*/ z(K, { id: "vmRPFm" })
+					})]
+				}),
+				/*#__PURE__*/ z(m, { children: /*#__PURE__*/ z(E, {
+					distribution: "between",
+					alignment: "center",
+					children: /*#__PURE__*/ z(b, {
+						placeholder: s._({ id: "mlxk2U" }),
+						"data-testid": "searchbar",
+						value: v,
+						onInput: (e) => {
+							let t = e.currentTarget.value;
+							y(t), clearTimeout(x.current), x.current = window.setTimeout(() => _(t), 500);
+						},
+						onSearch: (e) => {
+							clearTimeout(x.current), _(typeof e == "string" ? e : "");
+						},
+						onClear: () => {
+							clearTimeout(x.current), y(""), _("");
+						}
+					})
+				}) }),
+				L === 0 ? g ? /*#__PURE__*/ z(K, { id: "qxxo7y" }) : /*#__PURE__*/ z(K, { id: "Dia2Ue" }) : /*#__PURE__*/ B(o, {
+					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, {
+						policy: e,
+						onDelete: () => A(e),
+						canDelete: r
+					}, e.id))]
 				})
-			}), N === 0 ? m ? /*#__PURE__*/ F(V, { id: "qxxo7y" }) : /*#__PURE__*/ F(V, { id: "Dia2Ue" }) : /*#__PURE__*/ I(o, {
-				columns: 3,
-				children: [/*#__PURE__*/ I(n, { children: [
-					/*#__PURE__*/ F(c, { children: /*#__PURE__*/ F(V, { id: "WzVwU0" }) }),
-					/*#__PURE__*/ F(c, { children: /*#__PURE__*/ F(V, { id: "bwRvnp" }) }),
-					/*#__PURE__*/ F(c, { children: /*#__PURE__*/ F(V, { id: "7L01XJ" }) })
-				] }), T.map((e) => /*#__PURE__*/ F(_e, {
-					policy: e,
-					onDelete: () => x(e)
-				}, e.id))]
-			})]
+			]
 		}),
-		!!f && /*#__PURE__*/ F(xe, {
-			policy: f,
-			open: !!f,
-			onClose: C,
-			onConfirm: S,
-			isLoading: b.isPending,
-			error: b.error?.message || null
+		!!p && /*#__PURE__*/ z(De, {
+			policy: p,
+			open: !!p,
+			onClose: P,
+			onConfirm: N,
+			isLoading: D.isPending,
+			error: D.error?.message || null
 		}),
-		u && /*#__PURE__*/ F(be, {
-			isOpen: u,
-			onClose: d,
+		d && /*#__PURE__*/ z(Ee, {
+			isOpen: d,
+			onClose: f,
 			securityGroupId: e
 		})
 	] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/SecurityGroupDetailsView.tsx
-function Ce({ 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 }) {
-	let [p, m] = z("rules"), h = e.project_id === f, g = !h, _ = h;
-	return /*#__PURE__*/ F(d, {
+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, {
 		px: !1,
 		py: !0,
-		children: /*#__PURE__*/ I(w, {
+		children: /*#__PURE__*/ B(E, {
 			direction: "vertical",
 			gap: "4",
 			children: [
-				/*#__PURE__*/ F(K, {
+				/*#__PURE__*/ z(te, {
 					name: e.name,
 					id: e.id
 				}),
-				/*#__PURE__*/ F(q, {
+				/*#__PURE__*/ z(Z, {
 					securityGroup: e,
 					onEdit: n,
-					isReadOnly: g
+					canUpdate: p.canUpdate
 				}),
-				!g && /*#__PURE__*/ F(J, {
-					activeTab: p,
-					onTabChange: m,
-					showRBACTab: _
+				/*#__PURE__*/ z(Q, {
+					activeTab: m,
+					onTabChange: h,
+					showRBACTab: g
 				}),
-				/*#__PURE__*/ I("div", {
+				/*#__PURE__*/ B("div", {
 					className: "mt-6",
-					children: [p === "rules" && /*#__PURE__*/ F(ge, {
+					children: [m === "rules" && /*#__PURE__*/ z(xe, {
 						rules: t,
 						totalRulesCount: e.security_group_rules?.length,
 						onDeleteRule: r,
@@ -1397,12 +1506,16 @@ function Ce({ securityGroup: e, filteredAndSortedRules: t, onEdit: n, onDeleteRu
 						filterSettings: o.filterSettings,
 						onFilterChange: o.onFilterChange,
 						securityGroupId: e.id,
-						onCreateRule: g ? void 0 : s,
+						onCreateRule: p.canCreateRule ? s : void 0,
 						isCreatingRule: c,
 						createRuleError: l,
 						availableSecurityGroups: u,
-						readOnly: g
-					}), p === "rbac" && /*#__PURE__*/ F(Se, { securityGroupId: e.id })]
+						canCreateRule: p.canCreateRule,
+						canDeleteRule: p.canDeleteRule
+					}), m === "rbac" && /*#__PURE__*/ z(Oe, {
+						securityGroupId: e.id,
+						canManageAccess: p.canManageAccess
+					})]
 				})
 			]
 		})
@@ -1410,14 +1523,14 @@ function Ce({ securityGroup: e, filteredAndSortedRules: t, onEdit: n, onDeleteRu
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-hooks/useSecurityGroupDetails.ts
-function we({ securityGroupId: e, filterControls: t }) {
-	let [n, r] = z(!1), i = k(), a = D.useUtils(), o = D.network.securityGroup.getById.useQuery({
+function Ae({ securityGroupId: e, filterControls: t }) {
+	let [n, r] = W(!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 = R(() => {
+	}) }), s = H(() => {
 		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) {
 			let n = t.searchTerm.toLowerCase();
@@ -1431,17 +1544,17 @@ function we({ securityGroupId: e, filterControls: t }) {
 			});
 		}
 		return e;
-	}, [o.data?.security_group_rules, t]), c = D.network.securityGroup.update.useMutation({ onSuccess: () => {
+	}, [o.data?.security_group_rules, t]), c = k.network.securityGroup.update.useMutation({ onSuccess: () => {
 		a.network.securityGroup.getById.invalidate({
 			project_id: i,
 			securityGroupId: e
 		}), a.network.securityGroup.list.invalidate(), r(!1);
-	} }), l = D.network.securityGroupRule.delete.useMutation({ onSuccess: () => {
+	} }), l = k.network.securityGroupRule.delete.useMutation({ onSuccess: () => {
 		a.network.securityGroup.getById.invalidate({
 			project_id: i,
 			securityGroupId: e
 		}), a.network.securityGroup.list.invalidate();
-	} }), u = D.network.securityGroupRule.create.useMutation({ onSuccess: () => {
+	} }), u = k.network.securityGroupRule.create.useMutation({ onSuccess: () => {
 		a.network.securityGroup.getById.invalidate({
 			project_id: i,
 			securityGroupId: e
@@ -1489,39 +1602,41 @@ function we({ securityGroupId: e, filterControls: t }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/index.tsx?tsr-split=component
-function Te() {
-	let { securityGroupId: e } = O.useParams(), t = k(), n = B(), { i18n: r, _: i } = H(), { searchTerm: o, sortSettings: c, filterSettings: l, handleSearchChange: d, handleSortChange: f, handleFilterChange: p } = M({
+function je() {
+	let { securityGroupId: e } = A.useParams(), { trpcClient: t } = A.useRouteContext(), n = j(), r = G(), { i18n: i, _: o } = q();
+	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({
 		defaultSortKey: "direction",
 		defaultSortDir: "asc",
 		sortOptions: [
 			{
-				label: r._({ id: "MRB7nI" }),
+				label: i._({ id: "MRB7nI" }),
 				value: "direction"
 			},
 			{
-				label: r._({ id: "6+OdGi" }),
+				label: i._({ id: "6+OdGi" }),
 				value: "protocol"
 			},
 			{
-				label: r._({ id: "Nu4oKW" }),
+				label: i._({ id: "Nu4oKW" }),
 				value: "description"
 			}
 		],
 		filterSettings: { filters: [
 			{
-				displayName: r._({ id: "MRB7nI" }),
+				displayName: i._({ id: "MRB7nI" }),
 				filterName: "direction",
 				values: ["ingress", "egress"],
 				supportsMultiValue: !1
 			},
 			{
-				displayName: r._({ id: "yp0UjB" }),
+				displayName: i._({ id: "yp0UjB" }),
 				filterName: "ethertype",
 				values: ["IPv4", "IPv6"],
 				supportsMultiValue: !1
 			},
 			{
-				displayName: r._({ id: "6+OdGi" }),
+				displayName: i._({ id: "6+OdGi" }),
 				filterName: "protocol",
 				values: [
 					"tcp",
@@ -1532,115 +1647,137 @@ function Te() {
 				supportsMultiValue: !1
 			}
 		] }
-	}), m = {
-		searchTerm: o,
-		onSearchChange: d,
-		sortSettings: c,
-		onSortChange: f,
-		filterSettings: l,
-		onFilterChange: p
-	}, { securityGroup: h, filteredAndSortedRules: g, isLoading: _, isError: v, error: b, isUpdating: x, updateError: S, isDeletingRule: C, deleteRuleError: T, isCreatingRule: A, createRuleError: j, editModalOpen: P, handleEdit: L, handleCloseEditModal: z, handleUpdate: U, handleDeleteRule: W, handleCreateRule: G } = we({
+	}), 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({
 		securityGroupId: e,
-		filterControls: m
-	}), { data: K } = D.network.securityGroup.list.useQuery({ project_id: t }), q = R(() => (K || []).filter((t) => t.id !== e).map((e) => ({
+		filterControls: v
+	}), { data: X } = k.network.securityGroup.list.useQuery({ project_id: n }), te = H(() => (X || []).filter((t) => t.id !== e).map((e) => ({
 		id: e.id,
 		name: e.name || e.id
-	})), [K, e]), J = () => {
-		n({
+	})), [X, e]), Z = () => {
+		r({
 			to: "/projects/$projectId/network/securitygroups",
-			params: { projectId: t }
+			params: { projectId: n }
 		});
 	};
-	if (_) return /*#__PURE__*/ I(w, {
+	if (l) return /*#__PURE__*/ B(E, {
+		className: "fixed inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/*#__PURE__*/ z(a, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /*#__PURE__*/ z(K, { id: "EpWoJ9" })]
+	});
+	let Q = d ? {
+		canView: !1,
+		canCreate: !1,
+		canUpdate: !1,
+		canDelete: !1,
+		canCreateRule: !1,
+		canDeleteRule: !1,
+		canManageAccess: !1,
+		canViewRBAC: !1
+	} : c;
+	if (S) return /*#__PURE__*/ B(E, {
 		className: "fixed inset-0",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/*#__PURE__*/ F(a, {
+		children: [/*#__PURE__*/ z(a, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
-		}), /*#__PURE__*/ F(V, { id: "3x7Sws" })]
+		}), /*#__PURE__*/ z(K, { id: "3x7Sws" })]
 	});
-	if (v) {
-		let e = b?.message || "Unknown error";
-		return /*#__PURE__*/ I(w, {
+	if (C) {
+		let e = w?.message || "Unknown error";
+		return /*#__PURE__*/ B(E, {
 			className: "fixed inset-0",
 			distribution: "center",
 			alignment: "center",
 			direction: "vertical",
 			gap: "5",
 			children: [
-				/*#__PURE__*/ F("p", {
+				/*#__PURE__*/ z("p", {
 					className: "text-theme-error font-semibold",
-					children: /*#__PURE__*/ F(V, { id: "FjPnAE" })
+					children: /*#__PURE__*/ z(K, { id: "FjPnAE" })
 				}),
-				/*#__PURE__*/ F("p", {
+				/*#__PURE__*/ z("p", {
 					className: "text-theme-highest",
 					children: e
 				}),
-				/*#__PURE__*/ F(E, {
-					onClick: J,
+				/*#__PURE__*/ z(O, {
+					onClick: Z,
 					variant: "primary",
-					children: /*#__PURE__*/ F(V, { id: "U9q4M7" })
+					children: /*#__PURE__*/ z(K, { id: "U9q4M7" })
 				})
 			]
 		});
 	}
-	return h ? /*#__PURE__*/ I(w, {
+	return y ? /*#__PURE__*/ B(E, {
 		direction: "vertical",
 		children: [
-			/*#__PURE__*/ F(u, { children: h.name || h.id }),
-			/*#__PURE__*/ I(y, {
+			/*#__PURE__*/ z(u, { children: y.name || y.id }),
+			/*#__PURE__*/ B(x, {
 				className: "my-6",
-				children: [/*#__PURE__*/ F(s, {
-					onClick: J,
-					label: r._({ id: "4opp4r" })
-				}), /*#__PURE__*/ F(s, {
+				children: [/*#__PURE__*/ z(s, {
+					onClick: Z,
+					label: i._({ id: "4opp4r" })
+				}), /*#__PURE__*/ z(s, {
 					active: !0,
-					label: h.id
+					label: y.id
 				})]
 			}),
-			/*#__PURE__*/ F(Ce, {
-				securityGroup: h,
-				filteredAndSortedRules: g,
-				onEdit: L,
-				onDeleteRule: W,
-				isDeletingRule: C,
-				deleteRuleError: T,
-				filterControls: m,
-				onCreateRule: G,
-				isCreatingRule: A,
-				createRuleError: j,
-				availableSecurityGroups: q,
-				currentProjectId: t
+			/*#__PURE__*/ z(ke, {
+				securityGroup: y,
+				filteredAndSortedRules: b,
+				onEdit: V,
+				onDeleteRule: J,
+				isDeletingRule: M,
+				deleteRuleError: N,
+				filterControls: v,
+				onCreateRule: Y,
+				isCreatingRule: P,
+				createRuleError: F,
+				availableSecurityGroups: te,
+				currentProjectId: n,
+				permissions: Q
 			}),
-			/*#__PURE__*/ F(N, {
-				securityGroup: h,
-				open: P,
-				onClose: z,
-				onUpdate: U,
-				isLoading: x,
-				error: S
+			/*#__PURE__*/ z(L, {
+				securityGroup: y,
+				open: R,
+				onClose: U,
+				onUpdate: W,
+				isLoading: T,
+				error: D
 			})
 		]
-	}) : /*#__PURE__*/ I(w, {
+	}) : /*#__PURE__*/ B(E, {
 		className: "fixed inset-0",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
 		gap: "5",
-		children: [/*#__PURE__*/ F("p", {
+		children: [/*#__PURE__*/ z("p", {
 			className: "text-theme-secondary",
-			children: /*#__PURE__*/ F(V, { id: "Zw8Q49" })
-		}), /*#__PURE__*/ F(E, {
-			onClick: J,
+			children: /*#__PURE__*/ z(K, { id: "Zw8Q49" })
+		}), /*#__PURE__*/ z(O, {
+			onClick: Z,
 			variant: "primary",
-			children: /*#__PURE__*/ F(V, { id: "U9q4M7" })
+			children: /*#__PURE__*/ z(K, { id: "U9q4M7" })
 		})]
 	});
 }
 //#endregion
-export { Te as component };
+export { je as component };
 
-//# sourceMappingURL=_securityGroupId-B5-gJe1u.mjs.map
+//# sourceMappingURL=_securityGroupId-DFdNKa2l.mjs.map