@rebasepro/plugin-insights 0.0.1-canary.eae7889 → 0.1.0

package/dist/index.umd.js

@@ -85,8 +85,8 @@
   function useInsightsEngine() {
     return React.useContext(InsightsContext);
   }
-  function useInsightsData(definition, collectionSlug) {
-    const $ = reactCompilerRuntime.c(16);
+  function useInsightsData(definition, context) {
+    const $ = reactCompilerRuntime.c(18);
     const engine = useInsightsEngine();
     const cache = engine?.cache ?? null;
     const {
@@ -99,9 +99,9 @@
     const [data, setData] = React.useState(null);
     const [loading, setLoading] = React.useState(true);
     const [error, setError] = React.useState(null);
-    const cacheKey = `${definition.id}:${collectionSlug ?? "global"}`;
+    const cacheKey = `${definition.id}:${context.path ?? context.collectionSlug ?? "global"}`;
     let t0;
-    if ($[0] !== authReady || $[1] !== cache || $[2] !== cacheKey || $[3] !== definition) {
+    if ($[0] !== authReady || $[1] !== cache || $[2] !== cacheKey || $[3] !== context || $[4] !== definition) {
       t0 = () => {
         if (!authReady || !cache) {
           return;
@@ -134,7 +134,7 @@
         }
         setLoading(true);
         setError(null);
-        const promise = definition.data();
+        const promise = definition.data(context);
         cache.setInflight(cacheKey, promise);
         promise.then((result_0) => {
           cache.set(cacheKey, result_0);
@@ -157,38 +157,40 @@
       $[0] = authReady;
       $[1] = cache;
       $[2] = cacheKey;
-      $[3] = definition;
-      $[4] = t0;
+      $[3] = context;
+      $[4] = definition;
+      $[5] = t0;
     } else {
-      t0 = $[4];
+      t0 = $[5];
     }
     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];
+    if ($[6] !== authReady || $[7] !== cache || $[8] !== cacheKey || $[9] !== context.collectionSlug || $[10] !== context.path || $[11] !== definition.data || $[12] !== definition.id) {
+      t1 = [definition.id, definition.data, context.path, context.collectionSlug, cacheKey, cache, authReady];
+      $[6] = authReady;
+      $[7] = cache;
+      $[8] = cacheKey;
+      $[9] = context.collectionSlug;
+      $[10] = context.path;
+      $[11] = definition.data;
+      $[12] = definition.id;
+      $[13] = t1;
+    } else {
+      t1 = $[13];
     }
     React.useEffect(t0, t1);
     let t2;
-    if ($[12] !== data || $[13] !== error || $[14] !== loading) {
+    if ($[14] !== data || $[15] !== error || $[16] !== loading) {
       t2 = {
         data,
         loading,
         error
       };
-      $[12] = data;
-      $[13] = error;
-      $[14] = loading;
-      $[15] = t2;
+      $[14] = data;
+      $[15] = error;
+      $[16] = loading;
+      $[17] = t2;
     } else {
-      t2 = $[15];
+      t2 = $[17];
     }
     return t2;
   }
@@ -478,7 +480,7 @@
   }
   InsightsScorecardView.displayName = "InsightsScorecardView";
   function InsightWidgetSkeleton(t0) {
-    const $ = reactCompilerRuntime.c(35);
+    const $ = reactCompilerRuntime.c(17);
     const {
       config,
       compact: t1,
@@ -491,282 +493,363 @@
     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);
+      const t4 = !embedded && ui.defaultBorderMixin;
+      let t5;
+      if ($[0] !== t32 || $[1] !== t4) {
+        t5 = ui.cls("animate-pulse", t32, t4);
         $[0] = t32;
-        $[1] = t42;
-        $[2] = t52;
+        $[1] = t4;
+        $[2] = t5;
       } else {
-        t52 = $[2];
+        t5 = $[2];
       }
-      let t62;
+      let t6;
       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: {
+        t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded-sm", style: {
           height: 14,
           width: 48
         } });
-        $[3] = t62;
+        $[3] = t6;
       } else {
-        t62 = $[3];
+        t6 = $[3];
       }
-      let t72;
+      let t7;
       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: {
+        t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded-sm", style: {
           height: 20,
           width: 40
         } });
-        $[4] = t72;
+        $[4] = t7;
       } else {
-        t72 = $[4];
+        t7 = $[4];
       }
