Update app.py

app.py

@@ -508,12 +508,7 @@ def format_question(q: Dict) -> str:
     try:
         # Extract and validate basic question data
         title = q.get('title', 'Untitled')
-        source = q.get('source', '').lower()  # Convert to lowercase for consistent comparison
-        
-        # Log available fields for debugging
-        logger.info(f"Question fields: {list(q.keys())}")
-        if 'created_utc_ts' in q:
-            logger.info(f"Raw created_utc_ts value: {q['created_utc_ts']}")
+        source = q.get('source', '').lower()
         
         # Format metadata section based on source
         metadata_html = ""
@@ -523,19 +518,18 @@ def format_question(q: Dict) -> str:
         if 'author' in q or 'created_utc_ts' in q:
             author = q.get('author', 'Unknown author')
             created_date = format_neo4j_datetime(q.get('created_utc_ts'))
-            logger.info(f"Question {title}: author={author}, date={created_date}")
             upvotes = q.get('upvotes', 0)
             num_comments = q.get('num_comments', 0)
             
             metadata_html = f"""
-            <div class="question-meta" style="font-size: 0.9em; color: #cbd5e1; margin-bottom: 15px;">
-                <span style="color: #93c5fd; font-weight: 500;">{author}</span>
+            <div class="question-meta" style="font-size: 0.9em; margin-bottom: 15px;">
+                <span style="color: #219ebc; font-weight: 500;">{author}</span>
                 {' asked' if source == 'stack_exchange' else ' posted'} on 
-                <span style="color: #94a3b8;">{created_date}</span>
+                <span style="color: #333333;">{created_date}</span>
                 <div class="stats" style="margin-top: 5px;">
-                    <span title="Upvotes"><span style="color: #93c5fd;">▲</span> {upvotes}</span>
-                    <span style="margin-left: 15px;" title="Comments"><span style="color: #93c5fd;">💬</span> {num_comments}</span>
-            </div>
+                    <span title="Upvotes"><span style="color: #219ebc;">▲</span> {upvotes}</span>
+                    <span style="margin-left: 15px;" title="Comments"><span style="color: #219ebc;">💬</span> {num_comments}</span>
+                </div>
             </div>
             """
         
@@ -544,7 +538,7 @@ def format_question(q: Dict) -> str:
             body = q.get('body', '')
             if body:
                 content_html = f"""
-                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #e2e8f0; line-height: 1.6;">
+                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #333333; line-height: 1.6;">
                     {process_body(body, title)}
                 </div>
                 """
@@ -553,12 +547,11 @@ def format_question(q: Dict) -> str:
             correct_answer = q.get('correct_answer', '')
             incorrect_answers = q.get('incorrect_answers', [])
             
