Add Trends module with PyTrends - Trending Now, Keyword Research, YouTube Trends

modules/trends/__init__.py

@@ -0,0 +1,34 @@
+"""
+Trends Module - Google Trends Analysis
+Uses pytrends for trend data analysis
+"""
+import logging
+from fastapi import APIRouter
+from config import NCAkitConfig
+
+from .router import router
+from .services.trends_client import TrendsClient
+
+logger = logging.getLogger(__name__)
+
+# Module will be initialized during registration
+trends_client = None
+
+
+def register(app, config: NCAkitConfig):
+    """Register trends module with the app"""
+    global trends_client
+    
+    try:
+        # Initialize trends client
+        trends_client = TrendsClient()
+        
+        # Include router
+        app.include_router(router, prefix="/api/trends", tags=["Trends"])
+        
+        logger.info("Trends module registered successfully")
+        return True
+        
+    except Exception as e:
+        logger.error(f"Failed to register trends module: {e}")
+        return False

modules/trends/router.py

@@ -0,0 +1,141 @@
+"""
+Trends Module Router
+API endpoints for Google Trends data
+"""
+import logging
+from fastapi import APIRouter, HTTPException
+
+from .schemas import (
+    TrendingNowRequest,
+    TrendingNowResponse,
+    KeywordResearchRequest,
+    KeywordResearchResponse,
+    YouTubeTrendsRequest,
+    TrendingTopic
+)
+from . import trends_client
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+
+@router.post("/trending-now",
+    response_model=TrendingNowResponse,
+    summary="Get trending topics",
+    description="Get currently trending searches for a country"
+)
+async def get_trending_now(request: TrendingNowRequest):
+    """
+    Get trending searches right now.
+    
+    - Returns top trending topics sorted by popularity
+    - Supports different countries
+    """
+    try:
+        results = trends_client.get_trending_now(
+            country=request.country,
+            limit=request.limit
+        )
+        
+        return TrendingNowResponse(
+            success=True,
+            count=len(results),
+            trends=[TrendingTopic(**r) for r in results]
+        )
+        
+    except Exception as e:
+        logger.error(f"Error getting trending now: {e}")
+        raise HTTPException(status_code=500, detail=str(e))
+
+
+@router.post("/keyword-research",
+    response_model=KeywordResearchResponse,
+    summary="Keyword research",
+    description="Get related topics and queries for a keyword"
+)
+async def keyword_research(request: KeywordResearchRequest):
+    """
+    Complete keyword research - related topics and queries.
+    
+    - Related Topics: topics related to the keyword
+    - Related Queries: search queries people also search
+    - Sorted by search volume (highest first)
+    """
+    try:
+        results = trends_client.keyword_research(
+            keyword=request.keyword,
+            region=request.region,
+            timeframe=request.timeframe.value,
+            category=request.category.value,
+            search_type=request.search_type.value
+        )
+        
+        return KeywordResearchResponse(
+            success=True,
+            **results
+        )
+        
+    except Exception as e:
+        logger.error(f"Error in keyword research: {e}")
+        raise HTTPException(status_code=500, detail=str(e))
+
+
+@router.post("/youtube-trends",
+    response_model=KeywordResearchResponse,
+    summary="YouTube trends",
+    description="Get YouTube-specific trends for a keyword"
+)
+async def youtube_trends(request: YouTubeTrendsRequest):
+    """
+    Get YouTube-specific trends and related content.
+    """
+    try:
+        results = trends_client.get_youtube_trends(
+            keyword=request.keyword,
+            region=request.region,
+            timeframe=request.timeframe.value
+        )
+        
+        return KeywordResearchResponse(
+            success=True,
+            **results
+        )
+        
+    except Exception as e:
+        logger.error(f"Error getting YouTube trends: {e}")
+        raise HTTPException(status_code=500, detail=str(e))
+
+
+@router.get("/categories",
+    summary="List categories",
+    description="Get list of available categories"
+)
+async def list_categories():
+    """Get all available trend categories"""
+    from .services.trends_client import TrendsClient
+    return {
+        "categories": list(TrendsClient.CATEGORIES.keys())
+    }
+
+
+@router.get("/countries",
+    summary="List countries",
+    description="Get list of supported countries"
+)
+async def list_countries():
+    """Get commonly used country codes"""
+    return {
+        "countries": [
+            {"code": "united_states", "name": "United States"},
+            {"code": "united_kingdom", "name": "United Kingdom"},
+            {"code": "india", "name": "India"},
+            {"code": "bangladesh", "name": "Bangladesh"},
+            {"code": "japan", "name": "Japan"},
+            {"code": "germany", "name": "Germany"},
+            {"code": "france", "name": "France"},
+            {"code": "brazil", "name": "Brazil"},
+            {"code": "canada", "name": "Canada"},
+            {"code": "australia", "name": "Australia"},
+        ]
+    }

