@wso2/am-core-ui 0.0.18 → 0.0.20

package/dist/index-BjWJ95lH.js

@@ -0,0 +1,2728 @@
+import { jsxs as g, Fragment as te, jsx as n } from "react/jsx-runtime";
+import { c as K } from "react/compiler-runtime";
+import { u as Zt, g as le, a as en, b as tn, f as nn, T as nt, c as ln, d as an, e as rn, h as Ue, N as lt, B as on, i as sn, j as cn, k as dn, l as mn, m as hn, n as Ee, o as at, p as pn, q as fn, r as un, D as rt, s as ot, t as st, v as gn, w as yn, x as bn, y as It, z as xn, A as Pt, P as ct, C as At, E as Ct, F as dt, G as kt, H as vn, I as Sn, J as wn, K as Nn, L as Dt, M as _n, O as In, Q as Pn, R as An } from "./index-ByEInFlf.js";
+import "@tanstack/react-query";
+import { useMemo as me, useState as Q, useEffect as Ne, useCallback as ge } from "react";
+import { Box as N, Skeleton as U, Typography as A, IconButton as Re, Tooltip as _e, Card as ce, CardContent as de, Divider as J, useTheme as mt, Button as Z, Grid as Be, Stack as X, Chip as Me, CircularProgress as Xe, Alert as jt, MenuItem as xe, Select as ht, Form as $e, TextField as gt, DataGrid as Cn, SearchBar as Lt, Menu as kn, ListingTable as ie, Avatar as Tt, TablePagination as Dn, formatRelativeTime as jn } from "@wso2/oxygen-ui";
+import { generatePath as se, Link as ue, useParams as ve, useSearchParams as Ln, useNavigate as Tn } from "react-router-dom";
+import { ExternalLink as He, Tag as zn, ChevronRight as Ke, PauseCircle as Wn, XCircle as $n, CheckCircle as En, GitHub as Rn, AlertTriangle as Mn, RotateCcwKey as Gn, Settings as zt, Edit as Oe, Clock as Wt, Link as Bn, Rocket as On, GitBranch as $t, ArrowRight as Fn, Plus as it, Trash2 as Ve, User as yt, Package as Et, Home as Un } from "@wso2/oxygen-ui-icons-react";
+import { f as pt } from "./formatDistanceToNow-DyjnT7l9.js";
+import { AreaChart as Hn } from "@wso2/oxygen-ui-charts-react";
+import { E as Rt } from "./EnvironmentCard-CIXhDhlZ.js";
+import { C as Mt } from "./CodeBlock-B2Ecl916.js";
+import { L as Kn, a as Gt } from "./LabelChips-7rA7_yre.js";
+import { o as Bt, s as we } from "./schemas-DFScWdSL.js";
+const Vn = (t) => {
+  const e = K(64), {
+    orgId: i,
+    kindName: l,
+    framework: a,
+    model: o
+  } = t;
+  let s;
+  e[0] !== l || e[1] !== i ? (s = {
+    orgName: i,
+    kindName: l
+  }, e[0] = l, e[1] = i, e[2] = s) : s = e[2];
+  const {
+    data: r,
+    isLoading: m
+  } = Zt(s);
+  let d;
+  e[3] !== l || e[4] !== i ? (d = se(le.children.org.children.catalog.children.kindDetails.path, {
+    orgId: i,
+    kindId: l
+  }), e[3] = l, e[4] = i, e[5] = d) : d = e[5];
+  const h = d;
+  let f, c, u, p, y, x, b, v, S, w, j, P, k, D, _, C, L;
+  if (e[6] !== a || e[7] !== m || e[8] !== r || e[9] !== h || e[10] !== l || e[11] !== o) {
+    const M = r?.versions?.find((G) => G.version === r.latestVersion) ?? r?.versions?.[0];
+    p = ce, w = "outlined", u = de, e[29] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+      py: 1.5,
+      "&:last-child": {
+        pb: 1.5
+      }
+    }, e[29] = b) : b = e[29], e[30] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ n(N, { pb: 1, children: /* @__PURE__ */ n(A, { variant: "h6", children: "Kind Details" }) }), e[30] = v) : v = e[30], e[31] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n(J, { sx: {
+      mb: 1.5
+    } }), e[31] = S) : S = e[31], c = N, _ = "flex", C = 2, L = 0;
+    let B;
+    e[32] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+      textTransform: "uppercase",
+      letterSpacing: "0.05em",
+      display: "block",
+      mb: 0.75
+    }, children: "Agent Kind" }), e[32] = B) : B = e[32], e[33] !== m || e[34] !== r || e[35] !== h || e[36] !== l ? (y = /* @__PURE__ */ g(N, { flex: 1, minWidth: 0, children: [
+      B,
+      m ? /* @__PURE__ */ g(te, { children: [
+        /* @__PURE__ */ n(U, { variant: "text", width: 160 }),
+        /* @__PURE__ */ n(U, { variant: "text", width: 200, sx: {
+          mt: 0.25
+        } })
+      ] }) : /* @__PURE__ */ g(te, { children: [
+        /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 0.5, minWidth: 0, children: [
+          /* @__PURE__ */ n(A, { variant: "body2", noWrap: !0, children: r?.displayName ?? l }),
+          /* @__PURE__ */ n(Re, { size: "small", component: ue, to: h, sx: {
+            p: 0.25,
+            flexShrink: 0
+          }, children: /* @__PURE__ */ n(He, { size: 12 }) })
+        ] }),
+        r?.description && /* @__PURE__ */ n(_e, { title: r.description, placement: "bottom-start", children: /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", mt: 0.25, sx: {
+          overflow: "hidden",
+          display: "-webkit-box",
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: "vertical"
+        }, children: r.description }) })
+      ] })
+    ] }), e[33] = m, e[34] = r, e[35] = h, e[36] = l, e[37] = y) : y = e[37], e[38] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ n(J, { orientation: "vertical", flexItem: !0 }), e[38] = x) : x = e[38], f = N, j = 1, P = 0, e[39] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+      textTransform: "uppercase",
+      letterSpacing: "0.05em",
+      display: "block",
+      mb: 0.75
+    }, children: "Latest Release" }), e[39] = k) : k = e[39], D = m ? /* @__PURE__ */ n(U, { variant: "rounded", height: 28 }) : M ? /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 1.5, minWidth: 0, children: [
+      /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 0.5, sx: {
+        flexShrink: 0
+      }, children: [
+        /* @__PURE__ */ n(zn, { size: 13 }),
+        /* @__PURE__ */ g(A, { variant: "body2", color: "text.secondary", noWrap: !0, children: [
+          "v",
+          M.version
+        ] })
+      ] }),
+      /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", noWrap: !0, flex: 1, children: pt(new Date(M.createdAt), {
+        addSuffix: !0
+      }) }),
+      (a || o) && /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", noWrap: !0, sx: {
+        flexShrink: 0
+      }, children: `Agent Type: ${[a, o].filter(Boolean).join("/")}` }),
+      /* @__PURE__ */ n(Re, { size: "small", component: ue, to: h, children: /* @__PURE__ */ n(He, { size: 12 }) })
+    ] }) : /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", children: "No versions yet." }), e[6] = a, e[7] = m, e[8] = r, e[9] = h, e[10] = l, e[11] = o, e[12] = f, e[13] = c, e[14] = u, e[15] = p, e[16] = y, e[17] = x, e[18] = b, e[19] = v, e[20] = S, e[21] = w, e[22] = j, e[23] = P, e[24] = k, e[25] = D, e[26] = _, e[27] = C, e[28] = L;
+  } else
+    f = e[12], c = e[13], u = e[14], p = e[15], y = e[16], x = e[17], b = e[18], v = e[19], S = e[20], w = e[21], j = e[22], P = e[23], k = e[24], D = e[25], _ = e[26], C = e[27], L = e[28];
+  let $;
+  e[40] !== f || e[41] !== j || e[42] !== P || e[43] !== k || e[44] !== D ? ($ = /* @__PURE__ */ g(f, { flex: j, minWidth: P, children: [
+    k,
+    D
+  ] }), e[40] = f, e[41] = j, e[42] = P, e[43] = k, e[44] = D, e[45] = $) : $ = e[45];
+  let E;
+  e[46] !== c || e[47] !== y || e[48] !== x || e[49] !== $ || e[50] !== _ || e[51] !== C || e[52] !== L ? (E = /* @__PURE__ */ g(c, { display: _, gap: C, minWidth: L, children: [
+    y,
+    x,
+    $
+  ] }), e[46] = c, e[47] = y, e[48] = x, e[49] = $, e[50] = _, e[51] = C, e[52] = L, e[53] = E) : E = e[53];
+  let R;
+  e[54] !== u || e[55] !== b || e[56] !== v || e[57] !== S || e[58] !== E ? (R = /* @__PURE__ */ g(u, { sx: b, children: [
+    v,
+    S,
+    E
+  ] }), e[54] = u, e[55] = b, e[56] = v, e[57] = S, e[58] = E, e[59] = R) : R = e[59];
+  let W;
+  return e[60] !== p || e[61] !== w || e[62] !== R ? (W = /* @__PURE__ */ n(p, { variant: w, children: R }), e[60] = p, e[61] = w, e[62] = R, e[63] = W) : W = e[63], W;
+}, Ot = (t) => {
+  const e = K(19), {
+    percent: i,
+    color: l,
+    size: a
+  } = t, o = a === void 0 ? 30 : a, s = mt(), r = o / 2, m = o * 0.43, d = o * 0.117, h = 2 * Math.PI * m, f = Number.isFinite(i) ? Math.min(Math.max(i, 0), 100) : 0, c = h * (1 - f / 100), u = `0 0 ${o} ${o}`;
+  let p;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+    display: "block"
+  }, e[0] = p) : p = e[0];
+  const y = s.vars?.palette?.action?.selected;
+  let x;
+  e[1] !== r || e[2] !== m || e[3] !== d || e[4] !== y ? (x = /* @__PURE__ */ n("circle", { cx: r, cy: r, r: m, fill: "none", stroke: y, strokeWidth: d }), e[1] = r, e[2] = m, e[3] = d, e[4] = y, e[5] = x) : x = e[5];
+  const b = s.vars?.palette?.[l]?.main, v = `rotate(-90 ${r} ${r})`;
+  let S;
+  e[6] !== h || e[7] !== r || e[8] !== c || e[9] !== m || e[10] !== d || e[11] !== b || e[12] !== v ? (S = /* @__PURE__ */ n("circle", { cx: r, cy: r, r: m, fill: "none", stroke: b, strokeWidth: d, strokeDasharray: h, strokeDashoffset: c, strokeLinecap: "round", transform: v }), e[6] = h, e[7] = r, e[8] = c, e[9] = m, e[10] = d, e[11] = b, e[12] = v, e[13] = S) : S = e[13];
+  let w;
+  return e[14] !== o || e[15] !== u || e[16] !== x || e[17] !== S ? (w = /* @__PURE__ */ g("svg", { width: o, height: o, viewBox: u, style: p, children: [
+    x,
+    S
+  ] }), e[14] = o, e[15] = u, e[16] = x, e[17] = S, e[18] = w) : w = e[18], w;
+}, qn = (t) => {
+  const e = t.map((i) => i.aggregations?.mean).filter((i) => typeof i == "number");
+  return e.length === 0 ? null : e.reduce((i, l) => i + l, 0) / e.length;
+}, Xn = (t) => !t || t <= 0 ? null : t < 60 ? `Runs every ${t} min${t === 1 ? "" : "s"}` : t === 60 ? "Runs hourly" : t === 1440 ? "Runs daily" : t % 1440 === 0 ? `Runs every ${t / 1440} days` : t % 60 === 0 ? `Runs every ${t / 60} hours` : `Runs every ${Math.floor(t / 60)}h ${t % 60}m`, Yn = (t) => t === null ? "primary" : t >= 70 ? "success" : t >= 40 ? "warning" : "error", Jn = (t) => {
+  const e = K(50), {
+    monitor: i,
+    orgId: l,
+    projectId: a,
+    agentId: o,
+    envId: s
+  } = t;
+  let r;
+  e[0] !== o || e[1] !== i.name || e[2] !== l || e[3] !== a ? (r = {
+    orgName: l,
+    projName: a,
+    agentName: o,
+    monitorName: i.name
+  }, e[0] = o, e[1] = i.name, e[2] = l, e[3] = a, e[4] = r) : r = e[4];
+  let m;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    timeRange: nt.SEVEN_DAYS
+  }, e[5] = m) : m = e[5];
+  const {
+    data: d,
+    isLoading: h
+  } = tn(r, m);
+  let f;
+  e: {
+    if (!d) {
+      f = null;
+      break e;
+    }
+    const G = qn(d.evaluators);
+    f = G !== null ? G * 100 : null;
+  }
+  const c = f;
+  let u;
+  e[6] !== o || e[7] !== s || e[8] !== i.name || e[9] !== l || e[10] !== a ? (u = se(le.children.org.children.projects.children.agents.children.environment.children.evaluation.children.monitor.children.view.path, {
+    orgId: l,
+    projectId: a,
+    agentId: o,
+    envId: s,
+    monitorId: i.name
+  }), e[6] = o, e[7] = s, e[8] = i.name, e[9] = l, e[10] = a, e[11] = u) : u = e[11];
+  const p = u;
+  let y;
+  e[12] !== i.evaluators ? (y = i.evaluators.map(Qn).join(" · "), e[12] = i.evaluators, e[13] = y) : y = e[13];
+  const x = y;
+  let b;
+  e[14] !== c ? (b = Yn(c), e[14] = c, e[15] = b) : b = e[15];
+  const v = b;
+  let S;
+  e: {
+    if (i.type === "past") {
+      if (!i.traceStart || !i.traceEnd) {
+        S = null;
+        break e;
+      }
+      let H;
+      e[16] !== i.traceEnd || e[17] !== i.traceStart ? (H = nn(i.traceStart, i.traceEnd), e[16] = i.traceEnd, e[17] = i.traceStart, e[18] = H) : H = e[18], S = H;
+      break e;
+    }
+    let G;
+    e[19] !== i.intervalMinutes ? (G = Xn(i.intervalMinutes), e[19] = i.intervalMinutes, e[20] = G) : G = e[20], S = G;
+  }
+  const w = S;
+  let j;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (j = {
+    display: "flex",
+    alignItems: "center",
+    gap: 2,
+    "&:last-child": {
+      pb: 1.5
+    }
+  }, e[21] = j) : j = e[21];
+  let P;
+  e[22] !== v || e[23] !== h || e[24] !== c ? (P = h ? /* @__PURE__ */ n(U, { variant: "circular", width: 52, height: 52 }) : /* @__PURE__ */ n(Ot, { percent: c ?? 0, color: v, size: 72 }), e[22] = v, e[23] = h, e[24] = c, e[25] = P) : P = e[25];
+  let k;
+  e[26] !== h || e[27] !== c ? (k = h ? /* @__PURE__ */ n(U, { variant: "text", width: 48 }) : /* @__PURE__ */ n(A, { variant: "h6", lineHeight: 1.2, children: c !== null ? `${c.toFixed(2)}%` : "—" }), e[26] = h, e[27] = c, e[28] = k) : k = e[28];
+  const D = i.displayName || i.name;
+  let _;
+  e[29] !== D ? (_ = /* @__PURE__ */ n(A, { variant: "body2", noWrap: !0, fontWeight: 500, children: D }), e[29] = D, e[30] = _) : _ = e[30];
+  let C, L;
+  e[31] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+    p: 0.25,
+    flexShrink: 0
+  }, L = /* @__PURE__ */ n(He, { size: 12 }), e[31] = C, e[32] = L) : (C = e[31], L = e[32]);
+  let $;
+  e[33] !== p ? ($ = /* @__PURE__ */ n(Re, { size: "small", component: ue, to: p, sx: C, children: L }), e[33] = p, e[34] = $) : $ = e[34];
+  let E;
+  e[35] !== _ || e[36] !== $ ? (E = /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 0.5, minWidth: 0, children: [
+    _,
+    $
+  ] }), e[35] = _, e[36] = $, e[37] = E) : E = e[37];
+  let R;
+  e[38] !== x ? (R = x && /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", noWrap: !0, display: "block", title: x, children: x }), e[38] = x, e[39] = R) : R = e[39];
+  let W;
+  e[40] !== w ? (W = w && /* @__PURE__ */ n(A, { variant: "caption", color: "text.disabled", noWrap: !0, display: "block", title: w, children: w }), e[40] = w, e[41] = W) : W = e[41];
+  let M;
+  e[42] !== k || e[43] !== E || e[44] !== R || e[45] !== W ? (M = /* @__PURE__ */ g(N, { minWidth: 0, flex: 1, overflow: "hidden", children: [
+    k,
+    E,
+    R,
+    W
+  ] }), e[42] = k, e[43] = E, e[44] = R, e[45] = W, e[46] = M) : M = e[46];
+  let B;
+  return e[47] !== M || e[48] !== P ? (B = /* @__PURE__ */ n(ce, { variant: "outlined", children: /* @__PURE__ */ g(de, { sx: j, children: [
+    P,
+    M
+  ] }) }), e[47] = M, e[48] = P, e[49] = B) : B = e[49], B;
+}, Ft = (t) => {
+  const e = K(30), {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  } = t;
+  let s;
+  e[0] !== a || e[1] !== i || e[2] !== l ? (s = {
+    orgName: i,
+    projName: l,
+    agentName: a
+  }, e[0] = a, e[1] = i, e[2] = l, e[3] = s) : s = e[3];
+  let r;
+  e[4] !== o ? (r = {
+    environmentName: o
+  }, e[4] = o, e[5] = r) : r = e[5];
+  const {
+    data: m,
+    isLoading: d
+  } = en(s, r);
+  let h;
+  e[6] !== m?.monitors ? (h = m?.monitors ?? [], e[6] = m?.monitors, e[7] = h) : h = e[7];
+  const f = h;
+  if (!d && f.length === 0)
+    return null;
+  let c;
+  e[8] !== a || e[9] !== o || e[10] !== i || e[11] !== l ? (c = se(le.children.org.children.projects.children.agents.children.environment.children.evaluation.children.monitor.path, {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  }), e[8] = a, e[9] = o, e[10] = i, e[11] = l, e[12] = c) : c = e[12];
+  const u = c;
+  let p;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+    display: "grid",
+    gridTemplateColumns: {
+      xs: "1fr",
+      sm: "repeat(2, 1fr)",
+      md: "repeat(3, 1fr)"
+    },
+    gap: 1.5
+  }, e[13] = p) : p = e[13];
+  const y = p;
+  let x;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ n(J, { sx: {
+    mt: 2,
+    mb: 1
+  } }), e[14] = x) : x = e[14];
+  let b;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+    textTransform: "uppercase",
+    letterSpacing: "0.05em"
+  }, children: "Agent Performance" }), e[15] = b) : b = e[15];
+  let v;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ n(Ke, { size: 14 }), e[16] = v) : v = e[16];
+  let S;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+    minWidth: 0,
+    fontSize: "0.75rem"
+  }, e[17] = S) : S = e[17];
+  let w;
+  e[18] !== u ? (w = /* @__PURE__ */ g(N, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.5, children: [
+    b,
+    /* @__PURE__ */ n(Z, { size: "small", variant: "text", endIcon: v, component: ue, to: u, sx: S, children: "View all" })
+  ] }), e[18] = u, e[19] = w) : w = e[19];
+  let j;
+  e[20] !== a || e[21] !== o || e[22] !== d || e[23] !== f || e[24] !== i || e[25] !== l ? (j = d ? /* @__PURE__ */ n(N, { sx: y, children: [1, 2, 3].map(Zn) }) : /* @__PURE__ */ n(N, { sx: y, children: f.map((k) => /* @__PURE__ */ n(Jn, { monitor: k, orgId: i, projectId: l, agentId: a, envId: o }, k.name)) }), e[20] = a, e[21] = o, e[22] = d, e[23] = f, e[24] = i, e[25] = l, e[26] = j) : j = e[26];
+  let P;
+  return e[27] !== w || e[28] !== j ? (P = /* @__PURE__ */ g(te, { children: [
+    x,
+    w,
+    j
+  ] }), e[27] = w, e[28] = j, e[29] = P) : P = e[29], P;
+};
+function Qn(t) {
+  return t.displayName;
+}
+function Zn(t) {
+  return /* @__PURE__ */ n(U, { variant: "rounded", height: 96 }, t);
+}
+const bt = (t) => {
+  const e = Math.round(t * 1e3);
+  return e >= 1e3 ? `${(e / 1e3).toFixed(2)} cores` : `${e}m`;
+}, xt = (t) => t >= 1024 ** 3 ? `${(t / 1024 ** 3).toFixed(1)} GB` : t >= 1024 ** 2 ? `${(t / 1024 ** 2).toFixed(0)} MB` : `${Math.round(t / 1024)} KB`, ei = (t) => t >= 1e3 ? `${(t / 1e3).toFixed(1)}k` : `${t}`, ti = (t) => {
+  const e = t / 1e6;
+  return e < 1e3 ? `${Math.round(e)}ms` : `${(e / 1e3).toFixed(1)}s`;
+}, Ze = (t) => {
+  const e = K(17), {
+    label: i,
+    value: l,
+    points: a,
+    color: o,
+    isLoading: s
+  } = t, r = o === void 0 ? "currentColor" : o;
+  let m;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    width: "100%"
+  }, e[0] = m) : m = e[0];
+  let d;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    py: 1,
+    px: 1.5,
+    "&:last-child": {
+      pb: 1
+    },
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 1
+  }, e[1] = d) : d = e[1];
+  let h;
+  e[2] !== s || e[3] !== l ? (h = s ? /* @__PURE__ */ n(U, { variant: "text", width: 48, height: 28 }) : /* @__PURE__ */ n(A, { variant: "h6", lineHeight: 1.2, children: l }), e[2] = s, e[3] = l, e[4] = h) : h = e[4];
+  let f;
+  e[5] !== i ? (f = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", children: i }), e[5] = i, e[6] = f) : f = e[6];
+  let c;
+  e[7] !== h || e[8] !== f ? (c = /* @__PURE__ */ g(N, { children: [
+    h,
+    f
+  ] }), e[7] = h, e[8] = f, e[9] = c) : c = e[9];
+  let u;
+  e[10] !== r || e[11] !== s || e[12] !== a ? (u = s ? /* @__PURE__ */ n(U, { variant: "rounded", width: 120, height: 48 }) : /* @__PURE__ */ n(Hn, { data: a, xAxisDataKey: "time", height: 48, width: 120, xAxis: {
+    show: !1
+  }, yAxis: {
+    show: !1
+  }, grid: {
+    show: !1
+  }, tooltip: {
+    show: !1
+  }, legend: {
+    show: !1
+  }, margin: {
+    top: 4,
+    right: 0,
+    bottom: 0,
+    left: 0
+  }, areas: [{
+    dataKey: "value",
+    stroke: r,
+    fill: r,
+    fillOpacity: 0.15,
+    dot: !1,
+    activeDot: !1,
+    connectNulls: !0,
+    isAnimationActive: !1,
+    type: "monotone"
+  }] }), e[10] = r, e[11] = s, e[12] = a, e[13] = u) : u = e[13];
+  let p;
+  return e[14] !== c || e[15] !== u ? (p = /* @__PURE__ */ n(ce, { variant: "outlined", sx: m, children: /* @__PURE__ */ g(de, { sx: d, children: [
+    c,
+    u
+  ] }) }), e[14] = c, e[15] = u, e[16] = p) : p = e[16], p;
+}, ni = (t) => {
+  const e = K(17), {
+    label: i,
+    value: l,
+    percent: a,
+    color: o,
+    isLoading: s
+  } = t;
+  let r;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+    width: "100%"
+  }, e[0] = r) : r = e[0];
+  let m;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    py: 1,
+    px: 1.5,
+    "&:last-child": {
+      pb: 1
+    },
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 1
+  }, e[1] = m) : m = e[1];
+  let d;
+  e[2] !== s || e[3] !== l ? (d = s ? /* @__PURE__ */ n(U, { variant: "text", width: 48, height: 28 }) : /* @__PURE__ */ n(A, { variant: "h6", lineHeight: 1.2, children: l }), e[2] = s, e[3] = l, e[4] = d) : d = e[4];
+  let h;
+  e[5] !== i ? (h = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", children: i }), e[5] = i, e[6] = h) : h = e[6];
+  let f;
+  e[7] !== d || e[8] !== h ? (f = /* @__PURE__ */ g(N, { children: [
+    d,
+    h
+  ] }), e[7] = d, e[8] = h, e[9] = f) : f = e[9];
+  let c;
+  e[10] !== o || e[11] !== s || e[12] !== a ? (c = s ? /* @__PURE__ */ n(U, { variant: "circular", width: 48, height: 48 }) : /* @__PURE__ */ n(Ot, { percent: a, color: o, size: 48 }), e[10] = o, e[11] = s, e[12] = a, e[13] = c) : c = e[13];
+  let u;
+  return e[14] !== f || e[15] !== c ? (u = /* @__PURE__ */ n(ce, { variant: "outlined", sx: r, children: /* @__PURE__ */ g(de, { sx: m, children: [
+    f,
+    c
+  ] }) }), e[14] = f, e[15] = c, e[16] = u) : u = e[16], u;
+}, vt = (t) => {
+  const e = K(20), {
+    label: i,
+    value: l,
+    limit: a,
+    percent: o,
+    isLoading: s
+  } = t, r = mt(), m = Math.min(o ?? 0, 100), d = m >= 85 ? r.vars?.palette?.error?.main : m >= 60 ? r.vars?.palette?.warning?.main : r.vars?.palette?.success?.main;
+  let h;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    width: "100%"
+  }, e[0] = h) : h = e[0];
+  let f;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+    py: 0.75,
+    px: 1.5,
+    "&:last-child": {
+      pb: 0.75
+    }
+  }, e[1] = f) : f = e[1];
+  let c;
+  e[2] !== i ? (c = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", children: i }), e[2] = i, e[3] = c) : c = e[3];
+  let u;
+  e[4] !== d || e[5] !== s || e[6] !== a || e[7] !== o || e[8] !== l ? (u = s ? /* @__PURE__ */ n(U, { variant: "text", width: 60, height: 18 }) : /* @__PURE__ */ g(N, { display: "flex", alignItems: "baseline", gap: 0.5, children: [
+    /* @__PURE__ */ n(A, { variant: "caption", fontWeight: 600, color: "text.primary", children: l }),
+    a && /* @__PURE__ */ g(A, { variant: "caption", color: "text.disabled", children: [
+      "/ ",
+      a
+    ] }),
+    o !== null && /* @__PURE__ */ g(A, { variant: "caption", fontWeight: 600, sx: {
+      color: d
+    }, children: [
+      Math.round(o),
+      "%"
+    ] })
+  ] }), e[4] = d, e[5] = s, e[6] = a, e[7] = o, e[8] = l, e[9] = u) : u = e[9];
+  let p;
+  e[10] !== c || e[11] !== u ? (p = /* @__PURE__ */ g(N, { display: "flex", justifyContent: "space-between", alignItems: "baseline", mb: 0.5, children: [
+    c,
+    u
+  ] }), e[10] = c, e[11] = u, e[12] = p) : p = e[12];
+  let y;
+  e[13] !== d || e[14] !== s || e[15] !== m ? (y = s ? /* @__PURE__ */ n(U, { variant: "rounded", height: 4 }) : /* @__PURE__ */ n(N, { sx: {
+    height: 4,
+    borderRadius: 2,
+    bgcolor: "action.selected",
+    overflow: "hidden"
+  }, children: /* @__PURE__ */ n(N, { sx: {
+    height: "100%",
+    width: `${m}%`,
+    bgcolor: d,
+    borderRadius: 2,
+    transition: "width 0.4s ease"
+  } }) }), e[13] = d, e[14] = s, e[15] = m, e[16] = y) : y = e[16];
+  let x;
+  return e[17] !== p || e[18] !== y ? (x = /* @__PURE__ */ n(ce, { variant: "outlined", sx: h, children: /* @__PURE__ */ g(de, { sx: f, children: [
+    p,
+    y
+  ] }) }), e[17] = p, e[18] = y, e[19] = x) : x = e[19], x;
+}, Ut = ({
+  orgId: t,
+  projectId: e,
+  agentId: i,
+  envId: l,
+  hideMetrics: a = !1,
+  external: o = !1
+}) => {
+  const s = mt(), {
+    data: r
+  } = ln({
+    orgName: t,
+    projName: e,
+    agentName: i
+  }, {
+    enabled: !o
+  }), m = r?.[l]?.status, d = !o && m === "suspended", f = !o && !(m === "active" || m === "error" || m === "failed" || m === "suspended"), {
+    data: c,
+    isLoading: u
+  } = an({
+    agentName: i,
+    orgName: t,
+    projName: e
+  }, {
+    environmentName: l
+  }, {
+    enabled: !a && !d && !f,
+    enableAutoRefresh: !0,
+    timeRange: nt.ONE_HOUR
+  }), {
+    traceList: p,
+    isLoading: y
+  } = rn(t, e, i, l, nt.ONE_DAY, 10, "desc", void 0, void 0, {
+    enableAutoRefresh: !0,
+    enabled: !f
+  }), x = c?.cpuUsage ?? [], b = x.length ? x[x.length - 1].value : null, v = c?.cpuLimits ?? [], S = v.length ? v[v.length - 1].value : null, w = b !== null && S ? b / S * 100 : null, j = c?.memory ?? [], P = j.length ? j[j.length - 1].value : null, k = c?.memoryLimits ?? [], D = k.length ? k[k.length - 1].value : null, _ = P !== null && D ? P / D * 100 : null, C = me(() => p?.traces ?? [], [p]), L = me(() => [...C].reverse().map((T) => ({
+    time: Ue(new Date(T.startTime), "HH:mm"),
+    value: Math.round(T.durationInNanos / 1e6)
+  })), [C]), $ = C.length ? C.reduce((T, O) => T + O.durationInNanos, 0) / C.length : null, E = me(() => [...C].reverse().filter((T) => T.tokenUsage?.totalTokens != null).map((T) => ({
+    time: Ue(new Date(T.startTime), "HH:mm"),
+    value: T.tokenUsage.totalTokens
+  })), [C]), R = (() => {
+    const T = C.filter((O) => O.tokenUsage?.totalTokens != null);
+    return T.length ? Math.round(T.reduce((O, I) => O + (I.tokenUsage?.totalTokens ?? 0), 0) / T.length) : null;
+  })(), W = me(() => [...C].reverse().filter((T) => T.score?.score != null).map((T) => ({
+    time: Ue(new Date(T.startTime), "HH:mm"),
+    value: Math.round(T.score.score * 100)
+  })), [C]), M = (() => {
+    const T = C.filter((O) => O.score?.score != null);
+    return T.length ? T.reduce((O, I) => O + (I.score?.score ?? 0), 0) / T.length : null;
+  })(), B = C.length ? C.filter((T) => (T.status?.errorCount ?? 0) === 0).length / C.length * 100 : null, G = B === null ? "primary" : B >= 70 ? "success" : B >= 40 ? "warning" : "error", H = se(le.children.org.children.projects.children.agents.children.environment.children.observability.children.traces.path, {
+    orgId: t,
+    projectId: e,
+    agentId: i,
+    envId: l
+  }), F = se(le.children.org.children.projects.children.agents.children.environment.children.observability.children.metrics.path, {
+    orgId: t,
+    projectId: e,
+    agentId: i,
+    envId: l
+  });
+  return f ? null : /* @__PURE__ */ g(te, { children: [
+    /* @__PURE__ */ n(J, { sx: {
+      mt: 2,
+      mb: 1
+    } }),
+    /* @__PURE__ */ g(N, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.5, children: [
+      /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+        textTransform: "uppercase",
+        letterSpacing: "0.05em"
+      }, children: "Recent Traces" }),
+      /* @__PURE__ */ n(Z, { size: "small", variant: "text", endIcon: /* @__PURE__ */ n(Ke, { size: 14 }), component: ue, to: H, sx: {
+        minWidth: 0,
+        fontSize: "0.75rem"
+      }, children: "View all" })
+    ] }),
+    /* @__PURE__ */ g(Be, { container: !0, spacing: 1.5, children: [
+      /* @__PURE__ */ n(Be, { size: {
+        xs: 12,
+        sm: 6,
+        lg: 3
+      }, children: /* @__PURE__ */ n(Ze, { label: "Avg Latency", value: $ !== null ? ti($) : "—", points: L, color: s.vars?.palette?.info?.main, isLoading: y }) }),
+      /* @__PURE__ */ n(Be, { size: {
+        xs: 12,
+        sm: 6,
+        lg: 3
+      }, children: /* @__PURE__ */ n(Ze, { label: "Avg Tokens", value: R !== null ? ei(R) : "—", points: E, color: s.vars?.palette?.warning?.main, isLoading: y }) }),
+      M !== null && /* @__PURE__ */ n(Be, { size: {
+        xs: 12,
+        sm: 6,
+        lg: 3
+      }, children: /* @__PURE__ */ n(Ze, { label: "Avg Score", value: `${(M * 100).toFixed(1)}%`, points: W, color: s.vars?.palette?.success?.main, isLoading: y }) }),
+      /* @__PURE__ */ n(Be, { size: {
+        xs: 12,
+        sm: 6,
+        lg: 3
+      }, children: /* @__PURE__ */ n(ni, { label: "Success Rate", value: B !== null ? `${B.toFixed(1)}%` : "—", percent: B ?? 0, color: G, isLoading: y }) })
+    ] }),
+    !a && (d ? /* @__PURE__ */ n(lt, { icon: /* @__PURE__ */ n(Wn, { size: 32 }), message: "Environment Suspended", subtitle: "Metrics are unavailable while the environment is suspended.", disableBackground: !0 }) : /* @__PURE__ */ g(te, { children: [
+      /* @__PURE__ */ n(J, { sx: {
+        mt: 1.5,
+        mb: 1
+      } }),
+      /* @__PURE__ */ g(N, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1, children: [
+        /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+          textTransform: "uppercase",
+          letterSpacing: "0.05em"
+        }, children: "System Metrics" }),
+        /* @__PURE__ */ n(Z, { size: "small", variant: "text", endIcon: /* @__PURE__ */ n(Ke, { size: 14 }), component: ue, to: F, sx: {
+          minWidth: 0,
+          fontSize: "0.75rem"
+        }, children: "View all" })
+      ] }),
+      /* @__PURE__ */ g(X, { direction: "row", spacing: 0.75, sx: {
+        maxWidth: 400
+      }, children: [
+        /* @__PURE__ */ n(vt, { label: "CPU", value: b !== null ? bt(b) : "—", limit: S !== null ? bt(S) : null, percent: w, isLoading: u }),
+        /* @__PURE__ */ n(vt, { label: "Memory", value: P !== null ? xt(P) : "—", limit: D !== null ? xt(D) : null, percent: _, isLoading: u })
+      ] })
+    ] }))
+  ] });
+}, ii = (t) => {
+  const e = K(39), {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    repository: o,
+    latestBuild: s,
+    isBuildsLoading: r,
+    framework: m,
+    model: d,
+    build: h
+  } = t;
+  let f;
+  e: {
+    if (!h) {
+      f = null;
+      break e;
+    }
+    if (h.type === "buildpack") {
+      const {
+        language: F,
+        languageVersion: T
+      } = h.buildpack;
+      f = T ? `${F} ${T}` : F;
+      break e;
+    }
+    f = "Docker";
+  }
+  const c = f;
+  let u;
+  e[0] !== a || e[1] !== i || e[2] !== l ? (u = se(le.children.org.children.projects.children.agents.children.build.path, {
+    orgId: i,
+    projectId: l,
+    agentId: a
+  }), e[0] = a, e[1] = i, e[2] = l, e[3] = u) : u = e[3];
+  const p = u;
+  let y;
+  e[4] !== o ? (y = o ? (() => {
+    const {
+      url: F,
+      branch: T,
+      appPath: O
+    } = o;
+    if (O && O !== "/") {
+      const I = O.startsWith("/") ? O.substring(1) : O;
+      return `${F}/tree/${T}/${I}`;
+    }
+    return `${F}/tree/${T}`;
+  })() : null, e[4] = o, e[5] = y) : y = e[5];
+  const x = y, b = li;
+  let v;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+    py: 1.5,
+    "&:last-child": {
+      pb: 1.5
+    }
+  }, e[6] = v) : v = e[6];
+  let S;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n(N, { pb: 1, children: /* @__PURE__ */ n(A, { variant: "h6", children: "Source & Build" }) }), e[7] = S) : S = e[7];
+  let w;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(J, { sx: {
+    mb: 1.5
+  } }), e[8] = w) : w = e[8];
+  let j;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+    textTransform: "uppercase",
+    letterSpacing: "0.05em",
+    display: "block",
+    mb: 0.75
+  }, children: "Repository" }), e[9] = j) : j = e[9];
+  let P;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ n(Rn, { size: 14, style: {
+    flexShrink: 0
+  } }), e[10] = P) : P = e[10];
+  const k = x ?? "—";
+  let D;
+  e[11] !== k ? (D = /* @__PURE__ */ n(A, { variant: "body2", noWrap: !0, children: k }), e[11] = k, e[12] = D) : D = e[12];
+  let _;
+  e[13] !== x ? (_ = x && /* @__PURE__ */ n(Re, { size: "small", component: "a", href: x, target: "_blank", rel: "noopener noreferrer", sx: {
+    p: 0.25,
+    flexShrink: 0
+  }, children: /* @__PURE__ */ n(He, { size: 12 }) }), e[13] = x, e[14] = _) : _ = e[14];
+  let C;
+  e[15] !== D || e[16] !== _ ? (C = /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 0.5, minWidth: 0, children: [
+    P,
+    D,
+    _
+  ] }), e[15] = D, e[16] = _, e[17] = C) : C = e[17];
+  let L;
+  e[18] !== c || e[19] !== m || e[20] !== d ? (L = (m || d || c) && /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", noWrap: !0, display: "block", mt: 0.25, children: [(m || d) && `Agent Type: ${[m, d].filter(Boolean).join("/")}`, c && `Language: ${c}`].filter(Boolean).join("  ·  ") }), e[18] = c, e[19] = m, e[20] = d, e[21] = L) : L = e[21];
+  let $;
+  e[22] !== C || e[23] !== L ? ($ = /* @__PURE__ */ g(N, { flex: 1, minWidth: 0, children: [
+    j,
+    C,
+    L
+  ] }), e[22] = C, e[23] = L, e[24] = $) : $ = e[24];
+  let E;
+  e[25] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ n(J, { orientation: "vertical", flexItem: !0 }), e[25] = E) : E = e[25];
+  let R;
+  e[26] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+    textTransform: "uppercase",
+    letterSpacing: "0.05em"
+  }, children: "Latest Build" }), e[26] = R) : R = e[26];
+  let W;
+  e[27] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ n(Ke, { size: 12 }), e[27] = W) : W = e[27];
+  let M;
+  e[28] !== p ? (M = /* @__PURE__ */ g(N, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.75, children: [
+    R,
+    /* @__PURE__ */ n(Z, { size: "small", variant: "text", endIcon: W, component: ue, to: p, children: "View all" })
+  ] }), e[28] = p, e[29] = M) : M = e[29];
+  let B;
+  e[30] !== r || e[31] !== s ? (B = r ? /* @__PURE__ */ n(U, { variant: "rounded", height: 28 }) : s ? /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 1.5, minWidth: 0, children: [
+    /* @__PURE__ */ g(A, { variant: "body2", color: "text.secondary", noWrap: !0, sx: {
+      flexShrink: 0
+    }, children: [
+      s.buildParameters?.branch,
+      " :"
+    ] }),
+    /* @__PURE__ */ n(A, { variant: "body2", noWrap: !0, flex: 1, children: s.buildName }),
+    /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", noWrap: !0, sx: {
+      flexShrink: 0
+    }, children: Ue(new Date(s.startedAt), "dd/MM/yyyy HH:mm:ss") }),
+    /* @__PURE__ */ n(Me, { label: s.status, size: "small", color: on[s.status] ?? "default", variant: "outlined", icon: b(s.status), sx: {
+      flexShrink: 0
+    } })
+  ] }) : /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", children: "No builds yet." }), e[30] = r, e[31] = s, e[32] = B) : B = e[32];
+  let G;
+  e[33] !== M || e[34] !== B ? (G = /* @__PURE__ */ g(N, { flex: 1, minWidth: 0, children: [
+    M,
+    B
+  ] }), e[33] = M, e[34] = B, e[35] = G) : G = e[35];
+  let H;
+  return e[36] !== $ || e[37] !== G ? (H = /* @__PURE__ */ n(ce, { variant: "outlined", children: /* @__PURE__ */ g(de, { sx: v, children: [
+    S,
+    w,
+    /* @__PURE__ */ g(N, { display: "flex", gap: 2, minWidth: 0, children: [
+      $,
+      E,
+      G
+    ] })
+  ] }) }), e[36] = $, e[37] = G, e[38] = H) : H = e[38], H;
+};
+function li(t) {
+  if (t)
+    return t === "Running" || t === "Pending" ? /* @__PURE__ */ n(Xe, { size: 12, color: "inherit" }) : t === "Failed" ? /* @__PURE__ */ n($n, { size: 14 }) : /* @__PURE__ */ n(En, { size: 14 });
+}
+function ft(t) {
+  const e = K(10), {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  } = t;
+  let s;
+  e[0] !== a || e[1] !== i || e[2] !== l ? (s = {
+    orgName: i,
+    projName: l,
+    agentName: a
+  }, e[0] = a, e[1] = i, e[2] = l, e[3] = s) : s = e[3];
+  let r;
+  e[4] !== o ? (r = {
+    environment: o
+  }, e[4] = o, e[5] = r) : r = e[5];
+  const {
+    data: m,
+    isLoading: d
+  } = sn(s, r), h = m?.[0], f = h?.status === "completed";
+  let c;
+  return e[6] !== h || e[7] !== d || e[8] !== f ? (c = {
+    binding: h,
+    provisioned: f,
+    isLoading: d
+  }, e[6] = h, e[7] = d, e[8] = f, e[9] = c) : c = e[9], c;
+}
+const St = (t) => {
+  const e = K(8), {
+    label: i,
+    items: l,
+    emptyText: a
+  } = t;
+  let o;
+  e[0] !== i ? (o = /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", mb: 0.5, children: i }), e[0] = i, e[1] = o) : o = e[1];
+  let s;
+  e[2] !== a || e[3] !== l ? (s = l.length === 0 ? /* @__PURE__ */ n(A, { variant: "body2", color: "text.disabled", children: a }) : /* @__PURE__ */ n(X, { direction: "row", flexWrap: "wrap", gap: 1, children: l.map(ri) }), e[2] = a, e[3] = l, e[4] = s) : s = e[4];
+  let r;
+  return e[5] !== o || e[6] !== s ? (r = /* @__PURE__ */ g(N, { children: [
+    o,
+    s
+  ] }), e[5] = o, e[6] = s, e[7] = r) : r = e[7], r;
+};
+function Ht(t) {
+  const e = K(24), {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o,
+    enabled: s
+  } = t;
+  let r;
+  e[0] !== a || e[1] !== i || e[2] !== l ? (r = {
+    orgName: i,
+    projName: l,
+    agentName: a
+  }, e[0] = a, e[1] = i, e[2] = l, e[3] = r) : r = e[3];
+  let m;
+  e[4] !== o ? (m = {
+    environment: o
+  }, e[4] = o, e[5] = m) : m = e[5];
+  let d;
+  e[6] !== s ? (d = {
+    enabled: s
+  }, e[6] = s, e[7] = d) : d = e[7];
+  const {
+    data: h,
+    isLoading: f
+  } = cn(r, m, d);
+  let c;
+  e[8] !== a || e[9] !== i || e[10] !== l ? (c = {
+    orgName: i,
+    projName: l,
+    agentName: a
+  }, e[8] = a, e[9] = i, e[10] = l, e[11] = c) : c = e[11];
+  let u;
+  e[12] !== o ? (u = {
+    environment: o
+  }, e[12] = o, e[13] = u) : u = e[13];
+  let p;
+  e[14] !== s ? (p = {
+    enabled: s
+  }, e[14] = s, e[15] = p) : p = e[15];
+  const {
+    data: y,
+    isLoading: x
+  } = dn(c, u, p);
+  let b;
+  e[16] !== h?.roles ? (b = h?.roles ?? [], e[16] = h?.roles, e[17] = b) : b = e[17];
+  let v;
+  e[18] !== y?.groups ? (v = y?.groups ?? [], e[18] = y?.groups, e[19] = v) : v = e[19];
+  const S = f || x;
+  let w;
+  return e[20] !== b || e[21] !== v || e[22] !== S ? (w = {
+    roles: b,
+    groups: v,
+    isLoading: S
+  }, e[20] = b, e[21] = v, e[22] = S, e[23] = w) : w = e[23], w;
+}
+const Kt = (t) => {
+  const e = K(4), {
+    roles: i,
+    groups: l,
+    isLoading: a
+  } = t;
+  let o;
+  return e[0] !== l || e[1] !== a || e[2] !== i ? (o = a ? /* @__PURE__ */ g(X, { spacing: 1.5, children: [
+    /* @__PURE__ */ n(U, { variant: "rounded", height: 32 }),
+    /* @__PURE__ */ n(U, { variant: "rounded", height: 32 })
+  ] }) : /* @__PURE__ */ g(X, { spacing: 1.5, children: [
+    /* @__PURE__ */ n(St, { label: "Roles", items: i, emptyText: "No roles assigned." }),
+    /* @__PURE__ */ n(St, { label: "Groups", items: l, emptyText: "Not a member of any groups." })
+  ] }), e[0] = l, e[1] = a, e[2] = i, e[3] = o) : o = e[3], o;
+}, ai = (t) => {
+  const e = K(19), {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  } = t;
+  let s;
+  e[0] !== a || e[1] !== o || e[2] !== i || e[3] !== l ? (s = {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  }, e[0] = a, e[1] = o, e[2] = i, e[3] = l, e[4] = s) : s = e[4];
+  const {
+    provisioned: r,
+    isLoading: m
+  } = ft(s);
+  let d;
+  e[5] !== a || e[6] !== o || e[7] !== i || e[8] !== l || e[9] !== r ? (d = {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o,
+    enabled: r
+  }, e[5] = a, e[6] = o, e[7] = i, e[8] = l, e[9] = r, e[10] = d) : d = e[10];
+  const {
+    roles: h,
+    groups: f,
+    isLoading: c
+  } = Ht(d);
+  if (m) {
+    let b;
+    return e[11] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(U, { variant: "rounded", height: 56, sx: {
+      mt: 2
+    } }), e[11] = b) : b = e[11], b;
+  }
+  if (!r)
+    return null;
+  let u;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ n(J, { sx: {
+    mt: 2,
+    mb: 1
+  } }), e[12] = u) : u = e[12];
+  let p;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+    textTransform: "uppercase",
+    letterSpacing: "0.05em"
+  }, children: "Agent Identity" }), e[13] = p) : p = e[13];
+  let y;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+    mt: 1
+  }, e[14] = y) : y = e[14];
+  let x;
+  return e[15] !== f || e[16] !== c || e[17] !== h ? (x = /* @__PURE__ */ g(te, { children: [
+    u,
+    p,
+    /* @__PURE__ */ n(N, { sx: y, children: /* @__PURE__ */ n(Kt, { roles: h, groups: f, isLoading: c }) })
+  ] }), e[15] = f, e[16] = c, e[17] = h, e[18] = x) : x = e[18], x;
+};
+function ri(t) {
+  return /* @__PURE__ */ n(Me, { label: t.name, size: "small" }, t.id);
+}
+const qe = {
+  "& .MuiInputBase-input": {
+    fontFamily: "monospace"
+  }
+};
+function Vt(t, e, i) {
+  const [l, a] = Q(null), {
+    mutateAsync: o
+  } = mn();
+  return {
+    regeneratingEnv: l,
+    regenerate: async (r, m) => {
+      if (!(!t || !e || !i)) {
+        a(r);
+        try {
+          const d = await o({
+            params: {
+              orgName: t,
+              projName: e,
+              agentName: i
+            },
+            body: {
+              environment: r
+            }
+          });
+          m?.({
+            clientId: d.clientId,
+            clientSecret: d.clientSecret
+          });
+        } catch {
+        } finally {
+          a((d) => d === r ? null : d);
+        }
+      }
+    }
+  };
+}
+const qt = (t) => {
+  const e = K(16), {
+    clientId: i,
+    clientSecret: l,
+    message: a
+  } = t;
+  let o, s;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ n(Mn, { size: 18 }), s = {
+    width: "100%"
+  }, e[0] = o, e[1] = s) : (o = e[0], s = e[1]);
+  let r;
+  e[2] !== a ? (r = /* @__PURE__ */ n(A, { variant: "body2", fontWeight: 600, children: a }), e[2] = a, e[3] = r) : r = e[3];
+  let m;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    input: {
+      readOnly: !0
+    }
+  }, e[4] = m) : m = e[4];
+  let d;
+  e[5] !== i ? (d = /* @__PURE__ */ n(Ee, { slotProps: m, label: "Client ID", value: i, copyable: !0, fullWidth: !0, sx: qe }), e[5] = i, e[6] = d) : d = e[6];
+  let h;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    input: {
+      readOnly: !0
+    }
+  }, e[7] = h) : h = e[7];
+  let f;
+  e[8] !== l ? (f = /* @__PURE__ */ n(Ee, { slotProps: h, label: "Client Secret", value: l, copyable: !0, fullWidth: !0, sx: qe }), e[8] = l, e[9] = f) : f = e[9];
+  let c;
+  e[10] !== d || e[11] !== f ? (c = /* @__PURE__ */ g(X, { spacing: 1, mt: 1, width: "100%", children: [
+    d,
+    f
+  ] }), e[10] = d, e[11] = f, e[12] = c) : c = e[12];
+  let u;
+  return e[13] !== r || e[14] !== c ? (u = /* @__PURE__ */ g(jt, { severity: "warning", icon: o, sx: s, children: [
+    r,
+    c
+  ] }), e[13] = r, e[14] = c, e[15] = u) : u = e[15], u;
+}, Xt = (t) => {
+  const e = K(10), {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o,
+    isRegenerating: s,
+    onRegenerate: r
+  } = t;
+  let m;
+  e[0] !== a || e[1] !== o || e[2] !== i || e[3] !== l ? (m = {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  }, e[0] = a, e[1] = o, e[2] = i, e[3] = l, e[4] = m) : m = e[4];
+  const {
+    provisioned: d
+  } = ft(m);
+  if (!d)
+    return null;
+  let h;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ n(Gn, { size: 16 }), e[5] = h) : h = e[5];
+  const f = s ? "Regenerating..." : "Regenerate ID";
+  let c;
+  return e[6] !== s || e[7] !== r || e[8] !== f ? (c = /* @__PURE__ */ n(Z, { variant: "text", size: "small", startIcon: h, onClick: r, disabled: s, children: f }), e[6] = s, e[7] = r, e[8] = f, e[9] = c) : c = e[9], c;
+}, wt = (t) => {
+  const e = K(8), {
+    left: i,
+    rolesAndGroups: l
+  } = t;
+  let a;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    xs: "column",
+    md: "row"
+  }, e[0] = a) : a = e[0];
+  let o;
+  e[1] !== i ? (o = /* @__PURE__ */ n(N, { flex: 1, children: i }), e[1] = i, e[2] = o) : o = e[2];
+  let s;
+  e[3] !== l ? (s = /* @__PURE__ */ n(N, { flex: 1, children: /* @__PURE__ */ n(Kt, { ...l }) }), e[3] = l, e[4] = s) : s = e[4];
+  let r;
+  return e[5] !== o || e[6] !== s ? (r = /* @__PURE__ */ g(X, { direction: a, spacing: 3, children: [
+    o,
+    s
+  ] }), e[5] = o, e[6] = s, e[7] = r) : r = e[7], r;
+}, oi = (t) => {
+  const e = K(33), {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  } = t;
+  let s;
+  e[0] !== a || e[1] !== o || e[2] !== i || e[3] !== l ? (s = {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o
+  }, e[0] = a, e[1] = o, e[2] = i, e[3] = l, e[4] = s) : s = e[4];
+  const {
+    binding: r,
+    provisioned: m,
+    isLoading: d
+  } = ft(s), {
+    mutateAsync: h,
+    isPending: f
+  } = hn(), [c, u] = Q(null), p = m && !r?.hasUnclaimedSecret, y = p && !r?.clientId, x = m && !c && !y;
+  let b;
+  e[5] !== a || e[6] !== o || e[7] !== i || e[8] !== l || e[9] !== x ? (b = {
+    orgId: i,
+    projectId: l,
+    agentId: a,
+    envId: o,
+    enabled: x
+  }, e[5] = a, e[6] = o, e[7] = i, e[8] = l, e[9] = x, e[10] = b) : b = e[10];
+  const v = Ht(b);
+  let S;
+  e[11] !== a || e[12] !== h || e[13] !== o || e[14] !== i || e[15] !== l ? (S = async () => {
+    try {
+      const _ = await h({
+        params: {
+          orgName: i,
+          projName: l,
+          agentName: a
+        },
+        query: {
+          environment: o
+        }
+      });
+      u({
+        clientId: _.clientId,
+        clientSecret: _.clientSecret
+      });
+    } catch {
+    }
+  }, e[11] = a, e[12] = h, e[13] = o, e[14] = i, e[15] = l, e[16] = S) : S = e[16];
+  const w = S;
+  if (d) {
+    let _;
+    return e[17] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n(U, { variant: "rounded", height: 56, sx: {
+      mt: 2
+    } }), e[17] = _) : _ = e[17], _;
+  }
+  if (!r || r.provisioningType !== "external")
+    return null;
+  if (c) {
+    let _;
+    e[18] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n(J, { sx: {
+      mb: 1
+    } }), e[18] = _) : _ = e[18];
+    let C;
+    return e[19] !== c.clientId || e[20] !== c.clientSecret ? (C = /* @__PURE__ */ g(te, { children: [
+      _,
+      /* @__PURE__ */ n(qt, { clientId: c.clientId, clientSecret: c.clientSecret, message: "This secret will not be shown again — save it securely now." })
+    ] }), e[19] = c.clientId, e[20] = c.clientSecret, e[21] = C) : C = e[21], C;
+  }
+  if (y)
+    return null;
+  let j;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ n(J, { sx: {
+    mb: 1
+  } }), e[22] = j) : j = e[22];
+  let P;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", fontWeight: 600, sx: {
+    textTransform: "uppercase",
+    letterSpacing: "0.05em"
+  }, children: "Agent Identity" }), e[23] = P) : P = e[23];
+  let k;
+  e[24] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+    mt: 1
+  }, e[24] = k) : k = e[24];
+  let D;
+  return e[25] !== p || e[26] !== r.clientId || e[27] !== r.hasUnclaimedSecret || e[28] !== r.status || e[29] !== w || e[30] !== f || e[31] !== v ? (D = /* @__PURE__ */ g(te, { children: [
+    j,
+    P,
+    /* @__PURE__ */ n(N, { sx: k, children: r.hasUnclaimedSecret ? /* @__PURE__ */ n(wt, { rolesAndGroups: v, left: /* @__PURE__ */ g(X, { spacing: 1.5, children: [
+      r.clientId && /* @__PURE__ */ n(Ee, { slotProps: {
+        input: {
+          readOnly: !0
+        }
+      }, label: "Client ID", value: r.clientId, copyable: !0, fullWidth: !0, sx: qe }),
+      /* @__PURE__ */ g(X, { direction: "row", alignItems: "center", gap: 1.5, children: [
+        /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", children: "This agent's identity secret hasn't been claimed yet." }),
+        /* @__PURE__ */ n(Z, { variant: "outlined", size: "small", onClick: () => void w(), disabled: f, children: f ? "Claiming..." : "Reveal Secret" })
+      ] })
+    ] }) }) : p ? /* @__PURE__ */ n(wt, { rolesAndGroups: v, left: /* @__PURE__ */ n(Ee, { slotProps: {
+      input: {
+        readOnly: !0
+      }
+    }, label: "Client ID", value: r.clientId, copyable: !0, fullWidth: !0, sx: qe }) }) : r.status === "failed" ? /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", children: "Provisioning failed — check the identity settings for details." }) : /* @__PURE__ */ g(X, { direction: "row", alignItems: "center", gap: 1, children: [
+      /* @__PURE__ */ n(Xe, { size: 14 }),
+      /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", children: "Provisioning in progress…" })
+    ] }) })
+  ] }), e[25] = p, e[26] = r.clientId, e[27] = r.hasUnclaimedSecret, e[28] = r.status, e[29] = w, e[30] = f, e[31] = v, e[32] = D) : D = e[32], D;
+}, si = () => {
+  const t = K(34), {
+    orgId: e,
+    agentId: i,
+    projectId: l
+  } = ve();
+  let a;
+  t[0] !== i || t[1] !== e || t[2] !== l ? (a = {
+    orgName: e,
+    projName: l,
+    agentName: i
+  }, t[0] = i, t[1] = e, t[2] = l, t[3] = a) : a = t[3];
+  const {
+    data: o
+  } = at(a);
+  let s;
+  t[4] !== i || t[5] !== e || t[6] !== l ? (s = {
+    orgName: e,
+    projName: l,
+    agentName: i
+  }, t[4] = i, t[5] = e, t[6] = l, t[7] = s) : s = t[7];
+  const {
+    data: r,
+    isLoading: m
+  } = pn(s), d = fn(e, l), h = !!o?.kindName, {
+    regeneratingEnv: f,
+    regenerate: c
+  } = Vt(e, l, i);
+  let u;
+  t[8] !== o || t[9] !== i || t[10] !== r?.builds || t[11] !== m || t[12] !== h || t[13] !== e || t[14] !== l ? (u = h ? /* @__PURE__ */ n(Vn, { orgId: e ?? "", kindName: o.kindName, framework: o?.agentType?.type, model: o?.agentType?.subType }) : e && l && i && /* @__PURE__ */ n(ii, { orgId: e, projectId: l, agentId: i, repository: o?.provisioning?.repository, latestBuild: r?.builds[0], isBuildsLoading: m, framework: o?.agentType?.type, model: o?.agentType?.subType, build: o?.build }), t[8] = o, t[9] = i, t[10] = r?.builds, t[11] = m, t[12] = h, t[13] = e, t[14] = l, t[15] = u) : u = t[15];
+  let p;
+  if (t[16] !== i || t[17] !== c || t[18] !== e || t[19] !== l || t[20] !== f || t[21] !== d) {
+    let b;
+    t[23] !== i || t[24] !== c || t[25] !== e || t[26] !== l || t[27] !== f ? (b = (v, S) => v && e && l && i && /* @__PURE__ */ n(Rt, { orgId: e, projectId: l, agentId: i, environment: v, isFirstEnvironment: S === 0, actions: /* @__PURE__ */ n(Xt, { orgId: e, projectId: l, agentId: i, envId: v.name, isRegenerating: f === v.name, onRegenerate: () => void c(v.name) }), bottomContent: /* @__PURE__ */ g(te, { children: [
+      /* @__PURE__ */ n(ai, { orgId: e, projectId: l, agentId: i, envId: v.name }),
+      /* @__PURE__ */ n(Ut, { orgId: e, projectId: l, agentId: i, envId: v.name }),
+      /* @__PURE__ */ n(Ft, { orgId: e, projectId: l, agentId: i, envId: v.name })
+    ] }) }, v.name), t[23] = i, t[24] = c, t[25] = e, t[26] = l, t[27] = f, t[28] = b) : b = t[28], p = d.map(b), t[16] = i, t[17] = c, t[18] = e, t[19] = l, t[20] = f, t[21] = d, t[22] = p;
+  } else
+    p = t[22];
+  let y;
+  t[29] !== p ? (y = /* @__PURE__ */ n(X, { spacing: 2, children: p }), t[29] = p, t[30] = y) : y = t[30];
+  let x;
+  return t[31] !== u || t[32] !== y ? (x = /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 2, children: [
+    u,
+    y
+  ] }), t[31] = u, t[32] = y, t[33] = x) : x = t[33], x;
+}, Se = (t) => {
+  const e = K(18), {
+    stepNumber: i,
+    title: l,
+    description: a,
+    code: o,
+    language: s,
+    fieldId: r
+  } = t, m = s === void 0 ? "bash" : s;
+  let d;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    gap: 2,
+    width: 20,
+    height: 20,
+    borderRadius: "50%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    bgcolor: ci,
+    color: "primary.contrastText",
+    fontWeight: 600
+  }, e[0] = d) : d = e[0];
+  let h;
+  e[1] !== i ? (h = /* @__PURE__ */ n(N, { sx: d, children: /* @__PURE__ */ n(A, { variant: "body2", fontWeight: 600, children: i }) }), e[1] = i, e[2] = h) : h = e[2];
+  let f;
+  e[3] !== l ? (f = /* @__PURE__ */ n(A, { variant: "body1", children: l }), e[3] = l, e[4] = f) : f = e[4];
+  let c;
+  e[5] !== h || e[6] !== f ? (c = /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 1, children: [
+    h,
+    f
+  ] }), e[5] = h, e[6] = f, e[7] = c) : c = e[7];
+  let u;
+  e[8] !== o || e[9] !== r || e[10] !== m ? (u = /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(Mt, { code: o, language: m, fieldId: r }) }), e[8] = o, e[9] = r, e[10] = m, e[11] = u) : u = e[11];
+  let p;
+  e[12] !== a ? (p = a && /* @__PURE__ */ n(A, { variant: "body2", color: "textSecondary", children: a }), e[12] = a, e[13] = p) : p = e[13];
+  let y;
+  return e[14] !== c || e[15] !== u || e[16] !== p ? (y = /* @__PURE__ */ g(N, { display: "flex", gap: 1, flexDirection: "column", children: [
+    c,
+    u,
+    p
+  ] }), e[14] = c, e[15] = u, e[16] = p, e[17] = y) : y = e[17], y;
+};
+function ci(t) {
+  return t.palette.primary.main;
+}
+const di = [{
+  label: "30 days",
+  value: "720h"
+}, {
+  label: "90 days",
+  value: "2160h"
+}, {
+  label: "6 months",
+  value: "4320h"
+}, {
+  label: "1 year",
+  value: "8760h"
+}, {
+  label: "2 years",
+  value: "17520h"
+}], Nt = (t) => {
+  const e = K(55), {
+    stepNumber: i,
+    orgName: l,
+    projName: a,
+    agentName: o,
+    environment: s,
+    onTokenGenerated: r
+  } = t, [m, d] = Q("8760h");
+  let h;
+  e[0] !== o || e[1] !== l || e[2] !== a ? (h = {
+    agentName: o,
+    projName: a,
+    orgName: l
+  }, e[0] = o, e[1] = l, e[2] = a, e[3] = h) : h = e[3];
+  let f;
+  e[4] !== m ? (f = {
+    expires_in: m
+  }, e[4] = m, e[5] = f) : f = e[5];
+  let c;
+  e[6] !== s ? (c = s ? {
+    environment: s
+  } : void 0, e[6] = s, e[7] = c) : c = e[7];
+  const {
+    data: u,
+    isFetching: p,
+    error: y,
+    refetch: x
+  } = un(h, f, c);
+  let b;
+  e[8] !== u || e[9] !== r ? (b = () => {
+    u?.token && r(u.token);
+  }, e[8] = u, e[9] = r, e[10] = b) : b = e[10];
+  const v = u?.token;
+  let S;
+  e[11] !== r || e[12] !== v ? (S = [v, r], e[11] = r, e[12] = v, e[13] = S) : S = e[13], Ne(b, S);
+  const j = `${u?.token || "ey***"}`;
+  let P;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (P = {
+    gap: 2,
+    width: 20,
+    height: 20,
+    borderRadius: "50%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    bgcolor: mi,
+    color: "primary.contrastText",
+    fontWeight: 600
+  }, e[14] = P) : P = e[14];
+  let k;
+  e[15] !== i ? (k = /* @__PURE__ */ n(N, { sx: P, children: /* @__PURE__ */ n(A, { variant: "body2", fontWeight: 600, children: i }) }), e[15] = i, e[16] = k) : k = e[16];
+  let D;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ n(A, { variant: "body1", children: "Generate API Key" }), e[17] = D) : D = e[17];
+  let _;
+  e[18] !== k ? (_ = /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 1, children: [
+    k,
+    D
+  ] }), e[18] = k, e[19] = _) : _ = e[19];
+  let C;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ n(A, { variant: "body2", color: "textSecondary", children: "Token Duration" }), e[20] = C) : C = e[20];
+  let L;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (L = (ee) => d(ee.target.value), e[21] = L) : L = e[21];
+  let $, E;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? ($ = {
+    minWidth: 100
+  }, E = di.map(hi), e[22] = $, e[23] = E) : ($ = e[22], E = e[23]);
+  let R;
+  e[24] !== m || e[25] !== p ? (R = /* @__PURE__ */ n(ht, { value: m, onChange: L, size: "small", disabled: p, sx: $, children: E }), e[24] = m, e[25] = p, e[26] = R) : R = e[26];
+  let W;
+  e[27] !== x ? (W = () => x(), e[27] = x, e[28] = W) : W = e[28];
+  let M;
+  e[29] !== p ? (M = p ? /* @__PURE__ */ n(Xe, { size: 16 }) : void 0, e[29] = p, e[30] = M) : M = e[30];
+  const B = p ? "Generating..." : u?.token ? "Generated" : "Generate";
+  let G;
+  e[31] !== p || e[32] !== W || e[33] !== M || e[34] !== B ? (G = /* @__PURE__ */ n(Z, { variant: "contained", onClick: W, disabled: p, startIcon: M, size: "small", children: B }), e[31] = p, e[32] = W, e[33] = M, e[34] = B, e[35] = G) : G = e[35];
+  let H;
+  e[36] !== R || e[37] !== G ? (H = /* @__PURE__ */ g(N, { display: "flex", gap: 1, alignItems: "center", children: [
+    C,
+    R,
+    G
+  ] }), e[36] = R, e[37] = G, e[38] = H) : H = e[38];
+  let F;
+  e[39] !== _ || e[40] !== H ? (F = /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 1, justifyContent: "space-between", children: [
+    _,
+    H
+  ] }), e[39] = _, e[40] = H, e[41] = F) : F = e[41];
+  let T;
+  e[42] !== y ? (T = y ? /* @__PURE__ */ n(A, { variant: "body2", color: "error", children: "Failed to generate token. Please try again." }) : null, e[42] = y, e[43] = T) : T = e[43];
+  let O;
+  e[44] !== j ? (O = /* @__PURE__ */ n(Mt, { code: j, language: "bash", fieldId: "api-key" }), e[44] = j, e[45] = O) : O = e[45];
+  const I = u?.token ? "Token generated successfully. Copy it now as you won't be able to see it again." : "Generate a token to authenticate your traces.";
+  let z;
+  e[46] !== I ? (z = /* @__PURE__ */ n(A, { variant: "body2", color: "textSecondary", children: I }), e[46] = I, e[47] = z) : z = e[47];
+  let V;
+  e[48] !== T || e[49] !== O || e[50] !== z ? (V = /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1, children: [
+    T,
+    O,
+    z
+  ] }), e[48] = T, e[49] = O, e[50] = z, e[51] = V) : V = e[51];
+  let q;
+  return e[52] !== F || e[53] !== V ? (q = /* @__PURE__ */ g(N, { display: "flex", gap: 1, flexDirection: "column", children: [
+    F,
+    V
+  ] }), e[52] = F, e[53] = V, e[54] = q) : q = e[54], q;
+};
+function mi(t) {
+  return t.palette.primary.main;
+}
+function hi(t) {
+  return /* @__PURE__ */ n(xe, { value: t.value, children: t.label }, t.value);
+}
+const pi = (t) => {
+  const e = K(27), {
+    open: i,
+    onClose: l,
+    orgName: a,
+    projName: o,
+    agentName: s,
+    environment: r,
+    instrumentationUrl: m,
+    apiKey: d
+  } = t, [h, f] = Q(null), [c, u] = Q("python"), p = h || d;
+  let y;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (y = ($) => {
+    u($.target.value);
+  }, e[0] = y) : y = e[0];
+  const x = y;
+  let b;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(zt, { size: 24 }), e[1] = b) : b = e[1];
+  let v;
+  e[2] !== l ? (v = /* @__PURE__ */ n(rt, { icon: b, title: "Setup Agent", onClose: l }), e[2] = l, e[3] = v) : v = e[3];
+  let S;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n(A, { variant: "h5", children: "Zero-code Instrumentation Guide" }), e[4] = S) : S = e[4];
+  let w;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(A, { variant: "body2", children: "Language:" }), e[5] = w) : w = e[5];
+  let j, P;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ n(xe, { value: "python", children: "Python" }), P = /* @__PURE__ */ n(xe, { value: "ballerina", children: "Ballerina" }), e[6] = j, e[7] = P) : (j = e[6], P = e[7]);
+  let k;
+  e[8] !== c ? (k = /* @__PURE__ */ g(X, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+    S,
+    /* @__PURE__ */ g(X, { direction: "row", alignItems: "center", gap: 1, children: [
+      w,
+      /* @__PURE__ */ g(ht, { value: c, onChange: x, children: [
+        j,
+        P
+      ] })
+    ] })
+  ] }), e[8] = c, e[9] = k) : k = e[9];
+  let D;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+    pt: 1,
+    width: "100%"
+  }, e[10] = D) : D = e[10];
+  let _;
+  e[11] !== s || e[12] !== p || e[13] !== r || e[14] !== m || e[15] !== a || e[16] !== o || e[17] !== c ? (_ = /* @__PURE__ */ n(N, { sx: D, children: c === "python" ? /* @__PURE__ */ g(te, { children: [
+    /* @__PURE__ */ n(Se, { stepNumber: 1, title: "Install AMP Instrumentation Package", code: "pip install amp-instrumentation", language: "bash", fieldId: "install", description: "Provides the ability to instrument your agent and export traces." }),
+    /* @__PURE__ */ n(Nt, { stepNumber: 2, orgName: a, projName: o, agentName: s, environment: r, onTokenGenerated: f }),
+    /* @__PURE__ */ n(Se, { stepNumber: 3, title: "Set environment variables", code: `export AMP_OTEL_ENDPOINT="${m}"
+export AMP_AGENT_API_KEY="${p}"`, language: "bash", fieldId: "env", description: "Sets the agent endpoint and agent-specific API key so traces can be exported securely." }),
+    /* @__PURE__ */ n(Se, { stepNumber: 4, title: "Run Agent with Instrumentation Enabled", code: "amp-instrument <run_command>", language: "bash", fieldId: "run", description: "Replace <run_command> with your agent's start command. For example: amp-instrument python app.py" })
+  ] }) : /* @__PURE__ */ g(te, { children: [
+    /* @__PURE__ */ n(Se, { stepNumber: 1, title: "Import Amp Module", code: "import ballerinax/amp as _;", language: "ballerina", fieldId: "import", description: "Add the import to your Ballerina program." }),
+    /* @__PURE__ */ n(Se, { stepNumber: 2, title: "Add the following configuration to Ballerina.toml", code: `[build-options]
+observabilityIncluded = true`, language: "toml", fieldId: "ballerina-toml", description: "Ensure the following configuration is present when building the program." }),
+    /* @__PURE__ */ n(Se, { stepNumber: 3, title: "Update Config.toml", code: `[ballerina.observe]
+tracingEnabled = true
+tracingProvider = "amp"`, language: "toml", fieldId: "config-toml", description: "Enable tracing and set the provider to Amp." }),
+    /* @__PURE__ */ n(Nt, { stepNumber: 4, orgName: a, projName: o, agentName: s, environment: r, onTokenGenerated: f }),
+    /* @__PURE__ */ n(Se, { stepNumber: 5, title: "Set Environment Variables", code: `export BAL_CONFIG_VAR_BALLERINAX_AMP_OTELENDPOINT="${m}"
+export BAL_CONFIG_VAR_BALLERINAX_AMP_APIKEY="${p}"`, language: "bash", fieldId: "env-vars", description: "Configure the exporter using environment variables." })
+  ] }) }), e[11] = s, e[12] = p, e[13] = r, e[14] = m, e[15] = a, e[16] = o, e[17] = c, e[18] = _) : _ = e[18];
+  let C;
+  e[19] !== _ || e[20] !== k ? (C = /* @__PURE__ */ g(ot, { children: [
+    k,
+    _
+  ] }), e[19] = _, e[20] = k, e[21] = C) : C = e[21];
+  let L;
+  return e[22] !== l || e[23] !== i || e[24] !== C || e[25] !== v ? (L = /* @__PURE__ */ g(st, { open: i, onClose: l, maxWidth: 700, children: [
+    v,
+    C
+  ] }), e[22] = l, e[23] = i, e[24] = C, e[25] = v, e[26] = L) : L = e[26], L;
+}, fi = () => {
+  const t = K(47), {
+    agentId: e,
+    orgId: i,
+    projectId: l
+  } = ve(), [a, o] = Ln(), [s, r] = Q("");
+  let m;
+  t[0] !== e || t[1] !== i || t[2] !== l ? (m = {
+    orgName: i,
+    projName: l,
+    agentName: e
+  }, t[0] = e, t[1] = i, t[2] = l, t[3] = m) : m = t[3];
+  const {
+    data: d
+  } = at(m), {
+    environments: h,
+    isLoading: f
+  } = gn(i, l), c = i ?? "";
+  let u;
+  t[4] !== c ? (u = {
+    orgName: c
+  }, t[4] = c, t[5] = u) : u = t[5];
+  let p;
+  t[6] !== s ? (p = {
+    environment: s
+  }, t[6] = s, t[7] = p) : p = t[7];
+  const {
+    data: y
+  } = yn(u, p), x = y?.gateways?.[0]?.vhost, b = x ? `${x.replace(/\/$/, "")}/otel` : bn.instrumentationUrl || "http://default-default.gateway.localhost:19080/otel";
+  let v;
+  t[8] !== o ? (v = (z) => {
+    r(z), o({
+      setup: "true"
+    });
+  }, t[8] = o, t[9] = v) : v = t[9];
+  const S = v;
+  let w;
+  t[10] === Symbol.for("react.memo_cache_sentinel") ? (w = {}, t[10] = w) : w = t[10];
+  const [j, P] = Q(w), {
+    regeneratingEnv: k,
+    regenerate: D
+  } = Vt(i, l, e);
+  let _;
+  t[11] !== D ? (_ = (z) => D(z, (V) => P((q) => ({
+    ...q,
+    [z]: V
+  }))), t[11] = D, t[12] = _) : _ = t[12];
+  const C = _;
+  let L, $;
+  t[13] !== f || t[14] !== s || t[15] !== h ? (L = () => {
+    !f && !s && r(h.length > 0 ? h[0].id ?? "" : "");
+  }, $ = [h, f, s], t[13] = f, t[14] = s, t[15] = h, t[16] = L, t[17] = $) : (L = t[16], $ = t[17]), Ne(L, $);
+  let E;
+  t[18] !== e || t[19] !== C || t[20] !== S || t[21] !== f || t[22] !== i || t[23] !== l || t[24] !== j || t[25] !== k || t[26] !== h ? (E = /* @__PURE__ */ n(N, { display: "flex", flexDirection: "column", gap: 2, children: f ? /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 2, children: [
+    /* @__PURE__ */ n(U, { variant: "rounded", height: 100 }),
+    /* @__PURE__ */ n(U, { variant: "rounded", height: 100 })
+  ] }) : h.length === 0 ? /* @__PURE__ */ n(lt, { message: "No environments found", subtitle: "Environments will appear here once they are created" }) : /* @__PURE__ */ n(X, { spacing: 2, children: h.map((z) => z && i && l && e && /* @__PURE__ */ n(Rt, { orgId: i, projectId: l, agentId: e, environment: z, actions: /* @__PURE__ */ g(te, { children: [
+    /* @__PURE__ */ n(Xt, { orgId: i, projectId: l, agentId: e, envId: z.name, isRegenerating: k === z.name, onRegenerate: () => void C(z.name) }),
+    /* @__PURE__ */ n(Z, { variant: "text", size: "small", startIcon: /* @__PURE__ */ n(zt, { size: 16 }), onClick: () => S(z.id ?? ""), children: "Setup Agent" })
+  ] }), bottomContent: /* @__PURE__ */ g(te, { children: [
+    j[z.name] ? /* @__PURE__ */ g(te, { children: [
+      /* @__PURE__ */ n(J, { sx: {
+        mb: 1
+      } }),
+      /* @__PURE__ */ n(qt, { clientId: j[z.name].clientId, clientSecret: j[z.name].clientSecret, message: "This is the new secret after regenerating — save it securely now." })
+    ] }) : /* @__PURE__ */ n(oi, { orgId: i, projectId: l, agentId: e, envId: z.name }),
+    /* @__PURE__ */ n(Ut, { orgId: i, projectId: l, agentId: e, envId: z.name, hideMetrics: !0, external: !0 }),
+    /* @__PURE__ */ n(Ft, { orgId: i, projectId: l, agentId: e, envId: z.name })
+  ] }) }, z.name)) }) }), t[18] = e, t[19] = C, t[20] = S, t[21] = f, t[22] = i, t[23] = l, t[24] = j, t[25] = k, t[26] = h, t[27] = E) : E = t[27];
+  const R = a.get("setup") === "true" && s !== "";
+  let W;
+  t[28] !== o ? (W = () => o({}), t[28] = o, t[29] = W) : W = t[29];
+  const M = e ?? "", B = i ?? "default", G = l ?? "default", H = e ?? "";
+  let F;
+  t[30] !== s || t[31] !== h ? (F = h?.find((z) => z.id === s)?.name, t[30] = s, t[31] = h, t[32] = F) : F = t[32];
+  const T = d?.uuid;
+  let O;
+  t[33] !== b || t[34] !== s || t[35] !== R || t[36] !== W || t[37] !== M || t[38] !== B || t[39] !== G || t[40] !== H || t[41] !== F || t[42] !== T ? (O = /* @__PURE__ */ n(pi, { open: R, onClose: W, agentId: M, orgName: B, projName: G, agentName: H, environment: F, instrumentationUrl: b, componentUid: T, environmentUid: s }), t[33] = b, t[34] = s, t[35] = R, t[36] = W, t[37] = M, t[38] = B, t[39] = G, t[40] = H, t[41] = F, t[42] = T, t[43] = O) : O = t[43];
+  let I;
+  return t[44] !== O || t[45] !== E ? (I = /* @__PURE__ */ g(te, { children: [
+    E,
+    O
+  ] }), t[44] = O, t[45] = E, t[46] = I) : I = t[46], I;
+}, ui = Bt({
+  displayName: we().trim().min(1, "Display name is required").min(3, "Display name must be at least 3 characters").max(100, "Display name must be at most 100 characters"),
+  name: we().trim().min(1, "Name is required").regex(/^[a-z0-9-]+$/, "Name must be lowercase letters, numbers, and hyphens only (no spaces)").min(3, "Name must be at least 3 characters").max(50, "Name must be at most 50 characters"),
+  description: we().trim().optional()
+});
+function gi(t) {
+  const e = K(79), {
+    open: i,
+    onClose: l,
+    agent: a,
+    orgId: o,
+    projectId: s
+  } = t, r = a.description || "";
+  let m;
+  e[0] !== a.displayName || e[1] !== a.name || e[2] !== r ? (m = {
+    name: a.name,
+    displayName: a.displayName,
+    description: r
+  }, e[0] = a.displayName, e[1] = a.name, e[2] = r, e[3] = m) : m = e[3];
+  const [d, h] = Q(m);
+  let f;
+  e[4] !== a.labels ? (f = a.labels ?? {}, e[4] = a.labels, e[5] = f) : f = e[5];
+  const [c, u] = Q(f), {
+    errors: p,
+    validateField: y,
+    validateForm: x,
+    clearErrors: b,
+    setFieldError: v
+  } = It(ui), {
+    mutate: S,
+    isPending: w
+  } = xn();
+  let j;
+  e[6] !== a.description || e[7] !== a.displayName || e[8] !== a.labels || e[9] !== a.name || e[10] !== b || e[11] !== i ? (j = () => {
+    i && (h({
+      name: a.name,
+      displayName: a.displayName,
+      description: a.description || ""
+    }), u(a.labels ?? {}), b());
+  }, e[6] = a.description, e[7] = a.displayName, e[8] = a.labels, e[9] = a.name, e[10] = b, e[11] = i, e[12] = j) : j = e[12];
+  let P;
+  e[13] !== a || e[14] !== b || e[15] !== i ? (P = [a, i, b], e[13] = a, e[14] = b, e[15] = i, e[16] = P) : P = e[16], Ne(j, P);
+  let k;
+  e[17] !== v || e[18] !== y ? (k = (ne, ye) => {
+    const Ge = y(ne, ye);
+    v(ne, Ge), h((be) => ({
+      ...be,
+      [ne]: ye
+    }));
+  }, e[17] = v, e[18] = y, e[19] = k) : k = e[19];
+  const D = k;
+  let _;
+  e[20] !== a.name || e[21] !== b || e[22] !== d || e[23] !== c || e[24] !== l || e[25] !== o || e[26] !== s || e[27] !== S || e[28] !== x ? (_ = (ne) => {
+    if (ne.preventDefault(), !x(d))
+      return;
+    const ye = {
+      displayName: d.displayName,
+      description: d.description,
+      labels: c
+    };
+    S({
+      params: {
+        orgName: o,
+        projName: s,
+        agentName: a.name
+      },
+      body: ye
+    }, {
+      onSuccess: () => {
+        b(), l();
+      }
+    });
+  }, e[20] = a.name, e[21] = b, e[22] = d, e[23] = c, e[24] = l, e[25] = o, e[26] = s, e[27] = S, e[28] = x, e[29] = _) : _ = e[29];
+  const C = _, L = !p.displayName && !p.description && d.displayName.trim().length > 0;
+  let $;
+  e[30] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ n(Oe, { size: 24 }), e[30] = $) : $ = e[30];
+  let E;
+  e[31] !== l ? (E = /* @__PURE__ */ n(rt, { icon: $, title: "Edit Agent", onClose: l }), e[31] = l, e[32] = E) : E = e[32];
+  let R, W;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (R = {
+    gap: 1,
+    display: "flex",
+    flexDirection: "column"
+  }, W = /* @__PURE__ */ n(A, { variant: "h5", children: "Agent Details" }), e[33] = R, e[34] = W) : (R = e[33], W = e[34]);
+  let M;
+  e[35] !== D ? (M = (ne) => D("displayName", ne.target.value), e[35] = D, e[36] = M) : M = e[36];
+  const B = !!p.displayName;
+  let G;
+  e[37] !== p.displayName || e[38] !== d.displayName || e[39] !== w || e[40] !== M || e[41] !== B ? (G = /* @__PURE__ */ n(Ee, { placeholder: "e.g., Customer Support Agent", label: "Name", fullWidth: !0, size: "small", value: d.displayName, onChange: M, error: B, helperText: p.displayName, disabled: w }), e[37] = p.displayName, e[38] = d.displayName, e[39] = w, e[40] = M, e[41] = B, e[42] = G) : G = e[42];
+  const H = d.description || "";
+  let F;
+  e[43] !== D ? (F = (ne) => D("description", ne.target.value), e[43] = D, e[44] = F) : F = e[44];
+  const T = !!p.description;
+  let O;
+  e[45] !== p.description || e[46] !== w || e[47] !== H || e[48] !== F || e[49] !== T ? (O = /* @__PURE__ */ n(Ee, { placeholder: "Short description of what this agent does", label: "Description (optional)", fullWidth: !0, size: "small", multiline: !0, minRows: 2, maxRows: 6, value: H, onChange: F, error: T, helperText: p.description, disabled: w }), e[45] = p.description, e[46] = w, e[47] = H, e[48] = F, e[49] = T, e[50] = O) : O = e[50];
+  let I;
+  e[51] !== G || e[52] !== O ? (I = /* @__PURE__ */ n(ce, { variant: "outlined", children: /* @__PURE__ */ g(de, { sx: R, children: [
+    W,
+    /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1, children: [
+      G,
+      O
+    ] })
+  ] }) }), e[51] = G, e[52] = O, e[53] = I) : I = e[53];
+  let z;
+  e[54] === Symbol.for("react.memo_cache_sentinel") ? (z = {
+    gap: 1,
+    display: "flex",
+    flexDirection: "column"
+  }, e[54] = z) : z = e[54];
+  let V;
+  e[55] !== w || e[56] !== c ? (V = /* @__PURE__ */ n(ce, { variant: "outlined", children: /* @__PURE__ */ n(de, { sx: z, children: /* @__PURE__ */ n(Kn, { value: c, onChange: u, disabled: w }) }) }), e[55] = w, e[56] = c, e[57] = V) : V = e[57];
+  let q;
+  e[58] !== w || e[59] !== l ? (q = /* @__PURE__ */ n(Z, { variant: "outlined", color: "inherit", onClick: l, disabled: w, children: "Cancel" }), e[58] = w, e[59] = l, e[60] = q) : q = e[60];
+  const ee = !L || w, pe = w ? "Updating..." : "Update Agent";
+  let ae;
+  e[61] !== ee || e[62] !== pe ? (ae = /* @__PURE__ */ n(Z, { type: "submit", variant: "contained", color: "primary", disabled: ee, children: pe }), e[61] = ee, e[62] = pe, e[63] = ae) : ae = e[63];
+  let re;
+  e[64] !== q || e[65] !== ae ? (re = /* @__PURE__ */ g(N, { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2, children: [
+    q,
+    ae
+  ] }), e[64] = q, e[65] = ae, e[66] = re) : re = e[66];
+  let fe;
+  e[67] !== I || e[68] !== V || e[69] !== re ? (fe = /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 2, flexGrow: 1, children: [
+    I,
+    V,
+    re
+  ] }), e[67] = I, e[68] = V, e[69] = re, e[70] = fe) : fe = e[70];
+  let oe;
+  e[71] !== C || e[72] !== fe ? (oe = /* @__PURE__ */ n(ot, { children: /* @__PURE__ */ n("form", { onSubmit: C, children: fe }) }), e[71] = C, e[72] = fe, e[73] = oe) : oe = e[73];
+  let Ie;
+  return e[74] !== l || e[75] !== i || e[76] !== oe || e[77] !== E ? (Ie = /* @__PURE__ */ g(st, { open: i, onClose: l, children: [
+    E,
+    oe
+  ] }), e[74] = l, e[75] = i, e[76] = oe, e[77] = E, e[78] = Ie) : Ie = e[78], Ie;
+}
+function yi() {
+  const t = K(1);
+  let e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(N, { display: "flex", flexDirection: "column", gap: 4, width: "100%", children: /* @__PURE__ */ n(U, { variant: "rounded", width: "100%", height: "40vh" }) }), t[0] = e) : e = t[0], e;
+}
+const bi = (t) => {
+  const e = K(8), {
+    icon: i,
+    label: l,
+    value: a
+  } = t;
+  let o;
+  e[0] !== l ? (o = /* @__PURE__ */ g(A, { variant: "caption", color: "text.secondary", children: [
+    l,
+    ":"
+  ] }), e[0] = l, e[1] = o) : o = e[1];
+  let s;
+  e[2] !== a ? (s = /* @__PURE__ */ n(A, { variant: "caption", fontWeight: 500, children: a }), e[2] = a, e[3] = s) : s = e[3];
+  let r;
+  return e[4] !== i || e[5] !== o || e[6] !== s ? (r = /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 0.5, children: [
+    i,
+    o,
+    s
+  ] }), e[4] = i, e[5] = o, e[6] = s, e[7] = r) : r = e[7], r;
+}, xi = (t) => {
+  const e = K(9), {
+    agent: i
+  } = t;
+  let l;
+  e[0] !== i.createdAt ? (l = i.createdAt ? pt(new Date(i.createdAt), {
+    addSuffix: !0
+  }) : null, e[0] = i.createdAt, e[1] = l) : l = e[1];
+  const a = l;
+  let o;
+  e[2] !== i.description ? (o = i.description && /* @__PURE__ */ n(_e, { title: i.description, placement: "bottom-start", children: /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", sx: {
+    overflow: "hidden",
+    display: "-webkit-box",
+    WebkitLineClamp: 2,
+    WebkitBoxOrient: "vertical",
+    maxWidth: "50%"
+  }, children: i.description }) }), e[2] = i.description, e[3] = o) : o = e[3];
+  let s;
+  e[4] !== a ? (s = a && /* @__PURE__ */ n(bi, { icon: /* @__PURE__ */ n(Wt, { size: 12 }), label: "Created", value: a }), e[4] = a, e[5] = s) : s = e[5];
+  let r;
+  return e[6] !== o || e[7] !== s ? (r = /* @__PURE__ */ g(X, { spacing: 0.75, children: [
+    o,
+    s
+  ] }), e[6] = o, e[7] = s, e[8] = r) : r = e[8], r;
+};
+function vi() {
+  const t = K(39), {
+    orgId: e,
+    agentId: i,
+    projectId: l
+  } = ve(), [a, o] = Q(!1);
+  let s;
+  t[0] !== i || t[1] !== e || t[2] !== l ? (s = {
+    orgName: e,
+    projName: l,
+    agentName: i
+  }, t[0] = i, t[1] = e, t[2] = l, t[3] = s) : s = t[3];
+  const {
+    data: r,
+    isLoading: m
+  } = at(s), d = r?.displayName ?? "Agent";
+  let h;
+  t[4] !== r ? (h = r ? /* @__PURE__ */ n(xi, { agent: r }) : void 0, t[4] = r, t[5] = h) : h = t[5];
+  let f;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+    width: "100%",
+    minWidth: 0
+  }, t[6] = f) : f = t[6];
+  const c = r?.provisioning?.type;
+  let u;
+  t[7] !== c ? (u = Pt(c), t[7] = c, t[8] = u) : u = t[8];
+  let p;
+  t[9] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+    flexShrink: 0
+  }, t[9] = p) : p = t[9];
+  let y;
+  t[10] !== u ? (y = /* @__PURE__ */ n(Me, { label: u, color: "default", size: "small", variant: "outlined", sx: p }), t[10] = u, t[11] = y) : y = t[11];
+  const x = r?.labels;
+  let b;
+  t[12] !== x ? (b = /* @__PURE__ */ n(Gt, { labels: x }), t[12] = x, t[13] = b) : b = t[13];
+  let v;
+  t[14] !== y || t[15] !== b ? (v = /* @__PURE__ */ g(X, { direction: "row", spacing: 0.5, alignItems: "center", sx: f, children: [
+    y,
+    b
+  ] }), t[14] = y, t[15] = b, t[16] = v) : v = t[16];
+  let S, w;
+  t[17] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n(Oe, { size: 16 }), w = () => o(!0), t[17] = S, t[18] = w) : (S = t[17], w = t[18]);
+  const j = !r;
+  let P;
+  t[19] !== j ? (P = /* @__PURE__ */ n(Z, { variant: "outlined", size: "small", startIcon: S, onClick: w, disabled: j, children: "Edit Agent" }), t[19] = j, t[20] = P) : P = t[20];
+  let k;
+  t[21] !== r?.provisioning?.type || t[22] !== m ? (k = m ? /* @__PURE__ */ n(yi, {}) : /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 4, children: [
+    r?.provisioning?.type === "internal" && /* @__PURE__ */ n(si, {}),
+    r?.provisioning?.type === "external" && /* @__PURE__ */ n(fi, {})
+  ] }), t[21] = r?.provisioning?.type, t[22] = m, t[23] = k) : k = t[23];
+  let D;
+  t[24] !== m || t[25] !== d || t[26] !== v || t[27] !== P || t[28] !== k || t[29] !== h ? (D = /* @__PURE__ */ n(ct, { title: d, description: h, isLoading: m, titleTail: v, actions: P, children: k }), t[24] = m, t[25] = d, t[26] = v, t[27] = P, t[28] = k, t[29] = h, t[30] = D) : D = t[30];
+  let _;
+  t[31] !== r || t[32] !== a || t[33] !== e || t[34] !== l ? (_ = r && /* @__PURE__ */ n(gi, { open: a, onClose: () => o(!1), agent: r, orgId: e || "default", projectId: l || "default" }), t[31] = r, t[32] = a, t[33] = e, t[34] = l, t[35] = _) : _ = t[35];
+  let C;
+  return t[36] !== D || t[37] !== _ ? (C = /* @__PURE__ */ g(te, { children: [
+    D,
+    _
+  ] }), t[36] = D, t[37] = _, t[38] = C) : C = t[38], C;
+}
+const _t = () => {
+  const t = K(1);
+  let e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(vi, {}), t[0] = e) : e = t[0], e;
+}, et = (t) => {
+  const e = K(10), i = t.bold ? "bold" : "normal", l = t?.icon;
+  let a;
+  e[0] !== t.label || e[1] !== i || e[2] !== l ? (a = /* @__PURE__ */ g(A, { variant: "body2", fontWeight: i, children: [
+    l,
+    "  ",
+    t.label
+  ] }), e[0] = t.label, e[1] = i, e[2] = l, e[3] = a) : a = e[3];
+  const o = t.bold ? "bold" : "normal";
+  let s;
+  e[4] !== t.value || e[5] !== o ? (s = /* @__PURE__ */ n(A, { variant: "body2", fontWeight: o, children: t.value }), e[4] = t.value, e[5] = o, e[6] = s) : s = e[6];
+  let r;
+  return e[7] !== a || e[8] !== s ? (r = /* @__PURE__ */ g(N, { display: "flex", flexDirection: "row", justifyContent: "space-between", gap: 2, children: [
+    a,
+    s
+  ] }), e[7] = a, e[8] = s, e[9] = r) : r = e[9], r;
+};
+function Si() {
+  const t = K(26), {
+    orgId: e,
+    projectId: i
+  } = ve();
+  let l;
+  t[0] !== e || t[1] !== i ? (l = {
+    orgName: e,
+    projName: i
+  }, t[0] = e, t[1] = i, t[2] = l) : l = t[2];
+  const {
+    data: a
+  } = At(l);
+  let o;
+  t[3] !== a?.agents ? (o = a?.agents?.filter(Ni)?.length ?? 0, t[3] = a?.agents, t[4] = o) : o = t[4];
+  let s;
+  t[5] !== a?.agents ? (s = a?.agents?.filter(wi)?.length ?? 0, t[5] = a?.agents, t[6] = s) : s = t[6];
+  let r;
+  t[7] !== o || t[8] !== s ? (r = [o, s], t[7] = o, t[8] = s, t[9] = r) : r = t[9];
+  const [m, d] = r;
+  let h;
+  t[10] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    minWidth: 300,
+    flexGrow: 1
+  }, t[10] = h) : h = t[10];
+  let f;
+  t[11] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ n(A, { variant: "h6", children: "Agent Deployments" }), t[11] = f) : f = t[11];
+  let c;
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ n(Bn, { size: 16 }), t[12] = c) : c = t[12];
+  let u;
+  t[13] !== m ? (u = /* @__PURE__ */ n(et, { label: "External", value: m, icon: c }), t[13] = m, t[14] = u) : u = t[14];
+  let p;
+  t[15] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ n(J, {}), t[15] = p) : p = t[15];
+  let y;
+  t[16] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(On, { size: 16 }), t[16] = y) : y = t[16];
+  let x;
+  t[17] !== d ? (x = /* @__PURE__ */ n(et, { label: "Platform", value: d, icon: y }), t[17] = d, t[18] = x) : x = t[18];
+  let b;
+  t[19] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(J, {}), t[19] = b) : b = t[19];
+  const v = a?.agents?.length ?? 0;
+  let S;
+  t[20] !== v ? (S = /* @__PURE__ */ n(et, { label: "Total", bold: !0, value: v }), t[20] = v, t[21] = S) : S = t[21];
+  let w;
+  return t[22] !== x || t[23] !== S || t[24] !== u ? (w = /* @__PURE__ */ n(ce, { variant: "outlined", sx: h, children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1.5, children: [
+    f,
+    u,
+    p,
+    x,
+    b,
+    S
+  ] }) }) }), t[22] = x, t[23] = S, t[24] = u, t[25] = w) : w = t[25], w;
+}
+function wi(t) {
+  return t.provisioning.type === "internal";
+}
+function Ni(t) {
+  return t.provisioning.type === "external";
+}
+const tt = {
+  minWidth: 300,
+  flexGrow: 1
+};
+function _i(t) {
+  if (!t.length) return [];
+  const e = new Set(t.flatMap((r) => r.targetEnvironmentRefs.map((m) => m.name))), i = new Map(t.map((r) => [r.sourceEnvironmentRef, r.targetEnvironmentRefs.map((m) => m.name)])), l = [...new Set(t.map((r) => r.sourceEnvironmentRef))].filter((r) => !e.has(r)), a = [], o = /* @__PURE__ */ new Set();
+  let s = l[0];
+  for (; s && !o.has(s); )
+    a.push(s), o.add(s), s = (i.get(s) ?? [])[0];
+  return e.forEach((r) => {
+    o.has(r) || a.push(r);
+  }), a;
+}
+function Ii() {
+  const {
+    orgId: t,
+    projectId: e
+  } = ve(), {
+    data: i,
+    isLoading: l
+  } = Ct({
+    orgName: t,
+    projName: e
+  }), {
+    data: a,
+    isLoading: o
+  } = dt({
+    orgName: t
+  }), {
+    data: s
+  } = kt({
+    orgName: t
+  }), r = me(() => a?.deploymentPipelines?.find((c) => c.name === i?.deploymentPipeline), [a, i?.deploymentPipeline]), m = me(() => new Map(s?.map((c) => [c.name, c]) ?? []), [s]), d = me(() => _i(r?.promotionPaths ?? []), [r]), h = l || o, f = !!i?.deploymentPipeline;
+  return h ? /* @__PURE__ */ n(ce, { variant: "outlined", sx: tt, children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1.5, children: [
+    /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 1, children: [
+      /* @__PURE__ */ n(U, { variant: "circular", width: 18, height: 18 }),
+      /* @__PURE__ */ n(U, { variant: "text", width: "60%", height: 28 })
+    ] }),
+    /* @__PURE__ */ n(U, { variant: "text", width: "85%", height: 16 }),
+    /* @__PURE__ */ n(J, {}),
+    /* @__PURE__ */ n(U, { variant: "text", width: "45%", height: 12 }),
+    /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 1, children: [
+      /* @__PURE__ */ n(U, { variant: "rounded", width: 64, height: 24, sx: {
+        borderRadius: 4
+      } }),
+      /* @__PURE__ */ n(U, { variant: "text", width: 14, height: 14 }),
+      /* @__PURE__ */ n(U, { variant: "rounded", width: 72, height: 24, sx: {
+        borderRadius: 4
+      } }),
+      /* @__PURE__ */ n(U, { variant: "text", width: 14, height: 14 }),
+      /* @__PURE__ */ n(U, { variant: "rounded", width: 80, height: 24, sx: {
+        borderRadius: 4
+      } })
+    ] })
+  ] }) }) }) : !f || !r ? /* @__PURE__ */ n(ce, { variant: "outlined", sx: tt, children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1.5, children: [
+    /* @__PURE__ */ n(A, { variant: "h6", children: "Deployment Environments" }),
+    /* @__PURE__ */ n(J, {}),
+    /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", sx: {
+      fontStyle: "italic"
+    }, children: "No deployment pipeline configured for this project." })
+  ] }) }) }) : /* @__PURE__ */ n(ce, { variant: "outlined", sx: tt, children: /* @__PURE__ */ n(de, { children: /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1.5, children: [
+    /* @__PURE__ */ n(A, { variant: "h6", children: "Project Environments" }),
+    /* @__PURE__ */ n(J, {}),
+    /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 0.5, children: [
+      /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 0.75, children: [
+        /* @__PURE__ */ n($t, { size: 14, style: {
+          opacity: 0.6,
+          flexShrink: 0
+        } }),
+        /* @__PURE__ */ n(A, { variant: "body2", fontWeight: 500, children: r.displayName || r.name })
+      ] }),
+      r.description && /* @__PURE__ */ n(A, { variant: "body2", color: "text.disabled", sx: {
+        pl: 2.75
+      }, children: r.description })
+    ] }),
+    /* @__PURE__ */ n(J, {}),
+    /* @__PURE__ */ g(N, { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 0.75, children: [
+      d.length > 0 ? d.map((c, u) => {
+        const p = m.get(c), y = p?.displayName || c, x = p?.isProduction ?? !1;
+        return /* @__PURE__ */ g(N, { display: "flex", alignItems: "center", gap: 0.75, children: [
+          /* @__PURE__ */ n(_e, { title: x ? "Production" : "", disableHoverListener: !x, children: /* @__PURE__ */ n(Me, { label: y, size: "small", color: x ? "primary" : "default", variant: "outlined" }) }),
+          u < d.length - 1 && /* @__PURE__ */ n(Fn, { size: 14, style: {
+            opacity: 0.45,
+            flexShrink: 0
+          } })
+        ] }, c);
+      }) : /* @__PURE__ */ n(A, { variant: "body2", color: "text.disabled", sx: {
+        fontStyle: "italic"
+      }, children: "No promotion paths defined." }),
+      /* @__PURE__ */ n(_e, { title: "Edit Promotion Chain", children: /* @__PURE__ */ n(Z, { size: "small", startIcon: /* @__PURE__ */ n(Oe, { size: 14 }), component: ue, to: se(le.children.org.children.deploymentPipelines.path, {
+        orgId: t
+      }) + `?edit=${r.name}`, children: "Edit" }) })
+    ] })
+  ] }) }) });
+}
+function Yt(t, e) {
+  return t.promotionPaths.length ? [...t.promotionPaths.map((l) => l.sourceEnvironmentRef), t.promotionPaths[t.promotionPaths.length - 1]?.targetEnvironmentRefs[0]?.name].filter(Boolean).map((l) => e.get(l) ?? l).join(" → ") : null;
+}
+function Pi(t) {
+  const e = K(10), {
+    pipeline: i,
+    envDisplayNameMap: l
+  } = t;
+  let a;
+  e[0] !== l || e[1] !== i ? (a = Yt(i, l), e[0] = l, e[1] = i, e[2] = a) : a = e[2];
+  const o = a;
+  let s;
+  e[3] !== i.displayName ? (s = /* @__PURE__ */ n(A, { variant: "body2", children: i.displayName }), e[3] = i.displayName, e[4] = s) : s = e[4];
+  let r;
+  e[5] !== o ? (r = o && /* @__PURE__ */ n(A, { variant: "caption", color: "text.disabled", children: o }), e[5] = o, e[6] = r) : r = e[6];
+  let m;
+  return e[7] !== s || e[8] !== r ? (m = /* @__PURE__ */ g(X, { direction: "row", alignItems: "center", spacing: 1, children: [
+    s,
+    r
+  ] }), e[7] = s, e[8] = r, e[9] = m) : m = e[9], m;
+}
+function Ai(t) {
+  const e = K(10), {
+    pipeline: i,
+    envDisplayNameMap: l
+  } = t;
+  let a;
+  e[0] !== l || e[1] !== i ? (a = Yt(i, l), e[0] = l, e[1] = i, e[2] = a) : a = e[2];
+  const o = a;
+  let s;
+  e[3] !== i.displayName ? (s = /* @__PURE__ */ n(A, { variant: "body2", children: i.displayName }), e[3] = i.displayName, e[4] = s) : s = e[4];
+  let r;
+  e[5] !== o ? (r = o && /* @__PURE__ */ n(A, { variant: "caption", color: "text.disabled", children: o }), e[5] = o, e[6] = r) : r = e[6];
+  let m;
+  return e[7] !== s || e[8] !== r ? (m = /* @__PURE__ */ g(X, { children: [
+    s,
+    r
+  ] }), e[7] = s, e[8] = r, e[9] = m) : m = e[9], m;
+}
+const Ci = Bt({
+  displayName: we().trim().min(3, "Display name must be at least 3 characters").max(100, "Display name must be at most 100 characters"),
+  name: we().trim().min(3, "Name must be at least 3 characters").regex(/^[a-z0-9-]+$/, "Name must be lowercase letters, numbers, and hyphens only (no spaces)").max(50, "Name must be at most 50 characters"),
+  description: we().trim().optional(),
+  deploymentPipeline: we().trim().min(1, "Deployment pipeline is required")
+});
+function ki(t) {
+  const e = K(116), {
+    open: i,
+    onClose: l,
+    project: a,
+    orgId: o
+  } = t, s = a.description || "", r = a.deploymentPipeline || "";
+  let m;
+  e[0] !== a.displayName || e[1] !== a.name || e[2] !== s || e[3] !== r ? (m = {
+    name: a.name,
+    displayName: a.displayName,
+    description: s,
+    deploymentPipeline: r
+  }, e[0] = a.displayName, e[1] = a.name, e[2] = s, e[3] = r, e[4] = m) : m = e[4];
+  const [d, h] = Q(m), {
+    errors: f,
+    validateField: c,
+    validateForm: u,
+    clearErrors: p,
+    setFieldError: y
+  } = It(Ci), {
+    checkDirty: x,
+    resetDirty: b
+  } = vn(d);
+  let v;
+  e[5] !== x || e[6] !== y || e[7] !== c ? (v = (Y, he) => {
+    h((Qe) => {
+      const ut = {
+        ...Qe,
+        [Y]: he
+      };
+      x(ut);
+      const Qt = c(Y, he);
+      return y(Y, Qt), ut;
+    });
+  }, e[5] = x, e[6] = y, e[7] = c, e[8] = v) : v = e[8];
+  const S = v;
+  let w;
+  e[9] !== o || e[10] !== a.name ? (w = {
+    orgName: o,
+    projName: a.name
+  }, e[9] = o, e[10] = a.name, e[11] = w) : w = e[11];
+  const {
+    mutate: j,
+    isPending: P
+  } = Sn(w);
+  let k;
+  e[12] !== o ? (k = {
+    orgName: o
+  }, e[12] = o, e[13] = k) : k = e[13];
+  const {
+    data: D,
+    isLoading: _
+  } = dt(k);
+  D?.deploymentPipelines;
+  let C;
+  e[14] !== D?.deploymentPipelines ? (C = D?.deploymentPipelines ?? [], e[14] = D?.deploymentPipelines, e[15] = C) : C = e[15];
+  const L = C;
+  let $;
+  e[16] !== o ? ($ = {
+    orgName: o
+  }, e[16] = o, e[17] = $) : $ = e[17];
+  const {
+    data: E
+  } = kt($);
+  let R;
+  e[18] !== E ? (R = /* @__PURE__ */ new Map(), (E ?? []).forEach((Y) => R.set(Y.name, Y.displayName ?? Y.name)), e[18] = E, e[19] = R) : R = e[19];
+  const W = R;
+  let M;
+  e[20] !== d.deploymentPipeline || e[21] !== L[0] || e[22] !== L.length ? (M = () => {
+    !d.deploymentPipeline && L.length > 0 && h((Y) => ({
+      ...Y,
+      deploymentPipeline: L[0].name
+    }));
+  }, e[20] = d.deploymentPipeline, e[21] = L[0], e[22] = L.length, e[23] = M) : M = e[23];
+  let B;
+  e[24] !== d.deploymentPipeline || e[25] !== L ? (B = [L, d.deploymentPipeline], e[24] = d.deploymentPipeline, e[25] = L, e[26] = B) : B = e[26], Ne(M, B);
+  let G;
+  e[27] !== p || e[28] !== i || e[29] !== a.deploymentPipeline || e[30] !== a.description || e[31] !== a.displayName || e[32] !== a.name || e[33] !== b ? (G = () => {
+    i && (h({
+      name: a.name,
+      displayName: a.displayName,
+      description: a.description || "",
+      deploymentPipeline: a.deploymentPipeline || ""
+    }), p(), b());
+  }, e[27] = p, e[28] = i, e[29] = a.deploymentPipeline, e[30] = a.description, e[31] = a.displayName, e[32] = a.name, e[33] = b, e[34] = G) : G = e[34];
+  let H;
+  e[35] !== p || e[36] !== i || e[37] !== a || e[38] !== b ? (H = [a, i, p, b], e[35] = p, e[36] = i, e[37] = a, e[38] = b, e[39] = H) : H = e[39], Ne(G, H);
+  let F;
+  e[40] !== p || e[41] !== d || e[42] !== l || e[43] !== b || e[44] !== j || e[45] !== u ? (F = (Y) => {
+    if (Y.preventDefault(), !u(d))
+      return;
+    const he = {
+      name: d.name,
+      displayName: d.displayName,
+      description: d.description,
+      deploymentPipeline: d.deploymentPipeline
+    };
+    j(he, {
+      onSuccess: () => {
+        p(), b(), l();
+      }
+    });
+  }, e[40] = p, e[41] = d, e[42] = l, e[43] = b, e[44] = j, e[45] = u, e[46] = F) : F = e[46];
+  const T = F, O = d.displayName.trim().length >= 3 && d.name.trim().length >= 3 && Object.keys(f).length === 0;
+  let I;
+  e[47] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ n(Oe, { size: 24 }), e[47] = I) : I = e[47];
+  let z;
+  e[48] !== l ? (z = /* @__PURE__ */ n(rt, { icon: I, title: "Edit Project", onClose: l }), e[48] = l, e[49] = z) : z = e[49];
+  let V;
+  e[50] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+    gap: 1,
+    display: "flex",
+    flexDirection: "column"
+  }, e[50] = V) : V = e[50];
+  let q;
+  e[51] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ n(N, { display: "flex", flexDirection: "column", gap: 1, children: /* @__PURE__ */ n(A, { variant: "h5", children: "Project Details" }) }), e[51] = q) : q = e[51];
+  let ee;
+  e[52] !== S ? (ee = (Y) => S("displayName", Y.target.value), e[52] = S, e[53] = ee) : ee = e[53];
+  const pe = !!f.displayName;
+  let ae;
+  e[54] !== f.displayName || e[55] !== d.displayName || e[56] !== P || e[57] !== ee || e[58] !== pe ? (ae = /* @__PURE__ */ n($e.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ n(gt, { id: "displayName", placeholder: "e.g., Customer Support Platform", size: "small", fullWidth: !0, disabled: P, value: d.displayName, onChange: ee, error: pe, helperText: f.displayName }) }), e[54] = f.displayName, e[55] = d.displayName, e[56] = P, e[57] = ee, e[58] = pe, e[59] = ae) : ae = e[59];
+  let re;
+  e[60] !== S ? (re = (Y) => S("description", Y.target.value), e[60] = S, e[61] = re) : re = e[61];
+  const fe = !!f.description;
+  let oe;
+  e[62] !== f.description || e[63] !== d.description || e[64] !== P || e[65] !== re || e[66] !== fe ? (oe = /* @__PURE__ */ n($e.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ n(gt, { id: "description", placeholder: "Short description of this project", fullWidth: !0, size: "small", multiline: !0, minRows: 2, maxRows: 6, disabled: P, value: d.description, onChange: re, error: fe, helperText: f.description }) }), e[62] = f.description, e[63] = d.description, e[64] = P, e[65] = re, e[66] = fe, e[67] = oe) : oe = e[67];
+  const Ie = d.deploymentPipeline;
+  let ne;
+  e[68] !== S ? (ne = (Y) => S("deploymentPipeline", Y.target.value), e[68] = S, e[69] = ne) : ne = e[69];
+  const ye = !!f.deploymentPipeline, Ge = _ || P;
+  let be;
+  e[70] !== W || e[71] !== L ? (be = (Y) => {
+    const he = L.find((Qe) => Qe.name === Y);
+    return he ? /* @__PURE__ */ n(Pi, { pipeline: he, envDisplayNameMap: W }) : /* @__PURE__ */ n(A, { variant: "body2", color: "text.disabled", children: "Select a pipeline" });
+  }, e[70] = W, e[71] = L, e[72] = be) : be = e[72];
+  let Pe;
+  e[73] !== _ ? (Pe = _ && /* @__PURE__ */ n(xe, { value: "", disabled: !0, children: /* @__PURE__ */ g(X, { direction: "row", alignItems: "center", gap: 1, children: [
+    /* @__PURE__ */ n(Xe, { size: 12 }),
+    /* @__PURE__ */ n(A, { variant: "caption", children: "Loading pipelines..." })
+  ] }) }), e[73] = _, e[74] = Pe) : Pe = e[74];
+  let Ae;
+  e[75] !== _ || e[76] !== L.length ? (Ae = !_ && L.length === 0 && /* @__PURE__ */ n(xe, { value: "", disabled: !0, children: "No deployment pipelines available" }), e[75] = _, e[76] = L.length, e[77] = Ae) : Ae = e[77];
+  let Ce;
+  if (e[78] !== W || e[79] !== L) {
+    let Y;
+    e[81] !== W ? (Y = (he) => /* @__PURE__ */ n(xe, { value: he.name, children: /* @__PURE__ */ n(Ai, { pipeline: he, envDisplayNameMap: W }) }, he.name), e[81] = W, e[82] = Y) : Y = e[82], Ce = L.map(Y), e[78] = W, e[79] = L, e[80] = Ce;
+  } else
+    Ce = e[80];
+  let ke;
+  e[83] !== d.deploymentPipeline || e[84] !== ne || e[85] !== ye || e[86] !== Ge || e[87] !== be || e[88] !== Pe || e[89] !== Ae || e[90] !== Ce ? (ke = /* @__PURE__ */ n($e.ElementWrapper, { label: "Deployment Pipeline", name: "deploymentPipeline", children: /* @__PURE__ */ g(ht, { id: "deploymentPipeline", value: Ie, onChange: ne, error: ye, disabled: Ge, displayEmpty: !0, renderValue: be, fullWidth: !0, size: "small", children: [
+    Pe,
+    Ae,
+    Ce
+  ] }) }), e[83] = d.deploymentPipeline, e[84] = ne, e[85] = ye, e[86] = Ge, e[87] = be, e[88] = Pe, e[89] = Ae, e[90] = Ce, e[91] = ke) : ke = e[91];
+  let De;
+  e[92] !== ae || e[93] !== oe || e[94] !== ke ? (De = /* @__PURE__ */ n(ce, { variant: "outlined", children: /* @__PURE__ */ g(de, { sx: V, children: [
+    q,
+    /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1, children: [
+      ae,
+      oe,
+      ke
+    ] })
+  ] }) }), e[92] = ae, e[93] = oe, e[94] = ke, e[95] = De) : De = e[95];
+  let je;
+  e[96] !== P || e[97] !== l ? (je = /* @__PURE__ */ n(Z, { variant: "outlined", color: "inherit", onClick: l, disabled: P, children: "Cancel" }), e[96] = P, e[97] = l, e[98] = je) : je = e[98];
+  const Ye = !O || P, Je = P ? "Updating..." : "Update Project";
+  let Le;
+  e[99] !== Ye || e[100] !== Je ? (Le = /* @__PURE__ */ n(Z, { type: "submit", variant: "contained", color: "primary", disabled: Ye, children: Je }), e[99] = Ye, e[100] = Je, e[101] = Le) : Le = e[101];
+  let Te;
+  e[102] !== je || e[103] !== Le ? (Te = /* @__PURE__ */ g(N, { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2, children: [
+    je,
+    Le
+  ] }), e[102] = je, e[103] = Le, e[104] = Te) : Te = e[104];
+  let ze;
+  e[105] !== De || e[106] !== Te ? (ze = /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 2, flexGrow: 1, children: [
+    De,
+    Te
+  ] }), e[105] = De, e[106] = Te, e[107] = ze) : ze = e[107];
+  let We;
+  e[108] !== T || e[109] !== ze ? (We = /* @__PURE__ */ n(ot, { children: /* @__PURE__ */ n("form", { onSubmit: T, children: ze }) }), e[108] = T, e[109] = ze, e[110] = We) : We = e[110];
+  let Fe;
+  return e[111] !== l || e[112] !== i || e[113] !== z || e[114] !== We ? (Fe = /* @__PURE__ */ g(st, { open: i, onClose: l, children: [
+    z,
+    We
+  ] }), e[111] = l, e[112] = i, e[113] = z, e[114] = We, e[115] = Fe) : Fe = e[115], Fe;
+}
+const {
+  DataGrid: Di
+} = Cn;
+function ji() {
+  const t = K(5);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
+    flexGrow: 1
+  }, t[0] = e) : e = t[0];
+  let i;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ g(X, { direction: "row", spacing: 1, children: [
+    /* @__PURE__ */ n(N, { flexGrow: 1, children: /* @__PURE__ */ n(U, { variant: "rounded", width: "100%", height: 40 }) }),
+    /* @__PURE__ */ n(U, { variant: "rounded", width: 120, height: 40 })
+  ] }), t[1] = i) : i = t[1];
+  let l;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ n(U, { variant: "rounded", width: "100%", height: 48 }),
+    Array.from({
+      length: 5
+    }).map(Li)
+  ] }), t[2] = l) : l = t[2];
+  let a;
+  t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ g(X, { direction: "column", sx: e, spacing: 4, children: [
+    i,
+    l,
+    /* @__PURE__ */ n(N, { display: "flex", justifyContent: "flex-end", children: /* @__PURE__ */ n(U, { variant: "rounded", width: 300, height: 40 }) })
+  ] }), t[3] = a) : a = t[3];
+  let o;
+  return t[4] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(X, { direction: "row", justifyContent: "space-between", gap: 4, children: [
+    a,
+    /* @__PURE__ */ n(N, { width: 250, children: /* @__PURE__ */ n(U, { variant: "rounded", width: "100%", height: 200 }) })
+  ] }), t[4] = o) : o = t[4], o;
+}
+function Li(t, e) {
+  return /* @__PURE__ */ n(U, { variant: "rounded", width: "100%", height: 72 }, e);
+}
+const Ti = () => {
+  const [t, e] = Q(""), [i, l] = Q(null), [a, o] = Q(0), [s, r] = Q(5), [m, d] = Q(!1), [h, f] = Q(null), c = typeof window < "u" && ("ontouchstart" in window || navigator.maxTouchPoints > 0), {
+    orgId: u,
+    projectId: p
+  } = ve(), y = Tn(), {
+    data: x,
+    isLoading: b,
+    error: v,
+    isRefetching: S
+  } = At({
+    orgName: u,
+    projName: p
+  }), {
+    mutate: w,
+    isPending: j
+  } = wn(), {
+    data: P,
+    isLoading: k
+  } = Ct({
+    orgName: u,
+    projName: p
+  }), {
+    data: D
+  } = Nn({
+    orgName: u
+  }), _ = me(() => {
+    const I = {};
+    return D?.kinds?.forEach((z) => {
+      I[z.name] = z.displayName;
+    }), I;
+  }, [D?.kinds]), {
+    addConfirmation: C
+  } = Dt(), L = ge((I) => {
+    w({
+      orgName: u,
+      projName: p,
+      agentName: I
+    });
+  }, [w, u, p]), $ = ge((I) => {
+    l(I.id);
+  }, []), E = ge(() => {
+    l(null);
+  }, []), R = ge((I) => {
+    f(I.currentTarget);
+  }, []), W = ge(() => {
+    f(null);
+  }, []), M = ge(() => {
+    W(), y(se(le.children.org.children.projects.children.newAgent.children.connect.path, {
+      orgId: u ?? "",
+      projectId: p ?? ""
+    }));
+  }, [W, y, u, p]), B = ge(() => {
+    W(), y(se(le.children.org.children.projects.children.newAgent.children.create.path, {
+      orgId: u ?? "",
+      projectId: p ?? ""
+    }));
+  }, [W, y, u, p]), G = ge((I) => I ? pt(new Date(I), {
+    addSuffix: !0
+  }) : "—", []), H = (I) => {
+    let z = le.children.org.children.projects.children.agents.path;
+    return I && (z = le.children.org.children.projects.children.agents.path), z;
+  };
+  Ne(() => {
+    u && p && !x?.agents?.length && !b && !S && y(se(le.children.org.children.projects.children.newAgent.path, {
+      orgId: u ?? "",
+      projectId: p ?? ""
+    }));
+  }, [u, p, x?.agents, b, S, y]);
+  const F = me(() => x?.agents?.filter((I) => {
+    const z = t.toLowerCase();
+    return I.displayName.toLowerCase().includes(z) || I.name.toLowerCase().includes(z) || // Labels match as `key:value`, so typing "env:prod" (or a
+    // fragment of it) filters by label.
+    Object.entries(I.labels ?? {}).some(([V, q]) => `${V}:${q}`.toLowerCase().includes(z));
+  }).map((I) => ({
+    ...I,
+    href: se(H(I.provisioning.type === "internal"), {
+      orgId: u ?? "",
+      projectId: I.projectName,
+      agentId: I.name
+    }),
+    id: I.name,
+    agentInfo: {
+      name: I.name,
+      displayName: I.displayName,
+      description: I.description
+    }
+  })) ?? [], [x?.agents, t, u]);
+  Ne(() => {
+    o(0);
+  }, [F]);
+  const T = me(() => F.slice(a * s, a * s + s), [F, a, s]), O = k || S && !x?.agents?.length || j;
+  return /* @__PURE__ */ g(te, { children: [
+    /* @__PURE__ */ n(ct, { title: P?.displayName ?? "Agents", description: P?.description ?? "Manage and monitor all your AI agents across environments", isLoading: O, actions: /* @__PURE__ */ n(Z, { variant: "outlined", color: "primary", size: "small", startIcon: /* @__PURE__ */ n(Oe, { size: 16 }), onClick: () => d(!0), disabled: !P, children: "Edit Project" }), children: b ? /* @__PURE__ */ n(ji, {}) : /* @__PURE__ */ g(X, { direction: "row", justifyContent: "space-between", gap: 4, children: [
+      /* @__PURE__ */ g(X, { direction: "column", sx: {
+        flexGrow: 1
+      }, spacing: 4, children: [
+        /* @__PURE__ */ g(X, { direction: "row", spacing: 1, children: [
+          /* @__PURE__ */ n(N, { flexGrow: 1, children: /* @__PURE__ */ n(Lt, { placeholder: "Search agents", size: "small", fullWidth: !0, onChange: (I) => e(I.target.value), value: t, disabled: !x?.agents?.length }) }),
+          /* @__PURE__ */ n(Z, { variant: "contained", color: "primary", size: "small", startIcon: /* @__PURE__ */ n(it, { size: 16 }), onClick: R, "aria-controls": h ? "add-agent-menu" : void 0, "aria-haspopup": "true", "aria-expanded": !!h, children: "Add Agent" }),
+          /* @__PURE__ */ g(kn, { id: "add-agent-menu", anchorEl: h, open: !!h, onClose: W, anchorOrigin: {
+            vertical: "bottom",
+            horizontal: "right"
+          }, transformOrigin: {
+            vertical: "top",
+            horizontal: "right"
+          }, children: [
+            /* @__PURE__ */ n(xe, { onClick: M, children: "External Agent" }),
+            /* @__PURE__ */ n(xe, { onClick: B, children: "Platform-Hosted Agent" })
+          ] })
+        ] }),
+        v ? /* @__PURE__ */ n(jt, { severity: "error", variant: "outlined", children: _n(v) }) : null,
+        b ? /* @__PURE__ */ n(Di, { rows: [], columns: [{
+          field: "name",
+          headerName: "Agent Name",
+          flex: 1
+        }, {
+          field: "description",
+          headerName: "Description",
+          flex: 2
+        }, {
+          field: "lastUpdated",
+          headerName: "Last Updated",
+          flex: 1
+        }], loading: !0, hideFooter: !0 }) : x?.agents?.length && F.length > 0 ? /* @__PURE__ */ g(ie.Container, { sx: {
+          minWidth: 600
+        }, disablePaper: !0, children: [
+          /* @__PURE__ */ g(ie, { variant: "card", children: [
+            /* @__PURE__ */ n(ie.Head, { children: /* @__PURE__ */ g(ie.Row, { children: [
+              /* @__PURE__ */ n(ie.Cell, { children: "Agent Name" }),
+              /* @__PURE__ */ n(ie.Cell, { children: "Description" }),
+              /* @__PURE__ */ n(ie.Cell, { align: "right", children: "Last Updated" })
+            ] }) }),
+            /* @__PURE__ */ n(ie.Body, { children: T.map((I) => /* @__PURE__ */ g(ie.Row, { variant: "card", hover: !0, clickable: !0, onClick: () => y(I.href), onMouseEnter: () => $(I), onMouseLeave: E, onFocus: () => $(I), onBlur: E, children: [
+              /* @__PURE__ */ n(ie.Cell, { children: /* @__PURE__ */ g(X, { direction: "row", alignItems: "center", spacing: 2, sx: {
+                width: "100%",
+                minWidth: 0
+              }, children: [
+                /* @__PURE__ */ n(Tt, { sx: {
+                  bgcolor: "primary.main",
+                  fontSize: 16,
+                  height: 32,
+                  width: 32,
+                  color: "primary.contrastText",
+                  flexShrink: 0
+                }, children: I.displayName.charAt(0).toUpperCase() }),
+                /* @__PURE__ */ g(X, { direction: "row", alignItems: "flex-start", spacing: 1, sx: {
+                  minWidth: 0,
+                  flex: 1
+                }, children: [
+                  /* @__PURE__ */ n(A, { variant: "body1", sx: {
+                    flexShrink: 0
+                  }, children: I.displayName }),
+                  I.provisioning.type !== "internal" && /* @__PURE__ */ n(Me, { label: Pt(I.provisioning.type), size: "small", variant: "outlined", sx: {
+                    flexShrink: 0
+                  } }),
+                  I.kindName && /* @__PURE__ */ n(Me, { size: "small", label: _[I.kindName] ?? I.kindName, sx: {
+                    flexShrink: 0
+                  } }),
+                  /* @__PURE__ */ n(Gt, { labels: I.labels })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ n(ie.Cell, { children: /* @__PURE__ */ n(A, { variant: "body2", noWrap: !0, textOverflow: "ellipsis", overflow: "hidden", children: I.description.substring(0, 40) + (I.description.length > 40 ? "..." : "") }) }),
+              /* @__PURE__ */ n(ie.Cell, { align: "right", children: /* @__PURE__ */ n(X, { direction: "row", alignItems: "center", spacing: 1, justifyContent: "flex-end", sx: {
+                minWidth: 150
+              }, children: i === I.id || c ? /* @__PURE__ */ n(In, { children: /* @__PURE__ */ n(_e, { title: "Delete Agent", children: /* @__PURE__ */ n(Re, { color: "error", size: "small", onClick: (z) => {
+                z.stopPropagation(), C({
+                  title: "Delete Agent?",
+                  description: `Are you sure you want to delete the agent "${I.displayName}"? This action cannot be undone.`,
+                  onConfirm: () => {
+                    L(I.name);
+                  },
+                  confirmButtonColor: "error",
+                  confirmButtonIcon: /* @__PURE__ */ n(Ve, { size: 16 }),
+                  confirmButtonText: "Delete"
+                });
+              }, children: /* @__PURE__ */ n(Ve, { size: 14 }) }) }) }) : /* @__PURE__ */ n(A, { variant: "body2", color: "text.secondary", noWrap: !0, children: G(I.createdAt) }) }) })
+            ] }, I.id)) })
+          ] }),
+          /* @__PURE__ */ n(Dn, { rowsPerPageOptions: [5, 10, 25], component: "div", count: F.length, rowsPerPage: s, page: a, onPageChange: (I, z) => o(z), onRowsPerPageChange: (I) => {
+            r(parseInt(I.target.value, 10)), o(0);
+          } })
+        ] }) : x?.agents?.length && F.length === 0 ? /* @__PURE__ */ n(ie.Container, { children: /* @__PURE__ */ n(ie.EmptyState, { illustration: /* @__PURE__ */ n(yt, { size: 64 }), title: "No agents found", description: "No agents match your search criteria. Try adjusting your search." }) }) : !x?.agents?.length && !S ? /* @__PURE__ */ n(ie.Container, { children: /* @__PURE__ */ n(ie.EmptyState, { illustration: /* @__PURE__ */ n(yt, { size: 64 }), title: "No agents found", description: "Create a new agent to get started", action: /* @__PURE__ */ n(Z, { variant: "contained", color: "primary", startIcon: /* @__PURE__ */ n(it, {}), onClick: R, "aria-controls": h ? "add-agent-menu" : void 0, "aria-haspopup": "true", "aria-expanded": !!h, children: "Add New Agent" }) }) }) : null
+      ] }),
+      /* @__PURE__ */ g(N, { display: "flex", flexDirection: "column", gap: 2, width: 450, height: "fit-content", children: [
+        /* @__PURE__ */ n(Si, {}),
+        /* @__PURE__ */ n(Ii, {})
+      ] })
+    ] }) }),
+    P && /* @__PURE__ */ n(ki, { open: m, onClose: () => d(!1), project: P, orgId: u || "default" })
+  ] });
+}, zi = () => {
+  const t = K(1);
+  let e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(Ti, {}), t[0] = e) : e = t[0], e;
+}, Jt = 148, Wi = {
+  xs: "repeat(1, minmax(0, 1fr))",
+  md: "repeat(2, minmax(0, 1fr))",
+  lg: "repeat(3, minmax(0, 1fr))",
+  xl: "repeat(4, minmax(0, 1fr))",
+  xxl: "repeat(5, minmax(0, 1fr))"
+};
+function $i(t) {
+  const e = K(55), {
+    project: i,
+    pipeline: l,
+    handleDeleteProject: a
+  } = t, {
+    orgId: o
+  } = ve();
+  let s;
+  e[0] !== o || e[1] !== i.name ? (s = se(le.children.org.children.projects.path, {
+    orgId: o,
+    projectId: i.name
+  }), e[0] = o, e[1] = i.name, e[2] = s) : s = e[2];
+  const r = s;
+  let m;
+  e[3] !== i.description ? (m = i.description?.trim() ?? "", e[3] = i.description, e[4] = m) : m = e[4];
+  const d = m;
+  let h;
+  e[5] !== i.createdAt ? (h = i.createdAt ? jn(new Date(i.createdAt)) : "—", e[5] = i.createdAt, e[6] = h) : h = e[6];
+  const f = h;
+  let c;
+  e[7] !== a || e[8] !== i ? (c = (pe) => {
+    pe.preventDefault(), pe.stopPropagation(), a(i);
+  }, e[7] = a, e[8] = i, e[9] = c) : c = e[9];
+  const u = c;
+  let p;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+    textDecoration: "none"
+  }, e[10] = p) : p = e[10];
+  let y;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+    position: "relative",
+    width: "100%",
+    height: Jt,
+    textAlign: "left",
+    display: "flex",
+    flexDirection: "column",
+    p: 2,
+    boxSizing: "border-box"
+  }, e[11] = y) : y = e[11];
+  let x;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: 1.5,
+    minWidth: 0
+  }, e[12] = x) : x = e[12];
+  let b;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(Tt, { sx: {
+    bgcolor: "secondary.main",
+    color: "primary.light",
+    height: 44,
+    width: 44,
+    flexShrink: 0
+  }, children: /* @__PURE__ */ n(Et, { size: 26 }) }), e[13] = b) : b = e[13];
+  let v;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+    flex: 1,
+    minWidth: 0
+  }, e[14] = v) : v = e[14];
+  let S;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+    lineHeight: 1.3,
+    mb: 0.4
+  }, e[15] = S) : S = e[15];
+  let w;
+  e[16] !== i.displayName ? (w = /* @__PURE__ */ n(A, { variant: "h5", noWrap: !0, sx: S, children: i.displayName }), e[16] = i.displayName, e[17] = w) : w = e[17];
+  const j = d || "", P = !d, k = d ? "text.secondary" : "text.disabled", D = d ? "normal" : "italic";
+  let _;
+  e[18] !== D ? (_ = {
+    display: "-webkit-box",
+    WebkitLineClamp: 2,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden",
+    fontStyle: D,
+    lineHeight: 1.5
+  }, e[18] = D, e[19] = _) : _ = e[19];
+  const C = d || "No description";
+  let L;
+  e[20] !== k || e[21] !== _ || e[22] !== C ? (L = /* @__PURE__ */ n(A, { variant: "caption", color: k, sx: _, children: C }), e[20] = k, e[21] = _, e[22] = C, e[23] = L) : L = e[23];
+  let $;
+  e[24] !== j || e[25] !== P || e[26] !== L ? ($ = /* @__PURE__ */ n(_e, { title: j, placement: "bottom-start", disableHoverListener: P, children: L }), e[24] = j, e[25] = P, e[26] = L, e[27] = $) : $ = e[27];
+  let E;
+  e[28] !== w || e[29] !== $ ? (E = /* @__PURE__ */ g(N, { sx: x, children: [
+    b,
+    /* @__PURE__ */ g(N, { sx: v, children: [
+      w,
+      $
+    ] })
+  ] }), e[28] = w, e[29] = $, e[30] = E) : E = e[30];
+  let R;
+  e[31] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n(J, { sx: {
+    mb: 1
+  } }), e[31] = R) : R = e[31];
+  let W;
+  e[32] === Symbol.for("react.memo_cache_sentinel") ? (W = {
+    display: "flex",
+    flexDirection: "column",
+    gap: 0.5,
+    minWidth: 0
+  }, e[32] = W) : W = e[32];
+  let M;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.5,
+    overflow: "hidden"
+  }, e[33] = M) : M = e[33];
+  let B;
+  e[34] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ n($t, { size: 13, style: {
+    opacity: 0.5,
+    flexShrink: 0
+  } }), e[34] = B) : B = e[34];
+  let G;
+  e[35] !== l ? (G = /* @__PURE__ */ g(N, { sx: M, children: [
+    B,
+    l ? /* @__PURE__ */ n(A, { variant: "caption", color: "text.secondary", noWrap: !0, children: l.displayName || l.name }) : /* @__PURE__ */ n(A, { variant: "caption", color: "text.disabled", sx: {
+      fontStyle: "italic"
+    }, children: "No pipeline" })
+  ] }), e[35] = l, e[36] = G) : G = e[36];
+  let H, F;
+  e[37] === Symbol.for("react.memo_cache_sentinel") ? (H = {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.4
+  }, F = /* @__PURE__ */ n(Wt, { size: 12 }), e[37] = H, e[38] = F) : (H = e[37], F = e[38]);
+  let T;
+  e[39] !== f ? (T = /* @__PURE__ */ g(A, { variant: "caption", color: "text.disabled", sx: H, children: [
+    F,
+    f
+  ] }), e[39] = f, e[40] = T) : T = e[40];
+  let O;
+  e[41] !== G || e[42] !== T ? (O = /* @__PURE__ */ g(N, { sx: W, children: [
+    G,
+    T
+  ] }), e[41] = G, e[42] = T, e[43] = O) : O = e[43];
+  let I;
+  e[44] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+    position: "absolute",
+    bottom: 8,
+    right: 8
+  }, e[44] = I) : I = e[44];
+  let z;
+  e[45] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ n(Ve, { size: 15 }), e[45] = z) : z = e[45];
+  let V;
+  e[46] !== u ? (V = /* @__PURE__ */ n($e.DisappearingCardButtonContent, { sx: I, children: /* @__PURE__ */ n(_e, { title: "Delete Project", children: /* @__PURE__ */ n(Re, { size: "small", color: "error", onClick: u, children: z }) }) }), e[46] = u, e[47] = V) : V = e[47];
+  let q;
+  e[48] !== E || e[49] !== O || e[50] !== V ? (q = /* @__PURE__ */ g($e.CardButton, { sx: y, children: [
+    E,
+    R,
+    O,
+    V
+  ] }), e[48] = E, e[49] = O, e[50] = V, e[51] = q) : q = e[51];
+  let ee;
+  return e[52] !== r || e[53] !== q ? (ee = /* @__PURE__ */ n(ue, { to: r, style: p, children: q }), e[52] = r, e[53] = q, e[54] = ee) : ee = e[54], ee;
+}
+function Ei() {
+  const t = K(8);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
+    width: "100%",
+    height: Jt,
+    textAlign: "left",
+    display: "flex",
+    flexDirection: "column",
+    p: 2,
+    boxSizing: "border-box",
+    pointerEvents: "none"
+  }, t[0] = e) : e = t[0];
+  let i, l;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+    display: "flex",
+    alignItems: "flex-start",
+    width: "100%",
+    gap: 1.5
+  }, l = /* @__PURE__ */ n(U, { variant: "circular", width: 44, height: 44 }), t[1] = i, t[2] = l) : (i = t[1], l = t[2]);
+  let a;
+  t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    flex: 1
+  }, t[3] = a) : a = t[3];
+  let o;
+  t[4] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(N, { sx: i, children: [
+    l,
+    /* @__PURE__ */ g(N, { sx: a, children: [
+      /* @__PURE__ */ n(U, { variant: "text", width: "55%", height: 22, sx: {
+        mb: 0.5
+      } }),
+      /* @__PURE__ */ n(U, { variant: "text", width: "90%", height: 14 }),
+      /* @__PURE__ */ n(U, { variant: "text", width: "70%", height: 14 })
+    ] })
+  ] }), t[4] = o) : o = t[4];
+  let s;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ n(N, { sx: {
+    flex: 1
+  } }), t[5] = s) : s = t[5];
+  let r;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ n(J, { sx: {
+    mb: 1
+  } }), t[6] = r) : r = t[6];
+  let m;
+  return t[7] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ g($e.CardButton, { tabIndex: -1, sx: e, children: [
+    o,
+    s,
+    r,
+    /* @__PURE__ */ g(N, { sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: 2
+    }, children: [
+      /* @__PURE__ */ n(U, { variant: "text", width: 90, height: 16 }),
+      /* @__PURE__ */ n(U, { variant: "text", width: 70, height: 16 })
+    ] })
+  ] }), t[7] = m) : m = t[7], m;
+}
+function Ri() {
+  const {
+    orgId: t
+  } = ve(), {
+    data: e,
+    isPending: i
+  } = Pn({
+    orgName: t
+  }), {
+    data: l
+  } = dt({
+    orgName: t
+  }), a = me(() => new Map(l?.deploymentPipelines?.map((c) => [c.name, c]) ?? []), [l]), {
+    addConfirmation: o
+  } = Dt(), {
+    mutate: s,
+    isPending: r
+  } = An(), m = ge((c) => {
+    o({
+      title: "Delete Project?",
+      description: `Are you sure you want to delete the project "${c.displayName}"? This action cannot be undone.`,
+      onConfirm: () => {
+        s({
+          orgName: t,
+          projName: c.name
+        });
+      },
+      confirmButtonColor: "error",
+      confirmButtonIcon: /* @__PURE__ */ n(Ve, { size: 16 }),
+      confirmButtonText: "Delete"
+    });
+  }, [o, s, t]), [d, h] = Q(""), f = me(() => e?.projects?.filter((c) => c.displayName.toLowerCase().includes(d.toLowerCase())) ?? [], [e, d]);
+  return /* @__PURE__ */ n(ct, { title: "All Projects", disableIcon: !0, children: /* @__PURE__ */ g(N, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4
+  }, children: [
+    /* @__PURE__ */ g(N, { display: "flex", gap: 2, children: [
+      /* @__PURE__ */ n(N, { flexGrow: 1, children: /* @__PURE__ */ n(Lt, { value: d, onChange: (c) => h(c.target.value), placeholder: "Search Projects", disabled: !e?.projects?.length, size: "small", fullWidth: !0 }) }),
+      /* @__PURE__ */ n(Z, { variant: "contained", color: "primary", size: "small", startIcon: /* @__PURE__ */ n(it, { size: 16 }), component: ue, to: se(le.children.org.children.newProject.path, {
+        orgId: t
+      }), children: "Add Project" })
+    ] }),
+    f.length === 0 && !i && /* @__PURE__ */ n(lt, { message: "No Projects Found", subtitle: d ? "Looks like there are no projects matching your search." : "Create a New Project to Get Started", iconElement: Et }),
+    /* @__PURE__ */ n(N, { sx: {
+      display: "grid",
+      gridTemplateColumns: Wi,
+      gap: 2,
+      width: "100%"
+    }, children: i || r ? Array.from({
+      length: 4
+    }).map((c, u) => /* @__PURE__ */ n(Ei, {}, u)) : f.map((c) => /* @__PURE__ */ n($i, { project: c, pipeline: c.deploymentPipeline ? a.get(c.deploymentPipeline) : void 0, handleDeleteProject: m }, c.name)) })
+  ] }) });
+}
+const Mi = () => {
+  const t = K(1);
+  let e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(Ri, {}), t[0] = e) : e = t[0], e;
+}, el = {
+  title: "Overview",
+  description: "A page component for Overview",
+  icon: Un,
+  path: "/overview",
+  component: _t,
+  levels: {
+    component: _t,
+    project: zi,
+    organization: Mi
+  }
+};
+export {
+  _t as OverviewComponent,
+  Mi as OverviewOrganization,
+  zi as OverviewProject,
+  el as metaData
+};