@wso2/am-core-ui 0.0.19 → 0.0.20

package/dist/index-CnzvaT6b.js

@@ -0,0 +1,2368 @@
+import { c as me } from "react/compiler-runtime";
+import { jsx as e, jsxs as i, Fragment as O } from "react/jsx-runtime";
+import { Link as Qe, useNavigate as se, useParams as q, generatePath as B, useLocation as Ln, matchPath as En, Routes as Ke, Route as U, Navigate as Je } from "react-router-dom";
+import { aw as Ye, cl as Ze, G as kn, g as X, n as Dn, cr as De, j as Gn, k as zn, o as On, E as Bn, cs as en, ct as Fn, L as nn, y as tn, H as rn, cu as Wn, cv as Mn, cw as jn, cx as $n, cy as Hn, cz as Vn, cA as Un, cB as Xn, cC as an, cD as _n, cE as qn, cF as Qn, cG as Kn, cH as Jn, cI as Yn, P as on, cJ as Me } from "./index-ByEInFlf.js";
+import { useState as D, useMemo as S, useEffect as Ge, useCallback as Ce, createElement as sn, useRef as Zn } from "react";
+import { Button as _, Form as T, Stack as E, Avatar as ye, Typography as P, Box as F, Skeleton as z, ListingTable as t, SearchBar as et, Alert as M, Tooltip as ee, IconButton as ae, Grid as ue, Card as Ie, InputAdornment as nt, Chip as pe, Tabs as ze, Tab as ce, TablePagination as ln, TextField as Z, Collapse as cn, Autocomplete as ve, CircularProgress as Te, List as je, ListSubheader as tt, Divider as rt, ListItemButton as it, ListItemIcon as at, ListItemText as ot } from "@wso2/oxygen-ui";
+import { ArrowLeft as st, AlertTriangle as Ae, KeyRound as $e, Search as dn, Copy as hn, Users as pn, Plus as we, Folder as Le, Trash as oe, Shield as Ee, LayoutGrid as lt, CheckCircle as ct } from "@wso2/oxygen-ui-icons-react";
+import "@tanstack/react-query";
+import { c as gn } from "./clipboard-YAzStmkw.js";
+import { o as dt, s as He } from "./schemas-DFScWdSL.js";
+const ge = (r) => {
+  const n = me(5), {
+    to: o,
+    label: a
+  } = r;
+  let l, c;
+  n[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ e(st, { size: 16 }), c = {
+    mb: 2
+  }, n[0] = l, n[1] = c) : (l = n[0], c = n[1]);
+  let h;
+  return n[2] !== a || n[3] !== o ? (h = /* @__PURE__ */ e(_, { component: Qe, to: o, variant: "text", startIcon: l, sx: c, children: a }), n[2] = a, n[3] = o, n[4] = h) : h = n[4], h;
+}, ht = {
+  width: 48,
+  height: 48,
+  fontSize: 20
+}, pt = {
+  flex: 1,
+  minWidth: 0
+}, gt = {
+  fontFamily: "monospace"
+}, Oe = (r) => {
+  const n = me(19), {
+    fallback: o,
+    name: a,
+    subtitle: l,
+    id: c,
+    badge: h
+  } = r;
+  let p;
+  n[0] !== o || n[1] !== a ? (p = a.charAt(0).toUpperCase() || o, n[0] = o, n[1] = a, n[2] = p) : p = n[2];
+  let y;
+  n[3] !== p ? (y = /* @__PURE__ */ e(ye, { sx: ht, children: p }), n[3] = p, n[4] = y) : y = n[4];
+  let g;
+  n[5] !== h || n[6] !== a ? (g = h ? /* @__PURE__ */ i(E, { direction: "row", alignItems: "center", spacing: 1, children: [
+    /* @__PURE__ */ e(P, { variant: "h6", noWrap: !0, children: a }),
+    h
+  ] }) : /* @__PURE__ */ e(P, { variant: "h6", noWrap: !0, children: a }), n[5] = h, n[6] = a, n[7] = g) : g = n[7];
+  let u;
+  n[8] !== l ? (u = l && /* @__PURE__ */ e(P, { variant: "body2", color: "text.secondary", noWrap: !0, children: l }), n[8] = l, n[9] = u) : u = n[9];
+  let I;
+  n[10] !== c ? (I = /* @__PURE__ */ e(P, { variant: "caption", color: "text.disabled", sx: gt, children: c }), n[10] = c, n[11] = I) : I = n[11];
+  let m;
+  n[12] !== g || n[13] !== u || n[14] !== I ? (m = /* @__PURE__ */ i(F, { sx: pt, children: [
+    g,
+    u,
+    I
+  ] }), n[12] = g, n[13] = u, n[14] = I, n[15] = m) : m = n[15];
+  let b;
+  return n[16] !== y || n[17] !== m ? (b = /* @__PURE__ */ e(T.Section, { children: /* @__PURE__ */ i(E, { direction: "row", alignItems: "center", spacing: 2, children: [
+    y,
+    m
+  ] }) }), n[16] = y, n[17] = m, n[18] = b) : b = n[18], b;
+}, Be = (r) => {
+  const n = me(9), {
+    tabs: o
+  } = r, a = o === void 0 ? 2 : o;
+  let l;
+  n[0] === Symbol.for("react.memo_cache_sentinel") ? (l = {
+    borderBottom: 1,
+    borderColor: "divider",
+    pb: 1.5
+  }, n[0] = l) : l = n[0];
+  let c;
+  n[1] !== a ? (c = /* @__PURE__ */ e(E, { direction: "row", spacing: 3, sx: l, children: Array.from({
+    length: a
+  }).map(mt) }), n[1] = a, n[2] = c) : c = n[2];
+  let h, p, y;
+  n[3] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ e(z, { variant: "text", width: "30%", height: 28 }), p = /* @__PURE__ */ e(z, { variant: "text", width: "55%" }), y = /* @__PURE__ */ e(z, { variant: "rounded", height: 40 }), n[3] = h, n[4] = p, n[5] = y) : (h = n[3], p = n[4], y = n[5]);
+  let g;
+  n[6] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ i(E, { spacing: 1, children: [
+    /* @__PURE__ */ e(z, { variant: "rounded", height: 56 }),
+    /* @__PURE__ */ e(z, { variant: "rounded", height: 56 }),
+    /* @__PURE__ */ e(z, { variant: "rounded", height: 56 })
+  ] }), n[6] = g) : g = n[6];
+  let u;
+  return n[7] !== c ? (u = /* @__PURE__ */ i(T.Section, { children: [
+    c,
+    h,
+    p,
+    y,
+    g
+  ] }), n[7] = c, n[8] = u) : u = n[8], u;
+};
+function mt(r, n) {
+  return /* @__PURE__ */ e(z, { variant: "text", width: 72 }, n);
+}
+const mn = (r) => {
+  const n = me(5), {
+    rows: o,
+    columns: a
+  } = r, l = o === void 0 ? 5 : o, c = a === void 0 ? 2 : a;
+  let h;
+  n[0] !== l ? (h = Array.from({
+    length: l
+  }), n[0] = l, n[1] = h) : h = n[1];
+  let p;
+  return n[2] !== c || n[3] !== h ? (p = /* @__PURE__ */ e(O, { children: h.map((y, g) => /* @__PURE__ */ i(t.Row, { variant: "table", children: [
+    /* @__PURE__ */ e(t.Cell, { children: /* @__PURE__ */ i(E, { direction: "row", alignItems: "center", spacing: 2, children: [
+      /* @__PURE__ */ e(z, { variant: "circular", width: 28, height: 28 }),
+      /* @__PURE__ */ e(z, { variant: "text", width: "40%" })
+    ] }) }),
+    c > 1 && /* @__PURE__ */ e(t.Cell, { children: /* @__PURE__ */ e(z, { variant: "text", width: "70%" }) }),
+    /* @__PURE__ */ e(t.Cell, { align: "center", width: "80px" })
+  ] }, g)) }), n[2] = c, n[3] = h, n[4] = p) : p = n[4], p;
+}, un = "ThunderID", Ve = {
+  fontFamily: "monospace",
+  color: "text.secondary",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  display: "block"
+}, ut = (r, n) => [un, r.title, r.instance.envName, r.instance.issuerUrl, r.instance.tokenUrl].join(" ").toLowerCase().includes(n);
+function vt() {
+  const r = se(), {
+    orgId: n
+  } = q(), {
+    pushSnackBar: o
+  } = Ye(), [a, l] = D(""), {
+    data: c,
+    isLoading: h,
+    error: p
+  } = Ze({
+    orgName: n
+  }), {
+    data: y,
+    isLoading: g
+  } = kn({
+    orgName: n
+  }), u = h || g, I = p, m = S(() => c?.thunderInstances ?? [], [c]), b = S(() => {
+    const A = new Map(m.map((s) => [s.envName, s])), w = [], L = /* @__PURE__ */ new Set();
+    for (const s of y ?? []) {
+      L.add(s.name);
+      const v = A.get(s.name);
+      v && w.push({
+        title: s.displayName || s.name,
+        instance: v
+      });
+    }
+    for (const s of m)
+      L.has(s.envName) || w.push({
+        title: s.displayName || s.envName,
+        instance: s
+      });
+    const x = a.trim().toLowerCase();
+    return x ? w.filter((s) => ut(s, x)) : w;
+  }, [y, m, a]), C = (A, w) => {
+    A.stopPropagation(), gn(w).then((L) => {
+      o(L ? {
+        message: "Token endpoint copied to clipboard",
+        type: "success"
+      } : {
+        message: "Failed to copy token endpoint",
+        type: "error"
+      });
+    });
+  }, f = (A) => {
+    r(B(X.children.org.children.thunderInstances.children.view.path, {
+      orgId: n ?? "",
+      envName: A.envName
+    }));
+  }, R = e(et, {
+    placeholder: "Search identity providers...",
+    size: "small",
+    fullWidth: !0,
+    value: a,
+    onChange: (A) => l(A.target.value),
+    disabled: u
+  });
+  return u ? e(t.Container, {
+    disablePaper: !0,
+    children: e(E, {
+      spacing: 1,
+      mt: 1,
+      children: Array.from({
+        length: 3
+      }).map((A, w) => i(E, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 2,
+        sx: {
+          px: 2,
+          py: 1.5,
+          borderRadius: 1,
+          border: "1px solid",
+          borderColor: "divider",
+          bgcolor: "background.paper"
+        },
+        children: [e(z, {
+          variant: "circular",
+          width: 36,
+          height: 36
+        }), e(z, {
+          variant: "text",
+          width: 160,
+          height: 20,
+          sx: {
+            flex: 1
+          }
+        }), e(z, {
+          variant: "rounded",
+          width: 96,
+          height: 24
+        }), e(z, {
+          variant: "rounded",
+          width: 24,
+          height: 24
+        })]
+      }, w))
+    })
+  }) : I ? e(M, {
+    severity: "error",
+    icon: e(Ae, {
+      size: 18
+    }),
+    children: "Failed to load identity providers. Please try again."
+  }) : m.length === 0 ? e(t.Container, {
+    children: e(t.EmptyState, {
+      illustration: e($e, {
+        size: 64
+      }),
+      title: "No identity providers",
+      description: "Add an environment first. Each environment automatically gets a Thunder identity provider."
+    })
+  }) : i(E, {
+    spacing: 1,
+    children: [R, b.length === 0 ? e(t.Container, {
+      children: e(t.EmptyState, {
+        illustration: e(dn, {
+          size: 64
+        }),
+        title: "No identity providers found",
+        description: "Try a different keyword or clear the search filter."
+      })
+    }) : e(E, {
+      pt: 3,
+      children: e(t.Container, {
+        disablePaper: !0,
+        children: i(t, {
+          variant: "card",
+          children: [e(t.Head, {
+            children: i(t.Row, {
+              children: [e(t.Cell, {
+                width: "240px",
+                children: "Environment"
+              }), e(t.Cell, {
+                children: "Issuer"
+              }), e(t.Cell, {
+                children: "Token Endpoint"
+              })]
+            })
+          }), e(t.Body, {
+            children: b.map(({
+              title: A,
+              instance: w
+            }) => i(t.Row, {
+              variant: "card",
+              hover: !0,
+              clickable: !0,
+              onClick: () => f(w),
+              children: [e(t.Cell, {
+                children: e(t.CellIcon, {
+                  icon: e(ye, {
+                    sx: {
+                      width: 28,
+                      height: 28,
+                      bgcolor: "primary.main",
+                      color: "primary.contrastText"
+                    },
+                    children: e($e, {
+                      size: 16
+                    })
+                  }),
+                  primary: A,
+                  secondary: un
+                })
+              }), e(t.Cell, {
+                children: e(P, {
+                  variant: "caption",
+                  sx: {
+                    ...Ve,
+                    maxWidth: 280
+                  },
+                  children: w.issuerUrl
+                })
+              }), e(t.Cell, {
+                children: i(E, {
+                  direction: "row",
+                  alignItems: "center",
+                  spacing: 1,
+                  children: [e(P, {
+                    variant: "caption",
+                    sx: {
+                      ...Ve,
+                      maxWidth: 320
+                    },
+                    children: w.tokenUrl
+                  }), e(ee, {
+                    title: "Copy token endpoint",
+                    children: e(ae, {
+                      size: "small",
+                      onClick: (L) => C(L, w.tokenUrl),
+                      children: e(hn, {
+                        size: 14
+                      })
+                    })
+                  })]
+                })
+              })]
+            }, w.envName))
+          })]
+        })
+      })
+    })]
+  });
+}
+function Ue({
+  label: r,
+  value: n,
+  monospace: o = !1
+}) {
+  return e(Ie, {
+    variant: "outlined",
+    sx: {
+      p: 2,
+      height: "100%"
+    },
+    children: i(E, {
+      spacing: 0.5,
+      children: [e(P, {
+        variant: "caption",
+        color: "text.secondary",
+        sx: {
+          fontWeight: 500
+        },
+        children: r
+      }), e(P, {
+        variant: "body2",
+        sx: {
+          fontFamily: o ? "monospace" : void 0,
+          wordBreak: "break-all"
+        },
+        children: n
+      })]
+    })
+  });
+}
+function Ne({
+  label: r,
+  value: n,
+  onCopy: o
+}) {
+  return e(Dn, {
+    label: r,
+    value: n,
+    size: "small",
+    fullWidth: !0,
+    slotProps: {
+      input: {
+        readOnly: !0,
+        sx: {
+          fontFamily: "monospace",
+          fontSize: "0.8125rem"
+        },
+        endAdornment: e(nt, {
+          position: "end",
+          children: e(ee, {
+            title: `Copy ${r}`,
+            children: e(ae, {
+              size: "small",
+              "aria-label": `Copy ${r}`,
+              onClick: () => o(n, r),
+              children: e(hn, {
+                size: 14
+              })
+            })
+          })
+        })
+      }
+    }
+  });
+}
+function yt({
+  instance: r,
+  onCopy: n
+}) {
+  return i(E, {
+    spacing: 3,
+    children: [i(E, {
+      spacing: 1.5,
+      children: [e(P, {
+        variant: "subtitle2",
+        fontWeight: 600,
+        children: "Infrastructure"
+      }), i(ue, {
+        container: !0,
+        spacing: 2,
+        children: [e(ue, {
+          size: {
+            xs: 12,
+            sm: 6
+          },
+          children: e(Ue, {
+            label: "Kubernetes Namespace",
+            value: r.namespace,
+            monospace: !0
+          })
+        }), e(ue, {
+          size: {
+            xs: 12,
+            sm: 6
+          },
+          children: e(Ue, {
+            label: "Environment",
+            value: r.envName,
+            monospace: !0
+          })
+        })]
+      })]
+    }), i(E, {
+      spacing: 1.5,
+      children: [e(P, {
+        variant: "subtitle2",
+        fontWeight: 600,
+        children: "OAuth2 Endpoints"
+      }), i(E, {
+        spacing: 2,
+        children: [e(Ne, {
+          label: "Token Endpoint",
+          value: r.tokenUrl,
+          onCopy: n
+        }), e(Ne, {
+          label: "JWKS Endpoint",
+          value: r.jwksUrl,
+          onCopy: n
+        }), e(Ne, {
+          label: "Issuer URL",
+          value: r.issuerUrl,
+          onCopy: n
+        })]
+      })]
+    })]
+  });
+}
+const ft = {
+  width: 28,
+  height: 28,
+  fontSize: 12
+}, bt = {
+  fontFamily: "monospace"
+}, Ct = {
+  completed: "success",
+  in_progress: "info",
+  pending: "warning",
+  failed: "error"
+}, It = (r, n) => [r.agentName, r.projectName, r.status, r.thunderAgentId ?? ""].join(" ").toLowerCase().includes(n), At = () => {
+  const {
+    orgId: r,
+    envName: n
+  } = q(), o = se(), [a, l] = D(""), {
+    data: c,
+    isLoading: h,
+    error: p
+  } = De({
+    orgName: r,
+    envName: n ?? ""
+  }), y = S(() => c?.agents ?? [], [c]), g = X.children.org.children.thunderInstances.children.view.children.agents, u = (m) => r && n ? B(g.children.detail.path, {
+    orgId: r,
+    envName: n,
+    projectName: m.projectName,
+    agentName: m.agentName
+  }) : "#", I = S(() => {
+    const m = a.trim().toLowerCase();
+    return m ? y.filter((b) => It(b, m)) : y;
+  }, [y, a]);
+  return p != null ? e(M, {
+    severity: "error",
+    icon: e(Ae, {
+      size: 18
+    }),
+    children: "Failed to load agents. Please try again."
+  }) : e(t.Provider, {
+    searchValue: a,
+    onSearchChange: l,
+    children: i(t.Container, {
+      children: [e(t.Toolbar, {
+        showSearch: !0,
+        searchPlaceholder: "Search agents..."
+      }), !h && y.length === 0 ? e(t.EmptyState, {
+        illustration: e(pn, {
+          size: 64
+        }),
+        title: "No agents yet",
+        description: "Agents provisioned in this environment will appear here."
+      }) : !h && I.length === 0 ? e(t.EmptyState, {
+        illustration: e(dn, {
+          size: 64
+        }),
+        title: "No agents found",
+        description: `No agents match "${a}". Try a different search term.`
+      }) : i(t, {
+        variant: "table",
+        children: [e(t.Head, {
+          children: i(t.Row, {
+            children: [e(t.Cell, {
+              children: "Agent"
+            }), e(t.Cell, {
+              children: "Project"
+            }), e(t.Cell, {
+              children: "Status"
+            }), e(t.Cell, {
+              children: "Thunder Agent ID"
+            })]
+          })
+        }), i(t.Body, {
+          children: [h && Array.from({
+            length: 5
+          }).map((m, b) => i(t.Row, {
+            variant: "table",
+            children: [e(t.Cell, {
+              children: i(E, {
+                direction: "row",
+                alignItems: "center",
+                spacing: 2,
+                children: [e(z, {
+                  variant: "circular",
+                  width: 28,
+                  height: 28
+                }), e(z, {
+                  variant: "text",
+                  width: "40%"
+                })]
+              })
+            }), e(t.Cell, {
+              children: e(z, {
+                variant: "text",
+                width: "60%"
+              })
+            }), e(t.Cell, {
+              children: e(z, {
+                variant: "rounded",
+                width: 80,
+                height: 24
+              })
+            }), e(t.Cell, {
+              children: e(z, {
+                variant: "text",
+                width: "70%"
+              })
+            })]
+          }, b)), !h && I.map((m) => i(t.Row, {
+            variant: "table",
+            hover: !0,
+            clickable: !0,
+            onClick: () => o(u(m)),
+            children: [e(t.Cell, {
+              children: e(t.CellIcon, {
+                icon: e(ye, {
+                  sx: ft,
+                  children: m.agentName.charAt(0).toUpperCase() || "A"
+                }),
+                primary: m.agentName
+              })
+            }), e(t.Cell, {
+              children: m.projectName
+            }), e(t.Cell, {
+              children: e(pe, {
+                label: m.status,
+                size: "small",
+                color: Ct[m.status] ?? "default",
+                variant: "outlined"
+              })
+            }), e(t.Cell, {
+              children: e(P, {
+                variant: "caption",
+                color: "text.secondary",
+                sx: bt,
+                children: m.thunderAgentId ?? "-"
+              })
+            })]
+          }, `${m.projectName}/${m.agentName}`))]
+        })]
+      })]
+    })
+  });
+};
+function Xe({
+  header: r,
+  description: n,
+  items: o,
+  emptyText: a
+}) {
+  return i(O, {
+    children: [e(T.Header, {
+      children: r
+    }), e(P, {
+      variant: "body2",
+      color: "text.secondary",
+      children: n
+    }), e(F, {
+      sx: {
+        mt: 1
+      },
+      children: o.length === 0 ? e(P, {
+        variant: "body2",
+        color: "text.secondary",
+        children: a
+      }) : e(E, {
+        direction: "row",
+        flexWrap: "wrap",
+        gap: 1,
+        children: o.map((l) => e(pe, {
+          label: l.name,
+          size: "small"
+        }, l.id))
+      })
+    })]
+  });
+}
+const wt = () => {
+  const {
+    orgId: r,
+    envName: n,
+    projectName: o,
+    agentName: a
+  } = q(), [l, c] = D("roles"), {
+    data: h,
+    isLoading: p,
+    error: y
+  } = Gn({
+    orgName: r,
+    projName: o,
+    agentName: a
+  }, {
+    environment: n ?? ""
+  }), {
+    data: g,
+    isLoading: u,
+    error: I
+  } = zn({
+    orgName: r,
+    projName: o,
+    agentName: a
+  }, {
+    environment: n ?? ""
+  }), {
+    data: m,
+    isLoading: b
+  } = On({
+    orgName: r,
+    projName: o,
+    agentName: a
+  }), {
+    data: C,
+    isLoading: f
+  } = Bn({
+    orgName: r,
+    projName: o
+  }), R = S(() => h?.roles ?? [], [h]), A = S(() => g?.groups ?? [], [g]), w = X.children.org.children.thunderInstances.children.view.children.agents, L = r && n ? B(w.path, {
+    orgId: r,
+    envName: n
+  }) : "#";
+  return p || u || b || f ? i(O, {
+    children: [e(ge, {
+      to: L,
+      label: "Agents"
+    }), e(Be, {
+      tabs: 2
+    })]
+  }) : i(O, {
+    children: [e(ge, {
+      to: L,
+      label: "Agents"
+    }), i(E, {
+      spacing: 3,
+      children: [e(Oe, {
+        fallback: "A",
+        name: m?.displayName || a || "",
+        subtitle: C?.displayName || o,
+        id: a ?? ""
+      }), (y != null || I != null) && e(M, {
+        severity: "error",
+        children: "Failed to load this agent's roles/groups. Please try again."
+      }), i(T.Section, {
+        children: [i(ze, {
+          value: l,
+          onChange: (s, v) => c(v),
+          sx: {
+            borderBottom: 1,
+            borderColor: "divider"
+          },
+          children: [e(ce, {
+            label: "Roles",
+            value: "roles"
+          }), e(ce, {
+            label: "Groups",
+            value: "groups"
+          })]
+        }), l === "roles" && e(Xe, {
+          header: "Assigned Roles",
+          description: i(O, {
+            children: ["Roles assigned to this agent's identity in ", n, ". To modify role assignments, use the Roles page."]
+          }),
+          items: R,
+          emptyText: "No roles assigned to this agent."
+        }), l === "groups" && e(Xe, {
+          header: "Group Memberships",
+          description: i(O, {
+            children: ["Groups this agent's identity belongs to in ", n, ". To modify group memberships, use the Groups page."]
+          }),
+          items: A,
+          emptyText: "This agent is not a member of any groups."
+        })]
+      })]
+    })]
+  });
+}, St = {
+  width: 28,
+  height: 28,
+  fontSize: 12
+}, xt = () => {
+  const {
+    orgId: r,
+    envName: n
+  } = q(), o = se(), [a, l] = D(0), [c, h] = D(10), [p, y] = D(""), {
+    data: g,
+    isLoading: u,
+    error: I
+  } = en({
+    orgName: r,
+    envName: n ?? ""
+  }, {
+    offset: a * c,
+    limit: c
+  }), {
+    mutateAsync: m
+  } = Fn(), {
+    addConfirmation: b
+  } = nn(), C = S(() => g?.groups ?? [], [g]), f = g?.total ?? 0;
+  Ge(() => {
+    if (C.length === 0 && f > 0) {
+      const s = Math.max(0, Math.ceil(f / c) - 1);
+      a !== s && l(s);
+    }
+  }, [C.length, f, a, c]);
+  const R = X.children.org.children.thunderInstances.children.view.children.groups, A = r && n ? B(R.children.create.path, {
+    orgId: r,
+    envName: n
+  }) : "#", w = (s) => r && n ? B(R.children.detail.path, {
+    orgId: r,
+    envName: n,
+    groupId: s
+  }) : "#", L = S(() => {
+    if (!p) return C;
+    const s = p.toLowerCase();
+    return C.filter((v) => v.name.toLowerCase().includes(s) || (v.description ?? "").toLowerCase().includes(s));
+  }, [C, p]), x = (s) => {
+    b({
+      title: "Delete Group",
+      description: `Are you sure you want to delete "${s.name}"? This action cannot be undone.`,
+      confirmButtonText: "Delete",
+      confirmButtonColor: "error",
+      confirmButtonIcon: e(oe, {
+        size: 16
+      }),
+      onConfirm: () => m({
+        orgName: r,
+        envName: n ?? "",
+        groupId: s.id
+      })
+    });
+  };
+  return i(O, {
+    children: [I != null && e(M, {
+      severity: "error",
+      sx: {
+        mb: 2
+      },
+      children: "Failed to load groups"
+    }), e(t.Provider, {
+      searchValue: p,
+      onSearchChange: y,
+      children: i(t.Container, {
+        children: [e(t.Toolbar, {
+          showSearch: !0,
+          searchPlaceholder: "Search groups...",
+          actions: e(_, {
+            variant: "contained",
+            startIcon: e(we, {}),
+            onClick: () => o(A),
+            children: "Create Group"
+          })
+        }), !u && f === 0 ? e(t.EmptyState, {
+          illustration: e(Le, {
+            size: 64
+          }),
+          title: "No groups yet",
+          description: 'Click "Create Group" to add one.'
+        }) : !u && L.length === 0 ? e(t.EmptyState, {
+          illustration: e(Le, {
+            size: 64
+          }),
+          title: "No groups found",
+          description: `No groups match "${p}". Try a different search term.`
+        }) : i(t, {
+          variant: "table",
+          children: [e(t.Head, {
+            children: i(t.Row, {
+              children: [e(t.Cell, {
+                children: "Name"
+              }), e(t.Cell, {
+                align: "center",
+                width: "80px"
+              })]
+            })
+          }), i(t.Body, {
+            children: [u && e(mn, {
+              rows: Math.ceil(c / 2),
+              columns: 1
+            }), !u && L.map((s) => i(t.Row, {
+              variant: "table",
+              hover: !0,
+              clickable: !0,
+              onClick: () => o(w(s.id)),
+              children: [e(t.Cell, {
+                children: e(t.CellIcon, {
+                  icon: e(ye, {
+                    sx: St,
+                    children: s.name.charAt(0).toUpperCase() || "G"
+                  }),
+                  primary: s.name,
+                  secondary: s.description ?? void 0
+                })
+              }), e(t.Cell, {
+                align: "center",
+                children: e(t.RowActions, {
+                  visibility: "hover",
+                  children: e(ee, {
+                    title: "Delete group",
+                    children: e(ae, {
+                      size: "small",
+                      color: "error",
+                      onClick: (v) => {
+                        v.stopPropagation(), x(s);
+                      },
+                      children: e(oe, {
+                        size: 16
+                      })
+                    })
+                  })
+                })
+              })]
+            }, s.id))]
+          })]
+        }), !u && f >= 5 && e(ln, {
+          component: "div",
+          count: f,
+          page: a,
+          rowsPerPage: c,
+          onPageChange: (s, v) => l(v),
+          onRowsPerPageChange: (s) => {
+            h(parseInt(s.target.value, 10)), l(0);
+          },
+          rowsPerPageOptions: [5, 10, 25, 50]
+        })]
+      })
+    })]
+  });
+}, vn = dt({
+  name: He().trim().min(1, "Name is required").max(50, "Name must be at most 50 characters"),
+  description: He().trim().optional()
+}), Nt = vn, Rt = vn, Pt = () => {
+  const {
+    orgId: r,
+    envName: n
+  } = q(), o = se(), [a, l] = D({
+    name: "",
+    description: ""
+  }), {
+    errors: c,
+    validateField: h,
+    validateForm: p,
+    clearErrors: y,
+    setFieldError: g
+  } = tn(Nt), {
+    checkDirty: u,
+    resetDirty: I
+  } = rn(a), [m, b] = D({}), {
+    mutateAsync: C,
+    isPending: f,
+    error: R
+  } = Wn(), A = X.children.org.children.thunderInstances.children.view.children.groups, w = r && n ? B(A.path, {
+    orgId: r,
+    envName: n
+  }) : "#", L = Ce((v, $) => {
+    const J = {
+      ...a,
+      [v]: $
+    };
+    l(J), u(J), g(v, h(v, $));
+  }, [a, u, h, g]), x = Ce(async () => {
+    if (!p(a)) {
+      b(c);
+      return;
+    }
+    b({});
+    try {
+      const v = await C({
+        params: {
+          orgName: r,
+          envName: n ?? ""
+        },
+        body: {
+          name: a.name.trim(),
+          description: a.description?.trim() || void 0
+        }
+      });
+      I(), y(), o(B(A.children.detail.path, {
+        orgId: r,
+        envName: n,
+        groupId: v.id
+      }));
+    } catch {
+    }
+  }, [a, p, c, C, r, n, I, y, o, A]), s = Object.values(m);
+  return e(O, {
+    children: i(F, {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2,
+      children: [R != null && e(M, {
+        severity: "error",
+        children: R?.message ?? "Failed to create group"
+      }), e(T.Stack, {
+        spacing: 3,
+        children: i(T.Section, {
+          children: [e(T.Subheader, {
+            children: "Group Details"
+          }), i(T.Stack, {
+            spacing: 2,
+            children: [e(T.ElementWrapper, {
+              label: "Name",
+              name: "name",
+              children: e(Z, {
+                id: "name",
+                value: a.name,
+                onChange: (v) => L("name", v.target.value),
+                placeholder: "on-call-agents",
+                autoComplete: "off",
+                error: !!c.name,
+                helperText: c.name,
+                fullWidth: !0
+              })
+            }), e(T.ElementWrapper, {
+              label: "Description (optional)",
+              name: "description",
+              children: e(Z, {
+                id: "description",
+                value: a.description,
+                onChange: (v) => L("description", v.target.value),
+                placeholder: "Describe the group's purpose",
+                multiline: !0,
+                minRows: 2,
+                maxRows: 6,
+                error: !!c.description,
+                helperText: c.description,
+                fullWidth: !0
+              })
+            })]
+          })]
+        })
+      }), i(F, {
+        display: "flex",
+        flexDirection: "column",
+        gap: 3,
+        children: [e(cn, {
+          in: s.length > 0,
+          timeout: "auto",
+          unmountOnExit: !0,
+          children: e(M, {
+            severity: "error",
+            children: s.map((v, $) => e(F, {
+              children: v
+            }, $))
+          })
+        }), i(F, {
+          display: "flex",
+          flexDirection: "row",
+          gap: 1,
+          alignItems: "center",
+          children: [e(_, {
+            variant: "outlined",
+            color: "primary",
+            onClick: () => o(w),
+            children: "Cancel"
+          }), e(_, {
+            variant: "contained",
+            color: "primary",
+            startIcon: e(we, {
+              size: 16
+            }),
+            onClick: x,
+            disabled: f || !a.name.trim(),
+            children: "Create Group"
+          })]
+        })]
+      })]
+    })
+  });
+};
+function yn(r) {
+  const n = S(() => r.filter((l) => !!l.thunderAgentId), [r]), o = S(() => new Map(n.map((l) => [l.thunderAgentId, l])), [n]);
+  return {
+    agents: n,
+    agentsByThunderId: o,
+    displayName: (l) => o.get(l)?.agentName ?? l
+  };
+}
+function ke(r, n) {
+  const [o, a] = D([]), [l, c] = D(/* @__PURE__ */ new Set()), h = S(() => r.filter((b) => !l.has(b)), [r, l]), p = S(() => o.map(n), [o, n]), y = S(() => /* @__PURE__ */ new Set([...h, ...p]), [h, p]), g = (b, C) => {
+    if (!C) return;
+    const f = n(C);
+    l.has(f) ? c((R) => {
+      const A = new Set(R);
+      return A.delete(f), A;
+    }) : a((R) => [...R, C]);
+  }, u = (b) => {
+    o.some((C) => n(C) === b) ? a((C) => C.filter((f) => n(f) !== b)) : c((C) => /* @__PURE__ */ new Set([...C, b]));
+  }, I = () => {
+    a([]), c(/* @__PURE__ */ new Set());
+  }, m = o.length > 0 || l.size > 0;
+  return {
+    pendingAdds: o,
+    removedIds: l,
+    activeIds: h,
+    pendingAddIds: p,
+    excludedIds: y,
+    handleAdd: g,
+    handleRemove: u,
+    reset: I,
+    isDirty: m
+  };
+}
+const Re = 100, Tt = () => {
+  const {
+    orgId: r,
+    envName: n,
+    groupId: o
+  } = q(), a = se(), [l, c] = D("agents"), h = {
+    orgName: r,
+    envName: n ?? "",
+    groupId: o ?? ""
+  }, {
+    data: p,
+    isLoading: y
+  } = Mn(h), {
+    data: g,
+    isLoading: u
+  } = jn(h, {
+    offset: 0,
+    limit: Re
+  }), {
+    data: I,
+    isLoading: m,
+    isError: b
+  } = $n(h), {
+    data: C,
+    isLoading: f
+  } = De({
+    orgName: r,
+    envName: n ?? ""
+  }), {
+    mutateAsync: R
+  } = Hn(), {
+    mutateAsync: A
+  } = Vn(), {
+    agents: w,
+    displayName: L
+  } = yn(C?.agents ?? []), x = S(() => (g?.members ?? []).map((N) => N.id), [g]), s = S(() => I?.roles ?? [], [I]), v = ke(x, (N) => N.thunderAgentId), {
+    pendingAdds: $,
+    removedIds: J
+  } = v, [Y, k] = D(!1), [W, Q] = D(), [de, ne] = D(!1), Se = X.children.org.children.thunderInstances.children.view.children.groups, te = r && n ? B(Se.path, {
+    orgId: r,
+    envName: n
+  }) : "#", re = v.activeIds, H = S(() => w.filter((N) => !v.excludedIds.has(N.thunderAgentId)), [w, v.excludedIds]), xe = v.handleAdd, j = v.handleRemove, K = async () => {
+    if (!(!r || !n || !o)) {
+      Q(void 0), ne(!1), k(!0);
+      try {
+        const N = $.map((he) => he.thunderAgentId).filter((he) => !x.includes(he)), ie = [...J];
+        await Promise.all([N.length > 0 ? R({
+          params: h,
+          body: {
+            agentIds: N
+          }
+        }) : null, ie.length > 0 ? A({
+          params: h,
+          body: {
+            agentIds: ie
+          }
+        }) : null]), ne(!0), v.reset();
+      } catch {
+        Q("Failed to update group members. Please try again.");
+      } finally {
+        k(!1);
+      }
+    }
+  };
+  if (y || u || f)
+    return i(O, {
+      children: [e(ge, {
+        to: te,
+        label: "Groups"
+      }), e(Be, {
+        tabs: 2
+      })]
+    });
+  const le = v.isDirty;
+  return i(O, {
+    children: [e(ge, {
+      to: te,
+      label: "Groups"
+    }), i(E, {
+      spacing: 3,
+      children: [e(Oe, {
+        fallback: "G",
+        name: p?.name ?? "",
+        subtitle: p?.description,
+        id: o ?? ""
+      }), W != null && e(M, {
+        severity: "error",
+        children: W
+      }), de && e(M, {
+        severity: "success",
+        children: "Group updated successfully."
+      }), i(T.Section, {
+        children: [i(ze, {
+          value: l,
+          onChange: (N, ie) => c(ie),
+          sx: {
+            borderBottom: 1,
+            borderColor: "divider"
+          },
+          children: [e(ce, {
+            label: "Agents",
+            value: "agents"
+          }), e(ce, {
+            label: "Roles",
+            value: "roles"
+          })]
+        }), l === "agents" && i(O, {
+          children: [e(T.Header, {
+            children: "Agents"
+          }), e(P, {
+            variant: "body2",
+            color: "text.secondary",
+            children: "Search and add agents to this group."
+          }), (g?.total ?? 0) > Re && i(M, {
+            severity: "warning",
+            sx: {
+              mt: 1
+            },
+            children: ["Showing the first ", Re, " of ", g?.total, " members. The add-agent picker below only excludes agents from this page."]
+          }), e(F, {
+            sx: {
+              mt: 1
+            },
+            children: e(T.ElementWrapper, {
+              label: "Add Agent",
+              name: "addAgent",
+              children: e(ve, {
+                id: "addAgent",
+                options: H,
+                getOptionLabel: (N) => N.agentName,
+                onChange: xe,
+                value: null,
+                renderInput: (N) => e(Z, {
+                  ...N,
+                  placeholder: "Search agents..."
+                }),
+                noOptionsText: "No agents available"
+              })
+            })
+          }), $.length > 0 && i(F, {
+            mb: 2,
+            children: [e(P, {
+              variant: "body2",
+              fontWeight: 500,
+              mb: 1,
+              children: "Pending additions (unsaved)"
+            }), e(t.Container, {
+              children: i(t, {
+                children: [e(t.Head, {
+                  children: i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: "Agent"
+                    }), e(t.Cell, {
+                      children: "Project"
+                    }), e(t.Cell, {})]
+                  })
+                }), e(t.Body, {
+                  children: $.map((N) => i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: N.agentName
+                    }), e(t.Cell, {
+                      children: N.projectName
+                    }), e(t.Cell, {
+                      align: "right",
+                      children: e(ee, {
+                        title: "Remove from group",
+                        children: e(ae, {
+                          size: "small",
+                          onClick: () => j(N.thunderAgentId),
+                          children: e(oe, {
+                            size: 16
+                          })
+                        })
+                      })
+                    })]
+                  }, N.thunderAgentId))
+                })]
+              })
+            })]
+          }), re.length === 0 && $.length === 0 ? e(P, {
+            variant: "body2",
+            color: "text.secondary",
+            children: "No members yet. Search and add agents above."
+          }) : re.length > 0 ? e(t.Container, {
+            children: i(t, {
+              children: [e(t.Head, {
+                children: i(t.Row, {
+                  children: [e(t.Cell, {
+                    children: "Agent"
+                  }), e(t.Cell, {
+                    children: "Thunder Agent ID"
+                  }), e(t.Cell, {})]
+                })
+              }), e(t.Body, {
+                children: re.map((N) => i(t.Row, {
+                  children: [e(t.Cell, {
+                    children: L(N)
+                  }), e(t.Cell, {
+                    children: N
+                  }), e(t.Cell, {
+                    align: "right",
+                    children: e(ee, {
+                      title: "Remove from group",
+                      children: e(ae, {
+                        size: "small",
+                        onClick: () => j(N),
+                        children: e(oe, {
+                          size: 16
+                        })
+                      })
+                    })
+                  })]
+                }, N))
+              })]
+            })
+          }) : null]
+        }), l === "roles" && i(O, {
+          children: [e(T.Header, {
+            children: "Assigned Roles"
+          }), e(P, {
+            variant: "body2",
+            color: "text.secondary",
+            children: "Roles currently assigned to this group. Manage role assignments from the Roles page."
+          }), e(F, {
+            sx: {
+              mt: 1
+            },
+            children: m ? e(Te, {
+              size: 20
+            }) : b ? e(P, {
+              variant: "body2",
+              color: "error",
+              children: "Failed to load roles. Please try again."
+            }) : s.length === 0 ? e(P, {
+              variant: "body2",
+              color: "text.secondary",
+              children: "No roles assigned to this group."
+            }) : e(t.Container, {
+              children: i(t, {
+                children: [e(t.Head, {
+                  children: i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: "Name"
+                    }), e(t.Cell, {
+                      children: "Description"
+                    })]
+                  })
+                }), e(t.Body, {
+                  children: s.map((N) => i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: N.name
+                    }), e(t.Cell, {
+                      children: N.description ?? "-"
+                    })]
+                  }, N.id))
+                })]
+              })
+            })
+          })]
+        })]
+      }), le && i(E, {
+        direction: "row",
+        spacing: 1,
+        children: [e(_, {
+          variant: "outlined",
+          onClick: () => a(te),
+          disabled: Y,
+          children: "Cancel"
+        }), e(_, {
+          variant: "contained",
+          onClick: K,
+          disabled: Y,
+          children: Y ? "Saving..." : "Save Changes"
+        })]
+      })]
+    })]
+  });
+}, Lt = {
+  width: 28,
+  height: 28,
+  fontSize: 12
+}, Et = () => {
+  const {
+    orgId: r,
+    envName: n
+  } = q(), o = se(), [a, l] = D(0), [c, h] = D(10), [p, y] = D(""), {
+    data: g,
+    isLoading: u,
+    error: I
+  } = Un({
+    orgName: r,
+    envName: n ?? ""
+  }, {
+    offset: a * c,
+    limit: c
+  }), {
+    mutateAsync: m
+  } = Xn(), {
+    addConfirmation: b
+  } = nn(), C = S(() => g?.roles ?? [], [g]), f = g?.total ?? 0;
+  Ge(() => {
+    if (C.length === 0 && f > 0) {
+      const s = Math.max(0, Math.ceil(f / c) - 1);
+      a !== s && l(s);
+    }
+  }, [C.length, f, a, c]);
+  const R = X.children.org.children.thunderInstances.children.view.children.roles, A = r && n ? B(R.children.create.path, {
+    orgId: r,
+    envName: n
+  }) : "#", w = (s) => r && n ? B(R.children.detail.path, {
+    orgId: r,
+    envName: n,
+    roleId: s
+  }) : "#", L = S(() => {
+    if (!p) return C;
+    const s = p.toLowerCase();
+    return C.filter((v) => v.name.toLowerCase().includes(s) || (v.description ?? "").toLowerCase().includes(s));
+  }, [C, p]), x = (s) => {
+    b({
+      title: "Delete Role",
+      description: `Are you sure you want to delete "${s.name}"? This action cannot be undone.`,
+      confirmButtonText: "Delete",
+      confirmButtonColor: "error",
+      confirmButtonIcon: e(oe, {
+        size: 16
+      }),
+      onConfirm: () => m({
+        orgName: r,
+        envName: n ?? "",
+        roleId: s.id
+      })
+    });
+  };
+  return i(O, {
+    children: [I != null && e(M, {
+      severity: "error",
+      sx: {
+        mb: 2
+      },
+      children: "Failed to load roles"
+    }), e(t.Provider, {
+      searchValue: p,
+      onSearchChange: y,
+      children: i(t.Container, {
+        children: [e(t.Toolbar, {
+          showSearch: !0,
+          searchPlaceholder: "Search roles...",
+          actions: e(_, {
+            variant: "contained",
+            startIcon: e(we, {}),
+            onClick: () => o(A),
+            children: "Create Role"
+          })
+        }), !u && f === 0 ? e(t.EmptyState, {
+          illustration: e(Ee, {
+            size: 64
+          }),
+          title: "No roles yet",
+          description: 'Click "Create Role" to add one.'
+        }) : !u && L.length === 0 ? e(t.EmptyState, {
+          illustration: e(Ee, {
+            size: 64
+          }),
+          title: "No roles found",
+          description: `No roles match "${p}". Try a different search term.`
+        }) : i(t, {
+          variant: "table",
+          children: [e(t.Head, {
+            children: i(t.Row, {
+              children: [e(t.Cell, {
+                children: "Name"
+              }), e(t.Cell, {
+                align: "center",
+                width: "80px"
+              })]
+            })
+          }), i(t.Body, {
+            children: [u && e(mn, {
+              rows: Math.ceil(c / 2),
+              columns: 1
+            }), !u && L.map((s) => i(t.Row, {
+              variant: "table",
+              hover: !0,
+              clickable: !0,
+              onClick: () => o(w(s.id)),
+              children: [e(t.Cell, {
+                children: e(t.CellIcon, {
+                  icon: e(ye, {
+                    sx: Lt,
+                    children: s.name.charAt(0).toUpperCase() || "R"
+                  }),
+                  primary: s.name,
+                  secondary: s.description ?? void 0
+                })
+              }), e(t.Cell, {
+                align: "center",
+                children: e(t.RowActions, {
+                  visibility: "hover",
+                  children: !s.isReadOnly && e(ee, {
+                    title: "Delete role",
+                    children: e(ae, {
+                      size: "small",
+                      color: "error",
+                      onClick: (v) => {
+                        v.stopPropagation(), x(s);
+                      },
+                      children: e(oe, {
+                        size: 16
+                      })
+                    })
+                  })
+                })
+              })]
+            }, s.id))]
+          })]
+        }), !u && f >= 5 && e(ln, {
+          component: "div",
+          count: f,
+          page: a,
+          rowsPerPage: c,
+          onPageChange: (s, v) => l(v),
+          onRowsPerPageChange: (s) => {
+            h(parseInt(s.target.value, 10)), l(0);
+          },
+          rowsPerPageOptions: [5, 10, 25, 50]
+        })]
+      })
+    })]
+  });
+}, kt = () => {
+  const {
+    orgId: r,
+    envName: n
+  } = q(), o = se(), [a, l] = D({
+    name: "",
+    description: ""
+  }), [c, h] = D([]), {
+    data: p
+  } = an({
+    orgName: r,
+    envName: n ?? ""
+  }), y = p?.scopes ?? [], {
+    errors: g,
+    validateField: u,
+    validateForm: I,
+    clearErrors: m,
+    setFieldError: b
+  } = tn(Rt), {
+    checkDirty: C,
+    resetDirty: f
+  } = rn(a), [R, A] = D({}), {
+    mutateAsync: w,
+    isPending: L,
+    error: x
+  } = _n(), s = X.children.org.children.thunderInstances.children.view.children.roles, v = r && n ? B(s.path, {
+    orgId: r,
+    envName: n
+  }) : "#", $ = Ce((k, W) => {
+    const Q = {
+      ...a,
+      [k]: W
+    };
+    l(Q), C(Q), b(k, u(k, W));
+  }, [a, C, u, b]), J = Ce(async () => {
+    if (!I(a)) {
+      A(g);
+      return;
+    }
+    A({});
+    try {
+      const k = await w({
+        params: {
+          orgName: r,
+          envName: n ?? ""
+        },
+        body: {
+          name: a.name.trim(),
+          description: a.description?.trim() || void 0,
+          scopes: c.map((W) => W.scope)
+        }
+      });
+      f(), m(), o(B(s.children.detail.path, {
+        orgId: r,
+        envName: n,
+        roleId: k.id
+      }));
+    } catch {
+    }
+  }, [a, I, g, w, r, n, c, f, m, o, s]), Y = Object.values(R);
+  return e(O, {
+    children: i(F, {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2,
+      children: [x != null && e(M, {
+        severity: "error",
+        children: x?.message ?? "Failed to create role"
+      }), e(T.Stack, {
+        spacing: 3,
+        children: i(T.Section, {
+          children: [e(T.Subheader, {
+            children: "Role Details"
+          }), i(T.Stack, {
+            spacing: 2,
+            children: [e(T.ElementWrapper, {
+              label: "Name",
+              name: "name",
+              children: e(Z, {
+                id: "name",
+                value: a.name,
+                onChange: (k) => $("name", k.target.value),
+                placeholder: "agent-admin",
+                autoComplete: "off",
+                error: !!g.name,
+                helperText: g.name,
+                fullWidth: !0
+              })
+            }), e(T.ElementWrapper, {
+              label: "Description (optional)",
+              name: "description",
+              children: e(Z, {
+                id: "description",
+                value: a.description,
+                onChange: (k) => $("description", k.target.value),
+                placeholder: "Describe the role's purpose and permissions",
+                multiline: !0,
+                minRows: 2,
+                maxRows: 6,
+                error: !!g.description,
+                helperText: g.description,
+                fullWidth: !0
+              })
+            }), e(T.ElementWrapper, {
+              label: "Scopes (optional)",
+              name: "scopes",
+              children: e(ve, {
+                id: "scopes",
+                multiple: !0,
+                disableCloseOnSelect: !0,
+                options: y,
+                value: c,
+                onChange: (k, W) => h(W),
+                getOptionLabel: (k) => k.scope,
+                isOptionEqualToValue: (k, W) => k.scope === W.scope,
+                renderTags: (k, W) => k.map((Q, de) => sn(pe, {
+                  ...W({
+                    index: de
+                  }),
+                  key: Q.scope,
+                  label: Q.scope,
+                  size: "small"
+                })),
+                renderInput: (k) => e(Z, {
+                  ...k,
+                  placeholder: "Search scopes..."
+                }),
+                noOptionsText: "No scopes in the catalog"
+              })
+            })]
+          })]
+        })
+      }), i(F, {
+        display: "flex",
+        flexDirection: "column",
+        gap: 3,
+        children: [e(cn, {
+          in: Y.length > 0,
+          timeout: "auto",
+          unmountOnExit: !0,
+          children: e(M, {
+            severity: "error",
+            children: Y.map((k, W) => e(F, {
+              children: k
+            }, W))
+          })
+        }), i(F, {
+          display: "flex",
+          flexDirection: "row",
+          gap: 1,
+          alignItems: "center",
+          children: [e(_, {
+            variant: "outlined",
+            color: "primary",
+            onClick: () => o(v),
+            children: "Cancel"
+          }), e(_, {
+            variant: "contained",
+            color: "primary",
+            startIcon: e(we, {
+              size: 16
+            }),
+            onClick: J,
+            disabled: L || !a.name.trim(),
+            children: "Create Role"
+          })]
+        })]
+      })]
+    })
+  });
+}, Pe = 100, Dt = () => {
+  const {
+    orgId: r,
+    envName: n,
+    roleId: o
+  } = q(), a = se(), [l, c] = D("permissions"), [h, p] = D(!1), [y, g] = D(), [u, I] = D(!1), m = {
+    orgName: r,
+    envName: n ?? "",
+    roleId: o ?? ""
+  }, {
+    data: b,
+    isLoading: C
+  } = qn(m), f = b?.isReadOnly ?? !1, {
+    data: R,
+    isLoading: A
+  } = Qn(m), {
+    data: w,
+    isLoading: L
+  } = De({
+    orgName: r,
+    envName: n ?? ""
+  }), {
+    data: x,
+    isLoading: s
+  } = en({
+    orgName: r,
+    envName: n ?? ""
+  }, {
+    offset: 0,
+    limit: Pe
+  }), {
+    data: v,
+    isLoading: $
+  } = an({
+    orgName: r,
+    envName: n ?? ""
+  }), {
+    mutateAsync: J
+  } = Kn(), {
+    mutateAsync: Y
+  } = Jn(), {
+    mutateAsync: k
+  } = Yn(), {
+    agents: W,
+    displayName: Q
+  } = yn(w?.agents ?? []), de = S(() => x?.groups ?? [], [x]), ne = S(() => v?.scopes ?? [], [v]), Se = S(() => (R?.agents ?? []).map((d) => d.id), [R]), te = S(() => R?.groups ?? [], [R]), re = S(() => b?.permissions?.flatMap((d) => d.permissions) ?? [], [b]), H = ke(Se, (d) => d.thunderAgentId), xe = S(() => te.map((d) => d.id), [te]), j = ke(xe, (d) => d.id), [K, fe] = D([]), le = Zn(!1);
+  Ge(() => {
+    if (!le.current && ne.length > 0) {
+      const d = new Map(ne.map((G) => [G.scope, G]));
+      fe(re.map((G) => d.get(G) ?? {
+        scope: G
+      }));
+    }
+  }, [re, ne]);
+  const N = X.children.org.children.thunderInstances.children.view.children.roles, ie = r && n ? B(N.path, {
+    orgId: r,
+    envName: n
+  }) : "#", he = S(() => [...H.activeIds, ...H.pendingAddIds], [H.activeIds, H.pendingAddIds]), Fe = S(() => [...te.filter((d) => !j.removedIds.has(d.id)), ...j.pendingAdds], [te, j.removedIds, j.pendingAdds]), fn = S(() => W.filter((d) => !H.excludedIds.has(d.thunderAgentId)), [W, H.excludedIds]), bn = S(() => de.filter((d) => !j.excludedIds.has(d.id)), [de, j.excludedIds]), Cn = S(() => new Set(K.map((d) => d.scope)), [K]), In = H.handleAdd, An = H.handleRemove, wn = j.handleAdd, Sn = j.handleRemove, xn = (d, G) => {
+    le.current = !0, fe(G);
+  }, Nn = (d) => {
+    le.current = !0, fe((G) => G.filter((be) => be.scope !== d));
+  }, Rn = async () => {
+    if (!(!r || !n || !o)) {
+      g(void 0), I(!1), p(!0);
+      try {
+        const d = H.pendingAdds.map((V) => V.thunderAgentId), G = [...H.removedIds], be = j.pendingAdds.map((V) => V.id), We = [...j.removedIds];
+        await Promise.all([
+          d.length > 0 ? J({
+            params: m,
+            body: {
+              assignments: d.map((V) => ({
+                id: V,
+                type: "agent"
+              }))
+            }
+          }) : null,
+          G.length > 0 ? Y({
+            params: m,
+            body: {
+              assignments: G.map((V) => ({
+                id: V,
+                type: "agent"
+              }))
+            }
+          }) : null,
+          be.length > 0 ? J({
+            params: m,
+            body: {
+              assignments: be.map((V) => ({
+                id: V,
+                type: "group"
+              }))
+            }
+          }) : null,
+          We.length > 0 ? Y({
+            params: m,
+            body: {
+              assignments: We.map((V) => ({
+                id: V,
+                type: "group"
+              }))
+            }
+          }) : null,
+          // The backend reconciles add/remove scope permissions server-side from
+          // the full desired set, so a single update call is enough here.
+          le.current && !f && b ? k({
+            params: m,
+            body: {
+              name: b.name,
+              description: b.description,
+              scopes: K.map((V) => V.scope)
+            }
+          }) : null
+        ]), I(!0), H.reset(), j.reset(), le.current = !1;
+      } catch {
+        g("Failed to update role. Please try again.");
+      } finally {
+        p(!1);
+      }
+    }
+  }, Pn = C || A || $, Tn = S(() => {
+    if (f) return !1;
+    const d = new Set(re);
+    return d.size !== K.length || K.some((G) => !d.has(G.scope));
+  }, [f, re, K]) || H.isDirty || j.isDirty;
+  return Pn ? i(O, {
+    children: [e(ge, {
+      to: ie,
+      label: "Roles"
+    }), e(Be, {
+      tabs: 3
+    })]
+  }) : i(O, {
+    children: [e(ge, {
+      to: ie,
+      label: "Roles"
+    }), i(E, {
+      spacing: 3,
+      children: [e(Oe, {
+        fallback: "R",
+        name: b?.name ?? "",
+        subtitle: b?.description,
+        id: o ?? "",
+        badge: f ? e(pe, {
+          label: "Read-only",
+          size: "small"
+        }) : void 0
+      }), y != null && e(M, {
+        severity: "error",
+        children: y
+      }), u && e(M, {
+        severity: "success",
+        children: "Role updated successfully."
+      }), i(T.Section, {
+        children: [i(ze, {
+          value: l,
+          onChange: (d, G) => c(G),
+          sx: {
+            borderBottom: 1,
+            borderColor: "divider"
+          },
+          children: [e(ce, {
+            label: "Permissions",
+            value: "permissions"
+          }), e(ce, {
+            label: "Agents",
+            value: "agents"
+          }), e(ce, {
+            label: "Groups",
+            value: "groups"
+          })]
+        }), l === "permissions" && i(O, {
+          children: [e(T.Header, {
+            children: "Permissions"
+          }), e(P, {
+            variant: "body2",
+            color: "text.secondary",
+            children: f ? "Permissions for predefined roles cannot be modified." : "Search and select scopes to assign to this role."
+          }), i(F, {
+            sx: {
+              mt: 1
+            },
+            children: [!f && e(T.ElementWrapper, {
+              label: "Add scopes",
+              name: "addScopes",
+              children: e(ve, {
+                id: "addScopes",
+                multiple: !0,
+                disableCloseOnSelect: !0,
+                options: ne,
+                value: K,
+                onChange: xn,
+                getOptionLabel: (d) => d.scope,
+                isOptionEqualToValue: (d, G) => d.scope === G.scope,
+                renderTags: () => null,
+                renderOption: (d, G) => sn("li", {
+                  ...d,
+                  key: G.scope
+                }, i(F, {
+                  children: [e(P, {
+                    variant: "body2",
+                    children: G.scope
+                  }), G.description && e(P, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: G.description
+                  })]
+                })),
+                renderInput: (d) => e(Z, {
+                  ...d,
+                  placeholder: "Search scopes..."
+                }),
+                noOptionsText: "No scopes in the catalog",
+                sx: {
+                  mb: 3
+                }
+              })
+            }), K.length === 0 ? e(P, {
+              variant: "body2",
+              color: "text.secondary",
+              children: "No scopes assigned yet."
+            }) : e(E, {
+              direction: "row",
+              flexWrap: "wrap",
+              gap: 1,
+              children: ne.filter((d) => Cn.has(d.scope)).map((d) => e(pe, {
+                label: d.scope,
+                size: "small",
+                onDelete: f ? void 0 : () => Nn(d.scope)
+              }, d.scope))
+            })]
+          })]
+        }), l === "agents" && i(O, {
+          children: [e(T.Header, {
+            children: "Assigned Agents"
+          }), L ? e(Te, {
+            size: 20
+          }) : i(O, {
+            children: [e(P, {
+              variant: "body2",
+              color: "text.secondary",
+              children: "Search and add agents to this role."
+            }), e(F, {
+              sx: {
+                mt: 1,
+                mb: 2
+              },
+              children: e(T.ElementWrapper, {
+                label: "Add Agent",
+                name: "addAgent",
+                children: e(ve, {
+                  id: "addAgent",
+                  options: fn,
+                  getOptionLabel: (d) => d.agentName,
+                  onChange: In,
+                  value: null,
+                  renderInput: (d) => e(Z, {
+                    ...d,
+                    placeholder: "Search agents..."
+                  }),
+                  noOptionsText: "No agents available"
+                })
+              })
+            }), he.length === 0 ? e(P, {
+              variant: "body2",
+              color: "text.secondary",
+              children: "No agents assigned yet. Search and add agents above."
+            }) : e(t.Container, {
+              children: i(t, {
+                children: [e(t.Head, {
+                  children: i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: "Agent"
+                    }), e(t.Cell, {
+                      children: "Thunder Agent ID"
+                    }), e(t.Cell, {})]
+                  })
+                }), e(t.Body, {
+                  children: he.map((d) => i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: Q(d)
+                    }), e(t.Cell, {
+                      children: d
+                    }), e(t.Cell, {
+                      align: "right",
+                      children: e(ee, {
+                        title: "Remove from role",
+                        children: e(ae, {
+                          size: "small",
+                          onClick: () => An(d),
+                          children: e(oe, {
+                            size: 16
+                          })
+                        })
+                      })
+                    })]
+                  }, d))
+                })]
+              })
+            })]
+          })]
+        }), l === "groups" && i(O, {
+          children: [e(T.Header, {
+            children: "Assigned Groups"
+          }), s ? e(Te, {
+            size: 20
+          }) : i(O, {
+            children: [e(P, {
+              variant: "body2",
+              color: "text.secondary",
+              children: "Search and add groups to this role."
+            }), (x?.total ?? 0) > Pe && i(M, {
+              severity: "warning",
+              sx: {
+                mt: 1
+              },
+              children: ["Showing the first ", Pe, " of ", x?.total, " groups in this environment. The add-group picker below only excludes groups from this page."]
+            }), e(F, {
+              sx: {
+                mt: 1,
+                mb: 2
+              },
+              children: e(T.ElementWrapper, {
+                label: "Add Group",
+                name: "addGroup",
+                children: e(ve, {
+                  id: "addGroup",
+                  options: bn,
+                  getOptionLabel: (d) => d.name,
+                  onChange: wn,
+                  value: null,
+                  renderInput: (d) => e(Z, {
+                    ...d,
+                    placeholder: "Search groups..."
+                  }),
+                  noOptionsText: "No groups available"
+                })
+              })
+            }), Fe.length === 0 ? e(P, {
+              variant: "body2",
+              color: "text.secondary",
+              children: "No groups assigned yet. Search and add groups above."
+            }) : e(t.Container, {
+              children: i(t, {
+                children: [e(t.Head, {
+                  children: i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: "Name"
+                    }), e(t.Cell, {
+                      children: "Description"
+                    }), e(t.Cell, {})]
+                  })
+                }), e(t.Body, {
+                  children: Fe.map((d) => i(t.Row, {
+                    children: [e(t.Cell, {
+                      children: d.name
+                    }), e(t.Cell, {
+                      children: d.description ?? "-"
+                    }), e(t.Cell, {
+                      align: "right",
+                      children: e(ee, {
+                        title: "Remove from role",
+                        children: e(ae, {
+                          size: "small",
+                          onClick: () => Sn(d.id),
+                          children: e(oe, {
+                            size: 16
+                          })
+                        })
+                      })
+                    })]
+                  }, d.id))
+                })]
+              })
+            })]
+          })]
+        })]
+      }), Tn && i(E, {
+        direction: "row",
+        spacing: 1,
+        children: [e(_, {
+          variant: "outlined",
+          onClick: () => a(ie),
+          disabled: h,
+          children: "Cancel"
+        }), e(_, {
+          variant: "contained",
+          onClick: Rn,
+          disabled: h,
+          children: h ? "Saving..." : "Save Changes"
+        })]
+      })]
+    })]
+  });
+}, Gt = {
+  minWidth: 36,
+  color: "primary.main"
+}, zt = {
+  minWidth: 36,
+  color: "inherit"
+}, Ot = {
+  color: "text.secondary"
+}, Bt = {
+  color: "inherit"
+};
+function _e({
+  tab: r,
+  isActive: n
+}) {
+  return e(Qe, {
+    to: r.href,
+    style: {
+      textDecoration: "none",
+      color: "inherit"
+    },
+    children: i(it, {
+      selected: n,
+      children: [e(at, {
+        sx: n ? Gt : zt,
+        children: r.icon
+      }), e(ot, {
+        primary: r.label,
+        sx: n ? Ot : Bt
+      })]
+    })
+  });
+}
+const Ft = () => {
+  const r = me(12), {
+    orgId: n,
+    envName: o
+  } = q(), {
+    pathname: a
+  } = Ln(), {
+    pushSnackBar: l
+  } = Ye();
+  let c;
+  r[0] !== n ? (c = {
+    orgName: n
+  }, r[0] = n, r[1] = c) : c = r[1];
+  const {
+    data: h,
+    isLoading: p,
+    error: y
+  } = Ze(c);
+  let g;
+  if (r[2] !== h?.thunderInstances || r[3] !== o || r[4] !== y || r[5] !== p || r[6] !== n || r[7] !== a || r[8] !== l) {
+    const u = h?.thunderInstances.find((x) => x.envName === o);
+    let I;
+    r[10] !== l ? (I = (x, s) => {
+      gn(x).then((v) => {
+        l(v ? {
+          message: `${s} copied to clipboard`,
+          type: "success"
+        } : {
+          message: `Failed to copy ${s}`,
+          type: "error"
+        });
+      });
+    }, r[10] = l, r[11] = I) : I = r[11];
+    const m = I, b = u?.displayName || u?.envName || o || "", C = B(X.children.org.children.thunderInstances.path, {
+      orgId: n ?? ""
+    }), f = X.children.org.children.thunderInstances.children.view, R = B(f.path, {
+      orgId: n ?? "",
+      envName: o ?? ""
+    }), A = {
+      label: "Overview",
+      icon: e(lt, {
+        size: 18
+      }),
+      href: R
+    }, w = [{
+      label: "Agents",
+      icon: e(pn, {
+        size: 18
+      }),
+      href: B(f.children.agents.path, {
+        orgId: n ?? "",
+        envName: o ?? ""
+      }),
+      wildPath: f.children.agents.wildPath
+    }, {
+      label: "Roles",
+      icon: e(Ee, {
+        size: 18
+      }),
+      href: B(f.children.roles.path, {
+        orgId: n ?? "",
+        envName: o ?? ""
+      }),
+      wildPath: f.children.roles.wildPath
+    }, {
+      label: "Groups",
+      icon: e(Le, {
+        size: 18
+      }),
+      href: B(f.children.groups.path, {
+        orgId: n ?? "",
+        envName: o ?? ""
+      }),
+      wildPath: f.children.groups.wildPath
+    }], L = a === R;
+    g = e(O, {
+      children: i(on, {
+        title: b,
+        backHref: C,
+        backLabel: "Back to Identity Providers",
+        description: `The system identity provider used to manage agents, users, roles, and groups for the ${o} environment.`,
+        disableIcon: !0,
+        isLoading: p,
+        titleTail: u && !y ? e(ee, {
+          title: "Thunder identity provider is active for this environment",
+          children: e(pe, {
+            icon: e(ct, {
+              size: 14
+            }),
+            label: "Active",
+            size: "small",
+            color: "success",
+            variant: "outlined"
+          })
+        }) : void 0,
+        children: [p && i(E, {
+          spacing: 3,
+          children: [e(ue, {
+            container: !0,
+            spacing: 2,
+            children: [0, 1, 2, 3].map(Wt)
+          }), e(Ie, {
+            variant: "outlined",
+            sx: {
+              p: 3
+            },
+            children: i(E, {
+              spacing: 2,
+              children: [e(z, {
+                variant: "text",
+                width: 140,
+                height: 24
+              }), e(z, {
+                variant: "rounded",
+                height: 80
+              })]
+            })
+          })]
+        }), !!y && e(M, {
+          severity: "error",
+          icon: e(Ae, {
+            size: 18
+          }),
+          children: "Failed to load identity provider. Please try again."
+        }), !p && !y && !u && i(M, {
+          severity: "warning",
+          icon: e(Ae, {
+            size: 18
+          }),
+          children: ['Identity provider for environment "', o, '" was not found.']
+        }), u && !y && i(Ie, {
+          variant: "outlined",
+          sx: {
+            display: "flex",
+            overflow: "hidden",
+            minHeight: "calc(70vh - 64px)"
+          },
+          children: [i(F, {
+            component: "nav",
+            sx: {
+              width: 200,
+              flexShrink: 0,
+              overflowY: "auto",
+              p: 2
+            },
+            children: [e(je, {
+              children: e(_e, {
+                tab: A,
+                isActive: L
+              })
+            }), e(je, {
+              subheader: e(tt, {
+                disableGutters: !0,
+                disableSticky: !0,
+                children: e(P, {
+                  variant: "overline",
+                  children: "Identity Management"
+                })
+              }),
+              children: w.map((x) => e(_e, {
+                tab: x,
+                isActive: !!x.wildPath && !!En(x.wildPath, a)
+              }, x.label))
+            })]
+          }), e(rt, {
+            orientation: "vertical",
+            flexItem: !0
+          }), e(F, {
+            sx: {
+              flex: 1,
+              minWidth: 0,
+              overflowY: "auto",
+              p: 3
+            },
+            children: i(Ke, {
+              children: [e(U, {
+                index: !0,
+                element: e(yt, {
+                  instance: u,
+                  onCopy: m
+                })
+              }), e(U, {
+                path: "agents",
+                element: e(At, {})
+              }), e(U, {
+                path: "agents/:projectName/:agentName",
+                element: e(wt, {})
+              }), e(U, {
+                path: "groups",
+                element: e(xt, {})
+              }), e(U, {
+                path: "groups/create",
+                element: e(Pt, {})
+              }), e(U, {
+                path: "groups/:groupId",
+                element: e(Tt, {})
+              }), e(U, {
+                path: "roles",
+                element: e(Et, {})
+              }), e(U, {
+                path: "roles/create",
+                element: e(kt, {})
+              }), e(U, {
+                path: "roles/:roleId",
+                element: e(Dt, {})
+              }), e(U, {
+                path: "*",
+                element: e(Je, {
+                  to: ".",
+                  replace: !0
+                })
+              })]
+            })
+          })]
+        })]
+      })
+    }), r[2] = h?.thunderInstances, r[3] = o, r[4] = y, r[5] = p, r[6] = n, r[7] = a, r[8] = l, r[9] = g;
+  } else
+    g = r[9];
+  return g;
+};
+function Wt(r) {
+  return e(ue, {
+    size: {
+      xs: 12,
+      sm: 6,
+      md: 3
+    },
+    children: e(Ie, {
+      variant: "outlined",
+      sx: {
+        p: 2,
+        height: "100%"
+      },
+      children: i(E, {
+        spacing: 0.5,
+        children: [e(z, {
+          variant: "text",
+          width: "40%",
+          height: 14
+        }), e(z, {
+          variant: "text",
+          width: "85%",
+          height: 20
+        })]
+      })
+    })
+  }, r);
+}
+const qe = () => {
+  const r = me(2), {
+    orgId: n
+  } = q();
+  let o;
+  return r[0] !== n ? (o = i(Ke, {
+    children: [e(U, {
+      index: !0,
+      element: e(on, {
+        title: "Identity Providers",
+        description: "Environment-scoped identity providers for agent authentication",
+        disableIcon: !0,
+        children: e(vt, {})
+      })
+    }), e(U, {
+      path: "view/:envName/*",
+      element: e(Ft, {})
+    }), e(U, {
+      path: "*",
+      element: e(Je, {
+        to: B(X.children.org.children.thunderInstances.path, {
+          orgId: n
+        })
+      })
+    })]
+  }), r[0] = n, r[1] = o) : o = r[1], o;
+}, Jt = {
+  title: Me.title,
+  description: "Environment-scoped agent identity providers for agent authentication",
+  icon: Me.icon,
+  path: "/thunder-instances",
+  component: qe,
+  levels: {
+    organization: qe
+  }
+};
+export {
+  qe as ThunderInstancesOrganization,
+  Jt as thunderInstancesMetaData,
+  Me as thunderInstancesMetadata
+};