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',