Update app.py

app.py

@@ -24,7 +24,6 @@ genai.configure(api_key=api_key)
 try:
     model = genai.GenerativeModel('gemini-1.5-flash')
 except Exception as e:
-    # Fallback: List available models if the specified model is not found
     print(f"Error initializing model: {str(e)}")
     print("Available models:")
     for m in genai.list_models():
@@ -75,14 +74,12 @@ async def fetch_url_content(url):
         response = requests.get(url, timeout=10)
         response.raise_for_status()
         soup = BeautifulSoup(response.text, 'html.parser')
-        # Extract text from common content tags
         content = ' '.join([p.get_text(strip=True) for p in soup.find_all(['p', 'article', 'div'])])
         return content if content else "No readable content found on the page."
     except Exception as e:
         return f"Error fetching URL: {str(e)}"
 
 async def review_blog(text_input, url_input, progress=gr.Progress()):
-    # Determine input type based on which field is populated
     if text_input and not url_input:
         input_type = "Text"
         input_text = text_input
@@ -92,45 +89,37 @@ async def review_blog(text_input, url_input, progress=gr.Progress()):
     else:
         return "Review Blog", "Error: Please provide input in either the Text or URL tab, but not both.", gr.update(visible=False)
 
-    # Handle empty input
     if not input_text:
         return "Review Blog", "Error: No input provided.", gr.update(visible=False)
 
-    # Handle URL input
     if input_type == "URL":
         progress(0, desc="Fetching content...")
         input_text = await fetch_url_content(input_text)
         if input_text.startswith("Error"):
             return "Review Blog", input_text, gr.update(visible=False)
 
-    # Tokenize input for analysis
     sentences = sent_tokenize(input_text)
     analysis_text = "\n".join(sentences)
 
-    # Simulate progress for API call
     progress(0, desc="Generating report...")
     start_time = time.time()
     for i in range(1, 10):
-        await asyncio.sleep(1)  # Simulate progress every second
+        await asyncio.sleep(1)
         progress(i / 10, desc=f"Generating report... ({int(i * 10)}%)")
-        if time.time() - start_time > 30:  # Timeout after 30 seconds
+        if time.time() - start_time > 30:
             return "Review Blog", "Error: API request timed out after 30 seconds.", gr.update(visible=False)
 
-    # Query Gemini with the prompt
     try:
         response = await asyncio.to_thread(model.generate_content, PROMPT + "\n\nText to analyze:\n" + analysis_text)
         report = response.text.strip()
-        # Ensure the response is markdown by removing any code fences
         report = re.sub(r'^markdown\n|$', '', report, flags=re.MULTILINE)
     except Exception as e:
         report = f"Error analyzing content with Gemini: {str(e)}"
-        # Fallback: List available models for debugging
         print("Available models:")
         for m in genai.list_models():
             print(m.name)
         return "Review Blog", report, gr.update(visible=False)
 
-    # Create a temporary file to store the report
     try:
         with tempfile.NamedTemporaryFile(mode='w', suffix='.md', delete=False, encoding='utf-8') as temp_file:
             temp_file.write(report)
@@ -140,69 +129,144 @@ async def review_blog(text_input, url_input, progress=gr.Progress()):
     except Exception as e:
         return "Review Blog", f"Error creating temporary file: {str(e)}", gr.update(visible=False)
 