-      let t82;
+      let t8;
       if ($[5] !== hasComparison) {
-        t82 = hasComparison && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-200/60 dark:bg-surface-700/60 rounded-sm", style: {
+        t8 = 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;
+        $[6] = t8;
       } else {
-        t82 = $[6];
+        t8 = $[6];
       }
-      let t92;
-      if ($[7] !== t82) {
-        t92 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-1.5", children: [
-          t72,
-          t82
+      let t9;
+      if ($[7] !== t8) {
+        t9 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+          t7,
+          t8
         ] });
-        $[7] = t82;
-        $[8] = t92;
+        $[7] = t8;
+        $[8] = t9;
       } else {
-        t92 = $[8];
+        t9 = $[8];
       }
-      let t102;
-      if ($[9] !== t52 || $[10] !== t92) {
-        t102 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t52, children: [
-          t62,
-          t92
+      let t10;
+      if ($[9] !== t5 || $[10] !== t9) {
+        t10 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t5, children: [
+          t6,
+          t9
         ] });
-        $[9] = t52;
-        $[10] = t92;
-        $[11] = t102;
+        $[9] = t5;
+        $[10] = t9;
+        $[11] = t10;
       } else {
-        t102 = $[11];
+        t10 = $[11];
       }
-      return t102;
+      return t10;
     }
-    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;
+    let t3;
+    if ($[12] !== embedded || $[13] !== hasComparison || $[14] !== hasDateRange || $[15] !== hasIcon) {
+      t3 = /* @__PURE__ */ jsxRuntime.jsx(StandardSkeleton, { hasComparison, hasIcon, hasDateRange, embedded });
+      $[12] = embedded;
+      $[13] = hasComparison;
+      $[14] = hasDateRange;
+      $[15] = hasIcon;
+      $[16] = t3;
     } else {
-      t5 = $[14];
+      t3 = $[16];
     }
-    let t6;
-    if ($[15] !== embedded) {
-      t6 = embedded ? void 0 : {
-        minHeight: 92
+    return t3;
+  }
+  function StandardSkeleton(t0) {
+    const $ = reactCompilerRuntime.c(36);
+    const {
+      hasComparison,
+      hasIcon,
+      hasDateRange,
+      embedded
+    } = t0;
+    const containerRef = React.useRef(null);
+    const [containerWidth, setContainerWidth] = React.useState(null);
+    let t1;
+    let t2;
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t1 = () => {
+        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();
+      };
+      t2 = [];
+      $[0] = t1;
+      $[1] = t2;
+    } else {
+      t1 = $[0];
+      t2 = $[1];
+    }
+    React.useLayoutEffect(t1, t2);
+    const isSmall = containerWidth !== null && containerWidth < 200;
+    const titleHeight = isSmall ? 15 : 16.5;
+    const valueHeight = isSmall ? 22.5 : containerWidth !== null && containerWidth < 300 ? 25 : 30;
+    const iconSize = isSmall ? 14 : 18;
+    let t3;
+    let t4;
+    if ($[2] !== embedded || $[3] !== isSmall) {
+      const baseClass = 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");
+      t3 = containerRef;
+      t4 = ui.cls("animate-pulse", baseClass);
+      $[2] = embedded;
+      $[3] = isSmall;
+      $[4] = t3;
+      $[5] = t4;
+    } else {
+      t3 = $[4];
+      t4 = $[5];
+    }
+    let t5;
+    if ($[6] !== embedded || $[7] !== isSmall) {
+      t5 = embedded ? void 0 : {
+        minHeight: isSmall ? 68 : 92
       };
-      $[15] = embedded;
-      $[16] = t6;
+      $[6] = embedded;
+      $[7] = isSmall;
+      $[8] = t5;
     } else {
-      t6 = $[16];
+      t5 = $[8];
     }
+    const t6 = `flex items-center justify-between ${isSmall ? "mb-1" : "mb-2"}`;
     let t7;
-    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    if ($[9] !== titleHeight) {
       t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded", style: {
-        height: 16,
+        height: titleHeight,
         width: "60%"
       } });
