@cobaltcore-dev/aurora 1.3.0 → 2.0.0

package/dist/client/{_securityGroupId-DmplhDgt.mjs → _securityGroupId-Bq0ZyG6z.mjs}

@@ -1,28 +1,28 @@
-import { A as e, C as t, D as n, E as r, K as i, L as a, M as o, P as s, Q as c, R as l, S as u, T as d, X as f, et as p, ft as m, g as h, h as g, i as _, it as v, l as y, lt as b, m as x, n as S, o as C, ot as w, p as T, rt as E, s as D, t as O, v as k, x as A } from "./build-WuxXRAqf.mjs";
-import { a as j } from "./trpcClient-D7gpR7YG.mjs";
-import { t as M } from "./_securityGroupId-C6eHmrx_.mjs";
-import { t as N } from "./useProjectId-DBc5lpoU.mjs";
-import { t as ee } from "./SortInput-4g7nSTHW.mjs";
-import { t as P } from "./useModalTracking-BcOKTYRN.mjs";
-import { t as F } from "./ContentHeader-CPJbgYWn.mjs";
-import { t as I } from "./useSetBreadcrumb-tn7lBaQV.mjs";
+import { A as e, C as t, D as n, E as r, K as i, L as a, M as o, P as s, Q as c, R as l, S as u, T as d, X as f, c as p, et as m, ft as h, g, h as _, i as v, it as y, l as b, lt as x, m as S, n as C, o as w, ot as T, p as E, rt as D, s as O, t as k, v as A, x as j } from "./build-WuxXRAqf.mjs";
+import { a as M } from "./trpcClient-D7gpR7YG.mjs";
+import { t as N } from "./_securityGroupId-AO3wnH8g.mjs";
+import { t as P } from "./useProjectId-DBc5lpoU.mjs";
+import { t as F } from "./SortInput-4g7nSTHW.mjs";
+import { t as I } from "./useModalTracking-BYd37pXm.mjs";
+import { t as ee } from "./ContentHeader-CPJbgYWn.mjs";
+import { t as L } from "./useSetBreadcrumb-tn7lBaQV.mjs";
 import "./hooks-D0yKIumu.mjs";
-import { t as L } from "./TwoColumnDescriptionList-DKS42RKa.mjs";
-import { t as R } from "./useModal-DCs1OJh7.mjs";
-import { n as te, t as ne } from "./FiltersInput-CKI6zWnm.mjs";
-import { a as re, d as z, f as B, i as ie, l as V, m as H, n as ae, o as oe, p as se, r as ce, t as le, u as ue } from "./useSecurityGroupPermissions-BOyLQLdC.mjs";
-import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { startTransition as de, useEffect as K, useMemo as q, useRef as fe, useState as J } from "react";
-import { useNavigate as pe } from "@tanstack/react-router";
-import { Trans as Y, useLingui as X } from "@lingui/react";
-import { z as Z } from "zod";
-import { useForm as Q, useStore as $ } from "@tanstack/react-form";
+import { t as te } from "./useModal-DCs1OJh7.mjs";
+import { t as ne } from "./TwoColumnDescriptionList-DKS42RKa.mjs";
+import { n as re, t as ie } from "./FiltersInput-Becwxo_J.mjs";
+import { a as ae, c as oe, d as se, f as R, h as ce, i as le, l as ue, m as de, n as fe, o as z, p as pe, r as me, s as B, t as he, u as V } from "./useSecurityGroupPermissions--hK4aR8Y.mjs";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { startTransition as G, useEffect as K, useMemo as ge, useRef as _e, useState as q } from "react";
+import { useNavigate as ve } from "@tanstack/react-router";
+import { Trans as J, useLingui as Y } from "@lingui/react";
+import { z as X } from "zod";
+import { useForm as Z, useStore as Q } from "@tanstack/react-form";
 //#region src/client/utils/useListWithFiltering.ts
