Can I vibe code Olark?

Build a custom live chat system designed to replace Olark on an e-commerce store. 1. Architecture & Tech Stack: Build an embeddable client JS widget (<20KB minified), a Next.js/Tailwind operator backend dashboard, and a PostgreSQL database using Supabase Realtime for WebSocket communication. 2. Data Model: Create tables for 'conversations' (id, visitor_id, agent_id, status, created_at, metadata), 'messages' (id, conversation_id, sender_type ['visitor'|'agent'|'system'], content, created_at), and 'visitor_sessions' (id, current_url, user_agent, IP_location, time_on_site). 3. Widget Functionality: The embed script must inject a responsive chat bubble on the bottom right. It must persist conversation state in localStorage. On load, collect browser metadata (current path, referrer, OS) and initiate a Supabase Realtime socket. Provide pre-chat fallback inputs (Name, Email) if no agent is currently set to 'online'. 4. Operator Dashboard: Build an agent workspace showing an active conversation queue, incoming real-time audio notifications, conversation assignment controls, macro templated responses, and a visitor sidebar displaying page history. 5. Automated Triggers & Offline Mode: Implement trigger rules (e.g., popup prompt if visitor is on '/checkout' for > 30 seconds). If offline, store messages in the DB and trigger a Webhook / Resend email notification to the store owner.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs