Update app.py

app.py

@@ -11,7 +11,6 @@ def analyze_scam(message_content):
     if not message_content.strip():
         return "❗ Please enter a message or URL to analyze."
     
-    # Show loading message with animation
     loading_messages = [
         "🛡️ Initializing AI security team...",
         "🔍 Claim Extractor analyzing suspicious content...",
@@ -20,137 +19,59 @@ def analyze_scam(message_content):
         "🚨 Generating comprehensive scam analysis..."
     ]
     
-    # Start with loading message
-    yield loading_messages[0]
+    yield f"<span style='color:#1d4ed8; font-weight:bold;'>{loading_messages[0]}</span>"
     
     try:
         llm = ChatOpenAI(model_name="gpt-4o-mini", temperature=0.1)
 
-        # Show progressive loading messages
         for i, message in enumerate(loading_messages[1:], 1):
-            time.sleep(2)  # Small delay for visual effect
-            yield message
+            time.sleep(1.5)
+            yield f"<span style='color:#1d4ed8; font-weight:bold;'>{message}</span>"
 
-        # Specialized scam detection agents
         extractor_agent = Agent(
             role="Claim Extractor",
             goal="Extract key claims, offers, and suspicious elements from messages or URLs",
-            backstory="Expert at parsing and identifying key claims in potentially fraudulent messages. Specializes in extracting specific promises, offers, threats, and calls-to-action.",
+            backstory="Expert at parsing and identifying key claims in potentially fraudulent messages.",
             llm=llm,
             verbose=False
         )
 
         verifier_agent = Agent(
             role="Fact Checker", 
-            goal="Verify claims and assess scam probability using heuristic rules and pattern matching",
-            backstory="Cybersecurity expert who specializes in identifying scam patterns. Uses both logical reasoning and known scam indicators to assess risk.",
+            goal="Verify claims and assess scam probability",
+            backstory="Cybersecurity expert who identifies scam patterns.",
             llm=llm,
             verbose=False
         )
 
         explainer_agent = Agent(
             role="Safety Advisor",
-            goal="Provide clear, actionable guidance to users about potential scams with specific next steps",
-            backstory="Digital safety educator who explains complex security issues in simple terms and provides practical advice for staying safe online.",
+            goal="Provide clear, actionable guidance to users",
+            backstory="Digital safety educator who simplifies complex issues.",
             llm=llm,
             verbose=False
         )
 
-        # Scam detection tasks
         extract_task = Task(
-            description=f"""
-            Analyze the following content and extract:
-            
-            Content: {message_content}
-            
-            1. KEY CLAIMS AND PROMISES:
-               - Specific offers or promises made
-               - Money, prizes, or rewards mentioned
-               - Time-sensitive offers or deadlines
-               - Requirements for personal information
-            
-            2. SUSPICIOUS ELEMENTS:
-               - URLs and links present
-               - Contact information requests
-               - Payment or banking details requests
-               - Urgency indicators and pressure tactics
-            
-            3. LANGUAGE PATTERNS:
-               - Threatening language about account suspension
-               - Too-good-to-be-true offers
-               - Spelling and grammar issues
-               - Official-sounding but suspicious language
-            
-            Extract and categorize all suspicious elements found.
-            """,
-            expected_output="Structured summary of extracted claims, suspicious elements, and language patterns",
+            description=f"Analyze and extract suspicious elements from:\n\n{message_content}",
+            expected_output="Structured suspicious elements",
             agent=extractor_agent
         )
 
         verify_task = Task(
-            description="""
-            Based on the extracted claims from the previous task, conduct risk assessment:
-            
-            1. SCAM PATTERN ANALYSIS:
-               - Check for common phishing patterns
-               - Identify fake urgency tactics
-               - Detect impersonation attempts
-               - Analyze too-good-to-be-true claims
-            
-            2. URL AND CONTACT ANALYSIS:
-               - Evaluate suspicious domain patterns
-               - Check for URL shorteners or redirects
-               - Assess contact method legitimacy
-               - Identify potential malicious links
-            
-            3. RISK SCORING:
-               - Calculate overall scam probability (0-100%)
-               - Identify specific red flags
-               - Categorize risk level (Low/Medium/High)
-               - List concerning elements found
-            
-            Provide comprehensive risk assessment with specific evidence.
-            """,
-            expected_output="Risk assessment with scam probability score, red flags, and evidence",
+            description="Conduct scam risk assessment",
+            expected_output="Risk score and red flags",
             agent=verifier_agent,
             context=[extract_task]
         )
 
         explain_task = Task(
-            description="""
-            Create user-friendly safety report based on the analysis:
-            
-            1. EXECUTIVE SUMMARY:
-               - Clear verdict: LIKELY SCAM / SUSPICIOUS / PROCEED WITH CAUTION
-               - Risk level and confidence score
-               - Primary red flags in simple terms
-            
-            2. EXPLANATION:
-               - Why this appears to be a scam
-               - Specific tactics being used
-               - What makes it suspicious
-               - Common patterns identified
-            
-            3. RECOMMENDED ACTIONS:
-               - Immediate steps to take
-               - What NOT to do
-               - How to report if applicable
-               - General safety tips
-            
-            4. NEXT STEPS:
-               - Block sender/source
-               - Report to authorities
-               - Verify independently if needed
-               - Stay vigilant for similar attempts
-            
-            Provide clear, actionable guidance in plain English.
-            """,
-            expected_output="User-friendly safety report with clear recommendations and next steps",
+            description="Create a user-friendly scam safety report",
+            expected_output="Clear report with guidance",
             agent=explainer_agent,
             context=[extract_task, verify_task]
         )
 
