@kong-ui-public/entities-consumers 1.1.27 → 1.1.28

package/dist/entities-consumers.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as Y, ref as A, computed as B, watch as ce, renderSlot as W, createCommentVNode as z, unref as i, useSlots as Be, onBeforeMount as Ce, resolveComponent as E, openBlock as d, createBlock as N, createSlots as fe, withCtx as c, createElementVNode as T, createVNode as K, createTextVNode as H, toDisplayString as _, createElementBlock as M, Fragment as ne, renderList as ae, normalizeClass as ye, withModifiers as ke, withDirectives as he, vShow as be, useCssVars as yt, resolveDynamicComponent as Te, normalizeProps as gt, guardReactiveProps as vt, mergeProps as Xe, onMounted as ht, onUnmounted as bt, inject as kt, reactive as De } from "vue";
-import { useRouter as Ae } from "vue-router";
-import { createI18n as Me, i18nTComponent as Ze } from "@kong-ui-public/i18n";
-import Ct from "axios";
-import { MethodsArray as _t } from "@kong/kongponents";
+import { defineComponent as Y, ref as A, computed as $, watch as ce, renderSlot as W, createCommentVNode as z, unref as l, useSlots as Ae, onBeforeMount as Ce, resolveComponent as E, openBlock as d, createBlock as N, createSlots as fe, withCtx as c, createElementVNode as B, createVNode as K, createTextVNode as H, toDisplayString as C, createElementBlock as P, Fragment as ne, renderList as ae, normalizeClass as ye, withModifiers as ke, withDirectives as he, vShow as be, useCssVars as yt, resolveDynamicComponent as _e, normalizeProps as vt, guardReactiveProps as gt, mergeProps as Te, onMounted as ht, onUnmounted as bt, inject as kt, reactive as Ge } from "vue";
+import { useRouter as Me } from "vue-router";
+import { createI18n as Pe, i18nTComponent as Ze } from "@kong-ui-public/i18n";
+import _t from "axios";
+import { MethodsArray as Ct } from "@kong/kongponents";
 const It = {
   list: {
     table_headers: {
@@ -99,14 +99,14 @@ const It = {
   consumers: It
 };
 function St() {
-  const e = Me("en-us", wt);
+  const e = Pe("en-us", wt);
   return {
     i18n: e,
     i18nT: Ze(e)
     // Translation component <i18n-t>
   };
 }
-const _e = {
+const Ie = {
   useI18n: St
 }, pe = "/api/runtime_groups/{controlPlaneId}", me = "/{workspace}", ue = {
   list: {
@@ -134,10 +134,10 @@ const _e = {
     }
   }
 };
-var et = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(et || {}), Ke = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(Ke || {}), ie = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(ie || {}), J = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(J || {}), ee = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ee || {});
-function Pe(e = {}) {
+var et = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(et || {}), Be = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(Be || {}), le = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(le || {}), J = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(J || {}), ee = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ee || {});
+function qe(e = {}) {
   return {
-    axiosInstance: Ct.create({
+    axiosInstance: _t.create({
       withCredentials: !0,
       timeout: 3e4,
       ...e
@@ -156,7 +156,7 @@ function $t() {
     }
   };
 }
-const xe = "khcp-user-table-preferences", xt = {
+const Ke = "khcp-user-table-preferences", xt = {
   pageSize: 30,
   sortColumnKey: void 0,
   sortColumnOrder: void 0
@@ -171,14 +171,14 @@ function Kt() {
         return;
       }
   }, o = () => {
-    const t = e(localStorage.getItem(xe));
+    const t = e(localStorage.getItem(Ke));
     return !t || !Object.keys(t).length ? /* @__PURE__ */ new Map() : new Map(Object.entries(t));
   };
   return {
     setTablePreferences: (t, a) => {
       try {
         const n = o();
-        n.set(t, a), localStorage.setItem(xe, JSON.stringify(Object.fromEntries(n.entries())));
+        n.set(t, a), localStorage.setItem(Ke, JSON.stringify(Object.fromEntries(n.entries())));
       } catch (n) {
         console.error("useTablePreferences(setTablePreferences)", n);
       }
@@ -188,14 +188,14 @@ function Kt() {
       return (a == null ? void 0 : a.get(t)) || void 0 || xt;
     },
     deleteAllTablePreferences: () => {
-      localStorage.removeItem(xe);
+      localStorage.removeItem(Ke);
     }
   };
 }
-const Bt = {
+const Tt = {
   message: "Are you sure you want to delete this {entityType}?",
   messageWithName: "Are you sure you want to delete this {entityType} {entityName}?"
-}, Tt = {
+}, Bt = {
   actions: {
     save: "Save",
     cancel: "Cancel",
@@ -260,7 +260,7 @@ const Bt = {
 }, Et = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, Rt = {
+}, Ut = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -272,89 +272,89 @@ const Bt = {
     confirmText: "Yes, disable"
   }
 }, Ft = {
-  deleteModal: Bt,
-  baseForm: Tt,
+  deleteModal: Tt,
+  baseForm: Bt,
   baseTable: At,
   baseConfigCard: Mt,
   filter: Pt,
   debouncedFilter: qt,
   errors: Et,
-  toggleModal: Rt
+  toggleModal: Ut
 };
-function qe() {
-  const e = Me("en-us", Ft);
+function Ee() {
+  const e = Pe("en-us", Ft);
   return {
     i18n: e,
     i18nT: Ze(e)
     // Translation component <i18n-t>
   };
 }
-function Ut(e, o, t, a = {
+function Rt(e, o, t, a = {
   fetchedItemsKey: "data",
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: n } = Pe({
+  const { axiosInstance: n } = qe({
     headers: e.requestHeaders
-  }), { i18n: { t: r } } = qe(), { debounce: f } = $t(), w = f(async (I) => {
-    await y(I);
-  }, 200), l = A(!1), x = A(""), b = A(""), C = A([]), U = A(void 0), S = i(o);
-  let V = `${e.apiBaseUrl}${S}`;
+  }), { i18n: { t: r } } = Ee(), { debounce: y } = $t(), _ = y(async (w) => {
+    await f(w);
+  }, 200), i = A(!1), T = A(""), b = A(""), I = A([]), R = A(void 0), x = l(o);
+  let V = `${e.apiBaseUrl}${x}`;
   e.app === "konnect" ? V = V.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (V = V.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const q = async () => {
     try {
-      l.value = !0;
-      const { data: I } = await n.get(`${V}?size=${t}`);
-      I != null && I.next || (U.value = a.fetchedItemsKey in I ? I[a.fetchedItemsKey] : []), C.value = a.fetchedItemsKey in I ? I[a.fetchedItemsKey] : [];
+      i.value = !0;
+      const { data: w } = await n.get(`${V}?size=${t}`);
+      w != null && w.next || (R.value = a.fetchedItemsKey in w ? w[a.fetchedItemsKey] : []), I.value = a.fetchedItemsKey in w ? w[a.fetchedItemsKey] : [];
     } catch {
-      C.value = [], x.value = r("debouncedFilter.errors.fetch");
+      I.value = [], T.value = r("debouncedFilter.errors.fetch");
     } finally {
-      l.value = !1;
+      i.value = !1;
     }
-  }, u = A(""), y = async (I) => {
-    var v, O;
-    if (u.value !== I)
-      if (u.value = I || "", U.value === void 0)
+  }, u = A(""), f = async (w) => {
+    var g, O;
+    if (u.value !== w)
+      if (u.value = w || "", R.value === void 0)
         try {
-          l.value = !0, x.value = "", b.value = "";
+          i.value = !0, T.value = "", b.value = "";
           let s = V + "";
-          I && (s += `/${I}`);
+          w && (s += `/${w}`);
           const { data: p } = await n.get(`${s}?size=${t}`);
-          a.fetchedItemsKey in p ? C.value = p[a.fetchedItemsKey] : p != null && p.id ? C.value = [p] : C.value = [];
+          a.fetchedItemsKey in p ? I.value = p[a.fetchedItemsKey] : p != null && p.id ? I.value = [p] : I.value = [];
         } catch (s) {
-          ((v = s == null ? void 0 : s.response) == null ? void 0 : v.status) === 404 ? b.value = r("debouncedFilter.errors.invalid") : (C.value = [], x.value = r("debouncedFilter.errors.fetch"));
+          ((g = s == null ? void 0 : s.response) == null ? void 0 : g.status) === 404 ? b.value = r("debouncedFilter.errors.invalid") : (I.value = [], T.value = r("debouncedFilter.errors.fetch"));
         } finally {
-          l.value = !1;
+          i.value = !1;
         }
       else
-        l.value = !0, b.value = "", I ? (C.value = (O = U.value) == null ? void 0 : O.filter((s) => {
+        i.value = !0, b.value = "", w ? (I.value = (O = R.value) == null ? void 0 : O.filter((s) => {
           var p;
           let h = !1;
-          for (const R of a.searchKeys) {
-            const g = typeof s[R] == "string" ? (p = s[R]) == null ? void 0 : p.toLowerCase() : s[R];
-            g != null && g.includes(I.toLowerCase()) && (h = !0);
+          for (const U of a.searchKeys) {
+            const v = typeof s[U] == "string" ? (p = s[U]) == null ? void 0 : p.toLowerCase() : s[U];
+            v != null && v.includes(w.toLowerCase()) && (h = !0);
           }
           return h;
-        }), (!C.value || !C.value.length) && (b.value = r("debouncedFilter.errors.invalid"))) : C.value = U.value, l.value = !1;
+        }), (!I.value || !I.value.length) && (b.value = r("debouncedFilter.errors.invalid"))) : I.value = R.value, i.value = !1;
   };
   return {
-    loading: l,
-    error: x,
+    loading: i,
+    error: T,
     validationError: b,
-    results: C,
-    allRecords: U,
+    results: I,
+    allRecords: R,
     loadItems: q,
-    debouncedQueryChange: w
+    debouncedQueryChange: _
   };
 }
 function Vt(e, o) {
-  const t = i(o), a = B(
+  const t = l(o), a = $(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return a.value.search = "", (n) => `${a.value.href}/${n}`;
 }
 function jt() {
-  const { i18n: { t: e } } = qe();
+  const { i18n: { t: e } } = Ee();
   return {
     getMessageFromError: (o) => {
       var t, a, n;
@@ -365,8 +365,8 @@ function jt() {
           return o.response.data.detail;
         if ((a = o.response.data.details) != null && a.length)
           return o.response.data.details.map((r) => {
-            let f = e("errors.unexpected");
-            return r.messages && typeof r.messages == "object" && r.messages.length && (f = r.messages.join(", ")), r.field ? `${r.field} - ${f}` : f;
+            let y = e("errors.unexpected");
+            return r.messages && typeof r.messages == "object" && r.messages.length && (y = r.messages.join(", ")), r.field ? `${r.field} - ${y}` : y;
           }).join("; ");
         if (o.response.data.message) {
           const { message: r } = o.response.data;
@@ -382,86 +382,86 @@ function jt() {
   };
 }
 function tt(e, o) {
-  const t = A(i(e)), a = A(i(o)), n = B(
+  const t = A(l(e)), a = A(l(o)), n = $(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), r = B(
+  ), r = $(
     () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
-  return (f) => {
-    const { page: w, pageSize: l, offset: x, sortColumnKey: b, sortColumnOrder: C, query: U } = f;
+  return (y) => {
+    const { page: _, pageSize: i, offset: T, sortColumnKey: b, sortColumnOrder: I, query: R } = y;
     try {
-      let S = new URL(r.value.href);
-      return n.value && U ? (S.search = "", S = new URL(`${S.href}/${U}/`)) : (n.value || new URLSearchParams(U).forEach((V, q) => {
-        S.searchParams.append(q, V);
-      }), b && S.searchParams.append("sort_by", b), C === "desc" && S.searchParams.append("sort_desc", "1"), S.searchParams.append("size", String(l))), x && w !== 1 && S.searchParams.append("offset", String(x)), S.href;
-    } catch (S) {
-      return console.error("RouteList(fetcher)", S), a.value;
+      let x = new URL(r.value.href);
+      return n.value && R ? (x.search = "", x = new URL(`${x.href}/${R}/`)) : (n.value || new URLSearchParams(R).forEach((V, q) => {
+        x.searchParams.append(q, V);
+      }), b && x.searchParams.append("sort_by", b), I === "desc" && x.searchParams.append("sort_desc", "1"), x.searchParams.append("size", String(i))), T && _ !== 1 && x.searchParams.append("offset", String(T)), x.href;
+    } catch (x) {
+      return console.error("RouteList(fetcher)", x), a.value;
     }
   };
 }
 function Ot(e, o, t = "data") {
-  const a = i(o), { axiosInstance: n } = Pe({
+  const a = l(o), { axiosInstance: n } = qe({
     headers: e.requestHeaders
-  }), r = tt(e, a), f = A({
-    status: ie.Idle
+  }), r = tt(e, a), y = A({
+    status: le.Idle
   });
-  return { fetcher: async (w) => {
+  return { fetcher: async (_) => {
     try {
-      f.value = { status: ie.Loading };
-      const l = r(w), { data: x } = await n.get(l), b = t && t.replace(/[^\w-_]/gi, "");
-      let C;
-      x[b] && Array.isArray(x[b]) ? C = x[b] : C = Object.keys(x).length ? [x] : [];
-      const U = {
-        data: C,
-        total: C.length,
-        ...x.offset ? {
+      y.value = { status: le.Loading };
+      const i = r(_), { data: T } = await n.get(i), b = t && t.replace(/[^\w-_]/gi, "");
+      let I;
+      T[b] && Array.isArray(T[b]) ? I = T[b] : I = Object.keys(T).length ? [T] : [];
+      const R = {
+        data: I,
+        total: I.length,
+        ...T.offset ? {
           pagination: {
-            offset: x.offset
+            offset: T.offset
           }
         } : null
       };
-      return f.value = {
-        status: ie.Idle,
-        response: U
-      }, U;
-    } catch (l) {
-      const x = {
+      return y.value = {
+        status: le.Idle,
+        response: R
+      }, R;
+    } catch (i) {
+      const T = {
         data: [],
         total: 0
       };
-      return w.query && l.response.status === 404 ? (f.value = {
-        status: ie.NoResults,
-        response: x,
-        error: l
-      }, x) : (f.value = {
-        status: ie.Error,
-        response: x,
-        error: l
-      }, x);
+      return _.query && i.response.status === 404 ? (y.value = {
+        status: le.NoResults,
+        response: T,
+        error: i
+      }, T) : (y.value = {
+        status: le.Error,
+        response: T,
+        error: i
+      }, T);
     }
-  }, fetcherState: f };
+  }, fetcherState: y };
 }
 function Nt() {
   return {
     convertKeyToTitle: (e, o = "_") => e ? e.split(o).map((t) => t.toLowerCase() === "id" ? t.toUpperCase() : t.charAt(0).toUpperCase() + t.substring(1)).join(" ") : ""
   };
 }
-const at = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Ge = (e) => {
+const at = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, He = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
   const o = e.match(at);
   if (!o)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return o.shift(), o;
-}, He = (e) => e === "*" || e === "x" || e === "X", Je = (e) => {
+}, Je = (e) => e === "*" || e === "x" || e === "X", ze = (e) => {
   const o = parseInt(e, 10);
   return isNaN(o) ? e : o;
 }, Lt = (e, o) => typeof e != typeof o ? [String(e), String(o)] : [e, o], Dt = (e, o) => {
-  if (He(e) || He(o))
+  if (Je(e) || Je(o))
     return 0;
-  const [t, a] = Lt(Je(e), Je(o));
+  const [t, a] = Lt(ze(e), ze(o));
   return t > a ? 1 : t < a ? -1 : 0;
-}, ze = (e, o) => {
+}, We = (e, o) => {
   for (let t = 0; t < Math.max(e.length, o.length); t++) {
     const a = Dt(e[t] || "0", o[t] || "0");
     if (a !== 0)
@@ -469,9 +469,9 @@ const at = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   }
   return 0;
 }, Gt = (e, o) => {
-  const t = Ge(e), a = Ge(o), n = t.pop(), r = a.pop(), f = ze(t, a);
-  return f !== 0 ? f : n && r ? ze(n.split("."), r.split(".")) : n || r ? n ? -1 : 1 : 0;
-}, We = (e, o, t) => {
+  const t = He(e), a = He(o), n = t.pop(), r = a.pop(), y = We(t, a);
+  return y !== 0 ? y : n && r ? We(n.split("."), r.split(".")) : n || r ? n ? -1 : 1 : 0;
+}, Qe = (e, o, t) => {
   Ht(t);
   const a = Gt(e, o);
   return ot[t].includes(a);
@@ -482,11 +482,11 @@ const at = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Qe = Object.keys(ot), Ht = (e) => {
+}, Ye = Object.keys(ot), Ht = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (Qe.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${Qe.join("|")}`);
+  if (Ye.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${Ye.join("|")}`);
 }, Jt = (e) => typeof e == "string" && /^[v\d]/.test(e) && at.test(e);
 function zt(e) {
   const { gatewayInfo: o, supportedRange: t } = e;
@@ -498,18 +498,18 @@ function zt(e) {
   const r = t[a];
   if (!r)
     return !1;
-  const [f, w] = r;
-  return !(f && We(n, f, "<") || w && We(n, w, ">"));
+  const [y, _] = r;
+  return !(y && Qe(n, y, "<") || _ && Qe(n, _, ">"));
 }
 const X = {
-  useAxios: Pe,
-  useDebouncedFilter: Ut,
+  useAxios: qe,
+  useDebouncedFilter: Rt,
   useDeleteUrlBuilder: Vt,
   useErrors: jt,
   useFetcher: Ot,
   useFetchUrlBuilder: tt,
   useStringHelpers: Nt,
-  useI18n: qe,
+  useI18n: Ee,
   useGatewayFeatureSupported: zt
 }, Wt = {
   fail: "Failed to copy id to clipboard",
@@ -520,13 +520,17 @@ const X = {
 }, Qt = "Copy to clipboard", Yt = {
   message: Wt,
   iconTitle: Qt
-}, Xt = "kong-ui-copy-uuid-notify", Zt = { class: "kong-ui-copy-uuid" }, ea = ["title"], ta = ["onClick"], Ye = 15, aa = /* @__PURE__ */ Y({
+}, Xt = "kong-ui-copy-uuid-notify", Zt = { class: "kong-ui-copy-uuid" }, ea = ["onClick"], Xe = 15, ta = /* @__PURE__ */ Y({
   __name: "CopyUuid",
   props: {
     uuid: {
       type: String,
       required: !0
     },
+    idTooltip: {
+      type: String,
+      default: ""
+    },
     truncated: {
       type: Boolean,
       default: !0
@@ -560,65 +564,70 @@ const X = {
   },
   emits: ["success", "error"],
   setup(e, { emit: o }) {
-    const t = e, { t: a } = Me("en-us", Yt), n = t.notify || kt(Xt, () => {
-    }), r = B(() => !!(t.tooltip && t.successTooltip)), f = A(t.tooltip), w = B(() => t.tooltip ? {
-      label: f.value,
+    const t = e, { t: a } = Pe("en-us", Yt), n = t.notify || kt(Xt, () => {
+    }), r = $(() => t.idTooltip ? {
+      label: t.idTooltip,
+      positionFixed: !0,
+      placement: "bottomStart"
+    } : {
+      title: t.uuid
+    }), y = $(() => !!(t.tooltip && t.successTooltip)), _ = A(t.tooltip), i = $(() => t.tooltip ? {
+      label: _.value,
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), l = B(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), x = (C) => {
-      f.value = C, setTimeout(() => {
-        f.value = t.tooltip;
+    } : {}), T = $(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), b = (R) => {
+      _.value = R, setTimeout(() => {
+        _.value = t.tooltip;
       }, 1800);
-    }, b = (C) => {
-      if (!C(t.uuid)) {
+    }, I = (R) => {
+      if (!R(t.uuid)) {
         typeof n == "function" && n({
           type: "error",
           message: a("message.fail")
-        }), r.value ? x(a("message.fail")) : o("error", t.uuid);
+        }), y.value ? b(a("message.fail")) : o("error", t.uuid);
         return;
       }
-      const U = t.uuid.length > Ye, S = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, Ye) + (U ? "..." : "")}"`;
+      const x = t.uuid.length > Xe, V = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, Xe) + (x ? "..." : "")}"`;
       typeof n == "function" && n({
         type: "success",
-        message: `${S}${a("message.success.content")}`
-      }), r.value ? x(t.successTooltip) : o("success", t.uuid);
+        message: `${V}${a("message.success.content")}`
+      }), y.value ? b(t.successTooltip) : o("success", t.uuid);
     };
-    return (C, U) => {
-      const S = E("KIcon"), V = E("KClipboardProvider");
-      return d(), M("div", Zt, [
-        e.format !== "hidden" ? (d(), M("div", {
-          key: 0,
-          "data-testid": "copy-id",
-          title: e.uuid
-        }, [
-          T("div", {
-            class: ye([
-              "uuid-container",
-              e.truncated ? "truncated-uuid" : null,
-              e.useMono ? "mono" : null
-            ])
-          }, _(l.value), 3)
-        ], 8, ea)) : z("", !0),
-        (d(), N(Te(e.tooltip ? "KTooltip" : "div"), Xe(w.value, { class: "uuid-icon-wrapper" }), {
+    return (R, x) => {
+      const V = E("KIcon"), q = E("KClipboardProvider");
+      return d(), P("div", Zt, [
+        e.format !== "hidden" ? (d(), N(_e(e.idTooltip ? "KTooltip" : "div"), Te({ key: 0 }, r.value, { "data-testid": "copy-id" }), {
+          default: c(() => [
+            B("div", {
+              class: ye([
+                "uuid-container",
+                e.truncated ? "truncated-uuid" : null,
+                e.useMono ? "mono" : null
+              ])
+            }, C(T.value), 3)
+          ]),
+          _: 1
+        }, 16)) : z("", !0),
+        (d(), N(_e(e.tooltip ? "KTooltip" : "div"), Te(i.value, { class: "uuid-icon-wrapper" }), {
           default: c(() => [
-            K(V, null, {
-              default: c(({ copyToClipboard: q }) => [
-                T("span", {
+            K(q, null, {
+              default: c(({ copyToClipboard: u }) => [
+                B("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: ke((u) => b(q), ["stop"])
+                  onClick: ke((f) => I(u), ["stop"])
                 }, [
-                  K(S, {
+                  K(V, {
                     class: "uuid-icon",
                     color: e.iconColor,
                     "hide-title": !!e.tooltip || void 0,
                     icon: "copy",
                     size: "16",
-                    title: i(a)("iconTitle")
+                    title: l(a)("iconTitle")
                   }, null, 8, ["color", "hide-title", "title"])
-                ], 8, ta)
+                ], 8, ea)
               ]),
               _: 1
             })
@@ -628,15 +637,15 @@ const X = {
       ]);
     };
   }
-}), oa = (e, o) => {
+}), aa = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
     t[a] = n;
   return t;
-}, nt = /* @__PURE__ */ oa(aa, [["__scopeId", "data-v-e4ea1359"]]), na = {
+}, nt = /* @__PURE__ */ aa(ta, [["__scopeId", "data-v-bfdaf6f7"]]), oa = {
   key: 0,
   class: "config-card-fieldset-title"
-}, sa = /* @__PURE__ */ Y({
+}, na = /* @__PURE__ */ Y({
   __name: "JsonCardItem",
   props: {
     item: {
@@ -653,26 +662,26 @@ const X = {
     }
   },
   setup(e) {
-    const o = e, { i18n: { t } } = X.useI18n(), { convertKeyToTitle: a } = X.useStringHelpers(), n = B(() => o.item.key ?? "json-array-item"), r = B(() => o.item.value ?? o.item), f = B(() => {
-      const l = JSON.parse(JSON.stringify(r.value));
-      return o.isArrayItem && delete l.name, l;
-    }), w = B(() => {
-      var l;
-      return o.isArrayItem ? (l = r.value) != null && l.name ? a(r.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: o.index }) : "";
+    const o = e, { i18n: { t } } = X.useI18n(), { convertKeyToTitle: a } = X.useStringHelpers(), n = $(() => o.item.key ?? "json-array-item"), r = $(() => o.item.value ?? o.item), y = $(() => {
+      const i = JSON.parse(JSON.stringify(r.value));
+      return o.isArrayItem && delete i.name, i;
+    }), _ = $(() => {
+      var i;
+      return o.isArrayItem ? (i = r.value) != null && i.name ? a(r.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: o.index }) : "";
     });
-    return (l, x) => (d(), N(Te(e.isArrayItem ? "fieldset" : "div"), {
+    return (i, T) => (d(), N(_e(e.isArrayItem ? "fieldset" : "div"), {
       class: ye(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: c(() => [
-        e.isArrayItem ? (d(), M("legend", na, [
-          T("b", null, _(w.value), 1)
+        e.isArrayItem ? (d(), P("legend", oa, [
+          B("b", null, C(_.value), 1)
         ])) : z("", !0),
-        (d(!0), M(ne, null, ae(Object.keys(f.value), (b, C) => (d(), N(rt, {
-          key: `${n.value}-property-${C}`,
+        (d(!0), P(ne, null, ae(Object.keys(y.value), (b, I) => (d(), N(rt, {
+          key: `${n.value}-property-${I}`,
           item: {
             key: b,
-            label: i(a)(b),
-            value: f.value[b]
+            label: l(a)(b),
+            value: y.value[b]
           }
         }, null, 8, ["item"]))), 128))
       ]),
@@ -684,7 +693,7 @@ const X = {
   for (const [a, n] of o)
     t[a] = n;
   return t;
-}, st = /* @__PURE__ */ se(sa, [["__scopeId", "data-v-68ca83ec"]]), ra = /* @__PURE__ */ Y({
+}, st = /* @__PURE__ */ se(na, [["__scopeId", "data-v-68ca83ec"]]), sa = /* @__PURE__ */ Y({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -697,21 +706,21 @@ const X = {
     const { i18n: { t: o } } = X.useI18n();
     return (t, a) => {
       const n = E("KButton");
-      return d(), M("div", null, [
+      return d(), P("div", null, [
         K(n, {
           appearance: "btn-link",
           class: "navigation-button",
           onClick: a[0] || (a[0] = (r) => t.$emit("navigation-click", e.item))
         }, {
           default: c(() => [
-            H(_(e.item.value || i(o)("baseConfigCard.commonFields.link")), 1)
+            H(C(e.item.value || l(o)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), la = /* @__PURE__ */ se(ra, [["__scopeId", "data-v-7410504d"]]), ia = /* @__PURE__ */ Y({
+}), ra = /* @__PURE__ */ se(sa, [["__scopeId", "data-v-7410504d"]]), ia = /* @__PURE__ */ Y({
   __name: "StatusBadge",
   props: {
     status: {
@@ -727,17 +736,17 @@ const X = {
         appearance: e.status ? "success" : "neutral"
       }, {
         default: c(() => [
-          H(_(e.status ? i(o)("baseConfigCard.statusBadge.enabledLabel") : i(o)("baseConfigCard.statusBadge.disabledLabel")), 1)
+          H(C(e.status ? l(o)("baseConfigCard.statusBadge.enabledLabel") : l(o)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
       }, 8, ["appearance"]);
     };
   }
-}), ua = "#0044f4", ca = "#e0e4ea", da = "#3a3f51", pa = "1px", ma = { class: "config-card-details-row" }, fa = ["data-testid"], ya = ["data-testid"], ga = ["data-testid"], va = ["data-testid"], ha = { key: 1 }, ba = ["data-testid"], ka = ["data-testid"], Ca = ["data-testid"], _a = ["data-testid"], Ia = ["title"], wa = {
+}), la = "#0044f4", ua = "#e0e4ea", ca = "#3a3f51", da = "1px", pa = { class: "config-card-details-row" }, ma = ["data-testid"], fa = ["data-testid"], ya = ["data-testid"], va = ["data-testid"], ga = { key: 1 }, ha = ["data-testid"], ba = ["data-testid"], ka = ["data-testid"], _a = ["data-testid"], Ca = ["title"], Ia = {
   name: "ConfigCardItem",
-  components: { CopyUuid: nt, JsonCardItem: st, StatusBadge: ia, InternalLinkItem: la }
-}, Sa = /* @__PURE__ */ Y({
-  ...wa,
+  components: { CopyUuid: nt, JsonCardItem: st, StatusBadge: ia, InternalLinkItem: ra }
+}, wa = /* @__PURE__ */ Y({
+  ...Ia,
   props: {
     item: {
       type: Object,
@@ -757,13 +766,13 @@ const X = {
   emits: ["navigation-click"],
   setup(e, { emit: o }) {
     const t = e;
-    yt((C) => ({
-      "2c6ac268": x.value ? "none" : `solid ${i(pa)} ${i(ca)}`,
-      c7a65802: l.value && f.value ? "block" : "flex",
-      "778426fe": l.value && f.value ? "100%" : t.slim ? "50%" : "25%",
-      "777f9b48": l.value && f.value ? "100%" : t.slim ? "50%" : "75%"
+    yt((I) => ({
+      "2c6ac268": T.value ? "none" : `solid ${l(da)} ${l(ua)}`,
+      c7a65802: i.value && y.value ? "block" : "flex",
+      "778426fe": i.value && y.value ? "100%" : t.slim ? "50%" : "25%",
+      "777f9b48": i.value && y.value ? "100%" : t.slim ? "50%" : "75%"
     }));
-    const a = Be(), { i18n: { t: n, formatUnixTimeStamp: r } } = X.useI18n(), f = B(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), w = B(() => !!(t.item.tooltip || a["label-tooltip"])), l = B(() => t.item.type === J.Json || t.item.type === J.JsonArray), x = B(() => t.item.type === J.JsonArray), b = B(() => {
+    const a = Ae(), { i18n: { t: n, formatUnixTimeStamp: r } } = X.useI18n(), y = $(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), _ = $(() => !!(t.item.tooltip || a["label-tooltip"])), i = $(() => t.item.type === J.Json || t.item.type === J.JsonArray), T = $(() => t.item.type === J.JsonArray), b = $(() => {
       switch (t.item.type) {
         case J.ID:
           return {
@@ -849,8 +858,8 @@ const X = {
             attrs: {
               "data-testid": `${t.item.key}-internal-link`,
               item: t.item,
-              onNavigationClick: (C) => {
-                o("navigation-click", C);
+              onNavigationClick: (I) => {
+                o("navigation-click", I);
               }
             }
           };
@@ -890,122 +899,122 @@ const X = {
           };
       }
     });
-    return (C, U) => {
-      const S = E("KLabel"), V = E("KBadge"), q = E("KMethodBadge");
-      return d(), M("div", ma, [
-        T("div", {
+    return (I, R) => {
+      const x = E("KLabel"), V = E("KBadge"), q = E("KMethodBadge");
+      return d(), P("div", pa, [
+        B("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
-          W(C.$slots, "label", { item: e.item }, () => [
-            K(S, { "tooltip-attributes": { maxWidth: "500px" } }, fe({
+          W(I.$slots, "label", { item: e.item }, () => [
+            K(x, { "tooltip-attributes": { maxWidth: "500px" } }, fe({
               default: c(() => [
-                H(_(e.item.label) + " ", 1)
+                H(C(e.item.label) + " ", 1)
               ]),
               _: 2
             }, [
-              w.value ? {
+              _.value ? {
                 name: "tooltip",
                 fn: c(() => [
-                  T("div", {
+                  B("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
-                    W(C.$slots, "label-tooltip", {}, () => [
-                      H(_(e.item.tooltip), 1)
+                    W(I.$slots, "label-tooltip", {}, () => [
+                      H(C(e.item.tooltip), 1)
                     ], !0)
-                  ], 8, ya)
+                  ], 8, fa)
                 ]),
                 key: "0"
               } : void 0
             ]), 1024)
           ], !0)
-        ], 8, fa),
-        T("div", {
+        ], 8, ma),
+        B("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
-          W(C.$slots, e.item.key, {
+          W(I.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
-            f.value ? (d(), M("div", ha, [
-              (d(), N(Te(b.value.tag), gt(vt(b.value.attrs)), {
+            y.value ? (d(), P("div", ga, [
+              (d(), N(_e(b.value.tag), vt(gt(b.value.attrs)), {
                 default: c(() => [
-                  b.value.additionalComponent === "KBadge" ? (d(), M("div", {
+                  b.value.additionalComponent === "KBadge" ? (d(), P("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (d(!0), M(ne, null, ae(e.item.value, (u, y) => (d(), N(V, {
-                      key: `${e.item.key}-badge-tag-${y}`,
+                    (d(!0), P(ne, null, ae(e.item.value, (u, f) => (d(), N(V, {
+                      key: `${e.item.key}-badge-tag-${f}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-tag-${y}`,
+                      "data-testid": `${e.item.key}-badge-tag-${f}`,
                       "truncation-tooltip": u
                     }, {
                       default: c(() => [
-                        H(_(u), 1)
+                        H(C(u), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "truncation-tooltip"]))), 128))
-                  ], 8, ba)) : z("", !0),
-                  b.value.additionalComponent === "CopyUuid" ? (d(), M("div", {
+                  ], 8, ha)) : z("", !0),
+                  b.value.additionalComponent === "CopyUuid" ? (d(), P("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (d(!0), M(ne, null, ae(e.item.value, (u, y) => (d(), N(i(nt), Xe(b.value.childAttrs, {
-                      key: `${e.item.key}-copy-uuid-${y}`,
-                      "data-testid": `${e.item.key}-copy-uuid-${y}`,
+                    (d(!0), P(ne, null, ae(e.item.value, (u, f) => (d(), N(l(nt), Te(b.value.childAttrs, {
+                      key: `${e.item.key}-copy-uuid-${f}`,
+                      "data-testid": `${e.item.key}-copy-uuid-${f}`,
                       uuid: u
                     }), null, 16, ["data-testid", "uuid"]))), 128))
-                  ], 8, ka)) : b.value.additionalComponent === "KMethodBadge" ? (d(), M("div", {
+                  ], 8, ba)) : b.value.additionalComponent === "KMethodBadge" ? (d(), P("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (d(!0), M(ne, null, ae(e.item.value, (u, y) => (d(), N(q, {
-                      key: `${e.item.key}-badge-method-${y}`,
+                    (d(!0), P(ne, null, ae(e.item.value, (u, f) => (d(), N(q, {
+                      key: `${e.item.key}-badge-method-${f}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-method-${y}`,
+                      "data-testid": `${e.item.key}-badge-method-${f}`,
                       "is-rounded": "",
                       label: u,
-                      method: i(_t).includes(u.toLowerCase()) ? u.toLowerCase() : "custom"
+                      method: l(Ct).includes(u.toLowerCase()) ? u.toLowerCase() : "custom"
                     }, {
                       default: c(() => [
-                        H(_(u), 1)
+                        H(C(u), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "label", "method"]))), 128))
-                  ], 8, Ca)) : z("", !0),
-                  b.value.additionalComponent === "JsonCardItem" ? (d(), M("div", {
+                  ], 8, ka)) : z("", !0),
+                  b.value.additionalComponent === "JsonCardItem" ? (d(), P("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (d(!0), M(ne, null, ae(e.item.value, (u, y) => (d(), N(st, {
-                      key: `json-array-item-${y}`,
-                      index: y,
+                    (d(!0), P(ne, null, ae(e.item.value, (u, f) => (d(), N(st, {
+                      key: `json-array-item-${f}`,
+                      index: f,
                       "is-array-item": "",
                       item: u
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, _a)) : (d(), M("span", {
+                  ], 8, _a)) : (d(), P("span", {
                     key: 4,
                     class: ye(["attrs-data-text", { truncated: e.truncated }]),
                     title: e.truncated ? e.item.value : void 0
-                  }, _(b.value.text), 11, Ia))
+                  }, C(b.value.text), 11, Ca))
                 ]),
                 _: 1
               }, 16))
-            ])) : (d(), M("div", {
+            ])) : (d(), P("div", {
               key: 0,
               "data-testid": `${e.item.key}-no-value`
             }, " – ", 8, va))
           ], !0)
-        ], 8, ga)
+        ], 8, ya)
       ]);
     };
   }
-}), rt = /* @__PURE__ */ se(Sa, [["__scopeId", "data-v-a3c5ab01"]]), $a = { "data-testid": "config-card-title" }, xa = { class: "config-card-actions" }, Ka = { class: "config-card-details-section" }, Ba = ["data-testid"], Ta = {
+}), rt = /* @__PURE__ */ se(wa, [["__scopeId", "data-v-a3c5ab01"]]), Sa = { "data-testid": "config-card-title" }, $a = { class: "config-card-actions" }, xa = { class: "config-card-details-section" }, Ka = ["data-testid"], Ta = {
   key: 0,
   class: "config-card-prop-section-title"
-}, Aa = /* @__PURE__ */ Y({
+}, Ba = /* @__PURE__ */ Y({
   __name: "EntityBaseConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1064,9 +1073,9 @@ const X = {
   emits: ["loading", "fetch:success", "fetch:error", "copy:success", "copy:error"],
   setup(e, { emit: o }) {
     var t;
-    const a = e, n = Be(), { i18n: { t: r } } = X.useI18n(), { getMessageFromError: f } = X.useErrors(), { convertKeyToTitle: w } = X.useStringHelpers(), { axiosInstance: l } = X.useAxios({
+    const a = e, n = Ae(), { i18n: { t: r } } = X.useI18n(), { getMessageFromError: y } = X.useErrors(), { convertKeyToTitle: _ } = X.useStringHelpers(), { axiosInstance: i } = X.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), x = {
+    }), T = {
       id: {
         type: J.ID,
         label: r("baseConfigCard.commonFields.id_label"),
@@ -1100,114 +1109,114 @@ const X = {
         // the last property displayed
         section: ee.Basic
       }
-    }, b = A(!1), C = A(!1), U = A(""), S = A(), V = B(() => {
+    }, b = A(!1), I = A(!1), R = A(""), x = A(), V = $(() => {
       var s, p, h;
-      if (!S.value)
+      if (!x.value)
         return [];
-      const R = [], g = Object.keys(S.value).length;
-      for (const P in S.value) {
-        const F = (p = (s = a.configSchema) == null ? void 0 : s[P]) == null ? void 0 : p.order, m = (h = x[P]) == null ? void 0 : h.order;
-        let $ = g;
-        (m || m === 0) && ($ = m === -1 ? g + 1 : m), F && ($ = F === -1 ? g + 1 : F), R.push([P, $]);
+      const U = [], v = Object.keys(x.value).length;
+      for (const M in x.value) {
+        const F = (p = (s = a.configSchema) == null ? void 0 : s[M]) == null ? void 0 : p.order, m = (h = T[M]) == null ? void 0 : h.order;
+        let S = v;
+        (m || m === 0) && (S = m === -1 ? v + 1 : m), F && (S = F === -1 ? v + 1 : F), U.push([M, S]);
       }
-      return R.sort(function(P, F) {
-        return P[1] - F[1];
-      }), R.map((P) => {
+      return U.sort(function(M, F) {
+        return M[1] - F[1];
+      }), U.map((M) => {
         var F, m;
-        const $ = P[0], j = (F = S.value) == null ? void 0 : F[$], G = ((m = a.configSchema) == null ? void 0 : m[$]) || {}, Z = x[$];
+        const S = M[0], j = (F = x.value) == null ? void 0 : F[S], G = ((m = a.configSchema) == null ? void 0 : m[S]) || {}, Z = T[S];
         return {
-          key: $,
+          key: S,
           value: j,
           hidden: G.hidden || !1,
           type: G.type ?? ((Z == null ? void 0 : Z.type) || J.Text),
-          label: G.label ?? ((Z == null ? void 0 : Z.label) || w($)),
+          label: G.label ?? ((Z == null ? void 0 : Z.label) || _(S)),
           tooltip: G.tooltip ?? ((Z == null ? void 0 : Z.tooltip) || void 0),
           section: G.section ?? ((Z == null ? void 0 : Z.section) || ee.Advanced)
         };
-      }).filter((P) => !P.hidden && P.key !== a.pluginConfigKey);
-    }), q = B(() => {
+      }).filter((M) => !M.hidden && M.key !== a.pluginConfigKey);
+    }), q = $(() => {
       var s, p;
-      if (!S.value || !a.pluginConfigKey)
+      if (!x.value || !a.pluginConfigKey)
         return [];
-      const h = S.value[a.pluginConfigKey] || {}, R = Object.keys(h).length, g = [];
-      for (const P in h) {
-        const F = (p = (s = a.pluginConfigSchema) == null ? void 0 : s[P]) == null ? void 0 : p.order, m = h[P];
-        let $ = m != null && m !== "" ? R - 1 : R;
-        F && ($ = F === -1 ? R + 1 : F), g.push([P, $]);
+      const h = x.value[a.pluginConfigKey] || {}, U = Object.keys(h).length, v = [];
+      for (const M in h) {
+        const F = (p = (s = a.pluginConfigSchema) == null ? void 0 : s[M]) == null ? void 0 : p.order, m = h[M];
+        let S = m != null && m !== "" ? U - 1 : U;
+        F && (S = F === -1 ? U + 1 : F), v.push([M, S]);
       }
-      return g.sort(function(P, F) {
-        return P[1] - F[1];
-      }), g.map((P) => {
+      return v.sort(function(M, F) {
+        return M[1] - F[1];
+      }), v.map((M) => {
         var F;
-        const m = P[0], $ = h[m], j = ((F = a.pluginConfigSchema) == null ? void 0 : F[m]) || {};
+        const m = M[0], S = h[m], j = ((F = a.pluginConfigSchema) == null ? void 0 : F[m]) || {};
         return {
           key: m,
-          value: $,
+          value: S,
           hidden: j.hidden || !1,
           type: j.type ?? J.Text,
-          label: j.label ?? w(m),
+          label: j.label ?? _(m),
           tooltip: j.tooltip ?? void 0,
           section: ee.Plugin
         };
-      }).filter((P) => !P.hidden);
-    }), u = B(() => {
-      var s, p, h, R;
+      }).filter((M) => !M.hidden);
+    }), u = $(() => {
+      var s, p, h, U;
       return {
-        basic: (s = V.value) == null ? void 0 : s.filter((g) => g.section === ee.Basic),
-        advanced: (p = V.value) == null ? void 0 : p.filter((g) => g.section === ee.Advanced),
-        plugin: (R = q.value) == null ? void 0 : R.concat((h = V.value) == null ? void 0 : h.filter((g) => g.section === ee.Plugin))
+        basic: (s = V.value) == null ? void 0 : s.filter((v) => v.section === ee.Basic),
+        advanced: (p = V.value) == null ? void 0 : p.filter((v) => v.section === ee.Advanced),
+        plugin: (U = q.value) == null ? void 0 : U.concat((h = V.value) == null ? void 0 : h.filter((v) => v.section === ee.Plugin))
       };
-    }), y = B(() => {
+    }), f = $(() => {
       const s = [];
       return u.value.basic.length && s.push("basic"), u.value.advanced.length && s.push("advanced"), u.value.plugin.length && s.push("plugin"), s;
-    }), I = (s) => !!(s.tooltip || n[`${s.key}-label-tooltip`]), v = B(() => {
+    }), w = (s) => !!(s.tooltip || n[`${s.key}-label-tooltip`]), g = $(() => {
       var s, p;
       let h = `${a.config.apiBaseUrl}${a.fetchUrl}`;
       return a.config.app === "konnect" ? h = h.replace(/{controlPlaneId}/gi, ((s = a.config) == null ? void 0 : s.controlPlaneId) || "") : a.config.app === "kongManager" && (h = h.replace(/\/{workspace}/gi, (p = a.config) != null && p.workspace ? `/${a.config.workspace}` : "")), h = h.replace(/{id}/gi, a.config.entityId), h;
     }), O = (s) => {
-      S.value && s(JSON.stringify(S.value)) ? o("copy:success", S.value) : o("copy:error");
+      x.value && s(JSON.stringify(x.value)) ? o("copy:success", x.value) : o("copy:error");
     };
     return ce(b, (s) => {
       o("loading", s);
     }, { immediate: !0 }), Ce(async () => {
-      C.value = !1, b.value = !0;
+      I.value = !1, b.value = !0;
       try {
-        const { data: s } = await l.get(v.value);
+        const { data: s } = await i.get(g.value);
         if (a.dataKey)
           if (typeof s[a.dataKey] < "u")
-            S.value = { ...s[a.dataKey] };
+            x.value = { ...s[a.dataKey] };
           else
             throw new Error(r("errors.dataKeyUndefined", { dataKey: a.dataKey }));
         else
-          S.value = { ...s };
+          x.value = { ...s };
         Object.keys(a.configSchema).filter((p) => a.configSchema[p].forceShow).forEach((p) => {
-          S.value && typeof S.value[p] > "u" && (S.value[p] = null);
+          x.value && typeof x.value[p] > "u" && (x.value[p] = null);
         }), o("fetch:success", s);
       } catch (s) {
-        const p = f(s);
-        U.value = p.startsWith("code") ? r("baseConfigCard.errors.load") : p, C.value = !0, o("fetch:error", s);
+        const p = y(s);
+        R.value = p.startsWith("code") ? r("baseConfigCard.errors.load") : p, I.value = !0, o("fetch:error", s);
       } finally {
         b.value = !1;
       }
     }), (s, p) => {
-      const h = E("KButton"), R = E("KClipboardProvider"), g = E("KSkeleton"), P = E("KEmptyState"), F = E("KCard");
+      const h = E("KButton"), U = E("KClipboardProvider"), v = E("KSkeleton"), M = E("KEmptyState"), F = E("KCard");
       return d(), N(F, {
         "border-variant": "noBorder",
         class: "kong-ui-entity-base-config-card"
       }, fe({
         actions: c(() => [
-          T("div", xa, [
+          B("div", $a, [
             W(s.$slots, "actions", {}, void 0, !0),
-            K(R, null, {
+            K(U, null, {
               default: c(({ copyToClipboard: m }) => [
-                !b.value && !C.value ? (d(), N(h, {
+                !b.value && !I.value ? (d(), N(h, {
                   key: 0,
                   appearance: "btn-link",
                   "data-testid": "json-copy-button",
-                  onClick: ($) => O(m)
+                  onClick: (S) => O(m)
                 }, {
                   default: c(() => [
-                    H(_(i(r)("baseConfigCard.actions.copy")), 1)
+                    H(C(l(r)("baseConfigCard.actions.copy")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : z("", !0)
@@ -1217,52 +1226,52 @@ const X = {
           ])
         ]),
         body: c(() => [
-          b.value ? (d(), N(g, {
+          b.value ? (d(), N(v, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : C.value ? (d(), N(P, {
+          })) : I.value ? (d(), N(M, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "is-error": ""
           }, {
             message: c(() => [
-              T("h3", null, _(U.value), 1)
+              B("h3", null, C(R.value), 1)
             ]),
             _: 1
           })) : z("", !0),
-          T("div", Ka, [
-            (d(!0), M(ne, null, ae(y.value, (m) => (d(), M("div", {
+          B("div", xa, [
+            (d(!0), P(ne, null, ae(f.value, (m) => (d(), P("div", {
               key: `config-card-details-${m}-props`,
               class: ye(`config-card-details-${m}-props`),
               "data-testid": `config-card-details-${m}-props`
             }, [
-              m !== "basic" ? (d(), M("div", Ta, _(m === "advanced" ? i(r)("baseConfigCard.sections.advanced") : i(r)("baseConfigCard.sections.plugin")), 1)) : z("", !0),
-              (d(!0), M(ne, null, ae(u.value[m], ($) => (d(), N(rt, {
-                key: $.key,
-                item: $
+              m !== "basic" ? (d(), P("div", Ta, C(m === "advanced" ? l(r)("baseConfigCard.sections.advanced") : l(r)("baseConfigCard.sections.plugin")), 1)) : z("", !0),
+              (d(!0), P(ne, null, ae(u.value[m], (S) => (d(), N(rt, {
+                key: S.key,
+                item: S
               }, fe({
                 label: c(() => [
-                  W(s.$slots, `${$.key}-label`, { row: $ }, void 0, !0)
+                  W(s.$slots, `${S.key}-label`, { row: S }, void 0, !0)
                 ]),
-                [$.key]: c(({ rowValue: j }) => [
-                  W(s.$slots, $.key, {
-                    row: $,
+                [S.key]: c(({ rowValue: j }) => [
+                  W(s.$slots, S.key, {
+                    row: S,
                     rowValue: j
                   }, void 0, !0)
                 ]),
                 _: 2
               }, [
-                I($) ? {
+                w(S) ? {
                   name: "label-tooltip",
                   fn: c(() => [
-                    W(s.$slots, `${$.key}-label-tooltip`, { row: $ }, void 0, !0)
+                    W(s.$slots, `${S.key}-label-tooltip`, { row: S }, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
               ]), 1032, ["item"]))), 128))
-            ], 10, Ba))), 128))
+            ], 10, Ka))), 128))
           ])
         ]),
         _: 2
@@ -1270,9 +1279,9 @@ const X = {
         e.hideTitle ? void 0 : {
           name: "title",
           fn: c(() => [
-            T("div", $a, [
+            B("div", Sa, [
               W(s.$slots, "title", {}, () => [
-                H(_(i(r)("baseConfigCard.title")), 1)
+                H(C(l(r)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -1281,10 +1290,10 @@ const X = {
       ]), 1024);
     };
   }
-}), Ma = /* @__PURE__ */ se(Aa, [["__scopeId", "data-v-b72bbdde"]]), Pa = ["onReset", "onSubmit"], qa = {
+}), Aa = /* @__PURE__ */ se(Ba, [["__scopeId", "data-v-b72bbdde"]]), Ma = ["onReset", "onSubmit"], Pa = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, Ea = /* @__PURE__ */ Y({
+}, qa = /* @__PURE__ */ Y({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1334,54 +1343,54 @@ const X = {
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: o }) {
     var t;
-    const a = e, n = Ae(), { i18n: { t: r } } = X.useI18n(), { getMessageFromError: f } = X.useErrors(), { axiosInstance: w } = X.useAxios({
+    const a = e, n = Me(), { i18n: { t: r } } = X.useI18n(), { getMessageFromError: y } = X.useErrors(), { axiosInstance: _ } = X.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), l = A(!1), x = A(!1), b = A(""), C = B(() => a.canSubmit === !1 || a.isReadonly), U = B(() => {
-      var u, y;
+    }), i = A(!1), T = A(!1), b = A(""), I = $(() => a.canSubmit === !1 || a.isReadonly), R = $(() => {
+      var u, f;
       if (!a.editId)
         return "";
-      let I = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? I = I.replace(/{controlPlaneId}/gi, ((u = a.config) == null ? void 0 : u.controlPlaneId) || "") : a.config.app === "kongManager" && (I = I.replace(/\/{workspace}/gi, (y = a.config) != null && y.workspace ? `/${a.config.workspace}` : "")), I = I.replace(/{id}/gi, a.editId), I;
-    }), S = () => {
+      let w = `${a.config.apiBaseUrl}${a.fetchUrl}`;
+      return a.config.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, ((u = a.config) == null ? void 0 : u.controlPlaneId) || "") : a.config.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, (f = a.config) != null && f.workspace ? `/${a.config.workspace}` : "")), w = w.replace(/{id}/gi, a.editId), w;
+    }), x = () => {
       a.config.cancelRoute ? n.push(a.config.cancelRoute) : V();
     }, V = () => {
       o("cancel");
     }, q = () => {
-      C.value || o("submit");
+      I.value || o("submit");
     };
-    return ce(() => l.value, (u) => {
+    return ce(() => i.value, (u) => {
       o("loading", u);
     }, { immediate: !0 }), Ce(async () => {
       if (a.editId)
         try {
-          x.value = !1, l.value = !0;
-          const { data: u } = await w.get(U.value);
+          T.value = !1, i.value = !0;
+          const { data: u } = await _.get(R.value);
           o("fetch:success", u);
         } catch (u) {
-          const y = f(u);
-          b.value = y.startsWith("code") ? r("baseForm.errors.edit") : y, x.value = !0, o("fetch:error", u);
+          const f = y(u);
+          b.value = f.startsWith("code") ? r("baseForm.errors.edit") : f, T.value = !0, o("fetch:error", u);
         } finally {
-          l.value = !1;
+          i.value = !1;
         }
-    }), (u, y) => {
-      const I = E("KSkeleton"), v = E("KEmptyState"), O = E("KAlert"), s = E("KButton"), p = E("KCard");
+    }), (u, f) => {
+      const w = E("KSkeleton"), g = E("KEmptyState"), O = E("KAlert"), s = E("KButton"), p = E("KCard");
       return d(), N(p, { class: "kong-ui-entity-base-form" }, {
         body: c(() => [
-          l.value ? (d(), N(I, {
+          i.value ? (d(), N(w, {
             key: 0,
             type: "form"
-          })) : x.value ? (d(), N(v, {
+          })) : T.value ? (d(), N(g, {
             key: 1,
-            "cta-text": i(r)("baseForm.actions.back"),
+            "cta-text": l(r)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
-            "handle-click": S,
+            "handle-click": x,
             "is-error": !0
           }, {
             message: c(() => [
-              T("h3", null, _(b.value), 1)
+              B("h3", null, C(b.value), 1)
             ]),
             _: 1
-          }, 8, ["cta-text"])) : (d(), M("form", {
+          }, 8, ["cta-text"])) : (d(), P("form", {
             key: 2,
             "data-testid": "form-content",
             onReset: ke(V, ["prevent"]),
@@ -1394,7 +1403,7 @@ const X = {
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : z("", !0),
-            T("div", qa, [
+            B("div", Pa, [
               W(u.$slots, "form-actions", {}, () => [
                 K(s, {
                   appearance: "outline",
@@ -1403,30 +1412,30 @@ const X = {
                   type: "reset"
                 }, {
                   default: c(() => [
-                    H(_(i(r)("baseForm.actions.cancel")), 1)
+                    H(C(l(r)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
                 K(s, {
                   appearance: "primary",
                   "data-testid": "form-submit",
-                  disabled: C.value,
+                  disabled: I.value,
                   type: "submit"
                 }, {
                   default: c(() => [
-                    H(_(i(r)("baseForm.actions.save")), 1)
+                    H(C(l(r)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ], !0)
             ])
-          ], 40, Pa))
+          ], 40, Ma))
         ]),
         _: 3
       });
     };
   }
-}), Ra = /* @__PURE__ */ se(Ea, [["__scopeId", "data-v-2286e5f2"]]), Fa = { key: 0 }, Ua = /* @__PURE__ */ Y({
+}), Ea = /* @__PURE__ */ se(qa, [["__scopeId", "data-v-2286e5f2"]]), Ua = { key: 0 }, Fa = /* @__PURE__ */ Y({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1439,30 +1448,30 @@ const X = {
     }
   },
   setup(e) {
-    const o = e, t = B(() => {
+    const o = e, t = $(() => {
       var q;
       return ((q = o.rowEl) == null ? void 0 : q.querySelector(`[data-testid="${o.keyName}"]`)) || null;
-    }), a = B(() => {
+    }), a = $(() => {
       var q;
       return ((q = t.value) == null ? void 0 : q.querySelector('[role="button"]')) || null;
-    }), n = B(() => {
+    }), n = $(() => {
       var q, u;
-      const y = (q = o.rowEl) == null ? void 0 : q.querySelectorAll("td");
-      return y ? ((u = y[0]) == null ? void 0 : u.getAttribute("data-testid")) === o.keyName : !1;
+      const f = (q = o.rowEl) == null ? void 0 : q.querySelectorAll("td");
+      return f ? ((u = f[0]) == null ? void 0 : u.getAttribute("data-testid")) === o.keyName : !1;
     });
     let r;
-    const f = () => {
+    const y = () => {
       r && (r.disconnect(), r = void 0);
-    }, w = () => {
-      var q, u, y;
-      x.value = ((q = a.value) == null ? void 0 : q.getBoundingClientRect().width) || 0, b.value = ((u = t.value) == null ? void 0 : u.clientWidth) || 0, C.value = ((y = l.value) == null ? void 0 : y.innerText) || "";
-    }, l = A({}), x = A(0), b = A(0), C = A(""), U = B(() => [a.value, t.value]), S = ce(
-      U,
+    }, _ = () => {
+      var q, u, f;
+      T.value = ((q = a.value) == null ? void 0 : q.getBoundingClientRect().width) || 0, b.value = ((u = t.value) == null ? void 0 : u.clientWidth) || 0, I.value = ((f = i.value) == null ? void 0 : f.innerText) || "";
+    }, i = A({}), T = A(0), b = A(0), I = A(""), R = $(() => [a.value, t.value]), x = ce(
+      R,
       (q) => {
-        if (n.value && (f(), "ResizeObserver" in window && window)) {
+        if (n.value && (y(), "ResizeObserver" in window && window)) {
           r = new ResizeObserver((u) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(u) || !u.length || w();
+              !Array.isArray(u) || !u.length || _();
             });
           });
           for (const u of q)
@@ -1470,22 +1479,22 @@ const X = {
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), V = B(() => n.value ? x.value > b.value : !1);
+    ), V = $(() => n.value ? T.value > b.value : !1);
     return ht(() => {
-      w();
+      _();
     }), bt(() => {
-      S();
+      x();
     }), (q, u) => {
-      const y = E("KTooltip");
-      return d(), M("span", {
+      const f = E("KTooltip");
+      return d(), P("span", {
         ref_key: "contentRef",
-        ref: l,
+        ref: i,
         class: "content-wrapper"
       }, [
-        n.value ? (d(), M("span", Fa, [
-          K(y, {
+        n.value ? (d(), P("span", Ua, [
+          K(f, {
             disabled: !V.value,
-            label: C.value,
+            label: I.value,
             "max-width": "300",
             placement: "bottomStart"
           }, {
@@ -1498,10 +1507,10 @@ const X = {
       ], 512);
     };
   }
-}), Va = /* @__PURE__ */ se(Ua, [["__scopeId", "data-v-f8a220e9"]]), ja = { class: "toolbar-container" }, Oa = {
+}), Ra = /* @__PURE__ */ se(Fa, [["__scopeId", "data-v-f8a220e9"]]), Va = { class: "toolbar-container" }, ja = {
   key: 0,
   class: "toolbar-button-container"
-}, Na = ["data-testid"], La = /* @__PURE__ */ Y({
+}, Oa = ["data-testid"], Na = /* @__PURE__ */ Y({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1605,113 +1614,113 @@ const X = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: o }) {
-    const t = e, { i18n: { t: a } } = X.useI18n(), n = B(() => t.cacheIdentifier || t.preferencesStorageKey), r = (v) => v.hasData || !!t.query, f = B(() => {
-      const v = [];
+    const t = e, { i18n: { t: a } } = X.useI18n(), n = $(() => t.cacheIdentifier || t.preferencesStorageKey), r = (g) => g.hasData || !!t.query, y = $(() => {
+      const g = [];
       return Object.keys(t.tableHeaders).forEach((O) => {
         const s = t.tableHeaders[O];
-        v.push({
+        g.push({
           label: s.label ?? O,
           key: O,
           sortable: s.sortable ?? !1
         });
-      }), t.enableEntityActions && v.push({
+      }), t.enableEntityActions && g.push({
         key: "actions",
         hideLabel: !0
-      }), v;
-    }), w = (v) => ({
-      "data-rowid": v.id,
-      "data-testid": v.name,
-      ...t.rowAttributes(v)
-    }), l = A({}), x = (v) => {
+      }), g;
+    }), _ = (g) => ({
+      "data-rowid": g.id,
+      "data-testid": g.name,
+      ...t.rowAttributes(g)
+    }), i = A({}), T = (g) => {
       var O;
-      return (O = l.value) == null ? void 0 : O.$el.querySelector(`[data-rowid="${v.id}"]`);
-    }, b = (v) => {
+      return (O = i.value) == null ? void 0 : O.$el.querySelector(`[data-rowid="${g.id}"]`);
+    }, b = (g) => {
       const O = {
-        "data-testid": v.headerKey,
-        ...t.cellAttributes(v)
+        "data-testid": g.headerKey,
+        ...t.cellAttributes(g)
       };
-      return v.colIndex === 0 && (O.style = {
+      return g.colIndex === 0 && (O.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
       }), O;
-    }, C = () => {
-      o("empty-state-cta-clicked"), U();
-    }, U = () => {
+    }, I = () => {
+      o("empty-state-cta-clicked"), R();
+    }, R = () => {
       o("clear-search-input");
-    }, S = (v, O) => {
+    }, x = (g, O) => {
       o("click:row", O);
-    }, V = (v) => {
-      o("sort", v);
-    }, { setTablePreferences: q, getTablePreferences: u } = Kt(), y = B(() => {
-      const v = u(t.preferencesStorageKey);
+    }, V = (g) => {
+      o("sort", g);
+    }, { setTablePreferences: q, getTablePreferences: u } = Kt(), f = $(() => {
+      const g = u(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...v
+        ...g
       };
-    }), I = (v) => {
-      t.preferencesStorageKey && q(t.preferencesStorageKey, v);
+    }), w = (g) => {
+      t.preferencesStorageKey && q(t.preferencesStorageKey, g);
     };
-    return (v, O) => {
-      const s = E("KIcon"), p = E("KButton"), h = E("KDropdownMenu"), R = E("KTable"), g = E("KCard");
-      return d(), N(g, {
+    return (g, O) => {
+      const s = E("KIcon"), p = E("KButton"), h = E("KDropdownMenu"), U = E("KTable"), v = E("KCard");
+      return d(), N(v, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
         body: c(() => [
-          K(R, {
+          K(U, {
             ref_key: "tableRefs",
-            ref: l,
+            ref: i,
             "cache-identifier": n.value,
             "cell-attrs": b,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
             "disable-sorting": e.disableSorting,
             "empty-state-action-button-icon": e.query ? "" : "plus",
-            "empty-state-action-message": e.query ? i(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
+            "empty-state-action-message": e.query ? l(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
             "empty-state-action-route": e.query ? "" : e.emptyStateOptions.ctaPath,
             "empty-state-icon": e.query ? "stateNoSearchResults" : "stateGruceo",
             "empty-state-icon-size": "96",
-            "empty-state-message": e.query ? i(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
-            "empty-state-title": e.query ? i(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
+            "empty-state-message": e.query ? l(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
+            "empty-state-title": e.query ? l(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
             "enable-client-sort": e.enableClientSort,
             "error-state-title": e.errorMessage,
             fetcher: e.fetcher,
             "fetcher-cache-key": String(e.fetcherCacheKey),
             "has-error": !!e.errorMessage,
-            headers: f.value,
+            headers: y.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": y.value,
+            "initial-fetcher-params": f.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
-            "row-attrs": w,
+            "row-attrs": _,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: C,
-            "onRow:click": S,
-            onSort: O[0] || (O[0] = (P) => V(P)),
-            "onUpdate:tablePreferences": I
+            onKtableEmptyStateCtaClicked: I,
+            "onRow:click": x,
+            onSort: O[0] || (O[0] = (M) => V(M)),
+            "onUpdate:tablePreferences": w
           }, fe({
-            toolbar: c(({ state: P }) => [
-              he(T("div", ja, [
-                W(v.$slots, "toolbar-filter", {}, void 0, !0),
-                v.$slots["toolbar-button"] ? (d(), M("div", Oa, [
-                  W(v.$slots, "toolbar-button", {}, void 0, !0)
+            toolbar: c(({ state: M }) => [
+              he(B("div", Va, [
+                W(g.$slots, "toolbar-filter", {}, void 0, !0),
+                g.$slots["toolbar-button"] ? (d(), P("div", ja, [
+                  W(g.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : z("", !0)
               ], 512), [
-                [be, r(P)]
+                [be, r(M)]
               ])
             ]),
-            actions: c(({ row: P, rowKey: F, rowValue: m }) => [
-              T("div", {
+            actions: c(({ row: M, rowKey: F, rowValue: m }) => [
+              B("div", {
                 class: "actions-container",
-                "data-testid": P.name
+                "data-testid": M.name
               }, [
                 K(h, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
                   items: c(() => [
-                    W(v.$slots, "actions", {
-                      row: P,
+                    W(g.$slots, "actions", {
+                      row: M,
                       rowKey: F,
                       rowValue: m
                     }, void 0, !0)
@@ -1724,7 +1733,7 @@ const X = {
                     }, {
                       icon: c(() => [
                         K(s, {
-                          color: i(da),
+                          color: l(ca),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -1734,24 +1743,24 @@ const X = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, Na)
+              ], 8, Oa)
             ]),
             _: 2
           }, [
-            ae(e.tableHeaders, (P, F) => ({
+            ae(e.tableHeaders, (M, F) => ({
               name: F,
-              fn: c(({ row: m, rowKey: $, rowValue: j }) => [
-                K(Va, {
+              fn: c(({ row: m, rowKey: S, rowValue: j }) => [
+                K(Ra, {
                   "key-name": String(F),
-                  "row-el": x(m)
+                  "row-el": T(m)
                 }, {
                   default: c(() => [
-                    W(v.$slots, F, {
+                    W(g.$slots, F, {
                       row: m,
-                      rowKey: $,
+                      rowKey: S,
                       rowValue: j
                     }, () => [
-                      H(_(j), 1)
+                      H(C(j), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -1764,13 +1773,13 @@ const X = {
       }, 8, ["title"]);
     };
   }
-}), Da = /* @__PURE__ */ se(La, [["__scopeId", "data-v-a598b1d9"]]), Ga = {
+}), La = /* @__PURE__ */ se(Na, [["__scopeId", "data-v-a598b1d9"]]), Da = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, Ha = {
+}, Ga = {
   key: 1,
   class: "description"
-}, Ja = /* @__PURE__ */ Y({
+}, Ha = /* @__PURE__ */ Y({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -1809,13 +1818,13 @@ const X = {
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: o }) {
-    const t = e, { i18nT: a } = X.useI18n(), n = B(() => t.needConfirm ? t.entityName : ""), r = () => {
+    const t = e, { i18nT: a } = X.useI18n(), n = $(() => t.needConfirm ? t.entityName : ""), r = () => {
       o("cancel");
-    }, f = () => {
+    }, y = () => {
       o("proceed");
     };
-    return (w, l) => {
-      const x = E("KAlert"), b = E("KPrompt");
+    return (_, i) => {
+      const T = E("KAlert"), b = E("KPrompt");
       return d(), N(b, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
@@ -1825,38 +1834,38 @@ const X = {
         title: e.title,
         type: "danger",
         onCanceled: r,
-        onProceed: f
+        onProceed: y
       }, {
         "body-content": c(() => [
-          e.error ? (d(), M("div", Ga, [
-            K(x, { appearance: "danger" }, {
+          e.error ? (d(), P("div", Da, [
+            K(T, { appearance: "danger" }, {
               alertMessage: c(() => [
-                H(_(e.error), 1)
+                H(C(e.error), 1)
               ]),
               _: 1
             })
           ])) : z("", !0),
-          K(i(a), {
+          K(l(a), {
             class: "message",
             keypath: t.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, fe({
             entityType: c(() => [
-              H(_(t.entityType), 1)
+              H(C(t.entityType), 1)
             ]),
             _: 2
           }, [
             t.entityName ? {
               name: "entityName",
               fn: c(() => [
-                T("strong", null, _(t.entityName), 1)
+                B("strong", null, C(t.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || w.$slots.description ? (d(), M("div", Ha, [
-            W(w.$slots, "description", {}, () => [
-              T("p", null, _(t.description), 1)
+          t.description || _.$slots.description ? (d(), P("div", Ga, [
+            W(_.$slots, "description", {}, () => [
+              B("p", null, C(t.description), 1)
             ], !0)
           ])) : z("", !0)
         ]),
@@ -1864,13 +1873,13 @@ const X = {
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), za = /* @__PURE__ */ se(Ja, [["__scopeId", "data-v-1c9a2a07"]]), Wa = {
+}), Ja = /* @__PURE__ */ se(Ha, [["__scopeId", "data-v-1c9a2a07"]]), za = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
-}, Qa = {
+}, Wa = {
   id: "mask0_180_20349",
   height: "20",
   maskUnits: "userSpaceOnUse",
@@ -1878,35 +1887,35 @@ const X = {
   width: "20",
   x: "0",
   y: "0"
-}, Ya = ["fill"], Xa = { mask: "url(#mask0_180_20349)" }, Za = ["fill"], eo = /* @__PURE__ */ Y({
+}, Qa = ["fill"], Ya = { mask: "url(#mask0_180_20349)" }, Xa = ["fill"], Za = /* @__PURE__ */ Y({
   __name: "IconFilter",
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${ua})`
+      default: `var(--kong-ui-entity-filter-color, ${la})`
     }
   },
   setup(e) {
-    return (o, t) => (d(), M("svg", Wa, [
-      T("mask", Qa, [
-        T("rect", {
+    return (o, t) => (d(), P("svg", za, [
+      B("mask", Wa, [
+        B("rect", {
           fill: e.color,
           height: "20",
           width: "20"
-        }, null, 8, Ya)
+        }, null, 8, Qa)
       ]),
-      T("g", Xa, [
-        T("path", {
+      B("g", Ya, [
+        B("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
-        }, null, 8, Za)
+        }, null, 8, Xa)
       ])
     ]));
   }
-}), to = {
+}), eo = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, ao = { class: "menu-item-title" }, oo = { class: "menu-item-indicator" }, no = { class: "menu-item-body" }, so = ["for"], ro = { class: "menu-item-buttons" }, lo = /* @__PURE__ */ Y({
+}, to = { class: "menu-item-title" }, ao = { class: "menu-item-indicator" }, oo = { class: "menu-item-body" }, no = ["for"], so = { class: "menu-item-buttons" }, ro = /* @__PURE__ */ Y({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -1926,37 +1935,37 @@ const X = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, { i18n: { t: a } } = X.useI18n(), n = A(!1), r = A({}), f = B(() => {
+    const t = e, { i18n: { t: a } } = X.useI18n(), n = A(!1), r = A({}), y = $(() => {
       const u = [];
-      return new URLSearchParams(t.modelValue).forEach((y, I) => {
-        y !== "" && u.push(I);
+      return new URLSearchParams(t.modelValue).forEach((f, w) => {
+        f !== "" && u.push(w);
       }), u;
-    }), w = B(() => {
+    }), _ = $(() => {
       const u = t.config.fields;
-      return Object.keys(u).filter((y) => u[y].searchable).map((y) => ({
-        label: u[y].label || y,
-        value: y
+      return Object.keys(u).filter((f) => u[f].searchable).map((f) => ({
+        label: u[f].label || f,
+        value: f
       }));
     });
     ce(() => t.modelValue, (u) => {
-      r.value = {}, new URLSearchParams(u).forEach((y, I) => {
-        r.value[I] = y;
+      r.value = {}, new URLSearchParams(u).forEach((f, w) => {
+        r.value[w] = f;
       });
     });
-    const l = () => {
+    const i = () => {
       n.value = !n.value;
-    }, x = (u) => {
+    }, T = (u) => {
       o("update:modelValue", u);
-    }, b = (u) => `filter-${u}`, C = (u) => {
-      var y, I;
-      return (((I = (y = t.config.schema) == null ? void 0 : y[u]) == null ? void 0 : I.values) ?? []).map((v) => ({
-        value: v,
-        label: v
+    }, b = (u) => `filter-${u}`, I = (u) => {
+      var f, w;
+      return (((w = (f = t.config.schema) == null ? void 0 : f[u]) == null ? void 0 : w.values) ?? []).map((g) => ({
+        value: g,
+        label: g
       }));
-    }, U = (u) => {
-      var y, I;
-      return ((I = (y = t.config.schema) == null ? void 0 : y[u]) == null ? void 0 : I.type) ?? "text";
-    }, S = (u) => {
+    }, R = (u) => {
+      var f, w;
+      return ((w = (f = t.config.schema) == null ? void 0 : f[u]) == null ? void 0 : w.type) ?? "text";
+    }, x = (u) => {
       r.value = {
         ...r.value,
         [u]: ""
@@ -1964,105 +1973,105 @@ const X = {
     }, V = () => {
       r.value = {}, q(!0);
     }, q = (u = !1) => {
-      const y = Object.keys(r.value).reduce((I, v) => (r.value[v] && (I[v] = `${r.value[v]}`), I), {});
-      u && (n.value = !1), o("update:modelValue", new URLSearchParams(y).toString());
+      const f = Object.keys(r.value).reduce((w, g) => (r.value[g] && (w[g] = `${r.value[g]}`), w), {});
+      u && (n.value = !1), o("update:modelValue", new URLSearchParams(f).toString());
     };
-    return (u, y) => {
-      const I = E("KInput"), v = E("KButton"), O = E("KSelect"), s = E("KMenuItem"), p = E("KMenu");
-      return e.config.isExactMatch ? (d(), N(I, {
+    return (u, f) => {
+      const w = E("KInput"), g = E("KButton"), O = E("KSelect"), s = E("KMenuItem"), p = E("KMenu");
+      return e.config.isExactMatch ? (d(), N(w, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
         "data-testid": "search-input",
         "model-value": e.modelValue,
         placeholder: e.config.placeholder,
-        "onUpdate:modelValue": x
+        "onUpdate:modelValue": T
       }, {
         icon: c(() => [
-          K(eo)
+          K(Za)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (d(), M("div", to, [
-        K(v, {
+      }, 8, ["model-value", "placeholder"])) : (d(), P("div", eo, [
+        K(g, {
           appearance: "btn-link",
           "data-testid": "filter-button",
           icon: "filter",
-          onClick: l
+          onClick: i
         }, {
           default: c(() => [
-            H(_(i(a)("filter.filterButtonText")) + " " + _(f.value.length > 0 ? `(${f.value.length})` : ""), 1)
+            H(C(l(a)("filter.filterButtonText")) + " " + C(y.value.length > 0 ? `(${y.value.length})` : ""), 1)
           ]),
           _: 1
         }),
-        he(T("div", {
+        he(B("div", {
           class: "kong-ui-entity-filter-backdrop",
-          onClick: l
+          onClick: i
         }, null, 512), [
           [be, n.value]
         ]),
         he(K(p, { class: "kong-ui-entity-filter-menu" }, {
           body: c(() => [
-            (d(!0), M(ne, null, ae(w.value, (h, R) => (d(), N(s, {
+            (d(!0), P(ne, null, ae(_.value, (h, U) => (d(), N(s, {
               key: h.value,
               "data-testid": h.value,
               expandable: "",
-              "last-menu-item": R === w.value.length - 1
+              "last-menu-item": U === _.value.length - 1
             }, {
               itemTitle: c(() => [
-                T("span", ao, [
-                  H(_(h.label) + " ", 1),
-                  he(T("span", oo, null, 512), [
-                    [be, f.value.includes(h.value)]
+                B("span", to, [
+                  H(C(h.label) + " ", 1),
+                  he(B("span", ao, null, 512), [
+                    [be, y.value.includes(h.value)]
                   ])
                 ])
               ]),
               itemBody: c(() => {
-                var g, P;
+                var v, M;
                 return [
-                  T("div", no, [
-                    T("label", {
+                  B("div", oo, [
+                    B("label", {
                       class: "menu-item-label",
                       for: b(h.value)
-                    }, _(i(a)("filter.fieldLabel")), 9, so),
-                    ((P = (g = e.config.schema) == null ? void 0 : g[h.value]) == null ? void 0 : P.type) === "select" ? (d(), N(O, {
+                    }, C(l(a)("filter.fieldLabel")), 9, no),
+                    ((M = (v = e.config.schema) == null ? void 0 : v[h.value]) == null ? void 0 : M.type) === "select" ? (d(), N(O, {
                       key: 0,
                       id: b(h.value),
                       modelValue: r.value[h.value],
                       "onUpdate:modelValue": (F) => r.value[h.value] = F,
                       appearance: "select",
-                      items: C(h.value),
-                      placeholder: i(a)("filter.selectPlaceholder")
-                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (d(), N(I, {
+                      items: I(h.value),
+                      placeholder: l(a)("filter.selectPlaceholder")
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (d(), N(w, {
                       key: 1,
                       id: b(h.value),
                       modelValue: r.value[h.value],
                       "onUpdate:modelValue": (F) => r.value[h.value] = F,
                       autocomplete: "off",
-                      placeholder: i(a)("filter.inputPlaceholder"),
+                      placeholder: l(a)("filter.inputPlaceholder"),
                       size: "small",
-                      type: U(h.value)
+                      type: R(h.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  T("div", ro, [
-                    K(v, {
+                  B("div", so, [
+                    K(g, {
                       appearance: "btn-link",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: y[0] || (y[0] = (F) => q(!0))
+                      onClick: f[0] || (f[0] = (F) => q(!0))
                     }, {
                       default: c(() => [
-                        H(_(i(a)("filter.applyButtonText")), 1)
+                        H(C(l(a)("filter.applyButtonText")), 1)
                       ]),
                       _: 1
                     }),
-                    K(v, {
+                    K(g, {
                       appearance: "btn-link",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: (F) => S(h.value)
+                      onClick: (F) => x(h.value)
                     }, {
                       default: c(() => [
-                        H(_(i(a)("filter.clearButtonText")), 1)
+                        H(C(l(a)("filter.clearButtonText")), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick"])
@@ -2073,9 +2082,9 @@ const X = {
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
           actionButton: c(() => [
-            K(v, { onClick: V }, {
+            K(g, { onClick: V }, {
               default: c(() => [
-                H(_(i(a)("filter.clearAllButtonText")), 1)
+                H(C(l(a)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
             })
@@ -2087,7 +2096,7 @@ const X = {
       ]));
     };
   }
-}), io = /* @__PURE__ */ se(lo, [["__scopeId", "data-v-745f38c0"]]), ve = /* @__PURE__ */ Y({
+}), io = /* @__PURE__ */ se(ro, [["__scopeId", "data-v-745f38c0"]]), ge = /* @__PURE__ */ Y({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -2109,7 +2118,7 @@ const X = {
     }
   },
   setup(e) {
-    const o = e, t = A(void 0), a = B(() => t.value === !0 || t.value !== void 0 && o.forceShow === !0);
+    const o = e, t = A(void 0), a = $(() => t.value === !0 || t.value !== void 0 && o.forceShow === !0);
     return ce(() => o.authFunction, async () => {
       t.value = await o.authFunction();
     }, { immediate: !0 }), (n, r) => a.value ? W(n.$slots, "default", {
@@ -2117,16 +2126,16 @@ const X = {
       isAllowed: t.value
     }) : z("", !0);
   }
-}), uo = { class: "form-section-wrapper" }, co = {
+}), lo = { class: "form-section-wrapper" }, uo = {
   key: 0,
   class: "form-section-title"
-}, po = {
+}, co = {
   key: 1,
   class: "form-section-description"
-}, mo = {
+}, po = {
   key: 2,
   class: "form-section-footer"
-}, fo = { class: "form-section-content" }, yo = /* @__PURE__ */ Y({
+}, mo = { class: "form-section-content" }, fo = /* @__PURE__ */ Y({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2151,39 +2160,39 @@ const X = {
     }
   },
   setup(e) {
-    const o = Be();
-    return (t, a) => (d(), M("fieldset", {
+    const o = Ae();
+    return (t, a) => (d(), P("fieldset", {
       class: ye(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      T("div", uo, [
-        e.hideInfoHeader ? z("", !0) : (d(), M("div", {
+      B("div", lo, [
+        e.hideInfoHeader ? z("", !0) : (d(), P("div", {
           key: 0,
           class: ye(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (d(), M("h4", co, _(e.title), 1)) : z("", !0),
-          e.description || i(o).description ? (d(), M("div", po, [
+          e.title ? (d(), P("h4", uo, C(e.title), 1)) : z("", !0),
+          e.description || l(o).description ? (d(), P("div", co, [
             W(t.$slots, "description", {}, () => [
-              T("p", null, _(e.description), 1)
+              B("p", null, C(e.description), 1)
             ], !0)
           ])) : z("", !0),
-          i(o).footer ? (d(), M("div", mo, [
+          l(o).footer ? (d(), P("div", po, [
             W(t.$slots, "footer", {}, void 0, !0)
           ])) : z("", !0)
         ], 2)),
-        T("div", fo, [
+        B("div", mo, [
           W(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), go = /* @__PURE__ */ se(yo, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Ee, useDeleteUrlBuilder: vo, useErrors: ho, useFetchUrlBuilder: No, useFetcher: bo, useDebouncedFilter: ko, useStringHelpers: Lo, useGatewayFeatureSupported: Do } = X;
-const Co = { class: "add-consumer-form-container" }, _o = { class: "add-consumer-form-cta" }, Io = { class: "select-item-label" }, wo = {
+}), yo = /* @__PURE__ */ se(fo, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Ue, useDeleteUrlBuilder: vo, useErrors: go, useFetchUrlBuilder: Oo, useFetcher: ho, useDebouncedFilter: bo, useStringHelpers: No, useGatewayFeatureSupported: Lo } = X;
+const ko = { class: "add-consumer-form-container" }, _o = { class: "add-consumer-form-cta" }, Co = { class: "select-item-label" }, Io = {
   key: 0,
   class: "select-item-desc"
-}, So = {
+}, wo = {
   key: 0,
   class: "kong-ui-entity-add-consumers-error"
-}, $o = { key: 0 }, xo = /* @__PURE__ */ Y({
+}, So = { key: 0 }, $o = /* @__PURE__ */ Y({
   __name: "AddConsumerModal",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2201,16 +2210,16 @@ const Co = { class: "add-consumer-form-container" }, _o = { class: "add-consumer
   emits: ["cancel", "add:success", "add:partial-success", "error"],
   setup(e, { emit: o }) {
     var F;
-    const t = e, { i18n: { t: a } } = _e.useI18n(), { axiosInstance: n } = Ee({
+    const t = e, { i18n: { t: a } } = Ie.useI18n(), { axiosInstance: n } = Ue({
       headers: (F = t.config) == null ? void 0 : F.requestHeaders
     }), r = A([]), {
-      debouncedQueryChange: f,
-      loading: w,
-      allRecords: l,
-      error: x,
+      debouncedQueryChange: y,
+      loading: _,
+      allRecords: i,
+      error: T,
       loadItems: b,
-      results: C
-    } = ko(
+      results: I
+    } = bo(
       t.config,
       ue.list[t.config.app].all,
       "",
@@ -2218,103 +2227,103 @@ const Co = { class: "add-consumer-form-container" }, _o = { class: "add-consumer
         fetchedItemsKey: "data",
         searchKeys: ["username", "id"]
       }
-    ), U = (m) => m, S = B(() => x.value ? a("consumers.errors.general") : ""), V = A(0), q = B(() => l.value === void 0), u = B(() => C.value.map((m) => ({
+    ), R = (m) => m, x = $(() => T.value ? a("consumers.errors.general") : ""), V = A(0), q = $(() => i.value === void 0), u = $(() => I.value.map((m) => ({
       label: m.username || m.customId,
       value: m.id,
       selected: r.value.includes(m.id),
       data: m
       // we need this to determine whether or not to show the description text
-    }))), y = (m) => {
+    }))), f = (m) => {
       var j;
-      const $ = q.value ? C.value.find((G) => G.id === m) : (j = l.value) == null ? void 0 : j.find((G) => G.id === m);
-      return $ ? $.username || $.custom_id : m;
-    }, I = () => {
-      s.value = "", v.value = [], g.value = [], o("cancel");
-    }, v = A([]), O = A(!1), s = A(""), p = async () => {
+      const S = q.value ? I.value.find((G) => G.id === m) : (j = i.value) == null ? void 0 : j.find((G) => G.id === m);
+      return S ? S.username || S.custom_id : m;
+    }, w = () => {
+      s.value = "", g.value = [], v.value = [], o("cancel");
+    }, g = A([]), O = A(!1), s = A(""), p = async () => {
       if (!r.value.length) {
-        s.value = "", g.value = [], o("cancel");
+        s.value = "", v.value = [], o("cancel");
         return;
       }
-      O.value = !0, s.value = "", v.value = [], g.value = [];
+      O.value = !0, s.value = "", g.value = [], v.value = [];
       try {
-        const m = r.value.map((G) => R(G)), $ = await Promise.allSettled(m);
+        const m = r.value.map((G) => U(G)), S = await Promise.allSettled(m);
         let j = !0;
-        $.forEach((G) => {
+        S.forEach((G) => {
           G.status !== "fulfilled" && (j = !1);
-        }), j ? (v.value = [], g.value = [], o("add:success", r.value), r.value = []) : (v.value.length && o("add:partial-success", v.value), r.value = [], P($));
+        }), j ? (g.value = [], v.value = [], o("add:success", r.value), r.value = []) : (g.value.length && o("add:partial-success", g.value), r.value = [], M(S));
       } catch {
         s.value = a("consumers.errors.add"), o("error", s.value);
       } finally {
         O.value = !1;
       }
-    }, h = B(() => {
-      var $, j, G, Z;
+    }, h = $(() => {
+      var S, j, G, Z;
       let m = `${t.config.apiBaseUrl}${ue.list[t.config.app].forConsumerGroup}`;
-      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, (($ = t.config) == null ? void 0 : $.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((j = t.config) == null ? void 0 : j.consumerGroupId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (G = t.config) != null && G.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((Z = t.config) == null ? void 0 : Z.consumerGroupId) || "")), m;
-    }), R = async (m) => {
-      const $ = {
+      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((S = t.config) == null ? void 0 : S.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((j = t.config) == null ? void 0 : j.consumerGroupId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (G = t.config) != null && G.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((Z = t.config) == null ? void 0 : Z.consumerGroupId) || "")), m;
+    }), U = async (m) => {
+      const S = {
         consumer: m
       };
       try {
-        const j = await n.post(h.value, $);
-        return v.value.push(m), j;
+        const j = await n.post(h.value, S);
+        return g.value.push(m), j;
       } catch (j) {
-        let G = `${y(m)} - ${j.message}`;
-        return j.response.status === 409 && (G = `${y(m)} - ${a("consumers.errors.already_added")}`), Promise.reject(Error(G));
+        let G = `${f(m)} - ${j.message}`;
+        return j.response.status === 409 && (G = `${f(m)} - ${a("consumers.errors.already_added")}`), Promise.reject(Error(G));
       }
-    }, g = A([]), P = (m) => {
-      g.value = m.map(($) => {
+    }, v = A([]), M = (m) => {
+      v.value = m.map((S) => {
         var j;
-        return (j = $.reason) == null ? void 0 : j.message;
+        return (j = S.reason) == null ? void 0 : j.message;
       }).filter(Boolean);
     };
     return ce(u, () => {
       V.value++;
     }, { immediate: !0, deep: !0 }), Ce(async () => {
       await b();
-    }), (m, $) => {
+    }), (m, S) => {
       const j = E("KMultiselect"), G = E("KAlert"), Z = E("KPrompt");
       return d(), N(Z, {
         "action-pending": O.value,
         class: "kong-ui-entities-add-consumers-modal",
         "data-testid": "add-consumer-modal",
         "is-visible": e.visible,
-        title: i(a)("consumers.consumer_groups.add.title"),
-        onCanceled: I,
+        title: l(a)("consumers.consumer_groups.add.title"),
+        onCanceled: w,
         onProceed: p
       }, {
         "body-content": c(() => [
-          T("div", Co, [
-            T("p", _o, _(i(a)("consumers.consumer_groups.add.ctaText")), 1),
+          B("div", ko, [
+            B("p", _o, C(l(a)("consumers.consumer_groups.add.ctaText")), 1),
             K(j, {
               modelValue: r.value,
-              "onUpdate:modelValue": $[0] || ($[0] = (oe) => r.value = oe),
+              "onUpdate:modelValue": S[0] || (S[0] = (oe) => r.value = oe),
               autosuggest: "",
               "data-testid": "add-consumers-multiselect",
-              "dropdown-footer-text": q.value ? i(a)("consumers.consumer_groups.add.footer") : void 0,
+              "dropdown-footer-text": q.value ? l(a)("consumers.consumer_groups.add.footer") : void 0,
               items: u.value,
-              label: i(a)("consumers.consumer_groups.add.consumers_label"),
-              loading: i(w),
-              placeholder: i(a)("consumers.consumer_groups.add.consumer_placeholder"),
+              label: l(a)("consumers.consumer_groups.add.consumers_label"),
+              loading: l(_),
+              placeholder: l(a)("consumers.consumer_groups.add.consumer_placeholder"),
               readonly: O.value,
               required: "",
               width: "100%",
-              onQueryChange: i(f)
+              onQueryChange: l(y)
             }, {
               "item-template": c(({ item: oe }) => [
-                T("div", Io, _(oe.label), 1),
-                U(oe).data.username && U(oe).data.custom_id ? (d(), M("div", wo, _(U(oe).data.custom_id), 1)) : z("", !0)
+                B("div", Co, C(oe.label), 1),
+                R(oe).data.username && R(oe).data.custom_id ? (d(), P("div", Io, C(R(oe).data.custom_id), 1)) : z("", !0)
               ]),
               _: 1
             }, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            s.value || S.value || g.value.length ? (d(), M("div", So, [
+            s.value || x.value || v.value.length ? (d(), P("div", wo, [
               K(G, { appearance: "danger" }, {
                 alertMessage: c(() => [
-                  T("p", null, _(i(a)("consumers.errors.add")), 1),
-                  g.value.length ? (d(), M("ul", $o, [
-                    (d(!0), M(ne, null, ae(g.value, (oe, Ie) => (d(), M("li", { key: Ie }, _(oe), 1))), 128))
+                  B("p", null, C(l(a)("consumers.errors.add")), 1),
+                  v.value.length ? (d(), P("ul", So, [
+                    (d(!0), P(ne, null, ae(v.value, (oe, we) => (d(), P("li", { key: we }, C(oe), 1))), 128))
                   ])) : z("", !0),
-                  T("div", null, _(s.value || S.value), 1)
+                  B("div", null, C(s.value || x.value), 1)
                 ]),
                 _: 1
               })
@@ -2326,12 +2335,12 @@ const Co = { class: "add-consumer-form-container" }, _o = { class: "add-consumer
     };
   }
 });
-const Re = (e, o) => {
+const Fe = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
     t[a] = n;
   return t;
-}, Ko = /* @__PURE__ */ Re(xo, [["__scopeId", "data-v-86f09821"]]), Bo = { class: "kong-ui-entities-consumers-list" }, To = { key: 1 }, Ao = /* @__PURE__ */ Y({
+}, xo = /* @__PURE__ */ Fe($o, [["__scopeId", "data-v-86f09821"]]), Ko = { class: "kong-ui-entities-consumers-list" }, To = { key: 1 }, Bo = /* @__PURE__ */ Y({
   __name: "ConsumerList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2372,20 +2381,20 @@ const Re = (e, o) => {
   },
   emits: ["error", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: o }) {
-    var Ne;
-    const t = e, { i18nT: a, i18n: { t: n } } = _e.useI18n(), r = Ae(), { axiosInstance: f } = Ee({
-      headers: (Ne = t.config) == null ? void 0 : Ne.requestHeaders
-    }), w = A(1), l = B(() => !!t.config.consumerGroupId), x = B(() => t.config.app !== "kongManager" || !!t.config.disableSorting), b = {
+    var Le;
+    const t = e, { i18nT: a, i18n: { t: n } } = Ie.useI18n(), r = Me(), { axiosInstance: y } = Ue({
+      headers: (Le = t.config) == null ? void 0 : Le.requestHeaders
+    }), _ = A(1), i = $(() => !!t.config.consumerGroupId), T = $(() => t.config.app !== "kongManager" || !!t.config.disableSorting), b = {
       username: { label: n("consumers.list.table_headers.username"), searchable: !0, sortable: !0 },
       custom_id: { label: n("consumers.list.table_headers.custom_id"), searchable: !0, sortable: !0 },
       tags: { label: n("consumers.list.table_headers.tags"), sortable: !1 }
-    }, C = b, U = (k) => ({
+    }, I = b, R = (k) => ({
       "data-testid": k.username ?? k.custom_id ?? k.id
-    }), S = B(() => {
-      var L, Q, te, le;
-      let k = `${t.config.apiBaseUrl}${ue.list[t.config.app][l.value ? "forConsumerGroup" : "all"]}`;
-      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((L = t.config) == null ? void 0 : L.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((Q = t.config) == null ? void 0 : Q.consumerGroupId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (te = t.config) != null && te.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((le = t.config) == null ? void 0 : le.consumerGroupId) || "")), k;
-    }), V = A(""), q = B(() => {
+    }), x = $(() => {
+      var L, Q, te, ie;
+      let k = `${t.config.apiBaseUrl}${ue.list[t.config.app][i.value ? "forConsumerGroup" : "all"]}`;
+      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((L = t.config) == null ? void 0 : L.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((Q = t.config) == null ? void 0 : Q.consumerGroupId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (te = t.config) != null && te.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((ie = t.config) == null ? void 0 : ie.consumerGroupId) || "")), k;
+    }), V = A(""), q = $(() => {
       const k = t.config.app === "konnect" || t.config.isExactMatch;
       return k ? {
         isExactMatch: k,
@@ -2398,10 +2407,10 @@ const Re = (e, o) => {
         },
         schema: t.config.filterSchema
       };
-    }), u = B(() => l.value ? "consumers" : void 0), { fetcher: y, fetcherState: I } = bo(t.config, S.value, u.value), v = () => {
+    }), u = $(() => i.value ? "consumers" : void 0), { fetcher: f, fetcherState: w } = ho(t.config, x.value, u.value), g = () => {
       V.value = "";
     }, O = () => {
-      w.value++;
+      _.value++;
     }, s = (k) => k ?? "-", p = A(""), h = (k, L) => {
       const Q = k.id;
       if (!L(Q)) {
@@ -2417,7 +2426,7 @@ const Re = (e, o) => {
         field: "id",
         message: n("consumers.copy.success", { val: Q })
       });
-    }, R = (k, L) => {
+    }, U = (k, L) => {
       const Q = JSON.stringify(k);
       if (!L(Q)) {
         o("copy:error", {
@@ -2430,100 +2439,100 @@ const Re = (e, o) => {
         entity: k,
         message: n("consumers.copy.success_brief")
       });
-    }, g = async (k) => {
+    }, v = async (k) => {
       var Q;
       await ((Q = t.canRetrieve) == null ? void 0 : Q.call(t, k)) && r.push(t.config.getViewRoute(k.id));
-    }, P = (k) => ({
+    }, M = (k) => ({
       label: n("consumers.actions.view"),
       to: t.config.getViewRoute(k)
     }), F = (k) => ({
       label: n("consumers.actions.edit"),
       to: t.config.getEditRoute(k)
-    }), m = A(void 0), $ = A(!1), j = A(!1), G = A(""), Z = vo(t.config, S.value), oe = (k) => {
-      m.value = k, $.value = !0;
-    }, Ie = () => {
-      $.value = !1;
-    }, lt = async () => {
+    }), m = A(void 0), S = A(!1), j = A(!1), G = A(""), Z = vo(t.config, x.value), oe = (k) => {
+      m.value = k, S.value = !0;
+    }, we = () => {
+      S.value = !1;
+    }, it = async () => {
       var k, L, Q;
       if ((k = m.value) != null && k.id) {
         j.value = !0;
         try {
-          await f.delete(Z(m.value.id)), j.value = !1, $.value = !1, w.value++, o("delete:success", m.value);
+          await y.delete(Z(m.value.id)), j.value = !1, S.value = !1, _.value++, o("delete:success", m.value);
         } catch (te) {
           G.value = ((Q = (L = te.response) == null ? void 0 : L.data) == null ? void 0 : Q.message) || te.message || n("consumers.errors.delete"), o("error", te);
         } finally {
           j.value = !1;
         }
       }
-    }, we = A(!1), Fe = () => {
-      we.value = !0;
-    }, Ue = () => {
-      we.value = !1;
-    }, Ve = (k, L) => {
-      L || Ue(), w.value++, o("add:success", k);
-    }, it = () => {
-      l.value && Fe();
-    }, re = A(void 0), Se = A(!1), ut = A(""), ct = (k) => {
-      re.value = k, Se.value = !0;
-    }, je = () => {
-      Se.value = !1, re.value = void 0;
-    }, dt = B(() => {
-      var L, Q, te, le;
+    }, Se = A(!1), Re = () => {
+      Se.value = !0;
+    }, Ve = () => {
+      Se.value = !1;
+    }, je = (k, L) => {
+      L || Ve(), _.value++, o("add:success", k);
+    }, lt = () => {
+      i.value && Re();
+    }, re = A(void 0), $e = A(!1), ut = A(""), ct = (k) => {
+      re.value = k, $e.value = !0;
+    }, Oe = () => {
+      $e.value = !1, re.value = void 0;
+    }, dt = $(() => {
+      var L, Q, te, ie;
       let k = `${t.config.apiBaseUrl}${ue.list[t.config.app].oneForConsumerGroup}`;
-      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((L = t.config) == null ? void 0 : L.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((Q = t.config) == null ? void 0 : Q.consumerGroupId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (te = t.config) != null && te.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((le = t.config) == null ? void 0 : le.consumerGroupId) || "")), k;
-    }), Oe = A(!1), pt = async () => {
+      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((L = t.config) == null ? void 0 : L.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((Q = t.config) == null ? void 0 : Q.consumerGroupId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (te = t.config) != null && te.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((ie = t.config) == null ? void 0 : ie.consumerGroupId) || "")), k;
+    }), Ne = A(!1), pt = async () => {
       if (re.value) {
-        Oe.value = !0;
+        Ne.value = !0;
         try {
           const k = dt.value.replace(/{consumerId}/gi, re.value.id);
-          await f.delete(k), o("remove:success", re.value), je(), w.value++;
+          await y.delete(k), o("remove:success", re.value), Oe(), _.value++;
         } catch (k) {
           ut.value = k.message || n("consumers.errors.delete"), o("error", k);
         } finally {
-          Oe.value = !1;
+          Ne.value = !1;
         }
       }
     };
-    ce(I, (k) => {
-      if (k.status === ie.Error) {
+    ce(w, (k) => {
+      if (k.status === le.Error) {
         p.value = n("consumers.errors.general"), o("error", k.error);
         return;
       }
       p.value = "";
     });
-    const $e = A({
-      ctaPath: l.value ? void 0 : t.config.createRoute,
+    const xe = A({
+      ctaPath: i.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
       message: n("consumers.list.empty_state.description"),
       title: n("consumers.title")
     });
     return Ce(async () => {
-      await t.canCreate() && ($e.value.title = l.value ? n("consumers.list.empty_state.title_for_consumer_group") : n("consumers.list.empty_state.title"), $e.value.ctaText = l.value ? n("consumers.actions.add_consumer") : n("consumers.actions.create"));
+      await t.canCreate() && (xe.value.title = i.value ? n("consumers.list.empty_state.title_for_consumer_group") : n("consumers.list.empty_state.title"), xe.value.ctaText = i.value ? n("consumers.actions.add_consumer") : n("consumers.actions.create"));
     }), (k, L) => {
-      const Q = E("KButton"), te = E("KBadge"), le = E("KTruncate"), ge = E("KDropdownItem"), Le = E("KClipboardProvider"), mt = E("KPrompt");
-      return d(), M("div", Bo, [
-        K(i(Da), {
+      const Q = E("KButton"), te = E("KBadge"), ie = E("KTruncate"), ve = E("KDropdownItem"), De = E("KClipboardProvider"), mt = E("KPrompt");
+      return d(), P("div", Ko, [
+        K(l(La), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-pagination": l.value,
+          "disable-pagination": i.value,
           "disable-pagination-page-jump": "",
-          "disable-sorting": x.value,
-          "empty-state-options": $e.value,
+          "disable-sorting": T.value,
+          "empty-state-options": xe.value,
           "enable-entity-actions": "",
           "error-message": p.value,
-          fetcher: i(y),
-          "fetcher-cache-key": w.value,
+          fetcher: l(f),
+          "fetcher-cache-key": _.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-consumers-list",
           query: V.value,
-          "row-attributes": U,
-          "table-headers": i(C),
-          onClearSearchInput: v,
-          "onClick:row": L[3] || (L[3] = (D) => g(D)),
-          onEmptyStateCtaClicked: it,
+          "row-attributes": R,
+          "table-headers": l(I),
+          onClearSearchInput: g,
+          "onClick:row": L[3] || (L[3] = (D) => v(D)),
+          onEmptyStateCtaClicked: lt,
           onSort: O
         }, {
           "toolbar-filter": c(() => [
-            l.value ? z("", !0) : (d(), N(i(io), {
+            i.value ? z("", !0) : (d(), N(l(io), {
               key: 0,
               modelValue: V.value,
               "onUpdate:modelValue": L[0] || (L[0] = (D) => V.value = D),
@@ -2531,7 +2540,7 @@ const Re = (e, o) => {
             }, null, 8, ["modelValue", "config"]))
           ]),
           "toolbar-button": c(() => [
-            K(i(ve), {
+            K(l(ge), {
               "auth-function": () => e.canCreate()
             }, {
               default: c(() => [
@@ -2540,10 +2549,10 @@ const Re = (e, o) => {
                   "data-testid": "toolbar-add-consumer",
                   icon: "plus",
                   to: e.config.consumerGroupId ? void 0 : e.config.createRoute,
-                  onClick: L[1] || (L[1] = () => e.config.consumerGroupId ? Fe() : void 0)
+                  onClick: L[1] || (L[1] = () => e.config.consumerGroupId ? Re() : void 0)
                 }, {
                   default: c(() => [
-                    H(_(e.config.consumerGroupId ? i(n)("consumers.actions.add_consumer") : i(n)("consumers.list.toolbar_actions.new_consumer")), 1)
+                    H(C(e.config.consumerGroupId ? l(n)("consumers.actions.add_consumer") : l(n)("consumers.list.toolbar_actions.new_consumer")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
@@ -2552,92 +2561,92 @@ const Re = (e, o) => {
             }, 8, ["auth-function"])
           ]),
           username: c(({ rowValue: D }) => [
-            T("b", null, _(s(D)), 1)
+            B("b", null, C(s(D)), 1)
           ]),
           custom_id: c(({ rowValue: D }) => [
-            H(_(s(D)), 1)
+            H(C(s(D)), 1)
           ]),
           tags: c(({ rowValue: D }) => [
-            D && D.length > 0 ? (d(), N(le, { key: 0 }, {
+            D && D.length > 0 ? (d(), N(ie, { key: 0 }, {
               default: c(() => [
-                (d(!0), M(ne, null, ae(D, (de) => (d(), N(te, {
+                (d(!0), P(ne, null, ae(D, (de) => (d(), N(te, {
                   key: de,
                   onClick: L[2] || (L[2] = ke(() => {
                   }, ["stop"]))
                 }, {
                   default: c(() => [
-                    H(_(de), 1)
+                    H(C(de), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (d(), M("span", To, "-"))
+            }, 1024)) : (d(), P("span", To, "-"))
           ]),
           actions: c(({ row: D }) => [
-            K(Le, null, {
+            K(De, null, {
               default: c(({ copyToClipboard: de }) => [
-                K(ge, {
+                K(ve, {
                   "data-testid": "action-entity-copy-id",
                   onClick: (ft) => h(D, de)
                 }, {
                   default: c(() => [
-                    H(_(i(n)("consumers.actions.copy_id")), 1)
+                    H(C(l(n)("consumers.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            K(Le, null, {
+            K(De, null, {
               default: c(({ copyToClipboard: de }) => [
-                K(ge, {
+                K(ve, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (ft) => R(D, de)
+                  onClick: (ft) => U(D, de)
                 }, {
                   default: c(() => [
-                    H(_(i(n)("consumers.actions.copy_json")), 1)
+                    H(C(l(n)("consumers.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            K(i(ve), {
+            K(l(ge), {
               "auth-function": () => e.canRetrieve(D)
             }, {
               default: c(() => [
-                K(ge, {
+                K(ve, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: P(D.id)
+                  item: M(D.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            K(i(ve), {
+            K(l(ge), {
               "auth-function": () => e.canEdit(D)
             }, {
               default: c(() => [
-                K(ge, {
+                K(ve, {
                   "data-testid": "action-entity-edit",
                   item: F(D.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            K(i(ve), {
+            K(l(ge), {
               "auth-function": () => e.canDelete(D)
             }, {
               default: c(() => [
-                K(ge, {
+                K(ve, {
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
                   "is-dangerous": "",
                   onClick: () => e.config.consumerGroupId ? ct(D) : oe(D)
                 }, {
                   default: c(() => [
-                    H(_(e.config.consumerGroupId ? i(n)("consumers.actions.remove") : i(n)("consumers.actions.delete")), 1)
+                    H(C(e.config.consumerGroupId ? l(n)("consumers.actions.remove") : l(n)("consumers.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2647,56 +2656,56 @@ const Re = (e, o) => {
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
-        K(i(za), {
+        K(l(Ja), {
           "action-pending": j.value,
           "data-testid": "delete-consumer-modal",
-          description: i(n)("consumers.delete.description"),
+          description: l(n)("consumers.delete.description"),
           "entity-name": m.value && (m.value.username || m.value.custom_id || m.value.id),
-          "entity-type": i(et).Consumer,
+          "entity-type": l(et).Consumer,
           error: G.value,
-          title: i(n)("consumers.delete.title"),
-          visible: $.value,
-          onCancel: Ie,
-          onProceed: lt
+          title: l(n)("consumers.delete.title"),
+          visible: S.value,
+          onCancel: we,
+          onProceed: it
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
-        e.config.consumerGroupId ? (d(), N(Ko, {
+        e.config.consumerGroupId ? (d(), N(xo, {
           key: 0,
           config: e.config,
           "data-testid": "add-consumer-modal",
-          visible: we.value,
-          "onAdd:partialSuccess": L[4] || (L[4] = (D) => Ve(D, !0)),
-          "onAdd:success": L[5] || (L[5] = (D) => Ve(D)),
-          onCancel: Ue
+          visible: Se.value,
+          "onAdd:partialSuccess": L[4] || (L[4] = (D) => je(D, !0)),
+          "onAdd:success": L[5] || (L[5] = (D) => je(D)),
+          onCancel: Ve
         }, null, 8, ["config", "visible"])) : z("", !0),
         e.config.consumerGroupId && re.value ? (d(), N(mt, {
           key: 1,
           "data-testid": "remove-consumer-modal",
-          "is-visible": Se.value,
-          title: i(n)("consumers.consumer_groups.remove.title"),
+          "is-visible": $e.value,
+          title: l(n)("consumers.consumer_groups.remove.title"),
           type: "danger",
-          onCanceled: je,
+          onCanceled: Oe,
           onProceed: pt
         }, {
           "body-content": c(() => [
-            K(i(a), {
+            K(l(a), {
               class: "message",
               keypath: e.config.consumerGroupName ? "consumers.consumer_groups.remove.confirmation" : "consumers.consumer_groups.remove.confirmationNoCG",
               tag: "p"
             }, fe({
               consumer: c(() => [
-                T("strong", null, _(re.value.username || re.value.custom_id || re.value.id), 1)
+                B("strong", null, C(re.value.username || re.value.custom_id || re.value.id), 1)
               ]),
               _: 2
             }, [
               e.config.consumerGroupName ? {
                 name: "consumerGroup",
                 fn: c(() => [
-                  T("strong", null, _(e.config.consumerGroupName), 1)
+                  B("strong", null, C(e.config.consumerGroupName), 1)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            T("p", null, _(i(n)("consumers.consumer_groups.remove.description")), 1)
+            B("p", null, C(l(n)("consumers.consumer_groups.remove.description")), 1)
           ]),
           _: 1
         }, 8, ["is-visible", "title"])) : z("", !0)
@@ -2704,7 +2713,7 @@ const Re = (e, o) => {
     };
   }
 });
-const Go = /* @__PURE__ */ Re(Ao, [["__scopeId", "data-v-45929bbf"]]), Mo = { class: "kong-ui-entities-consumer-form" }, Po = { class: "fields-group-title" }, qo = { class: "fields-group-text" }, Eo = /* @__PURE__ */ Y({
+const Do = /* @__PURE__ */ Fe(Bo, [["__scopeId", "data-v-45929bbf"]]), Ao = { class: "kong-ui-entities-consumer-form" }, Mo = { class: "fields-group-title" }, Po = { class: "fields-group-text" }, qo = /* @__PURE__ */ Y({
   __name: "ConsumerForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2723,9 +2732,9 @@ const Go = /* @__PURE__ */ Re(Ao, [["__scopeId", "data-v-45929bbf"]]), Mo = { cl
   emits: ["update", "error", "loading"],
   setup(e, { emit: o }) {
     var O;
-    const t = e, { i18nT: a, i18n: { t: n } } = _e.useI18n(), r = Ae(), { axiosInstance: f } = Ee({
+    const t = e, { i18nT: a, i18n: { t: n } } = Ie.useI18n(), r = Me(), { axiosInstance: y } = Ue({
       headers: (O = t.config) == null ? void 0 : O.requestHeaders
-    }), { getMessageFromError: w } = ho(), l = De({
+    }), { getMessageFromError: _ } = go(), i = Ge({
       fields: {
         username: "",
         customId: "",
@@ -2733,98 +2742,98 @@ const Go = /* @__PURE__ */ Re(Ao, [["__scopeId", "data-v-45929bbf"]]), Mo = { cl
       },
       readonly: !1,
       errorMessage: ""
-    }), x = De({
+    }), T = Ge({
       username: "",
       customId: "",
       tags: ""
-    }), b = B(() => {
+    }), b = $(() => {
       var s, p;
       return (p = ue.form[(s = t.config) == null ? void 0 : s.app]) == null ? void 0 : p.edit;
-    }), C = () => {
+    }), I = () => {
       var s;
       r.push(((s = t.config) == null ? void 0 : s.cancelRoute) || { name: "consumer-list" });
-    }, U = (s) => {
+    }, R = (s) => {
       o("loading", s);
-    }, S = (s) => {
+    }, x = (s) => {
       o("error", s);
     }, V = (s) => {
-      var h, R, g;
-      l.fields.username = ((h = s == null ? void 0 : s.item) == null ? void 0 : h.username) || (s == null ? void 0 : s.username) || "", l.fields.customId = ((R = s == null ? void 0 : s.item) == null ? void 0 : R.custom_id) || (s == null ? void 0 : s.custom_id) || "";
-      const p = ((g = s == null ? void 0 : s.item) == null ? void 0 : g.tags) || (s == null ? void 0 : s.tags) || [];
-      l.fields.tags = (p == null ? void 0 : p.join(", ")) || "", Object.assign(x, l.fields);
-    }, q = B(() => t.consumerId ? Ke.Edit : Ke.Create), u = (s) => {
-      var h, R, g, P, F, m;
-      let p = `${(h = t.config) == null ? void 0 : h.apiBaseUrl}${ue.form[(R = t.config) == null ? void 0 : R.app][s]}`;
-      return ((g = t.config) == null ? void 0 : g.app) === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((P = t.config) == null ? void 0 : P.controlPlaneId) || "") : ((F = t.config) == null ? void 0 : F.app) === "kongManager" && (p = p.replace(/\/{workspace}/gi, (m = t.config) != null && m.workspace ? `/${t.config.workspace}` : "")), p = p.replace(/{id}/gi, t.consumerId), p;
-    }, y = B(() => !!l.fields.username || !!l.fields.customId), I = B(() => JSON.stringify(l.fields) !== JSON.stringify(x)), v = async () => {
+      var h, U, v;
+      i.fields.username = ((h = s == null ? void 0 : s.item) == null ? void 0 : h.username) || (s == null ? void 0 : s.username) || "", i.fields.customId = ((U = s == null ? void 0 : s.item) == null ? void 0 : U.custom_id) || (s == null ? void 0 : s.custom_id) || "";
+      const p = ((v = s == null ? void 0 : s.item) == null ? void 0 : v.tags) || (s == null ? void 0 : s.tags) || [];
+      i.fields.tags = (p == null ? void 0 : p.join(", ")) || "", Object.assign(T, i.fields);
+    }, q = $(() => t.consumerId ? Be.Edit : Be.Create), u = (s) => {
+      var h, U, v, M, F, m;
+      let p = `${(h = t.config) == null ? void 0 : h.apiBaseUrl}${ue.form[(U = t.config) == null ? void 0 : U.app][s]}`;
+      return ((v = t.config) == null ? void 0 : v.app) === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((M = t.config) == null ? void 0 : M.controlPlaneId) || "") : ((F = t.config) == null ? void 0 : F.app) === "kongManager" && (p = p.replace(/\/{workspace}/gi, (m = t.config) != null && m.workspace ? `/${t.config.workspace}` : "")), p = p.replace(/{id}/gi, t.consumerId), p;
+    }, f = $(() => !!i.fields.username || !!i.fields.customId), w = $(() => JSON.stringify(i.fields) !== JSON.stringify(T)), g = async () => {
       var s, p, h;
       try {
-        l.readonly = !0;
-        const R = {
-          username: l.fields.username || null,
-          custom_id: l.fields.customId || null,
-          tags: (p = (s = l.fields.tags.split(",")) == null ? void 0 : s.map((P) => String(P || "").trim())) == null ? void 0 : p.filter((P) => P !== "")
+        i.readonly = !0;
+        const U = {
+          username: i.fields.username || null,
+          custom_id: i.fields.customId || null,
+          tags: (p = (s = i.fields.tags.split(",")) == null ? void 0 : s.map((M) => String(M || "").trim())) == null ? void 0 : p.filter((M) => M !== "")
         };
-        let g;
-        await f.post(u("validate"), R), q.value === "create" ? g = await f.post(u("create"), R) : q.value === "edit" && (g = ((h = t.config) == null ? void 0 : h.app) === "konnect" ? await f.put(u("edit"), R) : await f.patch(u("edit"), R)), V(g == null ? void 0 : g.data), o("update", g == null ? void 0 : g.data);
-      } catch (R) {
-        l.errorMessage = w(R), o("error", R);
+        let v;
+        await y.post(u("validate"), U), q.value === "create" ? v = await y.post(u("create"), U) : q.value === "edit" && (v = ((h = t.config) == null ? void 0 : h.app) === "konnect" ? await y.put(u("edit"), U) : await y.patch(u("edit"), U)), V(v == null ? void 0 : v.data), o("update", v == null ? void 0 : v.data);
+      } catch (U) {
+        i.errorMessage = _(U), o("error", U);
       } finally {
-        l.readonly = !1;
+        i.readonly = !1;
       }
     };
     return (s, p) => {
-      const h = E("KInput"), R = E("KCard");
-      return d(), M("div", Mo, [
-        K(i(Ra), {
-          "can-submit": y.value && I.value,
+      const h = E("KInput"), U = E("KCard");
+      return d(), P("div", Ao, [
+        K(l(Ea), {
+          "can-submit": f.value && w.value,
           config: e.config,
           "edit-id": e.consumerId,
-          "error-message": l.errorMessage,
+          "error-message": i.errorMessage,
           "fetch-url": b.value,
-          "is-readonly": l.readonly,
-          onCancel: C,
-          "onFetch:error": p[3] || (p[3] = (g) => S(g)),
+          "is-readonly": i.readonly,
+          onCancel: I,
+          "onFetch:error": p[3] || (p[3] = (v) => x(v)),
           "onFetch:success": V,
-          onLoading: p[4] || (p[4] = (g) => U(g)),
-          onSubmit: v
+          onLoading: p[4] || (p[4] = (v) => R(v)),
+          onSubmit: g
         }, {
           default: c(() => [
-            T("div", null, [
-              K(i(go), {
-                description: i(n)("consumers.form.info.description"),
+            B("div", null, [
+              K(l(yo), {
+                description: l(n)("consumers.form.info.description"),
                 "has-divider": "",
-                title: i(n)("consumers.form.info.title")
+                title: l(n)("consumers.form.info.title")
               }, {
                 default: c(() => [
-                  T("div", null, [
-                    T("h5", Po, _(i(n)("consumers.form.consumer_identification.title")) + "* ", 1),
-                    T("p", qo, _(i(n)("consumers.form.consumer_identification.description")), 1)
+                  B("div", null, [
+                    B("h5", Mo, C(l(n)("consumers.form.consumer_identification.title")) + "* ", 1),
+                    B("p", Po, C(l(n)("consumers.form.consumer_identification.description")), 1)
                   ]),
-                  K(R, null, {
+                  K(U, null, {
                     body: c(() => [
                       K(h, {
-                        modelValue: l.fields.username,
-                        "onUpdate:modelValue": p[0] || (p[0] = (g) => l.fields.username = g),
+                        modelValue: i.fields.username,
+                        "onUpdate:modelValue": p[0] || (p[0] = (v) => i.fields.username = v),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         class: "username-field",
                         "data-testid": "consumer-form-username",
-                        label: i(n)("consumers.fields.username.label"),
+                        label: l(n)("consumers.fields.username.label"),
                         "label-attributes": {
                           tooltipAttributes: { maxWidth: "250" }
                         },
-                        placeholder: i(n)("consumers.fields.username.placeholder"),
-                        readonly: l.readonly,
+                        placeholder: l(n)("consumers.fields.username.placeholder"),
+                        readonly: i.readonly,
                         type: "text"
                       }, {
                         "label-tooltip": c(() => [
-                          K(i(a), {
+                          K(l(a), {
                             keypath: "consumers.fields.username.tooltip",
                             scope: "global"
                           }, {
                             custom_id: c(() => [
-                              T("code", null, _(i(n)("consumers.fields.username.custom_id")), 1)
+                              B("code", null, C(l(n)("consumers.fields.username.custom_id")), 1)
                             ]),
                             _: 1
                           })
@@ -2832,26 +2841,26 @@ const Go = /* @__PURE__ */ Re(Ao, [["__scopeId", "data-v-45929bbf"]]), Mo = { cl
                         _: 1
                       }, 8, ["modelValue", "label", "placeholder", "readonly"]),
                       K(h, {
-                        modelValue: l.fields.customId,
-                        "onUpdate:modelValue": p[1] || (p[1] = (g) => l.fields.customId = g),
+                        modelValue: i.fields.customId,
+                        "onUpdate:modelValue": p[1] || (p[1] = (v) => i.fields.customId = v),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "consumer-form-custom-id",
-                        label: i(n)("consumers.fields.custom_id.label"),
+                        label: l(n)("consumers.fields.custom_id.label"),
                         "label-attributes": {
                           tooltipAttributes: { maxWidth: "250" }
                         },
-                        placeholder: i(n)("consumers.fields.custom_id.placeholder"),
-                        readonly: l.readonly,
+                        placeholder: l(n)("consumers.fields.custom_id.placeholder"),
+                        readonly: i.readonly,
                         type: "text"
                       }, {
                         "label-tooltip": c(() => [
-                          K(i(a), {
+                          K(l(a), {
                             keypath: "consumers.fields.custom_id.tooltip",
                             scope: "global"
                           }, {
                             username: c(() => [
-                              T("code", null, _(i(n)("consumers.fields.custom_id.username")), 1)
+                              B("code", null, C(l(n)("consumers.fields.custom_id.username")), 1)
                             ]),
                             _: 1
                           })
@@ -2862,19 +2871,19 @@ const Go = /* @__PURE__ */ Re(Ao, [["__scopeId", "data-v-45929bbf"]]), Mo = { cl
                     _: 1
                   }),
                   K(h, {
-                    modelValue: l.fields.tags,
-                    "onUpdate:modelValue": p[2] || (p[2] = (g) => l.fields.tags = g),
+                    modelValue: i.fields.tags,
+                    "onUpdate:modelValue": p[2] || (p[2] = (v) => i.fields.tags = v),
                     modelModifiers: { trim: !0 },
                     autocomplete: "off",
                     "data-testid": "consumer-form-tags",
-                    help: i(n)("consumers.fields.tags.help"),
-                    label: i(n)("consumers.fields.tags.label"),
+                    help: l(n)("consumers.fields.tags.help"),
+                    label: l(n)("consumers.fields.tags.label"),
                     "label-attributes": {
-                      info: i(n)("consumers.fields.tags.tooltip"),
+                      info: l(n)("consumers.fields.tags.tooltip"),
                       tooltipAttributes: { maxWidth: "250" }
                     },
-                    placeholder: i(n)("consumers.fields.tags.placeholder"),
-                    readonly: l.readonly,
+                    placeholder: l(n)("consumers.fields.tags.placeholder"),
+                    readonly: i.readonly,
                     type: "text"
                   }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
                 ]),
@@ -2888,7 +2897,7 @@ const Go = /* @__PURE__ */ Re(Ao, [["__scopeId", "data-v-45929bbf"]]), Mo = { cl
     };
   }
 });
-const Ho = /* @__PURE__ */ Re(Eo, [["__scopeId", "data-v-335659fc"]]), Ro = { class: "kong-ui-consumer-entity-config-card" }, Jo = /* @__PURE__ */ Y({
+const Go = /* @__PURE__ */ Fe(qo, [["__scopeId", "data-v-335659fc"]]), Eo = { class: "kong-ui-consumer-entity-config-card" }, Ho = /* @__PURE__ */ Y({
   __name: "ConsumerConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2907,7 +2916,7 @@ const Ho = /* @__PURE__ */ Re(Eo, [["__scopeId", "data-v-335659fc"]]), Ro = { cl
   },
   emits: ["loading", "fetch:error", "fetch:success", "copy:success"],
   setup(e) {
-    const o = e, { i18n: { t }, i18nT: a } = _e.useI18n(), n = B(() => ue.form[o.config.app].edit), r = A({
+    const o = e, { i18n: { t }, i18nT: a } = Ie.useI18n(), n = $(() => ue.form[o.config.app].edit), r = A({
       id: {},
       username: {
         section: ee.Basic,
@@ -2932,35 +2941,35 @@ const Ho = /* @__PURE__ */ Re(Eo, [["__scopeId", "data-v-335659fc"]]), Ro = { cl
         hidden: !0
       }
     });
-    return (f, w) => (d(), M("div", Ro, [
-      K(i(Ma), {
+    return (y, _) => (d(), P("div", Eo, [
+      K(l(Aa), {
         config: e.config,
         "config-schema": r.value,
         "fetch-url": n.value,
         "hide-title": e.hideTitle,
-        "onCopy:success": w[0] || (w[0] = (l) => f.$emit("copy:success", l)),
-        "onFetch:error": w[1] || (w[1] = (l) => f.$emit("fetch:error", l)),
-        "onFetch:success": w[2] || (w[2] = (l) => f.$emit("fetch:success", l)),
-        onLoading: w[3] || (w[3] = (l) => f.$emit("loading", l))
+        "onCopy:success": _[0] || (_[0] = (i) => y.$emit("copy:success", i)),
+        "onFetch:error": _[1] || (_[1] = (i) => y.$emit("fetch:error", i)),
+        "onFetch:success": _[2] || (_[2] = (i) => y.$emit("fetch:success", i)),
+        onLoading: _[3] || (_[3] = (i) => y.$emit("loading", i))
       }, {
         "username-label-tooltip": c(() => [
-          K(i(a), {
+          K(l(a), {
             keypath: "consumers.fields.username.tooltip",
             scope: "global"
           }, {
             custom_id: c(() => [
-              T("code", null, _(i(t)("consumers.fields.username.custom_id")), 1)
+              B("code", null, C(l(t)("consumers.fields.username.custom_id")), 1)
             ]),
             _: 1
           })
         ]),
         "custom_id-label-tooltip": c(() => [
-          K(i(a), {
+          K(l(a), {
             keypath: "consumers.fields.custom_id.tooltip",
             scope: "global"
           }, {
             username: c(() => [
-              T("code", null, _(i(t)("consumers.fields.custom_id.username")), 1)
+              B("code", null, C(l(t)("consumers.fields.custom_id.username")), 1)
             ]),
             _: 1
           })
@@ -2971,7 +2980,7 @@ const Ho = /* @__PURE__ */ Re(Eo, [["__scopeId", "data-v-335659fc"]]), Ro = { cl
   }
 });
 export {
-  Jo as ConsumerConfigCard,
-  Ho as ConsumerForm,
-  Go as ConsumerList
+  Ho as ConsumerConfigCard,
+  Go as ConsumerForm,
+  Do as ConsumerList
 };