AI Chat Assistant

\n \n \n

Chat with Llama-3.3-70b-versatile model or use voice input

\n Concise responses\n Text-to-speech enabled\n

\n \n \n

\n Voice:\n

\n \n

\n \n \n

\n \n \n \n \n

\n \n \n

\n \n

Thinking...

\n \n \n

\n \n

\n \n \n

\n \n

Space

\n \n \n

\n \n

⌘/Ctrl+Space

\n \n \n\n

\n\n \n\n\n`;",[],[93,125],"4cc532b6-0c52-11f0-92f9-569c3dd06744","alpine.ts","da0140dc-ff83-4572-b17a-481dd53bde3b",["D",1743220806274],"// Updated Alpine module for immediate audio sending on release\nexport const getAlpineModule = () => `\ndocument.addEventListener('alpine:init', () => {\n Alpine.data('chatApp', () => ({\n messages: [],\n userInput: '',\n isRecording: false,\n mediaRecorder: null,\n audioChunks: [],\n isProcessing: false,\n errorMessage: '',\n statusMessage: '',\n chatMode: 'concise',\n ttsEnabled: true,\n isPlayingAudio: false,\n currentAudio: null,\n isRecordingLocked: false,\n selectedVoice: 'Cheyenne-PlayAI',\n availableVoices: [\n 'Arista-PlayAI',\n 'Atlas-PlayAI',\n 'Basil-PlayAI',\n 'Briggs-PlayAI',\n 'Calum-PlayAI',\n 'Celeste-PlayAI',\n 'Cheyenne-PlayAI',\n 'Chip-PlayAI',\n 'Cillian-PlayAI',\n 'Deedee-PlayAI',\n 'Fritz-PlayAI',\n 'Gail-PlayAI',\n 'Indigo-PlayAI',\n 'Mamaw-PlayAI',\n 'Mason-PlayAI',\n 'Mikail-PlayAI',\n 'Mitch-PlayAI',\n 'Quinn-PlayAI',\n 'Thunder-PlayAI'\n ],\n \n init() {\n this.setupAudioRecording();\n this.setInitialSystemMessage();\n this.setupKeyboardListeners();\n },\n \n selectRandomVoice() {\n const randomIndex = Math.floor(Math.random() * this.availableVoices.length);\n this.selectedVoice = this.availableVoices[randomIndex];\n },\n \n setInitialSystemMessage() {\n const systemMessage = this.chatMode === 'concise' \n ? 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Keep your responses short, concise and conversational. Aim for 1-3 sentences when possible.'\n : 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Respond conversationally and accurately to the user.';\n \n this.messages = [{\n role: 'system',\n content: systemMessage\n }];\n },\n \n // Set up keyboard event listeners\n setupKeyboardListeners() {\n document.addEventListener('keydown', (event) => {\n // Only respond to keyboard shortcuts if we're not in a text input\n if (document.activeElement.tagName !== 'TEXTAREA' && \n document.activeElement.tagName !== 'INPUT' &&\n !this.isProcessing) {\n \n // Cmd+Space or Ctrl+Space to toggle locked recording\n if (event.code === 'Space' && (event.metaKey || event.ctrlKey)) {\n event.preventDefault();\n \n if (this.isRecordingLocked) {\n // If already locked, stop recording\n this.stopRecording();\n } else if (this.isRecording) {\n // If recording but not locked, lock it\n this.isRecordingLocked = true;\n } else {\n // If not recording, start and lock\n this.startRecording();\n this.isRecordingLocked = true;\n }\n return;\n }\n \n // Regular spacebar for temporary recording (when not locked)\n if (event.code === 'Space' && !event.metaKey && !event.ctrlKey && !this.isRecordingLocked) {\n // Prevent default space behavior (page scroll)\n event.preventDefault();\n \n // Start recording if we're not already recording\n if (!this.isRecording) {\n this.startRecording();\n }\n }\n }\n });\n \n document.addEventListener('keyup', (event) => {\n // Only respond to spacebar if we're not in a text input\n if (event.code === 'Space' && \n !event.metaKey && !event.ctrlKey &&\n document.activeElement.tagName !== 'TEXTAREA' && \n document.activeElement.tagName !== 'INPUT' &&\n !this.isRecordingLocked) {\n \n // Stop recording if we're recording\n if (this.isRecording) {\n this.stopRecording();\n }\n }\n });\n },\n \n toggleChatMode() {\n this.chatMode = this.chatMode === 'normal' ? 'concise' : 'normal';\n \n if (this.messages.length > 0 && this.messages[0].role === 'system') {\n const systemMessage = this.chatMode === 'concise' \n ? 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Keep your responses short, concise and conversational. Aim for 1-3 sentences when possible.'\n : 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Respond conversationally and accurately to the user.';\n \n this.messages[0].content = systemMessage;\n }\n },\n \n toggleTTS() {\n this.ttsEnabled = !this.ttsEnabled;\n },\n \n setupAudioRecording() {\n if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {\n navigator.mediaDevices.getUserMedia({ audio: true })\n .then(stream => {\n // Try to use a supported format from Groq's accepted list\n const mimeTypes = [\n 'audio/mp3',\n 'audio/mpeg',\n 'audio/mp4',\n 'audio/wav',\n 'audio/webm;codecs=opus',\n 'audio/ogg;codecs=opus',\n 'audio/webm'\n ];\n \n // Find a supported mime type\n let options = {};\n for (const mimeType of mimeTypes) {\n if (MediaRecorder.isTypeSupported(mimeType)) {\n options = { mimeType };\n console.log('Using MIME type:', mimeType);\n break;\n }\n }\n \n try {\n this.mediaRecorder = new MediaRecorder(stream, options);\n } catch (e) {\n console.warn(\"Specified format not supported, falling back to default format\");\n this.mediaRecorder = new MediaRecorder(stream);\n }\n \n this.mediaRecorder.ondataavailable = (e) => {\n if (e.data.size > 0) {\n this.audioChunks.push(e.data);\n }\n };\n \n // Set up automatic send on recording stop\n this.mediaRecorder.onstop = async () => {\n // Set state first so UI updates immediately\n this.isRecording = false;\n this.isRecordingLocked = false;\n // Process the audio recording right away\n await this.processAudioRecording();\n };\n })\n .catch(err => {\n console.error('Error accessing microphone:', err);\n this.errorMessage = 'Could not access your microphone. Please check permissions.';\n });\n } else {\n this.errorMessage = 'Audio recording is not supported in your browser.';\n }\n },\n \n startRecording() {\n if (this.mediaRecorder && !this.isRecording && !this.isProcessing) {\n this.audioChunks = [];\n this.mediaRecorder.start();\n this.isRecording = true;\n \n // Clear any previous error message when starting a new recording\n this.errorMessage = '';\n }\n },\n \n stopRecording() {\n if (this.mediaRecorder && this.isRecording) {\n this.mediaRecorder.stop();\n // Note: We don't need to set isRecording to false here because it's done in the onstop handler\n }\n },\n \n async processAudioRecording() {\n if (this.audioChunks.length === 0) return;\n \n this.isProcessing = true;\n \n try {\n // Get the MIME type used for recording\n let audioType = 'audio/webm';\n if (this.mediaRecorder && this.mediaRecorder.mimeType) {\n audioType = this.mediaRecorder.mimeType;\n }\n \n // Extract file extension from MIME type\n const extensionMap = {\n 'audio/mp3': 'mp3',\n 'audio/mpeg': 'mp3',\n 'audio/mp4': 'mp4',\n 'audio/wav': 'wav',\n 'audio/webm': 'webm',\n 'audio/ogg': 'ogg'\n };\n \n // Get the base MIME type without codecs\n const baseMimeType = audioType.split(';')[0];\n const extension = extensionMap[baseMimeType] || 'webm';\n \n const audioBlob = new Blob(this.audioChunks, { type: audioType });\n const formData = new FormData();\n formData.append('audio', audioBlob, 'recording.' + extension);\n \n // Visual feedback that we're processing - using the status message now\n this.statusMessage = 'Transcribing audio...';\n \n const response = await fetch('/transcribe-audio', {\n method: 'POST',\n body: formData\n });\n \n // Clear the status message\n this.statusMessage = '';\n \n if (response.ok) {\n const result = await response.json();\n if (result.text && result.text.trim()) {\n // Add the transcribed text directly as a user message\n const userMessage = {\n role: 'user',\n content: result.text.trim()\n };\n \n // Add user message to the UI\n this.messages.push(userMessage);\n \n // Now immediately send this message to get AI response\n try {\n // Prepare messages for the API\n const apiMessages = this.messages.map(({ role, content }) => ({ role, content }));\n \n // Ensure first message is always the correct system message for current mode\n if (apiMessages.length > 0 && apiMessages[0].role === 'system') {\n const systemMessage = this.chatMode === 'concise' \n ? 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Keep your responses short, concise and conversational. Aim for 1-3 sentences when possible.'\n : 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Respond conversationally and accurately to the user.';\n \n apiMessages[0].content = systemMessage;\n }\n \n const chatResponse = await fetch('/chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ messages: apiMessages })\n });\n \n if (chatResponse.ok) {\n const chatResult = await chatResponse.json();\n const assistantMessage = chatResult.choices[0].message;\n \n // Add assistant response to the UI\n this.messages.push(assistantMessage);\n \n // Auto-play the response if TTS is enabled\n if (this.ttsEnabled) {\n await this.playTextAsSpeech(assistantMessage.content);\n }\n \n // Scroll to the bottom of the chat\n this.$nextTick(() => {\n const chatContainer = document.querySelector('.chat-messages');\n if (chatContainer) {\n chatContainer.scrollTop = chatContainer.scrollHeight;\n }\n });\n } else {\n const error = await chatResponse.json();\n this.errorMessage = error.error || 'Failed to get response';\n }\n } catch (chatErr) {\n console.error('Error sending transcribed message:', chatErr);\n this.errorMessage = 'Error sending transcribed message.';\n }\n } else {\n this.errorMessage = 'No speech detected. Please try again.';\n }\n } else {\n const error = await response.json();\n this.errorMessage = error.error || 'Failed to transcribe audio';\n console.error('Transcription error details:', error);\n }\n } catch (err) {\n console.error('Error processing audio:', err);\n this.errorMessage = 'Error processing audio recording.';\n } finally {\n this.isProcessing = false;\n }\n },\n \n async sendMessage() {\n if (!this.userInput.trim() || this.isProcessing) return;\n \n const userMessage = {\n role: 'user',\n content: this.userInput.trim()\n };\n \n // Add user message to the UI\n this.messages.push(userMessage);\n this.userInput = '';\n this.isProcessing = true;\n \n try {\n // Use status message for \"Thinking\" state\n this.statusMessage = 'Thinking...';\n \n // Prepare messages for the API (excluding UI-only properties)\n const apiMessages = this.messages.map(({ role, content }) => ({ role, content }));\n \n // Ensure first message is always the correct system message for current mode\n if (apiMessages.length > 0 && apiMessages[0].role === 'system') {\n const systemMessage = this.chatMode === 'concise' \n ? 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Keep your responses short, concise and conversational. Aim for 1-3 sentences when possible.'\n : 'You are a helpful assistant powered by the Llama-3.3-70b-versatile model. Respond conversationally and accurately to the user.';\n \n apiMessages[0].content = systemMessage;\n }\n \n console.log('Sending chat request to server');\n const response = await fetch('/chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ messages: apiMessages })\n });\n \n // Clear status message\n this.statusMessage = '';\n console.log('Chat response received from server:', response.status);\n \n if (response.ok) {\n const result = await response.json();\n console.log('Chat result processed successfully');\n const assistantMessage = result.choices[0].message;\n \n // Add assistant response to the UI\n this.messages.push(assistantMessage);\n \n // Auto-play the response ONLY if TTS is enabled\n if (this.ttsEnabled) {\n console.log('TTS is enabled, playing response audio');\n await this.playTextAsSpeech(assistantMessage.content);\n } else {\n console.log('TTS is disabled, skipping audio playback');\n }\n \n // Scroll to the bottom of the chat\n this.$nextTick(() => {\n const chatContainer = document.querySelector('.chat-messages');\n if (chatContainer) {\n chatContainer.scrollTop = chatContainer.scrollHeight;\n }\n });\n } else {\n console.error('Chat response error:', response.status);\n const error = await response.json();\n this.errorMessage = error.error || 'Failed to get response';\n }\n } catch (err) {\n console.error('Error sending message:', err);\n this.errorMessage = 'Error sending message.';\n } finally {\n this.isProcessing = false;\n }\n },\n \n clearError() {\n this.errorMessage = '';\n },\n \n clearStatus() {\n this.statusMessage = '';\n },\n \n async playTextAsSpeech(text) {\n // Check if text is provided, but don't check ttsEnabled here\n // Let the caller decide whether to call this method based on the ttsEnabled state\n if (!text || this.isPlayingAudio) return;\n \n try {\n this.isPlayingAudio = true;\n \n // Stop any currently playing audio\n if (this.currentAudio) {\n this.currentAudio.pause();\n this.currentAudio = null;\n }\n \n this.statusMessage = 'Generating speech...';\n \n const response = await fetch('/text-to-speech', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n text: text,\n voice: this.selectedVoice\n })\n });\n \n this.statusMessage = '';\n \n if (response.ok) {\n // Check the content type to ensure we're getting audio\n const contentType = response.headers.get('Content-Type');\n \n if (contentType && contentType.includes('audio/')) {\n // Get the audio as a blob and create an object URL\n const audioBlob = await response.blob();\n const audioUrl = URL.createObjectURL(audioBlob);\n \n // Create and play audio\n const audio = new Audio(audioUrl);\n this.currentAudio = audio;\n \n audio.onended = () => {\n this.isPlayingAudio = false;\n this.currentAudio = null;\n URL.revokeObjectURL(audioUrl); // Clean up the object URL\n };\n \n audio.onerror = (e) => {\n console.error('Audio playback error:', e);\n this.isPlayingAudio = false;\n this.currentAudio = null;\n URL.revokeObjectURL(audioUrl); // Clean up on error too\n this.errorMessage = \"Error playing audio\";\n };\n \n await audio.play();\n } else {\n // If not audio, try to parse as JSON for error\n try {\n const result = await response.json();\n this.isPlayingAudio = false;\n this.errorMessage = result.error || \"Invalid response format\";\n } catch (e) {\n this.isPlayingAudio = false;\n this.errorMessage = \"Failed to process response\";\n }\n }\n } else {\n this.isPlayingAudio = false;\n // Try to get error details\n try {\n const error = await response.json();\n this.errorMessage = error.error || 'Failed to generate speech: ' + response.status;\n } catch (e) {\n this.errorMessage = 'Failed to generate speech: ' + response.status;\n }\n }\n } catch (err) {\n console.error('Error playing TTS:', err);\n this.errorMessage = 'Error playing speech.';\n this.isPlayingAudio = false;\n }\n }\n }));\n});\n`;",[],[93,132],"4cc53130-0c52-11f0-92f9-569c3dd06744","handlers","5473711a-0877-47f4-aedb-c5e96ffa729a",["D",1743220806274],[144,145,146,147],[139],{"_35":168,"_13":169,"_59":170,"_61":140,"_62":63,"_64":65,"_66":67,"_37":171,"_17":69,"_70":24,"_71":172,"_73":50,"_74":-5,"_86":173,"_18":174},{"_35":161,"_13":162,"_59":163,"_61":140,"_62":63,"_64":65,"_66":67,"_37":164,"_17":69,"_70":24,"_71":165,"_73":50,"_74":-5,"_86":166,"_18":167},{"_35":155,"_13":81,"_59":156,"_61":140,"_62":63,"_64":65,"_66":67,"_37":157,"_17":69,"_70":24,"_71":158,"_73":50,"_74":-5,"_86":159,"_18":160},{"_35":148,"_13":149,"_59":150,"_61":140,"_62":63,"_64":65,"_66":67,"_37":151,"_17":69,"_70":24,"_71":152,"_73":50,"_74":-5,"_86":153,"_18":154},"4cc52e42-0c52-11f0-92f9-569c3dd06744","tts.ts","e3871fd0-3d29-4955-a410-3b9f62ead17b",["D",1743220806274],"import { Context } from \"https://deno.land/x/hono@v3.11.7/mod.ts\";\n\n// Update the text-to-speech handler to fix the stack overflow issue\nexport const textToSpeechHandler = async (c: Context) => {\n console.log(\"🔊 Text-to-speech request received\");\n \n try {\n const body = await c.req.json();\n const { text, voice = \"Cheyenne-PlayAI\" } = body;\n \n console.log(`🔊 Processing TTS request: \"${text?.substring(0, 50)}...\" with voice: ${voice}`);\n \n if (!text) {\n console.error(\"❌ TTS error: No text provided\");\n return c.json({ error: \"No text provided\" }, 400);\n }\n\n // Get API key from environment variable\n const apiKey = Deno.env.get(\"GROQ_API_KEY\");\n if (!apiKey) {\n console.error(\"❌ TTS error: Missing API key\");\n return c.json({ error: \"API key not configured\" }, 500);\n }\n\n // Call Groq Speech API\n console.log(\"🔊 Sending request to Groq Speech API\");\n const start = Date.now();\n const response = await fetch(\"https://api.groq.com/openai/v1/audio/speech\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${apiKey}`\n },\n body: JSON.stringify({\n model: \"playai-tts\",\n voice: voice,\n input: text,\n response_format: \"wav\"\n })\n });\n const elapsed = Date.now() - start;\n console.log(`🔊 Groq Speech API response received in ${elapsed}ms, status: ${response.status}`);\n\n if (!response.ok) {\n let errorMessage = \"Failed to generate speech\";\n try {\n const errorData = await response.json();\n errorMessage = errorData.error?.message || JSON.stringify(errorData);\n console.error(\"❌ TTS API error:\", errorData);\n } catch (e) {\n // If response is not JSON\n errorMessage = `Server error: ${response.status} ${response.statusText}`;\n console.error(\"❌ TTS API non-JSON error:\", errorMessage);\n }\n \n return c.json({ error: errorMessage }, response.status);\n }\n\n // Get the audio data\n const audioBuffer = await response.arrayBuffer();\n console.log(`✅ TTS successful. Audio size: ${audioBuffer.byteLength} bytes`);\n \n // Return the audio data as a response with proper headers\n return new Response(audioBuffer, {\n headers: {\n \"Content-Type\": \"audio/wav\",\n \"Content-Length\": audioBuffer.byteLength.toString()\n }\n });\n } catch (error) {\n console.error(\"❌ Text-to-speech error:\", error);\n return c.json({\n error: error.message || \"Error generating speech\",\n details: error.stack\n }, 500);\n }\n};",[],[139,149],"4cc52c6c-0c52-11f0-92f9-569c3dd06744","de588108-5ca7-46c3-8b54-01ff32af9da5",["D",1743220806274],"export { audioTranscriptionHandler } from './audio.ts';\nexport { chatCompletionHandler } from './chat.ts';\nexport { textToSpeechHandler } from './tts.ts';",[],[139,81],"4cc528e8-0c52-11f0-92f9-569c3dd06744","chat.ts","96f49c07-92f6-44a0-990b-313f237c2978",["D",1743220806274],"import { Context } from \"https://deno.land/x/hono@v3.11.7/mod.ts\";\n\n// Updated handler to perform chat completions with improved logging\nexport const chatCompletionHandler = async (c: Context) => {\n console.log(\"🔵 Chat completion request received\");\n \n try {\n const body = await c.req.json();\n const messages = body.messages || [];\n \n console.log(`🔵 Processing chat with ${messages.length} messages`);\n console.log(`🔵 Last user message: \"${messages.find(m => m.role === 'user')?.content?.substring(0, 50)}...\"`);\n \n const GROQ_API_KEY = Deno.env.get(\"GROQ_API_KEY\");\n if (!GROQ_API_KEY) {\n console.error(\"❌ Missing GROQ_API_KEY environment variable\");\n return c.json({ error: \"GROQ_API_KEY environment variable is not set\" }, 500);\n }\n\n console.log(\"🔵 Sending request to Groq API\");\n const start = Date.now();\n const response = await fetch(\"https://api.groq.com/openai/v1/chat/completions\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${GROQ_API_KEY}`\n },\n body: JSON.stringify({\n model: \"llama-3.3-70b-versatile\",\n messages,\n temperature: 0.7,\n })\n });\n const elapsed = Date.now() - start;\n console.log(`🔵 Groq API response received in ${elapsed}ms, status: ${response.status}`);\n\n if (!response.ok) {\n const errorData = await response.json();\n console.error(\"❌ Chat API error:\", errorData);\n return c.json({ error: \"Failed to get chat completion\", details: errorData }, response.status);\n }\n\n const chatCompletion = await response.json();\n console.log(`✅ Chat completion successful. Response length: ${chatCompletion.choices[0].message.content.length} chars`);\n \n return c.json(chatCompletion);\n } catch (error) {\n console.error(\"❌ Error in chat completion handler:\", error);\n return c.json({ error: \"Failed to process chat completion request\", details: error.message }, 500);\n }\n};",[],[139,162],"4cc50656-0c52-11f0-92f9-569c3dd06744","audio.ts","484e7d28-b8a7-4493-aa34-8981e7180c00",["D",1743220806274],"import { Context } from \"https://deno.land/x/hono@v3.11.7/mod.ts\";\n\n// Function to handle audio transcription using Groq's Whisper API\nexport const audioTranscriptionHandler = async (c: Context) => {\n console.log(\"🎤 Audio transcription request received\");\n \n try {\n const formData = await c.req.formData();\n const audioFile = formData.get(\"audio\");\n const audioUrl = formData.get(\"audioUrl\");\n \n if (!audioFile && !audioUrl) {\n console.error(\"❌ Transcription error: No audio file or URL provided\");\n return c.json({ error: \"No audio file or URL provided\" }, 400);\n }\n\n // Get API key from environment variable\n const apiKey = Deno.env.get(\"GROQ_API_KEY\");\n if (!apiKey) {\n console.error(\"❌ Transcription error: Missing API key\");\n return c.json({ error: \"API key not configured\" }, 500);\n }\n\n // Debug information about the audio file\n let fileInfo = \"No file info available\";\n if (audioFile) {\n fileInfo = {\n name: audioFile.name,\n type: audioFile.type,\n size: audioFile.size\n };\n console.log(\"🎤 Audio file info:\", fileInfo);\n \n // If the file doesn't have a proper name or type, add one\n // This ensures the file has the right extension for the API\n if (!audioFile.name || !audioFile.type.startsWith('audio/')) {\n const newFile = new File(\n [await audioFile.arrayBuffer()],\n \"recording.webm\",\n { type: \"audio/webm\" }\n );\n audioFile = newFile;\n console.log(\"🎤 Created new file with proper name and type\");\n }\n }\n\n // Prepare the form data for Groq API\n const groqFormData = new FormData();\n \n if (audioFile) {\n groqFormData.append(\"file\", audioFile);\n console.log(\"🎤 Using audio file for transcription\");\n } else {\n groqFormData.append(\"url\", audioUrl);\n console.log(`🎤 Using audio URL for transcription: ${audioUrl}`);\n }\n \n groqFormData.append(\"model\", \"whisper-large-v3\");\n groqFormData.append(\"response_format\", \"verbose_json\");\n groqFormData.append(\"timestamp_granularities[]\", \"word\");\n\n // Call Groq API\n console.log(\"🎤 Sending request to Groq Whisper API\");\n const start = Date.now();\n const response = await fetch(\"https://api.groq.com/openai/v1/audio/transcriptions\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${apiKey}`\n },\n body: groqFormData\n });\n const elapsed = Date.now() - start;\n console.log(`🎤 Groq Whisper API response received in ${elapsed}ms, status: ${response.status}`);\n\n // Get response content type\n const contentType = response.headers.get(\"content-type\");\n \n if (!response.ok) {\n let errorMessage = \"\";\n \n try {\n if (contentType && contentType.includes(\"application/json\")) {\n const errorData = await response.json();\n errorMessage = errorData.error?.message || JSON.stringify(errorData);\n console.error(\"❌ Transcription JSON error:\", errorData);\n } else {\n // Handle HTML or text responses\n const textContent = await response.text();\n if (textContent.includes(\"413\") || textContent.includes(\"too large\")) {\n errorMessage = \"File size too large. Please upload a smaller audio file.\";\n } else if (textContent.includes(\"415\")) {\n errorMessage = \"Unsupported media type. Please upload a valid audio file.\";\n } else {\n errorMessage = `Server error: ${response.status} ${response.statusText}`;\n // Log the full response for debugging\n console.error(\"❌ Transcription API error response:\", {\n status: response.status,\n statusText: response.statusText,\n contentType,\n body: textContent\n });\n }\n }\n } catch (parseError) {\n console.error(\"❌ Error parsing Groq API response:\", parseError);\n errorMessage = \"Failed to parse error response from server\";\n }\n\n return c.json({ \n error: `Groq API error: ${errorMessage}`,\n status: response.status\n }, response.status);\n }\n\n // Handle successful response\n try {\n const result = await response.json();\n console.log(`✅ Transcription successful. Text: \"${result.text?.substring(0, 50)}...\"`);\n return c.json(result);\n } catch (parseError) {\n console.error(\"❌ Error parsing successful response:\", parseError);\n return c.json({\n error: \"Failed to parse transcription response\",\n details: parseError.message\n }, 500);\n }\n } catch (error) {\n console.error(\"❌ Transcription error:\", error);\n return c.json({\n error: error.message || \"Error processing audio\",\n details: error.stack\n }, 500);\n }\n};",[],[139,169],"4cbdf8c0-0c52-11f0-92f9-569c3dd06744",["D",1743220806274],"legacyEnvVars","public","description","imageUrl","userId","1601447d-3c17-4580-a190-f6b82a1eb8e2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","8789b31e-4477-4b2d-ae0d-cc5f2132061a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_216":213},"org",{"_11":12,"_212":213,"_181":182,"_214":215},"branch",{"_17":32,"_13":16,"_35":63,"_41":175,"_44":36,"_45":208,"_209":52,"_210":42,"_211":56,"_57":14,"_53":12},4,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3WWZ5Sm91SWx1eXRNRTZDazIwbnFiUVV4WiJ9","tier","pro","profileImageUrl",{"_35":175,"_13":14,"_37":284,"_48":-5,"_177":50,"_51":178,"_179":-5,"_180":-5,"_181":182,"_183":82,"_184":67,"_185":67,"_186":32,"_187":69,"_55":188,"_189":-5,"_190":-5,"_191":-5,"_192":-5,"_193":194,"_195":194,"_196":197,"_198":197,"_199":197,"_200":194,"_201":194,"_202":285,"_204":286,"_206":287,"_49":50},[245,250,256,257],"files",[245,246,247,248,249,250,251,252,253,254,255,256,257],"counts",{"_236":69,"_237":65,"_238":69,"_34":239,"_240":241},[],{"_35":58,"_62":63,"_59":60,"_13":19,"_71":72,"_70":24,"_17":69,"_61":-5,"_37":234,"_64":65,"_74":-5,"_18":235},"upstreamProject","upstreamBranch",{"_35":36,"_37":232,"_39":233,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"navCollapsed",["D",1743025858842],["D",1743349806192],["D",1743220806274],[19],"pulls","branches","forks",{"_242":65,"_244":65},"connections",{"_242":69,"_243":69},"count","unfilledCount","emptyCount",{"_35":138,"_13":139,"_59":140,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":141,"_17":69,"_70":96,"_71":-5,"_73":50,"_74":-5,"_86":282,"_18":283},{"_35":168,"_13":169,"_59":170,"_61":140,"_62":63,"_64":65,"_66":67,"_37":171,"_17":69,"_70":24,"_71":172,"_73":50,"_74":-5,"_86":280,"_18":281},{"_35":161,"_13":162,"_59":163,"_61":140,"_62":63,"_64":65,"_66":67,"_37":164,"_17":69,"_70":24,"_71":165,"_73":50,"_74":-5,"_86":278,"_18":279},{"_35":155,"_13":81,"_59":156,"_61":140,"_62":63,"_64":65,"_66":67,"_37":157,"_17":69,"_70":24,"_71":158,"_73":50,"_74":-5,"_86":276,"_18":277},{"_35":148,"_13":149,"_59":150,"_61":140,"_62":63,"_64":65,"_66":67,"_37":151,"_17":69,"_70":24,"_71":152,"_73":50,"_74":-5,"_86":274,"_18":275},{"_35":92,"_13":93,"_59":94,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":95,"_17":69,"_70":96,"_71":-5,"_73":50,"_74":-5,"_86":272,"_18":273},{"_35":131,"_13":132,"_59":133,"_61":94,"_62":63,"_64":65,"_66":67,"_37":134,"_17":69,"_70":24,"_71":135,"_73":50,"_74":-5,"_86":270,"_18":271},{"_35":124,"_13":125,"_59":126,"_61":94,"_62":63,"_64":65,"_66":67,"_37":127,"_17":69,"_70":24,"_71":128,"_73":50,"_74":-5,"_86":268,"_18":269},{"_35":118,"_13":81,"_59":119,"_61":94,"_62":63,"_64":65,"_66":67,"_37":120,"_17":69,"_70":24,"_71":121,"_73":50,"_74":-5,"_86":266,"_18":267},{"_35":111,"_13":112,"_59":113,"_61":94,"_62":63,"_64":65,"_66":67,"_37":114,"_17":69,"_70":24,"_71":115,"_73":50,"_74":-5,"_86":264,"_18":265},{"_35":104,"_13":105,"_59":106,"_61":94,"_62":63,"_64":65,"_66":67,"_37":107,"_17":69,"_70":24,"_71":108,"_73":50,"_74":-5,"_86":262,"_18":263},{"_35":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":89,"_17":69,"_70":24,"_71":72,"_73":50,"_74":-5,"_86":260,"_18":261},{"_35":80,"_13":81,"_59":82,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":83,"_17":69,"_70":84,"_71":85,"_73":50,"_74":-5,"_86":258,"_18":259},[],[81],[],[19],[],[93,105],[],[93,112],[],[93,81],[],[93,125],[],[93,132],[251,252,253,254,255],[93],[],[139,149],[],[139,81],[],[139,162],[],[139,169],[246,247,248,249],[139],["D",1743220806274],{"_11":12,"_216":213},{"_11":12,"_212":213,"_181":182,"_214":215},{"_17":32,"_13":16,"_35":63,"_41":175,"_44":36,"_45":208,"_209":52,"_210":42,"_211":56,"_57":14,"_53":12},"ctx",{"_202":-5,"_321":322,"_323":324,"_325":50,"_326":50,"_327":50,"_328":-5,"_329":-7,"_330":-7,"_331":69,"_332":50,"_333":50,"_334":-5,"_335":50,"_336":50},"ENV",{"_292":293,"_294":295,"_296":297,"_298":16,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]