@kong-ui-public/dashboard-renderer 0.24.1 → 0.24.2

package/dist/dashboard-renderer.es.js

@@ -1,22 +1,21 @@
-import { ref as v, watchEffect as Ye, defineComponent as O, inject as ie, onUnmounted as Ie, computed as g, resolveComponent as U, unref as m, openBlock as h, createBlock as E, withCtx as I, createTextVNode as Ae, toDisplayString as z, renderSlot as ae, createCommentVNode as B, useCssVars as H, createElementVNode as K, createVNode as R, createElementBlock as C, normalizeProps as Ee, guardReactiveProps as Ze, withModifiers as Qe, toValue as We, watch as Je, resolveDynamicComponent as Ce, normalizeStyle as te, pushScopeId as Xe, popScopeId as et, createSlots as tt, mergeProps as rt, onMounted as nt, Fragment as it, renderList as at, normalizeClass as ot } from "vue";
-import { ChartMetricDisplay as st, ChartTypesSimple as lt, SimpleChart as ct, ChartTypes as re, AnalyticsChart as qe, TopNTable as ut } from "@kong-ui-public/analytics-chart";
-import { granularityValues as pt, exploreFilterTypesV2 as dt, exploreAggregations as yt, queryableExploreDimensions as ft, filterableExploreDimensions as ht, basicExploreAggregations as mt, queryableBasicExploreDimensions as gt, filterableBasicExploreDimensions as vt, aiExploreAggregations as bt, queryableAiExploreDimensions as wt, filterableAiExploreDimensions as _t, relativeTimeRangeValuesV4 as St, stripUnknownFilters as xt, Timeframe as kt, TimePeriods as Tt } from "@kong-ui-public/analytics-utilities";
-import It from "swrv";
-import ye from "axios";
-import { createI18n as Oe, i18nTComponent as Ne } from "@kong-ui-public/i18n";
-import { MetricsProvider as At, MetricsConsumer as Et } from "@kong-ui-public/analytics-metric-provider";
-import "@kong/kongponents";
-import "vue-router";
-import { useAnalyticsConfigStore as Ct } from "@kong-ui-public/analytics-config-store";
-const Q = 170, Re = "analytics-query-provider", fe = "{entity-id}", qt = "{cp-id}", Ot = "{timeframe}", Nt = 30 * 1e3;
-var A = /* @__PURE__ */ ((e) => (e.HorizontalBar = "horizontal_bar", e.VerticalBar = "vertical_bar", e.Gauge = "gauge", e.TimeseriesLine = "timeseries_line", e.GoldenSignals = "golden_signals", e.TopN = "top_n", e.Slottable = "slottable", e))(A || {});
-const W = {
+import { ref as I, watchEffect as ue, defineComponent as _, inject as Q, onUnmounted as Z, computed as d, resolveComponent as z, unref as p, openBlock as l, createBlock as f, withCtx as v, createTextVNode as J, toDisplayString as W, renderSlot as V, createCommentVNode as Y, useCssVars as x, createElementVNode as G, createVNode as T, createElementBlock as S, normalizeProps as X, guardReactiveProps as de, createSlots as ye, resolveDynamicComponent as me, mergeProps as he, onMounted as ge, Fragment as fe, renderList as ve, normalizeClass as _e, normalizeStyle as K } from "vue";
+import { ChartMetricDisplay as be, ChartTypesSimple as qe, SimpleChart as Se, ChartTypes as j, AnalyticsChart as ee, TopNTable as Te } from "@kong-ui-public/analytics-chart";
+import { granularityValues as Re, exploreFilterTypesV2 as Ae, exploreAggregations as Ee, queryableExploreDimensions as De, filterableExploreDimensions as Ce, basicExploreAggregations as Ie, queryableBasicExploreDimensions as xe, filterableBasicExploreDimensions as Oe, aiExploreAggregations as ke, queryableAiExploreDimensions as we, filterableAiExploreDimensions as Pe, relativeTimeRangeValuesV4 as Le, stripUnknownFilters as Ne, Timeframe as ze, TimePeriods as je } from "@kong-ui-public/analytics-utilities";
+import Ve from "swrv";
+import "axios";
+import { createI18n as Ge, i18nTComponent as $e } from "@kong-ui-public/i18n";
+import { MetricsProvider as Be, MetricsConsumer as Fe } from "@kong-ui-public/analytics-metric-provider";
+import { EntityLink as He } from "@kong-ui-public/entities-shared";
+import { useAnalyticsConfigStore as Ke } from "@kong-ui-public/analytics-config-store";
+const P = 170, te = "analytics-query-provider", U = "{entity-id}", Ue = "{cp-id}", Me = "{timeframe}", Qe = 30 * 1e3;
+var y = /* @__PURE__ */ ((t) => (t.HorizontalBar = "horizontal_bar", t.VerticalBar = "vertical_bar", t.Gauge = "gauge", t.TimeseriesLine = "timeseries_line", t.GoldenSignals = "golden_signals", t.TopN = "top_n", t.Slottable = "slottable", t))(y || {});
+const L = {
   type: "string"
-}, Y = {
+}, O = {
   type: "string"
-}, Le = {
+}, re = {
   type: "boolean"
-}, De = {
+}, oe = {
   type: ["object", "array"],
   items: {
     type: "string"
@@ -24,7 +23,7 @@ const W = {
   additionalProperties: {
     type: "string"
   }
-}, Rt = {
+}, Ze = {
   type: "object",
   properties: {
     type: {
@@ -40,7 +39,7 @@ const W = {
   },
   required: ["type", "id"],
   additionalProperties: !1
-}, Lt = {
+}, Je = {
   type: "object",
   properties: {
     type: {
@@ -54,14 +53,14 @@ const W = {
     stacked: {
       type: "boolean"
     },
-    chartDatasetColors: De,
-    syntheticsDataKey: W,
-    chartTitle: Y,
-    allowCsvExport: Le
+    chartDatasetColors: oe,
+    syntheticsDataKey: L,
+    chartTitle: O,
+    allowCsvExport: re
   },
   required: ["type"],
   additionalProperties: !1
-}, Dt = {
+}, We = {
   type: "object",
   properties: {
     type: {
@@ -74,14 +73,14 @@ const W = {
     stacked: {
       type: "boolean"
     },
-    chartDatasetColors: De,
-    syntheticsDataKey: W,
-    chartTitle: Y,
-    allowCsvExport: Le
+    chartDatasetColors: oe,
+    syntheticsDataKey: L,
+    chartTitle: O,
+    allowCsvExport: re
   },
   required: ["type"],
   additionalProperties: !1
-}, jt = {
+}, Ye = {
   type: "object",
   properties: {
     type: {
@@ -93,7 +92,7 @@ const W = {
     },
     metricDisplay: {
       type: "string",
-      enum: Object.values(st)
+      enum: Object.values(be)
     },
     reverseDataset: {
       type: "boolean"
@@ -101,16 +100,16 @@ const W = {
     numerator: {
       type: "number"
     },
-    syntheticsDataKey: W,
-    chartTitle: Y
+    syntheticsDataKey: L,
+    chartTitle: O
   },
   required: ["type"],
   additionalProperties: !1
-}, $t = {
+}, Xe = {
   type: "object",
   properties: {
-    chartTitle: Y,
-    syntheticsDataKey: W,
+    chartTitle: O,
+    syntheticsDataKey: L,
     type: {
       type: "string",
       enum: [
@@ -127,10 +126,10 @@ const W = {
   },
   required: ["type"],
   additionalProperties: !1
-}, Pt = {
+}, et = {
   type: "object",
   properties: {
-    chartTitle: Y,
+    chartTitle: O,
     type: {
       type: "string",
       enum: [
@@ -150,7 +149,7 @@ const W = {
   },
   required: ["type"],
   additionalProperties: !1
-}, Ft = {
+}, tt = {
   type: "object",
   properties: {
     tz: {
@@ -165,7 +164,7 @@ const W = {
     },
     time_range: {
       type: "string",
-      enum: St,
+      enum: Le,
       default: "1h"
     }
   },
@@ -174,7 +173,7 @@ const W = {
     "time_range"
   ],
   additionalProperties: !1
-}, Ut = {
+}, rt = {
   type: "object",
   description: "A duration representing an exact start and end time.",
   properties: {
@@ -200,18 +199,18 @@ const W = {
     "end"
   ],
   additionalProperties: !1
-}, oe = {
+}, $ = {
   granularity: {
     type: "string",
     description: 'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',
-    enum: pt
+    enum: Re
   },
   time_range: {
     type: "object",
     description: "The time range to query.",
     anyOf: [
-      Ft,
-      Ut
+      tt,
+      rt
     ],
     default: {
       type: "relative",
@@ -224,23 +223,23 @@ const W = {
   meta: {
     type: "object"
   }
-}, se = (e) => ({
+}, B = (t) => ({
   type: "array",
   description: "List of aggregated metrics to collect across the requested time span.",
   items: {
     type: "string",
-    enum: e
+    enum: t
   }
-}), le = (e) => ({
+}), F = (t) => ({
   type: "array",
   description: "List of attributes or entity types to group by.",
   minItems: 0,
   maxItems: 2,
   items: {
     type: "string",
-    enum: e
+    enum: t
   }
-}), ce = (e) => ({
+}), H = (t) => ({
   type: "array",
   description: "A list of filters to apply to the query.",
   items: {
@@ -249,11 +248,11 @@ const W = {
     properties: {
       dimension: {
         type: "string",
-        enum: e
+        enum: t
       },
       type: {
         type: "string",
-        enum: dt
+        enum: Ae
       },
       values: {
         type: "array",
@@ -269,7 +268,7 @@ const W = {
     ],
     additionalProperties: !1
   }
-}), zt = {
+}), ot = {
   type: "object",
   description: "A query to launch at the advanced explore API",
   properties: {
@@ -279,14 +278,14 @@ const W = {
         "advanced"
       ]
     },
-    metrics: se(yt),
-    dimensions: le(ft),
-    filters: ce(ht),
-    ...oe
+    metrics: B(Ee),
+    dimensions: F(De),
+    filters: H(Ce),
+    ...$
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Kt = {
+}, it = {
   type: "object",
   description: "A query to launch at the basic explore API",
   properties: {
@@ -296,14 +295,14 @@ const W = {
         "basic"
       ]
     },
-    metrics: se(mt),
-    dimensions: le(gt),
-    filters: ce(vt),
-    ...oe
+    metrics: B(Ie),
+    dimensions: F(xe),
+    filters: H(Oe),
+    ...$
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Vt = {
+}, nt = {
   type: "object",
   description: "A query to launch at the AI explore API",
   properties: {
@@ -313,26 +312,26 @@ const W = {
         "ai"
       ]
     },
-    metrics: se(bt),
-    dimensions: le(wt),
-    filters: ce(_t),
-    ...oe
+    metrics: B(ke),
+    dimensions: F(we),
+    filters: H(Pe),
+    ...$
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Mt = {
-  anyOf: [zt, Kt, Vt]
-}, Bt = {
+}, at = {
+  anyOf: [ot, it, nt]
+}, st = {
   type: "object",
   properties: {
-    query: Mt,
+    query: at,
     chart: {
-      anyOf: [Lt, jt, Dt, Pt, $t, Rt]
+      anyOf: [Je, Ye, We, et, Xe, Ze]
     }
   },
   required: ["query", "chart"],
   additionalProperties: !1
-}, Gt = {
+}, ct = {
   type: "object",
   properties: {
     position: {
@@ -369,24 +368,24 @@ const W = {
   },
   required: ["position", "size"],
   additionalProperties: !1
-}, Ht = {
+}, lt = {
   type: "object",
   properties: {
-    definition: Bt,
-    layout: Gt
+    definition: st,
+    layout: ct
   },
   required: ["definition", "layout"],
   additionalProperties: !1
-}, Fi = {
+}, Ut = {
   type: "object",
   properties: {
     tiles: {
       type: "array",
-      items: Ht
+      items: lt
     },
     tileHeight: {
       type: "number",
-      description: `Height of each tile in pixels. Default: ${Q}`
+      description: `Height of each tile in pixels. Default: ${P}`
     },
     gridSize: {
       type: "object",
@@ -406,73 +405,73 @@ const W = {
   required: ["tiles", "gridSize"],
   additionalProperties: !1
 };
-var je = /* @__PURE__ */ ((e) => (e.VALIDATING = "VALIDATING", e.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", e.PENDING = "PENDING", e.SUCCESS = "SUCCESS", e.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", e.ERROR = "ERROR", e.STALE_IF_ERROR = "STALE_IF_ERROR", e))(je || {});
-const Yt = (e) => {
-  var t, r, i, n, a;
-  return e ? !!// TODO: revisit: currently only the first check ever matters?
-  ((t = Object.keys(e)) != null && t.length || (r = e.data) != null && r.length || (n = (i = e.data) == null ? void 0 : i.data) != null && n.length || !((a = e.data) != null && a.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
+var ie = /* @__PURE__ */ ((t) => (t.VALIDATING = "VALIDATING", t.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", t.PENDING = "PENDING", t.SUCCESS = "SUCCESS", t.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", t.ERROR = "ERROR", t.STALE_IF_ERROR = "STALE_IF_ERROR", t))(ie || {});
+const pt = (t) => {
+  var r, o, n, e, i;
+  return t ? !!// TODO: revisit: currently only the first check ever matters?
+  ((r = Object.keys(t)) != null && r.length || (o = t.data) != null && o.length || (e = (n = t.data) == null ? void 0 : n.data) != null && e.length || !((i = t.data) != null && i.data) && typeof t.data == "object" && Object.keys(t == null ? void 0 : t.data).length) : !1;
 };
-function Zt(e = v({}), t, r, i = Yt) {
-  const n = v(
+function ut(t = I({}), r, o, n = pt) {
+  const e = I(
     "PENDING"
     /* PENDING */
   );
-  return Ye(() => {
-    const a = i(e.value);
-    if (e.value && a && r.value) {
-      n.value = "VALIDATING_HAS_DATA";
+  return ue(() => {
+    const i = n(t.value);
+    if (t.value && i && o.value) {
+      e.value = "VALIDATING_HAS_DATA";
       return;
     }
-    if (e.value && r.value) {
-      n.value = "VALIDATING";
+    if (t.value && o.value) {
+      e.value = "VALIDATING";
       return;
     }
-    if (e.value && t.value) {
-      n.value = "STALE_IF_ERROR";
+    if (t.value && r.value) {
+      e.value = "STALE_IF_ERROR";
       return;
     }
-    if (e.value === void 0 && !t.value) {
-      n.value = "PENDING";
+    if (t.value === void 0 && !r.value) {
+      e.value = "PENDING";
       return;
     }
-    if (e.value && !t.value && a) {
-      n.value = "SUCCESS_HAS_DATA";
+    if (t.value && !r.value && i) {
+      e.value = "SUCCESS_HAS_DATA";
       return;
     }
-    if (e.value && !t.value) {
-      n.value = "SUCCESS";
+    if (t.value && !r.value) {
+      e.value = "SUCCESS";
       return;
     }
-    e.value === void 0 && t && (n.value = "ERROR");
+    t.value === void 0 && r && (e.value = "ERROR");
   }), {
-    state: n,
-    swrvState: je
+    state: e,
+    swrvState: ie
   };
 }
-const Qt = {
+const dt = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-Hour Summary",
     "7d": "Last 7-Day Summary",
     "30d": "Last 30-Day Summary"
   }
-}, Wt = {
+}, yt = {
   timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
-}, Jt = {
-  renderer: Qt,
-  queryDataProvider: Wt
+}, mt = {
+  renderer: dt,
+  queryDataProvider: yt
 };
-function Xt() {
-  const e = Oe("en-us", Jt);
+function ht() {
+  const t = Ge("en-us", mt);
   return {
-    i18n: e,
-    i18nT: Ne(e)
+    i18n: t,
+    i18nT: $e(t)
     // Translation component <i18n-t>
   };
 }
-const $e = {
-  useI18n: Xt
-}, J = /* @__PURE__ */ O({
+const ne = {
+  useI18n: ht
+}, N = /* @__PURE__ */ _({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -480,66 +479,66 @@ const $e = {
     queryReady: { type: Boolean }
   },
   emits: ["queryComplete"],
-  setup(e, { emit: t }) {
-    const r = e, i = t, { i18n: n } = $e.useI18n(), a = ie(Re), o = () => r.queryReady && a ? JSON.stringify([r.query, r.context]) : null, s = new AbortController();
-    Ie(() => {
+  setup(t, { emit: r }) {
+    const o = t, n = r, { i18n: e } = ne.useI18n(), i = Q(te), a = () => o.queryReady && i ? JSON.stringify([o.query, o.context]) : null, s = new AbortController();
+    Z(() => {
       s.abort();
     });
-    const c = (N, L, f) => {
+    const m = (A, E, D) => {
       const q = [];
-      return L && q.push(...L), q.push(...xt(N, f)), q;
-    }, { data: u, error: p, isValidating: l } = It(o, async () => {
-      var N, L, f, q;
+      return E && q.push(...E), q.push(...Ne(A, D)), q;
+    }, { data: c, error: b, isValidating: h } = Ve(a, async () => {
+      var A, E, D, q;
       try {
         let {
-          datasource: w,
-          ...Z
-        } = r.query;
-        w || (w = "basic");
-        const x = c(w, r.query.filters, r.context.filters), k = {
-          datasource: w,
+          datasource: u,
+          ...ce
+        } = o.query;
+        u || (u = "basic");
+        const le = m(u, o.query.filters, o.context.filters), pe = {
+          datasource: u,
           query: {
-            ...Z,
+            ...ce,
             time_range: {
-              ...r.context.timeSpec,
-              tz: r.context.tz
+              ...o.context.timeSpec,
+              tz: o.context.tz
             },
-            filters: x
+            filters: le
           }
         };
-        return a == null ? void 0 : a.queryFn(k, s);
-      } catch (w) {
-        b.value = ((L = (N = w == null ? void 0 : w.response) == null ? void 0 : N.data) == null ? void 0 : L.message) === "Range not allowed for this tier" ? n.t("queryDataProvider.timeRangeExceeded") : ((q = (f = w == null ? void 0 : w.response) == null ? void 0 : f.data) == null ? void 0 : q.message) || (w == null ? void 0 : w.message);
+        return i == null ? void 0 : i.queryFn(pe, s);
+      } catch (u) {
+        w.value = ((E = (A = u == null ? void 0 : u.response) == null ? void 0 : A.data) == null ? void 0 : E.message) === "Range not allowed for this tier" ? e.t("queryDataProvider.timeRangeExceeded") : ((q = (D = u == null ? void 0 : u.response) == null ? void 0 : D.data) == null ? void 0 : q.message) || (u == null ? void 0 : u.message);
       } finally {
-        i("queryComplete");
+        n("queryComplete");
       }
     }, {
-      refreshInterval: r.context.refreshInterval,
+      refreshInterval: o.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: d, swrvState: y } = Zt(u, p, l), b = v(null), S = g(() => d.value === y.ERROR || !!b.value), V = g(() => !r.queryReady || d.value === y.PENDING);
-    return (N, L) => {
-      const f = U("KSkeleton"), q = U("KEmptyState");
-      return V.value || !m(u) && !S.value ? (h(), E(f, {
+    }), { state: g, swrvState: k } = ut(c, b, h), w = I(null), C = d(() => g.value === k.ERROR || !!w.value), se = d(() => !o.queryReady || g.value === k.PENDING);
+    return (A, E) => {
+      const D = z("KSkeleton"), q = z("KEmptyState");
+      return se.value || !p(c) && !C.value ? (l(), f(D, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : S.value ? (h(), E(q, {
+      })) : C.value ? (l(), f(q, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
         "icon-variant": "error"
       }, {
-        default: I(() => [
-          Ae(z(b.value), 1)
+        default: v(() => [
+          J(W(w.value), 1)
         ]),
         _: 1
-      })) : m(u) ? ae(N.$slots, "default", {
+      })) : p(c) ? V(A.$slots, "default", {
         key: 2,
-        data: m(u)
-      }) : B("", !0);
+        data: p(c)
+      }) : Y("", !0);
     };
   }
-}), er = { class: "analytics-chart" }, tr = /* @__PURE__ */ O({
+}), gt = { class: "analytics-chart" }, ft = /* @__PURE__ */ _({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -548,39 +547,39 @@ const $e = {
     chartOptions: {},
     height: {}
   },
-  setup(e) {
-    H((n) => ({
-      "8c62ff26": `${n.height}px`
+  setup(t) {
+    x((e) => ({
+      "8c62ff26": `${e.height}px`
     }));
-    const t = e, r = {
-      [A.Gauge]: lt.GAUGE
-    }, i = g(() => ({
-      ...t.chartOptions,
-      type: r[t.chartOptions.type]
+    const r = t, o = {
+      [y.Gauge]: qe.GAUGE
+    }, n = d(() => ({
+      ...r.chartOptions,
+      type: o[r.chartOptions.type]
     }));
-    return (n, a) => (h(), E(J, {
-      context: n.context,
-      query: n.query,
-      "query-ready": n.queryReady
+    return (e, i) => (l(), f(N, {
+      context: e.context,
+      query: e.query,
+      "query-ready": e.queryReady
     }, {
-      default: I(({ data: o }) => [
-        K("div", er, [
-          R(m(ct), {
-            "chart-data": o,
-            "chart-options": i.value,
-            "synthetics-data-key": n.chartOptions.syntheticsDataKey
+      default: v(({ data: a }) => [
+        G("div", gt, [
+          T(p(Se), {
+            "chart-data": a,
+            "chart-options": n.value,
+            "synthetics-data-key": e.chartOptions.syntheticsDataKey
           }, null, 8, ["chart-data", "chart-options", "synthetics-data-key"])
         ])
       ]),
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), $ = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [i, n] of t)
-    r[i] = n;
-  return r;
-}, rr = /* @__PURE__ */ $(tr, [["__scopeId", "data-v-f0f6ed41"]]), nr = { class: "analytics-chart" }, ir = /* @__PURE__ */ O({
+}), R = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [n, e] of r)
+    o[n] = e;
+  return o;
+}, vt = /* @__PURE__ */ R(ft, [["__scopeId", "data-v-f0f6ed41"]]), _t = { class: "analytics-chart" }, bt = /* @__PURE__ */ _({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -589,33 +588,33 @@ const $e = {
     chartOptions: {},
     height: {}
   },
-  setup(e) {
-    H((n) => ({
-      "1eed717c": `${n.height}px`
+  setup(t) {
+    x((e) => ({
+      "1eed717c": `${e.height}px`
     }));
-    const t = e, r = {
-      [A.HorizontalBar]: re.HORIZONTAL_BAR,
-      [A.VerticalBar]: re.VERTICAL_BAR
-    }, i = g(() => ({
-      type: r[t.chartOptions.type],
-      stacked: t.chartOptions.stacked,
-      chartDatasetColors: t.chartOptions.chartDatasetColors
+    const r = t, o = {
+      [y.HorizontalBar]: j.HORIZONTAL_BAR,
+      [y.VerticalBar]: j.VERTICAL_BAR
+    }, n = d(() => ({
+      type: o[r.chartOptions.type],
+      stacked: r.chartOptions.stacked,
+      chartDatasetColors: r.chartOptions.chartDatasetColors
     }));
-    return (n, a) => (h(), E(J, {
-      context: n.context,
-      query: n.query,
-      "query-ready": n.queryReady
+    return (e, i) => (l(), f(N, {
+      context: e.context,
+      query: e.query,
+      "query-ready": e.queryReady
     }, {
-      default: I(({ data: o }) => [
-        K("div", nr, [
-          R(m(qe), {
-            "allow-csv-export": n.chartOptions.allowCsvExport,
-            "chart-data": o,
-            "chart-options": i.value,
-            "chart-title": n.chartOptions.chartTitle,
+      default: v(({ data: a }) => [
+        G("div", _t, [
+          T(p(ee), {
+            "allow-csv-export": e.chartOptions.allowCsvExport,
+            "chart-data": a,
+            "chart-options": n.value,
+            "chart-title": e.chartOptions.chartTitle,
             "legend-position": "bottom",
             "show-annotations": !1,
-            "synthetics-data-key": n.chartOptions.syntheticsDataKey,
+            "synthetics-data-key": e.chartOptions.syntheticsDataKey,
             "tooltip-title": ""
           }, null, 8, ["allow-csv-export", "chart-data", "chart-options", "chart-title", "synthetics-data-key"])
         ])
@@ -623,7 +622,7 @@ const $e = {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), he = /* @__PURE__ */ $(ir, [["__scopeId", "data-v-36598a1b"]]), ar = { class: "analytics-chart" }, or = /* @__PURE__ */ O({
+}), M = /* @__PURE__ */ R(bt, [["__scopeId", "data-v-36598a1b"]]), qt = { class: "analytics-chart" }, St = /* @__PURE__ */ _({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -632,35 +631,35 @@ const $e = {
     chartOptions: {},
     height: {}
   },
-  setup(e) {
-    H((n) => ({
-      "4efa9c90": `${n.height}px`
+  setup(t) {
+    x((e) => ({
+      "4efa9c90": `${e.height}px`
     }));
-    const t = e, r = {
-      [A.TimeseriesLine]: re.TIMESERIES_LINE
+    const r = t, o = {
+      [y.TimeseriesLine]: j.TIMESERIES_LINE
       // TODO: Timeseries bar
-    }, i = g(() => {
-      const n = t.chartOptions.stacked ?? !1;
+    }, n = d(() => {
+      const e = r.chartOptions.stacked ?? !1;
       return {
-        type: r[t.chartOptions.type],
-        stacked: n,
-        chartDatasetColors: t.chartOptions.chartDatasetColors
+        type: o[r.chartOptions.type],
+        stacked: e,
+        chartDatasetColors: r.chartOptions.chartDatasetColors
       };
     });
-    return (n, a) => (h(), E(J, {
-      context: n.context,
-      query: n.query,
-      "query-ready": n.queryReady
+    return (e, i) => (l(), f(N, {
+      context: e.context,
+      query: e.query,
+      "query-ready": e.queryReady
     }, {
-      default: I(({ data: o }) => [
-        K("div", ar, [
-          R(m(qe), {
-            "allow-csv-export": n.chartOptions.allowCsvExport,
-            "chart-data": o,
-            "chart-options": i.value,
-            "chart-title": n.chartOptions.chartTitle,
+      default: v(({ data: a }) => [
+        G("div", qt, [
+          T(p(ee), {
+            "allow-csv-export": e.chartOptions.allowCsvExport,
+            "chart-data": a,
+            "chart-options": n.value,
+            "chart-title": e.chartOptions.chartTitle,
             "legend-position": "bottom",
-            "synthetics-data-key": n.chartOptions.syntheticsDataKey,
+            "synthetics-data-key": e.chartOptions.syntheticsDataKey,
             "tooltip-title": ""
           }, null, 8, ["allow-csv-export", "chart-data", "chart-options", "chart-title", "synthetics-data-key"])
         ])
@@ -668,7 +667,7 @@ const $e = {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), sr = /* @__PURE__ */ $(or, [["__scopeId", "data-v-ceb07ca8"]]), lr = { class: "metric-card-tile-wrapper" }, cr = /* @__PURE__ */ O({
+}), Tt = /* @__PURE__ */ R(St, [["__scopeId", "data-v-ceb07ca8"]]), Rt = { class: "metric-card-tile-wrapper" }, At = /* @__PURE__ */ _({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -677,1276 +676,52 @@ const $e = {
     chartOptions: {},
     height: {}
   },
-  setup(e) {
-    const t = e, r = g(() => {
-      const n = t.context.timeSpec;
-      if (n.type === "absolute")
-        return new kt({
+  setup(t) {
+    const r = t, o = d(() => {
+      const e = r.context.timeSpec;
+      if (e.type === "absolute")
+        return new ze({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
-          startCustom: n.start,
-          endCustom: n.end,
-          timeframeLength: () => n.end.getTime() - n.start.getTime(),
+          startCustom: e.start,
+          endCustom: e.end,
+          timeframeLength: () => e.end.getTime() - e.start.getTime(),
           defaultResponseGranularity: "daily",
           dataGranularity: "daily",
           isRelative: !1,
           allowedTiers: ["free", "plus", "enterprise"]
         });
-      const a = Tt.get(n.time_range);
-      if (!a)
+      const i = je.get(e.time_range);
+      if (!i)
         throw new Error("Unknown time range");
-      return a;
-    }), i = g(() => {
-      var n;
+      return i;
+    }), n = d(() => {
+      var e;
       return {
-        datasource: (n = t.query) == null ? void 0 : n.datasource,
-        overrideTimeframe: r.value,
-        tz: t.context.tz,
-        additionalFilter: t.context.filters,
+        datasource: (e = r.query) == null ? void 0 : e.datasource,
+        overrideTimeframe: o.value,
+        tz: r.context.tz,
+        additionalFilter: r.context.filters,
         // TODO: Decide how to handle metric card filters.
-        longCardTitles: t.chartOptions.longCardTitles,
-        containerTitle: t.chartOptions.chartTitle,
-        description: t.chartOptions.description,
-        percentileLatency: t.chartOptions.percentileLatency,
-        refreshInterval: t.context.refreshInterval,
-        queryReady: t.queryReady
+        longCardTitles: r.chartOptions.longCardTitles,
+        containerTitle: r.chartOptions.chartTitle,
+        description: r.chartOptions.description,
+        percentileLatency: r.chartOptions.percentileLatency,
+        refreshInterval: r.context.refreshInterval,
+        queryReady: r.queryReady
       };
     });
-    return (n, a) => (h(), C("div", lr, [
-      R(m(At), Ee(Ze(i.value)), {
-        default: I(() => [
-          R(m(Et))
+    return (e, i) => (l(), S("div", Rt, [
+      T(p(Be), X(de(n.value)), {
+        default: v(() => [
+          T(p(Fe))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), ur = /* @__PURE__ */ $(cr, [["__scopeId", "data-v-7d1a3f03"]]), Pe = "20px";
-var F = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(F || {}), Fe = /* @__PURE__ */ ((e) => (e.CaCertificate = "ca_certificate", e.Certificate = "certificate", e.Consumer = "consumer", e.ConsumerGroup = "consumer_group", e.GatewayService = "service", e.Key = "key", e.KeySet = "set", e.Plugin = "plugin", e.Route = "route", e.SNI = "sni", e.Upstream = "upstream", e.Target = "target", e.Vault = "vault", e.Other = "other", e))(Fe || {});
-Object.values(Fe);
-function pr() {
-  return {
-    getAxiosInstance: (e = {}) => {
-      try {
-        const t = ie("get-axios-instance", void 0);
-        return typeof t == "function" ? t(e) : ye.create({
-          withCredentials: !0,
-          timeout: 3e4,
-          ...e
-        });
-      } catch (t) {
-        return console.warn("getAxiosInstance:", t.message || t), ye.create({
-          withCredentials: !0,
-          timeout: 3e4,
-          ...e
-        });
-      }
-    },
-    getTraceIdFromError: (e) => {
-      var t;
-      return ((t = e == null ? void 0 : e.response) == null ? void 0 : t.headers["x-datadog-trace-id"]) || "";
-    }
-  };
-}
-function dr() {
-  return {
-    debounce: (e, t) => {
-      let r;
-      return (...i) => {
-        clearTimeout(r), r = window == null ? void 0 : window.setTimeout(() => {
-          e(...i);
-        }, t);
-      };
-    }
-  };
-}
-function ue(e = {}) {
-  const { getAxiosInstance: t } = pr();
-  return {
-    axiosInstance: t(e)
-  };
-}
-const yr = {
-  actions: {
-    copyId: "Copy ID",
-    copied_id: 'Copied "{id}" to the clipboard',
-    copyToClipboard: "Copied successfully!",
-    copyToClipboardFailed: "Failed to copy to the clipboard"
-  }
-}, fr = {
-  message: "Are you sure you want to delete this {entityType}?",
-  messageWithName: "Are you sure you want to delete this {entityType} {entityName}?"
-}, hr = {
-  actions: {
-    viewConfiguration: "View Configuration",
-    save: "Save",
-    cancel: "Cancel",
-    back: "Back"
-  },
-  configuration: {
-    title: "Configuration",
-    message: "Export configurations for core Kong Gateway objects, like services, routes, and plugins, to either YAML or JSON. This allows for straightforward importing into APIOps tools like decK with YAML, or Insomnia and cURL with JSON.",
-    yaml: "YAML",
-    json: "JSON",
-    terraform: "Terraform"
-  },
-  errors: {
-    edit: "The entity could not be edited at this time."
-  }
-}, mr = {
-  emptyState: {
-    noSearchResultsTitle: "No results found",
-    noSearchResultsMessage: "Please adjust the criteria and try again.",
-    noSearchResultsCtaText: "Clear"
-  }
-}, gr = {
-  title: "Configuration",
-  actions: {
-    copy: "Copy JSON"
-  },
-  sections: {
-    advanced: "Advanced",
-    plugin: "Plugin Specific Configuration"
-  },
-  commonFields: {
-    id_label: "ID",
-    name_label: "Name",
-    enabled_label: "Enabled",
-    enabled_tooltip: "Enabled is FTW",
-    updated_at_label: "Last Updated",
-    created_at_label: "Created",
-    tags_label: "Tags",
-    link: "Link"
-  },
-  statusBadge: {
-    enabledLabel: "Enabled",
-    disabledLabel: "Disabled"
-  },
-  copy: {
-    tooltip: "Copy {label}",
-    success: "Copied!"
-  },
-  errors: {
-    load: "The entity configuration data could not be loaded at this time.",
-    copy: "Failed to copy to clipboard"
-  },
-  general: {
-    entryTitle: "Entry {index}",
-    structuredFormat: "Structured"
-  }
-}, vr = {
-  filterButtonText: "Filter",
-  fieldLabel: "Filter by:",
-  inputPlaceholder: "Enter a value",
-  selectPlaceholder: "Select an item",
-  applyButtonText: "Apply",
-  clearButtonText: "Clear",
-  clearAllButtonText: "Clear all filters"
-}, br = {
-  errors: {
-    fetch: "Could not fetch available items",
-    invalid: "Please select a valid value"
-  }
-}, wr = {
-  unexpected: "An unexpected error has occurred",
-  dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, _r = {
-  utf8Name: "The name can be any string containing characters, letters, numbers, or the following characters: ., -, _, or ~. Do not use spaces."
-}, Sr = {
-  enable: {
-    title: "Enable {entityType}",
-    message: "Are you sure you want to enable the {entityType} {entityName}?",
-    confirmText: "Yes, enable"
-  },
-  disable: {
-    title: "Disable {entityType}",
-    message: "Are you sure you want to disable the {entityType} {entityName}?",
-    confirmText: "Yes, disable"
-  }
-}, xr = {
-  global: yr,
-  deleteModal: fr,
-  baseForm: hr,
-  baseTable: mr,
-  baseConfigCard: gr,
-  filter: vr,
-  debouncedFilter: br,
-  errors: wr,
-  validationErrors: _r,
-  toggleModal: Sr
-};
-function X() {
-  const e = Oe("en-us", xr);
-  return {
-    i18n: e,
-    i18nT: Ne(e)
-    // Translation component <i18n-t>
-  };
-}
-function Ue() {
-  const e = (r, i) => (i == null ? void 0 : i[r]) ?? void 0, t = (r, i) => {
-    if (r.length !== i.length) return !1;
-    const n = /* @__PURE__ */ new Set([...r, ...i]);
-    for (const a of n) {
-      const o = r.filter((c) => c === a).length, s = i.filter((c) => c === a).length;
-      if (o !== s) return !1;
-    }
-    return !0;
-  };
-  return {
-    getPropValue: e,
-    objectsAreEqual: (r, i, n) => {
-      if (n) {
-        if (Object.keys(r).length === Object.keys(i).length)
-          for (const a in r)
-            if (Array.isArray(r[a]) && Array.isArray(i[a])) {
-              if (t(r[a], i[a]))
-                continue;
-              return !1;
-            } else {
-              if (r[a] === i[a])
-                continue;
-              return !1;
-            }
-        else
-          return !1;
-        return !0;
-      }
-      try {
-        return JSON.stringify(r) === JSON.stringify(i);
-      } catch {
-        return !1;
-      }
-    },
-    sortAlpha: (r) => (i, n) => {
-      let a = i[r] === void 0 || i[r] === null ? "" : i[r], o = n[r] === void 0 || n[r] === null ? "" : n[r];
-      return Array.isArray(i[r]) && (a = i[r][0]), Array.isArray(n[r]) && (o = n[r][0]), a.localeCompare(o);
-    },
-    isValidUuid: (r) => r ? /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.test(r) : !1
-  };
-}
-function kr(e, t, r, i = {
-  fetchedItemsKey: "data",
-  searchKeys: ["id"]
-}) {
-  r || (r = "1000");
-  const { axiosInstance: n } = ue(e.axiosRequestConfig), { i18n: { t: a } } = X(), { debounce: o } = dr(), s = o(async (f) => {
-    await L(f);
-  }, 200), c = v(!1), u = v(""), p = v(""), l = v([]), d = v([]), y = v(void 0), b = g(() => {
-    const f = `${e.apiBaseUrl}${m(t)}`;
-    return e.app === "konnect" ? f.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" ? f.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : "") : f;
-  }), { isValidUuid: S } = Ue(), V = async () => {
-    try {
-      c.value = !0;
-      const { data: f } = await n.get(`${b.value}?size=${r}`);
-      f != null && f.next || (y.value = i.fetchedItemsKey in f ? f[i.fetchedItemsKey] : []), d.value = i.fetchedItemsKey in f ? f[i.fetchedItemsKey] : [], l.value = d.value;
-    } catch {
-      l.value = [], u.value = a("debouncedFilter.errors.fetch");
-    } finally {
-      c.value = !1;
-    }
-  }, N = v(""), L = async (f) => {
-    var q, w, Z;
-    if (N.value !== f) {
-      if (N.value = f ?? "", !f) {
-        l.value = d.value;
-        return;
-      }
-      if (y.value === void 0)
-        try {
-          if (c.value = !0, u.value = "", p.value = "", e.app === "konnect") {
-            const x = `${b.value}/${f}`, { data: k } = await n.get(`${x}?size=${r}`);
-            i.fetchedItemsKey in k ? l.value = k[i.fetchedItemsKey] : k != null && k[i.exactMatchKey ?? "id"] ? l.value = [k] : l.value = [];
-          } else {
-            const x = [];
-            S(f) && i.searchKeys.includes("id") ? x.push((async () => {
-              const { data: T } = await n.get(`${b.value}/${f}`);
-              return [T[i.fetchedItemsKey] ?? T];
-            })()) : x.push(
-              ...i.searchKeys.filter((T) => T !== "id").map(async (T) => {
-                const { data: D } = await n.get(`${b.value}?${T}=${f}`);
-                return D[i.fetchedItemsKey];
-              })
-            );
-            const k = await Promise.all(x), M = /* @__PURE__ */ new Set();
-            l.value = [], (q = k == null ? void 0 : k.forEach) == null || q.call(k, (T) => {
-              var D;
-              (D = T == null ? void 0 : T.forEach) == null || D.call(T, (ee) => {
-                M.has(ee.id) || (M.add(ee.id), l.value.push(ee));
-              });
-            });
-          }
-        } catch (x) {
-          ((w = x == null ? void 0 : x.response) == null ? void 0 : w.status) === 404 ? p.value = a("debouncedFilter.errors.invalid") : (l.value = [], u.value = a("debouncedFilter.errors.fetch"));
-        } finally {
-          c.value = !1;
-        }
-      else
-        c.value = !0, p.value = "", l.value = (Z = y.value) == null ? void 0 : Z.filter((x) => {
-          var k;
-          let M = !1;
-          for (const T of i.searchKeys) {
-            const D = typeof x[T] == "string" ? (k = x[T]) == null ? void 0 : k.toLowerCase() : x[T];
-            D != null && D.includes(f.toLowerCase()) && (M = !0);
-          }
-          return M;
-        }), (!l.value || !l.value.length) && (p.value = a("debouncedFilter.errors.invalid")), c.value = !1;
-    }
-  };
-  return {
-    loading: c,
-    error: u,
-    validationError: p,
-    results: l,
-    allRecords: y,
-    loadItems: V,
-    debouncedQueryChange: s
-  };
-}
-function Tr(e, t) {
-  const r = m(t), i = g(
-    () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${r}`) : new URL(r)
-  );
-  return i.value.search = "", (n) => `${i.value.href}/${n}`;
-}
-function Ir() {
-  const { i18n: { t: e } } = X();
-  return {
-    getMessageFromError: (t) => {
-      var r, i, n, a;
-      if (!t)
-        return e("errors.unexpected");
-      if (((r = t == null ? void 0 : t.response) == null ? void 0 : r.status) === 401)
-        return console.warn("getMessageFromError: User auth token is expired or missing, returning empty message."), "";
-      if ((i = t == null ? void 0 : t.response) != null && i.data) {
-        if (t.response.data.detail)
-          return t.response.data.detail;
-        if ((n = t.response.data.details) != null && n.length)
-          return t.response.data.details.map((o) => {
-            let s = e("errors.unexpected");
-            return o.messages && typeof o.messages == "object" && o.messages.length && (s = o.messages.join(", ")), o.field ? `${o.field} - ${s}` : s;
-          }).join("; ");
-        if (t.response.data.message) {
-          const { message: o } = t.response.data;
-          return Array.isArray(o) ? (a = o[0]) != null && a.constraints ? Object.values(o[0].constraints)[0] : o[0] : o;
-        }
-        if (typeof t.response.data == "string")
-          return t.response.data;
-        if (typeof t.response.data == "object")
-          return Object.keys(t.response.data).map((o) => `${o} ${t.response.data[o]}`).join(", ");
-      }
-      return t.message || e("errors.unexpected");
-    }
-  };
-}
-function Ar(e) {
-  const t = window.location.origin, r = t.endsWith("/") ? t : `${t}/`;
-  try {
-    const i = e.join("/"), n = `${r}${i}`, a = e.some((o) => o.trim() === "");
-    if (/^(https:\/\/(www\.)?([a-zA-Z0-9-]+\.){1,}[a-zA-Z]{2,}(:[0-9]+)?(\/[^\/]+)*)$|^(https|http):\/\/localhost(:[0-9]+)?(\/[^\/]+)*$/.test(n) && !a && new URL(n))
-      return `${r}${i}`;
-    throw new Error("Invalid url");
-  } catch (i) {
-    return console.warn("Failed to build valid URL:", i), "";
-  }
-}
-function ze(e, t) {
-  const r = v(m(e)), i = v(m(t)), n = g(
-    () => !!(r.value.app === "konnect" || r.value.isExactMatch)
-  ), a = g(
-    () => i.value.startsWith("/") ? new URL(`${window.location.origin}${i.value}`) : new URL(i.value)
-  );
-  return (o) => {
-    const { page: s, pageSize: c, offset: u, sortColumnKey: p, sortColumnOrder: l, query: d } = o;
-    try {
-      let y = new URL(a.value.href);
-      return n.value && d ? (y.search = "", y = r.value.isExactMatch ? new URL(`${y.href}/${d}/`) : new URL(`${y.href}?filter[name][contains]=${d}`)) : (n.value || new URLSearchParams(d).forEach((b, S) => {
-        y.searchParams.append(S, b);
-      }), p && y.searchParams.append("sort_by", p), l === "desc" && y.searchParams.append("sort_desc", "1"), y.searchParams.append("size", String(c))), u && s !== 1 && y.searchParams.append("offset", String(u)), y.href;
-    } catch (y) {
-      return console.error("RouteList(fetcher)", y), i.value;
-    }
-  };
-}
-function Er(e, t, r) {
-  const i = m(t), { axiosInstance: n } = ue(e.axiosRequestConfig), a = ze(e, i), o = v({
-    status: F.Idle
-  });
-  return { fetcher: async (s) => {
-    var c;
-    const u = We(r) || "data";
-    try {
-      o.value = { status: F.Loading };
-      let p = a(s);
-      p.includes("filter[name]") && (p = `${p}&page[size]=${s.pageSize}&page[number]=${s.page}`);
-      const l = await n.get(p);
-      if (l.status >= 400)
-        throw l;
-      const d = l.data, y = u && u.replace(/[^\w-_]/gi, "");
-      let b;
-      d[y] ? b = Array.isArray(d[y]) ? d[y] : [d[y]] : Array.isArray(d) ? b = d : b = Object.keys(d).length ? [d] : [];
-      const S = {
-        data: b,
-        total: b.length,
-        ...d.offset ? {
-          pagination: {
-            offset: d.offset
-          }
-        } : null
-      };
-      return o.value = {
-        status: F.Idle,
-        response: S
-      }, S;
-    } catch (p) {
-      const l = {
-        data: [],
-        total: 0
-      };
-      return s.query && (((c = p.response) == null ? void 0 : c.status) === 404 || p.status === 404) ? (o.value = {
-        status: F.NoResults,
-        response: l,
-        error: p.response ? p : { response: p }
-      }, l) : (o.value = {
-        status: F.Error,
-        response: l,
-        error: p.response ? p : { response: p }
-      }, l);
-    }
-  }, fetcherState: o };
-}
-function Cr() {
-  const e = (r, i = "_") => r ? r.split(i).map((n) => n.toLowerCase() === "id" ? n.toUpperCase() : n.charAt(0).toUpperCase() + n.substring(1)).join(" ") : "", t = /(?:^|[\s-:'"])\w/g;
-  return {
-    capitalize: (r) => r ? r.replace(t, (i) => i.toUpperCase()) : "",
-    convertKeyToTitle: e
-  };
-}
-const Ke = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, me = (e) => {
-  if (typeof e != "string")
-    throw new TypeError("Invalid argument expected string");
-  const t = e.match(Ke);
-  if (!t)
-    throw new Error(`Invalid argument not valid semver ('${e}' received)`);
-  return t.shift(), t;
-}, ge = (e) => e === "*" || e === "x" || e === "X", ve = (e) => {
-  const t = parseInt(e, 10);
-  return isNaN(t) ? e : t;
-}, qr = (e, t) => typeof e != typeof t ? [String(e), String(t)] : [e, t], Or = (e, t) => {
-  if (ge(e) || ge(t))
-    return 0;
-  const [r, i] = qr(ve(e), ve(t));
-  return r > i ? 1 : r < i ? -1 : 0;
-}, be = (e, t) => {
-  for (let r = 0; r < Math.max(e.length, t.length); r++) {
-    const i = Or(e[r] || "0", t[r] || "0");
-    if (i !== 0)
-      return i;
-  }
-  return 0;
-}, Nr = (e, t) => {
-  const r = me(e), i = me(t), n = r.pop(), a = i.pop(), o = be(r, i);
-  return o !== 0 ? o : n && a ? be(n.split("."), a.split(".")) : n || a ? n ? -1 : 1 : 0;
-}, we = (e, t, r) => {
-  Rr(r);
-  const i = Nr(e, t);
-  return Ve[r].includes(i);
-}, Ve = {
-  ">": [1],
-  ">=": [0, 1],
-  "=": [0],
-  "<=": [-1, 0],
-  "<": [-1],
-  "!=": [-1, 1]
-}, _e = Object.keys(Ve), Rr = (e) => {
-  if (typeof e != "string")
-    throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (_e.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${_e.join("|")}`);
-}, Lr = (e) => typeof e == "string" && /^[v\d]/.test(e) && Ke.test(e);
-function Dr(e) {
-  const { gatewayInfo: t, supportedRange: r } = e;
-  if (!t)
-    return !0;
-  const { edition: i, version: n } = t;
-  if (!Lr(n))
-    return console.error("Invalid version"), !1;
-  const a = r[i];
-  if (!a)
-    return !1;
-  const [o, s] = a;
-  return !(o && we(n, o, "<") || s && we(n, s, ">"));
-}
-function jr(e) {
-  const t = v(0), r = v(0), i = v(!1);
-  return Je(e, (n) => {
-    n && !i.value && (t.value = n.offsetWidth, r.value = n.scrollWidth, i.value = !0);
-  }), {
-    isTruncated: g(() => t.value < r.value)
-  };
-}
-function $r() {
-  const { i18n: { t: e } } = X();
-  return {
-    utf8Name: (t) => /^[\p{N}\p{L}.\-_~]*$/u.test(t) ? "" : e("validationErrors.utf8Name")
-  };
-}
-const Se = {
-  useAxios: ue,
-  useDebouncedFilter: kr,
-  useDeleteUrlBuilder: Tr,
-  useErrors: Ir,
-  useExternalLinkCreator: Ar,
-  useFetcher: Er,
-  useFetchUrlBuilder: ze,
-  useHelpers: Ue,
-  useStringHelpers: Cr,
-  useI18n: X,
-  useGatewayFeatureSupported: Dr,
-  useTruncationDetector: jr,
-  useValidators: $r
-}, Pr = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [i, n] of t)
-    r[i] = n;
-  return r;
-}, Fr = "#0044f4", Ur = "16px";
-/*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
-function Me(e) {
-  return typeof e > "u" || e === null;
-}
-function zr(e) {
-  return typeof e == "object" && e !== null;
-}
-function Kr(e) {
-  return Array.isArray(e) ? e : Me(e) ? [] : [e];
-}
-function Vr(e, t) {
-  var r, i, n, a;
-  if (t)
-    for (a = Object.keys(t), r = 0, i = a.length; r < i; r += 1)
-      n = a[r], e[n] = t[n];
-  return e;
-}
-function Mr(e, t) {
-  var r = "", i;
-  for (i = 0; i < t; i += 1)
-    r += e;
-  return r;
-}
-function Br(e) {
-  return e === 0 && Number.NEGATIVE_INFINITY === 1 / e;
-}
-var Gr = Me, Hr = zr, Yr = Kr, Zr = Mr, Qr = Br, Wr = Vr, pe = {
-  isNothing: Gr,
-  isObject: Hr,
-  toArray: Yr,
-  repeat: Zr,
-  isNegativeZero: Qr,
-  extend: Wr
-};
-function Be(e, t) {
-  var r = "", i = e.reason || "(unknown reason)";
-  return e.mark ? (e.mark.name && (r += 'in "' + e.mark.name + '" '), r += "(" + (e.mark.line + 1) + ":" + (e.mark.column + 1) + ")", !t && e.mark.snippet && (r += `
-
-` + e.mark.snippet), i + " " + r) : i;
-}
-function G(e, t) {
-  Error.call(this), this.name = "YAMLException", this.reason = e, this.mark = t, this.message = Be(this, !1), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack || "";
-}
-G.prototype = Object.create(Error.prototype);
-G.prototype.constructor = G;
-G.prototype.toString = function(e) {
-  return this.name + ": " + Be(this, e);
-};
-var j = G, Jr = [
-  "kind",
-  "multi",
-  "resolve",
-  "construct",
-  "instanceOf",
-  "predicate",
-  "represent",
-  "representName",
-  "defaultStyle",
-  "styleAliases"
-], Xr = [
-  "scalar",
-  "sequence",
-  "mapping"
-];
-function en(e) {
-  var t = {};
-  return e !== null && Object.keys(e).forEach(function(r) {
-    e[r].forEach(function(i) {
-      t[String(i)] = r;
-    });
-  }), t;
-}
-function tn(e, t) {
-  if (t = t || {}, Object.keys(t).forEach(function(r) {
-    if (Jr.indexOf(r) === -1)
-      throw new j('Unknown option "' + r + '" is met in definition of "' + e + '" YAML type.');
-  }), this.options = t, this.tag = e, this.kind = t.kind || null, this.resolve = t.resolve || function() {
-    return !0;
-  }, this.construct = t.construct || function(r) {
-    return r;
-  }, this.instanceOf = t.instanceOf || null, this.predicate = t.predicate || null, this.represent = t.represent || null, this.representName = t.representName || null, this.defaultStyle = t.defaultStyle || null, this.multi = t.multi || !1, this.styleAliases = en(t.styleAliases || null), Xr.indexOf(this.kind) === -1)
-    throw new j('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
-}
-var _ = tn;
-function xe(e, t) {
-  var r = [];
-  return e[t].forEach(function(i) {
-    var n = r.length;
-    r.forEach(function(a, o) {
-      a.tag === i.tag && a.kind === i.kind && a.multi === i.multi && (n = o);
-    }), r[n] = i;
-  }), r;
-}
-function rn() {
-  var e = {
-    scalar: {},
-    sequence: {},
-    mapping: {},
-    fallback: {},
-    multi: {
-      scalar: [],
-      sequence: [],
-      mapping: [],
-      fallback: []
-    }
-  }, t, r;
-  function i(n) {
-    n.multi ? (e.multi[n.kind].push(n), e.multi.fallback.push(n)) : e[n.kind][n.tag] = e.fallback[n.tag] = n;
-  }
-  for (t = 0, r = arguments.length; t < r; t += 1)
-    arguments[t].forEach(i);
-  return e;
-}
-function ne(e) {
-  return this.extend(e);
-}
-ne.prototype.extend = function(e) {
-  var t = [], r = [];
-  if (e instanceof _)
-    r.push(e);
-  else if (Array.isArray(e))
-    r = r.concat(e);
-  else if (e && (Array.isArray(e.implicit) || Array.isArray(e.explicit)))
-    e.implicit && (t = t.concat(e.implicit)), e.explicit && (r = r.concat(e.explicit));
-  else
-    throw new j("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");
-  t.forEach(function(n) {
-    if (!(n instanceof _))
-      throw new j("Specified list of YAML types (or a single Type object) contains a non-Type object.");
-    if (n.loadKind && n.loadKind !== "scalar")
-      throw new j("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");
-    if (n.multi)
-      throw new j("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.");
-  }), r.forEach(function(n) {
-    if (!(n instanceof _))
-      throw new j("Specified list of YAML types (or a single Type object) contains a non-Type object.");
-  });
-  var i = Object.create(ne.prototype);
-  return i.implicit = (this.implicit || []).concat(t), i.explicit = (this.explicit || []).concat(r), i.compiledImplicit = xe(i, "implicit"), i.compiledExplicit = xe(i, "explicit"), i.compiledTypeMap = rn(i.compiledImplicit, i.compiledExplicit), i;
-};
-var nn = ne, an = new _("tag:yaml.org,2002:str", {
-  kind: "scalar",
-  construct: function(e) {
-    return e !== null ? e : "";
-  }
-}), on = new _("tag:yaml.org,2002:seq", {
-  kind: "sequence",
-  construct: function(e) {
-    return e !== null ? e : [];
-  }
-}), sn = new _("tag:yaml.org,2002:map", {
-  kind: "mapping",
-  construct: function(e) {
-    return e !== null ? e : {};
-  }
-}), ln = new nn({
-  explicit: [
-    an,
-    on,
-    sn
-  ]
-});
-function cn(e) {
-  if (e === null) return !0;
-  var t = e.length;
-  return t === 1 && e === "~" || t === 4 && (e === "null" || e === "Null" || e === "NULL");
-}
-function un() {
-  return null;
-}
-function pn(e) {
-  return e === null;
-}
-var dn = new _("tag:yaml.org,2002:null", {
-  kind: "scalar",
-  resolve: cn,
-  construct: un,
-  predicate: pn,
-  represent: {
-    canonical: function() {
-      return "~";
-    },
-    lowercase: function() {
-      return "null";
-    },
-    uppercase: function() {
-      return "NULL";
-    },
-    camelcase: function() {
-      return "Null";
-    },
-    empty: function() {
-      return "";
-    }
-  },
-  defaultStyle: "lowercase"
-});
-function yn(e) {
-  if (e === null) return !1;
-  var t = e.length;
-  return t === 4 && (e === "true" || e === "True" || e === "TRUE") || t === 5 && (e === "false" || e === "False" || e === "FALSE");
-}
-function fn(e) {
-  return e === "true" || e === "True" || e === "TRUE";
-}
-function hn(e) {
-  return Object.prototype.toString.call(e) === "[object Boolean]";
-}
-var mn = new _("tag:yaml.org,2002:bool", {
-  kind: "scalar",
-  resolve: yn,
-  construct: fn,
-  predicate: hn,
-  represent: {
-    lowercase: function(e) {
-      return e ? "true" : "false";
-    },
-    uppercase: function(e) {
-      return e ? "TRUE" : "FALSE";
-    },
-    camelcase: function(e) {
-      return e ? "True" : "False";
-    }
-  },
-  defaultStyle: "lowercase"
-});
-function gn(e) {
-  return 48 <= e && e <= 57 || 65 <= e && e <= 70 || 97 <= e && e <= 102;
-}
-function vn(e) {
-  return 48 <= e && e <= 55;
-}
-function bn(e) {
-  return 48 <= e && e <= 57;
-}
-function wn(e) {
-  if (e === null) return !1;
-  var t = e.length, r = 0, i = !1, n;
-  if (!t) return !1;
-  if (n = e[r], (n === "-" || n === "+") && (n = e[++r]), n === "0") {
-    if (r + 1 === t) return !0;
-    if (n = e[++r], n === "b") {
-      for (r++; r < t; r++)
-        if (n = e[r], n !== "_") {
-          if (n !== "0" && n !== "1") return !1;
-          i = !0;
-        }
-      return i && n !== "_";
-    }
-    if (n === "x") {
-      for (r++; r < t; r++)
-        if (n = e[r], n !== "_") {
-          if (!gn(e.charCodeAt(r))) return !1;
-          i = !0;
-        }
-      return i && n !== "_";
-    }
-    if (n === "o") {
-      for (r++; r < t; r++)
-        if (n = e[r], n !== "_") {
-          if (!vn(e.charCodeAt(r))) return !1;
-          i = !0;
-        }
-      return i && n !== "_";
-    }
-  }
-  if (n === "_") return !1;
-  for (; r < t; r++)
-    if (n = e[r], n !== "_") {
-      if (!bn(e.charCodeAt(r)))
-        return !1;
-      i = !0;
-    }
-  return !(!i || n === "_");
-}
-function _n(e) {
-  var t = e, r = 1, i;
-  if (t.indexOf("_") !== -1 && (t = t.replace(/_/g, "")), i = t[0], (i === "-" || i === "+") && (i === "-" && (r = -1), t = t.slice(1), i = t[0]), t === "0") return 0;
-  if (i === "0") {
-    if (t[1] === "b") return r * parseInt(t.slice(2), 2);
-    if (t[1] === "x") return r * parseInt(t.slice(2), 16);
-    if (t[1] === "o") return r * parseInt(t.slice(2), 8);
-  }
-  return r * parseInt(t, 10);
-}
-function Sn(e) {
-  return Object.prototype.toString.call(e) === "[object Number]" && e % 1 === 0 && !pe.isNegativeZero(e);
-}
-var xn = new _("tag:yaml.org,2002:int", {
-  kind: "scalar",
-  resolve: wn,
-  construct: _n,
-  predicate: Sn,
-  represent: {
-    binary: function(e) {
-      return e >= 0 ? "0b" + e.toString(2) : "-0b" + e.toString(2).slice(1);
-    },
-    octal: function(e) {
-      return e >= 0 ? "0o" + e.toString(8) : "-0o" + e.toString(8).slice(1);
-    },
-    decimal: function(e) {
-      return e.toString(10);
-    },
-    /* eslint-disable max-len */
-    hexadecimal: function(e) {
-      return e >= 0 ? "0x" + e.toString(16).toUpperCase() : "-0x" + e.toString(16).toUpperCase().slice(1);
-    }
-  },
-  defaultStyle: "decimal",
-  styleAliases: {
-    binary: [2, "bin"],
-    octal: [8, "oct"],
-    decimal: [10, "dec"],
-    hexadecimal: [16, "hex"]
-  }
-}), kn = new RegExp(
-  // 2.5e4, 2.5 and integers
-  "^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$"
-);
-function Tn(e) {
-  return !(e === null || !kn.test(e) || // Quick hack to not allow integers end with `_`
-  // Probably should update regexp & check speed
-  e[e.length - 1] === "_");
-}
-function In(e) {
-  var t, r;
-  return t = e.replace(/_/g, "").toLowerCase(), r = t[0] === "-" ? -1 : 1, "+-".indexOf(t[0]) >= 0 && (t = t.slice(1)), t === ".inf" ? r === 1 ? Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY : t === ".nan" ? NaN : r * parseFloat(t, 10);
-}
-var An = /^[-+]?[0-9]+e/;
-function En(e, t) {
-  var r;
-  if (isNaN(e))
-    switch (t) {
-      case "lowercase":
-        return ".nan";
-      case "uppercase":
-        return ".NAN";
-      case "camelcase":
-        return ".NaN";
-    }
-  else if (Number.POSITIVE_INFINITY === e)
-    switch (t) {
-      case "lowercase":
-        return ".inf";
-      case "uppercase":
-        return ".INF";
-      case "camelcase":
-        return ".Inf";
-    }
-  else if (Number.NEGATIVE_INFINITY === e)
-    switch (t) {
-      case "lowercase":
-        return "-.inf";
-      case "uppercase":
-        return "-.INF";
-      case "camelcase":
-        return "-.Inf";
-    }
-  else if (pe.isNegativeZero(e))
-    return "-0.0";
-  return r = e.toString(10), An.test(r) ? r.replace("e", ".e") : r;
-}
-function Cn(e) {
-  return Object.prototype.toString.call(e) === "[object Number]" && (e % 1 !== 0 || pe.isNegativeZero(e));
-}
-var qn = new _("tag:yaml.org,2002:float", {
-  kind: "scalar",
-  resolve: Tn,
-  construct: In,
-  predicate: Cn,
-  represent: En,
-  defaultStyle: "lowercase"
-}), On = ln.extend({
-  implicit: [
-    dn,
-    mn,
-    xn,
-    qn
-  ]
-}), Nn = On, Ge = new RegExp(
-  "^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"
-), He = new RegExp(
-  "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
-);
-function Rn(e) {
-  return e === null ? !1 : Ge.exec(e) !== null || He.exec(e) !== null;
-}
-function Ln(e) {
-  var t, r, i, n, a, o, s, c = 0, u = null, p, l, d;
-  if (t = Ge.exec(e), t === null && (t = He.exec(e)), t === null) throw new Error("Date resolve error");
-  if (r = +t[1], i = +t[2] - 1, n = +t[3], !t[4])
-    return new Date(Date.UTC(r, i, n));
-  if (a = +t[4], o = +t[5], s = +t[6], t[7]) {
-    for (c = t[7].slice(0, 3); c.length < 3; )
-      c += "0";
-    c = +c;
-  }
-  return t[9] && (p = +t[10], l = +(t[11] || 0), u = (p * 60 + l) * 6e4, t[9] === "-" && (u = -u)), d = new Date(Date.UTC(r, i, n, a, o, s, c)), u && d.setTime(d.getTime() - u), d;
-}
-function Dn(e) {
-  return e.toISOString();
-}
-var jn = new _("tag:yaml.org,2002:timestamp", {
-  kind: "scalar",
-  resolve: Rn,
-  construct: Ln,
-  instanceOf: Date,
-  represent: Dn
-});
-function $n(e) {
-  return e === "<<" || e === null;
-}
-var Pn = new _("tag:yaml.org,2002:merge", {
-  kind: "scalar",
-  resolve: $n
-}), de = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
-\r`;
-function Fn(e) {
-  if (e === null) return !1;
-  var t, r, i = 0, n = e.length, a = de;
-  for (r = 0; r < n; r++)
-    if (t = a.indexOf(e.charAt(r)), !(t > 64)) {
-      if (t < 0) return !1;
-      i += 6;
-    }
-  return i % 8 === 0;
-}
-function Un(e) {
-  var t, r, i = e.replace(/[\r\n=]/g, ""), n = i.length, a = de, o = 0, s = [];
-  for (t = 0; t < n; t++)
-    t % 4 === 0 && t && (s.push(o >> 16 & 255), s.push(o >> 8 & 255), s.push(o & 255)), o = o << 6 | a.indexOf(i.charAt(t));
-  return r = n % 4 * 6, r === 0 ? (s.push(o >> 16 & 255), s.push(o >> 8 & 255), s.push(o & 255)) : r === 18 ? (s.push(o >> 10 & 255), s.push(o >> 2 & 255)) : r === 12 && s.push(o >> 4 & 255), new Uint8Array(s);
-}
-function zn(e) {
-  var t = "", r = 0, i, n, a = e.length, o = de;
-  for (i = 0; i < a; i++)
-    i % 3 === 0 && i && (t += o[r >> 18 & 63], t += o[r >> 12 & 63], t += o[r >> 6 & 63], t += o[r & 63]), r = (r << 8) + e[i];
-  return n = a % 3, n === 0 ? (t += o[r >> 18 & 63], t += o[r >> 12 & 63], t += o[r >> 6 & 63], t += o[r & 63]) : n === 2 ? (t += o[r >> 10 & 63], t += o[r >> 4 & 63], t += o[r << 2 & 63], t += o[64]) : n === 1 && (t += o[r >> 2 & 63], t += o[r << 4 & 63], t += o[64], t += o[64]), t;
-}
-function Kn(e) {
-  return Object.prototype.toString.call(e) === "[object Uint8Array]";
-}
-var Vn = new _("tag:yaml.org,2002:binary", {
-  kind: "scalar",
-  resolve: Fn,
-  construct: Un,
-  predicate: Kn,
-  represent: zn
-}), Mn = Object.prototype.hasOwnProperty, Bn = Object.prototype.toString;
-function Gn(e) {
-  if (e === null) return !0;
-  var t = [], r, i, n, a, o, s = e;
-  for (r = 0, i = s.length; r < i; r += 1) {
-    if (n = s[r], o = !1, Bn.call(n) !== "[object Object]") return !1;
-    for (a in n)
-      if (Mn.call(n, a))
-        if (!o) o = !0;
-        else return !1;
-    if (!o) return !1;
-    if (t.indexOf(a) === -1) t.push(a);
-    else return !1;
-  }
-  return !0;
-}
-function Hn(e) {
-  return e !== null ? e : [];
-}
-var Yn = new _("tag:yaml.org,2002:omap", {
-  kind: "sequence",
-  resolve: Gn,
-  construct: Hn
-}), Zn = Object.prototype.toString;
-function Qn(e) {
-  if (e === null) return !0;
-  var t, r, i, n, a, o = e;
-  for (a = new Array(o.length), t = 0, r = o.length; t < r; t += 1) {
-    if (i = o[t], Zn.call(i) !== "[object Object]" || (n = Object.keys(i), n.length !== 1)) return !1;
-    a[t] = [n[0], i[n[0]]];
-  }
-  return !0;
-}
-function Wn(e) {
-  if (e === null) return [];
-  var t, r, i, n, a, o = e;
-  for (a = new Array(o.length), t = 0, r = o.length; t < r; t += 1)
-    i = o[t], n = Object.keys(i), a[t] = [n[0], i[n[0]]];
-  return a;
-}
-var Jn = new _("tag:yaml.org,2002:pairs", {
-  kind: "sequence",
-  resolve: Qn,
-  construct: Wn
-}), Xn = Object.prototype.hasOwnProperty;
-function ei(e) {
-  if (e === null) return !0;
-  var t, r = e;
-  for (t in r)
-    if (Xn.call(r, t) && r[t] !== null)
-      return !1;
-  return !0;
-}
-function ti(e) {
-  return e !== null ? e : {};
-}
-var ri = new _("tag:yaml.org,2002:set", {
-  kind: "mapping",
-  resolve: ei,
-  construct: ti
-});
-Nn.extend({
-  implicit: [
-    jn,
-    Pn
-  ],
-  explicit: [
-    Vn,
-    Yn,
-    Jn,
-    ri
-  ]
-});
-function ke(e) {
-  return e === 48 ? "\0" : e === 97 ? "\x07" : e === 98 ? "\b" : e === 116 || e === 9 ? "	" : e === 110 ? `
-` : e === 118 ? "\v" : e === 102 ? "\f" : e === 114 ? "\r" : e === 101 ? "\x1B" : e === 32 ? " " : e === 34 ? '"' : e === 47 ? "/" : e === 92 ? "\\" : e === 78 ? "…" : e === 95 ? " " : e === 76 ? "\u2028" : e === 80 ? "\u2029" : "";
-}
-var ni = new Array(256), ii = new Array(256);
-for (var P = 0; P < 256; P++)
-  ni[P] = ke(P) ? 1 : 0, ii[P] = ke(P);
-const Te = "24px", ai = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [i, n] of t)
-    r[i] = n;
-  return r;
-}, oi = (e) => (Xe("data-v-cd88dfcc"), e = e(), et(), e), si = ["aria-hidden"], li = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, ci = /* @__PURE__ */ oi(() => /* @__PURE__ */ K("path", {
-  d: "M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",
-  fill: "currentColor"
-}, null, -1)), ui = /* @__PURE__ */ O({
-  __name: "CopyIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: Te,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), a = Number(n);
-        if (a && !isNaN(a) && Number.isInteger(a) && a > 0)
-          return `${a}px`;
-      }
-      return Te;
-    }), i = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, a) => (h(), E(Ce(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon copy-icon",
-      "data-testid": "kui-icon-wrapper-copy-icon",
-      style: te(i.value)
-    }, {
-      default: I(() => [
-        (h(), C("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-copy-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (h(), C("title", li, z(e.title), 1)) : B("", !0),
-          ci
-        ], 8, si))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), pi = /* @__PURE__ */ ai(ui, [["__scopeId", "data-v-cd88dfcc"]]), di = [];
-for (let e = 0; e < 256; ++e)
-  di.push((e + 256).toString(16).slice(1));
-typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const yi = {
-  class: "kong-ui-public-entity-link",
-  "data-testid": "entity-link-parent"
-}, fi = {
-  key: 0,
-  class: "deleted-entity"
-}, hi = { key: 1 }, mi = ["onClick"], gi = /* @__PURE__ */ O({
-  __name: "EntityLink",
-  props: {
-    entityLinkData: {
-      type: Object,
-      required: !0
-    },
-    externalLink: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    newWindow: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    allowCopy: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  setup(e) {
-    const t = e, r = v(), { isTruncated: i } = Se.useTruncationDetector(r), { i18n: { t: n } } = Se.useI18n(), a = n("global.actions.copyId"), o = v(a), s = g(() => t.entityLinkData.deleted ?? !1), c = g(() => {
-      var l;
-      return (l = t.entityLinkData.id) != null && l.toString().includes(":") ? t.entityLinkData.id.toString().split(":")[1] : t.entityLinkData.id;
-    }), u = g(() => {
-      var l;
-      return `${(l = c.value) == null ? void 0 : l.toString().slice(0, 5)} (deleted)`;
-    }), p = async (l) => {
-      await l(c.value || "") && (o.value = n("global.actions.copyToClipboard"), setTimeout(() => {
-        o.value = a;
-      }, 1800));
-    };
-    return (l, d) => {
-      const y = U("KTooltip"), b = U("KExternalLink"), S = U("KClipboardProvider");
-      return h(), C("div", yi, [
-        s.value ? (h(), C("div", fi, z(u.value), 1)) : c.value ? c.value ? (h(), E(b, {
-          key: 2,
-          class: "entity-link",
-          "hide-icon": !e.newWindow,
-          href: e.externalLink,
-          target: e.newWindow ? "_blank" : "_self"
-        }, {
-          default: I(() => [
-            R(y, {
-              text: m(i) && e.entityLinkData.label || ""
-            }, {
-              default: I(() => [
-                K("span", {
-                  ref_key: "textContent",
-                  ref: r,
-                  class: "entity-link-label"
-                }, z(e.entityLinkData.label), 513)
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ]),
-          _: 1
-        }, 8, ["hide-icon", "href", "target"])) : B("", !0) : (h(), C("div", hi, z(" – "))),
-        c.value && e.allowCopy ? (h(), E(y, {
-          key: o.value,
-          class: "copy-uuid-tooltip",
-          "max-width": "160",
-          placement: "bottom-end",
-          text: o.value
-        }, {
-          default: I(() => [
-            R(S, null, {
-              default: I(({ copyToClipboard: V }) => [
-                K("span", {
-                  class: "entity-link-copy-id",
-                  onClick: Qe((N) => p(V), ["stop"])
-                }, [
-                  R(m(pi), {
-                    class: "copy-icon",
-                    color: m(Fr),
-                    "data-testid": "copy-id",
-                    size: m(Ur)
-                  }, null, 8, ["color", "size"])
-                ], 8, mi)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["text"])) : B("", !0)
-      ]);
-    };
-  }
-}), vi = /* @__PURE__ */ Pr(gi, [["__scopeId", "data-v-60e3ef7c"]]), bi = /* @__PURE__ */ O({
+}), Et = /* @__PURE__ */ R(At, [["__scopeId", "data-v-7d1a3f03"]]), ae = "20px", Dt = /* @__PURE__ */ _({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1955,39 +730,39 @@ const yi = {
     chartOptions: {},
     height: {}
   },
-  setup(e) {
-    const t = e, r = (i) => {
-      var n;
-      if ((n = t.chartOptions) != null && n.entityLink)
-        if (i.id.includes(":")) {
-          const [a, o] = i.id.split(":");
-          return t.chartOptions.entityLink.replace(qt, a).replace(fe, o);
+  setup(t) {
+    const r = t, o = (n) => {
+      var e;
+      if ((e = r.chartOptions) != null && e.entityLink)
+        if (n.id.includes(":")) {
+          const [i, a] = n.id.split(":");
+          return r.chartOptions.entityLink.replace(Ue, i).replace(U, a);
         } else
-          return t.chartOptions.entityLink.replace(fe, i.id);
+          return r.chartOptions.entityLink.replace(U, n.id);
       return "";
     };
-    return (i, n) => (h(), E(J, {
-      context: i.context,
-      query: i.query,
-      "query-ready": i.queryReady
+    return (n, e) => (l(), f(N, {
+      context: n.context,
+      query: n.query,
+      "query-ready": n.queryReady
     }, {
-      default: I(({ data: a }) => [
-        R(m(ut), {
-          data: a,
-          description: i.chartOptions.description,
-          "synthetics-data-key": i.chartOptions.syntheticsDataKey,
-          title: i.chartOptions.chartTitle || ""
-        }, tt({ _: 2 }, [
-          t.chartOptions.entityLink ? {
+      default: v(({ data: i }) => [
+        T(p(Te), {
+          data: i,
+          description: n.chartOptions.description,
+          "synthetics-data-key": n.chartOptions.syntheticsDataKey,
+          title: n.chartOptions.chartTitle || ""
+        }, ye({ _: 2 }, [
+          r.chartOptions.entityLink ? {
             name: "name",
-            fn: I(({ record: o }) => [
-              R(m(vi), {
+            fn: v(({ record: a }) => [
+              T(p(He), {
                 "entity-link-data": {
-                  id: o.id,
-                  label: o.name,
-                  deleted: o.deleted
+                  id: a.id,
+                  label: a.name,
+                  deleted: a.deleted
                 },
-                "external-link": r(o)
+                "external-link": o(a)
               }, null, 8, ["entity-link-data", "external-link"])
             ]),
             key: "0"
@@ -1997,54 +772,54 @@ const yi = {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), wi = { class: "tile-boundary" }, _i = /* @__PURE__ */ O({
+}), Ct = { class: "tile-boundary" }, It = /* @__PURE__ */ _({
   __name: "DashboardTile",
   props: {
     definition: {},
     context: {},
-    height: { default: Q },
+    height: { default: P },
     queryReady: { type: Boolean }
   },
-  setup(e) {
-    H((a) => ({
-      58871060: `${a.height}px`
+  setup(t) {
+    x((i) => ({
+      58871060: `${i.height}px`
     }));
-    const t = parseInt(Pe, 10), r = e, i = {
-      [A.TimeseriesLine]: sr,
-      [A.HorizontalBar]: he,
-      [A.VerticalBar]: he,
-      [A.Gauge]: rr,
-      [A.GoldenSignals]: ur,
-      [A.TopN]: bi,
-      [A.Slottable]: void 0
-    }, n = g(() => {
-      const a = i[r.definition.chart.type];
-      return a && {
-        component: a,
+    const r = parseInt(ae, 10), o = t, n = {
+      [y.TimeseriesLine]: Tt,
+      [y.HorizontalBar]: M,
+      [y.VerticalBar]: M,
+      [y.Gauge]: vt,
+      [y.GoldenSignals]: Et,
+      [y.TopN]: Dt,
+      [y.Slottable]: void 0
+    }, e = d(() => {
+      const i = n[o.definition.chart.type];
+      return i && {
+        component: i,
         rendererProps: {
-          query: r.definition.query,
-          context: r.context,
-          queryReady: r.queryReady,
-          chartOptions: r.definition.chart,
-          height: r.height - t * 2
+          query: o.definition.query,
+          context: o.context,
+          queryReady: o.queryReady,
+          chartOptions: o.definition.chart,
+          height: o.height - r * 2
         }
       };
     });
-    return (a, o) => (h(), C("div", wi, [
-      n.value ? (h(), E(Ce(n.value.component), Ee(rt({ key: 0 }, n.value.rendererProps)), null, 16)) : B("", !0)
+    return (i, a) => (l(), S("div", Ct, [
+      e.value ? (l(), f(me(e.value.component), X(he({ key: 0 }, e.value.rendererProps)), null, 16)) : Y("", !0)
     ]));
   }
-}), Si = /* @__PURE__ */ $(_i, [["__scopeId", "data-v-69b5e552"]]), xi = (e, t, r) => {
-  const i = /* @__PURE__ */ new Map();
-  r.forEach((a) => {
-    const o = a.layout.position.row, s = i.get(o), c = a.layout.size.rows === 1 && !!a.layout.size.fitToContent;
-    s === void 0 ? i.set(o, c) : i.set(o, s && c);
+}), xt = /* @__PURE__ */ R(It, [["__scopeId", "data-v-69b5e552"]]), Ot = (t, r, o) => {
+  const n = /* @__PURE__ */ new Map();
+  o.forEach((i) => {
+    const a = i.layout.position.row, s = n.get(a), m = i.layout.size.rows === 1 && !!i.layout.size.fitToContent;
+    s === void 0 ? n.set(a, m) : n.set(a, s && m);
   });
-  const n = [];
-  for (let a = 0; a < e; a++)
-    i.get(a) ? n.push("auto") : n.push(`${t}px`);
-  return n;
-}, ki = /* @__PURE__ */ O({
+  const e = [];
+  for (let i = 0; i < t; i++)
+    n.get(i) ? e.push("auto") : e.push(`${r}px`);
+  return e;
+}, kt = /* @__PURE__ */ _({
   __name: "GridLayout",
   props: {
     gridSize: {
@@ -2054,33 +829,33 @@ const yi = {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => Q
+      default: () => P
     },
     tiles: {
       type: Array,
       required: !0
     }
   },
-  setup(e) {
-    H((s) => ({
-      cfb759a4: e.gridSize.cols,
-      "208951e1": a.value
+  setup(t) {
+    x((s) => ({
+      cfb759a4: t.gridSize.cols,
+      "208951e1": i.value
     }));
-    const t = e, r = v(null), i = v(0), n = new ResizeObserver((s) => {
+    const r = t, o = I(null), n = I(0), e = new ResizeObserver((s) => {
       window.requestAnimationFrame(() => {
-        !Array.isArray(s) || !s.length || (i.value = s[0].contentRect.width);
+        !Array.isArray(s) || !s.length || (n.value = s[0].contentRect.width);
       });
     });
-    nt(() => {
-      r.value && n.observe(r.value);
-    }), Ie(() => {
-      r.value && n.unobserve(r.value);
+    ge(() => {
+      o.value && e.observe(o.value);
+    }), Z(() => {
+      o.value && e.unobserve(o.value);
     });
-    const a = g(() => {
-      var c;
-      return xi((c = t.gridSize) == null ? void 0 : c.rows, t.tileHeight, t.tiles).join(" ");
-    }), o = g(() => t.tiles.map((s, c) => ({
-      key: `tile-${c}`,
+    const i = d(() => {
+      var m;
+      return Ot((m = r.gridSize) == null ? void 0 : m.rows, r.tileHeight, r.tiles).join(" ");
+    }), a = d(() => r.tiles.map((s, m) => ({
+      key: `tile-${m}`,
       tile: s,
       style: {
         "grid-column-start": s.layout.position.col + 1,
@@ -2089,128 +864,128 @@ const yi = {
         "grid-row-end": s.layout.position.row + 1 + s.layout.size.rows
       }
     })));
-    return (s, c) => (h(), C("div", {
+    return (s, m) => (l(), S("div", {
       ref_key: "gridContainer",
-      ref: r,
+      ref: o,
       class: "kong-ui-public-grid-layout"
     }, [
-      (h(!0), C(it, null, at(o.value, (u) => (h(), C("div", {
-        key: u.key,
-        class: ot(["grid-cell", {
-          "empty-cell": !u.tile
+      (l(!0), S(fe, null, ve(a.value, (c) => (l(), S("div", {
+        key: c.key,
+        class: _e(["grid-cell", {
+          "empty-cell": !c.tile
         }]),
-        style: te(u.style)
+        style: K(c.style)
       }, [
-        ae(s.$slots, "tile", {
-          style: te(u.style),
-          tile: u.tile
+        V(s.$slots, "tile", {
+          style: K(c.style),
+          tile: c.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), Ti = /* @__PURE__ */ $(ki, [["__scopeId", "data-v-056142a9"]]), Ii = { class: "kong-ui-public-dashboard-renderer" }, Ai = {
+}), wt = /* @__PURE__ */ R(kt, [["__scopeId", "data-v-056142a9"]]), Pt = { class: "kong-ui-public-dashboard-renderer" }, Lt = {
   key: 0,
   class: "tile-container"
-}, Ei = /* @__PURE__ */ O({
+}, Nt = /* @__PURE__ */ _({
   __name: "DashboardRenderer",
   props: {
     context: {},
     config: {}
   },
-  setup(e) {
-    const t = e, { i18n: r } = $e.useI18n(), i = ie(Re);
-    i || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));
-    const n = Ct(), a = g(() => t.context.timeSpec ? t.context.timeSpec : {
+  setup(t) {
+    const r = t, { i18n: o } = ne.useI18n(), n = Q(te);
+    n || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));
+    const e = Ke(), i = d(() => r.context.timeSpec ? r.context.timeSpec : {
       type: "relative",
-      time_range: n.defaultQueryTimeForOrg
-    }), o = g(() => !!t.context.timeSpec || !n.loading), s = g(() => t.config.tiles.map((u, p) => {
-      var d;
-      let l = u.definition;
-      if ("description" in l.chart) {
-        const y = (d = l.chart.description) == null ? void 0 : d.replace(Ot, () => {
-          const S = `renderer.trendRange.${a.value.type === "absolute" ? "custom" : a.value.time_range}`;
-          return r.te(S) ? r.t(S) : "";
+      time_range: e.defaultQueryTimeForOrg
+    }), a = d(() => !!r.context.timeSpec || !e.loading), s = d(() => r.config.tiles.map((c, b) => {
+      var g;
+      let h = c.definition;
+      if ("description" in h.chart) {
+        const k = (g = h.chart.description) == null ? void 0 : g.replace(Me, () => {
+          const C = `renderer.trendRange.${i.value.type === "absolute" ? "custom" : i.value.time_range}`;
+          return o.te(C) ? o.t(C) : "";
         });
-        l = {
-          ...l,
+        h = {
+          ...h,
           chart: {
-            ...l.chart,
-            description: y
+            ...h.chart,
+            description: k
           }
         };
       }
       return {
-        layout: u.layout,
-        meta: l,
+        layout: c.layout,
+        meta: h,
         // Add a unique key to each tile internally.
-        id: p
+        id: b
       };
-    })), c = g(() => {
-      let { tz: u, refreshInterval: p } = t.context;
-      return u || (u = new Intl.DateTimeFormat().resolvedOptions().timeZone), p === void 0 && (p = Nt), {
-        ...t.context,
-        tz: u,
-        timeSpec: a.value,
-        refreshInterval: p
+    })), m = d(() => {
+      let { tz: c, refreshInterval: b } = r.context;
+      return c || (c = new Intl.DateTimeFormat().resolvedOptions().timeZone), b === void 0 && (b = Qe), {
+        ...r.context,
+        tz: c,
+        timeSpec: i.value,
+        refreshInterval: b
       };
     });
-    return (u, p) => {
-      const l = U("KAlert");
-      return h(), C("div", Ii, [
-        m(i) ? (h(), E(Ti, {
+    return (c, b) => {
+      const h = z("KAlert");
+      return l(), S("div", Pt, [
+        p(n) ? (l(), f(wt, {
           key: 1,
-          "grid-size": u.config.gridSize,
-          "tile-height": u.config.tileHeight,
+          "grid-size": c.config.gridSize,
+          "tile-height": c.config.tileHeight,
           tiles: s.value
         }, {
-          tile: I(({ tile: d }) => [
-            d.meta.chart.type === m(A).Slottable ? (h(), C("div", Ai, [
-              ae(u.$slots, d.meta.chart.id, {}, void 0, !0)
-            ])) : (h(), E(Si, {
+          tile: v(({ tile: g }) => [
+            g.meta.chart.type === p(y).Slottable ? (l(), S("div", Lt, [
+              V(c.$slots, g.meta.chart.id, {}, void 0, !0)
+            ])) : (l(), f(xt, {
               key: 1,
               class: "tile-container",
-              context: c.value,
-              definition: d.meta,
-              height: d.layout.size.rows * (u.config.tileHeight || m(Q)) + parseInt(m(Pe), 10),
-              "query-ready": o.value
+              context: m.value,
+              definition: g.meta,
+              height: g.layout.size.rows * (c.config.tileHeight || p(P)) + parseInt(p(ae), 10),
+              "query-ready": a.value
             }, null, 8, ["context", "definition", "height", "query-ready"]))
           ]),
           _: 3
-        }, 8, ["grid-size", "tile-height", "tiles"])) : (h(), E(l, {
+        }, 8, ["grid-size", "tile-height", "tiles"])) : (l(), f(h, {
           key: 0,
           appearance: "danger"
         }, {
-          default: I(() => [
-            Ae(z(m(r).t("renderer.noQueryBridge")), 1)
+          default: v(() => [
+            J(W(p(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))
       ]);
     };
   }
-}), Ui = /* @__PURE__ */ $(Ei, [["__scopeId", "data-v-2dd03268"]]);
+}), Mt = /* @__PURE__ */ R(Nt, [["__scopeId", "data-v-2dd03268"]]);
 export {
-  qt as CP_ID_TOKEN,
-  A as ChartTypes,
-  Q as DEFAULT_TILE_HEIGHT,
-  Nt as DEFAULT_TILE_REFRESH_INTERVAL_MS,
-  Ui as DashboardRenderer,
-  fe as ENTITY_ID_TOKEN,
-  Ti as GridLayout,
-  Re as INJECT_QUERY_PROVIDER,
-  Ot as TIMEFRAME_TOKEN,
-  Vt as aiQuerySchema,
-  Lt as barChartSchema,
-  Kt as basicQuerySchema,
-  Fi as dashboardConfigSchema,
-  zt as exploreV4QuerySchema,
-  jt as gaugeChartSchema,
-  Pt as metricCardSchema,
-  Rt as slottableSchema,
-  Ht as tileConfigSchema,
-  Bt as tileDefinitionSchema,
-  Gt as tileLayoutSchema,
-  Dt as timeseriesChartSchema,
-  $t as topNTableSchema,
-  Mt as validDashboardQuery
+  Ue as CP_ID_TOKEN,
+  y as ChartTypes,
+  P as DEFAULT_TILE_HEIGHT,
+  Qe as DEFAULT_TILE_REFRESH_INTERVAL_MS,
+  Mt as DashboardRenderer,
+  U as ENTITY_ID_TOKEN,
+  wt as GridLayout,
+  te as INJECT_QUERY_PROVIDER,
+  Me as TIMEFRAME_TOKEN,
+  nt as aiQuerySchema,
+  Je as barChartSchema,
+  it as basicQuerySchema,
+  Ut as dashboardConfigSchema,
+  ot as exploreV4QuerySchema,
+  Ye as gaugeChartSchema,
+  et as metricCardSchema,
+  Ze as slottableSchema,
+  lt as tileConfigSchema,
+  st as tileDefinitionSchema,
+  ct as tileLayoutSchema,
+  We as timeseriesChartSchema,
+  Xe as topNTableSchema,
+  at as validDashboardQuery
 };