From adfc70a0ead281579834c16fbf7375a17f6fa1bd Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <SommerEngineering@users.noreply.github.com>
Date: Thu, 19 Feb 2026 20:30:24 +0100
Subject: [PATCH] Ensure DRY on the info page

---
 .../Components/ConfigInfoRow.razor            |  10 +
 .../Components/ConfigInfoRow.razor.cs         |  21 ++
 .../Components/ConfigPluginInfoCard.razor     |  25 +++
 .../Components/ConfigPluginInfoCard.razor.cs  |  32 +++
 .../Components/EncryptionSecretInfo.razor     |  15 ++
 .../Components/EncryptionSecretInfo.razor.cs  |  18 ++
 .../Pages/Information.razor                   | 183 +++++++-----------
 7 files changed, 188 insertions(+), 116 deletions(-)
 create mode 100644 app/MindWork AI Studio/Components/ConfigInfoRow.razor
 create mode 100644 app/MindWork AI Studio/Components/ConfigInfoRow.razor.cs
 create mode 100644 app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor
 create mode 100644 app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor.cs
 create mode 100644 app/MindWork AI Studio/Components/EncryptionSecretInfo.razor
 create mode 100644 app/MindWork AI Studio/Components/EncryptionSecretInfo.razor.cs

diff --git a/app/MindWork AI Studio/Components/ConfigInfoRow.razor b/app/MindWork AI Studio/Components/ConfigInfoRow.razor
new file mode 100644
index 00000000..349d407f
--- /dev/null
+++ b/app/MindWork AI Studio/Components/ConfigInfoRow.razor	
@@ -0,0 +1,10 @@
+<div style="display: flex; align-items: center; gap: 8px; @this.Style">
+    <MudIcon Icon="@this.Icon"/>
+    <span>
+        @this.Text
+    </span>
+    @if (!string.IsNullOrWhiteSpace(this.CopyValue))
+    {
+        <MudCopyClipboardButton TooltipMessage="@this.CopyTooltip" StringContent="@this.CopyValue"/>
+    }
+</div>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/ConfigInfoRow.razor.cs b/app/MindWork AI Studio/Components/ConfigInfoRow.razor.cs
new file mode 100644
index 00000000..3c702dd6
--- /dev/null
+++ b/app/MindWork AI Studio/Components/ConfigInfoRow.razor.cs	
@@ -0,0 +1,21 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components;
+
+public partial class ConfigInfoRow : ComponentBase
+{
+    [Parameter]
+    public string Icon { get; set; } = Icons.Material.Filled.ArrowRightAlt;
+
+    [Parameter]
+    public string Text { get; set; } = string.Empty;
+
+    [Parameter]
+    public string CopyValue { get; set; } = string.Empty;
+
+    [Parameter]
+    public string CopyTooltip { get; set; } = string.Empty;
+
+    [Parameter]
+    public string Style { get; set; } = string.Empty;
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor b/app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor
new file mode 100644
index 00000000..c672b66a
--- /dev/null
+++ b/app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor	
@@ -0,0 +1,25 @@
+<MudPaper Outlined="true" Class="@this.Class">
+    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
+        <MudIcon Icon="@this.HeaderIcon" Size="Size.Small"/>
+        <MudText Typo="Typo.subtitle2">
+            @this.HeaderText
+        </MudText>
+    </div>
+
+    @foreach (var item in this.Items)
+    {
+        <ConfigInfoRow Icon="@item.Icon"
+                       Text="@item.Text"
+                       CopyValue="@item.CopyValue"
+                       CopyTooltip="@item.CopyTooltip"
+                       Style="@(item.Style)"/>
+    }
+
+    @if (this.ShowWarning)
+    {
+        <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
+            <MudIcon Icon="@Icons.Material.Filled.Warning" Size="Size.Small" Color="Color.Warning"/>
+            <MudText Typo="Typo.subtitle2">@this.WarningText</MudText>
+        </div>
+    }
+</MudPaper>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor.cs b/app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor.cs
new file mode 100644
index 00000000..974c98f4
--- /dev/null
+++ b/app/MindWork AI Studio/Components/ConfigPluginInfoCard.razor.cs	
@@ -0,0 +1,32 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components;
+
+public partial class ConfigPluginInfoCard : ComponentBase
+{
+    [Parameter]
+    public string HeaderIcon { get; set; } = Icons.Material.Filled.Extension;
+
+    [Parameter]
+    public string HeaderText { get; set; } = string.Empty;
+
+    [Parameter]
+    public IEnumerable<ConfigInfoRowItem> Items { get; set; } = [];
+
+    [Parameter]
+    public bool ShowWarning { get; set; }
+
+    [Parameter]
+    public string WarningText { get; set; } = string.Empty;
+
+    [Parameter]
+    public string Class { get; set; } = "pa-3 mt-2 mb-2";
+}
+
+public sealed record ConfigInfoRowItem(
+    string Icon,
+    string Text,
+    string CopyValue = "",
+    string CopyTooltip = "",
+    string Style = ""
+);
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/EncryptionSecretInfo.razor b/app/MindWork AI Studio/Components/EncryptionSecretInfo.razor
new file mode 100644
index 00000000..e05f9539
--- /dev/null
+++ b/app/MindWork AI Studio/Components/EncryptionSecretInfo.razor	
@@ -0,0 +1,15 @@
+<MudText Typo="Typo.body1" Class="@this.Class">
+    <div style="display: flex; align-items: center; gap: 8px;">
+        <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
+        @if (this.IsConfigured)
+        {
+            <MudIcon Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Small"/>
+            <span>@this.ConfiguredText</span>
+        }
+        else
+        {
+            <MudIcon Icon="@Icons.Material.Filled.Cancel" Color="Color.Error" Size="Size.Small"/>
+            <span>@this.NotConfiguredText</span>
+        }
+    </div>
+</MudText>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/EncryptionSecretInfo.razor.cs b/app/MindWork AI Studio/Components/EncryptionSecretInfo.razor.cs
new file mode 100644
index 00000000..5fa1a5dd
--- /dev/null
+++ b/app/MindWork AI Studio/Components/EncryptionSecretInfo.razor.cs	
@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components;
+
+public partial class EncryptionSecretInfo : ComponentBase
+{
+    [Parameter]
+    public bool IsConfigured { get; set; }
+
+    [Parameter]
+    public string ConfiguredText { get; set; } = string.Empty;
+
+    [Parameter]
+    public string NotConfiguredText { get; set; } = string.Empty;
+
+    [Parameter]
+    public string Class { get; set; } = "mt-2 mb-2";
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Pages/Information.razor b/app/MindWork AI Studio/Pages/Information.razor
index 7e24d94b..e2848589 100644
--- a/app/MindWork AI Studio/Pages/Information.razor	
+++ b/app/MindWork AI Studio/Pages/Information.razor	
@@ -64,33 +64,19 @@
                                 <MudCollapse Expanded="@this.showEnterpriseConfigDetails">
                                     @foreach (var plug in this.configPlugins)
                                     {
-                                        <MudPaper Outlined="true" Class="pa-3 mt-2 mb-2">
-                                            <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.Extension" Size="Size.Small"/>
-                                                <MudText Typo="Typo.subtitle2">@plug.Name</MudText>
-                                            </div>
-                                            <div style="display: flex; align-items: center; gap: 8px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                <span>@T("Configuration plugin ID:") @plug.Id</span>
-                                                <MudCopyClipboardButton TooltipMessage="@T("Copies the configuration plugin ID to the clipboard")" StringContent=@plug.Id.ToString()/>
-                                            </div>
-                                        </MudPaper>
+                                        <ConfigPluginInfoCard HeaderIcon="@Icons.Material.Filled.Extension"
+                                                              HeaderText="@plug.Name"
+                                                              Items="@(new[]
+                                                                     {
+                                                                         new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                             $"{T("Configuration plugin ID:")} {plug.Id}",
+                                                                             plug.Id.ToString(),
+                                                                             T("Copies the configuration plugin ID to the clipboard"))
+                                                                     })"/>
                                     }
