@kong-ui-public/entities-consumer-groups 3.2.1-pr.1431.724700.0 → 3.2.1

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

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as w, openBlock as m, createBlock as D, resolveDynamicComponent as Te, normalizeStyle as He, withCtx as v, createElementBlock as $, toDisplayString as K, createCommentVNode as J, pushScopeId as Je, popScopeId as Ze, createElementVNode as L, ref as M, watch as Ae, renderSlot as ne, unref as g, onBeforeMount as gt, resolveComponent as R, createSlots as Be, createVNode as j, createTextVNode as Y, renderList as ve, withModifiers as xt, withDirectives as Ne, vShow as je, Fragment as be, normalizeClass as Me, withKeys as wr, useSlots as jt, useCssVars as bn, inject as _r, onMounted as Sr, onUnmounted as xr, normalizeProps as Ir, guardReactiveProps as Ar, mergeProps as $r, Teleport as Tr, reactive as zt } from "vue";
+import { defineComponent as X, computed as w, openBlock as m, createBlock as D, resolveDynamicComponent as xe, normalizeStyle as He, withCtx as v, createElementBlock as $, toDisplayString as F, createCommentVNode as J, pushScopeId as Je, popScopeId as Ze, createElementVNode as L, ref as E, watch as $e, renderSlot as ne, unref as g, onBeforeMount as gt, resolveComponent as V, createSlots as Be, createVNode as j, createTextVNode as Y, renderList as ve, withModifiers as xt, withDirectives as Ne, vShow as je, Fragment as be, normalizeClass as Me, withKeys as wr, useSlots as jt, useCssVars as bn, inject as _r, onMounted as Sr, onUnmounted as xr, normalizeProps as Ar, guardReactiveProps as Ir, mergeProps as $r, Teleport as Tr, reactive as zt } from "vue";
 import { useRouter as Ot } from "vue-router";
 import { createI18n as Cn, i18nTComponent as kn } from "@kong-ui-public/i18n";
 import Gt from "axios";
@@ -83,7 +83,7 @@ const Ht = "24px", jr = (e, t) => {
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Te(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
@@ -100,7 +100,7 @@ const Ht = "24px", jr = (e, t) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), $("title", Mr, K(e.title), 1)) : J("", !0),
+          e.title ? (m(), $("title", Mr, F(e.title), 1)) : J("", !0),
           qr
         ], 8, Er))
       ]),
