@wso2/am-core-ui 0.0.18 → 0.0.20

package/dist/EnvironmentCard-CIXhDhlZ.js

@@ -0,0 +1,319 @@
+import { jsxs as a, Fragment as Ee, jsx as s } from "react/jsx-runtime";
+import { c as Be } from "react/compiler-runtime";
+import { o as Ke, c as Me, aL as Ue, p as We, g as oe, N as Ne, n as Ye } from "./index-ByEInFlf.js";
+import "@tanstack/react-query";
+import "react";
+import { useTheme as Pe, Box as u, Button as ae, CircularProgress as Re, Alert as Te, Chip as h, Skeleton as qe, Typography as we, Card as Ce, CardContent as ke, Divider as He } from "@wso2/oxygen-ui";
+import { Clock as Ae, FlaskConical as Je, Rocket as Le, Play as Qe, PauseCircle as Ve, CheckCircle as Xe, Circle as Ze, Link as et, Tag as tt } from "@wso2/oxygen-ui-icons-react";
+import { Link as ce, generatePath as de } from "react-router-dom";
+import { f as st } from "./formatDistanceToNow-DyjnT7l9.js";
+import { I as je } from "./IsolationTierIndicator-cf90kgjL.js";
+var it = /* @__PURE__ */ ((r) => (r.ACTIVE = "active", r.INACTIVE = "not-deployed", r.DEPLOYING = "in-progress", r.ERROR = "error", r.SUSPENDED = "suspended", r.FAILED = "failed", r))(it || {});
+const me = (r) => {
+  const e = Be(8), {
+    status: c
+  } = r, l = Pe();
+  if (!c)
+    return null;
+  if (c === "active") {
+    const t = l.vars?.palette?.success?.main;
+    let n;
+    return e[0] !== t ? (n = /* @__PURE__ */ s(h, { icon: /* @__PURE__ */ s(Xe, { size: 16, color: t }), variant: "outlined", size: "small", label: "Deployed", color: "success" }), e[0] = t, e[1] = n) : n = e[1], n;
+  }
+  if (c === "not-deployed") {
+    const t = l.vars?.palette?.text?.disabled;
+    let n;
+    return e[2] !== t ? (n = /* @__PURE__ */ s(h, { icon: /* @__PURE__ */ s(Ze, { size: 16, color: t }), variant: "outlined", size: "small", label: "Not Deployed", color: "default" }), e[2] = t, e[3] = n) : n = e[3], n;
+  }
+  if (c === "in-progress") {
+    let t;
+    return e[4] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(h, { icon: /* @__PURE__ */ s(Re, { size: 16, color: "warning" }), variant: "outlined", size: "small", label: "Deploying", color: "warning" }), e[4] = t) : t = e[4], t;
+  }
+  if (c === "error") {
+    let t;
+    return e[5] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(h, { variant: "outlined", size: "small", label: "Error", color: "error" }), e[5] = t) : t = e[5], t;
+  }
+  if (c === "failed") {
+    let t;
+    return e[6] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(h, { variant: "outlined", size: "small", label: "Error", color: "error" }), e[6] = t) : t = e[6], t;
+  }
+  if (c === "suspended") {
+    let t;
+    return e[7] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(h, { icon: /* @__PURE__ */ s(Ve, { size: 16 }), variant: "outlined", size: "small", label: "Suspended", color: "default" }), e[7] = t) : t = e[7], t;
+  }
+}, Se = (r) => {
+  if (!r)
+    return "—";
+  const e = r instanceof Date ? r : new Date(r);
+  return Number.isNaN(e.getTime()) ? "—" : st(e, {
+    addSuffix: !0
+  });
+}, yt = (r) => {
+  const e = Be(126), {
+    environment: c,
+    orgId: l,
+    projectId: t,
+    agentId: n,
+    actions: b,
+    bottomContent: U,
+    isFirstEnvironment: _e
+  } = r, W = _e === void 0 ? !0 : _e, $ = Pe();
+  let Y;
+  e[0] !== n || e[1] !== l || e[2] !== t ? (Y = {
+    orgName: l,
+    projName: t,
+    agentName: n
+  }, e[0] = n, e[1] = l, e[2] = t, e[3] = Y) : Y = e[3];
+  const {
+    data: q,
+    isLoading: Fe
+  } = Ke(Y), K = q?.provisioning?.type === "external";
+  let H;
+  e[4] !== n || e[5] !== l || e[6] !== t ? (H = {
+    orgName: l,
+    projName: t,
+    agentName: n
+  }, e[4] = n, e[5] = l, e[6] = t, e[7] = H) : H = e[7];
+  const ue = !!l && !!t && !!n && !!q && !K;
+  let J;
+  e[8] !== ue ? (J = {
+    enabled: ue
+  }, e[8] = ue, e[9] = J) : J = e[9];
+  const {
+    data: Ge,
+    isLoading: Oe
+  } = Me(H, J), fe = q?.kindName, pe = fe ?? "";
+  let Q;
+  e[10] !== l || e[11] !== pe ? (Q = {
+    orgName: l,
+    kindName: pe
+  }, e[10] = l, e[11] = pe, e[12] = Q) : Q = e[12];
+  const {
+    data: y
+  } = Ue(Q), i = Ge?.[c?.name ?? ""], x = `${c?.displayName ?? c?.name ?? "Environment"} Environment`, ge = K ? "" : l, he = K ? "" : t, ye = K ? "" : n;
+  let X;
+  e[13] !== ge || e[14] !== he || e[15] !== ye ? (X = {
+    orgName: ge,
+    projName: he,
+    agentName: ye
+  }, e[13] = ge, e[14] = he, e[15] = ye, e[16] = X) : X = e[16];
+  const {
+    data: ve
+  } = We(X);
+  let Z;
+  e[17] !== ve?.builds ? (Z = ve?.builds?.some(nt) ?? !1, e[17] = ve?.builds, e[18] = Z) : Z = e[18];
+  const ee = Z;
+  let be;
+  e: {
+    if (!i?.imageId || !fe) {
+      be = null;
+      break e;
+    }
+    let o;
+    e[19] !== i || e[20] !== y ? (o = y?.find((d) => d.imageId === i.imageId), e[19] = i, e[20] = y, e[21] = o) : o = e[21], be = o?.version ?? null;
+  }
+  const v = be, te = v ? `v${v}` : null;
+  let se;
+  e[22] !== y ? (se = y?.length ? [...y].sort(lt)[0] : void 0, e[22] = y, e[23] = se) : se = e[23];
+  const M = se, ie = !!fe && !!M && !!v && v !== M.version;
+  if (Fe || Oe) {
+    let o;
+    return e[24] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ s(qe, { variant: "rounded", height: 100 }), e[24] = o) : o = e[24], o;
+  }
+  if (K) {
+    let o;
+    e[25] !== x ? (o = /* @__PURE__ */ s(we, { variant: "h6", children: x }), e[25] = x, e[26] = o) : o = e[26];
+    const p = $.vars?.palette?.success?.main;
+    let d;
+    e[27] !== p ? (d = /* @__PURE__ */ s(h, { icon: /* @__PURE__ */ s(et, { size: 16, color: p }), variant: "outlined", size: "small", label: "Registered", color: "success" }), e[27] = p, e[28] = d) : d = e[28];
+    const f = $.vars?.palette?.text?.secondary;
+    let m;
+    e[29] !== f ? (m = /* @__PURE__ */ s(Ae, { size: 16, color: f }), e[29] = f, e[30] = m) : m = e[30];
+    const g = q?.createdAt;
+    let R;
+    e[31] !== g ? (R = Se(g), e[31] = g, e[32] = R) : R = e[32];
+    let V;
+    e[33] !== m || e[34] !== R ? (V = /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+      m,
+      R
+    ] }), e[33] = m, e[34] = R, e[35] = V) : V = e[35];
+    let F;
+    e[36] !== o || e[37] !== d || e[38] !== V ? (F = /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+      o,
+      d,
+      V
+    ] }), e[36] = o, e[37] = d, e[38] = V, e[39] = F) : F = e[39];
+    let G;
+    e[40] !== b ? (G = /* @__PURE__ */ s(u, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: b }), e[40] = b, e[41] = G) : G = e[41];
+    let O;
+    e[42] !== F || e[43] !== G ? (O = /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, justifyContent: "space-between", alignItems: "center", children: [
+      F,
+      G
+    ] }), e[42] = F, e[43] = G, e[44] = O) : O = e[44];
+    let re;
+    return e[45] !== U || e[46] !== O ? (re = /* @__PURE__ */ s(Ce, { variant: "outlined", children: /* @__PURE__ */ a(ke, { children: [
+      O,
+      U
+    ] }) }), e[45] = U, e[46] = O, e[47] = re) : re = e[47], re;
+  }
+  if (!i) {
+    let o;
+    e[48] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+      "&.MuiCard-root": {
+        backgroundColor: "background.paper"
+      }
+    }, e[48] = o) : o = e[48];
+    const p = c?.isolationTier;
+    let d;
+    e[49] !== p ? (d = /* @__PURE__ */ s(je, { tier: p, size: 16 }), e[49] = p, e[50] = d) : d = e[50];
+    let f;
+    e[51] !== x ? (f = /* @__PURE__ */ s(we, { variant: "h6", children: x }), e[51] = x, e[52] = f) : f = e[52];
+    let m;
+    e[53] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ s(me, {
+      status: "not-deployed"
+      /* INACTIVE */
+    }), e[53] = m) : m = e[53];
+    let g;
+    return e[54] !== d || e[55] !== f ? (g = /* @__PURE__ */ s(Ce, { variant: "outlined", sx: o, children: /* @__PURE__ */ s(ke, { children: /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+      d,
+      f,
+      m
+    ] }) }) }), e[54] = d, e[55] = f, e[56] = g) : g = e[56], g;
+  }
+  const xe = i.status, $e = xe === "active" || xe === "error" || xe === "failed", De = c?.isolationTier;
+  let D;
+  e[57] !== De ? (D = /* @__PURE__ */ s(je, { tier: De, size: 16 }), e[57] = De, e[58] = D) : D = e[58];
+  const Ie = c?.displayName;
+  let I;
+  e[59] !== Ie ? (I = /* @__PURE__ */ a(we, { variant: "h6", children: [
+    Ie,
+    " Environment"
+  ] }), e[59] = Ie, e[60] = I) : I = e[60];
+  let z;
+  e[61] !== i.lastDeployed || e[62] !== i.status || e[63] !== $ ? (z = i?.status === "active" && /* @__PURE__ */ a(Ee, { children: [
+    /* @__PURE__ */ s(me, {
+      status: "active"
+      /* ACTIVE */
+    }),
+    /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+      /* @__PURE__ */ s(Ae, { size: 16, color: $.vars?.palette?.text?.secondary }),
+      Se(i?.lastDeployed)
+    ] })
+  ] }), e[61] = i.lastDeployed, e[62] = i.status, e[63] = $, e[64] = z) : z = e[64];
+  let N;
+  e[65] !== i.status ? (N = (i?.status === "error" || i?.status === "failed") && /* @__PURE__ */ s(me, { status: i.status }), e[65] = i.status, e[66] = N) : N = e[66];
+  let w;
+  e[67] !== i.status ? (w = i?.status === "suspended" && /* @__PURE__ */ s(me, {
+    status: "suspended"
+    /* SUSPENDED */
+  }), e[67] = i.status, e[68] = w) : w = e[68];
+  let C;
+  e[69] !== D || e[70] !== I || e[71] !== z || e[72] !== N || e[73] !== w ? (C = /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    D,
+    I,
+    z,
+    N,
+    w
+  ] }), e[69] = D, e[70] = I, e[71] = z, e[72] = N, e[73] = w, e[74] = C) : C = e[74];
+  let k;
+  e[75] !== te ? (k = te && /* @__PURE__ */ s(h, { icon: /* @__PURE__ */ s(tt, { size: 14 }), label: te, size: "small", variant: "outlined" }), e[75] = te, e[76] = k) : k = e[76];
+  let _;
+  e[77] !== b || e[78] !== n || e[79] !== i.status || e[80] !== c?.name || e[81] !== l || e[82] !== t ? (_ = i?.status === "active" && /* @__PURE__ */ a(Ee, { children: [
+    b,
+    /* @__PURE__ */ s(ae, { startIcon: /* @__PURE__ */ s(Je, { size: 16 }), variant: "text", component: ce, to: de(oe.children.org.children.projects.children.agents.children.environment.children.tryOut.path, {
+      orgId: l,
+      projectId: t,
+      agentId: n,
+      envId: c?.name ?? ""
+    }), color: "primary", size: "small", children: "Try It" })
+  ] }), e[77] = b, e[78] = n, e[79] = i.status, e[80] = c?.name, e[81] = l, e[82] = t, e[83] = _) : _ = e[83];
+  let E;
+  e[84] !== k || e[85] !== _ ? (E = /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    k,
+    _
+  ] }), e[84] = k, e[85] = _, e[86] = E) : E = e[86];
+  let T;
+  e[87] !== C || e[88] !== E ? (T = /* @__PURE__ */ a(u, { display: "flex", flexDirection: "row", gap: 1, pb: 1, justifyContent: "space-between", alignItems: "center", children: [
+    C,
+    E
+  ] }), e[87] = C, e[88] = E, e[89] = T) : T = e[89];
+  let ne;
+  e[90] === Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ s(He, {}), e[90] = ne) : ne = e[90];
+  let A;
+  e[91] !== n || e[92] !== i.status || e[93] !== ee || e[94] !== W || e[95] !== l || e[96] !== t ? (A = i.status === "not-deployed" && /* @__PURE__ */ s(Ne, { disableBackground: !0, message: "Not Deployed", icon: /* @__PURE__ */ s(Le, { size: 32 }), subtitle: ee ? W ? "A successful build is available. Deploy it to get started." : "Promote a deployment from the previous environment to get started." : "No successful build found. Build the agent before deploying.", action: ee && /* @__PURE__ */ s(ae, { startIcon: /* @__PURE__ */ s(Le, { size: 16 }), variant: "outlined", component: ce, to: de(oe.children.org.children.projects.children.agents.children.deployment.path, {
+    orgId: l,
+    projectId: t,
+    agentId: n
+  }), size: "small", children: W ? "Go to Deployment" : "Promote" }) }), e[91] = n, e[92] = i.status, e[93] = ee, e[94] = W, e[95] = l, e[96] = t, e[97] = A) : A = e[97];
+  let L;
+  e[98] !== i.status ? (L = i.status === "in-progress" && /* @__PURE__ */ s(Ne, { disableBackground: !0, message: "Deploying...", icon: /* @__PURE__ */ s(Re, { size: 32 }) }), e[98] = i.status, e[99] = L) : L = e[99];
+  let j;
+  e[100] !== n || e[101] !== i.status || e[102] !== l || e[103] !== t ? (j = (i.status === "error" || i.status === "failed") && /* @__PURE__ */ s(Te, { severity: "error", sx: {
+    width: "100%"
+  }, action: /* @__PURE__ */ s(ae, { component: ce, to: de(oe.children.org.children.projects.children.agents.children.deployment.path, {
+    orgId: l,
+    projectId: t,
+    agentId: n
+  }), color: "inherit", size: "small", children: "View Deployment" }), children: "Deployment failed. Check the deployment page for more details." }), e[100] = n, e[101] = i.status, e[102] = l, e[103] = t, e[104] = j) : j = e[104];
+  let S;
+  e[105] !== n || e[106] !== i.status || e[107] !== l || e[108] !== t ? (S = i.status === "suspended" && /* @__PURE__ */ s(Ne, { disableBackground: !0, message: "Suspended", icon: /* @__PURE__ */ s(Ve, { size: 32 }), subtitle: "This deployment is currently suspended. Resume it from the deployment page to make the agent available again.", action: /* @__PURE__ */ s(ae, { startIcon: /* @__PURE__ */ s(Qe, { size: 16 }), variant: "outlined", component: ce, to: de(oe.children.org.children.projects.children.agents.children.deployment.path, {
+    orgId: l,
+    projectId: t,
+    agentId: n
+  }), size: "small", children: "Go to Deployment" }) }), e[105] = n, e[106] = i.status, e[107] = l, e[108] = t, e[109] = S) : S = e[109];
+  let B;
+  e[110] !== i.endpoints || e[111] !== i.status || e[112] !== v || e[113] !== ie || e[114] !== M ? (B = i.status === "active" && /* @__PURE__ */ a(u, { display: "flex", flexGrow: 1, flexDirection: "column", width: "100%", gap: ie ? 2 : 4, alignItems: "flex-start", children: [
+    ie && /* @__PURE__ */ a(Te, { severity: "warning", sx: {
+      width: "100%"
+    }, children: [
+      "A newer version of this Agent Kind is available: ",
+      /* @__PURE__ */ a("strong", { children: [
+        "v",
+        M.version
+      ] }),
+      ".",
+      " ",
+      "Currently deployed: ",
+      /* @__PURE__ */ a("strong", { children: [
+        "v",
+        v
+      ] }),
+      "."
+    ] }),
+    i.endpoints?.map(rt)
+  ] }), e[110] = i.endpoints, e[111] = i.status, e[112] = v, e[113] = ie, e[114] = M, e[115] = B) : B = e[115];
+  let P;
+  e[116] !== A || e[117] !== L || e[118] !== j || e[119] !== S || e[120] !== B ? (P = /* @__PURE__ */ a(u, { display: "flex", width: "100%", justifyContent: "center", flexDirection: "column", gap: 1, pt: 2, alignItems: "center", children: [
+    A,
+    L,
+    j,
+    S,
+    B
+  ] }), e[116] = A, e[117] = L, e[118] = j, e[119] = S, e[120] = B, e[121] = P) : P = e[121];
+  const ze = $e && U;
+  let le;
+  return e[122] !== T || e[123] !== P || e[124] !== ze ? (le = /* @__PURE__ */ s(Ce, { variant: "outlined", children: /* @__PURE__ */ a(ke, { children: [
+    T,
+    ne,
+    P,
+    ze
+  ] }) }), e[122] = T, e[123] = P, e[124] = ze, e[125] = le) : le = e[125], le;
+};
+function nt(r) {
+  return r.status === "Succeeded" || r.status === "Completed";
+}
+function lt(r, e) {
+  return new Date(e.createdAt).getTime() - new Date(r.createdAt).getTime();
+}
+function rt(r) {
+  return /* @__PURE__ */ s(Ye, { slotProps: {
+    input: {
+      readOnly: !0
+    }
+  }, label: "URL", value: r.url, fullWidth: !0 }, r.url);
+}
+export {
+  it as D,
+  yt as E,
+  me as a
+};

