UI Overhaul and changing provider to SambaNova (#2)

- Delete secure.js (57c2056e1b39a0a2c5343eef2775cbb85a7e810d)
- Update index.html (de313f30f7a8bafc15eea4b43bfc3755cc63893d)
- Update script1.js (5e2ef455ac46e6ac06430e753b134582e88b945d)
- Update script2.js (c6d6751c0dc85d64816ee6a17cf0f3d4044f90c0)
- Update app.py (14364a4e94694d8c61f383b48407a5e7a9546fe8)
- Removed Groq (81f1ccdb09fe4498434e6622b668b2684871f297)

app.py

@@ -1,4 +1,116 @@
+from fastapi import FastAPI, HTTPException, Request
+from fastapi.responses import StreamingResponse
+from fastapi.middleware.cors import CORSMiddleware
+import aiohttp
+import json
+import time
+import random
+import ast
+import urllib.parse
+from apscheduler.schedulers.background import BackgroundScheduler
 import os
-from groq import Groq
+from pydantic import BaseModel
 
-exec(os.environ.get('MainData'))
+SAMBA_NOVA_API_KEY = os.environ.get("SAMBA_NOVA_API_KEY", None)
+
+app = FastAPI()
+
+# Time-Limited Infinite Cache
+cache = {}
+CACHE_DURATION = 120
+
+# Function to clean up expired cache entries
+def cleanup_cache():
+    current_time = time.time()
+    for key, (value, timestamp) in list(cache.items()):
+        if current_time - timestamp > CACHE_DURATION:
+            del cache[key]
+
+# Initialize and start the scheduler
+scheduler = BackgroundScheduler()
+scheduler.add_job(cleanup_cache, 'interval', seconds=60)  # Run cleanup every 60 seconds
+scheduler.start()
+
+class StreamTextRequest(BaseModel):
+    query: str
+    history: str = "[]"
+    model: str = "llama3-8b"
+    api_key: str = None
+
+@app.post("/stream_text")
+async def stream_text(request: StreamTextRequest):
+    current_time = time.time()
+    cache_key = (request.query, request.history, request.model)
+
+    # Check if the request is in the cache and not expired
+    if cache_key in cache:
+        cached_response, timestamp = cache[cache_key]
+        return StreamingResponse(iter([f"{cached_response}"]), media_type='text/event-stream')
+
+    # Model selection logic
+    if "405" in request.model:
+        fmodel = "Meta-Llama-3.1-405B-Instruct"
+    if "70" in request.model:
+        fmodel = "Meta-Llama-3.1-70B-Instruct"
+    else:
+        fmodel = "Meta-Llama-3.1-8B-Instruct"
+
+    system_message = """You are Voicee, a friendly and intelligent voice assistant created by KingNish. Your primary goal is to provide accurate, concise, and engaging responses while maintaining a positive and upbeat tone. Always aim to provide clear and relevant information that directly addresses the user's query, but feel free to sprinkle in a dash of humor—after all, laughter is the best app! Keep your responses brief and to the point, avoiding unnecessary details or tangents, unless they’re hilariously relevant. Use a friendly and approachable tone to create a pleasant interaction, and don’t shy away from a cheeky pun or two! Tailor your responses based on the user's input and previous interactions, ensuring a personalized experience that feels like chatting with a witty friend. Invite users to ask follow-up questions or clarify their needs, fostering a conversational flow that’s as smooth as butter on a hot pancake. Aim to put a smile on the user's face with light-hearted and fun responses, and be proactive in offering additional help or suggestions related to the user's query. Remember, your goal is to be the go-to assistant for users, making their experience enjoyable and informative—like a delightful dessert after a hearty meal!"""
+
+    messages = [{'role': 'system', 'content': system_message}]
+
+    messages.extend(ast.literal_eval(request.history))
+
+    messages.append({'role': 'user', 'content': request.query})
+    
+    data = {'messages': messages, 'stream': True, 'model': fmodel}
+
+    api_key = request.api_key or SAMBA_NOVA_API_KEY
+
+    async def stream_response():
+        async with aiohttp.ClientSession() as session:
+            async with session.post('https://api.sambanova.ai/v1/chat/completions', headers = { 'Authorization': f'Bearer {api_key}', 'Content-Type': 'application/json' }, json=data) as response:
+                if response.status != 200:
+                    raise HTTPException(status_code=response.status, detail="Error fetching AI response")
+
+                response_content = ""
+                async for line in response.content:
+                    line = line.decode('utf-8').strip()
+                    if line.startswith('data: {'):
+                        json_data = line[6:]
+                        try:
+                            parsed_data = json.loads(json_data)
+                            content = parsed_data.get("choices", [{}])[0].get("delta", {}).get("content", '')
+                            if content:
+                                content = content.replace("\n", " ")
+                                response_content += f"data: {content}\n\n"
+                                yield f"data: {content}\n\n"
+                        except json.JSONDecodeError as e:
+                            print(f"Error decoding JSON: {e}")
+                            yield f"data: Error decoding JSON\n\n"
+
+                # Cache the full response
+                cache[cache_key] = (response_content, current_time)
+
+    return StreamingResponse(stream_response(), media_type='text/event-stream')
+
+
+
+# Serve index.html from the same directory as your main.py file 
+from starlette.responses import FileResponse 
+
+@app.get("/script1.js")
+async def script1_js():
+    return FileResponse("script1.js")
+
+@app.get("/script2.js")
+async def script2_js():
+    return FileResponse("script2.js")
+
+@app.get("/")
+async def read_index():
+    return FileResponse('index.html')
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=7068, reload=True)

index.html

@@ -1,66 +1,251 @@
 <!DOCTYPE html>
