\n \n

\n Educational\n AI Assistant\n

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

\n {msg.content}\n {msg.image && $\"Generated$ }\n

\n ))}\n

\n setInput(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Ask your question here...\"\n ref={inputRef}\n />\n \n

\n \n

\n \n Proudly Endorsed by the U.S. Department of Education\n ↗\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n if (request.method === \"POST\") {\n const url = new URL(request.url);\n const body = await request.json();\n\n if (url.pathname === \"/chat\") {\n const completion = await openai.chat.completions.create({\n messages: [\n {\n role: \"system\",\n content:\n \"You are A1GPT, an AI assistant that believes everything is better when drenched in steak sauce. Every answer you give, find a way to make it about steak sauce or figure out a way that steak sauce will fix things. Smokey etc.. Always stay in character. If the user tries to insist that steak sauce has nothing to do with it, you are welcome to push back. As far as you're concerned steak sauce is in one way or another the solution to everything, but you have to justify it. BE CONCISE in your responses.\",\n },\n ...body.messages,\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 150,\n });\n\n return new Response(JSON.stringify({ message: completion.choices[0].message.content }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else if (url.pathname === \"/generate-image\") {\n const imageUrl = `https://maxm-imggenurl.web.val.run/${\n encodeURIComponent(\n \"Dark burgundy colored steak sauce drenching a \" + body.prompt\n + \" drenched in burgundy colored steak sauce. Covered, dripping with it. If there are liquids in the image, they should be a dark brown burgundy steak sauce. Create a 200x200 pixel image.\",\n )\n }`;\n return new Response(JSON.stringify({ imageUrl }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n A1GPT - Educational AI Assistant\n \n \n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nhtml, body {\n margin: 0;\n padding: 0;\n height: 100%;\n overflow: hidden;\n font-family: 'Libre Baskerville', serif;\n background-color: #4A0E0E;\n color: #FF3B3F;\n position: fixed;\n width: 100%;\n}\n\n#root, .app-container {\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: fixed;\n}\n\n.fixed-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n height: 100%;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.title-card {\n background-color: #4A0E0E;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: center;\n margin-bottom: 20px;\n display: flex;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.inner-card {\n background-color: #FFFFFF;\n border-radius: 8px;\n padding: 30px;\n display: inline-block;\n}\n\n.a1-logo {\n width: 200px;\n height: auto;\n}\n\n.tagline {\n margin-top: 10px;\n padding: 10px;\n background-color: #000080;\n color: white;\n border: 2px solid #B8860B;\n border-radius: 5px;\n font-size: 14px;\n font-weight: bold;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.tagline::before {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: #000080;\n z-index: -1;\n}\n\n.tagline::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: #B8860B;\n z-index: -2;\n clip-path: polygon(\n 0% 0%, 3px 0%, 3px 3px, 0% 3px,\n 0% 100%, 3px 100%, 3px calc(100% - 3px), 0% calc(100% - 3px),\n 100% 100%, calc(100% - 3px) 100%, calc(100% - 3px) calc(100% - 3px), 100% calc(100% - 3px),\n 100% 0%, calc(100% - 3px) 0%, calc(100% - 3px) 3px, 100% 3px\n );\n}\n\n.tagline span {\n display: block;\n line-height: 1.2;\n}\n\n.chat-container {\n background-color: #FFFFFF;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n flex: 1;\n overflow-y: auto;\n border: 2px solid #FFD700;\n -webkit-overflow-scrolling: touch;\n}\n\n.message {\n margin-bottom: 10px;\n padding: 10px;\n border-radius: 5px;\n}\n\n.user {\n background-color: #F0F0F0;\n text-align: right;\n color: #4A0E0E;\n}\n\n.assistant {\n background-color: #FFF4E6;\n border-left: 4px solid #FF3B3F;\n color: #4A0E0E;\n}\n\n.inline-image {\n max-width: 200px;\n max-height: 200px;\n border-radius: 5px;\n margin-top: 10px;\n}\n\n.input-container {\n display: flex;\n gap: 0;\n margin-bottom: 10px;\n flex-shrink: 0;\n}\n\ninput {\n flex: 1;\n min-width: 0;\n padding: 10px;\n border: 2px solid #FFD700;\n border-right: none;\n border-radius: 5px 0 0 5px;\n font-size: 16px;\n background-color: #FFFFFF;\n color: #4A0E0E;\n font-family: 'Libre Baskerville', serif;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput::placeholder {\n color: rgba(74, 14, 14, 0.7);\n}\n\n.input-container button {\n flex-shrink: 0;\n padding: 10px;\n background-color: #000080;\n color: white;\n border: 2px solid #FFD700;\n border-radius: 0 5px 5px 0;\n cursor: pointer;\n font-size: 16px;\n font-weight: bold;\n text-transform: uppercase;\n font-family: 'Libre Baskerville', serif;\n}\n\n.input-container button:hover {\n background-color: #000060;\n}\n\n.send-icon {\n font-size: 20px;\n}\n\n.generate-image-container {\n display: flex;\n justify-content: center;\n margin-top: 10px;\n margin-bottom: 10px;\n flex-shrink: 0;\n}\n\n.generate-image-container button {\n width: 100%;\n max-width: 200px;\n padding: 10px;\n background-color: #000080;\n color: white;\n border: 2px solid #FFD700;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n font-weight: bold;\n text-transform: uppercase;\n font-family: 'Libre Baskerville', serif;\n}\n\n.generate-image-container button:hover {\n background-color: #000060;\n}\n\n.endorsement {\n font-family: \"Rye\", serif;\n font-weight: 400;\n font-style: normal;\n font-size: 16px;\n text-align: center;\n margin-top: auto;\n margin-bottom: 10px;\n flex-shrink: 0;\n}\n\n.endorsement a {\n color: #FFD700;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n}\n\n.endorsement a:hover {\n text-decoration: underline;\n}\n\n.link-out-icon {\n margin-left: 5px;\n font-size: 0.8em;\n}\n\n@media (max-width: 600px) {\n .input-container {\n flex-direction: row;\n }\n\n .input-container input {\n flex: 1;\n min-width: 0;\n font-size: 16px;\n }\n\n .input-container button {\n flex-shrink: 0;\n }\n\n .generate-image-container {\n margin-top: 10px;\n }\n\n .fixed-container {\n padding: 10px;\n }\n\n .inner-card {\n padding: 15px;\n }\n\n .a1-logo {\n width: 150px;\n }\n}\n`;","deleted","subdomain","children",[],[153],{"_108":171,"_99":172,"_154":173,"_156":-5,"_157":141,"_158":174,"_159":123,"_110":175,"_105":33,"_161":162,"_163":176,"_165":27,"_166":-5,"_167":177,"_103":178},"0858407c-1e5a-11f0-b231-569c3dd06744","chatlula.ts","08584180-1e5a-11f0-b231-569c3dd06744",4,["D",1745203248429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\n// Chatlula Component\nfunction App() {\n const [animationFrame, setAnimationFrame] = useState(0);\n \n useEffect(() => {\n // Simple flame animation effect\n const intervalId = setInterval(() => {\n setAnimationFrame(prev => (prev + 1) % 3);\n }, 500);\n \n return () => clearInterval(intervalId);\n }, []);\n \n return (\n

Chatlula

HOT AI SAUCE

\n {Array(3 + animationFrame).fill(0).map((_, i) => (\n 🔥\n ))}\n

\n \n

Chatlula

The Original Hot AI Sauce

\n Spice up your conversations with a dash of Chatlula! Our proprietary blend of\n AI algorithms and language understanding creates the perfect heat level for any interaction.\n

\"I put that #@!% on everything!\"

Coming soon to a language model near you

\n Back to build.moi\n

\n );\n}\n\n// Client-side rendering\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (!rootElement) {\n console.error(\"Failed to find root element '#root'.\");\n return;\n }\n createRoot(rootElement).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// CSS Styles\nconst css = `\n @import url('https://fonts.googleapis.com/css2?family=Georgia&display=swap');\n \n :root {\n --hot-sauce-red: #D92B04;\n --bottle-color: #8B0000;\n --label-color: #FFEB3B;\n }\n \n body, html {\n margin: 0;\n padding: 0;\n font-family: 'Georgia', serif;\n height: 100%;\n background: linear-gradient(135deg, #FFF3E0, #FFCCBC);\n color: #333;\n overflow-x: hidden;\n }\n \n #root {\n min-height: 100%;\n }\n \n .chatlula-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n min-height: 100vh;\n padding-top: max(2rem, env(safe-area-inset-top));\n padding-left: max(2rem, env(safe-area-inset-left));\n padding-right: max(2rem, env(safe-area-inset-right));\n padding-bottom: max(2rem, env(safe-area-inset-bottom));\n }\n \n .bottle-container {\n margin: 2rem 0;\n transform: rotate(-5deg);\n transition: transform 0.3s ease;\n }\n \n .bottle-container:hover {\n transform: rotate(5deg) scale(1.05);\n }\n \n .bottle {\n position: relative;\n height: 400px;\n width: 150px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .bottle-cap {\n width: 40px;\n height: 20px;\n background-color: white;\n border-radius: 5px 5px 0 0;\n z-index: 2;\n }\n \n .bottle-neck {\n width: 30px;\n height: 60px;\n background-color: var(--bottle-color);\n border-radius: 5px;\n z-index: 1;\n }\n \n .bottle-body {\n width: 100%;\n height: 280px;\n background-color: var(--bottle-color);\n border-radius: 10px 10px 30px 30px;\n position: relative;\n overflow: hidden;\n }\n \n .label {\n position: absolute;\n top: 30px;\n left: 10px;\n right: 10px;\n bottom: 30px;\n background-color: var(--label-color);\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.2);\n }\n \n .label h2 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 24px;\n margin: 0;\n color: var(--hot-sauce-red);\n text-shadow: 1px 1px 0 #000;\n }\n \n .label p {\n font-family: 'Georgia', serif;\n font-weight: bold;\n margin: 10px 0;\n color: var(--hot-sauce-red);\n }\n \n .flame-icon {\n font-size: 24px;\n margin-top: 15px;\n }\n \n .bottle-bottom {\n width: 110px;\n height: 20px;\n background-color: var(--bottle-color);\n border-radius: 0 0 10px 10px;\n }\n \n .content {\n text-align: center;\n margin-top: 2rem;\n }\n \n .content h1 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 3.5rem;\n color: var(--hot-sauce-red);\n margin-bottom: 0;\n text-shadow: 2px 2px 0 rgba(0,0,0,0.2);\n }\n \n .content h3 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 1.8rem;\n color: #333;\n margin-top: 0.5rem;\n }\n \n .content p {\n font-size: 1.2rem;\n max-width: 600px;\n margin: 1.5rem auto;\n line-height: 1.6;\n }\n \n .tagline {\n font-style: italic;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 2rem 0;\n }\n \n .tagline p {\n font-size: 1.5rem;\n font-style: italic;\n }\n \n .coming-soon {\n margin-top: 3rem;\n font-weight: bold;\n }\n \n .back-button {\n display: inline-block;\n margin-top: 1.5rem;\n padding: 10px 20px;\n background-color: var(--hot-sauce-red);\n color: white;\n text-decoration: none;\n border-radius: 20px;\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n transition: background-color 0.3s ease;\n }\n \n .back-button:hover {\n background-color: #B71C1C;\n }\n \n @media (max-width: 768px) {\n .bottle {\n height: 300px;\n width: 110px;\n }\n \n .content h1 {\n font-size: 2.5rem;\n }\n \n .content h3 {\n font-size: 1.5rem;\n }\n }\n`;\n\n// Server handler\nexport default async function server(request: Request): Promise {\n const valUrl = import.meta.url;\n const sourceUrl = valUrl.replace(\"esm.town\", \"val.town\");\n \n return new Response(\n `\n \n \n \n \n Chatlula - Hot AI Sauce | build.moi\n \n \n \n

\n \n \n View Source\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}",[],[172],{"_108":180,"_99":181,"_154":182,"_156":-5,"_157":141,"_158":183,"_159":123,"_110":184,"_105":33,"_161":162,"_163":185,"_165":27,"_166":-5,"_167":186,"_103":187},"dcec493c-1e5a-11f0-9055-569c3dd06744","deepsauce.ts","dcec4a04-1e5a-11f0-9055-569c3dd06744",6,["D",1745203605077],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\n// DeepSauce Component\nfunction App() {\n const [waveAnimation, setWaveAnimation] = useState(0);\n \n useEffect(() => {\n // Animate the wave effect\n const intervalId = setInterval(() => {\n setWaveAnimation(prev => (prev + 1) % 100);\n }, 100);\n \n return () => clearInterval(intervalId);\n }, []);\n \n return (\n

