@kong-ui-public/entities-gateway-services 3.12.1-pr.2294.6fb0e8d98.0 → 3.12.1-pr.2300.8531d6ff9.0

package/dist/entities-gateway-services.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as De, ref as R, computed as b, watch as Be, onBeforeMount as ze, resolveComponent as L, createElementBlock as T, openBlock as E, createVNode as c, unref as o, createSlots as Se, withCtx as d, createTextVNode as K, toDisplayString as V, createElementVNode as S, withModifiers as xe, createBlock as Ee, Teleport as He, createCommentVNode as D, reactive as Ke, onMounted as Ze, Transition as Me, Fragment as Je, renderList as Qe, renderSlot as Xe } from "vue";
-import { useRouter as Ge } from "vue-router";
-import { BookIcon as Ye, AddIcon as et, ServicesIcon as tt } from "@kong/icons";
+import { defineComponent as De, ref as R, computed as b, watch as Be, onBeforeMount as Ze, resolveComponent as L, createElementBlock as T, openBlock as V, createVNode as c, unref as o, createSlots as Ce, withCtx as d, createTextVNode as K, toDisplayString as k, createElementVNode as I, withModifiers as xe, createBlock as de, Teleport as Ke, createCommentVNode as D, reactive as Le, onMounted as Je, Transition as Me, Fragment as Qe, renderList as Xe, renderSlot as Ye } from "vue";
+import { useRouter as Oe } from "vue-router";
+import { BookIcon as qe, AddIcon as et, ServicesIcon as tt } from "@kong/icons";
 import { createI18n as ot, i18nTComponent as rt } from "@kong-ui-public/i18n";
