@kong-ui-public/dashboard-renderer 0.29.2 → 0.30.0

package/dist/dashboard-renderer.es.js

@@ -1,56 +1,57 @@
-import { ref as E, watchEffect as ue, defineComponent as _, inject as z, onUnmounted as Y, computed as f, resolveComponent as O, unref as m, openBlock as p, createBlock as g, withCtx as v, createTextVNode as j, toDisplayString as $, renderSlot as V, createCommentVNode as Z, useCssVars as P, createElementVNode as X, createVNode as T, mergeProps as ee, createSlots as te, createElementBlock as C, normalizeProps as pe, guardReactiveProps as de, resolveDynamicComponent as ye, onMounted as he, Fragment as me, renderList as fe, normalizeClass as ge, normalizeStyle as M } from "vue";
-import { SimpleChart as ve, AnalyticsChart as _e, TopNTable as be, ChartMetricDisplay as qe } from "@kong-ui-public/analytics-chart";
-import Se from "swrv";
+import { ref as A, watchEffect as de, inject as K, defineComponent as E, onUnmounted as oe, computed as v, watch as pe, resolveComponent as N, unref as l, openBlock as p, createBlock as g, withCtx as _, createTextVNode as M, toDisplayString as O, renderSlot as Q, createCommentVNode as w, useCssVars as $, createElementVNode as L, createVNode as F, mergeProps as ae, createSlots as ie, createElementBlock as D, normalizeProps as ye, guardReactiveProps as he, resolveDynamicComponent as me, onMounted as fe, Fragment as ge, renderList as ve, normalizeClass as be, normalizeStyle as te } from "vue";
+import { SimpleChart as _e, AnalyticsChart as qe, TopNTable as Ce, CsvExportModal as Se, ChartMetricDisplay as Ee } from "@kong-ui-public/analytics-chart";
+import xe from "swrv";
 import "axios";
-import { createI18n as Ce, i18nTComponent as Te } from "@kong-ui-public/i18n";
-import { stripUnknownFilters as Ae, Timeframe as Re, TimePeriods as De, granularityValues as Ee, exploreFilterTypesV2 as Ie, exploreAggregations as xe, queryableExploreDimensions as we, filterableExploreDimensions as ke, basicExploreAggregations as Oe, queryableBasicExploreDimensions as Pe, filterableBasicExploreDimensions as Le, aiExploreAggregations as Ne, queryableAiExploreDimensions as ze, filterableAiExploreDimensions as je, relativeTimeRangeValuesV4 as $e } from "@kong-ui-public/analytics-utilities";
-import { MetricsProvider as Ve, MetricsConsumer as Fe } from "@kong-ui-public/analytics-metric-provider";
-import { EntityLink as Be } from "@kong-ui-public/entities-shared";
-import { useAnalyticsConfigStore as Ge } from "@kong-ui-public/analytics-config-store";
-var re = /* @__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))(re || {});
-const Ke = (e) => {
-  var t, r, n, o, i;
+import { createI18n as Te, i18nTComponent as Ae } from "@kong-ui-public/i18n";
+import { stripUnknownFilters as De, Timeframe as Ie, TimePeriods as Re, granularityValues as ke, exploreFilterTypesV2 as we, exploreAggregations as Oe, queryableExploreDimensions as Fe, filterableExploreDimensions as Pe, basicExploreAggregations as Le, queryableBasicExploreDimensions as Ne, filterableBasicExploreDimensions as $e, aiExploreAggregations as je, queryableAiExploreDimensions as Ke, filterableAiExploreDimensions as ze, relativeTimeRangeValuesV4 as Ve } from "@kong-ui-public/analytics-utilities";
+import { MetricsProvider as Me, MetricsConsumer as Be } from "@kong-ui-public/analytics-metric-provider";
+import { EntityLink as Ue } from "@kong-ui-public/entities-shared";
+import { MoreIcon as Ge } from "@kong/icons";
+import { useAnalyticsConfigStore as He } 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 Qe = (e) => {
+  var r, t, n, i, o;
   return e ? !!// TODO: revisit: currently only the first check ever matters?
-  ((t = Object.keys(e)) != null && t.length || (r = e.data) != null && r.length || (o = (n = e.data) == null ? void 0 : n.data) != null && o.length || !((i = e.data) != null && i.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 = (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;
 };
-function He(e = E({}), t, r, n = Ke) {
-  const o = E(
+function Je(e = A({}), r, t, n = Qe) {
+  const i = A(
     "PENDING"
     /* PENDING */
   );
