Fix critical bugs: oil prices ¥0.00, ingredient field mapping

- oils store: change Map to plain object for Vue reactivity
- recipes store: map `oil_name` from API (was only mapping `oil`/`name`)
- OilReference: fix .get() calls to bracket access
- Add price-display.cy.js regression test (3 tests)
- Add visual-check.cy.js for screenshot verification

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/cypress/e2e/price-display.cy.js

@@ -0,0 +1,39 @@
+describe('Price Display Regression', () => {
+  it('recipe cards show non-zero prices', () => {
+    cy.visit('/')
+    cy.get('.recipe-card', { timeout: 10000 }).should('have.length.gte', 1)
+    cy.wait(2000) // wait for oils store to load and re-render
+
+    // Check via .card-price elements which hold the formatted cost
+    cy.get('.card-price').first().invoke('text').then(text => {
+      const match = text.match(/¥\s*(\d+\.?\d*)/)
+      expect(match, 'Card price should contain ¥').to.not.be.null
+      expect(parseFloat(match[1]), 'Price should be > 0').to.be.gt(0)
+    })
+  })
+
+  it('oil reference page shows non-zero prices', () => {
+    cy.visit('/oils')
+    cy.get('.oil-card', { timeout: 10000 }).should('have.length.gte', 1)
+    cy.wait(500)
+
+    cy.get('.oil-card').first().invoke('text').then(text => {
+      const match = text.match(/¥\s*(\d+\.?\d*)/)
+      expect(match, 'Oil card should contain a price').to.not.be.null
+      expect(parseFloat(match[1])).to.be.gt(0)
+    })
+  })
+
+  it('recipe detail shows non-zero total cost', () => {
+    cy.visit('/')
+    cy.get('.recipe-card', { timeout: 10000 }).first().click()
+    cy.wait(1000)
+
+    // Look for any ¥ amount > 0 in the detail overlay
+    cy.get('[class*="overlay"], [class*="detail"]').invoke('text').then(text => {
+      const prices = [...text.matchAll(/¥\s*(\d+\.?\d*)/g)].map(m => parseFloat(m[1]))
+      const nonZero = prices.filter(p => p > 0)
+      expect(nonZero.length, 'Detail should show at least one non-zero price').to.be.gte(1)
+    })
+  })
+})

frontend/cypress/e2e/visual-check.cy.js

@@ -0,0 +1,55 @@
+// Quick visual screenshots for manual review before deploy
+const ADMIN_TOKEN = 'c86ae7afbe10fabe3c1d5e1a7fee74feaadfd5dc7be2ab62'
+
+describe('Visual Check - Screenshots', () => {
+  it('homepage with recipes', () => {
+    cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
+    cy.get('.recipe-card', { timeout: 10000 }).should('have.length.gte', 1)
+    cy.wait(1000)
+    cy.screenshot('01-homepage')
+  })
+
+  it('recipe detail overlay', () => {
+    cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
+    cy.get('.recipe-card', { timeout: 10000 }).first().click()
+    cy.wait(1000)
+    cy.screenshot('02-recipe-detail')
+  })
+
+  it('oil reference page', () => {
+    cy.visit('/oils', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
+    cy.get('.oil-card', { timeout: 10000 }).should('have.length.gte', 1)
+    cy.wait(500)
+    cy.screenshot('03-oil-reference')
+  })
+
+  it('manage recipes page', () => {
+    cy.visit('/manage', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
+    cy.wait(2000)
+    cy.screenshot('04-manage-recipes')
+  })
+
+  it('inventory page', () => {
+    cy.visit('/inventory', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
+    cy.wait(1500)
+    cy.screenshot('05-inventory')
+  })
+
+  it('check if recipe cards show price > 0', () => {
+    cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
+    cy.get('.recipe-card', { timeout: 10000 }).should('have.length.gte', 1)
+    // Check if any card shows a non-zero price
+    cy.get('.recipe-card').first().invoke('text').then(text => {
+      cy.log('First card text: ' + text)
+      // Check if it contains a price like ¥ X.XX where X > 0
+      const priceMatch = text.match(/¥\s*(\d+\.?\d*)/)
+      if (priceMatch) {
+        cy.log('Price found: ¥' + priceMatch[1])
+        const price = parseFloat(priceMatch[1])
+        expect(price, 'Recipe card should show price > 0').to.be.gt(0)
+      } else {
+        cy.log('WARNING: No price found on recipe card')
+      }
+    })
+  })
+})