feat: garden calendar + lists integrations (task 74)

- calendar-bridge.ts and lists-bridge.ts isolate cross-module deps
- scheduleOnCalendar action: creates event from care schedule with 30-min
  slot, title convention (Water/Fertilize/Repot/Prune/custom), reminder opt
- pushOverdueToTaskList action: inserts one task per overdue (plant+schedule)
  pair into the default task list, skips duplicate text entries
- CareScheduleEditor: per-row calendar 📅 button opens inline form with
  calendar select + optional reminder minutes + success link to /calendar
- Garden page header: PushOverdueButton with auto-dismissing feedback toast

src/modules/garden/components/care-schedule-editor.tsx

@@ -1,8 +1,15 @@
 "use client";
 
+import Link from "next/link";
 import { useState, useTransition } from "react";
 import { useRouter } from "next/navigation";
-import { deleteCareSchedule, toggleCareSchedule, upsertCareSchedule } from "../server/actions";
+import {
+  deleteCareSchedule,
+  scheduleOnCalendar,
+  toggleCareSchedule,
+  upsertCareSchedule,
+} from "../server/actions";
+import type { CalendarDto } from "../server/calendar-bridge";
 import type { CareScheduleDto } from "../server/queries";
 
 const CARE_TYPES = ["watering", "fertilizing", "repotting", "pruning", "pest-control", "other"];
