@kong-ui-public/entities-routes 3.17.13-pr.2782.db07c11a2.0 → 3.17.14-pr.2781.b1238e65f.0

package/dist/index-DKwH5iba.js

@@ -1,2640 +0,0 @@
-import { defineComponent as z, ref as B, computed as w, resolveComponent as N, createElementBlock as k, openBlock as m, createVNode as d, unref as t, withCtx as u, createBlock as x, toDisplayString as H, inject as De, createCommentVNode as P, createElementVNode as V, mergeModels as Y, useModel as X, createTextVNode as U, TransitionGroup as he, Fragment as G, renderList as re, nextTick as lt, defineAsyncComponent as rt, h as Ke, onMounted as Ye, renderSlot as Le, resolveDynamicComponent as qe, watch as _e, reactive as Ce, onBeforeMount as Ze, provide as it, createSlots as Be, withModifiers as Ne, Teleport as at } from "vue";
-import { useAxios as Fe, ConfigurationSchemaType as ve, ConfigurationSchemaSection as pe, EntityBaseConfigCard as nt, SupportedEntityType as et, InternalLinkItem as ut, useErrors as dt, useGatewayFeatureSupported as ct, EntityBaseFormType as Ge, useDebouncedFilter as pt, EntityBaseForm as ft, EntityFormSection as We, useTableState as mt, useFetcher as vt, useDeleteUrlBuilder as ht, FetcherStatus as gt, EntityBaseTable as yt, PermissionsWrapper as ke, TableTags as bt, EntityFilter as St, EntityDeleteModal as _t, EntityTypes as Tt } from "@kong-ui-public/entities-shared";
-import { createI18n as It, i18nTComponent as Et } from "@kong-ui-public/i18n";
-import je from "lodash.isequal";
-import { useRouter as tt } from "vue-router";
-import { AddIcon as Ue, CloseIcon as Rt, RocketIcon as At, InfoIcon as Ot, BookIcon as Xe, ForwardIcon as kt } from "@kong/icons";
-import { BadgeMethodAppearances as Ht } from "@kong/kongponents";
-const oe = "/v2/control-planes/{controlPlaneId}/core-entities", se = "/{workspace}", Te = {
-  list: {
-    konnect: {
-      all: `${oe}/routes`,
-      forGatewayService: `${oe}/services/{serviceId}/routes`
-    },
-    kongManager: {
-      all: `${se}/routes`,
-      forGatewayService: `${se}/services/{serviceId}/routes`
-    }
-  },
-  form: {
-    konnect: {
-      services: `${oe}/services`,
-      create: {
-        all: `${oe}/routes`,
-        forGatewayService: `${oe}/services/{serviceId}/routes`
-      },
-      fetch: {
-        all: `${oe}/routes/{id}`,
-        forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
-      },
-      edit: {
-        all: `${oe}/routes/{id}`,
-        forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
-      }
-    },
-    kongManager: {
-      services: `${se}/services`,
-      create: {
-        all: `${se}/routes`,
-        forGatewayService: `${se}/services/{serviceId}/routes`
-      },
-      fetch: {
-        all: `${se}/routes/{id}`,
-        forGatewayService: `${se}/services/{serviceId}/routes/{id}`
-      },
-      edit: {
-        all: `${se}/routes/{id}`,
-        forGatewayService: `${se}/services/{serviceId}/routes/{id}`
-      }
-    }
-  },
-  item: {
-    konnect: {
-      getService: `${oe}/services/{serviceId}`,
-      all: `${oe}/routes/{id}`,
-      forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
-    },
-    kongManager: {
-      getService: `${se}/services/{serviceId}`,
-      all: `${se}/routes/{id}`,
-      forGatewayService: `${se}/services/{serviceId}/routes/{id}`
-    }
-  }
-}, Nt = {
-  create: "New route",
-  debugger: "Start debugging",
-  copy_id: "Copy ID",
-  copy_json: "Copy JSON",
-  edit: "Edit",
-  delete: "Delete",
-  clear: "Clear",
-  view: "View Details",
-  loading: "Loading..."
-}, Ct = {
-  placeholder: {
-    konnect: "Filter by name",
-    exact: "Filter by exact name or ID",
-    kongManager: "Filter by exact name or ID"
-  },
-  no_results: "No results found"
-}, xt = {
-  title: "Routes",
-  list: {
-    toolbar_actions: {
-      new_route: "New route"
-    },
-    table_headers: {
-      name: "Name",
-      protocols: "Protocols",
-      hosts: "Hosts",
-      methods: "Methods",
-      paths: "Paths",
-      expression: "Expression",
-      id: "ID",
-      tags: "Tags",
-      created_at: "Created At",
-      updated_at: "Last Modified"
-    },
-    empty_state: {
-      title: "Configure a New Route",
-      description: "Routes proxy requests to an associated Service."
-    },
-    empty_state_v2: {
-      title: "Configure your first route",
-      group: "Routes created in gateways within this group will automatically appear here.",
-      description: "Routes direct incoming API requests to the appropriate gateway service based on paths, methods, and headers, ensuring efficient traffic flow.",
-      learn_more: "Learn more"
-    }
-  }
-}, Dt = {
-  general: "Routes could not be retrieved",
-  delete: "The route could not be deleted at this time.",
-  copy: "Failed to copy to clipboard",
-  services: {
-    fetch: "Could not fetch available services"
-  }
-}, Vt = {
-  success: "Copied {val} to clipboard",
-  success_brief: "Successfully copied to clipboard"
-}, wt = {
-  config_flavor: {
-    label: "Define by"
-  },
-  config_types: {
-    basic: {
-      description: "Quickly set up a route with HTTP & HTTPS protocol with the essentials: path, method, and host.",
-      label: "Basic"
-    },
-    advanced: {
-      description: "Define complex route logic with other protocols or additional paths or attributes such as headers.",
-      label: "Advanced"
-    }
-  },
-  protocols: {
-    grpc: "GRPC",
-    grpcs: "GRPCS",
-    "grpc,grpcs": "GRPC, GRPCS",
-    http: "HTTP",
-    https: "HTTPS",
-    "http,https": "HTTP, HTTPS",
-    tls: "TLS",
-    tcp: "TCP",
-    udp: "UDP",
-    "tls,udp": "TLS, UDP",
-    "tcp,udp": "TCP, UDP",
-    "tcp,tls": "TCP, TLS",
-    "tcp,tls,udp": "TCP, TLS, UDP",
-    ws: "WS",
-    wss: "WSS",
-    "ws,wss": "WS, WSS",
-    tls_passthrough: "TLS_PASSTHROUGH"
-  },
-  sections: {
-    general: {
-      title: "General Information",
-      description: "General information will help you identify and manage this route"
-    },
-    config: {
-      title: "Route Configuration",
-      description: "Route configuration determines how this route will handle incoming requests"
-    },
-    routingRules: {
-      title: "Routing Rules"
-    },
-    routingExpression: {
-      title: "Routing Expression"
-    }
-  },
-  fields: {
-    service_id: {
-      label: "Service",
-      placeholder: "Select a service"
-    },
-    name: {
-      label: "Name",
-      placeholder: "Enter a unique name",
-      tooltip: "The name of the Route. Route names must be unique, and they are case sensitive. For example, there can be two different Routes named 'test' and 'Test'."
-    },
-    service: {
-      label: "Gateway Service",
-      tooltip: "The Service this Route is associated to. This is where the Route proxies traffic to."
-    },
-    tags: {
-      label: "Tags",
-      tooltip: "An optional set of strings associated with the Route for grouping and filtering.",
-      placeholder: "Enter a list of tags separated by commas",
-      help: "e.g. tag1, tag2, tag3"
-    },
-    protocols: {
-      label: "Protocols",
-      tooltip: "The protocols this route supports."
-    },
-    path_handling: {
-      label: "Path Handling",
-      tooltip: "Controls how Kong modifies the request path before proxying to the upstream service. Use v1 for standardized, predictable path behavior. Use v0 for legacy compatibility."
-    },
-    https_redirect_status_code: {
-      label: "HTTPS Redirect Status Code",
-      tooltip: "Specifies the HTTP status code for redirecting requests from HTTP to HTTPS. Use <code>301</code> or <code>308</code> for permanent redirects, <code>302</code> or <code>307</code> for temporary redirects."
-    },
-    regex_priority: {
-      label: "Regex Priority",
-      tooltip: "Regex priority is determined by length first (longer patterns win), and when lengths are the same, more specific regexes are preferred.  When two routes match the path and have the same <code>regex_priority</code>, the older one (lowest <code>created_at</code>) is used."
-    },
-    strip_path: {
-      label: "Strip Path",
-      tooltip: "When enabled, Kong removes the portion of the request path that matches the route's path before forwarding the request to the upstream. If the request exactly matches the route, the result is <code>/</code>. Disable if that's not desired."
-    },
-    preserve_host: {
-      label: "Preserve Host",
-      tooltip: "Keeps the original <code>Host</code> header when proxying requests. Enable this if the upstream service requires the client's <code>Host</code> value. Disable if the service expects its own hostname."
-    },
-    paths: {
-      add: "Add a path",
-      label: "Paths",
-      label_singular: "Path",
-      placeholder: "e.g. /api/v1",
-      singular: "path",
-      tooltip: "Match specific URL paths, such as <code>/api/v1</code>. Prefix with <code>~</code> to enable regex-based matching."
-    },
-    snis: {
-      add: "Add an SNI",
-      label: "SNIs",
-      placeholder: "e.g. api.example.com",
-      singular: "SNI",
-      tooltip: "SNIs (Server Name Indications) that match the route when using stream routing."
-    },
-    hosts: {
-      add: "Add a host",
-      label: "Hosts",
-      label_singular: "Host",
-      placeholder: "e.g. example.com",
-      singular: "host",
-      tooltip: "Match specific domain names, such as <code>api.example.com</code>."
-    },
-    methods: {
-      label: "Methods",
-      placeholder: "Select methods",
-      search_placeholder: "Search for a method or enter a custom method",
-      singular: "method",
-      tooltip: "Match specific HTTP methods, such as GET or POST. If no method is selected, all methods are included.",
-      custom: {
-        label: "Custom",
-        placeholder: "Enter a custom method",
-        tooltip: "Custom methods can be used with default selections. Uppercase characters are required."
-      }
-    },
-    headers: {
-      add: "Add a header",
-      label: "Headers",
-      singular: "header",
-      tooltip: "Match specific headers, such as <code>x-api-version</code> or <code>x-region</code>. Doesn't accept the <code>Host</code> header. Provide only one entry and prefix with <code>~</code> to enable regex-based matching.",
-      name: {
-        placeholder: "e.g. x-api-version"
-      },
-      values: {
-        placeholder: "e.g. v1"
-      }
-    },
-    sources: {
-      add: "Add a source",
-      label: "Sources",
-      singular: "source",
-      tooltip: "A list of IP sources of incoming connections that match this Route when using stream routing.",
-      ip: {
-        placeholder: "Enter a source IP"
-      },
-      port: {
-        placeholder: "Enter a source port"
-      }
-    },
-    destinations: {
-      add: "Add a destination",
-      label: "Destinations",
-      singular: "destination",
-      tooltip: "A list of IP destinations of incoming connections that match this Route when using stream routing.",
-      ip: {
-        placeholder: "Enter a destination IP"
-      },
-      port: {
-        placeholder: "Enter a destination port"
-      }
-    },
-    response_buffering: {
-      label: "Response buffering",
-      tooltip: "Reads and buffers the full response from the upstream service before sending it to the client. Enable buffering if the client expects the complete response at once. Disable for faster streaming of large or chunked responses."
-    },
-    request_buffering: {
-      label: "Request buffering",
-      tooltip: "Reads and buffers the full request body before proxying. Enable buffering if the upstream service requires the complete request before processing. Disable for faster streaming of large or chunked requests."
-    },
-    expression: {
-      label: "Expression",
-      tooltip: "The route expression."
-    },
-    priority: {
-      label: "Priority",
-      tooltip: "A number used to choose which route resolves a given request when several routes match it using expression simultaneously."
-    }
-  },
-  flavors: {
-    traditional: "Traditional Form",
-    expressions: "Expressions Editor"
-  },
-  show_more: "Show more",
-  hint: {
-    rules_message: "Choose at least one {routingRules} option.",
-    single_rule: "{routingRules}",
-    multiple_rules: "{routingRules} or {lastRoutingRule}",
-    advanced: "To add more than one, use the Advanced options."
-  },
-  warning: {
-    cannotChangeFlavor: {
-      create: "The format of the route cannot be changed once created.",
-      edit: "This route was configured in the {format} format, and cannot be changed after creation. You can switch to the {format} tab to edit, or create a new route in a different format instead."
-    }
-  },
-  expressions_editor: {
-    loading: "Loading the Expressions editor…",
-    error: "Error occurred while loading the Expressions editor. Please view the console for more details."
-  },
-  expression_playground: {
-    test_link: "Test with Router Playground",
-    supported_protocols_hint: "Currently only supports the following protocols: {protocols}"
-  }
-}, Mt = {
-  actions: Nt,
-  search: Ct,
-  routes: xt,
-  delete: {
-    title: "Delete a Route",
-    description: "Deleting this route will also remove any associated plugins. This action cannot be reversed."
-  },
-  errors: Dt,
-  copy: Vt,
-  form: wt
-};
-function $t() {
-  const e = It("en-us", Mt);
-  return {
-    i18n: e,
-    i18nT: Et(e)
-    // Translation component <i18n-t>
-  };
-}
-const J = {
-  useI18n: $t
-}, Ut = { class: "kong-ui-entities-route-entity-config-card" }, Pt = { key: 2 }, cs = /* @__PURE__ */ z({
-  __name: "RouteConfigCard",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || e.app === "konnect" && !e.controlPlaneId || e.app === "kongManager" && typeof e.workspace != "string" || !e.entityId)
-    },
-    /**
-     * External link for documentation that determines visibility of Documentation button
-     */
-    configCardDoc: {
-      type: String,
-      default: "",
-      required: !1
-    },
-    /**
-     * Control visibility of card title content
-     */
-    hideTitle: {
-      type: Boolean,
-      default: !1
-    },
-    /** The id of the service with which the route is associated */
-    serviceId: {
-      type: String,
-      required: !1,
-      default: ""
-    }
-  },
-  emits: ["loading", "fetch:error", "fetch:success", "navigation-click"],
-  setup(e, { emit: C }) {
-    var F;
-    const f = C, o = e, { axiosInstance: a } = Fe((F = o.config) == null ? void 0 : F.axiosRequestConfig), { i18n: { t: v } } = J.useI18n(), i = B(""), A = B(""), h = B(!1), g = w(
-      () => {
-        var r, c;
-        return (c = Te.item[(r = o.config) == null ? void 0 : r.app]) == null ? void 0 : c[o.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, o.serviceId);
-      }
-    ), p = w(() => {
-      var r;
-      return (r = Te.item[o.config.app]) == null ? void 0 : r.getService;
-    }), y = async (r) => {
-      var S, M, le;
-      if (i.value = o.serviceId || ((S = r == null ? void 0 : r.service) == null ? void 0 : S.id), f("fetch:success", r), !i.value)
-        return;
-      let c = `${o.config.apiBaseUrl}${p.value}`;
-      o.config.app === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((M = o.config) == null ? void 0 : M.controlPlaneId) || "").replace(/{serviceId}/gi, i.value || "") : o.config.app === "kongManager" && (c = c.replace(/\/{workspace}/gi, (le = o.config) != null && le.workspace ? `/${o.config.workspace}` : "").replace(/{serviceId}/gi, i.value || ""));
-      try {
-        h.value = !0;
-        const { data: j } = await a.get(c);
-        A.value = (j == null ? void 0 : j.name) || (j == null ? void 0 : j.id);
-      } catch (j) {
-        f("fetch:error", j);
-      } finally {
-        h.value = !1;
-      }
-    }, D = B({
-      id: {},
-      name: {
-        tooltip: v("form.fields.name.tooltip")
-      },
-      created_at: {},
-      updated_at: {},
-      service: {
-        label: v("form.fields.service.label"),
-        section: pe.Basic,
-        tooltip: v("form.fields.service.tooltip"),
-        order: 5
-      },
-      tags: {
-        tooltip: v("form.fields.tags.tooltip"),
-        order: 6
-      },
-      protocols: {
-        section: pe.Basic,
-        tooltip: v("form.fields.protocols.tooltip"),
-        type: ve.BadgeTag,
-        order: 7
-      },
-      paths: {
-        section: pe.Basic,
-        tooltip: v("form.fields.paths.tooltip"),
-        type: ve.CopyBadge,
-        order: 8
-      },
-      hosts: {
-        section: pe.Basic,
-        tooltip: v("form.fields.hosts.tooltip"),
-        type: ve.CopyBadge,
-        order: 9
-      },
-      snis: {
-        label: v("form.fields.snis.label"),
-        tooltip: v("form.fields.snis.tooltip"),
-        order: 10
-      },
-      headers: {
-        section: pe.Basic,
-        tooltip: v("form.fields.headers.tooltip"),
-        order: 11
-      },
-      methods: {
-        section: pe.Basic,
-        tooltip: v("form.fields.methods.tooltip"),
-        type: ve.BadgeMethod,
-        order: 12
-      },
-      sources: {
-        section: pe.Basic,
-        tooltip: v("form.fields.sources.tooltip"),
-        type: ve.JsonArray,
-        order: 13
-      },
-      destinations: {
-        section: pe.Basic,
-        tooltip: v("form.fields.destinations.tooltip"),
-        type: ve.JsonArray,
-        order: 14
-      },
-      // advanced fields
-      https_redirect_status_code: {
-        tooltip: v("form.fields.https_redirect_status_code.tooltip"),
-        order: 1
-      },
-      regex_priority: {
-        tooltip: v("form.fields.regex_priority.tooltip"),
-        order: 2
-      },
-      strip_path: {
-        tooltip: v("form.fields.strip_path.tooltip"),
-        order: 3
-      },
-      preserve_host: {
-        tooltip: v("form.fields.preserve_host.tooltip"),
-        order: 4
-      },
-      request_buffering: {
-        tooltip: v("form.fields.request_buffering.tooltip"),
-        order: 5
-      },
-      response_buffering: {
-        tooltip: v("form.fields.response_buffering.tooltip"),
-        order: 6
-      },
-      path_handling: {
-        tooltip: v("form.fields.path_handling.tooltip"),
-        order: 7
-      }
-    });
-    return (r, c) => {
-      const S = N("KSkeleton");
-      return m(), k("div", Ut, [
-        d(t(nt), {
-          config: e.config,
-          "config-card-doc": e.configCardDoc,
-          "config-schema": D.value,
-          "entity-type": t(et).Route,
-          "fetch-url": g.value,
-          "hide-title": e.hideTitle,
-          "onFetch:error": c[0] || (c[0] = (M) => r.$emit("fetch:error", M)),
-          "onFetch:success": y,
-          onLoading: c[1] || (c[1] = (M) => r.$emit("loading", M))
-        }, {
-          service: u(({ row: M }) => [
-            h.value ? (m(), x(S, {
-              key: 0,
-              "data-testid": "service-name-loader",
-              type: "spinner"
-            })) : M.value && M.value.id === i.value && A.value ? (m(), x(t(ut), {
-              key: 1,
-              item: {
-                key: M.value.id,
-                value: A.value,
-                type: t(ve).LinkInternal
-              },
-              onNavigationClick: () => r.$emit("navigation-click", M.value.id, "services")
-            }, null, 8, ["item", "onNavigationClick"])) : (m(), k("div", Pt, H("-")))
-          ]),
-          _: 1
-        }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
-      ]);
-    };
-  }
-});
-var q = /* @__PURE__ */ ((e) => (e.TRADITIONAL = "traditional", e.EXPRESSIONS = "expressions", e))(q || {}), s = /* @__PURE__ */ ((e) => (e.PATHS = "paths", e.SNIS = "snis", e.HOSTS = "hosts", e.METHODS = "methods", e.HEADERS = "headers", e.SOURCES = "sources", e.DESTINATIONS = "destinations", e))(s || {}), Se = /* @__PURE__ */ ((e) => (e.LOADING = "loading", e.ERROR = "error", e.READY = "ready", e))(Se || {}), Ie = /* @__PURE__ */ ((e) => (e.GET = "GET", e.PUT = "PUT", e.POST = "POST", e.PATCH = "PATCH", e.DELETE = "DELETE", e.OPTIONS = "OPTIONS", e.HEAD = "HEAD", e.CONNECT = "CONNECT", e.TRACE = "TRACE", e))(Ie || {});
-const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.expressions === !0, W = {
-  [s.PATHS]: [""],
-  [s.SNIS]: [""],
-  [s.HOSTS]: [""],
-  [s.METHODS]: [],
-  [s.HEADERS]: [{ header: "", values: "" }],
-  [s.SOURCES]: [{ ip: "", port: null }],
-  [s.DESTINATIONS]: [{ ip: "", port: null }]
-}, Pe = {
-  http: [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS],
-  https: [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS, s.SNIS],
-  "http,https": [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS, s.SNIS],
-  "https,http": [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS, s.SNIS],
-  grpc: [s.PATHS, s.HOSTS, s.HEADERS],
-  grpcs: [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
-  "grpc,grpcs": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
-  "grpcs,grpc": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
-  udp: [s.SOURCES, s.DESTINATIONS],
-  tls: [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  tcp: [s.SOURCES, s.DESTINATIONS],
-  "tls,udp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  "udp,tls": [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  "tcp,udp": [s.SOURCES, s.DESTINATIONS],
-  "udp,tcp": [s.SOURCES, s.DESTINATIONS],
-  "tcp,tls": [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  "tls,tcp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  "tcp,tls,udp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  "tls,udp,tcp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  "udp,tcp,tls": [s.SOURCES, s.DESTINATIONS, s.SNIS],
-  tls_passthrough: [s.SNIS],
-  ws: [s.PATHS, s.HOSTS, s.HEADERS],
-  wss: [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
-  "ws,wss": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
-  "wss,ws": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS]
-}, ot = [
-  { label: "426", value: 426 },
-  { label: "301", value: 301 },
-  { label: "302", value: 302 },
-  { label: "307", value: 307 },
-  { label: "308", value: 308 }
-], Lt = [
-  { label: "v0", value: "v0" },
-  { label: "v1", value: "v1" }
-], xe = {
-  https_redirect_status_code: 426,
-  strip_path: !0,
-  preserve_host: !1,
-  request_buffering: !0,
-  response_buffering: !0
-}, Ft = {
-  ...xe,
-  paths: [""],
-  regex_priority: 0,
-  path_handling: "v0",
-  expression: "",
-  priority: 0
-}, Kt = /* @__PURE__ */ z({
-  __name: "RuleControlsAdd",
-  props: {
-    routingRulesEntity: {}
-  },
-  emits: ["add"],
-  setup(e, { emit: C }) {
-    const f = e, o = C, a = De("configType", "basic"), { i18n: { t: v } } = J.useI18n(), i = w(() => v(`form.fields.${f.routingRulesEntity}.add`));
-    return (A, h) => {
-      const g = N("KButton");
-      return t(a) !== "basic" ? (m(), x(g, {
-        key: 0,
-        appearance: "tertiary",
-        class: "routing-rule-add-item-button",
-        "data-testid": `add-${e.routingRulesEntity}`,
-        onClick: h[0] || (h[0] = (p) => o("add"))
-      }, {
-        default: u(() => [
-          d(t(Ue)),
-          V("span", null, H(i.value), 1)
-        ]),
-        _: 1
-      }, 8, ["data-testid"])) : P("", !0);
-    };
-  }
-}), Z = (e, C) => {
-  const f = e.__vccOpts || e;
-  for (const [o, a] of C)
-    f[o] = a;
-  return f;
-}, Ee = /* @__PURE__ */ Z(Kt, [["__scopeId", "data-v-f1f4cfc9"]]), qt = "#afb7c5", Bt = "#0044f4", Gt = "16px", Re = /* @__PURE__ */ z({
-  __name: "RuleControlsRemove",
-  props: {
-    disabled: { type: Boolean },
-    routingRulesEntity: {}
-  },
-  emits: ["remove"],
-  setup(e, { emit: C }) {
-    const f = C, o = De("configType", "basic");
-    return (a, v) => {
-      const i = N("KButton");
-      return t(o) !== "basic" ? (m(), x(i, {
-        key: 0,
-        appearance: "tertiary",
-        "data-testid": `remove-${e.routingRulesEntity}`,
-        disabled: e.disabled,
-        icon: "",
-        onClick: v[0] || (v[0] = (A) => f("remove"))
-      }, {
-        default: u(() => [
-          d(t(Rt), {
-            color: e.disabled ? t(qt) : t(Bt)
-          }, null, 8, ["color"])
-        ]),
-        _: 1
-      }, 8, ["data-testid", "disabled"])) : P("", !0);
-    };
-  }
-}), Wt = { class: "routing-rule-container" }, jt = ["innerHTML"], Xt = /* @__PURE__ */ z({
-  __name: "DestinationRules",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = N("KLabel"), h = N("KInput");
-      return m(), k("div", Wt, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: u(() => [
-            V("span", {
-              innerHTML: t(f)("form.fields.destinations.tooltip")
-            }, null, 8, jt)
-          ]),
-          default: u(() => [
-            U(" " + H(t(f)("form.fields.destinations.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(he, { name: "appear" }, {
-          default: u(() => [
-            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: o.value[p].ip,
-                "onUpdate:modelValue": (y) => o.value[p].ip = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-destinations-ip-input-${p + 1}`,
-                placeholder: t(f)("form.fields.destinations.ip.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(h, {
-                modelValue: o.value[p].port,
-                "onUpdate:modelValue": (y) => o.value[p].port = y,
-                modelModifiers: { number: !0 },
-                "data-testid": `route-form-destinations-port-input-${p + 1}`,
-                max: "65535",
-                min: "0",
-                placeholder: t(f)("form.fields.destinations.port.placeholder"),
-                type: "number"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Re, {
-                disabled: o.value.length === 1,
-                "routing-rules-entity": t(s).DESTINATIONS,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(Ee, {
-          "routing-rules-entity": t(s).DESTINATIONS,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), zt = /* @__PURE__ */ Z(Xt, [["__scopeId", "data-v-3eb40a37"]]), Jt = { class: "routing-rule-container" }, Qt = ["innerHTML"], Yt = /* @__PURE__ */ z({
-  __name: "HeaderRules",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = N("KLabel"), h = N("KInput");
-      return m(), k("div", Jt, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: u(() => [
-            V("span", {
-              innerHTML: t(f)("form.fields.headers.tooltip")
-            }, null, 8, Qt)
-          ]),
-          default: u(() => [
-            U(" " + H(t(f)("form.fields.headers.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(he, { name: "appear" }, {
-          default: u(() => [
-            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: o.value[p].header,
-                "onUpdate:modelValue": (y) => o.value[p].header = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-headers-name-input-${p + 1}`,
-                placeholder: t(f)("form.fields.headers.name.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(h, {
-                modelValue: o.value[p].values,
-                "onUpdate:modelValue": (y) => o.value[p].values = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-headers-values-input-${p + 1}`,
-                placeholder: t(f)("form.fields.headers.values.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Re, {
-                disabled: o.value.length === 1,
-                "routing-rules-entity": t(s).HEADERS,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(Ee, {
-          "routing-rules-entity": t(s).HEADERS,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), Zt = /* @__PURE__ */ Z(Yt, [["__scopeId", "data-v-d3bede0b"]]), eo = { class: "routing-rule-container" }, to = ["innerHTML"], oo = /* @__PURE__ */ z({
-  __name: "HostRules",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C, v = De("configType", "basic");
-    return (i, A) => {
-      const h = N("KLabel"), g = N("KInput");
-      return m(), k("div", eo, [
-        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: u(() => [
-            V("span", {
-              innerHTML: t(f)("form.fields.hosts.tooltip")
-            }, null, 8, to)
-          ]),
-          default: u(() => [
-            U(" " + H(t(v) === "basic" ? t(f)("form.fields.hosts.label_singular") : t(f)("form.fields.hosts.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(he, { name: "appear" }, {
-          default: u(() => [
-            (m(!0), k(G, null, re(t(v) === "basic" ? o.value.slice(0, 1) : o.value, (p, y) => (m(), k("div", {
-              key: y,
-              class: "routing-rule-input"
-            }, [
-              d(g, {
-                modelValue: o.value[y],
-                "onUpdate:modelValue": (D) => o.value[y] = D,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-hosts-input-${y + 1}`,
-                placeholder: t(f)("form.fields.hosts.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Re, {
-                disabled: o.value.length === 1,
-                "routing-rules-entity": t(s).HOSTS,
-                onRemove: (D) => a("remove", y)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(Ee, {
-          "routing-rules-entity": t(s).HOSTS,
-          onAdd: A[0] || (A[0] = (p) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), so = /* @__PURE__ */ Z(oo, [["__scopeId", "data-v-dccd9082"]]), lo = {
-  class: "routing-rule-container",
-  "data-testid": "route-form-methods"
-}, ro = ["innerHTML"], io = { class: "routing-rule-input" }, ao = /* @__PURE__ */ z({
-  __name: "MethodRules",
-  props: {
-    methods: { required: !0 },
-    methodsModifiers: {},
-    customMethods: { required: !0 },
-    customMethodsModifiers: {}
-  },
-  emits: ["update:methods", "update:customMethods"],
-  setup(e) {
-    const { i18n: { t: C } } = J.useI18n(), f = X(e, "methods"), o = X(e, "customMethods"), a = w(() => f.value.filter((g) => Object.keys(Ie).includes(g)).concat(o.value.map((g) => g.value))), v = w(() => Object.keys(Ie).map((g) => ({
-      label: g,
-      value: g
-    })).concat(o.value.map((g) => ({
-      label: g.label,
-      value: g.value,
-      custom: !0
-    })))), i = (g) => !v.value.map((p) => p.value.toLowerCase()).includes(g.toLowerCase()), A = (g, p) => {
-      p ? o.value.push(g) : o.value = o.value.filter((y) => y.value !== g.value);
-    }, h = (g) => {
-      f.value = g;
-    };
-    return (g, p) => {
-      const y = N("KLabel"), D = N("KMultiselect");
-      return m(), k("div", lo, [
-        d(y, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: u(() => [
-            V("span", {
-              innerHTML: t(C)("form.fields.methods.tooltip")
-            }, null, 8, ro)
-          ]),
-          default: u(() => [
-            U(" " + H(t(C)("form.fields.methods.label")), 1)
-          ]),
-          _: 1
-        }),
-        V("div", io, [
-          d(D, {
-            "enable-item-creation": "",
-            "item-creation-validator": i,
-            items: v.value,
-            "model-value": a.value,
-            placeholder: t(C)("form.fields.methods.placeholder"),
-            "search-placeholder": t(C)("form.fields.methods.search_placeholder"),
-            onItemAdded: p[0] || (p[0] = (F) => A(F, !0)),
-            onItemRemoved: p[1] || (p[1] = (F) => A(F, !1)),
-            "onUpdate:modelValue": h
-          }, null, 8, ["items", "model-value", "placeholder", "search-placeholder"])
-        ])
-      ]);
-    };
-  }
-}), no = /* @__PURE__ */ Z(ao, [["__scopeId", "data-v-6c94d6d2"]]), uo = { class: "routing-rule-container" }, co = ["innerHTML"], po = /* @__PURE__ */ z({
-  __name: "PathRules",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C, v = De("configType", "basic");
-    return (i, A) => {
-      const h = N("KLabel"), g = N("KInput");
-      return m(), k("div", uo, [
-        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: u(() => [
-            V("span", {
-              innerHTML: t(f)("form.fields.paths.tooltip")
-            }, null, 8, co)
-          ]),
-          default: u(() => [
-            U(" " + H(t(v) === "basic" ? t(f)("form.fields.paths.label_singular") : t(f)("form.fields.paths.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(he, { name: "appear" }, {
-          default: u(() => [
-            (m(!0), k(G, null, re(t(v) === "basic" ? o.value.slice(0, 1) : o.value, (p, y) => (m(), k("div", {
-              key: y,
-              class: "routing-rule-input"
-            }, [
-              d(g, {
-                modelValue: o.value[y],
-                "onUpdate:modelValue": (D) => o.value[y] = D,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-paths-input-${y + 1}`,
-                placeholder: t(f)("form.fields.paths.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Re, {
-                disabled: o.value.length === 1,
-                "routing-rules-entity": t(s).PATHS,
-                onRemove: (D) => a("remove", y)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(Ee, {
-          "routing-rules-entity": t(s).PATHS,
-          onAdd: A[0] || (A[0] = (p) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), fo = /* @__PURE__ */ Z(po, [["__scopeId", "data-v-eb440a9e"]]), mo = { class: "routing-rule-container" }, vo = ["innerHTML"], ho = /* @__PURE__ */ z({
-  __name: "SniRules",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = N("KLabel"), h = N("KInput");
-      return m(), k("div", mo, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: u(() => [
-            V("span", {
-              innerHTML: t(f)("form.fields.snis.tooltip")
-            }, null, 8, vo)
-          ]),
-          default: u(() => [
-            U(" " + H(t(f)("form.fields.snis.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(he, { name: "appear" }, {
-          default: u(() => [
-            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: o.value[p],
-                "onUpdate:modelValue": (y) => o.value[p] = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-snis-input-${p + 1}`,
-                placeholder: t(f)("form.fields.snis.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Re, {
-                disabled: o.value.length === 1,
-                "routing-rules-entity": t(s).SNIS,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(Ee, {
-          "routing-rules-entity": t(s).SNIS,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), go = /* @__PURE__ */ Z(ho, [["__scopeId", "data-v-e6782e08"]]), yo = { class: "routing-rule-container" }, bo = ["innerHTML"], So = /* @__PURE__ */ z({
-  __name: "SourceRules",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = N("KLabel"), h = N("KInput");
-      return m(), k("div", yo, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: u(() => [
-            V("span", {
-              innerHTML: t(f)("form.fields.sources.tooltip")
-            }, null, 8, bo)
-          ]),
-          default: u(() => [
-            U(" " + H(t(f)("form.fields.sources.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(he, { name: "appear" }, {
-          default: u(() => [
-            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: o.value[p].ip,
-                "onUpdate:modelValue": (y) => o.value[p].ip = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-sources-ip-input-${p + 1}`,
-                placeholder: t(f)("form.fields.sources.ip.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(h, {
-                modelValue: o.value[p].port,
-                "onUpdate:modelValue": (y) => o.value[p].port = y,
-                modelModifiers: { number: !0 },
-                "data-testid": `route-form-sources-port-input-${p + 1}`,
-                max: "65535",
-                min: "0",
-                placeholder: t(f)("form.fields.sources.port.placeholder"),
-                type: "number"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Re, {
-                disabled: o.value.length === 1,
-                "routing-rules-entity": t(s).SOURCES,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(Ee, {
-          "routing-rules-entity": t(s).SOURCES,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), _o = /* @__PURE__ */ Z(So, [["__scopeId", "data-v-448078c1"]]), To = { class: "traditional-rules-hint" }, Io = { key: 0 }, Eo = ["innerHTML"], Ro = {
-  key: 0,
-  class: "route-form-fields-container route-form-advanced-fields-container"
-}, Ao = ["innerHTML"], Oo = ["innerHTML"], ko = ["innerHTML"], Ho = ["innerHTML"], No = ["innerHTML"], Co = ["innerHTML"], xo = /* @__PURE__ */ z({
-  __name: "TraditionalRules",
-  props: /* @__PURE__ */ Y({
-    protocols: {},
-    hideAdvanced: { type: Boolean },
-    readonly: { type: Boolean },
-    configType: {}
-  }, {
-    fields: { required: !0 },
-    fieldsModifiers: {},
-    customMethods: { required: !0 },
-    customMethodsModifiers: {}
-  }),
-  emits: ["update:fields", "update:customMethods"],
-  setup(e) {
-    const { i18nT: C, i18n: f, i18n: { t: o } } = J.useI18n(), a = f.source.form.protocols, v = e, i = X(e, "fields"), A = X(e, "customMethods"), h = (r) => {
-      switch (r) {
-        case s.PATHS:
-          Array.isArray(i.value.paths) ? i.value.paths.push([...W[s.PATHS]][0]) : i.value.paths = [...W[s.PATHS]];
-          break;
-        case s.SNIS:
-          Array.isArray(i.value.snis) ? i.value.snis.push([...W[s.SNIS]][0]) : i.value.snis = [...W[s.SNIS]];
-          break;
-        case s.HOSTS:
-          Array.isArray(i.value.hosts) ? i.value.hosts.push([...W[s.HOSTS]][0]) : i.value.hosts = [...W[s.HOSTS]];
-          break;
-        case s.METHODS:
-          i.value.methods || (i.value.methods = { ...W[s.METHODS] });
-          break;
-        case s.HEADERS:
-          Array.isArray(i.value.headers) ? i.value.headers.push({ ...W[s.HEADERS][0] }) : i.value.headers = [{ ...W[s.HEADERS][0] }];
-          break;
-        case s.SOURCES:
-          Array.isArray(i.value.sources) ? i.value.sources.push({ ...W[s.SOURCES][0] }) : i.value.sources = [{ ...W[s.SOURCES][0] }];
-          break;
-        case s.DESTINATIONS:
-          Array.isArray(i.value.destinations) ? i.value.destinations.push({ ...W[s.DESTINATIONS][0] }) : i.value.destinations = [{ ...W[s.DESTINATIONS][0] }];
-          break;
-      }
-    }, g = async (r, c) => {
-      if (typeof c < "u") {
-        const S = i.value[r];
-        if (Array.isArray(S) && (S.splice(c, 1), S.length > 0))
-          return;
-      }
-      await lt(() => {
-        delete i.value[r];
-      });
-    }, p = (r) => r.some((c) => v.protocols.includes(c)), y = w(() => new Set(Pe[v.protocols])), D = w(() => {
-      if (p(["tls_passthrough"]))
-        return [F(s.SNIS)];
-      const r = (v.configType === "basic" ? [s.PATHS, s.METHODS, s.HOSTS] : Pe[v.protocols]).map((c) => F(c));
-      return [[...r].splice(0, r.length - 1).join(", "), r[r.length - 1]];
-    }), F = (r) => {
-      var S;
-      return ((S = f.source.form.fields[r]) == null ? void 0 : S.singular) || "";
-    };
-    return (r, c) => {
-      const S = N("KCheckbox"), M = N("KSelect"), le = N("KInput"), j = N("KCard");
-      return m(), x(j, null, {
-        default: u(() => {
-          var E;
-          return [
-            V("span", To, [
-              d(t(C), { keypath: "form.hint.rules_message" }, {
-                protocol: u(() => [
-                  V("b", null, H(t(a)[e.protocols]), 1)
-                ]),
-                routingRules: u(() => [
-                  d(t(C), {
-                    keypath: D.value[1] ? "form.hint.multiple_rules" : "form.hint.single_rule"
-                  }, {
-                    routingRules: u(() => [
-                      U(H(D.value[0]), 1)
-                    ]),
-                    lastRoutingRule: u(() => [
-                      U(H(D.value[1]), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["keypath"])
-                ]),
-                _: 1
-              }),
-              e.configType === "basic" ? (m(), k("span", Io, H(t(o)("form.hint.advanced")), 1)) : P("", !0)
-            ]),
-            d(he, { name: "appear" }, {
-              default: u(() => {
-                var _;
-                return [
-                  i.value.paths && y.value.has(t(s).PATHS) ? (m(), x(fo, {
-                    key: "paths-container",
-                    modelValue: i.value.paths,
-                    "onUpdate:modelValue": c[0] || (c[0] = (T) => i.value.paths = T),
-                    onAdd: c[1] || (c[1] = (T) => h(t(s).PATHS)),
-                    onRemove: c[2] || (c[2] = (T) => g(t(s).PATHS, T))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  p(["http", "https", "ws", "wss"]) ? (m(), x(S, {
-                    key: 1,
-                    modelValue: i.value.strip_path,
-                    "onUpdate:modelValue": c[3] || (c[3] = (T) => i.value.strip_path = T),
-                    class: "route-form-strip-path",
-                    "data-testid": "route-form-strip-path",
-                    disabled: !((_ = i.value.paths) != null && _.some(Boolean)),
-                    label: t(o)("form.fields.strip_path.label"),
-                    "label-attributes": {
-                      tooltipAttributes: { maxWidth: "320" }
-                    }
-                  }, {
-                    tooltip: u(() => [
-                      V("span", {
-                        innerHTML: t(o)("form.fields.strip_path.tooltip")
-                      }, null, 8, Eo)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "disabled", "label"])) : P("", !0),
-                  i.value.methods && y.value.has(t(s).METHODS) ? (m(), x(no, {
-                    key: "methods-container",
-                    "custom-methods": A.value,
-                    "onUpdate:customMethods": c[4] || (c[4] = (T) => A.value = T),
-                    methods: i.value.methods,
-                    "onUpdate:methods": c[5] || (c[5] = (T) => i.value.methods = T)
-                  }, null, 8, ["custom-methods", "methods"])) : P("", !0),
-                  i.value.hosts && y.value.has(t(s).HOSTS) ? (m(), x(so, {
-                    key: "hosts-container",
-                    modelValue: i.value.hosts,
-                    "onUpdate:modelValue": c[6] || (c[6] = (T) => i.value.hosts = T),
-                    onAdd: c[7] || (c[7] = (T) => h(t(s).HOSTS)),
-                    onRemove: c[8] || (c[8] = (T) => g(t(s).HOSTS, T))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.headers && e.configType === "advanced" && y.value.has(t(s).HEADERS) ? (m(), x(Zt, {
-                    key: "headers-container",
-                    modelValue: i.value.headers,
-                    "onUpdate:modelValue": c[9] || (c[9] = (T) => i.value.headers = T),
-                    onAdd: c[10] || (c[10] = (T) => h(t(s).HEADERS)),
-                    onRemove: c[11] || (c[11] = (T) => g(t(s).HEADERS, T))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.sources && y.value.has(t(s).SOURCES) ? (m(), x(_o, {
-                    key: "sources-container",
-                    modelValue: i.value.sources,
-                    "onUpdate:modelValue": c[12] || (c[12] = (T) => i.value.sources = T),
-                    onAdd: c[13] || (c[13] = (T) => h(t(s).SOURCES)),
-                    onRemove: c[14] || (c[14] = (T) => g(t(s).SOURCES, T))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.destinations && y.value.has(t(s).DESTINATIONS) ? (m(), x(zt, {
-                    key: "destinations-container",
-                    modelValue: i.value.destinations,
-                    "onUpdate:modelValue": c[15] || (c[15] = (T) => i.value.destinations = T),
-                    onAdd: c[16] || (c[16] = (T) => h(t(s).DESTINATIONS)),
-                    onRemove: c[17] || (c[17] = (T) => g(t(s).DESTINATIONS, T))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.snis && e.configType === "advanced" && y.value.has(t(s).SNIS) ? (m(), x(go, {
-                    key: "snis-container",
-                    modelValue: i.value.snis,
-                    "onUpdate:modelValue": c[18] || (c[18] = (T) => i.value.snis = T),
-                    onAdd: c[19] || (c[19] = (T) => h(t(s).SNIS)),
-                    onRemove: c[20] || (c[20] = (T) => g(t(s).SNIS, T))
-                  }, null, 8, ["modelValue"])) : P("", !0)
-                ];
-              }),
-              _: 1
-            }),
-            e.hideAdvanced ? P("", !0) : (m(), k("div", Ro, [
-              (E = i.value.paths) != null && E.some(Boolean) ? (m(), x(M, {
-                key: 0,
-                modelValue: i.value.path_handling,
-                "onUpdate:modelValue": c[21] || (c[21] = (_) => i.value.path_handling = _),
-                "data-testid": "route-form-path-handling",
-                items: t(Lt),
-                label: t(o)("form.fields.path_handling.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                },
-                readonly: e.readonly,
-                width: "100%"
-              }, {
-                "label-tooltip": u(() => [
-                  V("span", {
-                    innerHTML: t(o)("form.fields.path_handling.tooltip")
-                  }, null, 8, Ao)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "items", "label", "readonly"])) : P("", !0),
-              d(M, {
-                modelValue: i.value.https_redirect_status_code,
-                "onUpdate:modelValue": c[22] || (c[22] = (_) => i.value.https_redirect_status_code = _),
-                "data-testid": "route-form-http-redirect-status-code",
-                items: t(ot),
-                label: t(o)("form.fields.https_redirect_status_code.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                },
-                readonly: e.readonly,
-                width: "100%"
-              }, {
-                "label-tooltip": u(() => [
-                  V("span", {
-                    innerHTML: t(o)("form.fields.https_redirect_status_code.tooltip")
-                  }, null, 8, Oo)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "items", "label", "readonly"]),
-              d(le, {
-                modelValue: i.value.regex_priority,
-                "onUpdate:modelValue": c[23] || (c[23] = (_) => i.value.regex_priority = _),
-                autocomplete: "off",
-                "data-testid": "route-form-regex-priority",
-                label: t(o)("form.fields.regex_priority.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                },
-                readonly: e.readonly,
-                type: "number"
-              }, {
-                "label-tooltip": u(() => [
-                  V("span", {
-                    innerHTML: t(o)("form.fields.regex_priority.tooltip")
-                  }, null, 8, ko)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label", "readonly"]),
-              d(S, {
-                modelValue: i.value.preserve_host,
-                "onUpdate:modelValue": c[24] || (c[24] = (_) => i.value.preserve_host = _),
-                "data-testid": "route-form-preserve-host",
-                label: t(o)("form.fields.preserve_host.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                }
-              }, {
-                tooltip: u(() => [
-                  V("span", {
-                    innerHTML: t(o)("form.fields.preserve_host.tooltip")
-                  }, null, 8, Ho)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label"]),
-              d(S, {
-                modelValue: i.value.request_buffering,
-                "onUpdate:modelValue": c[25] || (c[25] = (_) => i.value.request_buffering = _),
-                "data-testid": "route-form-request-buffering",
-                label: t(o)("form.fields.request_buffering.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                }
-              }, {
-                tooltip: u(() => [
-                  V("span", {
-                    innerHTML: t(o)("form.fields.request_buffering.tooltip")
-                  }, null, 8, No)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label"]),
-              d(S, {
-                modelValue: i.value.response_buffering,
-                "onUpdate:modelValue": c[26] || (c[26] = (_) => i.value.response_buffering = _),
-                "data-testid": "route-form-response-buffering",
-                label: t(o)("form.fields.response_buffering.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                }
-              }, {
-                tooltip: u(() => [
-                  V("span", {
-                    innerHTML: t(o)("form.fields.response_buffering.tooltip")
-                  }, null, 8, Co)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label"])
-            ]))
-          ];
-        }),
-        _: 1
-      });
-    };
-  }
-}), Qe = /* @__PURE__ */ Z(xo, [["__scopeId", "data-v-f3fa9614"]]), Do = /* @__PURE__ */ z({
-  __name: "RouteFormExpressionsEditorLoader",
-  props: /* @__PURE__ */ Y({
-    protocol: {},
-    showExpressionsModalEntry: { type: Boolean }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Y(["notify"], ["update:modelValue"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = {
-      render: () => Ke("div", f("form.expressions_editor.loading"))
-    }, a = {
-      render: () => Ke("div", f("form.expressions_editor.error"))
-    }, v = rt({
-      loader: async () => import("./RouteFormExpressionsEditor-BmRiH3GR.js"),
-      loadingComponent: o,
-      errorComponent: a
-    }), i = e, A = C, h = B(Se.LOADING), g = X(e, "modelValue"), p = (y) => {
-      g.value = y;
-    };
-    return Ye(async () => {
-      try {
-        await (await import("@kong-ui-public/expressions")).asyncInit, h.value = Se.READY;
-      } catch (y) {
-        h.value = Se.ERROR, console.error(y);
-      }
-    }), (y, D) => (m(), k(G, null, [
-      h.value === t(Se).ERROR ? (m(), x(qe(a), {
-        key: 0,
-        "data-testid": "route-form-expressions-editor-loader-error"
-      })) : h.value === t(Se).LOADING ? (m(), x(qe(o), {
-        key: 1,
-        "data-testid": "route-form-expressions-editor-loader-loading"
-      })) : (m(), x(t(v), {
-        key: 2,
-        modelValue: g.value,
-        "onUpdate:modelValue": D[0] || (D[0] = (F) => g.value = F),
-        protocol: i.protocol,
-        "show-expressions-modal-entry": e.showExpressionsModalEntry,
-        onNotify: D[1] || (D[1] = (F) => A("notify", F))
-      }, {
-        default: u(() => [
-          d(t(At), { size: t(Gt) }, null, 8, ["size"]),
-          V("span", null, H(t(f)("form.expression_playground.test_link")), 1)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])),
-      Le(y.$slots, "after-editor", {
-        expression: { value: g.value, update: p },
-        state: h.value
-      })
-    ], 64));
-  }
-}), Vo = { class: "route-form-routing-rules-title-container" }, wo = { class: "routing-rules-title" }, Mo = { class: "route-form-fields-container route-form-advanced-fields-container" }, $o = /* @__PURE__ */ z({
-  __name: "ExpressionsRules",
-  props: /* @__PURE__ */ Y({
-    protocols: {},
-    hideAdvanced: { type: Boolean },
-    readonly: { type: Boolean },
-    showExpressionsModalEntry: { type: Boolean }
-  }, {
-    fields: { required: !0 },
-    fieldsModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Y(["notify"], ["update:fields"]),
-  setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = e, a = X(e, "fields"), v = C, i = B(!0), A = w(() => o.protocols.split(",") || []), h = (g) => g.some((p) => o.protocols.includes(p));
-    return (g, p) => {
-      const y = N("KCard"), D = N("KSelect"), F = N("KInput"), r = N("KCheckbox"), c = N("KCollapse");
-      return m(), k(G, null, [
-        d(y, null, {
-          title: u(() => [
-            V("div", Vo, [
-              (m(!0), k(G, null, re(A.value, (S) => (m(), k("span", {
-                key: S,
-                class: "protocol-title"
-              }, H(S.toUpperCase()), 1))), 128)),
-              V("span", wo, H(t(f)("form.sections.routingExpression.title")), 1)
-            ])
-          ]),
-          default: u(() => [
-            d(Do, {
-              modelValue: a.value.expression,
-              "onUpdate:modelValue": p[0] || (p[0] = (S) => a.value.expression = S),
-              protocol: A.value[0],
-              "show-expressions-modal-entry": e.showExpressionsModalEntry,
-              onNotify: p[1] || (p[1] = (S) => v("notify", S))
-            }, {
-              "after-editor": u((S) => [
-                Le(g.$slots, "after-expressions-editor", {
-                  expression: S.expression,
-                  state: S.state
-                }, void 0, !0)
-              ]),
-              _: 3
-            }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])
-          ]),
-          _: 3
-        }),
-        d(c, {
-          modelValue: i.value,
-          "onUpdate:modelValue": p[8] || (p[8] = (S) => i.value = S),
-          class: "route-form-advanced-fields-collapse",
-          "trigger-alignment": "leading",
-          "trigger-label": t(f)("form.show_more")
-        }, {
-          default: u(() => [
-            d(y, null, {
-              default: u(() => [
-                V("div", Mo, [
-                  d(D, {
-                    modelValue: a.value.https_redirect_status_code,
-                    "onUpdate:modelValue": p[2] || (p[2] = (S) => a.value.https_redirect_status_code = S),
-                    "data-testid": "route-form-http-redirect-status-code",
-                    items: t(ot),
-                    label: t(f)("form.fields.https_redirect_status_code.label"),
-                    readonly: e.readonly,
-                    width: "100%"
-                  }, null, 8, ["modelValue", "items", "label", "readonly"]),
-                  d(F, {
-                    modelValue: a.value.priority,
-                    "onUpdate:modelValue": p[3] || (p[3] = (S) => a.value.priority = S),
-                    autocomplete: "off",
-                    "data-testid": "route-form-priority",
-                    label: t(f)("form.fields.priority.label"),
-                    "label-attributes": {
-                      info: t(f)("form.fields.priority.tooltip"),
-                      tooltipAttributes: { maxWidth: "400" }
-                    },
-                    readonly: e.readonly,
-                    type: "number"
-                  }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  h(["http", "https", "ws", "wss", "tls", "tcp", "udp", "tls_passthrough"]) ? (m(), x(r, {
-                    key: 0,
-                    modelValue: a.value.strip_path,
-                    "onUpdate:modelValue": p[4] || (p[4] = (S) => a.value.strip_path = S),
-                    "data-testid": "route-form-strip-path",
-                    label: t(f)("form.fields.strip_path.label")
-                  }, null, 8, ["modelValue", "label"])) : P("", !0),
-                  d(r, {
-                    modelValue: a.value.preserve_host,
-                    "onUpdate:modelValue": p[5] || (p[5] = (S) => a.value.preserve_host = S),
-                    "data-testid": "route-form-preserve-host",
-                    label: t(f)("form.fields.preserve_host.label")
-                  }, null, 8, ["modelValue", "label"]),
-                  d(r, {
-                    modelValue: a.value.request_buffering,
-                    "onUpdate:modelValue": p[6] || (p[6] = (S) => a.value.request_buffering = S),
-                    "data-testid": "route-form-request-buffering",
-                    label: t(f)("form.fields.request_buffering.label")
-                  }, null, 8, ["modelValue", "label"]),
-                  d(r, {
-                    modelValue: a.value.response_buffering,
-                    "onUpdate:modelValue": p[7] || (p[7] = (S) => a.value.response_buffering = S),
-                    "data-testid": "route-form-response-buffering",
-                    label: t(f)("form.fields.response_buffering.label")
-                  }, null, 8, ["modelValue", "label"])
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "trigger-label"])
-      ], 64);
-    };
-  }
-}), Uo = /* @__PURE__ */ Z($o, [["__scopeId", "data-v-e7571a47"]]), Po = { class: "config-type-container" }, Lo = {
-  key: 0,
-  class: "config-flavor"
-}, Fo = /* @__PURE__ */ z({
-  __name: "RouteFormRulesComposer",
-  props: /* @__PURE__ */ Y({
-    protocols: {},
-    routeFlavors: {},
-    readonly: { type: Boolean },
-    recordFlavor: {},
-    showExpressionsModalEntry: { type: Boolean },
-    tooltips: {},
-    isWsSupported: { type: Boolean },
-    hideProtocols: { type: Boolean }
-  }, {
-    configType: { required: !0 },
-    configTypeModifiers: {},
-    configFlavor: { required: !0 },
-    configFlavorModifiers: {},
-    fields: {
-      default: () => Ce({
-        ...xe,
-        paths: [""],
-        regex_priority: 0,
-        path_handling: "v0",
-        expression: "",
-        priority: 0
-      })
-    },
-    fieldsModifiers: {},
-    customMethods: { default: () => Ce([]) },
-    customMethodsModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Y(["notify", "update:payload", "update:protocols"], ["update:configType", "update:configFlavor", "update:fields", "update:customMethods"]),
-  setup(e, { emit: C }) {
-    const f = e, o = X(e, "configType"), a = X(e, "configFlavor"), v = X(e, "fields"), i = X(e, "customMethods"), A = C, { i18n: { t: h } } = J.useI18n(), g = [
-      {
-        value: q.TRADITIONAL,
-        label: h("form.flavors.traditional")
-      },
-      {
-        value: q.EXPRESSIONS,
-        label: h("form.flavors.expressions")
-      }
-    ], p = w(() => [
-      { label: h("form.protocols.grpc"), value: "grpc" },
-      { label: h("form.protocols.grpcs"), value: "grpcs" },
-      { label: h("form.protocols.grpc,grpcs"), value: "grpc,grpcs" },
-      { label: h("form.protocols.http"), value: "http" },
-      { label: h("form.protocols.https"), value: "https" },
-      { label: h("form.protocols.http,https"), value: "http,https" },
-      { label: h("form.protocols.tcp"), value: "tcp" },
-      { label: h("form.protocols.tls"), value: "tls" },
-      { label: h("form.protocols.tls,udp"), value: "tls,udp" },
-      { label: h("form.protocols.tcp,udp"), value: "tcp,udp" },
-      { label: h("form.protocols.tcp,tls"), value: "tcp,tls" },
-      { label: h("form.protocols.tcp,tls,udp"), value: "tcp,tls,udp" },
-      { label: h("form.protocols.tls_passthrough"), value: "tls_passthrough" },
-      { label: h("form.protocols.udp"), value: "udp" },
-      ...f.isWsSupported ? [
-        { label: h("form.protocols.ws"), value: "ws" },
-        { label: h("form.protocols.wss"), value: "wss" },
-        { label: h("form.protocols.ws,wss"), value: "ws,wss" }
-      ] : []
-    ]), y = w(() => f.recordFlavor ? f.recordFlavor : a.value), D = (E, _) => {
-      if (!new Set(Pe[f.protocols]).has(E))
-        return [];
-      if ([s.PATHS, s.HOSTS, s.METHODS, s.SNIS].includes(E))
-        return [..._].filter((K) => !!K);
-      if (E === s.SOURCES || E === s.DESTINATIONS)
-        return [..._].filter((K) => !!K.ip || !!K.port).map((K) => ({
-          ip: K.ip || void 0,
-          port: !K.port && K.port !== 0 ? void 0 : K.port
-        }));
-      if (E === s.HEADERS)
-        return [..._].filter((K) => !!K.header);
-    }, F = (E) => E.some((_) => f.protocols.includes(_)), r = () => {
-      if (y.value !== q.TRADITIONAL)
-        return null;
-      const E = v.value, _ = D(s.HEADERS, E.headers || []) || W[s.HEADERS];
-      return _.length === 0 ? null : _.reduce((T, K) => (T[K.header] = K.values.split(","), T), {});
-    }, c = w(() => (v.value.methods || []).filter((T) => Object.keys(Ie).includes(T)).concat(i.value.map((T) => T.label.toUpperCase()))), S = (E) => E != null && E.length ? E : null, M = w(() => ({
-      https_redirect_status_code: v.value.https_redirect_status_code,
-      strip_path: F(["http", "https", "ws", "wss"]) ? v.value.strip_path : !1,
-      preserve_host: v.value.preserve_host,
-      request_buffering: v.value.request_buffering,
-      response_buffering: v.value.response_buffering
-    })), le = w(() => {
-      switch (y.value) {
-        case q.TRADITIONAL: {
-          const E = v.value, _ = S(D(s.PATHS, E.paths || [])), T = S(D(s.HOSTS, E.hosts || [])), K = {
-            ...M.value,
-            methods: S(D(s.METHODS, c.value)),
-            hosts: o.value === "basic" && T ? T.slice(0, 1) : T,
-            paths: o.value === "basic" && _ ? _.slice(0, 1) : _,
-            headers: o.value === "basic" ? null : r(),
-            regex_priority: Number(E.regex_priority),
-            path_handling: E.path_handling,
-            sources: S(D(s.SOURCES, E.sources || [])),
-            destinations: S(D(s.DESTINATIONS, E.destinations || [])),
-            snis: o.value === "basic" ? null : S(D(s.SNIS, E.snis || []))
-          };
-          return {
-            type: y.value,
-            payload: K
-          };
-        }
-        case q.EXPRESSIONS: {
-          const E = v.value;
-          return {
-            type: y.value,
-            payload: {
-              ...M.value,
-              expression: E.expression,
-              priority: Number(E.priority)
-            }
-          };
-        }
-        default:
-          return;
-      }
-    }), j = (E) => {
-      E && A("update:protocols", E);
-    };
-    return _e([() => f.recordFlavor, () => f.routeFlavors], ([E, _]) => {
-      if (E) {
-        a.value = E;
-        return;
-      }
-      a.value = !_.traditional && _.expressions ? q.EXPRESSIONS : q.TRADITIONAL;
-    }, { immediate: !0, deep: !0 }), _e(o, (E) => {
-      E === "basic" && (a.value = q.TRADITIONAL, A("update:protocols", "http,https"));
-    }), _e(le, (E) => {
-      A("update:payload", E);
-    }, { deep: !0, immediate: !0 }), (E, _) => {
-      const T = N("KRadio"), K = N("KLabel"), Ae = N("KTooltip"), ne = N("KSegmentedControl"), ee = N("KAlert"), ge = N("KSelect");
-      return m(), k(G, null, [
-        V("div", Po, [
-          d(T, {
-            modelValue: o.value,
-            "onUpdate:modelValue": _[0] || (_[0] = ($) => o.value = $),
-            card: "",
-            "card-orientation": "horizontal",
-            "data-testid": "route-form-config-type-basic",
-            description: t(h)("form.config_types.basic.description"),
-            disabled: !e.routeFlavors.traditional || e.recordFlavor === t(q).EXPRESSIONS,
-            label: t(h)("form.config_types.basic.label"),
-            "selected-value": "basic"
-          }, null, 8, ["modelValue", "description", "disabled", "label"]),
-          d(T, {
-            modelValue: o.value,
-            "onUpdate:modelValue": _[1] || (_[1] = ($) => o.value = $),
-            card: "",
-            "card-orientation": "horizontal",
-            "data-testid": "route-form-config-type-advanced",
-            description: t(h)("form.config_types.advanced.description"),
-            label: t(h)("form.config_types.advanced.label"),
-            "selected-value": "advanced"
-          }, null, 8, ["modelValue", "description", "label"])
-        ]),
-        o.value === "basic" ? (m(), x(Qe, {
-          key: 0,
-          "custom-methods": i.value,
-          "onUpdate:customMethods": _[2] || (_[2] = ($) => i.value = $),
-          fields: v.value,
-          "onUpdate:fields": _[3] || (_[3] = ($) => v.value = $),
-          "config-type": "basic",
-          "hide-advanced": "",
-          protocols: e.protocols,
-          readonly: e.readonly
-        }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), k(G, { key: 1 }, [
-          e.routeFlavors.traditional && e.routeFlavors.expressions ? (m(), k("div", Lo, [
-            d(K, { class: "config-flavor-label" }, {
-              default: u(() => [
-                U(H(t(h)("form.config_flavor.label")), 1)
-              ]),
-              _: 1
-            }),
-            d(ne, {
-              modelValue: a.value,
-              "onUpdate:modelValue": _[4] || (_[4] = ($) => a.value = $),
-              class: "config-flavor-control",
-              "data-testid": "route-form-config-flavor",
-              options: g
-            }, {
-              "option-label": u(({ option: $ }) => {
-                var fe, ue;
-                return [
-                  V("span", null, H($.label), 1),
-                  (fe = e.tooltips) != null && fe[$.value] ? (m(), x(Ae, {
-                    key: 0,
-                    class: "route-form-config-tabs-tooltip",
-                    text: (ue = e.tooltips) == null ? void 0 : ue[$.value],
-                    "tooltip-id": `route-form-config-tabs-tooltip-${$.value}`
-                  }, {
-                    default: u(() => [
-                      d(t(Ot))
-                    ]),
-                    _: 1
-                  }, 8, ["text", "tooltip-id"])) : P("", !0)
-                ];
-              }),
-              _: 1
-            }, 8, ["modelValue"])
-          ])) : P("", !0),
-          e.routeFlavors.traditional && e.routeFlavors.expressions && (!e.recordFlavor || e.recordFlavor !== a.value) ? (m(), x(ee, {
-            key: 1,
-            appearance: e.recordFlavor ? "warning" : "info",
-            class: "route-form-config-type-immutable-alert",
-            "data-testid": "route-config-type-immutable-alert"
-          }, {
-            default: u(() => [
-              e.recordFlavor ? e.recordFlavor !== a.value ? (m(), k(G, { key: 1 }, [
-                U(H(t(h)("form.warning.cannotChangeFlavor.edit", { format: t(h)(`form.flavors.${e.recordFlavor}`) })), 1)
-              ], 64)) : P("", !0) : (m(), k(G, { key: 0 }, [
-                U(H(t(h)("form.warning.cannotChangeFlavor.create")), 1)
-              ], 64))
-            ]),
-            _: 1
-          }, 8, ["appearance"])) : P("", !0),
-          !e.recordFlavor || !(e.routeFlavors.traditional && e.routeFlavors.expressions && e.recordFlavor !== a.value) ? (m(), k(G, { key: 2 }, [
-            e.hideProtocols ? P("", !0) : (m(), x(ge, {
-              key: 0,
-              "data-testid": "route-form-protocols",
-              items: p.value,
-              label: t(h)("form.fields.protocols.label"),
-              "label-attributes": {
-                info: t(h)("form.fields.protocols.tooltip"),
-                tooltipAttributes: { maxWidth: "400" }
-              },
-              "model-value": e.protocols,
-              readonly: e.readonly,
-              required: "",
-              width: "100%",
-              "onUpdate:modelValue": j
-            }, null, 8, ["items", "label", "label-attributes", "model-value", "readonly"])),
-            a.value === t(q).TRADITIONAL ? (m(), x(Qe, {
-              key: 1,
-              "custom-methods": i.value,
-              "onUpdate:customMethods": _[5] || (_[5] = ($) => i.value = $),
-              fields: v.value,
-              "onUpdate:fields": _[6] || (_[6] = ($) => v.value = $),
-              "config-type": "advanced",
-              protocols: e.protocols,
-              readonly: e.readonly
-            }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), x(Uo, {
-              key: 2,
-              fields: v.value,
-              "onUpdate:fields": _[7] || (_[7] = ($) => v.value = $),
-              protocols: e.protocols,
-              readonly: e.readonly,
-              "show-expressions-modal-entry": e.showExpressionsModalEntry,
-              onNotify: _[8] || (_[8] = ($) => A("notify", $))
-            }, null, 8, ["fields", "protocols", "readonly", "show-expressions-modal-entry"]))
-          ], 64)) : P("", !0)
-        ], 64))
-      ], 64);
-    };
-  }
-}), Ko = /* @__PURE__ */ Z(Fo, [["__scopeId", "data-v-cbda4882"]]), qo = (e) => {
-  var f, o, a, v, i;
-  return !(typeof e.expression == "string" && e.expression.length > 0 || (e.protocols || []).sort().join(",") !== "http,https" || ((f = e[s.PATHS]) == null ? void 0 : f.length) > 1 || ((o = e[s.HOSTS]) == null ? void 0 : o.length) > 1 || e[s.HEADERS] && typeof e[s.HEADERS] == "object" || ((a = e[s.SNIS]) == null ? void 0 : a.length) > 0 || ((v = e[s.SOURCES]) == null ? void 0 : v.length) > 0 || ((i = e[s.DESTINATIONS]) == null ? void 0 : i.length) > 0 || [
-    "path_handling",
-    "regex_priority",
-    "https_redirect_status_code",
-    "preserve_host",
-    "request_buffering",
-    "response_buffering"
-  ].some((A) => e[A] !== Ft[A]));
-}, Bo = { class: "kong-ui-entities-route-form" }, Go = { key: 1 }, Wo = { "data-testid": "no-search-results" }, jo = { class: "route-form-service-dropdown-item" }, Xo = { class: "select-item-label" }, zo = { class: "select-item-description" }, Jo = /* @__PURE__ */ z({
-  __name: "RouteForm",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || (e == null ? void 0 : e.app) === "konnect" && !(e != null && e.controlPlaneId) || (e == null ? void 0 : e.app) === "kongManager" && typeof (e == null ? void 0 : e.workspace) != "string" || !(e != null && e.cancelRoute))
-    },
-    /** If a valid routeId is provided, it will put the form in Edit mode instead of Create */
-    routeId: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** If valid serviceId is provided, don't show service select field */
-    serviceId: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** Whether show or hide EntityFormSection info column */
-    hideSectionsInfo: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** Whether show or hide Route name field */
-    hideNameField: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** Whether show or hide Service Select field */
-    hideServiceField: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** Route flavors to be enabled for this form */
-    routeFlavors: {
-      type: Object,
-      required: !1,
-      default: () => ({
-        traditional: !0
-      })
-    },
-    /** Tooltips to show on config tabs */
-    configTabTooltips: {
-      type: Object,
-      required: !1,
-      default: () => {
-      }
-    },
-    /** Whether to show the expressions modal entry */
-    showExpressionsModalEntry: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  emits: ["update", "error", "loading", "model-updated", "notify"],
-  setup(e, { expose: C, emit: f }) {
-    var be;
-    const o = e, a = f, v = B("basic"), i = B(
-      !o.routeFlavors.traditional && o.routeFlavors.expressions ? q.EXPRESSIONS : q.TRADITIONAL
-    ), A = B(void 0), h = w(() => {
-      if (A.value)
-        return A.value;
-      if (i.value)
-        return i.value;
-      if (o.routeFlavors.traditional)
-        return q.TRADITIONAL;
-      if (o.routeFlavors.expressions)
-        return q.EXPRESSIONS;
-    }), { i18n: { t: g } } = J.useI18n(), p = tt(), { axiosInstance: y } = Fe((be = o.config) == null ? void 0 : be.axiosRequestConfig), { getMessageFromError: D } = dt(), F = (l) => l.name ? `${l.name} - ${l.value}` : l.value, r = Ce({
-      routeFlavors: o.routeFlavors,
-      fields: {
-        name: "",
-        protocols: "http,https",
-        tags: "",
-        service_id: "",
-        ...xe,
-        paths: [""],
-        snis: [""],
-        hosts: [""],
-        methods: [],
-        headers: [{ ...W[s.HEADERS][0] }],
-        sources: [{ ...W[s.SOURCES][0] }],
-        destinations: [{ ...W[s.DESTINATIONS][0] }],
-        regex_priority: 0,
-        path_handling: "v0",
-        expression: "",
-        priority: 0
-      },
-      isReadonly: !1,
-      errorMessage: ""
-    });
-    _e(() => o.routeFlavors, (l) => {
-      r.routeFlavors = l, l.traditional || (v.value = "advanced");
-    }, { immediate: !0, deep: !0 });
-    const c = B(), S = B([]), M = B([]), le = Ce({
-      name: "",
-      protocols: "http,https",
-      tags: "",
-      service_id: "",
-      ...xe,
-      path_handling: "v0",
-      regex_priority: 0,
-      expression: "",
-      priority: 0
-    }), j = o.config.app === "konnect" || ct({
-      gatewayInfo: o.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"]
-      }
-    }), E = w(() => o.routeId ? Ge.Edit : Ge.Create), _ = w(() => {
-      var l, n, b;
-      return (b = (n = Te.form[(l = o.config) == null ? void 0 : l.app]) == null ? void 0 : n.fetch) == null ? void 0 : b[o.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, o.serviceId || "");
-    }), T = () => {
-      var l;
-      p.push((l = o.config) == null ? void 0 : l.cancelRoute);
-    }, K = (l) => {
-      a("loading", l);
-    }, Ae = (l) => {
-      a("error", l);
-    }, ne = (l) => Object.entries(l).map((n) => {
-      var b;
-      return { header: n[0], values: (b = n[1]) == null ? void 0 : b.join() };
-    }), ee = (l) => l.some((n) => r.fields.protocols.includes(n)), ge = (l) => {
-      var b, R;
-      if (o.routeId) {
-        const I = typeof l.expression == "string" && l.expression.length > 0 ? q.EXPRESSIONS : q.TRADITIONAL;
-        A.value = I, qo(l) || (v.value = "advanced");
-      }
-      (b = l == null ? void 0 : l.service) != null && b.id && (r.fields.service_id = l.service.id), r.fields.name = (l == null ? void 0 : l.name) || "";
-      const n = (l == null ? void 0 : l.tags) || [];
-      r.fields.tags = (n == null ? void 0 : n.join(", ")) || "", r.fields.preserve_host = typeof (l == null ? void 0 : l.preserve_host) > "u" ? !1 : l == null ? void 0 : l.preserve_host, r.fields.https_redirect_status_code = (l == null ? void 0 : l.https_redirect_status_code) || 426, (R = l == null ? void 0 : l.protocols) != null && R.length && (l.protocols.length > 1 ? r.fields.protocols = l.protocols.join() : r.fields.protocols = l.protocols[0]), r.fields.request_buffering = typeof (l == null ? void 0 : l.request_buffering) > "u" ? !0 : l == null ? void 0 : l.request_buffering, r.fields.response_buffering = typeof (l == null ? void 0 : l.response_buffering) > "u" ? !0 : l == null ? void 0 : l.response_buffering, r.fields.strip_path = typeof (l == null ? void 0 : l.strip_path) > "u" ? !0 : l == null ? void 0 : l.strip_path, ze(r) && (r.fields.regex_priority = (l == null ? void 0 : l.regex_priority) || 0, r.fields.path_handling = (l == null ? void 0 : l.path_handling) || "v0", l != null && l.paths && (r.fields.paths = l.paths), l != null && l.snis && (r.fields.snis = l.snis), l != null && l.hosts && (r.fields.hosts = l.hosts), l != null && l.methods && (r.fields.methods = l.methods.filter((I) => Object.keys(Ie).includes(I)), S.value = l.methods.filter((I) => !Object.keys(Ie).includes(I)).map((I) => ({ label: I, value: I })), M.value = [...S.value]), l != null && l.headers && (r.fields.headers = ne(l.headers)), l != null && l.sources && (r.fields.sources = l.sources), l != null && l.destinations && (r.fields.destinations = l.destinations)), Je(r) && (r.fields.expression = (l == null ? void 0 : l.expression) || "", r.fields.priority = (l == null ? void 0 : l.priority) || 0), Object.assign(le, JSON.parse(JSON.stringify(r.fields)));
-    }, $ = w(() => {
-      switch (h.value) {
-        case q.TRADITIONAL: {
-          if (ze(r)) {
-            const l = r.fields.hosts ? !!r.fields.hosts.filter(Boolean).length : null, n = r.fields.paths ? !!r.fields.paths.filter(Boolean).length : null, b = r.fields.headers ? r.fields.headers.some(({ header: Q }) => !!Q) : null, R = r.fields.snis ? !!r.fields.snis.filter(Boolean).length : null, I = r.fields.destinations ? r.fields.destinations.some(({ ip: Q, port: ce }) => !!Q || !!ce) : null, te = r.fields.sources ? r.fields.sources.some(({ ip: Q, port: ce }) => !!Q || !!ce) : null, ae = r.fields.methods ? !!r.fields.methods.filter(Boolean).length : null;
-            return !!r.fields.protocols && (ee(["http"]) && !!(l || ae || n || b) || ee(["https"]) && !!(l || ae || n || b || R) || ee(["grpc"]) && !!(l || n || b) || ee(["grpcs", "wss"]) && !!(l || n || b || R) || ee(["udp", "tls"]) && !!(I || te || R) || ee(["tcp"]) && !!(I || te) || ee(["tls_passthrough"]) && !!R || ee(["ws"]) && !!(l || n || b));
-          }
-          break;
-        }
-        case q.EXPRESSIONS: {
-          if (Je(r))
-            return r.fields.expression.length > 0;
-          break;
-        }
-      }
-      return !0;
-    }), fe = w(() => !je(r.fields, le) || !je(S.value, M.value)), ue = w(() => {
-      var n, b;
-      let l = `${o.config.apiBaseUrl}${Te.form[o.config.app][E.value][o.serviceId ? "forGatewayService" : "all"]}`;
-      return o.config.app === "konnect" ? l = l.replace(/{controlPlaneId}/gi, ((n = o.config) == null ? void 0 : n.controlPlaneId) || "").replace(/{serviceId}/gi, o.serviceId || "") : o.config.app === "kongManager" && (l = l.replace(/\/{workspace}/gi, (b = o.config) != null && b.workspace ? `/${o.config.workspace}` : "").replace(/{serviceId}/gi, o.serviceId || "")), l = l.replace(/{id}/gi, o.routeId), l;
-    });
-    _e(() => r.fields, () => {
-      a("model-updated", me.value);
-    }, { deep: !0 });
-    const me = w(() => {
-      var l, n, b;
-      return {
-        ...!o.hideNameField && { name: r.fields.name || null },
-        protocols: r.fields.protocols.split(","),
-        tags: (n = (l = r.fields.tags.split(",")) == null ? void 0 : l.map((R) => String(R || "").trim())) == null ? void 0 : n.filter((R) => R !== ""),
-        service: r.fields.service_id ? { id: r.fields.service_id } : null,
-        ...(b = c.value) == null ? void 0 : b.payload
-      };
-    }), ie = (l) => {
-      switch (h.value) {
-        case q.TRADITIONAL: {
-          if (!("regex_priority" in l && "path_handling" in l))
-            return !1;
-          break;
-        }
-        case q.EXPRESSIONS: {
-          if (!("priority" in l))
-            return !1;
-          break;
-        }
-      }
-      return "service" in l && "tags" in l && "protocols" in l;
-    }, de = async (l) => {
-      var b;
-      const n = l && ie(l) ? l : me.value;
-      try {
-        r.isReadonly = !0;
-        let R;
-        E.value === "create" ? R = await y.post(ue.value, n) : E.value === "edit" && (R = ((b = o.config) == null ? void 0 : b.app) === "konnect" ? await y.put(ue.value, n) : await y.patch(ue.value, n)), ge(R == null ? void 0 : R.data), a("update", R == null ? void 0 : R.data);
-      } catch (R) {
-        r.errorMessage = D(R), a("error", R);
-      } finally {
-        r.isReadonly = !1;
-      }
-    }, {
-      debouncedQueryChange: ye,
-      loading: He,
-      error: Ve,
-      loadItems: we,
-      results: Me
-    } = pt(o.config, Te.form[o.config.app].services, void 0, {
-      fetchedItemsKey: "data",
-      searchKeys: ["id", "name"]
-    }), $e = w(() => Ve.value ? g("errors.services.fetch") : ""), Oe = w(() => {
-      var l;
-      return (l = Me.value) == null ? void 0 : l.map((n) => ({ label: n.id, name: n.name, value: n.id }));
-    });
-    return Ze(async () => {
-      !o.hideServiceField && !o.serviceId ? await we() : r.fields.service_id = o.serviceId;
-    }), Ye(() => {
-      a("model-updated", me.value);
-    }), C({ saveFormData: de, payload: me }), it("configType", v), (l, n) => {
-      const b = N("KInput"), R = N("KSelect");
-      return m(), k("div", Bo, [
-        d(t(ft), {
-          "can-submit": $.value && fe.value,
-          config: e.config,
-          "edit-id": e.routeId,
-          "entity-type": t(et).Route,
-          "error-message": r.errorMessage || $e.value,
-          "fetch-url": _.value,
-          "form-fields": me.value,
-          "is-readonly": r.isReadonly,
-          onCancel: T,
-          "onFetch:error": Ae,
-          "onFetch:success": ge,
-          onLoading: K,
-          onSubmit: de
-        }, {
-          "form-actions": u(() => [
-            Le(l.$slots, "form-actions", {
-              canSubmit: $.value && fe.value,
-              cancel: T,
-              submit: de
-            }, void 0, !0)
-          ]),
-          default: u(() => [
-            d(t(We), {
-              description: t(g)("form.sections.general.description"),
-              "hide-info-header": e.hideSectionsInfo,
-              title: t(g)("form.sections.general.title")
-            }, {
-              default: u(() => [
-                e.hideNameField ? P("", !0) : (m(), x(b, {
-                  key: 0,
-                  modelValue: r.fields.name,
-                  "onUpdate:modelValue": n[0] || (n[0] = (I) => r.fields.name = I),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "route-form-name",
-                  label: t(g)("form.fields.name.label"),
-                  placeholder: t(g)("form.fields.name.placeholder"),
-                  readonly: r.isReadonly,
-                  type: "text"
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])),
-                !e.hideServiceField && !e.serviceId ? (m(), k("div", Go, [
-                  d(R, {
-                    modelValue: r.fields.service_id,
-                    "onUpdate:modelValue": n[1] || (n[1] = (I) => r.fields.service_id = I),
-                    clearable: "",
-                    "data-testid": "route-form-service-id",
-                    "enable-filtering": "",
-                    "filter-function": () => !0,
-                    items: Oe.value,
-                    label: t(g)("form.fields.service_id.label"),
-                    loading: t(He),
-                    placeholder: t(g)("form.fields.service_id.placeholder"),
-                    readonly: r.isReadonly,
-                    "reuse-item-template": "",
-                    width: "100%",
-                    onQueryChange: t(ye)
-                  }, {
-                    loading: u(() => [
-                      V("div", null, H(t(g)("actions.loading")), 1)
-                    ]),
-                    empty: u(() => [
-                      V("div", Wo, H(t(g)("search.no_results")), 1)
-                    ]),
-                    "selected-item-template": u(({ item: I }) => [
-                      U(H(F(I)), 1)
-                    ]),
-                    "item-template": u(({ item: I }) => [
-                      V("div", jo, [
-                        V("span", Xo, H(I.name), 1),
-                        V("span", zo, H(I.value), 1)
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"])
-                ])) : P("", !0),
-                d(b, {
-                  modelValue: r.fields.tags,
-                  "onUpdate:modelValue": n[2] || (n[2] = (I) => r.fields.tags = I),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "route-form-tags",
-                  help: t(g)("form.fields.tags.help"),
-                  label: t(g)("form.fields.tags.label"),
-                  placeholder: t(g)("form.fields.tags.placeholder"),
-                  readonly: r.isReadonly,
-                  type: "text"
-                }, null, 8, ["modelValue", "help", "label", "placeholder", "readonly"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"]),
-            d(t(We), {
-              description: t(g)("form.sections.config.description"),
-              "hide-info-header": e.hideSectionsInfo,
-              title: t(g)("form.sections.config.title")
-            }, {
-              default: u(() => [
-                d(Ko, {
-                  "config-flavor": i.value,
-                  "onUpdate:configFlavor": n[3] || (n[3] = (I) => i.value = I),
-                  "config-type": v.value,
-                  "onUpdate:configType": n[4] || (n[4] = (I) => v.value = I),
-                  "custom-methods": S.value,
-                  "onUpdate:customMethods": n[5] || (n[5] = (I) => S.value = I),
-                  fields: r.fields,
-                  "onUpdate:fields": n[6] || (n[6] = (I) => r.fields = I),
-                  "is-ws-supported": t(j),
-                  protocols: r.fields.protocols,
-                  readonly: r.isReadonly,
-                  "record-flavor": A.value,
-                  "route-flavors": e.routeFlavors,
-                  "show-expressions-modal-entry": e.showExpressionsModalEntry,
-                  tooltips: e.configTabTooltips,
-                  onNotify: n[7] || (n[7] = (I) => a("notify", I)),
-                  "onUpdate:payload": n[8] || (n[8] = (I) => c.value = I),
-                  "onUpdate:protocols": n[9] || (n[9] = (I) => r.fields.protocols = I)
-                }, null, 8, ["config-flavor", "config-type", "custom-methods", "fields", "is-ws-supported", "protocols", "readonly", "record-flavor", "route-flavors", "show-expressions-modal-entry", "tooltips"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"])
-          ]),
-          _: 3
-        }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"])
-      ]);
-    };
-  }
-}), ps = /* @__PURE__ */ Z(Jo, [["__scopeId", "data-v-5be17e8c"]]), Qo = { class: "kong-ui-entities-routes-list" }, Yo = { class: "button-row" }, Zo = { key: 1 }, es = { key: 1 }, ts = { key: 1 }, os = { class: "route-list-cell-expression" }, ss = /* @__PURE__ */ z({
-  __name: "RouteList",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || !e.createRoute || !e.getViewRoute || !e.getEditRoute || e.app === "kongManager" && !e.isExactMatch && !e.filterSchema)
-    },
-    // used to override the default identifier for the cache entry
-    cacheIdentifier: {
-      type: String,
-      default: ""
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
-    canCreate: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
-    canDelete: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
-    canEdit: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
-    canRetrieve: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can start debugger session on a given entity */
-    canDebug: {
-      type: Function,
-      required: !1,
-      default: async () => !1
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    titleTag: {
-      type: String,
-      default: "h2"
-    },
-    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
-    useActionOutside: {
-      type: Boolean,
-      default: !1
-    },
-    hideTraditionalColumns: {
-      type: Boolean,
-      default: !1
-    },
-    hasExpressionColumn: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(e, { emit: C }) {
-    var l;
-    const f = C, o = e, { i18n: { t: a, formatUnixTimeStamp: v } } = J.useI18n(), i = tt(), { axiosInstance: A } = Fe((l = o.config) == null ? void 0 : l.axiosRequestConfig), { handleStateChange: h, hasRecords: g } = mt(() => M.value), p = w(() => g.value && o.config.app === "konnect"), y = w(() => !!o.config.serviceId), D = w(() => o.config.app !== "kongManager" || !!o.config.disableSorting), F = {
-      // the Name column is non-hidable
-      name: { label: a("routes.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      protocols: { label: a("routes.list.table_headers.protocols"), searchable: !0 },
-      ...!o.hideTraditionalColumns && {
-        hosts: { label: a("routes.list.table_headers.hosts"), searchable: !0 },
-        methods: { label: a("routes.list.table_headers.methods"), searchable: !0 },
-        paths: { label: a("routes.list.table_headers.paths"), searchable: !0 }
-      },
-      ...o.hasExpressionColumn && {
-        expression: { label: a("routes.list.table_headers.expression"), tooltip: !0 }
-      },
-      tags: { label: a("routes.list.table_headers.tags"), sortable: !1 },
-      updated_at: { label: a("routes.list.table_headers.updated_at"), sortable: !0 },
-      created_at: { label: a("routes.list.table_headers.created_at"), sortable: !0 }
-    }, r = {
-      columnVisibility: {
-        created_at: !1
-      }
-    }, c = F, S = w(() => {
-      var b, R, I, te;
-      let n = `${o.config.apiBaseUrl}${Te.list[o.config.app][o.config.serviceId ? "forGatewayService" : "all"]}`;
-      return o.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((b = o.config) == null ? void 0 : b.controlPlaneId) || "").replace(/{serviceId}/gi, ((R = o.config) == null ? void 0 : R.serviceId) || "") : o.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (I = o.config) != null && I.workspace ? `/${o.config.workspace}` : "").replace(/{serviceId}/gi, ((te = o.config) == null ? void 0 : te.serviceId) || "")), n;
-    }), M = B(""), le = w(() => {
-      const n = o.config.app === "konnect" || o.config.isExactMatch;
-      if (n)
-        return {
-          isExactMatch: n,
-          // force exact placeholder if `props.config.isExactMatch` is true
-          placeholder: a(`search.placeholder.${o.config.isExactMatch ? "exact" : o.config.app}`)
-        };
-      const { name: b, protocols: R, hosts: I, methods: te, paths: ae, expression: Q } = F, ce = {
-        name: b,
-        protocols: R,
-        hosts: I,
-        methods: te,
-        paths: ae,
-        ...o.hasExpressionColumn && { expression: Q }
-      };
-      return {
-        isExactMatch: n,
-        fields: ce,
-        schema: o.config.filterSchema
-      };
-    }), {
-      fetcher: j,
-      fetcherState: E,
-      fetcherCacheKey: _
-    } = vt(w(() => ({ ...o.config, cacheIdentifier: o.cacheIdentifier })), S), T = (n) => n.headerKey === "expression" ? {
-      style: {
-        maxWidth: "250px",
-        overflowX: "hidden",
-        textOverflow: "ellipsis"
-      }
-    } : {}, K = () => {
-      M.value = "";
-    }, Ae = () => {
-      _.value++;
-    }, ne = B(null), ee = async (n, b) => {
-      if (!await b(n.id)) {
-        f("copy:error", {
-          entity: n,
-          field: "id",
-          message: a("errors.copy")
-        });
-        return;
-      }
-      f("copy:success", {
-        entity: n,
-        field: "id",
-        message: a("copy.success", { val: n.id })
-      });
-    }, ge = async (n, b) => {
-      const R = JSON.stringify(n);
-      if (!await b(R)) {
-        f("copy:error", {
-          entity: n,
-          message: a("errors.copy")
-        });
-        return;
-      }
-      f("copy:success", {
-        entity: n,
-        message: a("copy.success_brief")
-      });
-    }, $ = async (n) => {
-      var R;
-      await ((R = o.canRetrieve) == null ? void 0 : R.call(o, n)) && i.push(o.config.getViewRoute(n.id));
-    }, fe = (n) => ({
-      label: a("actions.view"),
-      to: o.config.getViewRoute(n)
-    }), ue = (n) => ({
-      label: a("actions.edit"),
-      to: o.config.getEditRoute(n)
-    }), me = (n) => {
-      if (o.config.getDebugRoute)
-        return {
-          label: a("actions.debugger"),
-          to: o.config.getDebugRoute(n)
-        };
-    }, ie = B(void 0), de = B(!1), ye = B(!1), He = B(""), Ve = ht(o.config, S.value), we = (n) => {
-      ie.value = n, de.value = !0;
-    }, Me = () => {
-      de.value = !1;
-    }, $e = async () => {
-      var n, b, R;
-      if ((n = ie.value) != null && n.id) {
-        ye.value = !0;
-        try {
-          await A.delete(Ve(ie.value.id)), ye.value = !1, de.value = !1, _.value++, f("delete:success", ie.value);
-        } catch (I) {
-          He.value = ((R = (b = I.response) == null ? void 0 : b.data) == null ? void 0 : R.message) || I.message || a("errors.delete"), f("error", I);
-        } finally {
-          ye.value = !1;
-        }
-      }
-    };
-    _e(E, (n) => {
-      var b, R, I;
-      if (n.status === gt.Error) {
-        ne.value = {
-          title: a("errors.general")
-        }, (I = (R = (b = n.error) == null ? void 0 : b.response) == null ? void 0 : R.data) != null && I.message && (ne.value.message = n.error.response.data.message), f("error", n.error);
-        return;
-      }
-      ne.value = null;
-    });
-    const Oe = B({
-      ctaPath: o.config.createRoute,
-      ctaText: void 0,
-      message: `${a("routes.list.empty_state.description")}${o.config.additionMessageForEmptyState ? ` ${o.config.additionMessageForEmptyState}` : ""}`,
-      title: a("routes.title")
-    }), be = B(!1);
-    return Ze(async () => {
-      be.value = await o.canCreate(), be.value && (Oe.value.title = a("routes.list.empty_state.title"), Oe.value.ctaText = a("actions.create"));
-    }), (n, b) => {
-      const R = N("KButton"), I = N("KEmptyState"), te = N("KBadge"), ae = N("KTruncate"), Q = N("KDropdownItem"), ce = N("KClipboardProvider");
-      return m(), k("div", Qo, [
-        d(t(yt), {
-          "cache-identifier": e.cacheIdentifier,
-          "cell-attributes": T,
-          "default-table-preferences": r,
-          "disable-sorting": D.value,
-          "empty-state-options": Oe.value,
-          "enable-entity-actions": "",
-          "error-message": ne.value,
-          fetcher: t(j),
-          "fetcher-cache-key": t(_),
-          "pagination-type": "offset",
-          "preferences-storage-key": "kong-ui-entities-routes-list",
-          query: M.value,
-          "table-headers": t(c),
-          title: e.title,
-          "title-tag": e.titleTag,
-          onClearSearchInput: K,
-          "onClick:row": b[7] || (b[7] = (O) => $(O)),
-          onSort: Ae,
-          onState: t(h)
-        }, Be({
-          "toolbar-filter": u(() => [
-            d(t(St), {
-              modelValue: M.value,
-              "onUpdate:modelValue": b[0] || (b[0] = (O) => M.value = O),
-              config: le.value
-            }, null, 8, ["modelValue", "config"])
-          ]),
-          "toolbar-button": u(() => [
-            (m(), x(at, {
-              disabled: !e.useActionOutside,
-              to: "#kong-ui-app-page-header-action-button"
-            }, [
-              V("div", Yo, [
-                !y.value && p.value ? (m(), x(R, {
-                  key: 0,
-                  appearance: "secondary",
-                  class: "open-learning-hub",
-                  "data-testid": "routes-learn-more-button",
-                  icon: "",
-                  onClick: b[1] || (b[1] = (O) => n.$emit("click:learn-more"))
-                }, {
-                  default: u(() => [
-                    d(t(Xe), { decorative: "" })
-                  ]),
-                  _: 1
-                })) : P("", !0),
-                d(t(ke), {
-                  "auth-function": () => e.canCreate()
-                }, {
-                  default: u(() => [
-                    d(R, {
-                      appearance: "primary",
-                      "data-testid": "toolbar-add-route",
-                      size: e.useActionOutside ? "medium" : "large",
-                      to: e.config.createRoute
-                    }, {
-                      default: u(() => [
-                        d(t(Ue)),
-                        U(" " + H(t(a)("routes.list.toolbar_actions.new_route")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "to"])
-                  ]),
-                  _: 1
-                }, 8, ["auth-function"])
-              ])
-            ], 8, ["disabled"]))
-          ]),
-          name: u(({ rowValue: O }) => [
-            V("b", null, H(O ?? "-"), 1)
-          ]),
-          protocols: u(({ rowValue: O }) => [
-            d(ae, null, {
-              default: u(() => [
-                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
-                  key: L,
-                  appearance: "neutral",
-                  onClick: b[3] || (b[3] = Ne(() => {
-                  }, ["stop"]))
-                }, {
-                  default: u(() => [
-                    U(H(L), 1)
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 2
-            }, 1024)
-          ]),
-          hosts: u(({ rowValue: O }) => [
-            (O == null ? void 0 : O.length) > 0 ? (m(), x(ae, { key: 0 }, {
-              default: u(() => [
-                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
-                  key: L,
-                  appearance: "neutral",
-                  tooltip: L,
-                  "truncation-tooltip": "",
-                  onClick: b[4] || (b[4] = Ne(() => {
-                  }, ["stop"]))
-                }, {
-                  default: u(() => [
-                    U(H(L), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["tooltip"]))), 128))
-              ]),
-              _: 2
-            }, 1024)) : (m(), k("span", Zo, "-"))
-          ]),
-          methods: u(({ rowValue: O }) => [
-            (O == null ? void 0 : O.length) > 0 ? (m(), x(ae, { key: 0 }, {
-              default: u(() => [
-                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
-                  key: L,
-                  appearance: Object.values(t(Ht)).includes(L.toLowerCase()) ? L.toLowerCase() : "custom",
-                  onClick: b[5] || (b[5] = Ne(() => {
-                  }, ["stop"]))
-                }, {
-                  default: u(() => [
-                    U(H(L), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["appearance"]))), 128))
-              ]),
-              _: 2
-            }, 1024)) : (m(), k("span", es, "-"))
-          ]),
-          paths: u(({ rowValue: O }) => [
-            (O == null ? void 0 : O.length) > 0 ? (m(), x(ae, { key: 0 }, {
-              default: u(() => [
-                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
-                  key: L,
-                  appearance: "neutral",
-                  tooltip: L,
-                  "truncation-tooltip": "",
-                  onClick: b[6] || (b[6] = Ne(() => {
-                  }, ["stop"]))
-                }, {
-                  default: u(() => [
-                    U(H(L), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["tooltip"]))), 128))
-              ]),
-              _: 2
-            }, 1024)) : (m(), k("span", ts, "-"))
-          ]),
-          tags: u(({ rowValue: O }) => [
-            d(t(bt), { tags: O }, null, 8, ["tags"])
-          ]),
-          expression: u(({ rowValue: O }) => [
-            V("span", os, H(O || "-"), 1)
-          ]),
-          created_at: u(({ rowValue: O }) => [
-            U(H(t(v)(O)), 1)
-          ]),
-          updated_at: u(({ row: O, rowValue: L }) => [
-            U(H(t(v)(L ?? O.created_at)), 1)
-          ]),
-          actions: u(({ row: O }) => [
-            d(ce, null, {
-              default: u(({ copyToClipboard: L }) => [
-                d(Q, {
-                  "data-testid": "action-entity-copy-id",
-                  onClick: (st) => ee(O, L)
-                }, {
-                  default: u(() => [
-                    U(H(t(a)("actions.copy_id")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            d(ce, null, {
-              default: u(({ copyToClipboard: L }) => [
-                d(Q, {
-                  "data-testid": "action-entity-copy-json",
-                  onClick: (st) => ge(O, L)
-                }, {
-                  default: u(() => [
-                    U(H(t(a)("actions.copy_json")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            d(t(ke), {
-              "auth-function": () => e.canRetrieve(O)
-            }, {
-              default: u(() => [
-                d(Q, {
-                  "data-testid": "action-entity-view",
-                  "has-divider": "",
-                  item: fe(O.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            d(t(ke), {
-              "auth-function": () => e.canDebug(O)
-            }, {
-              default: u(() => [
-                e.config.getDebugRoute ? (m(), x(Q, {
-                  key: 0,
-                  "data-testid": "action-entity-debug",
-                  item: me(O.id)
-                }, null, 8, ["item"])) : P("", !0)
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            d(t(ke), {
-              "auth-function": () => e.canEdit(O)
-            }, {
-              default: u(() => [
-                d(Q, {
-                  "data-testid": "action-entity-edit",
-                  item: ue(O.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            d(t(ke), {
-              "auth-function": () => e.canDelete(O)
-            }, {
-              default: u(() => [
-                d(Q, {
-                  danger: "",
-                  "data-testid": "action-entity-delete",
-                  "has-divider": "",
-                  onClick: (L) => we(O)
-                }, {
-                  default: u(() => [
-                    U(H(t(a)("actions.delete")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"])
-          ]),
-          _: 2
-        }, [
-          !M.value && e.config.app === "konnect" ? {
-            name: "empty-state",
-            fn: u(() => {
-              var O;
-              return [
-                d(I, {
-                  "data-testid": e.config.serviceId ? "nested-routes-entity-empty-state" : "routes-entity-empty-state",
-                  "icon-background": "",
-                  message: t(a)("routes.list.empty_state_v2.description"),
-                  title: t(a)("routes.list.empty_state_v2.title")
-                }, Be({
-                  icon: u(() => [
-                    d(t(kt), { decorative: "" })
-                  ]),
-                  action: u(() => [
-                    be.value ? (m(), x(R, {
-                      key: 0,
-                      "data-testid": "entity-create-button",
-                      to: e.config.createRoute
-                    }, {
-                      default: u(() => [
-                        d(t(Ue), { decorative: "" }),
-                        U(" " + H(t(a)("routes.list.toolbar_actions.new_route")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["to"])) : P("", !0),
-                    d(R, {
-                      appearance: "secondary",
-                      "data-testid": "entity-learn-more-button",
-                      onClick: b[2] || (b[2] = (L) => n.$emit("click:learn-more"))
-                    }, {
-                      default: u(() => [
-                        d(t(Xe), { decorative: "" }),
-                        U(" " + H(t(a)("routes.list.empty_state_v2.learn_more")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, [
-                  (O = e.config) != null && O.isControlPlaneGroup ? {
-                    name: "default",
-                    fn: u(() => [
-                      U(H(t(a)("routes.list.empty_state_v2.group")), 1)
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["data-testid", "message", "title"])
-              ];
-            }),
-            key: "0"
-          } : void 0
-        ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "title", "title-tag", "onState"]),
-        d(t(_t), {
-          "action-pending": ye.value,
-          description: t(a)("delete.description"),
-          "entity-name": ie.value && (ie.value.name || ie.value.id),
-          "entity-type": t(Tt).Route,
-          error: He.value,
-          title: t(a)("delete.title"),
-          visible: de.value,
-          onCancel: Me,
-          onProceed: $e
-        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
-      ]);
-    };
-  }
-}), fs = /* @__PURE__ */ Z(ss, [["__scopeId", "data-v-a438ef1a"]]);
-export {
-  Se as E,
-  ot as H,
-  W as I,
-  Ie as M,
-  Pe as P,
-  ps as R,
-  cs as _,
-  Ko as a,
-  fs as b,
-  J as c,
-  Lt as d,
-  xe as e,
-  Ft as f,
-  q as g,
-  s as h,
-  Je as i,
-  qo as j,
-  ze as s
-};