Update app.py

app.py

@@ -1,7 +1,5 @@
 import streamlit as st
 import google.generativeai as genai
-import pyperclip
-import time
 
 # Configure the Gemini API
 genai.configure(api_key=st.secrets["GOOGLE_API_KEY"])
@@ -12,7 +10,6 @@ generation_config = {
     "top_p": 0.95,
     "top_k": 64,
     "max_output_tokens": 8192,
-    "response_mime_type": "text/plain",
 }
 
 model = genai.GenerativeModel(
@@ -26,131 +23,103 @@ def generate_response(user_input):
     response = chat_session.send_message(user_input)
     return response.text
 
-def copy_to_clipboard(text):
-    pyperclip.copy(text)
-
 # Streamlit UI setup
-st.set_page_config(page_title="Advanced AI Code Assistant", page_icon="🚀", layout="wide")
+st.set_page_config(page_title="Sleek AI Code Assistant", page_icon="💻", layout="wide")
 
 st.markdown("""
 <style>
-    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
+    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
     
     body {
-        font-family: 'Poppins', sans-serif;
-        background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
-        color: #2c3e50;
+        font-family: 'Inter', sans-serif;
+        background-color: #f0f4f8;
+        color: #1a202c;
     }
     .stApp {
-        max-width: 1200px;
+        max-width: 1000px;
         margin: 0 auto;
         padding: 2rem;
     }
     .main-container {
-        background: rgba(255, 255, 255, 0.95);
-        border-radius: 20px;
+        background: #ffffff;
+        border-radius: 16px;
         padding: 2rem;
-        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
     }
     h1 {
         font-size: 2.5rem;
         font-weight: 700;
-        color: #3498db;
+        color: #2d3748;
         text-align: center;
         margin-bottom: 1rem;
     }
     .subtitle {
-        font-size: 1.2rem;
+        font-size: 1.1rem;
         text-align: center;
-        color: #7f8c8d;
+        color: #4a5568;
         margin-bottom: 2rem;
     }
-    .stTextArea label {
-        font-size: 1.1rem;
-        font-weight: 600;
-        color: #34495e;
-    }
     .stTextArea textarea {
-        border: 2px solid #3498db;
-        border-radius: 10px;
+        border: 2px solid #e2e8f0;
+        border-radius: 8px;
         font-size: 1rem;
-        padding: 0.5rem;
+        padding: 0.75rem;
+        transition: all 0.3s ease;
+    }
+    .stTextArea textarea:focus {
+        border-color: #4299e1;
+        box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
     }
     .stButton button {
-        background: linear-gradient(45deg, #3498db, #2980b9);
+        background-color: #4299e1;
         color: white;
         border: none;
-        border-radius: 30px;
+        border-radius: 8px;
         font-size: 1.1rem;
         font-weight: 600;
-        padding: 0.7rem 2rem;
+        padding: 0.75rem 2rem;
         transition: all 0.3s ease;
-        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        width: 100%;
     }
     .stButton button:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 6px 8px rgba(0,0,0,0.15);
+        background-color: #3182ce;
     }
     .output-container {
-        background: #f8f9fa;
-        border-radius: 10px;
+        background: #f7fafc;
+        border-radius: 8px;
         padding: 1rem;
         margin-top: 2rem;
     }
     .code-block {
-        background-color: #282c34;
-        color: #abb2bf;
+        background-color: #2d3748;
+        color: #e2e8f0;
         font-family: 'Fira Code', monospace;
         font-size: 0.9rem;
-        border-radius: 10px;
+        border-radius: 8px;
         padding: 1rem;
         margin-top: 1rem;
-        position: relative;
-    }
-    .copy-btn {
-        position: absolute;
-        top: 0.5rem;
-        right: 0.5rem;
-        background: rgba(255, 255, 255, 0.1);
-        color: #abb2bf;
-        border: none;
-        border-radius: 5px;
-        padding: 0.2rem 0.5rem;
-        font-size: 0.8rem;
-        cursor: pointer;
-        transition: all 0.2s ease;
-    }
-    .copy-btn:hover {
-        background: rgba(255, 255, 255, 0.2);
+        overflow-x: auto;
     }
     .stAlert {
-        background-color: #e8f4fd;
-        color: #3498db;
-        border-radius: 10px;
+        background-color: #ebf8ff;
+        color: #2b6cb0;
+        border-radius: 8px;
         border: none;
-        padding: 0.5rem 1rem;
+        padding: 0.75rem 1rem;
     }
     .stSpinner {
-        color: #3498db;
+        color: #4299e1;
     }
 </style>
 """, unsafe_allow_html=True)
 
 st.markdown('<div class="main-container">', unsafe_allow_html=True)
-st.title("🚀 Advanced AI Code Assistant")
+st.title("💻 Sleek AI Code Assistant")
 st.markdown('<p class="subtitle">Powered by Google Gemini</p>', unsafe_allow_html=True)
 
-prompt = st.text_area("What code can I help you with today?", height=100)
-
-col1, col2 = st.columns([1, 1])
-
-with col1:
-    generate_button = st.button("Generate Code")
-
-with col2:
-    language = st.selectbox("Select language", ["Python", "JavaScript", "Java", "C++", "Ruby"])
+prompt = st.text_area("What code can I help you with today?", height=120)
 
-if generate_button:
+if st.button("Generate Code"):
     if prompt.strip() == "":
         st.error("Please enter a valid prompt.")
     else:
@@ -160,19 +129,15 @@ if generate_button:
             
             st.markdown('<div class="output-container">', unsafe_allow_html=True)
             code_blocks = completed_text.split("\n\n")
-            for i, block in enumerate(code_blocks):
-                st.markdown(f'<div class="code-block">', unsafe_allow_html=True)
-                st.code(block, language=language.lower())
-                copy_button = st.button(f"Copy Code Block {i+1}", key=f"copy_{i}")
-                if copy_button:
-                    copy_to_clipboard(block)
-                    st.success(f"Code block {i+1} copied to clipboard!")
+            for block in code_blocks:
+                st.markdown('<div class="code-block">', unsafe_allow_html=True)
+                st.code(block)
                 st.markdown('</div>', unsafe_allow_html=True)
             st.markdown('</div>', unsafe_allow_html=True)
 
 st.markdown("""
-<div style='text-align: center; margin-top: 2rem; color: #7f8c8d;'>
-    Created with ❤️ by Your Advanced AI Code Assistant
+<div style='text-align: center; margin-top: 2rem; color: #4a5568;'>
+    Created with ❤️ by Your Sleek AI Code Assistant
 </div>
 """, unsafe_allow_html=True)