Start the plugin system

app/MindWork AI Studio/Assistants/ERI/AssistantERI.razor

@@ -228,18 +228,20 @@ else
         <HeaderContent>
             <MudTh>Name</MudTh>
             <MudTh>Type</MudTh>
-            <MudTh Style="text-align: left;">Actions</MudTh>
+            <MudTh>Actions</MudTh>
         </HeaderContent>
         <RowTemplate>
             <MudTd>@context.EmbeddingName</MudTd>
             <MudTd>@context.EmbeddingType</MudTd>
-            <MudTd Style="text-align: left;">
-                <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditEmbedding(context)">
-                    Edit
-                </MudButton>
-                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" Class="ma-2" OnClick="() => this.DeleteEmbedding(context)">
-                    Delete
-                </MudButton>
+            <MudTd>
+                <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
+                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" OnClick="() => this.EditEmbedding(context)">
+                        Edit
+                    </MudButton>
+                    <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteEmbedding(context)">
+                        Delete
+                    </MudButton>
+                </MudStack>
             </MudTd>
         </RowTemplate>
     </MudTable>
@@ -274,17 +276,19 @@ else
         </ColGroup>
         <HeaderContent>
             <MudTh>Name</MudTh>
-            <MudTh Style="text-align: left;">Actions</MudTh>
+            <MudTh>Actions</MudTh>
         </HeaderContent>
         <RowTemplate>
             <MudTd>@context.Name</MudTd>
-            <MudTd Style="text-align: left;">
-                <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditRetrievalProcess(context)">
-                    Edit
-                </MudButton>
-                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" Class="ma-2" OnClick="() => this.DeleteRetrievalProcess(context)">
-                    Delete
-                </MudButton>
+            <MudTd>
+                <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
+                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" OnClick="() => this.EditRetrievalProcess(context)">
+                        Edit
+                    </MudButton>
+                    <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteRetrievalProcess(context)">
+                        Delete
+                    </MudButton>
+                </MudStack>
             </MudTd>
         </RowTemplate>
     </MudTable>

app/MindWork AI Studio/Components/PreviewAlpha.razor

@@ -1,4 +1,4 @@
-<MudTooltip Placement="Placement.Bottom" Arrow="@true">
+<MudTooltip Placement="Placement.Bottom" Arrow="@true" Class="@this.Classes">
     <ChildContent>
         <MudChip T="string" Icon="@Icons.Material.Filled.FirstPage" Color="Color.Error" Class="mb-3">
             Alpha

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

@@ -2,4 +2,10 @@
 
 namespace AIStudio.Components;
 
-public partial class PreviewAlpha : ComponentBase;
+public partial class PreviewAlpha : ComponentBase
+{
+    [Parameter]
+    public bool ApplyInnerScrollingFix { get; set; }
+
+    private string Classes => this.ApplyInnerScrollingFix ? "InnerScrollingFix" : string.Empty;
+}

app/MindWork AI Studio/Components/PreviewBeta.razor

@@ -1,4 +1,4 @@
-<MudTooltip Placement="Placement.Bottom" Arrow="@true">
+<MudTooltip Placement="Placement.Bottom" Arrow="@true" Class="@this.Classes">
     <ChildContent>
         <MudChip T="string" Icon="@Icons.Material.Filled.HourglassTop" Color="Color.Info" Class="mb-3">
             Beta

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

@@ -2,4 +2,10 @@
 
 namespace AIStudio.Components;
 
-public partial class PreviewBeta : ComponentBase;
+public partial class PreviewBeta : ComponentBase
+{
+    [Parameter]
+    public bool ApplyInnerScrollingFix { get; set; }
+
+    private string Classes => this.ApplyInnerScrollingFix ? "InnerScrollingFix" : string.Empty;
+}

app/MindWork AI Studio/Components/PreviewExperimental.razor

@@ -1,4 +1,4 @@
-<MudTooltip Placement="Placement.Bottom" Arrow="@true">
+<MudTooltip Placement="Placement.Bottom" Arrow="@true" Class="@this.Classes">
     <ChildContent>
         <MudChip T="string" Icon="@Icons.Material.Filled.Science" Color="Color.Error" Class="mb-3">
             Experimental

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

@@ -2,4 +2,10 @@
 
 namespace AIStudio.Components;
 
-public partial class PreviewExperimental : ComponentBase;
+public partial class PreviewExperimental : ComponentBase
+{
+    [Parameter]
+    public bool ApplyInnerScrollingFix { get; set; }
+
+    private string Classes => this.ApplyInnerScrollingFix ? "InnerScrollingFix" : string.Empty;
+}

