@kong-ui-public/entities-vaults 4.11.1 → 4.11.2

package/dist/entities-vaults.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ye, computed as k, ref as D, watch as Ue, onBeforeMount as Ge, resolveComponent as Q, openBlock as v, createElementBlock as N, createVNode as u, unref as e, createSlots as Ze, withCtx as y, createTextVNode as ve, toDisplayString as O, createElementVNode as M, createBlock as H, Teleport as pt, createCommentVNode as j, reactive as Ee, resolveDynamicComponent as Be, TransitionGroup as mt, Fragment as tt, renderList as _t, mergeProps as at, normalizeClass as vt, nextTick as gt, renderSlot as yt } from "vue";
+import { defineComponent as ye, computed as k, ref as D, watch as Ue, onBeforeMount as Ge, resolveComponent as Y, openBlock as v, createElementBlock as N, createVNode as u, unref as e, createSlots as Ze, withCtx as y, createTextVNode as ve, toDisplayString as O, createElementVNode as G, createBlock as H, Teleport as pt, createCommentVNode as j, reactive as Ee, resolveDynamicComponent as Be, TransitionGroup as mt, Fragment as tt, renderList as _t, mergeProps as at, normalizeClass as vt, nextTick as gt, renderSlot as yt } from "vue";
 import { useRouter as je } from "vue-router";
 import { BookIcon as Le, AddIcon as Ke, SecurityIcon as bt, FolderIcon as ht, ConjourIcon as wt, AzureIcon as Je, HashicorpIcon as Vt, GoogleCloudIcon as kt, AwsIcon as Ct, CodeIcon as At, KongIcon as St } from "@kong/icons";
 import { useAxios as Ce, useTableState as Rt, useFetcher as lt, useDeleteUrlBuilder as ot, FetcherStatus as it, EntityBaseTable as rt, PermissionsWrapper as ke, TableTags as Et, EntityFilter as nt, EntityDeleteModal as st, EntityTypes as dt, useErrors as ut, EntityBaseFormType as ge, useGatewayFeatureSupported as xt, EntityBaseForm as ct, SupportedEntityType as qe, EntityFormSection as Oe, SensitiveInput as Te, useStringHelpers as It, useHelpers as Ut, ConfigurationSchemaType as Ht, ConfigurationSchemaSection as Qe, EntityBaseConfigCard as Tt, ConfigCardItem as Mt, useDebouncedFilter as Ye } from "@kong-ui-public/entities-shared";
