Add label of image model used

Author: mythz

AiServer/wwwroot/css/app.css

@@ -1038,6 +1038,10 @@ select{
   grid-row-start: 1;
 }
 
+.float-right {
+  float: right;
+}
+
 .-m-2 {
   margin: -0.5rem;
 }
@@ -1620,10 +1624,6 @@ select{
   min-width: 100%;
 }
 
-.max-w-10 {
-  max-width: 2.5rem;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1668,10 +1668,6 @@ select{
   max-width: 20rem;
 }
 
-.max-w-96 {
-  max-width: 24rem;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -3479,6 +3475,10 @@ select{
   --tw-ring-color: rgb(0 0 0 / 0.05);
 }
 
+.ring-blue-700\/10 {
+  --tw-ring-color: rgb(29 78 216 / 0.1);
+}
+
 .ring-gray-200 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));

AiServer/wwwroot/mjs/components/TextToImage.mjs

@@ -88,6 +88,9 @@ export default {
                             <div class="ml-1 invisible group-hover:visible">discard</div>
                             <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="currentColor" d="M12 12h2v12h-2zm6 0h2v12h-2z"></path><path fill="currentColor" d="M4 6v2h2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h2V6zm4 22V8h16v20zm4-26h8v2h-8z"></path></svg>
                         </div>
+                    </div>
+                    <div v-if="result.request.model" class="float-right">                    
+                        <span class="inline-flex items-center rounded-md bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-inset ring-blue-700/10">{{result.request.model}}</span>
                     </div>                     
 
                     <ArtifactGallery :results="toArtifacts(result)">