poc streaming image response

ui/frontend/build_src/src/components/organisms/displayPanel/currentDisplay/index.tsx

@@ -44,6 +44,12 @@ const LoadingDisplay = () => {
     <>
       <h4 className="loading">Loading...</h4>
       <p>{percent} % Complete </p>
+      {progressImages.map((image, index) => {
+        return (
+          <img src={`http://localhost:9000${image}`} key={index} />
+        )
+      })
+      }
     </>
   );
 };

ui/frontend/build_src/src/stores/imageCreateStore.ts

@@ -22,6 +22,7 @@ export const SAMPLER_OPTIONS = [
 ] as const;
 
 export interface ImageRequest {
+  session_id: string;
   prompt: string;
   seed: number;
   num_outputs: number;
@@ -118,6 +119,7 @@ export const useImageCreate = create<ImageCreateState>(
     parallelCount: 1,
 
     requestOptions: {
+      session_id: new Date().getTime().toString(),
       prompt: "a photograph of an astronaut riding a horse",
       seed: useRandomSeed(),
       num_outputs: 1,