-      $[17] = t7;
+      $[9] = titleHeight;
+      $[10] = t7;
     } else {
-      t7 = $[17];
+      t7 = $[10];
     }
     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: {
+    if ($[11] !== hasDateRange || $[12] !== isSmall) {
+      t8 = hasDateRange && !isSmall && /* @__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;
+      $[11] = hasDateRange;
+      $[12] = isSmall;
+      $[13] = t8;
     } else {
-      t8 = $[19];
+      t8 = $[13];
     }
     let t9;
-    if ($[20] !== t8) {
+    if ($[14] !== t7 || $[15] !== t8) {
       t9 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
         t7,
         t8
       ] });
-      $[20] = t8;
-      $[21] = t9;
+      $[14] = t7;
+      $[15] = t8;
+      $[16] = t9;
     } else {
-      t9 = $[21];
+      t9 = $[16];
     }
     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;
+    if ($[17] !== hasIcon || $[18] !== iconSize) {
+      t10 = hasIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded", style: {
+        height: iconSize,
+        width: iconSize
+      } }) });
+      $[17] = hasIcon;
+      $[18] = iconSize;
+      $[19] = t10;
     } else {
-      t10 = $[23];
+      t10 = $[19];
     }
     let t11;
-    if ($[24] !== t10 || $[25] !== t9) {
-      t11 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+    if ($[20] !== t10 || $[21] !== t6 || $[22] !== t9) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t6, children: [
         t9,
         t10
       ] });
-      $[24] = t10;
-      $[25] = t9;
-      $[26] = t11;
+      $[20] = t10;
+      $[21] = t6;
+      $[22] = t9;
+      $[23] = t11;
     } else {
-      t11 = $[26];
+      t11 = $[23];
     }
     let t12;
-    if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    if ($[24] !== valueHeight) {
       t12 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded", style: {
-        height: 32,
+        height: valueHeight,
         width: "40%"
       } });
-      $[27] = t12;
+      $[24] = valueHeight;
+      $[25] = t12;
     } else {
-      t12 = $[27];
+      t12 = $[25];
     }
     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: {
+    if ($[26] !== hasComparison || $[27] !== isSmall) {
+      t13 = hasComparison && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isSmall ? "mt-0.5" : "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-200/60 dark:bg-surface-700/60 rounded", style: {
         height: 16,
         width: "25%"
-      } });
-      $[28] = hasComparison;
-      $[29] = t13;
+      } }) });
+      $[26] = hasComparison;
+      $[27] = isSmall;
+      $[28] = t13;
     } else {
-      t13 = $[29];
+      t13 = $[28];
     }
     let t14;
-    if ($[30] !== t11 || $[31] !== t13 || $[32] !== t5 || $[33] !== t6) {
-      t14 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t5, style: t6, children: [
+    if ($[29] !== t11 || $[30] !== t12 || $[31] !== t13 || $[32] !== t3 || $[33] !== t4 || $[34] !== t5) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: t3, className: t4, style: t5, children: [
         t11,
         t12,
         t13
       ] });
-      $[30] = t11;
+      $[29] = t11;
+      $[30] = t12;
       $[31] = t13;
-      $[32] = t5;
-      $[33] = t6;
-      $[34] = t14;
+      $[32] = t3;
+      $[33] = t4;
+      $[34] = t5;
+      $[35] = t14;
     } else {
-      t14 = $[34];
+      t14 = $[35];
     }
     return t14;
   }
   InsightWidgetSkeleton.displayName = "InsightWidgetSkeleton";
   function InsightWidget(t0) {
-    const $ = reactCompilerRuntime.c(21);
+    const $ = reactCompilerRuntime.c(25);
     const {
       definition,
       collectionSlug,
+      path,
+      parentCollectionSlugs,
       compact: t1,
       embedded: t2
     } = t0;
     const compact = t1 === void 0 ? false : t1;
     const embedded = t2 === void 0 ? false : t2;
+    let t3;
+    if ($[0] !== collectionSlug || $[1] !== parentCollectionSlugs || $[2] !== path) {
+      t3 = {
+        path,
+        collectionSlug,
+        parentCollectionSlugs
+      };
+      $[0] = collectionSlug;
+      $[1] = parentCollectionSlugs;
+      $[2] = path;
+      $[3] = t3;
+    } else {
+      t3 = $[3];
+    }
     const {
       data,
       loading,
       error
-    } = useInsightsData(definition, collectionSlug);
+    } = useInsightsData(definition, t3);
     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;
+      let t42;
+      if ($[4] !== compact || $[5] !== definition.scorecard || $[6] !== embedded) {
+        t42 = /* @__PURE__ */ jsxRuntime.jsx(InsightWidgetSkeleton, { config: definition.scorecard, compact, embedded });
+        $[4] = compact;
+        $[5] = definition.scorecard;
+        $[6] = embedded;
+        $[7] = t42;
       } else {
-        t32 = $[3];
+        t42 = $[7];
       }
-      return t32;
+      return t42;
     }
     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;
