feat(network): show orange SSE badge for long-lived stream entries

Adds a small "SSE" badge to the right side of the NetworkEntry header
(left of the HTTP status badge) when the response is a long-lived
streaming channel (GET + text/event-stream or application/x-ndjson) —
the only case where the body genuinely isn't captured. Makes the
"not captured" placeholder less surprising at a glance.

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

Author: cliffhall

clients/web/src/components/groups/NetworkEntry/NetworkEntry.test.tsx

@@ -126,6 +126,24 @@ describe("NetworkEntry", () => {
     ).toBeInTheDocument();
   });
 
+  it("shows an SSE badge on long-lived GET event-stream entries", () => {
+    const sse: FetchRequestEntry = {
+      ...baseEntry,
+      method: "GET",
+      responseHeaders: { "content-type": "text/event-stream" },
+      responseBody: undefined,
+    };
+    renderWithMantine(<NetworkEntry entry={sse} isListExpanded={false} />);
+    expect(screen.getByText("SSE")).toBeInTheDocument();
+  });
+
+  it("does not show an SSE badge on bounded POST entries", () => {
+    renderWithMantine(
+      <NetworkEntry entry={baseEntry} isListExpanded={false} />,
+    );
+    expect(screen.queryByText("SSE")).not.toBeInTheDocument();
+  });
+
   it("shows '(empty)' for a POST SSE response with no body (bounded stream where capture failed)", async () => {
     const user = userEvent.setup();
     const sse: FetchRequestEntry = {

clients/web/src/components/groups/NetworkEntry/NetworkEntry.tsx

@@ -161,6 +161,7 @@ export function NetworkEntry({ entry, isListExpanded }: NetworkEntryProps) {
             {entry.duration != null && (
               <DurationText>{formatDuration(entry.duration)}</DurationText>
             )}
+            {isLongLivedStream(entry) && <Badge color="orange">SSE</Badge>}
             <Badge color={statusColor(entry)}>{statusLabel(entry)}</Badge>
           </Group>
         </HeaderRow>