From 684da6298322b69e33c8ebb6db0fe8547550828c Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Tue, 30 Dec 2025 17:28:01 +0100
Subject: [PATCH] Add preview functionality for file attachments in
 ReviewAttachmentsDialog

---
 .../Dialogs/ReviewAttachmentsDialog.razor     | 41 +++++++++++--------
 .../Dialogs/ReviewAttachmentsDialog.razor.cs  | 14 +++++++
 2 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor b/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor
index 3602adf0..971e5892 100644
--- a/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor	
+++ b/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor	
@@ -46,19 +46,24 @@
                                 </MudTooltip>
                             </div>
 
-                            <MudTooltip Text="@T("Remove this attachment.")" Placement="Placement.Bottom">
-                                <MudIconButton Icon="@Icons.Material.Filled.Delete"
-                                               Color="Color.Error"
-                                               Class="ml-2"
-                                               Style="flex-shrink: 0;"
-                                               OnClick="@(() => this.DeleteAttachment(fileAttachment))"/>
-                            </MudTooltip>
+                            <MudToolBar WrapContent="true" Gutters="false" Class="ml-2" Style="flex-shrink: 0; min-height: 1em;">
+                                <MudTooltip Text="@T("Preview what we send to the AI.")" Placement="Placement.Bottom">
+                                    <MudIconButton Icon="@Icons.Material.Filled.Search"
+                                                   Color="Color.Primary"
+                                                   OnClick="@(() => this.InvestigateFile(fileAttachment))"/>
+                                </MudTooltip>
+                            
+                                <MudTooltip Text="@T("Remove this attachment.")" Placement="Placement.Bottom">
+                                    <MudIconButton Icon="@Icons.Material.Filled.Delete"
+                                                   Color="Color.Error"
+                                                   OnClick="@(() => this.DeleteAttachment(fileAttachment))"/>
+                                </MudTooltip>
+                            </MudToolBar>
                         </MudStack>
-
                     }
                     else
                     {
-                        <MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="ms-3 mb-2">
+                        <MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="ms-3">
                             <div style="min-width: 0; flex: 1; overflow: hidden;">
                                 <MudTooltip Text="@T("The file was deleted, renamed, or moved.")" Placement="Placement.Bottom">
                                     <span class="d-inline-flex align-items-center" style="overflow: hidden; width: 100%;">
@@ -70,13 +75,17 @@
                                 </MudTooltip>
                             </div>
 
-                            <MudTooltip Text="@T("Remove this attachment.")" Placement="Placement.Bottom">
-                                <MudIconButton Icon="@Icons.Material.Filled.Delete"
-                                               Color="Color.Error"
-                                               Class="ml-2"
-                                               Style="flex-shrink: 0;"
-                                               OnClick="@(() => this.DeleteAttachment(fileAttachment))"/>
-                            </MudTooltip>
+                            <MudToolBar WrapContent="true" Gutters="false" Class="ml-2" Style="flex-shrink: 0; min-height: 1em;">
+                                <MudIconButton Icon="@Icons.Material.Filled.Search"
+                                               Color="Color.Primary"
+                                               Disabled="true"/>
+                            
+                                <MudTooltip Text="@T("Remove this attachment.")" Placement="Placement.Bottom">
+                                    <MudIconButton Icon="@Icons.Material.Filled.Delete"
+                                                   Color="Color.Error"
+                                                   OnClick="@(() => this.DeleteAttachment(fileAttachment))"/>
+                                </MudTooltip>
+                            </MudToolBar>
                         </MudStack>
                     }
                 }
diff --git a/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor.cs b/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor.cs
index 21af5418..aa12f128 100644
--- a/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor.cs	
+++ b/app/MindWork AI Studio/Dialogs/ReviewAttachmentsDialog.razor.cs	
@@ -46,4 +46,18 @@ public partial class ReviewAttachmentsDialog : MSGComponentBase
             this.StateHasChanged();
         }
     }
+    
+    /// <summary>
+    /// The user might want to check what we actually extract from his file and therefore give the LLM as an input.
+    /// </summary>
+    /// <param name="fileAttachment">The file to check.</param>
+    private async Task InvestigateFile(FileAttachment fileAttachment)
+    {
+        var dialogParameters = new DialogParameters<DocumentCheckDialog>
+        {
+            { x => x.Document, fileAttachment },
+        };
+
+        await this.DialogService.ShowAsync<DocumentCheckDialog>(T("Document Preview"), dialogParameters, DialogOptions.FULLSCREEN);
+    }
 }
\ No newline at end of file