From 5fa2f3c82210c18f3041c1d02c79d5c7140d3158 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <SommerEngineering@users.noreply.github.com>
Date: Fri, 13 Sep 2024 21:38:38 +0200
Subject: [PATCH] Added a tooltip to the confidence card button (#143)

---
 .../Components/ConfidenceInfo.razor           | 106 +++++++++---------
 app/MindWork AI Studio/packages.lock.json     |   2 +-
 .../wwwroot/changelog/v0.9.11.md              |   2 +
 3 files changed, 57 insertions(+), 53 deletions(-)
 create mode 100644 app/MindWork AI Studio/wwwroot/changelog/v0.9.11.md

diff --git a/app/MindWork AI Studio/Components/ConfidenceInfo.razor b/app/MindWork AI Studio/Components/ConfidenceInfo.razor
index ebb76e8..99730e9 100644
--- a/app/MindWork AI Studio/Components/ConfidenceInfo.razor	
+++ b/app/MindWork AI Studio/Components/ConfidenceInfo.razor	
@@ -1,56 +1,58 @@
 @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
+    <MudTooltip Text="Shows and hides the confidence card with information about the selected LLM provider.">
+        @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>
-        </MudCardActions>
-    </MudCard>
-</MudPopover>
+        }
+    </MudTooltip>
+
+    <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>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/packages.lock.json b/app/MindWork AI Studio/packages.lock.json
index c6124bf..a868191 100644
--- a/app/MindWork AI Studio/packages.lock.json	
+++ b/app/MindWork AI Studio/packages.lock.json	
@@ -178,6 +178,6 @@
         "contentHash": "FHNOatmUq0sqJOkTx+UF/9YK1f180cnW5FVqnQMvYUN0elp6wFzbtPSiqbo1/ru8ICp43JM1i7kKkk6GsNGHlA=="
       }
     },
-    "net8.0/osx-x64": {}
+    "net8.0/osx-arm64": {}
   }
 }
\ No newline at end of file
diff --git a/app/MindWork AI Studio/wwwroot/changelog/v0.9.11.md b/app/MindWork AI Studio/wwwroot/changelog/v0.9.11.md
new file mode 100644
index 0000000..569eac1
--- /dev/null
+++ b/app/MindWork AI Studio/wwwroot/changelog/v0.9.11.md	
@@ -0,0 +1,2 @@
+# v0.9.11, build 186 
+- Added a tooltip to the confidence card button.
\ No newline at end of file