docs working test error display

ui/litellm-dashboard/src/components/networking.tsx

@@ -2274,6 +2274,52 @@ export const keyInfoCall = async (accessToken: String, keys: String[]) => {
 };
 
 
+export const testConnectionRequest = async (
+  accessToken: string,
+  requestBody: Record<string, any>
+) => {
+  try {
+    console.log("Sending model connection test request:", JSON.stringify(requestBody));
+    
+    // Construct the URL based on environment
+    const url = proxyBaseUrl ? `${proxyBaseUrl}/health/test_connection` : `/health/test_connection`;
+        
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        [globalLitellmHeaderName]: `Bearer ${accessToken}`
+      },
+      body: JSON.stringify(requestBody)
+    });
+
+    // Check for non-JSON responses first
+    const contentType = response.headers.get('content-type');
+    if (!contentType || !contentType.includes('application/json')) {
+      const text = await response.text();
+      console.error("Received non-JSON response:", text);
+      throw new Error(`Received non-JSON response (${response.status}: ${response.statusText}). Check network tab for details.`);
+    }
+
+    const data = await response.json();
+    
+    if (!response.ok || data.status === "error") {
+      // Handle the specific error format you're receiving
+      if (data.status === "error" && data.result && data.result.error) {
+        throw new Error(data.result.error);
+      } else {
+        throw new Error(data.error?.message || `Connection test failed: ${response.status} ${response.statusText}`);
+      }
+    }
+
+    return data;
+  } catch (error) {
+    console.error("Model connection test error:", error);
+    throw error;
+  }
+};
+
+// ... existing code ...
 export const keyInfoV1Call = async (accessToken: string, key: string) => {
   try {
     let url = proxyBaseUrl ? `${proxyBaseUrl}/key/info` : `/key/info`;