fix(scan): expand saveable categories to all 5 v3 classes, log not_clothing scores

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: 28nitin07

backend/app/services/clothing_detector.py

@@ -61,6 +61,10 @@ def detect(image_rgb: np.ndarray) -> DetectionResult:
     primary = categories[0] if categories else "not_clothing"
 
     if not is_clothing:
+        import logging
+        logging.getLogger("rizzvision").info(
+            "not_clothing — scores: %s", {k: f"{v:.3f}" for k, v in scores.items()}
+        )
         raise ImageQualityError(
             "not_clothing",
             "This app only accepts clothing items. Please point the camera at a garment and try again.",

frontend/src/screens/ScanScreen.jsx

@@ -41,8 +41,9 @@ export function ScanScreen() {
     try {
       const result = await quickScan(blob)
       const cat = (result.category || '').toLowerCase()
-      if (cat !== 'tops' && cat !== 'bottoms') {
-        const msg = `This looks like ${result.suggested_name || cat || 'an item'}. Only tops and bottoms can be saved to your wardrobe.`
+      const SAVEABLE = ['tops', 'bottoms', 'footwear', 'outerwear', 'dress']
+      if (!SAVEABLE.includes(cat)) {
+        const msg = `This app only accepts clothing items. This looks like ${result.suggested_name || 'a non-clothing item'}.`
         setErrorMsg(msg)
         speak(msg)
         setPhase('not_clothing')
@@ -177,7 +178,7 @@ export function ScanScreen() {
   // ── Not Clothing ──
   if (phase === 'not_clothing') {
     return (
-      <Screen title="Cannot Save" subtitle="Only tops and bottoms can be added to your wardrobe.">
+      <Screen title="Cannot Save" subtitle="Only clothing items can be added to your wardrobe.">
         {previewUrl && <img src={previewUrl} alt="" style={{ width: '100%', borderRadius: COLORS.RADIUS, marginBottom: 20, maxHeight: 280, objectFit: 'cover', opacity: 0.45, border: `2px solid ${COLORS.BORDER}` }} />}
         <div role="alert" style={{ border: `2px solid ${COLORS.BORDER}`, borderRadius: COLORS.RADIUS, padding: 18, marginBottom: 20, background: COLORS.SURFACE }}>
           <p style={{ fontSize: 15, color: COLORS.TEXT, lineHeight: 1.7, margin: 0 }}>{errorMsg}</p>