fix: revalidatePath not work in api route handler (#95)

https://nextjs.org/docs/app/building-your-application/caching#data-cache-and-client-side-router-cache
after ending, see the refreshed data
<img width="1524" alt="image"
src="https://github.com/landing-ai/vision-agent-ui/assets/132986242/65fb8076-26e9-4cb2-9e11-757a5db32a2c">

app/api/vision-agent/route.ts

@@ -118,7 +118,6 @@ export const POST = withLogging(
     request,
   ) => {
     const { apiMessages, mediaUrl, chatId, messageId } = json;
-    const messages: MessageUI[] = JSON.parse(apiMessages);
     const user = session?.user?.email ?? 'anonymous';
 
     const formData = new FormData();
@@ -323,6 +322,12 @@ export const POST = withLogging(
               request,
               '__AGENT_DONE',
             );
+            // This is just using to trigger the onFinish event in useChat hooks
+            // but the message isn't used anywhere
+            // https://github.com/vercel/ai/blob/main/packages/ui-utils/src/call-chat-api.ts#L118
+            controller.enqueue(
+              encoder.encode('0:' + JSON.stringify('DONE') + '\n'),
+            );
             controller.close();
           }
         }

lib/hooks/useVisionAgent.ts

@@ -6,6 +6,7 @@ import { convertDBMessageToAPIMessage } from '../utils/message';
 import { useSetAtom } from 'jotai';
 import { selectedMessageId } from '@/state/chat';
 import { Message } from '@prisma/client';
+import { useRouter } from 'next/navigation';
 
 const useVisionAgent = (chat: ChatWithMessages) => {
   const { messages: dbMessages, id, mediaUrl } = chat;
@@ -15,6 +16,7 @@ const useVisionAgent = (chat: ChatWithMessages) => {
   // Temporary solution for now while single we have to pass mediaUrl separately outside of the messages
   const currMediaUrl = useRef<string>(mediaUrl);
   const currMessageId = useRef<string>(latestDbMessage?.id);
+  const router = useRouter();
 
   const { append, isLoading, data, reload } = useChat({
     api: '/api/vision-agent',
@@ -24,6 +26,7 @@ const useVisionAgent = (chat: ChatWithMessages) => {
       }
     },
     onFinish: message => {
+      router.refresh();
       setMessageId(currMessageId.current);
     },
     body: {