-            # Create answer options HTML
             answers = [correct_answer] + incorrect_answers if incorrect_answers else [correct_answer]
             answers_html = "".join([
                 f"""
-                <div class="answer-option" style="margin: 8px 0; padding: 10px; background: rgba(51, 65, 85, 0.4); border-radius: 6px; border-left: 3px solid {'#10b981' if answer == correct_answer else '#475569'};">
-                    <span style="color: {'#34d399' if answer == correct_answer else '#94a3b8'};">
+                <div class="answer-option" style="margin: 8px 0; padding: 10px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6; border-left: 3px solid {'#219ebc' if answer == correct_answer else '#8ecae6'};">
+                    <span style="color: #333333;">
                         {answer}
                     </span>
                 </div>
@@ -568,7 +561,7 @@ def format_question(q: Dict) -> str:
             
             content_html = f"""
             <div class="answers-container" style="margin-top: 15px;">
-                <div style="color: #94a3b8; margin-bottom: 10px;">Answer options:</div>
+                <div style="color: #333333; margin-bottom: 10px;">Answer options:</div>
                 {answers_html}
             </div>
             """
@@ -577,56 +570,53 @@ def format_question(q: Dict) -> str:
             correct_answer = q.get('correct_answer', '')
             if correct_answer:
                 content_html = f"""
-                <div class="answer" style="margin-top: 15px; padding: 15px; background: rgba(51, 65, 85, 0.4); border-radius: 6px; border-left: 3px solid #10b981;">
-                    <div style="color: #94a3b8; margin-bottom: 10px;">Answer:</div>
-                    <div style="color: #34d399;">{correct_answer}</div>
+                <div class="answer" style="margin-top: 15px; padding: 15px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6;">
+                    <div style="color: #333333; margin-bottom: 10px;">Answer:</div>
+                    <div style="color: #333333;">{correct_answer}</div>
                 </div>
                 """
             
         elif source == "reddit":
-            # Add subreddit to metadata if available
             if 'subreddit' in q:
                 subreddit = q.get('subreddit', '')
                 metadata_html = metadata_html.replace(
                     'posted on',
-                    f'posted in <span style="color: #60a5fa; font-weight: 500;">r/{subreddit}</span> on'
+                    f'posted in <span style="color: #219ebc; font-weight: 500;">r/{subreddit}</span> on'
                 )
         
-        # If no specific content is set, try to use any available content fields
         if not content_html:
             if 'body' in q:
                 content_html = f"""
-                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #e2e8f0; line-height: 1.6;">
+                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #333333; line-height: 1.6;">
                     {process_body(q['body'], title)}
                 </div>
                 """
             elif 'correct_answer' in q:
                 content_html = f"""
-                <div class="answer" style="margin-top: 15px; padding: 15px; background: rgba(51, 65, 85, 0.4); border-radius: 6px;">
-                    <div style="color: #94a3b8; margin-bottom: 10px;">Answer:</div>
-                    <div style="color: #e2e8f0;">{q['correct_answer']}</div>
+                <div class="answer" style="margin-top: 15px; padding: 15px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6;">
+                    <div style="color: #333333; margin-bottom: 10px;">Answer:</div>
+                    <div style="color: #333333;">{q['correct_answer']}</div>
                 </div>
                 """
         
         # Get source-specific icon and color
         source_icon = {
-            'stack_exchange': '⚡', # Lightning bolt for Stack Exchange
-            'reddit': '🔸',  # Orange diamond for Reddit
-            'wikipedia': '📚',  # Books for Wikipedia
-            'trivia': '🎯',  # Target/bullseye for Trivia
-        }.get(source, '❔')  # Question mark as fallback
+            'stack_exchange': '⚡',
+            'reddit': '🔸',
+            'wikipedia': '📚',
+            'trivia': '🎯',
+        }.get(source, '❔')
         
         source_color = {
-            'stack_exchange': '#60a5fa',  # Blue
-            'reddit': '#f97316',  # Orange
-            'wikipedia': '#22c55e',  # Green
-            'trivia': '#eab308',  # Yellow
-        }.get(source, '#60a5fa')  # Default blue
+            'stack_exchange': '#219ebc',
+            'reddit': '#fb8500',
+            'wikipedia': '#4caf50',
+            'trivia': '#ffb703',
+        }.get(source, '#219ebc')
         
-        # Create the source badge with icon
         source_display = source.title() if source else "Unknown"
         source_badge = f"""
-        <div class="source-badge" style="display: inline-flex; align-items: center; padding: 4px 8px; background: rgba(51, 65, 85, 0.5); border-radius: 4px; margin-right: 10px; border: 1px solid {source_color}25;">
+        <div class="source-badge" style="display: inline-flex; align-items: center; padding: 4px 8px; background: #f9fafc; border-radius: 4px; margin-right: 10px; border: 1px solid {source_color};">
             <span style="margin-right: 6px; font-size: 1.1em;">{source_icon}</span>
             <span style="color: {source_color}; font-size: 0.9em; font-weight: 500;">{source_display}</span>
         </div>
@@ -643,11 +633,9 @@ def format_question(q: Dict) -> str:
                     'type': type_
                 })
         