-        # Create scam detection crew
         crew = Crew(
             agents=[extractor_agent, verifier_agent, explainer_agent],
             tasks=[extract_task, verify_task, explain_task],
@@ -158,90 +79,92 @@ def analyze_scam(message_content):
             process="sequential"
         )
 
-        # Show final processing message
-        yield "🎯 AI agents collaborating on final analysis..."
+        yield "<span style='color:#1d4ed8; font-weight:bold;'>🎯 AI agents collaborating on final analysis...</span>"
         
         result = crew.kickoff()
-        yield str(result)
+        yield f"<div style='color:#111827; font-size:1rem; line-height:1.5;'>{str(result)}</div>"
 
     except Exception as e:
-        yield f"❌ Scam analysis failed: {str(e)}"
+        yield f"<span style='color:red; font-weight:bold;'>❌ Scam analysis failed: {str(e)}</span>"
 
 def create_gradio_interface():
-    
-    with gr.Blocks(title="Scam-Signal Verifier | AI Security Analysis", theme=gr.themes.Default()) as interface:
-        
-        # Simple Header
+    with gr.Blocks(
+        title="Scam-Signal Verifier | AI Security Analysis",
+        theme=gr.themes.Soft(primary_hue="blue", secondary_hue="gray")
+    ) as interface:
+
+        # Custom CSS for output box contrast
+        gr.HTML("""
+        <style>
+        #output-box textarea {
+            background-color: #ffffff !important;
+            color: #111827 !important;
+            font-size: 1rem !important;
+            line-height: 1.5 !important;
+        }
+        </style>
+        """)
+
+        # Header
         gr.HTML("""
             <div style="text-align: center; padding: 2rem 0;">
-                <h1 style="font-size: 3rem; margin-bottom: 1rem;">🛡️ Scam-Signal Verifier</h1>
-                <p style="font-size: 1.2rem; color: #666;">
+                <h1 style="font-size: 3rem; margin-bottom: 0.5rem; color:#1e3a8a;">🛡️ Scam-Signal Verifier</h1>
+                <p style="font-size: 1.2rem; color: #374151;">
                     AI-powered protection against phishing and fraudulent messages
                 </p>
             </div>
         """)