+      const t42 = `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 t52;
+      if ($[8] !== definition.title) {
+        t52 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold mb-1", children: definition.title });
+        $[8] = definition.title;
+        $[9] = t52;
       } else {
-        t5 = $[7];
+        t52 = $[9];
       }
       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;
+      if ($[10] !== error.message) {
+        t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { children: error.message });
+        $[10] = error.message;
         $[11] = t6;
       } else {
         t6 = $[11];
       }
-      return t6;
+      let t7;
+      if ($[12] !== t42 || $[13] !== t52 || $[14] !== t6) {
+        t7 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t42, children: [
+          t52,
+          t6
+        ] });
+        $[12] = t42;
+        $[13] = t52;
+        $[14] = t6;
+        $[15] = t7;
+      } else {
+        t7 = $[15];
+      }
+      return t7;
     }
     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: [
+      const t42 = `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 t52;
+      if ($[16] !== definition.title || $[17] !== t42) {
+        t52 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t42, children: [
           definition.title,
           " — No data"
         ] });
-        $[12] = definition.title;
-        $[13] = t32;
-        $[14] = t42;
+        $[16] = definition.title;
+        $[17] = t42;
+        $[18] = t52;
       } else {
-        t42 = $[14];
+        t52 = $[18];
       }
-      return t42;
+      return t52;
     }
-    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;
+    const t4 = data.rows[0];
+    let t5;
+    if ($[19] !== compact || $[20] !== definition.scorecard || $[21] !== definition.title || $[22] !== embedded || $[23] !== t4) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(InsightsScorecardView, { config: definition.scorecard, data: t4, title: definition.title, compact, embedded });
+      $[19] = compact;
+      $[20] = definition.scorecard;
+      $[21] = definition.title;
+      $[22] = embedded;
+      $[23] = t4;
+      $[24] = t5;
+    } else {
+      t5 = $[24];
+    }
+    return t5;
   }
   InsightWidget.displayName = "InsightWidget";
   function HomeCardInsightSlot(t0) {
-    const $ = reactCompilerRuntime.c(8);
+    const $ = reactCompilerRuntime.c(10);
     const {
       slug,
       insights
@@ -774,39 +857,43 @@
     if (!insights || insights.length === 0) {
       return null;
     }
+    const estimatedRows = Math.ceil(insights.length / 2);
+    const minHeight = estimatedRows * 42 + (estimatedRows - 1) * 6;
     let t1;
-    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] !== minHeight) {
       t1 = {
-        minHeight: 46
+        minHeight
       };
-      $[0] = t1;
+      $[0] = minHeight;
+      $[1] = t1;
     } else {
-      t1 = $[0];
+      t1 = $[1];
     }
     let t2;
