+ @foreach (var error in _errors)
+ {
+
diff --git a/VisionBuilder.UI.Blazor/Components/ErrorPreview.razor.cs b/VisionBuilder.UI.Blazor/Components/ErrorPreview.razor.cs
new file mode 100644
index 0000000..10f521e
--- /dev/null
+++ b/VisionBuilder.UI.Blazor/Components/ErrorPreview.razor.cs
@@ -0,0 +1,59 @@
+using System.Collections.ObjectModel;
+using System.Collections.Specialized;
+using Microsoft.AspNetCore.Components;
+using VisionBuilder.UI.Common.ViewModel;
+using VisionBuilder.UI.Common.ViewModel.Classes;
+
+namespace VisionBuilder.UI.Blazor.Components;
+
+public partial class ErrorPreview : ComponentBase, IDisposable
+{
+ [Parameter] public ErrorsVM? ViewModel { get; set; }
+
+ private List
+ @{
+ var uri = error.ImageAnalysis?.ToBase64DataUri(50);
+ }
+ @if (!string.IsNullOrEmpty(uri))
+ {
+ 
+ }
+ @error.Title
+
+ }
+
+ @if (!string.IsNullOrEmpty(_dataUri))
+ {
+ 
+ }
+ else
+ {
+
diff --git a/VisionBuilder.UI.Blazor/Components/PreviewWindow.razor.cs b/VisionBuilder.UI.Blazor/Components/PreviewWindow.razor.cs
new file mode 100644
index 0000000..958ce22
--- /dev/null
+++ b/VisionBuilder.UI.Blazor/Components/PreviewWindow.razor.cs
@@ -0,0 +1,94 @@
+using System.ComponentModel;
+using Microsoft.AspNetCore.Components;
+using OpenCvSharp;
+using VisionBuilder.UI.Blazor.Helpers;
+using VisionBuilder.UI.Common.ViewModel;
+
+namespace VisionBuilder.UI.Blazor.Components;
+
+public partial class PreviewWindow : ComponentBase, IDisposable
+{
+ [Parameter] public PreviewVM? ViewModel { get; set; }
+
+ private string _dataUri = string.Empty;
+ private bool _isError;
+ private DateTime _lastRenderTime = DateTime.MinValue;
+ private Timer? _pendingTimer;
+ private PreviewVM? _subscribedVm;
+
+ protected override void OnParametersSet()
+ {
+ if (_subscribedVm != ViewModel)
+ {
+ Unsubscribe();
+ Subscribe();
+ }
+ }
+
+ private void Subscribe()
+ {
+ _subscribedVm = ViewModel;
+ if (ViewModel != null)
+ ViewModel.PropertyChanged += OnPropertyChanged;
+ }
+
+ private void Unsubscribe()
+ {
+ if (_subscribedVm != null)
+ _subscribedVm.PropertyChanged -= OnPropertyChanged;
+ _subscribedVm = null;
+ }
+
+ private async void OnPropertyChanged(object? sender, PropertyChangedEventArgs e)
+ {
+ if (e.PropertyName != nameof(PreviewVM.ImagePreview) && e.PropertyName != nameof(PreviewVM.IsError))
+ return;
+
+ var now = DateTime.UtcNow;
+ var elapsed = (now - _lastRenderTime).TotalMilliseconds;
+
+ if (elapsed < 100)
+ {
+ // Schedule a render for when the throttle window expires,
+ // so we always show the latest frame.
+ _pendingTimer?.Dispose();
+ _pendingTimer = new Timer(_ => RenderLatest(), null,
+ (int)(100 - elapsed) + 1, Timeout.Infinite);
+ return;
+ }
+
+ await RenderCurrentFrame();
+ }
+
+ private async void RenderLatest()
+ {
+ _pendingTimer?.Dispose();
+ _pendingTimer = null;
+ await RenderCurrentFrame();
+ }
+
+ private async Task RenderCurrentFrame()
+ {
+ _lastRenderTime = DateTime.UtcNow;
+
+ var mat = ViewModel?.ImagePreview;
+ var isError = ViewModel?.IsError ?? false;
+
+ string dataUri = string.Empty;
+ if (mat != null && !mat.Empty())
+ {
+ dataUri = mat.ToBase64DataUri();
+ }
+
+ _dataUri = dataUri;
+ _isError = isError;
+
+ await InvokeAsync(StateHasChanged);
+ }
+
+ public void Dispose()
+ {
+ _pendingTimer?.Dispose();
+ Unsubscribe();
+ }
+}
diff --git a/VisionBuilder.UI.Blazor/Components/SingleCameraControl.razor b/VisionBuilder.UI.Blazor/Components/SingleCameraControl.razor
new file mode 100644
index 0000000..8c34ebd
--- /dev/null
+++ b/VisionBuilder.UI.Blazor/Components/SingleCameraControl.razor
@@ -0,0 +1,75 @@
+@using VisionBuilder.UI.Common
+@implements IDisposable
+
+No image
+ }
+
+
diff --git a/VisionBuilder.UI.Blazor/Components/SingleCameraControl.razor.cs b/VisionBuilder.UI.Blazor/Components/SingleCameraControl.razor.cs
new file mode 100644
index 0000000..0ae3243
--- /dev/null
+++ b/VisionBuilder.UI.Blazor/Components/SingleCameraControl.razor.cs
@@ -0,0 +1,108 @@
+using System.ComponentModel;
+using Microsoft.AspNetCore.Components;
+using VisionBuilder.UI.Common;
+
+namespace VisionBuilder.UI.Blazor.Components;
+
+public partial class SingleCameraControl : ComponentBase, IDisposable
+{
+ [Parameter] public SingleCameraVM? ViewModel { get; set; }
+
+ private string _cameraLabel = "";
+ private string _currentRecipeName = "Select recipe";
+ private bool _canSelectRecipe;
+ private bool _canStart;
+ private bool _canStop;
+ private bool _canPause;
+ private bool _canResume;
+ private bool _canHotReload;
+ private bool _showPauseButton;
+ private SingleCameraVM? _subscribedVm;
+
+ protected override void OnParametersSet()
+ {
+ if (_subscribedVm != ViewModel)
+ {
+ Unsubscribe();
+ Subscribe();
+ }
+ }
+
+ private void Subscribe()
+ {
+ _subscribedVm = ViewModel;
+ if (ViewModel != null)
+ {
+ ViewModel.PropertyChanged += OnPropertyChanged;
+ UpdateState();
+ }
+ }
+
+ private void Unsubscribe()
+ {
+ if (_subscribedVm != null)
+ _subscribedVm.PropertyChanged -= OnPropertyChanged;
+ _subscribedVm = null;
+ }
+
+ private void UpdateState()
+ {
+ if (ViewModel == null) return;
+ _cameraLabel = ViewModel.CameraLabelAndStatus;
+ _currentRecipeName = ViewModel.CurrentRecipeName;
+ _canSelectRecipe = ViewModel.IsNotRunning;
+ _canStart = ViewModel.CanStart;
+ _canStop = ViewModel.CanStop;
+ _canPause = ViewModel.CanPause;
+ _canResume = ViewModel.CanResume;
+ _canHotReload = ViewModel.CanHotReload;
+ _showPauseButton = ViewModel.CanPause || ViewModel.CanResume;
+ }
+
+ private async void OnPropertyChanged(object? sender, PropertyChangedEventArgs e)
+ {
+ UpdateState();
+ await InvokeAsync(StateHasChanged);
+ }
+
+ private async Task OnSelectRecipe()
+ {
+ if (ViewModel?.SelectRecipeCommand.CanExecute(null) == true)
+ await ViewModel.SelectRecipe();
+ }
+
+ private async Task OnStart()
+ {
+ if (ViewModel?.StartCommand.CanExecute(null) == true)
+ await ViewModel.Start();
+ }
+
+ private async Task OnStop()
+ {
+ if (ViewModel?.StopCommand.CanExecute(null) == true)
+ await ViewModel.Stop();
+ }
+
+ private void OnPause()
+ {
+ if (ViewModel?.PauseCommand.CanExecute(null) == true)
+ ViewModel.PauseCommand.Execute(null);
+ }
+
+ private void OnResume()
+ {
+ if (ViewModel?.ResumeCommand.CanExecute(null) == true)
+ ViewModel.ResumeCommand.Execute(null);
+ }
+
+ private void OnHotReload()
+ {
+ if (ViewModel?.HotReloadCommand.CanExecute(null) == true)
+ ViewModel.HotReloadCommand.Execute(null);
+ }
+
+ public void Dispose()
+ {
+ Unsubscribe();
+ }
+}
diff --git a/VisionBuilder.UI.Blazor/Components/Stats.razor b/VisionBuilder.UI.Blazor/Components/Stats.razor
new file mode 100644
index 0000000..0873fdd
--- /dev/null
+++ b/VisionBuilder.UI.Blazor/Components/Stats.razor
@@ -0,0 +1,34 @@
+@implements IDisposable
+
+
+
+
+
+ @_cameraLabel
+
+
+ Errors
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @if (!string.IsNullOrEmpty(_sessionStarted))
+ {
+
diff --git a/VisionBuilder.UI.Blazor/Components/Stats.razor.cs b/VisionBuilder.UI.Blazor/Components/Stats.razor.cs
new file mode 100644
index 0000000..236e515
--- /dev/null
+++ b/VisionBuilder.UI.Blazor/Components/Stats.razor.cs
@@ -0,0 +1,62 @@
+using System.ComponentModel;
+using Microsoft.AspNetCore.Components;
+using VisionBuilder.UI.Common.ViewModel;
+
+namespace VisionBuilder.UI.Blazor.Components;
+
+public partial class Stats : ComponentBase, IDisposable
+{
+ [Parameter] public StatisticsVM? ViewModel { get; set; }
+
+ private string _sessionStarted = "";
+ private string _recipeName = "";
+ private string _processingTime = "";
+ private int _good;
+ private int _bad;
+ private int _total;
+ private string _errorRate = "";
+ private string _statisticsDetails = "";
+ private StatisticsVM? _subscribedVm;
+
+ protected override void OnParametersSet()
+ {
+ if (_subscribedVm != ViewModel)
+ {
+ Unsubscribe();
+ Subscribe();
+ }
+ }
+
+ private void Subscribe()
+ {
+ _subscribedVm = ViewModel;
+ if (ViewModel != null)
+ ViewModel.PropertyChanged += OnPropertyChanged;
+ }
+
+ private void Unsubscribe()
+ {
+ if (_subscribedVm != null)
+ _subscribedVm.PropertyChanged -= OnPropertyChanged;
+ _subscribedVm = null;
+ }
+
+ private async void OnPropertyChanged(object? sender, PropertyChangedEventArgs e)
+ {
+ _sessionStarted = ViewModel?.SessionStarted ?? "";
+ _recipeName = ViewModel?.RecipeName ?? "";
+ _processingTime = ViewModel?.ProcessingTime ?? "";
+ _good = ViewModel?.Good ?? 0;
+ _bad = ViewModel?.Bad ?? 0;
+ _total = ViewModel?.Total ?? 0;
+ _errorRate = ViewModel?.ErrorRate ?? "";
+ _statisticsDetails = ViewModel?.StatisticsDetails ?? "";
+
+ await InvokeAsync(StateHasChanged);
+ }
+
+ public void Dispose()
+ {
+ Unsubscribe();
+ }
+}
diff --git a/VisionBuilder.UI.Blazor/Dialogs/ImagePreviewDialog.razor b/VisionBuilder.UI.Blazor/Dialogs/ImagePreviewDialog.razor
new file mode 100644
index 0000000..afb38ae
--- /dev/null
+++ b/VisionBuilder.UI.Blazor/Dialogs/ImagePreviewDialog.razor
@@ -0,0 +1,71 @@
+@using MudBlazor
+@implements IDisposable
+
+
+ Started at:
+ @_sessionStarted
+
+
+ Processing Time:
+ @_processingTime
+
+
+ Total:
+ @_total
+
+
+ Bad:
+ @_bad
+
+
+ Error rate:
+ @_errorRate
+
+ @if (!string.IsNullOrEmpty(_statisticsDetails))
+ {
+
+ Details:
+
+ }
+ }
+@_statisticsDetails+
+ @{
+ var imageUri = ViewModel.ImageAnalysis?.ToBase64DataUri();
+ }
+ @if (!string.IsNullOrEmpty(imageUri))
+ {
+ 
+ }
+
+ }
+
+ @ViewModel.ImageName
+
+
+ Previous
+ @(ViewModel.OriginalView ? "Analysis" : "Original")
+ Next
+ @if (ViewModel.LearnButtonVisible)
+ {
+ Learn
+ }
+
+
+ @foreach (var recipe in ViewModel.Recipes)
+ {
+ var isSelected = recipe == ViewModel.SelectedRecipe;
+
+ }
+
+ @if (recipe.Image != null && !recipe.Image.Empty())
+ {
+ )
+ }
+ else
+ {
+
+ }
+
+ }
+ else
+ {
+ No image
+ }
+ @recipe.RecipeName
+
+
+
+
+
+
+
+ @if (_selectedCategory != null && GetSettingsForCategory(_selectedCategory) is { Count: > 0 } settings)
+ {
+ @foreach (var setting in settings)
+ {
+ Select a category to view settings.
+ }
+
+
+ @if (setting.Property.PropertyType == typeof(bool))
+ {
+ var boolVal = (bool)(setting.Value ?? false);
+
+ @foreach (var enumVal in Enum.GetValues(setting.Property.PropertyType))
+ {
+ @enumVal.ToString()
+ }
+
+ }
+ else
+ {
+ var strVal = setting.Value?.ToString() ?? "";
+
+ }
+ }
+ else
+ {
+