package/dist/EnvironmentSelector-D8S6nO9u.js

@@ -0,0 +1,48 @@
+import { jsx as u, jsxs as g } from "react/jsx-runtime";
+import { c as y } from "react/compiler-runtime";
+import { MenuItem as E, Typography as I, FormControl as N, Select as x } from "@wso2/oxygen-ui";
+import { useParams as j, useLocation as S, useNavigate as $ } from "react-router-dom";
+import { q as C } from "./index-ByEInFlf.js";
+function L() {
+  const e = y(19), {
+    orgId: v,
+    projectId: h,
+    envId: n
+  } = j(), {
+    pathname: c
+  } = S(), p = $(), i = C(v, h);
+  let m;
+  if (e[0] !== n || e[1] !== i) {
+    let t;
+    e[3] !== n ? (t = (d) => d.name === n, e[3] = n, e[4] = t) : t = e[4], m = i.find(t), e[0] = n, e[1] = i, e[2] = m;
+  } else
+    m = e[2];
+  const f = m;
+  if (!n || i.length <= 1)
+    return null;
+  let a;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    minWidth: 160
+  }, e[5] = a) : a = e[5];
+  let r;
+  e[6] !== n || e[7] !== p || e[8] !== c ? (r = (t) => {
+    const d = t.target.value;
+    p(c.replace(`/environment/${n}`, `/environment/${d}`));
+  }, e[6] = n, e[7] = p, e[8] = c, e[9] = r) : r = e[9];
+  let l;
+  e[10] !== f?.displayName ? (l = (t) => /* @__PURE__ */ g(I, { children: [
+    f?.displayName ?? t,
+    " ",
+    "Environment"
+  ] }), e[10] = f?.displayName, e[11] = l) : l = e[11];
+  let o;
+  e[12] !== i ? (o = i.map(P), e[12] = i, e[13] = o) : o = e[13];
+  let s;
+  return e[14] !== n || e[15] !== r || e[16] !== l || e[17] !== o ? (s = /* @__PURE__ */ u(N, { size: "small", sx: a, children: /* @__PURE__ */ u(x, { value: n, onChange: r, renderValue: l, children: o }) }), e[14] = n, e[15] = r, e[16] = l, e[17] = o, e[18] = s) : s = e[18], s;
+}
+function P(e) {
+  return /* @__PURE__ */ u(E, { value: e.name, children: e.displayName ?? e.name }, e.name);
+}
+export {
+  L as E
+};