-# Custom CSS for hover effect, loading state, and Inter font
+# Enhanced custom CSS for a more attractive UI
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 .gradio-container {
     font-family: 'Inter', sans-serif !important;
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    padding: 20px;
+    border-radius: 12px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+h1, h3 {
+    color: #1a3c34;
+    text-align: center;
+    font-weight: 700;
+    margin-bottom: 10px;
 }
 .review-btn {
-    transition: all 0.3s ease;
-    font-weight: 500;
-    background-color: #2c3e50;
+    background: linear-gradient(45deg, #2c3e50, #3498db);
     color: white;
-    border-radius: 8px;
-    padding: 10px 20px;
+    font-weight: 600;
+    border: none;
+    border-radius: 10px;
+    padding: 12px 24px;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 }
 .review-btn:hover {
-    background-color: #4CAF50;
-    color: white;
-    transform: scale(1.05);
+    background: linear-gradient(45deg, #3498db, #2c3e50);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }
 .review-btn:disabled {
-    opacity: 0.7;
+    opacity: 0.6;
     cursor: not-allowed;
+    transform: none;
+    box-shadow: none;
 }
 .review-btn:disabled::after {
     content: ' ⏳';
 }
 .tab-nav button {
     font-family: 'Inter', sans-serif;
-    font-weight: 500;
+    font-weight: 600;
+    background: #ffffff;
+    color: #2c3e50;
+    border-radius: 8px 8px 0 0;
+    padding: 10px 20px;
+    transition: all 0.2s ease;
+}
+.tab-nav button:hover {
+    background: #3498db;
+    color: white;
 }
 input, textarea {
     font-family: 'Inter', sans-serif;
+    border: 1px solid #d1d5db;
+    border-radius: 8px;
+    padding: 10px;
+    background: #ffffff;
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+.gr-textbox textarea {
+    resize: vertical;
 }
 .gr-progress {
-    background-color: #e0e0e0;
-    border-radius: 8px;
+    background: #e2e8f0;
+    border-radius: 10px;
     overflow: hidden;
+    height: 24px;
 }
 .gr-progress > div {
-    background-color: #4CAF50;
-    height: 20px;
-    transition: width 0.3s ease;
+    background: linear-gradient(90deg, #34c759, #4CAF50);
+    height: 100%;
+    transition: width 0.4s ease-in-out;
+}
+.markdown-container {
+    background: #ffffff;
+    border-radius: 8px;
+    padding: 20px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    margin-top: 20px;
+}
+.download-btn {
+    background: #4CAF50;
+    color: white;
+    border-radius: 8px;
+    padding: 10px 20px;
+    font-weight: 500;
+    transition: all 0.3s ease;
+}
+.download-btn:hover {
+    background: #45a049;
+    transform: translateY(-2px);
 }
 """
 
-# Gradio UI with Tabs
+# Gradio UI with enhanced layout
 with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as demo:
-    gr.Markdown("# 📝 AI Blog Reviewer")
-    gr.Markdown("Enter blog text or a URL to review for grammar, legal issues, crude language, and sensitive topics. The report is generated in markdown format.")
-
-    with gr.Tabs():
-        with gr.TabItem("Text"):
-            text_input = gr.Textbox(lines=8, label="Blog Content", placeholder="Paste your blog text here...")
-        with gr.TabItem("URL"):
-            url_input = gr.Textbox(lines=1, label="Blog URL", placeholder="Enter the blog URL here...")
-
-    status_button = gr.Button(value="Review Blog", elem_classes=["review-btn"])
-
+    gr.Markdown(
+        """
+        # 📝 AI Blog Reviewer
+        Analyze your blog content for grammar, legal issues, crude language, and sensitive topics with ease.
+        """
+    )
+    with gr.Row():
+        with gr.Column(scale=2):
+            with gr.Tabs():
+                with gr.TabItem("Text Input"):
+                    text_input = gr.Textbox(
+                        lines=10,
+                        label="Paste Your Blog Content",
+                        placeholder="Enter your blog text here...",
+                        elem_classes=["input-text"]
+                    )
+                with gr.TabItem("URL Input"):
+                    url_input = gr.Textbox(
+                        lines=1,
+                        label="Enter Blog URL",
+                        placeholder="https://example.com/blog",
+                        elem_classes=["input-url"]
+                    )
+        with gr.Column(scale=1):
+            gr.Markdown(
+                """
+                ### How It Works
+                1. **Input**: Paste blog text or provide a URL.
+                2. **Analysis**: Our AI reviews for grammar, legal issues, and more.
+                3. **Report**: Get a detailed markdown report with suggestions.
+                """
+            )
+            status_button = gr.Button("Review Blog", elem_classes=["review-btn"])
+    
     gr.Markdown("### 📄 Review Report")
-    report_output = gr.Markdown()
-    download_btn = gr.File(label="Download Report", visible=False)
+    with gr.Row():
+        with gr.Column():
+            report_output = gr.Markdown(elem_classes=["markdown-container"])
+            download_btn = gr.File(label="Download Report as Markdown", visible=False, elem_classes=["download-btn"])
 
-    # Bind the review button to process inputs
     status_button.click(
         fn=review_blog,
         inputs=[text_input, url_input],