91 lines
3.3 KiB
HTML
91 lines
3.3 KiB
HTML
<html>
|
|
<head>
|
|
<title>Hero Agent UI - Process Details</title>
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Process Details</h1>
|
|
<nav>
|
|
<a href="/">Dashboard</a>
|
|
<a href="/processes" class="active">Processes</a>
|
|
<a href="/jobs">Jobs</a>
|
|
<a href="/openrpc">OpenRPC</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="process-details-container">
|
|
<div class="process-header">
|
|
<h2>@process.name</h2>
|
|
<div class="process-actions">
|
|
<button onclick="killProcess('@process.pid')" class="btn btn-danger">Kill Process</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<div class="detail-item">
|
|
<span class="label">PID:</span>
|
|
<span class="value">@process.pid</span>
|
|
</div>
|
|
|
|
<div class="detail-item">
|
|
<span class="label">CPU Usage:</span>
|
|
<span class="value">@process.cpu%</span>
|
|
<div class="detail-bar">
|
|
<div class="detail-fill" style="width: @process.cpu%;"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-item">
|
|
<span class="label">Memory Usage:</span>
|
|
<span class="value">@process.memory MB</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="process-info">
|
|
<h3>Process Information</h3>
|
|
<div class="info-grid">
|
|
<div class="info-card">
|
|
<h4>CPU Usage Over Time</h4>
|
|
<div class="chart-placeholder">
|
|
<!-- In a real implementation, this would be a chart -->
|
|
<div class="placeholder-text">CPU usage chart would be displayed here</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-card">
|
|
<h4>Memory Usage Over Time</h4>
|
|
<div class="chart-placeholder">
|
|
<!-- In a real implementation, this would be a chart -->
|
|
<div class="placeholder-text">Memory usage chart would be displayed here</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>© 2025 Hero Agent System</p>
|
|
</footer>
|
|
|
|
<script src="/static/js/main.js"></script>
|
|
<script>
|
|
function killProcess(pid) {
|
|
if (confirm('Are you sure you want to kill process ' + pid + '?')) {
|
|
fetch(`/api/processes/${pid}/kill`, { method: 'POST' })
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
alert('Process killed successfully');
|
|
window.location.href = '/processes';
|
|
} else {
|
|
alert('Failed to kill process');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |