@kong-ui-public/entities-keys 3.13.40 → 3.14.0

package/dist/entities-keys.es.js

@@ -1,191 +1,66 @@
-import { defineComponent as ge, computed as h, ref as w, watch as le, onBeforeMount as je, resolveComponent as F, openBlock as b, createElementBlock as W, createVNode as u, unref as l, createSlots as me, withCtx as f, createTextVNode as N, toDisplayString as C, createElementVNode as D, createBlock as V, Teleport as De, createCommentVNode as J, reactive as Se, Fragment as we, renderList as Ie } from "vue";
-import { useRouter as Ee } from "vue-router";
-import { BookIcon as Ce, AddIcon as xe, KeyIcon as Fe } from "@kong/icons";
-import { createI18n as Te, i18nTComponent as Be } from "@kong-ui-public/i18n";
-import { useAxios as ve, useTableState as Ae, useFetcher as Ue, useDeleteUrlBuilder as Pe, FetcherStatus as qe, EntityBaseTable as Oe, PermissionsWrapper as ne, TableTags as Ne, EntityFilter as Je, EntityDeleteModal as We, EntityTypes as Le, useErrors as He, EntityBaseFormType as te, useDebouncedFilter as Qe, EntityBaseForm as Ge, SupportedEntityType as Ve, EntityFormSection as Ke, useStringHelpers as ze, ConfigurationSchemaType as ke, ConfigurationSchemaSection as pe, EntityBaseConfigCard as Xe, InternalLinkItem as Ye, ConfigCardItem as $e } from "@kong-ui-public/entities-shared";
-const Ze = {
-  title: "Keys",
-  list: {
-    toolbar_actions: {
-      new_key: "New key"
-    },
-    table_headers: {
-      name: "Name",
-      key_id: "Key ID",
-      id: "ID",
-      tags: "Tags"
-    },
-    empty_state: {
-      title: "Configure a new key",
-      description: "A key object holds a representation of asymmetric keys in various formats."
-    },
-    empty_state_v2: {
-      title: "Configure your first key",
-      group: "Keys created in gateways within this group will automatically appear here.",
-      description: "Keys hold a representation of asymmetric keys that gateways and plugins can use for secure operations.",
-      create_cta: "New key",
-      learn_more: "Learn more"
-    }
-  },
-  actions: {
-    create: "New key",
-    copy_id: "Copy ID",
-    copy_json: "Copy JSON",
-    edit: "Edit",
-    delete: "Delete",
-    clear: "Clear",
-    view: "View details",
-    loading: "Loading..."
-  },
-  search: {
-    placeholder: "Filter by exact name or ID",
-    no_results: "No results found"
-  },
-  delete: {
-    title: "Delete a key",
-    description: "This action cannot be reversed so make sure to check the key usage before deleting."
-  },
-  errors: {
-    general: "Keys could not be retrieved",
-    delete: "The key could not be deleted at this time.",
-    copy: "Failed to copy to clipboard",
-    key_sets: {
-      fetch: "Could not fetch available key sets",
-      invalid: "Please select a valid key set ID"
-    }
-  },
-  copy: {
-    success: "Copied {val} to clipboard",
-    success_brief: "Successfully copied to clipboard"
-  },
-  form: {
-    sections: {
-      general: {
-        title: "General information",
-        description: "General information will help identify and manage this key."
-      },
-      keys: {
-        title: "Asymmetric keys",
-        description: "Choose the preferred format for this asymmetric key. Currently only support PEM and JWK format."
-      }
-    },
-    fields: {
-      id: {
-        label: "Key ID",
-        placeholder: "Enter a key ID",
-        tooltip: "An identifier for a key",
-        help: "If using JWK, need to match with the jwk.kid field"
-      },
-      x5t: {
-        label: "X.509 Certificate thumbprint (x5t)",
-        placeholder: "Enter the certificate thumbprint that identifies the key to be used to validate JWT signature",
-        tooltip: "x5t is a base64url-encoded SHA-1 thumbprint of the DER encoding of X.509 certificate",
-        help: "If using x5t, need to match with the jwk.x5t field"
-      },
-      name: {
-        label: "Name",
-        placeholder: "Enter a unique name for this key",
-        tooltip: "The name to associate with the given key"
-      },
-      tags: {
-        label: "Tags",
-        placeholder: "Enter a list of tags separated by comma",
-        help: "e.g. tag1, tag2, tag3",
-        tooltip: "An optional set of strings for grouping and filtering, separated by commas."
-      },
-      key_set: {
-        label: "Key set",
-        placeholder: "Select a key set to add into",
-        footer: "Search by exact ID to find key sets not included in the list"
-      },
-      key_format: {
-        label: "Key format",
-        options: {
-          jwk: "JWK",
-          pem: "PEM"
-        }
-      },
-      jwk: {
-        label: "JWK",
-        placeholder: "Enter a JWK",
-        tooltip: "A JSON Web key represented as a string"
-      },
-      kid: {
-        label: "Key ID",
-        tooltip: "A unique identifier for a key."
-      },
-      set: {
-        label: "Key set",
-        tooltip: "The id (an UUID) of the key-set with which to associate the key."
-      },
-      private_key: {
-        label: "Private key",
-        placeholder: "Enter a private key"
-      },
-      public_key: {
-        label: "Public key",
-        placeholder: "Enter a public key"
-      }
-    }
-  }
-}, et = {
-  keys: Ze
+import { defineComponent as pe, computed as m, ref as b, watch as Y, onBeforeMount as xe, resolveComponent as j, openBlock as g, createElementBlock as q, createVNode as c, unref as t, createSlots as ke, withCtx as y, createTextVNode as U, toDisplayString as _, createElementVNode as $, createBlock as C, Teleport as Me, createCommentVNode as P, reactive as be, Fragment as _e, renderList as Se } from "vue";
+import { useRouter as $e } from "vue-router";
+import { BookIcon as we, AddIcon as Ie, KeyIcon as De } from "@kong/icons";
+import { createI18n as Fe, i18nTComponent as Te } from "@kong-ui-public/i18n";
+import { useAxios as me, useTableState as Be, useFetcher as Ae, useDeleteUrlBuilder as Ue, FetcherStatus as Pe, EntityBaseTable as qe, PermissionsWrapper as le, TableTags as Oe, EntityFilter as Ne, EntityDeleteModal as Je, EntityTypes as We, useErrors as Le, EntityBaseFormType as X, useDebouncedFilter as He, EntityBaseForm as Qe, SupportedEntityType as je, EntityFormSection as Ce, useStringHelpers as Ge, ConfigurationSchemaType as fe, ConfigurationSchemaSection as ue, EntityBaseConfigCard as ze, InternalLinkItem as Xe, ConfigCardItem as Ke } from "@kong-ui-public/entities-shared";
+const Ye = { title: "Keys", list: { toolbar_actions: { new_key: "New key" }, table_headers: { name: "Name", key_id: "Key ID", id: "ID", tags: "Tags" }, empty_state: { title: "Configure a new key", description: "A key object holds a representation of asymmetric keys in various formats." }, empty_state_v2: { title: "Configure your first key", group: "Keys created in gateways within this group will automatically appear here.", description: "Keys hold a representation of asymmetric keys that gateways and plugins can use for secure operations.", create_cta: "New key", learn_more: "Learn more" } }, actions: { create: "New key", copy_id: "Copy ID", copy_json: "Copy JSON", edit: "Edit", delete: "Delete", clear: "Clear", view: "View details", loading: "Loading..." }, search: { placeholder: "Filter by exact name or ID", no_results: "No results found" }, delete: { title: "Delete a key", description: "This action cannot be reversed so make sure to check the key usage before deleting." }, errors: { general: "Keys could not be retrieved", delete: "The key could not be deleted at this time.", copy: "Failed to copy to clipboard", key_sets: { fetch: "Could not fetch available key sets", invalid: "Please select a valid key set ID" } }, copy: { success: "Copied {val} to clipboard", success_brief: "Successfully copied to clipboard" }, form: { sections: { general: { title: "General information", description: "General information will help identify and manage this key." }, keys: { title: "Asymmetric keys", description: "Choose the preferred format for this asymmetric key. Currently only support PEM and JWK format." } }, fields: { id: { label: "Key ID", placeholder: "Enter a key ID", tooltip: "An identifier for a key", help: "If using JWK, need to match with the jwk.kid field" }, x5t: { label: "X.509 Certificate thumbprint (x5t)", placeholder: "Enter the certificate thumbprint that identifies the key to be used to validate JWT signature", tooltip: "x5t is a base64url-encoded SHA-1 thumbprint of the DER encoding of X.509 certificate", help: "If using x5t, need to match with the jwk.x5t field" }, name: { label: "Name", placeholder: "Enter a unique name for this key", tooltip: "The name to associate with the given key" }, tags: { label: "Tags", placeholder: "Enter a list of tags separated by comma", help: "e.g. tag1, tag2, tag3", tooltip: "An optional set of strings for grouping and filtering, separated by commas." }, key_set: { label: "Key set", placeholder: "Select a key set to add into", footer: "Search by exact ID to find key sets not included in the list" }, key_format: { label: "Key format", options: { jwk: "JWK", pem: "PEM" } }, jwk: { label: "JWK", placeholder: "Enter a JWK", tooltip: "A JSON Web key represented as a string" }, kid: { label: "Key ID", tooltip: "A unique identifier for a key." }, set: { label: "Key set", tooltip: "The id (an UUID) of the key-set with which to associate the key." }, private_key: { label: "Private key", placeholder: "Enter a private key" }, public_key: { label: "Public key", placeholder: "Enter a public key" } } } }, Ze = {
+  keys: Ye
 };
-function tt() {
-  const o = Te("en-us", et);
+function et() {
+  const l = Fe("en-us", Ze);
   return {
-    i18n: o,
-    i18nT: Be(o)
+    i18n: l,
+    i18nT: Te(l)
     // Translation component <i18n-t>
   };
 }
-const he = {
-  useI18n: tt
-}, A = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", U = "/{workspace}", P = {
+const ge = {
+  useI18n: et
+}, D = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", F = "/{workspace}", T = {
   list: {
     konnect: {
-      all: `${A}/keys`,
-      forKeySet: `${A}/key-sets/{keySetId}/keys`
+      all: `${D}/keys`,
+      forKeySet: `${D}/key-sets/{keySetId}/keys`
     },
     kongManager: {
-      all: `${U}/keys`,
-      forKeySet: `${U}/key-sets/{keySetId}/keys`
+      all: `${F}/keys`,
+      forKeySet: `${F}/key-sets/{keySetId}/keys`
     }
   },
   form: {
     konnect: {
       create: {
-        all: `${A}/keys`,
-        forKeySet: `${A}/key-sets/{keySetId}/keys`
+        all: `${D}/keys`,
+        forKeySet: `${D}/key-sets/{keySetId}/keys`
       },
       edit: {
-        all: `${A}/keys/{id}`,
-        forKeySet: `${A}/key-sets/{keySetId}/keys/{id}`
+        all: `${D}/keys/{id}`,
+        forKeySet: `${D}/key-sets/{keySetId}/keys/{id}`
       },
-      keySets: `${A}/key-sets`,
-      getKeySet: `${A}/key-sets/{keySetId}`
+      keySets: `${D}/key-sets`,
+      getKeySet: `${D}/key-sets/{keySetId}`
     },
     kongManager: {
       create: {
-        all: `${U}/keys`,
-        forKeySet: `${U}/key-sets/{keySetId}/keys`
+        all: `${F}/keys`,
+        forKeySet: `${F}/key-sets/{keySetId}/keys`
       },
       edit: {
-        all: `${U}/keys/{id}`,
-        forKeySet: `${U}/key-sets/{keySetId}/keys/{id}`
+        all: `${F}/keys/{id}`,
+        forKeySet: `${F}/key-sets/{keySetId}/keys/{id}`
       },
-      keySets: `${U}/key-sets`,
-      getKeySet: `${U}/key-sets/{keySetId}`
+      keySets: `${F}/key-sets`,
+      getKeySet: `${F}/key-sets/{keySetId}`
     }
   }
-}, lt = { class: "kong-ui-entities-keys-list" }, it = { class: "button-row" }, ot = /* @__PURE__ */ ge({
+}, tt = { class: "kong-ui-entities-keys-list" }, at = { class: "button-row" }, lt = /* @__PURE__ */ pe({
   __name: "KeyList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (o) => !(!o || !["konnect", "kongManager"].includes(o == null ? void 0 : o.app) || !o.createRoute || !o.getViewRoute || !o.getEditRoute || o.app === "kongManager" && !o.isExactMatch && !o.filterSchema)
+      validator: (l) => !(!l || !["konnect", "kongManager"].includes(l?.app) || !l.createRoute || !l.getViewRoute || !l.getEditRoute || l.app === "kongManager" && !l.isExactMatch && !l.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -223,176 +98,171 @@ const he = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(o, { emit: q }) {
-    var I;
-    const _ = q, t = o, { i18n: { t: c } } = he.useI18n(), d = Ee(), { axiosInstance: x } = ve((I = t.config) == null ? void 0 : I.axiosRequestConfig), { hasRecords: O, handleStateChange: z } = Ae(() => R.value), K = h(() => O.value && t.config.app === "konnect"), e = h(() => !!t.config.keySetId), $ = h(() => t.config.app !== "kongManager" || !!t.config.disableSorting), T = {
+  setup(l, { emit: B }) {
+    const v = B, a = l, { i18n: { t: d } } = ge.useI18n(), n = $e(), { axiosInstance: S } = me(a.config?.axiosRequestConfig), { hasRecords: A, handleStateChange: H } = Be(() => K.value), w = m(() => A.value && a.config.app === "konnect"), e = m(() => !!a.config.keySetId), I = m(() => a.config.app !== "kongManager" || !!a.config.disableSorting), E = {
       // the Name column is non-hidable
-      name: { label: c("keys.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      kid: { label: c("keys.list.table_headers.key_id"), sortable: !0 },
-      tags: { label: c("keys.list.table_headers.tags") },
-      id: { label: c("keys.list.table_headers.id"), sortable: !0 }
-    }, B = T, L = h(() => {
-      var i, n, E;
-      let s = `${t.config.apiBaseUrl}${P.list[t.config.app][t.config.keySetId ? "forKeySet" : "all"]}`;
-      return t.config.app === "konnect" && (s = s.replace(/{controlPlaneId}/gi, ((i = t.config) == null ? void 0 : i.controlPlaneId) || "")), s.replace(/\/{workspace}/gi, (n = t.config) != null && n.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, ((E = t.config) == null ? void 0 : E.keySetId) || "");
-    }), R = w(""), X = h(() => {
-      const s = t.config.app === "konnect" || t.config.isExactMatch;
-      if (s)
+      name: { label: d("keys.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      kid: { label: d("keys.list.table_headers.key_id"), sortable: !0 },
+      tags: { label: d("keys.list.table_headers.tags") },
+      id: { label: d("keys.list.table_headers.id"), sortable: !0 }
+    }, V = E, O = m(() => {
+      let o = `${a.config.apiBaseUrl}${T.list[a.config.app][a.config.keySetId ? "forKeySet" : "all"]}`;
+      return a.config.app === "konnect" && (o = o.replace(/{controlPlaneId}/gi, a.config?.controlPlaneId || "")), o.replace(/\/{workspace}/gi, a.config?.workspace ? `/${a.config.workspace}` : "").replace(/{keySetId}/gi, a.config?.keySetId || "");
+    }), K = b(""), Q = m(() => {
+      const o = a.config.app === "konnect" || a.config.isExactMatch;
+      if (o)
         return {
-          isExactMatch: s,
-          placeholder: c("keys.search.placeholder")
+          isExactMatch: o,
+          placeholder: d("keys.search.placeholder")
         };
-      const i = { name: T.name };
+      const i = { name: E.name };
       return {
-        isExactMatch: s,
+        isExactMatch: o,
         fields: i,
-        schema: t.config.filterSchema
+        schema: a.config.filterSchema
       };
     }), {
-      fetcher: H,
-      fetcherState: y,
-      fetcherCacheKey: m
-    } = Ue(h(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), L), j = () => {
-      R.value = "";
-    }, g = () => {
-      m.value++;
-    }, S = w(null), k = async (s, i) => {
-      const n = s.id;
-      if (!await i(n)) {
-        de(s, "id");
+      fetcher: u,
+      fetcherState: p,
+      fetcherCacheKey: h
+    } = Ae(m(() => ({ ...a.config, cacheIdentifier: a.cacheIdentifier })), O), f = () => {
+      K.value = "";
+    }, Z = () => {
+      h.value++;
+    }, N = b(null), ie = async (o, i) => {
+      const M = o.id;
+      if (!await i(M)) {
+        ne(o, "id");
         return;
       }
-      re(s, "id");
-    }, ie = async (s, i) => {
-      const n = JSON.stringify(s);
-      if (!await i(n)) {
-        _("copy:error", {
-          entity: s,
-          message: c("keys.errors.copy")
+      se(o, "id");
+    }, oe = async (o, i) => {
+      const M = JSON.stringify(o);
+      if (!await i(M)) {
+        v("copy:error", {
+          entity: o,
+          message: d("keys.errors.copy")
         });
         return;
       }
-      _("copy:success", {
-        entity: s,
-        message: c("keys.copy.success_brief")
+      v("copy:success", {
+        entity: o,
+        message: d("keys.copy.success_brief")
       });
-    }, re = (s, i) => {
-      _("copy:success", {
-        entity: s,
+    }, se = (o, i) => {
+      v("copy:success", {
+        entity: o,
         field: i,
-        message: c("keys.copy.success", { val: s[i] })
+        message: d("keys.copy.success", { val: o[i] })
       });
-    }, de = (s, i) => {
-      _("copy:error", {
-        entity: s,
+    }, ne = (o, i) => {
+      v("copy:error", {
+        entity: o,
         field: i,
-        message: c("keys.errors.copy")
+        message: d("keys.errors.copy")
       });
-    }, ce = async (s) => {
-      var n;
-      await ((n = t.canRetrieve) == null ? void 0 : n.call(t, s)) && d.push(t.config.getViewRoute(s.id));
-    }, ye = (s) => ({
-      label: c("keys.actions.view"),
-      to: t.config.getViewRoute(s)
-    }), ue = (s) => ({
-      label: c("keys.actions.edit"),
-      to: t.config.getEditRoute(s)
-    }), M = w(void 0), Q = w(!1), G = w(!1), oe = w(""), Y = Pe(t.config, L.value), ae = (s) => {
-      M.value = s, Q.value = !0;
-    }, fe = () => {
-      Q.value = !1;
-    }, se = async () => {
-      var s, i, n;
-      if ((s = M.value) != null && s.id) {
-        G.value = !0;
+    }, re = async (o) => {
+      await a.canRetrieve?.(o) && n.push(a.config.getViewRoute(o.id));
+    }, de = (o) => ({
+      label: d("keys.actions.view"),
+      to: a.config.getViewRoute(o)
+    }), ce = (o) => ({
+      label: d("keys.actions.edit"),
+      to: a.config.getEditRoute(o)
+    }), x = b(void 0), J = b(!1), W = b(!1), ee = b(""), G = Ue(a.config, O.value), te = (o) => {
+      x.value = o, J.value = !0;
+    }, ye = () => {
+      J.value = !1;
+    }, s = async () => {
+      if (x.value?.id) {
+        W.value = !0;
         try {
-          await x.delete(Y(M.value.id)), G.value = !1, Q.value = !1, m.value++, _("delete:success", M.value);
-        } catch (E) {
-          oe.value = ((n = (i = E.response) == null ? void 0 : i.data) == null ? void 0 : n.message) || E.message || c("keys.errors.delete"), _("error", E);
+          await S.delete(G(x.value.id)), W.value = !1, J.value = !1, h.value++, v("delete:success", x.value);
+        } catch (o) {
+          ee.value = o.response?.data?.message || o.message || d("keys.errors.delete"), v("error", o);
         } finally {
-          G.value = !1;
+          W.value = !1;
         }
       }
-    }, a = () => {
-      d.push(t.config.createRoute);
+    }, r = () => {
+      n.push(a.config.createRoute);
     };
-    le(y, (s) => {
-      var i, n, E;
-      if (s.status === qe.Error) {
-        S.value = {
-          title: c("keys.errors.general")
-        }, (E = (n = (i = s.error) == null ? void 0 : i.response) == null ? void 0 : n.data) != null && E.message && (S.value.message = s.error.response.data.message), _("error", s.error);
+    Y(p, (o) => {
+      if (o.status === Pe.Error) {
+        N.value = {
+          title: d("keys.errors.general")
+        }, o.error?.response?.data?.message && (N.value.message = o.error.response.data.message), v("error", o.error);
         return;
       }
-      S.value = null;
+      N.value = null;
     });
-    const r = w({
-      ctaPath: t.config.createRoute,
+    const R = b({
+      ctaPath: a.config.createRoute,
       ctaText: void 0,
-      message: `${c("keys.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
-      title: c("keys.title")
-    }), v = w(!1);
-    return je(async () => {
-      v.value = await t.canCreate(), v.value && (r.value.title = c("keys.list.empty_state.title"), r.value.ctaText = c("keys.actions.create"));
-    }), (s, i) => {
-      const n = F("KButton"), E = F("KEmptyState"), be = F("KCopy"), Z = F("KDropdownItem"), _e = F("KClipboardProvider");
-      return b(), W("div", lt, [
-        u(l(Oe), {
-          "cache-identifier": o.cacheIdentifier,
-          "disable-sorting": $.value,
-          "empty-state-options": r.value,
+      message: `${d("keys.list.empty_state.description")}${a.config.additionMessageForEmptyState ? ` ${a.config.additionMessageForEmptyState}` : ""}`,
+      title: d("keys.title")
+    }), L = b(!1);
+    return xe(async () => {
+      L.value = await a.canCreate(), L.value && (R.value.title = d("keys.list.empty_state.title"), R.value.ctaText = d("keys.actions.create"));
+    }), (o, i) => {
+      const M = j("KButton"), Ve = j("KEmptyState"), ve = j("KCopy"), z = j("KDropdownItem"), he = j("KClipboardProvider");
+      return g(), q("div", tt, [
+        c(t(qe), {
+          "cache-identifier": l.cacheIdentifier,
+          "disable-sorting": I.value,
+          "empty-state-options": R.value,
           "enable-entity-actions": "",
-          "error-message": S.value,
-          fetcher: l(H),
-          "fetcher-cache-key": l(m),
+          "error-message": N.value,
+          fetcher: t(u),
+          "fetcher-cache-key": t(h),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-keys-list",
-          query: R.value,
-          "table-headers": l(B),
-          onClearSearchInput: j,
-          "onClick:row": i[3] || (i[3] = (p) => ce(p)),
-          onSort: g,
-          onState: l(z)
-        }, me({
-          "toolbar-filter": f(() => [
-            u(l(Je), {
-              modelValue: R.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (p) => R.value = p),
-              config: X.value
+          query: K.value,
+          "table-headers": t(V),
+          onClearSearchInput: f,
+          "onClick:row": i[3] || (i[3] = (k) => re(k)),
+          onSort: Z,
+          onState: t(H)
+        }, ke({
+          "toolbar-filter": y(() => [
+            c(t(Ne), {
+              modelValue: K.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (k) => K.value = k),
+              config: Q.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": f(() => [
-            (b(), V(De, {
-              disabled: !o.useActionOutside,
+          "toolbar-button": y(() => [
+            (g(), C(Me, {
+              disabled: !l.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              D("div", it, [
-                !e.value && K.value ? (b(), V(n, {
+              $("div", at, [
+                !e.value && w.value ? (g(), C(M, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "keys-learn-more-button",
                   icon: "",
-                  onClick: i[1] || (i[1] = (p) => s.$emit("click:learn-more"))
+                  onClick: i[1] || (i[1] = (k) => o.$emit("click:learn-more"))
                 }, {
-                  default: f(() => [
-                    u(l(Ce), { decorative: "" })
+                  default: y(() => [
+                    c(t(we), { decorative: "" })
                   ]),
                   _: 1
-                })) : J("", !0),
-                u(l(ne), {
-                  "auth-function": () => o.canCreate()
+                })) : P("", !0),
+                c(t(le), {
+                  "auth-function": () => l.canCreate()
                 }, {
-                  default: f(() => [
-                    u(n, {
+                  default: y(() => [
+                    c(M, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-key",
-                      size: o.useActionOutside ? "medium" : "large",
-                      to: o.config.createRoute
+                      size: l.useActionOutside ? "medium" : "large",
+                      to: l.config.createRoute
                     }, {
-                      default: f(() => [
-                        u(l(xe)),
-                        N(" " + C(l(c)("keys.list.toolbar_actions.new_key")), 1)
+                      default: y(() => [
+                        c(t(Ie)),
+                        U(" " + _(t(d)("keys.list.toolbar_actions.new_key")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -402,85 +272,85 @@ const he = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: f(({ rowValue: p }) => [
-            D("b", null, C(p ?? "-"), 1)
+          name: y(({ rowValue: k }) => [
+            $("b", null, _(k ?? "-"), 1)
           ]),
-          kid: f(({ rowValue: p }) => [
-            u(be, { text: p }, null, 8, ["text"])
+          kid: y(({ rowValue: k }) => [
+            c(ve, { text: k }, null, 8, ["text"])
           ]),
-          tags: f(({ rowValue: p }) => [
-            u(l(Ne), { tags: p }, null, 8, ["tags"])
+          tags: y(({ rowValue: k }) => [
+            c(t(Oe), { tags: k }, null, 8, ["tags"])
           ]),
-          id: f(({ rowValue: p }) => [
-            u(be, {
-              text: p,
+          id: y(({ rowValue: k }) => [
+            c(ve, {
+              text: k,
               truncate: ""
             }, null, 8, ["text"])
           ]),
-          actions: f(({ row: p }) => [
-            u(_e, null, {
-              default: f(({ copyToClipboard: ee }) => [
-                u(Z, {
+          actions: y(({ row: k }) => [
+            c(he, null, {
+              default: y(({ copyToClipboard: ae }) => [
+                c(z, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (Me) => k(p, ee)
+                  onClick: (Re) => ie(k, ae)
                 }, {
-                  default: f(() => [
-                    N(C(l(c)("keys.actions.copy_id")), 1)
+                  default: y(() => [
+                    U(_(t(d)("keys.actions.copy_id")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(_e, null, {
-              default: f(({ copyToClipboard: ee }) => [
-                u(Z, {
+            c(he, null, {
+              default: y(({ copyToClipboard: ae }) => [
+                c(z, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (Me) => ie(p, ee)
+                  onClick: (Re) => oe(k, ae)
                 }, {
-                  default: f(() => [
-                    N(C(l(c)("keys.actions.copy_json")), 1)
+                  default: y(() => [
+                    U(_(t(d)("keys.actions.copy_json")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(l(ne), {
-              "auth-function": () => o.canRetrieve(p)
+            c(t(le), {
+              "auth-function": () => l.canRetrieve(k)
             }, {
-              default: f(() => [
-                u(Z, {
+              default: y(() => [
+                c(z, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: ye(p.id)
+                  item: de(k.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(l(ne), {
-              "auth-function": () => o.canEdit(p)
+            c(t(le), {
+              "auth-function": () => l.canEdit(k)
             }, {
-              default: f(() => [
-                u(Z, {
+              default: y(() => [
+                c(z, {
                   "data-testid": "action-entity-edit",
-                  item: ue(p.id)
+                  item: ce(k.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(l(ne), {
-              "auth-function": () => o.canDelete(p)
+            c(t(le), {
+              "auth-function": () => l.canDelete(k)
             }, {
-              default: f(() => [
-                u(Z, {
+              default: y(() => [
+                c(z, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (ee) => ae(p)
+                  onClick: (ae) => te(k)
                 }, {
-                  default: f(() => [
-                    N(C(l(c)("keys.actions.delete")), 1)
+                  default: y(() => [
+                    U(_(t(d)("keys.actions.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -490,90 +360,87 @@ const he = {
           ]),
           _: 2
         }, [
-          !R.value && o.config.app === "konnect" ? {
+          !K.value && l.config.app === "konnect" ? {
             name: "empty-state",
-            fn: f(() => {
-              var p;
-              return [
-                u(E, {
-                  "data-testid": o.config.keySetId ? "nested-keys-entity-empty-state" : "keys-entity-empty-state",
-                  "icon-background": "",
-                  message: l(c)("keys.list.empty_state_v2.description"),
-                  title: l(c)("keys.list.empty_state_v2.title")
-                }, me({
-                  icon: f(() => [
-                    u(l(Fe), { decorative: "" })
-                  ]),
-                  action: f(() => [
-                    v.value ? (b(), V(n, {
-                      key: 0,
-                      "data-testid": "entity-create-button",
-                      onClick: a
-                    }, {
-                      default: f(() => [
-                        u(l(xe), { decorative: "" }),
-                        N(" " + C(l(c)("keys.list.empty_state_v2.create_cta")), 1)
-                      ]),
-                      _: 1
-                    })) : J("", !0),
-                    u(n, {
-                      appearance: "secondary",
-                      "data-testid": "entity-learn-more-button",
-                      onClick: i[2] || (i[2] = (ee) => s.$emit("click:learn-more"))
-                    }, {
-                      default: f(() => [
-                        u(l(Ce), { decorative: "" }),
-                        N(" " + C(l(c)("keys.list.empty_state_v2.learn_more")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, [
-                  (p = o.config) != null && p.isControlPlaneGroup ? {
-                    name: "default",
-                    fn: f(() => [
-                      N(C(l(c)("keys.list.empty_state_v2.group")), 1)
+            fn: y(() => [
+              c(Ve, {
+                "data-testid": l.config.keySetId ? "nested-keys-entity-empty-state" : "keys-entity-empty-state",
+                "icon-background": "",
+                message: t(d)("keys.list.empty_state_v2.description"),
+                title: t(d)("keys.list.empty_state_v2.title")
+              }, ke({
+                icon: y(() => [
+                  c(t(De), { decorative: "" })
+                ]),
+                action: y(() => [
+                  L.value ? (g(), C(M, {
+                    key: 0,
+                    "data-testid": "entity-create-button",
+                    onClick: r
+                  }, {
+                    default: y(() => [
+                      c(t(Ie), { decorative: "" }),
+                      U(" " + _(t(d)("keys.list.empty_state_v2.create_cta")), 1)
                     ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["data-testid", "message", "title"])
-              ];
-            }),
+                    _: 1
+                  })) : P("", !0),
+                  c(M, {
+                    appearance: "secondary",
+                    "data-testid": "entity-learn-more-button",
+                    onClick: i[2] || (i[2] = (k) => o.$emit("click:learn-more"))
+                  }, {
+                    default: y(() => [
+                      c(t(we), { decorative: "" }),
+                      U(" " + _(t(d)("keys.list.empty_state_v2.learn_more")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 2
+              }, [
+                l.config?.isControlPlaneGroup ? {
+                  name: "default",
+                  fn: y(() => [
+                    U(_(t(d)("keys.list.empty_state_v2.group")), 1)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["data-testid", "message", "title"])
+            ]),
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        u(l(We), {
-          "action-pending": G.value,
-          description: l(c)("keys.delete.description"),
-          "entity-name": M.value && (M.value.name || M.value.id),
-          "entity-type": l(Le).Key,
-          error: oe.value,
-          title: l(c)("keys.delete.title"),
-          visible: Q.value,
-          onCancel: fe,
-          onProceed: se
+        c(t(Je), {
+          "action-pending": W.value,
+          description: t(d)("keys.delete.description"),
+          "entity-name": x.value && (x.value.name || x.value.id),
+          "entity-type": t(We).Key,
+          error: ee.value,
+          title: t(d)("keys.delete.title"),
+          visible: J.value,
+          onCancel: ye,
+          onProceed: s
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Re = (o, q) => {
-  const _ = o.__vccOpts || o;
-  for (const [t, c] of q)
-    _[t] = c;
-  return _;
-}, bt = /* @__PURE__ */ Re(ot, [["__scopeId", "data-v-8e1e850e"]]), at = { class: "kong-ui-entities-keys-form" }, st = { "data-testid": "no-search-results" }, nt = { class: "select-item-container" }, rt = { class: "select-item-label" }, dt = { class: "select-item-description" }, ct = {
+}), Ee = (l, B) => {
+  const v = l.__vccOpts || l;
+  for (const [a, d] of B)
+    v[a] = d;
+  return v;
+}, ht = /* @__PURE__ */ Ee(lt, [["__scopeId", "data-v-8e1e850e"]]), it = { class: "kong-ui-entities-keys-form" }, ot = { "data-testid": "no-search-results" }, st = { class: "select-item-container" }, nt = { class: "select-item-label" }, rt = { class: "select-item-description" }, dt = {
   key: 1,
   class: "invalid-key-set-message",
   "data-testid": "invalid-key-set-message"
-}, yt = { "data-testid": "key-format-container" }, ut = /* @__PURE__ */ ge({
+}, ct = { "data-testid": "key-format-container" }, yt = /* @__PURE__ */ pe({
   __name: "KeyForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (o) => !(!o || !["konnect", "kongManager"].includes(o == null ? void 0 : o.app) || o.app === "konnect" && !o.controlPlaneId || o.app === "kongManager" && typeof o.workspace != "string" || !o.cancelRoute)
+      validator: (l) => !(!l || !["konnect", "kongManager"].includes(l?.app) || l.app === "konnect" && !l.controlPlaneId || l.app === "kongManager" && typeof l.workspace != "string" || !l.cancelRoute)
     },
     /** If a valid Key ID is provided, it will put the form in Edit mode instead of Create */
     keyId: {
@@ -601,9 +468,8 @@ const he = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(o, { emit: q }) {
-    var se;
-    const _ = q, t = o, c = Ee(), { i18n: { t: d } } = he.useI18n(), { getMessageFromError: x } = He(), { axiosInstance: O } = ve((se = t.config) == null ? void 0 : se.axiosRequestConfig), z = h(() => t.keySetId ? P.form[t.config.app].edit.forKeySet.replace(/{keySetId}/gi, t.keySetId) : P.form[t.config.app].edit.all), K = h(() => t.keyId ? te.Edit : te.Create), e = Se({
+  setup(l, { emit: B }) {
+    const v = B, a = l, d = $e(), { i18n: { t: n } } = ge.useI18n(), { getMessageFromError: S } = Le(), { axiosInstance: A } = me(a.config?.axiosRequestConfig), H = m(() => a.keySetId ? T.form[a.config.app].edit.forKeySet.replace(/{keySetId}/gi, a.keySetId) : T.form[a.config.app].edit.all), w = m(() => a.keyId ? X.Edit : X.Create), e = be({
       fields: {
         /**
         * Generates a unique key name using the current timestamp.
@@ -611,7 +477,7 @@ const he = {
         *
         * Example output: "new-key-20250307123045789"
         */
-        name: K.value === te.Create ? `new-key-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}` : "",
+        name: w.value === X.Create ? `new-key-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}` : "",
         tags: "",
         key_id: "",
         key_format: "jwk",
@@ -619,11 +485,11 @@ const he = {
         jwk: "",
         private_key: "",
         public_key: "",
-        ...t.showx5t ? { x5t: "" } : {}
+        ...a.showx5t ? { x5t: "" } : {}
       },
       isReadonly: !1,
       errorMessage: ""
-    }), $ = Se({
+    }), I = be({
       name: "",
       tags: "",
       key_id: "",
@@ -632,229 +498,223 @@ const he = {
       jwk: "",
       private_key: "",
       public_key: ""
-    }), T = [
+    }), E = [
       {
-        label: d("keys.form.fields.key_format.options.jwk"),
+        label: n("keys.form.fields.key_format.options.jwk"),
         value: "jwk"
       },
       {
-        label: d("keys.form.fields.key_format.options.pem"),
+        label: n("keys.form.fields.key_format.options.pem"),
         value: "pem"
       }
-    ], B = h(() => e.isReadonly || K.value === te.Create && !!t.fixedKeySetId), L = h(() => !B.value);
-    le(() => t.fixedKeySetId, (a) => {
-      K.value === te.Create && (e.fields.key_set = a ?? "");
+    ], V = m(() => e.isReadonly || w.value === X.Create && !!a.fixedKeySetId), O = m(() => !V.value);
+    Y(() => a.fixedKeySetId, (s) => {
+      w.value === X.Create && (e.fields.key_set = s ?? "");
     }, { immediate: !0 });
-    const R = h(() => JSON.stringify(e.fields) !== JSON.stringify($) && !!e.fields.key_id && !!e.fields.key_format && (e.fields.key_format === "jwk" && !!e.fields.jwk || e.fields.key_format === "pem" && !!e.fields.private_key && !!e.fields.public_key)), X = (a) => {
-      var r, v, I, s;
-      e.fields.key_id = (a == null ? void 0 : a.kid) || "", e.fields.name = (a == null ? void 0 : a.name) || "", e.fields.tags = ((r = a == null ? void 0 : a.tags) == null ? void 0 : r.join(", ")) || "", e.fields.key_set = ((v = a == null ? void 0 : a.set) == null ? void 0 : v.id) || "", e.fields.key_format = a != null && a.pem ? "pem" : "jwk", e.fields.jwk = (a == null ? void 0 : a.jwk) || "", e.fields.private_key = ((I = a == null ? void 0 : a.pem) == null ? void 0 : I.private_key) || "", e.fields.public_key = ((s = a == null ? void 0 : a.pem) == null ? void 0 : s.public_key) || "", t.showx5t && (e.fields.x5t = (a == null ? void 0 : a.x5t) || ""), Object.assign($, e.fields);
-    }, H = () => {
-      c.push(t.config.cancelRoute);
-    }, y = h(() => {
-      var r, v;
-      let a = `${t.config.apiBaseUrl}${P.form[t.config.app][K.value][t.keySetId ? "forKeySet" : "all"]}`;
-      return t.config.app === "konnect" && (a = a.replace(/{controlPlaneId}/gi, ((r = t.config) == null ? void 0 : r.controlPlaneId) || "")), a.replace(/\/{workspace}/gi, (v = t.config) != null && v.workspace ? `/${t.config.workspace}` : "").replace(/{id}/gi, t.keyId ?? "").replace(/{keySetId}/gi, t.keySetId || "");
-    }), m = h(() => {
-      var a, r, v;
-      return {
-        kid: e.fields.key_id,
-        ...t.showx5t ? { x5t: e.fields.x5t || null } : {},
-        name: e.fields.name || null,
-        tags: ((v = (r = (a = e.fields.tags) == null ? void 0 : a.split(",")) == null ? void 0 : r.map((I) => String(I || "").trim())) == null ? void 0 : v.filter((I) => I !== "")) || [],
-        set: e.fields.key_set ? { id: e.fields.key_set } : null,
-        jwk: e.fields.key_format === "jwk" ? e.fields.jwk : null,
-        pem: e.fields.key_format === "pem" ? { private_key: e.fields.private_key, public_key: e.fields.public_key } : null
-      };
-    }), j = async () => {
-      var a, r, v, I, s;
+    const K = m(() => JSON.stringify(e.fields) !== JSON.stringify(I) && !!e.fields.key_id && !!e.fields.key_format && (e.fields.key_format === "jwk" && !!e.fields.jwk || e.fields.key_format === "pem" && !!e.fields.private_key && !!e.fields.public_key)), Q = (s) => {
+      e.fields.key_id = s?.kid || "", e.fields.name = s?.name || "", e.fields.tags = s?.tags?.join(", ") || "", e.fields.key_set = s?.set?.id || "", e.fields.key_format = s?.pem ? "pem" : "jwk", e.fields.jwk = s?.jwk || "", e.fields.private_key = s?.pem?.private_key || "", e.fields.public_key = s?.pem?.public_key || "", a.showx5t && (e.fields.x5t = s?.x5t || ""), Object.assign(I, e.fields);
+    }, u = () => {
+      d.push(a.config.cancelRoute);
+    }, p = m(() => {
+      let s = `${a.config.apiBaseUrl}${T.form[a.config.app][w.value][a.keySetId ? "forKeySet" : "all"]}`;
+      return a.config.app === "konnect" && (s = s.replace(/{controlPlaneId}/gi, a.config?.controlPlaneId || "")), s.replace(/\/{workspace}/gi, a.config?.workspace ? `/${a.config.workspace}` : "").replace(/{id}/gi, a.keyId ?? "").replace(/{keySetId}/gi, a.keySetId || "");
+    }), h = m(() => ({
+      kid: e.fields.key_id,
+      ...a.showx5t ? { x5t: e.fields.x5t || null } : {},
+      name: e.fields.name || null,
+      tags: e.fields.tags?.split(",")?.map((s) => String(s || "").trim())?.filter((s) => s !== "") || [],
+      set: e.fields.key_set ? { id: e.fields.key_set } : null,
+      jwk: e.fields.key_format === "jwk" ? e.fields.jwk : null,
+      pem: e.fields.key_format === "pem" ? { private_key: e.fields.private_key, public_key: e.fields.public_key } : null
+    })), f = async () => {
       try {
         e.isReadonly = !0;
-        let i;
-        if (K.value === "create" ? i = await O.post(y.value, m.value) : K.value === "edit" && (i = ((a = t.config) == null ? void 0 : a.app) === "konnect" ? await O.put(y.value, m.value) : await O.patch(y.value, m.value)), i) {
-          const { data: n } = i;
-          e.fields.key_id = (n == null ? void 0 : n.kid) || "", e.fields.name = (n == null ? void 0 : n.name) || "", e.fields.tags = ((r = n == null ? void 0 : n.tags) == null ? void 0 : r.join(", ")) || "", e.fields.key_set = ((v = n == null ? void 0 : n.set) == null ? void 0 : v.id) || "", e.fields.key_format = n != null && n.pem ? "pem" : "jwk", e.fields.jwk = (n == null ? void 0 : n.jwk) || "", e.fields.private_key = ((I = n == null ? void 0 : n.pem) == null ? void 0 : I.private_key) || "", e.fields.public_key = ((s = n == null ? void 0 : n.pem) == null ? void 0 : s.public_key) || "", t.showx5t && (e.fields.x5t = (n == null ? void 0 : n.x5t) || ""), Object.assign($, e.fields), _("update", i == null ? void 0 : i.data);
+        let s;
+        if (w.value === "create" ? s = await A.post(p.value, h.value) : w.value === "edit" && (s = a.config?.app === "konnect" ? await A.put(p.value, h.value) : await A.patch(p.value, h.value)), s) {
+          const { data: r } = s;
+          e.fields.key_id = r?.kid || "", e.fields.name = r?.name || "", e.fields.tags = r?.tags?.join(", ") || "", e.fields.key_set = r?.set?.id || "", e.fields.key_format = r?.pem ? "pem" : "jwk", e.fields.jwk = r?.jwk || "", e.fields.private_key = r?.pem?.private_key || "", e.fields.public_key = r?.pem?.public_key || "", a.showx5t && (e.fields.x5t = r?.x5t || ""), Object.assign(I, e.fields), v("update", s?.data);
         }
-      } catch (i) {
-        e.errorMessage = x(i), _("error", i);
+      } catch (s) {
+        e.errorMessage = S(s), v("error", s);
       } finally {
         e.isReadonly = !1;
       }
     }, {
-      debouncedQueryChange: g,
-      loading: S,
-      allRecords: k,
-      error: ie,
-      validationError: re,
-      loadItems: de,
-      results: ce
-    } = Qe(t.config, P.form[t.config.app].keySets, void 0, {
+      debouncedQueryChange: Z,
+      loading: N,
+      allRecords: ie,
+      error: oe,
+      validationError: se,
+      loadItems: ne,
+      results: re
+    } = He(a.config, T.form[a.config.app].keySets, void 0, {
       fetchedItemsKey: "data",
       searchKeys: ["id", "name"]
-    }), ye = (a) => {
-      (!a || a !== e.fields.key_set && a !== $.key_set) && g(a);
-    }, ue = h(() => ie.value ? d("keys.errors.key_sets.fetch") : ""), M = h(() => re.value ? d("keys.errors.key_sets.invalid") : ""), Q = w(0), G = h(() => k.value === void 0), oe = h(() => {
-      if (G.value)
-        return t.config.app === "konnect" ? d("keys.form.fields.key_set.footer") : void 0;
-    }), Y = w(/* @__PURE__ */ new Set()), ae = h(() => Array.from(Y.value).map((r) => ({
+    }), de = (s) => {
+      (!s || s !== e.fields.key_set && s !== I.key_set) && Z(s);
+    }, ce = m(() => oe.value ? n("keys.errors.key_sets.fetch") : ""), x = m(() => se.value ? n("keys.errors.key_sets.invalid") : ""), J = b(0), W = m(() => ie.value === void 0), ee = m(() => {
+      if (W.value)
+        return a.config.app === "konnect" ? n("keys.form.fields.key_set.footer") : void 0;
+    }), G = b(/* @__PURE__ */ new Set()), te = m(() => Array.from(G.value).map((r) => ({
       name: r.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: r.id,
       selected: e.fields.key_set === r.id
-    }))), fe = (a) => {
-      Y.value.clear();
+    }))), ye = (s) => {
+      G.value.clear();
       let r;
-      for (r of a)
-        Y.value.add(r);
+      for (r of s)
+        G.value.add(r);
     };
-    return le(ce, (a) => {
-      fe(a);
-    }, { immediate: !0, deep: !0 }), le(ae, () => {
-      Q.value++;
-    }, { immediate: !0, deep: !0 }), je(async () => {
-      await de();
-    }), (a, r) => {
-      const v = F("KInput"), I = F("KSelect"), s = F("KTextArea");
-      return b(), W("div", at, [
-        u(l(Ge), {
-          "can-submit": R.value,
-          config: o.config,
-          "edit-id": o.keyId,
-          "entity-type": l(Ve).Key,
-          "error-message": e.errorMessage || ue.value,
-          "fetch-url": z.value,
-          "form-fields": m.value,
+    return Y(re, (s) => {
+      ye(s);
+    }, { immediate: !0, deep: !0 }), Y(te, () => {
+      J.value++;
+    }, { immediate: !0, deep: !0 }), xe(async () => {
+      await ne();
+    }), (s, r) => {
+      const R = j("KInput"), L = j("KSelect"), o = j("KTextArea");
+      return g(), q("div", it, [
+        c(t(Qe), {
+          "can-submit": K.value,
+          config: l.config,
+          "edit-id": l.keyId,
+          "entity-type": t(je).Key,
+          "error-message": e.errorMessage || ce.value,
+          "fetch-url": H.value,
+          "form-fields": h.value,
           "is-readonly": e.isReadonly,
-          onCancel: H,
-          "onFetch:error": r[9] || (r[9] = (i) => a.$emit("error", i)),
-          "onFetch:success": X,
-          onLoading: r[10] || (r[10] = (i) => a.$emit("loading", i)),
-          onSubmit: j
+          onCancel: u,
+          "onFetch:error": r[9] || (r[9] = (i) => s.$emit("error", i)),
+          "onFetch:success": Q,
+          onLoading: r[10] || (r[10] = (i) => s.$emit("loading", i)),
+          onSubmit: f
         }, {
-          default: f(() => [
-            u(l(Ke), {
-              description: l(d)("keys.form.sections.general.description"),
-              title: l(d)("keys.form.sections.general.title")
+          default: y(() => [
+            c(t(Ce), {
+              description: t(n)("keys.form.sections.general.description"),
+              title: t(n)("keys.form.sections.general.title")
             }, {
-              default: f(() => [
-                u(v, {
+              default: y(() => [
+                c(R, {
                   modelValue: e.fields.key_id,
                   "onUpdate:modelValue": r[0] || (r[0] = (i) => e.fields.key_id = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-id",
-                  help: l(d)("keys.form.fields.id.help"),
-                  label: l(d)("keys.form.fields.id.label"),
+                  help: t(n)("keys.form.fields.id.help"),
+                  label: t(n)("keys.form.fields.id.label"),
                   "label-attributes": {
-                    info: l(d)("keys.form.fields.id.tooltip"),
+                    info: t(n)("keys.form.fields.id.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(d)("keys.form.fields.id.placeholder"),
+                  placeholder: t(n)("keys.form.fields.id.placeholder"),
                   readonly: e.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"]),
-                o.showx5t ? (b(), V(v, {
+                l.showx5t ? (g(), C(R, {
                   key: 0,
                   modelValue: e.fields.x5t,
                   "onUpdate:modelValue": r[1] || (r[1] = (i) => e.fields.x5t = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-x5t",
-                  help: l(d)("keys.form.fields.x5t.help"),
-                  label: l(d)("keys.form.fields.x5t.label"),
+                  help: t(n)("keys.form.fields.x5t.help"),
+                  label: t(n)("keys.form.fields.x5t.label"),
                   "label-attributes": {
-                    info: l(d)("keys.form.fields.x5t.tooltip"),
+                    info: t(n)("keys.form.fields.x5t.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(d)("keys.form.fields.x5t.placeholder"),
+                  placeholder: t(n)("keys.form.fields.x5t.placeholder"),
                   readonly: e.isReadonly,
                   type: "text"
-                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])) : J("", !0),
-                u(v, {
+                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])) : P("", !0),
+                c(R, {
                   modelValue: e.fields.name,
                   "onUpdate:modelValue": r[2] || (r[2] = (i) => e.fields.name = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-name",
-                  label: l(d)("keys.form.fields.name.label"),
-                  placeholder: l(d)("keys.form.fields.name.placeholder"),
+                  label: t(n)("keys.form.fields.name.label"),
+                  placeholder: t(n)("keys.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                u(I, {
+                c(L, {
                   modelValue: e.fields.key_set,
                   "onUpdate:modelValue": r[3] || (r[3] = (i) => e.fields.key_set = i),
-                  clearable: L.value,
+                  clearable: O.value,
                   "data-testid": "key-form-key-set",
-                  "dropdown-footer-text": oe.value,
+                  "dropdown-footer-text": ee.value,
                   "enable-filtering": "",
                   "filter-function": () => !0,
-                  items: ae.value,
-                  label: l(d)("keys.form.fields.key_set.label"),
-                  loading: l(S),
-                  placeholder: l(d)("keys.form.fields.key_set.placeholder"),
-                  readonly: B.value,
+                  items: te.value,
+                  label: t(n)("keys.form.fields.key_set.label"),
+                  loading: t(N),
+                  placeholder: t(n)("keys.form.fields.key_set.placeholder"),
+                  readonly: V.value,
                   width: "100%",
-                  onQueryChange: ye
+                  onQueryChange: de
                 }, {
-                  loading: f(() => [
-                    D("div", null, C(l(d)("keys.actions.loading")), 1)
+                  loading: y(() => [
+                    $("div", null, _(t(n)("keys.actions.loading")), 1)
                   ]),
-                  empty: f(() => [
-                    D("div", st, C(l(d)("keys.search.no_results")), 1)
+                  empty: y(() => [
+                    $("div", ot, _(t(n)("keys.search.no_results")), 1)
                   ]),
-                  "selected-item-template": f(({ item: i }) => [
-                    D("div", null, C(i.name), 1)
+                  "selected-item-template": y(({ item: i }) => [
+                    $("div", null, _(i.name), 1)
                   ]),
-                  "item-template": f(({ item: i }) => [
-                    D("div", nt, [
-                      D("div", rt, C(i.name), 1),
-                      D("div", dt, C(i.value), 1)
+                  "item-template": y(({ item: i }) => [
+                    $("div", st, [
+                      $("div", nt, _(i.name), 1),
+                      $("div", rt, _(i.value), 1)
                     ])
                   ]),
                   _: 1
                 }, 8, ["modelValue", "clearable", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"]),
-                M.value ? (b(), W("p", ct, C(M.value), 1)) : J("", !0),
-                u(v, {
+                x.value ? (g(), q("p", dt, _(x.value), 1)) : P("", !0),
+                c(R, {
                   modelValue: e.fields.tags,
                   "onUpdate:modelValue": r[4] || (r[4] = (i) => e.fields.tags = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-tags",
-                  help: l(d)("keys.form.fields.tags.help"),
-                  label: l(d)("keys.form.fields.tags.label"),
+                  help: t(n)("keys.form.fields.tags.help"),
+                  label: t(n)("keys.form.fields.tags.label"),
                   "label-attributes": {
-                    info: l(d)("keys.form.fields.tags.tooltip"),
+                    info: t(n)("keys.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(d)("keys.form.fields.tags.placeholder"),
+                  placeholder: t(n)("keys.form.fields.tags.placeholder"),
                   readonly: e.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            u(l(Ke), {
-              description: l(d)("keys.form.sections.keys.description"),
+            c(t(Ce), {
+              description: t(n)("keys.form.sections.keys.description"),
               "has-divider": "",
-              title: l(d)("keys.form.sections.keys.title")
+              title: t(n)("keys.form.sections.keys.title")
             }, {
-              default: f(() => [
-                D("div", yt, [
-                  u(I, {
+              default: y(() => [
+                $("div", ct, [
+                  c(L, {
                     modelValue: e.fields.key_format,
                     "onUpdate:modelValue": r[5] || (r[5] = (i) => e.fields.key_format = i),
                     "data-testid": "key-form-key-format",
-                    items: T,
-                    label: l(d)("keys.form.fields.key_format.label"),
+                    items: E,
+                    label: t(n)("keys.form.fields.key_format.label"),
                     readonly: e.isReadonly,
                     required: "",
                     width: "100%"
                   }, null, 8, ["modelValue", "label", "readonly"])
                 ]),
-                e.fields.key_format === "jwk" ? (b(), V(s, {
+                e.fields.key_format === "jwk" ? (g(), C(o, {
                   key: 0,
                   modelValue: e.fields.jwk,
                   "onUpdate:modelValue": r[6] || (r[6] = (i) => e.fields.jwk = i),
@@ -862,16 +722,16 @@ const he = {
                   "character-limit": !1,
                   class: "key-form-textarea",
                   "data-testid": "key-form-jwk",
-                  label: l(d)("keys.form.fields.jwk.label"),
+                  label: t(n)("keys.form.fields.jwk.label"),
                   "label-attributes": {
-                    info: l(d)("keys.form.fields.jwk.tooltip"),
+                    info: t(n)("keys.form.fields.jwk.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(d)("keys.form.fields.jwk.placeholder"),
+                  placeholder: t(n)("keys.form.fields.jwk.placeholder"),
                   readonly: e.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : J("", !0),
-                e.fields.key_format === "pem" ? (b(), V(s, {
+                }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : P("", !0),
+                e.fields.key_format === "pem" ? (g(), C(o, {
                   key: 1,
                   modelValue: e.fields.private_key,
                   "onUpdate:modelValue": r[7] || (r[7] = (i) => e.fields.private_key = i),
@@ -879,12 +739,12 @@ const he = {
                   "character-limit": !1,
                   class: "key-form-textarea",
                   "data-testid": "key-form-private-key",
-                  label: l(d)("keys.form.fields.private_key.label"),
-                  placeholder: l(d)("keys.form.fields.private_key.placeholder"),
+                  label: t(n)("keys.form.fields.private_key.label"),
+                  placeholder: t(n)("keys.form.fields.private_key.placeholder"),
                   readonly: e.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : J("", !0),
-                e.fields.key_format === "pem" ? (b(), V(s, {
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : P("", !0),
+                e.fields.key_format === "pem" ? (g(), C(o, {
                   key: 2,
                   modelValue: e.fields.public_key,
                   "onUpdate:modelValue": r[8] || (r[8] = (i) => e.fields.public_key = i),
@@ -892,11 +752,11 @@ const he = {
                   "character-limit": !1,
                   class: "key-form-textarea",
                   "data-testid": "key-form-public-key",
-                  label: l(d)("keys.form.fields.public_key.label"),
-                  placeholder: l(d)("keys.form.fields.public_key.placeholder"),
+                  label: t(n)("keys.form.fields.public_key.label"),
+                  placeholder: t(n)("keys.form.fields.public_key.placeholder"),
                   readonly: e.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : J("", !0)
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : P("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -906,14 +766,14 @@ const he = {
       ]);
     };
   }
-}), _t = /* @__PURE__ */ Re(ut, [["__scopeId", "data-v-e35f7792"]]), ft = { class: "kong-ui-entities-keys-entity-config-card" }, kt = { key: 2 }, St = /* @__PURE__ */ ge({
+}), bt = /* @__PURE__ */ Ee(yt, [["__scopeId", "data-v-e35f7792"]]), ft = { class: "kong-ui-entities-keys-entity-config-card" }, ut = { key: 2 }, _t = /* @__PURE__ */ pe({
   __name: "KeyConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (o) => !(!o || !["konnect", "kongManager"].includes(o == null ? void 0 : o.app) || o.app === "konnect" && !o.controlPlaneId || o.app === "kongManager" && typeof o.workspace != "string" || !o.entityId)
+      validator: (l) => !(!l || !["konnect", "kongManager"].includes(l?.app) || l.app === "konnect" && !l.controlPlaneId || l.app === "kongManager" && typeof l.workspace != "string" || !l.entityId)
     },
     /**
      * External link for documentation that determines visibility of Documentation button
@@ -939,143 +799,135 @@ const he = {
     }
   },
   emits: ["loading", "fetch:error", "fetch:success", "navigation-click"],
-  setup(o, { emit: q }) {
-    var H;
-    const _ = q, t = o, { axiosInstance: c } = ve((H = t.config) == null ? void 0 : H.axiosRequestConfig), { convertKeyToTitle: d } = ze(), { i18n: { t: x } } = he.useI18n(), O = h(() => t.keySetId ? `${P.form[t.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, t.keySetId) : P.form[t.config.app].edit.all), z = h(() => {
-      var y;
-      return (y = P.form[t.config.app]) == null ? void 0 : y.getKeySet;
-    }), K = w(), e = w({}), $ = w(t.keySetId || ""), T = w(""), B = w(!1), L = async (y) => {
-      var m;
-      K.value = y, $.value = (m = y == null ? void 0 : y.set) == null ? void 0 : m.id, _("fetch:success", y), R(y);
+  setup(l, { emit: B }) {
+    const v = B, a = l, { axiosInstance: d } = me(a.config?.axiosRequestConfig), { convertKeyToTitle: n } = Ge(), { i18n: { t: S } } = ge.useI18n(), A = m(() => a.keySetId ? `${T.form[a.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, a.keySetId) : T.form[a.config.app].edit.all), H = m(() => T.form[a.config.app]?.getKeySet), w = b(), e = b({}), I = b(a.keySetId || ""), E = b(""), V = b(!1), O = async (u) => {
+      w.value = u, I.value = u?.set?.id, v("fetch:success", u), K(u);
     };
-    le($, async () => {
-      var m, j;
-      if (!$.value)
+    Y(I, async () => {
+      if (!I.value)
         return;
-      let y = `${t.config.apiBaseUrl}${z.value}`;
-      t.config.app === "konnect" && (y = y.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "")), y = y.replace(/\/{workspace}/gi, (j = t.config) != null && j.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, $.value || "");
+      let u = `${a.config.apiBaseUrl}${H.value}`;
+      a.config.app === "konnect" && (u = u.replace(/{controlPlaneId}/gi, a.config?.controlPlaneId || "")), u = u.replace(/\/{workspace}/gi, a.config?.workspace ? `/${a.config.workspace}` : "").replace(/{keySetId}/gi, I.value || "");
       try {
-        B.value = !0;
-        const { data: g } = await c.get(y, {
-          validateStatus: (S) => S === 404 || S >= 200 && S < 300
+        V.value = !0;
+        const { data: p } = await d.get(u, {
+          validateStatus: (h) => h === 404 || h >= 200 && h < 300
           // in case KeySet is deleted
         });
-        T.value = (g == null ? void 0 : g.name) || (g == null ? void 0 : g.id);
-      } catch (g) {
-        _("fetch:error", g);
+        E.value = p?.name || p?.id;
+      } catch (p) {
+        v("fetch:error", p);
       } finally {
-        B.value = !1;
+        V.value = !1;
       }
     }, { immediate: !0 });
-    const R = (y) => {
-      var m, j;
+    const K = (u) => {
       try {
-        if (y.jwk) {
-          const g = JSON.parse(y.jwk);
-          Object.keys(g).forEach((S) => {
+        if (u.jwk) {
+          const p = JSON.parse(u.jwk);
+          Object.keys(p).forEach((h) => {
             e.value = {
               ...e.value,
-              [`jwk.${S}`]: g[S]
+              [`jwk.${h}`]: p[h]
             };
           });
         } else
           e.value = {
-            "pem.public_key": (m = y == null ? void 0 : y.pem) == null ? void 0 : m.public_key,
-            "pem.private_key": (j = y == null ? void 0 : y.pem) == null ? void 0 : j.private_key
+            "pem.public_key": u?.pem?.public_key,
+            "pem.private_key": u?.pem?.private_key
           };
-      } catch (g) {
-        _("fetch:error", g);
+      } catch (p) {
+        v("fetch:error", p);
       }
       return e;
-    }, X = w({
+    }, Q = b({
       id: {},
       name: {
-        tooltip: x("keys.form.fields.name.tooltip")
+        tooltip: S("keys.form.fields.name.tooltip")
       },
       last_updated: {},
       created: {},
       set: {
-        label: x("keys.form.fields.set.label"),
-        section: pe.Basic,
-        tooltip: x("keys.form.fields.set.tooltip"),
+        label: S("keys.form.fields.set.label"),
+        section: ue.Basic,
+        tooltip: S("keys.form.fields.set.tooltip"),
         order: 5
       },
       kid: {
-        label: x("keys.form.fields.kid.label"),
-        section: pe.Basic,
-        tooltip: x("keys.form.fields.kid.tooltip")
+        label: S("keys.form.fields.kid.label"),
+        section: ue.Basic,
+        tooltip: S("keys.form.fields.kid.tooltip")
       },
       tags: {
-        tooltip: x("keys.form.fields.tags.tooltip")
+        tooltip: S("keys.form.fields.tags.tooltip")
       },
       // advanced fields
       jwk: {
-        label: x("keys.form.fields.jwk.label"),
-        type: ke.Json
+        label: S("keys.form.fields.jwk.label"),
+        type: fe.Json
       },
       pem: {
-        section: pe.Advanced,
-        label: x("keys.form.fields.key_format.options.pem"),
-        type: ke.Json
+        section: ue.Advanced,
+        label: S("keys.form.fields.key_format.options.pem"),
+        type: fe.Json
       }
     });
-    return (y, m) => {
-      var g, S;
-      const j = F("KSkeleton");
-      return b(), W("div", ft, [
-        u(l(Xe), {
-          config: o.config,
-          "config-card-doc": o.configCardDoc,
-          "config-schema": X.value,
-          "entity-type": l(Ve).Key,
-          "fetch-url": O.value,
-          "hide-title": o.hideTitle,
-          "onFetch:error": m[0] || (m[0] = (k) => y.$emit("fetch:error", k)),
-          "onFetch:success": L,
-          onLoading: m[1] || (m[1] = (k) => y.$emit("loading", k))
-        }, me({
-          set: f(({ row: k }) => [
-            B.value ? (b(), V(j, {
+    return (u, p) => {
+      const h = j("KSkeleton");
+      return g(), q("div", ft, [
+        c(t(ze), {
+          config: l.config,
+          "config-card-doc": l.configCardDoc,
+          "config-schema": Q.value,
+          "entity-type": t(je).Key,
+          "fetch-url": A.value,
+          "hide-title": l.hideTitle,
+          "onFetch:error": p[0] || (p[0] = (f) => u.$emit("fetch:error", f)),
+          "onFetch:success": O,
+          onLoading: p[1] || (p[1] = (f) => u.$emit("loading", f))
+        }, ke({
+          set: y(({ row: f }) => [
+            V.value ? (g(), C(h, {
               key: 0,
               "data-testid": "key-set-name-loader",
               type: "spinner"
-            })) : k.value && k.value.id === $.value && T.value ? (b(), V(l(Ye), {
+            })) : f.value && f.value.id === I.value && E.value ? (g(), C(t(Xe), {
               key: 1,
               item: {
-                key: k.value.id,
-                value: T.value,
-                type: l(ke).LinkInternal
+                key: f.value.id,
+                value: E.value,
+                type: t(fe).LinkInternal
               },
-              onClick: (ie) => y.$emit("navigation-click", k.value.id, "key-sets")
-            }, null, 8, ["item", "onClick"])) : (b(), W("div", kt, C("–")))
+              onClick: (Z) => u.$emit("navigation-click", f.value.id, "key-sets")
+            }, null, 8, ["item", "onClick"])) : (g(), q("div", ut, _("–")))
           ]),
           _: 2
         }, [
-          (g = K.value) != null && g.jwk ? {
+          w.value?.jwk ? {
             name: "jwk",
-            fn: f(() => [
-              (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
-                key: k,
-                "data-testid": `${k}`,
+            fn: y(() => [
+              (g(!0), q(_e, null, Se(Object.keys(e.value), (f) => (g(), C(t(Ke), {
+                key: f,
+                "data-testid": `${f}`,
                 item: {
-                  key: k,
-                  label: l(d)(k),
-                  value: e.value[k]
+                  key: f,
+                  label: t(n)(f),
+                  value: e.value[f]
                 }
               }, null, 8, ["data-testid", "item"]))), 128))
             ]),
             key: "0"
           } : void 0,
-          (S = K.value) != null && S.pem ? {
+          w.value?.pem ? {
             name: "pem",
-            fn: f(() => [
-              (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
-                key: k,
-                "data-testid": `${k}`,
+            fn: y(() => [
+              (g(!0), q(_e, null, Se(Object.keys(e.value), (f) => (g(), C(t(Ke), {
+                key: f,
+                "data-testid": `${f}`,
                 item: {
-                  key: k,
-                  label: l(d)(k),
-                  value: e.value[k]
+                  key: f,
+                  label: t(n)(f),
+                  value: e.value[f]
                 }
               }, null, 8, ["data-testid", "item"]))), 128))
             ]),
@@ -1087,7 +939,7 @@ const he = {
   }
 });
 export {
-  St as KeyConfigCard,
-  _t as KeyForm,
-  bt as KeyList
+  _t as KeyConfigCard,
+  bt as KeyForm,
+  ht as KeyList
 };