@@ -209,12 +209,12 @@ function Ur() {
 }
 const yt = {
   useI18n: Ur
-}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Ie = "/{workspace}", Oe = {
+}, Ae = "/v2/control-planes/{controlPlaneId}/core-entities", Ie = "/{workspace}", Oe = {
   list: {
     konnect: {
-      all: `${xe}/consumer_groups`,
-      forConsumer: `${xe}/consumers/{consumerId}/consumer_groups`,
-      oneForConsumer: `${xe}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
+      all: `${Ae}/consumer_groups`,
+      forConsumer: `${Ae}/consumers/{consumerId}/consumer_groups`,
+      oneForConsumer: `${Ae}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     },
     kongManager: {
       all: `${Ie}/consumer_groups?counter=true`,
@@ -224,12 +224,12 @@ const yt = {
   },
   form: {
     konnect: {
-      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`
+      consumersList: `${Ae}/consumers`,
+      create: `${Ae}/consumer_groups`,
+      edit: `${Ae}/consumer_groups/{id}`,
+      addConsumer: `${Ae}/consumer_groups/{id}/consumers`,
+      removeConsumer: `${Ae}/consumer_groups/{id}/consumers/{consumerId}`,
+      getConsumers: `${Ae}/consumer_groups/{id}/consumers`
     },
     kongManager: {
       consumersList: `${Ie}/consumers`,
@@ -489,7 +489,7 @@ function na(e, t, n, r = {
   n || (n = "1000");
   const { axiosInstance: a } = Et(e.axiosRequestConfig), { i18n: { t: i } } = ht(), { debounce: o } = Rr(), s = o(async (h) => {
     await Z(h);
-  }, 200), l = M(!1), u = M(""), p = M(""), c = M([]), y = M([]), f = M(void 0), S = g(t);
+  }, 200), l = E(!1), u = E(""), p = E(""), c = E([]), y = E([]), f = E(void 0), S = g(t);
   let T = `${e.apiBaseUrl}${S}`;
   e.app === "konnect" ? T = T.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (T = T.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: k } = _n(), U = async () => {
@@ -502,8 +502,8 @@ function na(e, t, n, r = {
     } finally {
       l.value = !1;
     }
-  }, N = M(""), Z = async (h) => {
-    var _, d, I;
+  }, N = E(""), Z = async (h) => {
+    var _, d, A;
     if (N.value !== h)
       if (N.value = h || "", f.value === void 0)
         try {
@@ -515,19 +515,19 @@ function na(e, t, n, r = {
           } else if (h) {
             const B = [];
             k(h) && r.searchKeys.includes("id") ? B.push((async () => {
-              const { data: q } = await a.get(`${T}/${h}`);
-              return [q[r.fetchedItemsKey] ?? q];
+              const { data: M } = await a.get(`${T}/${h}`);
+              return [M[r.fetchedItemsKey] ?? M];
             })()) : B.push(
-              ...r.searchKeys.filter((q) => q !== "id").map(async (q) => {
-                const { data: b } = await a.get(`${T}?${q}=${h}`);
+              ...r.searchKeys.filter((M) => M !== "id").map(async (M) => {
+                const { data: b } = await a.get(`${T}?${M}=${h}`);
                 return b[r.fetchedItemsKey];
               })
             );
             const x = await Promise.all(B), G = /* @__PURE__ */ new Set();
-            c.value = [], (_ = x == null ? void 0 : x.forEach) == null || _.call(x, (q) => {
+            c.value = [], (_ = x == null ? void 0 : x.forEach) == null || _.call(x, (M) => {
               var b;
-              (b = q == null ? void 0 : q.forEach) == null || b.call(q, (E) => {
-                G.has(E.id) || (G.add(E.id), c.value.push(E));
+              (b = M == null ? void 0 : M.forEach) == null || b.call(M, (K) => {
+                G.has(K.id) || (G.add(K.id), c.value.push(K));
               });
             });
           } else
@@ -538,11 +538,11 @@ function na(e, t, n, r = {
           l.value = !1;
         }
       else
-        l.value = !0, p.value = "", h ? (c.value = (I = f.value) == null ? void 0 : I.filter((B) => {
+        l.value = !0, p.value = "", h ? (c.value = (A = f.value) == null ? void 0 : A.filter((B) => {
           var x;
           let G = !1;
-          for (const q of r.searchKeys) {
-            const b = typeof B[q] == "string" ? (x = B[q]) == null ? void 0 : x.toLowerCase() : B[q];
+          for (const M of r.searchKeys) {
+            const b = typeof B[M] == "string" ? (x = B[M]) == null ? void 0 : x.toLowerCase() : B[M];
             b != null && b.includes(h.toLowerCase()) && (G = !0);
           }
           return G;
@@ -606,7 +606,7 @@ function oa(e) {
   }
 }
 function Sn(e, t) {
-  const n = M(g(e)), r = M(g(t)), a = w(
+  const n = E(g(e)), r = E(g(t)), a = w(
     () => !!(n.value.app === "konnect" || n.value.isExactMatch)
   ), i = w(
     () => r.value.startsWith("/") ? new URL(`${window.location.origin}${r.value}`) : new URL(r.value)
@@ -624,7 +624,7 @@ function Sn(e, t) {
   };
 }
 function ia(e, t, n = "data") {
-  const r = g(t), { axiosInstance: a } = Et(e.axiosRequestConfig), i = Sn(e, r), o = M({
+  const r = g(t), { axiosInstance: a } = Et(e.axiosRequestConfig), i = Sn(e, r), o = E({
     status: Fe.Idle
   });
   return { fetcher: async (s) => {
@@ -704,15 +704,15 @@ const xn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
 }, Qt = (e, t, n) => {
   da(n);
   const r = ca(e, t);
-  return In[n].includes(r);
-}, In = {
+  return An[n].includes(r);
+}, An = {
   ">": [1],
   ">=": [0, 1],
   "=": [0],
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Xt = Object.keys(In), da = (e) => {
+}, Xt = Object.keys(An), da = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
   if (Xt.indexOf(e) === -1)
@@ -732,8 +732,8 @@ function fa(e) {
   return !(o && Qt(a, o, "<") || s && Qt(a, s, ">"));
 }
 function ma(e) {
-  const t = M(0), n = M(0), r = M(!1);
-  return Ae(e, (a) => {
+  const t = E(0), n = E(0), r = E(!1);
+  return $e(e, (a) => {
     a && !r.value && (t.value = a.offsetWidth, n.value = a.scrollWidth, r.value = !0);
   }), {
     isTruncated: w(() => t.value < n.value)
@@ -786,12 +786,12 @@ const se = {
       var l;
       return t.isArrayItem ? (l = i.value) != null && l.name ? r(i.value.name, "_") : n("baseConfigCard.general.entryTitle", { index: t.index }) : "";
     });
-    return (l, u) => (m(), D(Te(e.isArrayItem ? "fieldset" : "div"), {
+    return (l, u) => (m(), D(xe(e.isArrayItem ? "fieldset" : "div"), {
       class: Me(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: v(() => [
         e.isArrayItem ? (m(), $("legend", ya, [
-          L("b", null, K(s.value), 1)
+          L("b", null, F(s.value), 1)
         ])) : J("", !0),
         (m(!0), $(be, null, ve(Object.keys(o.value), (p, c) => (m(), D($n, {
           key: `${a.value}-property-${c}`,
@@ -810,7 +810,7 @@ const se = {
   for (const [r, a] of t)
     n[r] = a;
   return n;
-}, An = /* @__PURE__ */ Ce(ha, [["__scopeId", "data-v-68ca83ec"]]), va = /* @__PURE__ */ X({
+}, In = /* @__PURE__ */ Ce(ha, [["__scopeId", "data-v-68ca83ec"]]), va = /* @__PURE__ */ X({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -822,7 +822,7 @@ const se = {
   setup(e) {
     const { i18n: { t } } = se.useI18n();
     return (n, r) => {
-      const a = R("KButton");
+      const a = V("KButton");
       return m(), $("div", null, [
         j(a, {
           appearance: "tertiary",
@@ -830,7 +830,7 @@ const se = {
           onClick: r[0] || (r[0] = (i) => n.$emit("navigation-click", e.item))
         }, {
           default: v(() => [
-            Y(K(e.item.value || g(t)("baseConfigCard.commonFields.link")), 1)
+            Y(F(e.item.value || g(t)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
         })
@@ -848,20 +848,20 @@ const se = {
   setup(e) {
     const { i18n: { t } } = se.useI18n();
     return (n, r) => {
-      const a = R("KBadge");
+      const a = V("KBadge");
       return m(), D(a, {
         appearance: e.status ? "success" : "neutral"
       }, {
         default: v(() => [
-          Y(K(e.status ? g(t)("baseConfigCard.statusBadge.enabledLabel") : g(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
+          Y(F(e.status ? g(t)("baseConfigCard.statusBadge.enabledLabel") : g(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
       }, 8, ["appearance"]);
     };
   }
-}), ka = "#0044f4", wa = "#e0e4ea", _a = "#afb7c5", Sa = "1px", xa = "20px", Ia = { class: "config-card-details-row" }, Aa = ["data-testid"], $a = ["data-testid"], Ta = ["data-testid"], Na = ["data-testid"], ja = { key: 1 }, Oa = ["data-testid"], Ea = ["data-testid"], Ma = ["data-testid"], qa = ["data-testid"], Fa = {
+}), ka = "#0044f4", wa = "#e0e4ea", _a = "#afb7c5", Sa = "1px", xa = "20px", Aa = { class: "config-card-details-row" }, Ia = ["data-testid"], $a = ["data-testid"], Ta = ["data-testid"], Na = ["data-testid"], ja = { key: 1 }, Oa = ["data-testid"], Ea = ["data-testid"], Ma = ["data-testid"], qa = ["data-testid"], Fa = {
   name: "ConfigCardItem",
-  components: { JsonCardItem: An, StatusBadge: Ca, InternalLinkItem: ba }
+  components: { JsonCardItem: In, StatusBadge: Ca, InternalLinkItem: ba }
 }, Ka = /* @__PURE__ */ X({
   ...Fa,
   props: {
@@ -998,10 +998,10 @@ const se = {
             text: n.item.value
           };
       }
-    }), y = M(), { isTruncated: f } = se.useTruncationDetector(y);
+    }), y = E(), { isTruncated: f } = se.useTruncationDetector(y);
     return (S, T) => {
-      const k = R("KLabel"), U = R("KBadge"), N = R("KCopy"), Z = R("KTooltip");
-      return m(), $("div", Ia, [
+      const k = V("KLabel"), U = V("KBadge"), N = V("KCopy"), Z = V("KTooltip");
+      return m(), $("div", Aa, [
         L("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
@@ -1009,7 +1009,7 @@ const se = {
           ne(S.$slots, "label", { item: e.item }, () => [
             j(k, { "tooltip-attributes": { maxWidth: "500px" } }, Be({
               default: v(() => [
-                Y(K(e.item.label) + " ", 1)
+                Y(F(e.item.label) + " ", 1)
               ]),
               _: 2
             }, [
@@ -1020,7 +1020,7 @@ const se = {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
                     ne(S.$slots, "label-tooltip", {}, () => [
-                      Y(K(e.item.tooltip), 1)
+                      Y(F(e.item.tooltip), 1)
                     ], !0)
                   ], 8, $a)
                 ]),
@@ -1028,7 +1028,7 @@ const se = {
               } : void 0
             ]), 1024)
           ], !0)
-        ], 8, Aa),
+        ], 8, Ia),
         L("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
@@ -1037,7 +1037,7 @@ const se = {
             rowValue: e.item.value
           }, () => [
             s.value ? (m(), $("div", ja, [
-              (m(), D(Te(c.value.tag), Ir(Ar(c.value.attrs)), {
+              (m(), D(xe(c.value.tag), Ar(Ir(c.value.attrs)), {
                 default: v(() => [
                   c.value.additionalComponent === "KBadge" ? (m(), $("div", {
                     key: 0,
@@ -1051,7 +1051,7 @@ const se = {
                       "truncation-tooltip": ""
                     }, {
                       default: v(() => [
-                        Y(K(h), 1)
+                        Y(F(h), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
@@ -1078,7 +1078,7 @@ const se = {
                       "data-testid": `${e.item.key}-badge-method-${_}`
                     }, {
                       default: v(() => [
-                        Y(K(h), 1)
+                        Y(F(h), 1)
                       ]),
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
@@ -1087,7 +1087,7 @@ const se = {
                     key: 3,
                     "data-testid": `${n.item.key}-json-array-content`
                   }, [
-                    (m(!0), $(be, null, ve(e.item.value, (h, _) => (m(), D(An, {
+                    (m(!0), $(be, null, ve(e.item.value, (h, _) => (m(), D(In, {
                       key: `json-array-item-${_}`,
                       index: _,
                       "is-array-item": "",
@@ -1102,7 +1102,7 @@ const se = {
                         ref_key: "textContent",
                         ref: y,
                         class: Me(["attrs-data-text", { truncated: e.truncated }])
-                      }, K(c.value.text), 3)
+                      }, F(c.value.text), 3)
                     ]),
                     _: 1
                   }, 8, ["text"]))
@@ -1160,14 +1160,14 @@ const se = {
       return i.length < 2 ? 0 : 41 + (t.requestMethod === "post" ? i[i.length - 1] : i[i.length - 2]).length;
     });
     return (a, i) => {
-      const o = R("KBadge"), s = R("KCodeBlock");
+      const o = V("KBadge"), s = V("KCodeBlock");
       return m(), $("div", Ba, [
         t.fetcherUrl ? (m(), $("div", La, [
           j(o, {
             appearance: t.requestMethod
           }, {
             default: v(() => [
-              Y(K(t.requestMethod), 1)
+              Y(F(t.requestMethod), 1)
             ]),
             _: 1
           }, 8, ["appearance"]),
@@ -1346,10 +1346,10 @@ function ro() {
     arguments[t].forEach(r);
   return e;
 }
-function It(e) {
+function At(e) {
   return this.extend(e);
 }
-It.prototype.extend = function(e) {
+At.prototype.extend = function(e) {
   var t = [], n = [];
   if (e instanceof ce)
     n.push(e);
@@ -1370,10 +1370,10 @@ It.prototype.extend = function(e) {
     if (!(a instanceof ce))
       throw new fe("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
-  var r = Object.create(It.prototype);
+  var r = Object.create(At.prototype);
   return r.implicit = (this.implicit || []).concat(t), r.explicit = (this.explicit || []).concat(n), r.compiledImplicit = en(r, "implicit"), r.compiledExplicit = en(r, "explicit"), r.compiledTypeMap = ro(r.compiledImplicit, r.compiledExplicit), r;
 };
-var On = It, En = new ce("tag:yaml.org,2002:str", {
+var On = At, En = new ce("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
@@ -1656,15 +1656,15 @@ var zn = new ce("tag:yaml.org,2002:timestamp", {
   instanceOf: Date,
   represent: xo
 });
-function Io(e) {
+function Ao(e) {
   return e === "<<" || e === null;
 }
 var Gn = new ce("tag:yaml.org,2002:merge", {
   kind: "scalar",
-  resolve: Io
+  resolve: Ao
 }), Mt = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;
-function Ao(e) {
+function Io(e) {
   if (e === null)
     return !1;
   var t, n, r = 0, a = e.length, i = Mt;
@@ -1693,7 +1693,7 @@ function No(e) {
 }
 var Hn = new ce("tag:yaml.org,2002:binary", {
   kind: "scalar",
-  resolve: Ao,
+  resolve: Io,
   construct: $o,
   predicate: No,
   represent: To
@@ -2216,7 +2216,7 @@ function si(e, t) {
 var li = ii, ui = si, or = {
   loadAll: li,
   load: ui
-}, ir = Object.prototype.toString, sr = Object.prototype.hasOwnProperty, Bt = 65279, ci = 9, nt = 10, di = 13, pi = 32, fi = 33, mi = 34, At = 35, gi = 37, yi = 38, hi = 39, vi = 42, lr = 44, bi = 45, ft = 58, Ci = 61, ki = 62, wi = 63, _i = 64, ur = 91, cr = 93, Si = 96, dr = 123, xi = 124, pr = 125, pe = {};
+}, ir = Object.prototype.toString, sr = Object.prototype.hasOwnProperty, Bt = 65279, ci = 9, nt = 10, di = 13, pi = 32, fi = 33, mi = 34, It = 35, gi = 37, yi = 38, hi = 39, vi = 42, lr = 44, bi = 45, ft = 58, Ci = 61, ki = 62, wi = 63, _i = 64, ur = 91, cr = 93, Si = 96, dr = 123, xi = 124, pr = 125, pe = {};
 pe[0] = "\\0";
 pe[7] = "\\a";
 pe[8] = "\\b";
@@ -2232,7 +2232,7 @@ pe[133] = "\\N";
 pe[160] = "\\_";
 pe[8232] = "\\L";
 pe[8233] = "\\P";
-var Ii = [
+var Ai = [
   "y",
   "Y",
   "yes",
@@ -2249,7 +2249,7 @@ var Ii = [
   "off",
   "Off",
   "OFF"
-], Ai = /^[-+]?[0-9_]+(?::[0-9_]+)+(?:\.[0-9_]*)?$/;
+], Ii = /^[-+]?[0-9_]+(?::[0-9_]+)+(?:\.[0-9_]*)?$/;
 function $i(e, t) {
   var n, r, a, i, o, s, l;
   if (t === null)
@@ -2308,11 +2308,11 @@ function cn(e, t, n) {
     (n ? (
       // c = flow-in
       r
-    ) : r && e !== lr && e !== ur && e !== cr && e !== dr && e !== pr) && e !== At && !(t === ft && !a) || un(t) && !mt(t) && e === At || t === ft && a
+    ) : r && e !== lr && e !== ur && e !== cr && e !== dr && e !== pr) && e !== It && !(t === ft && !a) || un(t) && !mt(t) && e === It || t === ft && a
   );
 }
 function Ei(e) {
-  return at(e) && e !== Bt && !mt(e) && e !== bi && e !== wi && e !== ft && e !== lr && e !== ur && e !== cr && e !== dr && e !== pr && e !== At && e !== yi && e !== vi && e !== fi && e !== xi && e !== Ci && e !== ki && e !== hi && e !== mi && e !== gi && e !== _i && e !== Si;
+  return at(e) && e !== Bt && !mt(e) && e !== bi && e !== wi && e !== ft && e !== lr && e !== ur && e !== cr && e !== dr && e !== pr && e !== It && e !== yi && e !== vi && e !== fi && e !== xi && e !== Ci && e !== ki && e !== hi && e !== mi && e !== gi && e !== _i && e !== Si;
 }
 function Mi(e) {
   return !mt(e) && e !== ft;
@@ -2351,7 +2351,7 @@ function Fi(e, t, n, r, a) {
   e.dump = function() {
     if (t.length === 0)
       return e.quotingType === rt ? '""' : "''";
-    if (!e.noCompatMode && (Ii.indexOf(t) !== -1 || Ai.test(t)))
+    if (!e.noCompatMode && (Ai.indexOf(t) !== -1 || Ii.test(t)))
       return e.quotingType === rt ? '"' + t + '"' : "'" + t + "'";
     var i = e.indent * Math.max(1, n), o = e.lineWidth === -1 ? -1 : Math.max(Math.min(e.lineWidth, 40), e.lineWidth - i), s = r || e.flowLevel > -1 && n >= e.flowLevel;
     function l(u) {
@@ -2425,19 +2425,19 @@ function Bi(e) {
 function Li(e, t, n) {
   var r = "", a = e.tag, i, o, s;
   for (i = 0, o = n.length; i < o; i += 1)
-    s = n[i], e.replacer && (s = e.replacer.call(n, String(i), s)), ($e(e, t, s, !1, !1) || typeof s > "u" && $e(e, t, null, !1, !1)) && (r !== "" && (r += "," + (e.condenseFlow ? "" : " ")), r += e.dump);
+    s = n[i], e.replacer && (s = e.replacer.call(n, String(i), s)), (Te(e, t, s, !1, !1) || typeof s > "u" && Te(e, t, null, !1, !1)) && (r !== "" && (r += "," + (e.condenseFlow ? "" : " ")), r += e.dump);
   e.tag = a, e.dump = "[" + r + "]";
 }
 function mn(e, t, n, r) {
   var a = "", i = e.tag, o, s, l;
   for (o = 0, s = n.length; o < s; o += 1)
-    l = n[o], e.replacer && (l = e.replacer.call(n, String(o), l)), ($e(e, t + 1, l, !0, !0, !1, !0) || typeof l > "u" && $e(e, t + 1, null, !0, !0, !1, !0)) && ((!r || a !== "") && (a += $t(e, t)), e.dump && nt === e.dump.charCodeAt(0) ? a += "-" : a += "- ", a += e.dump);
+    l = n[o], e.replacer && (l = e.replacer.call(n, String(o), l)), (Te(e, t + 1, l, !0, !0, !1, !0) || typeof l > "u" && Te(e, t + 1, null, !0, !0, !1, !0)) && ((!r || a !== "") && (a += $t(e, t)), e.dump && nt === e.dump.charCodeAt(0) ? a += "-" : a += "- ", a += e.dump);
   e.tag = i, e.dump = a || "[]";
 }
 function Ui(e, t, n) {
   var r = "", a = e.tag, i = Object.keys(n), o, s, l, u, p;
   for (o = 0, s = i.length; o < s; o += 1)
-    p = "", r !== "" && (p += ", "), e.condenseFlow && (p += '"'), l = i[o], u = n[l], e.replacer && (u = e.replacer.call(n, l, u)), $e(e, t, l, !1, !1) && (e.dump.length > 1024 && (p += "? "), p += e.dump + (e.condenseFlow ? '"' : "") + ":" + (e.condenseFlow ? "" : " "), $e(e, t, u, !1, !1) && (p += e.dump, r += p));
+    p = "", r !== "" && (p += ", "), e.condenseFlow && (p += '"'), l = i[o], u = n[l], e.replacer && (u = e.replacer.call(n, l, u)), Te(e, t, l, !1, !1) && (e.dump.length > 1024 && (p += "? "), p += e.dump + (e.condenseFlow ? '"' : "") + ":" + (e.condenseFlow ? "" : " "), Te(e, t, u, !1, !1) && (p += e.dump, r += p));
   e.tag = a, e.dump = "{" + r + "}";
 }
 function Pi(e, t, n, r) {
@@ -2449,7 +2449,7 @@ function Pi(e, t, n, r) {
   else if (e.sortKeys)
     throw new fe("sortKeys must be a boolean or a function");
   for (s = 0, l = o.length; s < l; s += 1)
-    y = "", (!r || a !== "") && (y += $t(e, t)), u = o[s], p = n[u], e.replacer && (p = e.replacer.call(n, u, p)), $e(e, t + 1, u, !0, !0, !0) && (c = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, c && (e.dump && nt === e.dump.charCodeAt(0) ? y += "?" : y += "? "), y += e.dump, c && (y += $t(e, t)), $e(e, t + 1, p, !0, c) && (e.dump && nt === e.dump.charCodeAt(0) ? y += ":" : y += ": ", y += e.dump, a += y));
+    y = "", (!r || a !== "") && (y += $t(e, t)), u = o[s], p = n[u], e.replacer && (p = e.replacer.call(n, u, p)), Te(e, t + 1, u, !0, !0, !0) && (c = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, c && (e.dump && nt === e.dump.charCodeAt(0) ? y += "?" : y += "? "), y += e.dump, c && (y += $t(e, t)), Te(e, t + 1, p, !0, c) && (e.dump && nt === e.dump.charCodeAt(0) ? y += ":" : y += ": ", y += e.dump, a += y));
   e.tag = i, e.dump = a || "{}";
 }
 function gn(e, t, n) {
@@ -2469,7 +2469,7 @@ function gn(e, t, n) {
     }
   return !1;
 }
-function $e(e, t, n, r, a, i, o) {
+function Te(e, t, n, r, a, i, o) {
   e.tag = null, e.dump = n, gn(e, n, !1) || gn(e, n, !0);
   var s = ir.call(e.dump), l = r, u;
   r && (r = e.flowLevel < 0 || e.flowLevel > t);
@@ -2517,7 +2517,7 @@ function Vi(e, t) {
   var n = new ji(t);
   n.noRefs || Ri(e, n);
   var r = e;
-  return n.replacer && (r = n.replacer.call({ "": r }, "", r)), $e(n, 0, r, !0, !0) ? n.dump + `
+  return n.replacer && (r = n.replacer.call({ "": r }, "", r)), Te(n, 0, r, !0, !0) ? n.dump + `
 ` : "";
 }
 var Di = Vi, zi = {
@@ -2573,7 +2573,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       return Object.keys(r).length === 0 && r.constructor === Object ? "" : is.dump(r).trim();
     });
     return (r, a) => {
-      const i = R("KCodeBlock");
+      const i = V("KCodeBlock");
       return m(), $("div", ss, [
         t.yamlRecord ? (m(), D(i, {
           key: 0,
@@ -2643,7 +2643,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           class: Me(`config-card-details-${l}-props`),
           "data-testid": `config-card-details-${l}-props`
         }, [
-          l !== "basic" ? (m(), $("div", cs, K(l === "advanced" ? g(r)("baseConfigCard.sections.advanced") : g(r)("baseConfigCard.sections.plugin")), 1)) : J("", !0),
+          l !== "basic" ? (m(), $("div", cs, F(l === "advanced" ? g(r)("baseConfigCard.sections.advanced") : g(r)("baseConfigCard.sections.plugin")), 1)) : J("", !0),
           (m(!0), $(be, null, ve(e.propertyCollections[l], (u) => (m(), D($n, {
             key: u.key,
             item: u
@@ -2762,7 +2762,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Te(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
@@ -2779,7 +2779,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), $("title", gs, K(e.title), 1)) : J("", !0),
+          e.title ? (m(), $("title", gs, F(e.title), 1)) : J("", !0),
           ys
         ], 8, ms))
       ]),
@@ -2861,7 +2861,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Te(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon book-icon",
       "data-testid": "kui-icon-wrapper-book-icon",
@@ -2878,14 +2878,14 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), $("title", ks, K(e.title), 1)) : J("", !0),
+          e.title ? (m(), $("title", ks, F(e.title), 1)) : J("", !0),
           ws
         ], 8, Cs))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Ss = /* @__PURE__ */ ot(_s, [["__scopeId", "data-v-929b4762"]]), xs = (e) => (Je("data-v-219f8484"), e = e(), Ze(), e), Is = ["aria-hidden"], As = {
+}), Ss = /* @__PURE__ */ ot(_s, [["__scopeId", "data-v-929b4762"]]), xs = (e) => (Je("data-v-219f8484"), e = e(), Ze(), e), As = ["aria-hidden"], Is = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, $s = /* @__PURE__ */ xs(() => /* @__PURE__ */ L("path", {
@@ -2960,7 +2960,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Te(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-down-icon",
       "data-testid": "kui-icon-wrapper-chevron-down-icon",
@@ -2977,9 +2977,9 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), $("title", As, K(e.title), 1)) : J("", !0),
+          e.title ? (m(), $("title", Is, F(e.title), 1)) : J("", !0),
           $s
-        ], 8, Is))
+        ], 8, As))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
@@ -3059,7 +3059,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Te(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon close-icon",
       "data-testid": "kui-icon-wrapper-close-icon",
@@ -3076,7 +3076,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), $("title", Es, K(e.title), 1)) : J("", !0),
+          e.title ? (m(), $("title", Es, F(e.title), 1)) : J("", !0),
           Ms
         ], 8, Os))
       ]),
