Update app.py

app.py

@@ -6,26 +6,39 @@ from groq import Groq
 api_key = os.environ.get("GROQ_API_KEY")
 client = Groq(api_key=api_key)
 
-# 2. UI Styling with Scrolling Input Fix
+# 2. UI Styling with Single-Line Scroll Fix
 custom_css = """
 .gradio-container { max-height: 100vh !important; overflow: hidden !important; }
+
+/* Chatbot Panel Styles */
 #chatbot-window { 
-     height: 67vh !important; 
+     height: 60vh !important; 
      border-radius: 12px; 
      border: 1px solid #e0e0e0; 
      background: white; 
 }
 
-/* Fix for System Prompt scrolling */
+/* Forces System Prompt to scroll after one line */
 #system-prompt-container textarea {
-    max-height: 150px !important;
+    height: 45px !important;
+    max-height: 45px !important;
     overflow-y: auto !important;
+    resize: none !important;
 }
 
-/* Fix for Chat Input scrolling */
+/* Forces Chat Input to scroll after one line */
 .scroll-input textarea {
-    max-height: 100px !important;
+    height: 45px !important;
+    max-height: 45px !important;
     overflow-y: auto !important;
+    resize: none !important;
+}
+
+/* Sidebar Styling */
+.sidebar-panel { 
+    background-color: rgba(128, 128, 128, 0.05); 
+    padding: 15px !important; 
+    border-radius: 12px;
 }
 """
 
@@ -51,16 +64,16 @@ def chat_with_groq(message, history, model, temperature, system_prompt):
     except Exception as e:
         yield f"⚠️ API Error: {str(e)}"
 
-# 4. Build the Interface
+# 4. Interface Setup
 with gr.Blocks() as demo:
-    gr.Markdown("# ⚡SageBot")
+    gr.Markdown("# 🌿 SageBot")
     gr.Markdown("I am your personal assistant. Just input your task below for an instant, precise solution.")
     
     with gr.Row():
+        # Main Interaction Area
         with gr.Column(scale=4):
             chatbot = gr.Chatbot(elem_id="chatbot-window") 
             with gr.Row():
-                # ADDED elem_classes here to enable scrolling
                 msg_input = gr.Textbox(
                     placeholder="Ask me anything...", 
                     container=False, 
@@ -69,7 +82,8 @@ with gr.Blocks() as demo:
                 )
                 submit_btn = gr.Button("Send", variant="primary", scale=1)
         
-        with gr.Column(scale=1):
+        # Sidebar Area
+        with gr.Column(scale=1, elem_classes="sidebar-panel"):
             gr.Markdown("### ⚙️ Settings")
             model_choice = gr.Dropdown(
                 choices=["llama-3.3-70b-versatile", "llama-3.1-8b-instant"],
@@ -80,13 +94,25 @@ with gr.Blocks() as demo:
             sys_msg = gr.Textbox(
                 value="You are a professional assistant.", 
                 label="System Prompt", 
-                lines=3,
+                lines=1,
                 elem_id="system-prompt-container"
             )
             clear = gr.Button("Clear Chat", variant="stop")
 
+            # Integrated LinkedIn Support
+            gr.HTML("""
+                <div style="text-align: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid #ddd;">
+                    <a href="https://www.linkedin.com/in/YOUR_LINKEDIN_USERNAME" target="_blank" style="text-decoration: none;">
+                        <svg width="35" height="35" viewBox="0 0 24 24" fill="#0077b5">
+                            <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.239-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
+                        </svg>
+                    </a>
+                </div>
+            """)
+
     # --- UI Event Flow ---
     def user_turn(msg, hist):
+        if not msg: return "", hist
         hist.append({"role": "user", "content": msg})
         return "", hist
 
@@ -98,6 +124,7 @@ with gr.Blocks() as demo:
             hist[-1]["content"] = chunk
             yield hist
 
+    # Event Linking
     msg_input.submit(user_turn, [msg_input, chatbot], [msg_input, chatbot], queue=False).then(
         bot_turn, [chatbot, model_choice, temp, sys_msg], chatbot
     )