@iblai/iblai-js 1.4.2 → 1.4.3

package/dist/web-containers/source/index.esm.js

@@ -117858,7 +117858,7 @@ var Content2$1 = PopoverContent$1;
 
 const Popover = Root2$1;
 const PopoverTrigger = Trigger$1;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (jsx(Portal$2, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none", className), ...props }) })));
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (jsx(Portal$2, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }) })));
 PopoverContent.displayName = Content2$1.displayName;
 
 const offsetFormatCache = {};
@@ -185752,6 +185752,14 @@ const useReports = ({ tenantKey, selectedMentorId, usergroupIds, }) => {
     };
 };
 
+// Format as YYYY-MM-DD using local date parts so the picked calendar date
+// is preserved regardless of the user's timezone (avoids the UTC shift from toISOString()).
+const toISODate = (date) => {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+};
 const toTitleCase = (value) => {
     if (!value)
         return '';
@@ -185807,6 +185815,17 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
     });
     const [isCombiningReports, setIsCombiningReports] = useState(false);
     const cancelCombiningRef = useRef(false);
+    const [regenerateHintReportKey, setRegenerateHintReportKey] = useState(null);
+    const [hasSeenRegenerateHint, setHasSeenRegenerateHint] = useState(false);
+    const dismissRegenerateHint = useCallback(() => {
+        setRegenerateHintReportKey(null);
+        setHasSeenRegenerateHint(true);
+    }, []);
+    const maybeShowRegenerateHint = useCallback((reportKey) => {
+        if (!reportKey || hasSeenRegenerateHint)
+            return;
+        setRegenerateHintReportKey(reportKey);
+    }, [hasSeenRegenerateHint]);
     const parseCSV = useCallback((csvText) => {
         const lines = csvText.trim().split('\n');
         if (lines.length === 0) {
@@ -185875,6 +185894,7 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
             }
         }
     }, [parseCSV, fetchAuthenticatedContent, downloadAuthenticatedReport]);
+    const lastDownloadedReportKeyRef = useRef(null);
     const handleCsvEditorSave = useCallback((data) => {
         // Convert data back to CSV and trigger download
         const csvContent = [
@@ -185900,19 +185920,21 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
         URL.revokeObjectURL(url);
         toast.success('Report saved successfully');
         setCsvEditorData({ isOpen: false, headers: [], rows: [], reportUrl: null });
-    }, []);
+        maybeShowRegenerateHint(lastDownloadedReportKeyRef.current);
+    }, [maybeShowRegenerateHint]);
     const handleCsvEditorCancel = useCallback(() => {
         setCsvEditorData({ isOpen: false, headers: [], rows: [], reportUrl: null });
     }, []);
     const handleAutoDownload = useCallback(async (url) => {
         try {
             await downloadAuthenticatedReport(url);
+            maybeShowRegenerateHint(lastDownloadedReportKeyRef.current);
         }
         catch (error) {
             console.error('Failed to auto-download report:', error);
             toast.error('Failed to download report');
         }
-    }, [downloadAuthenticatedReport]);
+    }, [downloadAuthenticatedReport, maybeShowRegenerateHint]);
     // Check if a report is one of the recommendation reports to combine
     const isRecommendationReport = useCallback((reportDisplayName) => {
         return combinedRecommendationReports.some((name) => reportDisplayName.toLowerCase() === name.toLowerCase());
@@ -186009,11 +186031,20 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
         parseCSV,
         fetchAuthenticatedContent,
     ]);
