@wso2/am-core-ui 0.0.19 → 0.0.20

package/dist/index-COt7nJIf.js

@@ -1,2286 +0,0 @@
-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
-};