feat: Add Green Spider-Man visualizer and Avengers high-speed triangle flight animation (Iron Man, Thor, Captain America)

app.py

@@ -34,7 +34,7 @@ except Exception:
 
 from fastapi import FastAPI, File, Form, HTTPException, UploadFile, status
 from fastapi.middleware.cors import CORSMiddleware
-from fastapi.responses import HTMLResponse, JSONResponse
+from fastapi.responses import FileResponse, HTMLResponse, JSONResponse
 import gradio as gr
 import uvicorn
 
@@ -107,6 +107,33 @@ async def serve_index() -> HTMLResponse:
     return HTMLResponse(content="<h1>VECTOR 2026 Command Center</h1>")
 
 
+@app.get("/ironman.png")
+async def serve_ironman() -> FileResponse:
+    """Serve Iron Man sprite image."""
+    img_path = config.BASE_DIR / "demo" / "ironman.png"
+    if img_path.exists():
+        return FileResponse(img_path)
+    raise HTTPException(status_code=404, detail="Iron Man image missing")
+
+
+@app.get("/thor.png")
+async def serve_thor() -> FileResponse:
+    """Serve Thor sprite image."""
+    img_path = config.BASE_DIR / "demo" / "thor.png"
+    if img_path.exists():
+        return FileResponse(img_path)
+    raise HTTPException(status_code=404, detail="Thor image missing")
+
+
+@app.get("/cap.png")
+async def serve_cap() -> FileResponse:
+    """Serve Captain America sprite image."""
+    img_path = config.BASE_DIR / "demo" / "cap.png"
+    if img_path.exists():
+        return FileResponse(img_path)
+    raise HTTPException(status_code=404, detail="Captain America image missing")
+
+
 @app.get("/health", response_class=JSONResponse)
 async def health_check() -> Dict[str, Any]:
     """Health check reporting system and index readiness."""

build_sample_indices.py

@@ -8,7 +8,8 @@ import sys
 
 sys.path.insert(0, str(Path(__file__).resolve().parent))
 import config
-from retrieval.index_faiss import get_index_manager
+from data.tech_data import EN_TECH_PASSAGES, HI_TECH_PASSAGES, MR_TECH_PASSAGES, TECH_LONGDOCS
+from data.movie_data import EN_MOVIE_PASSAGES, HI_MOVIE_PASSAGES, MR_MOVIE_PASSAGES, MOVIE_LONGDOCS
 
 logging.basicConfig(level=logging.INFO, format="%(asctime)s [%(levelname)s] %(message)s", force=True)
 logger = logging.getLogger(__name__)
