SMARTTHEME FIXED FILES — REPLACE GUIDE
=======================================

FRONTEND (replace ALL files in /frontend/):
- index.html              ← was "Theme Builder.html", renamed
- app.jsx                 ← FIXED: sidebar toggle + AI button + URL bar removed + real Shopify fetch
- storefront.jsx          ← FIXED: all 20 widget w() checks + Tier 2 widgets
- template-registry.jsx   ← 10 templates + AI matcher
- editor.jsx              ← unchanged
- icons.jsx               ← unchanged (has hamburger icon)
- score.jsx               ← unchanged
- widget-list.jsx         ← unchanged
- widget-settings.jsx     ← unchanged
- widgets-registry.jsx    ← unchanged
- api-client.js           ← unchanged

BACKEND (add NEW file):
- backend/api/ai-generate.php  ← NEW: Claude Vision API proxy
  → Edit line 18: put your Anthropic API key
  → define('ANTHROPIC_API_KEY', 'sk-ant-api03-YOUR_KEY_HERE');

DEPLOY:
1. Upload frontend/* to /var/www/html/ShopifyThemeBuilder/frontend/
2. Upload backend/api/ai-generate.php to /var/www/html/ShopifyThemeBuilder/backend/api/
3. Edit ai-generate.php line 18 with your API key
4. Hard refresh browser: Ctrl+Shift+R
5. Done!

WHAT'S FIXED:
✅ Sidebar hide/show (hamburger button in header)
✅ URL bar removed from preview
✅ Device toggle (Desktop/Tablet/Mobile) moved to header
✅ AI Generate button (purple, in header)
✅ AI Modal (upload screenshot → Claude Vision analyzes → applies layout)
✅ Real Shopify image fetch (not mock)
✅ All 20 widget toggle checks in preview
✅ Tier 2 widgets: countdown, bundle, features, upsell, UGC, livechat
✅ Sticky header, floating ATC, mobile classes
✅ 10 templates with AI keyword matching
✅ template-registry.jsx script tag added to HTML