fix: redirect artist handoff from live completion event

Author: arpitgupta1214

components/VercelChat/tools/CreateArtistToolResult.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect } from "react";
 import { CreateArtistResult } from "@/types/createArtistResult";
-import useCreateArtistTool from "@/hooks/useCreateArtistTool";
 import GenericSuccess from "./GenericSuccess";
 import { useArtistProvider } from "@/providers/ArtistProvider";
 
@@ -19,7 +18,6 @@ export function CreateArtistToolResult({
   result,
 }: CreateArtistToolResultProps) {
   const { getArtists } = useArtistProvider();
-  const { isProcessing, error: processingError } = useCreateArtistTool(result);
 
   useEffect(() => {
     getArtists(result.artistAccountId);
@@ -46,13 +44,7 @@ export function CreateArtistToolResult({
     <GenericSuccess
       image={result.artist.image}
       name={result.artist.name}
-      message={
-        isProcessing
-          ? "Setting up artist conversation..."
-          : processingError
-            ? `Created successfully but: ${processingError}`
-            : "Artist created successfully"
-      }
+      message="Artist created successfully"
     />
   );
 }

hooks/useCreateArtistTool.ts

@@ -21,6 +21,7 @@ import { usePrivy } from "@privy-io/react-auth";
 import { TextAttachment } from "@/types/textAttachment";
 import { formatTextAttachments } from "@/lib/chat/formatTextAttachments";
 import { useDeleteTrailingMessages } from "./useDeleteTrailingMessages";
+import { z } from "zod";
 
 // 30 days in seconds for Supabase signed URL expiry
 const SIGNED_URL_EXPIRES_SECONDS = 60 * 60 * 24 * 30;
@@ -61,6 +62,7 @@ export function useVercelChat({
   const { refetchCredits } = usePaymentProvider();
   const { transport, getHeaders } = useChatTransport();
   const { authenticated } = usePrivy();
+  const redirectPathRef = useRef<string | null>(null);
 
   // Load artist files for mentions (from Supabase)
   const { files: allArtistFiles = [] } = useArtistFilesForMentions();
@@ -180,13 +182,28 @@ export function useVercelChat({
       transport,
       experimental_throttle: 100,
       generateId: generateUUID,
+      dataPartSchemas: {
+        redirect: z.object({ path: z.string() }),
+      },
       onError: (e) => {
+        redirectPathRef.current = null;
         console.error("An error occurred, please try again!", e);
         toast.error("An error occurred, please try again!");
       },
+      onData: (part) => {
+        if (part.type === "data-redirect" && part.data.path.startsWith("/")) {
+          redirectPathRef.current = part.data.path;
+        }
+      },
       onFinish: async () => {
         // Update credits after AI response completes
         await refetchCredits();
+
+        if (redirectPathRef.current) {
+          const redirectPath = redirectPathRef.current;
+          redirectPathRef.current = null;
+          window.history.replaceState({}, "", redirectPath);
+        }
       },
     });
 

hooks/useVercelChat.ts

@@ -7,5 +7,4 @@ export interface CreateArtistResult {
   artistAccountId?: string;
   message: string;
   error?: string;
-  newRoomId?: string | null;
 }