From bd4683d91e5e33d496de50564974dece29eb18dd Mon Sep 17 00:00:00 2001
From: g <g@paki.email>
Date: Mon, 12 Jan 2026 01:41:17 +0000
Subject: [PATCH] Update PredictionsChart.tsx

---
 components/analytics/PredictionsChart.tsx | 29 +++++++++++++++--------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/components/analytics/PredictionsChart.tsx b/components/analytics/PredictionsChart.tsx
index 38ea22a..ebd0ea5 100644
--- a/components/analytics/PredictionsChart.tsx
+++ b/components/analytics/PredictionsChart.tsx
@@ -64,6 +64,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 
 interface PredictionsChartProps {
   timeRange?: number;
@@ -237,7 +238,7 @@ export default function PredictionsChart({
           <div className="space-y-6">
             {/* Sales Predictions */}
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <TooltipProvider>
+              <TooltipProvider delayDuration={0}>
                 <Card>
                   <CardHeader className="pb-3">
                     <CardTitle className="text-sm font-medium flex items-center gap-2">
@@ -261,8 +262,8 @@ export default function PredictionsChart({
 
                         <div className="flex items-center gap-2 flex-wrap">
                           <Tooltip>
-                            <TooltipTrigger>
-                              <div className="inline-flex">
+                            <TooltipTrigger asChild>
+                              <span className="inline-flex cursor-help">
                                 <Badge
                                   className={getConfidenceColor(
                                     predictions.sales.confidence,
@@ -275,7 +276,7 @@ export default function PredictionsChart({
                                     </span>
                                   )}
                                 </Badge>
-                              </div>
+                              </span>
                             </TooltipTrigger>
                             <TooltipContent>
                               <p>Based on data consistency, historical accuracy, and model agreement</p>
@@ -284,8 +285,8 @@ export default function PredictionsChart({
 
                           {predictions.sales.aiModel?.used && (
                             <Tooltip>
-                              <TooltipTrigger>
-                                <div className="inline-flex">
+                              <TooltipTrigger asChild>
+                                <span className="inline-flex cursor-help">
                                   <Badge variant="outline" className="bg-purple-500/10 text-purple-700 dark:text-purple-400 border-purple-500/30">
                                     🤖 AI Powered
                                     {predictions.sales.aiModel.modelAccuracy !== undefined && (
@@ -294,7 +295,7 @@ export default function PredictionsChart({
                                       </span>
                                     )}
                                   </Badge>
-                                </div>
+                                </span>
                               </TooltipTrigger>
                               <TooltipContent>
                                 <p>Predictions generated using a Deep Learning Ensemble Model (TensorFlow.js)</p>
@@ -303,8 +304,8 @@ export default function PredictionsChart({
                           )}
                           {predictions.sales.trend && (
                             <Tooltip>
-                              <TooltipTrigger>
-                                <div className="inline-flex">
+                              <TooltipTrigger asChild>
+                                <span className="inline-flex cursor-help">
                                   <Badge
                                     variant="outline"
                                     className={
@@ -327,7 +328,7 @@ export default function PredictionsChart({
                                         ? "Trending Down"
                                         : "Stable"}
                                   </Badge>
-                                </div>
+                                </span>
                               </TooltipTrigger>
                               <TooltipContent>
                                 <p>Direction of the recent sales trend (slope analysis)</p>
@@ -418,6 +419,14 @@ export default function PredictionsChart({
               </TooltipProvider>
             </div>
 
+            <Alert className="bg-yellow-500/10 border-yellow-500/30 text-yellow-700 dark:text-yellow-400">
+              <AlertTriangle className="h-4 w-4 stroke-yellow-700 dark:stroke-yellow-400" />
+              <AlertTitle>Prediction Accuracy Warning</AlertTitle>
+              <AlertDescription>
+                These predictions are estimates based on historical sales data. Actual results may vary due to external factors, market conditions, and unforeseen events. Use these insights as a guide, not a guarantee.
+              </AlertDescription>
+            </Alert>
+
             {/* Daily Predictions Chart */}
             {predictions.sales.dailyPredictions &&
               predictions.sales.dailyPredictions.length > 0 && (