app/MindWork AI Studio/Components/PreviewPrototype.razor

@@ -1,4 +1,4 @@
-<MudTooltip Placement="Placement.Bottom" Arrow="@true">
+<MudTooltip Placement="Placement.Bottom" Arrow="@true" Class="@this.Classes">
     <ChildContent>
         <MudChip T="string" Icon="@Icons.Material.Filled.HourglassBottom" Color="Color.Error" Class="mb-3">
             Prototype

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

@@ -2,4 +2,10 @@
 
 namespace AIStudio.Components;
 
-public partial class PreviewPrototype : ComponentBase;
+public partial class PreviewPrototype : ComponentBase
+{
+    [Parameter]
+    public bool ApplyInnerScrollingFix { get; set; }
+
+    private string Classes => this.ApplyInnerScrollingFix ? "InnerScrollingFix" : string.Empty;
+}

app/MindWork AI Studio/Components/PreviewReleaseCandidate.razor

@@ -1,4 +1,4 @@
-<MudTooltip Placement="Placement.Bottom" Arrow="@true">
+<MudTooltip Placement="Placement.Bottom" Arrow="@true" Class="@this.Classes">
     <ChildContent>
         <MudChip T="string" Icon="@Icons.Material.Filled.VerifiedUser" Color="Color.Success" Class="mb-3">
             Release Candidate

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

@@ -2,4 +2,10 @@
 
 namespace AIStudio.Components;
 
-public partial class PreviewReleaseCandidate : ComponentBase;
+public partial class PreviewReleaseCandidate : ComponentBase
+{
+    [Parameter]
+    public bool ApplyInnerScrollingFix { get; set; }
+
+    private string Classes => this.ApplyInnerScrollingFix ? "InnerScrollingFix" : string.Empty;
+}

app/MindWork AI Studio/Components/Settings/SettingsPanelEmbeddings.razor

@@ -36,24 +36,26 @@
                 <MudTh>Name</MudTh>
                 <MudTh>Provider</MudTh>
                 <MudTh>Model</MudTh>
-                <MudTh Style="text-align: left;">Actions</MudTh>
+                <MudTh>Actions</MudTh>
             </HeaderContent>
             <RowTemplate>
                 <MudTd>@context.Num</MudTd>
                 <MudTd>@context.Name</MudTd>
                 <MudTd>@context.UsedLLMProvider</MudTd>
                 <MudTd>@this.GetEmbeddingProviderModelName(context)</MudTd>
 
-                <MudTd Style="text-align: left;">
-                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.OpenInBrowser" Class="ma-2" Href="@context.UsedLLMProvider.GetDashboardURL()" Target="_blank" Disabled="@(!context.UsedLLMProvider.HasDashboard())">
-                        Open Dashboard
-                    </MudButton>
-                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditEmbeddingProvider(context)">
-                        Edit
-                    </MudButton>
-                    <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" Class="ma-2" OnClick="() => this.DeleteEmbeddingProvider(context)">
-                        Delete
-                    </MudButton>
+                <MudTd>
+                    <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
+                        <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.OpenInBrowser" Href="@context.UsedLLMProvider.GetDashboardURL()" Target="_blank" Disabled="@(!context.UsedLLMProvider.HasDashboard())">
+                            Open Dashboard
+                        </MudButton>
+                        <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" OnClick="() => this.EditEmbeddingProvider(context)">
+                            Edit
+                        </MudButton>
+                        <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteEmbeddingProvider(context)">
+                            Delete
+                        </MudButton>
+                    </MudStack>
                 </MudTd>
             </RowTemplate>
         </MudTable>

app/MindWork AI Studio/Components/Settings/SettingsPanelProfiles.razor

@@ -23,18 +23,20 @@
         <HeaderContent>
             <MudTh>#</MudTh>
             <MudTh>Profile Name</MudTh>
-            <MudTh Style="text-align: left;">Actions</MudTh>
+            <MudTh>Actions</MudTh>
         </HeaderContent>
         <RowTemplate>
             <MudTd>@context.Num</MudTd>
             <MudTd>@context.Name</MudTd>
