refactor: use graphql for chat readiness

Author: kevinkim-ogp

packages/frontend/src/graphql/queries/get-chat-readiness.ts

@@ -0,0 +1,9 @@
+import { gql } from '@apollo/client'
+
+export const GET_CHAT_READINESS = gql`
+  query GetChatReadiness($message: String!, $sessionId: String!) {
+    getChatReadiness(message: $message, sessionId: $sessionId) {
+      isReady
+    }
+  }
+`

packages/frontend/src/pages/AiBuilder/components/ChatMessages/index.tsx

@@ -1,8 +1,12 @@
 import { useEffect, useState } from 'react'
+import { useLazyQuery } from '@apollo/client'
 import { Box, Flex, VStack } from '@chakra-ui/react'
 
+import { GET_CHAT_READINESS } from '@/graphql/queries/get-chat-readiness'
 import { Message } from '@/hooks/useChatStream'
 
+import { useAiBuilderContext } from '../../AiBuilderContext'
+
 import ChatMessage from './ChatMessage'
 import PreviewStepsButton from './PreviewStepsButton'
 import StreamingMessage from './StreamingMessage'
@@ -26,8 +30,11 @@ export default function ChatMessages({
   hasMessages,
   onOpenDrawer,
 }: ChatMessagesProps) {
+  const { ddSessionId } = useAiBuilderContext()
   const [isReadyForPreview, setIsReadyForPreview] = useState(false)
 
+  const [getChatReadiness] = useLazyQuery(GET_CHAT_READINESS)
+
   useEffect(() => {
     const checkReadiness = async () => {
       if (isStreaming || messages.length === 0) {
@@ -38,23 +45,17 @@ export default function ChatMessages({
       const lastMessage = messages[messages.length - 1]
 
       try {
-        const response = await fetch('/api/chat/readiness', {
-          method: 'POST',
-          body: JSON.stringify({ message: lastMessage.text }),
-          headers: {
-            'Content-Type': 'application/json',
-          },
+        const { data } = await getChatReadiness({
+          variables: { message: lastMessage.text, sessionId: ddSessionId },
         })
-
-        const result = await response.json()
-        setIsReadyForPreview(result.isReady)
+        setIsReadyForPreview(data?.getChatReadiness?.isReady)
       } catch {
         setIsReadyForPreview(false)
       }
     }
 
     checkReadiness()
-  }, [isStreaming, messages])
+  }, [ddSessionId, getChatReadiness, isStreaming, messages])
 
   // Scroll to bottom when PreviewStepsButton appears
   useEffect(() => {