From 9bc44c075acf3bf045269a0f41fd0e13ce3b382d Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Wed, 15 Apr 2026 00:54:59 +0200
Subject: [PATCH] feat(ai): roll out AiProposalInbox to calendar / places /
 drink / food
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

One-line drop-in per module page. Each module's proposals now render as
ghost cards inline wherever the user already expects to see that
module's content — no separate approvals inbox to hunt for.

Covers all four remaining modules with proposable tools in
AI_PROPOSABLE_TOOL_NAMES:
- calendar → create_event
- places → create_place, visit_place
- drink → undo_drink
- food → (auto-tools only today; the inbox is ready for future
  propose-class food tools)

Now the only modules with proposable tools NOT showing the inbox are
those that don't have their own /route (all covered by todo, calendar,
places, drink, food).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/mana/apps/web/src/routes/(app)/calendar/+page.svelte | 4 ++++
 apps/mana/apps/web/src/routes/(app)/drink/+page.svelte    | 4 ++++
 apps/mana/apps/web/src/routes/(app)/food/+page.svelte     | 3 +++
 apps/mana/apps/web/src/routes/(app)/places/+page.svelte   | 4 ++++
 4 files changed, 15 insertions(+)

diff --git a/apps/mana/apps/web/src/routes/(app)/calendar/+page.svelte b/apps/mana/apps/web/src/routes/(app)/calendar/+page.svelte
index ffe0d1348..8ee1f0872 100644
--- a/apps/mana/apps/web/src/routes/(app)/calendar/+page.svelte
+++ b/apps/mana/apps/web/src/routes/(app)/calendar/+page.svelte
@@ -23,6 +23,7 @@
 	import QuickEventPopover from '$lib/modules/calendar/components/QuickEventPopover.svelte';
 
 	import { ShareNetwork } from '@mana/shared-icons';
+	import AiProposalInbox from '$lib/components/ai/AiProposalInbox.svelte';
 	import { ShareModal } from '@mana/shared-uload';
 
 	const calendarsCtx: { readonly value: Calendar[] } = getContext('calendars');
@@ -221,6 +222,9 @@
 	<!-- Header -->
 	<CalendarHeader onNewEvent={handleNewEvent} />
 
+	<!-- AI proposals awaiting approval -->
+	<AiProposalInbox module="calendar" />
+
 	<!-- Calendar view (full width) -->
 	<div class="calendar-content">
 		{#if calendarViewStore.viewType === 'week'}
diff --git a/apps/mana/apps/web/src/routes/(app)/drink/+page.svelte b/apps/mana/apps/web/src/routes/(app)/drink/+page.svelte
index d7325c1e7..85f96a0d4 100644
--- a/apps/mana/apps/web/src/routes/(app)/drink/+page.svelte
+++ b/apps/mana/apps/web/src/routes/(app)/drink/+page.svelte
@@ -1,9 +1,13 @@
 <script lang="ts">
 	import ListView from '$lib/modules/drink/ListView.svelte';
+	import AiProposalInbox from '$lib/components/ai/AiProposalInbox.svelte';
 </script>
 
 <svelte:head>
 	<title>Drink - Mana</title>
 </svelte:head>
 
+<div class="px-4 pt-4">
+	<AiProposalInbox module="drink" />
+</div>
 <ListView />
diff --git a/apps/mana/apps/web/src/routes/(app)/food/+page.svelte b/apps/mana/apps/web/src/routes/(app)/food/+page.svelte
index afd3ec326..81bc4792e 100644
--- a/apps/mana/apps/web/src/routes/(app)/food/+page.svelte
+++ b/apps/mana/apps/web/src/routes/(app)/food/+page.svelte
@@ -8,6 +8,7 @@
 	import { MEAL_TYPE_LABELS, NUTRIENT_INFO, suggestMealType } from '$lib/modules/food/constants';
 	import type { MealWithNutrition, NutritionProgress } from '$lib/modules/food/types';
 	import { Plus, Clock, Fire } from '@mana/shared-icons';
+	import AiProposalInbox from '$lib/components/ai/AiProposalInbox.svelte';
 
 	const allMeals = useAllMeals();
 	const allGoals = useAllGoals();
@@ -43,6 +44,8 @@
 </svelte:head>
 
 <div class="space-y-6">
+	<AiProposalInbox module="food" />
+
 	<!-- Header -->
 	<div class="flex items-center justify-between">
 		<div>
diff --git a/apps/mana/apps/web/src/routes/(app)/places/+page.svelte b/apps/mana/apps/web/src/routes/(app)/places/+page.svelte
index b3dbbb43f..ab59da5f2 100644
--- a/apps/mana/apps/web/src/routes/(app)/places/+page.svelte
+++ b/apps/mana/apps/web/src/routes/(app)/places/+page.svelte
@@ -1,9 +1,13 @@
 <script lang="ts">
 	import ListView from '$lib/modules/places/ListView.svelte';
+	import AiProposalInbox from '$lib/components/ai/AiProposalInbox.svelte';
 </script>
 
 <svelte:head>
 	<title>Places - Mana</title>
 </svelte:head>
 
+<div class="px-4 pt-4">
+	<AiProposalInbox module="places" />
+</div>
 <ListView navigate={() => {}} goBack={() => history.back()} params={{}} />