-import { useAxios as Ne, useTableState as it, useFetcher as lt, useDeleteUrlBuilder as st, FetcherStatus as at, EntityBaseTable as nt, PermissionsWrapper as de, TableTags as ct, EntityFilter as dt, EntityEmptyState as ut, EntityToggleModal as ft, EntityDeleteModal as pt, EntityTypes as mt, useHelpers as Oe, ConfigurationSchemaType as vt, ConfigurationSchemaSection as ke, EntityBaseConfigCard as gt, SupportedEntityType as We, useErrors as yt, useValidators as _t, EntityBaseFormType as Le, useGatewayFeatureSupported as ht, EntityBaseForm as bt, EntityFormSection as qe } from "@kong-ui-public/entities-shared";
+import { useAxios as We, useTableState as it, useFetcher as lt, useDeleteUrlBuilder as st, FetcherStatus as at, EntityBaseTable as nt, PermissionsWrapper as ce, TableTags as ct, EntityFilter as dt, EntityEmptyState as ut, EntityToggleModal as ft, EntityDeleteModal as pt, EntityTypes as mt, useHelpers as je, ConfigurationSchemaType as vt, ConfigurationSchemaSection as we, EntityBaseConfigCard as gt, SupportedEntityType as ze, useErrors as yt, useValidators as _t, EntityBaseFormType as Ge, useGatewayFeatureSupported as ht, EntityBaseForm as bt, EntityFormSection as Ne } from "@kong-ui-public/entities-shared";
 const wt = {
   create: "New gateway service",
   serverless_create: "Add a Service",
@@ -252,51 +252,51 @@ function Ft() {
   };
 }
 function At() {
-  const { i18n: { t: s } } = ee.useI18n();
+  const { i18n: { t: s } } = Y.useI18n();
   return {
-    validateHost: (v) => {
-      if (!v || v.trim() === "") return s("gateway_services.form.errors.host.empty");
-      const A = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
-      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(v) || A.test(v) ? "" : s("gateway_services.form.errors.host.invalid");
+    validateHost: (g) => {
+      if (!g || g.trim() === "") return s("gateway_services.form.errors.host.empty");
+      const $ = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
+      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(g) || $.test(g) ? "" : s("gateway_services.form.errors.host.invalid");
     },
-    validateProtocol: (v, A) => !v || v.trim() === "" ? s("gateway_services.form.errors.protocol.empty") : (v = v.slice(0, -1), A.find((l) => {
-      if (l.value === v) return l;
+    validateProtocol: (g, $) => !g || g.trim() === "" ? s("gateway_services.form.errors.protocol.empty") : (g = g.slice(0, -1), $.find((l) => {
+      if (l.value === g) return l;
     }) === void 0 ? s("gateway_services.form.errors.protocol.invalid") : ""),
-    validatePath: (v) => !v || v === "" ? "" : v.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(v) ? s("gateway_services.form.errors.path.invalid") : "" : s("gateway_services.form.errors.path.prefix"),
-    validatePort: (v) => {
-      if (v == null || v === "")
+    validatePath: (g) => !g || g === "" ? "" : g.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(g) ? s("gateway_services.form.errors.path.invalid") : "" : s("gateway_services.form.errors.path.prefix"),
+    validatePort: (g) => {
+      if (g == null || g === "")
         return "";
-      const A = typeof v == "string" ? parseInt(v, 10) : v;
-      return isNaN(A) ? s("gateway_services.form.errors.port.type") : A < 0 || A > 65535 ? s("gateway_services.form.errors.port.invalid") : "";
+      const $ = typeof g == "string" ? parseInt(g, 10) : g;
+      return isNaN($) ? s("gateway_services.form.errors.port.type") : $ < 0 || $ > 65535 ? s("gateway_services.form.errors.port.invalid") : "";
     }
   };
 }
-const ee = {
+const Y = {
   useI18n: Pt,
   usePortFromProtocol: Ft,
   useUrlValidators: At
-}, Ve = "/v2/control-planes/{controlPlaneId}/core-entities", Ce = "/{workspace}", ue = {
+}, ke = "/v2/control-planes/{controlPlaneId}/core-entities", Ve = "/{workspace}", ue = {
   list: {
     konnect: {
-      all: `${Ve}/services`
+      all: `${ke}/services`
     },
     kongManager: {
-      all: `${Ce}/services`
+      all: `${Ve}/services`
     }
   },
   form: {
     konnect: {
-      create: `${Ve}/services`,
-      validate: `${Ve}/v1/schemas/json/service/validate`,
-      edit: `${Ve}/services/{id}`
+      create: `${ke}/services`,
+      validate: `${ke}/v1/schemas/json/service/validate`,
+      edit: `${ke}/services/{id}`
     },
     kongManager: {
-      create: `${Ce}/services`,
-      validate: `${Ce}/schemas/services/validate`,
-      edit: `${Ce}/services/{id}`
+      create: `${Ve}/services`,
+      validate: `${Ve}/schemas/services/validate`,
+      edit: `${Ve}/services/{id}`
     }
   }
-}, Tt = "#00abd2", Ut = "24px", $t = { class: "kong-ui-entities-gateway-services-list" }, Rt = { class: "button-row" }, xt = { class: "empty-state-icon-gateway" }, Mt = { key: 1 }, Bt = /* @__PURE__ */ De({
+}, $t = "#00abd2", Tt = "24px", Ut = { class: "kong-ui-entities-gateway-services-list" }, Rt = { class: "button-row" }, xt = { class: "empty-state-icon-gateway" }, Mt = { key: 1 }, Bt = /* @__PURE__ */ De({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -343,12 +343,20 @@ const ee = {
     isServerless: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
   setup(s, { emit: G }) {
-    var we;
-    const m = G, n = s, { i18n: { t: a, formatUnixTimeStamp: v } } = ee.useI18n(), A = Ge(), { axiosInstance: N } = Ne((we = n.config) == null ? void 0 : we.axiosRequestConfig), { hasRecords: l, handleStateChange: B } = it(() => z.value), I = b(() => l.value && n.config.app === "konnect"), Ie = b(() => n.config.app !== "kongManager" || !!n.config.disableSorting), le = {
+    var oe;
+    const m = G, n = s, { i18n: { t: a, formatUnixTimeStamp: g } } = Y.useI18n(), $ = Oe(), { axiosInstance: N } = We((oe = n.config) == null ? void 0 : oe.axiosRequestConfig), { hasRecords: l, handleStateChange: M } = it(() => B.value), P = b(() => l.value && n.config.app === "konnect"), Ee = b(() => !n.enableV2EmptyStates && n.config.app === "konnect"), fe = b(() => n.config.app !== "kongManager" || !!n.config.disableSorting), ie = {
       // the Name column is non-hidable
       name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
       ...n.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
@@ -360,71 +368,71 @@ const ee = {
       tags: { label: a("gateway_services.list.table_headers.tags"), sortable: !1 },
       updated_at: { label: a("gateway_services.list.table_headers.updated_at"), sortable: !0 },
       created_at: { label: a("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, fe = {
+    }, pe = {
       columnVisibility: {
         created_at: !1
       }
-    }, pe = le, te = b(() => {
-      var g, y;
+    }, Se = ie, ee = b(() => {
+      var v, y;
       let f = `${n.config.apiBaseUrl}${ue.list[n.config.app].all}`;
-      return n.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, ((g = n.config) == null ? void 0 : g.controlPlaneId) || "") : n.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, (y = n.config) != null && y.workspace ? `/${n.config.workspace}` : "")), f;
-    }), Pe = b(() => n.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${te.value}`) : new URL(te.value)), z = R(""), Z = b(() => {
+      return n.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, ((v = n.config) == null ? void 0 : v.controlPlaneId) || "") : n.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, (y = n.config) != null && y.workspace ? `/${n.config.workspace}` : "")), f;
+    }), Ie = b(() => n.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${ee.value}`) : new URL(ee.value)), B = R(""), Pe = b(() => {
       const f = n.config.app === "konnect" || n.config.isExactMatch;
       if (f)
         return {
           isExactMatch: f,
           placeholder: a(`search.placeholder.${n.config.app}`)
         };
-      const { name: g, enabled: y, protocol: P, host: W, port: M, path: j } = le;
+      const { name: v, enabled: y, protocol: S, host: j, port: F, path: z } = ie;
       return {
         isExactMatch: f,
-        fields: { name: g, enabled: y, protocol: P, host: W, port: M, path: j },
+        fields: { name: v, enabled: y, protocol: S, host: j, port: F, path: z },
         schema: n.config.filterSchema
       };
     }), {
-      fetcher: Fe,
-      fetcherState: J,
-      fetcherCacheKey: C
-    } = lt(b(() => ({ ...n.config, cacheIdentifier: n.cacheIdentifier })), te), se = () => {
-      z.value = "";
-    }, ae = () => {
-      C.value++;
-    }, oe = R(null), e = b(() => ({
+      fetcher: H,
+      fetcherState: E,
+      fetcherCacheKey: Z
+    } = lt(b(() => ({ ...n.config, cacheIdentifier: n.cacheIdentifier })), ee), le = () => {
+      B.value = "";
+    }, Fe = () => {
+      Z.value++;
+    }, e = R(null), C = b(() => ({
       ctaPath: n.config.createRoute,
-      ctaText: ce.value ? n.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
+      ctaText: ne.value ? n.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
       message: `${a("gateway_services.list.empty_state.description")}${n.config.additionMessageForEmptyState ? ` ${n.config.additionMessageForEmptyState}` : ""}`,
-      title: ce.value ? n.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
-    })), w = R(!1), x = R(null), re = b(() => {
+      title: ne.value ? n.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
+    })), se = R(!1), U = R(null), te = b(() => {
       const f = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (x.value) {
-        const { enabled: g, id: y, name: P } = x.value;
-        f.action = g ? "disable" : "enable", f.id = y, f.name = P || y;
+      if (U.value) {
+        const { enabled: v, id: y, name: S } = U.value;
+        f.action = v ? "disable" : "enable", f.id = y, f.name = S || y;
       }
       return f;
-    }), me = (f) => {
-      w.value = !0, x.value = f;
-    }, ve = () => {
-      w.value = !1, x.value = null;
-    }, Q = async () => {
-      var P, W;
-      if (!await ((P = n.canEdit) == null ? void 0 : P.call(n, x.value)) || !x.value)
+    }), Ae = (f) => {
+      se.value = !0, U.value = f;
+    }, W = () => {
+      se.value = !1, U.value = null;
+    }, me = async () => {
+      var S, j;
+      if (!await ((S = n.canEdit) == null ? void 0 : S.call(n, U.value)) || !U.value)
         return;
-      const g = `${Pe.value.href}/${x.value.id}`, y = !x.value.enabled;
+      const v = `${Ie.value.href}/${U.value.id}`, y = !U.value.enabled;
       try {
-        const { data: M } = ((W = n.config) == null ? void 0 : W.app) === "konnect" ? await N.put(g, { ...x.value, enabled: y }) : await N.patch(g, { ...x.value, enabled: y });
-        m("toggle:success", M), x.value.enabled = y;
-      } catch (M) {
-        m("error", M);
+        const { data: F } = ((j = n.config) == null ? void 0 : j.app) === "konnect" ? await N.put(v, { ...U.value, enabled: y }) : await N.patch(v, { ...U.value, enabled: y });
+        m("toggle:success", F), U.value.enabled = y;
+      } catch (F) {
+        m("error", F);
       }
-    }, ge = (f) => {
-      n.config.getControlPlaneRoute && A.push(n.config.getControlPlaneRoute(f));
-    }, ye = async (f, g) => {
+    }, ve = (f) => {
+      n.config.getControlPlaneRoute && $.push(n.config.getControlPlaneRoute(f));
+    }, ge = async (f, v) => {
       const y = f.id;
-      if (!await g(y)) {
+      if (!await v(y)) {
         m("copy:error", {
           entity: f,
           field: "id",
@@ -437,9 +445,9 @@ const ee = {
         field: "id",
         message: a("copy.success", { val: y })
       });
-    }, _e = async (f, g) => {
+    }, ye = async (f, v) => {
       const y = JSON.stringify(f);
-      if (!await g(y)) {
+      if (!await v(y)) {
         m("copy:error", {
           entity: f,
           message: a("errors.copy")
@@ -450,95 +458,95 @@ const ee = {
         entity: f,
         message: a("copy.success_brief")
       });
-    }, he = async (f) => {
+    }, _e = async (f) => {
       var y;
-      await ((y = n.canRetrieve) == null ? void 0 : y.call(n, f)) && A.push(n.config.getViewRoute(f.id));
-    }, be = (f) => ({
+      await ((y = n.canRetrieve) == null ? void 0 : y.call(n, f)) && $.push(n.config.getViewRoute(f.id));
+    }, $e = (f) => ({
       label: a("actions.view"),
       to: n.config.getViewRoute(f)
-    }), Ae = (f) => ({
+    }), J = (f) => ({
       label: a("actions.edit"),
       to: n.config.getEditRoute(f)
-    }), $ = R(void 0), H = R(!1), O = R(!1), X = R(""), Te = st(n.config, te.value), Ue = (f) => {
-      $.value = f, H.value = !0, X.value = "";
-    }, ne = () => {
-      H.value = !1, $.value = void 0;
-    }, $e = async () => {
-      var f, g, y;
-      if ((f = $.value) != null && f.id) {
-        O.value = !0;
+    }), x = R(void 0), O = R(!1), Q = R(!1), ae = R(""), Te = st(n.config, ee.value), he = (f) => {
+      x.value = f, O.value = !0, ae.value = "";
+    }, be = () => {
+      O.value = !1, x.value = void 0;
+    }, Ue = async () => {
+      var f, v, y;
+      if ((f = x.value) != null && f.id) {
+        Q.value = !0;
         try {
-          await N.delete(Te($.value.id)), m("delete:success", $.value), ne(), C.value++;
-        } catch (P) {
-          X.value = ((y = (g = P.response) == null ? void 0 : g.data) == null ? void 0 : y.message) || P.message || a("errors.delete"), m("error", P);
+          await N.delete(Te(x.value.id)), m("delete:success", x.value), be(), Z.value++;
+        } catch (S) {
+          ae.value = ((y = (v = S.response) == null ? void 0 : v.data) == null ? void 0 : y.message) || S.message || a("errors.delete"), m("error", S);
         } finally {
-          O.value = !1;
+          Q.value = !1;
         }
       }
     }, Re = () => {
-      A.push(n.config.createRoute);
+      $.push(n.config.createRoute);
     };
-    Be(J, (f) => {
-      var g, y, P;
+    Be(E, (f) => {
+      var v, y, S;
       if (f.status === at.Error) {
-        oe.value = {
+        e.value = {
           title: a("errors.general")
-        }, (P = (y = (g = f.error) == null ? void 0 : g.response) == null ? void 0 : y.data) != null && P.message && (oe.value.message = f.error.response.data.message), m("error", f.error);
+        }, (S = (y = (v = f.error) == null ? void 0 : v.response) == null ? void 0 : y.data) != null && S.message && (e.value.message = f.error.response.data.message), m("error", f.error);
         return;
       }
-      oe.value = null;
+      e.value = null;
     });
-    const ce = R(!1);
-    return ze(async () => {
-      ce.value = await n.canCreate();
-    }), (f, g) => {
-      const y = L("KButton"), P = L("KBadge"), W = L("KInputSwitch"), M = L("KDropdownItem"), j = L("KClipboardProvider");
-      return E(), T("div", $t, [
+    const ne = R(!1);
+    return Ze(async () => {
+      ne.value = await n.canCreate();
+    }), (f, v) => {
+      const y = L("KButton"), S = L("KBadge"), j = L("KInputSwitch"), F = L("KDropdownItem"), z = L("KClipboardProvider");
+      return V(), T("div", Ut, [
         c(o(nt), {
           "cache-identifier": s.cacheIdentifier,
-          "default-table-preferences": fe,
-          "disable-sorting": Ie.value,
-          "empty-state-options": e.value,
+          "default-table-preferences": pe,
+          "disable-sorting": fe.value,
+          "empty-state-options": C.value,
           "enable-entity-actions": "",
-          "error-message": oe.value,
-          fetcher: o(Fe),
-          "fetcher-cache-key": o(C),
+          "error-message": e.value,
+          fetcher: o(H),
+          "fetcher-cache-key": o(Z),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: z.value,
-          "table-headers": o(pe),
-          onClearSearchInput: se,
-          "onClick:row": g[4] || (g[4] = (p) => he(p)),
-          onSort: ae,
-          onState: o(B)
-        }, Se({
+          query: B.value,
+          "table-headers": o(Se),
+          onClearSearchInput: le,
+          "onClick:row": v[5] || (v[5] = (p) => _e(p)),
+          onSort: Fe,
+          onState: o(M)
+        }, Ce({
           "toolbar-filter": d(() => [
             c(o(dt), {
-              modelValue: z.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (p) => z.value = p),
-              config: Z.value
+              modelValue: B.value,
+              "onUpdate:modelValue": v[0] || (v[0] = (p) => B.value = p),
+              config: Pe.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": d(() => [
-            (E(), Ee(He, {
+            (V(), de(Ke, {
               disabled: !s.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              S("div", Rt, [
-                I.value ? (E(), Ee(y, {
+              I("div", Rt, [
+                P.value ? (V(), de(y, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-learn-more-button",
                   icon: "",
-                  onClick: g[1] || (g[1] = (p) => f.$emit("click:learn-more"))
+                  onClick: v[1] || (v[1] = (p) => f.$emit("click:learn-more"))
                 }, {
                   default: d(() => [
-                    c(o(Ye), { decorative: "" })
+                    c(o(qe), { decorative: "" })
                   ]),
                   _: 1
                 })) : D("", !0),
-                c(o(de), {
+                c(o(ce), {
                   "auth-function": () => s.canCreate()
                 }, {
                   default: d(() => [
@@ -550,7 +558,7 @@ const ee = {
                     }, {
                       default: d(() => [
                         c(o(et)),
-                        K(" " + V(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                        K(" " + k(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -561,40 +569,40 @@ const ee = {
             ], 8, ["disabled"]))
           ]),
           name: d(({ rowValue: p }) => [
-            S("b", null, V(p ?? "-"), 1)
+            I("b", null, k(p ?? "-"), 1)
           ]),
           control_plane: d(({ row: p }) => {
-            var U;
+            var t;
             return [
-              (U = p.x_meta) != null && U.cluster_id ? (E(), Ee(P, {
+              (t = p.x_meta) != null && t.cluster_id ? (V(), de(S, {
                 key: 0,
                 tooltip: p.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: xe((t) => ge(p.x_meta.cluster_id), ["stop"])
+                onClick: xe((r) => ve(p.x_meta.cluster_id), ["stop"])
               }, {
                 default: d(() => [
-                  K(V(p.x_meta.cluster_id), 1)
+                  K(k(p.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (E(), T("b", Mt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (V(), T("b", Mt, "-"))
             ];
           }),
           enabled: d(({ row: p }) => [
-            c(o(de), {
+            c(o(ce), {
               "auth-function": () => s.canEdit(p),
               "force-show": ""
             }, {
-              default: d(({ isAllowed: U }) => [
-                S("div", {
-                  onClick: g[3] || (g[3] = xe(() => {
+              default: d(({ isAllowed: t }) => [
+                I("div", {
+                  onClick: v[4] || (v[4] = xe(() => {
                   }, ["stop"]))
                 }, [
-                  c(W, {
+                  c(j, {
                     modelValue: p.enabled,
-                    "onUpdate:modelValue": (t) => p.enabled = t,
+                    "onUpdate:modelValue": (r) => p.enabled = r,
                     "data-testid": `row-${p.id}-toggle-input`,
-                    disabled: !U,
-                    onClick: xe((t) => me(p), ["prevent"])
+                    disabled: !t,
+                    onClick: xe((r) => Ae(p), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
@@ -605,75 +613,75 @@ const ee = {
             c(o(ct), { tags: p }, null, 8, ["tags"])
           ]),
           created_at: d(({ rowValue: p }) => [
-            K(V(o(v)(p)), 1)
+            K(k(o(g)(p)), 1)
           ]),
-          updated_at: d(({ row: p, rowValue: U }) => [
-            K(V(o(v)(U ?? p.created_at)), 1)
+          updated_at: d(({ row: p, rowValue: t }) => [
+            K(k(o(g)(t ?? p.created_at)), 1)
           ]),
           actions: d(({ row: p }) => [
-            c(j, null, {
-              default: d(({ copyToClipboard: U }) => [
-                c(M, {
+            c(z, null, {
+              default: d(({ copyToClipboard: t }) => [
+                c(F, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (t) => ye(p, U)
+                  onClick: (r) => ge(p, t)
                 }, {
                   default: d(() => [
-                    K(V(o(a)("actions.copy_id")), 1)
+                    K(k(o(a)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            c(j, null, {
-              default: d(({ copyToClipboard: U }) => [
-                c(M, {
+            c(z, null, {
+              default: d(({ copyToClipboard: t }) => [
+                c(F, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (t) => _e(p, U)
+                  onClick: (r) => ye(p, t)
                 }, {
                   default: d(() => [
-                    K(V(o(a)("actions.copy_json")), 1)
+                    K(k(o(a)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            c(o(de), {
+            c(o(ce), {
               "auth-function": () => s.canRetrieve(p)
             }, {
               default: d(() => [
-                c(M, {
+                c(F, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: be(p.id)
+                  item: $e(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            c(o(de), {
+            c(o(ce), {
               "auth-function": () => s.canEdit(p)
             }, {
               default: d(() => [
-                c(M, {
+                c(F, {
                   "data-testid": "action-entity-edit",
-                  item: Ae(p.id)
+                  item: J(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            c(o(de), {
+            c(o(ce), {
               "auth-function": () => s.canDelete(p)
             }, {
               default: d(() => [
-                c(M, {
+                c(F, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (U) => Ue(p)
+                  onClick: (t) => he(p)
                 }, {
                   default: d(() => [
-                    K(V(o(a)("actions.delete.menu_label")), 1)
+                    K(k(o(a)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -683,7 +691,30 @@ const ee = {
           ]),
           _: 2
         }, [
-          !z.value && s.config.app === "konnect" ? {
+          !o(l) && Ee.value ? {
+            name: "outside-actions",
+            fn: d(() => [
+              (V(), de(Ke, {
+                disabled: !s.useActionOutside,
+                to: "#kong-ui-app-page-header-action-button"
+              }, [
+                c(y, {
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "gateway-services-more-button",
+                  icon: "",
+                  onClick: v[2] || (v[2] = (p) => f.$emit("click:learn-more"))
+                }, {
+                  default: d(() => [
+                    c(o(qe), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ], 8, ["disabled"]))
+            ]),
+            key: "0"
+          } : void 0,
+          !B.value && s.enableV2EmptyStates && s.config.app === "konnect" ? {
             name: "empty-state",
             fn: d(() => {
               var p;
@@ -697,13 +728,13 @@ const ee = {
                   "learn-more": s.config.app === "konnect",
                   title: o(a)("gateway_services.empty_state_v2.title"),
                   "onClick:create": Re,
-                  "onClick:learnMore": g[2] || (g[2] = (U) => f.$emit("click:learn-more"))
-                }, Se({
+                  "onClick:learnMore": v[3] || (v[3] = (t) => f.$emit("click:learn-more"))
+                }, Ce({
                   image: d(() => [
-                    S("div", xt, [
+                    I("div", xt, [
                       c(o(tt), {
-                        color: o(Tt),
-                        size: o(Ut)
+                        color: o($t),
+                        size: o(Tt)
                       }, null, 8, ["color", "size"])
                     ])
                   ]),
@@ -712,46 +743,46 @@ const ee = {
                   (p = s.config) != null && p.isControlPlaneGroup ? {
                     name: "message",
                     fn: d(() => [
-                      K(V(o(a)("gateway_services.empty_state_v2.group")), 1)
+                      K(k(o(a)("gateway_services.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
                 ]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
               ];
             }),
-            key: "0"
+            key: "1"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
         c(o(ft), {
-          action: re.value.action,
-          "entity-id": re.value.id,
-          "entity-name": re.value.name,
+          action: te.value.action,
+          "entity-id": te.value.id,
+          "entity-name": te.value.name,
           "entity-type": o(a)("glossary.gateway_services"),
-          "on-confirm": Q,
-          visible: w.value,
-          onCancel: ve,
-          onProceed: ve
+          "on-confirm": me,
+          visible: se.value,
+          onCancel: W,
+          onProceed: W
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
         c(o(pt), {
-          "action-pending": O.value,
+          "action-pending": Q.value,
           description: o(a)("actions.delete.description"),
-          "entity-name": $.value && ($.value.name || $.value.id),
+          "entity-name": x.value && (x.value.name || x.value.id),
           "entity-type": o(mt).GatewayService,
-          error: X.value,
+          error: ae.value,
           title: o(a)("actions.delete.title"),
-          visible: H.value,
-          onCancel: ne,
-          onProceed: $e
+          visible: O.value,
+          onCancel: be,
+          onProceed: Ue
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), je = (s, G) => {
+}), He = (s, G) => {
   const m = s.__vccOpts || s;
   for (const [n, a] of G)
     m[n] = a;
   return m;
-}, mo = /* @__PURE__ */ je(Bt, [["__scopeId", "data-v-5f172c04"]]), Dt = { class: "kong-ui-gateway-service-entity-config-card" }, vo = /* @__PURE__ */ De({
+}, mo = /* @__PURE__ */ He(Bt, [["__scopeId", "data-v-210f19c5"]]), Dt = { class: "kong-ui-gateway-service-entity-config-card" }, vo = /* @__PURE__ */ De({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -778,7 +809,7 @@ const ee = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(s) {
-    const G = s, { i18n: { t: m }, i18nT: n } = ee.useI18n(), a = b(() => ue.form[G.config.app].edit), { getPropValue: v } = Oe(), A = (l, B) => v(l, B) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), N = R({
+    const G = s, { i18n: { t: m }, i18nT: n } = Y.useI18n(), a = b(() => ue.form[G.config.app].edit), { getPropValue: g } = je(), $ = (l, M) => g(l, M) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), N = R({
       id: {},
       name: {
         tooltip: m("gateway_services.form.fields.name.tooltip")
@@ -787,19 +818,19 @@ const ee = {
       updated_at: {},
       created_at: {},
       protocol: {
-        section: ke.Basic,
+        section: we.Basic,
         tooltip: m("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: ke.Basic,
+        section: we.Basic,
         tooltip: m("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: ke.Basic,
+        section: we.Basic,
         tooltip: m("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: ke.Basic,
+        section: we.Basic,
         tooltip: m("gateway_services.form.fields.port.tooltip")
       },
       tags: {
@@ -838,17 +869,17 @@ const ee = {
         hidden: !0
       }
     });
-    return (l, B) => (E(), T("div", Dt, [
+    return (l, M) => (V(), T("div", Dt, [
       c(o(gt), {
         config: s.config,
         "config-card-doc": s.configCardDoc,
         "config-schema": N.value,
-        "entity-type": o(We).GatewayService,
+        "entity-type": o(ze).GatewayService,
         "fetch-url": a.value,
         "hide-title": s.hideTitle,
-        "onFetch:error": B[0] || (B[0] = (I) => l.$emit("fetch:error", I)),
-        "onFetch:success": B[1] || (B[1] = (I) => l.$emit("fetch:success", I)),
-        onLoading: B[2] || (B[2] = (I) => l.$emit("loading", I))
+        "onFetch:error": M[0] || (M[0] = (P) => l.$emit("fetch:error", P)),
+        "onFetch:success": M[1] || (M[1] = (P) => l.$emit("fetch:success", P)),
+        onLoading: M[2] || (M[2] = (P) => l.$emit("loading", P))
       }, {
         "enabled-label-tooltip": d(() => [
           c(o(n), {
@@ -856,10 +887,10 @@ const ee = {
             scope: "global"
           }, {
             false: d(() => [
-              S("code", null, V(o(m)("gateway_services.form.fields.enabled.false")), 1)
+              I("code", null, k(o(m)("gateway_services.form.fields.enabled.false")), 1)
             ]),
             true: d(() => [
-              S("code", null, V(o(m)("gateway_services.form.fields.enabled.true")), 1)
+              I("code", null, k(o(m)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
@@ -870,10 +901,10 @@ const ee = {
             scope: "global"
           }, {
             code1: d(() => [
-              S("code", null, V(o(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
+              I("code", null, k(o(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
             code2: d(() => [
-              S("code", null, V(o(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
+              I("code", null, k(o(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
@@ -884,16 +915,16 @@ const ee = {
             scope: "global"
           }, {
             code1: d(() => [
-              S("code", null, V(o(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+              I("code", null, k(o(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: d((I) => [
-          K(V(typeof o(v)("rowValue", I) == "boolean" ? A("rowValue", I) : o(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: d((P) => [
+          K(k(typeof o(g)("rowValue", P) == "boolean" ? $("rowValue", P) : o(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: d((I) => [
-          K(V(o(v)("rowValue", I) ? o(v)("rowValue", I).id : "–"), 1)
+        client_certificate: d((P) => [
+          K(k(o(g)("rowValue", P) ? o(g)("rowValue", P).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
@@ -962,8 +993,8 @@ const ee = {
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
   setup(s, { expose: G, emit: m }) {
-    var U;
-    const n = m, a = s, v = R(!0), A = Ge(), { i18nT: N, i18n: { t: l } } = ee.useI18n(), { getErrorFieldsFromError: B } = yt(), { axiosInstance: I } = Ne((U = a.config) == null ? void 0 : U.axiosRequestConfig), Ie = _t(), { validateHost: le, validatePath: fe, validatePort: pe, validateProtocol: te } = ee.useUrlValidators(), { objectsAreEqual: Pe } = Oe(), z = b(() => ue.form[a.config.app].edit), Z = b(() => a.gatewayServiceId ? Le.Edit : Le.Create), Fe = R(!1), J = b(() => !!a.gatewayServiceId), C = R(J.value ? "protocol" : "url"), se = ee.usePortFromProtocol(), ae = R(""), oe = b(() => !!ae.value || !!$("name")), e = Ke({
+    var p;
+    const n = m, a = s, g = R(!0), $ = Oe(), { i18nT: N, i18n: { t: l } } = Y.useI18n(), { getErrorFieldsFromError: M } = yt(), { axiosInstance: P } = We((p = a.config) == null ? void 0 : p.axiosRequestConfig), Ee = _t(), { validateHost: fe, validatePath: ie, validatePort: pe, validateProtocol: Se } = Y.useUrlValidators(), { objectsAreEqual: ee } = je(), Ie = b(() => ue.form[a.config.app].edit), B = b(() => a.gatewayServiceId ? Ge.Edit : Ge.Create), Pe = R(!1), H = b(() => !!a.gatewayServiceId), E = R(H.value ? "protocol" : "url"), Z = Y.usePortFromProtocol(), le = R(""), Fe = b(() => !!le.value || !!J("name")), e = Le({
       fields: {
         name: "",
         protocol: "http",
@@ -1000,7 +1031,7 @@ const ee = {
         tls_verify_enabled: "",
         tls_verify_value: ""
       }
-    }), w = Ke({
+    }), C = Le({
       name: "",
       protocol: "http",
       host: "",
@@ -1017,13 +1048,13 @@ const ee = {
       tls_verify_value: !1,
       tags: "",
       enabled: !0
-    }), x = a.config.app === "konnect" || ht({
+    }), se = a.config.app === "konnect" || ht({
       gatewayInfo: a.config.gatewayInfo,
       // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
       supportedRange: {
         enterprise: ["3.0"]
       }
-    }), re = [
+    }), U = [
       {
         label: l("gateway_services.form.fields.protocol.options.http"),
         value: "http",
@@ -1059,7 +1090,7 @@ const ee = {
         value: "grpcs",
         group: "grpc"
       },
-      ...x ? [
+      ...se ? [
         {
           label: l("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
@@ -1076,14 +1107,14 @@ const ee = {
         value: "udp",
         group: "udp"
       }
-    ], me = { url: "url", protocol: "protocol" }, ve = (t, r) => {
+    ], te = { url: "url", protocol: "protocol" }, Ae = (t, r) => {
       r.value;
-    }, Q = (t) => t ? parseFloat(t) : 0, ge = () => {
-      e.fields.host = w.host, e.fields.path = w.path, e.fields.port = w.port, e.fields.protocol = w.protocol, e.fields.url = w.url, e.fields.retries = w.retries, e.fields.connect_timeout = w.connect_timeout, e.fields.write_timeout = w.write_timeout, e.fields.read_timeout = w.read_timeout, e.fields.client_certificate = w.client_certificate, e.fields.ca_certificates = w.ca_certificates, e.fields.tls_verify_enabled = w.tls_verify_enabled, e.fields.tls_verify_value = w.tls_verify_value, e.fields.enabled = w.enabled;
-    }, ye = () => {
-      v.value = !0, O(), e.errorMessages = [], ge();
-    }, _e = () => {
-      switch (ge(), e.fields.name = `${q.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, C.value) {
+    }, W = (t) => t ? parseFloat(t) : 0, me = () => {
+      e.fields.host = C.host, e.fields.path = C.path, e.fields.port = C.port, e.fields.protocol = C.protocol, e.fields.url = C.url, e.fields.retries = C.retries, e.fields.connect_timeout = C.connect_timeout, e.fields.write_timeout = C.write_timeout, e.fields.read_timeout = C.read_timeout, e.fields.client_certificate = C.client_certificate, e.fields.ca_certificates = C.ca_certificates, e.fields.tls_verify_enabled = C.tls_verify_enabled, e.fields.tls_verify_value = C.tls_verify_value, e.fields.enabled = C.enabled;
+    }, ve = () => {
+      g.value = !0, O(), e.errorMessages = [], me();
+    }, ge = () => {
+      switch (me(), e.fields.name = `${q.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, E.value) {
         case "url":
           e.fields.url = `${q.protocol}://${q.host}${q.path}`;
           break;
@@ -1093,39 +1124,39 @@ const ee = {
         default:
           e.fields.url = `${q.protocol}://${q.host}${q.path}`;
       }
-    }, he = () => {
+    }, ye = () => {
       if (O(), e.fields.url.length)
         try {
-          const t = new URL(e.fields.url), r = te(t.protocol, re);
+          const t = new URL(e.fields.url), r = Se(t.protocol, U);
           if (r) throw new Error(r);
           e.fields.protocol = t.protocol.slice(0, -1);
-          const _ = le(t.hostname);
+          const _ = fe(t.hostname);
           if (_) throw new Error(_);
           e.fields.host = t.hostname;
-          const F = fe(t.pathname);
-          if (F) throw new Error(F);
+          const A = ie(t.pathname);
+          if (A) throw new Error(A);
           e.fields.path = t.pathname;
           const h = pe(t.port);
           if (h) throw new Error(h);
-          const k = Number(t.port);
-          Fe.value = !!k, e.fields.port = k || se.getPortFromProtocol(e.fields.protocol), n("url-valid:success");
+          const w = Number(t.port);
+          Pe.value = !!w, e.fields.port = w || Z.getPortFromProtocol(e.fields.protocol), n("url-valid:success");
         } catch {
           n("url-valid:error", l("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = l("gateway_services.form.errors.url.invalid");
         }
-    }, be = (t) => {
+    }, _e = (t) => {
       O(t);
-    }, Ae = b(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), $ = (t) => {
+    }, $e = b(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), J = (t) => {
       if (e.errorMessages.length) return "";
       const r = e.formFieldErrors;
       return r[t] ? r[t] : "";
-    }, H = (t) => {
+    }, x = (t) => {
       O(t ?? void 0);
-      const r = le(e.fields.host);
+      const r = fe(e.fields.host);
       r && (e.formFieldErrors.host = r);
-      const _ = fe(e.fields.path);
+      const _ = ie(e.fields.path);
       _ && (e.formFieldErrors.path = _);
-      const F = pe(e.fields.port);
-      F && (e.formFieldErrors.port = F), X.value ? n("url-valid:success") : n("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
+      const A = pe(e.fields.port);
+      A && (e.formFieldErrors.port = A), Q.value ? n("url-valid:success") : n("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
     }, O = (t) => {
       if (t)
         e.formFieldErrors[t] = "";
@@ -1133,54 +1164,54 @@ const ee = {
         for (let r in e.formFieldErrors)
           e.formFieldErrors[r] = "";
       e.errorMessages = [];
-    }, X = b(() => {
+    }, Q = b(() => {
       for (let t in e.formFieldErrors)
         if (e.formFieldErrors[t].length)
           return !1;
       return !0;
-    }), Te = () => {
-      e.fields.url && C.value === "url" ? he() : H();
-    }, Ue = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, ne = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), $e = b(() => {
-      if (C.value === "url")
+    }), ae = () => {
+      e.fields.url && E.value === "url" ? ye() : x();
+    }, Te = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, he = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), be = b(() => {
+      if (E.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), Re = b(() => {
-      if (C.value === "url")
+      return E.value === "protocol" && t;
+    }), Ue = b(() => {
+      if (E.value === "url")
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), ce = b(() => {
-      if (C.value === "url")
+      return E.value === "protocol" && t;
+    }), Re = b(() => {
+      if (E.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), we = (t) => {
-      O("name"), ae.value = Ie.utf8Name(t);
-    }, f = b(() => {
-      const t = !J.value || !Pe(e.fields, w), r = C.value === "url" && !!e.fields.url && X.value, _ = C.value === "protocol" && !!e.fields.host && X.value;
+      return E.value === "protocol" && t;
+    }), ne = (t) => {
+      O("name"), le.value = Ee.utf8Name(t);
+    }, oe = b(() => {
+      const t = !H.value || !ee(e.fields, C), r = E.value === "url" && !!e.fields.url && Q.value, _ = E.value === "protocol" && !!e.fields.host && Q.value;
       return t && (r || _);
-    }), g = (t) => {
-      var r, _, F;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((r = t == null ? void 0 : t.tags) == null ? void 0 : r.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((_ = t == null ? void 0 : t.ca_certificates) == null ? void 0 : _.join(",")) || "", e.fields.client_certificate = ((F = t == null ? void 0 : t.client_certificate) == null ? void 0 : F.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, e.fields.enabled = (t == null ? void 0 : t.enabled) ?? !0, Object.assign(w, e.fields);
-    }, y = () => {
-      A.push(a.config.cancelRoute);
-    }, P = b(() => {
+    }), f = (t) => {
+      var r, _, A;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((r = t == null ? void 0 : t.tags) == null ? void 0 : r.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((_ = t == null ? void 0 : t.ca_certificates) == null ? void 0 : _.join(",")) || "", e.fields.client_certificate = ((A = t == null ? void 0 : t.client_certificate) == null ? void 0 : A.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, e.fields.enabled = (t == null ? void 0 : t.enabled) ?? !0, Object.assign(C, e.fields);
+    }, v = () => {
+      $.push(a.config.cancelRoute);
+    }, y = b(() => {
       var r, _;
       let t = `${a.config.apiBaseUrl}${ue.form[a.config.app].validate}`;
       return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((r = a.config) == null ? void 0 : r.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (_ = a.config) != null && _.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
-    }), W = b(() => {
+    }), S = b(() => {
       var r, _;
-      let t = `${a.config.apiBaseUrl}${ue.form[a.config.app][Z.value]}`;
+      let t = `${a.config.apiBaseUrl}${ue.form[a.config.app][B.value]}`;
       return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((r = a.config) == null ? void 0 : r.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (_ = a.config) != null && _.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
-    }), M = (t) => {
+    }), j = (t) => {
       let r = "";
       t.url && (r = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(r)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, j = b(() => {
-      var r, _, F, h;
+    }, F = b(() => {
+      var r, _, A, h;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (F = (_ = (r = e.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : _.map((k) => String(k || "").trim())) == null ? void 0 : F.filter((k) => k !== "") : null,
+        tags: e.fields.tags ? (A = (_ = (r = e.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : _.map((w) => String(w || "").trim())) == null ? void 0 : A.filter((w) => w !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
@@ -1189,33 +1220,33 @@ const ee = {
         connect_timeout: e.fields.connect_timeout,
         tls_verify_value: e.fields.tls_verify_value,
         tls_verify_enabled: e.fields.tls_verify_enabled,
-        ca_certificates: e.fields.ca_certificates ? (h = e.fields.ca_certificates) == null ? void 0 : h.split(",").filter((k) => k !== "") : null,
+        ca_certificates: e.fields.ca_certificates ? (h = e.fields.ca_certificates) == null ? void 0 : h.split(",").filter((w) => w !== "") : null,
         client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
         write_timeout: e.fields.write_timeout,
         port: e.fields.port,
         url: e.fields.url,
         enabled: e.fields.enabled
       };
-      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), ne.value || (t.path = null), Z.value === "create" ? C.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : Z.value === "edit" && delete t.url, t;
-    }), p = async () => {
-      var t, r, _, F;
+      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), he.value || (t.path = null), B.value === "create" ? E.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : B.value === "edit" && delete t.url, t;
+    }), z = async () => {
+      var t, r, _, A;
       try {
         e.isReadonly = !0;
-        const h = j.value;
-        M(h);
-        let k;
-        if (await I.post(P.value, h), Z.value === "create" ? k = await I.post(W.value, h) : Z.value === "edit" && (k = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await I.put(W.value, h) : await I.patch(W.value, h)), k) {
-          const { data: i } = k;
-          e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || se.getPortFromProtocol(i.protocol), e.fields.protocol = (i == null ? void 0 : i.protocol) || "http", e.fields.host = (i == null ? void 0 : i.host) || "", e.fields.path = (i == null ? void 0 : i.path) || "", e.fields.url = (i == null ? void 0 : i.url) || "", e.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, e.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, e.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, e.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, e.fields.client_certificate = ((r = i == null ? void 0 : i.client_certificate) == null ? void 0 : r.id) || "", e.fields.ca_certificates = (_ = i == null ? void 0 : i.ca_certificates) != null && _.length ? i == null ? void 0 : i.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (i == null ? void 0 : i.tls_verify), e.fields.tags = (F = i == null ? void 0 : i.tags) != null && F.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(w, e.fields), n("update", k == null ? void 0 : k.data);
+        const h = F.value;
+        j(h);
+        let w;
+        if (await P.post(y.value, h), B.value === "create" ? w = await P.post(S.value, h) : B.value === "edit" && (w = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await P.put(S.value, h) : await P.patch(S.value, h)), w) {
+          const { data: i } = w;
+          e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || Z.getPortFromProtocol(i.protocol), e.fields.protocol = (i == null ? void 0 : i.protocol) || "http", e.fields.host = (i == null ? void 0 : i.host) || "", e.fields.path = (i == null ? void 0 : i.path) || "", e.fields.url = (i == null ? void 0 : i.url) || "", e.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, e.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, e.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, e.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, e.fields.client_certificate = ((r = i == null ? void 0 : i.client_certificate) == null ? void 0 : r.id) || "", e.fields.ca_certificates = (_ = i == null ? void 0 : i.ca_certificates) != null && _.length ? i == null ? void 0 : i.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (i == null ? void 0 : i.tls_verify), e.fields.tags = (A = i == null ? void 0 : i.tags) != null && A.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(C, e.fields), n("update", w == null ? void 0 : w.data);
         }
-        return k;
+        return w;
       } catch (h) {
-        const { fields: k, messages: i } = B(h);
-        e.errorMessages = i, k.length && k.forEach((Y) => {
-          const ie = Y.field;
-          ie === "client_certificate.id" ? e.formFieldErrors.client_certificate = Y.message : ie.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = Y.message : Object.keys(e.formFieldErrors).includes(ie) && (e.formFieldErrors = {
+        const { fields: w, messages: i } = M(h);
+        e.errorMessages = i, w.length && w.forEach((X) => {
+          const re = X.field;
+          re === "client_certificate.id" ? e.formFieldErrors.client_certificate = X.message : re.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = X.message : Object.keys(e.formFieldErrors).includes(re) && (e.formFieldErrors = {
             ...e.formFieldErrors,
-            [ie]: Y.message
+            [re]: X.message
           });
         }), n("error", h);
       } finally {
@@ -1223,85 +1254,85 @@ const ee = {
       }
     };
     return Be(() => a.gatewayServiceId, () => {
-      Object.assign(e.fields, w);
+      Object.assign(e.fields, C);
     }), Be(e.fields, (t) => {
-      e.fields.port = se.getPortFromProtocol(t.protocol, String(t.port)), n("model-updated", j.value);
-    }), Ze(() => {
-      n("model-updated", j.value), J.value || (e.fields.name = Ue());
+      e.fields.port = Z.getPortFromProtocol(t.protocol, String(t.port)), n("model-updated", F.value);
+    }), Je(() => {
+      n("model-updated", F.value), H.value || (e.fields.name = Te());
     }), G({
-      validateUrl: Te,
-      getPayload: j,
-      saveFormData: p,
-      canSubmit: f,
-      initForm: g
+      validateUrl: ae,
+      getPayload: F,
+      saveFormData: z,
+      canSubmit: oe,
+      initForm: f
     }), (t, r) => {
-      const _ = L("KRadio"), F = L("KButton"), h = L("KInput"), k = L("KSelect"), i = L("KCheckbox"), Y = L("KCollapse"), ie = L("KAlert");
-      return E(), T("div", Kt, [
+      const _ = L("KRadio"), A = L("KButton"), h = L("KInput"), w = L("KSelect"), i = L("KCheckbox"), X = L("KCollapse"), re = L("KAlert");
+      return V(), T("div", Kt, [
         c(o(bt), {
-          "can-submit": f.value,
+          "can-submit": oe.value,
           config: s.config,
           "edit-id": s.gatewayServiceId,
-          "entity-type": o(We).GatewayService,
-          "fetch-url": z.value,
-          "form-fields": j.value,
+          "entity-type": o(ze).GatewayService,
+          "fetch-url": Ie.value,
+          "form-fields": F.value,
           "is-readonly": e.isReadonly,
-          onCancel: y,
+          onCancel: v,
           "onFetch:error": r[31] || (r[31] = (u) => t.$emit("error", u)),
-          "onFetch:success": g,
+          "onFetch:success": f,
           onLoading: r[32] || (r[32] = (u) => t.$emit("loading", u)),
-          onSubmit: p
+          onSubmit: z
         }, {
           "form-actions": d(() => [
-            Xe(t.$slots, "form-actions", {
-              canSubmit: f.value,
-              cancel: y,
-              submit: p
+            Ye(t.$slots, "form-actions", {
+              canSubmit: oe.value,
+              cancel: v,
+              submit: z
             }, void 0, !0)
           ]),
           default: d(() => [
-            c(o(qe), {
+            c(o(Ne), {
               description: o(l)("gateway_services.form.sections.keys.description"),
               "hide-info-header": s.hideSectionsInfo,
               title: o(l)("gateway_services.form.sections.keys.title")
             }, {
               default: d(() => [
-                J.value ? D("", !0) : (E(), T("div", Lt, [
-                  S("div", qt, [
+                H.value ? D("", !0) : (V(), T("div", Lt, [
+                  I("div", qt, [
                     c(_, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": r[0] || (r[0] = (u) => C.value = u),
+                      modelValue: E.value,
+                      "onUpdate:modelValue": r[0] || (r[0] = (u) => E.value = u),
                       card: "",
                       "card-orientation": "horizontal",
                       "data-testid": "gateway-service-url-radio",
                       description: o(l)("gateway_services.form.sections.keys.url.description"),
                       label: o(l)("gateway_services.form.sections.keys.url.label"),
-                      "selected-value": me.url,
-                      onChange: ye
+                      "selected-value": te.url,
+                      onChange: ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"]),
                     c(_, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": r[1] || (r[1] = (u) => C.value = u),
+                      modelValue: E.value,
+                      "onUpdate:modelValue": r[1] || (r[1] = (u) => E.value = u),
                       card: "",
                       "card-orientation": "horizontal",
                       "checked-group": "protocol",
                       "data-testid": "gateway-service-protocol-radio",
                       description: o(l)("gateway_services.form.sections.keys.protocol.description"),
                       label: o(l)("gateway_services.form.sections.keys.protocol.label"),
-                      "selected-value": me.protocol,
-                      onChange: ye
+                      "selected-value": te.protocol,
+                      onChange: ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"])
                   ]),
                   c(Me, { name: "slide-fade" }, {
                     default: d(() => [
-                      C.value === "url" ? (E(), T("div", Gt, [
+                      E.value === "url" ? (V(), T("div", Gt, [
                         c(h, {
                           modelValue: e.fields.url,
                           "onUpdate:modelValue": r[2] || (r[2] = (u) => e.fields.url = u),
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-url-input gateway-service-form-margin-bottom",
                           "data-testid": "gateway-service-url-input",
-                          error: Ae.value,
-                          "error-message": $("url"),
+                          error: $e.value,
+                          "error-message": J("url"),
                           label: o(l)("gateway_services.form.fields.upstream_url.label"),
                           "label-attributes": {
                             info: s.config.app === "konnect" ? o(l)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(l)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
@@ -1310,19 +1341,19 @@ const ee = {
                           name: "url",
                           placeholder: o(l)("gateway_services.form.fields.upstream_url.placeholder"),
                           required: "",
-                          onInput: he
-                        }, Se({ _: 2 }, [
+                          onInput: ye
+                        }, Ce({ _: 2 }, [
                           s.hideTrySampleApiButton ? void 0 : {
                             name: "after",
                             fn: d(() => [
-                              c(F, {
+                              c(A, {
                                 appearance: "tertiary",
                                 "data-testid": "try-sample-api",
                                 size: "small",
-                                onClick: _e
+                                onClick: ge
                               }, {
                                 default: d(() => [
-                                  K(V(o(l)("gateway_services.form.buttons.try_sample")), 1)
+                                  K(k(o(l)("gateway_services.form.buttons.try_sample")), 1)
                                 ]),
                                 _: 1
                               })
@@ -1337,12 +1368,12 @@ const ee = {
                 ])),
                 c(Me, { name: "slide-fade" }, {
                   default: d(() => [
-                    C.value === "protocol" || J.value ? (E(), T("div", Nt, [
-                      c(k, {
+                    E.value === "protocol" || H.value ? (V(), T("div", Nt, [
+                      c(w, {
                         modelValue: e.fields.protocol,
                         "onUpdate:modelValue": r[3] || (r[3] = (u) => e.fields.protocol = u),
                         "data-testid": "gateway-service-protocol-select",
-                        items: re,
+                        items: U,
                         label: o(l)("gateway_services.form.fields.protocol.label"),
                         "label-attributes": {
                           info: o(l)("gateway_services.form.fields.protocol.tooltip"),
@@ -1351,7 +1382,7 @@ const ee = {
                         readonly: e.isReadonly,
                         required: "",
                         width: "100%",
-                        onSelected: r[4] || (r[4] = (u) => ve(e.fields.protocol, u))
+                        onSelected: r[4] || (r[4] = (u) => Ae(e.fields.protocol, u))
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
                       c(h, {
                         modelValue: e.fields.host,
@@ -1360,7 +1391,7 @@ const ee = {
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-host-input",
                         error: !!e.formFieldErrors.host,
-                        "error-message": $("host"),
+                        "error-message": J("host"),
                         label: o(l)("gateway_services.form.fields.host.label"),
                         "label-attributes": {
                           info: o(l)("gateway_services.form.fields.host.tooltip"),
@@ -1369,18 +1400,18 @@ const ee = {
                         name: "host",
                         placeholder: o(l)("gateway_services.form.fields.host.placeholder"),
                         required: "",
-                        onInput: r[6] || (r[6] = (u) => H("host"))
-                      }, Se({ _: 2 }, [
+                        onInput: r[6] || (r[6] = (u) => x("host"))
+                      }, Ce({ _: 2 }, [
                         s.hideTrySampleApiButton ? void 0 : {
                           name: "after",
                           fn: d(() => [
-                            c(F, {
+                            c(A, {
                               appearance: "tertiary",
                               size: "small",
-                              onClick: _e
+                              onClick: ge
                             }, {
                               default: d(() => [
-                                K(V(o(l)("gateway_services.form.buttons.try_sample")), 1)
+                                K(k(o(l)("gateway_services.form.buttons.try_sample")), 1)
                               ]),
                               _: 1
                             })
@@ -1388,7 +1419,7 @@ const ee = {
                           key: "0"
                         }
                       ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      ne.value ? (E(), T("div", Ot, [
+                      he.value ? (V(), T("div", Ot, [
                         c(h, {
                           modelValue: e.fields.path,
                           "onUpdate:modelValue": r[7] || (r[7] = (u) => e.fields.path = u),
@@ -1396,7 +1427,7 @@ const ee = {
                           class: "gateway-service-form-margin-top",
                           "data-testid": "gateway-service-path-input",
                           error: !!e.formFieldErrors.path,
-                          "error-message": $("path"),
+                          "error-message": J("path"),
                           label: o(l)("gateway_services.form.fields.path.label"),
                           "label-attributes": {
                             info: o(l)("gateway_services.form.fields.path.tooltip"),
@@ -1404,7 +1435,7 @@ const ee = {
                           },
                           name: "path",
                           placeholder: o(l)("gateway_services.form.fields.path.placeholder"),
-                          onInput: r[8] || (r[8] = (u) => H("path"))
+                          onInput: r[8] || (r[8] = (u) => x("path"))
                         }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
                       ])) : D("", !0),
                       c(h, {
@@ -1412,13 +1443,13 @@ const ee = {
                         "onUpdate:modelValue": [
                           r[9] || (r[9] = (u) => e.fields.port = u),
                           r[11] || (r[11] = () => {
-                            e.fields.port = Q(e.fields.port + "");
+                            e.fields.port = W(e.fields.port + "");
                           })
                         ],
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-port-input",
                         error: !!e.formFieldErrors.port,
-                        "error-message": $("port"),
+                        "error-message": J("port"),
                         label: o(l)("gateway_services.form.fields.port.label"),
                         "label-attributes": {
                           info: o(l)("gateway_services.form.fields.port.tooltip"),
@@ -1426,15 +1457,15 @@ const ee = {
                         },
                         name: "port",
                         type: "number",
-                        onInput: r[10] || (r[10] = (u) => H("port"))
+                        onInput: r[10] || (r[10] = (u) => x("port"))
                       }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
                     ])) : D("", !0)
                   ]),
                   _: 1
                 }),
-                c(Y, {
-                  modelValue: v.value,
-                  "onUpdate:modelValue": r[27] || (r[27] = (u) => v.value = u),
+                c(X, {
+                  modelValue: g.value,
+                  "onUpdate:modelValue": r[27] || (r[27] = (u) => g.value = u),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
                   "trigger-label": o(l)("gateway_services.form.sections.keys.viewAdvancedFields")
@@ -1442,14 +1473,14 @@ const ee = {
                   default: d(() => [
                     c(Me, { name: "slide-fade" }, {
                       default: d(() => [
-                        v.value ? D("", !0) : (E(), T("div", Wt, [
-                          S("div", jt, [
+                        g.value ? D("", !0) : (V(), T("div", Wt, [
+                          I("div", jt, [
                             c(h, {
                               modelValue: e.fields.retries,
                               "onUpdate:modelValue": [
                                 r[12] || (r[12] = (u) => e.fields.retries = u),
                                 r[13] || (r[13] = () => {
-                                  e.fields.retries = Q(e.fields.retries + "");
+                                  e.fields.retries = W(e.fields.retries + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1464,13 +1495,13 @@ const ee = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          S("div", zt, [
+                          I("div", zt, [
                             c(h, {
                               modelValue: e.fields.connect_timeout,
                               "onUpdate:modelValue": [
                                 r[14] || (r[14] = (u) => e.fields.connect_timeout = u),
                                 r[15] || (r[15] = () => {
-                                  e.fields.connect_timeout = Q(e.fields.connect_timeout + "");
+                                  e.fields.connect_timeout = W(e.fields.connect_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1485,13 +1516,13 @@ const ee = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          S("div", Ht, [
+                          I("div", Ht, [
                             c(h, {
                               modelValue: e.fields.write_timeout,
                               "onUpdate:modelValue": [
                                 r[16] || (r[16] = (u) => e.fields.write_timeout = u),
                                 r[17] || (r[17] = () => {
-                                  e.fields.write_timeout = Q(e.fields.write_timeout + "");
+                                  e.fields.write_timeout = W(e.fields.write_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1506,13 +1537,13 @@ const ee = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          S("div", Zt, [
+                          I("div", Zt, [
                             c(h, {
                               modelValue: e.fields.read_timeout,
                               "onUpdate:modelValue": [
                                 r[18] || (r[18] = (u) => e.fields.read_timeout = u),
                                 r[19] || (r[19] = () => {
-                                  e.fields.read_timeout = Q(e.fields.read_timeout + "");
+                                  e.fields.read_timeout = W(e.fields.read_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1527,7 +1558,7 @@ const ee = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          $e.value ? (E(), T("div", Jt, [
+                          be.value ? (V(), T("div", Jt, [
                             c(h, {
                               modelValue: e.fields.client_certificate,
                               "onUpdate:modelValue": r[20] || (r[20] = (u) => e.fields.client_certificate = u),
@@ -1544,10 +1575,10 @@ const ee = {
                               placeholder: o(l)("gateway_services.form.fields.client_certificate.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: r[21] || (r[21] = (u) => be("client_certificate"))
+                              onInput: r[21] || (r[21] = (u) => _e("client_certificate"))
                             }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
                           ])) : D("", !0),
-                          Re.value ? (E(), T("div", Qt, [
+                          Ue.value ? (V(), T("div", Qt, [
                             c(h, {
                               modelValue: e.fields.ca_certificates,
                               "onUpdate:modelValue": r[22] || (r[22] = (u) => e.fields.ca_certificates = u),
@@ -1560,7 +1591,7 @@ const ee = {
                               placeholder: o(l)("gateway_services.form.fields.ca_certificates.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: r[23] || (r[23] = (u) => be("ca_certificates"))
+                              onInput: r[23] || (r[23] = (u) => _e("ca_certificates"))
                             }, {
                               "label-tooltip": d(() => [
                                 c(o(N), {
@@ -1568,10 +1599,10 @@ const ee = {
                                   scope: "global"
                                 }, {
                                   code1: d(() => [
-                                    S("code", null, V(o(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                    I("code", null, k(o(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
                                   ]),
                                   code2: d(() => [
-                                    S("code", null, V(o(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                    I("code", null, k(o(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
                                   ]),
                                   _: 1
                                 })
@@ -1579,7 +1610,7 @@ const ee = {
                               _: 1
                             }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
                           ])) : D("", !0),
-                          ce.value ? (E(), T("div", Xt, [
+                          Re.value ? (V(), T("div", Xt, [
                             c(i, {
                               modelValue: e.fields.tls_verify_enabled,
                               "onUpdate:modelValue": r[24] || (r[24] = (u) => e.fields.tls_verify_enabled = u),
@@ -1594,14 +1625,14 @@ const ee = {
                                   scope: "global"
                                 }, {
                                   code1: d(() => [
-                                    S("code", null, V(o(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                    I("code", null, k(o(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                                   ]),
                                   _: 1
                                 })
                               ]),
                               _: 1
                             }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (E(), T("div", Yt, [
+                            e.fields.tls_verify_enabled ? (V(), T("div", Yt, [
                               c(_, {
                                 modelValue: e.fields.tls_verify_value,
                                 "onUpdate:modelValue": r[25] || (r[25] = (u) => e.fields.tls_verify_value = u),
@@ -1610,7 +1641,7 @@ const ee = {
                                 "selected-value": !0
                               }, null, 8, ["modelValue", "label"])
                             ])) : D("", !0),
-                            e.fields.tls_verify_enabled ? (E(), T("div", eo, [
+                            e.fields.tls_verify_enabled ? (V(), T("div", eo, [
                               c(_, {
                                 modelValue: e.fields.tls_verify_value,
                                 "onUpdate:modelValue": r[26] || (r[26] = (u) => e.fields.tls_verify_value = u),
@@ -1630,7 +1661,7 @@ const ee = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            c(o(qe), {
+            c(o(Ne), {
               description: o(l)("gateway_services.form.sections.general.description"),
               "hide-info-header": s.hideSectionsInfo,
               title: o(l)("gateway_services.form.sections.general.title")
@@ -1642,8 +1673,8 @@ const ee = {
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: oe.value,
-                  "error-message": ae.value,
+                  error: Fe.value,
+                  "error-message": le.value,
                   label: o(l)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
                     info: o(l)("gateway_services.form.fields.name.tooltip"),
@@ -1653,15 +1684,15 @@ const ee = {
                   placeholder: o(l)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
-                  onInput: we
+                  onInput: ne
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                c(Y, {
+                c(X, {
                   "data-testid": "tags-collapse",
                   "trigger-alignment": "leading",
                   "trigger-label": o(l)("gateway_services.form.fields.tags.collapse")
                 }, {
                   default: d(() => [
-                    S("div", to, [
+                    I("div", to, [
                       c(h, {
                         modelValue: e.fields.tags,
                         "onUpdate:modelValue": r[29] || (r[29] = (u) => e.fields.tags = u),
@@ -1687,14 +1718,14 @@ const ee = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            e.errorMessages.length ? (E(), Ee(ie, {
+            e.errorMessages.length ? (V(), de(re, {
               key: 0,
               appearance: "danger",
               "data-testid": "form-error"
             }, {
               default: d(() => [
-                S("ul", oo, [
-                  (E(!0), T(Je, null, Qe(e.errorMessages, (u) => (E(), T("li", { key: u }, V(u), 1))), 128))
+                I("ul", oo, [
+                  (V(!0), T(Qe, null, Xe(e.errorMessages, (u) => (V(), T("li", { key: u }, k(u), 1))), 128))
                 ])
               ]),
               _: 1
@@ -1705,7 +1736,7 @@ const ee = {
       ]);
     };
   }
-}), go = /* @__PURE__ */ je(ro, [["__scopeId", "data-v-2ef1cab4"]]), { validateHost: io, validatePort: lo, validateProtocol: so, validatePath: ao } = ee.useUrlValidators(), yo = () => ({
+}), go = /* @__PURE__ */ He(ro, [["__scopeId", "data-v-2ef1cab4"]]), { validateHost: io, validatePort: lo, validateProtocol: so, validatePath: ao } = Y.useUrlValidators(), yo = () => ({
   validateHost: io,
   validatePort: lo,
   validateProtocol: so,