Update v3.txt

v3.txt

@@ -284,7 +284,7 @@ def get_recipe_suggestions(api_key, image_paths, num_recipes=3, dietary_restrict
                 {"role": "system", "content": system_prompt},
                 {"role": "user", "content": user_prompt}
             ],
-            max_tokens=2048,
+            max_tokens=20000,
             temperature=0.7
         )
         
@@ -508,7 +508,7 @@ body {
     padding: 0;
 }
 .container {
-    max-width: 1200px;
+    width: 100%;
     margin: 0 auto;
     padding: 20px;
 }
@@ -519,6 +519,7 @@ body {
     text-align: center;
     border-radius: 0 0 30px 30px;
     box-shadow: var(--box-shadow);
+    width: 100%;
 }
 .app-title {
     font-size: 2.8em;
@@ -527,7 +528,7 @@ body {
 }
 .app-subtitle {
     font-size: 1.3em;
-    font-weight: 300;
+    font-weight: 400;
     max-width: 800px;
     margin: 0 auto;
 }
@@ -537,6 +538,7 @@ body {
     padding: 30px;
     box-shadow: var(--box-shadow);
     margin-bottom: 30px;
+    width: 100%;
 }
 .section-header {
     font-size: 1.6em;
@@ -596,6 +598,7 @@ button.download-button {
     gap: 8px;
     margin-left: auto;
     margin-right: auto;
+    margin-bottom: 25px !important;
 }
 button.download-button:hover {
     background-color: #3da037;
@@ -658,43 +661,6 @@ button.download-button:hover {
     color: var(--primary-color);
     margin-bottom: 10px;
 }
-.loading-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
-    z-index: 1000;
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 0.3s ease, visibility 0.3s ease;
-}
-.loading-container.visible {
-    opacity: 1;
-    visibility: visible;
-}
-.loading-spinner {
-    border: 8px solid #f3f3f3;
-    border-top: 8px solid var(--primary-color);
-    border-radius: 50%;
-    width: 60px;
-    height: 60px;
-    animation: spin 1s linear infinite;
-}
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
-.loading-text {
-    color: white;
-    font-size: 1.3em;
-    margin-top: 20px;
-}
 .footer {
     background-color: var(--card-background);
     padding: 40px 20px;
@@ -702,6 +668,7 @@ button.download-button:hover {
     color: var(--text-color);
     font-size: 1.1em;
     box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
+    width: 100%;
 }
 .footer-content {
     max-width: 800px;
@@ -727,19 +694,6 @@ html_header = """
     <div class="app-title">🍲 Visual Recipe Assistant</div>
     <div class="app-subtitle">Upload images of ingredients you have on hand and get personalized recipe suggestions powered by AI</div>
 </div>
-<div id="loading-overlay" class="loading-container">
-    <div class="loading-spinner"></div>
-    <div class="loading-text">Generating your recipes...</div>
-</div>
-<script>
-    function showLoading() {
-        document.getElementById('loading-overlay').classList.add('visible');
-    }
-    
-    function hideLoading() {
-        document.getElementById('loading-overlay').classList.remove('visible');
-    }
-</script>
 """
 
 html_footer = """
@@ -749,47 +703,33 @@ html_footer = """
         <p>Powered by Meta's Llama-Vision-Free Model & Together AI</p>
         <p>Upload multiple ingredient images for more creative recipe combinations</p>
         <div class="footer-links">
-            <a href="#" target="_blank">How It Works</a>
-            <a href="#" target="_blank">Privacy Policy</a>
-            <a href="#" target="_blank">Contact Us</a>
+            <a href="#" onclick="document.getElementById('how-to-use').scrollIntoView({ behavior: 'smooth' }); return false;">How It Works</a>
+            <a href="https://api.whatsapp.com/send/?phone=%2B8801719296601&text&type=phone_number&app_absent=0" target="_blank">Contact Us</a>
         </div>
     </div>
 </div>
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        const submitBtn = document.querySelector('button.primary-button');
-        if (submitBtn) {
-            submitBtn.addEventListener('click', function() {
-                showLoading();
-                // Check every second for output content
-                const checkInterval = setInterval(function() {
-                    const output = document.querySelector('.recipe-output');
-                    if (output && output.innerHTML.trim().length > 0) {
-                        hideLoading();
-                        clearInterval(checkInterval);
-                        clearTimeout(forceHideTimeout);
-                        
-                        // Show download button if it exists
-                        const downloadBtn = document.getElementById('download-button');
-                        if (downloadBtn) {
-                            downloadBtn.style.display = 'flex';
-                        }
-                    }
-                }, 1000);
-                
-                // Force hide after 120 seconds
-                const forceHideTimeout = setTimeout(function() {
-                    hideLoading();
-                    clearInterval(checkInterval);
-                }, 120000);
-            });
-        }
-    });
-</script>
 """
 
 with gr.Blocks(css=custom_css) as app:
     gr.HTML(html_header)
+
+    with gr.Accordion("How It Works", open=False, elem_id="how-to-use"):
+        gr.Markdown(""" 
+        ### Getting Started:
+        1. Enter your OpenAI API key in the field below and click "Set API Key"
+        2. Upload multiple PDF research papers (2 or more recommended)
+        3. Enter your review question or topic
+        4. Check the "Include Tables" option if you want the review to include comparison tables
+        5. Click "Generate Systematic Review" to start the process
+        6. After generation, you can download the review as HTML
+        
+        ### Tips for Best Results:
+        - Upload papers that are related to the same research topic or field
+        - Be specific in your review question to get more focused results
+        - The generated review will follow a systematic structure including research field identification, data extraction, analysis, and conclusions
+        - The more papers you upload, the more comprehensive the review will be
+        - The review will be formatted as a professional academic paper with proper sections and citations
+        """)
     
     # Store the generated html file path for download
     html_file_path = gr.State(None)
@@ -856,7 +796,7 @@ with gr.Blocks(css=custom_css) as app:
             with gr.Group(elem_classes="output-section"):
                 gr.HTML('<h3 class="section-header">Your Personalized Recipes</h3>')
                 output = gr.HTML(elem_classes="recipe-output")
-                download_button = gr.Button("📥 Download Recipes as HTML", elem_classes="download-button", visible=False, elem_id="download-button")
+                download_button = gr.Button("📥 Download Recipes (See below to download)", elem_classes="download-button", visible=False, elem_id="download-button")
     
     gr.HTML(html_footer)
     
@@ -884,4 +824,4 @@ with gr.Blocks(css=custom_css) as app:
     )
 
 if __name__ == "__main__":
-    app.launch()
+    app.launch()