HC_APTBS/Views/UserControls/GraphicIndicatorView.xaml

<UserControl x:Class="HC_APTBS.Views.UserControls.GraphicIndicatorView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             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:sys="clr-namespace:System;assembly=System.Runtime"
             xmlns:conv="clr-namespace:HC_APTBS.Converters"
             xmlns:vm="clr-namespace:HC_APTBS.ViewModels"
             mc:Ignorable="d"
             d:DataContext="{d:DesignInstance Type=vm:GraphicIndicatorViewModel, IsDesignTimeCreatable=False}">
    <!--
      Vertical min/max/target gauge. Fluent-styled with DynamicResource tokens so
      the control repaints on theme change. The bar fills from the bottom via an
      inner ProgressBar (native easing on Value changes). An overlay rectangle
      highlights the in-tolerance band; a thin accent line marks the target.
      Fill colour reacts live to IsWithinTolerance and locks on IsPhaseCompleted
      when the owning phase ends.
    -->
    <UserControl.Resources>
        <conv:PercentToPixelsConverter x:Key="PercentToPixels"/>
        <sys:Double x:Key="TrackHeightPx">92</sys:Double>

        <!-- Fill-colour style for the inner ProgressBar. Triggers cascade:
             phase completed + failed → critical (locked);
             live out-of-tolerance    → critical;
             else                     → accent. -->
        <Style x:Key="IndicatorFillStyle" TargetType="ProgressBar">
            <Setter Property="Foreground" Value="{DynamicResource AccentFillColorDefaultBrush}"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsWithinTolerance}" Value="False">
                    <Setter Property="Foreground" Value="{DynamicResource SystemFillColorCriticalBrush}"/>
                </DataTrigger>
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding IsPhaseCompleted}" Value="True"/>
                        <Condition Binding="{Binding PhasePassed}"      Value="False"/>
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Foreground" Value="{DynamicResource SystemFillColorCriticalBrush}"/>
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <Grid Width="58" Margin="2,0">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>  <!-- Max label -->
            <RowDefinition Height="92"/>    <!-- Track -->
            <RowDefinition Height="Auto"/>  <!-- Min label -->
            <RowDefinition Height="Auto"/>  <!-- Param name -->
        </Grid.RowDefinitions>

        <!-- Max bound -->
        <TextBlock Text="{Binding MaxBound, StringFormat=F1}"
                   FontSize="10"
                   Foreground="{DynamicResource TextFillColorSecondaryBrush}"
                   HorizontalAlignment="Center" Margin="0,0,0,2"/>

        <!-- Gauge track -->
        <Grid Grid.Row="1" SnapsToDevicePixels="True">
            <!-- Track background -->
            <Border Background="{DynamicResource ControlFillColorDefaultBrush}"
                    BorderBrush="{DynamicResource ControlStrokeColorDefaultBrush}"
                    BorderThickness="1"
                    CornerRadius="3"/>

            <!-- In-tolerance band -->
            <Canvas ClipToBounds="True" Margin="1">
                <Rectangle Width="56"
                           Fill="{DynamicResource AccentFillColorTertiaryBrush}"
                           Opacity="0.10"
                           Canvas.Left="0"
                           Canvas.Top="{Binding ToleranceBandTopPercent,
                                         Converter={StaticResource PercentToPixels},
                                         ConverterParameter={StaticResource TrackHeightPx}}"
                           Height="{Binding ToleranceBandHeightPercent,
                                    Converter={StaticResource PercentToPixels},
                                    ConverterParameter={StaticResource TrackHeightPx}}"/>

                <!-- Target line (1 px accent) -->
                <Line X1="0" X2="56" StrokeThickness="0.4" Opacity="0.20"
                      Stroke="{DynamicResource AccentTextFillColorPrimaryBrush}"
                      Canvas.Top="{Binding ExpectedMarkerPercent,
                                    Converter={StaticResource PercentToPixels},
                                    ConverterParameter={StaticResource TrackHeightPx}}"/>
            </Canvas>

            <!-- Fill bar (bottom-up) -->
            <ProgressBar Orientation="Vertical"
                         Minimum="0" Maximum="100"
                         Value="{Binding ProgressPercent, Mode=OneWay}"
                         Background="Transparent"
                         BorderThickness="0"
                         Opacity="0.55"
                         Margin="1"
                         Style="{StaticResource IndicatorFillStyle}"/>

            <!-- Numeric readout -->
            <TextBlock Text="{Binding DisplayValue}"
                       FontSize="14" FontWeight="SemiBold"
                       HorizontalAlignment="Center" VerticalAlignment="Center">
                <TextBlock.Style>
                    <Style TargetType="TextBlock">
                        <Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}"/>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding HasValue}" Value="False">
                                <Setter Property="Foreground" Value="{DynamicResource TextFillColorTertiaryBrush}"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>
        </Grid>

        <!-- Min bound -->
        <TextBlock Grid.Row="2"
                   Text="{Binding MinBound, StringFormat=F1}"
                   FontSize="10"
                   Foreground="{DynamicResource TextFillColorSecondaryBrush}"
                   HorizontalAlignment="Center" Margin="0,2,0,0"/>

        <!-- Parameter name -->
        <TextBlock Grid.Row="3"
                   Text="{Binding ParameterName}"
                   FontSize="11" FontWeight="SemiBold"
                   Foreground="{DynamicResource TextFillColorSecondaryBrush}"
                   HorizontalAlignment="Center"
                   TextTrimming="CharacterEllipsis"
                   ToolTip="{Binding ParameterName}"
                   Margin="0,1,0,0"/>
    </Grid>
</UserControl>