From c99be93bc5efd1c875f5edae1b341dcc92c993d5 Mon Sep 17 00:00:00 2001
From: krut_ni <nils.kruthoff@dlr.de>
Date: Tue, 28 Jul 2026 21:20:44 +0200
Subject: [PATCH] coverting the export button into a menu and wiring them up to
 the method

---
 .../Chat/ContentBlockComponent.razor          | 106 ++++++++++--------
 1 file changed, 58 insertions(+), 48 deletions(-)

diff --git a/app/MindWork AI Studio/Chat/ContentBlockComponent.razor b/app/MindWork AI Studio/Chat/ContentBlockComponent.razor
index 52999549..8bb7b09f 100644
--- a/app/MindWork AI Studio/Chat/ContentBlockComponent.razor	
+++ b/app/MindWork AI Studio/Chat/ContentBlockComponent.razor	
@@ -16,55 +16,65 @@
             </MudText>
         </CardHeaderContent>
         <CardHeaderActions>
-            @if (this.Content.FileAttachments.Count > 0)
-            {
-                <MudTooltip Text="@T("Number of attachments")" Placement="Placement.Bottom">
-                    <MudBadge Content="@this.Content.FileAttachments.Count" Color="Color.Primary" Overlap="true" BadgeClass="sources-card-header">
-                        <MudIconButton Icon="@Icons.Material.Filled.AttachFile"
-                                       OnClick="@this.OpenAttachmentsDialog"/>
-                    </MudBadge>
-                </MudTooltip>
-            }
-            @if (this.Content.Sources.Count > 0)
-            {
-                <MudTooltip Text="@T("Number of sources")" Placement="Placement.Bottom">
-                    <MudBadge Content="@this.Content.Sources.Count" Color="Color.Primary" Overlap="true" BadgeClass="sources-card-header">
-                        <MudIconButton Icon="@Icons.Material.Filled.Link"/>
-                    </MudBadge>
-                </MudTooltip>
-            }
-            @if (this.IsSecondToLastBlock && this.Role is ChatRole.USER && this.EditLastUserBlockFunc is not null)
-            {
-                <MudTooltip Text="@T("Edit")" Placement="Placement.Bottom">
-                    <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Default" OnClick="@this.EditLastUserBlock"/>
-                </MudTooltip>
-            }
-            @if (this.IsLastContentBlock && this.Role is ChatRole.USER && this.EditLastBlockFunc is not null)
-            {
-                <MudTooltip Text="@T("Edit")" Placement="Placement.Bottom">
-                    <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Default" OnClick="@this.EditLastBlock"/>
-                </MudTooltip>
-            }
-            @if (this.IsLastContentBlock && this.Role is ChatRole.AI && this.RegenerateFunc is not null)
-            {
-                <MudTooltip Text="@T("Regenerate")" Placement="Placement.Bottom">
-                    <MudIconButton Icon="@Icons.Material.Filled.Recycling" Color="Color.Default" Disabled="@(!this.RegenerateEnabled())" OnClick="@this.RegenerateBlock"/>
-                </MudTooltip>
-            }
-            @if (this.RemoveBlockFunc is not null)
-            {
-                <MudTooltip Text="@T("Removes this block")" Placement="Placement.Bottom">
-                    <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" OnClick="@this.RemoveBlock"/>
-                </MudTooltip>
-            }
+            <div class="d-flex">
+                @if (this.Content.FileAttachments.Count > 0)
+                {
+                    <MudTooltip Text="@T("Number of attachments")" Placement="Placement.Bottom">
+                        <MudBadge Content="@this.Content.FileAttachments.Count" Color="Color.Primary" Overlap="true" BadgeClass="sources-card-header">
+                            <MudIconButton Icon="@Icons.Material.Filled.AttachFile"
+                                           OnClick="@this.OpenAttachmentsDialog"/>
+                        </MudBadge>
+                    </MudTooltip>
+                }
+                @if (this.Content.Sources.Count > 0)
+                {
+                    <MudTooltip Text="@T("Number of sources")" Placement="Placement.Bottom">
+                        <MudBadge Content="@this.Content.Sources.Count" Color="Color.Primary" Overlap="true" BadgeClass="sources-card-header">
+                            <MudIconButton Icon="@Icons.Material.Filled.Link"/>
+                        </MudBadge>
+                    </MudTooltip>
+                }
+                @if (this.IsSecondToLastBlock && this.Role is ChatRole.USER && this.EditLastUserBlockFunc is not null)
+                {
+                    <MudTooltip Text="@T("Edit")" Placement="Placement.Bottom">
+                        <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Default" OnClick="@this.EditLastUserBlock"/>
+                    </MudTooltip>
+                }
+                @if (this.IsLastContentBlock && this.Role is ChatRole.USER && this.EditLastBlockFunc is not null)
+                {
+                    <MudTooltip Text="@T("Edit")" Placement="Placement.Bottom">
+                        <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Default" OnClick="@this.EditLastBlock"/>
+                    </MudTooltip>
+                }
+                @if (this.IsLastContentBlock && this.Role is ChatRole.AI && this.RegenerateFunc is not null)
+                {
+                    <MudTooltip Text="@T("Regenerate")" Placement="Placement.Bottom">
+                        <MudIconButton Icon="@Icons.Material.Filled.Recycling" Color="Color.Default" Disabled="@(!this.RegenerateEnabled())" OnClick="@this.RegenerateBlock"/>
+                    </MudTooltip>
+                }
+                @if (this.RemoveBlockFunc is not null)
+                {
+                    <MudTooltip Text="@T("Removes this block")" Placement="Placement.Bottom">
+                        <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" OnClick="@this.RemoveBlock"/>
+                    </MudTooltip>
+                }
 
-            @if (this.Role is ChatRole.AI)
-            {
-                <MudTooltip Text="@T("Export Chat to Microsoft Word")" Placement="Placement.Bottom">
-                    <MudIconButton Icon="@Icons.Material.Filled.Save" OnClick="@this.ExportToWord"/>
-                </MudTooltip>
-            }
-            <MudCopyClipboardButton Content="@this.Content" Type="@this.Type" Size="Size.Medium"/>
+                @if (this.Role is ChatRole.AI)
+                {
+                    <MudTooltip Text="@T("Export chat")" Placement="Placement.Bottom">
+                        <MudMenu Icon="@Icons.Material.Filled.Save">
+                            <MudMenuItem OnClick="@(() => this.ExportDocument(FileExportFormat.MICROSOFT_WORD))" Icon="@Icons.Custom.FileFormats.FileWord">
+                                @T("Microsoft Word (.docx)")
+                            </MudMenuItem>
+                            <MudMenuItem OnClick="@(() => this.ExportDocument(FileExportFormat.OPEN_DOCUMENT_TEXT))" Icon="@Icons.Custom.FileFormats.FileDocument">
+                                <MudTooltip Text="@T("LibreOffice / OpenOffice")">
+                                    @T("OpenDocument Text (.odt)")
+                                </MudTooltip>
+                            </MudMenuItem>
+                        </MudMenu>
+                    </MudTooltip>
+                }
+                <MudCopyClipboardButton Content="@this.Content" Type="@this.Type" Size="Size.Medium"/></div>
         </CardHeaderActions>
     </MudCardHeader>
     <MudCardContent>