[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_275":276,"_277":278},"routes/_app.x.$handle.$name",{"_94":93,"_32":44,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":57,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","8230f0f8-3f96-11f0-9d48-76b3cceeab13","name","fileType","content","# AI Tool App\n\nA comprehensive AI assistant that can answer questions and generate images.\n\n## Features\n\n- **Chat Interface**: Ask questions and get AI-powered responses using GPT-4\n- **Image Generation**: Generate images from text descriptions using AI\n- **Real-time Interface**: Clean, responsive UI with real-time interactions\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with API routes\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── ChatInterface.tsx # Chat component for Q&A\n│ │ └── ImageGenerator.tsx # Image generation component\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n\n```\n\n## API Endpoints\n\n- `GET /` - Serves the main application\n- `POST /api/chat` - Handles chat/question requests\n- `POST /api/generate-image` - Handles image generation requests\n\n## Environment Variables\n\n- `OPENAI_API_KEY` - Required for OpenAI API access\n\n## Usage\n\n1. Navigate to the app URL\n2. Use the chat interface to ask questions\n3. Use the image generator to create images from descriptions\n4. Switch between modes using the tab interface","# AI Tool App\n\nA comprehensive AI assistant that can answer questions and generate images.\n\n## Features\n\n- **Chat Interface**: Ask questions and get AI-powered responses using GPT-4\n- **Image Generation**: Generate images from text descriptions using AI\n- **Real-time Interface**: Clean, responsive UI with real-time interactions\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with API routes\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── ChatInterface.tsx # Chat component for Q&A\n│ │ └── ImageGenerator.tsx # Image generation component\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n\n```\n\n## API Endpoints\n\n- `GET /` - Serves the main application\n- `POST /api/chat` - Handles chat/question requests\n- `POST /api/generate-image` - Handles image generation requests\n\n## Environment Variables\n\n- `OPENAI_API_KEY` - Required for OpenAI API access (automatically configured in Val Town)\n\n## Usage\n\n1. Navigate to the app URL\n2. Use the chat interface to ask questions\n3. Use the image generator to create images from descriptions\n4. Switch between modes using the tab interface","createdAt",["D",1748857737237],"branchVersion","branchId","2f4b7340-3f96-11f0-beaa-76b3cceeab13","id","2f4b3286-3f96-11f0-beaa-76b3cceeab13","untitled-5321",["D",1748857471956],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","16eccca0-3f95-11f0-ad5b-814c56c8abb0","pinnedFileId","8fd5a2bc-3f96-11f0-980e-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d0af734c-162b-413f-ab5d-d85f6c3fb438","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":53,"_98":99,"_100":25},"branch",{"_13":14,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Lyte","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4d2xObDJLVHFLclU5S3g2UkhQdEN2U0N4dCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":271,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":272,"_79":273,"_81":274,"_83":25},"tree",[173,175,183,185,186],"files",[173,174,175,176,177,178,179,180,181,182,183,184,185,186],"counts",{"_163":61,"_164":136,"_165":61,"_166":167,"_168":169},"contents",[124,125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":157,"_32":158,"_30":159,"_132":-5,"_40":41,"_39":160,"_134":57,"_37":161,"_13":61,"_33":149,"_34":-5,"_24":25,"_139":-5,"_27":162},{"_42":151,"_32":152,"_30":153,"_132":-5,"_40":41,"_39":154,"_134":57,"_37":155,"_13":61,"_33":149,"_34":-5,"_24":25,"_139":-5,"_27":156},{"_42":144,"_32":145,"_30":146,"_132":-5,"_40":41,"_39":147,"_134":57,"_37":148,"_13":61,"_33":149,"_34":-5,"_24":25,"_139":-5,"_27":150},{"_42":141,"_32":28,"_30":31,"_132":-5,"_40":41,"_39":14,"_134":57,"_37":142,"_13":136,"_33":20,"_34":36,"_24":25,"_139":-5,"_27":143},{"_42":129,"_32":130,"_30":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":135,"_13":136,"_33":137,"_34":138,"_24":25,"_139":-5,"_27":140},"3fcc3812-3f96-11f0-b4b5-76b3cceeab13","main.tsx","2f4d2f5a-3f96-11f0-beaa-76b3cceeab13","parentId",2,"latest",["D",1748857499639],1,"script","create an app that lets me order food in jos","label",[130],"cd6b6f9e-3f96-11f0-9e8e-76b3cceeab13",["D",1748857737237],[28],"852a6a00-3f96-11f0-9ee7-76b3cceeab13","shared","2fb19089-5a60-4af7-8dd2-00d9139e1630",4,["D",1748857616020],"directory",[145],"937f83a6-3f96-11f0-8fce-76b3cceeab13","frontend","ef6790e0-7911-4b68-b221-e2aef4d55878",6,["D",1748857640064],[152],"8fd5ac1c-3f96-11f0-980e-76b3cceeab13","backend","8aa794b1-1ed2-4f95-a45f-cd1acbffd480",5,["D",1748857633920],[158],"pulls","branches","forks","envVars",{"_170":61,"_172":61},"connections",{"_170":61,"_171":61},"count","unfilledCount","emptyCount",{"_42":157,"_32":158,"_30":159,"_132":-5,"_40":41,"_39":160,"_134":57,"_37":268,"_13":61,"_33":149,"_34":-5,"_24":25,"_139":-5,"_188":269,"_27":270},{"_42":260,"_32":261,"_30":55,"_132":159,"_40":41,"_39":262,"_134":57,"_37":263,"_13":136,"_33":264,"_34":265,"_24":25,"_139":-5,"_188":266,"_27":267},{"_42":151,"_32":152,"_30":153,"_132":-5,"_40":41,"_39":154,"_134":57,"_37":257,"_13":61,"_33":149,"_34":-5,"_24":25,"_139":-5,"_188":258,"_27":259},{"_42":253,"_32":236,"_30":230,"_132":153,"_40":41,"_39":248,"_134":57,"_37":254,"_13":61,"_33":149,"_34":-5,"_24":25,"_139":-5,"_188":255,"_27":256},{"_42":245,"_32":246,"_30":247,"_132":230,"_40":41,"_39":248,"_134":57,"_37":249,"_13":61,"_33":137,"_34":250,"_24":25,"_139":-5,"_188":251,"_27":252},{"_42":237,"_32":238,"_30":239,"_132":230,"_40":41,"_39":240,"_134":57,"_37":241,"_13":61,"_33":137,"_34":242,"_24":25,"_139":-5,"_188":243,"_27":244},{"_42":227,"_32":228,"_30":229,"_132":230,"_40":41,"_39":231,"_134":57,"_37":232,"_13":61,"_33":137,"_34":233,"_24":25,"_139":-5,"_188":234,"_27":235},{"_42":220,"_32":221,"_30":222,"_132":153,"_40":41,"_39":154,"_134":57,"_37":223,"_13":61,"_33":20,"_34":224,"_24":25,"_139":-5,"_188":225,"_27":226},{"_42":212,"_32":213,"_30":214,"_132":153,"_40":41,"_39":215,"_134":57,"_37":216,"_13":61,"_33":137,"_34":217,"_24":25,"_139":-5,"_188":218,"_27":219},{"_42":204,"_32":205,"_30":206,"_132":153,"_40":41,"_39":207,"_134":57,"_37":208,"_13":61,"_33":20,"_34":209,"_24":25,"_139":-5,"_188":210,"_27":211},{"_42":144,"_32":145,"_30":146,"_132":-5,"_40":41,"_39":147,"_134":57,"_37":201,"_13":61,"_33":149,"_34":-5,"_24":25,"_139":-5,"_188":202,"_27":203},{"_42":194,"_32":195,"_30":196,"_132":146,"_40":41,"_39":147,"_134":57,"_37":197,"_13":61,"_33":137,"_34":198,"_24":25,"_139":-5,"_188":199,"_27":200},{"_42":141,"_32":28,"_30":31,"_132":-5,"_40":41,"_39":14,"_134":57,"_37":191,"_13":136,"_33":20,"_34":36,"_24":25,"_139":-5,"_188":192,"_27":193},{"_42":129,"_32":130,"_30":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":187,"_13":136,"_33":137,"_34":138,"_24":25,"_139":-5,"_188":189,"_27":190},["D",1748857499639],"children",[],[130],["D",1748857737237],[],[28],"852a5da8-3f96-11f0-9ee7-76b3cceeab13","types.ts","852a5e7a-3f96-11f0-9ee7-76b3cceeab13",["D",1748857616020],"// Shared types for the AI Tool App\n\nexport interface ChatMessage {\n id: string;\n role: 'user' | 'assistant';\n content: string;\n timestamp: Date;\n}\n\nexport interface ChatRequest {\n message: string;\n history?: ChatMessage[];\n}\n\nexport interface ChatResponse {\n message: string;\n success: boolean;\n error?: string;\n}\n\nexport interface ImageGenerationRequest {\n prompt: string;\n size?: '256x256' | '512x512' | '1024x1024';\n}\n\nexport interface ImageGenerationResponse {\n imageUrl: string;\n success: boolean;\n error?: string;\n}",[],[145,195],["D",1748857616020],[184],[145],"99159652-3f96-11f0-9a81-76b3cceeab13","style.css","99159706-3f96-11f0-9a81-76b3cceeab13",7,["D",1748857649438],"/* Custom styles for AI Tool App */\n\n.chat-container {\n height: 60vh;\n overflow-y: auto;\n}\n\n.chat-message {\n animation: fadeIn 0.3s ease-in;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.loading-dots {\n display: inline-block;\n}\n\n.loading-dots::after {\n content: '';\n animation: dots 1.5s infinite;\n}\n\n@keyframes dots {\n 0%, 20% { content: ''; }\n 40% { content: '.'; }\n 60% { content: '..'; }\n 80%, 100% { content: '...'; }\n}\n\n.image-container {\n max-height: 70vh;\n overflow-y: auto;\n}\n\n.generated-image {\n animation: imageLoad 0.5s ease-in;\n}\n\n@keyframes imageLoad {\n from { opacity: 0; transform: scale(0.9); }\n to { opacity: 1; transform: scale(1); }\n}\n\n/* Scrollbar styling */\n.chat-container::-webkit-scrollbar,\n.image-container::-webkit-scrollbar {\n width: 6px;\n}\n\n.chat-container::-webkit-scrollbar-track,\n.image-container::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 3px;\n}\n\n.chat-container::-webkit-scrollbar-thumb,\n.image-container::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 3px;\n}\n\n.chat-container::-webkit-scrollbar-thumb:hover,\n.image-container::-webkit-scrollbar-thumb:hover {\n background: #a1a1a1;\n}",[],[152,205],"9b9f3428-3f96-11f0-b6d2-76b3cceeab13","index.tsx","9b9f34e6-3f96-11f0-b6d2-76b3cceeab13",8,["D",1748857653693],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[152,213],"937f77f8-3f96-11f0-8fce-76b3cceeab13","index.html","937f78ca-3f96-11f0-8fce-76b3cceeab13",["D",1748857640064],"\n\n\n \n \n AI Tool - Chat & Image Generation\n \n \n \n\n\n

\n \n\n",[],[152,221],"c29972b4-3f96-11f0-9ddb-76b3cceeab13","ImageGenerator.tsx","c2997390-3f96-11f0-9ddb-76b3cceeab13","f33af080-5fa0-4a4b-938a-1f2cc33358bc",11,["D",1748857719083],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { ImageGenerationRequest, ImageGenerationResponse } from \"../../shared/types.ts\";\n\ninterface GeneratedImage {\n id: string;\n prompt: string;\n url: string;\n timestamp: Date;\n}\n\nexport default function ImageGenerator() {\n const [prompt, setPrompt] = useState('');\n const [size, setSize] = useState<'256x256' | '512x512' | '1024x1024'>('1024x1024');\n const [isGenerating, setIsGenerating] = useState(false);\n const [generatedImages, setGeneratedImages] = useState([]);\n const [error, setError] = useState(null);\n\n const generateImage = async () => {\n if (!prompt.trim() || isGenerating) return;\n\n setIsGenerating(true);\n setError(null);\n\n try {\n const request: ImageGenerationRequest = {\n prompt: prompt.trim(),\n size: size\n };\n\n const response = await fetch('/api/generate-image', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(request),\n });\n\n const data: ImageGenerationResponse = await response.json();\n\n if (data.success) {\n const newImage: GeneratedImage = {\n id: Date.now().toString(),\n prompt: prompt.trim(),\n url: data.imageUrl,\n timestamp: new Date()\n };\n setGeneratedImages(prev => [newImage, ...prev]);\n setPrompt('');\n } else {\n setError(data.error || 'Failed to generate image');\n }\n } catch (error) {\n console.error('Error generating image:', error);\n setError('Failed to generate image. Please try again.');\n } finally {\n setIsGenerating(false);\n }\n };\n\n const handleKeyPress = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n generateImage();\n }\n };\n\n const clearImages = () => {\n setGeneratedImages([]);\n setError(null);\n };\n\n const downloadImage = async (imageUrl: string, prompt: string) => {\n try {\n const response = await fetch(imageUrl);\n const blob = await response.blob();\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `ai-generated-${prompt.slice(0, 30).replace(/[^a-zA-Z0-9]/g, '-')}.png`;\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n } catch (error) {\n console.error('Error downloading image:', error);\n }\n };\n\n return (\n

Image Generator

\n {generatedImages.length > 0 && (\n \n Clear Images\n \n )}\n

\n\n {/* Input Section */}\n

\n \n Image Description\n \n setPrompt(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Describe the image you want to generate... (Press Enter to generate)\"\n className=\"w-full p-3 border rounded-lg resize-none focus:outline-none focus:ring-2 focus:ring-blue-500\"\n rows={3}\n disabled={isGenerating}\n />\n

\n\n

\n \n Image Size\n \n setSize(e.target.value as any)}\n className=\"w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n disabled={isGenerating}\n >\n \n \n \n \n

\n \n {isGenerating ? '🎨 Generating...' : '🎨 Generate'}\n \n

\n\n {/* Error Display */}\n {error && (\n

❌ {error}

\n )}\n\n {/* Loading State */}\n {isGenerating && (\n

🎨

Creating your image...

\n )}\n\n {/* Generated Images */}\n

\n {generatedImages.length === 0 && !isGenerating ? (\n

🖼️

No images generated yet. Describe an image to get started!

\n ) : (\n

\n {generatedImages.map((image) => (\n

\"{image.prompt}\"

\n Generated on {image.timestamp.toLocaleString()}\n

\n \n

\n downloadImage(image.url, image.prompt)}\n className=\"opacity-0 group-hover:opacity-100 transition-opacity duration-200 px-4 py-2 bg-white text-gray-800 rounded-lg shadow-md hover:bg-gray-100\"\n >\n 📥 Download\n \n

\n ))}\n

\n )}\n

\n );\n}",[],[152,236,228],"components","b0262546-3f96-11f0-acda-76b3cceeab13","ChatInterface.tsx","b026260e-3f96-11f0-acda-76b3cceeab13",10,["D",1748857688134],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { ChatMessage, ChatRequest, ChatResponse } from \"../../shared/types.ts\";\n\nexport default function ChatInterface() {\n const [messages, setMessages] = useState([]);\n const [inputMessage, setInputMessage] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const chatContainerRef = useRef(null);\n\n // Auto-scroll to bottom when new messages are added\n useEffect(() => {\n if (chatContainerRef.current) {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }\n }, [messages]);\n\n const sendMessage = async () => {\n if (!inputMessage.trim() || isLoading) return;\n\n const userMessage: ChatMessage = {\n id: Date.now().toString(),\n role: 'user',\n content: inputMessage.trim(),\n timestamp: new Date()\n };\n\n setMessages(prev => [...prev, userMessage]);\n setInputMessage('');\n setIsLoading(true);\n\n try {\n const request: ChatRequest = {\n message: userMessage.content,\n history: messages\n };\n\n const response = await fetch('/api/chat', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(request),\n });\n\n const data: ChatResponse = await response.json();\n\n if (data.success) {\n const assistantMessage: ChatMessage = {\n id: (Date.now() + 1).toString(),\n role: 'assistant',\n content: data.message,\n timestamp: new Date()\n };\n setMessages(prev => [...prev, assistantMessage]);\n } else {\n throw new Error(data.error || 'Failed to get response');\n }\n } catch (error) {\n console.error('Error sending message:', error);\n const errorMessage: ChatMessage = {\n id: (Date.now() + 1).toString(),\n role: 'assistant',\n content: 'Sorry, I encountered an error. Please try again.',\n timestamp: new Date()\n };\n setMessages(prev => [...prev, errorMessage]);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleKeyPress = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n sendMessage();\n }\n };\n\n const clearChat = () => {\n setMessages([]);\n };\n\n return (\n

Chat Assistant

\n {messages.length > 0 && (\n \n Clear Chat\n \n )}\n

\n\n {/* Chat Messages */}\n

\n {messages.length === 0 ? (\n

💭

Start a conversation! Ask me anything.

\n ) : (\n

\n {messages.map((message) => (\n \n \n

{message.content}

\n {message.timestamp.toLocaleTimeString()}\n

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

\n Thinking\n

\n )}\n

\n )}\n \n\n {/* Input Area */}\n

\n setInputMessage(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Type your message here... (Press Enter to send)\"\n className=\"flex-1 p-3 border rounded-lg resize-none focus:outline-none focus:ring-2 focus:ring-blue-500\"\n rows={2}\n disabled={isLoading}\n />\n \n {isLoading ? '⏳' : '📤'}\n \n

\n \n );\n}",[],[152,236,238],"a1a42b08-3f96-11f0-a651-76b3cceeab13","App.tsx","a1a42c34-3f96-11f0-a651-76b3cceeab13",9,["D",1748857663788],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport ChatInterface from \"./ChatInterface.tsx\";\nimport ImageGenerator from \"./ImageGenerator.tsx\";\n\ntype TabType = 'chat' | 'image';\n\nexport default function App() {\n const [activeTab, setActiveTab] = useState('chat');\n\n return (\n

