Packages: restyle the Manage menu as a themed flyout

The per-package Manage menu is now a Flyout of themed buttons (new FlyoutPresenter and Button.menuItem styles) rather than a Fluent MenuFlyout, matching the app's dark cards, and the Available list/grid max height is increased.

Author: dooly123

src/BasisPM.App/Styles/BasisTheme.axaml

@@ -403,4 +403,39 @@
     <Style Selector="Expander /template/ Border#ExpanderContent">
         <Setter Property="Padding" Value="20,6,20,18"/>
     </Style>
+
+    <!-- Flyout popup (e.g. the package "Manage" menu): a dark panel matching the cards. -->
+    <Style Selector="FlyoutPresenter">
+        <Setter Property="Background" Value="{StaticResource BasisPanelBrush}"/>
+        <Setter Property="BorderBrush" Value="{StaticResource BasisBorderStrongBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="CornerRadius" Value="12"/>
+        <Setter Property="Padding" Value="5"/>
+        <Setter Property="MinWidth" Value="0"/>
+    </Style>
+
+    <!-- Menu-style buttons stacked inside a Flyout (the code-built Manage menu). -->
+    <Style Selector="Button.menuItem">
+        <Setter Property="HorizontalAlignment" Value="Stretch"/>
+        <Setter Property="HorizontalContentAlignment" Value="Left"/>
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="CornerRadius" Value="8"/>
+        <Setter Property="Padding" Value="12,9"/>
+        <Setter Property="FontWeight" Value="Medium"/>
+        <Setter Property="FontSize" Value="13"/>
+        <Setter Property="Foreground" Value="{StaticResource BasisTextPrimaryBrush}"/>
+    </Style>
+    <Style Selector="Button.menuItem:pointerover /template/ ContentPresenter">
+        <Setter Property="Background" Value="{StaticResource BasisSurfaceHoverBrush}"/>
+        <Setter Property="BorderBrush" Value="Transparent"/>
+        <Setter Property="TextElement.Foreground" Value="{StaticResource BasisTextPrimaryBrush}"/>
+    </Style>
+    <Style Selector="Button.menuItem.destructive">
+        <Setter Property="Foreground" Value="{StaticResource BasisBrandBrush}"/>
+    </Style>
+    <Style Selector="Button.menuItem.destructive:pointerover /template/ ContentPresenter">
+        <Setter Property="Background" Value="{StaticResource BasisSurfaceHoverBrush}"/>
+        <Setter Property="TextElement.Foreground" Value="{StaticResource BasisBrandBrush}"/>
+    </Style>
 </Styles>

src/BasisPM.App/Views/PackagesView.axaml

@@ -69,7 +69,7 @@
                             <TextBox Watermark="{loc:Tr packages.filter.watermark}" Text="{Binding Filter}"/>
                         </Border>
                         <!-- List layout: one roomy row per package, with a wide action column. -->
-                        <ScrollViewer Grid.Row="2" MaxHeight="360" IsVisible="{Binding IsListView}">
+                        <ScrollViewer Grid.Row="2" MaxHeight="720" IsVisible="{Binding IsListView}">
                             <ItemsControl ItemsSource="{Binding Available}">
                                 <ItemsControl.ItemTemplate>
                                     <DataTemplate DataType="vm:PackageRow">
@@ -122,7 +122,7 @@
                         </ScrollViewer>
 
                         <!-- Grid layout: cards that wrap; toggled from the header. -->
-                        <ScrollViewer Grid.Row="2" MaxHeight="420" IsVisible="{Binding IsGridView}">
+                        <ScrollViewer Grid.Row="2" MaxHeight="840" IsVisible="{Binding IsGridView}">
                             <ItemsControl ItemsSource="{Binding Available}" Margin="10,7">
                                 <ItemsControl.ItemsPanel>
                                     <ItemsPanelTemplate>

src/BasisPM.App/Views/PackagesView.axaml.cs

@@ -1,3 +1,4 @@
+using System;
 using Avalonia.Controls;
 using Avalonia.Interactivity;
 using BasisPM.App.Localization;
@@ -9,32 +10,31 @@ public partial class PackagesView : UserControl
 {
     public PackagesView() => InitializeComponent();
 
-    // The "Manage" menu for an installed package is built in code and its commands invoked
-    // directly, so it doesn't rely on binding resolution inside the flyout popup.
+    // The "Manage" menu for an installed package is built in code from a Flyout of themed buttons
+    // (so it matches the app styling), and its commands are invoked directly — no reliance on binding
+    // resolution or Fluent menu-item theming inside the popup.
     private void OnManageClick(object? sender, RoutedEventArgs e)
     {
         if (sender is not Control control || control.DataContext is not PackageRow row) return;
         if (DataContext is not PackagesViewModel vm) return;
 
-        var flyout = new MenuFlyout();
-
-        var update = new MenuItem { Header = L.Tr("packages.button.update") };
-        update.Click += (_, _) => vm.InstallCommand.Execute(row.Entry);
-        flyout.Items.Add(update);
+        var panel = new StackPanel { Spacing = 2, MinWidth = 168 };
+        var flyout = new Flyout { Content = panel };
 
+        panel.Children.Add(MenuButton(L.Tr("packages.button.update"), false, flyout, () => vm.InstallCommand.Execute(row.Entry)));
         if (row.HasGit)
-        {
-            var choose = new MenuItem { Header = L.Tr("packages.button.chooseVersion") };
-            choose.Click += (_, _) => vm.ChooseVersionCommand.Execute(row.Entry);
-            flyout.Items.Add(choose);
-        }
-
-        flyout.Items.Add(new Separator());
-
-        var remove = new MenuItem { Header = L.Tr("packages.button.remove") };
-        remove.Click += (_, _) => vm.RemoveCommand.Execute(row.Entry);
-        flyout.Items.Add(remove);
+            panel.Children.Add(MenuButton(L.Tr("packages.button.chooseVersion"), false, flyout, () => vm.ChooseVersionCommand.Execute(row.Entry)));
+        panel.Children.Add(MenuButton(L.Tr("packages.button.remove"), true, flyout, () => vm.RemoveCommand.Execute(row.Entry)));
 
         flyout.ShowAt(control);
     }
+
+    private static Button MenuButton(string text, bool destructive, Flyout flyout, Action action)
+    {
+        var btn = new Button { Content = text };
+        btn.Classes.Add("menuItem");
+        if (destructive) btn.Classes.Add("destructive");
+        btn.Click += (_, _) => { flyout.Hide(); action(); };
+        return btn;
+    }
 }