Response Streaming (#124)

src-web/components/responseViewers/BinaryViewer.tsx

@@ -3,7 +3,9 @@ import type { HttpResponse } from '@yaakapp-internal/models';
 import { getContentTypeHeader } from '../../lib/model_util';
 import { Banner } from '../core/Banner';
 import { Button } from '../core/Button';
+import { Icon } from '../core/Icon';
 import { InlineCode } from '../core/InlineCode';
+import { EmptyStateText } from '../EmptyStateText';
 
 interface Props {
   response: HttpResponse;
@@ -12,6 +14,16 @@ interface Props {
 export function BinaryViewer({ response }: Props) {
   const saveResponse = useSaveResponse(response);
   const contentType = getContentTypeHeader(response.headers) ?? 'unknown';
+
+  // Wait until the response has been fully-downloaded
+  if (response.state !== 'closed') {
+    return (
+      <EmptyStateText>
+        <Icon icon="refresh" spin />
+      </EmptyStateText>
+    );
+  }
+
   return (
     <Banner color="primary" className="h-full flex flex-col gap-3">
       <p>