@@ -25,6 +26,18 @@ ENGLISH_PASSAGES = [
     ("en_p_000009", "TextRank is a graph-based ranking algorithm used for keyword extraction and automatic text summarization.", 108, 1),
     ("en_p_000010", "Singular Value Decomposition (SVD) is a matrix factorization method that identifies principal components and factual energy in context synthesis.", 109, 1),
     ("en_p_000011", "The human heart has four chambers: the right atrium, left atrium, right ventricle, and left ventricle.", 110, 1),
+    ("en_p_000012", "Cricket is the most popular sport in India, with the Indian Premier League (IPL) being one of the largest professional T20 cricket leagues globally.", 111, 1),
+    ("en_p_000013", "The Olympic Games are a major international multi-sport event held every four years, featuring summer and winter sports competitions.", 112, 1),
+    ("en_p_000014", "Indian cinema is the largest film industry in the world by annual film output, comprising Bollywood, Tollywood, and vibrant regional film industries.", 113, 1),
+    ("en_p_000015", "The Academy Awards, commonly known as the Oscars, honor artistic and technical merit in the global film industry.", 114, 1),
+    ("en_p_000016", "Social media platforms facilitate online community building, real-time news distribution, and global digital communication.", 115, 1),
+    ("en_p_000017", "Digital India is a government initiative launched to transform India into a digitally empowered society and knowledge economy.", 116, 1),
+    ("en_p_000018", "The Himalayas form the highest mountain range in the world, hosting peaks such as Mount Everest and acting as the source for major rivers like the Ganges.", 117, 1),
+    ("en_p_000019", "The Western Ghats are a mountain range running parallel to India's western coast, recognized as a UNESCO World Heritage site and biodiversity hotspot.", 118, 1),
+    ("en_p_000020", "Artificial Intelligence and Machine Learning enable computers to analyze complex datasets, perform natural language processing, and automate tasks.", 119, 1),
+    ("en_p_000021", "Cloud computing provides on-demand access to computing resources including servers, storage, databases, and software over the internet.", 120, 1),
+    ("en_p_000022", "Stock markets enable public companies to raise capital by issuing equity shares, allowing investors to trade ownership stakes.", 121, 1),
+    ("en_p_000023", "The Reserve Bank of India (RBI) is India's central banking institution that formulates monetary policy and regulates the financial system.", 122, 1),
 ]
 
 HINDI_PASSAGES = [
@@ -36,6 +49,18 @@ HINDI_PASSAGES = [
     ("hi_p_000006", "सर्वम एआई भारतीय भाषाओं के लिए विशेष रूप से डिज़ाइन की गई स्पीच रिकग्निशन और भाषा मॉडल बनाती है।", 205, 1),
     ("hi_p_000007", "देवनागरी एक भारतीय लिपि है जिसका उपयोग हिंदी, मराठी, नेपाली और संस्कृत लिखने के लिए किया जाता है।", 206, 1),
     ("hi_p_000008", "मानव हृदय के चार कक्ष होते हैं: दायां आलिंद, बायां आलिंद, दायां निलय और बायां निलय।", 207, 1),
+    ("hi_p_000009", "क्रिकेट भारत का सबसे लोकप्रिय खेल है, और इंडियन प्रीमियर लीग (IPL) दुनिया की सबसे बड़ी टी-20 क्रिकेट प्रतियोगिताओं में से एक है।", 208, 1),
+    ("hi_p_000010", "ओलंपिक खेल हर चार साल में आयोजित होने वाली सबसे बड़ी अंतरराष्ट्रीय खेल प्रतियोगिता है।", 209, 1),
+    ("hi_p_000011", "भारतीय सिनेमा दुनिया में सबसे ज्यादा फिल्में बनाने वाला उद्योग है, जिसमें बॉलीवुड, टॉलीवुड और क्षेत्रीय सिनेमा शामिल हैं।", 210, 1),
+    ("hi_p_000012", "ऑस्कर पुरस्कार (अकादमी पुरस्कार) सिनेमा की दुनिया में सबसे प्रतिष्ठित अंतर���ाष्ट्रीय पुरस्कार माना जाता है।", 211, 1),
+    ("hi_p_000013", "सोशल मीडिया डिजिटल माध्यमों से लोगों को जोड़ने, विचार साझा करने और त्वरित समाचार फैलाने में मदद करता है।", 212, 1),
+    ("hi_p_000014", "डिजिटल इंडिया कार्यक्रम का मुख्य उद्देश्य देश के नागरिकों को सभी सरकारी सेवाएं इलेक्ट्रॉनिक रूप से उपलब्ध कराना है।", 213, 1),
+    ("hi_p_000015", "हिमालय विश्व की सबसे ऊंची पर्वत श्रृंखला है, जिससे गंगा, सिंधु और ब्रह्मपुत्र जैसी महान नदियां निकलती हैं।", 214, 1),
+    ("hi_p_000016", "पश्चिमी घाट भारत के पश्चिमी तट के समानांतर स्थित पर्वत श्रृंखला है जो समृद्ध जैव विविधता के लिए यूनेस्को धरोहर स्थल है।", 215, 1),
+    ("hi_p_000017", "आर्टिफिशियल इंटेलिजेंस और मशीन लर्निंग कंप्यूटरों को डेटा विश्लेषण और स्वचालित निर्णय लेने की क्षमता प्रदान करते हैं।", 216, 1),
+    ("hi_p_000018", "क्लाउड कंप्यूटिंग के जरिए कंपनियां इंटरनेट पर सर्वर, डेटाबेस और सॉफ्टवेयर सेवाओं का उपयोग आसानी से कर सकती हैं।", 217, 1),
+    ("hi_p_000019", "शेयर बाजार कंपनियों को पूंजी जुटाने और निवेशकों को शेयरों की खरीद-बिक्री के अवसर प्रदान करता है।", 218, 1),
+    ("hi_p_000020", "भारतीय रिजर्व बैंक (RBI) भारत का केंद्रीय बैंक है जो मौद्रिक नीति और बैंकिंग क्षेत्र का नियमन करता है।", 219, 1),
 ]
 
 MARATHI_PASSAGES = [
@@ -45,18 +70,35 @@ MARATHI_PASSAGES = [
     ("mr_p_000004", "गोवा हे भारताच्या नैऋत्य किनाऱ्यावर वसलेले एक निसर्गरम्य राज्य आहे जे त्याच्या किनाऱ्यांसाठी आणि संस्कृतीसाठी प्रसिद्ध आहे.", 303, 1),
     ("mr_p_000005", "सर्वम AI ही भारतीय भाषांसाठी खास व्हॉईस रिकग्निशन आणि AI मॉडेल्स विकसित करणारी संस्था आहे.", 304, 1),
     ("mr_p_000006", "मानवी हृदयाचे चार कप्पे असतात: उजवे आलिंद, डावे आलिंद, उजवे निलय आणि डावे निलय.", 305, 1),
+    ("mr_p_000007", "क्रिकेट हा भारतातील अत्यंत लोकप्रिय खेळ असून आयपीएल (IPL) ही जगातली मोठी टी-२० लीग आहे.", 306, 1),
+    ("mr_p_000008", "ऑलिम्पिक स्पर्धा दर चार वर्षांनी आयोजित केल्या जातात ज्यात जगभरातील खेळाडू विविध खेळात भाग घेतात.", 307, 1),
+    ("mr_p_000009", "मराठी चित्रपटसृष्टी ही भारतीय सिनेमाची जन्मभूमी मानली जाते, दादासाहेब फाळके यांनी १९१३ मध्ये पहिला चित्रपट बनवला.", 308, 1),
+    ("mr_p_000010", "ऑस्कर पुरस्कार हा जागतिक चित्रपट क्षेत्रातील सर्वोच्च सन्मान मानला जातो.", 309, 1),
+    ("mr_p_000011", "सोशल मीडियामुळे संवाद साधणे आणि जगभरातील घडामोडींची माहिती पटकन मिळवणे सोपे झाले आहे.", 310, 1),
+    ("mr_p_000012", "डिजिटल इंडिया मोहिमेमुळे सरकारी सुविधा नागरिकांना ऑनलाइन स्वरूपात सहज उपलब्ध होत आहेत.", 311, 1),
+    ("mr_p_000013", "हिमालय ही जगातील सर्वात उंच पर्वत रांग असून ती गंगा व सिंधू सारख्या मोठ्या नद्यांचे उगमस्थान आहे.", 312, 1),
+    ("mr_p_000014", "सह्याद्री (पश्चिम घाट) हा महाराष्ट्रातील व भारतातील महत्वाचा पर्वत असून तो जैवविविधतेसाठी प्रसिद्ध आहे.", 313, 1),
+    ("mr_p_000015", "कृत्रिम बुद्धिमत्ता (AI) आणि मशीन लर्निंग तंत्रज्ञानामुळे संगणक स्वतःहून नवीन माहिती शिकू शकतात.", 314, 1),
+    ("mr_p_000016", "क्लाउड कॉम्प्युटिंग इंटरनेटच्या मदतीने डेटा साठवणे आणि सॉफ्टवेअर वापरण्याची सुविधा देते.", 315, 1),
+    ("mr_p_000017", "शेअर बाजार कंपन्यांना भांडवल उभे करण्यासाठी आणि गुंतवणूकदारांना शेअर्स खरेदी-विक्रीसाठी मदत करतो.", 316, 1),
+    ("mr_p_000018", "भारतीय रिझर्व्ह बँक (RBI) ही भारताची मध्यवर्ती बँक असून ती देशाच्या चलन व्यवस्थेवर नियंत्रण ठेवते.", 317, 1),
 ]
 
 LONGDOCS = {
     "en": [
         {"doc_id": "en_ld_01", "title": "Overview of RAG Architecture", "text": "Retrieval-Augmented Generation combines fast vector search with deterministic context synthesis. By indexing passage vectors into FAISS HNSW graphs, sub-10ms retrieval latency is achieved.", "source_lang": "en"},
-        {"doc_id": "en_ld_02", "title": "Manhattan Project History", "text": "The Manhattan Project was led by the United States with the support of the United Kingdom and Canada. Physicist J. Robert Oppenheimer directed the Los Alamos Laboratory.", "source_lang": "en"}
+        {"doc_id": "en_ld_02", "title": "Manhattan Project History", "text": "The Manhattan Project was led by the United States with the support of the United Kingdom and Canada. Physicist J. Robert Oppenheimer directed the Los Alamos Laboratory.", "source_lang": "en"},
+        {"doc_id": "en_ld_03", "title": "Sports & Cricket in India", "text": "Cricket is a major passion in India, governed by the Board of Control for Cricket in India (BCCI). The Indian Premier League attracts top international players and millions of fans worldwide.", "source_lang": "en"},
+        {"doc_id": "en_ld_04", "title": "Indian Cinema & Filming", "text": "Indian cinema includes Hindi, Tamil, Telugu, Malayalam, and Marathi film industries, producing thousands of films annually with rich musical storytelling and cultural impact.", "source_lang": "en"},
+        {"doc_id": "en_ld_05", "title": "Digital Technology & Business Growth", "text": "India's technology and startup sector has expanded rapidly, supported by digital payments infrastructure such as UPI and a booming cloud computing market.", "source_lang": "en"}
     ],
     "hi": [
-        {"doc_id": "hi_ld_01", "title": "RAG वास्तुकला परिचय", "text": "रिट्रीवल-ऑगमेंटेड जनरेशन तेज़ वेक्टर खोज और प्रासंगिक जानकारी को एक साथ जोड़ती है। यह एआई मॉडल को सटीक उत्तर देने में सक्षम बनाती है।", "source_lang": "hi"}
+        {"doc_id": "hi_ld_01", "title": "RAG वास्तुकला परिचय", "text": "रिट्रीवल-ऑगमेंटेड जनरेशन तेज़ वेक्टर खोज और प्रासंगिक जानकारी को एक साथ जोड़ती है। यह एआई मॉडल को सटीक उत्तर देने में सक्षम बनाती है।", "source_lang": "hi"},
+        {"doc_id": "hi_ld_02", "title": "भारतीय खेल और सिनेमा", "text": "भारत में क्रिकेट और सिनेमा दो सबसे बड़े मनोरंजन क्षेत्र हैं। भारतीय प्रीमियर लीग और बॉलीवुड ने वैश्विक स्तर पर देश की पहचान बढ़ाई है।", "source_lang": "hi"}
     ],
     "mr": [
-        {"doc_id": "mr_ld_01", "title": "RAG सिस्टीम माहिती", "text": "RAG प्रणाली वेक्टर सर्चच्या मदतीने माहिती शोधते आणि अचूक उत्तरे तयार करते.", "source_lang": "mr"}
+        {"doc_id": "mr_ld_01", "title": "RAG सिस्टीम माहिती", "text": "RAG प्रणाली वेक्टर सर्चच्या मदतीने माहिती शोधते आणि अचूक उत्तरे तयार करते.", "source_lang": "mr"},
+        {"doc_id": "mr_ld_02", "title": "महाराष्ट्र भूगोल आणि संस्कृती", "text": "महाराष्ट्र हे सह्याद्री पर्वत आणि अरबी समुद्राच्या किनाऱ्यावर वसलेले समृद्ध राज्य आहे. मराठी चित्रपट आणि नाट्य संस्कृती अत्यंत प्रसिद्ध आहे.", "source_lang": "mr"}
     ]
 }
 
@@ -66,9 +108,9 @@ def generate_data():
     config.INDEX_DIR.mkdir(parents=True, exist_ok=True)
     
     passages_by_lang = {
-        "en": ENGLISH_PASSAGES,
-        "hi": HINDI_PASSAGES,
-        "mr": MARATHI_PASSAGES,
+        "en": ENGLISH_PASSAGES + EN_TECH_PASSAGES + EN_MOVIE_PASSAGES,
+        "hi": HINDI_PASSAGES + HI_TECH_PASSAGES + HI_MOVIE_PASSAGES,
+        "mr": MARATHI_PASSAGES + MR_TECH_PASSAGES + MR_MOVIE_PASSAGES,
     }
     
     for lang, items in passages_by_lang.items():
@@ -86,10 +128,11 @@ def generate_data():
         logger.info("Wrote %d corpus passages to %s", len(items), corpus_path)
         
         longdoc_path = config.PROCESSED_DATA_DIR / f"{lang}_longdocs.jsonl"
+        combined_longdocs = LONGDOCS.get(lang, []) + TECH_LONGDOCS.get(lang, []) + MOVIE_LONGDOCS.get(lang, [])
         with open(longdoc_path, "w", encoding="utf-8") as f:
-            for doc in LONGDOCS.get(lang, []):
+            for doc in combined_longdocs:
                 f.write(json.dumps(doc, ensure_ascii=False) + "\n")
-        logger.info("Wrote %d longdocs to %s", len(LONGDOCS.get(lang, [])), longdoc_path)
+        logger.info("Wrote %d longdocs to %s", len(combined_longdocs), longdoc_path)
         
     logger.info("Building FAISS HNSW indexes and centroids...")
     idx_mgr = get_index_manager()

data/indexes/centroids.json

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f9b2343be1bdbeaab9e709794cc0bbe4a80eed14394f02f6160c926a190a37db
+oid sha256:ccd31695f0b2a534d828356d36d29d577fc227626907180698fc6f39cea05d30
 size 33504

data/indexes/index_manifest.json

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:93a0403f75b9362515360b280dc746834aa04256ba9ec953d47ee4d00ec82204
-size 280
+oid sha256:21ee4470adbdfcec34526a7c4b435204cc77119de5e36bb54127df069828a6fd
+size 285

data/indexes/passage_native.faiss

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:91569238a5789852ed5d43e4f260c2e6912179dc9a8d554041e65fee85d35feb
-size 45326
+oid sha256:b19cf9c7fee7c7b70d9357a2a46803c3632dd2227da381af89e0f1f8089e1b32
+size 184490

data/indexes/passage_native_meta.json

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fdf2f8ce07a3d631fb66e2983fb4c163796ea019f41267d06bf91a66aef5b261
-size 17266
+oid sha256:d2c3613d2edf24411748deaa1b3e7af80ececd7408b5f6eabaf2f4055e3b4c08
+size 76795

data/indexes/semantic_longdoc.faiss

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b42d253586c88787c9c805f27c998085b4fde9b3d5054f26d3174e01053fda7c
-size 21874
+oid sha256:b8e5072310a58ad69a3b29bee7eb36732aa5d75812b72a2aa807b6b424d41d93
+size 110398

data/indexes/semantic_longdoc_meta.json

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:757b05d524ce1c5ee50b1ca166fd0cd7616afd67cb2eb345c0a05ac895db792e
-size 10966
+oid sha256:930217ef8393d642dbeac9f68261e53c4030633290766ffb4233227c2cf01732
+size 75905

data/movie_data.py

@@ -0,0 +1,48 @@
+"""
+Comprehensive Movies, Cast, Directors, IMDb Ratings, and Storylines Dataset for Hollywood, Bollywood, Tollywood, and Marathi Cinema.
+"""
+
+EN_MOVIE_PASSAGES = [
+    ("en_p_mov_001", "Inception (2010, IMDb: 8.8) is a sci-fi thriller directed by Christopher Nolan, starring Leonardo DiCaprio as Dom Cobb, Joseph Gordon-Levitt, and Elliot Page. Dom Cobb is a thief who steals corporate secrets by entering dreams, and is tasked with planting an idea into a CEO's subconscious mind (inception).", 701, 1),
+    ("en_p_mov_002", "The Dark Knight (2008, IMDb: 9.0) is a superhero film directed by Christopher Nolan, starring Christian Bale as Bruce Wayne / Batman and Heath Ledger as the Joker. Batman must accept one of the greatest psychological and physical tests of his ability to fight injustice when the Joker unleashes chaos on Gotham City.", 702, 1),
+    ("en_p_mov_003", "Oppenheimer (2023, IMDb: 8.9) is a biographical drama directed by Christopher Nolan, starring Cillian Murphy as J. Robert Oppenheimer, Emily Blunt, Matt Damon, and Robert Downey Jr. The film chronicles Oppenheimer's leadership of the Manhattan Project at Los Alamos and the development of the atomic bomb.", 703, 1),
+    ("en_p_mov_004", "Interstellar (2014, IMDb: 8.7) is a space epic directed by Christopher Nolan, starring Matthew McConaughey, Anne Hathaway, and Jessica Chastain. When Earth becomes uninhabitable, a team of ex-NASA astronauts travels through a wormhole near Saturn in search of a new habitable planet for humanity.", 704, 1),
+    ("en_p_mov_005", "Titanic (1997, IMDb: 7.9) is an epic romance and disaster film directed by James Cameron, starring Leonardo DiCaprio as Jack Dawson and Kate Winslet as Rose DeWitt Bukater. A seventeen-year-old aristocrat falls in love with a poor artist aboard the luxurious, ill-fated R.M.S. Titanic.", 705, 1),
+    ("en_p_mov_006", "The Godfather (1972, IMDb: 9.2) is a crime masterpiece directed by Francis Ford Coppola, starring Marlon Brando as Vito Corleone and Al Pacino as Michael Corleone. The story follows the aging patriarch of an Italian-American organized crime dynasty transferring control of his empire to his reluctant son.", 706, 1),
+    ("en_p_mov_007", "Hollywood top actors list includes Leonardo DiCaprio, Robert De Niro, Tom Cruise, Meryl Streep, Scarlett Johansson, Cillian Murphy, Christian Bale, Brad Pitt, and Morgan Freeman, working with renowned directors like Steven Spielberg, Christopher Nolan, and Quentin Tarantino.", 707, 1),
+    ("en_p_mov_008", "Baahubali: The Beginning (2015, IMDb: 8.0) and Baahubali 2: The Conclusion (2017, IMDb: 8.2) are epic Telugu fantasy action films directed by S.S. Rajamouli, starring Prabhas as Amarendra & Mahendra Baahubali, Rana Daggubati, Anushka Shetty, and Ramya Krishnan. An adventurous prince learns about his royal lineage and seeks revenge against a tyrant king.", 708, 1),
+    ("en_p_mov_009", "RRR (2022, IMDb: 7.8) is a global blockbuster directed by S.S. Rajamouli, starring Ram Charan as Alluri Sitarama Raju and Jr NTR as Komaram Bheem, with Oscar-winning music by M.M. Keeravani for Naatu Naatu. Two 1920s Indian revolutionaries fight against British colonial oppressors.", 709, 1),
+    ("en_p_mov_010", "Pushpa: The Rise (2021, IMDb: 7.6) and Pushpa 2: The Rule are Telugu action thrillers directed by Sukumar, starring Allu Arjun as Pushpa Raj, Rashmika Mandanna, and Fahadh Faasil. A coolie rises through the ranks of a red sandalwood smuggling syndicate in Andhra Pradesh.", 710, 1),
+]
+
+HI_MOVIE_PASSAGES = [
+    ("hi_p_mov_001", "शोले (1975, IMDb: 8.1) रमेश सिप्पी द्वारा निर्देशित एक क्लासिक बॉलीवुड एक्शन फिल्म है, जिसमें अमिताभ बच्चन (जय), धर्मेंद्र (वीरू), संजीव कुमार (ठाकुर) और अमजद खान (गब्बर सिंह) ने अभिनय किया है। एक पूर्व पुलिस अधिकारी ठाकुर खूंखार डाकू गब्बर को पकड़ने के लिए दो पूर्व-कैदियों वीरू और जय को काम पर रखता है।", 801, 1),
+    ("hi_p_mov_002", "दिलवाले दुल्हनिया ले जाएंगे (DDLJ) (1995, IMDb: 8.0) आदित्य चोपड़ा द्वारा निर्देशित रोमांटिक फिल्म है, जिसमें शाह रुख खान (राज) और काजोल (सिमरन) मुख्य भूमिका में हैं। यूरोप की यात्रा में राज और सिमरन को प्यार हो जाता है, लेकिन शादी के लिए राज को पंजाब जाकर सिमरन के सख्त पिता का दिल जीतना पड़ता है।", 802, 1),
+    ("hi_p_mov_003", "3 इडियट्स (2009, IMDb: 8.4) राजकुमार हिरानी द्वारा निर्देशित कॉमेडी-ड्रामा है, जिसमें आमिर खान (रेंचो), आर माधवन (फरहान), शरमन जोशी (राजू) और करीना कपूर शामिल हैं। दो दोस्त अपने लापता कॉलेज साथी रेंचो को ढूंढते हुए शिक्षा प्रणाली और जुनून पर उसके क्रांतिकारी विचारों को याद करते हैं।", 803, 1),
+    ("hi_p_mov_004", "दंगल (2016, IMDb: 8.3) नितेश तिवारी द्वारा निर्देशित बायोग्राफिकल स्पोर्ट्स ड्रामा है, जिसमें आमिर खान (महावीर सिंह फोगाट), फातिमा सना शेख (गीता) और सान्या मल्होत्रा (बबीता) ने काम किया है। एक पूर्व पहलवान अपनी बेटियों को विश्वस्तरीय स्वर्ण पदक विजेता पहलवान बनाने के लिए प्रशिक्षित करता है।", 804, 1),
+    ("hi_p_mov_005", "जवान और पठान (2023, IMDb: 7.0+) एटली और सिद्धार्थ आनंद द्वारा निर्देशित और शाह रुख खान, दीपिका पादुकोण और जॉन अब्राहम अभिनीत ब्लॉकबस्टर एक्शन फिल्में हैं, जो देशभक्ति, खुफिया मिशन और सामाजिक न्याय पर आधारित हैं।", 805, 1),
+    ("hi_p_mov_006", "स्वदेश (2004, IMDb: 8.2) आशुतोष गोवारिकर द्वारा निर्देशित फिल्म है, जिसमें शाह रुख खान (मोहन भार्गव) ने नासा के वैज्ञानिक की भूमिका निभाई है जो अपने भारतीय गांव लौटकर बिजली उत्पादन और सामाजिक बदलाव लाता है।", 806, 1),
+    ("hi_p_mov_007", "बॉलीवुड के शीर्ष अभिनेताओं में अमिताभ बच्चन, शाह रुख खान, आमिर खान, सलमान खान, रणबीर कपूर, ऋतिक रोशन, दीपिका पादुकोण और आलिया भट्ट शामिल हैं, जिन्होंने यश चोपड़ा, संजय लीला भंसाली और राजकुमार हिरानी जैसे निर्देशकों के साथ काम किया है।", 807, 1),
+    ("hi_p_mov_008", "टॉलीवुड (तेलुगु सिनेमा) की बाहुबली श्रृंखला (IMDb: 8.2) और RRR (IMDb: 7.8) एस. एस. राजामौली द्वारा निर्देशित फिल्में हैं, जिनमें प्रभास, राम चरण, जूनियर एनटीआर, राणा दग्गुबाती और अनुष्का शेट्टी ने अभिनय किया है। RRR के गाने 'नाटू नाटू' ने सर्वश्रेष्ठ मूल गीत का ऑस्कर जीता।", 808, 1),
+]
+
+MR_MOVIE_PASSAGES = [
+    ("mr_p_mov_001", "सैराट (2016, IMDb: 8.3) नागराज मंजुळे दिग्दर्शित मराठी रोमँटिक ड्रामा आहे, ज्यामध्ये रिंकू राजगुरू (आर्ची) आणि आकाश ठोसर (परशा) यांनी अभिनय केला आहे. महाराष्ट्रातील ग्रामीण पार्श्वभूमीवर जातीव्यवस्थेच्या भिंती ओलांडून प्रेमाचा शोध घेणारी ही ब्लॉकबस्टर चित्रपट आहे.", 901, 1),
+    ("mr_p_mov_002", "नटसम्राट (2016, IMDb: 8.8) महेश मांजरेकर दिग्दर्शित ड्रामा आहे, ज्यामध्ये नाना पाटेकर यांनी अप्पासाहेब बेलवलकर या सेवानिवृत्त रंगभूमी कलाकाराची अजरामर भूमिका केली ��हे. मुलांच्या दुर्लक्षामुळे उद्भवलेला कौटुंबिक संघर्ष यात दाखवला आहे.", 902, 1),
+    ("mr_p_mov_003", "पावनखिंड (2022, IMDb: 8.2) आणि फर्जंद दिग्पाल लांजेकर दिग्दर्शित ऐतिहासिक पट आहेत, ज्यामध्ये चिन्मय मांडलेकर (छत्रपती शिवाजी महाराज) आणि अजय पूरकर (बाजीप्रभू देशपांडे) यांनी अभिनय केला आहे. बाजीप्रभू देशपांडे यांच्या पराक्रमाची गाथा यात मांडली आहे.", 903, 1),
+    ("mr_p_mov_004", "कट्यार काळजात घुसली (2015, IMDb: 8.6) सुबोध भावे दिग्दर्शित संगीतमय चित्रपट आहे, ज्यामध्ये पंडित जितेन्द्र अभिषेकी यांच्या संगीतावर आधारित सचिन पिळगावकर आणि शंकर महादेवन यांनी शास्त्रीय गायकांची जुगलबंदी सादर केली आहे.", 904, 1),
+    ("mr_p_mov_005", "मराठी चित्रपटसृष्टीतील प्रमुख कलाकारांमध्ये अशोक सराफ, लक्ष्मीकांत बेर्डे, सचिन पिळगावकर, नाना पाटेकर, सुबोध भावे, सई ताम्हणकर, मुक्ता बर्वे आणि अंकुश चौधरी यांचा समावेश आहे. दादासाहेब फाळके यांनी १९१३ मध्ये 'राजा हरिश्चंद्र' चित्रपटाने भारतीय सिनेमाची पायाभरणी केली.", 905, 1),
+]
+
+MOVIE_LONGDOCS = {
+    "en": [
+        {"doc_id": "en_mov_ld_01", "title": "Hollywood Cinema, Directors, and Classics", "text": "Hollywood is the historical center of global cinema. Renowned directors like Christopher Nolan (Inception, The Dark Knight, Oppenheimer, Interstellar), James Cameron (Avatar, Titanic), Steven Spielberg (Jurassic Park, Schindler's List), and Francis Ford Coppola (The Godfather) have created cinematic masterpieces. Leading actors such as Leonardo DiCaprio, Robert De Niro, Al Pacino, Christian Bale, Tom Cruise, Meryl Streep, and Cillian Murphy consistently deliver Oscar-winning performances across action, sci-fi, and drama genres.", "source_lang": "en"},
+        {"doc_id": "en_mov_ld_02", "title": "Indian Cinema: Bollywood & Tollywood Pan-India Revolution", "text": "Indian cinema is a multi-billion dollar film ecosystem. Bollywood (Hindi cinema) features legendary stars like Shah Rukh Khan (DDLJ, Swades, Jawan, Pathaan), Amitabh Bachchan (Sholay), and Aamir Khan (3 Idiots, Dangal). Tollywood (Telugu cinema) has spearheaded the pan-India cinema movement under director S.S. Rajamouli with Baahubali and RRR (featuring Oscar-winning music Naatu Naatu by M.M. Keeravani), alongside superstars like Prabhas, Ram Charan, Jr NTR, and Allu Arjun (Pushpa).", "source_lang": "en"},
+    ],
+    "hi": [
+        {"doc_id": "hi_mov_ld_01", "title": "बॉलीवुड, टॉलीवुड और हॉलीवुड सिनेमा गाइड", "text": "बॉलीवुड में शोले, दिलवाले दुल्हनिया ले जाएंगे, 3 इडियट्स और दंगल जैसी फिल्मों ने बॉक्स ऑफिस के रिकॉर्ड तोड़े हैं। अमिताभ बच्चन, शाह रुख खान और आमिर खान हिंदी सिनेमा के प्रमुख स्तंभ हैं। टॉलीवुड में एस. एस. राजामौली की बाहुबली और RRR ने प्रभास, राम चरण और जूनियर एनटीआर के साथ वैश्विक स्तर पर पहचान बनाई। हॉलीवुड में क्रिस्टोफर नोलन की इनसेप्शन, द डार्क नाइट और ओपेनहाइमर में लियोनार्डो डिकैप्रियो और किलियन मर्फी ने शानदार अभिनय किया है।", "source_lang": "hi"},
+    ],
+    "mr": [
+        {"doc_id": "mr_mov_ld_01", "title": "मराठी, बॉलिवूड आणि टॉलीवुड चित्रपट माहिती", "text": "दादासाहेब फाळके यांन�� १९१३ मध्ये भारतीय चित्रपटसृष्टीची पायाभरणी केली. मराठी सिनेमात नटसम्राट, सैराट, पावनखिंड आणि कट्यार काळजात घुसली हे ऐतिहासिक व दर्जेदार चित्रपट आहेत. अशोक सराफ, नाना पाटेकर, सुबोध भावे आणि सचिन पिळगावकर यांनी मराठी नाट्य व चित्रपटसृष्टी समृद्ध केली आहे.", "source_lang": "mr"},
+    ],
+}

data/processed/en_corpus.jsonl

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:413f0f3b7fd22d2a514c99655614d647a94c2aef05b4e0553e55aaaed5523d56
-size 2572
+oid sha256:ae715ccc848c2237d754f4717e7c5c742b95a1aa9a1d63fb3b276c39078a237a
+size 11382

data/processed/en_longdocs.jsonl

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ce546d31952431a1645d47a3b8d33147cd14053e6330cd7f6e018f11dd32b08c
-size 550
+oid sha256:32672b4558405b9ed6748f23deb63e79a4573c44ce0a30c389e7b5c50d7cc909
+size 3913

data/processed/hi_corpus.jsonl

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d163dedb515f0ce50b6ee825295ea45a8e8bca575ac9d9b2c9beab8bc4db5076
-size 3033
+oid sha256:63eadc6409cfd5be5dbd47cd61402733cf44b2cad4146f6e178e96b08387483b
+size 13111

data/processed/hi_longdocs.jsonl

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5c80fbd9c1f934193a5adbf914182ffa57ef05e6e9574d7b65e0351ae6bc571c
-size 468
+oid sha256:c80fc406f8179c698b52517e4c424fe875b38ec9c52c19d3ddf3962c63a0c6db
+size 2513

data/processed/mr_corpus.jsonl

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:567c0ea1c112e677b9f94ecd98032acf30b2f0e9b90571bc1956643e3dd821ed
-size 2186
+oid sha256:8310488d2ce12db635b17666f23548b1e67e2f175418e1ca01346614dfc37938
+size 10596

data/processed/mr_longdocs.jsonl

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9e01b8e89d21df531ba8cfe5625a225a5f49c54e724b396605e12613c62317c6
-size 306
+oid sha256:d26965e3456f7bfd2ec3d41b85e9a7bc78efa0e7c3ef352d5b5734bd5eed695a
+size 2225

data/tech_data.py

@@ -0,0 +1,72 @@
+"""
+Comprehensive Technology & AI Domain Passages for VECTOR Corpus.
+Covers Python, Data Science, Math, ML, Deep Learning, GenAI/LLMs, Computer Vision, and MLOps.
+"""
+
+EN_TECH_PASSAGES = [
+    ("en_p_tech_001", "Python is a high-level programming language widely used in data science, with NumPy providing fast multi-dimensional arrays and Pandas offering DataFrame structures for data manipulation.", 401, 1),
+    ("en_p_tech_002", "Data preprocessing cleans raw datasets by handling missing values and outliers, while SQL queries extract data from databases, and Matplotlib creates data visualizations.", 402, 1),
+    ("en_p_tech_003", "Git and GitHub enable version control for code collaboration, Linux command line manages server environments, APIs exchange JSON data, and Jupyter Notebooks facilitate interactive data analysis.", 403, 1),
+    ("en_p_tech_004", "Linear algebra forms the foundation of machine learning, using vectors and matrices to represent datasets, spatial transformations, and neural network weights.", 404, 1),
+    ("en_p_tech_005", "Statistics analyzes mean, median, variance, and standard deviation, while probability theory, correlation, covariance, and Bayes theorem calculate conditional likelihoods in ML models.", 405, 1),
+    ("en_p_tech_006", "Calculus basics including derivatives and gradients guide optimization algorithms like gradient descent to minimize loss functions during machine learning model training.", 406, 1),
+    ("en_p_tech_007", "Machine learning paradigms include supervised learning with labeled data, unsupervised learning for clustering unlabelled data, and reinforcement learning using reward feedback.", 407, 1),
+    ("en_p_tech_008", "Linear regression predicts continuous numeric values, logistic regression performs binary classification, while decision trees and random forests ensemble multiple decision rules.", 408, 1),
+    ("en_p_tech_009", "XGBoost provides gradient boosted decision trees, Support Vector Machines (SVM) create maximum-margin classification boundaries, K-Nearest Neighbors (KNN) classifies by proximity, K-Means clusters data, and PCA reduces dimensionality.", 409, 1),
+    ("en_p_tech_010", "Feature engineering transforms raw variables, train-validation-test splitting prevents data leakage, cross-validation evaluates generalization, hyperparameter tuning optimizes parameters, and metrics like precision and recall assess ML performance.", 410, 1),
+    ("en_p_tech_011", "Neural networks process inputs through multi-layer perceptrons, using activation functions like ReLU and backpropagation with loss gradients to update synaptic weights.", 411, 1),
+    ("en_p_tech_012", "Convolutional Neural Networks (CNNs) process spatial images, Recurrent Neural Networks (RNNs) and LSTMs handle sequential text data, and transfer learning reuses pretrained feature extractors.", 412, 1),
+    ("en_p_tech_013", "Transformer architectures utilize self-attention mechanisms to weigh relationships between all tokens in a sequence, mapping text into continuous vector embeddings.", 413, 1),
+    ("en_p_tech_014", "Large Language Models (LLMs) break text into sub-word tokens, process prompts via prompt engineering, and undergo fine-tuning or parameter-efficient LoRA and QLoRA adaptation.", 414, 1),
+    ("en_p_tech_015", "Retrieval-Augmented Generation (RAG) splits text into semantic chunks, stores vectors in vector databases for sub-second semantic search, and reranks candidates before generation.", 415, 1),
+    ("en_p_tech_016", "AI agents execute multi-step agentic workflows using tool calling, grounding outputs to prevent hallucinations, with orchestration frameworks like LangChain and LangGraph.", 416, 1),
+    ("en_p_tech_017", "Multimodal AI integrates text, vision, speech-to-text (STT), and text-to-speech (TTS), evaluating performance through automated LLM benchmark frameworks.", 417, 1),
+    ("en_p_tech_018", "Computer vision utilizes OpenCV for image processing, YOLO for real-time object detection, image segmentation for pixel-level masks, and OCR for text extraction.", 418, 1),
+    ("en_p_tech_019", "Vision Transformers (ViTs) adapt self-attention mechanisms to image patches, enabling multimodal vision-language models to perform visual question answering and image description.", 419, 1),
+    ("en_p_tech_020", "MLOps standardizes machine learning lifecycle management using FastAPI REST endpoints, Docker containerization, cloud model serving, MLflow monitoring, and INT8 quantization for edge optimization.", 420, 1),
+]
+
+HI_TECH_PASSAGES = [
+    ("hi_p_tech_001", "पायथन डेटा साइंस और मशीन लर्निंग की मुख्य भाषा है, जिसमें NumPy बहु-आयामी ऐरे और Pandas डेटाफ्रेम के माध्यम से डेटा विश्लेषण और प्रीप्रोसेसिंग को सरल बनाते हैं।", 501, 1),
+    ("hi_p_tech_002", "SQL डेटाबेस से डेटा निकालने के लिए उपयोग किया जाता है, Git और GitHub कोड वर्जन कंट्रोल प्रदान करते हैं, और Jupyter नोटबुक में इंटरैक्टिव कोड निष्पादित किया जाता है।", 502, 1),
+    ("hi_p_tech_003", "रैखिक बीजगणित (लीनियर अलजेब्रा), सांख्यिकी (माध्य, मानक विचलन) और प्रायिकता (बायस थ्योरम) मशीन लर्निंग मॉडल और डेटा विश्लेषण के गणितीय आधार हैं।", 503, 1),
+    ("hi_p_tech_004", "कलन (कैलकुलस) और ग्रेडिएंट डिसेंट मॉडल के नुकसान (लॉस) को कम करते हैं, जबकि सुपरवाइज्ड और अनसुपरवाइज्ड लर्निंग डेटा से पैटर्न सीखती हैं।", 504, 1),
+    ("hi_p_tech_005", "लीनियर रिग्रेशन, डिसीजन ट्री, रैंडम फॉरेस्ट और XGBoost मुख्य एल्गोरिदम हैं, और PCA डेटा के आयाम (डायमेंशन) को कम करने के लिए उपयोग किया जाता है।", 505, 1),
+    ("hi_p_tech_006", "क्रॉस-वैलिडेशन और हाइपरपैरामीटर ट्यूनिंग मॉडल को ओवरफिटिंग से बचाते हैं, जबकि प्रिसिजन, रिकॉल और F1-स्कोर से मॉडल के प्रदर्शन का मूल्यांकन किया जाता है।", 506, 1),
+    ("hi_p_tech_007", "न्यूरल नेटवर्क बैकप्रोपैगेशन और एक्टिवेशन फंक्शन का उपयोग करते हैं, CNN इमेज प्रोसेसिंग के लिए, और ट्रांसफॉर्मर (Transformer) मॉडल प्राकृतिक भाषा (NLP) के लिए सर्वश्रेष्ठ हैं।", 507, 1),
+    ("hi_p_tech_008", "लार्ज लैंग्वेज मॉडल (LLM) प्रॉम्प्ट इंजीनियरिंग, टोकनाइजेशन और LoRA फाइन-ट्यूनिंग से काम करते हैं, और RAG तकनीक वेक्टर डेटाबेस से प्रासंगिक जानकारी ढूंढती है।", 508, 1),
+    ("hi_p_tech_009", "एआई एजेंट्स टूल कॉलिंग और LangChain के माध्यम से जटिल कार्य करते हैं, और मल्टीमॉडल एआई स्पीच-टू-टेक्स्ट (STT) और विजन को एक साथ जोड़ता है।", 509, 1),
+    ("hi_p_tech_010", "कंप्यूटर विजन और OpenCV इमेज प्रोसेसिंग करते हैं, YOLO रियल-टाइम ऑब्जेक्ट डिटेक्शन करता है, और OCR छवियों से पाठ (टेक्स्ट) निकालता है।", 510, 1),
+    ("hi_p_tech_011", "MLOps में FastAPI से REST API बनाई जाती है, Docker से मॉडल को कंटेनर में डाला जाता है, और क्वांटाइजेशन (Quantization) से मॉडल को हल्का और तेज़ बनाया जाता है।", 511, 1),
+]
+
+MR_TECH_PASSAGES = [
+    ("mr_p_tech_001", "पायथन ही डेटा सायन्स आणि AI मधील मुख्य भाषा आहे. NumPy आणि Pandas च्या मदतीने डेटाचे विश्लेषण आणि प्रीप्रोसेसिंग केले जाते.", 601, 1),
+    ("mr_p_tech_002", "SQL द्वारे डेटाबेस माहिती मिळवली जाते, Git आणि GitHub कोड व्हर्जन कंट्रोलसाठी वापरले जातात, आणि Jupyter मध्ये डेटा सायन्स प्रयोग केले जातात.", 602, 1),
+    ("mr_p_tech_003", "लीनियर अलजेब्रा, सांख्यिकी (माध्य, प्रमाण विचलन) आणि कॅल्क्युलस ग्रेडिएंट्स मशीन लर्निंग मॉडेल्सचा पाया आहेत.", 603, 1),
+    ("mr_p_tech_004", "सुपरवाइज्ड आणि अनसुपरवाइज्ड लर्निंग, लीनियर रिग्रेशन, डिसीजन ट्री, रँडम फॉरेस्ट आणि XGBoost हे मशीन लर्निंगचे मुख्य प्रकार आहेत.", 604, 1),
+    ("mr_p_tech_005", "फीचर इंजिनिअरिंग आणि हायपरपॅरामीटर ट्यूनिंगमुळे मॉडेल ओव्हरफिटींगपासून वाचते आणि योग्य निकाल देते.", 605, 1),
+    ("mr_p_tech_006", "न्यूरल नेटवर्क्स आणि बॅकप्रोपॅगेशन डीप लर्निंगचा आधार आहेत, तर ट्रान्सफॉर्मर्स आणि अटेंशन मेकॅनिझम भाषा प्रक्रिया (NLP) सुलभ करतात.", 606, 1),
+    ("mr_p_tech_007", "लार्ज लँग्वेज मॉडेल्स (LLMs), प्रॉम्प्ट इंजिनिअरिंग, LoRA फाइन-ट्यूनिंग आणि RAG सिस्टीम वेक्टर डेटाबेसच्या मदतीने अचूक उत्तरे देतात.", 607, 1),
+    ("mr_p_tech_008", "AI एजंट्स टूल कॉलिंग आणि LangChain द्वारे स्वयंचलित कामे करतात, तर मल्टीमॉडल AI टेक्स्ट, व्हॉईस आणि इमेज एकत्र हाताळते.", 608, 1),
+    ("mr_p_tech_009", "संगणक व्हिजन (Computer Vision), OpenCV आणि YOLO ऑब्जेक्ट डिटेक्ट करतात आणि OCR चित्रातील मजकूर वाचते.", 609, 1),
+    ("mr_p_tech_010", "MLOps मध्ये FastAPI आणि Docker द्वारे मॉडेल्स क्लाउडवर तैनात (Deploy) केले जातात, आणि क्वांटायझेशनने (Quantization) मॉडेलचा वेग वाढवला जातो.", 610, 1),
+]
+
+TECH_LONGDOCS = {
+    "en": [
+        {"doc_id": "en_tech_ld_01", "title": "Data Science & Python Ecosystem", "text": "Python forms the backbone of modern data science and AI development. With libraries like NumPy for array operations, Pandas for structured data manipulation, and Matplotlib for data visualization, developers preprocess raw data and compute statistical metrics such as mean, variance, and correlation. Version control using Git and GitHub ensures reproducible workflows, while SQL enables database querying.", "source_lang": "en"},
+        {"doc_id": "en_tech_ld_02", "title": "Machine Learning Algorithms & Pipeline", "text": "Machine learning comprises supervised, unsupervised, and reinforcement learning. Algorithms range from linear and logistic regression to decision trees, random forests, XGBoost, SVM, KNN, K-Means clustering, and PCA. The ML pipeline includes feature engineering, handling missing values and outliers, train-test splitting, cross-validation, hyperparameter tuning, and metric evaluation (precision, recall, F1-score) to prevent overfitting.", "source_lang": "en"},
+        {"doc_id": "en_tech_ld_03", "title": "Deep Learning & Transformer Models", "text": "Deep learning uses neural networks with multi-layer perceptrons, activation functions like ReLU, and backpropagation optimization. Convolutional Neural Networks (CNNs) handle spatial computer vision, while Recurrent Neural Networks (RNNs) and LSTMs process sequential data. Transformer architectures with self-attention mechanisms enable state-of-the-art Natural Language Processing (NLP) and dense vector embeddings.", "source_lang": "en"},
+        {"doc_id": "en_tech_ld_04", "title": "Generative AI, LLMs, RAG & Autonomous Agents", "text": "Generative AI focuses on Large Language Models (LLMs) trained on tokenized text. Technique like prompt engineering, fine-tuning, LoRA, and QLoRA adapt models to domain tasks. Retrieval-Augmented Generation (RAG) utilizes semantic chunking, vector databases, and reranking to eliminate hallucinations. Autonomous AI agents leverage tool calling, agentic workflows, LangChain, and LangGraph to perform complex multi-step reasoning.", "source_lang": "en"},
+        {"doc_id": "en_tech_ld_05", "title": "Computer Vision & MLOps Infrastructure", "text": "Computer Vision leverages OpenCV for image processing, YOLO for real-time object detection, segmentation, and OCR for text extraction. MLOps standardizes deployment using FastAPI REST APIs, Docker containers, cloud model serving, MLflow monitoring, and INT8 quantization for edge model optimization.", "source_lang": "en"},
+    ],
+    "hi": [
+        {"doc_id": "hi_tech_ld_01", "title": "डेटा साइंस, मशीन लर्निंग और एआई परिचय", "text": "पायथन, NumPy और Pandas डेटा विश्लेषण और प���रीप्रोसेसिंग के आधार हैं। लीनियर रिग्रेशन, डिसीजन ट्री, रैंडम फॉरेस्ट और XGBoost मशीन लर्निंग के प्रमुख मॉडल हैं। न्यूरल नेटवर्क, बैकप्रोपैगेशन और ट्रांसफॉर्मर मॉडल डीप लर्निंग और भाषा प्रसंस्करण को गति देते हैं।", "source_lang": "hi"},
+        {"doc_id": "hi_tech_ld_02", "title": "जनरेटिव एआई, RAG और कंप्यूटर विजन", "text": "लार्ज लैंग्वेज मॉडल (LLM), LoRA फाइन-ट्यूनिंग और RAG तकनीकें वेक्टर डेटाबेस के साथ मिलकर काम करती हैं। एआई एजेंट्स स्वयंचलित कार्य करते हैं। कंप्यूटर विजन में OpenCV और YOLO ऑब्जेक्ट डिटेक्ट करते हैं, और MLOps में FastAPI और Docker से मॉडल तैनात (Deploy) होते हैं।", "source_lang": "hi"},
+    ],
+    "mr": [
+        {"doc_id": "mr_tech_ld_01", "title": "डेटा सायन्स, मशीन लर्निंग आणि AI प्रणाली", "text": "पायथन, NumPy आणि Pandas च्या मदतीने डेटा प्रीप्रोसेसिंग केले जाते. मशीन लर्निंगमध्ये रिग्रेशन, डिसीजन ट्री, रँडम फॉरेस्ट आणि XGBoost वापरले जातात. न्यूरल नेटवर्क्स आणि ट्रान्सफॉर्मर्स डीप लर्निंगचा पाया आहेत.", "source_lang": "mr"},
+        {"doc_id": "mr_tech_ld_02", "title": "जनरेटिव्ह AI, RAG आणि MLOps तंत्रज्ञान", "text": "LLMs, प्रॉम्प्ट इंजिनिअरिंग, RAG आणि वेक्टर डेटाबेस माहिती शोधणे सुलभ करतात. AI एजंट्स टूल कॉलिंगद्वारे स्वयंचलित कामे करतात. OpenCV आणि YOLO कॉम्प्युटर व्हिजनसाठी, तर FastAPI आणि Docker MLOps मॉडेल डिप्लॉयमेंटसाठी वापरले जातात.", "source_lang": "mr"},
+    ],
+}

demo/index.html

@@ -357,6 +357,8 @@
   </style>
 </head>
 <body class="min-h-screen flex flex-col relative selection:bg-sunyellow selection:text-black">
+  <!-- Full-Page Flying Iron Man Canvas Layer (Behind Frame Boxes) -->
+  <canvas id="ironmanMainCanvas" class="fixed inset-0 w-full h-full pointer-events-none z-1"></canvas>
 
   <!-- TROPICAL EMERALD BEACH VECTOR ARTWORK BACKGROUND (MATCHES REFERENCE IMAGE) -->
   <div class="fixed inset-0 pointer-events-none z-0 overflow-hidden flex items-center justify-center">
@@ -555,14 +557,14 @@
         <!-- Terminal Container -->
         <div class="comic-panel p-5 flex flex-col items-center justify-center gap-4">
           
-          <!-- Circular Mic Radar Container (Clean Non-Star Design) -->
-          <div class="relative w-60 h-60 rounded-full bg-[#0a1e28] border-3.5 border-black shadow-brutal flex items-center justify-center overflow-hidden my-2">
-            <!-- Animated Interactive Spider Web Waveform Canvas -->
+          <!-- Spider-Man Green Mask Canvas Container (#053b22 Forest Green Theme) -->
+          <div class="relative w-64 h-64 rounded-full bg-[#053b22] border-4 border-[#053b22] shadow-[0_0_25px_rgba(5,59,34,0.8)] flex items-center justify-center overflow-hidden my-2">
+            <!-- Animated Spider-Man Mask Waveform Canvas -->
             <canvas id="waveformCanvas" class="absolute inset-0 w-full h-full pointer-events-none"></canvas>
 
-            <!-- Circular Microphone Record Button (Hot Pink / Magenta Circle with White Mic Icon) -->
-            <button id="recordBtn" class="relative z-10 w-16 h-16 rounded-full bg-[#ff007f] hover:bg-[#e60073] active:scale-95 border-3 border-black flex items-center justify-center shadow-brutal transition cursor-pointer hover:scale-105 transition-transform duration-200">
-              <span id="micIcon" class="material-symbols-outlined text-3xl font-black text-white selection:bg-transparent">mic</span>
+            <!-- Microphone Record Button (Only Mic Icon, Green Spider-Man Theme) -->
+            <button id="recordBtn" class="relative z-10 p-3 flex items-center justify-center cursor-pointer hover:scale-110 active:scale-95 transition-transform duration-200 focus:outline-none">
+              <span id="micIcon" class="material-symbols-outlined text-5xl font-black text-black hover:text-slate-800 drop-shadow-[0_2px_6px_rgba(255,255,255,0.4)] selection:bg-transparent transition-colors duration-200">mic</span>
             </button>
           </div>
 
@@ -998,8 +1000,8 @@
 
           mediaRecorder.start();
           isRecording = true;
-          recordBtn.classList.remove("bg-red-600");
-          recordBtn.classList.add("bg-blue-600", "text-white");
+          micIcon.classList.remove("text-black", "hover:text-slate-800");
+          micIcon.classList.add("text-red-600", "animate-pulse");
           if (sttStatusText) sttStatusText.textContent = "SARVAM STT LISTENING...";
           micIcon.textContent = "stop";
         } catch (err) {
@@ -1008,8 +1010,8 @@
       } else {
         mediaRecorder.stop();
         isRecording = false;
-        recordBtn.classList.add("bg-red-600");
-        recordBtn.classList.remove("bg-blue-600", "text-white");
+        micIcon.classList.remove("text-red-600", "animate-pulse");
+        micIcon.classList.add("text-black", "hover:text-slate-800");
         if (sttStatusText) sttStatusText.textContent = "SARVAM STT TRANSCRIBING...";
         micIcon.textContent = "mic";
       }
@@ -1290,90 +1292,528 @@
       const cx = canvas.width / 2;
       const cy = canvas.height / 2;
       const maxR = Math.min(cx, cy) * 0.96;
-      const numSpokes = 8;
+      const numSpokes = 12;
       const numRings = 5;
 
-      // Fill inner background of starburst container with solid dark teal (#0a1e28)
-      ctx.fillStyle = "#0a1e28";
-      ctx.fillRect(0, 0, canvas.width, canvas.height);
+      // 1. Fill Dark Forest Green (#053b22) Mask Background
+      ctx.fillStyle = "#053b22";
+      ctx.beginPath();
+      ctx.arc(cx, cy, maxR, 0, Math.PI * 2);
+      ctx.fill();
+
+      // Audio reactivity amplitude calculation
+      let audioGain = 0;
+      if (analyser && dataArray && isRecording) {
+        analyser.getByteFrequencyData(dataArray);
+        let sum = 0;
+        for (let i = 0; i < dataArray.length; i++) sum += dataArray[i];
+        audioGain = (sum / dataArray.length) / 255;
+      }
+
+      const greenStroke = isRecording ? "#00ffaa" : "#00ff66";
 
-      // 1. Draw Spider Web Radial Spokes (Alternating Electric Cyan #00e5ff & Hot Pink #ff007f)
+      // 2. Draw Spider Web Radial Spokes (Green lines originating from central nose bridge)
+      ctx.strokeStyle = greenStroke;
+      ctx.lineWidth = 2.2;
       for (let i = 0; i < numSpokes; i++) {
         const angle = (i * Math.PI * 2) / numSpokes - Math.PI / 2;
         const x = cx + Math.cos(angle) * maxR;
         const y = cy + Math.sin(angle) * maxR;
         ctx.beginPath();
-        ctx.moveTo(cx, cy);
+        ctx.moveTo(cx, cy + 10);
         ctx.lineTo(x, y);
-        ctx.strokeStyle = isRecording 
-          ? "#ff007f" 
-          : (i % 2 === 0 ? "#00e5ff" : "#ff007f");
-        ctx.lineWidth = 2.2;
         ctx.stroke();
       }
 
-      // 2. Draw Concentric Spider Web Rings (Curved Geometric Spider Strands)
+      // 3. Draw Concentric Spider Web Arcs
       for (let r = 1; r <= numRings; r++) {
         const ringFraction = r / numRings;
-        const baseRadius = maxR * ringFraction;
+        const baseRadius = maxR * ringFraction + (audioGain * 14 * Math.sin(wavePhase + r));
 
-        ctx.beginPath();
-        ctx.strokeStyle = isRecording
-          ? `rgba(255, 0, 127, ${0.7 + r * 0.06})`
-          : (r % 2 === 0 ? `rgba(0, 229, 255, ${0.75 + r * 0.05})` : `rgba(255, 0, 127, ${0.75 + r * 0.05})`);
-        ctx.lineWidth = isRecording ? 2.5 : 2.0;
+        ctx.strokeStyle = isRecording 
+          ? `rgba(0, 255, 170, ${0.7 + r * 0.05})`
+          : `rgba(0, 255, 102, ${0.75 + r * 0.04})`;
+        ctx.lineWidth = isRecording ? 2.6 : 2.0;
 
         const ringPoints = [];
         for (let i = 0; i < numSpokes; i++) {
           const angle = (i * Math.PI * 2) / numSpokes - Math.PI / 2;
-          
-          let amp = Math.sin(angle * 4 + wavePhase + r) * 2.2;
-          if (analyser && dataArray && isRecording) {
-            analyser.getByteFrequencyData(dataArray);
-            const binIdx = Math.floor((i / numSpokes) * dataArray.length);
-            amp += (dataArray[binIdx] / 255) * 22 * ringFraction;
-          }
-
-          const currentR = baseRadius + amp;
-          const px = cx + Math.cos(angle) * currentR;
-          const py = cy + Math.sin(angle) * currentR;
+          const px = cx + Math.cos(angle) * baseRadius;
+          const py = cy + 10 + Math.sin(angle) * baseRadius;
           ringPoints.push({ x: px, y: py, angle: angle });
         }
 
-        // Draw curved spider web strands dipping inwards towards center
+        // Draw dipping spider web arcs
         for (let i = 0; i < numSpokes; i++) {
           const p1 = ringPoints[i];
           const p2 = ringPoints[(i + 1) % numSpokes];
-          
           const midAngle = (p1.angle + p2.angle) / 2 + (i === numSpokes - 1 ? Math.PI : 0);
           const dipRadius = baseRadius * 0.85;
           const midX = cx + Math.cos(midAngle) * dipRadius;
-          const midY = cy + Math.sin(midAngle) * dipRadius;
+          const midY = cy + 10 + Math.sin(midAngle) * dipRadius;
 
           ctx.beginPath();
           ctx.moveTo(p1.x, p1.y);
           ctx.quadraticCurveTo(midX, midY, p2.x, p2.y);
           ctx.stroke();
         }
+      }
 
-        // 3. Draw Spider Web Intersecting Node Dots (Bright Cyan & Hot Pink with Black Borders)
-        for (let idx = 0; idx < ringPoints.length; idx++) {
-          const pt = ringPoints[idx];
-          ctx.fillStyle = isRecording ? "#ff007f" : (idx % 2 === 0 ? "#00e5ff" : "#ff007f");
-          ctx.beginPath();
-          ctx.arc(pt.x, pt.y, isRecording ? 4.5 : 3.8, 0, Math.PI * 2);
-          ctx.fill();
+      // 4. Draw Thick Outer Green Spider-Man Circle Border
+      ctx.strokeStyle = greenStroke;
+      ctx.lineWidth = 6.5;
+      ctx.beginPath();
+      ctx.arc(cx, cy, maxR, 0, Math.PI * 2);
+      ctx.stroke();
+
+      // 5. Draw Iconic Spider-Man Angled Eyes (Symmetrical Left & Right with Thick Green Borders)
+      function drawSpiderEye(isLeft) {
+        const s = isLeft ? -1 : 1;
+        ctx.save();
+        ctx.beginPath();
 
-          // Black node stroke outline matching reference image
-          ctx.strokeStyle = "#000000";
-          ctx.lineWidth = 1.4;
-          ctx.stroke();
-        }
+        // Eye anchor coordinates matching iconic Spider-Man mask geometry
+        const topInnerX = cx + s * (maxR * 0.08);
+        const topInnerY = cy - (maxR * 0.04);
+        const outerPointX = cx + s * (maxR * 0.72);
+        const outerPointY = cy - (maxR * 0.28);
+        const outerBottomX = cx + s * (maxR * 0.52);
+        const outerBottomY = cy + (maxR * 0.42);
+
+        ctx.moveTo(topInnerX, topInnerY);
+        // Slanted top edge outwards to outer sharp corner
+        ctx.quadraticCurveTo(cx + s * (maxR * 0.38), cy - (maxR * 0.34), outerPointX, outerPointY);
+        // Outer curve going down to bottom corner
+        ctx.quadraticCurveTo(cx + s * (maxR * 0.78), cy + (maxR * 0.08), outerBottomX, outerBottomY);
+        // Smooth bottom curve returning up to inner point
+        ctx.quadraticCurveTo(cx + s * (maxR * 0.22), cy + (maxR * 0.44), topInnerX, topInnerY);
+        ctx.closePath();
+
+        // Fill Eye with Solid Bright White
+        ctx.fillStyle = "#ffffff";
+        ctx.fill();
+
+        // Thick Bold Black Eye Frame Stroke Outline
+        ctx.strokeStyle = "#000000";
+        ctx.lineWidth = 7.5;
+        ctx.stroke();
+
+        ctx.restore();
       }
 
+      drawSpiderEye(true);  // Left Spider Eye
+      drawSpiderEye(false); // Right Spider Eye
+
       requestAnimationFrame(drawSpiderWeb);
     }
+
     drawSpiderWeb();
+
+    // ==========================================
+    // MAIN PAGE FULL-SCREEN IRON MAN FLIGHT ENGINE
+    // ==========================================
+    const mainCanvas = document.getElementById("ironmanMainCanvas");
+    const mainCtx = mainCanvas ? mainCanvas.getContext("2d") : null;
+
+    function resizeMainCanvas() {
+      if (mainCanvas) {
+        mainCanvas.width = window.innerWidth;
+        mainCanvas.height = window.innerHeight;
+      }
+    }
+    window.addEventListener("resize", resizeMainCanvas);
+    resizeMainCanvas();
+
+    const mainIronmanImg = new Image();
+    mainIronmanImg.src = "/ironman.png";
+    let mainIronmanLoaded = false;
+    mainIronmanImg.onload = () => { mainIronmanLoaded = true; };
+
+    let mainImX = -220;
+    const mainThrusterParticles = [];
+
+    function drawMainPageIronMan() {
+      if (!mainCanvas || !mainCtx) return;
+
+      const w = mainCanvas.width;
+      const h = mainCanvas.height;
+      mainCtx.clearRect(0, 0, w, h);
+
+      // High-Speed Avengers Triangle / V-Formation Motion Engine (Speed = 5.6px/frame)
+      const flightSpeed = 5.6;
+      mainImX += flightSpeed;
+      if (mainImX > w + 450) mainImX = -450;
+
+      // Base Straight Diagonal Trajectory for Formation Leader (Iron Man at point of Triangle)
+      const progress = (mainImX + 450) / (w + 900);
+      const baseLeaderY = (h * 0.82) - progress * (h * 0.68);
+      const mainImY = baseLeaderY;
+
+      const imW = 165;
+      const imH = 245;
+
+      const bootX = mainImX + imW * 0.16;
+      const bootY = mainImY + imH * 0.86;
+      const handX = mainImX + imW * 0.30;
+      const handY = mainImY + imH * 0.48;
+
+      let boostPulse = Math.sin(wavePhase * 8) * 6;
+      if (analyser && dataArray && isRecording) {
+        analyser.getByteFrequencyData(dataArray);
+        let sum = 0;
+        for (let i = 0; i < 8; i++) sum += dataArray[i];
+        boostPulse += (sum / 8) * 0.25;
+      }
+
+      // Helper for MCU booster flame on main page
+      function drawMainBoosterFlame(x, y, angle, length, width) {
+        mainCtx.save();
+        mainCtx.translate(x, y);
+        mainCtx.rotate(angle);
+
+        // Outer Sky Blue Plasma Booster Flame
+        const flameGrad = mainCtx.createLinearGradient(0, 0, length, 0);
+        flameGrad.addColorStop(0, "rgba(255, 255, 255, 0.98)");
+        flameGrad.addColorStop(0.2, "rgba(135, 206, 250, 0.95)");
+        flameGrad.addColorStop(0.5, "rgba(0, 191, 255, 0.9)");
+        flameGrad.addColorStop(0.8, "rgba(0, 119, 255, 0.65)");
+        flameGrad.addColorStop(1, "rgba(0, 80, 255, 0)");
+
+        mainCtx.beginPath();
+        mainCtx.moveTo(0, -width / 2);
+        mainCtx.lineTo(length + boostPulse, 0);
+        mainCtx.lineTo(0, width / 2);
+        mainCtx.closePath();
+        mainCtx.fillStyle = flameGrad;
+        mainCtx.fill();
+
+        // Inner Pure White & Ice Blue Core Jet
+        const coreGrad = mainCtx.createLinearGradient(0, 0, length * 0.65, 0);
+        coreGrad.addColorStop(0, "#ffffff");
+        coreGrad.addColorStop(0.5, "#e0f7ff");
+        coreGrad.addColorStop(0.85, "#00bfff");
+        coreGrad.addColorStop(1, "rgba(0, 191, 255, 0)");
+
+        mainCtx.beginPath();
+        mainCtx.moveTo(0, -width * 0.25);
+        mainCtx.lineTo(length * 0.6 + boostPulse * 0.5, 0);
+        mainCtx.lineTo(0, width * 0.25);
+        mainCtx.closePath();
+        mainCtx.fillStyle = coreGrad;
+        mainCtx.fill();
+
+        mainCtx.restore();
+      }
+
+      // Draw main booster flames under boots & hands
+      drawMainBoosterFlame(bootX, bootY, Math.PI * 0.82, 65 + boostPulse, 22);
+      drawMainBoosterFlame(handX, handY, Math.PI * 0.84, 45 + boostPulse, 16);
+
+      // Spawn Sky Blue thruster spark particles on main page
+      for (let p = 0; p < 5; p++) {
+        const origin = Math.random() > 0.5 ? { x: bootX, y: bootY } : { x: handX, y: handY };
+        mainThrusterParticles.push({
+          x: origin.x,
+          y: origin.y,
+          vx: -(2.5 + Math.random() * 4.5),
+          vy: 1.2 + (Math.random() - 0.5) * 3,
+          radius: 2.0 + Math.random() * 3.5,
+          color: Math.random() > 0.4 ? "#00bfff" : (Math.random() > 0.5 ? "#87cefa" : "#ffffff"),
+          life: 1.0,
+          decay: 0.02 + Math.random() * 0.03
+        });
+      }
+
+      // Update & render main thruster particles
+      for (let i = mainThrusterParticles.length - 1; i >= 0; i--) {
+        const pt = mainThrusterParticles[i];
+        pt.x += pt.vx;
+        pt.y += pt.vy;
+        pt.life -= pt.decay;
+
+        if (pt.life <= 0) {
+          mainThrusterParticles.splice(i, 1);
+          continue;
+        }
+
+        mainCtx.save();
+        mainCtx.globalAlpha = pt.life;
+        mainCtx.fillStyle = pt.color;
+        mainCtx.shadowColor = pt.color;
+        mainCtx.shadowBlur = 10;
+        mainCtx.beginPath();
+        mainCtx.arc(pt.x, pt.y, pt.radius * pt.life, 0, Math.PI * 2);
+        mainCtx.fill();
+        mainCtx.restore();
+      }
+
+      // Draw Bright Glowing Iron Man sprite on main page
+      if (mainIronmanLoaded) {
+        mainCtx.save();
+        mainCtx.filter = "brightness(1.45) contrast(1.3) saturate(1.35) drop-shadow(0 0 22px rgba(0, 220, 255, 0.95))";
+        mainCtx.drawImage(mainIronmanImg, mainImX, mainImY, imW, imH);
+        mainCtx.restore();
+
+        // Chest Arc Reactor Energy Glow Lens Flare
+        const chestX = mainImX + imW * 0.84;
+        const chestY = mainImY + imH * 0.35;
+        mainCtx.save();
+        const arcGrad = mainCtx.createRadialGradient(chestX, chestY, 0, chestX, chestY, 16);
+        arcGrad.addColorStop(0, "rgba(255, 255, 255, 1)");
+        arcGrad.addColorStop(0.4, "rgba(0, 240, 255, 0.9)");
+        arcGrad.addColorStop(1, "rgba(0, 240, 255, 0)");
+        mainCtx.fillStyle = arcGrad;
+        mainCtx.beginPath();
+        mainCtx.arc(chestX, chestY, 16, 0, Math.PI * 2);
+        mainCtx.fill();
+        mainCtx.restore();
+      }
+
+      // ==========================================
+      // DRAW THOR FLYING UPWARD (Top Wing of Triangle Formation)
+      // ==========================================
+      const thorX = mainImX - 220;
+      const thorY = baseLeaderY - 95;
+
+      const thorW = 180;
+      const thorH = 240;
+
+      // Stormbreaker Axe & Body Anchor Points
+      const axeX = thorX + thorW * 0.42;
+      const axeY = thorY + thorH * 0.22;
+      const headX = thorX + thorW * 0.65;
+      const headY = thorY + thorH * 0.38;
+      const footX = thorX + thorW * 0.45;
+      const footY = thorY + thorH * 0.88;
+
+      // 1. Draw Crackling Lightning Bolts from Stormbreaker
+      const numBolts = (analyser && dataArray && isRecording) ? 8 : 5;
+      for (let b = 0; b < numBolts; b++) {
+        const targetAngle = Math.random() * Math.PI * 2;
+        const boltLength = 30 + Math.random() * 60;
+        const endX = axeX + Math.cos(targetAngle) * boltLength;
+        const endY = axeY + Math.sin(targetAngle) * boltLength;
+        drawLightningArc(mainCtx, axeX, axeY, endX, endY, 12);
+      }
+
+      // Lightning arcs crackling across armor & cape
+      drawLightningArc(mainCtx, axeX, axeY, headX, headY, 10);
+      drawLightningArc(mainCtx, axeX, axeY, footX, footY, 14);
+
+      // 2. Spawn Electric Thunder Spark Particles
+      for (let s = 0; s < 4; s++) {
+        thorSparks.push({
+          x: axeX + (Math.random() - 0.5) * 30,
+          y: axeY + (Math.random() - 0.5) * 30,
+          vx: -(2.0 + Math.random() * 4.0),
+          vy: (Math.random() - 0.5) * 3.5,
+          radius: 1.5 + Math.random() * 3.0,
+          color: Math.random() > 0.4 ? "#00e5ff" : "#ffffff",
+          life: 1.0,
+          decay: 0.03 + Math.random() * 0.04
+        });
+      }
+
+      // Update & render Thor electric sparks
+      for (let i = thorSparks.length - 1; i >= 0; i--) {
+        const sp = thorSparks[i];
+        sp.x += sp.vx;
+        sp.y += sp.vy;
+        sp.life -= sp.decay;
+        if (sp.life <= 0) {
+          thorSparks.splice(i, 1);
+          continue;
+        }
+
+        mainCtx.save();
+        mainCtx.globalAlpha = sp.life;
+        mainCtx.fillStyle = sp.color;
+        mainCtx.shadowColor = "#00e5ff";
+        mainCtx.shadowBlur = 10;
+        mainCtx.beginPath();
+        mainCtx.arc(sp.x, sp.y, sp.radius * sp.life, 0, Math.PI * 2);
+        mainCtx.fill();
+        mainCtx.restore();
+      }
+
+      // 3. Draw Bright Luminous Thor Sprite with Electric Aura
+      if (thorLoaded) {
+        mainCtx.save();
+        mainCtx.filter = "brightness(1.4) contrast(1.28) saturate(1.3) drop-shadow(0 0 24px rgba(0, 229, 255, 0.95))";
+        mainCtx.drawImage(thorImg, thorX, thorY, thorW, thorH);
+        mainCtx.restore();
+
+        // Stormbreaker Radial Thunder Glow Flare
+        mainCtx.save();
+        const stormGrad = mainCtx.createRadialGradient(axeX, axeY, 0, axeX, axeY, 28);
+        stormGrad.addColorStop(0, "rgba(255, 255, 255, 1)");
+        stormGrad.addColorStop(0.35, "rgba(0, 229, 255, 0.9)");
+        stormGrad.addColorStop(1, "rgba(0, 229, 255, 0)");
+        mainCtx.fillStyle = stormGrad;
+        mainCtx.beginPath();
+        mainCtx.arc(axeX, axeY, 28, 0, Math.PI * 2);
+        mainCtx.fill();
+        mainCtx.restore();
+      }
+
+      // ==========================================
+      // DRAW CAPTAIN AMERICA FLYING UPWARD (Bottom Wing of Triangle Formation)
+      // ==========================================
+      const capX = mainImX - 220;
+      const capY = baseLeaderY + 95;
+
+      const capW = 165;
+      const capH = 240;
+
+      // Mjolnir Hammer (Right Hand), Shield (Left Hand), Chest & Feet Anchors
+      const mjolnirX = capX + capW * 0.12;
+      const mjolnirY = capY + capH * 0.44;
+      const shieldX = capX + capW * 0.85;
+      const shieldY = capY + capH * 0.18;
+      const capChestX = capX + capW * 0.46;
+      const capChestY = capY + capH * 0.36;
+
+      // 1. Draw Crackling Lightning Bolts from Mjolnir Hammer in Cap's Hand
+      const capBolts = (analyser && dataArray && isRecording) ? 7 : 4;
+      for (let b = 0; b < capBolts; b++) {
+        const targetAngle = Math.random() * Math.PI * 2;
+        const boltLength = 25 + Math.random() * 55;
+        const endX = mjolnirX + Math.cos(targetAngle) * boltLength;
+        const endY = mjolnirY + Math.sin(targetAngle) * boltLength;
+        drawLightningArc(mainCtx, mjolnirX, mjolnirY, endX, endY, 11);
+      }
+
+      // Crackle from Mjolnir across right arm to Chest Star and up to Shield
+      drawLightningArc(mainCtx, mjolnirX, mjolnirY, capChestX, capChestY, 10);
+      drawLightningArc(mainCtx, mjolnirX, mjolnirY, shieldX, shieldY, 13);
+
+      // 2. Spawn Electric Thunder Spark Particles from Mjolnir Hand
+      for (let s = 0; s < 4; s++) {
+        capSparks.push({
+          x: mjolnirX + (Math.random() - 0.5) * 24,
+          y: mjolnirY + (Math.random() - 0.5) * 24,
+          vx: -(2.0 + Math.random() * 3.8),
+          vy: (Math.random() - 0.5) * 3.2,
+          radius: 1.4 + Math.random() * 2.8,
+          color: Math.random() > 0.4 ? "#00e5ff" : "#ffffff",
+          life: 1.0,
+          decay: 0.03 + Math.random() * 0.04
+        });
+      }
+
+      // Render Cap's hand electric sparks
+      for (let i = capSparks.length - 1; i >= 0; i--) {
+        const sp = capSparks[i];
+        sp.x += sp.vx;
+        sp.y += sp.vy;
+        sp.life -= sp.decay;
+        if (sp.life <= 0) {
+          capSparks.splice(i, 1);
+          continue;
+        }
+
+        mainCtx.save();
+        mainCtx.globalAlpha = sp.life;
+        mainCtx.fillStyle = sp.color;
+        mainCtx.shadowColor = "#00e5ff";
+        mainCtx.shadowBlur = 10;
+        mainCtx.beginPath();
+        mainCtx.arc(sp.x, sp.y, sp.radius * sp.life, 0, Math.PI * 2);
+        mainCtx.fill();
+        mainCtx.restore();
+      }
+
+      // 3. Draw Luminous Captain America Sprite with Electric Aura & Mjolnir Flare
+      if (capLoaded) {
+        mainCtx.save();
+        mainCtx.filter = "brightness(1.42) contrast(1.3) saturate(1.35) drop-shadow(0 0 22px rgba(0, 229, 255, 0.95))";
+        mainCtx.drawImage(capImg, capX, capY, capW, capH);
+        mainCtx.restore();
+
+        // Mjolnir Hand Thunder Glow Lens Flare
+        mainCtx.save();
+        const mjolnirGrad = mainCtx.createRadialGradient(mjolnirX, mjolnirY, 0, mjolnirX, mjolnirY, 26);
+        mjolnirGrad.addColorStop(0, "rgba(255, 255, 255, 1)");
+        mjolnirGrad.addColorStop(0.35, "rgba(0, 229, 255, 0.9)");
+        mjolnirGrad.addColorStop(1, "rgba(0, 229, 255, 0)");
+        mainCtx.fillStyle = mjolnirGrad;
+        mainCtx.beginPath();
+        mainCtx.arc(mjolnirX, mjolnirY, 26, 0, Math.PI * 2);
+        mainCtx.fill();
+        mainCtx.restore();
+
+        // Shield Reflection Electric Sparkle
+        mainCtx.save();
+        const shieldGrad = mainCtx.createRadialGradient(shieldX, shieldY, 0, shieldX, shieldY, 20);
+        shieldGrad.addColorStop(0, "rgba(255, 255, 255, 0.9)");
+        shieldGrad.addColorStop(0.4, "rgba(0, 229, 255, 0.6)");
+        shieldGrad.addColorStop(1, "rgba(0, 229, 255, 0)");
+        mainCtx.fillStyle = shieldGrad;
+        mainCtx.beginPath();
+        mainCtx.arc(shieldX, shieldY, 20, 0, Math.PI * 2);
+        mainCtx.fill();
+        mainCtx.restore();
+      }
+
+      requestAnimationFrame(drawMainPageIronMan);
+    }
+
+    // Captain America Sprite Loader
+    const capImg = new Image();
+    capImg.src = "/cap.png";
+    let capLoaded = false;
+    capImg.onload = () => { capLoaded = true; };
+
+    let capX = -650;
+    const capSparks = [];
+
+    // Thor Sprite & Lightning Helper
+    const thorImg = new Image();
+    thorImg.src = "/thor.png";
+    let thorLoaded = false;
+    thorImg.onload = () => { thorLoaded = true; };
+
+    let thorX = -450;
+    const thorSparks = [];
+
+    function drawLightningArc(c, x1, y1, x2, y2, roughness = 14) {
+      const dx = x2 - x1;
+      const dy = y2 - y1;
+      const dist = Math.hypot(dx, dy);
+      const steps = Math.max(4, Math.floor(dist / 14));
+      
+      c.beginPath();
+      c.moveTo(x1, y1);
+      let curX = x1;
+      let curY = y1;
+      
+      for (let i = 1; i < steps; i++) {
+        const t = i / steps;
+        const targetX = x1 + dx * t;
+        const targetY = y1 + dy * t;
+        const offset = (Math.random() - 0.5) * roughness;
+        const nx = -dy / (dist || 1);
+        const ny = dx / (dist || 1);
+        curX = targetX + nx * offset;
+        curY = targetY + ny * offset;
+        c.lineTo(curX, curY);
+      }
+      c.lineTo(x2, y2);
+
+      c.save();
+      c.strokeStyle = "rgba(0, 229, 255, 0.95)";
+      c.lineWidth = 3.5;
+      c.shadowColor = "#00e5ff";
+      c.shadowBlur = 16;
+      c.stroke();
+
+      c.strokeStyle = "#ffffff";
+      c.lineWidth = 1.6;
+      c.stroke();
+      c.restore();
+    }
+
+    drawMainPageIronMan();
   </script>
 </body>
 </html>