@@ -718,7 +718,7 @@ const ft = {
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
   setup(l, { emit: b }) {
     var W;
-    const s = b, d = l, { i18n: { t: p } } = Ae.useI18n(), i = je(), K = k(() => d.config.apiType === "aiGateway"), G = k(() => K.value ? "aiGateway" : d.config.app), w = (h) => h.replace(/{aiGatewayId}/gi, d.config.aiGatewayId || ""), { axiosInstance: S } = Ce((W = d.config) == null ? void 0 : W.axiosRequestConfig), { hasRecords: I, handleStateChange: x } = Rt(() => J.value), g = k(() => I.value && d.config.app === "konnect"), n = k(() => d.config.app !== "kongManager" || !!d.config.disableSorting), U = {
+    const s = b, d = l, { i18n: { t: p } } = Ae.useI18n(), i = je(), K = k(() => d.config.apiType === "aiGateway"), $ = k(() => K.value ? "aiGateway" : d.config.app), w = (h) => h.replace(/{aiGatewayId}/gi, d.config.aiGatewayId || ""), { axiosInstance: S } = Ce((W = d.config) == null ? void 0 : W.axiosRequestConfig), { hasRecords: I, handleStateChange: x } = Rt(() => Q.value), g = k(() => I.value && d.config.app === "konnect"), n = k(() => d.config.app !== "kongManager" || !!d.config.disableSorting), U = {
       // 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
@@ -737,9 +737,9 @@ const ft = {
       return U;
     }), oe = k(() => {
       var E, F;
-      let h = `${d.config.apiBaseUrl}${fe.list[G.value].getAll}`;
+      let h = `${d.config.apiBaseUrl}${fe.list[$.value].getAll}`;
       return d.config.app === "konnect" && (h = h.replace(/{controlPlaneId}/gi, ((E = d.config) == null ? void 0 : E.controlPlaneId) || "")), w(h).replace(/\/{workspace}/gi, (F = d.config) != null && F.workspace ? `/${d.config.workspace}` : "");
-    }), J = D(""), ne = k(() => {
+    }), Q = D(""), ne = k(() => {
       if (d.config.app === "konnect" || d.config.isExactMatch)
         return {
           isExactMatch: !0,
@@ -753,14 +753,14 @@ const ft = {
       };
     }), {
       fetcher: pe,
-      fetcherState: $,
+      fetcherState: T,
       fetcherCacheKey: a
     } = lt(k(() => ({ ...d.config, cacheIdentifier: d.cacheIdentifier })), oe), se = K.value ? async (h) => {
       const E = await pe(h);
       return { ...E, data: (E.data ?? []).map(He) };
     } : pe, V = () => {
-      J.value = "";
-    }, Y = () => {
+      Q.value = "";
+    }, L = () => {
       a.value++;
     }, ie = D(null), me = async (h, E) => {
       const F = h.id;
@@ -790,7 +790,7 @@ const ft = {
         entity: h,
         message: p("copy.success_brief")
       });
-    }, L = async (h) => {
+    }, J = async (h) => {
       var F;
       await ((F = d.canRetrieve) == null ? void 0 : F.call(d, h)) && i.push(d.config.getViewRoute(h.id));
     }, be = (h) => ({
@@ -799,8 +799,8 @@ const ft = {
     }), q = (h) => ({
       label: p("actions.edit"),
       to: d.config.getEditRoute(h)
-    }), T = D(void 0), le = D(!1), X = D(!1), ee = D(""), we = ot(d.config, oe.value), Se = (h) => {
-      T.value = h, le.value = !0;
+    }), M = D(void 0), le = D(!1), X = D(!1), ee = D(""), we = ot(d.config, oe.value), Se = (h) => {
+      M.value = h, le.value = !0;
     }, C = () => {
       le.value = !1;
     }, A = async (h) => {
@@ -812,10 +812,10 @@ const ft = {
       }
     }, P = async () => {
       var h, E, F, de;
-      if ((h = T.value) != null && h.id) {
+      if ((h = M.value) != null && h.id) {
         X.value = !0;
         try {
-          await S.delete(we(T.value.id)), d.config.app === "konnect" && ((E = T.value.config) != null && E.config_store_id) && A(T.value.config.config_store_id), X.value = !1, le.value = !1, a.value++, s("delete:success", T.value);
+          await S.delete(we(M.value.id)), d.config.app === "konnect" && ((E = M.value.config) != null && E.config_store_id) && A(M.value.config.config_store_id), X.value = !1, le.value = !1, a.value++, s("delete:success", M.value);
         } catch (c) {
           ee.value = ((de = (F = c.response) == null ? void 0 : F.data) == null ? void 0 : de.message) || c.message || p("errors.delete"), s("error", c);
         } finally {
@@ -825,7 +825,7 @@ const ft = {
     }, z = () => {
       i.push(d.config.createRoute);
     };
-    Ue($, (h) => {
+    Ue(T, (h) => {
       var E, F, de;
       if (h.status === it.Error) {
         ie.value = {
@@ -844,7 +844,7 @@ const ft = {
     return Ge(async () => {
       Z.value = await d.canCreate(), Z.value && (te.value.title = p("vaults.list.empty_state.title"), te.value.ctaText = p("actions.create"));
     }), (h, E) => {
-      const F = Q("KButton"), de = Q("KEmptyState"), c = Q("KDropdownItem"), o = Q("KClipboardProvider");
+      const F = Y("KButton"), de = Y("KEmptyState"), c = Y("KDropdownItem"), o = Y("KClipboardProvider");
       return v(), N("div", ea, [
         u(e(rt), {
           "cache-identifier": l.cacheIdentifier,
@@ -856,17 +856,17 @@ const ft = {
           "fetcher-cache-key": e(a),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-vaults-list",
-          query: J.value,
+          query: Q.value,
           "table-headers": f.value,
           onClearSearchInput: V,
-          "onClick:row": E[3] || (E[3] = (R) => L(R)),
-          onSort: Y,
+          "onClick:row": E[3] || (E[3] = (R) => J(R)),
+          onSort: L,
           onState: e(x)
         }, Ze({
           "toolbar-filter": y(() => [
             u(e(nt), {
-              modelValue: J.value,
-              "onUpdate:modelValue": E[0] || (E[0] = (R) => J.value = R),
+              modelValue: Q.value,
+              "onUpdate:modelValue": E[0] || (E[0] = (R) => Q.value = R),
               config: ne.value
             }, null, 8, ["modelValue", "config"])
           ]),
@@ -875,7 +875,7 @@ const ft = {
               disabled: !l.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              M("div", ta, [
+              G("div", ta, [
                 g.value ? (v(), H(F, {
                   key: 0,
                   appearance: "secondary",
@@ -912,15 +912,15 @@ const ft = {
             ], 8, ["disabled"]))
           ]),
           prefix: y(({ rowValue: R }) => [
-            M("div", aa, [
-              M("b", null, O(R ?? "-"), 1)
+            G("div", aa, [
+              G("b", null, O(R ?? "-"), 1)
             ])
           ]),
           name: y(({ rowValue: R }) => [
-            M("b", null, O(R ?? "-"), 1)
+            G("b", null, O(R ?? "-"), 1)
           ]),
           description: y(({ rowValue: R }) => [
-            M("div", la, O(R ?? "-"), 1)
+            G("div", la, O(R ?? "-"), 1)
           ]),
           tags: y(({ rowValue: R }) => [
             u(e(Et), { tags: R }, null, 8, ["tags"])
@@ -998,7 +998,7 @@ const ft = {
           ]),
           _: 2
         }, [
-          !J.value && l.config.app === "konnect" ? {
+          !Q.value && l.config.app === "konnect" ? {
             name: "empty-state",
             fn: y(() => {
               var R;
@@ -1054,7 +1054,7 @@ const ft = {
         u(e(st), {
           "action-pending": X.value,
           description: e(p)("delete.description"),
-          "entity-name": T.value && (T.value.prefix || T.value.id),
+          "entity-name": M.value && (M.value.prefix || M.value.id),
           "entity-type": e(dt).Vault,
           error: ee.value,
           title: e(p)("delete.title"),
@@ -1122,7 +1122,7 @@ const ft = {
   emits: ["update", "error", "loading"],
   setup(l, { emit: b }) {
     var de;
-    const s = l, d = b, { i18nT: p, i18n: { t: i } } = Ae.useI18n(), K = je(), { axiosInstance: G } = Ce((de = s.config) == null ? void 0 : de.axiosRequestConfig), { getMessageFromError: w } = ut(), S = k(() => s.config.apiType === "aiGateway"), I = k(() => S.value ? "aiGateway" : s.config.app), x = (c) => c.replace(/{aiGatewayId}/gi, s.config.aiGatewayId || ""), g = S.value ? "https" : "http", n = Ee({
+    const s = l, d = b, { i18nT: p, i18n: { t: i } } = Ae.useI18n(), K = je(), { axiosInstance: $ } = Ce((de = s.config) == null ? void 0 : de.axiosRequestConfig), { getMessageFromError: w } = ut(), S = k(() => s.config.apiType === "aiGateway"), I = k(() => S.value ? "aiGateway" : s.config.app), x = (c) => c.replace(/{aiGatewayId}/gi, s.config.aiGatewayId || ""), g = S.value ? "https" : "http", n = Ee({
       fields: {
         prefix: "",
         description: "",
@@ -1134,7 +1134,7 @@ const ft = {
       prefix: "",
       description: "",
       tags: ""
-    }), f = D(s.config.app === "konnect" ? t.KONNECT : t.ENV), oe = D(null), J = D(), ne = k(() => [t.AWS, t.GCP, t.HCV, t.AZURE, t.CONJUR, t.FS, t.AZURE_CERTS].includes(f.value)), pe = k(() => S.value ? [
+    }), f = D(s.config.app === "konnect" ? t.KONNECT : t.ENV), oe = D(null), Q = D(), ne = k(() => [t.AWS, t.GCP, t.HCV, t.AZURE, t.CONJUR, t.FS, t.AZURE_CERTS].includes(f.value)), pe = k(() => S.value ? [
       { label: i("form.config.konnect.label"), value: t.KONNECT },
       { label: i("form.config.env.label"), value: t.ENV },
       { label: i("form.config.aws.label"), value: t.AWS },
@@ -1154,54 +1154,54 @@ const ft = {
       {
         label: i("form.config.aws.label"),
         value: t.AWS,
-        disabled: !T.value
+        disabled: !M.value
       },
       {
         label: i("form.config.gcp.label"),
         value: t.GCP,
-        disabled: !T.value
+        disabled: !M.value
       },
       {
         label: i("form.config.hcv.label"),
         value: t.HCV,
-        disabled: !T.value
+        disabled: !M.value
       },
       ...s.config.azureVaultProviderAvailable ? [{
         label: i("form.config.azure.label"),
         value: t.AZURE,
-        disabled: !T.value
+        disabled: !M.value
       }] : [],
       ...s.config.conjurVaultProviderAvailable ? [{
         label: i("form.config.conjur.label"),
         value: t.CONJUR,
-        disabled: !T.value
+        disabled: !M.value
       }] : [],
       ...s.config.fsVaultProviderAvailable ? [{
         label: i("form.config.fs.label"),
         value: t.FS,
-        disabled: !T.value
+        disabled: !M.value
       }] : [],
       ...s.config.azureCertsVaultProviderAvailable ? [{
         label: i("form.config.azure-certs.label"),
         value: t.AZURE_CERTS,
-        disabled: !T.value
+        disabled: !M.value
       }] : []
-    ]), $ = s.config.base64FieldAvailable ? { base64_decode: !1 } : {}, a = Ee({
+    ]), T = s.config.base64FieldAvailable ? { base64_decode: !1 } : {}, a = Ee({
       [t.KONNECT]: {},
       [t.ENV]: {
         prefix: "",
-        ...$
+        ...T
       },
       [t.AWS]: {
         region: "",
         endpoint_url: "",
         assume_role_arn: "",
         role_session_name: "KongVault",
-        ...$
+        ...T
       },
       [t.GCP]: {
         project_id: "",
-        ...$
+        ...T
       },
       [t.HCV]: {
         protocol: g,
@@ -1244,7 +1244,7 @@ const ft = {
         jwt_role: "",
         oauth2_token_endpoint: "",
         oauth2_audiences: "",
-        ...$
+        ...T
       },
       [t.AZURE]: {
         location: "",
@@ -1253,7 +1253,7 @@ const ft = {
         credentials_prefix: "AZURE",
         client_id: "",
         tenant_id: "",
-        ...$
+        ...T
       },
       [t.AZURE_CERTS]: {
         vault_uri: "",
@@ -1265,28 +1265,28 @@ const ft = {
       [t.CONJUR]: {
         endpoint_url: "",
         auth_method: "api_key",
-        ...$
+        ...T
       },
       [t.FS]: {
         prefix: "",
-        ...$
+        ...T
       }
     }), se = Ee({
       [t.KONNECT]: {},
       [t.ENV]: {
         prefix: "",
-        ...$
+        ...T
       },
       [t.AWS]: {
         region: "",
         endpoint_url: "",
         assume_role_arn: "",
         role_session_name: "KongVault",
-        ...$
+        ...T
       },
       [t.GCP]: {
         project_id: "",
-        ...$
+        ...T
       },
       [t.HCV]: {
         protocol: g,
@@ -1329,7 +1329,7 @@ const ft = {
         jwt_role: "",
         oauth2_token_endpoint: "",
         oauth2_audiences: "",
-        ...$
+        ...T
       },
       [t.AZURE]: {
         location: "",
@@ -1338,7 +1338,7 @@ const ft = {
         credentials_prefix: "AZURE",
         client_id: "",
         tenant_id: "",
-        ...$
+        ...T
       },
       [t.AZURE_CERTS]: {
         vault_uri: "",
@@ -1350,11 +1350,11 @@ const ft = {
       [t.CONJUR]: {
         endpoint_url: "",
         auth_method: "api_key",
-        ...$
+        ...T
       },
       [t.FS]: {
         prefix: "",
-        ...$
+        ...T
       }
     }), V = [
       { label: `${i("form.config.aws.fields.region.locations.us-east-1.location")} (us-east-1)`, value: "us-east-1" },
@@ -1381,10 +1381,10 @@ const ft = {
       { label: `${i("form.config.aws.fields.region.locations.sa-east-1.location")} (sa-east-1)`, value: "sa-east-1" },
       { label: `${i("form.config.aws.fields.region.locations.us-gov-east-1.location")} (us-gov-east-1)`, value: "us-gov-east-1" },
       { label: `${i("form.config.aws.fields.region.locations.us-gov-west-1.location")} (us-gov-west-1)`, value: "us-gov-west-1" }
-    ], Y = [{ label: "secrets", value: "secrets" }], ie = [{ label: "http", value: "http" }, { label: "https", value: "https" }], me = [{ label: "v1", value: "v1" }, { label: "v2", value: "v2" }], re = k(() => s.vaultId ? ge.Edit : ge.Create), L = k(() => re.value === ge.Edit ? "edit" : "create"), be = k(() => {
+    ], L = [{ label: "secrets", value: "secrets" }], ie = [{ label: "http", value: "http" }, { label: "https", value: "https" }], me = [{ label: "v1", value: "v1" }, { label: "v2", value: "v2" }], re = k(() => s.vaultId ? ge.Edit : ge.Create), J = k(() => re.value === ge.Edit ? "edit" : "create"), be = k(() => {
       var c;
       return x((c = fe.form[I.value]) == null ? void 0 : c.edit);
-    }), q = k(() => re.value === ge.Edit && (s.config.app === "kongManager" || S.value)), T = k(() => s.config.app === "konnect" || xt({
+    }), q = k(() => re.value === ge.Edit && (s.config.app === "kongManager" || S.value)), M = k(() => s.config.app === "konnect" || xt({
       gatewayInfo: s.config.gatewayInfo,
       // vault name can only be `env` in Gateway Community Edition
       supportedRange: {
@@ -1446,7 +1446,7 @@ const ft = {
       const R = ((_e = o == null ? void 0 : o.item) == null ? void 0 : _e.tags) || (o == null ? void 0 : o.tags) || [];
       n.fields.tags = (R == null ? void 0 : R.join(", ")) || "", Object.assign(U, n.fields);
       const B = ((Ve = o == null ? void 0 : o.item) == null ? void 0 : Ve.config) || (o == null ? void 0 : o.config) || null;
-      B && (Object.keys(B).length || (o == null ? void 0 : o.name) === t.KONNECT) ? (f.value = ((r = o == null ? void 0 : o.item) == null ? void 0 : r.name) || (o == null ? void 0 : o.name) || "", oe.value = f.value, J.value = ((xe = o == null ? void 0 : o.config) == null ? void 0 : xe.config_store_id) || void 0, Object.assign(a[f.value], B), Object.assign(se[f.value], B)) : n.errorMessage = "Error loading vault config";
+      B && (Object.keys(B).length || (o == null ? void 0 : o.name) === t.KONNECT) ? (f.value = ((r = o == null ? void 0 : o.item) == null ? void 0 : r.name) || (o == null ? void 0 : o.name) || "", oe.value = f.value, Q.value = ((xe = o == null ? void 0 : o.config) == null ? void 0 : xe.config_store_id) || void 0, Object.assign(a[f.value], B), Object.assign(se[f.value], B)) : n.errorMessage = "Error loading vault config";
     }, A = (c) => c === "" || c == null, P = k(() => f.value === t.HCV ? !Object.keys(a[t.HCV]).filter((c) => [
       "namespace",
       "ttl",
@@ -1583,13 +1583,13 @@ const ft = {
       ...W.value,
       config: {
         ...W.value.config,
-        config_store_id: J.value
+        config_store_id: Q.value
       }
     })), E = async () => {
       var c, o;
       try {
         n.isReadonly = !0;
-        const R = x(`${s.config.apiBaseUrl}${fe.form[S.value ? "aiGateway" : "konnect"].createConfigStore}`).replace(/{controlPlaneId}/gi, ((c = s.config) == null ? void 0 : c.controlPlaneId) || "").replace(/\/{workspace}/gi, (o = s.config) != null && o.workspace ? `/${s.config.workspace}` : ""), B = S.value ? { name: n.fields.prefix } : void 0, m = await G.post(R, B);
+        const R = x(`${s.config.apiBaseUrl}${fe.form[S.value ? "aiGateway" : "konnect"].createConfigStore}`).replace(/{controlPlaneId}/gi, ((c = s.config) == null ? void 0 : c.controlPlaneId) || "").replace(/\/{workspace}/gi, (o = s.config) != null && o.workspace ? `/${s.config.workspace}` : ""), B = S.value ? { name: n.fields.prefix } : void 0, m = await $.post(R, B);
         return m == null ? void 0 : m.data.id;
       } catch (R) {
         n.errorMessage = w(R), d("error", R);
@@ -1601,7 +1601,7 @@ const ft = {
       try {
         n.isReadonly = !0;
         let o;
-        re.value === "create" ? f.value === t.KONNECT ? (J.value = await E(), o = await G.post(Z.value, h.value)) : o = await G.post(Z.value, W.value) : re.value === "edit" && (f.value === t.KONNECT && !J.value ? (J.value = await E(), o = await G.put(Z.value, h.value)) : o = ((c = s.config) == null ? void 0 : c.app) === "konnect" ? await G.put(Z.value, h.value) : await G.patch(Z.value, W.value)), C(o == null ? void 0 : o.data), d("update", o == null ? void 0 : o.data);
+        re.value === "create" ? f.value === t.KONNECT ? (Q.value = await E(), o = await $.post(Z.value, h.value)) : o = await $.post(Z.value, W.value) : re.value === "edit" && (f.value === t.KONNECT && !Q.value ? (Q.value = await E(), o = await $.put(Z.value, h.value)) : o = ((c = s.config) == null ? void 0 : c.app) === "konnect" ? await $.put(Z.value, h.value) : await $.patch(Z.value, W.value)), C(o == null ? void 0 : o.data), d("update", o == null ? void 0 : o.data);
       } catch (o) {
         n.errorMessage = w(o), d("error", o);
       } finally {
@@ -1609,7 +1609,7 @@ const ft = {
       }
     };
     return (c, o) => {
-      const R = Q("KTooltip"), B = Q("KSelect"), m = Q("KInput"), ae = Q("KCheckbox"), _e = Q("KTextArea"), Ve = Q("KCollapse");
+      const R = Y("KTooltip"), B = Y("KSelect"), m = Y("KInput"), ae = Y("KCheckbox"), _e = Y("KTextArea"), Ve = Y("KCollapse");
       return v(), N("div", ia, [
         u(e(ct), {
           "can-submit": z.value && te.value,
@@ -1633,7 +1633,7 @@ const ft = {
               title: e(i)("form.sections.config.title")
             }, {
               default: y(() => [
-                M("div", ra, [
+                G("div", ra, [
                   u(B, {
                     modelValue: f.value,
                     "onUpdate:modelValue": o[0] || (o[0] = (r) => f.value = r),
@@ -1645,7 +1645,7 @@ const ft = {
                   }, {
                     "selected-item-template": y(({ item: r }) => [
                       (v(), H(Be(we(r.value)))),
-                      M("span", null, O(r == null ? void 0 : r.label), 1)
+                      G("span", null, O(r == null ? void 0 : r.label), 1)
                     ]),
                     "item-template": y(({ item: r }) => [
                       u(R, {
@@ -1653,14 +1653,14 @@ const ft = {
                         text: r.disabled ? e(i)("form.unavailable") : ""
                       }, {
                         default: y(() => [
-                          M("div", {
+                          G("div", {
                             class: "provider-item",
                             "data-testid": `vault-form-provider-${r.value}`
                           }, [
                             (v(), H(Be(we(r.value)))),
-                            M("div", sa, [
-                              M("span", da, O(r == null ? void 0 : r.label), 1),
-                              M("span", ua, O(Se(r.value)), 1)
+                            G("div", sa, [
+                              G("span", da, O(r == null ? void 0 : r.label), 1),
+                              G("span", ua, O(Se(r.value)), 1)
                             ])
                           ], 8, na)
                         ]),
@@ -1811,7 +1811,7 @@ const ft = {
                             scope: "global"
                           }, {
                             "italic-text": y(() => [
-                              M("em", null, O(e(i)("form.config.gcp.fields.project_id.tooltip.italicText")), 1)
+                              G("em", null, O(e(i)("form.config.gcp.fields.project_id.tooltip.italicText")), 1)
                             ]),
                             _: 1
                           })
@@ -1936,9 +1936,9 @@ const ft = {
                           "onUpdate:modelValue": o[20] || (o[20] = (r) => a[e(t).HCV].token = r),
                           "data-testid": "vault-form-config-hcv-token",
                           label: e(i)("form.config.hcv.fields.token.label"),
-                          mode: L.value,
+                          mode: J.value,
                           readonly: n.isReadonly,
-                          required: L.value === "create"
+                          required: J.value === "create"
                         }, null, 8, ["modelValue", "label", "mode", "readonly", "required"])) : (v(), H(m, {
                           key: 0,
                           modelValue: a[e(t).HCV].token,
@@ -2035,7 +2035,7 @@ const ft = {
                           "onUpdate:modelValue": o[29] || (o[29] = (r) => a[e(t).HCV].aws_secret_access_key = r),
                           "data-testid": "vault-form-config-hcv-aws_secret_access_key",
                           label: e(i)("form.config.hcv.fields.aws_secret_access_key.label"),
-                          mode: L.value,
+                          mode: J.value,
                           readonly: n.isReadonly
                         }, null, 8, ["modelValue", "label", "mode", "readonly"])) : (v(), H(m, {
                           key: 0,
@@ -2297,9 +2297,9 @@ const ft = {
                           "onUpdate:modelValue": o[54] || (o[54] = (r) => a[e(t).HCV].oauth2_client_secret = r),
                           "data-testid": "vault-form-config-hcv-oauth2_client_secret",
                           label: e(i)("form.config.hcv.fields.oauth2_client_secret.label"),
-                          mode: L.value,
+                          mode: J.value,
                           readonly: n.isReadonly,
-                          required: L.value === "create"
+                          required: J.value === "create"
                         }, null, 8, ["modelValue", "label", "mode", "readonly", "required"])) : (v(), H(m, {
                           key: 0,
                           modelValue: a[e(t).HCV].oauth2_client_secret,
@@ -2405,7 +2405,7 @@ const ft = {
                         modelValue: a[e(t).AZURE].type,
                         "onUpdate:modelValue": o[62] || (o[62] = (r) => a[e(t).AZURE].type = r),
                         "data-testid": "vault-form-config-azure-type",
-                        items: Y,
+                        items: L,
                         label: e(i)("form.config.azure.fields.type.label"),
                         placeholder: e(i)("form.config.azure.fields.type.placeholder"),
                         readonly: n.isReadonly,
@@ -2551,9 +2551,9 @@ const ft = {
                           info: e(i)("form.config.conjur.fields.api_key.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
-                        mode: L.value,
+                        mode: J.value,
                         readonly: n.isReadonly,
-                        required: L.value === "create"
+                        required: J.value === "create"
                       }, null, 8, ["modelValue", "label", "label-attributes", "mode", "readonly", "required"])) : (v(), H(m, {
                         key: 0,
                         modelValue: a[e(t).CONJUR].api_key,
@@ -2625,8 +2625,8 @@ const ft = {
                         "trigger-label": e(i)("form.config.advancedFields.title")
                       }, {
                         default: y(() => [
-                          M("div", ka, [
-                            M("div", Ca, [
+                          G("div", ka, [
+                            G("div", Ca, [
                               u(m, {
                                 modelValue: a[f.value].ttl,
                                 "onUpdate:modelValue": o[78] || (o[78] = (r) => a[f.value].ttl = r),
@@ -2639,7 +2639,7 @@ const ft = {
                                 type: "number"
                               }, null, 8, ["modelValue", "label", "label-attributes"])
                             ]),
-                            M("div", Aa, [
+                            G("div", Aa, [
                               u(m, {
                                 modelValue: a[f.value].neg_ttl,
                                 "onUpdate:modelValue": o[79] || (o[79] = (r) => a[f.value].neg_ttl = r),
@@ -2653,8 +2653,8 @@ const ft = {
                               }, null, 8, ["modelValue", "label", "label-attributes"])
                             ])
                           ]),
-                          M("div", Sa, [
-                            M("div", Ra, [
+                          G("div", Sa, [
+                            G("div", Ra, [
                               u(m, {
                                 modelValue: a[f.value].resurrect_ttl,
                                 "onUpdate:modelValue": o[80] || (o[80] = (r) => a[f.value].resurrect_ttl = r),
@@ -2764,7 +2764,7 @@ const ft = {
       var n, U, f;
       const g = d.value ? (n = fe.form.aiGateway) == null ? void 0 : n.edit : (f = fe.form[(U = b.config) == null ? void 0 : U.app]) == null ? void 0 : f.edit;
       return g == null ? void 0 : g.replace(/{aiGatewayId}/gi, b.config.aiGatewayId || "");
-    }), i = (g) => d.value ? He(g) : g, { i18n: { t: K } } = Ae.useI18n(), { convertKeyToTitle: G } = It(), { getPropValue: w } = Ut(), S = k(() => ({
+    }), i = (g) => d.value ? He(g) : g, { i18n: { t: K } } = Ae.useI18n(), { convertKeyToTitle: $ } = It(), { getPropValue: w } = Ut(), S = k(() => ({
       id: {},
       name: {
         label: K(d.value ? "labels.vault_type_ai_gateway" : "labels.vault_type")
@@ -2803,7 +2803,7 @@ const ft = {
       return U;
     }, x = (g) => {
       var n, U;
-      return ((U = (n = S.value) == null ? void 0 : n[g]) == null ? void 0 : U.label) || G(g);
+      return ((U = (n = S.value) == null ? void 0 : n[g]) == null ? void 0 : U.label) || $(g);
     };
     return (g, n) => (v(), N("div", xa, [
       u(e(Tt), {
@@ -2902,8 +2902,8 @@ const ft = {
     }, S = (q) => ({
       "data-testid": q.key
     }), I = k(() => d.config.apiType === "aiGateway" ? ce.list.aiGateway : ce.list[d.config.app]), x = k(() => {
-      var q, T;
-      return `${d.config.apiBaseUrl}${I.value}`.replace(/{aiGatewayId}/gi, d.config.aiGatewayId || "").replace(/{controlPlaneId}/gi, ((q = d.config) == null ? void 0 : q.controlPlaneId) || "").replace(/\/{workspace}/gi, (T = d.config) != null && T.workspace ? `/${d.config.workspace}` : "").replace(/{id}/gi, d.configStoreId || "");
+      var q, M;
+      return `${d.config.apiBaseUrl}${I.value}`.replace(/{aiGatewayId}/gi, d.config.aiGatewayId || "").replace(/{controlPlaneId}/gi, ((q = d.config) == null ? void 0 : q.controlPlaneId) || "").replace(/\/{workspace}/gi, (M = d.config) != null && M.workspace ? `/${d.config.workspace}` : "").replace(/{id}/gi, d.configStoreId || "");
     }), g = D(""), n = {
       isExactMatch: !0,
       placeholder: p("search.placeholder_for_secrets.konnect")
@@ -2911,53 +2911,53 @@ const ft = {
       fetcher: U,
       fetcherState: f,
       fetcherCacheKey: oe
-    } = lt(k(() => ({ ...d.config, cacheIdentifier: d.cacheIdentifier })), x), J = () => {
+    } = lt(k(() => ({ ...d.config, cacheIdentifier: d.cacheIdentifier })), x), Q = () => {
       g.value = "";
     }, ne = D(null), pe = (q) => ({
       label: p("actions.edit"),
       to: d.config.getEditRoute(q)
-    }), $ = D(void 0), a = D(!1), se = D(!1), V = D(""), Y = ot(d.config, x.value), ie = (q) => {
-      $.value = q, a.value = !0;
+    }), T = D(void 0), a = D(!1), se = D(!1), V = D(""), L = ot(d.config, x.value), ie = (q) => {
+      T.value = q, a.value = !0;
     }, me = () => {
       a.value = !1;
     }, re = async () => {
-      var q, T, le;
-      if ((q = $.value) != null && q.key) {
+      var q, M, le;
+      if ((q = T.value) != null && q.key) {
         se.value = !0;
         try {
-          await K.delete(Y($.value.key)), se.value = !1, a.value = !1, oe.value++, s("delete:success", $.value);
+          await K.delete(L(T.value.key)), se.value = !1, a.value = !1, oe.value++, s("delete:success", T.value);
         } catch (X) {
-          V.value = ((le = (T = X.response) == null ? void 0 : T.data) == null ? void 0 : le.message) || X.message || p("errors.delete"), s("error", X);
+          V.value = ((le = (M = X.response) == null ? void 0 : M.data) == null ? void 0 : le.message) || X.message || p("errors.delete"), s("error", X);
         } finally {
           se.value = !1;
         }
       }
     };
     Ue(f, (q) => {
-      var T, le, X;
+      var M, le, X;
       if (q.status === it.Error) {
         ne.value = {
           title: p("errors.general")
-        }, (X = (le = (T = q.error) == null ? void 0 : T.response) == null ? void 0 : le.data) != null && X.message && (ne.value.message = q.error.response.data.message), s("error", q.error);
+        }, (X = (le = (M = q.error) == null ? void 0 : M.response) == null ? void 0 : le.data) != null && X.message && (ne.value.message = q.error.response.data.message), s("error", q.error);
         return;
       }
       ne.value = null;
     });
-    const L = D({
+    const J = D({
       ctaPath: d.config.createRoute,
       ctaText: void 0,
       message: `${p("secrets.list.empty_state.description")}${d.config.additionMessageForEmptyState ? ` ${d.config.additionMessageForEmptyState}` : ""}`,
       title: p("secrets.title")
     });
     return Ge(async () => {
-      await d.canCreate() && (L.value.title = p("secrets.list.empty_state.title"), L.value.ctaText = p("secrets.list.toolbar_actions.new_secret"));
-    }), (q, T) => {
-      const le = Q("KButton"), X = Q("KDropdownItem");
+      await d.canCreate() && (J.value.title = p("secrets.list.empty_state.title"), J.value.ctaText = p("secrets.list.toolbar_actions.new_secret"));
+    }), (q, M) => {
+      const le = Y("KButton"), X = Y("KDropdownItem");
       return v(), N(tt, null, [
         u(e(rt), {
           "cache-identifier": l.cacheIdentifier,
           "disable-sorting": "",
-          "empty-state-options": L.value,
+          "empty-state-options": J.value,
           "enable-entity-actions": "",
           "error-message": ne.value,
           fetcher: e(U),
@@ -2967,12 +2967,12 @@ const ft = {
           query: g.value,
           "row-attributes": S,
           "table-headers": e(w),
-          onClearSearchInput: J
+          onClearSearchInput: Q
         }, {
           "toolbar-filter": y(() => [
             u(e(nt), {
               modelValue: g.value,
-              "onUpdate:modelValue": T[0] || (T[0] = (ee) => g.value = ee),
+              "onUpdate:modelValue": M[0] || (M[0] = (ee) => g.value = ee),
               config: n
             }, null, 8, ["modelValue"])
           ]),
@@ -2998,12 +2998,12 @@ const ft = {
             }, 8, ["auth-function"])
           ]),
           key: y(({ rowValue: ee }) => [
-            M("div", Ua, [
-              M("b", null, O(ee ?? "-"), 1)
+            G("div", Ua, [
+              G("b", null, O(ee ?? "-"), 1)
             ])
           ]),
           updated_at: y(({ rowValue: ee }) => [
-            M("span", null, O(ee ? e(i)(new Date(ee).getTime() / 1e3) : "-"), 1)
+            G("span", null, O(ee ? e(i)(new Date(ee).getTime() / 1e3) : "-"), 1)
           ]),
           actions: y(({ row: ee }) => [
             u(e(ke), {
@@ -3041,7 +3041,7 @@ const ft = {
         u(e(st), {
           "action-pending": se.value,
           description: e(p)("delete.description"),
-          "entity-name": $.value && $.value.key,
+          "entity-name": T.value && T.value.key,
           "entity-type": e(dt).Secret,
           error: V.value,
           title: e(p)("delete.title_for_secret"),
@@ -3097,7 +3097,7 @@ const ft = {
       s("error", x);
     }, i = (x) => {
       s("delete:success", x);
-    }, { axiosInstance: K } = Ce((I = d.config) == null ? void 0 : I.axiosRequestConfig), G = D(""), w = k(() => d.config.apiType === "aiGateway" ? ce.getVault.aiGateway : ce.getVault[d.config.app]), S = k(() => {
+    }, { axiosInstance: K } = Ce((I = d.config) == null ? void 0 : I.axiosRequestConfig), $ = D(""), w = k(() => d.config.apiType === "aiGateway" ? ce.getVault.aiGateway : ce.getVault[d.config.app]), S = k(() => {
       var x, g;
       return `${d.config.apiBaseUrl}${w.value}`.replace(/{aiGatewayId}/gi, d.config.aiGatewayId || "").replace(/{controlPlaneId}/gi, ((x = d.config) == null ? void 0 : x.controlPlaneId) || "").replace(/\/{workspace}/gi, (g = d.config) != null && g.workspace ? `/${d.config.workspace}` : "").replace(/{id}/gi, d.vaultId);
     });
@@ -3105,13 +3105,13 @@ const ft = {
       var x;
       try {
         const { data: g } = await K.get(S.value);
-        G.value = (x = g == null ? void 0 : g.config) == null ? void 0 : x.config_store_id;
+        $.value = (x = g == null ? void 0 : g.config) == null ? void 0 : x.config_store_id;
       } catch (g) {
         s("error", g);
       }
     }), (x, g) => (v(), N("div", Ma, [
-      G.value ? (v(), H(Ta, at({ key: 0 }, d, {
-        "config-store-id": G.value,
+      $.value ? (v(), H(Ta, at({ key: 0 }, d, {
+        "config-store-id": $.value,
         "onDelete:success": i,
         onError: p
       }), null, 16, ["config-store-id"])) : j("", !0)
@@ -3142,7 +3142,7 @@ const ft = {
   emits: ["update", "error", "loading"],
   setup(l, { emit: b }) {
     var se;
-    const s = l, d = b, { i18n: { t: p } } = Ae.useI18n(), i = je(), { axiosInstance: K } = Ce((se = s.config) == null ? void 0 : se.axiosRequestConfig), { getMessageFromError: G } = ut(), w = Ee({
+    const s = l, d = b, { i18n: { t: p } } = Ae.useI18n(), i = je(), { axiosInstance: K } = Ce((se = s.config) == null ? void 0 : se.axiosRequestConfig), { getMessageFromError: $ } = ut(), w = Ee({
       fields: {
         key: "",
         value: ""
@@ -3165,27 +3165,33 @@ const ft = {
     }, U = (V) => {
       d("error", V);
     }, f = (V) => {
-      var Y, ie;
-      w.fields.key = ((Y = V == null ? void 0 : V.item) == null ? void 0 : Y.key) || (V == null ? void 0 : V.key) || "", w.fields.value = ((ie = V == null ? void 0 : V.item) == null ? void 0 : ie.value) || (V == null ? void 0 : V.value) || "", Object.assign(S, w.fields);
-    }, oe = k(() => s.secretId ? ge.Edit : ge.Create), J = k(() => {
-      var V, Y;
-      return `${s.config.apiBaseUrl}${I.value[oe.value]}`.replace(/{aiGatewayId}/gi, s.config.aiGatewayId || "").replace(/{controlPlaneId}/gi, ((V = s.config) == null ? void 0 : V.controlPlaneId) || "").replace(/\/{workspace}/gi, (Y = s.config) != null && Y.workspace ? `/${s.config.workspace}` : "").replace(/{id}/gi, s.configStoreId).replace(/{secretId}/gi, s.secretId);
-    }), ne = k(() => !!w.fields.key && !!w.fields.value), pe = k(() => JSON.stringify(w.fields) !== JSON.stringify(S)), $ = k(() => ({
+      var L, ie;
+      w.fields.key = ((L = V == null ? void 0 : V.item) == null ? void 0 : L.key) || (V == null ? void 0 : V.key) || "", w.fields.value = ((ie = V == null ? void 0 : V.item) == null ? void 0 : ie.value) || (V == null ? void 0 : V.value) || "", Object.assign(S, w.fields);
+    }, oe = k(() => s.secretId ? ge.Edit : ge.Create), Q = k(() => {
+      var V, L;
+      return `${s.config.apiBaseUrl}${I.value[oe.value]}`.replace(/{aiGatewayId}/gi, s.config.aiGatewayId || "").replace(/{controlPlaneId}/gi, ((V = s.config) == null ? void 0 : V.controlPlaneId) || "").replace(/\/{workspace}/gi, (L = s.config) != null && L.workspace ? `/${s.config.workspace}` : "").replace(/{id}/gi, s.configStoreId).replace(/{secretId}/gi, s.secretId);
+    }), ne = k(() => !!w.fields.key && !!w.fields.value), pe = k(() => JSON.stringify(w.fields) !== JSON.stringify(S)), T = k(() => ({
       key: w.fields.key,
       value: w.fields.value
     })), a = async () => {
       try {
         w.readonly = !0;
         let V;
-        oe.value === "create" ? V = await K.post(J.value, $.value) : oe.value === "edit" && (V = await K.put(J.value, $.value)), f(V == null ? void 0 : V.data), d("update", V == null ? void 0 : V.data);
+        if (oe.value === "create")
+          V = await K.post(Q.value, T.value);
+        else if (oe.value === "edit") {
+          const L = s.config.apiType === "aiGateway" ? { value: T.value.value } : T.value;
+          V = await K.put(Q.value, L);
+        }
+        f(V == null ? void 0 : V.data), d("update", V == null ? void 0 : V.data);
       } catch (V) {
-        w.errorMessage = G(V), d("error", V);
+        w.errorMessage = $(V), d("error", V);
       } finally {
         w.readonly = !1;
       }
     };
-    return (V, Y) => {
-      const ie = Q("KInput"), me = Q("KTextArea"), re = Q("KAlert");
+    return (V, L) => {
+      const ie = Y("KInput"), me = Y("KTextArea"), re = Y("KAlert");
       return v(), H(e(ct), {
         "can-submit": ne.value && pe.value,
         config: l.config,
@@ -3193,7 +3199,7 @@ const ft = {
         "entity-type": e(qe).Other,
         "error-message": w.errorMessage,
         "fetch-url": x.value,
-        "form-fields": $.value,
+        "form-fields": T.value,
         "is-readonly": w.readonly,
         onCancel: g,
         "onFetch:error": U,
@@ -3202,7 +3208,7 @@ const ft = {
         onSubmit: a
       }, {
         default: y(() => [
-          M("div", null, [
+          G("div", null, [
             u(e(Oe), {
               description: e(p)("secrets.form.info.description"),
               "has-divider": "",
@@ -3211,7 +3217,7 @@ const ft = {
               default: y(() => [
                 u(ie, {
                   modelValue: w.fields.key,
-                  "onUpdate:modelValue": Y[0] || (Y[0] = (L) => w.fields.key = L),
+                  "onUpdate:modelValue": L[0] || (L[0] = (J) => w.fields.key = J),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   class: "key-field",
@@ -3225,7 +3231,7 @@ const ft = {
                 }, null, 8, ["modelValue", "disabled", "label", "placeholder", "readonly"]),
                 u(me, {
                   modelValue: w.fields.value,
-                  "onUpdate:modelValue": Y[1] || (Y[1] = (L) => w.fields.value = L),
+                  "onUpdate:modelValue": L[1] || (L[1] = (J) => w.fields.value = J),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "character-limit": !1,
@@ -3250,7 +3256,7 @@ const ft = {
       }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"]);
     };
   }
-}), Pa = /* @__PURE__ */ he($a, [["__scopeId", "data-v-31bf6bef"]]), Fa = { class: "kong-ui-entities-secret-form" }, Na = /* @__PURE__ */ ye({
+}), Pa = /* @__PURE__ */ he($a, [["__scopeId", "data-v-7b128b40"]]), Fa = { class: "kong-ui-entities-secret-form" }, Na = /* @__PURE__ */ ye({
   __name: "SecretForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3280,14 +3286,14 @@ const ft = {
       d("error", g);
     }, K = (g) => {
       d("loading", g);
-    }, { axiosInstance: G } = Ce((x = s.config) == null ? void 0 : x.axiosRequestConfig), w = D(""), S = k(() => s.config.apiType === "aiGateway" ? ce.getVault.aiGateway : ce.getVault[s.config.app]), I = k(() => {
+    }, { axiosInstance: $ } = Ce((x = s.config) == null ? void 0 : x.axiosRequestConfig), w = D(""), S = k(() => s.config.apiType === "aiGateway" ? ce.getVault.aiGateway : ce.getVault[s.config.app]), I = k(() => {
       var g, n;
       return `${s.config.apiBaseUrl}${S.value}`.replace(/{aiGatewayId}/gi, s.config.aiGatewayId || "").replace(/{controlPlaneId}/gi, ((g = s.config) == null ? void 0 : g.controlPlaneId) || "").replace(/\/{workspace}/gi, (n = s.config) != null && n.workspace ? `/${s.config.workspace}` : "").replace(/{id}/gi, s.vaultId);
     });
     return Ge(async () => {
       var g;
       try {
-        const { data: n } = await G.get(I.value);
+        const { data: n } = await $.get(I.value);
         w.value = (g = n == null ? void 0 : n.config) == null ? void 0 : g.config_store_id;
       } catch (n) {
         d("error", n);
@@ -3324,16 +3330,16 @@ const ft = {
       },
       i18nT: i
     } = Ae.useI18n();
-    return (K, G) => (v(), N("div", Ka, [u(e(i), {
+    return (K, $) => (v(), N("div", Ka, [u(e(i), {
       keypath: "vault_secret_picker.provider.complete_action",
       scope: "global"
     }, {
-      cta: y(() => [M("span", {
+      cta: y(() => [G("span", {
         class: vt({
           "vault-secret-picker-provider-action": !0,
           disabled: s.disabled
         }),
-        onClick: G[0] || (G[0] = () => !s.disabled && d("open", s.value, s.update))
+        onClick: $[0] || ($[0] = () => !s.disabled && d("open", s.value, s.update))
       }, O(e(p)("vault_secret_picker.provider.cta")), 3)]),
       _: 1
     })]));
@@ -3412,7 +3418,7 @@ const ft = {
       validateStatus: (C) => C === 404 || C >= 200 && C < 300,
       // Spread the passed-in config later to allow overriding
       ...(Se = d.config) == null ? void 0 : Se.axiosRequestConfig
-    }), K = D(!1), G = D(""), w = D(""), S = D(""), I = D(), x = k(() => d.config.apiType === "aiGateway"), g = (C) => C.replace(/{aiGatewayId}/gi, d.config.aiGatewayId || ""), n = k(() => x.value ? g(fe.list.aiGateway.getAll) : fe.list[d.config.app].getAll), U = k(() => {
+    }), K = D(!1), $ = D(""), w = D(""), S = D(""), I = D(), x = k(() => d.config.apiType === "aiGateway"), g = (C) => C.replace(/{aiGatewayId}/gi, d.config.aiGatewayId || ""), n = k(() => x.value ? g(fe.list.aiGateway.getAll) : fe.list[d.config.app].getAll), U = k(() => {
       var C, A, P, z;
       return x.value ? g(ce.list.aiGateway).replace(/{id}/gi, ((A = (C = I.value) == null ? void 0 : C.config) == null ? void 0 : A.config_store_id) ?? "") : d.config.app === "konnect" ? ce.list[d.config.app].replace(/{id}/gi, ((z = (P = I.value) == null ? void 0 : P.config) == null ? void 0 : z.config_store_id) ?? "") : "<not_applicable>";
     }), f = k(() => {
@@ -3424,10 +3430,10 @@ const ft = {
         return s("vault_secret_picker.fetch_error.secrets");
     }), {
       debouncedQueryChange: oe,
-      loading: J,
+      loading: Q,
       error: ne,
       loadItems: pe,
-      results: $
+      results: T
     } = Ye(d.config, n, void 0, {
       fetchedItemsKey: "data",
       // AI Gateway vaults carry the identifier in `name`; gateway vaults in `prefix`.
@@ -3436,7 +3442,7 @@ const ft = {
       debouncedQueryChange: a,
       loading: se,
       error: V,
-      loadItems: Y,
+      loadItems: L,
       results: ie
     } = Ye(d.config, U, void 0, {
       fetchedItemsKey: "data",
@@ -3445,9 +3451,9 @@ const ft = {
     }), me = (C) => {
       var A;
       return (A = d.allowedProviders) != null && A.length ? d.allowedProviders.includes(C) : C !== t.AZURE_CERTS;
-    }, re = k(() => x.value ? ($.value ?? []).map((C) => He(C)) : $.value ?? []), L = k(() => {
+    }, re = k(() => x.value ? (T.value ?? []).map((C) => He(C)) : T.value ?? []), J = k(() => {
       let C = !1;
-      const A = (re.value ?? []).filter((P) => me(P.name)).map((P) => (P.prefix === G.value && (C = !0), { label: P.prefix, value: P.prefix, vault: P }));
+      const A = (re.value ?? []).filter((P) => me(P.name)).map((P) => (P.prefix === $.value && (C = !0), { label: P.prefix, value: P.prefix, vault: P }));
       return !C && I.value && A.push({
         label: I.value.prefix,
         value: I.value.prefix,
@@ -3461,7 +3467,7 @@ const ft = {
     }), q = k(() => {
       var C;
       return ((C = I == null ? void 0 : I.value) == null ? void 0 : C.name) === "konnect";
-    }), T = k(() => !!I.value && !!w.value && !d.additionalDisabled), le = (C) => C.label ? `${C.label} - (${C.vault.name} - ${C.vault.id})` : C.value, X = (C) => {
+    }), M = k(() => !!I.value && !!w.value && !d.additionalDisabled), le = (C) => C.label ? `${C.label} - (${C.vault.name} - ${C.vault.id})` : C.value, X = (C) => {
       var z, te;
       const A = x.value ? fe.form.aiGateway.edit : fe.form[d.config.app].edit;
       let P = `${d.config.apiBaseUrl}${A}`;
@@ -3474,7 +3480,7 @@ const ft = {
       return g(`${d.config.apiBaseUrl}${P}`).replace(/{controlPlaneId}/gi, ((z = d.config) == null ? void 0 : z.controlPlaneId) || "").replace(/\/{workspace}/gi, (te = d.config) != null && te.workspace ? `/${d.config.workspace}` : "").replace(/{id}/gi, A).replace(/{secretId}/gi, C);
     }, we = () => {
       p("proceed", ja({
-        vaultPrefix: G.value,
+        vaultPrefix: $.value,
         secretId: w.value || void 0,
         // Either a non-empty string or undefined
         optionalSecretKey: S.value || void 0
@@ -3483,7 +3489,7 @@ const ft = {
     };
     return Ue(() => d.setup, async (C) => {
       if (C !== !1) {
-        if (K.value = !0, G.value = "", I.value = void 0, w.value = "", S.value = "", typeof C == "string" && C.trim().length > 0)
+        if (K.value = !0, $.value = "", I.value = void 0, w.value = "", S.value = "", typeof C == "string" && C.trim().length > 0)
           try {
             let A, P = "", z = "", te = "";
             const Z = Wa(C), { data: W } = await i.get(X(Z.vaultPrefix)), h = W && x.value ? He(W) : W;
@@ -3496,22 +3502,22 @@ const ft = {
               } else
                 z = Z.secretId ?? "", te = Z.optionalSecretKey ?? "";
             await gt(() => {
-              G.value = P, I.value = A, w.value = z, S.value = te;
+              $.value = P, I.value = A, w.value = z, S.value = te;
             });
           } catch (A) {
             console.debug(A);
           }
         K.value = !1, await pe();
       }
-    }, { immediate: !0 }), Ue(G, async (C, A) => {
+    }, { immediate: !0 }), Ue($, async (C, A) => {
       var P;
-      K.value || C === A || (I.value = (P = L.value.find((z) => z.value === C)) == null ? void 0 : P.vault, w.value = "", S.value = "");
+      K.value || C === A || (I.value = (P = J.value.find((z) => z.value === C)) == null ? void 0 : P.vault, w.value = "", S.value = "");
     }), Ue(U, async () => {
-      q.value && await Y();
+      q.value && await L();
     }, { immediate: !0 }), (C, A) => {
-      const P = Q("KEmptyState"), z = Q("KSelect"), te = Q("KInput"), Z = Q("KModal");
+      const P = Y("KEmptyState"), z = Y("KSelect"), te = Y("KInput"), Z = Y("KModal");
       return v(), H(Z, {
-        "action-button-disabled": !T.value,
+        "action-button-disabled": !M.value,
         "action-button-text": l.proceedButtonText || e(s)("vault_secret_picker.actions.use_key"),
         class: "vault-secret-picker",
         "data-testid": "vault-secret-picker-modal",
@@ -3529,17 +3535,17 @@ const ft = {
           }, null, 8, ["message"])) : (v(), N("div", qa, [
             yt(C.$slots, "form-prefix", {}, void 0, !0),
             u(z, {
-              modelValue: G.value,
-              "onUpdate:modelValue": A[0] || (A[0] = (W) => G.value = W),
+              modelValue: $.value,
+              "onUpdate:modelValue": A[0] || (A[0] = (W) => $.value = W),
               clearable: "",
               "data-testid": "vault-secret-picker-vault-select",
               disabled: K.value,
               "enable-filtering": "",
               "filter-function": () => !0,
-              items: L.value,
+              items: J.value,
               "kpop-attributes": { "data-testid": "vault-secret-picker-vault-popover" },
               label: e(s)("vault_secret_picker.vault.label"),
-              loading: e(J),
+              loading: e(Q),
               placeholder: e(s)("vault_secret_picker.vault.placeholder"),
               required: "",
               "reuse-item-template": "",
@@ -3547,19 +3553,19 @@ const ft = {
               onQueryChange: e(oe)
             }, {
               loading: y(() => [
-                M("div", null, O(e(s)("actions.loading")), 1)
+                G("div", null, O(e(s)("actions.loading")), 1)
               ]),
               empty: y(() => [
-                M("div", za, O(e(s)("vault_secret_picker.no_results")), 1)
+                G("div", za, O(e(s)("vault_secret_picker.no_results")), 1)
               ]),
               "selected-item-template": y(({ item: W }) => [
-                M("span", Da, O(le(W)), 1)
+                G("span", Da, O(le(W)), 1)
               ]),
               "item-template": y(({ item: W }) => [
-                M("div", Za, [
-                  M("span", Ba, O(W.label), 1),
-                  M("span", La, O(W.vault.name), 1),
-                  M("span", Ja, O(W.vault.id), 1)
+                G("div", Za, [
+                  G("span", Ba, O(W.label), 1),
+                  G("span", La, O(W.vault.name), 1),
+                  G("span", Ja, O(W.vault.id), 1)
                 ])
               ]),
               _: 1
@@ -3584,10 +3590,10 @@ const ft = {
               onQueryChange: e(a)
             }, {
               loading: y(() => [
-                M("div", null, O(e(s)("actions.loading")), 1)
+                G("div", null, O(e(s)("actions.loading")), 1)
               ]),
               empty: y(() => [
-                M("div", Qa, O(e(s)("vault_secret_picker.no_results")), 1)
+                G("div", Qa, O(e(s)("vault_secret_picker.no_results")), 1)
               ]),
               _: 1
             }, 8, ["modelValue", "disabled", "items", "label", "loading", "placeholder", "onQueryChange"])) : (v(), H(te, {