From b2d53b133f4ec6dccee7dac3d8ffc66b37353c3d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=AF=BC=ED=97=8C?= Date: Wed, 24 Jun 2026 12:06:25 +0900 Subject: [PATCH] =?UTF-8?q?[fix]=20=EC=B1=84=ED=8C=85=20=EC=A7=84=EC=9E=85?= =?UTF-8?q?=20=EC=8B=9C=20=EA=B6=8C=ED=95=9C=20=EC=97=86=EB=8A=94/?= =?UTF-8?q?=EC=97=86=EB=8A=94=20=EC=84=B8=EC=85=98=20=E2=86=92=20'?= =?UTF-8?q?=EC=9E=98=EB=AA=BB=EB=90=9C=20=EC=A0=91=EA=B7=BC'=20=ED=86=A0?= =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=ED=9B=84=20=EB=AA=A9=EB=A1=9D=20=EB=B3=B5?= =?UTF-8?q?=EA=B7=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 다른 공급사 소유(또는 없는) session_id 로 /chat 진입 시 일반 에러+재시도 대신 '잘못된 접근입니다.' 토스트를 띄우고 협상 목록(/list)으로 돌려보낸다. 로그인은 유효하므로 로그아웃하지 않는다(인증≠인가 — 로그아웃은 401/403/43x 토큰 오류에서만, 기존 인터셉터 동작 유지). - useChatController: 진입 로드(init/messages) 에러가 NEGO_FORBIDDEN(1300)/ NEGO_NOT_FOUND(1304) 이면 토스트 후 /list 로 replace 이동(ref 가드로 1회). 리다이렉트 동안 스피너 유지(ErrorPage 깜빡임 방지), 그 외 서버/네트워크 에러는 기존 ErrorPage(재시도) 유지. - chat.queries: init/messages 쿼리에 retry 추가 — 1300/1304 는 재시도해도 안 바뀌어 즉시 실패시켜 목록 복귀 지연 제거(그 외 에러는 기존 재시도 유지). Co-Authored-By: Claude Opus 4.8 (1M context) --- frontend/src/apis/chat/chat.queries.ts | 10 ++++++++ .../features/chat/hooks/useChatController.ts | 23 ++++++++++++++++--- 2 files changed, 30 insertions(+), 3 deletions(-) diff --git a/frontend/src/apis/chat/chat.queries.ts b/frontend/src/apis/chat/chat.queries.ts index 824dd9e..0c996dc 100644 --- a/frontend/src/apis/chat/chat.queries.ts +++ b/frontend/src/apis/chat/chat.queries.ts @@ -1,9 +1,17 @@ // 채팅 도메인의 조회(useQuery) 훅. import { useQuery } from '@tanstack/react-query' +import { ErrorCode, isApiError } from '@/apis/types' import { chatApi } from './chat.api' import { chatKeys } from './chat.keys' import { mapInit, mapMessage } from './chat.type' +// 재시도해도 결과가 바뀌지 않는 클라이언트 에러(권한없음/없는 세션) → 즉시 실패시켜 목록 복귀를 지연 없이 처리. +const NON_RETRYABLE = new Set([ErrorCode.NEGO_FORBIDDEN, ErrorCode.NEGO_NOT_FOUND]) +function retryQuery(failureCount: number, error: unknown): boolean { + if (isApiError(error) && NON_RETRYABLE.has(error.code)) return false + return failureCount < 3 +} + /** 채팅 진입 메타(상품·견적). 마감 시각은 거의 불변이라 오래 캐싱한다. */ export function useChatInitQuery(sessionId: string) { return useQuery({ @@ -11,6 +19,7 @@ export function useChatInitQuery(sessionId: string) { queryFn: () => chatApi.getInit(sessionId).then(mapInit), enabled: !!sessionId, staleTime: 5 * 60 * 1000, + retry: retryQuery, }) } @@ -25,5 +34,6 @@ export function useChatMessagesQuery(sessionId: string) { enabled: !!sessionId, staleTime: Infinity, refetchOnWindowFocus: false, + retry: retryQuery, }) } diff --git a/frontend/src/features/chat/hooks/useChatController.ts b/frontend/src/features/chat/hooks/useChatController.ts index 88a183a..fd18d01 100644 --- a/frontend/src/features/chat/hooks/useChatController.ts +++ b/frontend/src/features/chat/hooks/useChatController.ts @@ -1,4 +1,4 @@ -import { useEffect } from 'react' +import { useEffect, useRef } from 'react' import { useNavigate } from 'react-router' import { useQueryClient } from '@tanstack/react-query' import { @@ -23,6 +23,10 @@ const TERMINAL_CODES = new Set([ ErrorCode.NEGO_NOT_FOUND, ]) +// 진입 로드(init/messages) 시 '잘못된 접근'으로 볼 코드 → 권한 없음 / 없는(또는 남의) 세션. +// 토스트 안내 후 목록으로 복귀시킨다. (로그인은 유효하므로 로그아웃하지 않는다 — 인증≠인가) +const INVALID_ACCESS_CODES = new Set([ErrorCode.NEGO_FORBIDDEN, ErrorCode.NEGO_NOT_FOUND]) + // 화면이 보는 대화 상태가 서버와 어긋났을 수 있는 코드 → 서버 기준으로 메시지를 다시 불러와 리싱크. const RESYNC_CODES = new Set([ ErrorCode.CHAT_INPUT_MODE_MISMATCH, // 보낸 입력이 직전 봇이 요구한 모드와 불일치 @@ -64,6 +68,17 @@ export function useChatController(sessionId: string) { // staleTime:Infinity 인 메시지 쿼리는 재조회되지 않아 스토어가 빈 채로 남아 채팅이 사라진다. const { mutate: sendMutate } = useChatSendMutation(sessionId) + // 진입 로드 실패. 권한 없음/없는 세션(잘못된 접근)이면 토스트 후 목록으로 복귀시킨다. + const loadError = initQuery.error ?? messagesQuery.error + const isInvalidAccess = isApiError(loadError) && INVALID_ACCESS_CODES.has(loadError.code) + const redirectedRef = useRef(false) + useEffect(() => { + if (!isInvalidAccess || redirectedRef.current) return + redirectedRef.current = true + toast.error('잘못된 접근입니다.') + navigate('/list', { replace: true }) + }, [isInvalidAccess, navigate]) + // init 메타 → 스토어 useEffect(() => { if (initQuery.data) setInitData(initQuery.data) @@ -130,8 +145,10 @@ export function useChatController(sessionId: string) { }, [sessionId, sendMutate, navigate, queryClient]) return { - isInitLoading: initQuery.isLoading || messagesQuery.isLoading, - initError: initQuery.error ?? messagesQuery.error, + // 잘못된 접근이면 목록으로 리다이렉트되는 동안 스피너를 유지(ErrorPage 깜빡임 방지). + isInitLoading: initQuery.isLoading || messagesQuery.isLoading || isInvalidAccess, + // 잘못된 접근은 토스트+리다이렉트로 처리하므로 ErrorPage(재시도)로 노출하지 않는다. + initError: isInvalidAccess ? null : loadError, // 로드 실패(서버/네트워크) 시 init·messages 를 함께 재조회한다. refetchInit: () => { void initQuery.refetch()