Build [v.1.3.6]

frontend/app/inventory/page.tsx

@@ -78,7 +78,7 @@ export default function InventoryPage() {
       setInventory(res);
       // Sync local DB
       await db.items.clear();
-      await db.items.bulkAdd(res);
+      await db.items.bulkPut(res);
     } catch (err) {
       console.error("Failed to load backend data", err);
     }
@@ -189,11 +189,17 @@ export default function InventoryPage() {
     inventory.some(i => i.category === c && i.name.toLowerCase().includes(searchQuery.toLowerCase()))
   );
 
+  // Extract unique item types for suggestions
+  const existingTypes = Array.from(new Set(inventory.map(i => i.type).filter(Boolean))).sort() as string[];
+
   if (!mounted) return null;
 
   return (
     <PageShell>
       <div className="p-3 md:p-8 max-w-4xl mx-auto space-y-6">
+      <datalist id="existing-types">
+        {existingTypes.map(t => <option key={t} value={t} />)}
+      </datalist>
       
       <header className="max-w-4xl mx-auto w-full mb-8">
         <h1 className="text-2xl font-black flex items-center gap-3">
@@ -402,6 +408,7 @@ export default function InventoryPage() {
                       <label className="text-xs font-black text-slate-500 ml-1">Item Type</label>
                       <input 
                         type="text" 
+                        list="existing-types"
                         value={editedItem.type || ''} 
                         onChange={e => setEditedItem({...editedItem, type: e.target.value})}
                         className="w-full bg-slate-950 border border-slate-800 rounded-xl py-3 px-4 text-sm outline-none text-slate-100"