modules/trends/schemas.py

@@ -0,0 +1,132 @@
+"""
+Trends Module Schemas
+Pydantic models for request/response
+"""
+from pydantic import BaseModel, Field
+from typing import Optional, List
+from enum import Enum
+
+
+# ===================
+# Enums
+# ===================
+
+class CategoryEnum(str, Enum):
+    """Available categories"""
+    all = "all"
+    arts_entertainment = "arts_entertainment"
+    autos_vehicles = "autos_vehicles"
+    beauty_fitness = "beauty_fitness"
+    books_literature = "books_literature"
+    business_industrial = "business_industrial"
+    computers_electronics = "computers_electronics"
+    finance = "finance"
+    food_drink = "food_drink"
+    games = "games"
+    health = "health"
+    hobbies_leisure = "hobbies_leisure"
+    home_garden = "home_garden"
+    internet_telecom = "internet_telecom"
+    jobs_education = "jobs_education"
+    news = "news"
+    science = "science"
+    shopping = "shopping"
+    sports = "sports"
+    travel = "travel"
+
+
+class TimeframeEnum(str, Enum):
+    """Available timeframes"""
+    now_1h = "now_1h"
+    now_4h = "now_4h"
+    now_1d = "now_1d"
+    now_7d = "now_7d"
+    today_1m = "today_1m"
+    today_3m = "today_3m"
+    today_12m = "today_12m"
+    today_5y = "today_5y"
+
+
+class SearchTypeEnum(str, Enum):
+    """Search types"""
+    web = "web"
+    youtube = "youtube"
+    news = "news"
+    images = "images"
+    shopping = "shopping"
+
+
+# ===================
+# Request Models
+# ===================
+
+class TrendingNowRequest(BaseModel):
+    """Request for trending now"""
+    country: str = Field("united_states", description="Country name (e.g., 'bangladesh', 'india', 'united_states')")
+    limit: int = Field(20, ge=1, le=50, description="Number of results")
+
+
+class KeywordResearchRequest(BaseModel):
+    """Request for keyword research"""
+    keyword: str = Field(..., description="Search keyword")
+    region: str = Field("", description="Region code (empty for worldwide, e.g., 'US', 'BD', 'IN')")
+    timeframe: TimeframeEnum = Field(TimeframeEnum.today_12m, description="Time range")
+    category: CategoryEnum = Field(CategoryEnum.all, description="Category")
+    search_type: SearchTypeEnum = Field(SearchTypeEnum.web, description="Search type")
+
+
+class YouTubeTrendsRequest(BaseModel):
+    """Request for YouTube trends"""
+    keyword: str = Field(..., description="Search keyword")
+    region: str = Field("", description="Region code (empty for worldwide)")
+    timeframe: TimeframeEnum = Field(TimeframeEnum.today_12m, description="Time range")
+
+
+# ===================
+# Response Models
+# ===================
+
+class TrendingTopic(BaseModel):
+    """Single trending topic"""
+    rank: int
+    topic: str
+    country: str
+
+
+class TrendingNowResponse(BaseModel):
+    """Response for trending now"""
+    success: bool
+    count: int
+    trends: List[TrendingTopic]
+
+
+class TopicItem(BaseModel):
+    """Single topic item"""
+    topic: str
+    type: Optional[str] = None
+    value: int
+
+
+class QueryItem(BaseModel):
+    """Single query item"""
+    query: str
+    value: str
+
+
+class RelatedData(BaseModel):
+    """Related topics/queries data"""
+    keyword: str
+    top: List[dict]
+    rising: List[dict]
+
+
+class KeywordResearchResponse(BaseModel):
+    """Response for keyword research"""
+    success: bool
+    keyword: str
+    region: str
+    timeframe: str
+    category: str
+    search_type: str
+    related_topics: dict
+    related_queries: dict

modules/trends/services/__init__.py

@@ -0,0 +1 @@
+# Services init

modules/trends/services/trends_client.py

