Add Shopping tab combining Trello and PlanToEat lists

- New Shopping tab aggregates items from Trello Shopping board and PlanToEat
- Items grouped by store, then by category (for PlanToEat)
- Trello list names treated as store names
- Replace PlanToEat meals API with web scraping (uses session cookie)
- Add error logging for PlanToEat fetch operations
- Recipe links now point to cooking view (/recipes/{id}/cook/{event_id})

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

1 files changed, 16 insertions, 0 deletions

diff --git a/web/templates/index.html b/web/templates/index.html
index 050f0bf..a5a7f38 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -56,6 +56,22 @@
                     onclick="setActiveTab(this)">
                     🍽️ Meals
                 </button>
+                <button
+                    class="tab-button {{if eq .ActiveTab "timeline"}}tab-button-active{{end}}"
+                    hx-get="/tabs/timeline"
+                    hx-target="#tab-content"
+                    hx-push-url="?tab=timeline"
+                    onclick="setActiveTab(this)">
+                    📅 Timeline
+                </button>
+                <button
+                    class="tab-button {{if eq .ActiveTab "shopping"}}tab-button-active{{end}}"
+                    hx-get="/tabs/shopping"
+                    hx-target="#tab-content"
+                    hx-push-url="?tab=shopping"
+                    onclick="setActiveTab(this)">
+                    🛒 Shopping
+                </button>
             </nav>
         </div>