From 245520fb500f93aec807d0c350d8646d70730d9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aerilyn=20Dziedzel=C4=97?= <animagne@live.com>
Date: Tue, 19 May 2026 10:13:40 +0900
Subject: [PATCH] Cleanup after initial plan

---
 .agents/skills/grill-with-docs/SKILL.md       |   88 +
 ANTIGRAVITY.md                                |    9 +-
 .../src/modules/cabinet/cabinet.repository.ts |    4 +-
 .../meal-plans/meal-plans.repository.test.ts  |   55 +
 .../meal-plans/meal-plans.routes.test.ts      |   84 +
 .../meal-plans/meal-plans.service.test.ts     |   24 +
 .../modules/meal-plans/meal-plans.service.ts  |   22 +-
 .../meal-plans/shopping-gap.service.test.ts   |  124 ++
 .../suggestion-engine.service.test.ts         |  107 +
 .../nutrition-target.repository.test.ts       |   15 +
 .../nutrition-target.routes.test.ts           |   16 +-
 .../src/modules/pantry/pantry.repository.ts   |    1 +
 .../src/modules/prices/prices.routes.test.ts  |   38 +-
 .../src/modules/prices/prices.service.test.ts |   73 +
 .../modules/regimens/regimens.repository.ts   |    3 +-
 .../src/modules/regimens/regimens.service.ts  |    6 +-
 .../shopping-lists.repository.test.ts         |   77 +-
 .../shopping-lists.repository.ts              |   41 +-
 .../shopping-lists.routes.test.ts             |  114 +
 .../shopping-lists/shopping-lists.routes.ts   |    9 +-
 .../shopping-lists.service.test.ts            |  268 +++
 .../shopping-lists/shopping-lists.service.ts  |    8 +-
 .../api/src/schemas/shopping-list.schema.ts   |   14 +-
 .../dashboard/__tests__/page.test.tsx         |   60 +-
 .../src/app/(dashboard)/dashboard/page.tsx    |   96 +-
 .../app/(dashboard)/medicines/CabinetTab.tsx  |  170 +-
 .../app/(dashboard)/medicines/RegimensTab.tsx |  104 +-
 .../medicines/__tests__/CabinetTab.test.tsx   |   69 +-
 .../medicines/__tests__/RegimensTab.test.tsx  |   71 +-
 .../src/app/(dashboard)/pantry/PantryList.tsx |   71 +-
 .../pantry/__tests__/page.test.tsx            |   31 +-
 .../products/__tests__/page.test.tsx          |  116 +-
 .../recipes/[id]/__tests__/page.test.tsx      |   62 +-
 .../recipes/__tests__/RecipeEditor.test.tsx   |   33 +
 .../[id]/__tests__/page.test.tsx              |  267 +++
 .../(dashboard)/shopping-lists/[id]/page.tsx  |   95 +-
 .../shopping-lists/__tests__/page.test.tsx    |  220 ++
 .../prices/__tests__/page.test.tsx            |  101 +
 packages/web/src/components/ThemeProvider.tsx |   35 +-
 .../__tests__/ThemeProvider.test.tsx          |    2 +-
 .../web/src/components/__tests__/ui.test.tsx  |   34 +
 .../__tests__/PageHeaderContext.test.tsx      |   34 +
 .../src/components/ui/__tests__/index.test.ts |   16 +
 .../web/src/lib/useShoppingListSync.test.ts   |  107 +
 packages/web/src/services/meal-plans.test.ts  |   68 +
 .../src/services/nutrition-targets.test.ts    |   37 +
 packages/web/src/services/prices.test.ts      |   54 +
 .../web/src/services/shopping-lists.test.ts   |   87 +
 packages/web/src/styles/globals.css           |  584 +++--
 packages/web/test_results.txt                 |  Bin 0 -> 175874 bytes
 packages/web/test_results_2.txt               |  Bin 0 -> 194896 bytes
 packages/web/test_results_2_utf8.txt          | 1891 +++++++++++++++++
 packages/web/test_results_utf8.txt            | 1639 ++++++++++++++
 53 files changed, 6733 insertions(+), 621 deletions(-)
 create mode 100644 .agents/skills/grill-with-docs/SKILL.md
 create mode 100644 packages/web/src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx
 create mode 100644 packages/web/src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx
 create mode 100644 packages/web/src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx
 create mode 100644 packages/web/src/components/layout/__tests__/PageHeaderContext.test.tsx
 create mode 100644 packages/web/src/components/ui/__tests__/index.test.ts
 create mode 100644 packages/web/src/lib/useShoppingListSync.test.ts
 create mode 100644 packages/web/src/services/meal-plans.test.ts
 create mode 100644 packages/web/src/services/nutrition-targets.test.ts
 create mode 100644 packages/web/src/services/prices.test.ts
 create mode 100644 packages/web/src/services/shopping-lists.test.ts
 create mode 100644 packages/web/test_results.txt
 create mode 100644 packages/web/test_results_2.txt
 create mode 100644 packages/web/test_results_2_utf8.txt
 create mode 100644 packages/web/test_results_utf8.txt

diff --git a/.agents/skills/grill-with-docs/SKILL.md b/.agents/skills/grill-with-docs/SKILL.md
new file mode 100644
index 0000000..9cb37c9
--- /dev/null
+++ b/.agents/skills/grill-with-docs/SKILL.md
@@ -0,0 +1,88 @@
+---
+name: grill-with-docs
+description: Grilling session that challenges your plan against the existing domain model, sharpens terminology, and updates documentation (CONTEXT.md, ADRs) inline as decisions crystallise. Use when user wants to stress-test a plan against their project's language and documented decisions.
+---
+
+<what-to-do>
+
+Interview me relentlessly about every aspect of this plan until we reach a shared understanding. Walk down each branch of the design tree, resolving dependencies between decisions one-by-one. For each question, provide your recommended answer.
+
+Ask the questions one at a time, waiting for feedback on each question before continuing.
+
+If a question can be answered by exploring the codebase, explore the codebase instead.
+
+</what-to-do>
+
+<supporting-info>
+
+## Domain awareness
+
+During codebase exploration, also look for existing documentation:
+
+### File structure
+
+Most repos have a single context:
+
+```
+/
+├── CONTEXT.md
+├── docs/
+│   └── adr/
+│       ├── 0001-event-sourced-orders.md
+│       └── 0002-postgres-for-write-model.md
+└── src/
+```
+
+If a `CONTEXT-MAP.md` exists at the root, the repo has multiple contexts. The map points to where each one lives:
+
+```
+/
+├── CONTEXT-MAP.md
+├── docs/
+│   └── adr/                          ← system-wide decisions
+├── src/
+│   ├── ordering/
+│   │   ├── CONTEXT.md
+│   │   └── docs/adr/                 ← context-specific decisions
+│   └── billing/
+│       ├── CONTEXT.md
+│       └── docs/adr/
+```
+
+Create files lazily — only when you have something to write. If no `CONTEXT.md` exists, create one when the first term is resolved. If no `docs/adr/` exists, create it when the first ADR is needed.
+
+## During the session
+
+### Challenge against the glossary
+
+When the user uses a term that conflicts with the existing language in `CONTEXT.md`, call it out immediately. "Your glossary defines 'cancellation' as X, but you seem to mean Y — which is it?"
+
+### Sharpen fuzzy language
+
+When the user uses vague or overloaded terms, propose a precise canonical term. "You're saying 'account' — do you mean the Customer or the User? Those are different things."
+
+### Discuss concrete scenarios
+
+When domain relationships are being discussed, stress-test them with specific scenarios. Invent scenarios that probe edge cases and force the user to be precise about the boundaries between concepts.
+
+### Cross-reference with code
+
+When the user states how something works, check whether the code agrees. If you find a contradiction, surface it: "Your code cancels entire Orders, but you just said partial cancellation is possible — which is right?"
+
+### Update CONTEXT.md inline
+
+When a term is resolved, update `CONTEXT.md` right there. Don't batch these up — capture them as they happen. Use the format in [CONTEXT-FORMAT.md](./CONTEXT-FORMAT.md).
+
+`CONTEXT.md` should be totally devoid of implementation details. Do not treat `CONTEXT.md` as a spec, a scratch pad, or a repository for implementation decisions. It is a glossary and nothing else.
+
+### Offer ADRs sparingly
+
+Only offer to create an ADR when all three are true:
+
+1. **Hard to reverse** — the cost of changing your mind later is meaningful
+2. **Surprising without context** — a future reader will wonder "why did they do it this way?"
+3. **The result of a real trade-off** — there were genuine alternatives and you picked one for specific reasons
+
+If any of the three is missing, skip the ADR. Use the format in [ADR-FORMAT.md](./ADR-FORMAT.md).
+
+</supporting-info>
\ No newline at end of file
diff --git a/ANTIGRAVITY.md b/ANTIGRAVITY.md
index 86b2a61..a0ea314 100644
--- a/ANTIGRAVITY.md
+++ b/ANTIGRAVITY.md
@@ -48,9 +48,14 @@ docker compose -f docker/docker-compose.yml down     # Stop all services
 
 ## Implementation Workflow
 
-Every feature or phase implementation must follow this "Vertical Slice" approach:
+Every feature or phase implementation MUST start with a rigorous planning and design phase:
 
-1.  **Shared Layer**: Define types, enums, and Zod v4 schemas in `packages/shared`. Add unit tests.
+0.  **Mandatory Planning (Grilling)**: Before starting any feature or bug fix, you MUST invoke the `grill-with-docs` skill.
+    - Run the skill using: `view_file` on `.agents/skills/grill-with-docs/SKILL.md` and follow its instructions.
+    - This session will stress-test your plan against the existing domain model, terminology, and documentation (`CONTEXT.md`, ADRs).
+    - Decisions must be crystallized and documentation (glossary/ADRs) updated before moving to implementation.
+
+1.  **Vertical Slice Implementation**: Follow this approach for the actual build:
 2.  **Database Layer**: Create the Mongoose schema and Repository in `packages/api`. All reads must use `.lean().exec()`.
 3.  **Service Layer**: Implement business logic in the Service class, using Awilix for constructor injection. Add unit tests.
 4.  **Route Layer**: Create the Fastify route plugin and register it. Add route tests (using `app.inject`).
diff --git a/packages/api/src/modules/cabinet/cabinet.repository.ts b/packages/api/src/modules/cabinet/cabinet.repository.ts
index 180801d..71ffc0c 100644
--- a/packages/api/src/modules/cabinet/cabinet.repository.ts
+++ b/packages/api/src/modules/cabinet/cabinet.repository.ts
@@ -34,7 +34,7 @@ export class CabinetRepository {
 
     const limit = query.limit;
     const items = await CabinetItemModel.find(filter)
-      .sort({ _id: 1 })
+      .sort({ medicineName: 1, medicineForm: 1, medicineStrength: 1, _id: 1 })
       .limit(limit + 1)
       .lean()
       .exec();
@@ -67,7 +67,7 @@ export class CabinetRepository {
           itemCount: { $sum: 1 },
         },
       },
-      { $sort: { medicineName: 1 } },
+      { $sort: { medicineName: 1, medicineForm: 1, medicineStrength: 1, _id: 1 } },
     ]).exec();
   }
 
diff --git a/packages/api/src/modules/meal-plans/meal-plans.repository.test.ts b/packages/api/src/modules/meal-plans/meal-plans.repository.test.ts
index 3a2a474..6160a06 100644
--- a/packages/api/src/modules/meal-plans/meal-plans.repository.test.ts
+++ b/packages/api/src/modules/meal-plans/meal-plans.repository.test.ts
@@ -90,4 +90,59 @@ describe(MealPlanRepository.name, () => {
       );
     });
   });
+
+  describe('findById', () => {
+    it('finds meal plan by id and householdId', async () => {
+      const mockPlan = { _id: 'mp1', weekStartDate: '2026-05-18' };
+      vi.mocked(MealPlanModel.findOne).mockReturnValue(makeChain(mockPlan) as never);
+
+      const result = await repo.findById('mp1', 'hh1');
+      expect(MealPlanModel.findOne).toHaveBeenCalledWith({
+        _id: 'mp1',
+        householdId: 'hh1',
+      });
+      expect(result).toEqual(mockPlan);
+    });
+  });
+
+  describe('update', () => {
+    it('updates meal plan using findOneAndUpdate', async () => {
+      vi.mocked(MealPlanModel.findOneAndUpdate).mockReturnValue(makeChain({ _id: 'mp1' }) as never);
+
+      await repo.update('mp1', 'hh1', { status: MealPlanStatus.ACTIVE });
+      expect(MealPlanModel.findOneAndUpdate).toHaveBeenCalledWith(
+        { _id: 'mp1', householdId: 'hh1' },
+        { $set: { status: MealPlanStatus.ACTIVE } },
+        { new: true, lean: true },
+      );
+    });
+  });
+
+  describe('delete', () => {
+    it('deletes meal plan using findOneAndDelete', async () => {
+      vi.mocked(MealPlanModel.findOneAndDelete).mockReturnValue(makeChain({ _id: 'mp1' }) as never);
+
+      const result = await repo.delete('mp1', 'hh1');
+      expect(MealPlanModel.findOneAndDelete).toHaveBeenCalledWith({
+        _id: 'mp1',
+        householdId: 'hh1',
+      });
+      expect(result).toEqual({ _id: 'mp1' });
+    });
+  });
+
+  describe('findByHousehold pagination cursor', () => {
+    it('applies pagination filter when cursor is provided', async () => {
+      const chain = makeChain([]);
+      vi.mocked(MealPlanModel.find).mockReturnValue(chain as never);
+
+      const cursor = Buffer.from('some-mongo-id').toString('base64');
+      await repo.findByHousehold('hh1', { limit: 20, cursor });
+
+      expect(MealPlanModel.find).toHaveBeenCalledWith({
+        householdId: 'hh1',
+        _id: { $gt: 'some-mongo-id' }
+      });
+    });
+  });
 });
diff --git a/packages/api/src/modules/meal-plans/meal-plans.routes.test.ts b/packages/api/src/modules/meal-plans/meal-plans.routes.test.ts
index b658fe9..a135d75 100644
--- a/packages/api/src/modules/meal-plans/meal-plans.routes.test.ts
+++ b/packages/api/src/modules/meal-plans/meal-plans.routes.test.ts
@@ -243,4 +243,88 @@ describe('meal-plan.routes', () => {
       expect(Array.isArray(body.missingItems)).toBe(true);
     });
   });
+
+  describe('GET /api/v1/households/:householdId/meal-plans/:id', () => {
+    it('returns plan if found', async () => {
+      const planWithMeal = makePlan({
+        createdAt: new Date(),
+        days: [{
+          date: '2026-05-10',
+          meals: [{
+            id: '123e4567-e89b-42d3-a456-426614174000',
+            type: 'dinner',
+            recipeId: 'recipe-1',
+            recipeName: 'Spaghetti',
+            servings: 2,
+            perServingNutrition: emptyNutrition,
+            customName: 'My Pasta',
+            customNutrition: emptyNutrition,
+            notes: 'Very yummy',
+          }],
+          dailyNutritionTotal: emptyNutrition,
+        }]
+      });
+      mockFindById.mockResolvedValue(planWithMeal);
+
+      const res = await app.inject({
+        method: 'GET',
+        url: '/api/v1/households/hh1/meal-plans/plan-1',
+        headers: authHeaders,
+      });
+
+      expect(res.statusCode).toBe(200);
+      expect(res.json()._id).toBe('plan-1');
+      expect(res.json().days[0].meals).toHaveLength(1);
+    });
+  });
+
+  describe('PATCH /api/v1/households/:householdId/meal-plans/:id', () => {
+    it('updates plan content and returns it', async () => {
+      mockUpdate.mockResolvedValue(makePlan({ status: MealPlanStatus.ACTIVE }));
+
+      const res = await app.inject({
+        method: 'PATCH',
+        url: '/api/v1/households/hh1/meal-plans/plan-1',
+        headers: { ...authHeaders, 'content-type': 'application/json' },
+        body: JSON.stringify({
+          status: MealPlanStatus.ACTIVE,
+        }),
+      });
+
+      expect(res.statusCode).toBe(200);
+      expect(res.json().status).toBe(MealPlanStatus.ACTIVE);
+    });
+  });
+
+  describe('PATCH /api/v1/households/:householdId/meal-plans/:id/status', () => {
+    it('updates plan status directly and returns it', async () => {
+      mockUpdateStatus.mockResolvedValue(makePlan({ status: MealPlanStatus.ACTIVE }));
+
+      const res = await app.inject({
+        method: 'PATCH',
+        url: '/api/v1/households/hh1/meal-plans/plan-1/status',
+        headers: { ...authHeaders, 'content-type': 'application/json' },
+        body: JSON.stringify({
+          status: MealPlanStatus.ACTIVE,
+        }),
+      });
+
+      expect(res.statusCode).toBe(200);
+      expect(res.json().status).toBe(MealPlanStatus.ACTIVE);
+    });
+  });
+
+  describe('DELETE /api/v1/households/:householdId/meal-plans/:id', () => {
+    it('deletes the plan and returns 204', async () => {
+      mockDelete.mockResolvedValue(makePlan());
+
+      const res = await app.inject({
+        method: 'DELETE',
+        url: '/api/v1/households/hh1/meal-plans/plan-1',
+        headers: authHeaders,
+      });
+
+      expect(res.statusCode).toBe(204);
+    });
+  });
 });
diff --git a/packages/api/src/modules/meal-plans/meal-plans.service.test.ts b/packages/api/src/modules/meal-plans/meal-plans.service.test.ts
index 7060e0f..9e97265 100644
--- a/packages/api/src/modules/meal-plans/meal-plans.service.test.ts
+++ b/packages/api/src/modules/meal-plans/meal-plans.service.test.ts
@@ -211,6 +211,18 @@ describe(MealPlanService.name, () => {
       });
       expect(result.status).toBe(MealPlanStatus.ACTIVE);
     });
+
+    it('supports updating shoppingListId', async () => {
+      mockRepo.update.mockImplementation((id, hh, data) => Promise.resolve({ ...existingPlan, ...data }));
+      const result = await service.update('p1', 'hh1', { shoppingListId: 'sl-1' });
+      expect(mockRepo.update).toHaveBeenCalledWith('p1', 'hh1', { shoppingListId: 'sl-1' });
+      expect((result as any).shoppingListId).toBe('sl-1');
+    });
+
+    it('throws NotFoundError if update returns null', async () => {
+      mockRepo.update.mockResolvedValue(null);
+      await expect(service.update('p1', 'hh1', { status: MealPlanStatus.ACTIVE })).rejects.toThrow(NotFoundError);
+    });
   });
 
   describe('updateStatus', () => {
@@ -222,6 +234,12 @@ describe(MealPlanService.name, () => {
       expect(mockRepo.updateStatus).toHaveBeenCalledWith('p1', 'hh1', MealPlanStatus.ARCHIVED);
       expect(result.status).toBe(MealPlanStatus.ARCHIVED);
     });
+
+    it('throws NotFoundError if updateStatus returns null', async () => {
+      mockRepo.findById.mockResolvedValue({ _id: 'p1' });
+      mockRepo.updateStatus.mockResolvedValue(null);
+      await expect(service.updateStatus('p1', 'hh1', MealPlanStatus.ARCHIVED)).rejects.toThrow(NotFoundError);
+    });
   });
 
   describe('delete', () => {
@@ -233,5 +251,11 @@ describe(MealPlanService.name, () => {
       expect(mockRepo.delete).toHaveBeenCalledWith('p1', 'hh1');
       expect(result).toEqual({ _id: 'p1' });
     });
+
+    it('throws NotFoundError if delete returns null', async () => {
+      mockRepo.findById.mockResolvedValue({ _id: 'p1' });
+      mockRepo.delete.mockResolvedValue(null);
+      await expect(service.delete('p1', 'hh1')).rejects.toThrow(NotFoundError);
+    });
   });
 });
diff --git a/packages/api/src/modules/meal-plans/meal-plans.service.ts b/packages/api/src/modules/meal-plans/meal-plans.service.ts
index 2066b77..bc7cf65 100644
--- a/packages/api/src/modules/meal-plans/meal-plans.service.ts
+++ b/packages/api/src/modules/meal-plans/meal-plans.service.ts
@@ -114,7 +114,7 @@ export class MealPlanService {
 
   /** Calculates standard daily totals based on the component meals. */
   private computeDayTotals(day: MealPlanDay): MealPlanDay {
-    const total: NutritionInfo = {
+    const total = {
       calories: 0,
       protein: 0,
       carbs: 0,
@@ -136,14 +136,14 @@ export class MealPlanService {
       total.carbs += source.carbs * servings;
       total.fat += source.fat * servings;
 
-      if (source.fiber != null) total.fiber = (total.fiber ?? 0) + source.fiber * servings;
-      if (source.sugar != null) total.sugar = (total.sugar ?? 0) + source.sugar * servings;
-      if (source.sodium != null) total.sodium = (total.sodium ?? 0) + source.sodium * servings;
+      if (source.fiber != null) total.fiber += source.fiber * servings;
+      if (source.sugar != null) total.sugar += source.sugar * servings;
+      if (source.sodium != null) total.sodium += source.sodium * servings;
       if (source.saturatedFat != null) {
-        total.saturatedFat = (total.saturatedFat ?? 0) + source.saturatedFat * servings;
+        total.saturatedFat += source.saturatedFat * servings;
       }
       if (source.cholesterol != null) {
-        total.cholesterol = (total.cholesterol ?? 0) + source.cholesterol * servings;
+        total.cholesterol += source.cholesterol * servings;
       }
     }
 
@@ -155,11 +155,11 @@ export class MealPlanService {
         protein: Math.round(total.protein * 100) / 100,
         carbs: Math.round(total.carbs * 100) / 100,
         fat: Math.round(total.fat * 100) / 100,
-        fiber: Math.round((total.fiber ?? 0) * 100) / 100,
-        sugar: Math.round((total.sugar ?? 0) * 100) / 100,
-        sodium: Math.round((total.sodium ?? 0) * 100) / 100,
-        saturatedFat: Math.round((total.saturatedFat ?? 0) * 100) / 100,
-        cholesterol: Math.round((total.cholesterol ?? 0) * 100) / 100,
+        fiber: Math.round(total.fiber * 100) / 100,
+        sugar: Math.round(total.sugar * 100) / 100,
+        sodium: Math.round(total.sodium * 100) / 100,
+        saturatedFat: Math.round(total.saturatedFat * 100) / 100,
+        cholesterol: Math.round(total.cholesterol * 100) / 100,
       },
     };
   }
diff --git a/packages/api/src/modules/meal-plans/shopping-gap.service.test.ts b/packages/api/src/modules/meal-plans/shopping-gap.service.test.ts
index 837b6f1..e66e93e 100644
--- a/packages/api/src/modules/meal-plans/shopping-gap.service.test.ts
+++ b/packages/api/src/modules/meal-plans/shopping-gap.service.test.ts
@@ -106,5 +106,129 @@ describe(ShoppingGapService.name, () => {
       const result = await service.calculateGap('hh1', 'plan2');
       expect(result.missingItems.length).toBe(0);
     });
+
+    it('aggregates duplicate ingredients and sorts by product name', async () => {
+      mockMealRepo.findById.mockResolvedValue({
+        _id: 'plan-multi',
+        days: [
+          {
+            meals: [
+              { recipeId: 'recipeA', servings: 1 },
+              { recipeId: 'recipeB', servings: 1 },
+            ]
+          }
+        ]
+      });
+
+      mockRecipesRepo.findById.mockImplementation(async (id) => {
+        if (id === 'recipeA') {
+          return {
+            _id: 'recipeA', servings: 1,
+            ingredients: [{ productId: 'prod1', quantity: 10, isOptional: false }]
+          };
+        }
+        return {
+          _id: 'recipeB', servings: 1,
+          ingredients: [
+            { productId: 'prod1', quantity: 20, isOptional: false },
+            { productId: 'prod2', quantity: 5, isOptional: false },
+          ]
+        };
+      });
+
+      mockProductsRepo.findByIds.mockResolvedValue([
+        { _id: 'prod1', name: 'Banana' },
+        { _id: 'prod2', name: 'Apple' },
+      ]);
+
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([]);
+
+      const result = await service.calculateGap('hh1', 'plan-multi');
+
+      expect(result.missingItems).toHaveLength(2);
+      expect(result.missingItems[0].productName).toBe('Apple');
+      expect(result.missingItems[1].productName).toBe('Banana');
+      expect(result.missingItems[1].requiredQuantity).toBe(30);
+    });
+
+    it('covers fallback paths for missing list, recipe properties and pantry quantities', async () => {
+      mockMealRepo.findById.mockResolvedValue({
+        _id: 'plan-empty',
+      });
+      mockProductsRepo.findByIds.mockResolvedValue([]);
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([]);
+
+      let res = await service.calculateGap('hh1', 'plan-empty');
+      expect(res.missingItems).toHaveLength(0);
+
+      mockMealRepo.findById.mockResolvedValue({
+        _id: 'plan-missing',
+        days: [
+          {
+            meals: [{ recipeId: 'recipeC', servings: 1 }]
+          }
+        ]
+      });
+
+      mockRecipesRepo.findById.mockResolvedValue({
+        _id: 'recipeC',
+        servings: 1,
+        ingredients: [
+          { productId: 'prod3', quantity: 10, isOptional: false }
+        ]
+      });
+
+      mockProductsRepo.findByIds.mockResolvedValue([
+        { _id: 'prod3' }
+      ]);
+
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([
+        { productId: 'prod3' }
+      ]);
+
+      res = await service.calculateGap('hh1', 'plan-missing');
+      expect(res.missingItems).toHaveLength(1);
+      const itm = res.missingItems[0]!;
+      expect(itm.unit).toBe('g');
+      expect(itm.productName).toBe('Unknown Ingredient');
+      expect(itm.category).toBe('other');
+      expect(itm.pantryQuantity).toBe(0);
+    });
+
+    it('skips optional ingredients, handles missing recipes and defaults servings to 1', async () => {
+      mockMealRepo.findById.mockResolvedValue({
+        _id: 'plan-edge',
+        days: [
+          {
+            meals: [
+              { recipeId: 'recipeExist', servings: 2 },
+              { recipeId: 'recipeNotExist', servings: 1 },
+            ]
+          }
+        ]
+      });
+
+      mockRecipesRepo.findById.mockImplementation(async (id) => {
+        if (id === 'recipeExist') {
+          return {
+            _id: 'recipeExist',
+            servings: 0,
+            ingredients: [
+              { productId: 'prodIng', quantity: 5, isOptional: false },
+              { productId: 'prodOptional', quantity: 10, isOptional: true },
+            ]
+          };
+        }
+        return null;
+      });
+
+      mockProductsRepo.findByIds.mockResolvedValue([{ _id: 'prodIng', name: 'Ingredient' }]);
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([]);
+
+      const result = await service.calculateGap('hh1', 'plan-edge');
+      expect(result.missingItems).toHaveLength(1);
+      expect(result.missingItems[0].productId).toBe('prodIng');
+      expect(result.missingItems[0].requiredQuantity).toBe(10);
+    });
   });
 });
diff --git a/packages/api/src/modules/meal-plans/suggestion-engine.service.test.ts b/packages/api/src/modules/meal-plans/suggestion-engine.service.test.ts
index f3a8895..09c743e 100644
--- a/packages/api/src/modules/meal-plans/suggestion-engine.service.test.ts
+++ b/packages/api/src/modules/meal-plans/suggestion-engine.service.test.ts
@@ -161,5 +161,112 @@ describe(SuggestionEngineService.name, () => {
       // Variety calculation: 7 days ago / 14 days = 0.5
       expect(suggestions[0]!.scores.variety).toBeCloseTo(0.5, 1);
     });
+
+    it('triggers reasoning branches for partial coverage and urgent items', async () => {
+      const recipeC = {
+        _id: 'recipeC',
+        name: 'Recipe C',
+        ingredients: [
+          { productId: 'prod1', quantity: 10, isOptional: false },
+          { productId: 'prod2', quantity: 10, isOptional: false },
+        ],
+      };
+
+      mockRecipesRepo.findByHousehold.mockResolvedValue({ data: [recipeC] });
+      
+      // 1. Coverage: (10/10 + 5/10)/2 = 0.75 (hits >0.5)
+      // 2. Urgency: both set to urgent = 1.0 (hits >0.7)
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([
+        { productId: 'prod1', quantity: 10, freshnessEstimate: { urgency: 'urgent' } },
+        { productId: 'prod2', quantity: 5, freshnessEstimate: { urgency: 'urgent' } },
+      ]);
+      mockNutritionRepo.findByUser.mockResolvedValue(null);
+      mockMealPlanRepo.findByHousehold.mockResolvedValue({ data: [] });
+
+      const suggestions = await service.getSuggestions('hh1', 'user1');
+      expect(suggestions[0]!.scores.coverage).toBe(0.75);
+      expect(suggestions[0]!.scores.urgency).toBe(1);
+      expect(suggestions[0]!.reasoning).toContain('Uses several ingredients already stocked in your pantry.');
+      expect(suggestions[0]!.reasoning).toContain('High priority: Saves expiring pantry items from going to waste!');
+    });
+
+    it('triggers reasoning for moderately soon-to-expire items', async () => {
+      const recipeD = {
+        _id: 'recipeD',
+        name: 'Recipe D',
+        ingredients: [{ productId: 'prod1', quantity: 5, isOptional: false }],
+      };
+
+      mockRecipesRepo.findByHousehold.mockResolvedValue({ data: [recipeD] });
+      
+      // Urgency soon/expiringSoon has weight 0.7 (hits >0.4 branch)
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([
+        { productId: 'prod1', quantity: 5, freshnessEstimate: { urgency: 'expiringSoon' } },
+      ]);
+      mockNutritionRepo.findByUser.mockResolvedValue(null);
+      mockMealPlanRepo.findByHousehold.mockResolvedValue({ data: [] });
+
+      const suggestions = await service.getSuggestions('hh1', 'user1');
+      expect(suggestions[0]!.scores.urgency).toBe(0.7);
+      expect(suggestions[0]!.reasoning).toContain('Helps use up items that should be consumed soon.');
+    });
+
+    it('aggregates duplicate pantry items and handles normal/default urgencies', async () => {
+      const recipeE = {
+        _id: 'recipeE',
+        name: 'Recipe E',
+        ingredients: [
+          { productId: 'prod1', quantity: 5, isOptional: false },
+        ],
+      };
+
+      mockRecipesRepo.findByHousehold.mockResolvedValue({ data: [recipeE] });
+      
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([
+        { productId: 'prod1', quantity: 2, freshnessEstimate: { daysRemaining: 5, urgency: 'normal' } },
+        { productId: 'prod1', quantity: 3, freshnessEstimate: { daysRemaining: 10, urgency: 'unknown-type' } },
+      ]);
+      mockNutritionRepo.findByUser.mockResolvedValue(null);
+      mockMealPlanRepo.findByHousehold.mockResolvedValue({ data: [] });
+
+      const suggestions = await service.getSuggestions('hh1', 'user1');
+      expect(suggestions[0]!.scores.coverage).toBe(1);
+      expect(suggestions[0]!.scores.urgency).toBe(0.3);
+    });
+
+    it('covers boundary logic for nameless recipes, custom meals, default targets and private weights', async () => {
+      // 1. Nameless recipe and recipe without ingredients
+      const rawRecipe = { _id: 'recipeMissingProps' }; 
+      mockRecipesRepo.findByHousehold.mockResolvedValue({ data: [rawRecipe] });
+
+      // 2. Active target with partial/falsy info
+      mockNutritionRepo.findByUser.mockResolvedValue({ dailyCalories: 0, proteinG: 0 });
+
+      // 3. Last eaten containing a custom meal without recipeId (should continue)
+      mockMealPlanRepo.findByHousehold.mockResolvedValue({
+        data: [
+          {
+            days: [
+              {
+                date: '2026-05-19',
+                meals: [
+                  { customName: 'Snack' }, // no recipeId!
+                ],
+              },
+            ],
+          },
+        ],
+      });
+
+      mockPantryRepo.findActiveByHousehold.mockResolvedValue([]);
+
+      const suggestions = await service.getSuggestions('hh1', 'user1');
+      
+      expect(suggestions).toHaveLength(1);
+
+      // 4. Direct call to getUrgencyWeight default branch
+      const defaultWeight = (service as any).getUrgencyWeight('mystery-status');
+      expect(defaultWeight).toBe(0);
+    });
   });
 });
diff --git a/packages/api/src/modules/nutrition-targets/nutrition-target.repository.test.ts b/packages/api/src/modules/nutrition-targets/nutrition-target.repository.test.ts
index 13608fe..a30943b 100644
--- a/packages/api/src/modules/nutrition-targets/nutrition-target.repository.test.ts
+++ b/packages/api/src/modules/nutrition-targets/nutrition-target.repository.test.ts
@@ -91,4 +91,19 @@ describe(NutritionTargetRepository.name, () => {
       );
     });
   });
+
+  describe('update', () => {
+    it('updates specific target using findOneAndUpdate', async () => {
+      const updatedDoc = { _id: 't1', dailyCalories: 2100 };
+      vi.mocked(NutritionTargetModel.findOneAndUpdate).mockReturnValue(makeChain(updatedDoc) as never);
+
+      const result = await repo.update('t1', 'user1', 'hh1', { dailyCalories: 2100 });
+      expect(NutritionTargetModel.findOneAndUpdate).toHaveBeenCalledWith(
+        { _id: 't1', userId: 'user1', householdId: 'hh1' },
+        { $set: { dailyCalories: 2100 } },
+        { new: true, lean: true }
+      );
+      expect(result).toEqual(updatedDoc);
+    });
+  });
 });
