fix(openflare): ClickHouse count scan and dashboard traffic metrics

- Scan ClickHouse count()/countIf() aggregates as uint64 before int64 conversion
- Fix access log list count, region stats, and delete pre-count queries
- Aggregate dashboard 24h traffic totals from hourly trend buckets
- Show current hour value in traffic trend chart summary
- Rename docker-compose service to openflare
- Remove redundant config preview section from performance page

frontend/app/(main)/components/dashboard/traffic-trend-chart.tsx

@@ -30,6 +30,8 @@ export function TrafficTrendChart({
       <CardContent>
         <TrendChart
           labels={points.map((point) => formatTrendHour(point.bucket_started_at))}
+          summaryScope="last-point"
+          summaryHint="当前小时"
           series={[
             {
               label: '请求量',

frontend/app/(main)/performance/page.tsx

@@ -16,7 +16,7 @@ import {Input} from "@/components/ui/input"
 import {Label} from "@/components/ui/label"
 import {Select, SelectContent, SelectItem, SelectTrigger, SelectValue,} from "@/components/ui/select"
 import {Switch} from "@/components/ui/switch"
-import {ConfigVersionService, OptionService} from "@/lib/services/openflare"
+import {OptionService} from "@/lib/services/openflare"
 
 import {
   defaultPerformanceFields,
@@ -44,12 +44,6 @@ export default function PerformancePage() {
     enabled: !!user?.is_admin,
   })
 
-  const previewQuery = useQuery({
-    queryKey: ["openflare", "config-preview"],
-    queryFn: () => ConfigVersionService.preview(),
-    enabled: !!user?.is_admin,
-  })
-
   useEffect(() => {
     if (!optionsQuery.data) return
     setFields(mapOptionsToFields(optionsToMap(optionsQuery.data)))
@@ -154,25 +148,6 @@ export default function PerformancePage() {
         </Button>
       </div>
 
-      <div className="grid gap-3 sm:grid-cols-3">
-        <div className="rounded-lg border border-dashed px-4 py-3">
-          <p className="text-[10px] uppercase tracking-wider text-muted-foreground">发布链路</p>
-          <p className="mt-2 text-sm font-medium">受管模板渲染</p>
-        </div>
-        <div className="rounded-lg border border-dashed px-4 py-3">
-          <p className="text-[10px] uppercase tracking-wider text-muted-foreground">预览规则数</p>
-          <p className="mt-2 text-sm font-semibold">
-            {previewQuery.data?.route_count ?? "—"} 条
-          </p>
-        </div>
-        <div className="rounded-lg border border-dashed px-4 py-3">
-          <p className="text-[10px] uppercase tracking-wider text-muted-foreground">配置预览</p>
-          <p className="mt-2 text-sm text-muted-foreground">
-            在配置发布页查看完整 nginx 渲染结果
-          </p>
-        </div>
-      </div>
-
       <Card className="border-dashed shadow-none">
         <CardHeader className="flex flex-row items-center justify-between">
           <div>

frontend/components/data/trend-chart.tsx

@@ -15,11 +15,16 @@ type TrendChartSeries = {
   valueFormatter?: (value: number) => string;
 };
 
+type TrendChartSummaryScope = 'last-point' | 'total';
+
 type TrendChartProps = {
   labels: string[];
   series: TrendChartSeries[];
   height?: number;
   yAxisValueFormatter?: (value: number) => string;
+  showSummary?: boolean;
+  summaryScope?: TrendChartSummaryScope;
+  summaryHint?: string;
 };
 
 type TooltipParam = {
@@ -31,11 +36,24 @@ type TooltipParam = {
 
 const defaultFormatter = (value: number) => formatCompactNumber(value);
 
+function resolveSummaryValue(values: number[], scope: TrendChartSummaryScope) {
+  if (values.length === 0) {
+    return 0;
+  }
+  if (scope === 'total') {
+    return values.reduce((sum, value) => sum + value, 0);
+  }
+  return values[values.length - 1] ?? 0;
+}
+
 export function TrendChart({
   labels,
   series,
   height = 220,
   yAxisValueFormatter,
+  showSummary = true,
+  summaryScope = 'last-point',
+  summaryHint,
 }: TrendChartProps) {
   const option = useMemo<EChartsOption>(() => {
     const axisFormatter = yAxisValueFormatter ?? defaultFormatter;
@@ -165,31 +183,38 @@ export function TrendChart({
 
   return (
     <div className="space-y-4">
-      <div className="flex flex-wrap gap-3">
-        {series.map((item) => {
-          const latestValue = item.values[item.values.length - 1] ?? 0;
-          const formatter = item.valueFormatter ?? defaultFormatter;
-          return (
-            <div
-              key={item.label}
-              className="min-w-[140px] rounded-2xl border bg-card px-4 py-3"
-            >
-              <div className="flex items-center gap-2">
-                <span
-                  className="h-2.5 w-2.5 rounded-full"
-                  style={{backgroundColor: item.color}}
-                />
-                <p className="text-xs tracking-[0.18em] text-muted-foreground uppercase">
-                  {item.label}
+      {showSummary ? (
+        <div className="flex flex-wrap gap-3">
+          {series.map((item) => {
+            const summaryValue = resolveSummaryValue(item.values, summaryScope);
+            const formatter = item.valueFormatter ?? defaultFormatter;
+            return (
+              <div
+                key={item.label}
+                className="min-w-[140px] rounded-2xl border bg-card px-4 py-3"
+              >
+                <div className="flex items-center gap-2">
+                  <span
+                    className="h-2.5 w-2.5 rounded-full"
+                    style={{backgroundColor: item.color}}
+                  />
+                  <p className="text-xs tracking-[0.18em] text-muted-foreground uppercase">
+                    {item.label}
+                  </p>
+                </div>
+                <p className="mt-2 text-lg font-semibold">
+                  {formatter(summaryValue)}
                 </p>
+                {summaryHint ? (
+                  <p className="mt-1 text-[10px] text-muted-foreground">
+                    {summaryHint}
+                  </p>
+                ) : null}
               </div>
-              <p className="mt-2 text-lg font-semibold">
-                {formatter(latestValue)}
-              </p>
-            </div>
-          );
-        })}
-      </div>
+            );
+          })}
+        </div>
+      ) : null}
 
       <div className="overflow-hidden rounded-[28px] border bg-linear-to-b from-white/3 to-transparent px-4 py-4 dark:from-white/3">
         <ReactECharts