Added export and import of plugin archives (#885)

Co-authored-by: Thorsten Sommer <SommerEngineering@users.noreply.github.com>

app/MindWork AI Studio/Components/AttachDocuments.razor.cs

@@ -222,6 +222,11 @@ public partial class AttachDocuments : MSGComponentBase
     protected override void DisposeResources()
     {
         this.MediaTranscriptionService.StateChanged -= this.OnMediaImportStateChanged;
+
+        // Release the drop area. Without this, drop areas below this one would count this component
+        // forever and would stop catching dropped files:
+        _ = this.MessageBus.SendMessage(this, Event.UNREGISTER_FILE_DROP_AREA, this.Layer);
+
         base.DisposeResources();
     }
 

app/MindWork AI Studio/Components/ConfigurationBase.razor.cs

@@ -56,7 +56,13 @@ public abstract partial class ConfigurationBase : MSGComponentBase
 
     protected bool IsDisabled => this.Disabled() || this.IsLocked();
     
-    private string Classes => $"{this.GetClassForBase} {JUSTIFIED_HELP_CLASS} {MARGIN_CLASS}";
+    private string Classes => $"{this.GetClassForBase} {JUSTIFIED_HELP_CLASS} {this.MarginClass}";
+
+    /// <summary>
+    /// The bottom margin of the option. Options inside settings panels need the default
+    /// spacing; standalone usages like toolbar buttons can remove it.
+    /// </summary>
+    protected virtual string MarginClass => MARGIN_CLASS;
     
     private protected virtual RenderFragment? Body => null;
 

app/MindWork AI Studio/Components/LockableButton.razor

@@ -1,5 +1,8 @@
 @inherits ConfigurationBaseCore
 
-<MudButton Variant="Variant.Filled" Color="@Color.Primary" StartIcon="@this.Icon" Disabled="@this.IsDisabled" OnClick="@(async () => await this.ClickAsync())">
-    @this.Text
-</MudButton>
+@* The tooltip is suppressed while the button is locked, so that the lock icon's tooltip is the only one shown: *@
+<MudTooltip Text="@this.Tooltip" Disabled="@(this.IsLocked() || string.IsNullOrWhiteSpace(this.Tooltip))" RootStyle="display:inline-flex;">
+    <MudButton Variant="@this.ButtonVariant" Color="@this.ButtonColor" StartIcon="@this.Icon" Disabled="@this.IsDisabled" OnClick="@(async () => await this.ClickAsync())">
+        @this.Text
+    </MudButton>
+</MudTooltip>

app/MindWork AI Studio/Components/LockableButton.razor.cs

@@ -18,7 +18,33 @@ public partial class LockableButton : ConfigurationBaseCore
     
     [Parameter]
     public string Class { get; set; } = string.Empty;
-    
+
+    /// <summary>
+    /// An optional tooltip for the button. It is not shown while the button is locked,
+    /// because the lock icon explains the situation in that case.
+    /// </summary>
+    [Parameter]
+    public string Tooltip { get; set; } = string.Empty;
+
+    /// <summary>
+    /// The visual variant of the button.
+    /// </summary>
+    [Parameter]
+    public Variant ButtonVariant { get; set; } = Variant.Filled;
+
+    /// <summary>
+    /// The color of the button.
+    /// </summary>
+    [Parameter]
+    public Color ButtonColor { get; set; } = Color.Primary;
+
+    /// <summary>
+    /// Should the default bottom margin be removed? Useful when the button is placed in a
+    /// toolbar instead of a settings panel.
+    /// </summary>
+    [Parameter]
+    public bool NoMargin { get; set; }
+
     #region Overrides of ConfigurationBase
 
     /// <inheritdoc />
@@ -26,6 +52,8 @@ public partial class LockableButton : ConfigurationBaseCore
 
     protected override string GetClassForBase => this.Class;
 
+    protected override string MarginClass => this.NoMargin ? string.Empty : base.MarginClass;
+
     #endregion
     
     private async Task ClickAsync()

app/MindWork AI Studio/Components/ReadFileContent.razor.cs

@@ -174,10 +174,16 @@ public partial class ReadFileContent : MSGComponentBase
         this.MediaTranscriptionService.AcknowledgeDelivery(delivery);
     }
 
-    /// <summary>Unsubscribes from the singleton media service.</summary>
+    /// <summary>Unsubscribes from the singleton media service and releases the drop area.</summary>
     protected override void DisposeResources()
     {
         this.MediaTranscriptionService.StateChanged -= this.OnMediaImportStateChanged;
+
+        // Release the drop area. Without this, drop areas below this one would count this component
+        // forever and would stop catching dropped files:
+        if (this.EnableDragDrop)
+            _ = this.MessageBus.SendMessage(this, Event.UNREGISTER_FILE_DROP_AREA, this.Layer);
+
         base.DisposeResources();
     }