From 27f69fe35762e1674dc2bb53cff1ebc2c379cc68 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Tue, 1 Apr 2025 11:38:10 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=BE=AE=E8=B0=83=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Pages/Chats.razor                    | 10 +++++++++-
 .../Components/Pages/Chats.razor.cs                 | 12 ++++--------
 .../Components/Pages/Chats.razor.css                | 13 ++++++++++++-
 3 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor
index e8d9a56d83e..551f2e433ba 100644
--- a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor
+++ b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor
@@ -7,6 +7,14 @@
 
 <h4>@Localizer["ChatsDescription"]</h4>
 
+<HeadContent>
+    <style>
+        .bb-ad {
+            display: none;
+        }
+    </style>
+</HeadContent>
+
 <DemoBlock Title="@Localizer["ChatNormalTitle"]" Introduction="@Localizer["ChatNormalIntro"]" Name="Normal" ShowCode="false">
     <div class="chat-title">@Localizer["ChatUserTitle"]</div>
     <div class="chat-body">
@@ -47,7 +55,7 @@
         }
     </div>
     <div class="chat-footer">
-        <label class="chat-info">@((MarkupString)Localizer["ChatInfo", _currentCount, _totalCount].Value)</label>
+        <label class="chat-info">@((MarkupString)Localizer["ChatInfo", _currentCount, TotalCount].Value)</label>
         <div class="d-flex">
             <Textarea Id="@Id" class="chat-footer-tx" rows="3" @bind-Value="@Context" PlaceHolder="Type user query here. (Shift + Enter for new line)"></Textarea>
             <div class="chat-buttons">
diff --git a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.cs b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.cs
index 33a263063b0..9457d14f6ca 100644
--- a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.cs
@@ -32,14 +32,10 @@ public partial class Chats
         .AddClass("msg-stack-assistant", role == ChatRole.Assistant)
         .Build();
 
-    private static readonly ConcurrentDictionary<string, int> _cache = new();
-
+    private const int TotalCount = 50;
+    private static readonly ConcurrentDictionary<string, int> Cache = new();
     private string? _code;
-
-    private readonly int _totalCount = 50;
-
     private int _currentCount;
-
     private bool _isDisabled;
 
     /// <summary>
@@ -51,7 +47,7 @@ protected override async Task OnInitializedAsync()
         await base.OnInitializedAsync();
 
         _code = await GetFingerCodeAsync();
-        _currentCount = _cache.GetOrAdd(_code, key => _totalCount);
+        _currentCount = Cache.GetOrAdd(_code, key => TotalCount);
         _isDisabled = _currentCount < 1;
     }
 
@@ -112,7 +108,7 @@ private async Task GetCompletionsAsync()
                 await Task.Delay(100);
                 if (!string.IsNullOrEmpty(_code))
                 {
-                    _currentCount = _cache.AddOrUpdate(_code, key => _totalCount, (key, number) => number - 1);
+                    _currentCount = Cache.AddOrUpdate(_code, key => TotalCount, (key, number) => number - 1);
                     _isDisabled = _currentCount < 1;
                 }
                 else
diff --git a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.css b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.css
index f9dd6f258ec..b2aa3413187 100644
--- a/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Pages/Chats.razor.css
@@ -5,7 +5,7 @@
 
 .chat-body {
     min-height: 210px;
-    max-height: 786px;
+    max-height: calc(100vh - 441px);
     overflow-y: auto;
     background-color: #faf9f8;
 }
@@ -53,6 +53,17 @@
     flex: 1;
 }
 
+::deep div:has(pre) {
+    overflow: hidden;
+}
+
+::deep pre {
+    margin-bottom: 1rem;
+    border: 1px solid #ddd;
+    border-radius: var(--bs-border-radius);
+    padding: 4px 10px;
+}
+
 .chat-auth {
     margin-top: .5rem;
 }