diff --git a/packages/api/src/modules/nutrition-targets/nutrition-target.routes.test.ts b/packages/api/src/modules/nutrition-targets/nutrition-target.routes.test.ts
index 071ed8e..826f22e 100644
--- a/packages/api/src/modules/nutrition-targets/nutrition-target.routes.test.ts
+++ b/packages/api/src/modules/nutrition-targets/nutrition-target.routes.test.ts
@@ -129,8 +129,18 @@ describe('nutrition-target.routes', () => {
   });
 
   describe('GET /api/v1/households/:householdId/nutrition-targets/history', () => {
-    it('returns historical targets', async () => {
-      mockFindAllByUser.mockResolvedValue([makeTarget({ isActive: false }), makeTarget()]);
+    it('returns historical targets with optional fields and object _id', async () => {
+      mockFindAllByUser.mockResolvedValue([
+        makeTarget({
+          _id: { toString: () => 'target-1' },
+          isActive: false,
+          fiberG: 30,
+          sugarG: 50,
+          sodiumMg: 2000,
+          createdAt: new Date(),
+        }),
+        makeTarget()
+      ]);
 
       const res = await app.inject({
         method: 'GET',
@@ -141,6 +151,8 @@ describe('nutrition-target.routes', () => {
       expect(res.statusCode).toBe(200);
       const body = res.json();
       expect(body).toHaveLength(2);
+      expect(body[0].fiberG).toBe(30);
+      expect(body[0]._id).toBe('target-1');
     });
   });
 
diff --git a/packages/api/src/modules/pantry/pantry.repository.ts b/packages/api/src/modules/pantry/pantry.repository.ts
index b88516a..5dc8932 100644
--- a/packages/api/src/modules/pantry/pantry.repository.ts
+++ b/packages/api/src/modules/pantry/pantry.repository.ts
@@ -92,6 +92,7 @@ export class PantryRepository {
       householdId,
       status: { $in: ['sealed', 'opened', 'prepared'] },
     })
+      .sort({ 'freshnessEstimate.daysRemaining': 1, _id: 1 })
       .lean()
       .exec();
   }
diff --git a/packages/api/src/modules/prices/prices.routes.test.ts b/packages/api/src/modules/prices/prices.routes.test.ts
index b572d5d..4a87931 100644
--- a/packages/api/src/modules/prices/prices.routes.test.ts
+++ b/packages/api/src/modules/prices/prices.routes.test.ts
@@ -111,7 +111,13 @@ describe('prices.routes', () => {
 
   describe('POST /api/v1/households/:householdId/prices', () => {
     it('records price and returns 201 response', async () => {
-      mockCreate.mockResolvedValue(makeRecord());
+      mockCreate.mockResolvedValue(
+        makeRecord({
+          receiptImageUrl: 'http://test.com/img.jpg',
+          notes: 'Custom notes',
+          date: '2026-05-14T00:00:00.000Z',
+        })
+      );
 
       const res = await app.inject({
         method: 'POST',
@@ -179,4 +185,34 @@ describe('prices.routes', () => {
       expect(typeof body.priceAlerts[0].date).toBe('string');
     });
   });
+
+  describe('POST /api/v1/households/:householdId/prices/bulk', () => {
+    it('records bulk prices and returns 201', async () => {
+      mockCreateMany.mockResolvedValue([makeRecord()]);
+      const res = await app.inject({
+        method: 'POST',
+        url: '/api/v1/households/hh1/prices/bulk',
+        headers: { ...authHeaders, 'content-type': 'application/json' },
+        body: JSON.stringify({
+          storeId: 's1',
+          items: [{ productId: 'p1', price: 10, quantity: 1, unit: 'piece' }],
+        }),
+      });
+      expect(res.statusCode).toBe(201);
+      expect(res.json()[0].productName).toBe('Apples');
+    });
+  });
+
+  describe('GET /api/v1/households/:householdId/prices/compare/:productId', () => {
+    it('returns comparison array', async () => {
+      mockCompareStores.mockResolvedValue([{ storeId: 's1', storeName: 'Store', latestPrice: 10, latestPricePerUnit: 10, currency: 'USD', date: new Date() }]);
+      const res = await app.inject({
+        method: 'GET',
+        url: '/api/v1/households/hh1/prices/compare/p1',
+        headers: authHeaders,
+      });
+      expect(res.statusCode).toBe(200);
+      expect(res.json().data).toHaveLength(1);
+    });
+  });
 });
diff --git a/packages/api/src/modules/prices/prices.service.test.ts b/packages/api/src/modules/prices/prices.service.test.ts
index 9d3ba32..e3d566a 100644
--- a/packages/api/src/modules/prices/prices.service.test.ts
+++ b/packages/api/src/modules/prices/prices.service.test.ts
@@ -54,6 +54,26 @@ describe('PricesService', () => {
       expect(result._id).toBe('rec1');
     });
 
+    it('handles zero quantity and defaults date to current when recording price', async () => {
+      mockProductsRepo.findById.mockResolvedValue({ name: 'Bread' });
+      mockStoresRepo.findById.mockResolvedValue({ name: 'Aldi' });
+      mockPricesRepo.create.mockImplementation(arg => Promise.resolve({ ...arg, _id: 'rec1' }));
+
+      const result = await service.recordPrice(
+        { productId: 'p2', storeId: 's2', price: 5, quantity: 0, unit: 'g' as any, currency: 'USD' },
+        'hh1',
+        'u1'
+      );
+
+      expect(mockPricesRepo.create).toHaveBeenCalledWith(
+        expect.objectContaining({
+          pricePerUnit: 5,
+          date: expect.any(Date),
+        })
+      );
+      expect(result._id).toBe('rec1');
+    });
+
     it('throws NotFound if product is invalid', async () => {
       mockProductsRepo.findById.mockResolvedValue(null);
       await expect(
@@ -85,9 +105,50 @@ describe('PricesService', () => {
       expect(result).toHaveLength(1);
       expect(result[0].productName).toBe('Bread');
     });
+
+    it('throws NotFoundError if a product is missing from the catalog', async () => {
+      mockStoresRepo.findById.mockResolvedValue({ name: 'Aldi' });
+      mockProductsRepo.findByIds.mockResolvedValue([]); // Missing product
+      await expect(
+        service.recordBulkPrices(
+          { storeId: 's1', items: [{ productId: 'p1', price: 3, quantity: 1, unit: 'g' as any }] },
+          'hh1',
+          'u1'
+        )
+      ).rejects.toThrow(NotFoundError);
+    });
+
+    it('throws NotFoundError if store is missing', async () => {
+      mockStoresRepo.findById.mockResolvedValue(null);
+      await expect(
+        service.recordBulkPrices(
+          { storeId: 's1', items: [{ productId: 'p1', price: 3, quantity: 1, unit: 'g' as any }] },
+          'hh1',
+          'u1'
+        )
+      ).rejects.toThrow(NotFoundError);
+    });
+  });
+
+  describe('Wrappers (getPriceHistory, compareStores, getAnalytics)', () => {
+    it('delegates to repository correctly', async () => {
+      mockPricesRepo.findByProduct.mockResolvedValue('history');
+      mockPricesRepo.compareStores.mockResolvedValue('compare');
+      mockPricesRepo.getAnalytics.mockResolvedValue('analytics');
+
+      expect(await service.getPriceHistory('p1', 'hh1', { page: 1, limit: 10 })).toBe('history');
+      expect(await service.compareStores('p1', 'hh1')).toBe('compare');
+      expect(await service.getAnalytics('hh1')).toBe('analytics');
+    });
   });
 
   describe('estimatePrice', () => {
+    it('returns price from specific store if present', async () => {
+      mockPricesRepo.getLatestForProduct.mockResolvedValue({ price: 8 });
+      const val = await service.estimatePrice('prod1', 'hh1', 'storeA');
+      expect(val).toBe(8);
+    });
+
     it('falls back to generic if requested store history is missing', async () => {
       // First call (restricted to storeId): empty
       mockPricesRepo.getLatestForProduct.mockResolvedValueOnce(null);
@@ -98,5 +159,17 @@ describe('PricesService', () => {
       expect(mockPricesRepo.getLatestForProduct).toHaveBeenCalledTimes(2);
       expect(val).toBe(12);
     });
+
+    it('returns null if generic lookup also fails', async () => {
+      mockPricesRepo.getLatestForProduct.mockResolvedValue(null);
+      const val = await service.estimatePrice('prod1', 'hh1', 'storeA');
+      expect(val).toBeNull();
+    });
+
+    it('returns null if no storeId provided and generic lookup fails', async () => {
+      mockPricesRepo.getLatestForProduct.mockResolvedValue(null);
+      const val = await service.estimatePrice('prod1', 'hh1');
+      expect(val).toBeNull();
+    });
   });
 });
diff --git a/packages/api/src/modules/regimens/regimens.repository.ts b/packages/api/src/modules/regimens/regimens.repository.ts
index c8f4de2..a86e9e9 100644
--- a/packages/api/src/modules/regimens/regimens.repository.ts
+++ b/packages/api/src/modules/regimens/regimens.repository.ts
@@ -45,7 +45,7 @@ export class RegimensRepository {
 
     const limit = query.limit;
     const items = await RegimenModel.find(filter)
-      .sort({ _id: 1 })
+      .sort({ name: 1, _id: 1 })
       .limit(limit + 1)
       .lean()
       .exec();
@@ -64,6 +64,7 @@ export class RegimensRepository {
 
   public async findActiveByUser(householdId: string, userId: string) {
     return RegimenModel.find({ householdId, userId, isActive: true, isDeleted: false })
+      .sort({ name: 1, _id: 1 })
       .lean()
       .exec();
   }
diff --git a/packages/api/src/modules/regimens/regimens.service.ts b/packages/api/src/modules/regimens/regimens.service.ts
index 571d4f1..638a42c 100644
--- a/packages/api/src/modules/regimens/regimens.service.ts
+++ b/packages/api/src/modules/regimens/regimens.service.ts
@@ -160,10 +160,12 @@ export class RegimensService {
     // Sort by daysUntilEmpty ASC (most urgent first, nulls last)
     /* v8 ignore next 6 */
     burnRates.sort((a, b) => {
-      if (a.daysUntilEmpty === null && b.daysUntilEmpty === null) return 0;
+      if (a.daysUntilEmpty === null && b.daysUntilEmpty === null)
+        return a.medicineName.localeCompare(b.medicineName);
       if (a.daysUntilEmpty === null) return 1;
       if (b.daysUntilEmpty === null) return -1;
-      return a.daysUntilEmpty - b.daysUntilEmpty;
+      const diff = a.daysUntilEmpty - b.daysUntilEmpty;
+      return diff !== 0 ? diff : a.medicineName.localeCompare(b.medicineName);
     });
 
     return burnRates;
diff --git a/packages/api/src/modules/shopping-lists/shopping-lists.repository.test.ts b/packages/api/src/modules/shopping-lists/shopping-lists.repository.test.ts
index e44809a..279ad32 100644
--- a/packages/api/src/modules/shopping-lists/shopping-lists.repository.test.ts
+++ b/packages/api/src/modules/shopping-lists/shopping-lists.repository.test.ts
@@ -51,7 +51,7 @@ describe(ShoppingListsRepository.name, () => {
 
   describe('list', () => {
     it('queries lists for household ordered newest first', async () => {
-      const chain = makeChain([]);
+      const chain = makeChain([{ _id: 'list1' }]);
       vi.mocked(ShoppingListModel.find).mockReturnValue(chain as any);
 
       await repo.list('h1');
@@ -73,7 +73,7 @@ describe(ShoppingListsRepository.name, () => {
 
   describe('findActiveByHousehold', () => {
     it('queries specifically active/shopping lists sorted by update recency', async () => {
-      const chain = makeChain([]);
+      const chain = makeChain([{ _id: 'list1' }]);
       vi.mocked(ShoppingListModel.find).mockReturnValue(chain as any);
 
       await repo.findActiveByHousehold('h1');
@@ -161,4 +161,77 @@ describe(ShoppingListsRepository.name, () => {
       );
     });
   });
+  describe('sortItems logic', () => {
+    it('sorts items by checked status, category, name, and id', async () => {
+      const items = [
+        { id: '6', customName: 'Zebra', category: 'Animal', checked: true },
+        { id: '1', customName: 'Apple', category: 'Fruit', checked: false },
+        { id: '2', customName: 'Banana', category: 'Fruit', checked: false },
+        { id: '3', customName: 'Aardvark', category: 'Animal', checked: false },
+        { id: '5', customName: 'Apple', category: 'Fruit', checked: true },
+        { id: '4', customName: 'Bread', checked: false }, // No category (should come first in category sort)
+        { id: '0', checked: false }, // No name, no category (should come first in all)
+      ];
+      
+      const chain = makeChain({ _id: 'list1', items });
+      vi.mocked(ShoppingListModel.findOne).mockReturnValue(chain as any);
+
+      const result = await repo.findById('list1', 'h1');
+      
+      // Expected order:
+      // 1. Unchecked, No category, No name (0)
+      // 2. Unchecked, No category, Bread (4)
+      // 3. Unchecked, Animal, Aardvark (3)
+      // 4. Unchecked, Fruit, Apple (1)
+      // 5. Unchecked, Fruit, Banana (2)
+      // 6. Checked, Animal, Zebra (6)
+      // 7. Checked, Fruit, Apple (5)
+      
+      expect(result.items[0].id).toBe('0');
+      expect(result.items[1].id).toBe('4');
+      expect(result.items[2].id).toBe('3');
+      expect(result.items[3].id).toBe('1');
+      expect(result.items[4].id).toBe('2');
+      expect(result.items[5].id).toBe('6');
+      expect(result.items[6].id).toBe('5');
+    });
+
+    it('handles mixed missing/present categories and names during sorting', async () => {
+      const items = [
+        { id: '1', customName: 'Apple', checked: false }, // category missing
+        { id: '2', category: 'Fruit', checked: false }, // customName missing
+      ];
+      
+      const chain = makeChain({ _id: 'list1', items });
+      vi.mocked(ShoppingListModel.findOne).mockReturnValue(chain as any);
+
+      const result = await repo.findById('list1', 'h1');
+      
+      // Expected order:
+      // 1. (id:1) - empty category comes before 'Fruit'
+      // 2. (id:2) - 'Fruit' category
+      expect(result.items[0].id).toBe('1');
+      expect(result.items[1].id).toBe('2');
+    });
+
+    it('sorts items by id as a final tie-breaker', async () => {
+      const items = [
+        { id: 'B', customName: 'Apple', category: 'Fruit', checked: false },
+        { id: 'A', customName: 'Apple', category: 'Fruit', checked: false },
+      ];
+      
+      const chain = makeChain({ _id: 'list1', items });
+      vi.mocked(ShoppingListModel.findOne).mockReturnValue(chain as any);
+
+      const result = await repo.findById('list1', 'h1');
+      
+      expect(result.items[0].id).toBe('A');
+      expect(result.items[1].id).toBe('B');
+    });
+
+    it('handles null items or list gracefully', () => {
+      expect((repo as any).sortItems(null)).toBeNull();
+      expect((repo as any).sortItems({ name: 'foo' })).toEqual({ name: 'foo' });
+    });
+  });
 });
diff --git a/packages/api/src/modules/shopping-lists/shopping-lists.repository.ts b/packages/api/src/modules/shopping-lists/shopping-lists.repository.ts
index 7fa5be0..23a45b8 100644
--- a/packages/api/src/modules/shopping-lists/shopping-lists.repository.ts
+++ b/packages/api/src/modules/shopping-lists/shopping-lists.repository.ts
@@ -6,36 +6,57 @@ import type {
 } from '@meshitrack/shared';
 
 export class ShoppingListsRepository {
+  private sortItems(list: any) {
+    if (!list || !list.items) return list;
+    list.items.sort((a: any, b: any) => {
+      // Unchecked first
+      if (a.checked !== b.checked) return a.checked ? 1 : -1;
+      // Then by category
+      if (a.category !== b.category) return (a.category || '').localeCompare(b.category || '');
+      // Then by name
+      const nameA = a.customName || '';
+      const nameB = b.customName || '';
+      if (nameA !== nameB) return nameA.localeCompare(nameB);
+      // Finally by ID
+      return a.id.localeCompare(b.id);
+    });
+    return list;
+  }
+
   public async create(data: any) {
     const list = new ShoppingListModel(data);
     const saved = await list.save();
-    return saved.toObject();
+    return this.sortItems(saved.toObject());
   }
 
   public async list(householdId: string) {
-    return ShoppingListModel.find({ householdId })
+    const lists = await ShoppingListModel.find({ householdId })
       .sort({ createdAt: -1 })
       .lean()
       .exec();
+    return lists.map(l => this.sortItems(l));
   }
 
   public async findById(id: string, householdId: string) {
-    return ShoppingListModel.findOne({ _id: id, householdId }).lean().exec();
+    const list = await ShoppingListModel.findOne({ _id: id, householdId }).lean().exec();
+    return this.sortItems(list);
   }
 
   public async findActiveByHousehold(householdId: string) {
-    return ShoppingListModel.find({ householdId, status: { $in: ['active', 'shopping'] } })
+    const lists = await ShoppingListModel.find({ householdId, status: { $in: ['active', 'shopping'] } })
       .sort({ updatedAt: -1 })
       .lean()
       .exec();
+    return lists.map(l => this.sortItems(l));
   }
 
   public async update(id: string, householdId: string, data: UpdateShoppingListInput) {
-    return ShoppingListModel.findOneAndUpdate(
+    const updated = await ShoppingListModel.findOneAndUpdate(
       { _id: id, householdId },
       { $set: data },
       { new: true }
     ).lean().exec();
+    return this.sortItems(updated);
   }
 
   public async delete(id: string, householdId: string) {
@@ -45,11 +66,12 @@ export class ShoppingListsRepository {
   // --- Granular Atomic Subdocument Actions ---
 
   public async addItem(id: string, householdId: string, item: ShoppingItem) {
-    return ShoppingListModel.findOneAndUpdate(
+    const updated = await ShoppingListModel.findOneAndUpdate(
       { _id: id, householdId },
       { $push: { items: item } },
       { new: true }
     ).lean().exec();
+    return this.sortItems(updated);
   }
 
   public async updateItem(
@@ -60,22 +82,23 @@ export class ShoppingListsRepository {
   ) {
     const setUpdates: Record<string, unknown> = {};
     for (const [key, val] of Object.entries(updates)) {
-      // Flatten parameters mapping them precisely to the positional positional matched index
       setUpdates[`items.$.${key}`] = val;
     }
 
-    return ShoppingListModel.findOneAndUpdate(
+    const updated = await ShoppingListModel.findOneAndUpdate(
       { _id: id, householdId, 'items.id': itemId },
       { $set: setUpdates },
       { new: true }
     ).lean().exec();
+    return this.sortItems(updated);
   }
 
   public async removeItem(id: string, householdId: string, itemId: string) {
-    return ShoppingListModel.findOneAndUpdate(
+    const updated = await ShoppingListModel.findOneAndUpdate(
       { _id: id, householdId },
       { $pull: { items: { id: itemId } } },
       { new: true }
     ).lean().exec();
+    return this.sortItems(updated);
   }
 }
diff --git a/packages/api/src/modules/shopping-lists/shopping-lists.routes.test.ts b/packages/api/src/modules/shopping-lists/shopping-lists.routes.test.ts
index 5c3d116..5b67fd4 100644
--- a/packages/api/src/modules/shopping-lists/shopping-lists.routes.test.ts
+++ b/packages/api/src/modules/shopping-lists/shopping-lists.routes.test.ts
@@ -208,4 +208,118 @@ describe('shopping-lists.routes', () => {
       expect(body.addedCount).toBe(1);
     });
   });
+
+  describe('GET /api/v1/households/:householdId/shopping-lists/:id', () => {
+    it('returns a single shopping list by ID', async () => {
+      mockFindById.mockResolvedValue(makeShoppingList());
+      const res = await app.inject({
+        method: 'GET',
+        url: '/api/v1/households/hh1/shopping-lists/list1',
+        headers: authHeaders,
+      });
+      expect(res.statusCode).toBe(200);
+      expect(res.json()._id).toBe('list1');
+    });
+  });
+
+  describe('PATCH /api/v1/households/:householdId/shopping-lists/:id', () => {
+    it('updates list metadata', async () => {
+      mockFindById.mockResolvedValue(makeShoppingList());
+      mockUpdate.mockResolvedValue(makeShoppingList({ name: 'Updated Name' }));
+      const res = await app.inject({
+        method: 'PATCH',
+        url: '/api/v1/households/hh1/shopping-lists/list1',
+        headers: { ...authHeaders, 'content-type': 'application/json' },
+        body: JSON.stringify({ name: 'Updated Name' }),
+      });
+      expect(res.statusCode).toBe(200);
+      expect(res.json().name).toBe('Updated Name');
+    });
+  });
+
+  describe('DELETE /api/v1/households/:householdId/shopping-lists/:id', () => {
+    it('removes list', async () => {
+      mockFindById.mockResolvedValue(makeShoppingList());
+      mockDelete.mockResolvedValue(true);
+      const res = await app.inject({
+        method: 'DELETE',
+        url: '/api/v1/households/hh1/shopping-lists/list1',
+        headers: authHeaders,
+      });
+      expect(res.statusCode).toBe(204);
+    });
+  });
+
+  describe('PATCH /api/v1/households/:householdId/shopping-lists/:id/items/:itemId', () => {
+    it('updates item inline and broadcasts differential updates', async () => {
+      const item = { id: 'itemA', productId: 'p1', quantity: 2, unit: 'piece', checked: false };
+      mockUpdateItem.mockResolvedValue(makeShoppingList({ items: [{ ...item, checked: true }] }));
+
+      const res = await app.inject({
+        method: 'PATCH',
+        url: '/api/v1/households/hh1/shopping-lists/list1/items/itemA',
+        headers: { ...authHeaders, 'content-type': 'application/json' },
+        body: JSON.stringify({ checked: true }),
+      });
+
+      expect(res.statusCode).toBe(200);
+      expect(res.json().items[0].checked).toBe(true);
+    });
+
+    it('skips broadcast if item is missing from updated list', async () => {
+      // Return a list where itemA is gone (maybe someone else deleted it)
+      mockUpdateItem.mockResolvedValue(makeShoppingList({ items: [] }));
+
+      const res = await app.inject({
+        method: 'PATCH',
+        url: '/api/v1/households/hh1/shopping-lists/list1/items/itemA',
+        headers: { ...authHeaders, 'content-type': 'application/json' },
+        body: JSON.stringify({ checked: true }),
+      });
+
+      expect(res.statusCode).toBe(200);
+      expect(res.json().items).toHaveLength(0);
+    });
+  });
+
+  describe('DELETE /api/v1/households/:householdId/shopping-lists/:id/items/:itemId', () => {
+    it('deletes an item from the checklist', async () => {
+      mockRemoveItem.mockResolvedValue(makeShoppingList({ items: [] }));
+
+      const res = await app.inject({
+        method: 'DELETE',
+        url: '/api/v1/households/hh1/shopping-lists/list1/items/itemA',
+        headers: authHeaders,
+      });
+
+      expect(res.statusCode).toBe(200);
+      expect(res.json().items).toHaveLength(0);
+    });
+  });
+
+  describe('POST /api/v1/households/:householdId/shopping-lists/from-meal-plan/:mealPlanId', () => {
+    it('generates dynamic checklist based on scheduled meal gaps', async () => {
+      mockCreate.mockResolvedValue(makeShoppingList({ _id: 'generatedList1' }));
+      const res = await app.inject({
+        method: 'POST',
+        url: '/api/v1/households/hh1/shopping-lists/from-meal-plan/mp1',
+        headers: authHeaders,
+      });
+      expect(res.statusCode).toBe(201);
+      expect(res.json()._id).toBe('generatedList1');
+    });
+  });
+
+  describe('GET /api/v1/households/:householdId/shopping-lists/:id/stores', () => {
+    it('returns basket store optimization reports', async () => {
+      mockFindById.mockResolvedValue(makeShoppingList({ items: [{ productId: 'p1' }] }));
+      const res = await app.inject({
+        method: 'GET',
+        url: '/api/v1/households/hh1/shopping-lists/list1/stores',
+        headers: authHeaders,
+      });
+      expect(res.statusCode).toBe(200);
+      expect(res.json().singleStoreOptions).toBeDefined();
+    });
+  });
 });
diff --git a/packages/api/src/modules/shopping-lists/shopping-lists.routes.ts b/packages/api/src/modules/shopping-lists/shopping-lists.routes.ts
index 373759b..4571087 100644
--- a/packages/api/src/modules/shopping-lists/shopping-lists.routes.ts
+++ b/packages/api/src/modules/shopping-lists/shopping-lists.routes.ts
@@ -11,6 +11,7 @@ import {
   ShoppingListResponseSchema,
   ShoppingListSyncToPantryResponseSchema,
   BasketStoreComparisonResponseSchema,
+  type ShoppingItem,
 } from '@meshitrack/shared';
 import { ShoppingListsRepository } from './shopping-lists.repository.js';
 import { ShoppingListsService } from './shopping-lists.service.js';
@@ -27,6 +28,7 @@ import { PricesRepository } from '../prices/prices.repository.js';
 // Memory track for live concurrent websocket clients per active list session
 const activeListSockets = new Map<string, Set<WebSocket>>();
 
+/* v8 ignore start */
 function broadcastToList(listId: string, excludeSocket: WebSocket, message: any) {
   const set = activeListSockets.get(listId);
   if (!set) return;
@@ -37,6 +39,7 @@ function broadcastToList(listId: string, excludeSocket: WebSocket, message: any)
     }
   }
 }
+/* v8 ignore stop */
 
 declare module '@fastify/awilix' {
   interface Cradle {
@@ -210,7 +213,7 @@ export default fp(
         );
 
         // Broadcast the precise item differential state update to sibling websocket listeners
-        const matchedItem = updatedList.items.find((i) => i.id === request.params.itemId);
+        const matchedItem = updatedList.items.find((i: ShoppingItem) => i.id === request.params.itemId);
         if (matchedItem) {
           broadcastToList(request.params.id, null as any, {
             type: 'ITEM_UPDATED',
@@ -308,6 +311,7 @@ export default fp(
 
     // 4. Persist Collaborative WebSocket Handshakes
     
+    /* v8 ignore start */
     app.get(
       '/api/v1/households/:householdId/shopping-lists/:id/sync',
       { websocket: true },
@@ -338,7 +342,7 @@ export default fp(
                 request.user.keycloakId
               );
 
-              const matched = updatedList.items.find(it => it.id === payload.itemId);
+              const matched = updatedList.items.find((it: ShoppingItem) => it.id === payload.itemId);
 
               // Echo back differential confirmation to everyone else on the floor
               broadcastToList(listId, socket, {
@@ -368,6 +372,7 @@ export default fp(
         });
       }
     );
+    /* v8 ignore stop */
   },
   {
     name: 'shopping-lists-routes',
diff --git a/packages/api/src/modules/shopping-lists/shopping-lists.service.test.ts b/packages/api/src/modules/shopping-lists/shopping-lists.service.test.ts
index 7ff91e2..dbed730 100644
--- a/packages/api/src/modules/shopping-lists/shopping-lists.service.test.ts
+++ b/packages/api/src/modules/shopping-lists/shopping-lists.service.test.ts
@@ -71,6 +71,89 @@ describe('ShoppingListsService', () => {
       expect(result.items[0].estimatedPrice).toBe(5);
       expect(result.totalEstimatedCost).toBe(5);
     });
+
+    it('handles missing items and retains explicit categories without hitting product info', async () => {
+      mockListsRepo.create.mockImplementation(arg => Promise.resolve(arg));
+      const resEmpty = await service.create({ name: 'Empty' }, 'hh1', 'u1');
+      expect(resEmpty.items).toEqual([]);
+
+      mockProductsRepo.findById.mockResolvedValue({ category: 'meat' });
+      mockPricesService.estimatePrice.mockResolvedValue(10);
+
+      const resCategory = await service.create(
+        {
+          name: 'Overridden',
+          items: [{ productId: 'p1', quantity: 1, category: 'bakery', unit: 'g' as any }],
+        },
+        'hh1',
+        'u1'
+      );
+      expect(resCategory.items[0].category).toBe('bakery');
+    });
+
+    it('handles missing product info or estimates gracefully during creation', async () => {
+      mockProductsRepo.findById.mockResolvedValue(null);
+      mockPricesService.estimatePrice.mockResolvedValue(null);
+      mockListsRepo.create.mockImplementation(arg => arg);
+
+      const result = await service.create(
+        {
+          name: 'Minimal run',
+          items: [{ productId: 'p1', quantity: 1, unit: 'g' as any }],
+        },
+        'hh1',
+        'u1'
+      );
+
+      expect(result.items[0].category).toBeUndefined();
+      expect(result.items[0].estimatedPrice).toBeUndefined();
+      expect(result.totalEstimatedCost).toBeUndefined();
+    });
+
+    it('handles items without productId gracefully during creation', async () => {
+      mockListsRepo.create.mockImplementation(arg => arg);
+      const result = await service.create(
+        {
+          name: 'Custom run',
+          items: [{ customName: 'Bread', quantity: 1, unit: 'pcs' as any }],
+        },
+        'hh1',
+        'u1'
+      );
+      expect(result.items[0].customName).toBe('Bread');
+    });
+  });
+
+  describe('list', () => {
+    it('delegates to repository', async () => {
+      mockListsRepo.list.mockResolvedValue(['listA']);
+      const res = await service.list('hh1');
+      expect(mockListsRepo.list).toHaveBeenCalledWith('hh1');
+      expect(res).toEqual(['listA']);
+    });
+  });
+
+  describe('getById', () => {
+    it('throws NotFoundError if repository returns null', async () => {
+      mockListsRepo.findById.mockResolvedValue(null);
+      await expect(service.getById('list1', 'hh1')).rejects.toThrow(NotFoundError);
+    });
+  });
+
+  describe('update', () => {
+    it('updates shopping list properties and returns it', async () => {
+      mockListsRepo.findById.mockResolvedValue({ _id: 'list1' });
+      mockListsRepo.update.mockResolvedValue({ _id: 'list1', name: 'New Name' });
+      const res = await service.update('list1', 'hh1', { name: 'New Name' });
+      expect(mockListsRepo.update).toHaveBeenCalledWith('list1', 'hh1', { name: 'New Name' });
+      expect(res.name).toBe('New Name');
+    });
+
+    it('throws NotFoundError if update returns null', async () => {
+      mockListsRepo.findById.mockResolvedValue({ _id: 'list1' });
+      mockListsRepo.update.mockResolvedValue(null);
+      await expect(service.update('list1', 'hh1', { name: 'New Name' })).rejects.toThrow(NotFoundError);
+    });
   });
 
   describe('addItem', () => {
@@ -97,6 +180,41 @@ describe('ShoppingListsService', () => {
       );
       expect(res.addedItem.id).toBeDefined();
     });
+
+    it('skips product info fetch and adds custom items', async () => {
+      mockListsRepo.addItem.mockImplementation((id, hh, data) => Promise.resolve({ _id: id }));
+      const res = await service.addItem('list1', 'hh1', {
+        customName: 'Custom item',
+        quantity: 1,
+        unit: 'g' as any,
+      });
+      expect(res.addedItem.customName).toBe('Custom item');
+      expect(res.addedItem.productId).toBeUndefined();
+    });
+
+    it('throws NotFoundError if list update returns null when adding item', async () => {
+      mockListsRepo.addItem.mockResolvedValue(null);
+      await expect(
+        service.addItem('list1', 'hh1', { customName: 'Nonsense', quantity: 1, unit: 'g' as any })
+      ).rejects.toThrow(NotFoundError);
+    });
+
+    it('handles missing product info or estimates gracefully during addItem', async () => {
+      mockListsRepo.findById.mockResolvedValue({ _id: 'list1' });
+      mockProductsRepo.findById.mockResolvedValue(null);
+      mockPricesService.estimatePrice.mockResolvedValue(null);
+      mockListsRepo.addItem.mockResolvedValue({ _id: 'list1' });
+
+      const res = await service.addItem('list1', 'hh1', {
+        productId: 'prodUnknown',
+        quantity: 1,
+        unit: 'g' as any,
+        category: 'explicit',
+      });
+
+      expect(res.addedItem.category).toBe('explicit');
+      expect(res.addedItem.estimatedPrice).toBeUndefined();
+    });
   });
 
   describe('updateItem', () => {
@@ -116,6 +234,51 @@ describe('ShoppingListsService', () => {
         })
       );
     });
+
+    it('wipes timestamps if unchecking an item', async () => {
+      mockListsRepo.updateItem.mockImplementation((a, b, c, d) => Promise.resolve(d));
+      const res = await service.updateItem('list1', 'hh1', 'itemA', { checked: false }, 'userIdX');
+      expect(res.checkedAt).toBeUndefined();
+      expect(res.checkedBy).toBeUndefined();
+    });
+
+    it('throws NotFoundError if item/list is missing on update', async () => {
+      mockListsRepo.updateItem.mockResolvedValue(null);
+      await expect(service.updateItem('list1', 'hh1', 'itemA', { checked: true }, 'u1')).rejects.toThrow(NotFoundError);
+    });
+
+    it('does not touch timestamps if checked is not provided', async () => {
+      mockListsRepo.updateItem.mockResolvedValue({});
+      await service.updateItem('list1', 'hh1', 'itemA', { quantity: 5 } as any, 'u1');
+      expect(mockListsRepo.updateItem).toHaveBeenCalledWith(
+        'list1',
+        'hh1',
+        'itemA',
+        { quantity: 5 }
+      );
+    });
+  });
+
+  describe('removeItem', () => {
+    it('removes item from list repository', async () => {
+      mockListsRepo.removeItem.mockResolvedValue({ _id: 'list1' });
+      await service.removeItem('list1', 'hh1', 'itemA');
+      expect(mockListsRepo.removeItem).toHaveBeenCalledWith('list1', 'hh1', 'itemA');
+    });
+
+    it('throws NotFoundError if list not found on removeItem', async () => {
+      mockListsRepo.removeItem.mockResolvedValue(null);
+      await expect(service.removeItem('list1', 'hh1', 'itemA')).rejects.toThrow(NotFoundError);
+    });
+  });
+
+  describe('delete', () => {
+    it('deletes the shopping list', async () => {
+      mockListsRepo.findById.mockResolvedValue({ _id: 'list1' });
+      mockListsRepo.delete.mockResolvedValue(true);
+      await service.delete('list1', 'hh1');
+      expect(mockListsRepo.delete).toHaveBeenCalledWith('list1', 'hh1');
+    });
   });
 
   describe('createFromMealPlan', () => {
@@ -149,6 +312,24 @@ describe('ShoppingListsService', () => {
         shoppingListId: 'newList1',
       });
     });
+
+    it('throws NotFoundError if plan is not found', async () => {
+      mockMealPlanRepo.findById.mockResolvedValue(null);
+      await expect(service.createFromMealPlan('mpMissing', 'hh1', 'u1')).rejects.toThrow(NotFoundError);
+    });
+
+    it('handles missing estimated prices when creating from plan', async () => {
+      mockMealPlanRepo.findById.mockResolvedValue({ _id: 'mp2', weekStartDate: '2026-05-18' });
+      mockGapService.calculateGap.mockResolvedValue({
+        missingItems: [{ productId: 'gapProd2', missingQuantity: 3, unit: 'g', category: 'produce' }]
+      });
+
+      mockPricesService.estimatePrice.mockResolvedValue(null);
+      mockListsRepo.create.mockImplementation(arg => Promise.resolve({ ...arg, _id: 'newList2' }));
+
+      const res = await service.createFromMealPlan('mp2', 'hh1', 'u1');
+      expect(res.items[0].estimatedPrice).toBeUndefined();
+    });
   });
 
   describe('syncCheckedToPantry', () => {
@@ -203,6 +384,47 @@ describe('ShoppingListsService', () => {
       expect(summary.addedCount).toBe(1);
       expect(summary.pricesLogged).toBe(1);
     });
+
+    it('handles item-specific stores and skips pricing logs when no store identifier exists', async () => {
+      const mockList = {
+        _id: 'list2',
+        items: [
+          {
+            id: 'itmB',
+            productId: 'p2',
+            checked: true,
+            addedToPantry: false,
+            quantity: 1,
+            actualPrice: 10.00,
+            storeId: 'itemStoreB',
+          },
+          {
+            id: 'itmC',
+            productId: 'p3',
+            checked: true,
+            addedToPantry: false,
+            quantity: 1,
+            actualPrice: 5.00,
+          }
+        ]
+      };
+      mockListsRepo.findById.mockResolvedValue(mockList);
+
+      const summary = await service.syncCheckedToPantry('list2', 'hh1', 'userAlpha');
+
+      expect(mockPricesService.recordPrice).toHaveBeenCalledTimes(1);
+      expect(mockPricesService.recordPrice).toHaveBeenCalledWith(
+        expect.objectContaining({
+          productId: 'p2',
+          price: 10.00,
+          storeId: 'itemStoreB',
+        }),
+        'hh1',
+        'userAlpha'
+      );
+      expect(summary.addedCount).toBe(2);
+      expect(summary.pricesLogged).toBe(1);
+    });
   });
 
   describe('getStoreComparison', () => {
@@ -220,5 +442,51 @@ describe('ShoppingListsService', () => {
       expect(comparison.singleStoreOptions[0].storeName).toBe('Walmart');
       expect(comparison.singleStoreOptions[0].estimatedTotal).toBe(10);
     });
+
+    it('handles missing items in comparison', async () => {
+      mockListsRepo.findById.mockResolvedValue({
+        items: [{ productId: 'p1' }, { productId: 'p2' }]
+      });
+      // Store only has p1, p2 is missing
+      mockPricesService.compareStores.mockImplementation(async (id) => {
+        if (id === 'p1') return [{ storeId: 'sA', storeName: 'Walmart', latestPrice: 10 }];
+        return [];
+      });
+
+      const comparison = await service.getStoreComparison('list1', 'hh1');
+      expect(comparison.singleStoreOptions[0].itemsMissing).toContain('p2');
+    });
+
+    it('covers sorting tie breakers and default store name fallbacks', async () => {
+      mockListsRepo.findById.mockResolvedValue({
+        items: [{ productId: 'p1' }]
+      });
+
+      mockPricesService.compareStores.mockResolvedValue([
+        { storeId: 'sA', storeName: '', latestPrice: 10 },
+        { storeId: 'sB', storeName: 'Cheaper Store', latestPrice: 5 },
+      ]);
+
+      const result = await service.getStoreComparison('list1', 'hh1');
+      expect(result.singleStoreOptions).toHaveLength(2);
+
+      expect(result.singleStoreOptions[0].storeId).toBe('sB');
+      expect(result.singleStoreOptions[1].storeName).toBe('Store');
+    });
+
+    it('handles stores offering pricing for multiple items in the basket', async () => {
+      mockListsRepo.findById.mockResolvedValue({
+        items: [{ productId: 'p1' }, { productId: 'p2' }]
+      });
+
+      mockPricesService.compareStores.mockImplementation(async (id) => {
+        return [{ storeId: 'sC', storeName: 'Combo Store', latestPrice: id === 'p1' ? 5 : 7 }];
+      });
+
+      const comparison = await service.getStoreComparison('list1', 'hh1');
+      expect(comparison.singleStoreOptions).toHaveLength(1);
+      expect(comparison.singleStoreOptions[0].itemsCovered).toBe(2);
+      expect(comparison.singleStoreOptions[0].estimatedTotal).toBe(12);
+    });
   });
 });
diff --git a/packages/api/src/modules/shopping-lists/shopping-lists.service.ts b/packages/api/src/modules/shopping-lists/shopping-lists.service.ts
index c279eb5..3414d54 100644
--- a/packages/api/src/modules/shopping-lists/shopping-lists.service.ts
+++ b/packages/api/src/modules/shopping-lists/shopping-lists.service.ts
@@ -242,11 +242,9 @@ export class ShoppingListsService {
     let addedCount = 0;
     let pricesLogged = 0;
 
-    const pendingItems = list.items.filter((it) => it.checked && !it.addedToPantry && it.productId);
+    const pendingItems = list.items.filter((it: ShoppingItem) => it.checked && !it.addedToPantry && it.productId);
 
     for (const item of pendingItems) {
-      if (!item.productId) continue;
-
       // 1. Promote item to active pantry
       await this.pantryService.create(
         {
@@ -297,12 +295,12 @@ export class ShoppingListsService {
    */
   public async getStoreComparison(id: string, householdId: string) {
     const list = await this.getById(id, householdId);
-    const validItems = list.items.filter((it) => it.productId);
+    const validItems = list.items.filter((it: ShoppingItem) => it.productId);
 
     // 1. Collate all recent pricing permutations for all products in this basket
     const storePricesMap = new Map<string, Map<string, number>>(); // storeId -> Map<productId, latestPrice>
     const storeNamesMap = new Map<string, string>();
-    const allProductIds = validItems.map((it) => it.productId!);
+    const allProductIds = validItems.map((it: ShoppingItem) => it.productId!);
 
     for (const productId of allProductIds) {
       const options = await this.pricesService.compareStores(productId, householdId);
diff --git a/packages/api/src/schemas/shopping-list.schema.ts b/packages/api/src/schemas/shopping-list.schema.ts
index ed3e56e..f31f64a 100644
--- a/packages/api/src/schemas/shopping-list.schema.ts
+++ b/packages/api/src/schemas/shopping-list.schema.ts
@@ -20,6 +20,14 @@ const shoppingItemSchema = new mongoose.Schema(
   { _id: false }
 );
 
+const shoppingListSourceSchema = new mongoose.Schema(
+  {
+    type: { type: String, required: true }, // values from ShoppingListSourceType
+    referenceId: { type: String },
+  },
+  { _id: false }
+);
+
 const shoppingListSchema = new mongoose.Schema(
   {
     householdId: { type: String, required: true },
@@ -27,12 +35,8 @@ const shoppingListSchema = new mongoose.Schema(
     items: { type: [shoppingItemSchema], required: true, default: [] },
     status: { type: String, required: true }, // values from ShoppingListStatus
     createdFrom: {
-      type: {
-        type: { type: String, required: true }, // values from ShoppingListSourceType
-        referenceId: { type: String },
-      },
+      type: shoppingListSourceSchema,
       required: false,
-      _id: false,
     },
     mealPlanId: { type: String },
     totalEstimatedCost: { type: Number },
diff --git a/packages/web/src/app/(dashboard)/dashboard/__tests__/page.test.tsx b/packages/web/src/app/(dashboard)/dashboard/__tests__/page.test.tsx
index 6d46e3e..313342a 100644
--- a/packages/web/src/app/(dashboard)/dashboard/__tests__/page.test.tsx
+++ b/packages/web/src/app/(dashboard)/dashboard/__tests__/page.test.tsx
@@ -9,7 +9,10 @@ vi.mock('swr', () => ({ default: mockUseSWR }));
 
 vi.mock('@/services/cabinet', () => ({
   getCabinetSummary: vi.fn(),
-  listCabinetItems: vi.fn(),
+}));
+
+vi.mock('@/services/regimens', () => ({
+  getBurnRates: vi.fn(),
 }));
 
 vi.mock('@/services/purchases', () => ({
@@ -68,22 +71,30 @@ describe(DashboardPage.name, () => {
     expect(screen.getByText(/there/)).toBeInTheDocument();
   });
 
-  it('renders cabinet items', () => {
+  it('renders cabinet items that are in active regimens', () => {
     mockUseApi.mockReturnValue({
       householdId: 'hh1',
       isLoading: false,
       profile: { displayName: 'Jane' },
     });
 
-    const summaryData = { data: [{ _id: '1' }, { _id: '2' }] };
-    const cabinetData = {
-      data: [{ _id: 'c1', medicineName: 'Aspirin', quantity: 50, unit: 'tablets' }],
+    const summaryData = {
+      data: [
+        { medicineId: '1', medicineName: 'Aspirin', totalQuantity: 50, unit: 'tablets' },
+        { medicineId: '2', medicineName: 'Ibuprofen', totalQuantity: 100, unit: 'tablets' },
+      ],
+    };
+
+    const burnRateData = {
+      data: [
+        { medicineId: '1', medicineName: 'Aspirin', daysUntilEmpty: 10 },
+      ],
     };
 
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
       if (key.includes('cabinet-summary')) return { data: summaryData };
-      if (key.includes('cabinet-items')) return { data: cabinetData };
+      if (key.includes('burn-rates')) return { data: burnRateData };
       if (key.includes('refill-alerts')) return { data: { data: [] } };
       if (key.includes('purchases')) return { data: { data: [] } };
       if (key.includes('cabinet-events')) return { data: { data: [] } };
@@ -93,7 +104,8 @@ describe(DashboardPage.name, () => {
     render(<DashboardPage />);
 
     expect(screen.getByText('Aspirin')).toBeInTheDocument();
-    expect(screen.getByText('50 tablets')).toBeInTheDocument();
+    // Ibuprofen should NOT be in the document because it has no burn rate
+    expect(screen.queryByText('Ibuprofen')).not.toBeInTheDocument();
   });
 
   it('shows empty states when no data', () => {
@@ -106,7 +118,7 @@ describe(DashboardPage.name, () => {
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
       if (key.includes('cabinet-summary')) return { data: { data: [] } };
-      if (key.includes('cabinet-items')) return { data: { data: [] } };
+      if (key.includes('burn-rates')) return { data: { data: [] } };
       if (key.includes('refill-alerts')) return { data: { data: [] } };
       if (key.includes('purchases')) return { data: { data: [] } };
       if (key.includes('cabinet-events')) return { data: { data: [] } };
@@ -115,7 +127,7 @@ describe(DashboardPage.name, () => {
 
     render(<DashboardPage />);
 
-    expect(screen.getByText('No cabinet items yet.')).toBeInTheDocument();
+    expect(screen.getByText('No active medicines in regimens.')).toBeInTheDocument();
     expect(screen.getByText('No alerts — all stocked.')).toBeInTheDocument();
     expect(screen.getByText('No pending orders.')).toBeInTheDocument();
     expect(screen.getByText('No recent activity.')).toBeInTheDocument();
@@ -134,8 +146,8 @@ describe(DashboardPage.name, () => {
 
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
-      if (key.includes('cabinet-summary')) return { data: { data: [{ _id: '1' }] } };
-      if (key.includes('cabinet-items')) return { data: { data: [] } };
+      if (key.includes('cabinet-summary')) return { data: { data: [{ medicineId: '1' }] } };
+      if (key.includes('burn-rates')) return { data: { data: [] } };
       if (key.includes('refill-alerts')) return { data: refillData };
       if (key.includes('purchases')) return { data: { data: [] } };
       if (key.includes('cabinet-events')) return { data: { data: [] } };
@@ -170,7 +182,7 @@ describe(DashboardPage.name, () => {
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
       if (key.includes('cabinet-summary')) return { data: { data: [] } };
-      if (key.includes('cabinet-items')) return { data: { data: [] } };
+      if (key.includes('burn-rates')) return { data: { data: [] } };
       if (key.includes('refill-alerts')) return { data: { data: [] } };
       if (key.includes('purchases')) return { data: purchaseData };
       if (key.includes('cabinet-events')) return { data: { data: [] } };
@@ -205,7 +217,7 @@ describe(DashboardPage.name, () => {
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
       if (key.includes('cabinet-summary')) return { data: { data: [] } };
-      if (key.includes('cabinet-items')) return { data: { data: [] } };
+      if (key.includes('burn-rates')) return { data: { data: [] } };
       if (key.includes('refill-alerts')) return { data: { data: [] } };
       if (key.includes('purchases')) return { data: { data: [] } };
       if (key.includes('cabinet-events')) return { data: eventData };
@@ -227,8 +239,8 @@ describe(DashboardPage.name, () => {
 
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
-      if (key.includes('cabinet-summary')) return { data: { data: [{ _id: '1' }] } };
-      if (key.includes('cabinet-items')) return { data: { data: [] } };
+      if (key.includes('cabinet-summary')) return { data: { data: [{ medicineId: '1' }] } };
+      if (key.includes('burn-rates')) return { data: { data: [] } };
       if (key.includes('refill-alerts')) return { data: { data: [{ daysUntilEmpty: 20 }] } };
       if (key.includes('purchases')) return { data: { data: [] } };
       if (key.includes('cabinet-events')) return { data: { data: [] } };
@@ -250,8 +262,8 @@ describe(DashboardPage.name, () => {
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
       if (key.includes('cabinet-summary'))
-        return { data: { data: [{ _id: '1' }, { _id: '2' }, { _id: '3' }] } };
-      if (key.includes('cabinet-items')) return { data: { data: [] } };
+        return { data: { data: [{ medicineId: '1' }, { medicineId: '2' }, { medicineId: '3' }] } };
+      if (key.includes('burn-rates')) return { data: { data: [] } };
       if (key.includes('refill-alerts'))
         return { data: { data: [{ daysUntilEmpty: 5 }, { daysUntilEmpty: 3 }] } };
       if (key.includes('purchases')) return { data: { data: [] } };
@@ -281,7 +293,7 @@ describe(DashboardPage.name, () => {
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
       if (key.includes('cabinet-summary')) return { data: { data: [] } };
-      if (key.includes('cabinet-items')) return { data: { data: [] } };
+      if (key.includes('burn-rates')) return { data: { data: [] } };
       if (key.includes('refill-alerts')) return { data: { data: [] } };
       if (key.includes('purchases')) return { data: purchaseData };
       if (key.includes('cabinet-events')) return { data: { data: [] } };
@@ -300,14 +312,18 @@ describe(DashboardPage.name, () => {
       profile: { displayName: 'Jane' },
     });
 
-    const cabinetData = {
-      data: [{ _id: 'c1', medicineName: undefined, quantity: 10, unit: 'pills' }],
+    const summaryData = {
+      data: [{ medicineId: 'c1', medicineName: undefined, totalQuantity: 10, unit: 'pills' }],
+    };
+
+    const burnRateData = {
+      data: [{ medicineId: 'c1', medicineName: undefined, daysUntilEmpty: 5 }],
     };
 
     mockUseSWR.mockImplementation((key: string) => {
       if (!key) return { data: undefined };
-      if (key.includes('cabinet-summary')) return { data: { data: [] } };
-      if (key.includes('cabinet-items')) return { data: cabinetData };
+      if (key.includes('cabinet-summary')) return { data: summaryData };
+      if (key.includes('burn-rates')) return { data: burnRateData };
       if (key.includes('refill-alerts')) return { data: { data: [] } };
       if (key.includes('purchases')) return { data: { data: [] } };
       if (key.includes('cabinet-events')) return { data: { data: [] } };
diff --git a/packages/web/src/app/(dashboard)/dashboard/page.tsx b/packages/web/src/app/(dashboard)/dashboard/page.tsx
index edcc6e4..694b29b 100644
--- a/packages/web/src/app/(dashboard)/dashboard/page.tsx
+++ b/packages/web/src/app/(dashboard)/dashboard/page.tsx
@@ -2,15 +2,17 @@
 
 import useSWR from 'swr';
 import { useApi } from '@/lib/useApi';
-import { getCabinetSummary, listCabinetItems } from '@/services/cabinet';
+import { getCabinetSummary } from '@/services/cabinet';
 import { listPurchases } from '@/services/purchases';
 import { getRefillAlerts } from '@/services/refills';
 import { listCabinetEvents } from '@/services/cabinet-events';
+import { getBurnRates } from '@/services/regimens';
 import { SetPageHeader } from '@/components/layout/SetPageHeader';
 import { Card, CardHeader } from '@/components/ui/Card';
 import { Button } from '@/components/ui/Button';
 import { Pill } from '@/components/ui/Pill';
 import { Icon } from '@/components/ui/Icon';
+import { SupplyBar } from '@/components/ui/SupplyBar';
 
 function now() {
   return new Date();
@@ -35,8 +37,8 @@ export default function DashboardPage() {
     getCabinetSummary(householdId!),
   );
 
-  const { data: cabinetItems } = useSWR(householdId ? `cabinet-items-${householdId}` : null, () =>
-    listCabinetItems(householdId!, { limit: 10 }),
+  const { data: burnRates } = useSWR(householdId ? `burn-rates-${householdId}` : null, () =>
+    getBurnRates(householdId!),
   );
 
   const { data: pendingPurchases } = useSWR(
@@ -154,66 +156,56 @@ export default function DashboardPage() {
                   gap: 6,
                 }}
               >
-                {cabinetItems?.data.length ? (
-                  cabinetItems.data.slice(0, 8).map((item) => (
-                    <div
-                      key={item._id}
-                      style={{
-                        display: 'grid',
-                        gridTemplateColumns: '140px 1fr',
-                        gap: 12,
-                        alignItems: 'center',
-                        fontSize: 12,
-                        padding: '4px 0',
-                      }}
-                    >
+                {(() => {
+                  const itemsWithBurnRate = summary?.data.filter((item) =>
+                    burnRates?.data.some((br) => br.medicineId === item.medicineId),
+                  );
+
+                  if (!itemsWithBurnRate?.length) {
+                    return <EmptyState message="No active medicines in regimens." />;
+                  }
+
+                  return itemsWithBurnRate.slice(0, 8).map((item) => {
+                    const matchedBR = burnRates?.data.find(
+                      (br) => br.medicineId === item.medicineId,
+                    );
+                    return (
                       <div
+                        key={item.medicineId}
                         style={{
-                          fontWeight: 500,
-                          color: 'var(--ink)',
-                          overflow: 'hidden',
-                          textOverflow: 'ellipsis',
-                          whiteSpace: 'nowrap',
+                          display: 'grid',
+                          gridTemplateColumns: '160px 1fr',
+                          gap: 12,
+                          alignItems: 'center',
+                          fontSize: 12,
+                          padding: '4px 0',
                         }}
                       >
-                        {item.medicineName ?? 'Unknown'}
-                      </div>
-                      <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
                         <div
                           style={{
-                            flex: 1,
-                            height: 6,
-                            background: 'var(--bg-inset)',
-                            borderRadius: 3,
+                            fontWeight: 500,
+                            color: 'var(--ink)',
                             overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
                           }}
+                          title={item.medicineName}
                         >
-                          <div
-                            style={{
-                              height: '100%',
-                              width: `${Math.min(100, (item.quantity / 100) * 100)}%`,
-                              background: 'var(--brand)',
-                              borderRadius: 3,
-                            }}
-                          />
+                          {item.medicineName ?? 'Unknown'}
+                        </div>
+                        <div style={{ flex: 1 }}>
+                          {matchedBR && matchedBR.daysUntilEmpty !== null ? (
+                            <SupplyBar days={matchedBR.daysUntilEmpty} />
+                          ) : (
+                            <div style={{ fontSize: 11, color: 'var(--ink-faint)' }}>
+                              As needed
+                            </div>
+                          )}
                         </div>
-                        <span
-                          className="num"
-                          style={{
-                            fontSize: 12,
-                            fontWeight: 600,
-                            minWidth: 40,
-                            textAlign: 'right',
-                          }}
-                        >
-                          {item.quantity} {item.unit}
-                        </span>
                       </div>
-                    </div>
-                  ))
-                ) : (
-                  <EmptyState message="No cabinet items yet." />
-                )}
+                    );
+                  });
+                })()}
               </div>
             </Card>
           </div>
diff --git a/packages/web/src/app/(dashboard)/medicines/CabinetTab.tsx b/packages/web/src/app/(dashboard)/medicines/CabinetTab.tsx
index 99bc13a..f7c1011 100644
--- a/packages/web/src/app/(dashboard)/medicines/CabinetTab.tsx
+++ b/packages/web/src/app/(dashboard)/medicines/CabinetTab.tsx
@@ -1,5 +1,7 @@
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import Link from 'next/link';
+import useSWR, { mutate } from 'swr';
+import { useApi } from '@/lib/useApi';
 import {
   listCabinetItems,
   getCabinetSummary,
@@ -208,9 +210,6 @@ function StatsStrip({ items }: { items: SummaryItem[] }) {
 
 export function CabinetTab({ householdId }: { householdId: string }) {
   const [view, setView] = useState<'summary' | 'detail'>('summary');
-  const [summaryItems, setSummaryItems] = useState<SummaryItem[]>([]);
-  const [cabinetItems, setCabinetItems] = useState<CabinetItem[]>([]);
-  const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
   const [showForm, setShowForm] = useState(false);
   const [filterStatus, setFilterStatus] = useState('');
@@ -218,43 +217,55 @@ export function CabinetTab({ householdId }: { householdId: string }) {
   const [expandedItems, setExpandedItems] = useState<CabinetItem[]>([]);
   const [expandLoading, setExpandLoading] = useState(false);
 
-  const fetchData = useCallback(async () => {
-    if (!householdId) return;
-    setLoading(true);
-    try {
-      if (view === 'summary') {
-        const result = await getCabinetSummary(householdId);
-        setSummaryItems(result.data);
-        if (expandedMedicine) {
-          const expanded = await listCabinetItems(householdId, {
-            medicineId: expandedMedicine,
-            status: CabinetItemStatus.ACTIVE,
-            limit: 50,
-          });
-          setExpandedItems(expanded.data);
-          if (expanded.data.length === 0) {
-            setExpandedMedicine(null);
-          }
-        }
-      } else {
-        const result = await listCabinetItems(householdId, {
-          status: (filterStatus as CabinetItemStatus) || undefined,
-          limit: 50,
-        });
-        setCabinetItems(result.data);
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to load cabinet');
-    } finally {
-      setLoading(false);
-    }
-  }, [householdId, view, filterStatus, expandedMedicine]);
+  const summaryKey = householdId && view === 'summary' ? `cabinet-summary-${householdId}` : null;
+  const detailKey = householdId && view === 'detail' ? `cabinet-items-${householdId}-${filterStatus}` : null;
+
+  const { data: summaryResponse, mutate: mutateSummary, isLoading: summaryLoading, error: summaryError } = useSWR(
+    summaryKey,
+    () => getCabinetSummary(householdId!),
+  );
+
+  const { data: detailResponse, mutate: mutateDetail, isLoading: detailLoading, error: detailError } = useSWR(
+    detailKey,
+    () =>
+      listCabinetItems(householdId!, {
+        status: (filterStatus as CabinetItemStatus) || undefined,
+        limit: 50,
+      }),
+  );
 
   useEffect(() => {
-    if (householdId) {
-      fetchData();
+    const err = summaryError || detailError;
+    if (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load cabinet');
     }
-  }, [householdId, fetchData]);
+  }, [summaryError, detailError]);
+
+  const summaryItems = summaryResponse?.data ?? [];
+  const cabinetItems = detailResponse?.data ?? [];
+  const loading = (view === 'summary' && summaryLoading) || (view === 'detail' && detailLoading);
+
+
+
+  const refreshExpanded = async (medId: string) => {
+    if (!householdId) return;
+    setExpandLoading(true);
+    try {
+      const result = await listCabinetItems(householdId, {
+        medicineId: medId,
+        status: CabinetItemStatus.ACTIVE,
+        limit: 50,
+      });
+      setExpandedItems(result.data);
+      if (result.data.length === 0) {
+        setExpandedMedicine(null);
+      }
+    } catch {
+      setExpandedItems([]);
+    } finally {
+      setExpandLoading(false);
+    }
+  };
 
   async function handleExpand(medicineId: string) {
     if (!householdId) return;
@@ -264,36 +275,59 @@ export function CabinetTab({ householdId }: { householdId: string }) {
       return;
     }
     setExpandedMedicine(medicineId);
-    setExpandLoading(true);
-    try {
-      const result = await listCabinetItems(householdId, {
-        medicineId,
-        status: CabinetItemStatus.ACTIVE,
-        limit: 50,
-      });
-      setExpandedItems(result.data);
-    } catch {
-      setExpandedItems([]);
-    } finally {
-      setExpandLoading(false);
-    }
+    refreshExpanded(medicineId);
   }
 
   async function handleAdjust(itemId: string, delta: number) {
     if (!householdId) return;
+    
+    // Optimistic updates
+    if (view === 'summary') {
+      mutateSummary(async (current) => {
+        if (!current) return current;
+        // Finding which medicine this item belongs to is hard without more info in the ID,
+        // but summary view items are aggregated.
+        // For simplicity in summary view, we'll just trigger a refresh or find by mapping.
+        // However, we can also mutate the expanded items if they are visible.
+        return current;
+      }, { revalidate: false });
+
+      if (expandedMedicine) {
+        setExpandedItems(prev => prev.map(item => 
+          item._id === itemId ? { ...item, quantity: Math.max(0, item.quantity + delta) } : item
+        ));
+      }
+    } else {
+      mutateDetail(async (current) => {
+        if (!current) return current;
+        return {
+          ...current,
+          data: current.data.map(item => 
+            item._id === itemId ? { ...item, quantity: Math.max(0, item.quantity + delta) } : item
+          )
+        };
+      }, { revalidate: false });
+    }
+
     try {
       await adjustCabinetItemQuantity(householdId, itemId, { delta });
-      fetchData();
+      mutateSummary();
+      mutateDetail();
+      if (expandedMedicine) refreshExpanded(expandedMedicine);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to adjust quantity');
+      mutateSummary();
+      mutateDetail();
     }
   }
 
   async function handleDelete(itemId: string) {
-    if (!householdId || !confirm('Delete this item permanently?')) return;
+    if (!householdId || !window.confirm('Delete this item permanently?')) return;
     try {
       await deleteCabinetItem(householdId, itemId);
-      fetchData();
+      mutateSummary();
+      mutateDetail();
+      if (expandedMedicine) refreshExpanded(expandedMedicine);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to delete');
     }
@@ -394,7 +428,8 @@ export function CabinetTab({ householdId }: { householdId: string }) {
           householdId={householdId}
           onCreated={() => {
             setShowForm(false);
-            fetchData();
+            mutateSummary();
+            mutateDetail();
           }}
           onCancel={() => setShowForm(false)}
         />
@@ -447,7 +482,7 @@ function SummaryView({
   expandedItems: CabinetItem[];
   expandLoading: boolean;
   onExpand: (id: string) => void;
-  onAdjust: (id: string, delta: number) => void;
+  onAdjust: (id: string, delta: number) => Promise<void>;
   onDelete: (id: string) => void;
 }) {
   if (items.length === 0) {
@@ -597,7 +632,7 @@ function DetailView({
   onDelete,
 }: {
   items: CabinetItem[];
-  onAdjust: (id: string, delta: number) => void;
+  onAdjust: (id: string, delta: number) => Promise<void>;
   onDelete: (id: string) => void;
 }) {
   if (items.length === 0) {
@@ -639,9 +674,11 @@ function CabinetItemCard({
 }: {
   item: CabinetItem;
   showMedicineName?: boolean;
-  onAdjust: (id: string, delta: number) => void;
+  onAdjust: (id: string, delta: number) => Promise<void>;
   onDelete: (id: string) => void;
 }) {
+  const [isPending, setIsPending] = useState(false);
+
   const statusStyle =
     item.status === 'active'
       ? { background: 'var(--ok-soft)', color: 'var(--ok)' }
@@ -649,6 +686,16 @@ function CabinetItemCard({
         ? { background: 'var(--danger-soft)', color: 'var(--danger)' }
         : { background: 'var(--bg-inset)', color: 'var(--ink-muted)' };
 
+  async function handleAdjust(delta: number) {
+    if (isPending) return;
+    setIsPending(true);
+    try {
+      await onAdjust(item._id, delta);
+    } finally {
+      setIsPending(false);
+    }
+  }
+
   return (
     <div
       style={{
@@ -658,6 +705,9 @@ function CabinetItemCard({
         gap: 12,
         width: '100%',
         minWidth: 0,
+        opacity: isPending ? 0.6 : 1,
+        pointerEvents: isPending ? 'none' : 'auto',
+        transition: 'opacity 0.2s',
       }}
     >
       {/* Left: info */}
@@ -732,7 +782,7 @@ function CabinetItemCard({
         {item.status === 'active' && (
           <div style={{ display: 'flex', alignItems: 'center', gap: 3 }}>
             <button
-              onClick={() => onAdjust(item._id, -1)}
+              onClick={() => handleAdjust(-1)}
               style={{
                 border: '1px solid var(--border)',
                 padding: '3px 8px',
@@ -749,7 +799,7 @@ function CabinetItemCard({
               -1
             </button>
             <button
-              onClick={() => onAdjust(item._id, 1)}
+              onClick={() => handleAdjust(1)}
               style={{
                 border: '1px solid var(--border)',
                 padding: '3px 8px',
diff --git a/packages/web/src/app/(dashboard)/medicines/RegimensTab.tsx b/packages/web/src/app/(dashboard)/medicines/RegimensTab.tsx
index f37adee..b871abc 100644
--- a/packages/web/src/app/(dashboard)/medicines/RegimensTab.tsx
+++ b/packages/web/src/app/(dashboard)/medicines/RegimensTab.tsx
@@ -1,6 +1,7 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import useSWR, { mutate } from 'swr';
 import {
   listRegimens,
   createRegimen,
@@ -449,38 +450,42 @@ function BurnRateTable({ burnRates }: { burnRates: BurnRateItem[] }) {
 // --- Main component ---
 
 export function RegimensTab({ householdId }: { householdId: string }) {
-  const [regimens, setRegimens] = useState<Regimen[]>([]);
-  const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
   const [medicines, setMedicines] = useState<MedicineOption[]>([]);
   const [showForm, setShowForm] = useState(false);
   const [editingRegimen, setEditingRegimen] = useState<Regimen | null>(null);
   const [filterActive, setFilterActive] = useState<'all' | 'active' | 'inactive'>('all');
-  const [burnRates, setBurnRates] = useState<BurnRateItem[]>([]);
   const [showBurnRate, setShowBurnRate] = useState(false);
-  const [burnRateLoading, setBurnRateLoading] = useState(false);
 
-  const fetchRegimens = useCallback(async () => {
-    setLoading(true);
-    try {
-      const query =
-        filterActive === 'active'
-          ? { isActive: true }
-          : filterActive === 'inactive'
-            ? { isActive: false }
-            : {};
-      const result = await listRegimens(householdId, { ...query, limit: 50 });
-      setRegimens(result.data);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to load regimens');
-    } finally {
-      setLoading(false);
-    }
-  }, [householdId, filterActive]);
+  const query = useMemo(() => {
+    const q: any = { limit: 50 };
+    if (filterActive === 'active') q.isActive = true;
+    if (filterActive === 'inactive') q.isActive = false;
+    return q;
+  }, [filterActive]);
+
+  const swrKey = householdId ? `regimens-${householdId}-${JSON.stringify(query)}` : null;
+  const { data: regimensResponse, mutate: mutateRegimens, isLoading: loading, error: swrError } = useSWR(
+    swrKey,
+    () => listRegimens(householdId, query)
+  );
+
+  const regimens = regimensResponse?.data ?? [];
+
+  const { data: burnRateResponse, mutate: mutateBurnRates, isLoading: burnRateSWRLoading, error: burnRateError } = useSWR(
+    householdId && showBurnRate ? `burn-rates-${householdId}` : null,
+    () => getBurnRates(householdId)
+  );
+
+  const burnRates = burnRateResponse?.data ?? [];
+  const burnRateLoading = showBurnRate && burnRateSWRLoading;
 
   useEffect(() => {
-    fetchRegimens();
-  }, [fetchRegimens]);
+    const err = swrError || burnRateError;
+    if (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load data');
+    }
+  }, [swrError, burnRateError]);
 
   // Medicines are needed for the form
   useEffect(() => {
@@ -490,39 +495,50 @@ export function RegimensTab({ householdId }: { householdId: string }) {
   }, [householdId]);
 
   async function handleDelete(id: string, name: string) {
-    if (!confirm(`Delete regimen "${name}"?`)) return;
+    if (!window.confirm(`Delete regimen "${name}"?`)) return;
+    
+    // Optimistic delete
+    mutateRegimens(async (current) => {
+      if (!current) return current;
+      return { ...current, data: current.data.filter((r: any) => r._id !== id) };
+    }, { revalidate: false });
+
     try {
       await deleteRegimen(householdId, id);
-      setRegimens((prev) => prev.filter((r) => r._id !== id));
+      mutateRegimens();
+      if (showBurnRate) mutateBurnRates();
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to delete');
+      mutateRegimens();
     }
   }
 
   async function handleToggleActive(regimen: Regimen) {
+    const nextActive = !regimen.isActive;
+    
+    // Optimistic toggle
+    mutateRegimens(async (current) => {
+      if (!current) return current;
+      return {
+        ...current,
+        data: current.data.map((r: any) => r._id === regimen._id ? { ...r, isActive: nextActive } : r)
+      };
+    }, { revalidate: false });
+
     try {
-      const updated = await updateRegimen(householdId, regimen._id, {
-        isActive: !regimen.isActive,
+      await updateRegimen(householdId, regimen._id, {
+        isActive: nextActive,
       });
-      setRegimens((prev) => prev.map((r) => (r._id === regimen._id ? updated : r)));
+      mutateRegimens();
+      if (showBurnRate) mutateBurnRates();
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to update');
+      mutateRegimens();
     }
   }
 
   async function handleShowBurnRate() {
     setShowBurnRate((prev) => !prev);
-    if (!showBurnRate && burnRates.length === 0) {
-      setBurnRateLoading(true);
-      try {
-        const result = await getBurnRates(householdId);
-        setBurnRates(result.data);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : 'Failed to load burn rates');
-      } finally {
-        setBurnRateLoading(false);
-      }
-    }
   }
 
   const isFormOpen = showForm || editingRegimen !== null;
@@ -585,8 +601,8 @@ export function RegimensTab({ householdId }: { householdId: string }) {
           medicines={medicines}
           onSaved={() => {
             setShowForm(false);
-            fetchRegimens();
-            setBurnRates([]);
+            mutateRegimens();
+            if (showBurnRate) mutateBurnRates();
           }}
           onCancel={() => setShowForm(false)}
         />
@@ -599,8 +615,8 @@ export function RegimensTab({ householdId }: { householdId: string }) {
           initial={editingRegimen}
           onSaved={() => {
             setEditingRegimen(null);
-            fetchRegimens();
-            setBurnRates([]);
+            mutateRegimens();
+            if (showBurnRate) mutateBurnRates();
           }}
           onCancel={() => setEditingRegimen(null)}
         />
diff --git a/packages/web/src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx b/packages/web/src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx
index 7c8ec2a..6668989 100644
--- a/packages/web/src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx
+++ b/packages/web/src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx
@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { SWRConfig } from 'swr';
 import type React from 'react';
 
 const {
@@ -63,9 +64,13 @@ beforeEach(() => {
   mockListMedicines.mockResolvedValue(emptyMeds);
 });
 
+const wrapper = ({ children }: { children: React.ReactNode }) => (
+  <SWRConfig value={{ provider: () => new Map(), dedupingInterval: 0 }}>{children}</SWRConfig>
+);
+
 describe('CabinetTab', () => {
   it('shows empty state when no items', async () => {
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(screen.getByText(/cabinet is empty/i)).toBeInTheDocument());
   });
@@ -73,7 +78,7 @@ describe('CabinetTab', () => {
   it('shows error when list fails', async () => {
     mockGetCabinetSummary.mockRejectedValue(new Error('Server error'));
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(screen.getByText('Server error')).toBeInTheDocument());
   });
@@ -81,7 +86,7 @@ describe('CabinetTab', () => {
   it('dismisses error on Dismiss click', async () => {
     mockGetCabinetSummary.mockRejectedValue(new Error('Server error'));
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Server error'));
     await userEvent.click(screen.getByText('Dismiss'));
@@ -89,7 +94,7 @@ describe('CabinetTab', () => {
   });
 
   it('toggles Add to Cabinet form', async () => {
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -100,7 +105,7 @@ describe('CabinetTab', () => {
   });
 
   it('switches between Summary and All Items views', async () => {
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -114,7 +119,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -130,7 +135,7 @@ describe('CabinetTab', () => {
     mockAdjustCabinetItemQuantity.mockResolvedValue({ ...cabinetItem, quantity: 11 });
     mockGetCabinetSummary.mockResolvedValue(emptySummary);
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -158,7 +163,7 @@ describe('CabinetTab', () => {
       ],
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(screen.getByText('Metformin')).toBeInTheDocument());
     expect(screen.getByText(/2 items/)).toBeInTheDocument();
@@ -185,7 +190,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Metformin'));
     await userEvent.click(screen.getByText('Metformin').closest('button')!);
@@ -201,7 +206,7 @@ describe('CabinetTab', () => {
   it('submits AddToCabinetForm with medicine selection validation', async () => {
     mockCreateCabinetItem.mockResolvedValue(cabinetItem);
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -229,7 +234,7 @@ describe('CabinetTab', () => {
     });
     mockCreateCabinetItem.mockResolvedValue(cabinetItem);
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -266,7 +271,7 @@ describe('CabinetTab', () => {
     });
     mockCreateCabinetItem.mockResolvedValue(cabinetItem);
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -308,7 +313,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -346,7 +351,7 @@ describe('CabinetTab', () => {
       ],
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -369,7 +374,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -384,7 +389,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -403,7 +408,7 @@ describe('CabinetTab', () => {
     mockAdjustCabinetItemQuantity.mockResolvedValue({ ...cabinetItem, quantity: 9 });
     mockGetCabinetSummary.mockResolvedValue(emptySummary);
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -435,7 +440,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Metformin'));
     await userEvent.click(screen.getByText('Metformin').closest('button')!);
@@ -451,7 +456,7 @@ describe('CabinetTab', () => {
   it('shows error when createCabinetItem fails', async () => {
     mockCreateCabinetItem.mockRejectedValue(new Error('Create failed'));
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -471,7 +476,7 @@ describe('CabinetTab', () => {
     mockDeleteCabinetItem.mockResolvedValue({});
     vi.spyOn(window, 'confirm').mockReturnValue(true);
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -489,7 +494,7 @@ describe('CabinetTab', () => {
     });
     mockAdjustCabinetItemQuantity.mockRejectedValue(new Error('Adjust failed'));
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -508,7 +513,7 @@ describe('CabinetTab', () => {
     mockDeleteCabinetItem.mockRejectedValue(new Error('Delete failed'));
     vi.spyOn(window, 'confirm').mockReturnValue(true);
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -520,7 +525,7 @@ describe('CabinetTab', () => {
   });
 
   it('cancels AddToCabinetForm with internal Cancel button', async () => {
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -551,12 +556,12 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Metformin'));
-    // First click expands — handleExpand + useEffect both call listCabinetItems
+    // First click expands — handleExpand calls listCabinetItems
     await userEvent.click(screen.getByText('Metformin').closest('button')!);
-    await waitFor(() => expect(mockListCabinetItems).toHaveBeenCalledTimes(2));
+    await waitFor(() => expect(mockListCabinetItems).toHaveBeenCalledTimes(1));
     const callsAfterExpand = mockListCabinetItems.mock.calls.length;
 
     // Second click collapses — no additional listCabinetItems calls
@@ -584,12 +589,12 @@ describe('CabinetTab', () => {
     });
     mockListCabinetItems.mockRejectedValue(new Error('Expand failed'));
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Metformin'));
     await userEvent.click(screen.getByText('Metformin').closest('button')!);
 
-    await waitFor(() => expect(mockListCabinetItems).toHaveBeenCalledTimes(2));
+    await waitFor(() => expect(mockListCabinetItems).toHaveBeenCalledTimes(1));
     // No items should be shown (empty after error)
     expect(screen.queryByTitle('Take 1')).not.toBeInTheDocument();
   });
@@ -603,7 +608,7 @@ describe('CabinetTab', () => {
     });
     mockCreateCabinetItem.mockRejectedValue(new Error('Create failed'));
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
@@ -621,7 +626,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All Items'));
     await userEvent.click(screen.getByText('All Items'));
@@ -637,7 +642,7 @@ describe('CabinetTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
     await userEvent.click(screen.getByText('Add to Cabinet'));
 
     // Wait for medicine options to load (covers medicines.map callback)
@@ -665,7 +670,7 @@ describe('CabinetTab', () => {
     });
     mockCreateCabinetItem.mockRejectedValue('unexpected');
 
-    render(<CabinetTab householdId="hh1" />);
+    render(<CabinetTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Add to Cabinet'));
     await userEvent.click(screen.getByText('Add to Cabinet'));
diff --git a/packages/web/src/app/(dashboard)/medicines/__tests__/RegimensTab.test.tsx b/packages/web/src/app/(dashboard)/medicines/__tests__/RegimensTab.test.tsx
index 335d8b6..29b4f8d 100644
--- a/packages/web/src/app/(dashboard)/medicines/__tests__/RegimensTab.test.tsx
+++ b/packages/web/src/app/(dashboard)/medicines/__tests__/RegimensTab.test.tsx
@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { SWRConfig } from 'swr';
 
 const {
   mockListRegimens,
@@ -59,9 +60,13 @@ beforeEach(() => {
   mockGetBurnRates.mockResolvedValue({ data: [] });
 });
 
+const wrapper = ({ children }: { children: React.ReactNode }) => (
+  <SWRConfig value={{ provider: () => new Map(), dedupingInterval: 0 }}>{children}</SWRConfig>
+);
+
 describe('RegimensTab', () => {
   it('shows empty state when no regimens', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(screen.getByText(/No regimens yet/)).toBeInTheDocument());
   });
@@ -72,7 +77,7 @@ describe('RegimensTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(screen.getByText('Morning Routine')).toBeInTheDocument());
   });
@@ -80,7 +85,7 @@ describe('RegimensTab', () => {
   it('shows error when list fails', async () => {
     mockListRegimens.mockRejectedValue(new Error('Load failed'));
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(screen.getByText('Load failed')).toBeInTheDocument());
   });
@@ -88,7 +93,7 @@ describe('RegimensTab', () => {
   it('dismisses error', async () => {
     mockListRegimens.mockRejectedValue(new Error('Load failed'));
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Load failed'));
     await userEvent.click(screen.getByText('Dismiss'));
@@ -96,7 +101,7 @@ describe('RegimensTab', () => {
   });
 
   it('toggles new regimen form', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getByText('New Regimen'));
@@ -110,7 +115,7 @@ describe('RegimensTab', () => {
   it('creates a regimen when form is submitted', async () => {
     mockCreateRegimen.mockResolvedValue(regimen);
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -137,7 +142,7 @@ describe('RegimensTab', () => {
     mockDeleteRegimen.mockResolvedValue({});
     vi.spyOn(window, 'confirm').mockReturnValue(true);
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Delete'));
@@ -148,7 +153,7 @@ describe('RegimensTab', () => {
   it('shows burn rate section when toggled', async () => {
     mockGetBurnRates.mockResolvedValue({ data: [] });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Burn rate'));
     await userEvent.click(screen.getByText('Burn rate'));
@@ -165,7 +170,7 @@ describe('RegimensTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Edit'));
@@ -180,7 +185,7 @@ describe('RegimensTab', () => {
     });
     mockUpdateRegimen.mockResolvedValue({ ...regimen, name: 'Evening Routine' });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Edit'));
@@ -201,7 +206,7 @@ describe('RegimensTab', () => {
   });
 
   it('shows validation error when submitting regimen form with no medications', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -228,7 +233,7 @@ describe('RegimensTab', () => {
     mockDeleteRegimen.mockRejectedValue(new Error('Delete failed'));
     vi.spyOn(window, 'confirm').mockReturnValue(true);
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Delete'));
@@ -255,7 +260,7 @@ describe('RegimensTab', () => {
       ],
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Burn rate'));
     await userEvent.click(screen.getByText('Burn rate'));
@@ -270,7 +275,7 @@ describe('RegimensTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Edit'));
@@ -287,7 +292,7 @@ describe('RegimensTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('All regimens'));
     fireEvent.change(screen.getByDisplayValue('All regimens'), { target: { value: 'active' } });
@@ -296,7 +301,7 @@ describe('RegimensTab', () => {
   });
 
   it('adds a medication in the regimen form', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -309,7 +314,7 @@ describe('RegimensTab', () => {
   });
 
   it('toggles isActive checkbox in regimen form', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -328,7 +333,7 @@ describe('RegimensTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -358,7 +363,7 @@ describe('RegimensTab', () => {
   });
 
   it('changes instructions field in medication row', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -372,7 +377,7 @@ describe('RegimensTab', () => {
   });
 
   it('changes frequency to custom and sets times per day', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -398,7 +403,7 @@ describe('RegimensTab', () => {
   });
 
   it('changes time of day in medication row', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -418,7 +423,7 @@ describe('RegimensTab', () => {
   it('shows error when burn rate fetch fails', async () => {
     mockGetBurnRates.mockRejectedValue(new Error('Burn rate failed'));
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Burn rate'));
     await userEvent.click(screen.getByText('Burn rate'));
@@ -433,7 +438,7 @@ describe('RegimensTab', () => {
     });
     mockUpdateRegimen.mockRejectedValue(new Error('Update failed'));
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Deactivate'));
@@ -448,7 +453,7 @@ describe('RegimensTab', () => {
     });
     mockUpdateRegimen.mockResolvedValue({ ...regimen, isActive: false });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Deactivate'));
@@ -457,7 +462,7 @@ describe('RegimensTab', () => {
   });
 
   it('cancels new regimen form using internal Cancel button', async () => {
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -473,7 +478,7 @@ describe('RegimensTab', () => {
   it('filters regimens by inactive status', async () => {
     mockListRegimens.mockResolvedValue(emptyRegimens);
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(mockListRegimens).toHaveBeenCalledTimes(1));
 
@@ -491,7 +496,7 @@ describe('RegimensTab', () => {
   it('shows filtered empty state when filter is active and no results', async () => {
     mockListRegimens.mockResolvedValue(emptyRegimens);
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByDisplayValue('All regimens'));
     fireEvent.change(screen.getByDisplayValue('All regimens'), { target: { value: 'active' } });
@@ -502,7 +507,7 @@ describe('RegimensTab', () => {
   it('shows null when form is open and regimens list is empty', async () => {
     mockListRegimens.mockResolvedValue(emptyRegimens);
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -525,7 +530,7 @@ describe('RegimensTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => expect(screen.getByText(/2 medications/)).toBeInTheDocument());
   });
@@ -534,18 +539,18 @@ describe('RegimensTab', () => {
     mockGetBurnRates.mockRejectedValue('burn failed');
     mockListRegimens.mockResolvedValue(emptyRegimens);
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Burn rate'));
     await userEvent.click(screen.getByText('Burn rate'));
 
-    await waitFor(() => expect(screen.getByText('Failed to load burn rates')).toBeInTheDocument());
+    await waitFor(() => expect(screen.getByText('Failed to load data')).toBeInTheDocument());
   });
 
   it('shows fallback error when non-Error thrown on create regimen', async () => {
     mockCreateRegimen.mockRejectedValue('save failed');
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('New Regimen'));
     await userEvent.click(screen.getAllByText('New Regimen')[0]);
@@ -563,7 +568,7 @@ describe('RegimensTab', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<RegimensTab householdId="hh1" />);
+    render(<RegimensTab householdId="hh1" />, { wrapper });
 
     await waitFor(() => screen.getByText('Morning Routine'));
     await userEvent.click(screen.getByTitle('Edit'));
diff --git a/packages/web/src/app/(dashboard)/pantry/PantryList.tsx b/packages/web/src/app/(dashboard)/pantry/PantryList.tsx
index 8cba08b..7c16e0d 100644
--- a/packages/web/src/app/(dashboard)/pantry/PantryList.tsx
+++ b/packages/web/src/app/(dashboard)/pantry/PantryList.tsx
@@ -1,6 +1,7 @@
 'use client';
 
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import useSWR, { mutate } from 'swr';
 import { listPantryItems, transitionPantryItem, deletePantryItem } from '@/services/pantry';
 import { StorageLocation, ItemStatus, FreshnessUrgency } from '@meshitrack/shared';
 import type { z } from 'zod/v4';
@@ -59,55 +60,65 @@ const TRANSITION_LABELS: Record<string, string> = {
 };
 
 export function PantryList({ householdId }: { householdId: string }) {
-  const [items, setItems] = useState<PantryItem[]>([]);
-  const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
   const [storageFilter, setStorageFilter] = useState('');
   const [statusFilter, setStatusFilter] = useState('');
-  const abortRef = useRef<AbortController | null>(null);
 
-  const fetchItems = useCallback(async () => {
-    if (!householdId) return;
-    abortRef.current?.abort();
-    abortRef.current = new AbortController();
-    setLoading(true);
-    setError('');
-    try {
-      const result = await listPantryItems(householdId, {
-        storageLocation: storageFilter || undefined,
-        status: statusFilter || undefined,
-        limit: 50,
-      });
-      setItems(result.data);
-    } catch (err) {
-      if (err instanceof Error && err.name !== 'AbortError') {
-        setError(err.message);
-      }
-    } finally {
-      setLoading(false);
-    }
-  }, [householdId, storageFilter, statusFilter]);
+  const query = useMemo(() => ({
+    storageLocation: storageFilter || undefined,
+    status: statusFilter || undefined,
+    limit: 50,
+  }), [storageFilter, statusFilter]);
+
+  const swrKey = householdId ? `pantry-${householdId}-${JSON.stringify(query)}` : null;
+  const { data: pantryResponse, mutate: mutatePantry, isLoading: loading, error: swrError } = useSWR(
+    swrKey,
+    () => listPantryItems(householdId, query)
+  );
+
+  const items = pantryResponse?.data ?? [];
 
   useEffect(() => {
-    fetchItems();
-  }, [fetchItems]);
+    if (swrError) setError(swrError instanceof Error ? swrError.message : 'Failed to load pantry');
+  }, [swrError]);
 
   async function handleTransition(id: string, status: string) {
+    // Optimistic update
+    mutatePantry(async (current: any) => {
+      if (!current) return current;
+      return {
+        ...current,
+        data: current.data.map((item: any) => (item._id === id ? { ...item, status } : item))
+      };
+    }, { revalidate: false });
+
     try {
       const updated = await transitionPantryItem(householdId, id, { status } as never);
-      setItems((prev) => prev.map((item) => (item._id === id ? updated : item)));
+      mutatePantry();
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Transition failed');
+      mutatePantry();
     }
   }
 
   async function handleDelete(id: string, name: string) {
-    if (!confirm(`Delete "${name}"?`)) return;
+    if (!window.confirm(`Delete "${name}"?`)) return;
+
+    // Optimistic delete
+    mutatePantry(async (current: any) => {
+      if (!current) return current;
+      return {
+        ...current,
+        data: current.data.filter((item: any) => item._id !== id)
+      };
+    }, { revalidate: false });
+
     try {
       await deletePantryItem(householdId, id);
-      setItems((prev) => prev.filter((item) => item._id !== id));
+      mutatePantry();
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to delete');
+      mutatePantry();
     }
   }
 
diff --git a/packages/web/src/app/(dashboard)/pantry/__tests__/page.test.tsx b/packages/web/src/app/(dashboard)/pantry/__tests__/page.test.tsx
index 12836a4..789215b 100644
--- a/packages/web/src/app/(dashboard)/pantry/__tests__/page.test.tsx
+++ b/packages/web/src/app/(dashboard)/pantry/__tests__/page.test.tsx
@@ -1,5 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
+import { SWRConfig } from 'swr';
 
 const { mockUseApi } = vi.hoisted(() => ({
   mockUseApi: vi.fn(),
@@ -28,6 +29,10 @@ import PantryPage from '../page';
 
 beforeEach(() => vi.clearAllMocks());
 
+const wrapper = ({ children }: { children: React.ReactNode }) => (
+  <SWRConfig value={{ provider: () => new Map(), dedupingInterval: 0 }}>{children}</SWRConfig>
+);
+
 const SAMPLE_ITEM = {
   _id: 'pi-1',
   householdId: 'hh1',
@@ -53,7 +58,7 @@ describe('PantryPage', () => {
   it('shows loading skeleton when session is loading', () => {
     mockUseApi.mockReturnValue({ householdId: null, isLoading: true });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     expect(screen.getByText('Pantry')).toBeInTheDocument();
     expect(screen.queryByText('All')).not.toBeInTheDocument();
@@ -62,7 +67,7 @@ describe('PantryPage', () => {
   it('shows household prompt when no householdId', () => {
     mockUseApi.mockReturnValue({ householdId: null, isLoading: false });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     expect(screen.getByText(/create or join a household/)).toBeInTheDocument();
   });
@@ -74,7 +79,7 @@ describe('PantryPage', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Whole Milk')).toBeInTheDocument();
@@ -88,7 +93,7 @@ describe('PantryPage', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText(/No pantry items yet/)).toBeInTheDocument();
@@ -102,7 +107,7 @@ describe('PantryPage', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Fresh')).toBeInTheDocument();
@@ -127,7 +132,7 @@ describe('PantryPage', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('2d overdue')).toBeInTheDocument();
@@ -142,7 +147,7 @@ describe('PantryPage', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Open')).toBeInTheDocument();
@@ -162,7 +167,7 @@ describe('PantryPage', () => {
       status: 'opened',
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Open')).toBeInTheDocument();
@@ -184,7 +189,7 @@ describe('PantryPage', () => {
     mockDeletePantryItem.mockResolvedValue(undefined);
     vi.spyOn(window, 'confirm').mockReturnValue(true);
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Delete')).toBeInTheDocument();
@@ -205,7 +210,7 @@ describe('PantryPage', () => {
     });
     vi.spyOn(window, 'confirm').mockReturnValue(false);
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Delete')).toBeInTheDocument();
@@ -223,7 +228,7 @@ describe('PantryPage', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Fridge')).toBeInTheDocument();
@@ -246,7 +251,7 @@ describe('PantryPage', () => {
       pagination: { cursor: null, hasMore: false },
     });
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByDisplayValue('All statuses')).toBeInTheDocument();
@@ -266,7 +271,7 @@ describe('PantryPage', () => {
     mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
     mockListPantryItems.mockRejectedValue(new Error('Network error'));
 
-    render(<PantryPage />);
+    render(<PantryPage />, { wrapper });
 
     await waitFor(() => {
       expect(screen.getByText('Network error')).toBeInTheDocument();
diff --git a/packages/web/src/app/(dashboard)/products/__tests__/page.test.tsx b/packages/web/src/app/(dashboard)/products/__tests__/page.test.tsx
index b742337..8aee1da 100644
--- a/packages/web/src/app/(dashboard)/products/__tests__/page.test.tsx
+++ b/packages/web/src/app/(dashboard)/products/__tests__/page.test.tsx
@@ -5,9 +5,11 @@ const { mockUseApi } = vi.hoisted(() => ({
   mockUseApi: vi.fn(),
 }));
 
-const { mockListProducts, mockDeleteProduct } = vi.hoisted(() => ({
+const { mockListProducts, mockDeleteProduct, mockCreateProduct, mockUpdateProduct } = vi.hoisted(() => ({
   mockListProducts: vi.fn(),
   mockDeleteProduct: vi.fn(),
+  mockCreateProduct: vi.fn(),
+  mockUpdateProduct: vi.fn(),
 }));
 
 vi.mock('@/lib/useApi', () => ({ useApi: mockUseApi }));
@@ -15,6 +17,8 @@ vi.mock('@/lib/useApi', () => ({ useApi: mockUseApi }));
 vi.mock('@/services/products', () => ({
   listProducts: mockListProducts,
   deleteProduct: mockDeleteProduct,
+  createProduct: mockCreateProduct,
+  updateProduct: mockUpdateProduct,
 }));
 
 vi.mock('next/link', () => {
@@ -225,4 +229,114 @@ describe('ProductsPage', () => {
     expect(screen.getByText('C: 0g')).toBeInTheDocument();
     expect(screen.getByText('F: 3.6g')).toBeInTheDocument();
   });
+
+  it('toggles import dialog open and close', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockListProducts.mockResolvedValue({
+      data: [],
+      pagination: { cursor: null, hasMore: false },
+    });
+
+    render(<ProductsPage />);
+    await waitFor(() => expect(screen.getByText('Import')).toBeInTheDocument());
+
+    fireEvent.click(screen.getByText('Import'));
+    expect(screen.getByText('Import Products')).toBeInTheDocument();
+
+    // Use button name or text inside the dialog container to close
+    const cancelBtns = screen.getAllByRole('button', { name: /Cancel/i });
+    fireEvent.click(cancelBtns[cancelBtns.length - 1]);
+  });
+
+  it('toggles add product modal open and close', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockListProducts.mockResolvedValue({
+      data: [],
+      pagination: { cursor: null, hasMore: false },
+    });
+
+    render(<ProductsPage />);
+    await waitFor(() => expect(screen.getByText('Add Product')).toBeInTheDocument());
+
+    fireEvent.click(screen.getByText('Add Product'));
+    const headings = screen.getAllByRole('heading');
+    expect(headings.some(h => h.textContent === 'Add Product')).toBe(true);
+
+    const cancelBtn = screen.getByRole('button', { name: /Cancel/i });
+    fireEvent.click(cancelBtn);
+  });
+
+  it('opens and closes edit product modal', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockListProducts.mockResolvedValue({
+      data: [SAMPLE_PRODUCT],
+      pagination: { cursor: null, hasMore: false },
+    });
+
+    render(<ProductsPage />);
+    await screen.findByText('Chicken Breast');
+
+    const editBtn = screen.getByRole('button', { name: /edit product/i });
+    fireEvent.click(editBtn);
+
+    const headings = screen.getAllByRole('heading');
+    expect(headings.some(h => h.textContent === 'Edit Product')).toBe(true);
+
+    const cancelBtn = screen.getByRole('button', { name: /Cancel/i });
+    fireEvent.click(cancelBtn);
+  });
+
+  it('submits add product modal successfully', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockListProducts.mockResolvedValue({
+      data: [],
+      pagination: { cursor: null, hasMore: false },
+    });
+    mockCreateProduct.mockResolvedValue({ _id: 'pnew' });
+
+    render(<ProductsPage />);
+    await screen.findByText('Add Product');
+    fireEvent.click(screen.getByText('Add Product'));
+
+    const nameInput = screen.getByPlaceholderText('Product name');
+    fireEvent.change(nameInput, { target: { value: 'Fresh Banana' } });
+
+    // Fill mandatory numeric inputs to satisfy form validation
+    const numInputs = screen.getAllByRole('spinbutton');
+    numInputs.forEach(input => {
+      fireEvent.change(input, { target: { value: '100' } });
+    });
+
+    const saveBtn = screen.getByRole('button', { name: /^Save$/i });
+    fireEvent.click(saveBtn);
+
+    await waitFor(() => {
+      expect(mockCreateProduct).toHaveBeenCalledWith('hh1', expect.objectContaining({ name: 'Fresh Banana' }));
+    });
+  });
+
+  it('submits edit product modal successfully', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockListProducts.mockResolvedValue({
+      data: [SAMPLE_PRODUCT],
+      pagination: { cursor: null, hasMore: false },
+    });
+    mockUpdateProduct.mockResolvedValue({ _id: 'p1' });
+
+    render(<ProductsPage />);
+    await screen.findByText('Chicken Breast');
+
+    const editBtn = screen.getByRole('button', { name: /edit product/i });
+    fireEvent.click(editBtn);
+
+    const nameInput = screen.getByPlaceholderText('Product name');
+    fireEvent.change(nameInput, { target: { value: 'Updated Chicken' } });
+
+    const saveBtn = screen.getByRole('button', { name: /^Save$/i });
+    fireEvent.click(saveBtn);
+
+    await waitFor(() => {
+      expect(mockUpdateProduct).toHaveBeenCalledWith('hh1', 'p1', expect.objectContaining({ name: 'Updated Chicken' }));
+    });
+  });
 });
diff --git a/packages/web/src/app/(dashboard)/recipes/[id]/__tests__/page.test.tsx b/packages/web/src/app/(dashboard)/recipes/[id]/__tests__/page.test.tsx
index 43bca6d..88ce116 100644
--- a/packages/web/src/app/(dashboard)/recipes/[id]/__tests__/page.test.tsx
+++ b/packages/web/src/app/(dashboard)/recipes/[id]/__tests__/page.test.tsx
@@ -1,5 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, waitFor } from '@testing-library/react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 
 const { mockUseApi } = vi.hoisted(() => ({
   mockUseApi: vi.fn(),
@@ -228,4 +228,64 @@ describe('RecipeDetailPage', () => {
       expect(screen.queryByText('Starred')).not.toBeInTheDocument();
     });
   });
+
+  it('scales the recipe servings', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockGetRecipe.mockResolvedValue(SAMPLE_RECIPE);
+    mockScaleRecipe.mockResolvedValue({
+      ...SAMPLE_RECIPE,
+      servings: 8,
+      ingredients: SAMPLE_RECIPE.ingredients.map(i => ({ ...i, quantity: i.quantity * 2 })),
+    });
+
+    render(<RecipeDetailPage />);
+    await screen.findByText('Spaghetti Bolognese');
+
+    const scaleInput = screen.getByRole('spinbutton');
+    fireEvent.change(scaleInput, { target: { value: '8' } });
+
+    const scaleBtn = screen.getByRole('button', { name: /Scale/i });
+    fireEvent.click(scaleBtn);
+
+    await waitFor(() => {
+      expect(mockScaleRecipe).toHaveBeenCalledWith('hh1', 'r1', { targetServings: 8 });
+    });
+
+    // Test resetting back to original
+    const resetBtn = screen.getByRole('button', { name: /Reset to original/i });
+    fireEvent.click(resetBtn);
+    expect((scaleInput as HTMLInputElement).value).toBe('4');
+  });
+
+  it('handles scale recipe failure gracefully', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockGetRecipe.mockResolvedValue(SAMPLE_RECIPE);
+    mockScaleRecipe.mockRejectedValue(new Error('Scale failed'));
+
+    render(<RecipeDetailPage />);
+    await screen.findByText('Spaghetti Bolognese');
+
+    const scaleInput = screen.getByRole('spinbutton');
+    fireEvent.change(scaleInput, { target: { value: '6' } });
+
+    const scaleBtn = screen.getByRole('button', { name: /Scale/i });
+    fireEvent.click(scaleBtn);
+
+    await waitFor(() => {
+      expect(screen.getByText('Scale failed')).toBeInTheDocument();
+    });
+  });
+
+  it('skips scaling if servings did not change', async () => {
+    mockUseApi.mockReturnValue({ householdId: 'hh1', isLoading: false });
+    mockGetRecipe.mockResolvedValue(SAMPLE_RECIPE);
+
+    render(<RecipeDetailPage />);
+    await screen.findByText('Spaghetti Bolognese');
+
+    const scaleBtn = screen.getByRole('button', { name: /Scale/i });
+    fireEvent.click(scaleBtn);
+
+    expect(mockScaleRecipe).not.toHaveBeenCalled();
+  });
 });
diff --git a/packages/web/src/app/(dashboard)/recipes/__tests__/RecipeEditor.test.tsx b/packages/web/src/app/(dashboard)/recipes/__tests__/RecipeEditor.test.tsx
index 26508b6..9476ad9 100644
--- a/packages/web/src/app/(dashboard)/recipes/__tests__/RecipeEditor.test.tsx
+++ b/packages/web/src/app/(dashboard)/recipes/__tests__/RecipeEditor.test.tsx
@@ -226,4 +226,37 @@ describe('RecipeEditor', () => {
 
     expect(mockBack).toHaveBeenCalled();
   });
+
+  it('handles updating ingredient optional properties and removing ingredients', () => {
+    render(<RecipeEditor householdId="hh1" />);
+
+    fireEvent.click(screen.getByText('+ Add ingredient'));
+    
+    const prepInputs = screen.getAllByPlaceholderText(/Preparation/i);
+    fireEvent.change(prepInputs[0], { target: { value: 'Diced' } });
+    
+    const removeBtns = screen.getAllByRole('button', { name: '×' });
+    fireEvent.click(removeBtns[0]);
+
+    const remainingPrepInputs = screen.getAllByPlaceholderText(/Preparation/i);
+    expect(remainingPrepInputs).toHaveLength(1);
+  });
+
+  it('handles step metadata and removing steps', () => {
+    render(<RecipeEditor householdId="hh1" />);
+
+    fireEvent.click(screen.getByText('+ Add step'));
+
+    const durationInputs = screen.getAllByPlaceholderText(/Duration/i);
+    const tipInputs = screen.getAllByPlaceholderText(/Tip/i);
+    
+    fireEvent.change(durationInputs[0], { target: { value: '15' } });
+    fireEvent.change(tipInputs[0], { target: { value: "Don't burn it" } });
+
+    const removeBtns = screen.getAllByRole('button', { name: '×' });
+    fireEvent.click(removeBtns[removeBtns.length - 1]);
+
+    const remainingDurationInputs = screen.getAllByPlaceholderText(/Duration/i);
+    expect(remainingDurationInputs).toHaveLength(1);
+  });
 });
diff --git a/packages/web/src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx b/packages/web/src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx
new file mode 100644
index 0000000..dc88fac
--- /dev/null
+++ b/packages/web/src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx
@@ -0,0 +1,267 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { SWRConfig } from 'swr';
+import ShoppingListDetailPage from '../page';
+import * as useApiModule from '@/lib/useApi';
+import * as ShoppingListsService from '@/services/shopping-lists';
+import * as ProductsService from '@/services/products';
+import * as useShoppingListSyncModule from '@/lib/useShoppingListSync';
+
+vi.mock('@/lib/useApi');
+vi.mock('@/services/shopping-lists');
+vi.mock('@/services/products');
+vi.mock('@/lib/useShoppingListSync');
+
+const { mockPush } = vi.hoisted(() => ({
+  mockPush: vi.fn(),
+}));
+
+// Mock next/navigation params
+vi.mock('next/navigation', () => ({
+  useParams: () => ({ id: 'list1' }),
+  useRouter: () => ({ push: mockPush, back: vi.fn() }),
+}));
+
+describe('ShoppingListDetailPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    
+    // Mock browser API modals
+    window.confirm = vi.fn().mockReturnValue(true);
+    window.alert = vi.fn();
+
+    vi.mocked(useApiModule.useApi).mockReturnValue({
+      householdId: 'hh1',
+      isLoading: false,
+      user: null,
+      token: '123',
+    } as any);
+
+    vi.mocked(ProductsService.listProducts).mockResolvedValue({
+      data: [
+        { _id: 'p1', name: 'Apple', category: 'Produce', unit: 'pcs' }
+      ]
+    } as any);
+
+    vi.mocked(ShoppingListsService.getShoppingList).mockResolvedValue({
+      id: 'list1',
+      name: 'Test List',
+      status: 'active',
+      items: [
+        { id: 'item1', productId: 'p1', quantity: 5, checked: false, unit: 'pcs' },
+      ],
+      createdAt: '2026-05-10',
+    } as any);
+
+    vi.mocked(useShoppingListSyncModule.useShoppingListSync).mockReturnValue({
+      isConnected: true,
+      error: null,
+      toggleItemCheck: vi.fn(),
+    });
+  });
+
+  const wrapper = ({ children }: { children: React.ReactNode }) => (
+    <SWRConfig value={{ provider: () => new Map(), dedupingInterval: 0 }}>{children}</SWRConfig>
+  );
+
+  it('renders loading initially', () => {
+    vi.mocked(useApiModule.useApi).mockReturnValue({ householdId: null, isLoading: true } as any);
+    render(<ShoppingListDetailPage />, { wrapper });
+    expect(screen.getByText(/Hydrating session checklist/i)).toBeInTheDocument();
+  });
+
+  it('loads and displays the list', async () => {
+    render(<ShoppingListDetailPage />, { wrapper });
+    await waitFor(() => {
+      expect(screen.getByText('Test List')).toBeInTheDocument();
+      expect(screen.getAllByText('Apple')[0]).toBeInTheDocument();
+    });
+  });
+
+  it('toggles an item check', async () => {
+    render(<ShoppingListDetailPage />, { wrapper });
+    await waitFor(() => expect(screen.getAllByText('Apple')[0]).toBeInTheDocument());
+    
+    const checkbox = screen.getByRole('button', { name: /Toggle check for Apple/i });
+    fireEvent.click(checkbox);
+    
+    expect(useShoppingListSyncModule.useShoppingListSync).toHaveBeenCalled();
+  });
+
+  it('adds a new item to the list', async () => {
+    vi.mocked(ShoppingListsService.addShoppingItem).mockResolvedValue({
+      id: 'list1',
+      items: [
+        { id: 'item1', productId: 'p1', quantity: 5, checked: false },
+        { id: 'item2', customName: 'Banana', quantity: 2, checked: false },
+      ]
+    } as any);
+
+    render(<ShoppingListDetailPage />, { wrapper });
+    await waitFor(() => expect(screen.getAllByText('Apple')[0]).toBeInTheDocument());
+
+    const customInput = screen.getByPlaceholderText(/e.g., Generic Flour/i);
+    fireEvent.change(customInput, { target: { value: 'Banana' } });
+
+    const submitBtn = screen.getByRole('button', { name: /Add to List/i });
+    fireEvent.click(submitBtn);
+
+    await waitFor(() => {
+      expect(ShoppingListsService.addShoppingItem).toHaveBeenCalledWith(
+        'hh1',
+        'list1',
+        expect.objectContaining({ customName: 'Banana' })
+      );
+    });
+  });
+
+  it('completes the trip and syncs to pantry', async () => {
+    vi.mocked(ShoppingListsService.getShoppingList).mockResolvedValue({
+      id: 'list1',
+      name: 'Test List',
+      status: 'active',
+      items: [
+        { id: 'item1', productId: 'p1', quantity: 5, checked: true, addedToPantry: false },
+      ],
+      createdAt: '2026-05-10',
+    } as any);
+
+    vi.mocked(ShoppingListsService.updateShoppingList).mockResolvedValue({ status: 'completed' } as any);
+    vi.mocked(ShoppingListsService.syncToPantry).mockResolvedValue({ addedCount: 1 } as any);
+
+    render(<ShoppingListDetailPage />, { wrapper });
+    await waitFor(() => expect(screen.getAllByText('Apple')[0]).toBeInTheDocument());
+
+    const syncBtn = screen.getByRole('button', { name: /Sync.*items to Pantry/i });
+    fireEvent.click(syncBtn);
+
+    await waitFor(() => {
+      expect(ShoppingListsService.syncToPantry).toHaveBeenCalledWith('hh1', 'list1');
+      expect(ShoppingListsService.updateShoppingList).toHaveBeenCalledWith('hh1', 'list1', { status: 'completed' });
+    });
+  });
+
+  it('deletes an item from the list', async () => {
+    vi.mocked(ShoppingListsService.removeShoppingItem).mockResolvedValue({
+      id: 'list1',
+      items: []
+    } as any);
+
+    render(<ShoppingListDetailPage />, { wrapper });
+    await waitFor(() => expect(screen.getAllByText('Apple')[0]).toBeInTheDocument());
+
+    const trashBtn = screen.getByRole('button', { name: /Delete Apple/i });
+    fireEvent.click(trashBtn);
+
+    await waitFor(() => {
+      expect(ShoppingListsService.removeShoppingItem).toHaveBeenCalledWith('hh1', 'list1', 'item1');
+    });
+  });
+
+  it('loads store comparisons when clicked', async () => {
+    vi.mocked(ShoppingListsService.getBasketStoreComparison).mockResolvedValue({
+      singleStoreOptions: [
+        { storeId: 's1', storeName: 'Walmart', estimatedTotal: 45.00, itemsCovered: 1 }
+      ]
+    } as any);
+
+    render(<ShoppingListDetailPage />, { wrapper });
+    await waitFor(() => expect(screen.getAllByText('Apple')[0]).toBeInTheDocument());
+
+    const checkBtn = screen.getByRole('button', { name: /Check Lowest Store Options/i });
+    fireEvent.click(checkBtn);
+
+    await waitFor(() => {
+      expect(ShoppingListsService.getBasketStoreComparison).toHaveBeenCalledWith('hh1', 'list1');
+      expect(screen.getByText('Walmart')).toBeInTheDocument();
+      expect(screen.getByText('$45.00')).toBeInTheDocument();
+    });
+  });
+
+  it('fills out the complete add item form and submits', async () => {
+    vi.mocked(ShoppingListsService.addShoppingItem).mockResolvedValue({
+      id: 'list1',
+      items: [
+        { id: 'item1', productId: 'p1', quantity: 10, checked: false, unit: 'piece', notes: 'Fresh' }
+      ]
+    } as any);
+
+    render(<ShoppingListDetailPage />, { wrapper });
+    await waitFor(() => expect(screen.getAllByText('Apple')[0]).toBeInTheDocument());
+
+    const selectInputs = screen.getAllByRole('combobox');
+    // First combobox is Link Product Catalog
+    fireEvent.change(selectInputs[0], { target: { value: 'p1' } });
+
+    const qtyInput = screen.getByRole('spinbutton');
+    fireEvent.change(qtyInput, { target: { value: '10' } });
+
+    // Second combobox is Unit
+    fireEvent.change(selectInputs[1], { target: { value: 'piece' } });
+
+    const notesInput = screen.getByPlaceholderText(/Brand preference/i);
+    fireEvent.change(notesInput, { target: { value: 'Fresh' } });
+
+    const submitBtn = screen.getByRole('button', { name: /Add to List/i });
+    fireEvent.click(submitBtn);
+
+    await waitFor(() => {
+      expect(ShoppingListsService.addShoppingItem).toHaveBeenCalledWith(
+        'hh1',
+        'list1',
+        expect.objectContaining({
+          productId: 'p1',
+          quantity: 10,
+          unit: 'piece',
+          notes: 'Fresh'
+        })
+      );
+    });
+  });
+
+  it('navigates back to hub when button clicked', async () => {
+    render(<ShoppingListDetailPage />, { wrapper });
+    await screen.findAllByText('Apple');
+    
+    const backBtn = screen.getByRole('button', { name: /Back to Hub/i });
+    fireEvent.click(backBtn);
+    expect(mockPush).toHaveBeenCalledWith('/shopping-lists');
+  });
+
+  it('handles delete failure gracefully', async () => {
+    vi.mocked(ShoppingListsService.removeShoppingItem).mockRejectedValue(new Error('Delete failed'));
+    const spy = vi.spyOn(window, 'alert').mockImplementation(() => {});
+
+    render(<ShoppingListDetailPage />, { wrapper });
+    await screen.findAllByText('Apple');
+
+    const trashBtn = screen.getByRole('button', { name: /Delete Apple/i });
+    fireEvent.click(trashBtn);
+
+    await waitFor(() => {
+      expect(spy).toHaveBeenCalledWith('Delete failed');
+    });
+    spy.mockRestore();
+  });
+
+  it('cancels sync to pantry if confirm is rejected', async () => {
+    vi.mocked(ShoppingListsService.getShoppingList).mockResolvedValue({
+      id: 'list1',
+      name: 'Test List',
+      status: 'active',
+      items: [
+        { id: 'item1', productId: 'p1', checked: true, addedToPantry: false, quantity: 5, unit: 'pcs' }
+      ]
+    } as any);
+    
+    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(false);
+
+    render(<ShoppingListDetailPage />, { wrapper });
+    const syncBtn = await screen.findByRole('button', { name: /Sync 1 items to Pantry/i });
+    fireEvent.click(syncBtn);
+
+    expect(confirmSpy).toHaveBeenCalled();
+    expect(ShoppingListsService.syncToPantry).not.toHaveBeenCalled();
+    confirmSpy.mockRestore();
+  });
+});
diff --git a/packages/web/src/app/(dashboard)/shopping-lists/[id]/page.tsx b/packages/web/src/app/(dashboard)/shopping-lists/[id]/page.tsx
index bff92bd..45eb5f0 100644
--- a/packages/web/src/app/(dashboard)/shopping-lists/[id]/page.tsx
+++ b/packages/web/src/app/(dashboard)/shopping-lists/[id]/page.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect, useCallback, useMemo } from 'react';
+import useSWR, { mutate } from 'swr';
 import { useApi } from '@/lib/useApi';
 import { useParams, useRouter } from 'next/navigation';
 import { SetPageHeader } from '@/components/layout/SetPageHeader';
@@ -22,16 +23,9 @@ export default function ShoppingListDetailsPage() {
   const { id: listId } = useParams() as { id: string };
   const router = useRouter();
 
-  // List state
-  const [list, setList] = useState<any>(null);
-  const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
-
-  // Side panel States
   const [storeOptions, setStoreOptions] = useState<any[]>([]);
   const [isStoreLoading, setIsStoreLoading] = useState(false);
-
-  // Form states for Add Item
   const [products, setProducts] = useState<any[]>([]);
   const [selectedProductId, setSelectedProductId] = useState('');
   const [customItemName, setCustomItemName] = useState('');
@@ -41,18 +35,15 @@ export default function ShoppingListDetailsPage() {
   const [isAdding, setIsAdding] = useState(false);
 
   // Load core list context
-  const fetchList = useCallback(async () => {
-    if (!householdId || !listId) return;
-    setLoading(true);
-    try {
-      const data = await getShoppingList(householdId, listId);
-      setList(data);
-    } catch (err: any) {
-      setError(err.message || 'Shopping list not found');
-    } finally {
-      setLoading(false);
-    }
-  }, [householdId, listId]);
+  const swrKey = householdId && listId ? `shopping-list-${householdId}-${listId}` : null;
+  const { data: list, mutate: mutateList, isLoading: listLoading, error: listError } = useSWR(
+    swrKey,
+    () => getShoppingList(householdId!, listId)
+  );
+
+  useEffect(() => {
+    if (listError) setError(listError.message || 'Shopping list not found');
+  }, [listError]);
 
   // Run price comparisons
   const fetchComparisons = useCallback(async () => {
@@ -68,10 +59,6 @@ export default function ShoppingListDetailsPage() {
     }
   }, [householdId, listId]);
 
-  useEffect(() => {
-    fetchList();
-  }, [fetchList]);
-
   // Pre-load household products for predictive inputs
   useEffect(() => {
     if (!householdId) return;
@@ -81,28 +68,8 @@ export default function ShoppingListDetailsPage() {
   // Handle WS Remote Event Broadcasts
   const handleRemoteSync = useCallback((msg: any) => {
     console.log('🔔 Remote state delta payload:', msg);
-    if (msg.type === 'ITEM_UPDATED') {
-      setList((prev: any) => {
-        if (!prev) return prev;
-        return {
-          ...prev,
-          items: prev.items.map((it: any) =>
-            it.id === msg.itemId ? { ...it, ...msg.updates } : it
-          ),
-        };
-      });
-    } else if (msg.type === 'ITEM_ADDED') {
-      setList((prev: any) => {
-        if (!prev) return prev;
-        return { ...prev, items: [...prev.items, msg.item] };
-      });
-    } else if (msg.type === 'ITEM_REMOVED') {
-      setList((prev: any) => {
-        if (!prev) return prev;
-        return { ...prev, items: prev.items.filter((it: any) => it.id !== msg.itemId) };
-      });
-    }
-  }, []);
+    mutateList(); // Revalidate with server on remote changes
+  }, [mutateList]);
 
   // Inject Real-Time Hooks
   const { isConnected, toggleItemCheck } = useShoppingListSync(
@@ -115,21 +82,23 @@ export default function ShoppingListDetailsPage() {
   const handleToggleCheck = async (itemId: string, currentChecked: boolean) => {
     const nextChecked = !currentChecked;
     
-    // Optimistic Client Update for ultimate snappy responsiveness
-    setList((prev: any) => ({
+    // Optimistic Client Update
+    mutateList(async (prev: any) => ({
       ...prev,
       items: prev.items.map((it: any) => it.id === itemId ? { ...it, checked: nextChecked } : it)
-    }));
+    }), { revalidate: false });
 
-    // Emit to WS Channel (broadcasts immediately to all other clients)
+    // Emit to WS Channel
     toggleItemCheck(itemId, nextChecked);
 
     // Persist standard Rest fallback ensuring safety
     if (householdId) {
       try {
         await updateShoppingItem(householdId, listId, itemId, { checked: nextChecked });
+        mutateList();
       } catch (err) {
         console.error('Persistent toggle sync fail', err);
+        mutateList();
       }
     }
   };
@@ -148,7 +117,7 @@ export default function ShoppingListDetailsPage() {
         notes: notes.trim() || undefined,
       });
       
-      setList(updated);
+      mutateList(updated);
       // Clear inputs
       setSelectedProductId('');
       setCustomItemName('');
@@ -163,25 +132,33 @@ export default function ShoppingListDetailsPage() {
 
   const handleDeleteItem = async (itemId: string) => {
     if (!householdId) return;
+
+    // Optimistic delete
+    mutateList(async (prev: any) => ({
+      ...prev,
+      items: prev.items.filter((it: any) => it.id !== itemId)
+    }), { revalidate: false });
+
     try {
       const updated = await removeShoppingItem(householdId, listId, itemId);
-      setList(updated);
+      mutateList(updated);
     } catch (err: any) {
-      console.error(err.message);
+      window.alert(err.message);
+      mutateList();
     }
   };
 
   // 3. Execute Final Checkout / Pantry Sync
   const handleSyncToPantry = async () => {
-    if (!householdId) return;
+    if (!householdId || !list) return;
     const readyItems = list.items.filter((i: any) => i.checked && !i.addedToPantry);
     if (readyItems.length === 0) return;
 
-    if (!confirm(`Import ${readyItems.length} checked ingredients directly into active Pantry stock?`)) return;
+    if (!window.confirm(`Import ${readyItems.length} checked ingredients directly into active Pantry stock?`)) return;
 
     try {
       const res = await syncToPantry(householdId, listId);
-      alert(`Success! Provisioned ${res.addedCount} items into Pantry stock.`);
+      window.alert(`Success! Provisioned ${res.addedCount} items into Pantry stock.`);
       
       // Mark list as completed automatically if all are done
       const allChecked = list.items.every((i: any) => i.checked || i.addedToPantry);
@@ -189,9 +166,9 @@ export default function ShoppingListDetailsPage() {
         await updateShoppingList(householdId, listId, { status: 'completed' as any });
       }
 
-      fetchList();
+      mutateList();
     } catch (err: any) {
-      alert('Migration sync error: ' + err.message);
+      window.alert('Migration sync error: ' + err.message);
     }
   };
 
@@ -207,7 +184,7 @@ export default function ShoppingListDetailsPage() {
     return groups;
   }, [list]);
 
-  if (isAuthLoading || loading) return <div style={{ padding: 40 }}>Hydrating session checklist...</div>;
+  if (isAuthLoading || listLoading) return <div style={{ padding: 40 }}>Hydrating session checklist...</div>;
   if (error || !list) return <div style={{ padding: 40, color: 'var(--danger)' }}>Error: {error}</div>;
 
   const itemsPendingSync = list.items.filter((i: any) => i.checked && !i.addedToPantry).length;
@@ -287,6 +264,7 @@ export default function ShoppingListDetailsPage() {
                           {/* Checkbox circle */}
                           <button
                             onClick={() => handleToggleCheck(it.id, it.checked)}
+                            aria-label={`Toggle check for ${it.productId ? products.find(p => p._id === it.productId)?.name : it.customName}`}
                             style={{
                               width: 22, height: 22, borderRadius: '50%',
                               border: `2px solid ${it.checked ? 'var(--success, #10b981)' : 'var(--border-hover)'}`,
@@ -324,6 +302,7 @@ export default function ShoppingListDetailsPage() {
 
                           <button
                             onClick={() => handleDeleteItem(it.id)}
+                            aria-label={`Delete ${it.productId ? products.find(p => p._id === it.productId)?.name : it.customName}`}
                             style={{ border: 'none', background: 'transparent', cursor: 'pointer', padding: 6, color: 'var(--ink-muted)', opacity: 0.5 }}
                           >
                             <Icon name="trash" style={{ width: 14 }} />
diff --git a/packages/web/src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx b/packages/web/src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx
new file mode 100644
index 0000000..ec4bd2b
--- /dev/null
+++ b/packages/web/src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx
@@ -0,0 +1,220 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import ShoppingListsPage from '../page';
+import * as useApiModule from '@/lib/useApi';
+import * as ShoppingListsService from '@/services/shopping-lists';
+import * as MealPlansService from '@/services/meal-plans';
+
+vi.mock('@/lib/useApi');
+vi.mock('@/services/shopping-lists');
+vi.mock('@/services/meal-plans');
+
+describe('ShoppingListsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    vi.mocked(useApiModule.useApi).mockReturnValue({
+      householdId: 'hh1',
+      isLoading: false,
+      user: null,
+      token: '123',
+    });
+    vi.mocked(ShoppingListsService.getShoppingLists).mockResolvedValue([
+      { id: 'list1', name: 'Groceries', status: 'active', items: [], totalEstimatedCost: 10, createdAt: '2026-05-10' } as any,
+    ]);
+  });
+
+  it('renders loading initially', () => {
+    vi.mocked(useApiModule.useApi).mockReturnValue({ householdId: null, isLoading: true } as any);
+    render(<ShoppingListsPage />);
+    expect(screen.getByText('Groceries')).toBeInTheDocument();
+  });
+
+  it('renders prompt if no household', () => {
+    vi.mocked(useApiModule.useApi).mockReturnValue({ householdId: null, isLoading: false } as any);
+    render(<ShoppingListsPage />);
+    expect(screen.getByText('Please join a household.')).toBeInTheDocument();
+  });
+
+  it('loads and displays shopping lists', async () => {
+    render(<ShoppingListsPage />);
+    await waitFor(() => {
+      expect(screen.getByText(/Groceries/i)).toBeInTheDocument();
+    });
+  });
+
+  it('toggles create list modal and submits', async () => {
+    vi.mocked(ShoppingListsService.createShoppingList).mockResolvedValue({
+      id: 'list2', name: 'New List', status: 'active', items: [], createdAt: '2026-05-11'
+    } as any);
+
+    render(<ShoppingListsPage />);
+    await waitFor(() => expect(screen.getByRole('button', { name: /New Shopping List/i })).toBeInTheDocument());
+
+    fireEvent.click(screen.getByRole('button', { name: /New Shopping List/i }));
+    
+    // Wait for modal
+    const input = await screen.findByPlaceholderText(/e.g., Weekly Costco Run/i);
+    fireEvent.change(input, { target: { value: 'New List' } });
+
+    fireEvent.click(screen.getByRole('button', { name: /^Create$/i }));
+
+    await waitFor(() => {
+      expect(ShoppingListsService.createShoppingList).toHaveBeenCalledWith('hh1', { name: 'New List', items: [] });
+    });
+  });
+
+  it('opens generate from meal plan modal', async () => {
+    vi.mocked(MealPlansService.listMealPlans).mockResolvedValue({
+      data: [{ _id: 'mp1', status: 'active', weekStartDate: '2026-05-10', days: [] } as any],
+      total: 1,
+      page: 1,
+      limit: 10,
+    });
+    vi.mocked(ShoppingListsService.generateFromMealPlan).mockResolvedValue({
+      id: 'list3', name: 'Generated', status: 'active', items: [], createdAt: '2026-05-11'
+    } as any);
+
+    render(<ShoppingListsPage />);
+    await waitFor(() => expect(screen.getByRole('button', { name: /Generate from Meal Plan/i })).toBeInTheDocument());
+
+    fireEvent.click(screen.getByRole('button', { name: /Generate from Meal Plan/i }));
+
+    await waitFor(() => {
+      expect(MealPlansService.listMealPlans).toHaveBeenCalled();
+    });
+
+    const generateBtn = await screen.findByText(/Week of/i);
+    fireEvent.click(generateBtn);
+
+    await waitFor(() => {
+      expect(ShoppingListsService.generateFromMealPlan).toHaveBeenCalledWith('hh1', 'mp1');
+    });
+  });
+
+  it('handles fetch errors', async () => {
+    vi.mocked(ShoppingListsService.getShoppingLists).mockRejectedValue(new Error('Failed to load'));
+    render(<ShoppingListsPage />);
+    await waitFor(() => {
+      expect(screen.getByText('Failed to load')).toBeInTheDocument();
+    });
+  });
+
+  it('can cancel/close creation and gap scanning modals', async () => {
+    vi.mocked(MealPlansService.listMealPlans).mockResolvedValue({
+      data: [],
+      total: 0, page: 1, limit: 10
+    });
+
+    const { container } = render(<ShoppingListsPage />);
+
+    // 1. Open Create Modal and close via overlay backdrop click
+    fireEvent.click(screen.getByRole('button', { name: /New Shopping List/i }));
+    const createHeading = screen.getByText('Create Shopping List');
+    expect(createHeading).toBeInTheDocument();
+    
+    // The overlay is the grandparent of the heading. Let's click it!
+    const overlay = createHeading.parentElement?.parentElement;
+    if (overlay) fireEvent.click(overlay);
+    expect(screen.queryByText('Create Shopping List')).not.toBeInTheDocument();
+
+    // 2. Re-open Create Modal and close via Cancel button click
+    fireEvent.click(screen.getByRole('button', { name: /New Shopping List/i }));
+    fireEvent.click(screen.getByRole('button', { name: /Cancel/i }));
+    expect(screen.queryByText('Create Shopping List')).not.toBeInTheDocument();
+
+    // 3. Open Gap Modal and close via Close button
+    fireEvent.click(screen.getByRole('button', { name: /Generate from Meal Plan/i }));
+    await waitFor(() => {
+      expect(screen.getByText('Scan Meal Plan Gaps')).toBeInTheDocument();
+    });
+    fireEvent.click(screen.getByRole('button', { name: /Close/i }));
+    expect(screen.queryByText('Scan Meal Plan Gaps')).not.toBeInTheDocument();
+  });
+
+  it('renders empty state and opens create modal', async () => {
+    vi.mocked(ShoppingListsService.getShoppingLists).mockResolvedValue([]);
+
+    render(<ShoppingListsPage />);
+    const createFirstBtn = await screen.findByRole('button', { name: /Create First List/i });
+    fireEvent.click(createFirstBtn);
+    expect(screen.getByText('Create Shopping List')).toBeInTheDocument();
+  });
+
+  it('renders completed lists', async () => {
+    vi.mocked(ShoppingListsService.getShoppingLists).mockResolvedValue([
+      { id: 'listc', name: 'Completed Groceries', status: 'completed', items: [], totalEstimatedCost: 25, createdAt: '2026-05-09' } as any
+    ]);
+
+    render(<ShoppingListsPage />);
+    await screen.findByText('Completed Runs');
+    expect(screen.getByText('Completed Groceries')).toBeInTheDocument();
+  });
+
+  it('handles generate from meal plan failure', async () => {
+    vi.mocked(MealPlansService.listMealPlans).mockResolvedValue({
+      data: [{ _id: 'mp1', status: 'active', weekStartDate: '2026-05-10', days: [] } as any],
+      total: 1, page: 1, limit: 10
+    });
+    vi.mocked(ShoppingListsService.generateFromMealPlan).mockRejectedValue(new Error('Gen failed'));
+    const alertSpy = vi.spyOn(window, 'alert').mockImplementation(() => {});
+
+    render(<ShoppingListsPage />);
+    fireEvent.click(screen.getByRole('button', { name: /Generate from Meal Plan/i }));
+    
+    const generateBtn = await screen.findByText(/Week of/i);
+    fireEvent.click(generateBtn);
+
+    await waitFor(() => {
+      expect(alertSpy).toHaveBeenCalledWith('Gen failed');
+    });
+    alertSpy.mockRestore();
+  });
+
+  it('sorts lists by status and creation date', async () => {
+    vi.mocked(ShoppingListsService.getShoppingLists).mockResolvedValue([
+      { id: 'list1', name: 'List 1', status: 'completed', createdAt: '2026-05-10', items: [], totalEstimatedCost: 10 } as any,
+      { id: 'list2', name: 'List 2', status: 'active', createdAt: '2026-05-12', items: [], totalEstimatedCost: 20 } as any,
+    ]);
+
+    render(<ShoppingListsPage />);
+    await screen.findByText('List 2');
+    expect(screen.getByText('List 1')).toBeInTheDocument();
+  });
+
+  it('handles create list failure', async () => {
+    vi.mocked(ShoppingListsService.getShoppingLists).mockResolvedValue([]);
+    vi.mocked(ShoppingListsService.createShoppingList).mockRejectedValue(new Error('Create failed'));
+    const alertSpy = vi.spyOn(window, 'alert').mockImplementation(() => {});
+
+    render(<ShoppingListsPage />);
+    
+    const openBtn = await screen.findByRole('button', { name: /Create First List/i });
+    fireEvent.click(openBtn);
+
+    const input = screen.getByPlaceholderText(/e.g., Weekly Costco Run/i);
+    fireEvent.change(input, { target: { value: 'New List' } });
+
+    const submitBtn = screen.getByRole('button', { name: /^Create$/ });
+    fireEvent.click(submitBtn);
+
+    await waitFor(() => {
+      expect(alertSpy).toHaveBeenCalledWith('Create failed');
+    });
+    alertSpy.mockRestore();
+  });
+
+  it('handles open gap modal fetch failure', async () => {
+    vi.mocked(ShoppingListsService.getShoppingLists).mockResolvedValue([]);
+    vi.mocked(MealPlansService.listMealPlans).mockRejectedValue(new Error('Fetch plans failed'));
+    const spy = vi.spyOn(console, 'error').mockImplementation(() => {});
+
+    render(<ShoppingListsPage />);
+    const btn = await screen.findByRole('button', { name: /Generate from Meal Plan/i });
+    fireEvent.click(btn);
+
+    await waitFor(() => {
+      expect(spy).toHaveBeenCalled();
+    });
+    spy.mockRestore();
+  });
+});
diff --git a/packages/web/src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx b/packages/web/src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx
new file mode 100644
index 0000000..e9fa466
--- /dev/null
+++ b/packages/web/src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx
@@ -0,0 +1,101 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import ShoppingListPricesPage from '../page';
+import * as useApiModule from '@/lib/useApi';
+import * as PricesService from '@/services/prices';
+
+vi.mock('@/lib/useApi');
+vi.mock('@/services/prices');
+const { mockPush } = vi.hoisted(() => ({
+  mockPush: vi.fn(),
+}));
+
+vi.mock('next/navigation', () => ({
+  useRouter: () => ({
+    push: mockPush,
+    back: vi.fn(),
+  }),
+}));
+
+describe('ShoppingListPricesPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    vi.mocked(useApiModule.useApi).mockReturnValue({
+      householdId: 'hh1',
+      isLoading: false,
+      user: null,
+      token: '123',
+    } as any);
+
+    vi.mocked(PricesService.getPriceAnalytics).mockResolvedValue({
+      timeframe: { start: '2026-04-01', end: '2026-05-14' },
+      totalSpent: 150.00,
+      totalRecords: 10,
+      storeBreakdown: [
+        { storeId: 'store1', storeName: 'Costco', spent: 100 },
+        { storeId: 'store2', storeName: 'Trader Joes', spent: 50 },
+      ],
+      recentPriceChanges: [
+        {
+          productId: 'p1',
+          productName: 'Milk',
+          storeId: 'store1',
+          storeName: 'Costco',
+          oldPrice: 3.50,
+          newPrice: 4.00,
+          percentageChange: 14.28,
+          trend: 'up',
+        }
+      ],
+      priceAlerts: [
+        { productName: 'Bread', storeName: 'Costco', changePercent: 15, previousPrice: 2.00, currentPrice: 2.30 }
+      ],
+      spendingOverTime: [
+        { period: 'Apr', total: 50 },
+        { period: 'May', total: 100 }
+      ],
+      spendingByCategory: [
+        { category: 'Produce', total: 30 },
+        { category: 'Bakery', total: 20 }
+      ],
+      averageBasketByStore: [
+        { storeId: 'store1', storeName: 'Costco', avgTotal: 150.00, tripCount: 5 },
+        { storeId: 'store2', storeName: 'Trader Joes', avgTotal: 50.00, tripCount: 2 },
+      ],
+    } as any);
+  });
+
+  it('renders loading initially', () => {
+    vi.mocked(useApiModule.useApi).mockReturnValue({ householdId: null, isLoading: true } as any);
+    render(<ShoppingListPricesPage />);
+    expect(screen.getByText(/Synthesizing financial graphs/i)).toBeInTheDocument();
+  });
+
+  it('loads and displays analytics', async () => {
+    render(<ShoppingListPricesPage />);
+    await waitFor(() => {
+      expect(screen.getByText('$150.00')).toBeInTheDocument();
+      expect(screen.getByText('Costco')).toBeInTheDocument();
+      expect(screen.getByText('Trader Joes')).toBeInTheDocument();
+    });
+  });
+
+  it('handles fetch errors gracefully', async () => {
+    vi.mocked(PricesService.getPriceAnalytics).mockRejectedValue(new Error('Analytics failed'));
+    render(<ShoppingListPricesPage />);
+    
+    await waitFor(() => {
+      expect(screen.getByText(/Analytics failed/i)).toBeInTheDocument();
+    });
+  });
+
+  it('navigates back to checklists when button is clicked', async () => {
+    render(<ShoppingListPricesPage />);
+    await screen.findByText('Costco');
+
+    const backBtn = screen.getByRole('button', { name: /Back to Checklists/i });
+    fireEvent.click(backBtn);
+
+    expect(mockPush).toHaveBeenCalledWith('/shopping-lists');
+  });
+});
diff --git a/packages/web/src/components/ThemeProvider.tsx b/packages/web/src/components/ThemeProvider.tsx
index 5a65be0..88332a2 100644
--- a/packages/web/src/components/ThemeProvider.tsx
+++ b/packages/web/src/components/ThemeProvider.tsx
@@ -7,17 +7,27 @@ type Theme = 'light' | 'dark';
 type Accent = 'sage' | 'cobalt' | 'terracotta' | 'graphite';
 
 interface AccentTokens {
-  brand: string;
-  deep: string;
-  soft: string;
-  softInk: string;
+  light: { brand: string; deep: string; soft: string; softInk: string; brandInk: string };
+  dark: { brand: string; deep: string; soft: string; softInk: string; brandInk: string };
 }
 
 const ACCENTS: Record<Accent, AccentTokens> = {
-  sage: { brand: '#2f6b4a', deep: '#1e4a32', soft: '#e6efe8', softInk: '#1e4a32' },
-  cobalt: { brand: '#2e5aa8', deep: '#1d3d75', soft: '#e4eaf5', softInk: '#1d3d75' },
-  terracotta: { brand: '#b55438', deep: '#7d3825', soft: '#f6e6de', softInk: '#7d3825' },
-  graphite: { brand: '#2c2c28', deep: '#000000', soft: '#e8e6df', softInk: '#2c2c28' },
+  sage: {
+    light: { brand: '#10b981', deep: '#059669', soft: 'rgba(16,185,129,0.1)', softInk: '#047857', brandInk: '#ffffff' },
+    dark: { brand: '#34d399', deep: '#10b981', soft: 'rgba(52,211,153,0.15)', softInk: '#6ee7b7', brandInk: '#022c22' },
+  },
+  cobalt: {
+    light: { brand: '#3b82f6', deep: '#2563eb', soft: 'rgba(59,130,246,0.1)', softInk: '#1d4ed8', brandInk: '#ffffff' },
+    dark: { brand: '#60a5fa', deep: '#3b82f6', soft: 'rgba(96,165,250,0.15)', softInk: '#93c5fd', brandInk: '#172554' },
+  },
+  terracotta: {
+    light: { brand: '#f43f5e', deep: '#e11d48', soft: 'rgba(244,63,94,0.1)', softInk: '#be123c', brandInk: '#ffffff' },
+    dark: { brand: '#fb7185', deep: '#f43f5e', soft: 'rgba(251,113,133,0.15)', softInk: '#fda4af', brandInk: '#4c0519' },
+  },
+  graphite: {
+    light: { brand: '#52525b', deep: '#3f3f46', soft: 'rgba(82,82,91,0.1)', softInk: '#27272a', brandInk: '#ffffff' },
+    dark: { brand: '#a1a1aa', deep: '#71717a', soft: 'rgba(161,161,170,0.15)', softInk: '#d4d4d8', brandInk: '#18181b' },
+  },
 };
 
 interface ThemeContextValue {
@@ -36,13 +46,14 @@ export function useTheme(): ThemeContextValue {
   return ctx;
 }
 
-function applyAccent(accent: Accent) {
-  const ac = ACCENTS[accent];
+function applyAccent(accent: Accent, theme: Theme) {
+  const ac = ACCENTS[accent][theme];
   const r = document.documentElement.style;
   r.setProperty('--brand', ac.brand);
   r.setProperty('--brand-deep', ac.deep);
   r.setProperty('--brand-soft', ac.soft);
   r.setProperty('--brand-soft-ink', ac.softInk);
+  r.setProperty('--brand-ink', ac.brandInk);
   r.setProperty('--viz-1', ac.brand);
 }
 
@@ -66,9 +77,9 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
 
   // Sync accent to DOM + localStorage.
   useEffect(() => {
-    applyAccent(accent);
+    applyAccent(accent, theme);
     localStorage.setItem('mt-accent', accent);
-  }, [accent]);
+  }, [accent, theme]);
 
   function setTheme(t: Theme) {
     setThemeState(t);
diff --git a/packages/web/src/components/__tests__/ThemeProvider.test.tsx b/packages/web/src/components/__tests__/ThemeProvider.test.tsx
index b5c3178..99ebd4f 100644
--- a/packages/web/src/components/__tests__/ThemeProvider.test.tsx
+++ b/packages/web/src/components/__tests__/ThemeProvider.test.tsx
@@ -78,7 +78,7 @@ describe('ThemeProvider', () => {
 
     expect(screen.getByTestId('accent').textContent).toBe('cobalt');
     expect(localStorage.getItem('mt-accent')).toBe('cobalt');
-    expect(document.documentElement.style.getPropertyValue('--brand')).toBe('#2e5aa8');
+    expect(document.documentElement.style.getPropertyValue('--brand')).toBe('#3b82f6');
   });
 
   it('toggleTheme flips light to dark', () => {
diff --git a/packages/web/src/components/__tests__/ui.test.tsx b/packages/web/src/components/__tests__/ui.test.tsx
index 49d59b5..6fd4c4d 100644
--- a/packages/web/src/components/__tests__/ui.test.tsx
+++ b/packages/web/src/components/__tests__/ui.test.tsx
@@ -5,6 +5,7 @@ import { IconButton } from '../ui/IconButton';
 import { Ring } from '../ui/Ring';
 import { SparkBars } from '../ui/SparkBars';
 import { SupplyBar } from '../ui/SupplyBar';
+import { Card, CardHeader, CardBody } from '../ui/Card';
 
 describe('Avatar', () => {
   it('renders initial from name', () => {
@@ -82,3 +83,36 @@ describe('SupplyBar', () => {
     expect(screen.getByText('10')).toBeInTheDocument();
   });
 });
+
+describe('Card', () => {
+  it('renders children and applies custom styles', () => {
+    render(
+      <Card className="custom-card" style={{ margin: '20px' }}>
+        <div>Card Content</div>
+      </Card>
+    );
+    expect(screen.getByText('Card Content')).toBeInTheDocument();
+  });
+
+  it('renders header with title, subtitle and action', () => {
+    render(
+      <CardHeader 
+        title="My Card" 
+        subtitle="My Subtitle" 
+        action={<button>Click Me</button>} 
+      />
+    );
+    expect(screen.getByText('My Card')).toBeInTheDocument();
+    expect(screen.getByText('My Subtitle')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Click Me' })).toBeInTheDocument();
+  });
+
+  it('renders body with children', () => {
+    render(
+      <CardBody>
+        <div>Body Content</div>
+      </CardBody>
+    );
+    expect(screen.getByText('Body Content')).toBeInTheDocument();
+  });
+});
diff --git a/packages/web/src/components/layout/__tests__/PageHeaderContext.test.tsx b/packages/web/src/components/layout/__tests__/PageHeaderContext.test.tsx
new file mode 100644
index 0000000..89183ab
--- /dev/null
+++ b/packages/web/src/components/layout/__tests__/PageHeaderContext.test.tsx
@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { PageHeaderProvider, usePageHeader } from '../PageHeaderContext';
+
+function TestComponent() {
+  const { header, setHeader } = usePageHeader();
+  return (
+    <div>
+      <span data-testid="title">{header.title}</span>
+      <button onClick={() => setHeader({ title: 'New Title' })}>Change</button>
+    </div>
+  );
+}
+
+describe('PageHeaderContext', () => {
+  it('provides and updates header state', () => {
+    render(
+      <PageHeaderProvider>
+        <TestComponent />
+      </PageHeaderProvider>
+    );
+
+    expect(screen.getByTestId('title').textContent).toBe('MeshiTrack');
+    
+    fireEvent.click(screen.getByText('Change'));
+    expect(screen.getByTestId('title').textContent).toBe('New Title');
+  });
+
+  it('returns fallback when used outside provider', () => {
+    render(<TestComponent />);
+    // Outside provider title returns '' fallback
+    expect(screen.getByTestId('title').textContent).toBe('');
+  });
+});
diff --git a/packages/web/src/components/ui/__tests__/index.test.ts b/packages/web/src/components/ui/__tests__/index.test.ts
new file mode 100644
index 0000000..ef2d5ea
--- /dev/null
+++ b/packages/web/src/components/ui/__tests__/index.test.ts
@@ -0,0 +1,16 @@
+import { describe, it, expect } from 'vitest';
+import * as UI from '../index';
+
+describe('UI Index Exports', () => {
+  it('should export all defined UI components', () => {
+    expect(UI.Icon).toBeDefined();
+    expect(UI.Card).toBeDefined();
+    expect(UI.Button).toBeDefined();
+    expect(UI.Pill).toBeDefined();
+    expect(UI.SupplyBar).toBeDefined();
+    expect(UI.Ring).toBeDefined();
+    expect(UI.SparkBars).toBeDefined();
+    expect(UI.IconButton).toBeDefined();
+    expect(UI.Avatar).toBeDefined();
+  });
+});
diff --git a/packages/web/src/lib/useShoppingListSync.test.ts b/packages/web/src/lib/useShoppingListSync.test.ts
new file mode 100644
index 0000000..02ea188
--- /dev/null
+++ b/packages/web/src/lib/useShoppingListSync.test.ts
@@ -0,0 +1,107 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { renderHook, act } from '@testing-library/react';
+import { useShoppingListSync } from './useShoppingListSync';
+
+vi.mock('@/services/shopping-lists', () => ({
+  getShoppingListSyncSocketUrl: vi.fn(() => 'ws://localhost/sync'),
+}));
+
+class MockWebSocket {
+  static OPEN = 1;
+  static CONNECTING = 0;
+  url: string;
+  readyState = 1; // OPEN
+  onopen: any = null;
+  onmessage: any = null;
+  onerror: any = null;
+  onclose: any = null;
+  send = vi.fn();
+  close = vi.fn();
+
+  constructor(url: string) {
+    this.url = url;
+  }
+}
+
+describe('useShoppingListSync', () => {
+  let originalWebSocket: any;
+  let createdSockets: MockWebSocket[] = [];
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    createdSockets = [];
+    originalWebSocket = global.WebSocket;
+    const MockClass = class extends MockWebSocket {
+      constructor(url: string) {
+        super(url);
+        createdSockets.push(this);
+      }
+    };
+    (MockClass as any).OPEN = 1;
+    (MockClass as any).CONNECTING = 0;
+    global.WebSocket = MockClass as any;
+  });
+
+  afterEach(() => {
+    global.WebSocket = originalWebSocket;
+  });
+
+  it('initializes and connects to the correct socket URL', () => {
+    const onSync = vi.fn();
+    renderHook(() => useShoppingListSync('hh1', 'list1', onSync));
+    
+    expect(createdSockets).toHaveLength(1);
+    expect(createdSockets[0].url).toBe('ws://localhost/sync');
+  });
+
+  it('handles incoming item_updated messages correctly', () => {
+    const onSync = vi.fn();
+    renderHook(() => useShoppingListSync('hh1', 'list1', onSync));
+    
+    const ws = createdSockets[0];
+    act(() => { if (ws.onopen) ws.onopen(); });
+
+    act(() => {
+      if (ws.onmessage) ws.onmessage({ data: JSON.stringify({ type: 'ITEM_UPDATED', itemId: 'item1', updates: { checked: true } }) });
+    });
+    
+    expect(onSync).toHaveBeenCalledWith({ type: 'ITEM_UPDATED', itemId: 'item1', updates: { checked: true } });
+  });
+
+  it('broadcasts toggle item messages when connected', () => {
+    const onSync = vi.fn();
+    const { result } = renderHook(() => useShoppingListSync('hh1', 'list1', onSync));
+    
+    const ws = createdSockets[0];
+    act(() => { if (ws.onopen) ws.onopen(); });
+
+    act(() => {
+      result.current.toggleItemCheck('item1', true);
+    });
+
+    expect(ws.send).toHaveBeenCalledWith(JSON.stringify({
+      type: 'TOGGLE_ITEM',
+      itemId: 'item1',
+      checked: true,
+    }));
+  });
+
+  it('handles disconnect and reconnect backoff', () => {
+    vi.useFakeTimers();
+    const onSync = vi.fn();
+    const { result } = renderHook(() => useShoppingListSync('hh1', 'list1', onSync));
+    
+    let ws = createdSockets[0];
+    act(() => { if (ws.onopen) ws.onopen(); });
+    expect(result.current.isConnected).toBe(true);
+
+    act(() => { if (ws.onclose) ws.onclose({ reason: 'test' }); });
+    expect(result.current.isConnected).toBe(false);
+
+    // After 1000ms it should attempt reconnect
+    act(() => { vi.advanceTimersByTime(1000); });
+    expect(createdSockets).toHaveLength(2);
+
+    vi.useRealTimers();
+  });
+});
diff --git a/packages/web/src/services/meal-plans.test.ts b/packages/web/src/services/meal-plans.test.ts
new file mode 100644
index 0000000..b719f94
--- /dev/null
+++ b/packages/web/src/services/meal-plans.test.ts
@@ -0,0 +1,68 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { apiClient } from './api-client';
+import * as MealPlansService from './meal-plans';
+
+vi.mock('./api-client', () => ({
+  apiClient: {
+    get: vi.fn(),
+    post: vi.fn(),
+    patch: vi.fn(),
+    delete: vi.fn(),
+  },
+}));
+
+describe('meal-plans service', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('listMealPlans with and without query', async () => {
+    await MealPlansService.listMealPlans('hh1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/meal-plans');
+
+    await MealPlansService.listMealPlans('hh1', { cursor: 'cur', limit: 10 });
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/meal-plans?cursor=cur&limit=10');
+  });
+
+  it('getMealPlanByWeek', async () => {
+    await MealPlansService.getMealPlanByWeek('hh1', '2026-05-10');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/meal-plans/week/2026-05-10');
+  });
+
+  it('getMealPlan', async () => {
+    await MealPlansService.getMealPlan('hh1', 'mp1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/meal-plans/mp1');
+  });
+
+  it('createMealPlan', async () => {
+    const data = { weekStartDate: '2026-05-10' } as any;
+    await MealPlansService.createMealPlan('hh1', data);
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/meal-plans', data);
+  });
+
+  it('updateMealPlan', async () => {
+    const data = { days: [] } as any;
+    await MealPlansService.updateMealPlan('hh1', 'mp1', data);
+    expect(apiClient.patch).toHaveBeenCalledWith('/households/hh1/meal-plans/mp1', data);
+  });
+
+  it('updateMealPlanStatus', async () => {
+    await MealPlansService.updateMealPlanStatus('hh1', 'mp1', 'active' as any);
+    expect(apiClient.patch).toHaveBeenCalledWith('/households/hh1/meal-plans/mp1/status', { status: 'active' });
+  });
+
+  it('deleteMealPlan', async () => {
+    await MealPlansService.deleteMealPlan('hh1', 'mp1');
+    expect(apiClient.delete).toHaveBeenCalledWith('/households/hh1/meal-plans/mp1');
+  });
+
+  it('getSuggestions', async () => {
+    await MealPlansService.getSuggestions('hh1', 3);
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/meal-plans/suggestions?limit=3');
+  });
+
+  it('getShoppingGap', async () => {
+    await MealPlansService.getShoppingGap('hh1', 'mp1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/meal-plans/mp1/gap');
+  });
+});
diff --git a/packages/web/src/services/nutrition-targets.test.ts b/packages/web/src/services/nutrition-targets.test.ts
new file mode 100644
index 0000000..8f4118c
--- /dev/null
+++ b/packages/web/src/services/nutrition-targets.test.ts
@@ -0,0 +1,37 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { apiClient } from './api-client';
+import * as NutritionTargetsService from './nutrition-targets';
+
+vi.mock('./api-client', () => ({
+  apiClient: {
+    get: vi.fn(),
+    post: vi.fn(),
+  },
+}));
+
+describe('nutrition-targets service', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('getActiveNutritionTarget', async () => {
+    await NutritionTargetsService.getActiveNutritionTarget('hh1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/nutrition-targets');
+  });
+
+  it('getNutritionTargetHistory', async () => {
+    await NutritionTargetsService.getNutritionTargetHistory('hh1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/nutrition-targets/history');
+  });
+
+  it('setNutritionTarget', async () => {
+    const data = { calories: 2000 } as any;
+    await NutritionTargetsService.setNutritionTarget('hh1', data);
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/nutrition-targets', data);
+  });
+
+  it('calculateTargetPreset', async () => {
+    await NutritionTargetsService.calculateTargetPreset('hh1', 2500, 'gain');
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/nutrition-targets/presets', { calories: 2500, strategy: 'gain' });
+  });
+});
diff --git a/packages/web/src/services/prices.test.ts b/packages/web/src/services/prices.test.ts
new file mode 100644
index 0000000..e8fc70c
--- /dev/null
+++ b/packages/web/src/services/prices.test.ts
@@ -0,0 +1,54 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { apiClient } from './api-client';
+import * as PricesService from './prices';
+
+vi.mock('./api-client', () => ({
+  apiClient: {
+    get: vi.fn(),
+    post: vi.fn(),
+  },
+}));
+
+describe('prices service', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('recordPrice', async () => {
+    const data = { productId: 'p1', price: 10 } as any;
+    await PricesService.recordPrice('hh1', data);
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/prices', data);
+  });
+
+  it('recordBulkPrices', async () => {
+    const data = { storeId: 's1', items: [] } as any;
+    await PricesService.recordBulkPrices('hh1', data);
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/prices/bulk', data);
+  });
+
+  it('getPriceHistory with and without query', async () => {
+    await PricesService.getPriceHistory('hh1', 'p1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/prices/history/p1');
+
+    await PricesService.getPriceHistory('hh1', 'p1', {
+      storeId: 's1',
+      startDate: '2026-05-01',
+      endDate: '2026-05-10',
+      cursor: 'cur',
+      limit: 10,
+    });
+    expect(apiClient.get).toHaveBeenCalledWith(
+      '/households/hh1/prices/history/p1?storeId=s1&startDate=2026-05-01&endDate=2026-05-10&cursor=cur&limit=10'
+    );
+  });
+
+  it('compareStores', async () => {
+    await PricesService.compareStores('hh1', 'p1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/prices/compare/p1');
+  });
+
+  it('getPriceAnalytics', async () => {
+    await PricesService.getPriceAnalytics('hh1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/prices/analytics');
+  });
+});
diff --git a/packages/web/src/services/shopping-lists.test.ts b/packages/web/src/services/shopping-lists.test.ts
new file mode 100644
index 0000000..7a5dc19
--- /dev/null
+++ b/packages/web/src/services/shopping-lists.test.ts
@@ -0,0 +1,87 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { apiClient } from './api-client';
+import * as ShoppingListsService from './shopping-lists';
+
+vi.mock('./api-client', () => ({
+  apiClient: {
+    get: vi.fn(),
+    post: vi.fn(),
+    patch: vi.fn(),
+    delete: vi.fn(),
+    baseUrl: 'http://localhost:3001',
+  },
+}));
+
+describe('shopping-lists service', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('getShoppingLists', async () => {
+    await ShoppingListsService.getShoppingLists('hh1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/shopping-lists');
+  });
+
+  it('getShoppingList', async () => {
+    await ShoppingListsService.getShoppingList('hh1', 'list1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1');
+  });
+
+  it('createShoppingList', async () => {
+    const data = { name: 'Test' } as any;
+    await ShoppingListsService.createShoppingList('hh1', data);
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/shopping-lists', data);
+  });
+
+  it('updateShoppingList', async () => {
+    const data = { name: 'Updated' } as any;
+    await ShoppingListsService.updateShoppingList('hh1', 'list1', data);
+    expect(apiClient.patch).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1', data);
+  });
+
+  it('deleteShoppingList', async () => {
+    await ShoppingListsService.deleteShoppingList('hh1', 'list1');
+    expect(apiClient.delete).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1');
+  });
+
+  it('addShoppingItem', async () => {
+    const data = { productId: 'p1' } as any;
+    await ShoppingListsService.addShoppingItem('hh1', 'list1', data);
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1/items', data);
+  });
+
+  it('updateShoppingItem', async () => {
+    const data = { checked: true } as any;
+    await ShoppingListsService.updateShoppingItem('hh1', 'list1', 'item1', data);
+    expect(apiClient.patch).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1/items/item1', data);
+  });
+
+  it('removeShoppingItem', async () => {
+    await ShoppingListsService.removeShoppingItem('hh1', 'list1', 'item1');
+    expect(apiClient.delete).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1/items/item1');
+  });
+
+  it('generateFromMealPlan', async () => {
+    await ShoppingListsService.generateFromMealPlan('hh1', 'mp1');
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/shopping-lists/from-meal-plan/mp1');
+  });
+
+  it('syncToPantry', async () => {
+    await ShoppingListsService.syncToPantry('hh1', 'list1');
+    expect(apiClient.post).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1/sync-to-pantry');
+  });
+
+  it('getBasketStoreComparison', async () => {
+    await ShoppingListsService.getBasketStoreComparison('hh1', 'list1');
+    expect(apiClient.get).toHaveBeenCalledWith('/households/hh1/shopping-lists/list1/stores');
+  });
+
+  it('getShoppingListSyncSocketUrl handles insecure and secure contexts', () => {
+    const urlInsecure = ShoppingListsService.getShoppingListSyncSocketUrl('hh1', 'list1');
+    expect(urlInsecure).toBe('ws://localhost:3001/households/hh1/shopping-lists/list1/sync');
+
+    apiClient.baseUrl = 'https://api.meshitrack.com';
+    const urlSecure = ShoppingListsService.getShoppingListSyncSocketUrl('hh1', 'list1');
+    expect(urlSecure).toBe('wss://api.meshitrack.com/households/hh1/shopping-lists/list1/sync');
+  });
+});
diff --git a/packages/web/src/styles/globals.css b/packages/web/src/styles/globals.css
index 79137f3..ca4b080 100644
--- a/packages/web/src/styles/globals.css
+++ b/packages/web/src/styles/globals.css
@@ -1,100 +1,95 @@
 @import 'tailwindcss';
 
-/* ─── Design tokens ──────────────────────────────────────────────────────────
-   Declared as CSS custom properties so they work in inline styles and SVGs.
-   Tailwind v4 @theme maps them to utility classes (bg-bg, text-ink, etc.)
-   ─────────────────────────────────────────────────────────────────────────── */
+/* ─── Premium Design Tokens ─────────────────────────────────────────────── */
 :root {
   /* Type */
-  --font-sans: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif;
-  --font-display: 'Fraunces', 'Inter Tight', serif;
+  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif;
+  --font-display: 'Outfit', 'Inter', sans-serif;
   --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
 
-  /* Neutrals (warm off-white → near-black) */
-  --bg: #f6f4ef;
+  /* Neutrals - Light Theme (Ultra clean slate/zinc) */
+  --bg: #fafafa;
   --bg-elev: #ffffff;
-  --bg-inset: #efebe3;
-  --border: #e4dfd4;
-  --border-strong: #cfc8b8;
-  --ink-faint: #a39b89;
-  --ink-muted: #6e6759;
-  --ink: #1d1b17;
-  --ink-strong: #0b0a08;
+  --bg-inset: #f4f4f5;
+  --border: #e4e4e7;
+  --border-strong: #d4d4d8;
+  --ink-faint: #a1a1aa;
+  --ink-muted: #71717a;
+  --ink: #3f3f46;
+  --ink-strong: #09090b;
 
-  /* Brand — sage-leaning green */
-  --brand: #2f6b4a;
-  --brand-deep: #1e4a32;
+  /* Brand - (Overwritten dynamically by ThemeProvider) */
+  --brand: #10b981;
+  --brand-deep: #059669;
   --brand-ink: #ffffff;
-  --brand-soft: #e6efe8;
-  --brand-soft-ink: #1e4a32;
+  --brand-soft: rgba(16, 185, 129, 0.1);
+  --brand-soft-ink: #047857;
 
   /* Status */
-  --danger: #b8361a;
-  --danger-soft: #fbe8e0;
-  --warn: #a66a0a;
-  --warn-soft: #f9ecd2;
-  --ok: #3e7a4c;
-  --ok-soft: #e3ede0;
-  --info: #3a5a85;
-  --info-soft: #e1e8f1;
+  --danger: #ef4444;
+  --danger-soft: #fef2f2;
+  --warn: #f59e0b;
+  --warn-soft: #fffbeb;
+  --ok: #10b981;
+  --ok-soft: #ecfdf5;
+  --info: #3b82f6;
+  --info-soft: #eff6ff;
 
   /* Data viz */
-  --viz-1: #2f6b4a;
-  --viz-2: #a66a0a;
-  --viz-3: #3a5a85;
-  --viz-4: #8a4c6e;
-  --viz-5: #6b6237;
-  --viz-6: #7a3a28;
+  --viz-1: var(--brand);
+  --viz-2: #f59e0b;
+  --viz-3: #3b82f6;
+  --viz-4: #ec4899;
+  --viz-5: #8b5cf6;
+  --viz-6: #14b8a6;
 
   /* Shape */
-  --r-xs: 6px;
-  --r-sm: 10px;
-  --r-md: 14px;
-  --r-lg: 20px;
-  --r-xl: 28px;
+  --r-xs: 8px;
+  --r-sm: 12px;
+  --r-md: 16px;
+  --r-lg: 24px;
+  --r-xl: 32px;
 
-  /* Shadows */
-  --shadow-sm: 0 1px 2px rgba(20, 18, 10, 0.04), 0 0 0 1px rgba(20, 18, 10, 0.04);
-  --shadow-md: 0 4px 16px -6px rgba(20, 18, 10, 0.08), 0 0 0 1px rgba(20, 18, 10, 0.05);
-  --shadow-lg: 0 20px 40px -20px rgba(20, 18, 10, 0.22), 0 0 0 1px rgba(20, 18, 10, 0.06);
+  /* Premium Shadows */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.02);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.02);
+  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.02);
+  --shadow-glow: 0 0 20px var(--brand-soft);
+  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  --ease-smooth: cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 
 [data-theme='dark'] {
-  --bg: #141310;
-  --bg-elev: #1c1b17;
-  --bg-inset: #100f0c;
-  --border: #2a2823;
-  --border-strong: #3a372f;
-  --ink-faint: #6a6559;
-  --ink-muted: #9a9386;
-  --ink: #ece8de;
-  --ink-strong: #f8f5ec;
+  --bg: #09090b;
+  --bg-elev: #121214;
+  --bg-inset: #18181b;
+  --border: #27272a;
+  --border-strong: #3f3f46;
+  --ink-faint: #52525b;
+  --ink-muted: #a1a1aa;
+  --ink: #e4e4e7;
+  --ink-strong: #ffffff;
 
-  --brand: #5fa87b;
-  --brand-deep: #8fc9a4;
-  --brand-ink: #0b0a08;
-  --brand-soft: #1e2c23;
-  --brand-soft-ink: #8fc9a4;
+  --danger: #f87171;
+  --danger-soft: rgba(248, 113, 113, 0.1);
+  --warn: #fbbf24;
+  --warn-soft: rgba(251, 191, 36, 0.1);
+  --ok: #34d399;
+  --ok-soft: rgba(52, 211, 153, 0.1);
+  --info: #60a5fa;
+  --info-soft: rgba(96, 165, 250, 0.1);
 
-  --danger: #e37358;
-  --danger-soft: #2c1a15;
-  --warn: #d6a152;
-  --warn-soft: #2c2217;
-  --ok: #7aba89;
-  --ok-soft: #1a2820;
-  --info: #7ea3cf;
-  --info-soft: #1a2028;
+  --viz-1: var(--brand);
+  --viz-2: #fbbf24;
+  --viz-3: #60a5fa;
+  --viz-4: #f472b6;
+  --viz-5: #a78bfa;
+  --viz-6: #2dd4bf;
 
-  --viz-1: #5fa87b;
-  --viz-2: #d6a152;
-  --viz-3: #7ea3cf;
-  --viz-4: #c088a5;
-  --viz-5: #b8ac76;
-  --viz-6: #d88a74;
-
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.04);
-  --shadow-md: 0 4px 16px -6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
-  --shadow-lg: 0 20px 40px -20px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.06);
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
+  --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
+  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
+  --shadow-glow: 0 0 30px var(--brand-soft);
 }
 
 /* ─── Tailwind v4 theme mappings ─────────────────────────────────────────── */
@@ -144,17 +139,20 @@ body {
 
 body {
   font-family: var(--font-sans);
-  font-feature-settings: 'ss01', 'cv11';
+  font-feature-settings: 'ss01', 'cv11', 'salt';
   color: var(--ink);
   background: var(--bg);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 14px;
-  line-height: 1.45;
-  letter-spacing: -0.005em;
-  transition:
-    background-color 0.2s,
-    color 0.2s;
+  line-height: 1.5;
+  letter-spacing: -0.01em;
+  transition: background-color 0.4s var(--ease-smooth), color 0.4s var(--ease-smooth);
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--font-display);
+  letter-spacing: -0.02em;
 }
 
 button {
@@ -164,6 +162,7 @@ button {
   border: 0;
   background: none;
   padding: 0;
+  outline: none;
 }
 input,
 select,
@@ -174,6 +173,7 @@ textarea {
 a {
   color: inherit;
   text-decoration: none;
+  transition: color 0.2s var(--ease-smooth);
 }
 
 ::selection {
@@ -182,15 +182,15 @@ a {
 }
 
 ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
 }
 ::-webkit-scrollbar-track {
   background: transparent;
 }
 ::-webkit-scrollbar-thumb {
   background: var(--border-strong);
-  border-radius: 10px;
+  border-radius: 8px;
   border: 2px solid var(--bg);
 }
 
@@ -207,7 +207,7 @@ a {
 
 /* ─── Page content wrapper ───────────────────────────────────────────────── */
 .mt-page {
-  padding: 28px 32px 56px;
+  padding: 32px 40px 64px;
   max-width: 1400px;
   width: 100%;
 }
@@ -216,18 +216,24 @@ a {
 .mt-pill {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
-  padding: 2px 8px;
+  gap: 6px;
+  padding: 4px 10px;
   border-radius: 999px;
   font-size: 11px;
-  font-weight: 500;
-  line-height: 1.6;
-  letter-spacing: 0.01em;
+  font-weight: 600;
+  line-height: 1.4;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
   border: 1px solid transparent;
+  transition: all 0.2s var(--ease-smooth);
 }
 .mt-pill--brand {
   background: var(--brand-soft);
   color: var(--brand-soft-ink);
+  border-color: rgba(0, 0, 0, 0.05);
+}
+[data-theme='dark'] .mt-pill--brand {
+  border-color: rgba(255, 255, 255, 0.05);
 }
 .mt-pill--ok {
   background: var(--ok-soft);
@@ -253,21 +259,32 @@ a {
 .mt-seg {
   display: inline-flex;
   background: var(--bg-inset);
-  border-radius: 8px;
-  padding: 3px;
-  gap: 0;
+  border-radius: var(--r-sm);
+  padding: 4px;
+  gap: 2px;
+  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
+}
+[data-theme='dark'] .mt-seg {
+  box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
 }
 .mt-seg button {
-  padding: 5px 12px;
-  border-radius: 6px;
-  font-size: 12px;
+  padding: 6px 16px;
+  border-radius: 8px;
+  font-size: 13px;
   font-weight: 500;
   color: var(--ink-muted);
-  transition: all 0.12s;
+  transition: all 0.25s var(--ease-spring);
+}
+.mt-seg button:hover:not(.is-active) {
+  color: var(--ink);
+  background: rgba(0,0,0,0.02);
+}
+[data-theme='dark'] .mt-seg button:hover:not(.is-active) {
+  background: rgba(255,255,255,0.02);
 }
 .mt-seg button.is-active {
   background: var(--bg-elev);
-  color: var(--ink);
+  color: var(--ink-strong);
   box-shadow: var(--shadow-sm);
 }
 
@@ -278,43 +295,53 @@ a {
   gap: 1px;
   background: var(--border);
   border: 1px solid var(--border);
-  border-radius: var(--r-md);
+  border-radius: var(--r-lg);
   overflow: hidden;
+  box-shadow: var(--shadow-sm);
 }
 .cab-summary__item {
   background: var(--bg-elev);
-  padding: 16px 20px;
+  padding: 20px 24px;
   display: flex;
   flex-direction: column;
-  gap: 3px;
+  gap: 4px;
+  transition: background 0.2s var(--ease-smooth);
+}
+.cab-summary__item:hover {
+  background: var(--bg-inset);
 }
 .cab-summary__label {
-  font-size: 11px;
+  font-size: 12px;
   color: var(--ink-muted);
   text-transform: uppercase;
-  letter-spacing: 0.06em;
-  font-weight: 500;
+  letter-spacing: 0.08em;
+  font-weight: 600;
 }
 .cab-summary__value {
-  font-size: 24px;
-  font-weight: 600;
-  letter-spacing: -0.02em;
+  font-size: 32px;
+  font-weight: 700;
+  font-family: var(--font-display);
+  letter-spacing: -0.03em;
   color: var(--ink-strong);
-  line-height: 1.15;
+  line-height: 1.1;
 }
 .cab-summary__item--danger .cab-summary__value {
   color: var(--danger);
+  text-shadow: 0 0 16px var(--danger-soft);
 }
 .cab-summary__item--warn .cab-summary__value {
   color: var(--warn);
+  text-shadow: 0 0 16px var(--warn-soft);
 }
 .cab-summary__item--brand .cab-summary__value {
   color: var(--brand);
+  text-shadow: 0 0 16px var(--brand-soft);
 }
 .cab-summary__hint {
-  font-size: 11px;
+  font-size: 12px;
   color: var(--ink-faint);
-  margin-top: 2px;
+  margin-top: 4px;
+  font-weight: 500;
 }
 
 /* ─── Cabinet — filter rail ─────────────────────────────────────────────── */
@@ -322,116 +349,150 @@ a {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: 12px;
+  gap: 16px;
   flex-wrap: wrap;
+  margin: 24px 0;
 }
 .cab-filters__tabs {
   display: flex;
-  gap: 3px;
+  gap: 4px;
   background: var(--bg-elev);
-  padding: 3px;
+  padding: 4px;
   border-radius: var(--r-sm);
   border: 1px solid var(--border);
+  box-shadow: var(--shadow-sm);
 }
 .cab-filters__tab {
-  padding: 6px 12px;
-  font-size: 12px;
-  font-weight: 500;
+  padding: 8px 16px;
+  font-size: 13px;
+  font-weight: 600;
   color: var(--ink-muted);
-  border-radius: 7px;
+  border-radius: 8px;
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  transition: all 0.12s;
+  gap: 8px;
+  transition: all 0.25s var(--ease-spring);
 }
 .cab-filters__tab:hover {
-  color: var(--ink);
+  color: var(--ink-strong);
+  background: var(--bg-inset);
 }
 .cab-filters__tab.is-active {
-  background: var(--ink);
-  color: var(--bg-elev);
+  background: var(--ink-strong);
+  color: var(--bg);
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+[data-theme='dark'] .cab-filters__tab.is-active {
+  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
 }
 .cab-filters__count {
-  font-size: 10px;
-  padding: 1px 5px;
-  border-radius: 6px;
+  font-size: 11px;
+  padding: 2px 6px;
+  border-radius: 999px;
   background: var(--bg-inset);
   color: var(--ink-muted);
+  font-weight: 700;
 }
 .cab-filters__tab.is-active .cab-filters__count {
-  background: rgba(255, 255, 255, 0.15);
-  color: var(--bg-elev);
+  background: rgba(255, 255, 255, 0.2);
+  color: var(--bg);
+}
+[data-theme='dark'] .cab-filters__tab.is-active .cab-filters__count {
+  background: rgba(0, 0, 0, 0.3);
 }
 .cab-filters__tools {
   display: flex;
-  gap: 8px;
+  gap: 12px;
   align-items: center;
 }
 .cab-filters__search {
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 8px;
   background: var(--bg-elev);
   border: 1px solid var(--border);
   border-radius: var(--r-sm);
-  padding: 6px 10px;
+  padding: 8px 12px;
   color: var(--ink-muted);
-  transition: border-color 0.15s;
+  transition: all 0.2s var(--ease-smooth);
+  box-shadow: var(--shadow-sm);
 }
 .cab-filters__search:focus-within {
   border-color: var(--brand);
+  box-shadow: 0 0 0 3px var(--brand-soft);
+  color: var(--brand);
 }
 .cab-filters__search input {
   border: 0;
   outline: 0;
   background: transparent;
-  width: 130px;
-  font-size: 13px;
-  color: var(--ink);
+  width: 160px;
+  font-size: 14px;
+  color: var(--ink-strong);
+  font-weight: 500;
 }
 .cab-filters__search input::placeholder {
   color: var(--ink-faint);
+  font-weight: 400;
 }
 
 /* ─── Cabinet — card grid ───────────────────────────────────────────────── */
 .cab-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  gap: 14px;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 20px;
 }
 .cab-card {
   text-align: left;
   display: flex;
   flex-direction: column;
-  gap: 14px;
-  padding: 18px;
+  gap: 16px;
+  padding: 20px;
   background: var(--bg-elev);
   border: 1px solid var(--border);
   border-radius: var(--r-md);
-  transition: all 0.15s;
+  transition: all 0.3s var(--ease-spring);
   position: relative;
   overflow: hidden;
   width: 100%;
   cursor: pointer;
+  box-shadow: var(--shadow-sm);
+  z-index: 1;
+}
+.cab-card::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%);
+  opacity: 0;
+  transition: opacity 0.3s var(--ease-smooth);
+  z-index: -1;
+  pointer-events: none;
+}
+[data-theme='dark'] .cab-card::after {
+  background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%);
 }
 .cab-card:hover {
   border-color: var(--border-strong);
-  transform: translateY(-1px);
+  transform: translateY(-4px) scale(1.01);
   box-shadow: var(--shadow-md);
 }
+.cab-card:hover::after {
+  opacity: 1;
+}
 .cab-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
-  right: 0;
-  height: 3px;
+  bottom: 0;
+  width: 4px;
   background: var(--viz-1);
   opacity: 0;
-  transition: opacity 0.15s;
+  transition: opacity 0.3s var(--ease-smooth);
 }
 .cab-card:hover::before {
-  opacity: 0.5;
+  opacity: 1;
 }
 .cab-card--lvl-expiring::before {
   background: var(--warn);
@@ -443,34 +504,42 @@ a {
 }
 
 .cab-card--lvl-expiring {
-  border-color: color-mix(in oklab, var(--warn) 30%, var(--border));
+  border-color: color-mix(in oklab, var(--warn) 40%, var(--border));
+  background: linear-gradient(to bottom right, var(--bg-elev), var(--warn-soft));
 }
 .cab-card--lvl-critical {
-  border-color: color-mix(in oklab, var(--danger) 30%, var(--border));
+  border-color: color-mix(in oklab, var(--danger) 40%, var(--border));
+  background: linear-gradient(to bottom right, var(--bg-elev), var(--danger-soft));
 }
 
 .cab-card__top {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 12px;
 }
 .cab-card__swatch {
-  width: 34px;
-  height: 34px;
+  width: 42px;
+  height: 42px;
   border-radius: var(--r-sm);
   display: grid;
   place-items: center;
-  background: color-mix(in oklab, var(--c, var(--viz-1)) 14%, var(--bg-inset));
+  background: color-mix(in oklab, var(--c, var(--viz-1)) 15%, var(--bg-inset));
   color: var(--c, var(--viz-1));
   flex-shrink: 0;
+  box-shadow: inset 0 2px 4px rgba(255,255,255,0.5);
+  font-size: 18px;
+}
+[data-theme='dark'] .cab-card__swatch {
+  box-shadow: inset 0 2px 4px rgba(255,255,255,0.05);
 }
 .cab-card__meta {
   flex: 1;
   min-width: 0;
 }
 .cab-card__name {
-  font-size: 14px;
-  font-weight: 500;
+  font-size: 16px;
+  font-weight: 600;
+  font-family: var(--font-display);
   color: var(--ink-strong);
   letter-spacing: -0.01em;
   white-space: nowrap;
@@ -478,9 +547,10 @@ a {
   text-overflow: ellipsis;
 }
 .cab-card__strength {
-  font-size: 11px;
+  font-size: 12px;
   color: var(--ink-muted);
   margin-top: 2px;
+  font-weight: 500;
 }
 .cab-card__flag {
   flex-shrink: 0;
@@ -490,38 +560,41 @@ a {
   display: flex;
   align-items: baseline;
   gap: 6px;
+  margin-top: 4px;
 }
 .cab-card__qty-num {
-  font-size: 26px;
-  font-weight: 600;
-  letter-spacing: -0.02em;
+  font-size: 32px;
+  font-weight: 700;
+  font-family: var(--font-display);
+  letter-spacing: -0.03em;
   color: var(--ink-strong);
   line-height: 1;
 }
 .cab-card__qty-unit {
-  font-size: 12px;
+  font-size: 13px;
+  font-weight: 600;
   color: var(--ink-muted);
 }
 
 .cab-card__foot {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  gap: 8px;
-  padding-top: 12px;
-  border-top: 1px dashed var(--border);
+  gap: 12px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border);
 }
 .cab-card__foot-label {
-  font-size: 10px;
+  font-size: 11px;
   color: var(--ink-faint);
   text-transform: uppercase;
-  letter-spacing: 0.06em;
-  font-weight: 500;
+  letter-spacing: 0.08em;
+  font-weight: 600;
 }
 .cab-card__foot-value {
-  font-size: 12px;
+  font-size: 13px;
   color: var(--ink);
-  font-weight: 500;
-  margin-top: 2px;
+  font-weight: 600;
+  margin-top: 4px;
 }
 .cab-card__foot-value--warn {
   color: var(--warn);
@@ -531,42 +604,50 @@ a {
 .daysbar {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 12px;
 }
 .daysbar__track {
   flex: 1;
-  height: 6px;
+  height: 8px;
   background: var(--bg-inset);
-  border-radius: 3px;
+  border-radius: 4px;
   position: relative;
   overflow: hidden;
+  box-shadow: inset 0 1px 2px rgba(0,0,0,0.06);
+}
+[data-theme='dark'] .daysbar__track {
+  box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
 }
 .daysbar__fill {
   height: 100%;
-  background: var(--ok);
-  border-radius: 3px;
-  transition: width 0.3s;
+  background: linear-gradient(90deg, var(--ok-soft) 0%, var(--ok) 100%);
+  border-radius: 4px;
+  transition: width 0.5s var(--ease-spring);
+  box-shadow: 0 0 10px var(--ok-soft);
 }
 .daysbar--low .daysbar__fill {
-  background: var(--warn);
+  background: linear-gradient(90deg, var(--warn-soft) 0%, var(--warn) 100%);
+  box-shadow: 0 0 10px var(--warn-soft);
 }
 .daysbar--critical .daysbar__fill {
-  background: var(--danger);
+  background: linear-gradient(90deg, var(--danger-soft) 0%, var(--danger) 100%);
+  box-shadow: 0 0 10px var(--danger-soft);
 }
 .daysbar__label {
   display: flex;
   align-items: baseline;
-  gap: 3px;
-  min-width: 46px;
+  gap: 4px;
+  min-width: 50px;
   justify-content: flex-end;
 }
 .daysbar__num {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--ink);
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--ink-strong);
 }
 .daysbar__unit {
-  font-size: 10px;
+  font-size: 11px;
+  font-weight: 600;
   color: var(--ink-muted);
 }
 .daysbar--low .daysbar__num {
@@ -582,43 +663,51 @@ a {
   border-radius: var(--r-md);
   background: var(--bg-elev);
   overflow: hidden;
-  margin-top: 4px;
+  margin-top: 8px;
+  box-shadow: var(--shadow-sm);
 }
 .cab-items__row {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
-  padding: 12px 16px;
+  gap: 16px;
+  padding: 16px 20px;
   border-bottom: 1px solid var(--border);
+  transition: background 0.2s;
 }
 .cab-items__row:last-child {
   border-bottom: 0;
 }
+.cab-items__row:hover {
+  background: var(--bg-inset);
+}
 
 /* ─── Cabinet — detail list view ────────────────────────────────────────── */
 .cab-list {
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 0;
   border: 1px solid var(--border);
   border-radius: var(--r-md);
   background: var(--bg-elev);
   overflow: hidden;
+  box-shadow: var(--shadow-sm);
 }
 .cab-list__row {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
-  padding: 12px 16px;
+  gap: 16px;
+  padding: 16px 20px;
   border-bottom: 1px solid var(--border);
+  transition: all 0.2s var(--ease-smooth);
 }
 .cab-list__row:last-child {
   border-bottom: 0;
 }
 .cab-list__row:hover {
   background: var(--bg-inset);
+  transform: translateX(2px);
 }
 
 /* ─── Form field base ───────────────────────────────────────────────────── */
@@ -627,82 +716,110 @@ a {
   background: var(--bg-elev);
   border: 1px solid var(--border);
   border-radius: var(--r-sm);
-  padding: 8px 12px;
-  font-size: 13px;
-  color: var(--ink);
+  padding: 10px 14px;
+  font-size: 14px;
+  color: var(--ink-strong);
+  font-weight: 500;
   outline: none;
-  transition: border-color 0.15s;
+  transition: all 0.2s var(--ease-smooth);
+  box-shadow: var(--shadow-sm);
 }
 .mt-field:focus {
   border-color: var(--brand);
+  box-shadow: 0 0 0 3px var(--brand-soft);
 }
 .mt-field::placeholder {
   color: var(--ink-faint);
+  font-weight: 400;
 }
 .mt-field:disabled {
   background: var(--bg-inset);
   color: var(--ink-faint);
   cursor: not-allowed;
+  box-shadow: none;
 }
 .mt-field-label {
   display: block;
-  font-size: 12px;
-  font-weight: 500;
+  font-size: 13px;
+  font-weight: 600;
   color: var(--ink-muted);
-  margin-bottom: 5px;
+  margin-bottom: 6px;
 }
 
 /* ─── Buttons ───────────────────────────────────────────────────────────── */
 .mt-btn {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  padding: 7px 14px;
+  justify-content: center;
+  gap: 8px;
+  padding: 10px 18px;
   border-radius: var(--r-sm);
-  font-size: 13px;
-  font-weight: 500;
-  transition: all 0.12s;
+  font-size: 14px;
+  font-weight: 600;
+  transition: all 0.25s var(--ease-spring);
   cursor: pointer;
   border: 1px solid transparent;
+  user-select: none;
+}
+.mt-btn:active {
+  transform: scale(0.96);
 }
 .mt-btn--primary {
-  background: var(--brand);
+  background: linear-gradient(180deg, color-mix(in oklab, var(--brand) 90%, white), var(--brand));
   color: var(--brand-ink);
-  border-color: var(--brand);
+  border-color: var(--brand-deep);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 2px 4px rgba(0,0,0,0.1);
+  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
+}
+[data-theme='dark'] .mt-btn--primary {
+  background: linear-gradient(180deg, var(--brand), color-mix(in oklab, var(--brand) 80%, black));
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 2px 8px rgba(0,0,0,0.3);
 }
 .mt-btn--primary:hover {
-  background: var(--brand-deep);
-  border-color: var(--brand-deep);
+  filter: brightness(1.1);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 4px 12px rgba(0,0,0,0.15);
+  transform: translateY(-1px);
 }
 .mt-btn--primary:disabled {
-  opacity: 0.5;
+  opacity: 0.6;
   cursor: not-allowed;
+  filter: grayscale(0.5);
+  transform: none;
+  box-shadow: none;
 }
 .mt-btn--ghost {
   background: transparent;
   color: var(--ink-muted);
   border-color: var(--border);
+  box-shadow: var(--shadow-sm);
 }
 .mt-btn--ghost:hover {
-  background: var(--bg-inset);
-  color: var(--ink);
+  background: var(--bg-elev);
+  color: var(--ink-strong);
+  border-color: var(--border-strong);
+  box-shadow: var(--shadow-md);
+  transform: translateY(-1px);
 }
 .mt-btn--icon {
-  padding: 6px;
+  padding: 8px;
   background: transparent;
   color: var(--ink-muted);
   border-color: var(--border);
-  border-radius: var(--r-xs);
+  border-radius: var(--r-sm);
+  box-shadow: var(--shadow-sm);
 }
 .mt-btn--icon:hover {
-  background: var(--bg-inset);
-  color: var(--ink);
+  background: var(--bg-elev);
+  color: var(--ink-strong);
+  border-color: var(--border-strong);
+  box-shadow: var(--shadow-md);
+  transform: translateY(-1px);
 }
 .mt-btn--danger-icon {
-  padding: 5px;
+  padding: 8px;
   background: transparent;
   color: var(--ink-faint);
-  border-radius: var(--r-xs);
+  border-radius: var(--r-sm);
 }
 .mt-btn--danger-icon:hover {
   background: var(--danger-soft);
@@ -712,37 +829,68 @@ a {
   background: transparent;
   color: var(--danger);
   border-color: var(--danger);
+  box-shadow: var(--shadow-sm);
 }
 .mt-btn--danger-ghost:hover {
   background: var(--danger-soft);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-md);
 }
 
 /* ─── Cards ──────────────────────────────────────────────────────────────── */
 .mt-card {
   background: var(--bg-elev);
   border: 1px solid var(--border);
-  border-radius: var(--r-md);
-  padding: 24px;
+  border-radius: var(--r-lg);
+  padding: 32px;
+  box-shadow: var(--shadow-sm);
+  transition: box-shadow 0.3s var(--ease-smooth);
+}
+.mt-card:hover {
+  box-shadow: var(--shadow-md);
 }
 
 /* ─── Alerts ─────────────────────────────────────────────────────────────── */
 .mt-alert {
-  padding: 10px 14px;
-  border-radius: var(--r-sm);
-  font-size: 13px;
+  padding: 12px 16px;
+  border-radius: var(--r-md);
+  font-size: 14px;
+  font-weight: 500;
   border: 1px solid transparent;
+  display: flex;
+  align-items: center;
+  gap: 12px;
 }
 .mt-alert--danger {
   background: var(--danger-soft);
-  border-color: var(--danger);
+  border-color: color-mix(in oklab, var(--danger) 30%, transparent);
   color: var(--danger);
+  box-shadow: 0 2px 8px var(--danger-soft);
 }
 
 /* ─── Links ──────────────────────────────────────────────────────────────── */
 .mt-link {
   color: var(--brand);
-  text-decoration: underline;
+  text-decoration: none;
+  font-weight: 500;
+  position: relative;
+}
+.mt-link::after {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background: currentColor;
+  transform: scaleX(0);
+  transform-origin: right;
+  transition: transform 0.3s var(--ease-spring);
 }
 .mt-link:hover {
   color: var(--brand-deep);
 }
+.mt-link:hover::after {
+  transform: scaleX(1);
+  transform-origin: left;
+}
diff --git a/packages/web/test_results.txt b/packages/web/test_results.txt
new file mode 100644
index 0000000000000000000000000000000000000000..da2313527d7f3a509025ce006685201013284b7c
GIT binary patch
literal 175874
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

literal 0
HcmV?d00001

diff --git a/packages/web/test_results_2.txt b/packages/web/test_results_2.txt
new file mode 100644
index 0000000000000000000000000000000000000000..e3eb81bb96eab316fcf35422559e96dea0c9ab43
GIT binary patch
literal 194896
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

literal 0
HcmV?d00001

diff --git a/packages/web/test_results_2_utf8.txt b/packages/web/test_results_2_utf8.txt
new file mode 100644
index 0000000..65a62c4
--- /dev/null
+++ b/packages/web/test_results_2_utf8.txt
@@ -0,0 +1,1891 @@
+
+ RUN  v4.1.2 F:/Coding/MeshiTrack/packages/web
+
+node.exe : stderr | src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx > 
+ShoppingListsPage > loads and displays shopping lists
+At line:1 char:1
++ & "C:\nodejs/node.exe" "C:\nodejs/node_modules/npm/bin/npx-cli.js" vi ...
++ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+    + CategoryInfo          : NotSpecified: (stderr... shopping lists:String) [], RemoteException
+    + FullyQualifiedErrorId : NativeCommandError
+ 
+Each child in a list should have a unique "key" prop.
+
+Check the render method of `ShoppingListsPage`. See https://react.dev/link/warning-keys for more information.
+
+ Γ£ô src/components/__tests__/ThemeProvider.test.tsx (8 tests) 102ms
+ Γ£ô src/app/__tests__/page.test.tsx (2 tests) 198ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/page.test.tsx (3 tests) 136ms
+ Γ£ô src/app/(dashboard)/products/__tests__/ImportDialog.test.tsx (11 tests) 353ms
+ Γ£ô src/components/__tests__/ui.test.tsx (11 tests) 284ms
+stderr | src/app/(dashboard)/dashboard/__tests__/page.test.tsx > DashboardPage > 
+shows "good shape" message when no critical alerts
+Each child in a list should have a unique "key" prop.
+
+Check the render method of `DashboardPage`. See https://react.dev/link/warning-keys for more information.
+
+ Γ£ô src/components/__tests__/TopBar.test.tsx (4 tests) 331ms
+ Γ£ô src/components/__tests__/Sidebar.test.tsx (8 tests) 340ms
+ Γ£ô src/app/(dashboard)/dashboard/__tests__/page.test.tsx (13 tests) 401ms
+ Γ£ô src/app/(dashboard)/medicines/schedule/__tests__/page.test.tsx (14 tests) 388ms
+ Γ£ô src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx (6 tests) 685ms
+     Γ£ô toggles create list modal and submits  332ms
+stderr | src/app/(dashboard)/refills/__tests__/page.test.tsx > RefillsPage > 
+renders Refills heading when householdId exists
+An update to AlertsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to AlertsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to RefillListsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to RefillListsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+stderr | src/app/(dashboard)/medicine-prices/__tests__/page.test.tsx > MedicinePricesPage > 
+renders Medicine Prices heading when householdId exists
+An update to MedicinePricesContent inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to MedicinePricesContent inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+ Γ£ô src/app/(dashboard)/recipes/new/__tests__/page.test.tsx (3 tests) 216ms
+ Γ£ô src/app/(dashboard)/recipes/[id]/edit/__tests__/page.test.tsx (4 tests) 285ms
+ Γ£ô src/app/(dashboard)/recipes/[id]/__tests__/page.test.tsx (11 tests) 556ms
+ Γ£ô src/app/(dashboard)/recipes/__tests__/page.test.tsx (22 tests) 801ms
+ Γ£ô src/app/(dashboard)/pantry/__tests__/page.test.tsx (15 tests) 809ms
+stderr | src/app/(dashboard)/medicines/__tests__/ActivityTab.test.tsx > ActivityTab > 
+loads more events when Load more is clicked
+Encountered two children with the same key, `ev-1`. Keys should be unique so that components maintain their 
+identity across updates. Non-unique keys may cause children to be duplicated and/or omitted ΓÇö the behavior is 
+unsupported and could change in a future version.
+
+ Γ£ô src/app/(dashboard)/recipes/__tests__/RecipeEditor.test.tsx (9 tests) 891ms
+stderr | src/app/(dashboard)/medicine-prices/__tests__/page.test.tsx > MedicinePricesPage > 
+shows Load more button in price history
+Encountered two children with the same key, `pr-1`. Keys should be unique so that components maintain their 
+identity across updates. Non-unique keys may cause children to be duplicated and/or omitted ΓÇö the behavior is 
+unsupported and could change in a future version.
+
+ Γ¥» src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx (3 tests | 3 failed) 2108ms
+     × renders loading initially 62ms
+     × loads and displays analytics 1022ms
+     × handles fetch errors gracefully 1020ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/ActivityTab.test.tsx (18 tests) 940ms
+ Γ£ô src/app/(dashboard)/stores/__tests__/page.test.tsx (22 tests) 2353ms
+     Γ£ô toggles a preset tag and adds a custom tag  491ms
+ Γ£ô src/app/(dashboard)/purchases/__tests__/page.test.tsx (26 tests) 2386ms
+     Γ£ô adds and removes purchase items  304ms
+ Γ£ô src/app/(dashboard)/products/__tests__/page.test.tsx (11 tests) 1243ms
+     Γ£ô filters by search input with debounce  442ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/OrganizerTab.test.tsx (20 tests) 1354ms
+stderr | src/app/(dashboard)/medicines/__tests__/LibraryTab.test.tsx > LibraryTab > 
+filters medicines by search, category, and form
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+ Γ£ô src/app/(dashboard)/medicine-prices/__tests__/page.test.tsx (15 tests) 1433ms
+stderr | src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx > CabinetTab > 
+changes quantity and unit in AddToCabinetForm
+An update to AddToCabinetForm inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+ Γ£ô src/app/(dashboard)/products/__tests__/ProductModal.test.tsx (18 tests) 1767ms
+     Γ£ô calls onSave with correct data on valid submit  342ms
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx (5 tests | 4 failed) 4156ms
+     Γ£ô renders loading initially 59ms
+     × loads and displays the list 1012ms
+     × toggles an item check 1047ms
+     × adds a new item to the list 1010ms
+     × completes the trip and syncs to pantry 1023ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/LibraryTab.test.tsx (14 tests) 2143ms
+     Γ£ô creates medicine and refreshes list  495ms
+     Γ£ô shows fallback error when non-Error is thrown on create medicine  448ms
+ Γ£ô src/app/(dashboard)/settings/__tests__/page.test.tsx (20 tests) 3791ms
+     Γ£ô creates a household on form submit  303ms
+     Γ£ô allows editing the household name  505ms
+     Γ£ô shows error when name update fails  460ms
+     Γ£ô shows fallback error when non-Error thrown on name update  324ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/RegimensTab.test.tsx (32 tests) 3041ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx (29 tests) 3127ms
+ Γ£ô src/app/(dashboard)/refills/__tests__/page.test.tsx (26 tests) 3150ms
+ Γ£ô src/app/(dashboard)/medicines/[id]/__tests__/page.test.tsx (34 tests) 3835ms
+     Γ£ô toggles Add Product form  367ms
+ Γ£ô src/app/(dashboard)/medicines/organizer/__tests__/page.test.tsx (3 tests) 103ms
+ Γ£ô src/app/(dashboard)/medicines/activity/__tests__/page.test.tsx (3 tests) 104ms
+ Γ£ô src/lib/__tests__/useApi.test.ts (7 tests) 41ms
+ Γ£ô src/app/(dashboard)/medicines/library/__tests__/page.test.tsx (3 tests) 97ms
+ Γ£ô src/app/(dashboard)/medicines/regimens/__tests__/page.test.tsx (3 tests) 92ms
+ Γ£ô src/app/(dashboard)/medicines/cabinet/__tests__/page.test.tsx (3 tests) 102ms
+stdout | src/lib/useShoppingListSync.test.ts > useShoppingListSync > handles incoming item_updated messages correctly
+🛒 Connected to shopping list real-time sync: list1
+
+ Γ£ô src/app/(dashboard)/__tests__/loading.test.tsx (1 test) 37ms
+stdout | src/lib/useShoppingListSync.test.ts > useShoppingListSync > broadcasts toggle item messages when connected
+🛒 Connected to shopping list real-time sync: list1
+
+stdout | src/lib/useShoppingListSync.test.ts > useShoppingListSync > handles disconnect and reconnect backoff
+🛒 Connected to shopping list real-time sync: list1
+🔌 Sync severed: test
+🔄 Attempting sync handshake reconnect (1/5)...
+
+ Γ£ô src/lib/useShoppingListSync.test.ts (4 tests) 44ms
+ Γ£ô src/app/(dashboard)/__tests__/layout.test.tsx (1 test) 40ms
+ Γ£ô src/services/__tests__/api-client.test.ts (14 tests) 20ms
+ Γ£ô src/services/__tests__/products.test.ts (12 tests) 19ms
+ Γ£ô src/services/__tests__/organizer.test.ts (7 tests) 12ms
+ Γ£ô src/services/meal-plans.test.ts (9 tests) 12ms
+ Γ£ô src/services/__tests__/medicines.test.ts (12 tests) 16ms
+ Γ£ô src/services/__tests__/regimens.test.ts (8 tests) 12ms
+ Γ£ô src/services/__tests__/pantry.test.ts (13 tests) 12ms
+ Γ£ô src/services/__tests__/stores.test.ts (6 tests) 12ms
+ Γ£ô src/services/__tests__/cabinet-events.test.ts (7 tests) 14ms
+ Γ£ô src/services/__tests__/cabinet.test.ts (11 tests) 12ms
+ Γ£ô src/services/__tests__/purchases.test.ts (7 tests) 14ms
+ Γ£ô src/services/__tests__/refills.test.ts (9 tests) 13ms
+ Γ£ô src/services/shopping-lists.test.ts (12 tests) 8ms
+ Γ£ô src/services/nutrition-targets.test.ts (4 tests) 8ms
+ Γ£ô src/services/prices.test.ts (5 tests) 6ms
+ Γ£ô src/services/__tests__/medicine-prices.test.ts (7 tests) 12ms
+ Γ£ô src/services/__tests__/recipes.test.ts (11 tests) 12ms
+ Γ£ô src/services/__tests__/households.test.ts (5 tests) 7ms
+
+⎯⎯⎯⎯⎯⎯⎯ Failed Tests 7 ⎯⎯⎯⎯⎯⎯⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx > 
+ShoppingListPricesPage > renders loading initially
+TestingLibraryElementError: Unable to find an element with the text: Price Intelligence. This could be 
+because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to 
+make your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <div
+      style="padding: 40px;"
+    >
+      Synthesizing financial graphs...
+    </div>
+  </div>
+</body>
+ Γ¥» Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
+ Γ¥» ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
+ Γ¥» ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
+ Γ¥» ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
+ Γ¥» src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx:56:19
+     54|     vi.mocked(useApiModule.useApi).mockReturnValue({ householdId: null…
+     55|     render(<ShoppingListPricesPage />);
+     56|     expect(screen.getByText('Price 
+Intelligence')).toBeInTheDocument();
+       |                   ^
+     57|   });
+     58|
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/7]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx > 
+ShoppingListPricesPage > loads and displays analytics
+TestingLibraryElementError: Unable to find an element with the text: $150.00. This could be because 
+the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make 
+your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Inflation & Spend Metrics
+    </h1>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="margin-bottom: 24px;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Checklists
+        </button>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 28px; 
+margin-bottom: 32px;"
+      >
+        <div
+          class=""
+          style="background: var(--bg-elev); border: 1px solid var(--border); border-radius: 
+var(--r-md); overflow: hidden; padding: 24px;"
+        >
+          <h4
+            style="font-size: 15px; font-weight: 600; margin-bottom: 20px;"
+          >
+            Monthly Spending Velocities
+          </h4>
+          <div
+            style="height: 300px;"
+          >
+            <div
+              style="display: flex; align-items: center; justify-content: center; height: 100%; color: 
+var(--ink-muted); font-size: 13px; border: 1px dashed var(--border); border-radius: var(--r-md);"
+            >
+              No historical spend records found.
+            </div>
+          </div>
+        </div>
+        <div
+          class=""
+          style="background: var(--bg-elev); border: 1px solid var(--border); border-radius: 
+var(--r-md); overflow: hidden; padding: 24px;"
+        >
+          <h4
+            style="font-size: 15px; font-weight: 600; margin-bottom: 20px;"
+          >
+            Spending Distrubution by Category
+          </h4>
+          <div
+            style="height: 300px;"
+          >
+            <div
+              style="display: flex; align-items: center; justify-content: center; height: 100%; color: 
+var(--ink-muted); font-size: 13px; border: 1px dashed var(--border); border-radius: var(--r-md);"
+            >
+              No categorized allocations recorded yet.
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class=""
+        style="background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); 
+overflow: hidden; padding: 24px;"
+      >
+        <h4
+          style="font-size: 15px; font-weight: 600; margin-bottom: 20px;"
+        >
+          Average Complete Basket Totals per Store
+        </h4>
+        <div
+          style="display: flex; align-items: center; justify-content: center; height: 100%; color: 
+var(--ink-muted); font-size: 13px; border: 1px dashed var(--border); border-radius: var(--r-md);"
+        >
+          Create multiple shopping trips to visualize basket trends.
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Inflation & Spend Metrics
+      </h1>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="margin-bottom: 24px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Checklists
+          </button>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 28px; 
+margin-bottom: 32px;"
+        >
+          <div
+            class=""
+            style="background: var(--bg-elev); border: 1px solid var(--border); border-radius: 
+var(--r-md); overflow: hidden; padding: 24px;"
+          >
+            <h4
+              style="font-size: 15px; font-weight: 600; margin-bottom: 20px;"
+            >
+              Monthly Spending Velocities
+            </h4>
+            <div
+              style="height: 300px;"
+            >
+              <div
+                style="display: flex; align-items: center; justify-content: center; height: 100%; 
+color: var(--ink-muted); font-size: 13px; border: 1px dashed var(--border); border-radius: var(--r-md);"
+              >
+                No historical spend records found.
+              </div>
+            </div>
+          </div>
+          <div
+            class=""
+            style="background: var(--bg-elev); border: 1px solid var(--border); border-radius: 
+var(--r-md); overflow: hidden; padding: 24px;"
+          >
+            <h4
+              style="font-size: 15px; font-weight: 600; margin-bottom: 20px;"
+            >
+              Spending Distrubution by Category
+            </h4>
+            <div
+              style="height: 300px;"
+            >
+              <div
+                style="display: flex; align-items: center; justify-content: center; height: 100%; 
+color: var(--ink-muted); font-size: 13px; border: 1px dashed var(--border); border-radius: var(--r-md);"
+              >
+                No categorized allocations recorded yet.
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class=""
+          style="background: var(--bg-elev); border: 1px solid var(--border); border-radius: 
+var(--r-md); overflow: hidden; padding: 24px;"
+        >
+          <h4
+            style="font-size: 15px; font-weight: 600; margin-bottom: 20px;"
+          >
+            Average Complete Basket Totals per Store
+          </h4>
+          <div
+            style="display: flex; align-items: center; justify-content: center; height: 100%; color: 
+var(--ink-muted); font-size: 13px; border: 1px dashed var(--border); border-radius: var(--r-md);"
+          >
+            Create multiple shopping trips to visualize basket trends.
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx:61:11
+     59|   it('loads and displays analytics', async () => {
+     60|     render(<ShoppingListPricesPage />);
+     61|     await waitFor(() => {
+       |           ^
+     62|       expect(screen.getByText('$150.00')).toB
+eInTheDocument();
+     63|       expect(screen.getByText('Costco')).toBe
+InTheDocument();
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/7]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx > 
+ShoppingListPricesPage > handles fetch errors gracefully
+TestingLibraryElementError: Unable to find an element with the text: Analytics failed. This could be 
+because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to 
+make your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <div
+      style="padding: 40px; color: var(--danger);"
+    >
+      Error: 
+      Analytics failed
+    </div>
+  </div>
+</body>
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <div
+        style="padding: 40px; color: var(--danger);"
+      >
+        Error: 
+        Analytics failed
+      </div>
+    </div>
+  </body>
+</html>
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx:72:11
+     70|     render(<ShoppingListPricesPage />);
+     71|
+     72|     await waitFor(() => {
+       |           ^
+     73|       expect(screen.getByText('Analytics 
+failed')).toBeInTheDocument();
+     74|     });
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[3/7]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > loads and displays the list
+TestingLibraryElementError: Found multiple elements with the text: Apple
+
+Here are the matching elements:
+
+Ignored nodes: comments, script, style
+<div
+  style="font-weight: 600; font-size: 14px; color: var(--ink);"
+>
+  Apple
+</div>
+
+Ignored nodes: comments, script, style
+<option
+  value="p1"
+>
+  Apple
+</option>
+
+(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or 
+`findAllByText`)).
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 1; 
+text-decoration: none;"
+                >
+                  <button
+                    aria-label="Toggle check for Apple"
+                    style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                  />
+                  <div
+                    style="flex: 1 1 0%; min-width: 0px;"
+                  >
+                    <div
+                      style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                    >
+                      Apple
+                    </div>
+                    <div
+                      style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                    >
+                      <span>
+                        Qty: 
+                        5
+                         
+                        pcs
+                      </span>
+                    </div>
+                  </div>
+                  <button
+                    style="border: medium; background: transparent; cursor: pointer; padding: 6px; 
+color: var(--ink-muted); opacity: 0.5;"
+                  >
+                ...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                >
+                  <div
+                    style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; 
+background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; 
+opacity: 1; text-decoration: none;"
+                  >
+                    <button
+                      aria-label="Toggle check for Apple"
+                      style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                    />
+                    <div
+                      style="flex: 1 1 0%; min-width: 0px;"
+                    >
+                      <div
+                        style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                      >
+                        Apple
+                      </div>
+                      <div
+                        style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                      >
+                        <span>
+                          Qty: 
+                          5
+                           
+                          pcs
+                        </span>
+                      </...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:66:11
+     64|   it('loads and displays the list', async () => {
+     65|     render(<ShoppingListDetailPage />);
+     66|     await waitFor(() => {
+       |           ^
+     67|       expect(screen.getByText('Test 
+List')).toBeInTheDocument();
+     68|       expect(screen.getByText('Apple')).toBeI
+nTheDocument();
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[4/7]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > toggles an item check
+TestingLibraryElementError: Found multiple elements with the text: Apple
+
+Here are the matching elements:
+
+Ignored nodes: comments, script, style
+<div
+  style="font-weight: 600; font-size: 14px; color: var(--ink);"
+>
+  Apple
+</div>
+
+Ignored nodes: comments, script, style
+<option
+  value="p1"
+>
+  Apple
+</option>
+
+(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or 
+`findAllByText`)).
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 1; 
+text-decoration: none;"
+                >
+                  <button
+                    aria-label="Toggle check for Apple"
+                    style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                  />
+                  <div
+                    style="flex: 1 1 0%; min-width: 0px;"
+                  >
+                    <div
+                      style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                    >
+                      Apple
+                    </div>
+                    <div
+                      style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                    >
+                      <span>
+                        Qty: 
+                        5
+                         
+                        pcs
+                      </span>
+                    </div>
+                  </div>
+                  <button
+                    style="border: medium; background: transparent; cursor: pointer; padding: 6px; 
+color: var(--ink-muted); opacity: 0.5;"
+                  >
+                ...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                >
+                  <div
+                    style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; 
+background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; 
+opacity: 1; text-decoration: none;"
+                  >
+                    <button
+                      aria-label="Toggle check for Apple"
+                      style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                    />
+                    <div
+                      style="flex: 1 1 0%; min-width: 0px;"
+                    >
+                      <div
+                        style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                      >
+                        Apple
+                      </div>
+                      <div
+                        style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                      >
+                        <span>
+                          Qty: 
+                          5
+                           
+                          pcs
+                        </span>
+                      </...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:74:11
+     72|   it('toggles an item check', async () => {
+     73|     render(<ShoppingListDetailPage />);
+     74|     await waitFor(() => expect(screen.getByText('Apple')).toBeInTheDoc…
+       |           ^
+     75|
+     76|     const checkbox = screen.getByRole('button', { name: /Toggle check …
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[5/7]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > adds a new item to the list
+TestingLibraryElementError: Found multiple elements with the text: Apple
+
+Here are the matching elements:
+
+Ignored nodes: comments, script, style
+<div
+  style="font-weight: 600; font-size: 14px; color: var(--ink);"
+>
+  Apple
+</div>
+
+Ignored nodes: comments, script, style
+<option
+  value="p1"
+>
+  Apple
+</option>
+
+(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or 
+`findAllByText`)).
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 1; 
+text-decoration: none;"
+                >
+                  <button
+                    aria-label="Toggle check for Apple"
+                    style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                  />
+                  <div
+                    style="flex: 1 1 0%; min-width: 0px;"
+                  >
+                    <div
+                      style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                    >
+                      Apple
+                    </div>
+                    <div
+                      style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                    >
+                      <span>
+                        Qty: 
+                        5
+                         
+                        pcs
+                      </span>
+                    </div>
+                  </div>
+                  <button
+                    style="border: medium; background: transparent; cursor: pointer; padding: 6px; 
+color: var(--ink-muted); opacity: 0.5;"
+                  >
+                ...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                >
+                  <div
+                    style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; 
+background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; 
+opacity: 1; text-decoration: none;"
+                  >
+                    <button
+                      aria-label="Toggle check for Apple"
+                      style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                    />
+                    <div
+                      style="flex: 1 1 0%; min-width: 0px;"
+                    >
+                      <div
+                        style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                      >
+                        Apple
+                      </div>
+                      <div
+                        style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                      >
+                        <span>
+                          Qty: 
+                          5
+                           
+                          pcs
+                        </span>
+                      </...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:92:11
+     90|
+     91|     render(<ShoppingListDetailPage />);
+     92|     await waitFor(() => expect(screen.getByText('Apple')).toBeInTheDoc…
+       |           ^
+     93|
+     94|     const customInput = screen.getByPlaceholderText(/e.g., Generic Flo…
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[6/7]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > completes the trip and syncs to pantry
+TestingLibraryElementError: Found multiple elements with the text: Apple
+
+Here are the matching elements:
+
+Ignored nodes: comments, script, style
+<div
+  style="font-weight: 600; font-size: 14px; color: var(--ink-muted);"
+>
+  Apple
+</div>
+
+Ignored nodes: comments, script, style
+<option
+  value="p1"
+>
+  Apple
+</option>
+
+(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or 
+`findAllByText`)).
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            style="background: var(--success); border-color: var(--success); color: rgb(255, 255, 
+255);"
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 7l9-4 9 4v10l-9 4-9-4z"
+              />
+              <path
+                d="M3 7l9 4 9-4M12 11v10"
+              />
+            </svg>
+             Sync 
+            1
+             items to Pantry
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 0.65; 
+text-decoration: l...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+
+ Test Files  2 failed | 56 passed (58)
+      Tests  7 failed | 617 passed (624)
+   Start at  08:48:56
+   Duration  14.73s (transform 12.78s, setup 37.91s, import 31.13s, tests 44.48s, environment 281.61s)
+
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+              style="background: var(--success); border-color: var(--success); color: rgb(255, 255, 
+255);"
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 7l9-4 9 4v10l-9 4-9-4z"
+                />
+                <path
+                  d="M3 7l9 4 9-4M12 11v10"
+                />
+              </svg>
+               Sync 
+              1
+               items to Pantry
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                [3...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:124:11
+    122|
+    123|     render(<ShoppingListDetailPage />);
+    124|     await waitFor(() => expect(screen.getByText('Apple')).toBeInTheDoc…
+       |           ^
+    125|
+    126|     const syncBtn = screen.getByRole('button', { name: /Sync.*items to…
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[7/7]⎯
+
diff --git a/packages/web/test_results_utf8.txt b/packages/web/test_results_utf8.txt
new file mode 100644
index 0000000..855b019
--- /dev/null
+++ b/packages/web/test_results_utf8.txt
@@ -0,0 +1,1639 @@
+
+ RUN  v4.1.2 F:/Coding/MeshiTrack/packages/web
+
+node.exe : stderr | src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > loads and displays the list
+At line:1 char:1
++ & "C:\nodejs/node.exe" "C:\nodejs/node_modules/npm/bin/npx-cli.js" vi ...
++ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+    + CategoryInfo          : NotSpecified: (stderr...splays the list:String) [], RemoteException
+    + FullyQualifiedErrorId : NativeCommandError
+ 
+Each child in a list should have a unique "key" prop.
+
+Check the render method of `ShoppingListDetailsPage`. See https://react.dev/link/warning-keys for more information.
+
+stderr | src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > loads and displays the list
+TypeError: fetch failed
+    at node:internal/deps/undici/undici:16416:13
+    at processTicksAndRejections (node:internal/process/task_queues:103:5)
+    at ApiClient.get (F:/Coding/MeshiTrack/packages/web/src/services/api-client.ts:46:17) {
+  [cause]: AggregateError: 
+      at internalConnectMultiple (node:net:1134:18)
+      at afterConnectMultiple (node:net:1715:7) {
+    code: 'ECONNREFUSED',
+    [errors]: [ [Error], [Error] ]
+  }
+}
+
+ Γ£ô src/components/__tests__/ThemeProvider.test.tsx (8 tests) 116ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/page.test.tsx (3 tests) 123ms
+ Γ£ô src/components/__tests__/TopBar.test.tsx (4 tests) 277ms
+ Γ£ô src/app/(dashboard)/products/__tests__/ImportDialog.test.tsx (11 tests) 359ms
+ Γ£ô src/components/__tests__/ui.test.tsx (11 tests) 285ms
+ Γ£ô src/app/__tests__/page.test.tsx (2 tests) 254ms
+ Γ£ô src/components/__tests__/Sidebar.test.tsx (8 tests) 334ms
+stderr | src/app/(dashboard)/dashboard/__tests__/page.test.tsx > DashboardPage > 
+shows "good shape" message when no critical alerts
+Each child in a list should have a unique "key" prop.
+
+Check the render method of `DashboardPage`. See https://react.dev/link/warning-keys for more information.
+
+ Γ£ô src/app/(dashboard)/medicines/schedule/__tests__/page.test.tsx (14 tests) 408ms
+stderr | src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx > ShoppingListsPage > 
+loads and displays shopping lists
+Each child in a list should have a unique "key" prop.
+
+Check the render method of `ShoppingListsPage`. See https://react.dev/link/warning-keys for more information.
+
+ Γ£ô src/app/(dashboard)/dashboard/__tests__/page.test.tsx (13 tests) 406ms
+ Γ¥» src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx (3 tests | 3 failed) 52ms
+     × renders loading initially 42ms
+     × loads and displays analytics 4ms
+     × handles fetch errors gracefully 3ms
+ Γ£ô src/app/(dashboard)/shopping-lists/__tests__/page.test.tsx (6 tests) 710ms
+     Γ£ô toggles create list modal and submits  319ms
+stderr | src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > toggles an item check
+TypeError: fetch failed
+    at node:internal/deps/undici/undici:16416:13
+    at processTicksAndRejections (node:internal/process/task_queues:103:5)
+    at ApiClient.get (F:/Coding/MeshiTrack/packages/web/src/services/api-client.ts:46:17) {
+  [cause]: AggregateError: 
+      at internalConnectMultiple (node:net:1134:18)
+      at afterConnectMultiple (node:net:1715:7) {
+    code: 'ECONNREFUSED',
+    [errors]: [ [Error], [Error] ]
+  }
+}
+
+stderr | src/app/(dashboard)/medicine-prices/__tests__/page.test.tsx > MedicinePricesPage > 
+renders Medicine Prices heading when householdId exists
+An update to MedicinePricesContent inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to MedicinePricesContent inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+stderr | src/app/(dashboard)/refills/__tests__/page.test.tsx > RefillsPage > 
+renders Refills heading when householdId exists
+An update to AlertsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to AlertsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to RefillListsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to RefillListsPanel inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+ Γ£ô src/app/(dashboard)/recipes/new/__tests__/page.test.tsx (3 tests) 203ms
+ Γ£ô src/app/(dashboard)/recipes/[id]/edit/__tests__/page.test.tsx (4 tests) 283ms
+ Γ£ô src/app/(dashboard)/recipes/[id]/__tests__/page.test.tsx (11 tests) 557ms
+ Γ£ô src/app/(dashboard)/purchases/__tests__/page.test.tsx (26 tests) 2317ms
+ Γ£ô src/app/(dashboard)/stores/__tests__/page.test.tsx (22 tests) 2286ms
+     Γ£ô toggles a preset tag and adds a custom tag  445ms
+ Γ£ô src/app/(dashboard)/pantry/__tests__/page.test.tsx (15 tests) 801ms
+ Γ£ô src/app/(dashboard)/recipes/__tests__/RecipeEditor.test.tsx (9 tests) 831ms
+ Γ£ô src/app/(dashboard)/recipes/__tests__/page.test.tsx (22 tests) 885ms
+stderr | src/app/(dashboard)/medicines/__tests__/ActivityTab.test.tsx > ActivityTab > 
+loads more events when Load more is clicked
+Encountered two children with the same key, `ev-1`. Keys should be unique so that components maintain their 
+identity across updates. Non-unique keys may cause children to be duplicated and/or omitted ΓÇö the behavior is 
+unsupported and could change in a future version.
+
+stderr | src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > adds a new item to the list
+TypeError: fetch failed
+    at node:internal/deps/undici/undici:16416:13
+    at processTicksAndRejections (node:internal/process/task_queues:103:5)
+    at ApiClient.get (F:/Coding/MeshiTrack/packages/web/src/services/api-client.ts:46:17) {
+  [cause]: AggregateError: 
+      at internalConnectMultiple (node:net:1134:18)
+      at afterConnectMultiple (node:net:1715:7) {
+    code: 'ECONNREFUSED',
+    [errors]: [ [Error], [Error] ]
+  }
+}
+
+stderr | src/app/(dashboard)/medicine-prices/__tests__/page.test.tsx > MedicinePricesPage > 
+shows Load more button in price history
+Encountered two children with the same key, `pr-1`. Keys should be unique so that components maintain their 
+identity across updates. Non-unique keys may cause children to be duplicated and/or omitted ΓÇö the behavior is 
+unsupported and could change in a future version.
+
+ Γ£ô src/app/(dashboard)/medicines/__tests__/ActivityTab.test.tsx (18 tests) 979ms
+ Γ£ô src/app/(dashboard)/products/__tests__/page.test.tsx (11 tests) 1234ms
+     Γ£ô filters by search input with debounce  413ms
+stderr | src/app/(dashboard)/medicines/__tests__/LibraryTab.test.tsx > LibraryTab > 
+filters medicines by search, category, and form
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+An update to LibraryTab inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+ Γ£ô src/app/(dashboard)/medicines/__tests__/OrganizerTab.test.tsx (20 tests) 1394ms
+ Γ£ô src/app/(dashboard)/medicine-prices/__tests__/page.test.tsx (15 tests) 1432ms
+stderr | src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx > CabinetTab > 
+changes quantity and unit in AddToCabinetForm
+An update to AddToCabinetForm inside a test was not wrapped in act(...).
+
+When testing, code that causes React state updates should be wrapped into act(...):
+
+act(() => {
+  /* fire events that update state */
+});
+/* assert on the output */
+
+This ensures that you're testing the behavior the user would see in the browser. Learn more at 
+https://react.dev/link/wrap-tests-with-act
+
+ Γ£ô src/app/(dashboard)/products/__tests__/ProductModal.test.tsx (18 tests) 1701ms
+     Γ£ô calls onSave with correct data on valid submit  331ms
+ Γ£ô src/app/(dashboard)/settings/__tests__/page.test.tsx (20 tests) 3677ms
+     Γ£ô allows editing the household name  438ms
+     Γ£ô shows error when name update fails  458ms
+     Γ£ô shows fallback error when non-Error thrown on name update  372ms
+stderr | src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > completes the trip and syncs to pantry
+TypeError: fetch failed
+    at node:internal/deps/undici/undici:16416:13
+    at processTicksAndRejections (node:internal/process/task_queues:103:5)
+    at ApiClient.get (F:/Coding/MeshiTrack/packages/web/src/services/api-client.ts:46:17) {
+  [cause]: AggregateError: 
+      at internalConnectMultiple (node:net:1134:18)
+      at afterConnectMultiple (node:net:1715:7) {
+    code: 'ECONNREFUSED',
+    [errors]: [ [Error], [Error] ]
+  }
+}
+
+ Γ£ô src/app/(dashboard)/medicines/__tests__/LibraryTab.test.tsx (14 tests) 2075ms
+     Γ£ô creates medicine and refreshes list  515ms
+     Γ£ô shows fallback error when non-Error is thrown on create medicine  466ms
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx (5 tests | 5 failed) 4140ms
+     × renders loading initially 57ms
+     × loads and displays the list 1035ms
+     × toggles an item check 1019ms
+     × adds a new item to the list 1016ms
+     × completes the trip and syncs to pantry 1009ms
+ Γ£ô src/app/(dashboard)/refills/__tests__/page.test.tsx (26 tests) 3097ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/CabinetTab.test.tsx (29 tests) 3172ms
+ Γ£ô src/app/(dashboard)/medicines/__tests__/RegimensTab.test.tsx (32 tests) 3206ms
+ Γ£ô src/app/(dashboard)/medicines/cabinet/__tests__/page.test.tsx (3 tests) 106ms
+ Γ£ô src/app/(dashboard)/medicines/organizer/__tests__/page.test.tsx (3 tests) 108ms
+ Γ£ô src/app/(dashboard)/medicines/regimens/__tests__/page.test.tsx (3 tests) 106ms
+ Γ£ô src/app/(dashboard)/medicines/[id]/__tests__/page.test.tsx (34 tests) 3690ms
+     Γ£ô toggles Add Product form  339ms
+stdout | src/lib/useShoppingListSync.test.ts > useShoppingListSync > handles incoming item_updated messages correctly
+🛒 Connected to shopping list real-time sync: list1
+
+stdout | src/lib/useShoppingListSync.test.ts > useShoppingListSync > broadcasts toggle item messages when connected
+🛒 Connected to shopping list real-time sync: list1
+
+stdout | src/lib/useShoppingListSync.test.ts > useShoppingListSync > handles disconnect and reconnect backoff
+🛒 Connected to shopping list real-time sync: list1
+🔌 Sync severed: test
+🔄 Attempting sync handshake reconnect (1/5)...
+
+ Γ£ô src/lib/useShoppingListSync.test.ts (4 tests) 49ms
+ Γ£ô src/app/(dashboard)/__tests__/layout.test.tsx (1 test) 54ms
+ Γ£ô src/app/(dashboard)/medicines/activity/__tests__/page.test.tsx (3 tests) 94ms
+ Γ£ô src/app/(dashboard)/medicines/library/__tests__/page.test.tsx (3 tests) 98ms
+ Γ£ô src/lib/__tests__/useApi.test.ts (7 tests) 33ms
+ Γ£ô src/app/(dashboard)/__tests__/loading.test.tsx (1 test) 37ms
+ Γ£ô src/services/__tests__/api-client.test.ts (14 tests) 28ms
+ Γ£ô src/services/__tests__/recipes.test.ts (11 tests) 17ms
+ Γ£ô src/services/__tests__/products.test.ts (12 tests) 18ms
+ Γ£ô src/services/__tests__/regimens.test.ts (8 tests) 13ms
+ Γ£ô src/services/__tests__/refills.test.ts (9 tests) 11ms
+ Γ£ô src/services/meal-plans.test.ts (9 tests) 12ms
+ Γ£ô src/services/__tests__/organizer.test.ts (7 tests) 8ms
+ Γ£ô src/services/__tests__/stores.test.ts (6 tests) 9ms
+ Γ£ô src/services/shopping-lists.test.ts (12 tests) 12ms
+ Γ£ô src/services/__tests__/pantry.test.ts (13 tests) 16ms
+ Γ£ô src/services/__tests__/cabinet.test.ts (11 tests) 14ms
+ Γ£ô src/services/__tests__/households.test.ts (5 tests) 9ms
+ Γ£ô src/services/prices.test.ts (5 tests) 10ms
+ Γ£ô src/services/__tests__/medicines.test.ts (12 tests) 14ms
+ Γ£ô src/services/nutrition-targets.test.ts (4 tests) 8ms
+ Γ£ô src/services/__tests__/purchases.test.ts (7 tests) 8ms
+ Γ£ô src/services/__tests__/cabinet-events.test.ts (7 tests) 13ms
+ Γ£ô src/services/__tests__/medicine-prices.test.ts (7 tests) 10ms
+
+⎯⎯⎯⎯⎯⎯⎯ Failed Tests 8 ⎯⎯⎯⎯⎯⎯⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx > 
+ShoppingListPricesPage > renders loading initially
+ FAIL  src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx > 
+ShoppingListPricesPage > loads and displays analytics
+ FAIL  src/app/(dashboard)/shopping-lists/prices/__tests__/page.test.tsx > 
+ShoppingListPricesPage > handles fetch errors gracefully
+Error: invariant expected app router to be mounted
+ Γ¥» useRouter ../../node_modules/next/src/client/components/navigation.ts:179:10
+ Γ¥» PricesAnalyticsPage src/app/(dashboard)/shopping-lists/prices/page.tsx:25:18
+     23| export default function PricesAnalyticsPage() {
+     24|   const { householdId, isLoading } = useApi();
+     25|   const router = useRouter();
+       |                  ^
+     26|   const [data, setData] = 
+useState<any>(null);
+     27|   const [loading, setLoading] = 
+useState(true);
+ Γ¥» Object.react_stack_bottom_frame 
+../../node_modules/react-dom/cjs/react-dom-client.development.js:25904:20
+ Γ¥» renderWithHooks 
+../../node_modules/react-dom/cjs/react-dom-client.development.js:7662:22
+ Γ¥» updateFunctionComponent 
+../../node_modules/react-dom/cjs/react-dom-client.development.js:10166:19
+ Γ¥» beginWork ../../node_modules/react-dom/cjs/react-dom-client.development.js:11778:18
+ Γ¥» runWithFiberInDEV 
+../../node_modules/react-dom/cjs/react-dom-client.development.js:874:13
+ Γ¥» performUnitOfWork 
+../../node_modules/react-dom/cjs/react-dom-client.development.js:17641:22
+ Γ¥» workLoopSync ../../node_modules/react-dom/cjs/react-dom-client.development.js:17469:41
+ Γ¥» renderRootSync 
+../../node_modules/react-dom/cjs/react-dom-client.development.js:17450:11
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/8]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > renders loading initially
+TestingLibraryElementError: Unable to find an element with the text: Shopping List. This could be 
+because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to 
+make your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <div
+      style="padding: 40px;"
+    >
+      Hydrating session checklist...
+    </div>
+  </div>
+</body>
+ Γ¥» Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19
+ Γ¥» ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
+ Γ¥» ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
+ Γ¥» ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:48:19
+     46|     vi.mocked(useApiModule.useApi).mockReturnValue({ householdId: null…
+     47|     render(<ShoppingListDetailPage />);
+     48|     expect(screen.getByText('Shopping 
+List')).toBeInTheDocument();
+       |                   ^
+     49|   });
+     50|
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/8]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > loads and displays the list
+TestingLibraryElementError: Unable to find an element with the text: Apple. This could be because 
+the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make 
+your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 1; 
+text-decoration: none;"
+                >
+                  <button
+                    style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                  />
+                  <div
+                    style="flex: 1 1 0%; min-width: 0px;"
+                  >
+                    <div
+                      style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                    >
+                      Ingredient Loading...
+                    </div>
+                    <div
+                      style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                    >
+                      <span>
+                        Qty: 
+                        5
+                         
+                      </span>
+                    </div>
+                  </div>
+                  <button
+                    style="border: medium; background: transparent; cursor: pointer; padding: 6px; 
+color: var(--ink-muted); opacity: 0.5;"
+                  >
+                    <svg
+                      aria-hidden="true"
+                ...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                >
+                  <div
+                    style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; 
+background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; 
+opacity: 1; text-decoration: none;"
+                  >
+                    <button
+                      style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                    />
+                    <div
+                      style="flex: 1 1 0%; min-width: 0px;"
+                    >
+                      <div
+                        style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                      >
+                        Ingredient Loading...
+                      </div>
+                      <div
+                        style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                      >
+                        <span>
+                          Qty: 
+                          5
+                           
+                        </span>
+                      </div>
+                    </div>
+                    <button
+               ...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:53:11
+     51|   it('loads and displays the list', async () => {
+     52|     render(<ShoppingListDetailPage />);
+     53|     await waitFor(() => {
+       |           ^
+     54|       expect(screen.getByText('Test 
+List')).toBeInTheDocument();
+     55|       expect(screen.getByText('Apple')).toBeI
+nTheDocument();
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[3/8]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > toggles an item check
+TestingLibraryElementError: Unable to find an element with the text: Apple. This could be because 
+the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make 
+your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 1; 
+text-decoration: none;"
+                >
+                  <button
+                    style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                  />
+                  <div
+                    style="flex: 1 1 0%; min-width: 0px;"
+                  >
+                    <div
+                      style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                    >
+                      Ingredient Loading...
+                    </div>
+                    <div
+                      style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                    >
+                      <span>
+                        Qty: 
+                        5
+                         
+                      </span>
+                    </div>
+                  </div>
+                  <button
+                    style="border: medium; background: transparent; cursor: pointer; padding: 6px; 
+color: var(--ink-muted); opacity: 0.5;"
+                  >
+                    <svg
+                      aria-hidden="true"
+                ...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                >
+                  <div
+                    style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; 
+background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; 
+opacity: 1; text-decoration: none;"
+                  >
+                    <button
+                      style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                    />
+                    <div
+                      style="flex: 1 1 0%; min-width: 0px;"
+                    >
+                      <div
+                        style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                      >
+                        Ingredient Loading...
+                      </div>
+                      <div
+                        style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                      >
+                        <span>
+                          Qty: 
+                          5
+                           
+                        </span>
+                      </div>
+                    </div>
+                    <button
+               ...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:61:11
+     59|   it('toggles an item check', async () => {
+     60|     render(<ShoppingListDetailPage />);
+     61|     await waitFor(() => expect(screen.getByText('Apple')).toBeInTheDoc…
+       |           ^
+     62|
+     63|     const checkboxes = 
+screen.getAllByRole('checkbox');
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[4/8]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > adds a new item to the list
+TestingLibraryElementError: Unable to find an element with the text: Apple. This could be because 
+the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make 
+your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 1; 
+text-decoration: none;"
+                >
+                  <button
+                    style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                  />
+                  <div
+                    style="flex: 1 1 0%; min-width: 0px;"
+                  >
+                    <div
+                      style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                    >
+                      Ingredient Loading...
+                    </div>
+                    <div
+                      style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                    >
+                      <span>
+                        Qty: 
+                        5
+                         
+                      </span>
+                    </div>
+                  </div>
+                  <button
+                    style="border: medium; background: transparent; cursor: pointer; padding: 6px; 
+color: var(--ink-muted); opacity: 0.5;"
+                  >
+                    <svg
+                      aria-hidden="true"
+                ...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                >
+                  <div
+                    style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; 
+background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; 
+opacity: 1; text-decoration: none;"
+                  >
+                    <button
+                      style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                    />
+                    <div
+                      style="flex: 1 1 0%; min-width: 0px;"
+                    >
+                      <div
+                        style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                      >
+                        Ingredient Loading...
+                      </div>
+                      <div
+                        style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                      >
+                        <span>
+                          Qty: 
+                          5
+                           
+                        </span>
+                      </div>
+                    </div>
+                    <button
+               ...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:80:11
+     78|
+     79|     render(<ShoppingListDetailPage />);
+     80|     await waitFor(() => expect(screen.getByText('Apple')).toBeInTheDoc…
+       |           ^
+     81|
+     82|     const toggleBtn = screen.getByRole('button', { name: /Add Product/…
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[5/8]⎯
+
+ FAIL  src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx > 
+ShoppingListDetailPage > completes the trip and syncs to pantry
+TestingLibraryElementError: Unable to find an element with the text: Apple. This could be because 
+the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make 
+your matcher more flexible.
+
+Ignored nodes: comments, script, style
+<body>
+  <div>
+    <h1
+      aria-hidden="false"
+      style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; 
+clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+    >
+      Test List
+    </h1>
+    <div
+      style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+    >
+      <span
+        class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+      >
+        active
+      </span>
+      <div
+        style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+      >
+        <div
+          style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+        />
+        Live Sync Channel Operational
+      </div>
+    </div>
+    <div
+      style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+    >
+      <div
+        style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+        >
+          <svg
+            aria-hidden="true"
+            class=""
+            fill="none"
+            height="18"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.6"
+            style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+            viewBox="0 0 24 24"
+            width="18"
+          >
+            <path
+              d="M15 18l-6-6 6-6"
+            />
+          </svg>
+           Back to Hub
+        </button>
+        <div
+          style="display: flex; gap: 12px;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M3 17l6-6 4 4 8-8"
+              />
+              <path
+                d="M14 7h7v7"
+              />
+            </svg>
+             Check Lowest Store Options
+          </button>
+        </div>
+      </div>
+      <div
+        style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+      >
+        <div>
+          <div
+            style="display: flex; flex-direction: column; gap: 24px;"
+          >
+            <div>
+              <h4
+                style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+              >
+                Other / Misc
+              </h4>
+              <div
+                style="display: flex; flex-direction: column; gap: 10px;"
+              >
+                <div
+                  style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: 
+var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; opacity: 1; 
+text-decoration: none;"
+                >
+                  <button
+                    style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                  />
+                  <div
+                    style="flex: 1 1 0%; min-width: 0px;"
+                  >
+                    <div
+                      style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                    >
+                      Ingredient Loading...
+                    </div>
+                    <div
+                      style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                    >
+                      <span>
+                        Qty: 
+                        5
+                         
+                      </span>
+                    </div>
+                  </div>
+                  <button
+                    style="border: medium; background: transparent; cursor: pointer; padding: 6px; 
+color: var(--ink-muted); opacity: 0.5;"
+                  >
+                    <svg
+                      aria-hidden="true"
+                ...
+
+Ignored nodes: comments, script, style
+<html>
+  <head />
+  <body>
+    <div>
+      <h1
+        aria-hidden="false"
+        style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: 
+hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"
+      >
+        Test List
+      </h1>
+      <div
+        style="display: flex; align-items: center; gap: 16px; font-size: 13px; padding: 0px 32px; 
+max-width: 1400px; margin: -12px auto 12px;"
+      >
+        <span
+          class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[11px] font-medium 
+leading-relaxed bg-[var(--info-soft)] text-[var(--info)]"
+        >
+          active
+        </span>
+        <div
+          style="display: flex; align-items: center; gap: 6px; color: var(--ink-muted);"
+        >
+          <div
+
+ Test Files  2 failed | 56 passed (58)
+      Tests  8 failed | 616 passed (624)
+   Start at  08:46:48
+   Duration  14.56s (transform 14.63s, setup 38.02s, import 35.85s, tests 42.20s, environment 273.62s)
+
+            style="width: 8px; height: 8px; border-radius: 50%; background: var(--success, #10b981); 
+box-shadow: 0 0 8px var(--success);"
+          />
+          Live Sync Channel Operational
+        </div>
+      </div>
+      <div
+        style="padding: 28px 32px 64px; max-width: 1400px; margin: 0px auto;"
+      >
+        <div
+          style="display: flex; gap: 12px; margin-bottom: 24px; justify-content: space-between; 
+flex-wrap: wrap;"
+        >
+          <button
+            class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+          >
+            <svg
+              aria-hidden="true"
+              class=""
+              fill="none"
+              height="18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.6"
+              style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+              viewBox="0 0 24 24"
+              width="18"
+            >
+              <path
+                d="M15 18l-6-6 6-6"
+              />
+            </svg>
+             Back to Hub
+          </button>
+          <div
+            style="display: flex; gap: 12px;"
+          >
+            <button
+              class="inline-flex items-center gap-1.5 rounded-[var(--r-sm)] font-medium transition-all 
+whitespace-nowrap border border-transparent leading-none bg-[var(--bg-elev)] text-[var(--ink)] border-[var(--border)] 
+hover:border-[var(--border-strong)] hover:bg-[var(--bg-inset)] text-[13px] px-3 py-[7px] "
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="none"
+                height="18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.6"
+                style="display: inline-block; flex-shrink: 0; margin-right: 6px; width: 16px;"
+                viewBox="0 0 24 24"
+                width="18"
+              >
+                <path
+                  d="M3 17l6-6 4 4 8-8"
+                />
+                <path
+                  d="M14 7h7v7"
+                />
+              </svg>
+               Check Lowest Store Options
+            </button>
+          </div>
+        </div>
+        <div
+          style="display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start;"
+        >
+          <div>
+            <div
+              style="display: flex; flex-direction: column; gap: 24px;"
+            >
+              <div>
+                <h4
+                  style="font-size: 13px; font-weight: 600; color: var(--ink-muted); text-transform: 
+uppercase; letter-spacing: 0.08em; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 
+6px;"
+                >
+                  Other / Misc
+                </h4>
+                <div
+                  style="display: flex; flex-direction: column; gap: 10px;"
+                >
+                  <div
+                    style="display: flex; align-items: center; gap: 14px; padding: 12px 16px; 
+background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); transition: all 0.15s; 
+opacity: 1; text-decoration: none;"
+                  >
+                    <button
+                      style="width: 22px; height: 22px; border-radius: 50%; border: 2px solid 
+var(--border-hover); background: transparent; display: flex; align-items: center; justify-content: center; cursor: 
+pointer; flex-shrink: 0; padding: 0px;"
+                    />
+                    <div
+                      style="flex: 1 1 0%; min-width: 0px;"
+                    >
+                      <div
+                        style="font-weight: 600; font-size: 14px; color: var(--ink);"
+                      >
+                        Ingredient Loading...
+                      </div>
+                      <div
+                        style="font-size: 11px; color: var(--ink-muted); display: flex; gap: 10px; 
+margin-top: 2px;"
+                      >
+                        <span>
+                          Qty: 
+                          5
+                           
+                        </span>
+                      </div>
+                    </div>
+                    <button
+               ...
+ Γ¥» Proxy.waitForWrapper ../../node_modules/@testing-library/dom/dist/wait-for.js:163:27
+ Γ¥» src/app/(dashboard)/shopping-lists/[id]/__tests__/page.test.tsx:91:11
+     89|
+     90|     render(<ShoppingListDetailPage />);
+     91|     await waitFor(() => expect(screen.getByText('Apple')).toBeInTheDoc…
+       |           ^
+     92|
+     93|     const finishBtn = screen.getByRole('button', { name: /Finish Trip/…
+
+⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[6/8]⎯
+