GeneralBots/botserver
2
1
Fork 0
Code Issues Pull requests Projects Releases 323 Packages Wiki Activity Actions

feat(ui): improve suggestion handling and input clearing

Browse source 
Enhanced suggestion handling to include empty state in message selection and improved UX by:
- Clearing input field after selecting a suggestion
- Adding selected suggestion as user message to chat
- Maintaining all existing functionality while simplifying the flow

Changes ensure more intuitive user interaction with suggestions while keeping the chat interface clean.
This commit is contained in:
Rodrigo Rodriguez (Pragmatismo) 2025-11-02 10:51:42 -03:00
parent 888bfc859d
commit 9010396a87
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/html/index.html
View file

@ -880,8 +880,8 @@
</div>
<script>
function handleSuggestions(suggestions) {
// Find the last assistant message content div
const messageContents = document.querySelectorAll('.assistant-message-content');
// Find all assistant message content divs (including empty state)
const messageContents = document.querySelectorAll('.assistant-message-content, #emptyState');
if (messageContents.length === 0) return;
const lastContent = messageContents[messageContents.length - 1];
@ -921,7 +921,10 @@
btn.style.transform = 'scale(1)';
btn.style.boxShadow = 'none';
};
btn.onclick = () => setContext(s.context);
btn.onclick = () => {
setContext(s.context);
input.value = ''; // Clear input after clicking
};
container.appendChild(btn);
});
}
@ -933,10 +936,13 @@
// Get the button text from the clicked suggestion
const buttonText = event?.target?.textContent || context;
// Set the input field value to the button text
// Add the suggestion as a user message to the chat
addMessage("user", buttonText);
// Clear the input field
const input = document.getElementById('messageInput');
if (input) {
input.value = buttonText;
input.value = '';
}
if (ws && ws.readyState === WebSocket.OPEN) {