-    const handleReportClick = useCallback((report) => {
-        var _a, _b;
+    const buildDateRangeBody = useCallback((dateRange) => {
+        const body = {};
+        if (dateRange === null || dateRange === void 0 ? void 0 : dateRange.from)
+            body.start_date = toISODate(dateRange.from);
+        if (dateRange === null || dateRange === void 0 ? void 0 : dateRange.to)
+            body.end_date = toISODate(dateRange.to);
+        return body;
+    }, []);
+    const handleReportClick = useCallback((report, dateRange) => {
+        var _a, _b, _c;
         const isChatHistory = report.display_name === 'All Mentor Chat History';
+        lastDownloadedReportKeyRef.current = (_a = report.report_name) !== null && _a !== void 0 ? _a : null;
         // If report is already completed with a URL, use the pre-existing URL
-        if (((_a = report.status) === null || _a === void 0 ? void 0 : _a.state) === 'completed' && ((_b = report.status) === null || _b === void 0 ? void 0 : _b.url)) {
+        if (((_b = report.status) === null || _b === void 0 ? void 0 : _b.state) === 'completed' && ((_c = report.status) === null || _c === void 0 ? void 0 : _c.url)) {
             if (isChatHistory) {
                 handleAutoDownload(report.status.url);
             }
@@ -186028,23 +186059,35 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
             handleCombinedRecommendationReports();
             return;
         }
-        // Otherwise, generate the report
+        // Otherwise, generate the report. Chat history auto-downloads inside the hook, so we
+        // hook into onCompletion to surface the regenerate hint once the file has landed;
+        // all other reports open the CSV editor and fire the hint on save.
         initializeReportDownload({
             report,
             autoDownload: isChatHistory,
-            onCompletion: isChatHistory ? undefined : handleReportCompletion,
-            extraRequestBody: { force: true, source: window.location.origin },
+            onCompletion: isChatHistory
+                ? () => { var _a; return maybeShowRegenerateHint((_a = report.report_name) !== null && _a !== void 0 ? _a : null); }
+                : handleReportCompletion,
+            extraRequestBody: {
+                force: true,
+                source: window.location.origin,
+                ...buildDateRangeBody(dateRange),
+            },
         });
     }, [
+        buildDateRangeBody,
         handleAutoDownload,
         handleReportCompletion,
+        maybeShowRegenerateHint,
         metadata === null || metadata === void 0 ? void 0 : metadata.enable_combined_recommendation_report,
         isRecommendationReport,
         handleCombinedRecommendationReports,
         initializeReportDownload,
     ]);
-    const handleRegenerateReport = useCallback((report) => {
+    const handleRegenerateReport = useCallback((report, dateRange) => {
+        var _a;
         const isChatHistory = report.display_name === 'All Mentor Chat History';
+        lastDownloadedReportKeyRef.current = (_a = report.report_name) !== null && _a !== void 0 ? _a : null;
         // Check if this is a recommendation report and combining is enabled
         if ((metadata === null || metadata === void 0 ? void 0 : metadata.enable_combined_recommendation_report) &&
             isRecommendationReport(report.display_name || toTitleCase(report.report_name))) {
@@ -186055,11 +186098,19 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
         initializeReportDownload({
             report,
             autoDownload: isChatHistory,
-            onCompletion: isChatHistory ? undefined : handleReportCompletion,
-            extraRequestBody: { force: true, source: window.location.origin },
+            onCompletion: isChatHistory
+                ? () => { var _a; return maybeShowRegenerateHint((_a = report.report_name) !== null && _a !== void 0 ? _a : null); }
+                : handleReportCompletion,
+            extraRequestBody: {
+                force: true,
+                source: window.location.origin,
+                ...buildDateRangeBody(dateRange),
+            },
         });
     }, [
+        buildDateRangeBody,
         handleReportCompletion,
+        maybeShowRegenerateHint,
         metadata === null || metadata === void 0 ? void 0 : metadata.enable_combined_recommendation_report,
         isRecommendationReport,
         handleCombinedRecommendationReports,
@@ -186100,7 +186151,7 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
             return (jsx("div", { className: "flex flex-col items-center justify-center space-y-4", children: jsx(EmptyStats, { title: 'No reports available yet.' }) }));
         }
         return (jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8 items-stretch", children: filteredReports.map((report, index) => {
-                var _a, _b, _c, _d;
+                var _a, _b, _c;
                 const reportKey = (_a = report.report_name) !== null && _a !== void 0 ? _a : `report-${index}`;
                 const hasIdentifier = Boolean(report.report_name);
                 const isActive = isGenerating && hasIdentifier && activeReportName === reportKey;
@@ -186108,12 +186159,7 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
                 const isCombinableReport = (metadata === null || metadata === void 0 ? void 0 : metadata.enable_combined_recommendation_report) &&
                     isRecommendationReport(report.display_name || toTitleCase(report.report_name));
                 const hasCompletedReport = ((_b = report.status) === null || _b === void 0 ? void 0 : _b.state) === 'completed' && ((_c = report.status) === null || _c === void 0 ? void 0 : _c.url);
-                return (jsx(Card, { "aria-label": `${report.display_name || toTitleCase(report.report_name)} report card`, className: "bg-white border-gray-200 h-full flex flex-col", "data-testid": isCombinableReport ? 'combined-recommendation-report-card' : undefined, children: jsx(CardContent, { className: "p-6 flex-1 flex flex-col", children: jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex justify-between items-start mb-2", children: [jsx("h3", { className: "text-base font-medium text-gray-700 flex-1 pr-2", children: (() => {
-                                                const displayName = report.display_name || toTitleCase(report.report_name);
-                                                return displayName === 'All Mentor Chat History'
-                                                    ? 'Chat History'
-                                                    : displayName;
-                                            })() }), jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [hasCompletedReport && (jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 bg-transparent hover:bg-[#155dfc] hover:text-white border-[#155dfc] text-[#155dfc]", onClick: () => handleRegenerateReport(report), disabled: isDisabled, "aria-label": "Regenerate report", children: isActive ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(RefreshCw, { className: "h-4 w-4" })) })), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 bg-transparent hover:bg-[#155dfc] hover:text-white border-[#155dfc] text-[#155dfc]", onClick: () => handleReportClick(report), disabled: isDisabled, "aria-label": "Download report", children: isActive && !hasCompletedReport ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Download, { className: "h-4 w-4" })) })] })] }), jsx("p", { className: "text-sm text-gray-600", children: report.description || 'Generate and download this report' }), hasCompletedReport && ((_d = report.status) === null || _d === void 0 ? void 0 : _d.created_at) && (jsxs("p", { className: "text-xs text-gray-400 mt-2", children: ["Generated: ", formatReportDate(report.status.created_at)] }))] }) }) }, reportKey));
+                return (jsx(ReportCard, { report: report, isActive: isActive, isDisabled: isDisabled, isCombinableReport: Boolean(isCombinableReport), hasCompletedReport: Boolean(hasCompletedReport), showRegenerateHint: regenerateHintReportKey === reportKey, onDismissRegenerateHint: dismissRegenerateHint, formatReportDate: formatReportDate, onDownloadClick: handleReportClick, onRegenerateClick: handleRegenerateReport }, reportKey));
             }) }));
     }, [
         activeReportName,
@@ -186125,9 +186171,86 @@ function AnalyticsReports({ tenantKey, selectedMentorId, disabledReports = [], u
         isLoading,
         isRecommendationReport,
         filteredReports,
+        regenerateHintReportKey,
+        dismissRegenerateHint,
     ]);
     return (jsxs("div", { className: "space-y-6 relative", children: [jsx(Dialog$1, { open: isCombiningReports, onOpenChange: (open) => !open && handleCancelCombining(), children: jsxs(DialogContent$1, { "aria-describedby": "combining-reports-description", "data-testid": "combining-reports-dialog", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { className: "ibl-dialog-title", children: "Combining Reports" }) }), jsxs("div", { className: "flex flex-col items-center gap-4 py-4", children: [jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-blue-600" }), jsx("p", { id: "combining-reports-description", className: "text-sm text-[#646464]", children: "Loading & combining recommendations data" })] }), jsx(DialogFooter, { children: jsx(Button$1, { variant: "outline", onClick: handleCancelCombining, "data-testid": "cancel-combining-button", children: "Cancel" }) })] }) }), content, csvEditorData.isOpen && (jsx(CSVEditor, { csvData: { headers: csvEditorData.headers, rows: csvEditorData.rows }, onSave: handleCsvEditorSave, onCancel: handleCsvEditorCancel }))] }));
 }
+function ReportCard({ report, isActive, isDisabled, isCombinableReport, hasCompletedReport, showRegenerateHint, onDismissRegenerateHint, formatReportDate, onDownloadClick, onRegenerateClick, }) {
+    var _a;
+    const [dateRange, setDateRange] = useState(undefined);
+    const [popoverMode, setPopoverMode] = useState(null);
+    const displayName = report.display_name || toTitleCase(report.report_name);
+    const headerTitle = displayName === 'All Mentor Chat History' ? 'Chat History' : displayName;
+    const closePopover = () => {
+        setPopoverMode(null);
+        setDateRange(undefined);
+    };
+    const handleConfirm = () => {
+        if (popoverMode === 'regenerate') {
+            onRegenerateClick(report, dateRange);
+        }
+        else {
+            onDownloadClick(report, dateRange);
+        }
+        closePopover();
+    };
+    const handleDownloadButtonClick = () => {
+        // Completed reports just download the existing URL — skip the picker.
+        if (hasCompletedReport) {
+            onDownloadClick(report);
+            return;
+        }
+        setPopoverMode('download');
+    };
+    const handleRegenerateButtonClick = () => {
+        // Clicking Regenerate also dismisses any onboarding hint attached to it.
+        if (showRegenerateHint)
+            onDismissRegenerateHint();
+        setPopoverMode('regenerate');
+    };
+    const dialogOpen = popoverMode !== null;
+    const hasDateSelection = Boolean(dateRange === null || dateRange === void 0 ? void 0 : dateRange.from);
+    return (jsxs(Fragment$1, { children: [jsx(Card, { "aria-label": `${displayName} report card`, className: "bg-white border-gray-200 h-full flex flex-col", "data-testid": isCombinableReport ? 'combined-recommendation-report-card' : undefined, children: jsx(CardContent, { className: "p-6 flex-1 flex flex-col", children: jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex justify-between items-start mb-2", children: [jsx("h3", { className: "text-base font-medium text-gray-700 flex-1 pr-2", children: headerTitle }), jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [hasCompletedReport && (jsxs(Popover, { open: showRegenerateHint, onOpenChange: (next) => {
+                                                    if (!next)
+                                                        onDismissRegenerateHint();
+                                                }, children: [jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(PopoverTrigger, { asChild: true, children: jsx(Button$1, { variant: "outline", size: "sm", className: cn('h-8 w-8 p-0 bg-transparent hover:bg-[#155dfc] hover:text-white border-[#155dfc] text-[#155dfc]', showRegenerateHint &&
+                                                                            'ring-2 ring-[#155dfc] ring-offset-2 animate-pulse'), onClick: handleRegenerateButtonClick, disabled: isDisabled, "aria-label": "Regenerate report", children: isActive ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(RefreshCw, { className: "h-4 w-4" })) }) }) }), jsx(TooltipContent, { side: "top", children: "Regenerate report" })] }), jsx(PopoverContent, { side: "top", align: "end", className: "w-64", "data-testid": "regenerate-hint-popover", onOpenAutoFocus: (e) => e.preventDefault(), children: jsxs("div", { className: "space-y-2", children: [jsx("p", { className: "text-sm font-semibold text-gray-900", children: "Need fresh data?" }), jsx("p", { className: "text-xs text-gray-600", children: "Click the refresh icon any time to regenerate this report with the latest data." }), jsx("div", { className: "flex justify-end pt-1", children: jsx(Button$1, { size: "sm", className: "h-7 text-xs", onClick: onDismissRegenerateHint, children: "Got it" }) })] }) })] })), jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 bg-transparent hover:bg-[#155dfc] hover:text-white border-[#155dfc] text-[#155dfc]", onClick: handleDownloadButtonClick, disabled: isDisabled, "aria-label": "Download report", children: isActive && !hasCompletedReport ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Download, { className: "h-4 w-4" })) }) }), jsx(TooltipContent, { side: "top", children: hasCompletedReport ? 'Download report' : 'Generate & download report' })] })] })] }), jsx("p", { className: "text-sm text-gray-600", children: report.description || 'Generate and download this report' }), hasCompletedReport && ((_a = report.status) === null || _a === void 0 ? void 0 : _a.created_at) && (jsxs("p", { className: "text-xs text-gray-400 mt-2", children: ["Generated: ", formatReportDate(report.status.created_at)] }))] }) }) }), jsx(Dialog$1, { open: dialogOpen, onOpenChange: (next) => (next ? null : closePopover()), children: jsxs(DialogContent$1, { className: "w-[calc(100vw-2rem)] max-w-[720px] p-0 overflow-hidden", "data-testid": "report-date-range-popover", "aria-describedby": "report-date-range-description", children: [jsxs(DialogHeader, { className: "px-4 py-3 border-b", children: [jsxs(DialogTitle$1, { className: "flex items-center gap-2 text-sm font-medium text-gray-700", children: [jsx(Calendar$1, { className: "h-4 w-4 text-[#155dfc]" }), "Select date range (optional)"] }), jsx("p", { id: "report-date-range-description", className: "sr-only", children: "Pick a start and end date to scope the report, or leave blank for the full range." })] }), jsx("div", { className: "px-4 py-3", children: jsx(Calendar, { mode: "range", numberOfMonths: 2, defaultMonth: dateRange === null || dateRange === void 0 ? void 0 : dateRange.from, selected: dateRange, onSelect: setDateRange, disabled: (date) => date > new Date() || date < new Date('1900-01-01'), components: { DayButton: ReportRangeDayButton }, className: "w-full", classNames: {
+                                    root: 'w-full',
+                                    months: 'flex gap-4 flex-col md:flex-row relative w-full',
+                                    month: 'flex flex-col w-full gap-4 flex-1',
+                                } }) }), jsxs(DialogFooter, { className: "flex items-center justify-between gap-2 border-t px-4 py-3 sm:justify-between", children: [jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => setDateRange(undefined), disabled: !hasDateSelection, children: "Clear" }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: closePopover, children: "Cancel" }), jsx(Button$1, { type: "button", size: "sm", onClick: handleConfirm, className: "bg-[#155dfc] text-white hover:bg-[#0f4bd1]", children: popoverMode === 'regenerate' ? 'Regenerate' : 'Generate' })] })] })] }) })] }));
+}
+function ReportRangeDayButton({ day, modifiers, className, ...props }) {
+    const { range_start, range_end, range_middle, selected, today, disabled, outside } = modifiers;
+    const baseClasses = 'flex items-center justify-center w-full h-full text-sm font-normal transition-colors';
+    let stateClasses = 'text-gray-900 hover:bg-blue-50 focus:bg-blue-50 focus:outline-none rounded-md';
+    if (range_start && range_end) {
+        stateClasses = 'bg-[#155dfc] text-white hover:bg-[#0f4bd1] rounded-md';
+    }
+    else if (range_start) {
+        stateClasses = 'bg-[#155dfc] text-white hover:bg-[#0f4bd1] rounded-l-md rounded-r-none';
+    }
+    else if (range_end) {
+        stateClasses = 'bg-[#155dfc] text-white hover:bg-[#0f4bd1] rounded-r-md rounded-l-none';
+    }
+    else if (range_middle) {
+        stateClasses = 'bg-blue-100 text-blue-900 hover:bg-blue-200 rounded-none';
+    }
+    else if (selected) {
+        stateClasses = 'bg-[#155dfc] text-white hover:bg-[#0f4bd1] rounded-md';
+    }
+    else if (today) {
+        stateClasses = 'bg-gray-100 text-gray-900 font-semibold hover:bg-blue-50 rounded-md';
+    }
+    if (outside && !selected && !range_start && !range_end && !range_middle) {
+        stateClasses = 'text-gray-300 hover:bg-transparent rounded-md';
+    }
+    if (disabled) {
+        stateClasses = 'text-gray-300 opacity-50 cursor-not-allowed rounded-md';
+    }
+    return (jsx("button", { type: "button", "data-day": day.date.toLocaleDateString(), ...props, className: `${baseClasses} ${stateClasses} ${className !== null && className !== void 0 ? className : ''}` }));
+}
 
 // Utility function to format date to YYYY-MM-DD
 const formatDateToYYYYMMDD$1 = (date) => {

package/dist/web-containers/source/next/index.esm.js

@@ -107843,7 +107843,7 @@ var Content2$1 = PopoverContent$1;
 
 const Popover = Root2;
 const PopoverTrigger = Trigger$1;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (jsx(Portal$2, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none", className), ...props }) })));
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (jsx(Portal$2, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }) })));
 PopoverContent.displayName = Content2$1.displayName;
 
 const offsetFormatCache = {};