@@ -10,6 +17,7 @@ const CARE_TYPES = ["watering", "fertilizing", "repotting", "pruning", "pest-con
 type Props = {
   plantId: string;
   schedules: CareScheduleDto[];
+  calendars: CalendarDto[];
 };
 
 function daysLabel(n: number | null): string {
@@ -19,11 +27,15 @@ function daysLabel(n: number | null): string {
   return `Due in ${n} day${n !== 1 ? "s" : ""}`;
 }
 
-export function CareScheduleEditor({ plantId, schedules }: Props) {
+export function CareScheduleEditor({ plantId, schedules, calendars }: Props) {
   const [showForm, setShowForm] = useState(false);
   const [careType, setCareType] = useState("watering");
   const [intervalDays, setIntervalDays] = useState("7");
   const [formError, setFormError] = useState<string | null>(null);
+  const [calendarOpenId, setCalendarOpenId] = useState<string | null>(null);
+  const [selectedCalendarId, setSelectedCalendarId] = useState(calendars[0]?.id ?? "");
+  const [reminderMinutes, setReminderMinutes] = useState("");
+  const [calendarSuccess, setCalendarSuccess] = useState<string | null>(null);
   const [isPending, startTransition] = useTransition();
   const router = useRouter();
 
@@ -62,6 +74,24 @@ export function CareScheduleEditor({ plantId, schedules }: Props) {
     });
   }
 
+  function handleScheduleOnCalendar(scheduleId: string) {
+    if (!selectedCalendarId) return;
+    startTransition(async () => {
+      try {
+        await scheduleOnCalendar({
+          scheduleId,
+          calendarId: selectedCalendarId,
+          reminderMinutesBefore: reminderMinutes ? parseInt(reminderMinutes, 10) : undefined,
+        });
+        setCalendarOpenId(null);
+        setCalendarSuccess(scheduleId);
+        setTimeout(() => setCalendarSuccess(null), 4000);
+      } catch (err) {
+        setFormError(err instanceof Error ? err.message : "Failed to add to calendar.");
+      }
+    });
+  }
+
   return (
     <div className="flex flex-col gap-3">
       <div className="flex items-center justify-between">
@@ -128,42 +158,113 @@ export function CareScheduleEditor({ plantId, schedules }: Props) {
       )}
 
       {schedules.map((s) => (
-        <div
-          key={s.id}
-          className={`flex items-center justify-between gap-2 p-2 rounded-lg border ${
-            s.isOverdue
-              ? "border-red-300 bg-red-50 dark:bg-red-950/20"
-              : "border-[var(--ink-faint)]"
-          }`}
-        >
-          <div className="flex flex-col gap-0.5">
-            <span className="text-sm font-medium capitalize">{s.careType}</span>
-            <span className="text-xs text-[var(--ink-mute)]">
-              Every {s.intervalDays} days · {daysLabel(s.daysUntilDue)}
-            </span>
-          </div>
-          <div className="flex items-center gap-2 shrink-0">
-            <button
-              onClick={() => handleToggle(s.id, !s.enabled)}
-              disabled={isPending}
-              title={s.enabled ? "Disable" : "Enable"}
-              className={`text-xs px-2 py-0.5 rounded-full border transition-colors ${
-                s.enabled
-                  ? "border-green-400 text-green-700 dark:text-green-400"
-                  : "border-[var(--ink-faint)] text-[var(--ink-mute)]"
-              }`}
-            >
-              {s.enabled ? "Active" : "Paused"}
-            </button>
-            <button
-              onClick={() => handleDelete(s.id)}
-              disabled={isPending}
-              title="Delete schedule"
-              className="text-[var(--ink-mute)] hover:text-red-500 text-xs"
-            >
-              ✕
-            </button>
+        <div key={s.id} className="flex flex-col gap-1">
+          <div
+            className={`flex items-center justify-between gap-2 p-2 rounded-lg border ${
+              s.isOverdue
+                ? "border-red-300 bg-red-50 dark:bg-red-950/20"
+                : "border-[var(--ink-faint)]"
+            }`}
+          >
+            <div className="flex flex-col gap-0.5">
+              <span className="text-sm font-medium capitalize">{s.careType}</span>
+              <span className="text-xs text-[var(--ink-mute)]">
+                Every {s.intervalDays} days · {daysLabel(s.daysUntilDue)}
+              </span>
+            </div>
+            <div className="flex items-center gap-2 shrink-0">
+              {calendars.length > 0 && s.nextDueAt && (
+                <button
+                  onClick={() => setCalendarOpenId(calendarOpenId === s.id ? null : s.id)}
+                  disabled={isPending}
+                  title="Add to calendar"
+                  className="text-xs text-[var(--ink-mute)] hover:text-[var(--ink)]"
+                >
+                  📅
+                </button>
+              )}
+              <button
+                onClick={() => handleToggle(s.id, !s.enabled)}
+                disabled={isPending}
+                title={s.enabled ? "Disable" : "Enable"}
+                className={`text-xs px-2 py-0.5 rounded-full border transition-colors ${
+                  s.enabled
+                    ? "border-green-400 text-green-700 dark:text-green-400"
+                    : "border-[var(--ink-faint)] text-[var(--ink-mute)]"
+                }`}
+              >
+                {s.enabled ? "Active" : "Paused"}
+              </button>
+              <button
+                onClick={() => handleDelete(s.id)}
+                disabled={isPending}
+                title="Delete schedule"
+                className="text-[var(--ink-mute)] hover:text-red-500 text-xs"
+              >
+                ✕
+              </button>
+            </div>
           </div>
+
+          {calendarOpenId === s.id && (
+            <div className="flex flex-col gap-2 p-3 bg-[var(--surface-2)] rounded-lg border border-[var(--ink-faint)] ml-2">
+              <div className="flex gap-2">
+                <div className="flex flex-col gap-1 flex-1">
+                  <label htmlFor={`cal-select-${s.id}`} className="text-xs font-medium">
+                    Calendar
+                  </label>
+                  <select
+                    id={`cal-select-${s.id}`}
+                    value={selectedCalendarId}
+                    onChange={(e) => setSelectedCalendarId(e.target.value)}
+                    className="input input-xs"
+                  >
+                    {calendars.map((c) => (
+                      <option key={c.id} value={c.id}>
+                        {c.name}
+                      </option>
+                    ))}
+                  </select>
+                </div>
+                <div className="flex flex-col gap-1 w-28">
+                  <label htmlFor={`remind-${s.id}`} className="text-xs font-medium">
+                    Remind (min)
+                  </label>
+                  <input
+                    id={`remind-${s.id}`}
+                    type="number"
+                    min={0}
+                    max={1440}
+                    placeholder="optional"
+                    value={reminderMinutes}
+                    onChange={(e) => setReminderMinutes(e.target.value)}
+                    className="input input-xs"
+                  />
+                </div>
+              </div>
+              <div className="flex gap-2 items-center">
+                <button
+                  onClick={() => handleScheduleOnCalendar(s.id)}
+                  disabled={isPending || !selectedCalendarId}
+                  className="btn btn-primary btn-xs"
+                >
+                  {isPending ? "Scheduling…" : "Schedule"}
+                </button>
+                <button onClick={() => setCalendarOpenId(null)} className="btn btn-ghost btn-xs">
+                  Cancel
+                </button>
+              </div>
+            </div>
+          )}
+
+          {calendarSuccess === s.id && (
+            <p className="text-xs text-green-600 dark:text-green-400 ml-2">
+              Event added to calendar.{" "}
+              <Link href="/calendar" className="underline">
+                View in calendar →
+              </Link>
+            </p>
+          )}
         </div>
       ))}
     </div>