{
  "_meta": {
    "description": "D6 fixtures for claude-sdk-python / mcp-apps",
    "sourceFile": "d5-all.json",
    "copiedFrom": "langgraph-python",
    "created": "2026-05-21"
  },
  "fixtures": [
    {
      "match": {
        "userMessage": "Open Excalidraw and sketch a system diagram",
        "hasToolResult": true,
        "context": "claude-sdk-python"
      },
      "response": {
        "content": "Sketched a three-box system diagram (Client → Server → Database). Tap the iframe to open it in Excalidraw."
      }
    },
    {
      "_comment": "D5 mcp-apps suggestion pill #1 (\"Draw a flowchart\"). Sends the verbatim suggestion message \"Use Excalidraw to draw a simple flowchart with three steps.\" The distinctive substring \"draw a simple flowchart\" prevents collision with feature-parity.json's generic `{userMessage: \"steps\"}` fixture, which would otherwise absorb the prompt and return a tool-call-free planning blurb (breaking the iframe). Turn 1 emits `create_view` with three-step flowchart elements so the MCP middleware fetches the Excalidraw UI resource and mounts the iframe; turn 2 (after the tool result) emits the deterministic narration.",
      "match": {
        "userMessage": "draw a simple flowchart",
        "toolName": "create_view",
        "context": "claude-sdk-python"
      },
      "response": {
        "reasoning": "The user wants a simple three-step flowchart. I'll call create_view once with three labelled rectangles connected by arrows and a title, framed by a cameraUpdate.",
        "content": "Drawing a simple three-step flowchart in Excalidraw.",
        "toolCalls": [
          {
            "id": "call_d5_mcp_apps_create_view_flowchart_001",
            "name": "create_view",
            "arguments": "{\"elements\":[{\"id\":\"title\",\"type\":\"text\",\"x\":300,\"y\":40,\"text\":\"Flowchart\",\"fontSize\":24},{\"id\":\"step1\",\"type\":\"rectangle\",\"x\":80,\"y\":160,\"width\":160,\"height\":70,\"label\":{\"text\":\"Start\",\"fontSize\":18}},{\"id\":\"step2\",\"type\":\"rectangle\",\"x\":320,\"y\":160,\"width\":160,\"height\":70,\"label\":{\"text\":\"Process\",\"fontSize\":18}},{\"id\":\"step3\",\"type\":\"rectangle\",\"x\":560,\"y\":160,\"width\":160,\"height\":70,\"label\":{\"text\":\"End\",\"fontSize\":18}},{\"id\":\"a1\",\"type\":\"arrow\",\"x\":240,\"y\":195,\"endX\":320,\"endY\":195},{\"id\":\"a2\",\"type\":\"arrow\",\"x\":480,\"y\":195,\"endX\":560,\"endY\":195},{\"id\":\"camera\",\"type\":\"cameraUpdate\",\"x\":40,\"y\":0,\"width\":800,\"height\":600}]}"
          }
        ]
      }
    },
    {
      "match": {
        "userMessage": "draw a simple flowchart",
        "hasToolResult": true,
        "context": "claude-sdk-python"
      },
      "response": {
        "content": "Drew a three-step flowchart (Start → Process → End). Tap the iframe to open it in Excalidraw."
      }
    },
    {
      "match": {
        "userMessage": "Use Excalidraw to sketch",
        "turnIndex": 0,
        "context": "claude-sdk-python"
      },
      "response": {
        "content": "Sketched a simple system diagram for you above — three boxes (frontend, runtime, agent) connected by arrows showing the request flow. Ask if you'd like a different shape or more detail."
      }
    }
  ]
}