{visit ? guestDisplayName(visit) : "Гостевая заявка"}

{loading ? "Загружаем запрос..." : question}

Ответ *

setAnswer(event.target.value)}
            rows={5}
            className="app-input w-full resize-none rounded-lg p-3 text-sm"
            placeholder="Напишите уточнение для администратора"
          />
        </label>
        {error ? <p className="app-feedback-danger rounded-lg px-3 py-2 text-sm">{error}</p> : null}
      </div>
    </Modal>
  );
}

export function AppShell({ children }: AppShellProps) {
  const { user, loading } = useUser();
  const { mobileNavPlacement } = useMobileNavPlacement();
  const router = useRouter();
  const pathname = usePathname();
  const isMessageDialogPage = pathname.startsWith('/messages/') && 
    pathname !== '/messages' && 
    !pathname.includes('/settings');

const [isMobileLeftNavOpen, setIsMobileLeftNavOpen] = useState(false);
  const [isMobileCalendarOpen, setIsMobileCalendarOpen] = useState(false);

const prevPathnameRef = useRef(pathname);

const cal = useCalendarModals();

useEffect(() => {
    // Если загрузка завершена и пользователь не авторизован - редирект на логин
    if (!loading && !user) {
      router.push('/login');
    }
  }, [user, loading, router]);

// Close mobile drawers on route change
  useEffect(() => {
    if (prevPathnameRef.current !== pathname) {
      prevPathnameRef.current = pathname;
      startTransition(() => {
        setIsMobileLeftNavOpen(false);
        setIsMobileCalendarOpen(false);
      });
    }
  }, [pathname]);

useEffect(() => {
    const onResize = () => {
      if (window.innerWidth >= 1024) {
        setIsMobileLeftNavOpen(false);
        setIsMobileCalendarOpen(false);
      }
    };

window.addEventListener("resize", onResize);
    onResize();

return () => {
      window.removeEventListener("resize", onResize);
    };
  }, []);

useEffect(() => {
    if (isMobileLeftNavOpen || isMobileCalendarOpen) {
      document.body.style.overflow = "hidden";
      return;
    }

document.body.style.overflow = "";

return () => {
      document.body.style.overflow = "";
    };
  }, [isMobileLeftNavOpen, isMobileCalendarOpen]);

// Показываем загрузку, пока проверяем авторизацию
  if (loading) {
    return (
      <div className="app-shell min-h-screen flex items-center justify-center">
        <div className="text-center">
          <div className="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-sky-400 border-t-transparent"></div>
          <p className="app-text-muted text-sm">Загрузка...</p>
        </div>
      </div>
    );
  }

// Если пользователь не авторизован, ничего не показываем (уже редиректим)
  if (!user) {
    return null;
  }

return (
    <div className={`${isMessageDialogPage ? 'h-[100dvh] overflow-hidden lg:pt-14' : 'min-h-screen pt-10 lg:pt-14'} app-shell flex flex-col ${mobileNavPlacement === "bottom" && !isMessageDialogPage ? "pb-[calc(env(safe-area-inset-bottom)+3.75rem)] lg:pb-0" : ""}`}>
        <Header
          mobileNavPlacement={mobileNavPlacement}
          suppressMobileChrome={isMessageDialogPage}
          onOpenLeftNav={() => setIsMobileLeftNavOpen(true)}
          onOpenCalendar={() => setIsMobileCalendarOpen(true)}
        />
        <div className={`mx-auto flex w-full flex-1 min-h-0 max-w-6xl ${isMessageDialogPage ? 'gap-0 px-0 py-0 lg:gap-6 lg:px-8 lg:py-4' : 'gap-6 px-4 py-4 sm:px-8 lg:py-4'}`}>
          <LeftNav fixedDesktop />
          <main className={`flex-1 min-w-0 min-h-0 space-y-6 ${isMessageDialogPage ? 'overflow-visible' : ''}`}>
            {!isMessageDialogPage ? <PushOnboardingPrompt /> : null}
            {children}
          </main>
          <CalendarSidebar
            onOpenCalendarModal={cal.handleOpenCalendarModal}
            onOpenEventModal={cal.handleOpenEventModal}
            onOpenParticipantsModal={cal.handleOpenParticipantsModal}
            eventsRefreshTrigger={cal.eventsRefreshTrigger}
            setEventsRefreshTrigger={cal.handleSetEventsRefreshTrigger}
            setSidebarEvents={cal.handleSetSidebarEvents}
            onCalendarChange={cal.handleCalendarChange}
            fixedDesktop
          />
        </div>

<MobileLeftDrawer
          isOpen={isMobileLeftNavOpen}
          onClose={() => setIsMobileLeftNavOpen(false)}
        >
          <LeftNavContent onNavigate={() => setIsMobileLeftNavOpen(false)} />
        </MobileLeftDrawer>

<MobileCalendarDrawer
          isOpen={isMobileCalendarOpen}
          onClose={() => setIsMobileCalendarOpen(false)}
          onOpenCalendarModal={cal.handleOpenCalendarModal}
          onOpenEventModal={cal.handleOpenEventModal}
          onOpenParticipantsModal={cal.handleOpenParticipantsModal}
          eventsRefreshTrigger={cal.eventsRefreshTrigger}
          setEventsRefreshTrigger={cal.handleSetEventsRefreshTrigger}
          setSidebarEvents={cal.handleSetSidebarEvents}
          onCalendarChange={cal.handleCalendarChange}
        />

<CalendarModals {...cal} />
        <GuestInfoRequestPrompt userId={user.id} />
      </div>
  );
}

{title}