Build [v.1.3.6]

frontend/components/AIOnboarding.tsx

@@ -9,12 +9,16 @@ interface AIOnboardingProps {
   onCancel: () => void;
   onComplete: (itemData: any) => void;
   categories: any[];
+  inventory: any[];
 }
 
-export default function AIOnboarding({ onCancel, onComplete, categories }: AIOnboardingProps) {
+export default function AIOnboarding({ onCancel, onComplete, categories, inventory }: AIOnboardingProps) {
   const [image, setImage] = useState<string | null>(null);
   const [uploading, setUploading] = useState(false);
   const [extractedData, setExtractedData] = useState<any>(null);
+
+  // Extract unique item types for suggestions
+  const existingTypes = Array.from(new Set(inventory.map(i => i.type).filter(Boolean))).sort() as string[];
   
   const cameraInputRef = useRef<HTMLInputElement>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
@@ -201,10 +205,14 @@ export default function AIOnboarding({ onCancel, onComplete, categories }: AIOnb
                 </div>
                 <input 
                   value={extractedData.type || ''} 
+                  list="onboarding-types"
                   onChange={(e) => setExtractedData({...extractedData, type: e.target.value})}
                   className="bg-transparent w-full font-bold outline-none text-slate-200"
                   placeholder="e.g. SFP+"
                 />
+                <datalist id="onboarding-types">
+                  {existingTypes.map(t => <option key={t} value={t} />)}
+                </datalist>
               </div>
             </div>