update config and manage drop columns

Author: jpinsonneau

config/sample-config.yaml

@@ -45,12 +45,12 @@ frontend:
     #    - endConnection
   features:
   # eBPF agent features
-  #    - pktDrop
-  #    - dnsTracking
-  #    - flowRTT
+     - pktDrop
+     - dnsTracking
+     - flowRTT
   # processor features
-  #    - multiCluster
-  #    - zones
+     - multiCluster
+     - zones
   portNaming:
     enable: true
     portNames:
@@ -588,6 +588,7 @@ frontend:
     - id: Bytes
       name: Bytes
       tooltip: The total aggregated number of bytes.
+      field: Bytes
       fields:
         - Bytes
         - PktDropBytes
@@ -596,6 +597,7 @@ frontend:
     - id: Packets
       name: Packets
       tooltip: The total aggregated number of packets.
+      field: Packets
       fields:
         - Packets
         - PktDropPackets
@@ -621,6 +623,41 @@ frontend:
       calculated: substract(column.CollectionTime,TimeFlowEndMs)
       default: false
       width: 5
+    - id: PktDropBytes
+      name: Dropped Bytes
+      tooltip: The total aggregated number of bytes dropped.
+      field: PktDropBytes
+      default: false
+      width: 5
+      feature: pktDrop
+    - id: PktDropPackets
+      name: Dropped Packets
+      tooltip: The total aggregated number of packets dropped.
+      field: PktDropPackets
+      default: false
+      width: 5
+      feature: pktDrop
+    - id: PktDropLatestState
+      name: Drop State
+      tooltip: TCP state on last dropped packet.
+      field: PktDropLatestState
+      default: false
+      width: 10
+      feature: pktDrop
+    - id: PktDropLatestDropCause
+      name: Drop Cause
+      tooltip: TCP state on last dropped packet.
+      field: PktDropLatestDropCause
+      default: false
+      width: 10
+      feature: pktDrop
+    - id: PktDropLatestFlags
+      name: Drop Flags
+      tooltip: TCP flags on last dropped packet.
+      field: PktDropLatestFlags
+      default: false
+      width: 10
+      feature: pktDrop
     - id: DNSId
       group: DNS
       name: DNS Id

web/src/components/drawer/record/record-field.tsx

@@ -471,7 +471,8 @@ export const RecordField: React.FC<RecordFieldProps> = ({
         }
         return singleContainer(child);
       }
-      case ColumnsId.tcpflags: {
+      case ColumnsId.tcpflags:
+      case ColumnsId.dropflags: {
         let child = emptyText();
         if (typeof value === 'number' && !isNaN(value)) {
           const flags = decomposeTCPFlagsBitfield(value);
@@ -619,6 +620,16 @@ export const RecordField: React.FC<RecordFieldProps> = ({
             simpleTextWithTooltip(detailed ? `${String(value)} ${c.name.toLowerCase()} ${t('sent')}` : String(value))
           );
         }
+      case ColumnsId.dropbytes:
+      case ColumnsId.droppackets:
+        const droppedText = t('dropped');
+        const droppedCount = String(value);
+        return singleContainer(
+          simpleTextWithTooltip(
+            detailed ? `${droppedCount} ${c.name.toLowerCase()} ${droppedText}` : droppedCount,
+            isDark ? '#C9190B' : '#A30000'
+          )
+        );
       case ColumnsId.dnsid: {
         return singleContainer(
           typeof value === 'number' && !isNaN(value) ? simpleTextWithTooltip(String(value)) : emptyDnsErrorText()

web/src/components/drawer/record/record-panel.tsx

@@ -79,7 +79,15 @@ export const RecordPanel: React.FC<RecordDrawerProps> = ({
 
   // hide empty columns
   const getVisibleColumns = React.useCallback(() => {
-    const forbiddenColumns = [ColumnsId.ifdirs, ColumnsId.interfaces];
+    const forbiddenColumns = [
+      ColumnsId.ifdirs,
+      ColumnsId.interfaces,
+      ColumnsId.dropbytes,
+      ColumnsId.droppackets,
+      ColumnsId.dropstate,
+      ColumnsId.dropcause,
+      ColumnsId.dropflags
+    ];
     return columns.filter((c: Column) => {
       const value = c.value(record);
       return !forbiddenColumns.includes(c.id) && value !== null && value !== '' && !Number.isNaN(value);

web/src/utils/columns.ts

@@ -45,6 +45,11 @@ export enum ColumnsId {
   tcpflags = 'TCPFlags',
   bytes = 'Bytes',
   packets = 'Packets',
+  dropbytes = 'PktDropBytes',
+  droppackets = 'PktDropPackets',
+  dropstate = 'PktDropLatestState',
+  dropcause = 'PktDropLatestDropCause',
+  dropflags = 'PktDropLatestFlags',
   owner = 'K8S_OwnerName',
   srcowner = 'SrcK8S_OwnerName',
   dstowner = 'DstK8S_OwnerName',