CME Prediction Markets MCP Server

{% extends "base.html" %} {% block title %}Dashboard - CME MCP Server{% endblock %} {% block content %} <div class="row"> <div class="col-12"> <div class="card"> <div class="card-body text-center py-5"> <h1 class="display-4 mb-3"> <i class="fas fa-chart-line text-primary"></i> CME Prediction Markets </h1> <p class="lead text-muted">Model Context Protocol Server for CME Prediction Market Data</p> <p class="text-muted">Use the tools below to verify claims, explore contracts, and analyze trading data.</p> </div> </div> </div> </div> <div class="row mt-4"> <!-- Claim Verification Tool --> <div class="col-lg-4 mb-4"> <div class="card tool-card h-100"> <div class="card-body text-center"> <div class="mb-3"> <i class="fas fa-search-check fa-3x text-primary"></i> </div> <h5 class="card-title">Claim Verification</h5> <p class="card-text">Verify natural language claims against CME prediction market data using NLP analysis.</p> <a href="/gui/claim-verification" class="btn btn-primary"> <i class="fas fa-arrow-right me-2"></i>Verify Claims </a> </div> </div> </div> <!-- Contract Explorer Tool --> <div class="col-lg-4 mb-4"> <div class="card tool-card h-100"> <div class="card-body text-center"> <div class="mb-3"> <i class="fas fa-file-contract fa-3x text-success"></i> </div> <h5 class="card-title">Contract Explorer</h5> <p class="card-text">Search and explore prediction market contracts with detailed information and metadata.</p> <a href="/gui/contract-explorer" class="btn btn-success"> <i class="fas fa-arrow-right me-2"></i>Explore Contracts </a> </div> </div> </div> <!-- Trading Data Tool --> <div class="col-lg-4 mb-4"> <div class="card tool-card h-100"> <div class="card-body text-center"> <div class="mb-3"> <i class="fas fa-chart-candlestick fa-3x text-warning"></i> </div> <h5 class="card-title">Trading Data</h5> <p class="card-text">Query and visualize historical trading data with OHLC analysis and volume metrics.</p> <a href="/gui/trading-data" class="btn btn-warning"> <i class="fas fa-arrow-right me-2"></i>View Trading Data </a> </div> </div> </div> </div> <!-- MCP Tools Status --> <div class="row mt-4"> <div class="col-12"> <div class="card"> <div class="card-header"> <h5 class="mb-0"> <i class="fas fa-tools me-2"></i>Available MCP Tools </h5> </div> <div class="card-body"> <div id="tools-status"> <div class="text-center"> <i class="fas fa-spinner fa-spin"></i> Loading tools... </div> </div> </div> </div> </div> </div> <!-- Quick Stats --> <div class="row mt-4"> <div class="col-md-3"> <div class="card text-center"> <div class="card-body"> <i class="fas fa-server fa-2x text-primary mb-2"></i> <h6 class="card-title">Server Status</h6> <span class="badge bg-success">Running</span> </div> </div> </div> <div class="col-md-3"> <div class="card text-center"> <div class="card-body"> <i class="fas fa-database fa-2x text-info mb-2"></i> <h6 class="card-title">Database</h6> <span class="badge bg-info">Connected</span> </div> </div> </div> <div class="col-md-3"> <div class="card text-center"> <div class="card-body"> <i class="fas fa-memory fa-2x text-warning mb-2"></i> <h6 class="card-title">Cache</h6> <span class="badge bg-warning">Redis</span> </div> </div> </div> <div class="col-md-3"> <div class="card text-center"> <div class="card-body"> <i class="fas fa-cogs fa-2x text-secondary mb-2"></i> <h6 class="card-title">MCP Version</h6> <span class="badge bg-secondary">1.0.0</span> </div> </div> </div> </div> {% endblock %} {% block scripts %} <script> $(document).ready(async function() { try { const toolsData = await mcpClient.getTools(); let toolsHtml = '<div class="row">'; toolsData.tools.forEach(tool => { const icon = tool.name === 'verify_claim' ? 'fas fa-search-check' : tool.name === 'get_contract_info' ? 'fas fa-file-contract' : 'fas fa-chart-candlestick'; toolsHtml += ` <div class="col-md-4 mb-3"> <div class="card"> <div class="card-body"> <h6 class="card-title"> <i class="${icon} me-2"></i>${tool.name} </h6> <p class="card-text small text-muted">${tool.description}</p> <small class="text-success"> <i class="fas fa-check-circle"></i> Available </small> </div> </div> </div> `; }); toolsHtml += '</div>'; $('#tools-status').html(toolsHtml); } catch (error) { showError(document.getElementById('tools-status'), 'Failed to load MCP tools'); } }); </script> {% endblock %}