@kong-ui-public/entities-vaults 3.26.1 → 3.26.2

package/dist/entities-vaults.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as ue, ref as K, computed as S, watch as ke, onBeforeMount as we, resolveComponent as B, createElementBlock as W, openBlock as C, createVNode as d, unref as e, createSlots as Ke, withCtx as v, createTextVNode as de, toDisplayString as $, createElementVNode as R, createBlock as j, Teleport as Ze, createCommentVNode as D, reactive as he, resolveDynamicComponent as Pe, TransitionGroup as Qe, Fragment as Ye, mergeProps as Oe, normalizeClass as Xe, nextTick as et, renderSlot as tt } from "vue";
-import { useRouter as Ee } from "vue-router";
-import { BookIcon as He, AddIcon as xe, SecurityIcon as lt, ConjourIcon as ot, AzureIcon as at, HashicorpIcon as rt, GoogleCloudIcon as it, AwsIcon as nt, CodeIcon as st, KongIcon as ct } from "@kong/icons";
-import { useAxios as _e, useTableState as dt, useFetcher as qe, useDeleteUrlBuilder as De, FetcherStatus as je, EntityBaseTable as We, PermissionsWrapper as ge, TableTags as ut, EntityFilter as Be, EntityDeleteModal as Le, EntityTypes as ze, useErrors as Ge, EntityBaseFormType as Ve, useGatewayFeatureSupported as ft, EntityBaseForm as Je, SupportedEntityType as Ae, EntityFormSection as Re, ConfigurationSchemaType as pt, ConfigurationSchemaSection as Me, EntityBaseConfigCard as mt, useDebouncedFilter as Fe } from "@kong-ui-public/entities-shared";
-import { createI18n as vt, i18nTComponent as gt } from "@kong-ui-public/i18n";
-const bt = {
+import { defineComponent as ue, ref as $, computed as w, watch as ke, onBeforeMount as we, resolveComponent as B, createElementBlock as W, openBlock as V, createVNode as u, unref as e, createSlots as Ke, withCtx as v, createTextVNode as de, toDisplayString as T, createElementVNode as I, createBlock as j, Teleport as Ye, createCommentVNode as D, reactive as he, resolveDynamicComponent as He, TransitionGroup as Xe, Fragment as qe, renderList as et, mergeProps as je, normalizeClass as tt, nextTick as lt, renderSlot as ot } from "vue";
+import { useRouter as Ae } from "vue-router";
+import { BookIcon as Me, AddIcon as Re, SecurityIcon as at, ConjourIcon as rt, AzureIcon as it, HashicorpIcon as nt, GoogleCloudIcon as st, AwsIcon as ct, CodeIcon as dt, KongIcon as ut } from "@kong/icons";
+import { useAxios as _e, useTableState as ft, useFetcher as De, useDeleteUrlBuilder as We, FetcherStatus as Be, EntityBaseTable as Le, PermissionsWrapper as ge, TableTags as pt, EntityFilter as ze, EntityDeleteModal as Ge, EntityTypes as Je, useErrors as Ze, EntityBaseFormType as Ve, useGatewayFeatureSupported as mt, EntityBaseForm as Qe, SupportedEntityType as Ue, EntityFormSection as Ee, useStringHelpers as vt, useHelpers as gt, ConfigurationSchemaType as Se, ConfigurationSchemaSection as Fe, EntityBaseConfigCard as bt, ConfigCardItem as _t, useDebouncedFilter as Ne } from "@kong-ui-public/entities-shared";
+import { createI18n as yt, i18nTComponent as ht } from "@kong-ui-public/i18n";
+const Vt = {
   create: "New vault",
   copy_id: "Copy ID",
   copy_json: "Copy JSON",
@@ -11,18 +11,18 @@ const bt = {
   delete: "Delete",
   view: "View Details",
   loading: "Loading..."
-}, _t = {
+}, kt = {
   general: "Vaults could not be retrieved",
   delete: "The vault could not be deleted at this time.",
   copy: "Failed to copy to clipboard"
-}, yt = {
+}, Ct = {
   placeholder_for_vaults: {
     konnect: "Filter by exact prefix or ID"
   },
   placeholder_for_secrets: {
     konnect: "Filter by exact key"
   }
-}, ht = {
+}, wt = {
   title: "Vaults",
   list: {
     toolbar_actions: {
@@ -47,7 +47,7 @@ const bt = {
       learn_more: "Learn more"
     }
   }
-}, Vt = {
+}, St = {
   title: "Secrets",
   list: {
     toolbar_actions: {
@@ -79,12 +79,12 @@ const bt = {
     },
     hint: "Once saved, the secret value will not be visible"
   }
-}, kt = {
+}, It = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, Ct = {
+}, xt = {
   vault_type: "Vault Type"
-}, wt = {
+}, Rt = {
   sections: {
     general: {
       title: "General Information",
@@ -370,7 +370,7 @@ const bt = {
     }
   },
   unavailable: "This vault provider is available on Enterprise."
-}, St = {
+}, Et = {
   title: "Look up Key in Vault",
   vault: {
     label: "Vault",
@@ -399,54 +399,54 @@ const bt = {
     complete_action: "Look up {cta}",
     cta: "key in vault"
   }
-}, It = {
-  actions: bt,
+}, At = {
+  actions: Vt,
   delete: {
     title: "Delete a Vault",
     title_for_secret: "Delete a Secret",
     description: "This action cannot be reversed."
   },
-  errors: _t,
-  search: yt,
-  vaults: ht,
-  secrets: Vt,
-  copy: kt,
-  labels: Ct,
-  form: wt,
-  vault_secret_picker: St
+  errors: kt,
+  search: Ct,
+  vaults: wt,
+  secrets: St,
+  copy: It,
+  labels: xt,
+  form: Rt,
+  vault_secret_picker: Et
 };
-function xt() {
-  const l = vt("en-us", It);
+function Ut() {
+  const l = yt("en-us", At);
   return {
     i18n: l,
-    i18nT: gt(l)
+    i18nT: ht(l)
     // Translation component <i18n-t>
   };
 }
 const ye = {
-  useI18n: xt
-}, Se = "/v2/control-planes/{controlPlaneId}/core-entities", Ne = "/v2/control-planes/{controlPlaneId}/config-stores", Ie = "/{workspace}", pe = {
+  useI18n: Ut
+}, Ie = "/v2/control-planes/{controlPlaneId}/core-entities", Oe = "/v2/control-planes/{controlPlaneId}/config-stores", xe = "/{workspace}", pe = {
   list: {
     konnect: {
-      getAll: `${Se}/vaults`,
-      deleteConfigStore: `${Ne}/{id}?force=true`
+      getAll: `${Ie}/vaults`,
+      deleteConfigStore: `${Oe}/{id}?force=true`
     },
     kongManager: {
-      getAll: `${Ie}/vaults`
+      getAll: `${xe}/vaults`
     }
   },
   form: {
     konnect: {
-      create: `${Se}/vaults`,
-      createConfigStore: Ne,
-      edit: `${Se}/vaults/{id}`
-    },
-    kongManager: {
       create: `${Ie}/vaults`,
+      createConfigStore: Oe,
       edit: `${Ie}/vaults/{id}`
+    },
+    kongManager: {
+      create: `${xe}/vaults`,
+      edit: `${xe}/vaults/{id}`
     }
   }
-}, Rt = { class: "kong-ui-entities-vaults-list" }, Et = { class: "button-row" }, At = { class: "table-content-overflow-wrapper" }, Ut = { class: "table-content-overflow-wrapper" }, Tt = /* @__PURE__ */ ue({
+}, Tt = { class: "kong-ui-entities-vaults-list" }, $t = { class: "button-row" }, Pt = { class: "table-content-overflow-wrapper" }, Kt = { class: "table-content-overflow-wrapper" }, Ht = /* @__PURE__ */ ue({
   __name: "VaultList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -491,125 +491,125 @@ const ye = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(l, { emit: I }) {
+  setup(l, { emit: S }) {
     var fe;
-    const c = I, s = l, { i18n: { t: p } } = ye.useI18n(), a = Ee(), { axiosInstance: x } = _e((fe = s.config) == null ? void 0 : fe.axiosRequestConfig), { hasRecords: w, handleStateChange: _ } = dt(() => Q.value), u = S(() => w.value && s.config.app === "konnect"), h = S(() => s.config.app !== "kongManager" || !!s.config.disableSorting), f = {
+    const d = S, c = l, { i18n: { t: p } } = ye.useI18n(), a = Ae(), { axiosInstance: P } = _e((fe = c.config) == null ? void 0 : fe.axiosRequestConfig), { hasRecords: x, handleStateChange: m } = ft(() => Q.value), n = w(() => x.value && c.config.app === "konnect"), b = w(() => c.config.app !== "kongManager" || !!c.config.disableSorting), f = {
       // the Prefix column is non-hidable
       prefix: { label: p("vaults.list.table_headers.prefix"), searchable: !0, sortable: !0, hidable: !1 },
       // it's "Vault Type" on display, but we still use "name" to fit API schema
       name: { label: p("vaults.list.table_headers.name"), searchable: !0, sortable: !0 },
       description: { label: p("vaults.list.table_headers.description"), sortable: !1 },
       tags: { label: p("vaults.list.table_headers.tags"), sortable: !1 }
-    }, z = f, X = S(() => {
-      var A, U;
-      let V = `${s.config.apiBaseUrl}${pe.list[s.config.app].getAll}`;
-      return s.config.app === "konnect" ? V = V.replace(/{controlPlaneId}/gi, ((A = s.config) == null ? void 0 : A.controlPlaneId) || "") : s.config.app === "kongManager" && (V = V.replace(/\/{workspace}/gi, (U = s.config) != null && U.workspace ? `/${s.config.workspace}` : "")), V;
-    }), Q = K(""), Y = S(() => {
-      if (s.config.app === "konnect" || s.config.isExactMatch)
+    }, z = f, X = w(() => {
+      var E, A;
+      let k = `${c.config.apiBaseUrl}${pe.list[c.config.app].getAll}`;
+      return c.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((E = c.config) == null ? void 0 : E.controlPlaneId) || "") : c.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (A = c.config) != null && A.workspace ? `/${c.config.workspace}` : "")), k;
+    }), Q = $(""), Y = w(() => {
+      if (c.config.app === "konnect" || c.config.isExactMatch)
         return {
           isExactMatch: !0,
           placeholder: p("search.placeholder_for_vaults.konnect")
         };
-      const { prefix: A, name: U } = f;
+      const { prefix: E, name: A } = f;
       return {
         isExactMatch: !1,
-        fields: { name: U, prefix: A },
-        schema: s.config.filterSchema
+        fields: { name: A, prefix: E },
+        schema: c.config.filterSchema
       };
     }), {
       fetcher: N,
       fetcherState: o,
       fetcherCacheKey: ae
-    } = qe(S(() => ({ ...s.config, cacheIdentifier: s.cacheIdentifier })), X), G = () => {
+    } = De(w(() => ({ ...c.config, cacheIdentifier: c.cacheIdentifier })), X), G = () => {
       Q.value = "";
     }, ee = () => {
       ae.value++;
-    }, J = K(null), b = async (V, A) => {
-      const U = V.id;
-      if (!await A(U)) {
-        c("copy:error", {
-          entity: V,
+    }, J = $(null), y = async (k, E) => {
+      const A = k.id;
+      if (!await E(A)) {
+        d("copy:error", {
+          entity: k,
           field: "id",
           message: p("errors.copy")
         });
         return;
       }
-      c("copy:success", {
-        entity: V,
+      d("copy:success", {
+        entity: k,
         field: "id",
-        message: p("copy.success", { val: U })
+        message: p("copy.success", { val: A })
       });
-    }, F = async (V, A) => {
-      const U = JSON.stringify(V);
-      if (!await A(U)) {
-        c("copy:error", {
-          entity: V,
+    }, F = async (k, E) => {
+      const A = JSON.stringify(k);
+      if (!await E(A)) {
+        d("copy:error", {
+          entity: k,
           message: p("errors.copy")
         });
         return;
       }
-      c("copy:success", {
-        entity: V,
+      d("copy:success", {
+        entity: k,
         message: p("copy.success_brief")
       });
-    }, re = async (V) => {
-      var U;
-      await ((U = s.canRetrieve) == null ? void 0 : U.call(s, V)) && a.push(s.config.getViewRoute(V.id));
-    }, ne = (V) => ({
+    }, re = async (k) => {
+      var A;
+      await ((A = c.canRetrieve) == null ? void 0 : A.call(c, k)) && a.push(c.config.getViewRoute(k.id));
+    }, ne = (k) => ({
       label: p("actions.view"),
-      to: s.config.getViewRoute(V)
-    }), le = (V) => ({
+      to: c.config.getViewRoute(k)
+    }), le = (k) => ({
       label: p("actions.edit"),
-      to: s.config.getEditRoute(V)
-    }), O = K(void 0), ie = K(!1), T = K(!1), Z = K(""), te = De(s.config, X.value), g = (V) => {
-      O.value = V, ie.value = !0;
-    }, m = () => {
+      to: c.config.getEditRoute(k)
+    }), O = $(void 0), ie = $(!1), U = $(!1), Z = $(""), te = We(c.config, X.value), _ = (k) => {
+      O.value = k, ie.value = !0;
+    }, g = () => {
       ie.value = !1;
-    }, P = async (V) => {
-      const { apiBaseUrl: A, app: U, controlPlaneId: n } = s.config, r = `${A}${pe.list[U].deleteConfigStore}`.replace(/{controlPlaneId}/gi, n || "").replace(/{id}/gi, V);
+    }, K = async (k) => {
+      const { apiBaseUrl: E, app: A, controlPlaneId: s } = c.config, r = `${E}${pe.list[A].deleteConfigStore}`.replace(/{controlPlaneId}/gi, s || "").replace(/{id}/gi, k);
       try {
-        await x.delete(r);
+        await P.delete(r);
       } catch {
       }
     }, H = async () => {
-      var V, A, U, n;
-      if ((V = O.value) != null && V.id) {
-        T.value = !0;
+      var k, E, A, s;
+      if ((k = O.value) != null && k.id) {
+        U.value = !0;
         try {
-          await x.delete(te(O.value.id)), s.config.app === "konnect" && ((A = O.value.config) != null && A.config_store_id) && P(O.value.config.config_store_id), T.value = !1, ie.value = !1, ae.value++, c("delete:success", O.value);
+          await P.delete(te(O.value.id)), c.config.app === "konnect" && ((E = O.value.config) != null && E.config_store_id) && K(O.value.config.config_store_id), U.value = !1, ie.value = !1, ae.value++, d("delete:success", O.value);
         } catch (r) {
-          Z.value = ((n = (U = r.response) == null ? void 0 : U.data) == null ? void 0 : n.message) || r.message || p("errors.delete"), c("error", r);
+          Z.value = ((s = (A = r.response) == null ? void 0 : A.data) == null ? void 0 : s.message) || r.message || p("errors.delete"), d("error", r);
         } finally {
-          T.value = !1;
+          U.value = !1;
         }
       }
     }, se = () => {
-      a.push(s.config.createRoute);
+      a.push(c.config.createRoute);
     };
-    ke(o, (V) => {
-      var A, U, n;
-      if (V.status === je.Error) {
+    ke(o, (k) => {
+      var E, A, s;
+      if (k.status === Be.Error) {
         J.value = {
           title: p("errors.general")
-        }, (n = (U = (A = V.error) == null ? void 0 : A.response) == null ? void 0 : U.data) != null && n.message && (J.value.message = V.error.response.data.message), c("error", V.error);
+        }, (s = (A = (E = k.error) == null ? void 0 : E.response) == null ? void 0 : A.data) != null && s.message && (J.value.message = k.error.response.data.message), d("error", k.error);
         return;
       }
       J.value = null;
     });
-    const q = K({
-      ctaPath: s.config.createRoute,
+    const q = $({
+      ctaPath: c.config.createRoute,
       ctaText: void 0,
-      message: `${p("vaults.list.empty_state.description")}${s.config.additionMessageForEmptyState ? ` ${s.config.additionMessageForEmptyState}` : ""}`,
+      message: `${p("vaults.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
       title: p("vaults.title")
-    }), E = K(!1);
+    }), R = $(!1);
     return we(async () => {
-      E.value = await s.canCreate(), E.value && (q.value.title = p("vaults.list.empty_state.title"), q.value.ctaText = p("actions.create"));
-    }), (V, A) => {
-      const U = B("KButton"), n = B("KEmptyState"), r = B("KDropdownItem"), L = B("KClipboardProvider");
-      return C(), W("div", Rt, [
-        d(e(We), {
+      R.value = await c.canCreate(), R.value && (q.value.title = p("vaults.list.empty_state.title"), q.value.ctaText = p("actions.create"));
+    }), (k, E) => {
+      const A = B("KButton"), s = B("KEmptyState"), r = B("KDropdownItem"), L = B("KClipboardProvider");
+      return V(), W("div", Tt, [
+        u(e(Le), {
           "cache-identifier": l.cacheIdentifier,
-          "disable-sorting": h.value,
+          "disable-sorting": b.value,
           "empty-state-options": q.value,
           "enable-entity-actions": "",
           "error-message": J.value,
@@ -620,49 +620,49 @@ const ye = {
           query: Q.value,
           "table-headers": e(z),
           onClearSearchInput: G,
-          "onClick:row": A[3] || (A[3] = (k) => re(k)),
+          "onClick:row": E[3] || (E[3] = (C) => re(C)),
           onSort: ee,
-          onState: e(_)
+          onState: e(m)
         }, Ke({
           "toolbar-filter": v(() => [
-            d(e(Be), {
+            u(e(ze), {
               modelValue: Q.value,
-              "onUpdate:modelValue": A[0] || (A[0] = (k) => Q.value = k),
+              "onUpdate:modelValue": E[0] || (E[0] = (C) => Q.value = C),
               config: Y.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": v(() => [
-            (C(), j(Ze, {
+            (V(), j(Ye, {
               disabled: !l.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              R("div", Et, [
-                u.value ? (C(), j(U, {
+              I("div", $t, [
+                n.value ? (V(), j(A, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "vault-learn-more-button",
                   icon: "",
-                  onClick: A[1] || (A[1] = (k) => V.$emit("click:learn-more"))
+                  onClick: E[1] || (E[1] = (C) => k.$emit("click:learn-more"))
                 }, {
                   default: v(() => [
-                    d(e(He), { decorative: "" })
+                    u(e(Me), { decorative: "" })
                   ]),
                   _: 1
                 })) : D("", !0),
-                d(e(ge), {
+                u(e(ge), {
                   "auth-function": () => l.canCreate()
                 }, {
                   default: v(() => [
-                    d(U, {
+                    u(A, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-vault",
                       size: l.useActionOutside ? "medium" : "large",
                       to: l.config.createRoute
                     }, {
                       default: v(() => [
-                        d(e(xe)),
-                        de(" " + $(e(p)("vaults.list.toolbar_actions.new_vault")), 1)
+                        u(e(Re)),
+                        de(" " + T(e(p)("vaults.list.toolbar_actions.new_vault")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -672,84 +672,84 @@ const ye = {
               ])
             ], 8, ["disabled"]))
           ]),
-          prefix: v(({ rowValue: k }) => [
-            R("div", At, [
-              R("b", null, $(k ?? "-"), 1)
+          prefix: v(({ rowValue: C }) => [
+            I("div", Pt, [
+              I("b", null, T(C ?? "-"), 1)
             ])
           ]),
-          name: v(({ rowValue: k }) => [
-            R("b", null, $(k ?? "-"), 1)
+          name: v(({ rowValue: C }) => [
+            I("b", null, T(C ?? "-"), 1)
           ]),
-          description: v(({ rowValue: k }) => [
-            R("div", Ut, $(k ?? "-"), 1)
+          description: v(({ rowValue: C }) => [
+            I("div", Kt, T(C ?? "-"), 1)
           ]),
-          tags: v(({ rowValue: k }) => [
-            d(e(ut), { tags: k }, null, 8, ["tags"])
+          tags: v(({ rowValue: C }) => [
+            u(e(pt), { tags: C }, null, 8, ["tags"])
           ]),
-          actions: v(({ row: k }) => [
-            d(L, null, {
-              default: v(({ copyToClipboard: y }) => [
-                d(r, {
+          actions: v(({ row: C }) => [
+            u(L, null, {
+              default: v(({ copyToClipboard: h }) => [
+                u(r, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (oe) => b(k, y)
+                  onClick: (oe) => y(C, h)
                 }, {
                   default: v(() => [
-                    de($(e(p)("actions.copy_id")), 1)
+                    de(T(e(p)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(L, null, {
-              default: v(({ copyToClipboard: y }) => [
-                d(r, {
+            u(L, null, {
+              default: v(({ copyToClipboard: h }) => [
+                u(r, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (oe) => F(k, y)
+                  onClick: (oe) => F(C, h)
                 }, {
                   default: v(() => [
-                    de($(e(p)("actions.copy_json")), 1)
+                    de(T(e(p)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(e(ge), {
-              "auth-function": () => l.canRetrieve(k)
+            u(e(ge), {
+              "auth-function": () => l.canRetrieve(C)
             }, {
               default: v(() => [
-                d(r, {
+                u(r, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: ne(k.id)
+                  item: ne(C.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(e(ge), {
-              "auth-function": () => l.canEdit(k)
+            u(e(ge), {
+              "auth-function": () => l.canEdit(C)
             }, {
               default: v(() => [
-                d(r, {
+                u(r, {
                   "data-testid": "action-entity-edit",
-                  item: le(k.id)
+                  item: le(C.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(e(ge), {
-              "auth-function": () => l.canDelete(k)
+            u(e(ge), {
+              "auth-function": () => l.canDelete(C)
             }, {
               default: v(() => [
-                d(r, {
+                u(r, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (y) => g(k)
+                  onClick: (h) => _(C)
                 }, {
                   default: v(() => [
-                    de($(e(p)("actions.delete")), 1)
+                    de(T(e(p)("actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -762,47 +762,47 @@ const ye = {
           !Q.value && l.config.app === "konnect" ? {
             name: "empty-state",
             fn: v(() => {
-              var k;
+              var C;
               return [
-                d(n, {
+                u(s, {
                   "data-testid": "vaults-entity-empty-state",
                   "icon-background": "",
                   message: e(p)("vaults.list.empty_state_v2.description"),
                   title: e(p)("vaults.list.empty_state_v2.title")
                 }, Ke({
                   icon: v(() => [
-                    d(e(lt), { decorative: "" })
+                    u(e(at), { decorative: "" })
                   ]),
                   action: v(() => [
-                    E.value ? (C(), j(U, {
+                    R.value ? (V(), j(A, {
                       key: 0,
                       "data-testid": "entity-create-button",
                       onClick: se
                     }, {
                       default: v(() => [
-                        d(e(xe), { decorative: "" }),
-                        de(" " + $(e(p)("vaults.list.empty_state_v2.create_cta")), 1)
+                        u(e(Re), { decorative: "" }),
+                        de(" " + T(e(p)("vaults.list.empty_state_v2.create_cta")), 1)
                       ]),
                       _: 1
                     })) : D("", !0),
-                    d(U, {
+                    u(A, {
                       appearance: "secondary",
                       "data-testid": "entity-learn-more-button",
-                      onClick: A[2] || (A[2] = (y) => V.$emit("click:learn-more"))
+                      onClick: E[2] || (E[2] = (h) => k.$emit("click:learn-more"))
                     }, {
                       default: v(() => [
-                        d(e(He), { decorative: "" }),
-                        de(" " + $(e(p)("vaults.list.empty_state_v2.learn_more")), 1)
+                        u(e(Me), { decorative: "" }),
+                        de(" " + T(e(p)("vaults.list.empty_state_v2.learn_more")), 1)
                       ]),
                       _: 1
                     })
                   ]),
                   _: 2
                 }, [
-                  (k = l.config) != null && k.isControlPlaneGroup ? {
+                  (C = l.config) != null && C.isControlPlaneGroup ? {
                     name: "default",
                     fn: v(() => [
-                      de($(e(p)("vaults.list.empty_state_v2.group")), 1)
+                      de(T(e(p)("vaults.list.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -812,43 +812,43 @@ const ye = {
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        d(e(Le), {
-          "action-pending": T.value,
+        u(e(Ge), {
+          "action-pending": U.value,
           description: e(p)("delete.description"),
           "entity-name": O.value && (O.value.prefix || O.value.id),
-          "entity-type": e(ze).Vault,
+          "entity-type": e(Je).Vault,
           error: Z.value,
           title: e(p)("delete.title"),
           visible: ie.value,
-          onCancel: m,
+          onCancel: g,
           onProceed: H
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), me = (l, I) => {
-  const c = l.__vccOpts || l;
-  for (const [s, p] of I)
-    c[s] = p;
-  return c;
-}, Sl = /* @__PURE__ */ me(Tt, [["__scopeId", "data-v-0f7e9fff"]]);
+}), me = (l, S) => {
+  const d = l.__vccOpts || l;
+  for (const [c, p] of S)
+    d[c] = p;
+  return d;
+}, El = /* @__PURE__ */ me(Ht, [["__scopeId", "data-v-0f7e9fff"]]);
 var t = /* @__PURE__ */ ((l) => (l.AWS = "aws", l.GCP = "gcp", l.HCV = "hcv", l.ENV = "env", l.AZURE = "azure", l.KONNECT = "konnect", l.CONJUR = "conjur", l))(t || {}), M = /* @__PURE__ */ ((l) => (l.TOKEN = "token", l.K8S = "kubernetes", l.APP_ROLE = "approle", l.CERT = "cert", l))(M || {});
-const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-provider-cards-container" }, Pt = ["data-testid"], Ht = { class: "provider-item-title-container" }, Mt = { class: "provider-item-title" }, Ft = { class: "provider-item-description" }, Nt = {
+const Mt = { class: "kong-ui-entities-vault-form" }, Ft = { class: "vault-form-provider-cards-container" }, Nt = ["data-testid"], Ot = { class: "provider-item-title-container" }, qt = { class: "provider-item-title" }, jt = { class: "provider-item-description" }, Dt = {
   key: "kong-vault-config-fields",
   class: "vault-form-config-fields-container"
-}, Ot = {
+}, Wt = {
   key: 0,
   class: "vault-form-config-auth-method-container"
-}, qt = {
+}, Bt = {
   key: 1,
   class: "vault-form-config-auth-method-container"
-}, Dt = {
+}, Lt = {
   key: 2,
   class: "vault-form-config-auth-method-container"
-}, jt = {
+}, zt = {
   key: 3,
   class: "vault-form-config-auth-method-container"
-}, Wt = { key: 6 }, Bt = { class: "wrapper" }, Lt = { class: "item-50" }, zt = { class: "item-50" }, Gt = { class: "wrapper" }, Jt = { class: "item-100" }, Zt = /* @__PURE__ */ ue({
+}, Gt = { key: 6 }, Jt = { class: "wrapper" }, Zt = { class: "item-50" }, Qt = { class: "item-50" }, Yt = { class: "wrapper" }, Xt = { class: "item-100" }, el = /* @__PURE__ */ ue({
   __name: "VaultForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -865,9 +865,9 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
     }
   },
   emits: ["update", "error", "loading"],
-  setup(l, { emit: I }) {
-    var U;
-    const c = l, s = I, { i18nT: p, i18n: { t: a } } = ye.useI18n(), x = Ee(), { axiosInstance: w } = _e((U = c.config) == null ? void 0 : U.axiosRequestConfig), { getMessageFromError: _ } = Ge(), u = he({
+  setup(l, { emit: S }) {
+    var A;
+    const d = l, c = S, { i18nT: p, i18n: { t: a } } = ye.useI18n(), P = Ae(), { axiosInstance: x } = _e((A = d.config) == null ? void 0 : A.axiosRequestConfig), { getMessageFromError: m } = Ze(), n = he({
       fields: {
         prefix: "",
         description: "",
@@ -875,12 +875,12 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       },
       isReadonly: !1,
       errorMessage: ""
-    }), h = he({
+    }), b = he({
       prefix: "",
       description: "",
       tags: ""
-    }), f = K(c.config.konnectConfigStoreAvailable ? t.KONNECT : t.ENV), z = K(null), X = K(), Q = S(() => [t.AWS, t.GCP, t.HCV, t.AZURE, t.CONJUR].includes(f.value)), Y = S(() => [
-      ...c.config.konnectConfigStoreAvailable ? [{
+    }), f = $(d.config.konnectConfigStoreAvailable ? t.KONNECT : t.ENV), z = $(null), X = $(), Q = w(() => [t.AWS, t.GCP, t.HCV, t.AZURE, t.CONJUR].includes(f.value)), Y = w(() => [
+      ...d.config.konnectConfigStoreAvailable ? [{
         label: a("form.config.konnect.label"),
         value: t.KONNECT
       }] : [],
@@ -903,17 +903,17 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
         value: t.HCV,
         disabled: !le.value
       },
-      ...c.config.azureVaultProviderAvailable ? [{
+      ...d.config.azureVaultProviderAvailable ? [{
         label: a("form.config.azure.label"),
         value: t.AZURE,
         disabled: !le.value
       }] : [],
-      ...c.config.conjurVaultProviderAvailable ? [{
+      ...d.config.conjurVaultProviderAvailable ? [{
         label: a("form.config.conjur.label"),
         value: t.CONJUR,
         disabled: !le.value
       }] : []
-    ]), N = c.config.base64FieldAvailable ? { base64_decode: !1 } : {}, o = he({
+    ]), N = d.config.base64FieldAvailable ? { base64_decode: !1 } : {}, o = he({
       [t.KONNECT]: {},
       [t.ENV]: {
         prefix: "",
@@ -1041,41 +1041,41 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       { label: `${a("form.config.aws.fields.region.locations.sa-east-1.location")} (sa-east-1)`, value: "sa-east-1" },
       { label: `${a("form.config.aws.fields.region.locations.us-gov-east-1.location")} (us-gov-east-1)`, value: "us-gov-east-1" },
       { label: `${a("form.config.aws.fields.region.locations.us-gov-west-1.location")} (us-gov-west-1)`, value: "us-gov-west-1" }
-    ], ee = [{ label: "secrets", value: "secrets" }], J = [{ label: "http", value: "http" }, { label: "https", value: "https" }], b = [{ label: "v1", value: "v1" }, { label: "v2", value: "v2" }], F = S(() => c.vaultId ? Ve.Edit : Ve.Create), re = S(() => {
-      var n, r;
-      return (r = pe.form[(n = c.config) == null ? void 0 : n.app]) == null ? void 0 : r.edit;
-    }), ne = S(() => F.value === Ve.Edit && c.config.app === "kongManager"), le = S(() => c.config.app === "konnect" || ft({
-      gatewayInfo: c.config.gatewayInfo,
+    ], ee = [{ label: "secrets", value: "secrets" }], J = [{ label: "http", value: "http" }, { label: "https", value: "https" }], y = [{ label: "v1", value: "v1" }, { label: "v2", value: "v2" }], F = w(() => d.vaultId ? Ve.Edit : Ve.Create), re = w(() => {
+      var s, r;
+      return (r = pe.form[(s = d.config) == null ? void 0 : s.app]) == null ? void 0 : r.edit;
+    }), ne = w(() => F.value === Ve.Edit && d.config.app === "kongManager"), le = w(() => d.config.app === "konnect" || mt({
+      gatewayInfo: d.config.gatewayInfo,
       // vault name can only be `env` in Gateway Community Edition
       supportedRange: {
         enterprise: []
       }
     })), O = () => {
-      var n;
-      x.push(((n = c.config) == null ? void 0 : n.cancelRoute) || { name: "vault-list" });
-    }, ie = (n) => {
-      s("loading", n);
-    }, T = (n) => {
-      s("error", n);
-    }, Z = (n) => {
-      switch (n) {
+      var s;
+      P.push(((s = d.config) == null ? void 0 : s.cancelRoute) || { name: "vault-list" });
+    }, ie = (s) => {
+      c("loading", s);
+    }, U = (s) => {
+      c("error", s);
+    }, Z = (s) => {
+      switch (s) {
         case t.KONNECT:
-          return ct;
+          return ut;
         case t.ENV:
-          return st;
+          return dt;
         case t.AWS:
-          return nt;
+          return ct;
         case t.GCP:
-          return it;
+          return st;
         case t.HCV:
-          return rt;
+          return nt;
         case t.AZURE:
-          return at;
+          return it;
         case t.CONJUR:
-          return ot;
+          return rt;
       }
-    }, te = (n) => {
-      switch (n) {
+    }, te = (s) => {
+      switch (s) {
         case t.KONNECT:
           return a("form.config.konnect.description");
         case t.ENV:
@@ -1091,14 +1091,14 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
         case t.CONJUR:
           return a("form.config.conjur.description");
       }
-    }, g = (n) => {
-      var k, y, oe, ce, ve, i;
-      u.fields.prefix = ((k = n == null ? void 0 : n.item) == null ? void 0 : k.prefix) || (n == null ? void 0 : n.prefix) || "", u.fields.description = ((y = n == null ? void 0 : n.item) == null ? void 0 : y.description) || (n == null ? void 0 : n.description) || "";
-      const r = ((oe = n == null ? void 0 : n.item) == null ? void 0 : oe.tags) || (n == null ? void 0 : n.tags) || [];
-      u.fields.tags = (r == null ? void 0 : r.join(", ")) || "", Object.assign(h, u.fields);
-      const L = ((ce = n == null ? void 0 : n.item) == null ? void 0 : ce.config) || (n == null ? void 0 : n.config) || null;
-      L && (Object.keys(L).length || (n == null ? void 0 : n.name) === t.KONNECT) ? (f.value = ((ve = n == null ? void 0 : n.item) == null ? void 0 : ve.name) || (n == null ? void 0 : n.name) || "", z.value = f.value, X.value = ((i = n == null ? void 0 : n.config) == null ? void 0 : i.config_store_id) || void 0, Object.assign(o[f.value], L), Object.assign(ae[f.value], L)) : u.errorMessage = "Error loading vault config";
-    }, m = (n) => n === "" || n == null, P = S(() => f.value === t.HCV ? !Object.keys(o[t.HCV]).filter((n) => [
+    }, _ = (s) => {
+      var C, h, oe, ce, ve, i;
+      n.fields.prefix = ((C = s == null ? void 0 : s.item) == null ? void 0 : C.prefix) || (s == null ? void 0 : s.prefix) || "", n.fields.description = ((h = s == null ? void 0 : s.item) == null ? void 0 : h.description) || (s == null ? void 0 : s.description) || "";
+      const r = ((oe = s == null ? void 0 : s.item) == null ? void 0 : oe.tags) || (s == null ? void 0 : s.tags) || [];
+      n.fields.tags = (r == null ? void 0 : r.join(", ")) || "", Object.assign(b, n.fields);
+      const L = ((ce = s == null ? void 0 : s.item) == null ? void 0 : ce.config) || (s == null ? void 0 : s.config) || null;
+      L && (Object.keys(L).length || (s == null ? void 0 : s.name) === t.KONNECT) ? (f.value = ((ve = s == null ? void 0 : s.item) == null ? void 0 : ve.name) || (s == null ? void 0 : s.name) || "", z.value = f.value, X.value = ((i = s == null ? void 0 : s.config) == null ? void 0 : i.config_store_id) || void 0, Object.assign(o[f.value], L), Object.assign(ae[f.value], L)) : n.errorMessage = "Error loading vault config";
+    }, g = (s) => s === "" || s == null, K = w(() => f.value === t.HCV ? !Object.keys(o[t.HCV]).filter((s) => [
       "namespace",
       "ttl",
       "neg_ttl",
@@ -1107,13 +1107,13 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       "approle_auth_path",
       "approle_secret_id",
       "approle_secret_id_file"
-    ].includes(n) || o[t.HCV].auth_method !== M.K8S && (n === "kube_role" || n === "kube_api_token_file") || o[t.HCV].auth_method !== M.TOKEN && n === "token" || o[t.HCV].auth_method !== M.APP_ROLE && (n === "approle_role_id" || n === "approle_response_wrapping") || o[t.HCV].auth_method === M.APP_ROLE && n === "approle_response_wrapping" && typeof o[f.value][n] == "boolean" || o[t.HCV].auth_method !== M.CERT && ["cert_auth_role_name", "cert_auth_cert", "cert_auth_cert_key"].includes(n) ? !1 : m(o[f.value][n])).length : f.value === t.AZURE ? !Object.keys(o[t.AZURE]).filter((n) => ["client_id", "tenant_id", "ttl", "neg_ttl", "resurrect_ttl"].includes(n) ? !1 : m(o[f.value][n])).length : f.value === t.AWS ? !Object.keys(o[t.AWS]).filter((n) => ["endpoint_url", "assume_role_arn", "ttl", "neg_ttl", "resurrect_ttl", "sts_endpoint_url"].includes(n) ? !1 : m(o[f.value][n])).length : !Object.keys(o[f.value]).filter((n) => ["ttl", "neg_ttl", "resurrect_ttl"].includes(n) ? !1 : m(o[f.value][n])).length), H = S(() => !!u.fields.prefix && P.value), se = S(() => JSON.stringify(u.fields) !== JSON.stringify(h) || f.value !== z.value || JSON.stringify(o[f.value]) !== JSON.stringify(ae[f.value])), q = S(() => {
+    ].includes(s) || o[t.HCV].auth_method !== M.K8S && (s === "kube_role" || s === "kube_api_token_file") || o[t.HCV].auth_method !== M.TOKEN && s === "token" || o[t.HCV].auth_method !== M.APP_ROLE && (s === "approle_role_id" || s === "approle_response_wrapping") || o[t.HCV].auth_method === M.APP_ROLE && s === "approle_response_wrapping" && typeof o[f.value][s] == "boolean" || o[t.HCV].auth_method !== M.CERT && ["cert_auth_role_name", "cert_auth_cert", "cert_auth_cert_key"].includes(s) ? !1 : g(o[f.value][s])).length : f.value === t.AZURE ? !Object.keys(o[t.AZURE]).filter((s) => ["client_id", "tenant_id", "ttl", "neg_ttl", "resurrect_ttl"].includes(s) ? !1 : g(o[f.value][s])).length : f.value === t.AWS ? !Object.keys(o[t.AWS]).filter((s) => ["endpoint_url", "assume_role_arn", "ttl", "neg_ttl", "resurrect_ttl", "sts_endpoint_url"].includes(s) ? !1 : g(o[f.value][s])).length : !Object.keys(o[f.value]).filter((s) => ["ttl", "neg_ttl", "resurrect_ttl"].includes(s) ? !1 : g(o[f.value][s])).length), H = w(() => !!n.fields.prefix && K.value), se = w(() => JSON.stringify(n.fields) !== JSON.stringify(b) || f.value !== z.value || JSON.stringify(o[f.value]) !== JSON.stringify(ae[f.value])), q = w(() => {
       var r, L;
-      let n = `${c.config.apiBaseUrl}${pe.form[c.config.app][F.value]}`;
-      return c.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((r = c.config) == null ? void 0 : r.controlPlaneId) || "") : c.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (L = c.config) != null && L.workspace ? `/${c.config.workspace}` : "")), n = n.replace(/{id}/gi, c.vaultId), n;
-    }), E = S(() => {
+      let s = `${d.config.apiBaseUrl}${pe.form[d.config.app][F.value]}`;
+      return d.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((r = d.config) == null ? void 0 : r.controlPlaneId) || "") : d.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (L = d.config) != null && L.workspace ? `/${d.config.workspace}` : "")), s = s.replace(/{id}/gi, d.vaultId), s;
+    }), R = w(() => {
       var ce, ve;
-      const n = {
+      const s = {
         protocol: o[t.HCV].protocol,
         host: o[t.HCV].host,
         port: parseInt(o[t.HCV].port.toString()),
@@ -1121,7 +1121,7 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
         kv: o[t.HCV].kv,
         namespace: o[t.HCV].namespace || null,
         auth_method: o[t.HCV].auth_method,
-        ...c.config.base64FieldAvailable && { base64_decode: o[t.HCV].base64_decode },
+        ...d.config.base64FieldAvailable && { base64_decode: o[t.HCV].base64_decode },
         ...o[t.HCV].auth_method === M.TOKEN && { token: o[t.HCV].token },
         // For Kong Admin API, when auth_method is kubernetes, token must be in the request body and its value has to be null
         ...o[t.HCV].auth_method === M.K8S && {
@@ -1150,112 +1150,112 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
         ...o[f.value],
         endpoint_url: o[f.value].endpoint_url || null,
         assume_role_arn: o[f.value].assume_role_arn || null,
-        ...c.config.awsStsEndpointUrlAvailable ? { sts_endpoint_url: o[f.value].sts_endpoint_url || null } : {}
+        ...d.config.awsStsEndpointUrlAvailable ? { sts_endpoint_url: o[f.value].sts_endpoint_url || null } : {}
       };
-      let k = o[f.value];
-      f.value === t.HCV ? k = n : f.value === t.AZURE ? k = r : f.value === t.AWS && (k = L);
-      let y = {};
+      let C = o[f.value];
+      f.value === t.HCV ? C = s : f.value === t.AZURE ? C = r : f.value === t.AWS && (C = L);
+      let h = {};
       if (![t.KONNECT, t.ENV].includes(f.value)) {
-        const i = o[f.value], Ue = i.ttl, Te = i.neg_ttl, $e = i.resurrect_ttl;
-        y = {
-          ttl: Ue ? parseInt(Ue.toString(), 10) : null,
-          neg_ttl: Te ? parseInt(Te.toString(), 10) : null,
-          resurrect_ttl: $e ? parseInt($e.toString(), 10) : null
+        const i = o[f.value], Te = i.ttl, $e = i.neg_ttl, Pe = i.resurrect_ttl;
+        h = {
+          ttl: Te ? parseInt(Te.toString(), 10) : null,
+          neg_ttl: $e ? parseInt($e.toString(), 10) : null,
+          resurrect_ttl: Pe ? parseInt(Pe.toString(), 10) : null
         };
       }
       return {
-        prefix: u.fields.prefix,
-        description: u.fields.description || null,
-        tags: (ve = (ce = u.fields.tags.split(",")) == null ? void 0 : ce.map((i) => String(i || "").trim())) == null ? void 0 : ve.filter((i) => i !== ""),
+        prefix: n.fields.prefix,
+        description: n.fields.description || null,
+        tags: (ve = (ce = n.fields.tags.split(",")) == null ? void 0 : ce.map((i) => String(i || "").trim())) == null ? void 0 : ve.filter((i) => i !== ""),
         name: f.value,
         config: {
-          ...k,
-          ...y
+          ...C,
+          ...h
         }
       };
-    }), fe = S(() => ({
-      ...E.value,
+    }), fe = w(() => ({
+      ...R.value,
       config: {
-        ...E.value.config,
+        ...R.value.config,
         config_store_id: X.value
       }
-    })), V = async () => {
-      var n;
+    })), k = async () => {
+      var s;
       try {
-        u.isReadonly = !0;
-        const r = `${c.config.apiBaseUrl}${pe.form.konnect.createConfigStore}`.replace(/{controlPlaneId}/gi, ((n = c.config) == null ? void 0 : n.controlPlaneId) || ""), L = await w.post(r);
+        n.isReadonly = !0;
+        const r = `${d.config.apiBaseUrl}${pe.form.konnect.createConfigStore}`.replace(/{controlPlaneId}/gi, ((s = d.config) == null ? void 0 : s.controlPlaneId) || ""), L = await x.post(r);
         return L == null ? void 0 : L.data.id;
       } catch (r) {
-        u.errorMessage = _(r), s("error", r);
+        n.errorMessage = m(r), c("error", r);
       } finally {
-        u.isReadonly = !1;
+        n.isReadonly = !1;
       }
-    }, A = async () => {
-      var n;
+    }, E = async () => {
+      var s;
       try {
-        u.isReadonly = !0;
+        n.isReadonly = !0;
         let r;
-        F.value === "create" ? f.value === t.KONNECT ? (X.value = await V(), r = await w.post(q.value, fe.value)) : r = await w.post(q.value, E.value) : F.value === "edit" && (f.value === t.KONNECT && !X.value ? (X.value = await V(), r = await w.put(q.value, fe.value)) : r = ((n = c.config) == null ? void 0 : n.app) === "konnect" ? await w.put(q.value, fe.value) : await w.patch(q.value, E.value)), g(r == null ? void 0 : r.data), s("update", r == null ? void 0 : r.data);
+        F.value === "create" ? f.value === t.KONNECT ? (X.value = await k(), r = await x.post(q.value, fe.value)) : r = await x.post(q.value, R.value) : F.value === "edit" && (f.value === t.KONNECT && !X.value ? (X.value = await k(), r = await x.put(q.value, fe.value)) : r = ((s = d.config) == null ? void 0 : s.app) === "konnect" ? await x.put(q.value, fe.value) : await x.patch(q.value, R.value)), _(r == null ? void 0 : r.data), c("update", r == null ? void 0 : r.data);
       } catch (r) {
-        u.errorMessage = _(r), s("error", r);
+        n.errorMessage = m(r), c("error", r);
       } finally {
-        u.isReadonly = !1;
+        n.isReadonly = !1;
       }
     };
-    return (n, r) => {
-      const L = B("KTooltip"), k = B("KSelect"), y = B("KInput"), oe = B("KCheckbox"), ce = B("KTextArea"), ve = B("KCollapse");
-      return C(), W("div", $t, [
-        d(e(Je), {
+    return (s, r) => {
+      const L = B("KTooltip"), C = B("KSelect"), h = B("KInput"), oe = B("KCheckbox"), ce = B("KTextArea"), ve = B("KCollapse");
+      return V(), W("div", Mt, [
+        u(e(Qe), {
           "can-submit": H.value && se.value,
           config: l.config,
           "edit-id": l.vaultId,
-          "entity-type": e(Ae).Vault,
-          "error-message": u.errorMessage,
+          "entity-type": e(Ue).Vault,
+          "error-message": n.errorMessage,
           "fetch-url": re.value,
-          "form-fields": E.value,
-          "is-readonly": u.isReadonly,
+          "form-fields": R.value,
+          "is-readonly": n.isReadonly,
           onCancel: O,
-          "onFetch:error": T,
-          "onFetch:success": g,
+          "onFetch:error": U,
+          "onFetch:success": _,
           onLoading: ie,
-          onSubmit: A
+          onSubmit: E
         }, {
           default: v(() => [
-            d(e(Re), {
+            u(e(Ee), {
               description: e(a)("form.sections.config.description"),
               title: e(a)("form.sections.config.title")
             }, {
               default: v(() => [
-                R("div", Kt, [
-                  d(k, {
+                I("div", Ft, [
+                  u(C, {
                     modelValue: f.value,
                     "onUpdate:modelValue": r[0] || (r[0] = (i) => f.value = i),
                     "data-testid": "provider-select",
                     disabled: ne.value,
                     "dropdown-max-height": "500",
                     items: Y.value,
-                    readonly: u.isReadonly
+                    readonly: n.isReadonly
                   }, {
                     "selected-item-template": v(({ item: i }) => [
-                      (C(), j(Pe(Z(i.value)))),
-                      R("span", null, $(i == null ? void 0 : i.label), 1)
+                      (V(), j(He(Z(i.value)))),
+                      I("span", null, T(i == null ? void 0 : i.label), 1)
                     ]),
                     "item-template": v(({ item: i }) => [
-                      d(L, {
+                      u(L, {
                         placement: "top",
                         text: i.disabled ? e(a)("form.unavailable") : ""
                       }, {
                         default: v(() => [
-                          R("div", {
+                          I("div", {
                             class: "provider-item",
                             "data-testid": `vault-form-provider-${i.value}`
                           }, [
-                            (C(), j(Pe(Z(i.value)))),
-                            R("div", Ht, [
-                              R("span", Mt, $(i == null ? void 0 : i.label), 1),
-                              R("span", Ft, $(te(i.value)), 1)
+                            (V(), j(He(Z(i.value)))),
+                            I("div", Ot, [
+                              I("span", qt, T(i == null ? void 0 : i.label), 1),
+                              I("span", jt, T(te(i.value)), 1)
                             ])
-                          ], 8, Pt)
+                          ], 8, Nt)
                         ]),
                         _: 2
                       }, 1032, ["text"])
@@ -1263,10 +1263,10 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                     _: 1
                   }, 8, ["modelValue", "disabled", "items", "readonly"])
                 ]),
-                d(Qe, { name: "appear" }, {
+                u(Xe, { name: "appear" }, {
                   default: v(() => [
-                    f.value === e(t).ENV ? (C(), W("div", Nt, [
-                      d(y, {
+                    f.value === e(t).ENV ? (V(), W("div", Dt, [
+                      u(h, {
                         modelValue: o[e(t).ENV].prefix,
                         "onUpdate:modelValue": r[1] || (r[1] = (i) => o[e(t).ENV].prefix = i),
                         modelModifiers: { trim: !0 },
@@ -1278,11 +1278,11 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         placeholder: e(a)("form.config.env.fields.prefix.placeholder"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"]),
-                      l.config.base64FieldAvailable ? (C(), j(oe, {
+                      l.config.base64FieldAvailable ? (V(), j(oe, {
                         key: 0,
                         modelValue: o[e(t).ENV].base64_decode,
                         "onUpdate:modelValue": r[2] || (r[2] = (i) => o[e(t).ENV].base64_decode = i),
@@ -1292,14 +1292,14 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.commonFields.base64_decode.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly
+                        readonly: n.isReadonly
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])) : D("", !0)
                     ])) : D("", !0),
-                    f.value === e(t).AWS ? (C(), W("div", {
+                    f.value === e(t).AWS ? (V(), W("div", {
                       key: `${e(t).AWS}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      d(k, {
+                      u(C, {
                         modelValue: o[e(t).AWS].region,
                         "onUpdate:modelValue": r[3] || (r[3] = (i) => o[e(t).AWS].region = i),
                         "data-testid": "vault-form-config-aws-region",
@@ -1307,11 +1307,11 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                         label: e(a)("form.config.aws.fields.region.label"),
                         "label-attributes": { info: e(a)("form.config.aws.fields.region.tooltip") },
                         placeholder: e(a)("form.config.aws.fields.region.placeholder"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AWS].endpoint_url,
                         "onUpdate:modelValue": r[4] || (r[4] = (i) => o[e(t).AWS].endpoint_url = i),
                         modelModifiers: { trim: !0 },
@@ -1322,10 +1322,10 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.aws.fields.endpoint_url.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AWS].assume_role_arn,
                         "onUpdate:modelValue": r[5] || (r[5] = (i) => o[e(t).AWS].assume_role_arn = i),
                         modelModifiers: { trim: !0 },
@@ -1336,10 +1336,10 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.aws.fields.assume_role_arn.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AWS].role_session_name,
                         "onUpdate:modelValue": r[6] || (r[6] = (i) => o[e(t).AWS].role_session_name = i),
                         modelModifiers: { trim: !0 },
@@ -1350,11 +1350,11 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.aws.fields.role_session_name.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      l.config.awsStsEndpointUrlAvailable ? (C(), j(y, {
+                      l.config.awsStsEndpointUrlAvailable ? (V(), j(h, {
                         key: 0,
                         modelValue: o[e(t).AWS].sts_endpoint_url,
                         "onUpdate:modelValue": r[7] || (r[7] = (i) => o[e(t).AWS].sts_endpoint_url = i),
@@ -1366,10 +1366,10 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.aws.fields.sts_endpoint_url.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])) : D("", !0),
-                      l.config.base64FieldAvailable ? (C(), j(oe, {
+                      l.config.base64FieldAvailable ? (V(), j(oe, {
                         key: 1,
                         modelValue: o[e(t).AWS].base64_decode,
                         "onUpdate:modelValue": r[8] || (r[8] = (i) => o[e(t).AWS].base64_decode = i),
@@ -1379,14 +1379,14 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.commonFields.base64_decode.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly
+                        readonly: n.isReadonly
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])) : D("", !0)
                     ])) : D("", !0),
-                    f.value === e(t).GCP ? (C(), W("div", {
+                    f.value === e(t).GCP ? (V(), W("div", {
                       key: `${e(t).GCP}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).GCP].project_id,
                         "onUpdate:modelValue": r[9] || (r[9] = (i) => o[e(t).GCP].project_id = i),
                         modelModifiers: { trim: !0 },
@@ -1394,24 +1394,24 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                         "data-testid": "vault-form-config-gcp-project-id",
                         label: e(a)("form.config.gcp.fields.project_id.label"),
                         placeholder: e(a)("form.config.gcp.fields.project_id.placeholder"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, {
                         "label-tooltip": v(() => [
-                          d(e(p), {
+                          u(e(p), {
                             keypath: "form.config.gcp.fields.project_id.tooltip.text",
                             scope: "global"
                           }, {
                             "italic-text": v(() => [
-                              R("em", null, $(e(a)("form.config.gcp.fields.project_id.tooltip.italicText")), 1)
+                              I("em", null, T(e(a)("form.config.gcp.fields.project_id.tooltip.italicText")), 1)
                             ]),
                             _: 1
                           })
                         ]),
                         _: 1
                       }, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                      l.config.base64FieldAvailable ? (C(), j(oe, {
+                      l.config.base64FieldAvailable ? (V(), j(oe, {
                         key: 0,
                         modelValue: o[e(t).GCP].base64_decode,
                         "onUpdate:modelValue": r[10] || (r[10] = (i) => o[e(t).GCP].base64_decode = i),
@@ -1421,77 +1421,77 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.commonFields.base64_decode.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly
+                        readonly: n.isReadonly
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])) : D("", !0)
                     ])) : D("", !0),
-                    f.value === e(t).HCV ? (C(), W("div", {
+                    f.value === e(t).HCV ? (V(), W("div", {
                       key: `${e(t).HCV}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      d(k, {
+                      u(C, {
                         modelValue: o[e(t).HCV].protocol,
                         "onUpdate:modelValue": r[11] || (r[11] = (i) => o[e(t).HCV].protocol = i),
                         "data-testid": "vault-form-config-hcv-protocol",
                         items: J,
                         label: e(a)("form.config.hcv.fields.protocol.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).HCV].host,
                         "onUpdate:modelValue": r[12] || (r[12] = (i) => o[e(t).HCV].host = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-hcv-host",
                         label: e(a)("form.config.hcv.fields.host.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).HCV].port,
                         "onUpdate:modelValue": r[13] || (r[13] = (i) => o[e(t).HCV].port = i),
                         autocomplete: "off",
                         "data-testid": "vault-form-config-hcv-port",
                         label: e(a)("form.config.hcv.fields.port.label"),
                         min: "0",
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "number"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).HCV].mount,
                         "onUpdate:modelValue": r[14] || (r[14] = (i) => o[e(t).HCV].mount = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-hcv-mount",
                         label: e(a)("form.config.hcv.fields.mount.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(k, {
+                      u(C, {
                         modelValue: o[e(t).HCV].kv,
                         "onUpdate:modelValue": r[15] || (r[15] = (i) => o[e(t).HCV].kv = i),
                         "data-testid": "vault-form-config-hcv-kv",
-                        items: b,
+                        items: y,
                         label: e(a)("form.config.hcv.fields.kv.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).HCV].namespace,
                         "onUpdate:modelValue": r[16] || (r[16] = (i) => o[e(t).HCV].namespace = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-hcv-namespace",
                         label: e(a)("form.config.hcv.fields.namespace.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(k, {
+                      u(C, {
                         modelValue: o[e(t).HCV].auth_method,
                         "onUpdate:modelValue": r[17] || (r[17] = (i) => o[e(t).HCV].auth_method = i),
                         "data-testid": "vault-form-config-hcv-auth_method",
@@ -1502,138 +1502,138 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           ...l.config.hcvCertMethodAvailable ? [{ label: e(M).CERT, value: e(M).CERT }] : []
                         ],
                         label: e(a)("form.config.hcv.fields.auth_method.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "items", "label", "readonly"]),
-                      o[e(t).HCV].auth_method === e(M).TOKEN ? (C(), W("div", Ot, [
-                        d(y, {
+                      o[e(t).HCV].auth_method === e(M).TOKEN ? (V(), W("div", Wt, [
+                        u(h, {
                           modelValue: o[e(t).HCV].token,
                           "onUpdate:modelValue": r[18] || (r[18] = (i) => o[e(t).HCV].token = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-token",
                           label: e(a)("form.config.hcv.fields.token.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           required: "",
                           "show-password-mask-toggle": "",
                           type: "password"
                         }, null, 8, ["modelValue", "label", "readonly"])
-                      ])) : o[e(t).HCV].auth_method === e(M).K8S ? (C(), W("div", qt, [
-                        d(y, {
+                      ])) : o[e(t).HCV].auth_method === e(M).K8S ? (V(), W("div", Bt, [
+                        u(h, {
                           modelValue: o[e(t).HCV].kube_role,
                           "onUpdate:modelValue": r[19] || (r[19] = (i) => o[e(t).HCV].kube_role = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-kube_role",
                           label: e(a)("form.config.hcv.fields.kube_role.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           required: "",
                           type: "text"
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(y, {
+                        u(h, {
                           modelValue: o[e(t).HCV].kube_auth_path,
                           "onUpdate:modelValue": r[20] || (r[20] = (i) => o[e(t).HCV].kube_auth_path = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-kube_auth_path",
                           label: e(a)("form.config.hcv.fields.kube_auth_path.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           type: "text"
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(y, {
+                        u(h, {
                           modelValue: o[e(t).HCV].kube_api_token_file,
                           "onUpdate:modelValue": r[21] || (r[21] = (i) => o[e(t).HCV].kube_api_token_file = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-kube_api_token_file",
                           label: e(a)("form.config.hcv.fields.kube_api_token_file.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           required: "",
                           type: "text"
                         }, null, 8, ["modelValue", "label", "readonly"])
-                      ])) : o[e(t).HCV].auth_method === e(M).APP_ROLE ? (C(), W("div", Dt, [
-                        d(y, {
+                      ])) : o[e(t).HCV].auth_method === e(M).APP_ROLE ? (V(), W("div", Lt, [
+                        u(h, {
                           modelValue: o[e(t).HCV].approle_auth_path,
                           "onUpdate:modelValue": r[22] || (r[22] = (i) => o[e(t).HCV].approle_auth_path = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-approle_auth_path",
                           label: e(a)("form.config.hcv.fields.approle_auth_path.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           type: "text"
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(y, {
+                        u(h, {
                           modelValue: o[e(t).HCV].approle_role_id,
                           "onUpdate:modelValue": r[23] || (r[23] = (i) => o[e(t).HCV].approle_role_id = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-approle_role_id",
                           label: e(a)("form.config.hcv.fields.approle_role_id.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           required: "",
                           type: "text"
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(y, {
+                        u(h, {
                           modelValue: o[e(t).HCV].approle_secret_id,
                           "onUpdate:modelValue": r[24] || (r[24] = (i) => o[e(t).HCV].approle_secret_id = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-approle_secret_id",
                           label: e(a)("form.config.hcv.fields.approle_secret_id.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           "show-password-mask-toggle": "",
                           type: "password"
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(y, {
+                        u(h, {
                           modelValue: o[e(t).HCV].approle_secret_id_file,
                           "onUpdate:modelValue": r[25] || (r[25] = (i) => o[e(t).HCV].approle_secret_id_file = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-approle_secret_id_file",
                           label: e(a)("form.config.hcv.fields.approle_secret_id_file.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           type: "text"
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(oe, {
+                        u(oe, {
                           modelValue: o[e(t).HCV].approle_response_wrapping,
                           "onUpdate:modelValue": r[26] || (r[26] = (i) => o[e(t).HCV].approle_response_wrapping = i),
                           "data-testid": "vault-form-config-hcv-approle_response_wrapping",
                           label: e(a)("form.config.hcv.fields.approle_response_wrapping.label")
                         }, null, 8, ["modelValue", "label"])
-                      ])) : o[e(t).HCV].auth_method === e(M).CERT ? (C(), W("div", jt, [
-                        d(y, {
+                      ])) : o[e(t).HCV].auth_method === e(M).CERT ? (V(), W("div", zt, [
+                        u(h, {
                           modelValue: o[e(t).HCV].cert_auth_role_name,
                           "onUpdate:modelValue": r[27] || (r[27] = (i) => o[e(t).HCV].cert_auth_role_name = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-cert_auth_role_name",
                           label: e(a)("form.config.hcv.fields.cert_auth_role_name.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           required: ""
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(ce, {
+                        u(ce, {
                           modelValue: o[e(t).HCV].cert_auth_cert,
                           "onUpdate:modelValue": r[28] || (r[28] = (i) => o[e(t).HCV].cert_auth_cert = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-cert_auth_cert",
                           label: e(a)("form.config.hcv.fields.cert_auth_cert.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           required: ""
                         }, null, 8, ["modelValue", "label", "readonly"]),
-                        d(ce, {
+                        u(ce, {
                           modelValue: o[e(t).HCV].cert_auth_cert_key,
                           "onUpdate:modelValue": r[29] || (r[29] = (i) => o[e(t).HCV].cert_auth_cert_key = i),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "vault-form-config-hcv-cert_auth_cert_key",
                           label: e(a)("form.config.hcv.fields.cert_auth_cert_key.label"),
-                          readonly: u.isReadonly,
+                          readonly: n.isReadonly,
                           required: ""
                         }, null, 8, ["modelValue", "label", "readonly"])
                       ])) : D("", !0),
-                      l.config.base64FieldAvailable ? (C(), j(oe, {
+                      l.config.base64FieldAvailable ? (V(), j(oe, {
                         key: 4,
                         modelValue: o[e(t).HCV].base64_decode,
                         "onUpdate:modelValue": r[30] || (r[30] = (i) => o[e(t).HCV].base64_decode = i),
@@ -1643,78 +1643,78 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.commonFields.base64_decode.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly
+                        readonly: n.isReadonly
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])) : D("", !0)
                     ])) : D("", !0),
-                    f.value === e(t).AZURE ? (C(), W("div", {
+                    f.value === e(t).AZURE ? (V(), W("div", {
                       key: `${e(t).AZURE}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AZURE].location,
                         "onUpdate:modelValue": r[31] || (r[31] = (i) => o[e(t).AZURE].location = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-azure-location",
                         label: e(a)("form.config.azure.fields.location.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AZURE].vault_uri,
                         "onUpdate:modelValue": r[32] || (r[32] = (i) => o[e(t).AZURE].vault_uri = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-azure-uri",
                         label: e(a)("form.config.azure.fields.vault_uri.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AZURE].credentials_prefix,
                         "onUpdate:modelValue": r[33] || (r[33] = (i) => o[e(t).AZURE].credentials_prefix = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-azure-prefix",
                         label: e(a)("form.config.azure.fields.credential_prefix.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(k, {
+                      u(C, {
                         modelValue: o[e(t).AZURE].type,
                         "onUpdate:modelValue": r[34] || (r[34] = (i) => o[e(t).AZURE].type = i),
                         "data-testid": "vault-form-config-azure-type",
                         items: ee,
                         label: e(a)("form.config.azure.fields.type.label"),
                         placeholder: e(a)("form.config.azure.fields.type.placeholder"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AZURE].client_id,
                         "onUpdate:modelValue": r[35] || (r[35] = (i) => o[e(t).AZURE].client_id = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-azure-client-id",
                         label: e(a)("form.config.azure.fields.client_id.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).AZURE].tenant_id,
                         "onUpdate:modelValue": r[36] || (r[36] = (i) => o[e(t).AZURE].tenant_id = i),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "vault-form-config-azure-tenant-id",
                         label: e(a)("form.config.azure.fields.tenant_id.label"),
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         type: "text"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      l.config.base64FieldAvailable ? (C(), j(oe, {
+                      l.config.base64FieldAvailable ? (V(), j(oe, {
                         key: 0,
                         modelValue: o[e(t).AZURE].base64_decode,
                         "onUpdate:modelValue": r[37] || (r[37] = (i) => o[e(t).AZURE].base64_decode = i),
@@ -1724,14 +1724,14 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.commonFields.base64_decode.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly
+                        readonly: n.isReadonly
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])) : D("", !0)
                     ])) : D("", !0),
-                    f.value === e(t).CONJUR ? (C(), W("div", {
+                    f.value === e(t).CONJUR ? (V(), W("div", {
                       key: `${e(t).CONJUR}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).CONJUR].endpoint_url,
                         "onUpdate:modelValue": r[38] || (r[38] = (i) => o[e(t).CONJUR].endpoint_url = i),
                         modelModifiers: { trim: !0 },
@@ -1742,11 +1742,11 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.conjur.fields.endpoint_url.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).CONJUR].login,
                         "onUpdate:modelValue": r[39] || (r[39] = (i) => o[e(t).CONJUR].login = i),
                         modelModifiers: { trim: !0 },
@@ -1757,11 +1757,11 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.conjur.fields.login.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).CONJUR].account,
                         "onUpdate:modelValue": r[40] || (r[40] = (i) => o[e(t).CONJUR].account = i),
                         modelModifiers: { trim: !0 },
@@ -1772,11 +1772,11 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.conjur.fields.account.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(y, {
+                      u(h, {
                         modelValue: o[e(t).CONJUR].api_key,
                         "onUpdate:modelValue": r[41] || (r[41] = (i) => o[e(t).CONJUR].api_key = i),
                         modelModifiers: { trim: !0 },
@@ -1787,12 +1787,12 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.conjur.fields.api_key.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly,
+                        readonly: n.isReadonly,
                         required: "",
                         "show-password-mask-toggle": "",
                         type: "password"
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      l.config.base64FieldAvailable ? (C(), j(oe, {
+                      l.config.base64FieldAvailable ? (V(), j(oe, {
                         key: 0,
                         modelValue: o[e(t).CONJUR].base64_decode,
                         "onUpdate:modelValue": r[42] || (r[42] = (i) => o[e(t).CONJUR].base64_decode = i),
@@ -1802,11 +1802,11 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                           info: e(a)("form.config.commonFields.base64_decode.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        readonly: u.isReadonly
+                        readonly: n.isReadonly
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])) : D("", !0)
                     ])) : D("", !0),
-                    l.config.ttl ? (C(), W("div", Wt, [
-                      Q.value ? (C(), j(ve, {
+                    l.config.ttl ? (V(), W("div", Gt, [
+                      Q.value ? (V(), j(ve, {
                         key: 0,
                         class: "advanced-fields-collapse",
                         "data-testid": "advanced-fields-collapse",
@@ -1814,9 +1814,9 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                         "trigger-label": e(a)("form.config.advancedFields.title")
                       }, {
                         default: v(() => [
-                          R("div", Bt, [
-                            R("div", Lt, [
-                              d(y, {
+                          I("div", Jt, [
+                            I("div", Zt, [
+                              u(h, {
                                 modelValue: o[f.value].ttl,
                                 "onUpdate:modelValue": r[43] || (r[43] = (i) => o[f.value].ttl = i),
                                 "data-testid": "vault-ttl-input",
@@ -1828,8 +1828,8 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                                 type: "number"
                               }, null, 8, ["modelValue", "label", "label-attributes"])
                             ]),
-                            R("div", zt, [
-                              d(y, {
+                            I("div", Qt, [
+                              u(h, {
                                 modelValue: o[f.value].neg_ttl,
                                 "onUpdate:modelValue": r[44] || (r[44] = (i) => o[f.value].neg_ttl = i),
                                 "data-testid": "vault-neg-ttl-input",
@@ -1842,9 +1842,9 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                               }, null, 8, ["modelValue", "label", "label-attributes"])
                             ])
                           ]),
-                          R("div", Gt, [
-                            R("div", Jt, [
-                              d(y, {
+                          I("div", Yt, [
+                            I("div", Xt, [
+                              u(h, {
                                 modelValue: o[f.value].resurrect_ttl,
                                 "onUpdate:modelValue": r[45] || (r[45] = (i) => o[f.value].resurrect_ttl = i),
                                 "data-testid": "vault-resurrect-ttl-input",
@@ -1867,14 +1867,14 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            d(e(Re), {
+            u(e(Ee), {
               description: e(a)("form.sections.general.description"),
               title: e(a)("form.sections.general.title")
             }, {
               default: v(() => [
-                d(y, {
-                  modelValue: u.fields.prefix,
-                  "onUpdate:modelValue": r[46] || (r[46] = (i) => u.fields.prefix = i),
+                u(h, {
+                  modelValue: n.fields.prefix,
+                  "onUpdate:modelValue": r[46] || (r[46] = (i) => n.fields.prefix = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "vault-form-prefix",
@@ -1885,31 +1885,31 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   placeholder: e(a)("form.fields.prefix.placeholder"),
-                  readonly: u.isReadonly,
+                  readonly: n.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"]),
-                d(ce, {
-                  modelValue: u.fields.description,
-                  "onUpdate:modelValue": r[47] || (r[47] = (i) => u.fields.description = i),
+                u(ce, {
+                  modelValue: n.fields.description,
+                  "onUpdate:modelValue": r[47] || (r[47] = (i) => n.fields.description = i),
                   modelModifiers: { trim: !0 },
                   "character-limit": 1e3,
                   class: "vault-form-textarea",
                   "data-testid": "vault-form-description",
                   label: e(a)("form.fields.description.label"),
                   placeholder: e(a)("form.fields.description.placeholder"),
-                  readonly: u.isReadonly
+                  readonly: n.isReadonly
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                d(y, {
-                  modelValue: u.fields.tags,
-                  "onUpdate:modelValue": r[48] || (r[48] = (i) => u.fields.tags = i),
+                u(h, {
+                  modelValue: n.fields.tags,
+                  "onUpdate:modelValue": r[48] || (r[48] = (i) => n.fields.tags = i),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "vault-form-tags",
                   help: e(a)("form.fields.tags.help"),
                   label: e(a)("form.fields.tags.label"),
                   placeholder: e(a)("form.fields.tags.placeholder"),
-                  readonly: u.isReadonly,
+                  readonly: n.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "placeholder", "readonly"])
               ]),
@@ -1921,7 +1921,7 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       ]);
     };
   }
-}), Il = /* @__PURE__ */ me(Zt, [["__scopeId", "data-v-af887604"]]), Qt = { class: "kong-ui-vault-entity-config-card" }, xl = /* @__PURE__ */ ue({
+}), Al = /* @__PURE__ */ me(el, [["__scopeId", "data-v-af887604"]]), tl = { class: "kong-ui-vault-entity-config-card" }, Ul = /* @__PURE__ */ ue({
   __name: "VaultConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1948,44 +1948,60 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(l) {
-    const I = l, c = S(() => {
-      var a, x;
-      return (x = pe.form[(a = I.config) == null ? void 0 : a.app]) == null ? void 0 : x.edit;
-    }), { i18n: { t: s } } = ye.useI18n(), p = K({
+    const S = l, d = w(() => {
+      var m, n;
+      return (n = pe.form[(m = S.config) == null ? void 0 : m.app]) == null ? void 0 : n.edit;
+    }), { i18n: { t: c } } = ye.useI18n(), { convertKeyToTitle: p } = vt(), { getPropValue: a } = gt(), P = $({
       id: {},
       name: {
-        label: s("labels.vault_type")
+        label: c("labels.vault_type")
       },
       updated_at: {},
       created_at: {},
       prefix: {
         order: 5,
-        section: Me.Basic
+        section: Fe.Basic
       },
       description: {
         order: 6,
-        section: Me.Basic
+        section: Fe.Basic
       },
       tags: {
         order: 7
       },
       config: {
         order: 8,
-        type: pt.Json
+        type: Se.Json
       }
-    });
-    return (a, x) => (C(), W("div", Qt, [
-      d(e(mt), {
+    }), x = (m) => {
+      var n, b;
+      return ((b = (n = P.value) == null ? void 0 : n[m]) == null ? void 0 : b.label) || p(m);
+    };
+    return (m, n) => (V(), W("div", tl, [
+      u(e(bt), {
         config: l.config,
         "config-card-doc": l.configCardDoc,
-        "config-schema": p.value,
-        "entity-type": e(Ae).Vault,
-        "fetch-url": c.value,
+        "config-schema": P.value,
+        "entity-type": e(Ue).Vault,
+        "fetch-url": d.value,
         "hide-title": l.hideTitle,
-        "onFetch:error": x[0] || (x[0] = (w) => a.$emit("fetch:error", w)),
-        "onFetch:success": x[1] || (x[1] = (w) => a.$emit("fetch:success", w)),
-        onLoading: x[2] || (x[2] = (w) => a.$emit("loading", w))
-      }, null, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
+        "onFetch:error": n[0] || (n[0] = (b) => m.$emit("fetch:error", b)),
+        "onFetch:success": n[1] || (n[1] = (b) => m.$emit("fetch:success", b)),
+        onLoading: n[2] || (n[2] = (b) => m.$emit("loading", b))
+      }, {
+        config: v(({ rowValue: b }) => [
+          (V(!0), W(qe, null, et(Object.keys(b), (f) => (V(), j(e(_t), {
+            key: f,
+            item: {
+              key: f,
+              value: e(a)(f, b),
+              label: x(f),
+              type: f === "token" || f === "approle_secret_id" ? e(Se).Redacted : e(Se).Text
+            }
+          }, null, 8, ["item"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
 }), Ce = "/v2/control-planes/{controlPlaneId}", be = {
@@ -2001,7 +2017,7 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       edit: `${Ce}/config-stores/{id}/secrets/{secretId}`
     }
   }
-}, Yt = { class: "table-content-overflow-wrapper" }, Xt = /* @__PURE__ */ ue({
+}, ll = { class: "table-content-overflow-wrapper" }, ol = /* @__PURE__ */ ue({
   inheritAttrs: !1,
   __name: "SecretListInner",
   props: {
@@ -2041,68 +2057,68 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
     }
   },
   emits: ["error", "delete:success"],
-  setup(l, { emit: I }) {
+  setup(l, { emit: S }) {
     var ie;
-    const c = I, s = l, { i18n: { t: p, formatUnixTimeStamp: a } } = ye.useI18n(), { axiosInstance: x } = _e((ie = s.config) == null ? void 0 : ie.axiosRequestConfig), _ = {
+    const d = S, c = l, { i18n: { t: p, formatUnixTimeStamp: a } } = ye.useI18n(), { axiosInstance: P } = _e((ie = c.config) == null ? void 0 : ie.axiosRequestConfig), m = {
       // the Secret Key column is non-hidable
       key: { label: p("secrets.list.table_headers.key"), sortable: !1, hidable: !1 },
       updated_at: { label: p("secrets.list.table_headers.updated_at"), sortable: !1 }
-    }, u = (T) => ({
-      "data-testid": T.key
-    }), h = S(() => {
-      var T;
-      return `${s.config.apiBaseUrl}${be.list[s.config.app]}`.replace(/{controlPlaneId}/gi, ((T = s.config) == null ? void 0 : T.controlPlaneId) || "").replace(/{id}/gi, s.configStoreId || "");
-    }), f = K(""), z = {
+    }, n = (U) => ({
+      "data-testid": U.key
+    }), b = w(() => {
+      var U;
+      return `${c.config.apiBaseUrl}${be.list[c.config.app]}`.replace(/{controlPlaneId}/gi, ((U = c.config) == null ? void 0 : U.controlPlaneId) || "").replace(/{id}/gi, c.configStoreId || "");
+    }), f = $(""), z = {
       isExactMatch: !0,
       placeholder: p("search.placeholder_for_secrets.konnect")
     }, {
       fetcher: X,
       fetcherState: Q,
       fetcherCacheKey: Y
-    } = qe(S(() => ({ ...s.config, cacheIdentifier: s.cacheIdentifier })), h), N = () => {
+    } = De(w(() => ({ ...c.config, cacheIdentifier: c.cacheIdentifier })), b), N = () => {
       f.value = "";
-    }, o = K(null), ae = (T) => ({
+    }, o = $(null), ae = (U) => ({
       label: p("actions.edit"),
-      to: s.config.getEditRoute(T)
-    }), G = K(void 0), ee = K(!1), J = K(!1), b = K(""), F = De(s.config, h.value), re = (T) => {
-      G.value = T, ee.value = !0;
+      to: c.config.getEditRoute(U)
+    }), G = $(void 0), ee = $(!1), J = $(!1), y = $(""), F = We(c.config, b.value), re = (U) => {
+      G.value = U, ee.value = !0;
     }, ne = () => {
       ee.value = !1;
     }, le = async () => {
-      var T, Z, te;
-      if ((T = G.value) != null && T.key) {
+      var U, Z, te;
+      if ((U = G.value) != null && U.key) {
         J.value = !0;
         try {
-          await x.delete(F(G.value.key)), J.value = !1, ee.value = !1, Y.value++, c("delete:success", G.value);
-        } catch (g) {
-          b.value = ((te = (Z = g.response) == null ? void 0 : Z.data) == null ? void 0 : te.message) || g.message || p("errors.delete"), c("error", g);
+          await P.delete(F(G.value.key)), J.value = !1, ee.value = !1, Y.value++, d("delete:success", G.value);
+        } catch (_) {
+          y.value = ((te = (Z = _.response) == null ? void 0 : Z.data) == null ? void 0 : te.message) || _.message || p("errors.delete"), d("error", _);
         } finally {
           J.value = !1;
         }
       }
     };
-    ke(Q, (T) => {
-      var Z, te, g;
-      if (T.status === je.Error) {
+    ke(Q, (U) => {
+      var Z, te, _;
+      if (U.status === Be.Error) {
         o.value = {
           title: p("errors.general")
-        }, (g = (te = (Z = T.error) == null ? void 0 : Z.response) == null ? void 0 : te.data) != null && g.message && (o.value.message = T.error.response.data.message), c("error", T.error);
+        }, (_ = (te = (Z = U.error) == null ? void 0 : Z.response) == null ? void 0 : te.data) != null && _.message && (o.value.message = U.error.response.data.message), d("error", U.error);
         return;
       }
       o.value = null;
     });
-    const O = K({
-      ctaPath: s.config.createRoute,
+    const O = $({
+      ctaPath: c.config.createRoute,
       ctaText: void 0,
-      message: `${p("secrets.list.empty_state.description")}${s.config.additionMessageForEmptyState ? ` ${s.config.additionMessageForEmptyState}` : ""}`,
+      message: `${p("secrets.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
       title: p("secrets.title")
     });
     return we(async () => {
-      await s.canCreate() && (O.value.title = p("secrets.list.empty_state.title"), O.value.ctaText = p("secrets.list.toolbar_actions.new_secret"));
-    }), (T, Z) => {
-      const te = B("KButton"), g = B("KDropdownItem");
-      return C(), W(Ye, null, [
-        d(e(We), {
+      await c.canCreate() && (O.value.title = p("secrets.list.empty_state.title"), O.value.ctaText = p("secrets.list.toolbar_actions.new_secret"));
+    }), (U, Z) => {
+      const te = B("KButton"), _ = B("KDropdownItem");
+      return V(), W(qe, null, [
+        u(e(Le), {
           "cache-identifier": l.cacheIdentifier,
           "disable-sorting": "",
           "empty-state-options": O.value,
@@ -2113,31 +2129,31 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-secrets-list",
           query: f.value,
-          "row-attributes": u,
-          "table-headers": e(_),
+          "row-attributes": n,
+          "table-headers": e(m),
           onClearSearchInput: N
         }, {
           "toolbar-filter": v(() => [
-            d(e(Be), {
+            u(e(ze), {
               modelValue: f.value,
-              "onUpdate:modelValue": Z[0] || (Z[0] = (m) => f.value = m),
+              "onUpdate:modelValue": Z[0] || (Z[0] = (g) => f.value = g),
               config: z
             }, null, 8, ["modelValue"])
           ]),
           "toolbar-button": v(() => [
-            d(e(ge), {
+            u(e(ge), {
               "auth-function": () => l.canCreate()
             }, {
               default: v(() => [
-                d(te, {
+                u(te, {
                   appearance: "primary",
                   "data-testid": "toolbar-add-secret",
                   size: "large",
                   to: l.config.createRoute
                 }, {
                   default: v(() => [
-                    d(e(xe)),
-                    de(" " + $(e(p)("secrets.list.toolbar_actions.new_secret")), 1)
+                    u(e(Re)),
+                    de(" " + T(e(p)("secrets.list.toolbar_actions.new_secret")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
@@ -2145,38 +2161,38 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
               _: 1
             }, 8, ["auth-function"])
           ]),
-          key: v(({ rowValue: m }) => [
-            R("div", Yt, [
-              R("b", null, $(m ?? "-"), 1)
+          key: v(({ rowValue: g }) => [
+            I("div", ll, [
+              I("b", null, T(g ?? "-"), 1)
             ])
           ]),
-          updated_at: v(({ rowValue: m }) => [
-            R("span", null, $(m ? e(a)(new Date(m).getTime() / 1e3) : "-"), 1)
+          updated_at: v(({ rowValue: g }) => [
+            I("span", null, T(g ? e(a)(new Date(g).getTime() / 1e3) : "-"), 1)
           ]),
-          actions: v(({ row: m }) => [
-            d(e(ge), {
-              "auth-function": () => l.canEdit(m)
+          actions: v(({ row: g }) => [
+            u(e(ge), {
+              "auth-function": () => l.canEdit(g)
             }, {
               default: v(() => [
-                d(g, {
+                u(_, {
                   "data-testid": "action-entity-edit",
-                  item: ae(m.key)
+                  item: ae(g.key)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(e(ge), {
-              "auth-function": () => l.canDelete(m)
+            u(e(ge), {
+              "auth-function": () => l.canDelete(g)
             }, {
               default: v(() => [
-                d(g, {
+                u(_, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (P) => re(m)
+                  onClick: (K) => re(g)
                 }, {
                   default: v(() => [
-                    de($(e(p)("actions.delete")), 1)
+                    de(T(e(p)("actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2186,12 +2202,12 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
           ]),
           _: 1
         }, 8, ["cache-identifier", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
-        d(e(Le), {
+        u(e(Ge), {
           "action-pending": J.value,
           description: e(p)("delete.description"),
           "entity-name": G.value && G.value.key,
-          "entity-type": e(ze).Secret,
-          error: b.value,
+          "entity-type": e(Je).Secret,
+          error: y.value,
           title: e(p)("delete.title_for_secret"),
           visible: ee.value,
           onCancel: ne,
@@ -2200,7 +2216,7 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       ], 64);
     };
   }
-}), el = /* @__PURE__ */ me(Xt, [["__scopeId", "data-v-904390fc"]]), tl = { class: "kong-ui-entities-secrets-list" }, ll = /* @__PURE__ */ ue({
+}), al = /* @__PURE__ */ me(ol, [["__scopeId", "data-v-904390fc"]]), rl = { class: "kong-ui-entities-secrets-list" }, il = /* @__PURE__ */ ue({
   __name: "SecretList",
   props: {
     /** The base konnect config. Pass additional config props in the shared entity component as needed. */
@@ -2239,33 +2255,33 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
     }
   },
   emits: ["error", "delete:success"],
-  setup(l, { emit: I }) {
-    var u;
-    const c = I, s = l, p = (h) => {
-      c("error", h);
-    }, a = (h) => {
-      c("delete:success", h);
-    }, { axiosInstance: x } = _e((u = s.config) == null ? void 0 : u.axiosRequestConfig), w = K(""), _ = S(() => {
-      var h;
-      return `${s.config.apiBaseUrl}${be.getVault[s.config.app]}`.replace(/{controlPlaneId}/gi, ((h = s.config) == null ? void 0 : h.controlPlaneId) || "").replace(/{id}/gi, s.vaultId);
+  setup(l, { emit: S }) {
+    var n;
+    const d = S, c = l, p = (b) => {
+      d("error", b);
+    }, a = (b) => {
+      d("delete:success", b);
+    }, { axiosInstance: P } = _e((n = c.config) == null ? void 0 : n.axiosRequestConfig), x = $(""), m = w(() => {
+      var b;
+      return `${c.config.apiBaseUrl}${be.getVault[c.config.app]}`.replace(/{controlPlaneId}/gi, ((b = c.config) == null ? void 0 : b.controlPlaneId) || "").replace(/{id}/gi, c.vaultId);
     });
     return we(async () => {
-      var h;
+      var b;
       try {
-        const { data: f } = await x.get(_.value);
-        w.value = (h = f == null ? void 0 : f.config) == null ? void 0 : h.config_store_id;
+        const { data: f } = await P.get(m.value);
+        x.value = (b = f == null ? void 0 : f.config) == null ? void 0 : b.config_store_id;
       } catch (f) {
-        c("error", f);
+        d("error", f);
       }
-    }), (h, f) => (C(), W("div", tl, [
-      w.value ? (C(), j(el, Oe({ key: 0 }, s, {
-        "config-store-id": w.value,
+    }), (b, f) => (V(), W("div", rl, [
+      x.value ? (V(), j(al, je({ key: 0 }, c, {
+        "config-store-id": x.value,
         "onDelete:success": a,
         onError: p
       }), null, 16, ["config-store-id"])) : D("", !0)
     ]));
   }
-}), Rl = /* @__PURE__ */ me(ll, [["__scopeId", "data-v-f5aa5636"]]), ol = /* @__PURE__ */ ue({
+}), Tl = /* @__PURE__ */ me(il, [["__scopeId", "data-v-f5aa5636"]]), nl = /* @__PURE__ */ ue({
   inheritAttrs: !1,
   __name: "SecretFormInner",
   props: {
@@ -2288,61 +2304,61 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
     }
   },
   emits: ["update", "error", "loading"],
-  setup(l, { emit: I }) {
+  setup(l, { emit: S }) {
     var J;
-    const c = l, s = I, { i18n: { t: p } } = ye.useI18n(), a = Ee(), { axiosInstance: x } = _e((J = c.config) == null ? void 0 : J.axiosRequestConfig), { getMessageFromError: w } = Ge(), _ = he({
+    const d = l, c = S, { i18n: { t: p } } = ye.useI18n(), a = Ae(), { axiosInstance: P } = _e((J = d.config) == null ? void 0 : J.axiosRequestConfig), { getMessageFromError: x } = Ze(), m = he({
       fields: {
         key: "",
         value: ""
       },
       readonly: !1,
       errorMessage: ""
-    }), u = he({
+    }), n = he({
       key: "",
       value: ""
-    }), h = S(
+    }), b = w(
       () => {
-        var b, F;
-        return (F = be.form[(b = c.config) == null ? void 0 : b.app]) == null ? void 0 : F.edit.replace(/{id}/gi, c.configStoreId).replace(/{secretId}/gi, c.secretId);
+        var y, F;
+        return (F = be.form[(y = d.config) == null ? void 0 : y.app]) == null ? void 0 : F.edit.replace(/{id}/gi, d.configStoreId).replace(/{secretId}/gi, d.secretId);
       }
     ), f = () => {
-      var b;
-      a.push(((b = c.config) == null ? void 0 : b.cancelRoute) || { name: "secret-list" });
-    }, z = (b) => {
-      s("loading", b);
-    }, X = (b) => {
-      s("error", b);
-    }, Q = (b) => {
+      var y;
+      a.push(((y = d.config) == null ? void 0 : y.cancelRoute) || { name: "secret-list" });
+    }, z = (y) => {
+      c("loading", y);
+    }, X = (y) => {
+      c("error", y);
+    }, Q = (y) => {
       var F, re;
-      _.fields.key = ((F = b == null ? void 0 : b.item) == null ? void 0 : F.key) || (b == null ? void 0 : b.key) || "", _.fields.value = ((re = b == null ? void 0 : b.item) == null ? void 0 : re.value) || (b == null ? void 0 : b.value) || "", Object.assign(u, _.fields);
-    }, Y = S(() => c.secretId ? Ve.Edit : Ve.Create), N = S(() => {
-      var b;
-      return `${c.config.apiBaseUrl}${be.form[c.config.app][Y.value]}`.replace(/{controlPlaneId}/gi, ((b = c.config) == null ? void 0 : b.controlPlaneId) || "").replace(/{id}/gi, c.configStoreId).replace(/{secretId}/gi, c.secretId);
-    }), o = S(() => !!_.fields.key && !!_.fields.value), ae = S(() => JSON.stringify(_.fields) !== JSON.stringify(u)), G = S(() => ({
-      key: _.fields.key,
-      value: _.fields.value
+      m.fields.key = ((F = y == null ? void 0 : y.item) == null ? void 0 : F.key) || (y == null ? void 0 : y.key) || "", m.fields.value = ((re = y == null ? void 0 : y.item) == null ? void 0 : re.value) || (y == null ? void 0 : y.value) || "", Object.assign(n, m.fields);
+    }, Y = w(() => d.secretId ? Ve.Edit : Ve.Create), N = w(() => {
+      var y;
+      return `${d.config.apiBaseUrl}${be.form[d.config.app][Y.value]}`.replace(/{controlPlaneId}/gi, ((y = d.config) == null ? void 0 : y.controlPlaneId) || "").replace(/{id}/gi, d.configStoreId).replace(/{secretId}/gi, d.secretId);
+    }), o = w(() => !!m.fields.key && !!m.fields.value), ae = w(() => JSON.stringify(m.fields) !== JSON.stringify(n)), G = w(() => ({
+      key: m.fields.key,
+      value: m.fields.value
     })), ee = async () => {
       try {
-        _.readonly = !0;
-        let b;
-        Y.value === "create" ? b = await x.post(N.value, G.value) : Y.value === "edit" && (b = await x.put(N.value, G.value)), Q(b == null ? void 0 : b.data), s("update", b == null ? void 0 : b.data);
-      } catch (b) {
-        _.errorMessage = w(b), s("error", b);
+        m.readonly = !0;
+        let y;
+        Y.value === "create" ? y = await P.post(N.value, G.value) : Y.value === "edit" && (y = await P.put(N.value, G.value)), Q(y == null ? void 0 : y.data), c("update", y == null ? void 0 : y.data);
+      } catch (y) {
+        m.errorMessage = x(y), c("error", y);
       } finally {
-        _.readonly = !1;
+        m.readonly = !1;
       }
     };
-    return (b, F) => {
+    return (y, F) => {
       const re = B("KInput"), ne = B("KTextArea"), le = B("KAlert");
-      return C(), j(e(Je), {
+      return V(), j(e(Qe), {
         "can-submit": o.value && ae.value,
         config: l.config,
         "edit-id": l.secretId,
-        "entity-type": e(Ae).Other,
-        "error-message": _.errorMessage,
-        "fetch-url": h.value,
+        "entity-type": e(Ue).Other,
+        "error-message": m.errorMessage,
+        "fetch-url": b.value,
         "form-fields": G.value,
-        "is-readonly": _.readonly,
+        "is-readonly": m.readonly,
         onCancel: f,
         "onFetch:error": X,
         "onFetch:success": Q,
@@ -2350,16 +2366,16 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
         onSubmit: ee
       }, {
         default: v(() => [
-          R("div", null, [
-            d(e(Re), {
+          I("div", null, [
+            u(e(Ee), {
               description: e(p)("secrets.form.info.description"),
               "has-divider": "",
               title: e(p)("secrets.form.info.title")
             }, {
               default: v(() => [
-                d(re, {
-                  modelValue: _.fields.key,
-                  "onUpdate:modelValue": F[0] || (F[0] = (O) => _.fields.key = O),
+                u(re, {
+                  modelValue: m.fields.key,
+                  "onUpdate:modelValue": F[0] || (F[0] = (O) => m.fields.key = O),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   class: "key-field",
@@ -2367,24 +2383,24 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
                   disabled: Y.value === e(Ve).Edit,
                   label: e(p)("secrets.form.fields.key.label"),
                   placeholder: e(p)("secrets.form.fields.key.placeholder"),
-                  readonly: _.readonly,
+                  readonly: m.readonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "disabled", "label", "placeholder", "readonly"]),
-                d(ne, {
-                  modelValue: _.fields.value,
-                  "onUpdate:modelValue": F[1] || (F[1] = (O) => _.fields.value = O),
+                u(ne, {
+                  modelValue: m.fields.value,
+                  "onUpdate:modelValue": F[1] || (F[1] = (O) => m.fields.value = O),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "secret-form-value",
                   label: e(p)("secrets.form.fields.value.label"),
                   placeholder: e(p)("secrets.form.fields.value.placeholder"),
-                  readonly: _.readonly,
+                  readonly: m.readonly,
                   required: "",
                   resizable: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                d(le, {
+                u(le, {
                   appearance: "warning",
                   message: e(p)("secrets.form.hint")
                 }, null, 8, ["message"])
@@ -2397,7 +2413,7 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"]);
     };
   }
-}), al = /* @__PURE__ */ me(ol, [["__scopeId", "data-v-5ee165bf"]]), rl = { class: "kong-ui-entities-secret-form" }, il = /* @__PURE__ */ ue({
+}), sl = /* @__PURE__ */ me(nl, [["__scopeId", "data-v-5ee165bf"]]), cl = { class: "kong-ui-entities-secret-form" }, dl = /* @__PURE__ */ ue({
   __name: "SecretForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2419,38 +2435,38 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
     }
   },
   emits: ["update", "error", "loading"],
-  setup(l, { emit: I }) {
-    var h;
-    const c = l, s = I, p = (f) => {
-      s("update", f);
+  setup(l, { emit: S }) {
+    var b;
+    const d = l, c = S, p = (f) => {
+      c("update", f);
     }, a = (f) => {
-      s("error", f);
-    }, x = (f) => {
-      s("loading", f);
-    }, { axiosInstance: w } = _e((h = c.config) == null ? void 0 : h.axiosRequestConfig), _ = K(""), u = S(() => {
+      c("error", f);
+    }, P = (f) => {
+      c("loading", f);
+    }, { axiosInstance: x } = _e((b = d.config) == null ? void 0 : b.axiosRequestConfig), m = $(""), n = w(() => {
       var f;
-      return `${c.config.apiBaseUrl}${be.getVault[c.config.app]}`.replace(/{controlPlaneId}/gi, ((f = c.config) == null ? void 0 : f.controlPlaneId) || "").replace(/{id}/gi, c.vaultId);
+      return `${d.config.apiBaseUrl}${be.getVault[d.config.app]}`.replace(/{controlPlaneId}/gi, ((f = d.config) == null ? void 0 : f.controlPlaneId) || "").replace(/{id}/gi, d.vaultId);
     });
     return we(async () => {
       var f;
       try {
-        const { data: z } = await w.get(u.value);
-        _.value = (f = z == null ? void 0 : z.config) == null ? void 0 : f.config_store_id;
+        const { data: z } = await x.get(n.value);
+        m.value = (f = z == null ? void 0 : z.config) == null ? void 0 : f.config_store_id;
       } catch (z) {
-        s("error", z);
+        c("error", z);
       }
-    }), (f, z) => (C(), W("div", rl, [
-      _.value ? (C(), j(al, Oe({ key: 0 }, c, {
-        "config-store-id": _.value,
+    }), (f, z) => (V(), W("div", cl, [
+      m.value ? (V(), j(sl, je({ key: 0 }, d, {
+        "config-store-id": m.value,
         onError: a,
-        onLoading: x,
+        onLoading: P,
         onUpdate: p
       }), null, 16, ["config-store-id"])) : D("", !0)
     ]));
   }
-}), El = /* @__PURE__ */ me(il, [["__scopeId", "data-v-754ddb2f"]]), nl = {
+}), $l = /* @__PURE__ */ me(dl, [["__scopeId", "data-v-754ddb2f"]]), ul = {
   class: "vault-secret-picker-provider"
-}, sl = /* @__PURE__ */ ue({
+}, fl = /* @__PURE__ */ ue({
   __name: "VaultSecretPickerProvider",
   props: {
     value: {},
@@ -2463,56 +2479,56 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
   },
   emits: ["open"],
   setup(l, {
-    emit: I
+    emit: S
   }) {
-    const c = l, s = I, {
+    const d = l, c = S, {
       i18n: {
         t: p
       },
       i18nT: a
     } = ye.useI18n();
-    return (x, w) => (C(), W("div", nl, [d(e(a), {
+    return (P, x) => (V(), W("div", ul, [u(e(a), {
       keypath: "vault_secret_picker.provider.complete_action",
       scope: "global"
     }, {
-      cta: v(() => [R("span", {
-        class: Xe({
+      cta: v(() => [I("span", {
+        class: tt({
           "vault-secret-picker-provider-action": !0,
-          disabled: c.disabled
+          disabled: d.disabled
         }),
-        onClick: w[0] || (w[0] = () => !c.disabled && s("open", c.value, c.update))
-      }, $(e(p)("vault_secret_picker.provider.cta")), 3)]),
+        onClick: x[0] || (x[0] = () => !d.disabled && c("open", d.value, d.update))
+      }, T(e(p)("vault_secret_picker.provider.cta")), 3)]),
       _: 1
     })]));
   }
-}), Al = /* @__PURE__ */ me(sl, [["__scopeId", "data-v-66a1e406"]]), cl = (l) => {
-  let I = l.trim();
-  if (!I.startsWith("{") || !I.endsWith("}"))
+}), Pl = /* @__PURE__ */ me(fl, [["__scopeId", "data-v-66a1e406"]]), pl = (l) => {
+  let S = l.trim();
+  if (!S.startsWith("{") || !S.endsWith("}"))
     throw new Error("Invalid secret reference: must be enclosed in curly braces");
-  if (I = I.substring(1, I.length - 1).trim(), !I.startsWith("vault://"))
+  if (S = S.substring(1, S.length - 1).trim(), !S.startsWith("vault://"))
     throw new Error("Invalid secret reference: must start with vault://");
-  const c = new URL(`http://${I.substring(8)}`);
-  if (!c)
+  const d = new URL(`http://${S.substring(8)}`);
+  if (!d)
     throw new Error("Invalid secret reference: must have a vault prefix");
-  const s = c.host, [, p, ...a] = c.pathname.split("/");
-  if (!s)
+  const c = d.host, [, p, ...a] = d.pathname.split("/");
+  if (!c)
     throw new Error("Invalid secret reference: must have a vault prefix");
   return {
-    vaultPrefix: s,
+    vaultPrefix: c,
     secretId: p || void 0,
     // Non-empty string or undefined
     optionalSecretKey: a == null ? void 0 : a.join("/")
     // Non-empty string or undefined
   };
-}, dl = (l) => {
+}, ml = (l) => {
   if (!l.vaultPrefix)
     throw new Error("Invalid secret reference: must have a vault prefix");
-  let I = `vault://${l.vaultPrefix}`;
-  return l.secretId && (I = `${I}/${l.secretId}`), l.optionalSecretKey && (I = `${I}/${l.optionalSecretKey}`), `{${I}}`;
-}, ul = {
+  let S = `vault://${l.vaultPrefix}`;
+  return l.secretId && (S = `${S}/${l.secretId}`), l.optionalSecretKey && (S = `${S}/${l.optionalSecretKey}`), `{${S}}`;
+}, vl = {
   key: 1,
   class: "inputs-wrapper"
-}, fl = { "data-testid": "no-search-results" }, pl = { class: "k-select-selected-item-label" }, ml = { class: "vault-secret-picker-vault-dropdown-item" }, vl = { class: "select-item-label" }, gl = { class: "select-item-description" }, bl = { class: "select-item-description" }, _l = { "data-testid": "no-search-results" }, yl = /* @__PURE__ */ ue({
+}, gl = { "data-testid": "no-search-results" }, bl = { class: "k-select-selected-item-label" }, _l = { class: "vault-secret-picker-vault-dropdown-item" }, yl = { class: "select-item-label" }, hl = { class: "select-item-description" }, Vl = { class: "select-item-description" }, kl = { "data-testid": "no-search-results" }, Cl = /* @__PURE__ */ ue({
   __name: "VaultSecretPicker",
   props: {
     config: {
@@ -2542,30 +2558,30 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
     }
   },
   emits: ["proceed", "cancel"],
-  setup(l, { emit: I }) {
+  setup(l, { emit: S }) {
     var te;
-    const { i18n: { t: c } } = ye.useI18n(), s = l, p = I, { axiosInstance: a } = _e({
+    const { i18n: { t: d } } = ye.useI18n(), c = l, p = S, { axiosInstance: a } = _e({
       // 404 errors are allowed in this components
-      validateStatus: (g) => g === 404 || g >= 200 && g < 300,
+      validateStatus: (_) => _ === 404 || _ >= 200 && _ < 300,
       // Spread the passed-in config later to allow overriding
-      ...(te = s.config) == null ? void 0 : te.axiosRequestConfig
-    }), x = K(!1), w = K(""), _ = K(""), u = K(""), h = K(), f = S(() => {
-      var g, m;
-      return s.config.app === "konnect" ? be.list[s.config.app].replace(/{id}/gi, ((m = (g = h.value) == null ? void 0 : g.config) == null ? void 0 : m.config_store_id) ?? "") : "<not_applicable>";
-    }), z = S(() => {
+      ...(te = c.config) == null ? void 0 : te.axiosRequestConfig
+    }), P = $(!1), x = $(""), m = $(""), n = $(""), b = $(), f = w(() => {
+      var _, g;
+      return c.config.app === "konnect" ? be.list[c.config.app].replace(/{id}/gi, ((g = (_ = b.value) == null ? void 0 : _.config) == null ? void 0 : g.config_store_id) ?? "") : "<not_applicable>";
+    }), z = w(() => {
       if (Y && ee)
-        return c("vault_secret_picker.fetch_error.vaults_and_secrets");
+        return d("vault_secret_picker.fetch_error.vaults_and_secrets");
       if (Y)
-        return c("vault_secret_picker.fetch_error.vaults");
+        return d("vault_secret_picker.fetch_error.vaults");
       if (ee)
-        return c("vault_secret_picker.fetch_error.secrets");
+        return d("vault_secret_picker.fetch_error.secrets");
     }), {
       debouncedQueryChange: X,
       loading: Q,
       error: Y,
       loadItems: N,
       results: o
-    } = Fe(s.config, pe.list[s.config.app].getAll, void 0, {
+    } = Ne(c.config, pe.list[c.config.app].getAll, void 0, {
       fetchedItemsKey: "data",
       searchKeys: ["prefix"]
     }), {
@@ -2573,176 +2589,176 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       loading: G,
       error: ee,
       loadItems: J,
-      results: b
-    } = Fe(s.config, f, void 0, {
+      results: y
+    } = Ne(c.config, f, void 0, {
       fetchedItemsKey: "data",
       searchKeys: ["key"],
       exactMatchKey: "key"
-    }), F = S(() => {
-      var P;
-      let g = !1;
-      const m = ((P = o.value) == null ? void 0 : P.map((H) => (H.prefix === w.value && (g = !0), { label: H.prefix, value: H.prefix, vault: H }))) ?? [];
-      return !g && h.value && m.push({
-        label: h.value.prefix,
-        value: h.value.prefix,
-        vault: h.value
-      }), m;
-    }), re = S(() => {
-      var P;
-      let g = !1;
-      const m = ((P = b.value) == null ? void 0 : P.map((H) => (H.key === _.value && (g = !0), { label: H.key, value: H.key }))) ?? [];
-      return !g && _.value && m.push({ label: _.value, value: _.value }), m;
-    }), ne = S(() => {
-      var g;
-      return ((g = h == null ? void 0 : h.value) == null ? void 0 : g.name) === "konnect";
-    }), le = S(() => !!h.value && !!_.value && !s.additionalDisabled), O = (g) => g.label ? `${g.label} - (${g.vault.name} - ${g.vault.id})` : g.value, ie = (g) => {
-      var P, H;
-      let m = `${s.config.apiBaseUrl}${pe.form[s.config.app].edit}`;
-      return s.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((P = s.config) == null ? void 0 : P.controlPlaneId) || "") : s.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (H = s.config) != null && H.workspace ? `/${s.config.workspace}` : "")), m.replace(/{id}/gi, g);
-    }, T = (g, m) => {
-      var P;
-      return s.config.app !== "konnect" ? "<not_applicable>" : `${s.config.apiBaseUrl}${be.form[s.config.app].edit}`.replace(/{controlPlaneId}/gi, ((P = s.config) == null ? void 0 : P.controlPlaneId) || "").replace(/{id}/gi, m).replace(/{secretId}/gi, g);
+    }), F = w(() => {
+      var K;
+      let _ = !1;
+      const g = ((K = o.value) == null ? void 0 : K.map((H) => (H.prefix === x.value && (_ = !0), { label: H.prefix, value: H.prefix, vault: H }))) ?? [];
+      return !_ && b.value && g.push({
+        label: b.value.prefix,
+        value: b.value.prefix,
+        vault: b.value
+      }), g;
+    }), re = w(() => {
+      var K;
+      let _ = !1;
+      const g = ((K = y.value) == null ? void 0 : K.map((H) => (H.key === m.value && (_ = !0), { label: H.key, value: H.key }))) ?? [];
+      return !_ && m.value && g.push({ label: m.value, value: m.value }), g;
+    }), ne = w(() => {
+      var _;
+      return ((_ = b == null ? void 0 : b.value) == null ? void 0 : _.name) === "konnect";
+    }), le = w(() => !!b.value && !!m.value && !c.additionalDisabled), O = (_) => _.label ? `${_.label} - (${_.vault.name} - ${_.vault.id})` : _.value, ie = (_) => {
+      var K, H;
+      let g = `${c.config.apiBaseUrl}${pe.form[c.config.app].edit}`;
+      return c.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((K = c.config) == null ? void 0 : K.controlPlaneId) || "") : c.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (H = c.config) != null && H.workspace ? `/${c.config.workspace}` : "")), g.replace(/{id}/gi, _);
+    }, U = (_, g) => {
+      var K;
+      return c.config.app !== "konnect" ? "<not_applicable>" : `${c.config.apiBaseUrl}${be.form[c.config.app].edit}`.replace(/{controlPlaneId}/gi, ((K = c.config) == null ? void 0 : K.controlPlaneId) || "").replace(/{id}/gi, g).replace(/{secretId}/gi, _);
     }, Z = () => {
-      p("proceed", dl({
-        vaultPrefix: w.value,
-        secretId: _.value || void 0,
+      p("proceed", ml({
+        vaultPrefix: x.value,
+        secretId: m.value || void 0,
         // Either a non-empty string or undefined
-        optionalSecretKey: u.value || void 0
+        optionalSecretKey: n.value || void 0
         // Either a non-empty string or undefined
       }));
     };
-    return ke(() => s.setup, async (g) => {
-      if (g !== !1) {
-        if (x.value = !0, w.value = "", h.value = void 0, _.value = "", u.value = "", typeof g == "string" && g.trim().length > 0)
+    return ke(() => c.setup, async (_) => {
+      if (_ !== !1) {
+        if (P.value = !0, x.value = "", b.value = void 0, m.value = "", n.value = "", typeof _ == "string" && _.trim().length > 0)
           try {
-            let m, P = "", H = "", se = "";
-            const q = cl(g), { data: E } = await a.get(ie(q.vaultPrefix));
-            if (E != null && E.name)
-              if (m = E, P = q.vaultPrefix, m.name === "konnect") {
+            let g, K = "", H = "", se = "";
+            const q = pl(_), { data: R } = await a.get(ie(q.vaultPrefix));
+            if (R != null && R.name)
+              if (g = R, K = q.vaultPrefix, g.name === "konnect") {
                 if (q.secretId) {
-                  const { data: fe } = await a.get(T(q.secretId, E.config.config_store_id));
+                  const { data: fe } = await a.get(U(q.secretId, R.config.config_store_id));
                   fe.key === q.secretId && (H = q.secretId, se = q.optionalSecretKey ?? "");
                 }
               } else
                 H = q.secretId ?? "", se = q.optionalSecretKey ?? "";
-            await et(() => {
-              w.value = P, h.value = m, _.value = H, u.value = se;
+            await lt(() => {
+              x.value = K, b.value = g, m.value = H, n.value = se;
             });
-          } catch (m) {
-            console.debug(m);
+          } catch (g) {
+            console.debug(g);
           }
-        x.value = !1, await N();
+        P.value = !1, await N();
       }
-    }, { immediate: !0 }), ke(w, async (g, m) => {
-      var P;
-      x.value || g === m || (h.value = (P = F.value.find((H) => H.value === g)) == null ? void 0 : P.vault, _.value = "", u.value = "");
+    }, { immediate: !0 }), ke(x, async (_, g) => {
+      var K;
+      P.value || _ === g || (b.value = (K = F.value.find((H) => H.value === _)) == null ? void 0 : K.vault, m.value = "", n.value = "");
     }), ke(f, async () => {
       ne.value && await J();
-    }, { immediate: !0 }), (g, m) => {
-      const P = B("KEmptyState"), H = B("KSelect"), se = B("KInput"), q = B("KModal");
-      return C(), j(q, {
+    }, { immediate: !0 }), (_, g) => {
+      const K = B("KEmptyState"), H = B("KSelect"), se = B("KInput"), q = B("KModal");
+      return V(), j(q, {
         "action-button-disabled": !le.value,
-        "action-button-text": l.proceedButtonText || e(c)("vault_secret_picker.actions.use_key"),
+        "action-button-text": l.proceedButtonText || e(d)("vault_secret_picker.actions.use_key"),
         class: "vault-secret-picker",
         "data-testid": "vault-secret-picker-modal",
-        title: l.title || e(c)("vault_secret_picker.title"),
-        visible: s.setup !== !1,
-        onCancel: m[4] || (m[4] = () => p("cancel")),
+        title: l.title || e(d)("vault_secret_picker.title"),
+        visible: c.setup !== !1,
+        onCancel: g[4] || (g[4] = () => p("cancel")),
         onProceed: Z
       }, {
         default: v(() => [
-          e(Y) || e(ee) ? (C(), j(P, {
+          e(Y) || e(ee) ? (V(), j(K, {
             key: 0,
             "data-testid": "vault-secret-picker-fetch-error",
             "icon-variant": "error",
             message: z.value
-          }, null, 8, ["message"])) : (C(), W("div", ul, [
-            tt(g.$slots, "form-prefix", {}, void 0, !0),
-            d(H, {
-              modelValue: w.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (E) => w.value = E),
+          }, null, 8, ["message"])) : (V(), W("div", vl, [
+            ot(_.$slots, "form-prefix", {}, void 0, !0),
+            u(H, {
+              modelValue: x.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (R) => x.value = R),
               clearable: "",
               "data-testid": "vault-secret-picker-vault-select",
-              disabled: x.value,
+              disabled: P.value,
               "enable-filtering": "",
               "filter-function": () => !0,
               items: F.value,
               "kpop-attributes": { "data-testid": "vault-secret-picker-vault-popover" },
-              label: e(c)("vault_secret_picker.vault.label"),
+              label: e(d)("vault_secret_picker.vault.label"),
               loading: e(Q),
-              placeholder: e(c)("vault_secret_picker.vault.placeholder"),
+              placeholder: e(d)("vault_secret_picker.vault.placeholder"),
               required: "",
               "reuse-item-template": "",
               width: "100%",
               onQueryChange: e(X)
             }, {
               loading: v(() => [
-                R("div", null, $(e(c)("actions.loading")), 1)
+                I("div", null, T(e(d)("actions.loading")), 1)
               ]),
               empty: v(() => [
-                R("div", fl, $(e(c)("vault_secret_picker.no_results")), 1)
+                I("div", gl, T(e(d)("vault_secret_picker.no_results")), 1)
               ]),
-              "selected-item-template": v(({ item: E }) => [
-                R("span", pl, $(O(E)), 1)
+              "selected-item-template": v(({ item: R }) => [
+                I("span", bl, T(O(R)), 1)
               ]),
-              "item-template": v(({ item: E }) => [
-                R("div", ml, [
-                  R("span", vl, $(E.label), 1),
-                  R("span", gl, $(E.vault.name), 1),
-                  R("span", bl, $(E.vault.id), 1)
+              "item-template": v(({ item: R }) => [
+                I("div", _l, [
+                  I("span", yl, T(R.label), 1),
+                  I("span", hl, T(R.vault.name), 1),
+                  I("span", Vl, T(R.vault.id), 1)
                 ])
               ]),
               _: 1
             }, 8, ["modelValue", "disabled", "items", "label", "loading", "placeholder", "onQueryChange"]),
-            ne.value ? (C(), j(H, {
+            ne.value ? (V(), j(H, {
               key: 0,
-              modelValue: _.value,
-              "onUpdate:modelValue": m[1] || (m[1] = (E) => _.value = E),
+              modelValue: m.value,
+              "onUpdate:modelValue": g[1] || (g[1] = (R) => m.value = R),
               clearable: "",
               "data-testid": "vault-secret-picker-secret-id-select",
-              disabled: x.value || !h.value,
+              disabled: P.value || !b.value,
               "enable-filtering": "",
               "filter-function": () => !0,
               items: re.value,
               "kpop-attributes": { "data-testid": "vault-secret-picker-secret-id-popover" },
-              label: e(c)("vault_secret_picker.secret_id.label"),
+              label: e(d)("vault_secret_picker.secret_id.label"),
               loading: e(G),
-              placeholder: e(c)("vault_secret_picker.secret_id.select_placeholder"),
+              placeholder: e(d)("vault_secret_picker.secret_id.select_placeholder"),
               required: "",
               "reuse-item-template": "",
               width: "100%",
               onQueryChange: e(ae)
             }, {
               loading: v(() => [
-                R("div", null, $(e(c)("actions.loading")), 1)
+                I("div", null, T(e(d)("actions.loading")), 1)
               ]),
               empty: v(() => [
-                R("div", _l, $(e(c)("vault_secret_picker.no_results")), 1)
+                I("div", kl, T(e(d)("vault_secret_picker.no_results")), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "disabled", "items", "label", "loading", "placeholder", "onQueryChange"])) : (C(), j(se, {
+            }, 8, ["modelValue", "disabled", "items", "label", "loading", "placeholder", "onQueryChange"])) : (V(), j(se, {
               key: 1,
-              modelValue: _.value,
-              "onUpdate:modelValue": m[2] || (m[2] = (E) => _.value = E),
+              modelValue: m.value,
+              "onUpdate:modelValue": g[2] || (g[2] = (R) => m.value = R),
               modelModifiers: { trim: !0 },
               autocomplete: "off",
               "data-testid": "vault-secret-picker-secret-id-input",
-              disabled: x.value || !h.value,
-              label: e(c)("vault_secret_picker.secret_id.label"),
-              placeholder: e(c)("vault_secret_picker.secret_id.input_placeholder"),
+              disabled: P.value || !b.value,
+              label: e(d)("vault_secret_picker.secret_id.label"),
+              placeholder: e(d)("vault_secret_picker.secret_id.input_placeholder"),
               required: "",
               type: "text"
             }, null, 8, ["modelValue", "disabled", "label", "placeholder"])),
-            d(se, {
-              modelValue: u.value,
-              "onUpdate:modelValue": m[3] || (m[3] = (E) => u.value = E),
+            u(se, {
+              modelValue: n.value,
+              "onUpdate:modelValue": g[3] || (g[3] = (R) => n.value = R),
               modelModifiers: { trim: !0 },
               autocomplete: "off",
               "data-testid": "vault-secret-picker-secret-key-input",
-              disabled: x.value || !h.value,
-              help: e(c)("vault_secret_picker.optional_secret_key.help"),
-              label: e(c)("vault_secret_picker.optional_secret_key.label"),
-              placeholder: e(c)("vault_secret_picker.optional_secret_key.placeholder"),
+              disabled: P.value || !b.value,
+              help: e(d)("vault_secret_picker.optional_secret_key.help"),
+              label: e(d)("vault_secret_picker.optional_secret_key.label"),
+              placeholder: e(d)("vault_secret_picker.optional_secret_key.placeholder"),
               type: "text"
             }, null, 8, ["modelValue", "disabled", "help", "label", "placeholder"])
           ]))
@@ -2751,17 +2767,17 @@ const $t = { class: "kong-ui-entities-vault-form" }, Kt = { class: "vault-form-p
       }, 8, ["action-button-disabled", "action-button-text", "title", "visible"]);
     };
   }
-}), Ul = /* @__PURE__ */ me(yl, [["__scopeId", "data-v-9ee12676"]]);
+}), Kl = /* @__PURE__ */ me(Cl, [["__scopeId", "data-v-9ee12676"]]);
 export {
-  El as SecretForm,
-  Rl as SecretList,
+  $l as SecretForm,
+  Tl as SecretList,
   M as VaultAuthMethods,
-  xl as VaultConfigCard,
-  Il as VaultForm,
-  Sl as VaultList,
+  Ul as VaultConfigCard,
+  Al as VaultForm,
+  El as VaultList,
   t as VaultProviders,
-  Ul as VaultSecretPicker,
-  Al as VaultSecretPickerProvider,
+  Kl as VaultSecretPicker,
+  Pl as VaultSecretPickerProvider,
   be as secretsEndpoints,
   pe as vaultsEndpoints
 };