Can I vibe code Gist?

Build a complete live chat and ticketing system for an ecommerce store using Next.js 14, Supabase (Database, Auth, and Realtime), and Tailwind CSS.

1. DATA MODEL:
- Users (id, email, name, role [agent, customer])
- Conversations (id, customer_id, status [open, pending, closed], assigned_agent_id, created_at)
- Messages (id, conversation_id, sender_id, body, is_internal_note, created_at)
- Articles (id, title, slug, content, category, published_at)

2. CLIENT-SIDE WIDGET (EMBEDDABLE):
- Export a self-contained JavaScript snippet (`widget.js`) that renders a floating chat button in the bottom right corner.
- When clicked, opens a chat drawer allowing guest visitors to enter their email and send a message.
- Connects to Supabase Realtime to send and receive messages instantly without page refresh.
- Stores session tokens in localStorage to retain chat history on reload.

3. AGENT DASHBOARD:
- Split-view admin inbox listing all incoming conversations filtered by status (Open, Pending, Closed).
- Real-time notification badge when new messages arrive.
- Rich thread viewer showing message history, ability to toggle between public replies and internal agent notes.
- Sidebar panel fetching Shopify order history via customer email using the Shopify Admin GraphQL API.

4. KNOWLEDGE BASE PORTAL:
- Public route `/help` rendering categories and searchable Markdown help articles.
- Admin interface to create, edit, and publish help desk articles.

5. INFRASTRUCTURE & FAILURES:
- Set up Supabase Row Level Security (RLS) so customers can only read/write their own threads while agents access all threads.
- Handle offline fallback: if socket connection drops, queue messages locally and retry upon reconnection.

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