┌─────────────────────────────────────────────────────────────┐
│                    SIGNUP FLOW                               │
├─────────────────────────────────────────────────────────────┤
│  1. Email + Password Registration                           │
│  2. Email Verification                                      │
│  3. Profile Setup (Name, Company)                           │
│  4. Plan Selection (Free / Pro / Enterprise)                │
│  5. Welcome Dashboard                                       │
└─────────────────────────────────────────────────────────────┘

┌──────────────┐     ┌──────────────┐     ┌──────────────┐
│   DESIGN     │────▶│    BUILD     │────▶│   PREVIEW    │
│  (Blocks)    │     │  (Connect)   │     │  (Test)      │
└──────────────┘     └──────────────┘     └──────────────┘
       │                   │                    │
       ▼                   ▼                    ▼
  Select from         Bind to data         Live preview
  580+ blocks         Add logic            in browser
                      Configure events

// Example: Order processing function
export async function processOrder(orderId: string) {
  const order = await entities.orders.findById(orderId);

  // Validate stock
  for (const item of order.items) {
    const product = await entities.products.findById(item.product_id);
    if (product.stock < item.quantity) {
      throw new Error(`Insufficient stock for ${product.name}`);
    }
  }

  // Process payment
  const payment = await stripe.charges.create({
    amount: order.total * 100,
    currency: 'usd',
    source: order.payment_token
  });

  // Update order status
  await entities.orders.update(orderId, {
    status: 'paid',
    payment_id: payment.id
  });

  // Reduce inventory
  for (const item of order.items) {
    await entities.products.decrement(item.product_id, 'stock', item.quantity);
  }

  return { success: true, payment_id: payment.id };
}

// Outgoing webhook on order completion
{
  entity: "orders",
  event: "after_update",
  condition: "data.status === 'completed'",
  webhook: {
    url: "https://erp.company.com/api/orders",
    method: "POST",
    headers: {
      "Authorization": "Bearer ${secrets.ERP_API_KEY}"
    }
  }
}

□ All tests passing
□ Security review complete
□ Performance benchmarks met
□ Environment variables set
□ Secrets configured
□ Database migrations ready
□ Rollback plan documented
□ Monitoring configured
□ Alert thresholds set
□ Support team briefed

┌─────────────┐    ┌─────────────┐    ┌─────────────┐
│   STAGING   │───▶│  APPROVAL   │───▶│ PRODUCTION  │
│   (Tested)  │    │  (Review)   │    │  (Live)     │
└─────────────┘    └─────────────┘    └─────────────┘
                         │
                         ▼
                   Manual review
                   by authorized
                   team member