@rebasepro/plugin-insights 0.0.1-canary.09e5ec5

package/dist/index.es.js

@@ -0,0 +1,945 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import React, { createContext, useContext, useState, useEffect, useRef } from "react";
+import { useAuthController, getIcon } from "@rebasepro/core";
+import { cls, defaultBorderMixin } from "@rebasepro/ui";
+class InsightsCache {
+  constructor(ttl = 6e4) {
+    this.ttl = ttl;
+  }
+  cache = /* @__PURE__ */ new Map();
+  inflight = /* @__PURE__ */ new Map();
+  get(key) {
+    const entry = this.cache.get(key);
+    if (!entry) return null;
+    if (Date.now() - entry.timestamp > this.ttl) {
+      this.cache.delete(key);
+      return null;
+    }
+    return entry.data;
+  }
+  set(key, data) {
+    this.cache.set(key, {
+      data,
+      timestamp: Date.now()
+    });
+    this.inflight.delete(key);
+  }
+  getInflight(key) {
+    return this.inflight.get(key) ?? null;
+  }
+  setInflight(key, promise) {
+    this.inflight.set(key, promise);
+  }
+  invalidate(key) {
+    if (key) {
+      this.cache.delete(key);
+      this.inflight.delete(key);
+    } else {
+      this.cache.clear();
+      this.inflight.clear();
+    }
+  }
+}
+const InsightsContext = createContext(null);
+function InsightsProvider(t0) {
+  const $ = c(7);
+  const {
+    cacheTTL,
+    children
+  } = t0;
+  let t1;
+  let t2;
+  if ($[0] !== cacheTTL) {
+    t2 = new InsightsCache(cacheTTL);
+    $[0] = cacheTTL;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  t1 = t2;
+  const cache = t1;
+  let t3;
+  let t4;
+  if ($[2] !== cache) {
+    t4 = {
+      cache
+    };
+    $[2] = cache;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  t3 = t4;
+  const value = t3;
+  let t5;
+  if ($[4] !== children || $[5] !== value) {
+    t5 = /* @__PURE__ */ jsx(InsightsContext.Provider, { value, children });
+    $[4] = children;
+    $[5] = value;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
+}
+function useInsightsEngine() {
+  return useContext(InsightsContext);
+}
+function useInsightsData(definition, collectionSlug) {
+  const $ = c(16);
+  const engine = useInsightsEngine();
+  const cache = engine?.cache ?? null;
+  const {
+    initialLoading,
+    authLoading,
+    user,
+    loginSkipped
+  } = useAuthController();
+  const authReady = !initialLoading && !authLoading && (Boolean(user) || loginSkipped);
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const cacheKey = `${definition.id}:${collectionSlug ?? "global"}`;
+  let t0;
+  if ($[0] !== authReady || $[1] !== cache || $[2] !== cacheKey || $[3] !== definition) {
+    t0 = () => {
+      if (!authReady || !cache) {
+        return;
+      }
+      let cancelled;
+      cancelled = false;
+      const cached = cache.get(cacheKey);
+      if (cached) {
+        setData(cached);
+        setLoading(false);
+        return;
+      }
+      const inflight = cache.getInflight(cacheKey);
+      if (inflight) {
+        setLoading(true);
+        inflight.then((result) => {
+          if (!cancelled) {
+            setData(result);
+          }
+        }).catch((err) => {
+          if (!cancelled) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+          }
+        }).finally(() => {
+          if (!cancelled) {
+            setLoading(false);
+          }
+        });
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      const promise = definition.data();
+      cache.setInflight(cacheKey, promise);
+      promise.then((result_0) => {
+        cache.set(cacheKey, result_0);
+        if (!cancelled) {
+          setData(result_0);
+        }
+      }).catch((err_0) => {
+        if (!cancelled) {
+          setError(err_0 instanceof Error ? err_0 : new Error(String(err_0)));
+        }
+      }).finally(() => {
+        if (!cancelled) {
+          setLoading(false);
+        }
+      });
+      return () => {
+        cancelled = true;
+      };
+    };
+    $[0] = authReady;
+    $[1] = cache;
+    $[2] = cacheKey;
+    $[3] = definition;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  let t1;
+  if ($[5] !== authReady || $[6] !== cache || $[7] !== cacheKey || $[8] !== collectionSlug || $[9] !== definition.data || $[10] !== definition.id) {
+    t1 = [definition.id, definition.data, collectionSlug, cacheKey, cache, authReady];
+    $[5] = authReady;
+    $[6] = cache;
+    $[7] = cacheKey;
+    $[8] = collectionSlug;
+    $[9] = definition.data;
+    $[10] = definition.id;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[12] !== data || $[13] !== error || $[14] !== loading) {
+    t2 = {
+      data,
+      loading,
+      error
+    };
+    $[12] = data;
+    $[13] = error;
+    $[14] = loading;
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  return t2;
+}
+function formatNumber(value, format) {
+  if (value === null || value === void 0) return "N/A";
+  const options = {
+    style: format?.style ?? "decimal",
+    notation: format?.notation ?? "standard",
+    maximumFractionDigits: format?.decimals ?? 1,
+    minimumFractionDigits: format?.decimals ?? 1
+  };
+  if (format?.style === "currency") {
+    options.currency = format.currency ?? "USD";
+  }
+  let formatted = new Intl.NumberFormat("en-US", options).format(value);
+  if (format?.showSign && value > 0) {
+    formatted = "+" + formatted;
+  }
+  return formatted;
+}
+function InsightsScorecardView(t0) {
+  const $ = c(58);
+  const {
+    config,
+    data,
+    title,
+    compact: t1,
+    embedded: t2
+  } = t0;
+  const compact = t1 === void 0 ? false : t1;
+  const embedded = t2 === void 0 ? false : t2;
+  const containerRef = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(null);
+  let t3;
+  let t4;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      if (!containerRef.current) {
+        return;
+      }
+      setContainerWidth(containerRef.current.offsetWidth);
+      const observer = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          setContainerWidth(entry.contentRect.width);
+        }
+      });
+      observer.observe(containerRef.current);
+      return () => observer.disconnect();
+    };
+    t4 = [];
+    $[0] = t3;
+    $[1] = t4;
+  } else {
+    t3 = $[0];
+    t4 = $[1];
+  }
+  React.useLayoutEffect(t3, t4);
+  const mainValue = data[config.value.field];
+  let t5;
+  if ($[2] !== config.value.format || $[3] !== mainValue) {
+    t5 = typeof mainValue === "number" ? formatNumber(mainValue, config.value.format) : String(mainValue ?? "N/A");
+    $[2] = config.value.format;
+    $[3] = mainValue;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const formattedValue = t5;
+  let comparisonElement = null;
+  if (config.comparison) {
+    const comparisonValue = data[config.comparison.field];
+    if (typeof comparisonValue === "number") {
+      let t62;
+      if ($[5] !== comparisonValue || $[6] !== config.comparison.format) {
+        t62 = formatNumber(comparisonValue, config.comparison.format);
+        $[5] = comparisonValue;
+        $[6] = config.comparison.format;
+        $[7] = t62;
+      } else {
+        t62 = $[7];
+      }
+      const formattedComparison = t62;
+      const isPositive = comparisonValue > 0;
+      const isNegative = comparisonValue < 0;
+      let colorClass = "text-surface-500 dark:text-surface-400";
+      if (config.comparison.intent === "increase_is_good") {
+        if (isPositive) {
+          colorClass = "text-emerald-500";
+        }
+        if (isNegative) {
+          colorClass = "text-red-500";
+        }
+      } else {
+        if (config.comparison.intent === "decrease_is_good") {
+          if (isPositive) {
+            colorClass = "text-red-500";
+          }
+          if (isNegative) {
+            colorClass = "text-emerald-500";
+          }
+        }
+      }
+      const t72 = `font-medium ${compact ? "text-[10px]" : "text-xs"} ${colorClass}`;
+      let t82;
+      if ($[8] !== formattedComparison || $[9] !== t72) {
+        t82 = /* @__PURE__ */ jsx("span", { className: t72, children: formattedComparison });
+        $[8] = formattedComparison;
+        $[9] = t72;
+        $[10] = t82;
+      } else {
+        t82 = $[10];
+      }
+      comparisonElement = t82;
+    }
+  }
+  const isSmall = compact || containerWidth !== null && containerWidth < 200;
+  let t6;
+  if ($[11] !== config.icon || $[12] !== isSmall) {
+    t6 = config.icon ? getIcon(config.icon, "text-surface-400 dark:text-surface-500", void 0, isSmall ? 14 : 18) : null;
+    $[11] = config.icon;
+    $[12] = isSmall;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const iconElement = t6;
+  if (compact) {
+    let t72;
+    if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t72 = cls("flex flex-col gap-0.5 px-2.5 py-2 rounded-md bg-transparent border min-w-0", defaultBorderMixin);
+      $[14] = t72;
+    } else {
+      t72 = $[14];
+    }
+    let t82;
+    if ($[15] !== title) {
+      t82 = /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider text-surface-400 dark:text-surface-500 truncate", children: title });
+      $[15] = title;
+      $[16] = t82;
+    } else {
+      t82 = $[16];
+    }
+    let t92;
+    if ($[17] !== formattedValue) {
+      t92 = /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums text-surface-800 dark:text-surface-100", children: formattedValue });
+      $[17] = formattedValue;
+      $[18] = t92;
+    } else {
+      t92 = $[18];
+    }
+    let t102;
+    if ($[19] !== comparisonElement || $[20] !== t92) {
+      t102 = /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+        t92,
+        comparisonElement
+      ] });
+      $[19] = comparisonElement;
+      $[20] = t92;
+      $[21] = t102;
+    } else {
+      t102 = $[21];
+    }
+    let t112;
+    if ($[22] !== t102 || $[23] !== t82) {
+      t112 = /* @__PURE__ */ jsxs("div", { className: t72, children: [
+        t82,
+        t102
+      ] });
+      $[22] = t102;
+      $[23] = t82;
+      $[24] = t112;
+    } else {
+      t112 = $[24];
+    }
+    return t112;
+  }
+  let t7;
+  if ($[25] !== embedded || $[26] !== isSmall) {
+    t7 = embedded ? `flex flex-col min-w-0 h-full ${isSmall ? "px-3.5 py-3" : "px-5 py-4"}` : cls("rounded-lg flex flex-col min-w-0 bg-transparent border", defaultBorderMixin, isSmall ? "px-3.5 py-3" : "px-5 py-4");
+    $[25] = embedded;
+    $[26] = isSmall;
+    $[27] = t7;
+  } else {
+    t7 = $[27];
+  }
+  const baseClass = t7;
+  let t8;
+  if ($[28] !== embedded || $[29] !== isSmall) {
+    t8 = embedded ? void 0 : {
+      minHeight: isSmall ? 68 : 92
+    };
+    $[28] = embedded;
+    $[29] = isSmall;
+    $[30] = t8;
+  } else {
+    t8 = $[30];
+  }
+  const t9 = `flex items-center justify-between ${isSmall ? "mb-1" : "mb-2"}`;
+  const t10 = `font-medium leading-snug truncate text-surface-500 dark:text-surface-400 ${isSmall ? "text-[11px]" : "text-xs"}`;
+  let t11;
+  if ($[31] !== t10 || $[32] !== title) {
+    t11 = /* @__PURE__ */ jsx("span", { className: t10, children: title });
+    $[31] = t10;
+    $[32] = title;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  let t12;
+  if ($[34] !== config.dateRange || $[35] !== isSmall) {
+    t12 = config.dateRange && !isSmall && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-surface-400 dark:text-surface-500 truncate mt-0.5", children: config.dateRange });
+    $[34] = config.dateRange;
+    $[35] = isSmall;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  let t13;
+  if ($[37] !== t11 || $[38] !== t12) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+      t11,
+      t12
+    ] });
+    $[37] = t11;
+    $[38] = t12;
+    $[39] = t13;
+  } else {
+    t13 = $[39];
+  }
+  let t14;
+  if ($[40] !== iconElement) {
+    t14 = iconElement && /* @__PURE__ */ jsx("span", { className: "ml-2 shrink-0", children: iconElement });
+    $[40] = iconElement;
+    $[41] = t14;
+  } else {
+    t14 = $[41];
+  }
+  let t15;
+  if ($[42] !== t13 || $[43] !== t14 || $[44] !== t9) {
+    t15 = /* @__PURE__ */ jsxs("div", { className: t9, children: [
+      t13,
+      t14
+    ] });
+    $[42] = t13;
+    $[43] = t14;
+    $[44] = t9;
+    $[45] = t15;
+  } else {
+    t15 = $[45];
+  }
+  const t16 = `font-semibold leading-tight tracking-tight break-all text-surface-800 dark:text-surface-100 ${isSmall ? "text-lg" : containerWidth !== null && containerWidth < 300 ? "text-xl" : "text-2xl"}`;
+  let t17;
+  if ($[46] !== formattedValue || $[47] !== t16) {
+    t17 = /* @__PURE__ */ jsx("div", { className: t16, children: formattedValue });
+    $[46] = formattedValue;
+    $[47] = t16;
+    $[48] = t17;
+  } else {
+    t17 = $[48];
+  }
+  let t18;
+  if ($[49] !== comparisonElement || $[50] !== isSmall) {
+    t18 = comparisonElement && /* @__PURE__ */ jsx("div", { className: isSmall ? "mt-0.5" : "mt-1", children: comparisonElement });
+    $[49] = comparisonElement;
+    $[50] = isSmall;
+    $[51] = t18;
+  } else {
+    t18 = $[51];
+  }
+  let t19;
+  if ($[52] !== baseClass || $[53] !== t15 || $[54] !== t17 || $[55] !== t18 || $[56] !== t8) {
+    t19 = /* @__PURE__ */ jsxs("div", { ref: containerRef, className: baseClass, style: t8, children: [
+      t15,
+      t17,
+      t18
+    ] });
+    $[52] = baseClass;
+    $[53] = t15;
+    $[54] = t17;
+    $[55] = t18;
+    $[56] = t8;
+    $[57] = t19;
+  } else {
+    t19 = $[57];
+  }
+  return t19;
+}
+InsightsScorecardView.displayName = "InsightsScorecardView";
+function InsightWidgetSkeleton(t0) {
+  const $ = c(35);
+  const {
+    config,
+    compact: t1,
+    embedded: t2
+  } = t0;
+  const compact = t1 === void 0 ? false : t1;
+  const embedded = t2 === void 0 ? false : t2;
+  const hasComparison = Boolean(config.comparison);
+  const hasIcon = Boolean(config.icon);
+  const hasDateRange = Boolean(config.dateRange);
+  if (compact) {
+    const t32 = embedded ? "h-full px-2.5 py-2" : "flex flex-col gap-0.5 rounded-md bg-transparent border min-w-0 px-2.5 py-2";
+    const t42 = !embedded && defaultBorderMixin;
+    let t52;
+    if ($[0] !== t32 || $[1] !== t42) {
+      t52 = cls("animate-pulse", t32, t42);
+      $[0] = t32;
+      $[1] = t42;
+      $[2] = t52;
+    } else {
+      t52 = $[2];
+    }
+    let t62;
+    if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t62 = /* @__PURE__ */ jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded-sm", style: {
+        height: 14,
+        width: 48
+      } });
+      $[3] = t62;
+    } else {
+      t62 = $[3];
+    }
+    let t72;
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t72 = /* @__PURE__ */ jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded-sm", style: {
+        height: 20,
+        width: 40
+      } });
+      $[4] = t72;
+    } else {
+      t72 = $[4];
+    }
+    let t82;
+    if ($[5] !== hasComparison) {
+      t82 = hasComparison && /* @__PURE__ */ jsx("div", { className: "bg-surface-200/60 dark:bg-surface-700/60 rounded-sm", style: {
+        height: 14,
+        width: 28
+      } });
+      $[5] = hasComparison;
+      $[6] = t82;
+    } else {
+      t82 = $[6];
+    }
+    let t92;
+    if ($[7] !== t82) {
+      t92 = /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+        t72,
+        t82
+      ] });
+      $[7] = t82;
+      $[8] = t92;
+    } else {
+      t92 = $[8];
+    }
+    let t102;
+    if ($[9] !== t52 || $[10] !== t92) {
+      t102 = /* @__PURE__ */ jsxs("div", { className: t52, children: [
+        t62,
+        t92
+      ] });
+      $[9] = t52;
+      $[10] = t92;
+      $[11] = t102;
+    } else {
+      t102 = $[11];
+    }
+    return t102;
+  }
+  const t3 = embedded ? "h-full px-5 py-4" : "rounded-lg bg-transparent border px-5 py-4";
+  const t4 = !embedded && defaultBorderMixin;
+  let t5;
+  if ($[12] !== t3 || $[13] !== t4) {
+    t5 = cls("animate-pulse", t3, t4);
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== embedded) {
+    t6 = embedded ? void 0 : {
+      minHeight: 92
+    };
+    $[15] = embedded;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded", style: {
+      height: 16,
+      width: "60%"
+    } });
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== hasDateRange) {
+    t8 = hasDateRange && /* @__PURE__ */ jsx("div", { className: "bg-surface-200/60 dark:bg-surface-700/60 rounded mt-0.5", style: {
+      height: 14,
+      width: "40%"
+    } });
+    $[18] = hasDateRange;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  let t9;
+  if ($[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+      t7,
+      t8
+    ] });
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== hasIcon) {
+    t10 = hasIcon && /* @__PURE__ */ jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded ml-2 shrink-0", style: {
+      height: 18,
+      width: 18
+    } });
+    $[22] = hasIcon;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== t10 || $[25] !== t9) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      t9,
+      t10
+    ] });
+    $[24] = t10;
+    $[25] = t9;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  let t12;
+  if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t12 = /* @__PURE__ */ jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded", style: {
+      height: 32,
+      width: "40%"
+    } });
+    $[27] = t12;
+  } else {
+    t12 = $[27];
+  }
+  let t13;
+  if ($[28] !== hasComparison) {
+    t13 = hasComparison && /* @__PURE__ */ jsx("div", { className: "bg-surface-200/60 dark:bg-surface-700/60 rounded mt-1", style: {
+      height: 16,
+      width: "25%"
+    } });
+    $[28] = hasComparison;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  let t14;
+  if ($[30] !== t11 || $[31] !== t13 || $[32] !== t5 || $[33] !== t6) {
+    t14 = /* @__PURE__ */ jsxs("div", { className: t5, style: t6, children: [
+      t11,
+      t12,
+      t13
+    ] });
+    $[30] = t11;
+    $[31] = t13;
+    $[32] = t5;
+    $[33] = t6;
+    $[34] = t14;
+  } else {
+    t14 = $[34];
+  }
+  return t14;
+}
+InsightWidgetSkeleton.displayName = "InsightWidgetSkeleton";
+function InsightWidget(t0) {
+  const $ = c(21);
+  const {
+    definition,
+    collectionSlug,
+    compact: t1,
+    embedded: t2
+  } = t0;
+  const compact = t1 === void 0 ? false : t1;
+  const embedded = t2 === void 0 ? false : t2;
+  const {
+    data,
+    loading,
+    error
+  } = useInsightsData(definition, collectionSlug);
+  if (loading) {
+    let t32;
+    if ($[0] !== compact || $[1] !== definition.scorecard || $[2] !== embedded) {
+      t32 = /* @__PURE__ */ jsx(InsightWidgetSkeleton, { config: definition.scorecard, compact, embedded });
+      $[0] = compact;
+      $[1] = definition.scorecard;
+      $[2] = embedded;
+      $[3] = t32;
+    } else {
+      t32 = $[3];
+    }
+    return t32;
+  }
+  if (error) {
+    const t32 = `text-red-500/70 dark:text-red-400/70 text-[0.8125rem] ${embedded ? "px-5 py-4 h-full" : `rounded-lg bg-red-500/5 dark:bg-red-400/5 border border-red-500/10 dark:border-red-400/10 ${compact ? "px-3.5 py-3" : "px-5 py-4"}`}`;
+    let t42;
+    if ($[4] !== definition.title) {
+      t42 = /* @__PURE__ */ jsx("div", { className: "font-semibold mb-1", children: definition.title });
+      $[4] = definition.title;
+      $[5] = t42;
+    } else {
+      t42 = $[5];
+    }
+    let t5;
+    if ($[6] !== error.message) {
+      t5 = /* @__PURE__ */ jsx("div", { children: error.message });
+      $[6] = error.message;
+      $[7] = t5;
+    } else {
+      t5 = $[7];
+    }
+    let t6;
+    if ($[8] !== t32 || $[9] !== t42 || $[10] !== t5) {
+      t6 = /* @__PURE__ */ jsxs("div", { className: t32, children: [
+        t42,
+        t5
+      ] });
+      $[8] = t32;
+      $[9] = t42;
+      $[10] = t5;
+      $[11] = t6;
+    } else {
+      t6 = $[11];
+    }
+    return t6;
+  }
+  if (!data || data.rows.length === 0) {
+    const t32 = `text-surface-400 dark:text-surface-500 text-[0.8125rem] ${embedded ? "px-5 py-4 h-full" : `rounded-lg bg-surface-100 dark:bg-surface-800 border border-surface-200 dark:border-surface-700 ${compact ? "px-3.5 py-3" : "px-5 py-4"}`}`;
+    let t42;
+    if ($[12] !== definition.title || $[13] !== t32) {
+      t42 = /* @__PURE__ */ jsxs("div", { className: t32, children: [
+        definition.title,
+        " — No data"
+      ] });
+      $[12] = definition.title;
+      $[13] = t32;
+      $[14] = t42;
+    } else {
+      t42 = $[14];
+    }
+    return t42;
+  }
+  const t3 = data.rows[0];
+  let t4;
+  if ($[15] !== compact || $[16] !== definition.scorecard || $[17] !== definition.title || $[18] !== embedded || $[19] !== t3) {
+    t4 = /* @__PURE__ */ jsx(InsightsScorecardView, { config: definition.scorecard, data: t3, title: definition.title, compact, embedded });
+    $[15] = compact;
+    $[16] = definition.scorecard;
+    $[17] = definition.title;
+    $[18] = embedded;
+    $[19] = t3;
+    $[20] = t4;
+  } else {
+    t4 = $[20];
+  }
+  return t4;
+}
+InsightWidget.displayName = "InsightWidget";
+function HomeCardInsightSlot(t0) {
+  const $ = c(8);
+  const {
+    slug,
+    insights
+  } = t0;
+  if (!insights || insights.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      minHeight: 46
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== insights || $[2] !== slug) {
+    let t32;
+    if ($[4] !== slug) {
+      t32 = (def) => /* @__PURE__ */ jsx(InsightWidget, { definition: def, collectionSlug: slug, compact: true }, def.id);
+      $[4] = slug;
+      $[5] = t32;
+    } else {
+      t32 = $[5];
+    }
+    t2 = insights.map(t32);
+    $[1] = insights;
+    $[2] = slug;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[6] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5 mt-2", style: t1, children: t2 });
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
+HomeCardInsightSlot.displayName = "HomeCardInsightSlot";
+function HomeInsightsSlot(t0) {
+  const $ = c(5);
+  const {
+    insights
+  } = t0;
+  if (!insights || insights.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      minHeight: 92
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== insights) {
+    t2 = insights.map(_temp$1);
+    $[1] = insights;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-6", style: t1, children: t2 });
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+function _temp$1(def) {
+  return /* @__PURE__ */ jsx(InsightWidget, { definition: def }, def.id);
+}
+HomeInsightsSlot.displayName = "HomeInsightsSlot";
+function CollectionInsightsInline(t0) {
+  const $ = c(4);
+  const {
+    insights
+  } = t0;
+  if (!insights || insights.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== insights) {
+    t1 = insights.map(_temp);
+    $[0] = insights;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-4", children: t1 });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+function _temp(def) {
+  return /* @__PURE__ */ jsx(InsightWidget, { definition: def }, def.id);
+}
+CollectionInsightsInline.displayName = "CollectionInsightsInline";
+function useInsightsPlugin(config) {
+  const {
+    insights,
+    cacheTTL
+  } = config;
+  const slots = [];
+  if (insights.home && insights.home.length > 0) {
+    const homeInsights = insights.home;
+    slots.push({
+      slot: "home.children.start",
+      Component: (props) => /* @__PURE__ */ jsx(HomeInsightsSlot, { ...props, insights: homeInsights }),
+      order: 10
+    });
+  }
+  if (insights.collections) {
+    for (const [slug, defs] of Object.entries(insights.collections)) {
+      if (defs.length === 0) continue;
+      const collectionInsights = defs;
+      slots.push({
+        slot: "collection.insights",
+        Component: (props) => {
+          const path = props.path;
+          const collectionSlug = path?.split("/").filter(Boolean).pop() ?? "";
+          if (collectionSlug !== slug) return null;
+          return /* @__PURE__ */ jsx(CollectionInsightsInline, { ...props, insights: collectionInsights });
+        },
+        order: 10
+      });
+      slots.push({
+        slot: "home.card.insight",
+        Component: (props) => {
+          const cardSlug = props.slug;
+          if (cardSlug !== slug) return null;
+          return /* @__PURE__ */ jsx(HomeCardInsightSlot, { ...props, insights: collectionInsights });
+        },
+        order: 10
+      });
+    }
+  }
+  return {
+    key: "plugin-insights",
+    slots,
+    providers: [{
+      scope: "root",
+      Component: InsightsProvider,
+      props: {
+        cacheTTL
+      }
+    }]
+  };
+}
+export {
+  InsightWidget,
+  InsightWidgetSkeleton,
+  InsightsCache,
+  InsightsProvider,
+  InsightsScorecardView,
+  useInsightsData,
+  useInsightsEngine,
+  useInsightsPlugin
+};
+//# sourceMappingURL=index.es.js.map