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);