package/dist/web-utils/playwright/shared-test-helpers.d.ts

@@ -1,6 +1,18 @@
 import { Locator, Page } from '@playwright/test';
 export declare function inviteUserTest(page: Page, inviteModal: Locator): Promise<void>;
 export declare function navigateToAccountComponent(page: Page, profileBtn: Locator): Promise<Locator>;
+/**
+ * Click a report card's primary action and confirm the date-range picker, so callers
+ * always end up in the post-generation state.
+ *
+ * Prefers the "Regenerate report" button when present (completed reports) because the plain
+ * "Download report" button on a completed card re-downloads the existing URL and skips the
+ * picker. When no Regenerate button exists, clicks "Download report" — which on a
+ * non-completed card also opens the picker.
+ *
+ * Either way we wait for the picker and click Generate/Regenerate to start the report.
+ */
+export declare function triggerReportFromCard(page: Page, card: Locator): Promise<void>;
 export declare function navigateToDataReports(page: Page): Promise<void>;
 export declare function shouldDisplayReportCards(page: Page, REPORT_CARDS: {
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -63,7 +63,7 @@
     "winston": "3.19.0",
     "@iblai/data-layer": "1.3.2",
     "@iblai/mcp": "1.3.0",
-    "@iblai/web-containers": "1.3.2",
+    "@iblai/web-containers": "1.3.3",
     "@iblai/web-utils": "1.2.8"
   },
   "peerDependencies": {