-            <MudTd Style="text-align: left;">
-                <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditProfile(context)">
-                    Edit
-                </MudButton>
-                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" Class="ma-2" OnClick="() => this.DeleteProfile(context)">
-                    Delete
-                </MudButton>
+            <MudTd>
+                <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
+                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" OnClick="() => this.EditProfile(context)">
+                        Edit
+                    </MudButton>
+                    <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteProfile(context)">
+                        Delete
+                    </MudButton>
+                </MudStack>
             </MudTd>
         </RowTemplate>
     </MudTable>

app/MindWork AI Studio/Components/Settings/SettingsPanelProviders.razor

@@ -24,7 +24,7 @@
             <MudTh>Instance Name</MudTh>
             <MudTh>Provider</MudTh>
             <MudTh>Model</MudTh>
-            <MudTh Style="text-align: left;">Actions</MudTh>
+            <MudTh>Actions</MudTh>
         </HeaderContent>
         <RowTemplate>
             <MudTd>@context.Num</MudTd>
@@ -44,16 +44,18 @@
                     @("as selected by provider")
                 }
             </MudTd>
-            <MudTd Style="text-align: left;">
-                <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.OpenInBrowser" Class="ma-2" Href="@context.UsedLLMProvider.GetDashboardURL()" Target="_blank" Disabled="@(!context.UsedLLMProvider.HasDashboard())">
-                    Open Dashboard
-                </MudButton>
-                <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditLLMProvider(context)">
-                    Edit
-                </MudButton>
-                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" Class="ma-2" OnClick="() => this.DeleteLLMProvider(context)">
-                    Delete
-                </MudButton>
+            <MudTd>
+                <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
+                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.OpenInBrowser" Href="@context.UsedLLMProvider.GetDashboardURL()" Target="_blank" Disabled="@(!context.UsedLLMProvider.HasDashboard())">
+                        Open Dashboard
+                    </MudButton>
+                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" OnClick="() => this.EditLLMProvider(context)">
+                        Edit
+                    </MudButton>
+                    <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteLLMProvider(context)">
+                        Delete
+                    </MudButton>
+                </MudStack>
             </MudTd>
         </RowTemplate>
     </MudTable>

app/MindWork AI Studio/Dialogs/Settings/SettingsDialogDataSources.razor

@@ -29,22 +29,24 @@
                 <MudTh>Name</MudTh>
                 <MudTh>Type</MudTh>
                 <MudTh>Embedding</MudTh>
-                <MudTh Style="text-align: left;">Actions</MudTh>
+                <MudTh>Actions</MudTh>
             </HeaderContent>
             <RowTemplate>
                 <MudTd>@context.Num</MudTd>
                 <MudTd>@context.Name</MudTd>
                 <MudTd>@context.Type.GetDisplayName()</MudTd>
                 <MudTd>@this.GetEmbeddingName(context)</MudTd>
 
-                <MudTd Style="text-align: left;">
-                    <MudIconButton Variant="Variant.Filled" Color="Color.Info" Icon="@Icons.Material.Filled.Info" Class="ma-2" OnClick="() => this.ShowInformation(context)"/>
-                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditDataSource(context)">
-                        Edit
-                    </MudButton>
-                    <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" Class="ma-2" OnClick="() => this.DeleteDataSource(context)">
-                        Delete
-                    </MudButton>
+                <MudTd>
+                    <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
+                        <MudIconButton Variant="Variant.Filled" Color="Color.Info" Icon="@Icons.Material.Filled.Info" OnClick="() => this.ShowInformation(context)"/>
+                        <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" OnClick="() => this.EditDataSource(context)">
+                            Edit
+                        </MudButton>
+                        <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteDataSource(context)">
+                            Delete
+                        </MudButton>
+                    </MudStack>
                 </MudTd>
             </RowTemplate>
         </MudTable>

app/MindWork AI Studio/Layout/MainLayout.razor.cs

@@ -82,8 +82,19 @@ protected override async Task OnInitializedAsync()
         // Ensure that all settings are loaded:
         await this.SettingsManager.LoadSettings();
 
-        // Ensure that all internal plugins are present:
-        await PluginFactory.EnsureInternalPlugins();
+        //
+        // We cannot process the plugins before the settings are loaded,
+        // and we know our data directory.
+        //
+        if(PreviewFeatures.PRE_PLUGINS_2025.IsEnabled(this.SettingsManager))
+        {
+            // Ensure that all internal plugins are present:
+            await PluginFactory.EnsureInternalPlugins();
+
+            // Load (but not start) all plugins, without waiting for them:
+            var pluginLoadingTimeout = new CancellationTokenSource(TimeSpan.FromSeconds(5));
+            _ = PluginFactory.LoadAll(pluginLoadingTimeout.Token);
+        }
 
         // Register this component with the message bus:
         this.MessageBus.RegisterComponent(this);
