@wso2/am-core-ui 0.0.18 → 0.0.20

package/dist/index-BNO3FhZK.js

@@ -0,0 +1,2304 @@
+import { jsx as t, jsxs as d, Fragment as _e } from "react/jsx-runtime";
+import { c as ge } from "react/compiler-runtime";
+import { useState as ne, useEffect as Ee, useMemo as ie, useRef as $e, useCallback as Ie, useId as st } from "react";
+import { useParams as Te, useNavigate as je, Link as jt, generatePath as Pe, useLocation as bt } from "react-router-dom";
+import { Form as ae, Skeleton as xe, Alert as he, Card as Ke, CardContent as Ye, Stack as q, Box as de, Typography as $, Chip as Pt, Button as pe, CircularProgress as We, TextField as Kt, IconButton as Qe, Tooltip as we, DialogTitle as Ut, DialogContent as Gt, DialogActions as Ot, Dialog as Wt, ListingTable as V, TablePagination as Ft, Avatar as nt, SearchBar as xt, Tab as Fe, Tabs as ot, Divider as Ze, ToggleButtonGroup as Ht, ToggleButton as ct, FormLabel as Lt, FormControl as qt, Select as Yt, MenuItem as Qt } from "@wso2/oxygen-ui";
+import { N as Zt, L as Jt, n as Ne, a3 as Xt, o as Je, v as Xe, a4 as Nt, a5 as St, a6 as en, g as Ae, t as Ue, D as Ge, s as Oe, a7 as wt, a8 as tn, a9 as nn, P as Se, aa as kt, ab as It, ac as Et, ad as on, ae as At, M as rn, af as an, ag as ln, ah as sn, ai as cn, aj as dn, ak as mn, al as un, am as pn, an as hn, G as fn, ao as gn, ap as vn } from "./index-ByEInFlf.js";
+import "@tanstack/react-query";
+import { AlertTriangle as ke, Key as dt, RefreshCw as yn, Trash2 as Cn, Plus as De, Copy as bn, ServerCog as Be, Trash as mt, Link as He, Search as rt, Edit as at, ExternalLink as Mt, Check as Pn, Circle as xn, Info as Ln, BookOpen as Ve, Settings as Nn } from "@wso2/oxygen-ui-icons-react";
+import { f as _t } from "./formatDistanceToNow-DyjnT7l9.js";
+import { M as Sn } from "./MCPLogo-D9IJzzl7.js";
+import { P as Tt } from "./PolicyListSection-D6aVSKwP.js";
+import { C as Re } from "./CodeBlock-B2Ecl916.js";
+function wn(n) {
+  const e = ge(19), {
+    apiKey: i,
+    onDismiss: r
+  } = n, [s, o] = ne(!1);
+  let a;
+  e[0] !== i ? (a = () => {
+    navigator.clipboard.writeText(i).then(() => {
+      o(!0), setTimeout(() => o(!1), 2e3);
+    });
+  }, e[0] = i, e[1] = a) : a = e[1];
+  const l = a;
+  let c;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    mb: 2,
+    "& .MuiAlert-message": {
+      flexGrow: 1
+    }
+  }, e[2] = c) : c = e[2];
+  let m;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t($, { variant: "subtitle2", sx: {
+    mb: 0.5
+  }, children: "You will only see this key once. Copy it now." }), e[3] = m) : m = e[3];
+  let g;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    input: {
+      readOnly: !0
+    }
+  }, e[4] = g) : g = e[4];
+  let h;
+  e[5] !== i ? (h = /* @__PURE__ */ t(Kt, { size: "small", fullWidth: !0, value: i, slotProps: g }), e[5] = i, e[6] = h) : h = e[6];
+  const f = s ? "Copied!" : "Copy";
+  let b;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ t(bn, { size: 16 }), e[7] = b) : b = e[7];
+  let y;
+  e[8] !== l ? (y = /* @__PURE__ */ t(Qe, { size: "small", onClick: l, "aria-label": "Copy API key", children: b }), e[8] = l, e[9] = y) : y = e[9];
+  let v;
+  e[10] !== f || e[11] !== y ? (v = /* @__PURE__ */ t(we, { title: f, children: y }), e[10] = f, e[11] = y, e[12] = v) : v = e[12];
+  let C;
+  e[13] !== h || e[14] !== v ? (C = /* @__PURE__ */ d(de, { display: "flex", alignItems: "center", gap: 1, children: [
+    h,
+    v
+  ] }), e[13] = h, e[14] = v, e[15] = C) : C = e[15];
+  let u;
+  return e[16] !== r || e[17] !== C ? (u = /* @__PURE__ */ d(he, { severity: "success", onClose: r, sx: c, children: [
+    m,
+    C
+  ] }), e[16] = r, e[17] = C, e[18] = u) : u = e[18], u;
+}
+function ut(n) {
+  const e = ge(23), {
+    open: i,
+    title: r,
+    message: s,
+    confirmLabel: o,
+    isBusy: a,
+    onClose: l,
+    onConfirm: c
+  } = n;
+  let m;
+  e[0] !== r ? (m = /* @__PURE__ */ t(Ut, { children: r }), e[0] = r, e[1] = m) : m = e[1];
+  let g;
+  e[2] !== s ? (g = /* @__PURE__ */ t(Gt, { children: /* @__PURE__ */ t($, { variant: "body2", children: s }) }), e[2] = s, e[3] = g) : g = e[3];
+  let h;
+  e[4] !== a || e[5] !== l ? (h = /* @__PURE__ */ t(pe, { variant: "outlined", onClick: l, disabled: a, children: "Cancel" }), e[4] = a, e[5] = l, e[6] = h) : h = e[6];
+  let f;
+  e[7] !== a ? (f = a ? /* @__PURE__ */ t(We, { size: 16 }) : void 0, e[7] = a, e[8] = f) : f = e[8];
+  let b;
+  e[9] !== o || e[10] !== a || e[11] !== c || e[12] !== f ? (b = /* @__PURE__ */ t(pe, { variant: "contained", color: "error", onClick: c, disabled: a, startIcon: f, children: o }), e[9] = o, e[10] = a, e[11] = c, e[12] = f, e[13] = b) : b = e[13];
+  let y;
+  e[14] !== h || e[15] !== b ? (y = /* @__PURE__ */ d(Ot, { children: [
+    h,
+    b
+  ] }), e[14] = h, e[15] = b, e[16] = y) : y = e[16];
+  let v;
+  return e[17] !== l || e[18] !== i || e[19] !== m || e[20] !== g || e[21] !== y ? (v = /* @__PURE__ */ d(Wt, { open: i, onClose: l, maxWidth: "sm", fullWidth: !0, children: [
+    m,
+    g,
+    y
+  ] }), e[17] = l, e[18] = i, e[19] = m, e[20] = g, e[21] = y, e[22] = v) : v = e[22], v;
+}
+function Rt(n) {
+  const e = ge(62), {
+    scopeKey: i,
+    title: r,
+    description: s,
+    apiKey: o,
+    isLoading: a,
+    isError: l,
+    isGenerating: c,
+    isDeleting: m,
+    isRegenerating: g,
+    emptyDescription: h,
+    disabledReason: f,
+    onGenerate: b,
+    onDelete: y,
+    onRegenerate: v
+  } = n, C = r === void 0 ? "API Keys" : r, u = l === void 0 ? !1 : l, x = m === void 0 ? !1 : m, L = g === void 0 ? !1 : g, R = h === void 0 ? "Generate an API key to authenticate requests through this configuration." : h, [I, P] = ne(null), [S, k] = ne(!1), [E, z] = ne(!1);
+  let K;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (K = () => {
+    P(null), k(!1), z(!1);
+  }, e[0] = K) : K = e[0];
+  let D;
+  e[1] !== i ? (D = [i], e[1] = i, e[2] = D) : D = e[2], Ee(K, D);
+  let W;
+  e[3] !== b ? (W = async () => {
+    try {
+      const p = await b();
+      p && P(p);
+    } catch {
+    }
+  }, e[3] = b, e[4] = W) : W = e[4];
+  const A = W;
+  let _;
+  e[5] !== v ? (_ = async () => {
+    try {
+      const p = await v();
+      z(!1), p && P(p);
+    } catch {
+    }
+  }, e[5] = v, e[6] = _) : _ = e[6];
+  const G = _;
+  let F;
+  e[7] !== y ? (F = () => {
+    y(), k(!1), P(null);
+  }, e[7] = y, e[8] = F) : F = e[8];
+  const oe = F, U = !!f, w = c || x || L;
+  let te;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (te = {
+    flex: 1,
+    minWidth: 0
+  }, e[9] = te) : te = e[9];
+  let H;
+  e[10] !== C ? (H = /* @__PURE__ */ t(ae.Subheader, { children: C }), e[10] = C, e[11] = H) : H = e[11];
+  let Z;
+  e[12] !== s ? (Z = s && /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: s }), e[12] = s, e[13] = Z) : Z = e[13];
+  let re;
+  e[14] !== H || e[15] !== Z ? (re = /* @__PURE__ */ d(q, { spacing: 0.5, sx: te, children: [
+    H,
+    Z
+  ] }), e[14] = H, e[15] = Z, e[16] = re) : re = e[16];
+  let J;
+  e[17] !== U || e[18] !== o || e[19] !== w || e[20] !== A || e[21] !== u || e[22] !== c || e[23] !== a ? (J = !U && !a && !u && !o && /* @__PURE__ */ t(pe, { variant: "contained", size: "small", startIcon: c ? /* @__PURE__ */ t(We, { size: 16 }) : /* @__PURE__ */ t(De, { size: 16 }), onClick: () => void A(), disabled: w, children: c ? "Generating…" : "Generate" }), e[17] = U, e[18] = o, e[19] = w, e[20] = A, e[21] = u, e[22] = c, e[23] = a, e[24] = J) : J = e[24];
+  let ee;
+  e[25] !== re || e[26] !== J ? (ee = /* @__PURE__ */ d(q, { direction: "row", justifyContent: "space-between", alignItems: "flex-start", spacing: 2, children: [
+    re,
+    J
+  ] }), e[25] = re, e[26] = J, e[27] = ee) : ee = e[27];
+  let ye;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (ye = {
+    mt: 2
+  }, e[28] = ye) : ye = e[28];
+  let ue;
+  e[29] !== I ? (ue = I && /* @__PURE__ */ t(wn, { apiKey: I, onDismiss: () => P(null) }), e[29] = I, e[30] = ue) : ue = e[30];
+  let le;
+  e[31] !== o || e[32] !== w || e[33] !== f || e[34] !== R || e[35] !== x || e[36] !== u || e[37] !== a || e[38] !== L ? (le = a ? /* @__PURE__ */ t(xe, { variant: "rounded", height: 72 }) : f ? /* @__PURE__ */ t(he, { severity: "info", children: f }) : u ? /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), children: "Failed to load the API key. Please refresh the page." }) : o ? /* @__PURE__ */ t(Ke, { variant: "outlined", children: /* @__PURE__ */ t(Ye, { children: /* @__PURE__ */ d(q, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2, children: [
+    /* @__PURE__ */ d(q, { direction: "row", spacing: 2, alignItems: "center", sx: {
+      minWidth: 0
+    }, children: [
+      /* @__PURE__ */ t(dt, { size: 18 }),
+      /* @__PURE__ */ d(de, { sx: {
+        minWidth: 0
+      }, children: [
+        /* @__PURE__ */ t($, { variant: "body2", fontWeight: 500, noWrap: !0, children: o.displayName || o.name }),
+        /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", children: [
+          o.maskedApiKey,
+          o.expiresAt && ` · Expires ${new Date(o.expiresAt).toLocaleDateString()}`
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ d(q, { direction: "row", spacing: 1, alignItems: "center", flexShrink: 0, children: [
+      /* @__PURE__ */ t(Pt, { label: o.status, size: "small", color: o.status === "active" ? "success" : "default" }),
+      /* @__PURE__ */ t(pe, { variant: "outlined", size: "small", startIcon: L ? /* @__PURE__ */ t(We, { size: 16 }) : /* @__PURE__ */ t(yn, { size: 16 }), onClick: () => z(!0), disabled: w, children: "Regenerate" }),
+      /* @__PURE__ */ t(pe, { variant: "outlined", size: "small", color: "error", startIcon: x ? /* @__PURE__ */ t(We, { size: 16 }) : /* @__PURE__ */ t(Cn, { size: 16 }), onClick: () => k(!0), disabled: w, children: "Delete" })
+    ] })
+  ] }) }) }) : /* @__PURE__ */ t(de, { sx: {
+    border: "1px dashed",
+    borderColor: "divider",
+    borderRadius: 1
+  }, children: /* @__PURE__ */ t(Zt, { disableBackground: !0, icon: /* @__PURE__ */ t(dt, { size: 48 }), message: "No API key generated yet", subtitle: R }) }), e[31] = o, e[32] = w, e[33] = f, e[34] = R, e[35] = x, e[36] = u, e[37] = a, e[38] = L, e[39] = le) : le = e[39];
+  let ve;
+  e[40] !== ue || e[41] !== le ? (ve = /* @__PURE__ */ d(de, { sx: ye, children: [
+    ue,
+    le
+  ] }), e[40] = ue, e[41] = le, e[42] = ve) : ve = e[42];
+  const M = x ? "Deleting…" : "Delete";
+  let Y;
+  e[43] === Symbol.for("react.memo_cache_sentinel") ? (Y = () => k(!1), e[43] = Y) : Y = e[43];
+  let se;
+  e[44] !== S || e[45] !== oe || e[46] !== x || e[47] !== M ? (se = /* @__PURE__ */ t(ut, { open: S, title: "Delete API key?", message: "This will revoke and permanently remove the API key. Any client using it will immediately stop being able to authenticate.", confirmLabel: M, isBusy: x, onClose: Y, onConfirm: oe }), e[44] = S, e[45] = oe, e[46] = x, e[47] = M, e[48] = se) : se = e[48];
+  const me = L ? "Regenerating…" : "Regenerate";
+  let N;
+  e[49] === Symbol.for("react.memo_cache_sentinel") ? (N = () => z(!1), e[49] = N) : N = e[49];
+  let j;
+  e[50] !== G ? (j = () => void G(), e[50] = G, e[51] = j) : j = e[51];
+  let Q;
+  e[52] !== L || e[53] !== E || e[54] !== me || e[55] !== j ? (Q = /* @__PURE__ */ t(ut, { open: E, title: "Regenerate API key?", message: "This will revoke the current API key and generate a new one. The current key will immediately stop working, and the new key is shown only once.", confirmLabel: me, isBusy: L, onClose: N, onConfirm: j }), e[52] = L, e[53] = E, e[54] = me, e[55] = j, e[56] = Q) : Q = e[56];
+  let ce;
+  return e[57] !== ee || e[58] !== ve || e[59] !== se || e[60] !== Q ? (ce = /* @__PURE__ */ d(ae.Section, { children: [
+    ee,
+    ve,
+    se,
+    Q
+  ] }), e[57] = ee, e[58] = ve, e[59] = se, e[60] = Q, e[61] = ce) : ce = e[61], ce;
+}
+function zt(n) {
+  const e = ge(15), {
+    illustration: i,
+    title: r,
+    description: s,
+    action: o
+  } = n;
+  let a;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    textAlign: "center",
+    py: 4
+  }, e[0] = a) : a = e[0];
+  let l;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (l = {
+    mb: 2
+  }, e[1] = l) : l = e[1];
+  let c;
+  e[2] !== i ? (c = /* @__PURE__ */ t(de, { sx: l, children: i }), e[2] = i, e[3] = c) : c = e[3];
+  let m;
+  e[4] !== r ? (m = /* @__PURE__ */ t($, { variant: "body2", fontWeight: 500, gutterBottom: !0, children: r }), e[4] = r, e[5] = m) : m = e[5];
+  let g;
+  e[6] !== s ? (g = /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: s }), e[6] = s, e[7] = g) : g = e[7];
+  let h;
+  e[8] !== o ? (h = o ? /* @__PURE__ */ t(de, { sx: {
+    mt: 2
+  }, children: o }) : null, e[8] = o, e[9] = h) : h = e[9];
+  let f;
+  return e[10] !== c || e[11] !== m || e[12] !== g || e[13] !== h ? (f = /* @__PURE__ */ d(de, { sx: a, children: [
+    c,
+    m,
+    g,
+    h
+  ] }), e[10] = c, e[11] = m, e[12] = g, e[13] = h, e[14] = f) : f = e[14], f;
+}
+function pt(n) {
+  const e = ge(8), {
+    illustration: i,
+    title: r,
+    description: s,
+    action: o,
+    colSpan: a
+  } = n;
+  let l;
+  e[0] !== o || e[1] !== s || e[2] !== i || e[3] !== r ? (l = /* @__PURE__ */ t(zt, { illustration: i, title: r, description: s, action: o }), e[0] = o, e[1] = s, e[2] = i, e[3] = r, e[4] = l) : l = e[4];
+  let c;
+  return e[5] !== a || e[6] !== l ? (c = /* @__PURE__ */ t(V.Row, { children: /* @__PURE__ */ t(V.Cell, { colSpan: a, children: l }) }), e[5] = a, e[6] = l, e[7] = c) : c = e[7], c;
+}
+function kn(n) {
+  const e = ge(17), {
+    title: i,
+    toolbar: r,
+    showToolbar: s,
+    tableHeader: o,
+    isLoading: a,
+    hasRows: l,
+    emptyState: c,
+    standaloneEmptyState: m,
+    children: g,
+    pagination: h
+  } = n, f = !a && !!m;
+  let b;
+  e[0] !== i ? (b = i && /* @__PURE__ */ t($, { variant: "h6", children: i }), e[0] = i, e[1] = b) : b = e[1];
+  const y = s && r;
+  let v;
+  e[2] !== g || e[3] !== c || e[4] !== l || e[5] !== a || e[6] !== f || e[7] !== m || e[8] !== o ? (v = a ? /* @__PURE__ */ t(q, { spacing: 1, sx: {
+    m: 2
+  }, children: Array.from({
+    length: 3
+  }).map(In) }) : f ? m : /* @__PURE__ */ d(V, { children: [
+    o,
+    /* @__PURE__ */ t(V.Body, { children: l ? g : c })
+  ] }), e[2] = g, e[3] = c, e[4] = l, e[5] = a, e[6] = f, e[7] = m, e[8] = o, e[9] = v) : v = e[9];
+  const C = !f && h;
+  let u;
+  e[10] !== y || e[11] !== v || e[12] !== C ? (u = /* @__PURE__ */ d(V.Container, { children: [
+    y,
+    v,
+    C
+  ] }), e[10] = y, e[11] = v, e[12] = C, e[13] = u) : u = e[13];
+  let x;
+  return e[14] !== b || e[15] !== u ? (x = /* @__PURE__ */ d(q, { spacing: 2, children: [
+    b,
+    u
+  ] }), e[14] = b, e[15] = u, e[16] = x) : x = e[16], x;
+}
+function In(n, e) {
+  return /* @__PURE__ */ t(xe, { variant: "rounded", height: 56 }, e);
+}
+const ht = 3, En = [10, 25, 50];
+function ft({
+  configs: n,
+  isLoading: e,
+  error: i,
+  labels: r,
+  addPath: s,
+  onAdd: o,
+  getViewPath: a,
+  onRemove: l,
+  isRemoving: c = !1,
+  showTitle: m = !0
+}) {
+  const {
+    orgId: g,
+    projectId: h,
+    agentId: f
+  } = Te(), b = je(), {
+    addConfirmation: y
+  } = Jt(), [v, C] = ne(""), [u, x] = ne(0), [L, R] = ne(10), I = !!(g && h && f), P = ie(() => {
+    if (!v.trim()) return n;
+    const U = v.toLowerCase();
+    return n.filter((w) => w.name.toLowerCase().includes(U) || (w.description ?? "").toLowerCase().includes(U) || w.type.toLowerCase().includes(U));
+  }, [n, v]), S = P.length, k = Math.max(1, Math.ceil(S / L)), E = Math.min(u, k - 1), z = ie(() => P.slice(E * L, E * L + L), [P, E, L]), K = (U) => {
+    C(U), x(0);
+  }, D = (U) => {
+    y({
+      title: r.removeTitle,
+      description: r.removeConfirmation(U),
+      confirmButtonText: "Remove",
+      confirmButtonColor: "error",
+      confirmButtonIcon: /* @__PURE__ */ t(mt, { size: 16 }),
+      onConfirm: () => l(U.uuid)
+    });
+  }, W = (U) => o ? /* @__PURE__ */ t(pe, { variant: U, color: "primary", size: "small", startIcon: /* @__PURE__ */ t(De, { size: 16 }), disabled: !I, onClick: o, children: r.addButtonLabel }) : /* @__PURE__ */ t(pe, { component: jt, to: s ?? "#", variant: U, color: "primary", size: "small", startIcon: /* @__PURE__ */ t(De, { size: 16 }), disabled: !I, children: r.addButtonLabel }), A = /* @__PURE__ */ t(V.Toolbar, { showSearch: !0, searchValue: v, onSearchChange: K, searchPlaceholder: r.searchPlaceholder, actions: W("contained") }), _ = /* @__PURE__ */ t(V.Head, { children: /* @__PURE__ */ d(V.Row, { children: [
+    /* @__PURE__ */ t(V.Cell, { width: "70%", children: "Name" }),
+    /* @__PURE__ */ t(V.Cell, { width: "20%", children: "Created" }),
+    /* @__PURE__ */ t(V.Cell, { width: "10%", align: "right", children: "Actions" })
+  ] }) }), F = !i && n.length === 0 ? /* @__PURE__ */ t(zt, { illustration: /* @__PURE__ */ t(Be, { size: 64 }), title: r.emptyTitle, description: r.emptyDescription, action: W("outlined") }) : void 0, oe = () => i ? /* @__PURE__ */ t(pt, { colSpan: ht, illustration: /* @__PURE__ */ t(de, { component: "span", sx: {
+    color: "error.main"
+  }, children: /* @__PURE__ */ t(ke, { size: 64 }) }), title: r.errorTitle, description: i instanceof Error ? i.message : r.errorFallback }) : /* @__PURE__ */ t(pt, { colSpan: ht, illustration: /* @__PURE__ */ t(Be, { size: 64 }), title: r.searchEmptyTitle, description: r.searchEmptyDescription });
+  return /* @__PURE__ */ t(
+    kn,
+    {
+      title: m ? r.title : void 0,
+      toolbar: A,
+      showToolbar: n.length > 0,
+      tableHeader: _,
+      isLoading: e,
+      hasRows: P.length > 0,
+      emptyState: oe(),
+      standaloneEmptyState: F,
+      pagination: /* @__PURE__ */ t(Ft, { rowsPerPageOptions: En, component: "div", count: S, rowsPerPage: L, page: E, onPageChange: (U, w) => x(w), onRowsPerPageChange: (U) => {
+        R(parseInt(U.target.value, 10)), x(0);
+      } }),
+      children: z.map((U) => /* @__PURE__ */ d(V.Row, { hover: !0, clickable: !0, onClick: () => b(a(U.uuid)), children: [
+        /* @__PURE__ */ t(V.Cell, { children: /* @__PURE__ */ t($, { variant: "body2", children: U.name }) }),
+        /* @__PURE__ */ t(V.Cell, { children: U.createdAt ? _t(new Date(U.createdAt), {
+          addSuffix: !0
+        }) : "-" }),
+        /* @__PURE__ */ t(V.Cell, { align: "right", children: /* @__PURE__ */ t(we, { title: r.removeTooltip, children: /* @__PURE__ */ t(Qe, { color: "error", size: "small", disabled: c, onClick: (w) => {
+          w.stopPropagation(), D(U);
+        }, "aria-label": r.removeAriaLabel(U), children: /* @__PURE__ */ t(mt, { size: 16 }) }) }) })
+      ] }, U.uuid))
+    }
+  );
+}
+function $t(n) {
+  const e = ge(13), {
+    value: i,
+    onChange: r,
+    description: s,
+    placeholder: o
+  } = n;
+  let a;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t(ae.Subheader, { children: "Configuration Name" }), e[0] = a) : a = e[0];
+  let l;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (l = {
+    mb: 2
+  }, e[1] = l) : l = e[1];
+  let c;
+  e[2] !== s ? (c = /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", sx: l, children: s }), e[2] = s, e[3] = c) : c = e[3];
+  let m;
+  e[4] !== r ? (m = (f) => r(f.target.value), e[4] = r, e[5] = m) : m = e[5];
+  let g;
+  e[6] !== o || e[7] !== m || e[8] !== i ? (g = /* @__PURE__ */ t(Ne, { label: "Name", value: i, onChange: m, placeholder: o, fullWidth: !0 }), e[6] = o, e[7] = m, e[8] = i, e[9] = g) : g = e[9];
+  let h;
+  return e[10] !== c || e[11] !== g ? (h = /* @__PURE__ */ d(ae.Section, { children: [
+    a,
+    c,
+    g
+  ] }), e[10] = c, e[11] = g, e[12] = h) : h = e[12], h;
+}
+function it(n) {
+  const e = ge(31), {
+    server: i,
+    isSelected: r,
+    hideCheckbox: s
+  } = n;
+  if (!i)
+    return null;
+  const o = s ? 36 : 32;
+  let a;
+  e[0] !== s || e[1] !== r ? (a = !s && /* @__PURE__ */ t(Xt, { selected: r }), e[0] = s, e[1] = r, e[2] = a) : a = e[2];
+  let l;
+  e[3] !== o || e[4] !== s ? (l = s && /* @__PURE__ */ t(nt, { sx: {
+    height: o,
+    width: o,
+    backgroundColor: "action.selected"
+  }, children: /* @__PURE__ */ t(de, { sx: {
+    color: "text.secondary",
+    display: "inline-flex"
+  }, children: /* @__PURE__ */ t(Sn, { size: 20 }) }) }), e[3] = o, e[4] = s, e[5] = l) : l = e[5];
+  let c;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    minWidth: 0
+  }, e[6] = c) : c = e[6];
+  let m;
+  e[7] !== o ? (m = {
+    minHeight: o
+  }, e[7] = o, e[8] = m) : m = e[8];
+  let g;
+  e[9] !== i.name ? (g = /* @__PURE__ */ t($, { variant: "h6", children: i.name }), e[9] = i.name, e[10] = g) : g = e[10];
+  let h;
+  e[11] !== m || e[12] !== g ? (h = /* @__PURE__ */ t(q, { direction: "row", alignItems: "center", sx: m, children: g }), e[11] = m, e[12] = g, e[13] = h) : h = e[13];
+  let f;
+  e[14] !== i.description ? (f = i.description && /* @__PURE__ */ t($, { variant: "caption", color: "text.secondary", children: i.description }), e[14] = i.description, e[15] = f) : f = e[15];
+  let b;
+  e[16] !== i.context ? (b = i.context && /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", children: [
+    "Context: ",
+    i.context
+  ] }), e[16] = i.context, e[17] = b) : b = e[17];
+  let y;
+  e[18] !== i.version ? (y = i.version && /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", children: [
+    "Version: ",
+    i.version
+  ] }), e[18] = i.version, e[19] = y) : y = e[19];
+  let v;
+  e[20] !== b || e[21] !== y ? (v = /* @__PURE__ */ d(q, { direction: "row", spacing: 2, flexWrap: "wrap", children: [
+    b,
+    y
+  ] }), e[20] = b, e[21] = y, e[22] = v) : v = e[22];
+  let C;
+  e[23] !== v || e[24] !== h || e[25] !== f ? (C = /* @__PURE__ */ d(q, { spacing: 0.25, flexGrow: 1, sx: c, children: [
+    h,
+    f,
+    v
+  ] }), e[23] = v, e[24] = h, e[25] = f, e[26] = C) : C = e[26];
+  let u;
+  return e[27] !== a || e[28] !== C || e[29] !== l ? (u = /* @__PURE__ */ d(q, { direction: "row", spacing: 2, flexGrow: 1, alignItems: "flex-start", children: [
+    a,
+    l,
+    C
+  ] }), e[27] = a, e[28] = C, e[29] = l, e[30] = u) : u = e[30], u;
+}
+const qe = ["url", "apikey"];
+function ze(n) {
+  let e = n.replace(/[^A-Za-z0-9_]/g, "_").toUpperCase();
+  return e.length > 0 && e[0] >= "0" && e[0] <= "9" && (e = "_" + e), {
+    url: e ? `${e}_URL` : "URL",
+    apikey: e ? `${e}_API_KEY` : "API_KEY"
+  };
+}
+function Dt(n, e, i) {
+  const r = (n || e).replace(/[^A-Za-z0-9-]/g, "-").toLowerCase();
+  if (!i.includes(r)) return r;
+  let s = 2;
+  for (; i.includes(`${r}-${s}`); ) s++;
+  return `${r}-${s}`;
+}
+const An = {
+  url: "Base URL of the MCP server endpoint",
+  apikey: "API key for authenticating with the MCP server endpoint"
+};
+function Mn({
+  open: n,
+  orgId: e,
+  projectId: i,
+  agentId: r,
+  onClose: s
+}) {
+  const o = je(), {
+    data: a
+  } = Je({
+    orgName: e,
+    projName: i,
+    agentName: r
+  }), l = a?.provisioning?.type === "external", {
+    environments: c,
+    isLoading: m
+  } = Xe(e, i), {
+    data: g,
+    isLoading: h
+  } = Nt({
+    orgName: e
+  }, {
+    limit: 50,
+    offset: 0
+  }), {
+    data: f
+  } = St({
+    orgName: e,
+    projName: i,
+    agentName: r
+  }, {
+    limit: 1e3,
+    offset: 0
+  }), b = ie(() => g?.list ?? [], [g]), [y, v] = ne(null), [C, u] = ne(""), [x, L] = ne(""), R = $e(!1), [I, P] = ne(() => ze("")), S = $e(!1), k = en();
+  Ee(() => {
+    n && (v(null), u(""), R.current = !1, S.current = !1, L(""), P(ze("")));
+  }, [n]);
+  const E = ie(() => b.find((A) => A.id === y) ?? null, [b, y]), z = ie(() => {
+    const A = C.trim().toLowerCase();
+    return A ? b.filter((_) => (_.name ?? "").toLowerCase().includes(A) || (_.description ?? "").toLowerCase().includes(A) || (_.context ?? "").toLowerCase().includes(A)) : b;
+  }, [b, C]);
+  Ee(() => {
+    S.current || P(ze(y ?? ""));
+  }, [y]);
+  const K = ie(() => {
+    if (!y) return "";
+    const A = E?.name ?? y, _ = (f?.configs ?? []).map((G) => G.name);
+    return Dt(A, "mcp", _);
+  }, [y, E, f]);
+  Ee(() => {
+    R.current || L(K);
+  }, [K]);
+  const D = Ie(() => {
+    if (!e || !i || !r || !y) return;
+    const A = {};
+    for (const F of c)
+      A[F.name] = {
+        proxyId: y,
+        configuration: {}
+      };
+    const _ = l ? [] : qe.map((F) => ({
+      key: F,
+      name: (I[F] ?? "").trim()
+    })).filter((F) => F.name.length > 0), G = x.trim() || K;
+    k.mutate({
+      params: {
+        orgName: e,
+        projName: i,
+        agentName: r
+      },
+      body: {
+        name: G,
+        type: "mcp",
+        envMappings: A,
+        environmentVariables: _.length > 0 ? _ : void 0
+      }
+    }, {
+      onSuccess: (F) => {
+        if (s(), !e || !i || !r || !F?.uuid) return;
+        const oe = {};
+        for (const [U, w] of Object.entries(F.envMappings ?? {}))
+          w.configuration?.authInfo && (oe[U] = w.configuration.authInfo);
+        o(Pe(Ae.children.org.children.projects.children.agents.children.configure.children.mcpProxies.children.view.path, {
+          orgId: e,
+          projectId: i,
+          agentId: r,
+          proxyId: encodeURIComponent(F.uuid)
+        }), {
+          state: {
+            openEnvPanel: !0,
+            authInfoByEnv: oe
+          }
+        });
+      }
+    });
+  }, [e, i, r, y, c, l, I, x, K, k, s, o]), W = !!y && !k.isPending && !m && c.length > 0;
+  return /* @__PURE__ */ d(Ue, { open: n, onClose: s, minWidth: 740, children: [
+    /* @__PURE__ */ t(Ge, { icon: /* @__PURE__ */ t(Be, { size: 24 }), title: "Add Tool Configuration", onClose: s }),
+    /* @__PURE__ */ t(Oe, { children: /* @__PURE__ */ d(q, { spacing: 3, children: [
+      k.isError ? /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), onClose: k.reset, children: String(k.error instanceof Error ? k.error.message : "Failed to create MCP configuration. Please try again.") }) : null,
+      y ? (
+        /* Step 2 — the same drawer shows the selection + configuration. */
+        /* @__PURE__ */ d(q, { spacing: 3, children: [
+          /* @__PURE__ */ d(ae.Section, { children: [
+            /* @__PURE__ */ t(ae.Subheader, { children: "MCP Server" }),
+            /* @__PURE__ */ d(ae.CardButton, { onClick: () => v(null), selected: !0, "aria-label": `Selected: ${E?.name}. Click to change.`, sx: {
+              position: "relative"
+            }, children: [
+              /* @__PURE__ */ t(we, { title: "Change MCP server", placement: "top", arrow: !0, children: /* @__PURE__ */ t(de, { sx: {
+                position: "absolute",
+                top: 8,
+                right: 8,
+                display: "inline-flex",
+                color: "text.secondary"
+              }, children: /* @__PURE__ */ t(at, { size: 16 }) }) }),
+              /* @__PURE__ */ t(ae.CardContent, { children: /* @__PURE__ */ t(it, { server: E, isSelected: !1, hideCheckbox: !0 }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ t($t, { value: x, onChange: (A) => {
+            R.current = !0, L(A);
+          }, description: "A name for this MCP configuration.", placeholder: "my-mcp-configuration" }),
+          l ? null : /* @__PURE__ */ d(ae.Section, { children: [
+            /* @__PURE__ */ t(ae.Subheader, { children: "Environment Variable Names" }),
+            /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", sx: {
+              mb: 2
+            }, children: "These names are shared across all environments. The platform injects the MCP server URL and API key values at runtime per environment (empty in environments the proxy is not configured for). Edit only if your code uses different names." }),
+            /* @__PURE__ */ t(V.Container, { children: /* @__PURE__ */ d(V, { density: "compact", children: [
+              /* @__PURE__ */ t(V.Head, { children: /* @__PURE__ */ d(V.Row, { children: [
+                /* @__PURE__ */ d(V.Cell, { children: [
+                  "Variable Name",
+                  " ",
+                  /* @__PURE__ */ t($, { component: "span", variant: "caption", color: "text.secondary", children: "(editable)" })
+                ] }),
+                /* @__PURE__ */ t(V.Cell, { children: "Description" })
+              ] }) }),
+              /* @__PURE__ */ t(V.Body, { children: qe.map((A) => /* @__PURE__ */ d(V.Row, { children: [
+                /* @__PURE__ */ t(V.Cell, { children: /* @__PURE__ */ t(Ne, { value: I[A] ?? "", onChange: (_) => {
+                  S.current = !0, P((G) => ({
+                    ...G,
+                    [A]: _.target.value
+                  }));
+                }, copyable: !0, copyTooltipText: `Copy ${I[A] || A}`, size: "small" }) }),
+                /* @__PURE__ */ t(V.Cell, { children: /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: An[A] }) })
+              ] }, A)) })
+            ] }) })
+          ] })
+        ] })
+      ) : (
+        /* Step 1 — pick an MCP server from the list. */
+        /* @__PURE__ */ d(q, { spacing: 1, children: [
+          /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", sx: {
+            mb: 1
+          }, children: "Choose the MCP server for this agent." }),
+          /* @__PURE__ */ t(xt, { placeholder: "Search MCP servers", size: "small", fullWidth: !0, value: C, onChange: (A) => u(A.target.value), sx: {
+            mb: 1
+          } }),
+          /* @__PURE__ */ t(q, { spacing: 1, sx: {
+            overflowY: "auto"
+          }, children: h ? Array.from({
+            length: 3
+          }).map((A, _) => /* @__PURE__ */ t(xe, { variant: "rounded", height: 72 }, _)) : b.length === 0 ? /* @__PURE__ */ t(V.Container, { children: /* @__PURE__ */ t(V.EmptyState, { illustration: /* @__PURE__ */ t(Be, { size: 64 }), title: "No MCP servers available", description: "No MCP servers found. Add MCP servers from the organization MCP Proxies page first.", action: e ? /* @__PURE__ */ t(pe, { variant: "contained", size: "small", startIcon: /* @__PURE__ */ t(He, { size: 16 }), onClick: () => o(Pe(Ae.children.org.children.mcpProxies.children.add.path, {
+            orgId: e
+          })), children: "Add MCP Server" }) : void 0 }) }) : z.length === 0 ? /* @__PURE__ */ t(V.Container, { children: /* @__PURE__ */ t(V.EmptyState, { illustration: /* @__PURE__ */ t(rt, { size: 64 }), title: "No MCP servers match your search", description: "Try a different keyword or clear the search filter." }) }) : z.map((A) => /* @__PURE__ */ t(ae.CardButton, { selected: !1, onClick: () => v(A.id ?? null), "aria-label": `${A.name}. Click to select`, children: /* @__PURE__ */ t(ae.CardContent, { children: /* @__PURE__ */ t(it, { server: A, isSelected: !1 }) }) }, A.id)) })
+        ] })
+      ),
+      /* @__PURE__ */ d(de, { sx: {
+        display: "flex",
+        gap: 1,
+        justifyContent: "flex-end"
+      }, children: [
+        /* @__PURE__ */ t(pe, { variant: "outlined", onClick: s, children: "Cancel" }),
+        /* @__PURE__ */ t(pe, { variant: "contained", onClick: D, disabled: !W, children: k.isPending ? "Saving..." : "Save" })
+      ] })
+    ] }) })
+  ] });
+}
+const et = Ae.children.org.children.projects.children.agents.children.configure.children, gt = {
+  title: "LLM Configurations",
+  searchPlaceholder: "Search LLM configurations...",
+  addButtonLabel: "Add LLM Configuration",
+  emptyTitle: "No LLM configurations added yet",
+  emptyDescription: "Click Add LLM Configuration to connect a service provider.",
+  errorTitle: "Failed to load LLM configurations",
+  errorFallback: "Failed to load LLM configurations. Please try again.",
+  searchEmptyTitle: "No LLM configurations match your search",
+  searchEmptyDescription: "Try adjusting your search keywords.",
+  removeTitle: "Remove LLM Configuration",
+  removeTooltip: "Remove LLM configuration",
+  removeConfirmation: () => "This will remove the LLM configuration and its environment variable mappings from the agent. The catalog service itself will not be affected.",
+  removeAriaLabel: (n) => `Remove configuration ${n.name || n.uuid}`
+}, vt = {
+  title: "Tool Configurations",
+  searchPlaceholder: "Search by name or description...",
+  addButtonLabel: "Add Tool Configuration",
+  emptyTitle: "No tool configurations added yet",
+  emptyDescription: "Add tool configurations that this agent can use.",
+  errorTitle: "Failed to load tool configurations",
+  errorFallback: "Failed to load tool configurations. Please try again.",
+  searchEmptyTitle: "No tool configurations match your search criteria",
+  searchEmptyDescription: "Try adjusting your search keywords.",
+  removeTitle: "Remove Tool Configuration",
+  removeTooltip: "Remove tool configuration",
+  removeConfirmation: (n) => `Are you sure you want to remove "${n.name}" from this agent?`,
+  removeAriaLabel: (n) => `Remove ${n.name}`
+};
+function yt(n) {
+  const e = ge(4), {
+    value: i,
+    index: r,
+    children: s
+  } = n, o = i !== r;
+  let a;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    px: 3,
+    py: 3
+  }, e[0] = a) : a = e[0];
+  const l = i === r ? s : null;
+  let c;
+  return e[1] !== o || e[2] !== l ? (c = /* @__PURE__ */ t(de, { role: "tabpanel", hidden: o, sx: a, children: l }), e[1] = o, e[2] = l, e[3] = c) : c = e[3], c;
+}
+const _n = () => {
+  const n = ge(78), [e, i] = ne(0), [r, s] = ne(!1), {
+    orgId: o,
+    projectId: a,
+    agentId: l
+  } = Te();
+  let c;
+  n[0] !== l || n[1] !== o || n[2] !== a ? (c = {
+    orgName: o,
+    projName: a,
+    agentName: l
+  }, n[0] = l, n[1] = o, n[2] = a, n[3] = c) : c = n[3];
+  let m;
+  n[4] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    limit: 1e3,
+    offset: 0
+  }, n[4] = m) : m = n[4];
+  const {
+    data: g,
+    isLoading: h,
+    error: f
+  } = wt(c, m);
+  let b;
+  n[5] !== l || n[6] !== o || n[7] !== a ? (b = {
+    orgName: o,
+    projName: a,
+    agentName: l
+  }, n[5] = l, n[6] = o, n[7] = a, n[8] = b) : b = n[8];
+  let y;
+  n[9] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+    limit: 1e3,
+    offset: 0
+  }, n[9] = y) : y = n[9];
+  const {
+    data: v,
+    isLoading: C,
+    error: u
+  } = St(b, y), {
+    mutate: x,
+    isPending: L
+  } = tn(), {
+    mutate: R,
+    isPending: I
+  } = nn();
+  let P;
+  n[10] !== g?.configs ? (P = g?.configs ?? [], n[10] = g?.configs, n[11] = P) : P = n[11];
+  const S = P;
+  let k;
+  n[12] !== v?.configs ? (k = v?.configs ?? [], n[12] = v?.configs, n[13] = k) : k = n[13];
+  const E = k, z = !!(o && a && l);
+  let K;
+  n[14] !== l || n[15] !== o || n[16] !== a ? (K = {
+    orgName: o,
+    projName: a,
+    agentName: l
+  }, n[14] = l, n[15] = o, n[16] = a, n[17] = K) : K = n[17];
+  const D = K;
+  let W;
+  n[18] !== l || n[19] !== z || n[20] !== o || n[21] !== a ? (W = z ? Pe(et.llmProviders.children.add.path, {
+    orgId: o,
+    projectId: a,
+    agentId: l
+  }) : "#", n[18] = l, n[19] = z, n[20] = o, n[21] = a, n[22] = W) : W = n[22];
+  const A = W;
+  let _;
+  n[23] !== l || n[24] !== z || n[25] !== o || n[26] !== a ? (_ = (me) => z ? Pe(et.llmProviders.children.view.path, {
+    orgId: o,
+    projectId: a,
+    agentId: l,
+    configId: encodeURIComponent(me)
+  }) : "#", n[23] = l, n[24] = z, n[25] = o, n[26] = a, n[27] = _) : _ = n[27];
+  const G = _;
+  let F;
+  n[28] !== l || n[29] !== z || n[30] !== o || n[31] !== a ? (F = (me) => z ? Pe(et.mcpProxies.children.view.path, {
+    orgId: o,
+    projectId: a,
+    agentId: l,
+    proxyId: encodeURIComponent(me)
+  }) : "#", n[28] = l, n[29] = z, n[30] = o, n[31] = a, n[32] = F) : F = n[32];
+  const oe = F;
+  let U;
+  n[33] === Symbol.for("react.memo_cache_sentinel") ? (U = (me, N) => i(N), n[33] = U) : U = n[33];
+  let w, te;
+  n[34] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ t(Fe, { label: gt.title }), te = /* @__PURE__ */ t(Fe, { label: vt.title }), n[34] = w, n[35] = te) : (w = n[34], te = n[35]);
+  let H;
+  n[36] !== e ? (H = /* @__PURE__ */ d(ot, { value: e, onChange: U, variant: "scrollable", allowScrollButtonsMobile: !0, children: [
+    w,
+    te
+  ] }), n[36] = e, n[37] = H) : H = n[37];
+  let Z;
+  n[38] === Symbol.for("react.memo_cache_sentinel") ? (Z = /* @__PURE__ */ t(Ze, {}), n[38] = Z) : Z = n[38];
+  let re;
+  n[39] !== x || n[40] !== D ? (re = (me) => x({
+    ...D,
+    configId: me
+  }), n[39] = x, n[40] = D, n[41] = re) : re = n[41];
+  let J;
+  n[42] !== G || n[43] !== h || n[44] !== L || n[45] !== A || n[46] !== S || n[47] !== f || n[48] !== re ? (J = /* @__PURE__ */ t(ft, { configs: S, isLoading: h, error: f, labels: gt, addPath: A, getViewPath: G, isRemoving: L, showTitle: !1, onRemove: re }), n[42] = G, n[43] = h, n[44] = L, n[45] = A, n[46] = S, n[47] = f, n[48] = re, n[49] = J) : J = n[49];
+  let ee;
+  n[50] !== J || n[51] !== e ? (ee = /* @__PURE__ */ t(yt, { value: e, index: 0, children: J }), n[50] = J, n[51] = e, n[52] = ee) : ee = n[52];
+  let ye;
+  n[53] === Symbol.for("react.memo_cache_sentinel") ? (ye = () => s(!0), n[53] = ye) : ye = n[53];
+  let ue;
+  n[54] !== R || n[55] !== D ? (ue = (me) => R({
+    ...D,
+    configId: me
+  }), n[54] = R, n[55] = D, n[56] = ue) : ue = n[56];
+  let le;
+  n[57] !== oe || n[58] !== C || n[59] !== I || n[60] !== E || n[61] !== u || n[62] !== ue ? (le = /* @__PURE__ */ t(ft, { configs: E, isLoading: C, error: u, labels: vt, onAdd: ye, getViewPath: oe, isRemoving: I, showTitle: !1, onRemove: ue }), n[57] = oe, n[58] = C, n[59] = I, n[60] = E, n[61] = u, n[62] = ue, n[63] = le) : le = n[63];
+  let ve;
+  n[64] === Symbol.for("react.memo_cache_sentinel") ? (ve = () => s(!1), n[64] = ve) : ve = n[64];
+  let M;
+  n[65] !== l || n[66] !== r || n[67] !== o || n[68] !== a ? (M = /* @__PURE__ */ t(Mn, { open: r, orgId: o, projectId: a, agentId: l, onClose: ve }), n[65] = l, n[66] = r, n[67] = o, n[68] = a, n[69] = M) : M = n[69];
+  let Y;
+  n[70] !== le || n[71] !== M || n[72] !== e ? (Y = /* @__PURE__ */ d(yt, { value: e, index: 1, children: [
+    le,
+    M
+  ] }), n[70] = le, n[71] = M, n[72] = e, n[73] = Y) : Y = n[73];
+  let se;
+  return n[74] !== H || n[75] !== ee || n[76] !== Y ? (se = /* @__PURE__ */ t(Se, { title: "Configure Agent", disableIcon: !0, children: /* @__PURE__ */ d(Ke, { variant: "outlined", children: [
+    H,
+    Z,
+    ee,
+    Y
+  ] }) }), n[74] = H, n[75] = ee, n[76] = Y, n[77] = se) : se = n[77], se;
+}, Bt = (n) => {
+  const e = ge(62), {
+    open: i,
+    onClose: r,
+    providers: s,
+    templateMap: o,
+    selectedUuid: a,
+    subtitle: l,
+    onSelect: c
+  } = n, {
+    orgId: m
+  } = Te(), [g, h] = ne(""), [f, b] = ne(""), y = $e(null);
+  let v;
+  e[0] !== m ? (v = m ? Pe(Ae.children.org.children.llmProviders.children.add.path, {
+    orgId: m
+  }) : null, e[0] = m, e[1] = v) : v = e[1];
+  const C = v;
+  let u, x, L, R, I, P, S, k, E, z, K, D, W, A;
+  if (e[2] !== f || e[3] !== r || e[4] !== c || e[5] !== i || e[6] !== s || e[7] !== g || e[8] !== a || e[9] !== l || e[10] !== o) {
+    let w;
+    e[25] !== f || e[26] !== o ? (w = (J) => {
+      if (!f.trim())
+        return !0;
+      const ee = f.toLowerCase();
+      return J.name.toLowerCase().includes(ee) || (J.template ?? "").toLowerCase().includes(ee) || (o.get(J.template ?? "")?.displayName ?? "").toLowerCase().includes(ee);
+    }, e[25] = f, e[26] = o, e[27] = w) : w = e[27];
+    const te = s.filter(w);
+    R = Ue, D = i, W = r, A = 740, I = 740;
+    let H;
+    e[28] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ t(He, { size: 24 }), e[28] = H) : H = e[28], e[29] !== r ? (P = /* @__PURE__ */ t(Ge, { icon: H, title: "Select LLM Service", onClose: r }), e[29] = r, e[30] = P) : P = e[30], L = Oe, x = q, e[31] !== l ? (z = l && /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", sx: {
+      mb: 1
+    }, children: l }), e[31] = l, e[32] = z) : z = e[32];
+    let Z, re;
+    e[33] === Symbol.for("react.memo_cache_sentinel") ? (Z = (J) => {
+      const ee = J.target.value;
+      h(ee), y.current && clearTimeout(y.current), y.current = setTimeout(() => b(ee), 250);
+    }, re = {
+      mb: 1
+    }, e[33] = Z, e[34] = re) : (Z = e[33], re = e[34]), e[35] !== g ? (K = /* @__PURE__ */ t(xt, { placeholder: "Search providers", size: "small", fullWidth: !0, value: g, onChange: Z, sx: re }), e[35] = g, e[36] = K) : K = e[36], u = q, S = 1, e[37] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+      flex: 1,
+      overflowY: "auto"
+    }, e[37] = k) : k = e[37], E = te.length === 0 ? /* @__PURE__ */ t(V.Container, { children: /* @__PURE__ */ t(V.EmptyState, { illustration: /* @__PURE__ */ t(rt, { size: 64 }), title: f.trim() ? "No service providers match your search" : "No service providers available", description: f.trim() ? "Try a different keyword or clear the search filter." : "No service providers are available in the catalog." }) }) : te.map((J) => {
+      const ee = a === J.uuid;
+      return /* @__PURE__ */ t(ae.CardButton, { onClick: () => {
+        c(J.uuid), r();
+      }, selected: ee, "aria-label": `${J.name}. ${ee ? "Selected" : "Click to select"}`, children: /* @__PURE__ */ t(ae.CardContent, { children: /* @__PURE__ */ t(lt, { provider: J, isSelected: ee, templateInfo: o.get(J.template ?? "") }) }) }, J.uuid);
+    }), e[2] = f, e[3] = r, e[4] = c, e[5] = i, e[6] = s, e[7] = g, e[8] = a, e[9] = l, e[10] = o, e[11] = u, e[12] = x, e[13] = L, e[14] = R, e[15] = I, e[16] = P, e[17] = S, e[18] = k, e[19] = E, e[20] = z, e[21] = K, e[22] = D, e[23] = W, e[24] = A;
+  } else
+    u = e[11], x = e[12], L = e[13], R = e[14], I = e[15], P = e[16], S = e[17], k = e[18], E = e[19], z = e[20], K = e[21], D = e[22], W = e[23], A = e[24];
+  let _;
+  e[38] !== u || e[39] !== S || e[40] !== k || e[41] !== E ? (_ = /* @__PURE__ */ t(u, { spacing: S, sx: k, children: E }), e[38] = u, e[39] = S, e[40] = k, e[41] = E, e[42] = _) : _ = e[42];
+  let G;
+  e[43] !== C ? (G = C && /* @__PURE__ */ d(_e, { children: [
+    /* @__PURE__ */ t(Ze, { sx: {
+      mt: 2
+    } }),
+    /* @__PURE__ */ d(de, { component: "a", href: C, target: "_blank", rel: "noopener noreferrer", sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: 1,
+      pt: 1.5,
+      color: "primary.main",
+      textDecoration: "none",
+      cursor: "pointer",
+      "&:hover": {
+        textDecoration: "underline"
+      }
+    }, children: [
+      /* @__PURE__ */ t(De, { size: 16 }),
+      /* @__PURE__ */ t($, { variant: "body2", color: "primary", children: "Add LLM Provider" }),
+      /* @__PURE__ */ t(Mt, { size: 14 })
+    ] })
+  ] }), e[43] = C, e[44] = G) : G = e[44];
+  let F;
+  e[45] !== x || e[46] !== _ || e[47] !== G || e[48] !== z || e[49] !== K ? (F = /* @__PURE__ */ d(x, { children: [
+    z,
+    K,
+    _,
+    G
+  ] }), e[45] = x, e[46] = _, e[47] = G, e[48] = z, e[49] = K, e[50] = F) : F = e[50];
+  let oe;
+  e[51] !== L || e[52] !== F ? (oe = /* @__PURE__ */ t(L, { children: F }), e[51] = L, e[52] = F, e[53] = oe) : oe = e[53];
+  let U;
+  return e[54] !== R || e[55] !== I || e[56] !== P || e[57] !== oe || e[58] !== D || e[59] !== W || e[60] !== A ? (U = /* @__PURE__ */ d(R, { open: D, onClose: W, minWidth: A, maxWidth: I, children: [
+    P,
+    oe
+  ] }), e[54] = R, e[55] = I, e[56] = P, e[57] = oe, e[58] = D, e[59] = W, e[60] = A, e[61] = U) : U = e[61], U;
+}, Tn = {
+  url: "Base URL of the LLM provider",
+  apikey: "API key for authenticating with the LLM provider"
+};
+function Rn(n) {
+  return n?.length ? [...n].sort((i, r) => new Date(r.deployedAt ?? 0).getTime() - new Date(i.deployedAt ?? 0).getTime())[0] ?? null : null;
+}
+function zn(n) {
+  return n < 0.01 ? `$${n.toFixed(6)}` : `$${n.toFixed(2)}`;
+}
+function tt(n, e) {
+  if (!e) return "";
+  const r = {
+    minute: "min",
+    hour: "hr",
+    day: "day"
+  }[e.toLowerCase()] ?? e;
+  return n && n !== 1 ? `${n} ${r}` : r;
+}
+const $n = (n) => {
+  const e = ge(21), {
+    rateLimiting: i
+  } = n;
+  if (!i) {
+    let v;
+    return e[0] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", children: [
+      "Rate Limiting:",
+      " ",
+      /* @__PURE__ */ t($, { component: "span", variant: "caption", color: "text.disabled", children: "Not configured" })
+    ] }), e[0] = v) : v = e[0], v;
+  }
+  const r = i.consumerLevel, s = i.providerLevel, o = r?.globalEnabled ?? !1, a = o && (r?.request != null || r?.token != null || r?.cost != null);
+  if (!o && !s?.globalEnabled) {
+    let v;
+    return e[1] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", children: [
+      "Rate Limiting:",
+      " ",
+      /* @__PURE__ */ t($, { component: "span", variant: "caption", color: "text.disabled", children: "Configured (disabled)" })
+    ] }), e[1] = v) : v = e[1], v;
+  }
+  const l = a ? r : s, c = !a;
+  let m;
+  if (e[2] !== l) {
+    if (m = [], l?.request) {
+      const v = tt(l.request.resetDuration, l.request.resetUnit), C = `${l.request.limit.toLocaleString()}${v ? `/${v}` : ""}`;
+      let u;
+      e[4] !== C ? (u = {
+        label: "Requests",
+        value: C
+      }, e[4] = C, e[5] = u) : u = e[5], m.push(u);
+    }
+    if (l?.token) {
+      const v = tt(l.token.resetDuration, l.token.resetUnit), C = `${l.token.limit.toLocaleString()}${v ? `/${v}` : ""}`;
+      let u;
+      e[6] !== C ? (u = {
+        label: "Tokens",
+        value: C
+      }, e[6] = C, e[7] = u) : u = e[7], m.push(u);
+    }
+    if (l?.cost) {
+      const v = tt(l.cost.resetDuration, l.cost.resetUnit), C = `${zn(l.cost.limit)}${v ? `/${v}` : ""}`;
+      let u;
+      e[8] !== C ? (u = {
+        label: "Budget",
+        value: C
+      }, e[8] = C, e[9] = u) : u = e[9], m.push(u);
+    }
+    e[2] = l, e[3] = m;
+  } else
+    m = e[3];
+  const g = c ? "Your Quota (org-wide limit):" : "Your Quota:";
+  let h;
+  e[10] !== g ? (h = /* @__PURE__ */ t($, { variant: "caption", color: "text.secondary", children: g }), e[10] = g, e[11] = h) : h = e[11];
+  let f;
+  e[12] !== c ? (f = c && /* @__PURE__ */ t(we, { title: "No per-consumer limit is configured. The org-wide provider limit applies to all consumers.", placement: "top", arrow: !0, children: /* @__PURE__ */ t(de, { component: "span", sx: {
+    display: "inline-flex",
+    alignItems: "center",
+    color: "text.secondary",
+    cursor: "default"
+  }, children: /* @__PURE__ */ t(Ln, { size: 12 }) }) }), e[12] = c, e[13] = f) : f = e[13];
+  let b;
+  e[14] !== c || e[15] !== m ? (b = m.length > 0 ? /* @__PURE__ */ t($, { variant: "caption", color: c ? "text.secondary" : "text.primary", sx: {
+    fontVariantNumeric: "tabular-nums"
+  }, children: m.map(Dn).join(" · ") }) : /* @__PURE__ */ t($, { variant: "caption", color: "text.secondary", children: "Enabled (no numeric limits set)" }), e[14] = c, e[15] = m, e[16] = b) : b = e[16];
+  let y;
+  return e[17] !== h || e[18] !== f || e[19] !== b ? (y = /* @__PURE__ */ d(q, { direction: "row", spacing: 0.5, alignItems: "center", flexWrap: "wrap", useFlexGap: !0, children: [
+    h,
+    f,
+    b
+  ] }), e[17] = h, e[18] = f, e[19] = b, e[20] = y) : y = e[20], y;
+}, lt = (n) => {
+  const e = ge(62), {
+    provider: i,
+    isSelected: r,
+    templateInfo: s,
+    fallbackLabel: o,
+    hideCheckbox: a
+  } = n, l = o === void 0 ? "Select provider" : o, c = i?.deployments;
+  let m, g, h, f, b, y, v, C, u, x, L, R, I;
+  if (e[0] !== l || e[1] !== a || e[2] !== r || e[3] !== i || e[4] !== c || e[5] !== s) {
+    const K = Rn(c), D = a ? 36 : 32;
+    g = q, R = "row", I = 2, h = 1, f = "flex-start", e[19] !== D || e[20] !== a || e[21] !== r ? (b = !a && /* @__PURE__ */ t(nt, { sx: {
+      height: D,
+      width: D,
+      backgroundColor: r ? "primary.main" : "secondary.main",
+      color: r ? "common.white" : "text.secondary"
+    }, children: r ? /* @__PURE__ */ t(Pn, { size: 16 }) : /* @__PURE__ */ t(xn, { size: 16 }) }), e[19] = D, e[20] = a, e[21] = r, e[22] = b) : b = e[22], e[23] !== D || e[24] !== a || e[25] !== s?.logoUrl ? (y = a && /* @__PURE__ */ t(nt, { src: s?.logoUrl, sx: {
+      height: D,
+      width: D,
+      backgroundColor: "action.selected"
+    }, children: /* @__PURE__ */ t(Be, { size: 16 }) }), e[23] = D, e[24] = a, e[25] = s?.logoUrl, e[26] = y) : y = e[26], m = q, v = 0.5, C = 1, e[27] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+      minWidth: 0
+    }, e[27] = u) : u = e[27];
+    let W;
+    e[28] !== D ? (W = {
+      minHeight: D
+    }, e[28] = D, e[29] = W) : W = e[29];
+    const A = i?.name ?? l;
+    let _;
+    e[30] !== A ? (_ = /* @__PURE__ */ t($, { variant: "h4", children: A }), e[30] = A, e[31] = _) : _ = e[31];
+    let G;
+    e[32] !== a || e[33] !== i || e[34] !== s ? (G = i?.template && /* @__PURE__ */ t(we, { title: "Service Provider template", placement: "top", arrow: !0, children: a ? /* @__PURE__ */ d($, { variant: "caption", color: "text.disabled", children: [
+      "| ",
+      s?.displayName ?? i.template
+    ] }) : /* @__PURE__ */ t(Pt, { label: s?.displayName ?? i.template, size: "small", variant: "outlined", icon: s?.logoUrl ? /* @__PURE__ */ t(de, { component: "img", src: s.logoUrl, alt: s.displayName, sx: {
+      width: 14,
+      height: 14,
+      borderRadius: "100%"
+    } }) : void 0 }) }), e[32] = a, e[33] = i, e[34] = s, e[35] = G) : G = e[35], e[36] !== W || e[37] !== _ || e[38] !== G ? (x = /* @__PURE__ */ d(q, { direction: "row", spacing: 0.75, alignItems: "center", flexWrap: "wrap", useFlexGap: !0, sx: W, children: [
+      _,
+      G
+    ] }), e[36] = W, e[37] = _, e[38] = G, e[39] = x) : x = e[39], L = K?.deployedAt && /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", children: [
+      "Deployed",
+      " ",
+      _t(new Date(K.deployedAt), {
+        addSuffix: !0
+      })
+    ] }), e[0] = l, e[1] = a, e[2] = r, e[3] = i, e[4] = c, e[5] = s, e[6] = m, e[7] = g, e[8] = h, e[9] = f, e[10] = b, e[11] = y, e[12] = v, e[13] = C, e[14] = u, e[15] = x, e[16] = L, e[17] = R, e[18] = I;
+  } else
+    m = e[6], g = e[7], h = e[8], f = e[9], b = e[10], y = e[11], v = e[12], C = e[13], u = e[14], x = e[15], L = e[16], R = e[17], I = e[18];
+  const P = i?.rateLimiting;
+  let S;
+  e[40] !== P ? (S = /* @__PURE__ */ t($n, { rateLimiting: P }), e[40] = P, e[41] = S) : S = e[41];
+  let k;
+  e[42] !== i ? (k = /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", children: [
+    "Guardrails:",
+    " ",
+    i?.policies?.length ? /* @__PURE__ */ t(we, { title: i.policies.join(", "), placement: "top", arrow: !0, children: /* @__PURE__ */ d($, { component: "span", variant: "caption", color: "text.primary", children: [
+      i.policies.slice(0, 3).join(", "),
+      i.policies.length > 3 && ` +${i.policies.length - 3} more`
+    ] }) }) : /* @__PURE__ */ t($, { component: "span", variant: "caption", color: "text.disabled", children: "None" })
+  ] }), e[42] = i, e[43] = k) : k = e[43];
+  let E;
+  e[44] !== m || e[45] !== S || e[46] !== k || e[47] !== v || e[48] !== C || e[49] !== u || e[50] !== x || e[51] !== L ? (E = /* @__PURE__ */ d(m, { spacing: v, flexGrow: C, sx: u, children: [
+    x,
+    L,
+    S,
+    k
+  ] }), e[44] = m, e[45] = S, e[46] = k, e[47] = v, e[48] = C, e[49] = u, e[50] = x, e[51] = L, e[52] = E) : E = e[52];
+  let z;
+  return e[53] !== g || e[54] !== h || e[55] !== f || e[56] !== b || e[57] !== y || e[58] !== E || e[59] !== R || e[60] !== I ? (z = /* @__PURE__ */ d(g, { direction: R, spacing: I, flexGrow: h, alignItems: f, children: [
+    b,
+    y,
+    E
+  ] }), e[53] = g, e[54] = h, e[55] = f, e[56] = b, e[57] = y, e[58] = E, e[59] = R, e[60] = I, e[61] = z) : z = e[61], z;
+}, ai = () => {
+  const {
+    orgId: n,
+    projectId: e,
+    agentId: i,
+    configId: r
+  } = Te(), s = je(), o = !!r, [a, l] = ne(0), [c, m] = ne({}), [g, h] = ne({}), [f, b] = ne(() => ze("")), y = $e(!1), [v, C] = ne(!1), [u, x] = ne(""), L = $e(!1), R = n && e && i ? Pe(Ae.children.org.children.projects.children.agents.children.configure.path, {
+    orgId: n,
+    projectId: e,
+    agentId: i
+  }) : "#", {
+    data: I
+  } = Je({
+    orgName: n,
+    projName: e,
+    agentName: i
+  }), P = I?.provisioning?.type === "external", {
+    environments: S,
+    isLoading: k
+  } = Xe(n, e), {
+    data: E
+  } = wt({
+    orgName: n,
+    projName: e,
+    agentName: i
+  }), z = S[a]?.id, {
+    data: K
+  } = kt({
+    orgName: n
+  }, {
+    limit: 50,
+    environmentId: z
+  }), {
+    data: D
+  } = It({
+    orgName: n
+  }), W = ie(() => {
+    const N = /* @__PURE__ */ new Map();
+    for (const j of D?.templates ?? [])
+      N.set(j.name, {
+        displayName: j.name,
+        logoUrl: j.metadata?.logoUrl
+      }), N.set(j.id, {
+        displayName: j.name,
+        logoUrl: j.metadata?.logoUrl
+      });
+    return N;
+  }, [D]), A = ie(() => (K?.entries ?? []).map((N) => ({
+    uuid: N.uuid,
+    id: N.handle,
+    name: N.name,
+    version: N.version,
+    template: N.template,
+    deployments: N.deployments ?? [],
+    security: N.security,
+    rateLimiting: N.rateLimiting,
+    policies: N.policies ?? []
+  })), [K]), {
+    data: _,
+    isLoading: G,
+    isError: F
+  } = Et({
+    orgName: n,
+    projName: e,
+    agentName: i,
+    configId: r ?? void 0
+  });
+  Ee(() => {
+    if (!_ || !o) return;
+    const N = {};
+    for (const [Q, ce] of Object.entries(_.envMappings ?? {})) {
+      const p = ce.configuration, T = p?.providerUuid ?? p?.proxyUuid ?? void 0;
+      T && p?.providerName && (N[Q] = {
+        uuid: T,
+        id: p.providerName
+      });
+    }
+    m(N);
+    const j = {};
+    for (const [Q, ce] of Object.entries(_.envMappings ?? {})) {
+      const p = ce.configuration?.policies ?? [], T = /* @__PURE__ */ new Set(), B = [];
+      for (const O of p) {
+        const X = `${O.name}@${O.version}`;
+        if (T.has(X)) continue;
+        T.add(X);
+        const fe = O.paths?.[0]?.params;
+        B.push({
+          name: O.name,
+          version: O.version,
+          settings: fe ?? {}
+        });
+      }
+      j[Q] = B;
+    }
+    if (h(j), _.environmentVariables?.length) {
+      const Q = {};
+      for (const ce of _.environmentVariables)
+        Q[ce.key] = ce.name;
+      b(Q), y.current = !0;
+    }
+    _.name && (x(_.name), L.current = !0);
+  }, [_, o]);
+  const oe = ie(() => {
+    const N = S[0]?.name, j = N ? c[N] : void 0;
+    return j ? j.template ?? j.id ?? "" : "";
+  }, [c, S]);
+  Ee(() => {
+    o || y.current || b(ze(oe));
+  }, [oe, o]);
+  const U = ie(() => {
+    const N = S.map((ce) => c[ce.name]).find(Boolean), j = N?.name ?? N?.template ?? N?.id ?? "";
+    if (!j) return "";
+    const Q = (E?.configs ?? []).map((ce) => ce.name);
+    return Dt(j, "llm", Q);
+  }, [S, c, E]);
+  Ee(() => {
+    o || L.current || x(U);
+  }, [U, o]);
+  const w = ie(() => S[a]?.name ?? "", [S, a]), te = on(), H = At(), Z = ie(() => g[w] ?? [], [g, w]), re = Ie((N) => {
+    h((j) => {
+      const Q = j[w] ?? [];
+      return Q.some((p) => p.name === N.name && p.version === N.version) ? j : {
+        ...j,
+        [w]: [...Q, N]
+      };
+    });
+  }, [w]), J = Ie((N) => {
+    h((j) => {
+      const ce = (j[w] ?? []).map((p) => p.name === N.name && p.version === N.version ? N : p);
+      return {
+        ...j,
+        [w]: ce
+      };
+    });
+  }, [w]), ee = Ie((N, j) => {
+    h((Q) => {
+      const p = (Q[w] ?? []).filter((T) => !(T.name === N && T.version === j));
+      return {
+        ...Q,
+        [w]: p
+      };
+    });
+  }, [w]), ye = Ie(() => {
+    const N = {};
+    let j = !1;
+    for (const B of S) {
+      const O = c[B.name];
+      if (!O) continue;
+      j = !0;
+      const fe = (g[B.name] ?? []).map((Ce) => ({
+        name: Ce.name,
+        version: Ce.version,
+        paths: [{
+          path: "/*",
+          methods: ["*"],
+          params: Ce.settings ?? {}
+        }]
+      }));
+      N[B.name] = {
+        providerName: O.id,
+        configuration: {
+          policies: fe.length > 0 ? fe : void 0
+        }
+      };
+    }
+    if (!j || !n || !e || !i)
+      return;
+    const Q = P ? [] : qe.map((B) => ({
+      key: B,
+      name: (f[B] ?? "").trim()
+    })).filter((B) => B.name.length > 0), ce = o ? _?.name ?? U : U, T = {
+      name: u.trim() || ce,
+      envMappings: N,
+      environmentVariables: Q.length > 0 ? Q : void 0
+    };
+    o && r ? H.mutate({
+      params: {
+        orgName: n,
+        projName: e,
+        agentName: i,
+        configId: r
+      },
+      body: T
+    }, {
+      onSuccess: () => {
+        s(R);
+      }
+    }) : te.mutate({
+      params: {
+        orgName: n,
+        projName: e,
+        agentName: i
+      },
+      body: {
+        ...T,
+        type: "llm"
+      }
+    }, {
+      onSuccess: (B) => {
+        const O = {};
+        for (const [X, fe] of Object.entries(B.envMappings ?? {}))
+          fe.configuration?.authInfo && (O[X] = fe.configuration.authInfo);
+        s(Pe(Ae.children.org.children.projects.children.agents.children.configure.children.llmProviders.children.view.path, {
+          orgId: n,
+          projectId: e,
+          agentId: i,
+          configId: B.uuid
+        }), {
+          state: {
+            authInfoByEnv: O
+          }
+        });
+      }
+    });
+  }, [c, S, g, f, u, P, n, e, i, r, o, _, U, te, H, s, R]), ue = (N) => !!c[N] || o && !!_?.envMappings?.[N]?.configuration?.providerName, le = S.some((N) => ue(N.name)), ve = S.length > 0 && S.every((N) => ue(N.name)), M = le, Y = te.isError ? te.error : H.error, se = te.isPending || H.isPending, me = Ie(() => {
+    te.reset(), H.reset();
+  }, [te, H]);
+  return k || o && G ? /* @__PURE__ */ t(Se, { title: o ? "Edit LLM Configuration" : "Add LLM Configuration", backHref: R, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ d(q, { spacing: 2, children: [
+    /* @__PURE__ */ t(xe, { variant: "rounded", height: 56 }),
+    /* @__PURE__ */ t(xe, { variant: "rounded", height: 56 }),
+    /* @__PURE__ */ t(xe, { variant: "rounded", height: 120 })
+  ] }) }) : o && !G && (F || !_) ? /* @__PURE__ */ t(Se, { title: "Edit LLM Configuration", backHref: R, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), children: "Config not found or failed to load." }) }) : /* @__PURE__ */ t(Se, { title: o ? "Edit LLM Configuration" : "Add LLM Configuration", backHref: R, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ d(q, { spacing: 3, children: [
+    Y ? /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), onClose: me, children: rn(Y) || (o ? "Failed to update model config. Please try again." : "Failed to create model config. Please try again.") }) : null,
+    /* @__PURE__ */ d(ae.Section, { children: [
+      /* @__PURE__ */ t(ae.Subheader, { children: "LLM Service Provider" }),
+      S.length > 1 && /* @__PURE__ */ d(_e, { children: [
+        /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", sx: {
+          mb: 1
+        }, children: "Select which LLM Service provider to use in each environment." }),
+        /* @__PURE__ */ t(ot, { value: a, onChange: (N, j) => l(j), sx: {
+          borderBottom: 1,
+          borderColor: "divider",
+          mb: 2
+        }, children: S.map((N, j) => {
+          const Q = ue(N.name);
+          return /* @__PURE__ */ t(Fe, { label: /* @__PURE__ */ d(q, { direction: "row", spacing: 0.5, alignItems: "center", children: [
+            /* @__PURE__ */ t("span", { children: N.displayName ?? N.name }),
+            !Q && /* @__PURE__ */ t(we, { title: "No provider selected", placement: "top", arrow: !0, children: /* @__PURE__ */ t(de, { component: "span", sx: {
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              bgcolor: "warning.main",
+              display: "inline-block"
+            } }) })
+          ] }), value: j }, N.name);
+        }) })
+      ] }),
+      c[w] ? (() => {
+        const N = c[w]?.uuid, j = A.find((Q) => Q.uuid === N) ?? null;
+        return /* @__PURE__ */ d(ae.CardButton, { onClick: () => C(!0), selected: !0, "aria-label": `Selected: ${j?.name ?? "Unknown"}. Click to change.`, sx: {
+          position: "relative"
+        }, children: [
+          /* @__PURE__ */ t(we, { title: "Change provider", placement: "top", arrow: !0, children: /* @__PURE__ */ t(de, { sx: {
+            position: "absolute",
+            top: 8,
+            right: 8,
+            display: "inline-flex",
+            color: "text.secondary"
+          }, children: /* @__PURE__ */ t(at, { size: 16 }) }) }),
+          /* @__PURE__ */ t(ae.CardContent, { children: /* @__PURE__ */ t(lt, { provider: j, isSelected: !1, hideCheckbox: !0, templateInfo: W.get(j?.template ?? "") }) })
+        ] });
+      })() : /* @__PURE__ */ t(de, { children: K && A.length === 0 ? /* @__PURE__ */ t(V.Container, { children: /* @__PURE__ */ t(V.EmptyState, { illustration: /* @__PURE__ */ t(rt, { size: 64 }), title: "No service providers available", description: "No LLM service providers found in the catalog. Add LLM service providers from the organization LLM Service Providers page first.", action: n ? /* @__PURE__ */ t(pe, { variant: "contained", size: "small", startIcon: /* @__PURE__ */ t(He, { size: 16 }), onClick: () => s(Pe(Ae.children.org.children.llmProviders.children.add.path, {
+        orgId: n
+      })), children: "Add LLM Service Provider" }) : void 0 }) }) : /* @__PURE__ */ d(de, { sx: {
+        pt: 1
+      }, children: [
+        /* @__PURE__ */ t(pe, { variant: "outlined", onClick: () => C(!0), disabled: A.length === 0 || !w, startIcon: /* @__PURE__ */ t(He, { size: 16 }), children: "Select a Service Provider" }),
+        /* @__PURE__ */ t($, { variant: "caption", color: "text.secondary", sx: {
+          display: "block",
+          mt: 1
+        }, children: "Selecting a provider will auto-generate environment variable names below." })
+      ] }) }),
+      /* @__PURE__ */ t(Bt, { open: v, onClose: () => C(!1), providers: A, templateMap: W, selectedUuid: c[w]?.uuid ?? void 0, subtitle: S.length > 1 ? `Choose the catalog provider for the ${S[a]?.displayName ?? S[a]?.name ?? ""} environment.` : "Choose the catalog provider for this agent.", onSelect: (N) => {
+        if (!w) return;
+        const j = A.find((Q) => Q.uuid === N);
+        j && m((Q) => ({
+          ...Q,
+          [w]: {
+            uuid: N,
+            id: j.id,
+            template: j.template,
+            name: j.name
+          }
+        }));
+      } }),
+      c[w] && /* @__PURE__ */ t(Tt, { title: "Guardrails", description: "Add safety policies to enforce consistent protections.", addButtonLabel: "Add Guardrail", drawerAddTitle: "Add Guardrail", drawerEditTitle: "Edit Guardrail", drawerAddSubtitle: "Choose a guardrail to configure advanced options.", drawerEditSubtitle: "Update the guardrail configuration.", policyNoun: "guardrail", loadingLabel: "Loading guardrails...", searchPlaceholder: "Search guardrails...", catalogErrorLabel: "Failed to load guardrails.", emptySearchTitle: "No guardrails match your search", emptyCatalogTitle: "No guardrails available", emptyCatalogDescription: "No guardrail policies are available in the catalog.", policies: Z, onAdd: re, onEdit: J, onRemove: ee })
+    ] }),
+    le && /* @__PURE__ */ t($t, { value: u, onChange: (N) => {
+      L.current = !0, x(N);
+    }, description: "A name for this LLM configuration.", placeholder: "my-llm-configuration" }),
+    le && !P && /* @__PURE__ */ d(ae.Section, { children: [
+      /* @__PURE__ */ t(ae.Subheader, { children: "Environment Variable Names" }),
+      /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", sx: {
+        mb: 2
+      }, children: "These names are shared across all environments. The platform injects the actual URL and API key values at runtime per environment. Edit only if your code uses different names." }),
+      /* @__PURE__ */ t(V.Container, { children: /* @__PURE__ */ d(V, { density: "compact", children: [
+        /* @__PURE__ */ t(V.Head, { children: /* @__PURE__ */ d(V.Row, { children: [
+          /* @__PURE__ */ d(V.Cell, { children: [
+            "Variable Name",
+            " ",
+            /* @__PURE__ */ t($, { component: "span", variant: "caption", color: "text.secondary", children: "(editable)" })
+          ] }),
+          /* @__PURE__ */ t(V.Cell, { children: "Description" })
+        ] }) }),
+        /* @__PURE__ */ t(V.Body, { children: qe.map((N) => /* @__PURE__ */ d(V.Row, { children: [
+          /* @__PURE__ */ t(V.Cell, { children: /* @__PURE__ */ t(Ne, { value: f[N] ?? "", onChange: (j) => {
+            y.current = !0, b((Q) => ({
+              ...Q,
+              [N]: j.target.value
+            }));
+          }, copyable: !0, copyTooltipText: `Copy ${f[N] ?? N}`, size: "small" }) }),
+          /* @__PURE__ */ t(V.Cell, { children: /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: Tn[N] }) })
+        ] }, N)) })
+      ] }) })
+    ] }),
+    le && !ve && /* @__PURE__ */ t(he, { severity: "info", icon: /* @__PURE__ */ t(ke, { size: 18 }), children: "Some environments don't have a provider selected. They will be skipped on save." }),
+    /* @__PURE__ */ d(de, { sx: {
+      display: "flex",
+      gap: 1
+    }, children: [
+      /* @__PURE__ */ t(pe, { variant: "outlined", onClick: () => s(R), children: "Cancel" }),
+      /* @__PURE__ */ t(we, { title: !M && !se ? "Select a service provider for at least one environment to enable save" : "", placement: "top", children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(pe, { variant: "contained", onClick: ye, disabled: !M || se, children: se ? "Saving…" : "Save" }) }) })
+    ] })
+  ] }) });
+};
+function Dn(n) {
+  return `${n.label}: ${n.value}`;
+}
+function Bn(n) {
+  const e = ge(10), {
+    message: i,
+    actionLabel: r,
+    actionIcon: s,
+    onAction: o,
+    disabled: a
+  } = n;
+  let l;
+  e[0] !== i ? (l = /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: i }), e[0] = i, e[1] = l) : l = e[1];
+  let c;
+  e[2] !== s || e[3] !== r || e[4] !== a || e[5] !== o ? (c = /* @__PURE__ */ t(pe, { variant: "outlined", size: "small", startIcon: s, onClick: o, disabled: a, children: r }), e[2] = s, e[3] = r, e[4] = a, e[5] = o, e[6] = c) : c = e[6];
+  let m;
+  return e[7] !== l || e[8] !== c ? (m = /* @__PURE__ */ t(Ke, { variant: "outlined", children: /* @__PURE__ */ t(Ye, { children: /* @__PURE__ */ d(q, { spacing: 1.5, alignItems: "flex-start", children: [
+    l,
+    c
+  ] }) }) }), e[7] = l, e[8] = c, e[9] = m) : m = e[9], m;
+}
+function Vn(n) {
+  const e = ge(34), {
+    description: i,
+    rows: r,
+    variant: s,
+    onNameChange: o,
+    children: a
+  } = n, l = s === void 0 ? "alert" : s, c = !!o;
+  let m;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t($, { variant: "body2", fontWeight: 600, sx: {
+    mb: 1
+  }, children: "Environment Variables References" }), e[0] = m) : m = e[0];
+  let g;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    mb: 2
+  }, e[1] = g) : g = e[1];
+  let h;
+  e[2] !== i ? (h = /* @__PURE__ */ t($, { variant: "body2", sx: g, children: i }), e[2] = i, e[3] = h) : h = e[3];
+  let f;
+  e[4] !== c ? (f = c && /* @__PURE__ */ t($, { component: "span", variant: "caption", color: "text.secondary", children: "(editable)" }), e[4] = c, e[5] = f) : f = e[5];
+  let b;
+  e[6] !== f ? (b = /* @__PURE__ */ d(V.Cell, { children: [
+    "Variable Name",
+    " ",
+    f
+  ] }), e[6] = f, e[7] = b) : b = e[7];
+  let y;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ t(V.Cell, { children: "Description" }), e[8] = y) : y = e[8];
+  let v;
+  e[9] !== b ? (v = /* @__PURE__ */ t(V.Head, { children: /* @__PURE__ */ d(V.Row, { children: [
+    b,
+    y
+  ] }) }), e[9] = b, e[10] = v) : v = e[10];
+  let C;
+  if (e[11] !== c || e[12] !== o || e[13] !== r) {
+    let k;
+    e[15] !== c || e[16] !== o ? (k = (E) => /* @__PURE__ */ d(V.Row, { children: [
+      /* @__PURE__ */ t(V.Cell, { children: /* @__PURE__ */ t(Ne, { value: E.name, onChange: o ? (z) => o(E.key, z.target.value) : void 0, copyable: !0, copyTooltipText: `Copy ${E.name}`, size: "small", slotProps: c ? void 0 : {
+        input: {
+          readOnly: !0
+        }
+      } }) }),
+      /* @__PURE__ */ t(V.Cell, { children: /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: E.description }) })
+    ] }, E.key), e[15] = c, e[16] = o, e[17] = k) : k = e[17], C = r.map(k), e[11] = c, e[12] = o, e[13] = r, e[14] = C;
+  } else
+    C = e[14];
+  let u;
+  e[18] !== C ? (u = /* @__PURE__ */ t(V.Body, { children: C }), e[18] = C, e[19] = u) : u = e[19];
+  let x;
+  e[20] !== u || e[21] !== v ? (x = /* @__PURE__ */ t(V.Container, { children: /* @__PURE__ */ d(V, { density: "compact", children: [
+    v,
+    u
+  ] }) }), e[20] = u, e[21] = v, e[22] = x) : x = e[22];
+  let L;
+  e[23] !== a || e[24] !== x ? (L = /* @__PURE__ */ d(q, { spacing: 1, children: [
+    x,
+    a
+  ] }), e[23] = a, e[24] = x, e[25] = L) : L = e[25];
+  let R;
+  e[26] !== L || e[27] !== h ? (R = /* @__PURE__ */ d(_e, { children: [
+    m,
+    h,
+    L
+  ] }), e[26] = L, e[27] = h, e[28] = R) : R = e[28];
+  const I = R;
+  if (l === "plain") {
+    let k;
+    return e[29] !== I ? (k = /* @__PURE__ */ t(de, { children: I }), e[29] = I, e[30] = k) : k = e[30], k;
+  }
+  let P;
+  e[31] === Symbol.for("react.memo_cache_sentinel") ? (P = {
+    mt: 2
+  }, e[31] = P) : P = e[31];
+  let S;
+  return e[32] !== I ? (S = /* @__PURE__ */ t(he, { severity: "info", sx: P, children: I }), e[32] = I, e[33] = S) : S = e[33], S;
+}
+function Vt(n) {
+  const e = ge(30), {
+    open: i,
+    title: r,
+    description: s,
+    rows: o,
+    isDirty: a,
+    isSaving: l,
+    hasInvalidNames: c,
+    error: m,
+    onClose: g,
+    onCancel: h,
+    onNameChange: f,
+    onSave: b,
+    children: y
+  } = n, v = r === void 0 ? "Environment Variables & Integration Guide" : r, C = a === void 0 ? !1 : a, u = l === void 0 ? !1 : l, x = c === void 0 ? !1 : c, L = m ? m instanceof Error ? m.message : "Failed to update configuration. Please try again." : void 0;
+  let R;
+  e[0] !== g ? (R = () => g(), e[0] = g, e[1] = R) : R = e[1];
+  let I;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ t(Ve, { size: 24 }), e[2] = I) : I = e[2];
+  let P;
+  e[3] !== g || e[4] !== v ? (P = /* @__PURE__ */ t(Ge, { icon: I, title: v, onClose: g }), e[3] = g, e[4] = v, e[5] = P) : P = e[5];
+  let S;
+  e[6] !== L ? (S = L && /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), children: L }), e[6] = L, e[7] = S) : S = e[7];
+  let k;
+  e[8] !== L || e[9] !== x || e[10] !== C || e[11] !== u || e[12] !== h || e[13] !== g || e[14] !== b ? (k = C && !L && /* @__PURE__ */ t(he, { severity: "warning", action: /* @__PURE__ */ d(q, { direction: "row", spacing: 1, alignItems: "center", children: [
+    /* @__PURE__ */ t(pe, { size: "small", variant: "outlined", onClick: h ?? g, children: "Cancel" }),
+    /* @__PURE__ */ t(pe, { size: "small", variant: "contained", onClick: b, disabled: u || x, children: u ? "Saving..." : "Save changes" })
+  ] }), children: "You have unsaved changes." }), e[8] = L, e[9] = x, e[10] = C, e[11] = u, e[12] = h, e[13] = g, e[14] = b, e[15] = k) : k = e[15];
+  let E;
+  e[16] !== y || e[17] !== s || e[18] !== f || e[19] !== o ? (E = /* @__PURE__ */ t(Vn, { variant: "plain", description: s, rows: o, onNameChange: f, children: y }), e[16] = y, e[17] = s, e[18] = f, e[19] = o, e[20] = E) : E = e[20];
+  let z;
+  e[21] !== E || e[22] !== S || e[23] !== k ? (z = /* @__PURE__ */ t(Oe, { children: /* @__PURE__ */ d(q, { spacing: 3, children: [
+    S,
+    k,
+    E
+  ] }) }), e[21] = E, e[22] = S, e[23] = k, e[24] = z) : z = e[24];
+  let K;
+  return e[25] !== i || e[26] !== z || e[27] !== R || e[28] !== P ? (K = /* @__PURE__ */ d(Ue, { open: i, onClose: R, minWidth: 640, maxWidth: 640, children: [
+    P,
+    z
+  ] }), e[25] = i, e[26] = z, e[27] = R, e[28] = P, e[29] = K) : K = e[29], K;
+}
+function jn(n) {
+  const e = ge(46), {
+    orgName: i,
+    projName: r,
+    agentName: s,
+    configId: o,
+    envName: a
+  } = n;
+  let l;
+  e[0] !== s || e[1] !== o || e[2] !== a || e[3] !== i || e[4] !== r ? (l = {
+    orgName: i,
+    projName: r,
+    agentName: s,
+    configId: o,
+    envName: a
+  }, e[0] = s, e[1] = o, e[2] = a, e[3] = i, e[4] = r, e[5] = l) : l = e[5];
+  const {
+    data: c,
+    isLoading: m,
+    isError: g
+  } = an(l), {
+    mutateAsync: h,
+    isPending: f
+  } = ln(), {
+    mutateAsync: b,
+    isPending: y
+  } = sn(), {
+    mutate: v,
+    isPending: C
+  } = cn(), u = c?.keys?.[0], x = !!(i && r && s && o && a);
+  let L;
+  e[6] !== o ? (L = () => `llm-config-${o}-${Math.random().toString(36).slice(2, 10)}`, e[6] = o, e[7] = L) : L = e[7];
+  const R = L;
+  let I;
+  e[8] !== s || e[9] !== o || e[10] !== h || e[11] !== a || e[12] !== x || e[13] !== R || e[14] !== i || e[15] !== r ? (I = async () => x ? (await h({
+    params: {
+      orgName: i,
+      projName: r,
+      agentName: s,
+      configId: o,
+      envName: a
+    },
+    body: {
+      name: R(),
+      displayName: "LLM provider API key"
+    }
+  })).apiKey : void 0, e[8] = s, e[9] = o, e[10] = h, e[11] = a, e[12] = x, e[13] = R, e[14] = i, e[15] = r, e[16] = I) : I = e[16];
+  const P = I;
+  let S;
+  e[17] !== s || e[18] !== u || e[19] !== o || e[20] !== a || e[21] !== x || e[22] !== i || e[23] !== r || e[24] !== b ? (S = async () => !x || !u ? void 0 : (await b({
+    params: {
+      orgName: i,
+      projName: r,
+      agentName: s,
+      configId: o,
+      envName: a,
+      keyName: u.name
+    },
+    body: {}
+  })).apiKey, e[17] = s, e[18] = u, e[19] = o, e[20] = a, e[21] = x, e[22] = i, e[23] = r, e[24] = b, e[25] = S) : S = e[25];
+  const k = S;
+  let E;
+  e[26] !== s || e[27] !== u || e[28] !== o || e[29] !== a || e[30] !== x || e[31] !== i || e[32] !== r || e[33] !== v ? (E = () => {
+    !x || !u || v({
+      orgName: i,
+      projName: r,
+      agentName: s,
+      configId: o,
+      envName: a,
+      keyName: u.name
+    });
+  }, e[26] = s, e[27] = u, e[28] = o, e[29] = a, e[30] = x, e[31] = i, e[32] = r, e[33] = v, e[34] = E) : E = e[34];
+  const z = E, K = `${o ?? ""}:${a ?? ""}`;
+  let D;
+  return e[35] !== u || e[36] !== z || e[37] !== P || e[38] !== k || e[39] !== f || e[40] !== g || e[41] !== m || e[42] !== C || e[43] !== y || e[44] !== K ? (D = /* @__PURE__ */ t(Rt, { scopeKey: K, description: "Generate an API key to authenticate this agent's requests to the LLM provider through the gateway. Only one key can exist per configuration.", apiKey: u, isLoading: m, isError: g, isGenerating: f, isRegenerating: y, isDeleting: C, emptyDescription: "Generate an API key to authenticate requests to this LLM provider.", onGenerate: P, onRegenerate: k, onDelete: z }), e[35] = u, e[36] = z, e[37] = P, e[38] = k, e[39] = f, e[40] = g, e[41] = m, e[42] = C, e[43] = y, e[44] = K, e[45] = D) : D = e[45], D;
+}
+function Ct(n) {
+  switch (n) {
+    case "apikey":
+      return "API Key for authenticating with the LLM provider";
+    case "url":
+      return "Base URL of the LLM provider";
+    default:
+      return n.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase());
+  }
+}
+function Kn(n, e) {
+  if (!n) return null;
+  const i = e.find((o) => /url/i.test(o)), r = e.find((o) => /key/i.test(o)), s = (o, a) => ({
+    importLine: o,
+    setup: a.filter(Boolean).join(`
+`)
+  });
+  switch (n) {
+    case "openai":
+      return s("from openai import OpenAI", ["client = OpenAI(", i ? `    base_url=${i},` : null, '    api_key="",', `    default_headers={"API-Key": ${r}, "Authorization": ""}`, ")"]);
+    case "anthropic":
+      return s("from anthropic import Anthropic", ["client = Anthropic(", i ? `    base_url=${i},` : null, `    default_headers={"API-Key": ${r}, "Authorization": ""}`, ")"]);
+    case "azure-openai":
+    case "azureai-foundry":
+      return s("from openai import AzureOpenAI", ["client = AzureOpenAI(", i ? `    azure_endpoint=${i},` : null, '    api_key="",', `    default_headers={"API-Key": ${r}, "Authorization": ""}`, ")"]);
+    case "mistralai":
+      return s(`import httpx
+from mistralai import Mistral`, [`_http_client = httpx.Client(headers={"API-Key": ${r}, "Authorization": ""})`, "client = Mistral(", i ? `    server_url=${i},` : null, "    client=_http_client,", ")"]);
+    case "gemini":
+      return s(`from google import genai
+from google.genai import types`, [i ? `_http_options = types.HttpOptions(base_url=${i}, client_args={"headers": {"API-Key": ${r}, "Authorization": ""}})` : `_http_options = types.HttpOptions(client_args={"headers": {"API-Key": ${r}, "Authorization": ""}})`, "client = genai.Client(", "    http_options=_http_options", ")"]);
+    case "awsbedrock":
+      return s(`import boto3
+from botocore import UNSIGNED
+from botocore.config import Config`, ["client = boto3.client(", '    "bedrock-runtime",', i ? `    endpoint_url=${i},` : null, "    config=Config(signature_version=UNSIGNED),", ")", "def _add_headers(request, **kwargs):", `    request.headers["API-Key"] = ${r}`, '    request.headers["Authorization"] = ""', 'client.meta.events.register("before-send", _add_headers)']);
+    default:
+      return null;
+  }
+}
+const li = () => {
+  const {
+    orgId: n,
+    projectId: e,
+    agentId: i,
+    configId: r
+  } = Te(), s = je(), a = bt().state?.authInfoByEnv, [l, c] = ne(0), [m, g] = ne({}), [h, f] = ne({}), [b, y] = ne(0), [v, C] = ne(!!a), [u, x] = ne(!1), [L, R] = ne({}), I = n && e && i ? Pe(Ae.children.org.children.projects.children.agents.children.configure.path, {
+    orgId: n,
+    projectId: e,
+    agentId: i
+  }) : "#", {
+    data: P,
+    isLoading: S,
+    isError: k
+  } = Et({
+    orgName: n,
+    projName: e,
+    agentName: i,
+    configId: r
+  }), {
+    environments: E,
+    isLoading: z,
+    isError: K
+  } = Xe(n, e), D = S || z, {
+    data: W
+  } = Je({
+    orgName: n,
+    projName: e,
+    agentName: i
+  }), A = W?.provisioning?.type === "external", {
+    data: _
+  } = kt({
+    orgName: n
+  }, {
+    limit: 50
+  }), {
+    data: G
+  } = It({
+    orgName: n
+  }), F = At(), oe = ie(() => {
+    const p = /* @__PURE__ */ new Map();
+    for (const T of G?.templates ?? [])
+      p.set(T.name, {
+        displayName: T.name,
+        logoUrl: T.metadata?.logoUrl
+      }), p.set(T.id, {
+        displayName: T.name,
+        logoUrl: T.metadata?.logoUrl
+      });
+    return p;
+  }, [G]), U = ie(() => (_?.entries ?? []).map((p) => ({
+    uuid: p.uuid,
+    id: p.handle,
+    name: p.name,
+    template: p.template,
+    version: p.version,
+    deployments: p.deployments,
+    security: p.security,
+    rateLimiting: p.rateLimiting,
+    policies: p.policies
+  })), [_]);
+  Ee(() => {
+    if (!P) return;
+    const p = {};
+    for (const B of P.environmentVariables ?? [])
+      p[B.key] = B.name;
+    f(p);
+    const T = {};
+    for (const [B, O] of Object.entries(P.envMappings ?? {})) {
+      const X = O.configuration?.policies ?? [], fe = /* @__PURE__ */ new Set(), Ce = [];
+      for (const Le of X) {
+        const be = `${Le.name}@${Le.version}`;
+        if (fe.has(be)) continue;
+        fe.add(be);
+        const Me = Le.paths?.[0]?.params;
+        Ce.push({
+          name: Le.name,
+          version: Le.version,
+          settings: Me ?? {}
+        });
+      }
+      T[B] = Ce;
+    }
+    g(T);
+  }, [P]);
+  const w = ie(() => E[l]?.name ?? "", [E, l]), H = ie(() => P?.envMappings?.[w], [P, w])?.configuration, Z = ie(() => {
+    if (!(!H?.providerName || !_?.entries))
+      return _.entries.find((p) => p.handle === H.providerName);
+  }, [H?.providerName, _]), re = ie(() => !Z?.template || !G?.templates ? void 0 : G.templates.find((T) => T.id === Z.template)?.metadata?.logoUrl, [Z, G]), J = ie(() => !Z?.template || !G?.templates ? void 0 : G.templates.find((T) => T.id === Z.template)?.name, [Z, G]), ee = ie(() => m[w] ?? [], [m, w]), ye = ie(() => {
+    if (!P) return !1;
+    if (Object.keys(L).length > 0) return !0;
+    for (const p of P.environmentVariables ?? [])
+      if ((h[p.key] ?? p.name) !== p.name) return !0;
+    for (const [p, T] of Object.entries(P.envMappings ?? {})) {
+      const B = T.configuration?.policies ?? [], O = m[p] ?? [];
+      if (B.length !== O.length) return !0;
+      for (let X = 0; X < B.length; X++) {
+        const fe = B[X], Ce = O[X];
+        if (fe.name !== Ce?.name || fe.version !== Ce?.version) return !0;
+        const Le = fe.paths?.[0]?.params ?? {}, be = Ce?.settings ?? {};
+        if (JSON.stringify(Le) !== JSON.stringify(be)) return !0;
+      }
+    }
+    return !1;
+  }, [P, h, m, L]), ue = Ie((p) => {
+    g((T) => {
+      const B = T[w] ?? [];
+      return B.some((O) => O.name === p.name && O.version === p.version) ? T : {
+        ...T,
+        [w]: [...B, p]
+      };
+    });
+  }, [w]), le = Ie((p) => {
+    g((T) => {
+      const B = T[w] ?? [];
+      return {
+        ...T,
+        [w]: B.map((O) => O.name === p.name && O.version === p.version ? p : O)
+      };
+    });
+  }, [w]), ve = Ie((p, T) => {
+    g((B) => {
+      const O = B[w] ?? [];
+      return {
+        ...B,
+        [w]: O.filter((X) => !(X.name === p && X.version === T))
+      };
+    });
+  }, [w]), M = Ie(() => {
+    if (!n || !e || !i || !r || !P) return;
+    const p = {}, T = new Set(E.map((O) => O.name)), B = /* @__PURE__ */ new Set([...Object.keys(P.envMappings ?? {}).filter((O) => T.has(O)), ...Object.keys(L).filter((O) => T.has(O))]);
+    for (const O of B) {
+      const X = P.envMappings?.[O]?.configuration, fe = L[O], Ce = fe ? U.find((be) => be.uuid === fe)?.id ?? X?.providerName : X?.providerName;
+      if (!Ce) continue;
+      const Le = m[O];
+      if (Le !== void 0) {
+        const be = Le.length > 0 ? Le.map((Me) => ({
+          name: Me.name,
+          version: Me.version,
+          paths: [{
+            path: "/*",
+            methods: ["*"],
+            params: Me.settings ?? {}
+          }]
+        })) : void 0;
+        p[O] = {
+          providerName: Ce,
+          configuration: {
+            policies: be
+          }
+        };
+      } else
+        p[O] = {
+          providerName: Ce,
+          configuration: {
+            policies: X?.policies?.map((be) => ({
+              name: be.name,
+              version: be.version,
+              paths: be.paths.map((Me) => ({
+                path: Me.path,
+                methods: Me.methods,
+                params: Me.params ?? {}
+              }))
+            }))
+          }
+        };
+    }
+    F.mutate({
+      params: {
+        orgName: n,
+        projName: e,
+        agentName: i,
+        configId: r
+      },
+      body: {
+        name: P.name,
+        envMappings: p,
+        environmentVariables: Object.keys(h).length > 0 ? Object.entries(h).filter(([, O]) => O.trim() !== "").map(([O, X]) => ({
+          key: O,
+          name: X.trim()
+        })) : void 0
+      }
+    }, {
+      onSuccess: () => {
+        R({});
+      }
+    });
+  }, [n, e, i, r, P, m, h, L, U, E, F]);
+  if (D)
+    return /* @__PURE__ */ t(Se, { title: "LLM Configuration", backHref: I, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ d(q, { spacing: 2, children: [
+      /* @__PURE__ */ t(xe, { variant: "rounded", height: 56 }),
+      /* @__PURE__ */ t(xe, { variant: "rounded", height: 56 }),
+      /* @__PURE__ */ t(xe, { variant: "rounded", height: 120 })
+    ] }) });
+  if (K)
+    return /* @__PURE__ */ t(Se, { title: "LLM Configuration", backHref: I, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), children: "Failed to load the project's deployment pipeline environments. Please try again." }) });
+  if (k || !P)
+    return /* @__PURE__ */ t(Se, { title: "LLM Configuration", backHref: I, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), children: "Configuration not found or failed to load." }) });
+  const Y = H?.authInfo?.value, se = P.name || Z?.name || H?.providerName, me = (P.environmentVariables ?? []).some((p) => (h[p.key] ?? p.name).trim() === ""), N = A && !!H || !A && (P.environmentVariables?.length ?? 0) > 0, j = (P.environmentVariables ?? []).map((p) => ({
+    key: p.key,
+    name: h[p.key] ?? p.name,
+    description: Ct(p.key)
+  })), Q = /* @__PURE__ */ d(_e, { children: [
+    /* @__PURE__ */ t(Ze, { sx: {
+      my: 2
+    } }),
+    /* @__PURE__ */ d(q, { spacing: 2, children: [
+      /* @__PURE__ */ d(q, { spacing: 0.5, children: [
+        /* @__PURE__ */ t($, { variant: "subtitle1", fontWeight: 600, children: "Integration Guide" }),
+        /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: "Copy the snippet below into your agent code. The environment variables will be injected automatically at runtime — do not hardcode their values." })
+      ] }),
+      /* @__PURE__ */ d(Ht, { size: "small", value: b, exclusive: !0, color: "primary", onChange: (p, T) => {
+        T !== null && y(T);
+      }, children: [
+        /* @__PURE__ */ t(ct, { value: 0, sx: {
+          textTransform: "none"
+        }, children: "Python" }),
+        /* @__PURE__ */ t(ct, { value: 1, sx: {
+          textTransform: "none"
+        }, children: "Copilot Prompt" })
+      ] }),
+      b === 0 && /* @__PURE__ */ t(Re, { language: "python", code: (() => {
+        const p = Kn(Z?.template, P.environmentVariables.map((X) => X.key)), T = ["import os"];
+        p && T.push(p.importLine);
+        const B = P.environmentVariables.map((X) => `${X.key} = os.environ.get('${h[X.key] ?? X.name}')`), O = [T.join(`
+`), "", ...B];
+        return p && O.push("", p.setup), O.join(`
+`);
+      })() }),
+      b === 1 && /* @__PURE__ */ t(Re, { language: "markdown", code: (() => {
+        const p = J ?? Z?.name ?? H?.providerName ?? "the LLM provider", T = P.environmentVariables.map((B) => `- ${Ct(B.key)}: \`${h[B.key] ?? B.name}\``).join(`
+`);
+        return [`Update my code to use ${p}.`, "", "Environment variables that will be injected at runtime:", T, "", "Requirements:", `- Read the environment variables listed above to configure the client for ${p}.`, `- Initialize the ${p} client with the URL and API key from those variables.`, "- Do not hardcode any secrets or endpoint URLs.", "- Keep the rest of my code unchanged."].join(`
+`);
+      })() })
+    ] })
+  ] }), ce = N && (A && H ? /* @__PURE__ */ d(Ue, { open: v, onClose: (p, T) => {
+    T !== "backdropClick" && C(!1);
+  }, minWidth: 640, maxWidth: 640, children: [
+    /* @__PURE__ */ t(Ge, { icon: /* @__PURE__ */ t(Ve, { size: 24 }), title: "Connect to LLM Provider", onClose: () => C(!1) }),
+    /* @__PURE__ */ t(Oe, { children: (() => {
+      const p = a?.[w], T = P.environmentVariables?.find((fe) => fe.key === "apikey"), B = p?.name || "Authorization", O = p?.value || (T ? `$${T.name}` : "<api-key>"), X = [`curl -X POST ${H.url || "<endpoint-url>"}/chat/completions`, `  --header "${B}: ${O}"`, `  -d '{"model": "", "messages": [{"role": "user", "content": "Hi..."}]}'`].join(` \\
+`);
+      return /* @__PURE__ */ d(q, { spacing: 2, children: [
+        !p && /* @__PURE__ */ d(he, { severity: "info", children: [
+          /* @__PURE__ */ t($, { variant: "body2", children: "The credentials for this provider were issued during initial setup. To route your agent's traffic through the governance layer, configure your client with the provided endpoint and API key." }),
+          /* @__PURE__ */ t($, { variant: "body2", sx: {
+            mt: 1,
+            fontWeight: 600
+          }, children: "Security Reminder: Credentials are only displayed once at creation time." })
+        ] }),
+        p && /* @__PURE__ */ d(_e, { children: [
+          /* @__PURE__ */ t(he, { severity: "info", children: /* @__PURE__ */ t($, { variant: "body2", children: "To route your agent's LLM traffic through the governance layer, configure your client with the credentials below." }) }),
+          /* @__PURE__ */ t(he, { severity: "warning", children: /* @__PURE__ */ t($, { variant: "body2", fontWeight: 600, children: "Make sure to copy your API key now — you will not be able to see it again." }) })
+        ] }),
+        !!H.url && /* @__PURE__ */ t(Ne, { label: "Endpoint URL", value: H.url ?? "", copyable: !0, copyTooltipText: "Copy Endpoint URL", slotProps: {
+          input: {
+            readOnly: !0
+          }
+        }, size: "small" }),
+        p && /* @__PURE__ */ t(Ne, { label: "Header Name", value: p.name, copyable: !0, copyTooltipText: "Copy Header Name", slotProps: {
+          input: {
+            readOnly: !0
+          }
+        }, size: "small" }),
+        p?.value && /* @__PURE__ */ t(Ne, { label: "API Key", type: "password", value: p.value, copyable: !0, copyTooltipText: "Copy API Key", slotProps: {
+          input: {
+            readOnly: !0
+          }
+        }, size: "small" }),
+        Y && /* @__PURE__ */ t(Ne, { label: "API Key", type: "password", value: Y, copyable: !0, copyTooltipText: "Copy API Key", slotProps: {
+          input: {
+            readOnly: !0
+          }
+        }, size: "small" }),
+        /* @__PURE__ */ d(de, { children: [
+          /* @__PURE__ */ t(Lt, { sx: {
+            display: "block",
+            mb: 0.5
+          }, children: "Example cURL" }),
+          /* @__PURE__ */ t(Re, { code: X, language: "bash", fieldId: "curl" })
+        ] })
+      ] });
+    })() })
+  ] }) : /* @__PURE__ */ t(Vt, { open: v, onClose: () => C(!1), onCancel: () => {
+    C(!1), s(I);
+  }, onSave: M, isDirty: ye, isSaving: F.isPending, hasInvalidNames: me, error: F.isError ? F.error : void 0, description: "These variable names are injected into the agent at runtime with environment-specific values. Rename them here if your code already uses different names, then save.", rows: j, onNameChange: (p, T) => f((B) => ({
+    ...B,
+    [p]: T
+  })), children: Q }));
+  return /* @__PURE__ */ d(Se, { title: se, backHref: I, disableIcon: !0, backLabel: "Back to Configure", actions: N ? /* @__PURE__ */ t(pe, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ t(Ve, { size: 16 }), onClick: () => C(!0), children: A ? "Connect to LLM Provider" : "Environment Variables & Integration Guide" }) : void 0, children: [
+    /* @__PURE__ */ d(q, { spacing: 3, children: [
+      F.isError && /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), onClose: () => F.reset(), children: F.error instanceof Error ? F.error.message : "Failed to update configuration. Please try again." }),
+      /* @__PURE__ */ d(ae.Section, { children: [
+        /* @__PURE__ */ t(ae.Subheader, { children: "Service Provider" }),
+        /* @__PURE__ */ d(q, { spacing: 3, children: [
+          E.length > 1 && /* @__PURE__ */ d(_e, { children: [
+            /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: "Each environment uses a separate catalog provider. The same variable names are injected in all environments with environment-specific values." }),
+            /* @__PURE__ */ t(ot, { value: l, onChange: (p, T) => c(T), sx: {
+              borderBottom: 1,
+              borderColor: "divider",
+              mb: 2
+            }, children: E.map((p, T) => /* @__PURE__ */ t(Fe, { label: p.displayName ?? p.name, value: T }, p.name)) })
+          ] }),
+          /* @__PURE__ */ t(Bt, { open: u, onClose: () => x(!1), providers: U, templateMap: oe, selectedUuid: L[w] ?? (Z ? _?.entries?.find((p) => p.handle === H?.providerName)?.uuid : void 0), subtitle: "Choose the catalog provider for this agent.", onSelect: (p) => {
+            w && R((T) => ({
+              ...T,
+              [w]: p
+            }));
+          } }),
+          (() => {
+            const p = L[w];
+            if (!H && !p)
+              return /* @__PURE__ */ t(Bn, { message: "No provider is configured for this environment yet.", actionLabel: "Select Provider", actionIcon: /* @__PURE__ */ t(De, { size: 16 }), onAction: () => x(!0) });
+            const B = (p ? U.find((X) => X.uuid === p) : null) ? _?.entries?.find((X) => X.uuid === p) : Z, O = B?.template ? oe.get(B.template) : Z?.template ? {
+              displayName: J ?? Z.template,
+              logoUrl: re
+            } : null;
+            return /* @__PURE__ */ t(Ke, { variant: "outlined", children: /* @__PURE__ */ d(Ye, { sx: {
+              position: "relative"
+            }, children: [
+              /* @__PURE__ */ t(we, { title: "Change provider", placement: "top", arrow: !0, children: /* @__PURE__ */ t(Qe, { size: "small", color: "primary", sx: {
+                position: "absolute",
+                top: 8,
+                right: 8
+              }, onClick: () => x(!0), "aria-label": "Change provider", children: /* @__PURE__ */ t(at, { size: 16 }) }) }),
+              /* @__PURE__ */ t(lt, { provider: B ? {
+                name: B.name ?? H?.providerName ?? "",
+                template: B.template,
+                version: B.version,
+                deployments: B.deployments,
+                security: B.security,
+                rateLimiting: B.rateLimiting,
+                policies: B.policies
+              } : {
+                name: H?.providerName ?? ""
+              }, isSelected: !1, hideCheckbox: !0, templateInfo: O ?? null })
+            ] }) });
+          })(),
+          /* @__PURE__ */ t(Tt, { title: "Guardrails", description: "Add safety policies to enforce consistent protections.", addButtonLabel: "Add Guardrail", drawerAddTitle: "Add Guardrail", drawerEditTitle: "Edit Guardrail", drawerAddSubtitle: "Choose a guardrail to configure advanced options.", drawerEditSubtitle: "Update the guardrail configuration.", policyNoun: "guardrail", loadingLabel: "Loading guardrails...", searchPlaceholder: "Search guardrails...", catalogErrorLabel: "Failed to load guardrails.", emptySearchTitle: "No guardrails match your search", emptyCatalogTitle: "No guardrails available", emptyCatalogDescription: "No guardrail policies are available in the catalog.", policies: ee, onAdd: ue, onEdit: le, onRemove: ve }),
+          ye && /* @__PURE__ */ d(q, { direction: "row", spacing: 1, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ t(pe, { variant: "outlined", size: "small", onClick: () => {
+              R({}), s(I);
+            }, children: "Cancel" }),
+            /* @__PURE__ */ t(pe, { variant: "contained", size: "small", onClick: M, disabled: F.isPending || me, children: F.isPending ? "Saving…" : "Save" })
+          ] })
+        ] })
+      ] }),
+      A && H && /* @__PURE__ */ t(jn, { orgName: n, projName: e, agentName: i, configId: r, envName: w })
+    ] }),
+    ce
+  ] });
+};
+function Un(n) {
+  const e = ge(46), {
+    orgName: i,
+    projName: r,
+    agentName: s,
+    configId: o,
+    envName: a
+  } = n;
+  let l;
+  e[0] !== s || e[1] !== o || e[2] !== a || e[3] !== i || e[4] !== r ? (l = {
+    orgName: i,
+    projName: r,
+    agentName: s,
+    configId: o,
+    envName: a
+  }, e[0] = s, e[1] = o, e[2] = a, e[3] = i, e[4] = r, e[5] = l) : l = e[5];
+  const {
+    data: c,
+    isLoading: m,
+    isError: g
+  } = dn(l), {
+    mutateAsync: h,
+    isPending: f
+  } = mn(), {
+    mutateAsync: b,
+    isPending: y
+  } = un(), {
+    mutate: v,
+    isPending: C
+  } = pn(), u = c?.keys?.[0], x = !!(i && r && s && o && a);
+  let L;
+  e[6] !== o ? (L = () => `mcp-config-${o}-${Math.random().toString(36).slice(2, 10)}`, e[6] = o, e[7] = L) : L = e[7];
+  const R = L;
+  let I;
+  e[8] !== s || e[9] !== o || e[10] !== h || e[11] !== a || e[12] !== x || e[13] !== R || e[14] !== i || e[15] !== r ? (I = async () => x ? (await h({
+    params: {
+      orgName: i,
+      projName: r,
+      agentName: s,
+      configId: o,
+      envName: a
+    },
+    body: {
+      name: R(),
+      displayName: "MCP server API key"
+    }
+  })).apiKey : void 0, e[8] = s, e[9] = o, e[10] = h, e[11] = a, e[12] = x, e[13] = R, e[14] = i, e[15] = r, e[16] = I) : I = e[16];
+  const P = I;
+  let S;
+  e[17] !== s || e[18] !== u || e[19] !== o || e[20] !== a || e[21] !== x || e[22] !== i || e[23] !== r || e[24] !== b ? (S = async () => !x || !u ? void 0 : (await b({
+    params: {
+      orgName: i,
+      projName: r,
+      agentName: s,
+      configId: o,
+      envName: a,
+      keyName: u.name
+    },
+    body: {}
+  })).apiKey, e[17] = s, e[18] = u, e[19] = o, e[20] = a, e[21] = x, e[22] = i, e[23] = r, e[24] = b, e[25] = S) : S = e[25];
+  const k = S;
+  let E;
+  e[26] !== s || e[27] !== u || e[28] !== o || e[29] !== a || e[30] !== x || e[31] !== i || e[32] !== r || e[33] !== v ? (E = () => {
+    !x || !u || v({
+      orgName: i,
+      projName: r,
+      agentName: s,
+      configId: o,
+      envName: a,
+      keyName: u.name
+    });
+  }, e[26] = s, e[27] = u, e[28] = o, e[29] = a, e[30] = x, e[31] = i, e[32] = r, e[33] = v, e[34] = E) : E = e[34];
+  const z = E, K = `${o ?? ""}:${a ?? ""}`;
+  let D;
+  return e[35] !== u || e[36] !== z || e[37] !== P || e[38] !== k || e[39] !== f || e[40] !== g || e[41] !== m || e[42] !== C || e[43] !== y || e[44] !== K ? (D = /* @__PURE__ */ t(Rt, { scopeKey: K, description: "Generate an API key to authenticate this agent's requests to the MCP server through the gateway. Only one key can exist per configuration.", apiKey: u, isLoading: m, isError: g, isGenerating: f, isRegenerating: y, isDeleting: C, emptyDescription: "Generate an API key to authenticate requests to this MCP server.", onGenerate: P, onRegenerate: k, onDelete: z }), e[35] = u, e[36] = z, e[37] = P, e[38] = k, e[39] = f, e[40] = g, e[41] = m, e[42] = C, e[43] = y, e[44] = K, e[45] = D) : D = e[45], D;
+}
+const si = () => {
+  const {
+    orgId: n,
+    projectId: e,
+    agentId: i,
+    proxyId: r
+  } = Te(), s = ie(() => Gn(r), [r]), o = st(), a = st(), l = je(), c = bt(), m = c.state?.authInfoByEnv, [g, h] = ne(() => !!(c.state?.openEnvPanel || m)), [f, b] = ne(""), [y, v] = ne({}), {
+    data: C,
+    isLoading: u,
+    isError: x,
+    error: L
+  } = hn({
+    orgName: n,
+    projName: e,
+    agentName: i,
+    configId: s
+  }), {
+    data: R
+  } = Je({
+    orgName: n,
+    projName: e,
+    agentName: i
+  }), I = R?.provisioning?.type === "external", {
+    data: P = []
+  } = fn({
+    orgName: n
+  }), {
+    environments: S
+  } = Xe(n, e), {
+    data: k
+  } = Nt({
+    orgName: n
+  }, {
+    limit: 50,
+    offset: 0
+  }), E = ie(() => k?.list ?? [], [k]), z = gn(), K = n && e && i ? Pe(Ae.children.org.children.projects.children.agents.children.configure.path, {
+    orgId: n,
+    projectId: e,
+    agentId: i
+  }) : "#", D = ie(() => {
+    const M = Object.keys(C?.envMappings ?? {}), Y = S.map((N) => N.name), se = M.filter((N) => !Y.includes(N)), me = [...Y, ...se];
+    return me.length > 0 ? me : M;
+  }, [C, S]), W = ie(() => {
+    for (const M of Object.values(C?.envMappings ?? {})) {
+      const Y = On(M.configuration);
+      if (Y) return Y;
+    }
+  }, [C]), A = ie(() => E.find((M) => M.id === W), [E, W]), _ = n && W ? Pe(Ae.children.org.children.mcpProxies.children.view.path, {
+    orgId: n,
+    proxyId: W
+  }) : void 0;
+  Ee(() => {
+    D.length !== 0 && (D.includes(f) || b(D[0]));
+  }, [D, f]);
+  const G = C?.envMappings?.[f]?.configuration, {
+    data: F
+  } = vn({
+    orgName: n,
+    proxyId: W ?? ""
+  }), oe = P.find((M) => M.name === f)?.id, U = oe ? F?.endpoints?.find((M) => M.environments?.some((Y) => Y.environmentUuid === oe))?.security : void 0, w = Wn(U), te = ie(() => C?.environmentVariables ?? [], [C]);
+  Ee(() => {
+    const M = {};
+    for (const Y of te)
+      M[Y.key] = Y.name;
+    v(M);
+  }, [te]);
+  const H = te.some((M) => (y[M.key] ?? M.name).trim() === ""), Z = te.some((M) => (y[M.key] ?? M.name) !== M.name), re = () => {
+    !n || !e || !i || !s || H || z.mutate({
+      params: {
+        orgName: n,
+        projName: e,
+        agentName: i,
+        configId: s
+      },
+      body: {
+        environmentVariables: te.map((M) => ({
+          key: M.key,
+          name: (y[M.key] ?? M.name).trim()
+        }))
+      }
+    }, {
+      onSuccess: () => h(!1)
+    });
+  }, J = () => {
+    const M = {};
+    for (const Y of te)
+      M[Y.key] = Y.name;
+    v(M);
+  }, ee = ie(() => te.map((M) => ({
+    key: M.key,
+    name: y[M.key] ?? M.name,
+    description: Fn(M.key)
+  })), [te, y]), ye = ie(() => Hn(ee), [ee]);
+  if (u)
+    return /* @__PURE__ */ t(Se, { title: "Tool Configuration", backHref: K, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ d(q, { spacing: 2, children: [
+      /* @__PURE__ */ t(xe, { variant: "rounded", height: 56 }),
+      /* @__PURE__ */ t(xe, { variant: "rounded", height: 180 }),
+      /* @__PURE__ */ t(xe, { variant: "rounded", height: 240 })
+    ] }) });
+  if (x || !C)
+    return /* @__PURE__ */ t(Se, { title: "Tool Configuration", backHref: K, disableIcon: !0, backLabel: "Back to Configure", children: /* @__PURE__ */ t(he, { severity: "error", icon: /* @__PURE__ */ t(ke, { size: 18 }), children: L instanceof Error ? L.message : "Configuration not found or failed to load." }) });
+  const ue = C.name || A?.name || W || "Tool Configuration", le = I && !!G || !I && te.length > 0, ve = le && (I && G ? /* @__PURE__ */ d(Ue, { open: g, onClose: (M, Y) => {
+    Y !== "backdropClick" && h(!1);
+  }, minWidth: 640, maxWidth: 640, children: [
+    /* @__PURE__ */ t(Ge, { icon: /* @__PURE__ */ t(Ve, { size: 24 }), title: "Connect to MCP Server", onClose: () => h(!1) }),
+    /* @__PURE__ */ t(Oe, { children: (() => {
+      const M = m?.[f] ?? G.authInfo, Y = w || M?.name || "api-key", se = M?.value || "<api-key>", me = [`curl -N ${G.url || "<endpoint-url>"}`, `  --header "${Y}: ${se}"`].join(` \\
+`);
+      return /* @__PURE__ */ d(q, { spacing: 2, children: [
+        M?.value ? /* @__PURE__ */ d(_e, { children: [
+          /* @__PURE__ */ t(he, { severity: "info", children: /* @__PURE__ */ t($, { variant: "body2", children: "Configure your external agent with the endpoint and API key below to call this MCP server through the gateway." }) }),
+          /* @__PURE__ */ t(he, { severity: "warning", children: /* @__PURE__ */ t($, { variant: "body2", fontWeight: 600, children: "Make sure to copy your API key now. You will not be able to see it again." }) })
+        ] }) : /* @__PURE__ */ t(he, { severity: "info", children: /* @__PURE__ */ t($, { variant: "body2", children: "The endpoint is available below. If the MCP server requires an API key, the key was only displayed when this configuration was created." }) }),
+        !!G.url && /* @__PURE__ */ t(Ne, { label: "Endpoint URL", value: G.url ?? "", copyable: !0, copyTooltipText: "Copy Endpoint URL", slotProps: {
+          input: {
+            readOnly: !0
+          }
+        }, size: "small" }),
+        /* @__PURE__ */ t(Ne, { label: "Header Name", value: Y, copyable: !0, copyTooltipText: "Copy Header Name", slotProps: {
+          input: {
+            readOnly: !0
+          }
+        }, size: "small" }),
+        M?.value && /* @__PURE__ */ t(Ne, { label: "API Key", type: "password", value: M.value, copyable: !0, copyTooltipText: "Copy API Key", slotProps: {
+          input: {
+            readOnly: !0
+          }
+        }, size: "small" }),
+        /* @__PURE__ */ d(de, { children: [
+          /* @__PURE__ */ t(Lt, { sx: {
+            display: "block",
+            mb: 0.5
+          }, children: "Example cURL" }),
+          /* @__PURE__ */ t(Re, { code: me, language: "bash", fieldId: "mcp-curl" })
+        ] })
+      ] });
+    })() })
+  ] }) : /* @__PURE__ */ d(Vt, { open: g, onClose: () => h(!1), onCancel: () => {
+    J(), h(!1);
+  }, onSave: re, isDirty: Z, isSaving: z.isPending, hasInvalidNames: H, error: z.isError ? z.error : void 0, description: "These variable names are injected into the agent at runtime with environment-specific values. Rename them here if your code already uses different names, then save.", rows: ee, onNameChange: (M, Y) => v((se) => ({
+    ...se,
+    [M]: Y
+  })), children: [
+    /* @__PURE__ */ t(Ze, { sx: {
+      my: 2
+    } }),
+    /* @__PURE__ */ d(q, { spacing: 1.5, children: [
+      /* @__PURE__ */ d(q, { spacing: 0.5, children: [
+        /* @__PURE__ */ t($, { variant: "subtitle1", fontWeight: 600, children: "Integration Guide" }),
+        /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: "Copy this pattern into your agent code to load MCP tools through the injected proxy URL and API key." })
+      ] }),
+      /* @__PURE__ */ t(Re, { language: "python", fieldId: "mcp-python-snippet", code: ye })
+    ] })
+  ] }));
+  return /* @__PURE__ */ d(Se, { title: ue, backHref: K, disableIcon: !0, backLabel: "Back to Configuration Listing", actions: le ? /* @__PURE__ */ t(pe, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ t(Ve, { size: 16 }), onClick: () => h(!0), children: I ? "Connect to MCP Server" : "Environment Variables & Integration Guide" }) : void 0, children: [
+    /* @__PURE__ */ d(q, { spacing: 3, children: [
+      /* @__PURE__ */ d(ae.Section, { children: [
+        /* @__PURE__ */ t(ae.Subheader, { children: "MCP Server" }),
+        A ? /* @__PURE__ */ t(Ke, { variant: "outlined", children: /* @__PURE__ */ d(Ye, { sx: {
+          position: "relative"
+        }, children: [
+          _ && /* @__PURE__ */ t(we, { title: "View MCP proxy", placement: "top", arrow: !0, children: /* @__PURE__ */ t(Qe, { size: "small", color: "primary", onClick: () => l(_), "aria-label": `View MCP proxy ${A.name ?? W} in the organization`, sx: {
+            position: "absolute",
+            top: 8,
+            right: 8
+          }, children: /* @__PURE__ */ t(Mt, { size: 16 }) }) }),
+          /* @__PURE__ */ t(it, { server: A, isSelected: !1, hideCheckbox: !0 })
+        ] }) }) : /* @__PURE__ */ t($, { variant: "body2", color: "text.secondary", children: W ?? "No MCP server referenced." })
+      ] }),
+      I && G && /* @__PURE__ */ d(q, { spacing: 2, children: [
+        /* @__PURE__ */ d(q, { direction: "row", spacing: 2, alignItems: "center", children: [
+          /* @__PURE__ */ t($, { id: a, variant: "body2", color: "text.secondary", children: "Environment" }),
+          /* @__PURE__ */ t(qt, { size: "small", sx: {
+            minWidth: 260
+          }, children: /* @__PURE__ */ t(Yt, { id: o, labelId: a, value: f, onChange: (M) => b(M.target.value), children: D.map((M) => /* @__PURE__ */ t(Qt, { value: M, children: P.find((Y) => Y.name === M)?.displayName ?? M }, M)) }) })
+        ] }),
+        /* @__PURE__ */ t(Un, { orgName: n, projName: e, agentName: i, configId: s, envName: f })
+      ] })
+    ] }),
+    ve
+  ] });
+};
+function Gn(n) {
+  if (!n) return "";
+  try {
+    return decodeURIComponent(n);
+  } catch {
+    return n;
+  }
+}
+function On(n) {
+  return n?.proxyName ?? n?.proxyId ?? n?.mcpProxyName ?? n?.mcpProxyId ?? n?.providerName;
+}
+function Wn(n) {
+  return n?.enabled === !1 || n?.apiKey?.enabled === !1 ? void 0 : n?.apiKey?.key?.trim() || "X-API-Key";
+}
+function Fn(n) {
+  return /url/i.test(n) ? "Base URL of the MCP server endpoint" : /api[-_]?key/i.test(n) ? "API key for authenticating with the MCP server endpoint" : n.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase());
+}
+function Hn(n) {
+  const e = n.find((r) => /url/i.test(r.key))?.name ?? "MCP_SERVER_URL", i = n.find((r) => /api[-_]?key/i.test(r.key))?.name ?? "MCP_SERVER_API_KEY";
+  return ["import os", "from typing import Any", "from langchain_mcp_adapters.client import MultiServerMCPClient", "", `raw_urls = os.environ.get("${e}", "")`, 'mcp_server_urls = [url.strip() for url in raw_urls.split(",") if url.strip()]', `mcp_api_key = os.environ.get("${i}", "").strip()`, "", "server_configs: dict[str, dict[str, Any]] = {", '    f"mcp_server_{i}": {', '        "url": url,', '        "transport": "streamable_http",', '        "headers": {', '            "API-Key": mcp_api_key,', '            "Authorization": "",', "        },", "    }", "    for i, url in enumerate(mcp_server_urls)", "} if mcp_server_urls and mcp_api_key else {}", "", "mcp_client = MultiServerMCPClient(server_configs)", "tools = await mcp_client.get_tools()"].join(`
+`);
+}
+const ci = {
+  title: "Configure",
+  description: "A page component for Configure Agent",
+  icon: Nn,
+  path: "/configure",
+  component: _n
+};
+export {
+  ai as AddLLMProviderComponent,
+  _n as ConfigureComponent,
+  lt as ProviderDisplay,
+  li as ViewLLMProviderComponent,
+  si as ViewMCPServerComponent,
+  ci as metaData
+};