@rebasepro/plugin-insights 0.9.1-canary.fd3754b → 0.10.0

package/dist/index.es.js

@@ -153,10 +153,12 @@ 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
+		notation: format?.notation ?? "standard"
 	};
+	if (format?.decimals !== void 0) {
+		options.maximumFractionDigits = format.decimals;
+		options.minimumFractionDigits = format.decimals;
+	}
 	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;
@@ -573,6 +575,8 @@ function useInsightsPlugin(config) {
 				slot: "collection.insights",
 				Component: (props) => {
 					if ((props.path?.split("/").filter(Boolean).pop() ?? "") !== slug) return null;
+					const parentEntityIds = props.parentEntityIds;
+					if (parentEntityIds && parentEntityIds.length > 0) return null;
 					return /* @__PURE__ */ jsx(CollectionInsightsInline, {
 						...props,
 						insights: collectionInsights

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../src/engine/InsightsCache.ts","../src/engine/InsightsProvider.tsx","../src/engine/useInsightsData.ts","../src/components/InsightsScorecardView.tsx","../src/components/InsightWidgetSkeleton.tsx","../src/components/InsightWidget.tsx","../src/components/HomeCardInsightSlot.tsx","../src/components/HomeInsightsSlot.tsx","../src/components/CollectionInsightsInline.tsx","../src/useInsightsPlugin.tsx"],"sourcesContent":["import type { InsightDataResult } from \"../types\";\n\ninterface CacheEntry {\n    data: InsightDataResult;\n    timestamp: number;\n}\n\n/**\n * In-memory cache for insight query results.\n * Supports TTL-based expiry and inflight request deduplication\n * to prevent redundant network requests when multiple widgets\n * share the same query.\n */\nexport class InsightsCache {\n    private cache = new Map<string, CacheEntry>();\n    private inflight = new Map<string, Promise<InsightDataResult>>();\n\n    constructor(private ttl = 60_000) {}\n\n    get(key: string): InsightDataResult | null {\n        const entry = this.cache.get(key);\n        if (!entry) return null;\n        if (Date.now() - entry.timestamp > this.ttl) {\n            this.cache.delete(key);\n            return null;\n        }\n        return entry.data;\n    }\n\n    set(key: string, data: InsightDataResult): void {\n        this.cache.set(key, { data,\ntimestamp: Date.now() });\n        this.inflight.delete(key);\n    }\n\n    getInflight(key: string): Promise<InsightDataResult> | null {\n        return this.inflight.get(key) ?? null;\n    }\n\n    setInflight(key: string, promise: Promise<InsightDataResult>): void {\n        this.inflight.set(key, promise);\n    }\n\n    invalidate(key?: string): void {\n        if (key) {\n            this.cache.delete(key);\n            this.inflight.delete(key);\n        } else {\n            this.cache.clear();\n            this.inflight.clear();\n        }\n    }\n}\n","import React, { createContext, useContext, useMemo, type PropsWithChildren } from \"react\";\nimport { InsightsCache } from \"./InsightsCache\";\n\ninterface InsightsContextValue {\n    cache: InsightsCache;\n}\n\nconst InsightsContext = createContext<InsightsContextValue | null>(null);\n\n/**\n * Root-level provider for the insights data engine.\n * Injected automatically by the plugin via `providers: [{ scope: \"root\" }]`.\n *\n * Manages a single `InsightsCache` instance shared by all insight widgets\n * for TTL-based caching and inflight request deduplication.\n */\nexport function InsightsProvider({\n    cacheTTL,\n    children\n}: PropsWithChildren<{ cacheTTL?: number }>) {\n    const cache = useMemo(() => new InsightsCache(cacheTTL), [cacheTTL]);\n    const value = useMemo(() => ({ cache }), [cache]);\n\n    return (\n        <InsightsContext.Provider value={value}>\n            {children}\n        </InsightsContext.Provider>\n    );\n}\n\n/**\n * Access the insights cache (for advanced usage).\n * Returns null when called outside of an `InsightsProvider`\n * (e.g. during auth-loading phase before plugin providers mount).\n */\nexport function useInsightsEngine(): InsightsContextValue | null {\n    return useContext(InsightsContext);\n}\n","import { useEffect, useState } from \"react\";\nimport type { InsightDefinition, InsightDataResult, InsightContext } from \"../types\";\nimport { useInsightsEngine } from \"./InsightsProvider\";\nimport { useAuthController } from \"@rebasepro/app\";\n\n/**\n * Hook that fetches and caches data for a single insight definition.\n *\n * Calls the definition's own `data()` callback and manages:\n * - TTL-based caching via InsightsCache\n * - Inflight request deduplication (multiple mounts of the same widget)\n * - Loading and error state management\n *\n * @param definition - The insight to fetch data for\n * @param collectionSlug - Optional collection context for cache key scoping\n */\nexport function useInsightsData(\n    definition: InsightDefinition,\n    context: InsightContext\n): {\n    data: InsightDataResult | null;\n    loading: boolean;\n    error: Error | null;\n} {\n    const engine = useInsightsEngine();\n    const cache = engine?.cache ?? null;\n    const { initialLoading, authLoading, user, loginSkipped } = useAuthController();\n    const authReady = !initialLoading && !authLoading && (Boolean(user) || loginSkipped);\n    const [data, setData] = useState<InsightDataResult | null>(null);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    const cacheKey = `${definition.id}:${context.path ?? context.collectionSlug ?? \"global\"}`;\n\n    useEffect(() => {\n        // Keep showing skeleton until both auth and engine are ready\n        if (!authReady || !cache) {\n            return;\n        }\n\n        let cancelled = false;\n\n        // 1. Check cache\n        const cached = cache.get(cacheKey);\n        if (cached) {\n            setData(cached);\n            setLoading(false);\n            return;\n        }\n\n        // 2. Check inflight — deduplicate concurrent requests for the same widget\n        const inflight = cache.getInflight(cacheKey);\n        if (inflight) {\n            setLoading(true);\n            inflight\n                .then((result) => {\n                    if (!cancelled) {\n                        setData(result);\n                    }\n                })\n                .catch((err) => {\n                    if (!cancelled) setError(err instanceof Error ? err : new Error(String(err)));\n                })\n                .finally(() => {\n                    if (!cancelled) setLoading(false);\n                });\n            return;\n        }\n\n        // 3. Fresh fetch — invoke the definition's own data callback\n        setLoading(true);\n        setError(null);\n\n        const promise = definition.data(context);\n\n        cache.setInflight(cacheKey, promise);\n\n        promise\n            .then((result) => {\n                cache.set(cacheKey, result);\n                if (!cancelled) {\n                    setData(result);\n                }\n            })\n            .catch((err) => {\n                cache.invalidate(cacheKey);\n                if (!cancelled) {\n                    setError(err instanceof Error ? err : new Error(String(err)));\n                }\n            })\n            .finally(() => {\n                if (!cancelled) setLoading(false);\n            });\n\n        return () => {\n            cancelled = true;\n        };\n    }, [definition.id, definition.data, context.path, context.collectionSlug, cacheKey, cache, authReady]);\n\n    return { data,\nloading,\nerror };\n}\n","import React, { useRef, useState } from \"react\";\nimport { getIcon } from \"@rebasepro/app\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport type { DataRow, ScorecardConfig, ScorecardFormat } from \"../types\";\n\nfunction formatNumber(value: number, format?: ScorecardFormat): string {\n    if (value === null || value === undefined) return \"N/A\";\n\n    const options: Intl.NumberFormatOptions = {\n        style: format?.style ?? \"decimal\",\n        notation: format?.notation ?? \"standard\",\n        maximumFractionDigits: format?.decimals ?? 1,\n        minimumFractionDigits: format?.decimals ?? 1\n    };\n\n    if (format?.style === \"currency\") {\n        options.currency = format.currency ?? \"USD\";\n    }\n\n    let formatted = new Intl.NumberFormat(\"en-US\", options).format(value);\n\n    if (format?.showSign && value > 0) {\n        formatted = \"+\" + formatted;\n    }\n\n    return formatted;\n}\n\n/**\n * Scorecard widget for the Rebase design system.\n *\n * Renders a single KPI metric with optional comparison value and icon.\n * Uses Tailwind `dark:` classes — no JS dark mode detection.\n * Icons are resolved via `getIcon` from `@rebasepro/app`.\n */\nexport function InsightsScorecardView({\n    config,\n    data,\n    title,\n    compact = false,\n    embedded = false,\n    fixedHeight\n}: {\n    config: ScorecardConfig;\n    data: DataRow;\n    title: string;\n    compact?: boolean;\n    /** When true, skip own border/bg since the parent card provides them. */\n    embedded?: boolean;\n    /** Explicit height to prevent layout shift between skeleton → loaded. */\n    fixedHeight?: number;\n}) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (!containerRef.current) return;\n        // Read initial width synchronously before paint\n        setContainerWidth(containerRef.current.offsetWidth);\n        const observer = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerWidth(entry.contentRect.width);\n            }\n        });\n        observer.observe(containerRef.current);\n        return () => observer.disconnect();\n    }, []);\n\n    const mainValue = data[config.value.field];\n    const formattedValue = typeof mainValue === \"number\"\n        ? formatNumber(mainValue, config.value.format)\n        : String(mainValue ?? \"N/A\");\n\n    // Comparison rendering\n    let comparisonElement: React.ReactNode = null;\n    if (config.comparison) {\n        const comparisonValue = data[config.comparison.field];\n        if (typeof comparisonValue === \"number\") {\n            const formattedComparison = formatNumber(comparisonValue, config.comparison.format);\n            const isPositive = comparisonValue > 0;\n            const isNegative = comparisonValue < 0;\n\n            let colorClass = \"text-surface-500 dark:text-surface-400\";\n            if (config.comparison.intent === \"increase_is_good\") {\n                if (isPositive) colorClass = \"text-emerald-500\";\n                if (isNegative) colorClass = \"text-red-500\";\n            } else if (config.comparison.intent === \"decrease_is_good\") {\n                if (isPositive) colorClass = \"text-red-500\";\n                if (isNegative) colorClass = \"text-emerald-500\";\n            }\n\n            comparisonElement = (\n                <span className={`font-medium ${compact ? \"text-[10px]\" : \"text-xs\"} ${colorClass}`}>\n                    {formattedComparison}\n                </span>\n            );\n        }\n    }\n\n    const isSmall = compact || (containerWidth !== null && containerWidth < 200);\n\n    // Resolve icon via getIcon (Lucide-based resolution)\n    const iconElement = config.icon\n        ? getIcon(config.icon, \"text-surface-400 dark:text-surface-500\", undefined, isSmall ? 14 : 18)\n        : null;\n\n    // ── Compact card-inline layout ──────────────────────────────────────\n    if (compact) {\n        return (\n            <div className={cls(\"flex flex-col gap-0.5 px-2.5 py-2 rounded-md bg-transparent border min-w-0\", defaultBorderMixin)}>\n                <span className=\"text-[10px] uppercase tracking-wider text-surface-400 dark:text-surface-500 truncate\">\n                    {title}\n                </span>\n                <div className=\"flex items-baseline gap-1.5\">\n                    <span className=\"text-sm font-semibold tabular-nums text-surface-800 dark:text-surface-100\">\n                        {formattedValue}\n                    </span>\n                    {comparisonElement}\n                </div>\n            </div>\n        );\n    }\n\n    // ── Standard scorecard layout ───────────────────────────────────────\n    const baseClass = embedded\n        ? `flex flex-col min-w-0 h-full ${isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\"}`\n        : cls(\"rounded-lg flex flex-col min-w-0 bg-transparent border\", defaultBorderMixin, isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\");\n\n    return (\n        <div ref={containerRef} className={baseClass} style={embedded ? undefined : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 }}>\n            {/* Title row */}\n            <div className={`flex items-center justify-between ${isSmall ? \"mb-1\" : \"mb-2\"}`}>\n                <div className=\"flex flex-col min-w-0\">\n                    <span className={`font-medium leading-snug truncate text-surface-500 dark:text-surface-400 ${isSmall ? \"text-[11px]\" : \"text-xs\"}`}>\n                        {title}\n                    </span>\n                    {config.dateRange && !isSmall && (\n                        <span className=\"text-[10px] text-surface-400 dark:text-surface-500 truncate mt-0.5\">\n                            {config.dateRange}\n                        </span>\n                    )}\n                </div>\n                {iconElement && (\n                    <span className=\"ml-2 shrink-0\">{iconElement}</span>\n                )}\n            </div>\n\n            {/* Main value */}\n            <div className={`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\"}`}>\n                {formattedValue}\n            </div>\n\n            {/* Comparison */}\n            {comparisonElement && (\n                <div className={isSmall ? \"mt-0.5\" : \"mt-1\"}>\n                    {comparisonElement}\n                </div>\n            )}\n        </div>\n    );\n}\n\nInsightsScorecardView.displayName = \"InsightsScorecardView\";\n","import React, { useRef, useState } from \"react\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport type { ScorecardConfig } from \"../types\";\n\n/**\n * Skeleton loader for scorecard insight widgets — displays animated\n * shimmer placeholders that exactly match the final rendered layout\n * of InsightsScorecardView for a given config, preventing layout shift.\n *\n * The skeleton receives the scorecard config so it can conditionally\n * render placeholder lines for comparison, dateRange, and icon —\n * only when the loaded view will also render them.\n *\n * The standard skeleton mirrors InsightsScorecardView's responsive\n * container-width breakpoints (ResizeObserver → isSmall / isMedium)\n * and uses placeholder heights that exactly match the **computed**\n * Tailwind line-heights (accounting for `leading-*` overrides).\n * This guarantees a pixel-perfect skeleton → loaded transition.\n */\nexport function InsightWidgetSkeleton({\n    config,\n    compact = false,\n    embedded = false,\n    fixedHeight\n}: {\n    /** Scorecard config — used to match optional elements (comparison, dateRange, icon). */\n    config: ScorecardConfig;\n    compact?: boolean;\n    /** When true, skip own border since the parent card provides it. */\n    embedded?: boolean;\n    /** Explicit height to prevent layout shift between skeleton → loaded. */\n    fixedHeight?: number;\n}) {\n    const hasComparison = Boolean(config.comparison);\n    const hasIcon = Boolean(config.icon);\n    const hasDateRange = Boolean(config.dateRange);\n\n    // ── Compact scorecard skeleton ──────────────────────────────────────\n    // Matches InsightsScorecardView compact layout:\n    //   container: flex flex-col gap-0.5 px-2.5 py-2 rounded-md border\n    //   title:     text-[10px] uppercase → line-height ~14px\n    //   value row: text-sm font-semibold → line-height 20px\n    //   + optional comparison text-[10px] inside value row\n    if (compact) {\n        return (\n            <div\n                className={cls(\n                    \"animate-pulse\",\n                    embedded\n                        ? \"h-full px-2.5 py-2\"\n                        : \"flex flex-col gap-0.5 rounded-md bg-transparent border min-w-0 px-2.5 py-2\",\n                    !embedded && defaultBorderMixin\n                )}\n            >\n                {/* Title line */}\n                <div className=\"bg-surface-200 dark:bg-surface-700 rounded-sm\"\n                    style={{ height: 14,\nwidth: 48 }}\n                />\n                {/* Value + optional comparison row */}\n                <div className=\"flex items-baseline gap-1.5\">\n                    <div className=\"bg-surface-200 dark:bg-surface-700 rounded-sm\"\n                        style={{ height: 20,\nwidth: 40 }}\n                    />\n                    {hasComparison && (\n                        <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded-sm\"\n                            style={{ height: 14,\nwidth: 28 }}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    // ── Standard scorecard skeleton ─────────────────────────────────────\n    return <StandardSkeleton\n        hasComparison={hasComparison}\n        hasIcon={hasIcon}\n        hasDateRange={hasDateRange}\n        embedded={embedded}\n        fixedHeight={fixedHeight}\n    />;\n}\n\n// ── Tailwind line-height reference ──────────────────────────────────────\n// All heights below are the **computed** CSS line-heights, accounting\n// for `leading-*` overrides that InsightsScorecardView applies.\n//\n// Title:\n//   text-xs (12px) + leading-snug (1.375)  → 12 × 1.375 = 16.5px\n//   text-[11px]    + leading-snug (1.375)  → 11 × 1.375 = 15.125px\n//\n// DateRange:\n//   text-[10px] with no explicit LH        → normal ≈ 14px (browser)\n//\n// Value:\n//   text-2xl (24px) + leading-tight (1.25) → 24 × 1.25 = 30px\n//   text-xl  (20px) + leading-tight (1.25) → 20 × 1.25 = 25px\n//   text-lg  (18px) + leading-tight (1.25) → 18 × 1.25 = 22.5px\n//\n// Comparison:\n//   text-xs (12px)  → built-in LH 1rem     = 16px\n\n/**\n * Inner component for the standard scorecard skeleton.\n *\n * Mirrors InsightsScorecardView's layout by:\n * 1. Using the same ResizeObserver + containerWidth pattern for\n *    responsive breakpoints (isSmall < 200px, isMedium < 300px).\n * 2. Using placeholder heights derived from the exact computed\n *    Tailwind line-heights that InsightsScorecardView renders.\n * 3. Matching all container classes, margins, paddings, and flex\n *    layout properties identically.\n */\nfunction StandardSkeleton({\n    hasComparison,\n    hasIcon,\n    hasDateRange,\n    embedded,\n    fixedHeight\n}: {\n    hasComparison: boolean;\n    hasIcon: boolean;\n    hasDateRange: boolean;\n    embedded: boolean;\n    fixedHeight?: number;\n}) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (!containerRef.current) return;\n        setContainerWidth(containerRef.current.offsetWidth);\n        const observer = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerWidth(entry.contentRect.width);\n            }\n        });\n        observer.observe(containerRef.current);\n        return () => observer.disconnect();\n    }, []);\n\n    // Mirror InsightsScorecardView's responsive breakpoints exactly\n    const isSmall = containerWidth !== null && containerWidth < 200;\n\n    // Computed line-heights for each breakpoint\n    // Title: text-xs + leading-snug = 16.5px, text-[11px] + leading-snug = 15.125px\n    const titleHeight = isSmall ? 15 : 16.5;\n    // Value: leading-tight (×1.25) applied on top of font-size\n    const valueHeight = isSmall\n        ? 22.5 // text-lg: 18 × 1.25\n        : (containerWidth !== null && containerWidth < 300)\n            ? 25 // text-xl: 20 × 1.25\n            : 30; // text-2xl: 24 × 1.25\n    // Comparison: text-xs = 12px / 16px line-height (no leading override)\n    const comparisonHeight = 16;\n    // Icon: 14px when small, 18px otherwise\n    const iconSize = isSmall ? 14 : 18;\n\n    const baseClass = embedded\n        ? `flex flex-col min-w-0 h-full ${isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\"}`\n        : cls(\"rounded-lg flex flex-col min-w-0 bg-transparent border\", defaultBorderMixin, isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\");\n\n    return (\n        <div\n            ref={containerRef}\n            className={cls(\"animate-pulse\", baseClass)}\n            style={embedded ? undefined : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 }}\n        >\n            {/* Title row — identical flex structure to InsightsScorecardView */}\n            <div className={`flex items-center justify-between ${isSmall ? \"mb-1\" : \"mb-2\"}`}>\n                <div className=\"flex flex-col min-w-0\">\n                    {/* Title placeholder */}\n                    <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                        style={{ height: titleHeight,\nwidth: \"60%\" }}\n                    />\n                    {/* DateRange — hidden when isSmall, same as real view (line 134) */}\n                    {hasDateRange && !isSmall && (\n                        <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded mt-0.5\"\n                            style={{ height: 14,\nwidth: \"40%\" }}\n                        />\n                    )}\n                </div>\n                {/* Icon placeholder — same wrapper as real view */}\n                {hasIcon && (\n                    <span className=\"ml-2 shrink-0\">\n                        <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                            style={{ height: iconSize,\nwidth: iconSize }}\n                        />\n                    </span>\n                )}\n            </div>\n\n            {/* Main value placeholder */}\n            <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                style={{ height: valueHeight,\nwidth: \"40%\" }}\n            />\n\n            {/* Comparison placeholder */}\n            {hasComparison && (\n                <div className={isSmall ? \"mt-0.5\" : \"mt-1\"}>\n                    <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded\"\n                        style={{ height: comparisonHeight,\nwidth: \"25%\" }}\n                    />\n                </div>\n            )}\n        </div>\n    );\n}\n\nInsightWidgetSkeleton.displayName = \"InsightWidgetSkeleton\";\n","import React from \"react\";\nimport type { InsightDefinition, DataRow, ScorecardConfig } from \"../types\";\nimport { useInsightsData } from \"../engine/useInsightsData\";\nimport { InsightsScorecardView } from \"./InsightsScorecardView\";\nimport { InsightWidgetSkeleton } from \"./InsightWidgetSkeleton\";\n\n/**\n * Compute a deterministic fixed height for a standard scorecard based\n * on which optional elements the config declares.  This eliminates\n * layout shift between skeleton and loaded states.\n *\n * Breakdown (non-compact, non-small):\n *   py-4 padding:     16 + 16 = 32\n *   title row:        16.5  (text-xs leading-snug)\n *   mb-2 margin:      8\n *   value:            30    (text-2xl leading-tight)\n *   ---\n *   base:             86.5\n *   + dateRange:      +16   (14px text + 2px mt-0.5)\n *   + comparison:     +20   (16px text + 4px mt-1)\n */\nfunction computeFixedHeight(config: ScorecardConfig): number {\n    let h = 86.5; // base: padding + title + mb-2 + value\n    if (config.dateRange) h += 16;\n    if (config.comparison) h += 20;\n    return Math.ceil(h);\n}\n\n/**\n * Single insight widget orchestrator.\n *\n * Wraps skeleton and loaded states in a fixed-height container\n * (computed from the scorecard config) to prevent layout shift.\n *\n * All theme-awareness is handled via Tailwind `dark:` classes.\n */\nexport function InsightWidget({\n    definition,\n    collectionSlug,\n    path,\n    parentCollectionSlugs, parentEntityIds,\n    compact = false,\n    embedded = false\n}: {\n    definition: InsightDefinition;\n    collectionSlug?: string;\n    path?: string;\n    parentCollectionSlugs?: string[], parentEntityIds?: string[];\n    compact?: boolean;\n    /** When true, inner views skip their own borders since the parent card provides them. */\n    embedded?: boolean;\n}) {\n    const { data, loading, error } = useInsightsData(definition, { path,\ncollectionSlug,\nparentCollectionSlugs });\n\n    // For non-compact, non-embedded standard scorecards, use a fixed height\n    // derived from the config to prevent layout shift between skeleton → loaded.\n    const fixedHeight = (!compact && !embedded) ? computeFixedHeight(definition.scorecard) : undefined;\n\n    if (loading) {\n        return <InsightWidgetSkeleton config={definition.scorecard} compact={compact} embedded={embedded} fixedHeight={fixedHeight} />;\n    }\n\n    if (error) {\n        return (\n            <div\n                className={`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\"}`}`}\n                style={fixedHeight ? { height: fixedHeight } : undefined}\n            >\n                <div className=\"font-semibold mb-1\">{definition.title}</div>\n                <div>{error.message}</div>\n            </div>\n        );\n    }\n\n    if (!data || data.rows.length === 0) {\n        return (\n            <div\n                className={`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\"}`}`}\n                style={fixedHeight ? { height: fixedHeight } : undefined}\n            >\n                {definition.title} — No data\n            </div>\n        );\n    }\n\n    return (\n        <InsightsScorecardView\n            config={definition.scorecard}\n            data={data.rows[0] as DataRow}\n            title={definition.title}\n            compact={compact}\n            embedded={embedded}\n            fixedHeight={fixedHeight}\n        />\n    );\n}\n\nInsightWidget.displayName = \"InsightWidget\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Renders compact insight widgets inline within a home page collection card.\n * Injected via the `home.card.insight` slot.\n *\n * Uses a horizontal flex layout so multiple cards sit side by side.\n */\nexport function HomeCardInsightSlot({\n    slug,\n    insights\n}: {\n    slug: string;\n    collection: unknown;\n    context: unknown;\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    // Each compact card row is ~42px; estimate 2 cards per row for wrapping\n    const estimatedRows = Math.ceil(insights.length / 2);\n    const minHeight = estimatedRows * 42 + (estimatedRows - 1) * 6; // 6px = gap-1.5\n\n    return (\n        <div className=\"flex flex-wrap items-center gap-1.5 mt-2\" style={{ minHeight }}>\n            {insights.map((def) => (\n                <InsightWidget\n                    key={def.id}\n                    definition={def}\n                    collectionSlug={slug}\n                    compact={true}\n                />\n            ))}\n        </div>\n    );\n}\n\nHomeCardInsightSlot.displayName = \"HomeCardInsightSlot\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Scorecard insights panel rendered at the top of the home page.\n * Injected via the `home.children.start` slot.\n *\n * Renders scorecards in a responsive grid (up to 4 columns).\n */\nexport function HomeInsightsSlot({\n    insights\n}: {\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    return (\n        <div\n            className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-6\"\n            style={{ minHeight: 92 }}\n        >\n            {insights.map((def) => (\n                <InsightWidget key={def.id} definition={def} />\n            ))}\n        </div>\n    );\n}\n\nHomeInsightsSlot.displayName = \"HomeInsightsSlot\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Renders scorecard insight widgets inline within a collection's list view,\n * positioned below the title and above the main data list.\n *\n * Injected via the `collection.insights` slot.\n */\nexport function CollectionInsightsInline({\n    insights,\n    path,\n    parentCollectionSlugs,\n    parentEntityIds\n}: {\n    path: string;\n    collection: unknown;\n    parentCollectionSlugs: string[], parentEntityIds: string[];\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    return (\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-4\">\n            {insights.map((def) => (\n                <InsightWidget\n                    key={def.id}\n                    definition={def}\n                    path={path}\n                    parentCollectionSlugs={parentCollectionSlugs} parentEntityIds={parentEntityIds}\n                />\n            ))}\n        </div>\n    );\n}\n\nCollectionInsightsInline.displayName = \"CollectionInsightsInline\";\n","import React from \"react\";\nimport type { RebasePlugin, SlotContribution } from \"@rebasepro/types\";\nimport type { InsightsPluginConfig } from \"./types\";\nimport { InsightsProvider } from \"./engine/InsightsProvider\";\nimport { HomeCardInsightSlot } from \"./components/HomeCardInsightSlot\";\nimport { HomeInsightsSlot } from \"./components/HomeInsightsSlot\";\nimport { CollectionInsightsInline } from \"./components/CollectionInsightsInline\";\n\n/**\n * Creates the Insights plugin for Rebase.\n *\n * This plugin injects scorecard widgets into key UI locations:\n * - **Home page header**: KPI overview via `home.children.start` slot\n * - **Collection list view**: Scorecards inline (below title, above list) via `collection.insights` slot\n * - **Home page cards**: Compact scorecard metrics auto-extracted from collection insights via `home.card.insight` slot\n *\n * Collection-level insights (`collections.<slug>`) are the single source of truth:\n * scorecards render in the collection list view and are automatically extracted\n * to show as compact widgets on the corresponding home page card.\n *\n * Each insight owns its own `data()` callback — use the Rebase client SDK,\n * call a custom function, or hit any external API. Full flexibility, zero new endpoints.\n *\n * @example\n * ```typescript\n * import { useInsightsPlugin } from \"@rebasepro/plugin-insights\";\n *\n * const insightsPlugin = useInsightsPlugin({\n *     cacheTTL: 120_000,\n *     insights: {\n *         home: [\n *             { id: \"revenue\", title: \"Revenue\", data: async () => ..., scorecard: { ... } },\n *         ],\n *         collections: {\n *             orders: [\n *                 { id: \"total\", title: \"Total Orders\", data: async () => ..., scorecard: { ... } },\n *             ],\n *         },\n *     },\n * });\n * ```\n */\nexport function useInsightsPlugin(config: InsightsPluginConfig): RebasePlugin {\n    const { insights, cacheTTL } = config;\n\n    return React.useMemo(() => {\n        const slots: SlotContribution[] = [];\n\n        // ── Home page insights ────────────────────────────────────────────\n        if (insights.home && insights.home.length > 0) {\n            const homeInsights = insights.home;\n            slots.push({\n                slot: \"home.children.start\" as const,\n                Component: (props: Record<string, unknown>) => (\n                    <HomeInsightsSlot\n                        {...props}\n                        insights={homeInsights}\n                    />\n                ),\n                order: 10\n            });\n        }\n\n        // ── Per-collection insights ───────────────────────────────────────\n        // A single `collections.<slug>` definition serves two slots:\n        // 1. collection.insights  → inline scorecards in the list view\n        // 2. home.card.insight    → compact scorecards on the home card\n        if (insights.collections) {\n            for (const [slug, defs] of Object.entries(insights.collections)) {\n                if (defs.length === 0) continue;\n                const collectionInsights = defs;\n\n                // 1. Inline in collection list view\n                slots.push({\n                    slot: \"collection.insights\" as const,\n                    Component: (props: Record<string, unknown>) => {\n                        const path = props.path as string;\n                        const collectionSlug = path?.split(\"/\").filter(Boolean).pop() ?? \"\";\n                        if (collectionSlug !== slug) return null;\n                        return (\n                            <CollectionInsightsInline\n                                {...props as { path: string; collection: unknown; parentCollectionSlugs: string[], parentEntityIds: string[] }}\n                                insights={collectionInsights}\n                            />\n                        );\n                    },\n                    order: 10\n                });\n\n                // 2. Auto-extract scorecards for home page card\n                slots.push({\n                    slot: \"home.card.insight\" as const,\n                    Component: (props: Record<string, unknown>) => {\n                        const cardSlug = props.slug as string;\n                        if (cardSlug !== slug) return null;\n                        return (\n                            <HomeCardInsightSlot\n                                {...props as { slug: string; collection: unknown; context: unknown }}\n                                insights={collectionInsights}\n                            />\n                        );\n                    },\n                    order: 10\n                });\n            }\n        }\n\n        return {\n            key: \"plugin-insights\",\n            slots,\n            providers: [\n                {\n                    scope: \"root\" as const,\n                    Component: InsightsProvider as React.ComponentType<React.PropsWithChildren<Record<string, unknown>>>,\n                    props: { cacheTTL }\n                }\n            ]\n        };\n    }, [insights, cacheTTL]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.es.js","names":[],"sources":["../src/engine/InsightsCache.ts","../src/engine/InsightsProvider.tsx","../src/engine/useInsightsData.ts","../src/components/InsightsScorecardView.tsx","../src/components/InsightWidgetSkeleton.tsx","../src/components/InsightWidget.tsx","../src/components/HomeCardInsightSlot.tsx","../src/components/HomeInsightsSlot.tsx","../src/components/CollectionInsightsInline.tsx","../src/useInsightsPlugin.tsx"],"sourcesContent":["import type { InsightDataResult } from \"../types\";\n\ninterface CacheEntry {\n    data: InsightDataResult;\n    timestamp: number;\n}\n\n/**\n * In-memory cache for insight query results.\n * Supports TTL-based expiry and inflight request deduplication\n * to prevent redundant network requests when multiple widgets\n * share the same query.\n */\nexport class InsightsCache {\n    private cache = new Map<string, CacheEntry>();\n    private inflight = new Map<string, Promise<InsightDataResult>>();\n\n    constructor(private ttl = 60_000) {}\n\n    get(key: string): InsightDataResult | null {\n        const entry = this.cache.get(key);\n        if (!entry) return null;\n        if (Date.now() - entry.timestamp > this.ttl) {\n            this.cache.delete(key);\n            return null;\n        }\n        return entry.data;\n    }\n\n    set(key: string, data: InsightDataResult): void {\n        this.cache.set(key, { data,\ntimestamp: Date.now() });\n        this.inflight.delete(key);\n    }\n\n    getInflight(key: string): Promise<InsightDataResult> | null {\n        return this.inflight.get(key) ?? null;\n    }\n\n    setInflight(key: string, promise: Promise<InsightDataResult>): void {\n        this.inflight.set(key, promise);\n    }\n\n    invalidate(key?: string): void {\n        if (key) {\n            this.cache.delete(key);\n            this.inflight.delete(key);\n        } else {\n            this.cache.clear();\n            this.inflight.clear();\n        }\n    }\n}\n","import React, { createContext, useContext, useMemo, type PropsWithChildren } from \"react\";\nimport { InsightsCache } from \"./InsightsCache\";\n\ninterface InsightsContextValue {\n    cache: InsightsCache;\n}\n\nconst InsightsContext = createContext<InsightsContextValue | null>(null);\n\n/**\n * Root-level provider for the insights data engine.\n * Injected automatically by the plugin via `providers: [{ scope: \"root\" }]`.\n *\n * Manages a single `InsightsCache` instance shared by all insight widgets\n * for TTL-based caching and inflight request deduplication.\n */\nexport function InsightsProvider({\n    cacheTTL,\n    children\n}: PropsWithChildren<{ cacheTTL?: number }>) {\n    const cache = useMemo(() => new InsightsCache(cacheTTL), [cacheTTL]);\n    const value = useMemo(() => ({ cache }), [cache]);\n\n    return (\n        <InsightsContext.Provider value={value}>\n            {children}\n        </InsightsContext.Provider>\n    );\n}\n\n/**\n * Access the insights cache (for advanced usage).\n * Returns null when called outside of an `InsightsProvider`\n * (e.g. during auth-loading phase before plugin providers mount).\n */\nexport function useInsightsEngine(): InsightsContextValue | null {\n    return useContext(InsightsContext);\n}\n","import { useEffect, useState } from \"react\";\nimport type { InsightDefinition, InsightDataResult, InsightContext } from \"../types\";\nimport { useInsightsEngine } from \"./InsightsProvider\";\nimport { useAuthController } from \"@rebasepro/app\";\n\n/**\n * Hook that fetches and caches data for a single insight definition.\n *\n * Calls the definition's own `data()` callback and manages:\n * - TTL-based caching via InsightsCache\n * - Inflight request deduplication (multiple mounts of the same widget)\n * - Loading and error state management\n *\n * @param definition - The insight to fetch data for\n * @param collectionSlug - Optional collection context for cache key scoping\n */\nexport function useInsightsData(\n    definition: InsightDefinition,\n    context: InsightContext\n): {\n    data: InsightDataResult | null;\n    loading: boolean;\n    error: Error | null;\n} {\n    const engine = useInsightsEngine();\n    const cache = engine?.cache ?? null;\n    const { initialLoading, authLoading, user, loginSkipped } = useAuthController();\n    const authReady = !initialLoading && !authLoading && (Boolean(user) || loginSkipped);\n    const [data, setData] = useState<InsightDataResult | null>(null);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    const cacheKey = `${definition.id}:${context.path ?? context.collectionSlug ?? \"global\"}`;\n\n    useEffect(() => {\n        // Keep showing skeleton until both auth and engine are ready\n        if (!authReady || !cache) {\n            return;\n        }\n\n        let cancelled = false;\n\n        // 1. Check cache\n        const cached = cache.get(cacheKey);\n        if (cached) {\n            setData(cached);\n            setLoading(false);\n            return;\n        }\n\n        // 2. Check inflight — deduplicate concurrent requests for the same widget\n        const inflight = cache.getInflight(cacheKey);\n        if (inflight) {\n            setLoading(true);\n            inflight\n                .then((result) => {\n                    if (!cancelled) {\n                        setData(result);\n                    }\n                })\n                .catch((err) => {\n                    if (!cancelled) setError(err instanceof Error ? err : new Error(String(err)));\n                })\n                .finally(() => {\n                    if (!cancelled) setLoading(false);\n                });\n            return;\n        }\n\n        // 3. Fresh fetch — invoke the definition's own data callback\n        setLoading(true);\n        setError(null);\n\n        const promise = definition.data(context);\n\n        cache.setInflight(cacheKey, promise);\n\n        promise\n            .then((result) => {\n                cache.set(cacheKey, result);\n                if (!cancelled) {\n                    setData(result);\n                }\n            })\n            .catch((err) => {\n                cache.invalidate(cacheKey);\n                if (!cancelled) {\n                    setError(err instanceof Error ? err : new Error(String(err)));\n                }\n            })\n            .finally(() => {\n                if (!cancelled) setLoading(false);\n            });\n\n        return () => {\n            cancelled = true;\n        };\n    }, [definition.id, definition.data, context.path, context.collectionSlug, cacheKey, cache, authReady]);\n\n    return { data,\nloading,\nerror };\n}\n","import React, { useRef, useState } from \"react\";\nimport { getIcon } from \"@rebasepro/app\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport type { DataRow, ScorecardConfig, ScorecardFormat } from \"../types\";\n\nfunction formatNumber(value: number, format?: ScorecardFormat): string {\n    if (value === null || value === undefined) return \"N/A\";\n\n    const options: Intl.NumberFormatOptions = {\n        style: format?.style ?? \"decimal\",\n        notation: format?.notation ?? \"standard\"\n    };\n\n    // Only pin the fraction digits when the config asks for a specific count.\n    // Without this, Intl's per-style defaults apply: integers stay integers\n    // (\"80\", not \"80.0\") while currency keeps its two decimals (\"$452.95\").\n    if (format?.decimals !== undefined) {\n        options.maximumFractionDigits = format.decimals;\n        options.minimumFractionDigits = format.decimals;\n    }\n\n    if (format?.style === \"currency\") {\n        options.currency = format.currency ?? \"USD\";\n    }\n\n    let formatted = new Intl.NumberFormat(\"en-US\", options).format(value);\n\n    if (format?.showSign && value > 0) {\n        formatted = \"+\" + formatted;\n    }\n\n    return formatted;\n}\n\n/**\n * Scorecard widget for the Rebase design system.\n *\n * Renders a single KPI metric with optional comparison value and icon.\n * Uses Tailwind `dark:` classes — no JS dark mode detection.\n * Icons are resolved via `getIcon` from `@rebasepro/app`.\n */\nexport function InsightsScorecardView({\n    config,\n    data,\n    title,\n    compact = false,\n    embedded = false,\n    fixedHeight\n}: {\n    config: ScorecardConfig;\n    data: DataRow;\n    title: string;\n    compact?: boolean;\n    /** When true, skip own border/bg since the parent card provides them. */\n    embedded?: boolean;\n    /** Explicit height to prevent layout shift between skeleton → loaded. */\n    fixedHeight?: number;\n}) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (!containerRef.current) return;\n        // Read initial width synchronously before paint\n        setContainerWidth(containerRef.current.offsetWidth);\n        const observer = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerWidth(entry.contentRect.width);\n            }\n        });\n        observer.observe(containerRef.current);\n        return () => observer.disconnect();\n    }, []);\n\n    const mainValue = data[config.value.field];\n    const formattedValue = typeof mainValue === \"number\"\n        ? formatNumber(mainValue, config.value.format)\n        : String(mainValue ?? \"N/A\");\n\n    // Comparison rendering\n    let comparisonElement: React.ReactNode = null;\n    if (config.comparison) {\n        const comparisonValue = data[config.comparison.field];\n        if (typeof comparisonValue === \"number\") {\n            const formattedComparison = formatNumber(comparisonValue, config.comparison.format);\n            const isPositive = comparisonValue > 0;\n            const isNegative = comparisonValue < 0;\n\n            let colorClass = \"text-surface-500 dark:text-surface-400\";\n            if (config.comparison.intent === \"increase_is_good\") {\n                if (isPositive) colorClass = \"text-emerald-500\";\n                if (isNegative) colorClass = \"text-red-500\";\n            } else if (config.comparison.intent === \"decrease_is_good\") {\n                if (isPositive) colorClass = \"text-red-500\";\n                if (isNegative) colorClass = \"text-emerald-500\";\n            }\n\n            comparisonElement = (\n                <span className={`font-medium ${compact ? \"text-[10px]\" : \"text-xs\"} ${colorClass}`}>\n                    {formattedComparison}\n                </span>\n            );\n        }\n    }\n\n    const isSmall = compact || (containerWidth !== null && containerWidth < 200);\n\n    // Resolve icon via getIcon (Lucide-based resolution)\n    const iconElement = config.icon\n        ? getIcon(config.icon, \"text-surface-400 dark:text-surface-500\", undefined, isSmall ? 14 : 18)\n        : null;\n\n    // ── Compact card-inline layout ──────────────────────────────────────\n    if (compact) {\n        return (\n            <div className={cls(\"flex flex-col gap-0.5 px-2.5 py-2 rounded-md bg-transparent border min-w-0\", defaultBorderMixin)}>\n                <span className=\"text-[10px] uppercase tracking-wider text-surface-400 dark:text-surface-500 truncate\">\n                    {title}\n                </span>\n                <div className=\"flex items-baseline gap-1.5\">\n                    <span className=\"text-sm font-semibold tabular-nums text-surface-800 dark:text-surface-100\">\n                        {formattedValue}\n                    </span>\n                    {comparisonElement}\n                </div>\n            </div>\n        );\n    }\n\n    // ── Standard scorecard layout ───────────────────────────────────────\n    const baseClass = embedded\n        ? `flex flex-col min-w-0 h-full ${isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\"}`\n        : cls(\"rounded-lg flex flex-col min-w-0 bg-transparent border\", defaultBorderMixin, isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\");\n\n    return (\n        <div ref={containerRef} className={baseClass} style={embedded ? undefined : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 }}>\n            {/* Title row */}\n            <div className={`flex items-center justify-between ${isSmall ? \"mb-1\" : \"mb-2\"}`}>\n                <div className=\"flex flex-col min-w-0\">\n                    <span className={`font-medium leading-snug truncate text-surface-500 dark:text-surface-400 ${isSmall ? \"text-[11px]\" : \"text-xs\"}`}>\n                        {title}\n                    </span>\n                    {config.dateRange && !isSmall && (\n                        <span className=\"text-[10px] text-surface-400 dark:text-surface-500 truncate mt-0.5\">\n                            {config.dateRange}\n                        </span>\n                    )}\n                </div>\n                {iconElement && (\n                    <span className=\"ml-2 shrink-0\">{iconElement}</span>\n                )}\n            </div>\n\n            {/* Main value */}\n            <div className={`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\"}`}>\n                {formattedValue}\n            </div>\n\n            {/* Comparison */}\n            {comparisonElement && (\n                <div className={isSmall ? \"mt-0.5\" : \"mt-1\"}>\n                    {comparisonElement}\n                </div>\n            )}\n        </div>\n    );\n}\n\nInsightsScorecardView.displayName = \"InsightsScorecardView\";\n","import React, { useRef, useState } from \"react\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport type { ScorecardConfig } from \"../types\";\n\n/**\n * Skeleton loader for scorecard insight widgets — displays animated\n * shimmer placeholders that exactly match the final rendered layout\n * of InsightsScorecardView for a given config, preventing layout shift.\n *\n * The skeleton receives the scorecard config so it can conditionally\n * render placeholder lines for comparison, dateRange, and icon —\n * only when the loaded view will also render them.\n *\n * The standard skeleton mirrors InsightsScorecardView's responsive\n * container-width breakpoints (ResizeObserver → isSmall / isMedium)\n * and uses placeholder heights that exactly match the **computed**\n * Tailwind line-heights (accounting for `leading-*` overrides).\n * This guarantees a pixel-perfect skeleton → loaded transition.\n */\nexport function InsightWidgetSkeleton({\n    config,\n    compact = false,\n    embedded = false,\n    fixedHeight\n}: {\n    /** Scorecard config — used to match optional elements (comparison, dateRange, icon). */\n    config: ScorecardConfig;\n    compact?: boolean;\n    /** When true, skip own border since the parent card provides it. */\n    embedded?: boolean;\n    /** Explicit height to prevent layout shift between skeleton → loaded. */\n    fixedHeight?: number;\n}) {\n    const hasComparison = Boolean(config.comparison);\n    const hasIcon = Boolean(config.icon);\n    const hasDateRange = Boolean(config.dateRange);\n\n    // ── Compact scorecard skeleton ──────────────────────────────────────\n    // Matches InsightsScorecardView compact layout:\n    //   container: flex flex-col gap-0.5 px-2.5 py-2 rounded-md border\n    //   title:     text-[10px] uppercase → line-height ~14px\n    //   value row: text-sm font-semibold → line-height 20px\n    //   + optional comparison text-[10px] inside value row\n    if (compact) {\n        return (\n            <div\n                className={cls(\n                    \"animate-pulse\",\n                    embedded\n                        ? \"h-full px-2.5 py-2\"\n                        : \"flex flex-col gap-0.5 rounded-md bg-transparent border min-w-0 px-2.5 py-2\",\n                    !embedded && defaultBorderMixin\n                )}\n            >\n                {/* Title line */}\n                <div className=\"bg-surface-200 dark:bg-surface-700 rounded-sm\"\n                    style={{ height: 14,\nwidth: 48 }}\n                />\n                {/* Value + optional comparison row */}\n                <div className=\"flex items-baseline gap-1.5\">\n                    <div className=\"bg-surface-200 dark:bg-surface-700 rounded-sm\"\n                        style={{ height: 20,\nwidth: 40 }}\n                    />\n                    {hasComparison && (\n                        <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded-sm\"\n                            style={{ height: 14,\nwidth: 28 }}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    // ── Standard scorecard skeleton ─────────────────────────────────────\n    return <StandardSkeleton\n        hasComparison={hasComparison}\n        hasIcon={hasIcon}\n        hasDateRange={hasDateRange}\n        embedded={embedded}\n        fixedHeight={fixedHeight}\n    />;\n}\n\n// ── Tailwind line-height reference ──────────────────────────────────────\n// All heights below are the **computed** CSS line-heights, accounting\n// for `leading-*` overrides that InsightsScorecardView applies.\n//\n// Title:\n//   text-xs (12px) + leading-snug (1.375)  → 12 × 1.375 = 16.5px\n//   text-[11px]    + leading-snug (1.375)  → 11 × 1.375 = 15.125px\n//\n// DateRange:\n//   text-[10px] with no explicit LH        → normal ≈ 14px (browser)\n//\n// Value:\n//   text-2xl (24px) + leading-tight (1.25) → 24 × 1.25 = 30px\n//   text-xl  (20px) + leading-tight (1.25) → 20 × 1.25 = 25px\n//   text-lg  (18px) + leading-tight (1.25) → 18 × 1.25 = 22.5px\n//\n// Comparison:\n//   text-xs (12px)  → built-in LH 1rem     = 16px\n\n/**\n * Inner component for the standard scorecard skeleton.\n *\n * Mirrors InsightsScorecardView's layout by:\n * 1. Using the same ResizeObserver + containerWidth pattern for\n *    responsive breakpoints (isSmall < 200px, isMedium < 300px).\n * 2. Using placeholder heights derived from the exact computed\n *    Tailwind line-heights that InsightsScorecardView renders.\n * 3. Matching all container classes, margins, paddings, and flex\n *    layout properties identically.\n */\nfunction StandardSkeleton({\n    hasComparison,\n    hasIcon,\n    hasDateRange,\n    embedded,\n    fixedHeight\n}: {\n    hasComparison: boolean;\n    hasIcon: boolean;\n    hasDateRange: boolean;\n    embedded: boolean;\n    fixedHeight?: number;\n}) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (!containerRef.current) return;\n        setContainerWidth(containerRef.current.offsetWidth);\n        const observer = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerWidth(entry.contentRect.width);\n            }\n        });\n        observer.observe(containerRef.current);\n        return () => observer.disconnect();\n    }, []);\n\n    // Mirror InsightsScorecardView's responsive breakpoints exactly\n    const isSmall = containerWidth !== null && containerWidth < 200;\n\n    // Computed line-heights for each breakpoint\n    // Title: text-xs + leading-snug = 16.5px, text-[11px] + leading-snug = 15.125px\n    const titleHeight = isSmall ? 15 : 16.5;\n    // Value: leading-tight (×1.25) applied on top of font-size\n    const valueHeight = isSmall\n        ? 22.5 // text-lg: 18 × 1.25\n        : (containerWidth !== null && containerWidth < 300)\n            ? 25 // text-xl: 20 × 1.25\n            : 30; // text-2xl: 24 × 1.25\n    // Comparison: text-xs = 12px / 16px line-height (no leading override)\n    const comparisonHeight = 16;\n    // Icon: 14px when small, 18px otherwise\n    const iconSize = isSmall ? 14 : 18;\n\n    const baseClass = embedded\n        ? `flex flex-col min-w-0 h-full ${isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\"}`\n        : cls(\"rounded-lg flex flex-col min-w-0 bg-transparent border\", defaultBorderMixin, isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\");\n\n    return (\n        <div\n            ref={containerRef}\n            className={cls(\"animate-pulse\", baseClass)}\n            style={embedded ? undefined : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 }}\n        >\n            {/* Title row — identical flex structure to InsightsScorecardView */}\n            <div className={`flex items-center justify-between ${isSmall ? \"mb-1\" : \"mb-2\"}`}>\n                <div className=\"flex flex-col min-w-0\">\n                    {/* Title placeholder */}\n                    <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                        style={{ height: titleHeight,\nwidth: \"60%\" }}\n                    />\n                    {/* DateRange — hidden when isSmall, same as real view (line 134) */}\n                    {hasDateRange && !isSmall && (\n                        <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded mt-0.5\"\n                            style={{ height: 14,\nwidth: \"40%\" }}\n                        />\n                    )}\n                </div>\n                {/* Icon placeholder — same wrapper as real view */}\n                {hasIcon && (\n                    <span className=\"ml-2 shrink-0\">\n                        <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                            style={{ height: iconSize,\nwidth: iconSize }}\n                        />\n                    </span>\n                )}\n            </div>\n\n            {/* Main value placeholder */}\n            <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                style={{ height: valueHeight,\nwidth: \"40%\" }}\n            />\n\n            {/* Comparison placeholder */}\n            {hasComparison && (\n                <div className={isSmall ? \"mt-0.5\" : \"mt-1\"}>\n                    <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded\"\n                        style={{ height: comparisonHeight,\nwidth: \"25%\" }}\n                    />\n                </div>\n            )}\n        </div>\n    );\n}\n\nInsightWidgetSkeleton.displayName = \"InsightWidgetSkeleton\";\n","import React from \"react\";\nimport type { InsightDefinition, DataRow, ScorecardConfig } from \"../types\";\nimport { useInsightsData } from \"../engine/useInsightsData\";\nimport { InsightsScorecardView } from \"./InsightsScorecardView\";\nimport { InsightWidgetSkeleton } from \"./InsightWidgetSkeleton\";\n\n/**\n * Compute a deterministic fixed height for a standard scorecard based\n * on which optional elements the config declares.  This eliminates\n * layout shift between skeleton and loaded states.\n *\n * Breakdown (non-compact, non-small):\n *   py-4 padding:     16 + 16 = 32\n *   title row:        16.5  (text-xs leading-snug)\n *   mb-2 margin:      8\n *   value:            30    (text-2xl leading-tight)\n *   ---\n *   base:             86.5\n *   + dateRange:      +16   (14px text + 2px mt-0.5)\n *   + comparison:     +20   (16px text + 4px mt-1)\n */\nfunction computeFixedHeight(config: ScorecardConfig): number {\n    let h = 86.5; // base: padding + title + mb-2 + value\n    if (config.dateRange) h += 16;\n    if (config.comparison) h += 20;\n    return Math.ceil(h);\n}\n\n/**\n * Single insight widget orchestrator.\n *\n * Wraps skeleton and loaded states in a fixed-height container\n * (computed from the scorecard config) to prevent layout shift.\n *\n * All theme-awareness is handled via Tailwind `dark:` classes.\n */\nexport function InsightWidget({\n    definition,\n    collectionSlug,\n    path,\n    parentCollectionSlugs, parentEntityIds,\n    compact = false,\n    embedded = false\n}: {\n    definition: InsightDefinition;\n    collectionSlug?: string;\n    path?: string;\n    parentCollectionSlugs?: string[], parentEntityIds?: string[];\n    compact?: boolean;\n    /** When true, inner views skip their own borders since the parent card provides them. */\n    embedded?: boolean;\n}) {\n    const { data, loading, error } = useInsightsData(definition, { path,\ncollectionSlug,\nparentCollectionSlugs });\n\n    // For non-compact, non-embedded standard scorecards, use a fixed height\n    // derived from the config to prevent layout shift between skeleton → loaded.\n    const fixedHeight = (!compact && !embedded) ? computeFixedHeight(definition.scorecard) : undefined;\n\n    if (loading) {\n        return <InsightWidgetSkeleton config={definition.scorecard} compact={compact} embedded={embedded} fixedHeight={fixedHeight} />;\n    }\n\n    if (error) {\n        return (\n            <div\n                className={`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\"}`}`}\n                style={fixedHeight ? { height: fixedHeight } : undefined}\n            >\n                <div className=\"font-semibold mb-1\">{definition.title}</div>\n                <div>{error.message}</div>\n            </div>\n        );\n    }\n\n    if (!data || data.rows.length === 0) {\n        return (\n            <div\n                className={`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\"}`}`}\n                style={fixedHeight ? { height: fixedHeight } : undefined}\n            >\n                {definition.title} — No data\n            </div>\n        );\n    }\n\n    return (\n        <InsightsScorecardView\n            config={definition.scorecard}\n            data={data.rows[0] as DataRow}\n            title={definition.title}\n            compact={compact}\n            embedded={embedded}\n            fixedHeight={fixedHeight}\n        />\n    );\n}\n\nInsightWidget.displayName = \"InsightWidget\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Renders compact insight widgets inline within a home page collection card.\n * Injected via the `home.card.insight` slot.\n *\n * Uses a horizontal flex layout so multiple cards sit side by side.\n */\nexport function HomeCardInsightSlot({\n    slug,\n    insights\n}: {\n    slug: string;\n    collection: unknown;\n    context: unknown;\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    // Each compact card row is ~42px; estimate 2 cards per row for wrapping\n    const estimatedRows = Math.ceil(insights.length / 2);\n    const minHeight = estimatedRows * 42 + (estimatedRows - 1) * 6; // 6px = gap-1.5\n\n    return (\n        <div className=\"flex flex-wrap items-center gap-1.5 mt-2\" style={{ minHeight }}>\n            {insights.map((def) => (\n                <InsightWidget\n                    key={def.id}\n                    definition={def}\n                    collectionSlug={slug}\n                    compact={true}\n                />\n            ))}\n        </div>\n    );\n}\n\nHomeCardInsightSlot.displayName = \"HomeCardInsightSlot\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Scorecard insights panel rendered at the top of the home page.\n * Injected via the `home.children.start` slot.\n *\n * Renders scorecards in a responsive grid (up to 4 columns).\n */\nexport function HomeInsightsSlot({\n    insights\n}: {\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    return (\n        <div\n            className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-6\"\n            style={{ minHeight: 92 }}\n        >\n            {insights.map((def) => (\n                <InsightWidget key={def.id} definition={def} />\n            ))}\n        </div>\n    );\n}\n\nHomeInsightsSlot.displayName = \"HomeInsightsSlot\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Renders scorecard insight widgets inline within a collection's list view,\n * positioned below the title and above the main data list.\n *\n * Injected via the `collection.insights` slot.\n */\nexport function CollectionInsightsInline({\n    insights,\n    path,\n    parentCollectionSlugs,\n    parentEntityIds\n}: {\n    path: string;\n    collection: unknown;\n    parentCollectionSlugs: string[], parentEntityIds: string[];\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    return (\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-4\">\n            {insights.map((def) => (\n                <InsightWidget\n                    key={def.id}\n                    definition={def}\n                    path={path}\n                    parentCollectionSlugs={parentCollectionSlugs} parentEntityIds={parentEntityIds}\n                />\n            ))}\n        </div>\n    );\n}\n\nCollectionInsightsInline.displayName = \"CollectionInsightsInline\";\n","import React from \"react\";\nimport type { RebasePlugin, SlotContribution } from \"@rebasepro/types\";\nimport type { InsightsPluginConfig } from \"./types\";\nimport { InsightsProvider } from \"./engine/InsightsProvider\";\nimport { HomeCardInsightSlot } from \"./components/HomeCardInsightSlot\";\nimport { HomeInsightsSlot } from \"./components/HomeInsightsSlot\";\nimport { CollectionInsightsInline } from \"./components/CollectionInsightsInline\";\n\n/**\n * Creates the Insights plugin for Rebase.\n *\n * This plugin injects scorecard widgets into key UI locations:\n * - **Home page header**: KPI overview via `home.children.start` slot\n * - **Collection list view**: Scorecards inline (below title, above list) via `collection.insights` slot\n * - **Home page cards**: Compact scorecard metrics auto-extracted from collection insights via `home.card.insight` slot\n *\n * Collection-level insights (`collections.<slug>`) are the single source of truth:\n * scorecards render in the collection list view and are automatically extracted\n * to show as compact widgets on the corresponding home page card.\n *\n * Each insight owns its own `data()` callback — use the Rebase client SDK,\n * call a custom function, or hit any external API. Full flexibility, zero new endpoints.\n *\n * @example\n * ```typescript\n * import { useInsightsPlugin } from \"@rebasepro/plugin-insights\";\n *\n * const insightsPlugin = useInsightsPlugin({\n *     cacheTTL: 120_000,\n *     insights: {\n *         home: [\n *             { id: \"revenue\", title: \"Revenue\", data: async () => ..., scorecard: { ... } },\n *         ],\n *         collections: {\n *             orders: [\n *                 { id: \"total\", title: \"Total Orders\", data: async () => ..., scorecard: { ... } },\n *             ],\n *         },\n *     },\n * });\n * ```\n */\nexport function useInsightsPlugin(config: InsightsPluginConfig): RebasePlugin {\n    const { insights, cacheTTL } = config;\n\n    return React.useMemo(() => {\n        const slots: SlotContribution[] = [];\n\n        // ── Home page insights ────────────────────────────────────────────\n        if (insights.home && insights.home.length > 0) {\n            const homeInsights = insights.home;\n            slots.push({\n                slot: \"home.children.start\" as const,\n                Component: (props: Record<string, unknown>) => (\n                    <HomeInsightsSlot\n                        {...props}\n                        insights={homeInsights}\n                    />\n                ),\n                order: 10\n            });\n        }\n\n        // ── Per-collection insights ───────────────────────────────────────\n        // A single `collections.<slug>` definition serves two slots:\n        // 1. collection.insights  → inline scorecards in the list view\n        // 2. home.card.insight    → compact scorecards on the home card\n        if (insights.collections) {\n            for (const [slug, defs] of Object.entries(insights.collections)) {\n                if (defs.length === 0) continue;\n                const collectionInsights = defs;\n\n                // 1. Inline in collection list view\n                slots.push({\n                    slot: \"collection.insights\" as const,\n                    Component: (props: Record<string, unknown>) => {\n                        const path = props.path as string;\n                        const collectionSlug = path?.split(\"/\").filter(Boolean).pop() ?? \"\";\n                        if (collectionSlug !== slug) return null;\n\n                        // Skip relation-scoped views (e.g. a single product's Orders\n                        // tab). These aggregations are collection-wide — `InsightContext`\n                        // carries no parent entity id, so a definition cannot narrow to\n                        // the parent — and rendering \"Revenue $36.2K\" above one product's\n                        // two orders reads as a figure for those orders.\n                        const parentEntityIds = props.parentEntityIds as string[] | undefined;\n                        if (parentEntityIds && parentEntityIds.length > 0) return null;\n\n                        return (\n                            <CollectionInsightsInline\n                                {...props as { path: string; collection: unknown; parentCollectionSlugs: string[], parentEntityIds: string[] }}\n                                insights={collectionInsights}\n                            />\n                        );\n                    },\n                    order: 10\n                });\n\n                // 2. Auto-extract scorecards for home page card\n                slots.push({\n                    slot: \"home.card.insight\" as const,\n                    Component: (props: Record<string, unknown>) => {\n                        const cardSlug = props.slug as string;\n                        if (cardSlug !== slug) return null;\n                        return (\n                            <HomeCardInsightSlot\n                                {...props as { slug: string; collection: unknown; context: unknown }}\n                                insights={collectionInsights}\n                            />\n                        );\n                    },\n                    order: 10\n                });\n            }\n        }\n\n        return {\n            key: \"plugin-insights\",\n            slots,\n            providers: [\n                {\n                    scope: \"root\" as const,\n                    Component: InsightsProvider as React.ComponentType<React.PropsWithChildren<Record<string, unknown>>>,\n                    props: { cacheTTL }\n                }\n            ]\n        };\n    }, [insights, cacheTTL]);\n}\n"],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@rebasepro/plugin-insights",
   "type": "module",
-  "version": "0.9.1-canary.fd3754b",
-  "main": "./dist/index.umd.js",
+  "version": "0.10.0",
+  "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "source": "src/index.ts",
@@ -10,15 +10,14 @@
     ".": {
       "types": "./dist/index.d.ts",
       "development": "./dist/index.es.js",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
+      "import": "./dist/index.es.js"
     },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@rebasepro/app": "0.9.1-canary.fd3754b",
-    "@rebasepro/types": "0.9.1-canary.fd3754b",
-    "@rebasepro/ui": "0.9.1-canary.fd3754b"
+    "@rebasepro/app": "0.10.0",
+    "@rebasepro/types": "0.10.0",
+    "@rebasepro/ui": "0.10.0"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -83,7 +82,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json",
+    "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json && node ../../scripts/assert-build-output.mjs",
     "test": "jest --passWithNoTests"
   }
 }

package/src/components/InsightsScorecardView.tsx

@@ -8,11 +8,17 @@ function formatNumber(value: number, format?: ScorecardFormat): string {
 
     const options: Intl.NumberFormatOptions = {
         style: format?.style ?? "decimal",
-        notation: format?.notation ?? "standard",
-        maximumFractionDigits: format?.decimals ?? 1,
-        minimumFractionDigits: format?.decimals ?? 1
+        notation: format?.notation ?? "standard"
     };
 
+    // Only pin the fraction digits when the config asks for a specific count.
+    // Without this, Intl's per-style defaults apply: integers stay integers
+    // ("80", not "80.0") while currency keeps its two decimals ("$452.95").
+    if (format?.decimals !== undefined) {
+        options.maximumFractionDigits = format.decimals;
+        options.minimumFractionDigits = format.decimals;
+    }
+
     if (format?.style === "currency") {
         options.currency = format.currency ?? "USD";
     }

package/src/useInsightsPlugin.tsx

@@ -77,6 +77,15 @@ export function useInsightsPlugin(config: InsightsPluginConfig): RebasePlugin {
                         const path = props.path as string;
                         const collectionSlug = path?.split("/").filter(Boolean).pop() ?? "";
                         if (collectionSlug !== slug) return null;
+
+                        // Skip relation-scoped views (e.g. a single product's Orders
+                        // tab). These aggregations are collection-wide — `InsightContext`
+                        // carries no parent entity id, so a definition cannot narrow to
+                        // the parent — and rendering "Revenue $36.2K" above one product's
+                        // two orders reads as a figure for those orders.
+                        const parentEntityIds = props.parentEntityIds as string[] | undefined;
+                        if (parentEntityIds && parentEntityIds.length > 0) return null;
+
                         return (
                             <CollectionInsightsInline
                                 {...props as { path: string; collection: unknown; parentCollectionSlugs: string[], parentEntityIds: string[] }}

package/dist/index.umd.js

@@ -1,646 +0,0 @@
-(function(global, factory) {
-	typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react/jsx-runtime"), require("@rebasepro/app"), require("@rebasepro/ui")) : typeof define === "function" && define.amd ? define([
-		"exports",
-		"react",
-		"react/jsx-runtime",
-		"@rebasepro/app",
-		"@rebasepro/ui"
-	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.Rebase = {}, global.react, global.react_jsx_runtime, global._rebasepro_app, global._rebasepro_ui));
-})(this, function(exports, react, react_jsx_runtime, _rebasepro_app, _rebasepro_ui) {
-	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-	//#region \0rolldown/runtime.js
-	var __create = Object.create;
-	var __defProp = Object.defineProperty;
-	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-	var __getOwnPropNames = Object.getOwnPropertyNames;
-	var __getProtoOf = Object.getPrototypeOf;
-	var __hasOwnProp = Object.prototype.hasOwnProperty;
-	var __copyProps = (to, from, except, desc) => {
-		if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-			key = keys[i];
-			if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-				get: ((k) => from[k]).bind(null, key),
-				enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-			});
-		}
-		return to;
-	};
-	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-		value: mod,
-		enumerable: true
-	}) : target, mod));
-	//#endregion
-	react = __toESM(react, 1);
-	//#region src/engine/InsightsCache.ts
-	/**
-	* In-memory cache for insight query results.
-	* Supports TTL-based expiry and inflight request deduplication
-	* to prevent redundant network requests when multiple widgets
-	* share the same query.
-	*/
-	var InsightsCache = class {
-		ttl;
-		cache = /* @__PURE__ */ new Map();
-		inflight = /* @__PURE__ */ new Map();
-		constructor(ttl = 6e4) {
-			this.ttl = ttl;
-		}
-		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();
-			}
-		}
-	};
-	//#endregion
-	//#region src/engine/InsightsProvider.tsx
-	var InsightsContext = (0, react.createContext)(null);
-	/**
-	* Root-level provider for the insights data engine.
-	* Injected automatically by the plugin via `providers: [{ scope: "root" }]`.
-	*
-	* Manages a single `InsightsCache` instance shared by all insight widgets
-	* for TTL-based caching and inflight request deduplication.
-	*/
-	function InsightsProvider({ cacheTTL, children }) {
-		const cache = (0, react.useMemo)(() => new InsightsCache(cacheTTL), [cacheTTL]);
-		const value = (0, react.useMemo)(() => ({ cache }), [cache]);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightsContext.Provider, {
-			value,
-			children
-		});
-	}
-	/**
-	* Access the insights cache (for advanced usage).
-	* Returns null when called outside of an `InsightsProvider`
-	* (e.g. during auth-loading phase before plugin providers mount).
-	*/
-	function useInsightsEngine() {
-		return (0, react.useContext)(InsightsContext);
-	}
-	//#endregion
-	//#region src/engine/useInsightsData.ts
-	/**
-	* Hook that fetches and caches data for a single insight definition.
-	*
-	* Calls the definition's own `data()` callback and manages:
-	* - TTL-based caching via InsightsCache
-	* - Inflight request deduplication (multiple mounts of the same widget)
-	* - Loading and error state management
-	*
-	* @param definition - The insight to fetch data for
-	* @param collectionSlug - Optional collection context for cache key scoping
-	*/
-	function useInsightsData(definition, context) {
-		const cache = useInsightsEngine()?.cache ?? null;
-		const { initialLoading, authLoading, user, loginSkipped } = (0, _rebasepro_app.useAuthController)();
-		const authReady = !initialLoading && !authLoading && (Boolean(user) || loginSkipped);
-		const [data, setData] = (0, react.useState)(null);
-		const [loading, setLoading] = (0, react.useState)(true);
-		const [error, setError] = (0, react.useState)(null);
-		const cacheKey = `${definition.id}:${context.path ?? context.collectionSlug ?? "global"}`;
-		(0, react.useEffect)(() => {
-			if (!authReady || !cache) return;
-			let 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(context);
-			cache.setInflight(cacheKey, promise);
-			promise.then((result) => {
-				cache.set(cacheKey, result);
-				if (!cancelled) setData(result);
-			}).catch((err) => {
-				cache.invalidate(cacheKey);
-				if (!cancelled) setError(err instanceof Error ? err : new Error(String(err)));
-			}).finally(() => {
-				if (!cancelled) setLoading(false);
-			});
-			return () => {
-				cancelled = true;
-			};
-		}, [
-			definition.id,
-			definition.data,
-			context.path,
-			context.collectionSlug,
-			cacheKey,
-			cache,
-			authReady
-		]);
-		return {
-			data,
-			loading,
-			error
-		};
-	}
-	//#endregion
-	//#region src/components/InsightsScorecardView.tsx
-	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;
-	}
-	/**
-	* Scorecard widget for the Rebase design system.
-	*
-	* Renders a single KPI metric with optional comparison value and icon.
-	* Uses Tailwind `dark:` classes — no JS dark mode detection.
-	* Icons are resolved via `getIcon` from `@rebasepro/app`.
-	*/
-	function InsightsScorecardView({ config, data, title, compact = false, embedded = false, fixedHeight }) {
-		const containerRef = (0, react.useRef)(null);
-		const [containerWidth, setContainerWidth] = (0, react.useState)(null);
-		react.default.useLayoutEffect(() => {
-			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();
-		}, []);
-		const mainValue = data[config.value.field];
-		const formattedValue = typeof mainValue === "number" ? formatNumber(mainValue, config.value.format) : String(mainValue ?? "N/A");
-		let comparisonElement = null;
-		if (config.comparison) {
-			const comparisonValue = data[config.comparison.field];
-			if (typeof comparisonValue === "number") {
-				const formattedComparison = formatNumber(comparisonValue, config.comparison.format);
-				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";
-				}
-				comparisonElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: `font-medium ${compact ? "text-[10px]" : "text-xs"} ${colorClass}`,
-					children: formattedComparison
-				});
-			}
-		}
-		const isSmall = compact || containerWidth !== null && containerWidth < 200;
-		const iconElement = config.icon ? (0, _rebasepro_app.getIcon)(config.icon, "text-surface-400 dark:text-surface-500", void 0, isSmall ? 14 : 18) : null;
-		if (compact) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, _rebasepro_ui.cls)("flex flex-col gap-0.5 px-2.5 py-2 rounded-md bg-transparent border min-w-0", _rebasepro_ui.defaultBorderMixin),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-[10px] uppercase tracking-wider text-surface-400 dark:text-surface-500 truncate",
-				children: title
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-baseline gap-1.5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-sm font-semibold tabular-nums text-surface-800 dark:text-surface-100",
-					children: formattedValue
-				}), comparisonElement]
-			})]
-		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			ref: containerRef,
-			className: embedded ? `flex flex-col min-w-0 h-full ${isSmall ? "px-3.5 py-3" : "px-5 py-4"}` : (0, _rebasepro_ui.cls)("rounded-lg flex flex-col min-w-0 bg-transparent border", _rebasepro_ui.defaultBorderMixin, isSmall ? "px-3.5 py-3" : "px-5 py-4"),
-			style: embedded ? void 0 : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 },
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: `flex items-center justify-between ${isSmall ? "mb-1" : "mb-2"}`,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex flex-col min-w-0",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: `font-medium leading-snug truncate text-surface-500 dark:text-surface-400 ${isSmall ? "text-[11px]" : "text-xs"}`,
-							children: title
-						}), config.dateRange && !isSmall && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-[10px] text-surface-400 dark:text-surface-500 truncate mt-0.5",
-							children: config.dateRange
-						})]
-					}), iconElement && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "ml-2 shrink-0",
-						children: iconElement
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: `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"}`,
-					children: formattedValue
-				}),
-				comparisonElement && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: isSmall ? "mt-0.5" : "mt-1",
-					children: comparisonElement
-				})
-			]
-		});
-	}
-	InsightsScorecardView.displayName = "InsightsScorecardView";
-	//#endregion
-	//#region src/components/InsightWidgetSkeleton.tsx
-	/**
-	* Skeleton loader for scorecard insight widgets — displays animated
-	* shimmer placeholders that exactly match the final rendered layout
-	* of InsightsScorecardView for a given config, preventing layout shift.
-	*
-	* The skeleton receives the scorecard config so it can conditionally
-	* render placeholder lines for comparison, dateRange, and icon —
-	* only when the loaded view will also render them.
-	*
-	* The standard skeleton mirrors InsightsScorecardView's responsive
-	* container-width breakpoints (ResizeObserver → isSmall / isMedium)
-	* and uses placeholder heights that exactly match the **computed**
-	* Tailwind line-heights (accounting for `leading-*` overrides).
-	* This guarantees a pixel-perfect skeleton → loaded transition.
-	*/
-	function InsightWidgetSkeleton({ config, compact = false, embedded = false, fixedHeight }) {
-		const hasComparison = Boolean(config.comparison);
-		const hasIcon = Boolean(config.icon);
-		const hasDateRange = Boolean(config.dateRange);
-		if (compact) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, _rebasepro_ui.cls)("animate-pulse", 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", !embedded && _rebasepro_ui.defaultBorderMixin),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "bg-surface-200 dark:bg-surface-700 rounded-sm",
-				style: {
-					height: 14,
-					width: 48
-				}
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-baseline gap-1.5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "bg-surface-200 dark:bg-surface-700 rounded-sm",
-					style: {
-						height: 20,
-						width: 40
-					}
-				}), hasComparison && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "bg-surface-200/60 dark:bg-surface-700/60 rounded-sm",
-					style: {
-						height: 14,
-						width: 28
-					}
-				})]
-			})]
-		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StandardSkeleton, {
-			hasComparison,
-			hasIcon,
-			hasDateRange,
-			embedded,
-			fixedHeight
-		});
-	}
-	/**
-	* Inner component for the standard scorecard skeleton.
-	*
-	* Mirrors InsightsScorecardView's layout by:
-	* 1. Using the same ResizeObserver + containerWidth pattern for
-	*    responsive breakpoints (isSmall < 200px, isMedium < 300px).
-	* 2. Using placeholder heights derived from the exact computed
-	*    Tailwind line-heights that InsightsScorecardView renders.
-	* 3. Matching all container classes, margins, paddings, and flex
-	*    layout properties identically.
-	*/
-	function StandardSkeleton({ hasComparison, hasIcon, hasDateRange, embedded, fixedHeight }) {
-		const containerRef = (0, react.useRef)(null);
-		const [containerWidth, setContainerWidth] = (0, react.useState)(null);
-		react.default.useLayoutEffect(() => {
-			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();
-		}, []);
-		const isSmall = containerWidth !== null && containerWidth < 200;
-		const titleHeight = isSmall ? 15 : 16.5;
-		const valueHeight = isSmall ? 22.5 : containerWidth !== null && containerWidth < 300 ? 25 : 30;
-		const comparisonHeight = 16;
-		const iconSize = isSmall ? 14 : 18;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			ref: containerRef,
-			className: (0, _rebasepro_ui.cls)("animate-pulse", embedded ? `flex flex-col min-w-0 h-full ${isSmall ? "px-3.5 py-3" : "px-5 py-4"}` : (0, _rebasepro_ui.cls)("rounded-lg flex flex-col min-w-0 bg-transparent border", _rebasepro_ui.defaultBorderMixin, isSmall ? "px-3.5 py-3" : "px-5 py-4")),
-			style: embedded ? void 0 : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 },
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: `flex items-center justify-between ${isSmall ? "mb-1" : "mb-2"}`,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex flex-col min-w-0",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "bg-surface-200 dark:bg-surface-700 rounded",
-							style: {
-								height: titleHeight,
-								width: "60%"
-							}
-						}), hasDateRange && !isSmall && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "bg-surface-200/60 dark:bg-surface-700/60 rounded mt-0.5",
-							style: {
-								height: 14,
-								width: "40%"
-							}
-						})]
-					}), hasIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "ml-2 shrink-0",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "bg-surface-200 dark:bg-surface-700 rounded",
-							style: {
-								height: iconSize,
-								width: iconSize
-							}
-						})
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "bg-surface-200 dark:bg-surface-700 rounded",
-					style: {
-						height: valueHeight,
-						width: "40%"
-					}
-				}),
-				hasComparison && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: isSmall ? "mt-0.5" : "mt-1",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "bg-surface-200/60 dark:bg-surface-700/60 rounded",
-						style: {
-							height: comparisonHeight,
-							width: "25%"
-						}
-					})
-				})
-			]
-		});
-	}
-	InsightWidgetSkeleton.displayName = "InsightWidgetSkeleton";
-	//#endregion
-	//#region src/components/InsightWidget.tsx
-	/**
-	* Compute a deterministic fixed height for a standard scorecard based
-	* on which optional elements the config declares.  This eliminates
-	* layout shift between skeleton and loaded states.
-	*
-	* Breakdown (non-compact, non-small):
-	*   py-4 padding:     16 + 16 = 32
-	*   title row:        16.5  (text-xs leading-snug)
-	*   mb-2 margin:      8
-	*   value:            30    (text-2xl leading-tight)
-	*   ---
-	*   base:             86.5
-	*   + dateRange:      +16   (14px text + 2px mt-0.5)
-	*   + comparison:     +20   (16px text + 4px mt-1)
-	*/
-	function computeFixedHeight(config) {
-		let h = 86.5;
-		if (config.dateRange) h += 16;
-		if (config.comparison) h += 20;
-		return Math.ceil(h);
-	}
-	/**
-	* Single insight widget orchestrator.
-	*
-	* Wraps skeleton and loaded states in a fixed-height container
-	* (computed from the scorecard config) to prevent layout shift.
-	*
-	* All theme-awareness is handled via Tailwind `dark:` classes.
-	*/
-	function InsightWidget({ definition, collectionSlug, path, parentCollectionSlugs, parentEntityIds, compact = false, embedded = false }) {
-		const { data, loading, error } = useInsightsData(definition, {
-			path,
-			collectionSlug,
-			parentCollectionSlugs
-		});
-		const fixedHeight = !compact && !embedded ? computeFixedHeight(definition.scorecard) : void 0;
-		if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightWidgetSkeleton, {
-			config: definition.scorecard,
-			compact,
-			embedded,
-			fixedHeight
-		});
-		if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: `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"}`}`,
-			style: fixedHeight ? { height: fixedHeight } : void 0,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "font-semibold mb-1",
-				children: definition.title
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: error.message })]
-		});
-		if (!data || data.rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: `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"}`}`,
-			style: fixedHeight ? { height: fixedHeight } : void 0,
-			children: [definition.title, " — No data"]
-		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightsScorecardView, {
-			config: definition.scorecard,
-			data: data.rows[0],
-			title: definition.title,
-			compact,
-			embedded,
-			fixedHeight
-		});
-	}
-	InsightWidget.displayName = "InsightWidget";
-	//#endregion
-	//#region src/components/HomeCardInsightSlot.tsx
-	/**
-	* Renders compact insight widgets inline within a home page collection card.
-	* Injected via the `home.card.insight` slot.
-	*
-	* Uses a horizontal flex layout so multiple cards sit side by side.
-	*/
-	function HomeCardInsightSlot({ slug, insights }) {
-		if (!insights || insights.length === 0) return null;
-		const estimatedRows = Math.ceil(insights.length / 2);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex flex-wrap items-center gap-1.5 mt-2",
-			style: { minHeight: estimatedRows * 42 + (estimatedRows - 1) * 6 },
-			children: insights.map((def) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightWidget, {
-				definition: def,
-				collectionSlug: slug,
-				compact: true
-			}, def.id))
-		});
-	}
-	HomeCardInsightSlot.displayName = "HomeCardInsightSlot";
-	//#endregion
-	//#region src/components/HomeInsightsSlot.tsx
-	/**
-	* Scorecard insights panel rendered at the top of the home page.
-	* Injected via the `home.children.start` slot.
-	*
-	* Renders scorecards in a responsive grid (up to 4 columns).
-	*/
-	function HomeInsightsSlot({ insights }) {
-		if (!insights || insights.length === 0) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-6",
-			style: { minHeight: 92 },
-			children: insights.map((def) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightWidget, { definition: def }, def.id))
-		});
-	}
-	HomeInsightsSlot.displayName = "HomeInsightsSlot";
-	//#endregion
-	//#region src/components/CollectionInsightsInline.tsx
-	/**
-	* Renders scorecard insight widgets inline within a collection's list view,
-	* positioned below the title and above the main data list.
-	*
-	* Injected via the `collection.insights` slot.
-	*/
-	function CollectionInsightsInline({ insights, path, parentCollectionSlugs, parentEntityIds }) {
-		if (!insights || insights.length === 0) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-4",
-			children: insights.map((def) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InsightWidget, {
-				definition: def,
-				path,
-				parentCollectionSlugs,
-				parentEntityIds
-			}, def.id))
-		});
-	}
-	CollectionInsightsInline.displayName = "CollectionInsightsInline";
-	//#endregion
-	//#region src/useInsightsPlugin.tsx
-	/**
-	* Creates the Insights plugin for Rebase.
-	*
-	* This plugin injects scorecard widgets into key UI locations:
-	* - **Home page header**: KPI overview via `home.children.start` slot
-	* - **Collection list view**: Scorecards inline (below title, above list) via `collection.insights` slot
-	* - **Home page cards**: Compact scorecard metrics auto-extracted from collection insights via `home.card.insight` slot
-	*
-	* Collection-level insights (`collections.<slug>`) are the single source of truth:
-	* scorecards render in the collection list view and are automatically extracted
-	* to show as compact widgets on the corresponding home page card.
-	*
-	* Each insight owns its own `data()` callback — use the Rebase client SDK,
-	* call a custom function, or hit any external API. Full flexibility, zero new endpoints.
-	*
-	* @example
-	* ```typescript
-	* import { useInsightsPlugin } from "@rebasepro/plugin-insights";
-	*
-	* const insightsPlugin = useInsightsPlugin({
-	*     cacheTTL: 120_000,
-	*     insights: {
-	*         home: [
-	*             { id: "revenue", title: "Revenue", data: async () => ..., scorecard: { ... } },
-	*         ],
-	*         collections: {
-	*             orders: [
-	*                 { id: "total", title: "Total Orders", data: async () => ..., scorecard: { ... } },
-	*             ],
-	*         },
-	*     },
-	* });
-	* ```
-	*/
-	function useInsightsPlugin(config) {
-		const { insights, cacheTTL } = config;
-		return react.default.useMemo(() => {
-			const slots = [];
-			if (insights.home && insights.home.length > 0) {
-				const homeInsights = insights.home;
-				slots.push({
-					slot: "home.children.start",
-					Component: (props) => /* @__PURE__ */ (0, react_jsx_runtime.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) => {
-						if ((props.path?.split("/").filter(Boolean).pop() ?? "") !== slug) return null;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollectionInsightsInline, {
-							...props,
-							insights: collectionInsights
-						});
-					},
-					order: 10
-				});
-				slots.push({
-					slot: "home.card.insight",
-					Component: (props) => {
-						if (props.slug !== slug) return null;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HomeCardInsightSlot, {
-							...props,
-							insights: collectionInsights
-						});
-					},
-					order: 10
-				});
-			}
-			return {
-				key: "plugin-insights",
-				slots,
-				providers: [{
-					scope: "root",
-					Component: InsightsProvider,
-					props: { cacheTTL }
-				}]
-			};
-		}, [insights, cacheTTL]);
-	}
-	//#endregion
-	exports.InsightWidget = InsightWidget;
-	exports.InsightWidgetSkeleton = InsightWidgetSkeleton;
-	exports.InsightsCache = InsightsCache;
-	exports.InsightsProvider = InsightsProvider;
-	exports.InsightsScorecardView = InsightsScorecardView;
-	exports.useInsightsData = useInsightsData;
-	exports.useInsightsEngine = useInsightsEngine;
-	exports.useInsightsPlugin = useInsightsPlugin;
-});
-
-//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.js","names":[],"sources":["../src/engine/InsightsCache.ts","../src/engine/InsightsProvider.tsx","../src/engine/useInsightsData.ts","../src/components/InsightsScorecardView.tsx","../src/components/InsightWidgetSkeleton.tsx","../src/components/InsightWidget.tsx","../src/components/HomeCardInsightSlot.tsx","../src/components/HomeInsightsSlot.tsx","../src/components/CollectionInsightsInline.tsx","../src/useInsightsPlugin.tsx"],"sourcesContent":["import type { InsightDataResult } from \"../types\";\n\ninterface CacheEntry {\n    data: InsightDataResult;\n    timestamp: number;\n}\n\n/**\n * In-memory cache for insight query results.\n * Supports TTL-based expiry and inflight request deduplication\n * to prevent redundant network requests when multiple widgets\n * share the same query.\n */\nexport class InsightsCache {\n    private cache = new Map<string, CacheEntry>();\n    private inflight = new Map<string, Promise<InsightDataResult>>();\n\n    constructor(private ttl = 60_000) {}\n\n    get(key: string): InsightDataResult | null {\n        const entry = this.cache.get(key);\n        if (!entry) return null;\n        if (Date.now() - entry.timestamp > this.ttl) {\n            this.cache.delete(key);\n            return null;\n        }\n        return entry.data;\n    }\n\n    set(key: string, data: InsightDataResult): void {\n        this.cache.set(key, { data,\ntimestamp: Date.now() });\n        this.inflight.delete(key);\n    }\n\n    getInflight(key: string): Promise<InsightDataResult> | null {\n        return this.inflight.get(key) ?? null;\n    }\n\n    setInflight(key: string, promise: Promise<InsightDataResult>): void {\n        this.inflight.set(key, promise);\n    }\n\n    invalidate(key?: string): void {\n        if (key) {\n            this.cache.delete(key);\n            this.inflight.delete(key);\n        } else {\n            this.cache.clear();\n            this.inflight.clear();\n        }\n    }\n}\n","import React, { createContext, useContext, useMemo, type PropsWithChildren } from \"react\";\nimport { InsightsCache } from \"./InsightsCache\";\n\ninterface InsightsContextValue {\n    cache: InsightsCache;\n}\n\nconst InsightsContext = createContext<InsightsContextValue | null>(null);\n\n/**\n * Root-level provider for the insights data engine.\n * Injected automatically by the plugin via `providers: [{ scope: \"root\" }]`.\n *\n * Manages a single `InsightsCache` instance shared by all insight widgets\n * for TTL-based caching and inflight request deduplication.\n */\nexport function InsightsProvider({\n    cacheTTL,\n    children\n}: PropsWithChildren<{ cacheTTL?: number }>) {\n    const cache = useMemo(() => new InsightsCache(cacheTTL), [cacheTTL]);\n    const value = useMemo(() => ({ cache }), [cache]);\n\n    return (\n        <InsightsContext.Provider value={value}>\n            {children}\n        </InsightsContext.Provider>\n    );\n}\n\n/**\n * Access the insights cache (for advanced usage).\n * Returns null when called outside of an `InsightsProvider`\n * (e.g. during auth-loading phase before plugin providers mount).\n */\nexport function useInsightsEngine(): InsightsContextValue | null {\n    return useContext(InsightsContext);\n}\n","import { useEffect, useState } from \"react\";\nimport type { InsightDefinition, InsightDataResult, InsightContext } from \"../types\";\nimport { useInsightsEngine } from \"./InsightsProvider\";\nimport { useAuthController } from \"@rebasepro/app\";\n\n/**\n * Hook that fetches and caches data for a single insight definition.\n *\n * Calls the definition's own `data()` callback and manages:\n * - TTL-based caching via InsightsCache\n * - Inflight request deduplication (multiple mounts of the same widget)\n * - Loading and error state management\n *\n * @param definition - The insight to fetch data for\n * @param collectionSlug - Optional collection context for cache key scoping\n */\nexport function useInsightsData(\n    definition: InsightDefinition,\n    context: InsightContext\n): {\n    data: InsightDataResult | null;\n    loading: boolean;\n    error: Error | null;\n} {\n    const engine = useInsightsEngine();\n    const cache = engine?.cache ?? null;\n    const { initialLoading, authLoading, user, loginSkipped } = useAuthController();\n    const authReady = !initialLoading && !authLoading && (Boolean(user) || loginSkipped);\n    const [data, setData] = useState<InsightDataResult | null>(null);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    const cacheKey = `${definition.id}:${context.path ?? context.collectionSlug ?? \"global\"}`;\n\n    useEffect(() => {\n        // Keep showing skeleton until both auth and engine are ready\n        if (!authReady || !cache) {\n            return;\n        }\n\n        let cancelled = false;\n\n        // 1. Check cache\n        const cached = cache.get(cacheKey);\n        if (cached) {\n            setData(cached);\n            setLoading(false);\n            return;\n        }\n\n        // 2. Check inflight — deduplicate concurrent requests for the same widget\n        const inflight = cache.getInflight(cacheKey);\n        if (inflight) {\n            setLoading(true);\n            inflight\n                .then((result) => {\n                    if (!cancelled) {\n                        setData(result);\n                    }\n                })\n                .catch((err) => {\n                    if (!cancelled) setError(err instanceof Error ? err : new Error(String(err)));\n                })\n                .finally(() => {\n                    if (!cancelled) setLoading(false);\n                });\n            return;\n        }\n\n        // 3. Fresh fetch — invoke the definition's own data callback\n        setLoading(true);\n        setError(null);\n\n        const promise = definition.data(context);\n\n        cache.setInflight(cacheKey, promise);\n\n        promise\n            .then((result) => {\n                cache.set(cacheKey, result);\n                if (!cancelled) {\n                    setData(result);\n                }\n            })\n            .catch((err) => {\n                cache.invalidate(cacheKey);\n                if (!cancelled) {\n                    setError(err instanceof Error ? err : new Error(String(err)));\n                }\n            })\n            .finally(() => {\n                if (!cancelled) setLoading(false);\n            });\n\n        return () => {\n            cancelled = true;\n        };\n    }, [definition.id, definition.data, context.path, context.collectionSlug, cacheKey, cache, authReady]);\n\n    return { data,\nloading,\nerror };\n}\n","import React, { useRef, useState } from \"react\";\nimport { getIcon } from \"@rebasepro/app\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport type { DataRow, ScorecardConfig, ScorecardFormat } from \"../types\";\n\nfunction formatNumber(value: number, format?: ScorecardFormat): string {\n    if (value === null || value === undefined) return \"N/A\";\n\n    const options: Intl.NumberFormatOptions = {\n        style: format?.style ?? \"decimal\",\n        notation: format?.notation ?? \"standard\",\n        maximumFractionDigits: format?.decimals ?? 1,\n        minimumFractionDigits: format?.decimals ?? 1\n    };\n\n    if (format?.style === \"currency\") {\n        options.currency = format.currency ?? \"USD\";\n    }\n\n    let formatted = new Intl.NumberFormat(\"en-US\", options).format(value);\n\n    if (format?.showSign && value > 0) {\n        formatted = \"+\" + formatted;\n    }\n\n    return formatted;\n}\n\n/**\n * Scorecard widget for the Rebase design system.\n *\n * Renders a single KPI metric with optional comparison value and icon.\n * Uses Tailwind `dark:` classes — no JS dark mode detection.\n * Icons are resolved via `getIcon` from `@rebasepro/app`.\n */\nexport function InsightsScorecardView({\n    config,\n    data,\n    title,\n    compact = false,\n    embedded = false,\n    fixedHeight\n}: {\n    config: ScorecardConfig;\n    data: DataRow;\n    title: string;\n    compact?: boolean;\n    /** When true, skip own border/bg since the parent card provides them. */\n    embedded?: boolean;\n    /** Explicit height to prevent layout shift between skeleton → loaded. */\n    fixedHeight?: number;\n}) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (!containerRef.current) return;\n        // Read initial width synchronously before paint\n        setContainerWidth(containerRef.current.offsetWidth);\n        const observer = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerWidth(entry.contentRect.width);\n            }\n        });\n        observer.observe(containerRef.current);\n        return () => observer.disconnect();\n    }, []);\n\n    const mainValue = data[config.value.field];\n    const formattedValue = typeof mainValue === \"number\"\n        ? formatNumber(mainValue, config.value.format)\n        : String(mainValue ?? \"N/A\");\n\n    // Comparison rendering\n    let comparisonElement: React.ReactNode = null;\n    if (config.comparison) {\n        const comparisonValue = data[config.comparison.field];\n        if (typeof comparisonValue === \"number\") {\n            const formattedComparison = formatNumber(comparisonValue, config.comparison.format);\n            const isPositive = comparisonValue > 0;\n            const isNegative = comparisonValue < 0;\n\n            let colorClass = \"text-surface-500 dark:text-surface-400\";\n            if (config.comparison.intent === \"increase_is_good\") {\n                if (isPositive) colorClass = \"text-emerald-500\";\n                if (isNegative) colorClass = \"text-red-500\";\n            } else if (config.comparison.intent === \"decrease_is_good\") {\n                if (isPositive) colorClass = \"text-red-500\";\n                if (isNegative) colorClass = \"text-emerald-500\";\n            }\n\n            comparisonElement = (\n                <span className={`font-medium ${compact ? \"text-[10px]\" : \"text-xs\"} ${colorClass}`}>\n                    {formattedComparison}\n                </span>\n            );\n        }\n    }\n\n    const isSmall = compact || (containerWidth !== null && containerWidth < 200);\n\n    // Resolve icon via getIcon (Lucide-based resolution)\n    const iconElement = config.icon\n        ? getIcon(config.icon, \"text-surface-400 dark:text-surface-500\", undefined, isSmall ? 14 : 18)\n        : null;\n\n    // ── Compact card-inline layout ──────────────────────────────────────\n    if (compact) {\n        return (\n            <div className={cls(\"flex flex-col gap-0.5 px-2.5 py-2 rounded-md bg-transparent border min-w-0\", defaultBorderMixin)}>\n                <span className=\"text-[10px] uppercase tracking-wider text-surface-400 dark:text-surface-500 truncate\">\n                    {title}\n                </span>\n                <div className=\"flex items-baseline gap-1.5\">\n                    <span className=\"text-sm font-semibold tabular-nums text-surface-800 dark:text-surface-100\">\n                        {formattedValue}\n                    </span>\n                    {comparisonElement}\n                </div>\n            </div>\n        );\n    }\n\n    // ── Standard scorecard layout ───────────────────────────────────────\n    const baseClass = embedded\n        ? `flex flex-col min-w-0 h-full ${isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\"}`\n        : cls(\"rounded-lg flex flex-col min-w-0 bg-transparent border\", defaultBorderMixin, isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\");\n\n    return (\n        <div ref={containerRef} className={baseClass} style={embedded ? undefined : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 }}>\n            {/* Title row */}\n            <div className={`flex items-center justify-between ${isSmall ? \"mb-1\" : \"mb-2\"}`}>\n                <div className=\"flex flex-col min-w-0\">\n                    <span className={`font-medium leading-snug truncate text-surface-500 dark:text-surface-400 ${isSmall ? \"text-[11px]\" : \"text-xs\"}`}>\n                        {title}\n                    </span>\n                    {config.dateRange && !isSmall && (\n                        <span className=\"text-[10px] text-surface-400 dark:text-surface-500 truncate mt-0.5\">\n                            {config.dateRange}\n                        </span>\n                    )}\n                </div>\n                {iconElement && (\n                    <span className=\"ml-2 shrink-0\">{iconElement}</span>\n                )}\n            </div>\n\n            {/* Main value */}\n            <div className={`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\"}`}>\n                {formattedValue}\n            </div>\n\n            {/* Comparison */}\n            {comparisonElement && (\n                <div className={isSmall ? \"mt-0.5\" : \"mt-1\"}>\n                    {comparisonElement}\n                </div>\n            )}\n        </div>\n    );\n}\n\nInsightsScorecardView.displayName = \"InsightsScorecardView\";\n","import React, { useRef, useState } from \"react\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport type { ScorecardConfig } from \"../types\";\n\n/**\n * Skeleton loader for scorecard insight widgets — displays animated\n * shimmer placeholders that exactly match the final rendered layout\n * of InsightsScorecardView for a given config, preventing layout shift.\n *\n * The skeleton receives the scorecard config so it can conditionally\n * render placeholder lines for comparison, dateRange, and icon —\n * only when the loaded view will also render them.\n *\n * The standard skeleton mirrors InsightsScorecardView's responsive\n * container-width breakpoints (ResizeObserver → isSmall / isMedium)\n * and uses placeholder heights that exactly match the **computed**\n * Tailwind line-heights (accounting for `leading-*` overrides).\n * This guarantees a pixel-perfect skeleton → loaded transition.\n */\nexport function InsightWidgetSkeleton({\n    config,\n    compact = false,\n    embedded = false,\n    fixedHeight\n}: {\n    /** Scorecard config — used to match optional elements (comparison, dateRange, icon). */\n    config: ScorecardConfig;\n    compact?: boolean;\n    /** When true, skip own border since the parent card provides it. */\n    embedded?: boolean;\n    /** Explicit height to prevent layout shift between skeleton → loaded. */\n    fixedHeight?: number;\n}) {\n    const hasComparison = Boolean(config.comparison);\n    const hasIcon = Boolean(config.icon);\n    const hasDateRange = Boolean(config.dateRange);\n\n    // ── Compact scorecard skeleton ──────────────────────────────────────\n    // Matches InsightsScorecardView compact layout:\n    //   container: flex flex-col gap-0.5 px-2.5 py-2 rounded-md border\n    //   title:     text-[10px] uppercase → line-height ~14px\n    //   value row: text-sm font-semibold → line-height 20px\n    //   + optional comparison text-[10px] inside value row\n    if (compact) {\n        return (\n            <div\n                className={cls(\n                    \"animate-pulse\",\n                    embedded\n                        ? \"h-full px-2.5 py-2\"\n                        : \"flex flex-col gap-0.5 rounded-md bg-transparent border min-w-0 px-2.5 py-2\",\n                    !embedded && defaultBorderMixin\n                )}\n            >\n                {/* Title line */}\n                <div className=\"bg-surface-200 dark:bg-surface-700 rounded-sm\"\n                    style={{ height: 14,\nwidth: 48 }}\n                />\n                {/* Value + optional comparison row */}\n                <div className=\"flex items-baseline gap-1.5\">\n                    <div className=\"bg-surface-200 dark:bg-surface-700 rounded-sm\"\n                        style={{ height: 20,\nwidth: 40 }}\n                    />\n                    {hasComparison && (\n                        <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded-sm\"\n                            style={{ height: 14,\nwidth: 28 }}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    // ── Standard scorecard skeleton ─────────────────────────────────────\n    return <StandardSkeleton\n        hasComparison={hasComparison}\n        hasIcon={hasIcon}\n        hasDateRange={hasDateRange}\n        embedded={embedded}\n        fixedHeight={fixedHeight}\n    />;\n}\n\n// ── Tailwind line-height reference ──────────────────────────────────────\n// All heights below are the **computed** CSS line-heights, accounting\n// for `leading-*` overrides that InsightsScorecardView applies.\n//\n// Title:\n//   text-xs (12px) + leading-snug (1.375)  → 12 × 1.375 = 16.5px\n//   text-[11px]    + leading-snug (1.375)  → 11 × 1.375 = 15.125px\n//\n// DateRange:\n//   text-[10px] with no explicit LH        → normal ≈ 14px (browser)\n//\n// Value:\n//   text-2xl (24px) + leading-tight (1.25) → 24 × 1.25 = 30px\n//   text-xl  (20px) + leading-tight (1.25) → 20 × 1.25 = 25px\n//   text-lg  (18px) + leading-tight (1.25) → 18 × 1.25 = 22.5px\n//\n// Comparison:\n//   text-xs (12px)  → built-in LH 1rem     = 16px\n\n/**\n * Inner component for the standard scorecard skeleton.\n *\n * Mirrors InsightsScorecardView's layout by:\n * 1. Using the same ResizeObserver + containerWidth pattern for\n *    responsive breakpoints (isSmall < 200px, isMedium < 300px).\n * 2. Using placeholder heights derived from the exact computed\n *    Tailwind line-heights that InsightsScorecardView renders.\n * 3. Matching all container classes, margins, paddings, and flex\n *    layout properties identically.\n */\nfunction StandardSkeleton({\n    hasComparison,\n    hasIcon,\n    hasDateRange,\n    embedded,\n    fixedHeight\n}: {\n    hasComparison: boolean;\n    hasIcon: boolean;\n    hasDateRange: boolean;\n    embedded: boolean;\n    fixedHeight?: number;\n}) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (!containerRef.current) return;\n        setContainerWidth(containerRef.current.offsetWidth);\n        const observer = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerWidth(entry.contentRect.width);\n            }\n        });\n        observer.observe(containerRef.current);\n        return () => observer.disconnect();\n    }, []);\n\n    // Mirror InsightsScorecardView's responsive breakpoints exactly\n    const isSmall = containerWidth !== null && containerWidth < 200;\n\n    // Computed line-heights for each breakpoint\n    // Title: text-xs + leading-snug = 16.5px, text-[11px] + leading-snug = 15.125px\n    const titleHeight = isSmall ? 15 : 16.5;\n    // Value: leading-tight (×1.25) applied on top of font-size\n    const valueHeight = isSmall\n        ? 22.5 // text-lg: 18 × 1.25\n        : (containerWidth !== null && containerWidth < 300)\n            ? 25 // text-xl: 20 × 1.25\n            : 30; // text-2xl: 24 × 1.25\n    // Comparison: text-xs = 12px / 16px line-height (no leading override)\n    const comparisonHeight = 16;\n    // Icon: 14px when small, 18px otherwise\n    const iconSize = isSmall ? 14 : 18;\n\n    const baseClass = embedded\n        ? `flex flex-col min-w-0 h-full ${isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\"}`\n        : cls(\"rounded-lg flex flex-col min-w-0 bg-transparent border\", defaultBorderMixin, isSmall ? \"px-3.5 py-3\" : \"px-5 py-4\");\n\n    return (\n        <div\n            ref={containerRef}\n            className={cls(\"animate-pulse\", baseClass)}\n            style={embedded ? undefined : fixedHeight ? { height: fixedHeight } : { minHeight: isSmall ? 68 : 92 }}\n        >\n            {/* Title row — identical flex structure to InsightsScorecardView */}\n            <div className={`flex items-center justify-between ${isSmall ? \"mb-1\" : \"mb-2\"}`}>\n                <div className=\"flex flex-col min-w-0\">\n                    {/* Title placeholder */}\n                    <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                        style={{ height: titleHeight,\nwidth: \"60%\" }}\n                    />\n                    {/* DateRange — hidden when isSmall, same as real view (line 134) */}\n                    {hasDateRange && !isSmall && (\n                        <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded mt-0.5\"\n                            style={{ height: 14,\nwidth: \"40%\" }}\n                        />\n                    )}\n                </div>\n                {/* Icon placeholder — same wrapper as real view */}\n                {hasIcon && (\n                    <span className=\"ml-2 shrink-0\">\n                        <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                            style={{ height: iconSize,\nwidth: iconSize }}\n                        />\n                    </span>\n                )}\n            </div>\n\n            {/* Main value placeholder */}\n            <div className=\"bg-surface-200 dark:bg-surface-700 rounded\"\n                style={{ height: valueHeight,\nwidth: \"40%\" }}\n            />\n\n            {/* Comparison placeholder */}\n            {hasComparison && (\n                <div className={isSmall ? \"mt-0.5\" : \"mt-1\"}>\n                    <div className=\"bg-surface-200/60 dark:bg-surface-700/60 rounded\"\n                        style={{ height: comparisonHeight,\nwidth: \"25%\" }}\n                    />\n                </div>\n            )}\n        </div>\n    );\n}\n\nInsightWidgetSkeleton.displayName = \"InsightWidgetSkeleton\";\n","import React from \"react\";\nimport type { InsightDefinition, DataRow, ScorecardConfig } from \"../types\";\nimport { useInsightsData } from \"../engine/useInsightsData\";\nimport { InsightsScorecardView } from \"./InsightsScorecardView\";\nimport { InsightWidgetSkeleton } from \"./InsightWidgetSkeleton\";\n\n/**\n * Compute a deterministic fixed height for a standard scorecard based\n * on which optional elements the config declares.  This eliminates\n * layout shift between skeleton and loaded states.\n *\n * Breakdown (non-compact, non-small):\n *   py-4 padding:     16 + 16 = 32\n *   title row:        16.5  (text-xs leading-snug)\n *   mb-2 margin:      8\n *   value:            30    (text-2xl leading-tight)\n *   ---\n *   base:             86.5\n *   + dateRange:      +16   (14px text + 2px mt-0.5)\n *   + comparison:     +20   (16px text + 4px mt-1)\n */\nfunction computeFixedHeight(config: ScorecardConfig): number {\n    let h = 86.5; // base: padding + title + mb-2 + value\n    if (config.dateRange) h += 16;\n    if (config.comparison) h += 20;\n    return Math.ceil(h);\n}\n\n/**\n * Single insight widget orchestrator.\n *\n * Wraps skeleton and loaded states in a fixed-height container\n * (computed from the scorecard config) to prevent layout shift.\n *\n * All theme-awareness is handled via Tailwind `dark:` classes.\n */\nexport function InsightWidget({\n    definition,\n    collectionSlug,\n    path,\n    parentCollectionSlugs, parentEntityIds,\n    compact = false,\n    embedded = false\n}: {\n    definition: InsightDefinition;\n    collectionSlug?: string;\n    path?: string;\n    parentCollectionSlugs?: string[], parentEntityIds?: string[];\n    compact?: boolean;\n    /** When true, inner views skip their own borders since the parent card provides them. */\n    embedded?: boolean;\n}) {\n    const { data, loading, error } = useInsightsData(definition, { path,\ncollectionSlug,\nparentCollectionSlugs });\n\n    // For non-compact, non-embedded standard scorecards, use a fixed height\n    // derived from the config to prevent layout shift between skeleton → loaded.\n    const fixedHeight = (!compact && !embedded) ? computeFixedHeight(definition.scorecard) : undefined;\n\n    if (loading) {\n        return <InsightWidgetSkeleton config={definition.scorecard} compact={compact} embedded={embedded} fixedHeight={fixedHeight} />;\n    }\n\n    if (error) {\n        return (\n            <div\n                className={`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\"}`}`}\n                style={fixedHeight ? { height: fixedHeight } : undefined}\n            >\n                <div className=\"font-semibold mb-1\">{definition.title}</div>\n                <div>{error.message}</div>\n            </div>\n        );\n    }\n\n    if (!data || data.rows.length === 0) {\n        return (\n            <div\n                className={`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\"}`}`}\n                style={fixedHeight ? { height: fixedHeight } : undefined}\n            >\n                {definition.title} — No data\n            </div>\n        );\n    }\n\n    return (\n        <InsightsScorecardView\n            config={definition.scorecard}\n            data={data.rows[0] as DataRow}\n            title={definition.title}\n            compact={compact}\n            embedded={embedded}\n            fixedHeight={fixedHeight}\n        />\n    );\n}\n\nInsightWidget.displayName = \"InsightWidget\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Renders compact insight widgets inline within a home page collection card.\n * Injected via the `home.card.insight` slot.\n *\n * Uses a horizontal flex layout so multiple cards sit side by side.\n */\nexport function HomeCardInsightSlot({\n    slug,\n    insights\n}: {\n    slug: string;\n    collection: unknown;\n    context: unknown;\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    // Each compact card row is ~42px; estimate 2 cards per row for wrapping\n    const estimatedRows = Math.ceil(insights.length / 2);\n    const minHeight = estimatedRows * 42 + (estimatedRows - 1) * 6; // 6px = gap-1.5\n\n    return (\n        <div className=\"flex flex-wrap items-center gap-1.5 mt-2\" style={{ minHeight }}>\n            {insights.map((def) => (\n                <InsightWidget\n                    key={def.id}\n                    definition={def}\n                    collectionSlug={slug}\n                    compact={true}\n                />\n            ))}\n        </div>\n    );\n}\n\nHomeCardInsightSlot.displayName = \"HomeCardInsightSlot\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Scorecard insights panel rendered at the top of the home page.\n * Injected via the `home.children.start` slot.\n *\n * Renders scorecards in a responsive grid (up to 4 columns).\n */\nexport function HomeInsightsSlot({\n    insights\n}: {\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    return (\n        <div\n            className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-6\"\n            style={{ minHeight: 92 }}\n        >\n            {insights.map((def) => (\n                <InsightWidget key={def.id} definition={def} />\n            ))}\n        </div>\n    );\n}\n\nHomeInsightsSlot.displayName = \"HomeInsightsSlot\";\n","import React from \"react\";\nimport type { InsightDefinition } from \"../types\";\nimport { InsightWidget } from \"./InsightWidget\";\n\n/**\n * Renders scorecard insight widgets inline within a collection's list view,\n * positioned below the title and above the main data list.\n *\n * Injected via the `collection.insights` slot.\n */\nexport function CollectionInsightsInline({\n    insights,\n    path,\n    parentCollectionSlugs,\n    parentEntityIds\n}: {\n    path: string;\n    collection: unknown;\n    parentCollectionSlugs: string[], parentEntityIds: string[];\n    insights: InsightDefinition[];\n}) {\n    if (!insights || insights.length === 0) return null;\n\n    return (\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 pb-4\">\n            {insights.map((def) => (\n                <InsightWidget\n                    key={def.id}\n                    definition={def}\n                    path={path}\n                    parentCollectionSlugs={parentCollectionSlugs} parentEntityIds={parentEntityIds}\n                />\n            ))}\n        </div>\n    );\n}\n\nCollectionInsightsInline.displayName = \"CollectionInsightsInline\";\n","import React from \"react\";\nimport type { RebasePlugin, SlotContribution } from \"@rebasepro/types\";\nimport type { InsightsPluginConfig } from \"./types\";\nimport { InsightsProvider } from \"./engine/InsightsProvider\";\nimport { HomeCardInsightSlot } from \"./components/HomeCardInsightSlot\";\nimport { HomeInsightsSlot } from \"./components/HomeInsightsSlot\";\nimport { CollectionInsightsInline } from \"./components/CollectionInsightsInline\";\n\n/**\n * Creates the Insights plugin for Rebase.\n *\n * This plugin injects scorecard widgets into key UI locations:\n * - **Home page header**: KPI overview via `home.children.start` slot\n * - **Collection list view**: Scorecards inline (below title, above list) via `collection.insights` slot\n * - **Home page cards**: Compact scorecard metrics auto-extracted from collection insights via `home.card.insight` slot\n *\n * Collection-level insights (`collections.<slug>`) are the single source of truth:\n * scorecards render in the collection list view and are automatically extracted\n * to show as compact widgets on the corresponding home page card.\n *\n * Each insight owns its own `data()` callback — use the Rebase client SDK,\n * call a custom function, or hit any external API. Full flexibility, zero new endpoints.\n *\n * @example\n * ```typescript\n * import { useInsightsPlugin } from \"@rebasepro/plugin-insights\";\n *\n * const insightsPlugin = useInsightsPlugin({\n *     cacheTTL: 120_000,\n *     insights: {\n *         home: [\n *             { id: \"revenue\", title: \"Revenue\", data: async () => ..., scorecard: { ... } },\n *         ],\n *         collections: {\n *             orders: [\n *                 { id: \"total\", title: \"Total Orders\", data: async () => ..., scorecard: { ... } },\n *             ],\n *         },\n *     },\n * });\n * ```\n */\nexport function useInsightsPlugin(config: InsightsPluginConfig): RebasePlugin {\n    const { insights, cacheTTL } = config;\n\n    return React.useMemo(() => {\n        const slots: SlotContribution[] = [];\n\n        // ── Home page insights ────────────────────────────────────────────\n        if (insights.home && insights.home.length > 0) {\n            const homeInsights = insights.home;\n            slots.push({\n                slot: \"home.children.start\" as const,\n                Component: (props: Record<string, unknown>) => (\n                    <HomeInsightsSlot\n                        {...props}\n                        insights={homeInsights}\n                    />\n                ),\n                order: 10\n            });\n        }\n\n        // ── Per-collection insights ───────────────────────────────────────\n        // A single `collections.<slug>` definition serves two slots:\n        // 1. collection.insights  → inline scorecards in the list view\n        // 2. home.card.insight    → compact scorecards on the home card\n        if (insights.collections) {\n            for (const [slug, defs] of Object.entries(insights.collections)) {\n                if (defs.length === 0) continue;\n                const collectionInsights = defs;\n\n                // 1. Inline in collection list view\n                slots.push({\n                    slot: \"collection.insights\" as const,\n                    Component: (props: Record<string, unknown>) => {\n                        const path = props.path as string;\n                        const collectionSlug = path?.split(\"/\").filter(Boolean).pop() ?? \"\";\n                        if (collectionSlug !== slug) return null;\n                        return (\n                            <CollectionInsightsInline\n                                {...props as { path: string; collection: unknown; parentCollectionSlugs: string[], parentEntityIds: string[] }}\n                                insights={collectionInsights}\n                            />\n                        );\n                    },\n                    order: 10\n                });\n\n                // 2. Auto-extract scorecards for home page card\n                slots.push({\n                    slot: \"home.card.insight\" as const,\n                    Component: (props: Record<string, unknown>) => {\n                        const cardSlug = props.slug as string;\n                        if (cardSlug !== slug) return null;\n                        return (\n                            <HomeCardInsightSlot\n                                {...props as { slug: string; collection: unknown; context: unknown }}\n                                insights={collectionInsights}\n                            />\n                        );\n                    },\n                    order: 10\n                });\n            }\n        }\n\n        return {\n            key: \"plugin-insights\",\n            slots,\n            providers: [\n                {\n                    scope: \"root\" as const,\n                    Component: InsightsProvider as React.ComponentType<React.PropsWithChildren<Record<string, unknown>>>,\n                    props: { cacheTTL }\n                }\n            ]\n        };\n    }, [insights, cacheTTL]);\n}\n"],"mappings":"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"}