@kong-ui-public/dashboard-renderer 0.32.2 → 0.32.3

package/dist/dashboard-renderer.es.js

@@ -1,27 +1,27 @@
-import { ref as A, watchEffect as pe, inject as j, defineComponent as x, onUnmounted as oe, computed as v, watch as ye, resolveComponent as L, unref as u, openBlock as d, createBlock as g, withCtx as b, createTextVNode as B, toDisplayString as F, renderSlot as H, createCommentVNode as w, useCssVars as M, createElementVNode as P, createVNode as I, mergeProps as ae, createSlots as ie, createElementBlock as R, normalizeProps as he, guardReactiveProps as me, resolveDynamicComponent as fe, onMounted as ge, Fragment as ve, renderList as be, normalizeClass as _e, normalizeStyle as ee } from "vue";
-import { SimpleChart as qe, AnalyticsChart as Ce, TopNTable as Se, CsvExportModal as Ee, ChartMetricDisplay as xe } from "@kong-ui-public/analytics-chart";
-import Te from "swrv";
+import { ref as I, watchEffect as ye, inject as N, defineComponent as S, onUnmounted as ae, computed as v, watch as he, resolveComponent as F, unref as c, openBlock as d, createBlock as b, withCtx as _, createTextVNode as U, toDisplayString as O, renderSlot as G, createCommentVNode as k, useCssVars as K, createElementVNode as L, createVNode as T, mergeProps as ie, createSlots as se, createElementBlock as E, normalizeProps as me, guardReactiveProps as fe, resolveDynamicComponent as ge, onMounted as ve, Fragment as be, renderList as _e, normalizeClass as qe, normalizeStyle as X } from "vue";
+import { SimpleChart as Ce, AnalyticsChart as Ee, TopNTable as Se, CsvExportModal as xe, ChartMetricDisplay as Te } from "@kong-ui-public/analytics-chart";
+import Ae from "swrv";
 import "axios";
-import { createI18n as Ae, i18nTComponent as Re } from "@kong-ui-public/i18n";
-import { stripUnknownFilters as De, Timeframe as ke, TimePeriods as we, granularityValues as Ie, exploreFilterTypesV2 as Oe, exploreAggregations as Fe, queryableExploreDimensions as Pe, filterableExploreDimensions as Le, basicExploreAggregations as Ne, queryableBasicExploreDimensions as $e, filterableBasicExploreDimensions as je, aiExploreAggregations as ze, queryableAiExploreDimensions as Ke, filterableAiExploreDimensions as Be, relativeTimeRangeValuesV4 as Me } from "@kong-ui-public/analytics-utilities";
-import { MetricsProvider as Ve, MetricsConsumer as Ue } from "@kong-ui-public/analytics-metric-provider";
-import { EntityLink as Ge } from "@kong-ui-public/entities-shared";
-import { MoreIcon as He } from "@kong/icons";
-import { useAnalyticsConfigStore as Qe } from "@kong-ui-public/analytics-config-store";
-var se = /* @__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))(se || {});
-const Je = (e) => {
-  var r, t, n, i, o;
+import { createI18n as Re, i18nTComponent as De } from "@kong-ui-public/i18n";
+import { stripUnknownFilters as ke, Timeframe as Ie, TimePeriods as we, granularityValues as Oe, exploreFilterTypesV2 as Fe, exploreAggregations as Pe, queryableExploreDimensions as Le, filterableExploreDimensions as Ne, basicExploreAggregations as je, queryableBasicExploreDimensions as ze, filterableBasicExploreDimensions as $e, aiExploreAggregations as Ke, queryableAiExploreDimensions as Be, filterableAiExploreDimensions as Ve, relativeTimeRangeValuesV4 as Me } from "@kong-ui-public/analytics-utilities";
+import { MetricsProvider as Ue, MetricsConsumer as Ge } from "@kong-ui-public/analytics-metric-provider";
+import { EntityLink as He } from "@kong-ui-public/entities-shared";
+import { EditIcon as Qe, MoreIcon as Je } from "@kong/icons";
+import { useAnalyticsConfigStore as Ze } from "@kong-ui-public/analytics-config-store";
+var ce = /* @__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))(ce || {});
+const We = (e) => {
+  var r, t, o, i, n;
   return e ? !!// TODO: revisit: currently only the first check ever matters?
-  ((r = Object.keys(e)) != null && r.length || (t = e.data) != null && t.length || (i = (n = e.data) == null ? void 0 : n.data) != null && i.length || !((o = e.data) != null && o.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
+  ((r = Object.keys(e)) != null && r.length || (t = e.data) != null && t.length || (i = (o = e.data) == null ? void 0 : o.data) != null && i.length || !((n = e.data) != null && n.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
 };
-function Ze(e = A({}), r, t, n = Je) {
-  const i = A(
+function Ye(e = I({}), r, t, o = We) {
+  const i = I(
     "PENDING"
     /* PENDING */
   );
