From 302d77e620ad736997e662573e52f413521ded5d Mon Sep 17 00:00:00 2001
From: DualFroz <me@dualfroz.com>
Date: Wed, 26 Aug 2026 20:54:09 +0200
Subject: [PATCH] feat(app): add alerts, docker, and health views

---
 src/Vantage.App/Views/AlertsView.axaml    | 45 ++++++++++++++++++++++
 src/Vantage.App/Views/AlertsView.axaml.cs |  9 +++++
 src/Vantage.App/Views/DockerView.axaml    | 47 +++++++++++++++++++++++
 src/Vantage.App/Views/DockerView.axaml.cs |  9 +++++
 src/Vantage.App/Views/HealthView.axaml    | 43 +++++++++++++++++++++
 src/Vantage.App/Views/HealthView.axaml.cs |  9 +++++
 6 files changed, 162 insertions(+)
 create mode 100644 src/Vantage.App/Views/AlertsView.axaml
 create mode 100644 src/Vantage.App/Views/AlertsView.axaml.cs
 create mode 100644 src/Vantage.App/Views/DockerView.axaml
 create mode 100644 src/Vantage.App/Views/DockerView.axaml.cs
 create mode 100644 src/Vantage.App/Views/HealthView.axaml
 create mode 100644 src/Vantage.App/Views/HealthView.axaml.cs

