Can I vibe code Front?

Build a full-stack real-time shared email inbox application for ecommerce support using Next.js (App Router), Supabase (PostgreSQL, Auth, Realtime), and Tailwind CSS.

1. DATA MODEL:
- Create tables for `accounts` (email credentials, OAuth tokens), `conversations` (id, subject, customer_email, assigned_to_user_id, status: open/snoozed/closed, created_at), `messages` (id, conversation_id, sender_email, recipient_email, body_html, body_text, direction: inbound/outbound, sent_at), `internal_notes` (id, conversation_id, user_id, content, created_at), and `presence` (conversation_id, user_id, last_seen_at).

2. CORE FUNCTIONALITY:
- Implement Gmail API / Inbound Webhook ingestion to parse incoming emails, thread them by message header IDs into `conversations`, and save bodies safely.
- Real-time Inbox UI: Left pane conversation list with status filters, middle pane thread view showing message history and an inline internal notes tab, right pane displaying customer order context fetched via Shopify Admin API (using customer email match).
- Collision Detection: Use Supabase Realtime to broadcast when a user opens a conversation thread. Show a visual banner in the UI if another user is actively viewing or typing a reply to prevent duplicate responses.
- Outbound Sending: Allow agents to send replies using authenticated Gmail/SMTP API calls, appending signatures and automatically updating the conversation status to 'closed' or 'open'.

3. FAILURE MODES & SECURITY:
- Sanitize incoming HTML email bodies using DOMPurify before rendering to prevent XSS attacks.
- Handle background task failures gracefully with a retry queue (e.g., BullMQ or Supabase Edge Functions) if an email fails to dispatch via SMTP.

4. OUT OF SCOPE:
- Do not build custom video/voice calling, complex SLA rule engines, or multi-tenant billing logic. Focus strictly on email handling, Shopify data sidebar, and real-time team collision prevention.

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