feat: Multiple updates - HTML optimization, dual API search, text story tuning, Messenger UI

modules/fact_image/services/text_overlay.py

@@ -34,9 +34,9 @@ class TextOverlay:
     LINE_SPACING = 1.3
     
     # Layout settings
-    HEADING_TOP_PERCENT = 0.40  # Heading starts at 40% from top
-    TEXT_TOP_PERCENT = 0.50  # Fact text starts at 50% from top
-    GAP_HEADING_TEXT = 80  # Gap between heading and fact text (fallback)
+    HEADING_TOP_PERCENT = 0.30  # Heading starts at 30% from top (more visible)
+    TEXT_TOP_PERCENT = 0.45  # Fact text starts at 45% from top
+    GAP_HEADING_TEXT = 60  # Gap between heading and fact text (fallback)
     
     def __init__(self, font_path: Optional[str] = None):
         """
@@ -195,8 +195,8 @@ class TextOverlay:
         # Calculate heading dimensions if present
         heading_height = 0
         heading_width = 0
-        heading_bg_padding = 22
-        heading_bg_radius = 28
+        heading_bg_padding = 12  # Tight padding - close to text
+        heading_bg_radius = 15  # Smaller radius for tighter look
         
         if heading:
             heading_bbox = draw.textbbox((0, 0), heading, font=heading_font)
@@ -228,7 +228,7 @@ class TextOverlay:
             
             # Draw background if enabled
             if heading_background and heading_background.get('enabled', True):
-                bg_color = self._parse_rgba(heading_background.get('color', 'rgba(0, 0, 0, 0.45)'))
+                bg_color = self._parse_rgba(heading_background.get('color', 'rgba(255, 109, 128, 0.95)'))
                 
                 bg_x1 = heading_x - heading_bg_padding
                 bg_y1 = current_y - heading_bg_padding // 2
@@ -252,11 +252,36 @@ class TextOverlay:
             
             current_y += heading_height + heading_bg_padding + gap_between
         
-        # Draw fact text with shadow/outline
+        # Draw fact text with glass background
         # Use fixed position at 50% from top
         fact_text_y = text_y if heading else int(self.TARGET_HEIGHT * 0.40)
         text_x = (self.TARGET_WIDTH - text_width) // 2
         
+        # Draw glass background behind fact text
+        glass_padding = 35
+        glass_radius = 25
+        glass_x1 = text_x - glass_padding
+        glass_y1 = fact_text_y - glass_padding
+        glass_x2 = text_x + text_width + glass_padding
+        glass_y2 = fact_text_y + text_height + glass_padding
+        
+        # Glassmorphism effect - semi-transparent dark with slight blur effect
+        glass_color = (0, 0, 0, 100)  # Dark glass with 40% opacity
+        self._draw_rounded_rect(
+            draw,
+            (glass_x1, glass_y1, glass_x2, glass_y2),
+            glass_radius,
+            glass_color
+        )
+        
+        # Draw subtle border for glass effect
+        draw.rounded_rectangle(
+            (glass_x1, glass_y1, glass_x2, glass_y2),
+            radius=glass_radius,
+            outline=(255, 255, 255, 40),  # Subtle white border
+            width=2
+        )
+        
         # Draw outline (multiple directions for thickness)
         for dx in range(-outline_width, outline_width + 1):
             for dy in range(-outline_width, outline_width + 1):

modules/text_story/services/renderer.py

@@ -33,22 +33,23 @@ LAYOUT = {
     "max_chat_height": 1100,     # Maximum height of entire chat box
 }
 
-# Colors (iMessage dark style from reference)
+# Colors (Facebook Messenger style - white/light theme)
 COLORS = {
-    # Header (dark)
-    "header_bg": (28, 28, 30),        # #1C1C1E - Dark header
+    # Header (white/light gray)
+    "header_bg": (255, 255, 255),         # White header
     
-    # Bubbles (exactly like reference)
-    "bubble_other": (58, 58, 60),     # #3A3A3C - Gray for left (other person)
-    "bubble_user": (0, 122, 255),     # #007AFF - Blue for right (user)
+    # Bubbles (Messenger style)
+    "bubble_other": (228, 230, 235),      # Light gray for left (other person)
+    "bubble_user": (0, 132, 255),         # Messenger blue for right (user)
     
     # Text
-    "text_white": (255, 255, 255),    # White text
-    "text_gray": (142, 142, 147),     # #8E8E93 - Secondary text
-    "text_blue": (0, 122, 255),       # Blue accent
+    "text_white": (255, 255, 255),        # White text (for blue bubble)
+    "text_black": (5, 5, 5),              # Black text (for gray bubble)
+    "text_gray": (101, 103, 107),         # Secondary text
+    "text_blue": (0, 132, 255),           # Blue accent
     
     # Background
-    "chat_bg": (0, 0, 0),             # Black chat area background
+    "chat_bg": (255, 255, 255),           # White chat area background
 }
 
 # UI Measurements
@@ -234,13 +235,14 @@ class ChatRenderer:
             fill=color
         )
         
-        # Draw text
+        # Draw text (white on blue, black on gray)
+        text_color = COLORS["text_white"] if is_user else COLORS.get("text_black", (5, 5, 5))
         text_x = x + UI["bubble_padding_h"]
         text_y = y + UI["bubble_padding_v"]
         line_height = self.font.getbbox("Ay")[3] + 4
         
         for line in lines:
-            draw.text((text_x, text_y), line, fill=COLORS["text_white"], font=self.font)
+            draw.text((text_x, text_y), line, fill=text_color, font=self.font)
             text_y += line_height
         
         return y + height

modules/text_story/services/tts_handler.py

@@ -53,7 +53,7 @@ class TTSHandler:
                     "model": "kokoro",
                     "input": text,
                     "voice": voice,
-                    "speed": 1.3  # Faster voice for engaging content
+                    "speed": 1.4  # Faster voice for engaging content
                 }
                 
                 async with session.post(

modules/text_story/services/video_composer.py

@@ -21,18 +21,18 @@ from .tts_handler import TTSHandler
 
 logger = logging.getLogger(__name__)
 
-# Timing configurations (realistic chat behavior)
+# Timing configurations (fast-paced for engaging content)
 TIMING = {
-    "typing_base": 0.5,          # Base typing indicator duration
-    "typing_per_char": 0.008,    # Additional time per character
-    "typing_max": 1.2,           # Max typing duration
-    "human_pause_min": 0.3,      # Minimum pause before message
-    "human_pause_max": 0.8,      # Maximum pause
-    "voice_delay": 0.15,         # Gap between text appear and voice
-    "micro_silence": 0.3,        # Silence between messages
-    "last_msg_pause": 1.5,       # Pause after last message
-    "ending_duration": 3.0,      # Ending text duration
-    "ending_fade": 0.5,          # Ending fade in/out
+    "typing_base": 0.25,          # Base typing indicator duration (reduced)
+    "typing_per_char": 0.004,     # Additional time per character (halved)
+    "typing_max": 0.6,            # Max typing duration (halved)
+    "human_pause_min": 0.1,       # Minimum pause before message (reduced)
+    "human_pause_max": 0.3,       # Maximum pause (reduced)
+    "voice_delay": 0.08,          # Gap between text appear and voice (reduced)
+    "micro_silence": 0.12,        # Silence between messages (reduced from 0.3)
+    "last_msg_pause": 0.8,        # Pause after last message (reduced)
+    "ending_duration": 2.5,       # Ending text duration
+    "ending_fade": 0.3,           # Ending fade in/out
 }
 
 

modules/video_creator/services/short_creator.py

@@ -197,35 +197,62 @@ class ShortCreator:
                 # Ensure keywords is a list for find_video
                 search_keywords = keywords if isinstance(keywords, list) else [keywords]
                 
-                # Try Pexels first (if configured)
+                # Search BOTH platforms (if configured) - pick best result
                 pexels_video = None
                 pixabay_video = None
                 selected_video = None
+                video_source = None  # Track which platform we use
                 
+                # Try Pexels (if configured)
                 if self.pexels:
-                    logger.debug(f"Trying Pexels for: {search_keywords}")
-                    pexels_video = self.pexels.find_video(
-                        search_keywords,
-                        search_duration,
-                        exclude_video_ids,
-                        orientation
-                    )
-                    if pexels_video:
-                        selected_video = pexels_video
-                        logger.info(f"Found video on Pexels for '{keyword}'")
+                    try:
+                        logger.debug(f"Searching Pexels for: {search_keywords}")
+                        pexels_video = self.pexels.find_video(
+                            search_keywords,
+                            search_duration,
+                            exclude_video_ids,
+                            orientation
+                        )
+                    except Exception as e:
+                        logger.warning(f"Pexels search failed: {e}")
                 
-                # Try Pixabay if Pexels didn't find anything (and Pixabay is configured)
-                if not selected_video and self.pixabay:
-                    logger.debug(f"Trying Pixabay for: {search_keywords}")
-                    pixabay_video = self.pixabay.find_video(
-                        search_keywords,
-                        search_duration,
-                        exclude_video_ids,
-                        orientation
-                    )
-                    if pixabay_video:
+                # Try Pixabay (if configured) - ALWAYS try both
+                if self.pixabay:
+                    try:
+                        logger.debug(f"Searching Pixabay for: {search_keywords}")
+                        pixabay_video = self.pixabay.find_video(
+                            search_keywords,
+                            search_duration,
+                            exclude_video_ids,
+                            orientation
+                        )
+                    except Exception as e:
+                        logger.warning(f"Pixabay search failed: {e}")
+                
+                # Smart Selection: Pick best video based on duration match
+                if pexels_video and pixabay_video:
+                    # Both found - pick the one closer to required duration
+                    pexels_dur_diff = abs(pexels_video.get("duration", 0) - search_duration)
+                    pixabay_dur_diff = abs(pixabay_video.get("duration", 0) - search_duration)
+                    
+                    if pexels_dur_diff <= pixabay_dur_diff:
+                        selected_video = pexels_video
+                        video_source = "Pexels"
+                    else:
                         selected_video = pixabay_video
-                        logger.info(f"Found video on Pixabay for '{keyword}'")
+                        video_source = "Pixabay"
+                        
+                    logger.info(f"Both APIs found videos - selected {video_source} (better duration match)")
+                    
+                elif pexels_video:
+                    selected_video = pexels_video
+                    video_source = "Pexels"
+                    logger.info(f"Found video on Pexels for '{keyword}'")
+                    
+                elif pixabay_video:
+                    selected_video = pixabay_video
+                    video_source = "Pixabay"
+                    logger.info(f"Found video on Pixabay for '{keyword}'")
                 
                 # If no video found on either platform
                 if not selected_video:
@@ -235,7 +262,7 @@ class ShortCreator:
                 temp_files.append(video_path)
                 
                 # Download video
-                logger.debug(f"Downloading video for '{keyword}' (Target: {audio_duration:.2f}s)")
+                logger.debug(f"Downloading {video_source} video for '{keyword}' (Target: {audio_duration:.2f}s)")
                 response = requests.get(selected_video["url"], stream=True, timeout=30)
                 response.raise_for_status()
                 
@@ -255,7 +282,8 @@ class ShortCreator:
                 norm_path.rename(video_path)
                 
                 video_found = True
-                exclude_video_ids.append(pexels_video["id"])
+                exclude_video_ids.append(selected_video["id"])  # Fixed: use selected_video
+
                 
             except Exception as e:
                 logger.warning(f"Video search/download failed for '{keyword}': {e}. Trying photo fallback.")