🚨 Something Went Wrong

{this.state.error?.message}

\n \n

\n );\n }\n return this.props.children;\n }\n}\n\nasync function callOpenAI(userMessage: string): Promise {\n const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n \n if (!apiKey) {\n throw new Error(\"OpenAI API key is not configured. Please set the OPENAI_API_KEY environment variable.\");\n }\n\n try {\n const response = await fetch('https://api.openai.com/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${apiKey}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n model: \"gpt-4o-mini\",\n messages: [\n { \n role: \"system\", \n content: \"You are a helpful, friendly AI assistant. Respond concisely and helpfully.\" \n },\n { role: \"user\", content: userMessage }\n ],\n max_tokens: 150\n })\n });\n\n if (!response.ok) {\n const errorBody = await response.text();\n throw new Error(`OpenAI API error: ${response.status} - ${errorBody}`);\n }\n\n const data = await response.json();\n return data.choices[0]?.message?.content || \n \"I'm not sure how to respond to that.\";\n } catch (error) {\n console.error(\"OpenAI API Call Error:\", error);\n throw error;\n }\n}\n\nfunction App() {\n const [messages, setMessages] = useState([\n {\n id: 0,\n type: 'bot',\n content: \"Hi! I'm your AI assistant. How can I help you today?\",\n timestamp: new Date().toLocaleTimeString()\n }\n ]);\n const [input, setInput] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [openAIError, setOpenAIError] = useState(null);\n const messagesEndRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n useEffect(scrollToBottom, [messages]);\n\n const addMessage = (content: string, type: 'user' | 'bot') => {\n const newMessage: Message = {\n id: Date.now(),\n type,\n content,\n timestamp: new Date().toLocaleTimeString()\n };\n setMessages(prev => [...prev, newMessage]);\n };\n\n const handleSendMessage = async () => {\n const userMessage = input.trim();\n if (!userMessage) return;\n\n // Add user message\n addMessage(userMessage, 'user');\n setInput('');\n setIsLoading(true);\n setOpenAIError(null);\n\n try {\n const botReply = await callOpenAI(userMessage);\n addMessage(botReply, 'bot');\n } catch (error) {\n console.error(\"Complete AI Response Error:\", error);\n \n const errorMessage = error instanceof Error \n ? error.message \n : String(error);\n \n setOpenAIError(errorMessage);\n const fallbackResponse = generateFallbackResponse(userMessage);\n addMessage(`Sorry, AI service error: ${errorMessage}. Fallback response: ${fallbackResponse}`, 'bot');\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

\n {openAIError && (\n

\n OpenAI Error: {openAIError}\n

\n )}\n \n

\n {messages.map(msg => (\n

\n {msg.content}\n

\n {msg.timestamp}\n

\n ))}\n

\n \n

\n setInput(e.target.value)}\n onKeyDown={(e) => e.key === 'Enter' && handleSendMessage()}\n placeholder=\"Type a message...\"\n style={{\n flex: 1,\n padding: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd'\n }}\n />\n \n

\n );\n}\n\nexport default async function server(request: Request): Promise {\n // Check if OpenAI API key is configured\n const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n \n if (!apiKey) {\n return new Response(`\n \n \n \n \n \n Configuration Error\n \n \n \n

🚨 Configuration Error

OpenAI API key is not configured. Please set the OPENAI_API_KEY environment variable.

Contact the val owner to resolve this issue.

\n \n \n `, {\n headers: { \n 'Content-Type': 'text/html',\n 'status': '500'\n }\n });\n }\n\n return new Response(`\n \n \n \n \n \n AI Chat Assistant\n \n \n \n

\n \n \n \n `, {\n headers: { \n 'Content-Type': 'text/html' \n }\n });\n}\n\nexport { App, ErrorBoundary };","deleted","label","children",[],[152],"files",[150],"counts",{"_173":32,"_174":175,"_176":32,"_177":32},"pulls","branches",1,"forks","envVars","contents",[180],{"_102":151,"_95":152,"_153":115,"_154":-5,"_155":138,"_156":137,"_157":108,"_104":181,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":182},["D",1734652387714],[152],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":192,"_178":197,"_200":-7,"_201":-5,"_202":-5,"_169":203,"_207":208},{"_102":103,"_95":96,"_104":193,"_106":-5,"_107":108,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":108,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":194,"_132":195,"_135":196,"_147":22},["D",1746202967718],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[198],{"_102":151,"_95":152,"_153":115,"_154":-5,"_155":138,"_156":137,"_157":108,"_104":181,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":199},[152],"readme","upstream","pull",[204],{"_102":151,"_95":152,"_153":115,"_154":-5,"_155":138,"_156":137,"_157":108,"_104":158,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_166":205,"_98":206},[],[152],"previews",[204],"actionData","errors"]