@@ -106,33 +117,7 @@ protected override async Task OnInitializedAsync()
 
     private void LoadNavItems()
     {
-        var palette = this.ColorTheme.GetCurrentPalette(this.SettingsManager);
-        var isWriterModePreviewEnabled = PreviewFeatures.PRE_WRITER_MODE_2024.IsEnabled(this.SettingsManager);
-        if (!isWriterModePreviewEnabled)
-        {
-            this.navItems = new List<NavBarItem>
-            {
-                new("Home", Icons.Material.Filled.Home, palette.DarkLighten, palette.GrayLight, Routes.HOME, true),
-                new("Chat", Icons.Material.Filled.Chat, palette.DarkLighten, palette.GrayLight, Routes.CHAT, false),
-                new("Assistants", Icons.Material.Filled.Apps, palette.DarkLighten, palette.GrayLight, Routes.ASSISTANTS, false),
-                new("Supporters", Icons.Material.Filled.Favorite, palette.Error.Value, "#801a00", Routes.SUPPORTERS, false),
-                new("About", Icons.Material.Filled.Info, palette.DarkLighten, palette.GrayLight, Routes.ABOUT, false),
-                new("Settings", Icons.Material.Filled.Settings, palette.DarkLighten, palette.GrayLight, Routes.SETTINGS, false),
-            };
-        }
-        else
-        {
-            this.navItems = new List<NavBarItem>
-            {
-                new("Home", Icons.Material.Filled.Home, palette.DarkLighten, palette.GrayLight, Routes.HOME, true),
-                new("Chat", Icons.Material.Filled.Chat, palette.DarkLighten, palette.GrayLight, Routes.CHAT, false),
-                new("Assistants", Icons.Material.Filled.Apps, palette.DarkLighten, palette.GrayLight, Routes.ASSISTANTS, false),
-                new("Writer", Icons.Material.Filled.Create, palette.DarkLighten, palette.GrayLight, Routes.WRITER, false),
-                new("Supporters", Icons.Material.Filled.Favorite, palette.Error.Value, "#801a00", Routes.SUPPORTERS, false),
-                new("About", Icons.Material.Filled.Info, palette.DarkLighten, palette.GrayLight, Routes.ABOUT, false),
-                new("Settings", Icons.Material.Filled.Settings, palette.DarkLighten, palette.GrayLight, Routes.SETTINGS, false),
-            };
-        }
+        this.navItems = new List<NavBarItem>(this.GetNavItems());
     }
 
     #endregion
@@ -185,6 +170,25 @@ public async Task ProcessMessage<T>(ComponentBase? sendingComponent, Event trigg
     }
 
     #endregion
+
+    private IEnumerable<NavBarItem> GetNavItems()
+    {
+        var palette = this.ColorTheme.GetCurrentPalette(this.SettingsManager);
+
+        yield return new("Home", Icons.Material.Filled.Home, palette.DarkLighten, palette.GrayLight, Routes.HOME, true);
+        yield return new("Chat", Icons.Material.Filled.Chat, palette.DarkLighten, palette.GrayLight, Routes.CHAT, false);
+        yield return new("Assistants", Icons.Material.Filled.Apps, palette.DarkLighten, palette.GrayLight, Routes.ASSISTANTS, false);
+
+        if (PreviewFeatures.PRE_WRITER_MODE_2024.IsEnabled(this.SettingsManager))
+            yield return new("Writer", Icons.Material.Filled.Create, palette.DarkLighten, palette.GrayLight, Routes.WRITER, false);
+
+        if (PreviewFeatures.PRE_PLUGINS_2025.IsEnabled(this.SettingsManager))
+            yield return new("Plugins", Icons.Material.TwoTone.Extension, palette.DarkLighten, palette.GrayLight, Routes.PLUGINS, false);
+
+        yield return new("Supporters", Icons.Material.Filled.Favorite, palette.Error.Value, "#801a00", Routes.SUPPORTERS, false);
+        yield return new("About", Icons.Material.Filled.Info, palette.DarkLighten, palette.GrayLight, Routes.ABOUT, false);
+        yield return new("Settings", Icons.Material.Filled.Settings, palette.DarkLighten, palette.GrayLight, Routes.SETTINGS, false);
+    }
 
     private async Task DismissUpdate()
     {