@@ -0,0 +1,346 @@
+"""
+Trends Client - PyTrends Wrapper
+Provides Google Trends and YouTube Trends data
+"""
+import logging
+from typing import Optional, List, Dict
+from pytrends.request import TrendReq
+import pandas as pd
+
+logger = logging.getLogger(__name__)
+
+
+class TrendsClient:
+    """
+    Client for Google Trends data using pytrends.
+    
+    Features:
+    - Trending Now (daily trends)
+    - Related Topics
+    - Related Queries
+    - YouTube Trends
+    """
+    
+    # Category codes
+    CATEGORIES = {
+        "all": 0,
+        "arts_entertainment": 3,
+        "autos_vehicles": 47,
+        "beauty_fitness": 44,
+        "books_literature": 22,
+        "business_industrial": 12,
+        "computers_electronics": 5,
+        "finance": 7,
+        "food_drink": 71,
+        "games": 8,
+        "health": 45,
+        "hobbies_leisure": 65,
+        "home_garden": 11,
+        "internet_telecom": 13,
+        "jobs_education": 958,
+        "law_government": 19,
+        "news": 16,
+        "online_communities": 299,
+        "people_society": 14,
+        "pets_animals": 66,
+        "real_estate": 29,
+        "reference": 533,
+        "science": 174,
+        "shopping": 18,
+        "sports": 20,
+        "travel": 67,
+    }
+    
+    # Timeframe options
+    TIMEFRAMES = {
+        "now_1h": "now 1-H",
+        "now_4h": "now 4-H",
+        "now_1d": "now 1-d",
+        "now_7d": "now 7-d",
+        "today_1m": "today 1-m",
+        "today_3m": "today 3-m",
+        "today_12m": "today 12-m",
+        "today_5y": "today 5-y",
+    }
+    
+    def __init__(self, hl: str = "en-US", tz: int = 360):
+        """
+        Initialize TrendsClient.
+        
+        Args:
+            hl: Host language
+            tz: Timezone offset
+        """
+        self.hl = hl
+        self.tz = tz
+        self.pytrends = TrendReq(hl=hl, tz=tz)
+        
+    def get_trending_now(
+        self,
+        country: str = "united_states",
+        limit: int = 20
+    ) -> List[Dict]:
+        """
+        Get currently trending searches.
+        
+        Args:
+            country: Country code (e.g., 'united_states', 'bangladesh', 'india')
+            limit: Number of results (default 20)
+            
+        Returns:
+            List of trending topics with rank
+        """
+        try:
+            # Get trending searches
+            df = self.pytrends.trending_searches(pn=country)
+            
+            results = []
+            for i, topic in enumerate(df[0].head(limit).tolist()):
+                results.append({
+                    "rank": i + 1,
+                    "topic": topic,
+                    "country": country
+                })
+            
+            logger.info(f"Got {len(results)} trending topics for {country}")
+            return results
+            
+        except Exception as e:
+            logger.error(f"Error getting trending searches: {e}")
+            return []
+    
+    def get_realtime_trends(
+        self,
+        country: str = "US",
+        category: str = "all",
+        limit: int = 20
+    ) -> List[Dict]:
+        """
+        Get realtime trending stories.
+        
+        Args:
+            country: Country code (US, BD, IN, etc.)
+            category: Category name
+            limit: Number of results
+            
+        Returns:
+            List of trending stories
+        """
+        try:
+            cat_code = self.CATEGORIES.get(category, 0)
+            
+            df = self.pytrends.realtime_trending_searches(pn=country)
+            
+            results = []
+            if not df.empty:
+                for i, row in df.head(limit).iterrows():
+                    results.append({
+                        "rank": i + 1,
+                        "title": row.get('title', ''),
+                        "entity_names": row.get('entityNames', []),
+                        "articles": row.get('articles', [])
+                    })
+            
+            logger.info(f"Got {len(results)} realtime trends")
+            return results
+            
+        except Exception as e:
+            logger.error(f"Error getting realtime trends: {e}")
+            return []
+    
+    def get_related_topics(
+        self,
+        keyword: str,
+        region: str = "",
+        timeframe: str = "today 12-m",
+        category: int = 0,
+        search_type: str = ""
+    ) -> Dict:
+        """
+        Get related topics for a keyword.
+        
+        Args:
+            keyword: Search keyword
+            region: Region code (empty for worldwide)
+            timeframe: Time range
+            category: Category code
+            search_type: 'youtube', 'news', 'images', 'froogle' or '' for web
+            
+        Returns:
+            Dict with 'top' and 'rising' topics
+        """
+        try:
+            self.pytrends.build_payload(
+                kw_list=[keyword],
+                cat=category,
+                timeframe=timeframe,
+                geo=region,
+                gprop=search_type
+            )
+            
+            data = self.pytrends.related_topics()
+            
+            result = {
+                "keyword": keyword,
+                "top": [],
+                "rising": []
+            }
+            
+            if keyword in data:
+                topic_data = data[keyword]
+                
+                # Top topics
+                if 'top' in topic_data and topic_data['top'] is not None:
+                    top_df = topic_data['top']
+                    for _, row in top_df.iterrows():
+                        result["top"].append({
+                            "topic": row.get('topic_title', ''),
+                            "type": row.get('topic_type', ''),
+                            "value": int(row.get('value', 0))
+                        })
+                
+                # Rising topics
+                if 'rising' in topic_data and topic_data['rising'] is not None:
+                    rising_df = topic_data['rising']
+                    for _, row in rising_df.iterrows():
+                        result["rising"].append({
+                            "topic": row.get('topic_title', ''),
+                            "type": row.get('topic_type', ''),
+                            "value": str(row.get('value', ''))
+                        })
+            
+            # Sort by value
+            result["top"] = sorted(result["top"], key=lambda x: x["value"], reverse=True)
+            
+            logger.info(f"Got {len(result['top'])} top and {len(result['rising'])} rising topics")
+            return result
+            
+        except Exception as e:
+            logger.error(f"Error getting related topics: {e}")
+            return {"keyword": keyword, "top": [], "rising": [], "error": str(e)}
+    
+    def get_related_queries(
+        self,
+        keyword: str,
+        region: str = "",
+        timeframe: str = "today 12-m",
+        category: int = 0,
+        search_type: str = ""
+    ) -> Dict:
+        """
+        Get related queries for a keyword.
+        
+        Args:
+            keyword: Search keyword
+            region: Region code (empty for worldwide)
+            timeframe: Time range
+            category: Category code
+            search_type: 'youtube', 'news', 'images', 'froogle' or '' for web
+            
+        Returns:
+            Dict with 'top' and 'rising' queries
+        """
+        try:
+            self.pytrends.build_payload(
+                kw_list=[keyword],
+                cat=category,
+                timeframe=timeframe,
+                geo=region,
+                gprop=search_type
+            )
+            
+            data = self.pytrends.related_queries()
+            
+            result = {
+                "keyword": keyword,
+                "top": [],
+                "rising": []
+            }
+            
+            if keyword in data:
+                query_data = data[keyword]
+                
+                # Top queries
+                if 'top' in query_data and query_data['top'] is not None:
+                    top_df = query_data['top']
+                    for _, row in top_df.iterrows():
+                        result["top"].append({
+                            "query": row.get('query', ''),
+                            "value": int(row.get('value', 0))
+                        })
+                
+                # Rising queries
+                if 'rising' in query_data and query_data['rising'] is not None:
+                    rising_df = query_data['rising']
+                    for _, row in rising_df.iterrows():
+                        result["rising"].append({
+                            "query": row.get('query', ''),
+                            "value": str(row.get('value', ''))
+                        })
+            
+            # Sort by value
+            result["top"] = sorted(result["top"], key=lambda x: x["value"], reverse=True)
+            
+            logger.info(f"Got {len(result['top'])} top and {len(result['rising'])} rising queries")
+            return result
+            
+        except Exception as e:
+            logger.error(f"Error getting related queries: {e}")
+            return {"keyword": keyword, "top": [], "rising": [], "error": str(e)}
+    
+    def keyword_research(
+        self,
+        keyword: str,
+        region: str = "",
+        timeframe: str = "today 12-m",
+        category: str = "all",
+        search_type: str = "web"
+    ) -> Dict:
+        """
+        Complete keyword research - combines related topics and queries.
+        
+        Args:
+            keyword: Search keyword
+            region: Region code (empty for worldwide)
+            timeframe: Time range key
+            category: Category name
+            search_type: 'web', 'youtube', 'news', 'images', 'shopping'
+            
+        Returns:
+            Combined dict with topics and queries
+        """
+        # Convert params
+        cat_code = self.CATEGORIES.get(category, 0)
+        tf = self.TIMEFRAMES.get(timeframe, "today 12-m")
+        gprop = "" if search_type == "web" else search_type
+        
+        # Get both
+        topics = self.get_related_topics(keyword, region, tf, cat_code, gprop)
+        queries = self.get_related_queries(keyword, region, tf, cat_code, gprop)
+        
+        return {
+            "keyword": keyword,
+            "region": region if region else "worldwide",
+            "timeframe": timeframe,
+            "category": category,
+            "search_type": search_type,
+            "related_topics": topics,
+            "related_queries": queries
+        }
+    
+    def get_youtube_trends(
+        self,
+        keyword: str,
+        region: str = "",
+        timeframe: str = "today 12-m"
+    ) -> Dict:
+        """
+        Get YouTube-specific trends for a keyword.
+        """
+        return self.keyword_research(
+            keyword=keyword,
+            region=region,
+            timeframe=timeframe,
+            category="all",
+            search_type="youtube"
+        )

