Update app.py

app.py

@@ -7,30 +7,44 @@ GROQ_API_KEY = os.environ.get("GROQ_API_KEY")
 client = Groq(api_key=GROQ_API_KEY)
 
 TITLE = "<h1><center>CodeAssist AI</center></h1>"
-
-PLACEHOLDER = """
-<center>
-<p>Hi, I'm your coding assistant. Ask me anything about programming!</p>
-</center>
-"""
-
+PLACEHOLDER = """<center><p>Hi, I'm your coding assistant. Ask me anything about programming!</p></center>"""
 CSS = """
-.duplicate-button {
-    margin: auto !important;
-    color: white !important;
-    background: black !important;
+.duplicate-button { 
+    margin: auto !important; 
+    color: white !important; 
+    background: purple !important; 
     border-radius: 100vh !important;
 }
-h3 {
+h3 { 
     text-align: center;
 }
+button {
+    background-color: purple !important;
+}
+footer {
+    text-align: center;
+    padding: 10px;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: #f0f0f0;
+}
+"""
+
+FOOTER_TEXT = """
+<footer>
+    <p>If you enjoyed the functionality of the app, please leave a like!<br>
+    Check out more on <a href="https://www.linkedin.com/in/girish-wangikar/" target="_blank">LinkedIn</a> | 
+    <a href="https://girishwangikar.github.io/Girish_Wangikar_Portfolio.github.io/" target="_blank">Portfolio</a></p>
+</footer>
 """
 
 def generate_response(
     message: str, 
-    history: list,
-    system_prompt: str,
-    temperature: float = 0.7, 
+    history: list, 
+    system_prompt: str, 
+    temperature: float = 0.5, 
     max_tokens: int = 512
 ):
     conversation = [
@@ -38,10 +52,9 @@ def generate_response(
     ]
     for prompt, answer in history:
         conversation.extend([
-            {"role": "user", "content": prompt}, 
+            {"role": "user", "content": prompt},
             {"role": "assistant", "content": answer},
         ])
-
     conversation.append({"role": "user", "content": message})
 
     response = client.chat.completions.create(
@@ -63,38 +76,23 @@ def clear_conversation():
 
 chatbot = gr.Chatbot(height=600, placeholder=PLACEHOLDER)
 
-with gr.Blocks(css=CSS, theme="Nymbo/Nymbo_Theme") as demo:
+with gr.Blocks(css=CSS, theme="GSW") as demo:
     gr.HTML(TITLE)
-    gr.ChatInterface(
+    chat_interface = gr.ChatInterface(
         fn=generate_response,
         chatbot=chatbot,
         fill_height=True,
-        additional_inputs_accordion=gr.Accordion(label="⚙️ Parameters", open=False),
-        additional_inputs=[
-            gr.Textbox(
-                value="You are a helpful coding assistant, specialized in code completion, debugging, and analysis. Provide concise and accurate responses.",
-                label="System Prompt",
-            ),
-            gr.Slider(
-                minimum=0,
-                maximum=1,
-                step=0.1,
-                value=0.7,
-                label="Temperature",
-            ),
-            gr.Slider(
-                minimum=50,
-                maximum=1024,
-                step=1,
-                value=512,
-                label="Max tokens",
-            ),
-        ],
+        textbox=gr.Textbox(
+            placeholder="Type a message",
+            container=False,
+            scale=7,
+            lines=3
+        ),
         examples=[
-            ["How do I implement a binary search in Python?"],
-            ["Explain the concept of recursion and provide a simple example."],
-            ["What are the best practices for error handling in JavaScript?"],
-            ["How can I optimize this code snippet: [paste your code here]"],
+            ["What are Python generators, and how do I use them effectively in my code?"],
+            ["Can you explain the different types of SQL joins with examples?"],
+            ["How do I calculate the time complexity of a function? Explain with example"],
+            ["Explain this code to me: [paste your code here]"],
         ],
         cache_examples=False,
     )
@@ -102,5 +100,29 @@ with gr.Blocks(css=CSS, theme="Nymbo/Nymbo_Theme") as demo:
     clear_btn = gr.Button("Clear Conversation")
     clear_btn.click(clear_conversation, outputs=[chatbot, chatbot])
 
+    with gr.Accordion("⚙️ Parameters", open=False):
+        system_prompt = gr.Textbox(
+            value="You are a helpful coding assistant, specialized in code completion, debugging, and analysis. Provide concise and accurate responses.",
+            label="System Prompt",
+        )
+        temperature = gr.Slider(
+            minimum=0,
+            maximum=1,
+            step=0.1,
+            value=0.7,
+            label="Temperature",
+        )
+        max_tokens = gr.Slider(
+            minimum=50,
+            maximum=1024,
+            step=1,
+            value=512,
+            label="Max tokens",
+        )
+    
+    chat_interface.additional_inputs = [system_prompt, temperature, max_tokens]
+    
+    gr.HTML(FOOTER_TEXT)
+
 if __name__ == "__main__":
     demo.launch()