agentshield/public/comparisons/agentops.html at feat/agent-devtools-emitter · ghzhost/agentshield · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>AgentShield vs AgentOps: Spend Control vs Agent Monitoring</title>
<meta name="description" content="AgentOps monitors agent behavior. AgentShield blocks runaway spending before it happens. Monitoring vs prevention — the critical difference for AI agent budgets.">
<style>
:root { --bg:#0a0a0a; --surface:#141414; --accent:#00d4aa; --text:#e8e8e8; --muted:#888; --danger:#ff4757; --green:#22c55e; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
.container { max-width:900px; margin:0 auto; padding:24px; }
h1 { font-size:2.2em; margin-bottom:8px; }
h2 { font-size:1.4em; margin:32px 0 12px; color:var(--accent); }
h3 { margin:20px 0 8px; }
p { margin-bottom:12px; color:#ccc; }
.nav { background:var(--surface); padding:12px 24px; display:flex; justify-content:space-between; align-items:center; }
.nav a { color:var(--accent); text-decoration:none; }
.cta { display:inline-block; background:var(--accent); color:#0a0a0a; padding:12px 28px; border-radius:8px; text-decoration:none; font-weight:700; margin:16px 0; }
table { width:100%; border-collapse:collapse; margin:20px 0; }
th,td { padding:12px 16px; text-align:left; border-bottom:1px solid #2a2a2a; }
th { background:var(--surface); color:var(--accent); font-size:0.9em; text-transform:uppercase; }
.feature-check { color:var(--green); font-size:1.2em; }
.feature-x { color:var(--danger); font-size:1.2em; }
.callout { background:rgba(0,212,170,0.08); border:1px solid rgba(0,212,170,0.3); border-radius:8px; padding:20px; margin:24px 0; }
.footer { text-align:center; padding:32px; color:var(--muted); font-size:0.85em; }
</style>
</head>
<body>
<nav class="nav">
<a href="https://agentshield.fly.dev">🛡️ AgentShield</a>
<a href="/">Home</a>
</nav>
<div class="container">
<h1>AgentShield vs AgentOps: Spend Control vs Agent Monitoring</h1>
<p style="font-size:1.1em;color:var(--muted);margin-bottom:32px">AgentOps monitors agent behavior. AgentShield blocks runaway spending before it happens. Monitoring vs prevention — the critical difference for AI agent budgets.</p>

<h2>What AgentOps Does</h2>
<p>AgentOps is an observability and monitoring platform for AI agents. It tracks agent sessions, logs events, monitors performance, and provides debugging tools for understanding what your agents are doing.</p>

<h2>What AgentShield Does</h2>
<p>AgentShield is a preventive spend-control engine. We don't monitor agent behavior — we enforce financial limits on every API call an agent makes. Think firewall, not dashboard.</p>

<h2>Feature Comparison</h2>
<table>
<thead><tr><th>Capability</th><th>AgentShield</th><th>AgentOps</th></tr></thead>
<tbody>
<tr><td>Blocks transactions before execution</td><td><span class="feature-check">✅ <1ms eval</span></td><td><span class="feature-x">❌ Monitors, doesn't block</span></td></tr>
<tr><td>Transaction limit rules</td><td><span class="feature-check">✅ Per-call caps</span></td><td><span class="feature-x">❌ Not available</span></td></tr>
<tr><td>Daily spend caps</td><td><span class="feature-check">✅ Per-agent caps</span></td><td><span class="feature-x">❌ Alerts only</span></td></tr>
<tr><td>Agent session monitoring</td><td><span class="feature-check">❌ Not a monitoring tool</span></td><td><span class="feature-x">✅ Core feature</span></td></tr>
<tr><td>Agent debugging / replay</td><td><span class="feature-check">❌ Not a debugger</span></td><td><span class="feature-x">✅ Session replay</span></td></tr>
<tr><td>Real-time alerts</td><td><span class="feature-check">✅ SSE instant block alerts</span></td><td><span class="feature-x">✅ Event alerts</span></td></tr>
<tr><td>Zero dependencies</td><td><span class="feature-check">✅ Python stdlib only</span></td><td><span class="feature-x">❌ Requires SDK</span></td></tr>
<tr><td>Self-hostable in 60s</td><td><span class="feature-check">✅ Single Docker image</span></td><td><span class="feature-x">❌ SaaS only</span></td></tr>

</tbody>
</table>

<h2>When to Use AgentOps</h2>
<ul style="color:#ccc;margin-bottom:20px;padding-left:20px">
<li>You need to understand what your agents are doing</li><li>You want to debug agent decision paths</li><li>Session-level observability is your priority</li>
</ul>

<h2>When to Use AgentShield</h2>
<ul style="color:#ccc;margin-bottom:20px;padding-left:20px">
<li>You need hard financial guardrails on every API call</li><li>You run multiple autonomous agents simultaneously</li><li>Budget protection is your #1 concern, not debugging</li>
</ul>

<h2>Use Both Together</h2>
<p>AgentOps monitors what your agents do. AgentShield ensures they don't overspend while doing it. Different layers of the same stack.</p>
<div class="callout">
<h2 style="margin-top:0">The $2,800 Test</h2>
<p>If an AI agent makes 21 API calls at $133 each in 60 seconds at 3 AM:</p>
<p><strong style="color:var(--danger)">AgentOps</strong> logs it. You see the damage in the morning dashboard.</p>
<p><strong style="color:var(--accent)">AgentShield</strong> blocks it in under 1ms. The agent never spends the money.</p>
<p style="margin-top:12px"><strong>Prevention costs $19/month. A single runaway agent costs $2,800 in 60 seconds.</strong></p>
<a href="/dashboard" class="cta">Start 14-Day Free Trial →</a>
</div>
</div>
<footer class="footer">AgentShield — The Safety Layer for Autonomous AI Agents. <a href="/" style="color:var(--accent)">Home</a> · <a href="/comparisons/helicone" style="color:var(--muted)">vs Helicone</a> · <a href="/comparisons/langsmith" style="color:var(--muted)">vs LangSmith</a></footer>
</body>
</html>