MainWindow.axaml

<Window 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:local="clr-namespace:SDRIQStreamer.App"
        mc:Ignorable="d" d:DesignWidth="700" d:DesignHeight="620"
        x:Class="SDRIQStreamer.App.MainWindow"
        x:DataType="local:MainWindowViewModel"
        x:Name="Root"
        Title="{Binding WindowTitle}"
        Width="420" SizeToContent="Height"
        MinWidth="360" MinHeight="220">

    <Window.Styles>
        <Style Selector="FlyoutPresenter.compact-swatch-flyout">
            <Setter Property="MinWidth" Value="106"/>
            <Setter Property="MaxWidth" Value="106"/>
            <Setter Property="Padding" Value="2"/>
        </Style>

        <!-- Theme toggle, parked in the empty right end of the tab strip. Lives
             in Window.Styles rather than TabControl.Styles because the button
             sits outside the TabControl, overlaid on it. Icon only: the strip
             has about 126px spare in Digital mode at the default 420px width
             and about 66px at MinWidth, which the word "Theme" would eat into
             far enough to risk landing on the Help tab. Fluent's 32px button
             minimum and its border both go, or the button would stand taller
             than the strip it sits in. -->
        <!-- Tab clothing for a button: the same 11px Bold as a TabItem header.
             Padding matches the TabItem padding so it sits on the same rhythm
             as the tabs to its left. Deliberately no selected state, since it
             never becomes the current page.
             Full ink at rest, not muted: muted matched an unselected tab and
             read as a smaller or disabled label next to the selected one, even
             though the metrics are identical (operator-reported 2026-08-05).
             Hover keeps its affordance through the background wash rather than
             a foreground shift. -->
        <Style Selector="Button.strip-button">
            <Setter Property="FontSize" Value="11"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="Padding" Value="8,4"/>
            <Setter Property="MinHeight" Value="0"/>
            <Setter Property="MinWidth" Value="0"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="CornerRadius" Value="4"/>
            <Setter Property="Cursor" Value="Hand"/>
            <!-- Top plus 1px, not Center. Centred, it aligns against the 26px
                 icon button that sets the panel height and sat ~2px below the
                 tab labels; flush Top overshot ~1px high. The 1px puts its cap
                 centre ~22.3px below the TabControl top, which is where the tab
                 labels sit (both operator-reported, then agreed with the
                 measurement). Independent of the icon now, so the two can be
                 tuned separately instead of dragging each other around. -->
            <Setter Property="VerticalAlignment" Value="Top"/>
            <Setter Property="Margin" Value="0,1,0,0"/>
            <Setter Property="Foreground" Value="{DynamicResource AppInkBrush}"/>
        </Style>
        <Style Selector="Button.strip-button /template/ ContentPresenter#PART_ContentPresenter">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Setter Property="TextElement.Foreground" Value="{DynamicResource AppInkBrush}"/>
        </Style>
        <Style Selector="Button.strip-button:pointerover /template/ ContentPresenter#PART_ContentPresenter">
            <Setter Property="Background" Value="{DynamicResource AppHoverWashBrush}"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Setter Property="TextElement.Foreground" Value="{DynamicResource AppInkBrush}"/>
        </Style>
        <Style Selector="Button.strip-button:pressed /template/ ContentPresenter#PART_ContentPresenter">
            <Setter Property="Background" Value="{DynamicResource AppHoverWashBrush}"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Setter Property="TextElement.Foreground" Value="{DynamicResource AppInkBrush}"/>
        </Style>

        <Style Selector="Button.theme-toggle">
            <Setter Property="Width" Value="26"/>
            <Setter Property="Height" Value="26"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="MinHeight" Value="0"/>
            <Setter Property="MinWidth" Value="0"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="CornerRadius" Value="4"/>
            <Setter Property="Cursor" Value="Hand"/>
        </Style>
        <Style Selector="Button.theme-toggle /template/ ContentPresenter#PART_ContentPresenter">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
        </Style>
        <Style Selector="Button.theme-toggle:pointerover /template/ ContentPresenter#PART_ContentPresenter">
            <Setter Property="Background" Value="{DynamicResource AppHoverWashBrush}"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
        </Style>
        <Style Selector="Button.theme-toggle:pressed /template/ ContentPresenter#PART_ContentPresenter">
            <Setter Property="Background" Value="{DynamicResource AppHoverWashBrush}"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
        </Style>
        <!-- Muted at rest so it sits at the weight of an unselected tab label
             rather than competing with the selected one; full ink on hover. -->
        <Style Selector="Button.theme-toggle Path">
            <Setter Property="Fill" Value="{DynamicResource AppMutedBrush}"/>
        </Style>
        <Style Selector="Button.theme-toggle:pointerover Path">
            <Setter Property="Fill" Value="{DynamicResource AppInkBrush}"/>
        </Style>
    </Window.Styles>

    <!-- The TabControl and the theme toggle share one cell: Avalonia's
         TabControl offers no slot in its header strip, so the button is
         overlaid on the strip's empty right end and declared second to draw on
         top.

         The 10px top margin centres the 26px button on the tab LABEL, not in
         the strip box: the label's cap-height centre sits about 22.5px below
         the TabControl top, while the box runs on past it to the selected-tab
         underline. Centring on the box was tried first and read as sitting
         high, because the eye aligns the icon with the words beside it rather
         than with an invisible rectangle (operator-reported). All three
         numbers here are operator-set from live runs and agree with that
         anchor; treat them as one set, since changing the button size without
         the margin moves the icon off the labels. If TabItem padding (10,4
         below) or the header font ever changes, they all move. Retemplating
         TabControl would remove the constants, at the cost of vendoring and
         maintaining a copy of Fluent's template. -->
    <Grid>
    <TabControl Margin="0" SelectedIndex="{Binding SelectedTabIndex, Mode=TwoWay}">
        <TabControl.Styles>
            <!-- 8,4 rather than 10,4: the strip has to carry five tabs plus the
                 SmartDeck button and the theme icon, and in Digital mode at
                 MinWidth that did not fit. Trimming 2px a side recovers ~20px
                 across the five and is invisible at a glance. The theme icon's
                 top margin is tuned against this padding (see the overlay note
                 above); change one and check the other. -->
            <Style Selector="TabItem">
                <Setter Property="Padding" Value="8,4"/>
            </Style>
            <Style Selector="Button">
                <Setter Property="HorizontalContentAlignment" Value="Center"/>
                <Setter Property="VerticalContentAlignment" Value="Center"/>
            </Style>
            <Style Selector="Button.action-button">
                <Setter Property="Height" Value="22"/>
                <Setter Property="FontSize" Value="10"/>
                <Setter Property="Padding" Value="8,0"/>
            </Style>
            <!-- Connected state as a class rather than a colour name bound from
                 the ViewModel, so the two states resolve per theme (issue #63). -->
            <Style Selector="TextBlock.connect-header">
                <Setter Property="Foreground" Value="{DynamicResource AppMutedBrush}"/>
            </Style>
            <Style Selector="TextBlock.connect-header.connected">
                <Setter Property="Foreground" Value="{DynamicResource AppOkBrush}"/>
            </Style>
            <!-- "Streaming" buttons (an app/mode is actively running) are green so
                 the running state reads at a glance. Covers normal/hover/pressed. -->
            <Style Selector="Button.streaming">
                <Setter Property="Background" Value="#2E7D32"/>
                <Setter Property="Foreground" Value="White"/>
            </Style>
            <Style Selector="Button.streaming:pointerover /template/ ContentPresenter#PART_ContentPresenter">
                <Setter Property="Background" Value="#388E3C"/>
                <Setter Property="TextBlock.Foreground" Value="White"/>
            </Style>
            <Style Selector="Button.streaming:pressed /template/ ContentPresenter#PART_ContentPresenter">
                <Setter Property="Background" Value="#1B5E20"/>
                <Setter Property="TextBlock.Foreground" Value="White"/>
            </Style>
            <!-- Debug logging on: orange so the non-default logging mode reads at
                 a glance without hovering for the tooltip. Same normal/hover/pressed
                 treatment as .streaming above (issue #58). -->
            <Style Selector="Button.debug-on">
                <Setter Property="Background" Value="#E65100"/>
                <Setter Property="Foreground" Value="White"/>
            </Style>
            <Style Selector="Button.debug-on:pointerover /template/ ContentPresenter#PART_ContentPresenter">
                <Setter Property="Background" Value="#EF6C00"/>
                <Setter Property="TextBlock.Foreground" Value="White"/>
            </Style>
            <Style Selector="Button.debug-on:pressed /template/ ContentPresenter#PART_ContentPresenter">
                <Setter Property="Background" Value="#BF360C"/>
                <Setter Property="TextBlock.Foreground" Value="White"/>
            </Style>
        </TabControl.Styles>
        <TabItem>
            <TabItem.Header>
                <TextBlock Text="Launch" FontSize="11" FontWeight="Bold"/>
            </TabItem.Header>
            <ScrollViewer Margin="0,8,0,8"
                          VerticalScrollBarVisibility="Auto"
                          HorizontalScrollBarVisibility="Disabled">
                <StackPanel Margin="8,0,8,0" Spacing="4">
                    <StackPanel.Styles>
                        <!-- Compact rows for the station + mode lists so they don't
                             dominate the window. -->
                        <Style Selector="ListBoxItem">
                            <Setter Property="MinHeight" Value="0"/>
                            <Setter Property="Padding" Value="6,4"/>
                        </Style>
                    </StackPanel.Styles>
                    <TextBlock Text="{Binding StatusText}"
                               FontSize="12" Foreground="{DynamicResource AppMutedBrush}"
                               IsVisible="{Binding StatusText, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"/>

                    <!-- Theme and SmartDeck both used to sit in this row and no
                         longer do: Theme because it is app-global, SmartDeck
                         because it reads as a destination rather than an action
                         on the connection (issue #59). Both are in the tab strip
                         now, and this row is back to naming one thing and
                         offering one verb, like the Mode row below it. -->
                    <Grid ColumnDefinitions="*,Auto" ColumnSpacing="6" Margin="0,0,0,2">
                        <TextBlock Grid.Column="0"
                                   Text="{Binding ConnectTargetHeaderText}"
                                   FontSize="11"
                                   FontWeight="Bold"
                                   Classes="connect-header"
                                   Classes.connected="{Binding IsConnected}"/>
                        <Button Grid.Column="1"
                                Classes="action-button"
                                Content="Connect"
                                MinWidth="56"
                                Command="{Binding ConnectCommand}"
                                IsVisible="{Binding !IsConnected}"/>
                        <Button Grid.Column="2"
                                Classes="action-button"
                                Content="Disconnect"
                                MinWidth="56"
                                Command="{Binding DisconnectCommand}"
                                IsVisible="{Binding IsConnected}"/>
                    </Grid>

                    <ListBox ItemsSource="{Binding ConnectTargets}"
                             SelectedItem="{Binding SelectedConnectTarget}"
                             IsVisible="{Binding !IsConnected}"
                             SelectionMode="Single">
                        <ListBox.ItemTemplate>
                            <DataTemplate x:DataType="local:RadioConnectTarget">
                                <TextBlock Text="{Binding DisplayLabel}" FontSize="12" Padding="2"/>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

                    <StackPanel Spacing="2" Margin="0,8,0,0" IsVisible="{Binding IsConnected}">
                        <TextBlock Text="Discovered stations and slices" FontSize="11" FontWeight="Bold" Foreground="{DynamicResource AppMutedBrush}"/>
                        <ItemsControl ItemsSource="{Binding ClientGroups}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate x:DataType="local:ClientGroup">
                                    <StackPanel Spacing="1" Margin="0,3,0,0">
                                        <TextBlock Text="{Binding Station, StringFormat='Station: {0}'}"
                                                   FontSize="11" FontWeight="SemiBold" Foreground="{DynamicResource AppOkBrush}"/>
                                        <ItemsControl ItemsSource="{Binding Panadapters}">
                                            <ItemsControl.ItemTemplate>
                                                <DataTemplate x:DataType="local:PanSliceGroup">
                                                    <ItemsControl ItemsSource="{Binding Slices}">
                                                        <ItemsControl.ItemTemplate>
                                                            <DataTemplate x:DataType="local:SliceViewModel">
                                                                <Border BorderBrush="{DynamicResource AppDividerBrush}" BorderThickness="0,0,0,1"
                                                                        Padding="0,2" Margin="4,0,0,0">
                                                                    <Grid ColumnDefinitions="52,116,Auto,*" ColumnSpacing="5">
                                                                        <TextBlock Grid.Column="0" Text="{Binding SliceLabel}"
                                                                                   FontSize="11" FontWeight="SemiBold"
                                                                                   VerticalAlignment="Center"/>
                                                                        <TextBlock Grid.Column="1" Text="{Binding BandFreqDisplay}"
                                                                                   FontSize="11" VerticalAlignment="Center"
                                                                                   TextTrimming="CharacterEllipsis"/>
                                                                        <TextBlock Grid.Column="2" Text="{Binding DaxIqDisplay}"
                                                                                   FontSize="11" Foreground="{DynamicResource AppInfoBrush}"
                                                                                   VerticalAlignment="Center"
                                                                                   TextTrimming="CharacterEllipsis"/>
                                                                        <TextBlock Grid.Column="3" Text="{Binding DaxRxDisplay}"
                                                                                   FontSize="11" Foreground="{DynamicResource AppMutedBrush}"
                                                                                   VerticalAlignment="Center"
                                                                                   TextTrimming="CharacterEllipsis"/>
                                                                    </Grid>
                                                                </Border>
                                                            </DataTemplate>
                                                        </ItemsControl.ItemTemplate>
                                                    </ItemsControl>
                                                </DataTemplate>
                                            </ItemsControl.ItemTemplate>
                                        </ItemsControl>
                                    </StackPanel>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </StackPanel>

                    <StackPanel Spacing="4" Margin="0,18,0,0" IsVisible="{Binding IsConnected}">
                        <!-- Mode selection mirrors the radio-station list above: a
                             single-select ListBox + one Start/Stop button (header row,
                             like Connect/Disconnect). The list disables while a mode is
                             active, so you Stop before switching. -->
                        <Grid ColumnDefinitions="*,Auto" Margin="0,0,0,2">
                            <TextBlock Grid.Column="0" Text="{Binding ModeHeaderText}" FontSize="11" FontWeight="Bold"
                                       Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"
                                       TextTrimming="CharacterEllipsis"/>
                            <Button Grid.Column="1"
                                    Classes="action-button"
                                    MinWidth="56"
                                    Content="{Binding ModeActionButtonLabel}"
                                    Command="{Binding ModeActionCommand}"/>
                        </Grid>
                        <ListBox ItemsSource="{Binding LaunchModes}"
                                 SelectedItem="{Binding SelectedLaunchModeName}"
                                 IsVisible="{Binding !IsModeActive}"
                                 SelectionMode="Single"
                                 FontSize="12"/>
                    </StackPanel>

                    <Border BorderBrush="{DynamicResource AppPanelBorderBrush}"
                            BorderThickness="1"
                            CornerRadius="4"
                            Padding="6"
                            Margin="0,8,0,0">
                        <Grid ColumnDefinitions="Auto,*" ColumnSpacing="8">
                            <TextBlock Grid.Column="0" Text="Event" FontSize="10" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                            <TextBlock Grid.Column="1"
                                       Text="{Binding LatestFooterEvent}"
                                       FontSize="10"
                                       Foreground="{DynamicResource AppWarnBrush}"
                                       TextWrapping="NoWrap"
                                       TextTrimming="CharacterEllipsis"
                                       VerticalAlignment="Center"/>
                        </Grid>
                    </Border>
                </StackPanel>
            </ScrollViewer>
        </TabItem>

        <TabItem IsVisible="{Binding IsCwMode}">
            <TabItem.Header>
                <TextBlock Text="CW" FontSize="11" FontWeight="Bold"/>
            </TabItem.Header>
            <ScrollViewer Margin="0,8,0,8"
                          VerticalScrollBarVisibility="Auto"
                          HorizontalScrollBarVisibility="Disabled">
            <StackPanel Margin="8,0,8,0" Spacing="4">
                    <Grid ColumnDefinitions="*,Auto">
                        <TextBlock Grid.Column="0" Text="CW Mode" FontSize="13" FontWeight="SemiBold"/>
                        <TextBlock Grid.Column="1" FontSize="11" VerticalAlignment="Center"
                                   Text="Engine: CW Skimmer"/>
                    </Grid>
                    <ItemsControl ItemsSource="{Binding VisibleClientGroups}"
                                  IsVisible="{Binding IsConnected}"
                                  Margin="0,6,0,0">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate x:DataType="local:ClientGroup">
                                <StackPanel Spacing="4" Margin="0,4,0,0">
                                    <TextBlock FontSize="11" FontWeight="SemiBold" Foreground="{DynamicResource AppOkBrush}"
                                               Text="{Binding Station, StringFormat='Station:  {0}'}"/>

                                    <ItemsControl ItemsSource="{Binding Panadapters}" Margin="8,0,0,0">
                                        <ItemsControl.ItemTemplate>
                                            <DataTemplate x:DataType="local:PanSliceGroup">
                                                <Border BorderBrush="{DynamicResource AppPanelBorderBrush}" BorderThickness="1" CornerRadius="4" Padding="6" Margin="0,2,0,2">
                                                    <StackPanel Spacing="2">
                                                        <TextBlock Text="{Binding StreamSummary}"
                                                                   FontSize="11"
                                                                   Foreground="{DynamicResource AppInfoBrush}"
                                                                   VerticalAlignment="Center"/>

                                                        <ItemsControl ItemsSource="{Binding Slices}" Margin="8,1,0,0">
                                                            <ItemsControl.ItemTemplate>
                                                                <DataTemplate x:DataType="local:SliceViewModel">
                                                                    <Grid ColumnDefinitions="*,Auto" ColumnSpacing="6">
                                                                        <TextBlock Grid.Column="0"
                                                                                   Text="{Binding DisplayLabel}"
                                                                                   FontSize="11"
                                                                                   VerticalAlignment="Center"/>
                                                                        <Button Grid.Column="1"
                                                                                Classes="action-button"
                                                                                Content="Start"
                                                                                MinWidth="84"
                                                                                Command="{Binding #Root.((local:MainWindowViewModel)DataContext).LaunchCwSkimmerForSliceCommand}"
                                                                                CommandParameter="{Binding}"
                                                                                IsVisible="{Binding !IsSkimmerRunning}"/>
                                                                        <Button Grid.Column="1"
                                                                                Classes="action-button streaming"
                                                                                Content="Streaming"
                                                                                MinWidth="84"
                                                                                Command="{Binding #Root.((local:MainWindowViewModel)DataContext).StopCwSkimmerForSliceCommand}"
                                                                                CommandParameter="{Binding}"
                                                                                IsVisible="{Binding IsSkimmerRunning}"/>
                                                                    </Grid>
                                                                </DataTemplate>
                                                            </ItemsControl.ItemTemplate>
                                                        </ItemsControl>
                                                    </StackPanel>
                                                </Border>
                                            </DataTemplate>
                                        </ItemsControl.ItemTemplate>
                                    </ItemsControl>
                                </StackPanel>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>

                    <TextBlock Text="Network Status"
                               FontSize="11"
                               FontWeight="Bold"
                               Foreground="{DynamicResource AppMutedBrush}"
                               Margin="0,6,0,0"/>
                    <Border BorderBrush="{DynamicResource AppPanelBorderBrush}"
                            BorderThickness="1"
                            CornerRadius="4"
                            Padding="8"
                            Margin="0,1,0,2">
                        <Grid ColumnDefinitions="Auto,*,Auto" RowDefinitions="Auto,Auto,Auto" ColumnSpacing="8" RowSpacing="4">
                            <TextBlock Grid.Row="0" Grid.Column="0" Text="Connection Status" FontSize="11" VerticalAlignment="Center"/>
                            <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding NetworkStatusLabel}" FontSize="11" FontWeight="SemiBold" VerticalAlignment="Center"/>

                            <TextBlock Grid.Row="1" Grid.Column="0" Text="Latency (RTT)" FontSize="11" VerticalAlignment="Center"/>
                            <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding NetworkLatencyRttText}" FontSize="11" VerticalAlignment="Center"/>

                            <TextBlock Grid.Row="2" Grid.Column="0" Text="Max Latency (RTT)" FontSize="11" VerticalAlignment="Center"/>
                            <TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding NetworkMaxLatencyRttText}" FontSize="11" VerticalAlignment="Center"/>

                            <Button Grid.Row="0"
                                    Classes="action-button"
                                    Grid.RowSpan="3"
                                    Grid.Column="2"
                                    Content="Reset Status"
                                    MinWidth="84"
                                    Command="{Binding ResetNetworkStatusCommand}"
                                    IsEnabled="{Binding IsConnected}"
                                    VerticalAlignment="Center"/>
                        </Grid>
                    </Border>

                    <Border BorderBrush="{DynamicResource AppPanelBorderBrush}"
                            BorderThickness="1"
                            CornerRadius="4"
                            Padding="6"
                            Margin="0,8,0,0">
                        <Grid ColumnDefinitions="Auto,*" ColumnSpacing="8">
                            <TextBlock Grid.Column="0" Text="Event" FontSize="10" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                            <TextBlock Grid.Column="1"
                                       Text="{Binding LatestFooterEvent}"
                                       FontSize="10"
                                       Foreground="{DynamicResource AppWarnBrush}"
                                       TextWrapping="NoWrap"
                                       TextTrimming="CharacterEllipsis"
                                       VerticalAlignment="Center"/>
                        </Grid>
                    </Border>

            </StackPanel>
            </ScrollViewer>
        </TabItem>

        <TabItem IsVisible="{Binding IsCwMode}">
            <TabItem.Header>
                <TextBlock Text="Config" FontSize="11" FontWeight="Bold"/>
            </TabItem.Header>
            <ScrollViewer Margin="0,8,0,8"
                          VerticalScrollBarVisibility="Auto"
                          HorizontalScrollBarVisibility="Disabled">
            <DockPanel Margin="8,0,8,0" LastChildFill="True">
                    <DockPanel.Styles>
                        <Style Selector="TextBox.config-entry">
                            <Setter Property="Height" Value="20"/>
                            <Setter Property="MinHeight" Value="20"/>
                            <Setter Property="Padding" Value="5,1"/>
                            <Setter Property="FontSize" Value="10"/>
                            <Setter Property="VerticalContentAlignment" Value="Center"/>
                        </Style>
                    </DockPanel.Styles>
                    <StackPanel DockPanel.Dock="Top" Spacing="6">
                    <TextBlock Text="CW Skimmer paths" FontSize="11" FontWeight="SemiBold" Foreground="{DynamicResource AppMutedBrush}"/>
                    <Grid ColumnDefinitions="*,70" ColumnSpacing="6">
                        <TextBox Grid.Column="0"
                                 Classes="config-entry"
                                 Text="{Binding CwSkimmerExePath}"
                                 Watermark="Path to CwSkimmer.exe"/>
                        <Button Grid.Column="1"
                                Classes="action-button"
                                Content="Browse..."
                                Width="70"
                                Click="OnBrowseCwSkimmer"/>
                    </Grid>

                    <Grid ColumnDefinitions="*,70" ColumnSpacing="6">
                        <TextBox Grid.Column="0"
                                 Classes="config-entry"
                                 Text="{Binding CwSkimmerIniPath}"
                                 Watermark="Path to cwskimmer.ini"/>
                        <Button Grid.Column="1"
                                Classes="action-button"
                                Content="Browse..."
                                Width="70"
                                Click="OnBrowseCwSkimmerIni"/>
                    </Grid>

                    <Separator Margin="0,4,0,0" Background="{DynamicResource AppDividerBrush}"/>
                    <Grid ColumnDefinitions="Auto,Auto,10,Auto,30,10,52,10,52,*" ColumnSpacing="3" RowDefinitions="Auto" Margin="0,0,0,2">
                        <TextBlock Grid.Row="0" Grid.Column="0" Text="Spots" FontSize="11" FontWeight="SemiBold" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                        <CheckBox Grid.Row="0" Grid.Column="1" IsChecked="{Binding SpotForwardingEnabled}" Content="Enabled" FontSize="11" VerticalAlignment="Center"/>

                        <TextBlock Grid.Row="0" Grid.Column="3" Text="Persist" FontSize="11" VerticalAlignment="Center"/>
                        <TextBox Grid.Row="0" Grid.Column="4"
                                 Classes="config-entry"
                                 Text="{Binding SpotLifetimeSeconds}"
                                 Width="30"
                                 MinWidth="30"
                                 MaxWidth="30"
                                 Padding="2,1"
                                 HorizontalAlignment="Left"/>

                        <Button Grid.Row="0" Grid.Column="6"
                                Classes="config-entry"
                                Width="52"
                                Height="20"
                                Padding="4,0"
                                Click="OnOpenSpotTextColorMenu">
                            <Grid ColumnDefinitions="Auto,4,*" VerticalAlignment="Center">
                                <TextBlock Grid.Column="0" Text="Txt" FontSize="9" VerticalAlignment="Center"/>
                                <Border Grid.Column="2"
                                        Width="26"
                                        Height="11"
                                        Background="{Binding SpotSelectedColorOption.Hex}"
                                        BorderBrush="{DynamicResource AppOutlineBrush}"
                                        BorderThickness="1"
                                        CornerRadius="2"
                                        HorizontalAlignment="Right"
                                        VerticalAlignment="Center"/>
                            </Grid>
                        </Button>

                        <Button Grid.Row="0" Grid.Column="8"
                                Classes="config-entry"
                                Width="52"
                                Height="20"
                                Padding="4,0"
                                Click="OnOpenSpotBackgroundColorMenu">
                            <Grid ColumnDefinitions="Auto,4,*" VerticalAlignment="Center">
                                <TextBlock Grid.Column="0" Text="Bg" FontSize="9" VerticalAlignment="Center"/>
                                <Border Grid.Column="2"
                                        Width="26"
                                        Height="11"
                                        Background="{Binding SpotSelectedBackgroundColorOption.Hex}"
                                        BorderBrush="{DynamicResource AppOutlineBrush}"
                                        BorderThickness="1"
                                        CornerRadius="2"
                                        HorizontalAlignment="Right"
                                        VerticalAlignment="Center"/>
                            </Grid>
                        </Button>
                    </Grid>

                    <Separator Margin="0,4,0,0" Background="{DynamicResource AppDividerBrush}"/>
                    <Grid ColumnDefinitions="Auto,Auto,*,Auto" ColumnSpacing="6" Margin="0,0,0,2">
                        <TextBlock Grid.Column="0"
                                   Text="CW Skimmer Config"
                                   FontSize="11"
                                   FontWeight="SemiBold"
                                   Foreground="{DynamicResource AppMutedBrush}"
                                   VerticalAlignment="Center"/>
                        <Button Grid.Column="1"
                                Background="Transparent"
                                BorderThickness="0"
                                Padding="0"
                                MinHeight="0"
                                HorizontalAlignment="Left"
                                Click="OnResetChannelConfigRequested">
                            <TextBlock Text="Set Up Wizard"
                                       FontSize="10"
                                       FontWeight="Bold"
                                       Foreground="{DynamicResource AppWarnBrush}"
                                       TextDecorations="Underline"/>
                        </Button>
                        <Button Grid.Column="3"
                                Classes="action-button"
                                Content="Open Folder"
                                HorizontalAlignment="Right"
                                Command="{Binding OpenStreamerIniFolderCommand}"
                                IsEnabled="{Binding HasStreamerIniFolder}"/>
                    </Grid>
                    </StackPanel>
                    <StackPanel Spacing="4" Margin="0,0,0,2">
                        <Grid ColumnDefinitions="Auto,*,Auto" ColumnSpacing="8" Margin="0,2,0,0">
                            <TextBlock Grid.Column="0"
                                       Text="ch 1"
                                       Width="28"
                                       FontSize="10"
                                       VerticalAlignment="Center"/>
                            <TextBox Grid.Column="1"
                                     Text="{Binding StreamerIniCh1PathText}"
                                     IsReadOnly="True"
                                     FontFamily="Consolas"
                                     FontSize="10"
                                     Foreground="{DynamicResource AppMutedStrongBrush}"
                                     BorderThickness="1"
                                     BorderBrush="{DynamicResource AppPanelBorderBrush}"
                                     Background="Transparent"
                                     TextWrapping="NoWrap"
                                     ScrollViewer.HorizontalScrollBarVisibility="Auto"
                                     VerticalContentAlignment="Center"/>
                            <Button Grid.Column="2"
                                    Classes="action-button"
                                    Content="Open ch 1"
                                    Command="{Binding OpenStreamerIniCh1FileCommand}"
                                    IsEnabled="{Binding HasStreamerIniCh1File}"/>
                        </Grid>
                        <Grid ColumnDefinitions="Auto,*,Auto" ColumnSpacing="8" Margin="0,0,0,2">
                            <TextBlock Grid.Column="0"
                                       Text="ch 2"
                                       Width="28"
                                       FontSize="10"
                                       VerticalAlignment="Center"/>
                            <TextBox Grid.Column="1"
                                     Text="{Binding StreamerIniCh2PathText}"
                                     IsReadOnly="True"
                                     FontFamily="Consolas"
                                     FontSize="10"
                                     Foreground="{DynamicResource AppMutedStrongBrush}"
                                     BorderThickness="1"
                                     BorderBrush="{DynamicResource AppPanelBorderBrush}"
                                     Background="Transparent"
                                     TextWrapping="NoWrap"
                                     ScrollViewer.HorizontalScrollBarVisibility="Auto"
                                     VerticalContentAlignment="Center"/>
                            <Button Grid.Column="2"
                                    Classes="action-button"
                                    Content="Open ch 2"
                                    Command="{Binding OpenStreamerIniCh2FileCommand}"
                                    IsEnabled="{Binding HasStreamerIniCh2File}"/>
                        </Grid>
                    </StackPanel>

            </DockPanel>
            </ScrollViewer>
        </TabItem>

        <TabItem IsVisible="{Binding IsDigitalMode}">
            <TabItem.Header>
                <TextBlock Text="Digital" FontSize="11" FontWeight="Bold"/>
            </TabItem.Header>
            <ScrollViewer Margin="8"
                          VerticalScrollBarVisibility="Auto"
                          HorizontalScrollBarVisibility="Disabled">
                <StackPanel Spacing="6">
                    <Grid ColumnDefinitions="*,Auto">
                        <TextBlock Grid.Column="0" Text="Digital Mode" FontSize="13" FontWeight="SemiBold"/>
                        <TextBlock Grid.Column="1" FontSize="11" VerticalAlignment="Center"
                                   Text="{Binding ActiveEngineLabel, StringFormat='Engine: {0}'}"/>
                    </Grid>

                    <TextBlock Text="Connect to a radio to list its slices." FontSize="11" Foreground="{DynamicResource AppMutedBrush}"
                               IsVisible="{Binding !IsConnected}"/>

                    <TextBlock Text="{Binding SelectedControlStation, StringFormat='Station: {0}'}"
                               FontSize="11" FontWeight="SemiBold" Foreground="{DynamicResource AppOkBrush}"
                               IsVisible="{Binding IsConnected}"/>

                    <ItemsControl ItemsSource="{Binding DigitalSlices}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate x:DataType="local:DigitalOperatingRowViewModel">
                                <Border BorderBrush="{DynamicResource AppDividerBrush}" BorderThickness="0,0,0,1" Padding="0,2">
                                    <StackPanel Spacing="1">
                                        <Grid ColumnDefinitions="50,112,64,*,Auto" ColumnSpacing="5">
                                            <TextBlock Grid.Column="0" Text="{Binding SliceLabel}" FontSize="11"
                                                       FontWeight="SemiBold" VerticalAlignment="Center"/>
                                            <TextBlock Grid.Column="1" FontSize="11" VerticalAlignment="Center"
                                                       TextTrimming="CharacterEllipsis"
                                                       Text="{Binding BandFreqDisplay}"/>
                                            <TextBlock Grid.Column="2" FontSize="11" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"
                                                       Text="{Binding DaxRxDisplay}"/>
                                            <Button Grid.Column="4" Classes="action-button" Content="Start" MinWidth="70"
                                                    Command="{Binding #Root.((local:MainWindowViewModel)DataContext).StartDigitalForSliceCommand}"
                                                    CommandParameter="{Binding}"
                                                    IsEnabled="{Binding HasDaxRx}"
                                                    IsVisible="{Binding !IsRunning}"/>
                                            <Button Grid.Column="4" Classes="action-button streaming" Content="Streaming" MinWidth="70"
                                                    Command="{Binding #Root.((local:MainWindowViewModel)DataContext).StopDigitalForSliceCommand}"
                                                    CommandParameter="{Binding}"
                                                    IsVisible="{Binding IsRunning}"/>
                                        </Grid>
                                        <TextBlock FontSize="10" Foreground="{DynamicResource AppWarnBrush}" TextWrapping="Wrap"
                                                   IsVisible="{Binding !HasDaxRx}"
                                                   Text="No DAX RX audio channel assigned to this slice; assign one in SmartSDR to enable Start."/>
                                        <TextBlock FontSize="10" Foreground="{DynamicResource AppWarnBrush}" TextWrapping="Wrap"
                                                   IsVisible="{Binding IsModeMismatch}"
                                                   Text="{Binding Mode, StringFormat='Slice mode {0} is not USB/DIGU; WSJT-X/JTDX need USB/DIGU audio to decode (still launchable).'}"/>
                                        <TextBlock FontSize="10" Foreground="{DynamicResource AppErrorBrush}" TextWrapping="Wrap"
                                                   Text="{Binding StatusText}"
                                                   IsVisible="{Binding StatusText, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"/>
                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>

                    <Border BorderBrush="{DynamicResource AppPanelBorderBrush}"
                            BorderThickness="1"
                            CornerRadius="4"
                            Padding="6"
                            Margin="0,8,0,0">
                        <Grid ColumnDefinitions="Auto,*" ColumnSpacing="8">
                            <TextBlock Grid.Column="0" Text="Event" FontSize="10" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                            <TextBlock Grid.Column="1"
                                       Text="{Binding LatestFooterEvent}"
                                       FontSize="10"
                                       Foreground="{DynamicResource AppWarnBrush}"
                                       TextWrapping="NoWrap"
                                       TextTrimming="CharacterEllipsis"
                                       VerticalAlignment="Center"/>
                        </Grid>
                    </Border>
                </StackPanel>
            </ScrollViewer>
        </TabItem>

        <TabItem IsVisible="{Binding IsDigitalMode}">
            <TabItem.Header>
                <TextBlock Text="Config" FontSize="11" FontWeight="Bold"/>
            </TabItem.Header>
            <ScrollViewer Margin="0,8,0,8"
                          VerticalScrollBarVisibility="Auto"
                          HorizontalScrollBarVisibility="Disabled">
                <StackPanel Margin="8,0,8,0" Spacing="6">
                    <StackPanel.Styles>
                        <Style Selector="TextBox.config-entry">
                            <Setter Property="Height" Value="20"/>
                            <Setter Property="MinHeight" Value="20"/>
                            <Setter Property="Padding" Value="5,1"/>
                            <Setter Property="FontSize" Value="10"/>
                            <Setter Property="VerticalContentAlignment" Value="Center"/>
                        </Style>
                        <!-- Shrink the engine radio buttons so the glyph + label
                             sit in scale with the 10px row text. -->
                        <Style Selector="RadioButton.compact">
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="MinHeight" Value="0"/>
                            <Setter Property="Padding" Value="3,0,0,0"/>
                            <Setter Property="RenderTransform" Value="scale(0.8)"/>
                            <Setter Property="RenderTransformOrigin" Value="0%,50%"/>
                        </Style>
                    </StackPanel.Styles>

                    <Grid ColumnDefinitions="44,Auto,Auto,Auto,*" ColumnSpacing="12">
                        <TextBlock Grid.Column="0" Text="Engine" FontSize="11" FontWeight="SemiBold"
                                   Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                        <RadioButton Grid.Column="1" Classes="compact" GroupName="DigitalEngine" Content="WSJT-X"
                                     VerticalAlignment="Center" IsChecked="{Binding IsWsjtXSelected}"
                                     IsEnabled="{Binding CanChangeDigitalEngine}"/>
                        <RadioButton Grid.Column="2" Classes="compact" GroupName="DigitalEngine" Content="JTDX-Improved"
                                     VerticalAlignment="Center" IsChecked="{Binding IsJtdxSelected}"
                                     IsEnabled="{Binding CanChangeDigitalEngine}"/>
                        <RadioButton Grid.Column="3" Classes="compact" GroupName="DigitalEngine" Content="WSJT-Z"
                                     VerticalAlignment="Center" IsChecked="{Binding IsWsjtZSelected}"
                                     IsEnabled="{Binding CanChangeDigitalEngine}"/>
                    </Grid>
                    <Grid ColumnDefinitions="44,*,70" ColumnSpacing="6">
                        <TextBlock Grid.Column="0" Text="Path" FontSize="10" VerticalAlignment="Center"/>
                        <TextBox Grid.Column="1" Classes="config-entry"
                                 Text="{Binding ActiveEngineExePath}" Watermark="Path to engine executable"/>
                        <Button Grid.Column="2" Classes="action-button" Content="Browse..."
                                Width="70" Click="OnBrowseDigitalExe"/>
                    </Grid>

                    <Separator Margin="0,4,0,0" Background="{DynamicResource AppDividerBrush}"/>

                    <Grid ColumnDefinitions="58,30,90,16,30,*" ColumnSpacing="6">
                        <TextBlock Grid.Column="0" Text="Operator:" FontSize="11" FontWeight="SemiBold"
                                   Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                        <TextBlock Grid.Column="1" Text="Call" FontSize="10" VerticalAlignment="Center"/>
                        <TextBox Grid.Column="2" Classes="config-entry"
                                 Text="{Binding DigitalMyCall}" Watermark="MyCall"/>
                        <TextBlock Grid.Column="4" Text="Grid" FontSize="10" VerticalAlignment="Center"/>
                        <TextBox Grid.Column="5" Classes="config-entry"
                                 Text="{Binding DigitalMyGrid}" Watermark="MyGrid (e.g. EM12)" MaxWidth="120"
                                 HorizontalAlignment="Left"/>
                    </Grid>

                    <Separator Margin="0,4,0,0" Background="{DynamicResource AppDividerBrush}"/>

                    <TextBlock Text="Per-slice DAX + ports (defaults set; edit as needed)" FontSize="11"
                               FontWeight="SemiBold" Foreground="{DynamicResource AppMutedBrush}"/>
                    <Grid ColumnDefinitions="64,60,70,70,*" ColumnSpacing="6">
                        <TextBlock Grid.Column="1" Text="DAX RX" FontSize="9" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                        <TextBlock Grid.Column="2" Text="CAT port" FontSize="9" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                        <TextBlock Grid.Column="3" Text="UDP port" FontSize="9" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                    </Grid>
                    <ItemsControl ItemsSource="{Binding DigitalSliceConfigs}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate x:DataType="local:DigitalSliceConfigViewModel">
                                <Grid ColumnDefinitions="64,60,70,70,*" ColumnSpacing="6" Margin="0,1">
                                    <TextBlock Grid.Column="0" Text="{Binding SliceLabel}" FontSize="10" VerticalAlignment="Center"/>
                                    <TextBox Grid.Column="1" Classes="config-entry" Width="56" HorizontalAlignment="Left"
                                             Text="{Binding DaxRxChannel}"/>
                                    <TextBox Grid.Column="2" Classes="config-entry" Width="66" HorizontalAlignment="Left"
                                             Text="{Binding CatPort}"/>
                                    <TextBox Grid.Column="3" Classes="config-entry" Width="66" HorizontalAlignment="Left"
                                             Text="{Binding UdpPort}"/>
                                </Grid>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>

                    <TextBlock Text="Shared TX (all slices): DAX TX (FlexRadio DAX)" FontSize="10"
                               Foreground="{DynamicResource AppMutedBrush}" Margin="0,2,0,0"/>
                </StackPanel>
            </ScrollViewer>
        </TabItem>

        <!-- Logs is a default tab (always shown, like Launch and Help). Placed
             after the mode tabs so that, with a mode active, the order reads
             Launch, <mode>, Config, Logs, Help. -->
        <TabItem>
            <TabItem.Header>
                <TextBlock Text="Logs" FontSize="11" FontWeight="Bold"/>
            </TabItem.Header>
            <Grid Margin="8" RowDefinitions="Auto,Auto,Auto,*" RowSpacing="6">
                <Grid Grid.Row="0" ColumnDefinitions="*,Auto">
                    <TextBlock Grid.Column="0" Text="Streamer status" FontSize="11" FontWeight="SemiBold" Foreground="{DynamicResource AppMutedBrush}" VerticalAlignment="Center"/>
                    <Button Grid.Column="1"
                            Classes="action-button"
                            Content="Dump Audio Devices"
                            Command="{Binding DumpAudioDevicesCommand}"
                            ToolTip.Tip="Writes all Windows audio capture/output endpoints (incl. DAX Audio RX/TX) to streamer-status.log. Used to characterize DAXv2 device names for WSJT-X/JTDX setup (issue #28)."/>
                </Grid>
                <Grid Grid.Row="1" ColumnDefinitions="Auto,*,Auto" ColumnSpacing="8" Margin="0,0,0,2">
                    <TextBlock Grid.Column="0"
                               Text="Logs folder"
                               Width="60"
                               FontSize="10"
                               Foreground="{DynamicResource AppMutedBrush}"
                               VerticalAlignment="Center"/>
                    <TextBox Grid.Column="1"
                             Text="{Binding LogsFolderPathText}"
                             IsReadOnly="True"
                             FontFamily="Consolas"
                             FontSize="10"
                             Foreground="{DynamicResource AppMutedStrongBrush}"
                             BorderThickness="1"
                             BorderBrush="{DynamicResource AppPanelBorderBrush}"
                             Background="Transparent"
                             TextWrapping="NoWrap"
                             ScrollViewer.HorizontalScrollBarVisibility="Auto"
                             VerticalContentAlignment="Center"/>
                    <Button Grid.Column="2"
                            Classes="action-button"
                            Content="Open Folder"
                            Command="{Binding OpenLogsFolderCommand}"
                            IsEnabled="{Binding HasLogsFolder}"/>
                </Grid>
                <Grid Grid.Row="2" ColumnDefinitions="Auto,*,Auto" ColumnSpacing="8">
                    <TextBlock Grid.Column="0"
                               Text="Logging Mode:"
                               FontSize="10"
                               Foreground="{DynamicResource AppMutedBrush}"
                               VerticalAlignment="Center"/>
                    <Button Grid.Column="2"
                            Classes="action-button"
                            Content="Debug Disabled"
                            MinWidth="100"
                            Command="{Binding ToggleDebugLoggingCommand}"
                            IsVisible="{Binding !DebugLoggingEnabled}"
                            ToolTip.Tip="Debug logging is off. Click to log per-spot publish payloads, CW Skimmer telnet spot echoes, DAX-IQ stream churn, and MOX transitions. Leave off for normal operation to keep the logs small (issue #58)."/>
                    <Button Grid.Column="2"
                            Classes="action-button debug-on"
                            Content="Debug Enabled"
                            MinWidth="100"
                            Command="{Binding ToggleDebugLoggingCommand}"
                            IsVisible="{Binding DebugLoggingEnabled}"
                            ToolTip.Tip="Debug logging is on: per-spot publish payloads, telnet spot echoes, DAX-IQ stream churn, and MOX transitions are being logged. Click to turn it off and keep the logs small (issue #58)."/>
                </Grid>
                <Border Grid.Row="3" BorderBrush="{DynamicResource AppPanelBorderBrush}" BorderThickness="1" CornerRadius="4" Padding="4">
                    <TextBox Text="{Binding FooterStatusText}"
                             IsReadOnly="True"
                             AcceptsReturn="True"
                             FontSize="10"
                             Foreground="{DynamicResource AppWarnBrush}"
                             BorderThickness="0"
                             Background="Transparent"
                             TextWrapping="Wrap"
                             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                             ScrollViewer.VerticalScrollBarVisibility="Auto"/>
                </Border>
            </Grid>
        </TabItem>

        <TabItem>
            <TabItem.Header>
                <StackPanel Orientation="Horizontal" Spacing="6">
                    <TextBlock Text="Help" FontSize="11" FontWeight="Bold"/>
                    <Button Content="Update Available"
                            FontSize="11"
                            FontWeight="Bold"
                            Foreground="{DynamicResource AppWarnBrush}"
                            Background="Transparent"
                            BorderThickness="0"
                            Padding="0"
                            Margin="8,0,0,0"
                            MinHeight="0"
                            Command="{Binding OpenLatestReleaseCommand}"
                            IsVisible="{Binding IsUpdateAvailable}"/>
                </StackPanel>
            </TabItem.Header>
            <ScrollViewer Margin="8"
                          VerticalScrollBarVisibility="Auto"
                          HorizontalScrollBarVisibility="Disabled">
                <StackPanel Spacing="8">
                    <Grid ColumnDefinitions="Auto,8,Auto,8,Auto,*">
                        <Button Grid.Column="0"
                                Content="Setup Guide"
                                HorizontalAlignment="Left"
                                Classes="action-button"
                                Click="OnOpenSetupWizard"/>
                        <Button Grid.Column="2"
                                Content="Get Support"
                                HorizontalAlignment="Left"
                                Classes="action-button"
                                Click="OnOpenSupport"/>
                        <Button Grid.Column="4"
                                Content="Check for Updates"
                                HorizontalAlignment="Left"
                                Classes="action-button"
                                Command="{Binding CheckForUpdatesCommand}"/>
                    </Grid>

                    <TextBlock Text="{Binding UpdateStatusText}"
                               FontSize="11"
                               Foreground="{DynamicResource AppMutedBrush}"
                               TextWrapping="Wrap"/>

                    <TextBlock Text="About" FontSize="15" FontWeight="SemiBold"/>
                    <Grid ColumnDefinitions="Auto,*" ColumnSpacing="8" RowDefinitions="Auto,Auto,Auto" RowSpacing="4">
                        <TextBlock Grid.Row="0" Grid.Column="0" Text="Release:" FontSize="11" Foreground="{DynamicResource AppMutedBrush}"/>
                        <StackPanel Grid.Row="0" Grid.Column="1" Orientation="Horizontal" Spacing="12">
                            <TextBlock Text="{Binding AppReleaseDisplay}" FontSize="11" VerticalAlignment="Center"/>
                            <Button Content="Release notes"
                                    FontSize="11"
                                    Foreground="{DynamicResource AppLinkBrush}"
                                    Background="Transparent"
                                    BorderThickness="0"
                                    Padding="0"
                                    MinHeight="0"
                                    VerticalAlignment="Center"
                                    Command="{Binding OpenReleaseNotesCommand}"/>
                            <Button Content="wx7v.net"
                                    FontSize="11"
                                    Foreground="{DynamicResource AppLinkBrush}"
                                    Background="Transparent"
                                    BorderThickness="0"
                                    Padding="0"
                                    MinHeight="0"
                                    VerticalAlignment="Center"
                                    Command="{Binding OpenWx7vSiteCommand}"/>
                        </StackPanel>

                        <TextBlock Grid.Row="1" Grid.Column="0" Text="Commit:" FontSize="11" Foreground="{DynamicResource AppMutedBrush}"/>
                        <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding AppCommitHash}" FontSize="11"/>

                        <TextBlock Grid.Row="2" Grid.Column="0" Text="Date:" FontSize="11" Foreground="{DynamicResource AppMutedBrush}"/>
                        <TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding AppBuildDate}" FontSize="11"/>
                    </Grid>

                    <Border BorderBrush="{DynamicResource AppPanelBorderBrush}" BorderThickness="1" CornerRadius="4" Padding="8">
                        <StackPanel Spacing="4">
                            <TextBlock Text="{Binding AboutLicenseReference}" FontSize="11" TextWrapping="Wrap"/>
                            <TextBlock Text="{Binding AboutCopyright}" FontSize="11" TextWrapping="Wrap"/>
                        </StackPanel>
                    </Border>
                </StackPanel>
            </ScrollViewer>
        </TabItem>
    </TabControl>

        <!-- Both strip controls share one panel so they hold a single vertical
             alignment: the 13px top margin lives here, and each child centres
             against the 26px icon button that sets the panel's height. Was 10px
             through v0.3.0b5; both controls read as riding high in the strip on
             several test PCs, so the pair moved down 3px together rather than
             each being nudged separately (operator-reported 2026-08-05). -->
        <StackPanel Orientation="Horizontal"
                    Spacing="2"
                    HorizontalAlignment="Right"
                    VerticalAlignment="Top"
                    Margin="0,13,8,0">
            <!-- SmartDeck opens a window rather than selecting a page, so it is
                 a Button wearing tab clothing rather than a real TabItem. A real
                 tab would be the closer match visually and the wrong thing
                 structurally: MainWindowViewModel navigates by hard-coded
                 position (CwHomeTabIndex, DigitalHomeTabIndex), so a new tab is
                 a trap for whoever adds the next one, and a tab that must never
                 be selected still catches keyboard arrow navigation. As a
                 Button, Space and Enter do the right thing for free.
                 Connected-only, like the CW and Digital tabs are mode-only:
                 its telemetry comes from radio meter events, so there is
                 nothing to open while disconnected. -->
            <Button Classes="strip-button"
                    Content="SmartDeck"
                    IsVisible="{Binding IsConnected}"
                    Click="OnOpenSmartDeck"
                    ToolTip.Tip="Opens the SmartDeck window: live power, SWR, PA temperature, and supply voltage from the radio."/>

            <Button Classes="theme-toggle"
                    Click="OnToggleTheme"
                    ToolTip.Tip="Switches the whole app, SmartDeck included, between Light and Dark.">
                <!-- Geometry comes from the theme dictionaries, so the icon swaps
                     itself with the variant: a sun while Light, a moon while Dark.
                     It names the mode you are in, not the one a click would give
                     you (operator-reported; the other reading was built first). -->
                <Path Data="{DynamicResource AppThemeToggleIcon}"
                      Stretch="Uniform"
                      Width="16"
                      Height="16"/>
            </Button>
        </StackPanel>
    </Grid>
</Window>