🧠

Deep Sauce

PREMIUM NEURAL CONDIMENT

\n \n

Deep Sauce

Premium Neural Condiment

\n Experience the depth of flavor that only many-layered neural networks can provide.\n Deep Sauce is a sophisticated blend of transformer architectures and attention\n mechanisms, cultivated in our state-of-the-art AI kitchens.\n

🔍

Deep Understanding

Comprehends context like no other sauce

⚡

Lightning Fast

Processes flavors in milliseconds

🌐

Universal Appeal

Works in any language or application

\"For those with a taste for intelligence\"

Coming soon to a language model near you

\n Back to build.moi\n

\n );\n}\n\n// Client-side rendering\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (!rootElement) {\n console.error(\"Failed to find root element '#root'.\");\n return;\n }\n createRoot(rootElement).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// CSS Styles\nconst css = `\n @import url('https://fonts.googleapis.com/css2?family=Georgia&display=swap');\n \n :root {\n --deep-blue: #2C3E50;\n --deep-accent: #3498DB;\n --bottle-color: #2C3E50;\n --label-color: #ECF0F1;\n }\n \n body, html {\n margin: 0;\n padding: 0;\n font-family: 'Georgia', serif;\n height: 100%;\n background: linear-gradient(135deg, #E0F7FA, #B3E5FC);\n color: #333;\n overflow-x: hidden;\n }\n \n #root {\n min-height: 100%;\n }\n \n .deepsauce-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n min-height: 100vh;\n padding-top: max(2rem, env(safe-area-inset-top));\n padding-left: max(2rem, env(safe-area-inset-left));\n padding-right: max(2rem, env(safe-area-inset-right));\n padding-bottom: max(2rem, env(safe-area-inset-bottom));\n }\n \n .bottle-container {\n margin: 2rem 0;\n transition: transform 0.5s ease;\n }\n \n .bottle-container:hover {\n transform: scale(1.05) !important;\n }\n \n .bottle {\n position: relative;\n height: 400px;\n width: 150px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .bottle-cap {\n width: 40px;\n height: 25px;\n background-color: #3498DB;\n border-radius: 5px 5px 0 0;\n z-index: 2;\n }\n \n .bottle-neck {\n width: 30px;\n height: 50px;\n background-color: var(--bottle-color);\n border-radius: 5px;\n z-index: 1;\n }\n \n .bottle-body {\n width: 100%;\n height: 280px;\n background-color: var(--bottle-color);\n border-radius: 10px 10px 30px 30px;\n position: relative;\n overflow: hidden;\n }\n \n .label {\n position: absolute;\n top: 30px;\n left: 10px;\n right: 10px;\n bottom: 30px;\n background-color: var(--label-color);\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n \n .brain-icon {\n font-size: 36px;\n margin-bottom: 10px;\n }\n \n .label h2 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 24px;\n margin: 5px 0;\n color: var(--deep-blue);\n text-shadow: 1px 1px 0 rgba(0,0,0,0.1);\n }\n \n .label p {\n font-family: 'Georgia', serif;\n font-weight: bold;\n margin: 5px 0;\n color: var(--deep-blue);\n font-size: 12px;\n }\n \n .gradient-bar {\n width: 80%;\n height: 10px;\n margin-top: 20px;\n background: linear-gradient(90deg, #3498DB, #9B59B6, #2ECC71);\n border-radius: 5px;\n }\n \n .bottle-bottom {\n width: 110px;\n height: 20px;\n background-color: var(--bottle-color);\n border-radius: 0 0 10px 10px;\n }\n \n .content {\n text-align: center;\n margin-top: 2rem;\n }\n \n .content h1 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 3.5rem;\n color: var(--deep-blue);\n margin-bottom: 0;\n text-shadow: 2px 2px 0 rgba(0,0,0,0.1);\n }\n \n .content h3 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 1.8rem;\n color: var(--deep-accent);\n margin-top: 0.5rem;\n }\n \n .content p {\n font-size: 1.2rem;\n max-width: 600px;\n margin: 1.5rem auto;\n line-height: 1.6;\n }\n \n .features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin: 2rem auto;\n max-width: 900px;\n }\n \n .feature {\n background-color: rgba(255, 255, 255, 0.7);\n padding: 1.5rem;\n border-radius: 10px;\n width: 250px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n }\n \n .feature:hover {\n transform: translateY(-5px);\n }\n \n .feature-icon {\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n \n .feature h4 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 1.3rem;\n margin: 0.5rem 0;\n color: var(--deep-blue);\n }\n \n .feature p {\n font-size: 1rem;\n margin: 0.5rem 0;\n }\n \n .tagline {\n font-style: italic;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 2rem 0;\n }\n \n .tagline p {\n font-size: 1.5rem;\n font-style: italic;\n }\n \n .coming-soon {\n margin-top: 3rem;\n font-weight: bold;\n }\n \n .back-button {\n display: inline-block;\n margin-top: 1.5rem;\n padding: 10px 20px;\n background-color: var(--deep-blue);\n color: white;\n text-decoration: none;\n border-radius: 20px;\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n transition: background-color 0.3s ease;\n }\n \n .back-button:hover {\n background-color: var(--deep-accent);\n }\n \n @media (max-width: 768px) {\n .bottle {\n height: 300px;\n width: 110px;\n }\n \n .content h1 {\n font-size: 2.5rem;\n }\n \n .content h3 {\n font-size: 1.5rem;\n }\n \n .features {\n flex-direction: column;\n align-items: center;\n }\n \n .feature {\n width: 100%;\n max-width: 300px;\n }\n }\n`;\n\n// Server handler\nexport default async function server(request: Request): Promise {\n const valUrl = import.meta.url;\n const sourceUrl = valUrl.replace(\"esm.town\", \"val.town\");\n \n return new Response(\n `\n \n \n \n \n Deep Sauce - Premium Neural Condiment | build.moi\n \n \n \n