-                                    <MudText Typo="Typo.body1" Class="mt-2 mb-2">
-                                        <div style="display: flex; align-items: center; gap: 8px;">
-                                            <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                            @if (PluginFactory.EnterpriseEncryption?.IsAvailable is true)
-                                            {
-                                                <MudIcon Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Small"/>
-                                                <span>@T("Encryption secret: is configured")</span>
-                                            }
-                                            else
-                                            {
-                                                <MudIcon Icon="@Icons.Material.Filled.Cancel" Color="Color.Error" Size="Size.Small"/>
-                                                <span>@T("Encryption secret: is not configured")</span>
-                                            }
-                                        </div>
-                                    </MudText>
+                                    <EncryptionSecretInfo IsConfigured="@(PluginFactory.EnterpriseEncryption?.IsAvailable is true)"
+                                                          ConfiguredText="@T("Encryption secret: is configured")"
+                                                          NotConfiguredText="@T("Encryption secret: is not configured")"/>
                                 </MudCollapse>
                                 break;
 
@@ -101,38 +87,24 @@
                                 <MudCollapse Expanded="@this.showEnterpriseConfigDetails">
                                     @foreach (var env in EnterpriseEnvironmentService.CURRENT_ENVIRONMENTS.Where(e => e.IsActive))
                                     {
-                                        <MudPaper Outlined="true" Class="pa-3 mt-2 mb-2">
-                                            <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.HourglassBottom" Size="Size.Small"/>
-                                                <MudText Typo="Typo.subtitle2">@T("Waiting for the configuration plugin...")</MudText>
-                                            </div>
-                                            <div style="display: flex; align-items: center; gap: 8px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                <span>@T("Enterprise configuration ID:") @env.ConfigurationId</span>
-                                                <MudCopyClipboardButton TooltipMessage="@T("Copies the config ID to the clipboard")" StringContent=@env.ConfigurationId.ToString()/>
-                                            </div>
-                                            <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                <span>@T("Configuration server:") @env.ConfigurationServerUrl</span>
-                                                <MudCopyClipboardButton TooltipMessage="@T("Copies the server URL to the clipboard")" StringContent=@env.ConfigurationServerUrl/>
-                                            </div>
-                                        </MudPaper>
+                                        <ConfigPluginInfoCard HeaderIcon="@Icons.Material.Filled.HourglassBottom"
+                                                              HeaderText="@T("Waiting for the configuration plugin...")"
+                                                              Items="@(new[]
+                                                                     {
+                                                                         new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                             $"{T("Enterprise configuration ID:")} {env.ConfigurationId}",
+                                                                             env.ConfigurationId.ToString(),
+                                                                             T("Copies the config ID to the clipboard")),
+                                                                         new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                             $"{T("Configuration server:")} {env.ConfigurationServerUrl}",
+                                                                             env.ConfigurationServerUrl,
+                                                                             T("Copies the server URL to the clipboard"),
+                                                                             "margin-top: 4px;")
+                                                                     })"/>
                                     }
