@cobaltcore-dev/aurora 0.1.0

package/dist/client/_securityGroupId-DQoRQ-yA.mjs

@@ -0,0 +1,1647 @@
+import { $ as e, D as t, H as n, I as r, K as i, N as a, S as o, W as s, Y as c, Z as l, a as u, b as d, g as f, i as p, it as m, j as h, k as g, n as _, nt as v, o as y, q as b, rt as x, s as S, v as C, w, x as T, z as E } from "./build-eu9eg0zF.mjs";
+import { r as D } from "./trpcClient-BxguzNYF.mjs";
+import { t as O } from "./_securityGroupId-ihjy8Lcd.mjs";
+import { t as k } from "./useModal-Dg4CBeqL.mjs";
+import { t as A } from "./ListToolbar-CHlkZrpl.mjs";
+import { t as j } from "./useProjectId-BWaeJZOy.mjs";
+import "./hooks-s-I8vWww.mjs";
+import { t as M } from "./useListWithFiltering-mMX_EfyI.mjs";
+import { t as N } from "./EditSecurityGroupModal-wQVNIVg1.mjs";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { useEffect as L, useMemo as R, useState as z } from "react";
+import { useNavigate as B } from "@tanstack/react-router";
+import { Trans as V, useLingui as H } from "@lingui/react";
+import { z as U } from "zod";
+import { useForm as W, useStore as G } from "@tanstack/react-form";
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupHeader.tsx
+function K({ name: e, id: t }) {
+	return /* @__PURE__ */ I("div", {
+		className: "mb-2",
+		children: [/* @__PURE__ */ F(w, { children: `'${e || t}' Details` }), /* @__PURE__ */ F("p", {
+			className: "text-theme-secondary mt-2 text-sm",
+			children: /* @__PURE__ */ F(V, { id: "kIuDMT" })
+		})]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupBasicInfo.tsx
+function q({ securityGroup: e, onEdit: t, isReadOnly: n = !1 }) {
+	let { i18n: i, _: o } = H(), s = ({ value: e }) => /* @__PURE__ */ F("span", { children: e ? i._({ id: "l75CjT" }) : i._({ id: "1UzENP" }) });
+	return /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("div", {
+		className: "mb-4 flex flex-row-reverse",
+		children: t && !n && /* @__PURE__ */ F(f, {
+			variant: "primary",
+			onClick: t,
+			disabled: n,
+			children: /* @__PURE__ */ F(V, { id: "ePK91l" })
+		})
+	}), /* @__PURE__ */ I(g, {
+		columns: 4,
+		gridColumnTemplate: "15% 35% 15% 35%",
+		children: [
+			/* @__PURE__ */ I(r, { children: [/* @__PURE__ */ F(m, { children: i._({ id: "Nu4oKW" }) }), /* @__PURE__ */ F(a, {
+				colSpan: 3,
+				children: /* @__PURE__ */ F("div", {
+					className: "overflow-hidden text-ellipsis whitespace-nowrap",
+					title: e.description || void 0,
+					children: e.description || i._({ id: "h47p9L" })
+				})
+			})] }),
+			/* @__PURE__ */ I(r, { children: [
+				/* @__PURE__ */ F(m, { children: i._({ id: "S0kLOH" }) }),
+				/* @__PURE__ */ F(a, { children: /* @__PURE__ */ F("div", {
+					className: "overflow-hidden text-ellipsis whitespace-nowrap",
+					title: e.id,
+					children: e.id
+				}) }),
+				/* @__PURE__ */ F(m, { children: i._({ id: "OYHzN1" }) }),
+				/* @__PURE__ */ F(a, { children: /* @__PURE__ */ F("div", {
+					className: "overflow-hidden text-ellipsis whitespace-nowrap",
+					title: e.tags?.join(", ") || void 0,
+					children: e.tags?.join(", ") || i._({ id: "h47p9L" })
+				}) })
+			] }),
+			/* @__PURE__ */ I(r, { children: [
+				/* @__PURE__ */ F(m, { children: i._({ id: "6YtxFj" }) }),
+				/* @__PURE__ */ F(a, { children: /* @__PURE__ */ F("div", {
+					className: "overflow-hidden text-ellipsis whitespace-nowrap",
+					title: e.name || void 0,
+					children: e.name
+				}) }),
+				/* @__PURE__ */ F(m, { children: i._({ id: "Jim5X9" }) }),
+				/* @__PURE__ */ F(a, { children: /* @__PURE__ */ F(s, { value: e.stateful }) })
+			] }),
+			/* @__PURE__ */ I(r, { children: [
+				/* @__PURE__ */ F(m, { children: i._({ id: "aI8Tgp" }) }),
+				/* @__PURE__ */ F(a, { children: /* @__PURE__ */ F("div", {
+					className: "overflow-hidden text-ellipsis whitespace-nowrap",
+					title: e.project_id || void 0,
+					children: e.project_id || i._({ id: "h47p9L" })
+				}) }),
+				/* @__PURE__ */ F(m, { children: i._({ id: "0Gd0NU" }) }),
+				/* @__PURE__ */ F(a, { children: /* @__PURE__ */ F(s, { value: e.shared }) })
+			] })
+		]
+	})] });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupTabs.tsx
+function J({ activeTab: e, onTabChange: t, showRBACTab: n = !0 }) {
+	let r = (t) => `px-6 py-3 font-semibold border-b-2 transition-colors ${e === t ? "border-theme-accent text-theme-highest" : "border-transparent text-theme-secondary hover:text-theme-high"}`;
+	return /* @__PURE__ */ F("div", {
+		className: "border-theme-background-lvl-3 mt-1 border-b",
+		children: /* @__PURE__ */ I(b, {
+			direction: "horizontal",
+			gap: "0",
+			children: [/* @__PURE__ */ F("button", {
+				className: r("rules"),
+				onClick: () => t("rules"),
+				children: /* @__PURE__ */ F(V, { id: "4EZrJN" })
+			}), n && /* @__PURE__ */ F("button", {
+				className: r("rbac"),
+				onClick: () => t("rbac"),
+				children: /* @__PURE__ */ F(V, { id: "/eFtWI" })
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRuleDialog.tsx
+function Y({ rule: t, open: n, onClose: r, onConfirm: i, isLoading: a, error: o }) {
+	let { i18n: s, _: c } = H(), [l, p] = z(""), m = () => {
+		t && l === "delete" && i(t.id);
+	}, h = () => {
+		p(""), r();
+	}, g = l !== "delete" || a;
+	return t ? /* @__PURE__ */ F(S, {
+		open: n,
+		onCancel: h,
+		size: "small",
+		title: s._({ id: "TM93nK" }),
+		modalFooter: /* @__PURE__ */ F(u, {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(f, {
+				variant: "default",
+				onClick: h,
+				disabled: a,
+				children: /* @__PURE__ */ F(V, { id: "dEgA5A" })
+			}), /* @__PURE__ */ F(f, {
+				variant: "primary-danger",
+				onClick: m,
+				disabled: g,
+				"data-testid": "confirm-delete-rule-button",
+				children: a ? /* @__PURE__ */ F(V, { id: "EF2EU9" }) : /* @__PURE__ */ F(V, { id: "lN3xvy" })
+			})] })
+		}),
+		children: /* @__PURE__ */ I("div", { children: [
+			o && /* @__PURE__ */ F(d, {
+				dismissible: !1,
+				variant: "error",
+				className: "mt-4",
+				children: o
+			}),
+			/* @__PURE__ */ F(V, { id: "CMVP7y" }),
+			/* @__PURE__ */ I("div", {
+				className: "bg-theme-background-lvl-1 mt-4 mb-4 rounded p-4",
+				children: [/* @__PURE__ */ F("p", {
+					className: "mb-2 font-semibold",
+					children: /* @__PURE__ */ F(V, { id: "uly9ET" })
+				}), /* @__PURE__ */ I("ul", {
+					className: "list-inside list-disc space-y-1 text-sm",
+					children: [
+						/* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "MRB7nI" }),
+							": ",
+							t.direction
+						] }),
+						t.description && /* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "Nu4oKW" }),
+							": ",
+							t.description
+						] }),
+						/* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "yp0UjB" }),
+							": ",
+							t.ethertype
+						] }),
+						t.protocol && /* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "6+OdGi" }),
+							": ",
+							t.protocol
+						] }),
+						t.port_range_min !== null && t.port_range_max !== null && /* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "tV/Ozb" }),
+							":",
+							" ",
+							t.port_range_min === t.port_range_max ? t.port_range_min : `${t.port_range_min}-${t.port_range_max}`
+						] }),
+						t.remote_ip_prefix && /* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "WoSkGY" }),
+							": ",
+							t.remote_ip_prefix
+						] }),
+						t.remote_group_id && /* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "i9TIyi" }),
+							": ",
+							t.remote_group_id
+						] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "mt-4",
+				children: [/* @__PURE__ */ F("p", {
+					className: "mb-2 text-sm",
+					children: /* @__PURE__ */ F(V, {
+						id: "PHt+EV",
+						components: { 0: /* @__PURE__ */ F("strong", {}) }
+					})
+				}), /* @__PURE__ */ F(e, {
+					value: l,
+					onChange: (e) => p(e.target.value),
+					placeholder: s._({ id: "HNlEFZ" }),
+					autoComplete: "off",
+					disabled: a,
+					"data-testid": "delete-rule-confirmation-input"
+				})]
+			})
+		] })
+	}) : null;
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/validation/validationHelpers.ts
+function ee(e) {
+	return e.includes(".") ? "IPv4" : e.includes(":") ? "IPv6" : null;
+}
+function X(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 te(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 ne(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 Z = "0.0.0.0/0", re = "::/0", ie = "other-protocol", ae = U.object({
+	ruleType: U.string().min(1, "Rule type is required"),
+	direction: U.enum(["ingress", "egress"]),
+	ethertype: U.enum(["IPv4", "IPv6"]),
+	description: U.string(),
+	protocol: U.string().nullable(),
+	portFrom: U.string(),
+	portTo: U.string(),
+	icmpType: U.string(),
+	icmpCode: U.string(),
+	remoteSourceType: U.enum(["cidr", "security_group"]),
+	remoteCidr: U.string(),
+	remoteSecurityGroupId: U.string()
+}).superRefine((e, t) => {
+	let n = e.protocol === "tcp" || e.protocol === "udp", r = e.protocol === "icmp" || e.protocol === "ipv6-icmp", i = e.ruleType === ie, a = n && ["custom-tcp", "custom-udp"].includes(e.ruleType);
+	if (i && !e.protocol && t.addIssue({
+		code: U.ZodIssueCode.custom,
+		message: "Protocol is required",
+		path: ["protocol"]
+	}), a) if (!e.portFrom) t.addIssue({
+		code: U.ZodIssueCode.custom,
+		message: "Port (from) is required",
+		path: ["portFrom"]
+	});
+	else {
+		let n = parseInt(e.portFrom, 10);
+		if (isNaN(n)) t.addIssue({
+			code: U.ZodIssueCode.custom,
+			message: "Port must be a valid number",
+			path: ["portFrom"]
+		});
+		else if (e.portTo) {
+			let r = parseInt(e.portTo, 10);
+			if (isNaN(r)) t.addIssue({
+				code: U.ZodIssueCode.custom,
+				message: "Port must be a valid number",
+				path: ["portTo"]
+			});
+			else if (n >= r) t.addIssue({
+				code: U.ZodIssueCode.custom,
+				message: "\"Port (from)\" must be less than \"Port (to)\"",
+				path: ["portFrom"]
+			});
+			else {
+				let i = X(n, r, e.protocol);
+				i.valid || t.addIssue({
+					code: U.ZodIssueCode.custom,
+					message: i.error || "Invalid port range",
+					path: ["portFrom"]
+				});
+			}
+		} else {
+			let r = X(n, n, e.protocol);
+			r.valid || t.addIssue({
+				code: U.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: U.ZodIssueCode.custom,
+			message: "ICMP type must be a valid number",
+			path: ["icmpType"]
+		}), e.icmpCode && isNaN(r) && t.addIssue({
+			code: U.ZodIssueCode.custom,
+			message: "ICMP code must be a valid number",
+			path: ["icmpCode"]
+		}), e.icmpCode && !e.icmpType && t.addIssue({
+			code: U.ZodIssueCode.custom,
+			message: "ICMP type is required when ICMP code is specified",
+			path: ["icmpType"]
+		}), n !== null || r !== null) {
+			let e = te(n, r);
+			e.valid || (e.error?.includes("type") && t.addIssue({
+				code: U.ZodIssueCode.custom,
+				message: "ICMP type must be between 0 and 255",
+				path: ["icmpType"]
+			}), e.error?.includes("code") && t.addIssue({
+				code: U.ZodIssueCode.custom,
+				message: "ICMP code must be between 0 and 255",
+				path: ["icmpCode"]
+			}));
+		}
+	}
+	if (e.remoteSourceType === "cidr" && e.remoteCidr) if (!ne(e.remoteCidr)) t.addIssue({
+		code: U.ZodIssueCode.custom,
+		message: "Invalid CIDR format. Examples: 0.0.0.0/0 (IPv4) or ::/0 (IPv6)",
+		path: ["remoteCidr"]
+	});
+	else {
+		let n = ee(e.remoteCidr);
+		n && n !== e.ethertype && t.addIssue({
+			code: U.ZodIssueCode.custom,
+			message: `CIDR family (${n}) must match Ethertype (${e.ethertype})`,
+			path: ["remoteCidr"]
+		});
+	}
+}), oe = {
+	ruleType: "",
+	direction: "ingress",
+	ethertype: "IPv4",
+	description: "",
+	protocol: null,
+	portFrom: "",
+	portTo: "",
+	icmpType: "",
+	icmpCode: "",
+	remoteSourceType: "cidr",
+	remoteCidr: Z,
+	remoteSecurityGroupId: ""
+}, Q = [
+	{
+		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 se({ form: e, disabled: t = !1 }) {
+	let { i18n: r, _: i } = H();
+	return /* @__PURE__ */ F(e.Field, {
+		name: "ruleType",
+		mode: "value",
+		children: (i) => /* @__PURE__ */ F(h, {
+			className: "mb-6",
+			children: /* @__PURE__ */ F(o, {
+				id: "ruleType",
+				label: r._({ id: "YuGQWb" }),
+				value: i.state.value,
+				onChange: (t) => {
+					let n = String(t || "");
+					if (i.handleChange(n), !n) {
+						e.setFieldValue("protocol", null), e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", ""), e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "");
+						return;
+					}
+					let r = Q.find((e) => e.value === n);
+					r && (e.setFieldValue("protocol", r.protocol), (r.protocol === "tcp" || r.protocol === "udp") && r.portRangeMin !== null && r.portRangeMax !== null ? (e.setFieldValue("portFrom", String(r.portRangeMin)), e.setFieldValue("portTo", String(r.portRangeMax))) : (e.setFieldValue("portFrom", ""), e.setFieldValue("portTo", "")), r.protocol !== "icmp" && r.protocol !== "ipv6-icmp" && (e.setFieldValue("icmpType", ""), e.setFieldValue("icmpCode", "")));
+				},
+				disabled: t,
+				children: Q.map((e) => e.value === "" ? /* @__PURE__ */ F(n, {
+					value: e.value,
+					label: r._({ id: "eh/k36" })
+				}, e.value) : /* @__PURE__ */ F(n, {
+					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 ce({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = H();
+	return /* @__PURE__ */ F(e.Field, {
+		name: "direction",
+		children: (e) => /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F(l, {
+			name: "direction",
+			label: n._({ id: "MRB7nI" }),
+			selected: e.state.value,
+			onChange: (t) => e.handleChange(String(t)),
+			required: !0,
+			disabled: t,
+			children: /* @__PURE__ */ I("div", {
+				className: "flex gap-4",
+				children: [/* @__PURE__ */ F(y, {
+					value: "ingress",
+					label: n._({ id: "fzfAAa" })
+				}), /* @__PURE__ */ F(y, {
+					value: "egress",
+					label: n._({ id: "nETBrc" })
+				})]
+			})
+		}) })
+	});
+}
+function le({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = H();
+	return /* @__PURE__ */ F(e.Field, {
+		name: "ethertype",
+		children: (e) => /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F(l, {
+			name: "ethertype",
+			label: n._({ id: "16085O" }),
+			selected: e.state.value,
+			onChange: (t) => e.handleChange(String(t)),
+			required: !0,
+			disabled: t,
+			children: /* @__PURE__ */ I("div", {
+				className: "flex gap-4",
+				children: [/* @__PURE__ */ F(y, {
+					value: "IPv4",
+					label: "IPv4"
+				}), /* @__PURE__ */ F(y, {
+					value: "IPv6",
+					label: "IPv6"
+				})]
+			})
+		}) })
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/ProtocolSection.tsx
+function ue({ form: t, disabled: n = !1 }) {
+	let { i18n: r, _: i } = H();
+	return /* @__PURE__ */ F(t.Field, {
+		name: "protocol",
+		children: (t) => /* @__PURE__ */ F(h, {
+			className: "mb-6",
+			children: /* @__PURE__ */ F(e, {
+				id: "protocol",
+				name: "protocol",
+				label: r._({ id: "6+OdGi" }),
+				value: t.state.value || "",
+				onChange: (e) => t.handleChange(e.target.value || null),
+				errortext: t.state.meta.errors[0]?.message,
+				placeholder: r._({ id: "8wdCNd" }),
+				disabled: n
+			})
+		})
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/PortRangeSection.tsx
+function de({ form: t, disabled: n = !1 }) {
+	let { i18n: r, _: i } = H(), a = G(t.store, (e) => e.values.portFrom), o = G(t.store, (e) => e.fieldMeta.portFrom?.errors[0]?.message), s = G(t.store, (e) => e.fieldMeta.portTo?.errors[0]?.message), c = n || !a || a.trim() === "";
+	return /* @__PURE__ */ I(h, {
+		className: "mb-6",
+		children: [
+			/* @__PURE__ */ I("div", {
+				className: "flex items-center gap-4",
+				children: [
+					/* @__PURE__ */ F(t.Field, {
+						name: "portFrom",
+						children: (i) => /* @__PURE__ */ F("div", {
+							className: "flex-1",
+							children: /* @__PURE__ */ F(e, {
+								id: "portFrom",
+								name: "portFrom",
+								label: r._({ id: "LMdsuJ" }),
+								value: i.state.value || "",
+								onChange: (e) => {
+									let n = e.target.value;
+									i.handleChange(n), (!n || n.trim() === "") && t.setFieldValue("portTo", ""), t.validateField("portTo", "change");
+								},
+								invalid: i.state.meta.errors.length > 0,
+								disabled: n,
+								required: !0
+							})
+						})
+					}),
+					/* @__PURE__ */ F("div", {
+						className: "text-theme-secondary flex items-center justify-center",
+						children: "—"
+					}),
+					/* @__PURE__ */ F(t.Field, {
+						name: "portTo",
+						children: (n) => /* @__PURE__ */ F("div", {
+							className: "flex-1",
+							children: /* @__PURE__ */ F(e, {
+								id: "portTo",
+								name: "portTo",
+								label: r._({ id: "a12lSo" }),
+								value: n.state.value || "",
+								onChange: (e) => {
+									n.handleChange(e.target.value), t.validateField("portFrom", "change");
+								},
+								invalid: n.state.meta.errors.length > 0,
+								placeholder: "",
+								disabled: c
+							})
+						})
+					})
+				]
+			}),
+			(o || s) && /* @__PURE__ */ I("div", {
+				className: "text-theme-error mt-2 text-sm",
+				children: [o && /* @__PURE__ */ F("div", { children: o }), s && /* @__PURE__ */ F("div", { children: s })]
+			}),
+			/* @__PURE__ */ F("p", {
+				className: "mt-2 text-sm",
+				children: r._({ id: "QAUa4B" })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/IcmpSection.tsx
+function fe({ form: t, disabled: n = !1 }) {
+	let { i18n: r, _: i } = H();
+	return /* @__PURE__ */ F(h, {
+		className: "mb-6",
+		children: /* @__PURE__ */ I("div", {
+			className: "flex w-full gap-4",
+			children: [/* @__PURE__ */ F(t.Field, {
+				name: "icmpType",
+				children: (t) => /* @__PURE__ */ F("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ F(e, {
+						id: "icmpType",
+						name: "icmpType",
+						label: r._({ id: "yPWFWy" }),
+						value: t.state.value,
+						onChange: (e) => t.handleChange(e.target.value),
+						errortext: t.state.meta.errors[0]?.message,
+						placeholder: r._({ id: "GPuCEo" }),
+						disabled: n
+					})
+				})
+			}), /* @__PURE__ */ F(t.Field, {
+				name: "icmpCode",
+				children: (t) => /* @__PURE__ */ F("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ F(e, {
+						id: "icmpCode",
+						name: "icmpCode",
+						label: r._({ id: "76RKuS" }),
+						value: t.state.value,
+						onChange: (e) => t.handleChange(e.target.value),
+						errortext: t.state.meta.errors[0]?.message,
+						placeholder: r._({ id: "UkVkoq" }),
+						disabled: n
+					})
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRuleModal/sections/RemoteSourceSection.tsx
+function pe({ form: t, disabled: r = !1, availableSecurityGroups: i }) {
+	let { i18n: a, _: s } = H();
+	return /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ F(t.Field, {
+			name: "remoteSourceType",
+			mode: "value",
+			children: (e) => /* @__PURE__ */ F(h, {
+				className: "mb-1",
+				children: /* @__PURE__ */ F(l, {
+					name: "remoteSourceType",
+					label: a._({ id: "I5kZVK" }),
+					selected: e.state.value,
+					onChange: (n) => {
+						let r = String(n);
+						e.handleChange(r), r !== "security_group" && t.setFieldValue("ethertype", "IPv4");
+					},
+					disabled: r,
+					children: /* @__PURE__ */ I("div", {
+						className: "flex gap-4",
+						children: [/* @__PURE__ */ F(y, {
+							value: "cidr",
+							label: a._({ id: "4uXhtt" })
+						}), /* @__PURE__ */ F(y, {
+							value: "security_group",
+							label: a._({ id: "bwhBhT" })
+						})]
+					})
+				})
+			})
+		}),
+		/* @__PURE__ */ F(t.Field, {
+			name: "remoteSourceType",
+			children: (n) => n.state.value === "cidr" ? /* @__PURE__ */ F(t.Field, {
+				name: "remoteCidr",
+				children: (n) => /* @__PURE__ */ F(t.Field, {
+					name: "ethertype",
+					children: (t) => /* @__PURE__ */ F(h, {
+						className: "mb-6",
+						children: /* @__PURE__ */ F(e, {
+							id: "remoteCidr",
+							name: "remoteCidr",
+							label: a._({ id: "vmYyLY" }),
+							value: n.state.value,
+							onChange: (e) => n.handleChange(e.target.value),
+							errortext: n.state.meta.errors[0]?.message,
+							placeholder: t.state.value === "IPv4" ? Z : re,
+							disabled: r
+						})
+					})
+				})
+			}) : null
+		}),
+		/* @__PURE__ */ F(t.Field, {
+			name: "remoteSourceType",
+			children: (e) => e.state.value === "security_group" ? /* @__PURE__ */ F(t.Field, {
+				name: "remoteSecurityGroupId",
+				children: (e) => /* @__PURE__ */ F(h, {
+					className: "mb-6",
+					children: /* @__PURE__ */ I(o, {
+						id: "remoteSecurityGroupId",
+						label: a._({ id: "i9TIyi" }),
+						value: e.state.value,
+						onChange: (t) => e.handleChange(String(t)),
+						errortext: e.state.meta.errors[0]?.message,
+						disabled: r,
+						children: [/* @__PURE__ */ F(n, {
+							value: "",
+							label: a._({ id: "ZvIpwi" })
+						}), i.map((e) => /* @__PURE__ */ F(n, {
+							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 me({ form: e, disabled: t = !1 }) {
+	let { i18n: n, _: r } = H();
+	return /* @__PURE__ */ F(e.Field, {
+		name: "description",
+		children: (e) => /* @__PURE__ */ F(h, {
+			className: "mb-0",
+			children: /* @__PURE__ */ F(T, {
+				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 he = ({ securityGroupId: e, open: n, onClose: r, onCreate: i, isLoading: a = !1, error: o = null, availableSecurityGroups: c = [] }) => {
+	let { i18n: l, _: m } = H(), h = W({
+		defaultValues: oe,
+		validators: { onSubmit: ae },
+		onSubmit: async ({ value: t }) => {
+			if (a) 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, t.portTo ? n.port_range_max = parseInt(t.portTo, 10) : n.port_range_max = 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 i(n), g();
+		}
+	}), g = () => {
+		h.reset(), r();
+	};
+	return /* @__PURE__ */ I(S, {
+		open: n,
+		onCancel: g,
+		size: "large",
+		title: l._({ id: "b2BLBa" }),
+		modalFooter: /* @__PURE__ */ F(u, {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ F(h.Subscribe, { children: (e) => {
+				let t = !!e.values.ruleType;
+				return /* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(f, {
+					variant: "default",
+					onClick: g,
+					disabled: a || e.isSubmitting,
+					children: /* @__PURE__ */ F(V, { id: "dEgA5A" })
+				}), /* @__PURE__ */ F(f, {
+					variant: "primary",
+					type: "button",
+					onClick: () => h.handleSubmit(),
+					disabled: a || e.isSubmitting || !t,
+					"data-testid": "add-rule-button",
+					children: e.isSubmitting || a ? /* @__PURE__ */ F(s, { size: "small" }) : /* @__PURE__ */ F(V, { id: "bmQLn5" })
+				})] });
+			} })
+		}),
+		children: [
+			o && /* @__PURE__ */ F(d, {
+				dismissible: !1,
+				variant: "error",
+				className: "mb-4",
+				children: o
+			}),
+			a && /* @__PURE__ */ I("div", {
+				className: "mb-4 flex items-center justify-center gap-2",
+				children: [/* @__PURE__ */ F(s, { variant: "primary" }), /* @__PURE__ */ F("span", {
+					className: "text-theme-secondary text-sm",
+					children: /* @__PURE__ */ F(V, { id: "gU7JFm" })
+				})]
+			}),
+			/* @__PURE__ */ F(t, {
+				className: "mb-6",
+				onSubmit: (e) => {
+					e.preventDefault(), h.handleSubmit();
+				},
+				children: /* @__PURE__ */ I(p, {
+					className: "mb-6",
+					children: [/* @__PURE__ */ F(se, {
+						form: h,
+						disabled: a
+					}), /* @__PURE__ */ F(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__ */ I(P, { children: [
+							/* @__PURE__ */ F(ce, {
+								form: h,
+								disabled: a
+							}),
+							e.values.ruleType === "other-protocol" && /* @__PURE__ */ F(ue, {
+								form: h,
+								disabled: a
+							}),
+							t && /* @__PURE__ */ F(de, {
+								form: h,
+								disabled: a
+							}),
+							n && /* @__PURE__ */ F(fe, {
+								form: h,
+								disabled: a
+							}),
+							/* @__PURE__ */ F(pe, {
+								form: h,
+								disabled: a,
+								availableSecurityGroups: c
+							}),
+							e.values.remoteSourceType === "security_group" && /* @__PURE__ */ F(le, {
+								form: h,
+								disabled: a
+							}),
+							/* @__PURE__ */ F(me, {
+								form: h,
+								disabled: a
+							})
+						] });
+					} })]
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupRulesTable.tsx
+function ge({ rules: e, totalRulesCount: t, onDeleteRule: n, isDeletingRule: o, deleteError: s, searchTerm: c = "", onSearchChange: l, sortSettings: u, onSortChange: d, filterSettings: p, onFilterChange: h, securityGroupId: v, onCreateRule: y, isCreatingRule: S = !1, createRuleError: C = null, availableSecurityGroups: w = [], readOnly: T = !1 }) {
+	let { i18n: E, _: D } = H(), [O, j] = z(null), [M, N] = k(), R = (e) => {
+		j(e);
+	}, B = (e) => {
+		n(e);
+	}, U = () => {
+		o || j(null);
+	};
+	L(() => {
+		!o && !s && j(null);
+	}, [o, s]);
+	let W = (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 E._({
+					id: "0p+s6m",
+					values: {
+						typeValue: t,
+						codeValue: n
+					}
+				});
+			}
+			return E._({ id: "eKC+EC" });
+		}
+		return e.port_range_min === null || e.port_range_max === null ? E._({ id: "eKC+EC" }) : e.port_range_min === e.port_range_max ? String(e.port_range_min) : `${e.port_range_min}-${e.port_range_max}`;
+	};
+	return /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ I(b, {
+			direction: "vertical",
+			gap: "4",
+			children: [/* @__PURE__ */ F(A, {
+				totalCount: t ?? e.length,
+				filteredCount: e.length,
+				itemName: E._({ id: "j9hkgJ" }),
+				filterSettings: p,
+				onFilter: h,
+				sortSettings: u,
+				onSort: d,
+				searchTerm: c,
+				onSearch: l,
+				actions: !T && y && /* @__PURE__ */ F(f, {
+					variant: "primary",
+					icon: "addCircle",
+					onClick: N,
+					children: /* @__PURE__ */ F(V, { id: "O8tK4v" })
+				})
+			}), e.length === 0 ? /* @__PURE__ */ F(V, { id: "nnxwBn" }) : /* @__PURE__ */ I(g, {
+				columns: T ? 5 : 6,
+				className: "security-group-rules-table",
+				children: [/* @__PURE__ */ I(r, { children: [
+					/* @__PURE__ */ F(m, { children: E._({ id: "MRB7nI" }) }),
+					/* @__PURE__ */ F(m, { children: E._({ id: "Nu4oKW" }) }),
+					/* @__PURE__ */ F(m, { children: E._({ id: "yp0UjB" }) }),
+					/* @__PURE__ */ F(m, { children: E._({ id: "6+OdGi" }) }),
+					/* @__PURE__ */ F(m, { children: E._({ id: "6jAi8c" }) }),
+					!T && /* @__PURE__ */ F(m, { children: E._({ id: "7L01XJ" }) })
+				] }), e.map((e) => /* @__PURE__ */ I(r, {
+					"data-testid": `rule-row-${e.id}`,
+					children: [
+						/* @__PURE__ */ F(a, { children: e.direction || E._({ id: "h47p9L" }) }),
+						/* @__PURE__ */ F(a, { children: e.description || E._({ id: "h47p9L" }) }),
+						/* @__PURE__ */ F(a, { children: e.ethertype }),
+						/* @__PURE__ */ F(a, { children: e.protocol || E._({ id: "eKC+EC" }) }),
+						/* @__PURE__ */ F(a, { children: W(e) }),
+						!T && /* @__PURE__ */ F(a, {
+							onClick: (e) => e.stopPropagation(),
+							className: "items-end justify-end pr-0",
+							children: /* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(x, { children: /* @__PURE__ */ F(i, {
+								label: E._({ id: "cnGeoo" }),
+								onClick: () => R(e)
+							}) }) })
+						})
+					]
+				}, e.id))]
+			})]
+		}),
+		!T && /* @__PURE__ */ F(Y, {
+			rule: O,
+			open: !!O,
+			onClose: U,
+			onConfirm: B,
+			isLoading: o,
+			error: s
+		}),
+		!T && v && y && M && /* @__PURE__ */ F(he, {
+			securityGroupId: v,
+			open: M,
+			onClose: N,
+			onCreate: y,
+			isLoading: S,
+			error: C,
+			availableSecurityGroups: w
+		})
+	] });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/RBACPolicyRow.tsx
+function _e({ policy: e, onDelete: t }) {
+	let { i18n: n, _: o } = H();
+	return /* @__PURE__ */ I(r, { children: [
+		/* @__PURE__ */ F(a, { children: e.target_tenant }),
+		/* @__PURE__ */ F(a, { children: e.action }),
+		/* @__PURE__ */ F(a, {
+			onClick: (e) => e.stopPropagation(),
+			className: "items-end justify-end pr-0",
+			children: /* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(x, { children: /* @__PURE__ */ F(i, {
+				label: n._({ id: "t/YqKh" }),
+				onClick: t
+			}) }) })
+		})
+	] });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/AddRBACPolicyModal.tsx
+var ve = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, ye = /^[0-9a-f]{32}$/i;
+function $(e) {
+	return ve.test(e) || ye.test(e);
+}
+function be({ isOpen: n, onClose: r, securityGroupId: i }) {
+	let { i18n: a, _: o } = H(), s = D.useUtils(), c = j(), [l, u] = z(!1), f = U.object({ targetTenant: U.string().min(1, a._({ id: "1RwosK" })).refine($, { message: a._({ id: "CunRry" }) }) }), m = D.network.rbacPolicy.create.useMutation({ onSuccess: () => {
+		s.network.rbacPolicy.list.invalidate({
+			project_id: c,
+			securityGroupId: i
+		}), s.network.securityGroup.getById.invalidate({
+			project_id: c,
+			securityGroupId: i
+		}), g();
+	} }), h = W({
+		defaultValues: { targetTenant: "" },
+		validators: { onSubmit: f },
+		onSubmit: async ({ value: e }) => {
+			m.isPending || m.mutate({
+				project_id: c,
+				securityGroupId: i,
+				targetTenant: e.targetTenant.trim()
+			});
+		}
+	}), g = () => {
+		h.reset(), m.reset(), u(!1), r();
+	}, _ = async () => {
+		u(!0), await h.handleSubmit();
+	};
+	return /* @__PURE__ */ I(S, {
+		open: n,
+		onCancel: g,
+		title: a._({ id: "vmRPFm" }),
+		size: "large",
+		onConfirm: _,
+		cancelButtonLabel: a._({ id: "dEgA5A" }),
+		confirmButtonLabel: a._({ id: "Z8lGw6" }),
+		disableConfirmButton: m.isPending,
+		children: [
+			m.error && /* @__PURE__ */ F(d, {
+				variant: "error",
+				className: "mb-4",
+				children: (() => {
+					let e = m.error.message.toLowerCase();
+					return e.includes("conflict") || e.includes("409") ? a._({ id: "rbuO5A" }) : e.includes("not found") || e.includes("404") ? a._({ id: "FwSyEp" }) : e.includes("forbidden") || e.includes("403") ? a._({ id: "kqJVBO" }) : m.error.message;
+				})()
+			}),
+			/* @__PURE__ */ F("p", {
+				className: "mb-4",
+				children: /* @__PURE__ */ F(V, { id: "cjEOmc" })
+			}),
+			/* @__PURE__ */ F(t, {
+				className: "mb-0",
+				onSubmit: (e) => {
+					e.preventDefault(), _();
+				},
+				children: /* @__PURE__ */ F(p, { children: /* @__PURE__ */ F(h.Field, {
+					name: "targetTenant",
+					validators: {
+						onBlur: ({ value: e }) => {
+							let t = e.trim();
+							if (!t) return a._({ id: "1RwosK" });
+							if (!$(t)) return a._({ id: "CunRry" });
+						},
+						onChange: ({ value: e }) => {
+							if (!l) return;
+							let t = e.trim();
+							if (!t) return a._({ id: "1RwosK" });
+							if (!$(t)) return a._({ id: "CunRry" });
+						}
+					},
+					children: (t) => {
+						let n = (t.state.meta.isTouched || l) && t.state.meta.errors.length > 0, r = t.state.meta.errors[0], i = n ? typeof r == "string" ? r : r?.message : void 0;
+						return /* @__PURE__ */ F(e, {
+							id: t.name,
+							name: t.name,
+							label: a._({ id: "WzVwU0" }),
+							value: t.state.value,
+							onChange: (e) => t.handleChange(e.target.value),
+							onBlur: t.handleBlur,
+							placeholder: a._({ id: "he4q+i" }),
+							required: !0,
+							helptext: a._({ id: "PkfPsB" }),
+							disabled: m.isPending,
+							errortext: i,
+							invalid: n
+						});
+					}
+				}) })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-modals/DeleteRBACPolicyDialog.tsx
+function xe({ policy: n, open: r, onClose: i, onConfirm: a, isLoading: o, error: s }) {
+	let { i18n: c, _: l } = H(), u = W({
+		defaultValues: { confirmText: "" },
+		validators: { onSubmit: U.object({ confirmText: U.string().refine((e) => e === "remove", { message: c._({ id: "SVLToM" }) }) }) },
+		onSubmit: async () => {
+			o || (a(n.id), m());
+		}
+	}), f = G(u.store, (e) => e.isSubmitting || e.values.confirmText !== "remove"), m = () => {
+		u.reset(), i();
+	};
+	return /* @__PURE__ */ F(S, {
+		open: r,
+		onCancel: m,
+		size: "small",
+		title: c._({ id: "Dt5W9T" }),
+		onConfirm: u.handleSubmit,
+		cancelButtonLabel: c._({ id: "dEgA5A" }),
+		confirmButtonLabel: o ? c._({ id: "M5RhXF" }) : c._({ id: "qh5W8q" }),
+		disableConfirmButton: o || f,
+		children: /* @__PURE__ */ I("div", { children: [
+			s && /* @__PURE__ */ F(d, {
+				dismissible: !1,
+				variant: "error",
+				className: "mt-4",
+				children: s
+			}),
+			/* @__PURE__ */ F(V, { id: "BMTd81" }),
+			/* @__PURE__ */ I("div", {
+				className: "bg-theme-background-lvl-1 mt-4 mb-4 rounded p-4",
+				children: [/* @__PURE__ */ F("p", {
+					className: "mb-2 font-semibold",
+					children: /* @__PURE__ */ F(V, { id: "nLvo6K" })
+				}), /* @__PURE__ */ I("ul", {
+					className: "list-inside list-disc space-y-1 text-sm",
+					children: [
+						/* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "WzVwU0" }),
+							": ",
+							n.target_tenant
+						] }),
+						/* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "bwRvnp" }),
+							": ",
+							n.action
+						] }),
+						/* @__PURE__ */ I("li", { children: [
+							/* @__PURE__ */ F(V, { id: "UGhVPl" }),
+							": ",
+							n.object_type
+						] })
+					]
+				})]
+			}),
+			!o && /* @__PURE__ */ F(t, {
+				className: "mt-4 mb-0",
+				onSubmit: (e) => {
+					e.preventDefault(), u.handleSubmit();
+				},
+				children: /* @__PURE__ */ I(p, { children: [/* @__PURE__ */ F("p", {
+					className: "mb-2 text-sm",
+					children: /* @__PURE__ */ F(V, {
+						id: "Enpdmy",
+						components: { 0: /* @__PURE__ */ F("strong", {}) }
+					})
+				}), /* @__PURE__ */ F(u.Field, {
+					name: "confirmText",
+					children: (t) => /* @__PURE__ */ F(e, {
+						id: t.name,
+						name: t.name,
+						value: t.state.value,
+						onChange: (e) => t.handleChange(e.target.value),
+						placeholder: c._({ id: "tasfos" }),
+						autoComplete: "off",
+						disabled: o,
+						"data-testid": "remove-policy-confirmation-input"
+					})
+				})] })
+			})
+		] })
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/-details/SecurityGroupRBACPolicies.tsx
+function Se({ securityGroupId: e }) {
+	let t = D.useUtils(), { i18n: n, _: i } = H(), a = j(), [o, c] = k(), [l, u] = z(null), [p, h] = z(""), { data: _, isPending: v, isError: y, error: x } = D.network.rbacPolicy.list.useQuery({
+		project_id: a,
+		securityGroupId: e
+	}, { refetchOnWindowFocus: !1 }), S = D.network.rbacPolicy.delete.useMutation({ onSuccess: () => {
+		t.network.rbacPolicy.list.invalidate({
+			project_id: a,
+			securityGroupId: e
+		}), t.network.securityGroup.getById.invalidate({
+			project_id: a,
+			securityGroupId: e
+		});
+	} }), C = (e) => {
+		u(e);
+	}, w = (e) => {
+		S.mutate({
+			project_id: a,
+			policyId: e
+		});
+	}, T = () => {
+		S.isPending || u(null);
+	};
+	L(() => {
+		!S.isPending && !S.error && S.isSuccess && u(null);
+	}, [
+		S.isPending,
+		S.error,
+		S.isSuccess
+	]);
+	let E = R(() => {
+		if (!_) return [];
+		if (!p) return _;
+		let e = p.toLowerCase();
+		return _.filter((t) => t.target_tenant?.toLowerCase().includes(e) || t.action?.toLowerCase().includes(e));
+	}, [_, p]), O = (e) => {
+		h(typeof e == "string" ? e : "");
+	};
+	if (v) return /* @__PURE__ */ F(b, {
+		distribution: "center",
+		alignment: "center",
+		className: "py-8",
+		children: /* @__PURE__ */ F(s, { variant: "primary" })
+	});
+	if (y) return /* @__PURE__ */ F(d, {
+		variant: "error",
+		className: "mb-4",
+		children: x.message
+	});
+	let M = _?.length || 0, N = E.length;
+	return /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ I(b, {
+			direction: "vertical",
+			gap: "4",
+			children: [/* @__PURE__ */ F(A, {
+				totalCount: M,
+				filteredCount: N,
+				itemName: n._({ id: "M9H+/G" }),
+				searchTerm: p,
+				onSearch: O,
+				actions: /* @__PURE__ */ F(f, {
+					variant: "primary",
+					icon: "addCircle",
+					onClick: c,
+					children: /* @__PURE__ */ F(V, { id: "vmRPFm" })
+				})
+			}), N === 0 ? p ? /* @__PURE__ */ F(V, { id: "qxxo7y" }) : /* @__PURE__ */ F(V, { id: "Dia2Ue" }) : /* @__PURE__ */ I(g, {
+				columns: 3,
+				children: [/* @__PURE__ */ I(r, { children: [
+					/* @__PURE__ */ F(m, { children: /* @__PURE__ */ F(V, { id: "WzVwU0" }) }),
+					/* @__PURE__ */ F(m, { children: /* @__PURE__ */ F(V, { id: "bwRvnp" }) }),
+					/* @__PURE__ */ F(m, { children: /* @__PURE__ */ F(V, { id: "7L01XJ" }) })
+				] }), E.map((e) => /* @__PURE__ */ F(_e, {
+					policy: e,
+					onDelete: () => C(e)
+				}, e.id))]
+			})]
+		}),
+		!!l && /* @__PURE__ */ F(xe, {
+			policy: l,
+			open: !!l,
+			onClose: T,
+			onConfirm: w,
+			isLoading: S.isPending,
+			error: S.error?.message || null
+		}),
+		o && /* @__PURE__ */ F(be, {
+			isOpen: o,
+			onClose: c,
+			securityGroupId: e
+		})
+	] });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-components/SecurityGroupDetailsView.tsx
+function Ce({ securityGroup: e, filteredAndSortedRules: t, onEdit: n, onDeleteRule: r, isDeletingRule: i = !1, deleteRuleError: a = null, filterControls: o, onCreateRule: s, isCreatingRule: c = !1, createRuleError: l = null, availableSecurityGroups: u = [], currentProjectId: d }) {
+	let [f, p] = z("rules"), m = e.project_id === d, h = !m, g = m;
+	return /* @__PURE__ */ F(E, {
+		px: !1,
+		py: !0,
+		children: /* @__PURE__ */ I(b, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				/* @__PURE__ */ F(K, {
+					name: e.name,
+					id: e.id
+				}),
+				/* @__PURE__ */ F(q, {
+					securityGroup: e,
+					onEdit: n,
+					isReadOnly: h
+				}),
+				!h && /* @__PURE__ */ F(J, {
+					activeTab: f,
+					onTabChange: p,
+					showRBACTab: g
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "mt-6",
+					children: [f === "rules" && /* @__PURE__ */ F(ge, {
+						rules: t,
+						totalRulesCount: e.security_group_rules?.length,
+						onDeleteRule: r,
+						isDeletingRule: i,
+						deleteError: a,
+						searchTerm: o.searchTerm,
+						onSearchChange: o.onSearchChange,
+						sortSettings: o.sortSettings,
+						onSortChange: o.onSortChange,
+						filterSettings: o.filterSettings,
+						onFilterChange: o.onFilterChange,
+						securityGroupId: e.id,
+						onCreateRule: h ? void 0 : s,
+						isCreatingRule: c,
+						createRuleError: l,
+						availableSecurityGroups: u,
+						readOnly: h
+					}), f === "rbac" && /* @__PURE__ */ F(Se, { securityGroupId: e.id })]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/-hooks/useSecurityGroupDetails.ts
+function we({ securityGroupId: e, filterControls: t }) {
+	let [n, r] = z(!1), i = j(), a = D.useUtils(), o = D.network.securityGroup.getById.useQuery({
+		project_id: i,
+		securityGroupId: e
+	}, { placeholderData: () => a.network.securityGroup.getById.getData({
+		project_id: i,
+		securityGroupId: e
+	}) }), s = R(() => {
+		let e = o.data?.security_group_rules || [], n = t.filterSettings.selectedFilters?.find((e) => e.name === "direction")?.value, r = t.filterSettings.selectedFilters?.find((e) => e.name === "ethertype")?.value, i = t.filterSettings.selectedFilters?.find((e) => e.name === "protocol")?.value;
+		if (n && n !== "all" && (e = e.filter((e) => e.direction === n)), r && r !== "all" && (e = e.filter((e) => e.ethertype === r)), i && i !== "all" && (e = e.filter((e) => e.protocol === null ? !1 : e.protocol === i)), t.searchTerm) {
+			let n = t.searchTerm.toLowerCase();
+			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 = D.network.securityGroup.update.useMutation({ onSuccess: () => {
+		a.network.securityGroup.getById.invalidate({
+			project_id: i,
+			securityGroupId: e
+		}), a.network.securityGroup.list.invalidate(), r(!1);
+	} }), l = D.network.securityGroupRule.delete.useMutation({ onSuccess: () => {
+		a.network.securityGroup.getById.invalidate({
+			project_id: i,
+			securityGroupId: e
+		}), a.network.securityGroup.list.invalidate();
+	} }), u = D.network.securityGroupRule.create.useMutation({ onSuccess: () => {
+		a.network.securityGroup.getById.invalidate({
+			project_id: i,
+			securityGroupId: e
+		}), a.network.securityGroup.list.invalidate();
+	} });
+	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 Te() {
+	let { securityGroupId: e } = O.useParams(), t = j(), n = B(), { i18n: r, _: i } = H(), { setPageTitle: a } = O.useRouteContext(), { searchTerm: o, sortSettings: l, filterSettings: u, handleSearchChange: d, handleSortChange: p, handleFilterChange: m } = M({
+		defaultSortKey: "direction",
+		defaultSortDir: "asc",
+		sortOptions: [
+			{
+				label: r._({ id: "MRB7nI" }),
+				value: "direction"
+			},
+			{
+				label: r._({ id: "6+OdGi" }),
+				value: "protocol"
+			},
+			{
+				label: r._({ id: "Nu4oKW" }),
+				value: "description"
+			}
+		],
+		filterSettings: { filters: [
+			{
+				displayName: r._({ id: "MRB7nI" }),
+				filterName: "direction",
+				values: ["ingress", "egress"],
+				supportsMultiValue: !1
+			},
+			{
+				displayName: r._({ id: "yp0UjB" }),
+				filterName: "ethertype",
+				values: ["IPv4", "IPv6"],
+				supportsMultiValue: !1
+			},
+			{
+				displayName: r._({ id: "6+OdGi" }),
+				filterName: "protocol",
+				values: [
+					"tcp",
+					"udp",
+					"icmp",
+					"ipv6-icmp"
+				],
+				supportsMultiValue: !1
+			}
+		] }
+	}), h = {
+		searchTerm: o,
+		onSearchChange: d,
+		sortSettings: l,
+		onSortChange: p,
+		filterSettings: u,
+		onFilterChange: m
+	}, { securityGroup: g, filteredAndSortedRules: _, isLoading: y, isError: x, error: S, isUpdating: C, updateError: T, isDeletingRule: E, deleteRuleError: k, isCreatingRule: A, createRuleError: P, editModalOpen: L, handleEdit: z, handleCloseEditModal: U, handleUpdate: W, handleDeleteRule: G, handleCreateRule: K } = we({
+		securityGroupId: e,
+		filterControls: h
+	}), { data: q } = D.network.securityGroup.list.useQuery({ project_id: t }), J = R(() => (q || []).filter((t) => t.id !== e).map((e) => ({
+		id: e.id,
+		name: e.name || e.id
+	})), [q, e]), Y = () => {
+		n({
+			to: "/projects/$projectId/network/securitygroups",
+			params: { projectId: t }
+		});
+	};
+	if (y) return a(r._({ id: "Z3FXyt" })), /* @__PURE__ */ I(b, {
+		className: "fixed inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/* @__PURE__ */ F(s, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /* @__PURE__ */ F(V, { id: "3x7Sws" })]
+	});
+	if (x) {
+		let e = S?.message || "Unknown error";
+		return /* @__PURE__ */ I(b, {
+			className: "fixed inset-0",
+			distribution: "center",
+			alignment: "center",
+			direction: "vertical",
+			gap: "5",
+			children: [
+				/* @__PURE__ */ F("p", {
+					className: "text-theme-error font-semibold",
+					children: /* @__PURE__ */ F(V, { id: "FjPnAE" })
+				}),
+				/* @__PURE__ */ F("p", {
+					className: "text-theme-highest",
+					children: e
+				}),
+				/* @__PURE__ */ F(f, {
+					onClick: Y,
+					variant: "primary",
+					children: /* @__PURE__ */ F(V, { id: "U9q4M7" })
+				})
+			]
+		});
+	}
+	return g ? (a(g.name || g.id), /* @__PURE__ */ I(b, {
+		direction: "vertical",
+		children: [
+			/* @__PURE__ */ F(w, { children: g.name || g.id }),
+			/* @__PURE__ */ I(v, {
+				className: "my-6",
+				children: [/* @__PURE__ */ F(c, {
+					onClick: Y,
+					label: r._({ id: "4opp4r" })
+				}), /* @__PURE__ */ F(c, {
+					active: !0,
+					label: g.id
+				})]
+			}),
+			/* @__PURE__ */ F(Ce, {
+				securityGroup: g,
+				filteredAndSortedRules: _,
+				onEdit: z,
+				onDeleteRule: G,
+				isDeletingRule: E,
+				deleteRuleError: k,
+				filterControls: h,
+				onCreateRule: K,
+				isCreatingRule: A,
+				createRuleError: P,
+				availableSecurityGroups: J,
+				currentProjectId: t
+			}),
+			/* @__PURE__ */ F(N, {
+				securityGroup: g,
+				open: L,
+				onClose: U,
+				onUpdate: W,
+				isLoading: C,
+				error: T
+			})
+		]
+	})) : /* @__PURE__ */ I(b, {
+		className: "fixed inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		gap: "5",
+		children: [/* @__PURE__ */ F("p", {
+			className: "text-theme-secondary",
+			children: /* @__PURE__ */ F(V, { id: "Zw8Q49" })
+		}), /* @__PURE__ */ F(f, {
+			onClick: Y,
+			variant: "primary",
+			children: /* @__PURE__ */ F(V, { id: "U9q4M7" })
+		})]
+	});
+}
+//#endregion
+export { Te as component };
+
+//# sourceMappingURL=_securityGroupId-DQoRQ-yA.mjs.map