Add confidence levels (#140)

2026-10-17 17:38:00 +00:00 · 2024-09-11 23:08:02 +02:00
1 parent 222c1e929f
commit 4722c1baa1
@@ -0,0 +1,56 @@
+@using AIStudio.Provider
+<div class="d-flex">
+@if (this.Mode is ConfidenceInfoMode.ICON)
+{
+    <MudIconButton Icon="@Icons.Material.Filled.Security" Class="confidence-icon" Style="@this.Provider.GetConfidence(this.SettingsManager).SetColorStyle()" OnClick="@(() => this.ToggleConfidence())"/>
+}
+else
+{
+    <MudButton Variant="Variant.Filled" StartIcon="@Icons.Material.Filled.Security" IconClass="confidence-icon" Style="@this.Provider.GetConfidence(this.SettingsManager).SetColorStyle()" OnClick="@(() => this.ToggleConfidence())">
+        Confidence
+    </MudButton>
+}
+
+<MudPopover Open="@this.showConfidence" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.BottomLeft" Style="@this.GetPopoverStyle()" DropShadow="@true" Class="border-solid border-4 rounded-lg">
+    <MudCard>
+        <MudCardHeader>
+            <CardHeaderContent>
+                <MudText Typo="Typo.h5">Confidence Card</MudText>
+            </CardHeaderContent>
+        </MudCardHeader>
+        <MudCardContent>
+            <MudText Typo="Typo.h6">Description</MudText>
+            <MudMarkdown Value="@this.currentConfidence.Description"/>
+            
+            @if (this.currentConfidence.Sources.Count > 0)
+            {
+                <MudText Typo="Typo.h6">Sources</MudText>
+                <MudList T="@string">
+                    @foreach (var sourceTuple in this.GetConfidenceSources())
+                    {
+                        <MudListItem Icon="@Icons.Material.Filled.Link" Href="@sourceTuple.Source" Target="_blank" Text="@sourceTuple.Index"/>
+                    }
+                </MudList>
+            }
+
+            @if (!string.IsNullOrWhiteSpace(this.currentConfidence.Region))
+            {
+                <MudText Typo="Typo.h6">Region</MudText>
+                <MudText Typo="Typo.body1" Class="mb-3">
+                    <b>@this.currentConfidence.Region</b>
+                </MudText>
+            }
+
+            <MudText Typo="Typo.h6">Confidence Level</MudText>
+            <MudText Typo="Typo.body1" Style="@this.GetCurrentConfidenceColor()">
+                <b>@this.currentConfidence.Level.GetName()</b>
+            </MudText>
+        </MudCardContent>
+        <MudCardActions>
+            <MudButton Variant="Variant.Filled" OnClick="@(() => this.HideConfidence())">
+                Close
+            </MudButton>
+        </MudCardActions>
+    </MudCard>
+</MudPopover>
+</div>
@@ -0,0 +1,57 @@
+using AIStudio.Provider;
+using AIStudio.Settings;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components;
+
+public partial class ConfidenceInfo : ComponentBase
+{
+    [Parameter]
+    public ConfidenceInfoMode Mode { get; set; } = ConfidenceInfoMode.BUTTON;
+    
+    [Parameter]
+    public Providers Provider { get; set; }
+    
+    [Inject]
+    private SettingsManager SettingsManager { get; init; } = null!;
+
+    private Confidence currentConfidence;
+    private bool showConfidence;
+
+    public ConfidenceInfo()
+    {
+        this.currentConfidence = Providers.NONE.GetConfidence(this.SettingsManager);
+    }
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnParametersSetAsync()
+    {
+        this.currentConfidence = this.Provider.GetConfidence(this.SettingsManager);
+        await base.OnParametersSetAsync();
+    }
+
+    #endregion
+    
+    private void ToggleConfidence()
+    {
+        this.showConfidence = !this.showConfidence;
+    }
+    
+    private void HideConfidence()
+    {
+        this.showConfidence = false;
+    }
+    
+    private IEnumerable<(string Index, string Source)> GetConfidenceSources()
+    {
+        var index = 0;
+        foreach (var source in this.currentConfidence.Sources)
+            yield return ($"Source {++index}", source);
+    }
+
+    private string GetCurrentConfidenceColor() => $"color: {this.currentConfidence.Level.GetColor()};";
+    
+    private string GetPopoverStyle() => $"border-color: {this.currentConfidence.Level.GetColor()}; max-width: calc(35vw);";
+}
@@ -0,0 +1,7 @@
+namespace AIStudio.Components;
+
+public enum ConfidenceInfoMode
+{
+    BUTTON,
+    ICON,
+}