5c7aece397
- Per-node context fill bars (input/output/memorizer/sensor) - Color-coded: green <50%, amber 50-80%, red >80% - Sensor meter shows tick count + latest deltas - Token info in trace context events Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>cog</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="top-bar">
|
|
<h1>cog</h1>
|
|
<div id="status">disconnected</div>
|
|
</div>
|
|
|
|
<div id="node-metrics">
|
|
<div class="node-meter" id="meter-input"><span class="nm-label">input</span><div class="nm-bar"><div class="nm-fill"></div></div><span class="nm-text">—</span></div>
|
|
<div class="node-meter" id="meter-output"><span class="nm-label">output</span><div class="nm-bar"><div class="nm-fill"></div></div><span class="nm-text">—</span></div>
|
|
<div class="node-meter" id="meter-memorizer"><span class="nm-label">memorizer</span><div class="nm-bar"><div class="nm-fill"></div></div><span class="nm-text">—</span></div>
|
|
<div class="node-meter" id="meter-sensor"><span class="nm-label">sensor</span><div class="nm-bar"><div class="nm-fill"></div></div><span class="nm-text">—</span></div>
|
|
</div>
|
|
|
|
<div id="main">
|
|
<div class="panel chat-panel">
|
|
<div class="panel-header chat-h">Chat</div>
|
|
<div id="messages"></div>
|
|
<div id="input-bar">
|
|
<input id="input" placeholder="Type a message..." autocomplete="off">
|
|
<button onclick="send()">Send</button>
|
|
</div>
|
|
</div>
|
|
<div class="panel">
|
|
<div class="panel-header trace-h">Trace</div>
|
|
<div id="trace"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|