From 9010396a87055e09156fb899effc1bb83739e161 Mon Sep 17 00:00:00 2001
From: "Rodrigo Rodriguez (Pragmatismo)" <me@rodrigorodriguez.com>
Date: Sun, 2 Nov 2025 10:51:42 -0300
Subject: [PATCH] feat(ui): improve suggestion handling and input clearing

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.
---
 web/html/index.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/html/index.html b/web/html/index.html
index a17dbb0af..f435c80da 100644
--- a/web/html/index.html
+++ b/web/html/index.html
@@ -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) {