@wso2/am-core-ui 0.0.17 → 0.0.19

package/dist/index-COt7nJIf.js

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