@wso2/am-core-ui 0.0.3-rc1 → 0.0.3

package/dist/index-fFjWDg_8.js

@@ -0,0 +1,1871 @@
+import { jsxs as b, jsx as n, Fragment as En } from "react/jsx-runtime";
+import { c as ue } from "react/compiler-runtime";
+import { useParams as Se, generatePath as ve, useNavigate as Rt, Route as Zt, Routes as Tn } from "react-router-dom";
+import { u as wn, g as ye, E as In, I as Ln, P as tn, o as It, a as Vn, b as rn, s as te, c as Rn, _ as an, l as mn, S as Qt, n as Dn, d as On, e as pn, f as ln, h as nn, i as Un, j as Mn, k as $n, m as zn, p as Wn, D as jn, q as Fn, r as Gn, G as Bn, t as qn, v as Hn, w as un, x as hn, B as Kn, y as fn, z as gn, A as Zn } from "./index-B7G9HzWI.js";
+import { Form as N, Typography as V, Box as ne, Divider as yn, TextField as re, Alert as Te, Collapse as Ee, Card as Yn, CardContent as Qn, Button as be, DialogContent as Jn, DialogTitle as Xn, DialogActions as er, Dialog as tr, FormHelperText as Lt, FormControl as Jt, MenuItem as Ye, CircularProgress as Dt, Stack as ae, Select as Xt, SearchBar as nr, ListingTable as on, Tabs as rr, Tooltip as sn, Chip as vn, Tab as ar, Avatar as ir, IconButton as lr, AccordionSummary as or, AccordionDetails as sr, Accordion as cr, FormControlLabel as dr, Checkbox as mr } from "@wso2/oxygen-ui";
+import "@tanstack/react-query";
+import { useState as de, useRef as pr, useMemo as en, useCallback as _e, useEffect as Vt } from "react";
+import { CheckCircle as ur, Circle as bn, Plus as Ot, DoorClosedLocked as hr, Link as Sn, Search as fr, Check as gr, ChevronDown as yr, Trash2 as vr, Rocket as br, UserPlus as Sr } from "@wso2/oxygen-ui-icons-react";
+const cn = (t) => {
+  const e = ue(18), {
+    type: r,
+    title: a,
+    subheader: i,
+    icon: o,
+    onClick: u
+  } = t;
+  let y;
+  e[0] !== u || e[1] !== r ? (y = () => {
+    u(r);
+  }, e[0] = u, e[1] = r, e[2] = y) : y = e[2];
+  const v = y;
+  let s;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    width: 450,
+    py: 2
+  }, e[3] = s) : s = e[3];
+  let m;
+  e[4] !== a ? (m = /* @__PURE__ */ n(V, { width: "100%", variant: "h4", textAlign: "center", children: a }), e[4] = a, e[5] = m) : m = e[5];
+  let c;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "flex-end",
+    height: 250,
+    mb: 10
+  }, e[6] = c) : c = e[6];
+  let d;
+  e[7] !== o ? (d = /* @__PURE__ */ n(ne, { sx: c, children: o }), e[7] = o, e[8] = d) : d = e[8];
+  let p;
+  e[9] !== i ? (p = /* @__PURE__ */ n(V, { variant: "body2", textAlign: "center", children: i }), e[9] = i, e[10] = p) : p = e[10];
+  let g;
+  e[11] !== d || e[12] !== p ? (g = /* @__PURE__ */ b(N.CardContent, { children: [
+    d,
+    p
+  ] }), e[11] = d, e[12] = p, e[13] = g) : g = e[13];
+  let S;
+  return e[14] !== v || e[15] !== m || e[16] !== g ? (S = /* @__PURE__ */ b(N.CardButton, { onClick: v, sx: s, children: [
+    m,
+    g
+  ] }), e[14] = v, e[15] = m, e[16] = g, e[17] = S) : S = e[17], S;
+}, Nr = (t) => {
+  const e = ue(20), {
+    onSelect: r
+  } = t, {
+    orgId: a,
+    projectId: i
+  } = Se(), o = a ?? "default", u = i ?? "default";
+  let y;
+  e[0] !== o || e[1] !== u ? (y = {
+    orgName: o,
+    projName: u
+  }, e[0] = o, e[1] = u, e[2] = y) : y = e[2];
+  const {
+    data: v
+  } = wn(y);
+  let s;
+  e[3] !== r ? (s = (E) => {
+    r(E);
+  }, e[3] = r, e[4] = s) : s = e[4];
+  const m = s, c = !!(v?.agents?.length && v?.agents?.length > 0);
+  let d;
+  e: {
+    if (!c) {
+      d = void 0;
+      break e;
+    }
+    const E = a ?? "", A = i ?? "default";
+    let x;
+    e[5] !== E || e[6] !== A ? (x = ve(ye.children.org.children.projects.path, {
+      orgId: E,
+      projectId: A
+    }), e[5] = E, e[6] = A, e[7] = x) : x = e[7], d = x;
+  }
+  const p = d;
+  let g;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ n(In, { width: 150 }), e[8] = g) : g = e[8];
+  let S;
+  e[9] !== m ? (S = /* @__PURE__ */ n(cn, { type: "existing", title: "Externally-Hosted Agent", subheader: "Connect an existing agent running outside the platform and enable observability and governance.", icon: g, onClick: m }), e[9] = m, e[10] = S) : S = e[10];
+  let C;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ n(Ln, { width: 150 }), e[11] = C) : C = e[11];
+  let l;
+  e[12] !== m ? (l = /* @__PURE__ */ n(cn, { 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: C, onClick: m }), e[12] = m, e[13] = l) : l = e[13];
+  let _;
+  e[14] !== S || e[15] !== l ? (_ = /* @__PURE__ */ b(ne, { display: "flex", flexDirection: "row", gap: 3, width: 1, children: [
+    S,
+    l
+  ] }), e[14] = S, e[15] = l, e[16] = _) : _ = e[16];
+  let P;
+  return e[17] !== p || e[18] !== _ ? (P = /* @__PURE__ */ n(tn, { 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: p, backLabel: "Back to Projects Home", children: _ }), e[17] = p, e[18] = _, e[19] = P) : P = e[19], P;
+}, Nn = {
+  displayName: te().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: te().trim().max(50, "Name must be at most 50 characters"),
+  description: te().trim().optional()
+}, Cr = It({
+  ...Nn,
+  deploymentType: mn("existing").optional()
+}), _r = It({
+  ...Nn,
+  deploymentType: mn("new").optional(),
+  enableAutoInstrumentation: rn().default(!0),
+  instrumentationVersion: an(pn).optional(),
+  repositoryUrl: te().trim().min(1, "Repository URL is required").url("Must be a valid URL"),
+  branch: te().trim().min(1, "Branch is required"),
+  appPath: te().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: te().trim().optional(),
+  runCommand: te().trim().optional(),
+  language: te().trim().min(1, "Language is required"),
+  languageVersion: te().trim().optional(),
+  dockerfilePath: te().trim().optional(),
+  interfaceType: an(["DEFAULT", "CUSTOM"]),
+  port: Rn([Dn(), te(), On()]).transform((t) => {
+    if (!(t === "" || t === null || t === void 0))
+      return typeof t == "string" ? Number(t) : t;
+  }).optional(),
+  basePath: te().trim().optional(),
+  openApiPath: te().trim().optional(),
+  env: Vn(It({
+    key: te().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: te().trim().max(2048, "Environment variable value must be at most 2048 characters").optional(),
+    isSensitive: rn().default(!1)
+  })).max(50, "A maximum of 50 environment variables 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 === "python" && t.languageVersion?.trim() && !Qt.includes(t.languageVersion.trim())), {
+  message: `Python version must be one of: ${Qt.join(", ")}`,
+  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"]
+}), Pr = [{
+  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"
+}], xr = (t) => {
+  const e = ue(57), {
+    formData: r,
+    setFormData: a,
+    errors: i,
+    setFieldError: o,
+    validateField: u
+  } = t;
+  let y;
+  e[0] !== o || e[1] !== a || e[2] !== u ? (y = (L, W) => {
+    let Z = null;
+    if (a((ee) => (Z = {
+      ...ee,
+      [L]: W
+    }, Z)), Z) {
+      const ee = u(L, W, Z);
+      o(L, ee);
+    }
+  }, e[0] = o, e[1] = a, e[2] = u, e[3] = y) : y = e[3];
+  const v = y;
+  let s;
+  e[4] !== o || e[5] !== a || e[6] !== u ? (s = (L) => {
+    a((W) => ({
+      ...W,
+      interfaceType: L,
+      ...L === "DEFAULT" ? {
+        openApiPath: "",
+        port: "",
+        basePath: "/"
+      } : {}
+    })), a((W) => {
+      const Z = u("interfaceType", L, W);
+      if (o("interfaceType", Z), L === "CUSTOM") {
+        const ee = u("port", W.port, W);
+        o("port", ee);
+        const me = u("openApiPath", W.openApiPath, W);
+        o("openApiPath", me);
+        const ie = u("basePath", W.basePath, W);
+        o("basePath", ie);
+      } else
+        o("port", void 0), o("openApiPath", void 0), o("basePath", void 0);
+      return W;
+    });
+  }, e[4] = o, e[5] = a, e[6] = u, e[7] = s) : s = e[7];
+  const m = s;
+  let c;
+  e[8] !== v ? (c = (L) => {
+    const W = L.target.value;
+    /^\d*$/.test(W) && v("port", W === "" ? "" : Number(W));
+  }, e[8] = v, e[9] = c) : c = e[9];
+  const d = c;
+  let p, g;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ n(N.Subheader, { children: "Agent Type" }), g = /* @__PURE__ */ n(V, { variant: "body2", color: "text.secondary", children: "How your agent receives requests" }), e[10] = p, e[11] = g) : (p = e[10], g = e[11]);
+  let S;
+  e[12] !== r.interfaceType || e[13] !== m ? (S = Pr.map((L) => /* @__PURE__ */ n(N.CardButton, { onClick: () => m(L.value), selected: r.interfaceType === L.value, sx: {
+    maxWidth: 500,
+    flexGrow: 1
+  }, children: /* @__PURE__ */ n(N.CardContent, { sx: {
+    height: "100%"
+  }, children: /* @__PURE__ */ b(ne, { display: "flex", flexDirection: "row", alignItems: "center", height: "100%", gap: 1, children: [
+    /* @__PURE__ */ n(ne, { children: r.interfaceType === L.value ? /* @__PURE__ */ n(ur, { size: 16 }) : /* @__PURE__ */ n(bn, { size: 16 }) }),
+    /* @__PURE__ */ n(yn, { orientation: "vertical", flexItem: !0 }),
+    /* @__PURE__ */ b(ne, { children: [
+      /* @__PURE__ */ n(V, { variant: "h6", children: L.label }),
+      /* @__PURE__ */ n(V, { variant: "caption", children: L.description })
+    ] })
+  ] }) }) }, L.value)), e[12] = r.interfaceType, e[13] = m, e[14] = S) : S = e[14];
+  let C;
+  e[15] !== S ? (C = /* @__PURE__ */ n(ne, { display: "flex", flexDirection: "row", gap: 1, children: S }), e[15] = S, e[16] = C) : C = e[16];
+  const l = r.interfaceType === "DEFAULT";
+  let _;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n("strong", { children: "POST /chat" }), e[17] = _) : _ = e[17];
+  let P, E;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ n("strong", { children: "8000" }), E = /* @__PURE__ */ n("br", {}), e[18] = P, e[19] = E) : (P = e[18], E = e[19]);
+  let A, x;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ n("code", { children: "{message: string, session_id: string, context: JSON}" }), x = /* @__PURE__ */ n("br", {}), e[20] = A, e[21] = x) : (A = e[20], x = e[21]);
+  let R;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ b(Te, { severity: "info", children: [
+    "Uses the standard chat interface: ",
+    _,
+    " on port ",
+    P,
+    E,
+    "Request:",
+    " ",
+    A,
+    x,
+    "Response: ",
+    /* @__PURE__ */ n("code", { children: "{response: string}" })
+  ] }), e[22] = R) : R = e[22];
+  let w;
+  e[23] !== l ? (w = /* @__PURE__ */ n(Ee, { in: l, children: R }), e[23] = l, e[24] = w) : w = e[24];
+  const D = r.interfaceType === "CUSTOM", I = r.openApiPath || "";
+  let U;
+  e[25] !== v ? (U = (L) => v("openApiPath", L.target.value), e[25] = v, e[26] = U) : U = e[26];
+  const G = !!i.openApiPath, M = i.openApiPath || "Path to OpenAPI schema file in your repository";
+  let T;
+  e[27] !== I || e[28] !== U || e[29] !== G || e[30] !== M ? (T = /* @__PURE__ */ n(ne, { display: "flex", flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ n(N.ElementWrapper, { label: "OpenAPI Spec Path", name: "openApiPath", children: /* @__PURE__ */ n(re, { id: "openApiPath", placeholder: "/openapi.yaml", required: !0, value: I, onChange: U, error: G, helperText: M, fullWidth: !0 }) }) }), e[27] = I, e[28] = U, e[29] = G, e[30] = M, e[31] = T) : T = e[31];
+  const B = r.port ?? "", $ = !!i.port, j = i.port || (r.port ? void 0 : "Port is required");
+  let F;
+  e[32] !== d || e[33] !== B || e[34] !== $ || e[35] !== j ? (F = /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(N.ElementWrapper, { label: "Port", name: "port", children: /* @__PURE__ */ n(re, { id: "port", placeholder: "8080", required: !0, value: B, onChange: d, type: "number", error: $, helperText: j }) }) }), e[32] = d, e[33] = B, e[34] = $, e[35] = j, e[36] = F) : F = e[36];
+  let h;
+  e[37] !== T || e[38] !== F ? (h = /* @__PURE__ */ b(N.Stack, { direction: "row", spacing: 2, children: [
+    T,
+    F
+  ] }), e[37] = T, e[38] = F, e[39] = h) : h = e[39];
+  const f = r.basePath || "";
+  let k;
+  e[40] !== v ? (k = (L) => v("basePath", L.target.value), e[40] = v, e[41] = k) : k = e[41];
+  const O = !!i.basePath, z = i.basePath || "API base path (e.g., / or /api/v1)";
+  let Q;
+  e[42] !== f || e[43] !== k || e[44] !== O || e[45] !== z ? (Q = /* @__PURE__ */ n(N.ElementWrapper, { label: "Base Path", name: "basePath", children: /* @__PURE__ */ n(re, { id: "basePath", placeholder: "/", required: !0, value: f, onChange: k, error: O, helperText: z, fullWidth: !0 }) }), e[42] = f, e[43] = k, e[44] = O, e[45] = z, e[46] = Q) : Q = e[46];
+  let H;
+  e[47] !== h || e[48] !== Q ? (H = /* @__PURE__ */ b(N.Stack, { spacing: 2, children: [
+    h,
+    Q
+  ] }), e[47] = h, e[48] = Q, e[49] = H) : H = e[49];
+  let K;
+  e[50] !== D || e[51] !== H ? (K = /* @__PURE__ */ n(Ee, { in: D, children: H }), e[50] = D, e[51] = H, e[52] = K) : K = e[52];
+  let J;
+  return e[53] !== w || e[54] !== K || e[55] !== C ? (J = /* @__PURE__ */ b(N.Section, { children: [
+    p,
+    g,
+    /* @__PURE__ */ b(N.Stack, { spacing: 2, children: [
+      C,
+      w,
+      K
+    ] })
+  ] }), e[53] = w, e[54] = K, e[55] = C, e[56] = J) : J = e[56], J;
+}, Ar = ({
+  formData: t,
+  setFormData: e,
+  llmReservedNames: r = /* @__PURE__ */ new Set()
+}) => {
+  const a = t.env || [], i = a.some((s) => !s?.key || !s?.value), o = () => {
+    e((s) => ({
+      ...s,
+      env: [...s.env || [], {
+        key: "",
+        value: "",
+        isSensitive: !1
+      }]
+    }));
+  }, u = (s) => {
+    e((m) => ({
+      ...m,
+      env: m.env?.filter((c, d) => d !== s) || []
+    }));
+  }, y = (s, m, c) => {
+    e((d) => ({
+      ...d,
+      env: d.env?.map((p, g) => g === s ? {
+        ...p,
+        [m]: c
+      } : p) || []
+    }));
+  }, v = (s, m) => {
+    e((c) => {
+      const d = c.env || [];
+      return d.length > 0 ? {
+        ...c,
+        env: d.map((p, g) => g === 0 ? {
+          ...p,
+          [s]: m
+        } : p)
+      } : {
+        ...c,
+        env: [{
+          key: s === "key" ? m : "",
+          value: s === "value" ? m : "",
+          isSensitive: s === "isSensitive" ? m : !1
+        }]
+      };
+    });
+  };
+  return /* @__PURE__ */ n(Yn, { variant: "outlined", children: /* @__PURE__ */ b(Qn, { children: [
+    /* @__PURE__ */ n(ne, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: /* @__PURE__ */ n(V, { variant: "h5", children: "Environment Variables (Optional)" }) }),
+    /* @__PURE__ */ n(ne, { display: "flex", flexDirection: "column", py: 2, gap: 2, children: a.length ? a.map((s, m) => {
+      const c = new Set(a.flatMap((p, g) => g !== m && p.key ? [p.key] : [])), d = s.key && r.has(s.key) ? "Already used as an LLM provider variable" : s.key && c.has(s.key) ? "Duplicate key" : void 0;
+      return /* @__PURE__ */ n(ln, { index: m, keyValue: s.key || "", valueValue: s.value || "", isSensitive: s.isSensitive || !1, onKeyChange: (p) => y(m, "key", p), onValueChange: (p) => y(m, "value", p), onSensitiveChange: (p) => y(m, "isSensitive", p), onRemove: () => u(m), keyError: d }, `env-${m}`);
+    }) : /* @__PURE__ */ n(ln, { index: 0, keyValue: a?.[0]?.key || "", valueValue: a?.[0]?.value || "", isSensitive: a?.[0]?.isSensitive || !1, onKeyChange: (s) => v("key", s), onValueChange: (s) => v("value", s), onSensitiveChange: (s) => v("isSensitive", s), onRemove: () => u(0), keyError: a?.[0]?.key && r.has(a[0].key) ? "Already used as an LLM provider variable" : void 0 }, "env-0") }),
+    /* @__PURE__ */ n(be, { startIcon: /* @__PURE__ */ n(Ot, { fontSize: "small" }), disabled: i, variant: "outlined", color: "primary", size: "small", onClick: o, children: "Add" })
+  ] }) });
+}, kr = It({
+  name: te().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: te().trim().min(1, "Username is required"),
+  password: te().min(1, "Password/PAT is required")
+}), Yt = {
+  name: "",
+  username: "",
+  password: ""
+}, Er = (t) => {
+  const e = ue(59), {
+    open: r,
+    onClose: a,
+    onSecretCreated: i
+  } = t, {
+    orgId: o
+  } = Se(), [u, y] = de(Yt), {
+    errors: v,
+    validateForm: s,
+    clearErrors: m,
+    clearFieldError: c
+  } = nn(kr), {
+    mutate: d,
+    isPending: p,
+    error: g,
+    reset: S
+  } = Un();
+  let C;
+  e[0] !== c ? (C = (L, W) => {
+    y((Z) => ({
+      ...Z,
+      [L]: W
+    })), c(L);
+  }, e[0] = c, e[1] = C) : C = e[1];
+  const l = C;
+  let _;
+  e[2] !== d || e[3] !== u || e[4] !== i || e[5] !== o || e[6] !== s ? (_ = () => {
+    s(u) && d({
+      params: {
+        orgName: o
+      },
+      body: {
+        name: u.name.trim(),
+        type: "basic-auth",
+        credentials: {
+          username: u.username.trim(),
+          password: u.password
+        }
+      }
+    }, {
+      onSuccess: () => {
+        i(u.name.trim()), y(Yt);
+      }
+    });
+  }, e[2] = d, e[3] = u, e[4] = i, e[5] = o, e[6] = s, e[7] = _) : _ = e[7];
+  const P = _;
+  let E;
+  e[8] !== m || e[9] !== p || e[10] !== a || e[11] !== S ? (E = () => {
+    p || (y(Yt), m(), S(), a());
+  }, e[8] = m, e[9] = p, e[10] = a, e[11] = S, e[12] = E) : E = e[12];
+  const A = E;
+  let x;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ n(Xn, { children: "Create Git Secret" }), e[13] = x) : x = e[13];
+  let R, w;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (R = {
+    mt: 1
+  }, w = /* @__PURE__ */ n(V, { 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] = R, e[15] = w) : (R = e[14], w = e[15]);
+  let D;
+  e[16] !== g ? (D = !!g && /* @__PURE__ */ n(Te, { severity: "error", children: "Failed to create git secret. Please try again." }), e[16] = g, e[17] = D) : D = e[17];
+  let I;
+  e[18] !== l ? (I = (L) => l("name", L.target.value), e[18] = l, e[19] = I) : I = e[19];
+  const U = !!v.name, G = v.name || "A unique name for this secret";
+  let M;
+  e[20] !== u.name || e[21] !== G || e[22] !== I || e[23] !== U ? (M = /* @__PURE__ */ n(N.ElementWrapper, { label: "Secret Name", name: "name", children: /* @__PURE__ */ n(re, { id: "name", placeholder: "e.g., my-github-pat", value: u.name, onChange: I, error: U, helperText: G, fullWidth: !0 }) }), e[20] = u.name, e[21] = G, e[22] = I, e[23] = U, e[24] = M) : M = e[24];
+  let T;
+  e[25] !== l ? (T = (L) => l("username", L.target.value), e[25] = l, e[26] = T) : T = e[26];
+  const B = !!v.username, $ = v.username || "Your Git username";
+  let j;
+  e[27] !== u.username || e[28] !== T || e[29] !== B || e[30] !== $ ? (j = /* @__PURE__ */ n(N.ElementWrapper, { label: "Username", name: "username", children: /* @__PURE__ */ n(re, { id: "username", placeholder: "e.g., your-github-username", value: u.username, onChange: T, error: B, helperText: $, fullWidth: !0 }) }), e[27] = u.username, e[28] = T, e[29] = B, e[30] = $, e[31] = j) : j = e[31];
+  let F;
+  e[32] !== l ? (F = (L) => l("password", L.target.value), e[32] = l, e[33] = F) : F = e[33];
+  const h = !!v.password, f = v.password || "Your personal access token (PAT) with repo access";
+  let k;
+  e[34] !== u.password || e[35] !== F || e[36] !== h || e[37] !== f ? (k = /* @__PURE__ */ n(N.ElementWrapper, { label: "Personal Access Token", name: "password", children: /* @__PURE__ */ n(re, { id: "password", placeholder: "ghp_xxxxxxxxxxxx", type: "password", value: u.password, onChange: F, error: h, helperText: f, fullWidth: !0 }) }), e[34] = u.password, e[35] = F, e[36] = h, e[37] = f, e[38] = k) : k = e[38];
+  let O;
+  e[39] !== M || e[40] !== j || e[41] !== k || e[42] !== D ? (O = /* @__PURE__ */ n(Jn, { children: /* @__PURE__ */ b(N.Stack, { spacing: 3, sx: R, children: [
+    w,
+    D,
+    M,
+    j,
+    k
+  ] }) }), e[39] = M, e[40] = j, e[41] = k, e[42] = D, e[43] = O) : O = e[43];
+  let z;
+  e[44] !== A || e[45] !== p ? (z = /* @__PURE__ */ n(be, { onClick: A, disabled: p, children: "Cancel" }), e[44] = A, e[45] = p, e[46] = z) : z = e[46];
+  const Q = p ? "Creating..." : "Create Secret";
+  let H;
+  e[47] !== P || e[48] !== p || e[49] !== Q ? (H = /* @__PURE__ */ n(be, { variant: "contained", onClick: P, disabled: p, children: Q }), e[47] = P, e[48] = p, e[49] = Q, e[50] = H) : H = e[50];
+  let K;
+  e[51] !== z || e[52] !== H ? (K = /* @__PURE__ */ b(er, { children: [
+    z,
+    H
+  ] }), e[51] = z, e[52] = H, e[53] = K) : K = e[53];
+  let J;
+  return e[54] !== A || e[55] !== r || e[56] !== O || e[57] !== K ? (J = /* @__PURE__ */ b(tr, { open: r, onClose: A, maxWidth: "sm", fullWidth: !0, children: [
+    x,
+    O,
+    K
+  ] }), e[54] = A, e[55] = r, e[56] = O, e[57] = K, e[58] = J) : J = e[58], J;
+}, Tr = (t) => {
+  const e = ue(35), {
+    formData: r,
+    handleFieldChange: a,
+    errors: i
+  } = t, {
+    orgId: o
+  } = Se(), [u, y] = de(!1);
+  let v;
+  e[0] !== o ? (v = {
+    orgName: o
+  }, e[0] = o, e[1] = v) : v = e[1];
+  let s;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    limit: 100
+  }, e[2] = s) : s = e[2];
+  const {
+    data: m,
+    isLoading: c,
+    refetch: d
+  } = Mn(v, s);
+  let p;
+  e[3] !== m?.secrets ? (p = m?.secrets || [], e[3] = m?.secrets, e[4] = p) : p = e[4];
+  const g = p;
+  let S;
+  e[5] !== a ? (S = (B) => {
+    const $ = B.target.value;
+    if ($ === "__create_new__") {
+      y(!0);
+      return;
+    }
+    a("gitSecretRef", $ || void 0);
+  }, e[5] = a, e[6] = S) : S = e[6];
+  const C = S;
+  let l;
+  e[7] !== a || e[8] !== d ? (l = (B) => {
+    a("gitSecretRef", B), d(), y(!1);
+  }, e[7] = a, e[8] = d, e[9] = l) : l = e[9];
+  const _ = l, P = !!i.gitSecretRef, E = r.gitSecretRef || "";
+  let A;
+  e[10] !== c ? (A = c ? /* @__PURE__ */ n(Dt, { size: 20, sx: {
+    mr: 1
+  } }) : void 0, e[10] = c, e[11] = A) : A = e[11];
+  let x;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ n(Ye, { value: "", children: /* @__PURE__ */ n("em", { children: "Public Repo (None)" }) }), e[12] = x) : x = e[12];
+  let R;
+  e[13] !== g ? (R = g.map(wr), e[13] = g, e[14] = R) : R = e[14];
+  let w;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(Ye, { value: "__create_new__", children: /* @__PURE__ */ n(ae, { direction: "row", spacing: 1, alignItems: "center", children: /* @__PURE__ */ n(be, { variant: "text", size: "small", startIcon: /* @__PURE__ */ n(Ot, { size: 16 }), sx: {
+    textTransform: "none",
+    p: 0
+  }, children: "Create new git secret" }) }) }), e[15] = w) : w = e[15];
+  let D;
+  e[16] !== C || e[17] !== c || e[18] !== R || e[19] !== E || e[20] !== A ? (D = /* @__PURE__ */ b(Xt, { id: "gitSecretRef", value: E, onChange: C, displayEmpty: !0, disabled: c, startAdornment: A, children: [
+    x,
+    R,
+    w
+  ] }), e[16] = C, e[17] = c, e[18] = R, e[19] = E, e[20] = A, e[21] = D) : D = e[21];
+  let I;
+  e[22] !== i.gitSecretRef ? (I = i.gitSecretRef ? /* @__PURE__ */ n(Lt, { error: !0, children: i.gitSecretRef }) : /* @__PURE__ */ n(Lt, { children: "Select a git secret for private repository authentication" }), e[22] = i.gitSecretRef, e[23] = I) : I = e[23];
+  let U;
+  e[24] !== D || e[25] !== I || e[26] !== P ? (U = /* @__PURE__ */ n(N.ElementWrapper, { label: "Git Secret (Optional)", name: "gitSecretRef", children: /* @__PURE__ */ b(Jt, { fullWidth: !0, error: P, children: [
+    D,
+    I
+  ] }) }), e[24] = D, e[25] = I, e[26] = P, e[27] = U) : U = e[27];
+  let G;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (G = () => y(!1), e[28] = G) : G = e[28];
+  let M;
+  e[29] !== _ || e[30] !== u ? (M = /* @__PURE__ */ n(Er, { open: u, onClose: G, onSecretCreated: _ }), e[29] = _, e[30] = u, e[31] = M) : M = e[31];
+  let T;
+  return e[32] !== U || e[33] !== M ? (T = /* @__PURE__ */ b(En, { children: [
+    U,
+    M
+  ] }), e[32] = U, e[33] = M, e[34] = T) : T = e[34], T;
+};
+function wr(t) {
+  return /* @__PURE__ */ n(Ye, { value: t.name, children: /* @__PURE__ */ n(V, { children: t.name }) }, t.name);
+}
+function Ir(t) {
+  return t?.length ? [...t].sort((e, r) => new Date(r.deployedAt ?? 0).getTime() - new Date(e.deployedAt ?? 0).getTime())[0] ?? null : null;
+}
+const Cn = (t) => {
+  const e = ue(61), {
+    provider: r,
+    isSelected: a,
+    templateInfo: i,
+    fallbackLabel: o
+  } = t, u = o === void 0 ? "Select provider" : o, y = r?.deployments;
+  let v, s, m, c, d, p, g, S, C, l, _;
+  if (e[0] !== u || e[1] !== a || e[2] !== r || e[3] !== y || e[4] !== i) {
+    const M = Ir(y);
+    s = ae, C = "row", l = 2, _ = 1, m = "center";
+    const T = a ? "primary.main" : "secondary.main", B = a ? "common.white" : "text.secondary";
+    let $;
+    e[16] !== T || e[17] !== B ? ($ = {
+      height: 32,
+      width: 32,
+      backgroundColor: T,
+      color: B
+    }, e[16] = T, e[17] = B, e[18] = $) : $ = e[18];
+    let j;
+    e[19] !== a ? (j = a ? /* @__PURE__ */ n(gr, { size: 16 }) : /* @__PURE__ */ n(bn, { size: 16 }), e[19] = a, e[20] = j) : j = e[20], e[21] !== $ || e[22] !== j ? (c = /* @__PURE__ */ n(ir, { sx: $, children: j }), e[21] = $, e[22] = j, e[23] = c) : c = e[23], v = ae, d = 0.25, p = 1;
+    const F = r?.name ?? u;
+    let h;
+    e[24] !== F ? (h = /* @__PURE__ */ b(V, { variant: "h6", children: [
+      F,
+      "  "
+    ] }), e[24] = F, e[25] = h) : h = e[25];
+    let f;
+    e[26] !== r || e[27] !== i ? (f = r?.template && /* @__PURE__ */ n(sn, { title: "Provider template", placement: "top", arrow: !0, children: /* @__PURE__ */ n(vn, { label: i?.displayName ?? r.template, size: "small", variant: "outlined", icon: i?.logoUrl ? /* @__PURE__ */ n(ne, { component: "img", src: i.logoUrl, alt: i.displayName, sx: {
+      width: 14,
+      height: 14,
+      borderRadius: "100%"
+    } }) : void 0 }) }), e[26] = r, e[27] = i, e[28] = f) : f = e[28], e[29] !== h || e[30] !== f ? (g = /* @__PURE__ */ b(ae, { direction: "row", spacing: 0.25, alignItems: "center", children: [
+      h,
+      f
+    ] }), e[29] = h, e[30] = f, e[31] = g) : g = e[31], S = M?.deployedAt && /* @__PURE__ */ b(V, { variant: "caption", color: "text.secondary", children: [
+      "Deployed ",
+      qn(new Date(M.deployedAt), {
+        addSuffix: !0
+      })
+    ] }), e[0] = u, e[1] = a, e[2] = r, e[3] = y, e[4] = i, e[5] = v, e[6] = s, e[7] = m, e[8] = c, e[9] = d, e[10] = p, e[11] = g, e[12] = S, e[13] = C, e[14] = l, e[15] = _;
+  } else
+    v = e[5], s = e[6], m = e[7], c = e[8], d = e[9], p = e[10], g = e[11], S = e[12], C = e[13], l = e[14], _ = e[15];
+  let P;
+  e[32] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ n(yn, { orientation: "vertical" }), e[32] = P) : P = e[32];
+  const E = r?.rateLimiting ? "text.primary" : "text.disabled";
+  let A;
+  e[33] !== r ? (A = r?.rateLimiting ? (() => {
+    const M = [], T = r.rateLimiting.providerLevel, B = r.rateLimiting.consumerLevel;
+    return T?.requestLimitCount && M.push(`${T.requestLimitCount} req/min`), T?.tokenLimitCount && M.push(`${T.tokenLimitCount} tokens/min`), B?.requestLimitCount && M.push(`Consumer: ${B.requestLimitCount} req/min`), M.length > 0 ? M.join(", ") : "Configured";
+  })() : "Not configured", e[33] = r, e[34] = A) : A = e[34];
+  let x;
+  e[35] !== E || e[36] !== A ? (x = /* @__PURE__ */ b(V, { variant: "caption", color: "text.secondary", children: [
+    "Rate Limiting:",
+    " ",
+    /* @__PURE__ */ n(V, { component: "span", variant: "body2", color: E, children: A })
+  ] }), e[35] = E, e[36] = A, e[37] = x) : x = e[37];
+  const R = r?.policies?.length ? "text.primary" : "text.disabled";
+  let w;
+  e[38] !== r ? (w = r?.policies?.length ? /* @__PURE__ */ b(ae, { direction: "row", spacing: 0.25, flexWrap: "wrap", alignItems: "center", children: [
+    r.policies.slice(0, 3).map(Rr),
+    r.policies.length > 3 && /* @__PURE__ */ n(sn, { title: r.policies.join(", "), placement: "top", arrow: !0, children: /* @__PURE__ */ n(V, { variant: "caption", color: "text.secondary", children: ` +${r.policies.length - 3} more..` }) })
+  ] }) : "None", e[38] = r, e[39] = w) : w = e[39];
+  let D;
+  e[40] !== R || e[41] !== w ? (D = /* @__PURE__ */ b(V, { variant: "caption", color: "text.secondary", children: [
+    "Guardrails:",
+    " ",
+    /* @__PURE__ */ n(V, { component: "span", variant: "body2", color: R, children: w })
+  ] }), e[40] = R, e[41] = w, e[42] = D) : D = e[42];
+  let I;
+  e[43] !== x || e[44] !== D ? (I = /* @__PURE__ */ b(ae, { direction: "column", spacing: 0.25, children: [
+    x,
+    D
+  ] }), e[43] = x, e[44] = D, e[45] = I) : I = e[45];
+  let U;
+  e[46] !== v || e[47] !== I || e[48] !== d || e[49] !== p || e[50] !== g || e[51] !== S ? (U = /* @__PURE__ */ b(v, { spacing: d, flexGrow: p, children: [
+    g,
+    S,
+    P,
+    I
+  ] }), e[46] = v, e[47] = I, e[48] = d, e[49] = p, e[50] = g, e[51] = S, e[52] = U) : U = e[52];
+  let G;
+  return e[53] !== s || e[54] !== m || e[55] !== c || e[56] !== U || e[57] !== C || e[58] !== l || e[59] !== _ ? (G = /* @__PURE__ */ b(s, { direction: C, spacing: l, flexGrow: _, alignItems: m, children: [
+    c,
+    U
+  ] }), e[53] = s, e[54] = m, e[55] = c, e[56] = U, e[57] = C, e[58] = l, e[59] = _, e[60] = G) : G = e[60], G;
+}, Ze = /^[A-Za-z_][A-Za-z0-9_]*$/, Lr = (t) => {
+  const e = ue(93), {
+    entry: r,
+    index: a,
+    providers: i,
+    templateMap: o,
+    environments: u,
+    agentNameUpper: y,
+    usedVarNames: v,
+    onOpenDrawer: s,
+    onRemove: m,
+    onUpdateEntry: c
+  } = t, [d, p] = de(0), g = u[d]?.name ?? "", S = r.selectedProviderByEnv[g]?.uuid ?? null;
+  let C;
+  e[0] !== r.selectedProviderByEnv ? (C = Object.values(r.selectedProviderByEnv).find(Dr), e[0] = r.selectedProviderByEnv, e[1] = C) : C = e[1];
+  const l = C;
+  let _;
+  e[2] !== l || e[3] !== a || e[4] !== i ? (_ = (l ? i.find((Y) => Y.uuid === l.uuid)?.name : null) ?? `LLM Provider ${a + 1}`, e[2] = l, e[3] = a, e[4] = i, e[5] = _) : _ = e[5];
+  const P = _;
+  let E;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (E = (Y, X) => p(X), e[6] = E) : E = e[6];
+  const A = E;
+  let x;
+  e[7] !== a || e[8] !== m ? (x = (Y) => {
+    Y.stopPropagation(), m(a);
+  }, e[7] = a, e[8] = m, e[9] = x) : x = e[9];
+  const R = x;
+  let w;
+  e[10] !== a || e[11] !== s || e[12] !== g ? (w = () => s(a, g), e[10] = a, e[11] = s, e[12] = g, e[13] = w) : w = e[13];
+  const D = w;
+  let I;
+  e[14] !== r || e[15] !== a || e[16] !== c ? (I = (Y) => {
+    const X = Y.target.value;
+    X !== "" && !Ze.test(X) || c(a, {
+      ...r,
+      urlVarName: X
+    });
+  }, e[14] = r, e[15] = a, e[16] = c, e[17] = I) : I = e[17];
+  const U = I;
+  let G;
+  e[18] !== r || e[19] !== a || e[20] !== c ? (G = (Y) => {
+    const X = Y.target.value;
+    X !== "" && !Ze.test(X) || c(a, {
+      ...r,
+      apikeyVarName: X
+    });
+  }, e[18] = r, e[19] = a, e[20] = c, e[21] = G) : G = e[21];
+  const M = G;
+  let T;
+  e[22] !== r || e[23] !== a || e[24] !== c ? (T = (Y) => {
+    r.guardrails.some((pe) => pe.name === Y.name && pe.version === Y.version) || c(a, {
+      ...r,
+      guardrails: [...r.guardrails, Y]
+    });
+  }, e[22] = r, e[23] = a, e[24] = c, e[25] = T) : T = e[25];
+  const B = T;
+  let $;
+  e[26] !== r || e[27] !== a || e[28] !== c ? ($ = (Y) => {
+    c(a, {
+      ...r,
+      guardrails: r.guardrails.map((X) => X.name === Y.name && X.version === Y.version ? Y : X)
+    });
+  }, e[26] = r, e[27] = a, e[28] = c, e[29] = $) : $ = e[29];
+  const j = $;
+  let F;
+  e[30] !== r || e[31] !== a || e[32] !== c ? (F = (Y, X) => {
+    c(a, {
+      ...r,
+      guardrails: r.guardrails.filter((pe) => !(pe.name === Y && pe.version === X))
+    });
+  }, e[30] = r, e[31] = a, e[32] = c, e[33] = F) : F = e[33];
+  const h = F;
+  let f;
+  e[34] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ n(yr, { size: 18 }), e[34] = f) : f = e[34];
+  const k = `llm-provider-${a}-content`, O = `llm-provider-${a}-header`;
+  let z;
+  e[35] !== P ? (z = /* @__PURE__ */ n(V, { variant: "subtitle2", children: P }), e[35] = P, e[36] = z) : z = e[36];
+  let Q;
+  e[37] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ n(vr, { size: 16 }), e[37] = Q) : Q = e[37];
+  let H;
+  e[38] !== R ? (H = /* @__PURE__ */ n(lr, { size: "small", "aria-label": "Remove LLM provider", onClick: R, children: Q }), e[38] = R, e[39] = H) : H = e[39];
+  let K;
+  e[40] !== z || e[41] !== H ? (K = /* @__PURE__ */ b(ae, { direction: "row", alignItems: "center", justifyContent: "space-between", flexGrow: 1, pr: 1, children: [
+    z,
+    H
+  ] }), e[40] = z, e[41] = H, e[42] = K) : K = e[42];
+  let J;
+  e[43] !== k || e[44] !== O || e[45] !== K ? (J = /* @__PURE__ */ n(or, { expandIcon: f, "aria-controls": k, id: O, children: K }), e[43] = k, e[44] = O, e[45] = K, e[46] = J) : J = e[46];
+  let L;
+  e[47] !== u || e[48] !== d ? (L = u.length > 1 && /* @__PURE__ */ n(rr, { value: d, onChange: A, sx: {
+    mb: 1
+  }, children: u.map(Or) }), e[47] = u, e[48] = d, e[49] = L) : L = e[49];
+  let W;
+  e[50] !== S || e[51] !== u || e[52] !== D || e[53] !== i || e[54] !== d || e[55] !== g || e[56] !== o ? (W = /* @__PURE__ */ n(ne, { children: S ? /* @__PURE__ */ n(N.CardButton, { onClick: D, selected: !0, children: /* @__PURE__ */ n(N.CardContent, { children: /* @__PURE__ */ n(Cn, { provider: i.find((Y) => Y.uuid === S) ?? null, isSelected: !0, templateInfo: o.get(i.find((Y) => Y.uuid === S)?.template ?? "") }) }) }) : /* @__PURE__ */ b(be, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ n(Ot, { size: 16 }), onClick: D, children: [
+    "Select Provider for ",
+    u[d]?.displayName ?? g
+  ] }) }), e[50] = S, e[51] = u, e[52] = D, e[53] = i, e[54] = d, e[55] = g, e[56] = o, e[57] = W) : W = e[57];
+  let Z;
+  e[58] === Symbol.for("react.memo_cache_sentinel") ? (Z = /* @__PURE__ */ n(V, { variant: "subtitle2", gutterBottom: !0, children: "Environment Variables" }), e[58] = Z) : Z = e[58];
+  const ee = r.urlVarName ?? `${y}_${a + 1}_URL`, me = `${y}_${a + 1}_URL`;
+  let ie;
+  e[59] !== r.urlVarName || e[60] !== v ? (ie = r.urlVarName !== void 0 && !Ze.test(r.urlVarName) || r.urlVarName !== void 0 && v.has(r.urlVarName), e[59] = r.urlVarName, e[60] = v, e[61] = ie) : ie = e[61];
+  const Pe = r.urlVarName !== void 0 && !Ze.test(r.urlVarName) ? "Must match /^[A-Za-z_][A-Za-z0-9_]*$/" : r.urlVarName !== void 0 && v.has(r.urlVarName) ? "Name is already used by another provider" : void 0;
+  let le;
+  e[62] !== U || e[63] !== ee || e[64] !== me || e[65] !== ie || e[66] !== Pe ? (le = /* @__PURE__ */ n(N.ElementWrapper, { label: "URL variable name", name: "urlVarName", children: /* @__PURE__ */ n(re, { size: "small", fullWidth: !0, value: ee, onChange: U, placeholder: me, error: ie, helperText: Pe }) }), e[62] = U, e[63] = ee, e[64] = me, e[65] = ie, e[66] = Pe, e[67] = le) : le = e[67];
+  const xe = r.apikeyVarName ?? `${y}_${a + 1}_API_KEY`, Ae = `${y}_${a + 1}_API_KEY`;
+  let oe;
+  e[68] !== r.apikeyVarName || e[69] !== v ? (oe = r.apikeyVarName !== void 0 && !Ze.test(r.apikeyVarName) || r.apikeyVarName !== void 0 && v.has(r.apikeyVarName), e[68] = r.apikeyVarName, e[69] = v, e[70] = oe) : oe = e[70];
+  const ke = r.apikeyVarName !== void 0 && !Ze.test(r.apikeyVarName) ? "Must match /^[A-Za-z_][A-Za-z0-9_]*$/" : r.apikeyVarName !== void 0 && v.has(r.apikeyVarName) ? "Name is already used by another provider" : void 0;
+  let ge;
+  e[71] !== M || e[72] !== xe || e[73] !== Ae || e[74] !== oe || e[75] !== ke ? (ge = /* @__PURE__ */ n(N.ElementWrapper, { label: "API key variable name", name: "apikeyVarName", children: /* @__PURE__ */ n(re, { size: "small", fullWidth: !0, value: xe, onChange: M, placeholder: Ae, error: oe, helperText: ke }) }), e[71] = M, e[72] = xe, e[73] = Ae, e[74] = oe, e[75] = ke, e[76] = ge) : ge = e[76];
+  let se;
+  e[77] !== le || e[78] !== ge ? (se = /* @__PURE__ */ b(ne, { children: [
+    Z,
+    /* @__PURE__ */ b(ae, { direction: "row", spacing: 2, children: [
+      le,
+      ge
+    ] })
+  ] }), e[77] = le, e[78] = ge, e[79] = se) : se = e[79];
+  let he;
+  e[80] !== r.guardrails || e[81] !== B || e[82] !== j || e[83] !== h ? (he = /* @__PURE__ */ n(Bn, { guardrails: r.guardrails, onAddGuardrail: B, onEditGuardrail: j, onRemoveGuardrail: h }), e[80] = r.guardrails, e[81] = B, e[82] = j, e[83] = h, e[84] = he) : he = e[84];
+  let ce;
+  e[85] !== L || e[86] !== W || e[87] !== se || e[88] !== he ? (ce = /* @__PURE__ */ n(sr, { children: /* @__PURE__ */ b(ae, { spacing: 3, children: [
+    L,
+    W,
+    se,
+    he
+  ] }) }), e[85] = L, e[86] = W, e[87] = se, e[88] = he, e[89] = ce) : ce = e[89];
+  let Ne;
+  return e[90] !== J || e[91] !== ce ? (Ne = /* @__PURE__ */ b(cr, { defaultExpanded: !0, children: [
+    J,
+    ce
+  ] }), e[90] = J, e[91] = ce, e[92] = Ne) : Ne = e[92], Ne;
+}, Vr = ({
+  llmProviders: t,
+  setLLMProviders: e,
+  agentDisplayName: r,
+  externalEnvKeys: a = /* @__PURE__ */ new Set()
+}) => {
+  const {
+    orgId: i
+  } = Se(), [o, u] = de(null), [y, v] = de(""), [s, m] = de(!1), [c, d] = de(""), [p, g] = de(""), S = pr(null), C = Rt(), {
+    data: l = [],
+    isLoading: _
+  } = $n({
+    orgName: i
+  }), {
+    data: P,
+    isLoading: E
+  } = zn({
+    orgName: i
+  }, {
+    limit: 50
+  }), {
+    data: A,
+    isLoading: x
+  } = Wn({
+    orgName: i
+  }), R = E || x, w = en(() => {
+    const h = /* @__PURE__ */ new Map();
+    for (const f of A?.templates ?? [])
+      h.set(f.name, {
+        displayName: f.name,
+        logoUrl: f.metadata?.logoUrl
+      }), h.set(f.id, {
+        displayName: f.name,
+        logoUrl: f.metadata?.logoUrl
+      });
+    return h;
+  }, [A]), D = en(() => (P?.entries ?? []).map((h) => ({
+    uuid: h.uuid,
+    id: h.handle,
+    name: h.name,
+    version: h.version,
+    template: h.template,
+    deployments: h.deployments ?? [],
+    security: h.security,
+    rateLimiting: h.rateLimiting,
+    policies: h.policies ?? []
+  })), [P]), I = r ? r.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", U = o !== null ? t[o]?.selectedProviderByEnv[y]?.uuid ?? null : null, G = _e((h, f) => {
+    u(h), v(f), m(!0);
+  }, []), M = _e(() => {
+    u(null), m(!0);
+  }, []), T = _e(() => {
+    S.current && (clearTimeout(S.current), S.current = null), m(!1), d(""), g("");
+  }, []), B = _e((h, f) => {
+    e((k) => {
+      if (o === null) {
+        if (l.length === 0) return k;
+        const O = {};
+        for (const Q of l)
+          O[Q.name] = {
+            uuid: h,
+            handle: f
+          };
+        const z = k.length;
+        return [...k, {
+          selectedProviderByEnv: O,
+          urlVarName: `${I}_${z + 1}_URL`,
+          apikeyVarName: `${I}_${z + 1}_API_KEY`,
+          guardrails: []
+        }];
+      } else {
+        const O = [...k], z = O[o];
+        return z ? (O[o] = {
+          ...z,
+          selectedProviderByEnv: {
+            ...z.selectedProviderByEnv,
+            [y]: {
+              uuid: h,
+              handle: f
+            }
+          }
+        }, O) : k;
+      }
+    }), S.current && (clearTimeout(S.current), S.current = null), m(!1), d(""), g("");
+  }, [o, y, l, I, e]), $ = _e((h) => {
+    e((f) => f.filter((k, O) => O !== h));
+  }, [e]), j = _e((h, f) => {
+    e((k) => {
+      const O = [...k];
+      return O[h] = f, O;
+    });
+  }, [e]), F = _e((h) => {
+    const f = h.target.value;
+    d(f), S.current && clearTimeout(S.current), S.current = setTimeout(() => g(f), 250);
+  }, []);
+  return /* @__PURE__ */ b(N.Section, { children: [
+    /* @__PURE__ */ n(N.Subheader, { children: "LLM Providers (Optional)" }),
+    /* @__PURE__ */ b(ae, { spacing: 1, children: [
+      t.map((h, f) => {
+        const k = /* @__PURE__ */ new Set([...t.flatMap((O, z) => z === f ? [] : [O.urlVarName ?? `${I}_${z + 1}_URL`, O.apikeyVarName ?? `${I}_${z + 1}_API_KEY`]), ...Array.from(a)]);
+        return /* @__PURE__ */ n(Lr, { entry: h, index: f, providers: D, templateMap: w, environments: l, agentNameUpper: I, usedVarNames: k, onOpenDrawer: G, onRemove: $, onUpdateEntry: j }, f);
+      }),
+      /* @__PURE__ */ n(ne, { sx: {
+        pt: t.length > 0 ? 1 : 0
+      }, children: /* @__PURE__ */ n(be, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ n(Ot, { size: 16 }), onClick: M, disabled: _ || E, children: "Add" }) })
+    ] }),
+    /* @__PURE__ */ b(jn, { open: s, onClose: T, minWidth: 740, maxWidth: 740, children: [
+      /* @__PURE__ */ n(Fn, { icon: /* @__PURE__ */ n(hr, { size: 24 }), title: "Select Provider", onClose: T }),
+      /* @__PURE__ */ n(Gn, { children: /* @__PURE__ */ b(ae, { children: [
+        /* @__PURE__ */ n(V, { variant: "body2", color: "text.secondary", sx: {
+          mb: 1
+        }, children: o === null ? "Select a provider for this LLM configuration." : "Change the provider for this LLM configuration." }),
+        /* @__PURE__ */ n(nr, { placeholder: "Search providers", size: "small", fullWidth: !0, value: c, onChange: F, sx: {
+          mb: 1
+        } }),
+        /* @__PURE__ */ n(ae, { spacing: 1, sx: {
+          flex: 1,
+          overflowY: "auto"
+        }, children: R ? /* @__PURE__ */ n(ne, { sx: {
+          display: "flex",
+          justifyContent: "center",
+          py: 4
+        }, children: /* @__PURE__ */ n(Dt, { size: 32 }) }) : (() => {
+          const h = D.filter((f) => {
+            if (!p.trim()) return !0;
+            const k = p.toLowerCase();
+            return f.name.toLowerCase().includes(k) || (f.template ?? "").toLowerCase().includes(k) || (w.get(f.template ?? "")?.displayName ?? "").toLowerCase().includes(k);
+          });
+          if (h.length === 0) {
+            const f = !!p.trim();
+            return /* @__PURE__ */ n(on.Container, { children: /* @__PURE__ */ n(on.EmptyState, { illustration: /* @__PURE__ */ n(fr, { size: 64 }), title: f ? "No LLM Service Providers match your search" : "No LLM Service Providers available", description: f ? "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: !f && i ? /* @__PURE__ */ n(be, { variant: "contained", size: "small", startIcon: /* @__PURE__ */ n(Sn, { size: 16 }), onClick: () => C(ve(ye.children.org.children.llmProviders.children.add.path, {
+              orgId: i
+            })), children: "Add LLM Service Provider" }) : void 0 }) });
+          }
+          return h.map((f) => {
+            const k = U === f.uuid, O = () => B(f.uuid, f.id);
+            return /* @__PURE__ */ n(N.CardButton, { onClick: O, selected: k, "aria-label": `${f.name}. ${k ? "Selected" : "Click to select"}`, children: /* @__PURE__ */ n(N.CardContent, { children: /* @__PURE__ */ n(Cn, { provider: f, isSelected: k, templateInfo: w.get(f.template ?? "") }) }) }, f.uuid);
+          });
+        })() })
+      ] }) })
+    ] })
+  ] });
+};
+function Rr(t) {
+  return /* @__PURE__ */ n(vn, { label: t, size: "small", variant: "outlined" }, t);
+}
+function Dr(t) {
+  return t != null;
+}
+function Or(t, e) {
+  return /* @__PURE__ */ n(ar, { label: t.displayName ?? t.name, value: e }, t.name);
+}
+const Ur = [{
+  label: "Python",
+  value: "python"
+}, {
+  label: "Docker",
+  value: "docker"
+}], _n = "https://wso2.github.io/agent-manager/docs/components/amp-instrumentation/", dn = `${_n}#manual-instrumentation`, Mr = `${_n}#amp-instrumentation-version-mapping`, $r = (t) => {
+  const e = ue(204), {
+    formData: r,
+    setFormData: a,
+    errors: i,
+    setFieldError: o,
+    validateField: u,
+    llmProviders: y,
+    setLLMProviders: v
+  } = t, {
+    orgId: s,
+    projectId: m
+  } = Se(), c = Hn("private-repo-support"), d = c.length === 0 || c[0]?.value?.enabled !== !1;
+  let p;
+  e[0] !== s ? (p = {
+    orgName: s
+  }, e[0] = s, e[1] = p) : p = e[1];
+  const {
+    mutate: g,
+    isPending: S
+  } = un(p);
+  let C;
+  e[2] !== o || e[3] !== a || e[4] !== u ? (C = (q, fe) => {
+    a((Tt) => {
+      const Ce = {
+        ...Tt,
+        [q]: fe
+      }, An = u(q, fe, Ce);
+      if (o(q, An), q === "language") {
+        if (fe === "python") {
+          o("dockerfilePath", void 0);
+          const Kt = u("runCommand", Ce.runCommand, Ce), kn = u("languageVersion", Ce.languageVersion, Ce);
+          o("runCommand", Kt), o("languageVersion", kn);
+        } else if (fe === "docker") {
+          o("runCommand", void 0), o("languageVersion", void 0);
+          const Kt = u("dockerfilePath", Ce.dockerfilePath, Ce);
+          o("dockerfilePath", Kt);
+        }
+      }
+      return Ce;
+    });
+  }, e[2] = o, e[3] = a, e[4] = u, e[5] = C) : C = e[5];
+  const l = C;
+  let _;
+  e[6] !== g || e[7] !== l || e[8] !== m ? (_ = hn.debounce((q) => {
+    if (q.length < 3) {
+      l("name", "");
+      return;
+    }
+    g({
+      displayName: q,
+      resourceType: "agent",
+      projectName: m
+    }, {
+      onSuccess: (fe) => {
+        l("name", fe.name);
+      },
+      onError: zr
+    });
+  }, 500), e[6] = g, e[7] = l, e[8] = m, e[9] = _) : _ = e[9];
+  const P = _;
+  let E, A;
+  e[10] !== P ? (E = () => () => {
+    P.cancel();
+  }, A = [P], e[10] = P, e[11] = E, e[12] = A) : (E = e[11], A = e[12]), Vt(E, A);
+  let x, R;
+  e[13] !== P || e[14] !== r.displayName || e[15] !== l ? (x = () => {
+    r.displayName && r.displayName.length >= 3 ? P(r.displayName) : (P.cancel(), l("name", ""));
+  }, R = [r.displayName, l, P], e[13] = P, e[14] = r.displayName, e[15] = l, e[16] = x, e[17] = R) : (x = e[16], R = e[17]), Vt(x, R);
+  let w;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(N.Subheader, { children: "Agent Details" }), e[18] = w) : w = e[18];
+  let D;
+  e[19] !== l ? (D = (q) => l("displayName", q.target.value), e[19] = l, e[20] = D) : D = e[20];
+  const I = !!i.displayName;
+  let U;
+  e[21] !== i.displayName || e[22] !== S ? (U = S ? /* @__PURE__ */ b(ae, { direction: "row", alignItems: "center", gap: 1, children: [
+    /* @__PURE__ */ n(Dt, { size: 12 }),
+    /* @__PURE__ */ n(V, { variant: "caption", children: "Validating name..." })
+  ] }) : i.displayName || "A name for your agent", e[21] = i.displayName, e[22] = S, e[23] = U) : U = e[23];
+  let G;
+  e[24] !== r.displayName || e[25] !== I || e[26] !== U || e[27] !== D ? (G = /* @__PURE__ */ n(N.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ n(re, { id: "displayName", placeholder: "e.g., Customer Support Agent", value: r.displayName, onChange: D, error: I, helperText: U, fullWidth: !0 }) }), e[24] = r.displayName, e[25] = I, e[26] = U, e[27] = D, e[28] = G) : G = e[28];
+  const M = r.description || "";
+  let T;
+  e[29] !== l ? (T = (q) => l("description", q.target.value), e[29] = l, e[30] = T) : T = e[30];
+  const B = !!i.description;
+  let $;
+  e[31] !== i.description || e[32] !== M || e[33] !== T || e[34] !== B ? ($ = /* @__PURE__ */ n(N.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ n(re, { id: "description", placeholder: "Short description of what this agent does", multiline: !0, minRows: 2, maxRows: 6, value: M, onChange: T, error: B, helperText: i.description, fullWidth: !0 }) }), e[31] = i.description, e[32] = M, e[33] = T, e[34] = B, e[35] = $) : $ = e[35];
+  let j;
+  e[36] !== G || e[37] !== $ ? (j = /* @__PURE__ */ b(N.Section, { children: [
+    w,
+    /* @__PURE__ */ b(N.Stack, { spacing: 2, children: [
+      G,
+      $
+    ] })
+  ] }), e[36] = G, e[37] = $, e[38] = j) : j = e[38];
+  let F;
+  e[39] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ n(N.Subheader, { children: "Repository Details" }), e[39] = F) : F = e[39];
+  let h;
+  e[40] !== l ? (h = (q) => l("repositoryUrl", q.target.value), e[40] = l, e[41] = h) : h = e[41];
+  const f = !!i.repositoryUrl;
+  let k;
+  e[42] !== i.repositoryUrl || e[43] !== r.repositoryUrl || e[44] !== h || e[45] !== f ? (k = /* @__PURE__ */ n(N.ElementWrapper, { label: "GitHub Repository", name: "repositoryUrl", children: /* @__PURE__ */ n(re, { id: "repositoryUrl", placeholder: "https://github.com/username/repo", value: r.repositoryUrl, onChange: h, error: f, helperText: i.repositoryUrl, fullWidth: !0 }) }), e[42] = i.repositoryUrl, e[43] = r.repositoryUrl, e[44] = h, e[45] = f, e[46] = k) : k = e[46];
+  let O;
+  e[47] !== i || e[48] !== r || e[49] !== l || e[50] !== d ? (O = d && /* @__PURE__ */ n(Tr, { formData: r, handleFieldChange: l, errors: i }), e[47] = i, e[48] = r, e[49] = l, e[50] = d, e[51] = O) : O = e[51];
+  let z;
+  e[52] !== l ? (z = (q) => l("branch", q.target.value), e[52] = l, e[53] = z) : z = e[53];
+  const Q = !!i.branch;
+  let H;
+  e[54] !== i.branch || e[55] !== r.branch || e[56] !== z || e[57] !== Q ? (H = /* @__PURE__ */ n(N.ElementWrapper, { label: "Branch", name: "branch", children: /* @__PURE__ */ n(re, { id: "branch", placeholder: "main", value: r.branch, onChange: z, error: Q, helperText: i.branch, fullWidth: !0 }) }), e[54] = i.branch, e[55] = r.branch, e[56] = z, e[57] = Q, e[58] = H) : H = e[58];
+  let K;
+  e[59] !== l ? (K = (q) => l("appPath", q.target.value), e[59] = l, e[60] = K) : K = e[60];
+  const J = !!i.appPath;
+  let L;
+  e[61] !== i.appPath || e[62] !== r.appPath || e[63] !== K || e[64] !== J ? (L = /* @__PURE__ */ n(N.ElementWrapper, { label: "Project Path", name: "appPath", children: /* @__PURE__ */ n(re, { id: "appPath", placeholder: "my-agent", value: r.appPath, onChange: K, error: J, helperText: i.appPath, fullWidth: !0 }) }), e[61] = i.appPath, e[62] = r.appPath, e[63] = K, e[64] = J, e[65] = L) : L = e[65];
+  let W;
+  e[66] !== H || e[67] !== L ? (W = /* @__PURE__ */ b(N.Stack, { direction: "row", spacing: 2, children: [
+    H,
+    L
+  ] }), e[66] = H, e[67] = L, e[68] = W) : W = e[68];
+  let Z;
+  e[69] !== k || e[70] !== O || e[71] !== W ? (Z = /* @__PURE__ */ b(N.Section, { children: [
+    F,
+    /* @__PURE__ */ b(N.Stack, { spacing: 2, children: [
+      k,
+      O,
+      W
+    ] })
+  ] }), e[69] = k, e[70] = O, e[71] = W, e[72] = Z) : Z = e[72];
+  let ee;
+  e[73] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ n(N.Subheader, { children: "Build Details" }), e[73] = ee) : ee = e[73];
+  let me;
+  e[74] !== r.language || e[75] !== l ? (me = Ur.map((q) => {
+    const fe = r.language === q.value;
+    return /* @__PURE__ */ n(N.CardButton, { onClick: () => l("language", q.value), selected: fe, children: /* @__PURE__ */ n(N.CardHeader, { title: /* @__PURE__ */ b(N.Stack, { direction: "row", spacing: 2, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ n(Kn, { language: q.value }),
+      /* @__PURE__ */ n(N.Body, { children: q.label })
+    ] }) }) }, q.value);
+  }), e[74] = r.language, e[75] = l, e[76] = me) : me = e[76];
+  let ie;
+  e[77] !== me ? (ie = /* @__PURE__ */ n(N.Stack, { direction: "row", spacing: 2, children: me }), e[77] = me, e[78] = ie) : ie = e[78];
+  const Pe = r.language === "python";
+  let le;
+  e[79] !== l ? (le = (q) => l("runCommand", q.target.value), e[79] = l, e[80] = le) : le = e[80];
+  const xe = !!i.runCommand, Ae = i.runCommand || "Dependencies auto-install from package.json, requirements.txt, or pyproject.toml";
+  let oe;
+  e[81] !== r.runCommand || e[82] !== le || e[83] !== xe || e[84] !== Ae ? (oe = /* @__PURE__ */ n(N.ElementWrapper, { label: "Start Command", name: "runCommand", children: /* @__PURE__ */ n(re, { id: "runCommand", placeholder: "python main.py", value: r.runCommand, onChange: le, error: xe, helperText: Ae, fullWidth: !0 }) }), e[81] = r.runCommand, e[82] = le, e[83] = xe, e[84] = Ae, e[85] = oe) : oe = e[85];
+  const ke = !!i.languageVersion, ge = r.languageVersion || "";
+  let se;
+  e[86] !== l ? (se = (q) => l("languageVersion", q.target.value), e[86] = l, e[87] = se) : se = e[87];
+  let he;
+  e[88] === Symbol.for("react.memo_cache_sentinel") ? (he = Qt.map(Wr), e[88] = he) : he = e[88];
+  let ce;
+  e[89] !== ge || e[90] !== se ? (ce = /* @__PURE__ */ n(Xt, { id: "languageVersion", value: ge, onChange: se, children: he }), e[89] = ge, e[90] = se, e[91] = ce) : ce = e[91];
+  const Ne = i.languageVersion || "Python runtime version";
+  let Y;
+  e[92] !== Ne ? (Y = /* @__PURE__ */ n(Lt, { children: Ne }), e[92] = Ne, e[93] = Y) : Y = e[93];
+  let X;
+  e[94] !== ke || e[95] !== ce || e[96] !== Y ? (X = /* @__PURE__ */ n(N.ElementWrapper, { label: "Language Version", name: "languageVersion", children: /* @__PURE__ */ b(Jt, { fullWidth: !0, error: ke, children: [
+    ce,
+    Y
+  ] }) }), e[94] = ke, e[95] = ce, e[96] = Y, e[97] = X) : X = e[97];
+  let pe;
+  e[98] !== oe || e[99] !== X ? (pe = /* @__PURE__ */ b(N.Stack, { direction: "row", spacing: 2, children: [
+    oe,
+    X
+  ] }), e[98] = oe, e[99] = X, e[100] = pe) : pe = e[100];
+  const Ut = r.enableAutoInstrumentation ?? !0;
+  let we;
+  e[101] !== l ? (we = (q) => l("enableAutoInstrumentation", q.target.checked), e[101] = l, e[102] = we) : we = e[102];
+  let Ie;
+  e[103] !== Ut || e[104] !== we ? (Ie = /* @__PURE__ */ n(dr, { control: /* @__PURE__ */ n(mr, { checked: Ut, onChange: we }), label: "Enable auto instrumentation" }), e[103] = Ut, e[104] = we, e[105] = Ie) : Ie = e[105];
+  const Mt = r.enableAutoInstrumentation !== !1;
+  let Qe;
+  e[106] === Symbol.for("react.memo_cache_sentinel") ? (Qe = /* @__PURE__ */ n(V, { variant: "body2", color: "text.secondary", children: "Automatically adds OTEL tracing instrumentation to your agent for observability." }), e[106] = Qe) : Qe = e[106];
+  let Je;
+  e[107] === Symbol.for("react.memo_cache_sentinel") ? (Je = {
+    minWidth: 200
+  }, e[107] = Je) : Je = e[107];
+  const $t = !!i.instrumentationVersion, zt = r.instrumentationVersion || "";
+  let Le;
+  e[108] !== l ? (Le = (q) => l("instrumentationVersion", q.target.value), e[108] = l, e[109] = Le) : Le = e[109];
+  let Xe;
+  e[110] === Symbol.for("react.memo_cache_sentinel") ? (Xe = pn.map(jr), e[110] = Xe) : Xe = e[110];
+  let Ve;
+  e[111] !== zt || e[112] !== Le ? (Ve = /* @__PURE__ */ n(Xt, { id: "instrumentationVersion", value: zt, onChange: Le, children: Xe }), e[111] = zt, e[112] = Le, e[113] = Ve) : Ve = e[113];
+  const Wt = i.instrumentationVersion || "Pins the init-container image and the bundled OpenLLMetry SDK version.";
+  let Re;
+  e[114] !== Wt ? (Re = /* @__PURE__ */ n(Lt, { children: Wt }), e[114] = Wt, e[115] = Re) : Re = e[115];
+  let De;
+  e[116] !== $t || e[117] !== Ve || e[118] !== Re ? (De = /* @__PURE__ */ b(ae, { spacing: 1, children: [
+    Qe,
+    /* @__PURE__ */ n(N.ElementWrapper, { label: "AMP Instrumentation Version", name: "instrumentationVersion", children: /* @__PURE__ */ b(Jt, { sx: Je, error: $t, children: [
+      Ve,
+      Re
+    ] }) })
+  ] }), e[116] = $t, e[117] = Ve, e[118] = Re, e[119] = De) : De = e[119];
+  let Oe;
+  e[120] !== Mt || e[121] !== De ? (Oe = /* @__PURE__ */ n(Ee, { in: Mt, children: De }), e[120] = Mt, e[121] = De, e[122] = Oe) : Oe = e[122];
+  const jt = r.enableAutoInstrumentation === !1;
+  let et, tt;
+  e[123] === Symbol.for("react.memo_cache_sentinel") ? (et = {
+    mt: 1
+  }, tt = /* @__PURE__ */ n(V, { variant: "subtitle2", children: "Tracing Support for Python Agents" }), e[123] = et, e[124] = tt) : (et = e[123], tt = e[124]);
+  let nt;
+  e[125] === Symbol.for("react.memo_cache_sentinel") ? (nt = {
+    mt: 1
+  }, e[125] = nt) : nt = e[125];
+  let rt;
+  e[126] === Symbol.for("react.memo_cache_sentinel") ? (rt = /* @__PURE__ */ n(V, { component: "a", href: dn, target: "_blank", rel: "noopener noreferrer", sx: {
+    color: "primary.main"
+  }, children: "manual instrumentation contract" }), e[126] = rt) : rt = e[126];
+  let at;
+  e[127] === Symbol.for("react.memo_cache_sentinel") ? (at = /* @__PURE__ */ n(V, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "amp-instrumentation" }), e[127] = at) : at = e[127];
+  let it;
+  e[128] === Symbol.for("react.memo_cache_sentinel") ? (it = /* @__PURE__ */ b(V, { variant: "body2", sx: nt, children: [
+    "With auto-instrumentation disabled, you can still manually instrument your Python agent using",
+    " ",
+    "your desired instrumentation library. Emit your own spans against the",
+    " ",
+    rt,
+    " ",
+    "—",
+    " ",
+    at,
+    " ",
+    "ships an",
+    " ",
+    /* @__PURE__ */ n(V, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "init_otel()" }),
+    " ",
+    "helper that configures the OTLP exporter for you."
+  ] }), e[128] = it) : it = e[128];
+  let lt;
+  e[129] === Symbol.for("react.memo_cache_sentinel") ? (lt = {
+    mt: 1
+  }, e[129] = lt) : lt = e[129];
+  let ot;
+  e[130] === Symbol.for("react.memo_cache_sentinel") ? (ot = /* @__PURE__ */ n(V, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "AMP_OTEL_ENDPOINT" }), e[130] = ot) : ot = e[130];
+  let st;
+  e[131] === Symbol.for("react.memo_cache_sentinel") ? (st = /* @__PURE__ */ b(V, { variant: "body2", sx: lt, children: [
+    "Environment variables provided:",
+    " ",
+    ot,
+    ", ",
+    /* @__PURE__ */ n(V, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_AGENT_API_KEY" })
+  ] }), e[131] = st) : st = e[131];
+  let ct;
+  e[132] === Symbol.for("react.memo_cache_sentinel") ? (ct = /* @__PURE__ */ n(V, { variant: "body2", sx: {
+    mt: 1
+  }, children: "Example configuration:" }), e[132] = ct) : ct = e[132];
+  let dt;
+  e[133] === Symbol.for("react.memo_cache_sentinel") ? (dt = {
+    mt: 0.5,
+    ml: 1
+  }, e[133] = dt) : dt = e[133];
+  let mt;
+  e[134] === Symbol.for("react.memo_cache_sentinel") ? (mt = /* @__PURE__ */ b(V, { variant: "body2", component: "div", sx: dt, children: [
+    "• OTLP exporter endpoint =",
+    " ",
+    /* @__PURE__ */ n(V, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_OTEL_ENDPOINT" })
+  ] }), e[134] = mt) : mt = e[134];
+  let pt;
+  e[135] === Symbol.for("react.memo_cache_sentinel") ? (pt = {
+    ml: 1
+  }, e[135] = pt) : pt = e[135];
+  let ut;
+  e[136] === Symbol.for("react.memo_cache_sentinel") ? (ut = /* @__PURE__ */ b(Te, { severity: "info", sx: et, children: [
+    tt,
+    it,
+    st,
+    ct,
+    mt,
+    /* @__PURE__ */ b(V, { variant: "body2", component: "div", sx: pt, children: [
+      "• OTLP headers =",
+      " ",
+      /* @__PURE__ */ n(V, { component: "code", sx: {
+        bgcolor: "action.hover",
+        px: 0.5,
+        borderRadius: 0.5
+      }, children: '{"x-amp-api-key": AMP_AGENT_API_KEY}' })
+    ] })
+  ] }), e[136] = ut) : ut = e[136];
+  let Ue;
+  e[137] !== jt ? (Ue = /* @__PURE__ */ n(Ee, { in: jt, children: ut }), e[137] = jt, e[138] = Ue) : Ue = e[138];
+  let Me;
+  e[139] !== Pe || e[140] !== pe || e[141] !== Ie || e[142] !== Oe || e[143] !== Ue ? (Me = /* @__PURE__ */ b(Ee, { in: Pe, children: [
+    pe,
+    Ie,
+    Oe,
+    Ue
+  ] }), e[139] = Pe, e[140] = pe, e[141] = Ie, e[142] = Oe, e[143] = Ue, e[144] = Me) : Me = e[144];
+  const Ft = r.language === "docker", Gt = r.dockerfilePath || "";
+  let $e;
+  e[145] !== l ? ($e = (q) => l("dockerfilePath", q.target.value), e[145] = l, e[146] = $e) : $e = e[146];
+  const Bt = !!i.dockerfilePath, qt = i.dockerfilePath || "Path to Dockerfile in your repository";
+  let ze;
+  e[147] !== Gt || e[148] !== $e || e[149] !== Bt || e[150] !== qt ? (ze = /* @__PURE__ */ n(N.Stack, { direction: "row", spacing: 2, children: /* @__PURE__ */ n(N.ElementWrapper, { label: "Dockerfile Path", name: "dockerfilePath", children: /* @__PURE__ */ n(re, { id: "dockerfilePath", placeholder: "e.g., ./Dockerfile", value: Gt, onChange: $e, error: Bt, helperText: qt, fullWidth: !0 }) }) }), e[147] = Gt, e[148] = $e, e[149] = Bt, e[150] = qt, e[151] = ze) : ze = e[151];
+  let ht;
+  e[152] === Symbol.for("react.memo_cache_sentinel") ? (ht = /* @__PURE__ */ n(V, { variant: "subtitle2", gutterBottom: !0, children: "Tracing Support for Docker-Based Agents" }), e[152] = ht) : ht = e[152];
+  let ft;
+  e[153] === Symbol.for("react.memo_cache_sentinel") ? (ft = /* @__PURE__ */ n(V, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: `pip install amp-instrumentation==${fn}` }), e[153] = ft) : ft = e[153];
+  let gt;
+  e[154] === Symbol.for("react.memo_cache_sentinel") ? (gt = /* @__PURE__ */ n(V, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "amp-instrument python your_script.py" }), e[154] = gt) : gt = e[154];
+  let yt;
+  e[155] === Symbol.for("react.memo_cache_sentinel") ? (yt = /* @__PURE__ */ n(V, { component: "a", href: Mr, target: "_blank", rel: "noopener noreferrer", sx: {
+    color: "primary.main"
+  }, children: "AMP instrumentation version mapping" }), e[155] = yt) : yt = e[155];
+  let vt;
+  e[156] === Symbol.for("react.memo_cache_sentinel") ? (vt = /* @__PURE__ */ b(V, { variant: "body2", paragraph: !0, children: [
+    "Docker-based agents require OTEL instrumentation to export traces. For Python, use",
+    " ",
+    ft,
+    " ",
+    "and run with",
+    " ",
+    gt,
+    " ",
+    "for zero-code tracing. To pick a different version, see the",
+    " ",
+    yt,
+    ". For agents on a framework the Traceloop SDK doesn't cover, emit your own spans against the",
+    " ",
+    /* @__PURE__ */ n(V, { component: "a", href: dn, target: "_blank", rel: "noopener noreferrer", sx: {
+      color: "primary.main"
+    }, children: "manual instrumentation contract" }),
+    "."
+  ] }), e[156] = vt) : vt = e[156];
+  let bt;
+  e[157] === Symbol.for("react.memo_cache_sentinel") ? (bt = /* @__PURE__ */ n(V, { component: "code", sx: {
+    bgcolor: "action.hover",
+    px: 0.5,
+    borderRadius: 0.5
+  }, children: "AMP_OTEL_ENDPOINT" }), e[157] = bt) : bt = e[157];
+  let St;
+  e[158] === Symbol.for("react.memo_cache_sentinel") ? (St = /* @__PURE__ */ b(V, { variant: "body2", gutterBottom: !0, children: [
+    "Environment variables provided:",
+    " ",
+    bt,
+    ", ",
+    /* @__PURE__ */ n(V, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_AGENT_API_KEY" })
+  ] }), e[158] = St) : St = e[158];
+  let Nt;
+  e[159] === Symbol.for("react.memo_cache_sentinel") ? (Nt = /* @__PURE__ */ n(V, { variant: "body2", sx: {
+    mt: 1
+  }, children: "Example configuration:" }), e[159] = Nt) : Nt = e[159];
+  let Ct;
+  e[160] === Symbol.for("react.memo_cache_sentinel") ? (Ct = {
+    mt: 0.5,
+    ml: 1
+  }, e[160] = Ct) : Ct = e[160];
+  let _t;
+  e[161] === Symbol.for("react.memo_cache_sentinel") ? (_t = /* @__PURE__ */ b(V, { variant: "body2", component: "div", sx: Ct, children: [
+    "• OTLP exporter endpoint =",
+    " ",
+    /* @__PURE__ */ n(V, { component: "code", sx: {
+      bgcolor: "action.hover",
+      px: 0.5,
+      borderRadius: 0.5
+    }, children: "AMP_OTEL_ENDPOINT" })
+  ] }), e[161] = _t) : _t = e[161];
+  let Pt;
+  e[162] === Symbol.for("react.memo_cache_sentinel") ? (Pt = {
+    ml: 1
+  }, e[162] = Pt) : Pt = e[162];
+  let xt;
+  e[163] === Symbol.for("react.memo_cache_sentinel") ? (xt = /* @__PURE__ */ b(Te, { severity: "info", children: [
+    ht,
+    vt,
+    St,
+    Nt,
+    _t,
+    /* @__PURE__ */ b(V, { variant: "body2", component: "div", sx: Pt, children: [
+      "• OTLP headers =",
+      " ",
+      /* @__PURE__ */ n(V, { component: "code", sx: {
+        bgcolor: "action.hover",
+        px: 0.5,
+        borderRadius: 0.5
+      }, children: '{"x-amp-api-key": AMP_AGENT_API_KEY}' })
+    ] })
+  ] }), e[163] = xt) : xt = e[163];
+  let We;
+  e[164] !== ze ? (We = /* @__PURE__ */ b(ae, { spacing: 2, children: [
+    ze,
+    xt
+  ] }), e[164] = ze, e[165] = We) : We = e[165];
+  let je;
+  e[166] !== Ft || e[167] !== We ? (je = /* @__PURE__ */ n(Ee, { in: Ft, children: We }), e[166] = Ft, e[167] = We, e[168] = je) : je = e[168];
+  let Fe;
+  e[169] !== ie || e[170] !== Me || e[171] !== je ? (Fe = /* @__PURE__ */ b(N.Section, { children: [
+    ee,
+    /* @__PURE__ */ b(N.Stack, { spacing: 2, children: [
+      ie,
+      Me,
+      je
+    ] })
+  ] }), e[169] = ie, e[170] = Me, e[171] = je, e[172] = Fe) : Fe = e[172];
+  let Ge;
+  e[173] !== i || e[174] !== r || e[175] !== o || e[176] !== a || e[177] !== u ? (Ge = /* @__PURE__ */ n(xr, { formData: r, setFormData: a, errors: i, setFieldError: o, validateField: u }), e[173] = i, e[174] = r, e[175] = o, e[176] = a, e[177] = u, e[178] = Ge) : Ge = e[178];
+  let Be;
+  e[179] !== r.env ? (Be = new Set((r.env ?? []).map(Fr).filter(Gr)), e[179] = r.env, e[180] = Be) : Be = e[180];
+  let qe;
+  e[181] !== r.displayName || e[182] !== y || e[183] !== v || e[184] !== Be ? (qe = /* @__PURE__ */ n(Vr, { llmProviders: y, setLLMProviders: v, agentDisplayName: r.displayName, externalEnvKeys: Be }), e[181] = r.displayName, e[182] = y, e[183] = v, e[184] = Be, e[185] = qe) : qe = e[185];
+  let At;
+  e[186] !== r.displayName ? (At = r.displayName ? r.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", e[186] = r.displayName, e[187] = At) : At = e[187];
+  const He = At;
+  let kt;
+  if (e[188] !== He || e[189] !== y) {
+    let q;
+    e[191] !== He ? (q = (fe, Tt) => [fe.urlVarName ?? `${He}_${Tt + 1}_URL`, fe.apikeyVarName ?? `${He}_${Tt + 1}_API_KEY`], e[191] = He, e[192] = q) : q = e[192], kt = new Set(y.flatMap(q)), e[188] = He, e[189] = y, e[190] = kt;
+  } else
+    kt = e[190];
+  const Ht = kt;
+  let Ke;
+  e[193] !== r || e[194] !== a || e[195] !== Ht ? (Ke = /* @__PURE__ */ n(Ar, { formData: r, setFormData: a, llmReservedNames: Ht }), e[193] = r, e[194] = a, e[195] = Ht, e[196] = Ke) : Ke = e[196];
+  let Et;
+  return e[197] !== Fe || e[198] !== Ge || e[199] !== qe || e[200] !== Ke || e[201] !== j || e[202] !== Z ? (Et = /* @__PURE__ */ b(N.Stack, { spacing: 3, children: [
+    j,
+    Z,
+    Fe,
+    Ge,
+    qe,
+    Ke
+  ] }), e[197] = Fe, e[198] = Ge, e[199] = qe, e[200] = Ke, e[201] = j, e[202] = Z, e[203] = Et) : Et = e[203], Et;
+};
+function zr(t) {
+  console.error("Failed to generate name:", t);
+}
+function Wr(t) {
+  return /* @__PURE__ */ n(Ye, { value: t, children: t }, t);
+}
+function jr(t) {
+  return /* @__PURE__ */ n(Ye, { value: t, children: t }, t);
+}
+function Fr(t) {
+  return t.key;
+}
+function Gr(t) {
+  return !!t;
+}
+const Pn = (t) => {
+  const e = ue(22), {
+    lastSubmittedValidationErrors: r,
+    isPending: a,
+    onCancel: i,
+    onSubmit: o,
+    mode: u,
+    isNameEmpty: y,
+    hasLLMVarConflicts: v
+  } = t, s = u === void 0 ? "deploy" : u, m = y === void 0 ? !1 : y, c = v === void 0 ? !1 : v, d = s === "connect";
+  let p;
+  e[0] !== r ? (p = Object.values(r), e[0] = r, e[1] = p) : p = e[1];
+  const g = p, S = g.length > 0;
+  let C;
+  e[2] !== g ? (C = /* @__PURE__ */ n(Te, { severity: "error", children: g.map(Br) }), e[2] = g, e[3] = C) : C = e[3];
+  let l;
+  e[4] !== S || e[5] !== C ? (l = /* @__PURE__ */ n(Ee, { in: S, timeout: "auto", unmountOnExit: !0, children: C }), e[4] = S, e[5] = C, e[6] = l) : l = e[6];
+  let _;
+  e[7] !== i ? (_ = /* @__PURE__ */ n(be, { variant: "outlined", color: "primary", size: "medium", onClick: i, children: "Cancel" }), e[7] = i, e[8] = _) : _ = e[8];
+  let P;
+  e[9] !== d ? (P = d ? /* @__PURE__ */ n(Sn, { size: 16 }) : /* @__PURE__ */ n(br, { size: 16 }), e[9] = d, e[10] = P) : P = e[10];
+  const E = a || m || c, A = d ? "Register" : "Deploy";
+  let x;
+  e[11] !== o || e[12] !== A || e[13] !== P || e[14] !== E ? (x = /* @__PURE__ */ n(be, { variant: "contained", color: "primary", size: "medium", startIcon: P, onClick: o, disabled: E, children: A }), e[11] = o, e[12] = A, e[13] = P, e[14] = E, e[15] = x) : x = e[15];
+  let R;
+  e[16] !== x || e[17] !== _ ? (R = /* @__PURE__ */ b(ne, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    _,
+    x
+  ] }), e[16] = x, e[17] = _, e[18] = R) : R = e[18];
+  let w;
+  return e[19] !== R || e[20] !== l ? (w = /* @__PURE__ */ b(ne, { display: "flex", flexDirection: "column", gap: 3, children: [
+    l,
+    R
+  ] }), e[19] = R, e[20] = l, e[21] = w) : w = e[21], w;
+};
+function Br(t, e) {
+  return /* @__PURE__ */ n(ne, { children: t }, e);
+}
+function qr(t) {
+  const e = {};
+  for (const [a, i] of Object.entries(t.selectedProviderByEnv))
+    i && (e[a] = {
+      providerName: i.handle,
+      configuration: {
+        policies: t.guardrails.length > 0 ? t.guardrails.map((o) => ({
+          name: o.name,
+          version: o.version,
+          paths: [{
+            path: "/*",
+            methods: ["*"],
+            params: o.settings ?? {}
+          }]
+        })) : void 0
+      }
+    });
+  if (Object.keys(e).length === 0) return null;
+  const r = [...t.urlVarName ? [{
+    key: "url",
+    name: t.urlVarName
+  }] : [], ...t.apikeyVarName ? [{
+    key: "apikey",
+    name: t.apikeyVarName
+  }] : []];
+  return {
+    envMappings: e,
+    ...r.length > 0 ? {
+      environmentVariables: r
+    } : {}
+  };
+}
+function wt(t) {
+  if (!t.length) return;
+  const e = t.map(qr).filter((r) => r !== null);
+  return e.length > 0 ? e : void 0;
+}
+const xn = (t, e, r = []) => t.deploymentType === "new" ? {
+  params: e,
+  body: {
+    name: t.name,
+    displayName: t.displayName,
+    description: t.description?.trim() || void 0,
+    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"
+      }
+    } : {
+      type: "buildpack",
+      buildpack: {
+        language: t.language ?? "python",
+        languageVersion: t.languageVersion ?? "3.11",
+        runCommand: t.runCommand ?? ""
+      }
+    },
+    configurations: {
+      env: t.env.filter((a) => a.key && a.value).map((a) => ({
+        key: a.key.replace(/\s+/g, "_"),
+        value: a.value,
+        isSensitive: a.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 ?? ""
+        }
+      } : {}
+    },
+    ...wt(r) ? {
+      modelConfig: wt(r)
+    } : {}
+  }
+} : {
+  params: e,
+  body: {
+    name: t.name,
+    displayName: t.displayName,
+    description: t.description,
+    provisioning: {
+      type: "external"
+    },
+    agentType: {
+      type: "external-agent-api",
+      subType: "custom-api"
+    },
+    ...wt(r) ? {
+      modelConfig: wt(r)
+    } : {}
+  }
+}, Hr = () => {
+  const t = ue(57), e = Rt(), {
+    orgId: r,
+    projectId: a
+  } = Se();
+  let i;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+    deploymentType: "new",
+    enableAutoInstrumentation: !0,
+    instrumentationVersion: fn,
+    name: "",
+    displayName: "",
+    description: "",
+    repositoryUrl: "",
+    branch: "main",
+    appPath: "/",
+    runCommand: "python main.py",
+    language: "python",
+    languageVersion: Zn,
+    dockerfilePath: "/Dockerfile",
+    interfaceType: "DEFAULT",
+    port: "",
+    basePath: "/",
+    openApiPath: "",
+    env: []
+  }, t[0] = i) : i = t[0];
+  const [o, u] = de(i), {
+    errors: y,
+    validateForm: v,
+    setFieldError: s,
+    validateField: m
+  } = nn(_r);
+  let c;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (c = [], t[1] = c) : c = t[1];
+  const [d, p] = de(c), {
+    mutate: g,
+    isPending: S,
+    error: C
+  } = gn(), l = r ?? "default", _ = a ?? "default";
+  let P;
+  t[2] !== l || t[3] !== _ ? (P = {
+    orgName: l,
+    projName: _
+  }, t[2] = l, t[3] = _, t[4] = P) : P = t[4];
+  const E = P;
+  let A;
+  t[5] !== e || t[6] !== r || t[7] !== a ? (A = () => {
+    e(ve(ye.children.org.children.projects.path, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, t[5] = e, t[6] = r, t[7] = a, t[8] = A) : A = t[8];
+  const x = A;
+  let R;
+  t[9] === Symbol.for("react.memo_cache_sentinel") ? (R = {}, t[9] = R) : R = t[9];
+  const [w, D] = de(R);
+  let I;
+  t[10] !== g || t[11] !== y || t[12] !== o || t[13] !== d || t[14] !== e || t[15] !== E || t[16] !== v ? (I = () => {
+    if (v(o))
+      D({});
+    else {
+      D(y);
+      return;
+    }
+    const z = xn(o, E, d);
+    g(z, {
+      onSuccess: () => {
+        e(ve(ye.children.org.children.projects.children.agents.path, {
+          orgId: E.orgName ?? "",
+          projectId: E.projName ?? "",
+          agentId: z.body.name
+        }) + "?setup=true");
+      },
+      onError: Kr
+    });
+  }, t[10] = g, t[11] = y, t[12] = o, t[13] = d, t[14] = e, t[15] = E, t[16] = v, t[17] = I) : I = t[17];
+  const U = I, G = r ?? "", M = a ?? "default";
+  let T;
+  t[18] !== G || t[19] !== M ? (T = ve(ye.children.org.children.projects.children.newAgent.path, {
+    orgId: G,
+    projectId: M
+  }), t[18] = G, t[19] = M, t[20] = T) : T = t[20];
+  const B = T;
+  let $;
+  t[21] !== y || t[22] !== o || t[23] !== d || t[24] !== s || t[25] !== m ? ($ = /* @__PURE__ */ n($r, { formData: o, setFormData: u, errors: y, setFieldError: s, validateField: m, llmProviders: d, setLLMProviders: p }), t[21] = y, t[22] = o, t[23] = d, t[24] = s, t[25] = m, t[26] = $) : $ = t[26];
+  let j;
+  t[27] !== C ? (j = !!C && /* @__PURE__ */ n(Te, { severity: "error", sx: {
+    mt: 2
+  }, children: C instanceof Error ? C.message : "Failed to create agent" }), t[27] = C, t[28] = j) : j = t[28];
+  const F = !o.name.trim();
+  let h;
+  e: {
+    let z;
+    t[29] !== o.displayName ? (z = o.displayName ? o.displayName.toUpperCase().replace(/[^A-Z0-9]/g, "_") : "AGENT", t[29] = o.displayName, t[30] = z) : z = t[30];
+    const Q = z;
+    let H, K;
+    if (t[31] !== Q || t[32] !== d) {
+      let W;
+      t[35] !== Q ? (W = (Z, ee) => [Z.urlVarName ?? `${Q}_${ee + 1}_URL`, Z.apikeyVarName ?? `${Q}_${ee + 1}_API_KEY`], t[35] = Q, t[36] = W) : W = t[36], H = d.flatMap(W), K = new Set(H), t[31] = Q, t[32] = d, t[33] = H, t[34] = K;
+    } else
+      H = t[33], K = t[34];
+    const J = K;
+    if (H.length !== J.size) {
+      h = !0;
+      break e;
+    }
+    let L;
+    if (t[37] !== o.env || t[38] !== J) {
+      const W = (o.env ?? []).map(Zr).filter(Yr);
+      if (W.length !== new Set(W).size) {
+        h = !0;
+        break e;
+      }
+      let Z;
+      t[41] !== J ? (Z = (ee) => J.has(ee), t[41] = J, t[42] = Z) : Z = t[42], L = W.some(Z), t[37] = o.env, t[38] = J, t[39] = L, t[40] = h;
+    } else
+      L = t[39], h = t[40];
+    h = L;
+  }
+  let f;
+  t[43] !== x || t[44] !== U || t[45] !== S || t[46] !== w || t[47] !== F || t[48] !== h ? (f = /* @__PURE__ */ n(Pn, { lastSubmittedValidationErrors: w, isPending: S, onCancel: x, onSubmit: U, isNameEmpty: F, mode: "deploy", hasLLMVarConflicts: h }), t[43] = x, t[44] = U, t[45] = S, t[46] = w, t[47] = F, t[48] = h, t[49] = f) : f = t[49];
+  let k;
+  t[50] !== $ || t[51] !== j || t[52] !== f ? (k = /* @__PURE__ */ b(N.Stack, { spacing: 3, children: [
+    $,
+    j,
+    f
+  ] }), t[50] = $, t[51] = j, t[52] = f, t[53] = k) : k = t[53];
+  let O;
+  return t[54] !== B || t[55] !== k ? (O = /* @__PURE__ */ n(tn, { title: "Create a Platform-Hosted Agent", description: "Specify the source repository, select the agent type, and deploy it on the platform.", disableIcon: !0, backHref: B, backLabel: "Back to Agent Hosting Options", children: k }), t[54] = B, t[55] = k, t[56] = O) : O = t[56], O;
+};
+function Kr(t) {
+  console.error("Failed to create agent:", t);
+}
+function Zr(t) {
+  return t.key;
+}
+function Yr(t) {
+  return !!t;
+}
+const Qr = ({
+  formData: t,
+  setFormData: e,
+  errors: r,
+  setFieldError: a,
+  validateField: i
+}) => {
+  const {
+    orgId: o,
+    projectId: u
+  } = Se(), {
+    mutate: y,
+    isPending: v
+  } = un({
+    orgName: o
+  }), s = _e((c, d) => {
+    e((p) => {
+      const g = {
+        ...p,
+        [c]: d
+      }, S = i(c, d, g);
+      return a(c, S), g;
+    });
+  }, [e, i, a]), m = en(
+    () => hn.debounce((c) => {
+      if (c.length < 3) {
+        s("name", "");
+        return;
+      }
+      y({
+        displayName: c,
+        resourceType: "agent",
+        projectName: u
+      }, {
+        onSuccess: (d) => {
+          s("name", d.name);
+        },
+        onError: (d) => {
+          console.error("Failed to generate name:", d);
+        }
+      });
+    }, 500),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [y, u, o, s]
+  );
+  return Vt(() => () => {
+    m.cancel();
+  }, [m]), Vt(() => {
+    t.displayName && t.displayName.length >= 3 ? m(t.displayName) : (m.cancel(), s("name", ""));
+  }, [t.displayName, m, s]), /* @__PURE__ */ n(N.Stack, { spacing: 3, children: /* @__PURE__ */ b(N.Section, { children: [
+    /* @__PURE__ */ n(N.Subheader, { children: "Agent Details" }),
+    /* @__PURE__ */ b(N.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ n(N.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ n(re, { id: "displayName", placeholder: "e.g., Customer Support", value: t.displayName, onChange: (c) => s("displayName", c.target.value), error: !!r.displayName, helperText: v ? /* @__PURE__ */ b(ae, { direction: "row", alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ n(Dt, { size: 12 }),
+        /* @__PURE__ */ n(V, { variant: "caption", children: "Validating name..." })
+      ] }) : r.displayName, fullWidth: !0 }) }),
+      /* @__PURE__ */ n(N.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ n(re, { id: "description", placeholder: "Short description of what this agent does", multiline: !0, minRows: 2, maxRows: 6, value: t.description || "", onChange: (c) => s("description", c.target.value), error: !!r.description, helperText: r.description, fullWidth: !0 }) })
+    ] })
+  ] }) });
+}, Jr = () => {
+  const t = ue(41), e = Rt(), {
+    orgId: r,
+    projectId: a
+  } = Se();
+  let i;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+    deploymentType: "existing",
+    name: "",
+    displayName: "",
+    description: ""
+  }, t[0] = i) : i = t[0];
+  const [o, u] = de(i), {
+    errors: y,
+    validateForm: v,
+    setFieldError: s,
+    validateField: m
+  } = nn(Cr), {
+    mutate: c,
+    isPending: d,
+    error: p
+  } = gn(), g = r ?? "default", S = a ?? "default";
+  let C;
+  t[1] !== g || t[2] !== S ? (C = {
+    orgName: g,
+    projName: S
+  }, t[1] = g, t[2] = S, t[3] = C) : C = t[3];
+  const l = C;
+  let _;
+  t[4] !== e || t[5] !== r || t[6] !== a ? (_ = () => {
+    e(ve(ye.children.org.children.projects.path, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, t[4] = e, t[5] = r, t[6] = a, t[7] = _) : _ = t[7];
+  const P = _;
+  let E;
+  t[8] !== c || t[9] !== e || t[10] !== l ? (E = (k) => {
+    const O = xn(k, l);
+    c(O, {
+      onSuccess: () => {
+        e(ve(ye.children.org.children.projects.children.agents.path, {
+          orgId: l.orgName ?? "",
+          projectId: l.projName ?? "",
+          agentId: O.body.name
+        }) + "?setup=true");
+      },
+      onError: Xr
+    });
+  }, t[8] = c, t[9] = e, t[10] = l, t[11] = E) : E = t[11];
+  const A = E;
+  let x;
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? (x = {}, t[12] = x) : x = t[12];
+  const [R, w] = de(x);
+  let D;
+  t[13] !== y || t[14] !== o || t[15] !== A || t[16] !== v ? (D = () => {
+    if (v(o))
+      w({});
+    else {
+      w(y);
+      return;
+    }
+    A(o);
+  }, t[13] = y, t[14] = o, t[15] = A, t[16] = v, t[17] = D) : D = t[17];
+  const I = D, U = r ?? "", G = a ?? "default";
+  let M;
+  t[18] !== U || t[19] !== G ? (M = ve(ye.children.org.children.projects.children.newAgent.path, {
+    orgId: U,
+    projectId: G
+  }), t[18] = U, t[19] = G, t[20] = M) : M = t[20];
+  const T = M;
+  let B;
+  t[21] !== y || t[22] !== o || t[23] !== s || t[24] !== m ? (B = /* @__PURE__ */ n(Qr, { formData: o, setFormData: u, errors: y, setFieldError: s, validateField: m }), t[21] = y, t[22] = o, t[23] = s, t[24] = m, t[25] = B) : B = t[25];
+  let $;
+  t[26] !== p ? ($ = !!p && /* @__PURE__ */ n(Te, { severity: "error", sx: {
+    mt: 2
+  }, children: p instanceof Error ? p.message : "Failed to register agent" }), t[26] = p, t[27] = $) : $ = t[27];
+  const j = !o.name.trim();
+  let F;
+  t[28] !== P || t[29] !== I || t[30] !== d || t[31] !== R || t[32] !== j ? (F = /* @__PURE__ */ n(Pn, { lastSubmittedValidationErrors: R, isPending: d, onCancel: P, onSubmit: I, isNameEmpty: j, mode: "connect" }), t[28] = P, t[29] = I, t[30] = d, t[31] = R, t[32] = j, t[33] = F) : F = t[33];
+  let h;
+  t[34] !== B || t[35] !== $ || t[36] !== F ? (h = /* @__PURE__ */ b(N.Stack, { spacing: 3, children: [
+    B,
+    $,
+    F
+  ] }), t[34] = B, t[35] = $, t[36] = F, t[37] = h) : h = t[37];
+  let f;
+  return t[38] !== T || t[39] !== h ? (f = /* @__PURE__ */ n(tn, { title: "Register an Externally-Hosted Agent", description: "Provide basic information to register your externally-hosted agent on the platform.", disableIcon: !0, backHref: T, backLabel: "Back to Agent Hosting Options", children: h }), t[38] = T, t[39] = h, t[40] = f) : f = t[40], f;
+};
+function Xr(t) {
+  console.error("Failed to register agent:", t);
+}
+const ea = () => {
+  const t = ue(10), e = Rt(), {
+    orgId: r,
+    projectId: a
+  } = Se(), i = ye.children.org.children.projects.children.newAgent, o = i.children.create.path, u = i.children.connect.path;
+  let y;
+  t[0] !== e || t[1] !== r || t[2] !== a ? (y = (p) => {
+    e(ve(p === "new" ? o : u, {
+      orgId: r ?? "",
+      projectId: a ?? "default"
+    }));
+  }, t[0] = e, t[1] = r, t[2] = a, t[3] = y) : y = t[3];
+  const v = y;
+  let s;
+  t[4] !== v ? (s = /* @__PURE__ */ n(Zt, { index: !0, element: /* @__PURE__ */ n(Nr, { onSelect: v }) }), t[4] = v, t[5] = s) : s = t[5];
+  let m;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ n(Zt, { path: "create", element: /* @__PURE__ */ n(Hr, {}) }), t[6] = m) : m = t[6];
+  let c;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ n(Zt, { path: "connect", element: /* @__PURE__ */ n(Jr, {}) }), t[7] = c) : c = t[7];
+  let d;
+  return t[8] !== s ? (d = /* @__PURE__ */ b(Tn, { children: [
+    s,
+    m,
+    c
+  ] }), t[8] = s, t[9] = d) : d = t[9], d;
+}, ca = {
+  title: "Add New Agent",
+  description: "A page component for Add New Agent",
+  icon: Sr,
+  path: ye.children.org.children.projects.children.newAgent.path,
+  component: ea
+};
+export {
+  ea as AddNewAgent,
+  ca as metaData
+};