-<html lang=en>
-<head>
-<meta charset=UTF-8>
-<meta name=viewport content="width=device-width, initial-scale=1.0">
-<title>Voice Assistant</title>
-<link href=https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css rel=stylesheet>
-<style>.transition-all{transition:all .3s ease-in-out}body.dark{background-color:#1a202c}body.dark .bg-white{background-color:#2d3748}body.dark .text-gray-900{color:#e2e8f0}body.dark .text-gray-700{color:#a0aec0}body.dark .bg-gray-100{background-color:#4a5568}body.dark .bg-gray-200{background-color:#718096}body.dark .bg-gradient-to-r{background-size:200% auto;background-position:left center}#darkmode-toggle span{transition:transform .3s ease-in-out}.hover:bg-gradient-to-r{background-size:200% auto;transition:background-position .5s ease-in-out}.hover:bg-gradient-to-r:hover{background-position:right center}svg{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}</style>
-<script>function loadScript(){var d=/Chrome/.test(navigator.userAgent)&&/Google Inc/.test(navigator.vendor)&&!/Edg/.test(navigator.userAgent);var b=window.innerWidth>768;var e=document.querySelector('script[src="script1.js"], script[src="script2.js"]');if(e){e.remove()}var a=document.createElement("script");var c=new Date().getTime();if(d&&b){a.src="script1.js?t="+c}else{a.src="script2.js?t="+c}a.onerror=function(){console.error("Error loading script:",a.src)};document.head.appendChild(a)}document.addEventListener("DOMContentLoaded",loadScript);document.addEventListener("DOMContentLoaded",loadScript);</script>
-</head>
-<body class="bg-gray-100 dark:bg-gray-900 transition-colors duration-300">
-<div class="container mx-auto px-4 py-16">
-<div class="bg-white dark:bg-gray-800 shadow-lg rounded-lg px-8 py-6 transition-all">
-<div class="flex items-center justify-between mb-6">
-<h1 class="text-3xl font-bold text-gray-900 dark:text-white">
-<span class="bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent">Voice</span> Assistant
-</h1>
-<button id=darkmode-toggle class="relative w-12 h-6 rounded-full bg-gray-300 dark:bg-gray-700 transition-colors duration-300 focus:outline-none">
-<span class="absolute left-1 top-1 w-4 h-4 rounded-full bg-white dark:bg-gray-900 transform transition-transform duration-300"></span>
-</button>
-</div>
-<div id=responseTime class="text-sm text-gray-500 dark:text-gray-400 mb-4">Latency: 0ms</div>
-<div class="flex items-center justify-around mb-8">
-<div id=userIndicator class="rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-green-400 to-blue-500 hover:bg-gradient-to-r" data-content="User: Idle">
-<svg class="w-4 h-4 mr-2" viewBox="0 0 24 24"><path d="M12 14a7 7 0 017 7H5a7 7 0 017-7zm0-8a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
-<span>Idle</span>
-</div>
-<div id=aiIndicator class="rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-red-400 to-yellow-500 hover:bg-gradient-to-r" data-content="AI: Listening">
-<svg class="w-4 h-4 mr-2" viewBox="0 0 24 24"><path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg>
-<span>Listening</span>
-</div>
-</div>
-<div class="flex items-center justify-center mb-8">
-<button style=text-align:-webkit-center id=startStopButton class="bg-gradient-to-r from-blue-500 to-purple-600 hover:from-purple-600 hover:to-blue-500 text-white font-bold py-2 px-4 rounded transition-all focus:outline-none focus:shadow-outline">
-<svg id=microphoneIcon class="w-6 h-6 inline-block mr-2" viewBox="0 0 24 24"><path d="M12 14v2a4 4 0 004 4h0a4 4 0 004-4v-2M16 7a4 4 0 10-8 0v4h8z"></path></svg>
-<span>Start Listening</span>
-</button>
-</div>
-<div class=mt-8>
-<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-<div>
-<label for=voiceSelect class="block text-gray-700 dark:text-gray-300 font-bold mb-2">Voice:</label>
-<select id=voiceSelect class="w-full bg-gray-200 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 py-2 px-3 rounded focus:outline-none focus:shadow-outline">
-<option value=Amy>Female</option>
-<option value=Brian>Male</option>
-</select>
-</div>
-<div>
-<label for=modelSelect class="block text-gray-700 dark:text-gray-300 font-bold mb-2">Model:</label>
-<select id=modelSelect class="w-full bg-gray-200 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 py-2 px-3 rounded focus:outline-none focus:shadow-outline">
-<option value=8b>Fastest</option>
-<option value=70b>Powerful</option>
-</select>
-</div>
-<div class="flex items-center" style=visibility:hidden>
-<label for=noiseSuppression class="block text-gray-700 dark:text-gray-300 font-bold mb-2">Noise Suppression:</label>
-<input type=checkbox id=noiseSuppression checked class="ml-2 form-checkbox h-5 w-5 text-blue-500">
-</div>
-</div>
-</div>
-<div id=transcript class="mt-8 p-4 bg-gray-200 dark:bg-gray-700 rounded-lg text-sm font-mono whitespace-pre-wrap transition-all"></div>
-</div>
-</div>
-<script>document.addEventListener("DOMContentLoaded",function(){const a=document.getElementById("darkmode-toggle");function d(e){if(e==="dark"){document.body.classList.add("dark");a.querySelector("span").style.transform="translateX(24px)"}else{document.body.classList.remove("dark");a.querySelector("span").style.transform="translateX(0)"}localStorage.setItem("theme",e)}function b(){const e=document.body.classList.contains("dark");d(e?"light":"dark")}const c=localStorage.getItem("theme");d(c||"light");a.addEventListener("click",b)});</script>
-</body>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>Voice Assistant</title>
+		<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
+		<style>
+			:root {
+				--primary-color: #4a90e2;
+				--secondary-color: #f39c12;
+				--background-color: #f0f4f8;
+				--card-bg-color: #ffffff;
+				--text-color: #333333;
+				--border-color: #e0e0e0;
+			}
+
+			body {
+				font-family: 'Roboto', sans-serif;
+				background-color: var(--background-color);
+				color: var(--text-color);
+				margin: 0;
+				padding: 0;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				min-height: 100vh;
+			}
+
+			.container {
+				width: 90%;
+				max-width: 800px;
+			}
+
+			.voice-assistant-card {
+				background-color: var(--card-bg-color);
+				border-radius: 20px;
+				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+				padding: 40px;
+				text-align: center;
+			}
+
+			.title {
+				font-size: 2.5rem;
+				font-weight: 700;
+				margin-bottom: 20px;
+				color: var(--primary-color);
+			}
+
+			#responseTime {
+				font-size: 0.9rem;
+				color: #777;
+				margin-bottom: 20px;
+			}
+
+			.indicator-wrapper {
+				display: flex;
+				justify-content: space-around;
+				margin-bottom: 30px;
+			}
+
+			.indicator {
+				display: flex;
+				align-items: center;
+				padding: 10px 20px;
+				border-radius: 50px;
+				font-size: 1rem;
+				color: #fff;
+				transition: all 0.3s ease;
+			}
+
+			.indicator svg {
+				margin-right: 8px;
+			}
+
+			#userIndicator {
+				background-color: var(--primary-color);
+			}
+
+			#aiIndicator {
+				background-color: var(--secondary-color);
+			}
+
+			#startStopButton {
+				background-color: #38cb96;
+				color: #fff;
+				border: none;
+				padding: 15px 30px;
+				font-size: 1.2rem;
+				border-radius: 50px;
+				cursor: pointer;
+				transition: all 0.3s ease;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin: 0 auto 30px;
+			}
+
+			#startStopButton:hover {
+				background-color: #1e9b6e;
+				transform: translateY(-2px);
+				box-shadow: 0 5px 15px rgba(74, 144, 226, 0.3);
+			}
+
+			#startStopButton svg {
+				margin-right: 10px;
+			}
+
+			.settings {
+				display: grid;
+				grid-template-columns: 1fr 1fr 1.5fr;
+				gap: 20px;
+				margin-bottom: 30px;
+			}
+
+			.setting {
+				text-align: left;
+				position: relative;
+				/* Added for tooltip positioning */
+			}
+
+			.setting label {
+				display: block;
+				margin-bottom: 5px;
+				font-weight: 700;
+				color: var(--text-color);
+			}
+
+			select,
+			input[type="password"] {
+				width: 100%;
+				padding: 10px;
+				border: 1px solid var(--border-color);
+				border-radius: 5px;
+				font-size: 1rem;
+				background-color: #fff;
+				color: var(--text-color);
+			}
+
+			.tooltip {
+				display: none;
+				position: absolute;
+				background-color: #333;
+				color: #fff;
+				padding: 5px;
+				border-radius: 5px;
+				font-size: 0.8rem;
+			}
+
+			.setting:hover .tooltip {
+				display: block;
+				/* Show tooltip on hover */
+			}
+
+			#transcript {
+				background-color: #f9f9f9;
+				border-radius: 10px;
+				padding: 20px;
+				margin-top: 30px;
+				text-align: left;
+				font-family: 'Courier New', monospace;
+				white-space: pre-wrap;
+				max-height: 200px;
+				overflow-y: auto;
+			}
+
+			@media (max-width: 600px) {
+				.settings {
+					grid-template-columns: 1fr;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<div class="container">
+			<div class="voice-assistant-card">
+				<h1 class="title">Voice Assistant</h1>
+				<div id="responseTime">Latency: 0ms</div>
+				<div class="indicator-wrapper">
+					<div id="userIndicator" class="indicator">
+						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+							<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+							<circle cx="12" cy="7" r="4"></circle>
+						</svg>
+						<span>User: Idle</span>
+					</div>
+					<div id="aiIndicator" class="indicator">
+						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+							<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
+							<polyline points="2 17 12 22 22 17"></polyline>
+							<polyline points="2 12 12 17 22 12"></polyline>
+						</svg>
+						<span>AI: Idle</span>
+					</div>
+				</div>
+				<button id="startStopButton">
+					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+						<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
+						<path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+						<line x1="12" y1="19" x2="12" y2="23"></line>
+						<line x1="8" y1="23" x2="16" y2="23"></line>
+					</svg> Start Listening </button>
+				<div class="settings">
+					<div class="setting">
+						<label for="voiceSelect">Voice:</label>
+						<select id="voiceSelect">
+							<option value="Amy">Female</option>
+							<option value="Brian">Male</option>
+						</select>
+						<span class="tooltip">Select the voice type for the assistant.</span>
+					</div>
+					<div class="setting">
+						<label for="modelSelect">Model:</label>
+						<select id="modelSelect">
+							<option value="8b">Fastest</option>
+							<option value="70b">Powerful</option>
+						</select>
+						<span class="tooltip">Choose the model based on speed or power.</span>
+					</div>
+					<div class="setting">
+						<label for="apiKey">SambaNava API Key (optional):</label>
+						<input type="password" id="apiKey" placeholder="Enter your API Key">
+						<span class="tooltip">Use SambaNova API key for enhanced speed. You can obtain a free key from <a href="https://cloud.sambanova.ai/apis" style="color: #00f9f0;">https://cloud.sambanova.ai/apis</a>. </span>
+					</div>
+				</div>
+				<div id="transcript"></div>
+			</div>
+		</div>
+		<script>
+			function loadScript() {
+				var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor) && !/Edg/.test(navigator.userAgent);
+				var isDesktop = window.innerWidth > 768;
+				var existingScript = document.querySelector('script[src="script1.js"], script[src="script2.js"]');
+				if (existingScript) {
+					existingScript.remove();
+				}
+				var script = document.createElement('script');
+				if (isChrome && isDesktop) {
+					script.src = 'script1.js';
+				} else {
+					script.src = 'script2.js';
+				}
+				script.onerror = function() {
+					console.error('Error loading script:', script.src);
+				};
+				document.head.appendChild(script);
+			}
+			document.addEventListener('DOMContentLoaded', loadScript);
+		</script>
+	</body>
 </html>

requirements.txt

@@ -1,8 +1,6 @@
-groq
 fastapi
 starlette
 python-multipart
 uvicorn
 aiohttp
-apscheduler
-scikit-learn
+apscheduler

script1.js

@@ -1 +1,527 @@
-eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9 1h=W.X(\'1h\');9 2A=W.X(\'4r\');9 1i=W.X(\'4s\');9 4t=W.X(\'4u\');9 2B=W.X(\'4v\');9 2C=W.X(\'4w\');9 R=W.X(\'4x\');9 3r=W.X(\'1b\');b E;b 26=F;b 27=0;b Y=\'\';b Z=G;b M=G;b 1j=G;b 1c=F;b 4y=\'\';b 28=F;b 29="";b 1k=F;9 3s=1d;9 3t="4z://4A.4B.4C/4D/4E/4F";9 3u=S;b u=F;b 11=[];b 1S=[];9 1e=o 2D();9 1f=o 2D();9 3v=10;9 3w=4G;b v=[];9 1T=o 2D();9 3x=4H;9 1U=h=>h.1l().4I().2E(/[^\\w\\s]/g,\'\');9 2F=(13,l,2a,3y)=>`${13}-${l}-${2G.2H(2a)}-${3y}`;9 3A=(h,l)=>{9 13=1U(h);9 e=2F(13,l,v,1i.H);a(1f.2b(e)||1e.2b(e))1g;1S.1m({h:h.1l(),l,e});2I()};9 2I=1n()=>{2J(1S.m>0&&1f.4J<3v){9{h,l,e}=1S.3B();9 1o=o 3C();1f.2K(e,1o);1V{9 t=p 2L(`/3D?h=${2M(h)}&2a=${2G.2H(v)}&3E=${1i.H}`,{2N:\'2O\',3F:{\'3G\':\'z/T-2c\',\'1W-3H\':\'3I/3J\'},1p:1o.1p});a(!t.1q)1X o 15(\'2P t 2Q 2d 1q\');9 2R=p 2S(t.3K,l,1o.1p);a(2R)1e.2K(e,{I:2R,2e:N.O()})}1Y(f){a(f.3L!==\'2f\')J.f("15 4K U:",f)}2g{1f.2h(e);2I()}}};9 2S=1n(2i,l,2j)=>{9 1r=2i.3M();9 2k=o 3N("3O-8");b 17="";1V{2J(K){9{2l,H}=p 1r.3P();a(2l)2T;a(2j.2m)1X o 3Q(\'3R 2m\',\'2f\');9 2n=2k.3S(H,{2c:K});17+=2n;9 P=17.3T(\'\\n\');2o(b i=0;i<P.m-1;i++){9 j=P[i];a(j.2U(\'3U: \')){9 k=j.3V(6).1l();a(k){9 x=p 1Z(k,l);1g x}}}17=P[P.m-1]}}1Y(f){J.f("15 2p 2S:",f)}2g{1r.3W()}1g F};9 1s=1n()=>{a(11.m>0){9 3X=11.3B();9 U=o 4L(3X.I);Q();9 3Y=o 3Z(20=>{U.4M=20;U.40=20});a(u){u.41();u.42=0}u=U;p U.4N();p 3Y;1s()}L{Q()}};9 1Z=1n(z,l)=>{9 43=1U(z);9 e=`${43}-${l}`;a(1T.2b(e)){9 1t=1T.44(e);a(N.O()-1t.2e<3x){1g 1t.I}L{1T.2h(e)}}1V{9 t=p 2L(`${3t}?l=${l}&z=${2M(z)}`,{2N:\'2O\'});a(!t.1q)1X o 15(\'2P t 2Q 2d 1q\');9 45=p t.4O();9 x=4P.4Q(45);1T.2K(e,{I:x,2e:N.O()});1g x}1Y(f){J.f("15 4R 4S U:",f);1g F}};9 2V=1n(h)=>{J.21("4T h c 1u:",h);Z=K;Q();27=N.O();1k=F;9 13=1U(h);9 e=2F(13,1i.H,v,1i.H);a(1e.2b(e)){9 1t=1e.44(e);a(N.O()-1t.2e<3w){9 46=1t.I;11.1m({I:46,2q:K});1s()}L{1e.2h(e)}}1c=o 3C();9 I=`/3D?h=${2M(h)}&3E=${1i.H}&2a=${2G.2H(v)}`;1V{9 t=p 2L(I,{2N:\'2O\',3F:{\'3G\':\'z/T-2c\',\'1W-3H\':\'3I/3J\'},1p:1c.1p});a(!t.1q){a(t.47===4U){J.21("4V 4W 4X, 4Y 2p 1 4Z...");p o 3Z(20=>50(20,51));p 2V(h);1g}1X o 15(`2P t 2Q 2d 1q:${t.47}`)}J.21("52 U t 53");p 2W(t.3K,2A.H,1c.1p)}1Y(f){a(f.3L!==\'2f\'){J.f("15 54 h c 1u:",f)}}2g{Z=G;Q()}};9 2W=1n(2i,l,2j)=>{9 1r=2i.3M();9 2k=o 3N("3O-8");b 17="";b 2X=0;b 1v="";b 1w="";b 22="";b 2r="";1V{2J(K){9{2l,H}=p 1r.3P();a(2l)2T;a(2j.2m)1X o 3Q(\'3R 2m\',\'2f\');a(M){2s(\'48 55 56\');2T}9 2n=2k.3S(H,{2c:K});17+=2n;9 P=17.3T(\'\\n\');2o(b i=0;i<P.m-1;i++){9 j=P[i];a(j.2U(\'3U: \')){9 k=j.3V(6).1l();a(k){a(!1k)1k=N.O();1v+=k+" ";1w+=k+" ";22+=k+" ";3r.k=1w;a(2X<2){9 x=p 1Z(k,l);a(x){11.1m({I:x,2q:G});a(!u)1s()}2r+=k+" ";2X++}L{b 1x=22.2E(2r,\'\').1l();a(1x.m>=3u){9 x=p 1Z(1x,l);a(x){11.1m({I:x,2q:G});a(!u)1s()}22=""}}a(1v!==\'\'){1v=\'\'}}}}17=P[P.m-1]}}1Y(f){J.f("15 2p 2W:",f)}2g{1r.3W();b 1x=22.2E(2r,\'\').1l();a(1x!==""){9 x=p 1Z(1x,l);a(x){11.1m({I:x,2q:G});a(!u)1s()}}a(1v!==\'\'){1v=\'\'}a(1w!==\'\'){2Y(\'49\',1w);1w=\'\'}}};9 Q=(4a=F)=>{2C.k=M?"4b: 4c":"4b: 4d";2C.25=M?"1y 1z-1A 1B-4 1C-2 z-1D 1E 1F-1G 1H-1I 1J-S A-B-c-r y-2t-18 c-2t-2u 1K:A-B-c-r y-2t-1d c-2t-1L":"1y 1z-1A 1B-4 1C-2 z-1D 1E 1F-1G 1H-1I 1J-S A-B-c-r y-C-S c-C-18 2v:y-C-1L 2v:c-C-4e 1K:A-B-c-r y-C-18 c-C-1d";a(Z&&!u){R.k="1u: 57...";R.25="1y 1z-1A 1B-4 1C-2 z-1D 1E 1F-1G 1H-1I 1J-S A-B-c-r y-2w-18 c-2w-2u 1K:A-B-c-r y-2w-1d c-2w-1L"}L a(u&&!M){R.k=4a||"1u: 4c";R.25="1y 1z-1A 1B-4 1C-2 z-1D 1E 1F-1G 1H-1I 1J-S A-B-c-r y-2x-18 c-2x-2u 1K:A-B-c-r y-2x-1d c-2x-1L"}L a(M){R.k="1u: 2y";R.25="1y 1z-1A 1B-4 1C-2 z-1D 1E 1F-1G 1H-1I 1J-S A-B-c-r y-2z-18 c-2z-2u 1K:A-B-c-r y-2z-1d c-2z-1L"}L{R.k="1u: 4d";R.25="1y 1z-1A 1B-4 1C-2 z-1D 1E 1F-1G 1H-1I 1J-S A-B-c-r y-C-S c-C-18 2v:y-C-1L 2v:c-C-4e 1K:A-B-c-r y-C-18 c-C-1d"}};a(\'4f\'2p 58){E=o 4f();59.5a(E,{5b:K,5c:K,5d:\'5e-5f\',5g:3});E.5h=()=>{J.21("2Z 4g 5i");Y=\'\';M=K;28=N.O();Q();1h.30=\'<V 31="32://33.34.35/36/V" 1M="24" 37="24" 38="0 0 24 24" 39="3a" D="3b" D-1M="2" D-3c="1N" D-3d="1N"><q d="4h 4i-4j"></q><q d="3e 3f 3 0 0 0-3 3g 3 0 0 0 6 3h 3 0 0 0-3-3z"></q><q d="3i 3j 7 0 0 1-14 3k-2"></q><j 1O="12" 1P="19" 1Q="12" 1R="23"></j><j 1O="8" 1P="23" 1Q="16" 1R="23"></j></V> 4k 2y\'};E.5j=(T)=>{b 1a=\'\';2o(b i=T.5k;i<T.3l.m;i++){9 1b=T.3l[i][0].1b;a(T.3l[i].5l){Y+=1b;2s(\'5m\');3m(Y);Y=\'\';M=G;Q();27=N.O()}L{1a+=1b;M=K;28=N.O();Q();a(1a.m>29.m+5){4l(29)}29=1a;3A(1a,2A.H);a(Z&&4m(1a)){2s(\'5n\')}}}};E.40=(T)=>{J.f(\'2Z 4g f:\',T.f);a(1j)E.3n()};E.5o=()=>{M=G;Q();a(!Z&&Y!==\'\'){3m(Y);Y=\'\'}a(1j)E.3n()};1h.5p(\'5q\',()=>{a(1j){E.5r();1j=G;1h.30=\'<V 5s="5t" 31="32://33.34.35/36/V" 1M="24" 37="24" 38="0 0 24 24" 39="3a" D="3b" D-1M="2" D-3c="1N" D-3d="1N"><q d="3e 3f 3 0 0 0-3 3g 3 0 0 0 6 3h 3 0 0 0-3-3z"></q><q d="3i 3j 7 0 0 1-14 3k-2"></q><j 1O="12" 1P="19" 1Q="12" 1R="23"></j><j 1O="8" 1P="23" 1Q="16" 1R="23"></j></V> 5u 2y\'}L{E.3n();1j=K;1h.30=\'<V 31="32://33.34.35/36/V" 1M="24" 37="24" 38="0 0 24 24" 39="3a" D="3b" D-1M="2" D-3c="1N" D-3d="1N"><q d="4h 4i-4j"></q><q d="3e 3f 3 0 0 0-3 3g 3 0 0 0 6 3h 3 0 0 0-3-3z"></q><q d="3i 3j 7 0 0 1-14 3k-2"></q><j 1O="12" 1P="19" 1Q="12" 1R="23"></j><j 1O="8" 1P="23" 1Q="16" 1R="23"></j></V> 4k 2y\'}})}L{5v(\'5w 5x 5y 2d 5z 5A 5B 2Z 5C.\')}9 2Y=(3o,1W)=>{a(v.m>0&&v[v.m-1].3o===\'49\'&&v[v.m-1].1W===""){v.5D()}v.1m({3o,1W});a(v.m>6)v.5E(0,2)};9 3m=(1b)=>{9 3p=1b.5F();a(3p!==\'\'&&!Z){26=3p;2V(26);2Y(\'48\',26)}};9 4m=(1a)=>N.O()-28>3s||1a.m>5;9 2s=(3q=\'5G\')=>{J.21(`5H U(3q:${3q})...`);a(u){u.41();u.42=0;u=F}11.m=0;Z=G;a(1c){1c.4n();1c=F}1e.5I();1S.m=0;Q()};9 4l=(h)=>{9 13=1U(h);2o(9[e,1o]5J 1f){a(e.2U(13)){1o.4n();1f.2h(e)}}};9 4o=()=>{a(1k){9 4p=1k-27;2B.k=`4q:${4p}5K`}L{2B.k="4q: 5L"}};5M(4o,5N);',62,360,'|||||||||const|if|let|to||cacheKey|error||query||line|textContent|voice|length||new|await|path|||response|currentAudio|conversationHistory||audioUrl|from|text|bg|gradient|gray|stroke|speechRecognizer|null|false|value|url|console|true|else|isUserSpeaking|Date|now|lines|updateActivityIndicators|aiActivityIndicator|300|event|audio|svg|document|getElementById|completeTranscript|isRequestInProgress||audioPlaybackQueue||normalizedQuery||Error||buffer|400||interimTranscript|transcript|requestAbortController|500|prefetchCache|pendingPrefetchRequests|return|startStopButton|modelSelectionDropdown|isSpeechRecognitionActive|firstResponseTextTimestamp|trim|push|async|abortController|signal|ok|reader|playNextAudio|cachedData|AI|fullResponseText|fullResponseText2|unsentTextChunk|indicator|rounded|full|px|py|white|flex|items|center|transition|colors|duration|hover|700|width|round|x1|y1|x2|y2|prefetchQueue|audioCache|normalizeQueryText|try|content|throw|catch|generateTextToSpeechAudio|resolve|log|textChunk|||className|activeQuery|queryStartTime|lastUserSpeechTimestamp|prefetchTextQuery|history|has|stream|not|timestamp|AbortError|finally|delete|responseStream|abortSignal|decoder|done|aborted|chunk|for|in|isPrefetched|sentText|interruptAudioPlayback|blue|600|dark|purple|green|Listening|yellow|voiceSelectionDropdown|responseTimeDisplay|userActivityIndicator|Map|replace|generateCacheKey|JSON|stringify|processPrefetchQueue|while|set|fetch|encodeURIComponent|method|GET|Network|was|firstAudioUrl|handleStreamingResponseForPrefetch|break|startsWith|sendQueryToAI|handleStreamingResponse|initialChunksSent|addToConversationHistory|Speech|innerHTML|xmlns|http|www|w3|org|2000|height|viewBox|fill|none|currentColor|linecap|linejoin|M12|1a3|3v8a3|0V4a3|M19|10v2a7|0v|results|processSpeechTranscript|start|role|trimmedTranscript|reason|transcriptDiv|USER_SPEECH_INTERRUPT_DELAY|TEXT_TO_SPEECH_API_ENDPOINT|CHUNK_SIZE|MAX_PREFETCH_REQUESTS|prefetchCacheExpiration|audioCacheExpiration|modelName||prefetchFirstAudioChunk|shift|AbortController|stream_audio|model|headers|accept|type|application|json|body|name|getReader|TextDecoder|utf|read|DOMException|Request|decode|split|data|substring|releaseLock|audioData|audioPromise|Promise|onerror|pause|currentTime|normalizedText|get|audioBlob|prefetchedAudioUrl|status|user|assistant|state|User|Speaking|Idle|800|webkitSpeechRecognition|recognition|M9|9h6v6h|6z|Stop|cancelPrefetchRequests|shouldInterruptAudioPlayback|abort|updateLatency|latency|Latency|voiceSelect|modelSelect|noiseSuppressionCheckbox|noiseSuppression|responseTime|userIndicator|aiIndicator|partialTranscript|https|api|streamelements|com|kappa|v2|speech|60000|3600000|toLowerCase|size|prefetching|Audio|onended|play|blob|URL|createObjectURL|generating|TTS|Sending|429|Rate|limit|hit|retrying|second|setTimeout|1000|Streaming|received|sending|is|speaking|Processing|window|Object|assign|continuous|interimResults|language|en|US|maxAlternatives|onstart|started|onresult|resultIndex|isFinal|final|interim|onend|addEventListener|click|stop|id|microphoneIcon|Start|alert|Your|browser|does|support|the|Web|API|pop|splice|trimStart|unknown|Interrupting|clear|of|ms|0ms|setInterval|200'.split('|'),0,{}))
+const startStopButton = document.getElementById('startStopButton');
+const voiceSelectionDropdown = document.getElementById('voiceSelect');
+const modelSelectionDropdown = document.getElementById('modelSelect');
+const noiseSuppressionCheckbox = document.getElementById('noiseSuppression'); 
+const responseTimeDisplay = document.getElementById('responseTime');
+const userActivityIndicator = document.getElementById('userIndicator');
+const aiActivityIndicator = document.getElementById('aiIndicator');
+const transcriptDiv = document.getElementById('transcript');
+
+let speechRecognizer;
+let activeQuery = null;
+let queryStartTime = 0;
+let completeTranscript = '';
+let isRequestInProgress = false;
+let isUserSpeaking = false;
+let isSpeechRecognitionActive = false;
+let requestAbortController = null;
+let partialTranscript = '';
+let lastUserSpeechTimestamp = null;
+let prefetchTextQuery = "";
+let firstResponseTextTimestamp = null;
+
+// Configuration 
+const USER_SPEECH_INTERRUPT_DELAY = 500;
+const TEXT_TO_SPEECH_API_ENDPOINT = "https://api.streamelements.com/kappa/v2/speech";
+const CHUNK_SIZE = 300; 
+
+// Audio Management
+let currentAudio = null;
+let audioPlaybackQueue = [];
+let prefetchQueue = [];
+
+// Enhanced Prefetching and Caching
+const prefetchCache = new Map(); 
+const pendingPrefetchRequests = new Map();
+const MAX_PREFETCH_REQUESTS = 10;
+const prefetchCacheExpiration = 60000; // 1 minute
+
+// Global Conversation History
+let conversationHistory = [];
+
+// Audio Caching
+const audioCache = new Map(); 
+const audioCacheExpiration = 3600000; // 1 hour
+
+// Normalize query text
+const normalizeQueryText = query => query.trim().toLowerCase().replace(/[^\w\s]/g, '');
+
+// Generate a cache key
+const generateCacheKey = (normalizedQuery, voice, history, modelName) => 
+  `${normalizedQuery}-${voice}-${JSON.stringify(history)}-${modelName}`;
+
+// Prefetch and cache the first TTS audio chunk
+const prefetchFirstAudioChunk = (query, voice) => {
+  const normalizedQuery = normalizeQueryText(query);
+  const cacheKey = generateCacheKey(normalizedQuery, voice, conversationHistory, modelSelectionDropdown.value);
+
+  if (pendingPrefetchRequests.has(cacheKey) || prefetchCache.has(cacheKey)) return; 
+
+  prefetchQueue.push({ query:query.trim(), voice, cacheKey });
+  processPrefetchQueue();
+};
+
+// Process the prefetch queue
+const processPrefetchQueue = async () => {
+  while (prefetchQueue.length > 0 && pendingPrefetchRequests.size < MAX_PREFETCH_REQUESTS) {
+    const { query, voice, cacheKey } = prefetchQueue.shift();
+    const abortController = new AbortController();
+    pendingPrefetchRequests.set(cacheKey, abortController);
+
+    const url = '/stream_text';
+    const requestBody = {
+        query: query,
+        history: JSON.stringify(conversationHistory),
+        model: modelSelectionDropdown.value
+    };
+
+    try {
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+            'Accept': 'text/event-stream',
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(requestBody),
+        signal: abortController.signal
+    });
+
+      if (!response.ok) throw new Error('Network response was not ok');
+
+      const firstAudioUrl = await handleStreamingResponseForPrefetch(response.body, voice, abortController.signal);
+
+      if (firstAudioUrl) prefetchCache.set(cacheKey, { url: firstAudioUrl, timestamp: Date.now() });
+
+    } catch (error) {
+      if (error.name !== 'AbortError') console.error("Error prefetching audio:", error);
+    } finally {
+      pendingPrefetchRequests.delete(cacheKey);
+      processPrefetchQueue();
+    }
+  }
+};
+
+// Handle the streaming response for prefetching
+const handleStreamingResponseForPrefetch = async (responseStream, voice, abortSignal) => {
+  const reader = responseStream.getReader();
+  const decoder = new TextDecoder("utf-8");
+  let buffer = "";
+
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      if (abortSignal.aborted) throw new DOMException('Request aborted', 'AbortError');
+
+      const chunk = decoder.decode(value, { stream: true });
+      buffer += chunk;
+      const lines = buffer.split('\n');
+
+      for (let i = 0; i < lines.length - 1; i++) {
+        const line = lines[i];
+        if (line.startsWith('data: ')) {
+          const textContent = line.substring(6).trim();
+          if (textContent) {
+            const audioUrl = await generateTextToSpeechAudio(textContent, voice);
+            return audioUrl; 
+          }
+        }
+      }
+
+      buffer = lines[lines.length - 1];
+    }
+  } catch (error) {
+    console.error("Error in handleStreamingResponseForPrefetch:", error);
+  } finally {
+    reader.releaseLock();
+  }
+
+  return null;
+};
+
+// Play audio from the queue
+const playNextAudio = async () => {
+  if (audioPlaybackQueue.length > 0) {
+    const audioData = audioPlaybackQueue.shift();
+    const audio = new Audio(audioData.url);
+    updateActivityIndicators(); 
+
+    const audioPromise = new Promise(resolve => {
+      audio.onended = resolve;
+      audio.onerror = resolve;
+    });
+    if (currentAudio) {
+      currentAudio.pause();
+      currentAudio.currentTime = 0;
+    }
+
+    currentAudio = audio;
+    await audio.play();
+    await audioPromise;
+    playNextAudio();
+  } else {
+    updateActivityIndicators(); 
+  }
+};
+
+// Generate Text-to-Speech audio with caching
+const generateTextToSpeechAudio = async (text, voice) => {
+  const normalizedText = normalizeQueryText(text);
+  const cacheKey = `${normalizedText}-${voice}`;
+
+  if (audioCache.has(cacheKey)) {
+    const cachedData = audioCache.get(cacheKey);
+    if (Date.now() - cachedData.timestamp < audioCacheExpiration) {
+      return cachedData.url;
+    } else {
+      audioCache.delete(cacheKey);
+    }
+  }
+
+  try {
+    const response = await fetch(`${TEXT_TO_SPEECH_API_ENDPOINT}?voice=${voice}&text=${encodeURIComponent(text)}`, { method: 'GET' });
+    if (!response.ok) throw new Error('Network response was not ok');
+    const audioBlob = await response.blob();
+    const audioUrl = URL.createObjectURL(audioBlob);
+
+    audioCache.set(cacheKey, { url: audioUrl, timestamp: Date.now() });
+    return audioUrl;
+  } catch (error) {
+    console.error("Error generating TTS audio:", error);
+    return null;
+  }
+};
+
+// Send a query to the AI
+const sendQueryToAI = async (query) => {
+    console.log("Sending query to AI:", query);
+    isRequestInProgress = true;
+    updateActivityIndicators(); 
+    queryStartTime = Date.now();
+    firstResponseTextTimestamp = null;
+
+    const normalizedQuery = normalizeQueryText(query);
+    const cacheKey = generateCacheKey(normalizedQuery, modelSelectionDropdown.value, conversationHistory, modelSelectionDropdown.value);
+
+    if (prefetchCache.has(cacheKey)) {
+        const cachedData = prefetchCache.get(cacheKey);
+        if (Date.now() - cachedData.timestamp < prefetchCacheExpiration) {
+            const prefetchedAudioUrl = cachedData.url;
+            audioPlaybackQueue.push({ url: prefetchedAudioUrl, isPrefetched: true });
+            playNextAudio();
+        } else {
+            prefetchCache.delete(cacheKey);
+        }
+    }
+
+    requestAbortController = new AbortController();
+
+    const url = '/stream_text';
+    const requestBody = {
+        query: query,
+        history: JSON.stringify(conversationHistory),
+        model: modelSelectionDropdown.value
+    };
+    
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            headers: {
+                'Accept': 'text/event-stream',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody),
+            signal: requestAbortController.signal
+        });
+
+        if (!response.ok) {
+            if (response.status === 429) {
+                console.log("Rate limit hit, retrying in 1 second...");
+                await new Promise(resolve => setTimeout(resolve, 1000));
+                await sendQueryToAI(query); 
+                return; 
+            }
+            throw new Error(`Network response was not ok: ${response.status}`);
+        }
+
+        console.log("Streaming audio response received");
+        await handleStreamingResponse(response.body, voiceSelectionDropdown.value, requestAbortController.signal);
+    } catch (error) {
+        if (error.name !== 'AbortError') {
+            console.error("Error sending query to AI:", error);
+        }
+    } finally {
+        isRequestInProgress = false;
+        updateActivityIndicators(); 
+    }
+};
+
+// Handle the streaming audio response
+const handleStreamingResponse = async (responseStream, voice, abortSignal) => {
+  const reader = responseStream.getReader();
+  const decoder = new TextDecoder("utf-8");
+  let buffer = "";
+  let initialChunksSent = 0;
+  let fullResponseText = "";
+  let fullResponseText2 = "";
+  let textChunk = "";
+  let sentText = ""; 
+
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      if (abortSignal.aborted) throw new DOMException('Request aborted', 'AbortError');
+
+      if (isUserSpeaking) {
+        interruptAudioPlayback('user is speaking');
+        break; 
+      }
+
+      const chunk = decoder.decode(value, { stream: true });
+      buffer += chunk;
+      const lines = buffer.split('\n');
+
+      for (let i = 0; i < lines.length - 1; i++) {
+        const line = lines[i];
+        if (line.startsWith('data: ')) {
+          const textContent = line.substring(6).trim();
+          if (textContent) {
+            if (!firstResponseTextTimestamp) firstResponseTextTimestamp = Date.now();
+
+            fullResponseText += textContent + " ";
+            fullResponseText2 += textContent + " ";
+            textChunk += textContent + " ";
+            transcriptDiv.textContent = fullResponseText2; 
+
+            if (initialChunksSent < 2) {
+              const audioUrl = await generateTextToSpeechAudio(textContent, voice);
+              if (audioUrl) {
+                audioPlaybackQueue.push({ url: audioUrl, isPrefetched: false });
+                if (!currentAudio) playNextAudio();
+              }
+              sentText += textContent + " "; 
+              initialChunksSent++;
+            } else {
+              let unsentTextChunk = textChunk.replace(sentText, '').trim();
+
+              if (unsentTextChunk.length >= CHUNK_SIZE) {
+                const audioUrl = await generateTextToSpeechAudio(unsentTextChunk, voice);
+                if (audioUrl) {
+                  audioPlaybackQueue.push({ url: audioUrl, isPrefetched: false });
+                  if (!currentAudio) playNextAudio();
+                }
+                textChunk = ""; 
+              }
+            }
+
+            if (fullResponseText !== '') {
+              fullResponseText = ''; 
+            }
+          }
+        }
+      }
+
+      buffer = lines[lines.length - 1];
+    }
+  } catch (error) {
+    console.error("Error in handleStreamingResponse:", error);
+  } finally {
+    reader.releaseLock();
+
+    let unsentTextChunk = textChunk.replace(sentText, '').trim();
+    if (unsentTextChunk !== "") {
+      const audioUrl = await generateTextToSpeechAudio(unsentTextChunk, voice);
+      if (audioUrl) {
+        audioPlaybackQueue.push({ url: audioUrl, isPrefetched: false });
+        if (!currentAudio) playNextAudio();
+      }
+    }
+
+    if (fullResponseText !== '') {
+      fullResponseText = '';
+    }
+    if (fullResponseText2 !== '') {
+      addToConversationHistory('assistant', fullResponseText2);
+      fullResponseText2 = '';
+    }
+  }
+};
+
+// Update activity indicators
+const updateActivityIndicators = (state = null) => {
+  userActivityIndicator.textContent = isUserSpeaking ? "User: Speaking" : "User: Idle";
+  userActivityIndicator.className = isUserSpeaking 
+    ? "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-blue-400 to-blue-600 hover:bg-gradient-to-r from-blue-500 to-blue-700" 
+    : "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-gray-300 to-gray-400 dark:from-gray-700 dark:to-gray-800 hover:bg-gradient-to-r from-gray-400 to-gray-500"; // Tailwind classes
+
+  if (isRequestInProgress && !currentAudio) {
+    aiActivityIndicator.textContent = "AI: Processing...";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-purple-400 to-purple-600 hover:bg-gradient-to-r from-purple-500 to-purple-700"; // Tailwind class for thinking
+  } else if (currentAudio && !isUserSpeaking) {
+    aiActivityIndicator.textContent = state || "AI: Speaking";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-green-400 to-green-600 hover:bg-gradient-to-r from-green-500 to-green-700"; // Tailwind class for speaking
+  } else if (isUserSpeaking) {
+    aiActivityIndicator.textContent = "AI: Listening";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-yellow-400 to-yellow-600 hover:bg-gradient-to-r from-yellow-500 to-yellow-700"; // Tailwind class for listening
+  } else {
+    aiActivityIndicator.textContent = "AI: Idle";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-gray-300 to-gray-400 dark:from-gray-700 dark:to-gray-800 hover:bg-gradient-to-r from-gray-400 to-gray-500"; // Tailwind classes
+  }
+};
+
+
+// Initialize speech recognition
+if ('webkitSpeechRecognition' in window) {
+  speechRecognizer = new webkitSpeechRecognition();
+  Object.assign(speechRecognizer, {
+    continuous: true,
+    interimResults: true,
+    language: 'en-US',
+    maxAlternatives: 3
+  });
+
+  speechRecognizer.onstart = () => {
+    console.log("Speech recognition started");
+    completeTranscript = '';
+    isUserSpeaking = true;
+    lastUserSpeechTimestamp = Date.now();
+    updateActivityIndicators(); 
+    startStopButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 9h6v6h-6z"></path><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg> Stop Listening';
+  };
+
+  speechRecognizer.onresult = (event) => {
+    let interimTranscript = '';
+    for (let i = event.resultIndex; i < event.results.length; i++) {
+      const transcript = event.results[i][0].transcript;
+      if (event.results[i].isFinal) {
+        completeTranscript += transcript;
+        interruptAudioPlayback('final');
+        processSpeechTranscript(completeTranscript);
+        completeTranscript = '';
+        isUserSpeaking = false;
+        updateActivityIndicators(); 
+        queryStartTime = Date.now();
+      } else {
+        interimTranscript += transcript;
+        isUserSpeaking = true;
+        lastUserSpeechTimestamp = Date.now();
+        updateActivityIndicators(); 
+
+        if (interimTranscript.length > prefetchTextQuery.length + 5) {
+          cancelPrefetchRequests(prefetchTextQuery);
+        }
+        prefetchTextQuery = interimTranscript;
+        prefetchFirstAudioChunk(interimTranscript, voiceSelectionDropdown.value);
+
+        if (isRequestInProgress && shouldInterruptAudioPlayback(interimTranscript)) {
+          interruptAudioPlayback('interim');
+        }
+      }
+    }
+  };
+
+  speechRecognizer.onerror = (event) => {
+    console.error('Speech recognition error:', event.error);
+    if (isSpeechRecognitionActive) speechRecognizer.start();
+  };
+
+  speechRecognizer.onend = () => {
+    isUserSpeaking = false;
+    updateActivityIndicators(); 
+
+    if (!isRequestInProgress && completeTranscript !== '') {
+      processSpeechTranscript(completeTranscript);
+      completeTranscript = '';
+    }
+
+    if (isSpeechRecognitionActive) speechRecognizer.start();
+  };
+
+  startStopButton.addEventListener('click', () => {
+    if (isSpeechRecognitionActive) {
+      speechRecognizer.stop();
+      isSpeechRecognitionActive = false;
+      startStopButton.innerHTML = '<svg id="microphoneIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg> Start Listening';
+    } else {
+      speechRecognizer.start();
+      isSpeechRecognitionActive = true;
+      startStopButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 9h6v6h-6z"></path><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg> Stop Listening';
+    }
+  });
+} else {
+  alert('Your browser does not support the Web Speech API.');
+}
+
+// Add to conversation history
+const addToConversationHistory = (role, content) => {
+  if (conversationHistory.length > 0 &&
+    conversationHistory[conversationHistory.length - 1].role === 'assistant' &&
+    conversationHistory[conversationHistory.length - 1].content === "") {
+    conversationHistory.pop();
+  }
+
+  conversationHistory.push({ role, content });
+
+  if (conversationHistory.length > 6) conversationHistory.splice(0, 2);
+};
+
+// Process the final speech transcript
+const processSpeechTranscript = (transcript) => {
+  const trimmedTranscript = transcript.trimStart();
+  if (trimmedTranscript !== '' && !isRequestInProgress) {
+    activeQuery = trimmedTranscript;
+    sendQueryToAI(activeQuery);
+    addToConversationHistory('user', activeQuery);
+  }
+};
+
+// Check if audio playback should be interrupted
+const shouldInterruptAudioPlayback = (interimTranscript) =>
+  Date.now() - lastUserSpeechTimestamp > USER_SPEECH_INTERRUPT_DELAY || interimTranscript.length > 5;
+
+// Interrupt audio playback
+const interruptAudioPlayback = (reason = 'unknown') => {
+  console.log(`Interrupting audio (reason: ${reason})...`);
+  if (currentAudio) {
+    currentAudio.pause();
+    currentAudio.currentTime = 0;
+    currentAudio = null;
+  }
+
+  audioPlaybackQueue.length = 0;
+  isRequestInProgress = false;
+
+  if (requestAbortController) {
+    requestAbortController.abort();
+    requestAbortController = null;
+  }
+
+  prefetchCache.clear();
+  prefetchQueue.length = 0; 
+  updateActivityIndicators();
+};
+
+// Cancel pending prefetch requests
+const cancelPrefetchRequests = (query) => {
+  const normalizedQuery = normalizeQueryText(query);
+
+  for (const [cacheKey, abortController] of pendingPrefetchRequests) {
+    if (cacheKey.startsWith(normalizedQuery)) {
+      abortController.abort();
+      pendingPrefetchRequests.delete(cacheKey);pendingPrefetchRequests.delete(cacheKey);
+    }
+  }
+};
+
+// Update latency display
+const updateLatency = () => {
+  if (firstResponseTextTimestamp) {
+    const latency = firstResponseTextTimestamp - queryStartTime;
+    responseTimeDisplay.textContent = `Latency: ${latency}ms`;
+  } else {
+    responseTimeDisplay.textContent = "Latency: 0ms";
+  }
+};
+
+setInterval(updateLatency, 200); 

