Can I vibe code Sobot?

Build a full-stack Customer Support Chatbot and Ticketing system for an ecommerce store using Next.js (App Router), Supabase, and Tailwind CSS.

1. DATA MODEL:
- Create tables for `customers` (id, email, name, shopify_customer_id), `tickets` (id, customer_id, status, priority, channel, created_at), `messages` (id, ticket_id, sender_type ['customer'|'agent'|'bot'], content, metadata, created_at), and `knowledge_base` (id, title, content, embedding vector(1536)).

2. STOREFRONT CHAT WIDGET:
- Create a lightweight embeddable React chat widget floating in the bottom-right corner.
- Allow customers to enter their Email and Order Number to initialize a chat session.
- Implement real-time messaging using Supabase Realtime subscriptions.

3. AI AUTO-RESPONDER & RAG:
- On customer message receipt, call an API route `/api/chat/reply`.
- Fetch order details using Shopify Admin GraphQL API if an order number is provided.
- Run vector search over `knowledge_base` using OpenAI embeddings to fetch relevant policy context.
- Prompt Claude 3.5 Sonnet to answer the user inquiry strictly using the fetched context and Shopify order data. If context is insufficient or confidence is low, set ticket status to 'unassigned' for human escalation.

4. AGENT DASHBOARD:
- Build an admin interface under `/admin/tickets` with a split view: left side lists open tickets filtered by status; right side displays message history.
- Include quick action buttons: 'Escalate', 'Resolve', and 'Generate AI Draft Answer'.
- Implement basic agent collision detection using Supabase Presence to highlight when another agent is viewing/replying to a ticket.

5. FAILURE MODES & SECURITY:
- Sanitize all customer input to prevent prompt injection attacks.
- Ensure Shopify API tokens are stored in environment variables and never exposed to the client widget.

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