@wso2/am-core-ui 0.0.18 → 0.0.20

package/dist/index-B7Pf4oPq.js

@@ -0,0 +1,3069 @@
+import { jsxs as v, jsx as n, Fragment as Ln } from "react/jsx-runtime";
+import { c as Ce } from "react/compiler-runtime";
+import { useParams as Ae, generatePath as Ne, useNavigate as Vt, useSearchParams as aa, Route as De, Routes as ia } from "react-router-dom";
+import { C as la, g as Se, cK as oa, cL as sa, P as It, aA as yr, aB as ca, y as Tn, Y as da, Z as ma, G as xr, aa as pa, ab as ua, t as kr, D as _r, s as Ar, a4 as ha, x as $t, cM as cr, aH as fa, a$ as dr, $ as ga, cN as mr, aG as Er, u as ya, K as va, be as An } from "./index-ByEInFlf.js";
+import { Form as w, Typography as U, Box as J, Divider as $n, TextField as ge, Alert as Ie, Collapse as Te, Card as wr, CardContent as Vr, Button as Ee, DialogContent as ba, DialogTitle as Na, DialogActions as Sa, Dialog as Ca, FormHelperText as En, FormControl as sr, MenuItem as wt, CircularProgress as Lt, Stack as ne, Select as wn, SearchBar as Ir, ListingTable as Vn, Tabs as Lr, Tooltip as In, Chip as Mt, Tab as Tr, Avatar as $r, IconButton as pr, AccordionSummary as Mr, AccordionDetails as Dr, Accordion as Rr, FormControlLabel as vr, Checkbox as br, Skeleton as Nr } from "@wso2/oxygen-ui";
+import "@tanstack/react-query";
+import { useState as oe, useRef as Ur, useMemo as _e, useCallback as xe, useEffect as $e } from "react";
+import { FileCode as Pa, Package as xa, CheckCircle as ka, Circle as ur, Plus as Me, DoorClosedLocked as _a, Link as hr, Search as zr, ExternalLink as Or, Check as jr, ChevronDown as Wr, Trash2 as Fr, Zap as Aa, Hash as Ea, Coins as wa, Info as Va, ServerCog as Ia, Copy as La, Rocket as Ta, UserPlus as $a } from "@wso2/oxygen-ui-icons-react";
+import { o as Tt, c as Sr, b as ir, s as se, u as Ma, _ as Da, l as Br, r as Ra, n as Ua, a as za } from "./schemas-DFScWdSL.js";
+import { P as Oa } from "./PolicyListSection-D6aVSKwP.js";
+import { f as ja } from "./formatDistanceToNow-DyjnT7l9.js";
+import { L as fr } from "./LabelChips-7rA7_yre.js";
+import { C as Wa } from "./CatalogKindListing-DvUuZEpc.js";
+const Cr = (t) => {
+  const e = Ce(18), {
+    type: r,
+    title: a,
+    subheader: s,
+    icon: l,
+    onClick: g
+  } = t;
+  let d;
+  e[0] !== g || e[1] !== r ? (d = () => {
+    g(r);
+  }, e[0] = g, e[1] = r, e[2] = d) : d = e[2];
+  const f = d;
+  let m;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    width: 450,
+    py: 2
+  }, e[3] = m) : m = e[3];
+  let b;
+  e[4] !== a ? (b = /* @__PURE__ */ n(U, { width: "100%", variant: "h4", textAlign: "center", children: a }), e[4] = a, e[5] = b) : b = e[5];
+  let i;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "flex-end",
+    height: 250,
+    mb: 10
+  }, e[6] = i) : i = e[6];
+  let c;
+  e[7] !== l ? (c = /* @__PURE__ */ n(J, { sx: i, children: l }), e[7] = l, e[8] = c) : c = e[8];
+  let o;
+  e[9] !== s ? (o = /* @__PURE__ */ n(U, { variant: "body2", textAlign: "center", children: s }), e[9] = s, e[10] = o) : o = e[10];
+  let u;
+  e[11] !== c || e[12] !== o ? (u = /* @__PURE__ */ v(w.CardContent, { children: [
+    c,
+    o
+  ] }), e[11] = c, e[12] = o, e[13] = u) : u = e[13];
+  let h;
+  return e[14] !== f || e[15] !== b || e[16] !== u ? (h = /* @__PURE__ */ v(w.CardButton, { onClick: f, sx: m, children: [
+    b,
+    u
+  ] }), e[14] = f, e[15] = b, e[16] = u, e[17] = h) : h = e[17], h;
+}, Fa = (t) => {
+  const e = Ce(20), {
+    onSelect: r
+  } = t, {
+    orgId: a,
+    projectId: s
+  } = Ae(), l = a ?? "default", g = s ?? "default";
+  let d;
+  e[0] !== l || e[1] !== g ? (d = {
+    orgName: l,
+    projName: g
+  }, e[0] = l, e[1] = g, e[2] = d) : d = e[2];
+  const {
+    data: f
+  } = la(d);
+  let m;
+  e[3] !== r ? (m = (M) => {
+    r(M);
+  }, e[3] = r, e[4] = m) : m = e[4];
+  const b = m, i = !!(f?.agents?.length && f?.agents?.length > 0);
+  let c;
+  e: {
+    if (!i) {
+      c = void 0;
+      break e;
+    }
+    const M = a ?? "", k = s ?? "default";
+    let $;
+    e[5] !== M || e[6] !== k ? ($ = Ne(Se.children.org.children.projects.path, {
+      orgId: M,
+      projectId: k
+    }), e[5] = M, e[6] = k, e[7] = $) : $ = e[7], c = $;
+  }
+  const o = c;
+  let u;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ n(oa, { width: 150 }), e[8] = u) : u = e[8];
+  let h;
+  e[9] !== b ? (h = /* @__PURE__ */ n(Cr, { type: "existing", title: "Externally-Hosted Agent", subheader: "Connect an existing agent running outside the platform and enable observability and governance.", icon: u, onClick: b }), e[9] = b, e[10] = h) : h = e[10];
+  let p;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ n(sa, { width: 150 }), e[11] = p) : p = e[11];
+  let y;
+  e[12] !== b ? (y = /* @__PURE__ */ n(Cr, { type: "new", title: "Platform-Hosted Agent", subheader: "Deploy and manage agents with full lifecycle support, including built-in CI/CD, scaling, observability, and governance.", icon: p, onClick: b }), e[12] = b, e[13] = y) : y = e[13];
+  let C;
+  e[14] !== h || e[15] !== y ? (C = /* @__PURE__ */ v(J, { display: "flex", flexDirection: "row", gap: 3, width: 1, children: [
+    h,
+    y
+  ] }), e[14] = h, e[15] = y, e[16] = C) : C = e[16];
+  let P;
+  return e[17] !== o || e[18] !== C ? (P = /* @__PURE__ */ n(It, { title: "Add a New Agent", description: "Choose how you want to get started. You can deploy an agent on the platform or register an agent that already runs elsewhere.", disableIcon: !0, backHref: o, backLabel: "Back to Projects Home", children: C }), e[17] = o, e[18] = C, e[19] = P) : P = e[19], P;
+}, Ba = (t) => {
+  const e = Ce(12), {
+    onSelect: r
+  } = t, {
+    orgId: a,
+    projectId: s
+  } = Ae();
+  let l;
+  e[0] !== r ? (l = (p) => {
+    r(p);
+  }, e[0] = r, e[1] = l) : l = e[1];
+  const g = l, d = a ?? "", f = s ?? "default";
+  let m;
+  e[2] !== d || e[3] !== f ? (m = Ne(Se.children.org.children.projects.path, {
+    orgId: d,
+    projectId: f
+  }), e[2] = d, e[3] = f, e[4] = m) : m = e[4];
+  const b = m;
+  let i;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+    type: "source",
+    title: "Source Code",
+    subheader: "Provide agent source code from project repository",
+    icon: /* @__PURE__ */ n(Pa, { size: 56 })
+  }, e[5] = i) : i = e[5];
+  let c;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (c = [i, {
+    type: "catalog",
+    title: "Agent Catalog",
+    subheader: "Pick an Agent Kind from Agent Catalog",
+    icon: /* @__PURE__ */ n(xa, { size: 56 })
+  }], e[6] = c) : c = e[6];
+  const o = c;
+  let u;
+  e[7] !== g ? (u = /* @__PURE__ */ n(J, { display: "flex", flexDirection: "row", gap: 3, flexWrap: "wrap", children: o.map((p) => /* @__PURE__ */ v(w.CardButton, { onClick: () => g(p.type), sx: {
+    minHeight: 152,
+    px: 3,
+    py: 2,
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: 3,
+    textAlign: "left"
+  }, children: [
+    /* @__PURE__ */ n(J, { sx: {
+      height: 112,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0
+    }, children: p.icon }),
+    /* @__PURE__ */ v(J, { display: "flex", flexDirection: "column", gap: 1, alignItems: "flex-start", children: [
+      /* @__PURE__ */ n(U, { variant: "h3", textAlign: "left", children: p.title }),
+      /* @__PURE__ */ n(U, { variant: "body1", textAlign: "left", sx: {
+        maxWidth: 260
+      }, children: p.subheader })
+    ] })
+  ] }, p.type)) }), e[7] = g, e[8] = u) : u = e[8];
+  let h;
+  return e[9] !== b || e[10] !== u ? (h = /* @__PURE__ */ n(It, { title: "Create a Platform-Hosted Agent", description: "Pick a source type for the agent", disableIcon: !0, backHref: b, backLabel: "Back to Agents", children: u }), e[9] = b, e[10] = u, e[11] = h) : h = e[11], h;
+}, Gr = {
+  displayName: se().trim().min(1, "Name is required").min(3, "Name must be at least 3 characters").max(100, "Name must be at most 100 characters"),
+  name: se().trim().max(50, "Name must be at most 50 characters"),
+  description: se().trim().optional(),
+  // Per-entry validation is enforced inline by LabelsEditor (mirroring the
+  // backend rules), so the schema only constrains the overall shape.
+  labels: Ra(se(), se()).optional()
+}, Ga = Tt({
+  ...Gr,
+  deploymentType: Br("existing").optional()
+}), Kr = Tt({
+  ...Gr,
+  deploymentType: Br("new").optional(),
+  enableAutoInstrumentation: ir().default(!0),
+  // instrumentationVersion is a plain string; the dropdown is populated
+  // dynamically from the agent-build-options endpoint and the server is
+  // the authoritative gate. nullable for the case where no AMP-provided
+  // instrumentation is available for the chosen Python version.
+  instrumentationVersion: se().trim().nullable().optional(),
+  repositoryUrl: se().trim().min(1, "Repository URL is required").url("Must be a valid URL"),
+  branch: se().trim().min(1, "Branch is required"),
+  appPath: se().trim().min(1, "App path is required").refine((t) => t.startsWith("/"), {
+    message: "App path must start with /"
+  }).refine((t) => !/\.\./.test(t), {
+    message: "Path traversal is not allowed"
+  }).refine((t) => /^\/[A-Za-z0-9._\-/]*$/.test(t), {
+    message: "App path can only contain letters, numbers, ., _, -, and /"
+  }).refine((t) => t === "/" ? !0 : !t.endsWith("/"), {
+    message: "App path must be a valid path (use / for root directory)"
+  }),
+  gitSecretRef: se().trim().optional(),
+  runCommand: se().trim().optional(),
+  language: se().trim().min(1, "Language is required"),
+  languageVersion: se().trim().optional(),
+  dockerfilePath: se().trim().optional(),
+  interfaceType: Da(["DEFAULT", "CUSTOM"]),
+  port: Ma([Ua(), se(), za()]).transform((t) => {
+    if (!(t === "" || t === null || t === void 0))
+      return typeof t == "string" ? Number(t) : t;
+  }).optional(),
+  basePath: se().trim().optional(),
+  openApiPath: se().trim().optional(),
+  env: Sr(Tt({
+    key: se().trim().min(1, "Environment variable key is required").max(64, "Environment variable key must be at most 64 characters").regex(/^[A-Za-z_][A-Za-z0-9_]*$/, "Env keys must match /^[A-Za-z_][A-Za-z0-9_]*$/").optional(),
+    value: se().trim().max(2048, "Environment variable value must be at most 2048 characters").optional(),
+    isSensitive: ir().default(!1)
+  })).max(50, "A maximum of 50 environment variables is allowed"),
+  files: Sr(Tt({
+    key: se().trim().min(1, "File name is required").max(253, "File name must be at most 253 characters").optional(),
+    mountPath: se().trim().min(1, "Mount path is required").refine((t) => !t || t.startsWith("/"), {
+      message: "Mount path must be an absolute path (start with /)"
+    }).refine((t) => !t || !t.includes(".."), {
+      message: "Path traversal (..) is not allowed"
+    }).refine((t) => !t || /^\/[A-Za-z0-9._\-/]*$/.test(t), {
+      message: "Mount path contains invalid characters"
+    }).optional(),
+    value: se().max(1048576, "File content must be at most 1MB").optional(),
+    isSensitive: ir().default(!1)
+  })).max(20, "A maximum of 20 file mounts is allowed")
+}).refine((t) => !(t.interfaceType === "CUSTOM" && !t.port), {
+  message: "Port is required when using custom interface",
+  path: ["port"]
+}).refine((t) => !(t.interfaceType === "CUSTOM" && t.port !== void 0 && (!Number.isInteger(t.port) || t.port < 1 || t.port > 65535)), {
+  message: "Port must be between 1 and 65535",
+  path: ["port"]
+}).refine((t) => !(t.interfaceType === "CUSTOM" && !t.basePath), {
+  message: "Base path is required when using custom interface",
+  path: ["basePath"]
+}).refine((t) => !(t.interfaceType === "CUSTOM" && !t.openApiPath), {
+  message: "OpenAPI spec path is required when using custom interface",
+  path: ["openApiPath"]
+}).refine((t) => !(t.language === "python" && !t.runCommand?.trim()), {
+  message: "Start Command is required for Python agents",
+  path: ["runCommand"]
+}).refine((t) => !(t.language === "python" && !t.languageVersion?.trim()), {
+  message: "Python version is required for Python agents",
+  path: ["languageVersion"]
+}).refine((t) => !(t.language === "docker" && !t.dockerfilePath?.trim()), {
+  message: "Dockerfile path is required for Docker agents",
+  path: ["dockerfilePath"]
+}).refine((t) => !(t.language === "docker" && t.dockerfilePath?.trim() && !t.dockerfilePath.startsWith("/")), {
+  message: "Dockerfile path must start with /",
+  path: ["dockerfilePath"]
+}), Ka = [{
+  label: "Chat Agent",
+  description: "Standard chat interface with /chat endpoint on port 8000",
+  default: !0,
+  value: "DEFAULT"
+}, {
+  label: "Custom API Agent",
+  description: "Custom HTTP API with user-specified OpenAPI specification and port configuration",
+  default: !1,
+  value: "CUSTOM"
+}], qa = (t) => {
+  const e = Ce(57), {
+    formData: r,
+    setFormData: a,
+    errors: s,
+    setFieldError: l,
+    validateField: g
+  } = t;
+  let d;
+  e[0] !== l || e[1] !== a || e[2] !== g ? (d = (q, H) => {
+    let X = null;
+    if (a((ae) => (X = {
+      ...ae,
+      [q]: H
+    }, X)), X) {
+      const ae = g(q, H, X);
+      l(q, ae);
+    }
+  }, e[0] = l, e[1] = a, e[2] = g, e[3] = d) : d = e[3];
+  const f = d;
+  let m;
+  e[4] !== l || e[5] !== a || e[6] !== g ? (m = (q) => {
+    a((H) => ({
+      ...H,
+      interfaceType: q,
+      ...q === "DEFAULT" ? {
+        openApiPath: "",
+        port: "",
+        basePath: "/"
+      } : {}
+    })), a((H) => {
+      const X = g("interfaceType", q, H);
+      if (l("interfaceType", X), q === "CUSTOM") {
+        const ae = g("port", H.port, H);
+        l("port", ae);
+        const de = g("openApiPath", H.openApiPath, H);
+        l("openApiPath", de);
+        const ce = g("basePath", H.basePath, H);
+        l("basePath", ce);
+      } else
+        l("port", void 0), l("openApiPath", void 0), l("basePath", void 0);
+      return H;
+    });
+  }, e[4] = l, e[5] = a, e[6] = g, e[7] = m) : m = e[7];
+  const b = m;
+  let i;
+  e[8] !== f ? (i = (q) => {
+    const H = q.target.value;
+    /^\d*$/.test(H) && f("port", H === "" ? "" : Number(H));
+  }, e[8] = f, e[9] = i) : i = e[9];
+  const c = i;
+  let o, u;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ n(w.Subheader, { children: "Agent Type" }), u = /* @__PURE__ */ n(U, { variant: "body2", color: "text.secondary", children: "How your agent receives requests" }), e[10] = o, e[11] = u) : (o = e[10], u = e[11]);
+  let h;
+  e[12] !== r.interfaceType || e[13] !== b ? (h = Ka.map((q) => /* @__PURE__ */ n(w.CardButton, { onClick: () => b(q.value), selected: r.interfaceType === q.value, sx: {
+    maxWidth: 500,
+    flexGrow: 1
+  }, children: /* @__PURE__ */ n(w.CardContent, { sx: {
+    height: "100%"
+  }, children: /* @__PURE__ */ v(J, { display: "flex", flexDirection: "row", alignItems: "center", height: "100%", gap: 1, children: [
+    /* @__PURE__ */ n(J, { children: r.interfaceType === q.value ? /* @__PURE__ */ n(ka, { size: 16 }) : /* @__PURE__ */ n(ur, { size: 16 }) }),
+    /* @__PURE__ */ n($n, { orientation: "vertical", flexItem: !0 }),
+    /* @__PURE__ */ v(J, { children: [
+      /* @__PURE__ */ n(U, { variant: "h6", children: q.label }),
+      /* @__PURE__ */ n(U, { variant: "caption", children: q.description })
+    ] })
+  ] }) }) }, q.value)), e[12] = r.interfaceType, e[13] = b, e[14] = h) : h = e[14];
+  let p;
+  e[15] !== h ? (p = /* @__PURE__ */ n(J, { display: "flex", flexDirection: "row", gap: 1, children: h }), e[15] = h, e[16] = p) : p = e[16];
+  const y = r.interfaceType === "DEFAULT";
+  let C;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ n("strong", { children: "POST /chat" }), e[17] = C) : C = e[17];
+  let P, M;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ n("strong", { children: "8000" }), M = /* @__PURE__ */ n("br", {}), e[18] = P, e[19] = M) : (P = e[18], M = e[19]);
+  let k, $;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ n("code", { children: "{message: string, session_id: string, context: JSON}" }), $ = /* @__PURE__ */ n("br", {}), e[20] = k, e[21] = $) : (k = e[20], $ = e[21]);
+  let E;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ v(Ie, { severity: "info", children: [
+    "Uses the standard chat interface: ",
+    C,
+    " on port ",
+    P,
+    M,
+    "Request:",
+    " ",
+    k,
+    $,
+    "Response: ",
+    /* @__PURE__ */ n("code", { children: "{response: string}" })
+  ] }), e[22] = E) : E = e[22];
+  let V;
+  e[23] !== y ? (V = /* @__PURE__ */ n(Te, { in: y, children: E }), e[23] = y, e[24] = V) : V = e[24];
+  const L = r.interfaceType === "CUSTOM", O = r.openApiPath || "";
+  let B;
+  e[25] !== f ? (B = (q) => f("openApiPath", q.target.value), e[25] = f, e[26] = B) : B = e[26];
+  const A = !!s.openApiPath, F = s.openApiPath || "Path to OpenAPI schema file in your repository";
+  let R;
+  e[27] !== O || e[28] !== B || e[29] !== A || e[30] !== F ? (R = /* @__PURE__ */ n(J, { display: "flex", flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ n(w.ElementWrapper, { label: "OpenAPI Spec Path", name: "openApiPath", children: /* @__PURE__ */ n(ge, { id: "openApiPath", placeholder: "/openapi.yaml", required: !0, value: O, onChange: B, error: A, helperText: F, fullWidth: !0 }) }) }), e[27] = O, e[28] = B, e[29] = A, e[30] = F, e[31] = R) : R = e[31];
+  const G = r.port ?? "", K = !!s.port, j = s.port || (r.port ? void 0 : "Port is required");
+  let x;
+  e[32] !== c || e[33] !== G || e[34] !== K || e[35] !== j ? (x = /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(w.ElementWrapper, { label: "Port", name: "port", children: /* @__PURE__ */ n(ge, { id: "port", placeholder: "8080", required: !0, value: G, onChange: c, type: "number", error: K, helperText: j }) }) }), e[32] = c, e[33] = G, e[34] = K, e[35] = j, e[36] = x) : x = e[36];
+  let I;
+  e[37] !== R || e[38] !== x ? (I = /* @__PURE__ */ v(w.Stack, { direction: "row", spacing: 2, children: [
+    R,
+    x
+  ] }), e[37] = R, e[38] = x, e[39] = I) : I = e[39];
+  const S = r.basePath || "";
+  let W;
+  e[40] !== f ? (W = (q) => f("basePath", q.target.value), e[40] = f, e[41] = W) : W = e[41];
+  const Y = !!s.basePath, T = s.basePath || "API base path (e.g., / or /api/v1)";
+  let N;
+  e[42] !== S || e[43] !== W || e[44] !== Y || e[45] !== T ? (N = /* @__PURE__ */ n(w.ElementWrapper, { label: "Base Path", name: "basePath", children: /* @__PURE__ */ n(ge, { id: "basePath", placeholder: "/", required: !0, value: S, onChange: W, error: Y, helperText: T, fullWidth: !0 }) }), e[42] = S, e[43] = W, e[44] = Y, e[45] = T, e[46] = N) : N = e[46];
+  let _;
+  e[47] !== I || e[48] !== N ? (_ = /* @__PURE__ */ v(w.Stack, { spacing: 2, children: [
+    I,
+    N
+  ] }), e[47] = I, e[48] = N, e[49] = _) : _ = e[49];
+  let D;
+  e[50] !== L || e[51] !== _ ? (D = /* @__PURE__ */ n(Te, { in: L, children: _ }), e[50] = L, e[51] = _, e[52] = D) : D = e[52];
+  let Z;
+  return e[53] !== V || e[54] !== D || e[55] !== p ? (Z = /* @__PURE__ */ v(w.Section, { children: [
+    o,
+    u,
+    /* @__PURE__ */ v(w.Stack, { spacing: 2, children: [
+      p,
+      V,
+      D
+    ] })
+  ] }), e[53] = V, e[54] = D, e[55] = p, e[56] = Z) : Z = e[56], Z;
+}, qr = ({
+  formData: t,
+  setFormData: e,
+  llmReservedNames: r = /* @__PURE__ */ new Set(),
+  lockedKeys: a = /* @__PURE__ */ new Set(),
+  hideAdd: s = !1
+}) => {
+  const l = t.env || [], g = l.some((i) => !i?.key || !i?.value), d = () => {
+    e((i) => ({
+      ...i,
+      env: [...i.env || [], {
+        key: "",
+        value: "",
+        isSensitive: !1
+      }]
+    }));
+  }, f = (i) => {
+    e((c) => ({
+      ...c,
+      env: c.env?.filter((o, u) => u !== i) || []
+    }));
+  }, m = (i, c, o) => {
+    e((u) => ({
+      ...u,
+      env: u.env?.map((h, p) => p === i ? {
+        ...h,
+        [c]: o
+      } : h) || []
+    }));
+  }, b = (i, c) => {
+    e((o) => {
+      const u = o.env || [];
+      return u.length > 0 ? {
+        ...o,
+        env: u.map((h, p) => p === 0 ? {
+          ...h,
+          [i]: c
+        } : h)
+      } : {
+        ...o,
+        env: [{
+          key: i === "key" ? c : "",
+          value: i === "value" ? c : "",
+          isSensitive: i === "isSensitive" ? c : !1
+        }]
+      };
+    });
+  };
+  return /* @__PURE__ */ n(wr, { variant: "outlined", children: /* @__PURE__ */ v(Vr, { children: [
+    /* @__PURE__ */ n(J, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: /* @__PURE__ */ n(U, { variant: "h5", children: s ? "Environment Variables" : "Environment Variables (Optional)" }) }),
+    /* @__PURE__ */ n(J, { display: "flex", flexDirection: "column", py: 2, gap: 2, children: l.length ? l.map((i, c) => {
+      const o = new Set(l.flatMap((p, y) => y !== c && p.key ? [p.key] : [])), u = !!i.key && a.has(i.key), h = i.key && r.has(i.key) ? "Already used as an LLM provider variable" : i.key && o.has(i.key) ? "Duplicate key" : void 0;
+      return /* @__PURE__ */ n(yr, { index: c, keyValue: i.key || "", valueValue: i.value || "", isSensitive: i.isSensitive || !1, onKeyChange: (p) => m(c, "key", p), onValueChange: (p) => m(c, "value", p), onSensitiveChange: (p) => m(c, "isSensitive", p), onRemove: u ? () => {
+      } : () => f(c), keyDisabled: u, keyError: h }, `env-${c}`);
+    }) : /* @__PURE__ */ n(yr, { index: 0, keyValue: l?.[0]?.key || "", valueValue: l?.[0]?.value || "", isSensitive: l?.[0]?.isSensitive || !1, onKeyChange: (i) => b("key", i), onValueChange: (i) => b("value", i), onSensitiveChange: (i) => b("isSensitive", i), onRemove: () => f(0), keyError: l?.[0]?.key && r.has(l[0].key) ? "Already used as an LLM provider variable" : void 0 }, "env-0") }),
+    !s && /* @__PURE__ */ n(Ee, { startIcon: /* @__PURE__ */ n(Me, { fontSize: "small" }), disabled: g, variant: "outlined", color: "primary", size: "small", onClick: d, children: "Add" })
+  ] }) });
+}, Yr = (t) => {
+  const e = Ce(24), {
+    formData: r,
+    setFormData: a
+  } = t;
+  let s;
+  e[0] !== r.files ? (s = r.files || [], e[0] = r.files, e[1] = s) : s = e[1];
+  const l = s;
+  let g;
+  e[2] !== l ? (g = l.some(Ya), e[2] = l, e[3] = g) : g = e[3];
+  const d = g;
+  let f;
+  e[4] !== a ? (f = () => {
+    a(Za);
+  }, e[4] = a, e[5] = f) : f = e[5];
+  const m = f;
+  let b;
+  e[6] !== a ? (b = (M) => {
+    a((k) => ({
+      ...k,
+      files: k.files?.filter(($, E) => E !== M) || []
+    }));
+  }, e[6] = a, e[7] = b) : b = e[7];
+  const i = b;
+  let c;
+  e[8] !== a ? (c = (M, k, $) => {
+    a((E) => ({
+      ...E,
+      files: E.files?.map((V, L) => L === M ? {
+        ...V,
+        [k]: $
+      } : V) || []
+    }));
+  }, e[8] = a, e[9] = c) : c = e[9];
+  const o = c;
+  let u;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ n(J, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: /* @__PURE__ */ n(U, { variant: "h5", children: "File Mounts (Optional)" }) }), e[10] = u) : u = e[10];
+  let h;
+  e[11] !== l || e[12] !== o || e[13] !== i ? (h = l.map((M, k) => {
+    const $ = new Set(l.flatMap((V, L) => L !== k && V.key ? [V.key] : [])), E = M.key && $.has(M.key) ? "Duplicate file name" : void 0;
+    return /* @__PURE__ */ n(ca, { index: k, keyValue: M.key || "", mountPathValue: M.mountPath || "", contentValue: M.value || "", isSensitive: M.isSensitive || !1, onKeyChange: (V) => o(k, "key", V), onMountPathChange: (V) => o(k, "mountPath", V), onContentChange: (V) => o(k, "value", V), onSensitiveChange: (V) => o(k, "isSensitive", V), onRemove: () => i(k), keyError: E }, `file-${k}`);
+  }), e[11] = l, e[12] = o, e[13] = i, e[14] = h) : h = e[14];
+  let p;
+  e[15] !== h ? (p = /* @__PURE__ */ n(J, { display: "flex", flexDirection: "column", py: 2, gap: 2, children: h }), e[15] = h, e[16] = p) : p = e[16];
+  let y;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(Me, { fontSize: "small" }), e[17] = y) : y = e[17];
+  let C;
+  e[18] !== m || e[19] !== d ? (C = /* @__PURE__ */ n(Ee, { startIcon: y, disabled: d, variant: "outlined", color: "primary", size: "small", onClick: m, children: "Add File" }), e[18] = m, e[19] = d, e[20] = C) : C = e[20];
+  let P;
+  return e[21] !== C || e[22] !== p ? (P = /* @__PURE__ */ n(wr, { variant: "outlined", children: /* @__PURE__ */ v(Vr, { children: [
+    u,
+    p,
+    C
+  ] }) }), e[21] = C, e[22] = p, e[23] = P) : P = e[23], P;
+};
+function Ya(t) {
+  return !t?.key || !t?.mountPath;
+}
+function Za(t) {
+  return {
+    ...t,
+    files: [...t.files || [], {
+      key: "",
+      mountPath: "",
+      value: "",
+      isSensitive: !1
+    }]
+  };
+}
+const Ha = Tt({
+  name: se().trim().min(1, "Name is required").min(2, "Name must be at least 2 characters").max(25, "Name must be at most 25 characters").refine((t) => /^[a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9]$/.test(t) || t.length === 1, {
+    message: "Name must start and end with alphanumeric characters"
+  }),
+  username: se().trim().min(1, "Username is required"),
+  password: se().min(1, "Password/PAT is required")
+}), lr = {
+  name: "",
+  username: "",
+  password: ""
+}, Qa = (t) => {
+  const e = Ce(59), {
+    open: r,
+    onClose: a,
+    onSecretCreated: s
+  } = t, {
+    orgId: l
+  } = Ae(), [g, d] = oe(lr), {
+    errors: f,
+    validateForm: m,
+    clearErrors: b,
+    clearFieldError: i
+  } = Tn(Ha), {
+    mutate: c,
+    isPending: o,
+    error: u,
+    reset: h
+  } = da();
+  let p;
+  e[0] !== i ? (p = (q, H) => {
+    d((X) => ({
+      ...X,
+      [q]: H
+    })), i(q);
+  }, e[0] = i, e[1] = p) : p = e[1];
+  const y = p;
+  let C;
+  e[2] !== c || e[3] !== g || e[4] !== s || e[5] !== l || e[6] !== m ? (C = () => {
+    m(g) && c({
+      params: {
+        orgName: l
+      },
+      body: {
+        name: g.name.trim(),
+        type: "basic-auth",
+        credentials: {
+          username: g.username.trim(),
+          password: g.password
+        }
+      }
+    }, {
+      onSuccess: () => {
+        s(g.name.trim()), d(lr);
+      }
+    });
+  }, e[2] = c, e[3] = g, e[4] = s, e[5] = l, e[6] = m, e[7] = C) : C = e[7];
+  const P = C;
+  let M;
+  e[8] !== b || e[9] !== o || e[10] !== a || e[11] !== h ? (M = () => {
+    o || (d(lr), b(), h(), a());
+  }, e[8] = b, e[9] = o, e[10] = a, e[11] = h, e[12] = M) : M = e[12];
+  const k = M;
+  let $;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ n(Na, { children: "Create Git Secret" }), e[13] = $) : $ = e[13];
+  let E, V;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+    mt: 1
+  }, V = /* @__PURE__ */ n(U, { variant: "body2", color: "text.secondary", children: "Create a secret to authenticate with private Git repositories. This secret will be available for all projects in your organization." }), e[14] = E, e[15] = V) : (E = e[14], V = e[15]);
+  let L;
+  e[16] !== u ? (L = !!u && /* @__PURE__ */ n(Ie, { severity: "error", children: "Failed to create git secret. Please try again." }), e[16] = u, e[17] = L) : L = e[17];
+  let O;
+  e[18] !== y ? (O = (q) => y("name", q.target.value), e[18] = y, e[19] = O) : O = e[19];
+  const B = !!f.name, A = f.name || "A unique name for this secret";
+  let F;
+  e[20] !== g.name || e[21] !== A || e[22] !== O || e[23] !== B ? (F = /* @__PURE__ */ n(w.ElementWrapper, { label: "Secret Name", name: "name", children: /* @__PURE__ */ n(ge, { id: "name", placeholder: "e.g., my-github-pat", value: g.name, onChange: O, error: B, helperText: A, fullWidth: !0 }) }), e[20] = g.name, e[21] = A, e[22] = O, e[23] = B, e[24] = F) : F = e[24];
+  let R;
+  e[25] !== y ? (R = (q) => y("username", q.target.value), e[25] = y, e[26] = R) : R = e[26];
+  const G = !!f.username, K = f.username || "Your Git username";
+  let j;
+  e[27] !== g.username || e[28] !== R || e[29] !== G || e[30] !== K ? (j = /* @__PURE__ */ n(w.ElementWrapper, { label: "Username", name: "username", children: /* @__PURE__ */ n(ge, { id: "username", placeholder: "e.g., your-github-username", value: g.username, onChange: R, error: G, helperText: K, fullWidth: !0 }) }), e[27] = g.username, e[28] = R, e[29] = G, e[30] = K, e[31] = j) : j = e[31];
+  let x;
+  e[32] !== y ? (x = (q) => y("password", q.target.value), e[32] = y, e[33] = x) : x = e[33];
+  const I = !!f.password, S = f.password || "Your personal access token (PAT) with repo access";
+  let W;
+  e[34] !== g.password || e[35] !== x || e[36] !== I || e[37] !== S ? (W = /* @__PURE__ */ n(w.ElementWrapper, { label: "Personal Access Token", name: "password", children: /* @__PURE__ */ n(ge, { id: "password", placeholder: "ghp_xxxxxxxxxxxx", type: "password", value: g.password, onChange: x, error: I, helperText: S, fullWidth: !0 }) }), e[34] = g.password, e[35] = x, e[36] = I, e[37] = S, e[38] = W) : W = e[38];
+  let Y;
+  e[39] !== F || e[40] !== j || e[41] !== W || e[42] !== L ? (Y = /* @__PURE__ */ n(ba, { children: /* @__PURE__ */ v(w.Stack, { spacing: 3, sx: E, children: [
+    V,
+    L,
+    F,
+    j,
+    W
+  ] }) }), e[39] = F, e[40] = j, e[41] = W, e[42] = L, e[43] = Y) : Y = e[43];
+  let T;
+  e[44] !== k || e[45] !== o ? (T = /* @__PURE__ */ n(Ee, { onClick: k, disabled: o, children: "Cancel" }), e[44] = k, e[45] = o, e[46] = T) : T = e[46];
+  const N = o ? "Creating..." : "Create Secret";
+  let _;
+  e[47] !== P || e[48] !== o || e[49] !== N ? (_ = /* @__PURE__ */ n(Ee, { variant: "contained", onClick: P, disabled: o, children: N }), e[47] = P, e[48] = o, e[49] = N, e[50] = _) : _ = e[50];
+  let D;
+  e[51] !== T || e[52] !== _ ? (D = /* @__PURE__ */ v(Sa, { children: [
+    T,
+    _
+  ] }), e[51] = T, e[52] = _, e[53] = D) : D = e[53];
+  let Z;
+  return e[54] !== k || e[55] !== r || e[56] !== Y || e[57] !== D ? (Z = /* @__PURE__ */ v(Ca, { open: r, onClose: k, maxWidth: "sm", fullWidth: !0, children: [
+    $,
+    Y,
+    D
+  ] }), e[54] = k, e[55] = r, e[56] = Y, e[57] = D, e[58] = Z) : Z = e[58], Z;
+}, Xa = (t) => {
+  const e = Ce(35), {
+    formData: r,
+    handleFieldChange: a,
+    errors: s
+  } = t, {
+    orgId: l
+  } = Ae(), [g, d] = oe(!1);
+  let f;
+  e[0] !== l ? (f = {
+    orgName: l
+  }, e[0] = l, e[1] = f) : f = e[1];
+  let m;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    limit: 100
+  }, e[2] = m) : m = e[2];
+  const {
+    data: b,
+    isLoading: i,
+    refetch: c
+  } = ma(f, m);
+  let o;
+  e[3] !== b?.secrets ? (o = b?.secrets || [], e[3] = b?.secrets, e[4] = o) : o = e[4];
+  const u = o;
+  let h;
+  e[5] !== a ? (h = (G) => {
+    const K = G.target.value;
+    if (K === "__create_new__") {
+      d(!0);
+      return;
+    }
+    a("gitSecretRef", K || void 0);
+  }, e[5] = a, e[6] = h) : h = e[6];
+  const p = h;
+  let y;
+  e[7] !== a || e[8] !== c ? (y = (G) => {
+    a("gitSecretRef", G), c(), d(!1);
+  }, e[7] = a, e[8] = c, e[9] = y) : y = e[9];
+  const C = y, P = !!s.gitSecretRef, M = r.gitSecretRef || "";
+  let k;
+  e[10] !== i ? (k = i ? /* @__PURE__ */ n(Lt, { size: 20, sx: {
+    mr: 1
+  } }) : void 0, e[10] = i, e[11] = k) : k = e[11];
+  let $;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ n(wt, { value: "", children: /* @__PURE__ */ n("em", { children: "Public Repo (None)" }) }), e[12] = $) : $ = e[12];
+  let E;
+  e[13] !== u ? (E = u.map(Ja), e[13] = u, e[14] = E) : E = e[14];
+  let V;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ n(wt, { value: "__create_new__", children: /* @__PURE__ */ n(ne, { direction: "row", spacing: 1, alignItems: "center", children: /* @__PURE__ */ n(Ee, { variant: "text", size: "small", startIcon: /* @__PURE__ */ n(Me, { size: 16 }), sx: {
+    textTransform: "none",
+    p: 0
+  }, children: "Create new git secret" }) }) }), e[15] = V) : V = e[15];
+  let L;
+  e[16] !== p || e[17] !== i || e[18] !== E || e[19] !== M || e[20] !== k ? (L = /* @__PURE__ */ v(wn, { id: "gitSecretRef", value: M, onChange: p, displayEmpty: !0, disabled: i, startAdornment: k, children: [
+    $,
+    E,
+    V
+  ] }), e[16] = p, e[17] = i, e[18] = E, e[19] = M, e[20] = k, e[21] = L) : L = e[21];
+  let O;
+  e[22] !== s.gitSecretRef ? (O = s.gitSecretRef ? /* @__PURE__ */ n(En, { error: !0, children: s.gitSecretRef }) : /* @__PURE__ */ n(En, { children: "Select a git secret for private repository authentication" }), e[22] = s.gitSecretRef, e[23] = O) : O = e[23];
+  let B;
+  e[24] !== L || e[25] !== O || e[26] !== P ? (B = /* @__PURE__ */ n(w.ElementWrapper, { label: "Git Secret (Optional)", name: "gitSecretRef", children: /* @__PURE__ */ v(sr, { fullWidth: !0, error: P, children: [
+    L,
+    O
+  ] }) }), e[24] = L, e[25] = O, e[26] = P, e[27] = B) : B = e[27];
+  let A;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (A = () => d(!1), e[28] = A) : A = e[28];
+  let F;
+  e[29] !== C || e[30] !== g ? (F = /* @__PURE__ */ n(Qa, { open: g, onClose: A, onSecretCreated: C }), e[29] = C, e[30] = g, e[31] = F) : F = e[31];
+  let R;
+  return e[32] !== B || e[33] !== F ? (R = /* @__PURE__ */ v(Ln, { children: [
+    B,
+    F
+  ] }), e[32] = B, e[33] = F, e[34] = R) : R = e[34], R;
+};
+function Ja(t) {
+  return /* @__PURE__ */ n(wt, { value: t.name, children: /* @__PURE__ */ n(U, { children: t.name }) }, t.name);
+}
+function ei(t) {
+  return t?.length ? [...t].sort((e, r) => new Date(r.deployedAt ?? 0).getTime() - new Date(e.deployedAt ?? 0).getTime())[0] ?? null : null;
+}
+function ti(t) {
+  return t < 0.01 ? `$${t.toFixed(6)}` : `$${t.toFixed(2)}`;
+}
+function or(t, e) {
+  if (!e) return "";
+  const a = {
+    minute: "min",
+    hour: "hr",
+    day: "day"
+  }[e.toLowerCase()] ?? e;
+  return t && t !== 1 ? `${t} ${a}` : a;
+}
+const ni = (t) => {
+  const e = Ce(26), {
+    rateLimiting: r
+  } = t;
+  if (!r) {
+    let p;
+    return e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ v(U, { variant: "caption", color: "text.secondary", children: [
+      "Rate Limiting: ",
+      /* @__PURE__ */ n(U, { component: "span", variant: "body2", color: "text.disabled", children: "Not configured" })
+    ] }), e[0] = p) : p = e[0], p;
+  }
+  const a = r.consumerLevel, s = r.providerLevel, l = a?.globalEnabled ?? !1, g = l && (a?.request != null || a?.token != null || a?.cost != null);
+  if (!l && !s?.globalEnabled) {
+    let p;
+    return e[1] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ v(U, { variant: "caption", color: "text.secondary", children: [
+      "Rate Limiting: ",
+      /* @__PURE__ */ n(U, { component: "span", variant: "body2", color: "text.disabled", children: "Configured (disabled)" })
+    ] }), e[1] = p) : p = e[1], p;
+  }
+  const d = g ? a : s, f = !g;
+  let m;
+  if (e[2] !== d) {
+    if (m = [], d?.request) {
+      const p = or(d.request.resetDuration, d.request.resetUnit);
+      let y;
+      e[4] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(Aa, { size: 12 }), e[4] = y) : y = e[4];
+      const C = `${d.request.limit.toLocaleString()}${p ? `/${p}` : ""}`;
+      let P;
+      e[5] !== C ? (P = {
+        icon: y,
+        label: "Requests",
+        value: C
+      }, e[5] = C, e[6] = P) : P = e[6], m.push(P);
+    }
+    if (d?.token) {
+      const p = or(d.token.resetDuration, d.token.resetUnit);
+      let y;
+      e[7] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(Ea, { size: 12 }), e[7] = y) : y = e[7];
+      const C = `${d.token.limit.toLocaleString()}${p ? `/${p}` : ""}`;
+      let P;
+      e[8] !== C ? (P = {
+        icon: y,
+        label: "Tokens",
+        value: C
+      }, e[8] = C, e[9] = P) : P = e[9], m.push(P);
+    }
+    if (d?.cost) {
+      const p = or(d.cost.resetDuration, d.cost.resetUnit);
+      let y;
+      e[10] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(wa, { size: 12 }), e[10] = y) : y = e[10];
+      const C = `${ti(d.cost.limit)}${p ? `/${p}` : ""}`;
+      let P;
+      e[11] !== C ? (P = {
+        icon: y,
+        label: "Budget",
+        value: C
+      }, e[11] = C, e[12] = P) : P = e[12], m.push(P);
+    }
+    e[2] = d, e[3] = m;
+  } else
+    m = e[3];
+  const b = f ? "Your Quota (org-wide limit):" : "Your Quota:";
+  let i;
+  e[13] !== b ? (i = /* @__PURE__ */ n(U, { variant: "caption", color: "text.secondary", children: b }), e[13] = b, e[14] = i) : i = e[14];
+  let c;
+  e[15] !== f ? (c = f && /* @__PURE__ */ n(In, { title: "No per-consumer limit is configured. The org-wide provider limit applies to all consumers.", placement: "top", arrow: !0, children: /* @__PURE__ */ n(J, { component: "span", sx: {
+    display: "inline-flex",
+    alignItems: "center",
+    color: "text.secondary",
+    cursor: "default"
+  }, children: /* @__PURE__ */ n(Va, { size: 12 }) }) }), e[15] = f, e[16] = c) : c = e[16];
+  let o;
+  e[17] !== i || e[18] !== c ? (o = /* @__PURE__ */ v(ne, { direction: "row", spacing: 0.5, alignItems: "center", children: [
+    i,
+    c
+  ] }), e[17] = i, e[18] = c, e[19] = o) : o = e[19];
+  let u;
+  e[20] !== f || e[21] !== m ? (u = m.length > 0 ? /* @__PURE__ */ n(ne, { direction: "row", spacing: 0.75, flexWrap: "wrap", children: m.map((p) => {
+    const {
+      icon: y,
+      label: C,
+      value: P
+    } = p;
+    return /* @__PURE__ */ n(Mt, { icon: /* @__PURE__ */ n(J, { component: "span", sx: {
+      display: "inline-flex",
+      alignItems: "center",
+      pl: 0.5
+    }, children: y }), label: `${C}: ${P}`, size: "small", variant: "outlined", color: f ? "default" : "primary", sx: {
+      fontVariantNumeric: "tabular-nums"
+    } }, C);
+  }) }) : /* @__PURE__ */ n(U, { variant: "body2", color: "text.secondary", children: "Enabled (no numeric limits set)" }), e[20] = f, e[21] = m, e[22] = u) : u = e[22];
+  let h;
+  return e[23] !== o || e[24] !== u ? (h = /* @__PURE__ */ v(ne, { spacing: 0.5, children: [
+    o,
+    u
+  ] }), e[23] = o, e[24] = u, e[25] = h) : h = e[25], h;
+}, Zr = (t) => {
+  const e = Ce(58), {
+    provider: r,
+    isSelected: a,
+    templateInfo: s,
+    fallbackLabel: l
+  } = t, g = l === void 0 ? "Select provider" : l, d = r?.deployments;
+  let f, m, b, i, c, o, u, h, p, y, C;
+  if (e[0] !== g || e[1] !== a || e[2] !== r || e[3] !== d || e[4] !== s) {
+    const A = ei(d);
+    m = ne, p = "row", y = 2, C = 1, b = "center";
+    const F = a ? "primary.main" : "secondary.main", R = a ? "common.white" : "text.secondary";
+    let G;
+    e[16] !== F || e[17] !== R ? (G = {
+      height: 32,
+      width: 32,
+      backgroundColor: F,
+      color: R
+    }, e[16] = F, e[17] = R, e[18] = G) : G = e[18];
+    let K;
+    e[19] !== a ? (K = a ? /* @__PURE__ */ n(jr, { size: 16 }) : /* @__PURE__ */ n(ur, { size: 16 }), e[19] = a, e[20] = K) : K = e[20], e[21] !== G || e[22] !== K ? (i = /* @__PURE__ */ n($r, { sx: G, children: K }), e[21] = G, e[22] = K, e[23] = i) : i = e[23], f = ne, c = 0.25, o = 1;
+    const j = r?.name ?? g;
+    let x;
+    e[24] !== j ? (x = /* @__PURE__ */ v(U, { variant: "h6", children: [
+      j,
+      "  "
+    ] }), e[24] = j, e[25] = x) : x = e[25];
+    let I;
+    e[26] !== r || e[27] !== s ? (I = r?.template && /* @__PURE__ */ n(In, { title: "Provider template", placement: "top", arrow: !0, children: /* @__PURE__ */ n(Mt, { label: s?.displayName ?? r.template, size: "small", variant: "outlined", icon: s?.logoUrl ? /* @__PURE__ */ n(J, { component: "img", src: s.logoUrl, alt: s.displayName, sx: {
+      width: 14,
+      height: 14,
+      borderRadius: "100%"
+    } }) : void 0 }) }), e[26] = r, e[27] = s, e[28] = I) : I = e[28], e[29] !== x || e[30] !== I ? (u = /* @__PURE__ */ v(ne, { direction: "row", spacing: 0.25, alignItems: "center", children: [
+      x,
+      I
+    ] }), e[29] = x, e[30] = I, e[31] = u) : u = e[31], h = A?.deployedAt && /* @__PURE__ */ v(U, { variant: "caption", color: "text.secondary", children: [
+      "Deployed ",
+      ja(new Date(A.deployedAt), {
+        addSuffix: !0
+      })
+    ] }), e[0] = g, e[1] = a, e[2] = r, e[3] = d, e[4] = s, e[5] = f, e[6] = m, e[7] = b, e[8] = i, e[9] = c, e[10] = o, e[11] = u, e[12] = h, e[13] = p, e[14] = y, e[15] = C;
+  } else
+    f = e[5], m = e[6], b = e[7], i = e[8], c = e[9], o = e[10], u = e[11], h = e[12], p = e[13], y = e[14], C = e[15];
+  let P;
+  e[32] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ n($n, { orientation: "vertical" }), e[32] = P) : P = e[32];
+  const M = r?.rateLimiting;
+  let k;
+  e[33] !== M ? (k = /* @__PURE__ */ n(ni, { rateLimiting: M }), e[33] = M, e[34] = k) : k = e[34];
+  const $ = r?.policies?.length ? "text.primary" : "text.disabled";
+  let E;
+  e[35] !== r ? (E = r?.policies?.length ? /* @__PURE__ */ v(ne, { direction: "row", spacing: 0.25, flexWrap: "wrap", alignItems: "center", children: [
+    r.policies.slice(0, 3).map(ai),
+    r.policies.length > 3 && /* @__PURE__ */ n(In, { title: r.policies.join(", "), placement: "top", arrow: !0, children: /* @__PURE__ */ n(U, { variant: "caption", color: "text.secondary", children: ` +${r.policies.length - 3} more..` }) })
+  ] }) : "None", e[35] = r, e[36] = E) : E = e[36];
+  let V;
+  e[37] !== $ || e[38] !== E ? (V = /* @__PURE__ */ v(U, { variant: "caption", color: "text.secondary", children: [
+    "Guardrails:",
+    " ",
+    /* @__PURE__ */ n(U, { component: "span", variant: "body2", color: $, children: E })
+  ] }), e[37] = $, e[38] = E, e[39] = V) : V = e[39];
+  let L;
+  e[40] !== k || e[41] !== V ? (L = /* @__PURE__ */ v(ne, { direction: "column", spacing: 0.5, children: [
+    k,
+    V
+  ] }), e[40] = k, e[41] = V, e[42] = L) : L = e[42];
+  let O;
+  e[43] !== f || e[44] !== L || e[45] !== c || e[46] !== o || e[47] !== u || e[48] !== h ? (O = /* @__PURE__ */ v(f, { spacing: c, flexGrow: o, children: [
+    u,
+    h,
+    P,
+    L
+  ] }), e[43] = f, e[44] = L, e[45] = c, e[46] = o, e[47] = u, e[48] = h, e[49] = O) : O = e[49];
+  let B;
+  return e[50] !== m || e[51] !== b || e[52] !== i || e[53] !== O || e[54] !== p || e[55] !== y || e[56] !== C ? (B = /* @__PURE__ */ v(m, { direction: p, spacing: y, flexGrow: C, alignItems: b, children: [
+    i,
+    O
+  ] }), e[50] = m, e[51] = b, e[52] = i, e[53] = O, e[54] = p, e[55] = y, e[56] = C, e[57] = B) : B = e[57], B;
+}, At = /^[A-Za-z_][A-Za-z0-9_]*$/, ri = (t) => {
+  const e = Ce(93), {
+    entry: r,
+    index: a,
+    providers: s,
+    templateMap: l,
+    environments: g,
+    agentNameUpper: d,
+    usedVarNames: f,
+    onOpenDrawer: m,
+    onRemove: b,
+    onUpdateEntry: i
+  } = t, [c, o] = oe(0), u = g[c]?.name ?? "", h = r.selectedProviderByEnv[u]?.uuid ?? null;
+  let p;
+  e[0] !== r.selectedProviderByEnv ? (p = Object.values(r.selectedProviderByEnv).find(ii), e[0] = r.selectedProviderByEnv, e[1] = p) : p = e[1];
+  const y = p;
+  let C;
+  e[2] !== y || e[3] !== a || e[4] !== s ? (C = (y ? s.find((re) => re.uuid === y.uuid)?.name : null) ?? `LLM Provider ${a + 1}`, e[2] = y, e[3] = a, e[4] = s, e[5] = C) : C = e[5];
+  const P = C;
+  let M;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (M = (re, be) => o(be), e[6] = M) : M = e[6];
+  const k = M;
+  let $;
+  e[7] !== a || e[8] !== b ? ($ = (re) => {
+    re.stopPropagation(), b(a);
+  }, e[7] = a, e[8] = b, e[9] = $) : $ = e[9];
+  const E = $;
+  let V;
+  e[10] !== a || e[11] !== m || e[12] !== u ? (V = () => m(a, u), e[10] = a, e[11] = m, e[12] = u, e[13] = V) : V = e[13];
+  const L = V;
+  let O;
+  e[14] !== r || e[15] !== a || e[16] !== i ? (O = (re) => {
+    const be = re.target.value;
+    be !== "" && !At.test(be) || i(a, {
+      ...r,
+      urlVarName: be
+    });
+  }, e[14] = r, e[15] = a, e[16] = i, e[17] = O) : O = e[17];
+  const B = O;
+  let A;
+  e[18] !== r || e[19] !== a || e[20] !== i ? (A = (re) => {
+    const be = re.target.value;
+    be !== "" && !At.test(be) || i(a, {
+      ...r,
+      apikeyVarName: be
+    });
+  }, e[18] = r, e[19] = a, e[20] = i, e[21] = A) : A = e[21];
+  const F = A;
+  let R;
+  e[22] !== r || e[23] !== a || e[24] !== i ? (R = (re) => {
+    r.guardrails.some((we) => we.name === re.name && we.version === re.version) || i(a, {
+      ...r,
+      guardrails: [...r.guardrails, re]
+    });
+  }, e[22] = r, e[23] = a, e[24] = i, e[25] = R) : R = e[25];
+  const G = R;
+  let K;
+  e[26] !== r || e[27] !== a || e[28] !== i ? (K = (re) => {
+    i(a, {
+      ...r,
+      guardrails: r.guardrails.map((be) => be.name === re.name && be.version === re.version ? re : be)
+    });
+  }, e[26] = r, e[27] = a, e[28] = i, e[29] = K) : K = e[29];
+  const j = K;
+  let x;
+  e[30] !== r || e[31] !== a || e[32] !== i ? (x = (re, be) => {
+    i(a, {
+      ...r,
+      guardrails: r.guardrails.filter((we) => !(we.name === re && we.version === be))
+    });
+  }, e[30] = r, e[31] = a, e[32] = i, e[33] = x) : x = e[33];
+  const I = x;
+  let S;
+  e[34] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n(Wr, { size: 18 }), e[34] = S) : S = e[34];
+  const W = `llm-provider-${a}-content`, Y = `llm-provider-${a}-header`;
+  let T;
+  e[35] !== P ? (T = /* @__PURE__ */ n(U, { variant: "subtitle2", children: P }), e[35] = P, e[36] = T) : T = e[36];
+  let N;
+  e[37] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ n(Fr, { size: 16 }), e[37] = N) : N = e[37];
+  let _;
+  e[38] !== E ? (_ = /* @__PURE__ */ n(pr, { size: "small", "aria-label": "Remove LLM provider", onClick: E, children: N }), e[38] = E, e[39] = _) : _ = e[39];
+  let D;
+  e[40] !== T || e[41] !== _ ? (D = /* @__PURE__ */ v(ne, { direction: "row", alignItems: "center", justifyContent: "space-between", flexGrow: 1, pr: 1, children: [
+    T,
+    _
+  ] }), e[40] = T, e[41] = _, e[42] = D) : D = e[42];
+  let Z;
+  e[43] !== W || e[44] !== Y || e[45] !== D ? (Z = /* @__PURE__ */ n(Mr, { expandIcon: S, "aria-controls": W, id: Y, children: D }), e[43] = W, e[44] = Y, e[45] = D, e[46] = Z) : Z = e[46];
+  let q;
+  e[47] !== g || e[48] !== c ? (q = g.length > 1 && /* @__PURE__ */ n(Lr, { value: c, onChange: k, sx: {
+    mb: 1
+  }, children: g.map(li) }), e[47] = g, e[48] = c, e[49] = q) : q = e[49];
+  let H;
+  e[50] !== h || e[51] !== g || e[52] !== L || e[53] !== s || e[54] !== c || e[55] !== u || e[56] !== l ? (H = /* @__PURE__ */ n(J, { children: h ? /* @__PURE__ */ n(w.CardButton, { onClick: L, selected: !0, children: /* @__PURE__ */ n(w.CardContent, { children: /* @__PURE__ */ n(Zr, { provider: s.find((re) => re.uuid === h) ?? null, isSelected: !0, templateInfo: l.get(s.find((re) => re.uuid === h)?.template ?? "") }) }) }) : /* @__PURE__ */ v(Ee, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ n(Me, { size: 16 }), onClick: L, children: [
+    "Select Provider for ",
+    g[c]?.displayName ?? u
+  ] }) }), e[50] = h, e[51] = g, e[52] = L, e[53] = s, e[54] = c, e[55] = u, e[56] = l, e[57] = H) : H = e[57];
+  let X;
+  e[58] === Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ n(U, { variant: "subtitle2", gutterBottom: !0, children: "Environment Variables" }), e[58] = X) : X = e[58];
+  const ae = r.urlVarName ?? `${d}_${a + 1}_URL`, de = `${d}_${a + 1}_URL`;
+  let ce;
+  e[59] !== r.urlVarName || e[60] !== f ? (ce = r.urlVarName !== void 0 && !At.test(r.urlVarName) || r.urlVarName !== void 0 && f.has(r.urlVarName), e[59] = r.urlVarName, e[60] = f, e[61] = ce) : ce = e[61];
+  const me = r.urlVarName !== void 0 && !At.test(r.urlVarName) ? "Must match /^[A-Za-z_][A-Za-z0-9_]*$/" : r.urlVarName !== void 0 && f.has(r.urlVarName) ? "Name is already used by another provider" : void 0;
+  let ee;
+  e[62] !== B || e[63] !== ae || e[64] !== de || e[65] !== ce || e[66] !== me ? (ee = /* @__PURE__ */ n(w.ElementWrapper, { label: "URL variable name", name: "urlVarName", children: /* @__PURE__ */ n(ge, { size: "small", fullWidth: !0, value: ae, onChange: B, placeholder: de, error: ce, helperText: me }) }), e[62] = B, e[63] = ae, e[64] = de, e[65] = ce, e[66] = me, e[67] = ee) : ee = e[67];
+  const pe = r.apikeyVarName ?? `${d}_${a + 1}_API_KEY`, ye = `${d}_${a + 1}_API_KEY`;
+  let ie;
+  e[68] !== r.apikeyVarName || e[69] !== f ? (ie = r.apikeyVarName !== void 0 && !At.test(r.apikeyVarName) || r.apikeyVarName !== void 0 && f.has(r.apikeyVarName), e[68] = r.apikeyVarName, e[69] = f, e[70] = ie) : ie = e[70];
+  const le = r.apikeyVarName !== void 0 && !At.test(r.apikeyVarName) ? "Must match /^[A-Za-z_][A-Za-z0-9_]*$/" : r.apikeyVarName !== void 0 && f.has(r.apikeyVarName) ? "Name is already used by another provider" : void 0;
+  let ke;
+  e[71] !== F || e[72] !== pe || e[73] !== ye || e[74] !== ie || e[75] !== le ? (ke = /* @__PURE__ */ n(w.ElementWrapper, { label: "API key variable name", name: "apikeyVarName", children: /* @__PURE__ */ n(ge, { size: "small", fullWidth: !0, value: pe, onChange: F, placeholder: ye, error: ie, helperText: le }) }), e[71] = F, e[72] = pe, e[73] = ye, e[74] = ie, e[75] = le, e[76] = ke) : ke = e[76];
+  let ue;
+  e[77] !== ee || e[78] !== ke ? (ue = /* @__PURE__ */ v(J, { children: [
+    X,
+    /* @__PURE__ */ v(ne, { direction: "row", spacing: 2, children: [
+      ee,
+      ke
+    ] })
+  ] }), e[77] = ee, e[78] = ke, e[79] = ue) : ue = e[79];
+  let ve;
+  e[80] !== r.guardrails || e[81] !== G || e[82] !== j || e[83] !== I ? (ve = /* @__PURE__ */ n(Oa, { 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: r.guardrails, onAdd: G, onEdit: j, onRemove: I }), e[80] = r.guardrails, e[81] = G, e[82] = j, e[83] = I, e[84] = ve) : ve = e[84];
+  let he;
+  e[85] !== q || e[86] !== H || e[87] !== ue || e[88] !== ve ? (he = /* @__PURE__ */ n(Dr, { children: /* @__PURE__ */ v(ne, { spacing: 3, children: [
+    q,
+    H,
+    ue,
+    ve
+  ] }) }), e[85] = q, e[86] = H, e[87] = ue, e[88] = ve, e[89] = he) : he = e[89];
+  let Pe;
+  return e[90] !== Z || e[91] !== he ? (Pe = /* @__PURE__ */ v(Rr, { defaultExpanded: !0, children: [
+    Z,
+    he
+  ] }), e[90] = Z, e[91] = he, e[92] = Pe) : Pe = e[92], Pe;
+}, Hr = ({
+  llmProviders: t,
+  setLLMProviders: e,
+  agentDisplayName: r,
+  initialEnvironmentName: a,
+  isInitialEnvironmentLoading: s = !1,
+  externalEnvKeys: l = /* @__PURE__ */ new Set()
+}) => {
+  const {
+    orgId: g
+  } = Ae(), [d, f] = oe(null), [m, b] = oe(""), [i, c] = oe(!1), [o, u] = oe(""), [h, p] = oe(""), y = Ur(null), C = Vt(), {
+    data: P = [],
+    isLoading: M
+  } = xr({
+    orgName: g
+  }), k = _e(() => a ? P.filter((T) => T.name === a) : [], [P, a]), $ = m ? P.find((T) => T.name === m)?.id : void 0, {
+    data: E,
+    isLoading: V
+  } = pa({
+    orgName: g
+  }, {
+    limit: 50,
+    environmentId: $
+  }), {
+    data: L,
+    isLoading: O
+  } = ua({
+    orgName: g
+  }), B = V || O, A = _e(() => {
+    const T = /* @__PURE__ */ new Map();
+    for (const N of L?.templates ?? [])
+      T.set(N.name, {
+        displayName: N.name,
+        logoUrl: N.metadata?.logoUrl
+      }), T.set(N.id, {
+        displayName: N.name,
+        logoUrl: N.metadata?.logoUrl
+      });
+    return T;
+  }, [L]), F = _e(() => (E?.entries ?? []).map((T) => ({
+    uuid: T.uuid,
+    id: T.handle,
+    name: T.name,
+    version: T.version,
+    template: T.template,
+    deployments: T.deployments ?? [],
+    security: T.security,
+    rateLimiting: T.rateLimiting,
+    policies: T.policies ?? []
+  })), [E]), R = r ? r.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", G = d !== null ? t[d]?.selectedProviderByEnv[m]?.uuid ?? null : null, K = xe((T, N) => {
+    f(T), b(N), c(!0);
+  }, []), j = xe(() => {
+    const T = k[0]?.name;
+    T && (f(null), b(T), c(!0));
+  }, [k]), x = xe(() => {
+    y.current && (clearTimeout(y.current), y.current = null), c(!1), u(""), p("");
+  }, []), I = xe((T, N) => {
+    e((_) => {
+      if (d === null) {
+        if (k.length === 0) return _;
+        const D = {};
+        for (const q of k)
+          D[q.name] = {
+            uuid: T,
+            handle: N
+          };
+        const Z = _.length;
+        return [..._, {
+          selectedProviderByEnv: D,
+          urlVarName: `${R}_${Z + 1}_URL`,
+          apikeyVarName: `${R}_${Z + 1}_API_KEY`,
+          guardrails: []
+        }];
+      } else {
+        const D = [..._], Z = D[d];
+        return Z ? (D[d] = {
+          ...Z,
+          selectedProviderByEnv: {
+            ...Z.selectedProviderByEnv,
+            [m]: {
+              uuid: T,
+              handle: N
+            }
+          }
+        }, D) : _;
+      }
+    }), y.current && (clearTimeout(y.current), y.current = null), c(!1), u(""), p("");
+  }, [d, m, k, R, e]), S = xe((T) => {
+    e((N) => N.filter((_, D) => D !== T));
+  }, [e]), W = xe((T, N) => {
+    e((_) => {
+      const D = [..._];
+      return D[T] = N, D;
+    });
+  }, [e]), Y = xe((T) => {
+    const N = T.target.value;
+    u(N), y.current && clearTimeout(y.current), y.current = setTimeout(() => p(N), 250);
+  }, []);
+  return /* @__PURE__ */ v(w.Section, { children: [
+    /* @__PURE__ */ n(w.Subheader, { children: "LLM Providers (Optional)" }),
+    /* @__PURE__ */ v(ne, { spacing: 1, children: [
+      t.map((T, N) => {
+        const _ = /* @__PURE__ */ new Set([...t.flatMap((D, Z) => Z === N ? [] : [D.urlVarName ?? `${R}_${Z + 1}_URL`, D.apikeyVarName ?? `${R}_${Z + 1}_API_KEY`]), ...Array.from(l)]);
+        return /* @__PURE__ */ n(ri, { entry: T, index: N, providers: F, templateMap: A, environments: k, agentNameUpper: R, usedVarNames: _, onOpenDrawer: K, onRemove: S, onUpdateEntry: W }, N);
+      }),
+      /* @__PURE__ */ n(J, { sx: {
+        pt: t.length > 0 ? 1 : 0
+      }, children: /* @__PURE__ */ n(Ee, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ n(Me, { size: 16 }), onClick: j, disabled: M || s || V || k.length === 0, children: "Add" }) })
+    ] }),
+    /* @__PURE__ */ v(kr, { open: i, onClose: x, minWidth: 740, maxWidth: 740, children: [
+      /* @__PURE__ */ n(_r, { icon: /* @__PURE__ */ n(_a, { size: 24 }), title: "Select Provider", onClose: x }),
+      /* @__PURE__ */ n(Ar, { children: /* @__PURE__ */ v(ne, { children: [
+        /* @__PURE__ */ n(U, { variant: "body2", color: "text.secondary", sx: {
+          mb: 1
+        }, children: d === null ? "Select a provider for this LLM configuration." : "Change the provider for this LLM configuration." }),
+        /* @__PURE__ */ n(Ir, { placeholder: "Search providers", size: "small", fullWidth: !0, value: o, onChange: Y, sx: {
+          mb: 1
+        } }),
+        /* @__PURE__ */ n(ne, { spacing: 1, sx: {
+          flex: 1,
+          overflowY: "auto"
+        }, children: B ? /* @__PURE__ */ n(J, { sx: {
+          display: "flex",
+          justifyContent: "center",
+          py: 4
+        }, children: /* @__PURE__ */ n(Lt, { size: 32 }) }) : (() => {
+          const T = F.filter((N) => {
+            if (!h.trim()) return !0;
+            const _ = h.toLowerCase();
+            return N.name.toLowerCase().includes(_) || (N.template ?? "").toLowerCase().includes(_) || (A.get(N.template ?? "")?.displayName ?? "").toLowerCase().includes(_);
+          });
+          if (T.length === 0) {
+            const N = !!h.trim();
+            return /* @__PURE__ */ n(Vn.Container, { children: /* @__PURE__ */ n(Vn.EmptyState, { illustration: /* @__PURE__ */ n(zr, { size: 64 }), title: N ? "No LLM Service Providers match your search" : "No LLM Service Providers available", description: N ? "Try a different keyword or clear the search filter." : "No LLM Service Providers found in the catalog. Add LLM service providers from the organization LLM Service Providers page first.", action: !N && g ? /* @__PURE__ */ n(Ee, { variant: "contained", size: "small", startIcon: /* @__PURE__ */ n(hr, { size: 16 }), onClick: () => C(Ne(Se.children.org.children.llmProviders.children.add.path, {
+              orgId: g
+            })), children: "Add LLM Service Provider" }) : void 0 }) });
+          }
+          return T.map((N) => {
+            const _ = G === N.uuid, D = () => I(N.uuid, N.id);
+            return /* @__PURE__ */ n(w.CardButton, { onClick: D, selected: _, "aria-label": `${N.name}. ${_ ? "Selected" : "Click to select"}`, children: /* @__PURE__ */ n(w.CardContent, { children: /* @__PURE__ */ n(Zr, { provider: N, isSelected: _, templateInfo: A.get(N.template ?? "") }) }) }, N.uuid);
+          });
+        })() }),
+        g && /* @__PURE__ */ v(Ln, { children: [
+          /* @__PURE__ */ n($n, { sx: {
+            mt: 2
+          } }),
+          /* @__PURE__ */ v(J, { component: "a", href: Ne(Se.children.org.children.llmProviders.children.add.path, {
+            orgId: g
+          }), 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__ */ n(Me, { size: 16 }),
+            /* @__PURE__ */ n(U, { variant: "body2", color: "primary", children: "Add LLM Provider" }),
+            /* @__PURE__ */ n(Or, { size: 14 })
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+function ai(t) {
+  return /* @__PURE__ */ n(Mt, { label: t, size: "small", variant: "outlined" }, t);
+}
+function ii(t) {
+  return t != null;
+}
+function li(t, e) {
+  return /* @__PURE__ */ n(Tr, { label: t.displayName ?? t.name, value: e }, t.name);
+}
+const Qr = (t) => {
+  const e = Ce(26), {
+    proxy: r,
+    isSelected: a,
+    fallbackLabel: s
+  } = t, l = s === void 0 ? "Select MCP proxy" : s, g = a ? "primary.main" : "secondary.main", d = a ? "common.white" : "text.secondary";
+  let f;
+  e[0] !== g || e[1] !== d ? (f = {
+    height: 32,
+    width: 32,
+    backgroundColor: g,
+    color: d
+  }, e[0] = g, e[1] = d, e[2] = f) : f = e[2];
+  let m;
+  e[3] !== a ? (m = a ? /* @__PURE__ */ n(jr, { size: 16 }) : /* @__PURE__ */ n(ur, { size: 16 }), e[3] = a, e[4] = m) : m = e[4];
+  let b;
+  e[5] !== f || e[6] !== m ? (b = /* @__PURE__ */ n($r, { sx: f, children: m }), e[5] = f, e[6] = m, e[7] = b) : b = e[7];
+  const i = r?.name ?? l;
+  let c;
+  e[8] !== i ? (c = /* @__PURE__ */ v(U, { variant: "h6", children: [
+    i,
+    "  "
+  ] }), e[8] = i, e[9] = c) : c = e[9];
+  let o;
+  e[10] !== r ? (o = r?.version && /* @__PURE__ */ n(Mt, { label: `v${r.version}`, size: "small", variant: "outlined" }), e[10] = r, e[11] = o) : o = e[11];
+  let u;
+  e[12] !== r ? (u = r?.status && /* @__PURE__ */ n(Mt, { label: r.status, size: "small", variant: "outlined", color: r.status === "deployed" ? "success" : "default" }), e[12] = r, e[13] = u) : u = e[13];
+  let h;
+  e[14] !== u || e[15] !== c || e[16] !== o ? (h = /* @__PURE__ */ v(ne, { direction: "row", spacing: 0.5, alignItems: "center", children: [
+    c,
+    o,
+    u
+  ] }), e[14] = u, e[15] = c, e[16] = o, e[17] = h) : h = e[17];
+  let p;
+  e[18] !== r ? (p = r?.description && /* @__PURE__ */ n(U, { variant: "caption", color: "text.secondary", children: r.description }), e[18] = r, e[19] = p) : p = e[19];
+  let y;
+  e[20] !== h || e[21] !== p ? (y = /* @__PURE__ */ v(ne, { spacing: 0.25, flexGrow: 1, children: [
+    h,
+    p
+  ] }), e[20] = h, e[21] = p, e[22] = y) : y = e[22];
+  let C;
+  return e[23] !== y || e[24] !== b ? (C = /* @__PURE__ */ v(ne, { direction: "row", spacing: 2, flexGrow: 1, alignItems: "center", children: [
+    b,
+    y
+  ] }), e[23] = y, e[24] = b, e[25] = C) : C = e[25], C;
+}, Et = /^[A-Za-z_][A-Za-z0-9_]*$/, oi = (t) => {
+  const e = Ce(70), {
+    entry: r,
+    index: a,
+    proxies: s,
+    environments: l,
+    agentNameUpper: g,
+    usedVarNames: d,
+    onOpenDrawer: f,
+    onRemove: m,
+    onUpdateEntry: b
+  } = t, [i, c] = oe(0), o = l[i]?.name ?? "", u = l[i]?.displayName ?? o, h = r.selectedProxyByEnv[o]?.id ?? null, p = r.urlVarName !== void 0 && r.urlVarName === r.apikeyVarName;
+  let y;
+  e[0] !== r.selectedProxyByEnv ? (y = Object.values(r.selectedProxyByEnv).find(si), e[0] = r.selectedProxyByEnv, e[1] = y) : y = e[1];
+  const P = y?.name ?? `MCP Proxy ${a + 1}`;
+  let M;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (M = (ie, le) => c(le), e[2] = M) : M = e[2];
+  const k = M;
+  let $;
+  e[3] !== a || e[4] !== m ? ($ = (ie) => {
+    ie.stopPropagation(), m(a);
+  }, e[3] = a, e[4] = m, e[5] = $) : $ = e[5];
+  const E = $;
+  let V;
+  e[6] !== a || e[7] !== f || e[8] !== o ? (V = () => f(a, o), e[6] = a, e[7] = f, e[8] = o, e[9] = V) : V = e[9];
+  const L = V;
+  let O;
+  e[10] !== r || e[11] !== a || e[12] !== b ? (O = (ie) => {
+    const le = ie.target.value;
+    le !== "" && !Et.test(le) || b(a, {
+      ...r,
+      urlVarName: le
+    });
+  }, e[10] = r, e[11] = a, e[12] = b, e[13] = O) : O = e[13];
+  const B = O;
+  let A;
+  e[14] !== r || e[15] !== a || e[16] !== b ? (A = (ie) => {
+    const le = ie.target.value;
+    le !== "" && !Et.test(le) || b(a, {
+      ...r,
+      apikeyVarName: le
+    });
+  }, e[14] = r, e[15] = a, e[16] = b, e[17] = A) : A = e[17];
+  const F = A;
+  let R;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n(Wr, { size: 18 }), e[18] = R) : R = e[18];
+  const G = `mcp-proxy-${a}-content`, K = `mcp-proxy-${a}-header`;
+  let j;
+  e[19] !== P ? (j = /* @__PURE__ */ n(U, { variant: "subtitle2", children: P }), e[19] = P, e[20] = j) : j = e[20];
+  let x;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ n(Fr, { size: 16 }), e[21] = x) : x = e[21];
+  let I;
+  e[22] !== E ? (I = /* @__PURE__ */ n(pr, { size: "small", "aria-label": "Remove MCP proxy", onClick: E, children: x }), e[22] = E, e[23] = I) : I = e[23];
+  let S;
+  e[24] !== j || e[25] !== I ? (S = /* @__PURE__ */ v(ne, { direction: "row", alignItems: "center", justifyContent: "space-between", flexGrow: 1, pr: 1, children: [
+    j,
+    I
+  ] }), e[24] = j, e[25] = I, e[26] = S) : S = e[26];
+  let W;
+  e[27] !== S || e[28] !== G || e[29] !== K ? (W = /* @__PURE__ */ n(Mr, { expandIcon: R, "aria-controls": G, id: K, children: S }), e[27] = S, e[28] = G, e[29] = K, e[30] = W) : W = e[30];
+  let Y;
+  e[31] !== l || e[32] !== i ? (Y = l.length > 1 && /* @__PURE__ */ n(Lr, { value: i, onChange: k, sx: {
+    mb: 1
+  }, children: l.map(ci) }), e[31] = l, e[32] = i, e[33] = Y) : Y = e[33];
+  let T;
+  e[34] !== h || e[35] !== L || e[36] !== s || e[37] !== u ? (T = /* @__PURE__ */ n(J, { children: h ? /* @__PURE__ */ n(w.CardButton, { onClick: L, selected: !0, children: /* @__PURE__ */ n(w.CardContent, { children: /* @__PURE__ */ n(Qr, { proxy: s.find((ie) => ie.id === h) ?? null, isSelected: !0 }) }) }) : /* @__PURE__ */ v(Ee, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ n(Me, { size: 16 }), onClick: L, children: [
+    "Select MCP Proxy for ",
+    u
+  ] }) }), e[34] = h, e[35] = L, e[36] = s, e[37] = u, e[38] = T) : T = e[38];
+  let N;
+  e[39] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ n(U, { variant: "subtitle2", gutterBottom: !0, children: "Environment Variables" }), e[39] = N) : N = e[39];
+  const _ = r.urlVarName ?? `${g}_MCP_${a + 1}_URL`, D = `${g}_MCP_${a + 1}_URL`;
+  let Z;
+  e[40] !== r.urlVarName || e[41] !== p || e[42] !== d ? (Z = r.urlVarName !== void 0 && !Et.test(r.urlVarName) || r.urlVarName !== void 0 && d.has(r.urlVarName) || p, e[40] = r.urlVarName, e[41] = p, e[42] = d, e[43] = Z) : Z = e[43];
+  const q = r.urlVarName !== void 0 && !Et.test(r.urlVarName) ? "Must match /^[A-Za-z_][A-Za-z0-9_]*$/" : r.urlVarName !== void 0 && d.has(r.urlVarName) ? "Name is already used by another config" : p ? "URL and API key variable names must be different" : void 0;
+  let H;
+  e[44] !== B || e[45] !== _ || e[46] !== D || e[47] !== Z || e[48] !== q ? (H = /* @__PURE__ */ n(w.ElementWrapper, { label: "URL variable name", name: "urlVarName", children: /* @__PURE__ */ n(ge, { size: "small", fullWidth: !0, value: _, onChange: B, placeholder: D, error: Z, helperText: q }) }), e[44] = B, e[45] = _, e[46] = D, e[47] = Z, e[48] = q, e[49] = H) : H = e[49];
+  const X = r.apikeyVarName ?? `${g}_MCP_${a + 1}_API_KEY`, ae = `${g}_MCP_${a + 1}_API_KEY`;
+  let de;
+  e[50] !== r.apikeyVarName || e[51] !== p || e[52] !== d ? (de = r.apikeyVarName !== void 0 && !Et.test(r.apikeyVarName) || r.apikeyVarName !== void 0 && d.has(r.apikeyVarName) || p, e[50] = r.apikeyVarName, e[51] = p, e[52] = d, e[53] = de) : de = e[53];
+  const ce = r.apikeyVarName !== void 0 && !Et.test(r.apikeyVarName) ? "Must match /^[A-Za-z_][A-Za-z0-9_]*$/" : r.apikeyVarName !== void 0 && d.has(r.apikeyVarName) ? "Name is already used by another config" : p ? "URL and API key variable names must be different" : void 0;
+  let me;
+  e[54] !== F || e[55] !== X || e[56] !== ae || e[57] !== de || e[58] !== ce ? (me = /* @__PURE__ */ n(w.ElementWrapper, { label: "API key variable name", name: "apikeyVarName", children: /* @__PURE__ */ n(ge, { size: "small", fullWidth: !0, value: X, onChange: F, placeholder: ae, error: de, helperText: ce }) }), e[54] = F, e[55] = X, e[56] = ae, e[57] = de, e[58] = ce, e[59] = me) : me = e[59];
+  let ee;
+  e[60] !== H || e[61] !== me ? (ee = /* @__PURE__ */ v(J, { children: [
+    N,
+    /* @__PURE__ */ v(ne, { direction: "row", spacing: 2, children: [
+      H,
+      me
+    ] })
+  ] }), e[60] = H, e[61] = me, e[62] = ee) : ee = e[62];
+  let pe;
+  e[63] !== Y || e[64] !== T || e[65] !== ee ? (pe = /* @__PURE__ */ n(Dr, { children: /* @__PURE__ */ v(ne, { spacing: 3, children: [
+    Y,
+    T,
+    ee
+  ] }) }), e[63] = Y, e[64] = T, e[65] = ee, e[66] = pe) : pe = e[66];
+  let ye;
+  return e[67] !== W || e[68] !== pe ? (ye = /* @__PURE__ */ v(Rr, { defaultExpanded: !0, children: [
+    W,
+    pe
+  ] }), e[67] = W, e[68] = pe, e[69] = ye) : ye = e[69], ye;
+}, Xr = ({
+  mcpProxies: t,
+  setMCPProxies: e,
+  agentDisplayName: r,
+  initialEnvironmentName: a,
+  isInitialEnvironmentLoading: s = !1,
+  externalEnvKeys: l = /* @__PURE__ */ new Set()
+}) => {
+  const {
+    orgId: g
+  } = Ae(), [d, f] = oe(null), [m, b] = oe(""), [i, c] = oe(!1), [o, u] = oe(""), [h, p] = oe(""), y = Ur(null), C = Vt(), {
+    data: P = [],
+    isLoading: M
+  } = xr({
+    orgName: g
+  }), k = _e(() => a ? P.filter((x) => x.name === a) : [], [P, a]), {
+    data: $,
+    isLoading: E
+  } = ha({
+    orgName: g
+  }, {
+    limit: 50
+  }), V = _e(() => ($?.list ?? []).flatMap((x) => x.id ? [{
+    id: x.id,
+    name: x.name ?? x.id,
+    version: x.version,
+    description: x.description,
+    status: x.status
+  }] : []), [$]), L = r ? r.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", O = d !== null ? t[d]?.selectedProxyByEnv[m]?.id ?? null : null, B = xe((x, I) => {
+    f(x), b(I), c(!0);
+  }, []), A = xe(() => {
+    const x = k[0]?.name;
+    x && (f(null), b(x), c(!0));
+  }, [k]), F = xe(() => {
+    y.current && (clearTimeout(y.current), y.current = null), c(!1), u(""), p("");
+  }, []), R = xe((x, I) => {
+    e((S) => {
+      if (d === null) {
+        if (k.length === 0) return S;
+        const W = {};
+        for (const T of k)
+          W[T.name] = {
+            id: x,
+            name: I
+          };
+        const Y = S.length;
+        return [...S, {
+          selectedProxyByEnv: W,
+          urlVarName: `${L}_MCP_${Y + 1}_URL`,
+          apikeyVarName: `${L}_MCP_${Y + 1}_API_KEY`
+        }];
+      } else {
+        const W = [...S], Y = W[d];
+        return Y ? (W[d] = {
+          ...Y,
+          selectedProxyByEnv: {
+            ...Y.selectedProxyByEnv,
+            [m]: {
+              id: x,
+              name: I
+            }
+          }
+        }, W) : S;
+      }
+    }), y.current && (clearTimeout(y.current), y.current = null), c(!1), u(""), p("");
+  }, [d, m, k, L, e]), G = xe((x) => {
+    e((I) => I.filter((S, W) => W !== x));
+  }, [e]), K = xe((x, I) => {
+    e((S) => {
+      const W = [...S];
+      return W[x] = I, W;
+    });
+  }, [e]), j = xe((x) => {
+    const I = x.target.value;
+    u(I), y.current && clearTimeout(y.current), y.current = setTimeout(() => p(I), 250);
+  }, []);
+  return /* @__PURE__ */ v(w.Section, { children: [
+    /* @__PURE__ */ n(w.Subheader, { children: "MCP Proxies (Optional)" }),
+    /* @__PURE__ */ v(ne, { spacing: 1, children: [
+      t.map((x, I) => {
+        const S = /* @__PURE__ */ new Set([...t.flatMap((W, Y) => Y === I ? [] : [W.urlVarName ?? `${L}_MCP_${Y + 1}_URL`, W.apikeyVarName ?? `${L}_MCP_${Y + 1}_API_KEY`]), ...Array.from(l)]);
+        return /* @__PURE__ */ n(oi, { entry: x, index: I, proxies: V, environments: k, agentNameUpper: L, usedVarNames: S, onOpenDrawer: B, onRemove: G, onUpdateEntry: K }, I);
+      }),
+      /* @__PURE__ */ n(J, { sx: {
+        pt: t.length > 0 ? 1 : 0
+      }, children: /* @__PURE__ */ n(Ee, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ n(Me, { size: 16 }), onClick: A, disabled: M || s || E || k.length === 0, children: "Add" }) })
+    ] }),
+    /* @__PURE__ */ v(kr, { open: i, onClose: F, minWidth: 740, maxWidth: 740, children: [
+      /* @__PURE__ */ n(_r, { icon: /* @__PURE__ */ n(Ia, { size: 24 }), title: "Select MCP Proxy", onClose: F }),
+      /* @__PURE__ */ n(Ar, { children: /* @__PURE__ */ v(ne, { children: [
+        /* @__PURE__ */ n(U, { variant: "body2", color: "text.secondary", sx: {
+          mb: 1
+        }, children: d === null ? "Select an MCP proxy for this configuration." : "Change the MCP proxy for this configuration." }),
+        /* @__PURE__ */ n(Ir, { placeholder: "Search MCP proxies", size: "small", fullWidth: !0, value: o, onChange: j, sx: {
+          mb: 1
+        } }),
+        /* @__PURE__ */ n(ne, { spacing: 1, sx: {
+          flex: 1,
+          overflowY: "auto"
+        }, children: E ? /* @__PURE__ */ n(J, { sx: {
+          display: "flex",
+          justifyContent: "center",
+          py: 4
+        }, children: /* @__PURE__ */ n(Lt, { size: 32 }) }) : (() => {
+          const x = V.filter((I) => {
+            if (!h.trim()) return !0;
+            const S = h.toLowerCase();
+            return I.name.toLowerCase().includes(S) || (I.description ?? "").toLowerCase().includes(S);
+          });
+          if (x.length === 0) {
+            const I = !!h.trim();
+            return /* @__PURE__ */ n(Vn.Container, { children: /* @__PURE__ */ n(Vn.EmptyState, { illustration: /* @__PURE__ */ n(zr, { size: 64 }), title: I ? "No MCP proxies match your search" : "No MCP proxies available", description: I ? "Try a different keyword or clear the search filter." : "No MCP proxies found. Add MCP proxies from the organization MCP Proxies page first.", action: !I && g ? /* @__PURE__ */ n(Ee, { variant: "contained", size: "small", startIcon: /* @__PURE__ */ n(hr, { size: 16 }), onClick: () => C(Ne(Se.children.org.children.mcpProxies.children.add.path, {
+              orgId: g
+            })), children: "Add MCP Proxy" }) : void 0 }) });
+          }
+          return x.map((I) => {
+            const S = O === I.id, W = () => R(I.id, I.name);
+            return /* @__PURE__ */ n(w.CardButton, { onClick: W, selected: S, "aria-label": `${I.name}. ${S ? "Selected" : "Click to select"}`, children: /* @__PURE__ */ n(w.CardContent, { children: /* @__PURE__ */ n(Qr, { proxy: I, isSelected: S }) }) }, I.id);
+          });
+        })() }),
+        g && /* @__PURE__ */ v(Ln, { children: [
+          /* @__PURE__ */ n($n, { sx: {
+            mt: 2
+          } }),
+          /* @__PURE__ */ v(J, { component: "a", href: Ne(Se.children.org.children.mcpProxies.children.add.path, {
+            orgId: g
+          }), 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__ */ n(Me, { size: 16 }),
+            /* @__PURE__ */ n(U, { variant: "body2", color: "primary", children: "Add MCP Proxy" }),
+            /* @__PURE__ */ n(Or, { size: 14 })
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+function si(t) {
+  return t != null;
+}
+function ci(t, e) {
+  return /* @__PURE__ */ n(Tr, { label: t.displayName ?? t.name, value: e }, t.name);
+}
+const di = [{
+  label: "Python",
+  value: "python"
+}, {
+  label: "Ballerina",
+  value: "ballerina"
+}, {
+  label: "Docker",
+  value: "docker"
+}], Pr = `${$t.docsUrl ?? ""}${$t.instrumentationDocLinks?.manualInstrumentation ?? ""}`, mi = `${$t.docsUrl ?? ""}${$t.instrumentationDocLinks?.versionMapping ?? ""}`, pi = (t) => {
+  const e = Ce(297), {
+    formData: r,
+    setFormData: a,
+    errors: s,
+    setFieldError: l,
+    validateField: g,
+    llmProviders: d,
+    setLLMProviders: f,
+    mcpProxies: m,
+    setMCPProxies: b,
+    initialEnvironmentName: i,
+    isInitialEnvironmentLoading: c,
+    firstEnvOnlyNotice: o
+  } = t, u = c === void 0 ? !1 : c, {
+    orgId: h,
+    projectId: p
+  } = Ae(), [y, C] = oe(!1);
+  let P;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (P = async () => {
+    try {
+      await navigator.clipboard.writeText("import ballerinax/amp as _;"), C(!0), setTimeout(() => C(!1), 2e3);
+    } catch {
+    }
+  }, e[0] = P) : P = e[0];
+  const M = P, k = $t.featureFlags?.enablePrivateRepoSupport === !0;
+  let $;
+  e[1] !== h ? ($ = {
+    orgName: h
+  }, e[1] = h, e[2] = $) : $ = e[2];
+  const {
+    mutate: E,
+    isPending: V
+  } = cr($), L = h ?? "";
+  let O;
+  e[3] !== L ? (O = {
+    orgName: L
+  }, e[3] = L, e[4] = O) : O = e[4];
+  const B = fa(O), A = B.data;
+  let F;
+  e: {
+    if (!A) {
+      let te;
+      e[5] === Symbol.for("react.memo_cache_sentinel") ? (te = [], e[5] = te) : te = e[5], F = te;
+      break e;
+    }
+    const z = r.languageVersion;
+    if (!z) {
+      F = A.instrumentation.versions;
+      break e;
+    }
+    let Q;
+    if (e[6] !== A.instrumentation.versions || e[7] !== z) {
+      let te;
+      e[9] !== z ? (te = (fe) => fe.pythonVersions.includes(z), e[9] = z, e[10] = te) : te = e[10], Q = A.instrumentation.versions.filter(te), e[6] = A.instrumentation.versions, e[7] = z, e[8] = Q;
+    } else
+      Q = e[8];
+    F = Q;
+  }
+  const R = F;
+  let G, K;
+  e[11] !== A || e[12] !== a ? (G = () => {
+    if (!A)
+      return;
+    const z = new Set(A.python.supportedVersions);
+    a((Q) => {
+      const te = {
+        ...Q
+      };
+      let fe = !1;
+      return (Q.languageVersion == null || !z.has(Q.languageVersion)) && (te.languageVersion = A.python.defaultVersion, fe = !0), Q.instrumentationVersion == null && (te.instrumentationVersion = A.instrumentation.defaultVersion, fe = !0), fe ? te : Q;
+    });
+  }, K = [A, a], e[11] = A, e[12] = a, e[13] = G, e[14] = K) : (G = e[13], K = e[14]), $e(G, K);
+  let j, x;
+  e[15] !== A || e[16] !== r.instrumentationVersion || e[17] !== r.languageVersion || e[18] !== a ? (x = () => {
+    if (!A)
+      return;
+    const z = r.languageVersion;
+    if (!z)
+      return;
+    const Q = A.instrumentation.versions.filter((Ve) => Ve.pythonVersions.includes(z)), te = r.instrumentationVersion;
+    if (te != null && Q.some((Ve) => Ve.version === te))
+      return;
+    let _n = null;
+    if (Q.length > 0) {
+      const Ve = A.instrumentation.defaultVersion;
+      _n = Q.some((ar) => ar.version === Ve) ? Ve : Q[0].version;
+    }
+    a((Ve) => ({
+      ...Ve,
+      instrumentationVersion: _n
+    }));
+  }, j = [A, r.languageVersion, r.instrumentationVersion, a], e[15] = A, e[16] = r.instrumentationVersion, e[17] = r.languageVersion, e[18] = a, e[19] = j, e[20] = x) : (j = e[19], x = e[20]), $e(x, j);
+  let I;
+  e[21] !== l || e[22] !== a || e[23] !== g ? (I = (z, Q) => {
+    a((te) => {
+      const fe = {
+        ...te,
+        [z]: Q
+      }, _n = g(z, Q, fe);
+      if (l(z, _n), z === "language")
+        if (Q === "python") {
+          l("dockerfilePath", void 0);
+          const Ve = g("runCommand", fe.runCommand, fe), ar = g("languageVersion", fe.languageVersion, fe);
+          l("runCommand", Ve), l("languageVersion", ar);
+        } else if (Q === "docker") {
+          l("runCommand", void 0), l("languageVersion", void 0);
+          const Ve = g("dockerfilePath", fe.dockerfilePath, fe);
+          l("dockerfilePath", Ve);
+        } else
+          Q === "ballerina" && (l("runCommand", void 0), l("languageVersion", void 0), l("dockerfilePath", void 0));
+      return fe;
+    });
+  }, e[21] = l, e[22] = a, e[23] = g, e[24] = I) : I = e[24];
+  const S = I;
+  let W;
+  e[25] !== E || e[26] !== S || e[27] !== p ? (W = dr.debounce((z) => {
+    if (z.length < 3) {
+      S("name", "");
+      return;
+    }
+    E({
+      displayName: z,
+      resourceType: "agent",
+      projectName: p
+    }, {
+      onSuccess: (Q) => {
+        S("name", Q.name);
+      },
+      onError: ui
+    });
+  }, 500), e[25] = E, e[26] = S, e[27] = p, e[28] = W) : W = e[28];
+  const Y = W;
+  let T, N;
+  e[29] !== Y ? (T = () => () => {
+    Y.cancel();
+  }, N = [Y], e[29] = Y, e[30] = T, e[31] = N) : (T = e[30], N = e[31]), $e(T, N);
+  let _, D;
+  e[32] !== Y || e[33] !== r.displayName || e[34] !== S ? (_ = () => {
+    r.displayName && r.displayName.length >= 3 ? Y(r.displayName) : (Y.cancel(), S("name", ""));
+  }, D = [r.displayName, S, Y], e[32] = Y, e[33] = r.displayName, e[34] = S, e[35] = _, e[36] = D) : (_ = e[35], D = e[36]), $e(_, D);
+  let Z;
+  e[37] === Symbol.for("react.memo_cache_sentinel") ? (Z = /* @__PURE__ */ n(w.Subheader, { children: "Agent Details" }), e[37] = Z) : Z = e[37];
+  let q;
+  e[38] !== S ? (q = (z) => S("displayName", z.target.value), e[38] = S, e[39] = q) : q = e[39];
+  const H = !!s.displayName;
+  let X;
+  e[40] !== s.displayName || e[41] !== V ? (X = V ? /* @__PURE__ */ v(ne, { direction: "row", alignItems: "center", gap: 1, children: [
+    /* @__PURE__ */ n(Lt, { size: 12 }),
+    /* @__PURE__ */ n(U, { variant: "caption", children: "Validating name..." })
+  ] }) : s.displayName || "A name for your agent", e[40] = s.displayName, e[41] = V, e[42] = X) : X = e[42];
+  let ae;
+  e[43] !== r.displayName || e[44] !== q || e[45] !== H || e[46] !== X ? (ae = /* @__PURE__ */ n(w.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ n(ge, { id: "displayName", placeholder: "e.g., Customer Support Agent", value: r.displayName, onChange: q, error: H, helperText: X, fullWidth: !0 }) }), e[43] = r.displayName, e[44] = q, e[45] = H, e[46] = X, e[47] = ae) : ae = e[47];
+  const de = r.description || "";
+  let ce;
+  e[48] !== S ? (ce = (z) => S("description", z.target.value), e[48] = S, e[49] = ce) : ce = e[49];
+  const me = !!s.description;
+  let ee;
+  e[50] !== s.description || e[51] !== de || e[52] !== ce || e[53] !== me ? (ee = /* @__PURE__ */ n(w.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ n(ge, { id: "description", placeholder: "Short description of what this agent does", multiline: !0, minRows: 2, maxRows: 6, value: de, onChange: ce, error: me, helperText: s.description, fullWidth: !0 }) }), e[50] = s.description, e[51] = de, e[52] = ce, e[53] = me, e[54] = ee) : ee = e[54];
+  let pe;
+  e[55] !== r.labels ? (pe = r.labels ?? {}, e[55] = r.labels, e[56] = pe) : pe = e[56];
+  let ye;
+  e[57] !== S ? (ye = (z) => S("labels", z), e[57] = S, e[58] = ye) : ye = e[58];
+  let ie;
+  e[59] !== pe || e[60] !== ye ? (ie = /* @__PURE__ */ n(w.ElementWrapper, { label: "Labels (optional)", name: "labels", children: /* @__PURE__ */ n(fr, { hideTitle: !0, description: "Attach key/value labels to organize and filter agents.", value: pe, onChange: ye }) }), e[59] = pe, e[60] = ye, e[61] = ie) : ie = e[61];
+  let le;
+  e[62] !== ae || e[63] !== ee || e[64] !== ie ? (le = /* @__PURE__ */ v(w.Section, { children: [
+    Z,
+    /* @__PURE__ */ v(w.Stack, { spacing: 2, children: [
+      ae,
+      ee,
+      ie
+    ] })
+  ] }), e[62] = ae, e[63] = ee, e[64] = ie, e[65] = le) : le = e[65];
+  let ke;
+  e[66] === Symbol.for("react.memo_cache_sentinel") ? (ke = /* @__PURE__ */ n(w.Subheader, { children: "Repository Details" }), e[66] = ke) : ke = e[66];
+  let ue;
+  e[67] !== S ? (ue = (z) => S("repositoryUrl", z.target.value), e[67] = S, e[68] = ue) : ue = e[68];
+  const ve = !!s.repositoryUrl;
+  let he;
+  e[69] !== s.repositoryUrl || e[70] !== r.repositoryUrl || e[71] !== ue || e[72] !== ve ? (he = /* @__PURE__ */ n(w.ElementWrapper, { label: "GitHub Repository", name: "repositoryUrl", children: /* @__PURE__ */ n(ge, { id: "repositoryUrl", placeholder: "https://github.com/username/repo", value: r.repositoryUrl, onChange: ue, error: ve, helperText: s.repositoryUrl, fullWidth: !0 }) }), e[69] = s.repositoryUrl, e[70] = r.repositoryUrl, e[71] = ue, e[72] = ve, e[73] = he) : he = e[73];
+  let Pe;
+  e[74] !== s || e[75] !== r || e[76] !== S ? (Pe = k && /* @__PURE__ */ n(Xa, { formData: r, handleFieldChange: S, errors: s }), e[74] = s, e[75] = r, e[76] = S, e[77] = Pe) : Pe = e[77];
+  let re;
+  e[78] !== S ? (re = (z) => S("branch", z.target.value), e[78] = S, e[79] = re) : re = e[79];
+  const be = !!s.branch;
+  let we;
+  e[80] !== s.branch || e[81] !== r.branch || e[82] !== re || e[83] !== be ? (we = /* @__PURE__ */ n(w.ElementWrapper, { label: "Branch", name: "branch", children: /* @__PURE__ */ n(ge, { id: "branch", placeholder: "main", value: r.branch, onChange: re, error: be, helperText: s.branch, fullWidth: !0 }) }), e[80] = s.branch, e[81] = r.branch, e[82] = re, e[83] = be, e[84] = we) : we = e[84];
+  let Re;
+  e[85] !== S ? (Re = (z) => S("appPath", z.target.value), e[85] = S, e[86] = Re) : Re = e[86];
+  const Mn = !!s.appPath;
+  let Ue;
+  e[87] !== s.appPath || e[88] !== r.appPath || e[89] !== Re || e[90] !== Mn ? (Ue = /* @__PURE__ */ n(w.ElementWrapper, { label: "Project Path", name: "appPath", children: /* @__PURE__ */ n(ge, { id: "appPath", placeholder: "my-agent", value: r.appPath, onChange: Re, error: Mn, helperText: s.appPath, fullWidth: !0 }) }), e[87] = s.appPath, e[88] = r.appPath, e[89] = Re, e[90] = Mn, e[91] = Ue) : Ue = e[91];
+  let ze;
+  e[92] !== we || e[93] !== Ue ? (ze = /* @__PURE__ */ v(w.Stack, { direction: "row", spacing: 2, children: [
+    we,
+    Ue
+  ] }), e[92] = we, e[93] = Ue, e[94] = ze) : ze = e[94];
+  let Oe;
+  e[95] !== he || e[96] !== Pe || e[97] !== ze ? (Oe = /* @__PURE__ */ v(w.Section, { children: [
+    ke,
+    /* @__PURE__ */ v(w.Stack, { spacing: 2, children: [
+      he,
+      Pe,
+      ze
+    ] })
+  ] }), e[95] = he, e[96] = Pe, e[97] = ze, e[98] = Oe) : Oe = e[98];
+  let Dt;
+  e[99] === Symbol.for("react.memo_cache_sentinel") ? (Dt = /* @__PURE__ */ n(w.Subheader, { children: "Build Details" }), e[99] = Dt) : Dt = e[99];
+  let je;
+  e[100] !== r.language || e[101] !== S ? (je = di.map((z) => {
+    const Q = r.language === z.value;
+    return /* @__PURE__ */ n(w.CardButton, { onClick: () => S("language", z.value), selected: Q, children: /* @__PURE__ */ n(w.CardHeader, { title: /* @__PURE__ */ v(w.Stack, { direction: "row", spacing: 2, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ n(ga, { language: z.value }),
+      /* @__PURE__ */ n(w.Body, { children: z.label })
+    ] }) }) }, z.value);
+  }), e[100] = r.language, e[101] = S, e[102] = je) : je = e[102];
+  let We;
+  e[103] !== je ? (We = /* @__PURE__ */ n(w.Stack, { direction: "row", spacing: 2, children: je }), e[103] = je, e[104] = We) : We = e[104];
+  const Dn = r.language === "python";
+  let Fe;
+  e[105] !== S ? (Fe = (z) => S("runCommand", z.target.value), e[105] = S, e[106] = Fe) : Fe = e[106];
+  const Rn = !!s.runCommand, Un = s.runCommand || "Dependencies auto-install from package.json, requirements.txt, or pyproject.toml";
+  let Be;
+  e[107] !== r.runCommand || e[108] !== Fe || e[109] !== Rn || e[110] !== Un ? (Be = /* @__PURE__ */ n(w.ElementWrapper, { label: "Start Command", name: "runCommand", children: /* @__PURE__ */ n(ge, { id: "runCommand", placeholder: "python main.py", value: r.runCommand, onChange: Fe, error: Rn, helperText: Un, fullWidth: !0 }) }), e[107] = r.runCommand, e[108] = Fe, e[109] = Rn, e[110] = Un, e[111] = Be) : Be = e[111];
+  const zn = !!s.languageVersion, On = r.languageVersion || "";
+  let Ge;
+  e[112] !== S ? (Ge = (z) => S("languageVersion", z.target.value), e[112] = S, e[113] = Ge) : Ge = e[113];
+  const jn = !A;
+  let Ke;
+  e[114] !== A?.python.supportedVersions ? (Ke = A?.python.supportedVersions ?? [], e[114] = A?.python.supportedVersions, e[115] = Ke) : Ke = e[115];
+  let qe;
+  e[116] !== Ke ? (qe = Ke.map(hi), e[116] = Ke, e[117] = qe) : qe = e[117];
+  let Ye;
+  e[118] !== On || e[119] !== Ge || e[120] !== jn || e[121] !== qe ? (Ye = /* @__PURE__ */ n(wn, { id: "languageVersion", value: On, onChange: Ge, disabled: jn, children: qe }), e[118] = On, e[119] = Ge, e[120] = jn, e[121] = qe, e[122] = Ye) : Ye = e[122];
+  const Wn = s.languageVersion || (B.isError ? "Could not load supported Python versions; retry by refreshing." : "Python runtime version");
+  let Ze;
+  e[123] !== Wn ? (Ze = /* @__PURE__ */ n(En, { children: Wn }), e[123] = Wn, e[124] = Ze) : Ze = e[124];
+  let He;
+  e[125] !== zn || e[126] !== Ye || e[127] !== Ze ? (He = /* @__PURE__ */ n(w.ElementWrapper, { label: "Language Version", name: "languageVersion", children: /* @__PURE__ */ v(sr, { fullWidth: !0, error: zn, children: [
+    Ye,
+    Ze
+  ] }) }), e[125] = zn, e[126] = Ye, e[127] = Ze, e[128] = He) : He = e[128];
+  let Qe;
+  e[129] !== Be || e[130] !== He ? (Qe = /* @__PURE__ */ v(w.Stack, { direction: "row", spacing: 2, children: [
+    Be,
+    He
+  ] }), e[129] = Be, e[130] = He, e[131] = Qe) : Qe = e[131];
+  const Fn = r.enableAutoInstrumentation ?? !0;
+  let Xe;
+  e[132] !== S ? (Xe = (z) => S("enableAutoInstrumentation", z.target.checked), e[132] = S, e[133] = Xe) : Xe = e[133];
+  let Je;
+  e[134] !== Fn || e[135] !== Xe ? (Je = /* @__PURE__ */ n(vr, { control: /* @__PURE__ */ n(br, { checked: Fn, onChange: Xe }), label: "Enable auto instrumentation" }), e[134] = Fn, e[135] = Xe, e[136] = Je) : Je = e[136];
+  const Bn = r.enableAutoInstrumentation !== !1;
+  let Rt;
+  e[137] === Symbol.for("react.memo_cache_sentinel") ? (Rt = /* @__PURE__ */ n(U, { variant: "body2", color: "text.secondary", children: "Automatically adds OTEL tracing instrumentation to your agent for observability." }), e[137] = Rt) : Rt = e[137];
+  let et;
+  e[138] !== A || e[139] !== R || e[140] !== s.instrumentationVersion || e[141] !== r.instrumentationVersion || e[142] !== r.languageVersion || e[143] !== S ? (et = /* @__PURE__ */ v(ne, { spacing: 1, children: [
+    Rt,
+    R.length === 0 && A ? /* @__PURE__ */ v(Ie, { severity: "info", sx: {
+      mt: 1
+    }, children: [
+      "No AMP-provided instrumentation is available for Python",
+      " ",
+      r.languageVersion ?? "the selected version",
+      ". You can still deploy this agent and instrument it manually."
+    ] }) : /* @__PURE__ */ n(w.ElementWrapper, { label: "AMP Instrumentation Version", name: "instrumentationVersion", children: /* @__PURE__ */ v(sr, { sx: {
+      minWidth: 200
+    }, error: !!s.instrumentationVersion, children: [
+      /* @__PURE__ */ n(wn, { id: "instrumentationVersion", value: r.instrumentationVersion || "", onChange: (z) => S("instrumentationVersion", z.target.value), disabled: !A, children: R.map(fi) }),
+      /* @__PURE__ */ n(En, { children: s.instrumentationVersion || "Pins the init-container image and the bundled OpenLLMetry SDK version." })
+    ] }) })
+  ] }), e[138] = A, e[139] = R, e[140] = s.instrumentationVersion, e[141] = r.instrumentationVersion, e[142] = r.languageVersion, e[143] = S, e[144] = et) : et = e[144];
+  let tt;
+  e[145] !== Bn || e[146] !== et ? (tt = /* @__PURE__ */ n(Te, { in: Bn, children: et }), e[145] = Bn, e[146] = et, e[147] = tt) : tt = e[147];
+  const Gn = r.enableAutoInstrumentation === !1;
+  let Ut, zt;
+  e[148] === Symbol.for("react.memo_cache_sentinel") ? (Ut = {
+    mt: 1
+  }, zt = /* @__PURE__ */ n(U, { variant: "subtitle2", children: "Tracing Support for Python Agents" }), e[148] = Ut, e[149] = zt) : (Ut = e[148], zt = e[149]);
+  let Ot;
+  e[150] === Symbol.for("react.memo_cache_sentinel") ? (Ot = {
+    mt: 1
+  }, e[150] = Ot) : Ot = e[150];
+  let jt;
+  e[151] === Symbol.for("react.memo_cache_sentinel") ? (jt = /* @__PURE__ */ n(U, { component: "a", href: Pr, target: "_blank", rel: "noopener noreferrer", sx: {
+    color: "primary.main"
+  }, children: "manual instrumentation contract" }), e[151] = jt) : jt = e[151];
+  let Wt;
+  e[152] === Symbol.for("react.memo_cache_sentinel") ? (Wt = /* @__PURE__ */ n(U, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "amp-instrumentation" }), e[152] = Wt) : Wt = e[152];
+  let Ft;
+  e[153] === Symbol.for("react.memo_cache_sentinel") ? (Ft = /* @__PURE__ */ v(U, { variant: "body2", sx: Ot, children: [
+    "With auto-instrumentation disabled, you can still manually instrument your Python agent using",
+    " ",
+    "your desired instrumentation library. Emit your own spans against the",
+    " ",
+    jt,
+    " ",
+    "—",
+    " ",
+    Wt,
+    " ",
+    "ships an",
+    " ",
+    /* @__PURE__ */ n(U, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "init_otel()" }),
+    " ",
+    "helper that configures the OTLP exporter for you."
+  ] }), e[153] = Ft) : Ft = e[153];
+  let Bt;
+  e[154] === Symbol.for("react.memo_cache_sentinel") ? (Bt = {
+    mt: 1
+  }, e[154] = Bt) : Bt = e[154];
+  let Gt;
+  e[155] === Symbol.for("react.memo_cache_sentinel") ? (Gt = /* @__PURE__ */ n(U, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "AMP_OTEL_ENDPOINT" }), e[155] = Gt) : Gt = e[155];
+  let Kt;
+  e[156] === Symbol.for("react.memo_cache_sentinel") ? (Kt = /* @__PURE__ */ v(U, { variant: "body2", sx: Bt, children: [
+    "Environment variables provided:",
+    " ",
+    Gt,
+    ", ",
+    /* @__PURE__ */ n(U, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_AGENT_API_KEY" })
+  ] }), e[156] = Kt) : Kt = e[156];
+  let qt;
+  e[157] === Symbol.for("react.memo_cache_sentinel") ? (qt = /* @__PURE__ */ n(U, { variant: "body2", sx: {
+    mt: 1
+  }, children: "Example configuration:" }), e[157] = qt) : qt = e[157];
+  let Yt;
+  e[158] === Symbol.for("react.memo_cache_sentinel") ? (Yt = {
+    mt: 0.5,
+    ml: 1
+  }, e[158] = Yt) : Yt = e[158];
+  let Zt;
+  e[159] === Symbol.for("react.memo_cache_sentinel") ? (Zt = /* @__PURE__ */ v(U, { variant: "body2", component: "div", sx: Yt, children: [
+    "• OTLP exporter endpoint =",
+    " ",
+    /* @__PURE__ */ n(U, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_OTEL_ENDPOINT" })
+  ] }), e[159] = Zt) : Zt = e[159];
+  let Ht;
+  e[160] === Symbol.for("react.memo_cache_sentinel") ? (Ht = {
+    ml: 1
+  }, e[160] = Ht) : Ht = e[160];
+  let Qt;
+  e[161] === Symbol.for("react.memo_cache_sentinel") ? (Qt = /* @__PURE__ */ v(Ie, { severity: "info", sx: Ut, children: [
+    zt,
+    Ft,
+    Kt,
+    qt,
+    Zt,
+    /* @__PURE__ */ v(U, { variant: "body2", component: "div", sx: Ht, children: [
+      "• OTLP headers =",
+      " ",
+      /* @__PURE__ */ n(U, { component: "code", sx: {
+        bgcolor: "action.hover",
+        px: 0.5,
+        borderRadius: 0.5
+      }, children: '{"x-amp-api-key": AMP_AGENT_API_KEY}' })
+    ] })
+  ] }), e[161] = Qt) : Qt = e[161];
+  let nt;
+  e[162] !== Gn ? (nt = /* @__PURE__ */ n(Te, { in: Gn, children: Qt }), e[162] = Gn, e[163] = nt) : nt = e[163];
+  let rt;
+  e[164] !== Dn || e[165] !== Qe || e[166] !== Je || e[167] !== tt || e[168] !== nt ? (rt = /* @__PURE__ */ v(Te, { in: Dn, children: [
+    Qe,
+    Je,
+    tt,
+    nt
+  ] }), e[164] = Dn, e[165] = Qe, e[166] = Je, e[167] = tt, e[168] = nt, e[169] = rt) : rt = e[169];
+  const Kn = r.language === "ballerina", qn = r.enableAutoInstrumentation ?? !0;
+  let at;
+  e[170] !== S ? (at = (z) => S("enableAutoInstrumentation", z.target.checked), e[170] = S, e[171] = at) : at = e[171];
+  let it;
+  e[172] !== qn || e[173] !== at ? (it = /* @__PURE__ */ n(vr, { control: /* @__PURE__ */ n(br, { checked: qn, onChange: at }), label: "Enable auto instrumentation" }), e[172] = qn, e[173] = at, e[174] = it) : it = e[174];
+  const Yn = r.enableAutoInstrumentation !== !1;
+  let Xt, Jt, en;
+  e[175] === Symbol.for("react.memo_cache_sentinel") ? (Xt = {
+    mt: 1
+  }, Jt = /* @__PURE__ */ n(U, { variant: "subtitle2", gutterBottom: !0, children: "Tracing Support for Ballerina-Based Agents" }), en = /* @__PURE__ */ n(U, { variant: "body2", gutterBottom: !0, children: "To enable the AMP extension in a Ballerina program, add the following import to your program." }), e[175] = Xt, e[176] = Jt, e[177] = en) : (Xt = e[175], Jt = e[176], en = e[177]);
+  let tn;
+  e[178] === Symbol.for("react.memo_cache_sentinel") ? (tn = {
+    position: "relative",
+    mt: 1
+  }, e[178] = tn) : tn = e[178];
+  let nn;
+  e[179] === Symbol.for("react.memo_cache_sentinel") ? (nn = /* @__PURE__ */ n(U, { component: "pre", variant: "body2", sx: {
+    m: 0,
+    bgcolor: "action.hover",
+    pl: 1,
+    pr: 5,
+    py: 0.5,
+    borderRadius: 0.5,
+    fontFamily: "monospace"
+  }, children: "import ballerinax/amp as _;" }), e[179] = nn) : nn = e[179];
+  const Zn = y ? "Copied!" : "Copy code";
+  let rn;
+  e[180] === Symbol.for("react.memo_cache_sentinel") ? (rn = /* @__PURE__ */ n(pr, { onClick: M, size: "small", sx: {
+    position: "absolute",
+    right: 4,
+    top: "50%",
+    transform: "translateY(-50%)"
+  }, children: /* @__PURE__ */ n(La, { size: 16 }) }), e[180] = rn) : rn = e[180];
+  let lt;
+  e[181] !== Zn ? (lt = /* @__PURE__ */ v(J, { sx: tn, children: [
+    nn,
+    /* @__PURE__ */ n(In, { title: Zn, children: rn })
+  ] }), e[181] = Zn, e[182] = lt) : lt = e[182];
+  let an;
+  e[183] === Symbol.for("react.memo_cache_sentinel") ? (an = {
+    mt: 1
+  }, e[183] = an) : an = e[183];
+  let ln;
+  e[184] === Symbol.for("react.memo_cache_sentinel") ? (ln = /* @__PURE__ */ v(U, { variant: "body2", sx: an, children: [
+    "Compatible with Ballerina version",
+    " ",
+    /* @__PURE__ */ n(U, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "2201.13.x +" })
+  ] }), e[184] = ln) : ln = e[184];
+  let ot;
+  e[185] !== lt ? (ot = /* @__PURE__ */ v(Ie, { severity: "info", sx: Xt, children: [
+    Jt,
+    en,
+    lt,
+    ln
+  ] }), e[185] = lt, e[186] = ot) : ot = e[186];
+  let st;
+  e[187] !== ot || e[188] !== Yn ? (st = /* @__PURE__ */ n(Te, { in: Yn, children: ot }), e[187] = ot, e[188] = Yn, e[189] = st) : st = e[189];
+  let ct;
+  e[190] !== st || e[191] !== it ? (ct = /* @__PURE__ */ v(ne, { spacing: 2, children: [
+    it,
+    st
+  ] }), e[190] = st, e[191] = it, e[192] = ct) : ct = e[192];
+  let dt;
+  e[193] !== ct || e[194] !== Kn ? (dt = /* @__PURE__ */ n(Te, { in: Kn, children: ct }), e[193] = ct, e[194] = Kn, e[195] = dt) : dt = e[195];
+  const Hn = r.language === "docker", Qn = r.dockerfilePath || "";
+  let mt;
+  e[196] !== S ? (mt = (z) => S("dockerfilePath", z.target.value), e[196] = S, e[197] = mt) : mt = e[197];
+  const Xn = !!s.dockerfilePath, Jn = s.dockerfilePath || "Path to Dockerfile in your repository";
+  let pt;
+  e[198] !== Qn || e[199] !== mt || e[200] !== Xn || e[201] !== Jn ? (pt = /* @__PURE__ */ n(w.Stack, { direction: "row", spacing: 2, children: /* @__PURE__ */ n(w.ElementWrapper, { label: "Dockerfile Path", name: "dockerfilePath", children: /* @__PURE__ */ n(ge, { id: "dockerfilePath", placeholder: "e.g., ./Dockerfile", value: Qn, onChange: mt, error: Xn, helperText: Jn, fullWidth: !0 }) }) }), e[198] = Qn, e[199] = mt, e[200] = Xn, e[201] = Jn, e[202] = pt) : pt = e[202];
+  let on;
+  e[203] === Symbol.for("react.memo_cache_sentinel") ? (on = /* @__PURE__ */ n(U, { variant: "subtitle2", gutterBottom: !0, children: "Tracing Support for Docker-Based Agents" }), e[203] = on) : on = e[203];
+  let sn;
+  e[204] === Symbol.for("react.memo_cache_sentinel") ? (sn = {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, e[204] = sn) : sn = e[204];
+  const er = `pip install amp-instrumentation==${r.instrumentationVersion ?? A?.instrumentation.defaultVersion ?? "latest"}`;
+  let ut;
+  e[205] !== er ? (ut = /* @__PURE__ */ n(U, { component: "code", sx: sn, children: er }), e[205] = er, e[206] = ut) : ut = e[206];
+  let cn;
+  e[207] === Symbol.for("react.memo_cache_sentinel") ? (cn = /* @__PURE__ */ n(U, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "amp-instrument python your_script.py" }), e[207] = cn) : cn = e[207];
+  let dn;
+  e[208] === Symbol.for("react.memo_cache_sentinel") ? (dn = /* @__PURE__ */ n(U, { component: "a", href: mi, target: "_blank", rel: "noopener noreferrer", sx: {
+    color: "primary.main"
+  }, children: "AMP instrumentation version mapping" }), e[208] = dn) : dn = e[208];
+  let mn;
+  e[209] === Symbol.for("react.memo_cache_sentinel") ? (mn = /* @__PURE__ */ n(U, { component: "a", href: Pr, target: "_blank", rel: "noopener noreferrer", sx: {
+    color: "primary.main"
+  }, children: "manual instrumentation contract" }), e[209] = mn) : mn = e[209];
+  let ht;
+  e[210] !== ut ? (ht = /* @__PURE__ */ v(U, { variant: "body2", paragraph: !0, children: [
+    "Docker-based agents require OTEL instrumentation to export traces. For Python, use",
+    " ",
+    ut,
+    " ",
+    "and run with",
+    " ",
+    cn,
+    " ",
+    "for zero-code tracing. To pick a different version, see the",
+    " ",
+    dn,
+    ". For agents on a framework the Traceloop SDK doesn't cover, emit your own spans against the",
+    " ",
+    mn,
+    "."
+  ] }), e[210] = ut, e[211] = ht) : ht = e[211];
+  let pn;
+  e[212] === Symbol.for("react.memo_cache_sentinel") ? (pn = /* @__PURE__ */ n(U, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "AMP_OTEL_ENDPOINT" }), e[212] = pn) : pn = e[212];
+  let un;
+  e[213] === Symbol.for("react.memo_cache_sentinel") ? (un = /* @__PURE__ */ v(U, { variant: "body2", gutterBottom: !0, children: [
+    "Environment variables provided:",
+    " ",
+    pn,
+    ", ",
+    /* @__PURE__ */ n(U, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_AGENT_API_KEY" })
+  ] }), e[213] = un) : un = e[213];
+  let hn;
+  e[214] === Symbol.for("react.memo_cache_sentinel") ? (hn = /* @__PURE__ */ n(U, { variant: "body2", sx: {
+    mt: 1
+  }, children: "Example configuration:" }), e[214] = hn) : hn = e[214];
+  let fn;
+  e[215] === Symbol.for("react.memo_cache_sentinel") ? (fn = {
+    mt: 0.5,
+    ml: 1
+  }, e[215] = fn) : fn = e[215];
+  let gn;
+  e[216] === Symbol.for("react.memo_cache_sentinel") ? (gn = /* @__PURE__ */ v(U, { variant: "body2", component: "div", sx: fn, children: [
+    "• OTLP exporter endpoint =",
+    " ",
+    /* @__PURE__ */ n(U, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_OTEL_ENDPOINT" })
+  ] }), e[216] = gn) : gn = e[216];
+  let yn;
+  e[217] === Symbol.for("react.memo_cache_sentinel") ? (yn = {
+    ml: 1
+  }, e[217] = yn) : yn = e[217];
+  let vn;
+  e[218] === Symbol.for("react.memo_cache_sentinel") ? (vn = /* @__PURE__ */ v(U, { variant: "body2", component: "div", sx: yn, children: [
+    "• OTLP headers =",
+    " ",
+    /* @__PURE__ */ n(U, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: '{"x-amp-api-key": AMP_AGENT_API_KEY}' })
+  ] }), e[218] = vn) : vn = e[218];
+  let ft;
+  e[219] !== ht ? (ft = /* @__PURE__ */ v(Ie, { severity: "info", children: [
+    on,
+    ht,
+    un,
+    hn,
+    gn,
+    vn
+  ] }), e[219] = ht, e[220] = ft) : ft = e[220];
+  let gt;
+  e[221] !== pt || e[222] !== ft ? (gt = /* @__PURE__ */ v(ne, { spacing: 2, children: [
+    pt,
+    ft
+  ] }), e[221] = pt, e[222] = ft, e[223] = gt) : gt = e[223];
+  let yt;
+  e[224] !== Hn || e[225] !== gt ? (yt = /* @__PURE__ */ n(Te, { in: Hn, children: gt }), e[224] = Hn, e[225] = gt, e[226] = yt) : yt = e[226];
+  let vt;
+  e[227] !== dt || e[228] !== yt || e[229] !== We || e[230] !== rt ? (vt = /* @__PURE__ */ v(w.Section, { children: [
+    Dt,
+    /* @__PURE__ */ v(w.Stack, { spacing: 2, children: [
+      We,
+      rt,
+      dt,
+      yt
+    ] })
+  ] }), e[227] = dt, e[228] = yt, e[229] = We, e[230] = rt, e[231] = vt) : vt = e[231];
+  let bt;
+  e[232] !== s || e[233] !== r || e[234] !== l || e[235] !== a || e[236] !== g ? (bt = /* @__PURE__ */ n(qa, { formData: r, setFormData: a, errors: s, setFieldError: l, validateField: g }), e[232] = s, e[233] = r, e[234] = l, e[235] = a, e[236] = g, e[237] = bt) : bt = e[237];
+  let Nt;
+  e[238] !== o ? (Nt = o && /* @__PURE__ */ v(Ie, { severity: "info", children: [
+    "LLM providers, environment variables, and file mounts below apply only to the ",
+    /* @__PURE__ */ n("strong", { children: o }),
+    " environment. Configure values for other environments when promoting."
+  ] }), e[238] = o, e[239] = Nt) : Nt = e[239];
+  let bn;
+  e[240] !== r.displayName ? (bn = r.displayName ? r.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", e[240] = r.displayName, e[241] = bn) : bn = e[241];
+  const St = bn;
+  let Nn;
+  if (e[242] !== St || e[243] !== r.env || e[244] !== m) {
+    let z;
+    e[246] !== St ? (z = (Q, te) => [Q.urlVarName ?? `${St}_MCP_${te + 1}_URL`, Q.apikeyVarName ?? `${St}_MCP_${te + 1}_API_KEY`], e[246] = St, e[247] = z) : z = e[247], Nn = /* @__PURE__ */ new Set([...(r.env ?? []).map(gi).filter(yi), ...m.flatMap(z)]), e[242] = St, e[243] = r.env, e[244] = m, e[245] = Nn;
+  } else
+    Nn = e[245];
+  const tr = Nn;
+  let Ct;
+  e[248] !== r.displayName || e[249] !== i || e[250] !== u || e[251] !== d || e[252] !== f || e[253] !== tr ? (Ct = /* @__PURE__ */ n(Hr, { llmProviders: d, setLLMProviders: f, agentDisplayName: r.displayName, initialEnvironmentName: i, isInitialEnvironmentLoading: u, externalEnvKeys: tr }), e[248] = r.displayName, e[249] = i, e[250] = u, e[251] = d, e[252] = f, e[253] = tr, e[254] = Ct) : Ct = e[254];
+  let Sn;
+  e[255] !== r.displayName ? (Sn = r.displayName ? r.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", e[255] = r.displayName, e[256] = Sn) : Sn = e[256];
+  const Pt = Sn;
+  let Cn;
+  if (e[257] !== Pt || e[258] !== r.env || e[259] !== d) {
+    let z;
+    e[261] !== Pt ? (z = (Q, te) => [Q.urlVarName ?? `${Pt}_${te + 1}_URL`, Q.apikeyVarName ?? `${Pt}_${te + 1}_API_KEY`], e[261] = Pt, e[262] = z) : z = e[262], Cn = /* @__PURE__ */ new Set([...(r.env ?? []).map(vi).filter(bi), ...d.flatMap(z)]), e[257] = Pt, e[258] = r.env, e[259] = d, e[260] = Cn;
+  } else
+    Cn = e[260];
+  const nr = Cn;
+  let xt;
+  e[263] !== r.displayName || e[264] !== i || e[265] !== u || e[266] !== m || e[267] !== b || e[268] !== nr ? (xt = /* @__PURE__ */ n(Xr, { mcpProxies: m, setMCPProxies: b, agentDisplayName: r.displayName, initialEnvironmentName: i, isInitialEnvironmentLoading: u, externalEnvKeys: nr }), e[263] = r.displayName, e[264] = i, e[265] = u, e[266] = m, e[267] = b, e[268] = nr, e[269] = xt) : xt = e[269];
+  let Pn;
+  e[270] !== r.displayName ? (Pn = r.displayName ? r.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", e[270] = r.displayName, e[271] = Pn) : Pn = e[271];
+  const Le = Pn;
+  let xn;
+  if (e[272] !== Le || e[273] !== d || e[274] !== m) {
+    let z;
+    e[276] !== Le ? (z = (te, fe) => [te.urlVarName ?? `${Le}_${fe + 1}_URL`, te.apikeyVarName ?? `${Le}_${fe + 1}_API_KEY`], e[276] = Le, e[277] = z) : z = e[277];
+    let Q;
+    e[278] !== Le ? (Q = (te, fe) => [te.urlVarName ?? `${Le}_MCP_${fe + 1}_URL`, te.apikeyVarName ?? `${Le}_MCP_${fe + 1}_API_KEY`], e[278] = Le, e[279] = Q) : Q = e[279], xn = /* @__PURE__ */ new Set([...d.flatMap(z), ...m.flatMap(Q)]), e[272] = Le, e[273] = d, e[274] = m, e[275] = xn;
+  } else
+    xn = e[275];
+  const rr = xn;
+  let kt;
+  e[280] !== r || e[281] !== a || e[282] !== rr ? (kt = /* @__PURE__ */ n(qr, { formData: r, setFormData: a, llmReservedNames: rr }), e[280] = r, e[281] = a, e[282] = rr, e[283] = kt) : kt = e[283];
+  let _t;
+  e[284] !== r || e[285] !== a ? (_t = /* @__PURE__ */ n(Yr, { formData: r, setFormData: a }), e[284] = r, e[285] = a, e[286] = _t) : _t = e[286];
+  let kn;
+  return e[287] !== vt || e[288] !== bt || e[289] !== Nt || e[290] !== Ct || e[291] !== xt || e[292] !== kt || e[293] !== _t || e[294] !== le || e[295] !== Oe ? (kn = /* @__PURE__ */ v(w.Stack, { spacing: 3, children: [
+    le,
+    Oe,
+    vt,
+    bt,
+    Nt,
+    Ct,
+    xt,
+    kt,
+    _t
+  ] }), e[287] = vt, e[288] = bt, e[289] = Nt, e[290] = Ct, e[291] = xt, e[292] = kt, e[293] = _t, e[294] = le, e[295] = Oe, e[296] = kn) : kn = e[296], kn;
+};
+function ui(t) {
+  console.error("Failed to generate name:", t);
+}
+function hi(t) {
+  return /* @__PURE__ */ n(wt, { value: t, children: t }, t);
+}
+function fi(t) {
+  return /* @__PURE__ */ n(wt, { value: t.version, children: t.traceloopSdk ? `${t.version} (OpenLLMetry v${t.traceloopSdk})` : t.version }, t.version);
+}
+function gi(t) {
+  return t.key;
+}
+function yi(t) {
+  return !!t;
+}
+function vi(t) {
+  return t.key;
+}
+function bi(t) {
+  return !!t;
+}
+const gr = (t) => {
+  const e = Ce(22), {
+    lastSubmittedValidationErrors: r,
+    isPending: a,
+    onCancel: s,
+    onSubmit: l,
+    mode: g,
+    isNameEmpty: d,
+    hasLLMVarConflicts: f
+  } = t, m = g === void 0 ? "deploy" : g, b = d === void 0 ? !1 : d, i = f === void 0 ? !1 : f, c = m === "connect";
+  let o;
+  e[0] !== r ? (o = Object.values(r).filter(Ni), e[0] = r, e[1] = o) : o = e[1];
+  const u = o, h = u.length > 0;
+  let p;
+  e[2] !== u ? (p = /* @__PURE__ */ n(Ie, { severity: "error", children: u.map(Si) }), e[2] = u, e[3] = p) : p = e[3];
+  let y;
+  e[4] !== h || e[5] !== p ? (y = /* @__PURE__ */ n(Te, { in: h, timeout: "auto", unmountOnExit: !0, children: p }), e[4] = h, e[5] = p, e[6] = y) : y = e[6];
+  let C;
+  e[7] !== s ? (C = /* @__PURE__ */ n(Ee, { variant: "outlined", color: "primary", size: "medium", onClick: s, children: "Cancel" }), e[7] = s, e[8] = C) : C = e[8];
+  let P;
+  e[9] !== c ? (P = c ? /* @__PURE__ */ n(hr, { size: 16 }) : /* @__PURE__ */ n(Ta, { size: 16 }), e[9] = c, e[10] = P) : P = e[10];
+  const M = a || b || i, k = c ? "Register" : "Deploy";
+  let $;
+  e[11] !== l || e[12] !== k || e[13] !== P || e[14] !== M ? ($ = /* @__PURE__ */ n(Ee, { variant: "contained", color: "primary", size: "medium", startIcon: P, onClick: l, disabled: M, children: k }), e[11] = l, e[12] = k, e[13] = P, e[14] = M, e[15] = $) : $ = e[15];
+  let E;
+  e[16] !== $ || e[17] !== C ? (E = /* @__PURE__ */ v(J, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    C,
+    $
+  ] }), e[16] = $, e[17] = C, e[18] = E) : E = e[18];
+  let V;
+  return e[19] !== E || e[20] !== y ? (V = /* @__PURE__ */ v(J, { display: "flex", flexDirection: "column", gap: 3, children: [
+    y,
+    E
+  ] }), e[19] = E, e[20] = y, e[21] = V) : V = e[21], V;
+};
+function Ni(t) {
+  return !!t;
+}
+function Si(t, e) {
+  return /* @__PURE__ */ n(J, { children: t }, e);
+}
+function Jr(t = []) {
+  const e = /* @__PURE__ */ new Set();
+  for (const r of t)
+    for (const a of r.targetEnvironmentRefs)
+      e.add(a.name);
+  return t.find((r) => !e.has(r.sourceEnvironmentRef))?.sourceEnvironmentRef;
+}
+function ea(t = []) {
+  const e = /* @__PURE__ */ new Set();
+  for (const r of t) {
+    r.sourceEnvironmentRef && e.add(r.sourceEnvironmentRef);
+    for (const a of r.targetEnvironmentRefs ?? [])
+      a.name && e.add(a.name);
+    if (e.size > 1) return !0;
+  }
+  return !1;
+}
+function Ci(t, e) {
+  const r = e ? t.selectedProviderByEnv[e] : null;
+  if (!r) return null;
+  const a = t.guardrails.length > 0 ? t.guardrails.map((l) => ({
+    name: l.name,
+    version: l.version,
+    paths: [{
+      path: "/*",
+      methods: ["*"],
+      params: l.settings ?? {}
+    }]
+  })) : void 0, s = [...t.urlVarName ? [{
+    key: "url",
+    name: t.urlVarName
+  }] : [], ...t.apikeyVarName ? [{
+    key: "apikey",
+    name: t.apikeyVarName
+  }] : []];
+  return {
+    providerName: r.handle,
+    ...a ? {
+      configuration: {
+        policies: a
+      }
+    } : {},
+    ...s.length > 0 ? {
+      environmentVariables: s
+    } : {}
+  };
+}
+function ta(t, e) {
+  if (!t.length) return;
+  const r = t.map((a) => Ci(a, e)).filter((a) => a !== null);
+  return r.length > 0 ? r : void 0;
+}
+function Pi(t, e) {
+  const r = e ? t.selectedProxyByEnv[e] : null;
+  if (!r) return null;
+  const a = [...t.urlVarName ? [{
+    key: "url",
+    name: t.urlVarName
+  }] : [], ...t.apikeyVarName ? [{
+    key: "apikey",
+    name: t.apikeyVarName
+  }] : []];
+  return {
+    proxyName: r.id,
+    ...a.length > 0 ? {
+      environmentVariables: a
+    } : {}
+  };
+}
+function na(t, e) {
+  if (!t.length) return;
+  const r = t.map((a) => Pi(a, e)).filter((a) => a !== null);
+  return r.length > 0 ? r : void 0;
+}
+const ra = (t, e, r = [], a, s = []) => {
+  const l = ta(r, a), g = na(s, a), d = t.labels && Object.keys(t.labels).length > 0 ? t.labels : void 0;
+  return t.deploymentType === "new" ? {
+    params: e,
+    body: {
+      name: t.name,
+      displayName: t.displayName,
+      description: t.description?.trim() || void 0,
+      ...d ? {
+        labels: d
+      } : {},
+      provisioning: {
+        type: "internal",
+        repository: {
+          url: t.repositoryUrl ?? "",
+          branch: t.branch ?? "main",
+          appPath: t.appPath?.trim() || "/",
+          secretRef: t.gitSecretRef || null
+        }
+      },
+      agentType: {
+        type: "agent-api",
+        subType: t.interfaceType === "CUSTOM" ? "custom-api" : "chat-api"
+      },
+      build: t.language === "docker" ? {
+        type: "docker",
+        docker: {
+          dockerfilePath: t.dockerfilePath ?? "./Dockerfile"
+        }
+      } : t.language === "ballerina" ? {
+        type: "buildpack",
+        buildpack: {
+          language: "ballerina"
+        }
+      } : {
+        type: "buildpack",
+        buildpack: {
+          language: t.language ?? "python",
+          languageVersion: t.languageVersion ?? "3.11",
+          runCommand: t.runCommand ?? ""
+        }
+      },
+      configurations: {
+        env: t.env.filter((f) => f.key && f.value).map((f) => ({
+          key: f.key.replace(/\s+/g, "_"),
+          value: f.value,
+          isSensitive: f.isSensitive || !1
+        })),
+        files: (t.files ?? []).filter((f) => f.key && f.mountPath).map((f) => ({
+          key: f.key,
+          mountPath: f.mountPath,
+          value: f.value ?? "",
+          isSensitive: f.isSensitive || !1
+        })),
+        enableAutoInstrumentation: t.enableAutoInstrumentation,
+        ...t.language === "python" && t.enableAutoInstrumentation !== !1 && t.instrumentationVersion ? {
+          instrumentationVersion: t.instrumentationVersion
+        } : {}
+      },
+      inputInterface: {
+        type: "HTTP",
+        ...t.interfaceType === "CUSTOM" ? {
+          port: Number(t.port),
+          basePath: t.basePath || "/",
+          schema: {
+            path: t.openApiPath ?? ""
+          }
+        } : {}
+      },
+      ...l ? {
+        modelConfig: l
+      } : {},
+      ...g ? {
+        mcpConfig: g
+      } : {}
+    }
+  } : {
+    params: e,
+    body: {
+      name: t.name,
+      displayName: t.displayName,
+      description: t.description,
+      ...d ? {
+        labels: d
+      } : {},
+      provisioning: {
+        type: "external"
+      },
+      agentType: {
+        type: "external-agent-api",
+        subType: "custom-api"
+      },
+      ...l ? {
+        modelConfig: l
+      } : {}
+    }
+  };
+}, xi = (t, e, r, a, s = [], l, g = []) => {
+  const d = ta(s, l), f = na(g, l);
+  return {
+    params: e,
+    body: {
+      name: t.name,
+      displayName: t.displayName,
+      description: t.description?.trim() || void 0,
+      ...t.labels && Object.keys(t.labels).length > 0 ? {
+        labels: t.labels
+      } : {},
+      provisioning: {
+        type: "internal",
+        agentKind: {
+          name: r,
+          version: a
+        }
+      },
+      configurations: {
+        env: (t.env ?? []).filter((m) => m.key && m.value).map((m) => ({
+          key: m.key.trim().replace(/\s+/g, "_"),
+          value: m.value,
+          isSensitive: m.isSensitive || !1
+        })),
+        files: (t.files ?? []).filter((m) => m.key && m.mountPath).map((m) => ({
+          key: m.key,
+          mountPath: m.mountPath,
+          value: m.value ?? "",
+          isSensitive: m.isSensitive || !1
+        })),
+        enableAutoInstrumentation: t.enableAutoInstrumentation
+      },
+      ...d ? {
+        modelConfig: d
+      } : {},
+      ...f ? {
+        mcpConfig: f
+      } : {}
+    }
+  };
+}, ki = () => {
+  const t = Ce(72), e = Vt(), {
+    orgId: r,
+    projectId: a
+  } = Ae();
+  let s;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    deploymentType: "new",
+    enableAutoInstrumentation: !0,
+    instrumentationVersion: void 0,
+    name: "",
+    displayName: "",
+    description: "",
+    repositoryUrl: "",
+    branch: "main",
+    appPath: "/",
+    runCommand: "python main.py",
+    language: "python",
+    languageVersion: void 0,
+    dockerfilePath: "/Dockerfile",
+    interfaceType: "DEFAULT",
+    port: "",
+    basePath: "/",
+    openApiPath: "",
+    env: [],
+    files: []
+  }, t[0] = s) : s = t[0];
+  const [l, g] = oe(s), {
+    errors: d,
+    validateForm: f,
+    setFieldError: m,
+    validateField: b
+  } = Tn(Kr);
+  let i;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (i = [], t[1] = i) : i = t[1];
+  const [c, o] = oe(i);
+  let u;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = [], t[2] = u) : u = t[2];
+  const [h, p] = oe(u), {
+    mutate: y,
+    isPending: C,
+    error: P
+  } = mr(), M = r ?? "default", k = a ?? "default";
+  let $;
+  t[3] !== M || t[4] !== k ? ($ = {
+    orgName: M,
+    projName: k
+  }, t[3] = M, t[4] = k, t[5] = $) : $ = t[5];
+  const E = $, {
+    data: V,
+    isLoading: L
+  } = Er(E);
+  let O;
+  t[6] !== V?.promotionPaths ? (O = () => Jr(V?.promotionPaths), t[6] = V?.promotionPaths, t[7] = O) : O = t[7], V?.promotionPaths;
+  let B;
+  t[8] !== O ? (B = O(), t[8] = O, t[9] = B) : B = t[9];
+  const A = B;
+  V?.promotionPaths;
+  const R = ea(V?.promotionPaths) ? A : void 0;
+  let G;
+  t[10] !== e || t[11] !== r || t[12] !== a ? (G = () => {
+    e(Ne(Se.children.org.children.projects.path, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, t[10] = e, t[11] = r, t[12] = a, t[13] = G) : G = t[13];
+  const K = G;
+  let j;
+  t[14] === Symbol.for("react.memo_cache_sentinel") ? (j = {}, t[14] = j) : j = t[14];
+  const [x, I] = oe(j);
+  let S;
+  t[15] !== y || t[16] !== d || t[17] !== l || t[18] !== A || t[19] !== c || t[20] !== h || t[21] !== e || t[22] !== E || t[23] !== f ? (S = () => {
+    if (f(l))
+      I({});
+    else {
+      I(d);
+      return;
+    }
+    if ((c.length > 0 || h.length > 0) && !A) {
+      I({
+        llmProvider: "Unable to resolve the initial deployment environment for LLM provider / MCP proxy configuration."
+      });
+      return;
+    }
+    const me = ra(l, E, c, A, h);
+    y(me, {
+      onSuccess: () => {
+        e(Ne(Se.children.org.children.projects.children.agents.path, {
+          orgId: E.orgName ?? "",
+          projectId: E.projName ?? "",
+          agentId: me.body.name
+        }) + "?setup=true");
+      },
+      onError: _i
+    });
+  }, t[15] = y, t[16] = d, t[17] = l, t[18] = A, t[19] = c, t[20] = h, t[21] = e, t[22] = E, t[23] = f, t[24] = S) : S = t[24];
+  const W = S, Y = r ?? "", T = a ?? "default";
+  let N;
+  t[25] !== Y || t[26] !== T ? (N = Ne(Se.children.org.children.projects.children.newAgent.children.create.path, {
+    orgId: Y,
+    projectId: T
+  }), t[25] = Y, t[26] = T, t[27] = N) : N = t[27];
+  const _ = N;
+  let D;
+  t[28] !== d || t[29] !== R || t[30] !== l || t[31] !== A || t[32] !== L || t[33] !== c || t[34] !== h || t[35] !== m || t[36] !== b ? (D = /* @__PURE__ */ n(pi, { formData: l, setFormData: g, errors: d, setFieldError: m, validateField: b, llmProviders: c, setLLMProviders: o, mcpProxies: h, setMCPProxies: p, initialEnvironmentName: A, isInitialEnvironmentLoading: L, firstEnvOnlyNotice: R }), t[28] = d, t[29] = R, t[30] = l, t[31] = A, t[32] = L, t[33] = c, t[34] = h, t[35] = m, t[36] = b, t[37] = D) : D = t[37];
+  let Z;
+  t[38] !== P ? (Z = !!P && /* @__PURE__ */ n(Ie, { severity: "error", sx: {
+    mt: 2
+  }, children: P instanceof Error ? P.message : "Failed to create agent" }), t[38] = P, t[39] = Z) : Z = t[39];
+  const q = C || (c.length > 0 || h.length > 0) && L, H = !l.name.trim();
+  let X;
+  e: {
+    let me;
+    t[40] !== l.displayName ? (me = l.displayName ? l.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", t[40] = l.displayName, t[41] = me) : me = t[41];
+    const ee = me;
+    let pe;
+    if (t[42] !== ee || t[43] !== c || t[44] !== h) {
+      let ue;
+      t[46] !== ee ? (ue = (he, Pe) => [he.urlVarName ?? `${ee}_${Pe + 1}_URL`, he.apikeyVarName ?? `${ee}_${Pe + 1}_API_KEY`], t[46] = ee, t[47] = ue) : ue = t[47];
+      let ve;
+      t[48] !== ee ? (ve = (he, Pe) => [he.urlVarName ?? `${ee}_MCP_${Pe + 1}_URL`, he.apikeyVarName ?? `${ee}_MCP_${Pe + 1}_API_KEY`], t[48] = ee, t[49] = ve) : ve = t[49], pe = [...c.flatMap(ue), ...h.flatMap(ve)], t[42] = ee, t[43] = c, t[44] = h, t[45] = pe;
+    } else
+      pe = t[45];
+    const ye = pe;
+    let ie;
+    t[50] !== ye ? (ie = new Set(ye), t[50] = ye, t[51] = ie) : ie = t[51];
+    const le = ie;
+    if (ye.length !== le.size) {
+      X = !0;
+      break e;
+    }
+    let ke;
+    if (t[52] !== l.env || t[53] !== le) {
+      const ue = (l.env ?? []).map(Ai).filter(Ei);
+      if (ue.length !== new Set(ue).size) {
+        X = !0;
+        break e;
+      }
+      let ve;
+      t[56] !== le ? (ve = (he) => le.has(he), t[56] = le, t[57] = ve) : ve = t[57], ke = ue.some(ve), t[52] = l.env, t[53] = le, t[54] = ke, t[55] = X;
+    } else
+      ke = t[54], X = t[55];
+    X = ke;
+  }
+  let ae;
+  t[58] !== K || t[59] !== W || t[60] !== x || t[61] !== q || t[62] !== H || t[63] !== X ? (ae = /* @__PURE__ */ n(gr, { lastSubmittedValidationErrors: x, isPending: q, onCancel: K, onSubmit: W, isNameEmpty: H, mode: "deploy", hasLLMVarConflicts: X }), t[58] = K, t[59] = W, t[60] = x, t[61] = q, t[62] = H, t[63] = X, t[64] = ae) : ae = t[64];
+  let de;
+  t[65] !== D || t[66] !== Z || t[67] !== ae ? (de = /* @__PURE__ */ v(w.Stack, { spacing: 3, children: [
+    D,
+    Z,
+    ae
+  ] }), t[65] = D, t[66] = Z, t[67] = ae, t[68] = de) : de = t[68];
+  let ce;
+  return t[69] !== _ || t[70] !== de ? (ce = /* @__PURE__ */ n(It, { title: "Create a Platform-Hosted Agent", description: "Specify the source repository, select the agent type, and deploy it on the platform.", disableIcon: !0, backHref: _, backLabel: "Back to Source Type Selection", children: de }), t[69] = _, t[70] = de, t[71] = ce) : ce = t[71], ce;
+};
+function _i(t) {
+  console.error("Failed to create agent:", t);
+}
+function Ai(t) {
+  return t.key;
+}
+function Ei(t) {
+  return !!t;
+}
+const wi = (t) => {
+  const e = Ce(47), {
+    formData: r,
+    setFormData: a,
+    errors: s,
+    setFieldError: l,
+    validateField: g
+  } = t, {
+    orgId: d,
+    projectId: f
+  } = Ae();
+  let m;
+  e[0] !== d ? (m = {
+    orgName: d
+  }, e[0] = d, e[1] = m) : m = e[1];
+  const {
+    mutate: b,
+    isPending: i
+  } = cr(m);
+  let c;
+  e[2] !== l || e[3] !== a || e[4] !== g ? (c = (j, x) => {
+    a((I) => {
+      const S = {
+        ...I,
+        [j]: x
+      }, W = g(j, x, S);
+      return l(j, W), S;
+    });
+  }, e[2] = l, e[3] = a, e[4] = g, e[5] = c) : c = e[5];
+  const o = c;
+  let u;
+  e[6] !== b || e[7] !== o || e[8] !== f ? (u = dr.debounce((j) => {
+    if (j.length < 3) {
+      o("name", "");
+      return;
+    }
+    b({
+      displayName: j,
+      resourceType: "agent",
+      projectName: f
+    }, {
+      onSuccess: (x) => {
+        o("name", x.name);
+      },
+      onError: Vi
+    });
+  }, 500), e[6] = b, e[7] = o, e[8] = f, e[9] = u) : u = e[9];
+  const h = u;
+  let p, y;
+  e[10] !== h ? (p = () => () => {
+    h.cancel();
+  }, y = [h], e[10] = h, e[11] = p, e[12] = y) : (p = e[11], y = e[12]), $e(p, y);
+  let C, P;
+  e[13] !== h || e[14] !== r.displayName || e[15] !== o ? (C = () => {
+    r.displayName && r.displayName.length >= 3 ? h(r.displayName) : (h.cancel(), o("name", ""));
+  }, P = [r.displayName, h, o], e[13] = h, e[14] = r.displayName, e[15] = o, e[16] = C, e[17] = P) : (C = e[16], P = e[17]), $e(C, P);
+  let M;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ n(w.Subheader, { children: "Agent Details" }), e[18] = M) : M = e[18];
+  let k;
+  e[19] !== o ? (k = (j) => o("displayName", j.target.value), e[19] = o, e[20] = k) : k = e[20];
+  const $ = !!s.displayName;
+  let E;
+  e[21] !== s.displayName || e[22] !== i ? (E = i ? /* @__PURE__ */ v(ne, { direction: "row", alignItems: "center", gap: 1, children: [
+    /* @__PURE__ */ n(Lt, { size: 12 }),
+    /* @__PURE__ */ n(U, { variant: "caption", children: "Validating name..." })
+  ] }) : s.displayName || "A name for your agent", e[21] = s.displayName, e[22] = i, e[23] = E) : E = e[23];
+  let V;
+  e[24] !== r.displayName || e[25] !== $ || e[26] !== E || e[27] !== k ? (V = /* @__PURE__ */ n(w.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ n(ge, { id: "displayName", placeholder: "e.g., Customer Support Agent", value: r.displayName, onChange: k, error: $, helperText: E, fullWidth: !0 }) }), e[24] = r.displayName, e[25] = $, e[26] = E, e[27] = k, e[28] = V) : V = e[28];
+  const L = r.description || "";
+  let O;
+  e[29] !== o ? (O = (j) => o("description", j.target.value), e[29] = o, e[30] = O) : O = e[30];
+  const B = !!s.description;
+  let A;
+  e[31] !== s.description || e[32] !== L || e[33] !== O || e[34] !== B ? (A = /* @__PURE__ */ n(w.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ n(ge, { id: "description", placeholder: "Short description of what this agent does", multiline: !0, minRows: 2, maxRows: 6, value: L, onChange: O, error: B, helperText: s.description, fullWidth: !0 }) }), e[31] = s.description, e[32] = L, e[33] = O, e[34] = B, e[35] = A) : A = e[35];
+  let F;
+  e[36] !== r.labels ? (F = r.labels ?? {}, e[36] = r.labels, e[37] = F) : F = e[37];
+  let R;
+  e[38] !== o ? (R = (j) => o("labels", j), e[38] = o, e[39] = R) : R = e[39];
+  let G;
+  e[40] !== F || e[41] !== R ? (G = /* @__PURE__ */ n(w.ElementWrapper, { label: "Labels (optional)", name: "labels", children: /* @__PURE__ */ n(fr, { hideTitle: !0, description: "Attach key/value labels to organize and filter agents.", value: F, onChange: R }) }), e[40] = F, e[41] = R, e[42] = G) : G = e[42];
+  let K;
+  return e[43] !== V || e[44] !== A || e[45] !== G ? (K = /* @__PURE__ */ v(w.Section, { children: [
+    M,
+    /* @__PURE__ */ v(w.Stack, { spacing: 2, children: [
+      V,
+      A,
+      G
+    ] })
+  ] }), e[43] = V, e[44] = A, e[45] = G, e[46] = K) : K = e[46], K;
+};
+function Vi(t) {
+  console.error("Failed to generate name:", t);
+}
+const Ii = () => {
+  const t = Vt(), [e] = aa(), {
+    orgId: r,
+    projectId: a,
+    kindId: s
+  } = Ae(), {
+    data: l,
+    isLoading: g
+  } = ya({
+    orgName: r,
+    kindName: s ?? ""
+  }), d = _e(() => [...l?.versions ?? []].sort((N, _) => new Date(_.createdAt).getTime() - new Date(N.createdAt).getTime()), [l]), [f, m] = oe(""), b = e.get("version") ?? "", i = _e(() => {
+    const N = f || b;
+    return N && d.some((_) => _.version === N) ? N : d[0]?.version || "";
+  }, [f, b, d]), c = _e(() => l?.versions.find((N) => N.version === i), [l, i]), [o, u] = oe({
+    deploymentType: "new",
+    enableAutoInstrumentation: !0,
+    name: "",
+    displayName: "",
+    description: "",
+    // Catalog flow intentionally hides repo/build/input type sections in UI,
+    // so we seed valid defaults for those required fields.
+    repositoryUrl: "https://github.com/wso2/agent-catalog-template",
+    branch: "main",
+    appPath: "/",
+    runCommand: "python main.py",
+    language: "python",
+    languageVersion: "3.11",
+    dockerfilePath: "/Dockerfile",
+    interfaceType: "DEFAULT",
+    port: "",
+    basePath: "/",
+    openApiPath: "",
+    env: [],
+    files: []
+  }), {
+    errors: h,
+    validateForm: p,
+    setFieldError: y,
+    validateField: C
+  } = Tn(Kr);
+  $e(() => {
+    const N = c?.configSchema ?? [];
+    N.length !== 0 && u((_) => ({
+      ..._,
+      env: N.map((D) => ({
+        key: D.name,
+        value: D.defaultValue ?? "",
+        isSensitive: D.isSecret
+      }))
+    }));
+  }, [c]);
+  const P = _e(() => new Set((c?.configSchema ?? []).map((N) => N.name)), [c]), {
+    mutate: M,
+    isPending: k,
+    error: $
+  } = mr(), [E, V] = oe([]), [L, O] = oe([]), B = _e(() => ({
+    orgName: r ?? "default",
+    projName: a ?? "default"
+  }), [r, a]), {
+    data: A,
+    isLoading: F
+  } = Er(B), R = _e(() => Jr(A?.promotionPaths), [A?.promotionPaths]), K = _e(() => ea(A?.promotionPaths), [A?.promotionPaths]) ? R : void 0, j = _e(() => {
+    const N = o.displayName ? o.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT";
+    return [...E.flatMap((_, D) => [_.urlVarName ?? `${N}_${D + 1}_URL`, _.apikeyVarName ?? `${N}_${D + 1}_API_KEY`]), ...L.flatMap((_, D) => [_.urlVarName ?? `${N}_MCP_${D + 1}_URL`, _.apikeyVarName ?? `${N}_MCP_${D + 1}_API_KEY`])];
+  }, [o.displayName, E, L]), x = _e(() => new Set(j), [j]), I = xe(() => {
+    t(Ne(Se.children.org.children.projects.path, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, [t, r, a]), [S, W] = oe({}), Y = xe(() => {
+    if (p(o))
+      W({});
+    else {
+      W(h);
+      return;
+    }
+    if ((E.length > 0 || L.length > 0) && !R) {
+      W({
+        llmProvider: "Unable to resolve the initial deployment environment for LLM provider / MCP proxy configuration."
+      });
+      return;
+    }
+    const N = xi(o, B, s ?? "", i, E, R, L);
+    M(N, {
+      onSuccess: () => {
+        t(Ne(Se.children.org.children.projects.children.agents.path, {
+          orgId: B.orgName ?? "",
+          projectId: B.projName ?? "",
+          agentId: N.body.name
+        }) + "?setup=true");
+      },
+      onError: (_) => {
+        console.error("Failed to create catalog agent:", _);
+      }
+    });
+  }, [p, o, M, t, B, h, E, s, L, i, R]), T = _e(() => Ne(Se.children.org.children.projects.children.newAgent.children.create.children.catalog.path, {
+    orgId: r ?? "",
+    projectId: a ?? "default"
+  }), [r, a]);
+  return /* @__PURE__ */ v(It, { title: l ? `Create a "${l.displayName}" Agent` : g ? "Loading..." : `Create a "${s}" Agent`, description: "Add agent details and configure deployment settings.", disableIcon: !0, backHref: T, backLabel: "Back to Kind Selection", children: [
+    g && /* @__PURE__ */ v(Ln, { children: [
+      /* @__PURE__ */ n(Nr, { variant: "rounded", height: 32, sx: {
+        mb: 2,
+        maxWidth: 320
+      } }),
+      /* @__PURE__ */ n(Nr, { variant: "rounded", height: 48, sx: {
+        mb: 1
+      } })
+    ] }),
+    /* @__PURE__ */ v(w.Stack, { spacing: 3, children: [
+      /* @__PURE__ */ n(wi, { formData: o, setFormData: u, errors: h, setFieldError: y, validateField: C }),
+      d.length > 0 && /* @__PURE__ */ v(w.Section, { children: [
+        /* @__PURE__ */ n(w.Subheader, { children: "Agent Kind Version" }),
+        /* @__PURE__ */ n(w.Stack, { spacing: 2, children: /* @__PURE__ */ n(w.ElementWrapper, { label: "Version", name: "kindVersion", children: /* @__PURE__ */ n(wn, { size: "small", value: i, onChange: (N) => m(N.target.value), sx: {
+          minWidth: 160
+        }, children: d.map((N) => /* @__PURE__ */ v(wt, { value: N.version, children: [
+          "v",
+          N.version
+        ] }, N.version)) }) }) })
+      ] }),
+      K && /* @__PURE__ */ v(Ie, { severity: "info", children: [
+        "LLM providers, environment variables, and file mounts below apply only to the ",
+        /* @__PURE__ */ n("strong", { children: K }),
+        " environment. Configure values for other environments when promoting."
+      ] }),
+      /* @__PURE__ */ n(Hr, { llmProviders: E, setLLMProviders: V, agentDisplayName: o.displayName, initialEnvironmentName: R, isInitialEnvironmentLoading: F, externalEnvKeys: (() => {
+        const N = o.displayName ? o.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT";
+        return /* @__PURE__ */ new Set([...(o.env ?? []).map((_) => _.key).filter((_) => !!_), ...L.flatMap((_, D) => [_.urlVarName ?? `${N}_MCP_${D + 1}_URL`, _.apikeyVarName ?? `${N}_MCP_${D + 1}_API_KEY`])]);
+      })() }),
+      /* @__PURE__ */ n(Xr, { mcpProxies: L, setMCPProxies: O, agentDisplayName: o.displayName, initialEnvironmentName: R, isInitialEnvironmentLoading: F, externalEnvKeys: (() => {
+        const N = o.displayName ? o.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT";
+        return /* @__PURE__ */ new Set([...(o.env ?? []).map((_) => _.key).filter((_) => !!_), ...E.flatMap((_, D) => [_.urlVarName ?? `${N}_${D + 1}_URL`, _.apikeyVarName ?? `${N}_${D + 1}_API_KEY`])]);
+      })() }),
+      /* @__PURE__ */ n(qr, { formData: o, setFormData: u, lockedKeys: P, hideAdd: !0, llmReservedNames: x }),
+      /* @__PURE__ */ n(Yr, { formData: o, setFormData: u }),
+      !!$ && /* @__PURE__ */ n(Ie, { severity: "error", sx: {
+        mt: 2
+      }, children: $ instanceof Error ? $.message : "Failed to create agent" }),
+      /* @__PURE__ */ n(gr, { lastSubmittedValidationErrors: S, isPending: k || (E.length > 0 || L.length > 0) && F, onCancel: I, onSubmit: Y, isNameEmpty: !o.name.trim(), mode: "deploy", hasLLMVarConflicts: (() => {
+        if (j.length !== x.size) return !0;
+        const N = (o.env ?? []).map((_) => _.key).filter((_) => !!_);
+        return N.length !== new Set(N).size ? !0 : N.some((_) => x.has(_));
+      })() })
+    ] })
+  ] });
+}, Li = () => {
+  const t = Ce(17), {
+    orgId: e,
+    projectId: r
+  } = Ae(), a = e ?? "";
+  let s;
+  t[0] !== a ? (s = {
+    orgName: a
+  }, t[0] = a, t[1] = s) : s = t[1];
+  const {
+    data: l,
+    isLoading: g
+  } = va(s), d = e ?? "", f = r ?? "default";
+  let m;
+  t[2] !== d || t[3] !== f ? (m = Ne(Se.children.org.children.projects.children.newAgent.children.create.path, {
+    orgId: d,
+    projectId: f
+  }), t[2] = d, t[3] = f, t[4] = m) : m = t[4];
+  const b = m;
+  let i;
+  t[5] !== e || t[6] !== r ? (i = (p) => Ne(Se.children.org.children.projects.children.newAgent.children.create.children.catalog.children.withKind.path, {
+    orgId: e ?? "",
+    projectId: r ?? "default",
+    kindId: p.name
+  }), t[5] = e, t[6] = r, t[7] = i) : i = t[7];
+  const c = i;
+  let o;
+  t[8] !== l?.kinds ? (o = l?.kinds ?? [], t[8] = l?.kinds, t[9] = o) : o = t[9];
+  let u;
+  t[10] !== c || t[11] !== g || t[12] !== o ? (u = /* @__PURE__ */ n(Wa, { items: o, isLoading: g, getViewPath: c }), t[10] = c, t[11] = g, t[12] = o, t[13] = u) : u = t[13];
+  let h;
+  return t[14] !== b || t[15] !== u ? (h = /* @__PURE__ */ n(It, { title: "Select an Agent Kind", description: "Browse the catalog and pick a Agent Kind to create your agent from.", disableIcon: !0, backHref: b, backLabel: "Back to Source Type Selection", children: u }), t[14] = b, t[15] = u, t[16] = h) : h = t[16], h;
+}, Ti = ({
+  formData: t,
+  setFormData: e,
+  errors: r,
+  setFieldError: a,
+  validateField: s
+}) => {
+  const {
+    orgId: l,
+    projectId: g
+  } = Ae(), {
+    mutate: d,
+    isPending: f
+  } = cr({
+    orgName: l
+  }), m = xe((i, c) => {
+    e((o) => {
+      const u = {
+        ...o,
+        [i]: c
+      }, h = s(i, c, u);
+      return a(i, h), u;
+    });
+  }, [e, s, a]), b = _e(
+    () => dr.debounce((i) => {
+      if (i.length < 3) {
+        m("name", "");
+        return;
+      }
+      d({
+        displayName: i,
+        resourceType: "agent",
+        projectName: g
+      }, {
+        onSuccess: (c) => {
+          m("name", c.name);
+        },
+        onError: (c) => {
+          console.error("Failed to generate name:", c);
+        }
+      });
+    }, 500),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [d, g, l, m]
+  );
+  return $e(() => () => {
+    b.cancel();
+  }, [b]), $e(() => {
+    t.displayName && t.displayName.length >= 3 ? b(t.displayName) : (b.cancel(), m("name", ""));
+  }, [t.displayName, b, m]), /* @__PURE__ */ n(w.Stack, { spacing: 3, children: /* @__PURE__ */ v(w.Section, { children: [
+    /* @__PURE__ */ n(w.Subheader, { children: "Agent Details" }),
+    /* @__PURE__ */ v(w.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ n(w.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ n(ge, { id: "displayName", placeholder: "e.g., Customer Support", value: t.displayName, onChange: (i) => m("displayName", i.target.value), error: !!r.displayName, helperText: f ? /* @__PURE__ */ v(ne, { direction: "row", alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ n(Lt, { size: 12 }),
+        /* @__PURE__ */ n(U, { variant: "caption", children: "Validating name..." })
+      ] }) : r.displayName, fullWidth: !0 }) }),
+      /* @__PURE__ */ n(w.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ n(ge, { id: "description", placeholder: "Short description of what this agent does", multiline: !0, minRows: 2, maxRows: 6, value: t.description || "", onChange: (i) => m("description", i.target.value), error: !!r.description, helperText: r.description, fullWidth: !0 }) }),
+      /* @__PURE__ */ n(w.ElementWrapper, { label: "Labels (optional)", name: "labels", children: /* @__PURE__ */ n(fr, { hideTitle: !0, description: "Attach key/value labels to organize and filter agents.", value: t.labels ?? {}, onChange: (i) => m("labels", i) }) })
+    ] })
+  ] }) });
+}, $i = () => {
+  const t = Ce(41), e = Vt(), {
+    orgId: r,
+    projectId: a
+  } = Ae();
+  let s;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    deploymentType: "existing",
+    name: "",
+    displayName: "",
+    description: ""
+  }, t[0] = s) : s = t[0];
+  const [l, g] = oe(s), {
+    errors: d,
+    validateForm: f,
+    setFieldError: m,
+    validateField: b
+  } = Tn(Ga), {
+    mutate: i,
+    isPending: c,
+    error: o
+  } = mr(), u = r ?? "default", h = a ?? "default";
+  let p;
+  t[1] !== u || t[2] !== h ? (p = {
+    orgName: u,
+    projName: h
+  }, t[1] = u, t[2] = h, t[3] = p) : p = t[3];
+  const y = p;
+  let C;
+  t[4] !== e || t[5] !== r || t[6] !== a ? (C = () => {
+    e(Ne(Se.children.org.children.projects.path, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, t[4] = e, t[5] = r, t[6] = a, t[7] = C) : C = t[7];
+  const P = C;
+  let M;
+  t[8] !== i || t[9] !== e || t[10] !== y ? (M = (W) => {
+    const Y = ra(W, y);
+    i(Y, {
+      onSuccess: () => {
+        e(Ne(Se.children.org.children.projects.children.agents.path, {
+          orgId: y.orgName ?? "",
+          projectId: y.projName ?? "",
+          agentId: Y.body.name
+        }) + "?setup=true");
+      },
+      onError: Mi
+    });
+  }, t[8] = i, t[9] = e, t[10] = y, t[11] = M) : M = t[11];
+  const k = M;
+  let $;
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? ($ = {}, t[12] = $) : $ = t[12];
+  const [E, V] = oe($);
+  let L;
+  t[13] !== d || t[14] !== l || t[15] !== k || t[16] !== f ? (L = () => {
+    if (f(l))
+      V({});
+    else {
+      V(d);
+      return;
+    }
+    k(l);
+  }, t[13] = d, t[14] = l, t[15] = k, t[16] = f, t[17] = L) : L = t[17];
+  const O = L, B = r ?? "", A = a ?? "default";
+  let F;
+  t[18] !== B || t[19] !== A ? (F = Ne(Se.children.org.children.projects.path, {
+    orgId: B,
+    projectId: A
+  }), t[18] = B, t[19] = A, t[20] = F) : F = t[20];
+  const R = F;
+  let G;
+  t[21] !== d || t[22] !== l || t[23] !== m || t[24] !== b ? (G = /* @__PURE__ */ n(Ti, { formData: l, setFormData: g, errors: d, setFieldError: m, validateField: b }), t[21] = d, t[22] = l, t[23] = m, t[24] = b, t[25] = G) : G = t[25];
+  let K;
+  t[26] !== o ? (K = !!o && /* @__PURE__ */ n(Ie, { severity: "error", sx: {
+    mt: 2
+  }, children: o instanceof Error ? o.message : "Failed to register agent" }), t[26] = o, t[27] = K) : K = t[27];
+  const j = !l.name.trim();
+  let x;
+  t[28] !== P || t[29] !== O || t[30] !== c || t[31] !== E || t[32] !== j ? (x = /* @__PURE__ */ n(gr, { lastSubmittedValidationErrors: E, isPending: c, onCancel: P, onSubmit: O, isNameEmpty: j, mode: "connect" }), t[28] = P, t[29] = O, t[30] = c, t[31] = E, t[32] = j, t[33] = x) : x = t[33];
+  let I;
+  t[34] !== G || t[35] !== K || t[36] !== x ? (I = /* @__PURE__ */ v(w.Stack, { spacing: 3, children: [
+    G,
+    K,
+    x
+  ] }), t[34] = G, t[35] = K, t[36] = x, t[37] = I) : I = t[37];
+  let S;
+  return t[38] !== R || t[39] !== I ? (S = /* @__PURE__ */ n(It, { title: "Register an Externally-Hosted Agent", description: "Provide basic information to register your externally-hosted agent on the platform.", disableIcon: !0, backHref: R, backLabel: "Back to Agents", children: I }), t[38] = R, t[39] = I, t[40] = S) : S = t[40], S;
+};
+function Mi(t) {
+  console.error("Failed to register agent:", t);
+}
+const Di = () => {
+  const t = Ce(21), e = Vt(), {
+    orgId: r,
+    projectId: a
+  } = Ae(), s = Se.children.org.children.projects.children.newAgent, l = s.children.create.path, g = s.children.connect.path;
+  let d;
+  t[0] !== e || t[1] !== r || t[2] !== a ? (d = (P) => {
+    e(Ne(P === "new" ? l : g, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, t[0] = e, t[1] = r, t[2] = a, t[3] = d) : d = t[3];
+  const f = d;
+  let m;
+  t[4] !== e || t[5] !== r || t[6] !== a ? (m = (P) => {
+    e(Ne(`${l}/${P}`, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, t[4] = e, t[5] = r, t[6] = a, t[7] = m) : m = t[7];
+  const b = m;
+  let i;
+  t[8] !== f ? (i = /* @__PURE__ */ n(De, { index: !0, element: /* @__PURE__ */ n(Fa, { onSelect: f }) }), t[8] = f, t[9] = i) : i = t[9];
+  let c;
+  t[10] !== b ? (c = /* @__PURE__ */ n(De, { index: !0, element: /* @__PURE__ */ n(Ba, { onSelect: b }) }), t[10] = b, t[11] = c) : c = t[11];
+  let o;
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ n(De, { index: !0, element: /* @__PURE__ */ n(Li, {}) }), t[12] = o) : o = t[12];
+  let u;
+  t[13] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ v(De, { path: An.children.org.children.projects.children.newAgent.children.create.children.catalog.path, children: [
+    o,
+    /* @__PURE__ */ n(De, { path: An.children.org.children.projects.children.newAgent.children.create.children.catalog.children.withKind.path, element: /* @__PURE__ */ n(Ii, {}) })
+  ] }), t[13] = u) : u = t[13];
+  let h;
+  t[14] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ n(De, { path: An.children.org.children.projects.children.newAgent.children.create.children.source.path, element: /* @__PURE__ */ n(ki, {}) }), t[14] = h) : h = t[14];
+  let p;
+  t[15] !== c ? (p = /* @__PURE__ */ v(De, { path: An.children.org.children.projects.children.newAgent.children.create.path, children: [
+    c,
+    u,
+    h
+  ] }), t[15] = c, t[16] = p) : p = t[16];
+  let y;
+  t[17] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(De, { path: "connect", element: /* @__PURE__ */ n($i, {}) }), t[17] = y) : y = t[17];
+  let C;
+  return t[18] !== i || t[19] !== p ? (C = /* @__PURE__ */ v(ia, { children: [
+    i,
+    p,
+    y
+  ] }), t[18] = i, t[19] = p, t[20] = C) : C = t[20], C;
+}, Hi = {
+  title: "Add New Agent",
+  description: "A page component for Add New Agent",
+  icon: $a,
+  path: Se.children.org.children.projects.children.newAgent.path,
+  component: Di
+};
+export {
+  Di as AddNewAgent,
+  Hi as metaData
+};