@wso2/am-core-ui 0.0.17 → 0.0.19

package/dist/index-BfjzUWDa.js

@@ -0,0 +1,1397 @@
+import { Plus as Le, AlertTriangle as Ve, DoorClosedLocked as Xe, Search as wt, Edit as Ze, Trash as Pe, Check as bt, KeyRound as De, EyeOff as xt, Eye as Ct, Copy as et, RefreshCw as St, Server as tt, Cloud as nt, Computer as kt } from "@wso2/oxygen-ui-icons-react";
+import { jsxs as a, jsx as t, Fragment as de } from "react/jsx-runtime";
+import { c as ve } from "react/compiler-runtime";
+import { useState as L, useMemo as he, Fragment as Nt, useRef as Rt, useEffect as Ie, useCallback as le } from "react";
+import { useNavigate as at, useParams as Ae, Link as He, generatePath as ge, useSearchParams as Me, Route as Ee, Routes as It, Navigate as Tt } from "react-router-dom";
+import { G as it, p as rt, z as Oe, bt as At, g as fe, r as ot, bu as Et, P as Be, bv as zt, bw as Pt, q as Gt, bx as _t, by as Lt, n as lt, D as st, m as ct, bz as Dt, bA as Ut, bB as Wt, bC as $t, bD as Ft, H as Vt, bE as Mt } from "./index-B_Z0MwXk.js";
+import { Stack as k, Box as P, SearchBar as Ot, Button as te, ListingTable as N, Alert as ne, Skeleton as U, Typography as l, Avatar as dt, Chip as Re, Tooltip as Te, IconButton as ke, useTheme as Bt, Form as oe, TextField as me, Select as Ue, MenuItem as We, Collapse as mt, FormControl as ye, FormLabel as pe, FormControlLabel as Ht, Checkbox as qt, Card as ce, CardContent as Ge, Tab as Se, Tabs as ht, Grid as we, Snackbar as jt } from "@wso2/oxygen-ui";
+import "@tanstack/react-query";
+import { f as Kt, g as Jt } from "./format-BEZZRyE2.js";
+import { G as ut, g as Qt, a as Yt, b as $e, c as Fe, d as yt, e as pt } from "./gatewayScripts-D8O45W8u.js";
+import { o as gt, c as Xt, s as Ne, b as ft } from "./schemas-DFScWdSL.js";
+import { u as vt } from "./clipboard-YAzStmkw.js";
+import { f as Zt } from "./formatDistanceToNow-TErllcH8.js";
+const en = {
+  width: 28,
+  height: 28,
+  fontSize: 12,
+  bgcolor: "primary.main",
+  color: "primary.contrastText"
+}, tn = (n, e) => [n.name ?? "", n.displayName ?? "", n.vhost ?? ""].join(" ").toLowerCase().includes(e);
+function nn({
+  onEditGateway: n
+}) {
+  const e = at(), {
+    orgId: r
+  } = Ae(), [m, c] = L(""), {
+    addConfirmation: s
+  } = it(), {
+    data: d,
+    isLoading: R,
+    error: f,
+    refetch: x
+  } = rt({
+    orgName: r
+  }), {
+    data: v,
+    isLoading: o,
+    error: b
+  } = Oe({
+    orgName: r
+  }), y = R || o, i = f || b, {
+    mutateAsync: g
+  } = At(), S = he(() => d?.gateways ?? [], [d]), h = he(() => {
+    const w = m.trim().toLowerCase();
+    return w ? S.filter((u) => tn(u, w)) : S;
+  }, [S, m]), G = he(() => {
+    const w = (v ?? []).map((p) => ({
+      key: p.name,
+      title: p.displayName || p.name,
+      gateways: h.filter((I) => I.environments?.some((T) => T.name === p.name))
+    })).filter((p) => p.gateways.length > 0), u = h.filter((p) => !p.environments?.length);
+    return u.length && w.push({
+      key: "__unassigned__",
+      title: "Unassigned",
+      gateways: u
+    }), w;
+  }, [v, h]), A = /* @__PURE__ */ a(k, { direction: "row", spacing: 1, alignItems: "center", children: [
+    /* @__PURE__ */ t(P, { flexGrow: 1, children: /* @__PURE__ */ t(Ot, { placeholder: "Search Gateways...", size: "small", fullWidth: !0, value: m, onChange: (w) => c(w.target.value), disabled: y }) }),
+    S.length > 0 && /* @__PURE__ */ t(te, { component: He, to: ge(fe.children.org.children.gateways.children.add.path, {
+      orgId: r
+    }), variant: "contained", color: "primary", startIcon: /* @__PURE__ */ t(Le, { size: 16 }), children: "Add Gateway" })
+  ] }), E = (w) => {
+    const u = w.displayName || w.name, p = w.status === "ACTIVE", I = Kt(w.updatedAt);
+    return /* @__PURE__ */ a(N.Row, { variant: "card", hover: !0, clickable: !0, onClick: () => e(ge(fe.children.org.children.gateways.children.view.path, {
+      orgId: r ?? "",
+      gatewayId: w.uuid
+    })), children: [
+      /* @__PURE__ */ t(N.Cell, { children: /* @__PURE__ */ t(N.CellIcon, { icon: /* @__PURE__ */ t(dt, { sx: en, children: Jt(u, {
+        fallback: "G",
+        maxChars: 1
+      }) }), primary: u }) }),
+      /* @__PURE__ */ t(N.Cell, { align: "left", children: /* @__PURE__ */ t(ut, { type: w.gatewayType }) }),
+      /* @__PURE__ */ t(N.Cell, { align: "center", children: /* @__PURE__ */ t(Re, { label: p ? "Active" : "Inactive", size: "small", variant: "outlined", color: p ? "success" : "default" }) }),
+      /* @__PURE__ */ t(N.Cell, { align: "right", children: /* @__PURE__ */ t(l, { variant: "caption", color: "text.secondary", children: I }) }),
+      /* @__PURE__ */ t(N.Cell, { align: "center", children: /* @__PURE__ */ a(N.RowActions, { visibility: "hover", children: [
+        /* @__PURE__ */ t(Te, { title: "Edit", children: /* @__PURE__ */ t(ke, { size: "small", onClick: (T) => {
+          T.stopPropagation(), n?.(w);
+        }, children: /* @__PURE__ */ t(Ze, { size: 16 }) }) }),
+        /* @__PURE__ */ t(Te, { title: "Delete", children: /* @__PURE__ */ t(ke, { color: "error", size: "small", onClick: (T) => {
+          T.stopPropagation(), s({
+            title: "Delete Gateway",
+            description: `Are you sure you want to delete ${u}?`,
+            confirmButtonText: "Delete",
+            confirmButtonColor: "error",
+            confirmButtonIcon: /* @__PURE__ */ t(Pe, { size: 16 }),
+            onConfirm: async () => {
+              await g({
+                orgName: r ?? "",
+                gatewayId: w.uuid
+              }), x();
+            }
+          });
+        }, children: /* @__PURE__ */ t(Pe, { size: 16 }) }) })
+      ] }) })
+    ] }, w.uuid);
+  };
+  return /* @__PURE__ */ a(k, { spacing: 1, children: [
+    A,
+    (() => {
+      if (i) {
+        const w = f ? "gateways" : "environments";
+        return /* @__PURE__ */ t(N.Container, { children: /* @__PURE__ */ a(ne, { severity: "error", icon: /* @__PURE__ */ t(Ve, { size: 18 }), sx: {
+          alignSelf: "stretch"
+        }, children: [
+          "Failed to load ",
+          w,
+          ".",
+          " ",
+          i instanceof Error ? i.message : "Please try again."
+        ] }) });
+      }
+      return y ? /* @__PURE__ */ t(N.Container, { disablePaper: !0, children: /* @__PURE__ */ t(k, { spacing: 1, mt: 1, children: Array.from({
+        length: 5
+      }).map((w, u) => /* @__PURE__ */ a(k, { direction: "row", alignItems: "center", spacing: 2, sx: {
+        px: 2,
+        py: 1.5,
+        borderRadius: 1,
+        border: "1px solid",
+        borderColor: "divider",
+        bgcolor: "background.paper"
+      }, children: [
+        /* @__PURE__ */ a(k, { direction: "row", alignItems: "center", spacing: 1.5, sx: {
+          width: 300,
+          flexShrink: 0
+        }, children: [
+          /* @__PURE__ */ t(U, { variant: "circular", width: 36, height: 36 }),
+          /* @__PURE__ */ t(U, { variant: "text", width: 140, height: 20 })
+        ] }),
+        /* @__PURE__ */ t(U, { variant: "rounded", width: 72, height: 24, sx: {
+          flexShrink: 0
+        } }),
+        /* @__PURE__ */ t(U, { variant: "text", sx: {
+          flex: 1
+        }, height: 18 }),
+        /* @__PURE__ */ t(U, { variant: "rounded", width: 100, height: 24, sx: {
+          flexShrink: 0,
+          ml: "auto"
+        } })
+      ] }, u)) }) }) : S.length === 0 ? /* @__PURE__ */ t(N.Container, { children: /* @__PURE__ */ t(N.EmptyState, { illustration: /* @__PURE__ */ t(Xe, { size: 64 }), title: "No available gateway", description: "Add a gateway to manage and monitor your gateway deployments.", action: /* @__PURE__ */ t(te, { component: He, to: ge(fe.children.org.children.gateways.children.add.path, {
+        orgId: r
+      }), variant: "contained", startIcon: /* @__PURE__ */ t(Le, { size: 16 }), children: "Add Gateway" }) }) }) : h.length === 0 ? /* @__PURE__ */ t(N.Container, { children: /* @__PURE__ */ t(N.EmptyState, { illustration: /* @__PURE__ */ t(wt, { size: 64 }), title: "No Gateways found.", description: "Try a different keyword or clear the search filter." }) }) : /* @__PURE__ */ t(k, { pt: 3, children: /* @__PURE__ */ t(N.Container, { disablePaper: !0, children: /* @__PURE__ */ a(N, { variant: "card", children: [
+        /* @__PURE__ */ t(N.Head, { children: /* @__PURE__ */ a(N.Row, { children: [
+          /* @__PURE__ */ t(N.Cell, { children: "Name" }),
+          /* @__PURE__ */ t(N.Cell, { align: "left", width: "120px", children: "Type" }),
+          /* @__PURE__ */ t(N.Cell, { align: "center", width: "120px", children: "Status" }),
+          /* @__PURE__ */ t(N.Cell, { align: "right", width: "140px", children: "Last Updated" }),
+          /* @__PURE__ */ t(N.Cell, { align: "center", width: "96px" })
+        ] }) }),
+        /* @__PURE__ */ t(N.Body, { children: G.map((w) => /* @__PURE__ */ a(Nt, { children: [
+          /* @__PURE__ */ t(N.Row, { children: /* @__PURE__ */ t(N.Cell, { colSpan: 5, sx: {
+            "&&": {
+              border: 0,
+              p: 0
+            }
+          }, children: /* @__PURE__ */ t(l, { variant: "overline", color: "text.secondary", children: w.title }) }) }),
+          w.gateways.map(E)
+        ] }, w.key)) })
+      ] }) }) });
+    })()
+  ] });
+}
+const an = (n) => {
+  if (!n || typeof n != "string") return !1;
+  const e = n.trim();
+  if (!e) return !1;
+  if (e.startsWith("*."))
+    try {
+      return new URL(`https://${e.slice(2)}`), !0;
+    } catch {
+      return !1;
+    }
+  try {
+    return new URL(e.includes("://") ? e : `https://${e}`), !0;
+  } catch {
+    return !1;
+  }
+}, rn = /^[a-z0-9-]+$/, qe = gt({
+  displayName: Ne().trim().min(3, "Display name is required, minimum 3 characters").max(128, "Display name must be at most 128 characters"),
+  name: Ne().trim().min(1, "Name is required").max(64, "Name must be at most 64 characters").regex(rn, "Name must be lowercase alphanumeric with hyphens only (e.g. ai-gateway-prod)"),
+  vhost: Ne().trim().min(3, "Virtual host is required, minimum 3 characters").max(253, "Virtual host must be at most 253 characters").refine(an, {
+    message: "Enter a valid URL or hostname (e.g., api.example.com)"
+  }),
+  isCritical: ft(),
+  environmentIds: Xt(Ne()).min(1, "Select an environment").max(1, "A gateway can be assigned to only one environment")
+}), je = gt({
+  displayName: Ne().trim().min(3, "Display name is required").max(128, "Display name must be at most 128 characters"),
+  isCritical: ft()
+}), on = "env";
+function ln(n) {
+  return n.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/^-+|-+$/g, "");
+}
+const sn = ({
+  formData: n,
+  setFormData: e,
+  errors: r,
+  setFieldError: m,
+  validateField: c
+}) => {
+  const {
+    orgId: s
+  } = Ae(), [d] = Me(), R = Bt(), {
+    data: f = []
+  } = Oe({
+    orgName: s
+  }), x = d.get(on), v = f.find((i) => i.name === x), o = Rt(!1);
+  Ie(() => {
+    if (f.length > 0 && !o.current) {
+      o.current = !0;
+      const i = v?.id ?? f[0].id;
+      i && e((g) => ({
+        ...g,
+        environmentIds: [i]
+      }));
+    }
+  }, [f, v, e]);
+  const b = le((i, g) => {
+    const S = {
+      ...n,
+      [i]: g
+    };
+    e(S);
+    const h = c(i, g, S);
+    m(i, h);
+  }, [n, e, c, m]);
+  Ie(() => {
+    if (n.displayName) {
+      const i = ln(n.displayName);
+      if (i !== n.name) {
+        e((S) => ({
+          ...S,
+          name: i
+        }));
+        const g = c("name", i, {
+          ...n,
+          name: i
+        });
+        m("name", g);
+      }
+    }
+  }, [n.displayName, m]);
+  const y = n.name && /^[a-z0-9-]+$/.test(n.name) && n.name.length <= 64;
+  return /* @__PURE__ */ t(oe.Stack, { spacing: 3, children: /* @__PURE__ */ a(oe.Section, { children: [
+    /* @__PURE__ */ t(oe.Subheader, { children: "Gateway Details" }),
+    /* @__PURE__ */ a(oe.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ t(oe.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ t(me, { id: "displayName", placeholder: "e.g., Production Gateway", value: n.displayName, onChange: (i) => b("displayName", i.target.value), error: !!r.displayName || !!r.name, helperText: r.displayName || r.name, fullWidth: !0, slotProps: {
+        input: {
+          endAdornment: n.displayName && y ? /* @__PURE__ */ t(bt, { size: 20, color: R.vars?.palette.success.main }) : null
+        }
+      } }) }),
+      /* @__PURE__ */ t(oe.ElementWrapper, { label: "Virtual Host", name: "vhost", children: /* @__PURE__ */ t(me, { id: "vhost", placeholder: "e.g., api.production.example.com", value: n.vhost, onChange: (i) => b("vhost", i.target.value), error: !!r.vhost, helperText: r.vhost || "FQDN or IP for the gateway", fullWidth: !0 }) }),
+      f.length > 1 && !v?.id && /* @__PURE__ */ t(oe.ElementWrapper, { label: "Environment", name: "environmentIds", children: /* @__PURE__ */ t(Ue, { value: n.environmentIds?.[0] ?? "", onChange: (i) => {
+        const g = i.target.value;
+        b("environmentIds", g ? [g] : []);
+      }, fullWidth: !0, displayEmpty: !0, children: f.filter((i) => i.id).map((i) => /* @__PURE__ */ t(We, { value: i.id, children: i.displayName || i.name }, i.id)) }) })
+    ] })
+  ] }) });
+}, cn = (n) => {
+  const e = ve(18), {
+    lastSubmittedValidationErrors: r,
+    isPending: m,
+    onCancel: c,
+    onSubmit: s
+  } = n;
+  let d;
+  e[0] !== r ? (d = Object.values(r), e[0] = r, e[1] = d) : d = e[1];
+  const R = d, f = R.length > 0;
+  let x;
+  e[2] !== R ? (x = /* @__PURE__ */ t(ne, { severity: "error", children: R.map(dn) }), e[2] = R, e[3] = x) : x = e[3];
+  let v;
+  e[4] !== f || e[5] !== x ? (v = /* @__PURE__ */ t(mt, { in: f, timeout: "auto", unmountOnExit: !0, children: x }), e[4] = f, e[5] = x, e[6] = v) : v = e[6];
+  let o;
+  e[7] !== c ? (o = /* @__PURE__ */ t(te, { variant: "outlined", color: "primary", size: "medium", onClick: c, children: "Cancel" }), e[7] = c, e[8] = o) : o = e[8];
+  let b;
+  e[9] !== m || e[10] !== s ? (b = /* @__PURE__ */ t(te, { variant: "contained", color: "primary", size: "medium", onClick: s, disabled: m, children: "Create Gateway" }), e[9] = m, e[10] = s, e[11] = b) : b = e[11];
+  let y;
+  e[12] !== o || e[13] !== b ? (y = /* @__PURE__ */ a(P, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    o,
+    b
+  ] }), e[12] = o, e[13] = b, e[14] = y) : y = e[14];
+  let i;
+  return e[15] !== v || e[16] !== y ? (i = /* @__PURE__ */ a(P, { display: "flex", flexDirection: "column", gap: 3, children: [
+    v,
+    y
+  ] }), e[15] = v, e[16] = y, e[17] = i) : i = e[17], i;
+};
+function dn(n, e) {
+  return /* @__PURE__ */ t(P, { children: n }, e);
+}
+function mn(n) {
+  return n.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/^-+|-+$/g, "");
+}
+const hn = () => {
+  const n = ve(32), {
+    orgId: e
+  } = Ae(), r = at();
+  let m;
+  n[0] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    name: "",
+    displayName: "",
+    vhost: "",
+    isCritical: !1,
+    environmentIds: []
+  }, n[0] = m) : m = n[0];
+  const [c, s] = L(m), {
+    errors: d,
+    validateForm: R,
+    setFieldError: f,
+    validateField: x
+  } = ot(qe), {
+    mutate: v,
+    isPending: o,
+    error: b
+  } = Et();
+  let y;
+  n[1] !== e ? (y = e ? ge(fe.children.org.children.gateways.path, {
+    orgId: e
+  }) : "#", n[1] = e, n[2] = y) : y = n[2];
+  const i = y;
+  let g;
+  n[3] !== i || n[4] !== r ? (g = () => {
+    r(i);
+  }, n[3] = i, n[4] = r, n[5] = g) : g = n[5];
+  const S = g;
+  let h;
+  n[6] === Symbol.for("react.memo_cache_sentinel") ? (h = {}, n[6] = h) : h = n[6];
+  const [G, A] = L(h);
+  let E;
+  n[7] !== v || n[8] !== c || n[9] !== r || n[10] !== e || n[11] !== R ? (E = () => {
+    const $ = {
+      ...c,
+      name: c.name || mn(c.displayName)
+    }, M = qe.safeParse($);
+    if (!M.success) {
+      const W = {};
+      M.error.issues.forEach((F) => {
+        F.path[0] && (W[F.path[0]] = F.message);
+      }), A(W), R($);
+      return;
+    }
+    A({});
+    const ae = {
+      name: $.name.trim(),
+      displayName: c.displayName.trim(),
+      gatewayType: "AI",
+      vhost: c.vhost.trim(),
+      isCritical: c.isCritical,
+      environmentIds: c.environmentIds
+    };
+    v({
+      params: {
+        orgName: e ?? ""
+      },
+      body: ae
+    }, {
+      onSuccess: (W) => {
+        const F = ge(fe.children.org.children.gateways.children.view.path, {
+          orgId: e ?? "",
+          gatewayId: W.uuid
+        });
+        r(F);
+      },
+      onError: un
+    });
+  }, n[7] = v, n[8] = c, n[9] = r, n[10] = e, n[11] = R, n[12] = E) : E = n[12];
+  const _ = E, w = f, u = x;
+  let p;
+  n[13] !== d || n[14] !== c || n[15] !== w || n[16] !== u ? (p = /* @__PURE__ */ t(sn, { formData: c, setFormData: s, errors: d, setFieldError: w, validateField: u }), n[13] = d, n[14] = c, n[15] = w, n[16] = u, n[17] = p) : p = n[17];
+  let I;
+  n[18] !== b ? (I = !!b && /* @__PURE__ */ t(ne, { severity: "error", sx: {
+    mt: 2
+  }, children: b instanceof Error ? b.message : "Failed to create gateway" }), n[18] = b, n[19] = I) : I = n[19];
+  let T;
+  n[20] !== S || n[21] !== _ || n[22] !== o || n[23] !== G ? (T = /* @__PURE__ */ t(cn, { lastSubmittedValidationErrors: G, isPending: o, onCancel: S, onSubmit: _ }), n[20] = S, n[21] = _, n[22] = o, n[23] = G, n[24] = T) : T = n[24];
+  let z;
+  n[25] !== p || n[26] !== I || n[27] !== T ? (z = /* @__PURE__ */ a(oe.Stack, { spacing: 2, children: [
+    p,
+    I,
+    T
+  ] }), n[25] = p, n[26] = I, n[27] = T, n[28] = z) : z = n[28];
+  let D;
+  return n[29] !== i || n[30] !== z ? (D = /* @__PURE__ */ t(Be, { title: "Add Gateway", backHref: i, backLabel: "Back to Gateways", disableIcon: !0, children: z }), n[29] = i, n[30] = z, n[31] = D) : D = n[31], D;
+};
+function un(n) {
+  console.error("Failed to create gateway:", n);
+}
+const yn = "manage-identity-provider.sh", pn = "•••••••••••••••";
+function Ke(n) {
+  const e = n.mode === "delete" ? ["    ACTION=delete \\"] : [`    IDP_ISSUER=${n.issuer || "<issuer>"} \\`, `    IDP_JWKS_URI=${n.jwksUri || "<jwks-uri>"} \\`, ...n.skipTlsVerify ? ["    IDP_SKIP_TLS_VERIFY=true \\"] : []];
+  return [`curl -fsSL ${Qt(yn)} \\`, `  | ORG_NAME=${n.orgId || "<org>"} \\`, `    ENV_NAME=${n.envName || "<env-name>"} \\`, `    GATEWAY_ID=${n.gatewayId || "<gateway-id>"} \\`, `    AGENT_MANAGER_TOKEN=${n.token} \\`, `    CHART_VERSION=${Yt()} \\`, `    IDP_NAME=${n.name || "<identity-provider-name>"} \\`, ...e, "    bash"].join(`
+`);
+}
+function gn({
+  open: n,
+  onClose: e,
+  orgId: r,
+  mode: m,
+  provider: c,
+  lockedGateway: s
+}) {
+  const d = m === "delete", R = !!s, {
+    getToken: f
+  } = zt(), [x, v] = L(""), [o, b] = L(""), [y, i] = L(""), [g, S] = L(""), [h, G] = L(""), [A, E] = L(!1), [_, w] = L(""), [u, p] = L(null), I = Pt({
+    orgName: r
+  }), [T, z] = L(!1), [D, $] = L(null), [M, ae] = L(!1), W = Gt.featureFlags?.enableIdentityProviderManagedMode === !0, F = _t(), K = Lt(), H = F.isPending || K.isPending, J = d ? !!o && !!y : !!o && !!y.trim() && !!g.trim() && !!h.trim(), O = le(async () => {
+    try {
+      d ? await K.mutateAsync({
+        orgName: r,
+        gatewayId: o,
+        name: y
+      }) : await F.mutateAsync({
+        params: {
+          orgName: r,
+          gatewayId: o,
+          name: y.trim()
+        },
+        body: {
+          issuer: g.trim(),
+          jwksUri: h.trim(),
+          skipTlsVerify: A
+        }
+      }), e();
+    } catch {
+    }
+  }, [d, K, F, r, o, y, g, h, A, e]), {
+    data: Q
+  } = Oe({
+    orgName: r
+  }), {
+    data: Y
+  } = rt({
+    orgName: r
+  }, x ? {
+    environment: x
+  } : void 0), V = he(() => Y?.gateways ?? [], [Y]), X = he(() => s ? s.environments : Q ?? [], [s, Q]);
+  Ie(() => {
+    n && (z(!1), $(null), ae(!1), w(""), p(null), d && c ? (v(c.environmentName ?? ""), b(c.gatewayId ?? ""), i(c.name), S(c.issuer ?? ""), G(c.jwksUri ?? ""), E(c.skipTlsVerify ?? !1)) : (v(s && s.environments.length === 1 ? s.environments[0].name : ""), b(s?.uuid ?? ""), i(""), S(""), G(""), E(!1)));
+  }, [n, d, c, s]), Ie(() => {
+    d || s || b("");
+  }, [x, d, s]);
+  const ie = le(async () => {
+    if (T) {
+      z(!1), $(null);
+      return;
+    }
+    try {
+      const C = await f();
+      $(C), z(!0);
+    } catch {
+    }
+  }, [T, f]), B = le(async () => {
+    const C = _.trim();
+    if (C) {
+      p(null);
+      try {
+        const ee = await I.mutateAsync({
+          url: C
+        });
+        S(ee.issuer), G(ee.jwksUri);
+      } catch {
+        p("Could not discover OIDC configuration from that URL. Check the URL or enter the issuer and JWKS URI manually.");
+      }
+    }
+  }, [_, I]), q = le((C) => ({
+    orgId: r,
+    envName: x,
+    gatewayId: o,
+    name: y,
+    issuer: g,
+    jwksUri: h,
+    skipTlsVerify: A,
+    mode: m,
+    token: C
+  }), [r, x, o, y, g, h, A, m]), ue = le(async () => {
+    try {
+      const C = D ?? await f();
+      await navigator.clipboard.writeText(Ke(q(C))), ae(!0), setTimeout(() => ae(!1), 2e3);
+    } catch {
+    }
+  }, [D, f, q]), se = he(() => Ke(q(T && D ? D : pn)), [q, T, D]), re = /* @__PURE__ */ a(ye, { fullWidth: !0, disabled: d, children: [
+    /* @__PURE__ */ t(pe, { required: !0, children: "Environment" }),
+    /* @__PURE__ */ t(Ue, { size: "small", value: x, displayEmpty: !0, onChange: (C) => v(C.target.value), renderValue: (C) => {
+      if (!C) return "Select an environment";
+      const ee = X.find((_e) => _e.name === C);
+      return ee?.displayName || ee?.name || C;
+    }, children: X.map((C) => /* @__PURE__ */ t(We, { value: C.name, children: C.displayName || C.name }, C.name)) })
+  ] }), Z = /* @__PURE__ */ a(ye, { fullWidth: !0, disabled: d || !R && !x, children: [
+    /* @__PURE__ */ t(pe, { required: !0, children: "Gateway" }),
+    R ? /* @__PURE__ */ t(me, { size: "small", fullWidth: !0, value: s?.name ?? "", slotProps: {
+      input: {
+        readOnly: !0
+      }
+    }, disabled: !0 }) : /* @__PURE__ */ t(Ue, { size: "small", value: o, displayEmpty: !0, onChange: (C) => b(C.target.value), renderValue: (C) => {
+      if (!C) return "Select a gateway";
+      const ee = V.find((_e) => _e.uuid === C);
+      return ee?.displayName || ee?.name || C;
+    }, children: V.map((C) => /* @__PURE__ */ t(We, { value: C.uuid, children: C.displayName || C.name }, C.uuid)) })
+  ] });
+  return /* @__PURE__ */ a(lt, { open: n, onClose: e, children: [
+    /* @__PURE__ */ t(st, { icon: d ? /* @__PURE__ */ t(Pe, { size: 24 }) : /* @__PURE__ */ t(De, { size: 24 }), title: d ? "Remove Identity Provider" : "Add Identity Provider", onClose: e }),
+    /* @__PURE__ */ t(ct, { children: /* @__PURE__ */ a(k, { spacing: 3, children: [
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", children: W ? /* @__PURE__ */ t(de, { children: "Identity providers are owned by the gateway. Agent Manager patches the gateway configuration and applies the change for you." }) : /* @__PURE__ */ a(de, { children: [
+        "Identity providers are owned by the gateway. This command patches the gateway configuration and syncs Agent Manager. Run it in a terminal with",
+        " ",
+        /* @__PURE__ */ t("code", { children: "kubectl" }),
+        ", ",
+        /* @__PURE__ */ t("code", { children: "helm" }),
+        ", and ",
+        /* @__PURE__ */ t("code", { children: "jq" }),
+        " configured against your cluster — for the quickstart, run it inside the dev container shell."
+      ] }) }),
+      /* @__PURE__ */ a(k, { spacing: 2, children: [
+        R ? /* @__PURE__ */ a(de, { children: [
+          Z,
+          re
+        ] }) : /* @__PURE__ */ a(de, { children: [
+          re,
+          Z
+        ] }),
+        /* @__PURE__ */ a(ye, { fullWidth: !0, disabled: d, children: [
+          /* @__PURE__ */ t(pe, { required: !0, children: "Name" }),
+          /* @__PURE__ */ t(me, { size: "small", fullWidth: !0, value: y, onChange: (C) => i(C.target.value), placeholder: "e.g., AcmeIdP", disabled: d })
+        ] }),
+        !d && /* @__PURE__ */ a(de, { children: [
+          /* @__PURE__ */ a(ye, { fullWidth: !0, children: [
+            /* @__PURE__ */ t(pe, { children: "Discover from URL (optional)" }),
+            /* @__PURE__ */ a(k, { direction: "row", spacing: 1, children: [
+              /* @__PURE__ */ t(me, { size: "small", fullWidth: !0, value: _, onChange: (C) => w(C.target.value), placeholder: "https://idp.example.com (or .well-known URL)" }),
+              /* @__PURE__ */ t(te, { variant: "outlined", onClick: B, disabled: !_.trim() || I.isPending, children: I.isPending ? "Fetching…" : "Fetch" })
+            ] }),
+            /* @__PURE__ */ t(l, { variant: "caption", color: "text.secondary", children: "Auto-fills the issuer and JWKS URI from the provider's OpenID configuration." })
+          ] }),
+          u && /* @__PURE__ */ t(ne, { severity: "warning", children: u }),
+          /* @__PURE__ */ a(ye, { fullWidth: !0, children: [
+            /* @__PURE__ */ t(pe, { required: !0, children: "Issuer" }),
+            /* @__PURE__ */ t(me, { size: "small", fullWidth: !0, value: g, onChange: (C) => S(C.target.value), placeholder: "https://idp.example.com" })
+          ] }),
+          /* @__PURE__ */ a(ye, { fullWidth: !0, children: [
+            /* @__PURE__ */ t(pe, { required: !0, children: "JWKS URI" }),
+            /* @__PURE__ */ t(me, { size: "small", fullWidth: !0, value: h, onChange: (C) => G(C.target.value), placeholder: "https://idp.example.com/oauth2/jwks" })
+          ] }),
+          /* @__PURE__ */ t(Ht, { control: /* @__PURE__ */ t(qt, { checked: A, onChange: (C) => E(C.target.checked) }), label: "Skip TLS verification when fetching JWKS (trusted internal only)" })
+        ] })
+      ] }),
+      !W && /* @__PURE__ */ a(k, { spacing: 1, children: [
+        /* @__PURE__ */ t(l, { variant: "body2", children: "Run this command:" }),
+        /* @__PURE__ */ a(P, { sx: {
+          position: "relative",
+          bgcolor: "grey.900",
+          borderRadius: 1,
+          p: 2,
+          pr: 8,
+          fontFamily: "monospace",
+          fontSize: "0.8125rem",
+          color: "grey.100",
+          whiteSpace: "pre",
+          overflowX: "auto"
+        }, children: [
+          /* @__PURE__ */ a(P, { sx: {
+            position: "absolute",
+            top: 6,
+            right: 6,
+            display: "flex",
+            gap: 0.5
+          }, children: [
+            /* @__PURE__ */ t(Te, { title: T ? "Hide token" : "Show token", children: /* @__PURE__ */ t(ke, { size: "small", onClick: ie, sx: {
+              color: "grey.400"
+            }, children: T ? /* @__PURE__ */ t(xt, { size: 16 }) : /* @__PURE__ */ t(Ct, { size: 16 }) }) }),
+            /* @__PURE__ */ t(Te, { title: M ? "Copied!" : "Copy", children: /* @__PURE__ */ t(ke, { size: "small", onClick: ue, sx: {
+              color: M ? "success.light" : "grey.400"
+            }, children: /* @__PURE__ */ t(et, { size: 16 }) }) })
+          ] }),
+          se
+        ] }),
+        /* @__PURE__ */ t(l, { variant: "caption", color: "text.secondary", children: "Your access token will be substituted when you copy." })
+      ] }),
+      !W && /* @__PURE__ */ t(ne, { severity: "info", children: "Once the script completes, the list reflects the change. The script is idempotent — safe to re-run." }),
+      /* @__PURE__ */ a(P, { display: "flex", justifyContent: "flex-end", gap: 1, children: [
+        /* @__PURE__ */ t(te, { variant: "outlined", color: "inherit", onClick: e, children: W ? "Cancel" : "Close" }),
+        W && /* @__PURE__ */ t(te, { variant: "contained", color: d ? "error" : "primary", onClick: O, disabled: !J || H, children: H ? d ? "Removing…" : "Saving…" : d ? "Remove" : "Add" })
+      ] })
+    ] }) })
+  ] });
+}
+function fn({
+  orgId: n,
+  gatewayId: e,
+  gatewayName: r,
+  environments: m
+}) {
+  const [c, s] = L(null), [d, R] = L("upsert"), [f, x] = L(null), [v, o] = L(!1), {
+    data: b,
+    isLoading: y,
+    error: i
+  } = Dt({
+    orgName: n
+  }), g = he(() => (b?.list ?? []).filter((u) => u.gatewayId === e), [b, e]), S = () => {
+    R("upsert"), x(null), o(!0);
+  }, h = (u) => {
+    R("delete"), x(u), o(!0);
+  }, G = (u) => `${u.environmentName ?? ""}:${u.name}`, A = he(() => ({
+    uuid: e,
+    name: r,
+    environments: m
+  }), [e, r, m]), E = /* @__PURE__ */ t(te, { variant: "contained", color: "primary", size: "small", startIcon: /* @__PURE__ */ t(Le, { size: 16 }), onClick: S, children: "Add Identity Provider" }), _ = /* @__PURE__ */ t(gn, { open: v, onClose: () => o(!1), orgId: n, mode: d, provider: f, lockedGateway: A }), w = () => i ? /* @__PURE__ */ t(ne, { severity: "error", icon: /* @__PURE__ */ t(Ve, { size: 18 }), children: i instanceof Error ? i.message : "Failed to load identity providers. Please try again." }) : y ? /* @__PURE__ */ t(k, { spacing: 1, children: Array.from({
+    length: 2
+  }).map((u, p) => /* @__PURE__ */ a(k, { direction: "row", alignItems: "center", spacing: 2, sx: {
+    px: 2,
+    py: 1.5,
+    borderRadius: 1,
+    border: "1px solid",
+    borderColor: "divider"
+  }, children: [
+    /* @__PURE__ */ t(U, { variant: "circular", width: 28, height: 28, sx: {
+      flexShrink: 0
+    } }),
+    /* @__PURE__ */ t(U, { variant: "text", width: 160, height: 20 }),
+    /* @__PURE__ */ t(U, { variant: "rounded", width: 72, height: 24, sx: {
+      flexShrink: 0
+    } }),
+    /* @__PURE__ */ t(U, { variant: "text", sx: {
+      flex: 1
+    }, height: 18 })
+  ] }, p)) }) : g.length ? /* @__PURE__ */ a(N, { variant: "card", children: [
+    /* @__PURE__ */ t(N.Head, { children: /* @__PURE__ */ a(N.Row, { children: [
+      /* @__PURE__ */ t(N.Cell, { width: "220px", children: "Name" }),
+      /* @__PURE__ */ t(N.Cell, { width: "110px", children: "Type" }),
+      /* @__PURE__ */ t(N.Cell, { children: "Issuer" }),
+      /* @__PURE__ */ t(N.Cell, { width: "160px", align: "right", children: "Environment" })
+    ] }) }),
+    /* @__PURE__ */ t(N.Body, { children: g.map((u) => {
+      const p = G(u), I = u.type === "system";
+      return /* @__PURE__ */ a(N.Row, { variant: "card", hover: !0, onMouseEnter: () => s(p), onMouseLeave: () => s(null), onFocus: () => s(p), onBlur: () => s(null), children: [
+        /* @__PURE__ */ t(N.Cell, { children: /* @__PURE__ */ t(N.CellIcon, { icon: /* @__PURE__ */ t(dt, { sx: {
+          width: 28,
+          height: 28,
+          bgcolor: I ? "action.selected" : "primary.main",
+          color: I ? "text.secondary" : "primary.contrastText"
+        }, children: /* @__PURE__ */ t(De, { size: 16 }) }), primary: u.name }) }),
+        /* @__PURE__ */ t(N.Cell, { children: /* @__PURE__ */ t(Re, { label: I ? "System" : "Custom", size: "small", color: I ? "default" : "primary", variant: "outlined" }) }),
+        /* @__PURE__ */ t(N.Cell, { children: /* @__PURE__ */ t(l, { variant: "caption", color: "text.secondary", sx: {
+          wordBreak: "break-all"
+        }, children: u.issuer || "—" }) }),
+        /* @__PURE__ */ t(N.Cell, { align: "right", children: /* @__PURE__ */ t(k, { direction: "row", alignItems: "center", spacing: 1, justifyContent: "flex-end", sx: {
+          minHeight: 32
+        }, children: c === p && !I ? /* @__PURE__ */ t(Te, { title: "Remove identity provider", children: /* @__PURE__ */ t(ke, { color: "error", size: "small", onClick: () => h(u), children: /* @__PURE__ */ t(Pe, { size: 16 }) }) }) : /* @__PURE__ */ t(l, { variant: "caption", color: "text.secondary", noWrap: !0, title: u.environmentName || void 0, children: u.environmentName || "—" }) }) })
+      ] }, p);
+    }) })
+  ] }) : /* @__PURE__ */ t(N.Container, { children: /* @__PURE__ */ t(N.EmptyState, { illustration: /* @__PURE__ */ t(De, { size: 48 }), title: "No identity providers configured", description: "Add an identity provider (token issuer) so agents on this gateway can authenticate callers with OAuth.", action: E }) });
+  return /* @__PURE__ */ a(ce, { variant: "outlined", children: [
+    /* @__PURE__ */ t(Ge, { sx: {
+      p: 3
+    }, children: /* @__PURE__ */ a(k, { spacing: 2, children: [
+      /* @__PURE__ */ a(k, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ a(k, { spacing: 0.5, children: [
+          /* @__PURE__ */ t(l, { variant: "h6", children: "Identity Providers" }),
+          /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", children: "Token issuers configured on this gateway. Secure agent endpoints with OAuth." })
+        ] }),
+        !y && !i && g.length > 0 ? E : null
+      ] }),
+      w()
+    ] }) }),
+    _
+  ] });
+}
+const vn = {
+  "& .MuiInputBase-input": {
+    fontFamily: "monospace",
+    fontSize: "0.875rem"
+  }
+};
+function j(n) {
+  const e = ve(9), {
+    value: r,
+    multiline: m,
+    minRows: c,
+    onCopy: s,
+    copyLabel: d
+  } = n, R = c === void 0 ? 1 : c, f = `Copy ${d}`;
+  let x;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ t(et, { size: 16 }), e[0] = x) : x = e[0];
+  let v;
+  e[1] !== s || e[2] !== f ? (v = {
+    input: {
+      readOnly: !0,
+      endAdornment: /* @__PURE__ */ t(ke, { size: "small", onClick: s, "aria-label": f, children: x })
+    }
+  }, e[1] = s, e[2] = f, e[3] = v) : v = e[3];
+  let o;
+  return e[4] !== R || e[5] !== m || e[6] !== v || e[7] !== r ? (o = /* @__PURE__ */ t(me, { fullWidth: !0, multiline: m, minRows: R, value: r, slotProps: v, sx: vn }), e[4] = R, e[5] = m, e[6] = v, e[7] = r, e[8] = o) : o = e[8], o;
+}
+const Je = "reconfig-tab", wn = [0, 1];
+function bn(n) {
+  const e = ve(59), {
+    registrationToken: r,
+    hasJustRegeneratedToken: m,
+    onReconfigure: c,
+    isReconfiguring: s,
+    onCopy: d
+  } = n, [R, f] = Me();
+  let x;
+  e[0] !== R ? (x = R.get(Je), e[0] = R, e[1] = x) : x = e[1];
+  const v = x, o = v != null ? parseInt(v, 10) : 0;
+  let b;
+  e[2] !== o ? (b = wn.includes(o) ? o : 0, e[2] = o, e[3] = b) : b = e[3];
+  const y = b;
+  let i;
+  e[4] !== f ? (i = (ue, se) => {
+    f((re) => {
+      const Z = new URLSearchParams(re);
+      return Z.set(Je, String(se)), Z;
+    }, {
+      replace: !0
+    });
+  }, e[4] = f, e[5] = i) : i = e[5];
+  const g = i, S = vt(d);
+  if (!r) {
+    let ue;
+    e[6] === Symbol.for("react.memo_cache_sentinel") ? (ue = {
+      p: 3
+    }, e[6] = ue) : ue = e[6];
+    let se;
+    e[7] === Symbol.for("react.memo_cache_sentinel") ? (se = /* @__PURE__ */ t(k, { direction: "row", alignItems: "center", spacing: 1, sx: {
+      mb: 2
+    }, children: /* @__PURE__ */ t(l, { variant: "h6", children: "Reconfigure Gateway" }) }), e[7] = se) : se = e[7];
+    let re;
+    e[8] === Symbol.for("react.memo_cache_sentinel") ? (re = /* @__PURE__ */ t(l, { variant: "body2", children: "Generate a new registration token to reconnect or update your gateway configuration. This will revoke the existing token." }), e[8] = re) : re = e[8];
+    let Z;
+    e[9] === Symbol.for("react.memo_cache_sentinel") ? (Z = /* @__PURE__ */ t(St, { size: 16 }), e[9] = Z) : Z = e[9];
+    const C = s ? "Generating..." : "Reconfigure";
+    let ee;
+    return e[10] !== s || e[11] !== c || e[12] !== C ? (ee = /* @__PURE__ */ t(ce, { variant: "outlined", children: /* @__PURE__ */ a(Ge, { sx: ue, children: [
+      se,
+      /* @__PURE__ */ a(k, { spacing: 1.5, children: [
+        re,
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(te, { variant: "outlined", startIcon: Z, onClick: c, disabled: s, color: "error", children: C }) })
+      ] })
+    ] }) }), e[10] = s, e[11] = c, e[12] = C, e[13] = ee) : ee = e[13], ee;
+  }
+  let h;
+  e[14] !== r ? (h = $e(r), e[14] = r, e[15] = h) : h = e[15];
+  const G = h;
+  let A;
+  e[16] !== r ? (A = Fe(r, "upgrade"), e[16] = r, e[17] = A) : A = e[17];
+  const E = A;
+  let _;
+  e[18] !== m ? (_ = m && /* @__PURE__ */ t(ne, { severity: "success", children: "New token generated. Update your gateway configuration using the command below, then restart the gateway." }), e[18] = m, e[19] = _) : _ = e[19];
+  let w;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ a(l, { variant: "body2", color: "text.secondary", children: [
+    "Run this command to update ",
+    yt(),
+    " with the new token."
+  ] }), e[20] = w) : w = e[20];
+  let u;
+  e[21] !== S || e[22] !== G ? (u = () => S(G, "Configure command"), e[21] = S, e[22] = G, e[23] = u) : u = e[23];
+  let p;
+  e[24] !== u || e[25] !== G ? (p = /* @__PURE__ */ t(j, { value: G, multiline: !0, minRows: 4, onCopy: u, copyLabel: "Configure command" }), e[24] = u, e[25] = G, e[26] = p) : p = e[26];
+  let I;
+  e[27] !== _ || e[28] !== p ? (I = /* @__PURE__ */ a(k, { spacing: 2, children: [
+    _,
+    w,
+    p
+  ] }), e[27] = _, e[28] = p, e[29] = I) : I = e[29];
+  const T = I;
+  let z;
+  e[30] !== m ? (z = m && /* @__PURE__ */ t(ne, { severity: "success", children: "New token generated. Run the helm upgrade command below to reconfigure your gateway." }), e[30] = m, e[31] = z) : z = e[31];
+  let D;
+  e[32] !== S || e[33] !== E ? (D = () => S(E, "Helm upgrade command"), e[32] = S, e[33] = E, e[34] = D) : D = e[34];
+  let $;
+  e[35] !== E || e[36] !== D ? ($ = /* @__PURE__ */ t(j, { value: E, multiline: !0, minRows: 4, onCopy: D, copyLabel: "Helm upgrade command" }), e[35] = E, e[36] = D, e[37] = $) : $ = e[37];
+  let M;
+  e[38] !== z || e[39] !== $ ? (M = /* @__PURE__ */ a(k, { spacing: 2, children: [
+    z,
+    $
+  ] }), e[38] = z, e[39] = $, e[40] = M) : M = e[40];
+  const ae = M;
+  let W;
+  e[41] === Symbol.for("react.memo_cache_sentinel") ? (W = {
+    p: 3
+  }, e[41] = W) : W = e[41];
+  let F;
+  e[42] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ t(k, { direction: "row", alignItems: "center", spacing: 1, sx: {
+    mb: 2
+  }, children: /* @__PURE__ */ t(l, { variant: "h6", children: "Reconfigure Gateway" }) }), e[42] = F) : F = e[42];
+  let K;
+  e[43] === Symbol.for("react.memo_cache_sentinel") ? (K = {
+    borderBottom: 1,
+    borderColor: "divider",
+    mb: 2
+  }, e[43] = K) : K = e[43];
+  let H;
+  e[44] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ t(Se, { label: "VM / Docker", icon: /* @__PURE__ */ t(tt, { size: 18 }), iconPosition: "start" }), e[44] = H) : H = e[44];
+  let J;
+  e[45] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ t(Se, { label: "Kubernetes", icon: /* @__PURE__ */ t(nt, { size: 18 }), iconPosition: "start" }), e[45] = J) : J = e[45];
+  let O;
+  e[46] !== g || e[47] !== y ? (O = /* @__PURE__ */ t(P, { sx: K, children: /* @__PURE__ */ a(ht, { value: y, onChange: g, children: [
+    H,
+    J
+  ] }) }), e[46] = g, e[47] = y, e[48] = O) : O = e[48];
+  const Q = y !== 0, Y = y === 0 ? T : null;
+  let V;
+  e[49] !== Q || e[50] !== Y ? (V = /* @__PURE__ */ t(P, { hidden: Q, children: Y }), e[49] = Q, e[50] = Y, e[51] = V) : V = e[51];
+  const X = y !== 1, ie = y === 1 ? ae : null;
+  let B;
+  e[52] !== X || e[53] !== ie ? (B = /* @__PURE__ */ t(P, { hidden: X, children: ie }), e[52] = X, e[53] = ie, e[54] = B) : B = e[54];
+  let q;
+  return e[55] !== O || e[56] !== V || e[57] !== B ? (q = /* @__PURE__ */ t(ce, { variant: "outlined", children: /* @__PURE__ */ a(Ge, { sx: W, children: [
+    F,
+    O,
+    V,
+    B
+  ] }) }), e[55] = O, e[56] = V, e[57] = B, e[58] = q) : q = e[58], q;
+}
+const be = () => {
+  const n = pt();
+  return `curl -sLO https://github.com/wso2/api-platform/releases/download/ai-gateway/v${n}/wso2apip-ai-gateway-${n}.zip && \\
+unzip wso2apip-ai-gateway-${n}.zip`;
+}, xe = () => `cd wso2apip-ai-gateway-${pt()}`, Ce = () => "docker compose --env-file configs/keys.env up";
+function ze(n) {
+  const e = ve(4), {
+    value: r,
+    index: m,
+    children: c
+  } = n, s = r !== m;
+  let d;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    pt: 2
+  }, e[0] = d) : d = e[0];
+  const R = r === m ? c : null;
+  let f;
+  return e[1] !== s || e[2] !== R ? (f = /* @__PURE__ */ t(P, { role: "tabpanel", hidden: s, sx: d, children: R }), e[1] = s, e[2] = R, e[3] = f) : f = e[3], f;
+}
+const Qe = "tab", xn = [0, 1, 2, 3];
+function Cn(n) {
+  const e = ve(65), {
+    isConfigured: r,
+    registrationToken: m,
+    hasJustRegeneratedToken: c,
+    onRegenerateToken: s,
+    isRegeneratingToken: d,
+    onCopy: R
+  } = n, [f, x] = Me();
+  let v;
+  e[0] !== f ? (v = f.get(Qe), e[0] = f, e[1] = v) : v = e[1];
+  const o = v, b = o != null ? parseInt(o, 10) : 0;
+  let y;
+  e[2] !== b ? (y = xn.includes(b) ? b : 0, e[2] = b, e[3] = y) : y = e[3];
+  const i = y;
+  let g;
+  e[4] !== x ? (g = (ue, se) => {
+    x((re) => {
+      const Z = new URLSearchParams(re);
+      return Z.set(Qe, String(se)), Z;
+    }, {
+      replace: !0
+    });
+  }, e[4] = x, e[5] = g) : g = e[5];
+  const S = g, h = vt(R);
+  let G;
+  e[6] !== h || e[7] !== c || e[8] !== r || e[9] !== d || e[10] !== s || e[11] !== m ? (G = () => m ? /* @__PURE__ */ a(de, { children: [
+    c && /* @__PURE__ */ t(ne, { severity: "success", sx: {
+      mb: 2
+    }, children: "Successfully generated new configurations. Use the updated command below to reconfigure your gateway." }),
+    /* @__PURE__ */ a(l, { variant: "body2", color: "text.secondary", sx: {
+      mb: 2
+    }, children: [
+      "Run this command to create ",
+      yt(),
+      " with the required environment variables:"
+    ] }),
+    /* @__PURE__ */ t(j, { value: $e(m), multiline: !0, minRows: 4, onCopy: () => h($e(m), "Configure command"), copyLabel: "Configure command" })
+  ] }) : /* @__PURE__ */ a(de, { children: [
+    /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+      mb: 2
+    }, children: r ? "Regenerate a registration token to configure your gateway." : "Generate a registration token to configure your gateway for the first time." }),
+    /* @__PURE__ */ t(te, { variant: "outlined", color: "primary", onClick: s, disabled: d, children: r ? "Reconfigure" : "Configure" })
+  ] }), e[6] = h, e[7] = c, e[8] = r, e[9] = d, e[10] = s, e[11] = m, e[12] = G) : G = e[12];
+  const A = G;
+  let E;
+  e[13] !== h || e[14] !== A ? (E = () => /* @__PURE__ */ a(k, { spacing: 3, children: [
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 2
+      }, children: "Prerequisites" }),
+      /* @__PURE__ */ a(k, { component: "ul", spacing: 0.5, sx: {
+        pl: 3
+      }, children: [
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "cURL installed" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "unzip installed" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "Docker installed and running" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 1: Download the Gateway" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 2
+      }, children: "Run this command in your terminal to download the gateway:" }),
+      /* @__PURE__ */ t(j, { value: be(), multiline: !0, minRows: 2, onCopy: () => h(be(), "Download command"), copyLabel: "Download command" })
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 2: Configure the Gateway" }),
+      A()
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 3: Start the Gateway" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 1.5
+      }, children: "1. Navigate to the gateway folder." }),
+      /* @__PURE__ */ t(j, { value: xe(), onCopy: () => h(xe(), "Navigate command"), copyLabel: "Navigate command" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        my: 2
+      }, children: "2. Run this command to start the gateway using the configs/keys.env file created in Step 2:" }),
+      /* @__PURE__ */ t(j, { value: Ce(), onCopy: () => h(Ce(), "Start command"), copyLabel: "Start command" })
+    ] })
+  ] }), e[13] = h, e[14] = A, e[15] = E) : E = e[15];
+  const _ = E;
+  let w;
+  e[16] !== h || e[17] !== A ? (w = () => /* @__PURE__ */ a(k, { spacing: 3, children: [
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 2
+      }, children: "Prerequisites" }),
+      /* @__PURE__ */ a(k, { component: "ul", spacing: 0.5, sx: {
+        pl: 3
+      }, children: [
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "cURL installed" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "unzip installed" })
+      ] }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mt: 1.5,
+        mb: 1
+      }, children: "A Docker-compatible container runtime such as:" }),
+      /* @__PURE__ */ a(k, { component: "ul", spacing: 0.5, sx: {
+        pl: 3
+      }, children: [
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "Docker Desktop (Windows / macOS)" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "Rancher Desktop (Windows / macOS)" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "Colima (macOS)" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "Docker Engine + Compose plugin (Linux)" })
+      ] }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mt: 1.5,
+        mb: 1.5
+      }, children: "Ensure docker and docker compose commands are available." }),
+      /* @__PURE__ */ t(j, { value: "docker --version\\ndocker compose version", multiline: !0, minRows: 2, onCopy: () => h(`docker --version
+docker compose version`, "Prerequisites command"), copyLabel: "Prerequisites command" })
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 1: Download the Gateway" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 2
+      }, children: "Run this command in your terminal to download the gateway:" }),
+      /* @__PURE__ */ t(j, { value: be(), multiline: !0, minRows: 2, onCopy: () => h(be(), "Download command"), copyLabel: "Download command" })
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 2: Configure the Gateway" }),
+      A()
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 3: Start the Gateway" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 1.5
+      }, children: "1. Navigate to the gateway folder." }),
+      /* @__PURE__ */ t(j, { value: xe(), onCopy: () => h(xe(), "Navigate command"), copyLabel: "Navigate command" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        my: 2
+      }, children: "2. Run this command to start the gateway using the configs/keys.env file created in Step 2:" }),
+      /* @__PURE__ */ t(j, { value: Ce(), onCopy: () => h(Ce(), "Start command"), copyLabel: "Start command" })
+    ] })
+  ] }), e[16] = h, e[17] = A, e[18] = w) : w = e[18];
+  const u = w;
+  let p;
+  e[19] !== h || e[20] !== A ? (p = () => /* @__PURE__ */ a(k, { spacing: 3, children: [
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 2
+      }, children: "Prerequisites" }),
+      /* @__PURE__ */ a(k, { component: "ul", spacing: 0.5, sx: {
+        pl: 3
+      }, children: [
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "cURL installed" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "unzip installed" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 1: Download the Gateway" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 2
+      }, children: "Run this command in your terminal to download the gateway:" }),
+      /* @__PURE__ */ t(j, { value: be(), multiline: !0, minRows: 2, onCopy: () => h(be(), "Download command"), copyLabel: "Download command" })
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 2: Configure the Gateway" }),
+      A()
+    ] }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, color: "warning.main", children: "Step 3: Start the Gateway" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 1.5
+      }, children: "1. Navigate to the gateway folder." }),
+      /* @__PURE__ */ t(j, { value: xe(), onCopy: () => h(xe(), "Navigate command"), copyLabel: "Navigate command" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        my: 2
+      }, children: "2. Run this command to start the gateway using the configs/keys.env file created in Step 2:" }),
+      /* @__PURE__ */ t(j, { value: Ce(), onCopy: () => h(Ce(), "Start command"), copyLabel: "Start command" })
+    ] })
+  ] }), e[19] = h, e[20] = A, e[21] = p) : p = e[21];
+  const I = p;
+  let T;
+  e[22] !== h || e[23] !== c || e[24] !== r || e[25] !== d || e[26] !== s || e[27] !== m ? (T = () => /* @__PURE__ */ a(k, { spacing: 3, children: [
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", sx: {
+        mb: 1
+      }, children: "Prerequisites" }),
+      /* @__PURE__ */ a(k, { component: "ul", spacing: 0.5, sx: {
+        pl: 3
+      }, children: [
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "cURL installed" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "unzip installed" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "Kubernetes 1.32+" }),
+        /* @__PURE__ */ t(l, { component: "li", variant: "body2", color: "text.secondary", children: "Helm 3.18+" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(P, { children: m ? c && /* @__PURE__ */ t(ne, { severity: "success", sx: {
+      mb: 2
+    }, children: "Successfully generated new configurations. Use the updated command below to install the gateway chart." }) : /* @__PURE__ */ a(de, { children: [
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 2
+      }, children: r ? "Regenerate a registration token to configure your gateway." : "Generate a registration token to configure your gateway for the first time." }),
+      /* @__PURE__ */ t(te, { variant: "outlined", color: "primary", onClick: s, disabled: d, children: r ? "Reconfigure" : "Configure" })
+    ] }) }),
+    /* @__PURE__ */ a(P, { children: [
+      /* @__PURE__ */ t(l, { variant: "h6", color: "warning.main", children: "Installing the Chart" }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", sx: {
+        mb: 2
+      }, children: "Run this command to install the gateway chart with control plane configurations:" }),
+      /* @__PURE__ */ t(j, { value: Fe(m), multiline: !0, minRows: 2, onCopy: () => h(Fe(m), "Helm install command"), copyLabel: "Helm install command" })
+    ] })
+  ] }), e[22] = h, e[23] = c, e[24] = r, e[25] = d, e[26] = s, e[27] = m, e[28] = T) : T = e[28];
+  const z = T;
+  let D;
+  e[29] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+    p: 3
+  }, e[29] = D) : D = e[29];
+  let $;
+  e[30] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ t(l, { variant: "h5", sx: {
+    mb: 3
+  }, children: "Get Started" }), e[30] = $) : $ = e[30];
+  let M;
+  e[31] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+    borderBottom: 1,
+    borderColor: "divider",
+    mb: 2
+  }, e[31] = M) : M = e[31];
+  let ae;
+  e[32] === Symbol.for("react.memo_cache_sentinel") ? (ae = /* @__PURE__ */ t(Se, { label: "Quick Start" }), e[32] = ae) : ae = e[32];
+  let W;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ t(Se, { label: "Virtual Machine", icon: /* @__PURE__ */ t(kt, { size: 20 }), iconPosition: "start" }), e[33] = W) : W = e[33];
+  let F;
+  e[34] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ t(Se, { label: "Docker", icon: /* @__PURE__ */ t(tt, { size: 20 }), iconPosition: "start" }), e[34] = F) : F = e[34];
+  let K;
+  e[35] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ t(Se, { label: "Kubernetes", icon: /* @__PURE__ */ t(nt, { size: 20 }), iconPosition: "start" }), e[35] = K) : K = e[35];
+  let H;
+  e[36] !== S || e[37] !== i ? (H = /* @__PURE__ */ t(P, { sx: M, children: /* @__PURE__ */ a(ht, { value: i, onChange: S, children: [
+    ae,
+    W,
+    F,
+    K
+  ] }) }), e[36] = S, e[37] = i, e[38] = H) : H = e[38];
+  let J;
+  e[39] !== _ ? (J = _(), e[39] = _, e[40] = J) : J = e[40];
+  let O;
+  e[41] !== J || e[42] !== i ? (O = /* @__PURE__ */ t(ze, { value: i, index: 0, children: J }), e[41] = J, e[42] = i, e[43] = O) : O = e[43];
+  let Q;
+  e[44] !== u ? (Q = u(), e[44] = u, e[45] = Q) : Q = e[45];
+  let Y;
+  e[46] !== Q || e[47] !== i ? (Y = /* @__PURE__ */ t(ze, { value: i, index: 1, children: Q }), e[46] = Q, e[47] = i, e[48] = Y) : Y = e[48];
+  let V;
+  e[49] !== I ? (V = I(), e[49] = I, e[50] = V) : V = e[50];
+  let X;
+  e[51] !== V || e[52] !== i ? (X = /* @__PURE__ */ t(ze, { value: i, index: 2, children: V }), e[51] = V, e[52] = i, e[53] = X) : X = e[53];
+  let ie;
+  e[54] !== z ? (ie = z(), e[54] = z, e[55] = ie) : ie = e[55];
+  let B;
+  e[56] !== ie || e[57] !== i ? (B = /* @__PURE__ */ t(ze, { value: i, index: 3, children: ie }), e[56] = ie, e[57] = i, e[58] = B) : B = e[58];
+  let q;
+  return e[59] !== H || e[60] !== O || e[61] !== Y || e[62] !== X || e[63] !== B ? (q = /* @__PURE__ */ t(ce, { variant: "outlined", children: /* @__PURE__ */ a(Ge, { sx: D, children: [
+    $,
+    H,
+    O,
+    Y,
+    X,
+    B
+  ] }) }), e[59] = H, e[60] = O, e[61] = Y, e[62] = X, e[63] = B, e[64] = q) : q = e[64], q;
+}
+const Sn = () => {
+  const {
+    gatewayId: n,
+    orgId: e
+  } = Ae(), {
+    addConfirmation: r
+  } = it(), [m, c] = L(null), [s, d] = L(!1), [R, f] = L(!1), [x, v] = L(""), {
+    data: o,
+    isLoading: b,
+    error: y
+  } = Ut({
+    orgName: e,
+    gatewayId: n
+  }), i = {
+    orgName: e ?? "",
+    gatewayId: n ?? ""
+  }, {
+    data: g
+  } = Wt(i), {
+    mutateAsync: S,
+    isPending: h
+  } = $t(), {
+    mutateAsync: G
+  } = Ft(), A = le((I, T) => {
+    v(`${T} copied to clipboard`), f(!0);
+  }, []), E = (g?.count ?? 0) > 0, _ = le(async () => {
+    if (!(!e || !n))
+      try {
+        const I = g?.list ?? [];
+        await Promise.all(I.filter((z) => z.status === "active").map((z) => G({
+          orgName: e,
+          gatewayId: n,
+          tokenId: z.id
+        }).catch(() => {
+        })));
+        const T = await S({
+          orgName: e,
+          gatewayId: n
+        });
+        c(T.token), d(!0);
+      } catch {
+      }
+  }, [e, n, g?.list, G, S]), w = le(() => {
+    E ? r({
+      title: "Reconfigure gateway",
+      description: "Regenerating the registration token will revoke the existing token for this gateway and disconnect the gateway from the control plane. Do you want to continue?",
+      onConfirm: _,
+      confirmButtonColor: "error",
+      confirmButtonText: "Reconfigure"
+    }) : _();
+  }, [r, E, _]), u = o?.displayName ?? o?.name ?? n ?? "", p = o?.status === "ACTIVE" || o?.isActive;
+  return /* @__PURE__ */ a(de, { children: [
+    /* @__PURE__ */ a(Be, { title: u, backHref: ge(fe.children.org.children.gateways.path, {
+      orgId: e ?? ""
+    }), backLabel: "Back to Gateways", description: o?.createdAt ? `Created ${Zt(new Date(o.createdAt), {
+      addSuffix: !0
+    })}` : void 0, isLoading: b, disableIcon: !0, titleTail: o ? /* @__PURE__ */ a(k, { direction: "row", spacing: 1, alignItems: "center", sx: {
+      ml: 1
+    }, children: [
+      /* @__PURE__ */ t(Re, { label: p ? "Active" : "Inactive", size: "small", variant: "outlined", color: p ? "success" : "default" }),
+      o?.isCritical && /* @__PURE__ */ t(Re, { label: "Critical", size: "small", variant: "outlined", color: "error" }),
+      o?.gatewayType && /* @__PURE__ */ t(ut, { type: o.gatewayType })
+    ] }) : void 0, children: [
+      b && /* @__PURE__ */ a(k, { spacing: 3, children: [
+        /* @__PURE__ */ t(ce, { variant: "outlined", sx: {
+          p: 3
+        }, children: /* @__PURE__ */ a(k, { spacing: 2, children: [
+          /* @__PURE__ */ t(U, { variant: "text", width: 140, height: 28 }),
+          /* @__PURE__ */ t(U, { variant: "rounded", height: 48 }),
+          /* @__PURE__ */ t(U, { variant: "rounded", height: 160 })
+        ] }) }),
+        /* @__PURE__ */ a(we, { container: !0, spacing: 2, children: [
+          /* @__PURE__ */ t(we, { size: {
+            xs: 12,
+            sm: 6
+          }, children: /* @__PURE__ */ t(ce, { variant: "outlined", sx: {
+            p: 2,
+            height: "100%"
+          }, children: /* @__PURE__ */ a(k, { spacing: 0.5, children: [
+            /* @__PURE__ */ t(U, { variant: "text", width: "30%", height: 14 }),
+            /* @__PURE__ */ t(U, { variant: "text", width: "80%", height: 20 })
+          ] }) }) }),
+          /* @__PURE__ */ t(we, { size: {
+            xs: 12,
+            sm: 6
+          }, children: /* @__PURE__ */ t(ce, { variant: "outlined", sx: {
+            p: 2,
+            height: "100%"
+          }, children: /* @__PURE__ */ a(k, { spacing: 0.5, children: [
+            /* @__PURE__ */ t(U, { variant: "text", width: "35%", height: 14 }),
+            /* @__PURE__ */ a(k, { direction: "row", spacing: 0.5, children: [
+              /* @__PURE__ */ t(U, { variant: "rounded", width: 80, height: 24 }),
+              /* @__PURE__ */ t(U, { variant: "rounded", width: 80, height: 24 })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ t(ce, { variant: "outlined", sx: {
+          p: 3
+        }, children: /* @__PURE__ */ a(k, { spacing: 2, children: [
+          /* @__PURE__ */ t(U, { variant: "text", width: 160, height: 24 }),
+          /* @__PURE__ */ t(U, { variant: "text", width: "60%", height: 18 }),
+          /* @__PURE__ */ a(k, { spacing: 1, children: [
+            /* @__PURE__ */ t(U, { variant: "rounded", height: 44 }),
+            /* @__PURE__ */ t(U, { variant: "rounded", height: 44 })
+          ] })
+        ] }) })
+      ] }),
+      y ? /* @__PURE__ */ a(ne, { severity: "error", icon: /* @__PURE__ */ t(Ve, { size: 18 }), sx: {
+        mb: 2
+      }, children: [
+        "Failed to load gateway. ",
+        Vt(y) || "Please try again."
+      ] }) : null,
+      o && !y && /* @__PURE__ */ a(k, { spacing: 3, children: [
+        !p && /* @__PURE__ */ t(Cn, { isConfigured: E, registrationToken: m, hasJustRegeneratedToken: s, onRegenerateToken: w, isRegeneratingToken: h, onCopy: A }),
+        /* @__PURE__ */ a(we, { container: !0, spacing: 2, children: [
+          /* @__PURE__ */ t(we, { size: {
+            xs: 12,
+            sm: 6
+          }, children: /* @__PURE__ */ t(ce, { variant: "outlined", sx: {
+            p: 2,
+            height: "100%"
+          }, children: /* @__PURE__ */ a(k, { spacing: 0.5, children: [
+            /* @__PURE__ */ t(l, { variant: "caption", color: "text.secondary", sx: {
+              fontWeight: 500
+            }, children: "Virtual Host" }),
+            /* @__PURE__ */ t(l, { variant: "body2", sx: {
+              fontFamily: "monospace",
+              wordBreak: "break-all"
+            }, children: o.vhost })
+          ] }) }) }),
+          /* @__PURE__ */ t(we, { size: {
+            xs: 12,
+            sm: 6
+          }, children: /* @__PURE__ */ t(ce, { variant: "outlined", sx: {
+            p: 2,
+            height: "100%"
+          }, children: /* @__PURE__ */ a(k, { spacing: 0.5, children: [
+            /* @__PURE__ */ t(l, { variant: "caption", color: "text.secondary", sx: {
+              fontWeight: 500
+            }, children: "Environments" }),
+            o.environments && o.environments.length > 0 ? /* @__PURE__ */ t(k, { direction: "row", spacing: 0.5, flexWrap: "wrap", useFlexGap: !0, children: o.environments.map((I) => /* @__PURE__ */ t(Re, { label: I.displayName || I.name, size: "small", variant: "outlined" }, I.id)) }) : /* @__PURE__ */ t(l, { variant: "body2", color: "text.secondary", children: "—" })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ t(fn, { orgId: e ?? "", gatewayId: o.uuid, gatewayName: o.displayName || o.name, environments: o.environments ?? [] }),
+        p && /* @__PURE__ */ t(bn, { registrationToken: m, hasJustRegeneratedToken: s, onReconfigure: w, isReconfiguring: h, onCopy: A })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(jt, { open: R, autoHideDuration: 3e3, onClose: () => f(!1), message: x })
+  ] });
+};
+function kn({
+  open: n,
+  onClose: e,
+  gateway: r,
+  orgId: m,
+  onSuccess: c
+}) {
+  const [s, d] = L({
+    displayName: r.displayName,
+    isCritical: r.isCritical
+  }), {
+    errors: R,
+    validateForm: f,
+    setFieldError: x,
+    validateField: v
+  } = ot(je), [o, b] = L({}), {
+    mutateAsync: y,
+    isPending: i,
+    error: g,
+    reset: S
+  } = Mt(), h = i;
+  Ie(() => {
+    n && (d({
+      displayName: r.displayName,
+      isCritical: r.isCritical
+    }), S());
+  }, [r, n, S]);
+  const G = le((u, p) => {
+    d((I) => {
+      const T = {
+        ...I,
+        [u]: p
+      }, z = v(u, T[u], T);
+      return x(u, z), T;
+    });
+  }, [x, v]), A = le(async (u) => {
+    u.preventDefault();
+    const p = je.safeParse(s);
+    if (!p.success) {
+      const T = {};
+      p.error.issues.forEach((z) => {
+        z.path[0] && (T[z.path[0]] = z.message);
+      }), b(T), f(s);
+      return;
+    }
+    b({});
+    const I = {
+      displayName: s.displayName.trim(),
+      isCritical: s.isCritical
+    };
+    try {
+      await y({
+        params: {
+          orgName: m,
+          gatewayId: r.uuid
+        },
+        body: I
+      }), e(), c?.();
+    } catch {
+    }
+  }, [s, f, y, m, r.uuid, e, c]), E = he(() => g ? g?.message ?? "Failed to update gateway" : null, [g]), _ = Object.values(o).filter(Boolean), w = _.length > 0;
+  return /* @__PURE__ */ a(lt, { open: n, onClose: e, children: [
+    /* @__PURE__ */ t(st, { icon: /* @__PURE__ */ t(Ze, { size: 24 }), title: "Edit Gateway", onClose: e }),
+    /* @__PURE__ */ t(ct, { children: /* @__PURE__ */ t("form", { onSubmit: A, children: /* @__PURE__ */ a(k, { spacing: 3, children: [
+      E && /* @__PURE__ */ t(ne, { severity: "error", children: /* @__PURE__ */ t(l, { variant: "body2", children: E }) }),
+      /* @__PURE__ */ t(mt, { in: w, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ t(ne, { severity: "error", sx: {
+        mb: 2
+      }, children: _.map((u, p) => /* @__PURE__ */ t(P, { children: u }, p)) }) }),
+      /* @__PURE__ */ a(oe.Section, { children: [
+        /* @__PURE__ */ t(oe.Header, { children: "Gateway Details" }),
+        /* @__PURE__ */ t(oe.Stack, { spacing: 2, children: /* @__PURE__ */ a(ye, { fullWidth: !0, error: !!R.displayName, children: [
+          /* @__PURE__ */ t(pe, { required: !0, children: "Display Name" }),
+          /* @__PURE__ */ t(me, { fullWidth: !0, size: "small", value: s.displayName, onChange: (u) => G("displayName", u.target.value), placeholder: "e.g., Production Gateway", error: !!R.displayName, helperText: R.displayName, disabled: h })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ a(P, { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2, children: [
+        /* @__PURE__ */ t(te, { variant: "outlined", color: "inherit", onClick: e, disabled: h, children: "Cancel" }),
+        /* @__PURE__ */ t(te, { type: "submit", variant: "contained", color: "primary", disabled: h, children: h ? "Saving..." : "Save" })
+      ] })
+    ] }) }) })
+  ] });
+}
+const Ye = () => {
+  const n = ve(16), {
+    orgId: e
+  } = Ae(), [r, m] = L(!1), [c, s] = L(null);
+  let d;
+  n[0] === Symbol.for("react.memo_cache_sentinel") ? (d = (h) => {
+    s(h), m(!0);
+  }, n[0] = d) : d = n[0];
+  const R = d;
+  let f;
+  n[1] === Symbol.for("react.memo_cache_sentinel") ? (f = () => {
+    m(!1), s(null);
+  }, n[1] = f) : f = n[1];
+  const x = f;
+  let v;
+  n[2] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ t(Ee, { index: !0, element: /* @__PURE__ */ t(Be, { title: "Gateways", disableIcon: !0, children: /* @__PURE__ */ t(nn, { onEditGateway: R }) }) }), n[2] = v) : v = n[2];
+  let o;
+  n[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t(Ee, { path: "add", element: /* @__PURE__ */ t(hn, {}) }), n[3] = o) : o = n[3];
+  let b;
+  n[4] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ t(Ee, { path: "view/:gatewayId", element: /* @__PURE__ */ t(Sn, {}) }), n[4] = b) : b = n[4];
+  let y;
+  n[5] !== e ? (y = ge(fe.children.org.children.gateways.path, {
+    orgId: e
+  }), n[5] = e, n[6] = y) : y = n[6];
+  let i;
+  n[7] !== y ? (i = /* @__PURE__ */ a(It, { children: [
+    v,
+    o,
+    b,
+    /* @__PURE__ */ t(Ee, { path: "*", element: /* @__PURE__ */ t(Tt, { to: y }) })
+  ] }), n[7] = y, n[8] = i) : i = n[8];
+  let g;
+  n[9] !== r || n[10] !== c || n[11] !== e ? (g = c && /* @__PURE__ */ t(kn, { open: r, onClose: x, gateway: c, orgId: e ?? "", onSuccess: x }), n[9] = r, n[10] = c, n[11] = e, n[12] = g) : g = n[12];
+  let S;
+  return n[13] !== i || n[14] !== g ? (S = /* @__PURE__ */ a(de, { children: [
+    i,
+    g
+  ] }), n[13] = i, n[14] = g, n[15] = S) : S = n[15], S;
+}, Wn = {
+  title: "Gateways",
+  description: "A page component for Gateway management",
+  icon: Xe,
+  path: "/gateways",
+  component: Ye,
+  levels: {
+    organization: Ye
+  }
+};
+export {
+  Ye as GatewaysOrganization,
+  Wn as metaData
+};