script2.js

@@ -1 +1,582 @@
-eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9 X=1a.1b(\'X\');9 2U=1a.1b(\'4r\');9 1p=1a.1b(\'4s\');9 4t=1a.1b(\'4u\');9 2V=1a.1b(\'4v\');9 2W=1a.1b(\'4w\');9 Y=1a.1b(\'4x\');9 2X=1a.1b(\'1j\');e y;e 2s=Q;e 2t=0;e 1c=\'\';e Z=D;e U=D;e E=D;e 1k=Q;e 4y=\'\';e 2Y=Q;e 2u="";e 1q=Q;9 4z=1l;9 3v="4A://4B.4C.4D/4E/4F/4G";9 3w=11;e v=Q;e 1d=[];e 2d=[];9 1m=q 2Z();9 1n=q 2Z();9 3x=10;9 3y=4H;e z=[];9 2e=q 2Z();9 3A=4I;9 2f=l=>l.1r().4J().30(/[^\\w\\s]/g,\'\');9 31=(1e,p,2v,3B)=>`${1e}-${p}-${32.33(2v)}-${3B}`;9 3C=(l,p)=>{9 1e=2f(l);9 j=31(1e,p,z,1p.R);a(1n.2w(j)||1m.2w(j))1o;2d.1s({l:l.1r(),p,j});34()};9 34=1t()=>{35(2d.t>0&&1n.4K<3x){9{l,p,j}=2d.3D();9 1u=q 3E();1n.36(j,1u);2g{9 x=u 37(`/3F?l=${38(l)}&2v=${32.33(z)}&3G=${1p.R}`,{39:\'3a\',3H:{\'3I\':\'F/13-2x\',\'2h-3J\':\'3K/3L\'},1v:1u.1v});a(!x.1w)2i q 1f(\'3b x 3c 2y 1w\');9 3d=u 3e(x.3M,p,1u.1v);a(3d)1m.36(j,{S:3d,2z:15.17()})}2j(k){a(k.3N!==\'2A\')T.k("1f 4L 18:",k)}2B{1n.2C(j);34()}}};9 3e=1t(2D,p,2E)=>{9 1x=2D.3O();9 2F=q 3P("3Q-8");e 1g="";2g{35(C){9{2G,R}=u 1x.3R();a(2G)3f;a(2E.2H)2i q 3S(\'3T 2H\',\'2A\');9 2I=2F.3U(R,{2x:C});1g+=2I;9 V=1g.3V(\'\\n\');2J(e i=0;i<V.t-1;i++){9 b=V[i];a(b.3g(\'3W: \')){9 m=b.3X(6).1r();a(m){9 A=u 2k(m,p);1o A}}}1g=V[V.t-1]}}2j(k){T.k("1f 2K 3e:",k)}2B{1x.3Y()}1o Q};9 1y=1t()=>{a(1d.t>0){9 3Z=1d.3D();9 18=q 4M(3Z.S);W();a(E){y.40();E=D;X.1z=`<o 1A="1B://1C.1D.1E/1F/o"G="24"1G="24"1H="0 0 24 24"1I="1J"h="1K"h-G="2"h-1L="H"h-1M="H"><c d="1N 1O 3 0 0 0-3 1P 3 0 0 0 6 1Q 3 0 0 0-3-3z"></c><c d="1R 1S 7 0 0 1-14 1T-2"></c><b I="12"J="19"K="12"L="23"></b><b I="8"J="23"K="16"L="23"></b></o>41 1h`}9 42=q 43(2l=>{18.4N=2l;18.44=2l});a(v){v.45();v.46=0}v=18;u 18.4O();u 42;1y()}M{W();47(()=>{a(!E){y.2m();E=C;X.1z=`<o 1A="1B://1C.1D.1E/1F/o"G="24"1G="24"1H="0 0 24 24"1I="1J"h="1K"h-G="2"h-1L="H"h-1M="H"><c d="3h 3i-3j"></c><c d="1N 1O 3 0 0 0-3 1P 3 0 0 0 6 1Q 3 0 0 0-3-3z"></c><c d="1R 1S 7 0 0 1-14 1T-2"></c><b I="12"J="19"K="12"L="23"></b><b I="8"J="23"K="16"L="23"></b></o>3k 2n`}},4P)}};9 2k=1t(F,p)=>{9 48=2f(F);9 j=`${48}-${p}`;a(2e.2w(j)){9 1U=2e.49(j);a(15.17()-1U.2z<3A){1o 1U.S}M{2e.2C(j)}}2g{9 x=u 37(`${3v}?p=${p}&F=${38(F)}`,{39:\'3a\'});a(!x.1w)2i q 1f(\'3b x 3c 2y 1w\');9 4a=u x.4Q();9 A=4R.4S(4a);2e.36(j,{S:A,2z:15.17()});1o A}2j(k){T.k("1f 4T 4U 18:",k);1o Q}};9 3l=1t(l)=>{T.2o("4V l f 1h:",l);Z=C;W();2t=15.17();1q=Q;9 1e=2f(l);9 j=31(1e,1p.R,z,1p.R);a(1m.2w(j)){9 1U=1m.49(j);a(15.17()-1U.2z<3y){9 4b=1U.S;1d.1s({S:4b,2L:C});1y()}M{1m.2C(j)}}1k=q 3E();9 S=`/3F?l=${38(l)}&3G=${1p.R}&2v=${32.33(z)}`;2g{9 x=u 37(S,{39:\'3a\',3H:{\'3I\':\'F/13-2x\',\'2h-3J\':\'3K/3L\'},1v:1k.1v});a(!x.1w){a(x.4c===4W){T.2o("4X 4Y 4Z, 50 2K 1 51...");u q 43(2l=>47(2l,52));u 3l(l);1o}2i q 1f(`3b x 3c 2y 1w:${x.4c}`)}T.2o("53 18 x 54");u 3m(x.3M,2U.R,1k.1v)}2j(k){a(k.3N!==\'2A\'){T.k("1f 55 l f 1h:",k)}}2B{Z=D;W()}};9 3m=1t(2D,p,2E)=>{9 1x=2D.3O();9 2F=q 3P("3Q-8");e 1g="";e 3n=0;e 1V="";e 2p="";e 2M="";2g{35(C){9{2G,R}=u 1x.3R();a(2G)3f;a(2E.2H)2i q 3S(\'3T 2H\',\'2A\');a(U){2N(\'4d 56 57\');3f}9 2I=2F.3U(R,{2x:C});1g+=2I;9 V=1g.3V(\'\\n\');2J(e i=0;i<V.t-1;i++){9 b=V[i];a(b.3g(\'3W: \')){9 m=b.3X(6).1r();a(m){a(!1q)1q=15.17();1V+=m+" ";2p+=m+" ";2X.m=1V;a(3n<2){9 A=u 2k(m,p);a(A){1d.1s({S:A,2L:D});a(!v)1y()}2M+=m+" ";3n++}M{e 1W=2p.30(2M,\'\').1r();a(1W.t>=3w){9 A=u 2k(1W,p);a(A){1d.1s({S:A,2L:D});a(!v)1y()}2p=""}}}}}1g=V[V.t-1]}}2j(k){T.k("1f 2K 3m:",k)}2B{1x.3Y();e 1W=2p.30(2M,\'\').1r();a(1W!==""){9 A=u 2k(1W,p);a(A){1d.1s({S:A,2L:D});a(!v)1y()}}a(1V!==\'\'){3o(\'4e\',1V);1V=\'\'}}};9 W=(4f=Q)=>{2W.m=U?"4g: 4h":"4g: 4i";2W.2q=U?"1X 1Y-1Z 20-4 21-2 F-22 25 26-27 28-29 2a-11 N-O-f-r B-2O-1i f-2O-2P 2b:N-O-f-r B-2O-1l f-2O-2c":"1X 1Y-1Z 20-4 21-2 F-22 25 26-27 28-29 2a-11 N-O-f-r B-P-11 f-P-1i 2Q:B-P-2c 2Q:f-P-4j 2b:N-O-f-r B-P-1i f-P-1l";a(Z&&!v){Y.m="1h: 58...";Y.2q="1X 1Y-1Z 20-4 21-2 F-22 25 26-27 28-29 2a-11 N-O-f-r B-2R-1i f-2R-2P 2b:N-O-f-r B-2R-1l f-2R-2c"}M a(v&&!U){Y.m=4f||"1h: 4h";Y.2q="1X 1Y-1Z 20-4 21-2 F-22 25 26-27 28-29 2a-11 N-O-f-r B-2S-1i f-2S-2P 2b:N-O-f-r B-2S-1l f-2S-2c"}M a(U){Y.m="1h: 2n";Y.2q="1X 1Y-1Z 20-4 21-2 F-22 25 26-27 28-29 2a-11 N-O-f-r B-2T-1i f-2T-2P 2b:N-O-f-r B-2T-1l f-2T-2c"}M{Y.m="1h: 4i";Y.2q="1X 1Y-1Z 20-4 21-2 F-22 25 26-27 28-29 2a-11 N-O-f-r B-P-11 f-P-1i 2Q:B-P-2c 2Q:f-P-4j 2b:N-O-f-r B-P-1i f-P-1l"}};a(\'4k\'2K 59){y=q 4k();5a.5b(y,{5c:C,5d:C,5e:\'5f-5g\',5h:3});y.5i=()=>{T.2o("3p 4l 5j");1c=\'\';U=C;2Y=15.17();W();X.1z=`<o 1A="1B://1C.1D.1E/1F/o"G="24"1G="24"1H="0 0 24 24"1I="1J"h="1K"h-G="2"h-1L="H"h-1M="H"><c d="3h 3i-3j"></c><c d="1N 1O 3 0 0 0-3 1P 3 0 0 0 6 1Q 3 0 0 0-3-3z"></c><c d="1R 1S 7 0 0 1-14 1T-2"></c><b I="12"J="19"K="12"L="23"></b><b I="8"J="23"K="16"L="23"></b></o>3k 2n`};y.5k=(13)=>{e 2r=\'\';2J(e i=13.5l;i<13.3q.t;i++){9 1j=13.3q[i][0].1j;a(13.3q[i].5m){1c+=1j;2N(\'5n\');3r(1c);1c=\'\';U=D;W();2t=15.17()}M{2r+=1j;U=C;2Y=15.17();W();a(2r.t>2u.t+5){4m(2u)}2u=2r;3C(2r,2U.R)}}};y.44=(13)=>{T.k(\'3p 4l k:\',13.k);a(E)y.2m()};y.5o=()=>{U=D;W();a(!Z&&1c!==\'\'){3r(1c);1c=\'\'}a(E)y.2m()};X.5p(\'5q\',()=>{a(E&&!Z){y.40();E=D;X.1z=`<o 1A="1B://1C.1D.1E/1F/o"G="24"1G="24"1H="0 0 24 24"1I="1J"h="1K"h-G="2"h-1L="H"h-1M="H"><c d="1N 1O 3 0 0 0-3 1P 3 0 0 0 6 1Q 3 0 0 0-3-3z"></c><c d="1R 1S 7 0 0 1-14 1T-2"></c><b I="12"J="19"K="12"L="23"></b><b I="8"J="23"K="16"L="23"></b></o>5r 2n`}M a(E&&Z||v){2N(\'5s 5t\');y.2m();E=C;X.1z=`<o 1A="1B://1C.1D.1E/1F/o"G="24"1G="24"1H="0 0 24 24"1I="1J"h="1K"h-G="2"h-1L="H"h-1M="H"><c d="1N 1O 3 0 0 0-3 1P 3 0 0 0 6 1Q 3 0 0 0-3-3z"></c><c d="1R 1S 7 0 0 1-14 1T-2"></c><b I="12"J="19"K="12"L="23"></b><b I="8"J="23"K="16"L="23"></b></o>41 1h`}M{y.2m();E=C;X.1z=`<o 1A="1B://1C.1D.1E/1F/o"G="24"1G="24"1H="0 0 24 24"1I="1J"h="1K"h-G="2"h-1L="H"h-1M="H"><c d="3h 3i-3j"></c><c d="1N 1O 3 0 0 0-3 1P 3 0 0 0 6 1Q 3 0 0 0-3-3z"></c><c d="1R 1S 7 0 0 1-14 1T-2"></c><b I="12"J="19"K="12"L="23"></b><b I="8"J="23"K="16"L="23"></b></o>3k 2n`}})}M{5u(\'5v 5w 5x 2y 5y 5z 5A 3p 5B.\')}9 3o=(3s,2h)=>{a(z.t>0&&z[z.t-1].3s===\'4e\'&&z[z.t-1].2h===""){z.5C()}z.1s({3s,2h});a(z.t>6)z.5D(0,2)};9 3r=(1j)=>{9 3t=1j.5E();a(3t!==\'\'&&!Z){2s=3t;3l(2s);3o(\'4d\',2s);2X.m=\'\'}};9 2N=(3u=\'5F\')=>{T.2o(`5G 18(3u:${3u})...`);a(v){v.45();v.46=0;v=Q}1d.t=0;Z=D;a(1k){1k.4n();1k=Q}1m.5H();2d.t=0;W()};9 4m=(l)=>{9 1e=2f(l);2J(9[j,1u]5I 1n){a(j.3g(1e)){1u.4n();1n.2C(j)}}};9 4o=()=>{a(1q){9 4p=1q-2t;2V.m=`4q:${4p}5J`}M{2V.m="4q: 5K"}};5L(4o,5M);',62,359,'|||||||||const|if|line|path||let|to||stroke||cacheKey|error|query|textContent||svg|voice|new|||length|await|currentAudio||response|speechRecognizer|conversationHistory|audioUrl|from|true|false|isSpeechRecognitionActive|text|width|round|x1|y1|x2|y2|else|bg|gradient|gray|null|value|url|console|isUserSpeaking|lines|updateActivityIndicators|startStopButton|aiActivityIndicator|isRequestInProgress||300||event||Date||now|audio||document|getElementById|completeTranscript|audioPlaybackQueue|normalizedQuery|Error|buffer|AI|400|transcript|requestAbortController|500|prefetchCache|pendingPrefetchRequests|return|modelSelectionDropdown|firstResponseTextTimestamp|trim|push|async|abortController|signal|ok|reader|playNextAudio|innerHTML|xmlns|http|www|w3|org|2000|height|viewBox|fill|none|currentColor|linecap|linejoin|M12|1a3|3v8a3|0V4a3|M19|10v2a7|0v|cachedData|fullResponseText|unsentTextChunk|indicator|rounded|full|px|py|white|||flex|items|center|transition|colors|duration|hover|700|prefetchQueue|audioCache|normalizeQueryText|try|content|throw|catch|generateTextToSpeechAudio|resolve|start|Listening|log|textChunk|className|interimTranscript|activeQuery|queryStartTime|prefetchTextQuery|history|has|stream|not|timestamp|AbortError|finally|delete|responseStream|abortSignal|decoder|done|aborted|chunk|for|in|isPrefetched|sentText|interruptAudioPlayback|blue|600|dark|purple|green|yellow|voiceSelectionDropdown|responseTimeDisplay|userActivityIndicator|transcriptDiv|lastUserSpeechTimestamp|Map|replace|generateCacheKey|JSON|stringify|processPrefetchQueue|while|set|fetch|encodeURIComponent|method|GET|Network|was|firstAudioUrl|handleStreamingResponseForPrefetch|break|startsWith|M9|9h6v6h|6z|Stop|sendQueryToAI|handleStreamingResponse|initialChunksSent|addToConversationHistory|Speech|results|processSpeechTranscript|role|trimmedTranscript|reason|TEXT_TO_SPEECH_API_ENDPOINT|CHUNK_SIZE|MAX_PREFETCH_REQUESTS|prefetchCacheExpiration||audioCacheExpiration|modelName|prefetchFirstAudioChunk|shift|AbortController|stream_audio|model|headers|accept|type|application|json|body|name|getReader|TextDecoder|utf|read|DOMException|Request|decode|split|data|substring|releaseLock|audioData|stop|Interrupt|audioPromise|Promise|onerror|pause|currentTime|setTimeout|normalizedText|get|audioBlob|prefetchedAudioUrl|status|user|assistant|state|User|Speaking|Idle|800|webkitSpeechRecognition|recognition|cancelPrefetchRequests|abort|updateLatency|latency|Latency|voiceSelect|modelSelect|noiseSuppressionCheckbox|noiseSuppression|responseTime|userIndicator|aiIndicator|partialTranscript|USER_SPEECH_INTERRUPT_DELAY|https|api|streamelements|com|kappa|v2|speech|60000|3600000|toLowerCase|size|prefetching|Audio|onended|play|100|blob|URL|createObjectURL|generating|TTS|Sending|429|Rate|limit|hit|retrying|second|1000|Streaming|received|sending|is|speaking|Processing|window|Object|assign|continuous|interimResults|language|en|US|maxAlternatives|onstart|started|onresult|resultIndex|isFinal|final|onend|addEventListener|click|Start|button|interrupt|alert|Your|browser|does|support|the|Web|API|pop|splice|trimStart|unknown|Interrupting|clear|of|ms|0ms|setInterval|200'.split('|'),0,{}))
+const startStopButton = document.getElementById('startStopButton');
+const voiceSelectionDropdown = document.getElementById('voiceSelect');
+const modelSelectionDropdown = document.getElementById('modelSelect');
+const noiseSuppressionCheckbox = document.getElementById('noiseSuppression');
+const responseTimeDisplay = document.getElementById('responseTime');
+const userActivityIndicator = document.getElementById('userIndicator');
+const aiActivityIndicator = document.getElementById('aiIndicator');
+const transcriptDiv = document.getElementById('transcript');
+
+let speechRecognizer;
+let activeQuery = null;
+let queryStartTime = 0;
+let completeTranscript = '';
+let isRequestInProgress = false;
+let isUserSpeaking = false;
+let isSpeechRecognitionActive = false;
+let requestAbortController = null;
+let partialTranscript = '';
+let lastUserSpeechTimestamp = null;
+let prefetchTextQuery = "";
+let firstResponseTextTimestamp = null;
+
+// Configuration 
+const USER_SPEECH_INTERRUPT_DELAY = 500;
+const TEXT_TO_SPEECH_API_ENDPOINT = "https://api.streamelements.com/kappa/v2/speech";
+const CHUNK_SIZE = 300; 
+
+// Audio Management
+let currentAudio = null;
+let audioPlaybackQueue = [];
+let prefetchQueue = [];
+
+// Enhanced Prefetching and Caching
+const prefetchCache = new Map(); 
+const pendingPrefetchRequests = new Map();
+const MAX_PREFETCH_REQUESTS = 10;
+const prefetchCacheExpiration = 60000; // 1 minute
+
+// Global Conversation History
+let conversationHistory = [];
+
+// Audio Caching
+const audioCache = new Map(); 
+const audioCacheExpiration = 3600000; // 1 hour
+
+// Normalize query text
+const normalizeQueryText = query => query.trim().toLowerCase().replace(/[^\w\s]/g, '');
+
+// Generate a cache key
+const generateCacheKey = (normalizedQuery, voice, history, modelName) => 
+  `${normalizedQuery}-${voice}-${JSON.stringify(history)}-${modelName}`;
+
+// Prefetch and cache the first TTS audio chunk
+const prefetchFirstAudioChunk = (query, voice) => {
+  const normalizedQuery = normalizeQueryText(query);
+  const cacheKey = generateCacheKey(normalizedQuery, voice, conversationHistory, modelSelectionDropdown.value);
+
+  if (pendingPrefetchRequests.has(cacheKey) || prefetchCache.has(cacheKey)) return; 
+
+  prefetchQueue.push({ query:query.trim(), voice, cacheKey });
+  processPrefetchQueue();
+};
+
+// Process the prefetch queue
+const processPrefetchQueue = async () => {
+  while (prefetchQueue.length > 0 && pendingPrefetchRequests.size < MAX_PREFETCH_REQUESTS) {
+    const { query, voice, cacheKey } = prefetchQueue.shift();
+    const abortController = new AbortController();
+    pendingPrefetchRequests.set(cacheKey, abortController);
+
+    const url = '/stream_text';
+    const requestBody = {
+        query: query,
+        history: JSON.stringify(conversationHistory),
+        model: modelSelectionDropdown.value
+    };
+
+    try {
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+            'Accept': 'text/event-stream',
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(requestBody),
+        signal: abortController.signal
+    });
+
+      if (!response.ok) throw new Error('Network response was not ok');
+
+      const firstAudioUrl = await handleStreamingResponseForPrefetch(response.body, voice, abortController.signal);
+
+      if (firstAudioUrl) prefetchCache.set(cacheKey, { url: firstAudioUrl, timestamp: Date.now() });
+
+    } catch (error) {
+      if (error.name !== 'AbortError') console.error("Error prefetching audio:", error);
+    } finally {
+      pendingPrefetchRequests.delete(cacheKey);
+      processPrefetchQueue();
+    }
+  }
+};
+
+// Handle the streaming response for prefetching
+const handleStreamingResponseForPrefetch = async (responseStream, voice, abortSignal) => {
+  const reader = responseStream.getReader();
+  const decoder = new TextDecoder("utf-8");
+  let buffer = "";
+
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      if (abortSignal.aborted) throw new DOMException('Request aborted', 'AbortError');
+
+      const chunk = decoder.decode(value, { stream: true });
+      buffer += chunk;
+      const lines = buffer.split('\n');
+
+      for (let i = 0; i < lines.length - 1; i++) {
+        const line = lines[i];
+        if (line.startsWith('data: ')) {
+          const textContent = line.substring(6).trim();
+          if (textContent) {
+            const audioUrl = await generateTextToSpeechAudio(textContent, voice);
+            return audioUrl; 
+          }
+        }
+      }
+
+      buffer = lines[lines.length - 1];
+    }
+  } catch (error) {
+    console.error("Error in handleStreamingResponseForPrefetch:", error);
+  } finally {
+    reader.releaseLock();
+  }
+
+  return null;
+};
+
+// Play audio from the queue
+const playNextAudio = async () => {
+  if (audioPlaybackQueue.length > 0) {
+    const audioData = audioPlaybackQueue.shift();
+    const audio = new Audio(audioData.url);
+    updateActivityIndicators(); 
+
+    // Pause speech recognition if it's active
+    if (isSpeechRecognitionActive) {
+      speechRecognizer.stop();
+      isSpeechRecognitionActive = false;
+      startStopButton.innerHTML = `
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+          <line x1="12" y1="19" x2="12" y2="23"></line>
+          <line x1="8" y1="23" x2="16" y2="23"></line>
+        </svg>
+        Interrupt AI
+      `;
+    }
+
+    const audioPromise = new Promise(resolve => {
+      audio.onended = resolve;
+      audio.onerror = resolve;
+    });
+    if (currentAudio) {
+      currentAudio.pause();
+      currentAudio.currentTime = 0;
+    }
+
+    currentAudio = audio;
+    await audio.play();
+    await audioPromise;
+    playNextAudio();
+  } else {
+    updateActivityIndicators(); 
+
+    // Resume speech recognition if it was paused with a delay
+    setTimeout(() => {
+      if (!isSpeechRecognitionActive) { 
+        speechRecognizer.start();
+        isSpeechRecognitionActive = true;
+        startStopButton.innerHTML = `
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M9 9h6v6h-6z"></path>
+            <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
+            <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+            <line x1="12" y1="19" x2="12" y2="23"></line>
+            <line x1="8" y1="23" x2="16" y2="23"></line>
+          </svg> 
+          Stop Listening
+        `;
+      }
+    }, 100);
+  }
+};
+
+// Generate Text-to-Speech audio with caching
+const generateTextToSpeechAudio = async (text, voice) => {
+  const normalizedText = normalizeQueryText(text);
+  const cacheKey = `${normalizedText}-${voice}`;
+
+  if (audioCache.has(cacheKey)) {
+    const cachedData = audioCache.get(cacheKey);
+    if (Date.now() - cachedData.timestamp < audioCacheExpiration) {
+      return cachedData.url;
+    } else {
+      audioCache.delete(cacheKey);
+    }
+  }
+
+  try {
+    const response = await fetch(`${TEXT_TO_SPEECH_API_ENDPOINT}?voice=${voice}&text=${encodeURIComponent(text)}`, { method: 'GET' });
+    if (!response.ok) throw new Error('Network response was not ok');
+    const audioBlob = await response.blob();
+    const audioUrl = URL.createObjectURL(audioBlob);
+
+    audioCache.set(cacheKey, { url: audioUrl, timestamp: Date.now() });
+    return audioUrl;
+  } catch (error) {
+    console.error("Error generating TTS audio:", error);
+    return null;
+  }
+};
+
+// Send a query to the AI
+const sendQueryToAI = async (query) => {
+    console.log("Sending query to AI:", query);
+    isRequestInProgress = true;
+    updateActivityIndicators(); 
+    queryStartTime = Date.now();
+    firstResponseTextTimestamp = null;
+
+    const normalizedQuery = normalizeQueryText(query);
+    const cacheKey = generateCacheKey(normalizedQuery, modelSelectionDropdown.value, conversationHistory, modelSelectionDropdown.value);
+
+    if (prefetchCache.has(cacheKey)) {
+        const cachedData = prefetchCache.get(cacheKey);
+        if (Date.now() - cachedData.timestamp < prefetchCacheExpiration) {
+            const prefetchedAudioUrl = cachedData.url;
+            audioPlaybackQueue.push({ url: prefetchedAudioUrl, isPrefetched: true });
+            playNextAudio();
+        } else {
+            prefetchCache.delete(cacheKey);
+        }
+    }
+
+    requestAbortController = new AbortController();
+
+    const url = '/stream_text';
+    const requestBody = {
+        query: query,
+        history: JSON.stringify(conversationHistory),
+        model: modelSelectionDropdown.value
+    };
+    
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            headers: {
+                'Accept': 'text/event-stream',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody),
+            signal: requestAbortController.signal
+        });
+
+        if (!response.ok) {
+            if (response.status === 429) {
+                console.log("Rate limit hit, retrying in 1 second...");
+                await new Promise(resolve => setTimeout(resolve, 1000));
+                await sendQueryToAI(query); 
+                return; 
+            }
+            throw new Error(`Network response was not ok: ${response.status}`);
+        }
+
+        console.log("Streaming audio response received");
+        await handleStreamingResponse(response.body, voiceSelectionDropdown.value, requestAbortController.signal);
+    } catch (error) {
+        if (error.name !== 'AbortError') {
+            console.error("Error sending query to AI:", error);
+        }
+    } finally {
+        isRequestInProgress = false;
+        updateActivityIndicators(); 
+    }
+};
+
+// Handle the streaming audio response
+const handleStreamingResponse = async (responseStream, voice, abortSignal) => {
+  const reader = responseStream.getReader();
+  const decoder = new TextDecoder("utf-8");
+  let buffer = "";
+  let initialChunksSent = 0;
+  let fullResponseText = "";
+  let textChunk = "";
+  let sentText = ""; 
+
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      if (abortSignal.aborted) throw new DOMException('Request aborted', 'AbortError');
+
+      if (isUserSpeaking) {
+        interruptAudioPlayback('user is speaking');
+        break; 
+      }
+
+      const chunk = decoder.decode(value, { stream: true });
+      buffer += chunk;
+      const lines = buffer.split('\n');
+
+      for (let i = 0; i < lines.length - 1; i++) {
+        const line = lines[i];
+        if (line.startsWith('data: ')) {
+          const textContent = line.substring(6).trim();
+          if (textContent) {
+            if (!firstResponseTextTimestamp) firstResponseTextTimestamp = Date.now();
+
+            fullResponseText += textContent + " ";
+            textChunk += textContent + " ";
+            transcriptDiv.textContent = fullResponseText; // Update transcriptDiv
+
+            if (initialChunksSent < 2) {
+              const audioUrl = await generateTextToSpeechAudio(textContent, voice);
+              if (audioUrl) {
+                audioPlaybackQueue.push({ url: audioUrl, isPrefetched: false });
+                if (!currentAudio) playNextAudio();
+              }
+              sentText += textContent + " "; 
+              initialChunksSent++;
+            } else {
+              let unsentTextChunk = textChunk.replace(sentText, '').trim();
+
+              if (unsentTextChunk.length >= CHUNK_SIZE) {
+                const audioUrl = await generateTextToSpeechAudio(unsentTextChunk, voice);
+                if (audioUrl) {
+                  audioPlaybackQueue.push({ url: audioUrl, isPrefetched: false });
+                  if (!currentAudio) playNextAudio();
+                }
+                textChunk = ""; 
+              }
+            }
+          }
+        }
+      }
+
+      buffer = lines[lines.length - 1];
+    }
+  } catch (error) {
+    console.error("Error in handleStreamingResponse:", error);
+  } finally {
+    reader.releaseLock();
+
+    let unsentTextChunk = textChunk.replace(sentText, '').trim();
+    if (unsentTextChunk !== "") {
+      const audioUrl = await generateTextToSpeechAudio(unsentTextChunk, voice);
+      if (audioUrl) {
+        audioPlaybackQueue.push({ url: audioUrl, isPrefetched: false });
+        if (!currentAudio) playNextAudio();
+      }
+    }
+
+    if (fullResponseText !== '') {
+      addToConversationHistory('assistant', fullResponseText);
+      fullResponseText = ''; // Clear fullResponseText for the next response
+    }
+  }
+};
+
+// Update activity indicators
+const updateActivityIndicators = (state = null) => {
+  userActivityIndicator.textContent = isUserSpeaking ? "User: Speaking" : "User: Idle";
+  userActivityIndicator.className = isUserSpeaking 
+    ? "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-blue-400 to-blue-600 hover:bg-gradient-to-r from-blue-500 to-blue-700" 
+    : "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-gray-300 to-gray-400 dark:from-gray-700 dark:to-gray-800 hover:bg-gradient-to-r from-gray-400 to-gray-500"; // Tailwind classes
+
+  if (isRequestInProgress && !currentAudio) {
+    aiActivityIndicator.textContent = "AI: Processing...";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-purple-400 to-purple-600 hover:bg-gradient-to-r from-purple-500 to-purple-700"; // Tailwind class for thinking
+  } else if (currentAudio && !isUserSpeaking) {
+    aiActivityIndicator.textContent = state || "AI: Speaking";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-green-400 to-green-600 hover:bg-gradient-to-r from-green-500 to-green-700"; // Tailwind class for speaking
+  } else if (isUserSpeaking) {
+    aiActivityIndicator.textContent = "AI: Listening";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-yellow-400 to-yellow-600 hover:bg-gradient-to-r from-yellow-500 to-yellow-700"; // Tailwind class for listening
+  } else {
+    aiActivityIndicator.textContent = "AI: Idle";
+    aiActivityIndicator.className = "indicator rounded-full px-4 py-2 text-white flex items-center transition-colors duration-300 bg-gradient-to-r from-gray-300 to-gray-400 dark:from-gray-700 dark:to-gray-800 hover:bg-gradient-to-r from-gray-400 to-gray-500"; // Tailwind classes
+  }
+};
+
+// Initialize speech recognition
+if ('webkitSpeechRecognition' in window) {
+  speechRecognizer = new webkitSpeechRecognition();
+  Object.assign(speechRecognizer, {
+    continuous: true,
+    interimResults: true,
+    language: 'en-US',
+    maxAlternatives: 3
+  });
+
+  speechRecognizer.onstart = () => {
+    console.log("Speech recognition started");
+    completeTranscript = '';
+    isUserSpeaking = true;
+    lastUserSpeechTimestamp = Date.now();
+    updateActivityIndicators(); 
+    startStopButton.innerHTML = `
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M9 9h6v6h-6z"></path>
+        <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
+        <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+        <line x1="12" y1="19" x2="12" y2="23"></line>
+        <line x1="8" y1="23" x2="16" y2="23"></line>
+      </svg> 
+      Stop Listening
+    `; 
+  };
+
+  speechRecognizer.onresult = (event) => {
+    let interimTranscript = '';
+    for (let i = event.resultIndex; i < event.results.length; i++) {
+      const transcript = event.results[i][0].transcript;
+      if (event.results[i].isFinal) {
+        completeTranscript += transcript;
+        interruptAudioPlayback('final');
+        processSpeechTranscript(completeTranscript);
+        completeTranscript = '';
+        isUserSpeaking = false;
+        updateActivityIndicators(); 
+        queryStartTime = Date.now();
+      } else {
+        interimTranscript += transcript;
+        isUserSpeaking = true;
+        lastUserSpeechTimestamp = Date.now();
+        updateActivityIndicators(); 
+
+        if (interimTranscript.length > prefetchTextQuery.length + 5) {
+          cancelPrefetchRequests(prefetchTextQuery);
+        }
+        prefetchTextQuery = interimTranscript;
+        prefetchFirstAudioChunk(interimTranscript, voiceSelectionDropdown.value);
+      }
+    }
+  };
+
+  speechRecognizer.onerror = (event) => {
+    console.error('Speech recognition error:', event.error);
+    if (isSpeechRecognitionActive) speechRecognizer.start();
+  };
+
+  speechRecognizer.onend = () => {
+    isUserSpeaking = false;
+    updateActivityIndicators(); 
+
+    if (!isRequestInProgress && completeTranscript !== '') {
+      processSpeechTranscript(completeTranscript);
+      completeTranscript = '';
+    }
+
+    if (isSpeechRecognitionActive) speechRecognizer.start();
+  };
+
+  startStopButton.addEventListener('click', () => {
+    if (isSpeechRecognitionActive && !isRequestInProgress) { // Stop Listening
+      speechRecognizer.stop();
+      isSpeechRecognitionActive = false;
+      startStopButton.innerHTML = `
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+          <line x1="12" y1="19" x2="12" y2="23"></line>
+          <line x1="8" y1="23" x2="16" y2="23"></line>
+        </svg>
+        Start Listening
+      `; 
+    } else if (isSpeechRecognitionActive && isRequestInProgress || currentAudio) { // Interrupt AI
+      interruptAudioPlayback('button interrupt');
+      speechRecognizer.start();
+      isSpeechRecognitionActive = true; // Keep recognition active
+      startStopButton.innerHTML = `
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+          <line x1="12" y1="19" x2="12" y2="23"></line>
+          <line x1="8" y1="23" x2="16" y2="23"></line>
+        </svg>
+        Interrupt AI
+      `; // Replace with your SVG
+    } else { // Start Listening
+      speechRecognizer.start();
+      isSpeechRecognitionActive = true;
+      startStopButton.innerHTML = `
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M9 9h6v6h-6z"></path>
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
+          <line x1="12" y1="19" x2="12" y2="23"></line>
+          <line x1="8" y1="23" x2="16" y2="23"></line>
+        </svg> 
+        Stop Listening
+      `; // Replace with your SVG
+    }
+  });
+} else {
+  alert('Your browser does not support the Web Speech API.');
+}
+
+// Add to conversation history
+const addToConversationHistory = (role, content) => {
+  if (conversationHistory.length > 0 &&
+    conversationHistory[conversationHistory.length - 1].role === 'assistant' &&
+    conversationHistory[conversationHistory.length - 1].content === "") {
+    conversationHistory.pop();
+  }
+
+  conversationHistory.push({ role, content });
+
+  if (conversationHistory.length > 6) conversationHistory.splice(0, 2);
+};
+
+// Process the final speech transcript
+const processSpeechTranscript = (transcript) => {
+  const trimmedTranscript = transcript.trimStart();
+  if (trimmedTranscript !== '' && !isRequestInProgress) {
+    activeQuery = trimmedTranscript;
+    sendQueryToAI(activeQuery);
+    addToConversationHistory('user', activeQuery);
+    transcriptDiv.textContent = ''; 
+  }
+};
+
+// Interrupt audio playback
+const interruptAudioPlayback = (reason = 'unknown') => {
+  console.log(`Interrupting audio (reason: ${reason})...`);
+  if (currentAudio) {
+    currentAudio.pause();
+    currentAudio.currentTime = 0;
+    currentAudio = null;
+  }
+
+  audioPlaybackQueue.length = 0;
+  isRequestInProgress = false;
+
+  if (requestAbortController) {
+    requestAbortController.abort();
+    requestAbortController = null;
+  }
+
+  prefetchCache.clear();
+  prefetchQueue.length = 0; 
+  updateActivityIndicators();
+};
+
+// Cancel pending prefetch requests
+const cancelPrefetchRequests = (query) => {
+  const normalizedQuery = normalizeQueryText(query);
+
+  for (const [cacheKey, abortController] of pendingPrefetchRequests) {
+    if (cacheKey.startsWith(normalizedQuery)) {
+      abortController.abort();
+      pendingPrefetchRequests.delete(cacheKey);
+    }
+  }
+};
+
+// Update latency display
+const updateLatency = () => {
+  if (firstResponseTextTimestamp) {
+    const latency = firstResponseTextTimestamp - queryStartTime;
+    responseTimeDisplay.textContent = `Latency: ${latency}ms`;
+  } else {
+    responseTimeDisplay.textContent = "Latency: 0ms";
+  }
+};
+
+setInterval(updateLatency, 200); 

