@kong-ui-public/entities-keys 3.5.55 → 3.5.56

package/dist/entities-keys.es.js

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