Add images to AI Server docs

Author: mythz

MyApp/_pages/ai-server/chat.md

@@ -4,6 +4,17 @@ title: AI Server API Usage
 
 AI Server provides a unified API to process requests for AI services to access LLMs, Image Generation, Transcription, and more. The API is designed to be simple to use and easy to integrate into your applications providing many supported languages and frameworks.
 
+## Chat UI
+
+AI Server's Chat UI lets upi send Open AI Chat requests with custom system prompts to any of its active LLMs:
+
+<div class="not-prose">
+<h3 class="text-4xl text-center text-indigo-800 pb-3"><span class="text-gray-300">https://localhost:5006</span>/Chat
+</h3>
+</div>
+
+![](/img/pages/ai-server/uis/Chat.webp)
+
 ## Making a Chat Request
 
 To make a chat request to AI Server, you can use the `/api/OpenAiChatCompletion` endpoint. This endpoint requires a `OpenAiChatCompletion` request DTO that contains a property matching the `OpenAI` API.

MyApp/_pages/ai-server/image-to-image.md

@@ -2,6 +2,18 @@
 title: Image to Image
 ---
 
+## Image to Image UI
+
+AI Server's Image to Image UI lets you create custom Images from a blueprint image from its active Comfy UI Agents:
+
+<div class="not-prose">
+    <h3 class="text-4xl text-center text-indigo-800 pb-3">
+        <span class="text-gray-300">https://localhost:5006</span>/ImageToImage
+    </h3>
+</div>
+
+![](/img/pages/ai-server/uis/ImageToImage.webp)
+
 ## Using Image to Image Endpoints
 
 ::include ai-server/endpoint-usage.md::

MyApp/_pages/ai-server/image-to-text.md

@@ -2,6 +2,18 @@
 title: Image to Text
 ---
 
+## Image to Text UI
+
+AI Server's Image to Text UI lets you request image classifications from its active Comfy UI Agents:
+
+<div class="not-prose">
+    <h3 class="text-4xl text-center text-indigo-800 pb-3">
+        <span class="text-gray-300">https://localhost:5006</span>/ImageToText
+    </h3>
+</div>
+
+![](/img/pages/ai-server/uis/ImageToText.webp)
+
 ## Using Image to Text Endpoints
 
 ::include ai-server/endpoint-usage.md::

MyApp/_pages/ai-server/image-upscale.md

@@ -2,6 +2,18 @@
 title: Image Upscale
 ---
 
+## Image Upscale UI
+
+AI Server's Image Upscale UI lets you use AI to 2x upscale and image from its active Comfy UI Agents:
+
+<div class="not-prose">
+    <h3 class="text-4xl text-center text-indigo-800 pb-3">
+        <span class="text-gray-300">https://localhost:5006</span>/ImageUpscale
+    </h3>
+</div>
+
+![](/img/pages/ai-server/uis/ImageUpscale.webp)
+
 ## Using Image Upscale Endpoints
 
 ::include ai-server/endpoint-usage.md::

MyApp/_pages/ai-server/index.md

@@ -48,14 +48,16 @@ If your server also has a GPU you can ask the installer to also install the [Com
 
 The ComfyUI Agent is a separate Docker agent for running [ComfyUI](https://www.comfy.org), 
 [Whisper](https://github.com/openai/whisper) and [FFmpeg](https://www.ffmpeg.org) on servers with GPUs to handle 
-AI Server's Media transformations and Media Requests, including:
-
- - Text to Image
- - Image to Text
- - Image to Image
- - Image Upscale
- - Speech to Text
- - Text to Speech
+AI Server's [Image](/ai-server/transform/image) and 
+[Video transformations](/ai-server/transform/video) and Media Requests, including:
+
+- [Text to Image](/ai-server/text-to-image)
+- [Image to Text](/ai-server/image-to-text)
+- [Image to Image](/ai-server/image-to-image)
+- [Image with Mask](/ai-server/image-with-mask)
+- [Image Upscale](/ai-server/image-upscale)
+- [Speech to Text](/ai-server/speech-to-text)
+- [Text to Speech](/ai-server/text-to-speech)
 
 #### Comfy UI Agent Installer
 

MyApp/_pages/ai-server/speech-to-text.md

@@ -4,6 +4,18 @@ title: Speech to Text
 
 AI Server can transcribe audio files to text using the Speech-to-Text provider. This is powered by the Whisper model and is hosted on your own ComfyUI Agent.
 
+## Speech to Text UI
+
+AI Server's Speech to Text UI lets you transcribe audio files from its active Comfy UI Agents:
+
+<div class="not-prose">
+    <h3 class="text-4xl text-center text-indigo-800 pb-3">
+        <span class="text-gray-300">https://localhost:5006</span>/SpeechToText
+    </h3>
+</div>
+
+![](/img/pages/ai-server/uis/SpeechToText.webp)
+
 ## Using Speech to Text Endpoints
 
 ::include ai-server/endpoint-usage.md::

MyApp/_pages/ai-server/text-to-image.md

@@ -2,6 +2,19 @@
 title: Text to Image
 ---
 
+## Text to Image UI
+
+AI Server's Text to Image UI lets send Text to Image requests to any of its active Comfy UI Agents Models, Diffusion
+or DALL·E 3 API Providers:
+
+<div class="not-prose">
+    <h3 class="text-4xl text-center text-indigo-800 pb-3">
+        <span class="text-gray-300">https://localhost:5006</span>/TextToImage
+    </h3>
+</div>
+
+![](/img/pages/ai-server/uis/TextToImage.webp)
+
 ## Using Text to Image Endpoints
 
 ::include ai-server/endpoint-usage.md::

MyApp/_pages/ai-server/text-to-speech.md

@@ -2,8 +2,19 @@
 title: Text to Speech
 ---
 
-## Using Text to Speech Endpoints
+## Text to Speech UI
+
+AI Server's Text to Speech UI lets you create audio files from its active Comfy UI Agents or Open AI Text to Speech models:
+
+<div class="not-prose">
+    <h3 class="text-4xl text-center text-indigo-800 pb-3">
+        <span class="text-gray-300">https://localhost:5006</span>/TextToSpeech
+    </h3>
+</div>
 
+![](/img/pages/ai-server/uis/TextToSpeech.webp)
+
+## Using Text to Speech Endpoints
 
 ::include ai-server/endpoint-usage.md::