Upload folder using huggingface_hub

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+chroma_db/chroma.sqlite3 filter=lfs diff=lfs merge=lfs -text

.ipynb_checkpoints/youtube-checkpoint.ipynb

@@ -0,0 +1,6 @@
+{
+ "cells": [],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 5
+}

README.md

@@ -1,12 +1,6 @@
 ---
-title: Yt Transcipt Project
-emoji: 💻
-colorFrom: indigo
-colorTo: green
+title: yt_transcipt_project
+app_file: youtube.py
 sdk: gradio
-sdk_version: 5.49.1
-app_file: app.py
-pinned: false
+sdk_version: 5.23.1
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

chroma_db/3771a9ee-1dca-46f8-a50d-2d47c8099db5/data_level0.bin

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cee0d7bf70893a0e49d41e1305cece975b8923f0e6d4d052fc812cec909e6f19
+size 6424000

chroma_db/3771a9ee-1dca-46f8-a50d-2d47c8099db5/header.bin

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cd3d807657781f5b32fa855c67963966ed05400edb8e3a6a85821ff87b4b2eb9
+size 100

chroma_db/3771a9ee-1dca-46f8-a50d-2d47c8099db5/index_metadata.pickle

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f646e7ff63de9c57ec7f82ba0c07bc06e951bd14fa1511b99931ad4bea4f4f9f
+size 113967

chroma_db/3771a9ee-1dca-46f8-a50d-2d47c8099db5/length.bin

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:19d430a4c4e9fb6f8c7a427418dca1bdb2dec293c6a2d296d5023c60fab84ed1
+size 8000

chroma_db/3771a9ee-1dca-46f8-a50d-2d47c8099db5/link_lists.bin

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d84195a42f04486d3c42a6f80506351ff5f998347c2ced71ef82eea6170f09a9
+size 17044

chroma_db/chroma.sqlite3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:41b4db74ce3b458cf36cc18b018a5df9814dd125d897716a47df3d56734f19d5
+size 8577024

requirements.txt

@@ -0,0 +1,2 @@
+youtube-transcript-api
+bytez

secrets.env

@@ -0,0 +1 @@
+BYTEZ_API_KEY = "69729741cfd0da8dc190e5c7fa746401"

youtube.ipynb

