From d890fbd82c6d6f397a7c355fc36f65f745c0382e Mon Sep 17 00:00:00 2001
From: Dmitri <dtroshchenkov@gmail.com>
Date: Fri, 24 Apr 2026 13:21:36 +0300
Subject: [PATCH]  improved UI refresh logic for constructor changes reflecting

---
 frontend/src/pages/constructor.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/frontend/src/pages/constructor.tsx b/frontend/src/pages/constructor.tsx
index b6a393e..a050fdc 100644
--- a/frontend/src/pages/constructor.tsx
+++ b/frontend/src/pages/constructor.tsx
@@ -209,6 +209,20 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => {
     useState(true);
   const [errorMessage, setErrorMessage] = useState('');
   const [successMessage, setSuccessMessage] = useState('');
+
+  // Auto-dismiss toast messages after 5 seconds
+  useEffect(() => {
+    if (!errorMessage) return;
+    const timer = setTimeout(() => setErrorMessage(''), 5000);
+    return () => clearTimeout(timer);
+  }, [errorMessage]);
+
+  useEffect(() => {
+    if (!successMessage) return;
+    const timer = setTimeout(() => setSuccessMessage(''), 5000);
+    return () => clearTimeout(timer);
+  }, [successMessage]);
+
   const [constructorInteractionMode, setConstructorInteractionMode] =
     useState<ConstructorInteractionMode>('edit');
   const [isMenuOpen, setIsMenuOpen] = useState(false);