-                                    <MudText Typo="Typo.body1" Class="mt-2 mb-2">
-                                        <div style="display: flex; align-items: center; gap: 8px;">
-                                            <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                            @if (PluginFactory.EnterpriseEncryption?.IsAvailable is true)
-                                            {
-                                                <MudIcon Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Small"/>
-                                                <span>@T("Encryption secret: is configured")</span>
-                                            }
-                                            else
-                                            {
-                                                <MudIcon Icon="@Icons.Material.Filled.Cancel" Color="Color.Error" Size="Size.Small"/>
-                                                <span>@T("Encryption secret: is not configured")</span>
-                                            }
-                                        </div>
-                                    </MudText>
+                                    <EncryptionSecretInfo IsConfigured="@(PluginFactory.EnterpriseEncryption?.IsAvailable is true)"
+                                                          ConfiguredText="@T("Encryption secret: is configured")"
+                                                          NotConfiguredText="@T("Encryption secret: is not configured")"/>
                                 </MudCollapse>
                                 break;
 
@@ -155,68 +127,47 @@
                                         var matchingPlugin = this.FindManagedConfigurationPlugin(env.ConfigurationId);
                                         if (matchingPlugin is null)
                                         {
-                                            <MudPaper Outlined="true" Class="pa-3 mt-2 mb-2">
-                                                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
-                                                    <MudIcon Icon="@Icons.Material.Filled.HourglassBottom" Size="Size.Small"/>
-                                                    <MudText Typo="Typo.subtitle2">@T("Waiting for the configuration plugin...")</MudText>
-                                                </div>
-                                                <div style="display: flex; align-items: center; gap: 8px;">
-                                                    <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                    <span>@T("Enterprise configuration ID:") @env.ConfigurationId</span>
-                                                    <MudCopyClipboardButton TooltipMessage="@T("Copies the config ID to the clipboard")" StringContent=@env.ConfigurationId.ToString()/>
-                                                </div>
-                                                <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
-                                                    <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                    <span>@T("Configuration server:") @env.ConfigurationServerUrl</span>
-                                                    <MudCopyClipboardButton TooltipMessage="@T("Copies the server URL to the clipboard")" StringContent=@env.ConfigurationServerUrl/>
-                                                </div>
-                                            </MudPaper>
+                                            <ConfigPluginInfoCard HeaderIcon="@Icons.Material.Filled.HourglassBottom"
+                                                                  HeaderText="@T("Waiting for the configuration plugin...")"
+                                                                  Items="@(new[]
+                                                                         {
+                                                                             new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                                 $"{T("Enterprise configuration ID:")} {env.ConfigurationId}",
+                                                                                 env.ConfigurationId.ToString(),
+                                                                                 T("Copies the config ID to the clipboard")),
+                                                                             new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                                 $"{T("Configuration server:")} {env.ConfigurationServerUrl}",
+                                                                                 env.ConfigurationServerUrl,
+                                                                                 T("Copies the server URL to the clipboard"),
+                                                                                 "margin-top: 4px;")
+                                                                         })"/>
                                             continue;
                                         }
