@kong-ui-public/entities-keys 3.9.8 → 3.9.10

package/dist/entities-keys.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as me, ref as w, computed as h, watch as ee, onBeforeMount as Ce, resolveComponent as B, createElementBlock as N, openBlock as S, createVNode as u, unref as l, createSlots as pe, withCtx as k, createTextVNode as Y, toDisplayString as x, createElementVNode as M, createBlock as R, Teleport as Ee, createCommentVNode as Q, reactive as be, Fragment as _e, renderList as Se } from "vue";
-import { useRouter as xe } from "vue-router";
-import { BookIcon as Ve, AddIcon as Me, KeyIcon as Re } from "@kong/icons";
-import { createI18n as De, i18nTComponent as Te } from "@kong-ui-public/i18n";
-import { useAxios as ge, useTableState as Fe, useFetcher as Ae, useDeleteUrlBuilder as Ue, FetcherStatus as Be, EntityBaseTable as Oe, PermissionsWrapper as ae, TableTags as Pe, EntityFilter as qe, EntityEmptyState as Ne, EntityDeleteModal as Je, EntityTypes as We, useErrors as Le, EntityBaseFormType as se, useDebouncedFilter as He, EntityBaseForm as Qe, SupportedEntityType as Ke, EntityFormSection as Ie, useStringHelpers as ze, ConfigurationSchemaType as ue, ConfigurationSchemaSection as ke, EntityBaseConfigCard as Ge, InternalLinkItem as Xe, ConfigCardItem as we } from "@kong-ui-public/entities-shared";
+import { defineComponent as ve, ref as w, computed as h, watch as le, onBeforeMount as je, resolveComponent as F, createElementBlock as W, openBlock as b, createVNode as f, unref as l, createSlots as ge, withCtx as u, createTextVNode as O, 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 Ke, KeyIcon as Fe } from "@kong/icons";
+import { createI18n as Te, i18nTComponent as Be } from "@kong-ui-public/i18n";
+import { useAxios as he, useTableState as Ae, useFetcher as Ue, useDeleteUrlBuilder as Pe, FetcherStatus as qe, EntityBaseTable as Ne, PermissionsWrapper as ne, TableTags as Oe, EntityFilter as Je, EntityDeleteModal as We, EntityTypes as Le, useErrors as He, EntityBaseFormType as re, useDebouncedFilter as Qe, EntityBaseForm as Ge, SupportedEntityType as Ve, EntityFormSection as xe, useStringHelpers as ze, ConfigurationSchemaType as pe, ConfigurationSchemaSection as me, EntityBaseConfigCard as Xe, InternalLinkItem as Ye, ConfigCardItem as $e } from "@kong-ui-public/entities-shared";
 const Ze = {
   title: "Keys",
   list: {
@@ -23,7 +23,8 @@ const Ze = {
       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"
+      create_cta: "New key",
+      learn_more: "Learn more"
     }
   },
   actions: {
@@ -127,20 +128,20 @@ const Ze = {
       }
     }
   }
-}, Ye = {
+}, et = {
   keys: Ze
 };
-function et() {
-  const i = De("en-us", Ye);
+function tt() {
+  const a = Te("en-us", et);
   return {
-    i18n: i,
-    i18nT: Te(i)
+    i18n: a,
+    i18nT: Be(a)
     // Translation component <i18n-t>
   };
 }
-const ve = {
-  useI18n: et
-}, A = "/v2/control-planes/{controlPlaneId}/core-entities", U = "/{workspace}", O = {
+const be = {
+  useI18n: tt
+}, A = "/v2/control-planes/{controlPlaneId}/core-entities", U = "/{workspace}", P = {
   list: {
     konnect: {
       all: `${A}/keys`,
@@ -177,14 +178,14 @@ const ve = {
       getKeySet: `${U}/key-sets/{keySetId}`
     }
   }
-}, tt = "#00abd2", lt = "24px", it = { class: "kong-ui-entities-keys-list" }, ot = { class: "button-row" }, at = { class: "empty-state-icon-gateway" }, st = /* @__PURE__ */ me({
+}, lt = { class: "kong-ui-entities-keys-list" }, it = { class: "button-row" }, at = /* @__PURE__ */ ve({
   __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: (i) => !(!i || !["konnect", "kongManager"].includes(i == null ? void 0 : i.app) || !i.createRoute || !i.getViewRoute || !i.getEditRoute || i.app === "kongManager" && !i.isExactMatch && !i.filterSchema)
+      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || !a.createRoute || !a.getViewRoute || !a.getEditRoute || a.app === "kongManager" && !a.isExactMatch && !a.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -222,176 +223,176 @@ const ve = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(i, { emit: P }) {
-    var b;
-    const _ = P, t = i, { i18n: { t: f } } = ve.useI18n(), r = xe(), { axiosInstance: K } = ge((b = t.config) == null ? void 0 : b.axiosRequestConfig), { hasRecords: q, handleStateChange: z } = Fe(() => E.value), $ = h(() => q.value && t.config.app === "konnect"), e = h(() => !!t.config.keySetId), C = h(() => t.config.app !== "kongManager" || !!t.config.disableSorting), D = {
+  setup(a, { emit: q }) {
+    var I;
+    const _ = q, t = a, { i18n: { t: c } } = be.useI18n(), d = Ee(), { axiosInstance: x } = he((I = t.config) == null ? void 0 : I.axiosRequestConfig), { hasRecords: N, handleStateChange: z } = Ae(() => M.value), $ = h(() => N.value && t.config.app === "konnect"), e = h(() => !!t.config.keySetId), K = h(() => t.config.app !== "kongManager" || !!t.config.disableSorting), T = {
       // the Name column is non-hidable
-      name: { label: f("keys.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      kid: { label: f("keys.list.table_headers.key_id"), sortable: !0 },
-      tags: { label: f("keys.list.table_headers.tags") },
-      id: { label: f("keys.list.table_headers.id"), sortable: !0 }
-    }, T = D, J = h(() => {
-      var c, s, d, F;
-      let a = `${t.config.apiBaseUrl}${O.list[t.config.app][t.config.keySetId ? "forKeySet" : "all"]}`;
-      return t.config.app === "konnect" ? a = a.replace(/{controlPlaneId}/gi, ((c = t.config) == null ? void 0 : c.controlPlaneId) || "").replace(/{keySetId}/gi, ((s = t.config) == null ? void 0 : s.keySetId) || "") : t.config.app === "kongManager" && (a = a.replace(/\/{workspace}/gi, (d = t.config) != null && d.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, ((F = t.config) == null ? void 0 : F.keySetId) || "")), a;
-    }), E = w(""), G = h(() => {
-      const a = t.config.app === "konnect" || t.config.isExactMatch;
-      if (a)
+      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, Z;
+      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) || "").replace(/{keySetId}/gi, ((n = t.config) == null ? void 0 : n.keySetId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (E = t.config) != null && E.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, ((Z = t.config) == null ? void 0 : Z.keySetId) || "")), s;
+    }), M = w(""), X = h(() => {
+      const s = t.config.app === "konnect" || t.config.isExactMatch;
+      if (s)
         return {
-          isExactMatch: a,
-          placeholder: f("keys.search.placeholder")
+          isExactMatch: s,
+          placeholder: c("keys.search.placeholder")
         };
-      const c = { name: D.name };
+      const i = { name: T.name };
       return {
-        isExactMatch: a,
-        fields: c,
+        isExactMatch: s,
+        fields: i,
         schema: t.config.filterSchema
       };
     }), {
-      fetcher: W,
+      fetcher: H,
       fetcherState: y,
-      fetcherCacheKey: g
-    } = Ae(h(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), J), j = () => {
-      E.value = "";
-    }, v = () => {
-      g.value++;
-    }, I = w(null), p = async (a, c) => {
-      const s = a.id;
-      if (!await c(s)) {
-        re(a, "id");
+      fetcherCacheKey: m
+    } = Ue(h(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), L), j = () => {
+      M.value = "";
+    }, g = () => {
+      m.value++;
+    }, S = w(null), k = async (s, i) => {
+      const n = s.id;
+      if (!await i(n)) {
+        ce(s, "id");
         return;
       }
-      ne(a, "id");
-    }, te = async (a, c) => {
-      const s = JSON.stringify(a);
-      if (!await c(s)) {
+      de(s, "id");
+    }, ie = async (s, i) => {
+      const n = JSON.stringify(s);
+      if (!await i(n)) {
         _("copy:error", {
-          entity: a,
-          message: f("keys.errors.copy")
+          entity: s,
+          message: c("keys.errors.copy")
         });
         return;
       }
       _("copy:success", {
-        entity: a,
-        message: f("keys.copy.success_brief")
+        entity: s,
+        message: c("keys.copy.success_brief")
       });
-    }, ne = (a, c) => {
+    }, de = (s, i) => {
       _("copy:success", {
-        entity: a,
-        field: c,
-        message: f("keys.copy.success", { val: a[c] })
+        entity: s,
+        field: i,
+        message: c("keys.copy.success", { val: s[i] })
       });
-    }, re = (a, c) => {
+    }, ce = (s, i) => {
       _("copy:error", {
-        entity: a,
-        field: c,
-        message: f("keys.errors.copy")
+        entity: s,
+        field: i,
+        message: c("keys.errors.copy")
       });
-    }, de = async (a) => {
-      var s;
-      await ((s = t.canRetrieve) == null ? void 0 : s.call(t, a)) && r.push(t.config.getViewRoute(a.id));
-    }, ce = (a) => ({
-      label: f("keys.actions.view"),
-      to: t.config.getViewRoute(a)
-    }), ye = (a) => ({
-      label: f("keys.actions.edit"),
-      to: t.config.getEditRoute(a)
-    }), V = w(void 0), L = w(!1), H = w(!1), le = w(""), X = Ue(t.config, J.value), ie = (a) => {
-      V.value = a, L.value = !0;
-    }, fe = () => {
-      L.value = !1;
-    }, oe = async () => {
-      var a, c, s;
-      if ((a = V.value) != null && a.id) {
-        H.value = !0;
+    }, ye = async (s) => {
+      var n;
+      await ((n = t.canRetrieve) == null ? void 0 : n.call(t, s)) && d.push(t.config.getViewRoute(s.id));
+    }, fe = (s) => ({
+      label: c("keys.actions.view"),
+      to: t.config.getViewRoute(s)
+    }), ue = (s) => ({
+      label: c("keys.actions.edit"),
+      to: t.config.getEditRoute(s)
+    }), R = w(void 0), Q = w(!1), G = w(!1), ae = w(""), Y = Pe(t.config, L.value), oe = (s) => {
+      R.value = s, Q.value = !0;
+    }, ke = () => {
+      Q.value = !1;
+    }, se = async () => {
+      var s, i, n;
+      if ((s = R.value) != null && s.id) {
+        G.value = !0;
         try {
-          await K.delete(X(V.value.id)), H.value = !1, L.value = !1, g.value++, _("delete:success", V.value);
-        } catch (d) {
-          le.value = ((s = (c = d.response) == null ? void 0 : c.data) == null ? void 0 : s.message) || d.message || f("keys.errors.delete"), _("error", d);
+          await x.delete(Y(R.value.id)), G.value = !1, Q.value = !1, m.value++, _("delete:success", R.value);
+        } catch (E) {
+          ae.value = ((n = (i = E.response) == null ? void 0 : i.data) == null ? void 0 : n.message) || E.message || c("keys.errors.delete"), _("error", E);
         } finally {
-          H.value = !1;
+          G.value = !1;
         }
       }
     }, o = () => {
-      r.push(t.config.createRoute);
+      d.push(t.config.createRoute);
     };
-    ee(y, (a) => {
-      var c, s, d;
-      if (a.status === Be.Error) {
-        I.value = {
-          title: f("keys.errors.general")
-        }, (d = (s = (c = a.error) == null ? void 0 : c.response) == null ? void 0 : s.data) != null && d.message && (I.value.message = a.error.response.data.message), _("error", a.error);
+    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);
         return;
       }
-      I.value = null;
+      S.value = null;
     });
-    const n = w({
+    const r = w({
       ctaPath: t.config.createRoute,
       ctaText: void 0,
-      message: `${f("keys.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
-      title: f("keys.title")
-    });
-    return Ce(async () => {
-      await t.canCreate() && (n.value.title = f("keys.list.empty_state.title"), n.value.ctaText = f("keys.actions.create"));
-    }), (a, c) => {
-      const s = B("KButton"), d = B("KCopy"), F = B("KDropdownItem"), he = B("KClipboardProvider");
-      return S(), N("div", it, [
-        u(l(Oe), {
-          "cache-identifier": i.cacheIdentifier,
-          "disable-sorting": C.value,
-          "empty-state-options": n.value,
+      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"), Z = F("KCopy"), ee = F("KDropdownItem"), _e = F("KClipboardProvider");
+      return b(), W("div", lt, [
+        f(l(Ne), {
+          "cache-identifier": a.cacheIdentifier,
+          "disable-sorting": K.value,
+          "empty-state-options": r.value,
           "enable-entity-actions": "",
-          "error-message": I.value,
-          fetcher: l(W),
-          "fetcher-cache-key": l(g),
+          "error-message": S.value,
+          fetcher: l(H),
+          "fetcher-cache-key": l(m),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-keys-list",
-          query: E.value,
-          "table-headers": l(T),
+          query: M.value,
+          "table-headers": l(B),
           onClearSearchInput: j,
-          "onClick:row": c[3] || (c[3] = (m) => de(m)),
-          onSort: v,
+          "onClick:row": i[3] || (i[3] = (p) => ye(p)),
+          onSort: g,
           onState: l(z)
-        }, pe({
-          "toolbar-filter": k(() => [
-            u(l(qe), {
-              modelValue: E.value,
-              "onUpdate:modelValue": c[0] || (c[0] = (m) => E.value = m),
-              config: G.value
+        }, ge({
+          "toolbar-filter": u(() => [
+            f(l(Je), {
+              modelValue: M.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (p) => M.value = p),
+              config: X.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": k(() => [
-            (S(), R(Ee, {
-              disabled: !i.useActionOutside,
+          "toolbar-button": u(() => [
+            (b(), V(De, {
+              disabled: !a.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              M("div", ot, [
-                !e.value && $.value ? (S(), R(s, {
+              D("div", it, [
+                !e.value && $.value ? (b(), V(n, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "keys-learn-more-button",
                   icon: "",
-                  onClick: c[1] || (c[1] = (m) => a.$emit("click:learn-more"))
+                  onClick: i[1] || (i[1] = (p) => s.$emit("click:learn-more"))
                 }, {
-                  default: k(() => [
-                    u(l(Ve), { decorative: "" })
+                  default: u(() => [
+                    f(l(Ce), { decorative: "" })
                   ]),
                   _: 1
-                })) : Q("", !0),
-                u(l(ae), {
-                  "auth-function": () => i.canCreate()
+                })) : J("", !0),
+                f(l(ne), {
+                  "auth-function": () => a.canCreate()
                 }, {
-                  default: k(() => [
-                    u(s, {
+                  default: u(() => [
+                    f(n, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-key",
-                      size: i.useActionOutside ? "medium" : "large",
-                      to: i.config.createRoute
+                      size: a.useActionOutside ? "medium" : "large",
+                      to: a.config.createRoute
                     }, {
-                      default: k(() => [
-                        u(l(Me)),
-                        Y(" " + x(l(f)("keys.list.toolbar_actions.new_key")), 1)
+                      default: u(() => [
+                        f(l(Ke)),
+                        O(" " + C(l(c)("keys.list.toolbar_actions.new_key")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -401,85 +402,85 @@ const ve = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: k(({ rowValue: m }) => [
-            M("b", null, x(m ?? "-"), 1)
+          name: u(({ rowValue: p }) => [
+            D("b", null, C(p ?? "-"), 1)
           ]),
-          kid: k(({ rowValue: m }) => [
-            u(d, { text: m }, null, 8, ["text"])
+          kid: u(({ rowValue: p }) => [
+            f(Z, { text: p }, null, 8, ["text"])
           ]),
-          tags: k(({ rowValue: m }) => [
-            u(l(Pe), { tags: m }, null, 8, ["tags"])
+          tags: u(({ rowValue: p }) => [
+            f(l(Oe), { tags: p }, null, 8, ["tags"])
           ]),
-          id: k(({ rowValue: m }) => [
-            u(d, {
-              text: m,
+          id: u(({ rowValue: p }) => [
+            f(Z, {
+              text: p,
               truncate: ""
             }, null, 8, ["text"])
           ]),
-          actions: k(({ row: m }) => [
-            u(he, null, {
-              default: k(({ copyToClipboard: Z }) => [
-                u(F, {
+          actions: u(({ row: p }) => [
+            f(_e, null, {
+              default: u(({ copyToClipboard: te }) => [
+                f(ee, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (je) => p(m, Z)
+                  onClick: (Re) => k(p, te)
                 }, {
-                  default: k(() => [
-                    Y(x(l(f)("keys.actions.copy_id")), 1)
+                  default: u(() => [
+                    O(C(l(c)("keys.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(he, null, {
-              default: k(({ copyToClipboard: Z }) => [
-                u(F, {
+            f(_e, null, {
+              default: u(({ copyToClipboard: te }) => [
+                f(ee, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (je) => te(m, Z)
+                  onClick: (Re) => ie(p, te)
                 }, {
-                  default: k(() => [
-                    Y(x(l(f)("keys.actions.copy_json")), 1)
+                  default: u(() => [
+                    O(C(l(c)("keys.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(l(ae), {
-              "auth-function": () => i.canRetrieve(m)
+            f(l(ne), {
+              "auth-function": () => a.canRetrieve(p)
             }, {
-              default: k(() => [
-                u(F, {
+              default: u(() => [
+                f(ee, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: ce(m.id)
+                  item: fe(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(l(ae), {
-              "auth-function": () => i.canEdit(m)
+            f(l(ne), {
+              "auth-function": () => a.canEdit(p)
             }, {
-              default: k(() => [
-                u(F, {
+              default: u(() => [
+                f(ee, {
                   "data-testid": "action-entity-edit",
-                  item: ye(m.id)
+                  item: ue(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(l(ae), {
-              "auth-function": () => i.canDelete(m)
+            f(l(ne), {
+              "auth-function": () => a.canDelete(p)
             }, {
-              default: k(() => [
-                u(F, {
+              default: u(() => [
+                f(ee, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (Z) => ie(m)
+                  onClick: (te) => oe(p)
                 }, {
-                  default: k(() => [
-                    Y(x(l(f)("keys.actions.delete")), 1)
+                  default: u(() => [
+                    O(C(l(c)("keys.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -489,77 +490,91 @@ const ve = {
           ]),
           _: 2
         }, [
-          !E.value && i.config.app === "konnect" ? {
+          !M.value && a.config.app === "konnect" ? {
             name: "empty-state",
-            fn: k(() => {
-              var m;
+            fn: u(() => {
+              var p;
               return [
-                u(l(Ne), {
-                  "action-button-text": l(f)("keys.list.empty_state_v2.create_cta"),
-                  appearance: "secondary",
-                  "can-create": () => i.canCreate(),
-                  "data-testid": i.config.keySetId ? "nested-keys-entity-empty-state" : "keys-entity-empty-state",
-                  description: l(f)("keys.list.empty_state_v2.description"),
-                  "learn-more": i.config.app === "konnect",
-                  title: l(f)("keys.list.empty_state_v2.title"),
-                  "onClick:create": o,
-                  "onClick:learnMore": c[2] || (c[2] = (Z) => a.$emit("click:learn-more"))
-                }, pe({
-                  image: k(() => [
-                    M("div", at, [
-                      u(l(Re), {
-                        color: l(tt),
-                        size: l(lt)
-                      }, null, 8, ["color", "size"])
-                    ])
+                f(E, {
+                  "data-testid": a.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")
+                }, ge({
+                  icon: u(() => [
+                    f(l(Fe), { decorative: "" })
+                  ]),
+                  action: u(() => [
+                    v.value ? (b(), V(n, {
+                      key: 0,
+                      "data-testid": "entity-create-button",
+                      onClick: o
+                    }, {
+                      default: u(() => [
+                        f(l(Ke), { decorative: "" }),
+                        O(" " + C(l(c)("keys.list.empty_state_v2.create_cta")), 1)
+                      ]),
+                      _: 1
+                    })) : J("", !0),
+                    f(n, {
+                      appearance: "secondary",
+                      "data-testid": "entity-learn-more-button",
+                      onClick: i[2] || (i[2] = (te) => s.$emit("click:learn-more"))
+                    }, {
+                      default: u(() => [
+                        f(l(Ce), { decorative: "" }),
+                        O(" " + C(l(c)("keys.list.empty_state_v2.learn_more")), 1)
+                      ]),
+                      _: 1
+                    })
                   ]),
                   _: 2
                 }, [
-                  (m = i.config) != null && m.isControlPlaneGroup ? {
-                    name: "message",
-                    fn: k(() => [
-                      Y(x(l(f)("keys.list.empty_state_v2.group")), 1)
+                  (p = a.config) != null && p.isControlPlaneGroup ? {
+                    name: "default",
+                    fn: u(() => [
+                      O(C(l(c)("keys.list.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1032, ["action-button-text", "can-create", "data-testid", "description", "learn-more", "title"])
+                ]), 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(Je), {
-          "action-pending": H.value,
-          description: l(f)("keys.delete.description"),
-          "entity-name": V.value && (V.value.name || V.value.id),
-          "entity-type": l(We).Key,
-          error: le.value,
+        f(l(We), {
+          "action-pending": G.value,
+          description: l(c)("keys.delete.description"),
+          "entity-name": R.value && (R.value.name || R.value.id),
+          "entity-type": l(Le).Key,
+          error: ae.value,
           "need-confirm": !1,
-          title: l(f)("keys.delete.title"),
-          visible: L.value,
-          onCancel: fe,
-          onProceed: oe
+          title: l(c)("keys.delete.title"),
+          visible: Q.value,
+          onCancel: ke,
+          onProceed: se
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), $e = (i, P) => {
-  const _ = i.__vccOpts || i;
-  for (const [t, f] of P)
-    _[t] = f;
+}), Me = (a, q) => {
+  const _ = a.__vccOpts || a;
+  for (const [t, c] of q)
+    _[t] = c;
   return _;
-}, St = /* @__PURE__ */ $e(st, [["__scopeId", "data-v-6f7f8fb6"]]), nt = { class: "kong-ui-entities-keys-form" }, rt = { "data-testid": "no-search-results" }, dt = { class: "select-item-container" }, ct = { class: "select-item-label" }, yt = { class: "select-item-description" }, ft = {
+}, bt = /* @__PURE__ */ Me(at, [["__scopeId", "data-v-be539385"]]), ot = { 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 = {
   key: 1,
   class: "invalid-key-set-message",
   "data-testid": "invalid-key-set-message"
-}, ut = { "data-testid": "key-format-container" }, kt = /* @__PURE__ */ me({
+}, yt = { "data-testid": "key-format-container" }, ft = /* @__PURE__ */ ve({
   __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: (i) => !(!i || !["konnect", "kongManager"].includes(i == null ? void 0 : i.app) || i.app === "konnect" && !i.controlPlaneId || i.app === "kongManager" && typeof i.workspace != "string" || !i.cancelRoute)
+      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.cancelRoute)
     },
     /** If a valid Key ID is provided, it will put the form in Edit mode instead of Create */
     keyId: {
@@ -587,9 +602,9 @@ const ve = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(i, { emit: P }) {
-    var oe;
-    const _ = P, t = i, f = xe(), { i18n: { t: r } } = ve.useI18n(), { getMessageFromError: K } = Le(), { axiosInstance: q } = ge((oe = t.config) == null ? void 0 : oe.axiosRequestConfig), z = h(() => t.keySetId ? O.form[t.config.app].edit.forKeySet.replace(/{keySetId}/gi, t.keySetId) : O.form[t.config.app].edit.all), $ = h(() => t.keyId ? se.Edit : se.Create), e = be({
+  setup(a, { emit: q }) {
+    var se;
+    const _ = q, t = a, c = Ee(), { i18n: { t: d } } = be.useI18n(), { getMessageFromError: x } = He(), { axiosInstance: N } = he((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), $ = h(() => t.keyId ? re.Edit : re.Create), e = Se({
       fields: {
         name: "",
         tags: "",
@@ -603,7 +618,7 @@ const ve = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), C = be({
+    }), K = Se({
       name: "",
       tags: "",
       key_id: "",
@@ -612,271 +627,271 @@ const ve = {
       jwk: "",
       private_key: "",
       public_key: ""
-    }), D = [
+    }), T = [
       {
-        label: r("keys.form.fields.key_format.options.jwk"),
+        label: d("keys.form.fields.key_format.options.jwk"),
         value: "jwk"
       },
       {
-        label: r("keys.form.fields.key_format.options.pem"),
+        label: d("keys.form.fields.key_format.options.pem"),
         value: "pem"
       }
-    ], T = h(() => e.isReadonly || $.value === se.Create && !!t.fixedKeySetId), J = h(() => !T.value);
-    ee(() => t.fixedKeySetId, (o) => {
-      $.value === se.Create && (e.fields.key_set = o);
+    ], B = h(() => e.isReadonly || $.value === re.Create && !!t.fixedKeySetId), L = h(() => !B.value);
+    le(() => t.fixedKeySetId, (o) => {
+      $.value === re.Create && (e.fields.key_set = o);
     }, { immediate: !0 });
-    const E = h(() => JSON.stringify(e.fields) !== JSON.stringify(C) && !!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)), G = (o) => {
-      var n, b, a, c;
-      e.fields.key_id = (o == null ? void 0 : o.kid) || "", e.fields.name = (o == null ? void 0 : o.name) || "", e.fields.tags = ((n = o == null ? void 0 : o.tags) == null ? void 0 : n.join(", ")) || "", e.fields.key_set = ((b = o == null ? void 0 : o.set) == null ? void 0 : b.id) || "", e.fields.key_format = o != null && o.pem ? "pem" : "jwk", e.fields.jwk = (o == null ? void 0 : o.jwk) || "", e.fields.private_key = ((a = o == null ? void 0 : o.pem) == null ? void 0 : a.private_key) || "", e.fields.public_key = ((c = o == null ? void 0 : o.pem) == null ? void 0 : c.public_key) || "", t.showx5t && (e.fields.x5t = (o == null ? void 0 : o.x5t) || ""), Object.assign(C, e.fields);
-    }, W = () => {
-      f.push(t.config.cancelRoute);
+    const M = h(() => JSON.stringify(e.fields) !== JSON.stringify(K) && !!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 = (o) => {
+      var r, v, I, s;
+      e.fields.key_id = (o == null ? void 0 : o.kid) || "", e.fields.name = (o == null ? void 0 : o.name) || "", e.fields.tags = ((r = o == null ? void 0 : o.tags) == null ? void 0 : r.join(", ")) || "", e.fields.key_set = ((v = o == null ? void 0 : o.set) == null ? void 0 : v.id) || "", e.fields.key_format = o != null && o.pem ? "pem" : "jwk", e.fields.jwk = (o == null ? void 0 : o.jwk) || "", e.fields.private_key = ((I = o == null ? void 0 : o.pem) == null ? void 0 : I.private_key) || "", e.fields.public_key = ((s = o == null ? void 0 : o.pem) == null ? void 0 : s.public_key) || "", t.showx5t && (e.fields.x5t = (o == null ? void 0 : o.x5t) || ""), Object.assign(K, e.fields);
+    }, H = () => {
+      c.push(t.config.cancelRoute);
     }, y = h(() => {
-      var n, b;
-      let o = `${t.config.apiBaseUrl}${O.form[t.config.app][$.value][t.keySetId ? "forKeySet" : "all"]}`;
-      return t.config.app === "konnect" ? o = o.replace(/{controlPlaneId}/gi, ((n = t.config) == null ? void 0 : n.controlPlaneId) || "") : t.config.app === "kongManager" && (o = o.replace(/\/{workspace}/gi, (b = t.config) != null && b.workspace ? `/${t.config.workspace}` : "")), o = o.replace(/{id}/gi, t.keyId).replace(/{keySetId}/gi, t.keySetId || ""), o;
-    }), g = h(() => {
-      var o, n, b;
+      var r, v;
+      let o = `${t.config.apiBaseUrl}${P.form[t.config.app][$.value][t.keySetId ? "forKeySet" : "all"]}`;
+      return t.config.app === "konnect" ? o = o.replace(/{controlPlaneId}/gi, ((r = t.config) == null ? void 0 : r.controlPlaneId) || "") : t.config.app === "kongManager" && (o = o.replace(/\/{workspace}/gi, (v = t.config) != null && v.workspace ? `/${t.config.workspace}` : "")), o = o.replace(/{id}/gi, t.keyId).replace(/{keySetId}/gi, t.keySetId || ""), o;
+    }), m = h(() => {
+      var o, r, v;
       return {
         kid: e.fields.key_id,
         ...t.showx5t ? { x5t: e.fields.x5t || null } : {},
         name: e.fields.name || null,
-        tags: ((b = (n = (o = e.fields.tags) == null ? void 0 : o.split(",")) == null ? void 0 : n.map((a) => String(a || "").trim())) == null ? void 0 : b.filter((a) => a !== "")) || [],
+        tags: ((v = (r = (o = e.fields.tags) == null ? void 0 : o.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 o, n, b, a, c;
+      var o, r, v, I, s;
       try {
         e.isReadonly = !0;
-        let s;
-        if ($.value === "create" ? s = await q.post(y.value, g.value) : $.value === "edit" && (s = ((o = t.config) == null ? void 0 : o.app) === "konnect" ? await q.put(y.value, g.value) : await q.patch(y.value, g.value)), s) {
-          const { data: d } = s;
-          e.fields.key_id = (d == null ? void 0 : d.kid) || "", e.fields.name = (d == null ? void 0 : d.name) || "", e.fields.tags = ((n = d == null ? void 0 : d.tags) == null ? void 0 : n.join(", ")) || "", e.fields.key_set = ((b = d == null ? void 0 : d.set) == null ? void 0 : b.id) || "", e.fields.key_format = d != null && d.pem ? "pem" : "jwk", e.fields.jwk = (d == null ? void 0 : d.jwk) || "", e.fields.private_key = ((a = d == null ? void 0 : d.pem) == null ? void 0 : a.private_key) || "", e.fields.public_key = ((c = d == null ? void 0 : d.pem) == null ? void 0 : c.public_key) || "", t.showx5t && (e.fields.x5t = (d == null ? void 0 : d.x5t) || ""), Object.assign(C, e.fields), _("update", s == null ? void 0 : s.data);
+        let i;
+        if ($.value === "create" ? i = await N.post(y.value, m.value) : $.value === "edit" && (i = ((o = t.config) == null ? void 0 : o.app) === "konnect" ? await N.put(y.value, m.value) : await N.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(K, e.fields), _("update", i == null ? void 0 : i.data);
         }
-      } catch (s) {
-        e.errorMessage = K(s), _("error", s);
+      } catch (i) {
+        e.errorMessage = x(i), _("error", i);
       } finally {
         e.isReadonly = !1;
       }
     }, {
-      debouncedQueryChange: v,
-      loading: I,
-      allRecords: p,
-      error: te,
-      validationError: ne,
-      loadItems: re,
-      results: de
-    } = He(t.config, O.form[t.config.app].keySets, void 0, {
+      debouncedQueryChange: g,
+      loading: S,
+      allRecords: k,
+      error: ie,
+      validationError: de,
+      loadItems: ce,
+      results: ye
+    } = Qe(t.config, P.form[t.config.app].keySets, void 0, {
       fetchedItemsKey: "data",
       searchKeys: ["id", "name"]
-    }), ce = (o) => {
-      (!o || o !== e.fields.key_set && o !== C.key_set) && v(o);
-    }, ye = h(() => te.value ? r("keys.errors.key_sets.fetch") : ""), V = h(() => ne.value ? r("keys.errors.key_sets.invalid") : ""), L = w(0), H = h(() => p.value === void 0), le = h(() => {
-      if (H.value)
-        return t.config.app === "konnect" ? r("keys.form.fields.key_set.footer") : void 0;
-    }), X = w(/* @__PURE__ */ new Set()), ie = h(() => Array.from(X.value).map((n) => ({
-      name: n.name || "",
+    }), fe = (o) => {
+      (!o || o !== e.fields.key_set && o !== K.key_set) && g(o);
+    }, ue = h(() => ie.value ? d("keys.errors.key_sets.fetch") : ""), R = h(() => de.value ? d("keys.errors.key_sets.invalid") : ""), Q = w(0), G = h(() => k.value === void 0), ae = h(() => {
+      if (G.value)
+        return t.config.app === "konnect" ? d("keys.form.fields.key_set.footer") : void 0;
+    }), Y = w(/* @__PURE__ */ new Set()), oe = h(() => Array.from(Y.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: n.id,
-      selected: e.fields.key_set === n.id
-    }))), fe = (o) => {
-      X.value.clear();
-      let n;
-      for (n of o)
-        X.value.add(n);
+      value: r.id,
+      selected: e.fields.key_set === r.id
+    }))), ke = (o) => {
+      Y.value.clear();
+      let r;
+      for (r of o)
+        Y.value.add(r);
     };
-    return ee(de, (o) => {
-      fe(o);
-    }, { immediate: !0, deep: !0 }), ee(ie, () => {
-      L.value++;
-    }, { immediate: !0, deep: !0 }), Ce(async () => {
-      await re();
-    }), (o, n) => {
-      const b = B("KInput"), a = B("KSelect"), c = B("KTextArea");
-      return S(), N("div", nt, [
-        u(l(Qe), {
-          "can-submit": E.value,
-          config: i.config,
-          "edit-id": i.keyId,
-          "entity-type": l(Ke).Key,
-          "error-message": e.errorMessage || ye.value,
+    return le(ye, (o) => {
+      ke(o);
+    }, { immediate: !0, deep: !0 }), le(oe, () => {
+      Q.value++;
+    }, { immediate: !0, deep: !0 }), je(async () => {
+      await ce();
+    }), (o, r) => {
+      const v = F("KInput"), I = F("KSelect"), s = F("KTextArea");
+      return b(), W("div", ot, [
+        f(l(Ge), {
+          "can-submit": M.value,
+          config: a.config,
+          "edit-id": a.keyId,
+          "entity-type": l(Ve).Key,
+          "error-message": e.errorMessage || ue.value,
           "fetch-url": z.value,
-          "form-fields": g.value,
+          "form-fields": m.value,
           "is-readonly": e.isReadonly,
-          onCancel: W,
-          "onFetch:error": n[9] || (n[9] = (s) => o.$emit("error", s)),
-          "onFetch:success": G,
-          onLoading: n[10] || (n[10] = (s) => o.$emit("loading", s)),
+          onCancel: H,
+          "onFetch:error": r[9] || (r[9] = (i) => o.$emit("error", i)),
+          "onFetch:success": X,
+          onLoading: r[10] || (r[10] = (i) => o.$emit("loading", i)),
           onSubmit: j
         }, {
-          default: k(() => [
-            u(l(Ie), {
-              description: l(r)("keys.form.sections.general.description"),
-              title: l(r)("keys.form.sections.general.title")
+          default: u(() => [
+            f(l(xe), {
+              description: l(d)("keys.form.sections.general.description"),
+              title: l(d)("keys.form.sections.general.title")
             }, {
-              default: k(() => [
-                u(b, {
+              default: u(() => [
+                f(v, {
                   modelValue: e.fields.key_id,
-                  "onUpdate:modelValue": n[0] || (n[0] = (s) => e.fields.key_id = s),
+                  "onUpdate:modelValue": r[0] || (r[0] = (i) => e.fields.key_id = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-id",
-                  help: l(r)("keys.form.fields.id.help"),
-                  label: l(r)("keys.form.fields.id.label"),
+                  help: l(d)("keys.form.fields.id.help"),
+                  label: l(d)("keys.form.fields.id.label"),
                   "label-attributes": {
-                    info: l(r)("keys.form.fields.id.tooltip"),
+                    info: l(d)("keys.form.fields.id.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(r)("keys.form.fields.id.placeholder"),
+                  placeholder: l(d)("keys.form.fields.id.placeholder"),
                   readonly: e.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"]),
-                i.showx5t ? (S(), R(b, {
+                a.showx5t ? (b(), V(v, {
                   key: 0,
                   modelValue: e.fields.x5t,
-                  "onUpdate:modelValue": n[1] || (n[1] = (s) => e.fields.x5t = s),
+                  "onUpdate:modelValue": r[1] || (r[1] = (i) => e.fields.x5t = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-x5t",
-                  help: l(r)("keys.form.fields.x5t.help"),
-                  label: l(r)("keys.form.fields.x5t.label"),
+                  help: l(d)("keys.form.fields.x5t.help"),
+                  label: l(d)("keys.form.fields.x5t.label"),
                   "label-attributes": {
-                    info: l(r)("keys.form.fields.x5t.tooltip"),
+                    info: l(d)("keys.form.fields.x5t.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(r)("keys.form.fields.x5t.placeholder"),
+                  placeholder: l(d)("keys.form.fields.x5t.placeholder"),
                   readonly: e.isReadonly,
                   type: "text"
-                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])) : Q("", !0),
-                u(b, {
+                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])) : J("", !0),
+                f(v, {
                   modelValue: e.fields.name,
-                  "onUpdate:modelValue": n[2] || (n[2] = (s) => e.fields.name = s),
+                  "onUpdate:modelValue": r[2] || (r[2] = (i) => e.fields.name = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-name",
-                  label: l(r)("keys.form.fields.name.label"),
-                  placeholder: l(r)("keys.form.fields.name.placeholder"),
+                  label: l(d)("keys.form.fields.name.label"),
+                  placeholder: l(d)("keys.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                u(a, {
+                f(I, {
                   modelValue: e.fields.key_set,
-                  "onUpdate:modelValue": n[3] || (n[3] = (s) => e.fields.key_set = s),
-                  clearable: J.value,
+                  "onUpdate:modelValue": r[3] || (r[3] = (i) => e.fields.key_set = i),
+                  clearable: L.value,
                   "data-testid": "key-form-key-set",
-                  "dropdown-footer-text": le.value,
+                  "dropdown-footer-text": ae.value,
                   "enable-filtering": "",
                   "filter-function": () => !0,
-                  items: ie.value,
-                  label: l(r)("keys.form.fields.key_set.label"),
-                  loading: l(I),
-                  placeholder: l(r)("keys.form.fields.key_set.placeholder"),
-                  readonly: T.value,
+                  items: oe.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,
                   width: "100%",
-                  onQueryChange: ce
+                  onQueryChange: fe
                 }, {
-                  loading: k(() => [
-                    M("div", null, x(l(r)("keys.actions.loading")), 1)
+                  loading: u(() => [
+                    D("div", null, C(l(d)("keys.actions.loading")), 1)
                   ]),
-                  empty: k(() => [
-                    M("div", rt, x(l(r)("keys.search.no_results")), 1)
+                  empty: u(() => [
+                    D("div", st, C(l(d)("keys.search.no_results")), 1)
                   ]),
-                  "selected-item-template": k(({ item: s }) => [
-                    M("div", null, x(s.name), 1)
+                  "selected-item-template": u(({ item: i }) => [
+                    D("div", null, C(i.name), 1)
                   ]),
-                  "item-template": k(({ item: s }) => [
-                    M("div", dt, [
-                      M("div", ct, x(s.name), 1),
-                      M("div", yt, x(s.value), 1)
+                  "item-template": u(({ item: i }) => [
+                    D("div", nt, [
+                      D("div", rt, C(i.name), 1),
+                      D("div", dt, C(i.value), 1)
                     ])
                   ]),
                   _: 1
                 }, 8, ["modelValue", "clearable", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"]),
-                V.value ? (S(), N("p", ft, x(V.value), 1)) : Q("", !0),
-                u(b, {
+                R.value ? (b(), W("p", ct, C(R.value), 1)) : J("", !0),
+                f(v, {
                   modelValue: e.fields.tags,
-                  "onUpdate:modelValue": n[4] || (n[4] = (s) => e.fields.tags = s),
+                  "onUpdate:modelValue": r[4] || (r[4] = (i) => e.fields.tags = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-tags",
-                  help: l(r)("keys.form.fields.tags.help"),
-                  label: l(r)("keys.form.fields.tags.label"),
+                  help: l(d)("keys.form.fields.tags.help"),
+                  label: l(d)("keys.form.fields.tags.label"),
                   "label-attributes": {
-                    info: l(r)("keys.form.fields.tags.tooltip"),
+                    info: l(d)("keys.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(r)("keys.form.fields.tags.placeholder"),
+                  placeholder: l(d)("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(Ie), {
-              description: l(r)("keys.form.sections.keys.description"),
+            f(l(xe), {
+              description: l(d)("keys.form.sections.keys.description"),
               "has-divider": "",
-              title: l(r)("keys.form.sections.keys.title")
+              title: l(d)("keys.form.sections.keys.title")
             }, {
-              default: k(() => [
-                M("div", ut, [
-                  u(a, {
+              default: u(() => [
+                D("div", yt, [
+                  f(I, {
                     modelValue: e.fields.key_format,
-                    "onUpdate:modelValue": n[5] || (n[5] = (s) => e.fields.key_format = s),
+                    "onUpdate:modelValue": r[5] || (r[5] = (i) => e.fields.key_format = i),
                     "data-testid": "key-form-key-format",
-                    items: D,
-                    label: l(r)("keys.form.fields.key_format.label"),
+                    items: T,
+                    label: l(d)("keys.form.fields.key_format.label"),
                     readonly: e.isReadonly,
                     required: "",
                     width: "100%"
                   }, null, 8, ["modelValue", "label", "readonly"])
                 ]),
-                e.fields.key_format === "jwk" ? (S(), R(c, {
+                e.fields.key_format === "jwk" ? (b(), V(s, {
                   key: 0,
                   modelValue: e.fields.jwk,
-                  "onUpdate:modelValue": n[6] || (n[6] = (s) => e.fields.jwk = s),
+                  "onUpdate:modelValue": r[6] || (r[6] = (i) => e.fields.jwk = i),
                   modelModifiers: { trim: !0 },
                   "character-limit": !1,
                   class: "key-form-textarea",
                   "data-testid": "key-form-jwk",
-                  label: l(r)("keys.form.fields.jwk.label"),
+                  label: l(d)("keys.form.fields.jwk.label"),
                   "label-attributes": {
-                    info: l(r)("keys.form.fields.jwk.tooltip"),
+                    info: l(d)("keys.form.fields.jwk.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: l(r)("keys.form.fields.jwk.placeholder"),
+                  placeholder: l(d)("keys.form.fields.jwk.placeholder"),
                   readonly: e.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : Q("", !0),
-                e.fields.key_format === "pem" ? (S(), R(c, {
+                }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : J("", !0),
+                e.fields.key_format === "pem" ? (b(), V(s, {
                   key: 1,
                   modelValue: e.fields.private_key,
-                  "onUpdate:modelValue": n[7] || (n[7] = (s) => e.fields.private_key = s),
+                  "onUpdate:modelValue": r[7] || (r[7] = (i) => e.fields.private_key = i),
                   modelModifiers: { trim: !0 },
                   "character-limit": !1,
                   class: "key-form-textarea",
                   "data-testid": "key-form-private-key",
-                  label: l(r)("keys.form.fields.private_key.label"),
-                  placeholder: l(r)("keys.form.fields.private_key.placeholder"),
+                  label: l(d)("keys.form.fields.private_key.label"),
+                  placeholder: l(d)("keys.form.fields.private_key.placeholder"),
                   readonly: e.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : Q("", !0),
-                e.fields.key_format === "pem" ? (S(), R(c, {
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : J("", !0),
+                e.fields.key_format === "pem" ? (b(), V(s, {
                   key: 2,
                   modelValue: e.fields.public_key,
-                  "onUpdate:modelValue": n[8] || (n[8] = (s) => e.fields.public_key = s),
+                  "onUpdate:modelValue": r[8] || (r[8] = (i) => e.fields.public_key = i),
                   modelModifiers: { trim: !0 },
                   "character-limit": !1,
                   class: "key-form-textarea",
                   "data-testid": "key-form-public-key",
-                  label: l(r)("keys.form.fields.public_key.label"),
-                  placeholder: l(r)("keys.form.fields.public_key.placeholder"),
+                  label: l(d)("keys.form.fields.public_key.label"),
+                  placeholder: l(d)("keys.form.fields.public_key.placeholder"),
                   readonly: e.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : Q("", !0)
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : J("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -886,14 +901,14 @@ const ve = {
       ]);
     };
   }
-}), It = /* @__PURE__ */ $e(kt, [["__scopeId", "data-v-d5baf85a"]]), pt = { class: "kong-ui-entities-keys-entity-config-card" }, mt = { key: 2 }, wt = /* @__PURE__ */ me({
+}), _t = /* @__PURE__ */ Me(ft, [["__scopeId", "data-v-d5baf85a"]]), ut = { class: "kong-ui-entities-keys-entity-config-card" }, kt = { key: 2 }, St = /* @__PURE__ */ ve({
   __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: (i) => !(!i || !["konnect", "kongManager"].includes(i == null ? void 0 : i.app) || i.app === "konnect" && !i.controlPlaneId || i.app === "kongManager" && typeof i.workspace != "string" || !i.entityId)
+      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.entityId)
     },
     /**
      * External link for documentation that determines visibility of Documentation button
@@ -919,143 +934,143 @@ const ve = {
     }
   },
   emits: ["loading", "fetch:error", "fetch:success", "navigation-click"],
-  setup(i, { emit: P }) {
-    var W;
-    const _ = P, t = i, { axiosInstance: f } = ge((W = t.config) == null ? void 0 : W.axiosRequestConfig), { convertKeyToTitle: r } = ze(), { i18n: { t: K } } = ve.useI18n(), q = h(() => t.keySetId ? `${O.form[t.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, t.keySetId) : O.form[t.config.app].edit.all), z = h(() => {
+  setup(a, { emit: q }) {
+    var H;
+    const _ = q, t = a, { axiosInstance: c } = he((H = t.config) == null ? void 0 : H.axiosRequestConfig), { convertKeyToTitle: d } = ze(), { i18n: { t: x } } = be.useI18n(), N = 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 = O.form[t.config.app]) == null ? void 0 : y.getKeySet;
-    }), $ = w(), e = w({}), C = w(t.keySetId || ""), D = w(""), T = w(!1), J = async (y) => {
-      var g;
-      $.value = y, C.value = (g = y == null ? void 0 : y.set) == null ? void 0 : g.id, _("fetch:success", y), E(y);
+      return (y = P.form[t.config.app]) == null ? void 0 : y.getKeySet;
+    }), $ = w(), e = w({}), K = w(t.keySetId || ""), T = w(""), B = w(!1), L = async (y) => {
+      var m;
+      $.value = y, K.value = (m = y == null ? void 0 : y.set) == null ? void 0 : m.id, _("fetch:success", y), M(y);
     };
-    ee(C, async () => {
-      var g, j;
-      if (!C.value)
+    le(K, async () => {
+      var m, j;
+      if (!K.value)
         return;
       let y = `${t.config.apiBaseUrl}${z.value}`;
-      t.config.app === "konnect" ? y = y.replace(/{controlPlaneId}/gi, ((g = t.config) == null ? void 0 : g.controlPlaneId) || "").replace(/{keySetId}/gi, C.value || "") : t.config.app === "kongManager" && (y = y.replace(/\/{workspace}/gi, (j = t.config) != null && j.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, C.value || ""));
+      t.config.app === "konnect" ? y = y.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{keySetId}/gi, K.value || "") : t.config.app === "kongManager" && (y = y.replace(/\/{workspace}/gi, (j = t.config) != null && j.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, K.value || ""));
       try {
-        T.value = !0;
-        const { data: v } = await f.get(y, {
-          validateStatus: (I) => I === 404 || I >= 200 && I < 300
+        B.value = !0;
+        const { data: g } = await c.get(y, {
+          validateStatus: (S) => S === 404 || S >= 200 && S < 300
           // in case KeySet is deleted
         });
-        D.value = (v == null ? void 0 : v.name) || (v == null ? void 0 : v.id);
-      } catch (v) {
-        _("fetch:error", v);
+        T.value = (g == null ? void 0 : g.name) || (g == null ? void 0 : g.id);
+      } catch (g) {
+        _("fetch:error", g);
       } finally {
-        T.value = !1;
+        B.value = !1;
       }
     }, { immediate: !0 });
-    const E = (y) => {
-      var g, j;
+    const M = (y) => {
+      var m, j;
       try {
         if (y.jwk) {
-          const v = JSON.parse(y.jwk);
-          Object.keys(v).forEach((I) => {
+          const g = JSON.parse(y.jwk);
+          Object.keys(g).forEach((S) => {
             e.value = {
               ...e.value,
-              [`jwk.${I}`]: v[I]
+              [`jwk.${S}`]: g[S]
             };
           });
         } else
           e.value = {
-            "pem.public_key": (g = y == null ? void 0 : y.pem) == null ? void 0 : g.public_key,
+            "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
           };
-      } catch (v) {
-        _("fetch:error", v);
+      } catch (g) {
+        _("fetch:error", g);
       }
       return e;
-    }, G = w({
+    }, X = w({
       id: {},
       name: {
-        tooltip: K("keys.form.fields.name.tooltip")
+        tooltip: x("keys.form.fields.name.tooltip")
       },
       last_updated: {},
       created: {},
       set: {
-        label: K("keys.form.fields.set.label"),
-        section: ke.Basic,
-        tooltip: K("keys.form.fields.set.tooltip"),
+        label: x("keys.form.fields.set.label"),
+        section: me.Basic,
+        tooltip: x("keys.form.fields.set.tooltip"),
         order: 5
       },
       kid: {
-        label: K("keys.form.fields.kid.label"),
-        section: ke.Basic,
-        tooltip: K("keys.form.fields.kid.tooltip")
+        label: x("keys.form.fields.kid.label"),
+        section: me.Basic,
+        tooltip: x("keys.form.fields.kid.tooltip")
       },
       tags: {
-        tooltip: K("keys.form.fields.tags.tooltip")
+        tooltip: x("keys.form.fields.tags.tooltip")
       },
       // advanced fields
       jwk: {
-        label: K("keys.form.fields.jwk.label"),
-        type: ue.Json
+        label: x("keys.form.fields.jwk.label"),
+        type: pe.Json
       },
       pem: {
-        section: ke.Advanced,
-        label: K("keys.form.fields.key_format.options.pem"),
-        type: ue.Json
+        section: me.Advanced,
+        label: x("keys.form.fields.key_format.options.pem"),
+        type: pe.Json
       }
     });
-    return (y, g) => {
-      var v, I;
-      const j = B("KSkeleton");
-      return S(), N("div", pt, [
-        u(l(Ge), {
-          config: i.config,
-          "config-card-doc": i.configCardDoc,
-          "config-schema": G.value,
-          "entity-type": l(Ke).Key,
-          "fetch-url": q.value,
-          "hide-title": i.hideTitle,
-          "onFetch:error": g[0] || (g[0] = (p) => y.$emit("fetch:error", p)),
-          "onFetch:success": J,
-          onLoading: g[1] || (g[1] = (p) => y.$emit("loading", p))
-        }, pe({
-          set: k(({ row: p }) => [
-            T.value ? (S(), R(j, {
+    return (y, m) => {
+      var g, S;
+      const j = F("KSkeleton");
+      return b(), W("div", ut, [
+        f(l(Xe), {
+          config: a.config,
+          "config-card-doc": a.configCardDoc,
+          "config-schema": X.value,
+          "entity-type": l(Ve).Key,
+          "fetch-url": N.value,
+          "hide-title": a.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))
+        }, ge({
+          set: u(({ row: k }) => [
+            B.value ? (b(), V(j, {
               key: 0,
               "data-testid": "key-set-name-loader",
               type: "spinner"
-            })) : p.value && p.value.id === C.value && D.value ? (S(), R(l(Xe), {
+            })) : k.value && k.value.id === K.value && T.value ? (b(), V(l(Ye), {
               key: 1,
               item: {
-                key: p.value.id,
-                value: D.value,
-                type: l(ue).LinkInternal
+                key: k.value.id,
+                value: T.value,
+                type: l(pe).LinkInternal
               },
-              onClick: (te) => y.$emit("navigation-click", p.value.id, "key-sets")
-            }, null, 8, ["item", "onClick"])) : (S(), N("div", mt, x("–")))
+              onClick: (ie) => y.$emit("navigation-click", k.value.id, "key-sets")
+            }, null, 8, ["item", "onClick"])) : (b(), W("div", kt, C("–")))
           ]),
           _: 2
         }, [
-          (v = $.value) != null && v.jwk ? {
+          (g = $.value) != null && g.jwk ? {
             name: "jwk",
-            fn: k(() => [
-              (S(!0), N(_e, null, Se(Object.keys(e.value), (p) => (S(), R(l(we), {
-                key: p,
-                "data-testid": `${p}`,
+            fn: u(() => [
+              (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
+                key: k,
+                "data-testid": `${k}`,
                 item: {
-                  key: p,
-                  label: l(r)(p),
-                  value: e.value[p]
+                  key: k,
+                  label: l(d)(k),
+                  value: e.value[k]
                 }
               }, null, 8, ["data-testid", "item"]))), 128))
             ]),
             key: "0"
           } : void 0,
-          (I = $.value) != null && I.pem ? {
+          (S = $.value) != null && S.pem ? {
             name: "pem",
-            fn: k(() => [
-              (S(!0), N(_e, null, Se(Object.keys(e.value), (p) => (S(), R(l(we), {
-                key: p,
-                "data-testid": `${p}`,
+            fn: u(() => [
+              (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
+                key: k,
+                "data-testid": `${k}`,
                 item: {
-                  key: p,
-                  label: l(r)(p),
-                  value: e.value[p]
+                  key: k,
+                  label: l(d)(k),
+                  value: e.value[k]
                 }
               }, null, 8, ["data-testid", "item"]))), 128))
             ]),
@@ -1067,7 +1082,7 @@ const ve = {
   }
 });
 export {
-  wt as KeyConfigCard,
-  It as KeyForm,
-  St as KeyList
+  St as KeyConfigCard,
+  _t as KeyForm,
+  bt as KeyList
 };