Create app.py

app.py

@@ -0,0 +1,635 @@
+import streamlit as st
+
+# Set page config to minimize default margins and padding - MUST BE FIRST STREAMLIT COMMAND
+st.set_page_config(
+    page_title="Home Value Maximizer",
+    page_icon="🏡",
+    layout="wide",
+    initial_sidebar_state="collapsed"
+)
+
+import requests
+from PIL import Image
+import base64
+from io import BytesIO
+import time
+from datetime import datetime, timedelta
+import re
+
+# Configure OpenAI API settings
+API_URL = "https://api.openai.com/v1/chat/completions"
+MODEL_NAME = "gpt-4o"  # Updated to use GPT-4o which includes vision capabilities
+
+# Get current date
+current_date = datetime.now().strftime("%B %d, %Y")
+
+# Set API key from Hugging Face secrets
+try:
+    OPENAI_API_KEY = st.secrets["OPENAI_API_KEY"]
+except:
+    OPENAI_API_KEY = ""  # Will be prompted to enter API key if not in secrets
+
+# Session state initialization
+if "uploaded_images" not in st.session_state:
+    st.session_state["uploaded_images"] = []
+if "api_key" not in st.session_state:
+    st.session_state["api_key"] = OPENAI_API_KEY
+if "token_usage" not in st.session_state:
+    st.session_state["token_usage"] = {}
+
+# Function to encode image to base64
+def encode_image(image):
+    # Convert RGBA to RGB if needed
+    if image.mode == 'RGBA':
+        background = Image.new('RGB', image.size, (255, 255, 255))
+        background.paste(image, (0, 0), image)
+        image = background
+    
+    # Resize large images to reduce token usage
+    max_size = (1024, 1024)
+    if image.width > max_size[0] or image.height > max_size[1]:
+        image.thumbnail(max_size, Image.LANCZOS)
+    
+    buffered = BytesIO()
+    image.save(buffered, format="JPEG", quality=85)
+    return base64.b64encode(buffered.getvalue()).decode('utf-8')
+
+# Function to fix formatting issues in text
+def fix_formatting(text):
+    # Fix issues with numbers and text run together
+    text = re.sub(r'(\d+)([a-zA-Z])', r'\1 \2', text)
+    
+    # Fix issues with missing spaces after commas and periods
+    text = re.sub(r'([.,])([a-zA-Z0-9])', r'\1 \2', text)
+    
+    # Fix issues with missing spaces after colons
+    text = re.sub(r':([a-zA-Z0-9])', r': \1', text)
+    
+    return text
+
+# Function to analyze home photos with OpenAI's API
+def analyze_home_photos(images, timeframe, additional_details, api_key):
+    if not api_key:
+        return "Error: API Key is required for analysis."
+    
+    headers = {
+        "Content-Type": "application/json",
+        "Authorization": f"Bearer {api_key}"
+    }
+    
+    # Construct the message content
+    content = [
+        {"type": "text", "text": f"""Analyze these home photos and provide EXTREMELY SPECIFIC strategies to maximize the selling price. 
+        The owner plans to sell within {timeframe}. Today's date is {current_date}. {additional_details}
+        
+        Be incredibly detailed and specific about what you see in each image. Reference exact features, colors, materials, and conditions.
+        Provide precise recommendations with specific products, materials, colors, and techniques.
+        
+        IMPORTANT: Ensure all your text is properly formatted with spaces between numbers and words, and proper spacing after punctuation.
+        """}
+    ]
+    
+    # Add images to the message with proper format for vision API
+    for img in images:
+        base64_img = encode_image(img)
+        content.append({
+            "type": "image_url",
+            "image_url": {
+                "url": f"data:image/jpeg;base64,{base64_img}",
+                "detail": "low"  # Use low detail to reduce token usage
+            }
+        })
+    
+    # Enhanced system prompt for more specific and actionable recommendations
+    system_prompt = """You are an expert real estate advisor with deep knowledge of home selling strategies. You analyze home photos to provide EXTREMELY SPECIFIC, actionable recommendations that will maximize the property's selling price.
+
+## FORMAT YOUR RESPONSE LIKE THIS:
+
+### 📋 KEY RECOMMENDATIONS SUMMARY
+Begin with this exact text: "**HOME VALUE MAXIMIZER SUMMARY**"
+
+Then add this line: "Below are the top improvements to maximize your home's value. See detailed sections for specific costs, instructions, and timeline."
+
+Then, list 5 bullet points of the MOST IMPACTFUL improvements that will increase the property's value. For each bullet:
+- Make the first sentence **bold**
+- Include the specific issue identified
+- Include the recommended solution
+- Include the estimated value increase or ROI
+
+### 🌟 TOP PRICE-MAXIMIZING PRIORITIES
+Present the 3-4 MOST IMPACTFUL improvements first, formatted as a clear list. Each item MUST include:
+- **Exact issue you see**: Be incredibly specific about what you observe in the photo (e.g., "The beige laminate countertops in the kitchen are visibly worn with scratches near the sink area")
+- **Precise recommendation**: Specify EXACT materials, colors, products, or contractors (e.g., "Replace with Calacatta Quartz countertops in white with subtle gray veining")
+- **Specific cost estimate**: Give narrow ranges (e.g., "$2,800-$3,200")
+- **Precise value impact**: Quantify the increase (e.g., "Estimated to add $8,000-$10,000 to home value")
+- **Timeline**: Exact number of days needed and mention if permits are required
+
+### 🔨 QUICK WINS (1-3 days)
+List 5-6 fast, high-ROI improvements with EXACT details:
+- **Kitchen**: Name specific issues, specific solutions, specific products/colors/materials
+- **Bathroom**: Name specific issues, specific solutions, specific products/colors/materials
+- **Living Spaces**: Name specific issues, specific solutions, specific products/colors/materials
+- **Exterior**: Name specific issues, specific solutions, specific products/colors/materials
+Include PRECISE cost estimates, DIY or contractor recommendations, and EXACT product suggestions.
+
+### 📊 SPECIFIC PRICING STRATEGY
+Provide EXACT details on:
+- **Precise price point**: Suggest a specific price point or narrow range based on visible features (e.g., "$399,900" not "$399,900toappealpsychologically")
+- **Specific pricing psychology**: e.g., "$399,900 rather than $400,000" - MAKE SURE TO INCLUDE SPACES BETWEEN NUMBERS AND TEXT
+- **Exact timing**: Specific days of week and dates based on current date and selling timeframe
+- **Market-specific advice**: Relate to current market conditions with specific details
+
+IMPORTANT: ALWAYS use proper spacing in your text. For example:
+- CORRECT: "List at $399,900 to appeal psychologically to buyers under $400k."
+- INCORRECT: "List at $399,900toappealpsychologicallytobuyers."
+
+### 📸 DETAILED MARKETING PLAN
+Provide SPECIFIC advice on:
+- **Exactly which room features**: Name specific architectural elements or features to highlight
+- **Specific photography angles**: Exact camera positions and times of day for optimal lighting
+- **Specific staging items**: Name exact furniture pieces, decor items, or color accents to add/remove
+- **Exact virtual tools**: Name specific apps or services for virtual tours/staging
+
+### 📝 SPECIFIC NEGOTIATION TACTICS
+Recommend PRECISE approaches:
+- **Exact language**: Provide specific scripts for countering common objections
+- **Specific inspection strategy**: Name exact items to fix pre-inspection
+- **Precise contingency planning**: Specific strategies for common issues based on the home's visible condition
+
+### ⚠️ CRITICAL ISSUES TO ADDRESS
+List 3 SPECIFIC problems visible in the photos that must be fixed, with EXACT solutions.
+
+### 📅 DETAILED TIMELINE WITH DATES
+Create a PRECISE calendar using EXACT DATES starting from TODAY (${current_date}). Factor in the user's stated selling timeframe of ${timeframe}.
+
+For example, if selling within 1-3 months:
+- By [EXACT DATE]: Complete specific kitchen updates (list precisely what)
+- By [EXACT DATE]: Finish specific bathroom improvements (list precisely what)
+- By [EXACT DATE]: Address specific exterior issues (list precisely what)
+- [EXACT DATE]: Schedule professional photography 
+- [EXACT DATE]: List the home on the market
+
+## IMPORTANT GUIDELINES:
+1. Be EXTREMELY SPECIFIC about what you see in each photo - reference exact details, colors, materials
+2. Give PRECISE product recommendations when possible - name brands, models, colors
+3. Provide EXACT cost estimates in narrow ranges
+4. Specify CLEAR timelines with CALENDAR DATES based on today's date (${current_date})
+5. Make all advice HYPER-SPECIFIC to the actual property in the photos
+6. NEVER give generic advice - every recommendation should directly reference visible elements
+7. ALWAYS use proper spacing in text - add spaces between numbers and words, after punctuation, etc.
+"""
+    
+    # Replace placeholders in the system prompt
+    formatted_system_prompt = system_prompt.replace("${current_date}", current_date).replace("${timeframe}", timeframe)
+    
+    # Create the API payload with enhanced system prompt
+    payload = {
+        "model": MODEL_NAME,
+        "messages": [
+            {
+                "role": "system", 
+                "content": formatted_system_prompt
+            },
+            {
+                "role": "user",
+                "content": content
+            }
+        ],
+        "max_tokens": 2500
+    }
+    
+    try:
+        response = requests.post(API_URL, headers=headers, json=payload, timeout=90)
+        
+        if response.status_code == 200:
+            response_data = response.json()
+            
+            # Store token usage data
+            if "usage" in response_data:
+                st.session_state["token_usage"] = response_data["usage"]
+            
+            # Get the content and fix any formatting issues
+            content = response_data["choices"][0]["message"]["content"]
+            content = fix_formatting(content)
+            
+            return content
+        else:
+            error_text = f"API Error: {response.status_code}"
+            if response.text:
+                try:
+                    error_json = response.json()
+                    if "error" in error_json:
+                        error_text += f" - {error_json['error']['message']}"
+                except:
+                    error_text += f" - {response.text[:200]}"
+            return f"Error: {error_text}. Please check your API key and try again."
+    except Exception as e:
+        return f"Error: {str(e)}"
+
+# Calculate estimated cost
+def calculate_cost(token_usage):
+    if not token_usage:
+        return {"total": "Unknown"}
+    
+    # Latest pricing as of April 2024 for GPT-4o
+    input_cost_per_1M = 3  # $3 per 1M input tokens for GPT-4o
+    output_cost_per_1M = 10  # $10 per 1M output tokens for GPT-4o
+    
+    prompt_tokens = token_usage.get("prompt_tokens", 0)
+    completion_tokens = token_usage.get("completion_tokens", 0)
+    
+    input_cost = (prompt_tokens / 1000000) * input_cost_per_1M
+    output_cost = (completion_tokens / 1000000) * output_cost_per_1M
+    total_cost = input_cost + output_cost
+    
+    return {
+        "input_tokens": prompt_tokens,
+        "output_tokens": completion_tokens,
+        "input_cost": input_cost,
+        "output_cost": output_cost,
+        "total_cost": total_cost
+    }
+
+# Custom CSS to fix all styling issues including text visibility and header spacing
+st.markdown("""
+<style>
+    /* Override streamlit's default padding to prevent header cutoff */
+    .main .block-container {
+        padding-top: 2rem !important; /* Increased from 1rem to give more space */
+        padding-bottom: 1rem !important;
+        max-width: 100% !important;
+    }
+    
+    /* Fix for the header area to ensure it's fully visible in Hugging Face Spaces */
+    .stApp {
+        margin-top: 0.5rem !important;
+    }
+    
+    /* Fix text visibility issues - ensure good contrast */
+    .upload-text {
+        color: #262730 !important;
+        background-color: transparent !important;
+        font-weight: 500 !important;
+    }
+    
+    /* Make the title and header area more compact but visible */
+    .title-area {
+        margin: 0 !important;
+        padding: 0.5rem 0 !important; /* Added top/bottom padding */
+        margin-bottom: 0.5rem !important;
+    }
+    
+    /* Make header more compact but ensure visibility */
+    .stMarkdown h1 {
+        margin-top: 0.5rem !important; /* Added margin to prevent cutoff */
+        margin-bottom: 0.5rem !important;
+        font-size: 1.8rem !important;
+        padding: 0 !important;
+        line-height: 1.3 !important; /* Improved line height */
+    }
+    
+    /* Ensure the logo and title are visible */
+    .title-section {
+        display: block !important;
+        padding-top: 0.5rem !important;
+        margin-bottom: 0.75rem !important;
+    }
+    
+    /* Steps styling - improved visibility and spacing */
+    .steps-container {
+        display: flex;
+        justify-content: space-between;
+        margin: 0.75rem 0 1rem 0 !important; /* Added top margin */
+        padding: 0 !important;
+    }
+    
+    .step-item {
+        flex: 1;
+        padding: 0.5rem !important; /* Increased padding */
+        font-size: 0.85rem;
+        color: #262730;
+        background-color: #f0f2f6;
+        border-radius: 4px;
+        margin-right: 0.5rem;
+        text-align: center;
+    }
+    
+    /* Enhanced section styling */
+    .stMarkdown h3 {
+        margin-top: 1.5rem;
+        padding: 0.5rem;
+        border-radius: 0.5rem;
+        font-weight: 600;
+        color: white;
+    }
+    
+    /* Style for summary section */
+    .stMarkdown h3:contains("KEY RECOMMENDATIONS SUMMARY") {
+        background-color: #2196f3;
+    }
+    
+    /* Summary content styling */
+    .summary-title {
+        font-size: 1.2rem;
+        font-weight: bold;
+        margin-bottom: 0.5rem;
+        color: #2196f3;
+    }
+    
+    .summary-subtitle {
+        font-size: 0.9rem;
+        font-weight: 500;
+        margin-bottom: 1rem;
+        color: #424242;
+    }
+    
+    /* Priority recommendations */
+    .stMarkdown h3:contains("TOP PRICE") {
+        background-color: #1e88e5;
+    }
+    
+    /* Quick improvements section */
+    .stMarkdown h3:contains("QUICK WINS") {
+        background-color: #43a047;
+    }
+    
+    /* Strategic pricing section */
+    .stMarkdown h3:contains("SPECIFIC PRICING") {
+        background-color: #5e35b1;
+    }
+    
+    /* Marketing section */
+    .stMarkdown h3:contains("DETAILED MARKETING") {
+        background-color: #fb8c00;
+    }
+    
+    /* Negotiation section */
+    .stMarkdown h3:contains("SPECIFIC NEGOTIATION") {
+        background-color: #00897b;
+    }
+    
+    /* Critical issues section */
+    .stMarkdown h3:contains("CRITICAL ISSUES") {
+        background-color: #e53935;
+    }
+    
+    /* Timeline section */
+    .stMarkdown h3:contains("DETAILED TIMELINE") {
+        background-color: #8e24aa;
+    }
+    
+    /* Style for bullet points in summary */
+    .stMarkdown ul li {
+        margin-bottom: 0.75rem;
+        line-height: 1.6;
+    }
+    
+    /* Bold text */
+    .stMarkdown strong {
+        color: #262730;
+        font-weight: 700;
+    }
+    
+    /* Results container */
+    .results-container {
+        padding: 1.5rem;
+        background-color: white;
+        border-radius: 0.5rem;
+        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+        margin-bottom: 1.5rem;
+    }
+    
+    /* Cost information */
+    .cost-info {
+        background-color: #f8f9fa;
+        padding: 0.75rem;
+        border-radius: 0.5rem;
+        font-size: 0.85rem;
+        margin-top: 1rem;
+    }
+    
+    /* Blue background for summary section */
+    .summary-section {
+        background-color: #e3f2fd;
+        border-radius: 8px;
+        padding: 1rem;
+        margin-bottom: 1.5rem;
+        border-left: 4px solid #2196f3;
+    }
+    
+    /* Custom header style for subheaders */
+    .custom-subheader {
+        background-color: #f5f5f5;
+        padding: 10px;
+        border-radius: 5px;
+        margin-bottom: 10px;
+        color: #262730;
+        font-weight: 600;
+    }
+    
+    /* Fix for code blocks and pre-formatted text */
+    pre, code {
+        white-space: pre-wrap !important;
+        word-break: break-word !important;
+    }
+    
+    /* Fix for Hugging Face Spaces iframe header issues */
+    @media screen and (max-width: 1200px) {
+        .main .block-container {
+            padding-top: 3rem !important; /* Even more padding for smaller screens */
+        }
+    }
+</style>
+""", unsafe_allow_html=True)
+
+# Page config was moved to the top of the file as the first Streamlit command
+
+# Custom compact header - modified for better visibility
+st.markdown("""
+<div class="title-section">
+    <h1>Home Value Maximizer 🏡</h1>
+    <div class="upload-text">📸 Upload photos → 💰 Get specific improvements → 🏡 Maximize selling price</div>
+</div>
+
+<div class="steps-container">
+    <div class="step-item">1. Upload multiple photos of your home</div>
+    <div class="step-item">2. Enter your selling timeline & preferences</div>
+    <div class="step-item">3. Click 'Analyze My Home' for detailed strategies</div>
+</div>
+""", unsafe_allow_html=True)
+
+# API Key input if not in secrets
+if not st.session_state["api_key"]:
+    st.session_state["api_key"] = st.text_input("Enter your OpenAI API Key", type="password")
+    st.info("Your API key is required to analyze the images. It will not be stored permanently.")
+
+# Main content columns
+col1, col2 = st.columns(2)
+
+with col1:
+    # Custom subheader with background
+    st.markdown('<div class="custom-subheader">📸 Upload Home Photos</div>', unsafe_allow_html=True)
+    uploaded_files = st.file_uploader("Upload photos of different areas of your home", 
+                                     accept_multiple_files=True, 
+                                     type=["jpg", "jpeg", "png"])
+    
+    # Process uploaded images
+    if uploaded_files:
+        images = []
+        for file in uploaded_files:
+            try:
+                image = Image.open(file)
+                # Resize large images to reduce token usage
+                max_size = (1024, 1024)
+                if image.width > max_size[0] or image.height > max_size[1]:
+                    image.thumbnail(max_size, Image.LANCZOS)
+                images.append(image)
+            except Exception as e:
+                st.error(f"Error opening image {file.name}: {e}")
+        
+        st.session_state["uploaded_images"] = images
+        
+        # Display uploaded images
+        if images:
+            st.write(f"**{len(images)} images uploaded**")
+            image_cols = st.columns(min(3, len(images)))
+            for i, img in enumerate(images):
+                with image_cols[i % min(3, len(images))]:
+                    st.image(img, width=150, caption=f"Image {i+1}")
+    
+    # Custom subheader with background
+    st.markdown('<div class="custom-subheader">🏠 Selling Timeline & Details</div>', unsafe_allow_html=True)
+    
+    # Expanded selling timeline options
+    timeframe = st.radio("When do you plan to sell your home?",
+                        ["Within 1 month", "1-3 months", "3-6 months", "6-12 months", "More than 12 months"])
+    
+    additional_details = st.text_area("Additional Details", 
+                                     placeholder="Describe your home, local market conditions, target buyers, or any specific concerns you have about the selling process.",
+                                     height=100)
+    
+    # Additional preferences with custom subheader
+    st.markdown('<div class="custom-subheader">💰 Budget & Preferences</div>', unsafe_allow_html=True)
+    
+    max_budget = st.slider("Maximum budget for improvements ($)", 
+                         min_value=1000, 
+                         max_value=50000, 
+                         value=10000, 
+                         step=1000)
+    
+    improvement_focus = st.multiselect(
+        "Areas to focus on (optional)",
+        ["Curb appeal", "Kitchen", "Bathroom", "Living spaces", "Outdoor areas", "Storage solutions", "Energy efficiency", "Marketing", "Pricing strategy", "Negotiation", "Staging"],
+        default=["Curb appeal", "Kitchen", "Bathroom", "Pricing strategy"]
+    )
+    
+    diy_preference = st.select_slider(
+        "DIY Preference",
+        options=["Professional work only", "Mix of DIY and professional", "Mostly DIY if possible"],
+        value="Mix of DIY and professional"
+    )
+    
+    # Analysis button
+    analyze_button = st.button('🔍 Analyze My Home', 
+                              use_container_width=True, 
+                              disabled=len(st.session_state["uploaded_images"]) == 0 or not st.session_state["api_key"])
+    
+    if len(st.session_state["uploaded_images"]) == 0:
+        st.warning("Please upload at least one photo of your home to receive recommendations.")
+    
+    if not st.session_state["api_key"]:
+        st.warning("Please enter your OpenAI API key to enable analysis.")
+
+with col2:
+    # Custom subheader with background
+    st.markdown('<div class="custom-subheader">💡 Comprehensive Selling Strategies</div>', unsafe_allow_html=True)
+    
+    # Process and display analysis results
+    if analyze_button or "analysis_result" in st.session_state:
+        # Process analysis if button pressed
+        if analyze_button:
+            # Simple loading indicator using pure Streamlit - no HTML, JS or CSS
+            with st.spinner("🏡 Analyzing your home photos..."):
+                # Show a progress bar
+                progress_bar = st.progress(0)
+                
+                # Show the analysis steps with native Streamlit components
+                steps_placeholder = st.empty()
+                steps_placeholder.info("Step 1: Identifying property features and conditions...")
+                progress_bar.progress(25)
+                time.sleep(1)  # Small delay for visual effect
+                
+                steps_placeholder.info("Step 2: Evaluating improvement opportunities and researching specific recommendations...")
+                progress_bar.progress(50)
+                time.sleep(1)  # Small delay for visual effect
+                
+                steps_placeholder.info("Step 3: Calculating ROI potential and precise cost estimates...")
+                progress_bar.progress(75)
+                time.sleep(1)  # Small delay for visual effect
+                
+                steps_placeholder.info("Step 4: Creating detailed timeline and finalizing recommendations...")
+                
+                # Make the actual API call
+                analysis_text = analyze_home_photos(
+                    st.session_state["uploaded_images"],
+                    timeframe,
+                    f"Budget: ${max_budget}. Focus areas: {', '.join(improvement_focus)}. DIY preference: {diy_preference}. {additional_details}",
+                    st.session_state["api_key"]
+                )
+                
+                # Complete the progress bar
+                progress_bar.progress(100)
+                
+                # Store the result and clear the loading indicators
+                st.session_state["analysis_result"] = analysis_text
+                steps_placeholder.empty()
+                progress_bar.empty()
+        
+        # Display results
+        if "analysis_result" in st.session_state:
+            # Process the output to enhance summary formatting
+            result = st.session_state["analysis_result"]
+            
+            # Check if we need to style the summary section
+            if "**HOME VALUE MAXIMIZER SUMMARY**" in result:
+                # Split the result to find the summary section
+                parts = result.split("### 📋 KEY RECOMMENDATIONS SUMMARY", 1)
+                if len(parts) > 1:
+                    before_summary = parts[0]
+                    rest_parts = parts[1].split("### 🌟", 1)
+                    if len(rest_parts) > 1:
+                        summary_content = rest_parts[0]
+                        after_summary = "### 🌟" + rest_parts[1]
+                        
+                        # Apply custom formatting to the summary
+                        result = before_summary + '<div class="summary-section">' + summary_content + '</div>' + after_summary
+            
+            # Display the enhanced result
+            st.markdown(f'<div class="results-container">{result}</div>', unsafe_allow_html=True)
+            
+            # Add a download button for the report
+            st.download_button(
+                label="Download Selling Strategies as Text",
+                data=st.session_state["analysis_result"],
+                file_name="home_selling_strategies.txt",
+                mime="text/plain",
+                use_container_width=True
+            )
+    else:
+        st.markdown('<div class="results-container">**Personalized selling strategies will appear here after you submit your home photos and details**</div>', unsafe_allow_html=True)
+
+# Disclaimer section
+st.markdown("---")
+with st.expander("📜 **Disclaimer**"):
+    st.markdown("""
+    **Disclaimer:**  
+    This Home Value Maximizer tool provides recommendations based on AI analysis of your home photos.
+    Results are for **informational purposes only** and may not be accurate for your specific market or situation.
+    
+    - **Price impact estimates** are approximate and depend on local market conditions
+    - **Pricing strategies** should be verified with a local real estate professional familiar with your specific market
+    - **Improvement recommendations** and costs may vary based on your location and local labor costs
+    - **Product recommendations** are suggestions only; please research compatibility with your home
+    
+    For the best results, consult with experienced real estate professionals in your area before making significant decisions.
+    """)