diff --git a/frontend/app/composables/useCalendar.ts b/frontend/app/composables/useCalendar.ts
index 72c1a27..b805899 100644
--- a/frontend/app/composables/useCalendar.ts
+++ b/frontend/app/composables/useCalendar.ts
@@ -558,13 +558,16 @@ export function useCalendar(opts: { apolloAuthReady: ComputedRef<boolean> }) {
     const flyLabelEl = calendarFlyLabelRef.value;
     const toolbarLabelEl = calendarToolbarLabelRef.value;
 
+    console.warn("[CALENDAR ZOOM-OUT] refs:", { flyEl: !!flyEl, wrapEl: !!wrapEl, sceneEl: !!sceneEl, flyLabelEl: !!flyLabelEl, toolbarLabelEl: !!toolbarLabelEl });
     if (!flyEl || !wrapEl) {
+      console.warn("[CALENDAR ZOOM-OUT] SKIPPED — missing ref:", { flyEl: !!flyEl, wrapEl: !!wrapEl });
       apply();
       calendarZoomBusy.value = false;
       return;
     }
 
     try {
+      console.warn("[CALENDAR ZOOM-OUT] ANIMATING...");
       const wrapRect = wrapEl.getBoundingClientRect();
       const flyLabelText = calendarPeriodLabel.value;
 
@@ -692,13 +695,16 @@ export function useCalendar(opts: { apolloAuthReady: ComputedRef<boolean> }) {
     const flyLabelEl = calendarFlyLabelRef.value;
     const toolbarLabelEl = calendarToolbarLabelRef.value;
 
+    console.warn("[CALENDAR ZOOM-IN] refs:", { sourceElement: !!sourceElement, flyEl: !!flyEl, wrapEl: !!wrapEl, scrollEl: !!scrollEl, sceneEl: !!sceneEl, flyLabelEl: !!flyLabelEl, toolbarLabelEl: !!toolbarLabelEl });
     if (!sourceElement || !flyEl || !wrapEl || !scrollEl) {
+      console.warn("[CALENDAR ZOOM-IN] SKIPPED — missing ref:", { sourceElement: !!sourceElement, flyEl: !!flyEl, wrapEl: !!wrapEl, scrollEl: !!scrollEl });
       apply();
       calendarZoomBusy.value = false;
       return;
     }
 
     try {
+      console.warn("[CALENDAR ZOOM-IN] ANIMATING...");
       const wrapRect = wrapEl.getBoundingClientRect();
       const sourceRect = sourceElement.getBoundingClientRect();
       if (sourceRect.width < 2 || sourceRect.height < 2) {
@@ -893,7 +899,9 @@ export function useCalendar(opts: { apolloAuthReady: ComputedRef<boolean> }) {
   }
 
   async function zoomToMonth(monthIndex: number) {
-    await animateCalendarZoomIntoSource(queryCalendarElement(`[data-calendar-month-index="${monthIndex}"]`), () => {
+    const el = queryCalendarElement(`[data-calendar-month-index="${monthIndex}"]`);
+    console.warn("[CALENDAR] zoomToMonth called, monthIndex:", monthIndex, "sourceEl:", el, "wrapRef:", calendarContentWrapRef.value);
+    await animateCalendarZoomIntoSource(el, () => {
       openYearMonth(monthIndex);
     });
   }