-  return pe(() => {
-    const o = n(e.value);
-    if (e.value && o && t.value) {
+  return ye(() => {
+    const n = o(e.value);
+    if (e.value && n && t.value) {
       i.value = "VALIDATING_HAS_DATA";
       return;
     }
@@ -37,7 +37,7 @@ function Ze(e = A({}), r, t, n = Je) {
       i.value = "PENDING";
       return;
     }
-    if (e.value && !r.value && o) {
+    if (e.value && !r.value && n) {
       i.value = "SUCCESS_HAS_DATA";
       return;
     }
@@ -48,10 +48,10 @@ function Ze(e = A({}), r, t, n = Je) {
     e.value === void 0 && r && (i.value = "ERROR");
   }), {
     state: i,
-    swrvState: se
+    swrvState: ce
   };
 }
-const We = {
+const Xe = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-Hour Summary",
@@ -59,36 +59,36 @@ const We = {
     "30d": "Last 30-Day Summary"
   },
   edit: "Edit"
-}, Ye = {
+}, et = {
   timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
-}, Xe = {
+}, tt = {
   defaultFilename: "Chart Export",
   exportAsCsv: "Export as CSV"
-}, et = "Explore", tt = {
-  renderer: We,
-  queryDataProvider: Ye,
-  csvExport: Xe,
-  jumpToExplore: et
+}, rt = "Explore", ot = {
+  renderer: Xe,
+  queryDataProvider: et,
+  csvExport: tt,
+  jumpToExplore: rt
 };
-function rt() {
-  const e = Ae("en-us", tt);
+function nt() {
+  const e = Re("en-us", ot);
   return {
     i18n: e,
-    i18nT: Re(e)
+    i18nT: De(e)
     // Translation component <i18n-t>
   };
 }
-const V = 170, z = "analytics-query-provider", te = "{entity-id}", nt = "{cp-id}", ot = "{timeframe}", at = 30 * 1e3;
-function it() {
-  const e = j(z);
+const B = 170, j = "analytics-query-provider", ee = "{entity-id}", at = "{cp-id}", it = "{timeframe}", st = 30 * 1e3;
+function ct() {
+  const e = N(j);
   return {
-    evaluateFeatureFlag: (t, n) => e ? e.evaluateFeatureFlagFn(t, n) : n
+    evaluateFeatureFlag: (t, o) => e ? e.evaluateFeatureFlagFn(t, o) : o
   };
 }
-const O = {
-  useI18n: rt,
-  useEvaluateFeatureFlag: it
-}, Q = /* @__PURE__ */ x({
+const w = {
+  useI18n: nt,
+  useEvaluateFeatureFlag: ct
+}, H = /* @__PURE__ */ S({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -98,67 +98,67 @@ const O = {
   },
   emits: ["chart-data", "queryComplete"],
   setup(e, { emit: r }) {
-    const t = e, n = r, { i18n: i } = O.useI18n(), o = j(z), c = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, a = new AbortController();
-    oe(() => {
+    const t = e, o = r, { i18n: i } = w.useI18n(), n = N(j), s = () => t.queryReady && n ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, a = new AbortController();
+    ae(() => {
       a.abort();
     });
-    const l = (p, f, q) => {
-      const C = [];
-      return f && C.push(...f), C.push(...De(p, q)), C;
-    }, { data: h, error: D, isValidating: S } = Te(c, async () => {
-      var p, f, q, C;
+    const l = (p, g, q) => {
+      const u = [];
+      return g && u.push(...g), u.push(...ke(p, q)), u;
+    }, { data: f, error: A, isValidating: R } = Ae(s, async () => {
+      var p, g, q, u;
       try {
         let {
-          datasource: s,
-          ...E
+          datasource: h,
+          ...$
         } = t.query;
-        s || (s = "basic");
-        const $ = l(s, t.query.filters, t.context.filters), G = {
-          datasource: s,
+        h || (h = "basic");
+        const M = l(h, t.query.filters, t.context.filters), Y = {
+          datasource: h,
           query: {
-            ...E,
+            ...$,
             time_range: {
               ...t.context.timeSpec,
               tz: t.context.tz
             },
-            filters: $
+            filters: M
           }
         };
-        return o == null ? void 0 : o.queryFn(G, a);
-      } catch (s) {
-        k.value = ((f = (p = s == null ? void 0 : s.response) == null ? void 0 : p.data) == null ? void 0 : f.message) === "Range not allowed for this tier" ? i.t("queryDataProvider.timeRangeExceeded") : ((C = (q = s == null ? void 0 : s.response) == null ? void 0 : q.data) == null ? void 0 : C.message) || (s == null ? void 0 : s.message);
+        return n == null ? void 0 : n.queryFn(Y, a);
+      } catch (h) {
+        D.value = ((g = (p = h == null ? void 0 : h.response) == null ? void 0 : p.data) == null ? void 0 : g.message) === "Range not allowed for this tier" ? i.t("queryDataProvider.timeRangeExceeded") : ((u = (q = h == null ? void 0 : h.response) == null ? void 0 : q.data) == null ? void 0 : u.message) || (h == null ? void 0 : h.message);
       } finally {
-        n("queryComplete");
+        o("queryComplete");
       }
     }, {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: y, swrvState: T } = Ze(h, D, S), k = A(null), m = v(() => y.value === T.ERROR || !!k.value), _ = v(() => !t.queryReady || y.value === T.PENDING);
-    return ye(h, (p) => {
-      p && n("chart-data", p);
-    }), (p, f) => {
-      const q = L("KSkeleton"), C = L("KEmptyState");
-      return _.value || !u(h) && !m.value ? (d(), g(q, {
+    }), { state: m, swrvState: x } = Ye(f, A, R), D = I(null), y = v(() => m.value === x.ERROR || !!D.value), C = v(() => !t.queryReady || m.value === x.PENDING);
+    return he(f, (p) => {
+      p && o("chart-data", p);
+    }), (p, g) => {
+      const q = F("KSkeleton"), u = F("KEmptyState");
+      return C.value || !c(f) && !y.value ? (d(), b(q, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : m.value ? (d(), g(C, {
+      })) : y.value ? (d(), b(u, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
         "icon-variant": "error"
       }, {
-        default: b(() => [
-          B(F(k.value), 1)
+        default: _(() => [
+          U(O(D.value), 1)
         ]),
         _: 1
-      })) : u(h) ? H(p.$slots, "default", {
+      })) : c(f) ? G(p.$slots, "default", {
         key: 2,
-        data: u(h)
-      }) : w("", !0);
+        data: c(f)
+      }) : k("", !0);
     };
   }
-}), st = { class: "analytics-chart" }, ct = /* @__PURE__ */ x({
+}), lt = { class: "analytics-chart" }, ut = /* @__PURE__ */ S({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -169,19 +169,19 @@ const O = {
     refreshCounter: {}
   },
   setup(e) {
-    M((t) => ({
+    K((t) => ({
       bc149350: `${t.height}px`
     }));
     const r = e;
-    return (t, n) => (d(), g(Q, {
+    return (t, o) => (d(), b(H, {
       context: t.context,
       query: t.query,
       "query-ready": t.queryReady,
       "refresh-counter": t.refreshCounter
     }, {
-      default: b(({ data: i }) => [
-        P("div", st, [
-          I(u(qe), {
+      default: _(({ data: i }) => [
+        L("div", lt, [
+          T(c(Ce), {
             "chart-data": i,
             "chart-options": r.chartOptions,
             "synthetics-data-key": t.chartOptions.syntheticsDataKey
@@ -191,12 +191,12 @@ const O = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), N = (e, r) => {
+}), P = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [n, i] of r)
-    t[n] = i;
+  for (const [o, i] of r)
+    t[o] = i;
   return t;
-}, lt = /* @__PURE__ */ N(ct, [["__scopeId", "data-v-e770c4a0"]]), ut = { class: "analytics-chart" }, dt = /* @__PURE__ */ x({
+}, dt = /* @__PURE__ */ P(ut, [["__scopeId", "data-v-e770c4a0"]]), pt = { class: "analytics-chart" }, yt = /* @__PURE__ */ S({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -209,55 +209,55 @@ const O = {
   },
   emits: ["edit-tile", "chart-data"],
   setup(e, { emit: r }) {
-    const t = e, n = r, i = j(z), { i18n: o } = O.useI18n(), { evaluateFeatureFlag: c } = O.useEvaluateFeatureFlag(), a = c("ma-3043-analytics-chart-kebab-menu", !1), l = v(() => ({
+    const t = e, o = r, i = N(j), { i18n: n } = w.useI18n(), { evaluateFeatureFlag: s } = w.useEvaluateFeatureFlag(), a = s("ma-3043-analytics-chart-kebab-menu", !1), l = v(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chartDatasetColors,
       threshold: t.chartOptions.threshold
-    })), h = v(() => {
+    })), f = v(() => {
       if (i && i.exploreBaseUrl) {
-        const y = {
+        const m = {
           filters: [...t.context.filters, ...t.query.filters ?? []],
           metrics: t.query.metrics ?? [],
           dimensions: t.query.dimensions ?? [],
           time_range: t.query.time_range || t.context.timeSpec
-        }, T = ["advanced", "ai"].includes(t.query.datasource) ? t.query.datasource : "advanced";
-        return `${i.exploreBaseUrl()}?q=${JSON.stringify(y)}&d=${T}&c=${t.chartOptions.type}`;
+        }, x = ["advanced", "ai"].includes(t.query.datasource) ? t.query.datasource : "advanced";
+        return `${i.exploreBaseUrl()}?q=${JSON.stringify(m)}&d=${x}&c=${t.chartOptions.type}`;
       }
       return "";
-    }), D = () => {
-      n("edit-tile");
-    }, S = (y) => {
-      n("chart-data", y);
+    }), A = () => {
+      o("edit-tile");
+    }, R = (m) => {
+      o("chart-data", m);
     };
-    return (y, T) => {
-      const k = L("KDropdownItem");
-      return d(), g(Q, {
-        context: y.context,
-        query: y.query,
-        "query-ready": y.queryReady,
-        "refresh-counter": y.refreshCounter,
-        onChartData: S
+    return (m, x) => {
+      const D = F("KDropdownItem");
+      return d(), b(H, {
+        context: m.context,
+        query: m.query,
+        "query-ready": m.queryReady,
+        "refresh-counter": m.refreshCounter,
+        onChartData: R
       }, {
-        default: b(({ data: m }) => [
-          P("div", ut, [
-            I(u(Ce), ae({
-              "allow-csv-export": y.chartOptions.allowCsvExport,
-              "chart-data": m,
+        default: _(({ data: y }) => [
+          L("div", pt, [
+            T(c(Ee), ie({
+              "allow-csv-export": m.chartOptions.allowCsvExport,
+              "chart-data": y,
               "chart-options": l.value,
-              "chart-title": !u(a) && y.chartOptions.chartTitle || "",
-              "go-to-explore": h.value,
+              "chart-title": !c(a) && m.chartOptions.chartTitle || "",
+              "go-to-explore": f.value,
               "legend-position": "bottom",
-              "show-menu": y.context.editable,
-              "synthetics-data-key": y.chartOptions.syntheticsDataKey,
+              "show-menu": m.context.editable,
+              "synthetics-data-key": m.chartOptions.syntheticsDataKey,
               "tooltip-title": ""
-            }, y.extraProps), ie({ _: 2 }, [
-              y.context.editable ? {
+            }, m.extraProps), se({ _: 2 }, [
+              m.context.editable ? {
                 name: "menu-items",
-                fn: b(() => [
-                  I(k, { onClick: D }, {
-                    default: b(() => [
-                      B(F(u(o).t("renderer.edit")), 1)
+                fn: _(() => [
+                  T(D, { onClick: A }, {
+                    default: _(() => [
+                      U(O(c(n).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -271,7 +271,7 @@ const O = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), ce = /* @__PURE__ */ N(dt, [["__scopeId", "data-v-1bc587d3"]]), re = /* @__PURE__ */ x({
+}), le = /* @__PURE__ */ P(yt, [["__scopeId", "data-v-1bc587d3"]]), te = /* @__PURE__ */ S({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -282,7 +282,7 @@ const O = {
     refreshCounter: {}
   },
   setup(e) {
-    return (r, t) => (d(), g(ce, {
+    return (r, t) => (d(), b(le, {
       "chart-options": r.chartOptions,
       context: r.context,
       "extra-props": { showAnnotations: !1 },
@@ -292,7 +292,7 @@ const O = {
       "refresh-counter": r.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), ne = /* @__PURE__ */ x({
+}), re = /* @__PURE__ */ S({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -303,7 +303,7 @@ const O = {
     refreshCounter: {}
   },
   setup(e) {
-    return (r, t) => (d(), g(ce, {
+    return (r, t) => (d(), b(le, {
       "chart-options": r.chartOptions,
       context: r.context,
       height: r.height,
@@ -312,7 +312,7 @@ const O = {
       "refresh-counter": r.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), pt = { class: "metric-card-tile-wrapper" }, yt = /* @__PURE__ */ x({
+}), ht = { class: "metric-card-tile-wrapper" }, mt = /* @__PURE__ */ S({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -323,35 +323,35 @@ const O = {
     refreshCounter: {}
   },
   setup(e) {
-    M((c) => ({
-      "3e99e905": u(n) ? "90%" : "100%",
-      "345e89d8": u(n) ? "auto" : "100%",
-      "7fa58fd9": u(n) ? "100%" : "none"
+    K((s) => ({
+      "3e99e905": c(o) ? "90%" : "100%",
+      "345e89d8": c(o) ? "auto" : "100%",
+      "7fa58fd9": c(o) ? "100%" : "none"
     }));
-    const r = e, { evaluateFeatureFlag: t } = O.useEvaluateFeatureFlag(), n = t("ma-3043-analytics-chart-kebab-menu", !1), i = v(() => {
-      const c = r.context.timeSpec;
-      if (c.type === "absolute")
-        return new ke({
+    const r = e, { evaluateFeatureFlag: t } = w.useEvaluateFeatureFlag(), o = t("ma-3043-analytics-chart-kebab-menu", !1), i = v(() => {
+      const s = r.context.timeSpec;
+      if (s.type === "absolute")
+        return new Ie({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
-          startCustom: c.start,
-          endCustom: c.end,
-          timeframeLength: () => c.end.getTime() - c.start.getTime(),
+          startCustom: s.start,
+          endCustom: s.end,
+          timeframeLength: () => s.end.getTime() - s.start.getTime(),
           defaultResponseGranularity: "daily",
           dataGranularity: "daily",
           isRelative: !1,
           allowedTiers: ["free", "plus", "enterprise"]
         });
-      const a = we.get(c.time_range);
+      const a = we.get(s.time_range);
       if (!a)
         throw new Error("Unknown time range");
       return a;
-    }), o = v(() => {
+    }), n = v(() => {
       var a, l;
-      const c = (a = r.query) == null ? void 0 : a.datasource;
-      if (c && c !== "advanced" && c !== "basic")
-        throw new Error(`Invalid datasource value: ${c}`);
+      const s = (a = r.query) == null ? void 0 : a.datasource;
+      if (s && s !== "advanced" && s !== "basic")
+        throw new Error(`Invalid datasource value: ${s}`);
       return {
         datasource: (l = r.query) == null ? void 0 : l.datasource,
         overrideTimeframe: i.value,
@@ -359,24 +359,24 @@ const O = {
         additionalFilter: r.context.filters,
         // TODO: Decide how to handle metric card filters.
         longCardTitles: r.chartOptions.longCardTitles,
-        ...!n && { containerTitle: r.chartOptions.chartTitle },
-        ...!n && { description: r.chartOptions.description },
+        ...!o && { containerTitle: r.chartOptions.chartTitle },
+        ...!o && { description: r.chartOptions.description },
         percentileLatency: r.chartOptions.percentileLatency,
         refreshInterval: r.context.refreshInterval,
         queryReady: r.queryReady,
         refreshCounter: r.refreshCounter
       };
     });
-    return (c, a) => (d(), R("div", pt, [
-      I(u(Ve), he(me(o.value)), {
-        default: b(() => [
-          I(u(Ue))
+    return (s, a) => (d(), E("div", ht, [
+      T(c(Ue), me(fe(n.value)), {
+        default: _(() => [
+          T(c(Ge))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), ht = /* @__PURE__ */ N(yt, [["__scopeId", "data-v-84c4c1c8"]]), mt = "#6c7489", ft = "20px", le = "20px", gt = /* @__PURE__ */ x({
+}), ft = /* @__PURE__ */ P(mt, [["__scopeId", "data-v-84c4c1c8"]]), oe = "#6c7489", ne = "20px", ue = "20px", gt = /* @__PURE__ */ S({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -387,33 +387,33 @@ const O = {
     refreshCounter: {}
   },
   setup(e) {
-    const r = e, { evaluateFeatureFlag: t } = O.useEvaluateFeatureFlag(), n = t("ma-3043-analytics-chart-kebab-menu", !1), i = (o) => {
-      var c;
-      if ((c = r.chartOptions) != null && c.entityLink)
-        if (o.id.includes(":")) {
-          const [a, l] = o.id.split(":");
-          return r.chartOptions.entityLink.replace(nt, a).replace(te, l);
+    const r = e, { evaluateFeatureFlag: t } = w.useEvaluateFeatureFlag(), o = t("ma-3043-analytics-chart-kebab-menu", !1), i = (n) => {
+      var s;
+      if ((s = r.chartOptions) != null && s.entityLink)
+        if (n.id.includes(":")) {
+          const [a, l] = n.id.split(":");
+          return r.chartOptions.entityLink.replace(at, a).replace(ee, l);
         } else
-          return r.chartOptions.entityLink.replace(te, o.id);
+          return r.chartOptions.entityLink.replace(ee, n.id);
       return "";
     };
-    return (o, c) => (d(), g(Q, {
-      context: o.context,
-      query: o.query,
-      "query-ready": o.queryReady,
-      "refresh-counter": o.refreshCounter
+    return (n, s) => (d(), b(H, {
+      context: n.context,
+      query: n.query,
+      "query-ready": n.queryReady,
+      "refresh-counter": n.refreshCounter
     }, {
-      default: b(({ data: a }) => [
-        I(u(Se), {
+      default: _(({ data: a }) => [
+        T(c(Se), {
           data: a,
-          description: !u(n) && o.chartOptions.description || "",
-          "synthetics-data-key": o.chartOptions.syntheticsDataKey,
-          title: !u(n) && o.chartOptions.chartTitle || ""
-        }, ie({ _: 2 }, [
+          description: !c(o) && n.chartOptions.description || "",
+          "synthetics-data-key": n.chartOptions.syntheticsDataKey,
+          title: !c(o) && n.chartOptions.chartTitle || ""
+        }, se({ _: 2 }, [
           r.chartOptions.entityLink ? {
             name: "name",
-            fn: b(({ record: l }) => [
-              I(u(Ge), {
+            fn: _(({ record: l }) => [
+              T(c(He), {
                 "entity-link-data": {
                   id: l.id,
                   label: l.name,
@@ -429,153 +429,145 @@ const O = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), vt = {
+}), vt = { class: "tile-boundary" }, bt = {
   key: 0,
   class: "tile-header"
-}, bt = { class: "title" }, _t = {
-  appearance: "none",
-  class: "kebab-action-menu",
-  "data-testid": "kebab-action-menu"
-}, qt = {
+}, _t = { class: "title" }, qt = {
+  key: 0,
+  class: "tile-actions"
+}, Ct = {
   class: "chart-export-trigger",
   "data-testid": "csv-export-button"
-}, Ct = {
+}, Et = {
   key: 1,
   class: "header-description"
-}, St = { class: "tile-content" }, Et = /* @__PURE__ */ x({
+}, St = { class: "tile-content" }, xt = /* @__PURE__ */ S({
   __name: "DashboardTile",
   props: {
     definition: {},
     context: {},
-    height: { default: V },
+    height: { default: B },
     queryReady: { type: Boolean },
     refreshCounter: {}
   },
   emits: ["edit-tile"],
   setup(e, { emit: r }) {
-    M((s) => ({
-      "6018253a": `${s.height}px`,
-      "313a3e66": S.value ? 1 : 0,
-      "7265bedf": S.value ? "visible" : "hidden"
+    K((u) => ({
+      "550edf72": `${u.height}px`
     }));
-    const t = parseInt(le, 10), n = e, i = r, o = j(z), { evaluateFeatureFlag: c } = O.useEvaluateFeatureFlag(), { i18n: a } = O.useI18n(), l = c("ma-3043-analytics-chart-kebab-menu", !1), h = A(), D = A(!1), S = A(!1), y = v(() => {
-      if (o && o.exploreBaseUrl) {
-        const s = {
-          filters: [...n.context.filters, ...n.definition.query.filters ?? []],
-          metrics: n.definition.query.metrics ?? [],
-          dimensions: n.definition.query.dimensions ?? [],
-          time_range: n.definition.query.time_range || n.context.timeSpec
-        }, E = ["advanced", "ai"].includes(n.definition.query.datasource) ? n.definition.query.datasource : "advanced";
-        return `${o.exploreBaseUrl()}?q=${JSON.stringify(s)}&d=${E}&c=${n.definition.chart.type}`;
+    const t = parseInt(ue, 10), o = e, i = r, n = N(j), { evaluateFeatureFlag: s } = w.useEvaluateFeatureFlag(), { i18n: a } = w.useI18n(), l = s("ma-3043-analytics-chart-kebab-menu", !1), f = I(), A = I(!1), R = v(() => {
+      if (n && n.exploreBaseUrl) {
+        const u = {
+          filters: [...o.context.filters, ...o.definition.query.filters ?? []],
+          metrics: o.definition.query.metrics ?? [],
+          dimensions: o.definition.query.dimensions ?? [],
+          time_range: o.definition.query.time_range || o.context.timeSpec
+        }, h = ["advanced", "ai"].includes(o.definition.query.datasource) ? o.definition.query.datasource : "advanced";
+        return `${n.exploreBaseUrl()}?q=${JSON.stringify(u)}&d=${h}&c=${o.definition.chart.type}`;
       }
       return "";
-    }), T = v(() => a.t("csvExport.defaultFilename")), k = v(() => l && !["golden_signals", "top_n", "gauge"].includes(n.definition.chart.type)), m = {
-      timeseries_line: ne,
-      timeseries_bar: ne,
-      horizontal_bar: re,
-      vertical_bar: re,
-      gauge: lt,
-      golden_signals: ht,
+    }), m = v(() => a.t("csvExport.defaultFilename")), x = v(() => l && !["golden_signals", "top_n", "gauge"].includes(o.definition.chart.type)), D = {
+      timeseries_line: re,
+      timeseries_bar: re,
+      horizontal_bar: te,
+      vertical_bar: te,
+      gauge: dt,
+      golden_signals: ft,
       top_n: gt,
       slottable: void 0
-    }, _ = v(() => {
-      const s = m[n.definition.chart.type];
-      return s && {
-        component: s,
+    }, y = v(() => {
+      const u = D[o.definition.chart.type];
+      return u && {
+        component: u,
         rendererProps: {
-          query: n.definition.query,
-          context: n.context,
-          queryReady: n.queryReady,
-          chartOptions: n.definition.chart,
-          height: n.height - t * 2,
-          refreshCounter: n.refreshCounter
+          query: o.definition.query,
+          context: o.context,
+          queryReady: o.queryReady,
+          chartOptions: o.definition.chart,
+          height: o.height - t * 2,
+          refreshCounter: o.refreshCounter
         }
       };
-    }), p = () => {
-      i("edit-tile", n.definition);
-    }, f = (s) => {
-      h.value = s;
-    }, q = (s) => {
-      D.value = s;
-    }, C = () => {
-      q(!0);
+    }), C = () => {
+      i("edit-tile", o.definition);
+    }, p = (u) => {
+      f.value = u;
+    }, g = (u) => {
+      A.value = u;
+    }, q = () => {
+      g(!0);
     };
-    return (s, E) => {
-      const $ = L("KDropdownItem"), G = L("KDropdown");
-      return d(), R("div", {
-        class: "tile-boundary",
-        onMouseenter: E[1] || (E[1] = (X) => S.value = !0),
-        onMouseleave: E[2] || (E[2] = (X) => S.value = !1)
-      }, [
-        u(l) && s.definition.chart.type !== "slottable" ? (d(), R("div", vt, [
-          P("div", bt, F(s.definition.chart.chartTitle), 1),
-          k.value ? (d(), g(G, {
-            key: 0,
-            class: "dropdown",
-            "data-testid": "chart-action-menu",
-            "kpop-attributes": { placement: "bottom-end" }
-          }, {
-            items: b(() => [
-              y.value ? (d(), g($, {
-                key: 0,
-                "data-testid": "chart-jump-to-explore",
-                item: { label: u(a).t("jumpToExplore"), to: y.value }
-              }, null, 8, ["item"])) : w("", !0),
-              "allowCsvExport" in s.definition.chart && s.definition.chart.allowCsvExport ? (d(), g($, {
-                key: 1,
-                class: "chart-export-button",
-                "data-testid": "chart-csv-export",
-                onClick: E[0] || (E[0] = (X) => C())
-              }, {
-                default: b(() => [
-                  P("span", qt, F(u(a).t("csvExport.exportAsCsv")), 1)
-                ]),
-                _: 1
-              })) : w("", !0),
-              s.context.editable ? (d(), g($, {
-                key: 2,
-                onClick: p
-              }, {
-                default: b(() => [
-                  B(F(u(a).t("renderer.edit")), 1)
-                ]),
-                _: 1
-              })) : w("", !0)
-            ]),
-            default: b(() => [
-              P("button", _t, [
-                I(u(He), {
-                  color: u(mt),
-                  size: u(ft)
+    return (u, h) => {
+      const $ = F("KDropdownItem"), M = F("KDropdown");
+      return d(), E("div", vt, [
+        c(l) && u.definition.chart.type !== "slottable" ? (d(), E("div", bt, [
+          L("div", _t, O(u.definition.chart.chartTitle), 1),
+          x.value ? (d(), E("div", qt, [
+            u.context.editable ? (d(), b(c(Qe), {
+              key: 0,
+              class: "edit-icon",
+              color: c(oe),
+              size: c(ne),
+              onClick: C
+            }, null, 8, ["color", "size"])) : k("", !0),
+            T(M, {
+              class: "dropdown",
+              "data-testid": "chart-action-menu",
+              "kpop-attributes": { placement: "bottom-end" }
+            }, {
+              items: _(() => [
+                R.value ? (d(), b($, {
+                  key: 0,
+                  "data-testid": "chart-jump-to-explore",
+                  item: { label: c(a).t("jumpToExplore"), to: R.value }
+                }, null, 8, ["item"])) : k("", !0),
+                "allowCsvExport" in u.definition.chart && u.definition.chart.allowCsvExport ? (d(), b($, {
+                  key: 1,
+                  class: "chart-export-button",
+                  "data-testid": "chart-csv-export",
+                  onClick: h[0] || (h[0] = (Y) => q())
+                }, {
+                  default: _(() => [
+                    L("span", Ct, O(c(a).t("csvExport.exportAsCsv")), 1)
+                  ]),
+                  _: 1
+                })) : k("", !0)
+              ]),
+              default: _(() => [
+                T(c(Je), {
+                  class: "kebab-action-menu",
+                  color: c(oe),
+                  "data-testid": "kebab-action-menu",
+                  size: c(ne)
                 }, null, 8, ["color", "size"])
-              ])
-            ]),
-            _: 1
-          })) : "description" in s.definition.chart ? (d(), R("div", Ct, F(s.definition.chart.description), 1)) : w("", !0),
-          D.value ? (d(), g(u(Ee), {
+              ]),
+              _: 1
+            })
+          ])) : "description" in u.definition.chart ? (d(), E("div", Et, O(u.definition.chart.description), 1)) : k("", !0),
+          A.value ? (d(), b(c(xe), {
             key: 2,
-            "chart-data": h.value,
-            filename: T.value,
-            onToggleModal: q
-          }, null, 8, ["chart-data", "filename"])) : w("", !0)
-        ])) : w("", !0),
-        P("div", St, [
-          _.value ? (d(), g(fe(_.value.component), ae({ key: 0 }, _.value.rendererProps, { onChartData: f }), null, 16)) : w("", !0)
+            "chart-data": f.value,
+            filename: m.value,
+            onToggleModal: g
+          }, null, 8, ["chart-data", "filename"])) : k("", !0)
+        ])) : k("", !0),
+        L("div", St, [
+          y.value ? (d(), b(ge(y.value.component), ie({ key: 0 }, y.value.rendererProps, { onChartData: p }), null, 16)) : k("", !0)
         ])
-      ], 32);
+      ]);
     };
   }
-}), xt = /* @__PURE__ */ N(Et, [["__scopeId", "data-v-25af9802"]]), Tt = (e, r, t) => {
-  const n = /* @__PURE__ */ new Map();
-  t.forEach((o) => {
-    const c = o.layout.position.row, a = n.get(c), l = o.layout.size.rows === 1 && !!o.layout.size.fitToContent;
-    a === void 0 ? n.set(c, l) : n.set(c, a && l);
+}), Tt = /* @__PURE__ */ P(xt, [["__scopeId", "data-v-a0c57f56"]]), At = (e, r, t) => {
+  const o = /* @__PURE__ */ new Map();
+  t.forEach((n) => {
+    const s = n.layout.position.row, a = o.get(s), l = n.layout.size.rows === 1 && !!n.layout.size.fitToContent;
+    a === void 0 ? o.set(s, l) : o.set(s, a && l);
   });
   const i = [];
-  for (let o = 0; o < e; o++)
-    n.get(o) ? i.push("auto") : i.push(`${r}px`);
+  for (let n = 0; n < e; n++)
+    o.get(n) ? i.push("auto") : i.push(`${r}px`);
   return i;
-}, At = /* @__PURE__ */ x({
+}, Rt = /* @__PURE__ */ S({
   __name: "GridLayout",
   props: {
     gridSize: {
@@ -585,7 +577,7 @@ const O = {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => V
+      default: () => B
     },
     tiles: {
       type: Array,
@@ -593,24 +585,24 @@ const O = {
     }
   },
   setup(e) {
-    M((a) => ({
+    K((a) => ({
       "3bc5e939": e.gridSize.cols,
-      "77aa3028": o.value
+      "77aa3028": n.value
     }));
-    const r = e, t = A(null), n = A(0), i = new ResizeObserver((a) => {
+    const r = e, t = I(null), o = I(0), i = new ResizeObserver((a) => {
       window.requestAnimationFrame(() => {
-        !Array.isArray(a) || !a.length || (n.value = a[0].contentRect.width);
+        !Array.isArray(a) || !a.length || (o.value = a[0].contentRect.width);
       });
     });
-    ge(() => {
+    ve(() => {
       t.value && i.observe(t.value);
-    }), oe(() => {
+    }), ae(() => {
       t.value && i.unobserve(t.value);
     });
-    const o = v(() => {
+    const n = v(() => {
       var l;
-      return Tt((l = r.gridSize) == null ? void 0 : l.rows, r.tileHeight, r.tiles).join(" ");
-    }), c = v(() => r.tiles.map((a, l) => ({
+      return At((l = r.gridSize) == null ? void 0 : l.rows, r.tileHeight, r.tiles).join(" ");
+    }), s = v(() => r.tiles.map((a, l) => ({
       key: `tile-${l}`,
       tile: a,
       style: {
@@ -620,29 +612,29 @@ const O = {
         "grid-row-end": a.layout.position.row + 1 + a.layout.size.rows
       }
     })));
-    return (a, l) => (d(), R("div", {
+    return (a, l) => (d(), E("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (d(!0), R(ve, null, be(c.value, (h) => (d(), R("div", {
-        key: h.key,
-        class: _e(["grid-cell", {
-          "empty-cell": !h.tile
+      (d(!0), E(be, null, _e(s.value, (f) => (d(), E("div", {
+        key: f.key,
+        class: qe(["grid-cell", {
+          "empty-cell": !f.tile
         }]),
-        style: ee(h.style)
+        style: X(f.style)
       }, [
-        H(a.$slots, "tile", {
-          style: ee(h.style),
-          tile: h.tile
+        G(a.$slots, "tile", {
+          style: X(f.style),
+          tile: f.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), Rt = /* @__PURE__ */ N(At, [["__scopeId", "data-v-f43eb7b8"]]), Dt = { class: "kong-ui-public-dashboard-renderer" }, kt = {
+}), Dt = /* @__PURE__ */ P(Rt, [["__scopeId", "data-v-f43eb7b8"]]), kt = { class: "kong-ui-public-dashboard-renderer" }, It = {
   key: 0,
   class: "tile-container"
-}, wt = /* @__PURE__ */ x({
+}, wt = /* @__PURE__ */ S({
   __name: "DashboardRenderer",
   props: {
     context: {},
@@ -650,18 +642,18 @@ const O = {
   },
   emits: ["edit-tile"],
   setup(e, { expose: r, emit: t }) {
-    const n = e, i = t, { i18n: o } = O.useI18n(), c = A(0), a = j(z);
+    const o = e, i = t, { i18n: n } = w.useI18n(), s = I(0), a = N(j);
     a || (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 l = Qe(), h = v(() => n.context.timeSpec ? n.context.timeSpec : {
+    const l = Ze(), f = v(() => o.context.timeSpec ? o.context.timeSpec : {
       type: "relative",
       time_range: l.defaultQueryTimeForOrg
-    }), D = v(() => !!n.context.timeSpec || !l.loading), S = v(() => n.config.tiles.map((m, _) => {
-      var f;
-      let p = m.definition;
+    }), A = v(() => !!o.context.timeSpec || !l.loading), R = v(() => o.config.tiles.map((y, C) => {
+      var g;
+      let p = y.definition;
       if ("description" in p.chart) {
-        const q = (f = p.chart.description) == null ? void 0 : f.replace(ot, () => {
-          const s = `renderer.trendRange.${h.value.type === "absolute" ? "custom" : h.value.time_range}`;
-          return o.te(s) ? o.t(s) : "";
+        const q = (g = p.chart.description) == null ? void 0 : g.replace(it, () => {
+          const h = `renderer.trendRange.${f.value.type === "absolute" ? "custom" : f.value.time_range}`;
+          return n.te(h) ? n.t(h) : "";
         });
         p = {
           ...p,
@@ -672,62 +664,62 @@ const O = {
         };
       }
       return {
-        layout: m.layout,
+        layout: y.layout,
         meta: p,
         // Add a unique key to each tile internally.
-        id: _
+        id: C
       };
-    })), y = v(() => {
-      let { tz: m, refreshInterval: _, editable: p } = n.context;
-      return m || (m = new Intl.DateTimeFormat().resolvedOptions().timeZone), _ === void 0 && (_ = at), p === void 0 && (p = !1), {
-        ...n.context,
-        tz: m,
-        timeSpec: h.value,
-        refreshInterval: _,
+    })), m = v(() => {
+      let { tz: y, refreshInterval: C, editable: p } = o.context;
+      return y || (y = new Intl.DateTimeFormat().resolvedOptions().timeZone), C === void 0 && (C = st), p === void 0 && (p = !1), {
+        ...o.context,
+        tz: y,
+        timeSpec: f.value,
+        refreshInterval: C,
         editable: p
       };
-    }), T = (m) => {
-      i("edit-tile", m);
+    }), x = (y) => {
+      i("edit-tile", y);
     };
     return r({ refresh: () => {
-      c.value++;
-    } }), (m, _) => {
-      const p = L("KAlert");
-      return d(), R("div", Dt, [
-        u(a) ? (d(), g(Rt, {
+      s.value++;
+    } }), (y, C) => {
+      const p = F("KAlert");
+      return d(), E("div", kt, [
+        c(a) ? (d(), b(Dt, {
           key: 1,
-          "grid-size": m.config.gridSize,
-          "tile-height": m.config.tileHeight,
-          tiles: S.value
+          "grid-size": y.config.gridSize,
+          "tile-height": y.config.tileHeight,
+          tiles: R.value
         }, {
-          tile: b(({ tile: f }) => [
-            f.meta.chart.type === "slottable" ? (d(), R("div", kt, [
-              H(m.$slots, f.meta.chart.id, {}, void 0, !0)
-            ])) : (d(), g(xt, {
+          tile: _(({ tile: g }) => [
+            g.meta.chart.type === "slottable" ? (d(), E("div", It, [
+              G(y.$slots, g.meta.chart.id, {}, void 0, !0)
+            ])) : (d(), b(Tt, {
               key: 1,
               class: "tile-container",
-              context: y.value,
-              definition: f.meta,
-              height: f.layout.size.rows * (m.config.tileHeight || u(V)) + parseInt(u(le), 10),
-              "query-ready": D.value,
-              "refresh-counter": c.value,
-              onEditTile: (q) => T(f)
+              context: m.value,
+              definition: g.meta,
+              height: g.layout.size.rows * (y.config.tileHeight || c(B)) + parseInt(c(ue), 10),
+              "query-ready": A.value,
+              "refresh-counter": s.value,
+              onEditTile: (q) => x(g)
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "onEditTile"]))
           ]),
           _: 3
-        }, 8, ["grid-size", "tile-height", "tiles"])) : (d(), g(p, {
+        }, 8, ["grid-size", "tile-height", "tiles"])) : (d(), b(p, {
           key: 0,
           appearance: "danger"
         }, {
-          default: b(() => [
-            B(F(u(o).t("renderer.noQueryBridge")), 1)
+          default: _(() => [
+            U(O(c(n).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))
       ]);
     };
   }
-}), nr = /* @__PURE__ */ N(wt, [["__scopeId", "data-v-26130807"]]), or = [
+}), nr = /* @__PURE__ */ P(wt, [["__scopeId", "data-v-26130807"]]), ar = [
   "horizontal_bar",
   "vertical_bar",
   "gauge",
@@ -736,13 +728,13 @@ const O = {
   "golden_signals",
   "top_n",
   "slottable"
-], U = {
+], V = {
   type: "string"
-}, K = {
+}, z = {
   type: "string"
-}, ue = {
-  type: "boolean"
 }, de = {
+  type: "boolean"
+}, pe = {
   type: ["object", "array"],
   items: {
     type: "string"
@@ -750,7 +742,7 @@ const O = {
   additionalProperties: {
     type: "string"
   }
-}, It = {
+}, Ot = {
   type: "object",
   properties: {
     type: {
@@ -763,7 +755,7 @@ const O = {
   },
   required: ["type", "id"],
   additionalProperties: !1
-}, Ot = {
+}, Ft = {
   type: "object",
   properties: {
     type: {
@@ -773,14 +765,14 @@ const O = {
     stacked: {
       type: "boolean"
     },
-    chartDatasetColors: de,
-    syntheticsDataKey: U,
-    chartTitle: K,
-    allowCsvExport: ue
+    chartDatasetColors: pe,
+    syntheticsDataKey: V,
+    chartTitle: z,
+    allowCsvExport: de
   },
   required: ["type"],
   additionalProperties: !1
-}, Ft = {
+}, Pt = {
   type: "object",
   properties: {
     type: {
@@ -796,14 +788,14 @@ const O = {
         type: "number"
       }
     },
-    chartDatasetColors: de,
-    syntheticsDataKey: U,
-    chartTitle: K,
-    allowCsvExport: ue
+    chartDatasetColors: pe,
+    syntheticsDataKey: V,
+    chartTitle: z,
+    allowCsvExport: de
   },
   required: ["type"],
   additionalProperties: !1
-}, Pt = {
+}, Lt = {
   type: "object",
   properties: {
     type: {
@@ -812,7 +804,7 @@ const O = {
     },
     metricDisplay: {
       type: "string",
-      enum: Object.values(xe)
+      enum: Object.values(Te)
     },
     reverseDataset: {
       type: "boolean"
@@ -820,16 +812,16 @@ const O = {
     numerator: {
       type: "number"
     },
-    syntheticsDataKey: U,
-    chartTitle: K
+    syntheticsDataKey: V,
+    chartTitle: z
   },
   required: ["type"],
   additionalProperties: !1
-}, Lt = {
+}, Nt = {
   type: "object",
   properties: {
-    chartTitle: K,
-    syntheticsDataKey: U,
+    chartTitle: z,
+    syntheticsDataKey: V,
     type: {
       type: "string",
       enum: ["top_n"]
@@ -843,10 +835,10 @@ const O = {
   },
   required: ["type"],
   additionalProperties: !1
-}, Nt = {
+}, jt = {
   type: "object",
   properties: {
-    chartTitle: K,
+    chartTitle: z,
     type: {
       type: "string",
       enum: ["golden_signals"]
@@ -863,7 +855,7 @@ const O = {
   },
   required: ["type"],
   additionalProperties: !1
-}, $t = {
+}, zt = {
   type: "object",
   properties: {
     tz: {
@@ -887,7 +879,7 @@ const O = {
     "time_range"
   ],
   additionalProperties: !1
-}, jt = {
+}, $t = {
   type: "object",
   description: "A duration representing an exact start and end time.",
   properties: {
@@ -913,18 +905,18 @@ const O = {
     "end"
   ],
   additionalProperties: !1
-}, J = {
+}, Q = {
   granularity: {
     type: "string",
     description: 'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',
-    enum: Ie
+    enum: Oe
   },
   time_range: {
     type: "object",
     description: "The time range to query.",
     anyOf: [
-      $t,
-      jt
+      zt,
+      $t
     ],
     default: {
       type: "relative",
@@ -937,14 +929,14 @@ const O = {
   meta: {
     type: "object"
   }
-}, Z = (e) => ({
+}, J = (e) => ({
   type: "array",
   description: "List of aggregated metrics to collect across the requested time span.",
   items: {
     type: "string",
     enum: e
   }
-}), W = (e) => ({
+}), Z = (e) => ({
   type: "array",
   description: "List of attributes or entity types to group by.",
   minItems: 0,
@@ -953,7 +945,7 @@ const O = {
     type: "string",
     enum: e
   }
-}), Y = (e) => ({
+}), W = (e) => ({
   type: "array",
   description: "A list of filters to apply to the query.",
   items: {
@@ -966,7 +958,7 @@ const O = {
       },
       type: {
         type: "string",
-        enum: Oe
+        enum: Fe
       },
       values: {
         type: "array",
@@ -982,7 +974,7 @@ const O = {
     ],
     additionalProperties: !1
   }
-}), zt = {
+}), Kt = {
   type: "object",
   description: "A query to launch at the advanced explore API",
   properties: {
@@ -992,14 +984,14 @@ const O = {
         "advanced"
       ]
     },
-    metrics: Z(Fe),
-    dimensions: W(Pe),
-    filters: Y(Le),
-    ...J
+    metrics: J(Pe),
+    dimensions: Z(Le),
+    filters: W(Ne),
+    ...Q
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Kt = {
+}, Bt = {
   type: "object",
   description: "A query to launch at the basic explore API",
   properties: {
@@ -1009,14 +1001,14 @@ const O = {
         "basic"
       ]
     },
-    metrics: Z(Ne),
-    dimensions: W($e),
-    filters: Y(je),
-    ...J
+    metrics: J(je),
+    dimensions: Z(ze),
+    filters: W($e),
+    ...Q
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Bt = {
+}, Vt = {
   type: "object",
   description: "A query to launch at the AI explore API",
   properties: {
@@ -1026,26 +1018,26 @@ const O = {
         "ai"
       ]
     },
-    metrics: Z(ze),
-    dimensions: W(Ke),
-    filters: Y(Be),
-    ...J
+    metrics: J(Ke),
+    dimensions: Z(Be),
+    filters: W(Ve),
+    ...Q
   },
   required: ["datasource"],
   additionalProperties: !1
 }, Mt = {
-  anyOf: [zt, Kt, Bt]
-}, Vt = {
+  anyOf: [Kt, Bt, Vt]
+}, Ut = {
   type: "object",
   properties: {
     query: Mt,
     chart: {
-      anyOf: [Ot, Pt, Ft, Nt, Lt, It]
+      anyOf: [Ft, Lt, Pt, jt, Nt, Ot]
     }
   },
   required: ["query", "chart"],
   additionalProperties: !1
-}, Ut = {
+}, Gt = {
   type: "object",
   properties: {
     position: {
@@ -1082,24 +1074,24 @@ const O = {
   },
   required: ["position", "size"],
   additionalProperties: !1
-}, Gt = {
+}, Ht = {
   type: "object",
   properties: {
-    definition: Vt,
-    layout: Ut
+    definition: Ut,
+    layout: Gt
   },
   required: ["definition", "layout"],
   additionalProperties: !1
-}, ar = {
+}, ir = {
   type: "object",
   properties: {
     tiles: {
       type: "array",
-      items: Gt
+      items: Ht
     },
     tileHeight: {
       type: "number",
-      description: `Height of each tile in pixels. Default: ${V}`
+      description: `Height of each tile in pixels. Default: ${B}`
     },
     gridSize: {
       type: "object",
@@ -1120,27 +1112,27 @@ const O = {
   additionalProperties: !1
 };
 export {
-  nt as CP_ID_TOKEN,
-  V as DEFAULT_TILE_HEIGHT,
-  at as DEFAULT_TILE_REFRESH_INTERVAL_MS,
+  at as CP_ID_TOKEN,
+  B as DEFAULT_TILE_HEIGHT,
+  st as DEFAULT_TILE_REFRESH_INTERVAL_MS,
   nr as DashboardRenderer,
-  te as ENTITY_ID_TOKEN,
-  Rt as GridLayout,
-  z as INJECT_QUERY_PROVIDER,
-  ot as TIMEFRAME_TOKEN,
-  Bt as aiQuerySchema,
-  Ot as barChartSchema,
-  Kt as basicQuerySchema,
-  ar as dashboardConfigSchema,
-  or as dashboardTileTypes,
-  zt as exploreV4QuerySchema,
-  Pt as gaugeChartSchema,
-  Nt as metricCardSchema,
-  It as slottableSchema,
-  Gt as tileConfigSchema,
-  Vt as tileDefinitionSchema,
-  Ut as tileLayoutSchema,
-  Ft as timeseriesChartSchema,
-  Lt as topNTableSchema,
+  ee as ENTITY_ID_TOKEN,
+  Dt as GridLayout,
+  j as INJECT_QUERY_PROVIDER,
+  it as TIMEFRAME_TOKEN,
+  Vt as aiQuerySchema,
+  Ft as barChartSchema,
+  Bt as basicQuerySchema,
+  ir as dashboardConfigSchema,
+  ar as dashboardTileTypes,
+  Kt as exploreV4QuerySchema,
+  Lt as gaugeChartSchema,
+  jt as metricCardSchema,
+  Ot as slottableSchema,
+  Ht as tileConfigSchema,
+  Ut as tileDefinitionSchema,
+  Gt as tileLayoutSchema,
+  Pt as timeseriesChartSchema,
+  Nt as topNTableSchema,
   Mt as validDashboardQuery
 };