Handle server error

src/server/actions.ts

@@ -213,24 +213,25 @@ export const getAgentResponse: GetAgentResponse<AgentPayload> = async (
     throw new HttpError(401);
   }
 
-  const payload = {
-    conversation: conversation,
-  };
-
+  const payload = { conversation: conversation };
   try {
     const response = await fetch(`${ADS_SERVER_URL}/chat`, {
       method: 'POST',
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify(payload),
     });
 
-    const json = (await response.json()) as OpenAIResponse; // this should be AzureOpenAIResponse
-    return {
-      content: json
+    const json = await response.json() as { detail?: string }; // Parse JSON once
+
+    if (!response.ok) {
+      const errorMsg = json.detail || `HTTP error with status code ${response.status}`;
+      console.error('Server Error:', errorMsg);
+      throw new Error(errorMsg);
     }
+
+    return { content: json };
+
   } catch (error: any) {
-    console.error(error);
+    throw new HttpError(500, 'Something went wrong. Please try again later');
   }
-
-  throw new HttpError(500, 'Something went wrong');
 };