Enhance content compatibility checks for tool results with multiple blocks

Co-authored-by: me <me@kentcdodds.com>

client/src/components/ToolResults.tsx

@@ -19,46 +19,44 @@ const checkContentCompatibility = (
     [key: string]: unknown;
   }>,
 ): { isCompatible: boolean; message: string } => {
-  if (
-    unstructuredContent.length !== 1 ||
-    unstructuredContent[0].type !== "text"
-  ) {
+  // Look for at least one text content block that matches the structured content
+  const textBlocks = unstructuredContent.filter(block => block.type === "text");
+  
+  if (textBlocks.length === 0) {
     return {
       isCompatible: false,
-      message: "Unstructured content is not a single text block",
+      message: "No text content blocks found to match structured content",
     };
   }
 
-  const textContent = unstructuredContent[0].text;
-  if (!textContent) {
-    return {
-      isCompatible: false,
-      message: "Text content is empty",
-    };
-  }
-
-  try {
-    const parsedContent = JSON.parse(textContent);
-    const isEqual =
-      JSON.stringify(parsedContent) === JSON.stringify(structuredContent);
-
-    if (isEqual) {
-      return {
-        isCompatible: true,
-        message: "Unstructured content matches structured content",
-      };
-    } else {
-      return {
-        isCompatible: false,
-        message: "Parsed JSON does not match structured content",
-      };
+  // Check if any text block contains JSON that matches the structured content
+  for (const textBlock of textBlocks) {
+    const textContent = textBlock.text;
+    if (!textContent) {
+      continue;
+    }
+
+    try {
+      const parsedContent = JSON.parse(textContent);
+      const isEqual =
+        JSON.stringify(parsedContent) === JSON.stringify(structuredContent);
+
+      if (isEqual) {
+        return {
+          isCompatible: true,
+          message: `Found matching JSON content (${textBlocks.length > 1 ? 'among multiple text blocks' : 'in single text block'})${unstructuredContent.length > textBlocks.length ? ' with additional content blocks' : ''}`,
+        };
+      }
+    } catch {
+      // Continue to next text block if this one doesn't parse as JSON
+      continue;
     }
-  } catch {
-    return {
-      isCompatible: false,
-      message: "Unstructured content is not valid JSON",
-    };
   }
+
+  return {
+    isCompatible: false,
+    message: "No text content block contains JSON matching structured content",
+  };
 };
 
 const ToolResults = ({ toolResult, selectedTool }: ToolResultsProps) => {