From 9c5647176d3862b02d56242fb30e47f45082cd09 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <SommerEngineering@users.noreply.github.com>
Date: Sat, 24 May 2025 18:21:05 +0200
Subject: [PATCH] Update ChatTemplateDialog to handle text and image content
 types

---
 .../Dialogs/ChatTemplateDialog.razor          | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/MindWork AI Studio/Dialogs/ChatTemplateDialog.razor b/app/MindWork AI Studio/Dialogs/ChatTemplateDialog.razor
index bec88bda..7091e35a 100644
--- a/app/MindWork AI Studio/Dialogs/ChatTemplateDialog.razor	
+++ b/app/MindWork AI Studio/Dialogs/ChatTemplateDialog.razor	
@@ -81,7 +81,24 @@
                     <MudTh>@T("Actions")</MudTh>
                 </HeaderContent>
                 <RowTemplate>
-                        @(context.Content is ContentText textContent ? textContent.Text : context.Content?.ToString())
+                    <MudTd>
+                        @context.Role.ToChatTemplateName()
+                    </MudTd>
+                    <MudTd>
+                        @switch(context.Content)
+                        {
+                            case ContentText textContent:
+                                <MudTextField AutoGrow="true" Value="@textContent.Text" Placeholder="@T("Enter a message")" ReadOnly="true" Variant="Variant.Text" Validation="@this.ValidateExampleTextMessage"/>
+                                break;
+                                
+                            case ContentImage { SourceType: ContentImageSource.URL or ContentImageSource.LOCAL_PATH } imageContent:
+                                <MudImage Src="@imageContent.Source" Alt="@T("Image content")" Fluid="true" />
+                                break;
+                            
+                            default:
+                                @T("Unsupported content type")
+                                break;
+                        }
                     </MudTd>
                     <MudTd style="text-align: center">
                         <MudIconButton Color="Color.Primary" Icon="@Icons.Material.Filled.Add" OnClick="@(() => AddNewMessageBelow(context))" />