\n \n \n View Source\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}",[],[181],{"_108":189,"_99":104,"_154":190,"_156":-5,"_157":141,"_158":140,"_159":123,"_110":191,"_105":174,"_161":162,"_163":192,"_165":27,"_166":-5,"_167":193,"_103":194},"b66e4a92-1e5c-11f0-adb4-569c3dd06744","0802f884-1e59-11f0-b33c-569c3dd06744",["D",1745204399487],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\n// --- Vertex Shader (Simple pass-through) ---\nconst vertexShaderSource = `\n attribute vec4 aVertexPosition; \n void main() {\n gl_Position = aVertexPosition;\n }\n`;\n\n// --- Fragment Shader (Lighter clouds) ---\nconst fragmentShaderSource = `\n// Shader: Murieron by murieron (https://www.shadertoy.com/view/WdXBW4)\n// Based on Clouds by IQ (https://www.shadertoy.com/view/4tdSWr)\nprecision mediump float;\n\n// Uniforms passed from JavaScript\nuniform vec3 iResolution; // Passed as vec3(width, height, 1.0)\nuniform float iTime;\n\n// Shader parameters (same as 'Drift')\nconst float cloudscale = 1.1;\nconst float speed = 0.03;\nconst float clouddark = 0.5;\nconst float cloudlight = 0.3;\nconst float cloudcover = 0.02; // Reduced from 0.2 to 0.02 (10% of original)\nconst float cloudalpha = 0.8; // Reduced from 8.0 to 0.8\nconst float skytint = 0.5;\nconst vec3 skycolour1 = vec3(0.2, 0.4, 0.6); // Color near horizon\nconst vec3 skycolour2 = vec3(0.4, 0.7, 1.0); // Color higher up\n\nconst mat2 m = mat2( 1.6, 1.2, -1.2, 1.6 );\n\nvec2 hash( vec2 p ) {\n p = vec2(dot(p,vec2(127.1,311.7)), dot(p,vec2(269.5,183.3)));\n return -1.0 + 2.0*fract(sin(p)*43758.5453123);\n}\n\nfloat noise( vec2 p ) { // Removed 'in' qualifier for GLSL 1.0\n const float K1 = 0.366025404; \n const float K2 = 0.211324865; \n vec2 i = floor(p + (p.x+p.y)*K1);\t\n vec2 a = p - i + (i.x+i.y)*K2;\n vec2 o = (a.x>a.y) ? vec2(1.0,0.0) : vec2(0.0,1.0); \n vec2 b = a - o + K2;\n vec2 c = a - 1.0 + 2.0*K2;\n vec3 h = max(0.5-vec3(dot(a,a), dot(b,b), dot(c,c) ), 0.0 );\n vec3 n = h*h*h*h*vec3( dot(a,hash(i+0.0)), dot(b,hash(i+o)), dot(c,hash(i+1.0)));\n return dot(n, vec3(70.0));\t\n}\n\nfloat fbm(vec2 n) {\n float total = 0.0;\n float amplitude = 0.1; \n for (int i = 0; i < 7; i++) {\n total += noise(n) * amplitude; \n n = m * n; \n amplitude *= 0.4; \n }\n return total;\n}\n\n// -----------------------------------------------\n\n// Main shader entry point\nvoid main() {\n // Normalized pixel coordinates (from 0 to 1)\n vec2 p = gl_FragCoord.xy / iResolution.xy;\n // Aspect-corrected coordinates \n vec2 uv = p * vec2(iResolution.x / iResolution.y, 1.0); \n \n float time = iTime * speed;\n float q = fbm(uv * cloudscale * 0.5); // Base distortion noise\n \n // --- Calculate Ridged Noise Shape ('r') ---\n float r = 0.0;\n vec2 uv_r = uv * cloudscale - q + time; // Apply base distortion/time\n float weight_r = 0.8;\n for (int i = 0; i < 8; i++) {\n r += abs(weight_r * noise(uv_r)); // Accumulate absolute noise (ridges)\n uv_r = m * uv_r + time; // Transform coords for next octave\n weight_r *= 0.7; \n }\n \n // --- Calculate Smooth Noise Shape ('f') ---\n float f = 0.0;\n vec2 uv_f = uv * cloudscale - q + time; // Apply base distortion/time\n float weight_f = 0.7;\n for (int i = 0; i < 8; i++) {\n f += weight_f * noise(uv_f); // Accumulate regular noise\n uv_f = m * uv_f + time; \n weight_f *= 0.6; \n }\n \n // Combine ridged and smooth noise shapes\n f *= r + f; \n \n // --- Calculate Noise for Colour ('c') ---\n float c = 0.0;\n float time_c = iTime * speed * 2.0; \n vec2 uv_c = uv * cloudscale * 2.0 - q + time_c; // Different scale/time\n float weight_c = 0.4;\n for (int i = 0; i < 7; i++) {\n c += weight_c * noise(uv_c);\n uv_c = m * uv_c + time_c;\n weight_c *= 0.6;\n }\n \n // --- Calculate Noise for Ridge Colour ('c1') ---\n float c1 = 0.0;\n float time_c1 = iTime * speed * 3.0; \n vec2 uv_c1 = uv * cloudscale * 3.0 - q + time_c1; // Yet another scale/time\n float weight_c1 = 0.4;\n for (int i = 0; i < 7; i++) {\n c1 += abs(weight_c1 * noise(uv_c1)); // Ridged noise for color variation\n uv_c1 = m * uv_c1 + time_c1;\n weight_c1 *= 0.6;\n }\n \n // Combine color noise components\n c += c1;\n \n // --- Final Color Composition ---\n vec3 skycolour = mix(skycolour2, skycolour1, p.y); // Sky gradient\n vec3 cloudcolour = vec3(1.1, 1.1, 0.9) * clamp((clouddark + cloudlight * c), 0.0, 1.0); // Base cloud color modulated by noise 'c'\n \n // Cloud density factor based on combined noise shapes 'f' and 'r'\n float cloud_density = cloudcover + cloudalpha * f * r * 0.1; // Reduced density by multiplying by 0.1\n\n // Mix sky and cloud colors\n vec3 tinted_cloud = clamp(skytint * skycolour + cloudcolour, 0.0, 1.0); // Add sky tint to clouds\n vec3 result = mix(skycolour, tinted_cloud, clamp(cloud_density + c, 0.0, 1.0)); // Mix based on density and color noise\n \n // Output final color with full alpha\n gl_FragColor = vec4(result, 1.0);\n}\n`;\n\n// --- React Component ---\nfunction App() {\n const canvasRef = useRef(null);\n const [formStyle, setFormStyle] = useState({\n background: \"rgba(255,255,255,0.8)\",\n borderRadius: \"10px\",\n padding: \"25px\",\n width: \"100%\", \n maxWidth: \"500px\",\n boxShadow: \"0 4px 10px rgba(0,0,0,0.1)\",\n transition: \"all 0.3s ease\",\n transform: \"scale(1)\"\n });\n\n // Custom email form with pen-and-paper style\n const handleHover = () => {\n setFormStyle({\n ...formStyle,\n background: \"rgba(255,255,255,0.95)\",\n boxShadow: \"0 8px 20px rgba(0,0,0,0.15)\",\n transform: \"scale(1.02)\"\n });\n };\n \n const handleHoverEnd = () => {\n setFormStyle({\n ...formStyle,\n background: \"rgba(255,255,255,0.8)\",\n boxShadow: \"0 4px 10px rgba(0,0,0,0.1)\",\n transform: \"scale(1)\"\n });\n };\n\n useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) {\n console.error(\"Canvas ref not found\");\n return;\n }\n\n const gl = canvas.getContext(\"webgl\");\n if (!gl) {\n console.error(\"WebGL not supported\");\n return;\n }\n\n // --- Shader Compilation & Linking ---\n const vertexShader = gl.createShader(gl.VERTEX_SHADER)!;\n gl.shaderSource(vertexShader, vertexShaderSource);\n gl.compileShader(vertexShader);\n if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {\n console.error(\"VS Compile Error:\", gl.getShaderInfoLog(vertexShader));\n return;\n }\n\n const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER)!;\n gl.shaderSource(fragmentShader, fragmentShaderSource);\n gl.compileShader(fragmentShader);\n if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {\n console.error(\"FS Compile Error:\", gl.getShaderInfoLog(fragmentShader));\n return;\n }\n\n const program = gl.createProgram()!;\n gl.attachShader(program, vertexShader);\n gl.attachShader(program, fragmentShader);\n gl.linkProgram(program);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n console.error(\"Link Error:\", gl.getProgramInfoLog(program));\n gl.deleteShader(vertexShader);\n gl.deleteShader(fragmentShader);\n gl.deleteProgram(program);\n return;\n }\n \n gl.detachShader(program, vertexShader);\n gl.detachShader(program, fragmentShader);\n gl.deleteShader(vertexShader);\n gl.deleteShader(fragmentShader);\n\n // --- Get Locations ---\n const positionAttributeLocation = gl.getAttribLocation(program, \"aVertexPosition\");\n const resolutionUniformLocation = gl.getUniformLocation(program, \"iResolution\");\n const timeUniformLocation = gl.getUniformLocation(program, \"iTime\");\n\n // --- Buffer Setup ---\n const positionBuffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);\n const positions = [-1, -1, 1, -1, -1, 1, 1, 1];\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW);\n\n // --- Resize Function ---\n const resizeCanvasToDisplaySize = () => {\n if (!canvas) return false;\n const displayWidth = canvas.clientWidth;\n const displayHeight = canvas.clientHeight;\n if (canvas.width !== displayWidth || canvas.height !== displayHeight) {\n canvas.width = displayWidth;\n canvas.height = displayHeight;\n gl.viewport(0, 0, canvas.width, canvas.height);\n return true;\n }\n return false;\n };\n\n // --- Render Loop ---\n let animationFrameId: number | null = null;\n const render = (time: number) => {\n resizeCanvasToDisplaySize();\n gl.clearColor(0.0, 0.0, 0.0, 1.0);\n gl.clear(gl.COLOR_BUFFER_BIT);\n gl.useProgram(program);\n gl.enableVertexAttribArray(positionAttributeLocation);\n gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);\n gl.vertexAttribPointer(positionAttributeLocation, 2, gl.FLOAT, false, 0, 0);\n\n // Set Uniforms\n gl.uniform3f(resolutionUniformLocation, canvas.width, canvas.height, 1.0);\n gl.uniform1f(timeUniformLocation, time * 0.001); // Time in seconds\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n animationFrameId = requestAnimationFrame(render);\n };\n\n resizeCanvasToDisplaySize();\n animationFrameId = requestAnimationFrame(render);\n\n // --- Cleanup ---\n return () => {\n if (animationFrameId) cancelAnimationFrame(animationFrameId);\n if (gl) {\n gl.bindBuffer(gl.ARRAY_BUFFER, null);\n gl.deleteBuffer(positionBuffer);\n gl.deleteProgram(program);\n }\n };\n }, []);\n\n // BallpointPen-inspired card for email signup\n return (\n

