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

package/dist/index-Cn6yTVqx.js

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