requirements.txt

@@ -25,3 +25,7 @@ groq
 python-multipart
 huggingface_hub
 imageio-ffmpeg>=0.4.9
+
+# Trends Analysis
+pytrends
+pandas

static/index.html

@@ -273,6 +273,9 @@
             <button class="tab-btn" data-tab="fact">
                 🧠 Fact Image
             </button>
+            <button class="tab-btn" data-tab="trends">
+                📊 Trends
+            </button>
         </div>
 
         <!-- Story Reels Tab -->
@@ -460,6 +463,112 @@
         </div>
     </div>
 
+    <!-- Trends Tab -->
+    <div id="trends-tab" class="tab-content">
+        <div class="card">
+            <h2>📊 Trends Analysis</h2>
+            <p style="color: var(--text-secondary); margin-bottom: 1.5rem;">
+                Analyze Google Trends data for content planning
+            </p>
+
+            <!-- Trending Now Section -->
+            <div style="margin-bottom: 2rem;">
+                <h3 style="margin-bottom: 1rem;">🔥 Trending Now</h3>
+                <form id="trendingForm">
+                    <div class="form-row">
+                        <div class="form-group">
+                            <label>Country</label>
+                            <select id="trendCountry">
+                                <option value="united_states">United States</option>
+                                <option value="bangladesh">Bangladesh</option>
+                                <option value="india">India</option>
+                                <option value="united_kingdom">United Kingdom</option>
+                                <option value="japan">Japan</option>
+                                <option value="germany">Germany</option>
+                                <option value="brazil">Brazil</option>
+                                <option value="canada">Canada</option>
+                            </select>
+                        </div>
+                        <div class="form-group">
+                            <label>Limit</label>
+                            <select id="trendLimit">
+                                <option value="10">10</option>
+                                <option value="20" selected>20</option>
+                                <option value="30">30</option>
+                                <option value="50">50</option>
+                            </select>
+                        </div>
+                    </div>
+                    <button type="submit" class="submit-btn">Get Trending</button>
+                </form>
+                <div id="trendingResults" style="margin-top: 1rem;"></div>
+            </div>
+
+            <hr style="border-color: var(--border); margin: 2rem 0;">
+
+            <!-- Keyword Research Section -->
+            <div>
+                <h3 style="margin-bottom: 1rem;">🔍 Keyword Research</h3>
+                <form id="keywordForm">
+                    <div class="form-group">
+                        <label>Keyword *</label>
+                        <input type="text" id="researchKeyword" placeholder="e.g., AI, Python, Gaming" required>
+                    </div>
+                    <div class="form-row">
+                        <div class="form-group">
+                            <label>Region</label>
+                            <select id="researchRegion">
+                                <option value="">Worldwide</option>
+                                <option value="US">United States</option>
+                                <option value="BD">Bangladesh</option>
+                                <option value="IN">India</option>
+                                <option value="GB">United Kingdom</option>
+                            </select>
+                        </div>
+                        <div class="form-group">
+                            <label>Timeframe</label>
+                            <select id="researchTimeframe">
+                                <option value="now_1d">Last 24 hours</option>
+                                <option value="now_7d">Last 7 days</option>
+                                <option value="today_1m">Last month</option>
+                                <option value="today_3m">Last 3 months</option>
+                                <option value="today_12m" selected>Last 12 months</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-row">
+                        <div class="form-group">
+                            <label>Category</label>
+                            <select id="researchCategory">
+                                <option value="all">All Categories</option>
+                                <option value="computers_electronics">Computers & Electronics</option>
+                                <option value="games">Games</option>
+                                <option value="arts_entertainment">Arts & Entertainment</option>
+                                <option value="science">Science</option>
+                                <option value="news">News</option>
+                                <option value="sports">Sports</option>
+                                <option value="business_industrial">Business</option>
+                            </select>
+                        </div>
+                        <div class="form-group">
+                            <label>Search Type</label>
+                            <select id="researchType">
+                                <option value="web">Web Search</option>
+                                <option value="youtube">YouTube Search</option>
+                                <option value="news">News Search</option>
+                                <option value="images">Image Search</option>
+                            </select>
+                        </div>
+                    </div>
+                    <button type="submit" class="submit-btn">Analyze Keyword</button>
+                </form>
+                <div id="keywordResults" style="margin-top: 1rem;"></div>
+            </div>
+
+            <div id="trendsStatus" class="status hidden"></div>
+        </div>
+    </div>
+
     <script>
         // Tab switching
         document.querySelectorAll('.tab-btn').forEach(btn => {
@@ -674,6 +783,105 @@
             }
         });
 