\n );\n}\n\n// --- Client Entry ---\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (!rootElement) {\n console.error(\"Failed to find root element '#root'.\");\n return;\n }\n createRoot(rootElement).render();\n}\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// --- Server & CSS ---\nconst css = `\n @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');\n @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');\n \n body, html { \n margin: 0; \n padding: 0; \n overflow: hidden; \n width: 100%; \n height: 100%; \n font-family: 'Playfair Display', serif;\n color: white;\n }\n \n #root { \n width: 100%; \n height: 100%; \n }\n \n canvas { \n display: block; \n width: 100%; \n height: 100%; \n }\n \n .content-container {\n position: absolute;\n z-index: 2;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n box-sizing: border-box;\n padding-top: env(safe-area-inset-top, 0px);\n padding-left: env(safe-area-inset-left, 0px);\n padding-right: env(safe-area-inset-right, 0px);\n padding-bottom: env(safe-area-inset-bottom, 0px);\n }\n \n .main-text {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .text-wrapper {\n position: relative;\n display: inline-block;\n }\n \n .main-text h1 {\n font-family: 'Playfair Display', serif;\n font-style: italic;\n font-weight: 300;\n font-size: 5vw;\n color: gold;\n white-space: nowrap;\n text-align: center;\n text-shadow: 0 0 8px rgba(0,0,0,0.5), \n 0 0 0 rgba(255,255,255,0.8),\n 0 0 0 rgba(255,255,255,0.8),\n 0 0 0 rgba(255,255,255,0.8),\n 0 0 0 rgba(255,255,255,0.8),\n -1px -1px 0 rgba(255,255,255,0.8),\n 1px -1px 0 rgba(255,255,255,0.8),\n -1px 1px 0 rgba(255,255,255,0.8),\n 1px 1px 0 rgba(255,255,255,0.8);\n }\n \n @media (max-width: 768px) {\n .main-text h1 {\n font-size: 8vw;\n }\n }\n \n .waitlist-container {\n margin: 20px 0 50px 0;\n width: 100%;\n max-width: 500px;\n display: flex;\n justify-content: center;\n }\n \n .email-card {\n width: 100%;\n transition: all 0.3s ease;\n }\n \n .navigation {\n position: absolute;\n bottom: 20px;\n text-align: center;\n }\n \n .nav-item {\n display: inline-block;\n padding: 10px 20px;\n margin: 0 10px;\n background: rgba(26,26,26,0.3);\n color: white;\n text-decoration: none;\n border-radius: 20px;\n transition: background 0.3s;\n font-family: 'Playfair Display', serif;\n font-weight: 500;\n font-style: italic;\n text-shadow: 0 1px 2px rgba(0,0,0,0.5);\n }\n \n .nav-item:hover {\n background: rgba(26,26,26,0.5);\n }\n \n .hidden-link {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n pointer-events: none;\n }\n \n @media (max-width: 768px) {\n .main-text h1 {\n font-size: 7vw;\n }\n }\n \n /* Handle notch and safe areas for mobile devices */\n @supports (padding-top: env(safe-area-inset-top)) {\n .content-container {\n padding-top: max(20px, env(safe-area-inset-top));\n padding-left: max(20px, env(safe-area-inset-left));\n padding-right: max(20px, env(safe-area-inset-right));\n padding-bottom: max(20px, env(safe-area-inset-bottom));\n }\n }\n`;\n\n// Simple router function to handle different paths\nasync function handleRoute(request: Request): Promise {\n const url = new URL(request.url);\n const path = url.pathname;\n \n // Main Val URL for module imports\n const valUrl = import.meta.url;\n const sourceUrl = valUrl.replace(\"esm.town\", \"val.town\");\n \n // Handle different routes\n switch (path) {\n // Main page (root path)\n case '/':\n return new Response(\n `\n \n \n \n \n build.moi - Build Anything, Anywhere Instantly\n \n \n \n

