@kong-ui-public/entities-consumer-groups 2.1.8-pr.985.da712cf1.0 → 2.1.8

package/dist/entities-consumer-groups.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as ae, ref as E, computed as $, watch as Ae, renderSlot as Z, createCommentVNode as H, unref as y, useSlots as lt, onBeforeMount as ut, resolveComponent as L, openBlock as m, createBlock as U, createSlots as $e, withCtx as v, createElementVNode as V, createTextVNode as Q, toDisplayString as O, createVNode as F, createElementBlock as M, renderList as he, Fragment as be, normalizeClass as Fe, withModifiers as nt, withDirectives as Je, vShow as Ye, useCssVars as gr, resolveDynamicComponent as Ue, normalizeProps as yr, guardReactiveProps as hr, mergeProps as ht, onMounted as vr, onUnmounted as br, normalizeStyle as fn, inject as Cr, pushScopeId as mn, popScopeId as gn, Teleport as kr, reactive as Lt } from "vue";
-import { useRouter as wt } from "vue-router";
+import { defineComponent as ae, ref as E, computed as $, watch as Ae, renderSlot as Z, createCommentVNode as H, unref as y, useSlots as lt, onBeforeMount as ut, resolveComponent as L, openBlock as m, createBlock as U, createSlots as $e, withCtx as v, createElementVNode as V, createTextVNode as Q, toDisplayString as O, createVNode as F, createElementBlock as M, renderList as he, Fragment as be, normalizeClass as Fe, withModifiers as nt, withDirectives as Je, vShow as Ye, useCssVars as gr, resolveDynamicComponent as Ue, normalizeProps as yr, guardReactiveProps as hr, mergeProps as ht, onMounted as vr, onUnmounted as br, normalizeStyle as fn, inject as kr, pushScopeId as mn, popScopeId as gn, Teleport as Cr, reactive as Lt } from "vue";
+import { useRouter as _t } from "vue-router";
 import { createI18n as It, i18nTComponent as yn } from "@kong-ui-public/i18n";
