From cdf27d60be137f9c1884e7b84b483bb9165ad022 Mon Sep 17 00:00:00 2001
From: t0ng7u <dev@aiass.cc>
Date: Sun, 10 Aug 2025 13:41:19 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20fix:=20prevent=20model=20name=20fli?=
 =?UTF-8?q?cker=20when=20closing=20SideSheet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Delay clearing selectedModel until SideSheet close animation completes
- Prevents brief display of 'AI/Unknown Model' text during closing transition
- Improves user experience by eliminating visual flicker
- Uses 300ms timeout matching Semi UI default animation duration
---
 web/src/hooks/model-pricing/useModelPricingData.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/hooks/model-pricing/useModelPricingData.js b/web/src/hooks/model-pricing/useModelPricingData.js
index 71c29a41..d455d953 100644
--- a/web/src/hooks/model-pricing/useModelPricingData.js
+++ b/web/src/hooks/model-pricing/useModelPricingData.js
@@ -233,7 +233,9 @@ export const useModelPricingData = () => {
 
   const closeModelDetail = () => {
     setShowModelDetail(false);
-    setSelectedModel(null);
+    setTimeout(() => {
+      setSelectedModel(null);
+    }, 300);
   };
 
   useEffect(() => {