Team chat

1 test · 5 finished runs (5 agent, 0 raw one-shot) · 5 live demos

The prompt

Build a working team chat app in one page in the spirit of Slack. It needs: a workspace sidebar with channels and direct messages, unread counts and bold unread channels; a message view with grouped messages by author and time, day dividers, avatars drawn as coloured initials, markdown-lite formatting (bold, italic, inline code, code blocks, links rendered as text), emoji reactions with counts that toggle on click or tap, threaded replies in a side panel, message editing and deletion, @mentions with an autocomplete popup, and a composer with Enter to send and Shift+Enter for a new line; a search box that finds messages across channels and jumps to them; typing indicators; and persistence to localStorage. Simulate four teammates as small scripted bots who reply in character after a delay when mentioned, react to messages, and occasionally start threads, so the workspace feels alive. Seed the workspace with realistic history for a small startup team (general, design, engineering, random channels). So the page is alive without input, on load it runs a scripted demo: switches channels, types and sends a message with a mention, a bot shows a typing indicator and replies, reactions appear, a thread opens and gets a reply, a search finds an older message, and the loop continues with new conversation every 30 seconds, until the user touches anything. Make it polished, friendly and fast. Save it as index.html in the current directory: one self-contained file with inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files). It must work when opened directly from disk, fit any window from a 390 px wide phone to a desktop, and run without console errors. You may serve it locally and open it in headless chromium (/usr/bin/chromium, software WebGL, no GPU) to screenshot and inspect your own output, and iterate on your own before finishing. Close any browser you open as soon as you've taken your screenshot.