diff --git a/gui/src/api/client.ts b/gui/src/api/client.ts
index 9b4ac842..492b15e1 100644
--- a/gui/src/api/client.ts
+++ b/gui/src/api/client.ts
@@ -14,9 +14,19 @@ export interface Txt2ImgParams {
seed?: string;
}
+export interface Txt2ImgResponse extends Txt2ImgParams {
+ model: string;
+ platform: string;
+ scheduler: string;
+
+ width: number;
+ height: number;
+ seed: string;
+}
+
export interface ApiResponse {
output: string;
- params: Txt2ImgParams;
+ params: Txt2ImgResponse;
}
export interface ApiClient {
diff --git a/gui/src/components/ImageCard.tsx b/gui/src/components/ImageCard.tsx
index f8bd42cf..7c07e0ff 100644
--- a/gui/src/components/ImageCard.tsx
+++ b/gui/src/components/ImageCard.tsx
@@ -1,4 +1,4 @@
-import { Card, CardContent, CardMedia, Paper, Stack } from '@mui/material';
+import { Box, Card, CardContent, CardMedia, Grid, Paper } from '@mui/material';
import * as React from 'react';
import { ApiResponse } from '../api/client.js';
@@ -18,11 +18,28 @@ export function ImageCard(props: ImageCardProps) {
title={params.prompt}
/>
-
- CFG: {params.cfg}
- Steps: {params.steps}
- Seed: {params.seed}
-
+
+
+
+ CFG: {params.cfg}
+
+
+ Steps: {params.steps}
+
+
+ Size: {params.width}x{params.height}
+
+
+ Seed: {params.seed}
+
+
+ Scheduler: {params.scheduler}
+
+
+ {params.prompt}
+
+
+
;
}
diff --git a/gui/src/components/MutationHistory.tsx b/gui/src/components/MutationHistory.tsx
index b0b98e13..d50c8716 100644
--- a/gui/src/components/MutationHistory.tsx
+++ b/gui/src/components/MutationHistory.tsx
@@ -1,7 +1,7 @@
+import { Grid } from '@mui/material';
import { useState } from 'react';
import * as React from 'react';
import { UseMutationResult } from 'react-query';
-import { Grid, Stack } from '@mui/material';
export interface MutationHistoryProps {
element: React.ComponentType<{value: T}>;
@@ -43,5 +43,5 @@ export function MutationHistory(props: MutationHistoryProps) {
}
}
- return {children.slice(0, limit).map((child) => {child})};
+ return {children.slice(0, limit).map((child) => {child})};
}