fix(samples): filter out heartbeat messages from webhook stream UI

[pengying]

Co-Authored-By: Claude Opus 4.6 noreply@anthropic.com

Ignore heartbeat messages in the webhook stream event handler to prevent them from being processed as regular webhook events.

[pengying]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• fix(samples): filter out heartbeat messages from webhook stream UI #198 👈 (View in Graphite)
• feat(samples): add TypeScript backend using Grid TypeScript SDK #197
• feat: adding kotlin sample #192
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[greptile-apps]

Greptile Overview

Greptile Summary

Filters out heartbeat messages from the SSE stream to prevent them from being displayed as webhook events in the UI.

• Added early return when event.data === 'heartbeat' before JSON parsing
• Prevents heartbeat messages (sent every 30 seconds by the TypeScript backend at samples/typescript/src/index.ts:74) from triggering the catch block or appearing as raw events
• Change is correctly placed before the JSON.parse attempt to avoid parsing errors

Confidence Score: 5/5

• Safe to merge - simple, focused bug fix with no side effects
• Single-line defensive check that correctly filters out heartbeat messages before any processing occurs. The change is minimal, well-placed, and solves the exact problem described in the PR without introducing any new risks or edge cases.
• No files require special attention

Important Files Changed

Filename	Overview
samples/frontend/src/components/WebhookStream.tsx	Added early return to filter out heartbeat messages before JSON parsing, preventing them from appearing as events in the UI

_{Last reviewed commit: 853a262}