-  return ue(() => {
-    const i = n(e.value);
-    if (e.value && i && r.value) {
-      o.value = "VALIDATING_HAS_DATA";
+  return de(() => {
+    const o = n(e.value);
+    if (e.value && o && t.value) {
+      i.value = "VALIDATING_HAS_DATA";
       return;
     }
-    if (e.value && r.value) {
-      o.value = "VALIDATING";
+    if (e.value && t.value) {
+      i.value = "VALIDATING";
       return;
     }
-    if (e.value && t.value) {
-      o.value = "STALE_IF_ERROR";
+    if (e.value && r.value) {
+      i.value = "STALE_IF_ERROR";
       return;
     }
-    if (e.value === void 0 && !t.value) {
-      o.value = "PENDING";
+    if (e.value === void 0 && !r.value) {
+      i.value = "PENDING";
       return;
     }
-    if (e.value && !t.value && i) {
-      o.value = "SUCCESS_HAS_DATA";
+    if (e.value && !r.value && o) {
+      i.value = "SUCCESS_HAS_DATA";
       return;
     }
-    if (e.value && !t.value) {
-      o.value = "SUCCESS";
+    if (e.value && !r.value) {
+      i.value = "SUCCESS";
       return;
     }
-    e.value === void 0 && t && (o.value = "ERROR");
+    e.value === void 0 && r && (i.value = "ERROR");
   }), {
-    state: o,
-    swrvState: re
+    state: i,
+    swrvState: se
   };
 }
-const Ue = {
+const Ze = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-Hour Summary",
@@ -58,23 +59,36 @@ const Ue = {
     "30d": "Last 30-Day Summary"
   },
   edit: "Edit"
-}, Qe = {
+}, We = {
   timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
-}, Me = {
-  renderer: Ue,
-  queryDataProvider: Qe
+}, Ye = {
+  defaultFilename: "Chart Export",
+  exportAsCsv: "Export as CSV"
+}, Xe = "Open in Explorer", et = {
+  renderer: Ze,
+  queryDataProvider: We,
+  csvExport: Ye,
+  jumpToExplore: Xe
 };
-function Je() {
-  const e = Ce("en-us", Me);
+function tt() {
+  const e = Te("en-us", et);
   return {
     i18n: e,
-    i18nT: Te(e)
+    i18nT: Ae(e)
     // Translation component <i18n-t>
   };
 }
-const F = {
-  useI18n: Je
-}, L = 170, B = "analytics-query-provider", J = "{entity-id}", We = "{cp-id}", Ye = "{timeframe}", Ze = 30 * 1e3, G = /* @__PURE__ */ _({
+const B = 170, z = "analytics-query-provider", re = "{entity-id}", rt = "{cp-id}", nt = "{timeframe}", ot = 30 * 1e3;
+function at() {
+  const e = K(z);
+  return {
+    evaluateFeatureFlag: (t, n) => e ? e.evaluateFeatureFlagFn(t, n) : n
+  };
+}
+const I = {
+  useI18n: tt,
+  useEvaluateFeatureFlag: at
+}, J = /* @__PURE__ */ E({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -82,67 +96,69 @@ const F = {
     queryReady: { type: Boolean },
     refreshCounter: {}
   },
-  emits: ["queryComplete"],
-  setup(e, { emit: t }) {
-    const r = e, n = t, { i18n: o } = F.useI18n(), i = z(B), c = () => r.queryReady && i ? JSON.stringify([r.query, r.context, r.refreshCounter]) : null, s = new AbortController();
-    Y(() => {
-      s.abort();
+  emits: ["chart-data", "queryComplete"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, { i18n: i } = I.useI18n(), o = K(z), c = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, a = new AbortController();
+    oe(() => {
+      a.abort();
     });
-    const l = (u, h, b) => {
-      const q = [];
-      return h && q.push(...h), q.push(...Ae(u, b)), q;
-    }, { data: a, error: A, isValidating: x } = Se(c, async () => {
-      var u, h, b, q;
+    const u = (d, b, h) => {
+      const m = [];
+      return b && m.push(...b), m.push(...De(d, h)), m;
+    }, { data: f, error: x, isValidating: q } = xe(c, async () => {
+      var d, b, h, m;
       try {
         let {
-          datasource: d,
-          ...se
-        } = r.query;
-        d || (d = "basic");
-        const ce = l(d, r.query.filters, r.context.filters), le = {
-          datasource: d,
+          datasource: s,
+          ...S
+        } = t.query;
+        s || (s = "basic");
+        const k = u(s, t.query.filters, t.context.filters), G = {
+          datasource: s,
           query: {
-            ...se,
+            ...S,
             time_range: {
-              ...r.context.timeSpec,
-              tz: r.context.tz
+              ...t.context.timeSpec,
+              tz: t.context.tz
             },
-            filters: ce
+            filters: k
           }
         };
-        return i == null ? void 0 : i.queryFn(le, s);
-      } catch (d) {
-        k.value = ((h = (u = d == null ? void 0 : d.response) == null ? void 0 : u.data) == null ? void 0 : h.message) === "Range not allowed for this tier" ? o.t("queryDataProvider.timeRangeExceeded") : ((q = (b = d == null ? void 0 : d.response) == null ? void 0 : b.data) == null ? void 0 : q.message) || (d == null ? void 0 : d.message);
+        return o == null ? void 0 : o.queryFn(G, a);
+      } catch (s) {
+        T.value = ((b = (d = s == null ? void 0 : s.response) == null ? void 0 : d.data) == null ? void 0 : b.message) === "Range not allowed for this tier" ? i.t("queryDataProvider.timeRangeExceeded") : ((m = (h = s == null ? void 0 : s.response) == null ? void 0 : h.data) == null ? void 0 : m.message) || (s == null ? void 0 : s.message);
       } finally {
         n("queryComplete");
       }
     }, {
-      refreshInterval: r.context.refreshInterval,
+      refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: R, swrvState: D } = He(a, A, x), k = E(null), y = f(() => R.value === D.ERROR || !!k.value), S = f(() => !r.queryReady || [D.PENDING, D.VALIDATING, D.VALIDATING_HAS_DATA].includes(R.value));
-    return (u, h) => {
-      const b = O("KSkeleton"), q = O("KEmptyState");
-      return S.value || !m(a) && !y.value ? (p(), g(b, {
+    }), { state: y, swrvState: C } = Je(f, x, q), T = A(null), R = v(() => y.value === C.ERROR || !!T.value), P = v(() => !t.queryReady || [C.PENDING, C.VALIDATING, C.VALIDATING_HAS_DATA].includes(y.value));
+    return pe(f, (d) => {
+      d && n("chart-data", d);
+    }), (d, b) => {
+      const h = N("KSkeleton"), m = N("KEmptyState");
+      return P.value || !l(f) && !R.value ? (p(), g(h, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : y.value ? (p(), g(q, {
+      })) : R.value ? (p(), g(m, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
         "icon-variant": "error"
       }, {
-        default: v(() => [
-          j($(k.value), 1)
+        default: _(() => [
+          M(O(T.value), 1)
         ]),
         _: 1
-      })) : m(a) ? V(u.$slots, "default", {
+      })) : l(f) ? Q(d.$slots, "default", {
         key: 2,
-        data: m(a)
-      }) : Z("", !0);
+        data: l(f)
+      }) : w("", !0);
     };
   }
-}), Xe = { class: "analytics-chart" }, et = /* @__PURE__ */ _({
+}), it = { class: "analytics-chart" }, st = /* @__PURE__ */ E({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -153,34 +169,34 @@ const F = {
     refreshCounter: {}
   },
   setup(e) {
-    P((r) => ({
-      bc149350: `${r.height}px`
+    $((t) => ({
+      bc149350: `${t.height}px`
     }));
-    const t = e;
-    return (r, n) => (p(), g(G, {
-      context: r.context,
-      query: r.query,
-      "query-ready": r.queryReady,
-      "refresh-counter": r.refreshCounter
+    const r = e;
+    return (t, n) => (p(), g(J, {
+      context: t.context,
+      query: t.query,
+      "query-ready": t.queryReady,
+      "refresh-counter": t.refreshCounter
     }, {
-      default: v(({ data: o }) => [
-        X("div", Xe, [
-          T(m(ve), {
-            "chart-data": o,
-            "chart-options": t.chartOptions,
-            "synthetics-data-key": r.chartOptions.syntheticsDataKey
+      default: _(({ data: i }) => [
+        L("div", it, [
+          F(l(_e), {
+            "chart-data": i,
+            "chart-options": r.chartOptions,
+            "synthetics-data-key": t.chartOptions.syntheticsDataKey
           }, null, 8, ["chart-data", "chart-options", "synthetics-data-key"])
         ])
       ]),
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), I = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [n, o] of t)
-    r[n] = o;
-  return r;
-}, tt = /* @__PURE__ */ I(et, [["__scopeId", "data-v-e770c4a0"]]), rt = { class: "analytics-chart" }, ot = /* @__PURE__ */ _({
+}), j = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [n, i] of r)
+    t[n] = i;
+  return t;
+}, ct = /* @__PURE__ */ j(st, [["__scopeId", "data-v-e770c4a0"]]), lt = { class: "analytics-chart" }, ut = /* @__PURE__ */ E({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -191,56 +207,59 @@ const F = {
     refreshCounter: {},
     extraProps: {}
   },
-  emits: ["edit-tile"],
-  setup(e, { emit: t }) {
-    P((a) => ({
-      "38f70f43": `${a.height}px`
+  emits: ["edit-tile", "chart-data"],
+  setup(e, { emit: r }) {
+    $((y) => ({
+      b0a3e4ca: `${y.height}px`
     }));
-    const r = e, n = t, o = z(B), { i18n: i } = F.useI18n(), c = f(() => ({
-      type: r.chartOptions.type,
-      stacked: r.chartOptions.stacked ?? !1,
-      chartDatasetColors: r.chartOptions.chartDatasetColors
-    })), s = f(() => {
-      if (o && o.exploreBaseUrl) {
-        const a = {
-          filters: [...r.context.filters, ...r.query.filters ?? []],
-          metrics: r.query.metrics ?? [],
-          dimensions: r.query.dimensions ?? [],
-          time_range: r.query.time_range || r.context.timeSpec
-        }, A = ["advanced", "ai"].includes(r.query.datasource) ? r.query.datasource : "advanced";
-        return `${o.exploreBaseUrl()}?q=${JSON.stringify(a)}&d=${A}&c=${r.chartOptions.type}`;
+    const t = e, n = r, i = K(z), { i18n: o } = I.useI18n(), { evaluateFeatureFlag: c } = I.useEvaluateFeatureFlag(), a = c("ma-3043-analytics-chart-kebab-menu", !1), u = v(() => ({
+      type: t.chartOptions.type,
+      stacked: t.chartOptions.stacked ?? !1,
+      chartDatasetColors: t.chartOptions.chartDatasetColors
+    })), f = v(() => {
+      if (i && i.exploreBaseUrl) {
+        const y = {
+          filters: [...t.context.filters, ...t.query.filters ?? []],
+          metrics: t.query.metrics ?? [],
+          dimensions: t.query.dimensions ?? [],
+          time_range: t.query.time_range || t.context.timeSpec
+        }, C = ["advanced", "ai"].includes(t.query.datasource) ? t.query.datasource : "advanced";
+        return `${i.exploreBaseUrl()}?q=${JSON.stringify(y)}&d=${C}&c=${t.chartOptions.type}`;
       }
       return "";
-    }), l = () => {
+    }), x = () => {
       n("edit-tile");
+    }, q = (y) => {
+      n("chart-data", y);
     };
-    return (a, A) => {
-      const x = O("KDropdownItem");
-      return p(), g(G, {
-        context: a.context,
-        query: a.query,
-        "query-ready": a.queryReady,
-        "refresh-counter": a.refreshCounter
+    return (y, C) => {
+      const T = N("KDropdownItem");
+      return p(), g(J, {
+        context: y.context,
+        query: y.query,
+        "query-ready": y.queryReady,
+        "refresh-counter": y.refreshCounter,
+        onChartData: q
       }, {
-        default: v(({ data: R }) => [
-          X("div", rt, [
-            T(m(_e), ee({
-              "allow-csv-export": a.chartOptions.allowCsvExport,
+        default: _(({ data: R }) => [
+          L("div", lt, [
+            F(l(qe), ae({
+              "allow-csv-export": y.chartOptions.allowCsvExport,
               "chart-data": R,
-              "chart-options": c.value,
-              "chart-title": a.chartOptions.chartTitle,
-              "go-to-explore": s.value,
+              "chart-options": u.value,
+              "chart-title": !l(a) && y.chartOptions.chartTitle || "",
+              "go-to-explore": f.value,
               "legend-position": "bottom",
-              "show-menu": a.context.editable,
-              "synthetics-data-key": a.chartOptions.syntheticsDataKey,
+              "show-menu": y.context.editable,
+              "synthetics-data-key": y.chartOptions.syntheticsDataKey,
               "tooltip-title": ""
-            }, a.extraProps), te({ _: 2 }, [
-              a.context.editable ? {
+            }, y.extraProps), ie({ _: 2 }, [
+              y.context.editable ? {
                 name: "menu-items",
-                fn: v(() => [
-                  T(x, { onClick: l }, {
-                    default: v(() => [
-                      j($(m(i).t("renderer.edit")), 1)
+                fn: _(() => [
+                  F(T, { onClick: x }, {
+                    default: _(() => [
+                      M(O(l(o).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -254,7 +273,7 @@ const F = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), oe = /* @__PURE__ */ I(ot, [["__scopeId", "data-v-42e7ce7e"]]), W = /* @__PURE__ */ _({
+}), ce = /* @__PURE__ */ j(ut, [["__scopeId", "data-v-40cb614f"]]), ne = /* @__PURE__ */ E({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -265,17 +284,17 @@ const F = {
     refreshCounter: {}
   },
   setup(e) {
-    return (t, r) => (p(), g(oe, {
-      "chart-options": t.chartOptions,
-      context: t.context,
+    return (r, t) => (p(), g(ce, {
+      "chart-options": r.chartOptions,
+      context: r.context,
       "extra-props": { showAnnotations: !1 },
-      height: t.height,
-      query: t.query,
-      "query-ready": t.queryReady,
-      "refresh-counter": t.refreshCounter
+      height: r.height,
+      query: r.query,
+      "query-ready": r.queryReady,
+      "refresh-counter": r.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), nt = /* @__PURE__ */ _({
+}), dt = /* @__PURE__ */ E({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -286,16 +305,16 @@ const F = {
     refreshCounter: {}
   },
   setup(e) {
-    return (t, r) => (p(), g(oe, {
-      "chart-options": t.chartOptions,
-      context: t.context,
-      height: t.height,
-      query: t.query,
-      "query-ready": t.queryReady,
-      "refresh-counter": t.refreshCounter
+    return (r, t) => (p(), g(ce, {
+      "chart-options": r.chartOptions,
+      context: r.context,
+      height: r.height,
+      query: r.query,
+      "query-ready": r.queryReady,
+      "refresh-counter": r.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), it = { class: "metric-card-tile-wrapper" }, at = /* @__PURE__ */ _({
+}), pt = { class: "metric-card-tile-wrapper" }, yt = /* @__PURE__ */ E({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -306,55 +325,60 @@ const F = {
     refreshCounter: {}
   },
   setup(e) {
-    const t = e, r = f(() => {
-      const o = t.context.timeSpec;
-      if (o.type === "absolute")
-        return new Re({
+    $((c) => ({
+      "3e99e905": l(n) ? "90%" : "100%",
+      "345e89d8": l(n) ? "auto" : "100%",
+      "7fa58fd9": l(n) ? "100%" : "none"
+    }));
+    const r = e, { evaluateFeatureFlag: t } = I.useEvaluateFeatureFlag(), n = t("ma-3043-analytics-chart-kebab-menu", !1), i = v(() => {
+      const c = r.context.timeSpec;
+      if (c.type === "absolute")
+        return new Ie({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
-          startCustom: o.start,
-          endCustom: o.end,
-          timeframeLength: () => o.end.getTime() - o.start.getTime(),
+          startCustom: c.start,
+          endCustom: c.end,
+          timeframeLength: () => c.end.getTime() - c.start.getTime(),
           defaultResponseGranularity: "daily",
           dataGranularity: "daily",
           isRelative: !1,
           allowedTiers: ["free", "plus", "enterprise"]
         });
-      const i = De.get(o.time_range);
-      if (!i)
+      const a = Re.get(c.time_range);
+      if (!a)
         throw new Error("Unknown time range");
-      return i;
-    }), n = f(() => {
-      var i, c;
-      const o = (i = t.query) == null ? void 0 : i.datasource;
-      if (o && o !== "advanced" && o !== "basic")
-        throw new Error(`Invalid datasource value: ${o}`);
+      return a;
+    }), o = v(() => {
+      var a, u;
+      const c = (a = r.query) == null ? void 0 : a.datasource;
+      if (c && c !== "advanced" && c !== "basic")
+        throw new Error(`Invalid datasource value: ${c}`);
       return {
-        datasource: (c = t.query) == null ? void 0 : c.datasource,
-        overrideTimeframe: r.value,
-        tz: t.context.tz,
-        additionalFilter: t.context.filters,
+        datasource: (u = r.query) == null ? void 0 : u.datasource,
+        overrideTimeframe: i.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,
-        refreshCounter: t.refreshCounter
+        longCardTitles: r.chartOptions.longCardTitles,
+        ...!n && { containerTitle: r.chartOptions.chartTitle },
+        ...!n && { description: r.chartOptions.description },
+        percentileLatency: r.chartOptions.percentileLatency,
+        refreshInterval: r.context.refreshInterval,
+        queryReady: r.queryReady,
+        refreshCounter: r.refreshCounter
       };
     });
-    return (o, i) => (p(), C("div", it, [
-      T(m(Ve), pe(de(n.value)), {
-        default: v(() => [
-          T(m(Fe))
+    return (c, a) => (p(), D("div", pt, [
+      F(l(Me), ye(he(o.value)), {
+        default: _(() => [
+          F(l(Be))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), st = /* @__PURE__ */ I(at, [["__scopeId", "data-v-48bea474"]]), ne = "20px", ct = /* @__PURE__ */ _({
+}), ht = /* @__PURE__ */ j(yt, [["__scopeId", "data-v-84c4c1c8"]]), mt = "#6c7489", ft = "20px", gt = "6px", H = "20px", vt = /* @__PURE__ */ E({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -365,39 +389,39 @@ const F = {
     refreshCounter: {}
   },
   setup(e) {
-    const t = e, r = (n) => {
-      var o;
-      if ((o = t.chartOptions) != null && o.entityLink)
-        if (n.id.includes(":")) {
-          const [i, c] = n.id.split(":");
-          return t.chartOptions.entityLink.replace(We, i).replace(J, c);
+    const r = e, { evaluateFeatureFlag: t } = I.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, u] = o.id.split(":");
+          return r.chartOptions.entityLink.replace(rt, a).replace(re, u);
         } else
-          return t.chartOptions.entityLink.replace(J, n.id);
+          return r.chartOptions.entityLink.replace(re, o.id);
       return "";
     };
-    return (n, o) => (p(), g(G, {
-      context: n.context,
-      query: n.query,
-      "query-ready": n.queryReady,
-      "refresh-counter": n.refreshCounter
+    return (o, c) => (p(), g(J, {
+      context: o.context,
+      query: o.query,
+      "query-ready": o.queryReady,
+      "refresh-counter": o.refreshCounter
     }, {
-      default: v(({ data: i }) => [
-        T(m(be), {
-          data: i,
-          description: n.chartOptions.description,
-          "synthetics-data-key": n.chartOptions.syntheticsDataKey,
-          title: n.chartOptions.chartTitle || ""
-        }, te({ _: 2 }, [
-          t.chartOptions.entityLink ? {
+      default: _(({ data: a }) => [
+        F(l(Ce), {
+          data: a,
+          description: !l(n) && o.chartOptions.description || "",
+          "synthetics-data-key": o.chartOptions.syntheticsDataKey,
+          title: !l(n) && o.chartOptions.chartTitle || ""
+        }, ie({ _: 2 }, [
+          r.chartOptions.entityLink ? {
             name: "name",
-            fn: v(({ record: c }) => [
-              T(m(Be), {
+            fn: _(({ record: u }) => [
+              F(l(Ue), {
                 "entity-link-data": {
-                  id: c.id,
-                  label: c.name,
-                  deleted: c.deleted
+                  id: u.id,
+                  label: u.name,
+                  deleted: u.deleted
                 },
-                "external-link": r(c)
+                "external-link": i(u)
               }, null, 8, ["entity-link-data", "external-link"])
             ]),
             key: "0"
@@ -407,59 +431,153 @@ const F = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), lt = { class: "tile-boundary" }, ut = /* @__PURE__ */ _({
+}), bt = {
+  key: 0,
+  class: "tile-header"
+}, _t = { class: "title" }, qt = {
+  appearance: "none",
+  class: "kebab-action-menu",
+  "data-testid": "kebab-action-menu"
+}, Ct = ["href"], St = {
+  class: "chart-export-trigger",
+  "data-testid": "csv-export-button"
+}, Et = {
+  key: 1,
+  class: "header-description"
+}, xt = /* @__PURE__ */ E({
   __name: "DashboardTile",
   props: {
     definition: {},
     context: {},
-    height: { default: L },
+    height: { default: B },
     queryReady: { type: Boolean },
     refreshCounter: {}
   },
   emits: ["edit-tile"],
-  setup(e, { emit: t }) {
-    P((l) => ({
-      "1bafe566": `${l.height}px`
+  setup(e, { emit: r }) {
+    $((s) => ({
+      f269eb76: `${s.height}px`,
+      "1c28e871": q.value ? 1 : 0,
+      "1c525d74": q.value ? "visible" : "hidden"
     }));
-    const r = parseInt(ne, 10), n = e, o = t, i = {
-      timeseries_line: nt,
-      horizontal_bar: W,
-      vertical_bar: W,
-      gauge: tt,
-      golden_signals: st,
-      top_n: ct,
+    const t = parseInt(H, 10), n = e, i = r, o = K(z), { evaluateFeatureFlag: c } = I.useEvaluateFeatureFlag(), { i18n: a } = I.useI18n(), u = c("ma-3043-analytics-chart-kebab-menu", !1), f = A(), x = A(!1), q = 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
+        }, S = ["advanced", "ai"].includes(n.definition.query.datasource) ? n.definition.query.datasource : "advanced";
+        return `${o.exploreBaseUrl()}?q=${JSON.stringify(s)}&d=${S}&c=${n.definition.chart.type}`;
+      }
+      return "";
+    }), C = v(() => a.t("csvExport.defaultFilename")), T = v(() => u && !["golden_signals", "top_n", "gauge"].includes(n.definition.chart.type)), R = {
+      timeseries_line: dt,
+      horizontal_bar: ne,
+      vertical_bar: ne,
+      gauge: ct,
+      golden_signals: ht,
+      top_n: vt,
       slottable: void 0
-    }, c = f(() => {
-      const l = i[n.definition.chart.type];
-      return l && {
-        component: l,
+    }, P = v(() => {
+      const s = R[n.definition.chart.type];
+      return s && {
+        component: s,
         rendererProps: {
           query: n.definition.query,
           context: n.context,
           queryReady: n.queryReady,
           chartOptions: n.definition.chart,
-          height: n.height - r * 2,
+          height: n.height - t * 2,
           refreshCounter: n.refreshCounter
         }
       };
-    }), s = () => {
-      o("edit-tile", n.definition);
+    }), d = () => {
+      i("edit-tile", n.definition);
+    }, b = (s) => {
+      f.value = s;
+    }, h = (s) => {
+      x.value = s;
+    }, m = () => {
+      h(!0);
+    };
+    return (s, S) => {
+      const k = N("KDropdownItem"), G = N("KDropdown");
+      return p(), D("div", {
+        class: "tile-boundary",
+        onMouseenter: S[1] || (S[1] = (ee) => q.value = !0),
+        onMouseleave: S[2] || (S[2] = (ee) => q.value = !1)
+      }, [
+        l(u) && s.definition.chart.type !== "slottable" ? (p(), D("div", bt, [
+          L("div", _t, O(s.definition.chart.chartTitle), 1),
+          T.value ? (p(), g(G, {
+            key: 0,
+            class: "dropdown",
+            "data-testid": "chart-action-menu"
+          }, {
+            items: _(() => [
+              y.value ? (p(), g(k, {
+                key: 0,
+                "data-testid": "chart-jump-to-explore"
+              }, {
+                default: _(() => [
+                  L("a", { href: y.value }, O(l(a).t("jumpToExplore")), 9, Ct)
+                ]),
+                _: 1
+              })) : w("", !0),
+              "allowCsvExport" in s.definition.chart && s.definition.chart.allowCsvExport ? (p(), g(k, {
+                key: 1,
+                class: "chart-export-button",
+                "data-testid": "chart-csv-export",
+                onClick: S[0] || (S[0] = (ee) => m())
+              }, {
+                default: _(() => [
+                  L("span", St, O(l(a).t("csvExport.exportAsCsv")), 1)
+                ]),
+                _: 1
+              })) : w("", !0),
+              s.context.editable ? (p(), g(k, {
+                key: 2,
+                onClick: d
+              }, {
+                default: _(() => [
+                  M(O(l(a).t("renderer.edit")), 1)
+                ]),
+                _: 1
+              })) : w("", !0)
+            ]),
+            default: _(() => [
+              L("button", qt, [
+                F(l(Ge), {
+                  color: l(mt),
+                  size: l(ft)
+                }, null, 8, ["color", "size"])
+              ])
+            ]),
+            _: 1
+          })) : "description" in s.definition.chart ? (p(), D("div", Et, O(s.definition.chart.description), 1)) : w("", !0),
+          x.value ? (p(), g(l(Se), {
+            key: 2,
+            "chart-data": f.value,
+            filename: C.value,
+            onToggleModal: h
+          }, null, 8, ["chart-data", "filename"])) : w("", !0)
+        ])) : w("", !0),
+        P.value ? (p(), g(me(P.value.component), ae({ key: 1 }, P.value.rendererProps, { onChartData: b }), null, 16)) : w("", !0)
+      ], 32);
     };
-    return (l, a) => (p(), C("div", lt, [
-      c.value ? (p(), g(ye(c.value.component), ee({ key: 0 }, c.value.rendererProps, { onEditTile: s }), null, 16)) : Z("", !0)
-    ]));
   }
-}), pt = /* @__PURE__ */ I(ut, [["__scopeId", "data-v-c13de16a"]]), dt = (e, t, r) => {
+}), Tt = /* @__PURE__ */ j(xt, [["__scopeId", "data-v-3c97797e"]]), At = (e, r, t) => {
   const n = /* @__PURE__ */ new Map();
-  r.forEach((i) => {
-    const c = i.layout.position.row, s = n.get(c), l = i.layout.size.rows === 1 && !!i.layout.size.fitToContent;
-    s === void 0 ? n.set(c, l) : n.set(c, s && l);
+  t.forEach((o) => {
+    const c = o.layout.position.row, a = n.get(c), u = o.layout.size.rows === 1 && !!o.layout.size.fitToContent;
+    a === void 0 ? n.set(c, u) : n.set(c, a && u);
   });
-  const o = [];
-  for (let i = 0; i < e; i++)
-    n.get(i) ? o.push("auto") : o.push(`${t}px`);
-  return o;
-}, yt = /* @__PURE__ */ _({
+  const i = [];
+  for (let o = 0; o < e; o++)
+    n.get(o) ? i.push("auto") : i.push(`${r}px`);
+  return i;
+}, Dt = /* @__PURE__ */ E({
   __name: "GridLayout",
   props: {
     gridSize: {
@@ -469,7 +587,7 @@ const F = {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => L
+      default: () => B
     },
     tiles: {
       type: Array,
@@ -477,141 +595,144 @@ const F = {
     }
   },
   setup(e) {
-    P((s) => ({
+    $((a) => ({
       "3bc5e939": e.gridSize.cols,
-      "77aa3028": i.value
+      "77aa3028": o.value
     }));
-    const t = e, r = E(null), n = E(0), o = new ResizeObserver((s) => {
+    const r = e, t = A(null), n = A(0), i = new ResizeObserver((a) => {
       window.requestAnimationFrame(() => {
-        !Array.isArray(s) || !s.length || (n.value = s[0].contentRect.width);
+        !Array.isArray(a) || !a.length || (n.value = a[0].contentRect.width);
       });
     });
-    he(() => {
-      r.value && o.observe(r.value);
-    }), Y(() => {
-      r.value && o.unobserve(r.value);
+    fe(() => {
+      t.value && i.observe(t.value);
+    }), oe(() => {
+      t.value && i.unobserve(t.value);
     });
-    const i = f(() => {
-      var l;
-      return dt((l = t.gridSize) == null ? void 0 : l.rows, t.tileHeight, t.tiles).join(" ");
-    }), c = f(() => t.tiles.map((s, l) => ({
-      key: `tile-${l}`,
-      tile: s,
+    const o = v(() => {
+      var u;
+      return At((u = r.gridSize) == null ? void 0 : u.rows, r.tileHeight, r.tiles).join(" ");
+    }), c = v(() => r.tiles.map((a, u) => ({
+      key: `tile-${u}`,
+      tile: a,
       style: {
-        "grid-column-start": s.layout.position.col + 1,
-        "grid-column-end": s.layout.position.col + 1 + s.layout.size.cols,
-        "grid-row-start": s.layout.position.row + 1,
-        "grid-row-end": s.layout.position.row + 1 + s.layout.size.rows
+        "grid-column-start": a.layout.position.col + 1,
+        "grid-column-end": a.layout.position.col + 1 + a.layout.size.cols,
+        "grid-row-start": a.layout.position.row + 1,
+        "grid-row-end": a.layout.position.row + 1 + a.layout.size.rows
       }
     })));
-    return (s, l) => (p(), C("div", {
+    return (a, u) => (p(), D("div", {
       ref_key: "gridContainer",
-      ref: r,
+      ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (p(!0), C(me, null, fe(c.value, (a) => (p(), C("div", {
-        key: a.key,
-        class: ge(["grid-cell", {
-          "empty-cell": !a.tile
+      (p(!0), D(ge, null, ve(c.value, (f) => (p(), D("div", {
+        key: f.key,
+        class: be(["grid-cell", {
+          "empty-cell": !f.tile
         }]),
-        style: M(a.style)
+        style: te(f.style)
       }, [
-        V(s.$slots, "tile", {
-          style: M(a.style),
-          tile: a.tile
+        Q(a.$slots, "tile", {
+          style: te(f.style),
+          tile: f.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), ht = /* @__PURE__ */ I(yt, [["__scopeId", "data-v-f43eb7b8"]]), mt = { class: "kong-ui-public-dashboard-renderer" }, ft = {
+}), It = /* @__PURE__ */ j(Dt, [["__scopeId", "data-v-f43eb7b8"]]), Rt = { class: "kong-ui-public-dashboard-renderer" }, kt = {
   key: 0,
   class: "tile-container"
-}, gt = /* @__PURE__ */ _({
+}, wt = /* @__PURE__ */ E({
   __name: "DashboardRenderer",
   props: {
     context: {},
     config: {}
   },
   emits: ["edit-tile"],
-  setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, { i18n: i } = F.useI18n(), c = E(0), s = z(B);
-    s || (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 = Ge(), a = f(() => n.context.timeSpec ? n.context.timeSpec : {
+  setup(e, { expose: r, emit: t }) {
+    $((d) => ({
+      "468bc584": l(f) ? l(gt) : l(H)
+    }));
+    const n = e, i = t, { i18n: o } = I.useI18n(), c = A(0), a = K(z);
+    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 { evaluateFeatureFlag: u } = I.useEvaluateFeatureFlag(), f = u("ma-3043-analytics-chart-kebab-menu", !1), x = He(), q = v(() => n.context.timeSpec ? n.context.timeSpec : {
       type: "relative",
-      time_range: l.defaultQueryTimeForOrg
-    }), A = f(() => !!n.context.timeSpec || !l.loading), x = f(() => n.config.tiles.map((y, S) => {
-      var h;
-      let u = y.definition;
-      if ("description" in u.chart) {
-        const b = (h = u.chart.description) == null ? void 0 : h.replace(Ye, () => {
-          const d = `renderer.trendRange.${a.value.type === "absolute" ? "custom" : a.value.time_range}`;
-          return i.te(d) ? i.t(d) : "";
+      time_range: x.defaultQueryTimeForOrg
+    }), y = v(() => !!n.context.timeSpec || !x.loading), C = v(() => n.config.tiles.map((d, b) => {
+      var m;
+      let h = d.definition;
+      if ("description" in h.chart) {
+        const s = (m = h.chart.description) == null ? void 0 : m.replace(nt, () => {
+          const k = `renderer.trendRange.${q.value.type === "absolute" ? "custom" : q.value.time_range}`;
+          return o.te(k) ? o.t(k) : "";
         });
-        u = {
-          ...u,
+        h = {
+          ...h,
           chart: {
-            ...u.chart,
-            description: b
+            ...h.chart,
+            description: s
           }
         };
       }
       return {
-        layout: y.layout,
-        meta: u,
+        layout: d.layout,
+        meta: h,
         // Add a unique key to each tile internally.
-        id: S
+        id: b
       };
-    })), R = f(() => {
-      let { tz: y, refreshInterval: S, editable: u } = n.context;
-      return y || (y = new Intl.DateTimeFormat().resolvedOptions().timeZone), S === void 0 && (S = Ze), u === void 0 && (u = !1), {
+    })), T = v(() => {
+      let { tz: d, refreshInterval: b, editable: h } = n.context;
+      return d || (d = new Intl.DateTimeFormat().resolvedOptions().timeZone), b === void 0 && (b = ot), h === void 0 && (h = !1), {
         ...n.context,
-        tz: y,
-        timeSpec: a.value,
-        refreshInterval: S,
-        editable: u
+        tz: d,
+        timeSpec: q.value,
+        refreshInterval: b,
+        editable: h
       };
-    }), D = (y) => {
-      o("edit-tile", y);
+    }), R = (d) => {
+      i("edit-tile", d);
     };
-    return t({ refresh: () => {
+    return r({ refresh: () => {
       c.value++;
-    } }), (y, S) => {
-      const u = O("KAlert");
-      return p(), C("div", mt, [
-        m(s) ? (p(), g(ht, {
+    } }), (d, b) => {
+      const h = N("KAlert");
+      return p(), D("div", Rt, [
+        l(a) ? (p(), g(It, {
           key: 1,
-          "grid-size": y.config.gridSize,
-          "tile-height": y.config.tileHeight,
-          tiles: x.value
+          "grid-size": d.config.gridSize,
+          "tile-height": d.config.tileHeight,
+          tiles: C.value
         }, {
-          tile: v(({ tile: h }) => [
-            h.meta.chart.type === "slottable" ? (p(), C("div", ft, [
-              V(y.$slots, h.meta.chart.id, {}, void 0, !0)
-            ])) : (p(), g(pt, {
+          tile: _(({ tile: m }) => [
+            m.meta.chart.type === "slottable" ? (p(), D("div", kt, [
+              Q(d.$slots, m.meta.chart.id, {}, void 0, !0)
+            ])) : (p(), g(Tt, {
               key: 1,
               class: "tile-container",
-              context: R.value,
-              definition: h.meta,
-              height: h.layout.size.rows * (y.config.tileHeight || m(L)) + parseInt(m(ne), 10),
-              "query-ready": A.value,
+              context: T.value,
+              definition: m.meta,
+              height: m.layout.size.rows * (d.config.tileHeight || l(B)) + parseInt(l(H), 10),
+              "query-ready": y.value,
               "refresh-counter": c.value,
-              onEditTile: (b) => D(h)
+              onEditTile: (s) => R(m)
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "onEditTile"]))
           ]),
           _: 3
-        }, 8, ["grid-size", "tile-height", "tiles"])) : (p(), g(u, {
+        }, 8, ["grid-size", "tile-height", "tiles"])) : (p(), g(h, {
           key: 0,
           appearance: "danger"
         }, {
-          default: v(() => [
-            j($(m(i).t("renderer.noQueryBridge")), 1)
+          default: _(() => [
+            M(O(l(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))
       ]);
     };
   }
-}), Bt = /* @__PURE__ */ I(gt, [["__scopeId", "data-v-26130807"]]), Gt = [
+}), or = /* @__PURE__ */ j(wt, [["__scopeId", "data-v-05d469f6"]]), ar = [
   "horizontal_bar",
   "vertical_bar",
   "gauge",
@@ -619,13 +740,13 @@ const F = {
   "golden_signals",
   "top_n",
   "slottable"
-], N = {
+], U = {
   type: "string"
-}, w = {
+}, V = {
   type: "string"
-}, ie = {
+}, le = {
   type: "boolean"
-}, ae = {
+}, ue = {
   type: ["object", "array"],
   items: {
     type: "string"
@@ -633,7 +754,7 @@ const F = {
   additionalProperties: {
     type: "string"
   }
-}, vt = {
+}, Ot = {
   type: "object",
   properties: {
     type: {
@@ -646,7 +767,7 @@ const F = {
   },
   required: ["type", "id"],
   additionalProperties: !1
-}, _t = {
+}, Ft = {
   type: "object",
   properties: {
     type: {
@@ -656,14 +777,14 @@ const F = {
     stacked: {
       type: "boolean"
     },
-    chartDatasetColors: ae,
-    syntheticsDataKey: N,
-    chartTitle: w,
-    allowCsvExport: ie
+    chartDatasetColors: ue,
+    syntheticsDataKey: U,
+    chartTitle: V,
+    allowCsvExport: le
   },
   required: ["type"],
   additionalProperties: !1
-}, bt = {
+}, Pt = {
   type: "object",
   properties: {
     type: {
@@ -673,14 +794,14 @@ const F = {
     stacked: {
       type: "boolean"
     },
-    chartDatasetColors: ae,
-    syntheticsDataKey: N,
-    chartTitle: w,
-    allowCsvExport: ie
+    chartDatasetColors: ue,
+    syntheticsDataKey: U,
+    chartTitle: V,
+    allowCsvExport: le
   },
   required: ["type"],
   additionalProperties: !1
-}, qt = {
+}, Lt = {
   type: "object",
   properties: {
     type: {
@@ -689,7 +810,7 @@ const F = {
     },
     metricDisplay: {
       type: "string",
-      enum: Object.values(qe)
+      enum: Object.values(Ee)
     },
     reverseDataset: {
       type: "boolean"
@@ -697,16 +818,16 @@ const F = {
     numerator: {
       type: "number"
     },
-    syntheticsDataKey: N,
-    chartTitle: w
+    syntheticsDataKey: U,
+    chartTitle: V
   },
   required: ["type"],
   additionalProperties: !1
-}, St = {
+}, Nt = {
   type: "object",
   properties: {
-    chartTitle: w,
-    syntheticsDataKey: N,
+    chartTitle: V,
+    syntheticsDataKey: U,
     type: {
       type: "string",
       enum: ["top_n"]
@@ -720,10 +841,10 @@ const F = {
   },
   required: ["type"],
   additionalProperties: !1
-}, Ct = {
+}, $t = {
   type: "object",
   properties: {
-    chartTitle: w,
+    chartTitle: V,
     type: {
       type: "string",
       enum: ["golden_signals"]
@@ -740,7 +861,7 @@ const F = {
   },
   required: ["type"],
   additionalProperties: !1
-}, Tt = {
+}, jt = {
   type: "object",
   properties: {
     tz: {
@@ -755,7 +876,7 @@ const F = {
     },
     time_range: {
       type: "string",
-      enum: $e,
+      enum: Ve,
       default: "1h"
     }
   },
@@ -764,7 +885,7 @@ const F = {
     "time_range"
   ],
   additionalProperties: !1
-}, At = {
+}, Kt = {
   type: "object",
   description: "A duration representing an exact start and end time.",
   properties: {
@@ -790,18 +911,18 @@ const F = {
     "end"
   ],
   additionalProperties: !1
-}, K = {
+}, Z = {
   granularity: {
     type: "string",
     description: 'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',
-    enum: Ee
+    enum: ke
   },
   time_range: {
     type: "object",
     description: "The time range to query.",
     anyOf: [
-      Tt,
-      At
+      jt,
+      Kt
     ],
     default: {
       type: "relative",
@@ -814,14 +935,14 @@ const F = {
   meta: {
     type: "object"
   }
-}, H = (e) => ({
+}, W = (e) => ({
   type: "array",
   description: "List of aggregated metrics to collect across the requested time span.",
   items: {
     type: "string",
     enum: e
   }
-}), U = (e) => ({
+}), Y = (e) => ({
   type: "array",
   description: "List of attributes or entity types to group by.",
   minItems: 0,
@@ -830,7 +951,7 @@ const F = {
     type: "string",
     enum: e
   }
-}), Q = (e) => ({
+}), X = (e) => ({
   type: "array",
   description: "A list of filters to apply to the query.",
   items: {
@@ -843,7 +964,7 @@ const F = {
       },
       type: {
         type: "string",
-        enum: Ie
+        enum: we
       },
       values: {
         type: "array",
@@ -859,7 +980,7 @@ const F = {
     ],
     additionalProperties: !1
   }
-}), Rt = {
+}), zt = {
   type: "object",
   description: "A query to launch at the advanced explore API",
   properties: {
@@ -869,14 +990,14 @@ const F = {
         "advanced"
       ]
     },
-    metrics: H(xe),
-    dimensions: U(we),
-    filters: Q(ke),
-    ...K
+    metrics: W(Oe),
+    dimensions: Y(Fe),
+    filters: X(Pe),
+    ...Z
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Dt = {
+}, Vt = {
   type: "object",
   description: "A query to launch at the basic explore API",
   properties: {
@@ -886,14 +1007,14 @@ const F = {
         "basic"
       ]
     },
-    metrics: H(Oe),
-    dimensions: U(Pe),
-    filters: Q(Le),
-    ...K
+    metrics: W(Le),
+    dimensions: Y(Ne),
+    filters: X($e),
+    ...Z
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Et = {
+}, Mt = {
   type: "object",
   description: "A query to launch at the AI explore API",
   properties: {
@@ -903,26 +1024,26 @@ const F = {
         "ai"
       ]
     },
-    metrics: H(Ne),
-    dimensions: U(ze),
-    filters: Q(je),
-    ...K
+    metrics: W(je),
+    dimensions: Y(Ke),
+    filters: X(ze),
+    ...Z
   },
   required: ["datasource"],
   additionalProperties: !1
-}, It = {
-  anyOf: [Rt, Dt, Et]
-}, xt = {
+}, Bt = {
+  anyOf: [zt, Vt, Mt]
+}, Ut = {
   type: "object",
   properties: {
-    query: It,
+    query: Bt,
     chart: {
-      anyOf: [_t, qt, bt, Ct, St, vt]
+      anyOf: [Ft, Lt, Pt, $t, Nt, Ot]
     }
   },
   required: ["query", "chart"],
   additionalProperties: !1
-}, wt = {
+}, Gt = {
   type: "object",
   properties: {
     position: {
@@ -959,24 +1080,24 @@ const F = {
   },
   required: ["position", "size"],
   additionalProperties: !1
-}, kt = {
+}, Ht = {
   type: "object",
   properties: {
-    definition: xt,
-    layout: wt
+    definition: Ut,
+    layout: Gt
   },
   required: ["definition", "layout"],
   additionalProperties: !1
-}, Kt = {
+}, ir = {
   type: "object",
   properties: {
     tiles: {
       type: "array",
-      items: kt
+      items: Ht
     },
     tileHeight: {
       type: "number",
-      description: `Height of each tile in pixels. Default: ${L}`
+      description: `Height of each tile in pixels. Default: ${B}`
     },
     gridSize: {
       type: "object",
@@ -997,27 +1118,27 @@ const F = {
   additionalProperties: !1
 };
 export {
-  We as CP_ID_TOKEN,
-  L as DEFAULT_TILE_HEIGHT,
-  Ze as DEFAULT_TILE_REFRESH_INTERVAL_MS,
-  Bt as DashboardRenderer,
-  J as ENTITY_ID_TOKEN,
-  ht as GridLayout,
-  B as INJECT_QUERY_PROVIDER,
-  Ye as TIMEFRAME_TOKEN,
-  Et as aiQuerySchema,
-  _t as barChartSchema,
-  Dt as basicQuerySchema,
-  Kt as dashboardConfigSchema,
-  Gt as dashboardTileTypes,
-  Rt as exploreV4QuerySchema,
-  qt as gaugeChartSchema,
-  Ct as metricCardSchema,
-  vt as slottableSchema,
-  kt as tileConfigSchema,
-  xt as tileDefinitionSchema,
-  wt as tileLayoutSchema,
-  bt as timeseriesChartSchema,
-  St as topNTableSchema,
-  It as validDashboardQuery
+  rt as CP_ID_TOKEN,
+  B as DEFAULT_TILE_HEIGHT,
+  ot as DEFAULT_TILE_REFRESH_INTERVAL_MS,
+  or as DashboardRenderer,
+  re as ENTITY_ID_TOKEN,
+  It as GridLayout,
+  z as INJECT_QUERY_PROVIDER,
+  nt as TIMEFRAME_TOKEN,
+  Mt as aiQuerySchema,
+  Ft as barChartSchema,
+  Vt as basicQuerySchema,
+  ir as dashboardConfigSchema,
+  ar as dashboardTileTypes,
+  zt as exploreV4QuerySchema,
+  Lt as gaugeChartSchema,
+  $t as metricCardSchema,
+  Ot as slottableSchema,
+  Ht as tileConfigSchema,
+  Ut as tileDefinitionSchema,
+  Gt as tileLayoutSchema,
+  Pt as timeseriesChartSchema,
+  Nt as topNTableSchema,
+  Bt as validDashboardQuery
 };