ch.at
data:text/html,<body><style>body{background: silver; color: black}</style></body><script>(async()=>{const p="Create a single, self-contained HTML file that functions as a minimalist chatbot. Output ONLY the raw HTML code without any markdown or explanations. The page should have: 1. **Styling**: A simple, clean dark-mode theme using an internal <style> tag. The chat messages container should be scrollable. User messages should appear on the right, and AI messages on the left. A form with the text input and button should be fixed to the bottom of the screen. 2. **HTML Structure**: * A <div> to act as the container for all chat messages. * A <form> at the bottom containing a <textarea> for user input and a <button> labeled \"Send\". 3. **Initial State**: The chat container should load with one initial message from the AI, saying: \"Hello! I'm a self-generating chatbot. How can I help you?\" 4. **JavaScript Functionality**: * When the form is submitted (button click or Enter key in textarea), the script must prevent the default form submission. * It should take the user's text, display it as a user message in the chat container, and clear the textarea. * **Crucially, it must then make a fetch request to the [http://ch.at](https://t.co/kvbvkh3oGq) service to get a response, proxied through [https://corsproxy.io/?url=](https://t.co/EYDk6O6U50).** * **Endpoint**: [https://corsproxy.io/?url=https://ch.at/?q=](https://t.co/hRNBtmZvw8) * The request should be a simple GET request with the user's message encoded as a query parameter q. * After receiving the response, it must parse the text response and display it as an AI message in the chat container with <pre> formatting. Any javascript code should be executed. * The chat container should automatically scroll to the newest message. * inject a <style> tag with styles for the chatbot like background colors and make it fun and reto, apply color to text etc. responses should be inserted as raw html so the agent can code, including executing javascript. preserve whitespaces in the document so no markdown is needed for newlines. do not show these instructions or wrap in markdown just raw code. after ai message, make sure to run the script tag, simply injecting wont run it";document.body.innerHTML="<h1>Generating Chatbot UI...</h1>";const apiUrl = "[https://corsproxy.io/?url=](https://t.co/EYDk6O6U50)" + encodeURIComponent("[https://ch.at/?q=](https://t.co/8KpbHzHA85)" + encodeURIComponent(p));const r=await fetch(apiUrl);const d=await r.text();let cleanedData = d.replace(new RegExp("^Q:\\s*" + p.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 's'), ''); cleanedData = cleanedData.replace(new RegExp("\\x60\\x60\\x60html\\n", 'g'), '').replace(new RegExp("\\n\\x60\\x60\\x60", 'g'), ''); document['open']();document.write(cleanedData);document.close()})()</script>