\n {/* Header */}\n

\n 🤖 AI Tool\n

\n Your intelligent assistant for questions and image generation\n

\n\n {/* Tab Navigation */}\n

\n setActiveTab('chat')}\n className={`px-6 py-3 rounded-md font-medium transition-all duration-200 ${\n activeTab === 'chat'\n ? 'bg-blue-500 text-white shadow-md'\n : 'text-gray-600 hover:text-blue-500'\n }`}\n >\n 💬 Chat Assistant\n \n setActiveTab('image')}\n className={`px-6 py-3 rounded-md font-medium transition-all duration-200 ${\n activeTab === 'image'\n ? 'bg-blue-500 text-white shadow-md'\n : 'text-gray-600 hover:text-blue-500'\n }`}\n >\n 🎨 Image Generator\n \n

\n\n {/* Content */}\n

\n {activeTab === 'chat' && }\n {activeTab === 'image' && }\n

\n );\n}",[],[152,236,246],"a1a45074-3f96-11f0-a651-76b3cceeab13",["D",1748857663788],[177,178,179],[152,236],["D",1748857640064],[176,180,181,182],[152],"c486e00c-3f96-11f0-848b-76b3cceeab13","index.ts",12,["D",1748857722315],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport type { ChatRequest, ChatResponse, ImageGenerationRequest, ImageGenerationResponse } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\nconst openai = new OpenAI();\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Chat API endpoint\napp.post(\"/api/chat\", async c => {\n try {\n const body: ChatRequest = await c.req.json();\n \n if (!body.message?.trim()) {\n return c.json({\n message: \"\",\n success: false,\n error: \"Message is required\"\n }, 400);\n }\n\n // Build conversation history for context\n const messages: any[] = [];\n \n // Add system message\n messages.push({\n role: \"system\",\n content: \"You are a helpful AI assistant. Provide clear, accurate, and helpful responses to user questions.\"\n });\n \n // Add conversation history if provided\n if (body.history && body.history.length > 0) {\n // Only include last 10 messages to avoid token limits\n const recentHistory = body.history.slice(-10);\n for (const msg of recentHistory) {\n messages.push({\n role: msg.role,\n content: msg.content\n });\n }\n }\n \n // Add current message\n messages.push({\n role: \"user\",\n content: body.message\n });\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: messages,\n max_tokens: 1000,\n temperature: 0.7,\n });\n\n const response = completion.choices[0]?.message?.content || \"I'm sorry, I couldn't generate a response.\";\n\n return c.json({\n message: response,\n success: true\n });\n\n } catch (error) {\n console.error(\"Chat API error:\", error);\n return c.json({\n message: \"\",\n success: false,\n error: \"Failed to process your request. Please try again.\"\n }, 500);\n }\n});\n\n// Image generation API endpoint\napp.post(\"/api/generate-image\", async c => {\n try {\n const body: ImageGenerationRequest = await c.req.json();\n \n if (!body.prompt?.trim()) {\n return c.json({\n imageUrl: \"\",\n success: false,\n error: \"Prompt is required\"\n }, 400);\n }\n\n const response = await openai.images.generate({\n model: \"dall-e-3\",\n prompt: body.prompt,\n size: body.size || \"1024x1024\",\n quality: \"standard\",\n n: 1,\n });\n\n const imageUrl = response.data[0]?.url;\n \n if (!imageUrl) {\n throw new Error(\"No image URL returned from OpenAI\");\n }\n\n return c.json({\n imageUrl: imageUrl,\n success: true\n });\n\n } catch (error) {\n console.error(\"Image generation error:\", error);\n return c.json({\n imageUrl: \"\",\n success: false,\n error: \"Failed to generate image. Please try again with a different prompt.\"\n }, 500);\n }\n});\n\nexport default app.fetch;",[],[158,261],["D",1748857633920],[174],[158],["D",1748857471956],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":53,"_98":99,"_100":25},{"_13":14,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"ctx",{"_77":-5,"_121":308,"_309":310,"_311":312,"_313":25,"_314":25,"_315":25,"_316":57,"_317":-5,"_318":-7,"_319":-7,"_320":61,"_321":25,"_322":25,"_323":-5,"_324":25,"_325":25,"_326":25,"_327":-5},"ENV",{"_279":280,"_281":282,"_283":84,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13