secure.js

@@ -1 +0,0 @@
-(function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):(a="undefined"==typeof globalThis?a||self:globalThis,a.DisableDevtool=b())})(this,function(){"use strict";function a(){if(p.redirectUrl)window.location.href=p.redirectUrl;else if(p.replacementHTML)try{document.documentElement.innerHTML=p.replacementHTML}catch(a){document.documentElement.innerText=p.replacementHTML}else{try{window.opener=null,window.open("","_self"),window.close(),window.history.back()}catch(a){console.log(a)}setTimeout(function(){window.location.href=p.timeoutRedirectUrl||`https://theajack.github.io/disable-devtool/404.html?h=${encodeURIComponent(location.host)}`},500)}}function b(a={}){for(const b in p)void 0!==a[b]&&(s(p[b])===s(a[b])||-1!==q.indexOf(b))&&(p[b]=a[b]);"function"==typeof p.onDevToolClose&&!0===p.stopIntervalOnOpen&&(p.stopIntervalOnOpen=!1,console.warn("stopIntervalOnOpen is invalid when using onDevToolClose"))}function c(){const a=navigator.userAgent.toLowerCase(),b="number"==typeof navigator.maxTouchPoints?1<navigator.maxTouchPoints:/android|iphone|ipad|ipod|arch/i.test(navigator.platform.toLowerCase())||/(iphone|ipad|ipod|ios|android)/i.test(a),c=!!window.top&&window!==window.top,d=a.includes("qqbrowser"),e=a.includes("firefox"),f=a.includes("macintosh"),g=a.includes("edge"),h=g&&!a.includes("chrome"),i=h||a.includes("trident")||a.includes("msie"),j=a.includes("crios"),k=a.includes("edgios"),l=a.includes("chrome")||j,m=!b&&/(googlebot|baiduspider|bingbot|applebot|petalbot|yandexbot|bytespider|chrome\-lighthouse|moto g power)/i.test(a);Object.assign(r,{isWithinIframe:c,isPC:!b,isQQBrowser:d,isFirefox:e,isMacOS:f,isEdge:g,isLegacyEdge:h,isIE:i,isIOSChrome:j,isIOSEdge:k,isChrome:l,isSearchBot:m,isMobile:b})}function d(){const a={};for(let b=0;500>b;b++)a[`${b}`]=`${b}`;const b=[];for(let c=0;50>c;c++)b.push(a);return b}function e(){p.clearConsoleOnInit&&x()}function f(a){z[a]=!1}function g(){for(const a in z)if(z[a])return y=!0;return y=!1}function h(){const a=p.ignoreUrlPatterns;if(a){if("function"==typeof a)return a();if(0!==a.length){const b=location.href;if(A===b)return B;A=b;for(const c of a)if("string"==typeof c&&b.includes(c)||c instanceof RegExp&&c.test(b))return B=!0}}return B=!1}function i(a){const b=r.isMacOS,c=b?a=>a.metaKey&&a.altKey&&(73===a.keyCode||105===a.keyCode):a=>a.ctrlKey&&a.shiftKey&&(73===a.keyCode||105===a.keyCode),d=b?a=>a.metaKey&&a.altKey&&85===a.keyCode||a.metaKey&&83===a.keyCode:a=>a.ctrlKey&&(83===a.keyCode||85===a.keyCode);a.addEventListener("keydown",function(b){const e=b.keyCode||b.which;if(123===e||c(b)||d(b))return l(a,b)},!0),p.disableRightClick&&a.addEventListener("contextmenu",function(b){if("touch"!==b.pointerType)return l(a,b)},!1),p.disableTextSelect&&j(a,"selectstart"),p.disableCopy&&j(a,"copy"),p.disableCut&&j(a,"cut"),p.disablePaste&&j(a,"paste")}function j(a,b){a.addEventListener(b,k)}function k(a){if(!h()&&!K.isDetectionSuspended)return a.preventDefault(),!1}function l(a,b){if(!h()&&!K.isDetectionSuspended)return(b=b||a.event).returnValue=!1,b.preventDefault(),!1}function m(){H=setInterval(()=>{if(!(K.isDetectionSuspended||h())){for(const a of F)f(a.type),a.detect(J++);if(e(),"function"==typeof p.onDevToolClose){const a=y;!g()&&a&&p.onDevToolClose()}}},p.checkInterval)}function n(){clearInterval(H)}function o(a){let b=0;for(let c=0;c<a.length;c++)b=(b<<5)-b+a.charCodeAt(c),b|=0;return b.toString(16)}const p={onDevToolOpen:a,onDevToolClose:null,redirectUrl:"",timeoutRedirectUrl:"",urlTokenParam:"ddtk",checkInterval:500,disableRightClick:!0,stopCheckAfter:5e3,stopIntervalOnOpen:!1,enabledDetectors:[0,1,3,4,5,6,7],clearConsoleOnInit:!0,disableTextSelect:!1,disableCopy:!1,disableCut:!1,disablePaste:!1,ignoreUrlPatterns:null,disableDevToolsInParentFrames:!1,detectSearchEngineBots:!1,replacementHTML:""},q=["enabledDetectors","onDevToolClose","ignoreUrlPatterns"],r={isWithinIframe:!1,isPC:!1,isQQBrowser:!1,isFirefox:!1,isMacOS:!1,isEdge:!1,isLegacyEdge:!1,isIE:!1,isIOSChrome:!1,isIOSEdge:!1,isChrome:!1,isSearchBot:!1,isMobile:!1},s=a=>"object"==typeof a&&null!==a,t=()=>new Date().getTime(),u=a=>{const b=t();return a(),t()-b};let v=console.log,w=console.table,x=console.clear;r.isIE&&(v=(...a)=>console.log(...a),w=(...a)=>console.table(...a),x=()=>console.clear());let y=!1;const z={};let A="",B=!1;const C={RegexToString:0,DefinePropertyID:1,WindowSize:2,DateToString:3,FunctionToString:4,DebuggerStatement:5,Performance:6,ExternalLibrary:7};class D{constructor({type:a,isEnabled:b=!0}){this.type=C.Unknown,this.isEnabled=!0,this.type=a,this.isEnabled=b,this.isEnabled&&(F.push(this),this.init())}onDevToolOpen(){console.warn(`DevTool usage is prohibited! [Detector: ${this.type}]`),p.stopIntervalOnOpen&&n(),clearTimeout(I),p.onDevToolOpen(this.type,a),z[this.type]=!0}init(){}detect(){}}class E extends D{constructor(){super({type:C.ExternalLibrary})}init(){}detect(){(window.eruda&&window.eruda._devTools&&window.eruda._devTools._isShow||window._vcOrigConsole&&window.document.querySelector("#__vconsole.vc-toggle"))&&this.onDevToolOpen()}static isExternalLibraryInUse(){return!!window.eruda||!!window._vcOrigConsole}}const F=[],G={[C.RegexToString]:class a extends D{constructor(){super({type:C.RegexToString,isEnabled:r.isQQBrowser||r.isFirefox})}init(){this.lastDetection=0,this.regex=/./,v(this.regex),this.regex.toString=()=>{if(r.isQQBrowser){const a=t();this.lastDetection&&100>a-this.lastDetection?this.onDevToolOpen():this.lastDetection=a}else r.isFirefox&&this.onDevToolOpen();return""}}detect(){v(this.regex)}},[C.DefinePropertyID]:class a extends D{constructor(){super({type:C.DefinePropertyID})}init(){this.div=document.createElement("div"),this.div.__defineGetter__("id",()=>this.onDevToolOpen()),Object.defineProperty(this.div,"id",{get:()=>this.onDevToolOpen()})}detect(){v(this.div)}},[C.WindowSize]:class a extends D{constructor(){super({type:C.WindowSize,isEnabled:!r.isWithinIframe&&!r.isEdge})}init(){this.checkWindowSize(),window.addEventListener("resize",()=>{setTimeout(()=>this.checkWindowSize(),100)},!0)}detect(){}checkWindowSize(){const a=window.devicePixelRatio||window.screen&&window.screen.deviceXDPI&&window.screen.logicalXDPI&&window.screen.deviceXDPI/window.screen.logicalXDPI;if(!1!==a){const b=200<window.outerWidth-window.innerWidth*a,c=300<window.outerHeight-window.innerHeight*a;if(b||c)return this.onDevToolOpen(),!1;f(this.type)}return!0}},[C.DateToString]:class a extends D{constructor(){super({type:C.DateToString,isEnabled:!r.isIOSChrome&&!r.isIOSEdge})}init(){this.modifyCount=0,this.date=new Date,this.date.toString=()=>(this.modifyCount++,"")}detect(){this.modifyCount=0,v(this.date),e(),2<=this.modifyCount&&this.onDevToolOpen()}},[C.FunctionToString]:class a extends D{constructor(){super({type:C.FunctionToString,isEnabled:!r.isIOSChrome&&!r.isIOSEdge})}init(){this.modifyCount=0,this.func=function(){},this.func.toString=()=>(this.modifyCount++,"")}detect(){this.modifyCount=0,v(this.func),e(),2<=this.modifyCount&&this.onDevToolOpen()}},[C.DebuggerStatement]:class a extends D{constructor(){super({type:C.DebuggerStatement,isEnabled:r.isIOSChrome||r.isIOSEdge})}detect(){const a=t();debugger;100<t()-a&&this.onDevToolOpen()}},[C.Performance]:class a extends D{constructor(){super({type:C.Performance,isEnabled:r.isChrome||!r.isMobile})}init(){this.maxPrintTime=0,this.largeArray=d()}detect(){const a=u(()=>w(this.largeArray)),b=u(()=>v(this.largeArray));return this.maxPrintTime=Math.max(this.maxPrintTime,b),e(),0!==a&&0!==this.maxPrintTime&&void(a>10*this.maxPrintTime&&this.onDevToolOpen())}},[C.ExternalLibrary]:E};let H=0,I=0,J=0;const K=Object.assign(function(a={}){function d(a=""){return{success:!a,reason:a}}if(K.isRunning)return d("already running");c(),x=r.isIE?console.clear:console.clear,b(a);const e=new URLSearchParams(window.location.search).get(p.urlTokenParam);if(e&&o(e)===o(window.location.href))return d("token passed");if(p.detectSearchEngineBots&&r.isSearchBot)return d("search bot");K.isRunning=!0,m();const f=window.top,g=window.parent;if(p.disableDevToolsInParentFrames&&f&&g&&f!==window){for(let a=window;a!==f;)i(a),a=a.parent;i(f)}i(window);const h="all"===p.enabledDetectors?Object.keys(G):p.enabledDetectors;return h.forEach(a=>{new G[a]}),I=setTimeout(function(){r.isPC||E.isExternalLibraryInUse()||n()},p.stopCheckAfter),d()},{isRunning:!1,isDetectionSuspended:!1,calculateMD5:o,version:"0.0.1",DetectorType:C,isDevToolOpened:g}),L=function(){if("undefined"==typeof window||!window.document)return null;const a=document.querySelector("[secura-auto]");if(!a)return null;const b=["disable-menu","disable-select","disable-copy","disable-cut","disable-paste","clear-log"],c=["interval"],d={};["md5","url","tk-name","detectors",...b,...c].forEach(e=>{const f=a.getAttribute(e);if(null!==f){const a=e.split("-").map((a,b)=>0===b?a:a.charAt(0).toUpperCase()+a.slice(1)).join("");d[a]=c.includes(e)?parseInt(f):b.includes(e)?"false"!==f:"detectors"===e&&"all"!==f?f.split(" "):f}});const e={md5:"urlToken",url:"redirectUrl","tk-name":"urlTokenParam",disableMenu:"disableRightClick",disableSelect:"disableTextSelect",clearLog:"clearConsoleOnInit",interval:"checkInterval"};for(const a in e)void 0!==d[a]&&(d[e[a]]=d[a],delete d[a]);return d}();return L&&K(L),K});