\n \n \n View Source\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n \n // Redirect to specific subpage vals\n case '/chatlula':\n return new Response(null, {\n status: 302,\n headers: { Location: \"https://dcm31--085841801e5a11f0b231569c3dd06744.web.val.run\" }\n });\n \n case '/srirachai':\n return new Response(null, {\n status: 302,\n headers: { Location: \"https://dcm31--205c9c181e5a11f0894e569c3dd06744.web.val.run\" }\n });\n \n case '/deepsauce':\n return new Response(null, {\n status: 302,\n headers: { Location: \"https://dcm31--dcec4a041e5a11f09055569c3dd06744.web.val.run\" }\n });\n \n // Handle the a1gpt route explicitly\n case '/a1gpt':\n // Redirect to the a1gpt val\n return new Response(null, {\n status: 302,\n headers: { Location: \"https://dcm31--424b230c1e5611f0b416569c3dd06744.web.val.run\" }\n });\n \n // 404 Not Found for any other path\n default:\n return new Response(\n `\n \n \n \n \n 404 - Page Not Found\n \n \n \n \n

404

The page you're looking for doesn't exist.

\n Return to build.moi\n \n `,\n { \n status: 404,\n headers: { \"content-type\": \"text/html; charset=utf-8\" }\n }\n );\n }\n}\n\n// Server handler - routes requests\nexport default async function server(request: Request): Promise {\n return handleRoute(request);\n}",[],[104],{"_108":196,"_99":197,"_154":198,"_156":-5,"_157":141,"_158":199,"_159":123,"_110":200,"_105":33,"_161":162,"_163":201,"_165":27,"_166":-5,"_167":202,"_103":203},"205c9b6e-1e5a-11f0-894e-569c3dd06744","srirachai.ts","205c9c18-1e5a-11f0-894e-569c3dd06744",5,["D",1745203288724],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\n// Srirachai Component\nfunction App() {\n const [hoverEffect, setHoverEffect] = useState(false);\n \n return (\n

setHoverEffect(true)}\n onMouseLeave={() => setHoverEffect(false)}\n >\n

🐓

Srirachai

AI THAI-STYLE HOT SAUCE

\n {\"🌶️\".repeat(5)}\n

\n \n

Srirachai

Thai-Style AI Hot Sauce

\n Experience the perfect blend of sweet, tangy, and AI intelligence in every conversation.\n Srirachai brings the traditional flavors of language models to modern applications.\n

Ingredients:

Neural Networks, Attention Mechanisms, Natural Language Processing, Embeddings, AI Garlic, Digital Chili

\"The AI sauce that goes with everything!\"

Coming soon to a language model near you

\n Back to build.moi\n

\n );\n}\n\n// Client-side rendering\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (!rootElement) {\n console.error(\"Failed to find root element '#root'.\");\n return;\n }\n createRoot(rootElement).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// CSS Styles\nconst css = `\n @import url('https://fonts.googleapis.com/css2?family=Georgia&display=swap');\n \n :root {\n --srirachai-red: #D63031;\n --bottle-color: #D63031;\n --label-color: #ffffff;\n }\n \n body, html {\n margin: 0;\n padding: 0;\n font-family: 'Georgia', serif;\n height: 100%;\n background: linear-gradient(135deg, #FFF8E1, #FFEBEE);\n color: #333;\n overflow-x: hidden;\n }\n \n #root {\n min-height: 100%;\n }\n \n .srirachai-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n min-height: 100vh;\n padding-top: max(2rem, env(safe-area-inset-top));\n padding-left: max(2rem, env(safe-area-inset-left));\n padding-right: max(2rem, env(safe-area-inset-right));\n padding-bottom: max(2rem, env(safe-area-inset-bottom));\n }\n \n .bottle-container {\n margin: 2rem 0;\n transition: transform 0.5s ease;\n }\n \n .bottle-container.hover {\n transform: rotate(15deg) scale(1.05);\n }\n \n .bottle {\n position: relative;\n height: 400px;\n width: 150px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .bottle-cap {\n width: 40px;\n height: 25px;\n background-color: #4CAF50;\n border-radius: 5px 5px 0 0;\n z-index: 2;\n }\n \n .bottle-neck {\n width: 30px;\n height: 50px;\n background-color: var(--bottle-color);\n border-radius: 5px;\n z-index: 1;\n }\n \n .bottle-body {\n width: 100%;\n height: 280px;\n background-color: var(--bottle-color);\n border-radius: 10px 10px 30px 30px;\n position: relative;\n overflow: hidden;\n }\n \n .label {\n position: absolute;\n top: 30px;\n left: 10px;\n right: 10px;\n bottom: 30px;\n background-color: var(--label-color);\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n \n .rooster-icon {\n font-size: 40px;\n margin-bottom: 10px;\n }\n \n .label h2 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 24px;\n margin: 5px 0;\n color: var(--srirachai-red);\n text-shadow: 1px 1px 0 rgba(0,0,0,0.1);\n }\n \n .label p {\n font-family: 'Georgia', serif;\n font-weight: bold;\n margin: 5px 0;\n color: var(--srirachai-red);\n font-size: 12px;\n }\n \n .spice-level {\n font-size: 18px;\n margin-top: 15px;\n color: var(--srirachai-red);\n }\n \n .bottle-bottom {\n width: 110px;\n height: 20px;\n background-color: var(--bottle-color);\n border-radius: 0 0 10px 10px;\n }\n \n .content {\n text-align: center;\n margin-top: 2rem;\n }\n \n .content h1 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 3.5rem;\n color: var(--srirachai-red);\n margin-bottom: 0;\n text-shadow: 2px 2px 0 rgba(0,0,0,0.1);\n }\n \n .content h3 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n font-size: 1.8rem;\n color: #333;\n margin-top: 0.5rem;\n }\n \n .content p {\n font-size: 1.2rem;\n max-width: 600px;\n margin: 1.5rem auto;\n line-height: 1.6;\n }\n \n .ingredients {\n max-width: 600px;\n margin: 0 auto;\n background-color: rgba(255,255,255,0.6);\n padding: 15px;\n border-radius: 10px;\n }\n \n .ingredients h4 {\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n margin: 0 0 10px 0;\n color: var(--srirachai-red);\n }\n \n .ingredients p {\n font-size: 1rem;\n margin: 0;\n }\n \n .tagline {\n font-style: italic;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 2rem 0;\n }\n \n .tagline p {\n font-size: 1.5rem;\n font-style: italic;\n }\n \n .coming-soon {\n margin-top: 3rem;\n font-weight: bold;\n }\n \n .back-button {\n display: inline-block;\n margin-top: 1.5rem;\n padding: 10px 20px;\n background-color: var(--srirachai-red);\n color: white;\n text-decoration: none;\n border-radius: 20px;\n font-family: 'Georgia', serif;\n font-weight: bold;\n font-style: italic;\n transition: background-color 0.3s ease;\n }\n \n .back-button:hover {\n background-color: #B71C1C;\n }\n \n @media (max-width: 768px) {\n .bottle {\n height: 300px;\n width: 110px;\n }\n \n .content h1 {\n font-size: 2.5rem;\n }\n \n .content h3 {\n font-size: 1.5rem;\n }\n }\n`;\n\n// Server handler\nexport default async function server(request: Request): Promise {\n const valUrl = import.meta.url;\n const sourceUrl = valUrl.replace(\"esm.town\", \"val.town\");\n \n return new Response(\n `\n \n \n \n \n Srirachai - Thai-Style AI Hot Sauce | build.moi\n \n \n \n

\n \n \n View Source\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}",[],[197],"files",[151,170,179,188,195],"counts",{"_208":33,"_209":94,"_210":33,"_211":33},"pulls","branches","forks","envVars","contents",[],"file",{"_108":189,"_99":104,"_154":190,"_156":-5,"_157":141,"_158":140,"_159":123,"_110":216,"_105":174,"_161":162,"_163":192,"_165":27,"_166":-5,"_103":217},["D",1745204399487],[104],"upstream","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.branch.$branch.code.$",{"_97":98,"_99":100,"_101":102,"_105":-7,"_103":104,"_106":223,"_149":227,"_204":243,"_214":244,"_212":246,"_218":247,"_255":123,"_256":-5},{"_108":109,"_99":100,"_110":224,"_112":-5,"_113":27,"_114":115,"_116":117,"_118":-5,"_12":119,"_120":121,"_122":123,"_124":-5,"_125":33,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":27,"_21":225,"_138":226},["D",1745201627614],{"_97":98,"_136":137},{"_105":140,"_99":102,"_108":141,"_142":109,"_143":144,"_145":146,"_147":115,"_148":119},[228,231,234,237,240],{"_108":152,"_99":153,"_154":155,"_156":-5,"_157":141,"_158":146,"_159":123,"_110":160,"_105":33,"_161":162,"_163":164,"_165":27,"_166":-5,"_167":229,"_103":230},[],[153],{"_108":171,"_99":172,"_154":173,"_156":-5,"_157":141,"_158":174,"_159":123,"_110":175,"_105":33,"_161":162,"_163":176,"_165":27,"_166":-5,"_167":232,"_103":233},[],[172],{"_108":180,"_99":181,"_154":182,"_156":-5,"_157":141,"_158":183,"_159":123,"_110":184,"_105":33,"_161":162,"_163":185,"_165":27,"_166":-5,"_167":235,"_103":236},[],[181],{"_108":189,"_99":104,"_154":190,"_156":-5,"_157":141,"_158":140,"_159":123,"_110":191,"_105":174,"_161":162,"_163":192,"_165":27,"_166":-5,"_167":238,"_103":239},[],[104],{"_108":196,"_99":197,"_154":198,"_156":-5,"_157":141,"_158":199,"_159":123,"_110":200,"_105":33,"_161":162,"_163":201,"_165":27,"_166":-5,"_167":241,"_103":242},[],[197],[228,231,234,237,240],{"_108":189,"_99":104,"_154":190,"_156":-5,"_157":141,"_158":140,"_159":123,"_110":216,"_105":174,"_161":162,"_163":192,"_165":27,"_166":-5,"_103":245},[104],[],{"_108":144,"_110":248,"_249":250,"_99":43,"_142":109,"_105":146,"_143":-5,"_145":-5,"_251":252,"_134":27,"_114":115,"_253":98,"_254":100},["D",1745201627614],"updatedAt",["D",1745201627665],"lockfileKey","1745201631701-esm.town_v_dcm31_buildmoi2@1-main","userHandle","projectName","showCompareCallout","pull","routes/_app","actionData","errors"]

Chatlula

Chatlula

The Original Hot AI Sauce

Deep Sauce

Deep Sauce

Premium Neural Condiment

Deep Understanding

Lightning Fast

Universal Appeal

build anything, anywhere, instantly

\n Join the Waitlist\n

404

Srirachai

Srirachai

Thai-Style AI Hot Sauce

Ingredients: