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

package/dist/index.es.js

@@ -86,8 +86,8 @@ function InsightsProvider(t0) {
 function useInsightsEngine() {
   return useContext(InsightsContext);
 }
-function useInsightsData(definition, collectionSlug) {
-  const $ = c(16);
+function useInsightsData(definition, context) {
+  const $ = c(18);
   const engine = useInsightsEngine();
   const cache = engine?.cache ?? null;
   const {
@@ -100,9 +100,9 @@ function useInsightsData(definition, collectionSlug) {
   const [data, setData] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = 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;
@@ -135,7 +135,7 @@ function useInsightsData(definition, collectionSlug) {
       }
       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);
@@ -158,38 +158,40 @@ function useInsightsData(definition, collectionSlug) {
     $[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];
   }
   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;
 }
@@ -479,7 +481,7 @@ function InsightsScorecardView(t0) {
 }
 InsightsScorecardView.displayName = "InsightsScorecardView";
 function InsightWidgetSkeleton(t0) {
-  const $ = c(35);
+  const $ = c(17);
   const {
     config,
     compact: t1,
@@ -492,282 +494,363 @@ function InsightWidgetSkeleton(t0) {
   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);
+    const t4 = !embedded && defaultBorderMixin;
+    let t5;
+    if ($[0] !== t32 || $[1] !== t4) {
+      t5 = 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__ */ jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded-sm", style: {
+      t6 = /* @__PURE__ */ 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__ */ jsx("div", { className: "bg-surface-200 dark:bg-surface-700 rounded-sm", style: {
+      t7 = /* @__PURE__ */ 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__ */ jsx("div", { className: "bg-surface-200/60 dark:bg-surface-700/60 rounded-sm", style: {
+      t8 = 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;
+      $[6] = t8;
     } else {
-      t82 = $[6];
+      t8 = $[6];
     }
-    let t92;
-    if ($[7] !== t82) {
-      t92 = /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
-        t72,
-        t82
+    let t9;
+    if ($[7] !== t8) {
+      t9 = /* @__PURE__ */ 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__ */ jsxs("div", { className: t52, children: [
-        t62,
-        t92
+    let t10;
+    if ($[9] !== t5 || $[10] !== t9) {
+      t10 = /* @__PURE__ */ 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 && defaultBorderMixin;
-  let t5;
-  if ($[12] !== t3 || $[13] !== t4) {
-    t5 = cls("animate-pulse", t3, t4);
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
+  let t3;
+  if ($[12] !== embedded || $[13] !== hasComparison || $[14] !== hasDateRange || $[15] !== hasIcon) {
+    t3 = /* @__PURE__ */ 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 $ = c(36);
+  const {
+    hasComparison,
+    hasIcon,
+    hasDateRange,
+    embedded
+  } = t0;
+  const containerRef = useRef(null);
+  const [containerWidth, setContainerWidth] = 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"}` : cls("rounded-lg flex flex-col min-w-0 bg-transparent border", defaultBorderMixin, isSmall ? "px-3.5 py-3" : "px-5 py-4");
+    t3 = containerRef;
+    t4 = 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("span", { className: "ml-2 shrink-0", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+  if ($[20] !== t10 || $[21] !== t6 || $[22] !== t9) {
+    t11 = /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "bg-surface-200/60 dark:bg-surface-700/60 rounded mt-1", style: {
+  if ($[26] !== hasComparison || $[27] !== isSmall) {
+    t13 = hasComparison && /* @__PURE__ */ jsx("div", { className: isSmall ? "mt-0.5" : "mt-1", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: t5, style: t6, children: [
+  if ($[29] !== t11 || $[30] !== t12 || $[31] !== t13 || $[32] !== t3 || $[33] !== t4 || $[34] !== t5) {
+    t14 = /* @__PURE__ */ 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 $ = c(21);
+  const $ = 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__ */ 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__ */ 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__ */ 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;
+    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__ */ 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__ */ jsxs("div", { className: t32, children: [
-        t42,
-        t5
-      ] });
-      $[8] = t32;
-      $[9] = t42;
-      $[10] = t5;
+    if ($[10] !== error.message) {
+      t6 = /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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 $ = c(8);
+  const $ = c(10);
   const {
     slug,
     insights
@@ -775,39 +858,43 @@ function HomeCardInsightSlot(t0) {
   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__ */ 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__ */ 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;
 }
@@ -831,7 +918,7 @@ function HomeInsightsSlot(t0) {
   }
   let t2;
   if ($[1] !== insights) {
-    t2 = insights.map(_temp$1);
+    t2 = insights.map(_temp);
     $[1] = insights;
     $[2] = t2;
   } else {
@@ -847,39 +934,52 @@ function HomeInsightsSlot(t0) {
   }
   return t3;
 }
-function _temp$1(def) {
+function _temp(def) {
   return /* @__PURE__ */ jsx(InsightWidget, { definition: def }, def.id);
 }
 HomeInsightsSlot.displayName = "HomeInsightsSlot";
 function CollectionInsightsInline(t0) {
-  const $ = c(4);
+  const $ = 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__ */ 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__ */ 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__ */ jsx(InsightWidget, { definition: def }, def.id);
-}
 CollectionInsightsInline.displayName = "CollectionInsightsInline";
 function useInsightsPlugin(config) {
   const {