116 lines
3.6 KiB
HTML
116 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Swarm Terminal Snapshot</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
background:
|
|
radial-gradient(circle at top right, rgba(74, 222, 128, 0.10), transparent 20%),
|
|
radial-gradient(circle at top left, rgba(96, 165, 250, 0.10), transparent 24%),
|
|
#0a0f14;
|
|
color: #d7e3ee;
|
|
font-family: Menlo, Monaco, "SFMono-Regular", "JetBrains Mono", monospace;
|
|
}
|
|
.frame {
|
|
width: 1600px;
|
|
min-height: 900px;
|
|
margin: 0 auto;
|
|
padding: 48px;
|
|
box-sizing: border-box;
|
|
}
|
|
.window {
|
|
background: #0b1220;
|
|
border: 1px solid rgba(148, 163, 184, 0.20);
|
|
border-radius: 18px;
|
|
overflow: hidden;
|
|
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
|
|
}
|
|
.topbar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 14px 18px;
|
|
background: #121a2a;
|
|
border-bottom: 1px solid rgba(148, 163, 184, 0.12);
|
|
}
|
|
.dots {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
.dot {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
}
|
|
.dot.red { background: #fb7185; }
|
|
.dot.yellow { background: #fbbf24; }
|
|
.dot.green { background: #4ade80; }
|
|
.title {
|
|
color: #93a4b8;
|
|
font-size: 15px;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
.terminal {
|
|
padding: 28px 32px 36px;
|
|
font-size: 24px;
|
|
line-height: 1.7;
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
}
|
|
.line:nth-child(1),
|
|
.line:nth-child(8),
|
|
.line:nth-child(13) {
|
|
color: #7dd3fc;
|
|
}
|
|
.line:nth-last-child(2),
|
|
.line:nth-last-child(1) {
|
|
color: #bef264;
|
|
font-weight: 600;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="frame">
|
|
<div class="window">
|
|
<div class="topbar">
|
|
<div class="dots">
|
|
<span class="dot red"></span>
|
|
<span class="dot yellow"></span>
|
|
<span class="dot green"></span>
|
|
</div>
|
|
<div class="title">swarm-terminal-snapshot</div>
|
|
<div class="title">swarm-300589052dd0</div>
|
|
</div>
|
|
<div class="terminal">
|
|
<div class='line'>$ python3 scripts/run_swarm_poster_demo.py</div>
|
|
<div class='line'>[swarm] deployment_id=runtime-dep-90b592c531e3</div>
|
|
<div class='line'>[swarm] swarm_id=swarm-300589052dd0</div>
|
|
<div class='line'>[task] task_id=swarm-300589052dd0-task-1</div>
|
|
<div class='line'>[task] status=in_progress</div>
|
|
<div class='line'>[task] assigned_agent=agent-full-5d6968f886-7cm2l</div>
|
|
<div class='line'></div>
|
|
<div class='line'>$ curl -H "Authorization: Bearer ***" /api/swarms/{swarm_id}/tasks</div>
|
|
<div class='line'>task.started_at = 2026-05-29 10:12:36 UTC</div>
|
|
<div class='line'>task.halfway_at = 2026-05-29 10:12:56 UTC</div>
|
|
<div class='line'>halfway.observed_at = 2026-05-29 10:12:58 UTC</div>
|
|
<div class='line'></div>
|
|
<div class='line'>$ curl -H "Authorization: Bearer ***" /api/swarms/{swarm_id}/metrics</div>
|
|
<div class='line'>runtime.status = running</div>
|
|
<div class='line'>runtime.tasks_total = 1</div>
|
|
<div class='line'>runtime.tasks_by_status = {"in_progress": 1}</div>
|
|
<div class='line'>runtime.agents_connected = 1</div>
|
|
<div class='line'>runtime.budget.duration_seconds = 40</div>
|
|
<div class='line'>runtime.budget.duration_ratio = 495.7%</div>
|
|
<div class='line'></div>
|
|
<div class='line'># milestone</div>
|
|
<div class='line'>> 任务开始: 2026-05-29 10:12:36 UTC</div>
|
|
<div class='line'>> 任务过半: 2026-05-29 10:12:58 UTC</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|