-                                        <MudPaper Outlined="true" Class="pa-3 mt-2 mb-2">
-                                            <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.Extension" Size="Size.Small"/>
-                                                <MudText Typo="Typo.subtitle2">@matchingPlugin.Name</MudText>
-                                            </div>
-                                            <div style="display: flex; align-items: center; gap: 8px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                <span>@T("Enterprise configuration ID:") @env.ConfigurationId</span>
-                                                <MudCopyClipboardButton TooltipMessage="@T("Copies the config ID to the clipboard")" StringContent=@env.ConfigurationId.ToString()/>
-                                            </div>
-                                            <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                <span>@T("Configuration server:") @env.ConfigurationServerUrl</span>
-                                                <MudCopyClipboardButton TooltipMessage="@T("Copies the server URL to the clipboard")" StringContent=@env.ConfigurationServerUrl/>
-                                            </div>
-                                            <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
-                                                <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                                <span>@T("Configuration plugin ID:") @matchingPlugin.Id</span>
-                                                <MudCopyClipboardButton TooltipMessage="@T("Copies the configuration plugin ID to the clipboard")" StringContent=@matchingPlugin.Id.ToString()/>
-                                            </div>
-                                            @if (this.IsManagedConfigurationIdMismatch(matchingPlugin, env.ConfigurationId))
-                                            {
-                                                <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
-                                                    <MudIcon Icon="@Icons.Material.Filled.Warning" Size="Size.Small" Color="Color.Warning"/>
-                                                    <MudText Typo="Typo.subtitle2">@T("ID mismatch: the plugin ID differs from the enterprise configuration ID.")</MudText>
-                                                </div>
-                                            }
-                                        </MudPaper>
+                                        <ConfigPluginInfoCard HeaderIcon="@Icons.Material.Filled.Extension"
+                                                              HeaderText="@matchingPlugin.Name"
+                                                              Items="@(new[]
+                                                                     {
+                                                                         new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                             $"{T("Enterprise configuration ID:")} {env.ConfigurationId}",
+                                                                             env.ConfigurationId.ToString(),
+                                                                             T("Copies the config ID to the clipboard")),
+                                                                         new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                             $"{T("Configuration server:")} {env.ConfigurationServerUrl}",
+                                                                             env.ConfigurationServerUrl,
+                                                                             T("Copies the server URL to the clipboard"),
+                                                                             "margin-top: 4px;"),
+                                                                         new ConfigInfoRowItem(Icons.Material.Filled.ArrowRightAlt,
+                                                                             $"{T("Configuration plugin ID:")} {matchingPlugin.Id}",
+                                                                             matchingPlugin.Id.ToString(),
+                                                                             T("Copies the configuration plugin ID to the clipboard"),
+                                                                             "margin-top: 4px;")
+                                                                     })"
+                                                              ShowWarning="@this.IsManagedConfigurationIdMismatch(matchingPlugin, env.ConfigurationId)"
+                                                              WarningText="@T("ID mismatch: the plugin ID differs from the enterprise configuration ID.")"/>
                                     }
-                                    <MudText Typo="Typo.body1" Class="mt-2 mb-2">
-                                        <div style="display: flex; align-items: center; gap: 8px;">
-                                            <MudIcon Icon="@Icons.Material.Filled.ArrowRightAlt"/>
-                                            @if (PluginFactory.EnterpriseEncryption?.IsAvailable is true)
-                                            {
-                                                <MudIcon Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Small"/>
-                                                <span>@T("Encryption secret: is configured")</span>
-                                            }
-                                            else
-                                            {
-                                                <MudIcon Icon="@Icons.Material.Filled.Cancel" Color="Color.Error" Size="Size.Small"/>
-                                                <span>@T("Encryption secret: is not configured")</span>
-                                            }
-                                        </div>
-                                    </MudText>
+                                    <EncryptionSecretInfo IsConfigured="@(PluginFactory.EnterpriseEncryption?.IsAvailable is true)"
+                                                          ConfiguredText="@T("Encryption secret: is configured")"
+                                                          NotConfiguredText="@T("Encryption secret: is not configured")"/>
                                 </MudCollapse>
                                 break;
                         }