${escapeHtml(code)}

`;\n }\n });\n return { __html: markedContent };\n };\n\n const escapeHtml = (unsafe) => {\n return unsafe\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n if (!input.trim()) return;\n\n const newMessages = [...messages, { role: \"user\", content: input }];\n setMessages(newMessages);\n setInput(\"\");\n setIsLoading(true);\n\n try {\n const response = await fetch(\"/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ \n messages: newMessages, \n model: model \n })\n });\n\n if (!response.ok) throw new Error(\"Network response was not ok\");\n\n const data = await response.json();\n setMessages(prev => [...prev, { role: \"assistant\", content: data.message }]);\n } catch (error) {\n console.error(\"Error:\", error);\n setMessages(prev => [...prev, { \n role: \"assistant\", \n content: `🚨 Error: ${error.message}\\n\\nSorry, there was an issue processing your request.` \n }]);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

🤖 AI Assistant

\n \n \n

\n {messages.map((msg, index) => (\n

\n \n

\n ))}\n {isLoading && (\n

\n 🤖 Thinking...\n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/chat\") {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const KEY = \"ecstaticSalmonOrangutan\";\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_free_chats (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n role TEXT NOT NULL,\n content TEXT NOT NULL,\n model TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n const body = await request.json();\n const model = body.model || \"fallback\";\n const userMessage = body.messages[body.messages.length - 1].content;\n\n // Comprehensive Fallback Responses\n const fallbackResponses = [\n \"I apologize, but I'm experiencing technical difficulties. Could you rephrase your question?\",\n \"Our AI is taking a momentary break. Would you like to try again?\",\n \"Hmm, I'm having trouble understanding that request. Can you be more specific?\",\n \"Technical challenges are preventing a complete response right now.\",\n \"I'm processing your request, but encountering some obstacles.\",\n \"My circuits are a bit tangled at the moment. Let's try a simpler approach.\",\n \"Communication seems challenging right now. Could you simplify your request?\"\n ];\n\n // Advanced Fallback Generation Function\n function generateFallbackResponse(userInput: string): string {\n const keywords = userInput.toLowerCase().split(/\\s+/);\n \n const contextualResponses = {\n 'help': \"I'm here to assist you, but I'm experiencing some technical difficulties.\",\n 'code': \"I'd love to help with coding, but my code generation is temporarily unavailable.\",\n 'question': \"Great question! Unfortunately, I can't provide a detailed answer right now.\",\n 'explain': \"I'm ready to explain, but my explanation module is currently offline.\",\n 'how': \"How-to queries are welcome, though my current response capabilities are limited.\",\n 'why': \"Interesting 'why' question! Sadly, my reasoning circuits are momentarily disrupted.\"\n };\n\n for (const keyword of keywords) {\n if (contextualResponses[keyword]) {\n return contextualResponses[keyword];\n }\n }\n\n return fallbackResponses[Math.floor(Math.random() * fallbackResponses.length)];\n }\n\n try {\n // Deterministic Fallback Response Generation\n const aiMessage = generateFallbackResponse(userMessage);\n\n // Store messages in SQLite with explicit error handling\n try {\n await sqlite.execute(`\n INSERT INTO ${KEY}_free_chats (role, content, model) VALUES \n ('user', ?, ?), \n ('assistant', ?, ?)\n `, [\n userMessage, \n model,\n aiMessage, \n model\n ]);\n } catch (storageError) {\n console.error('Storage Error:', storageError);\n // Non-blocking storage error\n }\n\n return new Response(JSON.stringify({ \n message: aiMessage \n }), {\n headers: { \n \"Content-Type\": \"application/json\",\n \"X-Fallback-Reason\": \"AI Generation Failure\"\n },\n status: 200\n });\n\n } catch (error) {\n console.error('Critical AI Generation Error:', error);\n \n const criticalFallbackMessage = \"I'm currently experiencing significant technical difficulties. Please try again later.\";\n\n return new Response(JSON.stringify({ \n message: criticalFallbackMessage\n }), {\n headers: { \n \"Content-Type\": \"application/json\",\n \"X-Error-Type\": \"Critical Failure\"\n },\n status: 500\n });\n }\n }\n\n return new Response(`\n \n \n Resilient AI Assistant\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n\nconst css = `\n:root {\n --bg-primary: #f4f4f9;\n --bg-secondary: #ffffff;\n --text-primary: #2c3e50;\n --text-secondary: #ffffff;\n --accent-color: #3498db;\n --border-color: #e0e4e8;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n}\n\n.chat-container {\n max-width: 600px;\n margin: 0 auto;\n height: 100vh;\n display: flex;\n flex-direction: column;\n background-color: var(--bg-secondary);\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\n}\n\n.chat-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n background-color: var(--accent-color);\n color: var(--text-secondary);\n}\n\n.messages {\n flex-grow: 1;\n overflow-y: auto;\n padding: 20px;\n}\n\n.message {\n margin-bottom: 15px;\n}\n\n.message-content {\n background-color: #f1f2f6;\n padding: 10px 15px;\n border-radius: 10px;\n}\n\n.input-area {\n display: flex;\n padding: 15px;\n background-color: var(--bg-secondary);\n border-top: 1px solid var(--border-color);\n}\n\n.input-area textarea {\n flex-grow: 1;\n padding: 10px;\n margin-right: 10px;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n}\n\n.input-area button {\n padding: 10px 20px;\n background-color: var(--accent-color);\n color: var(--text-secondary);\n border: none;\n border-radius: 4px;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/keval/ecstaticSalmonOrangutan/code/main.tsx","extension","actionData","errors"]