@@ -3158,7 +3158,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Te(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon more-icon",
       "data-testid": "kui-icon-wrapper-more-icon",
@@ -3175,7 +3175,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), $("title", Ls, K(e.title), 1)) : J("", !0),
+          e.title ? (m(), $("title", Ls, F(e.title), 1)) : J("", !0),
           Us
         ], 8, Bs))
       ]),
@@ -3278,7 +3278,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         label: "YAML",
         value: "yaml"
       }
-    ], p = M("structured"), c = (d) => {
+    ], p = E("structured"), c = (d) => {
       p.value = d == null ? void 0 : d.value;
     }, y = {
       id: {
@@ -3314,72 +3314,72 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         // the last property displayed
         section: he.Basic
       }
-    }, f = M(!1), S = M(!1), T = M(""), k = M({}), U = w(() => {
-      var d, I, B;
+    }, f = E(!1), S = E(!1), T = E(""), k = E({}), U = w(() => {
+      var d, A, B;
       if (!k.value)
         return [];
       const x = [], G = Object.keys(k.value).length;
-      for (const q in k.value) {
-        const b = (I = (d = a.configSchema) == null ? void 0 : d[q]) == null ? void 0 : I.order, E = (B = y[q]) == null ? void 0 : B.order;
-        let F = G;
-        (E || E === 0) && (F = E === -1 ? G + 1 : E), b && (F = b === -1 ? G + 1 : b), x.push([q, F]);
+      for (const M in k.value) {
+        const b = (A = (d = a.configSchema) == null ? void 0 : d[M]) == null ? void 0 : A.order, K = (B = y[M]) == null ? void 0 : B.order;
+        let q = G;
+        (K || K === 0) && (q = K === -1 ? G + 1 : K), b && (q = b === -1 ? G + 1 : b), x.push([M, q]);
       }
-      return x.sort(function(q, b) {
-        return q[1] - b[1];
-      }), x.map((q) => {
-        var b, E;
-        const F = q[0], H = (b = k.value) == null ? void 0 : b[F], te = ((E = a.configSchema) == null ? void 0 : E[F]) || {}, de = y[F];
+      return x.sort(function(M, b) {
+        return M[1] - b[1];
+      }), x.map((M) => {
+        var b, K;
+        const q = M[0], H = (b = k.value) == null ? void 0 : b[q], te = ((K = a.configSchema) == null ? void 0 : K[q]) || {}, de = y[q];
         return {
-          key: F,
+          key: q,
           value: H,
           hidden: te.hidden || !1,
           type: te.type ?? ((de == null ? void 0 : de.type) || ee.Text),
-          label: te.label ?? ((de == null ? void 0 : de.label) || s(F)),
+          label: te.label ?? ((de == null ? void 0 : de.label) || s(q)),
           tooltip: te.tooltip ?? ((de == null ? void 0 : de.tooltip) || void 0),
           section: te.section ?? ((de == null ? void 0 : de.section) || he.Advanced)
         };
-      }).filter((q) => !q.hidden && q.key !== a.pluginConfigKey);
+      }).filter((M) => !M.hidden && M.key !== a.pluginConfigKey);
     }), N = w(() => {
-      var d, I;
+      var d, A;
       if (!k.value || !a.pluginConfigKey)
         return [];
       const B = k.value[a.pluginConfigKey] || {}, x = Object.keys(B).length, G = [];
-      for (const q in B) {
-        const b = (I = (d = a.pluginConfigSchema) == null ? void 0 : d[q]) == null ? void 0 : I.order, E = B[q];
-        let F = E != null && E !== "" ? x - 1 : x;
-        b && (F = b === -1 ? x + 1 : b), G.push([q, F]);
+      for (const M in B) {
+        const b = (A = (d = a.pluginConfigSchema) == null ? void 0 : d[M]) == null ? void 0 : A.order, K = B[M];
+        let q = K != null && K !== "" ? x - 1 : x;
+        b && (q = b === -1 ? x + 1 : b), G.push([M, q]);
       }
-      return G.sort(function(q, b) {
-        return q[1] - b[1];
-      }), G.map((q) => {
+      return G.sort(function(M, b) {
+        return M[1] - b[1];
+      }), G.map((M) => {
         var b;
-        const E = q[0], F = B[E], H = ((b = a.pluginConfigSchema) == null ? void 0 : b[E]) || {};
+        const K = M[0], q = B[K], H = ((b = a.pluginConfigSchema) == null ? void 0 : b[K]) || {};
         return {
-          key: E,
-          value: F,
+          key: K,
+          value: q,
           hidden: H.hidden || !1,
           type: H.type ?? ee.Text,
-          label: H.label ?? s(E),
+          label: H.label ?? s(K),
           tooltip: H.tooltip ?? void 0,
           section: he.Plugin
         };
-      }).filter((q) => !q.hidden);
+      }).filter((M) => !M.hidden);
     }), Z = w(() => {
-      var d, I, B, x;
+      var d, A, B, x;
       return {
         basic: (d = U.value) == null ? void 0 : d.filter((G) => G.section === he.Basic),
-        advanced: (I = U.value) == null ? void 0 : I.filter((G) => G.section === he.Advanced),
+        advanced: (A = U.value) == null ? void 0 : A.filter((G) => G.section === he.Advanced),
         plugin: (x = N.value) == null ? void 0 : x.concat((B = U.value) == null ? void 0 : B.filter((G) => G.section === he.Plugin))
       };
     }), h = w(() => {
       const d = [];
       return Z.value.basic.length && d.push("basic"), Z.value.advanced.length && d.push("advanced"), Z.value.plugin.length && d.push("plugin"), d;
     }), _ = w(() => {
-      var d, I;
+      var d, A;
       let B = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, ((d = a.config) == null ? void 0 : d.controlPlaneId) || "") : a.config.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, (I = a.config) != null && I.workspace ? `/${a.config.workspace}` : "")), B = B.replace(/{id}/gi, a.config.entityId), B;
+      return a.config.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, ((d = a.config) == null ? void 0 : d.controlPlaneId) || "") : a.config.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, (A = a.config) != null && A.workspace ? `/${a.config.workspace}` : "")), B = B.replace(/{id}/gi, a.config.entityId), B;
     });