-    if ($[1] !== insights || $[2] !== slug) {
+    if ($[2] !== insights || $[3] !== slug) {
       let t32;
-      if ($[4] !== slug) {
+      if ($[5] !== slug) {
         t32 = (def) => /* @__PURE__ */ jsxRuntime.jsx(InsightWidget, { definition: def, collectionSlug: slug, compact: true }, def.id);
-        $[4] = slug;
-        $[5] = t32;
+        $[5] = slug;
+        $[6] = t32;
       } else {
-        t32 = $[5];
+        t32 = $[6];
       }
       t2 = insights.map(t32);
-      $[1] = insights;
-      $[2] = slug;
-      $[3] = t2;
+      $[2] = insights;
+      $[3] = slug;
+      $[4] = t2;
     } else {
-      t2 = $[3];
+      t2 = $[4];
     }
     let t3;
-    if ($[6] !== t2) {
+    if ($[7] !== t1 || $[8] !== 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;
+      $[7] = t1;
+      $[8] = t2;
+      $[9] = t3;
     } else {
-      t3 = $[7];
+      t3 = $[9];
     }
     return t3;
   }
@@ -830,7 +917,7 @@
     }
     let t2;
     if ($[1] !== insights) {
-      t2 = insights.map(_temp$1);
+      t2 = insights.map(_temp);
       $[1] = insights;
       $[2] = t2;
     } else {
@@ -846,39 +933,52 @@
     }
     return t3;
   }
-  function _temp$1(def) {
+  function _temp(def) {
     return /* @__PURE__ */ jsxRuntime.jsx(InsightWidget, { definition: def }, def.id);
   }
   HomeInsightsSlot.displayName = "HomeInsightsSlot";
   function CollectionInsightsInline(t0) {
-    const $ = reactCompilerRuntime.c(4);
+    const $ = reactCompilerRuntime.c(11);
     const {
-      insights
+      insights,
+      path,
+      parentCollectionSlugs,
+      parentEntityIds
     } = t0;
     if (!insights || insights.length === 0) {
       return null;
     }
     let t1;
-    if ($[0] !== insights) {
-      t1 = insights.map(_temp);
+    if ($[0] !== insights || $[1] !== parentCollectionSlugs || $[2] !== parentEntityIds || $[3] !== path) {
+      let t22;
+      if ($[5] !== parentCollectionSlugs || $[6] !== parentEntityIds || $[7] !== path) {
+        t22 = (def) => /* @__PURE__ */ jsxRuntime.jsx(InsightWidget, { definition: def, path, parentCollectionSlugs, parentEntityIds }, def.id);
+        $[5] = parentCollectionSlugs;
+        $[6] = parentEntityIds;
+        $[7] = path;
+        $[8] = t22;
+      } else {
+        t22 = $[8];
+      }
+      t1 = insights.map(t22);
       $[0] = insights;
-      $[1] = t1;
+      $[1] = parentCollectionSlugs;
+      $[2] = parentEntityIds;
+      $[3] = path;
+      $[4] = t1;
     } else {
-      t1 = $[1];
+      t1 = $[4];
     }
     let t2;
-    if ($[2] !== t1) {
+    if ($[9] !== 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;
+      $[9] = t1;
+      $[10] = t2;
     } else {
-      t2 = $[3];
+      t2 = $[10];
     }
     return t2;
   }
-  function _temp(def) {
-    return /* @__PURE__ */ jsxRuntime.jsx(InsightWidget, { definition: def }, def.id);
-  }
   CollectionInsightsInline.displayName = "CollectionInsightsInline";
   function useInsightsPlugin(config) {
     const {