herocode/web_starterkit_v
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
despiegk
2025-05-31 11:15:44 +03:00
parent 292a769250
commit ae6966edb2
29 changed files with 4767 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/agentui/templates/process_details.html Normal file
View File

@@ -0,0 +1,91 @@
<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>&copy; 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>