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

package/dist/entities-keys.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as Z, ref as T, computed as C, watch as de, renderSlot as G, createCommentVNode as X, unref as r, resolveComponent as j, openBlock as u, createElementBlock as K, createVNode as S, withCtx as p, createTextVNode as W, toDisplayString as x, useCssVars as et, useSlots as Ke, createElementVNode as q, createSlots as fe, createBlock as U, resolveDynamicComponent as xe, normalizeProps as tt, guardReactiveProps as at, Fragment as ne, renderList as ie, mergeProps as De, normalizeClass as pe, onBeforeMount as Ie, withModifiers as we, withDirectives as _e, vShow as Ce, onMounted as lt, onUnmounted as ot, inject as it, reactive as Re } from "vue";
-import { useRouter as Te } from "vue-router";
-import { createI18n as Be, i18nTComponent as Je } from "@kong-ui-public/i18n";
+import { defineComponent as Z, ref as T, computed as C, watch as de, renderSlot as G, createCommentVNode as X, unref as r, resolveComponent as j, openBlock as u, createElementBlock as $, createVNode as S, withCtx as p, createTextVNode as W, toDisplayString as x, useCssVars as et, useSlots as Te, createElementVNode as U, createSlots as fe, createBlock as V, resolveDynamicComponent as we, normalizeProps as tt, guardReactiveProps as at, Fragment as ne, renderList as ie, mergeProps as xe, normalizeClass as pe, onBeforeMount as Ke, withModifiers as Se, withDirectives as _e, vShow as Ce, onMounted as lt, onUnmounted as ot, inject as it, reactive as qe } from "vue";
+import { useRouter as Be } from "vue-router";
+import { createI18n as je, i18nTComponent as Je } from "@kong-ui-public/i18n";
 import nt from "axios";
 import { MethodsArray as st } from "@kong/kongponents";
 const rt = {
@@ -119,14 +119,14 @@ const rt = {
   keys: rt
 };
 function ct() {
-  const e = Be("en-us", dt);
+  const e = je("en-us", dt);
   return {
     i18n: e,
     i18nT: Je(e)
     // Translation component <i18n-t>
   };
 }
-const je = {
+const Ee = {
   useI18n: ct
 }, ye = {
   list: {
@@ -155,7 +155,7 @@ const je = {
   }
 };
 var He = /* @__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))(He || {}), ke = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(ke || {}), ue = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(ue || {}), H = /* @__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))(H || {}), ae = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ae || {});
-function Pe(e = {}) {
+function Me(e = {}) {
   return {
     axiosInstance: nt.create({
       withCredentials: !0,
@@ -301,8 +301,8 @@ const ft = {
   errors: ht,
   toggleModal: _t
 };
-function Ee() {
-  const e = Be("en-us", Ct);
+function Pe() {
+  const e = je("en-us", Ct);
   return {
     i18n: e,
     i18nT: Je(e)
@@ -314,27 +314,27 @@ function wt(e, l, t, a = {
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: i } = Pe({
+  const { axiosInstance: i } = Me({
     headers: e.requestHeaders
-  }), { i18n: { t: n } } = Ee(), { debounce: _ } = ut(), M = _(async (m) => {
+  }), { i18n: { t: s } } = Pe(), { debounce: _ } = ut(), E = _(async (m) => {
     await d(m);
-  }, 200), b = T(!1), o = T(""), g = T(""), h = T([]), R = T(void 0), w = r(l);
+  }, 200), b = T(!1), o = T(""), g = T(""), h = T([]), P = T(void 0), w = r(l);
   let O = `${e.apiBaseUrl}${w}`;
   e.app === "konnect" ? O = O.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (O = O.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const B = async () => {
     try {
       b.value = !0;
       const { data: m } = await i.get(`${O}?size=${t}`);
-      m != null && m.next || (R.value = a.fetchedItemsKey in m ? m[a.fetchedItemsKey] : []), h.value = a.fetchedItemsKey in m ? m[a.fetchedItemsKey] : [];
+      m != null && m.next || (P.value = a.fetchedItemsKey in m ? m[a.fetchedItemsKey] : []), h.value = a.fetchedItemsKey in m ? m[a.fetchedItemsKey] : [];
     } catch {
-      h.value = [], o.value = n("debouncedFilter.errors.fetch");
+      h.value = [], o.value = s("debouncedFilter.errors.fetch");
     } finally {
       b.value = !1;
     }
   }, c = T(""), d = async (m) => {
-    var k, P;
+    var k, M;
     if (c.value !== m)
-      if (c.value = m || "", R.value === void 0)
+      if (c.value = m || "", P.value === void 0)
         try {
           b.value = !0, o.value = "", g.value = "";
           let f = O + "";
@@ -342,12 +342,12 @@ function wt(e, l, t, a = {
           const { data: y } = await i.get(`${f}?size=${t}`);
           a.fetchedItemsKey in y ? h.value = y[a.fetchedItemsKey] : y != null && y.id ? h.value = [y] : h.value = [];
         } catch (f) {
-          ((k = f == null ? void 0 : f.response) == null ? void 0 : k.status) === 404 ? g.value = n("debouncedFilter.errors.invalid") : (h.value = [], o.value = n("debouncedFilter.errors.fetch"));
+          ((k = f == null ? void 0 : f.response) == null ? void 0 : k.status) === 404 ? g.value = s("debouncedFilter.errors.invalid") : (h.value = [], o.value = s("debouncedFilter.errors.fetch"));
         } finally {
           b.value = !1;
         }
       else
-        b.value = !0, g.value = "", m ? (h.value = (P = R.value) == null ? void 0 : P.filter((f) => {
+        b.value = !0, g.value = "", m ? (h.value = (M = P.value) == null ? void 0 : M.filter((f) => {
           var y;
           let I = !1;
           for (const z of a.searchKeys) {
@@ -355,16 +355,16 @@ function wt(e, l, t, a = {
             J != null && J.includes(m.toLowerCase()) && (I = !0);
           }
           return I;
-        }), (!h.value || !h.value.length) && (g.value = n("debouncedFilter.errors.invalid"))) : h.value = R.value, b.value = !1;
+        }), (!h.value || !h.value.length) && (g.value = s("debouncedFilter.errors.invalid"))) : h.value = P.value, b.value = !1;
   };
   return {
     loading: b,
     error: o,
     validationError: g,
     results: h,
-    allRecords: R,
+    allRecords: P,
     loadItems: B,
-    debouncedQueryChange: M
+    debouncedQueryChange: E
   };
 }
 function St(e, l) {
@@ -374,7 +374,7 @@ function St(e, l) {
   return a.value.search = "", (i) => `${a.value.href}/${i}`;
 }
 function It() {
-  const { i18n: { t: e } } = Ee();
+  const { i18n: { t: e } } = Pe();
   return {
     getMessageFromError: (l) => {
       var t, a, i;
@@ -384,18 +384,18 @@ function It() {
         if (l.response.data.detail)
           return l.response.data.detail;
         if ((a = l.response.data.details) != null && a.length)
-          return l.response.data.details.map((n) => {
+          return l.response.data.details.map((s) => {
             let _ = e("errors.unexpected");
-            return n.messages && typeof n.messages == "object" && n.messages.length && (_ = n.messages.join(", ")), n.field ? `${n.field} - ${_}` : _;
+            return s.messages && typeof s.messages == "object" && s.messages.length && (_ = s.messages.join(", ")), s.field ? `${s.field} - ${_}` : _;
           }).join("; ");
         if (l.response.data.message) {
-          const { message: n } = l.response.data;
-          return Array.isArray(n) ? (i = n[0]) != null && i.constraints ? Object.values(n[0].constraints)[0] : n[0] : n;
+          const { message: s } = l.response.data;
+          return Array.isArray(s) ? (i = s[0]) != null && i.constraints ? Object.values(s[0].constraints)[0] : s[0] : s;
         }
         if (typeof l.response.data == "string")
           return l.response.data;
         if (typeof l.response.data == "object")
-          return Object.keys(l.response.data).map((n) => `${n} ${l.response.data[n]}`).join(", ");
+          return Object.keys(l.response.data).map((s) => `${s} ${l.response.data[s]}`).join(", ");
       }
       return l.message || e("errors.unexpected");
     }
@@ -404,34 +404,34 @@ function It() {
 function ze(e, l) {
   const t = T(r(e)), a = T(r(l)), i = C(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), n = C(
+  ), s = C(
     () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
   return (_) => {
-    const { page: M, pageSize: b, offset: o, sortColumnKey: g, sortColumnOrder: h, query: R } = _;
+    const { page: E, pageSize: b, offset: o, sortColumnKey: g, sortColumnOrder: h, query: P } = _;
     try {
-      let w = new URL(n.value.href);
-      return i.value && R ? (w.search = "", w = new URL(`${w.href}/${R}/`)) : (i.value || new URLSearchParams(R).forEach((O, B) => {
+      let w = new URL(s.value.href);
+      return i.value && P ? (w.search = "", w = new URL(`${w.href}/${P}/`)) : (i.value || new URLSearchParams(P).forEach((O, B) => {
         w.searchParams.append(B, O);
-      }), g && w.searchParams.append("sort_by", g), h === "desc" && w.searchParams.append("sort_desc", "1"), w.searchParams.append("size", String(b))), o && M !== 1 && w.searchParams.append("offset", String(o)), w.href;
+      }), g && w.searchParams.append("sort_by", g), h === "desc" && w.searchParams.append("sort_desc", "1"), w.searchParams.append("size", String(b))), o && E !== 1 && w.searchParams.append("offset", String(o)), w.href;
     } catch (w) {
       return console.error("RouteList(fetcher)", w), a.value;
     }
   };
 }
-function $t(e, l, t = "data") {
-  const a = r(l), { axiosInstance: i } = Pe({
+function Kt(e, l, t = "data") {
+  const a = r(l), { axiosInstance: i } = Me({
     headers: e.requestHeaders
-  }), n = ze(e, a), _ = T({
+  }), s = ze(e, a), _ = T({
     status: ue.Idle
   });
-  return { fetcher: async (M) => {
+  return { fetcher: async (E) => {
     try {
       _.value = { status: ue.Loading };
-      const b = n(M), { data: o } = await i.get(b), g = t && t.replace(/[^\w-_]/gi, "");
+      const b = s(E), { data: o } = await i.get(b), g = t && t.replace(/[^\w-_]/gi, "");
       let h;
       o[g] && Array.isArray(o[g]) ? h = o[g] : h = Object.keys(o).length ? [o] : [];
-      const R = {
+      const P = {
         data: h,
         total: h.length,
         ...o.offset ? {
@@ -442,14 +442,14 @@ function $t(e, l, t = "data") {
       };
       return _.value = {
         status: ue.Idle,
-        response: R
-      }, R;
+        response: P
+      }, P;
     } catch (b) {
       const o = {
         data: [],
         total: 0
       };
-      return M.query && b.response.status === 404 ? (_.value = {
+      return E.query && b.response.status === 404 ? (_.value = {
         status: ue.NoResults,
         response: o,
         error: b
@@ -461,25 +461,25 @@ function $t(e, l, t = "data") {
     }
   }, fetcherState: _ };
 }
-function Kt() {
+function $t() {
   return {
     convertKeyToTitle: (e, l = "_") => e ? e.split(l).map((t) => t.toLowerCase() === "id" ? t.toUpperCase() : t.charAt(0).toUpperCase() + t.substring(1)).join(" ") : ""
   };
 }
-const We = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Ae = (e) => {
+const We = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Ue = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
   const l = e.match(We);
   if (!l)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return l.shift(), l;
-}, qe = (e) => e === "*" || e === "x" || e === "X", Fe = (e) => {
+}, Fe = (e) => e === "*" || e === "x" || e === "X", Re = (e) => {
   const l = parseInt(e, 10);
   return isNaN(l) ? e : l;
 }, xt = (e, l) => typeof e != typeof l ? [String(e), String(l)] : [e, l], Tt = (e, l) => {
-  if (qe(e) || qe(l))
+  if (Fe(e) || Fe(l))
     return 0;
-  const [t, a] = xt(Fe(e), Fe(l));
+  const [t, a] = xt(Re(e), Re(l));
   return t > a ? 1 : t < a ? -1 : 0;
 }, Ve = (e, l) => {
   for (let t = 0; t < Math.max(e.length, l.length); t++) {
@@ -489,9 +489,9 @@ const We = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   }
   return 0;
 }, Bt = (e, l) => {
-  const t = Ae(e), a = Ae(l), i = t.pop(), n = a.pop(), _ = Ve(t, a);
-  return _ !== 0 ? _ : i && n ? Ve(i.split("."), n.split(".")) : i || n ? i ? -1 : 1 : 0;
-}, Ue = (e, l, t) => {
+  const t = Ue(e), a = Ue(l), i = t.pop(), s = a.pop(), _ = Ve(t, a);
+  return _ !== 0 ? _ : i && s ? Ve(i.split("."), s.split(".")) : i || s ? i ? -1 : 1 : 0;
+}, Oe = (e, l, t) => {
   jt(t);
   const a = Bt(e, l);
   return Ge[t].includes(a);
@@ -502,51 +502,55 @@ const We = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Oe = Object.keys(Ge), jt = (e) => {
+}, Le = Object.keys(Ge), jt = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (Oe.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${Oe.join("|")}`);
-}, Pt = (e) => typeof e == "string" && /^[v\d]/.test(e) && We.test(e);
-function Et(e) {
+  if (Le.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${Le.join("|")}`);
+}, Et = (e) => typeof e == "string" && /^[v\d]/.test(e) && We.test(e);
+function Mt(e) {
   const { gatewayInfo: l, supportedRange: t } = e;
   if (!l)
     return !0;
   const { edition: a, version: i } = l;
-  if (!Pt(i))
+  if (!Et(i))
     return console.error("Invalid version"), !1;
-  const n = t[a];
-  if (!n)
+  const s = t[a];
+  if (!s)
     return !1;
-  const [_, M] = n;
-  return !(_ && Ue(i, _, "<") || M && Ue(i, M, ">"));
+  const [_, E] = s;
+  return !(_ && Oe(i, _, "<") || E && Oe(i, E, ">"));
 }
 const ee = {
-  useAxios: Pe,
+  useAxios: Me,
   useDebouncedFilter: wt,
   useDeleteUrlBuilder: St,
   useErrors: It,
-  useFetcher: $t,
+  useFetcher: Kt,
   useFetchUrlBuilder: ze,
-  useStringHelpers: Kt,
-  useI18n: Ee,
-  useGatewayFeatureSupported: Et
-}, Mt = {
+  useStringHelpers: $t,
+  useI18n: Pe,
+  useGatewayFeatureSupported: Mt
+}, Pt = {
   fail: "Failed to copy id to clipboard",
   success: {
     prefix: "Successfully",
     content: " copied to clipboard"
   }
-}, Rt = "Copy to clipboard", At = {
-  message: Mt,
-  iconTitle: Rt
-}, qt = "kong-ui-copy-uuid-notify", Ft = { class: "kong-ui-copy-uuid" }, Vt = ["title"], Ut = ["onClick"], Le = 15, Ot = /* @__PURE__ */ Z({
+}, At = "Copy to clipboard", qt = {
+  message: Pt,
+  iconTitle: At
+}, Ut = "kong-ui-copy-uuid-notify", Ft = { class: "kong-ui-copy-uuid" }, Rt = ["onClick"], Ne = 15, Vt = /* @__PURE__ */ Z({
   __name: "CopyUuid",
   props: {
     uuid: {
       type: String,
       required: !0
     },
+    idTooltip: {
+      type: String,
+      default: ""
+    },
     truncated: {
       type: Boolean,
       default: !0
@@ -580,57 +584,62 @@ const ee = {
   },
   emits: ["success", "error"],
   setup(e, { emit: l }) {
-    const t = e, { t: a } = Be("en-us", At), i = t.notify || it(qt, () => {
-    }), n = C(() => !!(t.tooltip && t.successTooltip)), _ = T(t.tooltip), M = C(() => t.tooltip ? {
-      label: _.value,
+    const t = e, { t: a } = je("en-us", qt), i = t.notify || it(Ut, () => {
+    }), s = C(() => t.idTooltip ? {
+      label: t.idTooltip,
+      positionFixed: !0,
+      placement: "bottomStart"
+    } : {
+      title: t.uuid
+    }), _ = C(() => !!(t.tooltip && t.successTooltip)), E = T(t.tooltip), b = C(() => t.tooltip ? {
+      label: E.value,
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), b = C(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), o = (h) => {
-      _.value = h, setTimeout(() => {
-        _.value = t.tooltip;
+    } : {}), o = C(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), g = (P) => {
+      E.value = P, setTimeout(() => {
+        E.value = t.tooltip;
       }, 1800);
-    }, g = (h) => {
-      if (!h(t.uuid)) {
+    }, h = (P) => {
+      if (!P(t.uuid)) {
         typeof i == "function" && i({
           type: "error",
           message: a("message.fail")
-        }), n.value ? o(a("message.fail")) : l("error", t.uuid);
+        }), _.value ? g(a("message.fail")) : l("error", t.uuid);
         return;
       }
-      const R = t.uuid.length > Le, w = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, Le) + (R ? "..." : "")}"`;
+      const w = t.uuid.length > Ne, O = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, Ne) + (w ? "..." : "")}"`;
       typeof i == "function" && i({
         type: "success",
-        message: `${w}${a("message.success.content")}`
-      }), n.value ? o(t.successTooltip) : l("success", t.uuid);
+        message: `${O}${a("message.success.content")}`
+      }), _.value ? g(t.successTooltip) : l("success", t.uuid);
     };
-    return (h, R) => {
-      const w = j("KIcon"), O = j("KClipboardProvider");
-      return u(), K("div", Ft, [
-        e.format !== "hidden" ? (u(), K("div", {
-          key: 0,
-          "data-testid": "copy-id",
-          title: e.uuid
-        }, [
-          q("div", {
-            class: pe([
-              "uuid-container",
-              e.truncated ? "truncated-uuid" : null,
-              e.useMono ? "mono" : null
-            ])
-          }, x(b.value), 3)
-        ], 8, Vt)) : X("", !0),
-        (u(), U(xe(e.tooltip ? "KTooltip" : "div"), De(M.value, { class: "uuid-icon-wrapper" }), {
+    return (P, w) => {
+      const O = j("KIcon"), B = j("KClipboardProvider");
+      return u(), $("div", Ft, [
+        e.format !== "hidden" ? (u(), V(we(e.idTooltip ? "KTooltip" : "div"), xe({ key: 0 }, s.value, { "data-testid": "copy-id" }), {
+          default: p(() => [
+            U("div", {
+              class: pe([
+                "uuid-container",
+                e.truncated ? "truncated-uuid" : null,
+                e.useMono ? "mono" : null
+              ])
+            }, x(o.value), 3)
+          ]),
+          _: 1
+        }, 16)) : X("", !0),
+        (u(), V(we(e.tooltip ? "KTooltip" : "div"), xe(b.value, { class: "uuid-icon-wrapper" }), {
           default: p(() => [
-            S(O, null, {
-              default: p(({ copyToClipboard: B }) => [
-                q("span", {
+            S(B, null, {
+              default: p(({ copyToClipboard: c }) => [
+                U("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: we((c) => g(B), ["stop"])
+                  onClick: Se((d) => h(c), ["stop"])
                 }, [
-                  S(w, {
+                  S(O, {
                     class: "uuid-icon",
                     color: e.iconColor,
                     "hide-title": !!e.tooltip || void 0,
@@ -638,7 +647,7 @@ const ee = {
                     size: "16",
                     title: r(a)("iconTitle")
                   }, null, 8, ["color", "hide-title", "title"])
-                ], 8, Ut)
+                ], 8, Rt)
               ]),
               _: 1
             })
@@ -648,15 +657,15 @@ const ee = {
       ]);
     };
   }
-}), Lt = (e, l) => {
+}), Ot = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [a, i] of l)
     t[a] = i;
   return t;
-}, Qe = /* @__PURE__ */ Lt(Ot, [["__scopeId", "data-v-e4ea1359"]]), Nt = {
+}, Qe = /* @__PURE__ */ Ot(Vt, [["__scopeId", "data-v-bfdaf6f7"]]), Lt = {
   key: 0,
   class: "config-card-fieldset-title"
-}, Dt = /* @__PURE__ */ Z({
+}, Nt = /* @__PURE__ */ Z({
   __name: "JsonCardItem",
   props: {
     item: {
@@ -673,21 +682,21 @@ const ee = {
     }
   },
   setup(e) {
-    const l = e, { i18n: { t } } = ee.useI18n(), { convertKeyToTitle: a } = ee.useStringHelpers(), i = C(() => l.item.key ?? "json-array-item"), n = C(() => l.item.value ?? l.item), _ = C(() => {
-      const b = JSON.parse(JSON.stringify(n.value));
+    const l = e, { i18n: { t } } = ee.useI18n(), { convertKeyToTitle: a } = ee.useStringHelpers(), i = C(() => l.item.key ?? "json-array-item"), s = C(() => l.item.value ?? l.item), _ = C(() => {
+      const b = JSON.parse(JSON.stringify(s.value));
       return l.isArrayItem && delete b.name, b;
-    }), M = C(() => {
+    }), E = C(() => {
       var b;
-      return l.isArrayItem ? (b = n.value) != null && b.name ? a(n.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: l.index }) : "";
+      return l.isArrayItem ? (b = s.value) != null && b.name ? a(s.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: l.index }) : "";
     });
-    return (b, o) => (u(), U(xe(e.isArrayItem ? "fieldset" : "div"), {
+    return (b, o) => (u(), V(we(e.isArrayItem ? "fieldset" : "div"), {
       class: pe(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: p(() => [
-        e.isArrayItem ? (u(), K("legend", Nt, [
-          q("b", null, x(M.value), 1)
+        e.isArrayItem ? (u(), $("legend", Lt, [
+          U("b", null, x(E.value), 1)
         ])) : X("", !0),
-        (u(!0), K(ne, null, ie(Object.keys(_.value), (g, h) => (u(), U(Se, {
+        (u(!0), $(ne, null, ie(Object.keys(_.value), (g, h) => (u(), V(Ie, {
           key: `${i.value}-property-${h}`,
           item: {
             key: g,
@@ -704,7 +713,7 @@ const ee = {
   for (const [a, i] of l)
     t[a] = i;
   return t;
-}, Xe = /* @__PURE__ */ se(Dt, [["__scopeId", "data-v-68ca83ec"]]), Jt = /* @__PURE__ */ Z({
+}, Xe = /* @__PURE__ */ se(Nt, [["__scopeId", "data-v-68ca83ec"]]), Dt = /* @__PURE__ */ Z({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -717,11 +726,11 @@ const ee = {
     const { i18n: { t: l } } = ee.useI18n();
     return (t, a) => {
       const i = j("KButton");
-      return u(), K("div", null, [
+      return u(), $("div", null, [
         S(i, {
           appearance: "btn-link",
           class: "navigation-button",
-          onClick: a[0] || (a[0] = (n) => t.$emit("navigation-click", e.item))
+          onClick: a[0] || (a[0] = (s) => t.$emit("navigation-click", e.item))
         }, {
           default: p(() => [
             W(x(e.item.value || r(l)("baseConfigCard.commonFields.link")), 1)
@@ -731,7 +740,7 @@ const ee = {
       ]);
     };
   }
-}), Ye = /* @__PURE__ */ se(Jt, [["__scopeId", "data-v-7410504d"]]), Ht = /* @__PURE__ */ Z({
+}), Ye = /* @__PURE__ */ se(Dt, [["__scopeId", "data-v-7410504d"]]), Jt = /* @__PURE__ */ Z({
   __name: "StatusBadge",
   props: {
     status: {
@@ -743,7 +752,7 @@ const ee = {
     const { i18n: { t: l } } = ee.useI18n();
     return (t, a) => {
       const i = j("KBadge");
-      return u(), U(i, {
+      return u(), V(i, {
         appearance: e.status ? "success" : "neutral"
       }, {
         default: p(() => [
@@ -753,11 +762,11 @@ const ee = {
       }, 8, ["appearance"]);
     };
   }
-}), zt = "#0044f4", Wt = "#e0e4ea", Gt = "#3a3f51", Qt = "1px", Xt = { class: "config-card-details-row" }, Yt = ["data-testid"], Zt = ["data-testid"], ea = ["data-testid"], ta = ["data-testid"], aa = { key: 1 }, la = ["data-testid"], oa = ["data-testid"], ia = ["data-testid"], na = ["data-testid"], sa = ["title"], ra = {
+}), Ht = "#0044f4", zt = "#e0e4ea", Wt = "#3a3f51", Gt = "1px", Qt = { class: "config-card-details-row" }, Xt = ["data-testid"], Yt = ["data-testid"], Zt = ["data-testid"], ea = ["data-testid"], ta = { key: 1 }, aa = ["data-testid"], la = ["data-testid"], oa = ["data-testid"], ia = ["data-testid"], na = ["title"], sa = {
   name: "ConfigCardItem",
-  components: { CopyUuid: Qe, JsonCardItem: Xe, StatusBadge: Ht, InternalLinkItem: Ye }
-}, da = /* @__PURE__ */ Z({
-  ...ra,
+  components: { CopyUuid: Qe, JsonCardItem: Xe, StatusBadge: Jt, InternalLinkItem: Ye }
+}, ra = /* @__PURE__ */ Z({
+  ...sa,
   props: {
     item: {
       type: Object,
@@ -778,12 +787,12 @@ const ee = {
   setup(e, { emit: l }) {
     const t = e;
     et((h) => ({
-      "2c6ac268": o.value ? "none" : `solid ${r(Qt)} ${r(Wt)}`,
+      "2c6ac268": o.value ? "none" : `solid ${r(Gt)} ${r(zt)}`,
       c7a65802: b.value && _.value ? "block" : "flex",
       "778426fe": b.value && _.value ? "100%" : t.slim ? "50%" : "25%",
       "777f9b48": b.value && _.value ? "100%" : t.slim ? "50%" : "75%"
     }));
-    const a = Ke(), { i18n: { t: i, formatUnixTimeStamp: n } } = ee.useI18n(), _ = C(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), M = C(() => !!(t.item.tooltip || a["label-tooltip"])), b = C(() => t.item.type === H.Json || t.item.type === H.JsonArray), o = C(() => t.item.type === H.JsonArray), g = C(() => {
+    const a = Te(), { i18n: { t: i, formatUnixTimeStamp: s } } = ee.useI18n(), _ = C(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), E = C(() => !!(t.item.tooltip || a["label-tooltip"])), b = C(() => t.item.type === H.Json || t.item.type === H.JsonArray), o = C(() => t.item.type === H.JsonArray), g = C(() => {
       switch (t.item.type) {
         case H.ID:
           return {
@@ -843,7 +852,7 @@ const ee = {
             attrs: {
               "data-testid": `${t.item.key}-date`
             },
-            text: n(t.item.value)
+            text: s(t.item.value)
           };
         case H.BadgeStatus:
           return {
@@ -910,10 +919,10 @@ const ee = {
           };
       }
     });
-    return (h, R) => {
+    return (h, P) => {
       const w = j("KLabel"), O = j("KBadge"), B = j("KMethodBadge");
-      return u(), K("div", Xt, [
-        q("div", {
+      return u(), $("div", Qt, [
+        U("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
@@ -924,37 +933,37 @@ const ee = {
               ]),
               _: 2
             }, [
-              M.value ? {
+              E.value ? {
                 name: "tooltip",
                 fn: p(() => [
-                  q("div", {
+                  U("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
                     G(h.$slots, "label-tooltip", {}, () => [
                       W(x(e.item.tooltip), 1)
                     ], !0)
-                  ], 8, Zt)
+                  ], 8, Yt)
                 ]),
                 key: "0"
               } : void 0
             ]), 1024)
           ], !0)
-        ], 8, Yt),
-        q("div", {
+        ], 8, Xt),
+        U("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
           G(h.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
-            _.value ? (u(), K("div", aa, [
-              (u(), U(xe(g.value.tag), tt(at(g.value.attrs)), {
+            _.value ? (u(), $("div", ta, [
+              (u(), V(we(g.value.tag), tt(at(g.value.attrs)), {
                 default: p(() => [
-                  g.value.additionalComponent === "KBadge" ? (u(), K("div", {
+                  g.value.additionalComponent === "KBadge" ? (u(), $("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (u(!0), K(ne, null, ie(e.item.value, (c, d) => (u(), U(O, {
+                    (u(!0), $(ne, null, ie(e.item.value, (c, d) => (u(), V(O, {
                       key: `${e.item.key}-badge-tag-${d}`,
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-tag-${d}`,
@@ -965,23 +974,23 @@ const ee = {
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "truncation-tooltip"]))), 128))
-                  ], 8, la)) : X("", !0),
-                  g.value.additionalComponent === "CopyUuid" ? (u(), K("div", {
+                  ], 8, aa)) : X("", !0),
+                  g.value.additionalComponent === "CopyUuid" ? (u(), $("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (u(!0), K(ne, null, ie(e.item.value, (c, d) => (u(), U(r(Qe), De(g.value.childAttrs, {
+                    (u(!0), $(ne, null, ie(e.item.value, (c, d) => (u(), V(r(Qe), xe(g.value.childAttrs, {
                       key: `${e.item.key}-copy-uuid-${d}`,
                       "data-testid": `${e.item.key}-copy-uuid-${d}`,
                       uuid: c
                     }), null, 16, ["data-testid", "uuid"]))), 128))
-                  ], 8, oa)) : g.value.additionalComponent === "KMethodBadge" ? (u(), K("div", {
+                  ], 8, la)) : g.value.additionalComponent === "KMethodBadge" ? (u(), $("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (u(!0), K(ne, null, ie(e.item.value, (c, d) => (u(), U(B, {
+                    (u(!0), $(ne, null, ie(e.item.value, (c, d) => (u(), V(B, {
                       key: `${e.item.key}-badge-method-${d}`,
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-method-${d}`,
@@ -994,38 +1003,38 @@ const ee = {
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "label", "method"]))), 128))
-                  ], 8, ia)) : X("", !0),
-                  g.value.additionalComponent === "JsonCardItem" ? (u(), K("div", {
+                  ], 8, oa)) : X("", !0),
+                  g.value.additionalComponent === "JsonCardItem" ? (u(), $("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (u(!0), K(ne, null, ie(e.item.value, (c, d) => (u(), U(Xe, {
+                    (u(!0), $(ne, null, ie(e.item.value, (c, d) => (u(), V(Xe, {
                       key: `json-array-item-${d}`,
                       index: d,
                       "is-array-item": "",
                       item: c
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, na)) : (u(), K("span", {
+                  ], 8, ia)) : (u(), $("span", {
                     key: 4,
                     class: pe(["attrs-data-text", { truncated: e.truncated }]),
                     title: e.truncated ? e.item.value : void 0
-                  }, x(g.value.text), 11, sa))
+                  }, x(g.value.text), 11, na))
                 ]),
                 _: 1
               }, 16))
-            ])) : (u(), K("div", {
+            ])) : (u(), $("div", {
               key: 0,
               "data-testid": `${e.item.key}-no-value`
-            }, " – ", 8, ta))
+            }, " – ", 8, ea))
           ], !0)
-        ], 8, ea)
+        ], 8, Zt)
       ]);
     };
   }
-}), Se = /* @__PURE__ */ se(da, [["__scopeId", "data-v-a3c5ab01"]]), ca = { "data-testid": "config-card-title" }, ua = { class: "config-card-actions" }, pa = { class: "config-card-details-section" }, ya = ["data-testid"], fa = {
+}), Ie = /* @__PURE__ */ se(ra, [["__scopeId", "data-v-a3c5ab01"]]), da = { "data-testid": "config-card-title" }, ca = { class: "config-card-actions" }, ua = { class: "config-card-details-section" }, pa = ["data-testid"], ya = {
   key: 0,
   class: "config-card-prop-section-title"
-}, ma = /* @__PURE__ */ Z({
+}, fa = /* @__PURE__ */ Z({
   __name: "EntityBaseConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1084,12 +1093,12 @@ const ee = {
   emits: ["loading", "fetch:success", "fetch:error", "copy:success", "copy:error"],
   setup(e, { emit: l }) {
     var t;
-    const a = e, i = Ke(), { i18n: { t: n } } = ee.useI18n(), { getMessageFromError: _ } = ee.useErrors(), { convertKeyToTitle: M } = ee.useStringHelpers(), { axiosInstance: b } = ee.useAxios({
+    const a = e, i = Te(), { i18n: { t: s } } = ee.useI18n(), { getMessageFromError: _ } = ee.useErrors(), { convertKeyToTitle: E } = ee.useStringHelpers(), { axiosInstance: b } = ee.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
     }), o = {
       id: {
         type: H.ID,
-        label: n("baseConfigCard.commonFields.id_label"),
+        label: s("baseConfigCard.commonFields.id_label"),
         order: 0,
         section: ae.Basic
       },
@@ -1104,13 +1113,13 @@ const ee = {
       },
       updated_at: {
         type: H.Date,
-        label: n("baseConfigCard.commonFields.updated_at_label"),
+        label: s("baseConfigCard.commonFields.updated_at_label"),
         order: 3,
         section: ae.Basic
       },
       created_at: {
         type: H.Date,
-        label: n("baseConfigCard.commonFields.created_at_label"),
+        label: s("baseConfigCard.commonFields.created_at_label"),
         order: 4,
         section: ae.Basic
       },
@@ -1120,56 +1129,56 @@ const ee = {
         // the last property displayed
         section: ae.Basic
       }
-    }, g = T(!1), h = T(!1), R = T(""), w = T(), O = C(() => {
+    }, g = T(!1), h = T(!1), P = T(""), w = T(), O = C(() => {
       var f, y, I;
       if (!w.value)
         return [];
       const z = [], J = Object.keys(w.value).length;
-      for (const $ in w.value) {
-        const E = (y = (f = a.configSchema) == null ? void 0 : f[$]) == null ? void 0 : y.order, A = (I = o[$]) == null ? void 0 : I.order;
+      for (const K in w.value) {
+        const A = (y = (f = a.configSchema) == null ? void 0 : f[K]) == null ? void 0 : y.order, q = (I = o[K]) == null ? void 0 : I.order;
         let F = J;
-        (A || A === 0) && (F = A === -1 ? J + 1 : A), E && (F = E === -1 ? J + 1 : E), z.push([$, F]);
+        (q || q === 0) && (F = q === -1 ? J + 1 : q), A && (F = A === -1 ? J + 1 : A), z.push([K, F]);
       }
-      return z.sort(function($, E) {
-        return $[1] - E[1];
-      }), z.map(($) => {
-        var E, A;
-        const F = $[0], te = (E = w.value) == null ? void 0 : E[F], re = ((A = a.configSchema) == null ? void 0 : A[F]) || {}, le = o[F];
+      return z.sort(function(K, A) {
+        return K[1] - A[1];
+      }), z.map((K) => {
+        var A, q;
+        const F = K[0], te = (A = w.value) == null ? void 0 : A[F], re = ((q = a.configSchema) == null ? void 0 : q[F]) || {}, le = o[F];
         return {
           key: F,
           value: te,
           hidden: re.hidden || !1,
           type: re.type ?? ((le == null ? void 0 : le.type) || H.Text),
-          label: re.label ?? ((le == null ? void 0 : le.label) || M(F)),
+          label: re.label ?? ((le == null ? void 0 : le.label) || E(F)),
           tooltip: re.tooltip ?? ((le == null ? void 0 : le.tooltip) || void 0),
           section: re.section ?? ((le == null ? void 0 : le.section) || ae.Advanced)
         };
-      }).filter(($) => !$.hidden && $.key !== a.pluginConfigKey);
+      }).filter((K) => !K.hidden && K.key !== a.pluginConfigKey);
     }), B = C(() => {
       var f, y;
       if (!w.value || !a.pluginConfigKey)
         return [];
       const I = w.value[a.pluginConfigKey] || {}, z = Object.keys(I).length, J = [];
-      for (const $ in I) {
-        const E = (y = (f = a.pluginConfigSchema) == null ? void 0 : f[$]) == null ? void 0 : y.order, A = I[$];
-        let F = A != null && A !== "" ? z - 1 : z;
-        E && (F = E === -1 ? z + 1 : E), J.push([$, F]);
+      for (const K in I) {
+        const A = (y = (f = a.pluginConfigSchema) == null ? void 0 : f[K]) == null ? void 0 : y.order, q = I[K];
+        let F = q != null && q !== "" ? z - 1 : z;
+        A && (F = A === -1 ? z + 1 : A), J.push([K, F]);
       }
-      return J.sort(function($, E) {
-        return $[1] - E[1];
-      }), J.map(($) => {
-        var E;
-        const A = $[0], F = I[A], te = ((E = a.pluginConfigSchema) == null ? void 0 : E[A]) || {};
+      return J.sort(function(K, A) {
+        return K[1] - A[1];
+      }), J.map((K) => {
+        var A;
+        const q = K[0], F = I[q], te = ((A = a.pluginConfigSchema) == null ? void 0 : A[q]) || {};
         return {
-          key: A,
+          key: q,
           value: F,
           hidden: te.hidden || !1,
           type: te.type ?? H.Text,
-          label: te.label ?? M(A),
+          label: te.label ?? E(q),
           tooltip: te.tooltip ?? void 0,
           section: ae.Plugin
         };
-      }).filter(($) => !$.hidden);
+      }).filter((K) => !K.hidden);
     }), c = C(() => {
       var f, y, I, z;
       return {
@@ -1184,12 +1193,12 @@ const ee = {
       var f, y;
       let I = `${a.config.apiBaseUrl}${a.fetchUrl}`;
       return a.config.app === "konnect" ? I = I.replace(/{controlPlaneId}/gi, ((f = a.config) == null ? void 0 : f.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.config.entityId), I;
-    }), P = (f) => {
+    }), M = (f) => {
       w.value && f(JSON.stringify(w.value)) ? l("copy:success", w.value) : l("copy:error");
     };
     return de(g, (f) => {
       l("loading", f);
-    }, { immediate: !0 }), Ie(async () => {
+    }, { immediate: !0 }), Ke(async () => {
       h.value = !1, g.value = !0;
       try {
         const { data: f } = await b.get(k.value);
@@ -1197,7 +1206,7 @@ const ee = {
           if (typeof f[a.dataKey] < "u")
             w.value = { ...f[a.dataKey] };
           else
-            throw new Error(n("errors.dataKeyUndefined", { dataKey: a.dataKey }));
+            throw new Error(s("errors.dataKeyUndefined", { dataKey: a.dataKey }));
         else
           w.value = { ...f };
         Object.keys(a.configSchema).filter((y) => a.configSchema[y].forceShow).forEach((y) => {
@@ -1205,29 +1214,29 @@ const ee = {
         }), l("fetch:success", f);
       } catch (f) {
         const y = _(f);
-        R.value = y.startsWith("code") ? n("baseConfigCard.errors.load") : y, h.value = !0, l("fetch:error", f);
+        P.value = y.startsWith("code") ? s("baseConfigCard.errors.load") : y, h.value = !0, l("fetch:error", f);
       } finally {
         g.value = !1;
       }
     }), (f, y) => {
-      const I = j("KButton"), z = j("KClipboardProvider"), J = j("KSkeleton"), $ = j("KEmptyState"), E = j("KCard");
-      return u(), U(E, {
+      const I = j("KButton"), z = j("KClipboardProvider"), J = j("KSkeleton"), K = j("KEmptyState"), A = j("KCard");
+      return u(), V(A, {
         "border-variant": "noBorder",
         class: "kong-ui-entity-base-config-card"
       }, fe({
         actions: p(() => [
-          q("div", ua, [
+          U("div", ca, [
             G(f.$slots, "actions", {}, void 0, !0),
             S(z, null, {
-              default: p(({ copyToClipboard: A }) => [
-                !g.value && !h.value ? (u(), U(I, {
+              default: p(({ copyToClipboard: q }) => [
+                !g.value && !h.value ? (u(), V(I, {
                   key: 0,
                   appearance: "btn-link",
                   "data-testid": "json-copy-button",
-                  onClick: (F) => P(A)
+                  onClick: (F) => M(q)
                 }, {
                   default: p(() => [
-                    W(x(r(n)("baseConfigCard.actions.copy")), 1)
+                    W(x(r(s)("baseConfigCard.actions.copy")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : X("", !0)
@@ -1237,29 +1246,29 @@ const ee = {
           ])
         ]),
         body: p(() => [
-          g.value ? (u(), U(J, {
+          g.value ? (u(), V(J, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : h.value ? (u(), U($, {
+          })) : h.value ? (u(), V(K, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "is-error": ""
           }, {
             message: p(() => [
-              q("h3", null, x(R.value), 1)
+              U("h3", null, x(P.value), 1)
             ]),
             _: 1
           })) : X("", !0),
-          q("div", pa, [
-            (u(!0), K(ne, null, ie(d.value, (A) => (u(), K("div", {
-              key: `config-card-details-${A}-props`,
-              class: pe(`config-card-details-${A}-props`),
-              "data-testid": `config-card-details-${A}-props`
+          U("div", ua, [
+            (u(!0), $(ne, null, ie(d.value, (q) => (u(), $("div", {
+              key: `config-card-details-${q}-props`,
+              class: pe(`config-card-details-${q}-props`),
+              "data-testid": `config-card-details-${q}-props`
             }, [
-              A !== "basic" ? (u(), K("div", fa, x(A === "advanced" ? r(n)("baseConfigCard.sections.advanced") : r(n)("baseConfigCard.sections.plugin")), 1)) : X("", !0),
-              (u(!0), K(ne, null, ie(c.value[A], (F) => (u(), U(Se, {
+              q !== "basic" ? (u(), $("div", ya, x(q === "advanced" ? r(s)("baseConfigCard.sections.advanced") : r(s)("baseConfigCard.sections.plugin")), 1)) : X("", !0),
+              (u(!0), $(ne, null, ie(c.value[q], (F) => (u(), V(Ie, {
                 key: F.key,
                 item: F
               }, fe({
@@ -1282,7 +1291,7 @@ const ee = {
                   key: "0"
                 } : void 0
               ]), 1032, ["item"]))), 128))
-            ], 10, ya))), 128))
+            ], 10, pa))), 128))
           ])
         ]),
         _: 2
@@ -1290,9 +1299,9 @@ const ee = {
         e.hideTitle ? void 0 : {
           name: "title",
           fn: p(() => [
-            q("div", ca, [
+            U("div", da, [
               G(f.$slots, "title", {}, () => [
-                W(x(r(n)("baseConfigCard.title")), 1)
+                W(x(r(s)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -1301,10 +1310,10 @@ const ee = {
       ]), 1024);
     };
   }
-}), va = /* @__PURE__ */ se(ma, [["__scopeId", "data-v-b72bbdde"]]), ga = ["onReset", "onSubmit"], ka = {
+}), ma = /* @__PURE__ */ se(fa, [["__scopeId", "data-v-b72bbdde"]]), va = ["onReset", "onSubmit"], ga = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, ba = /* @__PURE__ */ Z({
+}, ka = /* @__PURE__ */ Z({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1354,9 +1363,9 @@ const ee = {
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: l }) {
     var t;
-    const a = e, i = Te(), { i18n: { t: n } } = ee.useI18n(), { getMessageFromError: _ } = ee.useErrors(), { axiosInstance: M } = ee.useAxios({
+    const a = e, i = Be(), { i18n: { t: s } } = ee.useI18n(), { getMessageFromError: _ } = ee.useErrors(), { axiosInstance: E } = ee.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), b = T(!1), o = T(!1), g = T(""), h = C(() => a.canSubmit === !1 || a.isReadonly), R = C(() => {
+    }), b = T(!1), o = T(!1), g = T(""), h = C(() => a.canSubmit === !1 || a.isReadonly), P = C(() => {
       var c, d;
       if (!a.editId)
         return "";
@@ -1371,50 +1380,50 @@ const ee = {
     };
     return de(() => b.value, (c) => {
       l("loading", c);
-    }, { immediate: !0 }), Ie(async () => {
+    }, { immediate: !0 }), Ke(async () => {
       if (a.editId)
         try {
           o.value = !1, b.value = !0;
-          const { data: c } = await M.get(R.value);
+          const { data: c } = await E.get(P.value);
           l("fetch:success", c);
         } catch (c) {
           const d = _(c);
-          g.value = d.startsWith("code") ? n("baseForm.errors.edit") : d, o.value = !0, l("fetch:error", c);
+          g.value = d.startsWith("code") ? s("baseForm.errors.edit") : d, o.value = !0, l("fetch:error", c);
         } finally {
           b.value = !1;
         }
     }), (c, d) => {
-      const m = j("KSkeleton"), k = j("KEmptyState"), P = j("KAlert"), f = j("KButton"), y = j("KCard");
-      return u(), U(y, { class: "kong-ui-entity-base-form" }, {
+      const m = j("KSkeleton"), k = j("KEmptyState"), M = j("KAlert"), f = j("KButton"), y = j("KCard");
+      return u(), V(y, { class: "kong-ui-entity-base-form" }, {
         body: p(() => [
-          b.value ? (u(), U(m, {
+          b.value ? (u(), V(m, {
             key: 0,
             type: "form"
-          })) : o.value ? (u(), U(k, {
+          })) : o.value ? (u(), V(k, {
             key: 1,
-            "cta-text": r(n)("baseForm.actions.back"),
+            "cta-text": r(s)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
             "handle-click": w,
             "is-error": !0
           }, {
             message: p(() => [
-              q("h3", null, x(g.value), 1)
+              U("h3", null, x(g.value), 1)
             ]),
             _: 1
-          }, 8, ["cta-text"])) : (u(), K("form", {
+          }, 8, ["cta-text"])) : (u(), $("form", {
             key: 2,
             "data-testid": "form-content",
-            onReset: we(O, ["prevent"]),
-            onSubmit: we(B, ["prevent"])
+            onReset: Se(O, ["prevent"]),
+            onSubmit: Se(B, ["prevent"])
           }, [
             G(c.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (u(), U(P, {
+            e.errorMessage ? (u(), V(M, {
               key: 0,
               "alert-message": e.errorMessage,
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : X("", !0),
-            q("div", ka, [
+            U("div", ga, [
               G(c.$slots, "form-actions", {}, () => [
                 S(f, {
                   appearance: "outline",
@@ -1423,7 +1432,7 @@ const ee = {
                   type: "reset"
                 }, {
                   default: p(() => [
-                    W(x(r(n)("baseForm.actions.cancel")), 1)
+                    W(x(r(s)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
@@ -1434,19 +1443,19 @@ const ee = {
                   type: "submit"
                 }, {
                   default: p(() => [
-                    W(x(r(n)("baseForm.actions.save")), 1)
+                    W(x(r(s)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ], !0)
             ])
-          ], 40, ga))
+          ], 40, va))
         ]),
         _: 3
       });
     };
   }
-}), ha = /* @__PURE__ */ se(ba, [["__scopeId", "data-v-2286e5f2"]]), _a = { key: 0 }, Ca = /* @__PURE__ */ Z({
+}), ba = /* @__PURE__ */ se(ka, [["__scopeId", "data-v-2286e5f2"]]), ha = { key: 0 }, _a = /* @__PURE__ */ Z({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1470,39 +1479,39 @@ const ee = {
       const d = (B = l.rowEl) == null ? void 0 : B.querySelectorAll("td");
       return d ? ((c = d[0]) == null ? void 0 : c.getAttribute("data-testid")) === l.keyName : !1;
     });
-    let n;
+    let s;
     const _ = () => {
-      n && (n.disconnect(), n = void 0);
-    }, M = () => {
+      s && (s.disconnect(), s = void 0);
+    }, E = () => {
       var B, c, d;
       o.value = ((B = a.value) == null ? void 0 : B.getBoundingClientRect().width) || 0, g.value = ((c = t.value) == null ? void 0 : c.clientWidth) || 0, h.value = ((d = b.value) == null ? void 0 : d.innerText) || "";
-    }, b = T({}), o = T(0), g = T(0), h = T(""), R = C(() => [a.value, t.value]), w = de(
-      R,
+    }, b = T({}), o = T(0), g = T(0), h = T(""), P = C(() => [a.value, t.value]), w = de(
+      P,
       (B) => {
         if (i.value && (_(), "ResizeObserver" in window && window)) {
-          n = new ResizeObserver((c) => {
+          s = new ResizeObserver((c) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(c) || !c.length || M();
+              !Array.isArray(c) || !c.length || E();
             });
           });
           for (const c of B)
-            c && n.observe(c);
+            c && s.observe(c);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
     ), O = C(() => i.value ? o.value > g.value : !1);
     return lt(() => {
-      M();
+      E();
     }), ot(() => {
       w();
     }), (B, c) => {
       const d = j("KTooltip");
-      return u(), K("span", {
+      return u(), $("span", {
         ref_key: "contentRef",
         ref: b,
         class: "content-wrapper"
       }, [
-        i.value ? (u(), K("span", _a, [
+        i.value ? (u(), $("span", ha, [
           S(d, {
             disabled: !O.value,
             label: h.value,
@@ -1518,10 +1527,10 @@ const ee = {
       ], 512);
     };
   }
-}), wa = /* @__PURE__ */ se(Ca, [["__scopeId", "data-v-f8a220e9"]]), Sa = { class: "toolbar-container" }, Ia = {
+}), Ca = /* @__PURE__ */ se(_a, [["__scopeId", "data-v-f8a220e9"]]), wa = { class: "toolbar-container" }, Sa = {
   key: 0,
   class: "toolbar-button-container"
-}, $a = ["data-testid"], Ka = /* @__PURE__ */ Z({
+}, Ia = ["data-testid"], Ka = /* @__PURE__ */ Z({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1625,42 +1634,42 @@ const ee = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: l }) {
-    const t = e, { i18n: { t: a } } = ee.useI18n(), i = C(() => t.cacheIdentifier || t.preferencesStorageKey), n = (k) => k.hasData || !!t.query, _ = C(() => {
+    const t = e, { i18n: { t: a } } = ee.useI18n(), i = C(() => t.cacheIdentifier || t.preferencesStorageKey), s = (k) => k.hasData || !!t.query, _ = C(() => {
       const k = [];
-      return Object.keys(t.tableHeaders).forEach((P) => {
-        const f = t.tableHeaders[P];
+      return Object.keys(t.tableHeaders).forEach((M) => {
+        const f = t.tableHeaders[M];
         k.push({
-          label: f.label ?? P,
-          key: P,
+          label: f.label ?? M,
+          key: M,
           sortable: f.sortable ?? !1
         });
       }), t.enableEntityActions && k.push({
         key: "actions",
         hideLabel: !0
       }), k;
-    }), M = (k) => ({
+    }), E = (k) => ({
       "data-rowid": k.id,
       "data-testid": k.name,
       ...t.rowAttributes(k)
     }), b = T({}), o = (k) => {
-      var P;
-      return (P = b.value) == null ? void 0 : P.$el.querySelector(`[data-rowid="${k.id}"]`);
+      var M;
+      return (M = b.value) == null ? void 0 : M.$el.querySelector(`[data-rowid="${k.id}"]`);
     }, g = (k) => {
-      const P = {
+      const M = {
         "data-testid": k.headerKey,
         ...t.cellAttributes(k)
       };
-      return k.colIndex === 0 && (P.style = {
+      return k.colIndex === 0 && (M.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), P;
+      }), M;
     }, h = () => {
-      l("empty-state-cta-clicked"), R();
-    }, R = () => {
+      l("empty-state-cta-clicked"), P();
+    }, P = () => {
       l("clear-search-input");
-    }, w = (k, P) => {
-      l("click:row", P);
+    }, w = (k, M) => {
+      l("click:row", M);
     }, O = (k) => {
       l("sort", k);
     }, { setTablePreferences: B, getTablePreferences: c } = yt(), d = C(() => {
@@ -1672,9 +1681,9 @@ const ee = {
     }), m = (k) => {
       t.preferencesStorageKey && B(t.preferencesStorageKey, k);
     };
-    return (k, P) => {
+    return (k, M) => {
       const f = j("KIcon"), y = j("KButton"), I = j("KDropdownMenu"), z = j("KTable"), J = j("KCard");
-      return u(), U(J, {
+      return u(), V(J, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
@@ -1703,27 +1712,27 @@ const ee = {
             "initial-fetcher-params": d.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
-            "row-attrs": M,
+            "row-attrs": E,
             "search-input": e.query,
             onKtableEmptyStateCtaClicked: h,
             "onRow:click": w,
-            onSort: P[0] || (P[0] = ($) => O($)),
+            onSort: M[0] || (M[0] = (K) => O(K)),
             "onUpdate:tablePreferences": m
           }, fe({
-            toolbar: p(({ state: $ }) => [
-              _e(q("div", Sa, [
+            toolbar: p(({ state: K }) => [
+              _e(U("div", wa, [
                 G(k.$slots, "toolbar-filter", {}, void 0, !0),
-                k.$slots["toolbar-button"] ? (u(), K("div", Ia, [
+                k.$slots["toolbar-button"] ? (u(), $("div", Sa, [
                   G(k.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : X("", !0)
               ], 512), [
-                [Ce, n($)]
+                [Ce, s(K)]
               ])
             ]),
-            actions: p(({ row: $, rowKey: E, rowValue: A }) => [
-              q("div", {
+            actions: p(({ row: K, rowKey: A, rowValue: q }) => [
+              U("div", {
                 class: "actions-container",
-                "data-testid": $.name
+                "data-testid": K.name
               }, [
                 S(I, {
                   "kpop-attributes": { placement: "bottomEnd" },
@@ -1731,9 +1740,9 @@ const ee = {
                 }, {
                   items: p(() => [
                     G(k.$slots, "actions", {
-                      row: $,
-                      rowKey: E,
-                      rowValue: A
+                      row: K,
+                      rowKey: A,
+                      rowValue: q
                     }, void 0, !0)
                   ]),
                   default: p(() => [
@@ -1744,7 +1753,7 @@ const ee = {
                     }, {
                       icon: p(() => [
                         S(f, {
-                          color: r(Gt),
+                          color: r(Wt),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -1754,20 +1763,20 @@ const ee = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, $a)
+              ], 8, Ia)
             ]),
             _: 2
           }, [
-            ie(e.tableHeaders, ($, E) => ({
-              name: E,
-              fn: p(({ row: A, rowKey: F, rowValue: te }) => [
-                S(wa, {
-                  "key-name": String(E),
-                  "row-el": o(A)
+            ie(e.tableHeaders, (K, A) => ({
+              name: A,
+              fn: p(({ row: q, rowKey: F, rowValue: te }) => [
+                S(Ca, {
+                  "key-name": String(A),
+                  "row-el": o(q)
                 }, {
                   default: p(() => [
-                    G(k.$slots, E, {
-                      row: A,
+                    G(k.$slots, A, {
+                      row: q,
                       rowKey: F,
                       rowValue: te
                     }, () => [
@@ -1784,13 +1793,13 @@ const ee = {
       }, 8, ["title"]);
     };
   }
-}), xa = /* @__PURE__ */ se(Ka, [["__scopeId", "data-v-a598b1d9"]]), Ta = {
+}), $a = /* @__PURE__ */ se(Ka, [["__scopeId", "data-v-a598b1d9"]]), xa = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, Ba = {
+}, Ta = {
   key: 1,
   class: "description"
-}, ja = /* @__PURE__ */ Z({
+}, Ba = /* @__PURE__ */ Z({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -1829,14 +1838,14 @@ const ee = {
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: l }) {
-    const t = e, { i18nT: a } = ee.useI18n(), i = C(() => t.needConfirm ? t.entityName : ""), n = () => {
+    const t = e, { i18nT: a } = ee.useI18n(), i = C(() => t.needConfirm ? t.entityName : ""), s = () => {
       l("cancel");
     }, _ = () => {
       l("proceed");
     };
-    return (M, b) => {
+    return (E, b) => {
       const o = j("KAlert"), g = j("KPrompt");
-      return u(), U(g, {
+      return u(), V(g, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
         class: "kong-ui-entity-delete-modal",
@@ -1844,11 +1853,11 @@ const ee = {
         "is-visible": e.visible,
         title: e.title,
         type: "danger",
-        onCanceled: n,
+        onCanceled: s,
         onProceed: _
       }, {
         "body-content": p(() => [
-          e.error ? (u(), K("div", Ta, [
+          e.error ? (u(), $("div", xa, [
             S(o, { appearance: "danger" }, {
               alertMessage: p(() => [
                 W(x(e.error), 1)
@@ -1869,14 +1878,14 @@ const ee = {
             t.entityName ? {
               name: "entityName",
               fn: p(() => [
-                q("strong", null, x(t.entityName), 1)
+                U("strong", null, x(t.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || M.$slots.description ? (u(), K("div", Ba, [
-            G(M.$slots, "description", {}, () => [
-              q("p", null, x(t.description), 1)
+          t.description || E.$slots.description ? (u(), $("div", Ta, [
+            G(E.$slots, "description", {}, () => [
+              U("p", null, x(t.description), 1)
             ], !0)
           ])) : X("", !0)
         ]),
@@ -1884,7 +1893,7 @@ const ee = {
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Pa = /* @__PURE__ */ se(ja, [["__scopeId", "data-v-1c9a2a07"]]), Ea = {
+}), ja = /* @__PURE__ */ se(Ba, [["__scopeId", "data-v-1c9a2a07"]]), Ea = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1898,35 +1907,35 @@ const ee = {
   width: "20",
   x: "0",
   y: "0"
-}, Ra = ["fill"], Aa = { mask: "url(#mask0_180_20349)" }, qa = ["fill"], Fa = /* @__PURE__ */ Z({
+}, Pa = ["fill"], Aa = { mask: "url(#mask0_180_20349)" }, qa = ["fill"], Ua = /* @__PURE__ */ Z({
   __name: "IconFilter",
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${zt})`
+      default: `var(--kong-ui-entity-filter-color, ${Ht})`
     }
   },
   setup(e) {
-    return (l, t) => (u(), K("svg", Ea, [
-      q("mask", Ma, [
-        q("rect", {
+    return (l, t) => (u(), $("svg", Ea, [
+      U("mask", Ma, [
+        U("rect", {
           fill: e.color,
           height: "20",
           width: "20"
-        }, null, 8, Ra)
+        }, null, 8, Pa)
       ]),
-      q("g", Aa, [
-        q("path", {
+      U("g", Aa, [
+        U("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
         }, null, 8, qa)
       ])
     ]));
   }
-}), Va = {
+}), Fa = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Ua = { class: "menu-item-title" }, Oa = { class: "menu-item-indicator" }, La = { class: "menu-item-body" }, Na = ["for"], Da = { class: "menu-item-buttons" }, Ja = /* @__PURE__ */ Z({
+}, Ra = { class: "menu-item-title" }, Va = { class: "menu-item-indicator" }, Oa = { class: "menu-item-body" }, La = ["for"], Na = { class: "menu-item-buttons" }, Da = /* @__PURE__ */ Z({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -1946,12 +1955,12 @@ const ee = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, { i18n: { t: a } } = ee.useI18n(), i = T(!1), n = T({}), _ = C(() => {
+    const t = e, { i18n: { t: a } } = ee.useI18n(), i = T(!1), s = T({}), _ = C(() => {
       const c = [];
       return new URLSearchParams(t.modelValue).forEach((d, m) => {
         d !== "" && c.push(m);
       }), c;
-    }), M = C(() => {
+    }), E = C(() => {
       const c = t.config.fields;
       return Object.keys(c).filter((d) => c[d].searchable).map((d) => ({
         label: c[d].label || d,
@@ -1959,8 +1968,8 @@ const ee = {
       }));
     });
     de(() => t.modelValue, (c) => {
-      n.value = {}, new URLSearchParams(c).forEach((d, m) => {
-        n.value[m] = d;
+      s.value = {}, new URLSearchParams(c).forEach((d, m) => {
+        s.value[m] = d;
       });
     });
     const b = () => {
@@ -1973,23 +1982,23 @@ const ee = {
         value: k,
         label: k
       }));
-    }, R = (c) => {
+    }, P = (c) => {
       var d, m;
       return ((m = (d = t.config.schema) == null ? void 0 : d[c]) == null ? void 0 : m.type) ?? "text";
     }, w = (c) => {
-      n.value = {
-        ...n.value,
+      s.value = {
+        ...s.value,
         [c]: ""
       }, B();
     }, O = () => {
-      n.value = {}, B(!0);
+      s.value = {}, B(!0);
     }, B = (c = !1) => {
-      const d = Object.keys(n.value).reduce((m, k) => (n.value[k] && (m[k] = `${n.value[k]}`), m), {});
+      const d = Object.keys(s.value).reduce((m, k) => (s.value[k] && (m[k] = `${s.value[k]}`), m), {});
       c && (i.value = !1), l("update:modelValue", new URLSearchParams(d).toString());
     };
     return (c, d) => {
-      const m = j("KInput"), k = j("KButton"), P = j("KSelect"), f = j("KMenuItem"), y = j("KMenu");
-      return e.config.isExactMatch ? (u(), U(m, {
+      const m = j("KInput"), k = j("KButton"), M = j("KSelect"), f = j("KMenuItem"), y = j("KMenu");
+      return e.config.isExactMatch ? (u(), V(m, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
@@ -1999,10 +2008,10 @@ const ee = {
         "onUpdate:modelValue": o
       }, {
         icon: p(() => [
-          S(Fa)
+          S(Ua)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (u(), K("div", Va, [
+      }, 8, ["model-value", "placeholder"])) : (u(), $("div", Fa, [
         S(k, {
           appearance: "btn-link",
           "data-testid": "filter-button",
@@ -2014,7 +2023,7 @@ const ee = {
           ]),
           _: 1
         }),
-        _e(q("div", {
+        _e(U("div", {
           class: "kong-ui-entity-filter-backdrop",
           onClick: b
         }, null, 512), [
@@ -2022,53 +2031,53 @@ const ee = {
         ]),
         _e(S(y, { class: "kong-ui-entity-filter-menu" }, {
           body: p(() => [
-            (u(!0), K(ne, null, ie(M.value, (I, z) => (u(), U(f, {
+            (u(!0), $(ne, null, ie(E.value, (I, z) => (u(), V(f, {
               key: I.value,
               "data-testid": I.value,
               expandable: "",
-              "last-menu-item": z === M.value.length - 1
+              "last-menu-item": z === E.value.length - 1
             }, {
               itemTitle: p(() => [
-                q("span", Ua, [
+                U("span", Ra, [
                   W(x(I.label) + " ", 1),
-                  _e(q("span", Oa, null, 512), [
+                  _e(U("span", Va, null, 512), [
                     [Ce, _.value.includes(I.value)]
                   ])
                 ])
               ]),
               itemBody: p(() => {
-                var J, $;
+                var J, K;
                 return [
-                  q("div", La, [
-                    q("label", {
+                  U("div", Oa, [
+                    U("label", {
                       class: "menu-item-label",
                       for: g(I.value)
-                    }, x(r(a)("filter.fieldLabel")), 9, Na),
-                    (($ = (J = e.config.schema) == null ? void 0 : J[I.value]) == null ? void 0 : $.type) === "select" ? (u(), U(P, {
+                    }, x(r(a)("filter.fieldLabel")), 9, La),
+                    ((K = (J = e.config.schema) == null ? void 0 : J[I.value]) == null ? void 0 : K.type) === "select" ? (u(), V(M, {
                       key: 0,
                       id: g(I.value),
-                      modelValue: n.value[I.value],
-                      "onUpdate:modelValue": (E) => n.value[I.value] = E,
+                      modelValue: s.value[I.value],
+                      "onUpdate:modelValue": (A) => s.value[I.value] = A,
                       appearance: "select",
                       items: h(I.value),
                       placeholder: r(a)("filter.selectPlaceholder")
-                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (u(), U(m, {
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (u(), V(m, {
                       key: 1,
                       id: g(I.value),
-                      modelValue: n.value[I.value],
-                      "onUpdate:modelValue": (E) => n.value[I.value] = E,
+                      modelValue: s.value[I.value],
+                      "onUpdate:modelValue": (A) => s.value[I.value] = A,
                       autocomplete: "off",
                       placeholder: r(a)("filter.inputPlaceholder"),
                       size: "small",
-                      type: R(I.value)
+                      type: P(I.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  q("div", Da, [
+                  U("div", Na, [
                     S(k, {
                       appearance: "btn-link",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: d[0] || (d[0] = (E) => B(!0))
+                      onClick: d[0] || (d[0] = (A) => B(!0))
                     }, {
                       default: p(() => [
                         W(x(r(a)("filter.applyButtonText")), 1)
@@ -2079,7 +2088,7 @@ const ee = {
                       appearance: "btn-link",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: (E) => w(I.value)
+                      onClick: (A) => w(I.value)
                     }, {
                       default: p(() => [
                         W(x(r(a)("filter.clearButtonText")), 1)
@@ -2107,7 +2116,7 @@ const ee = {
       ]));
     };
   }
-}), Ha = /* @__PURE__ */ se(Ja, [["__scopeId", "data-v-745f38c0"]]), he = /* @__PURE__ */ Z({
+}), Ja = /* @__PURE__ */ se(Da, [["__scopeId", "data-v-745f38c0"]]), he = /* @__PURE__ */ Z({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -2132,21 +2141,21 @@ const ee = {
     const l = e, t = T(void 0), a = C(() => t.value === !0 || t.value !== void 0 && l.forceShow === !0);
     return de(() => l.authFunction, async () => {
       t.value = await l.authFunction();
-    }, { immediate: !0 }), (i, n) => a.value ? G(i.$slots, "default", {
+    }, { immediate: !0 }), (i, s) => a.value ? G(i.$slots, "default", {
       key: 0,
       isAllowed: t.value
     }) : X("", !0);
   }
-}), za = { class: "form-section-wrapper" }, Wa = {
+}), Ha = { class: "form-section-wrapper" }, za = {
   key: 0,
   class: "form-section-title"
-}, Ga = {
+}, Wa = {
   key: 1,
   class: "form-section-description"
-}, Qa = {
+}, Ga = {
   key: 2,
   class: "form-section-footer"
-}, Xa = { class: "form-section-content" }, Ya = /* @__PURE__ */ Z({
+}, Qa = { class: "form-section-content" }, Xa = /* @__PURE__ */ Z({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2171,33 +2180,33 @@ const ee = {
     }
   },
   setup(e) {
-    const l = Ke();
-    return (t, a) => (u(), K("fieldset", {
+    const l = Te();
+    return (t, a) => (u(), $("fieldset", {
       class: pe(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      q("div", za, [
-        e.hideInfoHeader ? X("", !0) : (u(), K("div", {
+      U("div", Ha, [
+        e.hideInfoHeader ? X("", !0) : (u(), $("div", {
           key: 0,
           class: pe(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (u(), K("h4", Wa, x(e.title), 1)) : X("", !0),
-          e.description || r(l).description ? (u(), K("div", Ga, [
+          e.title ? (u(), $("h4", za, x(e.title), 1)) : X("", !0),
+          e.description || r(l).description ? (u(), $("div", Wa, [
             G(t.$slots, "description", {}, () => [
-              q("p", null, x(e.description), 1)
+              U("p", null, x(e.description), 1)
             ], !0)
           ])) : X("", !0),
-          r(l).footer ? (u(), K("div", Qa, [
+          r(l).footer ? (u(), $("div", Ga, [
             G(t.$slots, "footer", {}, void 0, !0)
           ])) : X("", !0)
         ], 2)),
-        q("div", Xa, [
+        U("div", Qa, [
           G(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Ne = /* @__PURE__ */ se(Ya, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Me, useDeleteUrlBuilder: Za, useErrors: el, useFetchUrlBuilder: _l, useFetcher: tl, useDebouncedFilter: al, useStringHelpers: ll, useGatewayFeatureSupported: Cl } = ee;
-const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__PURE__ */ Z({
+}), De = /* @__PURE__ */ se(Xa, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Ae, useDeleteUrlBuilder: Ya, useErrors: Za, useFetchUrlBuilder: hl, useFetcher: el, useDebouncedFilter: tl, useStringHelpers: al, useGatewayFeatureSupported: _l } = ee;
+const ll = { class: "kong-ui-entities-keys-list" }, ol = { key: 1 }, il = /* @__PURE__ */ Z({
   __name: "KeyList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2239,98 +2248,98 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
   emits: ["error", "copy:success", "copy:error", "delete:success"],
   setup(e, { emit: l }) {
     var ve;
-    const t = e, { i18n: { t: a } } = je.useI18n(), i = Te(), { axiosInstance: n } = Me({
+    const t = e, { i18n: { t: a } } = Ee.useI18n(), i = Be(), { axiosInstance: s } = Ae({
       headers: (ve = t.config) == null ? void 0 : ve.requestHeaders
-    }), _ = T(1), M = C(() => t.config.app !== "kongManager" || !!t.config.disableSorting), b = {
+    }), _ = T(1), E = C(() => t.config.app !== "kongManager" || !!t.config.disableSorting), b = {
       name: { label: a("keys.list.table_headers.name"), searchable: !0, sortable: !0 },
       kid: { label: a("keys.list.table_headers.key_id"), sortable: !0 },
       tags: { label: a("keys.list.table_headers.tags") },
       id: { label: a("keys.list.table_headers.id"), sortable: !0 }
     }, o = b, g = C(() => {
       var v, L, Q, oe;
-      let s = `${t.config.apiBaseUrl}${ye.list[t.config.app][t.config.keySetId ? "forKeySet" : "all"]}`;
-      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "").replace(/{keySetId}/gi, ((L = t.config) == null ? void 0 : L.keySetId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (Q = t.config) != null && Q.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, ((oe = t.config) == null ? void 0 : oe.keySetId) || "")), s;
-    }), h = T(""), R = C(() => {
-      const s = t.config.app === "konnect" || t.config.isExactMatch;
-      if (s)
+      let n = `${t.config.apiBaseUrl}${ye.list[t.config.app][t.config.keySetId ? "forKeySet" : "all"]}`;
+      return t.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "").replace(/{keySetId}/gi, ((L = t.config) == null ? void 0 : L.keySetId) || "") : t.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (Q = t.config) != null && Q.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, ((oe = t.config) == null ? void 0 : oe.keySetId) || "")), n;
+    }), h = T(""), P = C(() => {
+      const n = t.config.app === "konnect" || t.config.isExactMatch;
+      if (n)
         return {
-          isExactMatch: s,
+          isExactMatch: n,
           placeholder: a("keys.search.placeholder")
         };
       const v = { name: b.name };
       return {
-        isExactMatch: s,
+        isExactMatch: n,
         fields: v,
         schema: t.config.filterSchema
       };
-    }), { fetcher: w, fetcherState: O } = tl(t.config, g.value), B = () => {
+    }), { fetcher: w, fetcherState: O } = el(t.config, g.value), B = () => {
       h.value = "";
     }, c = () => {
       _.value++;
-    }, d = T(""), m = (s, v) => {
-      const L = s.id;
+    }, d = T(""), m = (n, v) => {
+      const L = n.id;
       if (!v(L)) {
-        y(s, "id");
+        y(n, "id");
         return;
       }
-      f(s, "id");
-    }, k = (s, v) => {
-      const L = JSON.stringify(s);
+      f(n, "id");
+    }, k = (n, v) => {
+      const L = JSON.stringify(n);
       if (!v(L)) {
         l("copy:error", {
-          entity: s,
+          entity: n,
           message: a("keys.errors.copy")
         });
         return;
       }
       l("copy:success", {
-        entity: s,
+        entity: n,
         message: a("keys.copy.success_brief")
       });
-    }, P = (s, v, L) => {
-      const { type: Q } = s;
+    }, M = (n, v, L) => {
+      const { type: Q } = n;
       Q === "success" ? f(v, L) : y(v, L);
-    }, f = (s, v) => {
+    }, f = (n, v) => {
       l("copy:success", {
-        entity: s,
+        entity: n,
         field: v,
-        message: a("keys.copy.success", { val: s[v] })
+        message: a("keys.copy.success", { val: n[v] })
       });
-    }, y = (s, v) => {
+    }, y = (n, v) => {
       l("copy:error", {
-        entity: s,
+        entity: n,
         field: v,
         message: a("keys.errors.copy")
       });
-    }, I = async (s) => {
+    }, I = async (n) => {
       var L;
-      await ((L = t.canRetrieve) == null ? void 0 : L.call(t, s)) && i.push(t.config.getViewRoute(s.id));
-    }, z = (s) => ({
+      await ((L = t.canRetrieve) == null ? void 0 : L.call(t, n)) && i.push(t.config.getViewRoute(n.id));
+    }, z = (n) => ({
       label: a("keys.actions.view"),
-      to: t.config.getViewRoute(s)
-    }), J = (s) => ({
+      to: t.config.getViewRoute(n)
+    }), J = (n) => ({
       label: a("keys.actions.edit"),
-      to: t.config.getEditRoute(s)
-    }), $ = T(void 0), E = T(!1), A = T(!1), F = T(""), te = Za(t.config, g.value), re = (s) => {
-      $.value = s, E.value = !0;
+      to: t.config.getEditRoute(n)
+    }), K = T(void 0), A = T(!1), q = T(!1), F = T(""), te = Ya(t.config, g.value), re = (n) => {
+      K.value = n, A.value = !0;
     }, le = () => {
-      E.value = !1;
+      A.value = !1;
     }, be = async () => {
-      var s, v, L;
-      if ((s = $.value) != null && s.id) {
-        A.value = !0;
+      var n, v, L;
+      if ((n = K.value) != null && n.id) {
+        q.value = !0;
         try {
-          await n.delete(te($.value.id)), A.value = !1, E.value = !1, _.value++, l("delete:success", $.value);
+          await s.delete(te(K.value.id)), q.value = !1, A.value = !1, _.value++, l("delete:success", K.value);
         } catch (Q) {
           F.value = ((L = (v = Q.response) == null ? void 0 : v.data) == null ? void 0 : L.message) || Q.message || a("keys.errors.delete"), l("error", Q);
         } finally {
-          A.value = !1;
+          q.value = !1;
         }
       }
     };
-    de(O, (s) => {
-      if (s.status === ue.Error) {
-        d.value = a("keys.errors.general"), l("error", s.error);
+    de(O, (n) => {
+      if (n.status === ue.Error) {
+        d.value = a("keys.errors.general"), l("error", n.error);
         return;
       }
       d.value = "";
@@ -2341,15 +2350,15 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
       message: a("keys.list.empty_state.description"),
       title: a("keys.title")
     });
-    return Ie(async () => {
+    return Ke(async () => {
       await t.canCreate() && (me.value.title = a("keys.list.empty_state.title"), me.value.ctaText = a("keys.actions.create"));
-    }), (s, v) => {
+    }), (n, v) => {
       const L = j("KButton"), Q = j("CopyUuid"), oe = j("KBadge"), D = j("KTruncate"), ce = j("KDropdownItem"), ge = j("KClipboardProvider");
-      return u(), K("div", ol, [
-        S(r(xa), {
+      return u(), $("div", ll, [
+        S(r($a), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination-page-jump": "",
-          "disable-sorting": M.value,
+          "disable-sorting": E.value,
           "empty-state-options": me.value,
           "enable-entity-actions": "",
           "error-message": d.value,
@@ -2364,10 +2373,10 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
           onSort: c
         }, {
           "toolbar-filter": p(() => [
-            S(r(Ha), {
+            S(r(Ja), {
               modelValue: h.value,
               "onUpdate:modelValue": v[0] || (v[0] = (N) => h.value = N),
-              config: R.value
+              config: P.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": p(() => [
@@ -2391,20 +2400,20 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
             }, 8, ["auth-function"])
           ]),
           name: p(({ rowValue: N }) => [
-            q("b", null, x(N ?? "-"), 1)
+            U("b", null, x(N ?? "-"), 1)
           ]),
           kid: p(({ row: N, rowValue: Y }) => [
             S(Q, {
-              notify: (V) => P(V, N, "kid"),
+              notify: (R) => M(R, N, "kid"),
               uuid: Y
             }, null, 8, ["notify", "uuid"])
           ]),
           tags: p(({ rowValue: N }) => [
-            (N == null ? void 0 : N.length) > 0 ? (u(), U(D, { key: 0 }, {
+            (N == null ? void 0 : N.length) > 0 ? (u(), V(D, { key: 0 }, {
               default: p(() => [
-                (u(!0), K(ne, null, ie(N, (Y) => (u(), U(oe, {
+                (u(!0), $(ne, null, ie(N, (Y) => (u(), V(oe, {
                   key: Y,
-                  onClick: v[1] || (v[1] = we(() => {
+                  onClick: v[1] || (v[1] = Se(() => {
                   }, ["stop"]))
                 }, {
                   default: p(() => [
@@ -2414,11 +2423,11 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (u(), K("span", il, "-"))
+            }, 1024)) : (u(), $("span", ol, "-"))
           ]),
           id: p(({ row: N, rowValue: Y }) => [
             S(Q, {
-              notify: (V) => P(V, N, "id"),
+              notify: (R) => M(R, N, "id"),
               uuid: Y
             }, null, 8, ["notify", "uuid"])
           ]),
@@ -2427,7 +2436,7 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
               default: p(({ copyToClipboard: Y }) => [
                 S(ce, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (V) => m(N, Y)
+                  onClick: (R) => m(N, Y)
                 }, {
                   default: p(() => [
                     W(x(r(a)("keys.actions.copy_id")), 1)
@@ -2441,7 +2450,7 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
               default: p(({ copyToClipboard: Y }) => [
                 S(ce, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (V) => k(N, Y)
+                  onClick: (R) => k(N, Y)
                 }, {
                   default: p(() => [
                     W(x(r(a)("keys.actions.copy_json")), 1)
@@ -2495,15 +2504,15 @@ const ol = { class: "kong-ui-entities-keys-list" }, il = { key: 1 }, nl = /* @__
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
-        S(r(Pa), {
-          "action-pending": A.value,
+        S(r(ja), {
+          "action-pending": q.value,
           description: r(a)("keys.delete.description"),
-          "entity-name": $.value && ($.value.name || $.value.id),
+          "entity-name": K.value && (K.value.name || K.value.id),
           "entity-type": r(He).Key,
           error: F.value,
           "need-confirm": !1,
           title: r(a)("keys.delete.title"),
-          visible: E.value,
+          visible: A.value,
           onCancel: le,
           onProceed: be
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
@@ -2516,11 +2525,11 @@ const Ze = (e, l) => {
   for (const [a, i] of l)
     t[a] = i;
   return t;
-}, wl = /* @__PURE__ */ Ze(nl, [["__scopeId", "data-v-bede4326"]]), sl = { class: "kong-ui-entities-keys-form" }, rl = { "data-testid": "no-search-results" }, dl = { class: "select-item-label" }, cl = { class: "select-item-desc" }, ul = {
+}, Cl = /* @__PURE__ */ Ze(il, [["__scopeId", "data-v-bede4326"]]), nl = { class: "kong-ui-entities-keys-form" }, sl = { "data-testid": "no-search-results" }, rl = { class: "select-item-label" }, dl = { class: "select-item-desc" }, cl = {
   key: 0,
   class: "invalid-key-set-message",
   "data-testid": "invalid-key-set-message"
-}, pl = { "data-testid": "key-format-container" }, yl = /* @__PURE__ */ Z({
+}, ul = { "data-testid": "key-format-container" }, pl = /* @__PURE__ */ Z({
   __name: "KeyForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2545,9 +2554,9 @@ const Ze = (e, l) => {
   emits: ["update", "error", "loading"],
   setup(e, { emit: l }) {
     var ve;
-    const t = e, a = Te(), { i18n: { t: i } } = je.useI18n(), { getMessageFromError: n } = el(), { axiosInstance: _ } = Me({
+    const t = e, a = Be(), { i18n: { t: i } } = Ee.useI18n(), { getMessageFromError: s } = Za(), { axiosInstance: _ } = Ae({
       headers: (ve = t.config) == null ? void 0 : ve.requestHeaders
-    }), M = C(() => ye.form[t.config.app].edit), b = C(() => t.keyId ? ke.Edit : ke.Create), o = Re({
+    }), E = C(() => ye.form[t.config.app].edit), b = C(() => t.keyId ? ke.Edit : ke.Create), o = qe({
       fields: {
         name: "",
         tags: "",
@@ -2560,7 +2569,7 @@ const Ze = (e, l) => {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), g = Re({
+    }), g = qe({
       name: "",
       tags: "",
       key_id: "",
@@ -2578,91 +2587,91 @@ const Ze = (e, l) => {
         label: i("keys.form.fields.key_format.options.pem"),
         value: "pem"
       }
-    ], R = C(() => o.isReadonly || b.value === ke.Create && !!t.fixedKeySetId), w = C(() => !R.value);
-    de(() => t.fixedKeySetId, (s) => {
-      b.value === ke.Create && (o.fields.key_set = s);
+    ], P = C(() => o.isReadonly || b.value === ke.Create && !!t.fixedKeySetId), w = C(() => !P.value);
+    de(() => t.fixedKeySetId, (n) => {
+      b.value === ke.Create && (o.fields.key_set = n);
     }, { immediate: !0 });
-    const O = C(() => JSON.stringify(o.fields) !== JSON.stringify(g) && !!o.fields.key_id && !!o.fields.key_format && (o.fields.key_format === "jwk" && !!o.fields.jwk || o.fields.key_format === "pem" && !!o.fields.private_key && !!o.fields.public_key)), B = (s) => {
+    const O = C(() => JSON.stringify(o.fields) !== JSON.stringify(g) && !!o.fields.key_id && !!o.fields.key_format && (o.fields.key_format === "jwk" && !!o.fields.jwk || o.fields.key_format === "pem" && !!o.fields.private_key && !!o.fields.public_key)), B = (n) => {
       var v, L, Q, oe;
-      o.fields.key_id = (s == null ? void 0 : s.kid) || "", o.fields.name = (s == null ? void 0 : s.name) || "", o.fields.tags = ((v = s == null ? void 0 : s.tags) == null ? void 0 : v.join(", ")) || "", o.fields.key_set = ((L = s == null ? void 0 : s.set) == null ? void 0 : L.id) || "", o.fields.key_format = s != null && s.pem ? "pem" : "jwk", o.fields.jwk = (s == null ? void 0 : s.jwk) || "", o.fields.private_key = ((Q = s == null ? void 0 : s.pem) == null ? void 0 : Q.private_key) || "", o.fields.public_key = ((oe = s == null ? void 0 : s.pem) == null ? void 0 : oe.public_key) || "", o.fields.key_set && ($.value = !1), Object.assign(g, o.fields);
+      o.fields.key_id = (n == null ? void 0 : n.kid) || "", o.fields.name = (n == null ? void 0 : n.name) || "", o.fields.tags = ((v = n == null ? void 0 : n.tags) == null ? void 0 : v.join(", ")) || "", o.fields.key_set = ((L = n == null ? void 0 : n.set) == null ? void 0 : L.id) || "", o.fields.key_format = n != null && n.pem ? "pem" : "jwk", o.fields.jwk = (n == null ? void 0 : n.jwk) || "", o.fields.private_key = ((Q = n == null ? void 0 : n.pem) == null ? void 0 : Q.private_key) || "", o.fields.public_key = ((oe = n == null ? void 0 : n.pem) == null ? void 0 : oe.public_key) || "", o.fields.key_set && (K.value = !1), Object.assign(g, o.fields);
     }, c = () => {
       a.push(t.config.cancelRoute);
     }, d = C(() => {
       var v, L;
-      let s = `${t.config.apiBaseUrl}${ye.form[t.config.app][b.value]}`;
-      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (L = t.config) != null && L.workspace ? `/${t.config.workspace}` : "")), s = s.replace(/{id}/gi, t.keyId), s;
+      let n = `${t.config.apiBaseUrl}${ye.form[t.config.app][b.value]}`;
+      return t.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "") : t.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (L = t.config) != null && L.workspace ? `/${t.config.workspace}` : "")), n = n.replace(/{id}/gi, t.keyId), n;
     }), m = async () => {
-      var s, v, L, Q, oe, D, ce, ge;
+      var n, v, L, Q, oe, D, ce, ge;
       try {
         o.isReadonly = !0;
         const N = {
           kid: o.fields.key_id,
           name: o.fields.name || null,
-          tags: ((L = (v = (s = o.fields.tags) == null ? void 0 : s.split(",")) == null ? void 0 : v.map((V) => String(V || "").trim())) == null ? void 0 : L.filter((V) => V !== "")) || [],
+          tags: ((L = (v = (n = o.fields.tags) == null ? void 0 : n.split(",")) == null ? void 0 : v.map((R) => String(R || "").trim())) == null ? void 0 : L.filter((R) => R !== "")) || [],
           set: o.fields.key_set ? { id: o.fields.key_set } : null,
           jwk: o.fields.key_format === "jwk" ? o.fields.jwk : null,
           pem: o.fields.key_format === "pem" ? { private_key: o.fields.private_key, public_key: o.fields.public_key } : null
         };
         let Y;
         if (b.value === "create" ? Y = await _.post(d.value, N) : b.value === "edit" && (Y = ((Q = t.config) == null ? void 0 : Q.app) === "konnect" ? await _.put(d.value, N) : await _.patch(d.value, N)), Y) {
-          const { data: V } = Y;
-          o.fields.key_id = (V == null ? void 0 : V.kid) || "", o.fields.name = (V == null ? void 0 : V.name) || "", o.fields.tags = ((oe = V == null ? void 0 : V.tags) == null ? void 0 : oe.join(", ")) || "", o.fields.key_set = ((D = V == null ? void 0 : V.set) == null ? void 0 : D.id) || "", o.fields.key_format = V != null && V.pem ? "pem" : "jwk", o.fields.jwk = (V == null ? void 0 : V.jwk) || "", o.fields.private_key = ((ce = V == null ? void 0 : V.pem) == null ? void 0 : ce.private_key) || "", o.fields.public_key = ((ge = V == null ? void 0 : V.pem) == null ? void 0 : ge.public_key) || "", Object.assign(g, o.fields), l("update", Y == null ? void 0 : Y.data);
+          const { data: R } = Y;
+          o.fields.key_id = (R == null ? void 0 : R.kid) || "", o.fields.name = (R == null ? void 0 : R.name) || "", o.fields.tags = ((oe = R == null ? void 0 : R.tags) == null ? void 0 : oe.join(", ")) || "", o.fields.key_set = ((D = R == null ? void 0 : R.set) == null ? void 0 : D.id) || "", o.fields.key_format = R != null && R.pem ? "pem" : "jwk", o.fields.jwk = (R == null ? void 0 : R.jwk) || "", o.fields.private_key = ((ce = R == null ? void 0 : R.pem) == null ? void 0 : ce.private_key) || "", o.fields.public_key = ((ge = R == null ? void 0 : R.pem) == null ? void 0 : ge.public_key) || "", Object.assign(g, o.fields), l("update", Y == null ? void 0 : Y.data);
         }
       } catch (N) {
-        o.errorMessage = n(N), l("error", N);
+        o.errorMessage = s(N), l("error", N);
       } finally {
         o.isReadonly = !1;
       }
     }, {
       debouncedQueryChange: k,
-      loading: P,
+      loading: M,
       allRecords: f,
       error: y,
       validationError: I,
       loadItems: z,
       results: J
-    } = al(t.config, ye.form[t.config.app].keySets, void 0, {
+    } = tl(t.config, ye.form[t.config.app].keySets, void 0, {
       fetchedItemsKey: "data",
       searchKeys: ["id", "name"]
-    }), $ = T(!0), E = (s) => {
-      $.value = !s, (!s || s !== o.fields.key_set && s !== g.key_set) && k(s);
-    }, A = C(() => y.value ? i("keys.errors.key_sets.fetch") : ""), F = C(() => I.value ? i("keys.errors.key_sets.invalid") : ""), te = T(0), re = C(() => f.value === void 0), le = T(/* @__PURE__ */ new Set()), be = C(() => Array.from(le.value).map((v) => ({
+    }), K = T(!0), A = (n) => {
+      K.value = !n, (!n || n !== o.fields.key_set && n !== g.key_set) && k(n);
+    }, q = C(() => y.value ? i("keys.errors.key_sets.fetch") : ""), F = C(() => I.value ? i("keys.errors.key_sets.invalid") : ""), te = T(0), re = C(() => f.value === void 0), le = T(/* @__PURE__ */ new Set()), be = C(() => Array.from(le.value).map((v) => ({
       name: v.name || "",
       // can't use name for label or it tries to search => 404
       label: "",
       // leave it blank so no flicker when used with selected-item-template
       value: v.id,
       selected: o.fields.key_set === v.id
-    }))), me = (s) => {
+    }))), me = (n) => {
       le.value.clear();
       let v;
-      for (v of s)
+      for (v of n)
         le.value.add(v);
     };
-    return de(J, (s) => {
-      me(s);
+    return de(J, (n) => {
+      me(n);
     }, { immediate: !0, deep: !0 }), de(be, () => {
       te.value++;
-    }, { immediate: !0, deep: !0 }), Ie(async () => {
+    }, { immediate: !0, deep: !0 }), Ke(async () => {
       await z();
-    }), (s, v) => {
+    }), (n, v) => {
       const L = j("KInput"), Q = j("KSelect"), oe = j("KTextArea");
-      return u(), K("div", sl, [
-        S(r(ha), {
+      return u(), $("div", nl, [
+        S(r(ba), {
           "can-submit": O.value,
           config: e.config,
           "edit-id": e.keyId,
-          "error-message": o.errorMessage || A.value,
-          "fetch-url": M.value,
+          "error-message": o.errorMessage || q.value,
+          "fetch-url": E.value,
           "is-readonly": o.isReadonly,
           onCancel: c,
-          "onFetch:error": v[8] || (v[8] = (D) => s.$emit("error", D)),
+          "onFetch:error": v[8] || (v[8] = (D) => n.$emit("error", D)),
           "onFetch:success": B,
-          onLoading: v[9] || (v[9] = (D) => s.$emit("loading", D)),
+          onLoading: v[9] || (v[9] = (D) => n.$emit("loading", D)),
           onSubmit: m
         }, {
           default: p(() => [
-            S(r(Ne), {
+            S(r(De), {
               description: r(i)("keys.form.sections.general.description"),
               title: r(i)("keys.form.sections.general.title")
             }, {
@@ -2697,35 +2706,35 @@ const Ze = (e, l) => {
                   "onUpdate:modelValue": v[2] || (v[2] = (D) => o.fields.key_set = D),
                   appearance: "select",
                   autosuggest: "",
-                  class: pe({ "k-select-placeholder": $.value }),
+                  class: pe({ "k-select-placeholder": K.value }),
                   clearable: w.value,
                   "data-testid": "key-form-key-set",
                   "dropdown-footer-text": re.value ? r(i)("keys.form.fields.key_set.footer") : void 0,
                   "enable-filtering": "",
                   items: be.value,
                   label: r(i)("keys.form.fields.key_set.label"),
-                  loading: r(P),
+                  loading: r(M),
                   placeholder: r(i)("keys.form.fields.key_set.placeholder"),
-                  readonly: R.value,
+                  readonly: P.value,
                   width: "100%",
-                  onQueryChange: E
+                  onQueryChange: A
                 }, {
                   loading: p(() => [
-                    q("div", null, x(r(i)("keys.actions.loading")), 1)
+                    U("div", null, x(r(i)("keys.actions.loading")), 1)
                   ]),
                   empty: p(() => [
-                    q("div", rl, x(r(i)("keys.search.no_results")), 1)
+                    U("div", sl, x(r(i)("keys.search.no_results")), 1)
                   ]),
                   "selected-item-template": p(({ item: D }) => [
-                    q("div", null, x(D.name), 1)
+                    U("div", null, x(D.name), 1)
                   ]),
                   "item-template": p(({ item: D }) => [
-                    q("div", dl, x(D.name), 1),
-                    q("div", cl, x(D.value), 1)
+                    U("div", rl, x(D.name), 1),
+                    U("div", dl, x(D.value), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "clearable", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"]),
-                F.value ? (u(), K("p", ul, x(F.value), 1)) : X("", !0),
+                F.value ? (u(), $("p", cl, x(F.value), 1)) : X("", !0),
                 S(L, {
                   modelValue: o.fields.tags,
                   "onUpdate:modelValue": v[3] || (v[3] = (D) => o.fields.tags = D),
@@ -2742,13 +2751,13 @@ const Ze = (e, l) => {
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            S(r(Ne), {
+            S(r(De), {
               description: r(i)("keys.form.sections.keys.description"),
               "has-divider": "",
               title: r(i)("keys.form.sections.keys.title")
             }, {
               default: p(() => [
-                q("div", pl, [
+                U("div", ul, [
                   S(Q, {
                     modelValue: o.fields.key_format,
                     "onUpdate:modelValue": v[4] || (v[4] = (D) => o.fields.key_format = D),
@@ -2761,7 +2770,7 @@ const Ze = (e, l) => {
                     width: "100%"
                   }, null, 8, ["modelValue", "label", "readonly"])
                 ]),
-                o.fields.key_format === "jwk" ? (u(), U(oe, {
+                o.fields.key_format === "jwk" ? (u(), V(oe, {
                   key: 0,
                   modelValue: o.fields.jwk,
                   "onUpdate:modelValue": v[5] || (v[5] = (D) => o.fields.jwk = D),
@@ -2774,7 +2783,7 @@ const Ze = (e, l) => {
                   readonly: o.isReadonly,
                   required: ""
                 }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : X("", !0),
-                o.fields.key_format === "pem" ? (u(), U(oe, {
+                o.fields.key_format === "pem" ? (u(), V(oe, {
                   key: 1,
                   modelValue: o.fields.private_key,
                   "onUpdate:modelValue": v[6] || (v[6] = (D) => o.fields.private_key = D),
@@ -2786,7 +2795,7 @@ const Ze = (e, l) => {
                   readonly: o.isReadonly,
                   required: ""
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : X("", !0),
-                o.fields.key_format === "pem" ? (u(), U(oe, {
+                o.fields.key_format === "pem" ? (u(), V(oe, {
                   key: 2,
                   modelValue: o.fields.public_key,
                   "onUpdate:modelValue": v[7] || (v[7] = (D) => o.fields.public_key = D),
@@ -2808,7 +2817,7 @@ const Ze = (e, l) => {
     };
   }
 });
-const Sl = /* @__PURE__ */ Ze(yl, [["__scopeId", "data-v-8e9c13a2"]]), fl = { class: "kong-ui-entities-keys-entity-config-card" }, ml = { key: 2 }, Il = /* @__PURE__ */ Z({
+const wl = /* @__PURE__ */ Ze(pl, [["__scopeId", "data-v-8e9c13a2"]]), yl = { class: "kong-ui-entities-keys-entity-config-card" }, fl = { key: 2 }, Sl = /* @__PURE__ */ Z({
   __name: "KeyConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2828,35 +2837,35 @@ const Sl = /* @__PURE__ */ Ze(yl, [["__scopeId", "data-v-8e9c13a2"]]), fl = { cl
   emits: ["loading", "fetch:error", "fetch:success", "copy:success", "navigation-click"],
   setup(e, { emit: l }) {
     var c;
-    const t = e, { axiosInstance: a } = Me({
+    const t = e, { axiosInstance: a } = Ae({
       headers: (c = t.config) == null ? void 0 : c.requestHeaders
-    }), { convertKeyToTitle: i } = ll(), { i18n: { t: n } } = je.useI18n(), _ = C(() => ye.form[t.config.app].edit), M = C(() => {
+    }), { convertKeyToTitle: i } = al(), { i18n: { t: s } } = Ee.useI18n(), _ = C(() => ye.form[t.config.app].edit), E = C(() => {
       var d;
       return (d = ye.form[t.config.app]) == null ? void 0 : d.getKeySet;
-    }), b = T(), o = T({}), g = T(""), h = T(""), R = T(!1), w = async (d) => {
-      var k, P, f;
+    }), b = T(), o = T({}), g = T(""), h = T(""), P = T(!1), w = async (d) => {
+      var k, M, f;
       if (b.value = d, g.value = (k = d == null ? void 0 : d.set) == null ? void 0 : k.id, l("fetch:success", d), await O(d), !g.value)
         return;
-      let m = `${t.config.apiBaseUrl}${M.value}`;
-      t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((P = t.config) == null ? void 0 : P.controlPlaneId) || "").replace(/{keySetId}/gi, g.value || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (f = t.config) != null && f.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, g.value || ""));
+      let m = `${t.config.apiBaseUrl}${E.value}`;
+      t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((M = t.config) == null ? void 0 : M.controlPlaneId) || "").replace(/{keySetId}/gi, g.value || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (f = t.config) != null && f.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, g.value || ""));
       try {
-        R.value = !0;
+        P.value = !0;
         const { data: y } = await a.get(m);
         h.value = (y == null ? void 0 : y.name) || (y == null ? void 0 : y.id);
       } catch (y) {
         l("fetch:error", y);
       } finally {
-        R.value = !1;
+        P.value = !1;
       }
     }, O = async (d) => {
       var m, k;
       try {
         if (d.jwk) {
-          const P = JSON.parse(d.jwk);
-          Object.keys(P).forEach((f) => {
+          const M = JSON.parse(d.jwk);
+          Object.keys(M).forEach((f) => {
             o.value = {
               ...o.value,
-              [`jwk.${f}`]: P[f]
+              [`jwk.${f}`]: M[f]
             };
           });
         } else
@@ -2864,47 +2873,47 @@ const Sl = /* @__PURE__ */ Ze(yl, [["__scopeId", "data-v-8e9c13a2"]]), fl = { cl
             "pem.public_key": (m = d == null ? void 0 : d.pem) == null ? void 0 : m.public_key,
             "pem.private_key": (k = d == null ? void 0 : d.pem) == null ? void 0 : k.private_key
           };
-      } catch (P) {
-        l("fetch:error", P);
+      } catch (M) {
+        l("fetch:error", M);
       }
       return o;
     }, B = T({
       id: {},
       name: {
-        tooltip: n("keys.form.fields.name.tooltip")
+        tooltip: s("keys.form.fields.name.tooltip")
       },
       last_updated: {},
       created: {},
       set: {
-        label: n("keys.form.fields.set.label"),
+        label: s("keys.form.fields.set.label"),
         section: ae.Basic,
-        tooltip: n("keys.form.fields.set.tooltip"),
+        tooltip: s("keys.form.fields.set.tooltip"),
         order: 5
       },
       kid: {
-        label: n("keys.form.fields.kid.label"),
+        label: s("keys.form.fields.kid.label"),
         section: ae.Basic,
-        tooltip: n("keys.form.fields.kid.tooltip")
+        tooltip: s("keys.form.fields.kid.tooltip")
       },
       tags: {
-        tooltip: n("keys.form.fields.tags.tooltip")
+        tooltip: s("keys.form.fields.tags.tooltip")
       },
       // advanced fields
       jwk: {
-        label: n("keys.form.fields.jwk.label"),
+        label: s("keys.form.fields.jwk.label"),
         type: H.Json
       },
       pem: {
         section: ae.Advanced,
-        label: n("keys.form.fields.key_format.options.pem"),
+        label: s("keys.form.fields.key_format.options.pem"),
         type: H.Json
       }
     });
     return (d, m) => {
-      var P, f;
+      var M, f;
       const k = j("KSkeleton");
-      return u(), K("div", fl, [
-        S(r(va), {
+      return u(), $("div", yl, [
+        S(r(ma), {
           config: e.config,
           "config-schema": B.value,
           "fetch-url": _.value,
@@ -2915,11 +2924,11 @@ const Sl = /* @__PURE__ */ Ze(yl, [["__scopeId", "data-v-8e9c13a2"]]), fl = { cl
           onLoading: m[2] || (m[2] = (y) => d.$emit("loading", y))
         }, fe({
           set: p(({ row: y }) => [
-            R.value ? (u(), U(k, {
+            P.value ? (u(), V(k, {
               key: 0,
               "data-testid": "key-set-name-loader",
               type: "spinner"
-            })) : y.value && y.value.id === g.value && h.value ? (u(), U(r(Ye), {
+            })) : y.value && y.value.id === g.value && h.value ? (u(), V(r(Ye), {
               key: 1,
               item: {
                 key: y.value.id,
@@ -2927,14 +2936,14 @@ const Sl = /* @__PURE__ */ Ze(yl, [["__scopeId", "data-v-8e9c13a2"]]), fl = { cl
                 type: r(H).LinkInternal
               },
               onClick: (I) => d.$emit("navigation-click", y.value.id, "key-sets")
-            }, null, 8, ["item", "onClick"])) : (u(), K("div", ml, x("–")))
+            }, null, 8, ["item", "onClick"])) : (u(), $("div", fl, x("–")))
           ]),
           _: 2
         }, [
-          (P = b.value) != null && P.jwk ? {
+          (M = b.value) != null && M.jwk ? {
             name: "jwk",
             fn: p(() => [
-              (u(!0), K(ne, null, ie(Object.keys(o.value), (y) => (u(), U(r(Se), {
+              (u(!0), $(ne, null, ie(Object.keys(o.value), (y) => (u(), V(r(Ie), {
                 key: y,
                 "data-testid": `${y}`,
                 item: {
@@ -2949,7 +2958,7 @@ const Sl = /* @__PURE__ */ Ze(yl, [["__scopeId", "data-v-8e9c13a2"]]), fl = { cl
           (f = b.value) != null && f.pem ? {
             name: "pem",
             fn: p(() => [
-              (u(!0), K(ne, null, ie(Object.keys(o.value), (y) => (u(), U(r(Se), {
+              (u(!0), $(ne, null, ie(Object.keys(o.value), (y) => (u(), V(r(Ie), {
                 key: y,
                 "data-testid": `${y}`,
                 item: {
@@ -2967,7 +2976,7 @@ const Sl = /* @__PURE__ */ Ze(yl, [["__scopeId", "data-v-8e9c13a2"]]), fl = { cl
   }
 });
 export {
-  Il as KeyConfigCard,
-  Sl as KeyForm,
-  wl as KeyList
+  Sl as KeyConfigCard,
+  wl as KeyForm,
+  Cl as KeyList
 };