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

package/dist/index.umd.js

@@ -0,0 +1,944 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("react"), require("@rebasepro/core"), require("@rebasepro/ui")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "react", "@rebasepro/core", "@rebasepro/ui"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.Rebase = {}, global.jsxRuntime, global.reactCompilerRuntime, global.React, global.core, global.ui));
+})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, React, core, ui) {
+  "use strict";
+  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 = React.createContext(null);
+  function InsightsProvider(t0) {
+    const $ = reactCompilerRuntime.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__ */ jsxRuntime.jsx(InsightsContext.Provider, { value, children });
+      $[4] = children;
+      $[5] = value;
+      $[6] = t5;
+    } else {
+      t5 = $[6];
+    }
+    return t5;
+  }
+  function useInsightsEngine() {
+    return React.useContext(InsightsContext);
+  }
+  function useInsightsData(definition, collectionSlug) {
+    const $ = reactCompilerRuntime.c(16);
+    const engine = useInsightsEngine();
+    const cache = engine?.cache ?? null;
+    const {
+      initialLoading,
+      authLoading,
+      user,
+      loginSkipped
+    } = core.useAuthController();
+    const authReady = !initialLoading && !authLoading && (Boolean(user) || loginSkipped);
+    const [data, setData] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.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];
+    }
+    React.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 $ = reactCompilerRuntime.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 = React.useRef(null);
+    const [containerWidth, setContainerWidth] = React.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__ */ jsxRuntime.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 ? core.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 = ui.cls("flex flex-col gap-0.5 px-2.5 py-2 rounded-md bg-transparent border min-w-0", ui.defaultBorderMixin);
+        $[14] = t72;
+      } else {
+        t72 = $[14];
+      }
+      let t82;
+      if ($[15] !== title) {
+        t82 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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"}` : ui.cls("rounded-lg flex flex-col min-w-0 bg-transparent border", ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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 $ = reactCompilerRuntime.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 && ui.defaultBorderMixin;
+      let t52;
+      if ($[0] !== t32 || $[1] !== t42) {
+        t52 = ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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 && ui.defaultBorderMixin;
+    let t5;
+    if ($[12] !== t3 || $[13] !== t4) {
+      t5 = ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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 $ = reactCompilerRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { children: error.message });
+        $[6] = error.message;
+        $[7] = t5;
+      } else {
+        t5 = $[7];
+      }
+      let t6;
+      if ($[8] !== t32 || $[9] !== t42 || $[10] !== t5) {
+        t6 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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 $ = reactCompilerRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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 $ = reactCompilerRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(InsightWidget, { definition: def }, def.id);
+  }
+  HomeInsightsSlot.displayName = "HomeInsightsSlot";
+  function CollectionInsightsInline(t0) {
+    const $ = reactCompilerRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(HomeCardInsightSlot, { ...props, insights: collectionInsights });
+          },
+          order: 10
+        });
+      }
+    }
+    return {
+      key: "plugin-insights",
+      slots,
+      providers: [{
+        scope: "root",
+        Component: InsightsProvider,
+        props: {
+          cacheTTL
+        }
+      }]
+    };
+  }
+  exports2.InsightWidget = InsightWidget;
+  exports2.InsightWidgetSkeleton = InsightWidgetSkeleton;
+  exports2.InsightsCache = InsightsCache;
+  exports2.InsightsProvider = InsightsProvider;
+  exports2.InsightsScorecardView = InsightsScorecardView;
+  exports2.useInsightsData = useInsightsData;
+  exports2.useInsightsEngine = useInsightsEngine;
+  exports2.useInsightsPlugin = useInsightsPlugin;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+}));
+//# sourceMappingURL=index.umd.js.map