-    return Ae(f, (d) => {
+    return $e(f, (d) => {
       r("loading", d);
     }, { immediate: !0 }), gt(async () => {
       S.value = !1, f.value = !0;
@@ -3392,18 +3392,18 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             throw new Error(i("errors.dataKeyUndefined", { dataKey: a.dataKey }));
         else
           k.value = { ...d };
-        Object.keys(a.configSchema).filter((I) => a.configSchema[I].forceShow).forEach((I) => {
-          k.value && typeof k.value[I] > "u" && (k.value[I] = null);
+        Object.keys(a.configSchema).filter((A) => a.configSchema[A].forceShow).forEach((A) => {
+          k.value && typeof k.value[A] > "u" && (k.value[A] = null);
         }), r("fetch:success", d);
       } catch (d) {
-        const I = o(d);
-        T.value = I.startsWith("code") ? i("baseConfigCard.errors.load") : I, S.value = !0, r("fetch:error", d);
+        const A = o(d);
+        T.value = A.startsWith("code") ? i("baseConfigCard.errors.load") : A, S.value = !0, r("fetch:error", d);
       } finally {
         f.value = !1;
       }
-    }), (d, I) => {
-      const B = R("KLabel"), x = R("KSelect"), G = R("KButton"), q = R("KSkeleton"), b = R("KEmptyState"), E = R("KCard");
-      return m(), D(E, {
+    }), (d, A) => {
+      const B = V("KLabel"), x = V("KSelect"), G = V("KButton"), M = V("KSkeleton"), b = V("KEmptyState"), K = V("KCard");
+      return m(), D(K, {
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
       }, Be({
@@ -3415,7 +3415,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
               "data-testid": "config-format-select-label"
             }, {
               default: v(() => [
-                Y(K(e.label), 1)
+                Y(F(e.label), 1)
               ]),
               _: 1
             }),
@@ -3444,7 +3444,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           ])
         ]),
         default: v(() => [
-          f.value ? (m(), D(q, {
+          f.value ? (m(), D(M, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
@@ -3455,7 +3455,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             "icon-variant": "error"
           }, {
             default: v(() => [
-              L("h3", null, K(T.value), 1)
+              L("h3", null, F(T.value), 1)
             ]),
             _: 1
           })) : J("", !0),
@@ -3468,10 +3468,10 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
               "property-collections": Z.value,
               record: k.value
             }, Be({ _: 2 }, [
-              ve(Object.keys(d.$slots), (F) => ({
-                name: F,
+              ve(Object.keys(d.$slots), (q) => ({
+                name: q,
                 fn: v(({ row: H, rowValue: te }) => [
-                  ne(d.$slots, F, {
+                  ne(d.$slots, q, {
                     row: H,
                     rowValue: te
                   }, void 0, !0)
@@ -3487,7 +3487,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           fn: v(() => [
             L("span", Vs, [
               ne(d.$slots, "title", {}, () => [
-                Y(K(g(i)("baseConfigCard.title")), 1)
+                Y(F(g(i)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -3556,12 +3556,19 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     noValidate: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Wrapper component to use at component's root level.
+     */
+    wrapperComponent: {
+      type: String,
+      default: "KCard"
     }
   },
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: t }) {
     var n;
-    const r = t, a = e, i = Ot(), { i18n: { t: o } } = se.useI18n(), { getMessageFromError: s } = se.useErrors(), { axiosInstance: l } = se.useAxios((n = a.config) == null ? void 0 : n.axiosRequestConfig), u = M(!1), p = M(!1), c = M(""), y = w(() => a.canSubmit === !1 || a.isReadonly), f = M(!1), S = w(() => {
+    const r = t, a = e, i = Ot(), { i18n: { t: o } } = se.useI18n(), { getMessageFromError: s } = se.useErrors(), { axiosInstance: l } = se.useAxios((n = a.config) == null ? void 0 : n.axiosRequestConfig), u = E(!1), p = E(!1), c = E(""), y = w(() => a.canSubmit === !1 || a.isReadonly), f = E(!1), S = w(() => {
       var h, _;
       let d = `${a.config.apiBaseUrl}${a.fetchUrl}`;
       return a.config.app === "konnect" ? d = d.replace(/{controlPlaneId}/gi, ((h = a.config) == null ? void 0 : h.controlPlaneId) || "") : a.config.app === "kongManager" && (d = d.replace(/\/{workspace}/gi, (_ = a.config) != null && _.workspace ? `/${a.config.workspace}` : "")), a.editId ? (d = d.replace(/{id}/gi, a.editId), d) : (d = d.replace(/\/{id}/gi, ""), d);
@@ -3573,7 +3580,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       r("cancel");
     }, N = () => {
       y.value || r("submit");
-    }, Z = M([
+    }, Z = E([
       {
         title: o("baseForm.configuration.yaml"),
         hash: "#yaml"
@@ -3583,7 +3590,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         hash: "#json"
       }
     ]);
-    return Ae(() => u.value, (h) => {
+    return $e(() => u.value, (h) => {
       r("loading", h);
     }, { immediate: !0 }), gt(async () => {
       if (a.editId)
@@ -3598,13 +3605,13 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           u.value = !1;
         }
     }), (h, _) => {
-      const d = R("KSkeleton"), I = R("KEmptyState"), B = R("KAlert"), x = R("KButton"), G = R("KTabs"), q = R("KSlideout"), b = R("KCard");
-      return m(), D(b, { class: "kong-ui-entity-base-form" }, {
+      const d = V("KSkeleton"), A = V("KEmptyState"), B = V("KAlert"), x = V("KButton"), G = V("KTabs"), M = V("KSlideout");
+      return m(), D(xe(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
         default: v(() => [
           u.value ? (m(), D(d, {
             key: 0,
             type: "form"
-          })) : p.value ? (m(), D(I, {
+          })) : p.value ? (m(), D(A, {
             key: 1,
             "action-button-text": g(o)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
@@ -3612,7 +3619,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             onClickAction: k
           }, {
             default: v(() => [
-              L("h3", null, K(c.value), 1)
+              L("h3", null, F(c.value), 1)
             ]),
             _: 1
           }, 8, ["action-button-text"])) : (m(), $("form", {
@@ -3634,10 +3641,10 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                 j(x, {
                   appearance: "tertiary",
                   "data-testid": "form-view-configuration",
-                  onClick: _[0] || (_[0] = (E) => T())
+                  onClick: _[0] || (_[0] = (b) => T())
                 }, {
                   default: v(() => [
-                    Y(K(g(o)("baseForm.actions.viewConfiguration")), 1)
+                    Y(F(g(o)("baseForm.actions.viewConfiguration")), 1)
                   ]),
                   _: 1
                 }),
@@ -3648,7 +3655,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                   type: "reset"
                 }, {
                   default: v(() => [
-                    Y(K(g(o)("baseForm.actions.cancel")), 1)
+                    Y(F(g(o)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
@@ -3659,24 +3666,24 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                   type: "submit"
                 }, {
                   default: v(() => [
-                    Y(K(g(o)("baseForm.actions.save")), 1)
+                    Y(F(g(o)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ], !0)
             ])
           ], 40, Zs)),
-          j(q, {
+          j(M, {
             "close-on-blur": !1,
             "data-testid": "form-view-configuration-slideout",
             "has-overlay": !1,
             "offset-top": 60,
             title: g(o)("baseForm.configuration.title"),
             visible: f.value,
-            onClose: _[1] || (_[1] = (E) => T())
+            onClose: _[1] || (_[1] = (b) => T())
           }, {
             default: v(() => [
-              L("div", null, K(g(o)("baseForm.configuration.message")), 1),
+              L("div", null, F(g(o)("baseForm.configuration.message")), 1),
               j(G, {
                 "data-testid": "form-view-configuration-slideout-tabs",
                 tabs: Z.value
@@ -3704,7 +3711,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       });
     };
   }
-}), Qs = /* @__PURE__ */ Ce(Ys, [["__scopeId", "data-v-3def74fe"]]), Xs = ["data-truncate"], el = /* @__PURE__ */ X({
+}), Qs = /* @__PURE__ */ Ce(Ys, [["__scopeId", "data-v-fd05df8e"]]), Xs = ["data-truncate"], el = /* @__PURE__ */ X({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3743,7 +3750,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         Z -= (parseFloat(h.paddingLeft) || 0) + (parseFloat(h.paddingRight) || 0);
       }
       p.value = ((U = r.value) == null ? void 0 : U.getBoundingClientRect().width) || 0, c.value = Z, y.value = ((N = u.value) == null ? void 0 : N.innerText) || "";
-    }, u = M({}), p = M(0), c = M(0), y = M(""), f = w(() => [r.value, n.value]), S = Ae(
+    }, u = E({}), p = E(0), c = E(0), y = E(""), f = w(() => [r.value, n.value]), S = $e(
       f,
       (k) => {
         if (i.value && (s(), "ResizeObserver" in window && window)) {
@@ -3763,7 +3770,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     }), xr(() => {
       S();
     }), (k, U) => {
-      const N = R("KTooltip");
+      const N = V("KTooltip");
       return m(), $("span", {
         ref_key: "contentRef",
         ref: u,
@@ -3775,7 +3782,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         }, [
           j(N, {
             "max-width": "300",
-            placement: "bottom-start",
+            placement: "bottomStart",
             text: T.value ? y.value : ""
           }, {
             default: v(() => [
@@ -3787,7 +3794,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       ], 512);
     };
   }
-}), tl = /* @__PURE__ */ Ce(el, [["__scopeId", "data-v-760084ce"]]), nl = { class: "toolbar-container" }, rl = {
+}), tl = /* @__PURE__ */ Ce(el, [["__scopeId", "data-v-471ce76e"]]), nl = { class: "toolbar-container" }, rl = {
   key: 0,
   class: "toolbar-button-container"
 }, al = ["data-testid"], ol = /* @__PURE__ */ X({
@@ -3909,7 +3916,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: t }) {
     const n = e, r = t, { i18n: { t: a } } = se.useI18n(), i = w(() => {
-      var d, I;
+      var d, A;
       return typeof n.errorMessage == "string" ? {
         hasError: !!n.errorMessage,
         title: n.errorMessage,
@@ -3917,15 +3924,15 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       } : {
         hasError: !!n.errorMessage,
         title: (d = n.errorMessage) == null ? void 0 : d.title,
-        message: (I = n.errorMessage) == null ? void 0 : I.message
+        message: (A = n.errorMessage) == null ? void 0 : A.message
       };
     }), o = w(() => n.cacheIdentifier || n.preferencesStorageKey), s = (d) => d.hasData || !!n.query, l = w(() => {
       const d = [];
-      return Object.keys(n.tableHeaders).forEach((I) => {
-        const B = n.tableHeaders[I];
+      return Object.keys(n.tableHeaders).forEach((A) => {
+        const B = n.tableHeaders[A];
         d.push({
-          label: B.label ?? I,
-          key: I,
+          label: B.label ?? A,
+          key: A,
           sortable: B.sortable ?? !1,
           hidable: !0
         });
@@ -3937,28 +3944,28 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       "data-rowid": d.id,
       "data-testid": d.name,
       ...n.rowAttributes(d)
-    }), p = M({}), c = (d) => {
-      var I;
-      return (I = p.value) == null ? void 0 : I.$el.querySelector(`[data-rowid="${d.id}"]`);
+    }), p = E({}), c = (d) => {
+      var A;
+      return (A = p.value) == null ? void 0 : A.$el.querySelector(`[data-rowid="${d.id}"]`);
     }, y = (d) => {
-      const I = {
+      const A = {
         "data-testid": d.headerKey,
         ...n.cellAttributes(d)
       };
-      return d.colIndex === 0 && (I.style = {
+      return d.colIndex === 0 && (A.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), I;
+      }), A;
     }, f = () => {
       r("empty-state-cta-clicked"), S();
     }, S = () => {
       r("clear-search-input");
-    }, T = w(() => n.disableRowClick ? void 0 : (d, I) => {
-      r("click:row", I);
+    }, T = w(() => n.disableRowClick ? void 0 : (d, A) => {
+      r("click:row", A);
     }), k = (d) => {
       r("sort", d);
-    }, { setTablePreferences: U, getTablePreferences: N } = Dr(), Z = M(N(o.value)), h = w(() => {
+    }, { setTablePreferences: U, getTablePreferences: N } = Dr(), Z = E(N(o.value)), h = w(() => {
       const d = N(o.value);
       return {
         ...n.initialFetcherParams,
@@ -3967,9 +3974,9 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     }), _ = (d) => {
       Z.value = d, o.value && U(o.value, d);
     };
-    return (d, I) => {
-      const B = R("KButton"), x = R("KDropdown"), G = R("KTable"), q = R("KCard");
-      return m(), D(q, {
+    return (d, A) => {
+      const B = V("KButton"), x = V("KDropdown"), G = V("KTable"), M = V("KCard");
+      return m(), D(M, {
         class: "kong-ui-entity-base-table",
         title: e.title,
         "title-tag": e.titleTag
@@ -4005,7 +4012,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             "table-preferences": Z.value,
             onEmptyStateActionClick: f,
             "onRow:click": T.value,
-            onSort: I[0] || (I[0] = (b) => k(b)),
+            onSort: A[0] || (A[0] = (b) => k(b)),
             "onUpdate:tablePreferences": _
           }, Be({
             toolbar: v(({ state: b }) => [
@@ -4018,20 +4025,20 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                 [je, s(b)]
               ])
             ]),
-            actions: v(({ row: b, rowKey: E, rowValue: F }) => [
+            actions: v(({ row: b, rowKey: K, rowValue: q }) => [
               L("div", {
                 class: "actions-container",
                 "data-testid": b.name
               }, [
                 j(x, {
-                  "kpop-attributes": { placement: "bottom-end" },
+                  "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
                   items: v(() => [
                     ne(d.$slots, "actions", {
                       row: b,
-                      rowKey: E,
-                      rowValue: F
+                      rowKey: K,
+                      rowValue: q
                     }, void 0, !0)
                   ]),
                   default: v(() => [
@@ -4054,21 +4061,21 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             ]),
             _: 2
           }, [
-            ve(e.tableHeaders, (b, E) => ({
-              name: E,
-              fn: v(({ row: F, rowKey: H, rowValue: te }) => [
+            ve(e.tableHeaders, (b, K) => ({
+              name: K,
+              fn: v(({ row: q, rowKey: H, rowValue: te }) => [
                 j(tl, {
-                  "key-name": String(E),
-                  "row-el": c(F),
+                  "key-name": String(K),
+                  "row-el": c(q),
                   tooltip: b.tooltip
                 }, {
                   default: v(() => [
-                    ne(d.$slots, E, {
-                      row: F,
+                    ne(d.$slots, K, {
+                      row: q,
                       rowKey: H,
                       rowValue: te
                     }, () => [
-                      Y(K(te), 1)
+                      Y(F(te), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -4088,7 +4095,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       }, 8, ["title", "title-tag"]);
     };
   }
-}), il = /* @__PURE__ */ Ce(ol, [["__scopeId", "data-v-940ccab7"]]), sl = {
+}), il = /* @__PURE__ */ Ce(ol, [["__scopeId", "data-v-67bd29c7"]]), sl = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, ll = {
@@ -4139,7 +4146,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       a("proceed");
     };
     return (l, u) => {
-      const p = R("KAlert"), c = R("KPrompt");
+      const p = V("KAlert"), c = V("KPrompt");
       return m(), D(c, {
         "action-button-appearance": "danger",
         "action-button-disabled": e.actionPending,
@@ -4155,7 +4162,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           e.error ? (m(), $("div", sl, [
             j(p, { appearance: "danger" }, {
               default: v(() => [
-                Y(K(e.error), 1)
+                Y(F(e.error), 1)
               ]),
               _: 1
             })
@@ -4166,21 +4173,21 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             tag: "p"
           }, Be({
             entityType: v(() => [
-              Y(K(r.entityType), 1)
+              Y(F(r.entityType), 1)
             ]),
             _: 2
           }, [
             r.entityName ? {
               name: "entityName",
               fn: v(() => [
-                L("strong", null, K(r.entityName), 1)
+                L("strong", null, F(r.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
           r.description || l.$slots.description ? (m(), $("div", ll, [
             ne(l.$slots, "description", {}, () => [
-              L("p", null, K(r.description), 1)
+              L("p", null, F(r.description), 1)
             ], !0)
           ])) : J("", !0)
         ]),
@@ -4250,7 +4257,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const { i18n: { t: n } } = se.useI18n(), r = e, a = t, i = M(!1), o = M({}), s = M(/* @__PURE__ */ new Set()), l = w(() => {
+    const { i18n: { t: n } } = se.useI18n(), r = e, a = t, i = E(!1), o = E({}), s = E(/* @__PURE__ */ new Set()), l = w(() => {
       const h = [];
       return new URLSearchParams(r.modelValue).forEach((_, d) => {
         _ !== "" && h.push(d);
@@ -4266,7 +4273,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         expanded: !1
       }));
     });
-    Ae(() => r.modelValue, (h) => {
+    $e(() => r.modelValue, (h) => {
       o.value = {}, new URLSearchParams(h).forEach((_, d) => {
         o.value[d] = _;
       });
@@ -4281,9 +4288,9 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       y("");
     }, S = (h) => `filter-${h}`, T = (h) => {
       var _, d;
-      return (((d = (_ = r.config.schema) == null ? void 0 : _[h]) == null ? void 0 : d.values) ?? []).map((I) => ({
-        value: I,
-        label: I
+      return (((d = (_ = r.config.schema) == null ? void 0 : _[h]) == null ? void 0 : d.values) ?? []).map((A) => ({
+        value: A,
+        label: A
       }));
     }, k = (h) => {
       var _, d;
@@ -4296,11 +4303,11 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     }, N = () => {
       o.value = {}, Z(!0);
     }, Z = (h = !1) => {
-      const _ = Object.keys(o.value).reduce((d, I) => (o.value[I] && (d[I] = `${o.value[I]}`), d), {});
+      const _ = Object.keys(o.value).reduce((d, A) => (o.value[A] && (d[A] = `${o.value[A]}`), d), {});
       h && (i.value = !1), a("update:modelValue", new URLSearchParams(_).toString());
     };
     return (h, _) => {
-      const d = R("KInput"), I = R("KButton"), B = R("KSelect");
+      const d = V("KInput"), A = V("KButton"), B = V("KSelect");
       return e.config.isExactMatch ? (m(), D(d, {
         key: 0,
         autocomplete: "off",
@@ -4323,14 +4330,14 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         ]),
         _: 1
       }, 8, ["model-value", "placeholder"])) : (m(), $("div", yl, [
-        j(I, {
+        j(A, {
           appearance: "tertiary",
           "data-testid": "filter-button",
           onClick: p
         }, {
           default: v(() => [
             j(yn),
-            Y(" " + K(g(n)("filter.filterButtonText")) + " " + K(l.value.length > 0 ? `(${l.value.length})` : ""), 1)
+            Y(" " + F(g(n)("filter.filterButtonText")) + " " + F(l.value.length > 0 ? `(${l.value.length})` : ""), 1)
           ]),
           _: 1
         }),
@@ -4342,7 +4349,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         ]),
         Ne(L("div", hl, [
           (m(!0), $(be, null, ve(u.value, (x) => {
-            var G, q;
+            var G, M;
             return m(), $("div", {
               key: x.value,
               class: "kong-ui-entity-filter-menu-item",
@@ -4355,7 +4362,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                 onClick: (b) => c(x.value),
                 onKeydown: wr((b) => c(x.value), ["enter"])
               }, [
-                Y(K(x.label) + " ", 1),
+                Y(F(x.label) + " ", 1),
                 Ne(L("span", Cl, null, 512), [
                   [je, l.value.includes(x.value)]
                 ]),
@@ -4368,8 +4375,8 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                 L("label", {
                   class: "menu-item-label",
                   for: S(x.value)
-                }, K(g(n)("filter.fieldLabel")), 9, wl),
-                ((q = (G = e.config.schema) == null ? void 0 : G[x.value]) == null ? void 0 : q.type) === "select" ? (m(), D(B, {
+                }, F(g(n)("filter.fieldLabel")), 9, wl),
+                ((M = (G = e.config.schema) == null ? void 0 : G[x.value]) == null ? void 0 : M.type) === "select" ? (m(), D(B, {
                   key: 0,
                   id: S(x.value),
                   modelValue: o.value[x.value],
@@ -4389,25 +4396,25 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                 [je, s.value.has(x.value)]
               ]),
               Ne(L("div", _l, [
-                j(I, {
+                j(A, {
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
                   onClick: _[0] || (_[0] = (b) => Z(!0))
                 }, {
                   default: v(() => [
-                    Y(K(g(n)("filter.applyButtonText")), 1)
+                    Y(F(g(n)("filter.applyButtonText")), 1)
                   ]),
                   _: 1
                 }),
-                j(I, {
+                j(A, {
                   appearance: "tertiary",
                   "data-testid": "clear-filter",
                   size: "small",
                   onClick: (b) => U(x.value)
                 }, {
                   default: v(() => [
-                    Y(K(g(n)("filter.clearButtonText")), 1)
+                    Y(F(g(n)("filter.clearButtonText")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4417,13 +4424,13 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             ], 8, vl);
           }), 128)),
           L("div", Sl, [
-            j(I, {
+            j(A, {
               appearance: "tertiary",
               size: "small",
               onClick: N
             }, {
               default: v(() => [
-                Y(K(g(n)("filter.clearAllButtonText")), 1)
+                Y(F(g(n)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
             })
@@ -4434,7 +4441,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       ]));
     };
   }
-}), Il = /* @__PURE__ */ Ce(xl, [["__scopeId", "data-v-94990087"]]), st = /* @__PURE__ */ X({
+}), Al = /* @__PURE__ */ Ce(xl, [["__scopeId", "data-v-94990087"]]), st = /* @__PURE__ */ X({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4456,8 +4463,8 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     }
   },
   setup(e) {
-    const t = e, n = M(void 0), r = w(() => n.value === !0 || n.value !== void 0 && t.forceShow === !0);
-    return Ae(() => t.authFunction, async () => {
+    const t = e, n = E(void 0), r = w(() => n.value === !0 || n.value !== void 0 && t.forceShow === !0);
+    return $e(() => t.authFunction, async () => {
       n.value = await t.authFunction();
     }, { immediate: !0 }), (a, i) => r.value ? ne(a.$slots, "default", {
       key: 0,
@@ -4466,11 +4473,11 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
   }
 });
 let lt;
-const Al = new Uint8Array(16);
+const Il = new Uint8Array(16);
 function $l() {
   if (!lt && (lt = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !lt))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return lt(Al);
+  return lt(Il);
 }
 const ue = [];
 for (let e = 0; e < 256; ++e)
@@ -4540,19 +4547,19 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
           key: 0,
           class: Me(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (m(), D(Te(e.titleTag), {
+          e.title ? (m(), D(xe(e.titleTag), {
             key: 0,
             id: g(n),
             class: "form-section-title"
           }, {
             default: v(() => [
-              Y(K(e.title), 1)
+              Y(F(e.title), 1)
             ]),
             _: 1
           }, 8, ["id"])) : J("", !0),
           e.description || g(t).description ? (m(), $("div", Ml, [
             ne(r.$slots, "description", {}, () => [
-              L("p", null, K(e.description), 1)
+              L("p", null, F(e.description), 1)
             ], !0)
           ])) : J("", !0),
           g(t).footer ? (m(), $("div", ql, [
@@ -4585,8 +4592,8 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
   },
   emits: ["cancel", "add:success", "add:partial-success", "error"],
   setup(e, { emit: t }) {
-    var q;
-    const { i18n: { t: n } } = yt.useI18n(), r = e, a = t, { axiosInstance: i } = Ut((q = r.config) == null ? void 0 : q.axiosRequestConfig), o = M([]), {
+    var M;
+    const { i18n: { t: n } } = yt.useI18n(), r = e, a = t, { axiosInstance: i } = Ut((M = r.config) == null ? void 0 : M.axiosRequestConfig), o = E([]), {
       debouncedQueryChange: s,
       loading: l,
       allRecords: u,
@@ -4601,62 +4608,62 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), f = w(() => p.value ? n("consumer_groups.errors.general") : ""), S = M(0), T = w(() => u.value === void 0), k = w(() => y.value.map((b) => ({
+    ), f = w(() => p.value ? n("consumer_groups.errors.general") : ""), S = E(0), T = w(() => u.value === void 0), k = w(() => y.value.map((b) => ({
       label: b.name,
       value: b.id,
       selected: o.value.includes(b.id),
       data: b
       // we need this to determine whether or not to show the description text
     }))), U = (b) => {
-      var F;
-      const E = T.value ? y.value.find((H) => H.id === b) : (F = u.value) == null ? void 0 : F.find((H) => H.id === b);
-      return E ? E.name : b;
+      var q;
+      const K = T.value ? y.value.find((H) => H.id === b) : (q = u.value) == null ? void 0 : q.find((H) => H.id === b);
+      return K ? K.name : b;
     }, N = () => {
       _.value = "", Z.value = [], x.value = [], a("cancel");
-    }, Z = M([]), h = M(!1), _ = M(""), d = async () => {
+    }, Z = E([]), h = E(!1), _ = E(""), d = async () => {
       if (!o.value.length) {
         _.value = "", x.value = [], a("cancel");
         return;
       }
       h.value = !0, _.value = "", Z.value = [], x.value = [];
       try {
-        const b = o.value.map((H) => B(H)), E = await Promise.allSettled(b);
-        let F = !0;
-        E.forEach((H) => {
-          H.status !== "fulfilled" && (F = !1);
-        }), F ? (Z.value = [], x.value = [], a("add:success", o.value), o.value = []) : (Z.value.length && a("add:partial-success", Z.value), o.value = [], G(E));
+        const b = o.value.map((H) => B(H)), K = await Promise.allSettled(b);
+        let q = !0;
+        K.forEach((H) => {
+          H.status !== "fulfilled" && (q = !1);
+        }), q ? (Z.value = [], x.value = [], a("add:success", o.value), o.value = []) : (Z.value.length && a("add:partial-success", Z.value), o.value = [], G(K));
       } catch {
         _.value = n("consumer_groups.errors.add"), a("error", _.value);
       } finally {
         h.value = !1;
       }
-    }, I = w(() => {
-      var E, F, H, te;
+    }, A = w(() => {
+      var K, q, H, te;
       let b = `${r.config.apiBaseUrl}${Oe.list[r.config.app].forConsumer}`;
-      return r.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((E = r.config) == null ? void 0 : E.controlPlaneId) || "").replace(/{consumerId}/gi, ((F = r.config) == null ? void 0 : F.consumerId) || "") : r.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (H = r.config) != null && H.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((te = r.config) == null ? void 0 : te.consumerId) || "")), b;
+      return r.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((K = r.config) == null ? void 0 : K.controlPlaneId) || "").replace(/{consumerId}/gi, ((q = r.config) == null ? void 0 : q.consumerId) || "") : r.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (H = r.config) != null && H.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((te = r.config) == null ? void 0 : te.consumerId) || "")), b;
     }), B = async (b) => {
-      const E = {
+      const K = {
         group: b
       };
       try {
-        const F = await i.post(I.value, E);
-        return Z.value.push(b), F;
-      } catch (F) {
-        let H = `${U(b)} - ${F.message}`;
-        return F.response.status === 409 && (H = `${U(b)} - ${n("consumer_groups.errors.already_added")}`), Promise.reject(Error(H));
+        const q = await i.post(A.value, K);
+        return Z.value.push(b), q;
+      } catch (q) {
+        let H = `${U(b)} - ${q.message}`;
+        return q.response.status === 409 && (H = `${U(b)} - ${n("consumer_groups.errors.already_added")}`), Promise.reject(Error(H));
       }
-    }, x = M([]), G = (b) => {
-      x.value = b.map((E) => {
-        var F;
-        return (F = E.reason) == null ? void 0 : F.message;
+    }, x = E([]), G = (b) => {
+      x.value = b.map((K) => {
+        var q;
+        return (q = K.reason) == null ? void 0 : q.message;
       }).filter(Boolean);
     };
-    return Ae(k, () => {
+    return $e(k, () => {
       S.value++;
-    }, { immediate: !0, deep: !0 }), Ae(() => r.visible, () => {
+    }, { immediate: !0, deep: !0 }), $e(() => r.visible, () => {
       r.visible && c();
-    }, { immediate: !0 }), (b, E) => {
-      const F = R("KMultiselect"), H = R("KAlert"), te = R("KPrompt");
+    }, { immediate: !0 }), (b, K) => {
+      const q = V("KMultiselect"), H = V("KAlert"), te = V("KPrompt");
       return m(), D(te, {
         "action-button-disabled": h.value,
         class: "kong-ui-entities-add-to-groups-modal",
@@ -4668,10 +4675,10 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
       }, {
         default: v(() => [
           L("div", Rl, [
-            L("p", Vl, K(g(n)("consumer_groups.consumers.add.ctaText")), 1),
-            j(F, {
+            L("p", Vl, F(g(n)("consumer_groups.consumers.add.ctaText")), 1),
+            j(q, {
               modelValue: o.value,
-              "onUpdate:modelValue": E[0] || (E[0] = (de) => o.value = de),
+              "onUpdate:modelValue": K[0] || (K[0] = (de) => o.value = de),
               autosuggest: "",
               "data-testid": "add-to-groups-multiselect",
               "dropdown-footer-text": T.value ? g(n)("consumer_groups.consumers.add.footer") : void 0,
@@ -4687,11 +4694,11 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
             _.value || f.value || x.value.length ? (m(), $("div", Dl, [
               j(H, { appearance: "danger" }, {
                 default: v(() => [
-                  L("p", null, K(g(n)("consumer_groups.errors.add")), 1),
+                  L("p", null, F(g(n)("consumer_groups.errors.add")), 1),
                   x.value.length ? (m(), $("ul", zl, [
-                    (m(!0), $(be, null, ve(x.value, (de, We) => (m(), $("li", { key: We }, K(de), 1))), 128))
+                    (m(!0), $(be, null, ve(x.value, (de, We) => (m(), $("li", { key: We }, F(de), 1))), 128))
                   ])) : J("", !0),
-                  L("div", null, K(_.value || f.value), 1)
+                  L("div", null, F(_.value || f.value), 1)
                 ]),
                 _: 1
               })
@@ -4754,29 +4761,29 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
   emits: ["error", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: t }) {
     var Vt;
-    const n = t, r = e, { i18nT: a, i18n: { t: i } } = yt.useI18n(), o = Ot(), { axiosInstance: s } = Ut((Vt = r.config) == null ? void 0 : Vt.axiosRequestConfig), l = M(1), u = w(() => !!r.config.consumerId), p = w(
+    const n = t, r = e, { i18nT: a, i18n: { t: i } } = yt.useI18n(), o = Ot(), { axiosInstance: s } = Ut((Vt = r.config) == null ? void 0 : Vt.axiosRequestConfig), l = E(1), u = w(() => !!r.config.consumerId), p = w(
       () => u.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
     ), c = w(() => r.config.app !== "kongManager" || !!r.config.disableSorting), y = {
       name: { label: i("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0 }
     };
     r.config.app === "kongManager" && (y.consumers_count = { label: i("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), y.tags = { label: i("consumer_groups.list.table_headers.tags"), sortable: !1 };
-    const f = y, S = (A) => ({
-      "data-testid": A.username ?? A.custom_id ?? A.id
+    const f = y, S = (I) => ({
+      "data-testid": I.username ?? I.custom_id ?? I.id
     }), T = w(() => {
       var W, re, ge, we;
-      let A = `${r.config.apiBaseUrl}${Oe.list[r.config.app][u.value ? "forConsumer" : "all"]}`;
-      return r.config.app === "konnect" ? A = A.replace(/{controlPlaneId}/gi, ((W = r.config) == null ? void 0 : W.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = r.config) == null ? void 0 : re.consumerId) || "") : r.config.app === "kongManager" && (A = A.replace(/\/{workspace}/gi, (ge = r.config) != null && ge.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((we = r.config) == null ? void 0 : we.consumerId) || "")), A;
-    }), k = M(""), U = w(() => {
-      const A = r.config.app === "konnect" || r.config.isExactMatch;
-      return A ? {
-        isExactMatch: A,
+      let I = `${r.config.apiBaseUrl}${Oe.list[r.config.app][u.value ? "forConsumer" : "all"]}`;
+      return r.config.app === "konnect" ? I = I.replace(/{controlPlaneId}/gi, ((W = r.config) == null ? void 0 : W.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = r.config) == null ? void 0 : re.consumerId) || "") : r.config.app === "kongManager" && (I = I.replace(/\/{workspace}/gi, (ge = r.config) != null && ge.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((we = r.config) == null ? void 0 : we.consumerId) || "")), I;
+    }), k = E(""), U = w(() => {
+      const I = r.config.app === "konnect" || r.config.isExactMatch;
+      return I ? {
+        isExactMatch: I,
         fields: {
           username: y.name,
           id: { label: i("consumer_groups.list.table_headers.id") }
         },
         placeholder: i("consumer_groups.search.placeholder")
       } : {
-        isExactMatch: A,
+        isExactMatch: I,
         fields: {
           name: y.name
         },
@@ -4786,99 +4793,99 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
       k.value = "";
     }, d = () => {
       l.value++;
-    }, I = M(null), B = (A, W) => {
-      const re = A.id;
+    }, A = E(null), B = (I, W) => {
+      const re = I.id;
       if (!W(re)) {
         n("copy:error", {
-          entity: A,
+          entity: I,
           field: "id",
           message: i("consumer_groups.errors.copy")
         });
         return;
       }
       n("copy:success", {
-        entity: A,
+        entity: I,
         field: "id",
         message: i("consumer_groups.copy.success", { val: re })
       });
-    }, x = (A, W) => {
-      const re = JSON.stringify(A);
+    }, x = (I, W) => {
+      const re = JSON.stringify(I);
       if (!W(re)) {
         n("copy:error", {
-          entity: A,
+          entity: I,
           message: i("consumer_groups.errors.copy")
         });
         return;
       }
       n("copy:success", {
-        entity: A,
+        entity: I,
         message: i("consumer_groups.copy.success_brief")
       });
-    }, G = async (A) => {
+    }, G = async (I) => {
       var re;
-      await ((re = r.canRetrieve) == null ? void 0 : re.call(r, A)) && o.push(r.config.getViewRoute(A.id));
-    }, q = (A) => ({
+      await ((re = r.canRetrieve) == null ? void 0 : re.call(r, I)) && o.push(r.config.getViewRoute(I.id));
+    }, M = (I) => ({
       label: i("consumer_groups.actions.view"),
-      to: r.config.getViewRoute(A)
-    }), b = (A) => ({
+      to: r.config.getViewRoute(I)
+    }), b = (I) => ({
       label: i("consumer_groups.actions.edit"),
-      to: r.config.getEditRoute(A)
-    }), E = M(void 0), F = M(!1), H = M(!1), te = M(""), de = Bl(r.config, T.value), We = (A) => {
-      E.value = A, F.value = !0;
+      to: r.config.getEditRoute(I)
+    }), K = E(void 0), q = E(!1), H = E(!1), te = E(""), de = Bl(r.config, T.value), We = (I) => {
+      K.value = I, q.value = !0;
     }, bt = () => {
-      F.value = !1;
+      q.value = !1;
     }, it = async () => {
-      var A, W, re;
-      if ((A = E.value) != null && A.id) {
+      var I, W, re;
+      if ((I = K.value) != null && I.id) {
         H.value = !0;
         try {
-          await s.delete(de(E.value.id)), H.value = !1, F.value = !1, l.value++, n("delete:success", E.value);
+          await s.delete(de(K.value.id)), H.value = !1, q.value = !1, l.value++, n("delete:success", K.value);
         } catch (ge) {
           te.value = ((re = (W = ge.response) == null ? void 0 : W.data) == null ? void 0 : re.message) || ge.message || i("consumer_groups.errors.delete"), n("error", ge);
         } finally {
           H.value = !1;
         }
       }
-    }, Le = M(!1), Ye = () => {
+    }, Le = E(!1), Ye = () => {
       Le.value = !0;
     }, C = () => {
       Le.value = !1;
-    }, P = (A, W) => {
-      W || C(), l.value++, n("add:success", A);
+    }, P = (I, W) => {
+      W || C(), l.value++, n("add:success", I);
     }, ae = () => {
       u.value && Ye();
-    }, V = M(void 0), z = M(!1), me = M(""), ke = (A) => {
-      V.value = A, z.value = !0;
+    }, R = E(void 0), z = E(!1), me = E(""), ke = (I) => {
+      R.value = I, z.value = !0;
     }, le = () => {
-      z.value = !1, V.value = void 0;
+      z.value = !1, R.value = void 0;
     }, Ue = w(() => {
       var W, re, ge, we;
-      let A = `${r.config.apiBaseUrl}${Oe.list[r.config.app].oneForConsumer}`;
-      return r.config.app === "konnect" ? A = A.replace(/{controlPlaneId}/gi, ((W = r.config) == null ? void 0 : W.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = r.config) == null ? void 0 : re.consumerId) || "") : r.config.app === "kongManager" && (A = A.replace(/\/{workspace}/gi, (ge = r.config) != null && ge.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((we = r.config) == null ? void 0 : we.consumerId) || "")), A;
-    }), Qe = M(!1), br = async () => {
-      if (V.value) {
+      let I = `${r.config.apiBaseUrl}${Oe.list[r.config.app].oneForConsumer}`;
+      return r.config.app === "konnect" ? I = I.replace(/{controlPlaneId}/gi, ((W = r.config) == null ? void 0 : W.controlPlaneId) || "").replace(/{consumerId}/gi, ((re = r.config) == null ? void 0 : re.consumerId) || "") : r.config.app === "kongManager" && (I = I.replace(/\/{workspace}/gi, (ge = r.config) != null && ge.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((we = r.config) == null ? void 0 : we.consumerId) || "")), I;
+    }), Qe = E(!1), br = async () => {
+      if (R.value) {
         Qe.value = !0;
         try {
-          const A = Ue.value.replace(/{consumerGroupId}/gi, V.value.id);
-          await s.delete(A), n("remove:success", V.value), le(), l.value++;
-        } catch (A) {
-          me.value = A.message || i("consumer_groups.errors.delete"), n("error", A);
+          const I = Ue.value.replace(/{consumerGroupId}/gi, R.value.id);
+          await s.delete(I), n("remove:success", R.value), le(), l.value++;
+        } catch (I) {
+          me.value = I.message || i("consumer_groups.errors.delete"), n("error", I);
         } finally {
           Qe.value = !1;
         }
       }
-    }, Rt = M(!0);
-    Ae(h, (A) => {
+    }, Rt = E(!0);
+    $e(h, (I) => {
       var W, re, ge, we;
-      if (Array.isArray((W = A == null ? void 0 : A.response) == null ? void 0 : W.data) && (Rt.value = A.response.data.length > 0), A.status === Fe.Error) {
-        I.value = {
+      if (Array.isArray((W = I == null ? void 0 : I.response) == null ? void 0 : W.data) && (Rt.value = I.response.data.length > 0), I.status === Fe.Error) {
+        A.value = {
           title: i("consumer_groups.errors.general")
-        }, (we = (ge = (re = A.error) == null ? void 0 : re.response) == null ? void 0 : ge.data) != null && we.message && (I.value.message = A.error.response.data.message), n("error", A.error);
+        }, (we = (ge = (re = I.error) == null ? void 0 : re.response) == null ? void 0 : ge.data) != null && we.message && (A.value.message = I.error.response.data.message), n("error", I.error);
         return;
       }
-      I.value = null;
+      A.value = null;
     });
-    const Ct = M({
+    const Ct = E({
       ctaPath: u.value ? void 0 : r.config.createRoute,
       ctaText: void 0,
       message: `${i("consumer_groups.list.empty_state.description")}${r.config.additionMessageForEmptyState ? ` ${r.config.additionMessageForEmptyState}` : ""}`,
@@ -4886,8 +4893,8 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
     });
     return gt(async () => {
       await r.canCreate() && (Ct.value.title = u.value ? i("consumer_groups.list.empty_state.title_for_consumer") : i("consumer_groups.list.empty_state.title"), Ct.value.ctaText = u.value ? i("consumer_groups.actions.add_to_group") : i("consumer_groups.actions.create"));
-    }), (A, W) => {
-      const re = R("KButton"), ge = R("KBadge"), we = R("KTruncate"), Xe = R("KDropdownItem"), Dt = R("KClipboardProvider"), Cr = R("KPrompt");
+    }), (I, W) => {
+      const re = V("KButton"), ge = V("KBadge"), we = V("KTruncate"), Xe = V("KDropdownItem"), Dt = V("KClipboardProvider"), Cr = V("KPrompt");
       return m(), $("div", Jl, [
         j(g(il), {
           "cache-identifier": e.cacheIdentifier,
@@ -4896,7 +4903,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
           "disable-sorting": c.value,
           "empty-state-options": Ct.value,
           "enable-entity-actions": "",
-          "error-message": I.value,
+          "error-message": A.value,
           fetcher: g(Z),
           "fetcher-cache-key": l.value,
           "pagination-type": "offset",
@@ -4911,7 +4918,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
           onSort: d
         }, {
           "toolbar-filter": v(() => [
-            u.value ? J("", !0) : (m(), D(g(Il), {
+            u.value ? J("", !0) : (m(), D(g(Al), {
               key: 0,
               modelValue: k.value,
               "onUpdate:modelValue": W[0] || (W[0] = (Q) => k.value = Q),
@@ -4936,7 +4943,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
                   }, {
                     default: v(() => [
                       j(g(Kr)),
-                      Y(" " + K(e.config.consumerId ? g(i)("consumer_groups.actions.add_to_group") : g(i)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
+                      Y(" " + F(e.config.consumerId ? g(i)("consumer_groups.actions.add_to_group") : g(i)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
                     ]),
                     _: 1
                   }, 8, ["to"]), [
@@ -4948,10 +4955,10 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
             ], 8, ["disabled"]))
           ]),
           name: v(({ rowValue: Q }) => [
-            L("b", null, K(Q ?? "-"), 1)
+            L("b", null, F(Q ?? "-"), 1)
           ]),
           consumers_count: v(({ rowValue: Q }) => [
-            Y(K(Q ?? "-"), 1)
+            Y(F(Q ?? "-"), 1)
           ]),
           tags: v(({ rowValue: Q }) => [
             (Q == null ? void 0 : Q.length) > 0 ? (m(), D(we, { key: 0 }, {
@@ -4962,7 +4969,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
                   }, ["stop"]))
                 }, {
                   default: v(() => [
-                    Y(K(Pe), 1)
+                    Y(F(Pe), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -4978,7 +4985,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
                   onClick: (kr) => B(Q, Pe)
                 }, {
                   default: v(() => [
-                    Y(K(g(i)("consumer_groups.actions.copy_id")), 1)
+                    Y(F(g(i)("consumer_groups.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4992,7 +4999,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
                   onClick: (kr) => x(Q, Pe)
                 }, {
                   default: v(() => [
-                    Y(K(g(i)("consumer_groups.actions.copy_json")), 1)
+                    Y(F(g(i)("consumer_groups.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5006,7 +5013,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
                 j(Xe, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: q(Q.id)
+                  item: M(Q.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -5033,7 +5040,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
                   onClick: () => e.config.consumerId ? ke(Q) : We(Q)
                 }, {
                   default: v(() => [
-                    Y(K(e.config.consumerId ? g(i)("consumer_groups.actions.exit") : g(i)("consumer_groups.actions.delete")), 1)
+                    Y(F(e.config.consumerId ? g(i)("consumer_groups.actions.exit") : g(i)("consumer_groups.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5047,11 +5054,11 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
           "action-pending": H.value,
           "data-testid": "delete-consumer-group-modal",
           description: g(i)("consumer_groups.delete.description"),
-          "entity-name": E.value && (E.value.name || E.value.id),
+          "entity-name": K.value && (K.value.name || K.value.id),
           "entity-type": g(wn).ConsumerGroup,
           error: te.value,
           title: g(i)("consumer_groups.delete.title"),
-          visible: F.value,
+          visible: q.value,
           onCancel: bt,
           onProceed: it
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
@@ -5064,7 +5071,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
           "onAdd:success": W[5] || (W[5] = (Q) => P(Q)),
           onCancel: C
         }, null, 8, ["config", "visible"])) : J("", !0),
-        e.config.consumerId && V.value ? (m(), D(Cr, {
+        e.config.consumerId && R.value ? (m(), D(Cr, {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "exit-group-modal",
@@ -5080,19 +5087,19 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
               tag: "p"
             }, Be({
               consumerGroup: v(() => [
-                L("strong", null, K(V.value.name || V.value.id), 1)
+                L("strong", null, F(R.value.name || R.value.id), 1)
               ]),
               _: 2
             }, [
               e.config.consumerUsername ? {
                 name: "consumer",
                 fn: v(() => [
-                  L("strong", null, K(e.config.consumerUsername), 1)
+                  L("strong", null, F(e.config.consumerUsername), 1)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            L("p", null, K(g(i)("consumer_groups.consumers.exit.description")), 1)
+            L("p", null, F(g(i)("consumer_groups.consumers.exit.description")), 1)
           ]),
           _: 1
         }, 8, ["title", "visible"])) : J("", !0)
@@ -5153,18 +5160,18 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
       return (P = Oe.form[(C = n.config) == null ? void 0 : C.app]) == null ? void 0 : P.edit;
     }), N = w(() => n.consumerGroupId ? ut.Edit : ut.Create), Z = w(() => !!o.fields.name && !G.value), h = w(() => JSON.stringify(o.fields) !== JSON.stringify(s)), _ = (C, P = "", ae = "") => {
       var z, me, ke, le, Ue, Qe;
-      let V = `${(z = n.config) == null ? void 0 : z.apiBaseUrl}${Oe.form[(me = n.config) == null ? void 0 : me.app][C]}`;
-      return ((ke = n.config) == null ? void 0 : ke.app) === "konnect" ? V = V.replace(/{controlPlaneId}/gi, ((le = n.config) == null ? void 0 : le.controlPlaneId) || "") : ((Ue = n.config) == null ? void 0 : Ue.app) === "kongManager" && (V = V.replace(/\/{workspace}/gi, (Qe = n.config) != null && Qe.workspace ? `/${n.config.workspace}` : "")), V = V.replace(/{id}/gi, P || n.consumerGroupId), (C === "addConsumer" || C === "removeConsumer") && (V = V.replace(/{consumerId}/gi, ae)), V;
+      let R = `${(z = n.config) == null ? void 0 : z.apiBaseUrl}${Oe.form[(me = n.config) == null ? void 0 : me.app][C]}`;
+      return ((ke = n.config) == null ? void 0 : ke.app) === "konnect" ? R = R.replace(/{controlPlaneId}/gi, ((le = n.config) == null ? void 0 : le.controlPlaneId) || "") : ((Ue = n.config) == null ? void 0 : Ue.app) === "kongManager" && (R = R.replace(/\/{workspace}/gi, (Qe = n.config) != null && Qe.workspace ? `/${n.config.workspace}` : "")), R = R.replace(/{id}/gi, P || n.consumerGroupId), (C === "addConsumer" || C === "removeConsumer") && (R = R.replace(/{consumerId}/gi, ae)), R;
     }, d = () => {
       var C;
       i.push(((C = n.config) == null ? void 0 : C.cancelRoute) || { name: "consumer-group-list" });
-    }, I = (C) => {
+    }, A = (C) => {
       r("error", C);
     }, B = (C) => {
       r("loading", C);
     }, x = async (C) => {
-      var ae, V, z, me, ke;
-      o.fields.name = ((ae = C == null ? void 0 : C.item) == null ? void 0 : ae.name) || ((V = C == null ? void 0 : C.consumer_group) == null ? void 0 : V.name) || (C == null ? void 0 : C.name) || "";
+      var ae, R, z, me, ke;
+      o.fields.name = ((ae = C == null ? void 0 : C.item) == null ? void 0 : ae.name) || ((R = C == null ? void 0 : C.consumer_group) == null ? void 0 : R.name) || (C == null ? void 0 : C.name) || "";
       const P = ((z = C == null ? void 0 : C.item) == null ? void 0 : z.tags) || (C == null ? void 0 : C.consumer_group.tags) || (C == null ? void 0 : C.tags) || [];
       if (o.fields.tags = (P == null ? void 0 : P.join(", ")) || "", "consumers" in C)
         o.fields.consumers = ((me = C == null ? void 0 : C.consumers) == null ? void 0 : me.map((le) => le.id)) || [];
@@ -5173,66 +5180,66 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
           const { data: le } = await f.get(_("getConsumers"));
           o.fields.consumers = "consumers" in le ? (ke = le == null ? void 0 : le.consumers) == null ? void 0 : ke.map((Ue) => Ue.id) : [];
         } catch (le) {
-          F(le);
+          q(le);
         }
       Object.assign(s, o.fields);
-    }, G = w(() => T.utf8Name(o.fields.name)), q = w(() => {
+    }, G = w(() => T.utf8Name(o.fields.name)), M = w(() => {
       var C, P;
       return {
         name: o.fields.name,
         tags: (P = (C = o.fields.tags.split(",")) == null ? void 0 : C.map((ae) => String(ae || "").trim())) == null ? void 0 : P.filter((ae) => ae !== "")
       };
-    }), b = async (C, P = "") => await f.post(_("addConsumer", P, C), { consumer: C }), E = async (C, P = "") => await f.delete(_("removeConsumer", P, C)), F = (C) => {
+    }), b = async (C, P = "") => await f.post(_("addConsumer", P, C), { consumer: C }), K = async (C, P = "") => await f.delete(_("removeConsumer", P, C)), q = (C) => {
       o.errorMessage = S(C), r("error", C);
     }, H = (C = n.consumerGroupId) => {
       Object.assign(s, o.fields), r("update", { ...o.fields, id: C });
     }, te = (C, P, ae = n.consumerGroupId) => {
-      const V = C == null ? void 0 : C.find((z) => z.status !== "fulfilled");
-      V ? F({
-        code: V.status,
+      const R = C == null ? void 0 : C.find((z) => z.status !== "fulfilled");
+      R ? q({
+        code: R.status,
         message: P
       }) : H(ae);
     }, de = async () => {
       let C = "";
       try {
-        const { data: P } = await f.post(_("create"), q.value);
+        const { data: P } = await f.post(_("create"), M.value);
         C = "item" in P ? P.item.id : P.id;
       } catch (P) {
-        F(P);
+        q(P);
       }
       if (o.fields.consumers.length > 0 && C)
         try {
-          const P = o.fields.consumers.map((V) => b(V, C)), ae = await Promise.allSettled(P);
+          const P = o.fields.consumers.map((R) => b(R, C)), ae = await Promise.allSettled(P);
           te(ae, a("consumer_groups.errors.add_consumer"), C);
         } catch (P) {
-          F(P);
+          q(P);
         }
       else
         o.fields.consumers.length === 0 && C && H(C);
     }, We = async () => {
       var ae;
       try {
-        ((ae = n.config) == null ? void 0 : ae.app) === "konnect" ? await f.put(_("edit"), q.value) : await f.patch(_("edit"), q.value);
-      } catch (V) {
-        F(V);
+        ((ae = n.config) == null ? void 0 : ae.app) === "konnect" ? await f.put(_("edit"), M.value) : await f.patch(_("edit"), M.value);
+      } catch (R) {
+        q(R);
       }
-      const C = o.fields.consumers.filter((V) => !s.consumers.includes(V)), P = s.consumers.filter((V) => !o.fields.consumers.includes(V));
+      const C = o.fields.consumers.filter((R) => !s.consumers.includes(R)), P = s.consumers.filter((R) => !o.fields.consumers.includes(R));
       if (P.length === 0 && C.length === 0)
         H();
       else {
         if (P.length > 0)
           try {
-            const V = P.map((me) => E(me)), z = await Promise.allSettled(V);
+            const R = P.map((me) => K(me)), z = await Promise.allSettled(R);
             te(z, a("consumer_groups.errors.remove_consumer"));
-          } catch (V) {
-            F(V);
+          } catch (R) {
+            q(R);
           }
         if (C.length > 0)
           try {
-            const V = C.map((me) => b(me)), z = await Promise.allSettled(V);
+            const R = C.map((me) => b(me)), z = await Promise.allSettled(R);
             te(z, a("consumer_groups.errors.add_consumer"));
-          } catch (V) {
-            F(V);
+          } catch (R) {
+            q(R);
           }
       }
     }, bt = async () => {
@@ -5245,7 +5252,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
     return gt(async () => {
       await c();
     }), (C, P) => {
-      const ae = R("KInput"), V = R("KMultiselect");
+      const ae = V("KInput"), R = V("KMultiselect");
       return m(), $("div", Yl, [
         j(g(Qs), {
           "can-submit": Z.value && h.value,
@@ -5253,10 +5260,10 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
           "edit-id": e.consumerGroupId,
           "error-message": o.errorMessage || g(p) || G.value,
           "fetch-url": U.value,
-          "form-fields": q.value,
+          "form-fields": M.value,
           "is-readonly": o.readonly,
           onCancel: d,
-          "onFetch:error": P[3] || (P[3] = (z) => I(z)),
+          "onFetch:error": P[3] || (P[3] = (z) => A(z)),
           "onFetch:success": x,
           onLoading: P[4] || (P[4] = (z) => B(z)),
           onSubmit: bt
@@ -5302,7 +5309,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
               title: g(a)("consumer_groups.form.consumers.title")
             }, {
               default: v(() => [
-                j(V, {
+                j(R, {
                   modelValue: o.fields.consumers,
                   "onUpdate:modelValue": P[2] || (P[2] = (z) => o.fields.consumers = z),
                   appearance: "select",
@@ -5318,8 +5325,8 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
                     var me, ke, le;
                     return [
                       L("div", Ql, [
-                        L("div", Xl, K(z.label), 1),
-                        (me = z == null ? void 0 : z.data) != null && me.username && ((ke = z == null ? void 0 : z.data) != null && ke.custom_id) ? (m(), $("div", eu, K((le = z == null ? void 0 : z.data) == null ? void 0 : le.custom_id), 1)) : J("", !0)
+                        L("div", Xl, F(z.label), 1),
+                        (me = z == null ? void 0 : z.data) != null && me.username && ((ke = z == null ? void 0 : z.data) != null && ke.custom_id) ? (m(), $("div", eu, F((le = z == null ? void 0 : z.data) == null ? void 0 : le.custom_id), 1)) : J("", !0)
                       ])
                     ];
                   }),
@@ -5361,7 +5368,7 @@ const Ol = ["aria-labelledby"], El = { class: "form-section-wrapper" }, Ml = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const t = e, { i18n: { t: n } } = yt.useI18n(), r = w(() => Oe.form[t.config.app].edit), a = M({
+    const t = e, { i18n: { t: n } } = yt.useI18n(), r = w(() => Oe.form[t.config.app].edit), a = E({
       id: {},
       name: {},
       created_at: {},