@cobaltcore-dev/aurora 1.0.0 → 1.2.0

package/dist/client/_securityGroupId-C5huJNfO.mjs

@@ -0,0 +1,1810 @@
+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-D85mSigA.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 "./hooks-D0yKIumu.mjs";
+import { t as L } from "./TwoColumnDescriptionList-NvgvErua.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";
+//#region src/client/utils/useListWithFiltering.ts
+function me({ defaultSortKey: e, defaultSortDir: t, sortOptions: n, filterSettings: r }) {
+	let [i, a] = J(""), o = (e) => {
+		let t = typeof e == "string" ? e : "";
+		de(() => a(t));
+	}, [s, c] = J({
+		options: n,
+		sortBy: e,
+		sortDirection: t
+	}), l = (n) => {
+		let r = {
+			options: n.options ?? s.options,
+			sortBy: n.sortBy?.toString() || e,
+			sortDirection: n.sortDirection || t
+		};
+		c(r);
+	}, [u, d] = J(r);
+	return {
+		searchTerm: i,
+		sortSettings: s,
+		filterSettings: u,
+		handleSearchChange: o,
+		handleSortChange: l,
+		handleFilterChange: (e) => {
+			de(() => 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 = [
+		{
+			label: r._({ id: "Nu4oKW" }),
+			value: e.description || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "S0kLOH" }),
+			value: e.id
+		},
+		{
+			label: r._({ id: "OYHzN1" }),
+			value: e.tags?.join(", ") || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "6YtxFj" }),
+			value: e.name || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "Jim5X9" }),
+			value: e.stateful ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+		},
+		{
+			label: r._({ id: "aI8Tgp" }),
+			value: e.project_id || r._({ id: "h47p9L" })
+		},
+		{
+			label: r._({ id: "0Gd0NU" }),
+			value: e.shared ? r._({ id: "l75CjT" }) : r._({ id: "1UzENP" })
+		}
+	];
+	return /*#__PURE__*/ 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 })] });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupTabs.tsx
+function ge({ 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, {
+			direction: "horizontal",
+			gap: "0",
+			children: [/*#__PURE__*/ W("button", {
+				className: r("rules"),
+				onClick: () => t("rules"),
+				children: /*#__PURE__*/ W(Y, { id: "4EZrJN" })
+			}), n && /*#__PURE__*/ W("button", {
+				className: r("rbac"),
+				onClick: () => t("rbac"),
+				children: /*#__PURE__*/ W(Y, { 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({
+		isOpen: t,
+		actionPrefix: "network.securitygroup.rule.delete"
+	}), h = Z.object({ confirm: Z.string().refine((e) => e === "delete", { message: s._({ id: "QytzQr" }) }) }), g = Q({
+		defaultValues: { confirm: "" },
+		validators: { onSubmit: h },
+		onSubmit: async () => {
+			!e || i || (d(), r(e.id));
+		}
+	}), _ = $(g.store, (e) => e.isSubmitting || e.values.confirm !== "delete");
+	return e ? /*#__PURE__*/ W(f, {
+		open: t,
+		onCancel: () => {
+			u(), g.reset(), p(), n();
+		},
+		size: "small",
+		title: s._({ id: "TM93nK" }),
+		confirmButtonLabel: i ? s._({ id: "EF2EU9" }) : s._({ id: "lN3xvy" }),
+		confirmButtonVariant: "primary-danger",
+		onConfirm: g.handleSubmit,
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		disableConfirmButton: _ || i,
+		disableCancelButton: i,
+		disableCloseButton: i,
+		children: /*#__PURE__*/ G(c, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				o && /*#__PURE__*/ W(a, {
+					variant: "error",
+					children: o
+				}),
+				/*#__PURE__*/ W("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ W(Y, { id: "CMVP7y" })
+				}),
+				/*#__PURE__*/ G("div", {
+					className: "bg-theme-background-lvl-1 rounded p-4",
+					children: [/*#__PURE__*/ W("p", {
+						className: "mb-2 font-semibold",
+						children: /*#__PURE__*/ W(Y, { id: "uly9ET" })
+					}), /*#__PURE__*/ G("ul", {
+						className: "list-inside list-disc space-y-1 text-sm",
+						children: [
+							/*#__PURE__*/ G("li", { children: [
+								/*#__PURE__*/ W(Y, { id: "MRB7nI" }),
+								": ",
+								e.direction
+							] }),
+							e.description && /*#__PURE__*/ G("li", { children: [
+								/*#__PURE__*/ W(Y, { id: "Nu4oKW" }),
+								": ",
+								e.description
+							] }),
+							/*#__PURE__*/ G("li", { children: [
+								/*#__PURE__*/ W(Y, { id: "yp0UjB" }),
+								": ",
+								e.ethertype
+							] }),
+							e.protocol && /*#__PURE__*/ G("li", { children: [
+								/*#__PURE__*/ W(Y, { 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 === 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
+							] }),
+							e.remote_group_id && /*#__PURE__*/ G("li", { children: [
+								/*#__PURE__*/ W(Y, { id: "i9TIyi" }),
+								": ",
+								e.remote_group_id
+							] })
+						]
+					})]
+				}),
+				/*#__PURE__*/ W(m, {
+					className: "mb-0",
+					id: "delete-rule-form",
+					onSubmit: (e) => {
+						e.preventDefault(), g.handleSubmit();
+					},
+					children: /*#__PURE__*/ W(T, { children: /*#__PURE__*/ W(g.Field, {
+						name: "confirm",
+						children: (e) => /*#__PURE__*/ W(x, {
+							label: s._({ id: "QytzQr" }),
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: "delete",
+							autoComplete: "off",
+							autoFocus: !0,
+							disabled: i,
+							"data-testid": "delete-rule-confirmation-input",
+							required: !0
+						})
+					}) })
+				})
+			]
+		})
+	}) : null;
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/validation/validationHelpers.ts
+function ve(e) {
+	return e.includes(".") ? "IPv4" : e.includes(":") ? "IPv6" : null;
+}
+function ye(e, t, n) {
+	if (e != null && isNaN(e) || t != null && isNaN(t)) return {
+		valid: !1,
+		error: "Port must be a valid number"
+	};
+	if (n?.toLowerCase() === "tcp" || n?.toLowerCase() === "udp") {
+		if (e != null && (e < 1 || e > 65535) || t != null && (t < 1 || t > 65535)) return {
+			valid: !1,
+			error: "For TCP/UDP: port must be between 1 and 65535"
+		};
+	} else if (e != null && (e < 0 || e > 65535) || t != null && (t < 0 || t > 65535)) return {
+		valid: !1,
+		error: "Port must be between 0 and 65535"
+	};
+	return e != null && t != null && e > t ? {
+		valid: !1,
+		error: "port_range_min must be less than or equal to port_range_max"
+	} : { valid: !0 };
+}
+function be(e, t) {
+	return e != null && isNaN(e) ? {
+		valid: !1,
+		error: "ICMP type must be a valid number"
+	} : t != null && isNaN(t) ? {
+		valid: !1,
+		error: "ICMP code must be a valid number"
+	} : e != null && (e < 0 || e > 255) ? {
+		valid: !1,
+		error: "ICMP type must be between 0 and 255"
+	} : t != null && (t < 0 || t > 255) ? {
+		valid: !1,
+		error: "ICMP code must be between 0 and 255"
+	} : { valid: !0 };
+}
+function xe(e) {
+	let t = e.split("/");
+	if (t.length !== 2) return !1;
+	let [n, r] = t;
+	if (!/^\d+$/.test(r)) return !1;
+	let i = parseInt(r, 10);
+	if (isNaN(i) || i < 0) return !1;
+	if (n.includes(".")) {
+		let e = n.split(".");
+		if (e.length !== 4) return !1;
+		for (let t of e) {
+			let e = parseInt(t, 10);
+			if (isNaN(e) || e < 0 || e > 255 || t !== e.toString()) return !1;
+		}
+		return i <= 32;
+	}
+	if (n.includes(":")) {
+		if (n.includes(":::") || i > 128) return !1;
+		let e = n.includes("::"), t = n.split(":").filter((e) => e !== "");
+		if (e) {
+			if (t.length > 7) return !1;
+		} else if (t.length !== 8) return !1;
+		for (let e of t) if (e.length === 0 || e.length > 4 || !/^[0-9a-fA-F]+$/.test(e)) return !1;
+		return !((n.match(/::/g) || []).length > 1 || n.startsWith(":") && !n.startsWith("::") || n.endsWith(":") && !n.endsWith("::"));
+	}
+	return !1;
+}
+//#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()
+}).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);
+	if (i && !e.protocol && t.addIssue({
+		code: Z.ZodIssueCode.custom,
+		message: "Protocol is required",
+		path: ["protocol"]
+	}), a) if (!e.portFrom) t.addIssue({
+		code: Z.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,
+			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,
+				message: "Port must be a valid number",
+				path: ["portTo"]
+			});
+			else if (n >= r) t.addIssue({
+				code: Z.ZodIssueCode.custom,
+				message: "\"Port (from)\" must be less than \"Port (to)\"",
+				path: ["portFrom"]
+			});
+			else {
+				let i = ye(n, r, e.protocol);
+				i.valid || t.addIssue({
+					code: Z.ZodIssueCode.custom,
+					message: i.error || "Invalid port range",
+					path: ["portFrom"]
+				});
+			}
+		} else {
+			let r = ye(n, n, e.protocol);
+			r.valid || t.addIssue({
+				code: Z.ZodIssueCode.custom,
+				message: r.error || "Invalid port",
+				path: ["portFrom"]
+			});
+		}
+	}
+	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,
+			message: "ICMP type must be a valid number",
+			path: ["icmpType"]
+		}), e.icmpCode && isNaN(r) && t.addIssue({
+			code: Z.ZodIssueCode.custom,
+			message: "ICMP code must be a valid number",
+			path: ["icmpCode"]
+		}), e.icmpCode && !e.icmpType && t.addIssue({
+			code: Z.ZodIssueCode.custom,
+			message: "ICMP type is required when ICMP code is specified",
+			path: ["icmpType"]
+		}), n !== null || r !== null) {
+			let e = be(n, r);
+			e.valid || (e.error?.includes("type") && t.addIssue({
+				code: Z.ZodIssueCode.custom,
+				message: "ICMP type must be between 0 and 255",
+				path: ["icmpType"]
+			}), e.error?.includes("code") && t.addIssue({
+				code: Z.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,
+		message: "Invalid CIDR format. Examples: 0.0.0.0/0 (IPv4) or ::/0 (IPv6)",
+		path: ["remoteCidr"]
+	});
+	else {
+		let n = ve(e.remoteCidr);
+		n && n !== e.ethertype && t.addIssue({
+			code: Z.ZodIssueCode.custom,
+			message: `CIDR family (${n}) must match Ethertype (${e.ethertype})`,
+			path: ["remoteCidr"]
+		});
+	}
+}), Ee = {
+	ruleType: "",
+	direction: "ingress",
+	ethertype: "IPv4",
+	description: "",
+	protocol: null,
+	portFrom: "",
+	portTo: "",
+	icmpType: "",
+	icmpCode: "",
+	remoteSourceType: "cidr",
+	remoteCidr: Se,
+	remoteSecurityGroupId: ""
+}, De = [
+	{
+		value: "",
+		label: "",
+		protocol: null,
+		portRangeMin: null,
+		portRangeMax: null
+	},
+	{
+		value: "custom-tcp",
+		label: "Custom TCP Rule",
+		protocol: "tcp",
+		portRangeMin: null,
+		portRangeMax: null
+	},
+	{
+		value: "custom-udp",
+		label: "Custom UDP Rule",
+		protocol: "udp",
+		portRangeMin: null,
+		portRangeMax: null
+	},
+	{
+		value: "custom-icmp",
+		label: "Custom ICMP Rule",
+		protocol: "icmp",
+		portRangeMin: null,
+		portRangeMax: null
+	},
+	{
+		value: "all-tcp",
+		label: "All TCP",
+		protocol: "tcp",
+		portRangeMin: 1,
+		portRangeMax: 65535
+	},
+	{
+		value: "all-udp",
+		label: "All UDP",
+		protocol: "udp",
+		portRangeMin: 1,
+		portRangeMax: 65535
+	},
+	{
+		value: "all-icmp",
+		label: "All ICMP",
+		protocol: "icmp",
+		portRangeMin: null,
+		portRangeMax: null
+	},
+	{
+		value: "other-protocol",
+		label: "Other Protocol",
+		protocol: null,
+		portRangeMin: null,
+		portRangeMax: null
+	},
+	{
+		value: "dns",
+		label: "DNS",
+		protocol: "tcp",
+		portRangeMin: 53,
+		portRangeMax: 53
+	},
+	{
+		value: "http",
+		label: "HTTP",
+		protocol: "tcp",
+		portRangeMin: 80,
+		portRangeMax: 80
+	},
+	{
+		value: "https",
+		label: "HTTPS",
+		protocol: "tcp",
+		portRangeMin: 443,
+		portRangeMax: 443
+	},
+	{
+		value: "imap",
+		label: "IMAP",
+		protocol: "tcp",
+		portRangeMin: 143,
+		portRangeMax: 143
+	},
+	{
+		value: "imaps",
+		label: "IMAPS",
+		protocol: "tcp",
+		portRangeMin: 993,
+		portRangeMax: 993
+	},
+	{
+		value: "ldap",
+		label: "LDAP",
+		protocol: "tcp",
+		portRangeMin: 389,
+		portRangeMax: 389
+	},
+	{
+		value: "ms-sql",
+		label: "MS SQL",
+		protocol: "tcp",
+		portRangeMin: 1433,
+		portRangeMax: 1433
+	},
+	{
+		value: "mysql",
+		label: "MySQL",
+		protocol: "tcp",
+		portRangeMin: 3306,
+		portRangeMax: 3306
+	},
+	{
+		value: "pop3",
+		label: "POP3",
+		protocol: "tcp",
+		portRangeMin: 110,
+		portRangeMax: 110
+	},
+	{
+		value: "pop3s",
+		label: "POP3S",
+		protocol: "tcp",
+		portRangeMin: 995,
+		portRangeMax: 995
+	},
+	{
+		value: "rdp",
+		label: "RDP",
+		protocol: "tcp",
+		portRangeMin: 3389,
+		portRangeMax: 3389
+	},
+	{
+		value: "ssh",
+		label: "SSH",
+		protocol: "tcp",
+		portRangeMin: 22,
+		portRangeMax: 22
+	},
+	{
+		value: "smtp",
+		label: "SMTP",
+		protocol: "tcp",
+		portRangeMin: 25,
+		portRangeMax: 25
+	},
+	{
+		value: "smtps",
+		label: "SMTPS",
+		protocol: "tcp",
+		portRangeMin: 465,
+		portRangeMax: 465
+	}
+];
+//#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, {
+		name: "ruleType",
+		mode: "value",
+		children: (r) => /*#__PURE__*/ W(g, {
+			className: "mb-6",
+			children: /*#__PURE__*/ W(v, {
+				id: "ruleType",
+				label: n._({ id: "YuGQWb" }),
+				value: r.state.value,
+				onChange: (t) => {
+					let n = String(t || "");
+					if (r.handleChange(n), !n) {
+						e.setFieldValue("protocol", null), e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", ""), e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "");
+						return;
+					}
+					let i = De.find((e) => e.value === n);
+					i && (e.setFieldValue("protocol", i.protocol), (i.protocol === "tcp" || i.protocol === "udp") && i.portRangeMin !== null && i.portRangeMax !== null ? (e.setFieldValue("portFrom", String(i.portRangeMin)), e.setFieldValue("portTo", String(i.portRangeMax))) : (e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", "")), i.protocol !== "icmp" && i.protocol !== "ipv6-icmp" && (e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "")));
+				},
+				disabled: t,
+				children: De.map((e) => e.value === "" ? /*#__PURE__*/ W(l, {
+					value: e.value,
+					label: n._({ id: "eh/k36" })
+				}, e.value) : /*#__PURE__*/ W(l, {
+					value: e.value,
+					label: e.label
+				}, e.value))
+			})
+		})
+	});
+}
+//#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, {
+		name: "direction",
+		children: (e) => /*#__PURE__*/ W(g, { children: /*#__PURE__*/ W(k, {
+			name: "direction",
+			label: n._({ id: "MRB7nI" }),
+			selected: e.state.value,
+			onChange: (t) => e.handleChange(String(t)),
+			required: !0,
+			disabled: t,
+			children: /*#__PURE__*/ G("div", {
+				className: "flex gap-4",
+				children: [/*#__PURE__*/ W(p, {
+					value: "ingress",
+					label: n._({ id: "fzfAAa" })
+				}), /*#__PURE__*/ W(p, {
+					value: "egress",
+					label: n._({ id: "nETBrc" })
+				})]
+			})
+		}) })
+	});
+}
+function Ae({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = X();
+	return /*#__PURE__*/ W(e.Field, {
+		name: "ethertype",
+		children: (e) => /*#__PURE__*/ W(g, { children: /*#__PURE__*/ W(k, {
+			name: "ethertype",
+			label: n._({ id: "16085O" }),
+			selected: e.state.value,
+			onChange: (t) => e.handleChange(String(t)),
+			required: !0,
+			disabled: t,
+			children: /*#__PURE__*/ G("div", {
+				className: "flex gap-4",
+				children: [/*#__PURE__*/ W(p, {
+					value: "IPv4",
+					label: "IPv4"
+				}), /*#__PURE__*/ W(p, {
+					value: "IPv6",
+					label: "IPv6"
+				})]
+			})
+		}) })
+	});
+}
+//#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, {
+		name: "protocol",
+		children: (e) => /*#__PURE__*/ W(g, {
+			className: "mb-6",
+			children: /*#__PURE__*/ W(x, {
+				id: "protocol",
+				name: "protocol",
+				label: n._({ id: "6+OdGi" }),
+				value: e.state.value || "",
+				onChange: (t) => e.handleChange(t.target.value || null),
+				errortext: e.state.meta.errors[0]?.message,
+				placeholder: n._({ id: "8wdCNd" }),
+				disabled: t
+			})
+		})
+	});
+}
+//#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, {
+		className: "mb-6",
+		children: [
+			/*#__PURE__*/ G("div", {
+				className: "flex items-center gap-4",
+				children: [
+					/*#__PURE__*/ W(e.Field, {
+						name: "portFrom",
+						children: (r) => /*#__PURE__*/ W("div", {
+							className: "flex-1",
+							children: /*#__PURE__*/ W(x, {
+								id: "portFrom",
+								name: "portFrom",
+								label: n._({ id: "LMdsuJ" }),
+								value: r.state.value || "",
+								onChange: (t) => {
+									let n = t.target.value;
+									r.handleChange(n), (!n || n.trim() === "") && e.setFieldValue("portTo", ""), e.validateField("portTo", "change");
+								},
+								invalid: r.state.meta.errors.length > 0,
+								disabled: t,
+								required: !0
+							})
+						})
+					}),
+					/*#__PURE__*/ W("div", {
+						className: "text-theme-secondary flex items-center justify-center",
+						children: "—"
+					}),
+					/*#__PURE__*/ W(e.Field, {
+						name: "portTo",
+						children: (t) => /*#__PURE__*/ W("div", {
+							className: "flex-1",
+							children: /*#__PURE__*/ W(x, {
+								id: "portTo",
+								name: "portTo",
+								label: n._({ id: "a12lSo" }),
+								value: t.state.value || "",
+								onChange: (n) => {
+									t.handleChange(n.target.value), e.validateField("portFrom", "change");
+								},
+								invalid: t.state.meta.errors.length > 0,
+								placeholder: "",
+								disabled: s
+							})
+						})
+					})
+				]
+			}),
+			(a || o) && /*#__PURE__*/ G("div", {
+				className: "text-theme-error mt-2 text-sm",
+				children: [a && /*#__PURE__*/ W("div", { children: a }), o && /*#__PURE__*/ W("div", { children: o })]
+			}),
+			/*#__PURE__*/ W("p", {
+				className: "mt-2 text-sm",
+				children: n._({ id: "QAUa4B" })
+			})
+		]
+	});
+}
+//#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, {
+		className: "mb-6",
+		children: /*#__PURE__*/ G("div", {
+			className: "flex w-full gap-4",
+			children: [/*#__PURE__*/ W(e.Field, {
+				name: "icmpType",
+				children: (e) => /*#__PURE__*/ W("div", {
+					className: "flex-1",
+					children: /*#__PURE__*/ W(x, {
+						id: "icmpType",
+						name: "icmpType",
+						label: n._({ id: "yPWFWy" }),
+						value: e.state.value,
+						onChange: (t) => e.handleChange(t.target.value),
+						errortext: e.state.meta.errors[0]?.message,
+						placeholder: n._({ id: "GPuCEo" }),
+						disabled: t
+					})
+				})
+			}), /*#__PURE__*/ W(e.Field, {
+				name: "icmpCode",
+				children: (e) => /*#__PURE__*/ W("div", {
+					className: "flex-1",
+					children: /*#__PURE__*/ W(x, {
+						id: "icmpCode",
+						name: "icmpCode",
+						label: n._({ id: "76RKuS" }),
+						value: e.state.value,
+						onChange: (t) => e.handleChange(t.target.value),
+						errortext: e.state.meta.errors[0]?.message,
+						placeholder: n._({ id: "UkVkoq" }),
+						disabled: t
+					})
+				})
+			})]
+		})
+	});
+}
+//#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, {
+			name: "remoteSourceType",
+			mode: "value",
+			children: (n) => /*#__PURE__*/ W(g, {
+				className: "mb-1",
+				children: /*#__PURE__*/ W(k, {
+					name: "remoteSourceType",
+					label: r._({ id: "I5kZVK" }),
+					selected: n.state.value,
+					onChange: (t) => {
+						let r = String(t);
+						n.handleChange(r), r !== "security_group" && e.setFieldValue("ethertype", "IPv4");
+					},
+					disabled: t,
+					children: /*#__PURE__*/ G("div", {
+						className: "flex gap-4",
+						children: [/*#__PURE__*/ W(p, {
+							value: "cidr",
+							label: r._({ id: "4uXhtt" })
+						}), /*#__PURE__*/ W(p, {
+							value: "security_group",
+							label: r._({ id: "bwhBhT" })
+						})]
+					})
+				})
+			})
+		}),
+		/*#__PURE__*/ W(e.Field, {
+			name: "remoteSourceType",
+			children: (n) => n.state.value === "cidr" ? /*#__PURE__*/ W(e.Field, {
+				name: "remoteCidr",
+				children: (n) => /*#__PURE__*/ W(e.Field, {
+					name: "ethertype",
+					children: (e) => /*#__PURE__*/ W(g, {
+						className: "mb-6",
+						children: /*#__PURE__*/ W(x, {
+							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,
+							disabled: t
+						})
+					})
+				})
+			}) : null
+		}),
+		/*#__PURE__*/ W(e.Field, {
+			name: "remoteSourceType",
+			children: (i) => i.state.value === "security_group" ? /*#__PURE__*/ W(e.Field, {
+				name: "remoteSecurityGroupId",
+				children: (e) => /*#__PURE__*/ W(g, {
+					className: "mb-6",
+					children: /*#__PURE__*/ G(v, {
+						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, {
+							value: "",
+							label: r._({ id: "ZvIpwi" })
+						}), n.map((e) => /*#__PURE__*/ W(l, {
+							value: e.id,
+							label: e.name || e.id
+						}, e.id))]
+					})
+				})
+			}) : null
+		})
+	] });
+}
+//#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, {
+		name: "description",
+		children: (e) => /*#__PURE__*/ W(g, {
+			className: "mb-0",
+			children: /*#__PURE__*/ W(b, {
+				id: "description",
+				name: "description",
+				label: n._({ id: "Nu4oKW" }),
+				value: e.state.value,
+				onChange: (t) => e.handleChange(t.target.value),
+				placeholder: n._({ id: "pbzA+s" }),
+				disabled: t,
+				rows: 2
+			})
+		})
+	});
+}
+//#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 },
+		onSubmit: async ({ value: t }) => {
+			if (c) return;
+			let n = {
+				security_group_id: e,
+				direction: t.direction,
+				ethertype: t.ethertype,
+				description: t.description || void 0,
+				protocol: t.protocol || null,
+				remote_ip_prefix: void 0,
+				remote_group_id: void 0,
+				remote_address_group_id: void 0
+			};
+			if ((t.protocol === "tcp" || t.protocol === "udp") && t.portFrom) {
+				let e = parseInt(t.portFrom, 10);
+				n.port_range_min = e, n.port_range_max = t.portTo ? parseInt(t.portTo, 10) : e;
+			}
+			(t.protocol === "icmp" || t.protocol === "ipv6-icmp") && (t.icmpType && (n.port_range_min = parseInt(t.icmpType, 10)), t.icmpCode && (n.port_range_max = parseInt(t.icmpCode, 10))), t.remoteSourceType === "cidr" && t.remoteCidr ? n.remote_ip_prefix = t.remoteCidr : t.remoteSourceType === "security_group" && t.remoteSecurityGroupId && (n.remote_group_id = t.remoteSecurityGroupId), await r(n), g();
+		}
+	}), g = () => {
+		h.reset(), n();
+	};
+	return /*#__PURE__*/ G(f, {
+		open: t,
+		onCancel: g,
+		size: "large",
+		title: d._({ id: "b2BLBa" }),
+		modalFooter: /*#__PURE__*/ W(s, {
+			className: "flex justify-end",
+			children: /*#__PURE__*/ W(h.Subscribe, { children: (e) => {
+				let t = !!e.values.ruleType;
+				return /*#__PURE__*/ G(o, { children: [/*#__PURE__*/ W(_, {
+					variant: "default",
+					onClick: g,
+					disabled: c || e.isSubmitting,
+					children: /*#__PURE__*/ W(Y, { id: "dEgA5A" })
+				}), /*#__PURE__*/ W(_, {
+					variant: "primary",
+					type: "button",
+					onClick: () => h.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: [
+			l && /*#__PURE__*/ W(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" })
+				})]
+			}),
+			/*#__PURE__*/ W(m, {
+				className: "mb-6",
+				onSubmit: (e) => {
+					e.preventDefault(), h.handleSubmit();
+				},
+				children: /*#__PURE__*/ G(T, {
+					className: "mb-6",
+					children: [/*#__PURE__*/ W(Oe, {
+						form: h,
+						disabled: c
+					}), /*#__PURE__*/ W(h.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,
+								disabled: c
+							}),
+							e.values.ruleType === "other-protocol" && /*#__PURE__*/ W(je, {
+								form: h,
+								disabled: c
+							}),
+							t && /*#__PURE__*/ W(Me, {
+								form: h,
+								disabled: c
+							}),
+							n && /*#__PURE__*/ W(Ne, {
+								form: h,
+								disabled: c
+							}),
+							/*#__PURE__*/ W(Pe, {
+								form: h,
+								disabled: c,
+								availableSecurityGroups: u
+							}),
+							e.values.remoteSourceType === "security_group" && /*#__PURE__*/ W(Ae, {
+								form: h,
+								disabled: c
+							}),
+							/*#__PURE__*/ W(Fe, {
+								form: h,
+								disabled: 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);
+	K(() => () => clearTimeout(L.current), []);
+	let re = (e) => {
+		M(e);
+	}, z = (e) => {
+		i(e);
+	}, B = () => {
+		a || 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" });
+		}
+		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, {
+			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" })
+						})]
+					})]
+				}),
+				(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))]
+				})
+			]
+		}),
+		E && /*#__PURE__*/ W(_e, {
+			rule: j,
+			open: !!j,
+			onClose: B,
+			onConfirm: z,
+			isLoading: a,
+			error: o
+		}),
+		T && v && b && N && /*#__PURE__*/ W(Ie, {
+			securityGroupId: v,
+			open: N,
+			onClose: P,
+			onCreate: b,
+			isLoading: x,
+			error: S,
+			availableSecurityGroups: w
+		})
+	] });
+}
+//#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, {
+			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" }),
+				onClick: t
+			}) }) })
+		})
+	] });
+}
+//#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);
+}
+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({
+		onSuccess: (e, t) => {
+			o.network.rbacPolicy.list.invalidate({
+				project_id: s,
+				securityGroupId: n
+			}), o.network.securityGroup.getById.invalidate({
+				project_id: s,
+				securityGroupId: n
+			});
+			let { message: r, ...i } = ie(t.targetTenant);
+			w.success(r, i), h();
+		},
+		onError: (e) => {
+			let { message: t, ...n } = ce(e.message);
+			w.error(t, n);
+		}
+	}), p = Q({
+		defaultValues: { targetTenant: "" },
+		validators: { onSubmit: u },
+		onSubmit: async ({ value: e }) => {
+			d.isPending || d.mutate({
+				project_id: s,
+				securityGroupId: n,
+				targetTenant: e.targetTenant.trim()
+			});
+		}
+	}), h = () => {
+		p.reset(), d.reset(), l(!1), t();
+	}, g = async () => {
+		l(!0), await p.handleSubmit();
+	};
+	return /*#__PURE__*/ G(f, {
+		open: e,
+		onCancel: h,
+		title: r._({ id: "vmRPFm" }),
+		size: "large",
+		onConfirm: g,
+		cancelButtonLabel: r._({ id: "dEgA5A" }),
+		confirmButtonLabel: r._({ id: "Z8lGw6" }),
+		disableConfirmButton: d.isPending,
+		children: [
+			d.error && /*#__PURE__*/ W(a, {
+				variant: "error",
+				className: "mb-4",
+				children: (() => {
+					let e = d.error.message.toLowerCase();
+					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", {
+				className: "mb-4",
+				children: /*#__PURE__*/ W(Y, { id: "cjEOmc" })
+			}),
+			/*#__PURE__*/ W(m, {
+				className: "mb-0",
+				onSubmit: (e) => {
+					e.preventDefault(), g();
+				},
+				children: /*#__PURE__*/ W(T, { children: /*#__PURE__*/ W(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" });
+						},
+						onChange: ({ value: e }) => {
+							if (!c) return;
+							let t = e.trim();
+							if (!t) return r._({ id: "1RwosK" });
+							if (!Ve(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, {
+							id: e.name,
+							name: e.name,
+							label: r._({ id: "WzVwU0" }),
+							value: e.state.value,
+							onChange: (t) => e.handleChange(t.target.value),
+							onBlur: e.handleBlur,
+							placeholder: r._({ id: "he4q+i" }),
+							required: !0,
+							helptext: r._({ id: "PkfPsB" }),
+							disabled: d.isPending,
+							errortext: i,
+							invalid: t
+						});
+					}
+				}) })
+			})
+		]
+	});
+}
+//#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({
+		isOpen: t,
+		actionPrefix: "network.securitygroup.rbacpolicy.delete"
+	}), g = Z.object({ confirm: Z.string().refine((e) => e === "remove", { message: l._({ id: "SVLToM" }) }) }), _ = Q({
+		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, {
+		open: t,
+		onCancel: () => {
+			d(), _.reset(), h(), n();
+		},
+		size: "small",
+		title: l._({ id: "Dt5W9T" }),
+		onConfirm: _.handleSubmit,
+		cancelButtonLabel: l._({ id: "dEgA5A" }),
+		confirmButtonLabel: o ? l._({ id: "M5RhXF" }) : l._({ id: "qh5W8q" }),
+		confirmButtonVariant: "primary-danger",
+		disableConfirmButton: v || o,
+		disableCancelButton: o,
+		disableCloseButton: o,
+		children: /*#__PURE__*/ G(c, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				s && /*#__PURE__*/ W(a, {
+					variant: "error",
+					children: s
+				}),
+				/*#__PURE__*/ W("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ W(Y, { 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(m, {
+					className: "mb-0",
+					id: "delete-rbac-policy-form",
+					onSubmit: (e) => {
+						e.preventDefault(), _.handleSubmit();
+					},
+					children: /*#__PURE__*/ W(T, { children: /*#__PURE__*/ W(_.Field, {
+						name: "confirm",
+						children: (e) => /*#__PURE__*/ W(x, {
+							label: l._({ id: "SVLToM" }),
+							id: e.name,
+							name: e.name,
+							value: e.state.value,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: "remove",
+							autoComplete: "off",
+							autoFocus: !0,
+							disabled: o,
+							"data-testid": "remove-policy-confirmation-input",
+							required: !0
+						})
+					}) })
+				})
+			]
+		})
+	});
+}
+//#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,
+		securityGroupId: e
+	}, { refetchOnWindowFocus: !1 }), k = j.network.rbacPolicy.delete.useMutation({
+		onSuccess: () => {
+			r.network.rbacPolicy.list.invalidate({
+				project_id: l,
+				securityGroupId: e
+			}), r.network.securityGroup.getById.invalidate({
+				project_id: l,
+				securityGroupId: e
+			});
+		},
+		onError: (e) => {
+			let { message: t, ...n } = re(e.message);
+			w.error(t, n);
+		}
+	}), A = (e) => {
+		h(e);
+	}, M = (e) => {
+		let t = m?.target_tenant || e;
+		k.mutate({
+			project_id: l,
+			policyId: e
+		}, { onSuccess: () => {
+			let { message: e, ...n } = oe(t);
+			w.success(e, n);
+		} });
+	}, ee = () => {
+		k.isPending || h(null);
+	};
+	K(() => {
+		!k.isPending && !k.error && k.isSuccess && h(null);
+	}, [
+		k.isPending,
+		k.error,
+		k.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))]
+				})
+			]
+		}),
+		!!m && /*#__PURE__*/ W(Ue, {
+			policy: m,
+			open: !!m,
+			onClose: ee,
+			onConfirm: M,
+			isLoading: k.isPending,
+			error: k.error?.message || null
+		}),
+		f && /*#__PURE__*/ W(He, {
+			isOpen: f,
+			onClose: p,
+			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, {
+		px: !1,
+		py: !0,
+		children: /*#__PURE__*/ G(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__*/ G("div", {
+					className: "mt-6",
+					children: [h === "rules" && /*#__PURE__*/ W(Le, {
+						rules: n,
+						totalRulesCount: t.security_group_rules?.length,
+						onDeleteRule: i,
+						isDeletingRule: a,
+						deleteError: o,
+						searchTerm: s.searchTerm,
+						onSearchChange: s.onSearchChange,
+						sortSettings: s.sortSettings,
+						onSortChange: s.onSortChange,
+						filterSettings: s.filterSettings,
+						onFilterChange: s.onFilterChange,
+						securityGroupId: t.id,
+						onCreateRule: m.canCreateRule ? l : void 0,
+						isCreatingRule: u,
+						createRuleError: d,
+						availableSecurityGroups: f,
+						canCreateRule: m.canCreateRule,
+						canDeleteRule: m.canDeleteRule
+					}), h === "rbac" && /*#__PURE__*/ W(We, {
+						securityGroupId: t.id,
+						canManageAccess: m.canManageAccess
+					})]
+				})
+			]
+		})
+	});
+}
+//#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,
+		securityGroupId: e
+	}, { placeholderData: () => a.network.securityGroup.getById.getData({
+		project_id: i,
+		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;
+		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));
+		}
+		if (t.sortSettings.sortBy) {
+			let n = t.sortSettings.sortBy;
+			e = [...e].sort((e, r) => {
+				let i = e[n] || "", a = r[n] || "", o = i.localeCompare(a);
+				return t.sortSettings.sortDirection === "asc" ? o : -o;
+			});
+		}
+		return e;
+	}, [o.data?.security_group_rules, t]), c = j.network.securityGroup.update.useMutation({
+		onSuccess: (t, n) => {
+			a.network.securityGroup.getById.invalidate({
+				project_id: i,
+				securityGroupId: e
+			}), a.network.securityGroup.list.invalidate();
+			let { message: s, ...c } = H(n.name || o.data?.name || e);
+			w.success(s, c), r(!1);
+		},
+		onError: (e) => {
+			let { message: t, ...n } = se(e.message);
+			w.error(t, n);
+		}
+	}), l = j.network.securityGroupRule.delete.useMutation({
+		onSuccess: () => {
+			a.network.securityGroup.getById.invalidate({
+				project_id: i,
+				securityGroupId: e
+			}), a.network.securityGroup.list.invalidate();
+			let { message: t, ...n } = B();
+			w.success(t, n);
+		},
+		onError: (e) => {
+			let { message: t, ...n } = z(e.message);
+			w.error(t, n);
+		}
+	}), u = j.network.securityGroupRule.create.useMutation({
+		onSuccess: () => {
+			a.network.securityGroup.getById.invalidate({
+				project_id: i,
+				securityGroupId: e
+			}), a.network.securityGroup.list.invalidate();
+			let { message: t, ...n } = ue();
+			w.success(t, n);
+		},
+		onError: (e) => {
+			let { message: t, ...n } = V(e.message);
+			w.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,
+		editModalOpen: n,
+		handleEdit: () => {
+			r(!0);
+		},
+		handleCloseEditModal: () => {
+			r(!1);
+		},
+		handleUpdate: async (e, t) => {
+			await c.mutateAsync({
+				project_id: i,
+				securityGroupId: e,
+				...t
+			});
+		},
+		handleDeleteRule: async (e) => {
+			await l.mutateAsync({
+				project_id: i,
+				ruleId: e
+			});
+		},
+		handleCreateRule: async (e) => {
+			await u.mutateAsync({
+				project_id: i,
+				...e
+			});
+		}
+	};
+}
+//#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();
+	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({
+		defaultSortKey: "direction",
+		defaultSortDir: "asc",
+		sortOptions: [
+			{
+				label: i._({ id: "MRB7nI" }),
+				value: "direction"
+			},
+			{
+				label: i._({ id: "6+OdGi" }),
+				value: "protocol"
+			},
+			{
+				label: i._({ id: "Nu4oKW" }),
+				value: "description"
+			}
+		],
+		filterSettings: { filters: [
+			{
+				displayName: i._({ id: "MRB7nI" }),
+				filterName: "direction",
+				values: ["ingress", "egress"],
+				supportsMultiValue: !1
+			},
+			{
+				displayName: i._({ id: "yp0UjB" }),
+				filterName: "ethertype",
+				values: ["IPv4", "IPv6"],
+				supportsMultiValue: !1
+			},
+			{
+				displayName: i._({ id: "6+OdGi" }),
+				filterName: "protocol",
+				values: [
+					"tcp",
+					"udp",
+					"icmp",
+					"ipv6-icmp"
+				],
+				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({
+		securityGroupId: e,
+		filterControls: g
+	});
+	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) => ({
+		id: e.id,
+		name: e.name || e.id
+	})), [ne, e]), z = () => {
+		r({
+			to: "/projects/$projectId/network/securitygroups",
+			params: { projectId: n }
+		});
+	};
+	if (s) return /*#__PURE__*/ W(E, {
+		status: "progress",
+		title: i._({ id: "EpWoJ9" })
+	});
+	let B = l ? {
+		canView: !1,
+		canCreate: !1,
+		canUpdate: !1,
+		canDelete: !1,
+		canCreateRule: !1,
+		canDeleteRule: !1,
+		canManageAccess: !1,
+		canViewRBAC: !1
+	} : o;
+	if (b) return /*#__PURE__*/ W(E, {
+		status: "progress",
+		title: i._({ 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" })
+				})
+			]
+		});
+	}
+	return v ? /*#__PURE__*/ G(c, {
+		direction: "vertical",
+		children: [
+			/*#__PURE__*/ W(F, {
+				title: v.name || v.id,
+				projectId: n,
+				description: i._({ id: "kIuDMT" })
+			}),
+			/*#__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__*/ W(ae, {
+				securityGroup: v,
+				open: A,
+				onClose: P,
+				onUpdate: L,
+				isLoading: C,
+				error: w
+			})
+		]
+	}) : /*#__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 };
+
+//# sourceMappingURL=_securityGroupId-C5huJNfO.mjs.map