Update ui/suggestions_tab.py

ui/suggestions_tab.py

@@ -1,21 +1,59 @@
 import gradio as gr
-from smart_suggestion.flan_suggestor import generate_product_description  # Updated import
+from smart_suggestion.flan_suggestor import generate_product_description
 
 def create_suggestions_tab():
     with gr.TabItem("🎁 Smart Suggestions"):
-        gr.Markdown("### 🤖 Ask RetailGenie for Recommendations")
-        
-        suggestion_input = gr.Textbox(
-            label="Ask something like:",
-            placeholder="e.g. Shampoo under 500 for dry hair",
-            lines=1
+        gr.Markdown(
+            """
+            ## 🤖 Ask RetailGenie for Recommendations
+
+            🧞 Just type your need — e.g., _"shampoo for dry hair under 500"_, _"gift sets"_, or _"budget skin care"_  
+            and let Genie do the rest!
+            """,
+            elem_classes="centered-text"
+        )
+
+        with gr.Box():
+            with gr.Row():
+                suggestion_input = gr.Textbox(
+                    label="💬 Your Request",
+                    placeholder="Try: Gifts under 500, or Shampoo for dry hair",
+                    lines=1,
+                    scale=3
+                )
+                suggest_btn = gr.Button("🔍 Get Suggestions", scale=1)
+
+        suggestions_output = gr.Textbox(
+            label="✨ Suggested Products",
+            lines=10,
+            interactive=False,
+            show_copy_button=True,
+            elem_id="suggestion-box"
         )
-        
-        suggest_btn = gr.Button("💡 Get Suggestions")
-        suggestions_output = gr.Textbox(label="📝 Suggestions", lines=10)
 
         suggest_btn.click(
-            generate_product_description,  # Updated function
+            generate_product_description,
             inputs=suggestion_input,
             outputs=suggestions_output
         )
+
+        gr.Markdown(
+            """
+            <style>
+            .centered-text {
+                text-align: center;
+                font-size: 16px;
+                font-weight: 500;
+            }
+            #suggestion-box textarea {
+                font-family: 'Courier New', monospace;
+                font-size: 14px;
+                background-color: #111827;
+                color: #e5e7eb;
+                border-radius: 10px;
+                padding: 10px;
+            }
+            </style>
+            """,
+            unsafe_allow_html=True
+        )