package/dist/IsolationTierIndicator-cf90kgjL.js

@@ -0,0 +1,81 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as m } from "react/compiler-runtime";
+import { Tooltip as d, Chip as x, Box as C } from "@wso2/oxygen-ui";
+import { ShieldCheck as p, ShieldPlus as v, Shield as S } from "@wso2/oxygen-ui-icons-react";
+const L = {
+  runc: {
+    value: "runc",
+    tier: 1,
+    runtimeLabel: "runc (default)",
+    shortLabel: "Sandbox L1",
+    fullLabel: "Sandbox Level 1",
+    color: "default",
+    iconColor: "text.secondary",
+    icon: S
+  },
+  gvisor: {
+    value: "gvisor",
+    tier: 2,
+    runtimeLabel: "gVisor",
+    shortLabel: "Sandbox L2",
+    fullLabel: "Sandbox Level 2",
+    color: "info",
+    iconColor: "info.main",
+    icon: v
+  },
+  kata: {
+    value: "kata",
+    tier: 3,
+    runtimeLabel: "Kata Containers",
+    shortLabel: "Sandbox L3",
+    fullLabel: "Sandbox Level 3",
+    color: "success",
+    iconColor: "success.main",
+    icon: p
+  }
+};
+function h(u) {
+  return L[u] ?? L.runc;
+}
+function k(u) {
+  const e = m(13), {
+    tier: a,
+    size: s
+  } = u, l = s === void 0 ? 18 : s;
+  let n;
+  e[0] !== a ? (n = h(a), e[0] = a, e[1] = n) : n = e[1];
+  const o = n, r = o.icon;
+  let t;
+  e[2] !== o.iconColor ? (t = {
+    color: o.iconColor
+  }, e[2] = o.iconColor, e[3] = t) : t = e[3];
+  let i;
+  e[4] !== r || e[5] !== l ? (i = /* @__PURE__ */ f(r, { size: l }), e[4] = r, e[5] = l, e[6] = i) : i = e[6];
+  let c;
+  e[7] !== t || e[8] !== i ? (c = /* @__PURE__ */ f(C, { display: "inline-flex", alignItems: "center", sx: t, children: i }), e[7] = t, e[8] = i, e[9] = c) : c = e[9];
+  let b;
+  return e[10] !== o.fullLabel || e[11] !== c ? (b = /* @__PURE__ */ f(d, { title: o.fullLabel, children: c }), e[10] = o.fullLabel, e[11] = c, e[12] = b) : b = e[12], b;
+}
+function y(u) {
+  const e = m(12), {
+    tier: a
+  } = u;
+  let s;
+  e[0] !== a ? (s = h(a), e[0] = a, e[1] = s) : s = e[1];
+  const l = s, n = l.icon;
+  let o;
+  e[2] !== n ? (o = /* @__PURE__ */ f(n, { size: 14 }), e[2] = n, e[3] = o) : o = e[3];
+  let r;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+    cursor: "default"
+  }, e[4] = r) : r = e[4];
+  let t;
+  e[5] !== l.color || e[6] !== l.shortLabel || e[7] !== o ? (t = /* @__PURE__ */ f(x, { icon: o, label: l.shortLabel, size: "small", variant: "outlined", color: l.color, sx: r }), e[5] = l.color, e[6] = l.shortLabel, e[7] = o, e[8] = t) : t = e[8];
+  let i;
+  return e[9] !== l.fullLabel || e[10] !== t ? (i = /* @__PURE__ */ f(d, { title: l.fullLabel, children: t }), e[9] = l.fullLabel, e[10] = t, e[11] = i) : i = e[11], i;
+}
+export {
+  k as I,
+  y as a,
+  h as g
+};

