tc full packet test

frontend/src/components/PacketViewer.tsx

@@ -85,7 +85,7 @@ function colorForName(name: string) {
 }
 
 function packetKey(packet: PacketRow) {
-  return String(packet.packet_uid ?? packet.id ?? `${packet.ingress_if ?? 'if'}:${packet.timestamp ?? ''}`);
+  return String(packet.correlation_key ?? packet.packet_id ?? packet.packet_uid ?? packet.id ?? `${packet.ingress_if ?? 'if'}:${packet.timestamp ?? ''}`);
 }
 
 function formatEthType(packet: PacketRow) {
@@ -302,6 +302,19 @@ export default function PacketViewer(): ReactElement {
         width: 120,
         render: (val: any) => <Text>{formatTimestamp(val)}</Text>,
       },
+      {
+        title: 'Corr',
+        key: 'correlation',
+        width: 140,
+        render: (_: any, rec: PacketRow) => (
+          <Space direction="vertical" size={0}>
+            <Text>{rec.packet_id ?? rec.packet_uid?.slice(0, 10) ?? '-'}</Text>
+            <Text type="secondary" style={{ fontSize: 12 }}>
+              {rec.correlation_source ?? '-'}
+            </Text>
+          </Space>
+        ),
+      },
       {
         title: 'Path',
         key: 'path',

frontend/src/types/packets.ts

@@ -1,7 +1,13 @@
 export interface PacketRow {
   id?: number | string;
   timestamp?: string;
+  updated_at?: string | null;
+  correlation_key?: string;
+  correlation_source?: string | null;
+  packet_id?: string | null;
   packet_uid?: string;
+  skb_mark?: number | null;
+  capture_iface?: string | null;
   ingress_if?: string | null;
   egress_if?: string | null;
   src_mac?: string | null;
@@ -27,6 +33,7 @@ export interface PacketRow {
   app_is_encrypted?: boolean | null;
   app_risk_score?: number | null;
   dpi_metadata?: Record<string, unknown> | null;
+  capture_metadata?: Record<string, unknown> | null;
   telemetry_metadata?: Record<string, unknown> | null;
   verdict?: string | null;
   verdict_reason?: string | null;