@kong-ui-public/entities-routes 3.16.22 → 3.16.23-pr.2609.f4d92e2e4.0

package/dist/index-CL0sBDYW.js

@@ -1,2615 +0,0 @@
-import { defineComponent as z, ref as B, computed as M, resolveComponent as H, createElementBlock as O, openBlock as m, createVNode as d, unref as o, withCtx as n, createBlock as x, toDisplayString as k, inject as xe, createCommentVNode as P, createElementVNode as V, mergeModels as Y, useModel as X, createTextVNode as U, TransitionGroup as me, Fragment as G, renderList as le, nextTick as st, defineAsyncComponent as lt, h as Fe, onMounted as Qe, renderSlot as Pe, resolveDynamicComponent as Ke, watch as ye, reactive as Ne, onBeforeMount as Ye, provide as rt, createSlots as qe, withModifiers as ke, Teleport as it } from "vue";
-import { useAxios as Le, ConfigurationSchemaType as fe, ConfigurationSchemaSection as ce, EntityBaseConfigCard as at, SupportedEntityType as Ze, InternalLinkItem as nt, useErrors as dt, useGatewayFeatureSupported as ut, EntityBaseFormType as Be, useDebouncedFilter as ct, EntityBaseForm as pt, EntityFormSection as Ge, useTableState as ft, useFetcher as mt, useDeleteUrlBuilder as vt, FetcherStatus as ht, EntityBaseTable as gt, PermissionsWrapper as He, TableTags as yt, EntityFilter as St, EntityDeleteModal as bt, EntityTypes as _t } from "@kong-ui-public/entities-shared";
-import { createI18n as Tt, i18nTComponent as It } from "@kong-ui-public/i18n";
-import We from "lodash.isequal";
-import { useRouter as et } from "vue-router";
-import { AddIcon as $e, CloseIcon as Et, RocketIcon as Rt, InfoIcon as At, BookIcon as je, ForwardIcon as Ot } from "@kong/icons";
-import { BadgeMethodAppearances as kt } from "@kong/kongponents";
-const te = "/v2/control-planes/{controlPlaneId}/core-entities", oe = "/{workspace}", Se = {
-  list: {
-    konnect: {
-      all: `${te}/routes`,
-      forGatewayService: `${te}/services/{serviceId}/routes`
-    },
-    kongManager: {
-      all: `${oe}/routes`,
-      forGatewayService: `${oe}/services/{serviceId}/routes`
-    }
-  },
-  form: {
-    konnect: {
-      services: `${te}/services`,
-      create: {
-        all: `${te}/routes`,
-        forGatewayService: `${te}/services/{serviceId}/routes`
-      },
-      fetch: {
-        all: `${te}/routes/{id}`,
-        forGatewayService: `${te}/services/{serviceId}/routes/{id}`
-      },
-      edit: {
-        all: `${te}/routes/{id}`,
-        forGatewayService: `${te}/services/{serviceId}/routes/{id}`
-      }
-    },
-    kongManager: {
-      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}`
-      }
-    }
-  },
-  item: {
-    konnect: {
-      getService: `${te}/services/{serviceId}`,
-      all: `${te}/routes/{id}`,
-      forGatewayService: `${te}/services/{serviceId}/routes/{id}`
-    },
-    kongManager: {
-      getService: `${oe}/services/{serviceId}`,
-      all: `${oe}/routes/{id}`,
-      forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
-    }
-  }
-}, Ht = {
-  create: "New route",
-  copy_id: "Copy ID",
-  copy_json: "Copy JSON",
-  edit: "Edit",
-  delete: "Delete",
-  clear: "Clear",
-  view: "View Details",
-  loading: "Loading..."
-}, Nt = {
-  placeholder: {
-    konnect: "Filter by name",
-    exact: "Filter by exact name or ID",
-    kongManager: "Filter by exact name or ID"
-  },
-  no_results: "No results found"
-}, Ct = {
-  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"
-    }
-  }
-}, xt = {
-  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"
-  }
-}, wt = {
-  success: "Copied {val} to clipboard",
-  success_brief: "Successfully copied to clipboard"
-}, Vt = {
-  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: Ht,
-  search: Nt,
-  routes: Ct,
-  delete: {
-    title: "Delete a Route",
-    description: "Deleting this route will also remove any associated plugins. This action cannot be reversed."
-  },
-  errors: xt,
-  copy: wt,
-  form: Vt
-};
-function Dt() {
-  const e = Tt("en-us", Mt);
-  return {
-    i18n: e,
-    i18nT: It(e)
-    // Translation component <i18n-t>
-  };
-}
-const J = {
-  useI18n: Dt
-}, $t = { class: "kong-ui-entities-route-entity-config-card" }, Ut = { key: 2 }, us = /* @__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, l = e, { axiosInstance: a } = Le((F = l.config) == null ? void 0 : F.axiosRequestConfig), { i18n: { t: v } } = J.useI18n(), i = B(""), A = B(""), h = B(!1), g = M(
-      () => {
-        var r, u;
-        return (u = Se.item[(r = l.config) == null ? void 0 : r.app]) == null ? void 0 : u[l.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, l.serviceId);
-      }
-    ), p = M(() => {
-      var r;
-      return (r = Se.item[l.config.app]) == null ? void 0 : r.getService;
-    }), y = async (r) => {
-      var S, D, se;
-      if (i.value = l.serviceId || ((S = r == null ? void 0 : r.service) == null ? void 0 : S.id), f("fetch:success", r), !i.value)
-        return;
-      let u = `${l.config.apiBaseUrl}${p.value}`;
-      l.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((D = l.config) == null ? void 0 : D.controlPlaneId) || "").replace(/{serviceId}/gi, i.value || "") : l.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (se = l.config) != null && se.workspace ? `/${l.config.workspace}` : "").replace(/{serviceId}/gi, i.value || ""));
-      try {
-        h.value = !0;
-        const { data: j } = await a.get(u);
-        A.value = (j == null ? void 0 : j.name) || (j == null ? void 0 : j.id);
-      } catch (j) {
-        f("fetch:error", j);
-      } finally {
-        h.value = !1;
-      }
-    }, w = B({
-      id: {},
-      name: {
-        tooltip: v("form.fields.name.tooltip")
-      },
-      created_at: {},
-      updated_at: {},
-      service: {
-        label: v("form.fields.service.label"),
-        section: ce.Basic,
-        tooltip: v("form.fields.service.tooltip"),
-        order: 5
-      },
-      tags: {
-        tooltip: v("form.fields.tags.tooltip"),
-        order: 6
-      },
-      protocols: {
-        section: ce.Basic,
-        tooltip: v("form.fields.protocols.tooltip"),
-        type: fe.BadgeTag,
-        order: 7
-      },
-      paths: {
-        section: ce.Basic,
-        tooltip: v("form.fields.paths.tooltip"),
-        type: fe.CopyBadge,
-        order: 8
-      },
-      hosts: {
-        section: ce.Basic,
-        tooltip: v("form.fields.hosts.tooltip"),
-        type: fe.CopyBadge,
-        order: 9
-      },
-      snis: {
-        label: v("form.fields.snis.label"),
-        tooltip: v("form.fields.snis.tooltip"),
-        order: 10
-      },
-      headers: {
-        section: ce.Basic,
-        tooltip: v("form.fields.headers.tooltip"),
-        order: 11
-      },
-      methods: {
-        section: ce.Basic,
-        tooltip: v("form.fields.methods.tooltip"),
-        type: fe.BadgeMethod,
-        order: 12
-      },
-      sources: {
-        section: ce.Basic,
-        tooltip: v("form.fields.sources.tooltip"),
-        type: fe.JsonArray,
-        order: 13
-      },
-      destinations: {
-        section: ce.Basic,
-        tooltip: v("form.fields.destinations.tooltip"),
-        type: fe.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, u) => {
-      const S = H("KSkeleton");
-      return m(), O("div", $t, [
-        d(o(at), {
-          config: e.config,
-          "config-card-doc": e.configCardDoc,
-          "config-schema": w.value,
-          "entity-type": o(Ze).Route,
-          "fetch-url": g.value,
-          "hide-title": e.hideTitle,
-          "onFetch:error": u[0] || (u[0] = (D) => r.$emit("fetch:error", D)),
-          "onFetch:success": y,
-          onLoading: u[1] || (u[1] = (D) => r.$emit("loading", D))
-        }, {
-          service: n(({ row: D }) => [
-            h.value ? (m(), x(S, {
-              key: 0,
-              "data-testid": "service-name-loader",
-              type: "spinner"
-            })) : D.value && D.value.id === i.value && A.value ? (m(), x(o(nt), {
-              key: 1,
-              item: {
-                key: D.value.id,
-                value: A.value,
-                type: o(fe).LinkInternal
-              },
-              onNavigationClick: () => r.$emit("navigation-click", D.value.id, "services")
-            }, null, 8, ["item", "onNavigationClick"])) : (m(), O("div", Ut, k("-")))
-          ]),
-          _: 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 || {}), ge = /* @__PURE__ */ ((e) => (e.LOADING = "loading", e.ERROR = "error", e.READY = "ready", e))(ge || {}), be = /* @__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))(be || {});
-const Xe = (e) => e.routeFlavors.traditional === !0, ze = (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 }]
-}, Ue = {
-  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]
-}, tt = [
-  { label: "426", value: 426 },
-  { label: "301", value: 301 },
-  { label: "302", value: 302 },
-  { label: "307", value: 307 },
-  { label: "308", value: 308 }
-], Pt = [
-  { label: "v0", value: "v0" },
-  { label: "v1", value: "v1" }
-], Ce = {
-  https_redirect_status_code: 426,
-  strip_path: !0,
-  preserve_host: !1,
-  request_buffering: !0,
-  response_buffering: !0
-}, Lt = {
-  ...Ce,
-  paths: [""],
-  regex_priority: 0,
-  path_handling: "v0",
-  expression: "",
-  priority: 0
-}, Ft = /* @__PURE__ */ z({
-  __name: "RuleControlsAdd",
-  props: {
-    routingRulesEntity: {}
-  },
-  emits: ["add"],
-  setup(e, { emit: C }) {
-    const f = e, l = C, a = xe("configType", "basic"), { i18n: { t: v } } = J.useI18n(), i = M(() => v(`form.fields.${f.routingRulesEntity}.add`));
-    return (A, h) => {
-      const g = H("KButton");
-      return o(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) => l("add"))
-      }, {
-        default: n(() => [
-          d(o($e)),
-          V("span", null, k(i.value), 1)
-        ]),
-        _: 1
-      }, 8, ["data-testid"])) : P("", !0);
-    };
-  }
-}), Z = (e, C) => {
-  const f = e.__vccOpts || e;
-  for (const [l, a] of C)
-    f[l] = a;
-  return f;
-}, _e = /* @__PURE__ */ Z(Ft, [["__scopeId", "data-v-f1f4cfc9"]]), Kt = "#afb7c5", qt = "#0044f4", Bt = "16px", Te = /* @__PURE__ */ z({
-  __name: "RuleControlsRemove",
-  props: {
-    disabled: { type: Boolean },
-    routingRulesEntity: {}
-  },
-  emits: ["remove"],
-  setup(e, { emit: C }) {
-    const f = C, l = xe("configType", "basic");
-    return (a, v) => {
-      const i = H("KButton");
-      return o(l) !== "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: n(() => [
-          d(o(Et), {
-            color: e.disabled ? o(Kt) : o(qt)
-          }, null, 8, ["color"])
-        ]),
-        _: 1
-      }, 8, ["data-testid", "disabled"])) : P("", !0);
-    };
-  }
-}), Gt = { class: "routing-rule-container" }, Wt = ["innerHTML"], jt = /* @__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(), l = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = H("KLabel"), h = H("KInput");
-      return m(), O("div", Gt, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: n(() => [
-            V("span", {
-              innerHTML: o(f)("form.fields.destinations.tooltip")
-            }, null, 8, Wt)
-          ]),
-          default: n(() => [
-            U(" " + k(o(f)("form.fields.destinations.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(me, { name: "appear" }, {
-          default: n(() => [
-            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: l.value[p].ip,
-                "onUpdate:modelValue": (y) => l.value[p].ip = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-destinations-ip-input-${p + 1}`,
-                placeholder: o(f)("form.fields.destinations.ip.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(h, {
-                modelValue: l.value[p].port,
-                "onUpdate:modelValue": (y) => l.value[p].port = y,
-                modelModifiers: { number: !0 },
-                "data-testid": `route-form-destinations-port-input-${p + 1}`,
-                max: "65535",
-                min: "0",
-                placeholder: o(f)("form.fields.destinations.port.placeholder"),
-                type: "number"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Te, {
-                disabled: l.value.length === 1,
-                "routing-rules-entity": o(s).DESTINATIONS,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(_e, {
-          "routing-rules-entity": o(s).DESTINATIONS,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), Xt = /* @__PURE__ */ Z(jt, [["__scopeId", "data-v-3eb40a37"]]), zt = { class: "routing-rule-container" }, Jt = ["innerHTML"], Qt = /* @__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(), l = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = H("KLabel"), h = H("KInput");
-      return m(), O("div", zt, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: n(() => [
-            V("span", {
-              innerHTML: o(f)("form.fields.headers.tooltip")
-            }, null, 8, Jt)
-          ]),
-          default: n(() => [
-            U(" " + k(o(f)("form.fields.headers.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(me, { name: "appear" }, {
-          default: n(() => [
-            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: l.value[p].header,
-                "onUpdate:modelValue": (y) => l.value[p].header = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-headers-name-input-${p + 1}`,
-                placeholder: o(f)("form.fields.headers.name.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(h, {
-                modelValue: l.value[p].values,
-                "onUpdate:modelValue": (y) => l.value[p].values = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-headers-values-input-${p + 1}`,
-                placeholder: o(f)("form.fields.headers.values.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Te, {
-                disabled: l.value.length === 1,
-                "routing-rules-entity": o(s).HEADERS,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(_e, {
-          "routing-rules-entity": o(s).HEADERS,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), Yt = /* @__PURE__ */ Z(Qt, [["__scopeId", "data-v-d3bede0b"]]), Zt = { class: "routing-rule-container" }, eo = ["innerHTML"], to = /* @__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(), l = X(e, "modelValue"), a = C, v = xe("configType", "basic");
-    return (i, A) => {
-      const h = H("KLabel"), g = H("KInput");
-      return m(), O("div", Zt, [
-        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: n(() => [
-            V("span", {
-              innerHTML: o(f)("form.fields.hosts.tooltip")
-            }, null, 8, eo)
-          ]),
-          default: n(() => [
-            U(" " + k(o(v) === "basic" ? o(f)("form.fields.hosts.label_singular") : o(f)("form.fields.hosts.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(me, { name: "appear" }, {
-          default: n(() => [
-            (m(!0), O(G, null, le(o(v) === "basic" ? l.value.slice(0, 1) : l.value, (p, y) => (m(), O("div", {
-              key: y,
-              class: "routing-rule-input"
-            }, [
-              d(g, {
-                modelValue: l.value[y],
-                "onUpdate:modelValue": (w) => l.value[y] = w,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-hosts-input-${y + 1}`,
-                placeholder: o(f)("form.fields.hosts.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Te, {
-                disabled: l.value.length === 1,
-                "routing-rules-entity": o(s).HOSTS,
-                onRemove: (w) => a("remove", y)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(_e, {
-          "routing-rules-entity": o(s).HOSTS,
-          onAdd: A[0] || (A[0] = (p) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), oo = /* @__PURE__ */ Z(to, [["__scopeId", "data-v-dccd9082"]]), so = {
-  class: "routing-rule-container",
-  "data-testid": "route-form-methods"
-}, lo = ["innerHTML"], ro = { class: "routing-rule-input" }, io = /* @__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"), l = X(e, "customMethods"), a = M(() => f.value.filter((g) => Object.keys(be).includes(g)).concat(l.value.map((g) => g.value))), v = M(() => Object.keys(be).map((g) => ({
-      label: g,
-      value: g
-    })).concat(l.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 ? l.value.push(g) : l.value = l.value.filter((y) => y.value !== g.value);
-    }, h = (g) => {
-      f.value = g;
-    };
-    return (g, p) => {
-      const y = H("KLabel"), w = H("KMultiselect");
-      return m(), O("div", so, [
-        d(y, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: n(() => [
-            V("span", {
-              innerHTML: o(C)("form.fields.methods.tooltip")
-            }, null, 8, lo)
-          ]),
-          default: n(() => [
-            U(" " + k(o(C)("form.fields.methods.label")), 1)
-          ]),
-          _: 1
-        }),
-        V("div", ro, [
-          d(w, {
-            "enable-item-creation": "",
-            "item-creation-validator": i,
-            items: v.value,
-            "model-value": a.value,
-            placeholder: o(C)("form.fields.methods.placeholder"),
-            "search-placeholder": o(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"])
-        ])
-      ]);
-    };
-  }
-}), ao = /* @__PURE__ */ Z(io, [["__scopeId", "data-v-6c94d6d2"]]), no = { class: "routing-rule-container" }, uo = ["innerHTML"], co = /* @__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(), l = X(e, "modelValue"), a = C, v = xe("configType", "basic");
-    return (i, A) => {
-      const h = H("KLabel"), g = H("KInput");
-      return m(), O("div", no, [
-        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: n(() => [
-            V("span", {
-              innerHTML: o(f)("form.fields.paths.tooltip")
-            }, null, 8, uo)
-          ]),
-          default: n(() => [
-            U(" " + k(o(v) === "basic" ? o(f)("form.fields.paths.label_singular") : o(f)("form.fields.paths.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(me, { name: "appear" }, {
-          default: n(() => [
-            (m(!0), O(G, null, le(o(v) === "basic" ? l.value.slice(0, 1) : l.value, (p, y) => (m(), O("div", {
-              key: y,
-              class: "routing-rule-input"
-            }, [
-              d(g, {
-                modelValue: l.value[y],
-                "onUpdate:modelValue": (w) => l.value[y] = w,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-paths-input-${y + 1}`,
-                placeholder: o(f)("form.fields.paths.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Te, {
-                disabled: l.value.length === 1,
-                "routing-rules-entity": o(s).PATHS,
-                onRemove: (w) => a("remove", y)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(_e, {
-          "routing-rules-entity": o(s).PATHS,
-          onAdd: A[0] || (A[0] = (p) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), po = /* @__PURE__ */ Z(co, [["__scopeId", "data-v-eb440a9e"]]), fo = { class: "routing-rule-container" }, mo = ["innerHTML"], vo = /* @__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(), l = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = H("KLabel"), h = H("KInput");
-      return m(), O("div", fo, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: n(() => [
-            V("span", {
-              innerHTML: o(f)("form.fields.snis.tooltip")
-            }, null, 8, mo)
-          ]),
-          default: n(() => [
-            U(" " + k(o(f)("form.fields.snis.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(me, { name: "appear" }, {
-          default: n(() => [
-            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: l.value[p],
-                "onUpdate:modelValue": (y) => l.value[p] = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-snis-input-${p + 1}`,
-                placeholder: o(f)("form.fields.snis.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Te, {
-                disabled: l.value.length === 1,
-                "routing-rules-entity": o(s).SNIS,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(_e, {
-          "routing-rules-entity": o(s).SNIS,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), ho = /* @__PURE__ */ Z(vo, [["__scopeId", "data-v-e6782e08"]]), go = { class: "routing-rule-container" }, yo = ["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(), l = X(e, "modelValue"), a = C;
-    return (v, i) => {
-      const A = H("KLabel"), h = H("KInput");
-      return m(), O("div", go, [
-        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
-          tooltip: n(() => [
-            V("span", {
-              innerHTML: o(f)("form.fields.sources.tooltip")
-            }, null, 8, yo)
-          ]),
-          default: n(() => [
-            U(" " + k(o(f)("form.fields.sources.label")), 1)
-          ]),
-          _: 1
-        }),
-        d(me, { name: "appear" }, {
-          default: n(() => [
-            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
-              key: p,
-              class: "routing-rule-input"
-            }, [
-              d(h, {
-                modelValue: l.value[p].ip,
-                "onUpdate:modelValue": (y) => l.value[p].ip = y,
-                modelModifiers: { trim: !0 },
-                "data-testid": `route-form-sources-ip-input-${p + 1}`,
-                placeholder: o(f)("form.fields.sources.ip.placeholder")
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(h, {
-                modelValue: l.value[p].port,
-                "onUpdate:modelValue": (y) => l.value[p].port = y,
-                modelModifiers: { number: !0 },
-                "data-testid": `route-form-sources-port-input-${p + 1}`,
-                max: "65535",
-                min: "0",
-                placeholder: o(f)("form.fields.sources.port.placeholder"),
-                type: "number"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
-              d(Te, {
-                disabled: l.value.length === 1,
-                "routing-rules-entity": o(s).SOURCES,
-                onRemove: (y) => a("remove", p)
-              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
-            ]))), 128))
-          ]),
-          _: 1
-        }),
-        d(_e, {
-          "routing-rules-entity": o(s).SOURCES,
-          onAdd: i[0] || (i[0] = (g) => a("add"))
-        }, null, 8, ["routing-rules-entity"])
-      ]);
-    };
-  }
-}), bo = /* @__PURE__ */ Z(So, [["__scopeId", "data-v-448078c1"]]), _o = { class: "traditional-rules-hint" }, To = { key: 0 }, Io = ["innerHTML"], Eo = {
-  key: 0,
-  class: "route-form-fields-container route-form-advanced-fields-container"
-}, Ro = ["innerHTML"], Ao = ["innerHTML"], Oo = ["innerHTML"], ko = ["innerHTML"], Ho = ["innerHTML"], No = ["innerHTML"], Co = /* @__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: l } } = 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, u) => {
-      if (typeof u < "u") {
-        const S = i.value[r];
-        if (Array.isArray(S) && (S.splice(u, 1), S.length > 0))
-          return;
-      }
-      await st(() => {
-        delete i.value[r];
-      });
-    }, p = (r) => r.some((u) => v.protocols.includes(u)), y = M(() => new Set(Ue[v.protocols])), w = M(() => {
-      if (p(["tls_passthrough"]))
-        return [F(s.SNIS)];
-      const r = (v.configType === "basic" ? [s.PATHS, s.METHODS, s.HOSTS] : Ue[v.protocols]).map((u) => F(u));
-      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, u) => {
-      const S = H("KCheckbox"), D = H("KSelect"), se = H("KInput"), j = H("KCard");
-      return m(), x(j, null, {
-        default: n(() => {
-          var E;
-          return [
-            V("span", _o, [
-              d(o(C), { keypath: "form.hint.rules_message" }, {
-                protocol: n(() => [
-                  V("b", null, k(o(a)[e.protocols]), 1)
-                ]),
-                routingRules: n(() => [
-                  d(o(C), {
-                    keypath: w.value[1] ? "form.hint.multiple_rules" : "form.hint.single_rule"
-                  }, {
-                    routingRules: n(() => [
-                      U(k(w.value[0]), 1)
-                    ]),
-                    lastRoutingRule: n(() => [
-                      U(k(w.value[1]), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["keypath"])
-                ]),
-                _: 1
-              }),
-              e.configType === "basic" ? (m(), O("span", To, k(o(l)("form.hint.advanced")), 1)) : P("", !0)
-            ]),
-            d(me, { name: "appear" }, {
-              default: n(() => {
-                var b;
-                return [
-                  i.value.paths && y.value.has(o(s).PATHS) ? (m(), x(po, {
-                    key: "paths-container",
-                    modelValue: i.value.paths,
-                    "onUpdate:modelValue": u[0] || (u[0] = (_) => i.value.paths = _),
-                    onAdd: u[1] || (u[1] = (_) => h(o(s).PATHS)),
-                    onRemove: u[2] || (u[2] = (_) => g(o(s).PATHS, _))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  p(["http", "https", "ws", "wss"]) ? (m(), x(S, {
-                    key: 1,
-                    modelValue: i.value.strip_path,
-                    "onUpdate:modelValue": u[3] || (u[3] = (_) => i.value.strip_path = _),
-                    class: "route-form-strip-path",
-                    "data-testid": "route-form-strip-path",
-                    disabled: !((b = i.value.paths) != null && b.some(Boolean)),
-                    label: o(l)("form.fields.strip_path.label"),
-                    "label-attributes": {
-                      tooltipAttributes: { maxWidth: "320" }
-                    }
-                  }, {
-                    tooltip: n(() => [
-                      V("span", {
-                        innerHTML: o(l)("form.fields.strip_path.tooltip")
-                      }, null, 8, Io)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "disabled", "label"])) : P("", !0),
-                  i.value.methods && y.value.has(o(s).METHODS) ? (m(), x(ao, {
-                    key: "methods-container",
-                    "custom-methods": A.value,
-                    "onUpdate:customMethods": u[4] || (u[4] = (_) => A.value = _),
-                    methods: i.value.methods,
-                    "onUpdate:methods": u[5] || (u[5] = (_) => i.value.methods = _)
-                  }, null, 8, ["custom-methods", "methods"])) : P("", !0),
-                  i.value.hosts && y.value.has(o(s).HOSTS) ? (m(), x(oo, {
-                    key: "hosts-container",
-                    modelValue: i.value.hosts,
-                    "onUpdate:modelValue": u[6] || (u[6] = (_) => i.value.hosts = _),
-                    onAdd: u[7] || (u[7] = (_) => h(o(s).HOSTS)),
-                    onRemove: u[8] || (u[8] = (_) => g(o(s).HOSTS, _))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.headers && e.configType === "advanced" && y.value.has(o(s).HEADERS) ? (m(), x(Yt, {
-                    key: "headers-container",
-                    modelValue: i.value.headers,
-                    "onUpdate:modelValue": u[9] || (u[9] = (_) => i.value.headers = _),
-                    onAdd: u[10] || (u[10] = (_) => h(o(s).HEADERS)),
-                    onRemove: u[11] || (u[11] = (_) => g(o(s).HEADERS, _))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.sources && y.value.has(o(s).SOURCES) ? (m(), x(bo, {
-                    key: "sources-container",
-                    modelValue: i.value.sources,
-                    "onUpdate:modelValue": u[12] || (u[12] = (_) => i.value.sources = _),
-                    onAdd: u[13] || (u[13] = (_) => h(o(s).SOURCES)),
-                    onRemove: u[14] || (u[14] = (_) => g(o(s).SOURCES, _))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.destinations && y.value.has(o(s).DESTINATIONS) ? (m(), x(Xt, {
-                    key: "destinations-container",
-                    modelValue: i.value.destinations,
-                    "onUpdate:modelValue": u[15] || (u[15] = (_) => i.value.destinations = _),
-                    onAdd: u[16] || (u[16] = (_) => h(o(s).DESTINATIONS)),
-                    onRemove: u[17] || (u[17] = (_) => g(o(s).DESTINATIONS, _))
-                  }, null, 8, ["modelValue"])) : P("", !0),
-                  i.value.snis && e.configType === "advanced" && y.value.has(o(s).SNIS) ? (m(), x(ho, {
-                    key: "snis-container",
-                    modelValue: i.value.snis,
-                    "onUpdate:modelValue": u[18] || (u[18] = (_) => i.value.snis = _),
-                    onAdd: u[19] || (u[19] = (_) => h(o(s).SNIS)),
-                    onRemove: u[20] || (u[20] = (_) => g(o(s).SNIS, _))
-                  }, null, 8, ["modelValue"])) : P("", !0)
-                ];
-              }),
-              _: 1
-            }),
-            e.hideAdvanced ? P("", !0) : (m(), O("div", Eo, [
-              (E = i.value.paths) != null && E.some(Boolean) ? (m(), x(D, {
-                key: 0,
-                modelValue: i.value.path_handling,
-                "onUpdate:modelValue": u[21] || (u[21] = (b) => i.value.path_handling = b),
-                "data-testid": "route-form-path-handling",
-                items: o(Pt),
-                label: o(l)("form.fields.path_handling.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                },
-                readonly: e.readonly,
-                width: "100%"
-              }, {
-                "label-tooltip": n(() => [
-                  V("span", {
-                    innerHTML: o(l)("form.fields.path_handling.tooltip")
-                  }, null, 8, Ro)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "items", "label", "readonly"])) : P("", !0),
-              d(D, {
-                modelValue: i.value.https_redirect_status_code,
-                "onUpdate:modelValue": u[22] || (u[22] = (b) => i.value.https_redirect_status_code = b),
-                "data-testid": "route-form-http-redirect-status-code",
-                items: o(tt),
-                label: o(l)("form.fields.https_redirect_status_code.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                },
-                readonly: e.readonly,
-                width: "100%"
-              }, {
-                "label-tooltip": n(() => [
-                  V("span", {
-                    innerHTML: o(l)("form.fields.https_redirect_status_code.tooltip")
-                  }, null, 8, Ao)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "items", "label", "readonly"]),
-              d(se, {
-                modelValue: i.value.regex_priority,
-                "onUpdate:modelValue": u[23] || (u[23] = (b) => i.value.regex_priority = b),
-                autocomplete: "off",
-                "data-testid": "route-form-regex-priority",
-                label: o(l)("form.fields.regex_priority.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                },
-                readonly: e.readonly,
-                type: "number"
-              }, {
-                "label-tooltip": n(() => [
-                  V("span", {
-                    innerHTML: o(l)("form.fields.regex_priority.tooltip")
-                  }, null, 8, Oo)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label", "readonly"]),
-              d(S, {
-                modelValue: i.value.preserve_host,
-                "onUpdate:modelValue": u[24] || (u[24] = (b) => i.value.preserve_host = b),
-                "data-testid": "route-form-preserve-host",
-                label: o(l)("form.fields.preserve_host.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                }
-              }, {
-                tooltip: n(() => [
-                  V("span", {
-                    innerHTML: o(l)("form.fields.preserve_host.tooltip")
-                  }, null, 8, ko)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label"]),
-              d(S, {
-                modelValue: i.value.request_buffering,
-                "onUpdate:modelValue": u[25] || (u[25] = (b) => i.value.request_buffering = b),
-                "data-testid": "route-form-request-buffering",
-                label: o(l)("form.fields.request_buffering.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                }
-              }, {
-                tooltip: n(() => [
-                  V("span", {
-                    innerHTML: o(l)("form.fields.request_buffering.tooltip")
-                  }, null, 8, Ho)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label"]),
-              d(S, {
-                modelValue: i.value.response_buffering,
-                "onUpdate:modelValue": u[26] || (u[26] = (b) => i.value.response_buffering = b),
-                "data-testid": "route-form-response-buffering",
-                label: o(l)("form.fields.response_buffering.label"),
-                "label-attributes": {
-                  tooltipAttributes: { maxWidth: "320" }
-                }
-              }, {
-                tooltip: n(() => [
-                  V("span", {
-                    innerHTML: o(l)("form.fields.response_buffering.tooltip")
-                  }, null, 8, No)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "label"])
-            ]))
-          ];
-        }),
-        _: 1
-      });
-    };
-  }
-}), Je = /* @__PURE__ */ Z(Co, [["__scopeId", "data-v-f3fa9614"]]), xo = /* @__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(), l = {
-      render: () => Fe("div", f("form.expressions_editor.loading"))
-    }, a = {
-      render: () => Fe("div", f("form.expressions_editor.error"))
-    }, v = lt({
-      loader: async () => import("./RouteFormExpressionsEditor-F5bIgjiX.js"),
-      loadingComponent: l,
-      errorComponent: a
-    }), i = e, A = C, h = B(ge.LOADING), g = X(e, "modelValue"), p = (y) => {
-      g.value = y;
-    };
-    return Qe(async () => {
-      try {
-        await (await import("@kong-ui-public/expressions")).asyncInit, h.value = ge.READY;
-      } catch (y) {
-        h.value = ge.ERROR, console.error(y);
-      }
-    }), (y, w) => (m(), O(G, null, [
-      h.value === o(ge).ERROR ? (m(), x(Ke(a), {
-        key: 0,
-        "data-testid": "route-form-expressions-editor-loader-error"
-      })) : h.value === o(ge).LOADING ? (m(), x(Ke(l), {
-        key: 1,
-        "data-testid": "route-form-expressions-editor-loader-loading"
-      })) : (m(), x(o(v), {
-        key: 2,
-        modelValue: g.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (F) => g.value = F),
-        protocol: i.protocol,
-        "show-expressions-modal-entry": e.showExpressionsModalEntry,
-        onNotify: w[1] || (w[1] = (F) => A("notify", F))
-      }, {
-        default: n(() => [
-          d(o(Rt), { size: o(Bt) }, null, 8, ["size"]),
-          V("span", null, k(o(f)("form.expression_playground.test_link")), 1)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])),
-      Pe(y.$slots, "after-editor", {
-        expression: { value: g.value, update: p },
-        state: h.value
-      })
-    ], 64));
-  }
-}), wo = { class: "route-form-routing-rules-title-container" }, Vo = { class: "routing-rules-title" }, Mo = { class: "route-form-fields-container route-form-advanced-fields-container" }, Do = /* @__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(), l = e, a = X(e, "fields"), v = C, i = B(!0), A = M(() => l.protocols.split(",") || []), h = (g) => g.some((p) => l.protocols.includes(p));
-    return (g, p) => {
-      const y = H("KCard"), w = H("KSelect"), F = H("KInput"), r = H("KCheckbox"), u = H("KCollapse");
-      return m(), O(G, null, [
-        d(y, null, {
-          title: n(() => [
-            V("div", wo, [
-              (m(!0), O(G, null, le(A.value, (S) => (m(), O("span", {
-                key: S,
-                class: "protocol-title"
-              }, k(S.toUpperCase()), 1))), 128)),
-              V("span", Vo, k(o(f)("form.sections.routingExpression.title")), 1)
-            ])
-          ]),
-          default: n(() => [
-            d(xo, {
-              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": n((S) => [
-                Pe(g.$slots, "after-expressions-editor", {
-                  expression: S.expression,
-                  state: S.state
-                }, void 0, !0)
-              ]),
-              _: 3
-            }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])
-          ]),
-          _: 3
-        }),
-        d(u, {
-          modelValue: i.value,
-          "onUpdate:modelValue": p[8] || (p[8] = (S) => i.value = S),
-          class: "route-form-advanced-fields-collapse",
-          "trigger-alignment": "leading",
-          "trigger-label": o(f)("form.show_more")
-        }, {
-          default: n(() => [
-            d(y, null, {
-              default: n(() => [
-                V("div", Mo, [
-                  d(w, {
-                    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: o(tt),
-                    label: o(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: o(f)("form.fields.priority.label"),
-                    "label-attributes": {
-                      info: o(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: o(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: o(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: o(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: o(f)("form.fields.response_buffering.label")
-                  }, null, 8, ["modelValue", "label"])
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "trigger-label"])
-      ], 64);
-    };
-  }
-}), $o = /* @__PURE__ */ Z(Do, [["__scopeId", "data-v-e7571a47"]]), Uo = { class: "config-type-container" }, Po = {
-  key: 0,
-  class: "config-flavor"
-}, Lo = /* @__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: () => Ne({
-        ...Ce,
-        paths: [""],
-        regex_priority: 0,
-        path_handling: "v0",
-        expression: "",
-        priority: 0
-      })
-    },
-    fieldsModifiers: {},
-    customMethods: { default: () => Ne([]) },
-    customMethodsModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Y(["notify", "update:payload", "update:protocols"], ["update:configType", "update:configFlavor", "update:fields", "update:customMethods"]),
-  setup(e, { emit: C }) {
-    const f = e, l = 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 = M(() => [
-      { 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 = M(() => f.recordFlavor ? f.recordFlavor : a.value), w = (E, b) => {
-      if (!new Set(Ue[f.protocols]).has(E))
-        return [];
-      if ([s.PATHS, s.HOSTS, s.METHODS, s.SNIS].includes(E))
-        return [...b].filter((K) => !!K);
-      if (E === s.SOURCES || E === s.DESTINATIONS)
-        return [...b].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 [...b].filter((K) => !!K.header);
-    }, F = (E) => E.some((b) => f.protocols.includes(b)), r = () => {
-      if (y.value !== q.TRADITIONAL)
-        return null;
-      const E = v.value, b = w(s.HEADERS, E.headers || []) || W[s.HEADERS];
-      return b.length === 0 ? null : b.reduce((_, K) => (_[K.header] = K.values.split(","), _), {});
-    }, u = M(() => (v.value.methods || []).filter((_) => Object.keys(be).includes(_)).concat(i.value.map((_) => _.label.toUpperCase()))), S = (E) => E != null && E.length ? E : null, D = M(() => ({
-      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
-    })), se = M(() => {
-      switch (y.value) {
-        case q.TRADITIONAL: {
-          const E = v.value, b = S(w(s.PATHS, E.paths || [])), _ = S(w(s.HOSTS, E.hosts || [])), K = {
-            ...D.value,
-            methods: S(w(s.METHODS, u.value)),
-            hosts: l.value === "basic" && _ ? _.slice(0, 1) : _,
-            paths: l.value === "basic" && b ? b.slice(0, 1) : b,
-            headers: l.value === "basic" ? null : r(),
-            regex_priority: Number(E.regex_priority),
-            path_handling: E.path_handling,
-            sources: S(w(s.SOURCES, E.sources || [])),
-            destinations: S(w(s.DESTINATIONS, E.destinations || [])),
-            snis: l.value === "basic" ? null : S(w(s.SNIS, E.snis || []))
-          };
-          return {
-            type: y.value,
-            payload: K
-          };
-        }
-        case q.EXPRESSIONS: {
-          const E = v.value;
-          return {
-            type: y.value,
-            payload: {
-              ...D.value,
-              expression: E.expression,
-              priority: Number(E.priority)
-            }
-          };
-        }
-        default:
-          return;
-      }
-    }), j = (E) => {
-      E && A("update:protocols", E);
-    };
-    return ye([() => f.recordFlavor, () => f.routeFlavors], ([E, b]) => {
-      if (E) {
-        a.value = E;
-        return;
-      }
-      a.value = !b.traditional && b.expressions ? q.EXPRESSIONS : q.TRADITIONAL;
-    }, { immediate: !0, deep: !0 }), ye(l, (E) => {
-      E === "basic" && (a.value = q.TRADITIONAL, A("update:protocols", "http,https"));
-    }), ye(se, (E) => {
-      A("update:payload", E);
-    }, { deep: !0, immediate: !0 }), (E, b) => {
-      const _ = H("KRadio"), K = H("KLabel"), Ie = H("KTooltip"), ne = H("KSegmentedControl"), ee = H("KAlert"), ve = H("KSelect");
-      return m(), O(G, null, [
-        V("div", Uo, [
-          d(_, {
-            modelValue: l.value,
-            "onUpdate:modelValue": b[0] || (b[0] = ($) => l.value = $),
-            card: "",
-            "card-orientation": "horizontal",
-            "data-testid": "route-form-config-type-basic",
-            description: o(h)("form.config_types.basic.description"),
-            disabled: !e.routeFlavors.traditional || e.recordFlavor === o(q).EXPRESSIONS,
-            label: o(h)("form.config_types.basic.label"),
-            "selected-value": "basic"
-          }, null, 8, ["modelValue", "description", "disabled", "label"]),
-          d(_, {
-            modelValue: l.value,
-            "onUpdate:modelValue": b[1] || (b[1] = ($) => l.value = $),
-            card: "",
-            "card-orientation": "horizontal",
-            "data-testid": "route-form-config-type-advanced",
-            description: o(h)("form.config_types.advanced.description"),
-            label: o(h)("form.config_types.advanced.label"),
-            "selected-value": "advanced"
-          }, null, 8, ["modelValue", "description", "label"])
-        ]),
-        l.value === "basic" ? (m(), x(Je, {
-          key: 0,
-          "custom-methods": i.value,
-          "onUpdate:customMethods": b[2] || (b[2] = ($) => i.value = $),
-          fields: v.value,
-          "onUpdate:fields": b[3] || (b[3] = ($) => v.value = $),
-          "config-type": "basic",
-          "hide-advanced": "",
-          protocols: e.protocols,
-          readonly: e.readonly
-        }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), O(G, { key: 1 }, [
-          e.routeFlavors.traditional && e.routeFlavors.expressions ? (m(), O("div", Po, [
-            d(K, { class: "config-flavor-label" }, {
-              default: n(() => [
-                U(k(o(h)("form.config_flavor.label")), 1)
-              ]),
-              _: 1
-            }),
-            d(ne, {
-              modelValue: a.value,
-              "onUpdate:modelValue": b[4] || (b[4] = ($) => a.value = $),
-              class: "config-flavor-control",
-              "data-testid": "route-form-config-flavor",
-              options: g
-            }, {
-              "option-label": n(({ option: $ }) => {
-                var pe, de;
-                return [
-                  V("span", null, k($.label), 1),
-                  (pe = e.tooltips) != null && pe[$.value] ? (m(), x(Ie, {
-                    key: 0,
-                    class: "route-form-config-tabs-tooltip",
-                    text: (de = e.tooltips) == null ? void 0 : de[$.value],
-                    "tooltip-id": `route-form-config-tabs-tooltip-${$.value}`
-                  }, {
-                    default: n(() => [
-                      d(o(At))
-                    ]),
-                    _: 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: n(() => [
-              e.recordFlavor ? e.recordFlavor !== a.value ? (m(), O(G, { key: 1 }, [
-                U(k(o(h)("form.warning.cannotChangeFlavor.edit", { format: o(h)(`form.flavors.${e.recordFlavor}`) })), 1)
-              ], 64)) : P("", !0) : (m(), O(G, { key: 0 }, [
-                U(k(o(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(), O(G, { key: 2 }, [
-            e.hideProtocols ? P("", !0) : (m(), x(ve, {
-              key: 0,
-              "data-testid": "route-form-protocols",
-              items: p.value,
-              label: o(h)("form.fields.protocols.label"),
-              "label-attributes": {
-                info: o(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 === o(q).TRADITIONAL ? (m(), x(Je, {
-              key: 1,
-              "custom-methods": i.value,
-              "onUpdate:customMethods": b[5] || (b[5] = ($) => i.value = $),
-              fields: v.value,
-              "onUpdate:fields": b[6] || (b[6] = ($) => v.value = $),
-              "config-type": "advanced",
-              protocols: e.protocols,
-              readonly: e.readonly
-            }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), x($o, {
-              key: 2,
-              fields: v.value,
-              "onUpdate:fields": b[7] || (b[7] = ($) => v.value = $),
-              protocols: e.protocols,
-              readonly: e.readonly,
-              "show-expressions-modal-entry": e.showExpressionsModalEntry,
-              onNotify: b[8] || (b[8] = ($) => A("notify", $))
-            }, null, 8, ["fields", "protocols", "readonly", "show-expressions-modal-entry"]))
-          ], 64)) : P("", !0)
-        ], 64))
-      ], 64);
-    };
-  }
-}), Fo = /* @__PURE__ */ Z(Lo, [["__scopeId", "data-v-cbda4882"]]), Ko = (e) => {
-  var f, l, 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 || ((l = e[s.HOSTS]) == null ? void 0 : l.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] !== Lt[A]));
-}, qo = { class: "kong-ui-entities-route-form" }, Bo = { key: 1 }, Go = { "data-testid": "no-search-results" }, Wo = { class: "route-form-service-dropdown-item" }, jo = { class: "select-item-label" }, Xo = { class: "select-item-description" }, zo = /* @__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 Ae;
-    const l = e, a = f, v = B("basic"), i = B(
-      !l.routeFlavors.traditional && l.routeFlavors.expressions ? q.EXPRESSIONS : q.TRADITIONAL
-    ), A = B(void 0), h = M(() => {
-      if (A.value)
-        return A.value;
-      if (i.value)
-        return i.value;
-      if (l.routeFlavors.traditional)
-        return q.TRADITIONAL;
-      if (l.routeFlavors.expressions)
-        return q.EXPRESSIONS;
-    }), { i18n: { t: g } } = J.useI18n(), p = et(), { axiosInstance: y } = Le((Ae = l.config) == null ? void 0 : Ae.axiosRequestConfig), { getMessageFromError: w } = dt(), F = (t) => t.name ? `${t.name} - ${t.value}` : t.value, r = Ne({
-      routeFlavors: l.routeFlavors,
-      fields: {
-        name: "",
-        protocols: "http,https",
-        tags: "",
-        service_id: "",
-        ...Ce,
-        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: ""
-    });
-    ye(() => l.routeFlavors, (t) => {
-      r.routeFlavors = t, t.traditional || (v.value = "advanced");
-    }, { immediate: !0, deep: !0 });
-    const u = B(), S = B([]), D = B([]), se = Ne({
-      name: "",
-      protocols: "http,https",
-      tags: "",
-      service_id: "",
-      ...Ce,
-      path_handling: "v0",
-      regex_priority: 0,
-      expression: "",
-      priority: 0
-    }), j = l.config.app === "konnect" || ut({
-      gatewayInfo: l.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 = M(() => l.routeId ? Be.Edit : Be.Create), b = M(() => {
-      var t, c, T;
-      return (T = (c = Se.form[(t = l.config) == null ? void 0 : t.app]) == null ? void 0 : c.fetch) == null ? void 0 : T[l.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, l.serviceId || "");
-    }), _ = () => {
-      var t;
-      p.push((t = l.config) == null ? void 0 : t.cancelRoute);
-    }, K = (t) => {
-      a("loading", t);
-    }, Ie = (t) => {
-      a("error", t);
-    }, ne = (t) => Object.entries(t).map((c) => {
-      var T;
-      return { header: c[0], values: (T = c[1]) == null ? void 0 : T.join() };
-    }), ee = (t) => t.some((c) => r.fields.protocols.includes(c)), ve = (t) => {
-      var T, N;
-      if (l.routeId) {
-        const R = typeof t.expression == "string" && t.expression.length > 0 ? q.EXPRESSIONS : q.TRADITIONAL;
-        A.value = R, Ko(t) || (v.value = "advanced");
-      }
-      (T = t == null ? void 0 : t.service) != null && T.id && (r.fields.service_id = t.service.id), r.fields.name = (t == null ? void 0 : t.name) || "";
-      const c = (t == null ? void 0 : t.tags) || [];
-      r.fields.tags = (c == null ? void 0 : c.join(", ")) || "", r.fields.preserve_host = typeof (t == null ? void 0 : t.preserve_host) > "u" ? !1 : t == null ? void 0 : t.preserve_host, r.fields.https_redirect_status_code = (t == null ? void 0 : t.https_redirect_status_code) || 426, (N = t == null ? void 0 : t.protocols) != null && N.length && (t.protocols.length > 1 ? r.fields.protocols = t.protocols.join() : r.fields.protocols = t.protocols[0]), r.fields.request_buffering = typeof (t == null ? void 0 : t.request_buffering) > "u" ? !0 : t == null ? void 0 : t.request_buffering, r.fields.response_buffering = typeof (t == null ? void 0 : t.response_buffering) > "u" ? !0 : t == null ? void 0 : t.response_buffering, r.fields.strip_path = typeof (t == null ? void 0 : t.strip_path) > "u" ? !0 : t == null ? void 0 : t.strip_path, Xe(r) && (r.fields.regex_priority = (t == null ? void 0 : t.regex_priority) || 0, r.fields.path_handling = (t == null ? void 0 : t.path_handling) || "v0", t != null && t.paths && (r.fields.paths = t.paths), t != null && t.snis && (r.fields.snis = t.snis), t != null && t.hosts && (r.fields.hosts = t.hosts), t != null && t.methods && (r.fields.methods = t.methods.filter((R) => Object.keys(be).includes(R)), S.value = t.methods.filter((R) => !Object.keys(be).includes(R)).map((R) => ({ label: R, value: R })), D.value = [...S.value]), t != null && t.headers && (r.fields.headers = ne(t.headers)), t != null && t.sources && (r.fields.sources = t.sources), t != null && t.destinations && (r.fields.destinations = t.destinations)), ze(r) && (r.fields.expression = (t == null ? void 0 : t.expression) || "", r.fields.priority = (t == null ? void 0 : t.priority) || 0), Object.assign(se, JSON.parse(JSON.stringify(r.fields)));
-    }, $ = M(() => {
-      switch (h.value) {
-        case q.TRADITIONAL: {
-          if (Xe(r)) {
-            const t = r.fields.hosts ? !!r.fields.hosts.filter(Boolean).length : null, c = r.fields.paths ? !!r.fields.paths.filter(Boolean).length : null, T = r.fields.headers ? r.fields.headers.some(({ header: ie }) => !!ie) : null, N = r.fields.snis ? !!r.fields.snis.filter(Boolean).length : null, R = r.fields.destinations ? r.fields.destinations.some(({ ip: ie, port: I }) => !!ie || !!I) : null, ae = r.fields.sources ? r.fields.sources.some(({ ip: ie, port: I }) => !!ie || !!I) : null, re = r.fields.methods ? !!r.fields.methods.filter(Boolean).length : null;
-            return !!r.fields.protocols && (ee(["http"]) && !!(t || re || c || T) || ee(["https"]) && !!(t || re || c || T || N) || ee(["grpc"]) && !!(t || c || T) || ee(["grpcs", "wss"]) && !!(t || c || T || N) || ee(["udp", "tls"]) && !!(R || ae || N) || ee(["tcp"]) && !!(R || ae) || ee(["tls_passthrough"]) && !!N || ee(["ws"]) && !!(t || c || T));
-          }
-          break;
-        }
-        case q.EXPRESSIONS: {
-          if (ze(r))
-            return r.fields.expression.length > 0;
-          break;
-        }
-      }
-      return !0;
-    }), pe = M(() => !We(r.fields, se) || !We(S.value, D.value)), de = M(() => {
-      var c, T;
-      let t = `${l.config.apiBaseUrl}${Se.form[l.config.app][E.value][l.serviceId ? "forGatewayService" : "all"]}`;
-      return l.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((c = l.config) == null ? void 0 : c.controlPlaneId) || "").replace(/{serviceId}/gi, l.serviceId || "") : l.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (T = l.config) != null && T.workspace ? `/${l.config.workspace}` : "").replace(/{serviceId}/gi, l.serviceId || "")), t = t.replace(/{id}/gi, l.routeId), t;
-    });
-    ye(() => r.fields, () => {
-      a("model-updated", Q.value);
-    }, { deep: !0 });
-    const Q = M(() => {
-      var t, c, T;
-      return {
-        ...!l.hideNameField && { name: r.fields.name || null },
-        protocols: r.fields.protocols.split(","),
-        tags: (c = (t = r.fields.tags.split(",")) == null ? void 0 : t.map((N) => String(N || "").trim())) == null ? void 0 : c.filter((N) => N !== ""),
-        service: r.fields.service_id ? { id: r.fields.service_id } : null,
-        ...(T = u.value) == null ? void 0 : T.payload
-      };
-    }), he = (t) => {
-      switch (h.value) {
-        case q.TRADITIONAL: {
-          if (!("regex_priority" in t && "path_handling" in t))
-            return !1;
-          break;
-        }
-        case q.EXPRESSIONS: {
-          if (!("priority" in t))
-            return !1;
-          break;
-        }
-      }
-      return "service" in t && "tags" in t && "protocols" in t;
-    }, ue = async (t) => {
-      var T;
-      const c = t && he(t) ? t : Q.value;
-      try {
-        r.isReadonly = !0;
-        let N;
-        E.value === "create" ? N = await y.post(de.value, c) : E.value === "edit" && (N = ((T = l.config) == null ? void 0 : T.app) === "konnect" ? await y.put(de.value, c) : await y.patch(de.value, c)), ve(N == null ? void 0 : N.data), a("update", N == null ? void 0 : N.data);
-      } catch (N) {
-        r.errorMessage = w(N), a("error", N);
-      } finally {
-        r.isReadonly = !1;
-      }
-    }, {
-      debouncedQueryChange: Oe,
-      loading: we,
-      error: Ve,
-      loadItems: Me,
-      results: De
-    } = ct(l.config, Se.form[l.config.app].services, void 0, {
-      fetchedItemsKey: "data",
-      searchKeys: ["id", "name"]
-    }), Ee = M(() => Ve.value ? g("errors.services.fetch") : ""), Re = M(() => {
-      var t;
-      return (t = De.value) == null ? void 0 : t.map((c) => ({ label: c.id, name: c.name, value: c.id }));
-    });
-    return Ye(async () => {
-      !l.hideServiceField && !l.serviceId ? await Me() : r.fields.service_id = l.serviceId;
-    }), Qe(() => {
-      a("model-updated", Q.value);
-    }), C({ saveFormData: ue, payload: Q }), rt("configType", v), (t, c) => {
-      const T = H("KInput"), N = H("KSelect");
-      return m(), O("div", qo, [
-        d(o(pt), {
-          "can-submit": $.value && pe.value,
-          config: e.config,
-          "edit-id": e.routeId,
-          "entity-type": o(Ze).Route,
-          "error-message": r.errorMessage || Ee.value,
-          "fetch-url": b.value,
-          "form-fields": Q.value,
-          "is-readonly": r.isReadonly,
-          onCancel: _,
-          "onFetch:error": Ie,
-          "onFetch:success": ve,
-          onLoading: K,
-          onSubmit: ue
-        }, {
-          "form-actions": n(() => [
-            Pe(t.$slots, "form-actions", {
-              canSubmit: $.value && pe.value,
-              cancel: _,
-              submit: ue
-            }, void 0, !0)
-          ]),
-          default: n(() => [
-            d(o(Ge), {
-              description: o(g)("form.sections.general.description"),
-              "hide-info-header": e.hideSectionsInfo,
-              title: o(g)("form.sections.general.title")
-            }, {
-              default: n(() => [
-                e.hideNameField ? P("", !0) : (m(), x(T, {
-                  key: 0,
-                  modelValue: r.fields.name,
-                  "onUpdate:modelValue": c[0] || (c[0] = (R) => r.fields.name = R),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "route-form-name",
-                  label: o(g)("form.fields.name.label"),
-                  placeholder: o(g)("form.fields.name.placeholder"),
-                  readonly: r.isReadonly,
-                  type: "text"
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])),
-                !e.hideServiceField && !e.serviceId ? (m(), O("div", Bo, [
-                  d(N, {
-                    modelValue: r.fields.service_id,
-                    "onUpdate:modelValue": c[1] || (c[1] = (R) => r.fields.service_id = R),
-                    clearable: "",
-                    "data-testid": "route-form-service-id",
-                    "enable-filtering": "",
-                    "filter-function": () => !0,
-                    items: Re.value,
-                    label: o(g)("form.fields.service_id.label"),
-                    loading: o(we),
-                    placeholder: o(g)("form.fields.service_id.placeholder"),
-                    readonly: r.isReadonly,
-                    "reuse-item-template": "",
-                    width: "100%",
-                    onQueryChange: o(Oe)
-                  }, {
-                    loading: n(() => [
-                      V("div", null, k(o(g)("actions.loading")), 1)
-                    ]),
-                    empty: n(() => [
-                      V("div", Go, k(o(g)("search.no_results")), 1)
-                    ]),
-                    "selected-item-template": n(({ item: R }) => [
-                      U(k(F(R)), 1)
-                    ]),
-                    "item-template": n(({ item: R }) => [
-                      V("div", Wo, [
-                        V("span", jo, k(R.name), 1),
-                        V("span", Xo, k(R.value), 1)
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"])
-                ])) : P("", !0),
-                d(T, {
-                  modelValue: r.fields.tags,
-                  "onUpdate:modelValue": c[2] || (c[2] = (R) => r.fields.tags = R),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "route-form-tags",
-                  help: o(g)("form.fields.tags.help"),
-                  label: o(g)("form.fields.tags.label"),
-                  placeholder: o(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(o(Ge), {
-              description: o(g)("form.sections.config.description"),
-              "hide-info-header": e.hideSectionsInfo,
-              title: o(g)("form.sections.config.title")
-            }, {
-              default: n(() => [
-                d(Fo, {
-                  "config-flavor": i.value,
-                  "onUpdate:configFlavor": c[3] || (c[3] = (R) => i.value = R),
-                  "config-type": v.value,
-                  "onUpdate:configType": c[4] || (c[4] = (R) => v.value = R),
-                  "custom-methods": S.value,
-                  "onUpdate:customMethods": c[5] || (c[5] = (R) => S.value = R),
-                  fields: r.fields,
-                  "onUpdate:fields": c[6] || (c[6] = (R) => r.fields = R),
-                  "is-ws-supported": o(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: c[7] || (c[7] = (R) => a("notify", R)),
-                  "onUpdate:payload": c[8] || (c[8] = (R) => u.value = R),
-                  "onUpdate:protocols": c[9] || (c[9] = (R) => r.fields.protocols = R)
-                }, 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"])
-      ]);
-    };
-  }
-}), cs = /* @__PURE__ */ Z(zo, [["__scopeId", "data-v-5be17e8c"]]), Jo = { class: "kong-ui-entities-routes-list" }, Qo = { class: "button-row" }, Yo = { key: 1 }, Zo = { key: 1 }, es = { key: 1 }, ts = { class: "route-list-cell-expression" }, os = /* @__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
-    },
-    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 Ae;
-    const f = C, l = e, { i18n: { t: a, formatUnixTimeStamp: v } } = J.useI18n(), i = et(), { axiosInstance: A } = Le((Ae = l.config) == null ? void 0 : Ae.axiosRequestConfig), { handleStateChange: h, hasRecords: g } = ft(() => D.value), p = M(() => g.value && l.config.app === "konnect"), y = M(() => !!l.config.serviceId), w = M(() => l.config.app !== "kongManager" || !!l.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 },
-      ...!l.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 }
-      },
-      ...l.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
-      }
-    }, u = F, S = M(() => {
-      var c, T, N, R;
-      let t = `${l.config.apiBaseUrl}${Se.list[l.config.app][l.config.serviceId ? "forGatewayService" : "all"]}`;
-      return l.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((c = l.config) == null ? void 0 : c.controlPlaneId) || "").replace(/{serviceId}/gi, ((T = l.config) == null ? void 0 : T.serviceId) || "") : l.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (N = l.config) != null && N.workspace ? `/${l.config.workspace}` : "").replace(/{serviceId}/gi, ((R = l.config) == null ? void 0 : R.serviceId) || "")), t;
-    }), D = B(""), se = M(() => {
-      const t = l.config.app === "konnect" || l.config.isExactMatch;
-      if (t)
-        return {
-          isExactMatch: t,
-          // force exact placeholder if `props.config.isExactMatch` is true
-          placeholder: a(`search.placeholder.${l.config.isExactMatch ? "exact" : l.config.app}`)
-        };
-      const { name: c, protocols: T, hosts: N, methods: R, paths: ae, expression: re } = F, ie = {
-        name: c,
-        protocols: T,
-        hosts: N,
-        methods: R,
-        paths: ae,
-        ...l.hasExpressionColumn && { expression: re }
-      };
-      return {
-        isExactMatch: t,
-        fields: ie,
-        schema: l.config.filterSchema
-      };
-    }), {
-      fetcher: j,
-      fetcherState: E,
-      fetcherCacheKey: b
-    } = mt(M(() => ({ ...l.config, cacheIdentifier: l.cacheIdentifier })), S), _ = (t) => t.headerKey === "expression" ? {
-      style: {
-        maxWidth: "250px",
-        overflowX: "hidden",
-        textOverflow: "ellipsis"
-      }
-    } : {}, K = () => {
-      D.value = "";
-    }, Ie = () => {
-      b.value++;
-    }, ne = B(null), ee = async (t, c) => {
-      if (!await c(t.id)) {
-        f("copy:error", {
-          entity: t,
-          field: "id",
-          message: a("errors.copy")
-        });
-        return;
-      }
-      f("copy:success", {
-        entity: t,
-        field: "id",
-        message: a("copy.success", { val: t.id })
-      });
-    }, ve = async (t, c) => {
-      const T = JSON.stringify(t);
-      if (!await c(T)) {
-        f("copy:error", {
-          entity: t,
-          message: a("errors.copy")
-        });
-        return;
-      }
-      f("copy:success", {
-        entity: t,
-        message: a("copy.success_brief")
-      });
-    }, $ = async (t) => {
-      var T;
-      await ((T = l.canRetrieve) == null ? void 0 : T.call(l, t)) && i.push(l.config.getViewRoute(t.id));
-    }, pe = (t) => ({
-      label: a("actions.view"),
-      to: l.config.getViewRoute(t)
-    }), de = (t) => ({
-      label: a("actions.edit"),
-      to: l.config.getEditRoute(t)
-    }), Q = B(void 0), he = B(!1), ue = B(!1), Oe = B(""), we = vt(l.config, S.value), Ve = (t) => {
-      Q.value = t, he.value = !0;
-    }, Me = () => {
-      he.value = !1;
-    }, De = async () => {
-      var t, c, T;
-      if ((t = Q.value) != null && t.id) {
-        ue.value = !0;
-        try {
-          await A.delete(we(Q.value.id)), ue.value = !1, he.value = !1, b.value++, f("delete:success", Q.value);
-        } catch (N) {
-          Oe.value = ((T = (c = N.response) == null ? void 0 : c.data) == null ? void 0 : T.message) || N.message || a("errors.delete"), f("error", N);
-        } finally {
-          ue.value = !1;
-        }
-      }
-    };
-    ye(E, (t) => {
-      var c, T, N;
-      if (t.status === ht.Error) {
-        ne.value = {
-          title: a("errors.general")
-        }, (N = (T = (c = t.error) == null ? void 0 : c.response) == null ? void 0 : T.data) != null && N.message && (ne.value.message = t.error.response.data.message), f("error", t.error);
-        return;
-      }
-      ne.value = null;
-    });
-    const Ee = B({
-      ctaPath: l.config.createRoute,
-      ctaText: void 0,
-      message: `${a("routes.list.empty_state.description")}${l.config.additionMessageForEmptyState ? ` ${l.config.additionMessageForEmptyState}` : ""}`,
-      title: a("routes.title")
-    }), Re = B(!1);
-    return Ye(async () => {
-      Re.value = await l.canCreate(), Re.value && (Ee.value.title = a("routes.list.empty_state.title"), Ee.value.ctaText = a("actions.create"));
-    }), (t, c) => {
-      const T = H("KButton"), N = H("KEmptyState"), R = H("KBadge"), ae = H("KTruncate"), re = H("KDropdownItem"), ie = H("KClipboardProvider");
-      return m(), O("div", Jo, [
-        d(o(gt), {
-          "cache-identifier": e.cacheIdentifier,
-          "cell-attributes": _,
-          "default-table-preferences": r,
-          "disable-sorting": w.value,
-          "empty-state-options": Ee.value,
-          "enable-entity-actions": "",
-          "error-message": ne.value,
-          fetcher: o(j),
-          "fetcher-cache-key": o(b),
-          "pagination-type": "offset",
-          "preferences-storage-key": "kong-ui-entities-routes-list",
-          query: D.value,
-          "table-headers": o(u),
-          title: e.title,
-          "title-tag": e.titleTag,
-          onClearSearchInput: K,
-          "onClick:row": c[7] || (c[7] = (I) => $(I)),
-          onSort: Ie,
-          onState: o(h)
-        }, qe({
-          "toolbar-filter": n(() => [
-            d(o(St), {
-              modelValue: D.value,
-              "onUpdate:modelValue": c[0] || (c[0] = (I) => D.value = I),
-              config: se.value
-            }, null, 8, ["modelValue", "config"])
-          ]),
-          "toolbar-button": n(() => [
-            (m(), x(it, {
-              disabled: !e.useActionOutside,
-              to: "#kong-ui-app-page-header-action-button"
-            }, [
-              V("div", Qo, [
-                !y.value && p.value ? (m(), x(T, {
-                  key: 0,
-                  appearance: "secondary",
-                  class: "open-learning-hub",
-                  "data-testid": "routes-learn-more-button",
-                  icon: "",
-                  onClick: c[1] || (c[1] = (I) => t.$emit("click:learn-more"))
-                }, {
-                  default: n(() => [
-                    d(o(je), { decorative: "" })
-                  ]),
-                  _: 1
-                })) : P("", !0),
-                d(o(He), {
-                  "auth-function": () => e.canCreate()
-                }, {
-                  default: n(() => [
-                    d(T, {
-                      appearance: "primary",
-                      "data-testid": "toolbar-add-route",
-                      size: e.useActionOutside ? "medium" : "large",
-                      to: e.config.createRoute
-                    }, {
-                      default: n(() => [
-                        d(o($e)),
-                        U(" " + k(o(a)("routes.list.toolbar_actions.new_route")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "to"])
-                  ]),
-                  _: 1
-                }, 8, ["auth-function"])
-              ])
-            ], 8, ["disabled"]))
-          ]),
-          name: n(({ rowValue: I }) => [
-            V("b", null, k(I ?? "-"), 1)
-          ]),
-          protocols: n(({ rowValue: I }) => [
-            d(ae, null, {
-              default: n(() => [
-                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
-                  key: L,
-                  appearance: "neutral",
-                  onClick: c[3] || (c[3] = ke(() => {
-                  }, ["stop"]))
-                }, {
-                  default: n(() => [
-                    U(k(L), 1)
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 2
-            }, 1024)
-          ]),
-          hosts: n(({ rowValue: I }) => [
-            (I == null ? void 0 : I.length) > 0 ? (m(), x(ae, { key: 0 }, {
-              default: n(() => [
-                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
-                  key: L,
-                  appearance: "neutral",
-                  tooltip: L,
-                  "truncation-tooltip": "",
-                  onClick: c[4] || (c[4] = ke(() => {
-                  }, ["stop"]))
-                }, {
-                  default: n(() => [
-                    U(k(L), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["tooltip"]))), 128))
-              ]),
-              _: 2
-            }, 1024)) : (m(), O("span", Yo, "-"))
-          ]),
-          methods: n(({ rowValue: I }) => [
-            (I == null ? void 0 : I.length) > 0 ? (m(), x(ae, { key: 0 }, {
-              default: n(() => [
-                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
-                  key: L,
-                  appearance: Object.values(o(kt)).includes(L.toLowerCase()) ? L.toLowerCase() : "custom",
-                  onClick: c[5] || (c[5] = ke(() => {
-                  }, ["stop"]))
-                }, {
-                  default: n(() => [
-                    U(k(L), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["appearance"]))), 128))
-              ]),
-              _: 2
-            }, 1024)) : (m(), O("span", Zo, "-"))
-          ]),
-          paths: n(({ rowValue: I }) => [
-            (I == null ? void 0 : I.length) > 0 ? (m(), x(ae, { key: 0 }, {
-              default: n(() => [
-                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
-                  key: L,
-                  appearance: "neutral",
-                  tooltip: L,
-                  "truncation-tooltip": "",
-                  onClick: c[6] || (c[6] = ke(() => {
-                  }, ["stop"]))
-                }, {
-                  default: n(() => [
-                    U(k(L), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["tooltip"]))), 128))
-              ]),
-              _: 2
-            }, 1024)) : (m(), O("span", es, "-"))
-          ]),
-          tags: n(({ rowValue: I }) => [
-            d(o(yt), { tags: I }, null, 8, ["tags"])
-          ]),
-          expression: n(({ rowValue: I }) => [
-            V("span", ts, k(I || "-"), 1)
-          ]),
-          created_at: n(({ rowValue: I }) => [
-            U(k(o(v)(I)), 1)
-          ]),
-          updated_at: n(({ row: I, rowValue: L }) => [
-            U(k(o(v)(L ?? I.created_at)), 1)
-          ]),
-          actions: n(({ row: I }) => [
-            d(ie, null, {
-              default: n(({ copyToClipboard: L }) => [
-                d(re, {
-                  "data-testid": "action-entity-copy-id",
-                  onClick: (ot) => ee(I, L)
-                }, {
-                  default: n(() => [
-                    U(k(o(a)("actions.copy_id")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            d(ie, null, {
-              default: n(({ copyToClipboard: L }) => [
-                d(re, {
-                  "data-testid": "action-entity-copy-json",
-                  onClick: (ot) => ve(I, L)
-                }, {
-                  default: n(() => [
-                    U(k(o(a)("actions.copy_json")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            d(o(He), {
-              "auth-function": () => e.canRetrieve(I)
-            }, {
-              default: n(() => [
-                d(re, {
-                  "data-testid": "action-entity-view",
-                  "has-divider": "",
-                  item: pe(I.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            d(o(He), {
-              "auth-function": () => e.canEdit(I)
-            }, {
-              default: n(() => [
-                d(re, {
-                  "data-testid": "action-entity-edit",
-                  item: de(I.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            d(o(He), {
-              "auth-function": () => e.canDelete(I)
-            }, {
-              default: n(() => [
-                d(re, {
-                  danger: "",
-                  "data-testid": "action-entity-delete",
-                  "has-divider": "",
-                  onClick: (L) => Ve(I)
-                }, {
-                  default: n(() => [
-                    U(k(o(a)("actions.delete")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"])
-          ]),
-          _: 2
-        }, [
-          !D.value && e.config.app === "konnect" ? {
-            name: "empty-state",
-            fn: n(() => {
-              var I;
-              return [
-                d(N, {
-                  "data-testid": e.config.serviceId ? "nested-routes-entity-empty-state" : "routes-entity-empty-state",
-                  "icon-background": "",
-                  message: o(a)("routes.list.empty_state_v2.description"),
-                  title: o(a)("routes.list.empty_state_v2.title")
-                }, qe({
-                  icon: n(() => [
-                    d(o(Ot), { decorative: "" })
-                  ]),
-                  action: n(() => [
-                    Re.value ? (m(), x(T, {
-                      key: 0,
-                      "data-testid": "entity-create-button",
-                      to: e.config.createRoute
-                    }, {
-                      default: n(() => [
-                        d(o($e), { decorative: "" }),
-                        U(" " + k(o(a)("routes.list.toolbar_actions.new_route")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["to"])) : P("", !0),
-                    d(T, {
-                      appearance: "secondary",
-                      "data-testid": "entity-learn-more-button",
-                      onClick: c[2] || (c[2] = (L) => t.$emit("click:learn-more"))
-                    }, {
-                      default: n(() => [
-                        d(o(je), { decorative: "" }),
-                        U(" " + k(o(a)("routes.list.empty_state_v2.learn_more")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, [
-                  (I = e.config) != null && I.isControlPlaneGroup ? {
-                    name: "default",
-                    fn: n(() => [
-                      U(k(o(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(o(bt), {
-          "action-pending": ue.value,
-          description: o(a)("delete.description"),
-          "entity-name": Q.value && (Q.value.name || Q.value.id),
-          "entity-type": o(_t).Route,
-          error: Oe.value,
-          title: o(a)("delete.title"),
-          visible: he.value,
-          onCancel: Me,
-          onProceed: De
-        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
-      ]);
-    };
-  }
-}), ps = /* @__PURE__ */ Z(os, [["__scopeId", "data-v-c68bbf3f"]]);
-export {
-  ge as E,
-  tt as H,
-  W as I,
-  be as M,
-  Ue as P,
-  cs as R,
-  us as _,
-  Fo as a,
-  ps as b,
-  J as c,
-  Pt as d,
-  Ce as e,
-  Lt as f,
-  q as g,
-  s as h,
-  ze as i,
-  Ko as j,
-  Xe as s
-};