Can I vibe code JivoChat?

Build a full-stack Live Chat Widget and Admin Agent Dashboard using Next.js 14, Supabase (Database, Auth, Realtime), and Tailwind CSS.

1. DATA MODEL:
- visitors: id, session_token, email, name, current_page, browser_info, created_at.
- conversations: id, visitor_id, assigned_agent_id, status (open, closed, pending), channel (web), created_at.
- messages: id, conversation_id, sender_type (visitor, agent, system), body, attachments (json), created_at.
- agents: id (references auth.users), name, status (online, offline), role.

2. CLIENT WIDGET (Embeddable Script / React Component):
- Floating bottom-right chat button that opens an expandable chat UI.
- Collects name and email on initial message if not already set.
- Establishes a Supabase Realtime subscription to the conversations and messages tables filtered by visitor session_token.
- Displays typing indicators, message history, and optimistic UI updates for sent messages.
- Persists session_token in localStorage to maintain chat context across page reloads.

3. AGENT DASHBOARD (/admin/chat):
- Protected route for authenticated agents.
- Left sidebar listing active conversations sorted by latest message timestamp, filtered by status (Unassigned, Mine, Closed).
- Main panel showing message thread, visitor metadata (current URL, browser), and custom metadata lookup mock (Shopify order list).
- Real-time notification sound and browser notification when a new conversation is initiated.
- Text input for agents with quick canned-response shortcuts (e.g., typing '/' triggers quick replies menu).

4. INTEGRATION API:
- Provide a POST /api/chat/widget-init route to validate visitor domain and issue session token.
- Provide a POST /api/shopify/customer-context webhook endpoint to fetch orders matching visitor email.

5. FAILURE MODES & SECURITY:
- Implement Row Level Security (RLS) in Supabase: visitors can only read/write messages matching their session token; authenticated agents can read/write all messages.
- Handle disconnects gracefully with auto-reconnect loops on the client widget.
- Rate limit incoming widget message requests to 10 messages per minute per IP to prevent spam.

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