@kong-ui-public/entities-keys 3.8.29-pr.2114.d6a8378f0.0 → 3.8.29

package/dist/entities-keys.es.js

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