-        # Format interests by type
         keywords = [i['name'] for i in interests_with_types if i['type'] == 'keyword']
         topics = [i['name'] for i in interests_with_types if i['type'] == 'topic']
         
-        # Create interests display string
         interests_display = []
         if keywords:
             interests_display.append(f"Keywords: {format_interest_list(set(keywords), max_items=3)}")
@@ -655,30 +643,29 @@ def format_question(q: Dict) -> str:
             interests_display.append(f"Topics: {format_interest_list(set(topics), max_items=3)}")
         interests_str = " | ".join(interests_display) if interests_display else "No common interests found"
         
-        # Calculate relevance score display
         relevance_score = q.get('relevance_score', 0)
         score_display = f"""
-        <div class="relevance-score" style="display: inline-block; padding: 4px 8px; background: rgba(59, 130, 246, 0.2); border-radius: 4px; margin-left: 10px;">
-            <span style="color: #93c5fd; font-size: 0.9em;">Relevance: {relevance_score:.2f}</span>
+        <div class="relevance-score" style="display: inline-block; padding: 4px 8px; background: #f9fafc; border-radius: 4px; margin-left: 10px; border: 1px solid #8ecae6;">
+            <span style="color: #219ebc; font-size: 0.9em;">Relevance: {relevance_score:.2f}</span>
         </div>
         """ if relevance_score > 0 else ""
         
         # Create the question card HTML
         question_html = f"""
-        <div class="question-card" style="background: rgba(51, 65, 85, 0.5); padding: 20px; border-radius: 8px; margin: 15px 0; border: 1px solid rgba(148, 163, 184, 0.2);">
-            <div class="question-header" style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
+        <div class="question-card" style="background: #ffffff; padding: 20px; border-radius: 8px; margin: 15px 0; border: 1px solid #219ebc; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
+            <div class="question-header" style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; border-bottom: 1px solid #8ecae6; padding-bottom: 10px;">
                 <div style="flex: 1; display: flex; align-items: center;">
                     {source_badge}
-                    <h3 style="color: #60a5fa; margin: 0; font-size: 1.4em; display: inline;">{title}</h3>
+                    <h3 style="color: #023047; margin: 0; font-size: 1.4em; display: inline;">{title}</h3>
                 </div>
                 {score_display}
             </div>
             
             {metadata_html}
             
-            <div class="interests-bar" style="margin: 15px 0; padding: 10px; background: rgba(30, 41, 59, 0.4); border-radius: 6px; border-left: 3px solid #3b82f6;">
-                <div style="color: #94a3b8; font-size: 0.9em;">Common Interests:</div>
-                <div style="color: #93c5fd; font-weight: 500; margin-top: 5px;">{interests_str}</div>
+            <div class="interests-bar" style="margin: 15px 0; padding: 10px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6; border-left: 3px solid #219ebc;">
+                <div style="color: #333333; font-size: 0.9em;">Common Interests:</div>
+                <div style="color: #219ebc; font-weight: 500; margin-top: 5px;">{interests_str}</div>
             </div>
             
             {content_html}
@@ -690,8 +677,8 @@ def format_question(q: Dict) -> str:
     except Exception as e:
         logger.error(f"Error formatting question: {str(e)}")
         return f"""
-        <div style="background: rgba(239, 68, 68, 0.2); padding: 15px; border-radius: 8px; margin: 10px 0; border: 1px solid rgba(239, 68, 68, 0.3);">
-            <div style="color: #fca5a5;">Error displaying question: {str(e)}</div>
+        <div style="background: #fee2e2; padding: 15px; border-radius: 8px; margin: 10px 0; border: 1px solid #dc2626;">
+            <div style="color: #dc2626;">Error displaying question: {str(e)}</div>
         </div>
         """