@@ -0,0 +1,808 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "id": "cdbd4c42-21fc-4796-8161-8b80e7b310c7",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from langchain_text_splitters import RecursiveCharacterTextSplitter\n",
+    "from langchain_chroma import Chroma\n",
+    "from langchain_huggingface import HuggingFaceEmbeddings\n",
+    "from bytez import Bytez\n",
+    "from youtube_transcript_api import YouTubeTranscriptApi\n",
+    "import gradio as gr\n",
+    "from dotenv import load_dotenv\n",
+    "import os\n",
+    "from urllib.parse import urlparse, parse_qs"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "id": "d1943b98-7f49-43fb-81cc-cae13781b4b1",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "True"
+      ]
+     },
+     "execution_count": 2,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "load_dotenv(\"secrets.env\")"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "id": "e8ad246a-8136-4916-a086-eb28ad34a958",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "api_key = os.getenv(\"BYTEZ_API_KEY\")\n",
+    "sdk = Bytez(api_key)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 4,
+   "id": "6d9a1500-148a-4ff3-a1ec-81e1faaa3bfc",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "#toy function\n",
+    "def video_id_extractor(link):\n",
+    "    if \"watch?v=\" in link:\n",
+    "        return link[32:43]\n",
+    "    else:\n",
+    "        return link[17:28]"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "id": "313a5521-41b6-4453-a26b-b2142f7992c0",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "#production ready function\n",
+    "def video_id_extractor(link):\n",
+    "    parsed_url = urlparse(link)\n",
+    "    \n",
+    "    if \"youtube.com\" in parsed_url.netloc:\n",
+    "        return parse_qs(parsed_url.query).get(\"v\", [None])[0]\n",
+    "    \n",
+    "    elif \"youtu.be\" in parsed_url.netloc:\n",
+    "        return parsed_url.path.lstrip(\"/\")\n",
+    "    \n",
+    "    return None"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 6,
+   "id": "ef1b022a-b9b9-481d-bbc8-df9cae7137b1",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def generate_transcript(video_id):\n",
+    "    trans = YouTubeTranscriptApi()\n",
+    "    try:\n",
+    "        transcript_raw = trans.fetch(video_id = video_id)\n",
+    "    except Exception:\n",
+    "        return None\n",
+    "    transcript = \"\"\n",
+    "    for i in transcript_raw.snippets:\n",
+    "        transcript += f\" {i.text}\"\n",
+    "    return transcript"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 7,
+   "id": "052cfe69-ff3e-40f5-b574-00f1df69446d",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def create_and_save_vs(trans):\n",
+    "    try:\n",
+    "        splitter = RecursiveCharacterTextSplitter(chunk_size = 100, chunk_overlap = 50)\n",
+    "        docs = splitter.split_text(trans)\n",
+    "        embeddings = HuggingFaceEmbeddings(model_name='sentence-transformers/all-mpnet-base-v2')\n",
+    "        vector_store_db = Chroma.from_texts(docs, embeddings, persist_directory='chroma_db')\n",
+    "    except Exception:\n",
+    "        return None\n",
+    "    return vector_store_db"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 19,
+   "id": "b6e02c40-008d-46af-8728-96f8f359cc75",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def generate_summary(trans):\n",
+    "    try: \n",
+    "        model = sdk.model(\"openai/gpt-4o\")\n",
+    "        if len(trans.split(\" \")) > 90000:\n",
+    "            trans = trans.split(\" \")[0:85000]\n",
+    "            trans = \" \".join(trans)\n",
+    "    except Exception:\n",
+    "        return None\n",
+    "    Inp = [{\"role\": \"system\", \"content\": \"You are a youtube transcipt sammurizer. Sammurize the transcript under 100 words\"}, {\"role\":\"user\", \"content\":trans}]\n",
+    "    trails = 4\n",
+    "    failed = True\n",
+    "    time_to_sleep = 3\n",
+    "    while failed and trails > 0:\n",
+    "        res = model.run(Inp)\n",
+    "        if type(res) == list and len(res) == 3:\n",
+    "            failed = False\n",
+    "            trails -= 1\n",
+    "            return res[0][\"content\"]\n",
+    "        else:\n",
+    "            time.sleep(time_to_sleep)\n",
+    "            time_to_sleep = time_to_sleep **2\n",
+    "            trails -= 1\n",
+    "    return None\n",
+    "    "
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 10,
+   "id": "07a21fd9-7c21-4349-9b0b-eccc84a6c243",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def setter(link):\n",
+    "    yield gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), \"\", \"\"\n",
+    "    video_id = video_id_extractor(link)\n",
+    "    if not video_id:\n",
+    "        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=False), \"\", \"\"\n",
+    "    transcript = generate_transcript(video_id)\n",
+    "    if not transcript:\n",
+    "        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), \"\", \"\"\n",
+    "    vectorstore = create_and_save_vs(transcript)\n",
+    "    if not vectorstore:\n",
+    "        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), \"\", \"\"\n",
+    "    summary = generate_summary(transcript)\n",
+    "    if not summary:\n",
+    "        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), \"\", \"\"\n",
+    "    yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), summary, vectorstore"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 11,
+   "id": "6acf3a97-a4a6-4e56-aa77-578dfdb0a4e8",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def execute(vec, query):\n",
+    "    try:\n",
+    "        res = vec.similarity_search(query, k=3)\n",
+    "        result = \"\"\n",
+    "        for i in res:\n",
+    "            result += f\"\\n{i.page_content}\"\n",
+    "        model = sdk.model(\"openai/gpt-4o\")\n",
+    "        inp = [{\"role\": \"system\", \"content\": \"You are a helpful assistant - you will be asked a query and provided with a context. You have to answer that query based on the provided context - do not make things up. Do not reveal the whole context, answer as like you already knew the context\"}, {\"role\":\"user\", \"content\":f\"query: {query} | context: {result}\"}]\n",
+    "        res = model.run(inp)\n",
+    "        return res[0]['content'], gr.update(visible=True), gr.update(visible=False)\n",
+    "    except Exception:\n",
+    "        return \"\", gr.update(visible=False), gr.update(visible=True)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 21,
+   "id": "0c0ad086-1de1-4a88-92cf-ad442ef9cb0f",
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "* Running on local URL:  http://127.0.0.1:7865\n",
+      "\n",
+      "To create a public link, set `share=True` in `launch()`.\n"
+     ]
+    },
+    {
+     "data": {
+      "text/html": [
+       "<div><iframe src=\"http://127.0.0.1:7865/\" width=\"100%\" height=\"500\" allow=\"autoplay; camera; microphone; clipboard-read; clipboard-write;\" frameborder=\"0\" allowfullscreen></iframe></div>"
+      ],
+      "text/plain": [
+       "<IPython.core.display.HTML object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "text/plain": []
+     },
+     "execution_count": 21,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "with gr.Blocks(\n",
+    "    theme=gr.themes.Soft(\n",
+    "        primary_hue=\"blue\",\n",
+    "        secondary_hue=\"indigo\",\n",
+    "    ),\n",
+    "    css=\"\"\"\n",
+    "        /* Global Styles */\n",
+    "        .gradio-container {\n",
+    "            font-family: 'Inter', 'Segoe UI', sans-serif !important;\n",
+    "            max-width: 1200px !important;\n",
+    "            margin: 0 auto !important;\n",
+    "        }\n",
+    "        \n",
+    "        /* Header Branding */\n",
+    "        .header-brand {\n",
+    "            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n",
+    "            padding: 2rem;\n",
+    "            border-radius: 16px;\n",
+    "            margin-bottom: 2rem;\n",
+    "            box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);\n",
+    "            animation: fadeInDown 0.8s ease-out;\n",
+    "        }\n",
+    "        \n",
+    "        .header-brand h1 {\n",
+    "            color: white;\n",
+    "            font-size: 2.5rem;\n",
+    "            font-weight: 700;\n",
+    "            margin: 0;\n",
+    "            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n",
+    "        }\n",
+    "        \n",
+    "        .header-brand p {\n",
+    "            color: rgba(255,255,255,0.95);\n",
+    "            font-size: 1.1rem;\n",
+    "            margin: 0.5rem 0 0 0;\n",
+    "        }\n",
+    "        \n",
+    "        /* Footer Branding */\n",
+    "        .footer-brand {\n",
+    "            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n",
+    "            padding: 1.5rem;\n",
+    "            border-radius: 12px;\n",
+    "            margin-top: 2rem;\n",
+    "            text-align: center;\n",
+    "            box-shadow: 0 -5px 20px rgba(102, 126, 234, 0.2);\n",
+    "        }\n",
+    "        \n",
+    "        .footer-brand p {\n",
+    "            color: white;\n",
+    "            margin: 0.3rem 0;\n",
+    "            font-size: 0.95rem;\n",
+    "        }\n",
+    "        \n",
+    "        .footer-brand a {\n",
+    "            color: #ffd700;\n",
+    "            text-decoration: none;\n",
+    "            font-weight: 600;\n",
+    "            transition: all 0.3s ease;\n",
+    "        }\n",
+    "        \n",
+    "        .footer-brand a:hover {\n",
+    "            color: #fff;\n",
+    "            text-shadow: 0 0 10px rgba(255,255,255,0.5);\n",
+    "        }\n",
+    "        \n",
+    "        /* Main Title Animation */\n",
+    "        .main-title {\n",
+    "            background: linear-gradient(90deg, #667eea, #764ba2, #667eea);\n",
+    "            background-size: 200% auto;\n",
+    "            color: white;\n",
+    "            padding: 1.5rem;\n",
+    "            border-radius: 12px;\n",
+    "            text-align: center;\n",
+    "            font-size: 1.8rem;\n",
+    "            font-weight: 600;\n",
+    "            margin-bottom: 2rem;\n",
+    "            box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4);\n",
+    "            animation: gradientShift 3s ease infinite, fadeIn 1s ease-out;\n",
+    "        }\n",
+    "        \n",
+    "        /* Button Styles */\n",
+    "        .gr-button {\n",
+    "            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n",
+    "            border: none !important;\n",
+    "            color: white !important;\n",
+    "            font-weight: 600 !important;\n",
+    "            padding: 12px 32px !important;\n",
+    "            border-radius: 8px !important;\n",
+    "            transition: all 0.3s ease !important;\n",
+    "            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;\n",
+    "            text-transform: uppercase;\n",
+    "            letter-spacing: 0.5px;\n",
+    "        }\n",
+    "        \n",
+    "        .gr-button:hover {\n",
+    "            transform: translateY(-2px) !important;\n",
+    "            box-shadow: 0 6px 25px rgba(102, 126, 234, 0.6) !important;\n",
+    "        }\n",
+    "        \n",
+    "        .gr-button:active {\n",
+    "            transform: translateY(0px) !important;\n",
+    "        }\n",
+    "        \n",
+    "        /* Input Fields */\n",
+    "        .gr-textbox, .gr-text-input {\n",
+    "            border-radius: 8px !important;\n",
+    "            border: 2px solid #e0e7ff !important;\n",
+    "            transition: all 0.3s ease !important;\n",
+    "        }\n",
+    "        \n",
+    "        .gr-textbox:focus, .gr-text-input:focus {\n",
+    "            border-color: #667eea !important;\n",
+    "            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;\n",
+    "        }\n",
+    "        \n",
+    "        /* Loading Animation */\n",
+    "        .loading-container {\n",
+    "            text-align: center;\n",
+    "            padding: 3rem;\n",
+    "        }\n",
+    "        \n",
+    "        .loading-text {\n",
+    "            font-size: 1.5rem;\n",
+    "            color: #667eea;\n",
+    "            animation: pulse 1.5s ease-in-out infinite;\n",
+    "        }\n",
+    "        \n",
+    "        /* Error Messages */\n",
+    "        .error-message {\n",
+    "            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n",
+    "            color: white;\n",
+    "            padding: 1.5rem;\n",
+    "            border-radius: 12px;\n",
+    "            text-align: center;\n",
+    "            font-size: 1.3rem;\n",
+    "            font-weight: 600;\n",
+    "            box-shadow: 0 8px 32px rgba(245, 87, 108, 0.3);\n",
+    "            animation: shake 0.5s ease-in-out;\n",
+    "        }\n",
+    "        \n",
+    "        /* Success/Summary Box */\n",
+    "        .summary-box {\n",
+    "            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);\n",
+    "            padding: 1.5rem;\n",
+    "            border-radius: 12px;\n",
+    "            margin-bottom: 1.5rem;\n",
+    "            box-shadow: 0 8px 24px rgba(168, 237, 234, 0.3);\n",
+    "            animation: fadeInUp 0.6s ease-out;\n",
+    "        }\n",
+    "        \n",
+    "        /* Chat Section */\n",
+    "        .chat-section {\n",
+    "            animation: fadeInUp 0.8s ease-out;\n",
+    "        }\n",
+    "        \n",
+    "        /* Animations */\n",
+    "        @keyframes fadeIn {\n",
+    "            from {\n",
+    "                opacity: 0;\n",
+    "            }\n",
+    "            to {\n",
+    "                opacity: 1;\n",
+    "            }\n",
+    "        }\n",
+    "        \n",
+    "        @keyframes fadeInDown {\n",
+    "            from {\n",
+    "                opacity: 0;\n",
+    "                transform: translateY(-30px);\n",
+    "            }\n",
+    "            to {\n",
+    "                opacity: 1;\n",
+    "                transform: translateY(0);\n",
+    "            }\n",
+    "        }\n",
+    "        \n",
+    "        @keyframes fadeInUp {\n",
+    "            from {\n",
+    "                opacity: 0;\n",
+    "                transform: translateY(30px);\n",
+    "            }\n",
+    "            to {\n",
+    "                opacity: 1;\n",
+    "                transform: translateY(0);\n",
+    "            }\n",
+    "        }\n",
+    "        \n",
+    "        @keyframes pulse {\n",
+    "            0%, 100% {\n",
+    "                opacity: 1;\n",
+    "            }\n",
+    "            50% {\n",
+    "                opacity: 0.5;\n",
+    "            }\n",
+    "        }\n",
+    "        \n",
+    "        @keyframes shake {\n",
+    "            0%, 100% { transform: translateX(0); }\n",
+    "            25% { transform: translateX(-10px); }\n",
+    "            75% { transform: translateX(10px); }\n",
+    "        }\n",
+    "        \n",
+    "        @keyframes gradientShift {\n",
+    "            0% {\n",
+    "                background-position: 0% 50%;\n",
+    "            }\n",
+    "            50% {\n",
+    "                background-position: 100% 50%;\n",
+    "            }\n",
+    "            100% {\n",
+    "                background-position: 0% 50%;\n",
+    "            }\n",
+    "        }\n",
+    "        \n",
+    "        /* Responsive Design */\n",
+    "        @media (max-width: 768px) {\n",
+    "            .header-brand h1 {\n",
+    "                font-size: 1.8rem;\n",
+    "            }\n",
+    "            .main-title {\n",
+    "                font-size: 1.3rem;\n",
+    "            }\n",
+    "        }\n",
+    "    \"\"\"\n",
+    ") as ui:\n",
+    "    # Header Branding\n",
+    "    gr.HTML(\"\"\"\n",
+    "        <div class=\"header-brand\">\n",
+    "            <h1>🎓 AI YouTube Study Assistant</h1>\n",
+    "            <p>Transform lengthy videos into concise knowledge</p>\n",
+    "        </div>\n",
+    "    \"\"\")\n",
+    "    \n",
+    "    vs = gr.State()\n",
+    "    gr.HTML('<div class=\"main-title\">📹 Why watch long YouTube videos when you could study from AI?</div>')\n",
+    "    \n",
+    "    with gr.Row(visible=True) as first_page:\n",
+    "        youtube_link = gr.Textbox(\n",
+    "            label=\"Enter the youtube link here: \", \n",
+    "            lines=2,\n",
+    "            placeholder=\"https://www.youtube.com/watch?v=...\"\n",
+    "        )\n",
+    "        submit_button = gr.Button(\"SUBMIT!\")\n",
+    "    \n",
+    "    with gr.Row(visible=False) as chat_page:\n",
+    "        with gr.Column():\n",
+    "            summary = gr.Markdown(elem_classes=\"summary-box\")\n",
+    "            gr.Markdown(\"### 💬 Now ask any question about the video:\")\n",
+    "            ques = gr.Textbox(\n",
+    "                label=\"Enter the question here: \", \n",
+    "                lines=2,\n",
+    "                placeholder=\"What is the main topic of this video?\"\n",
+    "            )\n",
+    "            submit_answer = gr.Button(\"SUBMIT!\")\n",
+    "            answer = gr.TextArea(label=\"ANSWER\")\n",
+    "    \n",
+    "    with gr.Row(visible=False) as wrong_link_page:\n",
+    "        gr.HTML('<div class=\"error-message\">❌ Sorry, your link wasn\\'t correct. Please try again!</div>')\n",
+    "    \n",
+    "    with gr.Row(visible=False) as cc_not_enabled:\n",
+    "        gr.HTML('<div class=\"error-message\">⚠️ The link you provided was either not valid or subtitles weren\\'t enabled in that video</div>')\n",
+    "    \n",
+    "    with gr.Row(visible=False) as loading_page:\n",
+    "        gr.HTML('<div class=\"loading-container\"><div class=\"loading-text\">⏳ Loading... Please Wait</div></div>')\n",
+    "    \n",
+    "    with gr.Row(visible=False) as normal_error:\n",
+    "        gr.HTML('<div class=\"error-message\">😔 SORRY, SOME ERROR OCCURRED. PLEASE TRY AGAIN LATER</div>')\n",
+    "    \n",
+    "    # Footer Branding\n",
+    "    gr.HTML(\"\"\"\n",
+    "        <div class=\"footer-brand\">\n",
+    "            <p><strong>Developed by Darsh Tayal</strong></p>\n",
+    "            <p>📧 <a href=\"mailto:[email protected]\">[email protected]</a></p>\n",
+    "            <p style=\"margin-top: 1rem; font-size: 0.85rem; opacity: 0.9;\">© 2024 All Rights Reserved</p>\n",
+    "        </div>\n",
+    "    \"\"\")\n",
+    "    \n",
+    "    submit_button.click(setter, inputs=[youtube_link], outputs=[first_page, loading_page, chat_page, wrong_link_page, cc_not_enabled, normal_error, summary, vs])\n",
+    "    submit_answer.click(execute, inputs=[vs, ques], outputs=[answer, chat_page, normal_error])\n",
+    "\n",
+    "ui.launch(inbrowser=True)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "b897923e-e4ce-4ed3-9d3c-f9307d4e8cc1",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "with gr.Blocks() as ui:\n",
+    "    vs = gr.State()\n",
+    "    gr.Markdown(\"## Why watch long youtube videos when you could study from AI?\")\n",
+    "    with gr.Row(visible=True) as first_page:\n",
+    "        youtube_link = gr.Textbox(label=\"Enter the youtube link here: \", lines=2)\n",
+    "        submit_button = gr.Button(\"SUBMIT!\")\n",
+    "    with gr.Row(visible = False) as chat_page:\n",
+    "        summary = gr.Markdown()\n",
+    "        gr.Markdown(\"Now ask any any question about the video: \")\n",
+    "        ques = gr.Textbox(label=\"Enter the question here: \", lines=2)\n",
+    "        submit_answer = gr.Button(\"SUBMIT!\")\n",
+    "        answer = gr.TextArea(label = \"ANSWER\")\n",
+    "    with gr.Row(visible=False) as wrong_link_page:\n",
+    "        gr.Markdown(\"## Sorry your link wasn't correct, please try again\")\n",
+    "    with gr.Row(visible=False) as cc_not_enabled:\n",
+    "        gr.Markdown(\"## The link you provided was either not valid or subtitles wasn't enabled in that video\")\n",
+    "    with gr.Row(visible=False) as loading_page:\n",
+    "        gr.Markdown(\"## Loading PLZ Wait\")\n",
+    "    with gr.Row(visible=False) as normal_error:\n",
+    "        gr.Markdown(\"## SORRY SOME ERROR OUCCURED, PLEASE TRY AGAIN LATER\")\n",
+    "        \n",
+    "            \n",
+    "    submit_button.click(setter, inputs=[youtube_link], outputs=[first_page, loading_page, chat_page, wrong_link_page, cc_not_enabled, normal_error, summary, vs])\n",
+    "    submit_answer.click(execute, inputs=[vs, ques], outputs=[answer, chat_page, normal_error])\n",
+    "ui.launch(inbrowser=True)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 23,
+   "id": "a95d8740-281c-41ad-8842-3e989e4169af",
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Requirement already satisfied: ddgs in c:\\users\\admin\\.conda\\envs\\llms\\lib\\site-packages (9.0.2)\n",
+      "Requirement already satisfied: click>=8.1.8 in c:\\users\\admin\\.conda\\envs\\llms\\lib\\site-packages (from ddgs) (8.1.8)\n",
+      "Requirement already satisfied: primp>=0.15.0 in c:\\users\\admin\\.conda\\envs\\llms\\lib\\site-packages (from ddgs) (0.15.0)\n",
+      "Requirement already satisfied: lxml>=5.3.0 in c:\\users\\admin\\.conda\\envs\\llms\\lib\\site-packages (from ddgs) (6.0.0)\n",
+      "Requirement already satisfied: colorama in c:\\users\\admin\\.conda\\envs\\llms\\lib\\site-packages (from click>=8.1.8->ddgs) (0.4.6)\n"
+     ]
+    },
+    {
+     "name": "stderr",
+     "output_type": "stream",
+     "text": [
+      "C:\\Users\\ADMIN\\.conda\\envs\\llms\\Lib\\site-packages\\IPython\\utils\\_process_win32.py:138: ResourceWarning: unclosed file <_io.BufferedWriter name=7>\n",
+      "  res = process_handler(cmd, _system_body)\n",
+      "ResourceWarning: Enable tracemalloc to get the object allocation traceback\n",
+      "C:\\Users\\ADMIN\\.conda\\envs\\llms\\Lib\\site-packages\\IPython\\utils\\_process_win32.py:138: ResourceWarning: unclosed file <_io.BufferedReader name=8>\n",
+      "  res = process_handler(cmd, _system_body)\n",
+      "ResourceWarning: Enable tracemalloc to get the object allocation traceback\n",
+      "C:\\Users\\ADMIN\\.conda\\envs\\llms\\Lib\\site-packages\\IPython\\utils\\_process_win32.py:138: ResourceWarning: unclosed file <_io.BufferedReader name=9>\n",
+      "  res = process_handler(cmd, _system_body)\n",
+      "ResourceWarning: Enable tracemalloc to get the object allocation traceback\n"
+     ]
+    }
+   ],
+   "source": [
+    "!pip install ddgs"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 36,
+   "id": "2acc892f-0757-4e52-8b13-2bca684c5517",
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stderr",
+     "output_type": "stream",
+     "text": [
+      "C:\\Users\\ADMIN\\.conda\\envs\\llms\\Lib\\site-packages\\langchain_community\\utilities\\duckduckgo_search.py:63: RuntimeWarning: This package (`duckduckgo_search`) has been renamed to `ddgs`! Use `pip install ddgs` instead.\n",
+      "  with DDGS() as ddgs:\n"
+     ]
+    }
+   ],
+   "source": [
+    "from langchain_community.tools import DuckDuckGoSearchResults\n",
+    "\n",
+    "search = DuckDuckGoSearchResults(output_format=\"list\")\n",
+    "\n",
+    "# Force DuckDuckGo to return YouTube video links for your topic\n",
+    "query = 'site:youtube.com \"AI Agents\"'\n",
+    "results = search.invoke(query)\n",
+    "\n",
+    "for r in results:\n",
+    "    print(r[\"title\"])\n",
+    "    print(r[\"link\"])\n",
+    "    print()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 40,
+   "id": "77630e0b-994a-4b6e-8a09-13d85a54b848",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "os.environ[\"SERPER_API_KEY\"] = \"d0114d0a5875a6055b3e0ff87fb60b2fbfea8460\"\n",
+    "\n",
+    "from langchain_community.utilities import GoogleSerperAPIWrapper\n",
+    "\n",
+    "search = GoogleSerperAPIWrapper()\n",
+    "\n",
+    "res = search.run(\"site:youtube.com 'AI Agents'\")\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 41,
+   "id": "7c4776bd-89ae-4f1d-92d9-d9d40aa2c814",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "\"In this video we'll follow a simple one two three learning path by building on concepts you already understand like chatbt and then moving on to AI workflows. I'll show you how to build your first agent from scratch on the N8N platform in three relatively simple steps. I'm going to then show you how to create an AI agent workflow which does not require any code. Build a Python AI Agent in 10 Minutes. 28K views · 2 days ago #Python ... Build an AI Agent From Scratch in Python - Tutorial for Beginners. Let's explore the five main types of AI agents to understand what they can and cannot do. Build a full functioning app with Lindy: · Some of the very best AI tools are adding AI agents on top of their platforms. · Create presentations ... This is your quick start guide to build a fully functional and deployed AI agent today with zero lines of code. Designing AI Decision Agents with DMN, Machine Learning & Analytics · From Idea to $650M Exit: Lessons in Building AI Startups · NVIDIA CEO Jensen ... An AI agent is a digital worker that can understand instructions and take actions in order to complete tasks. Join us as we build a robust AI agent architecture capable of solving complex, real-world problems. This video demonstrates building an ...\""
+      ]
+     },
+     "execution_count": 41,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "res"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 43,
+   "id": "19fcaa99-8e08-492d-b2ea-083043784f88",
+   "metadata": {
+    "scrolled": true
+   },
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "{'searchParameters': {'q': \"site:youtube.com 'AI Agents'\",\n",
+       "  'gl': 'us',\n",
+       "  'hl': 'en',\n",
+       "  'type': 'search',\n",
+       "  'num': 10,\n",
+       "  'engine': 'google'},\n",
+       " 'organic': [{'title': 'AI Agents, Clearly Explained',\n",
+       "   'link': 'https://www.youtube.com/watch?v=FwOTs4UxQS4',\n",
+       "   'snippet': \"In this video we'll follow a simple one two three learning path by building on concepts you already understand like chatbt and then moving on to AI workflows.\",\n",
+       "   'date': '6 months ago',\n",
+       "   'position': 1},\n",
+       "  {'title': 'AI Agents Fundamentals In 21 Minutes',\n",
+       "   'link': 'https://www.youtube.com/watch?v=qU3fmidNbJE',\n",
+       "   'snippet': \"I'm going to then show you how to create an AI agent workflow which does not require any code.\",\n",
+       "   'date': '8 months ago',\n",
+       "   'position': 2},\n",
+       "  {'title': \"How to Build & Sell AI Agents: Ultimate Beginner's Guide\",\n",
+       "   'link': 'https://www.youtube.com/watch?v=w0H1-b044KY',\n",
+       "   'snippet': 'An AI agent is a digital worker that can understand instructions and take actions in order to complete tasks.',\n",
+       "   'date': '7 months ago',\n",
+       "   'position': 3},\n",
+       "  {'title': \"The AI Agent Tutorial That Should've Been Your First (no code)\",\n",
+       "   'link': 'https://www.youtube.com/watch?v=GchXMRwuWxE',\n",
+       "   'snippet': \"I'll show you how to build your first agent from scratch on the N8N platform in three relatively simple steps.\",\n",
+       "   'date': '2 months ago',\n",
+       "   'position': 4},\n",
+       "  {'title': '5 Types of AI Agents: Autonomous Functions & Real-World ...',\n",
+       "   'link': 'https://www.youtube.com/watch?v=fXizBc03D7E',\n",
+       "   'snippet': \"Let's explore the five main types of AI agents to understand what they can and cannot do.\",\n",
+       "   'date': '6 months ago',\n",
+       "   'position': 5},\n",
+       "  {'title': 'Zero To Your First AI Agent In 26 Minutes (no code)',\n",
+       "   'link': 'https://www.youtube.com/watch?v=DV0Ln7HRyJQ',\n",
+       "   'snippet': 'This is your quick start guide to build a fully functional and deployed AI agent today with zero lines of code.',\n",
+       "   'date': '2 months ago',\n",
+       "   'position': 6},\n",
+       "  {'title': 'AI Agents EXPLAINED in 14 minutes and TOOLS for building ...',\n",
+       "   'link': 'https://www.youtube.com/watch?v=1gm__VUG2m8',\n",
+       "   'snippet': \"In this video I'll show you how regular AI tools turn into agents and fully automate content from video to publishing.\",\n",
+       "   'date': '2 months ago',\n",
+       "   'position': 7},\n",
+       "  {'title': 'The Chaos of AI Agents',\n",
+       "   'link': 'https://www.youtube.com/watch?v=2YYjPs8t8MI',\n",
+       "   'snippet': \"Watch these AI Agents mess around in a virtual environment. I use google's gemini, anthropic's claude code, and NOT codex.\",\n",
+       "   'date': '3 months ago',\n",
+       "   'position': 8},\n",
+       "  {'title': 'I built this AI Agent in 2 hours (and got paid $1200)',\n",
+       "   'link': 'https://www.youtube.com/watch?v=8C6iCpJ9HPo',\n",
+       "   'snippet': 'Join 2,000+ Members building AI automation businesses https://www.skool.com/... Join my FREE Skool community for all the resources to set ...',\n",
+       "   'date': '2 months ago',\n",
+       "   'position': 9},\n",
+       "  {'title': 'How to Build Reliable AI Agents in 2025',\n",
+       "   'link': 'https://www.youtube.com/watch?v=T1Lowy1mnEg',\n",
+       "   'snippet': 'Introduction to AI Agents 0:56 Understanding AI Agents from First Principles 7:56 Building Block One: Intelligence Layer 9:08 Building Block ...',\n",
+       "   'date': '3 months ago',\n",
+       "   'position': 10}],\n",
+       " 'credits': 1}"
+      ]
+     },
+     "execution_count": 43,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "import os\n",
+    "from langchain_community.utilities import GoogleSerperAPIWrapper\n",
+    "\n",
+    "os.environ[\"SERPER_API_KEY\"] = \"d0114d0a5875a6055b3e0ff87fb60b2fbfea8460\"\n",
+    "\n",
+    "search = GoogleSerperAPIWrapper(type=\"search\") \n",
+    "query = \"site:youtube.com 'AI Agents'\"\n",
+    "\n",
+    "results = search.results(query)\n",
+    "\n",
+    "results\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 45,
+   "id": "c5109d09-3d2f-43c2-937e-d917acfa02cf",
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "https://www.youtube.com/watch?v=FwOTs4UxQS4\n",
+      "https://www.youtube.com/watch?v=qU3fmidNbJE\n",
+      "https://www.youtube.com/watch?v=w0H1-b044KY\n",
+      "https://www.youtube.com/watch?v=GchXMRwuWxE\n",
+      "https://www.youtube.com/watch?v=fXizBc03D7E\n",
+      "https://www.youtube.com/watch?v=DV0Ln7HRyJQ\n",
+      "https://www.youtube.com/watch?v=1gm__VUG2m8\n",
+      "https://www.youtube.com/watch?v=2YYjPs8t8MI\n",
+      "https://www.youtube.com/watch?v=8C6iCpJ9HPo\n",
+      "https://www.youtube.com/watch?v=T1Lowy1mnEg\n"
+     ]
+    }
+   ],
+   "source": [
+    "for i in results['organic']:\n",
+    "    print(i['link'])"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "03cfee02-dc22-49dc-b3f8-b3281172850c",
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3 (ipykernel)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.11.11"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}

youtube.py

@@ -0,0 +1,389 @@
+from langchain_text_splitters import RecursiveCharacterTextSplitter
+from langchain_chroma import Chroma
+from langchain_huggingface import HuggingFaceEmbeddings
+from bytez import Bytez
+from youtube_transcript_api import YouTubeTranscriptApi
+import gradio as gr
+from dotenv import load_dotenv
+import os
+from urllib.parse import urlparse, parse_qs
+
+load_dotenv("secrets.env")
+
+api_key = os.getenv("BYTEZ_API_KEY")
+sdk = Bytez(api_key)
+
+#toy function
+def video_id_extractor(link):
+    if "watch?v=" in link:
+        return link[32:43]
+    else:
+        return link[17:28]
+
+#production ready function
+def video_id_extractor(link):
+    parsed_url = urlparse(link)
+    
+    if "youtube.com" in parsed_url.netloc:
+        return parse_qs(parsed_url.query).get("v", [None])[0]
+    
+    elif "youtu.be" in parsed_url.netloc:
+        return parsed_url.path.lstrip("/")
+    
+    return None
+
+def generate_transcript(video_id):
+    trans = YouTubeTranscriptApi()
+    try:
+        transcript_raw = trans.fetch(video_id = video_id)
+    except Exception:
+        return None
+    transcript = ""
+    for i in transcript_raw.snippets:
+        transcript += f" {i.text}"
+    return transcript
+
+def create_and_save_vs(trans):
+    try:
+        splitter = RecursiveCharacterTextSplitter(chunk_size = 100, chunk_overlap = 50)
+        docs = splitter.split_text(trans)
+        embeddings = HuggingFaceEmbeddings(model_name='sentence-transformers/all-mpnet-base-v2')
+        vector_store_db = Chroma.from_texts(docs, embeddings, persist_directory='chroma_db')
+    except Exception:
+        return None
+    return vector_store_db
+
+def generate_summary(trans):
+    try: 
+        model = sdk.model("openai/gpt-4o")
+        if len(trans.split(" ")) > 90000:
+            trans = trans.split(" ")[0:85000]
+            trans = " ".join(trans)
+    except Exception:
+        return None
+    Inp = [{"role": "system", "content": "You are a youtube transcipt sammurizer. Sammurize the transcript under 100 words"}, {"role":"user", "content":trans}]
+    trails = 4
+    failed = True
+    time_to_sleep = 3
+    while failed and trails > 0:
+        res = model.run(Inp)
+        if type(res) == list and len(res) == 3:
+            failed = False
+            trails -= 1
+            return res[0]["content"]
+        else:
+            time.sleep(time_to_sleep)
+            time_to_sleep = time_to_sleep **2
+            trails -= 1
+    return None
+
+def setter(link):
+    yield gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), "", ""
+    video_id = video_id_extractor(link)
+    if not video_id:
+        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=False), "", ""
+    transcript = generate_transcript(video_id)
+    if not transcript:
+        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), "", ""
+    vectorstore = create_and_save_vs(transcript)
+    if not vectorstore:
+        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), "", ""
+    summary = generate_summary(transcript)
+    if not summary:
+        yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), "", ""
+    yield gr.update(visible=False), gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), summary, vectorstore
+
+def execute(vec, query):
+    try:
+        res = vec.similarity_search(query, k=3)
+        result = ""
+        for i in res:
+            result += f"\n{i.page_content}"
+        model = sdk.model("openai/gpt-4o")
+        inp = [{"role": "system", "content": "You are a helpful assistant - you will be asked a query and provided with a context. You have to answer that query based on the provided context - do not make things up. Do not reveal the whole context, answer as like you already knew the context"}, {"role":"user", "content":f"query: {query} | context: {result}"}]
+        res = model.run(inp)
+        return res[0]['content'], gr.update(visible=True), gr.update(visible=False)
+    except Exception:
+        return "", gr.update(visible=False), gr.update(visible=True)
+
+with gr.Blocks(
+    theme=gr.themes.Soft(
+        primary_hue="blue",
+        secondary_hue="indigo",
+    ),
+    css="""
+        /* Global Styles */
+        .gradio-container {
+            font-family: 'Inter', 'Segoe UI', sans-serif !important;
+            max-width: 1200px !important;
+            margin: 0 auto !important;
+        }
+        
+        /* Header Branding */
+        .header-brand {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            padding: 2rem;
+            border-radius: 16px;
+            margin-bottom: 2rem;
+            box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);
+            animation: fadeInDown 0.8s ease-out;
+        }
+        
+        .header-brand h1 {
+            color: white;
+            font-size: 2.5rem;
+            font-weight: 700;
+            margin: 0;
+            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
+        }
+        
+        .header-brand p {
+            color: rgba(255,255,255,0.95);
+            font-size: 1.1rem;
+            margin: 0.5rem 0 0 0;
+        }
+        
+        /* Footer Branding */
+        .footer-brand {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            padding: 1.5rem;
+            border-radius: 12px;
+            margin-top: 2rem;
+            text-align: center;
+            box-shadow: 0 -5px 20px rgba(102, 126, 234, 0.2);
+        }
+        
+        .footer-brand p {
+            color: white;
+            margin: 0.3rem 0;
+            font-size: 0.95rem;
+        }
+        
+        .footer-brand a {
+            color: #ffd700;
+            text-decoration: none;
+            font-weight: 600;
+            transition: all 0.3s ease;
+        }
+        
+        .footer-brand a:hover {
+            color: #fff;
+            text-shadow: 0 0 10px rgba(255,255,255,0.5);
+        }
+        
+        /* Main Title Animation */
+        .main-title {
+            background: linear-gradient(90deg, #667eea, #764ba2, #667eea);
+            background-size: 200% auto;
+            color: white;
+            padding: 1.5rem;
+            border-radius: 12px;
+            text-align: center;
+            font-size: 1.8rem;
+            font-weight: 600;
+            margin-bottom: 2rem;
+            box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4);
+            animation: gradientShift 3s ease infinite, fadeIn 1s ease-out;
+        }
+        
+        /* Button Styles */
+        .gr-button {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+            border: none !important;
+            color: white !important;
+            font-weight: 600 !important;
+            padding: 12px 32px !important;
+            border-radius: 8px !important;
+            transition: all 0.3s ease !important;
+            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+        }
+        
+        .gr-button:hover {
+            transform: translateY(-2px) !important;
+            box-shadow: 0 6px 25px rgba(102, 126, 234, 0.6) !important;
+        }
+        
+        .gr-button:active {
+            transform: translateY(0px) !important;
+        }
+        
+        /* Input Fields */
+        .gr-textbox, .gr-text-input {
+            border-radius: 8px !important;
+            border: 2px solid #e0e7ff !important;
+            transition: all 0.3s ease !important;
+        }
+        
+        .gr-textbox:focus, .gr-text-input:focus {
+            border-color: #667eea !important;
+            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
+        }
+        
+        /* Loading Animation */
+        .loading-container {
+            text-align: center;
+            padding: 3rem;
+        }
+        
+        .loading-text {
+            font-size: 1.5rem;
+            color: #667eea;
+            animation: pulse 1.5s ease-in-out infinite;
+        }
+        
+        /* Error Messages */
+        .error-message {
+            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+            color: white;
+            padding: 1.5rem;
+            border-radius: 12px;
+            text-align: center;
+            font-size: 1.3rem;
+            font-weight: 600;
+            box-shadow: 0 8px 32px rgba(245, 87, 108, 0.3);
+            animation: shake 0.5s ease-in-out;
+        }
+        
+        /* Success/Summary Box */
+        .summary-box {
+            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
+            padding: 1.5rem;
+            border-radius: 12px;
+            margin-bottom: 1.5rem;
+            box-shadow: 0 8px 24px rgba(168, 237, 234, 0.3);
+            animation: fadeInUp 0.6s ease-out;
+        }
+        
+        /* Chat Section */
+        .chat-section {
+            animation: fadeInUp 0.8s ease-out;
+        }
+        
+        /* Animations */
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+            }
+            to {
+                opacity: 1;
+            }
+        }
+        
+        @keyframes fadeInDown {
+            from {
+                opacity: 0;
+                transform: translateY(-30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        @keyframes pulse {
+            0%, 100% {
+                opacity: 1;
+            }
+            50% {
+                opacity: 0.5;
+            }
+        }
+        
+        @keyframes shake {
+            0%, 100% { transform: translateX(0); }
+            25% { transform: translateX(-10px); }
+            75% { transform: translateX(10px); }
+        }
+        
+        @keyframes gradientShift {
+            0% {
+                background-position: 0% 50%;
+            }
+            50% {
+                background-position: 100% 50%;
+            }
+            100% {
+                background-position: 0% 50%;
+            }
+        }
+        
+        /* Responsive Design */
+        @media (max-width: 768px) {
+            .header-brand h1 {
+                font-size: 1.8rem;
+            }
+            .main-title {
+                font-size: 1.3rem;
+            }
+        }
+    """
+) as ui:
+    # Header Branding
+    gr.HTML("""
+        <div class="header-brand">
+            <h1>🎓 AI YouTube Study Assistant</h1>
+            <p>Transform lengthy videos into concise knowledge</p>
+        </div>
+    """)
+    
+    vs = gr.State()
+    gr.HTML('<div class="main-title">📹 Why watch long YouTube videos when you could study from AI?</div>')
+    
+    with gr.Row(visible=True) as first_page:
+        youtube_link = gr.Textbox(
+            label="Enter the youtube link here: ", 
+            lines=2,
+            placeholder="https://www.youtube.com/watch?v=..."
+        )
+        submit_button = gr.Button("SUBMIT!")
+    
+    with gr.Row(visible=False) as chat_page:
+        with gr.Column():
+            summary = gr.Markdown(elem_classes="summary-box")
+            gr.Markdown("### 💬 Now ask any question about the video:")
+            ques = gr.Textbox(
+                label="Enter the question here: ", 
+                lines=2,
+                placeholder="What is the main topic of this video?"
+            )
+            submit_answer = gr.Button("SUBMIT!")
+            answer = gr.TextArea(label="ANSWER")
+    
+    with gr.Row(visible=False) as wrong_link_page:
+        gr.HTML('<div class="error-message">❌ Sorry, your link wasn\'t correct. Please try again!</div>')
+    
+    with gr.Row(visible=False) as cc_not_enabled:
+        gr.HTML('<div class="error-message">⚠️ The link you provided was either not valid or subtitles weren\'t enabled in that video</div>')
+    
+    with gr.Row(visible=False) as loading_page:
+        gr.HTML('<div class="loading-container"><div class="loading-text">⏳ Loading... Please Wait</div></div>')
+    
+    with gr.Row(visible=False) as normal_error:
+        gr.HTML('<div class="error-message">😔 SORRY, SOME ERROR OCCURRED. PLEASE TRY AGAIN LATER</div>')
+    
+    # Footer Branding
+    gr.HTML("""
+        <div class="footer-brand">
+            <p><strong>Developed by Darsh Tayal</strong></p>
+            <p>📧 <a href="mailto:[email protected]">[email protected]</a></p>
+            <p style="margin-top: 1rem; font-size: 0.85rem; opacity: 0.9;">© 2024 All Rights Reserved</p>
+        </div>
+    """)
+    
+    submit_button.click(setter, inputs=[youtube_link], outputs=[first_page, loading_page, chat_page, wrong_link_page, cc_not_enabled, normal_error, summary, vs])
+    submit_answer.click(execute, inputs=[vs, ques], outputs=[answer, chat_page, normal_error])
+
+ui.launch(inbrowser=True)