Skip to main content
Glama

UnrealBlueprintMCP

by BestDev
index.html11.6 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{ title }}</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> <link href="/static/css/dashboard.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="/"> <i class="fas fa-project-diagram"></i> UnrealBlueprintMCP Dashboard </a> <div class="navbar-nav ms-auto"> <a class="nav-link" href="/blueprints"> <i class="fas fa-sitemap"></i> Blueprints </a> <a class="nav-link" href="/performance"> <i class="fas fa-chart-line"></i> Performance </a> </div> </div> </nav> <div class="container-fluid mt-3"> <!-- Status Overview --> <div class="row mb-4"> <div class="col-md-3"> <div class="card text-white bg-primary"> <div class="card-body"> <div class="row"> <div class="col-8"> <h5 class="card-title">Server Status</h5> <p class="card-text" id="server-status">{{ status.server_status }}</p> </div> <div class="col-4"> <i class="fas fa-server fa-3x"></i> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="card text-white bg-success"> <div class="card-body"> <div class="row"> <div class="col-8"> <h5 class="card-title">Connections</h5> <p class="card-text" id="connections-count">{{ status.connections }}</p> </div> <div class="col-4"> <i class="fas fa-plug fa-3x"></i> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="card text-white bg-info"> <div class="card-body"> <div class="row"> <div class="col-8"> <h5 class="card-title">Operations/min</h5> <p class="card-text" id="operations-rate">{{ status.operations_per_minute }}</p> </div> <div class="col-4"> <i class="fas fa-cogs fa-3x"></i> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="card text-white bg-warning"> <div class="card-body"> <div class="row"> <div class="col-8"> <h5 class="card-title">Last Update</h5> <p class="card-text" id="last-update">{{ status.last_updated }}</p> </div> <div class="col-4"> <i class="fas fa-clock fa-3x"></i> </div> </div> </div> </div> </div> </div> <!-- Main Content --> <div class="row"> <!-- Real-time Performance Chart --> <div class="col-lg-8"> <div class="card"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-chart-line"></i> Real-time Performance </h5> </div> <div class="card-body"> <canvas id="performanceChart" width="400" height="200"></canvas> </div> </div> </div> <!-- Quick Actions --> <div class="col-lg-4"> <div class="card"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-bolt"></i> Quick Actions </h5> </div> <div class="card-body"> <div class="d-grid gap-2"> <button class="btn btn-primary" onclick="createBlueprint()"> <i class="fas fa-plus"></i> Create Blueprint </button> <button class="btn btn-info" onclick="runPerformanceScan()"> <i class="fas fa-search"></i> Performance Scan </button> <button class="btn btn-success" onclick="viewLogs()"> <i class="fas fa-file-alt"></i> View Logs </button> <button class="btn btn-secondary" onclick="exportData()"> <i class="fas fa-download"></i> Export Data </button> </div> </div> </div> <!-- System Info --> <div class="card mt-3"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-info-circle"></i> System Information </h5> </div> <div class="card-body"> <dl class="row"> <dt class="col-sm-6">MCP Server:</dt> <dd class="col-sm-6" id="mcp-server-url">ws://localhost:6277</dd> <dt class="col-sm-6">Dashboard:</dt> <dd class="col-sm-6" id="dashboard-version">v1.0.0</dd> <dt class="col-sm-6">Uptime:</dt> <dd class="col-sm-6" id="uptime">99.9%</dd> </dl> </div> </div> </div> </div> <!-- Recent Operations --> <div class="row mt-4"> <div class="col-12"> <div class="card"> <div class="card-header d-flex justify-content-between align-items-center"> <h5 class="card-title mb-0"> <i class="fas fa-history"></i> Recent Operations </h5> <button class="btn btn-sm btn-outline-primary" onclick="refreshOperations()"> <i class="fas fa-sync-alt"></i> Refresh </button> </div> <div class="card-body"> <div class="table-responsive"> <table class="table table-striped" id="operations-table"> <thead> <tr> <th>Time</th> <th>Operation</th> <th>Status</th> <th>Duration</th> <th>Details</th> </tr> </thead> <tbody> <tr> <td colspan="5" class="text-center text-muted"> Loading operations... </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> <!-- Modals --> <div class="modal fade" id="createBlueprintModal" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Create New Blueprint</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <form id="createBlueprintForm"> <div class="mb-3"> <label for="blueprintName" class="form-label">Blueprint Name</label> <input type="text" class="form-control" id="blueprintName" required> </div> <div class="mb-3"> <label for="parentClass" class="form-label">Parent Class</label> <select class="form-select" id="parentClass"> <option value="Actor">Actor</option> <option value="Pawn">Pawn</option> <option value="Character">Character</option> <option value="PlayerController">PlayerController</option> </select> </div> <div class="mb-3"> <label for="assetPath" class="form-label">Asset Path</label> <input type="text" class="form-control" id="assetPath" value="/Game/Blueprints/"> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" onclick="submitCreateBlueprint()">Create</button> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="/static/js/dashboard.js"></script> <script> // Initialize dashboard document.addEventListener('DOMContentLoaded', function() { initializeDashboard(); }); </script> </body> </html>

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/BestDev/unreal_bp_mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server