-function me({ defaultSortKey: e, defaultSortDir: t, sortOptions: n, filterSettings: r }) {
-	let [i, a] = J(""), o = (e) => {
+function ye({ defaultSortKey: e, defaultSortDir: t, sortOptions: n, filterSettings: r }) {
+	let [i, a] = q(""), o = (e) => {
 		let t = typeof e == "string" ? e : "";
-		de(() => a(t));
-	}, [s, c] = J({
+		G(() => a(t));
+	}, [s, c] = q({
 		options: n,
 		sortBy: e,
 		sortDirection: t
@@ -33,7 +33,7 @@ function me({ defaultSortKey: e, defaultSortDir: t, sortOptions: n, filterSettin
 			sortDirection: n.sortDirection || t
 		};
 		c(r);
-	}, [u, d] = J(r);
+	}, [u, d] = q(r);
 	return {
 		searchTerm: i,
 		sortSettings: s,
@@ -41,88 +41,80 @@ function me({ defaultSortKey: e, defaultSortDir: t, sortOptions: n, filterSettin
 		handleSearchChange: o,
 		handleSortChange: l,
 		handleFilterChange: (e) => {
-			de(() => d(e));
+			G(() => d(e));
 		}
 	};
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupBasicInfo.tsx
-function he({ securityGroup: e, onEdit: t, canUpdate: n }) {
-	let { i18n: r, _: i } = X(), a = [
+function be({ securityGroup: e }) {
+	let { i18n: t, _: n } = Y(), r = [
 		{
-			label: r._({ id: "Nu4oKW" }),
-			value: e.description || r._({ id: "h47p9L" })
+			label: t._({ id: "Nu4oKW" }),
+			value: e.description || t._({ id: "h47p9L" })
 		},
 		{
-			label: r._({ id: "S0kLOH" }),
+			label: t._({ id: "S0kLOH" }),
 			value: e.id
 		},
 		{
-			label: r._({ id: "OYHzN1" }),
-			value: e.tags?.join(", ") || r._({ id: "h47p9L" })
+			label: t._({ id: "OYHzN1" }),
+			value: e.tags?.join(", ") || t._({ id: "h47p9L" })
 		},
 		{
-			label: r._({ id: "6YtxFj" }),
-			value: e.name || r._({ id: "h47p9L" })
+			label: t._({ id: "6YtxFj" }),
+			value: e.name || t._({ id: "h47p9L" })
 		},
 		{
-			label: r._({ id: "Jim5X9" }),
-			value: e.stateful ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+			label: t._({ id: "Jim5X9" }),
+			value: e.stateful ?? !0 ? t._({ id: "l75CjT" }) : t._({ id: "1UzENP" })
 		},
 		{
-			label: r._({ id: "aI8Tgp" }),
-			value: e.project_id || r._({ id: "h47p9L" })
+			label: t._({ id: "aI8Tgp" }),
+			value: e.project_id || t._({ id: "h47p9L" })
 		},
 		{
-			label: r._({ id: "0Gd0NU" }),
-			value: e.shared ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+			label: t._({ id: "0Gd0NU" }),
+			value: e.shared ? t._({ id: "l75CjT" }) : t._({ id: "1UzENP" })
 		}
 	];
-	return /*#__PURE__*/ G(U, { children: [/*#__PURE__*/ W("div", {
-		className: "mb-4 flex flex-row-reverse",
-		children: t && n && /*#__PURE__*/ W(_, {
-			variant: "primary",
-			onClick: t,
-			disabled: !n,
-			children: /*#__PURE__*/ W(Y, { id: "ePK91l" })
-		})
-	}), /*#__PURE__*/ W(L, { items: a })] });
+	return /*#__PURE__*/ U(ne, { items: r });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupTabs.tsx
-function ge({ activeTab: e, onTabChange: t, showRBACTab: n = !0 }) {
+function xe({ 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__*/ W("div", {
-		className: "border-theme-background-lvl-3 mt-1 border-b",
-		children: /*#__PURE__*/ G(c, {
+	return /*#__PURE__*/ U("div", {
+		className: "border-theme-background-lvl-3 mt-4 border-b",
+		children: /*#__PURE__*/ W(c, {
 			direction: "horizontal",
 			gap: "0",
-			children: [/*#__PURE__*/ W("button", {
+			children: [/*#__PURE__*/ U("button", {
 				className: r("rules"),
 				onClick: () => t("rules"),
-				children: /*#__PURE__*/ W(Y, { id: "4EZrJN" })
-			}), n && /*#__PURE__*/ W("button", {
+				children: /*#__PURE__*/ U(J, { id: "4EZrJN" })
+			}), n && /*#__PURE__*/ U("button", {
 				className: r("rbac"),
 				onClick: () => t("rbac"),
-				children: /*#__PURE__*/ W(Y, { id: "/eFtWI" })
+				children: /*#__PURE__*/ U(J, { id: "/eFtWI" })
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRuleDialog.tsx
-function _e({ rule: e, open: t, onClose: n, onConfirm: r, isLoading: i, error: o }) {
-	let { i18n: s, _: l } = X(), { trackClose: u, markSubmitted: d, resetTracking: p } = P({
+function Se({ rule: e, open: t, onClose: n, onConfirm: r, isLoading: i, error: o }) {
+	let { i18n: s, _: l } = Y(), { trackClose: u, markSubmitted: d, resetTracking: p } = I({
 		isOpen: t,
 		actionPrefix: "network.securitygroup.rule.delete"
-	}), h = Z.object({ confirm: Z.string().refine((e) => e === "delete", { message: s._({ id: "QytzQr" }) }) }), g = Q({
+	}), m = X.object({ confirm: X.string().refine((e) => e === "delete", { message: s._({ id: "QytzQr" }) }) }), g = Z({
 		defaultValues: { confirm: "" },
-		validators: { onSubmit: h },
+		validators: { onSubmit: m },
 		onSubmit: async () => {
 			!e || i || (d(), r(e.id));
 		}
-	}), _ = $(g.store, (e) => e.isSubmitting || e.values.confirm !== "delete");
-	return e ? /*#__PURE__*/ W(f, {
+	}), _ = Q(g.store, (e) => e.isSubmitting || e.values.confirm !== "delete");
+	return e ? /*#__PURE__*/ U(f, {
 		open: t,
 		onCancel: () => {
 			u(), g.reset(), p(), n();
@@ -136,74 +128,74 @@ function _e({ rule: e, open: t, onClose: n, onConfirm: r, isLoading: i, error: o
 		disableConfirmButton: _ || i,
 		disableCancelButton: i,
 		disableCloseButton: i,
-		children: /*#__PURE__*/ G(c, {
+		children: /*#__PURE__*/ W(c, {
 			direction: "vertical",
 			gap: "4",
 			children: [
-				o && /*#__PURE__*/ W(a, {
+				o && /*#__PURE__*/ U(a, {
 					variant: "error",
 					children: o
 				}),
-				/*#__PURE__*/ W("p", {
+				/*#__PURE__*/ U("p", {
 					className: "text-theme-default",
-					children: /*#__PURE__*/ W(Y, { id: "CMVP7y" })
+					children: /*#__PURE__*/ U(J, { id: "CMVP7y" })
 				}),
-				/*#__PURE__*/ G("div", {
+				/*#__PURE__*/ W("div", {
 					className: "bg-theme-background-lvl-1 rounded p-4",
-					children: [/*#__PURE__*/ W("p", {
+					children: [/*#__PURE__*/ U("p", {
 						className: "mb-2 font-semibold",
-						children: /*#__PURE__*/ W(Y, { id: "uly9ET" })
-					}), /*#__PURE__*/ G("ul", {
+						children: /*#__PURE__*/ U(J, { id: "uly9ET" })
+					}), /*#__PURE__*/ W("ul", {
 						className: "list-inside list-disc space-y-1 text-sm",
 						children: [
-							/*#__PURE__*/ G("li", { children: [
-								/*#__PURE__*/ W(Y, { id: "MRB7nI" }),
+							/*#__PURE__*/ W("li", { children: [
+								/*#__PURE__*/ U(J, { id: "MRB7nI" }),
 								": ",
 								e.direction
 							] }),
-							e.description && /*#__PURE__*/ G("li", { children: [
-								/*#__PURE__*/ W(Y, { id: "Nu4oKW" }),
+							e.description && /*#__PURE__*/ W("li", { children: [
+								/*#__PURE__*/ U(J, { id: "Nu4oKW" }),
 								": ",
 								e.description
 							] }),
-							/*#__PURE__*/ G("li", { children: [
-								/*#__PURE__*/ W(Y, { id: "yp0UjB" }),
+							/*#__PURE__*/ W("li", { children: [
+								/*#__PURE__*/ U(J, { id: "yp0UjB" }),
 								": ",
 								e.ethertype
 							] }),
-							e.protocol && /*#__PURE__*/ G("li", { children: [
-								/*#__PURE__*/ W(Y, { id: "6+OdGi" }),
+							e.protocol && /*#__PURE__*/ W("li", { children: [
+								/*#__PURE__*/ U(J, { id: "6+OdGi" }),
 								": ",
 								e.protocol
 							] }),
-							e.port_range_min !== null && e.port_range_max !== null && /*#__PURE__*/ G("li", { children: [
-								/*#__PURE__*/ W(Y, { id: "tV/Ozb" }),
+							e.port_range_min !== null && e.port_range_max !== null && /*#__PURE__*/ W("li", { children: [
+								/*#__PURE__*/ U(J, { 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__*/ G("li", { children: [
-								/*#__PURE__*/ W(Y, { id: "WoSkGY" }),
+							e.remote_ip_prefix && /*#__PURE__*/ W("li", { children: [
+								/*#__PURE__*/ U(J, { id: "WoSkGY" }),
 								": ",
 								e.remote_ip_prefix
 							] }),
-							e.remote_group_id && /*#__PURE__*/ G("li", { children: [
-								/*#__PURE__*/ W(Y, { id: "i9TIyi" }),
+							e.remote_group_id && /*#__PURE__*/ W("li", { children: [
+								/*#__PURE__*/ U(J, { id: "i9TIyi" }),
 								": ",
 								e.remote_group_id
 							] })
 						]
 					})]
 				}),
-				/*#__PURE__*/ W(m, {
+				/*#__PURE__*/ U(h, {
 					className: "mb-0",
 					id: "delete-rule-form",
 					onSubmit: (e) => {
 						e.preventDefault(), g.handleSubmit();
 					},
-					children: /*#__PURE__*/ W(T, { children: /*#__PURE__*/ W(g.Field, {
+					children: /*#__PURE__*/ U(E, { children: /*#__PURE__*/ U(g.Field, {
 						name: "confirm",
-						children: (e) => /*#__PURE__*/ W(x, {
+						children: (e) => /*#__PURE__*/ U(S, {
 							label: s._({ id: "QytzQr" }),
 							id: e.name,
 							name: e.name,
@@ -224,10 +216,10 @@ function _e({ rule: e, open: t, onClose: n, onConfirm: r, isLoading: i, error: o
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/validation/validationHelpers.ts
-function ve(e) {
+function Ce(e) {
 	return e.includes(".") ? "IPv4" : e.includes(":") ? "IPv6" : null;
 }
-function ye(e, t, n) {
+function we(e, t, n) {
 	if (e != null && isNaN(e) || t != null && isNaN(t)) return {
 		valid: !1,
 		error: "Port must be a valid number"
@@ -246,7 +238,7 @@ function ye(e, t, n) {
 		error: "port_range_min must be less than or equal to port_range_max"
 	} : { valid: !0 };
 }
-function be(e, t) {
+function Te(e, t) {
 	return e != null && isNaN(e) ? {
 		valid: !1,
 		error: "ICMP type must be a valid number"
@@ -261,7 +253,7 @@ function be(e, t) {
 		error: "ICMP code must be between 0 and 255"
 	} : { valid: !0 };
 }
-function xe(e) {
+function Ee(e) {
 	let t = e.split("/");
 	if (t.length !== 2) return !1;
 	let [n, r] = t;
@@ -290,61 +282,61 @@ function xe(e) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/constants.ts
-var Se = "0.0.0.0/0", Ce = "::/0", we = "other-protocol", Te = Z.object({
-	ruleType: Z.string().min(1, "Rule type is required"),
-	direction: Z.enum(["ingress", "egress"]),
-	ethertype: Z.enum(["IPv4", "IPv6"]),
-	description: Z.string(),
-	protocol: Z.string().nullable(),
-	portFrom: Z.string(),
-	portTo: Z.string(),
-	icmpType: Z.string(),
-	icmpCode: Z.string(),
-	remoteSourceType: Z.enum(["cidr", "security_group"]),
-	remoteCidr: Z.string(),
-	remoteSecurityGroupId: Z.string()
+var De = "0.0.0.0/0", Oe = "::/0", ke = "other-protocol", Ae = X.object({
+	ruleType: X.string().min(1, "Rule type is required"),
+	direction: X.enum(["ingress", "egress"]),
+	ethertype: X.enum(["IPv4", "IPv6"]),
+	description: X.string(),
+	protocol: X.string().nullable(),
+	portFrom: X.string(),
+	portTo: X.string(),
+	icmpType: X.string(),
+	icmpCode: X.string(),
+	remoteSourceType: X.enum(["cidr", "security_group"]),
+	remoteCidr: X.string(),
+	remoteSecurityGroupId: X.string()
 }).superRefine((e, t) => {
-	let n = e.protocol === "tcp" || e.protocol === "udp", r = e.protocol === "icmp" || e.protocol === "ipv6-icmp", i = e.ruleType === we, 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 === ke, a = n && ["custom-tcp", "custom-udp"].includes(e.ruleType);
 	if (i && !e.protocol && t.addIssue({
-		code: Z.ZodIssueCode.custom,
+		code: X.ZodIssueCode.custom,
 		message: "Protocol is required",
 		path: ["protocol"]
 	}), a) if (!e.portFrom) t.addIssue({
-		code: Z.ZodIssueCode.custom,
+		code: X.ZodIssueCode.custom,
 		message: "Port (from) is required",
 		path: ["portFrom"]
 	});
 	else {
 		let n = parseInt(e.portFrom, 10);
 		if (isNaN(n)) t.addIssue({
-			code: Z.ZodIssueCode.custom,
+			code: X.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: Z.ZodIssueCode.custom,
+				code: X.ZodIssueCode.custom,
 				message: "Port must be a valid number",
 				path: ["portTo"]
 			});
 			else if (n >= r) t.addIssue({
-				code: Z.ZodIssueCode.custom,
+				code: X.ZodIssueCode.custom,
 				message: "\"Port (from)\" must be less than \"Port (to)\"",
 				path: ["portFrom"]
 			});
 			else {
-				let i = ye(n, r, e.protocol);
+				let i = we(n, r, e.protocol);
 				i.valid || t.addIssue({
-					code: Z.ZodIssueCode.custom,
+					code: X.ZodIssueCode.custom,
 					message: i.error || "Invalid port range",
 					path: ["portFrom"]
 				});
 			}
 		} else {
-			let r = ye(n, n, e.protocol);
+			let r = we(n, n, e.protocol);
 			r.valid || t.addIssue({
-				code: Z.ZodIssueCode.custom,
+				code: X.ZodIssueCode.custom,
 				message: r.error || "Invalid port",
 				path: ["portFrom"]
 			});
@@ -353,44 +345,44 @@ var Se = "0.0.0.0/0", Ce = "::/0", we = "other-protocol", Te = Z.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: Z.ZodIssueCode.custom,
+			code: X.ZodIssueCode.custom,
 			message: "ICMP type must be a valid number",
 			path: ["icmpType"]
 		}), e.icmpCode && isNaN(r) && t.addIssue({
-			code: Z.ZodIssueCode.custom,
+			code: X.ZodIssueCode.custom,
 			message: "ICMP code must be a valid number",
 			path: ["icmpCode"]
 		}), e.icmpCode && !e.icmpType && t.addIssue({
-			code: Z.ZodIssueCode.custom,
+			code: X.ZodIssueCode.custom,
 			message: "ICMP type is required when ICMP code is specified",
 			path: ["icmpType"]
 		}), n !== null || r !== null) {
-			let e = be(n, r);
+			let e = Te(n, r);
 			e.valid || (e.error?.includes("type") && t.addIssue({
-				code: Z.ZodIssueCode.custom,
+				code: X.ZodIssueCode.custom,
 				message: "ICMP type must be between 0 and 255",
 				path: ["icmpType"]
 			}), e.error?.includes("code") && t.addIssue({
-				code: Z.ZodIssueCode.custom,
+				code: X.ZodIssueCode.custom,
 				message: "ICMP code must be between 0 and 255",
 				path: ["icmpCode"]
 			}));
 		}
 	}
-	if (e.remoteSourceType === "cidr" && e.remoteCidr) if (!xe(e.remoteCidr)) t.addIssue({
-		code: Z.ZodIssueCode.custom,
+	if (e.remoteSourceType === "cidr" && e.remoteCidr) if (!Ee(e.remoteCidr)) t.addIssue({
+		code: X.ZodIssueCode.custom,
 		message: "Invalid CIDR format. Examples: 0.0.0.0/0 (IPv4) or ::/0 (IPv6)",
 		path: ["remoteCidr"]
 	});
 	else {
-		let n = ve(e.remoteCidr);
+		let n = Ce(e.remoteCidr);
 		n && n !== e.ethertype && t.addIssue({
-			code: Z.ZodIssueCode.custom,
+			code: X.ZodIssueCode.custom,
 			message: `CIDR family (${n}) must match Ethertype (${e.ethertype})`,
 			path: ["remoteCidr"]
 		});
 	}
-}), Ee = {
+}), je = {
 	ruleType: "",
 	direction: "ingress",
 	ethertype: "IPv4",
@@ -401,9 +393,9 @@ var Se = "0.0.0.0/0", Ce = "::/0", we = "other-protocol", Te = Z.object({
 	icmpType: "",
 	icmpCode: "",
 	remoteSourceType: "cidr",
-	remoteCidr: Se,
+	remoteCidr: De,
 	remoteSecurityGroupId: ""
-}, De = [
+}, Me = [
 	{
 		value: "",
 		label: "",
@@ -561,14 +553,14 @@ var Se = "0.0.0.0/0", Ce = "::/0", we = "other-protocol", Te = Z.object({
 ];
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/RuleTypeSection.tsx
-function Oe({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = X();
-	return /*#__PURE__*/ W(e.Field, {
+function Ne({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = Y();
+	return /*#__PURE__*/ U(e.Field, {
 		name: "ruleType",
 		mode: "value",
-		children: (r) => /*#__PURE__*/ W(g, {
+		children: (r) => /*#__PURE__*/ U(_, {
 			className: "mb-6",
-			children: /*#__PURE__*/ W(v, {
+			children: /*#__PURE__*/ U(y, {
 				id: "ruleType",
 				label: n._({ id: "YuGQWb" }),
 				value: r.state.value,
@@ -578,14 +570,14 @@ function Oe({ form: e, disabled: t = !1 }) {
 						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);
+					let i = Me.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: De.map((e) => e.value === "" ? /*#__PURE__*/ W(l, {
+				children: Me.map((e) => e.value === "" ? /*#__PURE__*/ U(l, {
 					value: e.value,
 					label: n._({ id: "eh/k36" })
-				}, e.value) : /*#__PURE__*/ W(l, {
+				}, e.value) : /*#__PURE__*/ U(l, {
 					value: e.value,
 					label: e.label
 				}, e.value))
@@ -595,23 +587,23 @@ function Oe({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/DirectionEthertypeSection.tsx
-function ke({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = X();
-	return /*#__PURE__*/ W(e.Field, {
+function Pe({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = Y();
+	return /*#__PURE__*/ U(e.Field, {
 		name: "direction",
-		children: (e) => /*#__PURE__*/ W(g, { children: /*#__PURE__*/ W(k, {
+		children: (e) => /*#__PURE__*/ U(_, { children: /*#__PURE__*/ U(A, {
 			name: "direction",
 			label: n._({ id: "MRB7nI" }),
 			selected: e.state.value,
 			onChange: (t) => e.handleChange(String(t)),
 			required: !0,
 			disabled: t,
-			children: /*#__PURE__*/ G("div", {
+			children: /*#__PURE__*/ W("div", {
 				className: "flex gap-4",
-				children: [/*#__PURE__*/ W(p, {
+				children: [/*#__PURE__*/ U(m, {
 					value: "ingress",
 					label: n._({ id: "fzfAAa" })
-				}), /*#__PURE__*/ W(p, {
+				}), /*#__PURE__*/ U(m, {
 					value: "egress",
 					label: n._({ id: "nETBrc" })
 				})]
@@ -619,23 +611,23 @@ function ke({ form: e, disabled: t = !1 }) {
 		}) })
 	});
 }
-function Ae({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = X();
-	return /*#__PURE__*/ W(e.Field, {
+function Fe({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = Y();
+	return /*#__PURE__*/ U(e.Field, {
 		name: "ethertype",
-		children: (e) => /*#__PURE__*/ W(g, { children: /*#__PURE__*/ W(k, {
+		children: (e) => /*#__PURE__*/ U(_, { children: /*#__PURE__*/ U(A, {
 			name: "ethertype",
 			label: n._({ id: "16085O" }),
 			selected: e.state.value,
 			onChange: (t) => e.handleChange(String(t)),
 			required: !0,
 			disabled: t,
-			children: /*#__PURE__*/ G("div", {
+			children: /*#__PURE__*/ W("div", {
 				className: "flex gap-4",
-				children: [/*#__PURE__*/ W(p, {
+				children: [/*#__PURE__*/ U(m, {
 					value: "IPv4",
 					label: "IPv4"
-				}), /*#__PURE__*/ W(p, {
+				}), /*#__PURE__*/ U(m, {
 					value: "IPv6",
 					label: "IPv6"
 				})]
@@ -645,13 +637,13 @@ function Ae({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/ProtocolSection.tsx
-function je({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = X();
-	return /*#__PURE__*/ W(e.Field, {
+function Ie({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = Y();
+	return /*#__PURE__*/ U(e.Field, {
 		name: "protocol",
-		children: (e) => /*#__PURE__*/ W(g, {
+		children: (e) => /*#__PURE__*/ U(_, {
 			className: "mb-6",
-			children: /*#__PURE__*/ W(x, {
+			children: /*#__PURE__*/ U(S, {
 				id: "protocol",
 				name: "protocol",
 				label: n._({ id: "6+OdGi" }),
@@ -666,19 +658,19 @@ function je({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/PortRangeSection.tsx
-function Me({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = X(), i = $(e.store, (e) => e.values.portFrom), a = $(e.store, (e) => e.fieldMeta.portFrom?.errors[0]?.message), o = $(e.store, (e) => e.fieldMeta.portTo?.errors[0]?.message), s = t || !i || i.trim() === "";
-	return /*#__PURE__*/ G(g, {
+function Le({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = Y(), i = Q(e.store, (e) => e.values.portFrom), a = Q(e.store, (e) => e.fieldMeta.portFrom?.errors[0]?.message), o = Q(e.store, (e) => e.fieldMeta.portTo?.errors[0]?.message), s = t || !i || i.trim() === "";
+	return /*#__PURE__*/ W(_, {
 		className: "mb-6",
 		children: [
-			/*#__PURE__*/ G("div", {
+			/*#__PURE__*/ W("div", {
 				className: "flex items-center gap-4",
 				children: [
-					/*#__PURE__*/ W(e.Field, {
+					/*#__PURE__*/ U(e.Field, {
 						name: "portFrom",
-						children: (r) => /*#__PURE__*/ W("div", {
+						children: (r) => /*#__PURE__*/ U("div", {
 							className: "flex-1",
-							children: /*#__PURE__*/ W(x, {
+							children: /*#__PURE__*/ U(S, {
 								id: "portFrom",
 								name: "portFrom",
 								label: n._({ id: "LMdsuJ" }),
@@ -693,15 +685,15 @@ function Me({ form: e, disabled: t = !1 }) {
 							})
 						})
 					}),
-					/*#__PURE__*/ W("div", {
+					/*#__PURE__*/ U("div", {
 						className: "text-theme-secondary flex items-center justify-center",
 						children: "—"
 					}),
-					/*#__PURE__*/ W(e.Field, {
+					/*#__PURE__*/ U(e.Field, {
 						name: "portTo",
-						children: (t) => /*#__PURE__*/ W("div", {
+						children: (t) => /*#__PURE__*/ U("div", {
 							className: "flex-1",
-							children: /*#__PURE__*/ W(x, {
+							children: /*#__PURE__*/ U(S, {
 								id: "portTo",
 								name: "portTo",
 								label: n._({ id: "a12lSo" }),
@@ -717,11 +709,11 @@ function Me({ form: e, disabled: t = !1 }) {
 					})
 				]
 			}),
-			(a || o) && /*#__PURE__*/ G("div", {
+			(a || o) && /*#__PURE__*/ W("div", {
 				className: "text-theme-error mt-2 text-sm",
-				children: [a && /*#__PURE__*/ W("div", { children: a }), o && /*#__PURE__*/ W("div", { children: o })]
+				children: [a && /*#__PURE__*/ U("div", { children: a }), o && /*#__PURE__*/ U("div", { children: o })]
 			}),
-			/*#__PURE__*/ W("p", {
+			/*#__PURE__*/ U("p", {
 				className: "mt-2 text-sm",
 				children: n._({ id: "QAUa4B" })
 			})
@@ -730,17 +722,17 @@ function Me({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/IcmpSection.tsx
-function Ne({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = X();
-	return /*#__PURE__*/ W(g, {
+function Re({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = Y();
+	return /*#__PURE__*/ U(_, {
 		className: "mb-6",
-		children: /*#__PURE__*/ G("div", {
+		children: /*#__PURE__*/ W("div", {
 			className: "flex w-full gap-4",
-			children: [/*#__PURE__*/ W(e.Field, {
+			children: [/*#__PURE__*/ U(e.Field, {
 				name: "icmpType",
-				children: (e) => /*#__PURE__*/ W("div", {
+				children: (e) => /*#__PURE__*/ U("div", {
 					className: "flex-1",
-					children: /*#__PURE__*/ W(x, {
+					children: /*#__PURE__*/ U(S, {
 						id: "icmpType",
 						name: "icmpType",
 						label: n._({ id: "yPWFWy" }),
@@ -751,11 +743,11 @@ function Ne({ form: e, disabled: t = !1 }) {
 						disabled: t
 					})
 				})
-			}), /*#__PURE__*/ W(e.Field, {
+			}), /*#__PURE__*/ U(e.Field, {
 				name: "icmpCode",
-				children: (e) => /*#__PURE__*/ W("div", {
+				children: (e) => /*#__PURE__*/ U("div", {
 					className: "flex-1",
-					children: /*#__PURE__*/ W(x, {
+					children: /*#__PURE__*/ U(S, {
 						id: "icmpCode",
 						name: "icmpCode",
 						label: n._({ id: "76RKuS" }),
@@ -772,15 +764,15 @@ function Ne({ 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 } = X();
-	return /*#__PURE__*/ G(U, { children: [
-		/*#__PURE__*/ W(e.Field, {
+function ze({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
+	let { i18n: r, _: i } = Y();
+	return /*#__PURE__*/ W(H, { children: [
+		/*#__PURE__*/ U(e.Field, {
 			name: "remoteSourceType",
 			mode: "value",
-			children: (n) => /*#__PURE__*/ W(g, {
+			children: (n) => /*#__PURE__*/ U(_, {
 				className: "mb-1",
-				children: /*#__PURE__*/ W(k, {
+				children: /*#__PURE__*/ U(A, {
 					name: "remoteSourceType",
 					label: r._({ id: "I5kZVK" }),
 					selected: n.state.value,
@@ -789,12 +781,12 @@ function Pe({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 						n.handleChange(r), r !== "security_group" && e.setFieldValue("ethertype", "IPv4");
 					},
 					disabled: t,
-					children: /*#__PURE__*/ G("div", {
+					children: /*#__PURE__*/ W("div", {
 						className: "flex gap-4",
-						children: [/*#__PURE__*/ W(p, {
+						children: [/*#__PURE__*/ U(m, {
 							value: "cidr",
 							label: r._({ id: "4uXhtt" })
-						}), /*#__PURE__*/ W(p, {
+						}), /*#__PURE__*/ U(m, {
 							value: "security_group",
 							label: r._({ id: "bwhBhT" })
 						})]
@@ -802,45 +794,45 @@ function Pe({ form: e, disabled: t = !1, availableSecurityGroups: n }) {
 				})
 			})
 		}),
-		/*#__PURE__*/ W(e.Field, {
+		/*#__PURE__*/ U(e.Field, {
 			name: "remoteSourceType",
-			children: (n) => n.state.value === "cidr" ? /*#__PURE__*/ W(e.Field, {
+			children: (n) => n.state.value === "cidr" ? /*#__PURE__*/ U(e.Field, {
 				name: "remoteCidr",
-				children: (n) => /*#__PURE__*/ W(e.Field, {
+				children: (n) => /*#__PURE__*/ U(e.Field, {
 					name: "ethertype",
-					children: (e) => /*#__PURE__*/ W(g, {
+					children: (e) => /*#__PURE__*/ U(_, {
 						className: "mb-6",
-						children: /*#__PURE__*/ W(x, {
+						children: /*#__PURE__*/ U(S, {
 							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" ? Se : Ce,
+							placeholder: e.state.value === "IPv4" ? De : Oe,
 							disabled: t
 						})
 					})
 				})
 			}) : null
 		}),
-		/*#__PURE__*/ W(e.Field, {
+		/*#__PURE__*/ U(e.Field, {
 			name: "remoteSourceType",
-			children: (i) => i.state.value === "security_group" ? /*#__PURE__*/ W(e.Field, {
+			children: (i) => i.state.value === "security_group" ? /*#__PURE__*/ U(e.Field, {
 				name: "remoteSecurityGroupId",
-				children: (e) => /*#__PURE__*/ W(g, {
+				children: (e) => /*#__PURE__*/ U(_, {
 					className: "mb-6",
-					children: /*#__PURE__*/ G(v, {
+					children: /*#__PURE__*/ W(y, {
 						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__*/ W(l, {
+						children: [/*#__PURE__*/ U(l, {
 							value: "",
 							label: r._({ id: "ZvIpwi" })
-						}), n.map((e) => /*#__PURE__*/ W(l, {
+						}), n.map((e) => /*#__PURE__*/ U(l, {
 							value: e.id,
 							label: e.name || e.id
 						}, e.id))]
@@ -852,13 +844,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 Fe({ form: e, disabled: t = !1 }) {
-	let { i18n: n, _: r } = X();
-	return /*#__PURE__*/ W(e.Field, {
+function Be({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = Y();
+	return /*#__PURE__*/ U(e.Field, {
 		name: "description",
-		children: (e) => /*#__PURE__*/ W(g, {
+		children: (e) => /*#__PURE__*/ U(_, {
 			className: "mb-0",
-			children: /*#__PURE__*/ W(b, {
+			children: /*#__PURE__*/ U(x, {
 				id: "description",
 				name: "description",
 				label: n._({ id: "Nu4oKW" }),
@@ -873,10 +865,10 @@ function Fe({ form: e, disabled: t = !1 }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/AddRuleModal.tsx
-var Ie = ({ securityGroupId: e, open: t, onClose: n, onCreate: r, isLoading: c = !1, error: l = null, availableSecurityGroups: u = [] }) => {
-	let { i18n: d, _: p } = X(), h = Q({
-		defaultValues: Ee,
-		validators: { onSubmit: Te },
+var Ve = ({ securityGroupId: e, open: t, onClose: n, onCreate: r, isLoading: c = !1, error: l = null, availableSecurityGroups: u = [] }) => {
+	let { i18n: d, _: p } = Y(), m = Z({
+		defaultValues: je,
+		validators: { onSubmit: Ae },
 		onSubmit: async ({ value: t }) => {
 			if (c) return;
 			let n = {
@@ -896,87 +888,85 @@ var Ie = ({ securityGroupId: e, open: t, onClose: n, onCreate: r, isLoading: c =
 			(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 r(n), g();
 		}
 	}), g = () => {
-		h.reset(), n();
+		m.reset(), n();
 	};
-	return /*#__PURE__*/ G(f, {
+	return /*#__PURE__*/ W(f, {
 		open: t,
 		onCancel: g,
 		size: "large",
 		title: d._({ id: "b2BLBa" }),
-		modalFooter: /*#__PURE__*/ W(s, {
+		modalFooter: /*#__PURE__*/ U(s, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ W(h.Subscribe, { children: (e) => {
+			children: /*#__PURE__*/ U(m.Subscribe, { children: (e) => {
 				let t = !!e.values.ruleType;
-				return /*#__PURE__*/ G(o, { children: [/*#__PURE__*/ W(_, {
+				return /*#__PURE__*/ W(o, { children: [/*#__PURE__*/ U(v, {
 					variant: "default",
 					onClick: g,
 					disabled: c || e.isSubmitting,
-					children: /*#__PURE__*/ W(Y, { id: "dEgA5A" })
-				}), /*#__PURE__*/ W(_, {
+					children: /*#__PURE__*/ U(J, { id: "dEgA5A" })
+				}), /*#__PURE__*/ U(v, {
 					variant: "primary",
 					type: "button",
-					onClick: () => h.handleSubmit(),
+					onClick: () => m.handleSubmit(),
 					disabled: c || e.isSubmitting || !t,
 					"data-testid": "add-rule-button",
-					children: e.isSubmitting || c ? /*#__PURE__*/ W(i, { size: "small" }) : /*#__PURE__*/ W(Y, { id: "bmQLn5" })
+					children: e.isSubmitting || c ? /*#__PURE__*/ U(i, { size: "small" }) : /*#__PURE__*/ U(J, { id: "bmQLn5" })
 				})] });
 			} })
 		}),
 		children: [
-			l && /*#__PURE__*/ W(a, {
+			l && /*#__PURE__*/ U(a, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
 				children: l
 			}),
-			c && /*#__PURE__*/ G("div", {
-				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ W(i, { variant: "primary" }), /*#__PURE__*/ W("span", {
-					className: "text-theme-secondary text-sm",
-					children: /*#__PURE__*/ W(Y, { id: "gU7JFm" })
-				})]
+			c && /*#__PURE__*/ U(D, {
+				status: "progress",
+				title: d._({ id: "9RslTb" }),
+				className: "mt-0"
 			}),
-			/*#__PURE__*/ W(m, {
+			/*#__PURE__*/ U(h, {
 				className: "mb-6",
 				onSubmit: (e) => {
-					e.preventDefault(), h.handleSubmit();
+					e.preventDefault(), m.handleSubmit();
 				},
-				children: /*#__PURE__*/ G(T, {
+				children: /*#__PURE__*/ W(E, {
 					className: "mb-6",
-					children: [/*#__PURE__*/ W(Oe, {
-						form: h,
+					children: [/*#__PURE__*/ U(Ne, {
+						form: m,
 						disabled: c
-					}), /*#__PURE__*/ W(h.Subscribe, { children: (e) => {
+					}), /*#__PURE__*/ U(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__*/ G(U, { children: [
-							/*#__PURE__*/ W(ke, {
-								form: h,
+						return /*#__PURE__*/ W(H, { children: [
+							/*#__PURE__*/ U(Pe, {
+								form: m,
 								disabled: c
 							}),
-							e.values.ruleType === "other-protocol" && /*#__PURE__*/ W(je, {
-								form: h,
+							e.values.ruleType === "other-protocol" && /*#__PURE__*/ U(Ie, {
+								form: m,
 								disabled: c
 							}),
-							t && /*#__PURE__*/ W(Me, {
-								form: h,
+							t && /*#__PURE__*/ U(Le, {
+								form: m,
 								disabled: c
 							}),
-							n && /*#__PURE__*/ W(Ne, {
-								form: h,
+							n && /*#__PURE__*/ U(Re, {
+								form: m,
 								disabled: c
 							}),
-							/*#__PURE__*/ W(Pe, {
-								form: h,
+							/*#__PURE__*/ U(ze, {
+								form: m,
 								disabled: c,
 								availableSecurityGroups: u
 							}),
-							e.values.remoteSourceType === "security_group" && /*#__PURE__*/ W(Ae, {
-								form: h,
+							e.values.remoteSourceType === "security_group" && /*#__PURE__*/ U(Fe, {
+								form: m,
 								disabled: c
 							}),
-							/*#__PURE__*/ W(Fe, {
-								form: h,
+							/*#__PURE__*/ U(Be, {
+								form: m,
 								disabled: c
 							})
 						] });
@@ -985,192 +975,185 @@ var Ie = ({ securityGroupId: e, open: t, onClose: n, onCreate: r, isLoading: c =
 			})
 		]
 	});
-};
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupRulesTable.tsx
-function Le({ rules: e, totalRulesCount: r, onDeleteRule: i, isDeletingRule: a, deleteError: o, searchTerm: s = "", onSearchChange: l, sortSettings: f, onSortChange: p, filterSettings: m, onFilterChange: g, securityGroupId: v, onCreateRule: b, isCreatingRule: x = !1, createRuleError: S = null, availableSecurityGroups: w = [], canCreateRule: T, canDeleteRule: E }) {
-	let { i18n: D, _: k } = X(), [j, M] = J(null), [N, P] = R(), [F, I] = J(s), L = fe(void 0);
+}, He = /* @__PURE__ */ new Set([
+	"icmp",
+	"1",
+	"ipv6-icmp",
+	"icmpv6",
+	"58"
+]);
+function Ue(e) {
+	return e != null && He.has(e.toLowerCase());
+}
+function We({ rules: e, onDeleteRule: r, isDeletingRule: i, deleteError: a, searchTerm: o = "", onSearchChange: s, sortSettings: l, onSortChange: f, filterSettings: p, onFilterChange: m, securityGroupId: h, onCreateRule: _, isCreatingRule: y = !1, createRuleError: x = null, availableSecurityGroups: S = [], canCreateRule: C, canDeleteRule: T }) {
+	let { i18n: E, _: O } = Y(), [A, M] = q(null), [N, P] = te(), [I, ee] = q(o), L = _e(void 0);
 	K(() => () => clearTimeout(L.current), []);
-	let re = (e) => {
+	let ne = (e) => {
 		M(e);
-	}, z = (e) => {
-		i(e);
-	}, B = () => {
-		a || M(null);
+	}, ae = (e) => {
+		r(e);
+	}, oe = () => {
+		i || M(null);
 	};
 	K(() => {
-		!a && !o && M(null);
-	}, [a, o]);
-	let ie = (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 D._({
-					id: "0p+s6m",
-					values: {
-						typeValue: t,
-						codeValue: n
-					}
-				});
-			}
-			return D._({ id: "eKC+EC" });
+		!i && !a && M(null);
+	}, [i, a]);
+	let se = (e) => {
+		let t = e.port_range_min, n = e.port_range_max;
+		if (Ue(e.protocol)) {
+			let e = t, r = n;
+			return e == null ? E._({ id: "h47p9L" }) : r == null ? E._({
+				id: "3BgEOh",
+				values: { typeValue: e }
+			}) : E._({
+				id: "0p+s6m",
+				values: {
+					typeValue: e,
+					codeValue: r
+				}
+			});
 		}
-		return e.port_range_min === null || e.port_range_max === null ? D._({ id: "eKC+EC" }) : e.port_range_min === e.port_range_max ? String(e.port_range_min) : `${e.port_range_min}-${e.port_range_max}`;
-	}, V = e.length, H = r;
-	return /*#__PURE__*/ G(U, { children: [
-		/*#__PURE__*/ G(c, {
+		return t == null || n == null ? E._({ id: "h47p9L" }) : t === n ? String(t) : `${t}-${n}`;
+	}, R = T ? 6 : 5;
+	return /*#__PURE__*/ W(H, { children: [
+		/*#__PURE__*/ W(c, {
+			distribution: "end",
+			alignment: "center",
+			gap: "2",
+			className: "pb-2",
+			children: [l && f && /*#__PURE__*/ U(F, {
+				options: l.options,
+				sortBy: l.sortBy,
+				sortDirection: l.sortDirection ?? "asc",
+				selectClassName: "min-w-40",
+				onSortByChange: (e) => f({
+					...l,
+					sortBy: e,
+					sortDirection: l.sortDirection
+				}),
+				onSortDirectionChange: (e) => f({
+					...l,
+					sortDirection: e
+				})
+			}), C && _ && /*#__PURE__*/ U(v, {
+				variant: "primary",
+				onClick: P,
+				className: "whitespace-nowrap",
+				children: /*#__PURE__*/ U(J, { id: "bmQLn5" })
+			})]
+		}),
+		(p || s) && /*#__PURE__*/ U(b, { children: /*#__PURE__*/ W(c, {
 			direction: "vertical",
-			gap: "4",
-			children: [
-				/*#__PURE__*/ G(c, {
-					distribution: "between",
-					alignment: "center",
-					gap: "2",
-					className: "pb-2",
-					children: [/*#__PURE__*/ W("span", {
-						className: "theme-color-text-light text-sm",
-						children: H !== void 0 && V !== H ? /*#__PURE__*/ W(Y, {
-							id: "xuVMLX",
-							values: {
-								rulesLength: V,
-								totalCount: H
-							}
-						}) : /*#__PURE__*/ W(Y, {
-							id: "UHciG3",
-							values: { rulesLength: V }
-						})
-					}), /*#__PURE__*/ G(c, {
-						gap: "2",
-						children: [f && p && /*#__PURE__*/ W(ee, {
-							options: f.options,
-							sortBy: f.sortBy,
-							sortDirection: f.sortDirection ?? "asc",
-							selectClassName: "min-w-40",
-							onSortByChange: (e) => p({
-								...f,
-								sortBy: e,
-								sortDirection: f.sortDirection
-							}),
-							onSortDirectionChange: (e) => p({
-								...f,
-								sortDirection: e
-							})
-						}), T && b && /*#__PURE__*/ W(_, {
-							variant: "primary",
-							icon: "addCircle",
-							onClick: P,
-							className: "whitespace-nowrap",
-							children: /*#__PURE__*/ W(Y, { id: "O8tK4v" })
-						})]
-					})]
+			gap: "2",
+			children: [/*#__PURE__*/ W(c, {
+				distribution: "between",
+				alignment: "center",
+				children: [p && m && /*#__PURE__*/ U(ie, {
+					filters: p.filters,
+					selectClassName: "sm:min-w-40",
+					comboboxClassName: "sm:min-w-40",
+					onChange: (e) => {
+						if ((p.selectedFilters || []).some((t) => t.name === e.name && t.value === e.value)) return;
+						let t = p.filters.find((t) => t.filterName === e.name)?.supportsMultiValue ? [...p.selectedFilters || [], e] : [...(p.selectedFilters || []).filter((t) => t.name !== e.name), e];
+						m({
+							...p,
+							selectedFilters: t
+						});
+					}
+				}), s && /*#__PURE__*/ U(t, {
+					className: "w-60 sm:w-68",
+					placeholder: E._({ id: "HMV+cw" }),
+					"data-testid": "searchbar",
+					value: I,
+					onInput: (e) => {
+						let t = e.currentTarget.value;
+						ee(t), clearTimeout(L.current), L.current = window.setTimeout(() => s(t), 500);
+					},
+					onSearch: (e) => {
+						clearTimeout(L.current), s(typeof e == "string" ? e : "");
+					},
+					onClear: () => {
+						clearTimeout(L.current), ee(""), s("");
+					}
+				})]
+			}), p?.selectedFilters && p.selectedFilters.length > 0 && /*#__PURE__*/ U(re, {
+				selectedFilters: p.selectedFilters,
+				onDelete: (e) => m?.({
+					...p,
+					selectedFilters: (p.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
 				}),
-				(m || l) && /*#__PURE__*/ W(y, { children: /*#__PURE__*/ G(c, {
-					direction: "vertical",
-					gap: "2",
-					children: [/*#__PURE__*/ G(c, {
-						distribution: "between",
-						alignment: "center",
-						children: [m && g && /*#__PURE__*/ W(ne, {
-							filters: m.filters,
-							selectClassName: "sm:min-w-40",
-							comboboxClassName: "sm:min-w-40",
-							onChange: (e) => {
-								if ((m.selectedFilters || []).some((t) => t.name === e.name && t.value === e.value)) return;
-								let t = m.filters.find((t) => t.filterName === e.name)?.supportsMultiValue ? [...m.selectedFilters || [], e] : [...(m.selectedFilters || []).filter((t) => t.name !== e.name), e];
-								g({
-									...m,
-									selectedFilters: t
-								});
-							}
-						}), l && /*#__PURE__*/ W(t, {
-							placeholder: D._({ id: "HMV+cw" }),
-							"data-testid": "searchbar",
-							value: F,
-							onInput: (e) => {
-								let t = e.currentTarget.value;
-								I(t), clearTimeout(L.current), L.current = window.setTimeout(() => l(t), 500);
-							},
-							onSearch: (e) => {
-								clearTimeout(L.current), l(typeof e == "string" ? e : "");
-							},
-							onClear: () => {
-								clearTimeout(L.current), I(""), l("");
-							}
-						})]
-					}), m?.selectedFilters && m.selectedFilters.length > 0 && /*#__PURE__*/ W(te, {
-						selectedFilters: m.selectedFilters,
-						onDelete: (e) => g?.({
-							...m,
-							selectedFilters: (m.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
-						}),
-						onClear: () => g?.({
-							...m,
-							selectedFilters: []
-						})
-					})]
-				}) }),
-				e.length === 0 ? /*#__PURE__*/ W(Y, { id: "nnxwBn" }) : /*#__PURE__*/ G(C, {
-					columns: E ? 6 : 5,
-					className: "security-group-rules-table",
-					children: [/*#__PURE__*/ G(d, { children: [
-						/*#__PURE__*/ W(u, { children: D._({ id: "MRB7nI" }) }),
-						/*#__PURE__*/ W(u, { children: D._({ id: "Nu4oKW" }) }),
-						/*#__PURE__*/ W(u, { children: D._({ id: "yp0UjB" }) }),
-						/*#__PURE__*/ W(u, { children: D._({ id: "6+OdGi" }) }),
-						/*#__PURE__*/ W(u, { children: D._({ id: "6jAi8c" }) }),
-						E && /*#__PURE__*/ W(u, { children: D._({ id: "7L01XJ" }) })
-					] }), e.map((e) => /*#__PURE__*/ G(d, {
-						"data-testid": `rule-row-${e.id}`,
-						children: [
-							/*#__PURE__*/ W(O, { children: e.direction || D._({ id: "h47p9L" }) }),
-							/*#__PURE__*/ W(O, { children: e.description || D._({ id: "h47p9L" }) }),
-							/*#__PURE__*/ W(O, { children: e.ethertype }),
-							/*#__PURE__*/ W(O, { children: e.protocol || D._({ id: "eKC+EC" }) }),
-							/*#__PURE__*/ W(O, { children: ie(e) }),
-							E && /*#__PURE__*/ W(O, {
-								onClick: (e) => e.stopPropagation(),
-								className: "items-end justify-end pr-0",
-								children: /*#__PURE__*/ W(n, { children: /*#__PURE__*/ W(h, { children: /*#__PURE__*/ W(A, {
-									label: D._({ id: "cnGeoo" }),
-									onClick: () => re(e)
-								}) }) })
-							})
-						]
-					}, e.id))]
+				onClear: () => m?.({
+					...p,
+					selectedFilters: []
 				})
-			]
+			})]
+		}) }),
+		/*#__PURE__*/ W(w, {
+			columns: R,
+			className: "security-group-rules-table",
+			children: [/*#__PURE__*/ W(d, { children: [
+				/*#__PURE__*/ U(u, { children: E._({ id: "MRB7nI" }) }),
+				/*#__PURE__*/ U(u, { children: E._({ id: "Nu4oKW" }) }),
+				/*#__PURE__*/ U(u, { children: E._({ id: "yp0UjB" }) }),
+				/*#__PURE__*/ U(u, { children: E._({ id: "6+OdGi" }) }),
+				/*#__PURE__*/ U(u, { children: E._({ id: "6jAi8c" }) }),
+				T && /*#__PURE__*/ U(u, {})
+			] }), e.length === 0 ? /*#__PURE__*/ U(d, { children: /*#__PURE__*/ U(k, {
+				colSpan: R,
+				children: /*#__PURE__*/ U(D, {
+					status: "empty",
+					title: E._({ id: "nnxwBn" })
+				})
+			}) }) : e.map((e) => /*#__PURE__*/ W(d, {
+				"data-testid": `rule-row-${e.id}`,
+				children: [
+					/*#__PURE__*/ U(k, { children: e.direction || E._({ id: "h47p9L" }) }),
+					/*#__PURE__*/ U(k, { children: e.description || E._({ id: "h47p9L" }) }),
+					/*#__PURE__*/ U(k, { children: e.ethertype }),
+					/*#__PURE__*/ U(k, { children: e.protocol || E._({ id: "h47p9L" }) }),
+					/*#__PURE__*/ U(k, { children: se(e) }),
+					T && /*#__PURE__*/ U(k, {
+						onClick: (e) => e.stopPropagation(),
+						className: "items-end pr-0",
+						children: /*#__PURE__*/ U(n, { children: /*#__PURE__*/ U(g, { children: /*#__PURE__*/ U(j, {
+							label: E._({ id: "lN3xvy" }),
+							onClick: () => ne(e)
+						}) }) })
+					})
+				]
+			}, e.id))]
 		}),
-		E && /*#__PURE__*/ W(_e, {
-			rule: j,
-			open: !!j,
-			onClose: B,
-			onConfirm: z,
-			isLoading: a,
-			error: o
+		T && /*#__PURE__*/ U(Se, {
+			rule: A,
+			open: !!A,
+			onClose: oe,
+			onConfirm: ae,
+			isLoading: i,
+			error: a
 		}),
-		T && v && b && N && /*#__PURE__*/ W(Ie, {
-			securityGroupId: v,
+		C && h && _ && N && /*#__PURE__*/ U(Ve, {
+			securityGroupId: h,
 			open: N,
 			onClose: P,
-			onCreate: b,
-			isLoading: x,
-			error: S,
-			availableSecurityGroups: w
+			onCreate: _,
+			isLoading: y,
+			error: x,
+			availableSecurityGroups: S
 		})
 	] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/RBACPolicyRow.tsx
-function Re({ policy: e, onDelete: t, canDelete: r }) {
-	let { i18n: i, _: a } = X();
-	return /*#__PURE__*/ G(d, { children: [
-		/*#__PURE__*/ W(O, { children: e.target_tenant }),
-		/*#__PURE__*/ W(O, { children: e.action }),
-		/*#__PURE__*/ W(O, {
+function Ge({ policy: e, onDelete: t, canDelete: r }) {
+	let { i18n: i, _: a } = Y();
+	return /*#__PURE__*/ W(d, { children: [
+		/*#__PURE__*/ U(k, { children: e.target_tenant }),
+		/*#__PURE__*/ U(k, { children: e.action }),
+		/*#__PURE__*/ U(k, {
 			onClick: (e) => e.stopPropagation(),
-			className: "items-end justify-end pr-0",
-			children: r && /*#__PURE__*/ W(n, { children: /*#__PURE__*/ W(h, { children: /*#__PURE__*/ W(A, {
-				label: i._({ id: "t/YqKh" }),
+			className: "items-end pr-0",
+			children: r && /*#__PURE__*/ U(n, { children: /*#__PURE__*/ U(g, { children: /*#__PURE__*/ U(j, {
+				label: i._({ id: "qh5W8q" }),
 				onClick: t
 			}) }) })
 		})
@@ -1178,12 +1161,12 @@ function Re({ policy: e, onDelete: t, canDelete: r }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRBACPolicyModal.tsx
-var ze = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, Be = /^[0-9a-f]{32}$/i;
-function Ve(e) {
-	return ze.test(e) || Be.test(e);
+var Ke = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, qe = /^[0-9a-f]{32}$/i;
+function Je(e) {
+	return Ke.test(e) || qe.test(e);
 }
-function He({ isOpen: e, onClose: t, securityGroupId: n }) {
-	let { i18n: r, _: i } = X(), o = j.useUtils(), s = N(), [c, l] = J(!1), u = Z.object({ targetTenant: Z.string().min(1, r._({ id: "1RwosK" })).refine(Ve, { message: r._({ id: "CunRry" }) }) }), d = j.network.rbacPolicy.create.useMutation({
+function Ye({ isOpen: e, onClose: t, securityGroupId: n }) {
+	let { i18n: r, _: i } = Y(), o = M.useUtils(), s = P(), [c, l] = q(!1), u = X.object({ targetTenant: X.string().min(1, r._({ id: "1RwosK" })).refine(Je, { message: r._({ id: "CunRry" }) }) }), d = M.network.rbacPolicy.create.useMutation({
 		onSuccess: (e, t) => {
 			o.network.rbacPolicy.list.invalidate({
 				project_id: s,
@@ -1192,14 +1175,14 @@ function He({ isOpen: e, onClose: t, securityGroupId: n }) {
 				project_id: s,
 				securityGroupId: n
 			});
-			let { message: r, ...i } = ie(t.targetTenant);
-			w.success(r, i), h();
+			let { message: r, ...i } = ae(t.targetTenant);
+			T.success(r, i), m();
 		},
 		onError: (e) => {
-			let { message: t, ...n } = ce(e.message);
-			w.error(t, n);
+			let { message: t, ...n } = le(e.message);
+			T.error(t, n);
 		}
-	}), p = Q({
+	}), p = Z({
 		defaultValues: { targetTenant: "" },
 		validators: { onSubmit: u },
 		onSubmit: async ({ value: e }) => {
@@ -1209,22 +1192,22 @@ function He({ isOpen: e, onClose: t, securityGroupId: n }) {
 				targetTenant: e.targetTenant.trim()
 			});
 		}
-	}), h = () => {
+	}), m = () => {
 		p.reset(), d.reset(), l(!1), t();
 	}, g = async () => {
 		l(!0), await p.handleSubmit();
 	};
-	return /*#__PURE__*/ G(f, {
+	return /*#__PURE__*/ W(f, {
 		open: e,
-		onCancel: h,
+		onCancel: m,
 		title: r._({ id: "vmRPFm" }),
 		size: "large",
 		onConfirm: g,
 		cancelButtonLabel: r._({ id: "dEgA5A" }),
-		confirmButtonLabel: r._({ id: "Z8lGw6" }),
+		confirmButtonLabel: r._({ id: "1G4zXb" }),
 		disableConfirmButton: d.isPending,
 		children: [
-			d.error && /*#__PURE__*/ W(a, {
+			d.error && /*#__PURE__*/ U(a, {
 				variant: "error",
 				className: "mb-4",
 				children: (() => {
@@ -1232,33 +1215,33 @@ function He({ isOpen: e, onClose: t, securityGroupId: n }) {
 					return e.includes("conflict") || e.includes("409") ? r._({ id: "rbuO5A" }) : e.includes("not found") || e.includes("404") ? r._({ id: "FwSyEp" }) : e.includes("forbidden") || e.includes("403") ? r._({ id: "kqJVBO" }) : d.error.message;
 				})()
 			}),
-			/*#__PURE__*/ W("p", {
+			/*#__PURE__*/ U("p", {
 				className: "mb-4",
-				children: /*#__PURE__*/ W(Y, { id: "cjEOmc" })
+				children: /*#__PURE__*/ U(J, { id: "cjEOmc" })
 			}),
-			/*#__PURE__*/ W(m, {
+			/*#__PURE__*/ U(h, {
 				className: "mb-0",
 				onSubmit: (e) => {
 					e.preventDefault(), g();
 				},
-				children: /*#__PURE__*/ W(T, { children: /*#__PURE__*/ W(p.Field, {
+				children: /*#__PURE__*/ U(E, { children: /*#__PURE__*/ U(p.Field, {
 					name: "targetTenant",
 					validators: {
 						onBlur: ({ value: e }) => {
 							let t = e.trim();
 							if (!t) return r._({ id: "1RwosK" });
-							if (!Ve(t)) return r._({ id: "CunRry" });
+							if (!Je(t)) return r._({ id: "CunRry" });
 						},
 						onChange: ({ value: e }) => {
 							if (!c) return;
 							let t = e.trim();
 							if (!t) return r._({ id: "1RwosK" });
-							if (!Ve(t)) return r._({ id: "CunRry" });
+							if (!Je(t)) return r._({ id: "CunRry" });
 						}
 					},
 					children: (e) => {
 						let t = (e.state.meta.isTouched || c) && e.state.meta.errors.length > 0, n = e.state.meta.errors[0], i = t ? typeof n == "string" ? n : n?.message : void 0;
-						return /*#__PURE__*/ W(x, {
+						return /*#__PURE__*/ U(S, {
 							id: e.name,
 							name: e.name,
 							label: r._({ id: "WzVwU0" }),
@@ -1280,21 +1263,21 @@ function He({ isOpen: e, onClose: t, securityGroupId: n }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRBACPolicyDialog.tsx
-function Ue({ policy: e, open: t, onClose: n, onConfirm: i, isLoading: o, error: s }) {
-	let { i18n: l, _: u } = X(), { trackClose: d, markSubmitted: p, resetTracking: h } = P({
+function Xe({ policy: e, open: t, onClose: n, onConfirm: i, isLoading: o, error: s }) {
+	let { i18n: l, _: u } = Y(), { trackClose: d, markSubmitted: p, resetTracking: m } = I({
 		isOpen: t,
 		actionPrefix: "network.securitygroup.rbacpolicy.delete"
-	}), g = Z.object({ confirm: Z.string().refine((e) => e === "remove", { message: l._({ id: "SVLToM" }) }) }), _ = Q({
+	}), g = X.object({ confirm: X.string().refine((e) => e === "remove", { message: l._({ id: "SVLToM" }) }) }), _ = Z({
 		defaultValues: { confirm: "" },
 		validators: { onSubmit: g },
 		onSubmit: async () => {
 			o || (p(), i(e.id));
 		}
-	}), v = $(_.store, (e) => e.isSubmitting || e.values.confirm !== "remove");
-	return /*#__PURE__*/ W(f, {
+	}), v = Q(_.store, (e) => e.isSubmitting || e.values.confirm !== "remove");
+	return /*#__PURE__*/ U(f, {
 		open: t,
 		onCancel: () => {
-			d(), _.reset(), h(), n();
+			d(), _.reset(), m(), n();
 		},
 		size: "small",
 		title: l._({ id: "Dt5W9T" }),
@@ -1305,35 +1288,35 @@ function Ue({ policy: e, open: t, onClose: n, onConfirm: i, isLoading: o, error:
 		disableConfirmButton: v || o,
 		disableCancelButton: o,
 		disableCloseButton: o,
-		children: /*#__PURE__*/ G(c, {
+		children: /*#__PURE__*/ W(c, {
 			direction: "vertical",
 			gap: "4",
 			children: [
-				s && /*#__PURE__*/ W(a, {
+				s && /*#__PURE__*/ U(a, {
 					variant: "error",
 					children: s
 				}),
-				/*#__PURE__*/ W("p", {
+				/*#__PURE__*/ U("p", {
 					className: "text-theme-default",
-					children: /*#__PURE__*/ W(Y, { id: "BMTd81" })
+					children: /*#__PURE__*/ U(J, { id: "BMTd81" })
 				}),
-				/*#__PURE__*/ G(D, { children: [
-					/*#__PURE__*/ W(S, { children: /*#__PURE__*/ W(Y, { id: "WzVwU0" }) }),
-					/*#__PURE__*/ W(r, { children: e.target_tenant }),
-					/*#__PURE__*/ W(S, { children: /*#__PURE__*/ W(Y, { id: "bwRvnp" }) }),
-					/*#__PURE__*/ W(r, { children: e.action }),
-					/*#__PURE__*/ W(S, { children: /*#__PURE__*/ W(Y, { id: "UGhVPl" }) }),
-					/*#__PURE__*/ W(r, { children: e.object_type })
+				/*#__PURE__*/ W(O, { children: [
+					/*#__PURE__*/ U(C, { children: /*#__PURE__*/ U(J, { id: "WzVwU0" }) }),
+					/*#__PURE__*/ U(r, { children: e.target_tenant }),
+					/*#__PURE__*/ U(C, { children: /*#__PURE__*/ U(J, { id: "bwRvnp" }) }),
+					/*#__PURE__*/ U(r, { children: e.action }),
+					/*#__PURE__*/ U(C, { children: /*#__PURE__*/ U(J, { id: "UGhVPl" }) }),
+					/*#__PURE__*/ U(r, { children: e.object_type })
 				] }),
-				/*#__PURE__*/ W(m, {
+				/*#__PURE__*/ U(h, {
 					className: "mb-0",
 					id: "delete-rbac-policy-form",
 					onSubmit: (e) => {
 						e.preventDefault(), _.handleSubmit();
 					},
-					children: /*#__PURE__*/ W(T, { children: /*#__PURE__*/ W(_.Field, {
+					children: /*#__PURE__*/ U(E, { children: /*#__PURE__*/ U(_.Field, {
 						name: "confirm",
-						children: (e) => /*#__PURE__*/ W(x, {
+						children: (e) => /*#__PURE__*/ U(S, {
 							label: l._({ id: "SVLToM" }),
 							id: e.name,
 							name: e.name,
@@ -1354,188 +1337,172 @@ function Ue({ policy: e, open: t, onClose: n, onConfirm: i, isLoading: o, error:
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupRBACPolicies.tsx
-function We({ securityGroupId: e, canManageAccess: n }) {
-	let r = j.useUtils(), { i18n: o, _: s } = X(), l = N(), [f, p] = R(), [m, h] = J(null), [g, v] = J(""), [b, x] = J(""), S = fe(void 0);
-	K(() => () => clearTimeout(S.current), []);
-	let { data: T, isPending: E, isError: D, error: O } = j.network.rbacPolicy.list.useQuery({
-		project_id: l,
+var $ = 3;
+function Ze({ securityGroupId: e, canManageAccess: n }) {
+	let r = M.useUtils(), { i18n: i, _: a } = Y(), o = P(), [s, l] = te(), [f, p] = q(null), [m, h] = q(""), [g, _] = q(""), y = _e(void 0);
+	K(() => () => clearTimeout(y.current), []);
+	let { data: x, isPending: S, isError: C, error: E } = M.network.rbacPolicy.list.useQuery({
+		project_id: o,
 		securityGroupId: e
-	}, { refetchOnWindowFocus: !1 }), k = j.network.rbacPolicy.delete.useMutation({
+	}, { refetchOnWindowFocus: !1 }), O = M.network.rbacPolicy.delete.useMutation({
 		onSuccess: () => {
 			r.network.rbacPolicy.list.invalidate({
-				project_id: l,
+				project_id: o,
 				securityGroupId: e
 			}), r.network.securityGroup.getById.invalidate({
-				project_id: l,
+				project_id: o,
 				securityGroupId: e
 			});
 		},
 		onError: (e) => {
-			let { message: t, ...n } = re(e.message);
-			w.error(t, n);
+			let { message: t, ...n } = z(e.message);
+			T.error(t, n);
 		}
 	}), A = (e) => {
-		h(e);
-	}, M = (e) => {
-		let t = m?.target_tenant || e;
-		k.mutate({
-			project_id: l,
+		p(e);
+	}, j = (e) => {
+		let t = f?.target_tenant || e;
+		O.mutate({
+			project_id: o,
 			policyId: e
 		}, { onSuccess: () => {
-			let { message: e, ...n } = oe(t);
-			w.success(e, n);
+			let { message: e, ...n } = B(t);
+			T.success(e, n);
 		} });
-	}, ee = () => {
-		k.isPending || h(null);
+	}, N = () => {
+		O.isPending || p(null);
 	};
 	K(() => {
-		!k.isPending && !k.error && k.isSuccess && h(null);
+		!O.isPending && !O.error && O.isSuccess && p(null);
 	}, [
-		k.isPending,
-		k.error,
-		k.isSuccess
+		O.isPending,
+		O.error,
+		O.isSuccess
 	]);
-	let P = q(() => {
-		if (!T) return [];
-		if (!g) return T;
-		let e = g.toLowerCase();
-		return T.filter((t) => t.target_tenant?.toLowerCase().includes(e) || t.action?.toLowerCase().includes(e));
-	}, [T, g]);
-	if (E) return /*#__PURE__*/ W(c, {
-		distribution: "center",
-		alignment: "center",
-		className: "py-8",
-		children: /*#__PURE__*/ W(i, { variant: "primary" })
-	});
-	if (D) return /*#__PURE__*/ W(a, {
-		variant: "error",
-		className: "mb-4",
-		children: O.message
-	});
-	let F = T?.length || 0, I = P.length;
-	return /*#__PURE__*/ G(U, { children: [
-		/*#__PURE__*/ G(c, {
-			direction: "vertical",
-			gap: "4",
-			children: [
-				/*#__PURE__*/ G(c, {
-					distribution: "between",
-					alignment: "center",
-					gap: "2",
-					className: "pb-2",
-					children: [/*#__PURE__*/ W("span", {
-						className: "theme-color-text-light text-sm",
-						children: F === I ? /*#__PURE__*/ W(Y, {
-							id: "xx2KP5",
-							values: { totalCount: F }
-						}) : /*#__PURE__*/ W(Y, {
-							id: "VcWhM0",
-							values: {
-								filteredCount: I,
-								totalCount: F
-							}
-						})
-					}), n && /*#__PURE__*/ W(_, {
-						variant: "primary",
-						icon: "addCircle",
-						onClick: p,
-						className: "whitespace-nowrap",
-						children: /*#__PURE__*/ W(Y, { id: "vmRPFm" })
-					})]
-				}),
-				/*#__PURE__*/ W(y, { children: /*#__PURE__*/ W(c, {
-					distribution: "between",
-					alignment: "center",
-					children: /*#__PURE__*/ W(t, {
-						placeholder: o._({ id: "mlxk2U" }),
-						"data-testid": "searchbar",
-						value: b,
-						onInput: (e) => {
-							let t = e.currentTarget.value;
-							x(t), clearTimeout(S.current), S.current = window.setTimeout(() => v(t), 500);
-						},
-						onSearch: (e) => {
-							clearTimeout(S.current), v(typeof e == "string" ? e : "");
-						},
-						onClear: () => {
-							clearTimeout(S.current), x(""), v("");
-						}
-					})
-				}) }),
-				I === 0 ? g ? /*#__PURE__*/ W(Y, { id: "qxxo7y" }) : /*#__PURE__*/ W(Y, { id: "Dia2Ue" }) : /*#__PURE__*/ G(C, {
-					columns: 3,
-					children: [/*#__PURE__*/ G(d, { children: [
-						/*#__PURE__*/ W(u, { children: /*#__PURE__*/ W(Y, { id: "WzVwU0" }) }),
-						/*#__PURE__*/ W(u, { children: /*#__PURE__*/ W(Y, { id: "bwRvnp" }) }),
-						/*#__PURE__*/ W(u, { children: /*#__PURE__*/ W(Y, { id: "7L01XJ" }) })
-					] }), P.map((e) => /*#__PURE__*/ W(Re, {
-						policy: e,
-						onDelete: () => A(e),
-						canDelete: n
-					}, e.id))]
+	let F = ge(() => {
+		if (!x) return [];
+		if (!m) return x;
+		let e = m.toLowerCase();
+		return x.filter((t) => t.target_tenant?.toLowerCase().includes(e) || t.action?.toLowerCase().includes(e));
+	}, [x, m]);
+	return /*#__PURE__*/ W(H, { children: [
+		/*#__PURE__*/ U(c, {
+			distribution: "end",
+			alignment: "center",
+			gap: "2",
+			className: "pb-2",
+			children: n && /*#__PURE__*/ U(v, {
+				variant: "primary",
+				onClick: l,
+				className: "whitespace-nowrap",
+				children: /*#__PURE__*/ U(J, { id: "vmRPFm" })
+			})
+		}),
+		/*#__PURE__*/ U(b, { children: /*#__PURE__*/ U(c, {
+			distribution: "end",
+			alignment: "center",
+			children: /*#__PURE__*/ U(t, {
+				className: "w-60 sm:w-68",
+				placeholder: i._({ id: "5kjInU" }),
+				"data-testid": "searchbar",
+				value: g,
+				onInput: (e) => {
+					let t = e.currentTarget.value;
+					_(t), clearTimeout(y.current), y.current = window.setTimeout(() => h(t), 500);
+				},
+				onSearch: (e) => {
+					clearTimeout(y.current), h(typeof e == "string" ? e : "");
+				},
+				onClear: () => {
+					clearTimeout(y.current), _(""), h("");
+				}
+			})
+		}) }),
+		/*#__PURE__*/ W(w, {
+			columns: $,
+			children: [/*#__PURE__*/ W(d, { children: [
+				/*#__PURE__*/ U(u, { children: /*#__PURE__*/ U(J, { id: "WzVwU0" }) }),
+				/*#__PURE__*/ U(u, { children: /*#__PURE__*/ U(J, { id: "bwRvnp" }) }),
+				/*#__PURE__*/ U(u, {})
+			] }), S ? /*#__PURE__*/ U(d, { children: /*#__PURE__*/ U(k, {
+				colSpan: $,
+				children: /*#__PURE__*/ U(D, {
+					status: "progress",
+					title: i._({ id: "Z3FXyt" })
 				})
-			]
+			}) }) : C ? /*#__PURE__*/ U(d, { children: /*#__PURE__*/ U(k, {
+				colSpan: $,
+				children: /*#__PURE__*/ U(D, {
+					status: "error",
+					title: E.message
+				})
+			}) }) : F.length === 0 ? /*#__PURE__*/ U(d, { children: /*#__PURE__*/ U(k, {
+				colSpan: $,
+				children: /*#__PURE__*/ U(D, {
+					status: "empty",
+					title: m ? i._({ id: "qxxo7y" }) : i._({ id: "Dia2Ue" })
+				})
+			}) }) : F.map((e) => /*#__PURE__*/ U(Ge, {
+				policy: e,
+				onDelete: () => A(e),
+				canDelete: n
+			}, e.id))]
 		}),
-		!!m && /*#__PURE__*/ W(Ue, {
-			policy: m,
-			open: !!m,
-			onClose: ee,
-			onConfirm: M,
-			isLoading: k.isPending,
-			error: k.error?.message || null
+		!!f && /*#__PURE__*/ U(Xe, {
+			policy: f,
+			open: !!f,
+			onClose: N,
+			onConfirm: j,
+			isLoading: O.isPending,
+			error: O.error?.message || null
 		}),
-		f && /*#__PURE__*/ W(He, {
-			isOpen: f,
-			onClose: p,
+		s && /*#__PURE__*/ U(Ye, {
+			isOpen: s,
+			onClose: l,
 			securityGroupId: e
 		})
 	] });
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/SecurityGroupDetailsView.tsx
-function Ge({ securityGroup: t, filteredAndSortedRules: n, onEdit: r, onDeleteRule: i, isDeletingRule: a = !1, deleteRuleError: o = null, filterControls: s, onCreateRule: l, isCreatingRule: u = !1, createRuleError: d = null, availableSecurityGroups: f = [], currentProjectId: p, permissions: m }) {
-	let [h, g] = J("rules"), _ = t.project_id === p && m.canViewRBAC;
-	return /*#__PURE__*/ W(e, {
+function Qe({ securityGroup: t, filteredAndSortedRules: n, onDeleteRule: r, isDeletingRule: i = !1, deleteRuleError: a = null, filterControls: o, onCreateRule: s, isCreatingRule: l = !1, createRuleError: u = null, availableSecurityGroups: d = [], currentProjectId: f, permissions: p }) {
+	let [m, h] = q("rules"), g = t.project_id === f && p.canViewRBAC;
+	return /*#__PURE__*/ U(e, {
 		px: !1,
 		py: !0,
-		children: /*#__PURE__*/ G(c, {
+		children: /*#__PURE__*/ W(c, {
 			direction: "vertical",
 			gap: "4",
 			children: [
-				/*#__PURE__*/ W(he, {
-					securityGroup: t,
-					onEdit: r,
-					canUpdate: m.canUpdate
-				}),
-				/*#__PURE__*/ W(ge, {
-					activeTab: h,
-					onTabChange: g,
-					showRBACTab: _
+				/*#__PURE__*/ U(be, { securityGroup: t }),
+				/*#__PURE__*/ U(xe, {
+					activeTab: m,
+					onTabChange: h,
+					showRBACTab: g
 				}),
-				/*#__PURE__*/ G("div", {
+				/*#__PURE__*/ W("div", {
 					className: "mt-6",
-					children: [h === "rules" && /*#__PURE__*/ W(Le, {
+					children: [m === "rules" && /*#__PURE__*/ U(We, {
 						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,
+						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: t.id,
-						onCreateRule: m.canCreateRule ? l : void 0,
-						isCreatingRule: u,
-						createRuleError: d,
-						availableSecurityGroups: f,
-						canCreateRule: m.canCreateRule,
-						canDeleteRule: m.canDeleteRule
-					}), h === "rbac" && /*#__PURE__*/ W(We, {
+						onCreateRule: p.canCreateRule ? s : void 0,
+						isCreatingRule: l,
+						createRuleError: u,
+						availableSecurityGroups: d,
+						canCreateRule: p.canCreateRule,
+						canDeleteRule: p.canDeleteRule
+					}), m === "rbac" && /*#__PURE__*/ U(Ze, {
 						securityGroupId: t.id,
-						canManageAccess: m.canManageAccess
+						canManageAccess: p.canManageAccess
 					})]
 				})
 			]
@@ -1544,15 +1511,15 @@ function Ge({ securityGroup: t, filteredAndSortedRules: n, onEdit: r, onDeleteRu
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-hooks/useSecurityGroupDetails.ts
-function Ke({ securityGroupId: e, filterControls: t }) {
-	let [n, r] = J(!1), i = N(), a = j.useUtils(), o = j.network.securityGroup.getById.useQuery({
-		project_id: i,
+function $e({ securityGroupId: e, filterControls: t }) {
+	let [n, r] = q(!1), [i, a] = q(!1), o = P(), s = M.useUtils(), c = M.network.securityGroup.getById.useQuery({
+		project_id: o,
 		securityGroupId: e
-	}, { placeholderData: () => a.network.securityGroup.getById.getData({
-		project_id: i,
+	}, { placeholderData: () => s.network.securityGroup.getById.getData({
+		project_id: o,
 		securityGroupId: e
-	}) }), s = q(() => {
-		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;
+	}) }), l = ge(() => {
+		let e = c.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 && 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));
@@ -1565,59 +1532,72 @@ function Ke({ securityGroupId: e, filterControls: t }) {
 			});
 		}
 		return e;
-	}, [o.data?.security_group_rules, t]), c = j.network.securityGroup.update.useMutation({
+	}, [c.data?.security_group_rules, t]), u = M.network.securityGroup.update.useMutation({
 		onSuccess: (t, n) => {
-			a.network.securityGroup.getById.invalidate({
-				project_id: i,
+			s.network.securityGroup.getById.invalidate({
+				project_id: o,
 				securityGroupId: e
-			}), a.network.securityGroup.list.invalidate();
-			let { message: s, ...c } = H(n.name || o.data?.name || e);
-			w.success(s, c), r(!1);
+			}), s.network.securityGroup.list.invalidate();
+			let { message: i, ...a } = ce(n.name || c.data?.name || e);
+			T.success(i, a), r(!1);
 		},
 		onError: (e) => {
-			let { message: t, ...n } = se(e.message);
-			w.error(t, n);
+			let { message: t, ...n } = de(e.message);
+			T.error(t, n);
 		}
-	}), l = j.network.securityGroupRule.delete.useMutation({
+	}), d = M.network.securityGroup.deleteById.useMutation({
 		onSuccess: () => {
-			a.network.securityGroup.getById.invalidate({
-				project_id: i,
+			s.network.securityGroup.list.invalidate();
+			let { message: t, ...n } = ue(c.data?.name || e);
+			T.success(t, n), a(!1);
+		},
+		onError: (e) => {
+			let { message: t, ...n } = oe(e.message);
+			T.error(t, n);
+		}
+	}), f = M.network.securityGroupRule.delete.useMutation({
+		onSuccess: () => {
+			s.network.securityGroup.getById.invalidate({
+				project_id: o,
 				securityGroupId: e
-			}), a.network.securityGroup.list.invalidate();
-			let { message: t, ...n } = B();
-			w.success(t, n);
+			}), s.network.securityGroup.list.invalidate();
+			let { message: t, ...n } = pe();
+			T.success(t, n);
 		},
 		onError: (e) => {
-			let { message: t, ...n } = z(e.message);
-			w.error(t, n);
+			let { message: t, ...n } = R(e.message);
+			T.error(t, n);
 		}
-	}), u = j.network.securityGroupRule.create.useMutation({
+	}), p = M.network.securityGroupRule.create.useMutation({
 		onSuccess: () => {
-			a.network.securityGroup.getById.invalidate({
-				project_id: i,
+			s.network.securityGroup.getById.invalidate({
+				project_id: o,
 				securityGroupId: e
-			}), a.network.securityGroup.list.invalidate();
-			let { message: t, ...n } = ue();
-			w.success(t, n);
+			}), s.network.securityGroup.list.invalidate();
+			let { message: t, ...n } = se();
+			T.success(t, n);
 		},
 		onError: (e) => {
 			let { message: t, ...n } = V(e.message);
-			w.error(t, n);
+			T.error(t, n);
 		}
 	});
 	return {
-		securityGroup: o.data,
-		filteredAndSortedRules: s,
-		isLoading: o.isPending,
-		isError: o.isError,
-		error: o.error,
-		isUpdating: c.isPending,
-		updateError: c.error?.message || null,
-		isDeletingRule: l.isPending,
-		deleteRuleError: l.error?.message || null,
-		isCreatingRule: u.isPending,
-		createRuleError: u.error?.message || null,
+		securityGroup: c.data,
+		filteredAndSortedRules: l,
+		isLoading: c.isPending,
+		isError: c.isError,
+		error: c.error,
+		isUpdating: u.isPending,
+		updateError: u.error?.message || null,
+		isDeleting: d.isPending,
+		deleteError: d.error?.message || null,
+		isDeletingRule: f.isPending,
+		deleteRuleError: f.error?.message || null,
+		isCreatingRule: p.isPending,
+		createRuleError: p.error?.message || null,
 		editModalOpen: n,
+		deleteModalOpen: i,
 		handleEdit: () => {
 			r(!0);
 		},
@@ -1625,21 +1605,33 @@ function Ke({ securityGroupId: e, filterControls: t }) {
 			r(!1);
 		},
 		handleUpdate: async (e, t) => {
-			await c.mutateAsync({
-				project_id: i,
+			await u.mutateAsync({
+				project_id: o,
 				securityGroupId: e,
 				...t
 			});
 		},
+		handleDelete: () => {
+			a(!0);
+		},
+		handleCloseDeleteModal: () => {
+			a(!1);
+		},
+		handleDeleteSecurityGroup: async () => {
+			await d.mutateAsync({
+				project_id: o,
+				securityGroupId: e
+			});
+		},
 		handleDeleteRule: async (e) => {
-			await l.mutateAsync({
-				project_id: i,
+			await f.mutateAsync({
+				project_id: o,
 				ruleId: e
 			});
 		},
 		handleCreateRule: async (e) => {
-			await u.mutateAsync({
-				project_id: i,
+			await p.mutateAsync({
+				project_id: o,
 				...e
 			});
 		}
@@ -1647,41 +1639,41 @@ function Ke({ securityGroupId: e, filterControls: t }) {
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/index.tsx?tsr-split=component
-function qe() {
-	let { securityGroupId: e } = M.useParams(), { trpcClient: t } = M.useRouteContext(), n = N(), r = pe(), { i18n: i, _: a } = X();
+function et() {
+	let { securityGroupId: e } = N.useParams(), { trpcClient: t } = N.useRouteContext(), r = P(), i = ve(), { i18n: a, _: o } = Y();
 	if (!t) throw Error("trpcClient is not available in route context");
-	let { permissions: o, isLoading: s, isError: l } = le(n), { searchTerm: u, sortSettings: d, filterSettings: f, handleSearchChange: p, handleSortChange: m, handleFilterChange: h } = me({
+	let { permissions: s, isLoading: l, isError: u } = he(r), { searchTerm: d, sortSettings: f, filterSettings: m, handleSearchChange: h, handleSortChange: _, handleFilterChange: y } = ye({
 		defaultSortKey: "direction",
 		defaultSortDir: "asc",
 		sortOptions: [
 			{
-				label: i._({ id: "MRB7nI" }),
+				label: a._({ id: "MRB7nI" }),
 				value: "direction"
 			},
 			{
-				label: i._({ id: "6+OdGi" }),
+				label: a._({ id: "6+OdGi" }),
 				value: "protocol"
 			},
 			{
-				label: i._({ id: "Nu4oKW" }),
+				label: a._({ id: "Nu4oKW" }),
 				value: "description"
 			}
 		],
 		filterSettings: { filters: [
 			{
-				displayName: i._({ id: "MRB7nI" }),
+				displayName: a._({ id: "MRB7nI" }),
 				filterName: "direction",
 				values: ["ingress", "egress"],
 				supportsMultiValue: !1
 			},
 			{
-				displayName: i._({ id: "yp0UjB" }),
+				displayName: a._({ id: "yp0UjB" }),
 				filterName: "ethertype",
 				values: ["IPv4", "IPv6"],
 				supportsMultiValue: !1
 			},
 			{
-				displayName: i._({ id: "6+OdGi" }),
+				displayName: a._({ id: "6+OdGi" }),
 				filterName: "protocol",
 				values: [
 					"tcp",
@@ -1692,32 +1684,32 @@ function qe() {
 				supportsMultiValue: !1
 			}
 		] }
-	}), g = {
-		searchTerm: u,
-		onSearchChange: p,
-		sortSettings: d,
-		onSortChange: m,
-		filterSettings: f,
-		onFilterChange: h
-	}, { securityGroup: v, filteredAndSortedRules: y, isLoading: b, isError: x, error: S, isUpdating: C, updateError: w, isDeletingRule: T, deleteRuleError: D, isCreatingRule: O, createRuleError: k, editModalOpen: A, handleEdit: ee, handleCloseEditModal: P, handleUpdate: L, handleDeleteRule: R, handleCreateRule: te } = Ke({
+	}), b = {
+		searchTerm: d,
+		onSearchChange: h,
+		sortSettings: f,
+		onSortChange: _,
+		filterSettings: m,
+		onFilterChange: y
+	}, { securityGroup: x, filteredAndSortedRules: S, isLoading: C, isError: w, error: T, isUpdating: E, updateError: O, isDeleting: k, deleteError: A, isDeletingRule: F, deleteRuleError: I, isCreatingRule: te, createRuleError: ne, editModalOpen: re, deleteModalOpen: ie, handleEdit: ae, handleCloseEditModal: oe, handleUpdate: se, handleDelete: R, handleCloseDeleteModal: ce, handleDeleteSecurityGroup: le, handleDeleteRule: ue, handleCreateRule: de } = $e({
 		securityGroupId: e,
-		filterControls: g
+		filterControls: b
 	});
-	I(M.id, v?.name ?? void 0);
-	let { data: ne } = j.network.securityGroup.list.useQuery({ project_id: n }), re = q(() => (ne || []).filter((t) => t.id !== e).map((e) => ({
+	L(N.id, x?.name ?? void 0);
+	let { data: z } = M.network.securityGroup.list.useQuery({ project_id: r }), pe = ge(() => (z || []).filter((t) => t.id !== e).map((e) => ({
 		id: e.id,
 		name: e.name || e.id
-	})), [ne, e]), z = () => {
-		r({
+	})), [z, e]), B = () => {
+		i({
 			to: "/projects/$projectId/network/securitygroups",
-			params: { projectId: n }
+			params: { projectId: r }
 		});
 	};
-	if (s) return /*#__PURE__*/ W(E, {
+	if (l) return /*#__PURE__*/ U(D, {
 		status: "progress",
-		title: i._({ id: "EpWoJ9" })
+		title: a._({ id: "EpWoJ9" })
 	});
-	let B = l ? {
+	let V = u ? {
 		canView: !1,
 		canCreate: !1,
 		canUpdate: !1,
@@ -1726,85 +1718,102 @@ function qe() {
 		canDeleteRule: !1,
 		canManageAccess: !1,
 		canViewRBAC: !1
-	} : o;
-	if (b) return /*#__PURE__*/ W(E, {
+	} : s;
+	if (C) return /*#__PURE__*/ U(D, {
 		status: "progress",
-		title: i._({ id: "3x7Sws" })
+		title: a._({ id: "3x7Sws" })
 	});
-	if (x) {
-		let e = S?.message || "Unknown error";
-		return /*#__PURE__*/ G(c, {
-			className: "fixed inset-0",
-			distribution: "center",
-			alignment: "center",
-			direction: "vertical",
-			gap: "5",
-			children: [
-				/*#__PURE__*/ W("p", {
-					className: "text-theme-error font-semibold",
-					children: /*#__PURE__*/ W(Y, { id: "FjPnAE" })
-				}),
-				/*#__PURE__*/ W("p", {
-					className: "text-theme-highest",
-					children: e
-				}),
-				/*#__PURE__*/ W(_, {
-					onClick: z,
-					variant: "primary",
-					children: /*#__PURE__*/ W(Y, { id: "U9q4M7" })
-				})
-			]
+	if (w) {
+		let e = T?.message || a._({ id: "LobdAW" });
+		return /*#__PURE__*/ U(D, {
+			status: "error",
+			title: a._({ id: "PA/BPt" }),
+			body: e,
+			action: /*#__PURE__*/ U(v, {
+				onClick: B,
+				variant: "primary",
+				children: /*#__PURE__*/ U(J, { id: "U9q4M7" })
+			})
 		});
 	}
-	return v ? /*#__PURE__*/ G(c, {
+	if (!x) return /*#__PURE__*/ U(D, {
+		status: "empty",
+		title: a._({ id: "XuDQlk" }),
+		action: /*#__PURE__*/ U(v, {
+			onClick: B,
+			variant: "primary",
+			children: /*#__PURE__*/ U(J, { id: "U9q4M7" })
+		})
+	});
+	let H = !!(x.project_id && x.project_id !== r), G = V.canUpdate && !H, K = V.canDelete && !H, _e = (G || K) && /*#__PURE__*/ W(c, {
+		gap: "0.5",
+		alignment: "center",
+		children: [K && /*#__PURE__*/ W(n, {
+			className: "flex items-center",
+			children: [/*#__PURE__*/ U(p, {
+				as: "div",
+				children: /*#__PURE__*/ U(v, {
+					icon: "moreVert",
+					title: a._({ id: "PgNNGl" }),
+					disabled: k
+				})
+			}), /*#__PURE__*/ U(g, { children: /*#__PURE__*/ U(j, {
+				label: a._({ id: "bcOdok" }),
+				onClick: R
+			}) })]
+		}), G && /*#__PURE__*/ U(v, {
+			variant: "primary",
+			onClick: ae,
+			disabled: k,
+			children: /*#__PURE__*/ U(J, { id: "Y1YKad" })
+		})]
+	});
+	return /*#__PURE__*/ W(c, {
 		direction: "vertical",
 		children: [
-			/*#__PURE__*/ W(F, {
-				title: v.name || v.id,
-				projectId: n,
-				description: i._({ id: "kIuDMT" })
+			/*#__PURE__*/ U(ee, {
+				title: x.name || x.id,
+				projectId: r,
+				actions: _e
 			}),
-			/*#__PURE__*/ W(Ge, {
-				securityGroup: v,
-				filteredAndSortedRules: y,
-				onEdit: ee,
-				onDeleteRule: R,
-				isDeletingRule: T,
-				deleteRuleError: D,
-				filterControls: g,
-				onCreateRule: te,
-				isCreatingRule: O,
-				createRuleError: k,
-				availableSecurityGroups: re,
-				currentProjectId: n,
-				permissions: B
+			/*#__PURE__*/ U(Qe, {
+				securityGroup: x,
+				filteredAndSortedRules: S,
+				onDeleteRule: ue,
+				isDeletingRule: F,
+				deleteRuleError: I,
+				filterControls: b,
+				onCreateRule: de,
+				isCreatingRule: te,
+				createRuleError: ne,
+				availableSecurityGroups: pe,
+				currentProjectId: r,
+				permissions: V
 			}),
-			/*#__PURE__*/ W(ae, {
-				securityGroup: v,
-				open: A,
-				onClose: P,
-				onUpdate: L,
-				isLoading: C,
-				error: w
+			/*#__PURE__*/ U(me, {
+				securityGroup: x,
+				open: re,
+				onClose: oe,
+				onUpdate: se,
+				isLoading: E,
+				error: O
+			}),
+			ie && /*#__PURE__*/ U(fe, {
+				securityGroup: x,
+				isOpen: ie,
+				onClose: ce,
+				onDelete: async () => {
+					try {
+						await le(), B();
+					} catch {}
+				},
+				isDeleting: k,
+				error: A
 			})
 		]
-	}) : /*#__PURE__*/ G(c, {
-		className: "fixed inset-0",
-		distribution: "center",
-		alignment: "center",
-		direction: "vertical",
-		gap: "5",
-		children: [/*#__PURE__*/ W("p", {
-			className: "text-theme-secondary",
-			children: /*#__PURE__*/ W(Y, { id: "Zw8Q49" })
-		}), /*#__PURE__*/ W(_, {
-			onClick: z,
-			variant: "primary",
-			children: /*#__PURE__*/ W(Y, { id: "U9q4M7" })
-		})]
 	});
 }
 //#endregion
-export { qe as component };
+export { et as component };
 
-//# sourceMappingURL=_securityGroupId-DmplhDgt.mjs.map
+//# sourceMappingURL=_securityGroupId-Bq0ZyG6z.mjs.map