-        
-        # Simple AI Agents Display
+
+        # AI Security Team section with better contrast
         gr.HTML("""
-            <div style="background: #f8f9fa; padding: 2rem; border-radius: 15px; margin-bottom: 2rem;">
-                <h3 style="text-align: center; margin-bottom: 1.5rem;">🤖 AI Security Team</h3>
-                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem;">
-                    <div style="text-align: center; padding: 1rem;">
+            <div style="background: #f0f4f8; padding: 1.5rem; border-radius: 15px; margin-bottom: 2rem;">
+                <h3 style="text-align:center; color: #1e3a8a; font-weight: 700; font-size: 1.4rem;">
+                    🤖 Your AI Security Team
+                </h3>
+                <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:1.5rem; color: #1f2937;">
+                    <div style="flex:1; min-width:200px; text-align:center;">
                         <div style="font-size: 2rem;">🔍</div>
-                        <strong>Claim Extractor</strong>
-                        <p style="font-size: 0.9rem; margin: 0.5rem 0;">Identifies suspicious content and claims</p>
+                        <strong style="color:#111827;">Claim Extractor</strong>
+                        <p style="font-size: 0.9rem; color:#374151;">Identifies suspicious content & claims</p>
                     </div>
-                    <div style="text-align: center; padding: 1rem;">
+                    <div style="flex:1; min-width:200px; text-align:center;">
                         <div style="font-size: 2rem;">⚖️</div>
-                        <strong>Fact Checker</strong>
-                        <p style="font-size: 0.9rem; margin: 0.5rem 0;">Verifies claims and calculates risk</p>
+                        <strong style="color:#111827;">Fact Checker</strong>
+                        <p style="font-size: 0.9rem; color:#374151;">Verifies claims & calculates risk</p>
                     </div>
-                    <div style="text-align: center; padding: 1rem;">
+                    <div style="flex:1; min-width:200px; text-align:center;">
                         <div style="font-size: 2rem;">📋</div>
-                        <strong>Safety Advisor</strong>
-                        <p style="font-size: 0.9rem; margin: 0.5rem 0;">Provides clear guidance and next steps</p>
+                        <strong style="color:#111827;">Safety Advisor</strong>
+                        <p style="font-size: 0.9rem; color:#374151;">Gives clear guidance & next steps</p>
                     </div>
                 </div>
             </div>
         """)
-        
-        # Simple Input Section
-        gr.HTML("""
-            <h3 style="text-align: center; margin-bottom: 1rem;">
-                📱 Analyze Suspicious Message or URL
-            </h3>
-        """)
-        
+
+        # Input section
         message_input = gr.Textbox(
             label="🚨 Suspicious Message or URL",
-            placeholder="Paste the suspicious message, email content, or URL you want to verify...",
+            placeholder="Paste the suspicious message, email content, or URL...",
             lines=5
         )
-        
+
         analyze_btn = gr.Button("🔍 Analyze for Scams", variant="primary", size="lg")
-        
-        # Simple Output Section
-        output = gr.Textbox(
-            label="📊 Scam Analysis Report",
-            lines=25,
-            show_copy_button=True,
-            placeholder="""Your detailed scam analysis will appear here...\n\n🎯 ANALYSIS SUMMARY\n• Scam verdict and confidence level\n• Primary red flags identified\n• Risk assessment score\n\n🔍 DETAILED FINDINGS\n• Suspicious claims extracted\n• Pattern matching results\n• Technical analysis of links/contacts\n\n📋 SAFETY RECOMMENDATIONS\n• Immediate actions to take\n• What to avoid doing\n• How to report the scam\n• Prevention tips for future\n\nEnter a suspicious message above to begin analysis."""
-        )
-        
-        # Simple Examples
+
+        # Output section with styling
+        output = gr.HTML(label="📊 Scam Analysis Report", elem_id="output-box")
+
+        # Examples
         gr.Examples(
             examples=[
                 ["URGENT: Your account will be suspended! Click here immediately to verify: http://suspicious-bank-verify.tk/login"],
                 ["Congratulations! You've won $10,000! Claim your prize now by clicking this link and entering your bank details."],
                 ["Your package is held at customs. Pay $50 shipping fee to release: https://bit.ly/customs-fee-pay"],
-                ["FINAL NOTICE: IRS requires immediate payment of $2,500 or face legal action. Call now: 555-SCAM"],
-                ["Hello dear, I am Prince Williams from Nigeria with $10 million to share with you..."],
             ],
             inputs=message_input,
             label="🧪 Try These Example Scams"
         )
-        
-        # Simple Footer
+
+        # Footer
         gr.HTML("""
             <div style="text-align: center; padding: 2rem; margin-top: 2rem; border-top: 1px solid #eee;">
                 <p><strong>Scam-Signal Verifier</strong> • AI-Powered Fraud Detection</p>
@@ -250,31 +173,22 @@ def create_gradio_interface():
                 </p>
             </div>
         """)
-        
-        # Event Handlers
+
+        # Events
         analyze_btn.click(
             fn=analyze_scam,
             inputs=[message_input],
-            outputs=output,
-            show_progress=True
+            outputs=output
         )
-        
+
         message_input.submit(
             fn=analyze_scam,
             inputs=[message_input],
-            outputs=output,
-            show_progress=True
+            outputs=output
         )
-    
+
     return interface
 
-# Launch the application
 if __name__ == "__main__":
     app = create_gradio_interface()
-    app.launch(
-        share=False,
-        server_name="0.0.0.0",
-        server_port=7860,
-        show_api=False,
-        inbrowser=False
-    )
+    app.launch(server_name="0.0.0.0", server_port=7860)