fix(stomp): 재연결 때 놓친 일정·채팅 복구와 재연결 백오프 적용

src/app/(main)/bookmark/_components/BookmarkFolderDetailView.tsx

@@ -36,7 +36,8 @@ export function BookmarkFolderDetailView({ folder }: { folder: BookmarkFolder })
   const {
     data: bookmarkRowsRaw,
     isPending: bookmarksLoading,
-    isError: bookmarksError,
+    // 재조회 실패는 보이던 목록을 지우지 않는다 — 처음 불러오기에 실패했을 때만 오류 화면
+    isLoadingError: bookmarksError,
     error: bookmarksErr,
     refetch,
   } = useRoomBookmarks(roomId, categoryIdOk);

src/app/(main)/bookmark/_components/BookmarkFoldersView.tsx

@@ -38,7 +38,8 @@ export function BookmarkFoldersView() {
   const roomId = useSessionStore((s) => s.currentRoomId);
   const { folders } = useBookmarkFolders();
   useAllRoomBookmarks(roomId);
-  const { isPending, isError, error, refetch } = useBookmarkCategories(roomId);
+  const { isPending, isLoadingError, error, refetch } =
+    useBookmarkCategories(roomId);
   const { mutate: createCategory, isPending: isCreating } =
     useCreateBookmarkCategory();
   const {
@@ -222,7 +223,8 @@ export function BookmarkFoldersView() {
     );
   }
 
-  if (isError) {
+  // 재조회 실패는 보이던 폴더를 지우지 않는다 — 처음 불러오기에 실패했을 때만 오류 화면
+  if (isLoadingError) {
     return (
       <div className="space-y-2.5">
         <MainPageHeader title="북마크" />

src/app/(main)/map/_components/useMobileRouteView.tsx

@@ -123,7 +123,8 @@ export function useMobileRouteView({
     queries: schedules.map((s) => ({
       queryKey: scheduleItemsQueryKey(rid || null, s.scheduleId),
       queryFn: () => readSchedulePlanPlacesFromCache(queryClient, rid, s.scheduleId),
-      enabled: active && rid.length > 0 && schedulesQuery.isSuccess,
+      // 재조회가 실패해도(status 'error') 받아 둔 일정으로 계속 그린다
+      enabled: active && rid.length > 0 && schedulesQuery.data !== undefined,
       staleTime: Infinity,
       refetchOnMount: false,
       refetchOnWindowFocus: false,
@@ -425,7 +426,7 @@ export function useMobileRouteView({
     return null;
   } else if (schedulesQuery.isLoading || (schedules.length > 0 && entries.length === 0)) {
     return <RouteCardSlot><MobileRoutePlaceCardSkeleton /></RouteCardSlot>;
-  } else if (schedulesQuery.isError) {
+  } else if (schedulesQuery.isLoadingError) {
     return (
       <RouteCardSlot>
         <MobileRouteMessageCard tone="error" title="일정을 불러오지 못했어요" description="잠시 후 다시 시도해 주세요." />

src/app/(main)/plan/_components/itinerary/AddFromBookmarkModal.tsx

@@ -54,7 +54,7 @@ export function AddFromBookmarkModal({
   const {
     data: categories,
     isPending: categoriesLoading,
-    isError: categoriesError,
+    isLoadingError: categoriesError,
     error: categoriesErr,
     refetch: refetchCategories,
   } = useBookmarkCategories(roomId);
@@ -82,7 +82,7 @@ export function AddFromBookmarkModal({
   const {
     data: bookmarkRows,
     isPending: bookmarksLoading,
-    isError: bookmarksError,
+    isLoadingError: bookmarksError,
     error: bookmarksErr,
     refetch: refetchBookmarks,
   } = useRoomBookmarks(roomId, selectedCategoryId);

src/app/(main)/plan/_components/itinerary/PlanPageView.tsx

@@ -71,6 +71,7 @@ export function PlanPageView() {
     data: schedules,
     isPending,
     isError,
+    isLoadingError,
   } = useRoomSchedules(roomIdForQueries);
   const { mutate: deleteSchedule, isPending: isDeletingSchedule } =
     useDeleteRoomSchedule();
@@ -200,7 +201,8 @@ export function PlanPageView() {
           roomId={roomId}
           schedules={sortedSchedules}
           isLoading={showInitialLoading}
-          isError={isError}
+          // 재조회 실패는 보이던 일정을 지우지 않는다 — 처음 불러오기에 실패했을 때만 오류로 바꾼다
+          isError={isLoadingError}
           menuDisabled={isCreatingSchedule || isDeletingSchedule || isMovePending}
           onRequestDeleteDay={handleDeleteScheduleDay}
         />

src/app/(main)/plan/_components/mobile/mobilePlanDrag.test.ts

@@ -7,6 +7,7 @@ vi.mock("@/hooks/useRooms", () => ({
   useReorderScheduleItem: vi.fn(),
 }));
 vi.mock("@/lib/analytics/track", () => ({ AnalyticsEvents: {}, trackAnalyticsEvent: vi.fn() }));
+vi.mock("@/hooks/useScheduleResyncPending", () => ({ useScheduleResyncPending: () => false }));
 
 const { applyPendingPlanMove, mobilePlanRowOffset } = await import("./mobilePlanDrag");
 

src/app/(main)/plan/_components/mobile/mobilePlanDrag.tsx

@@ -17,9 +17,13 @@ import {
   useMoveScheduleItemToSchedule,
   useReorderScheduleItem,
 } from "@/hooks/useRooms";
+import { useScheduleResyncPending } from "@/hooks/useScheduleResyncPending";
 import { bucketItemCount } from "@/lib/analytics/context";
 import { AnalyticsEvents, trackAnalyticsEvent } from "@/lib/analytics/track";
-import { clampCrossDayTargetOrderIndex } from "@/lib/plan/planItemReorder";
+import {
+  clampCrossDayTargetOrderIndex,
+  PLAN_ORDER_RESYNCING_MESSAGE,
+} from "@/lib/plan/planItemReorder";
 import { newOrderIndexAfterMove } from "@/lib/plan/scheduleItemPlaces";
 import type { PlanPlace } from "@/lib/plan/types";
 
@@ -163,7 +167,9 @@ export function useMobilePlanDragController({
 
   const { mutateAsync: reorderMutate, isReorderSettling } = useReorderScheduleItem();
   const { mutateAsync: moveMutate, isPending: isMovePending } = useMoveScheduleItemToSchedule();
-  const dragDisabled = isReorderSettling || isMovePending || pending !== null;
+  const scheduleResyncPending = useScheduleResyncPending(roomId);
+  const dragDisabled =
+    isReorderSettling || isMovePending || pending !== null || scheduleResyncPending;
 
   const updateActive = useCallback((next: ActiveDrag | null) => {
     activeRef.current = next;
@@ -236,6 +242,12 @@ export function useMobilePlanDragController({
     if (typeof itemId !== "number") return;
     const sourcePlaces = placesBySchedule.current.get(sourceScheduleId) ?? [];
 
+    // 드래그하는 동안 연결이 끊겼으면 놓은 자리를 서버 순서로 확인할 수 없다
+    if (scheduleResyncPending) {
+      toast.error(PLAN_ORDER_RESYNCING_MESSAGE);
+      return;
+    }
+
     if (targetScheduleId === sourceScheduleId) {
       if (targetIndex === sourceIndex) return;
       const order = sourcePlaces.map((p) => p.id);
@@ -280,7 +292,7 @@ export function useMobilePlanDragController({
     } finally {
       setPending(null);
     }
-  }, [moveMutate, reorderMutate, roomId, updateActive]);
+  }, [moveMutate, reorderMutate, roomId, scheduleResyncPending, updateActive]);
 
   const startDrag = useCallback(
     (scheduleId: number, index: number, e: ReactPointerEvent<HTMLElement>) => {

src/contexts/stomp/StompProvider.tsx

@@ -17,6 +17,7 @@ import {
   evictRoomFromClientCaches,
   refreshRoomsList,
   showForcedExitToast,
+  showRoomAccessLostToast,
   showRoomLeftToast,
 } from "@/lib/stomp/forced-room-exit-dispatch";
 import {
@@ -34,11 +35,11 @@ import {
 import type { ServerChatMessage } from "@/types/chat";
 
 import { StompConnectionBanner } from "@/components/stomp/StompConnectionBanner";
-import { handleStompReconnect } from "@/lib/stomp/stomp-session-recovery";
 import { useStompConnectionStore } from "@/stores/stomp-connection-store";
 
 import {
   useStompClientLifecycleEffect,
+  useStompOnlineRetryEffect,
   useStompRoomTopicsResyncEffect,
   type StompConnectionState,
 } from "./use-stomp-provider-effects";
@@ -91,6 +92,7 @@ export function StompProvider({ children }: { children: ReactNode }) {
   const lastSubscribedRoomIdRef = useRef<string | null>(null);
   const forcedExitConsumedRef = useRef(false);
   const suppressCloseRecoveryRef = useRef(false);
+  const retryConnectionRef = useRef<(() => void) | null>(null);
   const [connectionState, setConnectionState] = useState<StompConnectionState>({
     client: null,
     connected: false,
@@ -102,19 +104,8 @@ export function StompProvider({ children }: { children: ReactNode }) {
   }, []);
 
   const retryStompConnection = useCallback(() => {
-    const client = clientRef.current;
-    if (!client) return;
-
-    useStompConnectionStore.getState().resumeAutoRecovery();
-    setConnectionState((prev) => ({ ...prev, connected: false }));
-    invalidateRoomTopics();
-    void handleStompReconnect({
-      client,
-      queryClient: queryClientRef.current,
-      isSuppressed: () => suppressCloseRecoveryRef.current,
-      isActive: () => clientRef.current === client,
-    });
-  }, [invalidateRoomTopics]);
+    retryConnectionRef.current?.();
+  }, []);
 
   const detachRoomTopicsOnly = useCallback(() => {
     roomTopicsUnsubRef.current?.();
@@ -184,6 +175,30 @@ export function StompProvider({ children }: { children: ReactNode }) {
     [getResolvedRoomId, handleForcedRoomExit],
   );
 
+  /** 끊긴 동안 접근을 잃은 방에 다시 구독하다 거부됐을 때 — 놓친 개인 큐 알림 대신 HTTP 확인 결과로 내보낸다 */
+  const notifyRoomAccessLost = useCallback(
+    (roomId: string) => {
+      const rid = roomId.trim();
+      if (!rid) return;
+
+      evictRoomFromClientCaches(queryClientRef.current, rid);
+      refreshRoomsList(queryClientRef.current);
+      showRoomAccessLostToast(rid);
+
+      if ((getResolvedRoomId()?.trim() ?? "") === rid) {
+        if (forcedExitConsumedRef.current) return;
+        forcedExitConsumedRef.current = true;
+        handleForcedRoomExit();
+        return;
+      }
+
+      if (useSessionStore.getState().currentRoomId?.trim() === rid) {
+        useSessionStore.getState().clearCurrentRoomId();
+      }
+    },
+    [getResolvedRoomId, handleForcedRoomExit],
+  );
+
   const roomChatMessageHandlerRef = useRef<
     ((msg: ServerChatMessage) => void) | null
   >(null);
@@ -237,6 +252,7 @@ export function StompProvider({ children }: { children: ReactNode }) {
     stompEligible,
     suppressCloseRecoveryRef,
     notifyForcedRoomExit,
+    notifyRoomAccessLost,
     subscribeToRoomTopics,
     invalidateRoomTopics,
     teardownConnectedClient,
@@ -247,8 +263,11 @@ export function StompProvider({ children }: { children: ReactNode }) {
     forcedExitConsumedRef,
     queryClientRef,
     setConnectionState,
+    retryConnectionRef,
   });
 
+  useStompOnlineRetryEffect(retryConnectionRef);
+
   const roomTopicsDeferred = pathDefersRoomStompRoomTopics(pathname);
 
   useStompRoomTopicsResyncEffect({