+        // ==========================================
+        // TRENDS MODULE
+        // ==========================================
+
+        // Trending Now Form
+        document.getElementById('trendingForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const results = document.getElementById('trendingResults');
+            results.innerHTML = '<p>⏳ Loading trends...</p>';
+
+            const data = {
+                country: document.getElementById('trendCountry').value,
+                limit: parseInt(document.getElementById('trendLimit').value)
+            };
+
+            try {
+                const res = await fetch('/api/trends/trending-now', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(data)
+                });
+                const result = await res.json();
+
+                if (result.success) {
+                    let html = '<div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; max-height: 400px; overflow-y: auto;">';
+                    result.trends.forEach(t => {
+                        html += `<div style="padding: 0.5rem 0; border-bottom: 1px solid var(--border);">
+                            <span style="color: var(--accent); font-weight: bold;">#${t.rank}</span> ${t.topic}
+                        </div>`;
+                    });
+                    html += '</div>';
+                    results.innerHTML = html;
+                } else {
+                    results.innerHTML = '<p style="color: var(--error);">❌ Error: ' + (result.detail || 'Failed') + '</p>';
+                }
+            } catch (err) {
+                results.innerHTML = '<p style="color: var(--error);">❌ Error: ' + err.message + '</p>';
+            }
+        });
+
+        // Keyword Research Form
+        document.getElementById('keywordForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const results = document.getElementById('keywordResults');
+            results.innerHTML = '<p>⏳ Analyzing keyword...</p>';
+
+            const data = {
+                keyword: document.getElementById('researchKeyword').value,
+                region: document.getElementById('researchRegion').value,
+                timeframe: document.getElementById('researchTimeframe').value,
+                category: document.getElementById('researchCategory').value,
+                search_type: document.getElementById('researchType').value
+            };
+
+            try {
+                const res = await fetch('/api/trends/keyword-research', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(data)
+                });
+                const result = await res.json();
+
+                if (result.success) {
+                    let html = '<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">';
+
+                    // Related Topics
+                    html += '<div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem;">';
+                    html += '<h4 style="margin-bottom: 0.5rem;">📌 Related Topics</h4>';
+                    if (result.related_topics.top && result.related_topics.top.length > 0) {
+                        result.related_topics.top.slice(0, 10).forEach(t => {
+                            html += `<div style="padding: 0.25rem 0; font-size: 0.9rem;">${t.topic} <span style="color: var(--text-secondary);">(${t.value})</span></div>`;
+                        });
+                    } else {
+                        html += '<p style="color: var(--text-secondary); font-size: 0.9rem;">No data</p>';
+                    }
+                    html += '</div>';
+
+                    // Related Queries
+                    html += '<div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem;">';
+                    html += '<h4 style="margin-bottom: 0.5rem;">🔍 Related Queries</h4>';
+                    if (result.related_queries.top && result.related_queries.top.length > 0) {
+                        result.related_queries.top.slice(0, 10).forEach(q => {
+                            html += `<div style="padding: 0.25rem 0; font-size: 0.9rem;">${q.query} <span style="color: var(--text-secondary);">(${q.value})</span></div>`;
+                        });
+                    } else {
+                        html += '<p style="color: var(--text-secondary); font-size: 0.9rem;">No data</p>';
+                    }
+                    html += '</div>';
+
+                    html += '</div>';
+                    results.innerHTML = html;
+                } else {
+                    results.innerHTML = '<p style="color: var(--error);">❌ Error: ' + (result.detail || 'Failed') + '</p>';
+                }
+            } catch (err) {
+                results.innerHTML = '<p style="color: var(--error);">❌ Error: ' + err.message + '</p>';
+            }
+        });
+
         // ==========================================
         // GEMINI CHATBOT TEST
         // ==========================================