"\n    <!DOCTYPE html>\n    <html>\n    <head>\n        <title>Cidadão.AI GraphQL Playground</title>\n        <link rel=\"stylesheet\" href=\"https://unpkg.com/graphql-playground-react/build/static/css/index.css\" />\n        <script src=\"https://unpkg.com/graphql-playground-react/build/static/js/middleware.js\"></script>\n        <style>\n            body {\n                margin: 0;\n                padding: 0;\n                font-family: \"Open Sans\", sans-serif;\n            }\n            #root {\n                height: 100vh;\n            }\n        </style>\n    </head>\n    <body>\n        <div id=\"root\"></div>\n        <script>\n            window.addEventListener('load', function (event) {\n                GraphQLPlayground.init(document.getElementById('root'), {\n                    endpoint: '/graphql',\n                    subscriptionEndpoint: 'ws://localhost:8000/graphql',\n                    settings: {\n                        'request.credentials': 'same-origin',\n                        'editor.theme': 'dark',\n                        'editor.cursorShape': 'line',\n                        'editor.fontSize': 14,\n                        'editor.fontFamily': '\"Fira Code\", \"Monaco\", monospace',\n                        'prettier.printWidth': 80,\n                        'prettier.tabWidth': 2,\n                        'prettier.useTabs': false,\n                        'schema.polling.enable': true,\n                        'schema.polling.endpointFilter': '*',\n                        'schema.polling.interval': 2000\n                    },\n                    tabs: [\n                        {\n                            endpoint: '/graphql',\n                            query: `# Welcome to Cidadão.AI GraphQL API\n#\n# Example queries:\n\n# Get current user\nquery GetMe {\n  me {\n    id\n    email\n    name\n    role\n  }\n}\n\n# Search investigations\nquery SearchInvestigations($limit: Int) {\n  investigations(\n    pagination: { limit: $limit, offset: 0 }\n  ) {\n    id\n    query\n    status\n    confidenceScore\n    createdAt\n    findings {\n      type\n      title\n      severity\n    }\n  }\n}\n\n# Get agent statistics\nquery GetAgentStats {\n  agentStats {\n    agentName\n    totalTasks\n    successfulTasks\n    avgResponseTimeMs\n  }\n}\n\n# Create investigation\nmutation CreateInvestigation($query: String!) {\n  createInvestigation(\n    input: {\n      query: $query\n      priority: \"high\"\n    }\n  ) {\n    id\n    query\n    status\n    createdAt\n  }\n}\n\n# Subscribe to investigation updates\nsubscription InvestigationUpdates($id: ID!) {\n  investigationUpdates(investigationId: $id) {\n    id\n    status\n    confidenceScore\n    completedAt\n    processingTimeMs\n  }\n}`,\n                            variables: JSON.stringify({\n                                limit: 10,\n                                query: \"Contratos suspeitos em 2024\",\n                                id: \"123\"\n                            }, null, 2)\n                        }\n                    ]\n                })\n            })\n        </script>\n    </body>\n    </html>\n    "