[tunnel] filter out ping packets from TUI traffic view by default

BFD keepalive packets create noise in the traffic panel. Hide them
by default and add a 'p' key toggle to show/hide them.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: dilyevsky

pkg/cmd/tunnel/tui/keys.go

@@ -12,6 +12,7 @@ type keyMap struct {
 	FilterUDP  key.Binding
 	FilterICMP key.Binding
 	FilterAll  key.Binding
+	ToggleBFD  key.Binding
 	Clear      key.Binding
 }
 
@@ -25,17 +26,18 @@ var DefaultKeyMap = keyMap{
 	FilterUDP:  key.NewBinding(key.WithKeys("u"), key.WithHelp("u", "UDP")),
 	FilterICMP: key.NewBinding(key.WithKeys("i"), key.WithHelp("i", "ICMP")),
 	FilterAll:  key.NewBinding(key.WithKeys("a"), key.WithHelp("a", "all")),
+	ToggleBFD:  key.NewBinding(key.WithKeys("p"), key.WithHelp("p", "toggle pings")),
 	Clear:      key.NewBinding(key.WithKeys("c"), key.WithHelp("c", "clear")),
 }
 
 func (k keyMap) ShortHelp() []key.Binding {
-	return []key.Binding{k.FilterTCP, k.FilterUDP, k.FilterICMP, k.FilterAll, k.Clear, k.Quit}
+	return []key.Binding{k.FilterTCP, k.FilterUDP, k.FilterICMP, k.FilterAll, k.ToggleBFD, k.Clear, k.Quit}
 }
 
 func (k keyMap) FullHelp() [][]key.Binding {
 	return [][]key.Binding{
 		{k.ScrollUp, k.ScrollDown, k.Top, k.Bottom},
-		{k.FilterTCP, k.FilterUDP, k.FilterICMP, k.FilterAll},
+		{k.FilterTCP, k.FilterUDP, k.FilterICMP, k.FilterAll, k.ToggleBFD},
 		{k.Clear, k.Quit},
 	}
 }

pkg/cmd/tunnel/tui/model.go

@@ -97,6 +97,10 @@ func (m Model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 			m.traffic.SetFilter(panels.FilterAll)
 			return m, nil
 
+		case key.Matches(msg, m.keys.ToggleBFD):
+			m.traffic.ToggleBFD()
+			return m, nil
+
 		case key.Matches(msg, m.keys.Clear):
 			m.traffic.Clear()
 			return m, nil

pkg/cmd/tunnel/tui/panels/help.go

@@ -35,6 +35,7 @@ func (p HelpPanel) View() string {
 		HelpStyle.Render("u") + DimStyle.Render(":UDP"),
 		HelpStyle.Render("i") + DimStyle.Render(":ICMP"),
 		HelpStyle.Render("a") + DimStyle.Render(":all"),
+		HelpStyle.Render("p") + DimStyle.Render(":pings"),
 		HelpStyle.Render("c") + DimStyle.Render(":clear"),
 		HelpStyle.Render("q") + DimStyle.Render(":quit"),
 	}

pkg/cmd/tunnel/tui/panels/traffic.go

@@ -6,6 +6,7 @@ import (
 
 	"github.com/charmbracelet/lipgloss"
 
+	"github.com/apoxy-dev/apoxy/pkg/tunnel/bfdl"
 	"github.com/apoxy-dev/apoxy/pkg/tunnel/connection"
 )
 
@@ -27,6 +28,7 @@ type TrafficPanel struct {
 	height   int
 	packets  []connection.PacketInfo
 	filter   ProtocolFilter
+	hideBFD  bool // hide BFD control packets (UDP port 3784)
 	scrollY  int
 	autoTail bool // auto-scroll to bottom
 }
@@ -36,6 +38,7 @@ func NewTrafficPanel() TrafficPanel {
 	return TrafficPanel{
 		packets:  make([]connection.PacketInfo, 0, maxPackets),
 		filter:   FilterAll,
+		hideBFD:  true,
 		autoTail: true,
 	}
 }
@@ -72,6 +75,22 @@ func (p *TrafficPanel) SetFilter(f ProtocolFilter) {
 	p.scrollY = 0
 }
 
+// ToggleBFD toggles visibility of BFD control packets.
+func (p *TrafficPanel) ToggleBFD() {
+	p.hideBFD = !p.hideBFD
+	p.scrollY = 0
+}
+
+// HideBFD returns whether BFD packets are currently hidden.
+func (p *TrafficPanel) HideBFD() bool {
+	return p.hideBFD
+}
+
+func isBFDPacket(pkt connection.PacketInfo) bool {
+	return pkt.Protocol == connection.ProtocolUDP &&
+		(pkt.SrcPort == bfdl.BFDPort || pkt.DstPort == bfdl.BFDPort)
+}
+
 // ScrollUp scrolls up by one line.
 func (p *TrafficPanel) ScrollUp() {
 	p.autoTail = false
@@ -121,13 +140,18 @@ func (p *TrafficPanel) visibleLines() int {
 }
 
 func (p *TrafficPanel) filteredPackets() []connection.PacketInfo {
-	if p.filter == FilterAll {
+	if p.filter == FilterAll && !p.hideBFD {
 		return p.packets
 	}
 
 	var result []connection.PacketInfo
 	for _, pkt := range p.packets {
+		if p.hideBFD && isBFDPacket(pkt) {
+			continue
+		}
 		switch p.filter {
+		case FilterAll:
+			result = append(result, pkt)
 		case FilterTCP:
 			if pkt.Protocol == connection.ProtocolTCP {
 				result = append(result, pkt)
@@ -147,16 +171,21 @@ func (p *TrafficPanel) filteredPackets() []connection.PacketInfo {
 
 // FilterName returns the name of the current filter.
 func (p *TrafficPanel) FilterName() string {
+	var name string
 	switch p.filter {
 	case FilterTCP:
-		return "TCP"
+		name = "TCP"
 	case FilterUDP:
-		return "UDP"
+		name = "UDP"
 	case FilterICMP:
-		return "ICMP"
+		name = "ICMP"
 	default:
-		return "all"
+		name = "all"
+	}
+	if p.hideBFD {
+		name += ", no pings"
 	}
+	return name
 }
 
 // View renders the traffic panel.