openclaw - 💡(How to fix) Fix [Feature Request] Show "thinking" indicator while waiting for model response [1 comments, 2 participants]

TL;DR

Implement a visual loading indicator in the chat UI to provide feedback to users while waiting for model responses.

Guidance

• Identify the point in the code where the message is sent and the model response is received to determine where to add the loading indicator.
• Choose a suitable loading indicator (e.g., animated dots, "Thinking..." bubble, or a spinner) that aligns with the UI design.
• Display the loading indicator immediately after the user sends a message and replace it with the actual response once it arrives.
• Consider adding a timeout or a cancel button for cases where the model response takes too long or fails.

Example

// Pseudo-code example, actual implementation depends on the UI framework and technology used
const sendMessage = () => {
  // Display loading indicator
  chatUI.showLoadingIndicator();
  // Send message to model
  model.sendMessage(message).then((response) => {
    // Hide loading indicator and display response
    chatUI.hideLoadingIndicator();
    chatUI.displayResponse(response);
  });
};

Notes

The exact implementation details may vary depending on the UI framework, technology, and model integration used in the project.

Recommendation

Apply workaround: Implement a visual loading indicator to improve user experience while waiting for model responses, as it provides immediate feedback and enhances the overall usability of the chat UI.