From 5dc3954958d0b0ab17854968721955f1dc530e5e Mon Sep 17 00:00:00 2001
From: Peng Ying <peng@lightspark.com>
Date: Fri, 13 Feb 2026 16:14:42 -0800
Subject: [PATCH] fix(samples): filter out heartbeat messages from webhook
 stream UI

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 samples/frontend/src/components/WebhookStream.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/samples/frontend/src/components/WebhookStream.tsx b/samples/frontend/src/components/WebhookStream.tsx
index 2da65c8..5bc4ccc 100644
--- a/samples/frontend/src/components/WebhookStream.tsx
+++ b/samples/frontend/src/components/WebhookStream.tsx
@@ -19,8 +19,10 @@ export default function WebhookStream() {
 
       es.onopen = () => setConnected(true)
       es.onmessage = (event) => {
+        const raw = event.data?.trim()
+        if (!raw || raw === 'heartbeat') return
         try {
-          const data = JSON.parse(event.data)
+          const data = JSON.parse(raw)
           if (data.type === 'connected') return
           setEvents((prev) => [{
             timestamp: Date.now(),
@@ -28,11 +30,7 @@ export default function WebhookStream() {
             raw: JSON.stringify(data, null, 2)
           }, ...prev])
         } catch {
-          setEvents((prev) => [{
-            timestamp: Date.now(),
-            type: 'raw',
-            raw: event.data
-          }, ...prev])
+          // Skip non-JSON messages (heartbeats, etc.)
         }
       }
       es.onerror = () => {