Update app.py

app.py

@@ -1,33 +1,3 @@
-import gradio as gr
-import boto3
-import json
-import os
-from typing import Optional, Tuple, List
-import nbformat
-from io import StringIO
-import sys
-import tempfile
-import zipfile
-from datetime import datetime
-import re
-
-class CodingCopilot:
-    def __init__(self):
-        """Initialize the coding copilot with AWS Bedrock client."""
-        self.setup_aws_client()
-        
-    def setup_aws_client(self):
-        """Setup AWS Bedrock client with credentials from environment variables."""
-        try:
-            self.bedrock_client = boto3.client(
-                'bedrock-runtime',
-                aws_access_key_id=os.getenv('AWS_ACCESS_KEY_ID'),
-                aws_secret_access_key=os.getenv('AWS_SECRET_ACCESS_KEY'),
-                region_name='us-east-1'
-            )
-        except Exception as e:
-            print(f"Error setting up AWS client: {e}")
-            self.bedrock_client = None
 
     def call_claude(self, prompt: str, max_tokens: int = 8000) -> str:
         """Call Claude 3 Haiku via AWS Bedrock with increased token limit."""
@@ -360,378 +330,12 @@ desktop_css = """
     color: #dc2626 !important;
     font-weight: 700 !important;
     font-size: 1.1rem !important;
-    margin-bottom: 1rem !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.5px !important;
-    display: flex !important;
-    align-items: center !important;
-    gap: 0.5rem !important;
-}
 
-.capabilities-list {
-    color: #d1d5db !important;
-    font-size: 0.85rem !important;
-    line-height: 1.5 !important;
-}
 
-.capabilities-list strong {
-    color: #ffffff !important;
-    display: block !important;
-    margin-bottom: 0.3rem !important;
-}
 
-.capability-item {
-    margin-bottom: 1rem !important;
-    padding: 0.5rem 0 !important;
-    border-bottom: 1px solid #262626 !important;
-}
 
-.capability-item:last-child {
-    border-bottom: none !important;
-}
-
-/* Quick Action Buttons */
-.quick-action-button {
-    background: #1a1a1a !important;
-    color: #dc2626 !important;
-    border: 1px solid #dc2626 !important;
-    border-radius: 8px !important;
-    padding: 0.6rem 0.8rem !important;
-    font-weight: 500 !important;
-    cursor: pointer !important;
-    transition: all 0.3s ease !important;
-    margin-bottom: 0.4rem !important;
-    width: 100% !important;
-    text-align: left !important;
-    font-size: 0.8rem !important;
-    display: flex !important;
-    align-items: center !important;
-    gap: 0.4rem !important;
-}
-
-.quick-action-button:hover {
-    background: #dc2626 !important;
-    color: #ffffff !important;
-    transform: translateX(3px) !important;
-    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2) !important;
-}
-
-/* Chat Container Layout */
-.chat-main {
-    flex: 1 !important;
-    display: flex !important;
-    flex-direction: column !important;
-    height: 100% !important;
-    overflow: hidden !important;
-}
 
-.chat-messages {
-    flex: 1 !important;
-    overflow-y: auto !important;
-    padding: 1rem !important;
-    height: 0 !important; /* Force flex child to respect parent height */
-}
-
-.chat-input-area {
-    flex-shrink: 0 !important;
-    background: #1a1a1a !important;
-    border-top: 1px solid #262626 !important;
-    padding: 1rem !important;
-}
-
-/* File Upload Styling */
-.file-upload-area {
-    background: #1a1a1a !important;
-    border: 1px dashed #404040 !important;
-    border-radius: 8px !important;
-    padding: 0.8rem !important;
-    margin-bottom: 1rem !important;
-    transition: all 0.3s ease !important;
-}
-
-.file-upload-area:hover {
-    border-color: #dc2626 !important;
-    background: #262626 !important;
-}
-
-/* Input Styling */
-.message-input {
-    background: #262626 !important;
-    border: 1px solid #404040 !important;
-    border-radius: 8px !important;
-    color: #ffffff !important;
-    padding: 0.75rem !important;
-    font-size: 0.9rem !important;
-    line-height: 1.4 !important;
-    resize: vertical !important;
-    transition: all 0.3s ease !important;
-    width: 100% !important;
-    margin-bottom: 0.8rem !important;
-}
-
-.message-input:focus {
-    outline: none !important;
-    border-color: #dc2626 !important;
-    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1) !important;
-}
-
-.message-input::placeholder {
-    color: #6b7280 !important;
-}
-
-/* Button Row */
-.button-row {
-    display: flex !important;
-    gap: 0.75rem !important;
-    align-items: center !important;
-    justify-content: flex-end !important;
-}
-
-/* Buttons */
-.primary-button {
-    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
-    color: white !important;
-    border: none !important;
-    border-radius: 8px !important;
-    padding: 0.7rem 1.2rem !important;
-    font-weight: 600 !important;
-    font-size: 0.85rem !important;
-    cursor: pointer !important;
-    transition: all 0.3s ease !important;
-    box-shadow: 0 4px 16px rgba(220, 38, 38, 0.2) !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.5px !important;
-    min-width: 70px !important;
-}
-
-.primary-button:hover {
-    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
-    transform: translateY(-1px) !important;
-    box-shadow: 0 6px 20px rgba(220, 38, 38, 0.3) !important;
-}
 
-.secondary-button {
-    background: #262626 !important;
-    color: #ffffff !important;
-    border: 1px solid #404040 !important;
-    border-radius: 8px !important;
-    padding: 0.7rem 1.2rem !important;
-    font-weight: 500 !important;
-    cursor: pointer !important;
-    transition: all 0.3s ease !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.5px !important;
-    font-size: 0.85rem !important;
-    min-width: 70px !important;
-}
-
-.secondary-button:hover {
-    background: #404040 !important;
-    border-color: #dc2626 !important;
-}
-
-/* Download Section */
-.download-section {
-    background: #1a1a1a !important;
-    border: 1px solid #dc2626 !important;
-    border-radius: 8px !important;
-    padding: 0.8rem !important;
-    margin-bottom: 1rem !important;
-}
-
-/* Scrollbar */
-::-webkit-scrollbar {
-    width: 4px !important;
-    height: 4px !important;
-}
-
-::-webkit-scrollbar-track {
-    background: #1a1a1a !important;
-}
-
-::-webkit-scrollbar-thumb {
-    background: #404040 !important;
-    border-radius: 2px !important;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: #dc2626 !important;
-}
-
-/* Force no mobile responsiveness for desktop view */
-@media (min-width: 1px) {
-    .desktop-layout {
-        flex-direction: row !important;
-    }
-    
-    .desktop-sidebar {
-        width: 320px !important;
-        min-width: 320px !important;
-        max-width: 320px !important;
-    }
-    
-    .desktop-chat {
-        flex: 1 !important;
-    }
-}
-
-/* Footer */
-.footer {
-    background: #0a0a0a !important;
-    border-top: 1px solid #262626 !important;
-    padding: 1rem !important;
-    text-align: center !important;
-    color: #6b7280 !important;
-    margin-top: 1rem !important;
-    border-radius: 8px !important;
-    font-size: 0.8rem !important;
-}
-
-.footer strong {
-    color: #dc2626 !important;
-}
-
-/* Override any Gradio responsive behavior */
-.gradio-container .block {
-    width: auto !important;
-}
-
-.gradio-container .contain {
-    padding: 0 !important;
-}
-"""
-
-def process_chat_message(message, files, history):
-    """Process a new chat message with download support."""
-    if not message.strip() and not files:
-        return history, history, "", None, ""
-    
-    if history is None:
-        history = []
-    
-    user_msg = message
-    if files:
-        file_names = [os.path.basename(f.name) for f in files]
-        user_msg += f" 📁 *[Files: {', '.join(file_names)}]*"
-    
-    # Get AI response with potential download file
-    ai_response, download_file = copilot.process_message(message, files, history)
-    
-    # Add to history
-    history.append([user_msg, ai_response])
-    
-    # Return download file info
-    download_info = ""
-    if download_file:
-        download_info = "📥 **Code generated successfully!** Download button available below."
-    
-    return history, history, "", download_file, download_info
-
-def clear_chat():
-    """Clear the chat history."""
-    return [], [], None, ""
-
-def quick_action(action_text):
-    """Handle quick action buttons."""
-    return action_text
-
-# Create the main interface with FORCED desktop layout
-with gr.Blocks(css=desktop_css, title="Coding Copilot Pro - Desktop", theme=gr.themes.Base()) as app:
-    
-    # Header
-    gr.HTML("""
-    <div class="header-container">
-        <h1 class="header-title">🚀 CODING COPILOT PRO</h1>
-        <p class="header-subtitle">Advanced AI-Powered Development Assistant • Powered by Claude 3 Haiku</p>
-    </div>
-    """)
-    
-    # FORCE Desktop Layout - Critical Structure
-    with gr.Row(elem_classes=["desktop-layout"]):
-        
-        # Left Sidebar - FORCED width and position
-        with gr.Column(elem_classes=["desktop-sidebar"], scale=0, min_width=320):
-            
-            # Capabilities Section
-            gr.HTML('<h3 class="sidebar-title"><span class="emoji-icon">🎯</span>CAPABILITIES</h3>')
-            
-            gr.HTML("""
-            <div class="capabilities-list">
-                <div class="capability-item">
-                    <strong>💻 Code Generation</strong>
-                    Complete applications, modules, algorithms & APIs
-                </div>
-                <div class="capability-item">
-                    <strong>🔍 Code Analysis</strong>
-                    Reviews, optimization, security & architecture
-                </div>
-                <div class="capability-item">
-                    <strong>🐛 Debug & Test</strong>
-                    Error fixes, unit tests & refactoring
-                </div>
-                <div class="capability-item">
-                    <strong>📚 Documentation</strong>
-                    Docstrings, API docs & explanations
-                </div>
-            </div>
-            """)
-            
-            # Quick Actions Section
-            gr.HTML('<h3 class="sidebar-title"><span class="emoji-icon">⚡</span>QUICK ACTIONS</h3>')
-            
-            quick_review = gr.Button("📋 Code Review", elem_classes=["quick-action-button"])
-            quick_debug = gr.Button("🐛 Debug & Fix", elem_classes=["quick-action-button"])
-            quick_optimize = gr.Button("⚡ Optimize", elem_classes=["quick-action-button"])
-            quick_explain = gr.Button("📖 Explain", elem_classes=["quick-action-button"])
-            quick_generate = gr.Button("🔥 Generate", elem_classes=["quick-action-button"])
-            quick_test = gr.Button("🧪 Create Tests", elem_classes=["quick-action-button"])
-        
-        # Right Chat Container - FORCED to take remaining space
-        with gr.Column(elem_classes=["desktop-chat"], scale=1):
-            
-            with gr.Column(elem_classes=["chat-main"]):
-                # Chat messages area
-                chatbot = gr.Chatbot(
-                    height=400,
-                    show_label=False,
-                    container=False,
-                    bubble_full_width=False,
-                    avatar_images=("👨‍💻", "🤖"),
-                    elem_classes=["chat-messages"]
-                )
-                
-                # Input area at bottom
-                with gr.Column(elem_classes=["chat-input-area"]):
-                    # File upload
-                    files = gr.File(
-                        label="📎 Upload Code Files (.py, .ipynb)",
-                        file_count="multiple",
-                        file_types=[".py", ".ipynb"],
-                        container=True,
-                        elem_classes=["file-upload-area"]
-                    )
-                    
-                    # Download status
-                    download_status = gr.HTML("", visible=True)
-                    download_file = gr.File(label="📥 Download Generated Code", visible=False)
-                    
-                    # Message input
-                    msg = gr.Textbox(
-                        label="",
-                        placeholder="Describe what you want to build, analyze, or improve... Type 'continue' to extend previous code.",
-                        show_label=False,
-                        lines=2,
-                        max_lines=4,
-                        elem_classes=["message-input"]
-                    )
-                    
-                    # Button row
-                    with gr.Row(elem_classes=["button-row"]):
-                        clear = gr.Button("CLEAR", variant="secondary", elem_classes=["secondary-button"])
-                        submit = gr.Button("SEND", variant="primary", elem_classes=["primary-button"])
-    
-    # Hidden state
-    chat_history = gr.State([])
     
     # Event handlers
     def handle_submit(message, files, history):