diff --git a/src/Vantage.App/Views/AlertsView.axaml b/src/Vantage.App/Views/AlertsView.axaml
new file mode 100644
index 0000000..cd58ff8
--- /dev/null
+++ b/src/Vantage.App/Views/AlertsView.axaml
@@ -0,0 +1,45 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="clr-namespace:Vantage.App.ViewModels"
+             xmlns:alerts="clr-namespace:Vantage.Core.Alerts;assembly=Vantage.Core"
+             mc:Ignorable="d"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             x:Class="Vantage.App.Views.AlertsView"
+             x:DataType="vm:MainWindowViewModel"
+             x:CompileBindings="True">
+
+  <Grid RowDefinitions="Auto,*" Margin="4">
+
+    <TextBlock Grid.Row="0" Margin="2,0,0,8" Foreground="#8891A0" FontSize="12"
+               Text="{Binding FiringAlertCount, StringFormat='Firing: {0}'}" />
+
+    <Border Grid.Row="1" Classes="card">
+      <ScrollViewer>
+        <ItemsControl ItemsSource="{Binding Alerts}">
+          <ItemsControl.ItemTemplate>
+            <DataTemplate x:DataType="alerts:AlertStatus">
+              <Grid ColumnDefinitions="Auto,2*,2*,Auto" Margin="0,7">
+                <Border Grid.Column="0" Width="8" Margin="0,0,10,0" CornerRadius="2" Background="#333A45" />
+                <StackPanel Grid.Column="1" VerticalAlignment="Center">
+                  <TextBlock Text="{Binding RuleName}" FontWeight="SemiBold" />
+                  <TextBlock Text="{Binding HostId}" Foreground="#8891A0" FontSize="11" />
+                </StackPanel>
+                <StackPanel Grid.Column="2" VerticalAlignment="Center">
+                  <TextBlock Text="{Binding Metric}" />
+                  <TextBlock Foreground="#8891A0" FontSize="11"
+                             Text="{Binding LastValue, StringFormat='value {0:0.##}'}" />
+                </StackPanel>
+                <StackPanel Grid.Column="3" VerticalAlignment="Center" HorizontalAlignment="Right">
+                  <TextBlock Text="{Binding State}" HorizontalAlignment="Right" FontWeight="SemiBold" />
+                  <TextBlock Text="{Binding Severity}" Foreground="#8891A0" FontSize="11" HorizontalAlignment="Right" />
+                </StackPanel>
+              </Grid>
+            </DataTemplate>
+          </ItemsControl.ItemTemplate>
+        </ItemsControl>
+      </ScrollViewer>
+    </Border>
+
+  </Grid>
+</UserControl>
diff --git a/src/Vantage.App/Views/AlertsView.axaml.cs b/src/Vantage.App/Views/AlertsView.axaml.cs
new file mode 100644
index 0000000..cfb0b76
--- /dev/null
+++ b/src/Vantage.App/Views/AlertsView.axaml.cs
@@ -0,0 +1,9 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Vantage.App.Views;
+
+public partial class AlertsView : UserControl
+{
+    public AlertsView() => AvaloniaXamlLoader.Load(this);
+}
diff --git a/src/Vantage.App/Views/DockerView.axaml b/src/Vantage.App/Views/DockerView.axaml
new file mode 100644
index 0000000..5535449
--- /dev/null
+++ b/src/Vantage.App/Views/DockerView.axaml
@@ -0,0 +1,47 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="clr-namespace:Vantage.App.ViewModels"
+             xmlns:conv="clr-namespace:Vantage.App.Converters"
+             mc:Ignorable="d"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             x:Class="Vantage.App.Views.DockerView"
+             x:DataType="vm:DockerViewModel"
+             x:CompileBindings="True">
+
+  <Grid RowDefinitions="Auto,*,Auto" Margin="4">
+
+    <StackPanel Grid.Row="0" Orientation="Horizontal" Spacing="8" Margin="0,0,0,8">
+      <Button Content="Refresh" Command="{Binding RefreshCommand}" />
+      <TextBlock Text="Loading..." Foreground="#8891A0" VerticalAlignment="Center"
+                 IsVisible="{Binding IsBusy}" />
+      <TextBlock Text="{Binding LastError}" Foreground="{DynamicResource DownBrush}" VerticalAlignment="Center"
+                 IsVisible="{Binding LastError, Converter={x:Static StringConverters.IsNotNullOrEmpty}}" />
+    </StackPanel>
+
+    <Border Grid.Row="1" Classes="card">
+      <ListBox ItemsSource="{Binding Containers}"
+               SelectedItem="{Binding SelectedContainer}"
+               Background="Transparent">
+        <ListBox.ItemTemplate>
+          <DataTemplate x:DataType="vm:DockerContainerViewModel">
+            <Grid ColumnDefinitions="Auto,*,2*,Auto" Margin="0,4">
+              <Ellipse Grid.Column="0" Width="10" Height="10" VerticalAlignment="Center" Margin="0,0,10,0"
+                       Fill="{Binding IsRunning, Converter={x:Static conv:StateBrushConverters.RunningBrush}}" />
+              <TextBlock Grid.Column="1" Text="{Binding Name}" FontWeight="SemiBold" VerticalAlignment="Center" />
+              <TextBlock Grid.Column="2" Text="{Binding Image}" Foreground="#8891A0" VerticalAlignment="Center" />
+              <TextBlock Grid.Column="3" Text="{Binding StatusText}" Foreground="#8891A0" VerticalAlignment="Center" />
+            </Grid>
+          </DataTemplate>
+        </ListBox.ItemTemplate>
+      </ListBox>
+    </Border>
+
+    <StackPanel Grid.Row="2" Orientation="Horizontal" Spacing="8" Margin="0,10,0,0">
+      <Button Content="Start" Command="{Binding StartCommand}" CommandParameter="{Binding SelectedContainer}" />
+      <Button Content="Stop" Command="{Binding StopCommand}" CommandParameter="{Binding SelectedContainer}" />
+      <Button Content="Restart" Command="{Binding RestartCommand}" CommandParameter="{Binding SelectedContainer}" />
+    </StackPanel>
+
+  </Grid>
+</UserControl>
diff --git a/src/Vantage.App/Views/DockerView.axaml.cs b/src/Vantage.App/Views/DockerView.axaml.cs
new file mode 100644
index 0000000..dc0b148
--- /dev/null
+++ b/src/Vantage.App/Views/DockerView.axaml.cs
@@ -0,0 +1,9 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Vantage.App.Views;
+
+public partial class DockerView : UserControl
+{
+    public DockerView() => AvaloniaXamlLoader.Load(this);
+}
diff --git a/src/Vantage.App/Views/HealthView.axaml b/src/Vantage.App/Views/HealthView.axaml
new file mode 100644
index 0000000..df49312
--- /dev/null
+++ b/src/Vantage.App/Views/HealthView.axaml
@@ -0,0 +1,43 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="clr-namespace:Vantage.App.ViewModels"
+             xmlns:conv="clr-namespace:Vantage.App.Converters"
+             mc:Ignorable="d"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             x:Class="Vantage.App.Views.HealthView"
+             x:DataType="vm:MainWindowViewModel"
+             x:CompileBindings="True">
+
+  <Grid RowDefinitions="Auto,*" Margin="4">
+
+    <Button Grid.Row="0" Content="Run all" Command="{Binding RunAllHealthCommand}" Margin="0,0,0,8" />
+
+    <Border Grid.Row="1" Classes="card">
+      <ListBox ItemsSource="{Binding HealthChecks}" Background="Transparent">
+        <ListBox.ItemTemplate>
+          <DataTemplate x:DataType="vm:HealthCheckViewModel">
+            <Grid ColumnDefinitions="Auto,2*,3*,Auto,Auto" Margin="0,6">
+              <Ellipse Grid.Column="0" Width="10" Height="10" VerticalAlignment="Center" Margin="0,0,10,0"
+                       Fill="{Binding Status, Converter={x:Static conv:StateBrushConverters.HealthBrush}}" />
+              <StackPanel Grid.Column="1" VerticalAlignment="Center">
+                <TextBlock Text="{Binding Name}" FontWeight="SemiBold" />
+                <TextBlock Text="{Binding KindText}" Foreground="#8891A0" FontSize="11" />
+              </StackPanel>
+              <StackPanel Grid.Column="2" VerticalAlignment="Center">
+                <TextBlock Text="{Binding StatusText}" TextWrapping="NoWrap" TextTrimming="CharacterEllipsis" />
+                <TextBlock Text="{Binding Target}" Foreground="#8891A0" FontSize="11" />
+              </StackPanel>
+              <StackPanel Grid.Column="3" VerticalAlignment="Center" Margin="8,0" HorizontalAlignment="Right">
+                <TextBlock Text="{Binding LatencyText}" HorizontalAlignment="Right" />
+                <TextBlock Text="{Binding LastCheckedText}" Foreground="#8891A0" FontSize="11" HorizontalAlignment="Right" />
+              </StackPanel>
+              <Button Grid.Column="4" Content="Check" Command="{Binding RunCommand}" VerticalAlignment="Center" />
+            </Grid>
+          </DataTemplate>
+        </ListBox.ItemTemplate>
+      </ListBox>
+    </Border>
+
+  </Grid>
+</UserControl>
diff --git a/src/Vantage.App/Views/HealthView.axaml.cs b/src/Vantage.App/Views/HealthView.axaml.cs
new file mode 100644
index 0000000..a8c877b
--- /dev/null
+++ b/src/Vantage.App/Views/HealthView.axaml.cs
@@ -0,0 +1,9 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Vantage.App.Views;
+
+public partial class HealthView : UserControl
+{
+    public HealthView() => AvaloniaXamlLoader.Load(this);
+}