From 292d587fe144d5eb690cfbbb25297f7f528e59f5 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Wed, 25 Feb 2026 07:32:33 +0700
Subject: [PATCH] debug(calendar): add console.warn to GSAP zoom animation
 functions

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/app/composables/useCalendar.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

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);
     });
   }