improve funnels

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

@@ -61,8 +61,8 @@ export function ReportBarChart({ data }: ReportBarChartProps) {
               </div>
               <Progress
                 color={getChartColor(index)}
-                className={cn('w-1/2', editMode ? 'h-5' : 'h-2')}
                 value={(serie.metrics.sum / maxCount) * 100}
+                size={editMode ? 'lg' : 'sm'}
               />
             </div>
           </div>

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

@@ -1,5 +1,4 @@
 import { useMemo } from 'react';
-import { Tooltiper } from '@/components/ui/tooltip';
 import type { LucideIcon, LucideProps } from 'lucide-react';
 import {
   ActivityIcon,
@@ -82,10 +81,8 @@ export function SerieIcon({ name, ...props }: SerieIconProps) {
   }, [name]);
 
   return Icon ? (
-    <Tooltiper asChild content={name!}>
-      <div className="[&_a]:![&_a]:!h-4 relative h-4 flex-shrink-0 [&_svg]:!rounded-[2px]">
-        <Icon size={16} {...props} />
-      </div>
-    </Tooltiper>
+    <div className="[&_a]:![&_a]:!h-4 relative h-4 flex-shrink-0 [&_svg]:!rounded-[2px]">
+      <Icon size={16} {...props} />
+    </div>
   ) : null;
 }

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

@@ -1,8 +1,5 @@
 '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';
@@ -15,18 +12,7 @@ export const ChartSwitch = withChartProivder(function ChartSwitch(
   props: ReportChartProps
 ) {
   if (props.chartType === 'funnel') {
-    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 <Funnel {...props} />;
   }
 
   return <Chart {...props} />;