-import _r from "axios";
-import { BadgeMethodAppearances as wr } from "@kong/kongponents";
+import wr from "axios";
+import { MethodsArray as _r } from "@kong/kongponents";
 const Ir = {
   list: {
     table_headers: {
@@ -98,7 +98,7 @@ const Ir = {
 }, Ar = {
   consumer_groups: Ir
 };
-function Sr() {
+function xr() {
   const e = It("en-us", Ar);
   return {
     i18n: e,
@@ -107,50 +107,50 @@ function Sr() {
   };
 }
 const ct = {
-  useI18n: Sr
-}, Se = "/api/runtime_groups/{controlPlaneId}", xe = "/{workspace}", Me = {
+  useI18n: xr
+}, xe = "/api/runtime_groups/{controlPlaneId}", Se = "/{workspace}", Me = {
   list: {
     konnect: {
-      all: `${Se}/consumer_groups`,
-      forConsumer: `${Se}/consumers/{consumerId}/consumer_groups`,
-      oneForConsumer: `${Se}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
-    },
-    kongManager: {
-      all: `${xe}/consumer_groups?counter=true`,
+      all: `${xe}/consumer_groups`,
       forConsumer: `${xe}/consumers/{consumerId}/consumer_groups`,
       oneForConsumer: `${xe}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
+    },
+    kongManager: {
+      all: `${Se}/consumer_groups?counter=true`,
+      forConsumer: `${Se}/consumers/{consumerId}/consumer_groups`,
+      oneForConsumer: `${Se}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     }
   },
   form: {
     konnect: {
-      consumersList: `${Se}/consumers`,
-      create: `${Se}/consumer_groups`,
-      edit: `${Se}/consumer_groups/{id}`,
-      addConsumer: `${Se}/consumer_groups/{id}/consumers`,
-      removeConsumer: `${Se}/consumer_groups/{id}/consumers/{consumerId}`,
-      getConsumers: `${Se}/consumer_groups/{id}/consumers`
-    },
-    kongManager: {
       consumersList: `${xe}/consumers`,
       create: `${xe}/consumer_groups`,
       edit: `${xe}/consumer_groups/{id}`,
       addConsumer: `${xe}/consumer_groups/{id}/consumers`,
       removeConsumer: `${xe}/consumer_groups/{id}/consumers/{consumerId}`,
       getConsumers: `${xe}/consumer_groups/{id}/consumers`
+    },
+    kongManager: {
+      consumersList: `${Se}/consumers`,
+      create: `${Se}/consumer_groups`,
+      edit: `${Se}/consumer_groups/{id}`,
+      addConsumer: `${Se}/consumer_groups/{id}/consumers`,
+      removeConsumer: `${Se}/consumer_groups/{id}/consumers/{consumerId}`,
+      getConsumers: `${Se}/consumer_groups/{id}/consumers`
     }
   }
 };
-var hn = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(hn || {}), tt = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(tt || {}), Oe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(Oe || {}), ne = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(ne || {}), Ce = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(Ce || {});
+var hn = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(hn || {}), tt = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(tt || {}), Oe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(Oe || {}), ne = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(ne || {}), ke = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ke || {});
 function At(e = {}) {
   return {
-    axiosInstance: _r.create({
+    axiosInstance: wr.create({
       withCredentials: !0,
       timeout: 3e4,
       ...e
     })
   };
 }
-function xr() {
+function Sr() {
   return {
     debounce: (e, n) => {
       let t;
@@ -296,7 +296,7 @@ const Mr = {
   errors: Br,
   toggleModal: qr
 };
-function St() {
+function xt() {
   const e = It("en-us", Lr);
   return {
     i18n: e,
@@ -355,47 +355,47 @@ function Pr(e, n, t, r = {
   t || (t = "100");
   const { axiosInstance: a } = At({
     headers: e.requestHeaders
-  }), { i18n: { t: o } } = St(), { debounce: i } = xr(), s = i(async (w) => {
-    await K(w);
+  }), { i18n: { t: o } } = xt(), { debounce: i } = Sr(), s = i(async (h) => {
+    await K(h);
   }, 200), l = E(!1), c = E(""), d = E(""), u = E([]), g = E([]), f = E(void 0), I = y(n);
   let b = `${e.apiBaseUrl}${I}`;
   e.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: p } = vn(), A = async () => {
     try {
       l.value = !0;
-      const { data: w } = await a.get(`${b}?size=${t}`);
-      w != null && w.next || (f.value = r.fetchedItemsKey in w ? w[r.fetchedItemsKey] : []), g.value = r.fetchedItemsKey in w ? w[r.fetchedItemsKey] : [], u.value = g.value;
+      const { data: h } = await a.get(`${b}?size=${t}`);
+      h != null && h.next || (f.value = r.fetchedItemsKey in h ? h[r.fetchedItemsKey] : []), g.value = r.fetchedItemsKey in h ? h[r.fetchedItemsKey] : [], u.value = g.value;
     } catch {
       u.value = [], c.value = o("debouncedFilter.errors.fetch");
     } finally {
       l.value = !1;
     }
-  }, h = E(""), K = async (w) => {
+  }, C = E(""), K = async (h) => {
     var D, se, Y;
-    if (h.value !== w)
-      if (h.value = w || "", f.value === void 0)
+    if (C.value !== h)
+      if (C.value = h || "", f.value === void 0)
         try {
           if (l.value = !0, c.value = "", d.value = "", e.app === "konnect") {
             let _ = b + "";
-            w && (_ += `/${w}`);
+            h && (_ += `/${h}`);
             const { data: N } = await a.get(`${_}?size=${t}`);
             r.fetchedItemsKey in N ? u.value = N[r.fetchedItemsKey] : N != null && N.id ? u.value = [N] : u.value = [];
-          } else if (w) {
+          } else if (h) {
             const _ = [];
-            p(w) && r.searchKeys.includes("id") ? _.push((async () => {
-              const { data: C } = await a.get(`${b}/${w}`);
-              return [C[r.fetchedItemsKey] ?? C];
+            p(h) && r.searchKeys.includes("id") ? _.push((async () => {
+              const { data: k } = await a.get(`${b}/${h}`);
+              return [k[r.fetchedItemsKey] ?? k];
             })()) : _.push(
-              ...r.searchKeys.filter((C) => C !== "id").map(async (C) => {
-                const { data: S } = await a.get(`${b}?${C}=${w}`);
-                return S[r.fetchedItemsKey];
+              ...r.searchKeys.filter((k) => k !== "id").map(async (k) => {
+                const { data: x } = await a.get(`${b}?${k}=${h}`);
+                return x[r.fetchedItemsKey];
               })
             );
             const N = await Promise.all(_), R = /* @__PURE__ */ new Set();
-            u.value = [], (D = N == null ? void 0 : N.forEach) == null || D.call(N, (C) => {
-              var S;
-              (S = C == null ? void 0 : C.forEach) == null || S.call(C, (x) => {
-                R.has(x.id) || (R.add(x.id), u.value.push(x));
+            u.value = [], (D = N == null ? void 0 : N.forEach) == null || D.call(N, (k) => {
+              var x;
+              (x = k == null ? void 0 : k.forEach) == null || x.call(k, (S) => {
+                R.has(S.id) || (R.add(S.id), u.value.push(S));
               });
             });
           } else
@@ -406,12 +406,12 @@ function Pr(e, n, t, r = {
           l.value = !1;
         }
       else
-        l.value = !0, d.value = "", w ? (u.value = (Y = f.value) == null ? void 0 : Y.filter((_) => {
+        l.value = !0, d.value = "", h ? (u.value = (Y = f.value) == null ? void 0 : Y.filter((_) => {
           var N;
           let R = !1;
-          for (const C of r.searchKeys) {
-            const S = typeof _[C] == "string" ? (N = _[C]) == null ? void 0 : N.toLowerCase() : _[C];
-            S != null && S.includes(w.toLowerCase()) && (R = !0);
+          for (const k of r.searchKeys) {
+            const x = typeof _[k] == "string" ? (N = _[k]) == null ? void 0 : N.toLowerCase() : _[k];
+            x != null && x.includes(h.toLowerCase()) && (R = !0);
           }
           return R;
         }), (!u.value || !u.value.length) && (d.value = o("debouncedFilter.errors.invalid"))) : u.value = f.value, l.value = !1;
@@ -433,7 +433,7 @@ function Vr(e, n) {
   return r.value.search = "", (a) => `${r.value.href}/${a}`;
 }
 function Ur() {
-  const { i18n: { t: e } } = St();
+  const { i18n: { t: e } } = xt();
   return {
     getMessageFromError: (n) => {
       var t, r, a;
@@ -538,10 +538,10 @@ function Gr() {
     convertKeyToTitle: e
   };
 }
-const Cn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Pt = (e) => {
+const kn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Pt = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
-  const n = e.match(Cn);
+  const n = e.match(kn);
   if (!n)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return n.shift(), n;
@@ -566,20 +566,20 @@ const Cn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
 }, Dt = (e, n, t) => {
   Yr(t);
   const r = Jr(e, n);
-  return kn[t].includes(r);
-}, kn = {
+  return Cn[t].includes(r);
+}, Cn = {
   ">": [1],
   ">=": [0, 1],
   "=": [0],
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Gt = Object.keys(kn), Yr = (e) => {
+}, Gt = Object.keys(Cn), Yr = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
   if (Gt.indexOf(e) === -1)
     throw new Error(`Invalid operator, expected one of ${Gt.join("|")}`);
-}, Wr = (e) => typeof e == "string" && /^[v\d]/.test(e) && Cn.test(e);
+}, Wr = (e) => typeof e == "string" && /^[v\d]/.test(e) && kn.test(e);
 function Zr(e) {
   const { gatewayInfo: n, supportedRange: t } = e;
   if (!n)
@@ -611,7 +611,7 @@ const ce = {
   useFetchUrlBuilder: bn,
   useHelpers: vn,
   useStringHelpers: Gr,
-  useI18n: St,
+  useI18n: xt,
   useGatewayFeatureSupported: Zr,
   useTruncationDetector: Qr
 }, Xr = {
@@ -628,7 +628,7 @@ const ce = {
   for (const [r, a] of n)
     t[r] = a;
   return t;
-}, aa = (e) => (mn("data-v-77afb926"), e = e(), gn(), e), oa = ["aria-hidden"], ia = {
+}, aa = (e) => (mn("data-v-641e0aee"), e = e(), gn(), e), oa = ["aria-hidden"], ia = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, sa = /* @__PURE__ */ aa(() => /* @__PURE__ */ V("path", {
@@ -727,7 +727,7 @@ const ce = {
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), ua = /* @__PURE__ */ ra(la, [["__scopeId", "data-v-77afb926"]]), ca = "16px", da = { class: "kong-ui-copy-uuid" }, pa = ["onClick"], zt = 15, fa = /* @__PURE__ */ ae({
+}), ua = /* @__PURE__ */ ra(la, [["__scopeId", "data-v-641e0aee"]]), ca = "16px", da = { class: "kong-ui-copy-uuid" }, pa = ["onClick"], zt = 15, fa = /* @__PURE__ */ ae({
   __name: "CopyUuid",
   props: {
     uuid: {
@@ -771,7 +771,7 @@ const ce = {
   },
   emits: ["success", "error"],
   setup(e, { emit: n }) {
-    const t = e, { t: r } = It("en-us", ta), a = t.notify || Cr(na, () => {
+    const t = e, { t: r } = It("en-us", ta), a = t.notify || kr(na, () => {
     }), o = $(() => t.idTooltip ? {
       label: t.idTooltip,
       positionFixed: !0,
@@ -852,7 +852,7 @@ const ce = {
   for (const [r, a] of n)
     t[r] = a;
   return t;
-}, _n = /* @__PURE__ */ ma(fa, [["__scopeId", "data-v-0c07874b"]]), ga = {
+}, wn = /* @__PURE__ */ ma(fa, [["__scopeId", "data-v-0c07874b"]]), ga = {
   key: 0,
   class: "config-card-fieldset-title"
 }, ya = /* @__PURE__ */ ae({
@@ -886,7 +886,7 @@ const ce = {
         e.isArrayItem ? (m(), M("legend", ga, [
           V("b", null, O(s.value), 1)
         ])) : H("", !0),
-        (m(!0), M(be, null, he(Object.keys(i.value), (d, u) => (m(), U(xt, {
+        (m(!0), M(be, null, he(Object.keys(i.value), (d, u) => (m(), U(St, {
           key: `${a.value}-property-${u}`,
           item: {
             key: d,
@@ -898,12 +898,12 @@ const ce = {
       _: 1
     }, 8, ["class"]));
   }
-}), ke = (e, n) => {
+}), Ce = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [r, a] of n)
     t[r] = a;
   return t;
-}, wn = /* @__PURE__ */ ke(ya, [["__scopeId", "data-v-68ca83ec"]]), ha = /* @__PURE__ */ ae({
+}, _n = /* @__PURE__ */ Ce(ya, [["__scopeId", "data-v-68ca83ec"]]), ha = /* @__PURE__ */ ae({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -930,7 +930,7 @@ const ce = {
       ]);
     };
   }
-}), va = /* @__PURE__ */ ke(ha, [["__scopeId", "data-v-c96811e5"]]), ba = /* @__PURE__ */ ae({
+}), va = /* @__PURE__ */ Ce(ha, [["__scopeId", "data-v-c96811e5"]]), ba = /* @__PURE__ */ ae({
   __name: "StatusBadge",
   props: {
     status: {
@@ -952,9 +952,9 @@ const ce = {
       }, 8, ["appearance"]);
     };
   }
-}), Ca = "#0044f4", ka = "#e0e4ea", _a = "#3a3f51", wa = "1px", Ia = "20px", Aa = { class: "config-card-details-row" }, Sa = ["data-testid"], xa = ["data-testid"], Ta = ["data-testid"], $a = ["data-testid"], Ma = { key: 1 }, ja = ["data-testid"], Ea = ["data-testid"], Oa = ["data-testid"], Ka = ["data-testid"], Fa = {
+}), ka = "#0044f4", Ca = "#e0e4ea", wa = "#3a3f51", _a = "1px", Ia = "20px", Aa = { class: "config-card-details-row" }, xa = ["data-testid"], Sa = ["data-testid"], Ta = ["data-testid"], $a = ["data-testid"], Ma = { key: 1 }, ja = ["data-testid"], Ea = ["data-testid"], Oa = ["data-testid"], Ka = ["data-testid"], Fa = {
   name: "ConfigCardItem",
-  components: { CopyUuid: _n, JsonCardItem: wn, StatusBadge: ba, InternalLinkItem: va }
+  components: { CopyUuid: wn, JsonCardItem: _n, StatusBadge: ba, InternalLinkItem: va }
 }, Na = /* @__PURE__ */ ae({
   ...Fa,
   props: {
@@ -977,10 +977,10 @@ const ce = {
   setup(e, { emit: n }) {
     const t = e;
     gr((f) => ({
-      "0fea14db": c.value ? "none" : `solid ${y(wa)} ${y(ka)}`,
-      "1cf0460e": l.value && i.value ? "block" : "flex",
-      "328cca12": l.value && i.value ? "100%" : t.slim ? "50%" : "25%",
-      "328f0fed": l.value && i.value ? "100%" : t.slim ? "50%" : "75%"
+      "23f3018c": c.value ? "none" : `solid ${y(_a)} ${y(Ca)}`,
+      "3815ec6d": l.value && i.value ? "block" : "flex",
+      "1957f153": l.value && i.value ? "100%" : t.slim ? "50%" : "25%",
+      "195a372e": l.value && i.value ? "100%" : t.slim ? "50%" : "75%"
     }));
     const r = lt(), { i18n: { t: a, formatUnixTimeStamp: o } } = ce.useI18n(), i = $(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), s = $(() => !!(t.item.tooltip || r["label-tooltip"])), l = $(() => t.item.type === ne.Json || t.item.type === ne.JsonArray), c = $(() => t.item.type === ne.JsonArray), d = $(() => {
       switch (t.item.type) {
@@ -1110,7 +1110,7 @@ const ce = {
       }
     }), u = E(), { isTruncated: g } = ce.useTruncationDetector(u);
     return (f, I) => {
-      const b = L("KLabel"), p = L("KBadge"), A = L("KTooltip");
+      const b = L("KLabel"), p = L("KBadge"), A = L("KMethodBadge"), C = L("KTooltip");
       return m(), M("div", Aa, [
         V("div", {
           class: "config-card-details-label",
@@ -1132,13 +1132,13 @@ const ce = {
                     Z(f.$slots, "label-tooltip", {}, () => [
                       Q(O(e.item.tooltip), 1)
                     ], !0)
-                  ], 8, xa)
+                  ], 8, Sa)
                 ]),
                 key: "0"
               } : void 0
             ]), 1024)
           ], !0)
-        ], 8, Sa),
+        ], 8, xa),
         V("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
@@ -1153,57 +1153,58 @@ const ce = {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(p, {
-                      key: `${e.item.key}-badge-tag-${K}`,
+                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(p, {
+                      key: `${e.item.key}-badge-tag-${h}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-tag-${K}`,
-                      tooltip: h,
-                      "truncation-tooltip": ""
+                      "data-testid": `${e.item.key}-badge-tag-${h}`,
+                      "truncation-tooltip": K
                     }, {
                       default: v(() => [
-                        Q(O(h), 1)
+                        Q(O(K), 1)
                       ]),
                       _: 2
-                    }, 1032, ["data-testid", "tooltip"]))), 128))
+                    }, 1032, ["data-testid", "truncation-tooltip"]))), 128))
                   ], 8, ja)) : H("", !0),
                   d.value.additionalComponent === "CopyUuid" ? (m(), M("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(y(_n), ht(d.value.childAttrs, {
-                      key: `${e.item.key}-copy-uuid-${K}`,
-                      "data-testid": `${e.item.key}-copy-uuid-${K}`,
-                      uuid: h
+                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(y(wn), ht(d.value.childAttrs, {
+                      key: `${e.item.key}-copy-uuid-${h}`,
+                      "data-testid": `${e.item.key}-copy-uuid-${h}`,
+                      uuid: K
                     }), null, 16, ["data-testid", "uuid"]))), 128))
                   ], 8, Ea)) : d.value.additionalComponent === "KMethodBadge" ? (m(), M("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(p, {
-                      key: `${e.item.key}-badge-method-${K}`,
-                      appearance: Object.values(y(wr)).includes(h.toLowerCase()) ? h.toLowerCase() : "custom",
+                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(A, {
+                      key: `${e.item.key}-badge-method-${h}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-method-${K}`
+                      "data-testid": `${e.item.key}-badge-method-${h}`,
+                      "is-rounded": "",
+                      label: K,
+                      method: y(_r).includes(K.toLowerCase()) ? K.toLowerCase() : "custom"
                     }, {
                       default: v(() => [
-                        Q(O(h), 1)
+                        Q(O(K), 1)
                       ]),
                       _: 2
-                    }, 1032, ["appearance", "data-testid"]))), 128))
+                    }, 1032, ["data-testid", "label", "method"]))), 128))
                   ], 8, Oa)) : H("", !0),
                   d.value.additionalComponent === "JsonCardItem" ? (m(), M("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(wn, {
-                      key: `json-array-item-${K}`,
-                      index: K,
+                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(_n, {
+                      key: `json-array-item-${h}`,
+                      index: h,
                       "is-array-item": "",
-                      item: h
+                      item: K
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, Ka)) : (m(), U(A, {
+                  ], 8, Ka)) : (m(), U(C, {
                     key: 4,
                     label: y(g) ? e.item.value : ""
                   }, {
@@ -1228,7 +1229,7 @@ const ce = {
       ]);
     };
   }
-}), xt = /* @__PURE__ */ ke(Na, [["__scopeId", "data-v-4c7d8cc3"]]);
+}), St = /* @__PURE__ */ Ce(Na, [["__scopeId", "data-v-e851fc7c"]]);
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
 function In(e) {
   return typeof e > "u" || e === null;
@@ -1411,7 +1412,7 @@ vt.prototype.extend = function(e) {
   var r = Object.create(vt.prototype);
   return r.implicit = (this.implicit || []).concat(n), r.explicit = (this.explicit || []).concat(t), r.compiledImplicit = Jt(r, "implicit"), r.compiledExplicit = Jt(r, "explicit"), r.compiledTypeMap = eo(r.compiledImplicit, r.compiledExplicit), r;
 };
-var Sn = vt, xn = new pe("tag:yaml.org,2002:str", {
+var xn = vt, Sn = new pe("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
@@ -1426,9 +1427,9 @@ var Sn = vt, xn = new pe("tag:yaml.org,2002:str", {
   construct: function(e) {
     return e !== null ? e : {};
   }
-}), Mn = new Sn({
+}), Mn = new xn({
   explicit: [
-    xn,
+    Sn,
     Tn,
     $n
   ]
@@ -1668,10 +1669,10 @@ var Kn = new pe("tag:yaml.org,2002:float", {
 ), qn = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
 );
-function Co(e) {
+function ko(e) {
   return e === null ? !1 : Bn.exec(e) !== null || qn.exec(e) !== null;
 }
-function ko(e) {
+function Co(e) {
   var n, t, r, a, o, i, s, l = 0, c = null, d, u, g;
   if (n = Bn.exec(e), n === null && (n = qn.exec(e)), n === null)
     throw new Error("Date resolve error");
@@ -1684,22 +1685,22 @@ function ko(e) {
   }
   return n[9] && (d = +n[10], u = +(n[11] || 0), c = (d * 60 + u) * 6e4, n[9] === "-" && (c = -c)), g = new Date(Date.UTC(t, r, a, o, i, s, l)), c && g.setTime(g.getTime() - c), g;
 }
-function _o(e) {
+function wo(e) {
   return e.toISOString();
 }
 var Ln = new pe("tag:yaml.org,2002:timestamp", {
   kind: "scalar",
-  resolve: Co,
-  construct: ko,
+  resolve: ko,
+  construct: Co,
   instanceOf: Date,
-  represent: _o
+  represent: wo
 });
-function wo(e) {
+function _o(e) {
   return e === "<<" || e === null;
 }
 var Pn = new pe("tag:yaml.org,2002:merge", {
   kind: "scalar",
-  resolve: wo
+  resolve: _o
 }), Tt = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;
 function Io(e) {
@@ -1720,21 +1721,21 @@ function Ao(e) {
     n % 4 === 0 && n && (s.push(i >> 16 & 255), s.push(i >> 8 & 255), s.push(i & 255)), i = i << 6 | o.indexOf(r.charAt(n));
   return t = a % 4 * 6, t === 0 ? (s.push(i >> 16 & 255), s.push(i >> 8 & 255), s.push(i & 255)) : t === 18 ? (s.push(i >> 10 & 255), s.push(i >> 2 & 255)) : t === 12 && s.push(i >> 4 & 255), new Uint8Array(s);
 }
-function So(e) {
+function xo(e) {
   var n = "", t = 0, r, a, o = e.length, i = Tt;
   for (r = 0; r < o; r++)
     r % 3 === 0 && r && (n += i[t >> 18 & 63], n += i[t >> 12 & 63], n += i[t >> 6 & 63], n += i[t & 63]), t = (t << 8) + e[r];
   return a = o % 3, a === 0 ? (n += i[t >> 18 & 63], n += i[t >> 12 & 63], n += i[t >> 6 & 63], n += i[t & 63]) : a === 2 ? (n += i[t >> 10 & 63], n += i[t >> 4 & 63], n += i[t << 2 & 63], n += i[64]) : a === 1 && (n += i[t >> 2 & 63], n += i[t << 4 & 63], n += i[64], n += i[64]), n;
 }
-function xo(e) {
+function So(e) {
   return Object.prototype.toString.call(e) === "[object Uint8Array]";
 }
 var Vn = new pe("tag:yaml.org,2002:binary", {
   kind: "scalar",
   resolve: Io,
   construct: Ao,
-  predicate: xo,
-  represent: So
+  predicate: So,
+  represent: xo
 }), To = Object.prototype.hasOwnProperty, $o = Object.prototype.toString;
 function Mo(e) {
   if (e === null)
@@ -2022,17 +2023,17 @@ function Yo(e, n) {
   j(e, "unexpected end of the stream within a double quoted scalar");
 }
 function Wo(e, n) {
-  var t = !0, r, a, o, i = e.tag, s, l = e.anchor, c, d, u, g, f, I = /* @__PURE__ */ Object.create(null), b, p, A, h;
-  if (h = e.input.charCodeAt(e.position), h === 91)
+  var t = !0, r, a, o, i = e.tag, s, l = e.anchor, c, d, u, g, f, I = /* @__PURE__ */ Object.create(null), b, p, A, C;
+  if (C = e.input.charCodeAt(e.position), C === 91)
     d = 93, f = !1, s = [];
-  else if (h === 123)
+  else if (C === 123)
     d = 125, f = !0, s = {};
   else
     return !1;
-  for (e.anchor !== null && (e.anchorMap[e.anchor] = s), h = e.input.charCodeAt(++e.position); h !== 0; ) {
-    if (ie(e, !0, n), h = e.input.charCodeAt(e.position), h === d)
+  for (e.anchor !== null && (e.anchorMap[e.anchor] = s), C = e.input.charCodeAt(++e.position); C !== 0; ) {
+    if (ie(e, !0, n), C = e.input.charCodeAt(e.position), C === d)
       return e.position++, e.tag = i, e.anchor = l, e.kind = f ? "mapping" : "sequence", e.result = s, !0;
-    t ? h === 44 && j(e, "expected the node content, but found ','") : j(e, "missed comma between flow collection entries"), p = b = A = null, u = g = !1, h === 63 && (c = e.input.charCodeAt(e.position + 1), ve(c) && (u = g = !0, e.position++, ie(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, Re(e, n, rt, !1, !0), p = e.tag, b = e.result, ie(e, !0, n), h = e.input.charCodeAt(e.position), (g || e.line === r) && h === 58 && (u = !0, h = e.input.charCodeAt(++e.position), ie(e, !0, n), Re(e, n, rt, !1, !0), A = e.result), f ? Ve(e, s, I, p, b, A, r, a, o) : u ? s.push(Ve(e, null, I, p, b, A, r, a, o)) : s.push(b), ie(e, !0, n), h = e.input.charCodeAt(e.position), h === 44 ? (t = !0, h = e.input.charCodeAt(++e.position)) : t = !1;
+    t ? C === 44 && j(e, "expected the node content, but found ','") : j(e, "missed comma between flow collection entries"), p = b = A = null, u = g = !1, C === 63 && (c = e.input.charCodeAt(e.position + 1), ve(c) && (u = g = !0, e.position++, ie(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, Re(e, n, rt, !1, !0), p = e.tag, b = e.result, ie(e, !0, n), C = e.input.charCodeAt(e.position), (g || e.line === r) && C === 58 && (u = !0, C = e.input.charCodeAt(++e.position), ie(e, !0, n), Re(e, n, rt, !1, !0), A = e.result), f ? Ve(e, s, I, p, b, A, r, a, o) : u ? s.push(Ve(e, null, I, p, b, A, r, a, o)) : s.push(b), ie(e, !0, n), C = e.input.charCodeAt(e.position), C === 44 ? (t = !0, C = e.input.charCodeAt(++e.position)) : t = !1;
   }
   j(e, "unexpected end of the stream within a flow collection");
 }
@@ -2100,20 +2101,20 @@ function en(e, n) {
   return s ? (e.tag = r, e.anchor = a, e.kind = "sequence", e.result = o, !0) : !1;
 }
 function Qo(e, n, t) {
-  var r, a, o, i, s, l, c = e.tag, d = e.anchor, u = {}, g = /* @__PURE__ */ Object.create(null), f = null, I = null, b = null, p = !1, A = !1, h;
+  var r, a, o, i, s, l, c = e.tag, d = e.anchor, u = {}, g = /* @__PURE__ */ Object.create(null), f = null, I = null, b = null, p = !1, A = !1, C;
   if (e.firstTabInLine !== -1)
     return !1;
-  for (e.anchor !== null && (e.anchorMap[e.anchor] = u), h = e.input.charCodeAt(e.position); h !== 0; ) {
-    if (!p && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, j(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), o = e.line, (h === 63 || h === 58) && ve(r))
-      h === 63 ? (p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !0, a = !0) : p ? (p = !1, a = !0) : j(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, h = r;
+  for (e.anchor !== null && (e.anchorMap[e.anchor] = u), C = e.input.charCodeAt(e.position); C !== 0; ) {
+    if (!p && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, j(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), o = e.line, (C === 63 || C === 58) && ve(r))
+      C === 63 ? (p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !0, a = !0) : p ? (p = !1, a = !0) : j(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, C = r;
     else {
       if (i = e.line, s = e.lineStart, l = e.position, !Re(e, t, Gn, !1, !0))
         break;
       if (e.line === o) {
-        for (h = e.input.charCodeAt(e.position); Ke(h); )
-          h = e.input.charCodeAt(++e.position);
-        if (h === 58)
-          h = e.input.charCodeAt(++e.position), ve(h) || j(e, "a whitespace character is expected after the key-value separator within a block mapping"), p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !1, a = !1, f = e.tag, I = e.result;
+        for (C = e.input.charCodeAt(e.position); Ke(C); )
+          C = e.input.charCodeAt(++e.position);
+        if (C === 58)
+          C = e.input.charCodeAt(++e.position), ve(C) || j(e, "a whitespace character is expected after the key-value separator within a block mapping"), p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !1, a = !1, f = e.tag, I = e.result;
         else if (A)
           j(e, "can not read an implicit mapping pair; a colon is missed");
         else
@@ -2123,7 +2124,7 @@ function Qo(e, n, t) {
       else
         return e.tag = c, e.anchor = d, !0;
     }
-    if ((e.line === o || e.lineIndent > n) && (p && (i = e.line, s = e.lineStart, l = e.position), Re(e, n, at, !0, a) && (p ? I = e.result : b = e.result), p || (Ve(e, u, g, f, I, b, i, s, l), f = I = b = null), ie(e, !0, -1), h = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && h !== 0)
+    if ((e.line === o || e.lineIndent > n) && (p && (i = e.line, s = e.lineStart, l = e.position), Re(e, n, at, !0, a) && (p ? I = e.result : b = e.result), p || (Ve(e, u, g, f, I, b, i, s, l), f = I = b = null), ie(e, !0, -1), C = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && C !== 0)
       j(e, "bad indentation of a mapping entry");
     else if (e.lineIndent < n)
       break;
@@ -2254,7 +2255,7 @@ function ai(e, n) {
 var oi = ri, ii = ai, Xn = {
   loadAll: oi,
   load: ii
-}, er = Object.prototype.toString, tr = Object.prototype.hasOwnProperty, Et = 65279, si = 9, Ze = 10, li = 13, ui = 32, ci = 33, di = 34, bt = 35, pi = 37, fi = 38, mi = 39, gi = 42, nr = 44, yi = 45, it = 58, hi = 61, vi = 62, bi = 63, Ci = 64, rr = 91, ar = 93, ki = 96, or = 123, _i = 124, ir = 125, fe = {};
+}, er = Object.prototype.toString, tr = Object.prototype.hasOwnProperty, Et = 65279, si = 9, Ze = 10, li = 13, ui = 32, ci = 33, di = 34, bt = 35, pi = 37, fi = 38, mi = 39, gi = 42, nr = 44, yi = 45, it = 58, hi = 61, vi = 62, bi = 63, ki = 64, rr = 91, ar = 93, Ci = 96, or = 123, wi = 124, ir = 125, fe = {};
 fe[0] = "\\0";
 fe[7] = "\\a";
 fe[8] = "\\b";
@@ -2270,7 +2271,7 @@ fe[133] = "\\N";
 fe[160] = "\\_";
 fe[8232] = "\\L";
 fe[8233] = "\\P";
-var wi = [
+var _i = [
   "y",
   "Y",
   "yes",
@@ -2296,7 +2297,7 @@ function Ai(e, n) {
     i = r[a], s = String(n[i]), i.slice(0, 2) === "!!" && (i = "tag:yaml.org,2002:" + i.slice(2)), l = e.compiledTypeMap.fallback[i], l && tr.call(l.styleAliases, s) && (s = l.styleAliases[s]), t[i] = s;
   return t;
 }
-function Si(e) {
+function xi(e) {
   var n, t, r;
   if (n = e.toString(16).toUpperCase(), e <= 255)
     t = "x", r = 2;
@@ -2308,9 +2309,9 @@ function Si(e) {
     throw new me("code point within a string may not be greater than 0xFFFFFFFF");
   return "\\" + t + ue.repeat("0", r - n.length) + n;
 }
-var xi = 1, Qe = 2;
+var Si = 1, Qe = 2;
 function Ti(e) {
-  this.schema = e.schema || $t, this.indent = Math.max(1, e.indent || 2), this.noArrayIndent = e.noArrayIndent || !1, this.skipInvalid = e.skipInvalid || !1, this.flowLevel = ue.isNothing(e.flowLevel) ? -1 : e.flowLevel, this.styleMap = Ai(this.schema, e.styles || null), this.sortKeys = e.sortKeys || !1, this.lineWidth = e.lineWidth || 80, this.noRefs = e.noRefs || !1, this.noCompatMode = e.noCompatMode || !1, this.condenseFlow = e.condenseFlow || !1, this.quotingType = e.quotingType === '"' ? Qe : xi, this.forceQuotes = e.forceQuotes || !1, this.replacer = typeof e.replacer == "function" ? e.replacer : null, this.implicitTypes = this.schema.compiledImplicit, this.explicitTypes = this.schema.compiledExplicit, this.tag = null, this.result = "", this.duplicates = [], this.usedDuplicates = null;
+  this.schema = e.schema || $t, this.indent = Math.max(1, e.indent || 2), this.noArrayIndent = e.noArrayIndent || !1, this.skipInvalid = e.skipInvalid || !1, this.flowLevel = ue.isNothing(e.flowLevel) ? -1 : e.flowLevel, this.styleMap = Ai(this.schema, e.styles || null), this.sortKeys = e.sortKeys || !1, this.lineWidth = e.lineWidth || 80, this.noRefs = e.noRefs || !1, this.noCompatMode = e.noCompatMode || !1, this.condenseFlow = e.condenseFlow || !1, this.quotingType = e.quotingType === '"' ? Qe : Si, this.forceQuotes = e.forceQuotes || !1, this.replacer = typeof e.replacer == "function" ? e.replacer : null, this.implicitTypes = this.schema.compiledImplicit, this.explicitTypes = this.schema.compiledExplicit, this.tag = null, this.result = "", this.duplicates = [], this.usedDuplicates = null;
 }
 function tn(e, n) {
   for (var t = ue.repeat(" ", n), r = 0, a = -1, o = "", i, s = e.length; r < s; )
@@ -2319,7 +2320,7 @@ function tn(e, n) {
 ` && (o += t), o += i;
   return o;
 }
-function Ct(e, n) {
+function kt(e, n) {
   return `
 ` + ue.repeat(" ", e.indent * n);
 }
@@ -2350,7 +2351,7 @@ function rn(e, n, t) {
   );
 }
 function Mi(e) {
-  return Xe(e) && e !== Et && !st(e) && e !== yi && e !== bi && e !== it && e !== nr && e !== rr && e !== ar && e !== or && e !== ir && e !== bt && e !== fi && e !== gi && e !== ci && e !== _i && e !== hi && e !== vi && e !== mi && e !== di && e !== pi && e !== Ci && e !== ki;
+  return Xe(e) && e !== Et && !st(e) && e !== yi && e !== bi && e !== it && e !== nr && e !== rr && e !== ar && e !== or && e !== ir && e !== bt && e !== fi && e !== gi && e !== ci && e !== wi && e !== hi && e !== vi && e !== mi && e !== di && e !== pi && e !== ki && e !== Ci;
 }
 function ji(e) {
   return !st(e) && e !== it;
@@ -2363,7 +2364,7 @@ function sr(e) {
   var n = /^\n* /;
   return n.test(e);
 }
-var lr = 1, kt = 2, ur = 3, cr = 4, Le = 5;
+var lr = 1, Ct = 2, ur = 3, cr = 4, Le = 5;
 function Ei(e, n, t, r, a, o, i, s) {
   var l, c = 0, d = null, u = !1, g = !1, f = r !== -1, I = -1, b = Mi(ze(e, 0)) && ji(ze(e, e.length - 1));
   if (n || i)
@@ -2383,13 +2384,13 @@ function Ei(e, n, t, r, a, o, i, s) {
     }
     g = g || f && l - I - 1 > r && e[I + 1] !== " ";
   }
-  return !u && !g ? b && !i && !a(e) ? lr : o === Qe ? Le : kt : t > 9 && sr(e) ? Le : i ? o === Qe ? Le : kt : g ? cr : ur;
+  return !u && !g ? b && !i && !a(e) ? lr : o === Qe ? Le : Ct : t > 9 && sr(e) ? Le : i ? o === Qe ? Le : Ct : g ? cr : ur;
 }
 function Oi(e, n, t, r, a) {
   e.dump = function() {
     if (n.length === 0)
       return e.quotingType === Qe ? '""' : "''";
-    if (!e.noCompatMode && (wi.indexOf(n) !== -1 || Ii.test(n)))
+    if (!e.noCompatMode && (_i.indexOf(n) !== -1 || Ii.test(n)))
       return e.quotingType === Qe ? '"' + n + '"' : "'" + n + "'";
     var o = e.indent * Math.max(1, t), i = e.lineWidth === -1 ? -1 : Math.max(Math.min(e.lineWidth, 40), e.lineWidth - o), s = r || e.flowLevel > -1 && t >= e.flowLevel;
     function l(c) {
@@ -2407,7 +2408,7 @@ function Oi(e, n, t, r, a) {
     )) {
       case lr:
         return n;
-      case kt:
+      case Ct:
         return "'" + n.replace(/'/g, "''") + "'";
       case ur:
         return "|" + an(n, e.indent) + on(tn(n, o));
@@ -2457,7 +2458,7 @@ function sn(e, n) {
 }
 function Fi(e) {
   for (var n = "", t = 0, r, a = 0; a < e.length; t >= 65536 ? a += 2 : a++)
-    t = ze(e, a), r = fe[t], !r && Xe(t) ? (n += e[a], t >= 65536 && (n += e[a + 1])) : n += r || Si(t);
+    t = ze(e, a), r = fe[t], !r && Xe(t) ? (n += e[a], t >= 65536 && (n += e[a + 1])) : n += r || xi(t);
   return n;
 }
 function Ni(e, n, t) {
@@ -2469,7 +2470,7 @@ function Ni(e, n, t) {
 function ln(e, n, t, r) {
   var a = "", o = e.tag, i, s, l;
   for (i = 0, s = t.length; i < s; i += 1)
-    l = t[i], e.replacer && (l = e.replacer.call(t, String(i), l)), (Te(e, n + 1, l, !0, !0, !1, !0) || typeof l > "u" && Te(e, n + 1, null, !0, !0, !1, !0)) && ((!r || a !== "") && (a += Ct(e, n)), e.dump && Ze === e.dump.charCodeAt(0) ? a += "-" : a += "- ", a += e.dump);
+    l = t[i], e.replacer && (l = e.replacer.call(t, String(i), l)), (Te(e, n + 1, l, !0, !0, !1, !0) || typeof l > "u" && Te(e, n + 1, null, !0, !0, !1, !0)) && ((!r || a !== "") && (a += kt(e, n)), e.dump && Ze === e.dump.charCodeAt(0) ? a += "-" : a += "- ", a += e.dump);
   e.tag = o, e.dump = a || "[]";
 }
 function Bi(e, n, t) {
@@ -2487,7 +2488,7 @@ function qi(e, n, t, r) {
   else if (e.sortKeys)
     throw new me("sortKeys must be a boolean or a function");
   for (s = 0, l = i.length; s < l; s += 1)
-    g = "", (!r || a !== "") && (g += Ct(e, n)), c = i[s], d = t[c], e.replacer && (d = e.replacer.call(t, c, d)), Te(e, n + 1, c, !0, !0, !0) && (u = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, u && (e.dump && Ze === e.dump.charCodeAt(0) ? g += "?" : g += "? "), g += e.dump, u && (g += Ct(e, n)), Te(e, n + 1, d, !0, u) && (e.dump && Ze === e.dump.charCodeAt(0) ? g += ":" : g += ": ", g += e.dump, a += g));
+    g = "", (!r || a !== "") && (g += kt(e, n)), c = i[s], d = t[c], e.replacer && (d = e.replacer.call(t, c, d)), Te(e, n + 1, c, !0, !0, !0) && (u = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, u && (e.dump && Ze === e.dump.charCodeAt(0) ? g += "?" : g += "? "), g += e.dump, u && (g += kt(e, n)), Te(e, n + 1, d, !0, u) && (e.dump && Ze === e.dump.charCodeAt(0) ? g += ":" : g += ": ", g += e.dump, a += g));
   e.tag = o, e.dump = a || "{}";
 }
 function un(e, n, t) {
@@ -2534,21 +2535,21 @@ function Te(e, n, t, r, a, o, i) {
 }
 function Li(e, n) {
   var t = [], r = [], a, o;
-  for (_t(e, t, r), a = 0, o = r.length; a < o; a += 1)
+  for (wt(e, t, r), a = 0, o = r.length; a < o; a += 1)
     n.duplicates.push(t[r[a]]);
   n.usedDuplicates = new Array(o);
 }
-function _t(e, n, t) {
+function wt(e, n, t) {
   var r, a, o;
   if (e !== null && typeof e == "object")
     if (a = n.indexOf(e), a !== -1)
       t.indexOf(a) === -1 && t.push(a);
     else if (n.push(e), Array.isArray(e))
       for (a = 0, o = e.length; a < o; a += 1)
-        _t(e[a], n, t);
+        wt(e[a], n, t);
     else
       for (r = Object.keys(e), a = 0, o = r.length; a < o; a += 1)
-        _t(e[r[a]], n, t);
+        wt(e[r[a]], n, t);
 }
 function Pi(e, n) {
   n = n || {};
@@ -2566,7 +2567,7 @@ function Ot(e, n) {
     throw new Error("Function yaml." + e + " is removed in js-yaml 4. Use yaml." + n + " instead, which is now safe by default.");
   };
 }
-var Ri = pe, Di = Sn, Gi = Mn, Hi = Fn, zi = Nn, Ji = $t, Yi = Xn.load, Wi = Xn.loadAll, Zi = Ui.dump, Qi = me, Xi = {
+var Ri = pe, Di = xn, Gi = Mn, Hi = Fn, zi = Nn, Ji = $t, Yi = Xn.load, Wi = Xn.loadAll, Zi = Ui.dump, Qi = me, Xi = {
   binary: Vn,
   float: Kn,
   map: $n,
@@ -2579,7 +2580,7 @@ var Ri = pe, Di = Sn, Gi = Mn, Hi = Fn, zi = Nn, Ji = $t, Yi = Xn.load, Wi = Xn.
   merge: Pn,
   omap: Un,
   seq: Tn,
-  str: xn
+  str: Sn
 }, es = Ot("safeLoad", "load"), ts = Ot("safeLoadAll", "loadAll"), ns = Ot("safeDump", "dump"), rs = {
   Type: Ri,
   Schema: Di,
@@ -2650,7 +2651,7 @@ const as = {
             "data-testid": `config-card-details-${d}-props`
           }, [
             d !== "basic" ? (m(), M("div", is, O(d === "advanced" ? y(r)("baseConfigCard.sections.advanced") : y(r)("baseConfigCard.sections.plugin")), 1)) : H("", !0),
-            (m(!0), M(be, null, he(e.propertyCollections[d], (u) => (m(), U(xt, {
+            (m(!0), M(be, null, he(e.propertyCollections[d], (u) => (m(), U(St, {
               key: u.key,
               item: u
             }, $e({
@@ -2694,12 +2695,12 @@ const as = {
       ], 64);
     };
   }
-}), cs = /* @__PURE__ */ ke(us, [["__scopeId", "data-v-c914c7e4"]]), cn = "24px", ds = (e, n) => {
+}), cs = /* @__PURE__ */ Ce(us, [["__scopeId", "data-v-c914c7e4"]]), cn = "24px", ds = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [r, a] of n)
     t[r] = a;
   return t;
-}, ps = (e) => (mn("data-v-4c9d405a"), e = e(), gn(), e), fs = ["aria-hidden"], ms = {
+}, ps = (e) => (mn("data-v-a53b73fd"), e = e(), gn(), e), fs = ["aria-hidden"], ms = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, gs = /* @__PURE__ */ ps(() => /* @__PURE__ */ V("path", {
@@ -2798,13 +2799,13 @@ const as = {
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), hs = /* @__PURE__ */ ds(ys, [["__scopeId", "data-v-4c9d405a"]]), vs = { "data-testid": "config-card-title" }, bs = { class: "config-card-actions" }, Cs = ["href"], ks = {
+}), hs = /* @__PURE__ */ ds(ys, [["__scopeId", "data-v-a53b73fd"]]), vs = { "data-testid": "config-card-title" }, bs = { class: "config-card-actions" }, ks = ["href"], Cs = {
   key: 2,
   class: "config-card-details-section"
-}, _s = {
+}, ws = {
   key: 3,
   class: "config-card-details-section"
-}, ws = ["data-testid"], Is = {
+}, _s = ["data-testid"], Is = {
   key: 0,
   class: "config-card-prop-section-title"
 }, As = /* @__PURE__ */ ae({
@@ -2905,50 +2906,50 @@ const as = {
         type: ne.ID,
         label: o("baseConfigCard.commonFields.id_label"),
         order: 0,
-        section: Ce.Basic
+        section: ke.Basic
       },
       name: {
         order: 1,
-        section: Ce.Basic
+        section: ke.Basic
       },
       enabled: {
         type: ne.BadgeStatus,
         order: 2,
-        section: Ce.Basic
+        section: ke.Basic
       },
       updated_at: {
         type: ne.Date,
         label: o("baseConfigCard.commonFields.updated_at_label"),
         order: 3,
-        section: Ce.Basic
+        section: ke.Basic
       },
       created_at: {
         type: ne.Date,
         label: o("baseConfigCard.commonFields.created_at_label"),
         order: 4,
-        section: Ce.Basic
+        section: ke.Basic
       },
       tags: {
         type: ne.BadgeTag,
         order: -1,
         // the last property displayed
-        section: Ce.Basic
+        section: ke.Basic
       }
     }, f = E(!1), I = E(!1), b = E(""), p = E(), A = $(() => {
       var _, N, R;
       if (!p.value)
         return [];
-      const C = [], S = Object.keys(p.value).length;
-      for (const x in p.value) {
-        const q = (N = (_ = r.configSchema) == null ? void 0 : _[x]) == null ? void 0 : N.order, J = (R = g[x]) == null ? void 0 : R.order;
-        let X = S;
-        (J || J === 0) && (X = J === -1 ? S + 1 : J), q && (X = q === -1 ? S + 1 : q), C.push([x, X]);
+      const k = [], x = Object.keys(p.value).length;
+      for (const S in p.value) {
+        const q = (N = (_ = r.configSchema) == null ? void 0 : _[S]) == null ? void 0 : N.order, J = (R = g[S]) == null ? void 0 : R.order;
+        let X = x;
+        (J || J === 0) && (X = J === -1 ? x + 1 : J), q && (X = q === -1 ? x + 1 : q), k.push([S, X]);
       }
-      return C.sort(function(x, q) {
-        return x[1] - q[1];
-      }), C.map((x) => {
+      return k.sort(function(S, q) {
+        return S[1] - q[1];
+      }), k.map((S) => {
         var q, J;
-        const X = x[0], ee = (q = p.value) == null ? void 0 : q[X], te = ((J = r.configSchema) == null ? void 0 : J[X]) || {}, le = g[X];
+        const X = S[0], ee = (q = p.value) == null ? void 0 : q[X], te = ((J = r.configSchema) == null ? void 0 : J[X]) || {}, le = g[X];
         return {
           key: X,
           value: ee,
@@ -2956,24 +2957,24 @@ const as = {
           type: te.type ?? ((le == null ? void 0 : le.type) || ne.Text),
           label: te.label ?? ((le == null ? void 0 : le.label) || s(X)),
           tooltip: te.tooltip ?? ((le == null ? void 0 : le.tooltip) || void 0),
-          section: te.section ?? ((le == null ? void 0 : le.section) || Ce.Advanced)
+          section: te.section ?? ((le == null ? void 0 : le.section) || ke.Advanced)
         };
-      }).filter((x) => !x.hidden && x.key !== r.pluginConfigKey);
-    }), h = $(() => {
+      }).filter((S) => !S.hidden && S.key !== r.pluginConfigKey);
+    }), C = $(() => {
       var _, N;
       if (!p.value || !r.pluginConfigKey)
         return [];
-      const R = p.value[r.pluginConfigKey] || {}, C = Object.keys(R).length, S = [];
-      for (const x in R) {
-        const q = (N = (_ = r.pluginConfigSchema) == null ? void 0 : _[x]) == null ? void 0 : N.order, J = R[x];
-        let X = J != null && J !== "" ? C - 1 : C;
-        q && (X = q === -1 ? C + 1 : q), S.push([x, X]);
+      const R = p.value[r.pluginConfigKey] || {}, k = Object.keys(R).length, x = [];
+      for (const S in R) {
+        const q = (N = (_ = r.pluginConfigSchema) == null ? void 0 : _[S]) == null ? void 0 : N.order, J = R[S];
+        let X = J != null && J !== "" ? k - 1 : k;
+        q && (X = q === -1 ? k + 1 : q), x.push([S, X]);
       }
-      return S.sort(function(x, q) {
-        return x[1] - q[1];
-      }), S.map((x) => {
+      return x.sort(function(S, q) {
+        return S[1] - q[1];
+      }), x.map((S) => {
         var q;
-        const J = x[0], X = R[J], ee = ((q = r.pluginConfigSchema) == null ? void 0 : q[J]) || {};
+        const J = S[0], X = R[J], ee = ((q = r.pluginConfigSchema) == null ? void 0 : q[J]) || {};
         return {
           key: J,
           value: X,
@@ -2981,17 +2982,17 @@ const as = {
           type: ee.type ?? ne.Text,
           label: ee.label ?? s(J),
           tooltip: ee.tooltip ?? void 0,
-          section: Ce.Plugin
+          section: ke.Plugin
         };
-      }).filter((x) => !x.hidden);
+      }).filter((S) => !S.hidden);
     }), K = $(() => {
-      var _, N, R, C;
+      var _, N, R, k;
       return {
-        basic: (_ = A.value) == null ? void 0 : _.filter((S) => S.section === Ce.Basic),
-        advanced: (N = A.value) == null ? void 0 : N.filter((S) => S.section === Ce.Advanced),
-        plugin: (C = h.value) == null ? void 0 : C.concat((R = A.value) == null ? void 0 : R.filter((S) => S.section === Ce.Plugin))
+        basic: (_ = A.value) == null ? void 0 : _.filter((x) => x.section === ke.Basic),
+        advanced: (N = A.value) == null ? void 0 : N.filter((x) => x.section === ke.Advanced),
+        plugin: (k = C.value) == null ? void 0 : k.concat((R = A.value) == null ? void 0 : R.filter((x) => x.section === ke.Plugin))
       };
-    }), w = $(() => {
+    }), h = $(() => {
       const _ = [];
       return K.value.basic.length && _.push("basic"), K.value.advanced.length && _.push("advanced"), K.value.plugin.length && _.push("plugin"), _;
     }), D = (_) => !!(_.tooltip || a[`${_.key}-label-tooltip`]), se = $(() => {
@@ -3024,7 +3025,7 @@ const as = {
         f.value = !1;
       }
     }), (_, N) => {
-      const R = L("KLabel"), C = L("KSelect"), S = L("KButton"), x = L("KClipboardProvider"), q = L("KSkeleton"), J = L("KEmptyState"), X = L("KCard");
+      const R = L("KLabel"), k = L("KSelect"), x = L("KButton"), S = L("KClipboardProvider"), q = L("KSkeleton"), J = L("KEmptyState"), X = L("KCard");
       return m(), U(X, { class: "kong-ui-entity-base-config-card" }, $e({
         actions: v(() => [
           V("div", bs, [
@@ -3039,14 +3040,14 @@ const as = {
               ]),
               _: 1
             })) : H("", !0),
-            e.config.jsonYamlEnabled ? (m(), U(C, {
+            e.config.jsonYamlEnabled ? (m(), U(k, {
               key: 1,
               appearance: "select",
               "data-testid": "select-config-format",
               items: c,
               onChange: u
             })) : H("", !0),
-            r.config.jsonYamlEnabled && e.configCardDoc ? (m(), U(S, {
+            r.config.jsonYamlEnabled && e.configCardDoc ? (m(), U(x, {
               key: 2,
               appearance: "tertiary",
               class: "book-icon",
@@ -3059,13 +3060,13 @@ const as = {
                   target: "_blank"
                 }, [
                   F(y(hs), { size: y(Ia) }, null, 8, ["size"])
-                ], 8, Cs)
+                ], 8, ks)
               ]),
               _: 1
             })) : H("", !0),
-            e.config.jsonYamlEnabled ? H("", !0) : (m(), U(x, { key: 3 }, {
+            e.config.jsonYamlEnabled ? H("", !0) : (m(), U(S, { key: 3 }, {
               default: v(({ copyToClipboard: ee }) => [
-                !f.value && !I.value ? (m(), U(S, {
+                !f.value && !I.value ? (m(), U(x, {
                   key: 0,
                   appearance: "tertiary",
                   "data-testid": "json-copy-button",
@@ -3097,10 +3098,10 @@ const as = {
             ]),
             _: 1
           })) : H("", !0),
-          e.config.jsonYamlEnabled ? (m(), M("div", ks, [
+          e.config.jsonYamlEnabled ? (m(), M("div", Cs, [
             F(cs, {
               format: d.value,
-              "prop-list-types": w.value,
+              "prop-list-types": h.value,
               "property-collections": K.value,
               record: p.value
             }, $e({ _: 2 }, [
@@ -3114,14 +3115,14 @@ const as = {
                 ])
               }))
             ]), 1032, ["format", "prop-list-types", "property-collections", "record"])
-          ])) : (m(), M("div", _s, [
-            (m(!0), M(be, null, he(w.value, (ee) => (m(), M("div", {
+          ])) : (m(), M("div", ws, [
+            (m(!0), M(be, null, he(h.value, (ee) => (m(), M("div", {
               key: `config-card-details-${ee}-props`,
               class: Fe(`config-card-details-${ee}-props`),
               "data-testid": `config-card-details-${ee}-props`
             }, [
               ee !== "basic" ? (m(), M("div", Is, O(ee === "advanced" ? y(o)("baseConfigCard.sections.advanced") : y(o)("baseConfigCard.sections.plugin")), 1)) : H("", !0),
-              (m(!0), M(be, null, he(K.value[ee], (te) => (m(), U(xt, {
+              (m(!0), M(be, null, he(K.value[ee], (te) => (m(), U(St, {
                 key: te.key,
                 item: te
               }, $e({
@@ -3144,7 +3145,7 @@ const as = {
                   key: "0"
                 } : void 0
               ]), 1032, ["item"]))), 128))
-            ], 10, ws))), 128))
+            ], 10, _s))), 128))
           ]))
         ]),
         _: 2
@@ -3163,7 +3164,7 @@ const as = {
       ]), 1024);
     };
   }
-}), Ss = /* @__PURE__ */ ke(As, [["__scopeId", "data-v-bea4df63"]]), xs = ["onReset", "onSubmit"], Ts = {
+}), xs = /* @__PURE__ */ Ce(As, [["__scopeId", "data-v-bea4df63"]]), Ss = ["onReset", "onSubmit"], Ts = {
   class: "form-actions",
   "data-testid": "form-actions"
 }, $s = /* @__PURE__ */ ae({
@@ -3216,14 +3217,14 @@ const as = {
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: n }) {
     var t;
-    const r = e, a = wt(), { i18n: { t: o } } = ce.useI18n(), { getMessageFromError: i } = ce.useErrors(), { axiosInstance: s } = ce.useAxios({
+    const r = e, a = _t(), { i18n: { t: o } } = ce.useI18n(), { getMessageFromError: i } = ce.useErrors(), { axiosInstance: s } = ce.useAxios({
       headers: (t = r.config) == null ? void 0 : t.requestHeaders
     }), l = E(!1), c = E(!1), d = E(""), u = $(() => r.canSubmit === !1 || r.isReadonly), g = $(() => {
       var p, A;
       if (!r.editId)
         return "";
-      let h = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? h = h.replace(/{controlPlaneId}/gi, ((p = r.config) == null ? void 0 : p.controlPlaneId) || "") : r.config.app === "kongManager" && (h = h.replace(/\/{workspace}/gi, (A = r.config) != null && A.workspace ? `/${r.config.workspace}` : "")), h = h.replace(/{id}/gi, r.editId), h;
+      let C = `${r.config.apiBaseUrl}${r.fetchUrl}`;
+      return r.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((p = r.config) == null ? void 0 : p.controlPlaneId) || "") : r.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (A = r.config) != null && A.workspace ? `/${r.config.workspace}` : "")), C = C.replace(/{id}/gi, r.editId), C;
     }), f = () => {
       r.config.cancelRoute ? a.push(r.config.cancelRoute) : I();
     }, I = () => {
@@ -3246,10 +3247,10 @@ const as = {
           l.value = !1;
         }
     }), (p, A) => {
-      const h = L("KSkeleton"), K = L("KEmptyState"), w = L("KAlert"), D = L("KButton"), se = L("KCard");
+      const C = L("KSkeleton"), K = L("KEmptyState"), h = L("KAlert"), D = L("KButton"), se = L("KCard");
       return m(), U(se, { class: "kong-ui-entity-base-form" }, {
         default: v(() => [
-          l.value ? (m(), U(h, {
+          l.value ? (m(), U(C, {
             key: 0,
             type: "form"
           })) : c.value ? (m(), U(K, {
@@ -3270,7 +3271,7 @@ const as = {
             onSubmit: nt(b, ["prevent"])
           }, [
             Z(p.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (m(), U(w, {
+            e.errorMessage ? (m(), U(h, {
               key: 0,
               "alert-message": e.errorMessage,
               appearance: "danger",
@@ -3302,13 +3303,13 @@ const as = {
                 }, 8, ["disabled"])
               ], !0)
             ])
-          ], 40, xs))
+          ], 40, Ss))
         ]),
         _: 3
       });
     };
   }
-}), Ms = /* @__PURE__ */ ke($s, [["__scopeId", "data-v-448d8512"]]), js = {
+}), Ms = /* @__PURE__ */ Ce($s, [["__scopeId", "data-v-448d8512"]]), js = {
   key: 0,
   "data-testid": "first-col"
 }, Es = /* @__PURE__ */ ae({
@@ -3382,7 +3383,7 @@ const as = {
       ], 512);
     };
   }
-}), Os = /* @__PURE__ */ ke(Es, [["__scopeId", "data-v-e42a20c9"]]), Ks = { class: "toolbar-container" }, Fs = {
+}), Os = /* @__PURE__ */ Ce(Es, [["__scopeId", "data-v-e42a20c9"]]), Ks = { class: "toolbar-container" }, Fs = {
   key: 0,
   class: "toolbar-button-container"
 }, Ns = ["data-testid"], Bs = /* @__PURE__ */ ae({
@@ -3496,42 +3497,42 @@ const as = {
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: n }) {
     const t = e, { i18n: { t: r } } = ce.useI18n(), a = $(() => {
-      var w, D;
+      var h, D;
       return typeof t.errorMessage == "string" ? {
         hasError: !!t.errorMessage,
         title: t.errorMessage,
         message: void 0
       } : {
         hasError: !!t.errorMessage,
-        title: (w = t.errorMessage) == null ? void 0 : w.title,
+        title: (h = t.errorMessage) == null ? void 0 : h.title,
         message: (D = t.errorMessage) == null ? void 0 : D.message
       };
-    }), o = $(() => t.cacheIdentifier || t.preferencesStorageKey), i = (w) => w.hasData || !!t.query, s = $(() => {
-      const w = [];
+    }), o = $(() => t.cacheIdentifier || t.preferencesStorageKey), i = (h) => h.hasData || !!t.query, s = $(() => {
+      const h = [];
       return Object.keys(t.tableHeaders).forEach((D) => {
         const se = t.tableHeaders[D];
-        w.push({
+        h.push({
           label: se.label ?? D,
           key: D,
           sortable: se.sortable ?? !1
         });
-      }), t.enableEntityActions && w.push({
+      }), t.enableEntityActions && h.push({
         key: "actions",
         hideLabel: !0
-      }), w;
-    }), l = (w) => ({
-      "data-rowid": w.id,
-      "data-testid": w.name,
-      ...t.rowAttributes(w)
-    }), c = E({}), d = (w) => {
+      }), h;
+    }), l = (h) => ({
+      "data-rowid": h.id,
+      "data-testid": h.name,
+      ...t.rowAttributes(h)
+    }), c = E({}), d = (h) => {
       var D;
-      return (D = c.value) == null ? void 0 : D.$el.querySelector(`[data-rowid="${w.id}"]`);
-    }, u = (w) => {
+      return (D = c.value) == null ? void 0 : D.$el.querySelector(`[data-rowid="${h.id}"]`);
+    }, u = (h) => {
       const D = {
-        "data-testid": w.headerKey,
-        ...t.cellAttributes(w)
+        "data-testid": h.headerKey,
+        ...t.cellAttributes(h)
       };
-      return w.colIndex === 0 && (D.style = {
+      return h.colIndex === 0 && (D.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
@@ -3540,20 +3541,20 @@ const as = {
       n("empty-state-cta-clicked"), f();
     }, f = () => {
       n("clear-search-input");
-    }, I = $(() => t.disableRowClick ? void 0 : (w, D) => {
+    }, I = $(() => t.disableRowClick ? void 0 : (h, D) => {
       n("click:row", D);
-    }), b = (w) => {
-      n("sort", w);
-    }, { setTablePreferences: p, getTablePreferences: A } = $r(), h = $(() => {
-      const w = A(t.preferencesStorageKey);
+    }), b = (h) => {
+      n("sort", h);
+    }, { setTablePreferences: p, getTablePreferences: A } = $r(), C = $(() => {
+      const h = A(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...w
+        ...h
       };
-    }), K = (w) => {
-      t.preferencesStorageKey && p(t.preferencesStorageKey, w);
+    }), K = (h) => {
+      t.preferencesStorageKey && p(t.preferencesStorageKey, h);
     };
-    return (w, D) => {
+    return (h, D) => {
       const se = L("KIcon"), Y = L("KButton"), _ = L("KDropdown"), N = L("KTable"), R = L("KCard");
       return m(), U(R, {
         class: "kong-ui-entity-base-table",
@@ -3582,40 +3583,40 @@ const as = {
             "has-error": a.value.hasError,
             headers: s.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": h.value,
+            "initial-fetcher-params": C.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
             "row-attrs": l,
             "search-input": e.query,
             onKtableEmptyStateCtaClicked: g,
             "onRow:click": I.value,
-            onSort: D[0] || (D[0] = (C) => b(C)),
+            onSort: D[0] || (D[0] = (k) => b(k)),
             "onUpdate:tablePreferences": K
           }, $e({
-            toolbar: v(({ state: C }) => [
+            toolbar: v(({ state: k }) => [
               Je(V("div", Ks, [
-                Z(w.$slots, "toolbar-filter", {}, void 0, !0),
-                w.$slots["toolbar-button"] ? (m(), M("div", Fs, [
-                  Z(w.$slots, "toolbar-button", {}, void 0, !0)
+                Z(h.$slots, "toolbar-filter", {}, void 0, !0),
+                h.$slots["toolbar-button"] ? (m(), M("div", Fs, [
+                  Z(h.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : H("", !0)
               ], 512), [
-                [Ye, i(C)]
+                [Ye, i(k)]
               ])
             ]),
-            actions: v(({ row: C, rowKey: S, rowValue: x }) => [
+            actions: v(({ row: k, rowKey: x, rowValue: S }) => [
               V("div", {
                 class: "actions-container",
-                "data-testid": C.name
+                "data-testid": k.name
               }, [
                 F(_, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
                   items: v(() => [
-                    Z(w.$slots, "actions", {
-                      row: C,
-                      rowKey: S,
-                      rowValue: x
+                    Z(h.$slots, "actions", {
+                      row: k,
+                      rowKey: x,
+                      rowValue: S
                     }, void 0, !0)
                   ]),
                   default: v(() => [
@@ -3626,7 +3627,7 @@ const as = {
                     }, {
                       icon: v(() => [
                         F(se, {
-                          color: y(_a),
+                          color: y(wa),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -3640,16 +3641,16 @@ const as = {
             ]),
             _: 2
           }, [
-            he(e.tableHeaders, (C, S) => ({
-              name: S,
-              fn: v(({ row: x, rowKey: q, rowValue: J }) => [
+            he(e.tableHeaders, (k, x) => ({
+              name: x,
+              fn: v(({ row: S, rowKey: q, rowValue: J }) => [
                 F(Os, {
-                  "key-name": String(S),
-                  "row-el": d(x)
+                  "key-name": String(x),
+                  "row-el": d(S)
                 }, {
                   default: v(() => [
-                    Z(w.$slots, S, {
-                      row: x,
+                    Z(h.$slots, x, {
+                      row: S,
                       rowKey: q,
                       rowValue: J
                     }, () => [
@@ -3666,7 +3667,7 @@ const as = {
       }, 8, ["title"]);
     };
   }
-}), qs = /* @__PURE__ */ ke(Bs, [["__scopeId", "data-v-57b5a97b"]]), Ls = {
+}), qs = /* @__PURE__ */ Ce(Bs, [["__scopeId", "data-v-57b5a97b"]]), Ls = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, Ps = {
@@ -3766,7 +3767,7 @@ const as = {
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Us = /* @__PURE__ */ ke(Vs, [["__scopeId", "data-v-1c9a2a07"]]), Rs = {
+}), Us = /* @__PURE__ */ Ce(Vs, [["__scopeId", "data-v-1c9a2a07"]]), Rs = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -3785,7 +3786,7 @@ const as = {
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${Ca})`
+      default: `var(--kong-ui-entity-filter-color, ${ka})`
     }
   },
   setup(e) {
@@ -3830,8 +3831,8 @@ const as = {
   setup(e, { emit: n }) {
     const t = e, { i18n: { t: r } } = ce.useI18n(), a = E(!1), o = E({}), i = $(() => {
       const p = [];
-      return new URLSearchParams(t.modelValue).forEach((A, h) => {
-        A !== "" && p.push(h);
+      return new URLSearchParams(t.modelValue).forEach((A, C) => {
+        A !== "" && p.push(C);
       }), p;
     }), s = $(() => {
       const p = t.config.fields;
@@ -3841,8 +3842,8 @@ const as = {
       }));
     });
     Ae(() => t.modelValue, (p) => {
-      o.value = {}, new URLSearchParams(p).forEach((A, h) => {
-        o.value[h] = A;
+      o.value = {}, new URLSearchParams(p).forEach((A, C) => {
+        o.value[C] = A;
       });
     });
     const l = () => {
@@ -3850,14 +3851,14 @@ const as = {
     }, c = (p) => {
       n("update:modelValue", p);
     }, d = (p) => `filter-${p}`, u = (p) => {
-      var A, h;
-      return (((h = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : h.values) ?? []).map((K) => ({
+      var A, C;
+      return (((C = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : C.values) ?? []).map((K) => ({
         value: K,
         label: K
       }));
     }, g = (p) => {
-      var A, h;
-      return ((h = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : h.type) ?? "text";
+      var A, C;
+      return ((C = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : C.type) ?? "text";
     }, f = (p) => {
       o.value = {
         ...o.value,
@@ -3866,12 +3867,12 @@ const as = {
     }, I = () => {
       o.value = {}, b(!0);
     }, b = (p = !1) => {
-      const A = Object.keys(o.value).reduce((h, K) => (o.value[K] && (h[K] = `${o.value[K]}`), h), {});
+      const A = Object.keys(o.value).reduce((C, K) => (o.value[K] && (C[K] = `${o.value[K]}`), C), {});
       p && (a.value = !1), n("update:modelValue", new URLSearchParams(A).toString());
     };
     return (p, A) => {
-      const h = L("KInput"), K = L("KButton"), w = L("KSelect"), D = L("KMenuItem"), se = L("KMenu");
-      return e.config.isExactMatch ? (m(), U(h, {
+      const C = L("KInput"), K = L("KButton"), h = L("KSelect"), D = L("KMenuItem"), se = L("KMenu");
+      return e.config.isExactMatch ? (m(), U(C, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
@@ -3926,19 +3927,19 @@ const as = {
                       class: "menu-item-label",
                       for: d(Y.value)
                     }, O(y(r)("filter.fieldLabel")), 9, Qs),
-                    ((R = (N = e.config.schema) == null ? void 0 : N[Y.value]) == null ? void 0 : R.type) === "select" ? (m(), U(w, {
+                    ((R = (N = e.config.schema) == null ? void 0 : N[Y.value]) == null ? void 0 : R.type) === "select" ? (m(), U(h, {
                       key: 0,
                       id: d(Y.value),
                       modelValue: o.value[Y.value],
-                      "onUpdate:modelValue": (C) => o.value[Y.value] = C,
+                      "onUpdate:modelValue": (k) => o.value[Y.value] = k,
                       appearance: "select",
                       items: u(Y.value),
                       placeholder: y(r)("filter.selectPlaceholder")
-                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), U(h, {
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), U(C, {
                       key: 1,
                       id: d(Y.value),
                       modelValue: o.value[Y.value],
-                      "onUpdate:modelValue": (C) => o.value[Y.value] = C,
+                      "onUpdate:modelValue": (k) => o.value[Y.value] = k,
                       autocomplete: "off",
                       placeholder: y(r)("filter.inputPlaceholder"),
                       type: g(Y.value)
@@ -3949,7 +3950,7 @@ const as = {
                       appearance: "tertiary",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: A[0] || (A[0] = (C) => b(!0))
+                      onClick: A[0] || (A[0] = (k) => b(!0))
                     }, {
                       default: v(() => [
                         Q(O(y(r)("filter.applyButtonText")), 1)
@@ -3960,7 +3961,7 @@ const as = {
                       appearance: "tertiary",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: (C) => f(Y.value)
+                      onClick: (k) => f(Y.value)
                     }, {
                       default: v(() => [
                         Q(O(y(r)("filter.clearButtonText")), 1)
@@ -3994,7 +3995,7 @@ const as = {
       ]));
     };
   }
-}), nl = /* @__PURE__ */ ke(tl, [["__scopeId", "data-v-15962ee2"]]), et = /* @__PURE__ */ ae({
+}), nl = /* @__PURE__ */ Ce(tl, [["__scopeId", "data-v-15962ee2"]]), et = /* @__PURE__ */ ae({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4083,8 +4084,7 @@ const as = {
       ])
     ], 2));
   }
-}), pn = /* @__PURE__ */ ke(ll, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Kt, useDeleteUrlBuilder: ul, useErrors: cl, useExternalLinkCreator: jl, useFetchUrlBuilder: El, useFetcher: dl, useDebouncedFilter: dr, useStringHelpers: Ol, useHelpers: Kl, useGatewayFeatureSupported: Fl, useTruncationDetector: Nl } = ce;
-const pl = { class: "add-to-group-form-container" }, fl = { class: "add-to-group-cta-text" }, ml = {
+}), pn = /* @__PURE__ */ Ce(ll, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Kt, useDeleteUrlBuilder: ul, useErrors: cl, useExternalLinkCreator: jl, useFetchUrlBuilder: El, useFetcher: dl, useDebouncedFilter: dr, useStringHelpers: Ol, useHelpers: Kl, useGatewayFeatureSupported: Fl, useTruncationDetector: Nl } = ce, pl = { class: "add-to-group-form-container" }, fl = { class: "add-to-group-cta-text" }, ml = {
   key: 0,
   class: "kong-ui-entity-add-to-groups-error"
 }, gl = { key: 0 }, yl = /* @__PURE__ */ ae({
@@ -4122,62 +4122,62 @@ const pl = { class: "add-to-group-form-container" }, fl = { class: "add-to-group
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), g = $(() => c.value ? r("consumer_groups.errors.general") : ""), f = E(0), I = $(() => l.value === void 0), b = $(() => u.value.map((C) => ({
-      label: C.name,
-      value: C.id,
-      selected: o.value.includes(C.id),
-      data: C
+    ), g = $(() => c.value ? r("consumer_groups.errors.general") : ""), f = E(0), I = $(() => l.value === void 0), b = $(() => u.value.map((k) => ({
+      label: k.name,
+      value: k.id,
+      selected: o.value.includes(k.id),
+      data: k
       // we need this to determine whether or not to show the description text
-    }))), p = (C) => {
-      var x;
-      const S = I.value ? u.value.find((q) => q.id === C) : (x = l.value) == null ? void 0 : x.find((q) => q.id === C);
-      return S ? S.name : C;
+    }))), p = (k) => {
+      var S;
+      const x = I.value ? u.value.find((q) => q.id === k) : (S = l.value) == null ? void 0 : S.find((q) => q.id === k);
+      return x ? x.name : k;
     }, A = () => {
-      w.value = "", h.value = [], _.value = [], n("cancel");
-    }, h = E([]), K = E(!1), w = E(""), D = async () => {
+      h.value = "", C.value = [], _.value = [], n("cancel");
+    }, C = E([]), K = E(!1), h = E(""), D = async () => {
       if (!o.value.length) {
-        w.value = "", _.value = [], n("cancel");
+        h.value = "", _.value = [], n("cancel");
         return;
       }
-      K.value = !0, w.value = "", h.value = [], _.value = [];
+      K.value = !0, h.value = "", C.value = [], _.value = [];
       try {
-        const C = o.value.map((q) => Y(q)), S = await Promise.allSettled(C);
-        let x = !0;
-        S.forEach((q) => {
-          q.status !== "fulfilled" && (x = !1);
-        }), x ? (h.value = [], _.value = [], n("add:success", o.value), o.value = []) : (h.value.length && n("add:partial-success", h.value), o.value = [], N(S));
+        const k = o.value.map((q) => Y(q)), x = await Promise.allSettled(k);
+        let S = !0;
+        x.forEach((q) => {
+          q.status !== "fulfilled" && (S = !1);
+        }), S ? (C.value = [], _.value = [], n("add:success", o.value), o.value = []) : (C.value.length && n("add:partial-success", C.value), o.value = [], N(x));
       } catch {
-        w.value = r("consumer_groups.errors.add"), n("error", w.value);
+        h.value = r("consumer_groups.errors.add"), n("error", h.value);
       } finally {
         K.value = !1;
       }
     }, se = $(() => {
-      var S, x, q, J;
-      let C = `${t.config.apiBaseUrl}${Me.list[t.config.app].forConsumer}`;
-      return t.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((S = t.config) == null ? void 0 : S.controlPlaneId) || "").replace(/{consumerId}/gi, ((x = t.config) == null ? void 0 : x.consumerId) || "") : t.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (q = t.config) != null && q.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((J = t.config) == null ? void 0 : J.consumerId) || "")), C;
-    }), Y = async (C) => {
-      const S = {
-        group: C
+      var x, S, q, J;
+      let k = `${t.config.apiBaseUrl}${Me.list[t.config.app].forConsumer}`;
+      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((x = t.config) == null ? void 0 : x.controlPlaneId) || "").replace(/{consumerId}/gi, ((S = t.config) == null ? void 0 : S.consumerId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (q = t.config) != null && q.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((J = t.config) == null ? void 0 : J.consumerId) || "")), k;
+    }), Y = async (k) => {
+      const x = {
+        group: k
       };
       try {
-        const x = await a.post(se.value, S);
-        return h.value.push(C), x;
-      } catch (x) {
-        let q = `${p(C)} - ${x.message}`;
-        return x.response.status === 409 && (q = `${p(C)} - ${r("consumer_groups.errors.already_added")}`), Promise.reject(Error(q));
+        const S = await a.post(se.value, x);
+        return C.value.push(k), S;
+      } catch (S) {
+        let q = `${p(k)} - ${S.message}`;
+        return S.response.status === 409 && (q = `${p(k)} - ${r("consumer_groups.errors.already_added")}`), Promise.reject(Error(q));
       }
-    }, _ = E([]), N = (C) => {
-      _.value = C.map((S) => {
-        var x;
-        return (x = S.reason) == null ? void 0 : x.message;
+    }, _ = E([]), N = (k) => {
+      _.value = k.map((x) => {
+        var S;
+        return (S = x.reason) == null ? void 0 : S.message;
       }).filter(Boolean);
     };
     return Ae(b, () => {
       f.value++;
     }, { immediate: !0, deep: !0 }), Ae(() => t.visible, () => {
       t.visible && d();
-    }, { immediate: !0 }), (C, S) => {
-      const x = L("KMultiselect"), q = L("KAlert"), J = L("KPrompt");
+    }, { immediate: !0 }), (k, x) => {
+      const S = L("KMultiselect"), q = L("KAlert"), J = L("KPrompt");
       return m(), U(J, {
         "action-pending": K.value,
         class: "kong-ui-entities-add-to-groups-modal",
@@ -4190,9 +4190,9 @@ const pl = { class: "add-to-group-form-container" }, fl = { class: "add-to-group
         "body-content": v(() => [
           V("div", pl, [
             V("p", fl, O(y(r)("consumer_groups.consumers.add.ctaText")), 1),
-            F(x, {
+            F(S, {
               modelValue: o.value,
-              "onUpdate:modelValue": S[0] || (S[0] = (X) => o.value = X),
+              "onUpdate:modelValue": x[0] || (x[0] = (X) => o.value = X),
               autosuggest: "",
               "data-testid": "add-to-groups-multiselect",
               "dropdown-footer-text": I.value ? y(r)("consumer_groups.consumers.add.footer") : void 0,
@@ -4205,14 +4205,14 @@ const pl = { class: "add-to-group-form-container" }, fl = { class: "add-to-group
               width: "100%",
               onQueryChange: y(i)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            w.value || g.value || _.value.length ? (m(), M("div", ml, [
+            h.value || g.value || _.value.length ? (m(), M("div", ml, [
               F(q, { appearance: "danger" }, {
                 alertMessage: v(() => [
                   V("p", null, O(y(r)("consumer_groups.errors.add")), 1),
                   _.value.length ? (m(), M("ul", gl, [
                     (m(!0), M(be, null, he(_.value, (X, ee) => (m(), M("li", { key: ee }, O(X), 1))), 128))
                   ])) : H("", !0),
-                  V("div", null, O(w.value || g.value), 1)
+                  V("div", null, O(h.value || g.value), 1)
                 ]),
                 _: 1
               })
@@ -4223,13 +4223,12 @@ const pl = { class: "add-to-group-form-container" }, fl = { class: "add-to-group
       }, 8, ["action-pending", "is-visible", "title"]);
     };
   }
-});
-const Ft = (e, n) => {
+}), Ft = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [r, a] of n)
     t[r] = a;
   return t;
-}, hl = /* @__PURE__ */ Ft(yl, [["__scopeId", "data-v-3808b4c0"]]), vl = { class: "kong-ui-entities-consumer-groups-list" }, bl = { key: 1 }, Cl = /* @__PURE__ */ ae({
+}, hl = /* @__PURE__ */ Ft(yl, [["__scopeId", "data-v-3808b4c0"]]), vl = { class: "kong-ui-entities-consumer-groups-list" }, bl = { key: 1 }, kl = /* @__PURE__ */ ae({
   __name: "ConsumerGroupList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4276,7 +4275,7 @@ const Ft = (e, n) => {
   emits: ["error", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: n }) {
     var Bt;
-    const t = e, { i18nT: r, i18n: { t: a } } = ct.useI18n(), o = wt(), { axiosInstance: i } = Kt({
+    const t = e, { i18nT: r, i18n: { t: a } } = ct.useI18n(), o = _t(), { axiosInstance: i } = Kt({
       headers: (Bt = t.config) == null ? void 0 : Bt.requestHeaders
     }), s = E(1), l = $(() => !!t.config.consumerId), c = $(() => t.config.app !== "kongManager" || !!t.config.disableSorting), d = {
       name: { label: a("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0 }
@@ -4285,9 +4284,9 @@ const Ft = (e, n) => {
     const u = d, g = (T) => ({
       "data-testid": T.username ?? T.custom_id ?? T.id
     }), f = $(() => {
-      var z, re, ye, we;
+      var z, re, ye, _e;
       let T = `${t.config.apiBaseUrl}${Me.list[t.config.app][l.value ? "forConsumer" : "all"]}`;
-      return t.config.app === "konnect" ? T = T.replace(/{controlPlaneId}/gi, ((z = t.config) == null ? void 0 : z.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = t.config) == null ? void 0 : re.consumerId) || "") : t.config.app === "kongManager" && (T = T.replace(/\/{workspace}/gi, (ye = t.config) != null && ye.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((we = t.config) == null ? void 0 : we.consumerId) || "")), T;
+      return t.config.app === "konnect" ? T = T.replace(/{controlPlaneId}/gi, ((z = t.config) == null ? void 0 : z.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = t.config) == null ? void 0 : re.consumerId) || "") : t.config.app === "kongManager" && (T = T.replace(/\/{workspace}/gi, (ye = t.config) != null && ye.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((_e = t.config) == null ? void 0 : _e.consumerId) || "")), T;
     }), I = E(""), b = $(() => {
       const T = t.config.app === "konnect" || t.config.isExactMatch;
       return T ? {
@@ -4304,9 +4303,9 @@ const Ft = (e, n) => {
         },
         schema: t.config.filterSchema
       };
-    }), p = $(() => l.value ? "consumer_groups" : void 0), { fetcher: A, fetcherState: h } = dl(t.config, f.value, p.value), K = () => {
+    }), p = $(() => l.value ? "consumer_groups" : void 0), { fetcher: A, fetcherState: C } = dl(t.config, f.value, p.value), K = () => {
       I.value = "";
-    }, w = () => {
+    }, h = () => {
       s.value++;
     }, D = E(null), se = (T, z) => {
       const re = T.id;
@@ -4345,38 +4344,38 @@ const Ft = (e, n) => {
     }), R = (T) => ({
       label: a("consumer_groups.actions.edit"),
       to: t.config.getEditRoute(T)
-    }), C = E(void 0), S = E(!1), x = E(!1), q = E(""), J = ul(t.config, f.value), X = (T) => {
-      C.value = T, S.value = !0;
+    }), k = E(void 0), x = E(!1), S = E(!1), q = E(""), J = ul(t.config, f.value), X = (T) => {
+      k.value = T, x.value = !0;
     }, ee = () => {
-      S.value = !1;
+      x.value = !1;
     }, te = async () => {
       var T, z, re;
-      if ((T = C.value) != null && T.id) {
-        x.value = !0;
+      if ((T = k.value) != null && T.id) {
+        S.value = !0;
         try {
-          await i.delete(J(C.value.id)), x.value = !1, S.value = !1, s.value++, n("delete:success", C.value);
+          await i.delete(J(k.value.id)), S.value = !1, x.value = !1, s.value++, n("delete:success", k.value);
         } catch (ye) {
           q.value = ((re = (z = ye.response) == null ? void 0 : z.data) == null ? void 0 : re.message) || ye.message || a("consumer_groups.errors.delete"), n("error", ye);
         } finally {
-          x.value = !1;
+          S.value = !1;
         }
       }
     }, le = E(!1), De = () => {
       le.value = !0;
-    }, k = () => {
+    }, w = () => {
       le.value = !1;
     }, B = (T, z) => {
-      z || k(), s.value++, n("add:success", T);
+      z || w(), s.value++, n("add:success", T);
     }, oe = () => {
       l.value && De();
-    }, P = E(void 0), G = E(!1), ge = E(""), _e = (T) => {
+    }, P = E(void 0), G = E(!1), ge = E(""), we = (T) => {
       P.value = T, G.value = !0;
     }, de = () => {
       G.value = !1, P.value = void 0;
     }, Ne = $(() => {
-      var z, re, ye, we;
+      var z, re, ye, _e;
       let T = `${t.config.apiBaseUrl}${Me.list[t.config.app].oneForConsumer}`;
-      return t.config.app === "konnect" ? T = T.replace(/{controlPlaneId}/gi, ((z = t.config) == null ? void 0 : z.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = t.config) == null ? void 0 : re.consumerId) || "") : t.config.app === "kongManager" && (T = T.replace(/\/{workspace}/gi, (ye = t.config) != null && ye.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((we = t.config) == null ? void 0 : we.consumerId) || "")), T;
+      return t.config.app === "konnect" ? T = T.replace(/{controlPlaneId}/gi, ((z = t.config) == null ? void 0 : z.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = t.config) == null ? void 0 : re.consumerId) || "") : t.config.app === "kongManager" && (T = T.replace(/\/{workspace}/gi, (ye = t.config) != null && ye.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((_e = t.config) == null ? void 0 : _e.consumerId) || "")), T;
     }), Ge = E(!1), pr = async () => {
       if (P.value) {
         Ge.value = !0;
@@ -4390,12 +4389,12 @@ const Ft = (e, n) => {
         }
       }
     }, Nt = E(!0);
-    Ae(h, (T) => {
-      var z, re, ye, we;
+    Ae(C, (T) => {
+      var z, re, ye, _e;
       if (Array.isArray((z = T == null ? void 0 : T.response) == null ? void 0 : z.data) && (Nt.value = T.response.data.length > 0), T.status === Oe.Error) {
         D.value = {
           title: a("consumer_groups.errors.general")
-        }, (we = (ye = (re = T.error) == null ? void 0 : re.response) == null ? void 0 : ye.data) != null && we.message && (D.value.message = T.error.response.data.message), n("error", T.error);
+        }, (_e = (ye = (re = T.error) == null ? void 0 : re.response) == null ? void 0 : ye.data) != null && _e.message && (D.value.message = T.error.response.data.message), n("error", T.error);
         return;
       }
       D.value = null;
@@ -4409,7 +4408,7 @@ const Ft = (e, n) => {
     return ut(async () => {
       await t.canCreate() && (pt.value.title = l.value ? a("consumer_groups.list.empty_state.title_for_consumer") : a("consumer_groups.list.empty_state.title"), pt.value.ctaText = l.value ? a("consumer_groups.actions.add_to_group") : a("consumer_groups.actions.create"));
     }), (T, z) => {
-      const re = L("KButton"), ye = L("KBadge"), we = L("KTruncate"), He = L("KDropdownItem"), qt = L("KClipboardProvider"), fr = L("KPrompt");
+      const re = L("KButton"), ye = L("KBadge"), _e = L("KTruncate"), He = L("KDropdownItem"), qt = L("KClipboardProvider"), fr = L("KPrompt");
       return m(), M("div", vl, [
         F(y(qs), {
           "cache-identifier": e.cacheIdentifier,
@@ -4430,7 +4429,7 @@ const Ft = (e, n) => {
           onClearSearchInput: K,
           "onClick:row": z[3] || (z[3] = (W) => _(W)),
           onEmptyStateCtaClicked: oe,
-          onSort: w
+          onSort: h
         }, {
           "toolbar-filter": v(() => [
             l.value ? H("", !0) : (m(), U(y(nl), {
@@ -4441,7 +4440,7 @@ const Ft = (e, n) => {
             }, null, 8, ["modelValue", "config"]))
           ]),
           "toolbar-button": v(() => [
-            (m(), U(kr, {
+            (m(), U(Cr, {
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
@@ -4475,7 +4474,7 @@ const Ft = (e, n) => {
             Q(O(W ?? "-"), 1)
           ]),
           tags: v(({ rowValue: W }) => [
-            (W == null ? void 0 : W.length) > 0 ? (m(), U(we, { key: 0 }, {
+            (W == null ? void 0 : W.length) > 0 ? (m(), U(_e, { key: 0 }, {
               default: v(() => [
                 (m(!0), M(be, null, he(W, (Be) => (m(), U(ye, {
                   key: Be,
@@ -4551,7 +4550,7 @@ const Ft = (e, n) => {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: () => e.config.consumerId ? _e(W) : X(W)
+                  onClick: () => e.config.consumerId ? we(W) : X(W)
                 }, {
                   default: v(() => [
                     Q(O(e.config.consumerId ? y(a)("consumer_groups.actions.exit") : y(a)("consumer_groups.actions.delete")), 1)
@@ -4565,14 +4564,14 @@ const Ft = (e, n) => {
           _: 1
         }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "use-action-outside"]),
         F(y(Us), {
-          "action-pending": x.value,
+          "action-pending": S.value,
           "data-testid": "delete-consumer-group-modal",
           description: y(a)("consumer_groups.delete.description"),
-          "entity-name": C.value && (C.value.name || C.value.id),
+          "entity-name": k.value && (k.value.name || k.value.id),
           "entity-type": y(hn).ConsumerGroup,
           error: q.value,
           title: y(a)("consumer_groups.delete.title"),
-          visible: S.value,
+          visible: x.value,
           onCancel: ee,
           onProceed: te
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
@@ -4583,7 +4582,7 @@ const Ft = (e, n) => {
           visible: le.value,
           "onAdd:partialSuccess": z[4] || (z[4] = (W) => B(W, !0)),
           "onAdd:success": z[5] || (z[5] = (W) => B(W)),
-          onCancel: k
+          onCancel: w
         }, null, 8, ["config", "visible"])) : H("", !0),
         e.config.consumerId && P.value ? (m(), U(fr, {
           key: 1,
@@ -4620,8 +4619,7 @@ const Ft = (e, n) => {
       ]);
     };
   }
-});
-const Bl = /* @__PURE__ */ Ft(Cl, [["__scopeId", "data-v-12149d54"]]), kl = { class: "kong-ui-entities-consumer-group-form" }, _l = { class: "select-item-label" }, wl = {
+}), Bl = /* @__PURE__ */ Ft(kl, [["__scopeId", "data-v-12149d54"]]), Cl = { class: "kong-ui-entities-consumer-group-form" }, wl = { class: "select-item-label" }, _l = {
   key: 0,
   class: "select-item-desc"
 }, Il = /* @__PURE__ */ ae({
@@ -4643,7 +4641,7 @@ const Bl = /* @__PURE__ */ Ft(Cl, [["__scopeId", "data-v-12149d54"]]), kl = { cl
   emits: ["update", "error", "loading"],
   setup(e, { emit: n }) {
     var te, le, De;
-    const t = e, { i18n: { t: r } } = ct.useI18n(), a = wt(), o = Lt({
+    const t = e, { i18n: { t: r } } = ct.useI18n(), a = _t(), o = Lt({
       fields: {
         name: "",
         tags: "",
@@ -4666,97 +4664,97 @@ const Bl = /* @__PURE__ */ Ft(Cl, [["__scopeId", "data-v-12149d54"]]), kl = { cl
       searchKeys: ["username", "custom_id", "id"]
     }), { axiosInstance: g } = Kt({
       headers: (De = t.config) == null ? void 0 : De.requestHeaders
-    }), { getMessageFromError: f } = cl(), I = $(() => u.value.map((k) => ({
-      label: k.username || k.custom_id,
-      value: k.id,
-      selected: o.fields.consumers.includes(k.id),
-      data: k
+    }), { getMessageFromError: f } = cl(), I = $(() => u.value.map((w) => ({
+      label: w.username || w.custom_id,
+      value: w.id,
+      selected: o.fields.consumers.includes(w.id),
+      data: w
       // we need this to determine whether or not to show the description text
     }))), b = $(() => {
-      var k, B;
-      return (B = Me.form[(k = t.config) == null ? void 0 : k.app]) == null ? void 0 : B.edit;
-    }), p = $(() => t.consumerGroupId ? tt.Edit : tt.Create), A = $(() => !!o.fields.name && !_.value), h = $(() => JSON.stringify(o.fields) !== JSON.stringify(i)), K = (k, B = "", oe = "") => {
-      var G, ge, _e, de, Ne, Ge;
-      let P = `${(G = t.config) == null ? void 0 : G.apiBaseUrl}${Me.form[(ge = t.config) == null ? void 0 : ge.app][k]}`;
-      return ((_e = t.config) == null ? void 0 : _e.app) === "konnect" ? P = P.replace(/{controlPlaneId}/gi, ((de = t.config) == null ? void 0 : de.controlPlaneId) || "") : ((Ne = t.config) == null ? void 0 : Ne.app) === "kongManager" && (P = P.replace(/\/{workspace}/gi, (Ge = t.config) != null && Ge.workspace ? `/${t.config.workspace}` : "")), P = P.replace(/{id}/gi, B || t.consumerGroupId), (k === "addConsumer" || k === "removeConsumer") && (P = P.replace(/{consumerId}/gi, oe)), P;
-    }, w = () => {
-      var k;
-      a.push(((k = t.config) == null ? void 0 : k.cancelRoute) || { name: "consumer-group-list" });
-    }, D = (k) => {
-      n("error", k);
-    }, se = (k) => {
-      n("loading", k);
-    }, Y = async (k) => {
-      var oe, P, G, ge, _e;
-      o.fields.name = ((oe = k == null ? void 0 : k.item) == null ? void 0 : oe.name) || ((P = k == null ? void 0 : k.consumer_group) == null ? void 0 : P.name) || (k == null ? void 0 : k.name) || "";
-      const B = ((G = k == null ? void 0 : k.item) == null ? void 0 : G.tags) || (k == null ? void 0 : k.consumer_group.tags) || (k == null ? void 0 : k.tags) || [];
-      if (o.fields.tags = (B == null ? void 0 : B.join(", ")) || "", "consumers" in k)
-        o.fields.consumers = ((ge = k == null ? void 0 : k.consumers) == null ? void 0 : ge.map((de) => de.id)) || [];
+      var w, B;
+      return (B = Me.form[(w = t.config) == null ? void 0 : w.app]) == null ? void 0 : B.edit;
+    }), p = $(() => t.consumerGroupId ? tt.Edit : tt.Create), A = $(() => !!o.fields.name && !_.value), C = $(() => JSON.stringify(o.fields) !== JSON.stringify(i)), K = (w, B = "", oe = "") => {
+      var G, ge, we, de, Ne, Ge;
+      let P = `${(G = t.config) == null ? void 0 : G.apiBaseUrl}${Me.form[(ge = t.config) == null ? void 0 : ge.app][w]}`;
+      return ((we = t.config) == null ? void 0 : we.app) === "konnect" ? P = P.replace(/{controlPlaneId}/gi, ((de = t.config) == null ? void 0 : de.controlPlaneId) || "") : ((Ne = t.config) == null ? void 0 : Ne.app) === "kongManager" && (P = P.replace(/\/{workspace}/gi, (Ge = t.config) != null && Ge.workspace ? `/${t.config.workspace}` : "")), P = P.replace(/{id}/gi, B || t.consumerGroupId), (w === "addConsumer" || w === "removeConsumer") && (P = P.replace(/{consumerId}/gi, oe)), P;
+    }, h = () => {
+      var w;
+      a.push(((w = t.config) == null ? void 0 : w.cancelRoute) || { name: "consumer-group-list" });
+    }, D = (w) => {
+      n("error", w);
+    }, se = (w) => {
+      n("loading", w);
+    }, Y = async (w) => {
+      var oe, P, G, ge, we;
+      o.fields.name = ((oe = w == null ? void 0 : w.item) == null ? void 0 : oe.name) || ((P = w == null ? void 0 : w.consumer_group) == null ? void 0 : P.name) || (w == null ? void 0 : w.name) || "";
+      const B = ((G = w == null ? void 0 : w.item) == null ? void 0 : G.tags) || (w == null ? void 0 : w.consumer_group.tags) || (w == null ? void 0 : w.tags) || [];
+      if (o.fields.tags = (B == null ? void 0 : B.join(", ")) || "", "consumers" in w)
+        o.fields.consumers = ((ge = w == null ? void 0 : w.consumers) == null ? void 0 : ge.map((de) => de.id)) || [];
       else
         try {
           const { data: de } = await g.get(K("getConsumers"));
-          o.fields.consumers = "consumers" in de ? (_e = de == null ? void 0 : de.consumers) == null ? void 0 : _e.map((Ne) => Ne.id) : [];
+          o.fields.consumers = "consumers" in de ? (we = de == null ? void 0 : de.consumers) == null ? void 0 : we.map((Ne) => Ne.id) : [];
         } catch (de) {
-          S(de);
+          x(de);
         }
       Object.assign(i, o.fields);
     }, _ = $(() => /^[0-9a-zA-Z.\-_~]*$/.test(o.fields.name) ? "" : r("consumer_groups.form.validation_errors.name")), N = () => {
-      var k, B;
+      var w, B;
       return {
         name: o.fields.name,
-        tags: (B = (k = o.fields.tags.split(",")) == null ? void 0 : k.map((oe) => String(oe || "").trim())) == null ? void 0 : B.filter((oe) => oe !== "")
+        tags: (B = (w = o.fields.tags.split(",")) == null ? void 0 : w.map((oe) => String(oe || "").trim())) == null ? void 0 : B.filter((oe) => oe !== "")
       };
-    }, R = async (k, B = "") => await g.post(K("addConsumer", B, k), { consumer: k }), C = async (k, B = "") => await g.delete(K("removeConsumer", B, k)), S = (k) => {
-      o.errorMessage = f(k), n("error", k);
-    }, x = (k = t.consumerGroupId) => {
-      Object.assign(i, o.fields), n("update", { ...o.fields, id: k });
-    }, q = (k, B, oe = t.consumerGroupId) => {
-      const P = k == null ? void 0 : k.find((G) => G.status !== "fulfilled");
-      P ? S({
+    }, R = async (w, B = "") => await g.post(K("addConsumer", B, w), { consumer: w }), k = async (w, B = "") => await g.delete(K("removeConsumer", B, w)), x = (w) => {
+      o.errorMessage = f(w), n("error", w);
+    }, S = (w = t.consumerGroupId) => {
+      Object.assign(i, o.fields), n("update", { ...o.fields, id: w });
+    }, q = (w, B, oe = t.consumerGroupId) => {
+      const P = w == null ? void 0 : w.find((G) => G.status !== "fulfilled");
+      P ? x({
         code: P.status,
         message: B
-      }) : x(oe);
+      }) : S(oe);
     }, J = async () => {
-      let k = "";
+      let w = "";
       try {
         const { data: B } = await g.post(K("create"), N());
-        k = "item" in B ? B.item.id : B.id;
+        w = "item" in B ? B.item.id : B.id;
       } catch (B) {
-        S(B);
+        x(B);
       }
-      if (o.fields.consumers.length > 0 && k)
+      if (o.fields.consumers.length > 0 && w)
         try {
-          const B = o.fields.consumers.map((P) => R(P, k)), oe = await Promise.allSettled(B);
-          q(oe, r("consumer_groups.errors.add_consumer"), k);
+          const B = o.fields.consumers.map((P) => R(P, w)), oe = await Promise.allSettled(B);
+          q(oe, r("consumer_groups.errors.add_consumer"), w);
         } catch (B) {
-          S(B);
+          x(B);
         }
       else
-        o.fields.consumers.length === 0 && k && x(k);
+        o.fields.consumers.length === 0 && w && S(w);
     }, X = async () => {
       var oe;
       try {
         ((oe = t.config) == null ? void 0 : oe.app) === "konnect" ? await g.put(K("edit"), N()) : await g.patch(K("edit"), N());
       } catch (P) {
-        S(P);
+        x(P);
       }
-      const k = o.fields.consumers.filter((P) => !i.consumers.includes(P)), B = i.consumers.filter((P) => !o.fields.consumers.includes(P));
-      if (B.length === 0 && k.length === 0)
-        x();
+      const w = o.fields.consumers.filter((P) => !i.consumers.includes(P)), B = i.consumers.filter((P) => !o.fields.consumers.includes(P));
+      if (B.length === 0 && w.length === 0)
+        S();
       else {
         if (B.length > 0)
           try {
-            const P = B.map((ge) => C(ge)), G = await Promise.allSettled(P);
+            const P = B.map((ge) => k(ge)), G = await Promise.allSettled(P);
             q(G, r("consumer_groups.errors.remove_consumer"));
           } catch (P) {
-            S(P);
+            x(P);
           }
-        if (k.length > 0)
+        if (w.length > 0)
           try {
-            const P = k.map((ge) => R(ge)), G = await Promise.allSettled(P);
+            const P = w.map((ge) => R(ge)), G = await Promise.allSettled(P);
             q(G, r("consumer_groups.errors.add_consumer"));
           } catch (P) {
-            S(P);
+            x(P);
           }
       }
     }, ee = async () => {
@@ -4768,17 +4766,17 @@ const Bl = /* @__PURE__ */ Ft(Cl, [["__scopeId", "data-v-12149d54"]]), kl = { cl
     };
     return ut(async () => {
       await d();
-    }), (k, B) => {
+    }), (w, B) => {
       const oe = L("KInput"), P = L("KMultiselect");
-      return m(), M("div", kl, [
+      return m(), M("div", Cl, [
         F(y(Ms), {
-          "can-submit": A.value && h.value,
+          "can-submit": A.value && C.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
           "error-message": o.errorMessage || y(c) || _.value,
           "fetch-url": b.value,
           "is-readonly": o.readonly,
-          onCancel: w,
+          onCancel: h,
           "onFetch:error": B[3] || (B[3] = (G) => D(G)),
           "onFetch:success": Y,
           onLoading: B[4] || (B[4] = (G) => se(G)),
@@ -4839,10 +4837,10 @@ const Bl = /* @__PURE__ */ Ft(Cl, [["__scopeId", "data-v-12149d54"]]), kl = { cl
                   onQueryChange: y(s)
                 }, {
                   "item-template": v(({ item: G }) => {
-                    var ge, _e, de;
+                    var ge, we, de;
                     return [
-                      V("div", _l, O(G.label), 1),
-                      (ge = G == null ? void 0 : G.data) != null && ge.username && ((_e = G == null ? void 0 : G.data) != null && _e.custom_id) ? (m(), M("div", wl, O((de = G == null ? void 0 : G.data) == null ? void 0 : de.custom_id), 1)) : H("", !0)
+                      V("div", wl, O(G.label), 1),
+                      (ge = G == null ? void 0 : G.data) != null && ge.username && ((we = G == null ? void 0 : G.data) != null && we.custom_id) ? (m(), M("div", _l, O((de = G == null ? void 0 : G.data) == null ? void 0 : de.custom_id), 1)) : H("", !0)
                     ];
                   }),
                   _: 1
@@ -4856,8 +4854,7 @@ const Bl = /* @__PURE__ */ Ft(Cl, [["__scopeId", "data-v-12149d54"]]), kl = { cl
       ]);
     };
   }
-});
-const ql = /* @__PURE__ */ Ft(Il, [["__scopeId", "data-v-102d40d2"]]), Al = { class: "kong-ui-consumer-group-entity-config-card" }, Ll = /* @__PURE__ */ ae({
+}), ql = /* @__PURE__ */ Ft(Il, [["__scopeId", "data-v-102d40d2"]]), Al = { class: "kong-ui-consumer-group-entity-config-card" }, Ll = /* @__PURE__ */ ae({
   __name: "ConsumerGroupConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4894,7 +4891,7 @@ const ql = /* @__PURE__ */ Ft(Il, [["__scopeId", "data-v-102d40d2"]]), Al = { cl
       }
     });
     return (o, i) => (m(), M("div", Al, [
-      F(y(Ss), {
+      F(y(xs), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": a.value,