Update app.py

app.py

@@ -810,6 +810,24 @@ def send_mail_with_history(req: gr.Request,chatbot):
     if req.username:
        send_email_with_attachment_mailjet("lakshmivairamani@gmail.com","conversation history" + req.username, chatbot)  
 
+# List of sample autocomplete suggestions
+autocomplete_suggestions = [
+    "What is cross docking?",
+    "Can you create a bar chart with item name and quantity for warehouse WH1000001",
+    "What is GRN?",
+    "What are the active warehouses?",
+    "How can I learn Python?",
+    "Explain machine learning.",
+    "What is deep learning?",
+    "Give me some tips for learning AI."
+]
+
+# Function to suggest matching text based on user input
+def suggest_text(user_input):
+    # Filter suggestions based on user input
+    matches = [s for s in autocomplete_suggestions if user_input.lower() in s.lower()]
+    return matches[:5]  # Limit to top 5 suggestions
+
 # CSS for styling the buttons and other elements
 css = """
 /* Example of custom button styling */
@@ -821,8 +839,7 @@ css = """
     padding: 10px 20px;
     font-size: 12px;
     cursor: pointer;
-    user-select: text; 
-    cursor: text;
+   
 }
 
 .gr-button:hover {
@@ -837,8 +854,7 @@ css = """
     padding: 10px 20px;
     font-size: 14px;
     cursor: pointer;
-    user-select: text; 
-    cursor: text;
+    
 }
 
 .gr-buttonbig:hover {
@@ -896,6 +912,7 @@ with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
     with gr.Row():
         with gr.Column(scale=2):
             message = gr.Textbox(show_label=False, container=False, placeholder="Please enter your question")
+            suggestions_output = gr.HighlightedText()  # Display matching suggestions
             with gr.Row():
                 feedback_textbox = gr.Textbox(visible=False, show_label=False, container=False, placeholder="Please enter your feedback.")
                 submit_feedback_button = gr.Button("Submit Feedback", visible=False,elem_classes="gr-buttonbig")
@@ -907,7 +924,8 @@ with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
                 #gr.ClearButton(message, elem_classes="gr-buttonbig")
 
     stop_button.click(stop_processing, [chatbot],[chatbot])
-
+    # Show suggestions as user types
+    message.change(suggest_text, inputs=textbox, outputs=suggestions_output)
     button.click(handle_query, [message, chatbot], [chatbot])
     message.submit(handle_query, [message, chatbot], [chatbot])
     message.submit(lambda x: gr.update(value=""), None, [message], queue=False)