feat(api, web): add agent stats reset functionality and enhance UI components

- Implemented a new API endpoint to reset agent statistics, allowing for better management of agent performance data.
- Updated the AgentCard component to display traffic statistics in a consolidated format, improving clarity for users.
- Enhanced the AgentDetailView to include a button for resetting agent stats, providing a direct action for users.
- Refactored the AgentFleetDataGrid to show combined traffic metrics, streamlining data presentation.
- Added a utility function to delete stats samples for agents in the database, ensuring data integrity.

These changes improve the user experience by providing more intuitive controls and clearer data representation for agent statistics.

apps/web/src/components/agents/agent-detail-view.tsx

@@ -2,8 +2,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { toast } from 'sonner'
 import { useRef, useState } from 'react'
 import {
-  BanIcon,
-  CheckCircle2Icon,
+  ActivityIcon,
   CircleAlertIcon,
   ClockIcon,
   Copy,
@@ -88,6 +87,20 @@ export function AgentDetailView({ agentId }: AgentDetailViewProps) {
     onError: (e: Error) => toast.error(e.message),
   })
 
+  const resetStats = useMutation({
+    mutationFn: () =>
+      apiFetch(`/api/v1/agents/${agentId}/stats/reset`, { method: 'POST' }),
+    onSuccess: () => {
+      toast.success('Статистика сброшена')
+      void qc.invalidateQueries({ queryKey: ['agents'] })
+      void qc.invalidateQueries({ queryKey: ['agents', agentId] })
+      void qc.invalidateQueries({ queryKey: ['agents', agentId, 'stats'] })
+      void qc.invalidateQueries({ queryKey: ['stats'] })
+      void qc.invalidateQueries({ queryKey: ['dashboard'] })
+    },
+    onError: (e: Error) => toast.error(e.message),
+  })
+
   const a = agentQ.data
 
   if (agentQ.isLoading || !a) {
@@ -229,21 +242,24 @@ export function AgentDetailView({ agentId }: AgentDetailViewProps) {
           <DetailPanel.Metrics
             cards={[
               {
-                id: 'dropped',
-                icon: <BanIcon aria-hidden />,
+                id: 'traffic',
+                icon: <ActivityIcon aria-hidden />,
                 iconClassName: 'text-warning',
-                label: 'Dropped',
-                description: String(a.last_apply_packets_dropped ?? 0),
+                label: 'Traffic',
+                description: `↓${a.last_apply_packets_dropped ?? 0} · ↑${a.last_apply_packets_accepted ?? 0}`,
                 hint: 'сумма counters',
                 variant: 'warning',
-              },
-              {
-                id: 'accepted',
-                icon: <CheckCircle2Icon aria-hidden />,
-                iconClassName: 'text-success',
-                label: 'Accepted',
-                description: String(a.last_apply_packets_accepted ?? 0),
-                hint: 'сумма counters',
+                footer: (
+                  <Button
+                    type="button"
+                    size="sm"
+                    variant="outline"
+                    disabled={resetStats.isPending}
+                    onClick={() => resetStats.mutate()}
+                  >
+                    Сбросить
+                  </Button>
+                ),
               },
               {
                 id: 'kernel',