dashboard: add dark mode

apps/dashboard/src/components/report/chart/index.tsx

@@ -1,5 +1,8 @@
 'use client';
 
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+import { TriangleIcon } from 'lucide-react';
+
 import type { IChartInput } from '@openpanel/validation';
 
 import { Funnel } from '../funnel';
@@ -12,7 +15,18 @@ export const ChartSwitch = withChartProivder(function ChartSwitch(
   props: ReportChartProps
 ) {
   if (props.chartType === 'funnel') {
-    return <Funnel {...props} />;
+    return (
+      <>
+        <Alert>
+          <TriangleIcon className="h-4 w-4" />
+          <AlertTitle>Keep in mind</AlertTitle>
+          <AlertDescription>
+            Funnel chart is still experimental and might not work as expected.
+          </AlertDescription>
+        </Alert>
+        <Funnel {...props} />
+      </>
+    );
   }
 
   return <Chart {...props} />;