@wso2/am-core-ui 0.0.10 → 0.0.12

package/dist/{index-DGmBtNzS.js → index-MipkxZ31.js}

@@ -1,12 +1,12 @@
-import { jsxs as S, jsx as n, Fragment as yn } from "react/jsx-runtime";
+import { jsxs as S, jsx as n, Fragment as vn } 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-DLrZA3fz.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 { useParams as ue, generatePath as le, useNavigate as nt, useSearchParams as Dn, Route as Ae, 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 dn, bV as ne, bX as On, _ as mn, bt as bn, p as rn, bv as Wn, u as Fn, S as Sn, E as pn, cT as Ft, 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, a_ as Mt, cP as Jn, cV as ln, bu as on, b as er, D as Nn, ch as sn, e as tr, c_ as nr, dn as rr, C as ar, bN as Ut } from "./index-D2KjwhE9.js";
+import { Form as k, Typography as j, Box as ee, Divider as Cn, 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 Ot, FormControl as an, MenuItem as et, CircularProgress as rt, Stack as ae, Select as Wt, SearchBar as mr, ListingTable as hn, Tabs as pr, Tooltip as un, Chip as kn, 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 fn } 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) => {
+import { FileCode as Cr, Package as kr, CheckCircle as _r, Circle as _n, Plus as zt, DoorClosedLocked as Ar, 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 gn = (t) => {
   const e = ce(18), {
     type: r,
     title: o,
@@ -39,12 +39,12 @@ const fn = (t) => {
   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: [
+  e[11] !== d || e[12] !== s ? (p = /* @__PURE__ */ S(k.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: [
+  return e[14] !== g || e[15] !== v || e[16] !== p ? (m = /* @__PURE__ */ S(k.CardButton, { onClick: g, sx: y, children: [
     v,
     p
   ] }), e[14] = g, e[15] = v, e[16] = p, e[17] = m) : m = e[17], m;
@@ -85,18 +85,18 @@ const fn = (t) => {
   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];
+  e[9] !== v ? (m = /* @__PURE__ */ n(gn, { 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: [
+  e[12] !== v ? (c = /* @__PURE__ */ n(gn, { 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 _;
+  e[14] !== m || e[15] !== c ? (_ = /* @__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;
+  ] }), e[14] = m, e[15] = c, e[16] = _) : _ = e[16];
+  let A;
+  return e[17] !== s || e[18] !== _ ? (A = /* @__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: _ }), e[17] = s, e[18] = _, e[19] = A) : A = e[19], A;
 }, Vr = (t) => {
   const e = ce(12), {
     onSelect: r
@@ -127,11 +127,11 @@ const fn = (t) => {
     type: "catalog",
     title: "Agent Catalog",
     subheader: "Pick an Agent Kind from Agent Catalog",
-    icon: /* @__PURE__ */ n(_r, { size: 56 })
+    icon: /* @__PURE__ */ n(kr, { 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: {
+  e[7] !== u ? (p = /* @__PURE__ */ n(ee, { display: "flex", flexDirection: "row", gap: 3, flexWrap: "wrap", children: s.map((h) => /* @__PURE__ */ S(k.CardButton, { onClick: () => u(h.type), sx: {
     minHeight: 152,
     px: 3,
     py: 2,
@@ -158,18 +158,18 @@ const fn = (t) => {
   ] }, 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 = {
+}, xn = {
   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(),
+  ...xn,
+  deploymentType: bn("existing").optional()
+}), Pn = jt({
+  ...xn,
+  deploymentType: bn("new").optional(),
+  enableAutoInstrumentation: dn().default(!0),
+  instrumentationVersion: mn(Sn).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("/"), {
@@ -186,7 +186,7 @@ const fn = (t) => {
   language: ne().trim().min(1, "Language is required"),
   languageVersion: ne().trim().optional(),
   dockerfilePath: ne().trim().optional(),
-  interfaceType: dn(["DEFAULT", "CUSTOM"]),
+  interfaceType: mn(["DEFAULT", "CUSTOM"]),
   port: On([Wn(), ne(), Fn()]).transform((t) => {
     if (!(t === "" || t === null || t === void 0))
       return typeof t == "string" ? Number(t) : t;
@@ -196,7 +196,7 @@ const fn = (t) => {
   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)
+    isSensitive: dn().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",
@@ -216,8 +216,8 @@ const fn = (t) => {
 }).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(", ")}`,
+}).refine((t) => !(t.language === "python" && t.languageVersion?.trim() && !rn.includes(t.languageVersion.trim())), {
+  message: `Python version must be one of: ${rn.join(", ")}`,
   path: ["languageVersion"]
 }).refine((t) => !(t.language === "docker" && !t.dockerfilePath?.trim()), {
   message: "Dockerfile path is required for Docker agents",
@@ -287,16 +287,16 @@ const fn = (t) => {
   }, 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]);
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ n(k.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: {
+  e[12] !== r.interfaceType || e[13] !== v ? (m = Rr.map((O) => /* @__PURE__ */ n(k.CardButton, { onClick: () => v(O.value), selected: r.interfaceType === O.value, sx: {
     maxWidth: 500,
     flexGrow: 1
-  }, children: /* @__PURE__ */ n(_.CardContent, { sx: {
+  }, children: /* @__PURE__ */ n(k.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__ */ n(ee, { children: r.interfaceType === O.value ? /* @__PURE__ */ n(_r, { size: 16 }) : /* @__PURE__ */ n(_n, { size: 16 }) }),
+    /* @__PURE__ */ n(Cn, { orientation: "vertical", flexItem: !0 }),
     /* @__PURE__ */ S(ee, { children: [
       /* @__PURE__ */ n(j, { variant: "h6", children: O.label }),
       /* @__PURE__ */ n(j, { variant: "caption", children: O.description })
@@ -305,18 +305,18 @@ const fn = (t) => {
   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 _;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n("strong", { children: "POST /chat" }), e[17] = _) : _ = e[17];
+  let A, T;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ n("strong", { children: "8000" }), T = /* @__PURE__ */ n("br", {}), e[18] = A, e[19] = T) : (A = 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,
+    A,
     T,
     "Request:",
     " ",
@@ -332,12 +332,12 @@ const fn = (t) => {
   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];
+  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(k.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];
+  e[32] !== d || e[33] !== F || e[34] !== M || e[35] !== N ? (w = /* @__PURE__ */ n(ee, { children: /* @__PURE__ */ n(k.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: [
+  e[37] !== x || e[38] !== w ? (b = /* @__PURE__ */ S(k.Stack, { direction: "row", spacing: 2, children: [
     x,
     w
   ] }), e[37] = x, e[38] = w, e[39] = b) : b = e[39];
@@ -346,25 +346,25 @@ const fn = (t) => {
   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];
+  e[42] !== C || e[43] !== $ || e[44] !== z || e[45] !== G ? (Q = /* @__PURE__ */ n(k.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: [
+  e[47] !== b || e[48] !== Q ? (q = /* @__PURE__ */ S(k.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: [
+  return e[53] !== V || e[54] !== H || e[55] !== h ? (X = /* @__PURE__ */ S(k.Section, { children: [
     s,
     p,
-    /* @__PURE__ */ S(_.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ S(k.Stack, { spacing: 2, children: [
       h,
       V,
       H
     ] })
   ] }), e[53] = V, e[54] = H, e[55] = h, e[56] = X) : X = e[56], X;
-}, Pn = ({
+}, En = ({
   formData: t,
   setFormData: e,
   llmReservedNames: r = /* @__PURE__ */ new Set(),
@@ -416,10 +416,10 @@ const fn = (t) => {
     /* @__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 ? () => {
+      return /* @__PURE__ */ n(pn, { 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" })
+    }) : /* @__PURE__ */ n(pn, { 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(zt, { 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, {
@@ -427,7 +427,7 @@ const fn = (t) => {
   }),
   username: ne().trim().min(1, "Username is required"),
   password: ne().min(1, "Password/PAT is required")
-}), tn = {
+}), nn = {
   name: "",
   username: "",
   password: ""
@@ -438,12 +438,12 @@ const fn = (t) => {
     onSecretCreated: l
   } = t, {
     orgId: a
-  } = ue(), [u, f] = ie(tn), {
+  } = ue(), [u, f] = ie(nn), {
     errors: g,
     validateForm: y,
     clearErrors: v,
     clearFieldError: i
-  } = Wt(Ur), {
+  } = Ft(Ur), {
     mutate: d,
     isPending: s,
     error: p,
@@ -457,8 +457,8 @@ const fn = (t) => {
     })), 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 = () => {
+  let _;
+  e[2] !== d || e[3] !== u || e[4] !== l || e[5] !== a || e[6] !== y ? (_ = () => {
     y(u) && d({
       params: {
         orgName: a
@@ -473,14 +473,14 @@ const fn = (t) => {
       }
     }, {
       onSuccess: () => {
-        l(u.name.trim()), f(tn);
+        l(u.name.trim()), f(nn);
       }
     });
-  }, e[2] = d, e[3] = u, e[4] = l, e[5] = a, e[6] = y, e[7] = A) : A = e[7];
-  const k = A;
+  }, e[2] = d, e[3] = u, e[4] = l, e[5] = a, e[6] = y, e[7] = _) : _ = e[7];
+  const A = _;
   let T;
   e[8] !== v || e[9] !== s || e[10] !== o || e[11] !== m ? (T = () => {
-    s || (f(tn), v(), m(), o());
+    s || (f(nn), 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;
@@ -495,19 +495,19 @@ const fn = (t) => {
   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];
+  e[20] !== u.name || e[21] !== W || e[22] !== L || e[23] !== U ? (R = /* @__PURE__ */ n(k.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];
+  e[27] !== u.username || e[28] !== x || e[29] !== F || e[30] !== M ? (N = /* @__PURE__ */ n(k.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];
+  e[34] !== u.password || e[35] !== w || e[36] !== b || e[37] !== C ? ($ = /* @__PURE__ */ n(k.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: [
+  e[39] !== R || e[40] !== N || e[41] !== $ || e[42] !== D ? (z = /* @__PURE__ */ n(or, { children: /* @__PURE__ */ S(k.Stack, { spacing: 3, sx: E, children: [
     V,
     D,
     R,
@@ -518,7 +518,7 @@ const fn = (t) => {
   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];
+  e[47] !== A || e[48] !== s || e[49] !== Q ? (q = /* @__PURE__ */ n(Ce, { variant: "contained", onClick: A, disabled: s, children: Q }), e[47] = A, 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,
@@ -568,7 +568,7 @@ const fn = (t) => {
   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 || "";
+  const _ = c, A = !!l.gitSecretRef, T = r.gitSecretRef || "";
   let I;
   e[10] !== i ? (I = i ? /* @__PURE__ */ n(rt, { size: 20, sx: {
     mr: 1
@@ -578,29 +578,29 @@ const fn = (t) => {
   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: {
+  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(zt, { 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: [
+  e[16] !== h || e[17] !== i || e[18] !== E || e[19] !== T || e[20] !== I ? (D = /* @__PURE__ */ S(Wt, { 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];
+  e[22] !== l.gitSecretRef ? (L = l.gitSecretRef ? /* @__PURE__ */ n(Ot, { error: !0, children: l.gitSecretRef }) : /* @__PURE__ */ n(Ot, { 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: [
+  e[24] !== D || e[25] !== L || e[26] !== A ? (U = /* @__PURE__ */ n(k.ElementWrapper, { label: "Git Secret (Optional)", name: "gitSecretRef", children: /* @__PURE__ */ S(an, { fullWidth: !0, error: A, children: [
     D,
     L
-  ] }) }), e[24] = D, e[25] = L, e[26] = k, e[27] = U) : U = e[27];
+  ] }) }), e[24] = D, e[25] = L, e[26] = A, 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];
+  e[29] !== _ || e[30] !== u ? (R = /* @__PURE__ */ n(jr, { open: u, onClose: W, onSecretCreated: _ }), e[29] = _, e[30] = u, e[31] = R) : R = e[31];
   let x;
-  return e[32] !== U || e[33] !== R ? (x = /* @__PURE__ */ S(yn, { children: [
+  return e[32] !== U || e[33] !== R ? (x = /* @__PURE__ */ S(vn, { children: [
     U,
     R
   ] }), e[32] = U, e[33] = R, e[34] = x) : x = e[34], x;
@@ -611,17 +611,17 @@ function Or(t) {
 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 wn = (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;
+  let g, y, v, i, d, s, p, m, h, c, _;
   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";
+    y = ae, h = "row", c = 2, _ = 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 = {
@@ -639,7 +639,7 @@ const En = (t) => {
       "  "
     ] }), 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: {
+    e[26] !== r || e[27] !== l ? (C = r?.template && /* @__PURE__ */ n(un, { title: "Provider template", placement: "top", arrow: !0, children: /* @__PURE__ */ n(kn, { 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%"
@@ -651,11 +651,11 @@ const En = (t) => {
       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;
+    ] }), 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] = _;
   } 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];
+    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], _ = e[15];
+  let A;
+  e[32] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ n(Cn, { orientation: "vertical" }), e[32] = A) : A = e[32];
   const T = r?.rateLimiting ? "text.primary" : "text.disabled";
   let I;
   e[33] !== r ? (I = r?.rateLimiting ? (() => {
@@ -672,7 +672,7 @@ const En = (t) => {
   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..` }) })
+    r.policies.length > 3 && /* @__PURE__ */ n(un, { 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: [
@@ -689,14 +689,14 @@ const En = (t) => {
   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,
+    A,
     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: [
+  return e[53] !== y || e[54] !== v || e[55] !== i || e[56] !== U || e[57] !== h || e[58] !== c || e[59] !== _ ? (W = /* @__PURE__ */ S(y, { direction: h, spacing: c, flexGrow: _, 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;
+  ] }), e[53] = y, e[54] = v, e[55] = i, e[56] = U, e[57] = h, e[58] = c, e[59] = _, e[60] = W) : W = e[60], W;
 }, Xe = /^[A-Za-z_][A-Za-z0-9_]*$/, Fr = (t) => {
   const e = ce(93), {
     entry: r,
@@ -713,9 +713,9 @@ const En = (t) => {
   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 _;
+  e[2] !== c || e[3] !== o || e[4] !== l ? (_ = (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] = _) : _ = e[5];
+  const 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;
@@ -773,7 +773,7 @@ const En = (t) => {
   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];
+  e[35] !== A ? (G = /* @__PURE__ */ n(j, { variant: "subtitle2", children: A }), e[35] = A, 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;
@@ -790,7 +790,7 @@ const En = (t) => {
     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: [
+  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(k.CardButton, { onClick: D, selected: !0, children: /* @__PURE__ */ n(k.CardContent, { children: /* @__PURE__ */ n(wn, { 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(zt, { 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];
@@ -801,13 +801,13 @@ const En = (t) => {
   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];
+  e[62] !== U || e[63] !== te || e[64] !== fe || e[65] !== se || e[66] !== Pe ? (de = /* @__PURE__ */ n(k.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];
+  e[71] !== R || e[72] !== Ee || e[73] !== we || e[74] !== me || e[75] !== Ie ? (Se = /* @__PURE__ */ n(k.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,
@@ -825,12 +825,12 @@ const En = (t) => {
     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: [
+  let ke;
+  return e[90] !== X || e[91] !== he ? (ke = /* @__PURE__ */ S(vr, { defaultExpanded: !0, children: [
     X,
     he
-  ] }), e[90] = X, e[91] = he, e[92] = _e) : _e = e[92], _e;
-}, wn = ({
+  ] }), e[90] = X, e[91] = he, e[92] = ke) : ke = e[92], ke;
+}, In = ({
   llmProviders: t,
   setLLMProviders: e,
   agentDisplayName: r,
@@ -840,11 +840,11 @@ const En = (t) => {
     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
+    isLoading: _
   } = Bn({
     orgName: l
   }), {
-    data: k,
+    data: A,
     isLoading: T
   } = Kn({
     orgName: l
@@ -866,7 +866,7 @@ const En = (t) => {
         logoUrl: C.metadata?.logoUrl
       });
     return b;
-  }, [I]), D = be(() => (k?.entries ?? []).map((b) => ({
+  }, [I]), D = be(() => (A?.entries ?? []).map((b) => ({
     uuid: b.uuid,
     id: b.handle,
     name: b.name,
@@ -876,7 +876,7 @@ const En = (t) => {
     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) => {
+  })), [A]), 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);
@@ -924,8 +924,8 @@ const En = (t) => {
     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)" }),
+  return /* @__PURE__ */ S(k.Section, { children: [
+    /* @__PURE__ */ n(k.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)]);
@@ -933,10 +933,10 @@ const En = (t) => {
       }),
       /* @__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" }) })
+      }, children: /* @__PURE__ */ n(Ce, { variant: "outlined", size: "small", startIcon: /* @__PURE__ */ n(zt, { size: 16 }), onClick: R, disabled: _ || 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(Zn, { icon: /* @__PURE__ */ n(Ar, { 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
@@ -959,13 +959,13 @@ const En = (t) => {
           });
           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, {
+            return /* @__PURE__ */ n(hn.Container, { children: /* @__PURE__ */ n(hn.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);
+            return /* @__PURE__ */ n(k.CardButton, { onClick: z, selected: $, "aria-label": `${C.name}. ${$ ? "Selected" : "Click to select"}`, children: /* @__PURE__ */ n(k.CardContent, { children: /* @__PURE__ */ n(wn, { provider: C, isSelected: $, templateInfo: V.get(C.template ?? "") }) }) }, C.uuid);
           });
         })() })
       ] }) })
@@ -973,7 +973,7 @@ const En = (t) => {
   ] });
 };
 function zr(t) {
-  return /* @__PURE__ */ n(Cn, { label: t, size: "small", variant: "outlined" }, t);
+  return /* @__PURE__ */ n(kn, { label: t, size: "small", variant: "outlined" }, t);
 }
 function Gr(t) {
   return t != null;
@@ -987,7 +987,7 @@ const Kr = [{
 }, {
   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) => {
+}], yn = `${Mt.docsUrl ?? ""}${Mt.instrumentationDocLinks?.manualInstrumentation ?? ""}`, qr = `${Mt.docsUrl ?? ""}${Mt.instrumentationDocLinks?.versionMapping ?? ""}`, Hr = (t) => {
   const e = ce(204), {
     formData: r,
     setFormData: o,
@@ -1007,31 +1007,31 @@ const Kr = [{
   const {
     mutate: p,
     isPending: m
-  } = an(s);
+  } = ln(s);
   let h;
   e[2] !== a || e[3] !== o || e[4] !== u ? (h = (K, ve) => {
     o(($t) => {
-      const Ae = {
+      const _e = {
         ...$t,
         [K]: ve
-      }, Ln = u(K, ve, Ae);
+      }, Ln = u(K, ve, _e);
       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);
+          const tn = u("runCommand", _e.runCommand, _e), Vn = u("languageVersion", _e.languageVersion, _e);
+          a("runCommand", tn), 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);
+          const tn = u("dockerfilePath", _e.dockerfilePath, _e);
+          a("dockerfilePath", tn);
         }
       }
-      return Ae;
+      return _e;
     });
   }, 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) => {
+  let _;
+  e[6] !== p || e[7] !== c || e[8] !== v ? (_ = on.debounce((K) => {
     if (K.length < 3) {
       c("name", "");
       return;
@@ -1046,18 +1046,18 @@ const Kr = [{
       },
       onError: Zr
     });
-  }, 500), e[6] = p, e[7] = c, e[8] = v, e[9] = A) : A = e[9];
-  const k = A;
+  }, 500), e[6] = p, e[7] = c, e[8] = v, e[9] = _) : _ = e[9];
+  const 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);
+  e[10] !== A ? (T = () => () => {
+    A.cancel();
+  }, I = [A], e[10] = A, 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);
+  e[13] !== A || e[14] !== r.displayName || e[15] !== c ? (P = () => {
+    r.displayName && r.displayName.length >= 3 ? A(r.displayName) : (A.cancel(), c("name", ""));
+  }, E = [r.displayName, c, A], e[13] = A, 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];
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ n(k.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;
@@ -1067,125 +1067,125 @@ const Kr = [{
     /* @__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];
+  e[24] !== r.displayName || e[25] !== L || e[26] !== U || e[27] !== D ? (W = /* @__PURE__ */ n(k.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];
+  e[31] !== l.description || e[32] !== R || e[33] !== x || e[34] !== F ? (M = /* @__PURE__ */ n(k.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: [
+  e[36] !== W || e[37] !== M ? (N = /* @__PURE__ */ S(k.Section, { children: [
     V,
-    /* @__PURE__ */ S(_.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ S(k.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];
+  e[39] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(k.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];
+  e[42] !== l.repositoryUrl || e[43] !== r.repositoryUrl || e[44] !== b || e[45] !== C ? ($ = /* @__PURE__ */ n(k.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];
+  e[54] !== l.branch || e[55] !== r.branch || e[56] !== G || e[57] !== Q ? (q = /* @__PURE__ */ n(k.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];
+  e[61] !== l.appPath || e[62] !== r.appPath || e[63] !== H || e[64] !== X ? (O = /* @__PURE__ */ n(k.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: [
+  e[66] !== q || e[67] !== O ? (B = /* @__PURE__ */ S(k.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: [
+  e[69] !== $ || e[70] !== z || e[71] !== B ? (Z = /* @__PURE__ */ S(k.Section, { children: [
     w,
-    /* @__PURE__ */ S(_.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ S(k.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];
+  e[73] === Symbol.for("react.memo_cache_sentinel") ? (te = /* @__PURE__ */ n(k.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: [
+    return /* @__PURE__ */ n(k.CardButton, { onClick: () => c("language", K.value), selected: ve, children: /* @__PURE__ */ n(k.CardHeader, { title: /* @__PURE__ */ S(k.Stack, { direction: "row", spacing: 2, justifyContent: "center", alignItems: "center", children: [
       /* @__PURE__ */ n(er, { language: K.value }),
-      /* @__PURE__ */ n(_.Body, { children: K.label })
+      /* @__PURE__ */ n(k.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];
+  e[77] !== fe ? (se = /* @__PURE__ */ n(k.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];
+  e[81] !== r.runCommand || e[82] !== de || e[83] !== Ee || e[84] !== we ? (me = /* @__PURE__ */ n(k.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];
+  e[88] === Symbol.for("react.memo_cache_sentinel") ? (ye = rn.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";
+  e[89] !== Se || e[90] !== pe ? (he = /* @__PURE__ */ n(Wt, { id: "languageVersion", value: Se, onChange: pe, children: ye }), e[89] = Se, e[90] = pe, e[91] = he) : he = e[91];
+  const ke = 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];
+  e[92] !== ke ? (Y = /* @__PURE__ */ n(Ot, { children: ke }), e[92] = ke, 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: [
+  e[94] !== Ie || e[95] !== he || e[96] !== Y ? (J = /* @__PURE__ */ n(k.ElementWrapper, { label: "Language Version", name: "languageVersion", children: /* @__PURE__ */ S(an, { 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: [
+  e[98] !== me || e[99] !== J ? (ge = /* @__PURE__ */ S(k.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;
+  const Gt = 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;
+  e[103] !== Gt || e[104] !== Ve ? (De = /* @__PURE__ */ n(br, { control: /* @__PURE__ */ n(Sr, { checked: Gt, onChange: Ve }), label: "Enable auto instrumentation" }), e[103] = Gt, e[104] = Ve, e[105] = De) : De = e[105];
+  const Bt = 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 || "";
+  const Kt = !!l.instrumentationVersion, qt = 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];
+  e[110] === Symbol.for("react.memo_cache_sentinel") ? (lt = Sn.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.";
+  e[111] !== qt || e[112] !== Re ? ($e = /* @__PURE__ */ n(Wt, { id: "instrumentationVersion", value: qt, onChange: Re, children: lt }), e[111] = qt, e[112] = Re, e[113] = $e) : $e = e[113];
+  const Ht = 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];
+  e[114] !== Ht ? (Ue = /* @__PURE__ */ n(Ot, { children: Ht }), e[114] = Ht, e[115] = Ue) : Ue = e[115];
   let je;
-  e[116] !== Bt || e[117] !== $e || e[118] !== Ue ? (je = /* @__PURE__ */ S(ae, { spacing: 1, children: [
+  e[116] !== Kt || 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: [
+    /* @__PURE__ */ n(k.ElementWrapper, { label: "AMP Instrumentation Version", name: "instrumentationVersion", children: /* @__PURE__ */ S(an, { sx: it, error: Kt, children: [
       $e,
       Ue
     ] }) })
-  ] }), e[116] = Bt, e[117] = $e, e[118] = Ue, e[119] = je) : je = e[119];
+  ] }), e[116] = Kt, 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;
+  e[120] !== Bt || e[121] !== je ? (Me = /* @__PURE__ */ n(Te, { in: Bt, children: je }), e[120] = Bt, e[121] = je, e[122] = Me) : Me = e[122];
+  const Zt = r.enableAutoInstrumentation === !1;
   let ot, st;
   e[123] === Symbol.for("react.memo_cache_sentinel") ? (ot = {
     mt: 1
@@ -1195,7 +1195,7 @@ const Kr = [{
     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: {
+  e[126] === Symbol.for("react.memo_cache_sentinel") ? (dt = /* @__PURE__ */ n(j, { component: "a", href: yn, target: "_blank", rel: "noopener noreferrer", sx: {
     color: "primary.main"
   }, children: "manual instrumentation contract" }), e[126] = dt) : dt = e[126];
   let mt;
@@ -1289,7 +1289,7 @@ const Kr = [{
     ] })
   ] }), 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];
+  e[137] !== Zt ? (Oe = /* @__PURE__ */ n(Te, { in: Zt, children: St }), e[137] = Zt, 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,
@@ -1297,12 +1297,12 @@ const Kr = [{
     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 || "";
+  const Yt = r.language === "docker", Qt = 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";
+  const Xt = !!l.dockerfilePath, Jt = 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];
+  e[147] !== Qt || e[148] !== Fe || e[149] !== Xt || e[150] !== Jt ? (ze = /* @__PURE__ */ n(k.Stack, { direction: "row", spacing: 2, children: /* @__PURE__ */ n(k.ElementWrapper, { label: "Dockerfile Path", name: "dockerfilePath", children: /* @__PURE__ */ n(re, { id: "dockerfilePath", placeholder: "e.g., ./Dockerfile", value: Qt, onChange: Fe, error: Xt, helperText: Jt, fullWidth: !0 }) }) }), e[147] = Qt, e[148] = Fe, e[149] = Xt, e[150] = Jt, 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;
@@ -1310,37 +1310,37 @@ const Kr = [{
     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: {
+  }, children: `pip install amp-instrumentation==${Nn}` }), e[153] = Ct) : Ct = e[153];
+  let kt;
+  e[154] === Symbol.for("react.memo_cache_sentinel") ? (kt = /* @__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: {
+  }, children: "amp-instrument python your_script.py" }), e[154] = kt) : kt = e[154];
+  let _t;
+  e[155] === Symbol.for("react.memo_cache_sentinel") ? (_t = /* @__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: [
+  }, children: "AMP instrumentation version mapping" }), e[155] = _t) : _t = e[155];
+  let At;
+  e[156] === Symbol.for("react.memo_cache_sentinel") ? (At = /* @__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,
+    kt,
     " ",
     "for zero-code tracing. To pick a different version, see the",
     " ",
-    At,
+    _t,
     ". 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: {
+    /* @__PURE__ */ n(j, { component: "a", href: yn, target: "_blank", rel: "noopener noreferrer", sx: {
       color: "primary.main"
     }, children: "manual instrumentation contract" }),
     "."
-  ] }), e[156] = kt) : kt = e[156];
+  ] }), e[156] = At) : At = e[156];
   let xt;
   e[157] === Symbol.for("react.memo_cache_sentinel") ? (xt = /* @__PURE__ */ n(j, { component: "code", sx: {
     bgcolor: "action.hover",
@@ -1385,7 +1385,7 @@ const Kr = [{
   let Lt;
   e[163] === Symbol.for("react.memo_cache_sentinel") ? (Lt = /* @__PURE__ */ S(xe, { severity: "info", children: [
     Nt,
-    kt,
+    At,
     Pt,
     Et,
     It,
@@ -1405,11 +1405,11 @@ const Kr = [{
     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];
+  e[166] !== Yt || e[167] !== Ge ? (Be = /* @__PURE__ */ n(Te, { in: Yt, children: Ge }), e[166] = Yt, 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: [
+  e[169] !== se || e[170] !== We || e[171] !== Be ? (Ke = /* @__PURE__ */ S(k.Section, { children: [
     te,
-    /* @__PURE__ */ S(_.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ S(k.Stack, { spacing: 2, children: [
       se,
       We,
       Be
@@ -1420,7 +1420,7 @@ const Kr = [{
   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];
+  e[181] !== r.displayName || e[182] !== f || e[183] !== g || e[184] !== He ? (Ze = /* @__PURE__ */ n(In, { 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;
@@ -1430,11 +1430,11 @@ const Kr = [{
     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;
+  const en = 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];
+  e[193] !== r || e[194] !== o || e[195] !== en ? (Qe = /* @__PURE__ */ n(En, { formData: r, setFormData: o, llmReservedNames: en }), e[193] = r, e[194] = o, e[195] = en, 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: [
+  return e[197] !== Ke || e[198] !== qe || e[199] !== Ze || e[200] !== Qe || e[201] !== N || e[202] !== Z ? (Rt = /* @__PURE__ */ S(k.Stack, { spacing: 3, children: [
     N,
     Z,
     Ke,
@@ -1458,7 +1458,7 @@ function Xr(t) {
 function Jr(t) {
   return !!t;
 }
-const sn = (t) => {
+const cn = (t) => {
   const e = ce(22), {
     lastSubmittedValidationErrors: r,
     isPending: o,
@@ -1475,18 +1475,18 @@ const sn = (t) => {
   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 _;
+  e[7] !== l ? (_ = /* @__PURE__ */ n(Ce, { variant: "outlined", color: "primary", size: "medium", onClick: l, children: "Cancel" }), e[7] = l, e[8] = _) : _ = e[8];
   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];
+  e[9] !== d ? (A = d ? /* @__PURE__ */ n(An, { size: 16 }) : /* @__PURE__ */ n(Ir, { size: 16 }), e[9] = d, e[10] = A) : A = 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];
+  e[11] !== a || e[12] !== I || e[13] !== A || e[14] !== T ? (P = /* @__PURE__ */ n(Ce, { variant: "contained", color: "primary", size: "medium", startIcon: A, onClick: a, disabled: T, children: I }), e[11] = a, e[12] = I, e[13] = A, 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,
+  e[16] !== P || e[17] !== _ ? (E = /* @__PURE__ */ S(ee, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    _,
     P
-  ] }), e[16] = P, e[17] = A, e[18] = E) : E = e[18];
+  ] }), e[16] = P, e[17] = _, 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,
@@ -1641,7 +1641,7 @@ const Tn = (t, e, r = []) => t.deploymentType === "new" ? {
   t[0] === Symbol.for("react.memo_cache_sentinel") ? (l = {
     deploymentType: "new",
     enableAutoInstrumentation: !0,
-    instrumentationVersion: Sn,
+    instrumentationVersion: Nn,
     name: "",
     displayName: "",
     description: "",
@@ -1663,20 +1663,20 @@ const Tn = (t, e, r = []) => t.deploymentType === "new" ? {
     validateForm: g,
     setFieldError: y,
     validateField: v
-  } = Wt(xn);
+  } = Ft(Pn);
   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 = {
+  } = sn(), c = r ?? "default", _ = o ?? "default";
+  let A;
+  t[2] !== c || t[3] !== _ ? (A = {
     orgName: c,
-    projName: A
-  }, t[2] = c, t[3] = A, t[4] = k) : k = t[4];
-  const T = k;
+    projName: _
+  }, t[2] = c, t[3] = _, t[4] = A) : A = t[4];
+  const T = A;
   let I;
   t[5] !== e || t[6] !== r || t[7] !== o ? (I = () => {
     e(le(oe.children.org.children.projects.path, {
@@ -1752,9 +1752,9 @@ const Tn = (t, e, r = []) => t.deploymentType === "new" ? {
     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];
+  t[43] !== P || t[44] !== U || t[45] !== m || t[46] !== V || t[47] !== w || t[48] !== b ? (C = /* @__PURE__ */ n(cn, { 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: [
+  t[50] !== M || t[51] !== N || t[52] !== C ? ($ = /* @__PURE__ */ S(k.Stack, { spacing: 3, children: [
     M,
     N,
     C
@@ -1789,7 +1789,7 @@ const oa = (t) => {
   const {
     mutate: v,
     isPending: i
-  } = an(y);
+  } = ln(y);
   let d;
   e[2] !== a || e[3] !== o || e[4] !== u ? (d = (x, F) => {
     o((M) => {
@@ -1802,7 +1802,7 @@ const oa = (t) => {
   }, 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) => {
+  e[6] !== v || e[7] !== s || e[8] !== g ? (p = on.debounce((x) => {
     if (x.length < 3) {
       s("name", "");
       return;
@@ -1823,12 +1823,12 @@ const oa = (t) => {
   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 = () => {
+  let _, A;
+  e[13] !== m || e[14] !== r.displayName || e[15] !== s ? (_ = () => {
     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);
+  }, A = [r.displayName, m, s], e[13] = m, e[14] = r.displayName, e[15] = s, e[16] = _, e[17] = A) : (_ = e[16], A = e[17]), Le(_, A);
   let T;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ n(_.Subheader, { children: "Agent Details" }), e[18] = T) : T = e[18];
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ n(k.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;
@@ -1838,17 +1838,17 @@ const oa = (t) => {
     /* @__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];
+  e[24] !== r.displayName || e[25] !== P || e[26] !== E || e[27] !== I ? (V = /* @__PURE__ */ n(k.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];
+  e[31] !== l.description || e[32] !== D || e[33] !== L || e[34] !== U ? (W = /* @__PURE__ */ n(k.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: [
+  return e[36] !== V || e[37] !== W ? (R = /* @__PURE__ */ S(k.Section, { children: [
     T,
-    /* @__PURE__ */ S(_.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ S(k.Stack, { spacing: 2, children: [
       V,
       W
     ] })
@@ -1895,8 +1895,8 @@ const ca = () => {
     errors: m,
     validateForm: h,
     setFieldError: c,
-    validateField: A
-  } = Wt(xn);
+    validateField: _
+  } = Ft(Pn);
   Le(() => {
     const N = d?.configSchema ?? [];
     N.length !== 0 && p((w) => ({
@@ -1908,11 +1908,11 @@ const ca = () => {
       }))
     }));
   }, [d]);
-  const k = be(() => new Set((d?.configSchema ?? []).map((N) => N.name)), [d]), {
+  const A = be(() => new Set((d?.configSchema ?? []).map((N) => N.name)), [d]), {
     mutate: T,
     isPending: I,
     error: P
-  } = on(), [E, V] = ie([]), D = be(() => ({
+  } = sn(), [E, V] = ie([]), D = be(() => ({
     orgName: r ?? "default",
     projName: o ?? "default"
   }), [r, o]), L = be(() => {
@@ -1951,32 +1951,32 @@ const ca = () => {
     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: {
+    u && /* @__PURE__ */ S(vn, { children: [
+      /* @__PURE__ */ n(fn, { variant: "rounded", height: 32, sx: {
         mb: 2,
         maxWidth: 320
       } }),
-      /* @__PURE__ */ n(un, { variant: "rounded", height: 48, sx: {
+      /* @__PURE__ */ n(fn, { 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: {
+    /* @__PURE__ */ S(k.Stack, { spacing: 3, children: [
+      /* @__PURE__ */ n(oa, { formData: s, setFormData: p, errors: m, setFieldError: c, validateField: _ }),
+      f.length > 0 && /* @__PURE__ */ S(k.Section, { children: [
+        /* @__PURE__ */ n(k.Subheader, { children: "Agent Kind Version" }),
+        /* @__PURE__ */ n(k.Stack, { spacing: 2, children: /* @__PURE__ */ n(k.ElementWrapper, { label: "Version", name: "kindVersion", children: /* @__PURE__ */ n(Wt, { 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 }),
+      /* @__PURE__ */ n(In, { llmProviders: E, setLLMProviders: V, agentDisplayName: s.displayName, externalEnvKeys: new Set((s.env ?? []).map((N) => N.key).filter((N) => !!N)) }),
+      /* @__PURE__ */ n(En, { formData: s, setFormData: p, lockedKeys: A, 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: (() => {
+      /* @__PURE__ */ n(cn, { 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));
@@ -2028,7 +2028,7 @@ const ca = () => {
   } = ue(), {
     mutate: f,
     isPending: g
-  } = an({
+  } = ln({
     orgName: a
   }), y = Ne((i, d) => {
     e((s) => {
@@ -2039,7 +2039,7 @@ const ca = () => {
       return o(i, m), p;
     });
   }, [e, l, o]), v = be(
-    () => ln.debounce((i) => {
+    () => on.debounce((i) => {
       if (i.length < 3) {
         y("name", "");
         return;
@@ -2064,14 +2064,14 @@ const ca = () => {
     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: [
+  }, [t.displayName, v, y]), /* @__PURE__ */ n(k.Stack, { spacing: 3, children: /* @__PURE__ */ S(k.Section, { children: [
+    /* @__PURE__ */ n(k.Subheader, { children: "Agent Details" }),
+    /* @__PURE__ */ S(k.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ n(k.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 }) })
+      /* @__PURE__ */ n(k.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 = () => {
@@ -2091,25 +2091,25 @@ const ca = () => {
     validateForm: g,
     setFieldError: y,
     validateField: v
-  } = Wt(Dr), {
+  } = Ft(Dr), {
     mutate: i,
     isPending: d,
     error: s
-  } = on(), p = r ?? "default", m = o ?? "default";
+  } = sn(), 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 = () => {
+  let _;
+  t[4] !== e || t[5] !== r || t[6] !== o ? (_ = () => {
     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;
+  }, t[4] = e, t[5] = r, t[6] = o, t[7] = _) : _ = t[7];
+  const A = _;
   let T;
   t[8] !== i || t[9] !== e || t[10] !== c ? (T = ($) => {
     const z = Tn($, c);
@@ -2153,9 +2153,9 @@ const ca = () => {
   }, 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];
+  t[28] !== A || t[29] !== L || t[30] !== d || t[31] !== E || t[32] !== N ? (w = /* @__PURE__ */ n(cn, { lastSubmittedValidationErrors: E, isPending: d, onCancel: A, onSubmit: L, isNameEmpty: N, mode: "connect" }), t[28] = A, 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: [
+  t[34] !== F || t[35] !== M || t[36] !== w ? (b = /* @__PURE__ */ S(k.Stack, { spacing: 3, children: [
     F,
     M,
     w
@@ -2172,49 +2172,49 @@ const ua = () => {
     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, {
+  t[0] !== e || t[1] !== r || t[2] !== o ? (f = (A) => {
+    e(le(A === "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}`, {
+  t[4] !== e || t[5] !== r || t[6] !== o ? (y = (A) => {
+    e(le(`${a}/${A}`, {
       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];
+  t[8] !== g ? (i = /* @__PURE__ */ n(Ae, { 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];
+  t[10] !== v ? (d = /* @__PURE__ */ n(Ae, { 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];
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ n(Ae, { 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: [
+  t[13] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ S(Ae, { 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, {}) })
+    /* @__PURE__ */ n(Ae, { 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];
+  t[14] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ n(Ae, { 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: [
+  t[15] !== d ? (h = /* @__PURE__ */ S(Ae, { 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: [
+  t[17] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ n(Ae, { path: "connect", element: /* @__PURE__ */ n(pa, {}) }), t[17] = c) : c = t[17];
+  let _;
+  return t[18] !== i || t[19] !== h ? (_ = /* @__PURE__ */ S(Rn, { children: [
     i,
     h,
     c
-  ] }), t[18] = i, t[19] = h, t[20] = A) : A = t[20], A;
-}, _a = {
+  ] }), t[18] = i, t[19] = h, t[20] = _) : _ = t[20], _;
+}, ka = {
   title: "Add New Agent",
   description: "A page component for Add New Agent",
   icon: Tr,
@@ -2223,5 +2223,5 @@ const ua = () => {
 };
 export {
   ua as AddNewAgent,
-  _a as metaData
+  ka as metaData
 };