style: remove unrelated formatting changes

Author: arpitgupta1214

components/VercelChat/ToolComponents.tsx

@@ -10,7 +10,7 @@ import dynamic from "next/dynamic";
 
 const MermaidDiagram = dynamic(
   () => import("@/components/VercelChat/tools/mermaid/MermaidDiagram"),
-  { ssr: false, loading: () => <MermaidDiagramSkeleton /> },
+  { ssr: false, loading: () => <MermaidDiagramSkeleton /> }
 );
 import { GenerateMermaidDiagramResult } from "@/lib/tools/generateMermaidDiagram";
 import CreateArtistToolCall from "./tools/CreateArtistToolCall";
@@ -43,12 +43,9 @@ import type { BrowserToolResultType } from "./tools/browser/BrowserToolResult";
 const BrowserToolResult = dynamic(
   () =>
     import("./tools/browser/BrowserToolResult").then(
-      (mod) => mod.BrowserToolResult,
+      (mod) => mod.BrowserToolResult
     ),
-  {
-    ssr: false,
-    loading: () => <BrowserToolSkeleton toolName="browser_agent" />,
-  },
+  { ssr: false, loading: () => <BrowserToolSkeleton toolName="browser_agent" /> }
 );
 import { isSearchProgressUpdate } from "@/lib/search/searchProgressUtils";
 import { GetSpotifyPlayButtonClickedResult } from "@/lib/supabase/getSpotifyPlayButtonClicked";
@@ -108,10 +105,8 @@ import { Sora2VideoSkeleton } from "./tools/sora2/Sora2VideoSkeleton";
 
 const Sora2VideoResult = dynamic(
   () =>
-    import("./tools/sora2/Sora2VideoResult").then(
-      (mod) => mod.Sora2VideoResult,
-    ),
-  { ssr: false, loading: () => <Sora2VideoSkeleton /> },
+    import("./tools/sora2/Sora2VideoResult").then((mod) => mod.Sora2VideoResult),
+  { ssr: false, loading: () => <Sora2VideoSkeleton /> }
 );
 import CatalogSongsSkeleton from "./tools/catalog/CatalogSongsSkeleton";
 import CatalogSongsResult, {
@@ -318,10 +313,7 @@ export function getToolCallComponent(part: ToolUIPart) {
         <GetChatsSkeleton />
       </div>
     );
-  } else if (
-    toolName === "get_task_run_status" ||
-    toolName === "prompt_sandbox"
-  ) {
+  } else if (toolName === "get_task_run_status" || toolName === "prompt_sandbox") {
     return (
       <div key={toolCallId}>
         <RunPageSkeleton />
@@ -343,10 +335,10 @@ export function getToolCallComponent(part: ToolUIPart) {
 
 export function getToolResultComponent(part: ToolUIPart | DynamicToolUIPart) {
   const { toolCallId, output, type } = part;
-  const result =
-    type === "dynamic-tool"
-      ? JSON.parse((output as CallToolResult).content[0].text)
-      : output;
+  const isMcp = type === "dynamic-tool";
+  const result = isMcp
+    ? JSON.parse((output as CallToolResult).content[0].text)
+    : output;
   const toolName = getToolOrDynamicToolName(part);
   const isSearchWebTool = toolName === "search_web";
   const isDeepResearchTool = toolName === "web_deep_research";
@@ -606,10 +598,7 @@ export function getToolResultComponent(part: ToolUIPart | DynamicToolUIPart) {
         <GetChatsResult result={result as GetChatsResultType} />
       </div>
     );
-  } else if (
-    toolName === "get_task_run_status" ||
-    toolName === "prompt_sandbox"
-  ) {
+  } else if (toolName === "get_task_run_status" || toolName === "prompt_sandbox") {
     const runId =
       toolName === "get_task_run_status"
         ? ((part as DynamicToolUIPart).input as { runId: string }).runId

components/VercelChat/tools/CreateArtistToolResult.tsx

@@ -28,9 +28,7 @@ export function CreateArtistToolResult({
     return (
       <div className="flex items-center space-x-4 p-3 rounded-md bg-red-50 dark:bg-red-950/20 border border-red-200 dark:border-red-900 my-2">
         <div className="h-12 w-12 rounded-full bg-red-200 dark:bg-red-800 flex items-center justify-center">
-          <span className="text-lg font-medium text-red-600 dark:text-red-400">
-            !
-          </span>
+          <span className="text-lg font-medium text-red-600 dark:text-red-400">!</span>
         </div>
         <div>
           <p className="font-medium dark:text-white">Artist Creation Failed</p>

hooks/useChatTransport.ts

@@ -6,6 +6,7 @@ import { usePrivy } from "@privy-io/react-auth";
 export function useChatTransport() {
   const { getAccessToken } = usePrivy();
   const baseUrl = getClientApiBaseUrl();
+
   const getHeaders = useCallback(async () => {
     const accessToken = await getAccessToken();
     return accessToken ? { Authorization: `Bearer ${accessToken}` } : undefined;

providers/VercelChatProvider.tsx

@@ -34,29 +34,24 @@ interface VercelChatContextType {
   attachments: FileUIPart[];
   pendingAttachments: FileUIPart[];
   setAttachments: (
-    attachments: FileUIPart[] | ((prev: FileUIPart[]) => FileUIPart[]),
+    attachments: FileUIPart[] | ((prev: FileUIPart[]) => FileUIPart[])
   ) => void;
   removeAttachment: (index: number) => void;
   clearAttachments: () => void;
   hasPendingUploads: boolean;
   textAttachments: TextAttachment[];
   setTextAttachments: (
-    attachments:
-      | TextAttachment[]
-      | ((prev: TextAttachment[]) => TextAttachment[]),
+    attachments: TextAttachment[] | ((prev: TextAttachment[]) => TextAttachment[])
   ) => void;
-  addTextAttachment: (
-    file: File,
-    type: TextAttachment["type"],
-  ) => Promise<void>;
+  addTextAttachment: (file: File, type: TextAttachment["type"]) => Promise<void>;
   removeTextAttachment: (index: number) => void;
   model: string;
   setModel: (model: string) => void;
 }
 
 // Create the context
 const VercelChatContext = createContext<VercelChatContextType | undefined>(
-  undefined,
+  undefined
 );
 
 // Props for the provider component
@@ -130,7 +125,7 @@ export function VercelChatProvider({
 
   // When a message is sent successfully, clear the attachments
   const handleSendMessageWithClear = async (
-    event: React.FormEvent<HTMLFormElement>,
+    event: React.FormEvent<HTMLFormElement>
   ) => {
     await handleSendMessage(event);
 
@@ -190,7 +185,7 @@ export function useVercelChatContext() {
 
   if (context === undefined) {
     throw new Error(
-      "useVercelChatContext must be used within a VercelChatProvider",
+      "useVercelChatContext must be used within a VercelChatProvider"
     );
   }