LanMountainDesktop/LanMountainDesktop/Views/SettingsPages/UpdateSettingsPage.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:ui="using:FluentAvalonia.UI.Controls"
             xmlns:fi="using:FluentIcons.Avalonia.Fluent"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="1000"
             x:Class="LanMountainDesktop.Views.SettingsPages.UpdateSettingsPage">

    <StackPanel x:Name="UpdateSettingsPanel"
                Spacing="16">
        <TextBlock x:Name="UpdatePanelTitleTextBlock"
                   FontSize="24"
                   FontWeight="SemiBold"
                   Foreground="{DynamicResource TextFillColorPrimaryBrush}"
                   Text="Update" />

        <Border Background="{DynamicResource AdaptiveSurfaceRaisedBrush}"
                CornerRadius="{DynamicResource DesignCornerRadiusMd}"
                Padding="20">
            <Grid ColumnDefinitions="Auto,*" RowDefinitions="Auto,Auto,Auto" ColumnSpacing="12" RowSpacing="8">
                <TextBlock x:Name="UpdateCurrentVersionLabelTextBlock"
                           Text="Current Version"
                           FontWeight="SemiBold"
                           Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
                <TextBlock x:Name="UpdateCurrentVersionValueTextBlock"
                           Grid.Column="1"
                           Text="-"
                           Foreground="{DynamicResource TextFillColorPrimaryBrush}" />

                <TextBlock x:Name="UpdateLatestVersionLabelTextBlock"
                           Grid.Row="1"
                           Text="Latest Release"
                           FontWeight="SemiBold"
                           Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
                <TextBlock x:Name="UpdateLatestVersionValueTextBlock"
                           Grid.Row="1" Grid.Column="1"
                           Text="-"
                           Foreground="{DynamicResource TextFillColorPrimaryBrush}" />

                <TextBlock x:Name="UpdatePublishedAtLabelTextBlock"
                           Grid.Row="2"
                           Text="Published At"
                           FontWeight="SemiBold"
                           Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
                <TextBlock x:Name="UpdatePublishedAtValueTextBlock"
                           Grid.Row="2" Grid.Column="1"
                           Text="-"
                           Foreground="{DynamicResource TextFillColorPrimaryBrush}" />
            </Grid>
        </Border>

        <Border Classes="settings-expander-shell">
            <ui:SettingsExpander x:Name="UpdateOptionsSettingsExpander"
                                 Header="Update Options"
                                 Description="Configure update checks and release channel."
                                 IsExpanded="True">
                <ui:SettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="Settings" />
                </ui:SettingsExpander.IconSource>
                <ui:SettingsExpander.Footer>
                    <StackPanel Spacing="10">
                        <ToggleSwitch x:Name="AutoCheckUpdatesToggleSwitch"
                                      Content="Automatically check for updates on startup" />
                        <TextBlock x:Name="UpdateChannelLabelTextBlock"
                                   Text="Update Channel"
                                   FontWeight="SemiBold"
                                   Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
                        <ListBox x:Name="UpdateChannelChipListBox"
                                 Classes="settings-chip-list">
                            <ListBox.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <StackPanel Orientation="Horizontal" Spacing="8" />
                                </ItemsPanelTemplate>
                            </ListBox.ItemsPanel>
                            <ListBoxItem x:Name="UpdateChannelStableChipItem"
                                         Tag="Stable"
                                         Content="Stable" />
                            <ListBoxItem x:Name="UpdateChannelPreviewChipItem"
                                         Tag="Preview"
                                         Content="Preview" />
                        </ListBox>
                    </StackPanel>
                </ui:SettingsExpander.Footer>
            </ui:SettingsExpander>
        </Border>

        <Border Classes="settings-expander-shell">
            <ui:SettingsExpander x:Name="UpdateActionsSettingsExpander"
                                 Header="Update Actions"
                                 Description="Check releases, download installer, and start update."
                                 IsExpanded="True">
                <ui:SettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="ArrowSync" />
                </ui:SettingsExpander.IconSource>
                <ui:SettingsExpander.Footer>
                    <StackPanel Spacing="10">
                        <StackPanel Orientation="Horizontal" Spacing="10">
                            <Button x:Name="CheckForUpdatesButton"
                                    MinWidth="140"
                                    Content="Check for Updates" />
                            <Button x:Name="DownloadAndInstallUpdateButton"
                                    MinWidth="180"
                                    Content="Download &amp; Install" />
                        </StackPanel>
                        <ProgressBar x:Name="UpdateDownloadProgressBar"
                                     Minimum="0"
                                     Maximum="100"
                                     Height="6"
                                     IsVisible="False" />
                        <TextBlock x:Name="UpdateDownloadProgressTextBlock"
                                   Text="Download progress: -"
                                   Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
                        <TextBlock x:Name="UpdateStatusTextBlock"
                                   Text="Ready to check for updates."
                                   Foreground="{DynamicResource TextFillColorPrimaryBrush}" />
                    </StackPanel>
                </ui:SettingsExpander.Footer>
            </ui:SettingsExpander>
        </Border>
    </StackPanel>
</UserControl>