package/dist/LabelChips-7rA7_yre.js

@@ -0,0 +1,139 @@
+import { jsx as t, jsxs as Z } from "react/jsx-runtime";
+import { c as te } from "react/compiler-runtime";
+import { useState as D, useRef as N, useLayoutEffect as le } from "react";
+import { Box as u, Chip as G, Typography as k, Button as q, IconButton as ne, Tooltip as ie, Stack as re } from "@wso2/oxygen-ui";
+import { X as Y, Plus as se } from "@wso2/oxygen-ui-icons-react";
+import { n as J } from "./index-ByEInFlf.js";
+const Q = 10, ae = /^[a-zA-Z0-9]([a-zA-Z0-9._-]*[a-zA-Z0-9])?$/, oe = /^([a-zA-Z0-9]([a-zA-Z0-9._-]*[a-zA-Z0-9])?)?$/, H = 63;
+function ce(o) {
+  if (!o) return "Key is required";
+  if (o.length > H) return `Key must be at most ${H} characters`;
+  if (!ae.test(o)) return "Use letters, digits, '.', '_' or '-', starting and ending with a letter or digit";
+}
+function de(o) {
+  if (o.length > H) return `Value must be at most ${H} characters`;
+  if (!oe.test(o)) return "Use letters, digits, '.', '_' or '-', starting and ending with a letter or digit";
+}
+const be = (o) => {
+  const e = te(45), {
+    value: l,
+    onChange: d,
+    disabled: C,
+    hideTitle: $,
+    title: T,
+    description: I
+  } = o, r = C === void 0 ? !1 : C, n = $ === void 0 ? !1 : $, s = T === void 0 ? "Labels (Optional)" : T, f = I === void 0 ? "Attach key/value labels to organize and filter resources." : I, [c, v] = D(!1), [i, h] = D(""), [a, b] = D("");
+  let w;
+  e[0] !== l ? (w = Object.entries(l), e[0] = l, e[1] = w) : w = e[1];
+  const p = w;
+  let B;
+  e[2] !== i ? (B = i ? ce(i) : void 0, e[2] = i, e[3] = B) : B = e[3];
+  const z = B;
+  let P;
+  e[4] !== a ? (P = de(a), e[4] = a, e[5] = P) : P = e[5];
+  const R = P, O = i && Object.prototype.hasOwnProperty.call(l, i) ? "A label with this key already exists" : void 0, S = p.length >= Q, x = !i || !!z || !!R || !!O;
+  let V;
+  e[6] !== x || e[7] !== i || e[8] !== a || e[9] !== d || e[10] !== l ? (V = () => {
+    x || (d({
+      ...l,
+      [i]: a
+    }), h(""), b(""), v(!1));
+  }, e[6] = x, e[7] = i, e[8] = a, e[9] = d, e[10] = l, e[11] = V) : V = e[11];
+  const M = V;
+  let K;
+  e[12] !== d || e[13] !== l ? (K = (m) => {
+    const g = {
+      ...l
+    };
+    delete g[m], d(g);
+  }, e[12] = d, e[13] = l, e[14] = K) : K = e[14];
+  const U = K;
+  let X;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (X = () => {
+    h(""), b(""), v(!1);
+  }, e[15] = X) : X = e[15];
+  const ee = X;
+  let A;
+  e[16] !== n || e[17] !== s ? (A = !n && /* @__PURE__ */ t(k, { variant: "h6", children: s }), e[16] = n, e[17] = s, e[18] = A) : A = e[18];
+  let y;
+  e[19] !== f ? (y = /* @__PURE__ */ t(k, { variant: "body2", children: f }), e[19] = f, e[20] = y) : y = e[20];
+  let E;
+  e[21] !== r || e[22] !== p || e[23] !== U ? (E = p.length > 0 && /* @__PURE__ */ t(u, { display: "flex", flexWrap: "wrap", gap: 1, children: p.map((m) => {
+    const [g, F] = m;
+    return /* @__PURE__ */ t(G, { label: F ? `${g}: ${F}` : g, size: "small", variant: "outlined", onDelete: r ? void 0 : () => U(g), deleteIcon: /* @__PURE__ */ t(Y, { size: 14 }) }, g);
+  }) }), e[21] = r, e[22] = p, e[23] = U, e[24] = E) : E = e[24];
+  let _;
+  e[25] !== r || e[26] !== O || e[27] !== M || e[28] !== x || e[29] !== c || e[30] !== z || e[31] !== i || e[32] !== a || e[33] !== R ? (_ = c && /* @__PURE__ */ Z(u, { display: "flex", gap: 1, alignItems: "flex-start", children: [
+    /* @__PURE__ */ t(J, { label: "Key", size: "small", value: i, onChange: (m) => h(m.target.value), placeholder: "e.g. env", error: !!z || !!O, helperText: z ?? O, disabled: r }),
+    /* @__PURE__ */ t(J, { label: "Value", size: "small", value: a, onChange: (m) => b(m.target.value), placeholder: "e.g. production", error: !!R, helperText: R, disabled: r }),
+    /* @__PURE__ */ Z(u, { display: "flex", gap: 0.5, mt: 2.5, children: [
+      /* @__PURE__ */ t(q, { variant: "contained", size: "small", onClick: M, disabled: r || x, children: "Add" }),
+      /* @__PURE__ */ t(ne, { size: "small", onClick: ee, title: "Cancel", children: /* @__PURE__ */ t(Y, { size: 18 }) })
+    ] })
+  ] }), e[25] = r, e[26] = O, e[27] = M, e[28] = x, e[29] = c, e[30] = z, e[31] = i, e[32] = a, e[33] = R, e[34] = _) : _ = e[34];
+  let L;
+  e[35] !== S || e[36] !== r || e[37] !== c ? (L = !c && !r && /* @__PURE__ */ t(u, { display: "flex", justifyContent: "flex-start", children: /* @__PURE__ */ t(q, { startIcon: /* @__PURE__ */ t(se, { fontSize: "small" }), variant: "outlined", color: "primary", size: "small", onClick: () => v(!0), disabled: S, title: S ? `At most ${Q} labels per resource` : void 0, children: "Add Label" }) }), e[35] = S, e[36] = r, e[37] = c, e[38] = L) : L = e[38];
+  let j;
+  return e[39] !== A || e[40] !== y || e[41] !== E || e[42] !== _ || e[43] !== L ? (j = /* @__PURE__ */ Z(u, { display: "flex", flexDirection: "column", gap: 1.5, width: "100%", children: [
+    A,
+    y,
+    E,
+    _,
+    L
+  ] }), e[39] = A, e[40] = y, e[41] = E, e[42] = _, e[43] = L, e[44] = j) : j = e[44], j;
+}, W = 4, fe = 46, xe = ({
+  labels: o,
+  size: e = "small"
+}) => {
+  const l = Object.entries(o ?? {}), d = N(null), C = N([]), [$, T] = D(l.length);
+  if (le(() => {
+    const n = d.current;
+    if (!n) return;
+    const s = () => {
+      const c = n.clientWidth;
+      if (c <= 0) return;
+      let v = 0, i = 0;
+      for (let h = 0; h < l.length; h++) {
+        const a = C.current[h]?.getBoundingClientRect().width ?? 0, b = i > 0 ? W : 0, p = l.length - (h + 1) > 0 ? fe + W : 0;
+        if (v + b + a + p > c && i > 0) break;
+        v += b + a, i += 1;
+      }
+      T(i || (l.length > 0 ? 1 : 0));
+    };
+    if (s(), typeof ResizeObserver > "u") return;
+    const f = new ResizeObserver(s);
+    return f.observe(n), () => f.disconnect();
+  }, [o]), l.length === 0) return null;
+  const I = l.slice(0, $), r = l.slice($);
+  return /* @__PURE__ */ Z(u, { ref: d, sx: {
+    display: "flex",
+    flexWrap: "nowrap",
+    alignItems: "center",
+    gap: `${W}px`,
+    overflow: "hidden",
+    minWidth: 0,
+    flex: "1 1 0%"
+  }, children: [
+    /* @__PURE__ */ t(u, { "aria-hidden": !0, sx: {
+      position: "absolute",
+      top: -9999,
+      left: -9999,
+      visibility: "hidden",
+      display: "flex",
+      gap: `${W}px`,
+      pointerEvents: "none"
+    }, children: l.map(([n, s], f) => /* @__PURE__ */ t(u, { ref: (c) => {
+      C.current[f] = c;
+    }, children: /* @__PURE__ */ t(G, { label: s ? `${n}: ${s}` : n, size: e, variant: "outlined" }) }, n)) }),
+    I.map(([n, s]) => /* @__PURE__ */ t(G, { label: s ? `${n}: ${s}` : n, size: e, variant: "outlined", sx: {
+      flexShrink: 0
+    } }, n)),
+    r.length > 0 && /* @__PURE__ */ t(ie, { title: /* @__PURE__ */ t(re, { spacing: 0.25, children: r.map(([n, s]) => /* @__PURE__ */ t(k, { variant: "caption", children: s ? `${n}: ${s}` : n }, n)) }), placement: "top", children: /* @__PURE__ */ t(G, { label: `+${r.length}`, size: e, variant: "outlined", sx: {
+      flexShrink: 0
+    } }) })
+  ] });
+};
+export {
+  be as L,
+  xe as a
+};

