@wso2/am-core-ui 0.0.18 → 0.0.19

package/dist/index-CWZjOy1h.js

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