package/dist/MCPLogo-D9IJzzl7.js

@@ -0,0 +1,30 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as C } from "react/compiler-runtime";
+const e = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAtKADAAQAAAABAAAAtAAAAABW1ZZ5AAAPtElEQVR4Ae2dC/BuUxnGD45cIo5LicGHTgYRxshfOKYpNCSjMak0ZZTURKVG5ZJUU5mpIXJPRnTTVBppSuqENLnUyOQyueYyIXFCOuGo5zFWs32+y3rXu/Zee3/7WTPvf+9v77Xetdazft/6773W2vubN09BCkgBKSAFpIAUkAJSQApIASkgBaSAFJACUkAKSAEpIAWkgBSQAlJACkiB/imwXP+q3Moar4BSDWAbwlZ73pZh+wTsn7A7YQ/AFKYoIKCnCFTT6XXgdw/YItgusIWwFWGTwuM4eSPsStgVsMWwp2AKUqCIAvOR6ztgl8Kehv3XaY8g/TmwOZiCFGhMgVWQ00dh98C8EI9LfxV87w1TkAK1KrA/vN8NGwdi7uOXI68tYQpSIKsCvEa+BJYb2Bh/vJz5DGx5mIIUcCuwCB7uh8XAV2ecxSjDK921kYNeK3AQas+RhzpBtfjmdfsWvW4RVT5ZgSOR8lmYBbgm4v4DZXpdcq2UsJcKfBq1bgLO1Dw4xLdVL1tGlTYr0HaYw5fgPtSMM5EzHTRT6GtewvxFn4v/pyZ4vJn8K4xT3pwOXxO2GWwBLEe4Bk44M/lMDmfyMVsK5OiZeSlwNoyTImtMkGdjnHsvLMcs44kT8tGpnirghflB6HYEbNUE/TZCmq/DUqfPeeOqm8QE4Wc1iRdm9siTeuNY3TgjeC0sXCNbttchnSZeYpWe4XgemJdClwMza8MVeqfDLDCHuO/JXBa565gCHpi59HNRjfU9Hr4DqLHbW5BGgwI1NkqbXXth5shC3eFkZBALc4j31roLJf/tU6ALMFM1DvNdCQuwxmx/yoQK/VHAC/PrG5ZqgPyehMXAzDhcd7I2TKEHCnQN5tAkJ2AnFmjGOyQk1HZ2FfDC3MQ18zj1OavIm9BYqC8c50jHZ0MBL8zey4yXQcbtYVxMxOcQU8I5SBQLNJeYKsyoAiVh3hSa/hBWnQF8FJ+/BFsZZglvRORYoBlvXYtzxe2GAl6YPZcZc5CI65bHQfh7nLNMk/MLwImccf6Gj++MuAozpIAXZg8QO0HHx2DDkA1/PsOo9/URPkMe7zb6VvQWK+CBmSB6rpljYSZ4vBSxDLF9D/EDsNO2XCilMAMKeGDmSEJTMAcg32LQ/DTEDemmbY8x+G111D6vuCLMqYvzuQB/L9jVia3Lnvky2OrG9BwBiQ2cNIkNL4mNqHjtVKBkzzwHSfgCxmm95qjzlmv1sw15HNXOZlKpYhToKsz3onJcrxEbfoaIo74Uo459KNap4rVLga7CTAgPMEp5J+KPgnfUsf0qvjnk91KYlpZWRGnjbkmYLaMZo4A72ijo+og/ys+4Yzci/sMwjqSEOHxUize+N8N+AvsybB8YH9xVKKyAF2bLtetwVQlz6jUz4Tp22GHE5/cjTgAz95YvYucy1Q/C1oEpNKyAF2bv0FzTMFNeApcb5FH+liIf3ny+GqbQgAJ9hHkH6DoKvjqPsdc+F/byBtq0t1n0EWY29mWwOuGd5HsJ8j6MhVDIq0CXYfbM2h0IGScB19S5H6EcC/I2aX+9eWDOsTbDc83sgXlzNPlTsKagnZbPHSjLwv5imKfmHphzrM0oBfMA8v0LNg2yps8/hDLxml4hQYGSMM+hvKVg3gR5txHm8OXhf70dE9qz10kEc/t65wA0t3+HaWgv8isqmNsNcwD7LrSnZT13ZPPPVrS+wsznD3NcZjwJP3yO8cMwTiCtB+NaDr4zj6MU28LeCTsTxhemBzhTt5fAh8IYBQRzOmC3Q1OOF682RttRh7l2/k0w7zi3no4Zoa4HZu/Q3BzKU+oG0Nszc1jvEzD2wJ5AsP8CS+mpOZq0gSfzWUvrgdk7NFcSZu9oBl+JsEVGGLjE9AJYCtTfyViOTrvywNznnpmvSKhrZdznEqHm9XmvgwfmLvfMA7S65waQMPMGr87wWTi39tS97qUFsx0YAtYEzOGLcp4R6mcQf8OQuE/bvsLsvWZuEmbyuArsJpilp/4kE/Yp9BXmARq57ZcZozjcFQctQN8wysmsHvPA3OUbwAEatIswBw5/jB0L1PyZupkPfYW5a5cZo0Ccw0EL0AeNcjJLx0rDzN7d0iDVuJ71zKVhJogceeDrD+6H/Qp2MMzyLhBEfy7cir9VXSbtn/V8mpnclIbZMwN4tKNFBkhb8jLj88h/HHS/wbk1YJbAVx6M8zd8/CqL4y7FLQ1zqZ55gEYqCfPJyH8YsuHP1kVFb47wGfJ4AHFnLgjm6VAFAKpb79BcDMwhv90M1HF8OaSL2a5k8N36qILZ1vgBkCZhZp5fNZC0HOJy4iSUddq2rml5Q5HzRO0yzF2+Zrb0zAHG7xubfIkB6IHRdyujC+b4HixAxW3TPXPI+3QjRZZ7ks6PRQvmbsFMqN9mAJpDfctg4cswbbuWwXfrogrm+IauglCqZ2YZboRZxqP5IEK17JP2n0Vc7wMHcFEmCOb4hq5CUBLmB4HKQiMu+yN+tfyT9u81+m5N9C7D7JkBHKAFSo4zn4T8JwE16Rxh5i/aWsMpSDDJb/Xcr63O2xBfMMc3cLWxS/fMKTBzyI69brUek/a/1gZALWUQzPGNW234LsJMLiyzhKyv5WbTwl0tcQVzv2AmRFfAql/MSfu8IezMO6UFc3zDVhu9qz0zYbbcDLLOv2WiLgTB3D+YOX3NZafVL+e0/U78nFxJmHeCoI8ZRa2K3rfp7FD31NEMSP1cmI+/v4AFfzFbvoZs7edSt/gPX/MUU5lRcQjizo66bYm0/Hc9ynfMMcGcJj5HNc5P0P20tOyaS7UNsrKssKpC5oWZr5a6B1b1adnvMswc9rLUtRrX2zMT5m8m5P800nA2sdXhPJSuKlbsvhdmTsny5iI2v+F4pWFey9GqKavmQv1zwPyNRN1Z7taH21DCIFbs1gszRflCQr6hfIKZCtoDe+ZUmPlFsj7SZS9hhhR/g48ASsw2B8zbIU/Lqq5quUrDvMCheeme+VxjW1d1P8BR70aTWv7t54CZvcTVicKWhrmPlxmE+qxGiXRmdngkXDlgZlHfHplftXfgvmCmevbADsTTM1+H9KvYsy2Xgg863gAbBqj6ORfMrOW0vKr5hv3jmDAxDJDOu2qurz0z76/WTdS9aLL1kfu1sABQdcsVWDtkKt2eY/Ko5je8f6oj7wHSloS59NCcp2dmu2/i0L540uVRggNhfAvPVbCLYfxRGr7xPVf4ARwNAzvp8+8Qn7NZKWGARCVhLn0DmDqawfYgzK+CKUxQYHWc+zdsEsDVc0sRN1XUAdIK5nitq7oLZsATE9j7V4Wbtn9ijNMRcQY4JphtWoe2EMwjgBp3iEM/QbhpW/bkKettB0gnmON1rraDYAY8lnALIlcFnLT/bYvj5+MOsBXM8RpX9RfMRuA4jsmnHKoiTtrf1+h/gPiCOV7fqvaC2Qgbo28Nq4o4aX8Z4lrWDGyE+F6YPet7S49meIfmUm+8IXt/w36o+iSIq+duNcjEnv8Rg+9qPtznOmzBDBEUbAocjOjDMI37fKnB9XcNfofzI8xdngH09sybGXRW1CEFDsfnYaDGfb5gKO24j6vixFMGv9X8+t4zC+ZxVEUeP9IAHp+kiAm7IFIV0tj9vsOsa+YYuqbE+YABvoum+Aqn9zD4DLB7Ye762gzBHOhxbt9lgI/rN2KC5U2ZBFowx6iqOFEK7I5YoZectuWoBdfwxgSu1Z3mj+fpU6MZMYoqTpQCGyBWDHghzlZRXufNm0O8/0zx/TDOdxlm76o53QBGwmSJxh6XDwkEYKdtP2Vwvg/iLhnjmz04R0NSg66ZU5XrQbqfo47TQA7n/2zUgz3wUbCLYYth58AWwTyhNMyenvk+VFw3gJ7Wj0jLZwIDsDHbvSJ81hWl9HS2YK6rZTP63Q6+YkAOcf6I+HyKpumgnrlpxTucn2UJKcH+SMN1FcwNC9717I5FBUIPHLNdivjs2ZsIgrkJlWcsj3VRH76ONQbmEIfvLt64Zh0Ec80Cz7L701C5AGvs9m6k2bwGUVaAT46IxJZjON6DSBs7Zj6q+BzO1A3gKGU6dGxDlDVlQT6nrvfNWM9XwNcvYcOQxn4WzBkbo+uujnGAdD7SrucQgCMnh8AegsXCOxxPMDsaYBaTroRKWUc8qlCxhz8V9hqDOHys61CYJ1+WQTAbRI+NGrt4J9ZfiXjbINNrYCs7Myegi2F/gN0BexT2DGw1GC9vtoTtCtsNxi+SJ7BXfwPspkQnbLezYe9LTM8b5N1htyemV7KaFTgM/qs9b5v3c/TMnhtQTWfXDGMu91/pANSCOVdr98AP/w1/q8VQC+YeQJi7ihx5OKOFUPOa3LNqjV9WXWZAhL6G41BxyxuW6rzmvh5l8QwPCua+UjxU7z3xmf/m64R1mu9TkL9nREQwDzVq3z+yZ7wINg283OfvQp57O8UXzE4BZzk5x3z/BMsN7rC/x5HH8TDvmLhghogKkxUgJOw1r4ANg+j9/AB8chp+AcwbBLNXwR6m54gDbxxvgKXePHK273zYXrD5sBxBMDtVpIB9D3zRIqe0XwtbCOPj+mvCOOW9IuwJGC8lOMN2G+xW2NWwm2E5A9tC09k5FZWvYgqoZy4mvTLOrYBgzq2o/BVTQDAXk14Z51ZAMOdWVP6KKSCYi0mvjHMrIJhzKyp/xRQQzMWkV8a5FRDMuRWVv2IKCOZi0ivj3AoI5tyKyl9RBU5H7qmLnzjdznUnClKgFQp8HKUQzK1oChXCq8DWcJD6g57qmb3qK312BS6Hx5TeWTBnbwo59CqwvWD2Sqj0bVLgpASg1TO3qQVVlhcowHfWWS43BPML5NOHNinAB2SXwWKBFsxtaj2V5UUKbGqAmdBv+yIPOiAFWqQAf1oitnfmK3sVMirAd8Ep5FWAD9XGBj6Mu09sZMWTAiUUmI9Mn4bF9tL8FYHdYQpSoLUKXIuSxQLNeIK6tU2pglGBE2AWoAW1uGm1AnxZjWXoLsCvnrrVzdrvwl2I6gdQLVtB3W9uWlv7DVCyJYK6te2jgiUosD/SpL4MUj11guBKUr8CRyALyyVHNa6grr99lEOCAh8T1AmqKUmrFRDUrW4eFS5FAUGdoprStFoBL9Q7trp2KlwvFfBAfTcU8/xUXC8FV6XrV8AD9UH1F085SAG7AqlQn2nPSimkQDMKpEDNaXUFKdBaBaxQczWfghRotQKxUHMqnW9lUpACrVcgBmq+/FFBCnRGgUNQ0qWw6pqOsH8ujvPHQBXGKMB3Fyu0T4GNUKRDYZxE4ZjzLbALYPwFWwUpIAWkgBSQAlJACkgBKSAFpIAUkAJSQApIASkgBaSAFJACUkAKSAEpIAWkgBR4gQL/A8XK9LF15GsEAAAAAElFTkSuQmCC", n = (M) => {
+  const A = C(5), {
+    size: B,
+    className: m
+  } = M, t = B === void 0 ? 20 : B;
+  let s;
+  A[0] !== t ? (s = {
+    backgroundColor: "currentColor",
+    color: "inherit",
+    display: "inline-block",
+    height: t,
+    maskImage: `url(${e})`,
+    maskPosition: "center",
+    maskRepeat: "no-repeat",
+    maskSize: "contain",
+    WebkitMaskImage: `url(${e})`,
+    WebkitMaskPosition: "center",
+    WebkitMaskRepeat: "no-repeat",
+    WebkitMaskSize: "contain",
+    verticalAlign: "middle",
+    width: t
+  }, A[0] = t, A[1] = s) : s = A[1];
+  let g;
+  return A[2] !== m || A[3] !== s ? (g = /* @__PURE__ */ c("span", { "aria-hidden": "true", className: m, style: s }), A[2] = m, A[3] = s, A[4] = g) : g = A[4], g;
+};
+export {
+  n as M
+};